@customafk/lunas-ui 0.2.11 → 0.2.13

package/dist/ui/field.d.cts

@@ -1,57 +1,57 @@
 import { Label } from "./label.cjs";
-import * as react_jsx_runtime145 from "react/jsx-runtime";
+import * as react_jsx_runtime109 from "react/jsx-runtime";
 import * as class_variance_authority_types6 from "class-variance-authority/types";
-import * as react1 from "react";
+import * as react12 from "react";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/field.d.ts
-declare const FieldSet: react1.MemoExoticComponent<({
+declare const FieldSet: react12.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"fieldset">) => react_jsx_runtime145.JSX.Element>;
-declare const FieldLegend: react1.MemoExoticComponent<({
+}: React.ComponentProps<"fieldset">) => react_jsx_runtime109.JSX.Element>;
+declare const FieldLegend: react12.MemoExoticComponent<({
   className,
   variant,
   ...props
 }: React.ComponentProps<"legend"> & {
   variant?: "legend" | "label";
-}) => react_jsx_runtime145.JSX.Element>;
-declare const FieldGroup: react1.MemoExoticComponent<({
+}) => react_jsx_runtime109.JSX.Element>;
+declare const FieldGroup: react12.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime145.JSX.Element>;
+}: React.ComponentProps<"div">) => react_jsx_runtime109.JSX.Element>;
 declare const fieldVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
 } & class_variance_authority_types6.ClassProp) | undefined) => string;
