@gv-tech/design-system 2.22.2 → 2.23.0

package/dist/navigation-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.mjs","names":[],"sources":["../packages/ui-web/src/navigation-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n  NavigationMenuBaseProps,\n  NavigationMenuContentBaseProps,\n  NavigationMenuIndicatorBaseProps,\n  NavigationMenuItemBaseProps,\n  NavigationMenuLinkBaseProps,\n  NavigationMenuListBaseProps,\n  NavigationMenuTriggerBaseProps,\n  NavigationMenuViewportBaseProps,\n} from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst NavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & NavigationMenuBaseProps\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Root\n    ref={ref}\n    className={cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className)}\n    {...props}\n  >\n    {children}\n    <NavigationMenuViewport />\n  </NavigationMenuPrimitive.Root>\n));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root?.displayName || 'NavigationMenu';\n\nconst NavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> & NavigationMenuListBaseProps\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\n    className={cn('group flex flex-1 list-none items-center justify-center space-x-1', className)}\n    {...props}\n  />\n));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List?.displayName || 'NavigationMenuList';\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\nconst navigationMenuTriggerStyle = cva(\n  'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent',\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger> & NavigationMenuTriggerBaseProps\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Trigger\n    ref={ref}\n    className={cn(navigationMenuTriggerStyle(), 'group', className)}\n    {...props}\n  >\n    {children}{' '}\n    <ChevronDown\n      className=\"relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180\"\n      aria-hidden=\"true\"\n    />\n  </NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger?.displayName || 'NavigationMenuTrigger';\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> & NavigationMenuContentBaseProps\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Content\n    ref={ref}\n    className={cn(\n      'data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto',\n      className,\n    )}\n    {...props}\n  />\n));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content?.displayName || 'NavigationMenuContent';\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> & NavigationMenuViewportBaseProps\n>(({ className, ...props }, ref) => (\n  <div className={cn('absolute top-full left-0 flex justify-center')}>\n    <NavigationMenuPrimitive.Viewport\n      className={cn(\n        'origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  </div>\n));\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport?.displayName || 'NavigationMenuViewport';\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> & NavigationMenuIndicatorBaseProps\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Indicator\n    ref={ref}\n    className={cn(\n      'data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden',\n      className,\n    )}\n    {...props}\n  >\n    <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n  </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator?.displayName || 'NavigationMenuIndicator';\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n\nexport type {\n  NavigationMenuContentBaseProps as NavigationMenuContentProps,\n  NavigationMenuIndicatorBaseProps as NavigationMenuIndicatorProps,\n  NavigationMenuItemBaseProps as NavigationMenuItemProps,\n  NavigationMenuLinkBaseProps as NavigationMenuLinkProps,\n  NavigationMenuListBaseProps as NavigationMenuListProps,\n  NavigationMenuBaseProps as NavigationMenuProps,\n  NavigationMenuTriggerBaseProps as NavigationMenuTriggerProps,\n  NavigationMenuViewportBaseProps as NavigationMenuViewportProps,\n};\n"],"mappings":";;;;;;aAmBM,IAAiB,EAAM,YAG1B,EAAE,cAAW,aAAU,GAAG,KAAS,MACpC,iBAAA,GAAA,EAAA,MAAC,GAAD;CACO;CACL,WAAW,EAAG,mEAAmE,CAAS;CAC1F,GAAI;WAHN,CAKG,GACD,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAyB,CAAA,CACG;EAC/B;AACD,EAAe,cAAA,GAA4C,eAAe;AAE1E,IAAM,IAAqB,EAAM,YAG9B,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EAAG,qEAAqE,CAAS;CAC5F,GAAI;AACL,CAAA,CACF;AACD,EAAmB,cAAA,GAA4C,eAAe;AAE9E,IAAM,IAAqB,GAErB,IAA6B,EACjC,4aACF,GAEM,IAAwB,EAAM,YAGjC,EAAE,cAAW,aAAU,GAAG,KAAS,MACpC,iBAAA,GAAA,EAAA,MAAC,GAAD;CACO;CACL,WAAW,EAAG,EAA2B,GAAG,SAAS,CAAS;CAC9D,GAAI;WAHN;EAKG;EAAU;EACX,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,WAAU;GACV,eAAY;EACb,CAAA;CAC8B;EAClC;AACD,EAAsB,cAAA,GAA+C,eAAe;AAEpF,IAAM,IAAwB,EAAM,YAGjC,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EACT,yVACA,CACF;CACA,GAAI;AACL,CAAA,CACF;AACD,EAAsB,cAAA,GAA+C,eAAe;AAEpF,IAAM,IAAqB,GAErB,IAAyB,EAAM,YAGlC,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,OAAD;CAAK,WAAW,EAAG,8CAA8C;WAC/D,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,WAAW,EACT,sVACA,CACF;EACK;EACL,GAAI;CACL,CAAA;AACE,CAAA,CACN;AACD,EAAuB,cAAA,GAAgD,eAAe;AAEtF,IAAM,IAA0B,EAAM,YAGnC,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EACT,gMACA,CACF;CACA,GAAI;WAEJ,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAK,WAAU,yEAA0E,CAAA;AACxD,CAAA,CACpC;AACD,EAAwB,cAAA,GAAiD,eAAe"}
+{"version":3,"file":"navigation-menu.mjs","names":[],"sources":["../packages/ui-web/src/navigation-menu.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { ChevronDownIcon } from 'lucide-react';\nimport { cn } from './lib/utils';\n\nimport type { NavigationMenuBaseProps } from '@gv-tech/ui-core';\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn('group flex flex-1 list-none items-center justify-center gap-0', className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item data-slot=\"navigation-menu-item\" className={cn('relative', className)} {...props} />\n  );\n}\n\nconst navigationMenuTriggerStyle = cva(\n  'group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-[state=open]:bg-muted/50 data-[state=open]:hover:bg-muted data-[state=open]:focus:bg-muted',\n);\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), 'group', className)}\n      {...props}\n    >\n      {children}{' '}\n      <ChevronDownIcon\n        className=\"relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-[state=open]/navigation-menu-trigger:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        'group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 start-0 top-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className={cn('absolute start-0 top-full isolate z-50 flex justify-center')}>\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          'origin-top-center bg-popover text-popover-foreground ring-foreground/10 data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-90 relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg shadow ring-1 duration-100 md:w-(--radix-navigation-menu-viewport-width)',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-[state=active]:bg-muted/50 data-[state=active]:hover:bg-muted data-[state=active]:focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md [&_svg:not([class*=size-])]:size-4',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        'data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyNavigationMenuContract: NavigationMenuBaseProps = {} as unknown as React.ComponentProps<\n  typeof NavigationMenu\n>;\n"],"mappings":";;;;;;AASA,SAAS,EAAe,EACtB,cACA,aACA,cAAW,IACX,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD;EACE,aAAU;EACV,iBAAe;EACf,WAAW,EAAG,oFAAoF,CAAS;EAC3G,GAAI;YAJN,CAMG,GACA,KAAY,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAyB,CAAA,CACV;;AAElC;AAEA,SAAS,EAAmB,EAAE,cAAW,GAAG,KAAoE;CAC9G,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,iEAAiE,CAAS;EACxF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAAE,cAAW,GAAG,KAAoE;CAC9G,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EAA8B,aAAU;EAAuB,WAAW,EAAG,YAAY,CAAS;EAAG,GAAI;CAAQ,CAAA;AAErH;AAEA,IAAM,IAA6B,EACjC,4cACF;AAEA,SAAS,EAAsB,EAC7B,cACA,aACA,GAAG,KAC4D;CAC/D,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,EAA2B,GAAG,SAAS,CAAS;EAC9D,GAAI;YAHN;GAKG;GAAU;GACX,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,WAAU;IACV,eAAY;GACb,CAAA;EAC8B;;AAErC;AAEA,SAAS,EAAsB,EAAE,cAAW,GAAG,KAAuE;CACpH,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,09CACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAW,EAAG,4DAA4D;YAC7E,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,aAAU;GACV,WAAW,EACT,4WACA,CACF;GACA,GAAI;EACL,CAAA;CACE,CAAA;AAET;AAEA,SAAS,EAAmB,EAAE,cAAW,GAAG,KAAoE;CAC9G,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,+WACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAwB,EAC/B,cACA,GAAG,KAC8D;CACjE,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,8LACA,CACF;EACA,GAAI;YAEJ,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAK,WAAU,yEAA0E,CAAA;CACxD,CAAA;AAEvC"}

