@zayne-labs/ui-react 0.10.39 → 0.10.41

package/dist/esm/ui/drop-zone/index.d.ts

@@ -1,9 +1,9 @@
 import { InferProps, PolymorphicPropsStrict } from "@zayne-labs/toolkit-react/utils";
 import * as _zayne_labs_toolkit_type_helpers0 from "@zayne-labs/toolkit-type-helpers";
 import { Awaitable, SelectorFn } from "@zayne-labs/toolkit-type-helpers";
-import * as react16 from "react";
+import * as react30 from "react";
 import "@zayne-labs/toolkit-react";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import * as _zayne_labs_toolkit_core1 from "@zayne-labs/toolkit-core";
 import { FileMeta, FileOrFileMeta, FileValidationErrorContextEach, FileValidationHooksAsync, FileValidationSettingsAsync } from "@zayne-labs/toolkit-core";
 
@@ -223,7 +223,7 @@ interface UseDropZoneProps extends FileValidationSettingsAsync {
 declare const DropZoneStoreContextProvider: (props: {
     children: React.ReactNode;
     store: _zayne_labs_toolkit_core1.StoreApi<DropZoneStore>;
-  }) => react16.FunctionComponentElement<react16.ProviderProps<_zayne_labs_toolkit_core1.StoreApi<DropZoneStore>>>, useDropZoneStoreContext: <TResult = DropZoneStore>(selector?: _zayne_labs_toolkit_type_helpers0.SelectorFn<DropZoneStore, TResult> | undefined) => TResult;
+  }) => react30.FunctionComponentElement<react30.ProviderProps<_zayne_labs_toolkit_core1.StoreApi<DropZoneStore>>>, useDropZoneStoreContext: <TResult = DropZoneStore>(selector?: _zayne_labs_toolkit_type_helpers0.SelectorFn<DropZoneStore, TResult> | undefined) => TResult;
 type FileItemContextType = {
   fileState: FileState;
 };
@@ -232,29 +232,29 @@ type FileItemContextType = {
 type DropZoneRootProps = UseDropZoneProps & {
   children: React.ReactNode;
 };
-declare function DropZoneRoot(props: DropZoneRootProps): react_jsx_runtime18.JSX.Element;
+declare function DropZoneRoot(props: DropZoneRootProps): react_jsx_runtime19.JSX.Element;
 type DropZoneContextProps<TSlice> = {
   children: React.ReactNode | ((context: TSlice) => React.ReactNode);
   selector?: SelectorFn<DropZoneStore, TSlice>;
 };
-declare function DropZoneContext<TSlice = DropZoneStore>(props: DropZoneContextProps<TSlice>): react16.ReactNode;
+declare function DropZoneContext<TSlice = DropZoneStore>(props: DropZoneContextProps<TSlice>): react30.ReactNode;
 type DropZoneContainerProps = PartInputProps["container"] & {
   asChild?: boolean;
 };
-declare function DropZoneContainer<TElement extends React.ElementType = "div">(props: PolymorphicPropsStrict<TElement, DropZoneContainerProps>): react_jsx_runtime18.JSX.Element;
+declare function DropZoneContainer<TElement extends React.ElementType = "div">(props: PolymorphicPropsStrict<TElement, DropZoneContainerProps>): react_jsx_runtime19.JSX.Element;
 type DropZoneInputProps = PartInputProps["input"] & {
   asChild?: boolean;
 };
-declare function DropZoneInput(props: DropZoneInputProps): react_jsx_runtime18.JSX.Element;
+declare function DropZoneInput(props: DropZoneInputProps): react_jsx_runtime19.JSX.Element;
 type DropZoneAreaProps<TSlice> = DropZoneContextProps<TSlice> & PartInputProps["container"] & {
   classNames?: Partial<Record<Extract<keyof PartInputProps, "container" | "input">, string>>;
   extraProps?: Partial<Pick<PartInputProps, "container" | "input">>;
 };
-declare function DropZoneArea<TSlice = DropZoneStore>(props: DropZoneAreaProps<TSlice>): react_jsx_runtime18.JSX.Element;
+declare function DropZoneArea<TSlice = DropZoneStore>(props: DropZoneAreaProps<TSlice>): react_jsx_runtime19.JSX.Element;
 type DropZoneTriggerProps = PartInputProps["trigger"] & {
   asChild?: boolean;
 };
-declare function DropZoneTrigger(props: DropZoneTriggerProps): react_jsx_runtime18.JSX.Element;
+declare function DropZoneTrigger(props: DropZoneTriggerProps): react_jsx_runtime19.JSX.Element;
 type ListPerItemContext = Pick<DropZoneStore, "actions"> & {
   array: DropZoneStore["fileStateArray"];
   fileState: DropZoneStore["fileStateArray"][number];
@@ -273,21 +273,21 @@ type DropZoneFileListProps = Omit<PartInputProps["fileList"], "children"> & {
   asChild?: boolean;
   forceMount?: boolean;
 } & (FileListManualListVariant | FileListPerItemVariant);
-declare function DropZoneFileList<TElement extends React.ElementType = "ul">(props: PolymorphicPropsStrict<TElement, DropZoneFileListProps>): react_jsx_runtime18.JSX.Element;
+declare function DropZoneFileList<TElement extends React.ElementType = "ul">(props: PolymorphicPropsStrict<TElement, DropZoneFileListProps>): react_jsx_runtime19.JSX.Element;
 type DropZoneFileItemProps = FileItemContextType & PartInputProps["fileItem"] & {
   asChild?: boolean;
 };
-declare function DropZoneFileItem<TElement extends React.ElementType = "li">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProps>): react_jsx_runtime18.JSX.Element;
+declare function DropZoneFileItem<TElement extends React.ElementType = "li">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProps>): react_jsx_runtime19.JSX.Element;
 type DropZoneFileItemDeleteProps = PartInputProps["fileItemDelete"] & {
   asChild?: boolean;
 };
