@customafk/lunas-ui 0.0.60 → 0.0.61

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

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

@@ -1,3 +1,3 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../button-ChpGfVjG.cjs`),n=require(`../progress-IkXemE6u.cjs`),r=e.__toESM(require(`@customafk/react-toolkit/utils`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`react`)),o=e.__toESM(require(`lucide-react`)),s=e.__toESM(require(`react-dropzone`)),c=e.__toESM(require(`@customafk/react-toolkit/hooks/useControllableState`)),l=e.__toESM(require(`sonner`));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=a.default.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)}a.default.useEffect(()=>()=>{C&&C.forEach(e=>{f(e)&&URL.revokeObjectURL(e.preview)})},[]);let D=v||(C?.length??0)>=g;return(0,i.jsxs)(`div`,{className:`relative flex w-full flex-col gap-6`,children:[(0,i.jsx)(s.default,{onDrop:T,accept:m,maxSize:h,maxFiles:g,multiple:g>1||_,disabled:D,children:({getRootProps:e,getInputProps:t,isDragActive:n})=>(0,i.jsxs)(`div`,{...e(),className:(0,r.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,i.jsx)(`input`,{...t()}),n?(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-4 sm:px-5`,children:[(0,i.jsx)(`div`,{className:`rounded-full border border-dashed p-3`,children:(0,i.jsx)(o.Upload,{className:`text-text-positive-muted size-7`,"aria-hidden":`true`})}),(0,i.jsx)(`p`,{className:`text-text-positive-muted font-medium`,children:`Drop the files here`})]}):(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-4 sm:px-5`,children:[(0,i.jsx)(`div`,{className:`rounded-full border border-dashed p-3`,children:(0,i.jsx)(o.Upload,{size:b||24,className:`text-muted-foreground`,"aria-hidden":`true`})}),y&&(0,i.jsxs)(`div`,{className:`flex flex-col gap-px`,children:[(0,i.jsxs)(`p`,{className:`text-text-positive-weak text-xs font-medium`,children:[`Drag `,`'n'`,` drop files here, or click to select files`]}),(0,i.jsxs)(`p`,{className:`text-text-positive-muted text-xs`,children:[`You can upload`,g>1?` ${g===1/0?`multiple`:g}
-                      files (up to ${(0,r.formatBytes)(h)} each)`:` a file with ${(0,r.formatBytes)(h)}`]})]})]})]})}),C?.length?(0,i.jsxs)(`div`,{className:`h-fit w-full overflow-y-auto`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-2.5`,children:[(0,i.jsxs)(`div`,{className:`text-text-positive-weak flex items-center gap-1`,children:[(0,i.jsx)(o.Image,{size:16,"aria-hidden":`true`}),(0,i.jsxs)(`p`,{className:`text-sm`,children:[`Ảnh đã tải lên (`,C.length,`)`]})]}),(0,i.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,i.jsx)(o.Trash2,{size:16,"aria-hidden":`true`}),(0,i.jsx)(`p`,{className:`text-sm`,children:`Xóa tất cả`})]})]}),(0,i.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:C?.map((e,t)=>(0,i.jsx)(d,{file:e,onRemove:()=>E(t),progress:p?.[e.name]},t))})]}):null]})}function d({file:e,progress:a,onRemove:s}){return(0,i.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,i.jsxs)(`div`,{className:`flex flex-1 gap-2.5`,children:[f(e)?(0,i.jsx)(p,{file:e}):null,(0,i.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,children:[(0,i.jsxs)(`div`,{className:`flex flex-col gap-y-0.5`,children:[(0,i.jsx)(`p`,{className:`text-text-positive line-clamp-1 text-sm`,children:e.name}),(0,i.jsx)(`p`,{className:`text-text-positive-muted text-xs`,children:(0,r.formatBytes)(e.size)})]}),a?(0,i.jsx)(n.Progress,{value:a}):null]})]}),(0,i.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,i.jsxs)(t.Button,{type:`button`,variant:`ghost`,color:`secondary`,size:`icon`,className:`size-7`,onClick:s,children:[(0,i.jsx)(o.Trash2,{size:16,className:`text-text-positive-muted`,"aria-hidden":`true`}),(0,i.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,i.jsx)(`img`,{src:e.preview,className:`border-border aspect-square size-10 shrink-0 rounded border object-cover object-top shadow-sm`}):(0,i.jsx)(o.FileText,{className:`text-text-positive-muted size-10 border`,"aria-hidden":`true`})}exports.FileUploader=u;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../button-119IIVCy.cjs`),n=require(`../progress-BhSNuH1w.cjs`),r=e.__toESM(require(`lucide-react`)),i=e.__toESM(require(`@customafk/react-toolkit/utils`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`react`)),s=e.__toESM(require(`react-dropzone`)),c=e.__toESM(require(`@customafk/react-toolkit/hooks/useControllableState`)),l=e.__toESM(require(`sonner`));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=o.default.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)}o.default.useEffect(()=>()=>{C&&C.forEach(e=>{f(e)&&URL.revokeObjectURL(e.preview)})},[]);let D=v||(C?.length??0)>=g;return(0,a.jsxs)(`div`,{className:`relative flex w-full flex-col gap-6`,children:[(0,a.jsx)(s.default,{onDrop:T,accept:m,maxSize:h,maxFiles:g,multiple:g>1||_,disabled:D,children:({getRootProps:e,getInputProps:t,isDragActive:n})=>(0,a.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,a.jsx)(`input`,{...t()}),n?(0,a.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-4 sm:px-5`,children:[(0,a.jsx)(`div`,{className:`rounded-full border border-dashed p-3`,children:(0,a.jsx)(r.Upload,{className:`text-text-positive-muted size-7`,"aria-hidden":`true`})}),(0,a.jsx)(`p`,{className:`text-text-positive-muted font-medium`,children:`Drop the files here`})]}):(0,a.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-4 sm:px-5`,children:[(0,a.jsx)(`div`,{className:`rounded-full border border-dashed p-3`,children:(0,a.jsx)(r.Upload,{size:b||24,className:`text-muted-foreground`,"aria-hidden":`true`})}),y&&(0,a.jsxs)(`div`,{className:`flex flex-col gap-px`,children:[(0,a.jsxs)(`p`,{className:`text-text-positive-weak text-xs font-medium`,children:[`Drag `,`'n'`,` drop files here, or click to select files`]}),(0,a.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,a.jsxs)(`div`,{className:`h-fit w-full overflow-y-auto`,children:[(0,a.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-2.5`,children:[(0,a.jsxs)(`div`,{className:`text-text-positive-weak flex items-center gap-1`,children:[(0,a.jsx)(r.Image,{size:16,"aria-hidden":`true`}),(0,a.jsxs)(`p`,{className:`text-sm`,children:[`Ảnh đã tải lên (`,C.length,`)`]})]}),(0,a.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,a.jsx)(r.Trash2,{size:16,"aria-hidden":`true`}),(0,a.jsx)(`p`,{className:`text-sm`,children:`Xóa tất cả`})]})]}),(0,a.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:C?.map((e,t)=>(0,a.jsx)(d,{file:e,onRemove:()=>E(t),progress:p?.[e.name]},t))})]}):null]})}function d({file:e,progress:o,onRemove:s}){return(0,a.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,a.jsxs)(`div`,{className:`flex flex-1 gap-2.5`,children:[f(e)?(0,a.jsx)(p,{file:e}):null,(0,a.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col gap-y-0.5`,children:[(0,a.jsx)(`p`,{className:`text-text-positive line-clamp-1 text-sm`,children:e.name}),(0,a.jsx)(`p`,{className:`text-text-positive-muted text-xs`,children:(0,i.formatBytes)(e.size)})]}),o?(0,a.jsx)(n.Progress,{value:o}):null]})]}),(0,a.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,a.jsxs)(t.Button,{type:`button`,variant:`ghost`,color:`secondary`,size:`icon`,className:`size-7`,onClick:s,children:[(0,a.jsx)(r.Trash2,{size:16,className:`text-text-positive-muted`,"aria-hidden":`true`}),(0,a.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,a.jsx)(`img`,{src:e.preview,className:`border-border aspect-square size-10 shrink-0 rounded border object-cover object-top shadow-sm`}):(0,a.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_runtime159 from "react/jsx-runtime";
+import * as react_jsx_runtime110 from "react/jsx-runtime";
 import React from "react";
 import { DropzoneProps } from "react-dropzone";
 
@@ -73,7 +73,7 @@ interface FileUploaderProps extends React.HTMLAttributes<HTMLDivElement> {
   showText?: boolean;
   iconSize?: number;
 }
-declare function FileUploader(props: FileUploaderProps): react_jsx_runtime159.JSX.Element;
+declare function FileUploader(props: FileUploaderProps): react_jsx_runtime110.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_runtime123 from "react/jsx-runtime";
+import * as react_jsx_runtime93 from "react/jsx-runtime";
 import React from "react";
 import { DropzoneProps } from "react-dropzone";
 
@@ -73,7 +73,7 @@ interface FileUploaderProps extends React.HTMLAttributes<HTMLDivElement> {
   showText?: boolean;
   iconSize?: number;
 }
-declare function FileUploader(props: FileUploaderProps): react_jsx_runtime123.JSX.Element;
+declare function FileUploader(props: FileUploaderProps): react_jsx_runtime93.JSX.Element;
 //#endregion
 export { FileUploader };
 //# sourceMappingURL=file-uploader.d.ts.map

package/dist/ui/file-uploader.js

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

package/dist/ui/form.cjs

@@ -1 +1 @@
-"use client";require(`../label-BvHMsK0O.cjs`);const e=require(`../form-Dcd2HzUB.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-BbuMrcie.cjs`);const e=require(`../form-DAwCSzSe.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;

package/dist/ui/form.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime94 from "react/jsx-runtime";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
 import React from "react";
 import { Label, Slot } from "radix-ui";
 import * as react_hook_form0 from "react-hook-form";
@@ -8,7 +8,7 @@ import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime94.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime119.JSX.Element;
 declare const useFormField: () => {
   invalid: boolean;
   isDirty: boolean;
@@ -26,23 +26,23 @@ declare const useFormField: () => {
 declare function FormItem({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime94.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime119.JSX.Element;
 declare function FormLabel({
   className,
   ...props
-}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime94.JSX.Element;
+}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime119.JSX.Element;
 declare function FormControl({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>): react_jsx_runtime94.JSX.Element;
+}: React.ComponentProps<typeof Slot.Slot>): react_jsx_runtime119.JSX.Element;
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime94.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime119.JSX.Element;
 declare function FormMessage({
   className,
   children,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime94.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime119.JSX.Element;
 //#endregion
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
 //# sourceMappingURL=form.d.cts.map

package/dist/ui/form.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime103 from "react/jsx-runtime";
-import React from "react";
 import { Label, Slot } from "radix-ui";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
+import React from "react";
 import * as react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 
@@ -8,7 +8,7 @@ import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime103.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime120.JSX.Element;
 declare const useFormField: () => {
   invalid: boolean;
   isDirty: boolean;
@@ -26,23 +26,23 @@ declare const useFormField: () => {
 declare function FormItem({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime120.JSX.Element;
 declare function FormLabel({
   className,
   ...props
-}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime120.JSX.Element;
 declare function FormControl({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<typeof Slot.Slot>): react_jsx_runtime120.JSX.Element;
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime120.JSX.Element;
 declare function FormMessage({
   className,
   children,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime103.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime120.JSX.Element;
 //#endregion
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
 //# sourceMappingURL=form.d.ts.map

package/dist/ui/form.js

@@ -1 +1 @@
-"use client";import"../label-BpefWj7m.js";import{Form as e,FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o,useFormField as s}from"../form-RRTCXIG6.js";export{e as Form,t as FormControl,n as FormDescription,r as FormField,i as FormItem,a as FormLabel,o as FormMessage,s as useFormField};
+"use client";import"../label-CyaoUND0.js";import{Form as e,FormControl as t,FormDescription as n,FormField as r,FormItem as i,FormLabel as a,FormMessage as o,useFormField as s}from"../form-B0fOiANW.js";export{e as Form,t as FormControl,n as FormDescription,r as FormField,i as FormItem,a as FormLabel,o as FormMessage,s as useFormField};

package/dist/ui/hover-card.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`react`)),i=e.__toESM(require(`radix-ui`));function a({...e}){return(0,n.jsx)(i.HoverCard.Root,{"data-slot":`hover-card`,...e})}function o({...e}){return(0,n.jsx)(i.HoverCard.Trigger,{"data-slot":`hover-card-trigger`,...e})}function s({className:e,align:r=`center`,sideOffset:a=4,...o}){return(0,n.jsx)(i.HoverCard.Portal,{"data-slot":`hover-card-portal`,children:(0,n.jsx)(i.HoverCard.Content,{"data-slot":`hover-card-content`,align:r,sideOffset:a,className:(0,t.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,e),...o})})}exports.HoverCard=a,exports.HoverCardContent=s,exports.HoverCardTrigger=o;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`radix-ui`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`));function a({...e}){return(0,r.jsx)(n.HoverCard.Root,{"data-slot":`hover-card`,...e})}function o({...e}){return(0,r.jsx)(n.HoverCard.Trigger,{"data-slot":`hover-card-trigger`,...e})}function s({className:e,align:i=`center`,sideOffset:a=4,...o}){return(0,r.jsx)(n.HoverCard.Portal,{"data-slot":`hover-card-portal`,children:(0,r.jsx)(n.HoverCard.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:(0,t.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,e),...o})})}exports.HoverCard=a,exports.HoverCardContent=s,exports.HoverCardTrigger=o;
 //# sourceMappingURL=hover-card.cjs.map

package/dist/ui/hover-card.d.cts

@@ -1,20 +1,20 @@
-import * as react_jsx_runtime115 from "react/jsx-runtime";
+import * as react_jsx_runtime111 from "react/jsx-runtime";
 import React from "react";
 import { HoverCard as HoverCard$1 } from "radix-ui";
 
 //#region packages/components/ui/hover-card.d.ts
 declare function HoverCard({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime115.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime111.JSX.Element;
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime115.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime111.JSX.Element;
 declare function HoverCardContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime115.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime111.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.cts.map

package/dist/ui/hover-card.d.ts

@@ -1,20 +1,20 @@
-import * as react_jsx_runtime100 from "react/jsx-runtime";
-import React from "react";
 import { HoverCard as HoverCard$1 } from "radix-ui";
+import * as react_jsx_runtime111 from "react/jsx-runtime";
+import React from "react";
 
 //#region packages/components/ui/hover-card.d.ts
 declare function HoverCard({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime100.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime111.JSX.Element;
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime100.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime111.JSX.Element;
 declare function HoverCardContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime100.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime111.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.ts.map

package/dist/ui/hover-card.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import n from"react";import{HoverCard as r}from"radix-ui";function i({...e}){return t(r.Root,{"data-slot":`hover-card`,...e})}function a({...e}){return t(r.Trigger,{"data-slot":`hover-card-trigger`,...e})}function o({className:n,align:i=`center`,sideOffset:a=4,...o}){return t(r.Portal,{"data-slot":`hover-card-portal`,children:t(r.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:e(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,n),...o})})}export{i as HoverCard,o as HoverCardContent,a as HoverCardTrigger};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{HoverCard as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import r from"react";function i({...e}){return n(t.Root,{"data-slot":`hover-card`,...e})}function a({...e}){return n(t.Trigger,{"data-slot":`hover-card-trigger`,...e})}function o({className:r,align:i=`center`,sideOffset:a=4,...o}){return n(t.Portal,{"data-slot":`hover-card-portal`,children:n(t.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:e(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,r),...o})})}export{i as HoverCard,o as HoverCardContent,a as HoverCardTrigger};
 //# sourceMappingURL=hover-card.js.map

package/dist/ui/image.cjs

@@ -1,2 +1 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../skeleton-1syVaGRv.cjs`),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=e.__toESM(require(`lucide-react`)),o=({src:e,alt:o,width:s,height:c,maxRetries:l=3,retryDelay:u=500,onClick:d})=>{let f=(0,i.useRef)(null),[p,m]=(0,i.useState)(e),[h,g]=(0,i.useState)(0),[_,v]=(0,i.useState)(!1),[y,b]=(0,i.useState)(!1),x=(0,i.useCallback)(()=>{v(!0)},[]),S=(0,i.useCallback)(()=>{if(h<l){b(!1);let t=h+1;g(t),setTimeout(()=>{let n=`?retry=${Date.now()}&attempt=${t}`;m(e+n)},u*t);return}b(!0),v(!0),m(e)},[l,h,u,e]);return y?(0,r.jsx)(`div`,{style:{width:s,height:c},className:`@container relative inline-block`,children:(0,r.jsxs)(`div`,{className:`bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md`,children:[(0,r.jsx)(a.AlertCircleIcon,{className:`text-danger size-8 @max-[52px]:size-6`}),(0,r.jsx)(`span`,{className:`text-danger-weak y ml-2 text-sm @max-[96px]:sr-only`,children:`Image failed to load`})]})}):(0,r.jsxs)(`div`,{style:{width:s,height:c},className:`relative inline-block`,onClick:d,children:[!_&&(0,r.jsx)(t.Skeleton,{className:`absolute inset-0 flex size-full items-center justify-center`,children:(0,r.jsx)(`div`,{className:`loader`})}),(0,r.jsx)(`img`,{id:p,ref:f,src:p,alt:o,loading:`lazy`,className:(0,n.cn)(`shadow-card size-full rounded-md object-cover transition-opacity duration-300`,_&&`opacity-100`,!_&&`pointer-events-none opacity-0`),onLoad:x,onError:S})]})};exports.Image=o;
-//# sourceMappingURL=image.cjs.map
+require(`../skeleton-CmGSyYRm.cjs`);const e=require(`../image-Cm4vJeHx.cjs`);exports.Image=e.Image;

package/dist/ui/image.d.cts

@@ -6,6 +6,7 @@ type Props = {
   height?: number | string;
   maxRetries?: number;
   retryDelay?: number;
+  className?: string;
   onClick?: () => void;
 };
 declare const Image: React.FC<Props>;

package/dist/ui/image.d.ts

@@ -6,6 +6,7 @@ type Props = {
   height?: number | string;
   maxRetries?: number;
   retryDelay?: number;
+  className?: string;
   onClick?: () => void;
 };
 declare const Image: React.FC<Props>;

package/dist/ui/image.js

@@ -1,2 +1 @@
-import{Skeleton as e}from"../skeleton-D_7tekGk.js";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useCallback as i,useRef as a,useState as o}from"react";import{AlertCircleIcon as s}from"lucide-react";const c=({src:c,alt:l,width:u,height:d,maxRetries:f=3,retryDelay:p=500,onClick:m})=>{let h=a(null),[g,_]=o(c),[v,y]=o(0),[b,x]=o(!1),[S,C]=o(!1),w=i(()=>{x(!0)},[]),T=i(()=>{if(v<f){C(!1);let e=v+1;y(e),setTimeout(()=>{let t=`?retry=${Date.now()}&attempt=${e}`;_(c+t)},p*e);return}C(!0),x(!0),_(c)},[f,v,p,c]);return S?n(`div`,{style:{width:u,height:d},className:`@container relative inline-block`,children:r(`div`,{className:`bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md`,children:[n(s,{className:`text-danger size-8 @max-[52px]:size-6`}),n(`span`,{className:`text-danger-weak y ml-2 text-sm @max-[96px]:sr-only`,children:`Image failed to load`})]})}):r(`div`,{style:{width:u,height:d},className:`relative inline-block`,onClick:m,children:[!b&&n(e,{className:`absolute inset-0 flex size-full items-center justify-center`,children:n(`div`,{className:`loader`})}),n(`img`,{id:g,ref:h,src:g,alt:l,loading:`lazy`,className:t(`shadow-card size-full rounded-md object-cover transition-opacity duration-300`,b&&`opacity-100`,!b&&`pointer-events-none opacity-0`),onLoad:w,onError:T})]})};export{c as Image};
-//# sourceMappingURL=image.js.map
+import"../skeleton-DFF0w4en.js";import{Image as e}from"../image-BdTzYp1S.js";export{e as Image};

package/dist/ui/input-otp.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`react`)),i=e.__toESM(require(`lucide-react`)),a=e.__toESM(require(`input-otp`));function o({className:e,containerClassName:r,...i}){return(0,n.jsx)(a.OTPInput,{"data-slot":`input-otp`,containerClassName:(0,t.cn)(`flex items-center gap-2 has-disabled:opacity-50`,r),className:(0,t.cn)(`disabled:cursor-not-allowed`,e),...i})}function s({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`input-otp-group`,className:(0,t.cn)(`flex items-center`,e),...r})}function c({index:e,className:i,...o}){let s=r.default.useContext(a.OTPInputContext),{char:c,hasFakeCaret:l,isActive:u}=s?.slots[e]??{};return(0,n.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":u,className:(0,t.cn)(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,i),...o,children:[c,l&&(0,n.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,n.jsx)(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function l({...e}){return(0,n.jsx)(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:(0,n.jsx)(i.MinusIcon,{})})}exports.InputOTP=o,exports.InputOTPGroup=s,exports.InputOTPSeparator=l,exports.InputOTPSlot=c;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=e.__toESM(require(`lucide-react`)),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=e.__toESM(require(`input-otp`));function o({className:e,containerClassName:t,...i}){return(0,r.jsx)(a.OTPInput,{"data-slot":`input-otp`,containerClassName:(0,n.cn)(`flex items-center gap-2 has-disabled:opacity-50`,t),className:(0,n.cn)(`disabled:cursor-not-allowed`,e),...i})}function s({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`input-otp-group`,className:(0,n.cn)(`flex items-center`,e),...t})}function c({index:e,className:t,...o}){let s=i.default.useContext(a.OTPInputContext),{char:c,hasFakeCaret:l,isActive:u}=s?.slots[e]??{};return(0,r.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":u,className:(0,n.cn)(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,t),...o,children:[c,l&&(0,r.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,r.jsx)(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function l({...e}){return(0,r.jsx)(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:(0,r.jsx)(t.MinusIcon,{})})}exports.InputOTP=o,exports.InputOTPGroup=s,exports.InputOTPSeparator=l,exports.InputOTPSlot=c;
 //# sourceMappingURL=input-otp.cjs.map

package/dist/ui/input-otp.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime119 from "react/jsx-runtime";
+import * as react_jsx_runtime114 from "react/jsx-runtime";
 import React from "react";
 import { OTPInput } from "input-otp";
 
@@ -9,21 +9,21 @@ declare function InputOTP({
   ...props
 }: React.ComponentProps<typeof OTPInput> & {
   containerClassName?: string;
-}): react_jsx_runtime119.JSX.Element;
+}): react_jsx_runtime114.JSX.Element;
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime119.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime114.JSX.Element;
 declare function InputOTPSlot({
   index,
   className,
   ...props
 }: React.ComponentProps<'div'> & {
   index: number;
-}): react_jsx_runtime119.JSX.Element;
+}): react_jsx_runtime114.JSX.Element;
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime119.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime114.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 //# sourceMappingURL=input-otp.d.cts.map

package/dist/ui/input-otp.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime109 from "react/jsx-runtime";
+import * as react_jsx_runtime114 from "react/jsx-runtime";
 import React from "react";
 import { OTPInput } from "input-otp";
 
@@ -9,21 +9,21 @@ declare function InputOTP({
   ...props
 }: React.ComponentProps<typeof OTPInput> & {
   containerClassName?: string;
-}): react_jsx_runtime109.JSX.Element;
+}): react_jsx_runtime114.JSX.Element;
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime114.JSX.Element;
 declare function InputOTPSlot({
   index,
   className,
   ...props
 }: React.ComponentProps<'div'> & {
   index: number;
-}): react_jsx_runtime109.JSX.Element;
+}): react_jsx_runtime114.JSX.Element;
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime109.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime114.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 //# sourceMappingURL=input-otp.d.ts.map

package/dist/ui/input-otp.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r from"react";import{MinusIcon as i}from"lucide-react";import{OTPInput as a,OTPInputContext as o}from"input-otp";function s({className:n,containerClassName:r,...i}){return t(a,{"data-slot":`input-otp`,containerClassName:e(`flex items-center gap-2 has-disabled:opacity-50`,r),className:e(`disabled:cursor-not-allowed`,n),...i})}function c({className:n,...r}){return t(`div`,{"data-slot":`input-otp-group`,className:e(`flex items-center`,n),...r})}function l({index:i,className:a,...s}){let c=r.useContext(o),{char:l,hasFakeCaret:u,isActive:d}=c?.slots[i]??{};return n(`div`,{"data-slot":`input-otp-slot`,"data-active":d,className:e(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,a),...s,children:[l,u&&t(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:t(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function u({...e}){return t(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:t(i,{})})}export{s as InputOTP,c as InputOTPGroup,u as InputOTPSeparator,l as InputOTPSlot};
+"use client";import{MinusIcon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import i from"react";import{OTPInput as a,OTPInputContext as o}from"input-otp";function s({className:e,containerClassName:r,...i}){return n(a,{"data-slot":`input-otp`,containerClassName:t(`flex items-center gap-2 has-disabled:opacity-50`,r),className:t(`disabled:cursor-not-allowed`,e),...i})}function c({className:e,...r}){return n(`div`,{"data-slot":`input-otp-group`,className:t(`flex items-center`,e),...r})}function l({index:e,className:a,...s}){let c=i.useContext(o),{char:l,hasFakeCaret:u,isActive:d}=c?.slots[e]??{};return r(`div`,{"data-slot":`input-otp-slot`,"data-active":d,className:t(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,a),...s,children:[l,u&&n(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:n(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function u({...t}){return n(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...t,children:n(e,{})})}export{s as InputOTP,c as InputOTPGroup,u as InputOTPSeparator,l as InputOTPSlot};
 //# sourceMappingURL=input-otp.js.map

package/dist/ui/input.cjs

@@ -1 +1 @@
-"use client";const e=require(`../input-DQF8Uxmk.cjs`);exports.Input=e.Input;
+"use client";const e=require(`../input-Bt7b3-NW.cjs`);exports.Input=e.Input;

package/dist/ui/input.d.cts

@@ -1,2 +1,2 @@
-import { Input } from "../input-6yLVoluZ.cjs";
+import { Input } from "../input-Btkk-D-H.cjs";
 export { Input };

package/dist/ui/input.d.ts

@@ -1,2 +1,2 @@
-import { Input } from "../input-MftSrRAM.js";
+import { Input } from "../input-CyBgjNII.js";
 export { Input };

package/dist/ui/input.js

@@ -1 +1 @@
-"use client";import{Input as e}from"../input-B2PP82lE.js";export{e as Input};
+"use client";import{Input as e}from"../input-i5Nm0R1X.js";export{e as Input};

package/dist/ui/inputs/search-input.cjs

@@ -1 +1 @@
-require(`../../input-DQF8Uxmk.cjs`);const e=require(`../../search-input-B1eWzWZj.cjs`);exports.SearchInput=e.SearchInput;
+require(`../../input-Bt7b3-NW.cjs`);const e=require(`../../search-input-BsnMUPtZ.cjs`);exports.SearchInput=e.SearchInput;

package/dist/ui/inputs/search-input.d.cts

@@ -1,4 +1,4 @@
-import { Input } from "../../input-6yLVoluZ.cjs";
+import { Input } from "../../input-Btkk-D-H.cjs";
 import * as react_jsx_runtime235 from "react/jsx-runtime";
 
 //#region packages/components/ui/inputs/search-input.d.ts

package/dist/ui/inputs/search-input.d.ts

@@ -1,4 +1,4 @@
-import { Input } from "../../input-MftSrRAM.js";
+import { Input } from "../../input-CyBgjNII.js";
 import * as react_jsx_runtime235 from "react/jsx-runtime";
 
 //#region packages/components/ui/inputs/search-input.d.ts

package/dist/ui/inputs/search-input.js

@@ -1 +1 @@
-import"../../input-B2PP82lE.js";import{SearchInput as e}from"../../search-input-BZtDbdjl.js";export{e as SearchInput};
+import"../../input-i5Nm0R1X.js";import{SearchInput as e}from"../../search-input-tivZy8LE.js";export{e as SearchInput};

package/dist/ui/label.cjs

@@ -1 +1 @@
-"use client";const e=require(`../label-BvHMsK0O.cjs`);exports.Label=e.Label;
+"use client";const e=require(`../label-BbuMrcie.cjs`);exports.Label=e.Label;

package/dist/ui/label.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime118 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 import React from "react";
 import { Label as Label$1 } from "radix-ui";
 
@@ -6,7 +6,7 @@ import { Label as Label$1 } from "radix-ui";
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime118.JSX.Element;
+}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime153.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.cts.map

package/dist/ui/label.d.ts

@@ -1,12 +1,12 @@
-import * as react_jsx_runtime124 from "react/jsx-runtime";
-import React from "react";
 import { Label as Label$1 } from "radix-ui";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
+import React from "react";
 
 //#region packages/components/ui/label.d.ts
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime124.JSX.Element;
+}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime119.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.ts.map

package/dist/ui/label.js

@@ -1 +1 @@
-"use client";import{Label as e}from"../label-BpefWj7m.js";export{e as Label};
+"use client";import{Label as e}from"../label-CyaoUND0.js";export{e as Label};