@povio/ui 3.1.0 → 3.2.0

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

@@ -6,111 +6,244 @@ import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { FileUtils } from "../../../../utils/file.utils.js";
 import { CheckCircleIcon } from "../../../../assets/icons/CheckCircle.js";
+import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { FileTrigger } from "react-aria-components";
 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 }) => {
+var FileUploadContentFilled = (t0) => {
+	const $ = c(50);
+	const { variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon: t1, singleFile, onRemove } = t0;
+	const removeWithIcon = t1 === void 0 ? false : t1;
 	const { t } = useTranslation("ui");
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("flex w-full flex-fill flex-col items-start"),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: clsx("flex w-full items-center", {
-				"flex-row gap-file-upload-content-gap-left-to-right-content": variant === "horizontal",
-				"flex-col": variant === "vertical",
-				"gap-file-upload-content-gap-content-to-button": variant === "vertical" && as === "button",
-				"gap-file-upload-content-gap-text-to-text": variant === "vertical" && as === "link"
-			}),
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: clsx("flex min-w-0 max-w-full grow items-center gap-file-upload-content-gap-icon-to-content", {
-					"flex-col": variant === "vertical",
-					"flex-row": variant === "horizontal",
-					"opacity-50": isDisabled
-				}),
-				children: [/* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsxs("div", {
-					className: clsx("flex flex-col gap-file-upload-content-gap-text-to-text", {
-						"max-w-full items-center": variant === "vertical",
-						"max-w-[calc(100%-32px)]": 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__ */ jsx("div", {
-				className: clsx("flex flex-none items-center justify-end", {
-					"flex-col": variant === "vertical" && as === "button",
-					"gap-file-upload-content-gap-text-to-text": as === "link" && variant === "vertical",
-					"gap-file-upload-content-gap-content-to-button": as === "button" && variant === "vertical",
-					"gap-file-upload-content-gap-button-to-button": variant === "horizontal"
-				}),
-				children: as === "link" ? /* @__PURE__ */ jsxs(Fragment, { children: [fileTriggerProps && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FileTrigger, {
-					...fileTriggerProps,
-					children: /* @__PURE__ */ jsx(TextButton, {
-						className: clsx("text-interactive-text-primary-idle", { "[&>span>span]:font-medium!": variant === "vertical" }),
-						children: browseText ?? ""
-					})
-				}), variant === "vertical" && /* @__PURE__ */ jsx(Typography, {
-					variant: "default",
-					size: "label-2",
-					as: "span",
-					className: "text-text-default-2",
-					children: t(($) => $.ui.fileUpload.or)
-				})] }), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
-					label: "Cancel",
-					color: "secondary",
-					onPress: () => {
-						onRemove(state.id ?? "");
-					},
-					icon: CloseIcon
-				}) : /* @__PURE__ */ jsx(TextButton, {
-					className: clsx(variant === "vertical" && "text-interactive-text-primary-idle lowercase [&>span>span]:font-medium!"),
-					color: variant === "horizontal" ? "secondary" : "primary",
-					onPress: () => {
-						onRemove(state.id ?? "");
-					},
-					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, {
-						...fileTriggerProps,
-						children: /* @__PURE__ */ jsx(Button$1, {
-							variant: "outlined",
-							size: "xs",
-							width: "hug",
-							isDisabled,
-							children: browseText ?? ""
-						})
-					}), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
-						label: "Cancel",
-						color: "secondary",
-						onPress: () => {
-							onRemove(state.id ?? "");
-						},
-						icon: CloseIcon,
-						isDisabled
-					}) : /* @__PURE__ */ jsx(TextButton, {
-						color: "secondary",
-						onPress: () => {
-							onRemove(state.id ?? "");
-						},
-						isDisabled,
-						children: t(($) => $.ui.fileUpload.removeFile)
-					})]
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = clsx("flex w-full flex-fill flex-col items-start");
+		$[0] = t2;
+	} else t2 = $[0];
+	const t3 = variant === "horizontal";
+	const t4 = variant === "vertical";
+	const t5 = variant === "vertical" && as === "button";
+	const t6 = variant === "vertical" && as === "link";
+	let t7;
+	if ($[1] !== t3 || $[2] !== t4 || $[3] !== t5 || $[4] !== t6) {
+		t7 = clsx("flex w-full items-center", {
+			"flex-row gap-file-upload-content-gap-left-to-right-content": t3,
+			"flex-col": t4,
+			"gap-file-upload-content-gap-content-to-button": t5,
+			"gap-file-upload-content-gap-text-to-text": t6
+		});
+		$[1] = t3;
+		$[2] = t4;
+		$[3] = t5;
+		$[4] = t6;
+		$[5] = t7;
+	} else t7 = $[5];
+	const t8 = variant === "vertical";
+	const t9 = variant === "horizontal";
+	let t10;
+	if ($[6] !== isDisabled || $[7] !== t8 || $[8] !== t9) {
+		t10 = clsx("flex min-w-0 max-w-full grow items-center gap-file-upload-content-gap-icon-to-content", {
+			"flex-col": t8,
+			"flex-row": t9,
+			"opacity-50": isDisabled
+		});
+		$[6] = isDisabled;
+		$[7] = t8;
+		$[8] = t9;
+		$[9] = t10;
+	} else t10 = $[9];
+	let t11;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-6 w-6 text-text-default-1" });
+		$[10] = t11;
+	} else t11 = $[10];
+	const t12 = variant === "vertical";
+	const t13 = variant === "horizontal";
+	let t14;
+	if ($[11] !== t12 || $[12] !== t13) {
+		t14 = clsx("flex flex-col gap-file-upload-content-gap-text-to-text", {
+			"max-w-full items-center": t12,
+			"max-w-[calc(100%-32px)]": t13
+		});
+		$[11] = t12;
+		$[12] = t13;
+		$[13] = t14;
+	} else t14 = $[13];
+	const t15 = state.file?.name ?? state.displayName ?? "";
+	let t16;
+	if ($[14] !== t15) {
+		t16 = /* @__PURE__ */ jsx(Typography, {
+			variant: "prominent-1",
+			size: "label-1",
+			as: "span",
+			className: "self-stretch truncate text-center text-text-default-1",
+			children: t15
+		});
+		$[14] = t15;
+		$[15] = t16;
+	} else t16 = $[15];
+	const t17 = singleFile ? "label-2" : "label-3";
+	let t18;
+	if ($[16] !== state) {
+		t18 = FileUtils.getFileDisplaySize(state);
+		$[16] = state;
+		$[17] = t18;
+	} else t18 = $[17];
+	let t19;
+	if ($[18] !== t17 || $[19] !== t18) {
+		t19 = /* @__PURE__ */ jsx(Typography, {
+			variant: "default",
+			size: t17,
+			as: "span",
+			className: "text-text-default-2",
+			children: t18
+		});
+		$[18] = t17;
+		$[19] = t18;
+		$[20] = t19;
+	} else t19 = $[20];
+	let t20;
+	if ($[21] !== t14 || $[22] !== t16 || $[23] !== t19) {
+		t20 = /* @__PURE__ */ jsxs("div", {
+			className: t14,
+			children: [t16, t19]
+		});
+		$[21] = t14;
+		$[22] = t16;
+		$[23] = t19;
+		$[24] = t20;
+	} else t20 = $[24];
+	let t21;
+	if ($[25] !== t10 || $[26] !== t20) {
+		t21 = /* @__PURE__ */ jsxs("div", {
+			className: t10,
+			children: [t11, t20]
+		});
+		$[25] = t10;
+		$[26] = t20;
+		$[27] = t21;
+	} else t21 = $[27];
+	const t22 = variant === "vertical" && as === "button";
+	const t23 = as === "link" && variant === "vertical";
+	const t24 = as === "button" && variant === "vertical";
+	const t25 = variant === "horizontal";
+	let t26;
+	if ($[28] !== t22 || $[29] !== t23 || $[30] !== t24 || $[31] !== t25) {
+		t26 = clsx("flex flex-none items-center justify-end", {
+			"flex-col": t22,
+			"gap-file-upload-content-gap-text-to-text": t23,
+			"gap-file-upload-content-gap-content-to-button": t24,
+			"gap-file-upload-content-gap-button-to-button": t25
+		});
+		$[28] = t22;
+		$[29] = t23;
+		$[30] = t24;
+		$[31] = t25;
+		$[32] = t26;
+	} else t26 = $[32];
+	let t27;
+	if ($[33] !== as || $[34] !== browseText || $[35] !== fileTriggerProps || $[36] !== isDisabled || $[37] !== onRemove || $[38] !== removeWithIcon || $[39] !== state.id || $[40] !== t || $[41] !== variant) {
+		t27 = as === "link" ? /* @__PURE__ */ jsxs(Fragment, { children: [fileTriggerProps && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FileTrigger, {
+			...fileTriggerProps,
+			children: /* @__PURE__ */ jsx(TextButton, {
+				className: clsx("text-interactive-text-primary-idle", { "[&>span>span]:font-medium!": variant === "vertical" }),
+				children: browseText ?? ""
+			})
+		}), variant === "vertical" && /* @__PURE__ */ jsx(Typography, {
+			variant: "default",
+			size: "label-2",
+			as: "span",
+			className: "text-text-default-2",
+			children: t(_temp)
+		})] }), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
+			label: "Cancel",
+			color: "secondary",
+			onPress: () => {
+				onRemove(state.id ?? "");
+			},
+			icon: CloseIcon
+		}) : /* @__PURE__ */ jsx(TextButton, {
+			className: clsx(variant === "vertical" && "text-interactive-text-primary-idle lowercase [&>span>span]:font-medium!"),
+			color: variant === "horizontal" ? "secondary" : "primary",
+			onPress: () => {
+				onRemove(state.id ?? "");
+			},
+			children: t(_temp2)
+		})] }) : /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-center gap-file-upload-content-gap-button-to-button self-stretch",
+			children: [fileTriggerProps && /* @__PURE__ */ jsx(FileTrigger, {
+				...fileTriggerProps,
+				children: /* @__PURE__ */ jsx(Button$1, {
+					variant: "outlined",
+					size: "xs",
+					width: "hug",
+					isDisabled,
+					children: browseText ?? ""
 				})
+			}), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
+				label: "Cancel",
+				color: "secondary",
+				onPress: () => {
+					onRemove(state.id ?? "");
+				},
+				icon: CloseIcon,
+				isDisabled
+			}) : /* @__PURE__ */ jsx(TextButton, {
+				color: "secondary",
+				onPress: () => {
+					onRemove(state.id ?? "");
+				},
+				isDisabled,
+				children: t(_temp3)
 			})]
