@customafk/lunas-ui 0.2.40 → 0.2.42

package/dist/ui/command.js

@@ -1 +1,2 @@
-"use client";import"../heading-Bz-hSatD.js";import"../paragraph-Cc13ZI4d.js";import"../close-C0PdZGxr.js";import"../dialog-CmutQ3rp.js";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"../command-2gUejA6g.js";export{c as Command,i as CommandDialog,o as CommandEmpty,n as CommandGroup,e as CommandInput,a as CommandItem,s as CommandList,t as CommandSeparator,r as CommandShortcut};
+"use client";import{SearchIcon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Dialog as i,DialogContent as a,DialogDescription as o,DialogHeader as s,DialogTitle as c}from"@/components/ui/dialog";import{Command as l}from"cmdk";function u({className:e,...r}){return n(l,{"data-slot":`command`,className:t(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,e),...r})}function d({title:e=`Command Palette`,description:l=`Search for a command to run...`,children:d,className:f,showCloseButton:p=!0,...m}){return r(i,{...m,children:[r(s,{className:`sr-only`,children:[n(c,{children:e}),n(o,{children:l})]}),n(a,{className:t(`overflow-hidden p-0`,f),showCloseButton:p,children:n(u,{className:t(`**:[[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`**:[[cmdk-input]]:h-12`,`**:[[cmdk-item]]:px-2`,`**:[[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:d})})]})}function f({className:i,...a}){return r(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-border-weak border-b px-3`,children:[n(e,{className:`size-4 shrink-0 opacity-50`}),n(l.Input,{"data-slot":`command-input`,className:t(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,i),...a})]})}function p({className:e,...r}){return n(l.List,{"data-slot":`command-list`,className:t(`max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden`,e),...r})}function m({...e}){return n(l.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function h({className:e,...r}){return n(l.Group,{"data-slot":`command-group`,className:t(`text-text-positive`,`overflow-hidden p-1`,`**:[[cmdk-group-heading]]:text-text-positive-weak`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:py-1.5`,`**:[[cmdk-group-heading]]:text-xs`,`**:[[cmdk-group-heading]]:font-medium`,e),...r})}function g({className:e,...r}){return n(l.Separator,{"data-slot":`command-separator`,className:t(`-mx-1 h-px bg-border-weak`,e),...r})}function _({className:e,...r}){return n(l.Item,{"data-slot":`command-item`,className:t(`relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...r})}function v({className:e,...r}){return n(`span`,{"data-slot":`command-shortcut`,className:t(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...r})}export{u as Command,d as CommandDialog,m as CommandEmpty,h as CommandGroup,f as CommandInput,_ as CommandItem,p as CommandList,g as CommandSeparator,v as CommandShortcut};
+//# sourceMappingURL=command.js.map

package/dist/ui/command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","names":["CommandPrimitive"],"sources":["../../packages/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';\n\nimport { Command as CommandPrimitive } from 'cmdk';\n\n/**\n * A cmdk-powered command palette for searching and executing commands.\n *\n * @example\n * ```tsx\n * import {\n *   Command, CommandInput, CommandList, CommandEmpty,\n *   CommandGroup, CommandItem,\n * } from '@customafk/lunas-ui/ui/command';\n *\n * <Command>\n *   <CommandInput placeholder=\"Type a command…\" />\n *   <CommandList>\n *     <CommandEmpty>No results found.</CommandEmpty>\n *     <CommandGroup heading=\"Suggestions\">\n *       <CommandItem>Calendar</CommandItem>\n *       <CommandItem>Search</CommandItem>\n *     </CommandGroup>\n *   </CommandList>\n * </Command>\n * ```\n */\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * A Command palette rendered inside a Dialog overlay.\n *\n * @param title - Accessible title for the dialog (screen-reader only).\n * @param description - Accessible description for the dialog (screen-reader only).\n * @param showCloseButton - Whether to show the built-in close button on the dialog.\n */\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '**:[[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '**:[[cmdk-group-heading]]:px-2',\n            '**:[[cmdk-group-heading]]:font-medium',\n            '**:[[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:px-2',\n            '**:[[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5'\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** Search input with a leading search icon that filters CommandItems in real time. */\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"flex h-9 items-center gap-2 border-border-weak border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/** Scrollable list that renders filtered CommandGroups and CommandItems. */\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden', className)} {...props} />;\n}\n\n/** Fallback message displayed when no CommandItems match the current search query. */\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />;\n}\n\n/** Groups CommandItems under an optional heading label. */\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '**:[[cmdk-group-heading]]:text-text-positive-weak',\n        '**:[[cmdk-group-heading]]:px-2',\n        '**:[[cmdk-group-heading]]:py-1.5',\n        '**:[[cmdk-group-heading]]:text-xs',\n        '**:[[cmdk-group-heading]]:font-medium',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups in a CommandList. */\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('-mx-1 h-px bg-border-weak', className)} {...props} />;\n}\n\n/** A selectable row inside a CommandGroup that is highlighted when active or hovered. */\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300',\n        'active:ring-border',\n        'active:opacity-60',\n        'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a CommandItem. */\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n"],"mappings":"yTAgCA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAACA,EAAAA,CACC,YAAU,UACV,UAAW,EAAG,sGAAuG,EAAU,CAC/H,GAAI,GACJ,CAWN,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAC,EAAA,CAAO,GAAI,YACV,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAA,SAAa,EAAA,CAAoB,CAClC,EAAC,EAAA,CAAA,SAAmB,EAAA,CAAgC,CAAA,EACvC,CACf,EAAC,EAAA,CAAc,UAAW,EAAG,sBAAuB,EAAU,CAAmB,2BAC/E,EAAC,EAAA,CACC,UAAW,EACT,qDACA,4CACA,iCACA,wCACA,yBACA,oDACA,sCACA,yBACA,wBACA,wBACA,6BACD,CAEA,YACO,EACI,CAAA,EACT,CAKb,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAC,MAAA,CAAI,YAAU,wBAAwB,UAAU,yEAC/C,EAAC,EAAA,CAAW,UAAU,6BAAA,CAA+B,CACrD,EAACA,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,yEACA,uCACA,8BACA,sBACA,EACD,CACD,GAAI,GACJ,CAAA,EACE,CAKV,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAiB,KAAA,CAAK,YAAU,eAAe,UAAW,EAAG,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAI1J,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,GAAS,CAI7G,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,qBACA,sBACA,oDACA,iCACA,mCACA,oCACA,wCACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAiB,UAAA,CAAU,YAAU,oBAAoB,UAAW,EAAG,4BAA6B,EAAU,CAAE,GAAI,GAAS,CAIvI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAACA,EAAiB,KAAA,CAChB,YAAU,eACV,UAAW,EACT,kIACA,qBACA,oBACA,gBACA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAC,OAAA,CAAK,YAAU,mBAAmB,UAAW,EAAG,2DAA4D,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/context-menu.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({...e}){return(0,r.jsx)(i.ContextMenu.Root,{"data-slot":`context-menu`,...e})}function o({...e}){return(0,r.jsx)(i.ContextMenu.Trigger,{"data-slot":`context-menu-trigger`,...e})}function s({...e}){return(0,r.jsx)(i.ContextMenu.Group,{"data-slot":`context-menu-group`,...e})}function c({...e}){return(0,r.jsx)(i.ContextMenu.Portal,{"data-slot":`context-menu-portal`,...e})}function l({...e}){return(0,r.jsx)(i.ContextMenu.Sub,{"data-slot":`context-menu-sub`,...e})}function u({...e}){return(0,r.jsx)(i.ContextMenu.RadioGroup,{"data-slot":`context-menu-radio-group`,...e})}function d({className:e,inset:a,children:o,...s}){return(0,r.jsxs)(i.ContextMenu.SubTrigger,{"data-slot":`context-menu-sub-trigger`,"data-inset":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,r.jsx)(t.ChevronRightIcon,{className:`ml-auto`})]})}function f({className:e,...t}){return(0,r.jsx)(i.ContextMenu.SubContent,{"data-slot":`context-menu-sub-content`,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(i.ContextMenu.Portal,{children:(0,r.jsx)(i.ContextMenu.Content,{"data-slot":`context-menu-content`,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md`,e),...t})})}function m({className:e,inset:t,variant:a=`default`,...o}){return(0,r.jsx)(i.ContextMenu.Item,{"data-slot":`context-menu-item`,"data-inset":t,"data-variant":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o})}function h({className:e,children:a,checked:o,...s}){return(0,r.jsxs)(i.ContextMenu.CheckboxItem,{"data-slot":`context-menu-checkbox-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.ContextMenu.ItemIndicator,{children:(0,r.jsx)(t.CheckIcon,{className:`size-4`})})}),a]})}function g({className:e,children:a,...o}){return(0,r.jsxs)(i.ContextMenu.RadioItem,{"data-slot":`context-menu-radio-item`,className:(0,n.cn)(`relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none`,`focus:bg-accent`,`focus:text-accent-foreground`,`data-[disabled]:pointer-events-none`,`data-[disabled]:opacity-50`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.ContextMenu.ItemIndicator,{children:(0,r.jsx)(t.CircleIcon,{className:`size-2 fill-current`})})}),a]})}function _({className:e,inset:t,...a}){return(0,r.jsx)(i.ContextMenu.Label,{"data-slot":`context-menu-label`,"data-inset":t,className:(0,n.cn)(`text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...a})}function v({className:e,...t}){return(0,r.jsx)(i.ContextMenu.Separator,{"data-slot":`context-menu-separator`,className:(0,n.cn)(`bg-border -mx-1 my-1 h-px`,e),...t})}function y({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`context-menu-shortcut`,className:(0,n.cn)(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...t})}exports.ContextMenu=a,exports.ContextMenuCheckboxItem=h,exports.ContextMenuContent=p,exports.ContextMenuGroup=s,exports.ContextMenuItem=m,exports.ContextMenuLabel=_,exports.ContextMenuPortal=c,exports.ContextMenuRadioGroup=u,exports.ContextMenuRadioItem=g,exports.ContextMenuSeparator=v,exports.ContextMenuShortcut=y,exports.ContextMenuSub=l,exports.ContextMenuSubContent=f,exports.ContextMenuSubTrigger=d,exports.ContextMenuTrigger=o;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({...e}){return(0,r.jsx)(i.ContextMenu.Root,{"data-slot":`context-menu`,...e})}function o({...e}){return(0,r.jsx)(i.ContextMenu.Trigger,{"data-slot":`context-menu-trigger`,...e})}function s({...e}){return(0,r.jsx)(i.ContextMenu.Group,{"data-slot":`context-menu-group`,...e})}function c({...e}){return(0,r.jsx)(i.ContextMenu.Portal,{"data-slot":`context-menu-portal`,...e})}function l({...e}){return(0,r.jsx)(i.ContextMenu.Sub,{"data-slot":`context-menu-sub`,...e})}function u({...e}){return(0,r.jsx)(i.ContextMenu.RadioGroup,{"data-slot":`context-menu-radio-group`,...e})}function d({className:e,inset:a,children:o,...s}){return(0,r.jsxs)(i.ContextMenu.SubTrigger,{"data-slot":`context-menu-sub-trigger`,"data-inset":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,r.jsx)(t.ChevronRightIcon,{className:`ml-auto`})]})}function f({className:e,...t}){return(0,r.jsx)(i.ContextMenu.SubContent,{"data-slot":`context-menu-sub-content`,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(i.ContextMenu.Portal,{children:(0,r.jsx)(i.ContextMenu.Content,{"data-slot":`context-menu-content`,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md`,e),...t})})}function m({className:e,inset:t,variant:a=`default`,...o}){return(0,r.jsx)(i.ContextMenu.Item,{"data-slot":`context-menu-item`,"data-inset":t,"data-variant":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o})}function h({className:e,children:a,checked:o,...s}){return(0,r.jsxs)(i.ContextMenu.CheckboxItem,{"data-slot":`context-menu-checkbox-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.ContextMenu.ItemIndicator,{children:(0,r.jsx)(t.CheckIcon,{className:`size-4`})})}),a]})}function g({className:e,children:a,...o}){return(0,r.jsxs)(i.ContextMenu.RadioItem,{"data-slot":`context-menu-radio-item`,className:(0,n.cn)(`relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none`,`focus:bg-accent`,`focus:text-accent-foreground`,`data-[disabled]:pointer-events-none`,`data-[disabled]:opacity-50`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.ContextMenu.ItemIndicator,{children:(0,r.jsx)(t.CircleIcon,{className:`size-2 fill-current`})})}),a]})}function _({className:e,inset:t,...a}){return(0,r.jsx)(i.ContextMenu.Label,{"data-slot":`context-menu-label`,"data-inset":t,className:(0,n.cn)(`text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...a})}function v({className:e,...t}){return(0,r.jsx)(i.ContextMenu.Separator,{"data-slot":`context-menu-separator`,className:(0,n.cn)(`bg-border -mx-1 my-1 h-px`,e),...t})}function y({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`context-menu-shortcut`,className:(0,n.cn)(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...t})}exports.ContextMenu=a,exports.ContextMenuCheckboxItem=h,exports.ContextMenuContent=p,exports.ContextMenuGroup=s,exports.ContextMenuItem=m,exports.ContextMenuLabel=_,exports.ContextMenuPortal=c,exports.ContextMenuRadioGroup=u,exports.ContextMenuRadioItem=g,exports.ContextMenuSeparator=v,exports.ContextMenuShortcut=y,exports.ContextMenuSub=l,exports.ContextMenuSubContent=f,exports.ContextMenuSubTrigger=d,exports.ContextMenuTrigger=o;
 //# sourceMappingURL=context-menu.cjs.map

package/dist/ui/context-menu.d.cts

@@ -1,4 +1,4 @@
-import * as react35 from "react";
+import * as react36 from "react";
 import { ContextMenu as ContextMenu$1 } from "radix-ui";
 
 //#region packages/components/ui/context-menu.d.ts
@@ -26,27 +26,27 @@ import { ContextMenu as ContextMenu$1 } from "radix-ui";
  */
 declare function ContextMenu({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Root>): react35.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Root>): react36.JSX.Element;
 /** The area that listens for right-click to open the ContextMenu. */
 declare function ContextMenuTrigger({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Trigger>): react35.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Trigger>): react36.JSX.Element;
 /** Groups related ContextMenuItems under a shared logical section. */
 declare function ContextMenuGroup({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Group>): react35.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Group>): react36.JSX.Element;
 /** Portals ContextMenu content outside the current DOM hierarchy. */
 declare function ContextMenuPortal({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Portal>): react35.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Portal>): react36.JSX.Element;
 /** Root container for a nested sub-menu inside a ContextMenu. */
 declare function ContextMenuSub({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Sub>): react35.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Sub>): react36.JSX.Element;
 /** Groups ContextMenuRadioItems so only one can be selected at a time. */
 declare function ContextMenuRadioGroup({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.RadioGroup>): react35.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.RadioGroup>): react36.JSX.Element;
 /**
  * Menu item that reveals a nested ContextMenuSubContent on hover or activation.
  *
@@ -59,17 +59,17 @@ declare function ContextMenuSubTrigger({
   ...props
 }: React.ComponentProps<typeof ContextMenu$1.SubTrigger> & {
   inset?: boolean;
-}): react35.JSX.Element;
+}): react36.JSX.Element;
 /** Floating panel that contains the items of a nested ContextMenu sub-menu. */
 declare function ContextMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.SubContent>): react35.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.SubContent>): react36.JSX.Element;
 /** Animated floating panel that contains the context menu items. */
 declare function ContextMenuContent({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Content>): react35.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Content>): react36.JSX.Element;
 /**
  * A single clickable row inside a ContextMenuContent.
  *
@@ -84,20 +84,20 @@ declare function ContextMenuItem({
 }: React.ComponentProps<typeof ContextMenu$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react35.JSX.Element;
+}): react36.JSX.Element;
 /** A checkable context menu item that displays a checkmark when selected. */
 declare function ContextMenuCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.CheckboxItem>): react35.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.CheckboxItem>): react36.JSX.Element;
 /** A radio-button context menu item; shows a filled circle when selected. */
 declare function ContextMenuRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.RadioItem>): react35.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.RadioItem>): react36.JSX.Element;
 /**
  * Non-interactive label used to describe a group of context menu items.
  *
@@ -109,17 +109,17 @@ declare function ContextMenuLabel({
   ...props
 }: React.ComponentProps<typeof ContextMenu$1.Label> & {
   inset?: boolean;
-}): react35.JSX.Element;
+}): react36.JSX.Element;
 /** Horizontal dividing line between groups of context menu items. */
 declare function ContextMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Separator>): react35.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Separator>): react36.JSX.Element;
 /** Displays a keyboard shortcut hint aligned to the right of a context menu item. */
 declare function ContextMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react35.JSX.Element;
