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

package/dist/components/inputs/File/shared/FileUploadContentLoading.js

@@ -6,216 +6,64 @@ import "../../../../config/i18n.js";
 import { FileUtils } from "../../../../utils/file.utils.js";
 import { FileIcon } from "../../../../assets/icons/File.js";
 import { ProgressBar } from "./ProgressBar.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/FileUploadContentLoading.tsx
-var FileUploadContentLoading = (t0) => {
-	const $ = c(70);
-	const { index, variant, as, state, isDisabled, singleFile, onCancel, cancelButtonProps } = t0;
+var FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singleFile, onCancel, cancelButtonProps }) => {
 	const { t } = useTranslation("ui");
-	let t1;
-	if ($[0] !== cancelButtonProps) {
-		t1 = cancelButtonProps ?? {};
-		$[0] = cancelButtonProps;
-		$[1] = t1;
-	} else t1 = $[1];
-	let cancelButtonRestProps;
-	let t2;
-	let t3;
-	let t4;
-	let t5;
-	if ($[2] !== t1) {
-		({color: t2, size: t3, variant: t4, width: t5, ...cancelButtonRestProps} = t1);
-		$[2] = t1;
-		$[3] = cancelButtonRestProps;
-		$[4] = t2;
-		$[5] = t3;
-		$[6] = t4;
-		$[7] = t5;
-	} else {
-		cancelButtonRestProps = $[3];
-		t2 = $[4];
-		t3 = $[5];
-		t4 = $[6];
-		t5 = $[7];
-	}
-	const cancelButtonColor = t2 === void 0 ? "secondary" : t2;
-	const cancelButtonSize = t3 === void 0 ? "xs" : t3;
-	const cancelButtonVariant = t4 === void 0 ? "outlined" : t4;
-	const cancelButtonWidth = t5 === void 0 ? "hug" : t5;
-	const t6 = variant === "vertical";
-	const t7 = variant === "horizontal";
-	const t8 = as === "button";
-	let t9;
-	if ($[8] !== t6 || $[9] !== t7 || $[10] !== t8) {
-		t9 = clsx("flex w-full flex-col items-center", {
-			"flex-col": t6,
-			"flex-row": t7,
-			"gap-file-upload-content-gap-content-to-button": t8
-		});
-		$[8] = t6;
-		$[9] = t7;
-		$[10] = t8;
-		$[11] = t9;
-	} else t9 = $[11];
-	const t10 = variant === "vertical";
-	const t11 = variant === "horizontal";
-	let t12;
-	if ($[12] !== isDisabled || $[13] !== t10 || $[14] !== t11) {
-		t12 = clsx("flex w-full items-center justify-between", {
-			"flex-col gap-file-upload-content-gap-text-to-progress": t10,
-			"flex-row gap-file-upload-content-gap-left-to-right-content": t11,
-			"opacity-50": isDisabled
-		});
-		$[12] = isDisabled;
-		$[13] = t10;
-		$[14] = t11;
-		$[15] = t12;
-	} else t12 = $[15];
-	const t13 = variant === "vertical";
-	const t14 = variant === "horizontal";
-	let t15;
-	if ($[16] !== t13 || $[17] !== t14) {
-		t15 = clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
-			"w-full flex-col": t13,
-			"w-1/2": t14
-		});
-		$[16] = t13;
-		$[17] = t14;
-		$[18] = t15;
-	} else t15 = $[18];
-	let t16;
-	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsx(FileIcon, { className: "h-6 w-6 text-text-default-1" });
-		$[19] = t16;
-	} else t16 = $[19];
-	const t17 = variant === "vertical";
-	const t18 = variant === "horizontal";
-	let t19;
-	if ($[20] !== t17 || $[21] !== t18) {
-		t19 = clsx("flex flex-col", {
-			"max-w-full gap-file-upload-content-gap-icon-to-content text-center": t17,
-			"max-w-[calc(100%-32px)] gap-file-upload-content-gap-text-to-text": t18
-		});
-		$[20] = t17;
-		$[21] = t18;
-		$[22] = t19;
-	} else t19 = $[22];
-	const t20 = state.file?.name ?? state.displayName ?? "";
-	let t21;
-	if ($[23] !== t20) {
-		t21 = /* @__PURE__ */ jsx(Typography, {
-			variant: "prominent-1",
-			size: "label-1",
-			as: "span",
-			className: "self-stretch truncate text-center text-text-default-1",
-			children: t20
-		});
-		$[23] = t20;
-		$[24] = t21;
-	} else t21 = $[24];
-	const t22 = singleFile ? "label-2" : "label-3";
-	let t23;
-	if ($[25] !== state) {
-		t23 = FileUtils.getFileDisplaySize(state);
-		$[25] = state;
-		$[26] = t23;
-	} else t23 = $[26];
-	let t24;
-	if ($[27] !== t22 || $[28] !== t23) {
-		t24 = /* @__PURE__ */ jsx(Typography, {
-			variant: "default",
-			size: t22,
-			as: "span",
-			className: "text-text-default-2",
-			children: t23
-		});
-		$[27] = t22;
-		$[28] = t23;
-		$[29] = t24;
-	} else t24 = $[29];
-	let t25;
-	if ($[30] !== t19 || $[31] !== t21 || $[32] !== t24) {
-		t25 = /* @__PURE__ */ jsxs("div", {
-			className: t19,
-			children: [t21, t24]
-		});
-		$[30] = t19;
-		$[31] = t21;
-		$[32] = t24;
-		$[33] = t25;
-	} else t25 = $[33];
-	let t26;
-	if ($[34] !== t15 || $[35] !== t25) {
-		t26 = /* @__PURE__ */ jsxs("div", {
-			className: t15,
-			children: [t16, t25]
-		});
-		$[34] = t15;
-		$[35] = t25;
-		$[36] = t26;
-	} else t26 = $[36];
-	const t27 = variant === "horizontal";
-	const t28 = variant === "vertical";
-	let t29;
-	if ($[37] !== t27 || $[38] !== t28) {
-		t29 = clsx("flex items-center gap-1", {
-			"w-1/2": t27,
-			"w-full": t28
-		});
-		$[37] = t27;
-		$[38] = t28;
-		$[39] = t29;
-	} else t29 = $[39];
-	let t30;
-	if ($[40] !== state.progress) {
-		t30 = /* @__PURE__ */ jsx(ProgressBar, { progress: state.progress });
-		$[40] = state.progress;
-		$[41] = t30;
-	} else t30 = $[41];
-	let t31;
-	if ($[42] !== as || $[43] !== index || $[44] !== onCancel || $[45] !== variant) {
-		t31 = (as === "link" || variant === "horizontal") && /* @__PURE__ */ jsx(InlineIconButton, {
-			label: "Cancel",
-			color: "secondary",
-			onPress: () => {
-				onCancel(index);
-			},
-			icon: CloseIcon
-		});
-		$[42] = as;
-		$[43] = index;
-		$[44] = onCancel;
-		$[45] = variant;
-		$[46] = t31;
-	} else t31 = $[46];
-	let t32;
-	if ($[47] !== t29 || $[48] !== t30 || $[49] !== t31) {
-		t32 = /* @__PURE__ */ jsxs("div", {
-			className: t29,
-			children: [t30, t31]
-		});
-		$[47] = t29;
-		$[48] = t30;
-		$[49] = t31;
-		$[50] = t32;
-	} else t32 = $[50];
-	let t33;
-	if ($[51] !== t12 || $[52] !== t26 || $[53] !== t32) {
-		t33 = /* @__PURE__ */ jsxs("div", {
-			className: t12,
-			children: [t26, t32]
-		});
-		$[51] = t12;
-		$[52] = t26;
-		$[53] = t32;
-		$[54] = t33;
-	} else t33 = $[54];
-	let t34;
-	if ($[55] !== as || $[56] !== cancelButtonColor || $[57] !== cancelButtonRestProps || $[58] !== cancelButtonSize || $[59] !== cancelButtonVariant || $[60] !== cancelButtonWidth || $[61] !== index || $[62] !== onCancel || $[63] !== t || $[64] !== variant) {
-		t34 = as === "button" && variant === "vertical" && /* @__PURE__ */ jsx(Button, {
+	const { color: cancelButtonColor = "secondary", size: cancelButtonSize = "xs", variant: cancelButtonVariant = "outlined", width: cancelButtonWidth = "hug", ...cancelButtonRestProps } = cancelButtonProps ?? {};
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("flex w-full flex-col items-center", {
+			"flex-col": variant === "vertical",
+			"flex-row": variant === "horizontal",
+			"gap-file-upload-content-gap-content-to-button": as === "button"
+		}),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: clsx("flex w-full items-center justify-between", {
+				"flex-col gap-file-upload-content-gap-text-to-progress": variant === "vertical",
+				"flex-row gap-file-upload-content-gap-left-to-right-content": variant === "horizontal",
+				"opacity-50": isDisabled
+			}),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
+					"w-full flex-col": variant === "vertical",
+					"w-1/2": variant === "horizontal"
+				}),
+				children: [/* @__PURE__ */ jsx(FileIcon, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsxs("div", {
+					className: clsx("flex flex-col", {
+						"max-w-full gap-file-upload-content-gap-icon-to-content text-center": variant === "vertical",
+						"max-w-[calc(100%-32px)] gap-file-upload-content-gap-text-to-text": variant === "horizontal"
+					}),
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "prominent-1",
+						size: "label-1",
+						as: "span",
+						className: "self-stretch truncate text-center text-text-default-1",
+						children: state.file?.name ?? state.displayName ?? ""
+					}), /* @__PURE__ */ jsx(Typography, {
+						variant: "default",
+						size: singleFile ? "label-2" : "label-3",
+						as: "span",
+						className: "text-text-default-2",
+						children: FileUtils.getFileDisplaySize(state)
+					})]
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: clsx("flex items-center gap-1", {
+					"w-1/2": variant === "horizontal",
+					"w-full": variant === "vertical"
+				}),
+				children: [/* @__PURE__ */ jsx(ProgressBar, { progress: state.progress }), (as === "link" || variant === "horizontal") && /* @__PURE__ */ jsx(InlineIconButton, {
+					label: "Cancel",
+					color: "secondary",
+					onPress: () => {
+						onCancel(index);
+					},
+					icon: CloseIcon
+				})]
+			})]
+		}), as === "button" && variant === "vertical" && /* @__PURE__ */ jsx(Button, {
 			variant: cancelButtonVariant,
 			size: cancelButtonSize,
 			color: cancelButtonColor,
@@ -224,35 +72,9 @@ var FileUploadContentLoading = (t0) => {
 			onPress: () => {
 				onCancel(index);
 			},
-			children: t(_temp)
-		});
-		$[55] = as;
-		$[56] = cancelButtonColor;
-		$[57] = cancelButtonRestProps;
-		$[58] = cancelButtonSize;
-		$[59] = cancelButtonVariant;
-		$[60] = cancelButtonWidth;
-		$[61] = index;
-		$[62] = onCancel;
-		$[63] = t;
-		$[64] = variant;
-		$[65] = t34;
-	} else t34 = $[65];
-	let t35;
-	if ($[66] !== t33 || $[67] !== t34 || $[68] !== t9) {
-		t35 = /* @__PURE__ */ jsxs("div", {
-			className: t9,
-			children: [t33, t34]
-		});
-		$[66] = t33;
-		$[67] = t34;
-		$[68] = t9;
-		$[69] = t35;
-	} else t35 = $[69];
-	return t35;
+			children: t(($) => $.ui.fileUpload.cancel)
+		})]
+	});
 };
