@customafk/lunas-ui 0.2.53 → 0.2.54

package/dist/collapsible-rx0m3LuF.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`);let t=require(`react/jsx-runtime`),n=require(`radix-ui`);function r({...e}){return(0,t.jsx)(n.Collapsible.Root,{"data-slot":`collapsible`,...e})}function i({...e}){return(0,t.jsx)(n.Collapsible.CollapsibleTrigger,{"data-slot":`collapsible-trigger`,...e})}function a({...e}){return(0,t.jsx)(n.Collapsible.CollapsibleContent,{"data-slot":`collapsible-content`,...e})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=collapsible-rx0m3LuF.cjs.map

package/dist/collapsible-rx0m3LuF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible-rx0m3LuF.cjs","names":["CollapsiblePrimitive"],"sources":["../packages/components/ui/collapsible.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from 'radix-ui';\n\n/**\n * Root provider for a Collapsible section — toggles the visibility of its content.\n *\n * @example\n * ```tsx\n * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@customafk/lunas-ui/ui/collapsible';\n *\n * <Collapsible>\n *   <CollapsibleTrigger>Toggle section</CollapsibleTrigger>\n *   <CollapsibleContent>\n *     <p>Hidden content revealed on toggle.</p>\n *   </CollapsibleContent>\n * </Collapsible>\n * ```\n */\nfunction Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\n/** Button or element that expands or collapses the CollapsibleContent. */\nfunction CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\n/** The section that is shown or hidden based on the Collapsible open state. */\nfunction CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return <CollapsiblePrimitive.CollapsibleContent data-slot=\"collapsible-content\" {...props} />;\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"mappings":"iGAmBA,SAAS,EAAY,CAAE,GAAG,GAAiE,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,cAAc,GAAI,GAAS,CAIzE,SAAS,EAAmB,CAAE,GAAG,GAA+E,CAC9G,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,mBAAA,CAAmB,YAAU,sBAAsB,GAAI,GAAS,CAI/F,SAAS,EAAmB,CAAE,GAAG,GAA+E,CAC9G,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,mBAAA,CAAmB,YAAU,sBAAsB,GAAI,GAAS"}