+}: React.ComponentProps<'span'>): react36.JSX.Element;
 //#endregion
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
 //# sourceMappingURL=context-menu.d.cts.map

package/dist/ui/context-menu.d.ts

@@ -1,4 +1,4 @@
-import * as react220 from "react";
+import * as react83 from "react";
 import { ContextMenu as ContextMenu$1 } from "radix-ui";
 
 //#region packages/components/ui/context-menu.d.ts
@@ -26,27 +26,27 @@ import { ContextMenu as ContextMenu$1 } from "radix-ui";
  */
 declare function ContextMenu({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Root>): react220.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Root>): react83.JSX.Element;
 /** The area that listens for right-click to open the ContextMenu. */
 declare function ContextMenuTrigger({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Trigger>): react220.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Trigger>): react83.JSX.Element;
 /** Groups related ContextMenuItems under a shared logical section. */
 declare function ContextMenuGroup({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Group>): react220.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Group>): react83.JSX.Element;
 /** Portals ContextMenu content outside the current DOM hierarchy. */
 declare function ContextMenuPortal({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Portal>): react220.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Portal>): react83.JSX.Element;
 /** Root container for a nested sub-menu inside a ContextMenu. */
 declare function ContextMenuSub({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Sub>): react220.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Sub>): react83.JSX.Element;
 /** Groups ContextMenuRadioItems so only one can be selected at a time. */
 declare function ContextMenuRadioGroup({
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.RadioGroup>): react220.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.RadioGroup>): react83.JSX.Element;
 /**
  * Menu item that reveals a nested ContextMenuSubContent on hover or activation.
  *
@@ -59,17 +59,17 @@ declare function ContextMenuSubTrigger({
   ...props
 }: React.ComponentProps<typeof ContextMenu$1.SubTrigger> & {
   inset?: boolean;
-}): react220.JSX.Element;
+}): react83.JSX.Element;
 /** Floating panel that contains the items of a nested ContextMenu sub-menu. */
 declare function ContextMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.SubContent>): react220.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.SubContent>): react83.JSX.Element;
 /** Animated floating panel that contains the context menu items. */
 declare function ContextMenuContent({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Content>): react220.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Content>): react83.JSX.Element;
 /**
  * A single clickable row inside a ContextMenuContent.
  *
@@ -84,20 +84,20 @@ declare function ContextMenuItem({
 }: React.ComponentProps<typeof ContextMenu$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react220.JSX.Element;
+}): react83.JSX.Element;
 /** A checkable context menu item that displays a checkmark when selected. */
 declare function ContextMenuCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.CheckboxItem>): react220.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.CheckboxItem>): react83.JSX.Element;
 /** A radio-button context menu item; shows a filled circle when selected. */
 declare function ContextMenuRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.RadioItem>): react220.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.RadioItem>): react83.JSX.Element;
 /**
  * Non-interactive label used to describe a group of context menu items.
  *
@@ -109,17 +109,17 @@ declare function ContextMenuLabel({
   ...props
 }: React.ComponentProps<typeof ContextMenu$1.Label> & {
   inset?: boolean;
-}): react220.JSX.Element;
+}): react83.JSX.Element;
 /** Horizontal dividing line between groups of context menu items. */
 declare function ContextMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenu$1.Separator>): react220.JSX.Element;
