@customafk/lunas-ui 0.2.39 → 0.2.41

package/dist/ui/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.js","names":[],"sources":["../../packages/components/ui/resizable.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { GripVerticalIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\ntype TResizablePanelGroup = React.ComponentProps<typeof ResizablePrimitive.PanelGroup>;\n\ntype TResizablePanel = React.ComponentProps<typeof ResizablePrimitive.Panel>;\n\ntype TResizableHandle = React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean;\n};\n\n/**\n * Root container that manages a group of resizable panels; supports horizontal and vertical orientations.\n *\n * @example\n * ```tsx\n * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@customafk/lunas-ui/ui/resizable';\n *\n * <ResizablePanelGroup direction=\"horizontal\">\n *   <ResizablePanel defaultSize={50}>Left</ResizablePanel>\n *   <ResizableHandle withHandle />\n *   <ResizablePanel defaultSize={50}>Right</ResizablePanel>\n * </ResizablePanelGroup>\n * ```\n */\nconst ResizablePanelGroup = memo<TResizablePanelGroup>(({ className, ...props }) => {\n  return (\n    <ResizablePrimitive.PanelGroup\n      data-slot=\"resizable-panel-group\"\n      className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}\n      {...props}\n    />\n  );\n});\nResizablePanelGroup.displayName = 'ResizablePanelGroup';\n\n/** An individual resizable panel within a ResizablePanelGroup. */\nconst ResizablePanel = memo<TResizablePanel>(({ ...props }) => {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n});\nResizablePanel.displayName = 'ResizablePanel';\n\n/**\n * The drag handle placed between two ResizablePanels to resize them.\n *\n * @param withHandle - When true, renders a visible grip icon centered on the handle.\n */\nconst ResizableHandle = memo<TResizableHandle>(({ withHandle, className, ...props }) => {\n  return (\n    <ResizablePrimitive.PanelResizeHandle\n      data-slot=\"resizable-handle\"\n      className={cn(\n        'relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n        className\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border\">\n          <GripVerticalIcon className=\"size-2.5\" />\n        </div>\n      )}\n    </ResizablePrimitive.PanelResizeHandle>\n  );\n});\nResizableHandle.displayName = 'ResizableHandle';\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup };\n"],"mappings":"+NAgCA,MAAM,EAAsB,GAA4B,CAAE,YAAW,GAAG,KAEpE,EAAC,EAAmB,WAAA,CAClB,YAAU,wBACV,UAAW,EAAG,oEAAqE,EAAU,CAC7F,GAAI,GACJ,CAEJ,CACF,EAAoB,YAAc,sBAGlC,MAAM,EAAiB,GAAuB,CAAE,GAAG,KAC1C,EAAC,EAAmB,MAAA,CAAM,YAAU,kBAAkB,GAAI,GAAS,CAC1E,CACF,EAAe,YAAc,iBAO7B,MAAM,EAAkB,GAAwB,CAAE,aAAY,YAAW,GAAG,KAExE,EAAC,EAAmB,kBAAA,CAClB,YAAU,mBACV,UAAW,EACT,4oBACA,EACD,CACD,GAAI,WAEH,GACC,EAAC,MAAA,CAAI,UAAU,qFACb,EAAC,EAAA,CAAiB,UAAU,WAAA,CAAa,EACrC,EAE6B,CAEzC,CACF,EAAgB,YAAc"}

package/dist/ui/scroll-area.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);const a=(0,t.memo)(({className:e,children:t,ref:a,onScroll:s,...c})=>(0,r.jsxs)(i.ScrollArea.Root,{"data-slot":`scroll-area`,className:(0,n.cn)(`relative overflow-hidden`,e),...c,children:[(0,r.jsx)(i.ScrollArea.Viewport,{ref:a,className:`size-full rounded-[inherit]`,onScroll:s,children:t}),(0,r.jsx)(o,{}),(0,r.jsx)(i.ScrollArea.Corner,{})]}));a.displayName=`ScrollArea`;const o=(0,t.memo)(({className:e,orientation:t=`vertical`,...a})=>(0,r.jsx)(i.ScrollArea.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:t,className:(0,n.cn)(`flex touch-none select-none border-border-weak p-px transition-colors`,t===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,t===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...a,children:(0,r.jsx)(i.ScrollArea.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`,exports.ScrollArea=a,exports.ScrollBar=o;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`react`),i=require(`radix-ui`);const a=(0,r.memo)(({className:e,children:r,ref:a,onScroll:s,...c})=>(0,n.jsxs)(i.ScrollArea.Root,{"data-slot":`scroll-area`,className:(0,t.cn)(`relative overflow-hidden`,e),...c,children:[(0,n.jsx)(i.ScrollArea.Viewport,{ref:a,className:`size-full rounded-[inherit]`,onScroll:s,children:r}),(0,n.jsx)(o,{}),(0,n.jsx)(i.ScrollArea.Corner,{})]}));a.displayName=`ScrollArea`;const o=(0,r.memo)(({className:e,orientation:r=`vertical`,...a})=>(0,n.jsx)(i.ScrollArea.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:r,className:(0,t.cn)(`flex touch-none select-none border-border-weak p-px transition-colors`,r===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,r===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...a,children:(0,n.jsx)(i.ScrollArea.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`,exports.ScrollArea=a,exports.ScrollBar=o;
 //# sourceMappingURL=scroll-area.cjs.map

package/dist/ui/scroll-area.d.cts

@@ -1,4 +1,4 @@
-import * as react145 from "react";
+import * as react298 from "react";
 import { ScrollArea as ScrollArea$1 } from "radix-ui";
 
 //#region packages/components/ui/scroll-area.d.ts
@@ -15,23 +15,23 @@ import { ScrollArea as ScrollArea$1 } from "radix-ui";
  * </ScrollArea>
  * ```
  */
-declare const ScrollArea: react145.MemoExoticComponent<({
+declare const ScrollArea: react298.MemoExoticComponent<({
   className,
   children,
   ref,
   onScroll,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.Root>) => react145.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react298.JSX.Element>;
 /**
  * The styled scrollbar track and thumb rendered inside a ScrollArea.
  *
  * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.
  */
-declare const ScrollBar: react145.MemoExoticComponent<({
+declare const ScrollBar: react298.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react145.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react298.JSX.Element>;
 //#endregion
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.cts.map

package/dist/ui/scroll-area.d.ts

@@ -1,4 +1,4 @@
-import * as react249 from "react";
+import * as react299 from "react";
 import { ScrollArea as ScrollArea$1 } from "radix-ui";
 
 //#region packages/components/ui/scroll-area.d.ts
@@ -15,23 +15,23 @@ import { ScrollArea as ScrollArea$1 } from "radix-ui";
  * </ScrollArea>
  * ```
  */
-declare const ScrollArea: react249.MemoExoticComponent<({
+declare const ScrollArea: react299.MemoExoticComponent<({
   className,
   children,
   ref,
   onScroll,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.Root>) => react249.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react299.JSX.Element>;
 /**
  * The styled scrollbar track and thumb rendered inside a ScrollArea.
  *
  * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.
  */
-declare const ScrollBar: react249.MemoExoticComponent<({
+declare const ScrollBar: react299.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react249.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react299.JSX.Element>;
 //#endregion
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/ui/scroll-area.js

@@ -1,2 +1,2 @@
-"use client";import{memo as e}from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{ScrollArea as i}from"radix-ui";const a=e(({className:e,children:a,ref:s,onScroll:c,...l})=>r(i.Root,{"data-slot":`scroll-area`,className:t(`relative overflow-hidden`,e),...l,children:[n(i.Viewport,{ref:s,className:`size-full rounded-[inherit]`,onScroll:c,children:a}),n(o,{}),n(i.Corner,{})]}));a.displayName=`ScrollArea`;const o=e(({className:e,orientation:r=`vertical`,...a})=>n(i.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:r,className:t(`flex touch-none select-none border-border-weak p-px transition-colors`,r===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,r===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...a,children:n(i.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`;export{a as ScrollArea,o as ScrollBar};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{memo as r}from"react";import{ScrollArea as i}from"radix-ui";const a=r(({className:r,children:a,ref:s,onScroll:c,...l})=>n(i.Root,{"data-slot":`scroll-area`,className:e(`relative overflow-hidden`,r),...l,children:[t(i.Viewport,{ref:s,className:`size-full rounded-[inherit]`,onScroll:c,children:a}),t(o,{}),t(i.Corner,{})]}));a.displayName=`ScrollArea`;const o=r(({className:n,orientation:r=`vertical`,...a})=>t(i.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:r,className:e(`flex touch-none select-none border-border-weak p-px transition-colors`,r===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,r===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,n),...a,children:t(i.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`;export{a as ScrollArea,o as ScrollBar};
 //# sourceMappingURL=scroll-area.js.map

package/dist/ui/select.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../select-CWLQHh8x.cjs`);exports.Select=e.t,exports.SelectContent=e.n,exports.SelectGroup=e.r,exports.SelectItem=e.i,exports.SelectLabel=e.a,exports.SelectSeparator=e.o,exports.SelectTrigger=e.s,exports.SelectValue=e.c;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({...e}){return(0,r.jsx)(i.Select.Root,{"data-slot":`select`,...e})}function o({...e}){return(0,r.jsx)(i.Select.Group,{"data-slot":`select-group`,...e})}function s({...e}){return(0,r.jsx)(i.Select.Value,{"data-slot":`select-value`,...e})}function c({className:e,size:a=`default`,children:o,...s}){return(0,r.jsxs)(i.Select.Trigger,{"data-slot":`select-trigger`,"data-size":a,className:(0,n.cn)(`flex w-full items-center justify-between`,`outline-1 outline-border -outline-offset-1`,`gap-2 rounded bg-transparent px-3 py-2`,`rounded shadow-input transition-all`,`cursor-pointer whitespace-nowrap text-sm`,`focus-visible:text-text-positive-strong`,`focus-visible:outline-primary-strong`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-4`,`data-[state=open]:ring-primary-weak`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`aria-invalid:data-[state=open]:outline-danger-strong`,`aria-invalid:data-[state=open]:ring-danger-weak`,`data-placeholder:text-text-positive-muted`,`*:data-[slot=select-value]:line-clamp-1`,`*:data-[slot=select-value]:flex`,`*:data-[slot=select-value]:items-center`,`*:data-[slot=select-value]:gap-2`,`aria-readonly:bg-muted-muted`,`aria-readonly:cursor-default`,`aria-readonly:focus:outline-none`,`aria-readonly:ring-0`,`aria-readonly:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,e),...s,children:[o,(0,r.jsx)(i.Select.Icon,{asChild:!0,children:(0,r.jsx)(t.ChevronDownIcon,{size:16,opacity:50})})]})}function l({className:e,children:t,position:a=`popper`,...o}){return(0,r.jsx)(i.Select.Portal,{children:(0,r.jsx)(i.Select.Content,{"data-slot":`select-content`,className:(0,n.cn)(`relative z-50 max-h-80 min-w-32 overflow-y-auto overflow-x-hidden rounded shadow-dropdown duration-300`,`bg-white`,`w-(--radix-select-trigger-width)`,`origin-(--radix-select-content-transform-origin)`,`max-h-[min(20rem,var(--radix-select-content-available-height))]`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out`,`data-[side=bottom]:slide-in-from-top-8`,`data-[side=left]:slide-in-from-right-8`,`data-[side=right]:slide-in-from-left-8`,`data-[side=top]:slide-in-from-bottom-8`,a===`popper`&&`data-[side=bottom]:translate-y-1`,a===`popper`&&`data-[side=left]:-translate-x-1`,a===`popper`&&`data-[side=right]:translate-x-1`,a===`popper`&&`data-[side=top]:-translate-y-1`,e),position:a,...o,children:(0,r.jsx)(i.Select.Viewport,{className:(0,n.cn)(`p-1`,a===`popper`&&`w-full scroll-my-1`,a===`popper`&&`h-(--radix-select-trigger-height)`,a===`popper`&&`min-w-(--radix-select-trigger-width)`),children:t})})})}function u({className:e,...t}){return(0,r.jsx)(i.Select.Label,{"data-slot":`select-label`,className:(0,n.cn)(`px-2 py-1.5 text-text-positive-weak text-xs`,e),...t})}function d({className:e,children:a,...o}){return(0,r.jsxs)(i.Select.Item,{"data-slot":`select-item`,className:(0,n.cn)(`relative flex select-none items-center`,`gap-2 rounded py-2.5 pr-8 pl-2`,`w-full`,`cursor-pointer outline-none transition-colors`,`font-medium text-sm text-text-positive-weak`,`focus:shadow-xs`,`focus:bg-muted-muted`,`data-disabled:opacity-50`,`data-disabled:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`*:[span]:last:flex`,`*:[span]:last:items-center`,`*:[span]:last:gap-2`,e),...o,children:[(0,r.jsx)(i.Select.ItemText,{children:a}),(0,r.jsx)(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Select.ItemIndicator,{children:(0,r.jsx)(t.CheckIcon,{size:16})})})]})}function f({className:e,...t}){return(0,r.jsx)(i.Select.Separator,{"data-slot":`select-separator`,className:(0,n.cn)(`-mx-1 pointer-events-none my-1 h-px bg-border-weak`,e),...t})}exports.Select=a,exports.SelectContent=l,exports.SelectGroup=o,exports.SelectItem=d,exports.SelectLabel=u,exports.SelectSeparator=f,exports.SelectTrigger=c,exports.SelectValue=s;
+//# sourceMappingURL=select.cjs.map

package/dist/ui/select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.cjs","names":["SelectPrimitive","ChevronDownIcon","CheckIcon"],"sources":["../../packages/components/ui/select.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon, ChevronDownIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Select as SelectPrimitive } from 'radix-ui';\n\n/**\n * Accessible dropdown select built on Radix UI's Select primitives, composed from `Select`, `SelectTrigger`, `SelectContent`, and `SelectItem`.\n *\n * @example\n * ```tsx\n * import {\n *   Select, SelectTrigger, SelectValue,\n *   SelectContent, SelectItem,\n * } from '@customafk/lunas-ui/ui/select';\n *\n * <Select>\n *   <SelectTrigger>\n *     <SelectValue placeholder=\"Pick a fruit\" />\n *   </SelectTrigger>\n *   <SelectContent>\n *     <SelectItem value=\"apple\">Apple</SelectItem>\n *     <SelectItem value=\"banana\">Banana</SelectItem>\n *   </SelectContent>\n * </Select>\n * ```\n */\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\n/** Groups related `SelectItem` elements with an optional `SelectLabel` header. */\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\n/** Renders the currently selected value (or a placeholder) inside `SelectTrigger`. */\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\n/**\n * The button that opens the select dropdown; renders the current value and a chevron icon.\n *\n * @param size - `'default'` (standard padding) or `'sm'` (compact).\n */\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  /** Controls the trigger's padding — `'default'` or `'sm'`. */\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        'flex w-full items-center justify-between',\n        'outline-1 outline-border -outline-offset-1',\n        'gap-2 rounded bg-transparent px-3 py-2',\n        'rounded shadow-input transition-all',\n        'cursor-pointer whitespace-nowrap text-sm',\n\n        // Text styles\n        'focus-visible:text-text-positive-strong',\n        'focus-visible:outline-primary-strong',\n        'focus-visible:ring-4',\n        'focus-visible:ring-primary-weak',\n\n        // State styles\n        'data-[state=open]:text-text-positive-muted',\n        'data-[state=open]:outline-primary-strong',\n        'data-[state=open]:ring-4',\n        'data-[state=open]:ring-primary-weak',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n\n        // Invalid state\n        'aria-invalid:bg-danger-bg-subtle',\n        'aria-invalid:outline-danger',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:focus:outline-danger-strong',\n        'aria-invalid:focus:ring-4',\n        'aria-invalid:placeholder:text-text-positive-weak',\n        'aria-invalid:data-[state=open]:outline-danger-strong',\n        'aria-invalid:data-[state=open]:ring-danger-weak',\n\n        // Placeholder styles\n        'data-placeholder:text-text-positive-muted',\n        '*:data-[slot=select-value]:line-clamp-1',\n        '*:data-[slot=select-value]:flex',\n        '*:data-[slot=select-value]:items-center',\n        '*:data-[slot=select-value]:gap-2',\n\n        // Readonly state\n        'aria-readonly:bg-muted-muted',\n        'aria-readonly:cursor-default',\n        'aria-readonly:focus:outline-none',\n        'aria-readonly:ring-0',\n        'aria-readonly:pointer-events-none',\n\n        // Icon styles\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon size={16} opacity={50} />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\n/** Floating dropdown panel that renders inside a portal with enter/exit animations. */\nfunction SelectContent({ className, children, position = 'popper', ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'relative z-50 max-h-80 min-w-32 overflow-y-auto overflow-x-hidden rounded shadow-dropdown duration-300',\n          'bg-white',\n          'w-(--radix-select-trigger-width)',\n          'origin-(--radix-select-content-transform-origin)',\n          'max-h-[min(20rem,var(--radix-select-content-available-height))]',\n\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in',\n\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out',\n\n          'data-[side=bottom]:slide-in-from-top-8',\n          'data-[side=left]:slide-in-from-right-8',\n          'data-[side=right]:slide-in-from-left-8',\n          'data-[side=top]:slide-in-from-bottom-8',\n\n          position === 'popper' && 'data-[side=bottom]:translate-y-1',\n          position === 'popper' && 'data-[side=left]:-translate-x-1',\n          position === 'popper' && 'data-[side=right]:translate-x-1',\n          position === 'popper' && 'data-[side=top]:-translate-y-1',\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' && 'w-full scroll-my-1',\n            position === 'popper' && 'h-(--radix-select-trigger-height)',\n            position === 'popper' && 'min-w-(--radix-select-trigger-width)'\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\n/** Non-interactive label displayed above a `SelectGroup` to describe its options. */\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return <SelectPrimitive.Label data-slot=\"select-label\" className={cn('px-2 py-1.5 text-text-positive-weak text-xs', className)} {...props} />;\n}\n\n/** A selectable option within `SelectContent`; shows a check icon when chosen. */\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex select-none items-center',\n        'gap-2 rounded py-2.5 pr-8 pl-2',\n        'w-full',\n        'cursor-pointer outline-none transition-colors',\n        'font-medium text-sm text-text-positive-weak',\n\n        'focus:shadow-xs',\n        'focus:bg-muted-muted',\n\n        'data-disabled:opacity-50',\n        'data-disabled:pointer-events-none',\n\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n\n        '*:[span]:last:flex',\n        '*:[span]:last:items-center',\n        '*:[span]:last:gap-2',\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon size={16} />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n    </SelectPrimitive.Item>\n  );\n}\n\n/** Thin horizontal rule used to visually separate groups of `SelectItem` elements. */\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return <SelectPrimitive.Separator data-slot=\"select-separator\" className={cn('-mx-1 pointer-events-none my-1 h-px bg-border-weak', className)} {...props} />;\n}\n\nexport { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };\n"],"mappings":"qLA6BA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAI/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAQtE,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAIF,CACD,OACE,EAAA,EAAA,MAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,YAAW,EACX,WAAA,EAAA,EAAA,IACE,2CACA,6CACA,yCACA,sCACA,2CAGA,0CACA,uCACA,uBACA,kCAGA,6CACA,2CACA,2BACA,sCACA,8BACA,sBAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDACA,uDACA,kDAGA,4CACA,0CACA,kCACA,0CACA,mCAGA,+BACA,+BACA,mCACA,uBACA,oCAGA,mBACA,8BACA,uCACA,sDACA,EACD,CACD,GAAI,YAEH,GACD,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,QAAA,aACpB,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,QAAS,IAAM,EACrB,CAAA,EACC,CAK9B,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAAA,EAAA,KAACD,EAAAA,OAAgB,OAAA,CAAA,UACf,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,yGACA,WACA,mCACA,mDACA,kEAEA,+BACA,4BAEA,kCACA,+BAEA,yCACA,yCACA,yCACA,yCAEA,IAAa,UAAY,mCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,iCACzB,EACD,CACS,WACV,GAAI,YAEJ,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CACf,WAAA,EAAA,EAAA,IACE,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,oCACzB,IAAa,UAAY,uCAC1B,CAEA,YACwB,EACH,CAAA,CACH,CAK7B,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,8CAA+C,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAAA,EAAA,MAACA,EAAAA,OAAgB,KAAA,CACf,YAAU,cACV,WAAA,EAAA,EAAA,IACE,yCACA,iCACA,SACA,gDACA,8CAEA,kBACA,uBAEA,2BACA,oCAEA,8BACA,mBACA,uCACA,wDAEA,qBACA,6BACA,sBACA,EACD,CACD,GAAI,aAEJ,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CAAU,WAAA,CAAoC,EAC/D,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,uEACd,EAAA,EAAA,KAACA,EAAAA,OAAgB,cAAA,CAAA,UACf,EAAA,EAAA,KAACE,EAAAA,UAAAA,CAAU,KAAM,GAAA,CAAM,CAAA,CACO,EAC3B,CAAA,EACc,CAK3B,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAAA,EAAA,KAACF,EAAAA,OAAgB,UAAA,CAAU,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,qDAAsD,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/select.d.cts

@@ -1,4 +1,4 @@
-import * as react270 from "react";
+import * as react210 from "react";
 import { Select as Select$1 } from "radix-ui";
 
 //#region packages/components/ui/select.d.ts
@@ -26,15 +26,15 @@ import { Select as Select$1 } from "radix-ui";
  */
 declare function Select({
   ...props
-}: React.ComponentProps<typeof Select$1.Root>): react270.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Root>): react210.JSX.Element;
 /** Groups related `SelectItem` elements with an optional `SelectLabel` header. */
 declare function SelectGroup({
   ...props
-}: React.ComponentProps<typeof Select$1.Group>): react270.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Group>): react210.JSX.Element;
 /** Renders the currently selected value (or a placeholder) inside `SelectTrigger`. */
 declare function SelectValue({
   ...props
-}: React.ComponentProps<typeof Select$1.Value>): react270.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Value>): react210.JSX.Element;
 /**
  * The button that opens the select dropdown; renders the current value and a chevron icon.
  *
@@ -48,30 +48,30 @@ declare function SelectTrigger({
 }: React.ComponentProps<typeof Select$1.Trigger> & {
   /** Controls the trigger's padding — `'default'` or `'sm'`. */
   size?: 'sm' | 'default';
-}): react270.JSX.Element;
+}): react210.JSX.Element;
 /** Floating dropdown panel that renders inside a portal with enter/exit animations. */
 declare function SelectContent({
   className,
   children,
   position,
   ...props
-}: React.ComponentProps<typeof Select$1.Content>): react270.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Content>): react210.JSX.Element;
 /** Non-interactive label displayed above a `SelectGroup` to describe its options. */
 declare function SelectLabel({
   className,
   ...props
-}: React.ComponentProps<typeof Select$1.Label>): react270.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Label>): react210.JSX.Element;
 /** A selectable option within `SelectContent`; shows a check icon when chosen. */
 declare function SelectItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Select$1.Item>): react270.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Item>): react210.JSX.Element;
 /** Thin horizontal rule used to visually separate groups of `SelectItem` elements. */
 declare function SelectSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Select$1.Separator>): react270.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Separator>): react210.JSX.Element;
 //#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
 //# sourceMappingURL=select.d.cts.map