-		})
-	});
+		});
+		$[33] = as;
+		$[34] = browseText;
+		$[35] = fileTriggerProps;
+		$[36] = isDisabled;
+		$[37] = onRemove;
+		$[38] = removeWithIcon;
+		$[39] = state.id;
+		$[40] = t;
+		$[41] = variant;
+		$[42] = t27;
+	} else t27 = $[42];
+	let t28;
+	if ($[43] !== t26 || $[44] !== t27) {
+		t28 = /* @__PURE__ */ jsx("div", {
+			className: t26,
+			children: t27
+		});
+		$[43] = t26;
+		$[44] = t27;
+		$[45] = t28;
+	} else t28 = $[45];
+	let t29;
+	if ($[46] !== t21 || $[47] !== t28 || $[48] !== t7) {
+		t29 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: t7,
+				children: [t21, t28]
+			})
+		});
+		$[46] = t21;
+		$[47] = t28;
+		$[48] = t7;
+		$[49] = t29;
+	} else t29 = $[49];
+	return t29;
 };
+function _temp($) {
+	return $.ui.fileUpload.or;
+}
+function _temp2($_0) {
+	return $_0.ui.fileUpload.removeFile;
+}
+function _temp3($_1) {
+	return $_1.ui.fileUpload.removeFile;
+}
 //#endregion
 export { FileUploadContentFilled };

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

