@customafk/lunas-ui 0.2.45 → 0.2.48

package/dist/ui/{drawer.d.mts → drawer.d.ts}

@@ -1,4 +1,4 @@
-import * as react118 from "react";
+import * as react67 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>): react118.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Root>): react67.JSX.Element;
 /** Element that opens the Drawer when activated. */
 declare function DrawerTrigger({
   ...props
-}: React.ComponentProps<typeof Drawer$1.Trigger>): react118.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Trigger>): react67.JSX.Element;
 /** Portals Drawer content outside the current DOM tree. */
 declare function DrawerPortal({
   ...props
-}: React.ComponentProps<typeof Drawer$1.Portal>): react118.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Portal>): react67.JSX.Element;
 /** Button that programmatically closes the Drawer. */
 declare function DrawerClose({
   ...props
-}: React.ComponentProps<typeof Drawer$1.Close>): react118.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Close>): react67.JSX.Element;
 /** Dimmed backdrop rendered behind the Drawer panel. */
 declare function DrawerOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof Drawer$1.Overlay>): react118.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Overlay>): react67.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>): react118.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Content>): react67.JSX.Element;
 /** Padded header section at the top of the Drawer for the title and description. */
 declare function DrawerHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react118.JSX.Element;
+}: React.ComponentProps<'div'>): react67.JSX.Element;
 /** Footer section pinned to the bottom of the Drawer, typically used for action buttons. */
 declare function DrawerFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react118.JSX.Element;
+}: React.ComponentProps<'div'>): react67.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>): react118.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Title>): react67.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>): react118.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Description>): react67.JSX.Element;
 //#endregion
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
-//# sourceMappingURL=drawer.d.mts.map
+//# 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.d.cts

@@ -1,4 +1,4 @@
-import * as react128 from "react";
+import * as react222 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>): react128.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Root>): react222.JSX.Element;
 /** Portals DropdownMenu content outside the current DOM hierarchy. */
 declare function DropdownMenuPortal({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react128.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react222.JSX.Element;
 /** Element that opens the DropdownMenu when activated. */
 declare function DropdownMenuTrigger({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react128.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react222.JSX.Element;
 /** Animated floating panel that contains the dropdown items. */
 declare function DropdownMenuContent({
   className,
   sideOffset,
   align,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Content>): react128.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Content>): react222.JSX.Element;
 /** Groups related DropdownMenuItems under a shared logical section. */
 declare function DropdownMenuGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Group>): react128.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Group>): react222.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';
-}): react128.JSX.Element;
+}): react222.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>): react128.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react222.JSX.Element;
 /** Groups DropdownMenuRadioItems so only one can be selected at a time. */
 declare function DropdownMenuRadioGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react128.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react222.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>): react128.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): react222.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;
-}): react128.JSX.Element;
+}): react222.JSX.Element;
 /** Horizontal dividing line between groups of dropdown items. */
 declare function DropdownMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react128.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react222.JSX.Element;
 /** Displays a keyboard shortcut hint aligned to the right of a menu item. */
 declare function DropdownMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react128.JSX.Element;
+}: React.ComponentProps<'span'>): react222.JSX.Element;
 /** Root container for a nested sub-menu inside a DropdownMenu. */
 declare function DropdownMenuSub({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react128.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react222.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;
-}): react128.JSX.Element;
+}): react222.JSX.Element;
 /** Floating panel that contains the items of a nested sub-menu. */
 declare function DropdownMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react128.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react222.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.mts → dropdown-menu.d.ts}

@@ -1,4 +1,4 @@
-import * as react178 from "react";
+import * as react104 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>): react178.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Root>): react104.JSX.Element;
 /** Portals DropdownMenu content outside the current DOM hierarchy. */
 declare function DropdownMenuPortal({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react178.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react104.JSX.Element;
 /** Element that opens the DropdownMenu when activated. */
 declare function DropdownMenuTrigger({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react178.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react104.JSX.Element;
 /** Animated floating panel that contains the dropdown items. */
 declare function DropdownMenuContent({
   className,
   sideOffset,
   align,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Content>): react178.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Content>): react104.JSX.Element;
 /** Groups related DropdownMenuItems under a shared logical section. */
 declare function DropdownMenuGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Group>): react178.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Group>): react104.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';
-}): react178.JSX.Element;
+}): react104.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>): react178.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react104.JSX.Element;
 /** Groups DropdownMenuRadioItems so only one can be selected at a time. */
 declare function DropdownMenuRadioGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react178.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react104.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>): react178.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): react104.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;