-declare const Field: react1.MemoExoticComponent<({
+declare const Field: react12.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime145.JSX.Element>;
-declare const FieldContent: react1.MemoExoticComponent<({
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime109.JSX.Element>;
+declare const FieldContent: react12.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime145.JSX.Element>;
-declare const FieldLabel: react1.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react_jsx_runtime109.JSX.Element>;
+declare const FieldLabel: react12.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<typeof Label>) => react_jsx_runtime145.JSX.Element>;
-declare const FieldTitle: react1.MemoExoticComponent<({
+}: React.ComponentProps<typeof Label>) => react_jsx_runtime109.JSX.Element>;
+declare const FieldTitle: react12.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime145.JSX.Element>;
-declare const FieldDescription: react1.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react_jsx_runtime109.JSX.Element>;
+declare const FieldDescription: react12.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"p">) => react_jsx_runtime145.JSX.Element>;
-declare const FieldSeparator: react1.MemoExoticComponent<({
+}: React.ComponentProps<"p">) => react_jsx_runtime109.JSX.Element>;
+declare const FieldSeparator: react12.MemoExoticComponent<({
   children,
   className,
   ...props
 }: React.ComponentProps<"div"> & {
   children?: React.ReactNode;
-}) => react_jsx_runtime145.JSX.Element>;
-declare const FieldError: react1.MemoExoticComponent<({
+}) => react_jsx_runtime109.JSX.Element>;
+declare const FieldError: react12.MemoExoticComponent<({
   className,
   children,
   errors,
@@ -60,7 +60,7 @@ declare const FieldError: react1.MemoExoticComponent<({
   errors?: Array<{
     message?: string;
   } | undefined>;
-}) => react_jsx_runtime145.JSX.Element | null>;
+}) => react_jsx_runtime109.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,57 +1,57 @@
 import { Label } from "./label.mjs";
-import * as react9 from "react";
-import * as react_jsx_runtime166 from "react/jsx-runtime";
+import * as react4 from "react";
+import * as react_jsx_runtime151 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types9 from "class-variance-authority/types";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
 
 //#region packages/components/ui/field.d.ts
-declare const FieldSet: react9.MemoExoticComponent<({
+declare const FieldSet: react4.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"fieldset">) => react_jsx_runtime166.JSX.Element>;
-declare const FieldLegend: react9.MemoExoticComponent<({
+}: React.ComponentProps<"fieldset">) => react_jsx_runtime151.JSX.Element>;
+declare const FieldLegend: react4.MemoExoticComponent<({
   className,
   variant,
   ...props
 }: React.ComponentProps<"legend"> & {
   variant?: "legend" | "label";
-}) => react_jsx_runtime166.JSX.Element>;
-declare const FieldGroup: react9.MemoExoticComponent<({
+}) => react_jsx_runtime151.JSX.Element>;
+declare const FieldGroup: react4.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime166.JSX.Element>;
+}: React.ComponentProps<"div">) => react_jsx_runtime151.JSX.Element>;
 declare const fieldVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
-declare const Field: react9.MemoExoticComponent<({
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
+declare const Field: react4.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime166.JSX.Element>;
-declare const FieldContent: react9.MemoExoticComponent<({
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime151.JSX.Element>;
+declare const FieldContent: react4.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime166.JSX.Element>;
-declare const FieldLabel: react9.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react_jsx_runtime151.JSX.Element>;
+declare const FieldLabel: react4.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<typeof Label>) => react_jsx_runtime166.JSX.Element>;
-declare const FieldTitle: react9.MemoExoticComponent<({
+}: React.ComponentProps<typeof Label>) => react_jsx_runtime151.JSX.Element>;
+declare const FieldTitle: react4.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime166.JSX.Element>;
-declare const FieldDescription: react9.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react_jsx_runtime151.JSX.Element>;
+declare const FieldDescription: react4.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"p">) => react_jsx_runtime166.JSX.Element>;
-declare const FieldSeparator: react9.MemoExoticComponent<({
+}: React.ComponentProps<"p">) => react_jsx_runtime151.JSX.Element>;
+declare const FieldSeparator: react4.MemoExoticComponent<({
   children,
   className,
   ...props
 }: React.ComponentProps<"div"> & {
   children?: React.ReactNode;
-}) => react_jsx_runtime166.JSX.Element>;
-declare const FieldError: react9.MemoExoticComponent<({
+}) => react_jsx_runtime151.JSX.Element>;
+declare const FieldError: react4.MemoExoticComponent<({
   className,
   children,
   errors,
@@ -60,7 +60,7 @@ declare const FieldError: react9.MemoExoticComponent<({
   errors?: Array<{
     message?: string;
   } | undefined>;
-}) => react_jsx_runtime166.JSX.Element | null>;
+}) => react_jsx_runtime151.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-BMsbHAVt.mjs";import"../label-3vAlNtF9.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-DfsTE4Ie.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-BMsbHAVt.mjs";import"../label-COqDQDMy.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-C5HOxxiX.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 react_jsx_runtime161 from "react/jsx-runtime";
+import * as react_jsx_runtime154 from "react/jsx-runtime";
 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): react_jsx_runtime161.JSX.Element;
+declare function FileUploader(props: FileUploaderProps): react_jsx_runtime154.JSX.Element;
 //#endregion
 export { FileUploader };
 //# sourceMappingURL=file-uploader.d.cts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime149 from "react/jsx-runtime";
+import * as react_jsx_runtime161 from "react/jsx-runtime";
 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): react_jsx_runtime149.JSX.Element;
+declare function FileUploader(props: FileUploaderProps): react_jsx_runtime161.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-BwZb12bh.cjs`),require(`../label-zyBJYydC.cjs`);const t=require(`../field-C51eJ6QN.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`),i=require(`@customafk/react-toolkit/utils`),a=require(`radix-ui`),o=require(`react-hook-form`);const s=o.FormProvider,c=(0,n.createContext)({}),l=({...e})=>(0,r.jsx)(c.Provider,{value:{name:e.name},children:(0,r.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:i=`responsive`,...a})=>{let o=(0,n.useId)();return(0,r.jsx)(d.Provider,{value:{id:o},children:(0,r.jsx)(t.t,{orientation:i,...a,className:e})})});f.displayName=`FormItem`;const p=(0,n.memo)(({...e})=>{let{formItemId:n}=u();return(0,r.jsx)(t.o,{htmlFor:n,...e})});p.displayName=`FormLabel`;const m=(0,n.memo)(({...e})=>{let{error:t,formItemId:n,formDescriptionId:i,formMessageId:o}=u();return(0,r.jsx)(a.Slot.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${i} ${o}`:`${i}`,"aria-invalid":!!t,...e})});m.displayName=`FormControl`;function h({className:e,...n}){let{formDescriptionId:a}=u();return(0,r.jsx)(t.r,{id:a,className:(0,i.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,r.jsx)(`span`,{"data-slot":`form-message`,id:o,className:(0,i.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-BwZb12bh.cjs`),require(`../label-DYsRdKMt.cjs`);const t=require(`../field-D1wvj5Wj.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`),i=require(`@customafk/react-toolkit/utils`),a=require(`radix-ui`),o=require(`react-hook-form`);const s=o.FormProvider,c=(0,n.createContext)({}),l=({...e})=>(0,r.jsx)(c.Provider,{value:{name:e.name},children:(0,r.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:i=`responsive`,...a})=>{let o=(0,n.useId)();return(0,r.jsx)(d.Provider,{value:{id:o},children:(0,r.jsx)(t.t,{orientation:i,...a,className:e})})});f.displayName=`FormItem`;const p=(0,n.memo)(({...e})=>{let{formItemId:n}=u();return(0,r.jsx)(t.o,{htmlFor:n,...e})});p.displayName=`FormLabel`;const m=(0,n.memo)(({...e})=>{let{error:t,formItemId:n,formDescriptionId:i,formMessageId:o}=u();return(0,r.jsx)(a.Slot.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${i} ${o}`:`${i}`,"aria-invalid":!!t,...e})});m.displayName=`FormControl`;function h({className:e,...n}){let{formDescriptionId:a}=u();return(0,r.jsx)(t.r,{id:a,className:(0,i.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,r.jsx)(`span`,{"data-slot":`form-message`,id:o,className:(0,i.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,5 +1,5 @@
-import * as react_jsx_runtime155 from "react/jsx-runtime";
-import * as react11 from "react";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
+import * as react9 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";
@@ -39,7 +39,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>) => react_jsx_runtime155.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime97.JSX.Element;
 /**
  * Hook that returns the field state and IDs for the enclosing FormField.
  * Must be called inside a component rendered within a `<FormField>`.
@@ -63,32 +63,32 @@ declare const useFormField: () => {
  *
  * @param orientation - Layout direction: `'vertical'`, `'horizontal'`, or `'responsive'` (default).
  */
-declare const FormItem: react11.MemoExoticComponent<({
+declare const FormItem: react9.MemoExoticComponent<({
   className,
   orientation,
   ...props
 }: React.ComponentProps<"div"> & {
   orientation?: "vertical" | "horizontal" | "responsive";
-}) => react_jsx_runtime155.JSX.Element>;
+}) => react_jsx_runtime97.JSX.Element>;
 /** Styled label automatically associated with the FormItem's control via `htmlFor`. */
-declare const FormLabel: react11.MemoExoticComponent<({
+declare const FormLabel: react9.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Label.Root>) => react_jsx_runtime155.JSX.Element>;
+}: React.ComponentProps<typeof Label.Root>) => react_jsx_runtime97.JSX.Element>;
 /** Radix Slot wrapper that wires the correct `id`, `aria-describedby`, and `aria-invalid` attributes onto the underlying control element. */
-declare const FormControl: react11.MemoExoticComponent<({
+declare const FormControl: react9.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>) => react_jsx_runtime155.JSX.Element>;
+}: React.ComponentProps<typeof Slot.Slot>) => react_jsx_runtime97.JSX.Element>;
 /** Helper text displayed below the control that provides additional context about the field. */
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime155.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime97.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'>): react_jsx_runtime155.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime97.JSX.Element;
 //#endregion
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
 //# sourceMappingURL=form.d.cts.map

package/dist/ui/form.d.mts

@@ -1,5 +1,5 @@
-import * as react21 from "react";
-import * as react_jsx_runtime196 from "react/jsx-runtime";
+import * as react1 from "react";
+import * as react_jsx_runtime130 from "react/jsx-runtime";
 import { Label, Slot } from "radix-ui";
 import * as react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
@@ -39,7 +39,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>) => react_jsx_runtime196.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime130.JSX.Element;
 /**
  * Hook that returns the field state and IDs for the enclosing FormField.
  * Must be called inside a component rendered within a `<FormField>`.
@@ -63,32 +63,32 @@ declare const useFormField: () => {
  *
  * @param orientation - Layout direction: `'vertical'`, `'horizontal'`, or `'responsive'` (default).
  */
-declare const FormItem: react21.MemoExoticComponent<({
+declare const FormItem: react1.MemoExoticComponent<({
   className,
   orientation,
   ...props
 }: React.ComponentProps<"div"> & {
   orientation?: "vertical" | "horizontal" | "responsive";
-}) => react_jsx_runtime196.JSX.Element>;
+}) => react_jsx_runtime130.JSX.Element>;
 /** Styled label automatically associated with the FormItem's control via `htmlFor`. */
-declare const FormLabel: react21.MemoExoticComponent<({
+declare const FormLabel: react1.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Label.Root>) => react_jsx_runtime196.JSX.Element>;
+}: React.ComponentProps<typeof Label.Root>) => react_jsx_runtime130.JSX.Element>;
 /** Radix Slot wrapper that wires the correct `id`, `aria-describedby`, and `aria-invalid` attributes onto the underlying control element. */
-declare const FormControl: react21.MemoExoticComponent<({
+declare const FormControl: react1.MemoExoticComponent<({
   ...props
-}: React.ComponentProps<typeof Slot.Slot>) => react_jsx_runtime196.JSX.Element>;
+}: React.ComponentProps<typeof Slot.Slot>) => react_jsx_runtime130.JSX.Element>;
 /** Helper text displayed below the control that provides additional context about the field. */
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime196.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime130.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'>): react_jsx_runtime196.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime130.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-BMsbHAVt.mjs";import"../label-3vAlNtF9.mjs";import{o as e,r as t,t as n}from"../field-DfsTE4Ie.mjs";import{createContext as r,memo as i,use as a,useId as o}from"react";import{jsx as s}from"react/jsx-runtime";import{cn as c}from"@customafk/react-toolkit/utils";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})=>s(h.Provider,{value:{name:e.name},children:s(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 s(v.Provider,{value:{id:i},children:s(n,{orientation:t,...r,className:e})})});y.displayName=`FormItem`;const b=i(({...t})=>{let{formItemId:n}=_();return s(e,{htmlFor:n,...t})});b.displayName=`FormLabel`;const x=i(({...e})=>{let{error:t,formItemId:n,formDescriptionId:r,formMessageId:i}=_();return s(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 s(t,{id:r,className:c(`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 s(`span`,{"data-slot":`form-message`,id:i,className:c(`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-BMsbHAVt.mjs";import"../label-COqDQDMy.mjs";import{o as e,r as t,t as n}from"../field-C5HOxxiX.mjs";import{createContext as r,memo as i,use as a,useId as o}from"react";import{jsx as s}from"react/jsx-runtime";import{cn as c}from"@customafk/react-toolkit/utils";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})=>s(h.Provider,{value:{name:e.name},children:s(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 s(v.Provider,{value:{id:i},children:s(n,{orientation:t,...r,className:e})})});y.displayName=`FormItem`;const b=i(({...t})=>{let{formItemId:n}=_();return s(e,{htmlFor:n,...t})});b.displayName=`FormLabel`;const x=i(({...e})=>{let{error:t,formItemId:n,formDescriptionId:r,formMessageId:i}=_();return s(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 s(t,{id:r,className:c(`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 s(`span`,{"data-slot":`form-message`,id:i,className:c(`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 react_jsx_runtime166 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 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>): react_jsx_runtime166.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime52.JSX.Element;
 /** The element that triggers the HoverCard on pointer enter. */
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime166.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime52.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>): react_jsx_runtime166.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime52.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 react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime173 from "react/jsx-runtime";
 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>): react_jsx_runtime45.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime173.JSX.Element;
 /** The element that triggers the HoverCard on pointer enter. */
 declare function HoverCardTrigger({
   ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime45.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Trigger>): react_jsx_runtime173.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>): react_jsx_runtime45.JSX.Element;
+}: React.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime173.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 react_jsx_runtime162 from "react/jsx-runtime";
+import * as react_jsx_runtime253 from "react/jsx-runtime";
 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;
