@banzamel/mineralui 2.4.3 → 2.5.2

package/dist/display-YC1fVpXA.js

@@ -1,782 +0,0 @@
-import { Ki as e, Kn as t, Yi as n } from "./icons-CBMl-kOM.js";
-import { t as r } from "./cn-YER3QsV1.js";
-import { a as i, n as a, o, r as s, t as c } from "./relativeTime-Cr-NVzij.js";
-import { n as l } from "./MSurface-CpDJCdb5.js";
-import { t as u } from "./MText-DhbAjtUE.js";
-import { t as d } from "./MButton-CEwo8lUB.js";
-import { n as f } from "./MSkeleton-Dhu-loDO.js";
-import { t as p } from "./MStack-Dt-rWvg3.js";
-import { i as m, n as h, t as g } from "./MCard-BqSkGAgf.js";
-import { t as _ } from "./locale-CjJpk9GN.js";
-import { Children as v, cloneElement as y, isValidElement as b, useCallback as x, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-//#region src/components/display/MCollapsible/MCollapsible.tsx
-function O({ title: t, defaultOpen: n = !1, open: i, onToggle: a, color: o = "primary", className: s, children: c, ...l }) {
-	let [u, f] = T(n), m = i ?? u, h = () => {
-		let e = !m;
-		i === void 0 && f(e), a?.(e);
-	}, g = /* @__PURE__ */ E("span", {
-		className: r("chevron", m && "open"),
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ E(e, {})
-	});
-	return /* @__PURE__ */ D("div", {
-		className: r("collapsible", s),
-		...l,
-		children: [/* @__PURE__ */ E(d, {
-			variant: "ghost",
-			color: o,
-			className: "trigger",
-			"aria-expanded": m,
-			onClick: h,
-			endIcon: g,
-			children: t
-		}), /* @__PURE__ */ E("div", {
-			className: r("content-wrap", m && "open"),
-			"aria-hidden": !m,
-			children: /* @__PURE__ */ E(p, {
-				className: "content",
-				children: c
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/components/display/MAccordion/MAccordion.tsx
-function k(e) {
-	return null;
-}
-function A({ multiple: e = !1, defaultOpen: t, onChange: n, bordered: i = !1, color: a, className: o, children: s, ...c }) {
-	let [l, u] = T(Array.isArray(t) ? t : t ? [t] : []), d = x((t, r) => {
-		u((i) => {
-			let a;
-			return a = r ? e ? [...i, t] : [t] : i.filter((e) => e !== t), n?.(a), a;
-		});
-	}, [e, n]), f = v.toArray(s).filter((e) => b(e) && e.type === k);
-	return /* @__PURE__ */ E("div", {
-		className: r("accordion", i && "bordered", o),
-		...c,
-		children: f.map((e) => {
-			if (!b(e)) return null;
-			let { id: t, title: n, children: i, disabled: o, color: s } = e.props, c = l.includes(t);
-			return /* @__PURE__ */ E("div", {
-				className: r("accordion-item", o && "disabled"),
-				children: /* @__PURE__ */ E(O, {
-					title: n,
-					open: c,
-					onToggle: o ? void 0 : (e) => d(t, e),
-					color: s ?? a,
-					children: i
-				})
-			}, t);
-		})
-	});
-}
-//#endregion
-//#region src/components/display/MProgressBar/MProgressBar.tsx
-var j = 800;
-function M(e) {
-	return 1 - (1 - e) ** 3;
-}
-function N({ value: e, max: t = 100, color: n = "primary", size: i = "md", label: a, showValue: o = !1, animated: s = !1, striped: c = !1, className: l, ...u }) {
-	let d = Math.min(100, Math.max(0, e / t * 100)), [f, p] = T(0), [m, h] = T(0), g = w(0), _ = w(0), v = x((e, t) => {
-		cancelAnimationFrame(_.current);
-		let n = performance.now(), r = (i) => {
-			let a = i - n, o = Math.min(a / j, 1), s = M(o);
-			p(e + (t - e) * s), o < 1 && (_.current = requestAnimationFrame(r));
-		};
-		h(t), _.current = requestAnimationFrame(r);
-	}, []);
-	return S(() => (v(g.current, d), g.current = d, () => cancelAnimationFrame(_.current)), [d, v]), /* @__PURE__ */ D("div", {
-		className: r("progress-bar", `color-${n}`, i, l),
-		role: "progressbar",
-		"aria-valuenow": e,
-		"aria-valuemin": 0,
-		"aria-valuemax": t,
-		"aria-label": a,
-		...u,
-		children: [(a || o) && /* @__PURE__ */ D("div", {
-			className: "progress-bar-header",
-			children: [a && /* @__PURE__ */ E("span", {
-				className: "progress-bar-label",
-				children: a
-			}), o && /* @__PURE__ */ D("span", {
-				className: "progress-bar-value",
-				children: [Math.round(f), "%"]
-			})]
-		}), /* @__PURE__ */ E("div", {
-			className: "progress-bar-track",
-			children: /* @__PURE__ */ E("div", {
-				className: r("progress-bar-fill", s && "animated", c && "striped"),
-				style: { width: `${m}%` }
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/components/display/MCountUp/MCountUp.tsx
-function P({ value: e, from: t = 0, duration: n = 1e3, decimals: i = 0, prefix: a = "", suffix: o = "", separator: s = "", className: c, ...l }) {
-	let [u, d] = T(t), f = w(0), p = w(null);
-	S(() => {
-		let t = u;
-		p.current = null;
-		let r = (i) => {
-			p.current === null && (p.current = i);
-			let a = i - p.current, o = Math.min(a / n, 1), s = 1 - (1 - o) ** 3;
-			d(t + (e - t) * s), o < 1 && (f.current = requestAnimationFrame(r));
-		};
-		return f.current = requestAnimationFrame(r), () => cancelAnimationFrame(f.current);
-	}, [e, n]);
-	let m = F(u, i, s);
-	return /* @__PURE__ */ D("span", {
-		className: r("count-up", c),
-		...l,
-		children: [
-			a,
-			m,
-			o
-		]
-	});
-}
-function F(e, t, n) {
-	let r = e.toFixed(t);
-	if (!n) return r;
-	let [i, a] = r.split("."), o = i.replace(/\B(?=(\d{3})+(?!\d))/g, n);
-	return a === void 0 ? o : `${o}.${a}`;
-}
-//#endregion
-//#region src/components/display/MCodeBlock/MCodeBlock.tsx
-var I = {
-	c: "c",
-	cpp: "cpp",
-	"c++": "cpp",
-	arduino: "arduino",
-	ino: "arduino",
-	ts: "typescript",
-	typescript: "typescript",
-	tsx: "tsx",
-	js: "javascript",
-	javascript: "javascript",
-	jsx: "jsx",
-	json: "json",
-	css: "css",
-	html: "html",
-	markup: "html",
-	bash: "bash",
-	shell: "bash",
-	shellscript: "bash",
-	php: "php"
-}, L = {
-	xml: () => import("./xml-DnydRpfh.js"),
-	css: () => import("./css-Dy8pFAWa.js"),
-	javascript: () => import("./javascript-CqKLBRqa.js"),
-	typescript: () => import("./typescript-chdf_txx.js"),
-	json: () => import("./json-DJkyYaPe.js"),
-	bash: () => import("./bash-DkMiO80l.js"),
-	c: () => import("./c-DtlFV5Pa.js"),
-	cpp: () => import("./cpp-BraS2arf.js"),
-	arduino: () => import("./arduino-CcVvzDWF.js"),
-	php: () => import("./php-Db8PWzaX.js")
-}, R = null, z = 42, B = 200;
-function V(e) {
-	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function H(e) {
-	return I[e] ?? e;
-}
-async function ee() {
-	return R ||= (async () => {
-		let e = (await import("./core-B8VC-Umz.js")).default.newInstance();
-		for (let [t, n] of Object.entries(L)) {
-			let r = await n();
-			e.registerLanguage(t, r.default);
-		}
-		return e.registerAliases(["shell", "shellscript"], { languageName: "bash" }), e.registerAliases("markup", { languageName: "xml" }), e;
-	})(), R;
-}
-function U({ code: e, language: n = "tsx", title: i, showHeader: a = !0, showLanguage: o = !0, showCopyButton: s = !0, copyLabel: c = "Copy", copiedLabel: p = "Copied", maxHeight: _, stretch: v = !1, animated: y = !1, lineNumbers: b = !1, className: x, ...O }) {
-	let k = C(() => H(n.trim().toLowerCase()), [n]), [A, j] = T(() => y ? 0 : e.length), M = y ? e.slice(0, A) : e, [N, P] = T(() => V(M)), [F, I] = T(!1), L = w(null), R = w(null), U = w(null), W = typeof navigator < "u" && typeof navigator.clipboard?.writeText == "function", G = a && (!!i || o || s), K = C(() => Math.max(1, M.split("\n").length), [M]);
-	S(() => {
-		R.current !== null && (window.clearTimeout(R.current), R.current = null), j(y ? 0 : e.length);
-	}, [y, e]), S(() => {
-		if (!(!y || e.length === 0)) return A < e.length && (R.current = window.setTimeout(() => {
-			j((t) => Math.min(t + 1, e.length)), R.current = null;
-		}, A === 0 ? B : z)), () => {
-			R.current !== null && (window.clearTimeout(R.current), R.current = null);
-		};
-	}, [
-		y,
-		e.length,
-		A
-	]), S(() => {
-		let e = !0;
-		async function t() {
-			try {
-				let t = await ee(), n = t.getLanguage(k) ? t.highlight(M, {
-					language: k,
-					ignoreIllegals: !0
-				}).value : V(M);
-				e && P(n);
-			} catch {
-				e && P(V(M));
-			}
-		}
-		return t(), () => {
-			e = !1;
-		};
-	}, [k, M]), S(() => () => {
-		L.current !== null && window.clearTimeout(L.current), R.current !== null && window.clearTimeout(R.current);
-	}, []), S(() => {
-		!y || !U.current || (U.current.scrollTop = U.current.scrollHeight);
-	}, [y, A]);
-	async function q() {
-		if (W) try {
-			await navigator.clipboard.writeText(e), I(!0), L.current !== null && window.clearTimeout(L.current), L.current = window.setTimeout(() => {
-				I(!1), L.current = null;
-			}, 1200);
-		} catch {
-			I(!1);
-		}
-	}
-	return /* @__PURE__ */ D(g, {
-		className: r("code-block-card", x),
-		...O,
-		padded: !1,
-		stretch: v,
-		children: [G && /* @__PURE__ */ E(m, {
-			className: "code-block-header",
-			children: /* @__PURE__ */ D(l, {
-				className: "code-block-header-layout",
-				align: "center",
-				justify: "between",
-				wrap: "nowrap",
-				px: "lg",
-				py: "md",
-				children: [/* @__PURE__ */ D(l, {
-					className: "code-block-header-meta",
-					align: "center",
-					wrap: "wrap",
-					children: [i && /* @__PURE__ */ E(u, {
-						as: "span",
-						className: "code-block-title",
-						size: "sm",
-						weight: "semibold",
-						children: i
-					}), o && n && /* @__PURE__ */ E(f, {
-						color: "info",
-						size: "sm",
-						children: n
-					})]
-				}), s && /* @__PURE__ */ E(d, {
-					variant: "ghost",
-					size: "sm",
-					color: "neutral",
-					startIcon: /* @__PURE__ */ E(t, {
-						size: "sm",
-						"aria-hidden": "true"
-					}),
-					onClick: q,
-					disabled: !W,
-					children: F ? p : c
-				})]
-			})
-		}), /* @__PURE__ */ E(h, {
-			className: "code-block-body",
-			children: /* @__PURE__ */ E("div", {
-				ref: U,
-				className: "code-block-scroll",
-				style: _ ? {
-					maxHeight: _,
-					overflowY: "auto"
-				} : void 0,
-				children: /* @__PURE__ */ D("pre", {
-					className: r("code-block-pre", b && "with-line-numbers", `language-${k}`),
-					children: [b && /* @__PURE__ */ E("span", {
-						className: "code-block-line-numbers",
-						"aria-hidden": "true",
-						children: Array.from({ length: K }, (e, t) => /* @__PURE__ */ E("span", {
-							className: "code-block-line-number",
-							children: t + 1
-						}, t + 1))
-					}), /* @__PURE__ */ E("span", {
-						className: "code-block-code-shell",
-						children: /* @__PURE__ */ E("code", {
-							className: r("code-block-code", "hljs", `language-${k}`),
-							dangerouslySetInnerHTML: { __html: N }
-						})
-					})]
-				})
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/components/display/MReveal/MReveal.tsx
-function W(e, t) {
-	switch (e) {
-		case "down": return {
-			x: 0,
-			y: -t
-		};
-		case "left": return {
-			x: t,
-			y: 0
-		};
-		case "right": return {
-			x: -t,
-			y: 0
-		};
-		case "none": return {
-			x: 0,
-			y: 0
-		};
-		default: return {
-			x: 0,
-			y: t
-		};
-	}
-}
-function G({ children: e, direction: t = "up", delay: n = 0, duration: i = .46, distance: a = 20, once: o = !0, trigger: s = "view", className: c, style: l, ...u }) {
-	let d = w(null);
-	S(() => {
-		let e = d.current;
-		if (!e) return;
-		let t = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-		if (e.classList.remove("revealed"), t) {
-			e.classList.add("revealed");
-			return;
-		}
-		if (s === "mount") {
-			let t = window.requestAnimationFrame(() => {
-				e.classList.add("revealed");
-			});
-			return () => window.cancelAnimationFrame(t);
-		}
-		let n = new IntersectionObserver((t) => {
-			for (let r of t) r.isIntersecting ? (e.classList.add("revealed"), o && n.disconnect()) : o || e.classList.remove("revealed");
-		}, { threshold: .2 });
-		return n.observe(e), () => n.disconnect();
-	}, [
-		n,
-		t,
-		a,
-		i,
-		o,
-		s
-	]);
-	let f = W(t, a), p = {
-		minWidth: 0,
-		maxWidth: "100%",
-		"--reveal-delay": `${n}s`,
-		"--reveal-duration": `${i}s`,
-		"--reveal-translate-x": `${f.x}px`,
-		"--reveal-translate-y": `${f.y}px`,
-		...l
-	};
-	return /* @__PURE__ */ E("div", {
-		ref: d,
-		className: r("reveal", c),
-		style: p,
-		...u,
-		children: e
-	});
-}
-//#endregion
-//#region src/components/display/MTimeAgo/MTimeAgo.tsx
-function K(e, t, n) {
-	return e === "none" ? null : e === "minute" ? 60 * 1e3 : e === "hour" ? 3600 * 1e3 : e === "day" ? 1440 * 60 * 1e3 : s(t, n);
-}
-function q({ value: e, locale: t, maxRelative: n, fallbackFormat: s = "date", titleAbsolute: l = !0, update: u = "auto", className: d, ...f }) {
-	let p = _(t), [m, h] = T(() => Date.now()), g = C(() => K(u, e, m), [
-		m,
-		u,
-		e
-	]);
-	S(() => {
-		if (!g) return;
-		let e = window.setInterval(() => h(Date.now()), g);
-		return () => window.clearInterval(e);
-	}, [g]);
-	let v = C(() => o(e), [e]), y = C(() => i(n), [n]), b = C(() => c(e, p, s), [
-		e,
-		p,
-		s
-	]), x = C(() => {
-		if (!v) return String(e);
-		let t = Math.abs(v.getTime() - m);
-		return y != null && t > y ? b ?? String(e) : a(v, {
-			locale: p,
-			now: m
-		}) ?? b ?? String(e);
-	}, [
-		b,
-		v,
-		p,
-		y,
-		m,
-		e
-	]);
-	return /* @__PURE__ */ E("time", {
-		className: r("time ago", d),
-		dateTime: v?.toISOString(),
-		title: l ? b ?? void 0 : void 0,
-		...f,
-		children: x
-	});
-}
-//#endregion
-//#region src/components/display/MColorPicker/MColorPicker.tsx
-function J(e, t, n) {
-	let r = (r) => {
-		let i = (r + e / 60) % 6;
-		return n - n * t * Math.max(0, Math.min(i, 4 - i, 1));
-	};
-	return `#${[
-		Math.round(r(5) * 255),
-		Math.round(r(3) * 255),
-		Math.round(r(1) * 255)
-	].map((e) => e.toString(16).padStart(2, "0")).join("")}`;
-}
-function Y(e) {
-	let t = e.replace("#", "").match(/.{2}/g);
-	if (!t) return [
-		0,
-		0,
-		1
-	];
-	let [n, r, i] = t.map((e) => parseInt(e, 16) / 255), a = Math.max(n, r, i), o = a - Math.min(n, r, i), s = 0;
-	o !== 0 && (s = a === n ? ((r - i) / o + 6) % 6 : a === r ? (i - n) / o + 2 : (n - r) / o + 4, s *= 60);
-	let c = a === 0 ? 0 : o / a;
-	return [
-		s,
-		c,
-		a
-	];
-}
-function te(e) {
-	let t = e.replace("#", "").match(/.{2}/g);
-	if (!t) return "rgb(0, 0, 0)";
-	let [n, r, i] = t.map((e) => parseInt(e, 16));
-	return `rgb(${n}, ${r}, ${i})`;
-}
-function ne(e) {
-	let t = e.replace("#", "").match(/.{2}/g);
-	if (!t) return "hsl(0, 0%, 0%)";
-	let [n, r, i] = t.map((e) => parseInt(e, 16) / 255), a = Math.max(n, r, i), o = Math.min(n, r, i), s = (a + o) / 2, c = 0, l = 0;
-	if (a !== o) {
-		let e = a - o;
-		l = s > .5 ? e / (2 - a - o) : e / (a + o), c = a === n ? ((r - i) / e + 6) % 6 : a === r ? (i - n) / e + 2 : (n - r) / e + 4, c *= 60;
-	}
-	return `hsl(${Math.round(c)}, ${Math.round(l * 100)}%, ${Math.round(s * 100)}%)`;
-}
-function X(e, t) {
-	return t === "rgb" ? te(e) : t === "hsl" ? ne(e) : e;
-}
-function Z(e) {
-	if (!e) return "#000000";
-	if (e.startsWith("#")) return e.length === 7 ? e : "#000000";
-	let t = e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
-	return t ? `#${[
-		t[1],
-		t[2],
-		t[3]
-	].map((e) => parseInt(e).toString(16).padStart(2, "0")).join("")}` : "#000000";
-}
-var re = [
-	"#ef4444",
-	"#f97316",
-	"#eab308",
-	"#22c55e",
-	"#06b6d4",
-	"#3b82f6",
-	"#8b5cf6",
-	"#ec4899",
-	"#000000",
-	"#ffffff"
-];
-function ie({ value: e, onChange: t, swatches: n = re, format: i = "hex", size: a = "md", label: o, disabled: s = !1, className: c, ...l }) {
-	let u = Z(e ?? "#3b82f6"), [d, f] = T(() => Y(u)), [p, m] = T(X(u, i)), h = w(null), g = w(null), _ = w(null);
-	S(() => {
-		let t = Z(e ?? "#3b82f6");
-		f(Y(t)), m(X(t, i));
-	}, [e, i]);
-	let v = x((e, n, r) => {
-		let a = J(e, n, r);
-		f([
-			e,
-			n,
-			r
-		]), m(X(a, i)), t?.(X(a, i));
-	}, [t, i]);
-	function y(e) {
-		let t = h.current?.getBoundingClientRect();
-		if (!t) return;
-		let n = Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)), r = Math.max(0, Math.min(1, 1 - (e.clientY - t.top) / t.height));
-		v(d[0], n, r);
-	}
-	function b(e) {
-		let t = g.current?.getBoundingClientRect();
-		t && v(Math.max(0, Math.min(360, (e.clientX - t.left) / t.width * 360)), d[1], d[2]);
-	}
-	S(() => {
-		function e(e) {
-			_.current === "area" ? y(e) : _.current === "hue" && b(e);
-		}
-		function t() {
-			_.current = null;
-		}
-		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
-			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
-		};
-	});
-	function C(e) {
-		m(e);
-		try {
-			let n = Z(e);
-			(n !== "#000000" || e === "#000000" || e.toLowerCase() === "rgb(0, 0, 0)") && (f(Y(n)), t?.(X(n, i)));
-		} catch {}
-	}
-	let O = J(d[0], d[1], d[2]);
-	return /* @__PURE__ */ D("div", {
-		className: r("color-picker", a, s && "disabled", c),
-		...l,
-		children: [
-			o && /* @__PURE__ */ E("label", {
-				className: "label",
-				children: o
-			}),
-			/* @__PURE__ */ D("div", {
-				ref: h,
-				className: "area",
-				style: { background: `hsl(${d[0]}, 100%, 50%)` },
-				onPointerDown: (e) => {
-					s || (_.current = "area", y(e));
-				},
-				children: [
-					/* @__PURE__ */ E("div", { className: "white" }),
-					/* @__PURE__ */ E("div", { className: "black" }),
-					/* @__PURE__ */ E("div", {
-						className: "cursor",
-						style: {
-							left: `${d[1] * 100}%`,
-							top: `${(1 - d[2]) * 100}%`,
-							background: O
-						}
-					})
-				]
-			}),
-			/* @__PURE__ */ E("div", {
-				ref: g,
-				className: "hue",
-				onPointerDown: (e) => {
-					s || (_.current = "hue", b(e));
-				},
-				children: /* @__PURE__ */ E("div", {
-					className: "hue-thumb",
-					style: { left: `${d[0] / 360 * 100}%` }
-				})
-			}),
-			/* @__PURE__ */ D("div", {
-				className: "controls",
-				children: [/* @__PURE__ */ E("div", {
-					className: "preview",
-					style: { background: O }
-				}), /* @__PURE__ */ E("input", {
-					type: "text",
-					className: "input",
-					value: p,
-					onChange: (e) => C(e.target.value),
-					disabled: s
-				})]
-			}),
-			n.length > 0 && /* @__PURE__ */ E("div", {
-				className: "swatches",
-				children: n.map((e) => /* @__PURE__ */ E("button", {
-					type: "button",
-					className: r("swatch", O.toLowerCase() === e.toLowerCase() && "active"),
-					style: { background: e },
-					onClick: () => {
-						if (s) return;
-						let [t, n, r] = Y(e);
-						v(t, n, r);
-					}
-				}, e))
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/display/MEmptyState/MEmptyState.tsx
-var ae = {
-	xs: "xs",
-	sm: "sm",
-	md: "sm",
-	lg: "md",
-	xl: "lg"
-};
-function oe({ icon: e, illustration: t, title: n, description: i, buttonText: a, onAction: o, color: s = "neutral", size: c = "md", className: l, children: u, ...f }) {
-	return /* @__PURE__ */ D("div", {
-		className: r("empty-state", `color-${s}`, c, l),
-		...f,
-		children: [
-			t && /* @__PURE__ */ E("div", {
-				className: "empty-state-illustration",
-				children: b(t) ? y(t, { color: s }) : t
-			}),
-			!t && e && /* @__PURE__ */ E("div", {
-				className: "empty-state-icon",
-				children: e
-			}),
-			/* @__PURE__ */ D("div", {
-				className: "empty-state-content",
-				children: [/* @__PURE__ */ E("div", {
-					className: "empty-state-title",
-					children: n
-				}), i && /* @__PURE__ */ E("div", {
-					className: "empty-state-description",
-					children: i
-				})]
-			}),
-			a && o && /* @__PURE__ */ E("div", {
-				className: "empty-state-action",
-				children: /* @__PURE__ */ E(d, {
-					size: ae[c],
-					variant: "outlined",
-					color: s,
-					onClick: o,
-					children: a
-				})
-			}),
-			u
-		]
-	});
-}
-//#endregion
-//#region src/components/display/MBlur/MBlur.tsx
-function se({ children: e, amount: t = 6, reveal: n = "hover", revealed: i, defaultRevealed: a = !1, onToggle: o, inline: s = !0, className: c, style: l, onClick: u, onKeyDown: d, ...f }) {
-	let p = i !== void 0, [m, h] = T(a), g = p ? i : m, _ = n !== "none", v = x((e) => {
-		p || h(e), o?.(e);
-	}, [p, o]), y = (e) => {
-		n === "click" && v(!g), u?.(e);
-	}, b = (e) => {
-		n === "click" && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), v(!g)), d?.(e);
-	}, S = {
-		...l,
-		"--mineral-blur-amount": `${t}px`
-	};
-	return /* @__PURE__ */ E("span", {
-		className: r("blur", s ? "inline" : "block", `reveal-${n}`, g && "revealed", c),
-		style: S,
-		tabIndex: _ && n === "click" ? 0 : void 0,
-		role: n === "click" ? "button" : void 0,
-		"aria-pressed": n === "click" ? g : void 0,
-		onClick: y,
-		onKeyDown: b,
-		...f,
-		children: /* @__PURE__ */ E("span", {
-			className: "blur-inner",
-			"aria-hidden": !g,
-			children: e
-		})
-	});
-}
-//#endregion
-//#region src/components/display/MStepper/MStepper.tsx
-var ce = {
-	xs: 10,
-	sm: 14,
-	md: 18,
-	lg: 22,
-	xl: 28
-};
-function Q(e) {
-	return null;
-}
-function le({ activeStep: e, variant: t = "horizontal", color: i = "primary", size: a = "md", clickable: o = !1, onChange: s, className: c, children: l, ...u }) {
-	let d = v.toArray(l).filter((e) => b(e) && e.type === Q);
-	return /* @__PURE__ */ E("div", {
-		className: r("stepper", t, `color-${i}`, a, c),
-		role: "list",
-		...u,
-		children: d.map((t, i) => {
-			if (!b(t)) return null;
-			let { id: c, title: l, description: u, icon: d, disabled: f, optional: p, error: m } = t.props, h = i === e, g = i < e, _ = o && !f, v = () => {
-				_ && s && s(i);
-			};
-			return /* @__PURE__ */ D("div", {
-				className: r("stepper-step", h && "active", g && "completed", f && "disabled", m && "error", _ && "clickable"),
-				role: "listitem",
-				"aria-current": h ? "step" : void 0,
-				children: [/* @__PURE__ */ E("div", {
-					className: "stepper-indicator",
-					onClick: _ ? v : void 0,
-					role: _ ? "button" : void 0,
-					tabIndex: _ ? 0 : void 0,
-					onKeyDown: _ ? (e) => {
-						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v());
-					} : void 0,
-					children: m ? "!" : g ? d ?? /* @__PURE__ */ E(n, { size: ce[a] }) : d ?? i + 1
-				}), /* @__PURE__ */ D("div", {
-					className: "stepper-content",
-					children: [
-						/* @__PURE__ */ E("span", {
-							className: "stepper-title",
-							children: l
-						}),
-						u && /* @__PURE__ */ E("span", {
-							className: "stepper-description",
-							children: u
-						}),
-						p && /* @__PURE__ */ E("span", {
-							className: "stepper-optional",
-							children: "Optional"
-						})
-					]
-				})]
-			}, c);
-		})
-	});
-}
-//#endregion
-//#region src/components/display/MTimeline/MTimeline.tsx
-function $(e) {
-	return null;
-}
-function ue({ align: e = "left", color: t = "primary", size: n = "md", className: i, children: a, ...o }) {
-	let s = v.toArray(a).filter((e) => b(e) && e.type === $);
-	return /* @__PURE__ */ E("div", {
-		className: r("timeline", `align-${e}`, `color-${t}`, n, i),
-		...o,
-		children: s.map((t, n) => {
-			if (!b(t)) return null;
-			let { id: i, title: a, description: o, date: s, icon: c, color: l } = t.props, u = e === "alternate" ? n % 2 == 0 ? "left" : "right" : void 0;
-			return /* @__PURE__ */ D("div", {
-				className: r("timeline-item", u && `side-${u}`),
-				children: [/* @__PURE__ */ E("div", {
-					className: r("timeline-dot", l && `color-${l}`),
-					children: c
-				}), /* @__PURE__ */ D("div", {
-					className: "timeline-content",
-					children: [
-						/* @__PURE__ */ E("span", {
-							className: "timeline-title",
-							children: a
-						}),
-						o && /* @__PURE__ */ E("span", {
-							className: "timeline-description",
-							children: o
-						}),
-						s && /* @__PURE__ */ E("span", {
-							className: "timeline-date",
-							children: s
-						})
-					]
-				})]
-			}, i);
-		})
-	});
-}
-//#endregion
-export { se as a, q as c, P as d, N as f, O as h, le as i, G as l, k as m, $ as n, oe as o, A as p, Q as r, ie as s, ue as t, U as u };
-
-//# sourceMappingURL=display-YC1fVpXA.js.map