@povio/ui 3.3.0 → 3.4.0-rc.1

package/dist/components/inputs/Toggle/Toggle.js

@@ -1,5 +1,6 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
+import { FieldController } from "../shared/form.binding.js";
 import { FormFieldError } from "../FormField/FormFieldError.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { toggleContentClassName, toggleDefinition, toggleTypography } from "./toggle.cva.js";
@@ -8,10 +9,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Switch } from "react-aria-components";
 import { mergeRefs } from "@react-aria/utils";
-import { Controller } from "react-hook-form";
 //#region src/components/inputs/Toggle/Toggle.tsx
 var ToggleBase = (props) => {
-	const $ = c(50);
+	const $ = c(48);
 	const ui = UIConfig.useConfig();
 	const toggleCva = UIOverrides.useCva("toggle.cva", toggleDefinition);
 	const toggleTypographyMap = UIOverrides.useMapper("toggle.typography", toggleTypography);
@@ -31,10 +31,9 @@ var ToggleBase = (props) => {
 	let t8;
 	let t9;
 	if ($[0] !== props || $[1] !== toggleContentClassNameMap || $[2] !== toggleCva || $[3] !== toggleTypographyMap || $[4] !== ui) {
-		const { className, children: t10, isDisabled, error, variant: variantProp, fireBlurOnChange: fireBlurOnChangeProp, onChange, onBlur, ...rest } = props;
+		const { className, children: t10, isDisabled, error, variant: variantProp, onChange, onBlur, ...rest } = props;
 		children = t10;
 		const variant = variantProp ?? ui.toggle.variant;
-		const fireBlurOnChange = fireBlurOnChangeProp ?? ui.toggle.fireBlurOnChange;
 		let t11;
 		if ($[19] !== error || $[20] !== isDisabled) {
 			t11 = {
@@ -47,16 +46,13 @@ var ToggleBase = (props) => {
 		} else t11 = $[21];
 		formFieldErrorProps = t11;
 		let t12;
-		if ($[22] !== fireBlurOnChange || $[23] !== onBlur || $[24] !== onChange) {
+		if ($[22] !== onChange) {
 			t12 = (isSelected) => {
 				onChange?.(isSelected);
-				if (fireBlurOnChange) onBlur?.({});
 			};
-			$[22] = fireBlurOnChange;
-			$[23] = onBlur;
-			$[24] = onChange;
-			$[25] = t12;
-		} else t12 = $[25];
+			$[22] = onChange;
+			$[23] = t12;
+		} else t12 = $[23];
 		const handleChange = t12;
 		T1 = Switch;
 		t2 = rest;
@@ -66,12 +62,12 @@ var ToggleBase = (props) => {
 		t6 = handleChange;
 		t7 = onBlur;
 		const t13 = !isDisabled && "cursor-pointer";
-		if ($[26] !== className || $[27] !== t13) {
+		if ($[24] !== className || $[25] !== t13) {
 			t8 = clsx("group flex items-center gap-2", t13, className);
-			$[26] = className;
-			$[27] = t13;
-			$[28] = t8;
-		} else t8 = $[28];
+			$[24] = className;
+			$[25] = t13;
+			$[26] = t8;
+		} else t8 = $[26];
 		t9 = /* @__PURE__ */ jsx("div", { className: toggleCva({
 			variant,
 			...rest
@@ -121,20 +117,20 @@ var ToggleBase = (props) => {
 		t9 = $[18];
 	}
 	let t10;
-	if ($[29] !== T0 || $[30] !== children || $[31] !== t0 || $[32] !== t1) {
+	if ($[27] !== T0 || $[28] !== children || $[29] !== t0 || $[30] !== t1) {
 		t10 = /* @__PURE__ */ jsx(T0, {
 			typography: t0,
 			contentClassName: t1,
 			children
 		});
-		$[29] = T0;
-		$[30] = children;
-		$[31] = t0;
-		$[32] = t1;
-		$[33] = t10;
-	} else t10 = $[33];
+		$[27] = T0;
+		$[28] = children;
+		$[29] = t0;
+		$[30] = t1;
+		$[31] = t10;
+	} else t10 = $[31];
 	let t11;
-	if ($[34] !== T1 || $[35] !== t10 || $[36] !== t2 || $[37] !== t3 || $[38] !== t4 || $[39] !== t5 || $[40] !== t6 || $[41] !== t7 || $[42] !== t8 || $[43] !== t9) {
+	if ($[32] !== T1 || $[33] !== t10 || $[34] !== t2 || $[35] !== t3 || $[36] !== t4 || $[37] !== t5 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8 || $[41] !== t9) {
 		t11 = /* @__PURE__ */ jsxs(T1, {
 			...t2,
 			"data-is-dirty": t3,
@@ -145,64 +141,64 @@ var ToggleBase = (props) => {
 			className: t8,
 			children: [t9, t10]
 		});
-		$[34] = T1;
-		$[35] = t10;
-		$[36] = t2;
-		$[37] = t3;
-		$[38] = t4;
-		$[39] = t5;
-		$[40] = t6;
-		$[41] = t7;
-		$[42] = t8;
-		$[43] = t9;
-		$[44] = t11;
-	} else t11 = $[44];
+		$[32] = T1;
+		$[33] = t10;
+		$[34] = t2;
+		$[35] = t3;
+		$[36] = t4;
+		$[37] = t5;
+		$[38] = t6;
+		$[39] = t7;
+		$[40] = t8;
+		$[41] = t9;
+		$[42] = t11;
+	} else t11 = $[42];
 	let t12;
-	if ($[45] !== formFieldErrorProps) {
+	if ($[43] !== formFieldErrorProps) {
 		t12 = /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps });
-		$[45] = formFieldErrorProps;
-		$[46] = t12;
-	} else t12 = $[46];
+		$[43] = formFieldErrorProps;
+		$[44] = t12;
+	} else t12 = $[44];
 	let t13;
-	if ($[47] !== t11 || $[48] !== t12) {
+	if ($[45] !== t11 || $[46] !== t12) {
 		t13 = /* @__PURE__ */ jsxs(Fragment, { children: [t11, t12] });
-		$[47] = t11;
-		$[48] = t12;
-		$[49] = t13;
-	} else t13 = $[49];
+		$[45] = t11;
+		$[46] = t12;
+		$[47] = t13;
+	} else t13 = $[47];
 	return t13;
 };
 var Toggle = (props) => {
 	const $ = c(15);
-	if ("formControl" in props && props.formControl) {
-		let formControl;
+	if ("field" in props && props.field) {
+		let field;
 		let innerProps;
 		let ref;
 		if ($[0] !== props) {
-			({formControl, ref, ...innerProps} = props);
+			({field, ref, ...innerProps} = props);
 			$[0] = props;
-			$[1] = formControl;
+			$[1] = field;
 			$[2] = innerProps;
 			$[3] = ref;
 		} else {
-			formControl = $[1];
+			field = $[1];
 			innerProps = $[2];
 			ref = $[3];
 		}
 		let t0;
 		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
 			t0 = (t1) => {
-				const { field, fieldState: t2 } = t1;
+				const { field: field_0, fieldState: t2 } = t1;
 				const { error, isDirty } = t2;
 				return /* @__PURE__ */ jsx(ToggleBase, {
 					...innerProps,
-					ref: mergeRefs(ref, field.ref),
-					isSelected: field.value,
-					onChange: field.onChange,
-					onBlur: field.onBlur,
-					name: field.name,
+					ref: mergeRefs(ref, field_0.ref),
+					isSelected: field_0.value,
+					onChange: field_0.onChange,
+					onBlur: field_0.onBlur,
+					name: field_0.name,
 					isDirty,
-					isDisabled: field.disabled || props.isDisabled,
+					isDisabled: field_0.disabled || props.isDisabled,
 					error: props.error ?? error?.message
 				});
 			};
@@ -213,14 +209,14 @@ var Toggle = (props) => {
 			$[8] = t0;
 		} else t0 = $[8];
 		let t1;
-		if ($[9] !== formControl.control || $[10] !== formControl.name || $[11] !== t0) {
-			t1 = /* @__PURE__ */ jsx(Controller, {
-				control: formControl.control,
-				name: formControl.name,
+		if ($[9] !== field.form || $[10] !== field.name || $[11] !== t0) {
+			t1 = /* @__PURE__ */ jsx(FieldController, {
+				control: field.form,
+				name: field.name,
 				render: t0
 			});
-			$[9] = formControl.control;
-			$[10] = formControl.name;
+			$[9] = field.form;
+			$[10] = field.name;
 			$[11] = t0;
 			$[12] = t1;
 		} else t1 = $[12];

package/dist/components/inputs/shared/form.binding.d.ts

@@ -0,0 +1,27 @@
+import { DeepKeys, DeepValue, UIForm } from '../../../hooks/useForm';
+export type FieldValues = Record<string, any>;
+export type FieldPath<TFieldValues extends FieldValues> = DeepKeys<TFieldValues>;
+export type FieldPathValue<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = DeepValue<TFieldValues, TName>;
+export type FormInstance<TFieldValues extends FieldValues> = UIForm<TFieldValues>;
+interface FieldControllerProps<TFieldValues extends FieldValues> {
+    control: UIForm<TFieldValues>;
+    name: DeepKeys<TFieldValues>;
+    render: (props: {
+        field: {
+            disabled: boolean;
+            name: string;
+            onBlur: () => void;
+            onChange: (value: any) => void;
+            ref: () => void;
+            value: any;
+        };
+        fieldState: {
+            error?: {
+                message: string;
+            };
+            isDirty: boolean;
+        };
+    }) => React.ReactNode;
+}
+export declare function FieldController<TFieldValues extends FieldValues>({ control: form, name, render, }: FieldControllerProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/inputs/shared/form.binding.js

@@ -0,0 +1,57 @@
+import { getFieldError } from "./form.types.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/shared/form.binding.tsx
+function FieldController(t0) {
+	const $ = c(12);
+	const { control: form, name, render } = t0;
+	const T0 = form.Field;
+	let t1;
+	if ($[0] !== form || $[1] !== name) {
+		t1 = form.getFieldValidators(name);
+		$[0] = form;
+		$[1] = name;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== form || $[4] !== name || $[5] !== render) {
+		t2 = (field) => render({
+			field: {
+				disabled: form.disabled,
+				name: field.name,
+				onBlur: () => {
+					field.handleBlur();
+					form.notifyBlur(name);
+				},
+				onChange: field.handleChange,
+				ref: _temp,
+				value: field.state.value
+			},
+			fieldState: {
+				error: getFieldError(field.state.meta.errors) ? { message: getFieldError(field.state.meta.errors) } : void 0,
+				isDirty: field.state.meta.isDirty
+			}
+		});
+		$[3] = form;
+		$[4] = name;
+		$[5] = render;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== form.Field || $[8] !== name || $[9] !== t1 || $[10] !== t2) {
+		t3 = /* @__PURE__ */ jsx(T0, {
+			name,
+			validators: t1,
+			children: t2
+		});
+		$[7] = form.Field;
+		$[8] = name;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
+}
+function _temp() {}
+//#endregion
+export { FieldController };

package/dist/components/inputs/shared/form.types.d.ts

@@ -1,12 +1,13 @@
-import { Control, FieldPath, FieldPathValue, FieldValues } from 'react-hook-form';
+import { DeepKeys, DeepValue, UIForm } from '../../../hooks/useForm';
 export type ControlKeys<TProps, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = TValueProp | "onChange" | "onBlur";
-export interface FormControl<TFieldValues extends FieldValues, TType> {
-    control: Control<TFieldValues>;
+export interface FormControl<TFieldValues extends Record<string, unknown>, TType> {
+    form: UIForm<TFieldValues>;
     name: {
-        [K in FieldPath<TFieldValues>]: FieldPathValue<TFieldValues, K> extends TType ? K : never;
-    }[FieldPath<TFieldValues>];
+        [K in DeepKeys<TFieldValues>]: DeepValue<TFieldValues, K> extends TType ? K : never;
+    }[DeepKeys<TFieldValues>];
 }
-export type FormControlProps<TProps, TFieldValues extends FieldValues, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = {
-    formControl: FormControl<TFieldValues, TProps[TValueProp] | null>;
+export type FormControlProps<TProps, TFieldValues extends Record<string, unknown>, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = {
+    field: FormControl<TFieldValues, TProps[TValueProp] | null>;
 } & Omit<TProps, ControlKeys<TProps, TValueProp>> & Partial<Record<ControlKeys<TProps, TValueProp>, never>>;
-export type ControlProps<TProps, TFieldValues extends FieldValues, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = FormControlProps<TProps, TFieldValues, TValueProp> | TProps;
+export type ControlProps<TProps, TFieldValues extends Record<string, unknown>, TValueProp extends keyof TProps = "value" extends keyof TProps ? "value" : never> = FormControlProps<TProps, TFieldValues, TValueProp> | TProps;
+export declare const getFieldError: (errors: unknown[]) => string | undefined;

package/dist/components/inputs/shared/form.types.js

@@ -0,0 +1,8 @@
+//#region src/components/inputs/shared/form.types.ts
+var getFieldError = (errors) => errors.flatMap((error) => {
+	if (typeof error === "string") return [error];
+	if (error && typeof error === "object" && "message" in error) return [String(error.message)];
+	return [];
+}).at(0);
+//#endregion
+export { getFieldError };

package/dist/components/segment/Segment.d.ts

@@ -1,4 +1,4 @@
 import { Key } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../inputs/shared/form.binding';
 import { ControlledSegmentProps } from './segment.types';
 export declare const Segment: <TFieldValues extends FieldValues, TKey extends Key = Key>(props: ControlledSegmentProps<TFieldValues, TKey>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/segment/Segment.js

@@ -1,4 +1,5 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
+import { FieldController } from "../inputs/shared/form.binding.js";
 import { FormField } from "../inputs/FormField/FormField.js";
 import { segmentDefinition } from "./segment.cva.js";
 import { SegmentItem } from "./SegmentItem.js";
@@ -9,7 +10,6 @@ import { Fragment as Fragment$1, useRef } from "react";
 import { ToggleButtonGroup } from "react-aria-components";
 import { useToggleButtonGroup } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
-import { Controller } from "react-hook-form";
 import { useToggleGroupState } from "react-stately";
 //#region src/components/segment/Segment.tsx
 var SegmentBase = (t0) => {
@@ -181,32 +181,32 @@ var SegmentBase = (t0) => {
 };
 var Segment = (props) => {
 	const $ = c(15);
-	if ("formControl" in props && props.formControl) {
-		let formControl;
+	if ("field" in props && props.field) {
+		let field;
 		let innerProps;
 		let ref;
 		if ($[0] !== props) {
-			({formControl, ref, ...innerProps} = props);
+			({field, ref, ...innerProps} = props);
 			$[0] = props;
-			$[1] = formControl;
+			$[1] = field;
 			$[2] = innerProps;
 			$[3] = ref;
 		} else {
-			formControl = $[1];
+			field = $[1];
 			innerProps = $[2];
 			ref = $[3];
 		}
 		let t0;
 		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
 			t0 = (t1) => {
-				const { field, fieldState: t2 } = t1;
+				const { field: field_0, fieldState: t2 } = t1;
 				const { error } = t2;
 				return /* @__PURE__ */ jsx(SegmentBase, {
 					...innerProps,
-					ref: mergeRefs(ref, field.ref),
-					value: field.value,
-					onChange: field.onChange,
-					isDisabled: field.disabled || props.isDisabled,
+					ref: mergeRefs(ref, field_0.ref),
+					value: field_0.value,
+					onChange: field_0.onChange,
+					isDisabled: field_0.disabled || props.isDisabled,
 					error: props.error ?? error?.message
 				});
 			};
@@ -217,14 +217,14 @@ var Segment = (props) => {
 			$[8] = t0;
 		} else t0 = $[8];
 		let t1;
-		if ($[9] !== formControl.control || $[10] !== formControl.name || $[11] !== t0) {
-			t1 = /* @__PURE__ */ jsx(Controller, {
-				control: formControl.control,
-				name: formControl.name,
+		if ($[9] !== field.form || $[10] !== field.name || $[11] !== t0) {
+			t1 = /* @__PURE__ */ jsx(FieldController, {
+				control: field.form,
+				name: field.name,
 				render: t0
 			});
-			$[9] = formControl.control;
-			$[10] = formControl.name;
+			$[9] = field.form;
+			$[10] = field.name;
 			$[11] = t0;
 			$[12] = t1;
 		} else t1 = $[12];

package/dist/components/segment/segment.types.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactElement, Ref, SVGProps } from 'react';
 import { Key, ToggleButtonGroupProps, ToggleButtonProps } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../inputs/shared/form.binding';
 import { ControlProps } from '../inputs/shared/form.types';
 import { SegmentItemVariantProps, SegmentVariantProps } from './segment.cva';
 export interface SegmentItem<TKey extends Key = Key> extends ToggleButtonProps, SegmentItemVariantProps {

package/dist/config/uiConfig.context.d.ts

@@ -26,9 +26,9 @@ export declare namespace UIConfig {
         };
         button: Pick<ButtonProps, "variant" | "size">;
         numberInput: Pick<NumberInputProps, "formatOptions">;
-        radioGroup: Pick<RadioGroupProps, "variant" | "hideLabel" | "fireBlurOnChange">;
-        checkbox: Pick<CheckboxProps, "variant" | "fireBlurOnChange">;
-        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "collapseAfter" | "selectedTagsType" | "hideSearchIcon" | "fireBlurOnChange" | "multiSelectAutoConfirm">;
+        radioGroup: Pick<RadioGroupProps, "variant" | "hideLabel">;
+        checkbox: Pick<CheckboxProps, "variant">;
+        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "collapseAfter" | "selectedTagsType" | "hideSearchIcon" | "multiSelectAutoConfirm">;
         queryAutocomplete: {
             isInitialQueryDisabled?: boolean;
             resolveSelectedItemsWithIds?: boolean;
@@ -39,9 +39,9 @@ export declare namespace UIConfig {
             resolveSelectedItemsWithIds?: boolean;
             searchDebounceDelay?: number;
         };
-        toggle: Pick<ToggleProps, "variant" | "fireBlurOnChange">;
+        toggle: Pick<ToggleProps, "variant">;
         slider: Pick<SliderProps, "minValue" | "maxValue">;
-        dateInput: Pick<DatePickerProps, "todayIcon" | "todayIconButtonSize" | "todayIconPlacement" | "shouldForceLeadingZeros" | "disableManualEntry" | "shouldUpdateDateOnMonthYearChange" | "granularity" | "autoFixYear" | "fireBlurOnChange"> & {
+        dateInput: Pick<DatePickerProps, "todayIcon" | "todayIconButtonSize" | "todayIconPlacement" | "shouldForceLeadingZeros" | "disableManualEntry" | "shouldUpdateDateOnMonthYearChange" | "granularity" | "autoFixYear"> & {
             calendarIcon?: ReactElement;
             dateTimeIcon?: ReactElement;
             timeIcon?: ReactElement;

package/dist/config/uiConfig.context.js

@@ -28,20 +28,15 @@ var UIConfig;
 		} },
 		radioGroup: {
 			variant: "default",
-			hideLabel: false,
-			fireBlurOnChange: false
-		},
-		checkbox: {
-			variant: "default",
-			fireBlurOnChange: false
+			hideLabel: false
 		},
+		checkbox: { variant: "default" },
 		select: {
 			selectionMode: "single",
 			isSearchable: false,
 			selectedTagsType: "list",
 			collapseAfter: 3,
 			hideSearchIcon: false,
-			fireBlurOnChange: false,
 			multiSelectAutoConfirm: false
 		},
 		queryAutocomplete: {
@@ -54,10 +49,7 @@ var UIConfig;
 			resolveSelectedItemsWithIds: false,
 			searchDebounceDelay: 500
 		},
-		toggle: {
-			variant: "default",
-			fireBlurOnChange: false
-		},
+		toggle: { variant: "default" },
 		slider: {
 			minValue: 0,
 			maxValue: 100
@@ -70,7 +62,6 @@ var UIConfig;
 			shouldForceLeadingZeros: false,
 			disableManualEntry: false,
 			autoFixYear: false,
-			fireBlurOnChange: false,
 			calendarIcon: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-5" }),
 			dateTimeIcon: /* @__PURE__ */ jsx(DateTimeIcon, { className: "size-5" }),
 			timeIcon: /* @__PURE__ */ jsx(ClockIcon, { className: "size-6 text-interactive-text-secondary-idle" }),

package/dist/helpers/dynamicColumns.d.ts

@@ -1,6 +1,6 @@
 import { CellContext, ColumnDef, ColumnMeta } from '@tanstack/react-table';
 import { ReactNode } from 'react';
-import { FieldPath } from 'react-hook-form';
+import { FieldPath } from '../components/inputs/shared/form.binding';
 import { z } from 'zod';
 type NestedTypeFromKey<T, K extends string> = K extends keyof T ? T[K] : K extends `${infer First}.${infer Rest}` ? First extends keyof T ? NestedTypeFromKey<T[First], Rest> : never : never;
 type SchemaType<TSchema extends z.ZodObject<any>> = z.infer<TSchema>;

package/dist/helpers/dynamicInputs.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { Control, UseFormReturn } from 'react-hook-form';
+import { FormInstance } from '../components/inputs/shared/form.binding';
 import { z } from 'zod';
 import { InputComponentProps, InputComponentType, InputDef, InputDefBaseProps, InputWrapperType } from '../components/inputs/Inputs/InputItem';
 import { ZodUtils } from '../utils/zod.utils';
@@ -47,17 +47,17 @@ type UnknownInputDef<TSchema extends z.ZodObject<any>, K extends keyof z.infer<T
     } & DynamicInputDefBase<InputDefBaseProps<InputComponentProps<T>>>;
 }[DefaultComponentType<TSchema["shape"][K]>];
 type RenderInputDef<TSchema extends z.ZodObject<any>, K extends keyof z.infer<TSchema>> = {
-    render: (formControl: {
-        control: Control<z.infer<TSchema>>;
+    render: (field: {
+        form: FormInstance<z.infer<TSchema>>;
         name: K;
-    }, form: UseFormReturn<z.infer<TSchema>>) => ReactElement;
+    }, form: FormInstance<z.infer<TSchema>>) => ReactElement;
 } & DynamicInputDefBase<Record<string, never>>;
 type DynamicInputDef<TSchema extends z.ZodObject<any>, K extends keyof z.infer<TSchema>> = ConfigInputDef<TSchema, K> | UnknownInputDef<TSchema, K> | RenderInputDef<TSchema, K>;
 type InputsConfig<TSchema extends z.ZodObject<any>> = {
-    [K in keyof z.infer<TSchema>]?: DynamicInputDef<TSchema, K> | ((formControl: {
-        control: Control<z.infer<TSchema>>;
+    [K in keyof z.infer<TSchema>]?: DynamicInputDef<TSchema, K> | ((field: {
+        form: FormInstance<z.infer<TSchema>>;
         name: K;
-    }, form: UseFormReturn<z.infer<TSchema>>) => ReactElement) | boolean;
+    }, form: FormInstance<z.infer<TSchema>>) => ReactElement) | boolean;
 };
 type GlobalProps = {
     [T in Exclude<InputComponentType, "unknown">]: InputDefBaseProps<InputComponentProps<T>>;

package/dist/hooks/useAutosave.d.ts

@@ -1,10 +1,10 @@
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-export interface UseAutosaveProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown> {
-    form: UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+import { UIForm } from './useForm';
+export interface UseAutosaveProps<TFieldValues extends Record<string, unknown>, TTransformedValues = TFieldValues, TResponse = unknown> {
+    form: UIForm<TFieldValues>;
     delay?: number;
     enabled?: boolean;
     trigger?: "change" | "blur";
     onSave: (data: Partial<TTransformedValues>) => Promise<TResponse>;
     onSaveSuccess?: () => void;
 }
-export declare function useAutosave<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown>({ form, delay, enabled, trigger, onSave, onSaveSuccess, }: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): void;
+export declare function useAutosave<TFieldValues extends Record<string, unknown>, TTransformedValues = TFieldValues, TResponse = unknown>({ form, delay, enabled, trigger, onSave, onSaveSuccess, }: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>): void;