@customafk/lunas-ui 0.2.33 → 0.2.35

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

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

package/dist/ui/file-uploader.mjs

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

package/dist/ui/form.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../separator-jytY1CPq.cjs`),require(`../label-BHbqbBtO.cjs`);const t=require(`../field-BxFpcOV1.cjs`);let n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`radix-ui`),o=require(`react-hook-form`);const s=o.FormProvider,c=(0,n.createContext)({}),l=({...e})=>(0,i.jsx)(c.Provider,{value:{name:e.name},children:(0,i.jsx)(o.Controller,{...e})}),u=()=>{let e=(0,n.use)(c),t=(0,n.use)(d),{getFieldState:r,control:i,resetField:a}=(0,o.useFormContext)(),s=(0,o.useFormState)({name:e.name}),l=r(e.name,s);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:u}=t;return{id:u,control:i,resetField:a,name:e.name,formItemId:`${u}-form-item`,formDescriptionId:`${u}-form-item-description`,formMessageId:`${u}-form-item-message`,...l}},d=(0,n.createContext)({}),f=(0,n.memo)(({className:e,orientation:r=`responsive`,...a})=>{let o=(0,n.useId)();return(0,i.jsx)(d.Provider,{value:{id:o},children:(0,i.jsx)(t.t,{orientation:r,...a,className:e})})});f.displayName=`FormItem`;const p=(0,n.memo)(({...e})=>{let{formItemId:n}=u();return(0,i.jsx)(t.o,{htmlFor:n,...e})});p.displayName=`FormLabel`;const m=(0,n.memo)(({...e})=>{let{error:t,formItemId:n,formDescriptionId:r,formMessageId:o}=u();return(0,i.jsx)(a.Slot.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${r} ${o}`:`${r}`,"aria-invalid":!!t,...e})});m.displayName=`FormControl`;function h({className:e,...n}){let{formDescriptionId:a}=u();return(0,i.jsx)(t.r,{id:a,className:(0,r.cn)(`text-text-positive-weak text-sm/6 leading-normal font-normal`,`group-has-data-[orientation=horizontal]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function g({className:e,children:t,...n}){let{error:a,formMessageId:o}=u();return(0,i.jsx)(`span`,{"data-slot":`form-message`,id:o,className:(0,r.cn)(`text-danger text-xs`,e),...n,children:a?String(a?.message??``):t})}exports.Form=s,exports.FormControl=m,exports.FormDescription=h,exports.FormField=l,exports.FormItem=f,exports.FormLabel=p,exports.FormMessage=g,exports.useFormField=u;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../separator-CBup_ah1.cjs`),require(`../label-eIyGIRyw.cjs`);const t=require(`../field-pfL7RWcN.cjs`);let n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`radix-ui`),o=require(`react-hook-form`);const s=o.FormProvider,c=(0,n.createContext)({}),l=({...e})=>(0,i.jsx)(c.Provider,{value:{name:e.name},children:(0,i.jsx)(o.Controller,{...e})}),u=()=>{let e=(0,n.use)(c),t=(0,n.use)(d),{getFieldState:r,control:i,resetField:a}=(0,o.useFormContext)(),s=(0,o.useFormState)({name:e.name}),l=r(e.name,s);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:u}=t;return{id:u,control:i,resetField:a,name:e.name,formItemId:`${u}-form-item`,formDescriptionId:`${u}-form-item-description`,formMessageId:`${u}-form-item-message`,...l}},d=(0,n.createContext)({}),f=(0,n.memo)(({className:e,orientation:r=`responsive`,...a})=>{let o=(0,n.useId)();return(0,i.jsx)(d.Provider,{value:{id:o},children:(0,i.jsx)(t.t,{orientation:r,...a,className:e})})});f.displayName=`FormItem`;const p=(0,n.memo)(({...e})=>{let{formItemId:n}=u();return(0,i.jsx)(t.o,{htmlFor:n,...e})});p.displayName=`FormLabel`;const m=(0,n.memo)(({...e})=>{let{error:t,formItemId:n,formDescriptionId:r,formMessageId:o}=u();return(0,i.jsx)(a.Slot.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${r} ${o}`:`${r}`,"aria-invalid":!!t,...e})});m.displayName=`FormControl`;function h({className:e,...n}){let{formDescriptionId:a}=u();return(0,i.jsx)(t.r,{id:a,className:(0,r.cn)(`text-text-positive-weak text-sm/6 leading-normal font-normal`,`group-has-data-[orientation=horizontal]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function g({className:e,children:t,...n}){let{error:a,formMessageId:o}=u();return(0,i.jsx)(`span`,{"data-slot":`form-message`,id:o,className:(0,r.cn)(`text-danger text-xs`,e),...n,children:a?String(a?.message??``):t})}exports.Form=s,exports.FormControl=m,exports.FormDescription=h,exports.FormField=l,exports.FormItem=f,exports.FormLabel=p,exports.FormMessage=g,exports.useFormField=u;
 //# sourceMappingURL=form.cjs.map

package/dist/ui/form.d.cts

@@ -1,4 +1,4 @@
-import * as react162 from "react";
+import * as react158 from "react";
 import { Label, Slot } from "radix-ui";
 import * as react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
@@ -57,7 +57,7 @@ declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransfor
  */
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: ControllerProps<TFieldValues, TName>) => react162.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react158.JSX.Element;
 /**
  * Hook that returns the field state and IDs for the enclosing FormField.
  * Must be called inside a component rendered within a `<FormField>`.
@@ -81,32 +81,32 @@ declare const useFormField: () => {
  *
  * @param orientation - Layout direction: `'vertical'`, `'horizontal'`, or `'responsive'` (default).
  */
-declare const FormItem: react162.MemoExoticComponent<({
+declare const FormItem: react158.MemoExoticComponent<({
   className,
   orientation,
   ...props
 }: React.ComponentProps<"div"> & {
   orientation?: "vertical" | "horizontal" | "responsive";
-}) => react162.JSX.Element>;
+}) => react158.JSX.Element>;
 /** Styled label automatically associated with the FormItem's control via `htmlFor`. */
-declare const FormLabel: react162.MemoExoticComponent<({
+declare const FormLabel: react158.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Label.Root>) => react162.JSX.Element>;
+}: React.ComponentProps<typeof Label.Root>) => react158.JSX.Element>;
 /** Radix Slot wrapper that wires the correct `id`, `aria-describedby`, and `aria-invalid` attributes onto the underlying control element. */
-declare const FormControl: react162.MemoExoticComponent<({
+declare const FormControl: react158.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>) => react162.JSX.Element>;
+}: React.ComponentProps<typeof Slot.Slot>) => react158.JSX.Element>;
 /** Helper text displayed below the control that provides additional context about the field. */
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react162.JSX.Element;
+}: React.ComponentProps<'p'>): react158.JSX.Element;
 /** Displays the validation error message for the field, or falls back to `children` when there is no error. */
 declare function FormMessage({
   className,
   children,
   ...props
-}: React.ComponentProps<'p'>): react162.JSX.Element;
+}: React.ComponentProps<'p'>): react158.JSX.Element;
 //#endregion
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
 //# sourceMappingURL=form.d.cts.map

