@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/dist/components/inputs/DateTime/shared/datePickerValue.utils.js

@@ -0,0 +1,4 @@
+//#region src/components/inputs/DateTime/shared/datePickerValue.utils.ts
+const normalizeDatePickerValue = (value) => value ?? null;
+//#endregion
+export { normalizeDatePickerValue };

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

@@ -3,7 +3,7 @@ import { DateSegmentItemView } from "./DateSegmentItem.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/shared/staticDateTimeSegments.tsx
-var getStaticCalendarDateSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, dateGranularity = "day" }) => {
+const getStaticCalendarDateSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, dateGranularity = "day" }) => {
 	if (disableManualEntry && placeholder && !value) return getStaticDateTimePlaceholder(placeholder);
 	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(value, locale, { shouldForceLeadingZeros }), {
 		isDisabled,
@@ -11,7 +11,7 @@ var getStaticCalendarDateSegments = ({ value, locale, shouldForceLeadingZeros, i
 		dateGranularity
 	});
 };
-var getStaticCalendarDateTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
+const getStaticCalendarDateTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
 	const hasValue = !!(value && "hour" in value);
 	if (disableManualEntry && placeholder && !hasValue) return getStaticDateTimePlaceholder(placeholder);
 	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDateTimePartsLocalized(hasValue ? value : null, locale, { shouldForceLeadingZeros }), {
@@ -20,7 +20,7 @@ var getStaticCalendarDateTimeSegments = ({ value, locale, shouldForceLeadingZero
 		segmentRole: "spinbutton"
 	});
 };
-var getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
+const getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
 	if (disableManualEntry && placeholder && !start && !end) return getStaticDateTimePlaceholder(placeholder);
 	const showSeparator = !hidePlaceholder;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -40,7 +40,7 @@ var getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZeros,
 		})
 	] });
 };
-var getStaticTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
+const getStaticTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
 	if (disableManualEntry && placeholder && !value) return getStaticDateTimePlaceholder(placeholder);
 	return renderStaticDateTimeParts(DateTimeUtils.formatTimePartsLocalized(value, locale, { shouldForceLeadingZeros }), {
 		isDisabled,
@@ -48,12 +48,12 @@ var getStaticTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisable
 		timePickerOnly: true
 	});
 };