-declare function DropZoneFileItemDelete(props: DropZoneFileItemDeleteProps): react_jsx_runtime18.JSX.Element;
+declare function DropZoneFileItemDelete(props: DropZoneFileItemDeleteProps): react_jsx_runtime19.JSX.Element;
 type DropZoneFileItemProgressProps = PartInputProps["fileItemProgress"] & {
   asChild?: boolean;
   forceMount?: boolean;
   size?: number;
 };
-declare function DropZoneFileItemProgress<TElement extends React.ElementType = "span">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProgressProps>): react_jsx_runtime18.JSX.Element | null;
+declare function DropZoneFileItemProgress<TElement extends React.ElementType = "span">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProgressProps>): react_jsx_runtime19.JSX.Element | null;
 type RenderPreviewDetails<TElement extends React.ElementType = "svg"> = {
   node?: React.ReactNode;
 } & {
@@ -316,7 +316,7 @@ type DropZoneFileItemPreviewProps = Omit<PartInputProps["fileItemPreview"], "chi
   }) => React.ReactNode);
   renderPreview?: boolean | RenderPreview;
 };
-declare function DropZoneFileItemPreview<TElement extends React.ElementType>(props: PolymorphicPropsStrict<TElement, DropZoneFileItemPreviewProps>): react_jsx_runtime18.JSX.Element | null;
+declare function DropZoneFileItemPreview<TElement extends React.ElementType>(props: PolymorphicPropsStrict<TElement, DropZoneFileItemPreviewProps>): react_jsx_runtime19.JSX.Element | null;
 type DropZoneFileItemMetadataProps = Omit<PartInputProps["fileItemMetadata"], "children"> & Partial<Pick<FileItemContextType, "fileState">> & {
   asChild?: boolean;
   children?: React.ReactNode | ((context: Pick<FileItemContextType, "fileState">) => React.ReactNode);
@@ -326,12 +326,12 @@ type DropZoneFileItemMetadataProps = Omit<PartInputProps["fileItemMetadata"], "c
   };
   size?: "default" | "sm";
 };
-declare function DropZoneFileItemMetadata(props: DropZoneFileItemMetadataProps): react_jsx_runtime18.JSX.Element | null;
+declare function DropZoneFileItemMetadata(props: DropZoneFileItemMetadataProps): react_jsx_runtime19.JSX.Element | null;
 type DropZoneFileClearProps = PartInputProps["fileItemClear"] & {
   asChild?: boolean;
   forceMount?: boolean;
 };
