@customafk/lunas-ui 0.0.84 → 0.0.86

package/dist/ui/drawer.d.ts

@@ -1,44 +1,44 @@
-import * as react_jsx_runtime99 from "react/jsx-runtime";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 import { Drawer as Drawer$1 } from "vaul";
 
 //#region packages/components/ui/drawer.d.ts
 declare function Drawer({
   ...props
-}: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime99.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime84.JSX.Element;
 declare function DrawerTrigger({
   ...props
-}: React.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime99.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime84.JSX.Element;
 declare function DrawerPortal({
   ...props
-}: React.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime99.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime84.JSX.Element;
 declare function DrawerClose({
   ...props
-}: React.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime99.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime84.JSX.Element;
 declare function DrawerOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime99.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime84.JSX.Element;
 declare function DrawerContent({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime99.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime84.JSX.Element;
 declare function DrawerHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime99.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime84.JSX.Element;
 declare function DrawerFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime99.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime84.JSX.Element;
 declare function DrawerTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime99.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime84.JSX.Element;
 declare function DrawerDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime99.JSX.Element;
+}: React.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime84.JSX.Element;
 //#endregion
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
 //# sourceMappingURL=drawer.d.ts.map

package/dist/ui/drawer.js

@@ -1 +1 @@
-"use client";import{Drawer as e,DrawerClose as t,DrawerContent as n,DrawerDescription as r,DrawerFooter as i,DrawerHeader as a,DrawerOverlay as o,DrawerPortal as s,DrawerTitle as c,DrawerTrigger as l}from"../drawer-BT0osH1O.js";export{e as Drawer,t as DrawerClose,n as DrawerContent,r as DrawerDescription,i as DrawerFooter,a as DrawerHeader,o as DrawerOverlay,s as DrawerPortal,c as DrawerTitle,l as DrawerTrigger};
+"use client";import{Drawer as e,DrawerClose as t,DrawerContent as n,DrawerDescription as r,DrawerFooter as i,DrawerHeader as a,DrawerOverlay as o,DrawerPortal as s,DrawerTitle as c,DrawerTrigger as l}from"../drawer-C6IT7ONM.js";export{e as Drawer,t as DrawerClose,n as DrawerContent,r as DrawerDescription,i as DrawerFooter,a as DrawerHeader,o as DrawerOverlay,s as DrawerPortal,c as DrawerTitle,l as DrawerTrigger};

package/dist/ui/dropdown-menu.cjs

@@ -1 +1 @@
-"use client";const e=require(`../dropdown-menu-Bb68Wd6J.cjs`);exports.DropdownMenu=e.DropdownMenu,exports.DropdownMenuCheckboxItem=e.DropdownMenuCheckboxItem,exports.DropdownMenuContent=e.DropdownMenuContent,exports.DropdownMenuGroup=e.DropdownMenuGroup,exports.DropdownMenuItem=e.DropdownMenuItem,exports.DropdownMenuLabel=e.DropdownMenuLabel,exports.DropdownMenuPortal=e.DropdownMenuPortal,exports.DropdownMenuRadioGroup=e.DropdownMenuRadioGroup,exports.DropdownMenuRadioItem=e.DropdownMenuRadioItem,exports.DropdownMenuSeparator=e.DropdownMenuSeparator,exports.DropdownMenuShortcut=e.DropdownMenuShortcut,exports.DropdownMenuSub=e.DropdownMenuSub,exports.DropdownMenuSubContent=e.DropdownMenuSubContent,exports.DropdownMenuSubTrigger=e.DropdownMenuSubTrigger,exports.DropdownMenuTrigger=e.DropdownMenuTrigger;
+"use client";const e=require(`../dropdown-menu-C3SGlEd2.cjs`);exports.DropdownMenu=e.DropdownMenu,exports.DropdownMenuCheckboxItem=e.DropdownMenuCheckboxItem,exports.DropdownMenuContent=e.DropdownMenuContent,exports.DropdownMenuGroup=e.DropdownMenuGroup,exports.DropdownMenuItem=e.DropdownMenuItem,exports.DropdownMenuLabel=e.DropdownMenuLabel,exports.DropdownMenuPortal=e.DropdownMenuPortal,exports.DropdownMenuRadioGroup=e.DropdownMenuRadioGroup,exports.DropdownMenuRadioItem=e.DropdownMenuRadioItem,exports.DropdownMenuSeparator=e.DropdownMenuSeparator,exports.DropdownMenuShortcut=e.DropdownMenuShortcut,exports.DropdownMenuSub=e.DropdownMenuSub,exports.DropdownMenuSubContent=e.DropdownMenuSubContent,exports.DropdownMenuSubTrigger=e.DropdownMenuSubTrigger,exports.DropdownMenuTrigger=e.DropdownMenuTrigger;

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

@@ -1,25 +1,25 @@
-import * as react_jsx_runtime98 from "react/jsx-runtime";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
 import { DropdownMenu as DropdownMenu$1 } from "radix-ui";
 
 //#region packages/components/ui/dropdown-menu.d.ts
 declare function DropdownMenu({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuPortal({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuTrigger({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuContent({
   className,
   sideOffset,
   align,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuItem({
   className,
   inset,
@@ -28,39 +28,39 @@ declare function DropdownMenuItem({
 }: React.ComponentProps<typeof DropdownMenu$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react_jsx_runtime98.JSX.Element;
+}): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuRadioGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuLabel({
   className,
   inset,
   ...props
 }: React.ComponentProps<typeof DropdownMenu$1.Label> & {
   inset?: boolean;
-}): react_jsx_runtime98.JSX.Element;
+}): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuSub({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuSubTrigger({
   className,
   inset,
@@ -68,11 +68,11 @@ declare function DropdownMenuSubTrigger({
   ...props
 }: React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime98.JSX.Element;
+}): react_jsx_runtime105.JSX.Element;
 declare function DropdownMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime98.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime105.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

@@ -1,25 +1,25 @@
-import * as react_jsx_runtime109 from "react/jsx-runtime";
+import * as react_jsx_runtime100 from "react/jsx-runtime";
 import { DropdownMenu as DropdownMenu$1 } from "radix-ui";
 
 //#region packages/components/ui/dropdown-menu.d.ts
 declare function DropdownMenu({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuPortal({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuTrigger({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuContent({
   className,
   sideOffset,
   align,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuItem({
   className,
   inset,
@@ -28,39 +28,39 @@ declare function DropdownMenuItem({
 }: React.ComponentProps<typeof DropdownMenu$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react_jsx_runtime109.JSX.Element;
+}): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuRadioGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuLabel({
   className,
   inset,
   ...props
 }: React.ComponentProps<typeof DropdownMenu$1.Label> & {
   inset?: boolean;
-}): react_jsx_runtime109.JSX.Element;
+}): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuSub({
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuSubTrigger({
   className,
   inset,
@@ -68,11 +68,11 @@ declare function DropdownMenuSubTrigger({
   ...props
 }: React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime109.JSX.Element;
+}): react_jsx_runtime100.JSX.Element;
 declare function DropdownMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime100.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

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

package/dist/ui/empty.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime72 from "react/jsx-runtime";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
 import * as class_variance_authority_types2 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
@@ -6,11 +6,11 @@ import { VariantProps } from "class-variance-authority";
 declare function Empty({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime72.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime99.JSX.Element;
 declare function EmptyHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime72.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime99.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
   variant?: "default" | "icon" | null | undefined;
 } & class_variance_authority_types2.ClassProp) | undefined) => string;
@@ -18,19 +18,19 @@ declare function EmptyMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime72.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime99.JSX.Element;
 declare function EmptyTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime72.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime99.JSX.Element;
 declare function EmptyDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime72.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime99.JSX.Element;
 declare function EmptyContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime72.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime99.JSX.Element;
 //#endregion
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
 //# sourceMappingURL=empty.d.cts.map

package/dist/ui/empty.d.ts

@@ -1,36 +1,36 @@
-import * as react_jsx_runtime124 from "react/jsx-runtime";
+import * as react_jsx_runtime144 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
 
 //#region packages/components/ui/empty.d.ts
 declare function Empty({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime124.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime144.JSX.Element;
 declare function EmptyHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime124.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime144.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
   variant?: "default" | "icon" | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
 declare function EmptyMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime124.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime144.JSX.Element;
 declare function EmptyTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime124.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime144.JSX.Element;
 declare function EmptyDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime124.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime144.JSX.Element;
 declare function EmptyContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime124.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime144.JSX.Element;
 //#endregion
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
 //# sourceMappingURL=empty.d.ts.map

package/dist/ui/field.cjs

@@ -1 +1 @@
-"use client";require(`../label-D6mAvVmw.cjs`),require(`../separator-DMMoR-d2.cjs`);const e=require(`../field-A43YZ5Wj.cjs`);exports.Field=e.Field,exports.FieldContent=e.FieldContent,exports.FieldDescription=e.FieldDescription,exports.FieldError=e.FieldError,exports.FieldGroup=e.FieldGroup,exports.FieldLabel=e.FieldLabel,exports.FieldLegend=e.FieldLegend,exports.FieldSeparator=e.FieldSeparator,exports.FieldSet=e.FieldSet,exports.FieldTitle=e.FieldTitle;
+"use client";require(`../label-BMBHBFRY.cjs`),require(`../separator-BAyL2IIW.cjs`);const e=require(`../field-B_qC62YD.cjs`);exports.Field=e.Field,exports.FieldContent=e.FieldContent,exports.FieldDescription=e.FieldDescription,exports.FieldError=e.FieldError,exports.FieldGroup=e.FieldGroup,exports.FieldLabel=e.FieldLabel,exports.FieldLegend=e.FieldLegend,exports.FieldSeparator=e.FieldSeparator,exports.FieldSet=e.FieldSet,exports.FieldTitle=e.FieldTitle;

package/dist/ui/field.d.cts

@@ -1,55 +1,55 @@
-import { Label } from "../label-DTWNKTQu.cjs";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
+import { Label } from "../label-y7zRrP2w.cjs";
+import * as react_jsx_runtime136 from "react/jsx-runtime";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/field.d.ts
 declare function FieldSet({
   className,
   ...props
-}: React.ComponentProps<'fieldset'>): react_jsx_runtime52.JSX.Element;
+}: React.ComponentProps<'fieldset'>): react_jsx_runtime136.JSX.Element;
 declare function FieldLegend({
   className,
   variant,
   ...props
 }: React.ComponentProps<'legend'> & {
   variant?: 'legend' | 'label';
-}): react_jsx_runtime52.JSX.Element;
+}): react_jsx_runtime136.JSX.Element;
 declare function FieldGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime52.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime136.JSX.Element;
 declare const fieldVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-} & class_variance_authority_types1.ClassProp) | undefined) => string;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
 declare function Field({
   className,
   orientation,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): react_jsx_runtime52.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): react_jsx_runtime136.JSX.Element;
 declare function FieldContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime52.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime136.JSX.Element;
 declare function FieldLabel({
   className,
   ...props
-}: React.ComponentProps<typeof Label>): react_jsx_runtime52.JSX.Element;
+}: React.ComponentProps<typeof Label>): react_jsx_runtime136.JSX.Element;
 declare function FieldTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime52.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime136.JSX.Element;
 declare function FieldDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime52.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime136.JSX.Element;
 declare function FieldSeparator({
   children,
   className,
   ...props
 }: React.ComponentProps<'div'> & {
   children?: React.ReactNode;
-}): react_jsx_runtime52.JSX.Element;
+}): react_jsx_runtime136.JSX.Element;
 declare function FieldError({
   className,
   children,
@@ -59,7 +59,7 @@ declare function FieldError({
   errors?: Array<{
     message?: string;
   } | undefined>;
-}): react_jsx_runtime52.JSX.Element | null;
+}): react_jsx_runtime136.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

@@ -1,55 +1,55 @@
 import { Label } from "../label-2SrK79Ib.js";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types3 from "class-variance-authority/types";
+import * as class_variance_authority_types2 from "class-variance-authority/types";
 
 //#region packages/components/ui/field.d.ts
 declare function FieldSet({
   className,
   ...props
-}: React.ComponentProps<'fieldset'>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<'fieldset'>): react_jsx_runtime119.JSX.Element;
 declare function FieldLegend({
   className,
   variant,
   ...props
 }: React.ComponentProps<'legend'> & {
   variant?: 'legend' | 'label';
-}): react_jsx_runtime136.JSX.Element;
+}): react_jsx_runtime119.JSX.Element;
 declare function FieldGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime119.JSX.Element;
 declare const fieldVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-} & class_variance_authority_types3.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 declare function Field({
   className,
   orientation,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): react_jsx_runtime119.JSX.Element;
 declare function FieldContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime119.JSX.Element;
 declare function FieldLabel({
   className,
   ...props
-}: React.ComponentProps<typeof Label>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<typeof Label>): react_jsx_runtime119.JSX.Element;
 declare function FieldTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime119.JSX.Element;
 declare function FieldDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime119.JSX.Element;
 declare function FieldSeparator({
   children,
   className,
   ...props
 }: React.ComponentProps<'div'> & {
   children?: React.ReactNode;
-}): react_jsx_runtime136.JSX.Element;
+}): react_jsx_runtime119.JSX.Element;
 declare function FieldError({
   className,
   children,
@@ -59,7 +59,7 @@ declare function FieldError({
   errors?: Array<{
     message?: string;
   } | undefined>;
-}): react_jsx_runtime136.JSX.Element | null;
+}): react_jsx_runtime119.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

@@ -1 +1 @@
-"use client";import"../label-CdrxlBJ8.js";import"../separator-D17HxS2f.js";import{Field as e,FieldContent as t,FieldDescription as n,FieldError as r,FieldGroup as i,FieldLabel as a,FieldLegend as o,FieldSeparator as s,FieldSet as c,FieldTitle as l}from"../field-CGacT8J3.js";export{e as Field,t as FieldContent,n as FieldDescription,r as FieldError,i as FieldGroup,a as FieldLabel,o as FieldLegend,s as FieldSeparator,c as FieldSet,l as FieldTitle};
+"use client";import"../label-CRhvNQY4.js";import"../separator-C5dPRhYx.js";import{Field as e,FieldContent as t,FieldDescription as n,FieldError as r,FieldGroup as i,FieldLabel as a,FieldLegend as o,FieldSeparator as s,FieldSet as c,FieldTitle as l}from"../field-DSScKMdZ.js";export{e as Field,t as FieldContent,n as FieldDescription,r as FieldError,i as FieldGroup,a as FieldLabel,o as FieldLegend,s as FieldSeparator,c as FieldSet,l as FieldTitle};

package/dist/ui/file-uploader.cjs

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as react_jsx_runtime158 from "react/jsx-runtime";
 import { DropzoneProps } from "react-dropzone";
 
 //#region packages/components/ui/file-uploader.d.ts
@@ -72,7 +72,7 @@ interface FileUploaderProps extends React.HTMLAttributes<HTMLDivElement> {
   showText?: boolean;
   iconSize?: number;
 }
-declare function FileUploader(props: FileUploaderProps): react_jsx_runtime89.JSX.Element;
+declare function FileUploader(props: FileUploaderProps): react_jsx_runtime158.JSX.Element;
 //#endregion
 export { FileUploader };
 //# sourceMappingURL=file-uploader.d.cts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime146 from "react/jsx-runtime";
+import * as react_jsx_runtime165 from "react/jsx-runtime";
 import { DropzoneProps } from "react-dropzone";
 
 //#region packages/components/ui/file-uploader.d.ts
@@ -72,7 +72,7 @@ interface FileUploaderProps extends React.HTMLAttributes<HTMLDivElement> {
   showText?: boolean;
   iconSize?: number;
 }
-declare function FileUploader(props: FileUploaderProps): react_jsx_runtime146.JSX.Element;
+declare function FileUploader(props: FileUploaderProps): react_jsx_runtime165.JSX.Element;
 //#endregion
 export { FileUploader };
 //# sourceMappingURL=file-uploader.d.ts.map

package/dist/ui/file-uploader.js

@@ -1,3 +1,3 @@
-"use client";import"../dist-BgkALM7U.js";import"../button-variants-aFWCWUvu.js";import{Button as e}from"../button-CriBqo8S.js";import{Progress as t}from"../progress-DwLEMPaO.js";import{FileText as n,Image as r,Trash2 as i,Upload as a}from"lucide-react";import{cn as o,formatBytes as s}from"@customafk/react-toolkit/utils";import{useCallback as c,useEffect as l}from"react";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=c((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)}l(()=>()=>{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:o(`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}
+"use client";import"../dist-BgkALM7U.js";import"../button-variants-aFWCWUvu.js";import{Button as e}from"../button-CriBqo8S.js";import{Progress as t}from"../progress-DDifyTI1.js";import{FileText as n,Image as r,Trash2 as i,Upload as a}from"lucide-react";import{cn as o,formatBytes as s}from"@customafk/react-toolkit/utils";import{useCallback as c,useEffect as l}from"react";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=c((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)}l(()=>()=>{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:o(`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 ${s(b)} each)`:` a file with ${s(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:s(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

package/dist/ui/form.cjs

@@ -1 +1 @@
-"use client";require(`../label-D6mAvVmw.cjs`),require(`../separator-DMMoR-d2.cjs`),require(`../field-A43YZ5Wj.cjs`);const e=require(`../form-DV9tQbiO.cjs`);exports.Form=e.Form,exports.FormControl=e.FormControl,exports.FormDescription=e.FormDescription,exports.FormField=e.FormField,exports.FormItem=e.FormItem,exports.FormLabel=e.FormLabel,exports.FormMessage=e.FormMessage,exports.useFormField=e.useFormField;
+"use client";require(`../label-BMBHBFRY.cjs`),require(`../separator-BAyL2IIW.cjs`),require(`../field-B_qC62YD.cjs`);const e=require(`../form-t4WaMbFV.cjs`);exports.Form=e.Form,exports.FormControl=e.FormControl,exports.FormDescription=e.FormDescription,exports.FormField=e.FormField,exports.FormItem=e.FormItem,exports.FormLabel=e.FormLabel,exports.FormMessage=e.FormMessage,exports.useFormField=e.useFormField;