@ultraviolet/form 6.2.1 → 6.2.2

package/dist/components/FileInputField/index.js

@@ -1,71 +1,75 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
 import { useErrors } from "../../providers/ErrorContext/index.js";
+import { init_providers } from "../../providers/index.js";
 import { FileInput } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/FileInputField/index.tsx
-const _excluded = [
-	"onChange",
-	"label",
-	"required",
-	"name",
-	"shouldUnregister",
-	"control",
-	"variant",
-	"size",
-	"title",
-	"bottom",
-	"children"
-];
-/**
-* This component offers a form field based on Ultraviolet UI FileInput component
-*  @experimental This component is experimental and may be subject to breaking changes in the future.
-*/
-const FileInputFieldBase = (_ref) => {
-	let { onChange, label, required = false, name, shouldUnregister, control, variant, size, title, bottom, children } = _ref;
-	let props = _objectWithoutProperties(_ref, _excluded);
-	const { getError } = useErrors();
-	const { field, fieldState: { error } } = useController({
-		control,
-		name,
-		rules: { required },
-		shouldUnregister
+var _excluded, FileInputFieldBase, FileInputField;
+var init_FileInputField = __esmMin(() => {
+	init_providers();
+	init_objectWithoutProperties();
+	init_objectSpread2();
+	_excluded = [
+		"onChange",
+		"label",
+		"required",
+		"name",
+		"shouldUnregister",
+		"control",
+		"variant",
+		"size",
+		"title",
+		"bottom",
+		"children"
+	];
+	FileInputFieldBase = (_ref) => {
+		let { onChange, label, required = false, name, shouldUnregister, control, variant, size, title, bottom, children } = _ref;
+		let props = _objectWithoutProperties(_ref, _excluded);
+		const { getError } = useErrors();
+		const { field, fieldState: { error } } = useController({
+			control,
+			name,
+			rules: { required },
+			shouldUnregister
+		});
+		if (variant === "overlay" && children) return /* @__PURE__ */ jsx(FileInput, _objectSpread2(_objectSpread2({}, props), {}, {
+			error: getError({ label }, error),
+			label,
+			onChangeFiles: (files) => {
+				field.onChange(files);
+				onChange === null || onChange === void 0 || onChange(files);
+			},
+			required,
+			title,
+			variant: "overlay",
+			children: typeof children === "function" ? (inputId, inputRef) => children(inputId, inputRef) : children
+		}));
+		return /* @__PURE__ */ jsx(FileInput, _objectSpread2(_objectSpread2({}, props), {}, {
+			bottom,
+			error: getError({ label }, error),
+			label,
+			onChangeFiles: (files) => {
+				field.onChange(files);
+				onChange === null || onChange === void 0 || onChange(files);
+			},
+			required,
+			size,
+			title,
+			variant: "dropzone",
+			children: typeof children === "function" ? (inputId, inputRef) => children(inputId, inputRef) : children
+		}));
+	};
+	FileInputField = Object.assign(FileInputFieldBase, {
+		Button: FileInput.Button,
+		List: FileInput.List
 	});
-	if (variant === "overlay" && children) return /* @__PURE__ */ jsx(FileInput, _objectSpread2(_objectSpread2({}, props), {}, {
-		error: getError({ label }, error),
-		label,
-		onChangeFiles: (files) => {
-			field.onChange(files);
-			onChange === null || onChange === void 0 || onChange(files);
-		},
-		required,
-		title,
-		variant: "overlay",
-		children: typeof children === "function" ? (inputId, inputRef) => children(inputId, inputRef) : children
-	}));
-	return /* @__PURE__ */ jsx(FileInput, _objectSpread2(_objectSpread2({}, props), {}, {
-		bottom,
-		error: getError({ label }, error),
-		label,
-		onChangeFiles: (files) => {
-			field.onChange(files);
-			onChange === null || onChange === void 0 || onChange(files);
-		},
-		required,
-		size,
-		title,
-		variant: "dropzone",
-		children: typeof children === "function" ? (inputId, inputRef) => children(inputId, inputRef) : children
-	}));
-};
-const FileInputField = Object.assign(FileInputFieldBase, {
-	Button: FileInput.Button,
-	List: FileInput.List
 });
 
 //#endregion
-export { FileInputField };
+init_FileInputField();
+export { FileInputField, init_FileInputField };

package/dist/components/Form/defaultErrors.js

@@ -1,25 +1,29 @@
-import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Form/defaultErrors.ts
-const defaultErrors = {
-	deps: () => "",
-	disabled: () => "",
-	max: () => "",
-	maxDate: () => "",
-	maxLength: () => "",
-	min: () => "",
-	minLength: () => "",
-	onBlur: () => "",
-	onChange: () => "",
-	pattern: () => "",
-	required: () => "",
-	setValueAs: () => "",
-	shouldUnregister: () => "",
-	validate: () => "",
-	value: () => "",
-	valueAsDate: () => "",
-	valueAsNumber: () => ""
-};
+var defaultErrors;
+var init_defaultErrors = __esmMin(() => {
+	defaultErrors = {
+		deps: () => "",
+		disabled: () => "",
+		max: () => "",
+		maxDate: () => "",
+		maxLength: () => "",
+		min: () => "",
+		minLength: () => "",
+		onBlur: () => "",
+		onChange: () => "",
+		pattern: () => "",
+		required: () => "",
+		setValueAs: () => "",
+		shouldUnregister: () => "",
+		validate: () => "",
+		value: () => "",
+		valueAsDate: () => "",
+		valueAsNumber: () => ""
+	};
+});
 
 //#endregion
-export { defaultErrors };
+init_defaultErrors();
+export { defaultErrors, init_defaultErrors };

package/dist/components/Form/index.d.ts

@@ -8,7 +8,8 @@ type FormProps<TFieldValues extends FieldValues> = {
     name?: string;
     onSubmit: (data: TFieldValues) => Promise<OnSubmitReturn> | OnSubmitReturn;
     methods: UseFormReturn<TFieldValues>;
+    'aria-label'?: string;
 };
-export declare const Form: <TFieldValues extends FieldValues>({ children, methods, errors, onSubmit, name, }: FormProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const Form: <TFieldValues extends FieldValues>({ children, methods, errors, onSubmit, name, 'aria-label': ariaLabel, }: FormProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAGjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAG7C,KAAK,cAAc,GACf,MAAM,GACN,IAAI,GACJ,SAAS,GAET,IAAI,CAAA;AAER,KAAK,SAAS,CAAC,YAAY,SAAS,WAAW,IAAI;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,cAAc,CAAC,GAAG,cAAc,CAAA;IAC1E,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,YAAY,yIAqChC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAGjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAG7C,KAAK,cAAc,GACf,MAAM,GACN,IAAI,GACJ,SAAS,GAET,IAAI,CAAA;AAER,KAAK,SAAS,CAAC,YAAY,SAAS,WAAW,IAAI;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,cAAc,CAAC,GAAG,cAAc,CAAA;IAC1E,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,YAAY,kKAuChC,CAAA"}

package/dist/components/Form/index.js

@@ -1,41 +1,51 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
 import { ErrorProvider } from "../../providers/ErrorContext/index.js";
-import { defaultErrors } from "./defaultErrors.js";
-import { _asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/asyncToGenerator.js";
+import { init_providers } from "../../providers/index.js";
+import { defaultErrors, init_defaultErrors } from "./defaultErrors.js";
+import { _asyncToGenerator, init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/asyncToGenerator.js";
 import { FormProvider } from "react-hook-form";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Form/index.tsx
-const Form = ({ children, methods, errors, onSubmit, name }) => {
-	const handleSubmit = methods.handleSubmit(function() {
-		var _ref = _asyncToGenerator(function* (values) {
-			const result = yield onSubmit(values);
-			if (result) methods.setError("root.submit", {
-				message: result,
-				type: "custom"
+var Form;
+var init_Form = __esmMin(() => {
+	init_providers();
+	init_defaultErrors();
+	init_asyncToGenerator();
+	init_objectSpread2();
+	Form = ({ children, methods, errors, onSubmit, name, "aria-label": ariaLabel }) => {
+		const handleSubmit = methods.handleSubmit(function() {
+			var _ref = _asyncToGenerator(function* (values) {
+				const result = yield onSubmit(values);
+				if (result) methods.setError("root.submit", {
+					message: result,
+					type: "custom"
+				});
 			});
-		});
-		return function(_x) {
-			return _ref.apply(this, arguments);
-		};
-	}());
-	return /* @__PURE__ */ jsx(FormProvider, _objectSpread2(_objectSpread2({}, methods), {}, { children: /* @__PURE__ */ jsx(ErrorProvider, {
-		errors: _objectSpread2(_objectSpread2({}, defaultErrors), errors),
-		children: /* @__PURE__ */ jsx("form", {
-			name,
-			noValidate: true,
-			onSubmit: (e) => {
-				e.preventDefault();
-				e.stopPropagation();
-				handleSubmit(e).catch(() => null);
-			},
-			style: { display: "contents" },
-			children
-		})
-	}) }));
-};
+			return function(_x) {
+				return _ref.apply(this, arguments);
+			};
+		}());
+		return /* @__PURE__ */ jsx(FormProvider, _objectSpread2(_objectSpread2({}, methods), {}, { children: /* @__PURE__ */ jsx(ErrorProvider, {
+			errors: _objectSpread2(_objectSpread2({}, defaultErrors), errors),
+			children: /* @__PURE__ */ jsx("form", {
+				"aria-label": ariaLabel,
+				name,
+				noValidate: true,
+				onSubmit: (e) => {
+					e.preventDefault();
+					e.stopPropagation();
+					handleSubmit(e).catch(() => null);
+				},
+				style: { display: "contents" },
+				children
+			})
+		}) }));
+	};
+});
 
 //#endregion
+init_Form();
 export { Form };

package/dist/components/KeyValueField/index.js

@@ -1,6 +1,6 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { TextInputField } from "../TextInputField/index.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { TextInputField, init_TextInputField } from "../TextInputField/index.js";
 import { Button, Row, Stack } from "@ultraviolet/ui";
 import { useFieldArray, useFormContext } from "react-hook-form";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -8,90 +8,92 @@ import { DeleteIcon } from "@ultraviolet/icons/DeleteIcon";
 import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
 
 //#region src/components/KeyValueField/index.tsx
-/**
-* A React component that allows users to manage key-value pairs
-*/
-const KeyValueField = ({ name, inputKey, inputValue, addButton, maxSize = 100, readOnly = false, control, onChange, onBlur }) => {
-	var _addButton$maxSizeRea;
-	const { fields, append, remove } = useFieldArray({
-		control,
-		name
-	});
-	const { getValues } = useFormContext();
-	const handleFieldChange = () => {
-		onChange === null || onChange === void 0 || onChange(getValues(name));
-	};
-	const handleFieldBlur = () => {
-		onBlur === null || onBlur === void 0 || onBlur(getValues(name));
-	};
-	const canAdd = fields.length !== void 0 && fields.length < maxSize;
-	const maxSizeReachedTooltip = (_addButton$maxSizeRea = addButton.maxSizeReachedTooltip) !== null && _addButton$maxSizeRea !== void 0 ? _addButton$maxSizeRea : `Cannot add more than ${maxSize} elements`;
-	return /* @__PURE__ */ jsxs(Stack, {
-		gap: 3,
-		children: [fields.length > 0 ? /* @__PURE__ */ jsx(Stack, {
+var KeyValueField;
+var init_KeyValueField = __esmMin(() => {
+	init_TextInputField();
+	KeyValueField = ({ name, inputKey, inputValue, addButton, maxSize = 100, readOnly = false, control, onChange, onBlur }) => {
+		var _addButton$maxSizeRea;
+		const { fields, append, remove } = useFieldArray({
+			control,
+			name
+		});
+		const { getValues } = useFormContext();
+		const handleFieldChange = () => {
+			onChange === null || onChange === void 0 || onChange(getValues(name));
+		};
+		const handleFieldBlur = () => {
+			onBlur === null || onBlur === void 0 || onBlur(getValues(name));
+		};
+		const canAdd = fields.length !== void 0 && fields.length < maxSize;
+		const maxSizeReachedTooltip = (_addButton$maxSizeRea = addButton.maxSizeReachedTooltip) !== null && _addButton$maxSizeRea !== void 0 ? _addButton$maxSizeRea : `Cannot add more than ${maxSize} elements`;
+		return /* @__PURE__ */ jsxs(Stack, {
 			gap: 3,
-			children: fields.map((field, index) => /* @__PURE__ */ jsxs(Row, {
-				alignItems: "flex-end",
-				gap: 2,
-				templateColumns: "1fr 1fr auto",
-				children: [
-					/* @__PURE__ */ jsx(TextInputField, {
-						label: inputKey.label,
-						name: `${name}.${index}.key`,
-						onBlur: handleFieldBlur,
-						onChange: handleFieldChange,
-						readOnly,
-						regex: inputKey.regex,
-						required: inputKey.required
-					}),
-					/* @__PURE__ */ jsx(TextInputField, {
-						autoComplete: "off",
-						label: inputValue.label,
-						name: `${name}.${index}.value`,
-						onBlur: handleFieldBlur,
-						onChange: handleFieldChange,
-						placeholder: inputValue.placeholder,
-						readOnly,
-						regex: inputValue.regex,
-						required: inputValue.required,
-						type: inputValue.type
-					}),
-					/* @__PURE__ */ jsx(Button, {
-						"data-testid": `remove-button-${index}`,
-						disabled: readOnly,
-						onClick: () => {
-							remove(index);
-							handleFieldChange();
-						},
-						sentiment: "danger",
-						size: "large",
-						variant: "outlined",
-						children: /* @__PURE__ */ jsx(DeleteIcon, {})
-					})
-				]
-			}, field.id))
-		}) : null, /* @__PURE__ */ jsx(Stack, {
-			direction: "row",
-			justifyContent: "flex-start",
-			children: /* @__PURE__ */ jsxs(Button, {
-				"data-testid": "add-button",
-				disabled: !canAdd || readOnly,
-				fullWidth: addButton.fullWidth,
-				onClick: () => {
-					append({
-						key: "",
-						value: ""
-					});
-					handleFieldChange();
-				},
-				sentiment: "primary",
-				tooltip: canAdd ? addButton.tooltip : maxSizeReachedTooltip,
-				variant: "outlined",
-				children: [/* @__PURE__ */ jsx(PlusIcon, {}), addButton.name]
-			})
-		})]
-	});
-};
+			children: [fields.length > 0 ? /* @__PURE__ */ jsx(Stack, {
+				gap: 3,
+				children: fields.map((field, index) => /* @__PURE__ */ jsxs(Row, {
+					alignItems: "flex-end",
+					gap: 2,
+					templateColumns: "1fr 1fr auto",
+					children: [
+						/* @__PURE__ */ jsx(TextInputField, {
+							label: inputKey.label,
+							name: `${name}.${index}.key`,
+							onBlur: handleFieldBlur,
+							onChange: handleFieldChange,
+							readOnly,
+							regex: inputKey.regex,
+							required: inputKey.required
+						}),
+						/* @__PURE__ */ jsx(TextInputField, {
+							autoComplete: "off",
+							label: inputValue.label,
+							name: `${name}.${index}.value`,
+							onBlur: handleFieldBlur,
+							onChange: handleFieldChange,
+							placeholder: inputValue.placeholder,
+							readOnly,
+							regex: inputValue.regex,
+							required: inputValue.required,
+							type: inputValue.type
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							"data-testid": `remove-button-${index}`,
+							disabled: readOnly,
+							onClick: () => {
+								remove(index);
+								handleFieldChange();
+							},
+							sentiment: "danger",
+							size: "large",
+							variant: "outlined",
+							children: /* @__PURE__ */ jsx(DeleteIcon, {})
+						})
+					]
+				}, field.id))
+			}) : null, /* @__PURE__ */ jsx(Stack, {
+				direction: "row",
+				justifyContent: "flex-start",
+				children: /* @__PURE__ */ jsxs(Button, {
+					"data-testid": "add-button",
+					disabled: !canAdd || readOnly,
+					fullWidth: addButton.fullWidth,
+					onClick: () => {
+						append({
+							key: "",
+							value: ""
+						});
+						handleFieldChange();
+					},
+					sentiment: "primary",
+					tooltip: canAdd ? addButton.tooltip : maxSizeReachedTooltip,
+					variant: "outlined",
+					children: [/* @__PURE__ */ jsx(PlusIcon, {}), addButton.name]
+				})
+			})]
+		});
+	};
+});
 
 //#endregion
-export { KeyValueField };
+init_KeyValueField();
+export { KeyValueField, init_KeyValueField };

package/dist/components/NumberInputField/index.js

@@ -1,69 +1,78 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
 import { useErrors } from "../../providers/ErrorContext/index.js";
-import { isInteger } from "../../validators/isInteger.js";
+import { init_providers } from "../../providers/index.js";
+import { init_isInteger, isInteger } from "../../validators/isInteger.js";
 import { NumberInput } from "@ultraviolet/ui";
 import { useController } from "react-hook-form";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/NumberInputField/index.tsx
-const _excluded = [
-	"control",
-	"max",
-	"min",
-	"name",
-	"onChange",
-	"onBlur",
-	"step",
-	"label",
-	"aria-label",
-	"required",
-	"shouldUnregister",
-	"validate"
-];
-const NumberInputField = (_ref) => {
-	var _ref2;
-	let { control, max = Number.MAX_SAFE_INTEGER, min = 0, name, onChange, onBlur, step, label, "aria-label": ariaLabel, required, shouldUnregister = false, validate } = _ref;
-	let props = _objectWithoutProperties(_ref, _excluded);
-	const { getError } = useErrors();
-	const { field, fieldState: { error } } = useController({
-		control,
-		name,
-		rules: {
+var _excluded, NumberInputField;
+var init_NumberInputField = __esmMin(() => {
+	init_providers();
+	init_isInteger();
+	init_objectWithoutProperties();
+	init_objectSpread2();
+	_excluded = [
+		"control",
+		"max",
+		"min",
+		"name",
+		"onChange",
+		"onBlur",
+		"step",
+		"label",
+		"aria-label",
+		"required",
+		"shouldUnregister",
+		"validate"
+	];
+	NumberInputField = (_ref) => {
+		var _ref2;
+		let { control, max = Number.MAX_SAFE_INTEGER, min = 0, name, onChange, onBlur, step, label, "aria-label": ariaLabel, required, shouldUnregister = false, validate } = _ref;
+		let props = _objectWithoutProperties(_ref, _excluded);
+		const { getError } = useErrors();
+		const { field, fieldState: { error } } = useController({
+			control,
+			name,
+			rules: {
+				max,
+				min,
+				required,
+				validate: _objectSpread2(_objectSpread2({}, validate), {}, { isInteger: isInteger(step) })
+			},
+			shouldUnregister
+		});
+		return /* @__PURE__ */ jsx(NumberInput, _objectSpread2(_objectSpread2({}, props), {}, {
+			"aria-label": ariaLabel,
+			error: getError({
+				isInteger: step,
+				label: (_ref2 = label !== null && label !== void 0 ? label : ariaLabel) !== null && _ref2 !== void 0 ? _ref2 : name,
+				max,
+				min
+			}, error),
+			label,
 			max,
 			min,
+			name: field.name,
+			onBlur: (event) => {
+				field.onBlur();
+				onBlur === null || onBlur === void 0 || onBlur(event);
+			},
+			onChange: (newValue) => {
+				field.onChange(newValue);
+				onChange === null || onChange === void 0 || onChange(newValue);
+			},
 			required,
-			validate: _objectSpread2(_objectSpread2({}, validate), {}, { isInteger: isInteger(step) })
-		},
-		shouldUnregister
-	});
-	return /* @__PURE__ */ jsx(NumberInput, _objectSpread2(_objectSpread2({}, props), {}, {
-		"aria-label": ariaLabel,
-		error: getError({
-			isInteger: step,
-			label: (_ref2 = label !== null && label !== void 0 ? label : ariaLabel) !== null && _ref2 !== void 0 ? _ref2 : name,
-			max,
-			min
-		}, error),
-		label,
-		max,
-		min,
-		name: field.name,
-		onBlur: (event) => {
-			field.onBlur();
-			onBlur === null || onBlur === void 0 || onBlur(event);
-		},
-		onChange: (newValue) => {
-			field.onChange(newValue);
-			onChange === null || onChange === void 0 || onChange(newValue);
-		},
-		required,
-		step,
-		value: field.value
-	}));
-};
+			step,
+			value: field.value
+		}));
+	};
+});
 
 //#endregion
-export { NumberInputField };
+init_NumberInputField();
+export { NumberInputField, init_NumberInputField };