-declare function DropZoneFileClear(props: DropZoneFileClearProps): react_jsx_runtime18.JSX.Element | null;
+declare function DropZoneFileClear(props: DropZoneFileClearProps): react_jsx_runtime19.JSX.Element | null;
 declare namespace drop_zone_parts_d_exports {
   export { DropZoneArea as Area, DropZoneContainer as Container, DropZoneContext as Context, DropZoneFileClear as FileClear, DropZoneFileItem as FileItem, DropZoneFileItemDelete as FileItemDelete, DropZoneFileItemMetadata as FileItemMetadata, DropZoneFileItemPreview as FileItemPreview, DropZoneFileItemProgress as FileItemProgress, DropZoneFileList as FileList, DropZoneInput as Input, DropZoneRoot as Root, DropZoneTrigger as Trigger };
 }

package/dist/esm/ui/drop-zone/index.js

@@ -1,9 +1,9 @@
 "use client";
 
 import { t as __export } from "../../chunk-BL-4obUL.js";
-import { n as SlotRoot } from "../../slot--lEkrAQf.js";
+import { n as SlotRoot } from "../../slot-CURylbjq.js";
 import { n as For } from "../../for-DsdwXl8s.js";
-import { t as Presence } from "../../presence-DNwNWipt.js";
+import { t as Presence } from "../../presence-5mRo32XH.js";
 import { t as cnMerge } from "../../cn-Ba8kxuby.js";
 import { composeRefs, composeTwoEventHandlers } from "@zayne-labs/toolkit-react/utils";
 import { isBoolean, isFile, isFunction, isNumber, isObject, isString } from "@zayne-labs/toolkit-type-helpers";

package/dist/esm/ui/form/index.d.ts

@@ -1,9 +1,9 @@
 import { DiscriminatedRenderItemProps, DiscriminatedRenderProps, InferProps, PolymorphicPropsStrict } from "@zayne-labs/toolkit-react/utils";
 import { UnionDiscriminator } from "@zayne-labs/toolkit-type-helpers";
-import * as react20 from "react";
+import * as react37 from "react";
 import "@zayne-labs/toolkit-react";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
-import { Control, ControllerFieldState, ControllerProps, ControllerRenderProps, FieldPath, FieldPathValue, FieldPathValues, RegisterOptions, UseFormReturn, UseFormStateReturn, useFormContext as useFormRootContext } from "react-hook-form";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+import { Control, ControllerProps, FieldPath, FormStateSubscribeProps, RegisterOptions, UseFormReturn, UseFormStateReturn, WatchProps, useFormContext as useFormRootContext } from "react-hook-form";
 
 //#region src/components/ui/form/form-context.d.ts
 