+}: React.ComponentProps<typeof ContextMenu$1.Separator>): react83.JSX.Element;
 /** Displays a keyboard shortcut hint aligned to the right of a context menu item. */
 declare function ContextMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react220.JSX.Element;
+}: React.ComponentProps<'span'>): react83.JSX.Element;
 //#endregion
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
 //# sourceMappingURL=context-menu.d.ts.map

package/dist/ui/dialog.cjs

@@ -1 +1,2 @@
-"use client";require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`),require(`../close-Dlo1bI8x.cjs`);const e=require(`../dialog-BigPrWIj.cjs`);exports.Dialog=e.t,exports.DialogClose=e.n,exports.DialogContent=e.r,exports.DialogDescription=e.i,exports.DialogFooter=e.a,exports.DialogHeader=e.o,exports.DialogOverlay=e.s,exports.DialogPortal=e.c,exports.DialogTitle=e.l,exports.DialogTrigger=e.u;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../heading-BX7ZVnVg.cjs`),n=require(`../paragraph-D0x3Jc6W.cjs`),r=require(`../close-Dflkky9q.cjs`);let i=require(`@customafk/react-toolkit/utils`),a=require(`react/jsx-runtime`),o=require(`radix-ui`);function s({...e}){return(0,a.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...t}){return(0,a.jsx)(o.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:(0,i.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:fade-in-0 data-[state=open]:animate-in`,`data-[state=closed]:fade-out-0 data-[state=closed]:animate-out`,e),...t})}function f({className:e,children:t,showCloseButton:n=!0,...s}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Content,{"data-slot":`dialog-content`,className:(0,i.cn)(`fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2`,`grid w-full max-w-[calc(100%-2rem)] bg-background`,`max-h-[85dvh] gap-4 rounded-2xl p-6 shadow-dialog outline-none duration-400`,`sm:max-w-lg`,`data-[state=open]:fade-in-0 data-[state=open]:zoom-in-80 data-[state=open]:animate-in`,`data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-80 data-[state=closed]:animate-out`,e),onOpenAutoFocus:e=>{e.preventDefault()},...s,children:[t,n&&(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,tabIndex:-1,asChild:!0,className:`absolute top-3 right-3`,children:(0,a.jsx)(r.t,{})})]})]})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`dialog-header`,className:(0,i.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`dialog-footer`,className:(0,i.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function h({className:e,...n}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`dialog-title`,className:(0,i.cn)(t.t({level:`h3`}),e),...n})}function g({className:e,...t}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`dialog-description`,className:(0,i.cn)(n.n({variant:`muted`}),e),...t})}exports.Dialog=s,exports.DialogClose=u,exports.DialogContent=f,exports.DialogDescription=g,exports.DialogFooter=m,exports.DialogHeader=p,exports.DialogOverlay=d,exports.DialogPortal=l,exports.DialogTitle=h,exports.DialogTrigger=c;
+//# sourceMappingURL=dialog.cjs.map

package/dist/ui/dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.cjs","names":["DialogPrimitive","CloseButton","headingVariants","paragraphVariants"],"sources":["../../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { headingVariants } from '../typography/heading';\nimport { paragraphVariants } from '../typography/paragraph';\nimport { CloseButton } from './buttons/close';\n\n/**\n * Accessible modal dialog built on Radix UI's Dialog primitives with animated overlay, close button, and responsive sizing.\n *\n * @example\n * ```tsx\n * import {\n *   Dialog, DialogTrigger, DialogContent,\n *   DialogHeader, DialogTitle, DialogDescription, DialogFooter,\n * } from '@customafk/lunas-ui/ui/dialog';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Dialog>\n *   <DialogTrigger asChild>\n *     <Button>Open dialog</Button>\n *   </DialogTrigger>\n *   <DialogContent>\n *     <DialogHeader>\n *       <DialogTitle>Confirm action</DialogTitle>\n *       <DialogDescription>This cannot be undone.</DialogDescription>\n *     </DialogHeader>\n *     <DialogFooter>\n *       <Button variant=\"outline\">Cancel</Button>\n *       <Button>Confirm</Button>\n *     </DialogFooter>\n *   </DialogContent>\n * </Dialog>\n * ```\n */\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\n/** Element that opens the dialog when clicked; typically wrapped with `asChild` around a `Button`. */\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\n/** Renders dialog overlay and content into a portal outside the normal React tree. */\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\n/** Button that closes the dialog; can be composed with `asChild` to use a custom element. */\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\n/** Semi-transparent backdrop rendered behind the dialog panel with fade-in/out animation. */\nfunction DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:fade-in-0 data-[state=open]:animate-in',\n        'data-[state=closed]:fade-out-0 data-[state=closed]:animate-out',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Animated dialog panel centred on screen; includes `DialogOverlay` and an optional close button.\n *\n * @param showCloseButton - When `true` (default), renders a `CloseButton` in the top-right corner.\n */\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  /** When `true` (default), renders an `×` close button fixed to the top-right corner of the panel. */\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n          'grid w-full max-w-[calc(100%-2rem)] bg-background',\n          'max-h-[85dvh] gap-4 rounded-2xl p-6 shadow-dialog outline-none duration-400',\n          'sm:max-w-lg',\n          'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-80 data-[state=open]:animate-in',\n          'data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-80 data-[state=closed]:animate-out',\n          className\n        )}\n        onOpenAutoFocus={event => {\n          // Prevents focus from shifting to the content when the dialog opens, which can cause layout shift if the content includes autofocusable elements.\n          event.preventDefault();\n        }}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close data-slot=\"dialog-close\" tabIndex={-1} asChild className=\"absolute top-3 right-3\">\n            <CloseButton />\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\n/** Layout wrapper for the dialog title and description, stacked vertically with left alignment on wider screens. */\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />;\n}\n\n/** Layout wrapper for dialog action buttons, stacked on mobile and right-aligned in a row on wider screens. */\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\n/** Accessible heading for the dialog panel, styled with the h3 heading variant and announced by screen readers. */\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return <DialogPrimitive.Title data-slot=\"dialog-title\" className={cn(headingVariants({ level: 'h3' }), className)} {...props} />;\n}\n\n/** Muted supporting text that describes the dialog's purpose; read by screen readers alongside the title. */\nfunction DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return <DialogPrimitive.Description data-slot=\"dialog-description\" className={cn(paragraphVariants({ variant: 'muted' }), className)} {...props} />;\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };\n"],"mappings":"0QAqCA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAI/D,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,GAAS,CAI1E,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,GAAS,CAIxE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,iCACA,2DACA,iEACA,EACD,CACD,GAAI,GACJ,CASN,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,GAAG,GAIF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,EAAA,CAAgB,EACjB,EAAA,EAAA,MAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,gEACA,oDACA,8EACA,cACA,wFACA,iGACA,EACD,CACD,gBAAiB,GAAS,CAExB,EAAM,gBAAgB,EAExB,GAAI,YAEH,EACA,IACC,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,SAAU,GAAI,QAAA,GAAQ,UAAU,mCAC9E,EAAA,EAAA,KAACC,EAAAA,EAAAA,EAAAA,CAAc,EACO,CAAA,EAEF,CAAA,CAAA,CACb,CAKnB,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,+CAAgD,EAAU,CAAE,GAAI,GAAS,CAI/H,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAIzI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACD,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAcE,EAAAA,EAAgB,CAAE,MAAO,KAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAIlI,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACF,EAAAA,OAAgB,YAAA,CAAY,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAcG,EAAAA,EAAkB,CAAE,QAAS,QAAS,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/dialog.d.cts

@@ -1,2 +1,90 @@
-import { a as DialogFooter, c as DialogPortal, i as DialogDescription, l as DialogTitle, n as DialogClose, o as DialogHeader, r as DialogContent, s as DialogOverlay, t as Dialog, u as DialogTrigger } from "../dialog-DAl7wicp.cjs";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+import * as react136 from "react";
+import { Dialog as Dialog$1 } from "radix-ui";
+
+//#region packages/components/ui/dialog.d.ts
+
+/**
+ * Accessible modal dialog built on Radix UI's Dialog primitives with animated overlay, close button, and responsive sizing.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Dialog, DialogTrigger, DialogContent,
+ *   DialogHeader, DialogTitle, DialogDescription, DialogFooter,
+ * } from '@customafk/lunas-ui/ui/dialog';
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * <Dialog>
+ *   <DialogTrigger asChild>
+ *     <Button>Open dialog</Button>
+ *   </DialogTrigger>
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle>Confirm action</DialogTitle>
+ *       <DialogDescription>This cannot be undone.</DialogDescription>
+ *     </DialogHeader>
+ *     <DialogFooter>
+ *       <Button variant="outline">Cancel</Button>
+ *       <Button>Confirm</Button>
+ *     </DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ * ```
+ */
+declare function Dialog({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Root>): react136.JSX.Element;
+/** Element that opens the dialog when clicked; typically wrapped with `asChild` around a `Button`. */
+declare function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Trigger>): react136.JSX.Element;
+/** Renders dialog overlay and content into a portal outside the normal React tree. */
+declare function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Portal>): react136.JSX.Element;
+/** Button that closes the dialog; can be composed with `asChild` to use a custom element. */
+declare function DialogClose({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Close>): react136.JSX.Element;
+/** Semi-transparent backdrop rendered behind the dialog panel with fade-in/out animation. */
+declare function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Overlay>): react136.JSX.Element;
+/**
+ * Animated dialog panel centred on screen; includes `DialogOverlay` and an optional close button.
+ *
+ * @param showCloseButton - When `true` (default), renders a `CloseButton` in the top-right corner.
+ */
+declare function DialogContent({
+  className,
+  children,
+  showCloseButton,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Content> & {
+  /** When `true` (default), renders an `×` close button fixed to the top-right corner of the panel. */
+  showCloseButton?: boolean;
+}): react136.JSX.Element;
+/** Layout wrapper for the dialog title and description, stacked vertically with left alignment on wider screens. */
+declare function DialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react136.JSX.Element;
+/** Layout wrapper for dialog action buttons, stacked on mobile and right-aligned in a row on wider screens. */
+declare function DialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react136.JSX.Element;
+/** Accessible heading for the dialog panel, styled with the h3 heading variant and announced by screen readers. */
+declare function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Title>): react136.JSX.Element;
+/** Muted supporting text that describes the dialog's purpose; read by screen readers alongside the title. */
+declare function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Description>): react136.JSX.Element;
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=dialog.d.cts.map

