@customafk/lunas-ui 0.2.11 → 0.2.13

package/dist/{radio-group-D5OurBIG.mjs.map → radio-group-5ktXGXSv.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-group-D5OurBIG.mjs","names":["RadioGroup","RadioGroupPrimitive"],"sources":["../packages/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\n/**\n * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.\n *\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <RadioGroup defaultValue=\"monthly\">\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"monthly\" id=\"monthly\" />\n *     <Label htmlFor=\"monthly\">Monthly</Label>\n *   </div>\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"annually\" id=\"annually\" />\n *     <Label htmlFor=\"annually\">Annually</Label>\n *   </div>\n * </RadioGroup>\n * ```\n */\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-3', className)} {...props} />;\n}\n\n/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus:border-border focus:ring-4 focus:ring-primary-weak',\n        'aria-invalid:border-danger-strong aria-invalid:ring-danger-weak',\n        'aria-readonly:pointer-events-none',\n        'aria-readonly:[&_div]:bg-muted',\n        'aria-readonly:[&_svg]:fill-muted-weak',\n        'aria-readonly:[&_svg]:text-muted-weak',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator data-slot=\"radio-group-indicator\" className=\"relative flex items-center justify-center bg-primary\">\n        <div className=\"absolute size-4 rounded-full bg-primary\" />\n        <CircleIcon className=\"-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"sLA4BA,SAASA,EAAW,CAAE,YAAW,GAAG,GAAgE,CAClG,OAAO,EAACC,EAAoB,KAAA,CAAK,YAAU,cAAc,UAAW,EAAG,aAAc,EAAU,CAAE,GAAI,GAAS,CAIhH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAACA,EAAoB,KAAA,CACnB,YAAU,mBACV,UAAW,EACT,wGACA,kDACA,2DACA,kEACA,oCACA,iCACA,wCACA,wCACA,EACD,CACD,GAAI,WAEJ,EAACA,EAAoB,UAAA,CAAU,YAAU,wBAAwB,UAAU,iEACzE,EAAC,MAAA,CAAI,UAAU,0CAAA,CAA4C,CAC3D,EAAC,EAAA,CAAW,UAAU,+FAAA,CAAiG,CAAA,EACzF,EACP"}
+{"version":3,"file":"radio-group-5ktXGXSv.mjs","names":["RadioGroup","RadioGroupPrimitive"],"sources":["../packages/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\n/**\n * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.\n *\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <RadioGroup defaultValue=\"monthly\">\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"monthly\" id=\"monthly\" />\n *     <Label htmlFor=\"monthly\">Monthly</Label>\n *   </div>\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"annually\" id=\"annually\" />\n *     <Label htmlFor=\"annually\">Annually</Label>\n *   </div>\n * </RadioGroup>\n * ```\n */\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-3', className)} {...props} />;\n}\n\n/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus:border-border focus:ring-4 focus:ring-primary-weak',\n        'aria-invalid:border-danger-strong aria-invalid:ring-danger-weak',\n        'aria-readonly:pointer-events-none',\n        'aria-readonly:[&_div]:bg-muted',\n        'aria-readonly:[&_svg]:fill-muted-weak',\n        'aria-readonly:[&_svg]:text-muted-weak',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator data-slot=\"radio-group-indicator\" className=\"relative flex items-center justify-center bg-primary\">\n        <div className=\"absolute size-4 rounded-full bg-primary\" />\n        <CircleIcon className=\"-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"sLA4BA,SAASA,EAAW,CAAE,YAAW,GAAG,GAAgE,CAClG,OAAO,EAACC,EAAoB,KAAA,CAAK,YAAU,cAAc,UAAW,EAAG,aAAc,EAAU,CAAE,GAAI,GAAS,CAIhH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAACA,EAAoB,KAAA,CACnB,YAAU,mBACV,UAAW,EACT,wGACA,kDACA,2DACA,kEACA,oCACA,iCACA,wCACA,wCACA,EACD,CACD,GAAI,WAEJ,EAACA,EAAoB,UAAA,CAAU,YAAU,wBAAwB,UAAU,iEACzE,EAAC,MAAA,CAAI,UAAU,0CAAA,CAA4C,CAC3D,EAAC,EAAA,CAAW,UAAU,+FAAA,CAAiG,CAAA,EACzF,EACP"}

package/dist/{radio-group-DAv2EU3F.cjs → radio-group-C7FAAawm.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`react/jsx-runtime`),r=require(`@customafk/react-toolkit/utils`),i=require(`radix-ui`);function a({className:e,...t}){return(0,n.jsx)(i.RadioGroup.Root,{"data-slot":`radio-group`,className:(0,r.cn)(`grid gap-3`,e),...t})}function o({className:e,...a}){return(0,n.jsx)(i.RadioGroup.Item,{"data-slot":`radio-group-item`,className:(0,r.cn)(`aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus:border-border focus:ring-4 focus:ring-primary-weak`,`aria-invalid:border-danger-strong aria-invalid:ring-danger-weak`,`aria-readonly:pointer-events-none`,`aria-readonly:[&_div]:bg-muted`,`aria-readonly:[&_svg]:fill-muted-weak`,`aria-readonly:[&_svg]:text-muted-weak`,e),...a,children:(0,n.jsxs)(i.RadioGroup.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[(0,n.jsx)(`div`,{className:`absolute size-4 rounded-full bg-primary`}),(0,n.jsx)(t.CircleIcon,{className:`-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative`})]})})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=radio-group-DAv2EU3F.cjs.map
+//# sourceMappingURL=radio-group-C7FAAawm.cjs.map

package/dist/{radio-group-DAv2EU3F.cjs.map → radio-group-C7FAAawm.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-group-DAv2EU3F.cjs","names":["RadioGroupPrimitive","CircleIcon"],"sources":["../packages/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\n/**\n * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.\n *\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <RadioGroup defaultValue=\"monthly\">\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"monthly\" id=\"monthly\" />\n *     <Label htmlFor=\"monthly\">Monthly</Label>\n *   </div>\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"annually\" id=\"annually\" />\n *     <Label htmlFor=\"annually\">Annually</Label>\n *   </div>\n * </RadioGroup>\n * ```\n */\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-3', className)} {...props} />;\n}\n\n/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus:border-border focus:ring-4 focus:ring-primary-weak',\n        'aria-invalid:border-danger-strong aria-invalid:ring-danger-weak',\n        'aria-readonly:pointer-events-none',\n        'aria-readonly:[&_div]:bg-muted',\n        'aria-readonly:[&_svg]:fill-muted-weak',\n        'aria-readonly:[&_svg]:text-muted-weak',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator data-slot=\"radio-group-indicator\" className=\"relative flex items-center justify-center bg-primary\">\n        <div className=\"absolute size-4 rounded-full bg-primary\" />\n        <CircleIcon className=\"-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"uKA4BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgE,CAClG,OAAO,EAAA,EAAA,KAACA,EAAAA,WAAoB,KAAA,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,aAAc,EAAU,CAAE,GAAI,GAAS,CAIhH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,KAACA,EAAAA,WAAoB,KAAA,CACnB,YAAU,mBACV,WAAA,EAAA,EAAA,IACE,wGACA,kDACA,2DACA,kEACA,oCACA,iCACA,wCACA,wCACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,MAACA,EAAAA,WAAoB,UAAA,CAAU,YAAU,wBAAwB,UAAU,kEACzE,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,0CAAA,CAA4C,EAC3D,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,+FAAA,CAAiG,CAAA,EACzF,EACP"}
+{"version":3,"file":"radio-group-C7FAAawm.cjs","names":["RadioGroupPrimitive","CircleIcon"],"sources":["../packages/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\n/**\n * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.\n *\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <RadioGroup defaultValue=\"monthly\">\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"monthly\" id=\"monthly\" />\n *     <Label htmlFor=\"monthly\">Monthly</Label>\n *   </div>\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"annually\" id=\"annually\" />\n *     <Label htmlFor=\"annually\">Annually</Label>\n *   </div>\n * </RadioGroup>\n * ```\n */\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-3', className)} {...props} />;\n}\n\n/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus:border-border focus:ring-4 focus:ring-primary-weak',\n        'aria-invalid:border-danger-strong aria-invalid:ring-danger-weak',\n        'aria-readonly:pointer-events-none',\n        'aria-readonly:[&_div]:bg-muted',\n        'aria-readonly:[&_svg]:fill-muted-weak',\n        'aria-readonly:[&_svg]:text-muted-weak',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator data-slot=\"radio-group-indicator\" className=\"relative flex items-center justify-center bg-primary\">\n        <div className=\"absolute size-4 rounded-full bg-primary\" />\n        <CircleIcon className=\"-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"uKA4BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgE,CAClG,OAAO,EAAA,EAAA,KAACA,EAAAA,WAAoB,KAAA,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,aAAc,EAAU,CAAE,GAAI,GAAS,CAIhH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,KAACA,EAAAA,WAAoB,KAAA,CACnB,YAAU,mBACV,WAAA,EAAA,EAAA,IACE,wGACA,kDACA,2DACA,kEACA,oCACA,iCACA,wCACA,wCACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,MAACA,EAAAA,WAAoB,UAAA,CAAU,YAAU,wBAAwB,UAAU,kEACzE,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,0CAAA,CAA4C,EAC3D,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,+FAAA,CAAiG,CAAA,EACzF,EACP"}

package/dist/{select-DRCKwnTV.mjs → select-DrHceSnf.mjs}

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

package/dist/{select-DRCKwnTV.mjs.map → select-DrHceSnf.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-DRCKwnTV.mjs","names":["Select","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\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":"sMA6BA,SAASA,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAI/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAQtE,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAIF,CACD,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,YAAW,EACX,UAAW,EACT,2CACA,6CACA,yCACA,sCACA,2CAGA,0CACA,uCACA,uBACA,kCAGA,6CACA,2CACA,2BACA,sCACA,8BACA,sBAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDACA,uDACA,kDAGA,4CACA,0CACA,kCACA,0CACA,mCAGA,+BACA,+BACA,mCACA,uBACA,oCAGA,mBACA,8BACA,uCACA,sDACA,EACD,CACD,GAAI,YAEH,EACD,EAACA,EAAgB,KAAA,CAAK,QAAA,YACpB,EAAC,EAAA,CAAgB,KAAM,GAAI,QAAS,IAAM,EACrB,CAAA,EACC,CAK9B,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAACA,EAAgB,OAAA,CAAA,SACf,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,yGACA,WACA,mCACA,mDAEA,+BACA,4BAEA,kCACA,+BAEA,yCACA,yCACA,yCACA,yCAEA,IAAa,UAAY,mCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,iCACzB,EACD,CACS,WACV,GAAI,WAEJ,EAACA,EAAgB,SAAA,CACf,UAAW,EACT,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,oCACzB,IAAa,UAAY,uCAC1B,CAEA,YACwB,EACH,CAAA,CACH,CAK7B,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,8CAA+C,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAACA,EAAgB,KAAA,CACf,YAAU,cACV,UAAW,EACT,yCACA,iCACA,SACA,gDACA,8CAEA,kBACA,uBAEA,2BACA,oCAEA,8BACA,mBACA,uCACA,wDAEA,qBACA,6BACA,sBACA,EACD,CACD,GAAI,YAEJ,EAACA,EAAgB,SAAA,CAAU,WAAA,CAAoC,CAC/D,EAAC,OAAA,CAAK,UAAU,sEACd,EAACA,EAAgB,cAAA,CAAA,SACf,EAAC,EAAA,CAAU,KAAM,GAAA,CAAM,CAAA,CACO,EAC3B,CAAA,EACc,CAK3B,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAACA,EAAgB,UAAA,CAAU,YAAU,mBAAmB,UAAW,EAAG,qDAAsD,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"select-DrHceSnf.mjs","names":["Select","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\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":"sMA6BA,SAASA,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAI/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAQtE,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAIF,CACD,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,YAAW,EACX,UAAW,EACT,2CACA,6CACA,yCACA,sCACA,2CAGA,0CACA,uCACA,uBACA,kCAGA,6CACA,2CACA,2BACA,sCACA,8BACA,sBAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDACA,uDACA,kDAGA,4CACA,0CACA,kCACA,0CACA,mCAGA,+BACA,+BACA,mCACA,uBACA,oCAGA,mBACA,8BACA,uCACA,sDACA,EACD,CACD,GAAI,YAEH,EACD,EAACA,EAAgB,KAAA,CAAK,QAAA,YACpB,EAAC,EAAA,CAAgB,KAAM,GAAI,QAAS,IAAM,EACrB,CAAA,EACC,CAK9B,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAACA,EAAgB,OAAA,CAAA,SACf,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,yGACA,WACA,mCACA,mDAEA,+BACA,4BAEA,kCACA,+BAEA,yCACA,yCACA,yCACA,yCAEA,IAAa,UAAY,mCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,iCACzB,EACD,CACS,WACV,GAAI,WAEJ,EAACA,EAAgB,SAAA,CACf,UAAW,EACT,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,oCACzB,IAAa,UAAY,uCAC1B,CAEA,YACwB,EACH,CAAA,CACH,CAK7B,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,8CAA+C,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAACA,EAAgB,KAAA,CACf,YAAU,cACV,UAAW,EACT,yCACA,iCACA,SACA,gDACA,8CAEA,kBACA,uBAEA,2BACA,oCAEA,8BACA,mBACA,uCACA,wDAEA,qBACA,6BACA,sBACA,EACD,CACD,GAAI,YAEJ,EAACA,EAAgB,SAAA,CAAU,WAAA,CAAoC,CAC/D,EAAC,OAAA,CAAK,UAAU,sEACd,EAACA,EAAgB,cAAA,CAAA,SACf,EAAC,EAAA,CAAU,KAAM,GAAA,CAAM,CAAA,CACO,EAC3B,CAAA,EACc,CAK3B,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAACA,EAAgB,UAAA,CAAU,YAAU,mBAAmB,UAAW,EAAG,qDAAsD,EAAU,CAAE,GAAI,GAAS"}

package/dist/{select-DfvSMRUq.cjs → select-DzylYFes.cjs}

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

package/dist/{select-DfvSMRUq.cjs.map → select-DzylYFes.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-DfvSMRUq.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\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":"uKA6BA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAI/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAQtE,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAIF,CACD,OACE,EAAA,EAAA,MAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,YAAW,EACX,WAAA,EAAA,EAAA,IACE,2CACA,6CACA,yCACA,sCACA,2CAGA,0CACA,uCACA,uBACA,kCAGA,6CACA,2CACA,2BACA,sCACA,8BACA,sBAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDACA,uDACA,kDAGA,4CACA,0CACA,kCACA,0CACA,mCAGA,+BACA,+BACA,mCACA,uBACA,oCAGA,mBACA,8BACA,uCACA,sDACA,EACD,CACD,GAAI,YAEH,GACD,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,QAAA,aACpB,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,QAAS,IAAM,EACrB,CAAA,EACC,CAK9B,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAAA,EAAA,KAACD,EAAAA,OAAgB,OAAA,CAAA,UACf,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,yGACA,WACA,mCACA,mDAEA,+BACA,4BAEA,kCACA,+BAEA,yCACA,yCACA,yCACA,yCAEA,IAAa,UAAY,mCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,iCACzB,EACD,CACS,WACV,GAAI,YAEJ,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CACf,WAAA,EAAA,EAAA,IACE,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,oCACzB,IAAa,UAAY,uCAC1B,CAEA,YACwB,EACH,CAAA,CACH,CAK7B,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,8CAA+C,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAAA,EAAA,MAACA,EAAAA,OAAgB,KAAA,CACf,YAAU,cACV,WAAA,EAAA,EAAA,IACE,yCACA,iCACA,SACA,gDACA,8CAEA,kBACA,uBAEA,2BACA,oCAEA,8BACA,mBACA,uCACA,wDAEA,qBACA,6BACA,sBACA,EACD,CACD,GAAI,aAEJ,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CAAU,WAAA,CAAoC,EAC/D,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,uEACd,EAAA,EAAA,KAACA,EAAAA,OAAgB,cAAA,CAAA,UACf,EAAA,EAAA,KAACE,EAAAA,UAAAA,CAAU,KAAM,GAAA,CAAM,CAAA,CACO,EAC3B,CAAA,EACc,CAK3B,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAAA,EAAA,KAACF,EAAAA,OAAgB,UAAA,CAAU,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,qDAAsD,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"select-DzylYFes.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\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":"uKA6BA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAI/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAQtE,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAIF,CACD,OACE,EAAA,EAAA,MAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,YAAW,EACX,WAAA,EAAA,EAAA,IACE,2CACA,6CACA,yCACA,sCACA,2CAGA,0CACA,uCACA,uBACA,kCAGA,6CACA,2CACA,2BACA,sCACA,8BACA,sBAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDACA,uDACA,kDAGA,4CACA,0CACA,kCACA,0CACA,mCAGA,+BACA,+BACA,mCACA,uBACA,oCAGA,mBACA,8BACA,uCACA,sDACA,EACD,CACD,GAAI,YAEH,GACD,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,QAAA,aACpB,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,QAAS,IAAM,EACrB,CAAA,EACC,CAK9B,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAAA,EAAA,KAACD,EAAAA,OAAgB,OAAA,CAAA,UACf,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,yGACA,WACA,mCACA,mDAEA,+BACA,4BAEA,kCACA,+BAEA,yCACA,yCACA,yCACA,yCAEA,IAAa,UAAY,mCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,iCACzB,EACD,CACS,WACV,GAAI,YAEJ,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CACf,WAAA,EAAA,EAAA,IACE,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,oCACzB,IAAa,UAAY,uCAC1B,CAEA,YACwB,EACH,CAAA,CACH,CAK7B,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,8CAA+C,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAAA,EAAA,MAACA,EAAAA,OAAgB,KAAA,CACf,YAAU,cACV,WAAA,EAAA,EAAA,IACE,yCACA,iCACA,SACA,gDACA,8CAEA,kBACA,uBAEA,2BACA,oCAEA,8BACA,mBACA,uCACA,wDAEA,qBACA,6BACA,sBACA,EACD,CACD,GAAI,aAEJ,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CAAU,WAAA,CAAoC,EAC/D,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,uEACd,EAAA,EAAA,KAACA,EAAAA,OAAgB,cAAA,CAAA,UACf,EAAA,EAAA,KAACE,EAAAA,UAAAA,CAAU,KAAM,GAAA,CAAM,CAAA,CACO,EAC3B,CAAA,EACc,CAK3B,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAAA,EAAA,KAACF,EAAAA,OAAgB,UAAA,CAAU,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,qDAAsD,EAAU,CAAE,GAAI,GAAS"}

package/dist/tables-BtcCgpJB.mjs

@@ -0,0 +1,4 @@
+import{t as e}from"./button-C6ybzxxj.mjs";import{t}from"./paragraph-Ch5TvEqL.mjs";import{t as n}from"./flex-BLMTj7Ev.mjs";import{t as r}from"./date-CVz9xdCg.mjs";import{t as i}from"./badge-B8bw2UEY.mjs";import{i as a,n as o,r as s,t as c}from"./tooltip-Bj0iOG4s.mjs";import{n as l,t as u}from"./avatar-DbxqvCjT.mjs";import{t as d}from"./separator-BMsbHAVt.mjs";import{a as f,d as p,h as m,i as h,r as g,t as _}from"./dropdown-menu-DWSfXhHo.mjs";import{t as v}from"./progress-0cpDwgAJ.mjs";import{t as y}from"./checkbox-Dzo6oI4y.mjs";import{t as ee}from"./spinner-B3F9W53l.mjs";import{n as b,r as te,t as x}from"./resizable-C2Zl-iLF.mjs";import{t as S}from"./input-6f9JTc79.mjs";import{a as C,i as ne,t as re}from"./popover-OJXFbqJi.mjs";import{c as w,i as T,n as E,s as ie,t as ae}from"./select-DrHceSnf.mjs";import{t as oe}from"./label-COqDQDMy.mjs";import{AlertTriangle as D,ArrowRightIcon as O,BoxIcon as se,CalendarIcon as k,CheckIcon as A,ChevronDown as j,CirclePlus as ce,Columns4Icon as M,CopyIcon as N,DownloadIcon as le,EllipsisVerticalIcon as P,ExternalLinkIcon as F,HashIcon as I,ListFilterIcon as ue,ListFilterPlus as de,MailIcon as fe,MinusIcon as pe,MoreVerticalIcon as me,MoveLeftIcon as he,MoveRightIcon as ge,PinOffIcon as _e,RefreshCwIcon as ve,SearchIcon as ye,TagIcon as be,ToggleLeftIcon as xe,Trash2Icon as Se,TypeIcon as Ce,UserRoundIcon as we,XIcon as Te}from"lucide-react";import{Activity as L,createContext as R,memo as z,use as B,useCallback as V,useEffect as H,useId as Ee,useMemo as U,useRef as W,useState as G}from"react";import{Fragment as De,jsx as K,jsxs as q}from"react/jsx-runtime";import{cn as J}from"@customafk/react-toolkit/utils";import{cva as Y}from"class-variance-authority";import{colorHashLight as Oe}from"@customafk/react-toolkit/color-hash";import{flexRender as X,getCoreRowModel as ke,getExpandedRowModel as Ae,getGroupedRowModel as je,useReactTable as Me}from"@tanstack/react-table";import{useVirtualizer as Ne}from"@tanstack/react-virtual";import{useDebounceCallback as Pe}from"@customafk/react-toolkit/hooks/useDebounceCallback";const Z=()=>q(`div`,{className:`flex gap-0 text-text-positive-weak`,children:[K(pe,{size:16}),K(pe,{size:16})]}),Fe=({label:e,onClick:t,onRemove:n})=>e?n?q(`div`,{className:`flex w-fit gap-x-0.5 rounded-full border border-border py-1 pr-2 pl-3 text-text-positive text-xs shadow-xs`,onClick:e=>{t?.(),e.stopPropagation(),e.preventDefault()},children:[e,K(`button`,{className:`cursor-pointer text-text-positive-weak hover:text-text-positive-strong`,onClick:e=>{n?.(),e.stopPropagation(),e.preventDefault()},children:K(Te,{size:12})})]}):K(`button`,{className:`w-fit rounded-full border border-border px-3 py-1 text-text-positive text-xs shadow-xs`,onClick:e=>{t?.(),e.stopPropagation(),e.preventDefault()},children:e}):K(Z,{}),Ie=({value:e})=>e==null?K(Z,{}):e===!1?K(`div`,{className:`text-danger-strong`,children:K(Te,{})}):K(`div`,{className:`text-success-strong`,children:K(A,{})}),Le=z(({value:e,currency:t=`USD`,locale:n=`en-US`,display:r=`symbol`,size:i=`md`,colorize:a=!1})=>{let o=U(()=>{let i=typeof e==`string`?Number(e.trim()):e;return i==null||Number.isNaN(i)||!Number.isFinite(i)?null:new Intl.NumberFormat(n,{style:`currency`,currency:t,currencyDisplay:r,minimumFractionDigits:2,maximumFractionDigits:2}).format(i)},[e,t,n,r]),s=U(()=>{let t=typeof e==`string`?Number(e.trim()):e;return typeof t==`number`&&t<0},[e]);return o?K(`p`,{className:J(`font-number tabular-nums`,i===`xs`&&`text-xs`,i===`sm`&&`text-sm`,i===`md`&&`text-base`,i===`lg`&&`text-lg`,i===`xl`&&`text-xl`,!a&&`text-text-positive`,a&&s&&`text-danger-strong`,a&&!s&&`text-success-strong`),children:o}):K(Z,{})});Le.displayName=`UITableCurrencyDisplay`;const Re=({date:e})=>e==null?K(Z,{}):K(s,{children:q(c,{children:[K(a,{asChild:!0,children:K(i,{className:`h-fit`,children:K(r,{date:e,format:`medium`,className:`font-normal text-white`})})}),K(o,{className:`rounded px-2`,children:K(r,{date:e,format:`full`,showTime:!0,className:`font-medium text-text-negative text-xs`})})]})}),ze=({content:e})=>e==null?K(Z,{}):q(c,{children:[K(a,{children:K(t,{variant:`sm`,className:`line-clamp-2 whitespace-pre-line break-all`,children:e})}),K(o,{align:`start`,className:`h-fit min-w-48 max-w-80 pt-4`,children:q(`div`,{className:`flex flex-col gap-y-2`,children:[K(t,{variant:`xs`,className:`whitespace-pre-line text-wrap break-keep text-text-negative-weak`,children:e}),q(`p`,{className:`w-full text-end`,children:[e.toString().length,` chars`]})]})})]}),Be=({email:e,linkable:t=!0})=>{let[n,r]=G(!1);return e?K(s,{children:q(`div`,{className:`group flex items-center gap-x-1.5`,children:[K(fe,{size:13,className:`shrink-0 text-text-positive-weak`}),t?K(`a`,{href:`mailto:${e}`,className:`truncate text-primary text-sm underline-offset-2 hover:underline`,onClick:e=>e.stopPropagation(),children:e}):K(`span`,{className:`truncate text-text-positive text-sm`,children:e}),q(c,{children:[K(a,{asChild:!0,children:K(`button`,{onClick:t=>{t.stopPropagation(),t.preventDefault(),navigator.clipboard.writeText(e).then(()=>{r(!0),setTimeout(()=>r(!1),1500)})},className:`shrink-0 cursor-pointer text-text-positive-weak opacity-0 transition-opacity group-hover:opacity-100 hover:text-text-positive`,children:n?K(A,{size:13,className:`text-success-strong`}):K(N,{size:13})})}),K(o,{children:n?`Copied!`:`Copy email`})]})]})}):K(Z,{})},Ve=({items:e,maxVisible:t=3})=>{if(!e||e.length===0)return K(Z,{});let n=e.slice(0,t),r=e.slice(t);return q(`div`,{className:`flex flex-wrap gap-1`,children:[n.map((e,t)=>K(`span`,{className:`inline-flex items-center rounded-full border border-border bg-muted-weak px-2 py-0.5 text-text-positive text-xs`,children:e},t)),r.length>0&&K(s,{children:q(c,{children:[K(a,{asChild:!0,children:q(`span`,{className:`inline-flex cursor-default items-center rounded-full bg-primary-bg-subtle px-2 py-0.5 text-primary-intense text-xs`,children:[`+`,r.length,` more`]})}),K(o,{align:`start`,className:`flex max-w-64 flex-wrap gap-1 p-2`,children:r.map((e,t)=>K(`span`,{className:`inline-flex items-center rounded-full border border-border px-2 py-0.5 text-text-negative text-xs`,children:e},t))})]})})]})},He=({items:t=[]})=>q(_,{children:[K(m,{asChild:!0,children:K(e,{size:`sm`,variant:`ghost`,color:`secondary`,className:`size-9 rounded-full`,children:K(me,{})})}),K(g,{children:K(h,{children:t.map(e=>K(f,{className:`px-3`,onSelect:t=>{e.onClick(e.id),t.stopPropagation()},children:e.label},e.id))})})]}),Ue=({name:e})=>e?q(c,{children:[K(a,{children:K(t,{variant:`sm`,className:`line-clamp-2 w-full truncate text-wrap pb-px text-start`,children:e})}),K(o,{align:`start`,className:`h-fit min-w-48 max-w-80 pt-4`,children:q(`div`,{className:`flex flex-col gap-y-2`,children:[K(`p`,{className:`whitespace-pre-line text-wrap break-keep`,children:e}),q(`p`,{className:`w-full text-end`,children:[e.length,` chars`]})]})})]}):K(Z,{}),We=({href:e,label:t})=>q(`a`,{href:e,target:`_blank`,className:`inline-flex items-center gap-1 truncate text-primary text-sm underline`,rel:`noopener noreferrer`,children:[K(`span`,{children:t||e}),K(F,{size:14})]}),Ge=({value:e})=>q(c,{children:[K(a,{asChild:!0,children:K(`p`,{className:`font-number text-text-positive text-sm tabular-nums`,children:e.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),K(o,{align:`start`,children:K(`p`,{className:`tabular-nums`,children:e.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]}),Ke=z(({value:e,showLabel:t=!0,successThreshold:n=70,warningThreshold:r=40})=>{if(e==null)return K(Z,{});let i=Math.min(100,Math.max(0,e));return q(`div`,{className:`flex w-full min-w-24 items-center gap-x-2`,children:[K(v,{value:i,className:J(`flex-1`,i>=n?`[&>[data-slot=progress-indicator]]:bg-success`:i>=r?`[&>[data-slot=progress-indicator]]:bg-warning`:`[&>[data-slot=progress-indicator]]:bg-danger`)}),t&&q(`span`,{className:`w-9 shrink-0 text-right font-number text-text-positive-weak text-xs tabular-nums`,children:[i,`%`]})]})});Ke.displayName=`UITableProgressDisplay`;const qe=({title:t,onClick:n})=>q(c,{children:[K(a,{children:K(e,{type:`button`,variant:`ghost`,color:`danger`,size:`icon`,onClick:V(async e=>{e.preventDefault(),e.stopPropagation(),await n?.()},[n]),children:K(Se,{})})}),K(o,{children:K(`p`,{children:t||`Remove item from list table`})})]}),Je=(e,t,n)=>{let r=10**t;switch(n){case`floor`:return Math.floor(e*r)/r;case`ceil`:return Math.ceil(e*r)/r;default:return Math.round(e*r)/r}},Ye=z(({decimalSeparator:e=`.`,groupSeparator:t=`,`,prefix:r,suffix:i,precision:a,roundingMode:o=`round`,showTrailingZeros:s=!1,size:c=`lg`,value:l=0})=>{let u=U(()=>{let e={};return typeof a==`number`&&a>=0&&s&&(e.minimumFractionDigits=a),e.maximumFractionDigits=a,e},[a,s]),d=V(e=>{let t=e;return typeof a==`number`&&a>=0&&(t=Je(e,a,o)),t.toLocaleString(`en-US`,u)},[o,u,a]),f=U(()=>{if(typeof l==`number`)return Number.isNaN(l)||!Number.isFinite(l)?`N/A`:d(l);if(typeof l==`string`){let e=l.trim();if(!e)return`N/A`;let t=Number(e);return Number.isNaN(t)||!Number.isFinite(t)?`N/A`:d(t)}return`N/A`},[l,d]),p=U(()=>e===`.`&&t===`,`?f:f.replace(/,/g,t).replace(/\./g,e),[f,e,t]);return p===`0`||p===`N/A`||!p?K(Z,{}):q(n,{padding:`none`,className:J(`font-number text-lg text-text-positive tabular-nums`,c===`xs`&&`text-xs`,c===`sm`&&`text-sm`,c===`md`&&`text-base`,c===`lg`&&`text-lg`,c===`xl`&&`text-xl`),children:[r,K(`p`,{children:p}),i]})});Ye.displayName=`UITableStatisticDisplay`;const Xe=({value:e,colorMap:t,defaultColor:n=`muted`,variant:r=`soft`})=>e==null||e===``?K(Z,{}):K(i,{variant:r,color:(t&&t[e])??n,className:`min-w-16 justify-center capitalize`,children:e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `)}),Ze=({uuid:e,username:r,email:i})=>q(n,{wrap:!1,gap:`sm`,padding:`none`,children:[!e&&K(u,{className:`size-10 shadow-card`,children:K(l,{className:`bg-muted-weak`,children:K(we,{size:28,className:`text-text-negative`})})}),e&&K(u,{className:`size-10 shadow-card`,children:K(l,{style:{backgroundColor:Oe.hex(e)},children:K(we,{size:28,className:`text-white`})})}),q(n,{vertical:!0,padding:`none`,gap:`none`,align:`start`,children:[K(t,{className:`font-medium text-sm text-text-positive-weak`,children:r??`Unknown User`}),K(t,{variant:`sm`,className:`mt-0! text-text-positive-weak text-xs`,children:i})]})]}),Qe=R(null),$e=()=>{let e=B(Qe);if(!e)throw Error(`useTableInnerWrapperContext must be used within a TableInnerWrapperProvider`);return e},et=R(null),tt=()=>{let e=B(et);if(!e)throw Error(`useTableInnerTableContext must be used within a TableInnerTableProvider`);return e},nt=R(null),rt=()=>{let e=B(nt);if(!e)throw Error(`useTableHeaderRowContext must be used within a TableHeaderRowProvider`);return e},it=R(null),at=()=>{let e=B(it);if(!e)throw Error(`useTableBodyContext must be used within a TableBodyProvider`);return e},ot=R(null),st=()=>{let e=B(ot);if(!e)throw Error(`useTableRowContext must be used within a TableRowProvider`);return e},ct=R(null),Q=()=>{let e=B(ct);if(!e)throw Error(`useTableContext must be used within a TableProvider`);return e},lt=R(null),ut=()=>{let e=B(lt);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},dt=Y([`absolute right-2 z-10 p-0.5 opacity-0 bg-card`,`cursor-pointer rounded-full transition-all`,`text-text-positive-weak`,`[&>svg]:size-4`,`group-hover:opacity-100`,`hover:bg-muted-muted hover:text-text-positive`]),ft=Y([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),pt=Y([`relative m-0 flex size-full flex-col flex-nowrap items-start justify-start gap-2`]),mt=Y([`relative size-full overflow-auto border-b border-b-border border-l border-l-border bg-card`]),ht=Y([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start [&_tfoot_td]:border-t`]),gt=Y([`sticky top-0 z-20 h-9 w-full`,`grid select-none bg-muted-bg-subtle`,`border-b border-b-border shadow`,`font-medium text-[13px] text-text-positive-weak`,`[&_tr:not(:last-child)_td]:border-b`,`[&_th]:inline-flex`,`[&_th]:items-center`,`[&_th]:transition-all`,`[&_th]:duration-300`,`[&_th]:whitespace-nowrap`,`[&_th]:border-border`,`[&_th]:border-r`,`[&_th]:last:border-r-0`,`[&_th]:first:border-l-0`,`[&_tr_th:not([data-pinned=false])]:bg-muted-bg-subtle`]),_t=Y([`flex`]),vt=Y([`group flex`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`},isActions:{true:`border-r-0!`,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``},position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},compoundVariants:[{isPinned:`left`,isLastCell:void 0,className:`border-r border-r-border`},{isPinned:`right`,isFirstCell:void 0,className:`border-l border-l-border`}]}),yt=Y(`relative w-full,grid,[&_tr]:absolute,[&_tr]:flex,[&_tr]:flex-none,[&_tr]:w-full,[&_tr]:cursor-pointer [&_tr]:focus:outline-none,[&_tr]:border-b [&_tr]:border-b-border,[&_td]:z-10,[&_td]:transition-all,[&_td]:duration-300,[&_td]:flex,[&_td]:flex-none,[&_td]:overflow-hidden,[&_td]:whitespace-nowrap,[&_td]:px-4,[&_td]:py-2.5,[&_td]:align-middle,[&_td]:border-border,[&_td]:data-[selected=true]:bg-muted-muted!,[&_td]:data-[selected=true]:hover:bg-muted-muted!,[&_td>div]:inline-flex,[&_td>div]:items-center,[&_td>div]:w-full,[&_td:not([data-pinned=false])]:z-20,[&_td:not([data-pinned=false])]:sticky,[&_td:not([data-pinned=false])]:bg-card`.split(`,`)),bt=Y([`group [&_td]:border-r [&_td]:border-r-border [&_td]:last:border-r-0`]),xt=Y([`group-hover:bg-muted-bg-subtle!`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`}},defaultVariants:{isPinned:void 0}}),St=Y([`sticky border-r-0! inset-y-0 right-0 z-50 flex items-center pr-4 group-hover:bg-muted-bg-subtle!`]),Ct=Y([`group-hover:bg-muted-bg-subtle!`],{variants:{isPinned:{left:``,right:``,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:void 0,className:`border-r border-r-border`},{isPinned:`right`,isFirstCell:void 0,className:`border-l border-l-border`}]}),wt=Y([`overflow-x-hidden`],{variants:{position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},defaultVariants:{position:`start`}}),Tt=Y([`flex w-full justify-center border-border-weak border-t py-2 font-medium [&>tr]:last:border-b-0`]),Et=Y([`flex cursor-pointer gap-x-0.5`],{variants:{state:{idle:`text-text-positive-weak hover:text-text-positive`,fetching:`cursor-not-allowed`,error:`text-danger hover:text-danger-strong`}},defaultVariants:{state:`idle`}}),Dt=z(({height:e,className:t,children:n,...r})=>{let{isFetching:i,isRefetching:a,isEmpty:o}=at();return o||i||a?null:K(`tbody`,{slot:`table-body`,style:{height:e},className:J(yt(),t),...r,children:n})});Dt.displayName=`UITableBody`;const Ot=z(({isPinned:e=!1,isFirstCell:t=!1,isLastCell:n=!1,colId:r,position:i=`start`,column:a,getContext:o,...s})=>{let{innerTableId:c,table:l}=tt(),u=W(null),d=W(null),f=U(()=>{let t=a?.getStart(`left`);return e===`left`&&typeof t==`number`?`${t}px`:void 0},[e,a]),p=U(()=>{let t=a?.getAfter(`right`);return e===`right`&&typeof t==`number`?`${t}px`:void 0},[e,a]),m=U(()=>`calc(var(--col-${r}-size) * 1px)`,[r]),h=U(()=>a?.columnDef.minSize?`calc(var(--col-${r}-minSize) * 1px)`:void 0,[r,a]),g=U(()=>a?.columnDef.maxSize?`calc(var(--col-${r}-maxSize) * 1px)`:void 0,[r,a]),_=U(()=>X(a?.columnDef.cell,o()),[a,o]);return H(()=>{u.current=document.querySelector(`table[id="${c}"]`)},[c]),H(()=>{if(!d.current)return;let e=d.current.scrollWidth,t=a?.getSize();t!=null&&e>t&&u.current instanceof HTMLTableElement&&typeof r==`string`&&a?.columnDef.meta?.fitContent&&l.setColumnSizing(t=>({...t,[r]:e+32}))},[r,a,l]),K(`td`,{slot:`table-body-cell`,"data-pinned":e,"data-lastcell":n||void 0,"data-firstcell":t||void 0,style:{left:f,right:p,width:m,minWidth:h,maxWidth:g},className:Ct({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),...s,children:K(`div`,{ref:d,slot:`table-body-cell-inner`,className:wt({position:i}),children:_})})});Ot.displayName=`UITableCell`;const kt=z(({virtualRowIndex:e,column:t,getContext:n,className:r,...i})=>{let a=U(()=>X(t?.columnDef.cell,n()),[t,n]);return K(`td`,{"data-col":`actions`,"data-cell":e,className:St(),...i,children:a})});kt.displayName=`UITableCellActions`;const $=z(({isPinned:e,isSelected:t=!1,className:n,onToggleRowSelected:r,...i})=>{let a=V(e=>{r?.(!!e)},[r]);return K(`td`,{slot:`table-body-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:J(xt({isPinned:e}),n),...i,children:K(`div`,{"data-slot":`table-cell-inner`,className:`flex! w-full! items-center justify-center bg-transparent text-center align-middle`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:K(y,{"aria-label":`Select Row`,checked:t,onCheckedChange:a})})})});$.displayName=`UITableCellSelect`;const At=z(()=>{let{table:e,isEmpty:t,loadingDisplayRow:n=3}=Q();return t?null:K(`tbody`,{className:J(yt(),`pointer-events-none`),children:Array.from({length:n}).map((t,n)=>K(`tr`,{"data-slot":`table-row`,"data-index":n,className:J(bt(),`animate-pulse relative!`),children:e.getAllColumns().map((t,r)=>{let i=t.getIsPinned(),a=t.getStart(`left`),o=t.getAfter(`right`);return t.id===`actions`?K(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,style:{width:60},className:St(),children:K(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})},`${t.id}-${r}`):t.id===`select`?K(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:xt({isPinned:`left`}),children:K(`div`,{className:`w-full flex justify-center`,children:K(`div`,{className:`size-4 bg-muted-muted rounded-full`})})},`${t.id}-${n}`):K(`td`,{"data-col":t.id,"data-cell":r,"data-selected":void 0,"data-lastcell":t.id===e.getAllColumns()[e.getAllColumns().length-1].id||void 0,"data-firstcell":t.id===e.getAllColumns()[0].id||void 0,style:{zIndex:i?20:0,left:i===`left`&&typeof a==`number`?`${a}px`:void 0,right:i===`right`&&typeof o==`number`?`${o}px`:void 0,width:`calc(var(--col-${t.id}-size) * 1px)`,minWidth:t.columnDef.minSize?`calc(var(--col-${t.id}-minSize) * 1px)`:void 0,maxWidth:t.columnDef.maxSize?`calc(var(--col-${t.id}-maxSize) * 1px)`:void 0},className:Ct({isPinned:t.getIsPinned(),isFirstCell:t.id===e.getRightHeaderGroups()[0]?.headers[0]?.id,isLastCell:t.id===e.getLeftHeaderGroups()[0]?.headers[e.getLeftHeaderGroups()[0].headers.length-1]?.id}),children:K(`div`,{className:wt({position:t.columnDef.meta?.position??`start`}),children:K(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})})},`${t.id}-${r}`)})},n))})}),jt=z(()=>{let{isEmpty:e,emptyDisplayHeight:t}=Q();return e?K(De,{children:e&&K(`div`,{className:ft(),style:{minHeight:t??`24rem`},children:q(`div`,{className:`flex flex-col items-center gap-1`,children:[K(se,{strokeWidth:1,size:48}),K(`p`,{children:`No data available`})]})})}):null});jt.displayName=`UITableEmptyDisplay`;const Mt=z(({className:e,children:t,...n})=>K(`tfoot`,{slot:`table-footer`,className:J(Tt(),e),...n,children:t}));Mt.displayName=`UITableFooter`;const Nt=z(({className:e,children:t,...n})=>K(`thead`,{slot:`table-head`,className:J(gt(),e),...n,children:t}));Nt.displayName=`UITableHead`;const Pt=z(({isPinned:e,onLeftPin:t,onRightPin:n,onUnpin:r,className:i})=>{let a=V(()=>{t?.(`left`)},[t]),o=V(()=>{n?.(`right`)},[n]),s=V(()=>{r?.(!1)},[r]);return q(_,{children:[K(m,{asChild:!0,children:K(`button`,{type:`button`,className:J(dt(),i),children:K(P,{})})}),K(g,{align:`end`,className:`w-64 p-4`,children:q(h,{className:`*:data-[slot=dropdown-menu-item]:rounded-xs *:data-[slot=dropdown-menu-item]:p-2`,children:[K(L,{mode:e?`visible`:`hidden`,children:q(f,{onClick:s,children:[!!e&&`Unpin`,K(p,{children:K(_e,{className:`size-4`})})]})}),q(L,{mode:e?`hidden`:`visible`,children:[q(f,{onClick:a,children:[e?`Unpin`:`Pin to Left`,K(p,{children:K(he,{className:`size-4`})})]}),q(f,{onClick:o,children:[e?`Unpin`:`Pin to Right`,K(p,{children:K(ge,{className:`size-4`})})]})]})]})})]})});Pt.displayName=`UITableHeadCellOption`;const Ft=z(({isVisible:e=!0,isPinned:t=!1,isFirstCell:n=!1,isLastCell:r=!1,isOptionsVisible:i=!0,headerId:a,headerColumn:o,className:s,children:c,onColumnPin:l,onToggleVisibility:u,...d})=>{let f=o?.columnDef.meta?.position,p=U(()=>t?20:void 0,[t]),m=U(()=>{let e=o?.getStart?.(`left`);return t===`left`&&typeof e==`number`?`${e}px`:void 0},[t,o]),h=U(()=>{let e=o?.getAfter?.(`right`);return t===`right`&&typeof e==`number`?`${e}px`:void 0},[t,o]),g=U(()=>`calc(var(--header-${a}-size) * 1px)`,[a]),_=U(()=>o?.columnDef.minSize?`calc(var(--col-${a}-minSize) * 1px)`:void 0,[a,o]),v=U(()=>o?.columnDef.maxSize?`calc(var(--col-${a}-maxSize) * 1px)`:void 0,[a,o]);return q(`th`,{slot:`table-head-cell`,"data-pinned":t,"data-header":a,style:{zIndex:p,left:m,right:h,width:g,minWidth:_,maxWidth:v},className:J(vt({isPinned:t||`false`,isActions:a===`actions`,isLastCell:r,isFirstCell:n,position:f}),s),...d,children:[K(`div`,{className:`truncate px-4`,children:c}),i&&K(Pt,{isPinned:t,isVisible:e,onLeftPin:l,onRightPin:l,onUnpin:l})]})});Ft.displayName=`UITableHeadCell`;const It=z(({isPinned:e,isAllRowsSelected:t,style:n,onToggleAllRowsSelected:r,...i})=>{let a=V(e=>{r?.(!!e)},[r]);return K(`th`,{slot:`table-header-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:xt({isPinned:e}),...i,children:K(`div`,{className:`absolute inset-0 flex items-center justify-center`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:K(y,{"aria-label":`Select All Rows`,checked:t,onCheckedChange:a})})})});It.displayName=`UITableHeadCellSelect`;const Lt=z(({headerGroup:e,className:t,...n})=>{let{isAllRowsSelected:r,columnPinningState:i,leftPinnedHeaders:a,rightPinnedHeaders:o,onToggleAllRowsSelected:s}=rt(),c=o[0]?.id,l=a[a.length-1]?.id;return K(`tr`,{slot:`table-head-row`,className:J(_t(),t),...n,children:e.headers.map((e,t)=>{let n=e.column.getIsVisible(),a=i.left?.includes(e.id)?`left`:i.right?.includes(e.id)?`right`:!1;return e.id===`select`?K(It,{isPinned:a,isAllRowsSelected:r,onToggleAllRowsSelected:s},e.id):K(Ft,{isVisible:n,isPinned:a,isFirstCell:e.id===c,isLastCell:e.id===l,isOptionsVisible:![`select`,`actions`].includes(e.id),headerId:e.id,headerColumn:e.column,colSpan:e.colSpan,onColumnPin:e.column.pin,onToggleVisibility:e.column.toggleVisibility,children:X(e.column.columnDef.header,e.getContext())},`${e.id}-${t}`)})})});Lt.displayName=`UITableHeadRow`;const Rt=z(({children:e,...t})=>{let{table:n,innerTableId:r,totalSize:i}=tt(),a=W(null);return H(()=>{if(!a.current)return;let e=n.getFlatHeaders(),t,r=new ResizeObserver(r=>{t!==void 0&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{let t=r[0];if(!t)return;let i=t.target;if(!(i instanceof HTMLTableElement))return;let a=t.contentRect.width,{left:o=[],right:s=[]}=n.getState().columnPinning,c=0,l=0,u=0,d=e.map(e=>{let{id:t}=e,n=t===`select`||t===`actions`,r=o.includes(t)||s.includes(t),i=e.getSize(),a=e.column.columnDef.maxSize;return n?(c+=60,{id:t,isFlex:!1,width:60}):r?(c+=i,{id:t,isFlex:!1,width:i}):e.column.columnDef.size||i!==150?(u+=i,{id:t,isFlex:!1,width:i}):(l++,{id:t,isFlex:!0,maxSize:a})}),f=a-c-u,p=l>0?Math.max(0,Math.floor(f/l)):0;d.forEach(e=>{if(e.isFlex){let t=e.maxSize?Math.min(p,e.maxSize):p;i.style.setProperty(`--header-${e.id}-size`,`${t}`),i.style.setProperty(`--col-${e.id}-size`,`${t}`),e.maxSize&&i.style.setProperty(`--col-${e.id}-maxSize`,`${e.maxSize}`)}else i.style.setProperty(`--header-${e.id}-size`,`${e.width}`),i.style.setProperty(`--col-${e.id}-size`,`${e.width}`)})})});return r.observe(a.current),()=>{t!==void 0&&cancelAnimationFrame(t),r.disconnect()}},[n.getState().columnSizingInfo,n.getState().columnSizing,n.getState().columnPinning]),K(`table`,{id:r,ref:a,slot:`table-inner-table`,className:ht(),style:{minWidth:i},...t,children:e})});Rt.displayName=`UITableInnerTable`;const zt=z(({children:e,...t})=>{let{innerWrapperId:n}=$e();return K(`div`,{id:n,slot:`table-inner-wrapper`,className:mt(),...t,children:e})});zt.displayName=`UITableInnerWrapper`;const Bt=z(({virtualRowIndex:e,virtualRowStart:t,fetchMoreData:n})=>{let{innerWrapperId:r}=$e(),i=W(null),a=W(null),[o,s]=G(`idle`),[c,l]=G(0),u=V(async()=>{try{s(`fetching`),await n?.(),s(`idle`)}catch(e){console.error(`Error fetching more data:`,e),s(`error`)}},[n]);return H(()=>{if(i.current=document.querySelector(`div[id="${r}"]`),!i.current)return;let e=new ResizeObserver(e=>{l(e[0].contentRect.width)});return e.observe(i.current),()=>e.disconnect()},[r]),n?K(`tr`,{ref:a,"data-index":e,style:{transform:`translateY(${t}px)`,width:c},className:`sticky! left-0 h-10`,children:K(`td`,{className:`absolute left-0 flex w-full items-center justify-center text-xs`,children:q(`button`,{type:`button`,disabled:o===`fetching`,className:Et({state:o}),onClick:u,children:[o===`idle`&&K(j,{className:`size-4`}),o===`fetching`&&K(ee,{className:`size-4 animate-spin`}),o===`error`&&K(D,{className:`size-4 text-danger`}),o===`idle`&&`Load More`,o===`fetching`&&`Loading...`,o===`error`&&`Error! Retry?`]})})}):null});Bt.displayName=`UITableLoadMore`;const Vt=z(({row:e,isSelected:t,virtualRowIndex:n,virtualRowStart:r,children:i,...a})=>{let{keyOfClickRow:o,isAllRowsSelected:s,columnPinningState:c,leftPinnedHeaders:l,rightPinnedHeaders:u,onClickRow:d}=st(),f=U(()=>c.left??[],[c]),p=U(()=>c.right??[],[c]),m=U(()=>u?.[0]?.id,[u]),h=U(()=>l?.[l.length-1]?.id,[l]),g=V(t=>{let r=o?e.original?.[o]:void 0;d?.(n,typeof r==`string`||typeof r==`number`?r:void 0),t.preventDefault(),t.stopPropagation()},[o,d,e,n]);return K(`tr`,{slot:`table-row`,"data-index":n,style:{transform:`translateY(${r}px)`},className:bt(),onClick:g,...a,children:e.getVisibleCells().map((e,r)=>{let i=f.includes(e.column.id),a=p.includes(e.column.id),o=i?`left`:a?`right`:!1;return e.column.id===`actions`?K(kt,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,virtualRowIndex:n,column:e.column,getContext:e.getContext},`${e.id}-${r}`):e.column.id===`select`?K($,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isSelected:s||t,onToggleRowSelected:e.row.toggleSelected},`${e.id}-${r}`):K(Ot,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isFirstCell:e.column.id===m,isLastCell:e.column.id===h,colId:e.column.id,position:e.column.columnDef.meta?.position??`start`,column:e.column,getContext:e.getContext},`${e.id}-${r}`)})})});Vt.displayName=`UITableRow`;const Ht=z(({className:e,children:t,...n})=>K(`div`,{slot:`table-wrapper`,className:J(pt(),e),...n,children:t}));Ht.displayName=`UITableWrapper`;const Ut=({children:e})=>{let{table:t,isEmpty:n,isFetching:r,fetchMoreData:i,emptyDisplayHeight:a}=Q(),{rowSelectionState:o}=at(),s=W(null),{rows:c}=t.getRowModel(),l=Ne({count:c.length+(i?1:0),estimateSize:()=>40,getScrollElement:()=>s.current,measureElement:typeof window<`u`&&navigator.userAgent.indexOf(`Firefox`)===-1?e=>e?.getBoundingClientRect().height:void 0,overscan:2}),u=U(()=>{let e=l.getTotalSize(),t=s.current?.clientHeight??0;return`${Math.max(e,t)}px`},[l.getTotalSize()]);return q(te,{direction:`horizontal`,style:{direction:t.options.columnResizeDirection},className:`relative flex w-full max-w-full flex-1 gap-1 overflow-auto border-t border-t-border border-r border-r-border bg-slate-50 p-0 text-sm`,children:[K(b,{className:`relative`,children:q(zt,{ref:s,children:[q(Rt,{children:[K(Nt,{children:t.getHeaderGroups().map(e=>K(Lt,{headerGroup:e},e.id))}),K(Dt,{height:u,children:l.getVirtualItems().map(e=>{let t=c[e.index];if(!t&&i)return K(Bt,{virtualRowIndex:e.index,virtualRowStart:e.start,fetchMoreData:i},e.key);let n=o[t.id]===!0;return K(Vt,{ref:l.measureElement,row:t,isSelected:n,virtualRowIndex:e.index,virtualRowStart:e.start},e.key)})}),K(At,{})]}),K(jt,{})]})}),e&&q(De,{children:[K(x,{}),e]})]})},Wt={tag:K(be,{size:14}),"date-range":K(k,{size:14}),number:K(I,{size:14}),text:K(Ce,{size:14}),boolean:K(xe,{size:14})},Gt=[{value:`eq`,label:`Equals (=)`},{value:`ne`,label:`not equals (≠)`},{value:`gt`,label:`greater than (>)`},{value:`gte`,label:`At least (≥)`},{value:`lt`,label:`less than (<)`},{value:`lte`,label:`at most (≤)`},{value:`between`,label:`Between`}],Kt=[{value:`contains`,label:`Contains`},{value:`equals`,label:`Equals`},{value:`starts-with`,label:`Starts with`},{value:`ends-with`,label:`Ends with`}];function qt(e,t){switch(e.type){case`tag`:return e.values.length?e.values.map(e=>t.options?.find(t=>t.value===e)?.label??e).join(`, `):`Unset`;case`date-range`:return!e.from&&!e.to?`Unknow date`:e.from&&e.to?`${e.from} → ${e.to}`:e.from?`from ${e.from}`:`until ${e.to}`;case`number`:{let t={eq:`=`,ne:`≠`,gt:`>`,gte:`≥`,lt:`<`,lte:`≤`,between:`between`}[e.operator];return e.value===void 0?t:e.operator===`between`?`${t} ${e.value} – ${e.valueTo??`?`}`:`${t} ${e.value}`}case`text`:{let t={contains:`contains`,equals:`is`,"starts-with":`starts with`,"ends-with":`ends with`}[e.operator];return e.value?`${t} "${e.value}"`:t}case`boolean`:return e.value===null?`Unknow`:e.value?`Yes`:`No`}}const Jt=({value:e,definition:t,onChange:n})=>K(`div`,{className:`flex flex-col gap-1 p-3`,children:(t.options??[]).length===0?K(`p`,{className:`text-xs text-text-positive-muted`,children:`No options defined`}):t.options.map(t=>q(oe,{className:J(`flex items-center gap-2 bg-secondary-bg-subtle hover:bg-secondary-muted px-4 py-2 rounded transition-colors`,e.values.includes(t.value)&&`bg-primary-muted hover:bg-primary-subtle`),children:[K(y,{checked:e.values.includes(t.value),onCheckedChange:r=>{n({type:`tag`,values:r?[...e.values,t.value]:e.values.filter(e=>e!==t.value)})}}),K(`span`,{className:`text-sm`,children:t.label})]},t.value))}),Yt=({value:e,onChange:t})=>q(`div`,{className:`flex flex-col gap-3 p-3`,children:[q(`div`,{className:`flex flex-col gap-1`,children:[K(`span`,{className:`text-xs text-text-positive-muted`,children:`From`}),K(S,{type:`date`,size:`md`,value:e.from??``,onValueChange:n=>t({...e,from:n||void 0})})]}),q(`div`,{className:`flex flex-col gap-1`,children:[K(`span`,{className:`text-xs text-text-positive-muted`,children:`To`}),K(S,{type:`date`,size:`md`,value:e.to??``,onValueChange:n=>t({...e,to:n||void 0})})]})]}),Xt=({value:e,onChange:t})=>q(`div`,{className:`flex flex-col gap-3 p-3`,children:[q(ae,{value:e.operator,onValueChange:n=>t({...e,operator:n}),children:[K(ie,{size:`sm`,children:K(w,{})}),K(E,{children:Gt.map(e=>K(T,{value:e.value,children:e.label},e.value))})]}),K(S,{type:`number`,size:`md`,placeholder:`Value`,value:e.value??``,onValueChange:n=>t({...e,value:n?Number(n):void 0})}),e.operator===`between`&&K(S,{type:`number`,size:`md`,placeholder:`To value`,value:e.valueTo??``,onValueChange:n=>t({...e,valueTo:n?Number(n):void 0})})]}),Zt=({value:e,onChange:t})=>q(`div`,{className:`flex flex-col gap-3 p-3`,children:[q(ae,{value:e.operator,onValueChange:n=>t({...e,operator:n}),children:[K(ie,{size:`sm`,children:K(w,{})}),K(E,{children:Kt.map(e=>K(T,{value:e.value,children:e.label},e.value))})]}),K(S,{type:`text`,size:`md`,placeholder:`Enter text...`,value:e.value,onValueChange:n=>t({...e,value:n})})]}),Qt=[{label:`Yes`,value:!0},{label:`No`,value:!1},{label:`Unknow`,value:null}],$t=({value:t,onChange:n})=>K(`div`,{className:`flex flex-col gap-1 p-3`,children:Qt.map(({label:r,value:i})=>K(e,{type:`button`,tabIndex:-1,variant:`outline`,className:J(`rounded px-3 py-1.5 text-left text-sm transition-colors`,t.value===i?`bg-primary-muted font-medium`:`hover:bg-muted-bg-subtle`),onClick:()=>n({type:`boolean`,value:i}),children:r},r))});function en({value:e,definition:t,onChange:n}){switch(e.type){case`tag`:return K(Jt,{value:e,definition:t,onChange:n});case`date-range`:return K(Yt,{value:e,onChange:n});case`number`:return K(Xt,{value:e,onChange:n});case`text`:return K(Zt,{value:e,onChange:n});case`boolean`:return K($t,{value:e,onChange:n})}}const tn=({filter:t,definition:n,onRemove:r,onUpdate:i})=>q(`div`,{className:`flex items-center gap-1`,children:[q(re,{children:[K(C,{asChild:!0,children:q(e,{type:`button`,variant:`outline`,color:`muted`,className:`flex-1 bg-white max-w-[calc(100%-32px)] justify-start`,innerClassName:`flex truncate gap-1.5`,children:[K(`span`,{className:`shrink-0 text-text-positive font-medium`,children:n.label}),K(`span`,{className:`truncate text-xs text-text-positive-weak`,children:qt(t.value,n)})]})}),q(ne,{className:`w-64 p-0`,align:`start`,side:`bottom`,children:[K(`div`,{className:`border-b border-border px-3 py-2`,children:q(`div`,{className:`flex items-center gap-1.5`,children:[K(`span`,{className:`text-text-positive-muted`,children:Wt[n.type]}),K(`p`,{className:`font-medium`,children:n.label})]})}),K(en,{value:t.value,definition:n,onChange:i})]})]}),K(e,{type:`button`,size:`icon`,variant:`soft`,color:`danger`,className:`shrink`,onClick:r,children:K(Se,{size:13})})]}),nn=({checked:e,title:t,onCheckedChange:n})=>q(`div`,{className:`flex h-fit items-center gap-2`,children:[K(y,{checked:e,onCheckedChange:n}),K(`p`,{className:`text-sm`,children:t})]}),rn=()=>{let{table:t}=Q(),{filterDefinitions:n,activeFilters:r,addFilter:i,removeFilter:a,updateFilter:o}=ut(),[s,c]=G(null),l=n.filter(e=>!r.some(t=>t.definitionId===e.id));return K(b,{defaultSize:25,className:J(`bg-card`,s===null?`max-w-8!`:`min-w-64`),children:q(`div`,{className:`relative z-20 flex size-full bg-muted-bg-subtle`,children:[q(`div`,{className:`min-w-0 flex-1 overflow-hidden`,children:[K(L,{mode:s===`columns`?`visible`:`hidden`,children:q(`div`,{className:`flex size-full flex-col gap-2 p-4`,children:[K(`p`,{className:`px-2 font-medium`,children:`Columns Visibility`}),K(d,{}),K(`div`,{className:`flex flex-col gap-4 pt-4`,children:t.getAllColumns().map(e=>[`select`,`actions`].includes(e.id)?null:K(nn,{checked:e.getIsVisible(),title:String(e.columnDef.header),onCheckedChange:t=>e.toggleVisibility(!!t)},e.id))})]})}),K(L,{mode:s===`filters`?`visible`:`hidden`,children:q(`div`,{className:`flex size-full flex-col gap-2 p-4`,children:[q(`div`,{className:`flex items-center justify-between gap-2`,children:[K(`p`,{className:`font-medium`,children:`Filters`}),q(_,{children:[K(m,{asChild:!0,children:q(e,{variant:`outline`,color:`muted`,disabled:l.length===0,children:[K(de,{size:13}),`Add Filter`]})}),K(g,{align:`end`,children:l.map(e=>q(f,{className:`flex items-center gap-2`,onClick:()=>i(e.id),children:[Wt[e.type],e.label]},e.id))})]})]}),K(d,{}),r.length===0?K(`p`,{className:`py-6 text-center text-xs text-text-positive-muted`,children:`No active filters`}):K(`div`,{className:`flex flex-col gap-2 pt-1`,children:r.map(e=>{let t=n.find(t=>t.id===e.definitionId);return t?K(tn,{filter:e,definition:t,onRemove:()=>a(e.id),onUpdate:t=>o(e.id,t)},e.id):null})})]})})]}),q(`div`,{className:`flex h-full flex-col border-l border-border bg-muted-bg-subtle text-sm`,children:[q(`button`,{type:`button`,className:J(`flex h-32 cursor-pointer flex-col items-center gap-y-2 p-2 py-4`,s===`columns`&&`bg-card`),onClick:()=>c(s===`columns`?null:`columns`),children:[K(M,{size:18}),K(`span`,{className:`text-nowrap [writing-mode:vertical-lr]`,children:`Columns`})]}),K(d,{}),q(`button`,{type:`button`,className:J(`relative flex h-32 cursor-pointer flex-col items-center gap-y-2 p-2 py-4`,s===`filters`&&`bg-card`),onClick:()=>c(s===`filters`?null:`filters`),children:[K(ue,{size:18}),r.length>0&&K(`span`,{className:`absolute top-2 right-1.5 flex h-4 w-4 items-center justify-center rounded-full bg-primary text-[10px] leading-none text-primary-foreground`,children:r.length}),K(`span`,{className:`text-nowrap [writing-mode:vertical-lr]`,children:`Filters`})]}),K(d,{})]})]})})};function an(e){switch(e){case`tag`:return{type:`tag`,values:[]};case`date-range`:return{type:`date-range`};case`number`:return{type:`number`,operator:`eq`};case`text`:return{type:`text`,operator:`contains`,value:``};case`boolean`:return{type:`boolean`,value:null}}}const on=z(({innerWrapperId:e,children:t})=>{let n=U(()=>({innerWrapperId:e}),[e]);return K(Qe.Provider,{value:n,children:t})});on.displayName=`UITableInnerWrapperProvider`;const sn=z(({table:e,innerTableId:t,totalSize:n,children:r})=>{let i=U(()=>({table:e,innerTableId:t,totalSize:n}),[e,t,n]);return K(et.Provider,{value:i,children:r})});sn.displayName=`UITableInnerTableProvider`;const cn=z(({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i,children:a})=>{let o=U(()=>({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i}),[e,t,n,r,i]);return K(nt.Provider,{value:o,children:a})});cn.displayName=`UITableHeadRowProvider`;const ln=z(({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r,children:i})=>{let a=U(()=>({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r}),[e,n,r]);return K(it.Provider,{value:a,children:i})});ln.displayName=`UITableBodyProvider`;const un=z(({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a,children:o})=>{let s=U(()=>({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a}),[e,t,n,r,i,a]);return K(ot.Provider,{value:s,children:o})});un.displayName=`UITableRowProvider`;const dn=({title:e,isFetching:t=!1,isRefetching:n=!1,isLoading:r=!1,loadingDisplayRow:i=3,data:a,columns:o,totalRows:s,leftPinnedColumns:c=[],rightPinnedColumns:l=[],keyOfClickRow:u,onClickRow:d,onRowSelection:f,onColumnPinning:p,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_,filterDefinitions:v=[],onFilterChange:y,children:ee})=>{let b=Ee(),te=Ee(),[x,S]=G({}),[C,ne]=G({right:l,left:[`select`,...c]}),[re,w]=G({}),[T,E]=G([]),ie=V(e=>(S(e),f?.(e instanceof Function?e(x):e),e),[x,f]),ae=V(e=>{ne(e),p?.(e instanceof Function?e(C):e)},[C,p]),oe=V(e=>{let t=v.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:an(t.type)};E(e=>{let t=[...e,n];return y?.(t),t})},[v,y]),D=V(e=>{E(t=>{let n=t.filter(t=>t.id!==e);return y?.(n),n})},[y]),O=V((e,t)=>{E(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return y?.(r),r})},[y]),se=U(()=>({filterDefinitions:v,activeFilters:T,addFilter:oe,removeFilter:D,updateFilter:O}),[v,T,oe,D,O]),k=Me({data:a,columns:o,state:{rowSelection:x,columnPinning:C,expanded:re},defaultColumn:{enableResizing:!1,size:void 0,minSize:void 0,maxSize:void 0},columnResizeMode:`onChange`,columnResizeDirection:`ltr`,enableColumnPinning:!0,enableRowSelection:!0,enableColumnResizing:!0,enableMultiRowSelection:!0,autoResetAll:!1,autoResetExpanded:!1,autoResetPageIndex:!1,getSubRows:e=>e.subRows,getCoreRowModel:ke(),getGroupedRowModel:je(),getExpandedRowModel:Ae(),onRowSelectionChange:ie,onColumnPinningChange:ae,onExpandedChange:w}),A=U(()=>{let{rows:e}=k.getRowModel();return e},[k.getRowModel().rows,k.getState().columnPinning]),j=U(()=>!t&&!n&&A.length===0,[A.length,t,n]),ce=U(()=>({title:e,table:k,isEmpty:j,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:s,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_}),[e,k,j,n,t,r,i,s,m,h,k.getState().columnPinning,k.getState().expanded,g,_]),M=U(()=>k.getState(),[k.getState()]),N=U(()=>k.getIsAllRowsSelected(),[k.getIsAllRowsSelected()]),le=U(()=>M.rowSelection,[M.rowSelection]),P=U(()=>M.columnPinning,[M.columnPinning]),F=U(()=>k.getLeftHeaderGroups()[0]?.headers||[],[k.getState().columnPinning]),I=U(()=>k.getRightHeaderGroups()[0]?.headers||[],[k.getState().columnPinning]),ue=U(()=>k.getTotalSize(),[k.getTotalSize()]);return K(lt.Provider,{value:se,children:K(ct.Provider,{value:ce,children:K(on,{innerWrapperId:b,children:K(sn,{table:k,innerTableId:te,totalSize:ue,children:K(cn,{isAllRowsSelected:N,columnPinningState:P,leftPinnedHeaders:F,rightPinnedHeaders:I,onToggleAllRowsSelected:k.toggleAllRowsSelected,children:K(ln,{isFetching:t,isRefetching:n,isEmpty:j,rowSelectionState:le,children:K(un,{keyOfClickRow:u,isAllRowsSelected:N,columnPinningState:P,leftPinnedHeaders:F,rightPinnedHeaders:I,onClickRow:d,children:ee})})})})})})})};function fn(e){if(e==null)return``;if(typeof e==`number`)return String(e);if(typeof e==`boolean`)return e?`true`:`false`;let t=String(e);return t.includes(`,`)||t.includes(`"`)||t.includes(`
+`)||t.includes(`\r`)?`"${t.replace(/"/g,`""`)}"`:t}function pn(e){if(e.length===0)return``;let t=e[0].map(e=>fn(e.label)),n=e.map(e=>e.map(e=>fn(e.value)).join(`,`));return[t.join(`,`),...n].join(`
+`)}function mn(e,t){let n=pn(e);if(!n)return;let r=new Blob([n],{type:`text/csv;charset=utf-8;`}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=`${t}.csv`,a.click(),URL.revokeObjectURL(i)}const hn=({onSearch:e,onChange:t,...n})=>{let r=Pe(t=>{e?.(t)},500);return q(`div`,{className:`relative w-full max-w-80 flex-1`,children:[K(S,{...n,size:`lg`,type:`search`,placeholder:`Search records...`,className:`flex-1 ps-9 pe-9`,onChange:e=>{t?.(e),r(e.target.value??``)}}),K(`div`,{className:`pointer-events-none absolute inset-y-0 inset-s-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:K(ye,{size:16})}),K(`button`,{className:`absolute inset-y-0 inset-e-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:K(O,{size:16,"aria-hidden":`true`})})]})},gn=({children:e,disabled:t,onClick:n})=>K(`button`,{type:`button`,disabled:t,className:`flex cursor-pointer items-center gap-x-1 rounded-sm border border-border bg-background p-2.5 text-sm text-text-positive-weak outline-none transition-all hover:shadow-card focus:border-border-emphasis focus:bg-muted-muted active:border-border-emphasis active:bg-muted-muted active:text-text-positive disabled:pointer-events-none disabled:cursor-default disabled:opacity-60 [&_svg]:size-3.5`,onClick:n,children:e}),_n=({onCreate:e,onDownload:t,onRefresh:n})=>{let{table:r,csvData:i,csvFileName:a,title:o}=Q(),s=V(()=>{if(t){t();return}if(!i||i.length===0)return;let e=r.getSelectedRowModel().flatRows;mn(e.length>0?e.map(e=>i[e.index]).filter(Boolean):i,a||o)},[t,i,a,r,o]),c=!!(t||i&&i.length>0);return q(`div`,{className:`flex [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,children:[K(gn,{disabled:!e,onClick:t=>{e?.(),t.stopPropagation(),t.preventDefault()},children:K(ce,{})}),K(gn,{disabled:!n,onClick:e=>{n?.(),e.stopPropagation(),e.preventDefault()},children:K(ve,{})}),K(gn,{disabled:!c,onClick:e=>{s(),e.stopPropagation(),e.preventDefault()},children:K(le,{})})]})},vn=({children:e})=>{let{title:t}=Q();return q(`div`,{"data-slot":`table-tooltip`,className:`relative m-0 flex w-full flex-0 flex-col flex-wrap items-start space-y-2 p-0 px-2 text-sm`,children:[K(`h3`,{className:`font-semibold text-base text-text-positive`,children:t}),K(`div`,{className:`flex w-full flex-1 justify-between gap-x-2`,children:e})]})};vn.displayName=`TableTooltip`;export{Ue as A,Ze as C,Ke as D,qe as E,Re as F,Le as I,Ie as L,Ve as M,Be as N,Ge as O,ze as P,Fe as R,Dt as S,Ye as T,Mt as _,rn as a,kt as b,Vt as c,Rt as d,Lt as f,Nt as g,Pt as h,dn as i,He as j,We as k,Bt as l,Ft as m,_n as n,Ut as o,It as p,hn as r,Ht as s,vn as t,zt as u,jt as v,Xe as w,Ot as x,$ as y};
+//# sourceMappingURL=tables-BtcCgpJB.mjs.map