package/dist/command-BQFbzzTr.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./dialog-DNEUhYSv.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`cmdk`);function o({className:e,...t}){return(0,i.jsx)(a.Command,{"data-slot":`command`,className:(0,r.cn)(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,e),...t})}function s({title:e=`Command Palette`,description:n=`Search for a command to run...`,children:a,className:s,showCloseButton:c=!0,...l}){return(0,i.jsxs)(t.t,{...l,children:[(0,i.jsxs)(t.o,{className:`sr-only`,children:[(0,i.jsx)(t.l,{children:e}),(0,i.jsx)(t.i,{children:n})]}),(0,i.jsx)(t.r,{className:(0,r.cn)(`overflow-hidden p-0`,s),showCloseButton:c,children:(0,i.jsx)(o,{className:(0,r.cn)(`**:[[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:a})})]})}function c({className:e,...t}){return(0,i.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-border-weak border-b px-3`,children:[(0,i.jsx)(n.SearchIcon,{className:`size-4 shrink-0 opacity-50`}),(0,i.jsx)(a.Command.Input,{"data-slot":`command-input`,className:(0,r.cn)(`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`,e),...t})]})}function l({className:e,...t}){return(0,i.jsx)(a.Command.List,{"data-slot":`command-list`,className:(0,r.cn)(`max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden`,e),...t})}function u({...e}){return(0,i.jsx)(a.Command.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function d({className:e,...t}){return(0,i.jsx)(a.Command.Group,{"data-slot":`command-group`,className:(0,r.cn)(`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),...t})}function f({className:e,...t}){return(0,i.jsx)(a.Command.Separator,{"data-slot":`command-separator`,className:(0,r.cn)(`-mx-1 h-px bg-border-weak`,e),...t})}function p({className:e,...t}){return(0,i.jsx)(a.Command.Item,{"data-slot":`command-item`,className:(0,r.cn)(`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),...t})}function m({className:e,...t}){return(0,i.jsx)(`span`,{"data-slot":`command-shortcut`,className:(0,r.cn)(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=command-BQFbzzTr.cjs.map

package/dist/command-BQFbzzTr.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"command-BQFbzzTr.cjs","names":["CommandPrimitive","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","SearchIcon"],"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":"sMAgCA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAAA,EAAA,KAACA,EAAAA,QAAAA,CACC,YAAU,UACV,WAAA,EAAA,EAAA,IAAc,sGAAuG,EAAU,CAC/H,GAAI,GACJ,CAWN,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAO,GAAI,aACV,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAa,EAAA,CAAoB,EAClC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAmB,EAAA,CAAgC,CAAA,EACvC,EACf,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAc,WAAA,EAAA,EAAA,IAAc,sBAAuB,EAAU,CAAmB,4BAC/E,EAAA,EAAA,KAAC,EAAA,CACC,WAAA,EAAA,EAAA,IACE,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,EAAA,EAAA,MAAC,MAAA,CAAI,YAAU,wBAAwB,UAAU,0EAC/C,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,6BAAA,CAA+B,EACrD,EAAA,EAAA,KAACN,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,yEACA,uCACA,8BACA,sBACA,EACD,CACD,GAAI,GACJ,CAAA,EACE,CAKV,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAI1J,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,GAAS,CAI7G,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,qBACA,sBACA,oDACA,iCACA,mCACA,oCACA,wCACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,UAAA,CAAU,YAAU,oBAAoB,WAAA,EAAA,EAAA,IAAc,4BAA6B,EAAU,CAAE,GAAI,GAAS,CAIvI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAChB,YAAU,eACV,WAAA,EAAA,EAAA,IACE,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,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,2DAA4D,EAAU,CAAE,GAAI,GAAS"}

package/dist/command-BlvmwwTr.d.mts

@@ -1,89 +0,0 @@
-import { t as Dialog } from "./dialog-DokGVUbC.mjs";
-import * as react249 from "react";
-import { Command } from "cmdk";
-
-//#region packages/components/ui/command.d.ts
-
-/**
- * A cmdk-powered command palette for searching and executing commands.
- *
- * @example
- * ```tsx
- * import {
- *   Command, CommandInput, CommandList, CommandEmpty,
- *   CommandGroup, CommandItem,
- * } from '@customafk/lunas-ui/ui/command';
- *
- * <Command>
- *   <CommandInput placeholder="Type a command…" />
- *   <CommandList>
- *     <CommandEmpty>No results found.</CommandEmpty>
- *     <CommandGroup heading="Suggestions">
- *       <CommandItem>Calendar</CommandItem>
- *       <CommandItem>Search</CommandItem>
- *     </CommandGroup>
- *   </CommandList>
- * </Command>
- * ```
- */
-declare function Command$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command>): react249.JSX.Element;
-/**
- * A Command palette rendered inside a Dialog overlay.
- *
- * @param title - Accessible title for the dialog (screen-reader only).
- * @param description - Accessible description for the dialog (screen-reader only).
- * @param showCloseButton - Whether to show the built-in close button on the dialog.
- */
-declare function CommandDialog({
-  title,
-  description,
-  children,
-  className,
-  showCloseButton,
-  ...props
-}: React.ComponentProps<typeof Dialog> & {
-  title?: string;
-  description?: string;
-  className?: string;
-  showCloseButton?: boolean;
-}): react249.JSX.Element;
-/** Search input with a leading search icon that filters CommandItems in real time. */
-declare function CommandInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Input>): react249.JSX.Element;
-/** Scrollable list that renders filtered CommandGroups and CommandItems. */
-declare function CommandList({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.List>): react249.JSX.Element;
-/** Fallback message displayed when no CommandItems match the current search query. */
-declare function CommandEmpty({
-  ...props
-}: React.ComponentProps<typeof Command.Empty>): react249.JSX.Element;
-/** Groups CommandItems under an optional heading label. */
-declare function CommandGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Group>): react249.JSX.Element;
-/** Horizontal dividing line between groups in a CommandList. */
-declare function CommandSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Separator>): react249.JSX.Element;
-/** A selectable row inside a CommandGroup that is highlighted when active or hovered. */
-declare function CommandItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Item>): react249.JSX.Element;
-/** Displays a keyboard shortcut hint aligned to the right of a CommandItem. */
-declare function CommandShortcut({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): react249.JSX.Element;
-//#endregion
-export { CommandInput as a, CommandSeparator as c, CommandGroup as i, CommandShortcut as l, CommandDialog as n, CommandItem as o, CommandEmpty as r, CommandList as s, Command$1 as t };
-//# sourceMappingURL=command-BlvmwwTr.d.mts.map

package/dist/command-CQMdYoAm.mjs

@@ -1,2 +0,0 @@
-import{i as e,l as t,o as n,r,t as i}from"./dialog--BvCecaD.mjs";import{SearchIcon as a}from"lucide-react";import{cn as o}from"@customafk/react-toolkit/utils";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{Command as l}from"cmdk";function u({className:e,...t}){return s(l,{"data-slot":`command`,className:o(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,e),...t})}function d({title:a=`Command Palette`,description:l=`Search for a command to run...`,children:d,className:f,showCloseButton:p=!0,...m}){return c(i,{...m,children:[c(n,{className:`sr-only`,children:[s(t,{children:a}),s(e,{children:l})]}),s(r,{className:o(`overflow-hidden p-0`,f),showCloseButton:p,children:s(u,{className:o(`**:[[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:e,...t}){return c(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-border-weak border-b px-3`,children:[s(a,{className:`size-4 shrink-0 opacity-50`}),s(l.Input,{"data-slot":`command-input`,className:o(`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`,e),...t})]})}function p({className:e,...t}){return s(l.List,{"data-slot":`command-list`,className:o(`max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden`,e),...t})}function m({...e}){return s(l.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function h({className:e,...t}){return s(l.Group,{"data-slot":`command-group`,className:o(`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),...t})}function g({className:e,...t}){return s(l.Separator,{"data-slot":`command-separator`,className:o(`-mx-1 h-px bg-border-weak`,e),...t})}function _({className:e,...t}){return s(l.Item,{"data-slot":`command-item`,className:o(`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),...t})}function v({className:e,...t}){return s(`span`,{"data-slot":`command-shortcut`,className:o(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}export{f as a,g as c,h as i,v as l,d as n,_ as o,m as r,p as s,u as t};
-//# sourceMappingURL=command-CQMdYoAm.mjs.map

package/dist/command-CQMdYoAm.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"command-CQMdYoAm.mjs","names":["Command","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":"gPAgCA,SAASA,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAACC,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,EAACD,EAAAA,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,EAACC,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/command-DAudAVpm.d.cts

@@ -1,89 +0,0 @@
-import { t as Dialog } from "./dialog-xPhSkLmg.cjs";
-import * as react109 from "react";
-import { Command } from "cmdk";
-
-//#region packages/components/ui/command.d.ts
-
-/**
- * A cmdk-powered command palette for searching and executing commands.
- *
- * @example
- * ```tsx
- * import {
- *   Command, CommandInput, CommandList, CommandEmpty,
- *   CommandGroup, CommandItem,
- * } from '@customafk/lunas-ui/ui/command';
- *
- * <Command>
- *   <CommandInput placeholder="Type a command…" />
- *   <CommandList>
- *     <CommandEmpty>No results found.</CommandEmpty>
- *     <CommandGroup heading="Suggestions">
- *       <CommandItem>Calendar</CommandItem>
- *       <CommandItem>Search</CommandItem>
- *     </CommandGroup>
- *   </CommandList>
- * </Command>
- * ```
- */
-declare function Command$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command>): react109.JSX.Element;
-/**
- * A Command palette rendered inside a Dialog overlay.
- *
- * @param title - Accessible title for the dialog (screen-reader only).
- * @param description - Accessible description for the dialog (screen-reader only).
- * @param showCloseButton - Whether to show the built-in close button on the dialog.
- */
-declare function CommandDialog({
-  title,
-  description,
-  children,
-  className,
-  showCloseButton,
-  ...props
-}: React.ComponentProps<typeof Dialog> & {
-  title?: string;
-  description?: string;
-  className?: string;
-  showCloseButton?: boolean;
-}): react109.JSX.Element;
-/** Search input with a leading search icon that filters CommandItems in real time. */
-declare function CommandInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Input>): react109.JSX.Element;
-/** Scrollable list that renders filtered CommandGroups and CommandItems. */
-declare function CommandList({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.List>): react109.JSX.Element;
-/** Fallback message displayed when no CommandItems match the current search query. */
-declare function CommandEmpty({
-  ...props
-}: React.ComponentProps<typeof Command.Empty>): react109.JSX.Element;
-/** Groups CommandItems under an optional heading label. */
-declare function CommandGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Group>): react109.JSX.Element;
-/** Horizontal dividing line between groups in a CommandList. */
-declare function CommandSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Separator>): react109.JSX.Element;
-/** A selectable row inside a CommandGroup that is highlighted when active or hovered. */
-declare function CommandItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Item>): react109.JSX.Element;
-/** Displays a keyboard shortcut hint aligned to the right of a CommandItem. */
-declare function CommandShortcut({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): react109.JSX.Element;
-//#endregion
-export { CommandInput as a, CommandSeparator as c, CommandGroup as i, CommandShortcut as l, CommandDialog as n, CommandItem as o, CommandEmpty as r, CommandList as s, Command$1 as t };
-//# sourceMappingURL=command-DAudAVpm.d.cts.map

package/dist/confirm-dialog-C5ULtwJE.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./alert-dialog-B9ThoUnv.cjs`);let n=require(`lucide-react`),r=require(`react`),i=require(`react/jsx-runtime`);const a=({open:e,isLoading:a=!1,title:o,description:s,cancelText:c=`Cancel`,submitText:l=`Confirm`,descriptionClassName:u,onOpenChange:d,onConfirm:f})=>{let p=(0,r.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),f?.()},[f]);return(0,i.jsx)(t.t,{open:e,onOpenChange:d,children:(0,i.jsxs)(t.i,{className:`p-4 pb-5`,children:[(0,i.jsxs)(t.s,{className:`gap-2`,children:[(0,i.jsxs)(t.u,{className:`inline-flex items-center gap-x-1`,children:[(0,i.jsx)(n.TriangleAlert,{size:20}),(0,i.jsx)(`p`,{children:o})]}),(0,i.jsx)(t.a,{className:u,children:s})]}),(0,i.jsxs)(t.o,{children:[(0,i.jsx)(t.r,{children:c}),(0,i.jsx)(t.n,{type:`button`,className:`min-h-9 w-full md:w-24`,onClick:p,children:a?(0,i.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:(0,i.jsx)(`div`,{className:`loader-spinner text-text-positive-weak`})}):l})]})]})})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=confirm-dialog-C5ULtwJE.cjs.map

package/dist/confirm-dialog-C5ULtwJE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm-dialog-C5ULtwJE.cjs","names":["ConfirmDialog: React.FC<ConfirmDialogProps>","AlertDialog","AlertDialogContent","AlertDialogHeader","AlertDialogTitle","TriangleAlert","AlertDialogDescription","AlertDialogFooter","AlertDialogCancel","AlertDialogAction"],"sources":["../packages/components/dialogs/confirm-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\n\nimport { TriangleAlert } from 'lucide-react';\n\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '../ui/alert-dialog';\n\n/**\n * Props for the {@link ConfirmDialog} component.\n */\nexport type ConfirmDialogProps = {\n  /**\n   * Controls whether the dialog is currently open.\n   * This is a **controlled** prop — pair it with `onOpenChange` to manage state.\n   */\n  open?: boolean;\n\n  /**\n   * When `true`, shows an animated spinner inside the confirm button and\n   * prevents double-submission. Typically bound to a mutation's pending state.\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * The dialog heading text. Keep it short and action-oriented,\n   * e.g. `\"Delete user?\"` or `\"Unsaved changes\"`.\n   */\n  title: string;\n\n  /**\n   * Body copy explaining what will happen if the user confirms.\n   * For irreversible actions, state explicitly that the action cannot be undone.\n   */\n  description: string;\n\n  /**\n   * Label for the cancel / dismiss button.\n   *\n   * @default \"Cancel\"\n   */\n  cancelText?: string;\n\n  /**\n   * Label for the confirm / submit button.\n   *\n   * @default \"Confirm\"\n   */\n  submitText?: string;\n\n  /**\n   * Additional class names applied to the `AlertDialogDescription` element.\n   * Useful for overriding text color or font size for specific contexts.\n   */\n  descriptionClassName?: string;\n\n  /**\n   * Callback fired when the dialog open state changes.\n   * Required to implement controlled open / close behavior.\n   *\n   * @param open - `true` when opening, `false` when closing.\n   */\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * Async-safe callback fired when the user clicks the confirm button.\n   * Supports both synchronous and `Promise`-returning functions.\n   *\n   * The dialog does **not** auto-close after `onConfirm` resolves — the caller\n   * is responsible for setting `open` to `false` once the operation completes.\n   *\n   * @example\n   * ```tsx\n   * onConfirm={async () => {\n   *   await deleteUser(userId);\n   *   setOpen(false);\n   * }}\n   * ```\n   */\n  onConfirm?: () => Promise<void> | void;\n};\n\n/**\n * A controlled confirmation dialog for destructive or irreversible actions.\n *\n * Built on Radix UI's `AlertDialog` primitive. Renders a warning icon, title,\n * description, and Cancel / Confirm buttons. The confirm button supports an\n * async loading state to prevent double-submission.\n *\n * **Import:** `import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog'`\n *\n * @example Delete confirmation with React state\n * ```tsx\n * import { useState } from 'react';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n * import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog';\n *\n * export function DeleteUserButton({ userId }: { userId: string }) {\n *   const [open, setOpen] = useState(false);\n *   const [isPending, setIsPending] = useState(false);\n *\n *   const handleDelete = async () => {\n *     setIsPending(true);\n *     try {\n *       await deleteUser(userId);\n *       setOpen(false);\n *     } finally {\n *       setIsPending(false);\n *     }\n *   };\n *\n *   return (\n *     <>\n *       <Button variant=\"outline\" color=\"danger\" onClick={() => setOpen(true)}>\n *         Delete user\n *       </Button>\n *       <ConfirmDialog\n *         open={open}\n *         title=\"Delete user?\"\n *         description=\"This action is permanent and cannot be undone.\"\n *         submitText=\"Yes, delete\"\n *         isLoading={isPending}\n *         onOpenChange={setOpen}\n *         onConfirm={handleDelete}\n *       />\n *     </>\n *   );\n * }\n * ```\n *\n * @example With TanStack Query mutation\n * ```tsx\n * import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog';\n * import { useMutation } from '@tanstack/react-query';\n *\n * export function ArchiveDialog({ open, onOpenChange, id }: Props) {\n *   const { mutateAsync, isPending } = useMutation({ mutationFn: archiveItem });\n *\n *   return (\n *     <ConfirmDialog\n *       open={open}\n *       title=\"Archive item?\"\n *       description=\"The item will be hidden but can be restored later.\"\n *       submitText=\"Archive\"\n *       isLoading={isPending}\n *       onOpenChange={onOpenChange}\n *       onConfirm={() => mutateAsync(id).then(() => onOpenChange(false))}\n *     />\n *   );\n * }\n * ```\n */\nexport const ConfirmDialog: React.FC<ConfirmDialogProps> = ({\n  open,\n  isLoading = false,\n  title,\n  description,\n  cancelText = 'Cancel',\n  submitText = 'Confirm',\n  descriptionClassName,\n  onOpenChange,\n  onConfirm,\n}) => {\n  const handleConfirm = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      onConfirm?.();\n    },\n    [onConfirm]\n  );\n\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialogContent className=\"p-4 pb-5\">\n        <AlertDialogHeader className=\"gap-2\">\n          <AlertDialogTitle className=\"inline-flex items-center gap-x-1\">\n            <TriangleAlert size={20} />\n            <p>{title}</p>\n          </AlertDialogTitle>\n          <AlertDialogDescription className={descriptionClassName}>{description}</AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel>{cancelText}</AlertDialogCancel>\n          <AlertDialogAction type=\"button\" className=\"min-h-9 w-full md:w-24\" onClick={handleConfirm}>\n            {isLoading ? (\n              <div className=\"absolute inset-0 flex items-center justify-center\">\n                <div className=\"loader-spinner text-text-positive-weak\" />\n              </div>\n            ) : (\n              submitText\n            )}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n};\n"],"mappings":"iKAmKA,MAAaA,GAA+C,CAC1D,OACA,YAAY,GACZ,QACA,cACA,aAAa,SACb,aAAa,UACb,uBACA,eACA,eACI,CACJ,IAAM,GAAA,EAAA,EAAA,aACH,GAAwB,CACvB,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,CACnB,KAAa,EAEf,CAAC,EAAU,CACZ,CAED,OACE,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAkB,OAAoB,yBACrC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAmB,UAAU,sBAC5B,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAkB,UAAU,mBAC3B,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAiB,UAAU,8CAC1B,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAc,KAAM,GAAA,CAAM,EAC3B,EAAA,EAAA,KAAC,IAAA,CAAA,SAAG,EAAA,CAAU,CAAA,EACG,EACnB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAuB,UAAW,WAAuB,GAAqC,CAAA,EAC7E,EACpB,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAmB,EAAA,CAA+B,EACnD,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAkB,KAAK,SAAS,UAAU,yBAAyB,QAAS,WAC1E,GACC,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,8DACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,yCAAA,CAA2C,EACtD,CAEN,GAEgB,CAAA,CAAA,CACF,CAAA,EACD,EACT"}

package/dist/confirm-dialog-CNWJKBc9.d.mts

@@ -1,142 +0,0 @@
-//#region packages/components/dialogs/confirm-dialog.d.ts
-/**
- * Props for the {@link ConfirmDialog} component.
- */
-type ConfirmDialogProps = {
-  /**
-   * Controls whether the dialog is currently open.
-   * This is a **controlled** prop — pair it with `onOpenChange` to manage state.
-   */
-  open?: boolean;
-  /**
-   * When `true`, shows an animated spinner inside the confirm button and
-   * prevents double-submission. Typically bound to a mutation's pending state.
-   *
-   * @default false
-   */
-  isLoading?: boolean;
-  /**
-   * The dialog heading text. Keep it short and action-oriented,
-   * e.g. `"Delete user?"` or `"Unsaved changes"`.
-   */
-  title: string;
-  /**
-   * Body copy explaining what will happen if the user confirms.
-   * For irreversible actions, state explicitly that the action cannot be undone.
-   */
-  description: string;
-  /**
-   * Label for the cancel / dismiss button.
-   *
-   * @default "Cancel"
-   */
-  cancelText?: string;
-  /**
-   * Label for the confirm / submit button.
-   *
-   * @default "Confirm"
-   */
-  submitText?: string;
-  /**
-   * Additional class names applied to the `AlertDialogDescription` element.
-   * Useful for overriding text color or font size for specific contexts.
-   */
-  descriptionClassName?: string;
-  /**
-   * Callback fired when the dialog open state changes.
-   * Required to implement controlled open / close behavior.
-   *
-   * @param open - `true` when opening, `false` when closing.
-   */
-  onOpenChange?: (open: boolean) => void;
-  /**
-   * Async-safe callback fired when the user clicks the confirm button.
-   * Supports both synchronous and `Promise`-returning functions.
-   *
-   * The dialog does **not** auto-close after `onConfirm` resolves — the caller
-   * is responsible for setting `open` to `false` once the operation completes.
-   *
-   * @example
-   * ```tsx
-   * onConfirm={async () => {
-   *   await deleteUser(userId);
-   *   setOpen(false);
-   * }}
-   * ```
-   */
-  onConfirm?: () => Promise<void> | void;
-};
-/**
- * A controlled confirmation dialog for destructive or irreversible actions.
- *
- * Built on Radix UI's `AlertDialog` primitive. Renders a warning icon, title,
- * description, and Cancel / Confirm buttons. The confirm button supports an
- * async loading state to prevent double-submission.
- *
- * **Import:** `import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog'`
- *
- * @example Delete confirmation with React state
- * ```tsx
- * import { useState } from 'react';
- * import { Button } from '@customafk/lunas-ui/ui/button';
- * import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog';
- *
- * export function DeleteUserButton({ userId }: { userId: string }) {
- *   const [open, setOpen] = useState(false);
- *   const [isPending, setIsPending] = useState(false);
- *
- *   const handleDelete = async () => {
- *     setIsPending(true);
- *     try {
- *       await deleteUser(userId);
- *       setOpen(false);
- *     } finally {
- *       setIsPending(false);
- *     }
- *   };
- *
- *   return (
- *     <>
- *       <Button variant="outline" color="danger" onClick={() => setOpen(true)}>
- *         Delete user
- *       </Button>
- *       <ConfirmDialog
- *         open={open}
- *         title="Delete user?"
- *         description="This action is permanent and cannot be undone."
- *         submitText="Yes, delete"
- *         isLoading={isPending}
- *         onOpenChange={setOpen}
- *         onConfirm={handleDelete}
- *       />
- *     </>
- *   );
- * }
- * ```
- *
- * @example With TanStack Query mutation
- * ```tsx
- * import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog';
- * import { useMutation } from '@tanstack/react-query';
- *
- * export function ArchiveDialog({ open, onOpenChange, id }: Props) {
- *   const { mutateAsync, isPending } = useMutation({ mutationFn: archiveItem });
- *
- *   return (
- *     <ConfirmDialog
- *       open={open}
- *       title="Archive item?"
- *       description="The item will be hidden but can be restored later."
- *       submitText="Archive"
- *       isLoading={isPending}
- *       onOpenChange={onOpenChange}
- *       onConfirm={() => mutateAsync(id).then(() => onOpenChange(false))}
- *     />
- *   );
- * }
- * ```
- */
-declare const ConfirmDialog: React.FC<ConfirmDialogProps>;
-//#endregion
-export { ConfirmDialogProps as n, ConfirmDialog as t };
-//# sourceMappingURL=confirm-dialog-CNWJKBc9.d.mts.map

package/dist/confirm-dialog-DG_3RvTI.d.cts

@@ -1,142 +0,0 @@
-//#region packages/components/dialogs/confirm-dialog.d.ts
-/**
- * Props for the {@link ConfirmDialog} component.
- */
-type ConfirmDialogProps = {
-  /**
-   * Controls whether the dialog is currently open.
-   * This is a **controlled** prop — pair it with `onOpenChange` to manage state.
-   */
-  open?: boolean;
-  /**
-   * When `true`, shows an animated spinner inside the confirm button and
-   * prevents double-submission. Typically bound to a mutation's pending state.
-   *
-   * @default false
-   */
-  isLoading?: boolean;
-  /**
-   * The dialog heading text. Keep it short and action-oriented,
-   * e.g. `"Delete user?"` or `"Unsaved changes"`.
-   */
-  title: string;
-  /**
-   * Body copy explaining what will happen if the user confirms.
-   * For irreversible actions, state explicitly that the action cannot be undone.
-   */
-  description: string;
-  /**
-   * Label for the cancel / dismiss button.
-   *
-   * @default "Cancel"
-   */
-  cancelText?: string;
-  /**
-   * Label for the confirm / submit button.
-   *
-   * @default "Confirm"
-   */
-  submitText?: string;
-  /**
-   * Additional class names applied to the `AlertDialogDescription` element.
-   * Useful for overriding text color or font size for specific contexts.
-   */
-  descriptionClassName?: string;
-  /**
-   * Callback fired when the dialog open state changes.
-   * Required to implement controlled open / close behavior.
-   *
-   * @param open - `true` when opening, `false` when closing.
-   */
-  onOpenChange?: (open: boolean) => void;
-  /**
-   * Async-safe callback fired when the user clicks the confirm button.
-   * Supports both synchronous and `Promise`-returning functions.
-   *
-   * The dialog does **not** auto-close after `onConfirm` resolves — the caller
-   * is responsible for setting `open` to `false` once the operation completes.
-   *
-   * @example
-   * ```tsx
-   * onConfirm={async () => {
-   *   await deleteUser(userId);
-   *   setOpen(false);
-   * }}
-   * ```
-   */
-  onConfirm?: () => Promise<void> | void;
-};
-/**
- * A controlled confirmation dialog for destructive or irreversible actions.
- *
- * Built on Radix UI's `AlertDialog` primitive. Renders a warning icon, title,
- * description, and Cancel / Confirm buttons. The confirm button supports an
- * async loading state to prevent double-submission.
- *
- * **Import:** `import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog'`
- *
- * @example Delete confirmation with React state
- * ```tsx
- * import { useState } from 'react';
- * import { Button } from '@customafk/lunas-ui/ui/button';
- * import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog';
- *
- * export function DeleteUserButton({ userId }: { userId: string }) {
- *   const [open, setOpen] = useState(false);
- *   const [isPending, setIsPending] = useState(false);
- *
- *   const handleDelete = async () => {
- *     setIsPending(true);
- *     try {
- *       await deleteUser(userId);
- *       setOpen(false);
- *     } finally {
- *       setIsPending(false);
- *     }
- *   };
- *
- *   return (
- *     <>
- *       <Button variant="outline" color="danger" onClick={() => setOpen(true)}>
- *         Delete user
- *       </Button>
- *       <ConfirmDialog
- *         open={open}
- *         title="Delete user?"
- *         description="This action is permanent and cannot be undone."
- *         submitText="Yes, delete"
- *         isLoading={isPending}
- *         onOpenChange={setOpen}
- *         onConfirm={handleDelete}
- *       />
- *     </>
- *   );
- * }
- * ```
- *
- * @example With TanStack Query mutation
- * ```tsx
- * import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog';
- * import { useMutation } from '@tanstack/react-query';
- *
- * export function ArchiveDialog({ open, onOpenChange, id }: Props) {
- *   const { mutateAsync, isPending } = useMutation({ mutationFn: archiveItem });
- *
- *   return (
- *     <ConfirmDialog
- *       open={open}
- *       title="Archive item?"
- *       description="The item will be hidden but can be restored later."
- *       submitText="Archive"
- *       isLoading={isPending}
- *       onOpenChange={onOpenChange}
- *       onConfirm={() => mutateAsync(id).then(() => onOpenChange(false))}
- *     />
- *   );
- * }
- * ```
- */
-declare const ConfirmDialog: React.FC<ConfirmDialogProps>;
-//#endregion
-export { ConfirmDialogProps as n, ConfirmDialog as t };
-//# sourceMappingURL=confirm-dialog-DG_3RvTI.d.cts.map

package/dist/confirm-dialog-u2GP8uPi.mjs

@@ -1,2 +0,0 @@
-import{a as e,i as t,n,o as r,r as i,s as a,t as o,u as s}from"./alert-dialog-DqIS6qRz.mjs";import{TriangleAlert as c}from"lucide-react";import{useCallback as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=({open:f,isLoading:p=!1,title:m,description:h,cancelText:g=`Cancel`,submitText:_=`Confirm`,descriptionClassName:v,onOpenChange:y,onConfirm:b})=>{let x=l(e=>{e.preventDefault(),e.stopPropagation(),b?.()},[b]);return u(o,{open:f,onOpenChange:y,children:d(t,{className:`p-4 pb-5`,children:[d(a,{className:`gap-2`,children:[d(s,{className:`inline-flex items-center gap-x-1`,children:[u(c,{size:20}),u(`p`,{children:m})]}),u(e,{className:v,children:h})]}),d(r,{children:[u(i,{children:g}),u(n,{type:`button`,className:`min-h-9 w-full md:w-24`,onClick:x,children:p?u(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:u(`div`,{className:`loader-spinner text-text-positive-weak`})}):_})]})]})})};export{f as t};
-//# sourceMappingURL=confirm-dialog-u2GP8uPi.mjs.map

package/dist/confirm-dialog-u2GP8uPi.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm-dialog-u2GP8uPi.mjs","names":["ConfirmDialog: React.FC<ConfirmDialogProps>"],"sources":["../packages/components/dialogs/confirm-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\n\nimport { TriangleAlert } from 'lucide-react';\n\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '../ui/alert-dialog';\n\n/**\n * Props for the {@link ConfirmDialog} component.\n */\nexport type ConfirmDialogProps = {\n  /**\n   * Controls whether the dialog is currently open.\n   * This is a **controlled** prop — pair it with `onOpenChange` to manage state.\n   */\n  open?: boolean;\n\n  /**\n   * When `true`, shows an animated spinner inside the confirm button and\n   * prevents double-submission. Typically bound to a mutation's pending state.\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * The dialog heading text. Keep it short and action-oriented,\n   * e.g. `\"Delete user?\"` or `\"Unsaved changes\"`.\n   */\n  title: string;\n\n  /**\n   * Body copy explaining what will happen if the user confirms.\n   * For irreversible actions, state explicitly that the action cannot be undone.\n   */\n  description: string;\n\n  /**\n   * Label for the cancel / dismiss button.\n   *\n   * @default \"Cancel\"\n   */\n  cancelText?: string;\n\n  /**\n   * Label for the confirm / submit button.\n   *\n   * @default \"Confirm\"\n   */\n  submitText?: string;\n\n  /**\n   * Additional class names applied to the `AlertDialogDescription` element.\n   * Useful for overriding text color or font size for specific contexts.\n   */\n  descriptionClassName?: string;\n\n  /**\n   * Callback fired when the dialog open state changes.\n   * Required to implement controlled open / close behavior.\n   *\n   * @param open - `true` when opening, `false` when closing.\n   */\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * Async-safe callback fired when the user clicks the confirm button.\n   * Supports both synchronous and `Promise`-returning functions.\n   *\n   * The dialog does **not** auto-close after `onConfirm` resolves — the caller\n   * is responsible for setting `open` to `false` once the operation completes.\n   *\n   * @example\n   * ```tsx\n   * onConfirm={async () => {\n   *   await deleteUser(userId);\n   *   setOpen(false);\n   * }}\n   * ```\n   */\n  onConfirm?: () => Promise<void> | void;\n};\n\n/**\n * A controlled confirmation dialog for destructive or irreversible actions.\n *\n * Built on Radix UI's `AlertDialog` primitive. Renders a warning icon, title,\n * description, and Cancel / Confirm buttons. The confirm button supports an\n * async loading state to prevent double-submission.\n *\n * **Import:** `import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog'`\n *\n * @example Delete confirmation with React state\n * ```tsx\n * import { useState } from 'react';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n * import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog';\n *\n * export function DeleteUserButton({ userId }: { userId: string }) {\n *   const [open, setOpen] = useState(false);\n *   const [isPending, setIsPending] = useState(false);\n *\n *   const handleDelete = async () => {\n *     setIsPending(true);\n *     try {\n *       await deleteUser(userId);\n *       setOpen(false);\n *     } finally {\n *       setIsPending(false);\n *     }\n *   };\n *\n *   return (\n *     <>\n *       <Button variant=\"outline\" color=\"danger\" onClick={() => setOpen(true)}>\n *         Delete user\n *       </Button>\n *       <ConfirmDialog\n *         open={open}\n *         title=\"Delete user?\"\n *         description=\"This action is permanent and cannot be undone.\"\n *         submitText=\"Yes, delete\"\n *         isLoading={isPending}\n *         onOpenChange={setOpen}\n *         onConfirm={handleDelete}\n *       />\n *     </>\n *   );\n * }\n * ```\n *\n * @example With TanStack Query mutation\n * ```tsx\n * import { ConfirmDialog } from '@customafk/lunas-ui/dialogs/confirm-dialog';\n * import { useMutation } from '@tanstack/react-query';\n *\n * export function ArchiveDialog({ open, onOpenChange, id }: Props) {\n *   const { mutateAsync, isPending } = useMutation({ mutationFn: archiveItem });\n *\n *   return (\n *     <ConfirmDialog\n *       open={open}\n *       title=\"Archive item?\"\n *       description=\"The item will be hidden but can be restored later.\"\n *       submitText=\"Archive\"\n *       isLoading={isPending}\n *       onOpenChange={onOpenChange}\n *       onConfirm={() => mutateAsync(id).then(() => onOpenChange(false))}\n *     />\n *   );\n * }\n * ```\n */\nexport const ConfirmDialog: React.FC<ConfirmDialogProps> = ({\n  open,\n  isLoading = false,\n  title,\n  description,\n  cancelText = 'Cancel',\n  submitText = 'Confirm',\n  descriptionClassName,\n  onOpenChange,\n  onConfirm,\n}) => {\n  const handleConfirm = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      onConfirm?.();\n    },\n    [onConfirm]\n  );\n\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialogContent className=\"p-4 pb-5\">\n        <AlertDialogHeader className=\"gap-2\">\n          <AlertDialogTitle className=\"inline-flex items-center gap-x-1\">\n            <TriangleAlert size={20} />\n            <p>{title}</p>\n          </AlertDialogTitle>\n          <AlertDialogDescription className={descriptionClassName}>{description}</AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel>{cancelText}</AlertDialogCancel>\n          <AlertDialogAction type=\"button\" className=\"min-h-9 w-full md:w-24\" onClick={handleConfirm}>\n            {isLoading ? (\n              <div className=\"absolute inset-0 flex items-center justify-center\">\n                <div className=\"loader-spinner text-text-positive-weak\" />\n              </div>\n            ) : (\n              submitText\n            )}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n};\n"],"mappings":"+NAmKA,MAAaA,GAA+C,CAC1D,OACA,YAAY,GACZ,QACA,cACA,aAAa,SACb,aAAa,UACb,uBACA,eACA,eACI,CACJ,IAAM,EAAgB,EACnB,GAAwB,CACvB,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,CACnB,KAAa,EAEf,CAAC,EAAU,CACZ,CAED,OACE,EAAC,EAAA,CAAkB,OAAoB,wBACrC,EAAC,EAAA,CAAmB,UAAU,qBAC5B,EAAC,EAAA,CAAkB,UAAU,kBAC3B,EAAC,EAAA,CAAiB,UAAU,6CAC1B,EAAC,EAAA,CAAc,KAAM,GAAA,CAAM,CAC3B,EAAC,IAAA,CAAA,SAAG,EAAA,CAAU,CAAA,EACG,CACnB,EAAC,EAAA,CAAuB,UAAW,WAAuB,GAAqC,CAAA,EAC7E,CACpB,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SAAmB,EAAA,CAA+B,CACnD,EAAC,EAAA,CAAkB,KAAK,SAAS,UAAU,yBAAyB,QAAS,WAC1E,EACC,EAAC,MAAA,CAAI,UAAU,6DACb,EAAC,MAAA,CAAI,UAAU,yCAAA,CAA2C,EACtD,CAEN,GAEgB,CAAA,CAAA,CACF,CAAA,EACD,EACT"}