-function _temp($) {
-	return $.ui.fileUpload.cancel;
-}
 //#endregion
 export { FileUploadContentLoading };

package/dist/components/inputs/File/shared/ProgressBar.js

@@ -1,120 +1,33 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./progressBar.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/File/shared/ProgressBar.tsx
-var ProgressBar = (t0) => {
-	const $ = c(33);
-	const { progress: t1, valueLabel: t2 } = t0;
-	const progress = t1 === void 0 ? 0 : t1;
-	const valueLabel = t2 === void 0 ? "trailing" : t2;
+var ProgressBar = ({ progress = 0, valueLabel = "trailing" }) => {
 	const progressBarCva = UIOverrides.useCva("progressBar.cva", progressBarDefinition);
 	const progressBarTrackWrapperCva = UIOverrides.useCva("progressBar.trackWrapperCva", progressBarTrackWrapperDefinition);
 	const progressBarTrackCva = UIOverrides.useCva("progressBar.trackCva", progressBarTrackDefinition);
 	const progressBarFillCva = UIOverrides.useCva("progressBar.fillCva", progressBarFillDefinition);
 	const progressBarValueCva = UIOverrides.useCva("progressBar.valueCva", progressBarValueDefinition);
-	let t3;
-	if ($[0] !== progressBarCva || $[1] !== valueLabel) {
-		t3 = progressBarCva({ valueLabel });
-		$[0] = progressBarCva;
-		$[1] = valueLabel;
-		$[2] = t3;
-	} else t3 = $[2];
-	let t4;
-	if ($[3] !== progressBarTrackWrapperCva) {
-		t4 = progressBarTrackWrapperCva();
-		$[3] = progressBarTrackWrapperCva;
-		$[4] = t4;
-	} else t4 = $[4];
-	let t5;
-	if ($[5] !== progressBarTrackCva) {
-		t5 = progressBarTrackCva({ part: "container" });
-		$[5] = progressBarTrackCva;
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
-	if ($[7] !== progressBarTrackCva) {
-		t6 = progressBarTrackCva({ part: "background" });
-		$[7] = progressBarTrackCva;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== t6) {
-		t7 = /* @__PURE__ */ jsx("div", { className: t6 });
-		$[9] = t6;
-		$[10] = t7;
-	} else t7 = $[10];
-	let t8;
-	if ($[11] !== progressBarFillCva) {
-		t8 = progressBarFillCva();
-		$[11] = progressBarFillCva;
-		$[12] = t8;
-	} else t8 = $[12];
-	const t9 = `${progress}%`;
-	let t10;
-	if ($[13] !== t9) {
-		t10 = { width: t9 };
-		$[13] = t9;
-		$[14] = t10;
-	} else t10 = $[14];
-	let t11;
-	if ($[15] !== t10 || $[16] !== t8) {
-		t11 = /* @__PURE__ */ jsx("div", {
-			className: t8,
-			style: t10
-		});
-		$[15] = t10;
-		$[16] = t8;
-		$[17] = t11;
-	} else t11 = $[17];
-	let t12;
-	if ($[18] !== t11 || $[19] !== t5 || $[20] !== t7) {
-		t12 = /* @__PURE__ */ jsxs("div", {
-			className: t5,
-			children: [t7, t11]
-		});
-		$[18] = t11;
-		$[19] = t5;
-		$[20] = t7;
-		$[21] = t12;
-	} else t12 = $[21];
-	let t13;
-	if ($[22] !== t12 || $[23] !== t4) {
-		t13 = /* @__PURE__ */ jsx("div", {
-			className: t4,
-			children: t12
-		});
-		$[22] = t12;
-		$[23] = t4;
-		$[24] = t13;
-	} else t13 = $[24];
-	let t14;
-	if ($[25] !== progress || $[26] !== progressBarValueCva || $[27] !== valueLabel) {
-		t14 = valueLabel !== "none" && /* @__PURE__ */ jsxs(Typography, {
+	return /* @__PURE__ */ jsxs("div", {
+		className: progressBarCva({ valueLabel }),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: progressBarTrackWrapperCva(),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: progressBarTrackCva({ part: "container" }),
+				children: [/* @__PURE__ */ jsx("div", { className: progressBarTrackCva({ part: "background" }) }), /* @__PURE__ */ jsx("div", {
+					className: progressBarFillCva(),
+					style: { width: `${progress}%` }
+				})]
+			})
+		}), valueLabel !== "none" && /* @__PURE__ */ jsxs(Typography, {
 			variant: "default",
 			size: "label-2",
 			as: "span",
 			className: progressBarValueCva(),
 			children: [progress, "%"]
-		});
-		$[25] = progress;
-		$[26] = progressBarValueCva;
-		$[27] = valueLabel;
-		$[28] = t14;
-	} else t14 = $[28];
-	let t15;
-	if ($[29] !== t13 || $[30] !== t14 || $[31] !== t3) {
-		t15 = /* @__PURE__ */ jsxs("div", {
-			className: t3,
-			children: [t13, t14]
-		});
-		$[29] = t13;
-		$[30] = t14;
-		$[31] = t3;
-		$[32] = t15;
-	} else t15 = $[32];
-	return t15;
+		})]
+	});
 };
 //#endregion
 export { ProgressBar };