package/dist/packages/design-tokens/src/index.d.ts

@@ -62,6 +62,14 @@ export declare const tokens: {
             readonly border: "hsl(0 0% 89%)";
             readonly input: "hsl(0 0% 89%)";
             readonly ring: "hsl(222 47% 11%)";
+            readonly sidebar: "hsl(0 0% 96%)";
+            readonly sidebarForeground: "hsl(222 47% 11%)";
+            readonly sidebarPrimary: "hsl(225 73% 57%)";
+            readonly sidebarPrimaryForeground: "hsl(0 0% 100%)";
+            readonly sidebarAccent: "hsl(0 0% 92%)";
+            readonly sidebarAccentForeground: "hsl(0 0% 14%)";
+            readonly sidebarBorder: "hsl(0 0% 89%)";
+            readonly sidebarRing: "hsl(225 73% 57%)";
             readonly radius: "0.5rem";
         };
         readonly dark: {
@@ -84,6 +92,14 @@ export declare const tokens: {
             readonly border: "hsl(0 0% 18%)";
             readonly input: "hsl(0 0% 18%)";
             readonly ring: "hsl(0 0% 90%)";
+            readonly sidebar: "hsl(0 0% 11%)";
+            readonly sidebarForeground: "hsl(0 0% 70%)";
+            readonly sidebarPrimary: "hsl(227 96% 71%)";
+            readonly sidebarPrimaryForeground: "hsl(0 0% 100%)";
+            readonly sidebarAccent: "hsl(0 0% 15%)";
+            readonly sidebarAccentForeground: "hsl(0 0% 100%)";
+            readonly sidebarBorder: "hsl(0 0% 18%)";
+            readonly sidebarRing: "hsl(227 96% 71%)";
             readonly radius: "0.5rem";
         };
     };

