@povio/ui 3.3.0-rc.4 → 3.4.0-rc.1

package/dist/components/inputs/DateTime/shared/TimePickerInput.js

@@ -16,8 +16,8 @@ import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/DateTime/shared/TimePickerInput.tsx
 var TimePickerInput = (t0) => {
-	const $ = c(69);
-	const { ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, className, onPress, onClear, fireBlurOnChange, ...props } = t0;
+	const $ = c(67);
+	const { ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, className, onPress, onClear, ...props } = t0;
 	const uiConfig = UIConfig.useConfig();
 	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
@@ -147,25 +147,22 @@ var TimePickerInput = (t0) => {
 		$[32] = t22;
 	} else t22 = $[32];
 	let t23;
-	if ($[33] !== canClear || $[34] !== fieldProps || $[35] !== fireBlurOnChange || $[36] !== isClearable || $[37] !== onClear || $[38] !== state) {
+	if ($[33] !== canClear || $[34] !== isClearable || $[35] !== onClear || $[36] !== state) {
 		t23 = isClearable && /* @__PURE__ */ jsx(InputClear, {
 			onClear: () => {
 				state.setValue(null);
 				onClear?.();
-				if (fireBlurOnChange) fieldProps.onBlur?.(null);
 			},
 			show: canClear
 		});
 		$[33] = canClear;
-		$[34] = fieldProps;
-		$[35] = fireBlurOnChange;
-		$[36] = isClearable;
-		$[37] = onClear;
-		$[38] = state;
-		$[39] = t23;
-	} else t23 = $[39];
+		$[34] = isClearable;
+		$[35] = onClear;
+		$[36] = state;
+		$[37] = t23;
+	} else t23 = $[37];
 	let t24;
-	if ($[40] !== disableDropdown || $[41] !== disableManualEntry || $[42] !== isDisabled || $[43] !== onPress || $[44] !== uiConfig) {
+	if ($[38] !== disableDropdown || $[39] !== disableManualEntry || $[40] !== isDisabled || $[41] !== onPress || $[42] !== uiConfig) {
 		t24 = (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(InlineIconButton, {
 			label: "",
 			color: "secondary",
@@ -175,26 +172,26 @@ var TimePickerInput = (t0) => {
 			className: "border-0!",
 			"data-static-press-action": ""
 		});
-		$[40] = disableDropdown;
-		$[41] = disableManualEntry;
-		$[42] = isDisabled;
-		$[43] = onPress;
-		$[44] = uiConfig;
-		$[45] = t24;
-	} else t24 = $[45];
+		$[38] = disableDropdown;
+		$[39] = disableManualEntry;
+		$[40] = isDisabled;
+		$[41] = onPress;
+		$[42] = uiConfig;
+		$[43] = t24;
+	} else t24 = $[43];
 	let t25;
-	if ($[46] !== t22 || $[47] !== t23 || $[48] !== t24) {
+	if ($[44] !== t22 || $[45] !== t23 || $[46] !== t24) {
 		t25 = /* @__PURE__ */ jsxs("div", {
 			className: t22,
 			children: [t23, t24]
 		});
-		$[46] = t22;
-		$[47] = t23;
-		$[48] = t24;
-		$[49] = t25;
-	} else t25 = $[49];
+		$[44] = t22;
+		$[45] = t23;
+		$[46] = t24;
+		$[47] = t25;
+	} else t25 = $[47];
 	let t26;
-	if ($[50] !== fieldProps || $[51] !== focusWithinProps || $[52] !== hoverProps || $[53] !== t10 || $[54] !== t11 || $[55] !== t12 || $[56] !== t13 || $[57] !== t14 || $[58] !== t15 || $[59] !== t16 || $[60] !== t21 || $[61] !== t25 || $[62] !== t4 || $[63] !== t5 || $[64] !== t6 || $[65] !== t7 || $[66] !== t8 || $[67] !== t9) {
+	if ($[48] !== fieldProps || $[49] !== focusWithinProps || $[50] !== hoverProps || $[51] !== t10 || $[52] !== t11 || $[53] !== t12 || $[54] !== t13 || $[55] !== t14 || $[56] !== t15 || $[57] !== t16 || $[58] !== t21 || $[59] !== t25 || $[60] !== t4 || $[61] !== t5 || $[62] !== t6 || $[63] !== t7 || $[64] !== t8 || $[65] !== t9) {
 		t26 = /* @__PURE__ */ jsxs("div", {
 			ref: t4,
 			className: t5,
@@ -216,26 +213,26 @@ var TimePickerInput = (t0) => {
 			...hoverProps,
 			children: [t21, t25]
 		});
-		$[50] = fieldProps;
-		$[51] = focusWithinProps;
-		$[52] = hoverProps;
-		$[53] = t10;
-		$[54] = t11;
-		$[55] = t12;
-		$[56] = t13;
-		$[57] = t14;
-		$[58] = t15;
-		$[59] = t16;
-		$[60] = t21;
-		$[61] = t25;
-		$[62] = t4;
-		$[63] = t5;
-		$[64] = t6;
-		$[65] = t7;
-		$[66] = t8;
-		$[67] = t9;
-		$[68] = t26;
-	} else t26 = $[68];
+		$[48] = fieldProps;
+		$[49] = focusWithinProps;
+		$[50] = hoverProps;
+		$[51] = t10;
+		$[52] = t11;
+		$[53] = t12;
+		$[54] = t13;
+		$[55] = t14;
+		$[56] = t15;
+		$[57] = t16;
+		$[58] = t21;
+		$[59] = t25;
+		$[60] = t4;
+		$[61] = t5;
+		$[62] = t6;
+		$[63] = t7;
+		$[64] = t8;
+		$[65] = t9;
+		$[66] = t26;
+	} else t26 = $[66];
 	return t26;
 };
 function _temp(segment) {

package/dist/components/inputs/File/FileUpload.d.ts

@@ -1,4 +1,4 @@
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../shared/form.binding';
 import { FileUploadProps } from './fileUpload.types';
 export type { DefaultFile, FileUploadBaseProps, FileUploadButtonProps, FileUploadError, FileUploadProps, FileUploadRequest, FileUploadResponse, FileUploadState, } from './fileUpload.types';
 export declare const FileUpload: <TFieldValues extends FieldValues = FieldValues>(props: FileUploadProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/File/FileUpload.js

@@ -1,6 +1,7 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import "../../../config/i18n.js";
+import { FieldController } from "../shared/form.binding.js";
 import { FormField } from "../FormField/FormField.js";
 import { FileUtils } from "../../../utils/file.utils.js";
 import { FileCardList } from "./shared/FileCardList.js";
@@ -14,11 +15,10 @@ import { useCallback, useState } from "react";
 import { DropZone } from "react-aria-components";
 import { mergeRefs, useLabels } from "@react-aria/utils";
 import { useTranslation } from "react-i18next";
-import { Controller } from "react-hook-form";
 //#region src/components/inputs/File/FileUpload.tsx
 var FileUploadBase = (props) => {
 	const { t } = useTranslation("ui");
-	const { ref: _ref, label, tooltipText, variant = "vertical", as = "button", helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, allowsMultiple = false, hideLabel, acceptedFileTypes, clearOnSuccess, emptyText = t(($) => $.ui.fileUpload.emptyText), uploadText = t(($_0) => $_0.ui.fileUpload.uploadText), browseText = t(($_1) => $_1.ui.fileUpload.browse), fileUpload, fileRemove, children, listRenderer, browseButtonProps, cancelButtonProps, onInvalidFileType, defaultState, ...rest } = props;
+	const { ref: _ref, label, tooltipText, variant = "vertical", as = "button", helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, allowsMultiple = false, hideLabel, acceptedFileTypes, clearOnSuccess, emptyText = t(($) => $.ui.fileUpload.emptyText), uploadText = t(($) => $.ui.fileUpload.uploadText), browseText = t(($) => $.ui.fileUpload.browse), fileUpload, fileRemove, children, listRenderer, browseButtonProps, cancelButtonProps, onInvalidFileType, defaultState, ...rest } = props;
 	const ui = UIConfig.useConfig();
 	const fileUploadDropZoneCva = UIOverrides.useCva("fileUpload.dropZoneCva", fileUploadDropZoneDefinition);
 	const getInitialState = () => {
@@ -192,32 +192,32 @@ var FileUploadBase = (props) => {
 };
 var FileUpload = (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(FileUploadBase, {
 					...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
 				});
 			};
@@ -228,14 +228,14 @@ var FileUpload = (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/File/InputUpload.d.ts

@@ -1,4 +1,4 @@
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../shared/form.binding';
 import { InputUploadProps } from './inputUpload.types';
 export type { InputUploadBaseProps, InputUploadProps } from './inputUpload.types';
 export declare const InputUpload: <TFieldValues extends FieldValues = FieldValues>(props: InputUploadProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/File/InputUpload.js

@@ -1,4 +1,5 @@
 import { UIConfig } from "../../../config/uiConfig.context.js";
+import { FieldController } from "../shared/form.binding.js";
 import { FormField } from "../FormField/FormField.js";
 import { FileUtils } from "../../../utils/file.utils.js";
 import { InputUploadContent } from "./shared/InputUploadContent.js";
@@ -8,239 +9,73 @@ import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useState } from "react";
 import { mergeRefs, useLabels } from "@react-aria/utils";
-import { Controller } from "react-hook-form";
 //#region src/components/inputs/File/InputUpload.tsx
-var InputUploadBase = (t0) => {
-	const $ = c(78);
-	let acceptedFileTypes;
-	let className;
-	let defaultValue;
-	let error;
-	let errorClassName;
-	let headerClassName;
-	let helperText;
-	let hideLabel;
-	let isDisabled;
-	let isHeaderHidden;
-	let isRequired;
-	let label;
-	let onChange;
-	let onInvalidFileType;
-	let rest;
-	let size;
-	let t1;
-	let tooltipText;
-	let value;
-	let variant;
-	if ($[0] !== t0) {
-		const { ref: _ref, label: t2, tooltipText: t3, variant: t4, helperText: t5, isRequired: t6, isDisabled: t7, headerClassName: t8, errorClassName: t9, isHeaderHidden: t10, error: t11, className: t12, onChange: t13, onInvalidFileType: t14, value: t15, defaultValue: t16, allowsMultiple: t17, hideLabel: t18, acceptedFileTypes: t19, size: t20, ...t21 } = t0;
-		label = t2;
-		tooltipText = t3;
-		variant = t4;
-		helperText = t5;
-		isRequired = t6;
-		isDisabled = t7;
-		headerClassName = t8;
-		errorClassName = t9;
-		isHeaderHidden = t10;
-		error = t11;
-		className = t12;
-		onChange = t13;
-		onInvalidFileType = t14;
-		value = t15;
-		defaultValue = t16;
-		t1 = t17;
-		hideLabel = t18;
-		acceptedFileTypes = t19;
-		size = t20;
-		rest = t21;
-		$[0] = t0;
-		$[1] = acceptedFileTypes;
-		$[2] = className;
-		$[3] = defaultValue;
-		$[4] = error;
-		$[5] = errorClassName;
-		$[6] = headerClassName;
-		$[7] = helperText;
-		$[8] = hideLabel;
-		$[9] = isDisabled;
-		$[10] = isHeaderHidden;
-		$[11] = isRequired;
-		$[12] = label;
-		$[13] = onChange;
-		$[14] = onInvalidFileType;
-		$[15] = rest;
-		$[16] = size;
-		$[17] = t1;
-		$[18] = tooltipText;
-		$[19] = value;
-		$[20] = variant;
-	} else {
-		acceptedFileTypes = $[1];
-		className = $[2];
-		defaultValue = $[3];
-		error = $[4];
-		errorClassName = $[5];
-		headerClassName = $[6];
-		helperText = $[7];
-		hideLabel = $[8];
-		isDisabled = $[9];
-		isHeaderHidden = $[10];
-		isRequired = $[11];
-		label = $[12];
-		onChange = $[13];
-		onInvalidFileType = $[14];
-		rest = $[15];
-		size = $[16];
-		t1 = $[17];
-		tooltipText = $[18];
-		value = $[19];
-		variant = $[20];
-	}
-	const allowsMultiple = t1 === void 0 ? false : t1;
+var InputUploadBase = ({ ref: _ref, label, tooltipText, variant, helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, onChange, onInvalidFileType, value, defaultValue, allowsMultiple = false, hideLabel, acceptedFileTypes, size, ...rest }) => {
 	const ui = UIConfig.useConfig();
-	let t2;
-	if ($[21] !== allowsMultiple || $[22] !== defaultValue || $[23] !== value) {
-		t2 = () => {
-			if (value !== void 0) {
-				if (allowsMultiple) return value || [];
-				return value ? [value] : [];
-			}
-			if (defaultValue !== void 0) {
-				if (allowsMultiple) return defaultValue || [];
-				return defaultValue ? [defaultValue] : [];
-			}
-			return [];
-		};
-		$[21] = allowsMultiple;
-		$[22] = defaultValue;
-		$[23] = value;
-		$[24] = t2;
-	} else t2 = $[24];
-	const [internalFiles, setInternalFiles] = useState(t2);
-	let t3;
-	if ($[25] !== allowsMultiple || $[26] !== internalFiles || $[27] !== value) {
-		t3 = value !== void 0 ? (() => {
+	const [internalFiles, setInternalFiles] = useState(() => {
+		if (value !== void 0) {
 			if (allowsMultiple) return value || [];
 			return value ? [value] : [];
-		})() : internalFiles;
-		$[25] = allowsMultiple;
-		$[26] = internalFiles;
-		$[27] = value;
-		$[28] = t3;
-	} else t3 = $[28];
-	const files = t3;
-	const t4 = hideLabel ?? ui.input.hideLabel;
-	let t5;
-	if ($[29] !== error || $[30] !== errorClassName || $[31] !== headerClassName || $[32] !== helperText || $[33] !== isDisabled || $[34] !== isHeaderHidden || $[35] !== isRequired || $[36] !== label || $[37] !== t4 || $[38] !== tooltipText) {
-		t5 = {
-			error,
-			label,
-			tooltipText,
-			helperText,
-			isRequired,
-			isHeaderHidden,
-			hideLabel: t4,
-			isDisabled,
-			headerClassName,
-			errorClassName
-		};
-		$[29] = error;
-		$[30] = errorClassName;
-		$[31] = headerClassName;
-		$[32] = helperText;
-		$[33] = isDisabled;
-		$[34] = isHeaderHidden;
-		$[35] = isRequired;
-		$[36] = label;
-		$[37] = t4;
-		$[38] = tooltipText;
-		$[39] = t5;
-	} else t5 = $[39];
-	const formFieldProps = t5;
-	let t6;
-	if ($[40] !== label) {
-		t6 = { "aria-label": label };
-		$[40] = label;
-		$[41] = t6;
-	} else t6 = $[41];
-	const labelProps = useLabels(t6);
-	let t7;
-	if ($[42] !== allowsMultiple || $[43] !== onChange || $[44] !== value) {
-		t7 = (newFiles) => {
-			if (value === void 0) setInternalFiles(newFiles);
-			if (allowsMultiple) onChange?.(newFiles);
-			else onChange?.(newFiles[0] || null);
-		};
-		$[42] = allowsMultiple;
-		$[43] = onChange;
-		$[44] = value;
-		$[45] = t7;
-	} else t7 = $[45];
-	const updateFiles = t7;
-	let t8;
-	if ($[46] !== acceptedFileTypes || $[47] !== allowsMultiple || $[48] !== files || $[49] !== onInvalidFileType || $[50] !== updateFiles) {
-		t8 = (inputFiles) => {
-			const acceptedFiles = inputFiles.filter((file) => FileUtils.isFileTypeAccepted(file, acceptedFileTypes));
-			const invalidFiles = inputFiles.filter((file_0) => !FileUtils.isFileTypeAccepted(file_0, acceptedFileTypes));
-			if (allowsMultiple) {
-				updateFiles([...files, ...acceptedFiles]);
-				if (invalidFiles.length > 0) onInvalidFileType?.(invalidFiles.map(_temp));
-			} else {
-				if (acceptedFiles.length > 0) updateFiles([acceptedFiles[0]]);
-				if (invalidFiles.length > 0) onInvalidFileType?.(invalidFiles[0].name);
-			}
-		};
-		$[46] = acceptedFileTypes;
-		$[47] = allowsMultiple;
-		$[48] = files;
-		$[49] = onInvalidFileType;
-		$[50] = updateFiles;
-		$[51] = t8;
-	} else t8 = $[51];
-	const handleFileSelect = t8;
-	let t9;
-	if ($[52] !== handleFileSelect) {
-		t9 = (inputFiles_0) => {
-			if (!inputFiles_0) return;
-			handleFileSelect(Array.from(inputFiles_0));
-		};
-		$[52] = handleFileSelect;
-		$[53] = t9;
-	} else t9 = $[53];
-	const handleSelect = t9;
-	let t10;
-	if ($[54] !== handleFileSelect) {
-		t10 = async (e) => {
-			if (!e.items) return;
-			const promises = [];
-			e.items.forEach((item) => {
-				if (item.kind === "file") promises.push(item.getFile());
-			});
-			handleFileSelect(await Promise.all(promises));
-		};
-		$[54] = handleFileSelect;
-		$[55] = t10;
-	} else t10 = $[55];
-	const handleDrop = t10;
-	let t11;
-	if ($[56] !== updateFiles) {
-		t11 = () => {
-			updateFiles([]);
-		};
-		$[56] = updateFiles;
-		$[57] = t11;
-	} else t11 = $[57];
-	const handleRemove = t11;
-	let t12;
-	if ($[58] !== className) {
-		t12 = clsx("group w-full", className);
-		$[58] = className;
-		$[59] = t12;
-	} else t12 = $[59];
-	let t13;
-	if ($[60] !== acceptedFileTypes || $[61] !== allowsMultiple || $[62] !== error || $[63] !== files || $[64] !== handleDrop || $[65] !== handleRemove || $[66] !== handleSelect || $[67] !== isDisabled || $[68] !== label || $[69] !== rest || $[70] !== size || $[71] !== variant) {
-		t13 = files.length > 0 ? /* @__PURE__ */ jsx(InputUploadFilled, {
+		}
+		if (defaultValue !== void 0) {
+			if (allowsMultiple) return defaultValue || [];
+			return defaultValue ? [defaultValue] : [];
+		}
+		return [];
+	});
+	const files = value !== void 0 ? (() => {
+		if (allowsMultiple) return value || [];
+		return value ? [value] : [];
+	})() : internalFiles;
+	const formFieldProps = {
+		error,
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		isHeaderHidden,
+		hideLabel: hideLabel ?? ui.input.hideLabel,
+		isDisabled,
+		headerClassName,
+		errorClassName
+	};
+	const labelProps = useLabels({ "aria-label": label });
+	const updateFiles = (newFiles) => {
+		if (value === void 0) setInternalFiles(newFiles);
+		if (allowsMultiple) onChange?.(newFiles);
+		else onChange?.(newFiles[0] || null);
+	};
+	const handleFileSelect = (inputFiles) => {
+		const acceptedFiles = inputFiles.filter((file) => FileUtils.isFileTypeAccepted(file, acceptedFileTypes));
+		const invalidFiles = inputFiles.filter((file_0) => !FileUtils.isFileTypeAccepted(file_0, acceptedFileTypes));
+		if (allowsMultiple) {
+			updateFiles([...files, ...acceptedFiles]);
+			if (invalidFiles.length > 0) onInvalidFileType?.(invalidFiles.map((file_1) => file_1.name));
+		} else {
+			if (acceptedFiles.length > 0) updateFiles([acceptedFiles[0]]);
+			if (invalidFiles.length > 0) onInvalidFileType?.(invalidFiles[0].name);
+		}
+	};
+	const handleSelect = (inputFiles_0) => {
+		if (!inputFiles_0) return;
+		handleFileSelect(Array.from(inputFiles_0));
+	};
+	const handleDrop = async (e) => {
+		if (!e.items) return;
+		const promises = [];
+		e.items.forEach((item) => {
+			if (item.kind === "file") promises.push(item.getFile());
+		});
+		handleFileSelect(await Promise.all(promises));
+	};
+	const handleRemove = () => {
+		updateFiles([]);
+	};
+	return /* @__PURE__ */ jsx(FormField, {
+		...formFieldProps,
+		labelProps,
+		className: clsx("group w-full", className),
+		children: files.length > 0 ? /* @__PURE__ */ jsx(InputUploadFilled, {
 			files,
 			onRemove: handleRemove,
 			isDisabled,
@@ -256,65 +91,37 @@ var InputUploadBase = (t0) => {
 			onSelect: handleSelect,
 			onDrop: handleDrop,
 			size
-		});
-		$[60] = acceptedFileTypes;
-		$[61] = allowsMultiple;
-		$[62] = error;
-		$[63] = files;
-		$[64] = handleDrop;
-		$[65] = handleRemove;
-		$[66] = handleSelect;
-		$[67] = isDisabled;
-		$[68] = label;
-		$[69] = rest;
-		$[70] = size;
-		$[71] = variant;
-		$[72] = t13;
-	} else t13 = $[72];
-	let t14;
-	if ($[73] !== formFieldProps || $[74] !== labelProps || $[75] !== t12 || $[76] !== t13) {
-		t14 = /* @__PURE__ */ jsx(FormField, {
-			...formFieldProps,
-			labelProps,
-			className: t12,
-			children: t13
-		});
-		$[73] = formFieldProps;
-		$[74] = labelProps;
-		$[75] = t12;
-		$[76] = t13;
-		$[77] = t14;
-	} else t14 = $[77];
-	return t14;
+		})
+	});
 };
 var InputUpload = (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(InputUploadBase, {
 					...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
 				});
 			};
@@ -325,14 +132,14 @@ var InputUpload = (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];
@@ -346,8 +153,5 @@ var InputUpload = (props) => {
 	} else t0 = $[14];
 	return t0;
 };
-function _temp(file_1) {
-	return file_1.name;
-}
 //#endregion
 export { InputUpload };

package/dist/components/inputs/File/fileUpload.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, Ref } from 'react';
 import { DropZoneProps, FileTriggerProps } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../shared/form.binding';
 import { ButtonProps } from '../../buttons/Button/Button';
 import { FormFieldProps } from '../FormField/FormField';
 import { ControlProps } from '../shared/form.types';

package/dist/components/inputs/File/inputUpload.types.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'react';
 import { DropZoneProps, FileTriggerProps } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../shared/form.binding';
 import { FormFieldProps } from '../FormField/FormField';
 import { ControlProps } from '../shared/form.types';
 import { InputUploadButtonProps } from './shared/inputUploadButton.cva';