chore: wip

Author: cab-mikee

docs/components/combobox.md

@@ -447,25 +447,25 @@ const sidebar = {
       collapsible: true,
       collapsed: true,
       items: [
-        { text: 'Alert', link: '/components/alert' },
+        { text: 'Alert', link: '/guide/components/alert' },
         // { text: 'Audio', link: '/components/audio' },
-        { text: 'Button', link: '/components/button' },
-        { text: 'Calendar', link: '/components/calendar' },
-        { text: 'Combobox', link: '/components/combobox' },
-        { text: 'Command Palette', link: '/components/command-palette' },
-        { text: 'Dialog', link: '/components/dialog' },
-        { text: 'Dropdown', link: '/components/dropdown' },
+        { text: 'Button', link: '/guide/components/button' },
+        { text: 'Calendar', link: '/guide/components/calendar' },
+        { text: 'Combobox', link: '/guide/components/combobox' },
+        { text: 'Command Palette', link: '/guide/components/command-palette' },
+        { text: 'Dialog', link: '/guide/components/dialog' },
+        { text: 'Dropdown', link: '/guide/components/dropdown' },
         // { text: 'Image', link: '/components/image' },
-        { text: 'Listbox', link: '/components/listbox' },
-        { text: 'Notification', link: '/components/notification' },
-        { text: 'Payment', link: '/components/payment' },
-        { text: 'Popover', link: '/components/popover' },
-        { text: 'Radio Group', link: '/components/radio-group' },
-        { text: 'Select', link: '/components/select' },
-        { text: 'Stepper', link: '/components/stepper' },
-        { text: 'Switch', link: '/components/switch' },
-        { text: 'Table', link: '/components/table' },
-        { text: 'Transition', link: '/components/transition' },
+        { text: 'Listbox', link: '/guide/components/listbox' },
+        { text: 'Notification', link: '/guide/components/notification' },
+        { text: 'Payment', link: '/guide/components/payment' },
+        { text: 'Popover', link: '/guide/components/popover' },
+        { text: 'Radio Group', link: '/guide/components/radio-group' },
+        { text: 'Select', link: '/guide/components/select' },
+        { text: 'Stepper', link: '/guide/components/stepper' },
+        { text: 'Switch', link: '/guide/components/switch' },
+        { text: 'Table', link: '/guide/components/table' },
+        { text: 'Transition', link: '/guide/components/transition' },
         // { text: 'Video', link: '/components/video' },
       ],
     },
@@ -590,6 +590,16 @@ const sidebar = {
       ],
     },
   ],
+  'components/combobox': {
+    text: 'Get Started',
+    collapsed: false,
+    items: [
+      { text: 'Intro', link: '/components/combobox/' },
+      { text: 'Install', link: '/components/combobox/install' },
+      { text: 'Usage', link: '/components/combobox/usage' },
+      { text: 'Demo', link: '/components/combobox/demo' },
+    ],
+  },
 }
 
 /**

docs/config.ts

@@ -0,0 +1 @@
+# Alert

docs/guide/components/alert.md

@@ -0,0 +1,35 @@
+# Combobox (wip)
+
+<Hero
+  title="stacks/combobox"
+  description="An opinionated combobox component for Stacks"
+  link="https://github.com/stacksjs/stacks/tree/main/storage/framework/core/components/combobox"
+/>
+
+# Install
+
+::: code-group
+
+```sh [npm]
+npm install @stacksjs/combobox
+```
+
+```sh [bun]
+bun install @stacksjs/combobox
+# bun add @stacksjs/combobox
+# bun i @stacksjs/combobox
+```
+
+```sh [pnpm]
+pnpm add @stacksjs/combobox
+# pnpm i @stacksjs/combobox
+```
+
+```sh [yarn]
+yarn add @stacksjs/combobox
+# yarn i -d @stacksjs/combobox
+```
+
+:::
+
+<ComboboxDemo />

docs/components/audio.md renamed to docs/guide/components/audio.md

@@ -0,0 +1 @@
+# Command Pallete