package/dist/components/inputs/FormField/FormField.js

@@ -1,16 +1,12 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { FormFieldError } from "./FormFieldError.js";
 import { FormFieldHeader } from "./FormFieldHeader.js";
 import { FormFieldHelper } from "./FormFieldHelper.js";
-import { formFieldDefinition } from "./formField.cva.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "clsx";
 //#region src/components/inputs/FormField/FormField.tsx
 var FormField = (t0) => {
-	const $ = c(43);
+	const $ = c(39);
 	const { ref, as, label, tooltipText, helperText, isRequired, rightContent, isDisabled, error, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture } = t0;
-	const formFieldCva = UIOverrides.useCva("formField.cva", formFieldDefinition);
 	const t1 = hideLabel || isHeaderHidden;
 	let t2;
 	if ($[0] !== headerClassName || $[1] !== helperText || $[2] !== isDisabled || $[3] !== isRequired || $[4] !== label || $[5] !== labelProps || $[6] !== rightContent || $[7] !== t1 || $[8] !== tooltipText) {
@@ -80,61 +76,52 @@ var FormField = (t0) => {
 		$[21] = t9;
 	} else t9 = $[21];
 	const errorProps = t9;
-	const t10 = as ?? "default";
-	let t11;
-	if ($[22] !== className || $[23] !== formFieldCva || $[24] !== t10) {
-		t11 = clsx(formFieldCva({ as: t10 }), className);
-		$[22] = className;
-		$[23] = formFieldCva;
+	let t10;
+	if ($[22] !== as || $[23] !== headerProps) {
+		t10 = !["filter", "floating"].includes(as ?? "") && /* @__PURE__ */ jsx(FormFieldHeader, { ...headerProps });
+		$[22] = as;
+		$[23] = headerProps;
 		$[24] = t10;
-		$[25] = t11;
-	} else t11 = $[25];
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== helperProps) {
+		t11 = /* @__PURE__ */ jsx(FormFieldHelper, { ...helperProps });
+		$[25] = helperProps;
+		$[26] = t11;
+	} else t11 = $[26];
 	let t12;
-	if ($[26] !== as || $[27] !== headerProps) {
-		t12 = !["filter", "floating"].includes(as ?? "") && /* @__PURE__ */ jsx(FormFieldHeader, { ...headerProps });
-		$[26] = as;
-		$[27] = headerProps;
+	if ($[27] !== errorProps) {
+		t12 = /* @__PURE__ */ jsx(FormFieldError, { ...errorProps });
+		$[27] = errorProps;
 		$[28] = t12;
 	} else t12 = $[28];
 	let t13;
-	if ($[29] !== helperProps) {
-		t13 = /* @__PURE__ */ jsx(FormFieldHelper, { ...helperProps });
-		$[29] = helperProps;
-		$[30] = t13;
-	} else t13 = $[30];
-	let t14;
-	if ($[31] !== errorProps) {
-		t14 = /* @__PURE__ */ jsx(FormFieldError, { ...errorProps });
-		$[31] = errorProps;
-		$[32] = t14;
-	} else t14 = $[32];
-	let t15;
-	if ($[33] !== children || $[34] !== onFocusCapture || $[35] !== onMouseEnter || $[36] !== ref || $[37] !== t11 || $[38] !== t12 || $[39] !== t13 || $[40] !== t14 || $[41] !== tabIndex) {
-		t15 = /* @__PURE__ */ jsxs("div", {
+	if ($[29] !== children || $[30] !== className || $[31] !== onFocusCapture || $[32] !== onMouseEnter || $[33] !== ref || $[34] !== t10 || $[35] !== t11 || $[36] !== t12 || $[37] !== tabIndex) {
+		t13 = /* @__PURE__ */ jsxs("div", {
 			ref,
-			className: t11,
+			className,
 			tabIndex,
 			onMouseEnter,
 			onFocusCapture,
 			children: [
-				t12,
+				t10,
 				children,
-				t13,
-				t14
+				t11,
+				t12
 			]
 		});
-		$[33] = children;
-		$[34] = onFocusCapture;
-		$[35] = onMouseEnter;
-		$[36] = ref;
-		$[37] = t11;
-		$[38] = t12;
-		$[39] = t13;
-		$[40] = t14;
-		$[41] = tabIndex;
-		$[42] = t15;
-	} else t15 = $[42];
-	return t15;
+		$[29] = children;
+		$[30] = className;
+		$[31] = onFocusCapture;
+		$[32] = onMouseEnter;
+		$[33] = ref;
+		$[34] = t10;
+		$[35] = t11;
+		$[36] = t12;
+		$[37] = tabIndex;
+		$[38] = t13;
+	} else t13 = $[38];
+	return t13;
 };
 //#endregion
 export { FormField };

package/dist/components/inputs/Input/NumberInput/NumberInput.d.ts

@@ -1,6 +1,6 @@
 import { FocusEvent, Ref } from 'react';
 import { NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../../shared/form.binding';
 import { FormFieldProps } from '../../FormField/FormField';
 import { InputContentProps } from '../shared/InputContent';
 import { ControlProps } from '../../shared/form.types';

package/dist/components/inputs/Input/NumberInput/NumberInput.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 { FormField } from "../../FormField/FormField.js";
 import { inputBaseDefinition } from "../../shared/input.cva.js";
 import { IntlUtils } from "../../../../utils/intl.utils.js";
@@ -15,7 +16,6 @@ import { useEffect, useRef, useState } from "react";
 import { Input, useLocale } from "react-aria-components";
 import { useFocusVisible, useNumberField } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
-import { Controller } from "react-hook-form";
 import { useNumberFieldState } from "react-stately";
 //#region src/components/inputs/Input/NumberInput/NumberInput.tsx
 var NumberInputBase = (props) => {
@@ -420,35 +420,35 @@ var NumberInput = (t0) => {
 		props = $[1];
 		renderStaticInput = $[2];
 	}
-	if ("formControl" in props && props.formControl) {
-		let formControl;
+	if ("field" in props && props.field) {
+		let field;
 		let innerProps;
 		let ref;
 		if ($[3] !== props) {
-			({formControl, ref, ...innerProps} = props);
+			({field, ref, ...innerProps} = props);
 			$[3] = props;
-			$[4] = formControl;
+			$[4] = field;
 			$[5] = innerProps;
 			$[6] = ref;
 		} else {
-			formControl = $[4];
+			field = $[4];
 			innerProps = $[5];
 			ref = $[6];
 		}
-		const controlWithOptions = formControl.control;
+		const controlWithOptions = field.form;
 		let t1;
 		if ($[7] !== controlWithOptions._options?.disabled || $[8] !== innerProps || $[9] !== props.error || $[10] !== props.isDisabled || $[11] !== ref || $[12] !== renderStaticInput) {
 			t1 = (t2) => {
-				const { field, fieldState: t3 } = t2;
+				const { field: field_0, fieldState: t3 } = t2;
 				const { error, isDirty } = t3;
 				return /* @__PURE__ */ jsx(NumberInputInner, {
 					...innerProps,
-					ref: mergeRefs(ref, field.ref),
-					value: field.value,
-					onChange: field.onChange,
-					onBlur: field.onBlur,
+					ref: mergeRefs(ref, field_0.ref),
+					value: field_0.value,
+					onChange: field_0.onChange,
+					onBlur: field_0.onBlur,
 					isDirty,
-					isDisabled: field.disabled || props.isDisabled,
+					isDisabled: field_0.disabled || props.isDisabled,
 					isFormControlDisabled: !!controlWithOptions._options?.disabled,
 					error: props.error ?? error?.message,
 					renderStaticInput
@@ -463,14 +463,14 @@ var NumberInput = (t0) => {
 			$[13] = t1;
 		} else t1 = $[13];
 		let t2;
-		if ($[14] !== formControl.control || $[15] !== formControl.name || $[16] !== t1) {
-			t2 = /* @__PURE__ */ jsx(Controller, {
-				control: formControl.control,
-				name: formControl.name,
+		if ($[14] !== field.form || $[15] !== field.name || $[16] !== t1) {
+			t2 = /* @__PURE__ */ jsx(FieldController, {
+				control: field.form,
+				name: field.name,
 				render: t1
 			});
-			$[14] = formControl.control;
-			$[15] = formControl.name;
+			$[14] = field.form;
+			$[15] = field.name;
 			$[16] = t1;
 			$[17] = t2;
 		} else t2 = $[17];

package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.d.ts

@@ -1,6 +1,6 @@
 import { FocusEvent, Ref } from 'react';
 import { NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components';
-import { FieldValues } from 'react-hook-form';
+import { FieldValues } from '../../shared/form.binding';
 import { FormFieldProps } from '../../FormField/FormField';
 import { NumberRangeValue } from './NumberRangeField';
 import { ControlProps } from '../../shared/form.types';