package/dist/ui/dialog.d.ts

@@ -1,2 +1,90 @@
-import { a as DialogFooter, c as DialogPortal, i as DialogDescription, l as DialogTitle, n as DialogClose, o as DialogHeader, r as DialogContent, s as DialogOverlay, t as Dialog, u as DialogTrigger } from "../dialog-BXkm3_Bk.js";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+import * as react122 from "react";
+import { Dialog as Dialog$1 } from "radix-ui";
+
+//#region packages/components/ui/dialog.d.ts
+
+/**
+ * Accessible modal dialog built on Radix UI's Dialog primitives with animated overlay, close button, and responsive sizing.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Dialog, DialogTrigger, DialogContent,
+ *   DialogHeader, DialogTitle, DialogDescription, DialogFooter,
+ * } from '@customafk/lunas-ui/ui/dialog';
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * <Dialog>
+ *   <DialogTrigger asChild>
+ *     <Button>Open dialog</Button>
+ *   </DialogTrigger>
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle>Confirm action</DialogTitle>
+ *       <DialogDescription>This cannot be undone.</DialogDescription>
+ *     </DialogHeader>
+ *     <DialogFooter>
+ *       <Button variant="outline">Cancel</Button>
+ *       <Button>Confirm</Button>
+ *     </DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ * ```
+ */
+declare function Dialog({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Root>): react122.JSX.Element;
+/** Element that opens the dialog when clicked; typically wrapped with `asChild` around a `Button`. */
+declare function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Trigger>): react122.JSX.Element;
+/** Renders dialog overlay and content into a portal outside the normal React tree. */
+declare function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Portal>): react122.JSX.Element;
+/** Button that closes the dialog; can be composed with `asChild` to use a custom element. */
+declare function DialogClose({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Close>): react122.JSX.Element;
+/** Semi-transparent backdrop rendered behind the dialog panel with fade-in/out animation. */
+declare function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Overlay>): react122.JSX.Element;
+/**
+ * Animated dialog panel centred on screen; includes `DialogOverlay` and an optional close button.
+ *
+ * @param showCloseButton - When `true` (default), renders a `CloseButton` in the top-right corner.
+ */
+declare function DialogContent({
+  className,
+  children,
+  showCloseButton,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Content> & {
+  /** When `true` (default), renders an `×` close button fixed to the top-right corner of the panel. */
+  showCloseButton?: boolean;
+}): react122.JSX.Element;
+/** Layout wrapper for the dialog title and description, stacked vertically with left alignment on wider screens. */
+declare function DialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react122.JSX.Element;
+/** Layout wrapper for dialog action buttons, stacked on mobile and right-aligned in a row on wider screens. */
+declare function DialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react122.JSX.Element;
+/** Accessible heading for the dialog panel, styled with the h3 heading variant and announced by screen readers. */
+declare function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Title>): react122.JSX.Element;
+/** Muted supporting text that describes the dialog's purpose; read by screen readers alongside the title. */
+declare function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Description>): react122.JSX.Element;
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/ui/dialog.js

