@povio/ui 3.0.0-rc.3 → 3.1.0

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

@@ -1,115 +1,52 @@
 import { FileUploadContentError } from "./FileUploadContentError.js";
 import { FileUploadContentFilled } from "./FileUploadContentFilled.js";
 import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { useMemo } from "react";
 //#region src/components/inputs/File/shared/FileCard.tsx
-var FileCard = (t0) => {
-	const $ = c(28);
-	const { index, as, state, onRemove, isDisabled, onCancel } = t0;
-	let t1;
-	bb0: {
-		if (state.state === "uploading") {
-			let t2;
-			if ($[0] !== index || $[1] !== onCancel) {
-				t2 = () => onCancel?.(index);
-				$[0] = index;
-				$[1] = onCancel;
-				$[2] = t2;
-			} else t2 = $[2];
-			let t3;
-			if ($[3] !== as || $[4] !== index || $[5] !== isDisabled || $[6] !== state || $[7] !== t2) {
-				t3 = /* @__PURE__ */ jsx(FileUploadContentLoading, {
-					index,
-					variant: "horizontal",
-					as,
-					isDisabled,
-					state,
-					onCancel: t2
-				});
-				$[3] = as;
-				$[4] = index;
-				$[5] = isDisabled;
-				$[6] = state;
-				$[7] = t2;
-				$[8] = t3;
-			} else t3 = $[8];
-			t1 = t3;
-			break bb0;
-		}
-		if (state.state === "error") {
-			let t2;
-			if ($[9] !== index || $[10] !== onCancel) {
-				t2 = () => {
-					onCancel?.(index);
-				};
-				$[9] = index;
-				$[10] = onCancel;
-				$[11] = t2;
-			} else t2 = $[11];
-			let t3;
-			if ($[12] !== as || $[13] !== isDisabled || $[14] !== state || $[15] !== t2) {
-				t3 = /* @__PURE__ */ jsx(FileUploadContentError, {
-					as,
-					removeWithIcon: true,
-					variant: "horizontal",
-					isDisabled,
-					state,
-					onRemove: t2
-				});
-				$[12] = as;
-				$[13] = isDisabled;
-				$[14] = state;
-				$[15] = t2;
-				$[16] = t3;
-			} else t3 = $[16];
-			t1 = t3;
-			break bb0;
-		}
-		let t2;
-		if ($[17] !== onRemove || $[18] !== state.id) {
-			t2 = () => {
+var FileCard = ({ index, as, state, onRemove, isDisabled, onCancel }) => {
+	const content = useMemo(() => {
+		if (state.state === "uploading") return /* @__PURE__ */ jsx(FileUploadContentLoading, {
+			index,
+			variant: "horizontal",
+			as,
+			isDisabled,
+			state,
+			onCancel: () => onCancel?.(index)
+		});
+		if (state.state === "error") return /* @__PURE__ */ jsx(FileUploadContentError, {
+			as,
+			removeWithIcon: true,
+			variant: "horizontal",
+			isDisabled,
+			state,
+			onRemove: () => {
+				onCancel?.(index);
+			}
+		});
+		return /* @__PURE__ */ jsx(FileUploadContentFilled, {
+			as,
+			removeWithIcon: true,
+			variant: "horizontal",
+			isDisabled,
+			state,
+			onRemove: () => {
 				onRemove?.(state.id ?? "");
-			};
-			$[17] = onRemove;
-			$[18] = state.id;
-			$[19] = t2;
-		} else t2 = $[19];
-		let t3;
-		if ($[20] !== as || $[21] !== isDisabled || $[22] !== state || $[23] !== t2) {
-			t3 = /* @__PURE__ */ jsx(FileUploadContentFilled, {
-				as,
-				removeWithIcon: true,
-				variant: "horizontal",
-				isDisabled,
-				state,
-				onRemove: t2
-			});
-			$[20] = as;
-			$[21] = isDisabled;
-			$[22] = state;
-			$[23] = t2;
-			$[24] = t3;
-		} else t3 = $[24];
-		t1 = t3;
-	}
-	const content = t1;
-	let t2;
-	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = clsx("flex items-center self-stretch", "bg-elevation-fill-default-1", "px-file-upload-file-card-side-default", "py-4", "rounded-file-upload-file-card-rounding-default border border-elevation-outline-default-1 border-solid");
-		$[25] = t2;
-	} else t2 = $[25];
-	let t3;
-	if ($[26] !== content) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: t2,
-			children: content
+			}
 		});
-		$[26] = content;
-		$[27] = t3;
-	} else t3 = $[27];
-	return t3;
+	}, [
+		state,
+		index,
+		as,
+		isDisabled,
+		onCancel,
+		onRemove
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("flex items-center self-stretch", "bg-elevation-fill-default-1", "px-file-upload-file-card-side-default", "py-4", "rounded-file-upload-file-card-rounding-default border border-elevation-outline-default-1 border-solid"),
+		children: content
+	});
 };
 //#endregion
 export { FileCard };

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

