@povio/ui 3.4.0-rc.15 → 3.4.0-rc.17

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

@@ -1,60 +1,22 @@
 import { FileCard } from "./FileCard.js";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
+import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/File/shared/FileCardList.tsx
-var FileCardList = (t0) => {
-	const $ = c(20);
-	const { uploadState, as, isDisabled, browseButtonProps, cancelButtonProps, className, onRemove, onCancel } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = clsx("mt-10 flex flex-col items-start gap-4 self-stretch", className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== as || $[3] !== browseButtonProps || $[4] !== cancelButtonProps || $[5] !== isDisabled || $[6] !== onCancel || $[7] !== onRemove || $[8] !== uploadState) {
-		let t3;
-		if ($[10] !== as || $[11] !== browseButtonProps || $[12] !== cancelButtonProps || $[13] !== isDisabled || $[14] !== onCancel || $[15] !== onRemove) {
-			t3 = (state, index) => /* @__PURE__ */ jsx(FileCard, {
-				index,
-				as,
-				state,
-				isDisabled,
-				browseButtonProps,
-				cancelButtonProps,
-				onRemove,
-				onCancel
-			}, state.file?.name ?? state.displayName ?? state.id ?? state.src);
-			$[10] = as;
-			$[11] = browseButtonProps;
-			$[12] = cancelButtonProps;
-			$[13] = isDisabled;
-			$[14] = onCancel;
-			$[15] = onRemove;
-			$[16] = t3;
-		} else t3 = $[16];
-		t2 = uploadState.map(t3);
-		$[2] = as;
-		$[3] = browseButtonProps;
-		$[4] = cancelButtonProps;
-		$[5] = isDisabled;
-		$[6] = onCancel;
-		$[7] = onRemove;
-		$[8] = uploadState;
-		$[9] = t2;
-	} else t2 = $[9];
-	let t3;
-	if ($[17] !== t1 || $[18] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: t1,
-			children: t2
-		});
-		$[17] = t1;
-		$[18] = t2;
-		$[19] = t3;
-	} else t3 = $[19];
-	return t3;
-};
+const FileCardList = memo(({ uploadState, as, isDisabled, browseButtonProps, cancelButtonProps, className, onRemove, onCancel }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("mt-10 flex flex-col items-start gap-4 self-stretch", className),
+		children: uploadState.map((state, index) => /* @__PURE__ */ jsx(FileCard, {
+			index,
+			as,
+			state,
+			isDisabled,
+			browseButtonProps,
+			cancelButtonProps,
+			onRemove,
+			onCancel
+		}, state.file?.name ?? state.displayName ?? state.id ?? state.src))
+	});
+});
 //#endregion
 export { FileCardList };

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

@@ -3,177 +3,55 @@ import { FileUploadContentFilled } from "./FileUploadContentFilled.js";
 import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
 import { FileUploadContentEmpty } from "./FileUploadContentEmpty.js";
 import { FileTrigger } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/File/shared/FileUploadContent.tsx
