@banzamel/mineralui 1.2.0 → 1.3.0

package/dist/{media-8aMOtckF.js → media-BuIEAgV-.js}

@@ -1,37 +1,38 @@
-import { Ni as e, Pi as t } from "./icons-D5DK-J2C.js";
-import { t as n } from "./cn-YER3QsV1.js";
-import { t as r } from "./useInteractionEffect-DtpbVd77.js";
-import { t as i } from "./MButton-BmTDe5Oa.js";
-import { i as a, n as o, r as s } from "./MSkeleton-CauCfkzj.js";
-import { t as c } from "./MImage-BDcrV6IC.js";
-import { t as l } from "./MAvatar-BoO51a6m.js";
-import { Children as u, useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { n as e } from "./theme-Dl4EpdnW.js";
+import { Ni as t, Pi as n } from "./icons-D5DK-J2C.js";
+import { t as r } from "./cn-YER3QsV1.js";
+import { t as i } from "./useInteractionEffect-DtpbVd77.js";
+import { t as a } from "./MButton-pSNx-6UK.js";
+import { i as o, n as s, r as c } from "./MSkeleton-DX9gJ311.js";
+import { t as l } from "./MImage-F34N1nhB.js";
+import { t as u } from "./MAvatar-B4Y9P5ua.js";
+import { Children as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/media/MGallery/MGallery.tsx
-function y({ items: e, columns: t = 3, rounded: r = !0, clickEffect: i = "ripple", className: a, ...o }) {
-	return /* @__PURE__ */ _("div", {
-		className: n("gallery", `columns-${t}`, a),
+function b({ items: e, columns: t = 3, rounded: n = !0, clickEffect: i = "ripple", className: a, ...o }) {
+	return /* @__PURE__ */ v("div", {
+		className: r("gallery", `columns-${t}`, a),
 		...o,
-		children: e.map((e, t) => /* @__PURE__ */ _(b, {
+		children: e.map((e, t) => /* @__PURE__ */ v(x, {
 			item: e,
-			rounded: r,
+			rounded: n,
 			clickEffect: i
 		}, t))
 	});
 }
-function b({ item: e, rounded: t, clickEffect: i }) {
-	let { effectClassName: a, effectLayer: o, handlePointerDown: s } = r({ effect: i });
-	return /* @__PURE__ */ v("figure", {
-		className: n("gallery-item", t && "rounded", a),
+function x({ item: e, rounded: t, clickEffect: n }) {
+	let { effectClassName: a, effectLayer: o, handlePointerDown: s } = i({ effect: n });
+	return /* @__PURE__ */ y("figure", {
+		className: r("gallery-item", t && "rounded", a),
 		onPointerDown: s,
 		children: [
-			/* @__PURE__ */ _("img", {
+			/* @__PURE__ */ v("img", {
 				className: "gallery-image",
 				src: e.src,
 				alt: e.alt || "",
 				loading: "lazy"
 			}),
-			e.caption && /* @__PURE__ */ _("figcaption", {
+			e.caption && /* @__PURE__ */ v("figcaption", {
 				className: "gallery-caption",
 				children: e.caption
 			}),
@@ -41,17 +42,17 @@ function b({ item: e, rounded: t, clickEffect: i }) {
 }
 //#endregion
 //#region src/components/media/MCarousel/MCarousel.tsx
-function x({ autoPlay: r = !1, interval: a = 5e3, showDots: o = !0, showArrows: s = !0, loop: c = !0, draggable: l = !0, transition: p = "slide", className: y, children: b, ...x }) {
-	let S = u.toArray(b), C = S.length, [w, T] = h(0), [E, D] = h(0), [O, k] = h(!1), A = m(0), j = m(null), M = d((e) => {
+function S({ autoPlay: e = !1, interval: i = 5e3, showDots: o = !0, showArrows: s = !0, loop: c = !0, draggable: l = !0, transition: u = "slide", className: m, children: b, ...x }) {
+	let S = d.toArray(b), C = S.length, [w, T] = g(0), [E, D] = g(0), [O, k] = g(!1), A = h(0), j = h(null), M = f((e) => {
 		T(c ? (e + C) % C : Math.max(0, Math.min(e, C - 1)));
-	}, [C, c]), N = d(() => M(w - 1), [w, M]), P = d(() => M(w + 1), [w, M]);
-	f(() => {
-		if (!r || C <= 1 || O) return;
-		let e = setInterval(P, a);
-		return () => clearInterval(e);
+	}, [C, c]), N = f(() => M(w - 1), [w, M]), P = f(() => M(w + 1), [w, M]);
+	p(() => {
+		if (!e || C <= 1 || O) return;
+		let t = setInterval(P, i);
+		return () => clearInterval(t);
 	}, [
-		r,
-		a,
+		e,
+		i,
 		P,
 		C,
 		O
@@ -70,12 +71,12 @@ function x({ autoPlay: r = !1, interval: a = 5e3, showDots: o = !0, showArrows:
 		L();
 	};
 	if (C === 0) return null;
-	let V = p === "fade", H = V ? void 0 : { transform: `translateX(calc(-${w * 100}% + ${O ? E : 0}px))` };
-	return /* @__PURE__ */ v("div", {
-		className: n("carousel", V && "fade", y),
+	let V = u === "fade", H = V ? void 0 : { transform: `translateX(calc(-${w * 100}% + ${O ? E : 0}px))` };
+	return /* @__PURE__ */ y("div", {
+		className: r("carousel", V && "fade", m),
 		...x,
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "carousel-viewport",
 				onPointerDown: R,
 				onPointerMove: z,
@@ -85,17 +86,17 @@ function x({ autoPlay: r = !1, interval: a = 5e3, showDots: o = !0, showArrows:
 					touchAction: l ? "pan-y" : void 0,
 					cursor: l ? O ? "grabbing" : "grab" : void 0
 				},
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					ref: j,
-					className: n("carousel-track", O && "dragging"),
+					className: r("carousel-track", O && "dragging"),
 					style: H,
-					children: S.map((e, t) => /* @__PURE__ */ _("div", {
-						className: n("carousel-slide", V && t === w && "active", V && t !== w && "hidden"),
+					children: S.map((e, t) => /* @__PURE__ */ v("div", {
+						className: r("carousel-slide", V && t === w && "active", V && t !== w && "hidden"),
 						children: e
 					}, t))
 				})
 			}),
-			s && C > 1 && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(i, {
+			s && C > 1 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(a, {
 				variant: "ghost",
 				color: "primary",
 				iconOnly: !0,
@@ -103,8 +104,8 @@ function x({ autoPlay: r = !1, interval: a = 5e3, showDots: o = !0, showArrows:
 				onClick: N,
 				"aria-label": "Previous slide",
 				className: "carousel-arrow carousel-arrow-prev",
-				children: /* @__PURE__ */ _(t, {})
-			}), /* @__PURE__ */ _(i, {
+				children: /* @__PURE__ */ v(n, {})
+			}), /* @__PURE__ */ v(a, {
 				variant: "ghost",
 				color: "primary",
 				iconOnly: !0,
@@ -112,12 +113,12 @@ function x({ autoPlay: r = !1, interval: a = 5e3, showDots: o = !0, showArrows:
 				onClick: P,
 				"aria-label": "Next slide",
 				className: "carousel-arrow carousel-arrow-next",
-				children: /* @__PURE__ */ _(e, {})
+				children: /* @__PURE__ */ v(t, {})
 			})] }),
-			o && C > 1 && /* @__PURE__ */ _("div", {
+			o && C > 1 && /* @__PURE__ */ v("div", {
 				className: "carousel-dots",
-				children: S.map((e, t) => /* @__PURE__ */ _("button", {
-					className: n("carousel-dot", t === w && "active"),
+				children: S.map((e, t) => /* @__PURE__ */ v("button", {
+					className: r("carousel-dot", t === w && "active"),
 					onClick: () => M(t),
 					"aria-label": `Slide ${t + 1}`,
 					type: "button"
@@ -128,31 +129,31 @@ function x({ autoPlay: r = !1, interval: a = 5e3, showDots: o = !0, showArrows:
 }
 //#endregion
 //#region src/components/media/mediaInteraction.ts
-function S(e) {
+function C(e) {
 	return e === "ripple" || e === "zoom-ripple";
 }
-function C(e) {
+function w(e) {
 	return e === "zoom" || e === "zoom-ripple";
 }
-function w(e) {
+function T(e) {
 	return e === "dim";
 }
 //#endregion
 //#region src/components/media/MShowcaseCarouselItem/MShowcaseCarouselItem.tsx
-function T({ src: e, alt: t = "", media: r, mediaHeight: i, overlay: l, body: u, footer: d, interactive: f = !1, imageClickEffect: p = "ripple", ratio: m = "16:9", fit: h = "cover", imgProps: g, children: y }) {
-	let b = u ?? y, x = S(p), T = i ? { "--media-height": typeof i == "number" ? `${i}px` : i } : void 0, E = !!(r || e);
-	return /* @__PURE__ */ v(o, {
+function E({ src: e, alt: t = "", media: n, mediaHeight: i, overlay: a, body: u, footer: d, interactive: f = !1, imageClickEffect: p = "ripple", ratio: m = "16:9", fit: h = "cover", imgProps: g, children: _ }) {
+	let b = u ?? _, x = C(p), S = i ? { "--media-height": typeof i == "number" ? `${i}px` : i } : void 0, E = !!(n || e);
+	return /* @__PURE__ */ y(s, {
 		interactive: f,
 		clickEffect: p === "none" ? void 0 : "none",
-		className: n("showcase card", f && "interactive"),
-		style: T,
+		className: r("showcase card", f && "interactive"),
+		style: S,
 		children: [
-			E ? /* @__PURE__ */ v("div", {
-				className: n("showcase media", C(p) && "effect-zoom", w(p) && "effect-dim"),
-				children: [r ? /* @__PURE__ */ _("div", {
+			E ? /* @__PURE__ */ y("div", {
+				className: r("showcase media", w(p) && "effect-zoom", T(p) && "effect-dim"),
+				children: [n ? /* @__PURE__ */ v("div", {
 					className: "showcase media-content",
-					children: r
-				}) : /* @__PURE__ */ _(c, {
+					children: n
+				}) : /* @__PURE__ */ v(l, {
 					...g,
 					src: e,
 					alt: t,
@@ -161,16 +162,16 @@ function T({ src: e, alt: t = "", media: r, mediaHeight: i, overlay: l, body: u,
 					rounded: !0,
 					shadow: !0,
 					clickEffect: x ? "ripple" : "none"
-				}), l ? /* @__PURE__ */ _("div", {
+				}), a ? /* @__PURE__ */ v("div", {
 					className: "showcase overlay",
-					children: l
+					children: a
 				}) : null]
 			}) : null,
-			b ? /* @__PURE__ */ _(s, {
+			b ? /* @__PURE__ */ v(c, {
 				className: "showcase body",
 				children: b
 			}) : null,
-			d ? /* @__PURE__ */ _(a, {
+			d ? /* @__PURE__ */ v(o, {
 				className: "showcase footer",
 				children: d
 			}) : null
@@ -179,52 +180,52 @@ function T({ src: e, alt: t = "", media: r, mediaHeight: i, overlay: l, body: u,
 }
 //#endregion
 //#region src/components/media/MShowcaseCarousel/MShowcaseCarousel.tsx
-function E(e, t, n) {
+function D(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function D(e) {
+function O(e) {
 	return e instanceof Element ? !!e.closest("button, a, input, select, textarea, label, summary, [role=\"button\"], [role=\"link\"], [data-carousel-ignore-drag=\"true\"]") : !1;
 }
-function O(e, t, n) {
-	return e && t ? e.map((e, n) => t(e, n)) : e ? e.map((e, t) => k(e) ? /* @__PURE__ */ _(A, { item: e }, t) : null).filter(Boolean) : u.toArray(n);
+function k(e, t, n) {
+	return e && t ? e.map((e, n) => t(e, n)) : e ? e.map((e, t) => A(e) ? /* @__PURE__ */ v(j, { item: e }, t) : null).filter(Boolean) : d.toArray(n);
 }
-function k(e) {
+function A(e) {
 	let t = e;
 	return !!e && typeof e == "object" && "src" in e && typeof t.src == "string";
 }
-function A({ item: e }) {
-	return /* @__PURE__ */ _(T, {
+function j({ item: e }) {
+	return /* @__PURE__ */ v(E, {
 		src: e.src,
 		alt: e.alt || "",
 		overlay: e.overlay
 	});
 }
-function j({ items: r, renderItem: a, initialIndex: o, showButtons: s = !0, loop: c = !0, draggable: l = !0, wheel: u = !0, itemMinWidth: g = 220, itemMaxWidth: y = 520, itemWidthRatio: b = .56, className: x, children: S, style: C, ...w }) {
-	let T = p(() => O(r, a, S), [
+function M({ items: e, renderItem: i, initialIndex: o, showButtons: s = !0, loop: c = !0, draggable: l = !0, wheel: u = !0, itemMinWidth: d = 220, itemMaxWidth: _ = 520, itemWidthRatio: b = .56, className: x, children: S, style: C, ...w }) {
+	let T = m(() => k(e, i, S), [
 		S,
-		r,
-		a
-	]), k = T.length, [A, j] = h(0), [M, N] = h(0), [P, F] = h(!1), [I, L] = h(0), R = m(null), z = m(0), B = m(!1), V = E(I * (I < 640 ? Math.max(b, .78) : I < 960 ? Math.max(b, .66) : b) || g, g, y), H = E(I * .022 || 16, 10, 24);
-	f(() => {
+		e,
+		i
+	]), E = T.length, [A, j] = g(0), [M, N] = g(0), [P, F] = g(!1), [I, L] = g(0), R = h(null), z = h(0), B = h(!1), V = D(I * (I < 640 ? Math.max(b, .78) : I < 960 ? Math.max(b, .66) : b) || d, d, _), H = D(I * .022 || 16, 10, 24);
+	p(() => {
 		let e = R.current;
 		if (!e) return;
 		let t = () => L(e.clientWidth);
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, []), f(() => {
-		k && j(E(o ?? Math.floor((k - 1) / 2), 0, k - 1));
-	}, [k, o]);
-	let U = d((e) => {
-		if (!(k < 1)) {
+	}, []), p(() => {
+		E && j(D(o ?? Math.floor((E - 1) / 2), 0, E - 1));
+	}, [E, o]);
+	let U = f((e) => {
+		if (!(E < 1)) {
 			if (c) {
-				j((e + k) % k);
+				j((e + E) % E);
 				return;
 			}
-			j(E(e, 0, k - 1));
+			j(D(e, 0, E - 1));
 		}
-	}, [k, c]), W = d(() => U(A - 1), [A, U]), G = d(() => U(A + 1), [A, U]), K = (e) => {
-		!l || k <= 1 || D(e.target) || (e.currentTarget.setPointerCapture(e.pointerId), F(!0), z.current = e.clientX, N(0));
+	}, [E, c]), W = f(() => U(A - 1), [A, U]), G = f(() => U(A + 1), [A, U]), K = (e) => {
+		!l || E <= 1 || O(e.target) || (e.currentTarget.setPointerCapture(e.pointerId), F(!0), z.current = e.clientX, N(0));
 	}, q = (e) => {
 		P && N(e.clientX - z.current);
 	}, J = () => {
@@ -232,11 +233,11 @@ function j({ items: r, renderItem: a, initialIndex: o, showButtons: s = !0, loop
 		let e = Math.max(56, V * .12);
 		M <= -e ? G() : M >= e && W(), F(!1), N(0);
 	};
-	if (f(() => {
+	if (p(() => {
 		let e = R.current;
 		if (!e) return;
 		let t = (e) => {
-			if (!u || k <= 1 || B.current) return;
+			if (!u || E <= 1 || B.current) return;
 			let t = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
 			Math.abs(t) < 28 || (e.preventDefault(), e.stopPropagation(), B.current = !0, window.setTimeout(() => {
 				B.current = !1;
@@ -244,20 +245,20 @@ function j({ items: r, renderItem: a, initialIndex: o, showButtons: s = !0, loop
 		};
 		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
 	}, [
-		k,
+		E,
 		G,
 		W,
 		u
-	]), !k) return null;
+	]), !E) return null;
 	let Y = I / 2 - A * (V + H) - V / 2 + M;
-	return /* @__PURE__ */ v("div", {
-		className: n("showcase", x),
+	return /* @__PURE__ */ y("div", {
+		className: r("showcase", x),
 		style: {
 			...C,
 			"--item-width": `${V}px`
 		},
 		...w,
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ v("div", {
 			ref: R,
 			className: "showcase-stage",
 			onPointerDown: K,
@@ -265,35 +266,35 @@ function j({ items: r, renderItem: a, initialIndex: o, showButtons: s = !0, loop
 			onPointerUp: J,
 			onPointerCancel: J,
 			onPointerLeave: J,
-			style: { cursor: l && k > 1 ? P ? "grabbing" : "grab" : void 0 },
-			children: /* @__PURE__ */ _("div", {
-				className: n("showcase-track", P && "dragging"),
+			style: { cursor: l && E > 1 ? P ? "grabbing" : "grab" : void 0 },
+			children: /* @__PURE__ */ v("div", {
+				className: r("showcase-track", P && "dragging"),
 				style: {
 					transform: `translateX(${Y}px)`,
 					gap: `${H}px`
 				},
 				children: T.map((e, t) => {
-					let r = Math.abs(t - A);
-					return /* @__PURE__ */ _("div", {
-						className: n("showcase-item", t === A && "active", r === 1 && "near", r >= 2 && "far"),
-						style: { zIndex: Math.max(1, k - r) },
+					let n = Math.abs(t - A);
+					return /* @__PURE__ */ v("div", {
+						className: r("showcase-item", t === A && "active", n === 1 && "near", n >= 2 && "far"),
+						style: { zIndex: Math.max(1, E - n) },
 						children: e
 					}, t);
 				})
 			})
-		}), s && k > 1 && /* @__PURE__ */ v("div", {
+		}), s && E > 1 && /* @__PURE__ */ y("div", {
 			className: "showcase-actions",
-			children: [/* @__PURE__ */ _(i, {
+			children: [/* @__PURE__ */ v(a, {
 				type: "button",
 				variant: "secondary",
 				className: "showcase-btn",
-				startIcon: /* @__PURE__ */ _(t, {}),
+				startIcon: /* @__PURE__ */ v(n, {}),
 				onClick: W,
 				children: "Previous"
-			}), /* @__PURE__ */ _(i, {
+			}), /* @__PURE__ */ v(a, {
 				type: "button",
 				className: "showcase-btn",
-				endIcon: /* @__PURE__ */ _(e, {}),
+				endIcon: /* @__PURE__ */ v(t, {}),
 				onClick: G,
 				children: "Next"
 			})]
@@ -302,19 +303,19 @@ function j({ items: r, renderItem: a, initialIndex: o, showButtons: s = !0, loop
 }
 //#endregion
 //#region src/components/media/MMasonry/MMasonry.tsx
-function M(e, t, n) {
-	return e && t ? e.map((e, n) => t(e, n)) : u.toArray(n);
+function N(e, t, n) {
+	return e && t ? e.map((e, n) => t(e, n)) : d.toArray(n);
 }
-function N({ items: e, renderItem: t, columns: r = 3, className: i, children: a, style: o, ...s }) {
-	let c = M(e, t, a);
-	return c.length ? /* @__PURE__ */ _("div", {
-		className: n("masonry", i),
+function P({ items: e, renderItem: t, columns: n = 3, className: i, children: a, style: o, ...s }) {
+	let c = N(e, t, a);
+	return c.length ? /* @__PURE__ */ v("div", {
+		className: r("masonry", i),
 		style: {
 			...o,
-			columnCount: r
+			columnCount: n
 		},
 		...s,
-		children: c.map((e, t) => /* @__PURE__ */ _("div", {
+		children: c.map((e, t) => /* @__PURE__ */ v("div", {
 			className: "masonry item",
 			children: e
 		}, t))
@@ -322,41 +323,41 @@ function N({ items: e, renderItem: t, columns: r = 3, className: i, children: a,
 }
 //#endregion
 //#region src/components/media/MMasonryItem/MMasonryItem.tsx
-function P({ src: e, alt: t = "", height: i, overlay: c, body: l, footer: u, interactive: d = !1, imageClickEffect: f = "none", imgProps: p, children: m }) {
-	let h = i ? {
+function F({ src: e, alt: t = "", height: n, overlay: a, body: l, footer: u, interactive: d = !1, imageClickEffect: f = "none", imgProps: p, children: m }) {
+	let h = n ? {
 		...p?.style,
-		height: i
-	} : p?.style, g = l ?? m, { effectClassName: y, effectLayer: b, handlePointerDown: x } = r({ effect: S(f) ? "ripple" : "none" });
-	return /* @__PURE__ */ v(o, {
+		height: n
+	} : p?.style, g = l ?? m, { effectClassName: _, effectLayer: b, handlePointerDown: x } = i({ effect: C(f) ? "ripple" : "none" });
+	return /* @__PURE__ */ y(s, {
 		interactive: d,
 		clickEffect: f === "none" ? void 0 : "none",
-		className: n("masonry card", d && "interactive"),
+		className: r("masonry card", d && "interactive"),
 		children: [
-			/* @__PURE__ */ v("div", {
-				className: n("masonry media", y, C(f) && "effect-zoom", w(f) && "effect-dim"),
+			/* @__PURE__ */ y("div", {
+				className: r("masonry media", _, w(f) && "effect-zoom", T(f) && "effect-dim"),
 				onPointerDown: (e) => {
 					e.target.closest(".masonry.overlay") || x(e);
 				},
 				children: [
-					/* @__PURE__ */ _("img", {
+					/* @__PURE__ */ v("img", {
 						...p,
 						src: e,
 						alt: t,
 						className: "masonry img",
 						style: h
 					}),
-					c ? /* @__PURE__ */ _("div", {
+					a ? /* @__PURE__ */ v("div", {
 						className: "masonry overlay",
-						children: c
+						children: a
 					}) : null,
 					b
 				]
 			}),
-			g ? /* @__PURE__ */ _(s, {
+			g ? /* @__PURE__ */ v(c, {
 				className: "masonry body",
 				children: g
 			}) : null,
-			u ? /* @__PURE__ */ _(a, {
+			u ? /* @__PURE__ */ v(o, {
 				className: "masonry footer",
 				children: u
 			}) : null
@@ -365,42 +366,43 @@ function P({ src: e, alt: t = "", height: i, overlay: c, body: l, footer: u, int
 }
 //#endregion
 //#region src/components/media/MAvatarStack/MAvatarStack.tsx
-function F({ items: e, max: t = 5, size: r = "sm", color: i = "primary", overlap: a = 10, className: o, style: s, ...c }) {
-	if (!e || e.length === 0) return null;
-	let u = e.slice(0, t), d = e.length - t, f = typeof r == "number" ? r : {
+function I({ items: t, max: n = 5, size: i = "sm", color: a = "primary", hidden: o, overlap: s = 10, className: c, style: l, ...d }) {
+	if (!t || t.length === 0) return null;
+	let f = t.slice(0, n), p = t.length - n, m = typeof i == "number" ? i : {
 		xs: 20,
 		sm: 28,
 		md: 40,
 		lg: 56,
 		xl: 72
-	}[r] ?? 28;
-	return /* @__PURE__ */ v("div", {
-		className: n("avatar-stack", o),
+	}[i] ?? 28;
+	return /* @__PURE__ */ y("div", {
+		className: r("avatar-stack", c),
 		style: {
-			"--avatar-stack-overlap": `-${a}px`,
-			...s
+			"--avatar-stack-overlap": `-${s}px`,
+			...l
 		},
-		...c,
-		children: [u.map((e, t) => /* @__PURE__ */ _(l, {
+		...e(o),
+		...d,
+		children: [f.map((e, t) => /* @__PURE__ */ v(u, {
 			src: e.avatar,
 			name: e.name,
-			size: r,
-			color: i,
+			size: i,
+			color: a,
 			className: "avatar-stack-item",
 			style: { zIndex: t + 1 }
-		}, t)), d > 0 && /* @__PURE__ */ v("span", {
+		}, t)), p > 0 && /* @__PURE__ */ y("span", {
 			className: "avatar-stack-overflow",
 			style: {
-				width: f,
-				height: f,
-				fontSize: f * .38,
-				zIndex: u.length + 1
+				width: m,
+				height: m,
+				fontSize: m * .38,
+				zIndex: f.length + 1
 			},
-			children: ["+", d]
+			children: ["+", p]
 		})]
 	});
 }
 //#endregion
-export { T as a, j as i, P as n, x as o, N as r, y as s, F as t };
+export { E as a, M as i, F as n, S as o, P as r, b as s, I as t };
 
-//# sourceMappingURL=media-8aMOtckF.js.map
+//# sourceMappingURL=media-BuIEAgV-.js.map