haze-ui 1.32.0 → 1.34.0

package/dist/components/Upload/UploadList.js

@@ -4,178 +4,208 @@ import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 import n from "../Progress/Progress.js";
 /* empty css                     */
-import { useEffect as r, useState as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { c as r } from "react/compiler-runtime";
+import { useEffect as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/lib/components/Upload/UploadList.tsx
-var c = "haze-UploadList__listBase", l = "haze-UploadList__itemBase", u = "haze-UploadList__rowBase", d = "haze-UploadList__nameClass", f = "haze-UploadList__statusIcon", p = "haze-UploadList__successIcon", m = "haze-UploadList__errorIcon", h = "haze-UploadList__percentClass", g = "haze-UploadList__actionButton", _ = "haze-UploadList__cardGrid", v = "haze-UploadList__cardRemove", y = "haze-UploadList__cardBase", b = "haze-UploadList__cardImage", x = "haze-UploadList__cardFallback", S = "haze-UploadList__cardFallbackName", C = "haze-UploadList__cardMask", w = "haze-UploadList__cardMaskPercent", T = "haze-UploadList__cardErrorOverlay", E = "haze-UploadList__picThumb", D = "haze-UploadList__picThumbImg", O = "haze-UploadList__previewHit";
-function k(e, t, n, r) {
+var l = "haze-UploadList__listBase", u = "haze-UploadList__itemBase", d = "haze-UploadList__rowBase", f = "haze-UploadList__nameClass", p = "haze-UploadList__statusIcon", m = "haze-UploadList__successIcon", h = "haze-UploadList__errorIcon", g = "haze-UploadList__percentClass", _ = "haze-UploadList__errorText", v = "haze-UploadList__actionButton", y = "haze-UploadList__cardGrid", b = "haze-UploadList__cardRemove", x = "haze-UploadList__cardBase", S = "haze-UploadList__cardImage", C = "haze-UploadList__cardFallback", w = "haze-UploadList__cardFallbackName", T = "haze-UploadList__cardMask", E = "haze-UploadList__cardMaskPercent", D = "haze-UploadList__cardErrorOverlay", O = "haze-UploadList__picThumb", k = "haze-UploadList__picThumbImg", A = "haze-UploadList__previewHit";
+function j(e, t, n, r) {
 	return {
 		remove: () => t(e.file),
 		retry: () => n(e.file),
 		cancel: () => r(e.file)
 	};
 }
-function A(e) {
-	let t = e instanceof File && e.type.startsWith("image/"), [n, a] = i(null);
-	return r(() => {
-		if (!t) return;
-		let n = URL.createObjectURL(e);
-		return a(n), () => URL.revokeObjectURL(n);
-	}, [e, t]), e instanceof File ? n : e.url ?? null;
+function M(e) {
+	let t = r(6), n;
+	t[0] === e ? n = t[1] : (n = e instanceof File && e.type.startsWith("image/"), t[0] = e, t[1] = n);
+	let o = n, [s, c] = a(null), l, u;
+	return t[2] !== e || t[3] !== o ? (l = () => {
+		if (!o) return;
+		let t = URL.createObjectURL(e);
+		return c(t), () => URL.revokeObjectURL(t);
+	}, u = [e, o], t[2] = e, t[3] = o, t[4] = l, t[5] = u) : (l = t[4], u = t[5]), i(l, u), e instanceof File ? s : e.url ?? null;
 }
-function j({ entry: r, actions: i, removeLabel: c, thumb: l }) {
-	let _ = t("upload"), { file: v, status: y, percent: b } = r, x = v instanceof File;
-	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("div", {
+function N(i) {
+	let a = r(44), { entry: l, actions: u, removeLabel: y, thumb: b, progressClassName: x } = i, S = t("upload"), { file: C, status: w, percent: T, error: E } = l, D = C instanceof File, O;
+	a[0] === Symbol.for("react.memo_cache_sentinel") ? (O = [d], a[0] = O) : O = a[0];
+	let k;
+	a[1] !== w || a[2] !== S ? (k = w === "success" && /* @__PURE__ */ s("span", {
+		"data-slot": "icon",
+		role: "img",
+		"aria-label": S.success,
+		className: e([p, m]),
+		children: s("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: /* @__PURE__ */ s("polyline", { points: "20 6 9 17 4 12" })
+		})
+	}), a[1] = w, a[2] = S, a[3] = k) : k = a[3];
+	let A;
+	a[4] !== E || a[5] !== w || a[6] !== S ? (A = w === "error" && /* @__PURE__ */ s("span", {
+		"data-slot": "icon",
+		role: "img",
+		"aria-label": E ?? S.error,
+		className: e([p, h]),
+		children: c("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [
+				/* @__PURE__ */ s("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				}),
+				/* @__PURE__ */ s("line", {
+					x1: "12",
+					y1: "8",
+					x2: "12",
+					y2: "12"
+				}),
+				/* @__PURE__ */ s("line", {
+					x1: "12",
+					y1: "16",
+					x2: "12.01",
+					y2: "16"
+				})
+			]
+		})
+	}), a[4] = E, a[5] = w, a[6] = S, a[7] = A) : A = a[7];
+	let j;
+	a[8] === Symbol.for("react.memo_cache_sentinel") ? (j = [f], a[8] = j) : j = a[8];
+	let M;
+	a[9] === C.name ? M = a[10] : (M = /* @__PURE__ */ s("span", {
+		"data-slot": "name",
+		title: C.name,
+		className: e(j),
+		children: C.name
+	}), a[9] = C.name, a[10] = M);
+	let N;
+	a[11] !== T || a[12] !== w || a[13] !== S ? (N = w === "uploading" && /* @__PURE__ */ c("span", {
+		"data-slot": "status",
+		className: e([g]),
+		children: [
+			S.uploading,
+			" ",
+			T,
+			"%"
+		]
+	}), a[11] = T, a[12] = w, a[13] = S, a[14] = N) : N = a[14];
+	let P;
+	a[15] !== E || a[16] !== w ? (P = w === "error" && E != null && /* @__PURE__ */ s("span", {
+		"data-slot": "status",
+		className: e([_]),
+		children: E
+	}), a[15] = E, a[16] = w, a[17] = P) : P = a[17];
+	let F;
+	a[18] !== u.cancel || a[19] !== u.remove || a[20] !== u.retry || a[21] !== E || a[22] !== D || a[23] !== y || a[24] !== w || a[25] !== S ? (F = w === "uploading" ? /* @__PURE__ */ s("button", {
+		type: "button",
+		"data-slot": "cancel-button",
+		"aria-label": S.cancel,
+		"data-action": "cancel",
+		onClick: u.cancel,
+		className: e([v]),
+		children: c("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [/* @__PURE__ */ s("line", {
+				x1: "18",
+				y1: "6",
+				x2: "6",
+				y2: "18"
+			}), /* @__PURE__ */ s("line", {
+				x1: "6",
+				y1: "6",
+				x2: "18",
+				y2: "18"
+			})]
+		})
+	}) : /* @__PURE__ */ c(o, { children: [w === "error" && D && E == null && /* @__PURE__ */ s("button", {
+		type: "button",
+		"data-slot": "retry-button",
+		"aria-label": S.retry,
+		"data-action": "retry",
+		onClick: u.retry,
+		className: e([v]),
+		children: /* @__PURE__ */ c("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [/* @__PURE__ */ s("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ s("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })]
+		})
+	}), /* @__PURE__ */ s("button", {
+		type: "button",
+		"data-slot": "remove-button",
+		"aria-label": y ?? S.remove,
+		"data-action": "remove",
+		onClick: u.remove,
+		className: e([v]),
+		children: /* @__PURE__ */ c("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [/* @__PURE__ */ s("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ s("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })]
+		})
+	})] }), a[18] = u.cancel, a[19] = u.remove, a[20] = u.retry, a[21] = E, a[22] = D, a[23] = y, a[24] = w, a[25] = S, a[26] = F) : F = a[26];
+	let I;
+	a[27] !== k || a[28] !== A || a[29] !== M || a[30] !== N || a[31] !== P || a[32] !== F || a[33] !== b ? (I = /* @__PURE__ */ c("div", {
 		"data-slot": "row",
-		className: e([u]),
+		className: e(O),
 		children: [
-			l,
-			y === "success" && /* @__PURE__ */ o("span", {
-				"data-slot": "icon",
-				role: "img",
-				"aria-label": _.success,
-				className: e([f, p]),
-				children: /* @__PURE__ */ o("svg", {
-					width: "16",
-					height: "16",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					children: /* @__PURE__ */ o("polyline", { points: "20 6 9 17 4 12" })
-				})
-			}),
-			y === "error" && /* @__PURE__ */ o("span", {
-				"data-slot": "icon",
-				role: "img",
-				"aria-label": _.error,
-				className: e([f, m]),
-				children: /* @__PURE__ */ s("svg", {
-					width: "16",
-					height: "16",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					children: [
-						/* @__PURE__ */ o("circle", {
-							cx: "12",
-							cy: "12",
-							r: "10"
-						}),
-						/* @__PURE__ */ o("line", {
-							x1: "12",
-							y1: "8",
-							x2: "12",
-							y2: "12"
-						}),
-						/* @__PURE__ */ o("line", {
-							x1: "12",
-							y1: "16",
-							x2: "12.01",
-							y2: "16"
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ o("span", {
-				"data-slot": "name",
-				title: v.name,
-				className: e([d]),
-				children: v.name
-			}),
-			y === "uploading" && /* @__PURE__ */ s("span", {
-				"data-slot": "status",
-				className: e([h]),
-				children: [
-					_.uploading,
-					" ",
-					b,
-					"%"
-				]
-			}),
-			y === "uploading" ? /* @__PURE__ */ o("button", {
-				type: "button",
-				"data-slot": "cancel-button",
-				"aria-label": _.cancel,
-				"data-action": "cancel",
-				onClick: i.cancel,
-				className: e([g]),
-				children: /* @__PURE__ */ s("svg", {
-					width: "16",
-					height: "16",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ o("line", {
-						x1: "18",
-						y1: "6",
-						x2: "6",
-						y2: "18"
-					}), /* @__PURE__ */ o("line", {
-						x1: "6",
-						y1: "6",
-						x2: "18",
-						y2: "18"
-					})]
-				})
-			}) : /* @__PURE__ */ s(a, { children: [y === "error" && x && /* @__PURE__ */ o("button", {
-				type: "button",
-				"data-slot": "retry-button",
-				"aria-label": _.retry,
-				"data-action": "retry",
-				onClick: i.retry,
-				className: e([g]),
-				children: /* @__PURE__ */ s("svg", {
-					width: "16",
-					height: "16",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ o("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ o("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })]
-				})
-			}), /* @__PURE__ */ o("button", {
-				type: "button",
-				"data-slot": "remove-button",
-				"aria-label": c ?? _.remove,
-				"data-action": "remove",
-				onClick: i.remove,
-				className: e([g]),
-				children: /* @__PURE__ */ s("svg", {
-					width: "16",
-					height: "16",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					children: [/* @__PURE__ */ o("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ o("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })]
-				})
-			})] })
+			b,
+			k,
+			A,
+			M,
+			N,
+			P,
+			F
 		]
-	}), (y === "uploading" || y === "error" && x) && /* @__PURE__ */ o(n, {
-		value: b,
+	}), a[27] = k, a[28] = A, a[29] = M, a[30] = N, a[31] = P, a[32] = F, a[33] = b, a[34] = I) : I = a[34];
+	let L;
+	a[35] !== E || a[36] !== D || a[37] !== T || a[38] !== x || a[39] !== w ? (L = (w === "uploading" || w === "error" && D && E == null) && /* @__PURE__ */ s(n, {
+		value: T,
 		size: "sm",
-		color: y === "error" ? "danger" : "primary"
-	})] });
+		color: w === "error" ? "danger" : "primary",
+		className: x
+	}), a[35] = E, a[36] = D, a[37] = T, a[38] = x, a[39] = w, a[40] = L) : L = a[40];
+	let R;
+	return a[41] !== L || a[42] !== I ? (R = /* @__PURE__ */ c(o, { children: [I, L] }), a[41] = L, a[42] = I, a[43] = R) : R = a[43], R;
 }