package/dist/ui/form.d.mts

@@ -1,4 +1,4 @@
-import * as react101 from "react";
+import * as react152 from "react";
 import { Label, Slot } from "radix-ui";
 import * as react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
@@ -57,7 +57,7 @@ declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransfor
  */
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: ControllerProps<TFieldValues, TName>) => react101.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react152.JSX.Element;
 /**
  * Hook that returns the field state and IDs for the enclosing FormField.
  * Must be called inside a component rendered within a `<FormField>`.
@@ -81,32 +81,32 @@ declare const useFormField: () => {
  *
  * @param orientation - Layout direction: `'vertical'`, `'horizontal'`, or `'responsive'` (default).
  */
-declare const FormItem: react101.MemoExoticComponent<({
+declare const FormItem: react152.MemoExoticComponent<({
   className,
   orientation,
   ...props
 }: React.ComponentProps<"div"> & {
   orientation?: "vertical" | "horizontal" | "responsive";
-}) => react101.JSX.Element>;
+}) => react152.JSX.Element>;
 /** Styled label automatically associated with the FormItem's control via `htmlFor`. */
-declare const FormLabel: react101.MemoExoticComponent<({
+declare const FormLabel: react152.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Label.Root>) => react101.JSX.Element>;
+}: React.ComponentProps<typeof Label.Root>) => react152.JSX.Element>;
 /** Radix Slot wrapper that wires the correct `id`, `aria-describedby`, and `aria-invalid` attributes onto the underlying control element. */
