@customafk/lunas-ui 0.2.37 → 0.2.39

package/dist/ui/dialog.d.cts

@@ -1,2 +1,2 @@
-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-1ArhWB8r.cjs";
+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-BLjShZci.cjs";
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/ui/dialog.d.ts

@@ -0,0 +1,2 @@
+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-AcOtFuF4.js";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/ui/dialog.js

@@ -0,0 +1 @@
+"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};

package/dist/ui/drawer.cjs

@@ -1 +1 @@
-"use client";const e=require(`../drawer-B6C8-Ndu.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(`../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;

package/dist/ui/drawer.d.cts

@@ -1,4 +1,4 @@
-import * as react126 from "react";
+import * as react166 from "react";
 import { Drawer as Drawer$1 } from "vaul";
 
 //#region packages/components/ui/drawer.d.ts
@@ -23,50 +23,50 @@ import { Drawer as Drawer$1 } from "vaul";
  */
 declare function Drawer({
   ...props
-}: React.ComponentProps<typeof Drawer$1.Root>): react126.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Root>): react166.JSX.Element;
 /** Element that opens the Drawer when activated. */
 declare function DrawerTrigger({
   ...props
-}: React.ComponentProps<typeof Drawer$1.Trigger>): react126.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Trigger>): react166.JSX.Element;
 /** Portals Drawer content outside the current DOM tree. */
 declare function DrawerPortal({
   ...props
-}: React.ComponentProps<typeof Drawer$1.Portal>): react126.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Portal>): react166.JSX.Element;
 /** Button that programmatically closes the Drawer. */
 declare function DrawerClose({
   ...props
-}: React.ComponentProps<typeof Drawer$1.Close>): react126.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Close>): react166.JSX.Element;
 /** Dimmed backdrop rendered behind the Drawer panel. */
 declare function DrawerOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof Drawer$1.Overlay>): react126.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Overlay>): react166.JSX.Element;
 /** The main Drawer panel; automatically positions itself based on the direction set on the root. */
 declare function DrawerContent({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Drawer$1.Content>): react126.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Content>): react166.JSX.Element;
 /** Padded header section at the top of the Drawer for the title and description. */
 declare function DrawerHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react126.JSX.Element;
+}: React.ComponentProps<'div'>): react166.JSX.Element;
 /** Footer section pinned to the bottom of the Drawer, typically used for action buttons. */
 declare function DrawerFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react126.JSX.Element;
+}: React.ComponentProps<'div'>): react166.JSX.Element;
 /** Accessible title element for the Drawer, announced by screen readers on open. */
 declare function DrawerTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Drawer$1.Title>): react126.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Title>): react166.JSX.Element;
 /** Accessible description element for the Drawer, providing supplemental context to the title. */
 declare function DrawerDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Drawer$1.Description>): react126.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Description>): react166.JSX.Element;
 //#endregion
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
 //# sourceMappingURL=drawer.d.cts.map

package/dist/ui/drawer.d.ts

@@ -0,0 +1,72 @@
+import * as react159 from "react";
+import { Drawer as Drawer$1 } from "vaul";
+
+//#region packages/components/ui/drawer.d.ts
+
+/**
+ * Root provider for the Drawer — a vaul-powered slide-in panel supporting top, bottom, left, and right directions.
+ *
+ * @example
+ * ```tsx
+ * import { Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription } from '@customafk/lunas-ui/ui/drawer';
+ *
+ * <Drawer>
+ *   <DrawerTrigger>Open Drawer</DrawerTrigger>
+ *   <DrawerContent>
+ *     <DrawerHeader>
+ *       <DrawerTitle>Confirm action</DrawerTitle>
+ *       <DrawerDescription>This action cannot be undone.</DrawerDescription>
+ *     </DrawerHeader>
+ *   </DrawerContent>
+ * </Drawer>
+ * ```
+ */
+declare function Drawer({
+  ...props
+}: React.ComponentProps<typeof Drawer$1.Root>): react159.JSX.Element;
+/** Element that opens the Drawer when activated. */
+declare function DrawerTrigger({
+  ...props
+}: React.ComponentProps<typeof Drawer$1.Trigger>): react159.JSX.Element;
+/** Portals Drawer content outside the current DOM tree. */
+declare function DrawerPortal({
+  ...props
+}: React.ComponentProps<typeof Drawer$1.Portal>): react159.JSX.Element;
+/** Button that programmatically closes the Drawer. */
+declare function DrawerClose({
+  ...props
+}: React.ComponentProps<typeof Drawer$1.Close>): react159.JSX.Element;
+/** Dimmed backdrop rendered behind the Drawer panel. */
+declare function DrawerOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof Drawer$1.Overlay>): react159.JSX.Element;
+/** The main Drawer panel; automatically positions itself based on the direction set on the root. */
+declare function DrawerContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof Drawer$1.Content>): react159.JSX.Element;
+/** Padded header section at the top of the Drawer for the title and description. */
+declare function DrawerHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react159.JSX.Element;
+/** Footer section pinned to the bottom of the Drawer, typically used for action buttons. */
+declare function DrawerFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react159.JSX.Element;
+/** Accessible title element for the Drawer, announced by screen readers on open. */
+declare function DrawerTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof Drawer$1.Title>): react159.JSX.Element;
+/** Accessible description element for the Drawer, providing supplemental context to the title. */
+declare function DrawerDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof Drawer$1.Description>): react159.JSX.Element;
+//#endregion
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/ui/drawer.js