@@ -1,54 +1,19 @@
 import { FileCard } from "./FileCard.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/inputs/File/shared/FileCardList.tsx
-var FileCardList = (t0) => {
-	const $ = c(16);
-	const { uploadState, as, isDisabled, 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] !== isDisabled || $[4] !== onCancel || $[5] !== onRemove || $[6] !== uploadState) {
-		let t3;
-		if ($[8] !== as || $[9] !== isDisabled || $[10] !== onCancel || $[11] !== onRemove) {
-			t3 = (state, index) => /* @__PURE__ */ jsx(FileCard, {
-				index,
-				as,
-				state,
-				isDisabled,
-				onRemove,
-				onCancel
-			}, state.file?.name ?? state.displayName ?? state.id ?? state.src);
-			$[8] = as;
-			$[9] = isDisabled;
-			$[10] = onCancel;
-			$[11] = onRemove;
-			$[12] = t3;
-		} else t3 = $[12];
-		t2 = uploadState.map(t3);
-		$[2] = as;
-		$[3] = isDisabled;
-		$[4] = onCancel;
-		$[5] = onRemove;
-		$[6] = uploadState;
-		$[7] = t2;
-	} else t2 = $[7];
-	let t3;
-	if ($[13] !== t1 || $[14] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: t1,
-			children: t2
-		});
-		$[13] = t1;
-		$[14] = t2;
-		$[15] = t3;
-	} else t3 = $[15];
-	return t3;
+var FileCardList = ({ uploadState, as, isDisabled, 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,
+			onRemove,
+			onCancel
+		}, state.file?.name ?? state.displayName ?? state.id ?? state.src))
+	});
 };
 //#endregion
 export { FileCardList };

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

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

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

@@ -2,158 +2,55 @@ import { Typography } from "../../../text/Typography/Typography.js";
 import { Button } from "../../../buttons/Button/Button.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { UploadIcon } from "../../../../assets/icons/Upload.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/inputs/File/shared/FileUploadContentEmpty.tsx