-}): react178.JSX.Element;
+}): react104.JSX.Element;
 /** Horizontal dividing line between groups of dropdown items. */
 declare function DropdownMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react178.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react104.JSX.Element;
 /** Displays a keyboard shortcut hint aligned to the right of a menu item. */
 declare function DropdownMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react178.JSX.Element;
+}: React.ComponentProps<'span'>): react104.JSX.Element;
 /** Root container for a nested sub-menu inside a DropdownMenu. */
 declare function DropdownMenuSub({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react178.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react104.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;
-}): react178.JSX.Element;
+}): react104.JSX.Element;
 /** Floating panel that contains the items of a nested sub-menu. */
 declare function DropdownMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react178.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react104.JSX.Element;
 //#endregion
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
-//# sourceMappingURL=dropdown-menu.d.mts.map
+//# 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.d.cts

@@ -1,5 +1,5 @@
-import * as react113 from "react";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as react135 from "react";
+import * as class_variance_authority_types8 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'>): react113.JSX.Element;
+}: React.ComponentProps<'div'>): react135.JSX.Element;
 /** Centred column container for the media, title, and description of an empty state. */
 declare function EmptyHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react113.JSX.Element;
+}: React.ComponentProps<'div'>): react135.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
   variant?: "default" | "icon" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types8.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>): react113.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react135.JSX.Element;
 /** Prominent heading text for the empty state. */
 declare function EmptyTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react113.JSX.Element;
+}: React.ComponentProps<'div'>): react135.JSX.Element;
 /** Supporting body text that explains the empty state to the user. */
 declare function EmptyDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react113.JSX.Element;
+}: React.ComponentProps<'p'>): react135.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'>): react113.JSX.Element;
+}: React.ComponentProps<'div'>): react135.JSX.Element;
 //#endregion
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
 //# sourceMappingURL=empty.d.cts.map

package/dist/ui/{empty.d.mts → empty.d.ts}

@@ -1,6 +1,6 @@
-import * as react128 from "react";
+import * as react168 from "react";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
 
 //#region packages/components/ui/empty.d.ts
 
@@ -29,15 +29,15 @@ import * as class_variance_authority_types5 from "class-variance-authority/types
 declare function Empty({
   className,
   ...props
-}: React.ComponentProps<'div'>): react128.JSX.Element;
+}: React.ComponentProps<'div'>): react168.JSX.Element;
 /** Centred column container for the media, title, and description of an empty state. */
 declare function EmptyHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react128.JSX.Element;
+}: React.ComponentProps<'div'>): react168.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
   variant?: "default" | "icon" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types4.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>): react128.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react168.JSX.Element;
 /** Prominent heading text for the empty state. */
 declare function EmptyTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react128.JSX.Element;
+}: React.ComponentProps<'div'>): react168.JSX.Element;
 /** Supporting body text that explains the empty state to the user. */
 declare function EmptyDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react128.JSX.Element;
+}: React.ComponentProps<'p'>): react168.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'>): react128.JSX.Element;
+}: React.ComponentProps<'div'>): react168.JSX.Element;
 //#endregion
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
-//# sourceMappingURL=empty.d.mts.map
+//# sourceMappingURL=empty.d.ts.map

package/dist/ui/{empty.mjs → empty.js}

@@ -1,2 +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.mjs.map
+//# 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.d.cts

@@ -1,56 +1,56 @@
 import { Label } from "./label.cjs";