@@ -0,0 +1 @@
+"use client";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"../drawer-B3qXaN5p.js";export{c as Drawer,i as DrawerClose,o as DrawerContent,n as DrawerDescription,e as DrawerFooter,a as DrawerHeader,s as DrawerOverlay,t as DrawerPortal,r as DrawerTitle,l as DrawerTrigger};

package/dist/ui/dropdown-menu.cjs

@@ -1 +1 @@
-"use client";const e=require(`../dropdown-menu-Bz7oMQ36.cjs`);exports.DropdownMenu=e.t,exports.DropdownMenuCheckboxItem=e.n,exports.DropdownMenuContent=e.r,exports.DropdownMenuGroup=e.i,exports.DropdownMenuItem=e.a,exports.DropdownMenuLabel=e.o,exports.DropdownMenuPortal=e.s,exports.DropdownMenuRadioGroup=e.c,exports.DropdownMenuRadioItem=e.l,exports.DropdownMenuSeparator=e.u,exports.DropdownMenuShortcut=e.d,exports.DropdownMenuSub=e.f,exports.DropdownMenuSubContent=e.p,exports.DropdownMenuSubTrigger=e.m,exports.DropdownMenuTrigger=e.h;
+"use client";const e=require(`../dropdown-menu-CVh520yG.cjs`);exports.DropdownMenu=e.t,exports.DropdownMenuCheckboxItem=e.n,exports.DropdownMenuContent=e.r,exports.DropdownMenuGroup=e.i,exports.DropdownMenuItem=e.a,exports.DropdownMenuLabel=e.o,exports.DropdownMenuPortal=e.s,exports.DropdownMenuRadioGroup=e.c,exports.DropdownMenuRadioItem=e.l,exports.DropdownMenuSeparator=e.u,exports.DropdownMenuShortcut=e.d,exports.DropdownMenuSub=e.f,exports.DropdownMenuSubContent=e.p,exports.DropdownMenuSubTrigger=e.m,exports.DropdownMenuTrigger=e.h;

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

@@ -1,4 +1,4 @@
-import * as react199 from "react";
+import * as react286 from "react";
 import { DropdownMenu as DropdownMenu$1 } from "radix-ui";
 
 //#region packages/components/ui/dropdown-menu.d.ts