-declare const FormControl: react101.MemoExoticComponent<({
+declare const FormControl: react152.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>) => react101.JSX.Element>;
+}: React.ComponentProps<typeof Slot.Slot>) => react152.JSX.Element>;
 /** Helper text displayed below the control that provides additional context about the field. */
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react101.JSX.Element;
+}: React.ComponentProps<'p'>): react152.JSX.Element;
 /** Displays the validation error message for the field, or falls back to `children` when there is no error. */
 declare function FormMessage({
   className,
   children,
   ...props
-}: React.ComponentProps<'p'>): react101.JSX.Element;
+}: React.ComponentProps<'p'>): react152.JSX.Element;
 //#endregion
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
 //# sourceMappingURL=form.d.mts.map

package/dist/ui/form.mjs

@@ -1,2 +1,2 @@
-"use client";import"../separator-yTKDuMWb.mjs";import"../label-CE2m0U_j.mjs";import{o as e,r as t,t as n}from"../field-B8RhxRCu.mjs";import{createContext as r,memo as i,use as a,useId as o}from"react";import{cn as s}from"@customafk/react-toolkit/utils";import{jsx as c}from"react/jsx-runtime";import{Slot as l}from"radix-ui";import{Controller as u,FormProvider as d,useFormContext as f,useFormState as p}from"react-hook-form";const m=d,h=r({}),g=({...e})=>c(h.Provider,{value:{name:e.name},children:c(u,{...e})}),_=()=>{let e=a(h),t=a(v),{getFieldState:n,control:r,resetField:i}=f(),o=p({name:e.name}),s=n(e.name,o);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:c}=t;return{id:c,control:r,resetField:i,name:e.name,formItemId:`${c}-form-item`,formDescriptionId:`${c}-form-item-description`,formMessageId:`${c}-form-item-message`,...s}},v=r({}),y=i(({className:e,orientation:t=`responsive`,...r})=>{let i=o();return c(v.Provider,{value:{id:i},children:c(n,{orientation:t,...r,className:e})})});y.displayName=`FormItem`;const b=i(({...t})=>{let{formItemId:n}=_();return c(e,{htmlFor:n,...t})});b.displayName=`FormLabel`;const x=i(({...e})=>{let{error:t,formItemId:n,formDescriptionId:r,formMessageId:i}=_();return c(l.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${r} ${i}`:`${r}`,"aria-invalid":!!t,...e})});x.displayName=`FormControl`;function S({className:e,...n}){let{formDescriptionId:r}=_();return c(t,{id:r,className:s(`text-text-positive-weak text-sm/6 leading-normal font-normal`,`group-has-data-[orientation=horizontal]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function C({className:e,children:t,...n}){let{error:r,formMessageId:i}=_();return c(`span`,{"data-slot":`form-message`,id:i,className:s(`text-danger text-xs`,e),...n,children:r?String(r?.message??``):t})}export{m as Form,x as FormControl,S as FormDescription,g as FormField,y as FormItem,b as FormLabel,C as FormMessage,_ as useFormField};
+"use client";import"../separator-C6s-YvlT.mjs";import"../label-D9uNQ9b_.mjs";import{o as e,r as t,t as n}from"../field-DhgAIueI.mjs";import{createContext as r,memo as i,use as a,useId as o}from"react";import{cn as s}from"@customafk/react-toolkit/utils";import{jsx as c}from"react/jsx-runtime";import{Slot as l}from"radix-ui";import{Controller as u,FormProvider as d,useFormContext as f,useFormState as p}from"react-hook-form";const m=d,h=r({}),g=({...e})=>c(h.Provider,{value:{name:e.name},children:c(u,{...e})}),_=()=>{let e=a(h),t=a(v),{getFieldState:n,control:r,resetField:i}=f(),o=p({name:e.name}),s=n(e.name,o);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:c}=t;return{id:c,control:r,resetField:i,name:e.name,formItemId:`${c}-form-item`,formDescriptionId:`${c}-form-item-description`,formMessageId:`${c}-form-item-message`,...s}},v=r({}),y=i(({className:e,orientation:t=`responsive`,...r})=>{let i=o();return c(v.Provider,{value:{id:i},children:c(n,{orientation:t,...r,className:e})})});y.displayName=`FormItem`;const b=i(({...t})=>{let{formItemId:n}=_();return c(e,{htmlFor:n,...t})});b.displayName=`FormLabel`;const x=i(({...e})=>{let{error:t,formItemId:n,formDescriptionId:r,formMessageId:i}=_();return c(l.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${r} ${i}`:`${r}`,"aria-invalid":!!t,...e})});x.displayName=`FormControl`;function S({className:e,...n}){let{formDescriptionId:r}=_();return c(t,{id:r,className:s(`text-text-positive-weak text-sm/6 leading-normal font-normal`,`group-has-data-[orientation=horizontal]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function C({className:e,children:t,...n}){let{error:r,formMessageId:i}=_();return c(`span`,{"data-slot":`form-message`,id:i,className:s(`text-danger text-xs`,e),...n,children:r?String(r?.message??``):t})}export{m as Form,x as FormControl,S as FormDescription,g as FormField,y as FormItem,b as FormLabel,C as FormMessage,_ as useFormField};
 //# sourceMappingURL=form.mjs.map

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

@@ -1,4 +1,4 @@
-import * as react181 from "react";
+import * as react33 from "react";
 import { HoverCard as HoverCard$1 } from "radix-ui";
 
 //#region packages/components/ui/hover-card.d.ts
@@ -20,18 +20,18 @@ import { HoverCard as HoverCard$1 } from "radix-ui";
  */
 declare function HoverCard({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Root>): react181.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react33.JSX.Element;
 /** The element that triggers the HoverCard on pointer enter. */
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react181.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react33.JSX.Element;
 /** The floating card panel displayed when the trigger is hovered. */
 declare function HoverCardContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Content>): react181.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react33.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.cts.map

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

@@ -1,4 +1,4 @@
-import * as react39 from "react";
+import * as react149 from "react";
 import { HoverCard as HoverCard$1 } from "radix-ui";
 
 //#region packages/components/ui/hover-card.d.ts
@@ -20,18 +20,18 @@ import { HoverCard as HoverCard$1 } from "radix-ui";
  */
 declare function HoverCard({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Root>): react39.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react149.JSX.Element;
 /** The element that triggers the HoverCard on pointer enter. */
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react39.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react149.JSX.Element;
 /** The floating card panel displayed when the trigger is hovered. */
 declare function HoverCardContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Content>): react39.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react149.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.mts.map

package/dist/ui/image.mjs

@@ -1 +1 @@
-import"../skeleton-Czl96pWA.mjs";import{t as e}from"../image-C4gMBmyV.mjs";export{e as Image};
+import"../skeleton-DupQ91XW.mjs";import{t as e}from"../image-D2U1SBw5.mjs";export{e as Image};

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

@@ -1,4 +1,4 @@
-import * as react57 from "react";
+import * as react74 from "react";
 import { OTPInput } from "input-otp";
 
 //#region packages/components/ui/input-otp.d.ts
@@ -32,12 +32,12 @@ declare function InputOTP({
 }: React.ComponentProps<typeof OTPInput> & {
   /** Class name applied to the outer container div. */
   containerClassName?: string;
-}): react57.JSX.Element;
+}): react74.JSX.Element;
 /** Flex container that groups a sequence of InputOTPSlot elements. */
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react57.JSX.Element;
+}: React.ComponentProps<'div'>): react74.JSX.Element;
 /**
  * A single character slot in an InputOTP — displays the typed character and a blinking caret when focused.
  *
@@ -49,11 +49,11 @@ declare function InputOTPSlot({
   ...props
 }: React.ComponentProps<'div'> & {
   index: number;
-}): react57.JSX.Element;
+}): react74.JSX.Element;
 /** Visual separator (dash) placed between InputOTPGroup elements. */
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react57.JSX.Element;
+}: React.ComponentProps<'div'>): react74.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 //# sourceMappingURL=input-otp.d.cts.map

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