-}): react_jsx_runtime162.JSX.Element;
+}): react_jsx_runtime253.JSX.Element;
 /** Flex container that groups a sequence of InputOTPSlot elements. */
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime253.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;
-}): react_jsx_runtime162.JSX.Element;
+}): react_jsx_runtime253.JSX.Element;
 /** Visual separator (dash) placed between InputOTPGroup elements. */
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime162.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime253.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 react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime176 from "react/jsx-runtime";
 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;
-}): react_jsx_runtime41.JSX.Element;
+}): react_jsx_runtime176.JSX.Element;
 /** Flex container that groups a sequence of InputOTPSlot elements. */
 declare function InputOTPGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime41.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime176.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;
-}): react_jsx_runtime41.JSX.Element;
+}): react_jsx_runtime176.JSX.Element;
 /** Visual separator (dash) placed between InputOTPGroup elements. */
 declare function InputOTPSeparator({
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime41.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime176.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-BpZ_mAuD.cjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-BLyJp8UZ.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-CoHHwUwI.mjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-BaQTUEQF.mjs";
 export { Input, InputVariantProps, inputVariants };

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

@@ -1,5 +1,5 @@
-import { t as Input } from "../../input-BpZ_mAuD.cjs";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import { t as Input } from "../../input-BLyJp8UZ.cjs";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
 
 //#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) => react_jsx_runtime32.JSX.Element;
+}: Props) => react_jsx_runtime120.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-CoHHwUwI.mjs";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import { t as Input } from "../../input-BaQTUEQF.mjs";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#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) => react_jsx_runtime40.JSX.Element;
+}: Props) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { SearchInput };
 //# sourceMappingURL=search-input.d.mts.map