-var FileUploadContent = (t0) => {
-	const $ = c(63);
-	let acceptedFileTypes;
-	let allowsMultiple;
-	let as;
-	let browseButtonProps;
-	let browseText;
-	let cancelButtonProps;
-	let emptyText;
-	let handleCancelUpload;
-	let handleRemove;
-	let handleSelect;
-	let isDisabled;
-	let rest;
-	let uploadState;
-	let uploadText;
-	let variant;
-	if ($[0] !== t0) {
-		({variant, as, isDisabled, browseText, uploadText, emptyText, uploadState, browseButtonProps, cancelButtonProps, handleCancelUpload, handleRemove, acceptedFileTypes, allowsMultiple, handleSelect, ...rest} = t0);
-		$[0] = t0;
-		$[1] = acceptedFileTypes;
-		$[2] = allowsMultiple;
-		$[3] = as;
-		$[4] = browseButtonProps;
-		$[5] = browseText;
-		$[6] = cancelButtonProps;
-		$[7] = emptyText;
-		$[8] = handleCancelUpload;
-		$[9] = handleRemove;
-		$[10] = handleSelect;
-		$[11] = isDisabled;
-		$[12] = rest;
-		$[13] = uploadState;
-		$[14] = uploadText;
-		$[15] = variant;
-	} else {
-		acceptedFileTypes = $[1];
-		allowsMultiple = $[2];
-		as = $[3];
-		browseButtonProps = $[4];
-		browseText = $[5];
-		cancelButtonProps = $[6];
-		emptyText = $[7];
-		handleCancelUpload = $[8];
-		handleRemove = $[9];
-		handleSelect = $[10];
-		isDisabled = $[11];
-		rest = $[12];
-		uploadState = $[13];
-		uploadText = $[14];
-		variant = $[15];
-	}
-	let t1;
-	if ($[16] !== uploadState) {
-		t1 = uploadState.at(0);
-		$[16] = uploadState;
-		$[17] = t1;
-	} else t1 = $[17];
-	const currentState = t1;
-	let t2;
-	if ($[18] !== acceptedFileTypes || $[19] !== allowsMultiple || $[20] !== handleSelect || $[21] !== rest) {
-		t2 = {
-			...rest,
-			acceptedFileTypes,
-			allowsMultiple,
-			onSelect: handleSelect
-		};
-		$[18] = acceptedFileTypes;
-		$[19] = allowsMultiple;
-		$[20] = handleSelect;
-		$[21] = rest;
-		$[22] = t2;
-	} else t2 = $[22];
-	const fileTriggerProps = t2;
+const FileUploadContent = ({ variant, as, isDisabled, browseText, uploadText, emptyText, uploadState, browseButtonProps, cancelButtonProps, handleCancelUpload, handleRemove, acceptedFileTypes, allowsMultiple, handleSelect, ...rest }) => {
+	const currentState = uploadState.at(0);
+	const fileTriggerProps = {
+		...rest,
+		acceptedFileTypes,
+		allowsMultiple,
+		onSelect: handleSelect
+	};
 	if (!allowsMultiple && currentState) {
-		if (currentState.state === "uploading") {
-			let t3;
-			if ($[23] !== as || $[24] !== cancelButtonProps || $[25] !== currentState || $[26] !== handleCancelUpload || $[27] !== isDisabled || $[28] !== variant) {
-				t3 = /* @__PURE__ */ jsx(FileUploadContentLoading, {
-					index: 0,
-					variant,
-					as,
-					singleFile: true,
-					isDisabled,
-					state: currentState,
-					cancelButtonProps,
-					onCancel: handleCancelUpload
-				});
-				$[23] = as;
-				$[24] = cancelButtonProps;
-				$[25] = currentState;
-				$[26] = handleCancelUpload;
-				$[27] = isDisabled;
-				$[28] = variant;
-				$[29] = t3;
-			} else t3 = $[29];
-			return t3;
-		}
-		if (currentState.state === "uploaded") {
-			let t3;
-			if ($[30] !== currentState.id || $[31] !== handleRemove) {
-				t3 = () => {
-					handleRemove(currentState.id ?? "");
-				};
-				$[30] = currentState.id;
-				$[31] = handleRemove;
-				$[32] = t3;
-			} else t3 = $[32];
-			let t4;
-			if ($[33] !== as || $[34] !== browseButtonProps || $[35] !== browseText || $[36] !== currentState || $[37] !== fileTriggerProps || $[38] !== isDisabled || $[39] !== t3 || $[40] !== variant) {
-				t4 = /* @__PURE__ */ jsx(FileUploadContentFilled, {
-					as,
-					variant,
-					singleFile: true,
-					isDisabled,
-					state: currentState,
-					browseText,
-					browseButtonProps,
-					fileTriggerProps,
-					onRemove: t3
-				});
-				$[33] = as;
-				$[34] = browseButtonProps;
-				$[35] = browseText;
-				$[36] = currentState;
-				$[37] = fileTriggerProps;
-				$[38] = isDisabled;
-				$[39] = t3;
-				$[40] = variant;
-				$[41] = t4;
-			} else t4 = $[41];
-			return t4;
-		}
-		if (currentState.state === "error") {
-			let t3;
-			if ($[42] !== currentState.id || $[43] !== handleRemove) {
-				t3 = () => {
-					handleRemove(currentState.id ?? "");
-				};
-				$[42] = currentState.id;
-				$[43] = handleRemove;
-				$[44] = t3;
-			} else t3 = $[44];
-			let t4;
-			if ($[45] !== as || $[46] !== browseButtonProps || $[47] !== currentState || $[48] !== isDisabled || $[49] !== t3 || $[50] !== variant) {
-				t4 = /* @__PURE__ */ jsx(FileUploadContentError, {
-					as,
-					variant,
-					singleFile: true,
-					isDisabled,
-					state: currentState,
-					browseButtonProps,
-					onRemove: t3
-				});
-				$[45] = as;
-				$[46] = browseButtonProps;
-				$[47] = currentState;
-				$[48] = isDisabled;
-				$[49] = t3;
-				$[50] = variant;
-				$[51] = t4;
-			} else t4 = $[51];
-			return t4;
-		}
+		if (currentState.state === "uploading") return /* @__PURE__ */ jsx(FileUploadContentLoading, {
+			index: 0,
+			variant,
+			as,
+			singleFile: true,
+			isDisabled,
+			state: currentState,
+			cancelButtonProps,
+			onCancel: handleCancelUpload
+		});
+		if (currentState.state === "uploaded") return /* @__PURE__ */ jsx(FileUploadContentFilled, {
+			as,
+			variant,
+			singleFile: true,
+			isDisabled,
+			state: currentState,
+			browseText,
+			browseButtonProps,
+			fileTriggerProps,
+			onRemove: () => {
+				handleRemove(currentState.id ?? "");
+			}
+		});
+		if (currentState.state === "error") return /* @__PURE__ */ jsx(FileUploadContentError, {
+			as,
+			variant,
+			singleFile: true,
+			isDisabled,
+			state: currentState,
+			browseButtonProps,
+			onRemove: () => {
+				handleRemove(currentState.id ?? "");
+			}
+		});
 	}
-	let t3;
-	if ($[52] !== as || $[53] !== browseButtonProps || $[54] !== browseText || $[55] !== emptyText || $[56] !== isDisabled || $[57] !== uploadText || $[58] !== variant) {
-		t3 = /* @__PURE__ */ jsx(FileUploadContentEmpty, {
+	return /* @__PURE__ */ jsx(FileTrigger, {
+		...fileTriggerProps,
+		children: /* @__PURE__ */ jsx(FileUploadContentEmpty, {
 			as,
 			variant,
 			singleFile: true,
@@ -182,27 +60,8 @@ var FileUploadContent = (t0) => {
 			uploadText,
 			browseText,
 			browseButtonProps
-		});
-		$[52] = as;
-		$[53] = browseButtonProps;
-		$[54] = browseText;
-		$[55] = emptyText;
-		$[56] = isDisabled;
-		$[57] = uploadText;
-		$[58] = variant;
-		$[59] = t3;
-	} else t3 = $[59];
-	let t4;
-	if ($[60] !== fileTriggerProps || $[61] !== t3) {
-		t4 = /* @__PURE__ */ jsx(FileTrigger, {
-			...fileTriggerProps,
-			children: t3
-		});
-		$[60] = fileTriggerProps;
-		$[61] = t3;
-		$[62] = t4;
-	} else t4 = $[62];
-	return t4;
+		})
+	});
 };
 //#endregion
 export { FileUploadContent };

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

@@ -1,11 +1,11 @@
-import { Typography } from "../../../text/Typography/Typography.js";
+import { Typography } from "../../../typography.js";
 import { Button } from "../../../buttons/Button/Button.js";
-import { TextButton } from "../../../buttons/TextButton/TextButton.js";
+import { TextButton } from "../../../text-button.js";
 import { Upload } from "lucide-react";
 import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/File/shared/FileUploadContentEmpty.tsx
-var FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton = false, className, browseButtonProps }) => {
+const FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton = false, className, browseButtonProps }) => {
 	const { size: browseButtonSize = "xs", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx("flex w-full items-center gap-file-upload-content-gap-text-to-text", className, {

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

@@ -1,15 +1,15 @@
-import { Typography } from "../../../text/Typography/Typography.js";
+import { Typography } from "../../../typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
-import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
+import { InlineIconButton } from "../../../inline-icon-button.js";
 import "../../../../config/i18n.js";
-import { TextButton } from "../../../buttons/TextButton/TextButton.js";
+import { TextButton } from "../../../text-button.js";
 import { CircleAlert, X } from "lucide-react";
 import { clsx } from "clsx";
 import { FileTrigger } from "react-aria-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/FileUploadContentError.tsx
-var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
+const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
 	const { t } = useTranslation("ui");
 	const { size: browseButtonSize = "xs", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
 	return /* @__PURE__ */ jsx("div", {
@@ -76,7 +76,7 @@ var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, file
 					onPress: () => {
 						onRemove(state.id ?? "");
 					},
-					children: t(($_0) => $_0.ui.fileUpload.removeFile)
+					children: t(($) => $.ui.fileUpload.removeFile)
 				})] }) : /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center justify-center gap-file-upload-content-gap-button-to-button self-stretch",
 					children: [fileTriggerProps && /* @__PURE__ */ jsx(FileTrigger, {
@@ -101,7 +101,7 @@ var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, file
 						onPress: () => {
 							onRemove(state.id ?? "");
 						},
-						children: t(($_1) => $_1.ui.fileUpload.removeFile)
+						children: t(($) => $.ui.fileUpload.removeFile)
 					})]
 				})
 			})]

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

