@banzamel/mineralui 1.9.1 → 1.10.2

package/dist/{display-C7YRf4Ze.js → display-ChhvaSPc.js}

@@ -1,63 +1,67 @@
-import { Ii as e, Ni as t, rn as n } from "./icons-CfpYxnfg.js";
+import { Gi as e, Hi as t, Kn as n } from "./icons-DLP-Rs6z.js";
 import { t as r } from "./cn-YER3QsV1.js";
-import { n as i, t as a } from "./MStack-C4Eocfb5.js";
-import { t as o } from "./MText-CL-LPcXi.js";
-import { t as s } from "./MButton-C1pnL4_j.js";
-import { a as c, n as l, r as u, s as d } from "./MSkeleton-CVofhuDp.js";
-import { Children as f, cloneElement as p, isValidElement as m, useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+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-B-sjyczH.js";
+import { t as u } from "./MText-CL-LPcXi.js";
+import { t as d } from "./MButton-C94fZ3l9.js";
+import { n as f } from "./MSkeleton-BpylRABV.js";
+import { t as p } from "./MStack-B8JtyM10.js";
+import { i as m, n as h, t as g } from "./MCard-9ucghJJs.js";
+import { t as _ } from "./locale-JX_gX03k.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 S({ title: e, defaultOpen: n = !1, open: i, onToggle: o, color: c = "primary", className: l, children: u, ...d }) {
-	let [f, p] = y(n), m = i ?? f, h = () => {
+function O({ title: e, 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 && p(e), o?.(e);
-	}, g = /* @__PURE__ */ b("span", {
+		i === void 0 && f(e), a?.(e);
+	}, g = /* @__PURE__ */ E("span", {
 		className: r("chevron", m && "open"),
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ b(t, {})
+		children: /* @__PURE__ */ E(t, {})
 	});
-	return /* @__PURE__ */ x("div", {
-		className: r("collapsible", l),
-		...d,
-		children: [/* @__PURE__ */ b(s, {
+	return /* @__PURE__ */ D("div", {
+		className: r("collapsible", s),
+		...l,
+		children: [/* @__PURE__ */ E(d, {
 			variant: "ghost",
-			color: c,
+			color: o,
 			className: "trigger",
 			"aria-expanded": m,
 			onClick: h,
 			endIcon: g,
 			children: e
-		}), /* @__PURE__ */ b("div", {
+		}), /* @__PURE__ */ E("div", {
 			className: r("content-wrap", m && "open"),
 			"aria-hidden": !m,
-			children: /* @__PURE__ */ b(a, {
+			children: /* @__PURE__ */ E(p, {
 				className: "content",
-				children: u
+				children: c
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/components/display/MAccordion/MAccordion.tsx
-function C(e) {
+function k(e) {
 	return null;
 }
-function w({ multiple: e = !1, defaultOpen: t, onChange: n, bordered: i = !1, color: a, className: o, children: s, ...c }) {
-	let [l, u] = y(Array.isArray(t) ? t : t ? [t] : []), d = h((t, r) => {
+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]), p = f.toArray(s).filter((e) => m(e) && e.type === C);
-	return /* @__PURE__ */ b("div", {
+	}, [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: p.map((e) => {
-			if (!m(e)) return null;
+		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__ */ b("div", {
+			return /* @__PURE__ */ E("div", {
 				className: r("accordion-item", o && "disabled"),
-				children: /* @__PURE__ */ b(S, {
+				children: /* @__PURE__ */ E(O, {
 					title: n,
 					open: c,
 					onToggle: o ? void 0 : (e) => d(t, e),
@@ -70,20 +74,20 @@ function w({ multiple: e = !1, defaultOpen: t, onChange: n, bordered: i = !1, co
 }
 //#endregion
 //#region src/components/display/MProgressBar/MProgressBar.tsx
-var T = 800;
-function E(e) {
+var j = 800;
+function M(e) {
 	return 1 - (1 - e) ** 3;
 }
-function D({ 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] = y(0), [m, _] = y(0), S = v(0), C = v(0), w = h((e, t) => {
-		cancelAnimationFrame(C.current);
+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 / T, 1), s = E(o);
-			p(e + (t - e) * s), o < 1 && (C.current = requestAnimationFrame(r));
+			let a = i - n, o = Math.min(a / j, 1), s = M(o);
+			p(e + (t - e) * s), o < 1 && (_.current = requestAnimationFrame(r));
 		};
-		_(t), C.current = requestAnimationFrame(r);
+		h(t), _.current = requestAnimationFrame(r);
 	}, []);
-	return g(() => (w(S.current, d), S.current = d, () => cancelAnimationFrame(C.current)), [d, w]), /* @__PURE__ */ x("div", {
+	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,
@@ -91,18 +95,18 @@ function D({ value: e, max: t = 100, color: n = "primary", size: i = "md", label
 		"aria-valuemax": t,
 		"aria-label": a,
 		...u,
-		children: [(a || o) && /* @__PURE__ */ x("div", {
+		children: [(a || o) && /* @__PURE__ */ D("div", {
 			className: "progress-bar-header",
-			children: [a && /* @__PURE__ */ b("span", {
+			children: [a && /* @__PURE__ */ E("span", {
 				className: "progress-bar-label",
 				children: a
-			}), o && /* @__PURE__ */ x("span", {
+			}), o && /* @__PURE__ */ D("span", {
 				className: "progress-bar-value",
 				children: [Math.round(f), "%"]
 			})]
-		}), /* @__PURE__ */ b("div", {
+		}), /* @__PURE__ */ E("div", {
 			className: "progress-bar-track",
-			children: /* @__PURE__ */ b("div", {
+			children: /* @__PURE__ */ E("div", {
 				className: r("progress-bar-fill", s && "animated", c && "striped"),
 				style: { width: `${m}%` }
 			})
@@ -111,9 +115,9 @@ function D({ value: e, max: t = 100, color: n = "primary", size: i = "md", label
 }
 //#endregion
 //#region src/components/display/MCountUp/MCountUp.tsx
-function O({ value: e, from: t = 0, duration: n = 1e3, decimals: i = 0, prefix: a = "", suffix: o = "", separator: s = "", className: c, ...l }) {
-	let [u, d] = y(t), f = v(0), p = v(null);
-	g(() => {
+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) => {
@@ -123,8 +127,8 @@ function O({ value: e, from: t = 0, duration: n = 1e3, decimals: i = 0, prefix:
 		};
 		return f.current = requestAnimationFrame(r), () => cancelAnimationFrame(f.current);
 	}, [e, n]);
-	let m = k(u, i, s);
-	return /* @__PURE__ */ x("span", {
+	let m = F(u, i, s);
+	return /* @__PURE__ */ D("span", {
 		className: r("count-up", c),
 		...l,
 		children: [
@@ -134,7 +138,7 @@ function O({ value: e, from: t = 0, duration: n = 1e3, decimals: i = 0, prefix:
 		]
 	});
 }
-function k(e, t, n) {
+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);
@@ -142,7 +146,7 @@ function k(e, t, n) {
 }
 //#endregion
 //#region src/components/display/MCodeBlock/MCodeBlock.tsx
-var A = {
+var I = {
 	c: "c",
 	cpp: "cpp",
 	"c++": "cpp",
@@ -162,143 +166,143 @@ var A = {
 	shell: "bash",
 	shellscript: "bash",
 	php: "php"
-}, j = {
-	xml: () => import("./xml-a3b-XevT.js"),
-	css: () => import("./css-C__ffGj6.js"),
-	javascript: () => import("./javascript-ClV78Svx.js"),
-	typescript: () => import("./typescript-wdQKWfxO.js"),
-	json: () => import("./json-Dz6EkGZR.js"),
-	bash: () => import("./bash-RIFbRcCe.js"),
-	c: () => import("./c-DAywn1DE.js"),
-	cpp: () => import("./cpp-Y9cHXDal.js"),
-	arduino: () => import("./arduino-C5s1z3P1.js"),
-	php: () => import("./php-5Erp5xxI.js")
-}, M = null, N = 42, P = 200;
-function F(e) {
+}, L = {
+	xml: () => import("./xml-CnKYdLjT.js"),
+	css: () => import("./css-DL_ID0lZ.js"),
+	javascript: () => import("./javascript-B5hepBcv.js"),
+	typescript: () => import("./typescript-MSi2XC0t.js"),
+	json: () => import("./json-DTBnkegk.js"),
+	bash: () => import("./bash-DQsQM8so.js"),
+	c: () => import("./c-BgkSGJWN.js"),
+	cpp: () => import("./cpp-ChrqJwqu.js"),
+	arduino: () => import("./arduino-DWEBiENP.js"),
+	php: () => import("./php-DwgDg57J.js")
+}, R = null, z = 42, B = 200;
+function V(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function I(e) {
-	return A[e] ?? e;
+function H(e) {
+	return I[e] ?? e;
 }
-async function L() {
-	return M ||= (async () => {
-		let e = (await import("./core-BUYr52VU.js")).default.newInstance();
-		for (let [t, n] of Object.entries(j)) {
+async function ee() {
+	return R ||= (async () => {
+		let e = (await import("./core-BdOw9NlN.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;
-	})(), M;
+	})(), R;
 }
-function R({ code: e, language: t = "tsx", title: a, showHeader: f = !0, showLanguage: p = !0, showCopyButton: m = !0, copyLabel: h = "Copy", copiedLabel: S = "Copied", maxHeight: C, stretch: w = !1, animated: T = !1, lineNumbers: E = !1, className: D, ...O }) {
-	let k = _(() => I(t.trim().toLowerCase()), [t]), [A, j] = y(() => T ? 0 : e.length), M = T ? e.slice(0, A) : e, [R, z] = y(() => F(M)), [B, V] = y(!1), H = v(null), U = v(null), W = v(null), G = typeof navigator < "u" && typeof navigator.clipboard?.writeText == "function", K = f && (!!a || p || m), q = _(() => Math.max(1, M.split("\n").length), [M]);
-	g(() => {
-		U.current !== null && (window.clearTimeout(U.current), U.current = null), j(T ? 0 : e.length);
-	}, [T, e]), g(() => {
-		if (!(!T || e.length === 0)) return A < e.length && (U.current = window.setTimeout(() => {
-			j((t) => Math.min(t + 1, e.length)), U.current = null;
-		}, A === 0 ? P : N)), () => {
-			U.current !== null && (window.clearTimeout(U.current), U.current = null);
+function U({ code: e, language: t = "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(t.trim().toLowerCase()), [t]), [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);
 		};
 	}, [
-		T,
+		y,
 		e.length,
 		A
-	]), g(() => {
+	]), S(() => {
 		let e = !0;
 		async function t() {
 			try {
-				let t = await L(), n = t.getLanguage(k) ? t.highlight(M, {
+				let t = await ee(), n = t.getLanguage(k) ? t.highlight(M, {
 					language: k,
 					ignoreIllegals: !0
-				}).value : F(M);
-				e && z(n);
+				}).value : V(M);
+				e && P(n);
 			} catch {
-				e && z(F(M));
+				e && P(V(M));
 			}
 		}
 		return t(), () => {
 			e = !1;
 		};
-	}, [k, M]), g(() => () => {
-		H.current !== null && window.clearTimeout(H.current), U.current !== null && window.clearTimeout(U.current);
-	}, []), g(() => {
-		!T || !W.current || (W.current.scrollTop = W.current.scrollHeight);
-	}, [T, A]);
-	async function J() {
-		if (G) try {
-			await navigator.clipboard.writeText(e), V(!0), H.current !== null && window.clearTimeout(H.current), H.current = window.setTimeout(() => {
-				V(!1), H.current = null;
+	}, [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 {
-			V(!1);
+			I(!1);
 		}
 	}
-	return /* @__PURE__ */ x(l, {
-		className: r("code-block-card", D),
+	return /* @__PURE__ */ D(g, {
+		className: r("code-block-card", x),
 		...O,
 		padded: !1,
-		stretch: w,
-		children: [K && /* @__PURE__ */ b(c, {
+		stretch: v,
+		children: [G && /* @__PURE__ */ E(m, {
 			className: "code-block-header",
-			children: /* @__PURE__ */ x(i, {
+			children: /* @__PURE__ */ D(l, {
 				className: "code-block-header-layout",
 				align: "center",
 				justify: "between",
 				wrap: "nowrap",
 				px: "lg",
 				py: "md",
-				children: [/* @__PURE__ */ x(i, {
+				children: [/* @__PURE__ */ D(l, {
 					className: "code-block-header-meta",
 					align: "center",
 					wrap: "wrap",
-					children: [a && /* @__PURE__ */ b(o, {
+					children: [i && /* @__PURE__ */ E(u, {
 						as: "span",
 						className: "code-block-title",
 						size: "sm",
 						weight: "semibold",
-						children: a
-					}), p && t && /* @__PURE__ */ b(d, {
+						children: i
+					}), o && t && /* @__PURE__ */ E(f, {
 						color: "info",
 						size: "sm",
 						children: t
 					})]
-				}), m && /* @__PURE__ */ b(s, {
+				}), s && /* @__PURE__ */ E(d, {
 					variant: "ghost",
 					size: "sm",
 					color: "neutral",
-					startIcon: /* @__PURE__ */ b(n, {
+					startIcon: /* @__PURE__ */ E(n, {
 						size: "sm",
 						"aria-hidden": "true"
 					}),
-					onClick: J,
-					disabled: !G,
-					children: B ? S : h
+					onClick: q,
+					disabled: !W,
+					children: F ? p : c
 				})]
 			})
-		}), /* @__PURE__ */ b(u, {
+		}), /* @__PURE__ */ E(h, {
 			className: "code-block-body",
-			children: /* @__PURE__ */ b("div", {
-				ref: W,
+			children: /* @__PURE__ */ E("div", {
+				ref: U,
 				className: "code-block-scroll",
-				style: C ? {
-					maxHeight: C,
+				style: _ ? {
+					maxHeight: _,
 					overflowY: "auto"
 				} : void 0,
-				children: /* @__PURE__ */ x("pre", {
-					className: r("code-block-pre", E && "with-line-numbers", `language-${k}`),
-					children: [E && /* @__PURE__ */ b("span", {
+				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: q }, (e, t) => /* @__PURE__ */ b("span", {
+						children: Array.from({ length: K }, (e, t) => /* @__PURE__ */ E("span", {
 							className: "code-block-line-number",
 							children: t + 1
 						}, t + 1))
-					}), /* @__PURE__ */ b("span", {
+					}), /* @__PURE__ */ E("span", {
 						className: "code-block-code-shell",
-						children: /* @__PURE__ */ b("code", {
+						children: /* @__PURE__ */ E("code", {
 							className: r("code-block-code", "hljs", `language-${k}`),
-							dangerouslySetInnerHTML: { __html: R }
+							dangerouslySetInnerHTML: { __html: N }
 						})
 					})]
 				})
@@ -308,7 +312,7 @@ function R({ code: e, language: t = "tsx", title: a, showHeader: f = !0, showLan
 }
 //#endregion
 //#region src/components/display/MReveal/MReveal.tsx
-function z(e, t) {
+function W(e, t) {
 	switch (e) {
 		case "down": return {
 			x: 0,
@@ -332,9 +336,9 @@ function z(e, t) {
 		};
 	}
 }
-function B({ 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 = v(null);
-	g(() => {
+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;
@@ -360,7 +364,7 @@ function B({ children: e, direction: t = "up", delay: n = 0, duration: i = .46,
 		o,
 		s
 	]);
-	let f = z(t, a), p = {
+	let f = W(t, a), p = {
 		minWidth: 0,
 		maxWidth: "100%",
 		"--reveal-delay": `${n}s`,
@@ -369,7 +373,7 @@ function B({ children: e, direction: t = "up", delay: n = 0, duration: i = .46,
 		"--reveal-translate-y": `${f.y}px`,
 		...l
 	};
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ E("div", {
 		ref: d,
 		className: r("reveal", c),
 		style: p,
@@ -378,8 +382,51 @@ function B({ children: e, direction: t = "up", delay: n = 0, duration: i = .46,
 	});
 }
 //#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 V(e, t, n) {
+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));
@@ -390,7 +437,7 @@ function V(e, t, n) {
 		Math.round(r(1) * 255)
 	].map((e) => e.toString(16).padStart(2, "0")).join("")}`;
 }
-function H(e) {
+function Y(e) {
 	let t = e.replace("#", "").match(/.{2}/g);
 	if (!t) return [
 		0,
@@ -406,13 +453,13 @@ function H(e) {
 		a
 	];
 }
-function U(e) {
+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 W(e) {
+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;
@@ -422,10 +469,10 @@ function W(e) {
 	}
 	return `hsl(${Math.round(c)}, ${Math.round(l * 100)}%, ${Math.round(s * 100)}%)`;
 }
-function G(e, t) {
-	return t === "rgb" ? U(e) : t === "hsl" ? W(e) : e;
+function X(e, t) {
+	return t === "rgb" ? te(e) : t === "hsl" ? ne(e) : e;
 }
-function K(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+)\)/);
@@ -435,7 +482,7 @@ function K(e) {
 		t[3]
 	].map((e) => parseInt(e).toString(16).padStart(2, "0")).join("")}` : "#000000";
 }
-var q = [
+var re = [
 	"#ef4444",
 	"#f97316",
 	"#eab308",
@@ -447,68 +494,68 @@ var q = [
 	"#000000",
 	"#ffffff"
 ];
-function J({ value: e, onChange: t, swatches: n = q, format: i = "hex", size: a = "md", label: o, disabled: s = !1, className: c, ...l }) {
-	let u = K(e ?? "#3b82f6"), [d, f] = y(() => H(u)), [p, m] = y(G(u, i)), _ = v(null), S = v(null), C = v(null);
-	g(() => {
-		let t = K(e ?? "#3b82f6");
-		f(H(t)), m(G(t, i));
+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 w = h((e, n, r) => {
-		let a = V(e, n, r);
+	let v = x((e, n, r) => {
+		let a = J(e, n, r);
 		f([
 			e,
 			n,
 			r
-		]), m(G(a, i)), t?.(G(a, i));
+		]), m(X(a, i)), t?.(X(a, i));
 	}, [t, i]);
-	function T(e) {
-		let t = _.current?.getBoundingClientRect();
+	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));
-		w(d[0], n, r);
+		v(d[0], n, r);
 	}
-	function E(e) {
-		let t = S.current?.getBoundingClientRect();
-		t && w(Math.max(0, Math.min(360, (e.clientX - t.left) / t.width * 360)), d[1], d[2]);
+	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]);
 	}
-	g(() => {
+	S(() => {
 		function e(e) {
-			C.current === "area" ? T(e) : C.current === "hue" && E(e);
+			_.current === "area" ? y(e) : _.current === "hue" && b(e);
 		}
 		function t() {
-			C.current = null;
+			_.current = null;
 		}
 		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
 			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
 		};
 	});
-	function D(e) {
+	function C(e) {
 		m(e);
 		try {
-			let n = K(e);
-			(n !== "#000000" || e === "#000000" || e.toLowerCase() === "rgb(0, 0, 0)") && (f(H(n)), t?.(G(n, i)));
+			let n = Z(e);
+			(n !== "#000000" || e === "#000000" || e.toLowerCase() === "rgb(0, 0, 0)") && (f(Y(n)), t?.(X(n, i)));
 		} catch {}
 	}
-	let O = V(d[0], d[1], d[2]);
-	return /* @__PURE__ */ x("div", {
+	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__ */ b("label", {
+			o && /* @__PURE__ */ E("label", {
 				className: "label",
 				children: o
 			}),
-			/* @__PURE__ */ x("div", {
-				ref: _,
+			/* @__PURE__ */ D("div", {
+				ref: h,
 				className: "area",
 				style: { background: `hsl(${d[0]}, 100%, 50%)` },
 				onPointerDown: (e) => {
-					s || (C.current = "area", T(e));
+					s || (_.current = "area", y(e));
 				},
 				children: [
-					/* @__PURE__ */ b("div", { className: "white" }),
-					/* @__PURE__ */ b("div", { className: "black" }),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ E("div", { className: "white" }),
+					/* @__PURE__ */ E("div", { className: "black" }),
+					/* @__PURE__ */ E("div", {
 						className: "cursor",
 						style: {
 							left: `${d[1] * 100}%`,
@@ -518,40 +565,40 @@ function J({ value: e, onChange: t, swatches: n = q, format: i = "hex", size: a
 					})
 				]
 			}),
-			/* @__PURE__ */ b("div", {
-				ref: S,
+			/* @__PURE__ */ E("div", {
+				ref: g,
 				className: "hue",
 				onPointerDown: (e) => {
-					s || (C.current = "hue", E(e));
+					s || (_.current = "hue", b(e));
 				},
-				children: /* @__PURE__ */ b("div", {
+				children: /* @__PURE__ */ E("div", {
 					className: "hue-thumb",
 					style: { left: `${d[0] / 360 * 100}%` }
 				})
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ D("div", {
 				className: "controls",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: "preview",
 					style: { background: O }
-				}), /* @__PURE__ */ b("input", {
+				}), /* @__PURE__ */ E("input", {
 					type: "text",
 					className: "input",
 					value: p,
-					onChange: (e) => D(e.target.value),
+					onChange: (e) => C(e.target.value),
 					disabled: s
 				})]
 			}),
-			n.length > 0 && /* @__PURE__ */ b("div", {
+			n.length > 0 && /* @__PURE__ */ E("div", {
 				className: "swatches",
-				children: n.map((e) => /* @__PURE__ */ b("button", {
+				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] = H(e);
-						w(t, n, r);
+						let [t, n, r] = Y(e);
+						v(t, n, r);
 					}
 				}, e))
 			})
@@ -560,82 +607,82 @@ function J({ value: e, onChange: t, swatches: n = q, format: i = "hex", size: a
 }
 //#endregion
 //#region src/components/display/MEmptyState/MEmptyState.tsx
-var Y = {
+var ae = {
 	xs: "xs",
 	sm: "sm",
 	md: "sm",
 	lg: "md",
 	xl: "lg"
 };
-function X({ icon: e, illustration: t, title: n, description: i, buttonText: a, onAction: o, color: c = "neutral", size: l = "md", className: u, children: d, ...f }) {
-	return /* @__PURE__ */ x("div", {
-		className: r("empty-state", `color-${c}`, l, u),
+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__ */ b("div", {
+			t && /* @__PURE__ */ E("div", {
 				className: "empty-state-illustration",
-				children: m(t) ? p(t, { color: c }) : t
+				children: b(t) ? y(t, { color: s }) : t
 			}),
-			!t && e && /* @__PURE__ */ b("div", {
+			!t && e && /* @__PURE__ */ E("div", {
 				className: "empty-state-icon",
 				children: e
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ D("div", {
 				className: "empty-state-content",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: "empty-state-title",
 					children: n
-				}), i && /* @__PURE__ */ b("div", {
+				}), i && /* @__PURE__ */ E("div", {
 					className: "empty-state-description",
 					children: i
 				})]
 			}),
-			a && o && /* @__PURE__ */ b("div", {
+			a && o && /* @__PURE__ */ E("div", {
 				className: "empty-state-action",
-				children: /* @__PURE__ */ b(s, {
-					size: Y[l],
+				children: /* @__PURE__ */ E(d, {
+					size: ae[c],
 					variant: "outlined",
-					color: c,
+					color: s,
 					onClick: o,
 					children: a
 				})
 			}),
-			d
+			u
 		]
 	});
 }
 //#endregion
 //#region src/components/display/MBlur/MBlur.tsx
-function Z({ 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, g] = y(a), _ = p ? i : m, v = n !== "none", x = h((e) => {
-		p || g(e), o?.(e);
-	}, [p, o]), S = (e) => {
-		n === "click" && x(!_), u?.(e);
-	}, C = (e) => {
-		n === "click" && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), x(!_)), d?.(e);
-	}, w = {
+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__ */ b("span", {
-		className: r("blur", s ? "inline" : "block", `reveal-${n}`, _ && "revealed", c),
-		style: w,
-		tabIndex: v && n === "click" ? 0 : void 0,
+	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" ? _ : void 0,
-		onClick: S,
-		onKeyDown: C,
+		"aria-pressed": n === "click" ? g : void 0,
+		onClick: y,
+		onKeyDown: b,
 		...f,
-		children: /* @__PURE__ */ b("span", {
+		children: /* @__PURE__ */ E("span", {
 			className: "blur-inner",
-			"aria-hidden": !_,
+			"aria-hidden": !g,
 			children: e
 		})
 	});
 }
 //#endregion
 //#region src/components/display/MStepper/MStepper.tsx
-var ee = {
+var ce = {
 	xs: 10,
 	sm: 14,
 	md: 18,
@@ -645,42 +692,42 @@ var ee = {
 function Q(e) {
 	return null;
 }
-function te({ activeStep: t, variant: n = "horizontal", color: i = "primary", size: a = "md", clickable: o = !1, onChange: s, className: c, children: l, ...u }) {
-	let d = f.toArray(l).filter((e) => m(e) && e.type === Q);
-	return /* @__PURE__ */ b("div", {
+function le({ activeStep: t, variant: n = "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", n, `color-${i}`, a, c),
 		role: "list",
 		...u,
 		children: d.map((n, i) => {
-			if (!m(n)) return null;
-			let { id: c, title: l, description: u, icon: d, disabled: f, optional: p, error: h } = n.props, g = i === t, _ = i < t, v = o && !f, y = () => {
-				v && s && s(i);
+			if (!b(n)) return null;
+			let { id: c, title: l, description: u, icon: d, disabled: f, optional: p, error: m } = n.props, h = i === t, g = i < t, _ = o && !f, v = () => {
+				_ && s && s(i);
 			};
-			return /* @__PURE__ */ x("div", {
-				className: r("stepper-step", g && "active", _ && "completed", f && "disabled", h && "error", v && "clickable"),
+			return /* @__PURE__ */ D("div", {
+				className: r("stepper-step", h && "active", g && "completed", f && "disabled", m && "error", _ && "clickable"),
 				role: "listitem",
-				"aria-current": g ? "step" : void 0,
-				children: [/* @__PURE__ */ b("div", {
+				"aria-current": h ? "step" : void 0,
+				children: [/* @__PURE__ */ E("div", {
 					className: "stepper-indicator",
-					onClick: v ? y : void 0,
-					role: v ? "button" : void 0,
-					tabIndex: v ? 0 : void 0,
-					onKeyDown: v ? (e) => {
-						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), y());
+					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: h ? "!" : _ ? d ?? /* @__PURE__ */ b(e, { size: ee[a] }) : d ?? i + 1
-				}), /* @__PURE__ */ x("div", {
+					children: m ? "!" : g ? d ?? /* @__PURE__ */ E(e, { size: ce[a] }) : d ?? i + 1
+				}), /* @__PURE__ */ D("div", {
 					className: "stepper-content",
 					children: [
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ E("span", {
 							className: "stepper-title",
 							children: l
 						}),
-						u && /* @__PURE__ */ b("span", {
+						u && /* @__PURE__ */ E("span", {
 							className: "stepper-description",
 							children: u
 						}),
-						p && /* @__PURE__ */ b("span", {
+						p && /* @__PURE__ */ E("span", {
 							className: "stepper-optional",
 							children: "Optional"
 						})
@@ -695,31 +742,31 @@ function te({ activeStep: t, variant: n = "horizontal", color: i = "primary", si
 function $(e) {
 	return null;
 }
-function ne({ align: e = "left", color: t = "primary", size: n = "md", className: i, children: a, ...o }) {
-	let s = f.toArray(a).filter((e) => m(e) && e.type === $);
-	return /* @__PURE__ */ b("div", {
+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 (!m(t)) return null;
+			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__ */ x("div", {
+			return /* @__PURE__ */ D("div", {
 				className: r("timeline-item", u && `side-${u}`),
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: r("timeline-dot", l && `color-${l}`),
 					children: c
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ D("div", {
 					className: "timeline-content",
 					children: [
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ E("span", {
 							className: "timeline-title",
 							children: a
 						}),
-						o && /* @__PURE__ */ b("span", {
+						o && /* @__PURE__ */ E("span", {
 							className: "timeline-description",
 							children: o
 						}),
-						s && /* @__PURE__ */ b("span", {
+						s && /* @__PURE__ */ E("span", {
 							className: "timeline-date",
 							children: s
 						})
@@ -730,6 +777,6 @@ function ne({ align: e = "left", color: t = "primary", size: n = "md", className
 	});
 }
 //#endregion
-export { Z as a, B as c, D as d, w as f, te as i, R as l, S as m, $ as n, X as o, C as p, Q as r, J as s, ne as t, O as u };
+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-C7YRf4Ze.js.map
+//# sourceMappingURL=display-ChhvaSPc.js.map