@@ -26,26 +26,26 @@ import { DropdownMenu as DropdownMenu$1 } from "radix-ui";
  */
 declare function DropdownMenu({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Root>): react199.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Root>): react286.JSX.Element;
 /** Portals DropdownMenu content outside the current DOM hierarchy. */
 declare function DropdownMenuPortal({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react199.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react286.JSX.Element;
 /** Element that opens the DropdownMenu when activated. */
 declare function DropdownMenuTrigger({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react199.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react286.JSX.Element;
 /** Animated floating panel that contains the dropdown items. */
 declare function DropdownMenuContent({
   className,
   sideOffset,
   align,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Content>): react199.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Content>): react286.JSX.Element;
 /** Groups related DropdownMenuItems under a shared logical section. */
 declare function DropdownMenuGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Group>): react199.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Group>): react286.JSX.Element;
 /**
  * A single clickable row inside a DropdownMenuContent.
  *
@@ -60,24 +60,24 @@ declare function DropdownMenuItem({
 }: React.ComponentProps<typeof DropdownMenu$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react199.JSX.Element;
+}): react286.JSX.Element;
 /** A checkable menu item that displays a checkmark when selected. */
 declare function DropdownMenuCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react199.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react286.JSX.Element;
 /** Groups DropdownMenuRadioItems so only one can be selected at a time. */
 declare function DropdownMenuRadioGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react199.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react286.JSX.Element;
 /** A radio-button menu item; shows a filled circle when selected. */
 declare function DropdownMenuRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): react199.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): react286.JSX.Element;
 /**
  * Non-interactive label used to describe a group of items.
  *
@@ -89,21 +89,21 @@ declare function DropdownMenuLabel({
   ...props
 }: React.ComponentProps<typeof DropdownMenu$1.Label> & {
   inset?: boolean;
-}): react199.JSX.Element;
+}): react286.JSX.Element;
 /** Horizontal dividing line between groups of dropdown items. */
 declare function DropdownMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react199.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react286.JSX.Element;
 /** Displays a keyboard shortcut hint aligned to the right of a menu item. */
 declare function DropdownMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react199.JSX.Element;
