diff --git a/apps/www/.vitepress/theme/components/theming/utils/data.ts b/apps/www/.vitepress/theme/components/theming/utils/data.ts
index 3da4424d..1ef53ce0 100644
--- a/apps/www/.vitepress/theme/components/theming/utils/data.ts
+++ b/apps/www/.vitepress/theme/components/theming/utils/data.ts
@@ -2,6 +2,36 @@ import { CreditCard } from 'lucide-vue-next'
import RiAppleFill from '~icons/ri/apple-fill'
import RiPaypalFill from '~icons/ri/paypal-fill'
+type Color =
+ | 'zinc'
+ | 'slate'
+ | 'stone'
+ | 'gray'
+ | 'neutral'
+ | 'red'
+ | 'rose'
+ | 'orange'
+ | 'green'
+ | 'blue'
+ | 'yellow'
+ | 'violet'
+
+// Create an array of color values
+export const allColors: Color[] = [
+ 'zinc',
+ 'rose',
+ 'blue',
+ 'green',
+ 'orange',
+ 'red',
+ 'slate',
+ 'stone',
+ 'gray',
+ 'neutral',
+ 'yellow',
+ 'violet',
+]
+
interface Payment {
status: string
email: string
diff --git a/apps/www/.vitepress/theme/config/docs.ts b/apps/www/.vitepress/theme/config/docs.ts
index a3056849..e58047e9 100644
--- a/apps/www/.vitepress/theme/config/docs.ts
+++ b/apps/www/.vitepress/theme/config/docs.ts
@@ -8,11 +8,11 @@ export interface NavItem {
}
export type SidebarNavItem = NavItem & {
- items: SidebarNavItem[]
+ items?: SidebarNavItem[]
}
export type NavItemWithChildren = NavItem & {
- items: NavItemWithChildren[]
+ items?: NavItemWithChildren[]
}
interface DocsConfig {
@@ -55,22 +55,18 @@ export const docsConfig: DocsConfig = {
{
title: 'Introduction',
href: '/docs/introduction',
- items: [],
},
{
title: 'Installation',
href: '/docs/installation',
- items: [],
},
{
title: 'components.json',
href: '/docs/components-json',
- items: [],
},
{
title: 'Theming',
href: '/docs/theming',
- items: [],
},
{
title: 'Dark Mode',
@@ -80,33 +76,27 @@ export const docsConfig: DocsConfig = {
{
title: 'CLI',
href: '/docs/cli',
- items: [],
},
{
title: 'Typography',
href: '/docs/typography',
- items: [],
},
{
title: 'Figma',
href: '/docs/figma',
- items: [],
},
{
title: 'Changelog',
href: '/docs/changelog',
- items: [],
},
{
title: 'About',
href: '/docs/about',
- items: [],
},
{
title: 'Contribution',
href: '/docs/contribution',
items: [],
- label: 'New',
},
],
},
@@ -116,21 +106,34 @@ export const docsConfig: DocsConfig = {
{
title: 'Vite',
href: '/docs/installation/vite',
- items: [],
},
{
title: 'Nuxt',
href: '/docs/installation/nuxt',
- items: [],
},
{
title: 'Astro',
href: '/docs/installation/astro',
- items: [],
},
{
title: 'Laravel',
href: '/docs/installation/laravel',
+ },
+ ],
+ },
+ {
+ title: 'Extended',
+ items: [
+ {
+ title: 'Auto Form',
+ href: '/docs/components/auto-form',
+ items: [],
+ label: 'New',
+ },
+ {
+ title: 'Charts',
+ href: '/docs/charts',
+ label: 'New Alpha',
items: [],
},
],
@@ -141,254 +144,214 @@ export const docsConfig: DocsConfig = {
{
title: 'Accordion',
href: '/docs/components/accordion',
- items: [],
},
{
title: 'Alert',
href: '/docs/components/alert',
- items: [],
},
{
title: 'Alert Dialog',
href: '/docs/components/alert-dialog',
- items: [],
},
{
title: 'Aspect Ratio',
href: '/docs/components/aspect-ratio',
- items: [],
},
{
title: 'Avatar',
href: '/docs/components/avatar',
- items: [],
},
{
title: 'Badge',
href: '/docs/components/badge',
- items: [],
},
{
title: 'Breadcrumb',
href: '/docs/components/breadcrumb',
items: [],
- label: 'New',
},
{
title: 'Button',
href: '/docs/components/button',
- items: [],
},
{
title: 'Calendar',
href: '/docs/components/calendar',
items: [],
+ label: 'Updated',
},
{
title: 'Card',
href: '/docs/components/card',
- items: [],
},
{
title: 'Carousel',
href: '/docs/components/carousel',
- label: 'New',
items: [],
},
{
title: 'Checkbox',
href: '/docs/components/checkbox',
- items: [],
},
{
title: 'Collapsible',
href: '/docs/components/collapsible',
- items: [],
},
{
title: 'Combobox',
href: '/docs/components/combobox',
- items: [],
},
{
title: 'Command',
href: '/docs/components/command',
- items: [],
},
{
title: 'Context Menu',
href: '/docs/components/context-menu',
- items: [],
},
{
title: 'Data Table',
href: '/docs/components/data-table',
- items: [],
},
{
title: 'Date Picker',
href: '/docs/components/date-picker',
items: [],
+ label: 'Updated',
},
{
title: 'Dialog',
href: '/docs/components/dialog',
- items: [],
},
{
title: 'Drawer',
href: '/docs/components/drawer',
items: [],
- label: 'New',
},
{
title: 'Dropdown Menu',
href: '/docs/components/dropdown-menu',
- items: [],
},
{
title: 'Form',
href: '/docs/components/form',
- items: [],
},
{
title: 'Hover Card',
href: '/docs/components/hover-card',
- items: [],
},
{
title: 'Input',
href: '/docs/components/input',
- items: [],
},
{
title: 'Label',
href: '/docs/components/label',
- items: [],
},
{
title: 'Menubar',
href: '/docs/components/menubar',
- items: [],
},
{
title: 'Navigation Menu',
href: '/docs/components/navigation-menu',
- items: [],
},
{
title: 'Pagination',
href: '/docs/components/pagination',
- items: [],
},
{
title: 'Pin Input',
href: '/docs/components/pin-input',
- label: 'New',
items: [],
},
{
title: 'Popover',
href: '/docs/components/popover',
- items: [],
},
{
title: 'Progress',
href: '/docs/components/progress',
- items: [],
},
{
title: 'Radio Group',
href: '/docs/components/radio-group',
+ },
+ {
+ title: 'Range Calendar',
+ href: '/docs/components/range-calendar',
items: [],
},
{
title: 'Resizable',
href: '/docs/components/resizable',
- label: 'New',
items: [],
},
{
title: 'Scroll Area',
href: '/docs/components/scroll-area',
- items: [],
},
{
title: 'Select',
href: '/docs/components/select',
- items: [],
},
{
title: 'Separator',
href: '/docs/components/separator',
- items: [],
},
{
title: 'Sheet',
href: '/docs/components/sheet',
- items: [],
},
{
title: 'Skeleton',
href: '/docs/components/skeleton',
- items: [],
},
{
title: 'Slider',
href: '/docs/components/slider',
- items: [],
},
{
title: 'Sonner',
href: '/docs/components/sonner',
- label: 'New',
items: [],
},
{
title: 'Switch',
href: '/docs/components/switch',
- items: [],
},
{
title: 'Table',
href: '/docs/components/table',
- items: [],
},
{
title: 'Tabs',
href: '/docs/components/tabs',
- items: [],
},
{
title: 'Tags Input',
href: '/docs/components/tags-input',
- label: 'New',
items: [],
},
{
title: 'Textarea',
href: '/docs/components/textarea',
- items: [],
},
{
title: 'Toast',
href: '/docs/components/toast',
- items: [],
},
{
title: 'Toggle',
href: '/docs/components/toggle',
- items: [],
},
{
title: 'Toggle Group',
href: '/docs/components/toggle-group',
- items: [],
},
{
title: 'Tooltip',
href: '/docs/components/tooltip',
- items: [],
},
],
},
diff --git a/apps/www/.vitepress/theme/config/site.ts b/apps/www/.vitepress/theme/config/site.ts
index 92a6729e..d5af14e3 100644
--- a/apps/www/.vitepress/theme/config/site.ts
+++ b/apps/www/.vitepress/theme/config/site.ts
@@ -15,6 +15,6 @@ export const siteConfig = {
export const announcementConfig = {
icon: '✨',
- title: 'Introducing Blocks!',
- link: '/blocks',
+ title: 'Extended: Auto Form, Charts',
+ link: '/docs/components/auto-form.html',
}
diff --git a/apps/www/.vitepress/theme/layout/DocsLayout.vue b/apps/www/.vitepress/theme/layout/DocsLayout.vue
index b0c0b559..c46b3d11 100644
--- a/apps/www/.vitepress/theme/layout/DocsLayout.vue
+++ b/apps/www/.vitepress/theme/layout/DocsLayout.vue
@@ -3,6 +3,7 @@ import { useData, useRoute } from 'vitepress'
import { docsConfig } from '../config/docs'
import TableOfContentVue from '../components/TableOfContent.vue'
import EditLink from '../components/EditLink.vue'
+import DocsBreadcrumb from '../components/DocsBreadcrumb.vue'
import { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
import RadixIconsCode from '~icons/radix-icons/code'
import RadixIconsExternalLink from '~icons/radix-icons/external-link'
@@ -27,6 +28,10 @@ const sourceLink = 'https://github.com/radix-vue/shadcn-vue/tree/dev/'
class="mb-1 rounded-md px-2 py-1 text-sm font-semibold"
>
{{ docsGroup.title }}
+
+
+ {{ docsGroup.label }}
+