diff --git a/.github/assets/og/oku-aspect-ratio.jpg b/.github/assets/og/oku-aspect-ratio.jpg
new file mode 100644
index 000000000..2fa07a568
Binary files /dev/null and b/.github/assets/og/oku-aspect-ratio.jpg differ
diff --git a/.github/assets/og/oku-avatar.jpg b/.github/assets/og/oku-avatar.jpg
new file mode 100644
index 000000000..dac5109f9
Binary files /dev/null and b/.github/assets/og/oku-avatar.jpg differ
diff --git a/.github/assets/og/oku-checkbox.jpg b/.github/assets/og/oku-checkbox.jpg
new file mode 100644
index 000000000..c0acab7b6
Binary files /dev/null and b/.github/assets/og/oku-checkbox.jpg differ
diff --git a/.github/assets/og/oku-collapsible.jpg b/.github/assets/og/oku-collapsible.jpg
new file mode 100644
index 000000000..fce05e8fe
Binary files /dev/null and b/.github/assets/og/oku-collapsible.jpg differ
diff --git a/.github/assets/og/oku-horizontal.jpg b/.github/assets/og/oku-horizontal.jpg
new file mode 100644
index 000000000..a09842a6b
Binary files /dev/null and b/.github/assets/og/oku-horizontal.jpg differ
diff --git a/.github/assets/og/oku-label.jpg b/.github/assets/og/oku-label.jpg
new file mode 100644
index 000000000..a5a9333e7
Binary files /dev/null and b/.github/assets/og/oku-label.jpg differ
diff --git a/.github/assets/og/oku-popover.jpg b/.github/assets/og/oku-popover.jpg
new file mode 100644
index 000000000..148ae5702
Binary files /dev/null and b/.github/assets/og/oku-popover.jpg differ
diff --git a/.github/assets/og/oku-progress.jpg b/.github/assets/og/oku-progress.jpg
new file mode 100644
index 000000000..f02159203
Binary files /dev/null and b/.github/assets/og/oku-progress.jpg differ
diff --git a/.github/assets/og/oku-radio-group.jpg b/.github/assets/og/oku-radio-group.jpg
new file mode 100644
index 000000000..0aefdc631
Binary files /dev/null and b/.github/assets/og/oku-radio-group.jpg differ
diff --git a/.github/assets/og/oku-slider.jpg b/.github/assets/og/oku-slider.jpg
new file mode 100644
index 000000000..84f0c4b04
Binary files /dev/null and b/.github/assets/og/oku-slider.jpg differ
diff --git a/.github/assets/og/oku-switch.jpg b/.github/assets/og/oku-switch.jpg
new file mode 100644
index 000000000..43dc2af31
Binary files /dev/null and b/.github/assets/og/oku-switch.jpg differ
diff --git a/.github/assets/og/oku-tabs.jpg b/.github/assets/og/oku-tabs.jpg
new file mode 100644
index 000000000..e858ae4de
Binary files /dev/null and b/.github/assets/og/oku-tabs.jpg differ
diff --git a/.github/assets/og/oku-toast.jpg b/.github/assets/og/oku-toast.jpg
new file mode 100644
index 000000000..2e9e3f8ef
Binary files /dev/null and b/.github/assets/og/oku-toast.jpg differ
diff --git a/.github/assets/og/oku-toggle-group.jpg b/.github/assets/og/oku-toggle-group.jpg
new file mode 100644
index 000000000..26e35c9c4
Binary files /dev/null and b/.github/assets/og/oku-toggle-group.jpg differ
diff --git a/.github/assets/og/oku-toggle.jpg b/.github/assets/og/oku-toggle.jpg
new file mode 100644
index 000000000..0485f7199
Binary files /dev/null and b/.github/assets/og/oku-toggle.jpg differ
diff --git a/.github/assets/og/oku-toolbar.jpg b/.github/assets/og/oku-toolbar.jpg
new file mode 100644
index 000000000..7b9c38289
Binary files /dev/null and b/.github/assets/og/oku-toolbar.jpg differ
diff --git a/.github/assets/og/oku-tooltip.jpg b/.github/assets/og/oku-tooltip.jpg
new file mode 100644
index 000000000..3374116f6
Binary files /dev/null and b/.github/assets/og/oku-tooltip.jpg differ
diff --git a/README.md b/README.md
index 0a756ac5f..55724694a 100644
--- a/README.md
+++ b/README.md
@@ -18,7 +18,7 @@ Website: [Oku Website](https://oku-ui.com)
Please read our [contributing guide](https://github.com/oku-ui/primitives/blob/master/CONTRIBUTING.md)
-# TODO Components - 8/28
+# TODO Components - 17/28
Enter the component you want most in the components, leave the emojis and follow.
@@ -27,33 +27,33 @@ Enter the component you want most in the components, leave the emojis and follow
| Component | Description | Status | Docs |
| --- | --- | --- | --- |
| [Accordion](https://github.com/oku-ui/primitives/issues/3) | A group of collapsible panels | 🚧 In Progress | - |
-| [Alert Dialog](https://github.com/oku-ui/primitives/issues/4) | A modal dialog that interrupts the user's workflow to get a response | Not Started | - |
+| [Alert Dialog](https://github.com/oku-ui/primitives/issues/4) | A modal dialog that interrupts the user's workflow to get a response | 🚧 In Progress | - |
| [Aspect Ratio](https://oku-ui.com/primitives/components/aspect-ratio) | | | |
| [Avatar](https://oku-ui.com/primitives/components/avatar) | | | |
| [Checkbox](https://oku-ui.com/primitives/components/checkbox) | | | |
| [Collapsible](https://oku-ui.com/primitives/components/collapsible) | | | |
| [Context Menu](https://github.com/oku-ui/primitives/issues/8) | A menu that appears when a user interacts with an element's trigger | Not Started | - |
-| [Dialog](https://github.com/oku-ui/primitives/issues/9) | A modal dialog that interrupts the user's workflow to get a response | Not Started | - |
+| [Dialog](https://github.com/oku-ui/primitives/issues/9) | A modal dialog that interrupts the user's workflow to get a response | 🚧 In Progress | - |
| [Dropdown Menu](https://github.com/oku-ui/primitives/issues/10) | A menu that appears when a user interacts with an element's trigger | Not Started | - |
| [Form](https://github.com/oku-ui/primitives/issues/11) | A group of form controls | Not Started | - |
-| [Hover Card](https://github.com/oku-ui/primitives/issues/12) | A card that appears when a user hovers over an element | Not Started | - |
+| [Hover Card](https://github.com/oku-ui/primitives/issues/12) | A card that appears when a user hovers over an element | 🚧 In Progress | - |
| [Label](https://oku-ui.com/primitives/components/label) | | | |
| [Menubar](https://github.com/oku-ui/primitives/issues/13) | A menu that appears when a user interacts with an element's trigger | Not Started | - |
| [Navigation Menu](https://github.com/oku-ui/primitives/issues/14) | A menu that appears when a user interacts with an element's trigger | Not Started | - |
-| [Popover](https://github.com/oku-ui/primitives/issues/15) | A card that appears when a user hovers over an element | Not Started | - |
+| [Popover](https://oku-ui.com/primitives/components/popover) | | | |
| [Progress](https://oku-ui.com/primitives/components/progress) | | | |
-| [Radio Group](https://github.com/oku-ui/primitives/issues/17) | A group of radio buttons | 🚧 In Progress | - |
-| [Scroll Area](https://github.com/oku-ui/primitives/issues/18) | A scrollable area | Not Started | - |
+| [Radio Group](https://oku-ui.com/primitives/components/radio-group) | | | |
+| [Scroll Area](https://github.com/oku-ui/primitives/issues/18) | A scrollable area | 🚧 In Progress | - |
| [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) | | | |
-| [Slider](https://github.com/oku-ui/primitives/issues/21) | A control that allows users to input numeric values in a given range | 🚧 In Progress | - |
-| [Switch](https://github.com/oku-ui/primitives/issues/22) | A control that allows users to switch between two mutually exclusive options | 🚧 In Progress | - |
-| [Tabs](https://github.com/oku-ui/primitives/issues/23) | A group of tabs | 🚧 In Progress | - |
-| [Toast](https://github.com/oku-ui/primitives/issues/24) | A non-modal dialog that appears and disappears from the screen | | - |
+| [Slider](https://oku-ui.com/primitives/components/slider) | | | |
+| [Switch](https://oku-ui.com/primitives/components/switch) | | | |
+| [Tabs](https://oku-ui.com/primitives/components/tabs) | | | |
+| [Toast](https://oku-ui.com/primitives/components/toast) | | | |
| [Toggle](https://oku-ui.com/primitives/components/toggle) | | | |
-| [Toggle Group](https://github.com/oku-ui/primitives/issues/26) | A group of toggle buttons | 🚧 In Progress | - |
-| [Toolbar](https://github.com/oku-ui/primitives/issues/27) | A group of toolbar buttons | 🚧 In Progress | - |
-| [Tooltip](https://github.com/oku-ui/primitives/issues/28) | A card that appears when a user hovers over an element | Not Started | - |
+| [Toggle Group](https://oku-ui.com/primitives/components/toggle-group) | | | |
+| [Toolbar](https://oku-ui.com/primitives/components/toolbar) | | | |
+| [Tooltip](https://oku-ui.com/primitives/components/tooltip) | | | |
[Primitives](https://oku-ui.com/primitives) | | | |
## Community
diff --git a/packages/components/arrow/README.md b/packages/components/arrow/README.md
index e7a639cfd..0acb913ca 100644
--- a/packages/components/arrow/README.md
+++ b/packages/components/arrow/README.md
@@ -1,4 +1,6 @@
-# `arrow`
+# Arrow
+Arrow component is a primitive component that can be used to create arrows.
+
| |
diff --git a/packages/components/arrow/package.json b/packages/components/arrow/package.json
index 7fed08e2c..a48444041 100644
--- a/packages/components/arrow/package.json
+++ b/packages/components/arrow/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/arrow",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/aspect-ratio/README.md b/packages/components/aspect-ratio/README.md
index 15a0fb67b..664a83eec 100644
--- a/packages/components/aspect-ratio/README.md
+++ b/packages/components/aspect-ratio/README.md
@@ -1,4 +1,8 @@
-# `aspect-ratio`
+# Aspect Ratio
+Displays content within a desired ratio.
+
+![@oku-ui/aspect-ratio](./.github/assets/oku-aspect-ratio.jpg)
+
| |
@@ -8,6 +12,4 @@
$ pnpm add @oku-ui/aspect-ratio
```
-## Usage
-
-soon docs
\ No newline at end of file
+[Documentation](https://oku-ui.com/primitives/components/aspect-ratio)
\ No newline at end of file
diff --git a/packages/components/aspect-ratio/package.json b/packages/components/aspect-ratio/package.json
index b10d72ecd..5385ef9ba 100644
--- a/packages/components/aspect-ratio/package.json
+++ b/packages/components/aspect-ratio/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/aspect-ratio",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/avatar/README.md b/packages/components/avatar/README.md
index de243a556..0b1f2119f 100644
--- a/packages/components/avatar/README.md
+++ b/packages/components/avatar/README.md
@@ -1,4 +1,7 @@
-# `avatar`
+# Avatar
+An image element with a fallback for representing the user.
+
+![@oku-ui/avatar](./.github/assets/oku-avatar.jpg)
| |
@@ -8,6 +11,4 @@
$ pnpm add @oku-ui/avatar
```
-## Usage
-
-soon docs
\ No newline at end of file
+[Documentation](https://oku-ui.com/primitives/components/avatar)
diff --git a/packages/components/avatar/package.json b/packages/components/avatar/package.json
index 34e4c78b5..229bd08cb 100644
--- a/packages/components/avatar/package.json
+++ b/packages/components/avatar/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/avatar",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/checkbox/README.md b/packages/components/checkbox/README.md
index 7a66a9969..f5db85fc5 100644
--- a/packages/components/checkbox/README.md
+++ b/packages/components/checkbox/README.md
@@ -1,4 +1,8 @@
-# `@oku-ui/checkbox`
+# Checkbox
+A control that allows the user to toggle between checked and not checked.
+
+
+![@oku-ui/checkbox](./.github/assets/oku-checkbox.jpg)
| |
@@ -8,5 +12,4 @@
$ pnpm add @oku-ui/checkbox
```
-## Usage
-...
+[Documentation](https://oku-ui.com/primitives/components/checkbox)
diff --git a/packages/components/checkbox/package.json b/packages/components/checkbox/package.json
index 72eddafc5..3ea818945 100644
--- a/packages/components/checkbox/package.json
+++ b/packages/components/checkbox/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/checkbox",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/collapsible/README.md b/packages/components/collapsible/README.md
index 1c5772e1e..5a241c30d 100644
--- a/packages/components/collapsible/README.md
+++ b/packages/components/collapsible/README.md
@@ -1,4 +1,7 @@
-# `@oku-ui/collapsible`
+# Collapsible
+An interactive component which expands/collapses a panel.
+
+![@oku-ui/collapsible](./.github/assets/oku-collapsible.jpg)
| |
@@ -8,5 +11,4 @@
$ pnpm add @oku-ui/collapsible
```
-## Usage
-...
+[Documentation](https://oku-ui.com/primitives/components/collapsible)
diff --git a/packages/components/collapsible/package.json b/packages/components/collapsible/package.json
index 279e0320d..747e85276 100644
--- a/packages/components/collapsible/package.json
+++ b/packages/components/collapsible/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/collapsible",
"type": "module",
- "version": "0.2.4",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/collection/README.md b/packages/components/collection/README.md
index 51de9162c..2c6a03803 100644
--- a/packages/components/collection/README.md
+++ b/packages/components/collection/README.md
@@ -1,4 +1,5 @@
-# `collection`
+# Collection
+The Collection component is a wrapper for a list of items. It provides a way to render a list of items with a custom component.
| |
@@ -7,7 +8,3 @@
```sh
$ pnpm add @oku-ui/collection
```
-
-## Usage
-
-soon docs
\ No newline at end of file
diff --git a/packages/components/collection/package.json b/packages/components/collection/package.json
index a45073278..b77432355 100644
--- a/packages/components/collection/package.json
+++ b/packages/components/collection/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/collection",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/direction/README.md b/packages/components/direction/README.md
index 29810696b..4203f5a60 100644
--- a/packages/components/direction/README.md
+++ b/packages/components/direction/README.md
@@ -1,4 +1,5 @@
-# `direction`
+# Direction
+Direction component is used to change the direction of the content.
| |
@@ -6,8 +7,4 @@
```sh
$ pnpm add @oku-ui/direction
-```
-
-## Usage
-
-soon docs
\ No newline at end of file
+```
\ No newline at end of file
diff --git a/packages/components/direction/package.json b/packages/components/direction/package.json
index 21bbd0fff..c6a99b01d 100644
--- a/packages/components/direction/package.json
+++ b/packages/components/direction/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/direction",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/dismissable-layer/README.md b/packages/components/dismissable-layer/README.md
index 07bef28d8..91d942c8b 100644
--- a/packages/components/dismissable-layer/README.md
+++ b/packages/components/dismissable-layer/README.md
@@ -1,4 +1,5 @@
-# `dismissable-layer`
+# Dismissable Layer
+Dismissable Layer is a component that can be used to create a layer that can be dismissed by clicking outside of it.
| |
@@ -6,8 +7,4 @@
```sh
$ pnpm add @oku-ui/dismissable-layer
-```
-
-## Usage
-
-soon docs
\ No newline at end of file
+```
\ No newline at end of file
diff --git a/packages/components/dismissable-layer/package.json b/packages/components/dismissable-layer/package.json
index 7ab766883..dea884e95 100644
--- a/packages/components/dismissable-layer/package.json
+++ b/packages/components/dismissable-layer/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/dismissable-layer",
"type": "module",
- "version": "0.0.0",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/focus-scope/README.md b/packages/components/focus-scope/README.md
index e48331329..7f0042b46 100644
--- a/packages/components/focus-scope/README.md
+++ b/packages/components/focus-scope/README.md
@@ -1,4 +1,5 @@
-# `focus-scope`
+# Focus Scope
+Focus Scope is a component that manages focus within a given scope. It is useful for modals, dropdowns, and other components that need to trap focus within a given scope.
| |
@@ -7,7 +8,3 @@
```sh
$ pnpm add @oku-ui/focus-scope
```
-
-## Usage
-
-soon docs
\ No newline at end of file
diff --git a/packages/components/focus-scope/package.json b/packages/components/focus-scope/package.json
index bbc9cfe0f..a31583ffb 100644
--- a/packages/components/focus-scope/package.json
+++ b/packages/components/focus-scope/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/focus-scope",
"type": "module",
- "version": "0.0.0",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/label/README.md b/packages/components/label/README.md
index 16bee741e..62ecb3f86 100644
--- a/packages/components/label/README.md
+++ b/packages/components/label/README.md
@@ -1,4 +1,7 @@
-# `label`
+# Label
+Renders an accessible label associated with controls.
+
+![@oku-ui/label](./.github/assets/oku-label.jpg)
| |
@@ -8,6 +11,4 @@
$ pnpm add @oku-ui/label
```
-## Usage
-
-soon docs
\ No newline at end of file
+[Documentation](https://oku-ui.com/primitives/components/label)
diff --git a/packages/components/label/package.json b/packages/components/label/package.json
index 417697ff5..71907fb83 100644
--- a/packages/components/label/package.json
+++ b/packages/components/label/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/label",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/popover/README.md b/packages/components/popover/README.md
index 22e4f438a..a164d7310 100644
--- a/packages/components/popover/README.md
+++ b/packages/components/popover/README.md
@@ -1,4 +1,8 @@
-# `popover`
+# Popover
+Displays rich content in a portal, triggered by a button.
+
+![@oku-ui/popover](./.github/assets/oku-popover.jpg)
+
| |
@@ -8,6 +12,4 @@
$ pnpm add @oku-ui/popover
```
-## Usage
-
-soon docs
\ No newline at end of file
+[Documentation](https://oku-ui.com/primitives/components/popover)
diff --git a/packages/components/popover/package.json b/packages/components/popover/package.json
index 2ed9318c1..c3ce9a1f7 100644
--- a/packages/components/popover/package.json
+++ b/packages/components/popover/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/popover",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/popper/README.md b/packages/components/popper/README.md
index 9df7aa78b..b17dab7c9 100644
--- a/packages/components/popper/README.md
+++ b/packages/components/popper/README.md
@@ -1,4 +1,5 @@
-# `popper`
+# Popper
+Popper is a component that allows you to create popups, tooltips, and dropdowns.
| |
@@ -6,8 +7,4 @@
```sh
$ pnpm add @oku-ui/popper
-```
-
-## Usage
-
-soon docs
\ No newline at end of file
+```
\ No newline at end of file
diff --git a/packages/components/popper/package.json b/packages/components/popper/package.json
index ddaac7e8e..8013b0555 100644
--- a/packages/components/popper/package.json
+++ b/packages/components/popper/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/popper",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/portal/README.md b/packages/components/portal/README.md
index 246a44363..17d266ff3 100644
--- a/packages/components/portal/README.md
+++ b/packages/components/portal/README.md
@@ -1,4 +1,8 @@
-# `portal`
+# Portal
+Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
+
+![@oku-ui/portal](./.github/assets/oku-portal.jpg)
+
| |
@@ -7,6 +11,7 @@
```sh
$ pnpm add @oku-ui/portal
```
+[Documentation](https://oku-ui.com/primitives/components/portal)
## Usage
diff --git a/packages/components/portal/package.json b/packages/components/portal/package.json
index 216f40ec9..2c3279b5d 100644
--- a/packages/components/portal/package.json
+++ b/packages/components/portal/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/portal",
"type": "module",
- "version": "0.0.0",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/presence/README.md b/packages/components/presence/README.md
index df80d7791..9dcab28b1 100644
--- a/packages/components/presence/README.md
+++ b/packages/components/presence/README.md
@@ -1,4 +1,5 @@
-# `presence`
+# Presence
+Presence is a component that allows you to show the presence of a user.
| |
@@ -6,8 +7,4 @@
```sh
$ pnpm add @oku-ui/presence
-```
-
-## Usage
-
-soon docs
\ No newline at end of file
+```
\ No newline at end of file
diff --git a/packages/components/presence/package.json b/packages/components/presence/package.json
index d527e34f9..41905c621 100644
--- a/packages/components/presence/package.json
+++ b/packages/components/presence/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/presence",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/primitives/README.md b/packages/components/primitives/README.md
new file mode 100644
index 000000000..615c576fc
--- /dev/null
+++ b/packages/components/primitives/README.md
@@ -0,0 +1,35 @@
+# Primitives
+Primitives are the building blocks of the Oku UI design system. Includes all components in one package.
+
+
+ | |
+
+## Installation
+
+```sh
+$ pnpm add @oku-ui/primitives
+```
+
+[Documentation](https://oku-ui.com/primitives/components/primitives)
+
+```
+"@oku-ui/aspect-ratio": "latest",
+"@oku-ui/avatar": "latest",
+"@oku-ui/checkbox": "latest",
+"@oku-ui/collapsible": "latest",
+"@oku-ui/label": "latest",
+"@oku-ui/popover": "latest",
+"@oku-ui/popper": "latest",
+"@oku-ui/progress": "latest",
+"@oku-ui/radio-group": "latest",
+"@oku-ui/separator": "latest",
+"@oku-ui/slider": "latest",
+"@oku-ui/switch": "latest",
+"@oku-ui/tabs": "latest",
+"@oku-ui/toast": "latest",
+"@oku-ui/toggle": "latest",
+"@oku-ui/toggle-group": "latest",
+"@oku-ui/toolbar": "latest",
+"@oku-ui/tooltip": "latest"
+"@oku-ui/toast": "latest",
+```
\ No newline at end of file
diff --git a/packages/primitives/build.config.ts b/packages/components/primitives/build.config.ts
similarity index 100%
rename from packages/primitives/build.config.ts
rename to packages/components/primitives/build.config.ts
diff --git a/packages/primitives/package.json b/packages/components/primitives/package.json
similarity index 77%
rename from packages/primitives/package.json
rename to packages/components/primitives/package.json
index f9c48a318..afcaf242c 100644
--- a/packages/primitives/package.json
+++ b/packages/components/primitives/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/primitives",
"type": "module",
- "version": "0.0.1",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
@@ -42,9 +42,18 @@
"@oku-ui/checkbox": "latest",
"@oku-ui/collapsible": "latest",
"@oku-ui/label": "latest",
+ "@oku-ui/popover": "latest",
"@oku-ui/progress": "latest",
+ "@oku-ui/radio-group": "latest",
"@oku-ui/separator": "latest",
- "@oku-ui/toggle": "latest"
+ "@oku-ui/slider": "latest",
+ "@oku-ui/switch": "latest",
+ "@oku-ui/tabs": "latest",
+ "@oku-ui/toast": "latest",
+ "@oku-ui/toggle": "latest",
+ "@oku-ui/toggle-group": "latest",
+ "@oku-ui/toolbar": "latest",
+ "@oku-ui/tooltip": "latest"
},
"devDependencies": {
"tsconfig": "workspace:^"
diff --git a/packages/primitives/src/aspect-ratio.ts b/packages/components/primitives/src/aspect-ratio.ts
similarity index 100%
rename from packages/primitives/src/aspect-ratio.ts
rename to packages/components/primitives/src/aspect-ratio.ts
diff --git a/packages/components/primitives/src/index.ts b/packages/components/primitives/src/index.ts
new file mode 100644
index 000000000..f5eb0958b
--- /dev/null
+++ b/packages/components/primitives/src/index.ts
@@ -0,0 +1,17 @@
+export * from '@oku-ui/aspect-ratio'
+export * from '@oku-ui/avatar'
+export * from '@oku-ui/checkbox'
+export * from '@oku-ui/collapsible'
+export * from '@oku-ui/label'
+export * from '@oku-ui/progress'
+export * from '@oku-ui/popover'
+export * from '@oku-ui/separator'
+export * from '@oku-ui/toggle'
+export * from '@oku-ui/toggle-group'
+export * from '@oku-ui/toolbar'
+export * from '@oku-ui/tooltip'
+export * from '@oku-ui/toast'
+export * from '@oku-ui/tabs'
+export * from '@oku-ui/switch'
+export * from '@oku-ui/slider'
+export * from '@oku-ui/radio-group'
diff --git a/packages/primitives/tsconfig.json b/packages/components/primitives/tsconfig.json
similarity index 100%
rename from packages/primitives/tsconfig.json
rename to packages/components/primitives/tsconfig.json
diff --git a/packages/components/progress/README.md b/packages/components/progress/README.md
index 1e9a19a62..331dae359 100644
--- a/packages/components/progress/README.md
+++ b/packages/components/progress/README.md
@@ -1,4 +1,7 @@
-# `progress`
+# Progress
+Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
+
+![@oku-ui/progress](./.github/assets/oku-progress.jpg)
| |
@@ -8,5 +11,4 @@
$ pnpm add @oku-ui/progress
```
-## Usage
-...
+[Documentation](https://oku-ui.com/primitives/components/progress)
diff --git a/packages/components/progress/package.json b/packages/components/progress/package.json
index a88a596f4..d13d228fb 100644
--- a/packages/components/progress/package.json
+++ b/packages/components/progress/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/progress",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/radio-group/README.md b/packages/components/radio-group/README.md
index bc320f920..e4c4157a4 100644
--- a/packages/components/radio-group/README.md
+++ b/packages/components/radio-group/README.md
@@ -1,4 +1,7 @@
-# `radio-group`
+# Radio Group
+A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
+
+![@oku-ui/radio-group](./.github/assets/oku-radio-group.jpg)
| |
@@ -8,6 +11,4 @@
$ pnpm add @oku-ui/radio-group
```
-## Usage
-
-soon docs
\ No newline at end of file
+[Documentation](https://oku-ui.com/primitives/components/radio-group)
diff --git a/packages/components/radio-group/package.json b/packages/components/radio-group/package.json
index ce6b9d394..d48075526 100644
--- a/packages/components/radio-group/package.json
+++ b/packages/components/radio-group/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/radio-group",
"type": "module",
- "version": "0.1.0",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/roving-focus/README.md b/packages/components/roving-focus/README.md
index c98a69b18..bef817d52 100644
--- a/packages/components/roving-focus/README.md
+++ b/packages/components/roving-focus/README.md
@@ -1,4 +1,5 @@
-# `roving-focus`
+# Roving Focus
+Roving focus is a technique for managing focus within a group of elements. It is useful for keyboard navigation and accessibility.
| |
@@ -7,6 +8,3 @@
```sh
$ pnpm add @oku-ui/roving-focus
```
-
-## Usage
-...
diff --git a/packages/components/roving-focus/package.json b/packages/components/roving-focus/package.json
index 627b7efe1..28abdd0c9 100644
--- a/packages/components/roving-focus/package.json
+++ b/packages/components/roving-focus/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/roving-focus",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/separator/README.md b/packages/components/separator/README.md
index 1534c16bb..289dba7b0 100644
--- a/packages/components/separator/README.md
+++ b/packages/components/separator/README.md
@@ -1,4 +1,5 @@
-# `separator`
+# Separator
+Separator is a component that is used to separate content.
| |
diff --git a/packages/components/separator/package.json b/packages/components/separator/package.json
index a49db82cf..8976e2987 100644
--- a/packages/components/separator/package.json
+++ b/packages/components/separator/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/separator",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/slider/README.md b/packages/components/slider/README.md
index b32f9ba11..a2e0ba283 100644
--- a/packages/components/slider/README.md
+++ b/packages/components/slider/README.md
@@ -1,4 +1,8 @@
-# `slider`
+# Slider
+An input where the user selects a value from within a given range.
+
+![@oku-ui/slider](./.github/assets/oku-slider.jpg)
+
| |
@@ -8,6 +12,4 @@
$ pnpm add @oku-ui/slider
```
-## Usage
-
-soon docs
\ No newline at end of file
+[Documentation](https://oku-ui.com/primitives/components/slider)
diff --git a/packages/components/slider/package.json b/packages/components/slider/package.json
index 17c994f8c..b9949284f 100644
--- a/packages/components/slider/package.json
+++ b/packages/components/slider/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/slider",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/slot/README.md b/packages/components/slot/README.md
index 1d2847912..8bbbb688e 100644
--- a/packages/components/slot/README.md
+++ b/packages/components/slot/README.md
@@ -1,4 +1,5 @@
-# `slot`
+# Slot
+Slot is a component that allows you to render content in a specific place in the DOM tree.
| |
@@ -6,8 +7,4 @@
```sh
$ pnpm add @oku-ui/slot
-```
-
-## Usage
-
-soon docs
\ No newline at end of file
+```
\ No newline at end of file
diff --git a/packages/components/slot/package.json b/packages/components/slot/package.json
index c109e38b8..ed7fe14e0 100644
--- a/packages/components/slot/package.json
+++ b/packages/components/slot/package.json
@@ -1,7 +1,7 @@
{
"name": "@oku-ui/slot",
"type": "module",
- "version": "0.2.3",
+ "version": "0.4.0-alpha.9",
"license": "MIT",
"source": "src/index.ts",
"funding": "https://github.com/sponsors/productdevbook",
diff --git a/packages/components/switch/README.md b/packages/components/switch/README.md
index 4b2ea135b..77869f413 100644
--- a/packages/components/switch/README.md
+++ b/packages/components/switch/README.md
@@ -1,4 +1,7 @@
-# `@oku-ui/switch`
+# Switch
+A control that allows the user to toggle between checked and not checked.
+
+![@oku-ui/switch](./.github/assets/oku-switch.jpg)
| |
@@ -8,16 +11,4 @@
$ pnpm add @oku-ui/switch
```
-## Usage
-
-```ts
-