+}: React.ComponentProps<'span'>): react286.JSX.Element;
 /** Root container for a nested sub-menu inside a DropdownMenu. */
 declare function DropdownMenuSub({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react199.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react286.JSX.Element;
 /**
  * Menu item that reveals a nested DropdownMenuSubContent on hover or activation.
  *
@@ -116,12 +116,12 @@ declare function DropdownMenuSubTrigger({
   ...props
 }: React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
   inset?: boolean;
-}): react199.JSX.Element;
+}): react286.JSX.Element;
 /** Floating panel that contains the items of a nested sub-menu. */
 declare function DropdownMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react199.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react286.JSX.Element;
 //#endregion
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
 //# sourceMappingURL=dropdown-menu.d.cts.map

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

@@ -0,0 +1,127 @@
+import * as react103 from "react";
+import { DropdownMenu as DropdownMenu$1 } from "radix-ui";
+
+//#region packages/components/ui/dropdown-menu.d.ts
+
+/**
+ * Root provider for the DropdownMenu — wraps all sub-components and controls open state.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   DropdownMenu, DropdownMenuTrigger, DropdownMenuContent,
+ *   DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator,
+ * } from '@customafk/lunas-ui/ui/dropdown-menu';
+ *
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger>Options</DropdownMenuTrigger>
+ *   <DropdownMenuContent>
+ *     <DropdownMenuLabel>My Account</DropdownMenuLabel>
+ *     <DropdownMenuSeparator />
+ *     <DropdownMenuItem>Profile</DropdownMenuItem>
+ *     <DropdownMenuItem variant="destructive">Delete</DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ */
+declare function DropdownMenu({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Root>): react103.JSX.Element;
+/** Portals DropdownMenu content outside the current DOM hierarchy. */
+declare function DropdownMenuPortal({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react103.JSX.Element;
+/** Element that opens the DropdownMenu when activated. */
+declare function DropdownMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react103.JSX.Element;
+/** Animated floating panel that contains the dropdown items. */
+declare function DropdownMenuContent({
+  className,
+  sideOffset,
+  align,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Content>): react103.JSX.Element;
+/** Groups related DropdownMenuItems under a shared logical section. */
+declare function DropdownMenuGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Group>): react103.JSX.Element;
+/**
+ * A single clickable row inside a DropdownMenuContent.
+ *
+ * @param inset - When true, adds left padding to align with items that have icons.
+ * @param variant - Visual style: `'default'` or `'destructive'`.
+ */
+declare function DropdownMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Item> & {
+  inset?: boolean;
+  variant?: 'default' | 'destructive';
+}): react103.JSX.Element;
+/** A checkable menu item that displays a checkmark when selected. */
+declare function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react103.JSX.Element;
+/** Groups DropdownMenuRadioItems so only one can be selected at a time. */
+declare function DropdownMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react103.JSX.Element;
+/** A radio-button menu item; shows a filled circle when selected. */
+declare function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): react103.JSX.Element;
+/**
+ * Non-interactive label used to describe a group of items.
+ *
+ * @param inset - When true, adds left padding to align with inset items.
+ */
+declare function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Label> & {
+  inset?: boolean;
+}): react103.JSX.Element;
+/** Horizontal dividing line between groups of dropdown items. */
+declare function DropdownMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react103.JSX.Element;
+/** Displays a keyboard shortcut hint aligned to the right of a menu item. */
+declare function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): react103.JSX.Element;
+/** Root container for a nested sub-menu inside a DropdownMenu. */
+declare function DropdownMenuSub({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react103.JSX.Element;
+/**
+ * Menu item that reveals a nested DropdownMenuSubContent on hover or activation.
+ *
+ * @param inset - When true, adds left padding to align with inset items.
+ */
+declare function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
+  inset?: boolean;
+}): react103.JSX.Element;
+/** Floating panel that contains the items of a nested sub-menu. */
+declare function DropdownMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react103.JSX.Element;
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/ui/dropdown-menu.js

@@ -0,0 +1 @@
+"use client";import{a as e,c as t,d as n,f as r,h as i,i as a,l as o,m as s,n as c,o as l,p as u,r as d,s as f,t as p,u as m}from"../dropdown-menu-DeHCVyby.js";export{p as DropdownMenu,c as DropdownMenuCheckboxItem,d as DropdownMenuContent,a as DropdownMenuGroup,e as DropdownMenuItem,l as DropdownMenuLabel,f as DropdownMenuPortal,t as DropdownMenuRadioGroup,o as DropdownMenuRadioItem,m as DropdownMenuSeparator,n as DropdownMenuShortcut,r as DropdownMenuSub,u as DropdownMenuSubContent,s as DropdownMenuSubTrigger,i as DropdownMenuTrigger};

package/dist/ui/empty.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`);function i({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty`,className:(0,t.cn)(`flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12`,e),...n})}function a({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-header`,className:(0,t.cn)(`flex max-w-sm flex-col items-center gap-2 text-center`,e),...n})}const o=(0,n.cva)(`flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,icon:`bg-muted-muted text-text-positive-weak flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6`}},defaultVariants:{variant:`default`}});function s({className:e,variant:n=`default`,...i}){return(0,r.jsx)(`div`,{"data-slot":`empty-icon`,"data-variant":n,className:(0,t.cn)(o({variant:n,className:e})),...i})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-title`,className:(0,t.cn)(`text-lg font-medium tracking-tight`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-description`,className:(0,t.cn)(`text-text-positive-weak [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-content`,className:(0,t.cn)(`flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance`,e),...n})}exports.Empty=i,exports.EmptyContent=u,exports.EmptyDescription=l,exports.EmptyHeader=a,exports.EmptyMedia=s,exports.EmptyTitle=c;
+const e=require(`../chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`);function i({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty`,className:(0,t.cn)(`flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12`,e),...n})}function a({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-header`,className:(0,t.cn)(`flex max-w-sm flex-col items-center gap-2 text-center`,e),...n})}const o=(0,n.cva)(`flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,icon:`bg-muted-muted text-text-positive-weak flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6`}},defaultVariants:{variant:`default`}});function s({className:e,variant:n=`default`,...i}){return(0,r.jsx)(`div`,{"data-slot":`empty-icon`,"data-variant":n,className:(0,t.cn)(o({variant:n,className:e})),...i})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-title`,className:(0,t.cn)(`text-lg font-medium tracking-tight`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-description`,className:(0,t.cn)(`text-text-positive-weak [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`empty-content`,className:(0,t.cn)(`flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance`,e),...n})}exports.Empty=i,exports.EmptyContent=u,exports.EmptyDescription=l,exports.EmptyHeader=a,exports.EmptyMedia=s,exports.EmptyTitle=c;
 //# sourceMappingURL=empty.cjs.map

package/dist/ui/empty.d.cts

@@ -1,5 +1,5 @@
-import * as react141 from "react";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as react76 from "react";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/empty.d.ts
@@ -29,15 +29,15 @@ import { VariantProps } from "class-variance-authority";
 declare function Empty({
   className,
   ...props
-}: React.ComponentProps<'div'>): react141.JSX.Element;
+}: React.ComponentProps<'div'>): react76.JSX.Element;
 /** Centred column container for the media, title, and description of an empty state. */
 declare function EmptyHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react141.JSX.Element;