package/dist/ui/select.d.ts

@@ -1,4 +1,4 @@
-import * as react255 from "react";
+import * as react254 from "react";
 import { Select as Select$1 } from "radix-ui";
 
 //#region packages/components/ui/select.d.ts
@@ -26,15 +26,15 @@ import { Select as Select$1 } from "radix-ui";
  */
 declare function Select({
   ...props
-}: React.ComponentProps<typeof Select$1.Root>): react255.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Root>): react254.JSX.Element;
 /** Groups related `SelectItem` elements with an optional `SelectLabel` header. */
 declare function SelectGroup({
   ...props
-}: React.ComponentProps<typeof Select$1.Group>): react255.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Group>): react254.JSX.Element;
 /** Renders the currently selected value (or a placeholder) inside `SelectTrigger`. */
 declare function SelectValue({
   ...props
-}: React.ComponentProps<typeof Select$1.Value>): react255.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Value>): react254.JSX.Element;
 /**
  * The button that opens the select dropdown; renders the current value and a chevron icon.
  *
@@ -48,30 +48,30 @@ declare function SelectTrigger({
 }: React.ComponentProps<typeof Select$1.Trigger> & {
   /** Controls the trigger's padding — `'default'` or `'sm'`. */
   size?: 'sm' | 'default';