@@ -1,8 +1,8 @@
-import { Typography } from "../../../text/Typography/Typography.js";
+import { Typography } from "../../../typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
-import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
+import { InlineIconButton } from "../../../inline-icon-button.js";
 import "../../../../config/i18n.js";
-import { TextButton } from "../../../buttons/TextButton/TextButton.js";
+import { TextButton } from "../../../text-button.js";
 import { FileUtils } from "../../../../utils/file.utils.js";
 import { CheckCircle, X } from "lucide-react";
 import { clsx } from "clsx";
@@ -10,7 +10,7 @@ import { FileTrigger } from "react-aria-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/FileUploadContentFilled.tsx
-var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
+const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
 	const { t } = useTranslation("ui");
 	const { size: browseButtonSize = "xs", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
 	return /* @__PURE__ */ jsx("div", {
@@ -79,7 +79,7 @@ var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fil
 					onPress: () => {
 						onRemove(state.id ?? "");
 					},
-					children: t(($_0) => $_0.ui.fileUpload.removeFile)
+					children: t(($) => $.ui.fileUpload.removeFile)
 				})] }) : /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center justify-center gap-file-upload-content-gap-button-to-button self-stretch",
 					children: [fileTriggerProps && /* @__PURE__ */ jsx(FileTrigger, {
@@ -106,7 +106,7 @@ var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fil
 							onRemove(state.id ?? "");
 						},
 						isDisabled,
-						children: t(($_1) => $_1.ui.fileUpload.removeFile)
+						children: t(($) => $.ui.fileUpload.removeFile)
 					})]
 				})
 			})]

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