-import * as react158 from "react";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as react115 from "react";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/field.d.ts
-declare const FieldSet: react158.MemoExoticComponent<({
+declare const FieldSet: react115.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"fieldset">) => react158.JSX.Element>;
-declare const FieldLegend: react158.MemoExoticComponent<({
+}: React.ComponentProps<"fieldset">) => react115.JSX.Element>;
+declare const FieldLegend: react115.MemoExoticComponent<({
   className,
   variant,
   ...props
 }: React.ComponentProps<"legend"> & {
   variant?: "legend" | "label";
-}) => react158.JSX.Element>;
-declare const FieldGroup: react158.MemoExoticComponent<({
+}) => react115.JSX.Element>;
+declare const FieldGroup: react115.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react158.JSX.Element>;
+}: React.ComponentProps<"div">) => react115.JSX.Element>;
 declare const fieldVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-} & class_variance_authority_types6.ClassProp) | undefined) => string;
-declare const Field: react158.MemoExoticComponent<({
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
+declare const Field: react115.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react158.JSX.Element>;
-declare const FieldContent: react158.MemoExoticComponent<({
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react115.JSX.Element>;
+declare const FieldContent: react115.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react158.JSX.Element>;
-declare const FieldLabel: react158.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react115.JSX.Element>;
+declare const FieldLabel: react115.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<typeof Label>) => react158.JSX.Element>;
-declare const FieldTitle: react158.MemoExoticComponent<({
+}: React.ComponentProps<typeof Label>) => react115.JSX.Element>;
+declare const FieldTitle: react115.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react158.JSX.Element>;
-declare const FieldDescription: react158.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react115.JSX.Element>;
+declare const FieldDescription: react115.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"p">) => react158.JSX.Element>;
-declare const FieldSeparator: react158.MemoExoticComponent<({
+}: React.ComponentProps<"p">) => react115.JSX.Element>;
+declare const FieldSeparator: react115.MemoExoticComponent<({
   children,
   className,
   ...props
 }: React.ComponentProps<"div"> & {
   children?: React.ReactNode;
-}) => react158.JSX.Element>;
-declare const FieldError: react158.MemoExoticComponent<({
+}) => react115.JSX.Element>;
+declare const FieldError: react115.MemoExoticComponent<({
   className,
   children,
   errors,
@@ -59,7 +59,7 @@ declare const FieldError: react158.MemoExoticComponent<({
   errors?: Array<{
     message?: string;
   } | undefined>;
-}) => react158.JSX.Element | null>;
+}) => react115.JSX.Element | null>;
 //#endregion
 export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
 //# sourceMappingURL=field.d.cts.map

package/dist/ui/field.d.ts

@@ -0,0 +1,65 @@
+import { Label } from "./label.js";
+import * as react269 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
+
+//#region packages/components/ui/field.d.ts
+declare const FieldSet: react269.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"fieldset">) => react269.JSX.Element>;
+declare const FieldLegend: react269.MemoExoticComponent<({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"legend"> & {
+  variant?: "legend" | "label";
+}) => react269.JSX.Element>;
+declare const FieldGroup: react269.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react269.JSX.Element>;
+declare const fieldVariants: (props?: ({
+  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
+declare const Field: react269.MemoExoticComponent<({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react269.JSX.Element>;
+declare const FieldContent: react269.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react269.JSX.Element>;
+declare const FieldLabel: react269.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label>) => react269.JSX.Element>;
+declare const FieldTitle: react269.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react269.JSX.Element>;
+declare const FieldDescription: react269.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"p">) => react269.JSX.Element>;
+declare const FieldSeparator: react269.MemoExoticComponent<({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  children?: React.ReactNode;
+}) => react269.JSX.Element>;
+declare const FieldError: react269.MemoExoticComponent<({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{
+    message?: string;
+  } | undefined>;
+}) => react269.JSX.Element | null>;
+//#endregion
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
+//# sourceMappingURL=field.d.ts.map

package/dist/ui/field.js

@@ -0,0 +1 @@
+"use client";import"../separator-BM8hA4DP.js";import"../label-B8cAG2kc.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"../field-DpoKF1nY.js";export{c as Field,i as FieldContent,o as FieldDescription,n as FieldError,e as FieldGroup,a as FieldLabel,s as FieldLegend,t as FieldSeparator,r as FieldSet,l as FieldTitle};

package/dist/ui/file-uploader.d.cts

@@ -1,4 +1,4 @@
-import * as react181 from "react";
+import * as react280 from "react";
 import { DropzoneProps } from "react-dropzone";
 
 //#region packages/components/ui/file-uploader.d.ts
@@ -97,7 +97,7 @@ interface FileUploaderProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * A drag-and-drop file upload zone that manages file selection, validation, preview generation, and optional async upload with progress tracking.
  */
-declare function FileUploader(props: FileUploaderProps): react181.JSX.Element;
+declare function FileUploader(props: FileUploaderProps): react280.JSX.Element;
 //#endregion
 export { FileUploader };
 //# sourceMappingURL=file-uploader.d.cts.map

package/dist/ui/{file-uploader.d.mts → file-uploader.d.ts}

@@ -1,4 +1,4 @@
-import * as react154 from "react";
+import * as react202 from "react";
 import { DropzoneProps } from "react-dropzone";
 
 //#region packages/components/ui/file-uploader.d.ts
@@ -97,7 +97,7 @@ interface FileUploaderProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * A drag-and-drop file upload zone that manages file selection, validation, preview generation, and optional async upload with progress tracking.
  */
-declare function FileUploader(props: FileUploaderProps): react154.JSX.Element;
+declare function FileUploader(props: FileUploaderProps): react202.JSX.Element;
 //#endregion
 export { FileUploader };
-//# sourceMappingURL=file-uploader.d.mts.map
+//# sourceMappingURL=file-uploader.d.ts.map

package/dist/ui/file-uploader.js

@@ -0,0 +1,3 @@
+"use client";import"../button.variants-CoSpd71B.js";import{t as e}from"../button-LMMbL-uH.js";import{t}from"../progress-AYknlEgK.js";import{FileText as n,Image as r,Trash2 as i,Upload as a}from"lucide-react";import{useCallback as o,useEffect as s}from"react";import{cn as c,formatBytes as l}from"@customafk/react-toolkit/utils";import{jsx as u,jsxs as d}from"react/jsx-runtime";import f from"react-dropzone";import{useControllableState as p}from"@customafk/react-toolkit/hooks/useControllableState";import{toast as m}from"sonner";function h(e){let{value:t,onValueChange:n,onUpload:h,progresses:v,accept:y={"image/*":[]},maxSize:b=1024*1024*2,maxFileCount:x=1,multiple:S=!1,disabled:C=!1,showText:w=!0,iconSize:T,className:E,...D}=e,[O,k]=p({prop:t,onChange:n}),A=o((e,t)=>{if(!S&&x===1&&e.length>1){m.error(`Cannot upload more than 1 file at a time`);return}if((O?.length??0)+e.length>x){m.error(`Cannot upload more than ${x} files`);return}let n=e.map(e=>Object.assign(e,{preview:URL.createObjectURL(e)})),r=O?[...O,...n]:n;if(k(r),t.length>0&&t.forEach(({file:e})=>{m.error(`File ${e.name} was rejected`)}),h&&r.length>0&&r.length<=x){let e=r.length>0?`${r.length} files`:`file`;h(r).then(()=>{k([]),m(`${e} uploaded`)})}},[O,x,S,h,k]);function j(e){if(!O)return;_(O[e])&&URL.revokeObjectURL(O[e].preview);let t=O.filter((t,n)=>n!==e);k(t),n?.(t)}s(()=>()=>{O&&O.forEach(e=>{_(e)&&URL.revokeObjectURL(e.preview)})},[]);let M=C||(O?.length??0)>=x;return d(`div`,{className:`relative flex w-full flex-col gap-6`,children:[u(f,{onDrop:A,accept:y,maxSize:b,maxFiles:x,multiple:x>1||S,disabled:M,children:({getRootProps:e,getInputProps:t,isDragActive:n})=>d(`div`,{...e(),className:c(`group`,`border-border-weak`,`hover:bg-border-weak/20`,`relative grid h-52 w-full cursor-pointer place-items-center rounded-lg border-2 border-dashed px-5 py-2.5 text-center transition`,`ring-offset-background`,`focus-visible:ring-primary-weak`,`focus-visible:ring-2`,`focus-visible:ring-offset-2`,`focus-visible:outline-hidden`,n&&`border-border-primary-strong bg-border-weak/40`,M&&`pointer-events-none opacity-60`,E),...D,children:[u(`input`,{...t()}),n?d(`div`,{className:`flex flex-col items-center justify-center gap-4 sm:px-5`,children:[u(`div`,{className:`rounded-full border border-dashed p-3`,children:u(a,{className:`text-text-positive-muted size-7`,"aria-hidden":`true`})}),u(`p`,{className:`text-text-positive-muted font-medium`,children:`Drop the files here`})]}):d(`div`,{className:`flex flex-col items-center justify-center gap-4 sm:px-5`,children:[u(`div`,{className:`rounded-full border border-dashed p-3`,children:u(a,{size:T||24,className:`text-muted-foreground`,"aria-hidden":`true`})}),w&&d(`div`,{className:`flex flex-col gap-px`,children:[d(`p`,{className:`text-text-positive-weak text-xs font-medium`,children:[`Drag `,`'n'`,` drop files here, or click to select files`]}),d(`p`,{className:`text-text-positive-muted text-xs`,children:[`You can upload`,x>1?` ${x===1/0?`multiple`:x}
+                      files (up to ${l(b)} each)`:` a file with ${l(b)}`]})]})]})]})}),O?.length?d(`div`,{className:`h-fit w-full overflow-y-auto`,children:[d(`div`,{className:`flex items-center justify-between px-3 py-2.5`,children:[d(`div`,{className:`text-text-positive-weak flex items-center gap-1`,children:[u(r,{size:16,"aria-hidden":`true`}),d(`p`,{className:`text-sm`,children:[`Ảnh đã tải lên (`,O.length,`)`]})]}),d(`button`,{className:`hover:text-text-positive text-text-positive-muted flex cursor-pointer items-center gap-1 transition-colors duration-200`,onClick:()=>{O&&(O.forEach(e=>{_(e)&&URL.revokeObjectURL(e.preview)}),k([]),n?.([]))},children:[u(i,{size:16,"aria-hidden":`true`}),u(`p`,{className:`text-sm`,children:`Xóa tất cả`})]})]}),u(`div`,{className:`flex flex-col gap-2.5`,children:O?.map((e,t)=>u(g,{file:e,onRemove:()=>j(t),progress:v?.[e.name]},t))})]}):null]})}function g({file:n,progress:r,onRemove:a}){return d(`div`,{className:`border-border-weak hover:border-border relative flex items-center gap-4 rounded-md border py-2 pr-3 pl-2 shadow-xs transition-colors`,children:[d(`div`,{className:`flex flex-1 gap-2.5`,children:[_(n)?u(v,{file:n}):null,d(`div`,{className:`flex w-full flex-col gap-2`,children:[d(`div`,{className:`flex flex-col gap-y-0.5`,children:[u(`p`,{className:`text-text-positive line-clamp-1 text-sm`,children:n.name}),u(`p`,{className:`text-text-positive-muted text-xs`,children:l(n.size)})]}),r?u(t,{value:r}):null]})]}),u(`div`,{className:`flex items-center gap-2`,children:d(e,{type:`button`,variant:`ghost`,color:`secondary`,size:`icon`,className:`size-7`,onClick:a,children:[u(i,{size:16,className:`text-text-positive-muted`,"aria-hidden":`true`}),u(`span`,{className:`sr-only`,children:`Remove file`})]})})]})}function _(e){return`preview`in e&&typeof e.preview==`string`}function v({file:e}){return e.type.startsWith(`image/`)?u(`img`,{src:e.preview,className:`border-border aspect-square size-10 shrink-0 rounded border object-cover object-top shadow-sm`}):u(n,{className:`text-text-positive-muted size-10 border`,"aria-hidden":`true`})}export{h as FileUploader};
+//# sourceMappingURL=file-uploader.js.map