@@ -1,4 +1,4 @@
-import * as react320 from "react";
+import * as react299 from "react";
 import { OTPInput } from "input-otp";
 
 //#region packages/components/ui/input-otp.d.ts
@@ -32,12 +32,12 @@ declare function InputOTP({
 }: React.ComponentProps<typeof OTPInput> & {
   /** Class name applied to the outer container div. */
   containerClassName?: string;
-}): react320.JSX.Element;
+}): react299.JSX.Element;
 /** Flex container that groups a sequence of InputOTPSlot elements. */
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react320.JSX.Element;
+}: React.ComponentProps<'div'>): react299.JSX.Element;
 /**
  * A single character slot in an InputOTP — displays the typed character and a blinking caret when focused.
  *
@@ -49,11 +49,11 @@ declare function InputOTPSlot({
   ...props
 }: React.ComponentProps<'div'> & {
   index: number;
-}): react320.JSX.Element;
+}): react299.JSX.Element;
 /** Visual separator (dash) placed between InputOTPGroup elements. */
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react320.JSX.Element;
+}: React.ComponentProps<'div'>): react299.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 //# sourceMappingURL=input-otp.d.mts.map

package/dist/ui/input.cjs

@@ -1 +1 @@
-"use client";const e=require(`../input-1ceJxxFI.cjs`);exports.Input=e.t,exports.inputVariants=e.n;
+"use client";const e=require(`../input-BvzsfAUc.cjs`);exports.Input=e.t,exports.inputVariants=e.n;

