@customafk/lunas-ui 0.2.29 → 0.2.30

package/dist/ui/empty.d.mts

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

package/dist/ui/field.cjs

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

package/dist/ui/field.d.cts

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

package/dist/ui/field.d.mts

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

package/dist/ui/field.mjs

@@ -1 +1 @@
-"use client";import"../separator-yTKDuMWb.mjs";import"../label-CE2m0U_j.mjs";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"../field-Bh7Hq4Lo.mjs";export{c as Field,i as FieldContent,o as FieldDescription,n as FieldError,e as FieldGroup,a as FieldLabel,s as FieldLegend,t as FieldSeparator,r as FieldSet,l as FieldTitle};
+"use client";import"../separator-yTKDuMWb.mjs";import"../label-CE2m0U_j.mjs";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"../field-B8RhxRCu.mjs";export{c as Field,i as FieldContent,o as FieldDescription,n as FieldError,e as FieldGroup,a as FieldLabel,s as FieldLegend,t as FieldSeparator,r as FieldSet,l as FieldTitle};

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

@@ -1,4 +1,4 @@
-import * as react55 from "react";
+import * as react164 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): react55.JSX.Element;
+declare function FileUploader(props: FileUploaderProps): react164.JSX.Element;
 //#endregion
 export { FileUploader };
 //# sourceMappingURL=file-uploader.d.cts.map

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

@@ -1,4 +1,4 @@
-import * as react128 from "react";
+import * as react156 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): react128.JSX.Element;
+declare function FileUploader(props: FileUploaderProps): react156.JSX.Element;
 //#endregion
 export { FileUploader };
 //# sourceMappingURL=file-uploader.d.mts.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-DTGEedKl.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-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;
 //# sourceMappingURL=form.cjs.map

package/dist/ui/form.d.cts

@@ -1,4 +1,4 @@
-import * as react87 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>) => react87.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: react87.MemoExoticComponent<({
+declare const FormItem: react152.MemoExoticComponent<({
   className,
   orientation,
   ...props
 }: React.ComponentProps<"div"> & {
   orientation?: "vertical" | "horizontal" | "responsive";
-}) => react87.JSX.Element>;
+}) => react152.JSX.Element>;
 /** Styled label automatically associated with the FormItem's control via `htmlFor`. */
-declare const FormLabel: react87.MemoExoticComponent<({
+declare const FormLabel: react152.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Label.Root>) => react87.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: react87.MemoExoticComponent<({
+declare const FormControl: react152.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>) => react87.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'>): react87.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'>): react87.JSX.Element;
+}: React.ComponentProps<'p'>): react152.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 react158 from "react";
+import * as react127 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>) => react158.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react127.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: react158.MemoExoticComponent<({
+declare const FormItem: react127.MemoExoticComponent<({
   className,
   orientation,
   ...props
 }: React.ComponentProps<"div"> & {
   orientation?: "vertical" | "horizontal" | "responsive";
-}) => react158.JSX.Element>;
+}) => react127.JSX.Element>;
 /** Styled label automatically associated with the FormItem's control via `htmlFor`. */
-declare const FormLabel: react158.MemoExoticComponent<({
+declare const FormLabel: react127.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Label.Root>) => react158.JSX.Element>;
+}: React.ComponentProps<typeof Label.Root>) => react127.JSX.Element>;
 /** Radix Slot wrapper that wires the correct `id`, `aria-describedby`, and `aria-invalid` attributes onto the underlying control element. */
-declare const FormControl: react158.MemoExoticComponent<({
+declare const FormControl: react127.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>) => react158.JSX.Element>;
+}: React.ComponentProps<typeof Slot.Slot>) => react127.JSX.Element>;
 /** Helper text displayed below the control that provides additional context about the field. */
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react158.JSX.Element;
+}: React.ComponentProps<'p'>): react127.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'>): react158.JSX.Element;
+}: React.ComponentProps<'p'>): react127.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-Bh7Hq4Lo.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-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};
 //# sourceMappingURL=form.mjs.map

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

@@ -1,4 +1,4 @@
-import * as react67 from "react";
+import * as react161 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>): react67.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react161.JSX.Element;
 /** The element that triggers the HoverCard on pointer enter. */
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react67.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react161.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>): react67.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react161.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 react135 from "react";
+import * as react184 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>): react135.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react184.JSX.Element;
 /** The element that triggers the HoverCard on pointer enter. */
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react135.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react184.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>): react135.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react184.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.mts.map

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

@@ -1,4 +1,4 @@
-import * as react120 from "react";
+import * as react175 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;
-}): react120.JSX.Element;
+}): react175.JSX.Element;
 /** Flex container that groups a sequence of InputOTPSlot elements. */
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react120.JSX.Element;
+}: React.ComponentProps<'div'>): react175.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;
-}): react120.JSX.Element;
+}): react175.JSX.Element;
 /** Visual separator (dash) placed between InputOTPGroup elements. */
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react120.JSX.Element;
+}: React.ComponentProps<'div'>): react175.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 react194 from "react";
+import * as react177 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;
-}): react194.JSX.Element;
+}): react177.JSX.Element;
 /** Flex container that groups a sequence of InputOTPSlot elements. */
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react194.JSX.Element;
+}: React.ComponentProps<'div'>): react177.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;
-}): react194.JSX.Element;
+}): react177.JSX.Element;
 /** Visual separator (dash) placed between InputOTPGroup elements. */
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react194.JSX.Element;
+}: React.ComponentProps<'div'>): react177.JSX.Element;
 //#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
 //# sourceMappingURL=input-otp.d.mts.map

package/dist/ui/input.d.cts

@@ -1,2 +1,2 @@
-import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-DtUFTR6j.cjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-B4ZV1tKO.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-ZL65yvYU.mjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-Che86SWz.mjs";
 export { Input, InputVariantProps, inputVariants };

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

@@ -1,4 +1,4 @@
-import { t as Input } from "../../input-DtUFTR6j.cjs";
+import { t as Input } from "../../input-B4ZV1tKO.cjs";
 import * as react33 from "react";
 
 //#region packages/components/ui/inputs/search-input.d.ts

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

@@ -1,5 +1,5 @@
-import { t as Input } from "../../input-ZL65yvYU.mjs";
-import * as react35 from "react";
+import { t as Input } from "../../input-Che86SWz.mjs";
+import * as react33 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) => react35.JSX.Element;
+}: Props) => react33.JSX.Element;
 //#endregion
 export { SearchInput };
 //# sourceMappingURL=search-input.d.mts.map