-}): react255.JSX.Element;
+}): react254.JSX.Element;
 /** Floating dropdown panel that renders inside a portal with enter/exit animations. */
 declare function SelectContent({
   className,
   children,
   position,
   ...props
-}: React.ComponentProps<typeof Select$1.Content>): react255.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Content>): react254.JSX.Element;
 /** Non-interactive label displayed above a `SelectGroup` to describe its options. */
 declare function SelectLabel({
   className,
   ...props
-}: React.ComponentProps<typeof Select$1.Label>): react255.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Label>): react254.JSX.Element;
 /** A selectable option within `SelectContent`; shows a check icon when chosen. */
 declare function SelectItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Select$1.Item>): react255.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Item>): react254.JSX.Element;
 /** Thin horizontal rule used to visually separate groups of `SelectItem` elements. */
 declare function SelectSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Select$1.Separator>): react255.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Separator>): react254.JSX.Element;
 //#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
 //# sourceMappingURL=select.d.ts.map

package/dist/ui/select.js

@@ -1 +1,2 @@
-"use client";import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"../select-CryLzZA0.js";export{s as Select,r as SelectContent,a as SelectGroup,n as SelectItem,e as SelectLabel,i as SelectSeparator,o as SelectTrigger,t as SelectValue};
+"use client";import{CheckIcon as e,ChevronDownIcon as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Select as a}from"radix-ui";function o({...e}){return r(a.Root,{"data-slot":`select`,...e})}function s({...e}){return r(a.Group,{"data-slot":`select-group`,...e})}function c({...e}){return r(a.Value,{"data-slot":`select-value`,...e})}function l({className:e,size:o=`default`,children:s,...c}){return i(a.Trigger,{"data-slot":`select-trigger`,"data-size":o,className:n(`flex w-full items-center justify-between`,`outline-1 outline-border -outline-offset-1`,`gap-2 rounded bg-transparent px-3 py-2`,`rounded shadow-input transition-all`,`cursor-pointer whitespace-nowrap text-sm`,`focus-visible:text-text-positive-strong`,`focus-visible:outline-primary-strong`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-4`,`data-[state=open]:ring-primary-weak`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`aria-invalid:data-[state=open]:outline-danger-strong`,`aria-invalid:data-[state=open]:ring-danger-weak`,`data-placeholder:text-text-positive-muted`,`*:data-[slot=select-value]:line-clamp-1`,`*:data-[slot=select-value]:flex`,`*:data-[slot=select-value]:items-center`,`*:data-[slot=select-value]:gap-2`,`aria-readonly:bg-muted-muted`,`aria-readonly:cursor-default`,`aria-readonly:focus:outline-none`,`aria-readonly:ring-0`,`aria-readonly:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,e),...c,children:[s,r(a.Icon,{asChild:!0,children:r(t,{size:16,opacity:50})})]})}function u({className:e,children:t,position:i=`popper`,...o}){return r(a.Portal,{children:r(a.Content,{"data-slot":`select-content`,className:n(`relative z-50 max-h-80 min-w-32 overflow-y-auto overflow-x-hidden rounded shadow-dropdown duration-300`,`bg-white`,`w-(--radix-select-trigger-width)`,`origin-(--radix-select-content-transform-origin)`,`max-h-[min(20rem,var(--radix-select-content-available-height))]`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out`,`data-[side=bottom]:slide-in-from-top-8`,`data-[side=left]:slide-in-from-right-8`,`data-[side=right]:slide-in-from-left-8`,`data-[side=top]:slide-in-from-bottom-8`,i===`popper`&&`data-[side=bottom]:translate-y-1`,i===`popper`&&`data-[side=left]:-translate-x-1`,i===`popper`&&`data-[side=right]:translate-x-1`,i===`popper`&&`data-[side=top]:-translate-y-1`,e),position:i,...o,children:r(a.Viewport,{className:n(`p-1`,i===`popper`&&`w-full scroll-my-1`,i===`popper`&&`h-(--radix-select-trigger-height)`,i===`popper`&&`min-w-(--radix-select-trigger-width)`),children:t})})})}function d({className:e,...t}){return r(a.Label,{"data-slot":`select-label`,className:n(`px-2 py-1.5 text-text-positive-weak text-xs`,e),...t})}function f({className:t,children:o,...s}){return i(a.Item,{"data-slot":`select-item`,className:n(`relative flex select-none items-center`,`gap-2 rounded py-2.5 pr-8 pl-2`,`w-full`,`cursor-pointer outline-none transition-colors`,`font-medium text-sm text-text-positive-weak`,`focus:shadow-xs`,`focus:bg-muted-muted`,`data-disabled:opacity-50`,`data-disabled:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`*:[span]:last:flex`,`*:[span]:last:items-center`,`*:[span]:last:gap-2`,t),...s,children:[r(a.ItemText,{children:o}),r(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:r(a.ItemIndicator,{children:r(e,{size:16})})})]})}function p({className:e,...t}){return r(a.Separator,{"data-slot":`select-separator`,className:n(`-mx-1 pointer-events-none my-1 h-px bg-border-weak`,e),...t})}export{o as Select,u as SelectContent,s as SelectGroup,f as SelectItem,d as SelectLabel,p as SelectSeparator,l as SelectTrigger,c as SelectValue};
+//# sourceMappingURL=select.js.map

package/dist/ui/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["SelectPrimitive"],"sources":["../../packages/components/ui/select.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon, ChevronDownIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Select as SelectPrimitive } from 'radix-ui';\n\n/**\n * Accessible dropdown select built on Radix UI's Select primitives, composed from `Select`, `SelectTrigger`, `SelectContent`, and `SelectItem`.\n *\n * @example\n * ```tsx\n * import {\n *   Select, SelectTrigger, SelectValue,\n *   SelectContent, SelectItem,\n * } from '@customafk/lunas-ui/ui/select';\n *\n * <Select>\n *   <SelectTrigger>\n *     <SelectValue placeholder=\"Pick a fruit\" />\n *   </SelectTrigger>\n *   <SelectContent>\n *     <SelectItem value=\"apple\">Apple</SelectItem>\n *     <SelectItem value=\"banana\">Banana</SelectItem>\n *   </SelectContent>\n * </Select>\n * ```\n */\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\n/** Groups related `SelectItem` elements with an optional `SelectLabel` header. */\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\n/** Renders the currently selected value (or a placeholder) inside `SelectTrigger`. */\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\n/**\n * The button that opens the select dropdown; renders the current value and a chevron icon.\n *\n * @param size - `'default'` (standard padding) or `'sm'` (compact).\n */\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  /** Controls the trigger's padding — `'default'` or `'sm'`. */\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        'flex w-full items-center justify-between',\n        'outline-1 outline-border -outline-offset-1',\n        'gap-2 rounded bg-transparent px-3 py-2',\n        'rounded shadow-input transition-all',\n        'cursor-pointer whitespace-nowrap text-sm',\n\n        // Text styles\n        'focus-visible:text-text-positive-strong',\n        'focus-visible:outline-primary-strong',\n        'focus-visible:ring-4',\n        'focus-visible:ring-primary-weak',\n\n        // State styles\n        'data-[state=open]:text-text-positive-muted',\n        'data-[state=open]:outline-primary-strong',\n        'data-[state=open]:ring-4',\n        'data-[state=open]:ring-primary-weak',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n\n        // Invalid state\n        'aria-invalid:bg-danger-bg-subtle',\n        'aria-invalid:outline-danger',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:focus:outline-danger-strong',\n        'aria-invalid:focus:ring-4',\n        'aria-invalid:placeholder:text-text-positive-weak',\n        'aria-invalid:data-[state=open]:outline-danger-strong',\n        'aria-invalid:data-[state=open]:ring-danger-weak',\n\n        // Placeholder styles\n        'data-placeholder:text-text-positive-muted',\n        '*:data-[slot=select-value]:line-clamp-1',\n        '*:data-[slot=select-value]:flex',\n        '*:data-[slot=select-value]:items-center',\n        '*:data-[slot=select-value]:gap-2',\n\n        // Readonly state\n        'aria-readonly:bg-muted-muted',\n        'aria-readonly:cursor-default',\n        'aria-readonly:focus:outline-none',\n        'aria-readonly:ring-0',\n        'aria-readonly:pointer-events-none',\n\n        // Icon styles\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon size={16} opacity={50} />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\n/** Floating dropdown panel that renders inside a portal with enter/exit animations. */\nfunction SelectContent({ className, children, position = 'popper', ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'relative z-50 max-h-80 min-w-32 overflow-y-auto overflow-x-hidden rounded shadow-dropdown duration-300',\n          'bg-white',\n          'w-(--radix-select-trigger-width)',\n          'origin-(--radix-select-content-transform-origin)',\n          'max-h-[min(20rem,var(--radix-select-content-available-height))]',\n\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in',\n\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out',\n\n          'data-[side=bottom]:slide-in-from-top-8',\n          'data-[side=left]:slide-in-from-right-8',\n          'data-[side=right]:slide-in-from-left-8',\n          'data-[side=top]:slide-in-from-bottom-8',\n\n          position === 'popper' && 'data-[side=bottom]:translate-y-1',\n          position === 'popper' && 'data-[side=left]:-translate-x-1',\n          position === 'popper' && 'data-[side=right]:translate-x-1',\n          position === 'popper' && 'data-[side=top]:-translate-y-1',\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' && 'w-full scroll-my-1',\n            position === 'popper' && 'h-(--radix-select-trigger-height)',\n            position === 'popper' && 'min-w-(--radix-select-trigger-width)'\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\n/** Non-interactive label displayed above a `SelectGroup` to describe its options. */\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return <SelectPrimitive.Label data-slot=\"select-label\" className={cn('px-2 py-1.5 text-text-positive-weak text-xs', className)} {...props} />;\n}\n\n/** A selectable option within `SelectContent`; shows a check icon when chosen. */\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex select-none items-center',\n        'gap-2 rounded py-2.5 pr-8 pl-2',\n        'w-full',\n        'cursor-pointer outline-none transition-colors',\n        'font-medium text-sm text-text-positive-weak',\n\n        'focus:shadow-xs',\n        'focus:bg-muted-muted',\n\n        'data-disabled:opacity-50',\n        'data-disabled:pointer-events-none',\n\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n\n        '*:[span]:last:flex',\n        '*:[span]:last:items-center',\n        '*:[span]:last:gap-2',\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon size={16} />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n    </SelectPrimitive.Item>\n  );\n}\n\n/** Thin horizontal rule used to visually separate groups of `SelectItem` elements. */\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return <SelectPrimitive.Separator data-slot=\"select-separator\" className={cn('-mx-1 pointer-events-none my-1 h-px bg-border-weak', className)} {...props} />;\n}\n\nexport { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };\n"],"mappings":"mNA6BA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACA,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAI/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAQtE,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAIF,CACD,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,YAAW,EACX,UAAW,EACT,2CACA,6CACA,yCACA,sCACA,2CAGA,0CACA,uCACA,uBACA,kCAGA,6CACA,2CACA,2BACA,sCACA,8BACA,sBAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDACA,uDACA,kDAGA,4CACA,0CACA,kCACA,0CACA,mCAGA,+BACA,+BACA,mCACA,uBACA,oCAGA,mBACA,8BACA,uCACA,sDACA,EACD,CACD,GAAI,YAEH,EACD,EAACA,EAAgB,KAAA,CAAK,QAAA,YACpB,EAAC,EAAA,CAAgB,KAAM,GAAI,QAAS,IAAM,EACrB,CAAA,EACC,CAK9B,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAACA,EAAgB,OAAA,CAAA,SACf,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,yGACA,WACA,mCACA,mDACA,kEAEA,+BACA,4BAEA,kCACA,+BAEA,yCACA,yCACA,yCACA,yCAEA,IAAa,UAAY,mCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,iCACzB,EACD,CACS,WACV,GAAI,WAEJ,EAACA,EAAgB,SAAA,CACf,UAAW,EACT,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,oCACzB,IAAa,UAAY,uCAC1B,CAEA,YACwB,EACH,CAAA,CACH,CAK7B,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,8CAA+C,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAACA,EAAgB,KAAA,CACf,YAAU,cACV,UAAW,EACT,yCACA,iCACA,SACA,gDACA,8CAEA,kBACA,uBAEA,2BACA,oCAEA,8BACA,mBACA,uCACA,wDAEA,qBACA,6BACA,sBACA,EACD,CACD,GAAI,YAEJ,EAACA,EAAgB,SAAA,CAAU,WAAA,CAAoC,CAC/D,EAAC,OAAA,CAAK,UAAU,sEACd,EAACA,EAAgB,cAAA,CAAA,SACf,EAAC,EAAA,CAAU,KAAM,GAAA,CAAM,CAAA,CACO,EAC3B,CAAA,EACc,CAK3B,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAACA,EAAgB,UAAA,CAAU,YAAU,mBAAmB,UAAW,EAAG,qDAAsD,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/separator.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../separator-KuymG9g0.cjs`);exports.Separator=e.t;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,orientation:i=`horizontal`,decorative:a=!0,...o}){return(0,n.jsx)(r.Separator.Root,{"data-slot":`separator`,decorative:a,orientation:i,className:(0,t.cn)(`bg-border-weak 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;
+//# sourceMappingURL=separator.cjs.map

package/dist/ui/separator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.cjs","names":["SeparatorPrimitive"],"sources":["../../packages/components/ui/separator.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\n/**\n * Thin visual divider built on Radix UI's Separator primitive, supporting horizontal and vertical orientations.\n *\n * @example\n * ```tsx\n * import { Separator } from '@customafk/lunas-ui/ui/separator';\n *\n * <div className=\"space-y-4\">\n *   <p>Section one</p>\n *   <Separator />\n *   <p>Section two</p>\n * </div>\n *\n * <div className=\"flex h-8 items-center gap-4\">\n *   <span>Left</span>\n *   <Separator orientation=\"vertical\" />\n *   <span>Right</span>\n * </div>\n * ```\n */\nfunction Separator({ className, orientation = 'horizontal', decorative = true, ...props }: 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-weak shrink-0',\n        'data-[orientation=horizontal]:h-px',\n        'data-[orientation=horizontal]:w-full',\n        'data-[orientation=vertical]:h-full',\n        'data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":"2JAyBA,SAAS,EAAU,CAAE,YAAW,cAAc,aAAc,aAAa,GAAM,GAAG,GAA+D,CAC/I,OACE,EAAA,EAAA,KAACA,EAAAA,UAAmB,KAAA,CAClB,YAAU,YACE,aACC,cACb,WAAA,EAAA,EAAA,IACE,0BACA,qCACA,uCACA,qCACA,mCACA,EACD,CACD,GAAI,GACJ"}

package/dist/ui/separator.d.cts

@@ -1,4 +1,4 @@
-import * as react128 from "react";
+import * as react101 from "react";
 import { Separator as Separator$1 } from "radix-ui";
 
 //#region packages/components/ui/separator.d.ts
@@ -28,7 +28,7 @@ declare function Separator({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof Separator$1.Root>): react128.JSX.Element;
+}: React.ComponentProps<typeof Separator$1.Root>): react101.JSX.Element;
 //#endregion
 export { Separator };
 //# sourceMappingURL=separator.d.cts.map

package/dist/ui/separator.d.ts

@@ -1,4 +1,4 @@
-import * as react272 from "react";
+import * as react263 from "react";
 import { Separator as Separator$1 } from "radix-ui";
 
 //#region packages/components/ui/separator.d.ts
@@ -28,7 +28,7 @@ declare function Separator({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof Separator$1.Root>): react272.JSX.Element;
+}: React.ComponentProps<typeof Separator$1.Root>): react263.JSX.Element;
 //#endregion
 export { Separator };
 //# sourceMappingURL=separator.d.ts.map