@@ -1,6 +1,6 @@
-import { Typography } from "../../../text/Typography/Typography.js";
+import { Typography } from "../../../typography.js";
 import { Button } from "../../../buttons/Button/Button.js";
-import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
+import { InlineIconButton } from "../../../inline-icon-button.js";
 import "../../../../config/i18n.js";
 import { FileUtils } from "../../../../utils/file.utils.js";
 import { ProgressBar } from "./ProgressBar.js";
@@ -9,7 +9,7 @@ import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/FileUploadContentLoading.tsx
-var FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singleFile, onCancel, cancelButtonProps }) => {
+const FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singleFile, onCancel, cancelButtonProps }) => {
 	const { t } = useTranslation("ui");
 	const { color: cancelButtonColor = "secondary", size: cancelButtonSize = "xs", variant: cancelButtonVariant = "outlined", width: cancelButtonWidth = "hug", ...cancelButtonRestProps } = cancelButtonProps ?? {};
 	return /* @__PURE__ */ jsxs("div", {

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

@@ -1,169 +1,56 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../text/Typography/Typography.js";
+import { Typography } from "../../../typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
 import "../../../../config/i18n.js";
-import { TextButton } from "../../../buttons/TextButton/TextButton.js";
+import { TextButton } from "../../../text-button.js";
 import { inputSizeDefinition } from "../../shared/input.cva.js";
 import { inputButtonSizeMapping } from "../inputUpload.types.js";
 import { inputUploadButton, inputUploadDropZone } from "./inputUploadButton.cva.js";
 import { Upload } from "lucide-react";
 import { clsx } from "clsx";
 import { DropZone, FileTrigger } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/InputUploadContent.tsx
-var InputUploadContent = (props) => {
-	const $ = c(46);
-	let buttonText;
-	let error;
-	let isDisabled;
-	let placeholder;
-	let rest;
-	let size;
-	let variant;
-	if ($[0] !== props) {
-		({variant, isDisabled, error, placeholder, buttonText, size, ...rest} = props);
-		$[0] = props;
-		$[1] = buttonText;
-		$[2] = error;
-		$[3] = isDisabled;
-		$[4] = placeholder;
-		$[5] = rest;
-		$[6] = size;
-		$[7] = variant;
-	} else {
-		buttonText = $[1];
-		error = $[2];
-		isDisabled = $[3];
-		placeholder = $[4];
-		rest = $[5];
-		size = $[6];
-		variant = $[7];
-	}
+const InputUploadContent = (props) => {
+	const { variant, isDisabled, error, placeholder, buttonText, size, ...rest } = props;
 	const { t } = useTranslation("ui");
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	const t0 = isDisabled || void 0;
-	const t1 = isDisabled || void 0;
-	const t2 = !!error || void 0;
-	let t3;
-	if ($[8] !== variant) {
-		t3 = inputUploadButton({
-			variant,
-			className: "group/input-upload"
-		});
-		$[8] = variant;
-		$[9] = t3;
-	} else t3 = $[9];
-	let t4;
-	if ($[10] !== inputSizeCva || $[11] !== size || $[12] !== variant) {
-		t4 = clsx(inputUploadDropZone({ variant }), inputSizeCva({ size }));
-		$[10] = inputSizeCva;
-		$[11] = size;
-		$[12] = variant;
-		$[13] = t4;
-	} else t4 = $[13];
-	let t5;
-	if ($[14] !== placeholder || $[15] !== t) {
-		t5 = placeholder ?? t(_temp);
-		$[14] = placeholder;
-		$[15] = t;
-		$[16] = t5;
-	} else t5 = $[16];
-	let t6;
-	if ($[17] !== t5) {
-		t6 = /* @__PURE__ */ jsx(Typography, {
-			variant: "default",
-			size: "label-1",
-			as: "span",
-			className: "min-w-0 flex-fill select-none truncate text-text-default-3",
-			children: t5
-		});
-		$[17] = t5;
-		$[18] = t6;
-	} else t6 = $[18];
-	let t7;
-	if ($[19] !== buttonText || $[20] !== isDisabled || $[21] !== t || $[22] !== variant) {
-		t7 = variant === "nested" && /* @__PURE__ */ jsx(TextButton, {
-			isDisabled,
-			icon: Upload,
-			children: buttonText ?? t(_temp2)
-		});
-		$[19] = buttonText;
-		$[20] = isDisabled;
-		$[21] = t;
-		$[22] = variant;
-		$[23] = t7;
-	} else t7 = $[23];
-	let t8;
-	if ($[24] !== isDisabled || $[25] !== rest || $[26] !== t4 || $[27] !== t6 || $[28] !== t7) {
-		t8 = /* @__PURE__ */ jsxs(DropZone, {
-			...rest,
-			isDisabled,
-			className: t4,
-			children: [t6, t7]
-		});
-		$[24] = isDisabled;
-		$[25] = rest;
-		$[26] = t4;
-		$[27] = t6;
-		$[28] = t7;
-		$[29] = t8;
-	} else t8 = $[29];
-	let t9;
-	if ($[30] !== buttonText || $[31] !== isDisabled || $[32] !== size || $[33] !== t || $[34] !== variant) {
-		t9 = variant !== "nested" && /* @__PURE__ */ jsx(Button$1, {
-			size: inputButtonSizeMapping[size ?? "default"],
-			width: "hug",
-			isDisabled,
-			className: "truncate",
-			children: buttonText ?? t(_temp3)
-		});
-		$[30] = buttonText;
-		$[31] = isDisabled;
-		$[32] = size;
-		$[33] = t;
-		$[34] = variant;
-		$[35] = t9;
-	} else t9 = $[35];
-	let t10;
-	if ($[36] !== t0 || $[37] !== t1 || $[38] !== t2 || $[39] !== t3 || $[40] !== t8 || $[41] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx(FileTrigger, {
+		...rest,
+		children: /* @__PURE__ */ jsxs("div", {
 			"data-rac": "",
-			"data-disabled": t0,
-			"data-is-disabled": t1,
-			"data-invalid": t2,
-			className: t3,
-			children: [t8, t9]
-		});
-		$[36] = t0;
-		$[37] = t1;
-		$[38] = t2;
-		$[39] = t3;
-		$[40] = t8;
-		$[41] = t9;
-		$[42] = t10;
-	} else t10 = $[42];
-	let t11;
-	if ($[43] !== rest || $[44] !== t10) {
-		t11 = /* @__PURE__ */ jsx(FileTrigger, {
-			...rest,
-			children: t10
-		});
-		$[43] = rest;
-		$[44] = t10;
-		$[45] = t11;
-	} else t11 = $[45];
-	return t11;
+			"data-disabled": isDisabled || void 0,
+			"data-is-disabled": isDisabled || void 0,
+			"data-invalid": !!error || void 0,
+			className: inputUploadButton({
+				variant,
+				className: "group/input-upload"
+			}),
+			children: [/* @__PURE__ */ jsxs(DropZone, {
+				...rest,
+				isDisabled,
+				className: clsx(inputUploadDropZone({ variant }), inputSizeCva({ size })),
+				children: [/* @__PURE__ */ jsx(Typography, {
+					variant: "default",
+					size: "label-1",
+					as: "span",
+					className: "min-w-0 flex-fill select-none truncate text-text-default-3",
+					children: placeholder ?? t(($) => $.ui.fileUpload.emptyText)
+				}), variant === "nested" && /* @__PURE__ */ jsx(TextButton, {
+					isDisabled,
+					icon: Upload,
+					children: buttonText ?? t(($) => $.ui.fileUpload.upload)
+				})]
+			}), variant !== "nested" && /* @__PURE__ */ jsx(Button$1, {
+				size: inputButtonSizeMapping[size ?? "default"],
+				width: "hug",
+				isDisabled,
+				className: "truncate",
+				children: buttonText ?? t(($) => $.ui.fileUpload.uploadFile)
+			})]
+		})
+	});
 };
-function _temp($) {
-	return $.ui.fileUpload.emptyText;
-}
-function _temp2($_0) {
-	return $_0.ui.fileUpload.upload;
-}
-function _temp3($_1) {
-	return $_1.ui.fileUpload.uploadFile;
-}
 //#endregion
 export { InputUploadContent };