-var getStaticDateTimePlaceholder = (placeholder) => /* @__PURE__ */ jsx(Typography, {
+const getStaticDateTimePlaceholder = (placeholder) => /* @__PURE__ */ jsx(Typography, {
 	size: "label-1",
 	className: "text-text-default-3",
 	children: placeholder
 });
-var getStaticDateTimeFocusTarget = (container, staticTarget) => {
+const getStaticDateTimeFocusTarget = (container, staticTarget) => {
 	const staticSegment = staticTarget instanceof Element ? staticTarget.closest("[data-static-segment-type]") : null;
 	const segmentType = staticSegment?.dataset.staticSegmentType;
 	if (segmentType) {
@@ -64,10 +64,11 @@ var getStaticDateTimeFocusTarget = (container, staticTarget) => {
 	}
 	return container.querySelector("input, button, [tabindex]:not([tabindex='-1'])");
 };
-var renderStaticDateTimeParts = (parts, options) => {
+const renderStaticDateTimeParts = (parts, options) => {
+	const partsToRender = getStaticDateTimePartsToRender(parts, options.dateGranularity);
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex",
-		children: getStaticDateTimePartsToRender(parts, options.dateGranularity).map((part, index) => /* @__PURE__ */ jsx(DateSegmentItemView, {
+		children: partsToRender.map((part, index) => /* @__PURE__ */ jsx(DateSegmentItemView, {
 			type: part.type,
 			text: part.value,
 			placeholder: part.placeholder,
@@ -81,7 +82,7 @@ var renderStaticDateTimeParts = (parts, options) => {
 		}, index))
 	});
 };
-var getStaticDateTimePartsToRender = (parts, dateGranularity = "day") => {
+const getStaticDateTimePartsToRender = (parts, dateGranularity = "day") => {
 	const segments = [];
 	for (const part of parts) if (part.type !== "literal") {
 		if (isStaticDatePartVisible(part.type, dateGranularity)) segments.push(part);
@@ -89,11 +90,11 @@ var getStaticDateTimePartsToRender = (parts, dateGranularity = "day") => {
 	if (segments.at(-1)?.type === "literal") segments.pop();
 	return segments;
 };
-var isStaticDatePartVisible = (type, dateGranularity) => {
+const isStaticDatePartVisible = (type, dateGranularity) => {
 	if (dateGranularity === "day") return true;
 	if (dateGranularity === "month") return type !== "day";
 	if (dateGranularity === "year") return type === "year";
 	return true;
 };
 //#endregion
-export { getStaticCalendarDateSegments, getStaticCalendarDateTimeSegments, getStaticDateRangeSegments, getStaticDateTimeFocusTarget, getStaticTimeSegments };
+export { getStaticCalendarDateSegments, getStaticCalendarDateTimeSegments, getStaticDateRangeSegments, getStaticDateTimeFocusTarget, getStaticDateTimePlaceholder, getStaticTimeSegments };

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

@@ -1,33 +1,19 @@
 import { useLayoutEffect } from "react";
-import { c } from "react/compiler-runtime";
 import { isFirefox } from "@react-aria/utils";
 //#region src/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.ts
-var isEditableElement = (element) => element instanceof HTMLElement && (element.matches("input, textarea") || element.isContentEditable);
-var useFirefoxDateSegmentSelectionGuard = (containerRef) => {
-	const $ = c(3);
-	let t0;
-	let t1;
-	if ($[0] !== containerRef) {
-		t0 = () => {
-			const container = containerRef.current;
-			if (!container || !isFirefox()) return;
-			const onSelectionChange = (event) => {
-				const activeElement = document.activeElement;
-				const selection = window.getSelection();
-				if (isEditableElement(activeElement) && !container.contains(activeElement) && selection?.anchorNode && container.contains(selection.anchorNode)) event.stopImmediatePropagation();
-			};
-			document.addEventListener("selectionchange", onSelectionChange, true);
-			return () => document.removeEventListener("selectionchange", onSelectionChange, true);
+const isEditableElement = (element) => element instanceof HTMLElement && (element.matches("input, textarea") || element.isContentEditable);
+const useFirefoxDateSegmentSelectionGuard = (containerRef) => {
+	useLayoutEffect(() => {
+		const container = containerRef.current;
+		if (!container || !isFirefox()) return;
+		const onSelectionChange = (event) => {
+			const activeElement = document.activeElement;
+			const selection = window.getSelection();
+			if (isEditableElement(activeElement) && !container.contains(activeElement) && selection?.anchorNode && container.contains(selection.anchorNode)) event.stopImmediatePropagation();
 		};
-		t1 = [containerRef];
-		$[0] = containerRef;
-		$[1] = t0;
-		$[2] = t1;
-	} else {
-		t0 = $[1];
-		t1 = $[2];
-	}
-	useLayoutEffect(t0, t1);
+		document.addEventListener("selectionchange", onSelectionChange, true);
+		return () => document.removeEventListener("selectionchange", onSelectionChange, true);
+	}, [containerRef]);
 };
 //#endregion
 export { useFirefoxDateSegmentSelectionGuard };

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

@@ -1,4 +1,7 @@
-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;
+import { FieldValues } from "../shared/form.binding.js";
+import { DefaultFile, FileUploadBaseProps, FileUploadButtonProps, FileUploadError, FileUploadProps, FileUploadRequest, FileUploadResponse, FileUploadState } from "./fileUpload.types.js";
+//#region src/components/inputs/File/FileUpload.d.ts
+declare const FileUploadComponent: <TFieldValues extends FieldValues = FieldValues>(props: FileUploadProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const FileUpload: typeof FileUploadComponent;
+//#endregion
+export { FileUpload, type FileUploadBaseProps, type FileUploadError, type FileUploadProps, type FileUploadRequest, type FileUploadState };

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

@@ -9,14 +9,13 @@ import { FileUploadContentEmpty } from "./shared/FileUploadContentEmpty.js";
 import { FileUploadContent } from "./shared/FileUploadContent.js";
 import { fileUploadDropZoneDefinition } from "./shared/fileUpload.cva.js";
 import { clsx } from "clsx";
-import { useCallback, useState } from "react";
+import { memo, useCallback, useState } from "react";
 import { DropZone } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeRefs, useLabels } from "@react-aria/utils";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/FileUpload.tsx
-var FileUploadBase = (props) => {
+const 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(($) => $.ui.fileUpload.uploadText), browseText = t(($) => $.ui.fileUpload.browse), fileUpload, fileRemove, children, listRenderer, browseButtonProps, cancelButtonProps, onInvalidFileType, defaultState, ...rest } = props;
 	const ui = UIConfig.useConfig();
@@ -49,76 +48,78 @@ var FileUploadBase = (props) => {
 	const labelProps = useLabels({ "aria-label": label });
 	const handleUpload = async (inputFiles) => {
 		const acceptedFiles = inputFiles.filter((file) => FileUtils.isFileTypeAccepted(file, acceptedFileTypes));
-		const invalidFiles = inputFiles.filter((file_0) => !FileUtils.isFileTypeAccepted(file_0, acceptedFileTypes));
-		if (invalidFiles.length > 0) if (allowsMultiple) onInvalidFileType?.(invalidFiles.map((file_1) => file_1.name));
+		const invalidFiles = inputFiles.filter((file) => !FileUtils.isFileTypeAccepted(file, acceptedFileTypes));
+		if (invalidFiles.length > 0) if (allowsMultiple) onInvalidFileType?.(invalidFiles.map((file) => file.name));
 		else onInvalidFileType?.(invalidFiles[0].name);
 		if (acceptedFiles.length === 0 || !fileUpload) return;
 		if (!allowsMultiple) setUploadState([]);
 		const newUploadState = [];
-		acceptedFiles.forEach((file_2) => {
+		acceptedFiles.forEach((file) => {
 			newUploadState.push({
 				state: "uploading",
 				progress: 0,
-				file: file_2,
+				file,
 				abortController: new AbortController()
 			});
 		});
 		const startIndex = allowsMultiple ? uploadState.length : 0;
 		setUploadState((prev) => [...prev, ...newUploadState]);
 		const promises = [];
-		acceptedFiles.forEach(async (file_3, index_0) => {
+		acceptedFiles.forEach(async (file, index) => {
 			promises.push(fileUpload({ data: {
-				resourceName: file_3.name,
-				fileName: file_3.name,
-				fileSize: file_3.size,
+				resourceName: file.name,
+				fileName: file.name,
+				fileSize: file.size,
 				method: "put"
-			} }, file_3, {
+			} }, file, {
 				onUploadProgress: ({ loaded, total }) => {
 					if (total == null) return;
 					const progress = Math.round(loaded / total * 100);
-					setUploadState((prev_0) => prev_0.map((state, i) => i === startIndex + index_0 ? {
+					setUploadState((prev) => prev.map((state, i) => i === startIndex + index ? {
 						...state,
 						progress
 					} : state));
 				},
-				abortController: newUploadState[index_0]?.abortController
+				abortController: newUploadState[index]?.abortController
 			}));
 		});
 		try {
-			(await Promise.all(promises)).forEach((res, index_1) => {
-				setUploadState((prev_2) => prev_2.map((state_0, i_1) => i_1 === startIndex + index_1 ? {
-					...state_0,
+			(await Promise.all(promises)).forEach((res, index) => {
+				setUploadState((prev) => prev.map((state, i) => i === startIndex + index ? {
+					...state,
 					state: "uploaded",
 					id: res.id
-				} : state_0));
+				} : state));
 			});
 			if (clearOnSuccess) setUploadState([]);
-		} catch (error_0) {
-			setUploadState((prev_1) => prev_1.filter((_, i_0) => i_0 < startIndex));
-			throw error_0;
+		} catch (error) {
+			setUploadState((prev) => prev.filter((_, i) => i < startIndex));
+			throw error;
 		}
 	};
-	const handleSelect = (inputFiles_0) => {
-		if (!inputFiles_0) return;
-		handleUpload(Array.from(inputFiles_0));
+	const handleSelect = (inputFiles) => {
+		if (!inputFiles) return;
+		const filesArray = Array.from(inputFiles);
+		handleUpload(filesArray);
 	};
 	const handleDrop = async (e) => {
 		if (!e.items) return;
-		const promises_0 = [];
-		e.items.forEach((item_0) => {
-			if (item_0.kind === "file") promises_0.push(item_0.getFile());
+		const promises = [];
+		e.items.forEach((item) => {
+			if (item.kind === "file") promises.push(item.getFile());
 		});
-		handleUpload(await Promise.all(promises_0));
+		const inputFiles = await Promise.all(promises);
+		handleUpload(inputFiles);
 	};
 	const handleRemove = useCallback((id) => {
 		fileRemove?.({ id });
-		setUploadState((prev_3) => prev_3.filter((state_1) => state_1.id !== id));
+		setUploadState((prev) => prev.filter((state) => state.id !== id));
 	}, [fileRemove]);
-	const handleCancelUpload = useCallback((index_2) => {
-		const findState = uploadState[index_2];
+	const handleCancelUpload = useCallback((index) => {
+		const findState = uploadState[index];
 		if (findState) {
 			findState.abortController?.abort("canceled by user");
-			setUploadState((prev_4) => prev_4.filter((__0, i_2) => i_2 !== index_2));
+			setUploadState((prev) => prev.filter((_, i) => i !== index));
 		}
 	}, [uploadState]);
 	return /* @__PURE__ */ jsxs(FormField, {
@@ -190,64 +191,24 @@ var FileUploadBase = (props) => {
 		}))]
 	});
 };
-var FileUpload = (props) => {
-	const $ = c(15);
+const FileUploadComponent = (props) => {
 	if ("field" in props && props.field) {
-		let field;
-		let innerProps;
-		let ref;
-		if ($[0] !== props) {
-			({field, ref, ...innerProps} = props);
-			$[0] = props;
-			$[1] = field;
-			$[2] = innerProps;
-			$[3] = ref;
-		} else {
-			field = $[1];
-			innerProps = $[2];
-			ref = $[3];
-		}
-		let t0;
-		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
-			t0 = (t1) => {
-				const { field: field_0, fieldState: t2 } = t1;
-				const { error } = t2;
-				return /* @__PURE__ */ jsx(FileUploadBase, {
-					...innerProps,
-					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
-				});
-			};
-			$[4] = innerProps;
-			$[5] = props.error;
-			$[6] = props.isDisabled;
-			$[7] = ref;
-			$[8] = t0;
-		} else t0 = $[8];
-		let t1;
-		if ($[9] !== field.form || $[10] !== field.name || $[11] !== t0) {
-			t1 = /* @__PURE__ */ jsx(FieldController, {
-				control: field.form,
-				name: field.name,
-				render: t0
-			});
-			$[9] = field.form;
-			$[10] = field.name;
-			$[11] = t0;
-			$[12] = t1;
-		} else t1 = $[12];
-		return t1;
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(FileUploadBase, {
+				...innerProps,
+				ref: mergeRefs(ref, field.ref),
+				value: field.value,
+				onChange: field.onChange,
+				isDisabled: field.disabled || props.isDisabled,
+				error: props.error ?? error?.message
+			})
+		});
 	}
-	let t0;
-	if ($[13] !== props) {
-		t0 = /* @__PURE__ */ jsx(FileUploadBase, { ...props });
-		$[13] = props;
-		$[14] = t0;
-	} else t0 = $[14];
-	return t0;
+	return /* @__PURE__ */ jsx(FileUploadBase, { ...props });
 };
+const FileUpload = memo(FileUploadComponent);
 //#endregion
 export { FileUpload };

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

@@ -1,3 +1,5 @@
-import { FileUploadContainerProps } from './fileUpload.types';
-export declare const FileUploadContainer: (props: FileUploadContainerProps) => import("react/jsx-runtime").JSX.Element;
-export type { FileUploadContainerProps };
+import { FileUploadContainerProps } from "./fileUpload.types.js";
+//#region src/components/inputs/File/FileUploadContainer.d.ts
+declare const FileUploadContainer: import("react").MemoExoticComponent<(props: FileUploadContainerProps) => import("react/jsx-runtime").JSX.Element>;
+//#endregion
+export { FileUploadContainer, type FileUploadContainerProps };

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

@@ -1,22 +1,15 @@
 import { FileUpload } from "./FileUpload.js";
-import { c } from "react/compiler-runtime";
+import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/File/FileUploadContainer.tsx
-var FileUploadContainer = (props) => {
-	const $ = c(2);
-	let t0;
-	if ($[0] !== props) {
-		t0 = /* @__PURE__ */ jsx(FileUpload, {
-			label: "",
-			hideLabel: true,
-			variant: "vertical",
-			as: "button",
-			...props
-		});
-		$[0] = props;
-		$[1] = t0;
-	} else t0 = $[1];
-	return t0;
-};
+const FileUploadContainer = memo((props) => {
+	return /* @__PURE__ */ jsx(FileUpload, {
+		label: "",
+		hideLabel: true,
+		variant: "vertical",
+		as: "button",
+		...props
+	});
+});
 //#endregion
 export { FileUploadContainer };

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

@@ -1,4 +1,7 @@
-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;
+import { FieldValues } from "../shared/form.binding.js";
+import { InputUploadBaseProps, InputUploadProps } from "./inputUpload.types.js";
+//#region src/components/inputs/File/InputUpload.d.ts
+declare const InputUploadComponent: <TFieldValues extends FieldValues = FieldValues>(props: InputUploadProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const InputUpload: typeof InputUploadComponent;
+//#endregion
+export { InputUpload, type InputUploadBaseProps, type InputUploadProps };

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

@@ -5,12 +5,11 @@ import { FileUtils } from "../../../utils/file.utils.js";
 import { InputUploadContent } from "./shared/InputUploadContent.js";
 import { InputUploadFilled } from "./shared/InputUploadFilled.js";
 import { clsx } from "clsx";
-import { useState } from "react";
-import { c } from "react/compiler-runtime";
+import { memo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { mergeRefs, useLabels } from "@react-aria/utils";
 //#region src/components/inputs/File/InputUpload.tsx
-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 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();
 	const [internalFiles, setInternalFiles] = useState(() => {
 		if (value !== void 0) {
@@ -47,18 +46,19 @@ var InputUploadBase = ({ ref: _ref, label, tooltipText, variant, helperText, isR
 	};
 	const handleFileSelect = (inputFiles) => {
 		const acceptedFiles = inputFiles.filter((file) => FileUtils.isFileTypeAccepted(file, acceptedFileTypes));
-		const invalidFiles = inputFiles.filter((file_0) => !FileUtils.isFileTypeAccepted(file_0, acceptedFileTypes));
+		const invalidFiles = inputFiles.filter((file) => !FileUtils.isFileTypeAccepted(file, acceptedFileTypes));
 		if (allowsMultiple) {
 			updateFiles([...files, ...acceptedFiles]);
-			if (invalidFiles.length > 0) onInvalidFileType?.(invalidFiles.map((file_1) => file_1.name));
+			if (invalidFiles.length > 0) onInvalidFileType?.(invalidFiles.map((file) => file.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 handleSelect = (inputFiles) => {
+		if (!inputFiles) return;
+		const filesArray = Array.from(inputFiles);
+		handleFileSelect(filesArray);
 	};
 	const handleDrop = async (e) => {
 		if (!e.items) return;
@@ -66,7 +66,8 @@ var InputUploadBase = ({ ref: _ref, label, tooltipText, variant, helperText, isR
 		e.items.forEach((item) => {
 			if (item.kind === "file") promises.push(item.getFile());
 		});
-		handleFileSelect(await Promise.all(promises));
+		const inputFiles = await Promise.all(promises);
+		handleFileSelect(inputFiles);
 	};
 	const handleRemove = () => {
 		updateFiles([]);
@@ -94,64 +95,24 @@ var InputUploadBase = ({ ref: _ref, label, tooltipText, variant, helperText, isR
 		})
 	});
 };
-var InputUpload = (props) => {
-	const $ = c(15);
+const InputUploadComponent = (props) => {
 	if ("field" in props && props.field) {
-		let field;
-		let innerProps;
-		let ref;
-		if ($[0] !== props) {
-			({field, ref, ...innerProps} = props);
-			$[0] = props;
-			$[1] = field;
-			$[2] = innerProps;
-			$[3] = ref;
-		} else {
-			field = $[1];
-			innerProps = $[2];
-			ref = $[3];
-		}
-		let t0;
-		if ($[4] !== innerProps || $[5] !== props.error || $[6] !== props.isDisabled || $[7] !== ref) {
-			t0 = (t1) => {
-				const { field: field_0, fieldState: t2 } = t1;
-				const { error } = t2;
-				return /* @__PURE__ */ jsx(InputUploadBase, {
-					...innerProps,
-					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
-				});
-			};
-			$[4] = innerProps;
-			$[5] = props.error;
-			$[6] = props.isDisabled;
-			$[7] = ref;
-			$[8] = t0;
-		} else t0 = $[8];
-		let t1;
-		if ($[9] !== field.form || $[10] !== field.name || $[11] !== t0) {
-			t1 = /* @__PURE__ */ jsx(FieldController, {
-				control: field.form,
-				name: field.name,
-				render: t0
-			});
-			$[9] = field.form;
-			$[10] = field.name;
-			$[11] = t0;
-			$[12] = t1;
-		} else t1 = $[12];
-		return t1;
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(InputUploadBase, {
+				...innerProps,
+				ref: mergeRefs(ref, field.ref),
+				value: field.value,
+				onChange: field.onChange,
+				isDisabled: field.disabled || props.isDisabled,
+				error: props.error ?? error?.message
+			})
+		});
 	}
-	let t0;
-	if ($[13] !== props) {
-		t0 = /* @__PURE__ */ jsx(InputUploadBase, { ...props });
-		$[13] = props;
-		$[14] = t0;
-	} else t0 = $[14];
-	return t0;
+	return /* @__PURE__ */ jsx(InputUploadBase, { ...props });
 };
+const InputUpload = memo(InputUploadComponent);
 //#endregion
 export { InputUpload };