-var FileUploadContentEmpty = (t0) => {
-	const $ = c(41);
-	const { variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton: t1, className } = t0;
-	const hideButton = t1 === void 0 ? false : t1;
-	const t2 = variant === "vertical";
-	const t3 = variant === "horizontal";
-	let t4;
-	if ($[0] !== className || $[1] !== t2 || $[2] !== t3) {
-		t4 = clsx("flex w-full items-center gap-file-upload-content-gap-text-to-text", className, {
-			"flex-col": t2,
-			"min-h-11 flex-row justify-between": t3
-		});
-		$[0] = className;
-		$[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 items-center gap-file-upload-content-gap-icon-to-content", {
-			"flex-col": t5,
-			"flex-row": t6,
-			"opacity-50": isDisabled
-		});
-		$[4] = isDisabled;
-		$[5] = t5;
-		$[6] = t6;
-		$[7] = t7;
-	} else t7 = $[7];
-	let t8;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(UploadIcon, { className: "h-6 w-6 text-text-default-1" });
-		$[8] = t8;
-	} else t8 = $[8];
-	const t9 = variant === "vertical";
-	let t10;
-	if ($[9] !== t9) {
-		t10 = clsx("self-stretch text-text-default-1", { "text-center": t9 });
-		$[9] = t9;
-		$[10] = t10;
-	} else t10 = $[10];
-	let t11;
-	if ($[11] !== t10 || $[12] !== title) {
-		t11 = /* @__PURE__ */ jsx(Typography, {
-			variant: "prominent-1",
-			size: "label-1",
-			as: "span",
-			className: t10,
-			children: title
-		});
-		$[11] = t10;
-		$[12] = title;
-		$[13] = t11;
-	} else t11 = $[13];
-	let t12;
-	if ($[14] !== t11 || $[15] !== t7) {
-		t12 = /* @__PURE__ */ jsxs("div", {
-			className: t7,
-			children: [t8, t11]
-		});
-		$[14] = t11;
-		$[15] = t7;
-		$[16] = t12;
-	} else t12 = $[16];
-	const t13 = variant === "vertical" && as === "button";
-	const t14 = as === "link";
-	const t15 = as === "button";
-	let t16;
-	if ($[17] !== t13 || $[18] !== t14 || $[19] !== t15) {
-		t16 = clsx("flex items-center justify-center", {
-			"flex-col": t13,
-			"gap-file-upload-content-gap-text-to-text": t14,
-			"gap-file-upload-content-gap-content-to-button": t15
-		});
-		$[17] = t13;
-		$[18] = t14;
-		$[19] = t15;
-		$[20] = t16;
-	} else t16 = $[20];
-	const t17 = singleFile ? "label-2" : "label-3";
-	const t18 = variant === "vertical";
-	let t19;
-	if ($[21] !== isDisabled || $[22] !== t18) {
-		t19 = clsx("text-text-default-2", {
-			"text-center": t18,
-			"opacity-50": isDisabled
-		});
-		$[21] = isDisabled;
-		$[22] = t18;
-		$[23] = t19;
-	} else t19 = $[23];
-	let t20;
-	if ($[24] !== t17 || $[25] !== t19 || $[26] !== uploadText) {
-		t20 = /* @__PURE__ */ jsx(Typography, {
-			variant: "default",
-			size: t17,
-			as: "span",
-			className: t19,
-			children: uploadText
-		});
-		$[24] = t17;
-		$[25] = t19;
-		$[26] = uploadText;
-		$[27] = t20;
-	} else t20 = $[27];
-	let t21;
-	if ($[28] !== as || $[29] !== browseText || $[30] !== hideButton || $[31] !== isDisabled) {
-		t21 = !hideButton && browseText && (as === "link" ? /* @__PURE__ */ jsx(TextButton, {
-			className: "text-interactive-text-primary-idle lowercase",
-			children: browseText
-		}) : /* @__PURE__ */ jsx(Button, {
-			variant: "outlined",
-			size: "xs",
-			width: "hug",
-			isDisabled,
-			children: browseText
-		}));
-		$[28] = as;
-		$[29] = browseText;
-		$[30] = hideButton;
-		$[31] = isDisabled;
-		$[32] = t21;
-	} else t21 = $[32];
-	let t22;
-	if ($[33] !== t16 || $[34] !== t20 || $[35] !== t21) {
-		t22 = /* @__PURE__ */ jsxs("div", {
-			className: t16,
-			children: [t20, t21]
-		});
-		$[33] = t16;
-		$[34] = t20;
-		$[35] = t21;
-		$[36] = t22;
-	} else t22 = $[36];
-	let t23;
-	if ($[37] !== t12 || $[38] !== t22 || $[39] !== t4) {
-		t23 = /* @__PURE__ */ jsxs("div", {
-			className: t4,
-			children: [t12, t22]
-		});
-		$[37] = t12;
-		$[38] = t22;
-		$[39] = t4;
-		$[40] = t23;
-	} else t23 = $[40];
-	return t23;
+var FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton = false, className }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("flex w-full items-center gap-file-upload-content-gap-text-to-text", className, {
+			"flex-col": variant === "vertical",
+			"min-h-11 flex-row justify-between": variant === "horizontal"
+		}),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
+				"flex-col": variant === "vertical",
+				"flex-row": variant === "horizontal",
+				"opacity-50": isDisabled
+			}),
+			children: [/* @__PURE__ */ jsx(UploadIcon, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsx(Typography, {
+				variant: "prominent-1",
+				size: "label-1",
+				as: "span",
+				className: clsx("self-stretch text-text-default-1", { "text-center": variant === "vertical" }),
+				children: title
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: clsx("flex items-center justify-center", {
+				"flex-col": variant === "vertical" && as === "button",
+				"gap-file-upload-content-gap-text-to-text": as === "link",
+				"gap-file-upload-content-gap-content-to-button": as === "button"
+			}),
+			children: [/* @__PURE__ */ jsx(Typography, {
+				variant: "default",
+				size: singleFile ? "label-2" : "label-3",
+				as: "span",
+				className: clsx("text-text-default-2", {
+					"text-center": variant === "vertical",
+					"opacity-50": isDisabled
+				}),
+				children: uploadText
+			}), !hideButton && browseText && (as === "link" ? /* @__PURE__ */ jsx(TextButton, {
+				className: "text-interactive-text-primary-idle lowercase",
+				children: browseText
+			}) : /* @__PURE__ */ jsx(Button, {
+				variant: "outlined",
+				size: "xs",
+				width: "hug",
+				isDisabled,
+				children: browseText
+			}))]
+		})]
+	});
 };
 //#endregion
 export { FileUploadContentEmpty };