@@ -1 +1,2 @@
-"use client";import"../heading-Bz-hSatD.js";import"../paragraph-Cc13ZI4d.js";import"../close-C0PdZGxr.js";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"../dialog-CmutQ3rp.js";export{c as Dialog,i as DialogClose,o as DialogContent,n as DialogDescription,e as DialogFooter,a as DialogHeader,s as DialogOverlay,t as DialogPortal,r as DialogTitle,l as DialogTrigger};
+"use client";import{t as e}from"../heading-Bw3eo6IT.js";import{n as t}from"../paragraph-ESjXXqHU.js";import{t as n}from"../close-DrkwaVXK.js";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Dialog as o}from"radix-ui";function s({...e}){return i(o.Root,{"data-slot":`dialog`,...e})}function c({...e}){return i(o.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return i(o.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return i(o.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...t}){return i(o.Overlay,{"data-slot":`dialog-overlay`,className:r(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:fade-in-0 data-[state=open]:animate-in`,`data-[state=closed]:fade-out-0 data-[state=closed]:animate-out`,e),...t})}function f({className:e,children:t,showCloseButton:s=!0,...c}){return a(l,{children:[i(d,{}),a(o.Content,{"data-slot":`dialog-content`,className:r(`fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2`,`grid w-full max-w-[calc(100%-2rem)] bg-background`,`max-h-[85dvh] gap-4 rounded-2xl p-6 shadow-dialog outline-none duration-400`,`sm:max-w-lg`,`data-[state=open]:fade-in-0 data-[state=open]:zoom-in-80 data-[state=open]:animate-in`,`data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-80 data-[state=closed]:animate-out`,e),onOpenAutoFocus:e=>{e.preventDefault()},...c,children:[t,s&&i(o.Close,{"data-slot":`dialog-close`,tabIndex:-1,asChild:!0,className:`absolute top-3 right-3`,children:i(n,{})})]})]})}function p({className:e,...t}){return i(`div`,{"data-slot":`dialog-header`,className:r(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function m({className:e,...t}){return i(`div`,{"data-slot":`dialog-footer`,className:r(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function h({className:t,...n}){return i(o.Title,{"data-slot":`dialog-title`,className:r(e({level:`h3`}),t),...n})}function g({className:e,...n}){return i(o.Description,{"data-slot":`dialog-description`,className:r(t({variant:`muted`}),e),...n})}export{s as Dialog,u as DialogClose,f as DialogContent,g as DialogDescription,m as DialogFooter,p as DialogHeader,d as DialogOverlay,l as DialogPortal,h as DialogTitle,c as DialogTrigger};
+//# sourceMappingURL=dialog.js.map

package/dist/ui/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["DialogPrimitive"],"sources":["../../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { headingVariants } from '../typography/heading';\nimport { paragraphVariants } from '../typography/paragraph';\nimport { CloseButton } from './buttons/close';\n\n/**\n * Accessible modal dialog built on Radix UI's Dialog primitives with animated overlay, close button, and responsive sizing.\n *\n * @example\n * ```tsx\n * import {\n *   Dialog, DialogTrigger, DialogContent,\n *   DialogHeader, DialogTitle, DialogDescription, DialogFooter,\n * } from '@customafk/lunas-ui/ui/dialog';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Dialog>\n *   <DialogTrigger asChild>\n *     <Button>Open dialog</Button>\n *   </DialogTrigger>\n *   <DialogContent>\n *     <DialogHeader>\n *       <DialogTitle>Confirm action</DialogTitle>\n *       <DialogDescription>This cannot be undone.</DialogDescription>\n *     </DialogHeader>\n *     <DialogFooter>\n *       <Button variant=\"outline\">Cancel</Button>\n *       <Button>Confirm</Button>\n *     </DialogFooter>\n *   </DialogContent>\n * </Dialog>\n * ```\n */\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\n/** Element that opens the dialog when clicked; typically wrapped with `asChild` around a `Button`. */\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\n/** Renders dialog overlay and content into a portal outside the normal React tree. */\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\n/** Button that closes the dialog; can be composed with `asChild` to use a custom element. */\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\n/** Semi-transparent backdrop rendered behind the dialog panel with fade-in/out animation. */\nfunction DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:fade-in-0 data-[state=open]:animate-in',\n        'data-[state=closed]:fade-out-0 data-[state=closed]:animate-out',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Animated dialog panel centred on screen; includes `DialogOverlay` and an optional close button.\n *\n * @param showCloseButton - When `true` (default), renders a `CloseButton` in the top-right corner.\n */\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  /** When `true` (default), renders an `×` close button fixed to the top-right corner of the panel. */\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n          'grid w-full max-w-[calc(100%-2rem)] bg-background',\n          'max-h-[85dvh] gap-4 rounded-2xl p-6 shadow-dialog outline-none duration-400',\n          'sm:max-w-lg',\n          'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-80 data-[state=open]:animate-in',\n          'data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-80 data-[state=closed]:animate-out',\n          className\n        )}\n        onOpenAutoFocus={event => {\n          // Prevents focus from shifting to the content when the dialog opens, which can cause layout shift if the content includes autofocusable elements.\n          event.preventDefault();\n        }}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close data-slot=\"dialog-close\" tabIndex={-1} asChild className=\"absolute top-3 right-3\">\n            <CloseButton />\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\n/** Layout wrapper for the dialog title and description, stacked vertically with left alignment on wider screens. */\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />;\n}\n\n/** Layout wrapper for dialog action buttons, stacked on mobile and right-aligned in a row on wider screens. */\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\n/** Accessible heading for the dialog panel, styled with the h3 heading variant and announced by screen readers. */\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return <DialogPrimitive.Title data-slot=\"dialog-title\" className={cn(headingVariants({ level: 'h3' }), className)} {...props} />;\n}\n\n/** Muted supporting text that describes the dialog's purpose; read by screen readers alongside the title. */\nfunction DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return <DialogPrimitive.Description data-slot=\"dialog-description\" className={cn(paragraphVariants({ variant: 'muted' }), className)} {...props} />;\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };\n"],"mappings":"sRAqCA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACA,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAI/D,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,GAAS,CAI1E,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,GAAS,CAIxE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,iCACA,2DACA,iEACA,EACD,CACD,GAAI,GACJ,CASN,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,GAAG,GAIF,CACD,OACE,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,EAAA,CAAgB,CACjB,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,gEACA,oDACA,8EACA,cACA,wFACA,iGACA,EACD,CACD,gBAAiB,GAAS,CAExB,EAAM,gBAAgB,EAExB,GAAI,YAEH,EACA,GACC,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,SAAU,GAAI,QAAA,GAAQ,UAAU,kCAC9E,EAAC,EAAA,EAAA,CAAc,EACO,CAAA,EAEF,CAAA,CAAA,CACb,CAKnB,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,+CAAgD,EAAU,CAAE,GAAI,GAAS,CAI/H,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAIzI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,EAAgB,CAAE,MAAO,KAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAIlI,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAgB,YAAA,CAAY,YAAU,qBAAqB,UAAW,EAAG,EAAkB,CAAE,QAAS,QAAS,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/drawer.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../drawer-BB8BZzDG.cjs`);exports.Drawer=e.t,exports.DrawerClose=e.n,exports.DrawerContent=e.r,exports.DrawerDescription=e.i,exports.DrawerFooter=e.a,exports.DrawerHeader=e.o,exports.DrawerOverlay=e.s,exports.DrawerPortal=e.c,exports.DrawerTitle=e.l,exports.DrawerTrigger=e.u;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`vaul`);function i({...e}){return(0,n.jsx)(r.Drawer.Root,{"data-slot":`drawer`,...e})}function a({...e}){return(0,n.jsx)(r.Drawer.Trigger,{"data-slot":`drawer-trigger`,...e})}function o({...e}){return(0,n.jsx)(r.Drawer.Portal,{"data-slot":`drawer-portal`,...e})}function s({...e}){return(0,n.jsx)(r.Drawer.Close,{"data-slot":`drawer-close`,...e})}function c({className:e,...i}){return(0,n.jsx)(r.Drawer.Overlay,{"data-slot":`drawer-overlay`,className:(0,t.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=open]:fade-in-0`,`data-[state=closed]:fade-out-0`,e),...i})}function l({className:e,children:i,...a}){return(0,n.jsxs)(o,{"data-slot":`drawer-portal`,children:[(0,n.jsx)(c,{}),(0,n.jsxs)(r.Drawer.Content,{"data-slot":`drawer-content`,className:(0,t.cn)(`group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col`,`data-[vaul-drawer-direction=top]:inset-x-0`,`data-[vaul-drawer-direction=top]:top-0`,`data-[vaul-drawer-direction=top]:mb-24`,`data-[vaul-drawer-direction=top]:max-h-[80vh]`,`data-[vaul-drawer-direction=top]:rounded-b-lg`,`data-[vaul-drawer-direction=bottom]:inset-x-0`,`data-[vaul-drawer-direction=bottom]:bottom-0`,`data-[vaul-drawer-direction=bottom]:mt-24`,`data-[vaul-drawer-direction=bottom]:max-h-[80vh]`,`data-[vaul-drawer-direction=bottom]:rounded-t-lg`,`data-[vaul-drawer-direction=right]:inset-y-0`,`data-[vaul-drawer-direction=right]:right-0`,`data-[vaul-drawer-direction=right]:w-3/4`,`data-[vaul-drawer-direction=right]:sm:max-w-sm`,`data-[vaul-drawer-direction=left]:inset-y-0`,`data-[vaul-drawer-direction=left]:left-0`,`data-[vaul-drawer-direction=left]:w-3/4`,`data-[vaul-drawer-direction=left]:sm:max-w-sm`,e),...a,children:[(0,n.jsx)(`div`,{className:`bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block`}),i]})]})}function u({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`drawer-header`,className:(0,t.cn)(`flex flex-col gap-0.5 p-4`,`md:gap-1.5 md:text-left`,`group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center`,`group-data-[vaul-drawer-direction=top]/drawer-content:text-center`,e),...r})}function d({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`drawer-footer`,className:(0,t.cn)(`mt-auto flex flex-col gap-2 p-4`,e),...r})}function f({className:e,...i}){return(0,n.jsx)(r.Drawer.Title,{"data-slot":`drawer-title`,className:(0,t.cn)(`text-text-positive font-semibold`,e),...i})}function p({className:e,...i}){return(0,n.jsx)(r.Drawer.Description,{"data-slot":`drawer-description`,className:(0,t.cn)(`text-text-positive-weak text-sm`,e),...i})}exports.Drawer=i,exports.DrawerClose=s,exports.DrawerContent=l,exports.DrawerDescription=p,exports.DrawerFooter=d,exports.DrawerHeader=u,exports.DrawerOverlay=c,exports.DrawerPortal=o,exports.DrawerTitle=f,exports.DrawerTrigger=a;
+//# sourceMappingURL=drawer.cjs.map

package/dist/ui/drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.cjs","names":["DrawerPrimitive"],"sources":["../../packages/components/ui/drawer.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\n/**\n * Root provider for the Drawer — a vaul-powered slide-in panel supporting top, bottom, left, and right directions.\n *\n * @example\n * ```tsx\n * import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription } from '@customafk/lunas-ui/ui/drawer';\n *\n * <Drawer>\n *   <DrawerTrigger>Open Drawer</DrawerTrigger>\n *   <DrawerContent>\n *     <DrawerHeader>\n *       <DrawerTitle>Confirm action</DrawerTitle>\n *       <DrawerDescription>This action cannot be undone.</DrawerDescription>\n *     </DrawerHeader>\n *   </DrawerContent>\n * </Drawer>\n * ```\n */\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\n/** Element that opens the Drawer when activated. */\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\n/** Portals Drawer content outside the current DOM tree. */\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\n/** Button that programmatically closes the Drawer. */\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\n/** Dimmed backdrop rendered behind the Drawer panel. */\nfunction DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=open]:fade-in-0',\n        'data-[state=closed]:fade-out-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** The main Drawer panel; automatically positions itself based on the direction set on the root. */\nfunction DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content bg-background shadow-card fixed z-50 flex h-auto flex-col',\n\n          'data-[vaul-drawer-direction=top]:inset-x-0',\n          'data-[vaul-drawer-direction=top]:top-0',\n          'data-[vaul-drawer-direction=top]:mb-24',\n          'data-[vaul-drawer-direction=top]:max-h-[80vh]',\n          'data-[vaul-drawer-direction=top]:rounded-b-lg',\n\n          'data-[vaul-drawer-direction=bottom]:inset-x-0',\n          'data-[vaul-drawer-direction=bottom]:bottom-0',\n          'data-[vaul-drawer-direction=bottom]:mt-24',\n          'data-[vaul-drawer-direction=bottom]:max-h-[80vh]',\n          'data-[vaul-drawer-direction=bottom]:rounded-t-lg',\n\n          'data-[vaul-drawer-direction=right]:inset-y-0',\n          'data-[vaul-drawer-direction=right]:right-0',\n          'data-[vaul-drawer-direction=right]:w-3/4',\n          'data-[vaul-drawer-direction=right]:sm:max-w-sm',\n\n          'data-[vaul-drawer-direction=left]:inset-y-0',\n          'data-[vaul-drawer-direction=left]:left-0',\n          'data-[vaul-drawer-direction=left]:w-3/4',\n          'data-[vaul-drawer-direction=left]:sm:max-w-sm',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"bg-border-weak mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\n/** Padded header section at the top of the Drawer for the title and description. */\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        'flex flex-col gap-0.5 p-4',\n        'md:gap-1.5 md:text-left',\n        'group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center',\n        'group-data-[vaul-drawer-direction=top]/drawer-content:text-center',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Footer section pinned to the bottom of the Drawer, typically used for action buttons. */\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"drawer-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\n/** Accessible title element for the Drawer, announced by screen readers on open. */\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return <DrawerPrimitive.Title data-slot=\"drawer-title\" className={cn('text-text-positive font-semibold', className)} {...props} />;\n}\n\n/** Accessible description element for the Drawer, providing supplemental context to the title. */\nfunction DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return <DrawerPrimitive.Description data-slot=\"drawer-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />;\n}\n\nexport { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };\n"],"mappings":"uJAuBA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAI/D,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,GAAS,CAI1E,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,GAAS,CAIxE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,iCACA,+BACA,kCACA,8BACA,iCACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAc,CAAE,YAAW,WAAU,GAAG,GAA+D,CAC9G,OACE,EAAA,EAAA,MAAC,EAAA,CAAa,YAAU,2BACtB,EAAA,EAAA,KAAC,EAAA,EAAA,CAAgB,EACjB,EAAA,EAAA,MAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,iFAEA,6CACA,yCACA,yCACA,gDACA,gDAEA,gDACA,+CACA,4CACA,mDACA,mDAEA,+CACA,6CACA,2CACA,iDAEA,8CACA,2CACA,0CACA,gDACA,EACD,CACD,GAAI,aAEJ,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,mIAAA,CAAqI,CACnJ,EAAA,EACuB,CAAA,EACb,CAKnB,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,4BACA,0BACA,uEACA,oEACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,CAAE,GAAI,GAAS,CAIlH,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAIpI,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,YAAA,CAAY,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,CAAE,GAAI,GAAS"}