package/dist/ui/separator.js

@@ -1 +1,2 @@
-"use client";import{t as e}from"../separator-BM8hA4DP.js";export{e as Separator};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Separator as n}from"radix-ui";function r({className:r,orientation:i=`horizontal`,decorative:a=!0,...o}){return t(n.Root,{"data-slot":`separator`,decorative:a,orientation:i,className:e(`bg-border-weak shrink-0`,`data-[orientation=horizontal]:h-px`,`data-[orientation=horizontal]:w-full`,`data-[orientation=vertical]:h-full`,`data-[orientation=vertical]:w-px`,r),...o})}export{r as Separator};
+//# sourceMappingURL=separator.js.map

package/dist/ui/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":["SeparatorPrimitive"],"sources":["../../packages/components/ui/separator.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\n/**\n * Thin visual divider built on Radix UI's Separator primitive, supporting horizontal and vertical orientations.\n *\n * @example\n * ```tsx\n * import { Separator } from '@customafk/lunas-ui/ui/separator';\n *\n * <div className=\"space-y-4\">\n *   <p>Section one</p>\n *   <Separator />\n *   <p>Section two</p>\n * </div>\n *\n * <div className=\"flex h-8 items-center gap-4\">\n *   <span>Left</span>\n *   <Separator orientation=\"vertical\" />\n *   <span>Right</span>\n * </div>\n * ```\n */\nfunction Separator({ className, orientation = 'horizontal', decorative = true, ...props }: 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-weak shrink-0',\n        'data-[orientation=horizontal]:h-px',\n        'data-[orientation=horizontal]:w-full',\n        'data-[orientation=vertical]:h-full',\n        'data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":"8IAyBA,SAAS,EAAU,CAAE,YAAW,cAAc,aAAc,aAAa,GAAM,GAAG,GAA+D,CAC/I,OACE,EAACA,EAAmB,KAAA,CAClB,YAAU,YACE,aACC,cACb,UAAW,EACT,0BACA,qCACA,uCACA,qCACA,mCACA,EACD,CACD,GAAI,GACJ"}

package/dist/ui/sheet.cjs

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

package/dist/ui/sheet.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.cjs","names":["SheetPrimitive","XIcon"],"sources":["../../packages/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as SheetPrimitive } from 'radix-ui';\n\n/**\n * Root provider for the Sheet panel — wraps all Sheet sub-components and manages open state.\n *\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription } from '@customafk/lunas-ui/ui/sheet';\n *\n * <Sheet>\n *   <SheetTrigger>Open</SheetTrigger>\n *   <SheetContent side=\"right\">\n *     <SheetHeader>\n *       <SheetTitle>Settings</SheetTitle>\n *       <SheetDescription>Manage your preferences.</SheetDescription>\n *     </SheetHeader>\n *   </SheetContent>\n * </Sheet>\n * ```\n */\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\n/** Button or element that opens the Sheet when interacted with. */\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/** Button that programmatically closes the Sheet. */\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\n/** Portals Sheet content outside the current DOM hierarchy. */\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\n/** Semi-transparent backdrop rendered behind the Sheet panel. */\nfunction SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        'data-[state=open]:fade-in-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * The sliding panel itself; renders on the specified `side` of the viewport and includes a built-in close button.\n */\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  /** Edge of the viewport from which the sheet slides in. */\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',\n          'fixed z-50 flex flex-col gap-4 border-border-weak shadow-dropdown transition ease-in-out',\n\n          'data-[state=open]:animate-in',\n          'data-[state=open]:duration-500',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:duration-300',\n\n          side === 'right' && 'inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'right' && 'data-[state=closed]:slide-out-to-right',\n          side === 'right' && 'data-[state=open]:slide-in-from-right',\n\n          side === 'left' && 'inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'left' && 'data-[state=closed]:slide-out-to-left',\n          side === 'left' && 'data-[state=open]:slide-in-from-left',\n\n          side === 'top' && 'inset-x-0 top-0 h-auto border-b',\n          side === 'top' && 'data-[state=closed]:slide-out-to-top',\n          side === 'top' && 'data-[state=open]:slide-in-from-top',\n\n          side === 'bottom' && 'inset-x-0 bottom-0 h-auto border-t',\n          side === 'bottom' && 'data-[state=closed]:slide-out-to-bottom',\n          side === 'bottom' && 'data-[state=open]:slide-in-from-bottom',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close\n          className={cn(\n            'cursor-pointer p-2 ring-offset-background',\n            'absolute top-2 right-2 rounded-full opacity-70 transition-opacity',\n            'data-[state=open]:bg-secondary',\n            'disabled:pointer-events-none',\n            'hover:opacity-100',\n            'hover:bg-border-muted',\n            'focus:ring-border-weak',\n            'focus:ring-4',\n            'focus:outline-hidden'\n          )}\n        >\n          <XIcon className=\"size-5\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\n/** Padded container for the Sheet title and description at the top of the panel. */\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-0 flex-col gap-1.5 p-4', className)} {...props} />;\n}\n\n/** Sticky footer area at the bottom of the Sheet panel, typically used for action buttons. */\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-0 flex-col gap-2 p-4', className)} {...props} />;\n}\n\n/** Accessible title element for the Sheet, announced by screen readers on open. */\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return <SheetPrimitive.Title data-slot=\"sheet-title\" className={cn('font-semibold text-text-positive-strong', className)} {...props} />;\n}\n\n/** Accessible description element for the Sheet, providing supplemental context to the title. */\nfunction SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return <SheetPrimitive.Description data-slot=\"sheet-description\" className={cn('text-sm text-text-positive-weak', className)} {...props} />;\n}\n\nexport { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };\n"],"mappings":"qLA0BA,SAAS,EAAM,CAAE,GAAG,GAA2D,CAC7E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAe,KAAA,CAAK,YAAU,QAAQ,GAAI,GAAS,CAI7D,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAe,QAAA,CAAQ,YAAU,gBAAgB,GAAI,GAAS,CAIxE,SAAS,EAAW,CAAE,GAAG,GAA4D,CACnF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAe,MAAA,CAAM,YAAU,cAAc,GAAI,GAAS,CAIpE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAe,OAAA,CAAO,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAe,QAAA,CACd,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,iCACA,+BACA,kCACA,iCACA,8BACA,EACD,CACD,GAAI,GACJ,CAON,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAIF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,EAAA,CAAe,EAChB,EAAA,EAAA,MAACA,EAAAA,OAAe,QAAA,CACd,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,gBACA,2FAEA,+BACA,iCACA,kCACA,mCAEA,IAAS,SAAW,sDACpB,IAAS,SAAW,yCACpB,IAAS,SAAW,wCAEpB,IAAS,QAAU,qDACnB,IAAS,QAAU,wCACnB,IAAS,QAAU,uCAEnB,IAAS,OAAS,kCAClB,IAAS,OAAS,uCAClB,IAAS,OAAS,sCAElB,IAAS,UAAY,qCACrB,IAAS,UAAY,0CACrB,IAAS,UAAY,yCACrB,EACD,CACD,GAAI,YAEH,GACD,EAAA,EAAA,MAACA,EAAAA,OAAe,MAAA,CACd,WAAA,EAAA,EAAA,IACE,4CACA,oEACA,iCACA,+BACA,oBACA,wBACA,yBACA,eACA,uBACD,YAED,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,UAAU,SAAA,CAAW,EAC5B,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,SAAY,CAAA,EACjB,CAAA,EACA,CAAA,CAAA,CACb,CAKlB,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAIlH,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,yCAA0C,EAAU,CAAE,GAAI,GAAS,CAIxH,SAAS,EAAW,CAAE,YAAW,GAAG,GAA4D,CAC9F,OAAO,EAAA,EAAA,KAACD,EAAAA,OAAe,MAAA,CAAM,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,0CAA2C,EAAU,CAAE,GAAI,GAAS,CAIzI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAe,YAAA,CAAY,YAAU,oBAAoB,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/sheet.d.cts