@@ -34,16 +34,16 @@ type FieldState = {
 //#endregion
 //#region src/components/ui/form/form.d.ts
 type FieldValues = Record<string, any>;
-type FormRootProps<TFieldValues extends FieldValues> = InferProps<"form"> & Partial<FormRootContext> & {
+type FormRootProps<TFieldValues extends FieldValues, TTransformedValues> = InferProps<"form"> & Partial<FormRootContext> & {
   children: React.ReactNode;
-  methods: UseFormReturn<TFieldValues>;
+  form: UseFormReturn<TFieldValues, unknown, TTransformedValues>;
 };
-declare function FormRoot<TValues$1 extends FieldValues>(props: FormRootProps<TValues$1>): react_jsx_runtime30.JSX.Element;
-type FormFieldProps<TControl, TFieldValues extends FieldValues> = (TControl extends (Control<infer TValues>) ? {
+declare function FormRoot<TFieldValues extends FieldValues, TTransformedValues = TFieldValues>(props: FormRootProps<TFieldValues, TTransformedValues>): react_jsx_runtime31.JSX.Element;
+type FormFieldProps<TControl, TFieldValues extends FieldValues, TTransformedValues> = (TControl extends (Control<infer TValues>) ? {
   control?: never;
   name: FieldPath<TValues>;
 } : {
-  control?: Control<TFieldValues>;
+  control?: Control<TFieldValues, unknown, TTransformedValues>;
   name: FieldPath<TFieldValues>;
 }) & ((InferProps<"div"> & {
   withWrapper?: true;
@@ -52,35 +52,29 @@ type FormFieldProps<TControl, TFieldValues extends FieldValues> = (TControl exte
   className?: never;
   withWrapper: false;
 });
-declare function FormField<TControl, TFieldValues extends FieldValues = FieldValues>(props: FormFieldProps<TControl, TFieldValues>): react_jsx_runtime30.JSX.Element;
-type FormFieldControllerRenderFn = (props: {
-  field: Omit<ControllerRenderProps, "value"> & {
-    value: never;
-  };
-  fieldState: ControllerFieldState;
-  formState: UseFormStateReturn<never>;
-}) => React.ReactElement;
-type FormFieldControllerProps = Omit<ControllerProps<FieldValues, FieldPath<FieldValues>>, "control" | "name" | "render"> & {
-  render: FormFieldControllerRenderFn;
-};
-declare function FormFieldController(props: FormFieldControllerProps): react_jsx_runtime30.JSX.Element;
-declare function FormFieldControlledField<TFieldValues extends FieldValues>(props: ControllerProps<TFieldValues>): react_jsx_runtime30.JSX.Element;
-declare function FormFieldContext(props: FormFieldContextProps): react20.ReactNode;
-declare function FormLabel(props: InferProps<"label">): react_jsx_runtime30.JSX.Element;
-declare function FormInputGroup(props: InferProps<"div">): react_jsx_runtime30.JSX.Element;
+declare function FormField<TControl, TFieldValues extends FieldValues, TTransformedValues>(props: FormFieldProps<TControl, TFieldValues, TTransformedValues>): react_jsx_runtime31.JSX.Element;
+type FormFieldControlledFieldProps<TControl, TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TTransformedValues = TFieldValues> = TControl extends Control<infer TValues> ? Omit<ControllerProps<TValues, FieldPath<TValues>, TTransformedValues>, "control"> & {
+  control?: never;
+} : ControllerProps<TFieldValues, TName, TTransformedValues>;
+declare function FormFieldWithController<TControl, TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TTransformedValues = TFieldValues>(props: FormFieldControlledFieldProps<TControl, TFieldValues, TName, TTransformedValues>): react_jsx_runtime31.JSX.Element;
+type FormFieldBoundControllerProps<TFieldValues extends FieldValues, TTransformedValues> = Omit<ControllerProps<TFieldValues, never, TTransformedValues>, "control" | "name">;
+declare function FormFieldBoundController<TFieldValues extends FieldValues = Record<string, never>, TTransformedValues = TFieldValues>(props: FormFieldBoundControllerProps<TFieldValues, TTransformedValues>): react_jsx_runtime31.JSX.Element;
+declare function FormFieldContext(props: FormFieldContextProps): react37.ReactNode;
+declare function FormLabel(props: InferProps<"label">): react_jsx_runtime31.JSX.Element;
+declare function FormInputGroup(props: InferProps<"div">): react_jsx_runtime31.JSX.Element;
 type FormSideItemProps = {
   children?: React.ReactNode;
   className?: string;
 };
-declare function FormInputLeftItem<TElement extends React.ElementType = "span">(props: PolymorphicPropsStrict<TElement, FormSideItemProps>): react_jsx_runtime30.JSX.Element;
+declare function FormInputLeftItem<TElement extends React.ElementType = "span">(props: PolymorphicPropsStrict<TElement, FormSideItemProps>): react_jsx_runtime31.JSX.Element;
 declare namespace FormInputLeftItem {
   var slotSymbol: symbol;
 }
-declare function FormInputRightItem<TElement extends React.ElementType = "span">(props: PolymorphicPropsStrict<TElement, FormSideItemProps>): react_jsx_runtime30.JSX.Element;
+declare function FormInputRightItem<TElement extends React.ElementType = "span">(props: PolymorphicPropsStrict<TElement, FormSideItemProps>): react_jsx_runtime31.JSX.Element;
 declare namespace FormInputRightItem {
   var slotSymbol: symbol;
 }
-type FormInputPrimitiveProps<TFieldValues extends FieldValues = FieldValues> = Omit<React.ComponentPropsWithRef<"input">, "children"> & {
+type FormInputPrimitiveProps<TFieldValues extends FieldValues> = Omit<React.ComponentPropsWithRef<"input">, "children"> & {
   classNames?: {
     error?: string;
     eyeIcon?: string;
@@ -92,7 +86,7 @@ type FormInputPrimitiveProps<TFieldValues extends FieldValues = FieldValues> = O
   name?: FieldPath<TFieldValues>;
   withEyeIcon?: FormRootContext["withEyeIcon"];
 };
-type FormTextAreaPrimitiveProps<TFieldValues extends FieldValues = FieldValues> = React.ComponentPropsWithRef<"textarea"> & {
+type FormTextAreaPrimitiveProps<TFieldValues extends FieldValues> = React.ComponentPropsWithRef<"textarea"> & {
   classNames?: {
     base?: string;
     error?: string;
@@ -101,7 +95,7 @@ type FormTextAreaPrimitiveProps<TFieldValues extends FieldValues = FieldValues>
   fieldState?: FieldState;
   name?: FieldPath<TFieldValues>;
 };
-type FormSelectPrimitiveProps<TFieldValues extends FieldValues = FieldValues> = React.ComponentPropsWithRef<"select"> & {
+type FormSelectPrimitiveProps<TFieldValues extends FieldValues> = React.ComponentPropsWithRef<"select"> & {
   classNames?: {
     base?: string;
     error?: string;
@@ -112,21 +106,21 @@ type FormSelectPrimitiveProps<TFieldValues extends FieldValues = FieldValues> =
 };
 declare function FormInputPrimitive<TFieldValues extends FieldValues>(props: FormInputPrimitiveProps<TFieldValues> & {
   rules?: RegisterOptions;
-}): react_jsx_runtime30.JSX.Element;
+}): react_jsx_runtime31.JSX.Element;
 declare function FormTextAreaPrimitive<TFieldValues extends FieldValues>(props: FormTextAreaPrimitiveProps<TFieldValues> & {
   rules?: RegisterOptions;
-}): react_jsx_runtime30.JSX.Element;
+}): react_jsx_runtime31.JSX.Element;
 declare function FormSelectPrimitive<TFieldValues extends FieldValues>(props: FormSelectPrimitiveProps<TFieldValues> & {
   rules?: RegisterOptions;
-}): react_jsx_runtime30.JSX.Element;
+}): react_jsx_runtime31.JSX.Element;
 type PrimitivePropsToOmit = "control" | "formState" | "name";
-type FormInputProps = Omit<FormInputPrimitiveProps, PrimitivePropsToOmit> & {
+type FormInputProps = Omit<FormInputPrimitiveProps<FieldValues>, PrimitivePropsToOmit> & {
   rules?: RegisterOptions;
 };
-type FormTextAreaProps = Omit<FormTextAreaPrimitiveProps, PrimitivePropsToOmit> & {
+type FormTextAreaProps = Omit<FormTextAreaPrimitiveProps<FieldValues>, PrimitivePropsToOmit> & {
   rules?: RegisterOptions;
 };
-type FormSelectProps = Omit<FormSelectPrimitiveProps, PrimitivePropsToOmit> & {
+type FormSelectProps = Omit<FormSelectPrimitiveProps<FieldValues>, PrimitivePropsToOmit> & {
   rules?: RegisterOptions;
 };
 type CombinedFormInputProps = (FormSelectProps & {
@@ -136,10 +130,10 @@ type CombinedFormInputProps = (FormSelectProps & {
 }) | FormInputProps;
 declare function FormInput(props: CombinedFormInputProps & {
   rules?: RegisterOptions;
-}): react_jsx_runtime30.JSX.Element;
-declare function FormTextArea(props: FormTextAreaProps): react_jsx_runtime30.JSX.Element;
-declare function FormSelect(props: FormSelectProps): react_jsx_runtime30.JSX.Element;
-declare function FormDescription(props: InferProps<"p">): react_jsx_runtime30.JSX.Element;
+}): react_jsx_runtime31.JSX.Element;
+declare function FormTextArea(props: FormTextAreaProps): react_jsx_runtime31.JSX.Element;
+declare function FormSelect(props: FormSelectProps): react_jsx_runtime31.JSX.Element;
+declare function FormDescription(props: InferProps<"p">): react_jsx_runtime31.JSX.Element;
 type ErrorMessageRenderProps = {
   className: string;
   "data-index": number;
@@ -183,45 +177,33 @@ type FormErrorMessagePrimitiveType = {
   }>): React.ReactNode;
 };
 declare const FormErrorMessagePrimitive: FormErrorMessagePrimitiveType;
-type FormErrorMessageProps<TControl, TFieldValues extends FieldValues> = (TControl extends Control<infer TValues> ? {
+type FormErrorMessageProps<TControl, TFieldValues extends FieldValues, TTransformedValues> = (TControl extends Control<infer TValues> ? {
   className?: string;
   control?: never;
   errorField?: FieldPath<TValues>;
   type?: "regular";
 } : {
   className?: string;
-  control?: Control<TFieldValues>;
+  control?: Control<TFieldValues, unknown, TTransformedValues>;
   errorField?: FieldPath<TFieldValues>;
   type?: "regular";
 }) | {
   className?: string;
-  control?: never;
   errorField: string;
   type: "root";
 };
-declare function FormErrorMessage<TControl, TFieldValues extends FieldValues = FieldValues>(props: FormErrorMessageProps<TControl, TFieldValues>): react_jsx_runtime30.JSX.Element;
+declare function FormErrorMessage<TControl, TFieldValues extends FieldValues = FieldValues, TTransformedValues = TFieldValues>(props: FormErrorMessageProps<TControl, TFieldValues, TTransformedValues>): react_jsx_runtime31.JSX.Element;
 type FormSubmitProps = InferProps<"button"> & {
   asChild?: boolean;
 };
-declare function FormSubmit<TElement extends React.ElementType = "button">(props: PolymorphicPropsStrict<TElement, FormSubmitProps>): react_jsx_runtime30.JSX.Element;
-type GetFieldValue<TFieldPathOrPaths, TFieldValues extends FieldValues> = TFieldPathOrPaths extends Array<FieldPath<TFieldValues>> ? FieldPathValues<TFieldValues, TFieldPathOrPaths> : TFieldPathOrPaths extends FieldPath<TFieldValues> ? FieldPathValue<TFieldValues, TFieldPathOrPaths> : unknown;
-type FormWatchRenderFn<TFieldValues extends FieldValues, TFieldPathOrPaths> = (props: {
-  value: GetFieldValue<TFieldPathOrPaths, TFieldValues>;
-}) => React.ReactNode;
-type FormWatchProps<TFieldValues extends FieldValues, TFieldPathOrPaths> = DiscriminatedRenderProps<FormWatchRenderFn<TFieldValues, TFieldPathOrPaths>> & {
-  control: Control<TFieldValues>;
-  name?: TFieldPathOrPaths;
-};
-declare function FormWatch<TFieldValues extends FieldValues, const TFieldPathOrPaths extends Array<FieldPath<TFieldValues>> | FieldPath<TFieldValues>>(props: FormWatchProps<TFieldValues, TFieldPathOrPaths>): react20.ReactNode;
-type FormWatchFormStateRenderFn<TFieldValues extends FieldValues> = (props: UseFormStateReturn<TFieldValues>) => React.ReactNode;
-type FormWatchFormStateProps<TFieldValues extends FieldValues> = DiscriminatedRenderProps<FormWatchFormStateRenderFn<TFieldValues>> & {
-  control?: Control<TFieldValues>;
-  name?: Array<FieldPath<TFieldValues>> | FieldPath<TFieldValues>;
-};
-declare function FormWatchFormState<TFieldValues extends FieldValues = FieldValues>(props: FormWatchFormStateProps<TFieldValues>): react20.ReactNode;
+declare function FormSubmit<TElement extends React.ElementType = "button">(props: PolymorphicPropsStrict<TElement, FormSubmitProps>): react_jsx_runtime31.JSX.Element;
+type FormWatchProps<TFieldValues extends FieldValues, TFieldName extends Array<FieldPath<TFieldValues>> | FieldPath<TFieldValues> | ReadonlyArray<FieldPath<TFieldValues>> | undefined, TTransformedValues, TComputeValue, TComputedProps extends Omit<WatchProps<TFieldName, TFieldValues, unknown, TTransformedValues, TComputeValue>, "names"> = Omit<WatchProps<TFieldName, TFieldValues, unknown, TTransformedValues, TComputeValue>, "names">> = DiscriminatedRenderProps<TComputedProps["render"]> & Omit<TComputedProps, "render">;
+declare function FormWatch<TFieldValues extends FieldValues = FieldValues, const TFieldName extends Array<FieldPath<TFieldValues>> | FieldPath<TFieldValues> | ReadonlyArray<FieldPath<TFieldValues>> | undefined = undefined, TTransformedValues = TFieldValues, TComputeValue = undefined>(props: FormWatchProps<TFieldValues, TFieldName, TTransformedValues, TComputeValue>): react37.ReactNode;
+type FormStateSubscribeProps$1<TFieldValues extends FieldValues, TTransformedValues, TComputedProps extends FormStateSubscribeProps<TFieldValues, TTransformedValues> = FormStateSubscribeProps<TFieldValues, TTransformedValues>> = DiscriminatedRenderProps<TComputedProps["render"]> & Omit<TComputedProps, "render">;
+declare function FormStateSubscribe<TFieldValues extends FieldValues, TTransformedValues = TFieldValues>(props: FormStateSubscribeProps$1<TFieldValues, TTransformedValues>): react37.ReactNode;
 declare namespace form_parts_d_exports {
-  export { FormFieldControlledField as ControlledField, FormDescription as Description, FormErrorMessage as ErrorMessage, FormErrorMessagePrimitive as ErrorMessagePrimitive, FormField as Field, FormFieldContext as FieldContext, FormFieldController as FieldController, FormInput as Input, FormInputGroup as InputGroup, FormInputLeftItem as InputLeftItem, FormInputPrimitive as InputPrimitive, FormInputRightItem as InputRightItem, FormLabel as Label, FormRoot as Root, FormSelect as Select, FormSubmit as Submit, FormTextArea as TextArea, FormTextAreaPrimitive as TextAreaPrimitive, FormWatch as Watch, FormWatchFormState as WatchFormState };
+  export { FormDescription as Description, FormErrorMessage as ErrorMessage, FormErrorMessagePrimitive as ErrorMessagePrimitive, FormField as Field, FormFieldBoundController as FieldBoundController, FormFieldContext as FieldContext, FormFieldWithController as FieldWithController, FormInput as Input, FormInputGroup as InputGroup, FormInputLeftItem as InputLeftItem, FormInputPrimitive as InputPrimitive, FormInputRightItem as InputRightItem, FormLabel as Label, FormRoot as Root, FormSelect as Select, FormStateSubscribe as StateSubscribe, FormSubmit as Submit, FormTextArea as TextArea, FormTextAreaPrimitive as TextAreaPrimitive, FormWatch as Watch };
 }
 //#endregion
-export { FieldValues, form_parts_d_exports as Form, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormErrorMessagePrimitiveProps, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputProps, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSelectProps, FormSubmit, FormTextArea, FormTextAreaPrimitive, FormTextAreaProps, FormWatch, FormWatchFormState, useStrictFormFieldContext as useFormFieldContext, useFormRootContext };
+export { FieldValues, form_parts_d_exports as Form, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormErrorMessagePrimitiveProps, FormField, FormFieldBoundController, FormFieldContext, FormFieldWithController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputProps, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSelectProps, FormStateSubscribe, FormSubmit, FormTextArea, FormTextAreaPrimitive, FormTextAreaProps, FormWatch, useStrictFormFieldContext as useFormFieldContext, useFormRootContext };
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/ui/form/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 import { t as __export } from "../../chunk-BL-4obUL.js";
-import { n as SlotRoot } from "../../slot--lEkrAQf.js";
+import { n as SlotRoot } from "../../slot-CURylbjq.js";
 import { r as ForWithWrapper } from "../../for-DsdwXl8s.js";
 import { t as cnMerge } from "../../cn-Ba8kxuby.js";
 import { composeRefs, composeTwoEventHandlers, getMultipleSlots } from "@zayne-labs/toolkit-react/utils";
@@ -113,10 +113,10 @@ const useLaxFormFieldState = (options) => {
 //#endregion
 //#region src/components/ui/form/form.tsx
 function FormRoot(props) {
-	const { children, className, methods, withEyeIcon, ...restOfProps } = props;
+	const { children, className, form, withEyeIcon, ...restOfProps } = props;
 	const formContextValue = useMemo(() => ({ withEyeIcon }), [withEyeIcon]);
 	return /* @__PURE__ */ jsx(FormProvider, {
-		...methods,
+		...form,
 		children: /* @__PURE__ */ jsx(LaxFormRootProvider, {
 			value: formContextValue,
 			children: /* @__PURE__ */ jsx("form", {
@@ -161,19 +161,9 @@ function FormField(props) {
 		})
 	});
 }
-function FormFieldController(props) {
-	const { control } = useFormMethodsContext();
-	const { name } = useStrictFormFieldContext();
-	const { render, ...restOfProps } = props;
-	return /* @__PURE__ */ jsx(Controller, {
-		name,
-		control,
-		render,
-		...restOfProps
-	});
-}
-function FormFieldControlledField(props) {
-	const { name } = props;
+function FormFieldWithController(props) {
+	const formMethods = useFormMethodsContext({ strict: false });
+	const { control = formMethods?.control, name, render, ...restOfProps } = props;
 	const uniqueId = useId();
 	const fieldContextValue = useMemo(() => ({
 		formDescriptionId: `${name}-(${uniqueId})-form-item-description`,
@@ -185,10 +175,26 @@ function FormFieldControlledField(props) {
 		value: fieldContextValue,
 		children: /* @__PURE__ */ jsx(LaxFormFieldProvider, {
 			value: fieldContextValue,
-			children: /* @__PURE__ */ jsx(Controller, { ...props })
+			children: /* @__PURE__ */ jsx(Controller, {
+				control,
+				name,
+				render,
+				...restOfProps
+			})
 		})
 	});
 }
+function FormFieldBoundController(props) {
+	const { control } = useFormMethodsContext();
+	const { name } = useStrictFormFieldContext();
+	const { render, ...restOfProps } = props;
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control,
+		render,
+		...restOfProps
+	});
+}
 function FormFieldContext(props) {
 	const { children, render } = props;
 	const fieldContextValues = useStrictFormFieldContext();
@@ -530,19 +536,24 @@ function FormSubmit(props) {
 }
 function FormWatch(props) {
 	const fieldContextValues = useLaxFormFieldContext();
-	const { children, name = fieldContextValues?.name, render } = props;
+	const { children, compute, disabled, exact, name = fieldContextValues?.name, render } = props;
 	const { control } = useFormMethodsContext();
 	const formValue = useWatch({
+		compute,
 		control,
+		disabled,
+		exact,
 		name
 	});
-	return (typeof children === "function" ? children : render)({ value: formValue });
+	return (typeof children === "function" ? children : render)(formValue);
 }
-function FormWatchFormState(props) {
+function FormStateSubscribe(props) {
 	const fieldContextValues = useLaxFormFieldContext();
-	const { children, control, name = fieldContextValues?.name, render } = props;
+	const { children, control, disabled, exact, name = fieldContextValues?.name, render } = props;
 	const formState = useFormState({
 		control,
+		disabled,
+		exact,
 		name
 	});
 	return (typeof children === "function" ? children : render)(formState);
@@ -551,13 +562,13 @@ function FormWatchFormState(props) {
 //#endregion
 //#region src/components/ui/form/form-parts.ts
 var form_parts_exports = /* @__PURE__ */ __export({
-	ControlledField: () => FormFieldControlledField,
 	Description: () => FormDescription,
 	ErrorMessage: () => FormErrorMessage,
 	ErrorMessagePrimitive: () => FormErrorMessagePrimitive,
 	Field: () => FormField,
+	FieldBoundController: () => FormFieldBoundController,
 	FieldContext: () => FormFieldContext,
-	FieldController: () => FormFieldController,
+	FieldWithController: () => FormFieldWithController,
 	Input: () => FormInput,
 	InputGroup: () => FormInputGroup,
 	InputLeftItem: () => FormInputLeftItem,
@@ -566,13 +577,13 @@ var form_parts_exports = /* @__PURE__ */ __export({
 	Label: () => FormLabel,
 	Root: () => FormRoot,
 	Select: () => FormSelect,
+	StateSubscribe: () => FormStateSubscribe,
 	Submit: () => FormSubmit,
 	TextArea: () => FormTextArea,
 	TextAreaPrimitive: () => FormTextAreaPrimitive,
-	Watch: () => FormWatch,
-	WatchFormState: () => FormWatchFormState
+	Watch: () => FormWatch
 });
 
 //#endregion
-export { form_parts_exports as Form, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldControlledField, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormSubmit, FormTextArea, FormTextAreaPrimitive, FormWatch, FormWatchFormState, useStrictFormFieldContext as useFormFieldContext, useFormRootContext };
+export { form_parts_exports as Form, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldBoundController, FormFieldContext, FormFieldWithController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSelect, FormSelectPrimitive, FormStateSubscribe, FormSubmit, FormTextArea, FormTextAreaPrimitive, FormWatch, useStrictFormFieldContext as useFormFieldContext, useFormRootContext };
 //# sourceMappingURL=index.js.map