@kubetail/ui 2.7.1 → 3.0.0-rc1

package/dist/elements/select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","names":[],"sources":["../../src/elements/select.tsx"],"sourcesContent":["'use client';\n\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  asChild = false,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  if (asChild) {\n    return (\n      <SelectPrimitive.Trigger {...props} asChild>\n        {children}\n      </SelectPrimitive.Trigger>\n    );\n  }\n\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":"qRAOA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAAC,EAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAI,EAAS,CAAA,CAG/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAAC,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,EAAS,CAAA,CAGtE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAAC,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,EAAS,CAAA,CAGtE,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,UAAU,GACV,GAAG,GAGF,CASD,OARI,GAEA,EAAA,EAAA,KAAC,EAAgB,QAAjB,CAAyB,GAAI,EAAO,QAAA,GACjC,WACuB,CAAA,EAK5B,EAAA,EAAA,MAAC,EAAgB,QAAjB,CACE,YAAU,iBACV,YAAW,EACX,UAAW,EAAA,GACT,+yBACA,EACD,CACD,GAAI,WAPN,CASG,GACD,EAAA,EAAA,KAAC,EAAgB,KAAjB,CAAsB,QAAA,aACpB,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,UAAU,oBAAsB,CAAA,CAC5B,CAAA,CACC,GAI9B,SAAS,EAAqB,CAAE,YAAW,GAAG,GAAsE,CAClH,OACE,EAAA,EAAA,KAAC,EAAgB,eAAjB,CACE,YAAU,0BACV,UAAW,EAAA,GAAG,uDAAwD,EAAU,CAChF,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,UAAU,SAAW,CAAA,CACL,CAAA,CAIrC,SAAS,EAAuB,CAC9B,YACA,GAAG,GAC6D,CAChE,OACE,EAAA,EAAA,KAAC,EAAgB,iBAAjB,CACE,YAAU,4BACV,UAAW,EAAA,GAAG,uDAAwD,EAAU,CAChF,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,UAAU,SAAW,CAAA,CACL,CAAA,CAIvC,SAAS,EAAc,CACrB,YACA,WACA,WAAW,SACX,GAAG,GACoD,CACvD,OACE,EAAA,EAAA,KAAC,EAAgB,OAAjB,CAAA,UACE,EAAA,EAAA,MAAC,EAAgB,QAAjB,CACE,YAAU,iBACV,UAAW,EAAA,GACT,gjBACA,IAAa,UACX,kIACF,EACD,CACS,WACV,GAAI,WATN,EAWE,EAAA,EAAA,KAAC,EAAD,EAAwB,CAAA,EACxB,EAAA,EAAA,KAAC,EAAgB,SAAjB,CACE,UAAW,EAAA,GACT,MACA,IAAa,UACX,sGACH,CAEA,WACwB,CAAA,EAC3B,EAAA,EAAA,KAAC,EAAD,EAA0B,CAAA,CACF,GACH,CAAA,CAI7B,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,KAAC,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAA,GAAG,4CAA6C,EAAU,CACrE,GAAI,EACJ,CAAA,CAIN,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAAA,EAAA,MAAC,EAAgB,KAAjB,CACE,YAAU,cACV,UAAW,EAAA,GACT,4aACA,EACD,CACD,GAAI,WANN,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uEACd,EAAA,EAAA,KAAC,EAAgB,cAAjB,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,UAAU,SAAW,CAAA,CACF,CAAA,CAC3B,CAAA,EACP,EAAA,EAAA,KAAC,EAAgB,SAAjB,CAA2B,WAAoC,CAAA,CAC1C,GAI3B,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OACE,EAAA,EAAA,KAAC,EAAgB,UAAjB,CACE,YAAU,mBACV,UAAW,EAAA,GAAG,gDAAiD,EAAU,CACzE,GAAI,EACJ,CAAA"}
+{"version":3,"file":"select.cjs","names":[],"sources":["../../src/elements/select.tsx"],"sourcesContent":["'use client';\n\nimport { Select as SelectPrimitive } from '@base-ui/react/select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  placeholder,\n  ...props\n}: Omit<React.ComponentProps<typeof SelectPrimitive.Value>, 'children'> & {\n  placeholder?: React.ReactNode;\n}) {\n  return (\n    <SelectPrimitive.Value data-slot=\"select-value\" {...props}>\n      {(value) => (value === null || value === undefined || value === '' ? placeholder : String(value))}\n    </SelectPrimitive.Value>\n  );\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon render={<ChevronDownIcon className=\"size-4 opacity-50\" />} />\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\nfunction SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side,\n  align,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Popup> & {\n  side?: React.ComponentProps<typeof SelectPrimitive.Positioner>['side'];\n  align?: React.ComponentProps<typeof SelectPrimitive.Positioner>['align'];\n}) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner side={side} align={align}>\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          className={cn(\n            'bg-popover text-popover-foreground data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--available-height) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n            className,\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List className=\"p-1\">{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.GroupLabel>) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      role=\"separator\"\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":"iQAOA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAAC,EAAA,OAAgB,KAAjB,CAAsB,GAAI,EAAS,CAAA,CAG5C,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAAC,EAAA,OAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,EAAS,CAAA,CAGtE,SAAS,EAAY,CACnB,cACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAC,EAAA,OAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,WAChD,GAAW,GAAU,MAA+B,IAAU,GAAK,EAAc,OAAO,EAAM,CAC1E,CAAA,CAI5B,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,OAAgB,QAAjB,CACE,YAAU,iBACV,YAAW,EACX,UAAW,EAAA,GACT,+yBACA,EACD,CACD,GAAI,WAPN,CASG,GACD,EAAA,EAAA,KAAC,EAAA,OAAgB,KAAjB,CAAsB,QAAQ,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,UAAU,oBAAsB,CAAA,CAAI,CAAA,CAC3D,GAI9B,SAAS,EAAqB,CAAE,YAAW,GAAG,GAAqE,CACjH,OACE,EAAA,EAAA,KAAC,EAAA,OAAgB,cAAjB,CACE,YAAU,0BACV,UAAW,EAAA,GAAG,uDAAwD,EAAU,CAChF,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,UAAU,SAAW,CAAA,CACN,CAAA,CAIpC,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAuE,CACrH,OACE,EAAA,EAAA,KAAC,EAAA,OAAgB,gBAAjB,CACE,YAAU,4BACV,UAAW,EAAA,GAAG,uDAAwD,EAAU,CAChF,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,UAAU,SAAW,CAAA,CACN,CAAA,CAItC,SAAS,EAAc,CACrB,YACA,WACA,OACA,QACA,GAAG,GAIF,CACD,OACE,EAAA,EAAA,KAAC,EAAA,OAAgB,OAAjB,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,OAAgB,WAAjB,CAAkC,OAAa,kBAC7C,EAAA,EAAA,MAAC,EAAA,OAAgB,MAAjB,CACE,YAAU,iBACV,UAAW,EAAA,GACT,keACA,EACD,CACD,GAAI,WANN,EAQE,EAAA,EAAA,KAAC,EAAD,EAAwB,CAAA,EACxB,EAAA,EAAA,KAAC,EAAA,OAAgB,KAAjB,CAAsB,UAAU,MAAO,WAAgC,CAAA,EACvE,EAAA,EAAA,KAAC,EAAD,EAA0B,CAAA,CACJ,GACG,CAAA,CACN,CAAA,CAI7B,SAAS,EAAY,CAAE,YAAW,GAAG,GAAkE,CACrG,OACE,EAAA,EAAA,KAAC,EAAA,OAAgB,WAAjB,CACE,YAAU,eACV,UAAW,EAAA,GAAG,4CAA6C,EAAU,CACrE,GAAI,EACJ,CAAA,CAIN,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAAA,EAAA,MAAC,EAAA,OAAgB,KAAjB,CACE,YAAU,cACV,UAAW,EAAA,GACT,scACA,EACD,CACD,GAAI,WANN,EAQE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uEACd,EAAA,EAAA,KAAC,EAAA,OAAgB,cAAjB,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,UAAU,SAAW,CAAA,CACF,CAAA,CAC3B,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,OAAgB,SAAjB,CAA2B,WAAoC,CAAA,CAC1C,GAI3B,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,YACL,YAAU,mBACV,UAAW,EAAA,GAAG,gDAAiD,EAAU,CACzE,GAAI,EACJ,CAAA"}

package/dist/elements/select.d.ts

@@ -1,14 +1,19 @@
-import * as SelectPrimitive from '@radix-ui/react-select';
+import { Select as SelectPrimitive } from '@base-ui/react/select';
 declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger({ className, size, children, asChild, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+declare function SelectValue({ placeholder, ...props }: Omit<React.ComponentProps<typeof SelectPrimitive.Value>, 'children'> & {
+    placeholder?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
     size?: 'sm' | 'default';
 }): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
-declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, side, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Popup> & {
+    side?: React.ComponentProps<typeof SelectPrimitive.Positioner>['side'];
+    align?: React.ComponentProps<typeof SelectPrimitive.Positioner>['align'];
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.GroupLabel>): import("react/jsx-runtime").JSX.Element;
 declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/elements/select.js

@@ -2,13 +2,10 @@
 import { cn as e } from "../lib/utils.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { CheckIcon as r, ChevronDownIcon as i, ChevronUpIcon as a } from "lucide-react";
-import * as o from "@radix-ui/react-select";
+import { Select as o } from "@base-ui/react/select";
 //#region src/elements/select.tsx
 function s({ ...e }) {
-	return /* @__PURE__ */ t(o.Root, {
-		"data-slot": "select",
-		...e
-	});
+	return /* @__PURE__ */ t(o.Root, { ...e });
 }
 function c({ ...e }) {
 	return /* @__PURE__ */ t(o.Group, {
@@ -16,30 +13,24 @@ function c({ ...e }) {
 		...e
 	});
 }
-function l({ ...e }) {
+function l({ placeholder: e, ...n }) {
 	return /* @__PURE__ */ t(o.Value, {
 		"data-slot": "select-value",
-		...e
+		...n,
+		children: (t) => t == null || t === "" ? e : String(t)
 	});
 }
-function u({ className: r, size: a = "default", children: s, asChild: c = !1, ...l }) {
-	return c ? /* @__PURE__ */ t(o.Trigger, {
-		...l,
-		asChild: !0,
-		children: s
-	}) : /* @__PURE__ */ n(o.Trigger, {
+function u({ className: r, size: a = "default", children: s, ...c }) {
+	return /* @__PURE__ */ n(o.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": a,
 		className: e("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", r),
-		...l,
-		children: [s, /* @__PURE__ */ t(o.Icon, {
-			asChild: !0,
-			children: /* @__PURE__ */ t(i, { className: "size-4 opacity-50" })
-		})]
+		...c,
+		children: [s, /* @__PURE__ */ t(o.Icon, { render: /* @__PURE__ */ t(i, { className: "size-4 opacity-50" }) })]
 	});
 }
 function d({ className: n, ...r }) {
-	return /* @__PURE__ */ t(o.ScrollUpButton, {
+	return /* @__PURE__ */ t(o.ScrollUpArrow, {
 		"data-slot": "select-scroll-up-button",
 		className: e("flex cursor-default items-center justify-center py-1", n),
 		...r,
@@ -47,31 +38,34 @@ function d({ className: n, ...r }) {
 	});
 }
 function f({ className: n, ...r }) {
-	return /* @__PURE__ */ t(o.ScrollDownButton, {
+	return /* @__PURE__ */ t(o.ScrollDownArrow, {
 		"data-slot": "select-scroll-down-button",
 		className: e("flex cursor-default items-center justify-center py-1", n),
 		...r,
 		children: /* @__PURE__ */ t(i, { className: "size-4" })
 	});
 }
-function p({ className: r, children: i, position: a = "popper", ...s }) {
-	return /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ n(o.Content, {
-		"data-slot": "select-content",
-		className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", r),
-		position: a,
-		...s,
-		children: [
-			/* @__PURE__ */ t(d, {}),
-			/* @__PURE__ */ t(o.Viewport, {
-				className: e("p-1", a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
-				children: i
-			}),
-			/* @__PURE__ */ t(f, {})
-		]
+function p({ className: r, children: i, side: a, align: s, ...c }) {
+	return /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(o.Positioner, {
+		side: a,
+		align: s,
+		children: /* @__PURE__ */ n(o.Popup, {
+			"data-slot": "select-content",
+			className: e("bg-popover text-popover-foreground data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--available-height) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", r),
+			...c,
+			children: [
+				/* @__PURE__ */ t(d, {}),
+				/* @__PURE__ */ t(o.List, {
+					className: "p-1",
+					children: i
+				}),
+				/* @__PURE__ */ t(f, {})
+			]
+		})
 	}) });
 }
 function m({ className: n, ...r }) {
-	return /* @__PURE__ */ t(o.Label, {
+	return /* @__PURE__ */ t(o.GroupLabel, {
 		"data-slot": "select-label",
 		className: e("text-muted-foreground px-2 py-1.5 text-xs", n),
 		...r
@@ -80,7 +74,7 @@ function m({ className: n, ...r }) {
 function h({ className: i, children: a, ...s }) {
 	return /* @__PURE__ */ n(o.Item, {
 		"data-slot": "select-item",
-		className: e("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", i),
+		className: e("data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", i),
 		...s,
 		children: [/* @__PURE__ */ t("span", {
 			className: "absolute right-2 flex size-3.5 items-center justify-center",
@@ -89,7 +83,8 @@ function h({ className: i, children: a, ...s }) {
 	});
 }
 function g({ className: n, ...r }) {
-	return /* @__PURE__ */ t(o.Separator, {
+	return /* @__PURE__ */ t("div", {
+		role: "separator",
 		"data-slot": "select-separator",
 		className: e("bg-border pointer-events-none -mx-1 my-1 h-px", n),
 		...r

package/dist/elements/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../src/elements/select.tsx"],"sourcesContent":["'use client';\n\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  asChild = false,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  if (asChild) {\n    return (\n      <SelectPrimitive.Trigger {...props} asChild>\n        {children}\n      </SelectPrimitive.Trigger>\n    );\n  }\n\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;AAOA,SAAS,EAAO,EAAE,GAAG,KAA4D;AAC/E,QAAO,kBAAC,EAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;EAAS,CAAA;;AAG/D,SAAS,EAAY,EAAE,GAAG,KAA6D;AACrF,QAAO,kBAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,EAAY,EAAE,GAAG,KAA6D;AACrF,QAAO,kBAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,EAAc,EACrB,cACA,UAAO,WACP,aACA,aAAU,IACV,GAAG,KAGF;AASD,QARI,IAEA,kBAAC,EAAgB,SAAjB;EAAyB,GAAI;EAAO,SAAA;EACjC;EACuB,CAAA,GAK5B,kBAAC,EAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,gzBACA,EACD;EACD,GAAI;YAPN,CASG,GACD,kBAAC,EAAgB,MAAjB;GAAsB,SAAA;aACpB,kBAAC,GAAD,EAAiB,WAAU,qBAAsB,CAAA;GAC5B,CAAA,CACC;;;AAI9B,SAAS,EAAqB,EAAE,cAAW,GAAG,KAAsE;AAClH,QACE,kBAAC,EAAgB,gBAAjB;EACE,aAAU;EACV,WAAW,EAAG,wDAAwD,EAAU;EAChF,GAAI;YAEJ,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;EACL,CAAA;;AAIrC,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;AAChE,QACE,kBAAC,EAAgB,kBAAjB;EACE,aAAU;EACV,WAAW,EAAG,wDAAwD,EAAU;EAChF,GAAI;YAEJ,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;EACL,CAAA;;AAIvC,SAAS,EAAc,EACrB,cACA,aACA,cAAW,UACX,GAAG,KACoD;AACvD,QACE,kBAAC,EAAgB,QAAjB,EAAA,UACE,kBAAC,EAAgB,SAAjB;EACE,aAAU;EACV,WAAW,EACT,ijBACA,MAAa,YACX,mIACF,EACD;EACS;EACV,GAAI;YATN;GAWE,kBAAC,GAAD,EAAwB,CAAA;GACxB,kBAAC,EAAgB,UAAjB;IACE,WAAW,EACT,OACA,MAAa,YACX,sGACH;IAEA;IACwB,CAAA;GAC3B,kBAAC,GAAD,EAA0B,CAAA;GACF;KACH,CAAA;;AAI7B,SAAS,EAAY,EAAE,cAAW,GAAG,KAA6D;AAChG,QACE,kBAAC,EAAgB,OAAjB;EACE,aAAU;EACV,WAAW,EAAG,6CAA6C,EAAU;EACrE,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAW,EAAE,cAAW,aAAU,GAAG,KAA4D;AACxG,QACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,6aACA,EACD;EACD,GAAI;YANN,CAQE,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,EAAgB,eAAjB,EAAA,UACE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EACF,CAAA;GAC3B,CAAA,EACP,kBAAC,EAAgB,UAAjB,EAA2B,aAAoC,CAAA,CAC1C;;;AAI3B,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAiE;AACxG,QACE,kBAAC,EAAgB,WAAjB;EACE,aAAU;EACV,WAAW,EAAG,iDAAiD,EAAU;EACzE,GAAI;EACJ,CAAA"}
+{"version":3,"file":"select.js","names":[],"sources":["../../src/elements/select.tsx"],"sourcesContent":["'use client';\n\nimport { Select as SelectPrimitive } from '@base-ui/react/select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  placeholder,\n  ...props\n}: Omit<React.ComponentProps<typeof SelectPrimitive.Value>, 'children'> & {\n  placeholder?: React.ReactNode;\n}) {\n  return (\n    <SelectPrimitive.Value data-slot=\"select-value\" {...props}>\n      {(value) => (value === null || value === undefined || value === '' ? placeholder : String(value))}\n    </SelectPrimitive.Value>\n  );\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon render={<ChevronDownIcon className=\"size-4 opacity-50\" />} />\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\nfunction SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side,\n  align,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Popup> & {\n  side?: React.ComponentProps<typeof SelectPrimitive.Positioner>['side'];\n  align?: React.ComponentProps<typeof SelectPrimitive.Positioner>['align'];\n}) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner side={side} align={align}>\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          className={cn(\n            'bg-popover text-popover-foreground data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--available-height) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n            className,\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List className=\"p-1\">{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.GroupLabel>) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      role=\"separator\"\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;AAOA,SAAS,EAAO,EAAE,GAAG,KAA4D;AAC/E,QAAO,kBAAC,EAAgB,MAAjB,EAAsB,GAAI,GAAS,CAAA;;AAG5C,SAAS,EAAY,EAAE,GAAG,KAA6D;AACrF,QAAO,kBAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,EAAY,EACnB,gBACA,GAAG,KAGF;AACD,QACE,kBAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;aAChD,MAAW,KAAU,QAA+B,MAAU,KAAK,IAAc,OAAO,EAAM;EAC1E,CAAA;;AAI5B,SAAS,EAAc,EACrB,cACA,UAAO,WACP,aACA,GAAG,KAGF;AACD,QACE,kBAAC,EAAgB,SAAjB;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,gzBACA,EACD;EACD,GAAI;YAPN,CASG,GACD,kBAAC,EAAgB,MAAjB,EAAsB,QAAQ,kBAAC,GAAD,EAAiB,WAAU,qBAAsB,CAAA,EAAI,CAAA,CAC3D;;;AAI9B,SAAS,EAAqB,EAAE,cAAW,GAAG,KAAqE;AACjH,QACE,kBAAC,EAAgB,eAAjB;EACE,aAAU;EACV,WAAW,EAAG,wDAAwD,EAAU;EAChF,GAAI;YAEJ,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;EACN,CAAA;;AAIpC,SAAS,EAAuB,EAAE,cAAW,GAAG,KAAuE;AACrH,QACE,kBAAC,EAAgB,iBAAjB;EACE,aAAU;EACV,WAAW,EAAG,wDAAwD,EAAU;EAChF,GAAI;YAEJ,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;EACN,CAAA;;AAItC,SAAS,EAAc,EACrB,cACA,aACA,SACA,UACA,GAAG,KAIF;AACD,QACE,kBAAC,EAAgB,QAAjB,EAAA,UACE,kBAAC,EAAgB,YAAjB;EAAkC;EAAa;YAC7C,kBAAC,EAAgB,OAAjB;GACE,aAAU;GACV,WAAW,EACT,meACA,EACD;GACD,GAAI;aANN;IAQE,kBAAC,GAAD,EAAwB,CAAA;IACxB,kBAAC,EAAgB,MAAjB;KAAsB,WAAU;KAAO;KAAgC,CAAA;IACvE,kBAAC,GAAD,EAA0B,CAAA;IACJ;;EACG,CAAA,EACN,CAAA;;AAI7B,SAAS,EAAY,EAAE,cAAW,GAAG,KAAkE;AACrG,QACE,kBAAC,EAAgB,YAAjB;EACE,aAAU;EACV,WAAW,EAAG,6CAA6C,EAAU;EACrE,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAW,EAAE,cAAW,aAAU,GAAG,KAA4D;AACxG,QACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,ucACA,EACD;EACD,GAAI;YANN,CAQE,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,EAAgB,eAAjB,EAAA,UACE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EACF,CAAA;GAC3B,CAAA,EACP,kBAAC,EAAgB,UAAjB,EAA2B,aAAoC,CAAA,CAC1C;;;AAI3B,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAsC;AAC7E,QACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW,EAAG,iDAAiD,EAAU;EACzE,GAAI;EACJ,CAAA"}

package/dist/elements/separator.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../lib/utils.cjs`);let n=require(`react/jsx-runtime`),r=require(`@radix-ui/react-separator`);r=e.__toESM(r,1);function i({className:e,orientation:i=`horizontal`,decorative:a=!0,...o}){return(0,n.jsx)(r.Root,{"data-slot":`separator`,decorative:a,orientation:i,className:t.cn(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,e),...o})}exports.Separator=i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../lib/utils.cjs`);let t=require(`react/jsx-runtime`),n=require(`@base-ui/react/separator`);function r({className:r,orientation:i=`horizontal`,...a}){return(0,t.jsx)(n.Separator,{"data-slot":`separator`,orientation:i,className:e.cn(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,r),...a})}exports.Separator=r;
 //# sourceMappingURL=separator.cjs.map

package/dist/elements/separator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"separator.cjs","names":[],"sources":["../../src/elements/separator.tsx"],"sourcesContent":["'use client';\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\n\nimport { cn } from '@/lib/utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":"8PAMA,SAAS,EAAU,CACjB,YACA,cAAc,aACd,aAAa,GACb,GAAG,GACoD,CACvD,OACE,EAAA,EAAA,KAAC,EAAmB,KAApB,CACE,YAAU,YACE,aACC,cACb,UAAW,EAAA,GACT,iKACA,EACD,CACD,GAAI,EACJ,CAAA"}
+{"version":3,"file":"separator.cjs","names":[],"sources":["../../src/elements/separator.tsx"],"sourcesContent":["'use client';\n\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '@/lib/utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive>) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":"0OAMA,SAAS,EAAU,CACjB,YACA,cAAc,aACd,GAAG,GAC+C,CAClD,OACE,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,YAAU,YACG,cACb,UAAW,EAAA,GACT,iKACA,EACD,CACD,GAAI,EACJ,CAAA"}

package/dist/elements/separator.d.ts

@@ -1,3 +1,3 @@
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
+declare function Separator({ className, orientation, ...props }: React.ComponentProps<typeof SeparatorPrimitive>): import("react/jsx-runtime").JSX.Element;
 export { Separator };

package/dist/elements/separator.js

@@ -1,15 +1,14 @@
 "use client";
 import { cn as e } from "../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "@radix-ui/react-separator";
+import { Separator as n } from "@base-ui/react/separator";
 //#region src/elements/separator.tsx
-function r({ className: r, orientation: i = "horizontal", decorative: a = !0, ...o }) {
-	return /* @__PURE__ */ t(n.Root, {
+function r({ className: r, orientation: i = "horizontal", ...a }) {
+	return /* @__PURE__ */ t(n, {
 		"data-slot": "separator",
-		decorative: a,
 		orientation: i,
 		className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", r),
-		...o
+		...a
 	});
 }
 //#endregion

package/dist/elements/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../src/elements/separator.tsx"],"sourcesContent":["'use client';\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\n\nimport { cn } from '@/lib/utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;AAMA,SAAS,EAAU,EACjB,cACA,iBAAc,cACd,gBAAa,IACb,GAAG,KACoD;AACvD,QACE,kBAAC,EAAmB,MAApB;EACE,aAAU;EACE;EACC;EACb,WAAW,EACT,kKACA,EACD;EACD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"separator.js","names":[],"sources":["../../src/elements/separator.tsx"],"sourcesContent":["'use client';\n\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '@/lib/utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive>) {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;AAMA,SAAS,EAAU,EACjB,cACA,iBAAc,cACd,GAAG,KAC+C;AAClD,QACE,kBAAC,GAAD;EACE,aAAU;EACG;EACb,WAAW,EACT,kKACA,EACD;EACD,GAAI;EACJ,CAAA"}

package/dist/elements/sheet.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../lib/utils.cjs`);let n=require(`react/jsx-runtime`),r=require(`lucide-react`),i=require(`@radix-ui/react-dialog`);i=e.__toESM(i,1);function a({...e}){return(0,n.jsx)(i.Root,{"data-slot":`sheet`,...e})}function o({...e}){return(0,n.jsx)(i.Trigger,{"data-slot":`sheet-trigger`,...e})}function s({...e}){return(0,n.jsx)(i.Close,{"data-slot":`sheet-close`,...e})}function c({...e}){return(0,n.jsx)(i.Portal,{"data-slot":`sheet-portal`,...e})}function l({className:e,...r}){return(0,n.jsx)(i.Overlay,{"data-slot":`sheet-overlay`,className:t.cn(`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50`,e),...r})}function u({className:e,children:a,side:o=`right`,...s}){return(0,n.jsxs)(c,{children:[(0,n.jsx)(l,{}),(0,n.jsxs)(i.Content,{"data-slot":`sheet-content`,className:t.cn(`bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500`,o===`right`&&`data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm`,o===`left`&&`data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm`,o===`top`&&`data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b`,o===`bottom`&&`data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t`,e),...s,children:[a,(0,n.jsxs)(i.Close,{className:`ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none`,children:[(0,n.jsx)(r.XIcon,{className:`size-4`}),(0,n.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function d({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`sheet-header`,className:t.cn(`flex flex-col gap-1.5 p-4`,e),...r})}function f({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`sheet-footer`,className:t.cn(`mt-auto flex flex-col gap-2 p-4`,e),...r})}function p({className:e,...r}){return(0,n.jsx)(i.Title,{"data-slot":`sheet-title`,className:t.cn(`text-foreground font-semibold`,e),...r})}function m({className:e,...r}){return(0,n.jsx)(i.Description,{"data-slot":`sheet-description`,className:t.cn(`text-muted-foreground text-sm`,e),...r})}exports.Sheet=a,exports.SheetClose=s,exports.SheetContent=u,exports.SheetDescription=m,exports.SheetFooter=f,exports.SheetHeader=d,exports.SheetTitle=p,exports.SheetTrigger=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../lib/utils.cjs`);let t=require(`react/jsx-runtime`),n=require(`lucide-react`),r=require(`@base-ui/react/dialog`);function i({...e}){return(0,t.jsx)(r.Dialog.Root,{...e})}function a({...e}){return(0,t.jsx)(r.Dialog.Trigger,{"data-slot":`sheet-trigger`,...e})}function o({...e}){return(0,t.jsx)(r.Dialog.Close,{"data-slot":`sheet-close`,...e})}function s({...e}){return(0,t.jsx)(r.Dialog.Portal,{...e})}function c({className:n,...i}){return(0,t.jsx)(r.Dialog.Backdrop,{"data-slot":`sheet-overlay`,className:e.cn(`data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 fixed inset-0 z-50 bg-black/50`,n),...i})}function l({className:i,children:a,side:o=`right`,...l}){return(0,t.jsxs)(s,{children:[(0,t.jsx)(c,{}),(0,t.jsxs)(r.Dialog.Popup,{"data-slot":`sheet-content`,className:e.cn(`bg-background data-[open]:animate-in data-[closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[closed]:duration-300 data-[open]:duration-500`,o===`right`&&`data-[closed]:slide-out-to-right data-[open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm`,o===`left`&&`data-[closed]:slide-out-to-left data-[open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm`,o===`top`&&`data-[closed]:slide-out-to-top data-[open]:slide-in-from-top inset-x-0 top-0 h-auto border-b`,o===`bottom`&&`data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t`,i),...l,children:[a,(0,t.jsxs)(r.Dialog.Close,{className:`ring-offset-background focus:ring-ring data-[open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none`,children:[(0,t.jsx)(n.XIcon,{className:`size-4`}),(0,t.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function u({className:n,...r}){return(0,t.jsx)(`div`,{"data-slot":`sheet-header`,className:e.cn(`flex flex-col gap-1.5 p-4`,n),...r})}function d({className:n,...r}){return(0,t.jsx)(`div`,{"data-slot":`sheet-footer`,className:e.cn(`mt-auto flex flex-col gap-2 p-4`,n),...r})}function f({className:n,...i}){return(0,t.jsx)(r.Dialog.Title,{"data-slot":`sheet-title`,className:e.cn(`text-foreground font-semibold`,n),...i})}function p({className:n,...i}){return(0,t.jsx)(r.Dialog.Description,{"data-slot":`sheet-description`,className:e.cn(`text-muted-foreground text-sm`,n),...i})}exports.Sheet=i,exports.SheetClose=o,exports.SheetContent=l,exports.SheetDescription=p,exports.SheetFooter=d,exports.SheetHeader=u,exports.SheetTitle=f,exports.SheetTrigger=a;
 //# sourceMappingURL=sheet.cjs.map

package/dist/elements/sheet.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.cjs","names":[],"sources":["../../src/elements/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-col gap-1.5 p-4', className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };\n"],"mappings":"qRAOA,SAAS,EAAM,CAAE,GAAG,GAA2D,CAC7E,OAAO,EAAA,EAAA,KAAC,EAAe,KAAhB,CAAqB,YAAU,QAAQ,GAAI,EAAS,CAAA,CAG7D,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAAC,EAAe,QAAhB,CAAwB,YAAU,gBAAgB,GAAI,EAAS,CAAA,CAGxE,SAAS,EAAW,CAAE,GAAG,GAA4D,CACnF,OAAO,EAAA,EAAA,KAAC,EAAe,MAAhB,CAAsB,YAAU,cAAc,GAAI,EAAS,CAAA,CAGpE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAAC,EAAe,OAAhB,CAAuB,YAAU,eAAe,GAAI,EAAS,CAAA,CAGtE,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAAC,EAAe,QAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,yJACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,EAChB,EAAA,EAAA,MAAC,EAAe,QAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,6MACA,IAAS,SACP,mIACF,IAAS,QACP,gIACF,IAAS,OACP,2GACF,IAAS,UACP,oHACF,EACD,CACD,GAAI,WAdN,CAgBG,GACD,EAAA,EAAA,MAAC,EAAe,MAAhB,CAAsB,UAAU,sPAAhC,EACE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,SAAW,CAAA,EAC5B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,QAAY,CAAA,CACjB,GACA,GACb,CAAA,CAAA,CAIlB,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAA,GAAG,4BAA6B,EAAU,CAAE,GAAI,EAAS,CAAA,CAG3G,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAA,GAAG,kCAAmC,EAAU,CAAE,GAAI,EAAS,CAAA,CAGjH,SAAS,EAAW,CAAE,YAAW,GAAG,GAA4D,CAC9F,OACE,EAAA,EAAA,KAAC,EAAe,MAAhB,CACE,YAAU,cACV,UAAW,EAAA,GAAG,gCAAiC,EAAU,CACzD,GAAI,EACJ,CAAA,CAIN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OACE,EAAA,EAAA,KAAC,EAAe,YAAhB,CACE,YAAU,oBACV,UAAW,EAAA,GAAG,gCAAiC,EAAU,CACzD,GAAI,EACJ,CAAA"}
+{"version":3,"file":"sheet.cjs","names":[],"sources":["../../src/elements/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Backdrop>) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Popup> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background data-[open]:animate-in data-[closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[closed]:duration-300 data-[open]:duration-500',\n          side === 'right' &&\n            'data-[closed]:slide-out-to-right data-[open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[closed]:slide-out-to-left data-[open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[closed]:slide-out-to-top data-[open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-col gap-1.5 p-4', className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };\n"],"mappings":"iQAOA,SAAS,EAAM,CAAE,GAAG,GAA2D,CAC7E,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,KAAhB,CAAqB,GAAI,EAAS,CAAA,CAG3C,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,QAAhB,CAAwB,YAAU,gBAAgB,GAAI,EAAS,CAAA,CAGxE,SAAS,EAAW,CAAE,GAAG,GAA4D,CACnF,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,MAAhB,CAAsB,YAAU,cAAc,GAAI,EAAS,CAAA,CAGpE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAAC,EAAA,OAAe,OAAhB,CAAuB,GAAI,EAAS,CAAA,CAG7C,SAAS,EAAa,CAAE,YAAW,GAAG,GAA+D,CACnG,OACE,EAAA,EAAA,KAAC,EAAA,OAAe,SAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,iIACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,EAChB,EAAA,EAAA,MAAC,EAAA,OAAe,MAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,qLACA,IAAS,SACP,uHACF,IAAS,QACP,oHACF,IAAS,OACP,+FACF,IAAS,UACP,wGACF,EACD,CACD,GAAI,WAdN,CAgBG,GACD,EAAA,EAAA,MAAC,EAAA,OAAe,MAAhB,CAAsB,UAAU,gPAAhC,EACE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,SAAW,CAAA,EAC5B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,QAAY,CAAA,CACjB,GACF,GACX,CAAA,CAAA,CAIlB,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAA,GAAG,4BAA6B,EAAU,CAAE,GAAI,EAAS,CAAA,CAG3G,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAA,GAAG,kCAAmC,EAAU,CAAE,GAAI,EAAS,CAAA,CAGjH,SAAS,EAAW,CAAE,YAAW,GAAG,GAA4D,CAC9F,OACE,EAAA,EAAA,KAAC,EAAA,OAAe,MAAhB,CACE,YAAU,cACV,UAAW,EAAA,GAAG,gCAAiC,EAAU,CACzD,GAAI,EACJ,CAAA,CAIN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OACE,EAAA,EAAA,KAAC,EAAA,OAAe,YAAhB,CACE,YAAU,oBACV,UAAW,EAAA,GAAG,gCAAiC,EAAU,CACzD,GAAI,EACJ,CAAA"}

package/dist/elements/sheet.d.ts

@@ -1,8 +1,8 @@
-import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { Dialog as SheetPrimitive } from '@base-ui/react/dialog';
 declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Popup> & {
     side?: 'top' | 'right' | 'bottom' | 'left';
 }): import("react/jsx-runtime").JSX.Element;
 declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/sheet.js

@@ -2,13 +2,10 @@
 import { cn as e } from "../lib/utils.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { XIcon as r } from "lucide-react";
-import * as i from "@radix-ui/react-dialog";
+import { Dialog as i } from "@base-ui/react/dialog";
 //#region src/elements/sheet.tsx
 function a({ ...e }) {
-	return /* @__PURE__ */ t(i.Root, {
-		"data-slot": "sheet",
-		...e
-	});
+	return /* @__PURE__ */ t(i.Root, { ...e });
 }
 function o({ ...e }) {
 	return /* @__PURE__ */ t(i.Trigger, {
@@ -23,25 +20,22 @@ function s({ ...e }) {
 	});
 }
 function c({ ...e }) {
-	return /* @__PURE__ */ t(i.Portal, {
-		"data-slot": "sheet-portal",
-		...e
-	});
+	return /* @__PURE__ */ t(i.Portal, { ...e });
 }
 function l({ className: n, ...r }) {
-	return /* @__PURE__ */ t(i.Overlay, {
+	return /* @__PURE__ */ t(i.Backdrop, {
 		"data-slot": "sheet-overlay",
-		className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", n),
+		className: e("data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 fixed inset-0 z-50 bg-black/50", n),
 		...r
 	});
 }
 function u({ className: a, children: o, side: s = "right", ...u }) {
-	return /* @__PURE__ */ n(c, { children: [/* @__PURE__ */ t(l, {}), /* @__PURE__ */ n(i.Content, {
+	return /* @__PURE__ */ n(c, { children: [/* @__PURE__ */ t(l, {}), /* @__PURE__ */ n(i.Popup, {
 		"data-slot": "sheet-content",
-		className: e("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", s === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", s === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", s === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", s === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", a),
+		className: e("bg-background data-[open]:animate-in data-[closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[closed]:duration-300 data-[open]:duration-500", s === "right" && "data-[closed]:slide-out-to-right data-[open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", s === "left" && "data-[closed]:slide-out-to-left data-[open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", s === "top" && "data-[closed]:slide-out-to-top data-[open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", s === "bottom" && "data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", a),
 		...u,
 		children: [o, /* @__PURE__ */ n(i.Close, {
-			className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+			className: "ring-offset-background focus:ring-ring data-[open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
 			children: [/* @__PURE__ */ t(r, { className: "size-4" }), /* @__PURE__ */ t("span", {
 				className: "sr-only",
 				children: "Close"

package/dist/elements/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","names":[],"sources":["../../src/elements/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-col gap-1.5 p-4', className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };\n"],"mappings":";;;;;;AAOA,SAAS,EAAM,EAAE,GAAG,KAA2D;AAC7E,QAAO,kBAAC,EAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAI;EAAS,CAAA;;AAG7D,SAAS,EAAa,EAAE,GAAG,KAA8D;AACvF,QAAO,kBAAC,EAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAGxE,SAAS,EAAW,EAAE,GAAG,KAA4D;AACnF,QAAO,kBAAC,EAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;EAAS,CAAA;;AAGpE,SAAS,EAAY,EAAE,GAAG,KAA6D;AACrF,QAAO,kBAAC,EAAe,QAAhB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,EAAa,EAAE,cAAW,GAAG,KAA8D;AAClG,QACE,kBAAC,EAAe,SAAhB;EACE,aAAU;EACV,WAAW,EACT,0JACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAa,EACpB,cACA,aACA,UAAO,SACP,GAAG,KAGF;AACD,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAgB,CAAA,EAChB,kBAAC,EAAe,SAAhB;EACE,aAAU;EACV,WAAW,EACT,8MACA,MAAS,WACP,oIACF,MAAS,UACP,iIACF,MAAS,SACP,4GACF,MAAS,YACP,qHACF,EACD;EACD,GAAI;YAdN,CAgBG,GACD,kBAAC,EAAe,OAAhB;GAAsB,WAAU;aAAhC,CACE,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA,EAC5B,kBAAC,QAAD;IAAM,WAAU;cAAU;IAAY,CAAA,CACjB;KACA;IACb,EAAA,CAAA;;AAIlB,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QAAO,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,EAAG,6BAA6B,EAAU;EAAE,GAAI;EAAS,CAAA;;AAG3G,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QAAO,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,EAAG,mCAAmC,EAAU;EAAE,GAAI;EAAS,CAAA;;AAGjH,SAAS,EAAW,EAAE,cAAW,GAAG,KAA4D;AAC9F,QACE,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,EAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAkE;AAC1G,QACE,kBAAC,EAAe,aAAhB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,EAAU;EACzD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"sheet.js","names":[],"sources":["../../src/elements/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Backdrop>) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Popup> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background data-[open]:animate-in data-[closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[closed]:duration-300 data-[open]:duration-500',\n          side === 'right' &&\n            'data-[closed]:slide-out-to-right data-[open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[closed]:slide-out-to-left data-[open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[closed]:slide-out-to-top data-[open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[closed]:slide-out-to-bottom data-[open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-col gap-1.5 p-4', className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };\n"],"mappings":";;;;;;AAOA,SAAS,EAAM,EAAE,GAAG,KAA2D;AAC7E,QAAO,kBAAC,EAAe,MAAhB,EAAqB,GAAI,GAAS,CAAA;;AAG3C,SAAS,EAAa,EAAE,GAAG,KAA8D;AACvF,QAAO,kBAAC,EAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAGxE,SAAS,EAAW,EAAE,GAAG,KAA4D;AACnF,QAAO,kBAAC,EAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;EAAS,CAAA;;AAGpE,SAAS,EAAY,EAAE,GAAG,KAA6D;AACrF,QAAO,kBAAC,EAAe,QAAhB,EAAuB,GAAI,GAAS,CAAA;;AAG7C,SAAS,EAAa,EAAE,cAAW,GAAG,KAA+D;AACnG,QACE,kBAAC,EAAe,UAAhB;EACE,aAAU;EACV,WAAW,EACT,kIACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAa,EACpB,cACA,aACA,UAAO,SACP,GAAG,KAGF;AACD,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAgB,CAAA,EAChB,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,WAAW,EACT,sLACA,MAAS,WACP,wHACF,MAAS,UACP,qHACF,MAAS,SACP,gGACF,MAAS,YACP,yGACF,EACD;EACD,GAAI;YAdN,CAgBG,GACD,kBAAC,EAAe,OAAhB;GAAsB,WAAU;aAAhC,CACE,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA,EAC5B,kBAAC,QAAD;IAAM,WAAU;cAAU;IAAY,CAAA,CACjB;KACF;IACX,EAAA,CAAA;;AAIlB,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QAAO,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,EAAG,6BAA6B,EAAU;EAAE,GAAI;EAAS,CAAA;;AAG3G,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;AACzE,QAAO,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,EAAG,mCAAmC,EAAU;EAAE,GAAI;EAAS,CAAA;;AAGjH,SAAS,EAAW,EAAE,cAAW,GAAG,KAA4D;AAC9F,QACE,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,EAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAkE;AAC1G,QACE,kBAAC,EAAe,aAAhB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,EAAU;EACzD,GAAI;EACJ,CAAA"}

package/dist/elements/sidebar.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../lib/utils.cjs`),t=require(`./tooltip.cjs`),n=require(`./skeleton.cjs`),r=require(`./button.cjs`),i=require(`./input.cjs`),a=require(`../hooks/use-mobile.cjs`),o=require(`./separator.cjs`),s=require(`./sheet.cjs`);let c=require(`react/jsx-runtime`),l=require(`class-variance-authority`),u=require(`@radix-ui/react-slot`),d=require(`lucide-react`),f=require(`react`);var p=`sidebar_state`,m=3600*24*7,h=`16rem`,g=`18rem`,_=`3rem`,v=`b`,y=(0,f.createContext)(null);function b(){let e=(0,f.useContext)(y);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function x({defaultOpen:n=!0,open:r,onOpenChange:i,className:o,style:s,children:l,...u}){let d=a.useIsMobile(),[g,b]=(0,f.useState)(!1),[x,S]=(0,f.useState)(n),C=r??x,w=(0,f.useCallback)(e=>{let t=typeof e==`function`?e(C):e;i?i(t):S(t),document.cookie=`${p}=${t}; path=/; max-age=${m}`},[i,C]),T=(0,f.useCallback)(()=>d?b(e=>!e):w(e=>!e),[d,w,b]);(0,f.useEffect)(()=>{let e=e=>{e.key===v&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),T())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[T]);let E=C?`expanded`:`collapsed`,D=(0,f.useMemo)(()=>({state:E,open:C,setOpen:w,isMobile:d,openMobile:g,setOpenMobile:b,toggleSidebar:T}),[E,C,w,d,g,b,T]);return(0,c.jsx)(y.Provider,{value:D,children:(0,c.jsx)(t.TooltipProvider,{delayDuration:0,children:(0,c.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":h,"--sidebar-width-icon":_,...s},className:e.cn(`group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full`,o),...u,children:l})})})}function S({side:t=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:i,children:a,...o}){let{isMobile:l,state:u,openMobile:d,setOpenMobile:f}=b();return r===`none`?(0,c.jsx)(`div`,{"data-slot":`sidebar`,className:e.cn(`bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col`,i),...o,children:a}):l?(0,c.jsx)(s.Sheet,{open:d,onOpenChange:f,...o,children:(0,c.jsxs)(s.SheetContent,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":g},side:t,children:[(0,c.jsxs)(s.SheetHeader,{className:`sr-only`,children:[(0,c.jsx)(s.SheetTitle,{children:`Sidebar`}),(0,c.jsx)(s.SheetDescription,{children:`Displays the mobile sidebar.`})]}),(0,c.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:a})]})}):(0,c.jsxs)(`div`,{className:`group peer text-sidebar-foreground hidden md:block`,"data-state":u,"data-collapsible":u===`collapsed`?r:``,"data-variant":n,"data-side":t,"data-slot":`sidebar`,children:[(0,c.jsx)(`div`,{"data-slot":`sidebar-gap`,className:e.cn(`relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`||n===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,c.jsx)(`div`,{"data-slot":`sidebar-container`,className:e.cn(`fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,t===`left`?`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,n===`floating`||n===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,i),...o,children:(0,c.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:`bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm`,children:a})})]})}function C({className:t,onClick:n,...i}){let{toggleSidebar:a}=b();return(0,c.jsxs)(r.Button,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,size:`icon`,className:e.cn(`size-7`,t),onClick:e=>{n?.(e),a()},...i,children:[(0,c.jsx)(d.PanelLeftIcon,{}),(0,c.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function w({className:t,...n}){let{toggleSidebar:r}=b();return(0,c.jsx)(`button`,{type:`button`,"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:r,title:`Toggle Sidebar`,className:e.cn(`hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex`,`in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,t),...n})}function T({className:t,...n}){return(0,c.jsx)(`main`,{"data-slot":`sidebar-inset`,className:e.cn(`bg-background relative flex w-full flex-1 flex-col`,`md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2`,t),...n})}function E({className:t,...n}){return(0,c.jsx)(i.Input,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:e.cn(`bg-background h-8 w-full shadow-none`,t),...n})}function D({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:e.cn(`flex flex-col gap-2 p-2`,t),...n})}function O({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:e.cn(`flex flex-col gap-2 p-2`,t),...n})}function k({className:t,...n}){return(0,c.jsx)(o.Separator,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:e.cn(`bg-sidebar-border mx-2 w-auto`,t),...n})}function A({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:e.cn(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,t),...n})}function j({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:e.cn(`relative flex w-full min-w-0 flex-col p-2`,t),...n})}function M({className:t,asChild:n=!1,...r}){return(0,c.jsx)(n?u.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:e.cn(`text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0`,t),...r})}function N({className:t,asChild:n=!1,...r}){return(0,c.jsx)(n?u.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:e.cn(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,t),...r})}function P({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:e.cn(`w-full text-sm`,t),...n})}function F({className:t,...n}){return(0,c.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:e.cn(`flex w-full min-w-0 flex-col gap-1`,t),...n})}function I({className:t,...n}){return(0,c.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:e.cn(`group/menu-item relative`,t),...n})}var L=(0,l.cva)(`peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0`,{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function R({asChild:n=!1,isActive:r=!1,variant:i=`default`,size:a=`default`,tooltip:o,className:s,...l}){let d=n?u.Slot:`button`,{isMobile:f,state:p}=b(),m=(0,c.jsx)(d,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":a,"data-active":r,className:e.cn(L({variant:i,size:a}),s),...l});return o?(0,c.jsxs)(t.Tooltip,{children:[(0,c.jsx)(t.TooltipTrigger,{asChild:!0,children:m}),(0,c.jsx)(t.TooltipContent,{side:`right`,align:`center`,hidden:p!==`collapsed`||f,...typeof o==`string`?{children:o}:o})]}):m}function z({className:t,asChild:n=!1,showOnHover:r=!1,...i}){return(0,c.jsx)(n?u.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:e.cn(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,r&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0`,t),...i})}function B({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:e.cn(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,t),...n})}function V({className:t,showIcon:r=!1,...i}){let[a]=(0,f.useState)(()=>`${Math.floor(Math.random()*41)+50}%`);return(0,c.jsxs)(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:e.cn(`flex h-8 items-center gap-2 rounded-md px-2`,t),...i,children:[r&&(0,c.jsx)(n.Skeleton,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),(0,c.jsx)(n.Skeleton,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":a}})]})}function H({className:t,...n}){return(0,c.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:e.cn(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,t),...n})}function U({className:t,...n}){return(0,c.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:e.cn(`group/menu-sub-item relative`,t),...n})}function W({asChild:t=!1,size:n=`md`,isActive:r=!1,className:i,...a}){return(0,c.jsx)(t?u.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":n,"data-active":r,className:e.cn(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0`,`data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground`,n===`sm`&&`text-xs`,n===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,i),...a})}exports.Sidebar=S,exports.SidebarContent=A,exports.SidebarFooter=O,exports.SidebarGroup=j,exports.SidebarGroupAction=N,exports.SidebarGroupContent=P,exports.SidebarGroupLabel=M,exports.SidebarHeader=D,exports.SidebarInput=E,exports.SidebarInset=T,exports.SidebarMenu=F,exports.SidebarMenuAction=z,exports.SidebarMenuBadge=B,exports.SidebarMenuButton=R,exports.SidebarMenuItem=I,exports.SidebarMenuSkeleton=V,exports.SidebarMenuSub=H,exports.SidebarMenuSubButton=W,exports.SidebarMenuSubItem=U,exports.SidebarProvider=x,exports.SidebarRail=w,exports.SidebarSeparator=k,exports.SidebarTrigger=C,exports.useSidebar=b;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../lib/utils.cjs`),t=require(`./tooltip.cjs`),n=require(`./skeleton.cjs`),r=require(`./button.cjs`),i=require(`./input.cjs`),a=require(`../hooks/use-mobile.cjs`),o=require(`./separator.cjs`),s=require(`./sheet.cjs`);let c=require(`react/jsx-runtime`),l=require(`class-variance-authority`),u=require(`@base-ui/react/use-render`),d=require(`lucide-react`),f=require(`react`);var p=`sidebar_state`,m=3600*24*7,h=`16rem`,g=`18rem`,_=`3rem`,v=`b`,y=(0,f.createContext)(null);function b(){let e=(0,f.useContext)(y);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function x({defaultOpen:n=!0,open:r,onOpenChange:i,className:o,style:s,children:l,...u}){let d=a.useIsMobile(),[g,b]=(0,f.useState)(!1),[x,S]=(0,f.useState)(n),C=r??x,w=(0,f.useCallback)(e=>{let t=typeof e==`function`?e(C):e;i?i(t):S(t),document.cookie=`${p}=${t}; path=/; max-age=${m}`},[i,C]),T=(0,f.useCallback)(()=>d?b(e=>!e):w(e=>!e),[d,w,b]);(0,f.useEffect)(()=>{let e=e=>{e.key===v&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),T())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[T]);let E=C?`expanded`:`collapsed`,D=(0,f.useMemo)(()=>({state:E,open:C,setOpen:w,isMobile:d,openMobile:g,setOpenMobile:b,toggleSidebar:T}),[E,C,w,d,g,b,T]);return(0,c.jsx)(y.Provider,{value:D,children:(0,c.jsx)(t.TooltipProvider,{delay:0,children:(0,c.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":h,"--sidebar-width-icon":_,...s},className:e.cn(`group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full`,o),...u,children:l})})})}function S({side:t=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:i,children:a,...o}){let{isMobile:l,state:u,openMobile:d,setOpenMobile:f}=b();return r===`none`?(0,c.jsx)(`div`,{"data-slot":`sidebar`,className:e.cn(`bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col`,i),...o,children:a}):l?(0,c.jsx)(s.Sheet,{open:d,onOpenChange:f,...o,children:(0,c.jsxs)(s.SheetContent,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":g},side:t,children:[(0,c.jsxs)(s.SheetHeader,{className:`sr-only`,children:[(0,c.jsx)(s.SheetTitle,{children:`Sidebar`}),(0,c.jsx)(s.SheetDescription,{children:`Displays the mobile sidebar.`})]}),(0,c.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:a})]})}):(0,c.jsxs)(`div`,{className:`group peer text-sidebar-foreground hidden md:block`,"data-state":u,"data-collapsible":u===`collapsed`?r:``,"data-variant":n,"data-side":t,"data-slot":`sidebar`,children:[(0,c.jsx)(`div`,{"data-slot":`sidebar-gap`,className:e.cn(`relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`||n===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,c.jsx)(`div`,{"data-slot":`sidebar-container`,className:e.cn(`fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,t===`left`?`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,n===`floating`||n===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,i),...o,children:(0,c.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:`bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm`,children:a})})]})}function C({className:t,onClick:n,...i}){let{toggleSidebar:a}=b();return(0,c.jsxs)(r.Button,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,size:`icon`,className:e.cn(`size-7`,t),onClick:e=>{n?.(e),a()},...i,children:[(0,c.jsx)(d.PanelLeftIcon,{}),(0,c.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function w({className:t,...n}){let{toggleSidebar:r}=b();return(0,c.jsx)(`button`,{type:`button`,"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:r,title:`Toggle Sidebar`,className:e.cn(`hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex`,`in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,t),...n})}function T({className:t,...n}){return(0,c.jsx)(`main`,{"data-slot":`sidebar-inset`,className:e.cn(`bg-background relative flex w-full flex-1 flex-col`,`md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2`,t),...n})}function E({className:t,...n}){return(0,c.jsx)(i.Input,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:e.cn(`bg-background h-8 w-full shadow-none`,t),...n})}function D({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:e.cn(`flex flex-col gap-2 p-2`,t),...n})}function O({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:e.cn(`flex flex-col gap-2 p-2`,t),...n})}function k({className:t,...n}){return(0,c.jsx)(o.Separator,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:e.cn(`bg-sidebar-border mx-2 w-auto`,t),...n})}function A({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:e.cn(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,t),...n})}function j({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:e.cn(`relative flex w-full min-w-0 flex-col p-2`,t),...n})}function M({className:t,render:n,...r}){return(0,u.useRender)({render:n,defaultTagName:`div`,props:{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:e.cn(`text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0`,t),...r}})}function N({className:t,render:n,...r}){return(0,u.useRender)({render:n,defaultTagName:`button`,props:{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:e.cn(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,t),...r}})}function P({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:e.cn(`w-full text-sm`,t),...n})}function F({className:t,...n}){return(0,c.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:e.cn(`flex w-full min-w-0 flex-col gap-1`,t),...n})}function I({className:t,...n}){return(0,c.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:e.cn(`group/menu-item relative`,t),...n})}var L=(0,l.cva)(`peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[popup-open]:hover:bg-sidebar-accent data-[popup-open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0`,{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function R({render:n,isActive:r=!1,variant:i=`default`,size:a=`default`,tooltip:o,className:s,...l}){let{isMobile:d,state:f}=b(),p=(0,u.useRender)({render:n,defaultTagName:`button`,props:{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":a,"data-active":r,className:e.cn(L({variant:i,size:a}),s),...l}});return o?(0,c.jsxs)(t.Tooltip,{children:[(0,c.jsx)(t.TooltipTrigger,{render:p}),(0,c.jsx)(t.TooltipContent,{side:`right`,align:`center`,hidden:f!==`collapsed`||d,...typeof o==`string`?{children:o}:o})]}):p}function z({className:t,render:n,showOnHover:r=!1,...i}){return(0,u.useRender)({render:n,defaultTagName:`button`,props:{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:e.cn(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,r&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[popup-open]:opacity-100 md:opacity-0`,t),...i}})}function B({className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:e.cn(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,t),...n})}function V({className:t,showIcon:r=!1,...i}){let[a]=(0,f.useState)(()=>`${Math.floor(Math.random()*41)+50}%`);return(0,c.jsxs)(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:e.cn(`flex h-8 items-center gap-2 rounded-md px-2`,t),...i,children:[r&&(0,c.jsx)(n.Skeleton,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),(0,c.jsx)(n.Skeleton,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":a}})]})}function H({className:t,...n}){return(0,c.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:e.cn(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,t),...n})}function U({className:t,...n}){return(0,c.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:e.cn(`group/menu-sub-item relative`,t),...n})}function W({render:t,size:n=`md`,isActive:r=!1,className:i,...a}){return(0,u.useRender)({render:t,defaultTagName:`a`,props:{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":n,"data-active":r,className:e.cn(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0`,`data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground`,n===`sm`&&`text-xs`,n===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,i),...a}})}exports.Sidebar=S,exports.SidebarContent=A,exports.SidebarFooter=O,exports.SidebarGroup=j,exports.SidebarGroupAction=N,exports.SidebarGroupContent=P,exports.SidebarGroupLabel=M,exports.SidebarHeader=D,exports.SidebarInput=E,exports.SidebarInset=T,exports.SidebarMenu=F,exports.SidebarMenuAction=z,exports.SidebarMenuBadge=B,exports.SidebarMenuButton=R,exports.SidebarMenuItem=I,exports.SidebarMenuSkeleton=V,exports.SidebarMenuSub=H,exports.SidebarMenuSubButton=W,exports.SidebarMenuSubItem=U,exports.SidebarProvider=x,exports.SidebarRail=w,exports.SidebarSeparator=k,exports.SidebarTrigger=C,exports.useSidebar=b;
 //# sourceMappingURL=sidebar.cjs.map