@@ -1,4 +1,4 @@
-import * as react246 from "react";
+import * as react244 from "react";
 import { Dialog } from "radix-ui";
 
 //#region packages/components/ui/sheet.d.ts
@@ -23,15 +23,15 @@ import { Dialog } from "radix-ui";
  */
 declare function Sheet({
   ...props
-}: React.ComponentProps<typeof Dialog.Root>): react246.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Root>): react244.JSX.Element;
 /** Button or element that opens the Sheet when interacted with. */
 declare function SheetTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react246.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Trigger>): react244.JSX.Element;
 /** Button that programmatically closes the Sheet. */
 declare function SheetClose({
   ...props
-}: React.ComponentProps<typeof Dialog.Close>): react246.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Close>): react244.JSX.Element;
 /**
  * The sliding panel itself; renders on the specified `side` of the viewport and includes a built-in close button.
  */
@@ -43,27 +43,27 @@ declare function SheetContent({
 }: React.ComponentProps<typeof Dialog.Content> & {
   /** Edge of the viewport from which the sheet slides in. */
   side?: 'top' | 'right' | 'bottom' | 'left';
-}): react246.JSX.Element;
+}): react244.JSX.Element;
 /** Padded container for the Sheet title and description at the top of the panel. */
 declare function SheetHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react246.JSX.Element;