package/dist/ui/input.d.cts

@@ -1,2 +1,2 @@
-import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-DgwlkE9s.cjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-CZrWdm_Y.cjs";
 export { Input, InputVariantProps, inputVariants };

package/dist/ui/input.d.mts

@@ -1,2 +1,2 @@
-import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-BkbJ_jDH.mjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-DcbOSbQr.mjs";
 export { Input, InputVariantProps, inputVariants };

package/dist/ui/input.mjs

@@ -1 +1 @@
-"use client";import{n as e,t}from"../input-CKFQdvqY.mjs";export{t as Input,e as inputVariants};
+"use client";import{n as e,t}from"../input-5gk-Jv1y.mjs";export{t as Input,e as inputVariants};

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

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../input-1ceJxxFI.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({className:e,...a})=>(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(t.t,{...a,type:`search`,className:(0,r.cn)(`ps-9 pe-9`,e)}),(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:(0,i.jsx)(n.SearchIcon,{size:16})}),(0,i.jsx)(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:(0,i.jsx)(n.ArrowRightIcon,{size:16,"aria-hidden":`true`})})]});exports.SearchInput=a;
+const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../input-BvzsfAUc.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({className:e,...a})=>(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(t.t,{...a,type:`search`,className:(0,r.cn)(`ps-9 pe-9`,e)}),(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:(0,i.jsx)(n.SearchIcon,{size:16})}),(0,i.jsx)(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:(0,i.jsx)(n.ArrowRightIcon,{size:16,"aria-hidden":`true`})})]});exports.SearchInput=a;
 //# sourceMappingURL=search-input.cjs.map

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

@@ -1,5 +1,5 @@
-import { t as Input } from "../../input-DgwlkE9s.cjs";
-import * as react5 from "react";
+import { t as Input } from "../../input-CZrWdm_Y.cjs";
+import * as react58 from "react";
 
 //#region packages/components/ui/inputs/search-input.d.ts
 
@@ -23,7 +23,7 @@ type Props = React.ComponentPropsWithoutRef<typeof Input>;
 declare const SearchInput: ({
   className,
   ...rest
-}: Props) => react5.JSX.Element;
+}: Props) => react58.JSX.Element;
 //#endregion
 export { SearchInput };
 //# sourceMappingURL=search-input.d.cts.map

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

@@ -1,5 +1,5 @@
-import { t as Input } from "../../input-BkbJ_jDH.mjs";
-import * as react1 from "react";
+import { t as Input } from "../../input-DcbOSbQr.mjs";
+import * as react36 from "react";
 
 //#region packages/components/ui/inputs/search-input.d.ts
 
