@banzamel/mineralui 2.4.3 → 2.5.2

package/dist/display-Dlb79lkA.js

@@ -0,0 +1,968 @@
+import { a as e, i as t, t as n, w as r } from "./frameworkTexts-o43FqY1A.js";
+import { Ki as i, Kn as a, Yi as o } from "./icons-IqEBmGh3.js";
+import { t as s } from "./cn-CUSXNnjF.js";
+import { a as c, n as l, o as u, r as d, t as f } from "./relativeTime-BqCuaBqb.js";
+import { n as p } from "./MSurface-B_QnRLr5.js";
+import { t as m } from "./MText-BUWQPoBM.js";
+import { t as h } from "./MButton-KELyyBw1.js";
+import { n as g } from "./MSkeleton-BpcpBBJq.js";
+import { n as _, t as v } from "./radioGroupKeys-Bm-Qeh8G.js";
+import { t as y } from "./MStack-BwAFeGGg.js";
+import { i as b, n as x, t as S } from "./MCard-CqZYGaS2.js";
+import { t as C } from "./locale-CjJpk9GN.js";
+import { Children as w, cloneElement as T, isValidElement as E, useCallback as D, useEffect as O, useId as k, useLayoutEffect as A, useMemo as j, useRef as M, useState as N } from "react";
+import { jsx as P, jsxs as F } from "react/jsx-runtime";
+//#region src/components/display/MCollapsible/MCollapsible.tsx
+function I({ title: e, defaultOpen: t = !1, open: n, onToggle: r, color: a = "primary", className: o, children: c, ...l }) {
+	let [u, d] = N(t), f = n ?? u, p = k(), m = () => {
+		let e = !f;
+		n === void 0 && d(e), r?.(e);
+	}, g = /* @__PURE__ */ P("span", {
+		className: s("chevron", f && "open"),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ P(i, {})
+	});
+	return /* @__PURE__ */ F("div", {
+		className: s("collapsible", o),
+		...l,
+		children: [/* @__PURE__ */ P(h, {
+			variant: "ghost",
+			color: a,
+			className: "trigger",
+			"aria-expanded": f,
+			"aria-controls": p,
+			onClick: m,
+			endIcon: g,
+			children: e
+		}), /* @__PURE__ */ P("div", {
+			id: p,
+			className: s("content-wrap", f && "open"),
+			"aria-hidden": !f,
+			inert: !f,
+			children: /* @__PURE__ */ P("div", {
+				className: "collapsible-clip",
+				children: /* @__PURE__ */ P(y, {
+					className: "content",
+					children: c
+				})
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/display/MAccordion/MAccordion.tsx
+function L(e) {
+	return null;
+}
+function R({ multiple: e = !1, defaultOpen: t, onChange: n, bordered: r = !1, color: i, className: a, children: o, ...c }) {
+	let [l, u] = N(Array.isArray(t) ? t : t ? [t] : []), d = D((t, r) => {
+		u((i) => {
+			let a;
+			return a = r ? e ? [...i, t] : [t] : i.filter((e) => e !== t), n?.(a), a;
+		});
+	}, [e, n]), f = w.toArray(o).filter((e) => E(e) && e.type === L);
+	return /* @__PURE__ */ P("div", {
+		className: s("accordion", r && "bordered", a),
+		...c,
+		children: f.map((e) => {
+			if (!E(e)) return null;
+			let { id: t, title: n, children: r, disabled: a, color: o } = e.props, c = l.includes(t);
+			return /* @__PURE__ */ P("div", {
+				className: s("accordion-item", a && "disabled"),
+				children: /* @__PURE__ */ P(I, {
+					title: n,
+					open: c,
+					onToggle: a ? void 0 : (e) => d(t, e),
+					color: o ?? i,
+					children: r
+				})
+			}, t);
+		})
+	});
+}
+//#endregion
+//#region src/components/display/MProgressBar/MProgressBar.tsx
+var z = 800;
+function B(e) {
+	return 1 - (1 - e) ** 3;
+}
+function V({ value: e, max: t = 100, color: n = "primary", size: r = "md", label: i, showValue: a = !1, animated: o = !1, striped: c = !1, className: l, ...u }) {
+	let d = Math.min(100, Math.max(0, e / t * 100)), [f, p] = N(0), [m, h] = N(0), g = M(0), _ = M(0), v = D((e, t) => {
+		if (cancelAnimationFrame(_.current), typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+			h(t), p(t);
+			return;
+		}
+		let n = performance.now(), r = (i) => {
+			let a = i - n, o = Math.min(a / z, 1), s = B(o);
+			p(e + (t - e) * s), o < 1 && (_.current = requestAnimationFrame(r));
+		};
+		h(t), _.current = requestAnimationFrame(r);
+	}, []);
+	return O(() => (v(g.current, d), g.current = d, () => cancelAnimationFrame(_.current)), [d, v]), /* @__PURE__ */ F("div", {
+		className: s("progress-bar", `color-${n}`, r, l),
+		role: "progressbar",
+		"aria-valuenow": e,
+		"aria-valuemin": 0,
+		"aria-valuemax": t,
+		"aria-label": i,
+		...u,
+		children: [(i || a) && /* @__PURE__ */ F("div", {
+			className: "progress-bar-header",
+			children: [i && /* @__PURE__ */ P("span", {
+				className: "progress-bar-label",
+				children: i
+			}), a && /* @__PURE__ */ F("span", {
+				className: "progress-bar-value",
+				children: [Math.round(f), "%"]
+			})]
+		}), /* @__PURE__ */ P("div", {
+			className: "progress-bar-track",
+			children: /* @__PURE__ */ P("div", {
+				className: s("progress-bar-fill", o && "animated", c && "striped"),
+				style: { width: `${m}%` }
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/display/MCountUp/MCountUp.tsx
+function H({ value: e, from: t = 0, duration: n = 1e3, decimals: r = 0, prefix: i = "", suffix: a = "", separator: o = "", className: c, ...l }) {
+	let [u, d] = N(t), f = M(0), p = M(null);
+	O(() => {
+		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 = U(u, r, o);
+	return /* @__PURE__ */ F("span", {
+		className: s("count-up", c),
+		...l,
+		children: [
+			i,
+			m,
+			a
+		]
+	});
+}
+function U(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 ee = typeof window < "u" ? A : O;
+function W() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+var G = {
+	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"
+}, K = {
+	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")
+}, q = null, te = 42, ne = 200;
+function J(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function re(e) {
+	return G[e] ?? e;
+}
+async function ie() {
+	return q ||= (async () => {
+		let e = (await import("./core-B8VC-Umz.js")).default.newInstance();
+		for (let [t, n] of Object.entries(K)) {
+			let r = await n();
+			e.registerLanguage(t, r.default);
+		}
+		return e.registerAliases(["shell", "shellscript"], { languageName: "bash" }), e.registerAliases("markup", { languageName: "xml" }), e;
+	})(), q;
+}
+function Y({ code: e, language: n = "tsx", title: r, showHeader: i = !0, showLanguage: o = !0, showCopyButton: c = !0, copyLabel: l, copiedLabel: u, maxHeight: d, stretch: f = !1, animated: _ = !1, lineNumbers: v = !1, className: y, ...C }) {
+	let w = t(), T = l ?? w.copy, E = u ?? w.copied, D = j(() => re(n.trim().toLowerCase()), [n]), [k, A] = N(() => e.length), [I, L] = N(!1), R = I ? e.slice(0, k) : e, [z, B] = N(() => J(R)), [V, H] = N(!1), U = M(null), G = M(null), K = M(null), q = typeof navigator < "u" && typeof navigator.clipboard?.writeText == "function", Y = i && (!!r || o || c), ae = j(() => Math.max(1, R.split("\n").length), [R]);
+	ee(() => {
+		G.current !== null && (window.clearTimeout(G.current), G.current = null);
+		let t = _ && !W();
+		L(t), A(t ? 0 : e.length), t && B("");
+	}, [_, e]), O(() => {
+		if (!(!I || e.length === 0)) return k < e.length && (G.current = window.setTimeout(() => {
+			A((t) => Math.min(t + 1, e.length)), G.current = null;
+		}, k === 0 ? ne : te)), () => {
+			G.current !== null && (window.clearTimeout(G.current), G.current = null);
+		};
+	}, [
+		I,
+		e.length,
+		k
+	]), O(() => {
+		let e = !0;
+		async function t() {
+			try {
+				let t = await ie(), n = t.getLanguage(D) ? t.highlight(R, {
+					language: D,
+					ignoreIllegals: !0
+				}).value : J(R);
+				e && B(n);
+			} catch {
+				e && B(J(R));
+			}
+		}
+		return t(), () => {
+			e = !1;
+		};
+	}, [D, R]), O(() => () => {
+		U.current !== null && window.clearTimeout(U.current), G.current !== null && window.clearTimeout(G.current);
+	}, []), O(() => {
+		!I || !K.current || (K.current.scrollTop = K.current.scrollHeight);
+	}, [I, k]);
+	async function oe() {
+		if (q) try {
+			await navigator.clipboard.writeText(e), H(!0), U.current !== null && window.clearTimeout(U.current), U.current = window.setTimeout(() => {
+				H(!1), U.current = null;
+			}, 1200);
+		} catch {
+			H(!1);
+		}
+	}
+	return /* @__PURE__ */ F(S, {
+		className: s("code-block-card", y),
+		...C,
+		padded: !1,
+		stretch: f,
+		children: [Y && /* @__PURE__ */ P(b, {
+			className: "code-block-header",
+			children: /* @__PURE__ */ F(p, {
+				className: "code-block-header-layout",
+				align: "center",
+				justify: "between",
+				wrap: "nowrap",
+				px: "lg",
+				py: "md",
+				children: [
+					/* @__PURE__ */ F(p, {
+						className: "code-block-header-meta",
+						align: "center",
+						wrap: "wrap",
+						children: [r && /* @__PURE__ */ P(m, {
+							as: "span",
+							className: "code-block-title",
+							size: "sm",
+							weight: "semibold",
+							children: r
+						}), o && n && /* @__PURE__ */ P(g, {
+							color: "info",
+							size: "sm",
+							children: n
+						})]
+					}),
+					c && /* @__PURE__ */ P(h, {
+						variant: "ghost",
+						size: "sm",
+						color: "neutral",
+						startIcon: /* @__PURE__ */ P(a, {
+							size: "sm",
+							"aria-hidden": "true"
+						}),
+						onClick: oe,
+						disabled: !q,
+						children: V ? E : T
+					}),
+					c && /* @__PURE__ */ P("span", {
+						className: "code-block-status",
+						role: "status",
+						children: V ? E : ""
+					})
+				]
+			})
+		}), /* @__PURE__ */ P(x, {
+			className: "code-block-body",
+			children: /* @__PURE__ */ P("div", {
+				ref: K,
+				className: "code-block-scroll",
+				style: d ? {
+					maxHeight: d,
+					overflowY: "auto"
+				} : void 0,
+				role: "region",
+				tabIndex: 0,
+				"aria-label": typeof r == "string" && r.trim() !== "" ? r : w.label,
+				children: /* @__PURE__ */ F("pre", {
+					className: s("code-block-pre", v && "with-line-numbers", `language-${D}`),
+					children: [v && /* @__PURE__ */ P("span", {
+						className: "code-block-line-numbers",
+						"aria-hidden": "true",
+						children: Array.from({ length: ae }, (e, t) => /* @__PURE__ */ P("span", {
+							className: "code-block-line-number",
+							children: t + 1
+						}, t + 1))
+					}), /* @__PURE__ */ P("span", {
+						className: "code-block-code-shell",
+						children: /* @__PURE__ */ P("code", {
+							className: s("code-block-code", "hljs", `language-${D}`),
+							dangerouslySetInnerHTML: { __html: z }
+						})
+					})]
+				})
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/display/MReveal/MReveal.tsx
+function ae(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 oe({ children: e, direction: t = "up", delay: n = 0, duration: r = .46, distance: i = 20, once: a = !0, trigger: o = "view", className: c, style: l, ...u }) {
+	let d = M(null);
+	O(() => {
+		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 (o === "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"), a && n.disconnect()) : a || e.classList.remove("revealed");
+		}, { threshold: .2 });
+		return n.observe(e), () => n.disconnect();
+	}, [
+		n,
+		t,
+		i,
+		r,
+		a,
+		o
+	]);
+	let f = ae(t, i), p = {
+		minWidth: 0,
+		maxWidth: "100%",
+		"--reveal-delay": `${n}s`,
+		"--reveal-duration": `${r}s`,
+		"--reveal-translate-x": `${f.x}px`,
+		"--reveal-translate-y": `${f.y}px`,
+		...l
+	};
+	return /* @__PURE__ */ P("div", {
+		ref: d,
+		className: s("reveal", c),
+		style: p,
+		...u,
+		children: e
+	});
+}
+//#endregion
+//#region src/components/display/MTimeAgo/MTimeAgo.tsx
+function se(e, t, n) {
+	return e === "none" ? null : e === "minute" ? 60 * 1e3 : e === "hour" ? 3600 * 1e3 : e === "day" ? 1440 * 60 * 1e3 : d(t, n);
+}
+function ce({ value: e, locale: t, maxRelative: n, fallbackFormat: r = "date", titleAbsolute: i = !0, update: a = "auto", className: o, ...d }) {
+	let p = C(t), [m, h] = N(() => Date.now()), g = j(() => se(a, e, m), [
+		m,
+		a,
+		e
+	]);
+	O(() => {
+		if (!g) return;
+		let e = window.setInterval(() => h(Date.now()), g);
+		return () => window.clearInterval(e);
+	}, [g]);
+	let _ = j(() => u(e), [e]), v = j(() => c(n), [n]), y = j(() => f(e, p, r), [
+		e,
+		p,
+		r
+	]), b = j(() => {
+		if (!_) return String(e);
+		let t = Math.abs(_.getTime() - m);
+		return v != null && t > v ? y ?? String(e) : l(_, {
+			locale: p,
+			now: m
+		}) ?? y ?? String(e);
+	}, [
+		y,
+		_,
+		p,
+		v,
+		m,
+		e
+	]);
+	return /* @__PURE__ */ P("time", {
+		className: s("time ago", o),
+		dateTime: _?.toISOString(),
+		title: i ? y ?? void 0 : void 0,
+		...d,
+		children: b
+	});
+}
+//#endregion
+//#region src/components/display/MColorPicker/MColorPicker.tsx
+function X(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 Z(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 le(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 ue(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 Q(e, t) {
+	return t === "rgb" ? le(e) : t === "hsl" ? ue(e) : e;
+}
+function $(e) {
+	return Math.round(Math.max(0, Math.min(255, e))).toString(16).padStart(2, "0");
+}
+function de(e, t, n) {
+	let r = (e % 360 + 360) % 360, i = Math.max(0, Math.min(1, t)), a = Math.max(0, Math.min(1, n)), o = i * Math.min(a, 1 - a), s = (e) => {
+		let t = (e + r / 30) % 12;
+		return a - o * Math.max(-1, Math.min(t - 3, 9 - t, 1));
+	};
+	return `#${$(s(0) * 255)}${$(s(8) * 255)}${$(s(4) * 255)}`;
+}
+function fe(e) {
+	let t = e.trim().toLowerCase();
+	if (!t) return null;
+	let n = t.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/);
+	if (n) {
+		let e = n[1];
+		return e.length === 3 ? `#${e.split("").map((e) => e + e).join("")}` : `#${e}`;
+	}
+	let r = t.match(/^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*[\d.]+\s*)?\)$/);
+	if (r) {
+		let e = [
+			r[1],
+			r[2],
+			r[3]
+		].map(Number);
+		return e.some((e) => e > 255) ? null : `#${e.map($).join("")}`;
+	}
+	let i = t.match(/^hsla?\(\s*(-?[\d.]+)(?:deg)?\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)$/);
+	if (i) {
+		let [e, t, n] = [
+			i[1],
+			i[2],
+			i[3]
+		].map(Number);
+		return [
+			e,
+			t,
+			n
+		].some((e) => !Number.isFinite(e)) || t > 100 || n > 100 ? null : de(e, t / 100, n / 100);
+	}
+	return null;
+}
+function pe(e) {
+	return fe(e) ?? "#000000";
+}
+var me = [
+	"#ef4444",
+	"#f97316",
+	"#eab308",
+	"#22c55e",
+	"#06b6d4",
+	"#3b82f6",
+	"#8b5cf6",
+	"#ec4899",
+	"#000000",
+	"#ffffff"
+];
+function he({ value: t, onChange: r, swatches: i = me, format: a = "hex", size: o = "md", label: c, disabled: l = !1, className: u, ...d }) {
+	let f = e(), p = k(), m = pe(t ?? "#3b82f6"), [h, g] = N(() => Z(m)), [y, b] = N(Q(m, a)), x = M(null), S = M(null), C = M([]), w = M(null), T = M(null), E = M(a);
+	O(() => {
+		let e = E.current !== a;
+		E.current = a;
+		let n = pe(t ?? "#3b82f6");
+		g((e) => X(e[0], e[1], e[2]) === n ? e : Z(n)), (e || t !== T.current) && b(Q(n, a));
+	}, [t, a]);
+	let A = D((e, t, n) => {
+		let i = Q(X(e, t, n), a);
+		g([
+			e,
+			t,
+			n
+		]), b(i), T.current = i, r?.(i);
+	}, [r, a]);
+	function j(e) {
+		let t = x.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));
+		A(h[0], n, r);
+	}
+	function I(e) {
+		let t = S.current?.getBoundingClientRect();
+		t && A(Math.max(0, Math.min(360, (e.clientX - t.left) / t.width * 360)), h[1], h[2]);
+	}
+	O(() => {
+		function e(e) {
+			w.current === "area" ? j(e) : w.current === "hue" && I(e);
+		}
+		function t() {
+			w.current = null;
+		}
+		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
+			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
+		};
+	});
+	function L(e) {
+		b(e);
+		let t = fe(e);
+		if (t) {
+			let e = Q(t, a);
+			g((e) => X(e[0], e[1], e[2]) === t ? e : Z(t)), T.current = e, r?.(e);
+		}
+	}
+	let R = X(h[0], h[1], h[2]);
+	function z(e) {
+		if (l) return;
+		let t = e.shiftKey ? .1 : .01, n = h[1], r = h[2];
+		switch (e.key) {
+			case "ArrowRight":
+				n += t;
+				break;
+			case "ArrowLeft":
+				n -= t;
+				break;
+			case "ArrowUp":
+				r += t;
+				break;
+			case "ArrowDown":
+				r -= t;
+				break;
+			case "PageUp":
+				r += .1;
+				break;
+			case "PageDown":
+				r -= .1;
+				break;
+			case "Home":
+				n = 0;
+				break;
+			case "End":
+				n = 1;
+				break;
+			default: return;
+		}
+		e.preventDefault();
+		let i = (e) => Math.round(Math.max(0, Math.min(1, e)) * 100) / 100;
+		A(h[0], i(n), i(r));
+	}
+	function B(e) {
+		if (l) return;
+		let t = e.shiftKey ? 10 : 1, n = Math.round(h[0]);
+		switch (e.key) {
+			case "ArrowRight":
+			case "ArrowUp":
+				n += t;
+				break;
+			case "ArrowLeft":
+			case "ArrowDown":
+				n -= t;
+				break;
+			case "PageUp":
+				n += 10;
+				break;
+			case "PageDown":
+				n -= 10;
+				break;
+			case "Home":
+				n = 0;
+				break;
+			case "End":
+				n = 360;
+				break;
+			default: return;
+		}
+		e.preventDefault(), A(Math.max(0, Math.min(360, n)), h[1], h[2]);
+	}
+	let V = i.findIndex((e) => R.toLowerCase() === e.toLowerCase()), H = V >= 0 ? V : 0;
+	function U(e) {
+		if (l) return;
+		let [t, n, r] = Z(e);
+		A(t, n, r);
+	}
+	function ee(e) {
+		if (l || e.altKey || e.ctrlKey || e.metaKey) return;
+		let t = C.current.findIndex((t) => t === e.target);
+		if (t < 0) return;
+		let n = v(e.key, t, i.length, _(e.currentTarget));
+		n !== null && (e.preventDefault(), C.current[n]?.focus(), U(i[n]));
+	}
+	let W = Math.round(h[1] * 100), G = Math.round(h[2] * 100), K = Math.round(h[0]);
+	return /* @__PURE__ */ F("div", {
+		className: s("color-picker", o, l && "disabled", u),
+		...d,
+		children: [
+			c && /* @__PURE__ */ P("label", {
+				className: "label",
+				htmlFor: p,
+				children: c
+			}),
+			/* @__PURE__ */ F("div", {
+				ref: x,
+				className: "area",
+				style: { background: `hsl(${h[0]}, 100%, 50%)` },
+				role: "slider",
+				tabIndex: l ? -1 : 0,
+				"aria-label": f.area,
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": W,
+				"aria-valuetext": n(f.areaValue, {
+					saturation: W,
+					brightness: G
+				}),
+				"aria-disabled": l || void 0,
+				onKeyDown: z,
+				onPointerDown: (e) => {
+					l || (e.currentTarget.focus({ preventScroll: !0 }), w.current = "area", j(e));
+				},
+				children: [
+					/* @__PURE__ */ P("div", { className: "white" }),
+					/* @__PURE__ */ P("div", { className: "black" }),
+					/* @__PURE__ */ P("div", {
+						className: "cursor",
+						style: {
+							left: `${h[1] * 100}%`,
+							top: `${(1 - h[2]) * 100}%`,
+							background: R
+						}
+					})
+				]
+			}),
+			/* @__PURE__ */ P("div", {
+				ref: S,
+				className: "hue",
+				role: "slider",
+				tabIndex: l ? -1 : 0,
+				"aria-label": f.hue,
+				"aria-valuemin": 0,
+				"aria-valuemax": 360,
+				"aria-valuenow": K,
+				"aria-valuetext": n(f.hueValue, { value: K }),
+				"aria-orientation": "horizontal",
+				"aria-disabled": l || void 0,
+				onKeyDown: B,
+				onPointerDown: (e) => {
+					l || (e.currentTarget.focus({ preventScroll: !0 }), w.current = "hue", I(e));
+				},
+				children: /* @__PURE__ */ P("div", {
+					className: "hue-thumb",
+					style: { left: `${h[0] / 360 * 100}%` }
+				})
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "controls",
+				children: [/* @__PURE__ */ P("div", {
+					className: "preview",
+					style: { background: R }
+				}), /* @__PURE__ */ P("input", {
+					id: p,
+					type: "text",
+					"aria-label": c ? void 0 : f.input,
+					className: "input",
+					value: y,
+					onChange: (e) => L(e.target.value),
+					disabled: l
+				})]
+			}),
+			i.length > 0 && /* @__PURE__ */ P("div", {
+				className: "swatches",
+				role: "radiogroup",
+				"aria-label": f.swatches,
+				"aria-disabled": l || void 0,
+				onKeyDown: ee,
+				children: i.map((e, t) => /* @__PURE__ */ P("button", {
+					ref: (e) => {
+						C.current[t] = e;
+					},
+					type: "button",
+					role: "radio",
+					className: s("swatch", t === V && "active"),
+					style: { background: e },
+					"aria-label": n(f.swatch, { color: e }),
+					"aria-checked": t === V,
+					tabIndex: !l && t === H ? 0 : -1,
+					onClick: () => U(e)
+				}, e))
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/display/MEmptyState/MEmptyState.tsx
+var ge = {
+	xs: "xs",
+	sm: "sm",
+	md: "sm",
+	lg: "md",
+	xl: "lg"
+};
+function _e({ icon: e, illustration: t, title: n, description: r, buttonText: i, onAction: a, color: o = "neutral", size: c = "md", className: l, children: u, ...d }) {
+	return /* @__PURE__ */ F("div", {
+		className: s("empty-state", `color-${o}`, c, l),
+		...d,
+		children: [
+			t && /* @__PURE__ */ P("div", {
+				className: "empty-state-illustration",
+				children: E(t) ? T(t, { color: o }) : t
+			}),
+			!t && e && /* @__PURE__ */ P("div", {
+				className: "empty-state-icon",
+				children: e
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "empty-state-content",
+				children: [/* @__PURE__ */ P("div", {
+					className: "empty-state-title",
+					children: n
+				}), r && /* @__PURE__ */ P("div", {
+					className: "empty-state-description",
+					children: r
+				})]
+			}),
+			i && a && /* @__PURE__ */ P("div", {
+				className: "empty-state-action",
+				children: /* @__PURE__ */ P(h, {
+					size: ge[c],
+					variant: "outlined",
+					color: o,
+					onClick: a,
+					children: i
+				})
+			}),
+			u
+		]
+	});
+}
+//#endregion
+//#region src/components/display/MBlur/MBlur.tsx
+function ve({ children: e, amount: t = 6, reveal: n = "hover", revealed: r, defaultRevealed: i = !1, onToggle: a, inline: o = !0, className: c, style: l, onClick: u, onKeyDown: d, ...f }) {
+	let p = r !== void 0, [m, h] = N(i), g = p ? r : m, _ = n !== "none", v = D((e) => {
+		p || h(e), a?.(e);
+	}, [p, a]), y = (e) => {
+		n === "click" && v(!g), u?.(e);
+	}, b = (e) => {
+		n === "click" && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), v(!g)), d?.(e);
+	}, x = {
+		...l,
+		"--mineral-blur-amount": `${t}px`
+	};
+	return /* @__PURE__ */ P("span", {
+		className: s("blur", o ? "inline" : "block", `reveal-${n}`, g && "revealed", c),
+		style: x,
+		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__ */ P("span", {
+			className: "blur-inner",
+			"aria-hidden": !g,
+			children: e
+		})
+	});
+}
+//#endregion
+//#region src/components/display/MStepper/MStepper.tsx
+var ye = {
+	xs: 10,
+	sm: 14,
+	md: 18,
+	lg: 22,
+	xl: 28
+};
+function be(e) {
+	return null;
+}
+function xe({ activeStep: e, variant: t = "horizontal", color: n = "primary", size: i = "md", clickable: a = !1, onChange: c, className: l, children: u, ...d }) {
+	let f = r(), p = k(), m = w.toArray(u).filter((e) => E(e) && e.type === be);
+	return /* @__PURE__ */ P("div", {
+		className: s("stepper", t, `color-${n}`, i, l),
+		role: "list",
+		...d,
+		children: m.map((t, n) => {
+			if (!E(t)) return null;
+			let { id: r, title: l, description: u, icon: d, disabled: m, optional: h, error: g } = t.props, _ = n === e, v = n < e, y = a && !m, b = () => {
+				y && c && c(n);
+			}, x = g ? f.error : v ? f.completed : null, S = `${p}-${n}-title`, C = `${p}-${n}-state`, w = g ? "!" : v ? d ?? /* @__PURE__ */ P(o, { size: ye[i] }) : d ?? n + 1;
+			return /* @__PURE__ */ F("div", {
+				className: s("stepper-step", _ && "active", v && "completed", m && "disabled", g && "error", y && "clickable"),
+				role: "listitem",
+				"aria-current": _ ? "step" : void 0,
+				children: [y ? /* @__PURE__ */ P("button", {
+					type: "button",
+					className: "stepper-indicator",
+					onClick: b,
+					"aria-labelledby": x ? `${S} ${C}` : S,
+					"aria-current": _ ? "step" : void 0,
+					children: /* @__PURE__ */ P("span", {
+						className: "stepper-indicator-content",
+						"aria-hidden": "true",
+						children: w
+					})
+				}) : /* @__PURE__ */ P("div", {
+					className: "stepper-indicator",
+					"aria-hidden": g || v ? !0 : void 0,
+					children: w
+				}), /* @__PURE__ */ F("div", {
+					className: "stepper-content",
+					children: [
+						/* @__PURE__ */ P("span", {
+							id: S,
+							className: "stepper-title",
+							children: l
+						}),
+						x && /* @__PURE__ */ P("span", {
+							id: C,
+							className: "stepper-state",
+							children: x
+						}),
+						u && /* @__PURE__ */ P("span", {
+							className: "stepper-description",
+							children: u
+						}),
+						h && /* @__PURE__ */ P("span", {
+							className: "stepper-optional",
+							children: f.optional
+						})
+					]
+				})]
+			}, r);
+		})
+	});
+}
+//#endregion
+//#region src/components/display/MTimeline/MTimeline.tsx
+function Se(e) {
+	return null;
+}
+function Ce({ align: e = "left", color: t = "primary", size: n = "md", className: r, children: i, ...a }) {
+	let o = w.toArray(i).filter((e) => E(e) && e.type === Se);
+	return /* @__PURE__ */ P("div", {
+		className: s("timeline", `align-${e}`, `color-${t}`, n, r),
+		...a,
+		children: o.map((t, n) => {
+			if (!E(t)) return null;
+			let { id: r, title: i, description: a, date: o, icon: c, color: l } = t.props, u = e === "alternate" ? n % 2 == 0 ? "left" : "right" : void 0;
+			return /* @__PURE__ */ F("div", {
+				className: s("timeline-item", u && `side-${u}`),
+				children: [/* @__PURE__ */ P("div", {
+					className: s("timeline-dot", l && `color-${l}`),
+					children: c
+				}), /* @__PURE__ */ F("div", {
+					className: "timeline-content",
+					children: [
+						/* @__PURE__ */ P("span", {
+							className: "timeline-title",
+							children: i
+						}),
+						a && /* @__PURE__ */ P("span", {
+							className: "timeline-description",
+							children: a
+						}),
+						o && /* @__PURE__ */ P("span", {
+							className: "timeline-date",
+							children: o
+						})
+					]
+				})]
+			}, r);
+		})
+	});
+}
+//#endregion
+export { ve as a, ce as c, H as d, V as f, I as h, xe as i, oe as l, L as m, Se as n, _e as o, R as p, be as r, he as s, Ce as t, Y as u };
+
+//# sourceMappingURL=display-Dlb79lkA.js.map