-function M({ file: t, onPreview: n }) {
-	let r = A(t), i = r ? /* @__PURE__ */ o("img", {
-		src: r,
-		alt: n ? "" : t.name,
-		className: e([D])
-	}) : /* @__PURE__ */ s("svg", {
+function P(t) {
+	let n = r(9), { file: i, onPreview: a } = t, o = M(i), l;
+	n[0] !== i || n[1] !== a || n[2] !== o ? (l = o ? /* @__PURE__ */ s("img", {
+		src: o,
+		alt: a ? "" : i.name,
+		className: e([k])
+	}) : /* @__PURE__ */ c("svg", {
 		width: "16",
 		height: "16",
 		viewBox: "0 0 24 24",
@@ -185,35 +215,39 @@ function M({ file: t, onPreview: n }) {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ o("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ o("polyline", { points: "14 2 14 8 20 8" })]
-	});
-	return /* @__PURE__ */ o("span", {
+		children: [/* @__PURE__ */ s("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ s("polyline", { points: "14 2 14 8 20 8" })]
+	}), n[0] = i, n[1] = a, n[2] = o, n[3] = l) : l = n[3];
+	let u = l, d;
+	n[4] === Symbol.for("react.memo_cache_sentinel") ? (d = [O], n[4] = d) : d = n[4];
+	let f;
+	return n[5] !== i || n[6] !== u || n[7] !== a ? (f = /* @__PURE__ */ s("span", {
 		"data-slot": "thumbnail",
 		"data-thumb": !0,
-		className: e([E]),
-		children: n ? /* @__PURE__ */ o("button", {
+		className: e(d),
+		children: a ? /* @__PURE__ */ s("button", {
 			type: "button",
 			"data-slot": "preview",
-			"aria-label": t.name,
+			"aria-label": i.name,
 			"data-action": "preview",
-			onClick: () => n(t),
-			className: e([O]),
-			children: i
-		}) : i
-	});
+			onClick: () => a(i),
+			className: e([A]),
+			children: u
+		}) : u
+	}), n[5] = i, n[6] = u, n[7] = a, n[8] = f) : f = n[8], f;
 }
-function N({ entry: r, actions: i, removeLabel: c, onPreview: l }) {
-	let u = t("upload"), { file: d, status: f, percent: p } = r, m = d instanceof File, h = A(d), _ = h ? /* @__PURE__ */ o("img", {
+function F(i) {
+	let a = r(28), { entry: l, actions: u, removeLabel: d, onPreview: f, progressClassName: p } = i, m = t("upload"), { file: h, status: g, percent: _, error: y } = l, x = h instanceof File, O = M(h), k;
+	a[0] !== h || a[1] !== f || a[2] !== O ? (k = O ? /* @__PURE__ */ s("img", {
 		"data-slot": "thumbnail",
-		src: h,
-		alt: l ? "" : d.name,
-		className: e([b])
-	}) : /* @__PURE__ */ s("span", {
+		src: O,
+		alt: f ? "" : h.name,
+		className: e([S])
+	}) : /* @__PURE__ */ c("span", {
 		"data-slot": "thumbnail",
-		role: l ? void 0 : "img",
-		"aria-label": l ? void 0 : d.name,
-		className: e([x]),
-		children: [/* @__PURE__ */ s("svg", {
+		role: f ? void 0 : "img",
+		"aria-label": f ? void 0 : h.name,
+		className: e([C]),
+		children: [/* @__PURE__ */ c("svg", {
 			width: "24",
 			height: "24",
 			viewBox: "0 0 24 24",
@@ -222,144 +256,161 @@ function N({ entry: r, actions: i, removeLabel: c, onPreview: l }) {
 			strokeWidth: "2",
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
-			children: [/* @__PURE__ */ o("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ o("polyline", { points: "14 2 14 8 20 8" })]
-		}), /* @__PURE__ */ o("span", {
+			children: [/* @__PURE__ */ s("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ s("polyline", { points: "14 2 14 8 20 8" })]
+		}), /* @__PURE__ */ s("span", {
 			"data-slot": "name",
-			title: d.name,
-			className: e([S]),
-			children: d.name
+			title: h.name,
+			className: e([w]),
+			children: h.name
 		})]
-	});
-	return /* @__PURE__ */ s(a, { children: [
-		l ? /* @__PURE__ */ o("button", {
-			type: "button",
-			"data-slot": "preview",
-			"aria-label": d.name,
-			"data-action": "preview",
-			onClick: () => l(d),
-			className: e([O]),
-			children: _
-		}) : _,
-		f === "uploading" && /* @__PURE__ */ s("div", {
-			"data-slot": "mask",
-			className: e([C]),
-			children: [/* @__PURE__ */ o(n, {
-				value: p,
-				size: "sm"
-			}), /* @__PURE__ */ s("span", {
-				"data-slot": "status",
-				className: e([w]),
-				children: [p, "%"]
-			})]
-		}),
-		f === "error" && /* @__PURE__ */ s("div", {
-			"data-slot": "error-overlay",
-			className: e([T]),
-			children: [
-				/* @__PURE__ */ s("svg", {
-					width: "20",
-					height: "20",
+	}), a[0] = h, a[1] = f, a[2] = O, a[3] = k) : k = a[3];
+	let j = k, N;
+	a[4] !== h || a[5] !== j || a[6] !== f ? (N = f ? /* @__PURE__ */ s("button", {
+		type: "button",
+		"data-slot": "preview",
+		"aria-label": h.name,
+		"data-action": "preview",
+		onClick: () => f(h),
+		className: e([A]),
+		children: j
+	}) : j, a[4] = h, a[5] = j, a[6] = f, a[7] = N) : N = a[7];
+	let P;
+	a[8] !== _ || a[9] !== p || a[10] !== g ? (P = g === "uploading" && /* @__PURE__ */ c("div", {
+		"data-slot": "mask",
+		className: e([T]),
+		children: [/* @__PURE__ */ s(n, {
+			value: _,
+			size: "sm",
+			className: p
+		}), /* @__PURE__ */ c("span", {
+			"data-slot": "status",
+			className: e([E]),
+			children: [_, "%"]
+		})]
+	}), a[8] = _, a[9] = p, a[10] = g, a[11] = P) : P = a[11];
+	let F;
+	a[12] !== u.retry || a[13] !== y || a[14] !== x || a[15] !== g || a[16] !== m ? (F = g === "error" && /* @__PURE__ */ c("div", {
+		"data-slot": "error-overlay",
+		className: e([D]),
+		children: [
+			/* @__PURE__ */ c("svg", {
+				width: "20",
+				height: "20",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [
+					/* @__PURE__ */ s("circle", {
+						cx: "12",
+						cy: "12",
+						r: "10"
+					}),
+					/* @__PURE__ */ s("line", {
+						x1: "12",
+						y1: "8",
+						x2: "12",
+						y2: "12"
+					}),
+					/* @__PURE__ */ s("line", {
+						x1: "12",
+						y1: "16",
+						x2: "12.01",
+						y2: "16"
+					})
+				]
+			}),
+			/* @__PURE__ */ s("span", { children: y ?? m.error }),
+			x && y == null && /* @__PURE__ */ s("button", {
+				type: "button",
+				"data-slot": "retry-button",
+				"aria-label": m.retry,
+				"data-action": "retry",
+				onClick: u.retry,
+				className: e([v]),
+				children: /* @__PURE__ */ c("svg", {
+					width: "16",
+					height: "16",
 					viewBox: "0 0 24 24",
 					fill: "none",
 					stroke: "currentColor",
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: [
-						/* @__PURE__ */ o("circle", {
-							cx: "12",
-							cy: "12",
-							r: "10"
-						}),
-						/* @__PURE__ */ o("line", {
-							x1: "12",
-							y1: "8",
-							x2: "12",
-							y2: "12"
-						}),
-						/* @__PURE__ */ o("line", {
-							x1: "12",
-							y1: "16",
-							x2: "12.01",
-							y2: "16"
-						})
-					]
-				}),
-				/* @__PURE__ */ o("span", { children: u.error }),
-				m && /* @__PURE__ */ o("button", {
-					type: "button",
-					"data-slot": "retry-button",
-					"aria-label": u.retry,
-					"data-action": "retry",
-					onClick: i.retry,
-					className: e([g]),
-					children: /* @__PURE__ */ s("svg", {
-						width: "16",
-						height: "16",
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						strokeWidth: "2",
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ o("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ o("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })]
-					})
+					children: [/* @__PURE__ */ s("polyline", { points: "23 4 23 10 17 10" }), /* @__PURE__ */ s("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })]
 				})
-			]
-		}),
-		/* @__PURE__ */ o("button", {
-			type: "button",
-			"data-slot": "remove-button",
-			"data-card-remove": !0,
-			"aria-label": c ?? u.remove,
-			"data-action": "remove",
-			onClick: i.remove,
-			className: e([v]),
-			children: /* @__PURE__ */ s("svg", {
-				width: "14",
-				height: "14",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				children: [/* @__PURE__ */ o("line", {
-					x1: "18",
-					y1: "6",
-					x2: "6",
-					y2: "18"
-				}), /* @__PURE__ */ o("line", {
-					x1: "6",
-					y1: "6",
-					x2: "18",
-					y2: "18"
-				})]
 			})
-		})
-	] });
+		]
+	}), a[12] = u.retry, a[13] = y, a[14] = x, a[15] = g, a[16] = m, a[17] = F) : F = a[17];
+	let I;
+	a[18] === Symbol.for("react.memo_cache_sentinel") ? (I = [b], a[18] = I) : I = a[18];
+	let L = d ?? m.remove, R;
+	a[19] === Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ c("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ s("line", {
+			x1: "18",
+			y1: "6",
+			x2: "6",
+			y2: "18"
+		}), /* @__PURE__ */ s("line", {
+			x1: "6",
+			y1: "6",
+			x2: "18",
+			y2: "18"
+		})]
+	}), a[19] = R) : R = a[19];
+	let z;
+	a[20] !== u.remove || a[21] !== L ? (z = /* @__PURE__ */ s("button", {
+		type: "button",
+		"data-slot": "remove-button",
+		"data-card-remove": !0,
+		"aria-label": L,
+		"data-action": "remove",
+		onClick: u.remove,
+		className: e(I),
+		children: R
+	}), a[20] = u.remove, a[21] = L, a[22] = z) : z = a[22];
+	let B;
+	return a[23] !== N || a[24] !== P || a[25] !== F || a[26] !== z ? (B = /* @__PURE__ */ c(o, { children: [
+		N,
+		P,
+		F,
+		z
+	] }), a[23] = N, a[24] = P, a[25] = F, a[26] = z, a[27] = B) : B = a[27], B;
 }
-function P({ entries: t, listType: n = "text", removeLabel: r, itemRender: i, onPreview: a, onRemove: s, onRetry: u, onCancel: d }) {
-	let f = n === "picture-card", p = n === "picture";
-	return /* @__PURE__ */ o("ul", {
+function I({ entries: t, listType: n = "text", removeLabel: r, itemRender: i, onPreview: a, onRemove: o, onRetry: c, onCancel: d, classNames: f, ref: p }) {
+	let m = n === "picture-card", h = n === "picture";
+	return /* @__PURE__ */ s("ul", {
+		ref: p,
 		"data-slot": "list",
-		className: e([f ? _ : c]),
+		className: e([m ? y : l, f?.list]),
 		children: t.map((t) => {
-			let n = k(t, s, u, d);
-			return /* @__PURE__ */ o("li", {
+			let n = j(t, o, c, d);
+			return /* @__PURE__ */ s("li", {
 				"data-slot": "item",
 				"data-status": t.status,
-				className: e([f ? y : l]),
-				children: i ? i(t.file, t.status, t.percent, n) : f ? /* @__PURE__ */ o(N, {
+				className: e([m ? x : u, f?.item]),
+				children: i ? i(t.file, t.status, t.percent, n) : m ? /* @__PURE__ */ s(F, {
 					entry: t,
 					actions: n,
 					removeLabel: r,
-					onPreview: a
-				}) : /* @__PURE__ */ o(j, {
+					onPreview: a,
+					progressClassName: f?.progress
+				}) : /* @__PURE__ */ s(N, {
 					entry: t,
 					actions: n,
 					removeLabel: r,
-					thumb: p ? /* @__PURE__ */ o(M, {
+					progressClassName: f?.progress,
+					thumb: h ? /* @__PURE__ */ s(P, {
 						file: t.file,
 						onPreview: a
 					}) : void 0
@@ -369,4 +420,4 @@ function P({ entries: t, listType: n = "text", removeLabel: r, itemRender: i, on
 	});
 }
 //#endregion
-export { P as default };
+export { I as default };