@@ -23,7 +23,7 @@ type Props = React.ComponentPropsWithoutRef<typeof Input>;
 declare const SearchInput: ({
   className,
   ...rest
-}: Props) => react1.JSX.Element;
+}: Props) => react36.JSX.Element;
 //#endregion
 export { SearchInput };
 //# sourceMappingURL=search-input.d.mts.map

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

@@ -1,2 +1,2 @@
-import{t as e}from"../../input-CKFQdvqY.mjs";import{ArrowRightIcon as t,SearchIcon as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({className:o,...s})=>a(`div`,{className:`relative`,children:[i(e,{...s,type:`search`,className:r(`ps-9 pe-9`,o)}),i(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:i(n,{size:16})}),i(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:i(t,{size:16,"aria-hidden":`true`})})]});export{o as SearchInput};
+import{t as e}from"../../input-5gk-Jv1y.mjs";import{ArrowRightIcon as t,SearchIcon as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({className:o,...s})=>a(`div`,{className:`relative`,children:[i(e,{...s,type:`search`,className:r(`ps-9 pe-9`,o)}),i(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:i(n,{size:16})}),i(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:i(t,{size:16,"aria-hidden":`true`})})]});export{o as SearchInput};
 //# sourceMappingURL=search-input.mjs.map

package/dist/ui/item.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../dist-CAeolvAH.cjs`),n=require(`../separator-jytY1CPq.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`class-variance-authority`),a=require(`react/jsx-runtime`);function o({className:e,...t}){return(0,a.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:(0,r.cn)(`group/item-group flex flex-col`,e),...t})}function s({className:e,...t}){return(0,a.jsx)(n.t,{"data-slot":`item-separator`,orientation:`horizontal`,className:(0,r.cn)(`my-0`,e),...t})}const c=(0,i.cva)(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function l({className:e,variant:n=`default`,size:i=`default`,asChild:o=!1,...s}){return(0,a.jsx)(o?t.t:`div`,{"data-slot":`item`,"data-variant":n,"data-size":i,className:(0,r.cn)(c({variant:n,size:i,className:e})),...s})}const u=(0,i.cva)(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function d({className:e,variant:t=`default`,...n}){return(0,a.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:(0,r.cn)(u({variant:t,className:e})),...n})}function f({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-content`,className:(0,r.cn)(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-title`,className:(0,r.cn)(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(`p`,{"data-slot":`item-description`,className:(0,r.cn)(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function h({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-actions`,className:(0,r.cn)(`flex items-center gap-2`,e),...t})}function g({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-header`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}function _({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-footer`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}exports.Item=l,exports.ItemActions=h,exports.ItemContent=f,exports.ItemDescription=m,exports.ItemFooter=_,exports.ItemGroup=o,exports.ItemHeader=g,exports.ItemMedia=d,exports.ItemSeparator=s,exports.ItemTitle=p;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../dist-CAeolvAH.cjs`),n=require(`../separator-CBup_ah1.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`class-variance-authority`),a=require(`react/jsx-runtime`);function o({className:e,...t}){return(0,a.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:(0,r.cn)(`group/item-group flex flex-col`,e),...t})}function s({className:e,...t}){return(0,a.jsx)(n.t,{"data-slot":`item-separator`,orientation:`horizontal`,className:(0,r.cn)(`my-0`,e),...t})}const c=(0,i.cva)(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function l({className:e,variant:n=`default`,size:i=`default`,asChild:o=!1,...s}){return(0,a.jsx)(o?t.t:`div`,{"data-slot":`item`,"data-variant":n,"data-size":i,className:(0,r.cn)(c({variant:n,size:i,className:e})),...s})}const u=(0,i.cva)(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function d({className:e,variant:t=`default`,...n}){return(0,a.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:(0,r.cn)(u({variant:t,className:e})),...n})}function f({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-content`,className:(0,r.cn)(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-title`,className:(0,r.cn)(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(`p`,{"data-slot":`item-description`,className:(0,r.cn)(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function h({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-actions`,className:(0,r.cn)(`flex items-center gap-2`,e),...t})}function g({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-header`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}function _({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-footer`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}exports.Item=l,exports.ItemActions=h,exports.ItemContent=f,exports.ItemDescription=m,exports.ItemFooter=_,exports.ItemGroup=o,exports.ItemHeader=g,exports.ItemMedia=d,exports.ItemSeparator=s,exports.ItemTitle=p;
 //# sourceMappingURL=item.cjs.map

package/dist/ui/item.d.cts

@@ -1,6 +1,6 @@
 import { Separator } from "./separator.cjs";
-import * as react151 from "react";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as react145 from "react";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/item.d.ts
@@ -28,16 +28,16 @@ import { VariantProps } from "class-variance-authority";
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react151.JSX.Element;
+}: React.ComponentProps<'div'>): react145.JSX.Element;
 /** Horizontal separator rendered between items in an ItemGroup. */
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react151.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react145.JSX.Element;
 declare const itemVariants: (props?: ({
-  variant?: "muted" | "default" | "outline" | null | undefined;
+  variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types6.ClassProp) | undefined) => string;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
 /**
  * The primary row container inside an ItemGroup.
  *
@@ -53,10 +53,10 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react151.JSX.Element;
+}): react145.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-  variant?: "image" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types6.ClassProp) | undefined) => string;
+  variant?: "default" | "image" | "icon" | null | undefined;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
 /**
  * Left-aligned slot for an avatar, icon, or image within an Item.
  *
@@ -66,37 +66,37 @@ declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react151.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react145.JSX.Element;
 /** Flex-1 column that holds the ItemTitle and ItemDescription. */
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react151.JSX.Element;
+}: React.ComponentProps<'div'>): react145.JSX.Element;
 /** Primary label text rendered in medium weight inside an ItemContent. */
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react151.JSX.Element;
+}: React.ComponentProps<'div'>): react145.JSX.Element;
 /** Secondary, muted body text clamped to two lines inside an ItemContent. */
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react151.JSX.Element;
+}: React.ComponentProps<'p'>): react145.JSX.Element;
 /** Right-aligned slot for buttons or other interactive controls within an Item. */
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react151.JSX.Element;
+}: React.ComponentProps<'div'>): react145.JSX.Element;
 /** Full-width row at the top of an Item for header-level labels or metadata. */
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react151.JSX.Element;
+}: React.ComponentProps<'div'>): react145.JSX.Element;
 /** Full-width row at the bottom of an Item for footer-level content or secondary actions. */
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react151.JSX.Element;
+}: React.ComponentProps<'div'>): react145.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.cts.map