@@ -6,63 +6,186 @@ 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 = ({ index, variant, as, state, isDisabled, singleFile, onCancel }) => {
+var FileUploadContentLoading = (t0) => {
+	const $ = c(57);
+	const { index, variant, as, state, isDisabled, singleFile, onCancel } = t0;
 	const { t } = useTranslation("ui");
-	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, {
+	const t1 = variant === "vertical";
+	const t2 = variant === "horizontal";
+	const t3 = as === "button";
+	let t4;
+	if ($[0] !== t1 || $[1] !== t2 || $[2] !== t3) {
+		t4 = clsx("flex w-full flex-col items-center", {
+			"flex-col": t1,
+			"flex-row": t2,
+			"gap-file-upload-content-gap-content-to-button": t3
+		});
+		$[0] = t1;
+		$[1] = t2;
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	const t5 = variant === "vertical";
+	const t6 = variant === "horizontal";
+	let t7;
+	if ($[4] !== isDisabled || $[5] !== t5 || $[6] !== t6) {
+		t7 = clsx("flex w-full items-center justify-between", {
+			"flex-col gap-file-upload-content-gap-text-to-progress": t5,
+			"flex-row gap-file-upload-content-gap-left-to-right-content": t6,
+			"opacity-50": isDisabled
+		});
+		$[4] = isDisabled;
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = t7;
+	} else t7 = $[7];
+	const t8 = variant === "vertical";
+	const t9 = variant === "horizontal";
+	let t10;
+	if ($[8] !== t8 || $[9] !== t9) {
+		t10 = clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
+			"w-full flex-col": t8,
+			"w-1/2": t9
+		});
+		$[8] = t8;
+		$[9] = t9;
+		$[10] = t10;
+	} else t10 = $[10];
+	let t11;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsx(FileIcon, { className: "h-6 w-6 text-text-default-1" });
+		$[11] = t11;
+	} else t11 = $[11];
+	const t12 = variant === "vertical";
+	const t13 = variant === "horizontal";
+	let t14;
+	if ($[12] !== t12 || $[13] !== t13) {
+		t14 = clsx("flex flex-col", {
+			"max-w-full gap-file-upload-content-gap-icon-to-content text-center": t12,
+			"max-w-[calc(100%-32px)] gap-file-upload-content-gap-text-to-text": t13
+		});
+		$[12] = t12;
+		$[13] = t13;
+		$[14] = t14;
+	} else t14 = $[14];
+	const t15 = state.file?.name ?? state.displayName ?? "";
+	let t16;
+	if ($[15] !== t15) {
+		t16 = /* @__PURE__ */ jsx(Typography, {
+			variant: "prominent-1",
+			size: "label-1",
+			as: "span",
+			className: "self-stretch truncate text-center text-text-default-1",
+			children: t15
+		});
+		$[15] = t15;
+		$[16] = t16;
+	} else t16 = $[16];
+	const t17 = singleFile ? "label-2" : "label-3";
+	let t18;
+	if ($[17] !== state) {
+		t18 = FileUtils.getFileDisplaySize(state);
+		$[17] = state;
+		$[18] = t18;
+	} else t18 = $[18];
+	let t19;
+	if ($[19] !== t17 || $[20] !== t18) {
+		t19 = /* @__PURE__ */ jsx(Typography, {
+			variant: "default",
+			size: t17,
+			as: "span",
+			className: "text-text-default-2",
+			children: t18
+		});
+		$[19] = t17;
+		$[20] = t18;
+		$[21] = t19;
+	} else t19 = $[21];
+	let t20;
+	if ($[22] !== t14 || $[23] !== t16 || $[24] !== t19) {
+		t20 = /* @__PURE__ */ jsxs("div", {
+			className: t14,
+			children: [t16, t19]
+		});
+		$[22] = t14;
+		$[23] = t16;
+		$[24] = t19;
+		$[25] = t20;
+	} else t20 = $[25];
+	let t21;
+	if ($[26] !== t10 || $[27] !== t20) {
+		t21 = /* @__PURE__ */ jsxs("div", {
+			className: t10,
+			children: [t11, t20]
+		});
+		$[26] = t10;
+		$[27] = t20;
+		$[28] = t21;
+	} else t21 = $[28];
+	const t22 = variant === "horizontal";
+	const t23 = variant === "vertical";
+	let t24;
+	if ($[29] !== t22 || $[30] !== t23) {
+		t24 = clsx("flex items-center gap-1", {
+			"w-1/2": t22,
+			"w-full": t23
+		});
+		$[29] = t22;
+		$[30] = t23;
+		$[31] = t24;
+	} else t24 = $[31];
+	let t25;
+	if ($[32] !== state.progress) {
+		t25 = /* @__PURE__ */ jsx(ProgressBar, { progress: state.progress });
+		$[32] = state.progress;
+		$[33] = t25;
+	} else t25 = $[33];
+	let t26;
+	if ($[34] !== as || $[35] !== index || $[36] !== onCancel || $[37] !== variant) {
+		t26 = (as === "link" || variant === "horizontal") && /* @__PURE__ */ jsx(InlineIconButton, {
+			label: "Cancel",
+			color: "secondary",
+			onPress: () => {
+				onCancel(index);
+			},
+			icon: CloseIcon
+		});
+		$[34] = as;
+		$[35] = index;
+		$[36] = onCancel;
+		$[37] = variant;
+		$[38] = t26;
+	} else t26 = $[38];
+	let t27;
+	if ($[39] !== t24 || $[40] !== t25 || $[41] !== t26) {
+		t27 = /* @__PURE__ */ jsxs("div", {
+			className: t24,
+			children: [t25, t26]
+		});
+		$[39] = t24;
+		$[40] = t25;
+		$[41] = t26;
+		$[42] = t27;
+	} else t27 = $[42];
+	let t28;
+	if ($[43] !== t21 || $[44] !== t27 || $[45] !== t7) {
+		t28 = /* @__PURE__ */ jsxs("div", {
+			className: t7,
+			children: [t21, t27]
+		});
+		$[43] = t21;
+		$[44] = t27;
+		$[45] = t7;
+		$[46] = t28;
+	} else t28 = $[46];
+	let t29;
+	if ($[47] !== as || $[48] !== index || $[49] !== onCancel || $[50] !== t || $[51] !== variant) {
+		t29 = as === "button" && variant === "vertical" && /* @__PURE__ */ jsx(Button, {
 			variant: "outlined",
 			size: "xs",
 			color: "secondary",
@@ -70,9 +193,30 @@ var FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singleF
 			onPress: () => {
 				onCancel(index);
 			},
-			children: t(($) => $.ui.fileUpload.cancel)
-		})]
-	});
+			children: t(_temp)
+		});
+		$[47] = as;
+		$[48] = index;
+		$[49] = onCancel;
+		$[50] = t;
+		$[51] = variant;
+		$[52] = t29;
+	} else t29 = $[52];
+	let t30;
+	if ($[53] !== t28 || $[54] !== t29 || $[55] !== t4) {
+		t30 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [t28, t29]
+		});
+		$[53] = t28;
+		$[54] = t29;
+		$[55] = t4;
+		$[56] = t30;
+	} else t30 = $[56];
+	return t30;
 };
+function _temp($) {
+	return $.ui.fileUpload.cancel;
+}
 //#endregion
 export { FileUploadContentLoading };