+}: React.ComponentProps<'div'>): react244.JSX.Element;
 /** Sticky footer area at the bottom of the Sheet panel, typically used for action buttons. */
 declare function SheetFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react246.JSX.Element;
+}: React.ComponentProps<'div'>): react244.JSX.Element;
 /** Accessible title element for the Sheet, announced by screen readers on open. */
 declare function SheetTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Title>): react246.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Title>): react244.JSX.Element;
 /** Accessible description element for the Sheet, providing supplemental context to the title. */
 declare function SheetDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Description>): react246.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Description>): react244.JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
 //# sourceMappingURL=sheet.d.cts.map

package/dist/ui/sheet.d.ts

@@ -1,4 +1,4 @@
-import * as react264 from "react";
+import * as react245 from "react";
 import { Dialog } from "radix-ui";
 
 //#region packages/components/ui/sheet.d.ts
@@ -23,15 +23,15 @@ import { Dialog } from "radix-ui";
  */
 declare function Sheet({
   ...props
-}: React.ComponentProps<typeof Dialog.Root>): react264.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Root>): react245.JSX.Element;
 /** Button or element that opens the Sheet when interacted with. */
 declare function SheetTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react264.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Trigger>): react245.JSX.Element;
 /** Button that programmatically closes the Sheet. */
 declare function SheetClose({
   ...props
-}: React.ComponentProps<typeof Dialog.Close>): react264.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Close>): react245.JSX.Element;
 /**
  * The sliding panel itself; renders on the specified `side` of the viewport and includes a built-in close button.
  */