package/dist/ui/item.d.mts

@@ -1,7 +1,7 @@
 import { Separator } from "./separator.mjs";
-import * as react74 from "react";
+import * as react191 from "react";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
 
 //#region packages/components/ui/item.d.ts
 
@@ -28,16 +28,16 @@ import * as class_variance_authority_types5 from "class-variance-authority/types
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react74.JSX.Element;
+}: React.ComponentProps<'div'>): react191.JSX.Element;
 /** Horizontal separator rendered between items in an ItemGroup. */
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react74.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react191.JSX.Element;
 declare const itemVariants: (props?: ({
-  variant?: "muted" | "default" | "outline" | null | undefined;
+  variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 /**
  * The primary row container inside an ItemGroup.
  *
@@ -53,10 +53,10 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react74.JSX.Element;
+}): react191.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-  variant?: "image" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+  variant?: "default" | "image" | "icon" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 /**
  * Left-aligned slot for an avatar, icon, or image within an Item.
  *
@@ -66,37 +66,37 @@ declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react74.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react191.JSX.Element;
 /** Flex-1 column that holds the ItemTitle and ItemDescription. */
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react74.JSX.Element;
+}: React.ComponentProps<'div'>): react191.JSX.Element;
 /** Primary label text rendered in medium weight inside an ItemContent. */
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react74.JSX.Element;
+}: React.ComponentProps<'div'>): react191.JSX.Element;
 /** Secondary, muted body text clamped to two lines inside an ItemContent. */
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react74.JSX.Element;
+}: React.ComponentProps<'p'>): react191.JSX.Element;
 /** Right-aligned slot for buttons or other interactive controls within an Item. */
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react74.JSX.Element;
+}: React.ComponentProps<'div'>): react191.JSX.Element;
 /** Full-width row at the top of an Item for header-level labels or metadata. */
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react74.JSX.Element;
+}: React.ComponentProps<'div'>): react191.JSX.Element;
 /** Full-width row at the bottom of an Item for footer-level content or secondary actions. */
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react74.JSX.Element;
+}: React.ComponentProps<'div'>): react191.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.mts.map

