refactor: update readme files

README.md

@@ -43,7 +43,7 @@ Enter the component you want most in the components, leave the emojis and follow
 | [Popover](https://oku-ui.com/primitives/components/popover) | <span><a href="https://www.npmjs.com/package/@oku-ui/popover "><img src="https://img.shields.io/npm/v/@oku-ui/popover?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a> </span> | <span> <a href="https://www.npmjs.com/package/@oku-ui/popover"> <img src="https://img.shields.io/npm/dm/@oku-ui/popover?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"> </a> </span> | <span> <a href="https://oku-ui.com/primitives/components/popover"><img src="https://img.shields.io/badge/Open%20Documentation-18181B" alt="Website"></a> </span> |
 | [Progress](https://oku-ui.com/primitives/components/progress) | <span><a href="https://www.npmjs.com/package/@oku-ui/progress "><img src="https://img.shields.io/npm/v/@oku-ui/progress?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a> </span> | <span> <a href="https://www.npmjs.com/package/@oku-ui/progress"> <img src="https://img.shields.io/npm/dm/@oku-ui/progress?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"> </a> </span> | <span> <a href="https://oku-ui.com/primitives/components/progress"><img src="https://img.shields.io/badge/Open%20Documentation-18181B" alt="Website"></a> </span> |
 | [Radio Group](https://oku-ui.com/primitives/components/radio-group) | <span><a href="https://www.npmjs.com/package/@oku-ui/radio-group "><img src="https://img.shields.io/npm/v/@oku-ui/radio-group?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a> </span> | <span> <a href="https://www.npmjs.com/package/@oku-ui/radio-group"> <img src="https://img.shields.io/npm/dm/@oku-ui/radio-group?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"> </a> </span> | <span> <a href="https://oku-ui.com/primitives/components/radio-group"><img src="https://img.shields.io/badge/Open%20Documentation-18181B" alt="Website"></a> </span> |
-| [Scroll Area](https://github.com/oku-ui/primitives/issues/18) | A scrollable area | 🚧 In Progress  | -  |
+| [Scroll Area](https://oku-ui.com/primitives/components/scroll-area) | <span><a href="https://www.npmjs.com/package/@oku-ui/scroll-area "><img src="https://img.shields.io/npm/v/@oku-ui/scroll-area?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a> </span> | <span> <a href="https://www.npmjs.com/package/@oku-ui/scroll-area"> <img src="https://img.shields.io/npm/dm/@oku-ui/scroll-area?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"> </a> </span> | <span> <a href="https://oku-ui.com/primitives/components/scroll-area"><img src="https://img.shields.io/badge/Open%20Documentation-18181B" alt="Website"></a> </span> |
 | [Select](https://github.com/oku-ui/primitives/issues/19) | A control that allows users to select one or more items from a list of options | 🚧 In Progress | -  |
 | [Separator](https://oku-ui.com/primitives/components/separator) | <span><a href="https://www.npmjs.com/package/@oku-ui/separator "><img src="https://img.shields.io/npm/v/@oku-ui/separator?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a> </span> | <span> <a href="https://www.npmjs.com/package/@oku-ui/separator"> <img src="https://img.shields.io/npm/dm/@oku-ui/separator?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"> </a> </span> | <span> <a href="https://oku-ui.com/primitives/components/separator"><img src="https://img.shields.io/badge/Open%20Documentation-18181B" alt="Website"></a> </span> |
 | [Slider](https://oku-ui.com/primitives/components/slider) | <span><a href="https://www.npmjs.com/package/@oku-ui/slider "><img src="https://img.shields.io/npm/v/@oku-ui/slider?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a> </span> | <span> <a href="https://www.npmjs.com/package/@oku-ui/slider"> <img src="https://img.shields.io/npm/dm/@oku-ui/slider?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"> </a> </span> | <span> <a href="https://oku-ui.com/primitives/components/slider"><img src="https://img.shields.io/badge/Open%20Documentation-18181B" alt="Website"></a> </span> |

packages/components/scroll-area/README.md

@@ -1,4 +1,7 @@
-# `scroll-area`
+# Scroll Area
+Augments native scroll functionality for custom, cross-browser styling.
+
+<!-- ![@oku-ui/scroll-area](./../../../.github/assets/og/oku-scroll-area.jpg) -->
 
 <span><a href="https://www.npmjs.com/package/@oku-ui/scroll-area "><img src="https://img.shields.io/npm/v/@oku-ui/scroll-area?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a> </span> | <span> <a href="https://www.npmjs.com/package/@oku-ui/scroll-area"> <img src="https://img.shields.io/npm/dm/@oku-ui/scroll-area?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"> </a> </span> | <span> <a href="https://oku-ui.com/primitives/components/scroll-area"><img src="https://img.shields.io/badge/Open%20Documentation-18181B" alt="Website"></a> </span>
 
@@ -8,6 +11,4 @@
 $ pnpm add @oku-ui/scroll-area
 ```
 
-## Usage
-
-soon docs
+[Documentation](https://oku-ui.com/primitives/components/scroll-area)