package/dist/ui/item.d.cts

@@ -1,6 +1,6 @@
 import { Separator } from "./separator.cjs";
-import * as react_jsx_runtime171 from "react/jsx-runtime";
-import * as class_variance_authority_types8 from "class-variance-authority/types";
+import * as react_jsx_runtime205 from "react/jsx-runtime";
+import * as class_variance_authority_types10 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'>): react_jsx_runtime171.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime205.JSX.Element;
 /** Horizontal separator rendered between items in an ItemGroup. */
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime171.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime205.JSX.Element;
 declare const itemVariants: (props?: ({
   variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types8.ClassProp) | undefined) => string;
+} & class_variance_authority_types10.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;
-}): react_jsx_runtime171.JSX.Element;
+}): react_jsx_runtime205.JSX.Element;
 declare const itemMediaVariants: (props?: ({
   variant?: "default" | "image" | "icon" | null | undefined;
-} & class_variance_authority_types8.ClassProp) | undefined) => string;
+} & class_variance_authority_types10.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>): react_jsx_runtime171.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime205.JSX.Element;
 /** Flex-1 column that holds the ItemTitle and ItemDescription. */
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime171.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime205.JSX.Element;
 /** Primary label text rendered in medium weight inside an ItemContent. */
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime171.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime205.JSX.Element;
 /** Secondary, muted body text clamped to two lines inside an ItemContent. */
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react_jsx_runtime171.JSX.Element;
+}: React.ComponentProps<'p'>): react_jsx_runtime205.JSX.Element;
 /** Right-aligned slot for buttons or other interactive controls within an Item. */
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime171.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime205.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'>): react_jsx_runtime171.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime205.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'>): react_jsx_runtime171.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime205.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.cts.map