package/dist/ui/item.mjs

@@ -1,2 +1,2 @@
-import{t as e}from"../dist-DdGJ50nX.mjs";import{t}from"../separator-yTKDuMWb.mjs";import{cn as n}from"@customafk/react-toolkit/utils";import{cva as r}from"class-variance-authority";import{jsx as i}from"react/jsx-runtime";function a({className:e,...t}){return i(`div`,{role:`list`,"data-slot":`item-group`,className:n(`group/item-group flex flex-col`,e),...t})}function o({className:e,...r}){return i(t,{"data-slot":`item-separator`,orientation:`horizontal`,className:n(`my-0`,e),...r})}const s=r(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function c({className:t,variant:r=`default`,size:a=`default`,asChild:o=!1,...c}){return i(o?e:`div`,{"data-slot":`item`,"data-variant":r,"data-size":a,className:n(s({variant:r,size:a,className:t})),...c})}const l=r(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function u({className:e,variant:t=`default`,...r}){return i(`div`,{"data-slot":`item-media`,"data-variant":t,className:n(l({variant:t,className:e})),...r})}function d({className:e,...t}){return i(`div`,{"data-slot":`item-content`,className:n(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function f({className:e,...t}){return i(`div`,{"data-slot":`item-title`,className:n(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function p({className:e,...t}){return i(`p`,{"data-slot":`item-description`,className:n(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function m({className:e,...t}){return i(`div`,{"data-slot":`item-actions`,className:n(`flex items-center gap-2`,e),...t})}function h({className:e,...t}){return i(`div`,{"data-slot":`item-header`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}function g({className:e,...t}){return i(`div`,{"data-slot":`item-footer`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}export{c as Item,m as ItemActions,d as ItemContent,p as ItemDescription,g as ItemFooter,a as ItemGroup,h as ItemHeader,u as ItemMedia,o as ItemSeparator,f as ItemTitle};
+import{t as e}from"../dist-BQGL-YKY.mjs";import{t}from"../separator-C6s-YvlT.mjs";import{cn as n}from"@customafk/react-toolkit/utils";import{cva as r}from"class-variance-authority";import{jsx as i}from"react/jsx-runtime";function a({className:e,...t}){return i(`div`,{role:`list`,"data-slot":`item-group`,className:n(`group/item-group flex flex-col`,e),...t})}function o({className:e,...r}){return i(t,{"data-slot":`item-separator`,orientation:`horizontal`,className:n(`my-0`,e),...r})}const s=r(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function c({className:t,variant:r=`default`,size:a=`default`,asChild:o=!1,...c}){return i(o?e:`div`,{"data-slot":`item`,"data-variant":r,"data-size":a,className:n(s({variant:r,size:a,className:t})),...c})}const l=r(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function u({className:e,variant:t=`default`,...r}){return i(`div`,{"data-slot":`item-media`,"data-variant":t,className:n(l({variant:t,className:e})),...r})}function d({className:e,...t}){return i(`div`,{"data-slot":`item-content`,className:n(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function f({className:e,...t}){return i(`div`,{"data-slot":`item-title`,className:n(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function p({className:e,...t}){return i(`p`,{"data-slot":`item-description`,className:n(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function m({className:e,...t}){return i(`div`,{"data-slot":`item-actions`,className:n(`flex items-center gap-2`,e),...t})}function h({className:e,...t}){return i(`div`,{"data-slot":`item-header`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}function g({className:e,...t}){return i(`div`,{"data-slot":`item-footer`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}export{c as Item,m as ItemActions,d as ItemContent,p as ItemDescription,g as ItemFooter,a as ItemGroup,h as ItemHeader,u as ItemMedia,o as ItemSeparator,f as ItemTitle};
 //# sourceMappingURL=item.mjs.map

package/dist/ui/label.cjs

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

package/dist/ui/label.d.cts

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