@customafk/lunas-ui 0.2.75 → 0.2.76

package/dist/ui/scroll-area.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.cjs","names":["ScrollAreaPrimitive"],"sources":["../../packages/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\n/**\n * A scrollable container with a styled, custom scrollbar that overlays the content.\n *\n * @example\n * ```tsx\n * import { ScrollArea } from '@customafk/lunas-ui/ui/scroll-area';\n *\n * <ScrollArea className=\"h-64 w-full\">\n *   <div className=\"p-4\">Long content goes here…</div>\n * </ScrollArea>\n * ```\n */\nconst ScrollArea = memo(({ className, children, ref, onScroll, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) => {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport ref={ref} className=\"size-full rounded-[inherit]\" onScroll={onScroll}>\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * The styled scrollbar track and thumb rendered inside a ScrollArea.\n *\n * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.\n */\nconst ScrollBar = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) => {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none border-border-weak p-px transition-colors',\n        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border-weak\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"wMAmBA,MAAM,GAAA,EAAA,EAAA,KAAA,EAAmB,CAAE,YAAW,WAAU,MAAK,WAAU,GAAG,MAE9D,EAAA,EAAA,KAAA,CAACA,EAAAA,WAAoB,KAArB,CAA0B,YAAU,cAAc,WAAA,EAAA,EAAA,GAAA,CAAc,2BAA4B,CAAS,EAAG,GAAI,WAA5G,EACE,EAAA,EAAA,IAAA,CAACA,EAAAA,WAAoB,SAArB,CAAmC,MAAK,UAAU,8BAAwC,WACvF,UAC2B,CAAA,GAC9B,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,GACZ,EAAA,EAAA,IAAA,CAACA,EAAAA,WAAoB,OAArB,CAA6B,CAAA,CACL,GAE7B,EACD,EAAW,YAAc,aAOzB,MAAM,GAAA,EAAA,EAAA,KAAA,EAAkB,CAAE,YAAW,cAAc,WAAY,GAAG,MAE9D,EAAA,EAAA,IAAA,CAACA,EAAAA,WAAoB,oBAArB,CACE,YAAU,wBACG,cACb,WAAA,EAAA,EAAA,GAAA,CACE,wEACA,IAAgB,YAAc,6CAC9B,IAAgB,cAAgB,+CAChC,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,IAAA,CAACA,EAAAA,WAAoB,gBAArB,CAAqC,UAAU,6CAA+C,CAAA,CACvD,CAAA,CAE5C,EACD,EAAU,YAAc"}
+{"version":3,"file":"scroll-area.cjs","names":["ScrollAreaPrimitive"],"sources":["../../packages/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\n/**\n * A scrollable container with a styled, custom scrollbar that overlays the content.\n *\n * @example\n * ```tsx\n * import { ScrollArea } from '@customafk/lunas-ui/ui/scroll-area';\n *\n * <ScrollArea className=\"h-64 w-full\">\n *   <div className=\"p-4\">Long content goes here…</div>\n * </ScrollArea>\n * ```\n */\nconst ScrollArea = memo(({ className, children, ref, onScroll, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) => {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport ref={ref} className=\"size-full rounded-[inherit]\" onScroll={onScroll}>\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * The styled scrollbar track and thumb rendered inside a ScrollArea.\n *\n * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.\n */\nconst ScrollBar = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) => {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none border-border-weak p-px transition-colors',\n        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border-weak\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"wMAmBA,MAAM,GAAA,EAAA,EAAA,KAAA,EAAmB,CAAE,YAAW,WAAU,MAAK,WAAU,GAAG,MAE9D,EAAA,EAAA,KAAA,CAACA,EAAAA,WAAoB,KAArB,CAA0B,YAAU,cAAc,WAAA,EAAA,EAAA,GAAA,CAAc,2BAA4B,CAAS,EAAG,GAAI,EAA5G,SAAA,EACE,EAAA,EAAA,IAAA,CAACA,EAAAA,WAAoB,SAArB,CAAmC,MAAK,UAAU,8BAAwC,WACvF,UAC2B,CAAA,GAC9B,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,GACZ,EAAA,EAAA,IAAA,CAACA,EAAAA,WAAoB,OAArB,CAA6B,CAAA,CACL,GAE7B,EACD,EAAW,YAAc,aAOzB,MAAM,GAAA,EAAA,EAAA,KAAA,EAAkB,CAAE,YAAW,cAAc,WAAY,GAAG,MAE9D,EAAA,EAAA,IAAA,CAACA,EAAAA,WAAoB,oBAArB,CACE,YAAU,wBACG,cACb,WAAA,EAAA,EAAA,GAAA,CACE,wEACA,IAAgB,YAAc,6CAC9B,IAAgB,cAAgB,+CAChC,CACF,EACA,GAAI,EAEJ,UAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,WAAoB,gBAArB,CAAqC,UAAU,6CAA+C,CAAA,CACvD,CAAA,CAE5C,EACD,EAAU,YAAc"}

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

@@ -1,2 +1,2 @@
-import { n as ScrollBar, t as ScrollArea } from "../scroll-area-PbkqIAaH.cjs";
+import { n as ScrollBar, t as ScrollArea } from "../scroll-area-BpSwutyr.cjs";
 export { ScrollArea, ScrollBar };

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

@@ -1,2 +1,2 @@
-import { n as ScrollBar, t as ScrollArea } from "../scroll-area-PbkqIAaH.mjs";
+import { n as ScrollBar, t as ScrollArea } from "../scroll-area-BpSwutyr.mjs";
 export { ScrollArea, ScrollBar };

package/dist/ui/scroll-area.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.mjs","names":["ScrollAreaPrimitive"],"sources":["../../packages/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\n/**\n * A scrollable container with a styled, custom scrollbar that overlays the content.\n *\n * @example\n * ```tsx\n * import { ScrollArea } from '@customafk/lunas-ui/ui/scroll-area';\n *\n * <ScrollArea className=\"h-64 w-full\">\n *   <div className=\"p-4\">Long content goes here…</div>\n * </ScrollArea>\n * ```\n */\nconst ScrollArea = memo(({ className, children, ref, onScroll, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) => {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport ref={ref} className=\"size-full rounded-[inherit]\" onScroll={onScroll}>\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * The styled scrollbar track and thumb rendered inside a ScrollArea.\n *\n * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.\n */\nconst ScrollBar = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) => {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none border-border-weak p-px transition-colors',\n        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border-weak\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"sLAmBA,MAAM,EAAa,GAAM,CAAE,YAAW,WAAU,MAAK,WAAU,GAAG,KAE9D,EAACA,EAAoB,KAArB,CAA0B,YAAU,cAAc,UAAW,EAAG,2BAA4B,CAAS,EAAG,GAAI,WAA5G,CACE,EAACA,EAAoB,SAArB,CAAmC,MAAK,UAAU,8BAAwC,WACvF,UAC2B,CAAA,EAC9B,EAAC,EAAD,CAAY,CAAA,EACZ,EAACA,EAAoB,OAArB,CAA6B,CAAA,CACL,GAE7B,EACD,EAAW,YAAc,aAOzB,MAAM,EAAY,GAAM,CAAE,YAAW,cAAc,WAAY,GAAG,KAE9D,EAACA,EAAoB,oBAArB,CACE,YAAU,wBACG,cACb,UAAW,EACT,wEACA,IAAgB,YAAc,6CAC9B,IAAgB,cAAgB,+CAChC,CACF,EACA,GAAI,WAEJ,EAACA,EAAoB,gBAArB,CAAqC,UAAU,6CAA+C,CAAA,CACvD,CAAA,CAE5C,EACD,EAAU,YAAc"}
+{"version":3,"file":"scroll-area.mjs","names":["ScrollAreaPrimitive"],"sources":["../../packages/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\n/**\n * A scrollable container with a styled, custom scrollbar that overlays the content.\n *\n * @example\n * ```tsx\n * import { ScrollArea } from '@customafk/lunas-ui/ui/scroll-area';\n *\n * <ScrollArea className=\"h-64 w-full\">\n *   <div className=\"p-4\">Long content goes here…</div>\n * </ScrollArea>\n * ```\n */\nconst ScrollArea = memo(({ className, children, ref, onScroll, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) => {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport ref={ref} className=\"size-full rounded-[inherit]\" onScroll={onScroll}>\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * The styled scrollbar track and thumb rendered inside a ScrollArea.\n *\n * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.\n */\nconst ScrollBar = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) => {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none border-border-weak p-px transition-colors',\n        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border-weak\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"sLAmBA,MAAM,EAAa,GAAM,CAAE,YAAW,WAAU,MAAK,WAAU,GAAG,KAE9D,EAACA,EAAoB,KAArB,CAA0B,YAAU,cAAc,UAAW,EAAG,2BAA4B,CAAS,EAAG,GAAI,EAA5G,SAAA,CACE,EAACA,EAAoB,SAArB,CAAmC,MAAK,UAAU,8BAAwC,WACvF,UAC2B,CAAA,EAC9B,EAAC,EAAD,CAAY,CAAA,EACZ,EAACA,EAAoB,OAArB,CAA6B,CAAA,CACL,GAE7B,EACD,EAAW,YAAc,aAOzB,MAAM,EAAY,GAAM,CAAE,YAAW,cAAc,WAAY,GAAG,KAE9D,EAACA,EAAoB,oBAArB,CACE,YAAU,wBACG,cACb,UAAW,EACT,wEACA,IAAgB,YAAc,6CAC9B,IAAgB,cAAgB,+CAChC,CACF,EACA,GAAI,EAEJ,SAAA,EAACA,EAAoB,gBAArB,CAAqC,UAAU,6CAA+C,CAAA,CACvD,CAAA,CAE5C,EACD,EAAU,YAAc"}

package/dist/ui/select.cjs.map

@@ -1 +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":"+MA6BA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAI,CAAQ,CAAA,CAC9D,CAGA,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAGA,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAOA,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAIF,CACD,OACE,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAgB,QAAjB,CACE,YAAU,iBACV,YAAW,EACX,WAAA,EAAA,EAAA,GAAA,CACE,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,CACF,EACA,GAAI,WAvDN,CAyDG,GACD,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,KAAjB,CAAsB,QAAA,aACpB,EAAA,EAAA,IAAA,CAACC,EAAAA,gBAAD,CAAiB,KAAM,GAAI,QAAS,EAAK,CAAA,CACrB,CAAA,CACC,GAE7B,CAGA,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAAA,EAAA,IAAA,CAACD,EAAAA,OAAgB,OAAjB,CAAA,UACE,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,QAAjB,CACE,YAAU,iBACV,WAAA,EAAA,EAAA,GAAA,CACE,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,CACF,EACU,WACV,GAAI,YAEJ,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,SAAjB,CACE,WAAA,EAAA,EAAA,GAAA,CACE,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,oCACzB,IAAa,UAAY,sCAC3B,EAEC,UACuB,CAAA,CACH,CAAA,CACH,CAAA,CAE5B,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CAAuB,YAAU,eAAe,WAAA,EAAA,EAAA,GAAA,CAAc,8CAA+C,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC9I,CAGA,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAgB,KAAjB,CACE,YAAU,cACV,WAAA,EAAA,EAAA,GAAA,CACE,yCACA,iCACA,SACA,gDACA,8CAEA,kBACA,uBAEA,2BACA,oCAEA,8BACA,mBACA,uCACA,wDAEA,qBACA,6BACA,sBACA,CACF,EACA,GAAI,WAzBN,EA2BE,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,SAAjB,CAA2B,UAAmC,CAAA,GAC9D,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,uEACd,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,cAAjB,CAAA,UACE,EAAA,EAAA,IAAA,CAACE,EAAAA,UAAD,CAAW,KAAM,EAAK,CAAA,CACO,CAAA,CAC3B,CAAA,CACc,GAE1B,CAGA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAAA,EAAA,IAAA,CAACF,EAAAA,OAAgB,UAAjB,CAA2B,YAAU,mBAAmB,WAAA,EAAA,EAAA,GAAA,CAAc,qDAAsD,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7J"}
+{"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":"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"}

package/dist/ui/select.d.cts

@@ -1,2 +1,2 @@
-import { a as SelectLabel, c as SelectValue, i as SelectItem, n as SelectContent, o as SelectSeparator, r as SelectGroup, s as SelectTrigger, t as Select } from "../select-B5j4WvPM.cjs";
+import { a as SelectLabel, c as SelectValue, i as SelectItem, n as SelectContent, o as SelectSeparator, r as SelectGroup, s as SelectTrigger, t as Select } from "../select-UNtSe_Fs.cjs";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };

package/dist/ui/select.d.mts

@@ -1,2 +1,2 @@
-import { a as SelectLabel, c as SelectValue, i as SelectItem, n as SelectContent, o as SelectSeparator, r as SelectGroup, s as SelectTrigger, t as Select } from "../select-B5j4WvPM.mjs";
+import { a as SelectLabel, c as SelectValue, i as SelectItem, n as SelectContent, o as SelectSeparator, r as SelectGroup, s as SelectTrigger, t as Select } from "../select-UNtSe_Fs.mjs";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };

package/dist/ui/select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","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,KAAjB,CAAsB,YAAU,SAAS,GAAI,CAAQ,CAAA,CAC9D,CAGA,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAGA,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAOA,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAIF,CACD,OACE,EAACA,EAAgB,QAAjB,CACE,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,CACF,EACA,GAAI,WAvDN,CAyDG,EACD,EAACA,EAAgB,KAAjB,CAAsB,QAAA,YACpB,EAAC,EAAD,CAAiB,KAAM,GAAI,QAAS,EAAK,CAAA,CACrB,CAAA,CACC,GAE7B,CAGA,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAACA,EAAgB,OAAjB,CAAA,SACE,EAACA,EAAgB,QAAjB,CACE,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,CACF,EACU,WACV,GAAI,WAEJ,EAACA,EAAgB,SAAjB,CACE,UAAW,EACT,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,oCACzB,IAAa,UAAY,sCAC3B,EAEC,UACuB,CAAA,CACH,CAAA,CACH,CAAA,CAE5B,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,UAAW,EAAG,8CAA+C,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC9I,CAGA,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAACA,EAAgB,KAAjB,CACE,YAAU,cACV,UAAW,EACT,yCACA,iCACA,SACA,gDACA,8CAEA,kBACA,uBAEA,2BACA,oCAEA,8BACA,mBACA,uCACA,wDAEA,qBACA,6BACA,sBACA,CACF,EACA,GAAI,WAzBN,CA2BE,EAACA,EAAgB,SAAjB,CAA2B,UAAmC,CAAA,EAC9D,EAAC,OAAD,CAAM,UAAU,sEACd,EAACA,EAAgB,cAAjB,CAAA,SACE,EAAC,EAAD,CAAW,KAAM,EAAK,CAAA,CACO,CAAA,CAC3B,CAAA,CACc,GAE1B,CAGA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAACA,EAAgB,UAAjB,CAA2B,YAAU,mBAAmB,UAAW,EAAG,qDAAsD,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7J"}
+{"version":3,"file":"select.mjs","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,KAAjB,CAAsB,YAAU,SAAS,GAAI,CAAQ,CAAA,CAC9D,CAGA,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAGA,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAOA,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAIF,CACD,OACE,EAACA,EAAgB,QAAjB,CACE,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,CACF,EACA,GAAI,EAvDN,SAAA,CAyDG,EACD,EAACA,EAAgB,KAAjB,CAAsB,QAAA,GACpB,SAAA,EAAC,EAAD,CAAiB,KAAM,GAAI,QAAS,EAAK,CAAA,CACrB,CAAA,CACC,GAE7B,CAGA,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAACA,EAAgB,OAAjB,CAAA,SACE,EAACA,EAAgB,QAAjB,CACE,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,CACF,EACU,WACV,GAAI,EAEJ,SAAA,EAACA,EAAgB,SAAjB,CACE,UAAW,EACT,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,oCACzB,IAAa,UAAY,sCAC3B,EAEC,UACuB,CAAA,CACH,CAAA,CACH,CAAA,CAE5B,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,UAAW,EAAG,8CAA+C,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC9I,CAGA,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAACA,EAAgB,KAAjB,CACE,YAAU,cACV,UAAW,EACT,yCACA,iCACA,SACA,gDACA,8CAEA,kBACA,uBAEA,2BACA,oCAEA,8BACA,mBACA,uCACA,wDAEA,qBACA,6BACA,sBACA,CACF,EACA,GAAI,EAzBN,SAAA,CA2BE,EAACA,EAAgB,SAAjB,CAA2B,UAAmC,CAAA,EAC9D,EAAC,OAAD,CAAM,UAAU,6DACd,SAAA,EAACA,EAAgB,cAAjB,CAAA,SACE,EAAC,EAAD,CAAW,KAAM,EAAK,CAAA,CACO,CAAA,CAC3B,CAAA,CACc,GAE1B,CAGA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAACA,EAAgB,UAAjB,CAA2B,YAAU,mBAAmB,UAAW,EAAG,qDAAsD,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7J"}

package/dist/ui/separator.d.cts

@@ -1,2 +1,2 @@
-import { t as Separator } from "../separator-D6_fMJtM.cjs";
+import { t as Separator } from "../separator-Cvxkpzrj.cjs";
 export { Separator };

package/dist/ui/separator.d.mts

@@ -1,2 +1,2 @@
-import { t as Separator } from "../separator-D6_fMJtM.mjs";
+import { t as Separator } from "../separator-Cvxkpzrj.mjs";
 export { Separator };

package/dist/ui/sheet.cjs.map

@@ -1 +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":"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"}
+{"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":"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"}

package/dist/ui/sheet.d.cts

@@ -1,2 +1,2 @@
-import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../sheet-cHLLSvvt.cjs";
+import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../sheet-BBvQsKM_.cjs";
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/ui/sheet.d.mts

@@ -1,2 +1,2 @@
-import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../sheet-cHLLSvvt.mjs";
+import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "../sheet-BBvQsKM_.mjs";
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/ui/sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.mjs","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,KAAhB,CAAqB,YAAU,QAAQ,GAAI,CAAQ,CAAA,CAC5D,CAGA,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAe,QAAhB,CAAwB,YAAU,gBAAgB,GAAI,CAAQ,CAAA,CACvE,CAGA,SAAS,EAAW,CAAE,GAAG,GAA4D,CACnF,OAAO,EAACA,EAAe,MAAhB,CAAsB,YAAU,cAAc,GAAI,CAAQ,CAAA,CACnE,CAGA,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAe,OAAhB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAGA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAe,QAAhB,CACE,YAAU,gBACV,UAAW,EACT,iCACA,+BACA,kCACA,iCACA,8BACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAKA,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAIF,CACD,OACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAe,CAAA,EACf,EAACA,EAAe,QAAhB,CACE,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,CACF,EACA,GAAI,WA5BN,CA8BG,EACD,EAACA,EAAe,MAAhB,CACE,UAAW,EACT,4CACA,oEACA,iCACA,+BACA,oBACA,wBACA,yBACA,eACA,sBACF,WAXF,CAaE,EAAC,EAAD,CAAO,UAAU,QAAU,CAAA,EAC3B,EAAC,OAAD,CAAM,UAAU,mBAAU,OAAW,CAAA,CACjB,GACA,GACb,CAAA,CAAA,CAEjB,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAG,mCAAoC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACjH,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAG,yCAA0C,CAAS,EAAG,GAAI,CAAQ,CAAA,CACvH,CAGA,SAAS,EAAW,CAAE,YAAW,GAAG,GAA4D,CAC9F,OAAO,EAACA,EAAe,MAAhB,CAAsB,YAAU,cAAc,UAAW,EAAG,0CAA2C,CAAS,EAAG,GAAI,CAAQ,CAAA,CACxI,CAGA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAe,YAAhB,CAA4B,YAAU,oBAAoB,UAAW,EAAG,kCAAmC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC5I"}
+{"version":3,"file":"sheet.mjs","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,KAAhB,CAAqB,YAAU,QAAQ,GAAI,CAAQ,CAAA,CAC5D,CAGA,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAe,QAAhB,CAAwB,YAAU,gBAAgB,GAAI,CAAQ,CAAA,CACvE,CAGA,SAAS,EAAW,CAAE,GAAG,GAA4D,CACnF,OAAO,EAACA,EAAe,MAAhB,CAAsB,YAAU,cAAc,GAAI,CAAQ,CAAA,CACnE,CAGA,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAe,OAAhB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAGA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAe,QAAhB,CACE,YAAU,gBACV,UAAW,EACT,iCACA,+BACA,kCACA,iCACA,8BACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAKA,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAIF,CACD,OACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAe,CAAA,EACf,EAACA,EAAe,QAAhB,CACE,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,CACF,EACA,GAAI,EA5BN,SAAA,CA8BG,EACD,EAACA,EAAe,MAAhB,CACE,UAAW,EACT,4CACA,oEACA,iCACA,+BACA,oBACA,wBACA,yBACA,eACA,sBACF,EAXF,SAAA,CAaE,EAAC,EAAD,CAAO,UAAU,QAAU,CAAA,EAC3B,EAAC,OAAD,CAAM,UAAU,UAAU,SAAA,OAAW,CAAA,CACjB,CACA,CAAA,CAAA,CACb,CAAA,CAAA,CAAA,CAAA,CAEjB,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAG,mCAAoC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACjH,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAG,yCAA0C,CAAS,EAAG,GAAI,CAAQ,CAAA,CACvH,CAGA,SAAS,EAAW,CAAE,YAAW,GAAG,GAA4D,CAC9F,OAAO,EAACA,EAAe,MAAhB,CAAsB,YAAU,cAAc,UAAW,EAAG,0CAA2C,CAAS,EAAG,GAAI,CAAQ,CAAA,CACxI,CAGA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAe,YAAhB,CAA4B,YAAU,oBAAoB,UAAW,EAAG,kCAAmC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC5I"}

package/dist/ui/skeleton.d.cts

@@ -1,2 +1,2 @@
-import { t as Skeleton } from "../skeleton-Ct4sYEKk.cjs";
+import { t as Skeleton } from "../skeleton-BL19ZqPB.cjs";
 export { Skeleton };

package/dist/ui/skeleton.d.mts

@@ -1,2 +1,2 @@
-import { t as Skeleton } from "../skeleton-Ct4sYEKk.mjs";
+import { t as Skeleton } from "../skeleton-BL19ZqPB.mjs";
 export { Skeleton };

package/dist/ui/slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.cjs","names":["SliderPrimitive"],"sources":["../../packages/components/ui/slider.tsx"],"sourcesContent":["'use client';\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\n/**\n * An accessible range slider supporting single-thumb, multi-thumb, and vertical orientations.\n *\n * @example\n * ```tsx\n * import { Slider } from '@customafk/lunas-ui/ui/slider';\n *\n * <Slider defaultValue={[40]} min={0} max={100} step={5} />\n * ```\n */\nfunction Slider({ className, defaultValue, value, min = 0, max = 100, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = useMemo(() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]), [value, defaultValue, min, max]);\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        'relative flex w-full touch-none items-center select-none',\n        'data-[disabled]:opacity-50',\n        'data-[orientation=vertical]:h-full',\n        'data-[orientation=vertical]:min-h-44',\n        'data-[orientation=vertical]:w-auto',\n        'data-[orientation=vertical]:flex-col',\n        className\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className={cn(\n          'bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5'\n        )}\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className={cn('bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full')}\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n"],"mappings":"wMAgBA,SAAS,EAAO,CAAE,YAAW,eAAc,QAAO,MAAM,EAAG,MAAM,IAAK,GAAG,GAA4D,CACnI,IAAM,GAAA,EAAA,EAAA,QAAA,KAAyB,MAAM,QAAQ,CAAK,EAAI,EAAQ,MAAM,QAAQ,CAAY,EAAI,EAAe,CAAC,EAAK,CAAG,EAAI,CAAC,EAAO,EAAc,EAAK,CAAG,CAAC,EAEvJ,OACE,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAgB,KAAjB,CACE,YAAU,SACI,eACP,QACF,MACA,MACL,WAAA,EAAA,EAAA,GAAA,CACE,2DACA,6BACA,qCACA,uCACA,qCACA,uCACA,CACF,EACA,GAAI,WAfN,EAiBE,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,WAAA,EAAA,EAAA,GAAA,CACE,mMACF,YAEA,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,WAAA,EAAA,EAAA,GAAA,CAAc,6FAA6F,CAC5G,CAAA,CACoB,CAAA,EACtB,MAAM,KAAK,CAAE,OAAQ,EAAQ,MAAO,GAAI,EAAG,KAC1C,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eAEV,UAAU,6OACX,EAFM,CAEN,CACF,CACmB,GAE1B"}
+{"version":3,"file":"slider.cjs","names":["SliderPrimitive"],"sources":["../../packages/components/ui/slider.tsx"],"sourcesContent":["'use client';\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\n/**\n * An accessible range slider supporting single-thumb, multi-thumb, and vertical orientations.\n *\n * @example\n * ```tsx\n * import { Slider } from '@customafk/lunas-ui/ui/slider';\n *\n * <Slider defaultValue={[40]} min={0} max={100} step={5} />\n * ```\n */\nfunction Slider({ className, defaultValue, value, min = 0, max = 100, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = useMemo(() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]), [value, defaultValue, min, max]);\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        'relative flex w-full touch-none items-center select-none',\n        'data-[disabled]:opacity-50',\n        'data-[orientation=vertical]:h-full',\n        'data-[orientation=vertical]:min-h-44',\n        'data-[orientation=vertical]:w-auto',\n        'data-[orientation=vertical]:flex-col',\n        className\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className={cn(\n          'bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5'\n        )}\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className={cn('bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full')}\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n"],"mappings":"wMAgBA,SAAS,EAAO,CAAE,YAAW,eAAc,QAAO,MAAM,EAAG,MAAM,IAAK,GAAG,GAA4D,CACnI,IAAM,GAAA,EAAA,EAAA,QAAA,KAAyB,MAAM,QAAQ,CAAK,EAAI,EAAQ,MAAM,QAAQ,CAAY,EAAI,EAAe,CAAC,EAAK,CAAG,EAAI,CAAC,EAAO,EAAc,EAAK,CAAG,CAAC,EAEvJ,OACE,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAgB,KAAjB,CACE,YAAU,SACI,eACP,QACF,MACA,MACL,WAAA,EAAA,EAAA,GAAA,CACE,2DACA,6BACA,qCACA,uCACA,qCACA,uCACA,CACF,EACA,GAAI,EAfN,SAAA,EAiBE,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,WAAA,EAAA,EAAA,GAAA,CACE,mMACF,EAEA,UAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,WAAA,EAAA,EAAA,GAAA,CAAc,6FAA6F,CAC5G,CAAA,CACoB,CAAA,EACtB,MAAM,KAAK,CAAE,OAAQ,EAAQ,MAAO,GAAI,EAAG,KAC1C,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eAEV,UAAU,6OACX,EAFM,CAEN,CACF,CACmB,GAE1B"}

package/dist/ui/slider.d.cts

@@ -1,2 +1,2 @@
-import { t as Slider } from "../slider-DwR1MhR8.cjs";
+import { t as Slider } from "../slider-KvzhtIbT.cjs";
 export { Slider };

package/dist/ui/slider.d.mts

@@ -1,2 +1,2 @@
-import { t as Slider } from "../slider-DwR1MhR8.mjs";
+import { t as Slider } from "../slider-KvzhtIbT.mjs";
 export { Slider };

package/dist/ui/slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.mjs","names":["SliderPrimitive"],"sources":["../../packages/components/ui/slider.tsx"],"sourcesContent":["'use client';\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\n/**\n * An accessible range slider supporting single-thumb, multi-thumb, and vertical orientations.\n *\n * @example\n * ```tsx\n * import { Slider } from '@customafk/lunas-ui/ui/slider';\n *\n * <Slider defaultValue={[40]} min={0} max={100} step={5} />\n * ```\n */\nfunction Slider({ className, defaultValue, value, min = 0, max = 100, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = useMemo(() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]), [value, defaultValue, min, max]);\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        'relative flex w-full touch-none items-center select-none',\n        'data-[disabled]:opacity-50',\n        'data-[orientation=vertical]:h-full',\n        'data-[orientation=vertical]:min-h-44',\n        'data-[orientation=vertical]:w-auto',\n        'data-[orientation=vertical]:flex-col',\n        className\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className={cn(\n          'bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5'\n        )}\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className={cn('bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full')}\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n"],"mappings":"qLAgBA,SAAS,EAAO,CAAE,YAAW,eAAc,QAAO,MAAM,EAAG,MAAM,IAAK,GAAG,GAA4D,CACnI,IAAM,EAAU,MAAe,MAAM,QAAQ,CAAK,EAAI,EAAQ,MAAM,QAAQ,CAAY,EAAI,EAAe,CAAC,EAAK,CAAG,EAAI,CAAC,EAAO,EAAc,EAAK,CAAG,CAAC,EAEvJ,OACE,EAACA,EAAgB,KAAjB,CACE,YAAU,SACI,eACP,QACF,MACA,MACL,UAAW,EACT,2DACA,6BACA,qCACA,uCACA,qCACA,uCACA,CACF,EACA,GAAI,WAfN,CAiBE,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EACT,mMACF,WAEA,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAG,6FAA6F,CAC5G,CAAA,CACoB,CAAA,EACtB,MAAM,KAAK,CAAE,OAAQ,EAAQ,MAAO,GAAI,EAAG,IAC1C,EAACA,EAAgB,MAAjB,CACE,YAAU,eAEV,UAAU,6OACX,EAFM,CAEN,CACF,CACmB,GAE1B"}
+{"version":3,"file":"slider.mjs","names":["SliderPrimitive"],"sources":["../../packages/components/ui/slider.tsx"],"sourcesContent":["'use client';\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\n/**\n * An accessible range slider supporting single-thumb, multi-thumb, and vertical orientations.\n *\n * @example\n * ```tsx\n * import { Slider } from '@customafk/lunas-ui/ui/slider';\n *\n * <Slider defaultValue={[40]} min={0} max={100} step={5} />\n * ```\n */\nfunction Slider({ className, defaultValue, value, min = 0, max = 100, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = useMemo(() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]), [value, defaultValue, min, max]);\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        'relative flex w-full touch-none items-center select-none',\n        'data-[disabled]:opacity-50',\n        'data-[orientation=vertical]:h-full',\n        'data-[orientation=vertical]:min-h-44',\n        'data-[orientation=vertical]:w-auto',\n        'data-[orientation=vertical]:flex-col',\n        className\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className={cn(\n          'bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5'\n        )}\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className={cn('bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full')}\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n"],"mappings":"qLAgBA,SAAS,EAAO,CAAE,YAAW,eAAc,QAAO,MAAM,EAAG,MAAM,IAAK,GAAG,GAA4D,CACnI,IAAM,EAAU,MAAe,MAAM,QAAQ,CAAK,EAAI,EAAQ,MAAM,QAAQ,CAAY,EAAI,EAAe,CAAC,EAAK,CAAG,EAAI,CAAC,EAAO,EAAc,EAAK,CAAG,CAAC,EAEvJ,OACE,EAACA,EAAgB,KAAjB,CACE,YAAU,SACI,eACP,QACF,MACA,MACL,UAAW,EACT,2DACA,6BACA,qCACA,uCACA,qCACA,uCACA,CACF,EACA,GAAI,EAfN,SAAA,CAiBE,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EACT,mMACF,EAEA,SAAA,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAG,6FAA6F,CAC5G,CAAA,CACoB,CAAA,EACtB,MAAM,KAAK,CAAE,OAAQ,EAAQ,MAAO,GAAI,EAAG,IAC1C,EAACA,EAAgB,MAAjB,CACE,YAAU,eAEV,UAAU,6OACX,EAFM,CAEN,CACF,CACmB,GAE1B"}

package/dist/ui/sonner.d.cts

@@ -1,2 +1,2 @@
-import { n as toast, t as Toaster } from "../sonner-BcNgR0GP.cjs";
+import { n as toast, t as Toaster } from "../sonner-D-rrTnjn.cjs";
 export { Toaster, Toaster as default, toast };

package/dist/ui/sonner.d.mts

@@ -1,2 +1,2 @@
-import { n as toast, t as Toaster } from "../sonner-B6LxJMYT.mjs";
+import { n as toast, t as Toaster } from "../sonner-C-sM3xU2.mjs";
 export { Toaster, Toaster as default, toast };

package/dist/ui/spinner.d.cts

@@ -1,2 +1,2 @@
-import { t as Spinner } from "../spinner-CXuqcoB5.cjs";
+import { t as Spinner } from "../spinner-Cz20qsxS.cjs";
 export { Spinner };

package/dist/ui/spinner.d.mts

@@ -1,2 +1,2 @@
-import { t as Spinner } from "../spinner-CXuqcoB5.mjs";
+import { t as Spinner } from "../spinner-Cz20qsxS.mjs";
 export { Spinner };

package/dist/ui/status.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"status.cjs","names":[],"sources":["../../packages/components/ui/status.variants.ts","../../packages/components/ui/status.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const statusVariants = cva('inline-flex w-fit items-center font-medium transition-colors duration-150', {\n  variants: {\n    variant: {\n      dot: 'rounded border bg-background',\n      solid: 'rounded text-white shadow-btn',\n      soft: 'rounded',\n      bar: 'gap-2 rounded-none border-l-4 pl-2',\n    },\n    color: {\n      none: '',\n      slate: '',\n      gray: '',\n      zinc: '',\n      neutral: '',\n      stone: '',\n      red: '',\n      orange: '',\n      amber: '',\n      yellow: '',\n      lime: '',\n      green: '',\n      emerald: '',\n      teal: '',\n      cyan: '',\n      sky: '',\n      blue: '',\n      indigo: '',\n      violet: '',\n      purple: '',\n      fuchsia: '',\n      pink: '',\n      rose: '',\n    },\n    size: {\n      sm: 'gap-1 px-1.5 py-0.5 text-[11px]',\n      md: 'gap-1 px-2 py-0.5 text-xs',\n      lg: 'gap-1.5 px-2.5 py-1 text-sm',\n    },\n  },\n  defaultVariants: { variant: 'dot', color: 'gray', size: 'md' },\n  compoundVariants: [\n    // dot — outlined pill, colored dot + colored text\n    { variant: 'dot', color: 'none', className: 'border-dashed border-gray-300 text-gray-400' },\n    { variant: 'dot', color: 'slate', className: 'border-slate-300 text-slate-700' },\n    { variant: 'dot', color: 'gray', className: 'border-gray-300 text-gray-700' },\n    { variant: 'dot', color: 'zinc', className: 'border-zinc-300 text-zinc-700' },\n    { variant: 'dot', color: 'neutral', className: 'border-neutral-300 text-neutral-700' },\n    { variant: 'dot', color: 'stone', className: 'border-stone-300 text-stone-700' },\n    { variant: 'dot', color: 'red', className: 'border-red-300 text-red-700' },\n    { variant: 'dot', color: 'orange', className: 'border-orange-300 text-orange-700' },\n    { variant: 'dot', color: 'amber', className: 'border-amber-300 text-amber-700' },\n    { variant: 'dot', color: 'yellow', className: 'border-yellow-300 text-yellow-700' },\n    { variant: 'dot', color: 'lime', className: 'border-lime-300 text-lime-700' },\n    { variant: 'dot', color: 'green', className: 'border-green-300 text-green-700' },\n    { variant: 'dot', color: 'emerald', className: 'border-emerald-300 text-emerald-700' },\n    { variant: 'dot', color: 'teal', className: 'border-teal-300 text-teal-700' },\n    { variant: 'dot', color: 'cyan', className: 'border-cyan-300 text-cyan-700' },\n    { variant: 'dot', color: 'sky', className: 'border-sky-300 text-sky-700' },\n    { variant: 'dot', color: 'blue', className: 'border-blue-300 text-blue-700' },\n    { variant: 'dot', color: 'indigo', className: 'border-indigo-300 text-indigo-700' },\n    { variant: 'dot', color: 'violet', className: 'border-violet-300 text-violet-700' },\n    { variant: 'dot', color: 'purple', className: 'border-purple-300 text-purple-700' },\n    { variant: 'dot', color: 'fuchsia', className: 'border-fuchsia-300 text-fuchsia-700' },\n    { variant: 'dot', color: 'pink', className: 'border-pink-300 text-pink-700' },\n    { variant: 'dot', color: 'rose', className: 'border-rose-300 text-rose-700' },\n    // solid — filled pill, white text\n    {\n      variant: 'solid',\n      color: 'none',\n      className: 'border border-dashed border-gray-300 bg-transparent text-gray-400',\n    },\n    { variant: 'solid', color: 'slate', className: 'bg-slate-500' },\n    { variant: 'solid', color: 'gray', className: 'bg-gray-500' },\n    { variant: 'solid', color: 'zinc', className: 'bg-zinc-500' },\n    { variant: 'solid', color: 'neutral', className: 'bg-neutral-500' },\n    { variant: 'solid', color: 'stone', className: 'bg-stone-500' },\n    { variant: 'solid', color: 'red', className: 'bg-red-500' },\n    { variant: 'solid', color: 'orange', className: 'bg-orange-500' },\n    { variant: 'solid', color: 'amber', className: 'bg-amber-500' },\n    { variant: 'solid', color: 'yellow', className: 'bg-yellow-500' },\n    { variant: 'solid', color: 'lime', className: 'bg-lime-500' },\n    { variant: 'solid', color: 'green', className: 'bg-green-500' },\n    { variant: 'solid', color: 'emerald', className: 'bg-emerald-500' },\n    { variant: 'solid', color: 'teal', className: 'bg-teal-500' },\n    { variant: 'solid', color: 'cyan', className: 'bg-cyan-500' },\n    { variant: 'solid', color: 'sky', className: 'bg-sky-500' },\n    { variant: 'solid', color: 'blue', className: 'bg-blue-500' },\n    { variant: 'solid', color: 'indigo', className: 'bg-indigo-500' },\n    { variant: 'solid', color: 'violet', className: 'bg-violet-500' },\n    { variant: 'solid', color: 'purple', className: 'bg-purple-500' },\n    { variant: 'solid', color: 'fuchsia', className: 'bg-fuchsia-500' },\n    { variant: 'solid', color: 'pink', className: 'bg-pink-500' },\n    { variant: 'solid', color: 'rose', className: 'bg-rose-500' },\n    // soft — tinted background, bold colored text, no dot\n    { variant: 'soft', color: 'none', className: 'bg-gray-50 text-gray-400' },\n    { variant: 'soft', color: 'slate', className: 'bg-slate-100 text-slate-700' },\n    { variant: 'soft', color: 'gray', className: 'bg-gray-100 text-gray-700' },\n    { variant: 'soft', color: 'zinc', className: 'bg-zinc-100 text-zinc-700' },\n    { variant: 'soft', color: 'neutral', className: 'bg-neutral-100 text-neutral-700' },\n    { variant: 'soft', color: 'stone', className: 'bg-stone-100 text-stone-700' },\n    { variant: 'soft', color: 'red', className: 'bg-red-100 text-red-700' },\n    { variant: 'soft', color: 'orange', className: 'bg-orange-100 text-orange-700' },\n    { variant: 'soft', color: 'amber', className: 'bg-amber-100 text-amber-700' },\n    { variant: 'soft', color: 'yellow', className: 'bg-yellow-100 text-yellow-700' },\n    { variant: 'soft', color: 'lime', className: 'bg-lime-100 text-lime-700' },\n    { variant: 'soft', color: 'green', className: 'bg-green-100 text-green-700' },\n    { variant: 'soft', color: 'emerald', className: 'bg-emerald-100 text-emerald-700' },\n    { variant: 'soft', color: 'teal', className: 'bg-teal-100 text-teal-700' },\n    { variant: 'soft', color: 'cyan', className: 'bg-cyan-100 text-cyan-700' },\n    { variant: 'soft', color: 'sky', className: 'bg-sky-100 text-sky-700' },\n    { variant: 'soft', color: 'blue', className: 'bg-blue-100 text-blue-700' },\n    { variant: 'soft', color: 'indigo', className: 'bg-indigo-100 text-indigo-700' },\n    { variant: 'soft', color: 'violet', className: 'bg-violet-100 text-violet-700' },\n    { variant: 'soft', color: 'purple', className: 'bg-purple-100 text-purple-700' },\n    { variant: 'soft', color: 'fuchsia', className: 'bg-fuchsia-100 text-fuchsia-700' },\n    { variant: 'soft', color: 'pink', className: 'bg-pink-100 text-pink-700' },\n    { variant: 'soft', color: 'rose', className: 'bg-rose-100 text-rose-700' },\n    // bar — plain text with a colored left accent bar, for lists/timelines\n    { variant: 'bar', color: 'none', className: 'border-gray-300 border-dashed text-gray-400' },\n    { variant: 'bar', color: 'slate', className: 'border-slate-500 text-slate-700' },\n    { variant: 'bar', color: 'gray', className: 'border-gray-500 text-gray-700' },\n    { variant: 'bar', color: 'zinc', className: 'border-zinc-500 text-zinc-700' },\n    { variant: 'bar', color: 'neutral', className: 'border-neutral-500 text-neutral-700' },\n    { variant: 'bar', color: 'stone', className: 'border-stone-500 text-stone-700' },\n    { variant: 'bar', color: 'red', className: 'border-red-500 text-red-700' },\n    { variant: 'bar', color: 'orange', className: 'border-orange-500 text-orange-700' },\n    { variant: 'bar', color: 'amber', className: 'border-amber-500 text-amber-700' },\n    { variant: 'bar', color: 'yellow', className: 'border-yellow-500 text-yellow-700' },\n    { variant: 'bar', color: 'lime', className: 'border-lime-500 text-lime-700' },\n    { variant: 'bar', color: 'green', className: 'border-green-500 text-green-700' },\n    { variant: 'bar', color: 'emerald', className: 'border-emerald-500 text-emerald-700' },\n    { variant: 'bar', color: 'teal', className: 'border-teal-500 text-teal-700' },\n    { variant: 'bar', color: 'cyan', className: 'border-cyan-500 text-cyan-700' },\n    { variant: 'bar', color: 'sky', className: 'border-sky-500 text-sky-700' },\n    { variant: 'bar', color: 'blue', className: 'border-blue-500 text-blue-700' },\n    { variant: 'bar', color: 'indigo', className: 'border-indigo-500 text-indigo-700' },\n    { variant: 'bar', color: 'violet', className: 'border-violet-500 text-violet-700' },\n    { variant: 'bar', color: 'purple', className: 'border-purple-500 text-purple-700' },\n    { variant: 'bar', color: 'fuchsia', className: 'border-fuchsia-500 text-fuchsia-700' },\n    { variant: 'bar', color: 'pink', className: 'border-pink-500 text-pink-700' },\n    { variant: 'bar', color: 'rose', className: 'border-rose-500 text-rose-700' },\n  ],\n});\n\nexport type StatusVariants = VariantProps<typeof statusVariants>;\n","'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { type StatusVariants, statusVariants } from './status.variants';\n\nconst dotColorMap: Record<NonNullable<StatusVariants['color']>, string> = {\n  none: 'border border-dashed border-gray-300 bg-transparent',\n  slate: 'bg-slate-500',\n  gray: 'bg-gray-500',\n  zinc: 'bg-zinc-500',\n  neutral: 'bg-neutral-500',\n  stone: 'bg-stone-500',\n  red: 'bg-red-500',\n  orange: 'bg-orange-500',\n  amber: 'bg-amber-500',\n  yellow: 'bg-yellow-500',\n  lime: 'bg-lime-500',\n  green: 'bg-green-500',\n  emerald: 'bg-emerald-500',\n  teal: 'bg-teal-500',\n  cyan: 'bg-cyan-500',\n  sky: 'bg-sky-500',\n  blue: 'bg-blue-500',\n  indigo: 'bg-indigo-500',\n  violet: 'bg-violet-500',\n  purple: 'bg-purple-500',\n  fuchsia: 'bg-fuchsia-500',\n  pink: 'bg-pink-500',\n  rose: 'bg-rose-500',\n};\n\nconst solidDotColorMap: Record<NonNullable<StatusVariants['color']>, string> = {\n  none: 'border border-dashed border-gray-300 bg-transparent',\n  slate: 'bg-slate-300',\n  gray: 'bg-gray-300',\n  zinc: 'bg-zinc-300',\n  neutral: 'bg-neutral-300',\n  stone: 'bg-stone-300',\n  red: 'bg-red-300',\n  orange: 'bg-orange-300',\n  amber: 'bg-amber-300',\n  yellow: 'bg-yellow-300',\n  lime: 'bg-lime-300',\n  green: 'bg-green-300',\n  emerald: 'bg-emerald-300',\n  teal: 'bg-teal-300',\n  cyan: 'bg-cyan-300',\n  sky: 'bg-sky-300',\n  blue: 'bg-blue-300',\n  indigo: 'bg-indigo-300',\n  violet: 'bg-violet-300',\n  purple: 'bg-purple-300',\n  fuchsia: 'bg-fuchsia-300',\n  pink: 'bg-pink-300',\n  rose: 'bg-rose-300',\n};\n\n/**\n * Props for the `Status` component.\n *\n * @property variant - Visual style — `'dot'` (outlined pill with a colored dot, default), `'solid'`\n * (filled pill with a colored dot), `'soft'` (tinted pill, no dot), or `'bar'` (plain text with a\n * colored left accent bar, for lists/timelines).\n * @property color - Full Tailwind color family, e.g. `'red'` | `'orange'` | `'green'` | `'cyan'` |\n * `'blue'` | `'pink'` | ... , or `'none'` for an unset/dashed neutral state. Defaults to `'gray'`.\n * @property size - `'sm'` | `'md'` (default) | `'lg'`.\n */\nexport type StatusProps = StatusVariants & React.ComponentPropsWithoutRef<'span'>;\n\n/**\n * Color-coded status indicator for pipeline/lifecycle states (e.g. lead, deal, order status).\n *\n * @example\n * ```tsx\n * import { Status } from '@customafk/lunas-ui/ui/status';\n *\n * <Status color=\"orange\">Đang tư vấn</Status>\n * <Status variant=\"soft\" color=\"green\">Đang đàm phán</Status>\n * <Status variant=\"bar\" color=\"pink\">Hoàn tất giao dịch</Status>\n * ```\n */\nfunction Status({ className, variant = 'dot', color = 'gray', size, children, ...props }: StatusProps) {\n  const resolvedColor = color ?? 'gray';\n  const showDot = variant === 'dot' || variant === 'solid';\n\n  return (\n    <span className={cn(statusVariants({ variant, color, size }), className)} {...props}>\n      {showDot && (\n        <span\n          aria-hidden\n          className={cn('inline-block size-1.5 shrink-0 rounded-full', variant === 'solid' ? solidDotColorMap[resolvedColor] : dotColorMap[resolvedColor])}\n        />\n      )}\n      {children}\n    </span>\n  );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Status, statusVariants };\n"],"mappings":"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"}
+{"version":3,"file":"status.cjs","names":[],"sources":["../../packages/components/ui/status.variants.ts","../../packages/components/ui/status.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const statusVariants = cva('inline-flex w-fit items-center font-medium transition-colors duration-150', {\n  variants: {\n    variant: {\n      dot: 'rounded border bg-background',\n      solid: 'rounded text-white shadow-btn',\n      soft: 'rounded',\n      bar: 'gap-2 rounded-none border-l-4 pl-2',\n    },\n    color: {\n      none: '',\n      slate: '',\n      gray: '',\n      zinc: '',\n      neutral: '',\n      stone: '',\n      red: '',\n      orange: '',\n      amber: '',\n      yellow: '',\n      lime: '',\n      green: '',\n      emerald: '',\n      teal: '',\n      cyan: '',\n      sky: '',\n      blue: '',\n      indigo: '',\n      violet: '',\n      purple: '',\n      fuchsia: '',\n      pink: '',\n      rose: '',\n    },\n    size: {\n      sm: 'gap-1 px-1.5 py-0.5 text-[11px]',\n      md: 'gap-1 px-2 py-0.5 text-xs',\n      lg: 'gap-1.5 px-2.5 py-1 text-sm',\n    },\n  },\n  defaultVariants: { variant: 'dot', color: 'gray', size: 'md' },\n  compoundVariants: [\n    // dot — outlined pill, colored dot + colored text\n    { variant: 'dot', color: 'none', className: 'border-dashed border-gray-300 text-gray-400' },\n    { variant: 'dot', color: 'slate', className: 'border-slate-300 text-slate-700' },\n    { variant: 'dot', color: 'gray', className: 'border-gray-300 text-gray-700' },\n    { variant: 'dot', color: 'zinc', className: 'border-zinc-300 text-zinc-700' },\n    { variant: 'dot', color: 'neutral', className: 'border-neutral-300 text-neutral-700' },\n    { variant: 'dot', color: 'stone', className: 'border-stone-300 text-stone-700' },\n    { variant: 'dot', color: 'red', className: 'border-red-300 text-red-700' },\n    { variant: 'dot', color: 'orange', className: 'border-orange-300 text-orange-700' },\n    { variant: 'dot', color: 'amber', className: 'border-amber-300 text-amber-700' },\n    { variant: 'dot', color: 'yellow', className: 'border-yellow-300 text-yellow-700' },\n    { variant: 'dot', color: 'lime', className: 'border-lime-300 text-lime-700' },\n    { variant: 'dot', color: 'green', className: 'border-green-300 text-green-700' },\n    { variant: 'dot', color: 'emerald', className: 'border-emerald-300 text-emerald-700' },\n    { variant: 'dot', color: 'teal', className: 'border-teal-300 text-teal-700' },\n    { variant: 'dot', color: 'cyan', className: 'border-cyan-300 text-cyan-700' },\n    { variant: 'dot', color: 'sky', className: 'border-sky-300 text-sky-700' },\n    { variant: 'dot', color: 'blue', className: 'border-blue-300 text-blue-700' },\n    { variant: 'dot', color: 'indigo', className: 'border-indigo-300 text-indigo-700' },\n    { variant: 'dot', color: 'violet', className: 'border-violet-300 text-violet-700' },\n    { variant: 'dot', color: 'purple', className: 'border-purple-300 text-purple-700' },\n    { variant: 'dot', color: 'fuchsia', className: 'border-fuchsia-300 text-fuchsia-700' },\n    { variant: 'dot', color: 'pink', className: 'border-pink-300 text-pink-700' },\n    { variant: 'dot', color: 'rose', className: 'border-rose-300 text-rose-700' },\n    // solid — filled pill, white text\n    {\n      variant: 'solid',\n      color: 'none',\n      className: 'border border-dashed border-gray-300 bg-transparent text-gray-400',\n    },\n    { variant: 'solid', color: 'slate', className: 'bg-slate-500' },\n    { variant: 'solid', color: 'gray', className: 'bg-gray-500' },\n    { variant: 'solid', color: 'zinc', className: 'bg-zinc-500' },\n    { variant: 'solid', color: 'neutral', className: 'bg-neutral-500' },\n    { variant: 'solid', color: 'stone', className: 'bg-stone-500' },\n    { variant: 'solid', color: 'red', className: 'bg-red-500' },\n    { variant: 'solid', color: 'orange', className: 'bg-orange-500' },\n    { variant: 'solid', color: 'amber', className: 'bg-amber-500' },\n    { variant: 'solid', color: 'yellow', className: 'bg-yellow-500' },\n    { variant: 'solid', color: 'lime', className: 'bg-lime-500' },\n    { variant: 'solid', color: 'green', className: 'bg-green-500' },\n    { variant: 'solid', color: 'emerald', className: 'bg-emerald-500' },\n    { variant: 'solid', color: 'teal', className: 'bg-teal-500' },\n    { variant: 'solid', color: 'cyan', className: 'bg-cyan-500' },\n    { variant: 'solid', color: 'sky', className: 'bg-sky-500' },\n    { variant: 'solid', color: 'blue', className: 'bg-blue-500' },\n    { variant: 'solid', color: 'indigo', className: 'bg-indigo-500' },\n    { variant: 'solid', color: 'violet', className: 'bg-violet-500' },\n    { variant: 'solid', color: 'purple', className: 'bg-purple-500' },\n    { variant: 'solid', color: 'fuchsia', className: 'bg-fuchsia-500' },\n    { variant: 'solid', color: 'pink', className: 'bg-pink-500' },\n    { variant: 'solid', color: 'rose', className: 'bg-rose-500' },\n    // soft — tinted background, bold colored text, no dot\n    { variant: 'soft', color: 'none', className: 'bg-gray-50 text-gray-400' },\n    { variant: 'soft', color: 'slate', className: 'bg-slate-100 text-slate-700' },\n    { variant: 'soft', color: 'gray', className: 'bg-gray-100 text-gray-700' },\n    { variant: 'soft', color: 'zinc', className: 'bg-zinc-100 text-zinc-700' },\n    { variant: 'soft', color: 'neutral', className: 'bg-neutral-100 text-neutral-700' },\n    { variant: 'soft', color: 'stone', className: 'bg-stone-100 text-stone-700' },\n    { variant: 'soft', color: 'red', className: 'bg-red-100 text-red-700' },\n    { variant: 'soft', color: 'orange', className: 'bg-orange-100 text-orange-700' },\n    { variant: 'soft', color: 'amber', className: 'bg-amber-100 text-amber-700' },\n    { variant: 'soft', color: 'yellow', className: 'bg-yellow-100 text-yellow-700' },\n    { variant: 'soft', color: 'lime', className: 'bg-lime-100 text-lime-700' },\n    { variant: 'soft', color: 'green', className: 'bg-green-100 text-green-700' },\n    { variant: 'soft', color: 'emerald', className: 'bg-emerald-100 text-emerald-700' },\n    { variant: 'soft', color: 'teal', className: 'bg-teal-100 text-teal-700' },\n    { variant: 'soft', color: 'cyan', className: 'bg-cyan-100 text-cyan-700' },\n    { variant: 'soft', color: 'sky', className: 'bg-sky-100 text-sky-700' },\n    { variant: 'soft', color: 'blue', className: 'bg-blue-100 text-blue-700' },\n    { variant: 'soft', color: 'indigo', className: 'bg-indigo-100 text-indigo-700' },\n    { variant: 'soft', color: 'violet', className: 'bg-violet-100 text-violet-700' },\n    { variant: 'soft', color: 'purple', className: 'bg-purple-100 text-purple-700' },\n    { variant: 'soft', color: 'fuchsia', className: 'bg-fuchsia-100 text-fuchsia-700' },\n    { variant: 'soft', color: 'pink', className: 'bg-pink-100 text-pink-700' },\n    { variant: 'soft', color: 'rose', className: 'bg-rose-100 text-rose-700' },\n    // bar — plain text with a colored left accent bar, for lists/timelines\n    { variant: 'bar', color: 'none', className: 'border-gray-300 border-dashed text-gray-400' },\n    { variant: 'bar', color: 'slate', className: 'border-slate-500 text-slate-700' },\n    { variant: 'bar', color: 'gray', className: 'border-gray-500 text-gray-700' },\n    { variant: 'bar', color: 'zinc', className: 'border-zinc-500 text-zinc-700' },\n    { variant: 'bar', color: 'neutral', className: 'border-neutral-500 text-neutral-700' },\n    { variant: 'bar', color: 'stone', className: 'border-stone-500 text-stone-700' },\n    { variant: 'bar', color: 'red', className: 'border-red-500 text-red-700' },\n    { variant: 'bar', color: 'orange', className: 'border-orange-500 text-orange-700' },\n    { variant: 'bar', color: 'amber', className: 'border-amber-500 text-amber-700' },\n    { variant: 'bar', color: 'yellow', className: 'border-yellow-500 text-yellow-700' },\n    { variant: 'bar', color: 'lime', className: 'border-lime-500 text-lime-700' },\n    { variant: 'bar', color: 'green', className: 'border-green-500 text-green-700' },\n    { variant: 'bar', color: 'emerald', className: 'border-emerald-500 text-emerald-700' },\n    { variant: 'bar', color: 'teal', className: 'border-teal-500 text-teal-700' },\n    { variant: 'bar', color: 'cyan', className: 'border-cyan-500 text-cyan-700' },\n    { variant: 'bar', color: 'sky', className: 'border-sky-500 text-sky-700' },\n    { variant: 'bar', color: 'blue', className: 'border-blue-500 text-blue-700' },\n    { variant: 'bar', color: 'indigo', className: 'border-indigo-500 text-indigo-700' },\n    { variant: 'bar', color: 'violet', className: 'border-violet-500 text-violet-700' },\n    { variant: 'bar', color: 'purple', className: 'border-purple-500 text-purple-700' },\n    { variant: 'bar', color: 'fuchsia', className: 'border-fuchsia-500 text-fuchsia-700' },\n    { variant: 'bar', color: 'pink', className: 'border-pink-500 text-pink-700' },\n    { variant: 'bar', color: 'rose', className: 'border-rose-500 text-rose-700' },\n  ],\n});\n\nexport type StatusVariants = VariantProps<typeof statusVariants>;\n","'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { type StatusVariants, statusVariants } from './status.variants';\n\nconst dotColorMap: Record<NonNullable<StatusVariants['color']>, string> = {\n  none: 'border border-dashed border-gray-300 bg-transparent',\n  slate: 'bg-slate-500',\n  gray: 'bg-gray-500',\n  zinc: 'bg-zinc-500',\n  neutral: 'bg-neutral-500',\n  stone: 'bg-stone-500',\n  red: 'bg-red-500',\n  orange: 'bg-orange-500',\n  amber: 'bg-amber-500',\n  yellow: 'bg-yellow-500',\n  lime: 'bg-lime-500',\n  green: 'bg-green-500',\n  emerald: 'bg-emerald-500',\n  teal: 'bg-teal-500',\n  cyan: 'bg-cyan-500',\n  sky: 'bg-sky-500',\n  blue: 'bg-blue-500',\n  indigo: 'bg-indigo-500',\n  violet: 'bg-violet-500',\n  purple: 'bg-purple-500',\n  fuchsia: 'bg-fuchsia-500',\n  pink: 'bg-pink-500',\n  rose: 'bg-rose-500',\n};\n\nconst solidDotColorMap: Record<NonNullable<StatusVariants['color']>, string> = {\n  none: 'border border-dashed border-gray-300 bg-transparent',\n  slate: 'bg-slate-300',\n  gray: 'bg-gray-300',\n  zinc: 'bg-zinc-300',\n  neutral: 'bg-neutral-300',\n  stone: 'bg-stone-300',\n  red: 'bg-red-300',\n  orange: 'bg-orange-300',\n  amber: 'bg-amber-300',\n  yellow: 'bg-yellow-300',\n  lime: 'bg-lime-300',\n  green: 'bg-green-300',\n  emerald: 'bg-emerald-300',\n  teal: 'bg-teal-300',\n  cyan: 'bg-cyan-300',\n  sky: 'bg-sky-300',\n  blue: 'bg-blue-300',\n  indigo: 'bg-indigo-300',\n  violet: 'bg-violet-300',\n  purple: 'bg-purple-300',\n  fuchsia: 'bg-fuchsia-300',\n  pink: 'bg-pink-300',\n  rose: 'bg-rose-300',\n};\n\n/**\n * Props for the `Status` component.\n *\n * @property variant - Visual style — `'dot'` (outlined pill with a colored dot, default), `'solid'`\n * (filled pill with a colored dot), `'soft'` (tinted pill, no dot), or `'bar'` (plain text with a\n * colored left accent bar, for lists/timelines).\n * @property color - Full Tailwind color family, e.g. `'red'` | `'orange'` | `'green'` | `'cyan'` |\n * `'blue'` | `'pink'` | ... , or `'none'` for an unset/dashed neutral state. Defaults to `'gray'`.\n * @property size - `'sm'` | `'md'` (default) | `'lg'`.\n */\nexport type StatusProps = StatusVariants & React.ComponentPropsWithoutRef<'span'>;\n\n/**\n * Color-coded status indicator for pipeline/lifecycle states (e.g. lead, deal, order status).\n *\n * @example\n * ```tsx\n * import { Status } from '@customafk/lunas-ui/ui/status';\n *\n * <Status color=\"orange\">Đang tư vấn</Status>\n * <Status variant=\"soft\" color=\"green\">Đang đàm phán</Status>\n * <Status variant=\"bar\" color=\"pink\">Hoàn tất giao dịch</Status>\n * ```\n */\nfunction Status({ className, variant = 'dot', color = 'gray', size, children, ...props }: StatusProps) {\n  const resolvedColor = color ?? 'gray';\n  const showDot = variant === 'dot' || variant === 'solid';\n\n  return (\n    <span className={cn(statusVariants({ variant, color, size }), className)} {...props}>\n      {showDot && (\n        <span\n          aria-hidden\n          className={cn('inline-block size-1.5 shrink-0 rounded-full', variant === 'solid' ? solidDotColorMap[resolvedColor] : dotColorMap[resolvedColor])}\n        />\n      )}\n      {children}\n    </span>\n  );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Status, statusVariants };\n"],"mappings":"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"}

package/dist/ui/status.d.cts

@@ -1,5 +1,4 @@
 import { VariantProps } from "class-variance-authority";
-
 //#region packages/components/ui/status.variants.d.ts
 declare const statusVariants: (props?: ({
   variant?: "solid" | "soft" | "dot" | "bar" | null | undefined;
@@ -32,14 +31,7 @@ type StatusProps = StatusVariants & React.ComponentPropsWithoutRef<'span'>;
  * <Status variant="bar" color="pink">Hoàn tất giao dịch</Status>
  * ```
  */
-declare function Status({
-  className,
-  variant,
-  color,
-  size,
-  children,
-  ...props
-}: StatusProps): import("react").JSX.Element;
+declare function Status({ className, variant, color, size, children, ...props }: StatusProps): import("react").JSX.Element;
 //#endregion
 export { Status, StatusProps, statusVariants };
 //# sourceMappingURL=status.d.cts.map

package/dist/ui/status.d.mts

@@ -1,5 +1,4 @@
 import { VariantProps } from "class-variance-authority";
-
 //#region packages/components/ui/status.variants.d.ts
 declare const statusVariants: (props?: ({
   variant?: "solid" | "soft" | "dot" | "bar" | null | undefined;
@@ -32,14 +31,7 @@ type StatusProps = StatusVariants & React.ComponentPropsWithoutRef<'span'>;
  * <Status variant="bar" color="pink">Hoàn tất giao dịch</Status>
  * ```
  */
-declare function Status({
-  className,
-  variant,
-  color,
-  size,
-  children,
-  ...props
-}: StatusProps): import("react").JSX.Element;
+declare function Status({ className, variant, color, size, children, ...props }: StatusProps): import("react").JSX.Element;
 //#endregion
 export { Status, StatusProps, statusVariants };
 //# sourceMappingURL=status.d.mts.map