@@ -43,27 +43,27 @@ declare function SheetContent({
 }: React.ComponentProps<typeof Dialog.Content> & {
   /** Edge of the viewport from which the sheet slides in. */
   side?: 'top' | 'right' | 'bottom' | 'left';
-}): react264.JSX.Element;
+}): react245.JSX.Element;
 /** Padded container for the Sheet title and description at the top of the panel. */
 declare function SheetHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react264.JSX.Element;
+}: React.ComponentProps<'div'>): react245.JSX.Element;
 /** Sticky footer area at the bottom of the Sheet panel, typically used for action buttons. */
 declare function SheetFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react264.JSX.Element;
+}: React.ComponentProps<'div'>): react245.JSX.Element;
 /** Accessible title element for the Sheet, announced by screen readers on open. */
 declare function SheetTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Title>): react264.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Title>): react245.JSX.Element;
 /** Accessible description element for the Sheet, providing supplemental context to the title. */
 declare function SheetDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Description>): react264.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Description>): react245.JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
 //# sourceMappingURL=sheet.d.ts.map

package/dist/ui/sheet.js

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

package/dist/ui/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","names":["SheetPrimitive"],"sources":["../../packages/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as SheetPrimitive } from 'radix-ui';\n\n/**\n * Root provider for the Sheet panel — wraps all Sheet sub-components and manages open state.\n *\n * @example\n * ```tsx\n * import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription } from '@customafk/lunas-ui/ui/sheet';\n *\n * <Sheet>\n *   <SheetTrigger>Open</SheetTrigger>\n *   <SheetContent side=\"right\">\n *     <SheetHeader>\n *       <SheetTitle>Settings</SheetTitle>\n *       <SheetDescription>Manage your preferences.</SheetDescription>\n *     </SheetHeader>\n *   </SheetContent>\n * </Sheet>\n * ```\n */\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\n/** Button or element that opens the Sheet when interacted with. */\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/** Button that programmatically closes the Sheet. */\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\n/** Portals Sheet content outside the current DOM hierarchy. */\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\n/** Semi-transparent backdrop rendered behind the Sheet panel. */\nfunction SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        'data-[state=open]:fade-in-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * The sliding panel itself; renders on the specified `side` of the viewport and includes a built-in close button.\n */\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  /** Edge of the viewport from which the sheet slides in. */\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',\n          'fixed z-50 flex flex-col gap-4 border-border-weak shadow-dropdown transition ease-in-out',\n\n          'data-[state=open]:animate-in',\n          'data-[state=open]:duration-500',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:duration-300',\n\n          side === 'right' && 'inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'right' && 'data-[state=closed]:slide-out-to-right',\n          side === 'right' && 'data-[state=open]:slide-in-from-right',\n\n          side === 'left' && 'inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'left' && 'data-[state=closed]:slide-out-to-left',\n          side === 'left' && 'data-[state=open]:slide-in-from-left',\n\n          side === 'top' && 'inset-x-0 top-0 h-auto border-b',\n          side === 'top' && 'data-[state=closed]:slide-out-to-top',\n          side === 'top' && 'data-[state=open]:slide-in-from-top',\n\n          side === 'bottom' && 'inset-x-0 bottom-0 h-auto border-t',\n          side === 'bottom' && 'data-[state=closed]:slide-out-to-bottom',\n          side === 'bottom' && 'data-[state=open]:slide-in-from-bottom',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close\n          className={cn(\n            'cursor-pointer p-2 ring-offset-background',\n            'absolute top-2 right-2 rounded-full opacity-70 transition-opacity',\n            'data-[state=open]:bg-secondary',\n            'disabled:pointer-events-none',\n            'hover:opacity-100',\n            'hover:bg-border-muted',\n            'focus:ring-border-weak',\n            'focus:ring-4',\n            'focus:outline-hidden'\n          )}\n        >\n          <XIcon className=\"size-5\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\n/** Padded container for the Sheet title and description at the top of the panel. */\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-0 flex-col gap-1.5 p-4', className)} {...props} />;\n}\n\n/** Sticky footer area at the bottom of the Sheet panel, typically used for action buttons. */\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-0 flex-col gap-2 p-4', className)} {...props} />;\n}\n\n/** Accessible title element for the Sheet, announced by screen readers on open. */\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return <SheetPrimitive.Title data-slot=\"sheet-title\" className={cn('font-semibold text-text-positive-strong', className)} {...props} />;\n}\n\n/** Accessible description element for the Sheet, providing supplemental context to the title. */\nfunction SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return <SheetPrimitive.Description data-slot=\"sheet-description\" className={cn('text-sm text-text-positive-weak', className)} {...props} />;\n}\n\nexport { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };\n"],"mappings":"0LA0BA,SAAS,EAAM,CAAE,GAAG,GAA2D,CAC7E,OAAO,EAACA,EAAe,KAAA,CAAK,YAAU,QAAQ,GAAI,GAAS,CAI7D,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAe,QAAA,CAAQ,YAAU,gBAAgB,GAAI,GAAS,CAIxE,SAAS,EAAW,CAAE,GAAG,GAA4D,CACnF,OAAO,EAACA,EAAe,MAAA,CAAM,YAAU,cAAc,GAAI,GAAS,CAIpE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAe,OAAA,CAAO,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAe,QAAA,CACd,YAAU,gBACV,UAAW,EACT,iCACA,+BACA,kCACA,iCACA,8BACA,EACD,CACD,GAAI,GACJ,CAON,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAIF,CACD,OACE,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,EAAA,CAAe,CAChB,EAACA,EAAe,QAAA,CACd,YAAU,gBACV,UAAW,EACT,gBACA,2FAEA,+BACA,iCACA,kCACA,mCAEA,IAAS,SAAW,sDACpB,IAAS,SAAW,yCACpB,IAAS,SAAW,wCAEpB,IAAS,QAAU,qDACnB,IAAS,QAAU,wCACnB,IAAS,QAAU,uCAEnB,IAAS,OAAS,kCAClB,IAAS,OAAS,uCAClB,IAAS,OAAS,sCAElB,IAAS,UAAY,qCACrB,IAAS,UAAY,0CACrB,IAAS,UAAY,yCACrB,EACD,CACD,GAAI,YAEH,EACD,EAACA,EAAe,MAAA,CACd,UAAW,EACT,4CACA,oEACA,iCACA,+BACA,oBACA,wBACA,yBACA,eACA,uBACD,WAED,EAAC,EAAA,CAAM,UAAU,SAAA,CAAW,CAC5B,EAAC,OAAA,CAAK,UAAU,mBAAU,SAAY,CAAA,EACjB,CAAA,EACA,CAAA,CAAA,CACb,CAKlB,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAIlH,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,yCAA0C,EAAU,CAAE,GAAI,GAAS,CAIxH,SAAS,EAAW,CAAE,YAAW,GAAG,GAA4D,CAC9F,OAAO,EAACA,EAAe,MAAA,CAAM,YAAU,cAAc,UAAW,EAAG,0CAA2C,EAAU,CAAE,GAAI,GAAS,CAIzI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAe,YAAA,CAAY,YAAU,oBAAoB,UAAW,EAAG,kCAAmC,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/skeleton.cjs