package/dist/packages/design-tokens/src/theme.d.ts

@@ -19,6 +19,14 @@ export declare const theme: {
         readonly border: "hsl(0 0% 89%)";
         readonly input: "hsl(0 0% 89%)";
         readonly ring: "hsl(222 47% 11%)";
+        readonly sidebar: "hsl(0 0% 96%)";
+        readonly sidebarForeground: "hsl(222 47% 11%)";
+        readonly sidebarPrimary: "hsl(225 73% 57%)";
+        readonly sidebarPrimaryForeground: "hsl(0 0% 100%)";
+        readonly sidebarAccent: "hsl(0 0% 92%)";
+        readonly sidebarAccentForeground: "hsl(0 0% 14%)";
+        readonly sidebarBorder: "hsl(0 0% 89%)";
+        readonly sidebarRing: "hsl(225 73% 57%)";
         readonly radius: "0.5rem";
     };
     readonly dark: {
@@ -41,6 +49,14 @@ export declare const theme: {
         readonly border: "hsl(0 0% 18%)";
         readonly input: "hsl(0 0% 18%)";
         readonly ring: "hsl(0 0% 90%)";
+        readonly sidebar: "hsl(0 0% 11%)";
+        readonly sidebarForeground: "hsl(0 0% 70%)";
+        readonly sidebarPrimary: "hsl(227 96% 71%)";
+        readonly sidebarPrimaryForeground: "hsl(0 0% 100%)";
+        readonly sidebarAccent: "hsl(0 0% 15%)";
+        readonly sidebarAccentForeground: "hsl(0 0% 100%)";
+        readonly sidebarBorder: "hsl(0 0% 18%)";
+        readonly sidebarRing: "hsl(227 96% 71%)";
         readonly radius: "0.5rem";
     };
 };

