docs: add alpha tag, fix tooltipo styling

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 {
@@ -51,47 +51,38 @@ 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: '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: [],
         },
       ],
     },
@@ -101,47 +92,40 @@ 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',
-          items: [],
         },
       ],
     },
     {
       title: 'Charts',
+      label: 'Alpha',
       items: [
         {
           title: 'Area',
           href: '/docs/charts/area',
-          items: [],
         },
         {
           title: 'Line',
           href: '/docs/charts/line',
-          items: [],
         },
         {
           title: 'Bar',
           href: '/docs/charts/bar',
-          items: [],
         },
         {
           title: 'Donut',
           href: '/docs/charts/donut',
-          items: [],
         },
       ],
     },
@@ -151,208 +135,166 @@ 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: 'Button',
           href: '/docs/components/button',
-          items: [],
         },
         {
           title: 'Calendar',
           href: '/docs/components/calendar',
-          items: [],
         },
         {
           title: 'Card',
           href: '/docs/components/card',
-          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: [],
         },
         {
           title: 'Dialog',
           href: '/docs/components/dialog',
-          items: [],
         },
         {
           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: 'Popover',
           href: '/docs/components/popover',
-          items: [],
         },
         {
           title: 'Progress',
           href: '/docs/components/progress',
-          items: [],
         },
         {
           title: 'Radio Group',
           href: '/docs/components/radio-group',
-          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: 'Switch',
           href: '/docs/components/switch',
-          items: [],
         },
         {
           title: 'Table',
           href: '/docs/components/table',
-          items: [],
         },
         {
           title: 'Tabs',
           href: '/docs/components/tabs',
-          items: [],
         },
         {
           title: 'Textarea',
           href: '/docs/components/textarea',
-          items: [],
         },
         {
           title: 'Toast',
           href: '/docs/components/toast',
-          label: 'New',
-          items: [],
         },
         {
           title: 'Toggle',
           href: '/docs/components/toggle',
-          items: [],
         },
         {
           title: 'Tooltip',
           href: '/docs/components/tooltip',
-          items: [],
         },
       ],
     },

apps/www/.vitepress/theme/layout/DocsLayout.vue

@@ -27,6 +27,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 }}
+
+                <Badge v-if="docsGroup.label" class="ml-2" :variant="'secondary'">
+                  {{ docsGroup.label }}
+                </Badge>
               </h4>
 
               <div

apps/www/.vitepress/theme/style.css

@@ -25,6 +25,14 @@
 		--input: 240 5.9% 90%;
 		--ring: 240 5% 64.9%;
 		--radius: 0.5rem;
+
+
+    --vis-tooltip-background-color: none !important;
+    --vis-tooltip-border-color: none !important;
+    --vis-tooltip-text-color: none !important;
+    --vis-tooltip-shadow-color: none !important;
+    --vis-tooltip-backdrop-filter: none !important;
+    --vis-tooltip-padding: none !important;
 	}
 
 	.dark {