+}: React.ComponentProps<'div'>): react76.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
   variant?: "default" | "icon" | null | undefined;
-} & class_variance_authority_types6.ClassProp) | undefined) => string;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
 /**
  * Container for the visual element (illustration, icon, or image) in an empty state.
  *
@@ -47,22 +47,22 @@ declare function EmptyMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react141.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react76.JSX.Element;
 /** Prominent heading text for the empty state. */
 declare function EmptyTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react141.JSX.Element;
+}: React.ComponentProps<'div'>): react76.JSX.Element;
 /** Supporting body text that explains the empty state to the user. */
 declare function EmptyDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react141.JSX.Element;
+}: React.ComponentProps<'p'>): react76.JSX.Element;
 /** Action area below the header — typically holds buttons or links to help the user proceed. */
 declare function EmptyContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react141.JSX.Element;
+}: React.ComponentProps<'div'>): react76.JSX.Element;
 //#endregion
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
 //# sourceMappingURL=empty.d.cts.map

package/dist/ui/empty.d.ts

@@ -0,0 +1,68 @@
+import * as react133 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
+
+//#region packages/components/ui/empty.d.ts
+
+/**
+ * Full-page or section empty-state container with centred layout and dashed border, composed with EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, and EmptyContent.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent,
+ * } from '@customafk/lunas-ui/ui/empty';
+ * import { SearchX } from 'lucide-react';
+ *
+ * <Empty>
+ *   <EmptyHeader>
+ *     <EmptyMedia variant="icon"><SearchX /></EmptyMedia>
+ *     <EmptyTitle>No results found</EmptyTitle>
+ *     <EmptyDescription>Try adjusting your search filters.</EmptyDescription>
+ *   </EmptyHeader>
+ *   <EmptyContent>
+ *     <button>Reset filters</button>
+ *   </EmptyContent>
+ * </Empty>
+ * ```
+ */
+declare function Empty({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react133.JSX.Element;
+/** Centred column container for the media, title, and description of an empty state. */
+declare function EmptyHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react133.JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+  variant?: "default" | "icon" | null | undefined;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
+/**
+ * Container for the visual element (illustration, icon, or image) in an empty state.
+ *
+ * @param variant - `'default'` renders a transparent wrapper; `'icon'` renders a rounded muted square with the icon centred inside.
+ */
+declare function EmptyMedia({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react133.JSX.Element;
+/** Prominent heading text for the empty state. */
+declare function EmptyTitle({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react133.JSX.Element;
+/** Supporting body text that explains the empty state to the user. */
+declare function EmptyDescription({
+  className,
+  ...props
+}: React.ComponentProps<'p'>): react133.JSX.Element;
+/** Action area below the header — typically holds buttons or links to help the user proceed. */
+declare function EmptyContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react133.JSX.Element;
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+//# sourceMappingURL=empty.d.ts.map

package/dist/ui/empty.js

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import{jsx as n}from"react/jsx-runtime";function r({className:t,...r}){return n(`div`,{"data-slot":`empty`,className:e(`flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12`,t),...r})}function i({className:t,...r}){return n(`div`,{"data-slot":`empty-header`,className:e(`flex max-w-sm flex-col items-center gap-2 text-center`,t),...r})}const a=t(`flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,icon:`bg-muted-muted text-text-positive-weak flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6`}},defaultVariants:{variant:`default`}});function o({className:t,variant:r=`default`,...i}){return n(`div`,{"data-slot":`empty-icon`,"data-variant":r,className:e(a({variant:r,className:t})),...i})}function s({className:t,...r}){return n(`div`,{"data-slot":`empty-title`,className:e(`text-lg font-medium tracking-tight`,t),...r})}function c({className:t,...r}){return n(`div`,{"data-slot":`empty-description`,className:e(`text-text-positive-weak [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4`,t),...r})}function l({className:t,...r}){return n(`div`,{"data-slot":`empty-content`,className:e(`flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance`,t),...r})}export{r as Empty,l as EmptyContent,c as EmptyDescription,i as EmptyHeader,o as EmptyMedia,s as EmptyTitle};
+//# sourceMappingURL=empty.js.map

package/dist/ui/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":[],"sources":["../../packages/components/ui/empty.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\n/**\n * Full-page or section empty-state container with centred layout and dashed border, composed with EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, and EmptyContent.\n *\n * @example\n * ```tsx\n * import {\n *   Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent,\n * } from '@customafk/lunas-ui/ui/empty';\n * import { SearchX } from 'lucide-react';\n *\n * <Empty>\n *   <EmptyHeader>\n *     <EmptyMedia variant=\"icon\"><SearchX /></EmptyMedia>\n *     <EmptyTitle>No results found</EmptyTitle>\n *     <EmptyDescription>Try adjusting your search filters.</EmptyDescription>\n *   </EmptyHeader>\n *   <EmptyContent>\n *     <button>Reset filters</button>\n *   </EmptyContent>\n * </Empty>\n * ```\n */\nfunction Empty({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn('flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12', className)}\n      {...props}\n    />\n  );\n}\n\n/** Centred column container for the media, title, and description of an empty state. */\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"empty-header\" className={cn('flex max-w-sm flex-col items-center gap-2 text-center', className)} {...props} />;\n}\n\nconst emptyMediaVariants = cva('flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0', {\n  variants: {\n    variant: {\n      default: 'bg-transparent',\n      icon: \"bg-muted-muted text-text-positive-weak flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\n/**\n * Container for the visual element (illustration, icon, or image) in an empty state.\n *\n * @param variant - `'default'` renders a transparent wrapper; `'icon'` renders a rounded muted square with the icon centred inside.\n */\nfunction EmptyMedia({ className, variant = 'default', ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>) {\n  return <div data-slot=\"empty-icon\" data-variant={variant} className={cn(emptyMediaVariants({ variant, className }))} {...props} />;\n}\n\n/** Prominent heading text for the empty state. */\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"empty-title\" className={cn('text-lg font-medium tracking-tight', className)} {...props} />;\n}\n\n/** Supporting body text that explains the empty state to the user. */\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn('text-text-positive-weak [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4', className)}\n      {...props}\n    />\n  );\n}\n\n/** Action area below the header — typically holds buttons or links to help the user proceed. */\nfunction EmptyContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"empty-content\" className={cn('flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance', className)} {...props} />\n  );\n}\n\nexport { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };\n"],"mappings":"2IA2BA,SAAS,EAAM,CAAE,YAAW,GAAG,GAAsC,CACnE,OACE,EAAC,MAAA,CACC,YAAU,QACV,UAAW,EAAG,+HAAgI,EAAU,CACxJ,GAAI,GACJ,CAKN,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,wDAAyD,EAAU,CAAE,GAAI,GAAS,CAGvI,MAAM,EAAqB,EAAI,8FAA+F,CAC5H,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,2IACP,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CAAC,CAOF,SAAS,EAAW,CAAE,YAAW,UAAU,UAAW,GAAG,GAAgF,CACvI,OAAO,EAAC,MAAA,CAAI,YAAU,aAAa,eAAc,EAAS,UAAW,EAAG,EAAmB,CAAE,UAAS,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAIpI,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,qCAAsC,EAAU,CAAE,GAAI,GAAS,CAInH,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAoC,CAC5E,OACE,EAAC,MAAA,CACC,YAAU,oBACV,UAAW,EAAG,4GAA6G,EAAU,CACrI,GAAI,GACJ,CAKN,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OACE,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,gFAAiF,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/field.cjs

@@ -1 +1 @@
-"use client";require(`../separator-CBup_ah1.cjs`),require(`../label-eIyGIRyw.cjs`);const e=require(`../field-pfL7RWcN.cjs`);exports.Field=e.t,exports.FieldContent=e.n,exports.FieldDescription=e.r,exports.FieldError=e.i,exports.FieldGroup=e.a,exports.FieldLabel=e.o,exports.FieldLegend=e.s,exports.FieldSeparator=e.c,exports.FieldSet=e.l,exports.FieldTitle=e.u;
+"use client";require(`../separator-KuymG9g0.cjs`),require(`../label-CC6fXVbC.cjs`);const e=require(`../field-BrlETeXX.cjs`);exports.Field=e.t,exports.FieldContent=e.n,exports.FieldDescription=e.r,exports.FieldError=e.i,exports.FieldGroup=e.a,exports.FieldLabel=e.o,exports.FieldLegend=e.s,exports.FieldSeparator=e.c,exports.FieldSet=e.l,exports.FieldTitle=e.u;