package/dist/packages/ui-core/src/contracts/alert.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+export declare const alertVariantValues: readonly ["default", "destructive"];
+export type AlertVariant = (typeof alertVariantValues)[number] | null;
 export interface AlertBaseProps {
-    variant?: 'default' | 'destructive' | 'warning' | 'info';
+    variant?: AlertVariant;
     className?: string;
     children?: React.ReactNode;
 }

package/dist/packages/ui-core/src/contracts/badge.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+export declare const badgeVariantValues: readonly ["default", "destructive", "outline", "secondary", "ghost", "link"];
+export type BadgeVariant = (typeof badgeVariantValues)[number] | null;
 export interface BadgeBaseProps {
-    variant?: 'default' | 'secondary' | 'destructive' | 'outline';
+    variant?: BadgeVariant;
     className?: string;
     children?: React.ReactNode;
 }

package/dist/packages/ui-core/src/contracts/button-group.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export declare const buttonGroupOrientationValues: readonly ["horizontal", "vertical"];
+export type ButtonGroupOrientation = (typeof buttonGroupOrientationValues)[number];
+export interface ButtonGroupBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    orientation?: ButtonGroupOrientation;
+}
+export interface ButtonGroupTextBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    asChild?: boolean;
+}
+export interface ButtonGroupSeparatorBaseProps {
+    className?: string;
+    orientation?: ButtonGroupOrientation;
+}

package/dist/packages/ui-core/src/contracts/checkbox.d.ts

@@ -1,6 +1,6 @@
 export interface CheckboxBaseProps {
-    checked?: boolean;
-    defaultChecked?: boolean;
+    checked?: boolean | 'indeterminate';
+    defaultChecked?: boolean | 'indeterminate';
     disabled?: boolean;
     className?: string;
     onCheckedChange?: (checked: boolean) => void;

package/dist/packages/ui-core/src/contracts/combobox.d.ts

@@ -0,0 +1,65 @@
+export interface ComboboxValueBaseProps {
+    className?: string;
+}
+export interface ComboboxTriggerBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ComboboxClearBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ComboboxInputBaseProps {
+    className?: string;
+    disabled?: boolean;
+    showTrigger?: boolean;
+    showClear?: boolean;
+    children?: React.ReactNode;
+}
+export interface ComboboxContentBaseProps {
+    className?: string;
+    side?: 'top' | 'right' | 'bottom' | 'left' | 'inline-end' | 'inline-start';
+    sideOffset?: number;
+    align?: 'start' | 'center' | 'end';
+    alignOffset?: number;
+    anchor?: unknown;
+}
+export interface ComboboxListBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ComboboxItemBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ComboboxGroupBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ComboboxLabelBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ComboboxCollectionBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ComboboxEmptyBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ComboboxSeparatorBaseProps {
+    className?: string;
+}
+export interface ComboboxChipsBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ComboboxChipBaseProps {
+    className?: string;
+    showRemove?: boolean;
+    children?: React.ReactNode;
+}
+export interface ComboboxChipsInputBaseProps {
+    className?: string;
+}

package/dist/packages/ui-core/src/contracts/direction.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export type DirectionType = 'ltr' | 'rtl';
+export interface DirectionProviderBaseProps {
+    children?: React.ReactNode;
+    dir?: DirectionType;
+    direction?: DirectionType;
+}

package/dist/packages/ui-core/src/contracts/empty.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export declare const emptyMediaVariantValues: readonly ["default", "icon"];
+export type EmptyMediaVariant = (typeof emptyMediaVariantValues)[number] | null;
+export interface EmptyBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface EmptyMediaBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    variant?: EmptyMediaVariant;
+}