@@ -1 +1 @@
-"use client";const e=require(`../skeleton-CX1USu1w.cjs`);exports.Skeleton=e.t;
+"use client";const e=require(`../skeleton-oQFT4xR2.cjs`);exports.Skeleton=e.t;

package/dist/ui/skeleton.d.cts

@@ -1,4 +1,4 @@
-import * as react165 from "react";
+import * as react223 from "react";
 
 //#region packages/components/ui/skeleton.d.ts
 
@@ -21,7 +21,7 @@ import * as react165 from "react";
 declare function Skeleton({
   className,
   ...props
-}: React.ComponentProps<'div'>): react165.JSX.Element;
+}: React.ComponentProps<'div'>): react223.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.cts.map

package/dist/ui/skeleton.d.ts

@@ -1,4 +1,4 @@
-import * as react293 from "react";
+import * as react253 from "react";
 
 //#region packages/components/ui/skeleton.d.ts
 
@@ -21,7 +21,7 @@ import * as react293 from "react";
 declare function Skeleton({
   className,
   ...props
-}: React.ComponentProps<'div'>): react293.JSX.Element;
+}: React.ComponentProps<'div'>): react253.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.ts.map

package/dist/ui/skeleton.js

@@ -1 +1 @@
-"use client";import{t as e}from"../skeleton-DlRDNM97.js";export{e as Skeleton};
+"use client";import{t as e}from"../skeleton-DAcbjBGp.js";export{e as Skeleton};