package/dist/packages/ui-core/src/contracts/field.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+export interface FieldSetBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface FieldLegendBaseProps {
+    className?: string;
+    variant?: 'legend' | 'label';
+    children?: React.ReactNode;
+}
+export interface FieldGroupBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export type FieldOrientation = 'vertical' | 'horizontal' | 'responsive';
+export interface FieldBaseProps {
+    className?: string;
+    orientation?: FieldOrientation | null;
+    children?: React.ReactNode;
+}
+export interface FieldContentBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface FieldLabelBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface FieldTitleBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface FieldDescriptionBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface FieldSeparatorBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface FieldErrorBaseProps {
+    className?: string;
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/input-group.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export interface InputGroupBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export type InputGroupAddonAlign = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+export interface InputGroupAddonBaseProps {
+    className?: string;
+    align?: InputGroupAddonAlign | null;
+    children?: React.ReactNode;
+}
+export type InputGroupButtonSize = 'xs' | 'sm' | 'icon-xs' | 'icon-sm';
+export interface InputGroupButtonBaseProps {
+    className?: string;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: string | null;
+    size?: InputGroupButtonSize | null;
+    children?: React.ReactNode;
+}
+export interface InputGroupTextBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface InputGroupInputBaseProps {
+    className?: string;
+}
+export interface InputGroupTextareaBaseProps {
+    className?: string;
+}

package/dist/packages/ui-core/src/contracts/input-otp.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface InputOTPBaseProps {
+    className?: string;
+    containerClassName?: string;
+}
+export interface InputOTPGroupBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface InputOTPSlotBaseProps {
+    className?: string;
+    index: number;
+}
+export interface InputOTPSeparatorBaseProps {
+    className?: string;
+}

package/dist/packages/ui-core/src/contracts/item.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+export interface ItemGroupBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ItemSeparatorBaseProps {
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+}
+export type ItemVariant = 'default' | 'outline' | 'muted';
+export type ItemSize = 'default' | 'sm' | 'xs';
+export interface ItemBaseProps {
+    className?: string;
+    variant?: ItemVariant | null;
+    size?: ItemSize | null;
+    children?: React.ReactNode;
+}
+export type ItemMediaVariant = 'default' | 'icon' | 'image';
+export interface ItemMediaBaseProps {
+    className?: string;
+    variant?: ItemMediaVariant | null;
+    children?: React.ReactNode;
+}
+export interface ItemContentBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ItemTitleBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ItemDescriptionBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ItemActionsBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ItemHeaderBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ItemFooterBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/kbd.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface KbdBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface KbdGroupBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/native-select.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export type NativeSelectSize = 'sm' | 'default';
+export interface NativeSelectBaseProps {
+    className?: string;
+    size?: NativeSelectSize;
+    children?: React.ReactNode;
+}
+export interface NativeSelectOptionBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface NativeSelectOptGroupBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/resizable.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface ResizablePanelGroupBaseProps {
     children?: React.ReactNode;
     className?: string;
-    direction: 'horizontal' | 'vertical';
+    orientation?: 'horizontal' | 'vertical';
     autoSaveId?: string;
     storage?: unknown;
 }

package/dist/packages/ui-core/src/contracts/search.d.ts

@@ -3,6 +3,7 @@ export interface SearchBaseProps {
     children?: React.ReactNode;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
+    disableShortcut?: boolean;
 }
 export interface SearchTriggerBaseProps {
     className?: string;

package/dist/packages/ui-core/src/contracts/sidebar.d.ts

@@ -0,0 +1,107 @@
+import * as React from 'react';
+export interface SidebarProviderBaseProps {
+    className?: string;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+}
+export interface SidebarBaseProps {
+    className?: string;
+    side?: 'left' | 'right';
+    variant?: 'sidebar' | 'floating' | 'inset';
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+    children?: React.ReactNode;
+}
+export interface SidebarTriggerBaseProps {
+    className?: string;
+}
+export interface SidebarRailBaseProps {
+    className?: string;
+}
+export interface SidebarInsetBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarInputBaseProps {
+    className?: string;
+}
+export interface SidebarHeaderBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarFooterBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarSeparatorBaseProps {
+    className?: string;
+}
+export interface SidebarContentBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarGroupBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarGroupLabelBaseProps {
+    className?: string;
+    asChild?: boolean;
+    children?: React.ReactNode;
+}
+export interface SidebarGroupActionBaseProps {
+    className?: string;
+    asChild?: boolean;
+    children?: React.ReactNode;
+}
+export interface SidebarGroupContentBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarMenuBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarMenuItemBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarMenuButtonBaseProps {
+    className?: string;
+    asChild?: boolean;
+    isActive?: boolean;
+    variant?: 'default' | 'outline' | null;
+    size?: 'default' | 'sm' | 'lg' | null;
+    tooltip?: string | Record<string, unknown>;
+    children?: React.ReactNode;
+}
+export interface SidebarMenuActionBaseProps {
+    className?: string;
+    asChild?: boolean;
+    showOnHover?: boolean;
+    children?: React.ReactNode;
+}
+export interface SidebarMenuBadgeBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarMenuSkeletonBaseProps {
+    className?: string;
+    showIcon?: boolean;
+}
+export interface SidebarMenuSubBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarMenuSubItemBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface SidebarMenuSubButtonBaseProps {
+    className?: string;
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/sonner.d.ts

@@ -2,14 +2,6 @@ export interface SonnerBaseProps {
     theme?: 'light' | 'dark' | 'system';
     className?: string;
     toastOptions?: {
-        classNames?: {
-            toast?: string;
-            description?: string;
-            actionButton?: string;
-            cancelButton?: string;
-            [key: string]: string | undefined;
-        };
-        [key: string]: unknown;
+        classNames?: unknown;
     };
-    [key: string]: unknown;
 }

package/dist/packages/ui-core/src/contracts/spinner.d.ts

@@ -0,0 +1,3 @@
+export interface SpinnerBaseProps {
+    className?: string;
+}

package/dist/packages/ui-core/src/contracts/switch.d.ts

@@ -6,6 +6,6 @@ export interface SwitchBaseProps {
     onCheckedChange?: (checked: boolean) => void;
     disabled?: boolean;
     name?: string;
-    value?: string;
+    value?: string | number | readonly string[];
     id?: string;
 }

package/dist/packages/ui-core/src/contracts/textarea.d.ts

@@ -1,7 +1,7 @@
 export interface TextareaBaseProps {
     className?: string;
     placeholder?: string;
-    value?: string;
-    defaultValue?: string;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
     disabled?: boolean;
 }

package/dist/packages/ui-core/src/contracts/toast.d.ts

@@ -1,5 +1,5 @@
 export declare const toastVariantValues: readonly ["default", "destructive"];
-export type ToastVariant = (typeof toastVariantValues)[number];
+export type ToastVariant = (typeof toastVariantValues)[number] | null;
 export interface ToastBaseProps {
     variant?: ToastVariant;
     title?: string;

package/dist/packages/ui-core/src/contracts/toggle-group.d.ts

@@ -8,7 +8,7 @@ export interface ToggleGroupBaseProps {
     type?: 'single' | 'multiple';
     defaultValue?: string | string[];
     value?: string | string[];
-    onValueChange?: (value: string | string[]) => void;
+    onValueChange?: (value: any) => void;
     disabled?: boolean;
 }
 export interface ToggleGroupItemBaseProps {

package/dist/packages/ui-core/src/contracts/toggle.d.ts

@@ -15,8 +15,8 @@ export declare const toggleVariantValues: {
         readonly lg: "lg";
     };
 };
-export type ToggleVariant = keyof typeof toggleVariantValues.variant;
-export type ToggleSize = keyof typeof toggleVariantValues.size;
+export type ToggleVariant = keyof typeof toggleVariantValues.variant | null;
+export type ToggleSize = keyof typeof toggleVariantValues.size | null;
 export interface ToggleBaseProps {
     children?: React.ReactNode;
     className?: string;

package/dist/packages/ui-core/src/index.d.ts

@@ -54,3 +54,17 @@ export type { ThemeProviderBaseProps } from './contracts/theme-provider';
 export type { ThemeToggleBaseProps } from './contracts/theme-toggle';
 export type { ToasterBaseProps } from './contracts/toaster';
 export type { HeadingItem, TableOfContentsBaseProps, TableOfContentsContentBaseProps, TableOfContentsListBaseProps, TableOfContentsRootBaseProps, } from './contracts/table-of-contents';
+export { buttonGroupOrientationValues } from './contracts/button-group';
+export type { ButtonGroupBaseProps, ButtonGroupOrientation, ButtonGroupSeparatorBaseProps, ButtonGroupTextBaseProps, } from './contracts/button-group';
+export type { DirectionProviderBaseProps, DirectionType } from './contracts/direction';
+export { emptyMediaVariantValues } from './contracts/empty';
+export type { EmptyBaseProps, EmptyMediaBaseProps, EmptyMediaVariant } from './contracts/empty';
+export type { SpinnerBaseProps } from './contracts/spinner';
+export type { FieldBaseProps, FieldContentBaseProps, FieldDescriptionBaseProps, FieldErrorBaseProps, FieldGroupBaseProps, FieldLabelBaseProps, FieldLegendBaseProps, FieldOrientation, FieldSeparatorBaseProps, FieldSetBaseProps, FieldTitleBaseProps, } from './contracts/field';
+export type { InputGroupAddonAlign, InputGroupAddonBaseProps, InputGroupBaseProps, InputGroupButtonBaseProps, InputGroupButtonSize, InputGroupInputBaseProps, InputGroupTextBaseProps, InputGroupTextareaBaseProps, } from './contracts/input-group';
+export type { NativeSelectBaseProps, NativeSelectOptGroupBaseProps, NativeSelectOptionBaseProps, NativeSelectSize, } from './contracts/native-select';
+export type { KbdBaseProps, KbdGroupBaseProps } from './contracts/kbd';
+export type { ItemActionsBaseProps, ItemBaseProps, ItemContentBaseProps, ItemDescriptionBaseProps, ItemFooterBaseProps, ItemGroupBaseProps, ItemHeaderBaseProps, ItemMediaBaseProps, ItemMediaVariant, ItemSeparatorBaseProps, ItemSize, ItemTitleBaseProps, ItemVariant, } from './contracts/item';
+export type { ComboboxChipBaseProps, ComboboxChipsBaseProps, ComboboxChipsInputBaseProps, ComboboxClearBaseProps, ComboboxCollectionBaseProps, ComboboxContentBaseProps, ComboboxEmptyBaseProps, ComboboxGroupBaseProps, ComboboxInputBaseProps, ComboboxItemBaseProps, ComboboxLabelBaseProps, ComboboxListBaseProps, ComboboxSeparatorBaseProps, ComboboxTriggerBaseProps, ComboboxValueBaseProps, } from './contracts/combobox';
+export type { InputOTPBaseProps, InputOTPGroupBaseProps, InputOTPSeparatorBaseProps, InputOTPSlotBaseProps, } from './contracts/input-otp';
+export type { SidebarBaseProps, SidebarContentBaseProps, SidebarFooterBaseProps, SidebarGroupActionBaseProps, SidebarGroupBaseProps, SidebarGroupContentBaseProps, SidebarGroupLabelBaseProps, SidebarHeaderBaseProps, SidebarInputBaseProps, SidebarInsetBaseProps, SidebarMenuActionBaseProps, SidebarMenuBadgeBaseProps, SidebarMenuBaseProps, SidebarMenuButtonBaseProps, SidebarMenuItemBaseProps, SidebarMenuSkeletonBaseProps, SidebarMenuSubBaseProps, SidebarMenuSubButtonBaseProps, SidebarMenuSubItemBaseProps, SidebarProviderBaseProps, SidebarRailBaseProps, SidebarSeparatorBaseProps, SidebarTriggerBaseProps, } from './contracts/sidebar';