@banzamel/mineralui 1.4.0 → 1.6.0

package/dist/{data-z3Uc9FSI.js → data-DKrj_Hx6.js}

@@ -1,68 +1,68 @@
-import { t as e } from "./theme-XRUdoLqw.js";
-import { $r as t, Ar as n, At as r, Br as i, Cr as a, Dr as o, Er as s, Fr as c, Gr as l, Hr as u, Ii as d, Ir as f, Jr as p, Kr as m, Lr as h, Ni as g, Nr as _, Or as v, Pr as y, Qr as b, Rr as x, Sr as S, Ti as C, Ur as w, Vr as T, Wr as E, Zr as D, _r as O, br as k, dn as A, ei as j, jr as M, jt as N, ki as P, kr as ee, nn as te, qr as ne, ri as re, sn as ie, tn as ae, wr as oe, xr as F, zr as I } from "./icons-D5DK-J2C.js";
-import { t as L } from "./cn-YER3QsV1.js";
-import { t as se } from "./MPortal-Dqlkh3hw.js";
-import { t as R } from "./MPopover-BC9C5967.js";
-import { t as ce } from "./MInline-BYsbmfkz.js";
-import { t as z } from "./MText-hHMgVJ4-.js";
-import { t as le } from "./MHeading-DBS5Kytw.js";
-import { t as ue } from "./MSubText-CHvUFOlt.js";
-import { r as de, t as B } from "./MButton-Bfe4iq51.js";
-import { t as V } from "./MCheckbox-B7SpcD4H.js";
-import { t as H } from "./MBadge-5PivwWxe.js";
-import { n as fe, r as U } from "./MSkeleton-Cwa-JRxo.js";
-import { t as pe } from "./MModal-___Rw8YK.js";
-import { i as W, r as me } from "./MDropdownMenu-CxBhYxQb.js";
-import { t as he } from "./locale-BNyzqXAU.js";
-import { t as G } from "./MTimeAgo-xxl53mct.js";
-import { t as ge } from "./MImage-UmiZwzDJ.js";
-import { t as _e } from "./MAvatar-B0uPeciT.js";
-import { t as ve } from "./MInputSearch-y3_ihYRj.js";
-import { a as ye, c as be, d as xe, f as Se, i as Ce, l as we, n as Te, o as Ee, r as De, s as K, u as Oe } from "./MSparkline-Cb_EwR-E.js";
-import { a as ke, r as Ae, t as je } from "./frameworkTexts-B6oE8pMk.js";
-import { t as Me } from "./MStack-DVOFZo1L.js";
-import { Children as Ne, createContext as Pe, isValidElement as Fe, useCallback as q, useContext as Ie, useEffect as Le, useMemo as J, useRef as Y, useState as X } from "react";
-import { Fragment as Re, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+import { t as e } from "./theme-KYwqDZxJ.js";
+import { $r as t, Ai as n, Ar as r, At as i, Br as a, Cr as o, Dr as s, Ei as c, Fr as l, Gr as u, Hr as d, Ir as f, Jr as p, Kr as m, Li as h, Lr as g, Mr as _, Or as v, Pi as y, Pr as b, Qr as x, Rr as S, Sr as C, Tr as w, Ur as T, Vr as E, Wr as D, Yr as O, dn as k, ei as A, ii as j, jr as M, jt as ee, kr as N, nn as te, qr as ne, sn as re, ti as ie, tn as ae, vr as oe, wr as se, xr as P, zr as F } from "./icons-DlNO04xH.js";
+import { t as I } from "./cn-CUSXNnjF.js";
+import { t as ce } from "./MPortal-Dqlkh3hw.js";
+import { t as L } from "./MPopover-3tjz5lKh.js";
+import { t as le } from "./MInline-DA_ehefx.js";
+import { t as R } from "./MText-B7_HjPym.js";
+import { t as ue } from "./MHeading-BvpWyvjj.js";
+import { t as de } from "./MSubText-C9VizSn9.js";
+import { r as fe, t as z } from "./MButton-BpSZUhpY.js";
+import { t as B } from "./MCheckbox-CNz73bQC.js";
+import { t as V } from "./MBadge-C_vK2JdM.js";
+import { n as pe, r as H } from "./MSkeleton-Bqq_XJn8.js";
+import { t as me } from "./MModal-CHSo5gKE.js";
+import { i as U, r as he } from "./MDropdownMenu-CMnBt-wO.js";
+import { t as ge } from "./locale-BNyzqXAU.js";
+import { t as W } from "./MTimeAgo-D1G2yovw.js";
+import { t as _e } from "./MImage-BQs91GK-.js";
+import { t as ve } from "./MAvatar-CnBVN71i.js";
+import { t as ye } from "./MInputSearch-CdPfJ4v_.js";
+import { a as be, c as xe, d as Se, f as Ce, i as we, l as Te, n as Ee, o as De, r as Oe, s as G, u as ke } from "./MSparkline-DbtdM0W6.js";
+import { a as Ae, r as je, t as Me } from "./frameworkTexts-DzujbRBe.js";
+import { t as Ne } from "./MStack-BWarX5O9.js";
+import { Children as Pe, createContext as Fe, isValidElement as Ie, useCallback as K, useContext as Le, useEffect as Re, useMemo as q, useRef as J, useState as Y } from "react";
+import { Fragment as ze, jsx as X, jsxs as Z } from "react/jsx-runtime";
 //#region src/components/data/MChat/MChatContext.ts
-var ze = Pe({});
-function Be() {
-	return Ie(ze);
+var Be = Fe({});
+function Ve() {
+	return Le(Be);
 }
 //#endregion
 //#region src/components/data/MChat/MChat.tsx
-function Ve(e, t) {
-	return Fe(e) && !!e.type[t];
+function He(e, t) {
+	return Ie(e) && !!e.type[t];
 }
-function He({ variant: e = "inline", open: t, onToggle: n, unreadCount: i, color: a = "primary", className: o, children: s, ...c }) {
+function Ue({ variant: e = "inline", open: t, onToggle: n, unreadCount: r, color: a = "primary", className: o, children: s, ...c }) {
 	let l = null, u = null, d = [];
-	Ne.forEach(s, (e) => {
-		if (Ve(e, "__chatHeader")) {
+	Pe.forEach(s, (e) => {
+		if (He(e, "__chatHeader")) {
 			l = e;
 			return;
 		}
-		if (Ve(e, "__chatConversationList")) {
+		if (He(e, "__chatConversationList")) {
 			u = e;
 			return;
 		}
 		d.push(e);
 	});
-	let f = J(() => ({ color: a }), [a]), p = /* @__PURE__ */ Z(ze.Provider, {
+	let f = q(() => ({ color: a }), [a]), p = /* @__PURE__ */ X(Be.Provider, {
 		value: f,
-		children: /* @__PURE__ */ Q("div", {
-			className: L("chat", e, `color-${a}`, e === "floating" && t && "open", o),
+		children: /* @__PURE__ */ Z("div", {
+			className: I("chat", e, `color-${a}`, e === "floating" && t && "open", o),
 			...c,
-			children: [u && /* @__PURE__ */ Z("div", {
+			children: [u && /* @__PURE__ */ X("div", {
 				className: "chat-sidebar",
 				children: u
-			}), /* @__PURE__ */ Q("div", {
+			}), /* @__PURE__ */ Z("div", {
 				className: "chat-main",
 				children: [l, d]
 			})]
 		})
 	});
-	return e === "floating" ? /* @__PURE__ */ Z(se, { children: /* @__PURE__ */ Q("div", {
-		className: L("chat-floating-wrapper", t && "open"),
-		children: [t && p, /* @__PURE__ */ Z(B, {
+	return e === "floating" ? /* @__PURE__ */ X(ce, { children: /* @__PURE__ */ Z("div", {
+		className: I("chat-floating-wrapper", t && "open"),
+		children: [t && p, /* @__PURE__ */ X(z, {
 			variant: "filled",
 			color: a,
 			shape: "circle",
@@ -70,58 +70,58 @@ function He({ variant: e = "inline", open: t, onToggle: n, unreadCount: i, color
 			className: "chat-floating-trigger",
 			onClick: n,
 			"aria-label": t ? "Close chat" : "Open chat",
-			badge: !t && i ? i : void 0,
+			badge: !t && r ? r : void 0,
 			badgeColor: "error",
-			badgePulsing: !t && !!i,
-			children: /* @__PURE__ */ Z(r, {})
+			badgePulsing: !t && !!r,
+			children: /* @__PURE__ */ X(i, {})
 		})]
 	}) }) : p;
 }
 //#endregion
 //#region src/components/data/MChat/MChatHeader.tsx
-function Ue({ bordered: e = !1, className: t, children: n, ...r }) {
-	return /* @__PURE__ */ Z("div", {
-		className: L("chat-header", e && "bordered", t),
+function We({ bordered: e = !1, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ X("div", {
+		className: I("chat-header", e && "bordered", t),
 		...r,
 		children: n
 	});
 }
-Ue.__chatHeader = !0;
+We.__chatHeader = !0;
 //#endregion
 //#region src/components/data/MChat/MChatMessage.tsx
-function We({ status: e }) {
+function Ge({ status: e }) {
 	if (!e) return null;
 	let t = e === "delivered" || e === "read";
-	return /* @__PURE__ */ Z("span", {
-		className: L("chat-status", e === "read" ? "chat-status-read" : ""),
+	return /* @__PURE__ */ X("span", {
+		className: I("chat-status", e === "read" ? "chat-status-read" : ""),
 		"aria-label": e,
 		children: t ? "✓✓" : "✓"
 	});
 }
-function Ge({ message: e, showAvatar: t = !0, showTimestamp: n = !0, color: r, className: i, ...a }) {
+function Ke({ message: e, showAvatar: t = !0, showTimestamp: n = !0, color: r, className: i, ...a }) {
 	let { content: o, sender: s, timestamp: c, status: l, isOwn: u, images: d } = e;
-	return /* @__PURE__ */ Q("div", {
-		className: L("chat-message", u && "own", r || void 0, i),
+	return /* @__PURE__ */ Z("div", {
+		className: I("chat-message", u && "own", r || void 0, i),
 		...a,
-		children: [t && !u && /* @__PURE__ */ Z(_e, {
+		children: [t && !u && /* @__PURE__ */ X(ve, {
 			src: s.avatar,
 			name: s.name,
 			size: "sm",
 			color: r,
 			className: "chat-message-avatar"
-		}), /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z("div", {
 			className: "chat-message-content",
 			children: [
-				!u && /* @__PURE__ */ Z(z, {
+				!u && /* @__PURE__ */ X(R, {
 					className: "chat-message-sender",
 					color: "neutral",
 					children: s.name
 				}),
-				/* @__PURE__ */ Q("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "chat-message-bubble",
-					children: [o && /* @__PURE__ */ Z(z, { children: o }), d && d.length > 0 && /* @__PURE__ */ Z("div", {
-						className: L("chat-message-images", d.length > 1 && "grid"),
-						children: d.map((e, t) => /* @__PURE__ */ Z(ge, {
+					children: [o && /* @__PURE__ */ X(R, { children: o }), d && d.length > 0 && /* @__PURE__ */ X("div", {
+						className: I("chat-message-images", d.length > 1 && "grid"),
+						children: d.map((e, t) => /* @__PURE__ */ X(_e, {
 							src: e,
 							alt: "",
 							fit: "cover",
@@ -130,11 +130,11 @@ function Ge({ message: e, showAvatar: t = !0, showTimestamp: n = !0, color: r, c
 						}, t))
 					})]
 				}),
-				/* @__PURE__ */ Q("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "chat-message-meta",
-					children: [u && /* @__PURE__ */ Z(We, { status: l }), n && /* @__PURE__ */ Z(ue, {
+					children: [u && /* @__PURE__ */ X(Ge, { status: l }), n && /* @__PURE__ */ X(de, {
 						className: "chat-message-time",
-						children: /* @__PURE__ */ Z(G, { value: c })
+						children: /* @__PURE__ */ X(W, { value: c })
 					})]
 				})
 			]
@@ -143,30 +143,30 @@ function Ge({ message: e, showAvatar: t = !0, showTimestamp: n = !0, color: r, c
 }
 //#endregion
 //#region src/components/data/MChat/MChatBody.tsx
-function Ke({ messages: e, onScrollTop: t, loading: n = !1, color: r, className: i, children: a, ...o }) {
-	let { color: s } = Be(), c = r ?? s, l = Y(null), u = Y(!0), d = Y(0), f = q(() => {
+function qe({ messages: e, onScrollTop: t, loading: n = !1, color: r, className: i, children: a, ...o }) {
+	let { color: s } = Ve(), c = r ?? s, l = J(null), u = J(!0), d = J(0), f = K(() => {
 		let e = l.current;
 		e && (e.scrollTop = e.scrollHeight);
 	}, []);
-	return Le(() => {
+	return Re(() => {
 		let t = e?.length ?? 0;
 		t > d.current && u.current && f(), d.current = t;
-	}, [e?.length, f]), Le(() => {
+	}, [e?.length, f]), Re(() => {
 		f();
-	}, [f]), /* @__PURE__ */ Q("div", {
+	}, [f]), /* @__PURE__ */ Z("div", {
 		ref: l,
-		className: L("chat-body", i),
+		className: I("chat-body", i),
 		onScroll: () => {
 			let e = l.current;
 			e && (u.current = e.scrollHeight - e.scrollTop - e.clientHeight < 40, e.scrollTop < 40 && t && !n && t());
 		},
 		...o,
 		children: [
-			n && /* @__PURE__ */ Z("div", {
+			n && /* @__PURE__ */ X("div", {
 				className: "chat-body-loader",
-				children: /* @__PURE__ */ Z(de, { size: "sm" })
+				children: /* @__PURE__ */ X(fe, { size: "sm" })
 			}),
-			e?.map((e) => /* @__PURE__ */ Z(Ge, {
+			e?.map((e) => /* @__PURE__ */ X(Ke, {
 				message: e,
 				color: c
 			}, e.id)),
@@ -176,7 +176,7 @@ function Ke({ messages: e, onScrollTop: t, loading: n = !1, color: r, className:
 }
 //#endregion
 //#region src/components/data/MChat/emojis.ts
-var qe = [
+var Je = [
 	{
 		label: "Smileys",
 		emojis: /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.😊.😇.🥰.😍.🤩.😘.😗.😋.😛.😜.🤪.😝.🤗.🤔.🫡.🤐.🤨.😐.😑.😶.🫠.😏.😒.🙄.😬.😮‍💨.🤥.😌.😔.😪.🤤.😴.😷.🤒.🤕.🤢.🤮.🤧.🥵.🥶.😵.🤯.🥳.🥸.😎.🤓.🧐".split(".")
@@ -235,126 +235,126 @@ var qe = [
 			"🔔"
 		]
 	}
-], Je = "image/png,image/jpeg,image/gif,image/webp";
-function Ye({ onSend: e, placeholder: t = "Type a message…", disabled: n = !1, showEmoji: r = !0, showAttach: i = !0, onTyping: a, color: o, className: s, ...c }) {
-	let { color: l } = Be(), u = o ?? l, [f, p] = X(""), [m, h] = X(!1), [g, _] = X([]), [v, y] = X([]), [b, x] = X(!1), S = Y(null), w = Y(null), T = Y(null), E = Y(!1), D = Y(void 0), O = q((e) => {
+], Ye = "image/png,image/jpeg,image/gif,image/webp";
+function Xe({ onSend: e, placeholder: t = "Type a message…", disabled: n = !1, showEmoji: r = !0, showAttach: i = !0, onTyping: a, color: o, className: s, ...l }) {
+	let { color: u } = Ve(), d = o ?? u, [f, p] = Y(""), [m, g] = Y(!1), [_, v] = Y([]), [y, b] = Y([]), [x, S] = Y(!1), C = J(null), w = J(null), T = J(null), E = J(!1), D = J(void 0), O = K((e) => {
 		let t = e.filter((e) => e.type.startsWith("image/"));
-		t.length !== 0 && (_((e) => [...e, ...t]), t.forEach((e) => {
+		t.length !== 0 && (v((e) => [...e, ...t]), t.forEach((e) => {
 			let t = URL.createObjectURL(e);
-			y((e) => [...e, t]);
+			b((e) => [...e, t]);
 		}));
-	}, []), k = q((e) => {
-		y((t) => (URL.revokeObjectURL(t[e]), t.filter((t, n) => n !== e))), _((t) => t.filter((t, n) => n !== e));
+	}, []), k = K((e) => {
+		b((t) => (URL.revokeObjectURL(t[e]), t.filter((t, n) => n !== e))), v((t) => t.filter((t, n) => n !== e));
 	}, []);
-	Le(() => () => v.forEach((e) => URL.revokeObjectURL(e)), []);
-	let A = q(() => {
+	Re(() => () => y.forEach((e) => URL.revokeObjectURL(e)), []);
+	let A = K(() => {
 		let t = f.trim();
-		!t && g.length === 0 || n || (e?.(t, g.length > 0 ? g : void 0), p(""), _([]), y((e) => (e.forEach((e) => URL.revokeObjectURL(e)), [])), S.current && (S.current.style.height = "auto"), E.current && (E.current = !1, a?.(!1)));
+		!t && _.length === 0 || n || (e?.(t, _.length > 0 ? _ : void 0), p(""), v([]), b((e) => (e.forEach((e) => URL.revokeObjectURL(e)), [])), C.current && (C.current.style.height = "auto"), E.current && (E.current = !1, a?.(!1)));
 	}, [
 		f,
-		g,
+		_,
 		n,
 		e,
 		a
 	]), j = (e) => {
 		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), A());
 	}, M = (e) => {
-		p(e.target.value), P(e.target), a && (E.current || (E.current = !0, a(!0)), clearTimeout(D.current), D.current = setTimeout(() => {
+		p(e.target.value), N(e.target), a && (E.current || (E.current = !0, a(!0)), clearTimeout(D.current), D.current = setTimeout(() => {
 			E.current = !1, a(!1);
 		}, 1500));
-	}, P = (e) => {
+	}, N = (e) => {
 		e.style.height = "auto", e.style.height = Math.min(e.scrollHeight, 120) + "px";
 	};
-	Le(() => () => clearTimeout(D.current), []);
-	let ee = (e) => {
-		p((t) => t + e), h(!1), S.current?.focus();
-	}, te = (e) => {
-		e.preventDefault(), x(!0);
+	Re(() => () => clearTimeout(D.current), []);
+	let te = (e) => {
+		p((t) => t + e), g(!1), C.current?.focus();
 	}, ne = (e) => {
-		e.preventDefault(), x(!1);
+		e.preventDefault(), S(!0);
 	}, re = (e) => {
-		e.preventDefault(), x(!1), O(Array.from(e.dataTransfer.files));
-	}, ie = () => {
+		e.preventDefault(), S(!1);
+	}, ie = (e) => {
+		e.preventDefault(), S(!1), O(Array.from(e.dataTransfer.files));
+	}, ae = () => {
 		let e = T.current?.files;
 		e && O(Array.from(e)), T.current && (T.current.value = "");
-	}, ae = f.trim() || g.length > 0;
-	return /* @__PURE__ */ Q("div", {
-		className: L("chat-input", b && "drag-over", s),
-		onDragOver: te,
-		onDragLeave: ne,
-		onDrop: re,
-		...c,
-		children: [v.length > 0 && /* @__PURE__ */ Z("div", {
+	}, oe = f.trim() || _.length > 0;
+	return /* @__PURE__ */ Z("div", {
+		className: I("chat-input", x && "drag-over", s),
+		onDragOver: ne,
+		onDragLeave: re,
+		onDrop: ie,
+		...l,
+		children: [y.length > 0 && /* @__PURE__ */ X("div", {
 			className: "chat-input-previews",
-			children: v.map((e, t) => /* @__PURE__ */ Q("div", {
+			children: y.map((e, t) => /* @__PURE__ */ Z("div", {
 				className: "chat-input-preview",
-				children: [/* @__PURE__ */ Z(ge, {
+				children: [/* @__PURE__ */ X(_e, {
 					src: e,
 					alt: "",
 					fit: "cover",
 					rounded: !0,
 					className: "chat-input-preview-img"
-				}), /* @__PURE__ */ Z("button", {
+				}), /* @__PURE__ */ X("button", {
 					type: "button",
 					className: "chat-input-preview-remove",
 					onClick: () => k(t),
 					"aria-label": "Remove image",
-					children: /* @__PURE__ */ Z(d, {})
+					children: /* @__PURE__ */ X(h, {})
 				})]
 			}, t))
-		}), /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z("div", {
 			className: "chat-input-field",
 			children: [
-				r && /* @__PURE__ */ Q(Re, { children: [/* @__PURE__ */ Z("button", {
+				r && /* @__PURE__ */ Z(ze, { children: [/* @__PURE__ */ X("button", {
 					ref: w,
 					type: "button",
 					className: "chat-input-emoji-trigger",
-					onClick: () => h((e) => !e),
+					onClick: () => g((e) => !e),
 					"aria-label": "Emoji",
 					disabled: n,
 					children: "😊"
-				}), /* @__PURE__ */ Z(R, {
+				}), /* @__PURE__ */ X(L, {
 					open: m,
 					anchorRef: w,
-					onClose: () => h(!1),
+					onClose: () => g(!1),
 					placement: "top-start",
-					children: /* @__PURE__ */ Z("div", {
+					children: /* @__PURE__ */ X("div", {
 						className: "chat-emoji-picker",
-						children: qe.map((e) => /* @__PURE__ */ Q("div", {
+						children: Je.map((e) => /* @__PURE__ */ Z("div", {
 							className: "chat-emoji-category",
-							children: [/* @__PURE__ */ Z("div", {
+							children: [/* @__PURE__ */ X("div", {
 								className: "chat-emoji-category-label",
 								children: e.label
-							}), /* @__PURE__ */ Z("div", {
+							}), /* @__PURE__ */ X("div", {
 								className: "chat-emoji-grid",
-								children: e.emojis.map((e) => /* @__PURE__ */ Z("button", {
+								children: e.emojis.map((e) => /* @__PURE__ */ X("button", {
 									type: "button",
 									className: "chat-emoji-btn",
-									onClick: () => ee(e),
+									onClick: () => te(e),
 									children: e
 								}, e))
 							})]
 						}, e.label))
 					})
 				})] }),
-				i && /* @__PURE__ */ Q(Re, { children: [/* @__PURE__ */ Z("input", {
+				i && /* @__PURE__ */ Z(ze, { children: [/* @__PURE__ */ X("input", {
 					ref: T,
 					type: "file",
-					accept: Je,
+					accept: Ye,
 					multiple: !0,
 					className: "chat-input-file-hidden",
-					onChange: ie,
+					onChange: ae,
 					tabIndex: -1
-				}), /* @__PURE__ */ Z("button", {
+				}), /* @__PURE__ */ X("button", {
 					type: "button",
 					className: "chat-input-attach-trigger",
 					onClick: () => T.current?.click(),
 					"aria-label": "Attach image",
 					disabled: n,
-					children: /* @__PURE__ */ Z(C, { color: "inherit" })
+					children: /* @__PURE__ */ X(c, { color: "inherit" })
 				})] }),
-				/* @__PURE__ */ Z("textarea", {
-					ref: S,
+				/* @__PURE__ */ X("textarea", {
+					ref: C,
 					className: "chat-input-textarea",
 					value: f,
 					onChange: M,
@@ -363,17 +363,17 @@ function Ye({ onSend: e, placeholder: t = "Type a message…", disabled: n = !1,
 					disabled: n,
 					rows: 1
 				}),
-				/* @__PURE__ */ Z(B, {
+				/* @__PURE__ */ X(z, {
 					variant: "filled",
 					size: "sm",
-					color: u ?? "primary",
+					color: d ?? "primary",
 					iconOnly: !0,
 					shape: "circle",
 					className: "chat-input-send",
 					onClick: A,
-					disabled: n || !ae,
+					disabled: n || !oe,
 					"aria-label": "Send",
-					children: /* @__PURE__ */ Z(N, {})
+					children: /* @__PURE__ */ X(ee, {})
 				})
 			]
 		})]
@@ -381,44 +381,44 @@ function Ye({ onSend: e, placeholder: t = "Type a message…", disabled: n = !1,
 }
 //#endregion
 //#region src/components/data/MChat/MChatTypingIndicator.tsx
-function Xe({ users: e = [], visible: t = !0, className: n, ...r }) {
+function Ze({ users: e = [], visible: t = !0, className: n, ...r }) {
 	if (!t || e.length === 0) return null;
 	let i = e.length === 1 ? `${e[0].name} is typing` : e.length === 2 ? `${e[0].name} and ${e[1].name} are typing` : `${e[0].name} and ${e.length - 1} others are typing`;
-	return /* @__PURE__ */ Q("div", {
-		className: L("chat-typing", n),
+	return /* @__PURE__ */ Z("div", {
+		className: I("chat-typing", n),
 		"aria-label": i,
 		...r,
-		children: [e.length === 1 && /* @__PURE__ */ Z(_e, {
+		children: [e.length === 1 && /* @__PURE__ */ X(ve, {
 			src: e[0].avatar,
 			name: e[0].name,
 			size: "sm",
 			className: "chat-typing-avatar"
-		}), /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z("div", {
 			className: "chat-typing-dots",
 			children: [
-				/* @__PURE__ */ Z("span", { className: "chat-typing-dot" }),
-				/* @__PURE__ */ Z("span", { className: "chat-typing-dot" }),
-				/* @__PURE__ */ Z("span", { className: "chat-typing-dot" })
+				/* @__PURE__ */ X("span", { className: "chat-typing-dot" }),
+				/* @__PURE__ */ X("span", { className: "chat-typing-dot" }),
+				/* @__PURE__ */ X("span", { className: "chat-typing-dot" })
 			]
 		})]
 	});
 }
 //#endregion
 //#region src/components/data/MChat/MChatConversationList.tsx
-function Ze({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ Z("div", {
-		className: L("chat-conversation-list", e),
+function Qe({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ X("div", {
+		className: I("chat-conversation-list", e),
 		...n,
 		children: t
 	});
 }
-Ze.__chatConversationList = !0;
+Qe.__chatConversationList = !0;
 //#endregion
 //#region src/components/data/MChat/MChatConversationItem.tsx
-function Qe({ conversation: e, active: t = !1, color: n, onClick: r, className: i, ...a }) {
-	let { color: o } = Be(), s = n ?? o, { title: c, participants: l, lastMessage: u, unreadCount: d } = e, f = c ?? l.map((e) => e.name).join(", "), p = l[0], m = l.some((e) => e.online);
-	return /* @__PURE__ */ Q("div", {
-		className: L("chat-conversation-item", t && "active", i),
+function $e({ conversation: e, active: t = !1, color: n, onClick: r, className: i, ...a }) {
+	let { color: o } = Ve(), s = n ?? o, { title: c, participants: l, lastMessage: u, unreadCount: d } = e, f = c ?? l.map((e) => e.name).join(", "), p = l[0], m = l.some((e) => e.online);
+	return /* @__PURE__ */ Z("div", {
+		className: I("chat-conversation-item", t && "active", i),
 		onClick: () => r?.(e),
 		role: "button",
 		tabIndex: 0,
@@ -426,7 +426,7 @@ function Qe({ conversation: e, active: t = !1, color: n, onClick: r, className:
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), r?.(e));
 		},
 		...a,
-		children: [/* @__PURE__ */ Z(_e, {
+		children: [/* @__PURE__ */ X(ve, {
 			src: p?.avatar,
 			name: p?.name,
 			size: "md",
@@ -434,23 +434,23 @@ function Qe({ conversation: e, active: t = !1, color: n, onClick: r, className:
 			badge: m,
 			badgeColor: "success",
 			className: "chat-conversation-avatar"
-		}), /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z("div", {
 			className: "chat-conversation-info",
-			children: [/* @__PURE__ */ Q("div", {
+			children: [/* @__PURE__ */ Z("div", {
 				className: "chat-conversation-top",
-				children: [/* @__PURE__ */ Z(z, {
+				children: [/* @__PURE__ */ X(R, {
 					className: "chat-conversation-name",
 					children: f
-				}), u && /* @__PURE__ */ Z(ue, {
+				}), u && /* @__PURE__ */ X(de, {
 					className: "chat-conversation-time",
-					children: /* @__PURE__ */ Z(G, { value: u.timestamp })
+					children: /* @__PURE__ */ X(W, { value: u.timestamp })
 				})]
-			}), u && /* @__PURE__ */ Q("div", {
+			}), u && /* @__PURE__ */ Z("div", {
 				className: "chat-conversation-bottom",
-				children: [/* @__PURE__ */ Q(ue, {
+				children: [/* @__PURE__ */ Z(de, {
 					className: "chat-conversation-preview",
 					children: [u.isOwn ? "You: " : "", u.content]
-				}), !!d && d > 0 && /* @__PURE__ */ Z(H, {
+				}), !!d && d > 0 && /* @__PURE__ */ X(V, {
 					color: s ?? "primary",
 					size: "sm",
 					rounded: !0,
@@ -462,51 +462,51 @@ function Qe({ conversation: e, active: t = !1, color: n, onClick: r, className:
 }
 //#endregion
 //#region src/components/data/MTreeView/MTreeView.tsx
-var $e = {
-	pdf: /* @__PURE__ */ Z(t, {}),
-	ts: /* @__PURE__ */ Z(u, {}),
-	tsx: /* @__PURE__ */ Z(w, {}),
-	js: /* @__PURE__ */ Z(n, {}),
-	jsx: /* @__PURE__ */ Z(D, {}),
-	css: /* @__PURE__ */ Z(a, {}),
-	scss: /* @__PURE__ */ Z(a, {}),
-	html: /* @__PURE__ */ Z(v, {}),
-	json: /* @__PURE__ */ Z(M, {}),
-	md: /* @__PURE__ */ Z(_, {}),
-	txt: /* @__PURE__ */ Z(E, {}),
-	csv: /* @__PURE__ */ Z(oe, {}),
-	zip: /* @__PURE__ */ Z(p, {}),
-	rar: /* @__PURE__ */ Z(i, {}),
-	svg: /* @__PURE__ */ Z(T, {}),
-	png: /* @__PURE__ */ Z(x, {}),
-	jpg: /* @__PURE__ */ Z(ee, {}),
-	jpeg: /* @__PURE__ */ Z(b, {}),
-	gif: /* @__PURE__ */ Z(o, {}),
-	webp: /* @__PURE__ */ Z(l, {}),
-	php: /* @__PURE__ */ Z(h, {}),
-	xml: /* @__PURE__ */ Z(ne, {}),
-	xls: /* @__PURE__ */ Z(m, {}),
-	ppt: /* @__PURE__ */ Z(I, {}),
-	odt: /* @__PURE__ */ Z(f, {}),
-	exe: /* @__PURE__ */ Z(s, {}),
-	mp3: /* @__PURE__ */ Z(y, {}),
-	mp4: /* @__PURE__ */ Z(c, {})
+var et = {
+	pdf: /* @__PURE__ */ X(A, {}),
+	ts: /* @__PURE__ */ X(T, {}),
+	tsx: /* @__PURE__ */ X(D, {}),
+	js: /* @__PURE__ */ X(M, {}),
+	jsx: /* @__PURE__ */ X(x, {}),
+	css: /* @__PURE__ */ X(se, {}),
+	scss: /* @__PURE__ */ X(se, {}),
+	html: /* @__PURE__ */ X(N, {}),
+	json: /* @__PURE__ */ X(_, {}),
+	md: /* @__PURE__ */ X(b, {}),
+	txt: /* @__PURE__ */ X(u, {}),
+	csv: /* @__PURE__ */ X(w, {}),
+	zip: /* @__PURE__ */ X(O, {}),
+	rar: /* @__PURE__ */ X(E, {}),
+	svg: /* @__PURE__ */ X(d, {}),
+	png: /* @__PURE__ */ X(F, {}),
+	jpg: /* @__PURE__ */ X(r, {}),
+	jpeg: /* @__PURE__ */ X(t, {}),
+	gif: /* @__PURE__ */ X(v, {}),
+	webp: /* @__PURE__ */ X(m, {}),
+	php: /* @__PURE__ */ X(S, {}),
+	xml: /* @__PURE__ */ X(p, {}),
+	xls: /* @__PURE__ */ X(ne, {}),
+	ppt: /* @__PURE__ */ X(a, {}),
+	odt: /* @__PURE__ */ X(g, {}),
+	exe: /* @__PURE__ */ X(s, {}),
+	mp3: /* @__PURE__ */ X(l, {}),
+	mp4: /* @__PURE__ */ X(f, {})
 };
-function et(e) {
+function tt(e) {
 	let t = e.lastIndexOf(".");
 	return t < 1 ? null : e.slice(t + 1).toLowerCase();
 }
-function tt(e) {
+function nt(e) {
 	return e.kind === "folder" || !!e.children?.length;
 }
-function nt(e) {
-	let t = et(e);
-	return t ? $e[t] ?? /* @__PURE__ */ Z(j, {}) : /* @__PURE__ */ Z(re, {});
+function rt(e) {
+	let t = tt(e);
+	return t ? et[t] ?? /* @__PURE__ */ X(ie, {}) : /* @__PURE__ */ X(j, {});
 }
-function rt(e, t, n) {
-	return e.icon ? e.icon : n ? tt(e) ? Z(t ? F : S, {}) : nt(e.label) : null;
+function it(e, t, n) {
+	return e.icon ? e.icon : n ? nt(e) ? X(t ? C : o, {}) : rt(e.label) : null;
 }
-function it(e) {
+function at(e) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
 	function r(e) {
 		t.set(e.id, e);
@@ -519,7 +519,7 @@ function it(e) {
 		descendants: n
 	};
 }
-function at(e, t) {
+function ot(e, t) {
 	return typeof window > "u" ? {
 		x: e,
 		y: t
@@ -528,45 +528,45 @@ function at(e, t) {
 		y: Math.max(8, Math.min(t, window.innerHeight - 16))
 	};
 }
-function ot({ node: e, level: t, expandable: n, selectable: r, expandedIds: i, selectedId: a, draggedId: o, dropTargetId: s, onToggle: c, onSelect: l, indent: u, showLines: d, fileIcons: f, draggable: p, canDropOnNode: m, onContextMenu: h, onDragStart: _, onDragOver: v, onDrop: y, onDragEnd: b }) {
-	let x = tt(e), S = i.has(e.id), C = a === e.id, w = o === e.id, T = s === e.id, E = m?.(e), D = rt(e, S, !!f);
-	return /* @__PURE__ */ Q("li", {
+function st({ node: e, level: t, expandable: n, selectable: r, expandedIds: i, selectedId: a, draggedId: o, dropTargetId: s, onToggle: c, onSelect: l, indent: u, showLines: d, fileIcons: f, draggable: p, canDropOnNode: m, onContextMenu: h, onDragStart: g, onDragOver: _, onDrop: v, onDragEnd: b }) {
+	let x = nt(e), S = i.has(e.id), C = a === e.id, w = o === e.id, T = s === e.id, E = m?.(e), D = it(e, S, !!f);
+	return /* @__PURE__ */ Z("li", {
 		role: "treeitem",
 		"aria-expanded": x ? S : void 0,
-		children: [/* @__PURE__ */ Q("div", {
-			className: L("item", C && "selected", e.disabled && "disabled", r && !e.disabled && "selectable", p && !e.disabled && "draggable", w && "dragging", E && "can-drop", T && "drop-target"),
+		children: [/* @__PURE__ */ Z("div", {
+			className: I("item", C && "selected", e.disabled && "disabled", r && !e.disabled && "selectable", p && !e.disabled && "draggable", w && "dragging", E && "can-drop", T && "drop-target"),
 			style: { paddingLeft: t * u },
 			draggable: p && !e.disabled,
 			onClick: () => {
 				e.disabled || (x && n && c(e.id), r && l?.(e.id, e));
 			},
 			onContextMenu: (t) => h?.(t, e),
-			onDragStart: (t) => _?.(t, e),
-			onDragOver: (t) => v?.(t, e),
-			onDrop: (t) => y?.(t, e),
+			onDragStart: (t) => g?.(t, e),
+			onDragOver: (t) => _?.(t, e),
+			onDrop: (t) => v?.(t, e),
 			onDragEnd: b,
 			children: [
-				/* @__PURE__ */ Z("span", {
+				/* @__PURE__ */ X("span", {
 					className: "toggle",
-					children: x && n ? /* @__PURE__ */ Z("span", {
-						className: L("arrow", S && "expanded"),
-						children: /* @__PURE__ */ Z(g, {})
-					}) : /* @__PURE__ */ Z("span", { className: "spacer" })
+					children: x && n ? /* @__PURE__ */ X("span", {
+						className: I("arrow", S && "expanded"),
+						children: /* @__PURE__ */ X(y, {})
+					}) : /* @__PURE__ */ X("span", { className: "spacer" })
 				}),
-				D && /* @__PURE__ */ Z("span", {
+				D && /* @__PURE__ */ X("span", {
 					className: "icon",
 					children: D
 				}),
-				/* @__PURE__ */ Z("span", {
+				/* @__PURE__ */ X("span", {
 					className: "label",
 					children: e.label
 				})
 			]
-		}), x && S && /* @__PURE__ */ Z("ul", {
+		}), x && S && /* @__PURE__ */ X("ul", {
 			className: "list",
 			role: "group",
 			style: d ? { "--line-left": `${t * u + 17}px` } : void 0,
-			children: (e.children ?? []).map((e) => /* @__PURE__ */ Z(ot, {
+			children: (e.children ?? []).map((e) => /* @__PURE__ */ X(st, {
 				node: e,
 				level: t + 1,
 				expandable: n,
@@ -583,17 +583,17 @@ function ot({ node: e, level: t, expandable: n, selectable: r, expandedIds: i, s
 				draggable: p,
 				canDropOnNode: m,
 				onContextMenu: h,
-				onDragStart: _,
-				onDragOver: v,
-				onDrop: y,
+				onDragStart: g,
+				onDragOver: _,
+				onDrop: v,
 				onDragEnd: b
 			}, e.id))
 		})]
 	});
 }
-function st({ items: e, expandable: t = !0, selectable: n = !1, defaultExpanded: r = [], expanded: i, onExpandChange: a, selected: o, onSelect: s, indent: c = 20, showLines: l = !0, fileIcons: u = !0, draggable: d = !1, canDrop: f, onMove: p, contextMenuItems: m, onContextMenuAction: h, className: g, ..._ }) {
-	let [v, y] = X(r), [b, x] = X(null), [S, C] = X(null), [w, T] = X(null), [E, D] = X(null), O = Y(null), k = i ?? v, A = new Set(k), j = o === void 0 ? b : o, { nodeMap: M, descendants: N } = it(e), P = S ? M.get(S) ?? null : null;
-	Le(() => {
+function ct({ items: e, expandable: t = !0, selectable: n = !1, defaultExpanded: r = [], expanded: i, onExpandChange: a, selected: o, onSelect: s, indent: c = 20, showLines: l = !0, fileIcons: u = !0, draggable: d = !1, canDrop: f, onMove: p, contextMenuItems: m, onContextMenuAction: h, className: g, ..._ }) {
+	let [v, y] = Y(r), [b, x] = Y(null), [S, C] = Y(null), [w, T] = Y(null), [E, D] = Y(null), O = J(null), k = i ?? v, A = new Set(k), j = o === void 0 ? b : o, { nodeMap: M, descendants: ee } = at(e), N = S ? M.get(S) ?? null : null;
+	Re(() => {
 		if (!E) return;
 		function e(e) {
 			e && O.current && O.current.contains(e.target) || D(null);
@@ -605,25 +605,25 @@ function st({ items: e, expandable: t = !0, selectable: n = !1, defaultExpanded:
 			document.removeEventListener("mousedown", e), document.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), document.removeEventListener("keydown", t);
 		};
 	}, [E]);
-	function ee(e) {
+	function te(e) {
 		let t = A.has(e) ? k.filter((t) => t !== e) : [...k, e];
 		a ? a(t) : y(t);
 	}
-	function te(e, t) {
+	function ne(e, t) {
 		s ? s(e, t) : x(e);
 	}
-	function ne() {
+	function re() {
 		C(null), T(null);
 	}
-	function re(e) {
-		return !P || !d || !p || e.disabled || !tt(e) || e.id === P.id || N.get(P.id)?.has(e.id) ? !1 : f ? f(P, e) : !0;
+	function ie(e) {
+		return !N || !d || !p || e.disabled || !nt(e) || e.id === N.id || ee.get(N.id)?.has(e.id) ? !1 : f ? f(N, e) : !0;
 	}
-	function ie(e, t) {
+	function ae(e, t) {
 		if (!m || t.disabled) return;
 		let n = m(t).filter(Boolean);
 		if (!n.length) return;
-		e.preventDefault(), te(t.id, t);
-		let r = at(e.clientX, e.clientY);
+		e.preventDefault(), ne(t.id, t);
+		let r = ot(e.clientX, e.clientY);
 		D({
 			node: t,
 			items: n,
@@ -631,31 +631,31 @@ function st({ items: e, expandable: t = !0, selectable: n = !1, defaultExpanded:
 			y: r.y
 		});
 	}
-	function ae(e, t) {
+	function oe(e, t) {
 		!d || t.disabled || (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.id), D(null), C(t.id));
 	}
-	function oe(e, t) {
-		re(t) && (e.preventDefault(), e.dataTransfer.dropEffect = "move", T(t.id));
+	function se(e, t) {
+		ie(t) && (e.preventDefault(), e.dataTransfer.dropEffect = "move", T(t.id));
 	}
-	function F(e, n) {
-		if (e.preventDefault(), !P || !re(n)) {
-			ne();
+	function P(e, n) {
+		if (e.preventDefault(), !N || !ie(n)) {
+			re();
 			return;
 		}
 		p?.({
-			draggedId: P.id,
-			draggedNode: P,
+			draggedId: N.id,
+			draggedNode: N,
 			targetId: n.id,
 			targetNode: n
-		}), t && !A.has(n.id) && ee(n.id), ne();
+		}), t && !A.has(n.id) && te(n.id), re();
 	}
-	return /* @__PURE__ */ Q("div", {
-		className: L("tree", l && "lines", g),
+	return /* @__PURE__ */ Z("div", {
+		className: I("tree", l && "lines", g),
 		..._,
-		children: [/* @__PURE__ */ Z("ul", {
+		children: [/* @__PURE__ */ X("ul", {
 			className: "list",
 			role: "tree",
-			children: e.map((e) => /* @__PURE__ */ Z(ot, {
+			children: e.map((e) => /* @__PURE__ */ X(st, {
 				node: e,
 				level: 0,
 				expandable: t,
@@ -664,20 +664,20 @@ function st({ items: e, expandable: t = !0, selectable: n = !1, defaultExpanded:
 				selectedId: j,
 				draggedId: S,
 				dropTargetId: w,
-				onToggle: ee,
-				onSelect: te,
+				onToggle: te,
+				onSelect: ne,
 				indent: c,
 				showLines: l,
 				fileIcons: u,
 				draggable: d,
-				canDropOnNode: re,
-				onContextMenu: ie,
-				onDragStart: ae,
-				onDragOver: oe,
-				onDrop: F,
-				onDragEnd: ne
+				canDropOnNode: ie,
+				onContextMenu: ae,
+				onDragStart: oe,
+				onDragOver: se,
+				onDrop: P,
+				onDragEnd: re
 			}, e.id))
-		}), E && /* @__PURE__ */ Z(se, { children: /* @__PURE__ */ Z("div", {
+		}), E && /* @__PURE__ */ X(ce, { children: /* @__PURE__ */ X("div", {
 			ref: O,
 			className: "tree menu",
 			style: {
@@ -685,36 +685,36 @@ function st({ items: e, expandable: t = !0, selectable: n = !1, defaultExpanded:
 				left: E.x
 			},
 			role: "menu",
-			children: E.items.map((e) => /* @__PURE__ */ Q("button", {
+			children: E.items.map((e) => /* @__PURE__ */ Z("button", {
 				type: "button",
-				className: L("action", e.color, e.disabled && "disabled"),
+				className: I("action", e.color, e.disabled && "disabled"),
 				role: "menuitem",
 				disabled: e.disabled,
 				onClick: () => {
 					e.disabled || (h?.(e.id, E.node), D(null));
 				},
-				children: [e.icon && /* @__PURE__ */ Z("span", {
+				children: [e.icon && /* @__PURE__ */ X("span", {
 					className: "icon",
 					children: e.icon
-				}), /* @__PURE__ */ Z("span", { children: e.label })]
+				}), /* @__PURE__ */ X("span", { children: e.label })]
 			}, e.id))
 		}) })]
 	});
 }
 //#endregion
 //#region src/components/data/MTaskList/MTaskList.tsx
-function ct({ items: e, color: t = "primary", strikethrough: n = !0, onChange: r, className: i, ...a }) {
-	return /* @__PURE__ */ Z("div", {
-		className: L("task list", `color-${t}`, i),
+function lt({ items: e, color: t = "primary", strikethrough: n = !0, onChange: r, className: i, ...a }) {
+	return /* @__PURE__ */ X("div", {
+		className: I("task list", `color-${t}`, i),
 		role: "list",
 		...a,
-		children: e.map((e) => /* @__PURE__ */ Q("div", {
-			className: L("task item", e.checked && "checked", e.disabled && "disabled"),
+		children: e.map((e) => /* @__PURE__ */ Z("div", {
+			className: I("task item", e.checked && "checked", e.disabled && "disabled"),
 			role: "listitem",
 			onClick: (t) => {
 				e.disabled || t.target.closest(".checkbox") || r?.(e.id, !(e.checked ?? !1));
 			},
-			children: [/* @__PURE__ */ Z(V, {
+			children: [/* @__PURE__ */ X(B, {
 				className: "task control",
 				checked: e.checked ?? !1,
 				color: t,
@@ -722,8 +722,8 @@ function ct({ items: e, color: t = "primary", strikethrough: n = !0, onChange: r
 				disabled: e.disabled,
 				onChange: (t) => r?.(e.id, t.target.checked),
 				clickEffect: "ripple"
-			}), /* @__PURE__ */ Z("span", {
-				className: L("task label", e.checked && n && "done"),
+			}), /* @__PURE__ */ X("span", {
+				className: I("task label", e.checked && n && "done"),
 				children: e.label
 			})]
 		}, e.id))
@@ -731,51 +731,51 @@ function ct({ items: e, color: t = "primary", strikethrough: n = !0, onChange: r
 }
 //#endregion
 //#region src/components/data/MFileManager/MFileManager.tsx
-var lt = {
-	pdf: /* @__PURE__ */ Z(t, {}),
-	ts: /* @__PURE__ */ Z(u, {}),
-	tsx: /* @__PURE__ */ Z(w, {}),
-	js: /* @__PURE__ */ Z(n, {}),
-	jsx: /* @__PURE__ */ Z(D, {}),
-	css: /* @__PURE__ */ Z(a, {}),
-	scss: /* @__PURE__ */ Z(a, {}),
-	html: /* @__PURE__ */ Z(v, {}),
-	json: /* @__PURE__ */ Z(M, {}),
-	md: /* @__PURE__ */ Z(_, {}),
-	txt: /* @__PURE__ */ Z(E, {}),
-	csv: /* @__PURE__ */ Z(oe, {}),
-	zip: /* @__PURE__ */ Z(p, {}),
-	rar: /* @__PURE__ */ Z(i, {}),
-	svg: /* @__PURE__ */ Z(T, {}),
-	png: /* @__PURE__ */ Z(x, {}),
-	jpg: /* @__PURE__ */ Z(ee, {}),
-	jpeg: /* @__PURE__ */ Z(b, {}),
-	gif: /* @__PURE__ */ Z(o, {}),
-	webp: /* @__PURE__ */ Z(l, {}),
-	php: /* @__PURE__ */ Z(h, {}),
-	xml: /* @__PURE__ */ Z(ne, {}),
-	xls: /* @__PURE__ */ Z(m, {}),
-	ppt: /* @__PURE__ */ Z(I, {}),
-	odt: /* @__PURE__ */ Z(f, {}),
-	exe: /* @__PURE__ */ Z(s, {}),
-	mp3: /* @__PURE__ */ Z(y, {}),
-	mp4: /* @__PURE__ */ Z(c, {})
+var ut = {
+	pdf: /* @__PURE__ */ X(A, {}),
+	ts: /* @__PURE__ */ X(T, {}),
+	tsx: /* @__PURE__ */ X(D, {}),
+	js: /* @__PURE__ */ X(M, {}),
+	jsx: /* @__PURE__ */ X(x, {}),
+	css: /* @__PURE__ */ X(se, {}),
+	scss: /* @__PURE__ */ X(se, {}),
+	html: /* @__PURE__ */ X(N, {}),
+	json: /* @__PURE__ */ X(_, {}),
+	md: /* @__PURE__ */ X(b, {}),
+	txt: /* @__PURE__ */ X(u, {}),
+	csv: /* @__PURE__ */ X(w, {}),
+	zip: /* @__PURE__ */ X(O, {}),
+	rar: /* @__PURE__ */ X(E, {}),
+	svg: /* @__PURE__ */ X(d, {}),
+	png: /* @__PURE__ */ X(F, {}),
+	jpg: /* @__PURE__ */ X(r, {}),
+	jpeg: /* @__PURE__ */ X(t, {}),
+	gif: /* @__PURE__ */ X(v, {}),
+	webp: /* @__PURE__ */ X(m, {}),
+	php: /* @__PURE__ */ X(S, {}),
+	xml: /* @__PURE__ */ X(p, {}),
+	xls: /* @__PURE__ */ X(ne, {}),
+	ppt: /* @__PURE__ */ X(a, {}),
+	odt: /* @__PURE__ */ X(g, {}),
+	exe: /* @__PURE__ */ X(s, {}),
+	mp3: /* @__PURE__ */ X(l, {}),
+	mp4: /* @__PURE__ */ X(f, {})
 };
-function ut(e) {
+function dt(e) {
 	let t = e.lastIndexOf(".");
 	return t < 1 ? null : e.slice(t + 1).toLowerCase();
 }
-function $(e) {
+function Q(e) {
 	return e?.kind === "folder" || !!e?.children?.length;
 }
-function dt(e) {
-	let t = ut(e);
-	return t ? lt[t] ?? /* @__PURE__ */ Z(j, {}) : /* @__PURE__ */ Z(re, {});
+function ft(e) {
+	let t = dt(e);
+	return t ? ut[t] ?? /* @__PURE__ */ X(ie, {}) : /* @__PURE__ */ X(j, {});
 }
-function ft(e, t = !1) {
-	return e.icon ? e.icon : $(e) ? Z(t ? F : S, {}) : dt(e.label);
+function pt(e, t = !1) {
+	return e.icon ? e.icon : Q(e) ? X(t ? C : o, {}) : ft(e.label);
 }
-function pt(e) {
+function mt(e) {
 	if (!e || e < 1) return null;
 	let t = [
 		"B",
@@ -788,7 +788,7 @@ function pt(e) {
 	let i = n >= 100 || r === 0 ? 0 : 1;
 	return `${n.toFixed(i)} ${t[r]}`;
 }
-function mt(e, t) {
+function ht(e, t) {
 	if (!e) return null;
 	let n = e instanceof Date ? e : new Date(e);
 	return Number.isNaN(n.getTime()) ? null : new Intl.DateTimeFormat(t, {
@@ -799,7 +799,7 @@ function mt(e, t) {
 		minute: "2-digit"
 	}).format(n);
 }
-function ht(e) {
+function gt(e) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
 	function r(e, i) {
 		for (let a of e) t.set(a.id, a), n.set(a.id, i), a.children?.length && r(a.children, a.id);
@@ -809,14 +809,14 @@ function ht(e) {
 		parentMap: n
 	};
 }
-function gt(e) {
-	return e.flatMap((e) => $(e) ? [{
+function _t(e) {
+	return e.flatMap((e) => Q(e) ? [{
 		...e,
 		kind: "folder",
-		children: gt(e.children ?? [])
+		children: _t(e.children ?? [])
 	}] : []);
 }
-function _t(e, t, n) {
+function vt(e, t, n) {
 	let r = [], i = e;
 	for (; i;) {
 		let e = t.get(i);
@@ -825,15 +825,15 @@ function _t(e, t, n) {
 	}
 	return r;
 }
-function vt(e, t, n) {
+function yt(e, t, n) {
 	if (!e) return null;
 	let r = t.get(e);
-	return r ? $(r) ? r.id : n.get(r.id) ?? null : null;
+	return r ? Q(r) ? r.id : n.get(r.id) ?? null : null;
 }
-function yt(e, t) {
+function bt(e, t) {
 	return e ? e.children ?? [] : t;
 }
-function bt(e, t, n, r, i) {
+function xt(e, t, n, r, i) {
 	let a = e ? t.get(e) ?? null : null, o = a ? n.get(a.id) ?? null : null;
 	return {
 		id: e,
@@ -844,174 +844,174 @@ function bt(e, t, n, r, i) {
 		activeFolder: i
 	};
 }
-function xt(e, t) {
+function St(e, t) {
 	return [
-		...$(e) ? [] : [{
+		...Q(e) ? [] : [{
 			id: "download",
 			label: t.download,
-			icon: /* @__PURE__ */ Z(ae, {}),
+			icon: /* @__PURE__ */ X(ae, {}),
 			color: "primary"
 		}],
 		{
 			id: "rename",
 			label: t.rename,
-			icon: /* @__PURE__ */ Z(te, {})
+			icon: /* @__PURE__ */ X(te, {})
 		},
 		{
 			id: "move",
 			label: t.moveTo,
-			icon: /* @__PURE__ */ Z(P, {})
+			icon: /* @__PURE__ */ X(n, {})
 		},
 		{
 			id: "delete",
 			label: t.delete,
-			icon: /* @__PURE__ */ Z(A, {}),
+			icon: /* @__PURE__ */ X(k, {}),
 			color: "error"
 		}
 	];
 }
-function St(e, t) {
-	return [...$(e) ? [{
+function Ct(e, t) {
+	return [...Q(e) ? [{
 		id: "new-folder",
 		label: t.newFolder,
-		icon: /* @__PURE__ */ Z(k, {})
-	}] : [], ...xt(e, t)];
-}
-function Ct({ items: e, locale: t, defaultExpanded: n = [], expanded: r, onExpandChange: i, folderId: a, defaultFolderId: o = null, onFolderChange: s, selectedId: c, onSelectionChange: l, view: u, defaultView: d = "list", onViewChange: f, searchValue: p, defaultSearchValue: m = "", onSearchChange: h, searchable: g = !0, searchPlaceholder: _, showSidebar: v = !0, showPreview: y = !0, emptyText: b, toolbarActions: x = [], onToolbarAction: S, onOpenItem: C, onItemAction: w, onContextMenuAction: T, canDrop: E, onMove: D, renderPreview: k, className: A, ...j }) {
-	let M = he(t), N = ke(), [P, ee] = X(o), [te, ne] = X(null), [re, ae] = X(d), [oe, F] = X(m), { nodeMap: I, parentMap: se } = J(() => ht(e), [e]), R = J(() => gt(e), [e]), le = vt(a === void 0 ? P : a, I, se), ue = le ? I.get(le) ?? null : null, de = c === void 0 ? te : c, V = de ? I.get(de) ?? null : null, fe = V ? V.id : null, U = u ?? re, pe = p ?? oe, G = yt(ue, e), ge = pe.trim().toLowerCase(), _e = _t(le, I, se), ye = _ ?? N.searchPlaceholder, be = b ?? N.emptyText, xe = !!(w || T), Se = J(() => ge ? G.filter((e) => e.label.toLowerCase().includes(ge)) : G, [G, ge]);
-	function Ce(e) {
-		let t = vt(e, I, se), n = t ? I.get(t) ?? null : null;
-		s ? s(t, n) : ee(t);
+		icon: /* @__PURE__ */ X(P, {})
+	}] : [], ...St(e, t)];
+}
+function wt({ items: e, locale: t, defaultExpanded: n = [], expanded: r, onExpandChange: i, folderId: a, defaultFolderId: o = null, onFolderChange: s, selectedId: c, onSelectionChange: l, view: u, defaultView: d = "list", onViewChange: f, searchValue: p, defaultSearchValue: m = "", onSearchChange: h, searchable: g = !0, searchPlaceholder: _, showSidebar: v = !0, showPreview: y = !0, emptyText: b, toolbarActions: x = [], onToolbarAction: S, onOpenItem: C, onItemAction: w, onContextMenuAction: T, canDrop: E, onMove: D, renderPreview: O, className: k, ...A }) {
+	let j = ge(t), M = Ae(), [ee, N] = Y(o), [te, ne] = Y(null), [ie, ae] = Y(d), [se, P] = Y(m), { nodeMap: F, parentMap: ce } = q(() => gt(e), [e]), L = q(() => _t(e), [e]), ue = yt(a === void 0 ? ee : a, F, ce), de = ue ? F.get(ue) ?? null : null, fe = c === void 0 ? te : c, B = fe ? F.get(fe) ?? null : null, pe = B ? B.id : null, H = u ?? ie, me = p ?? se, W = bt(de, e), _e = me.trim().toLowerCase(), ve = vt(ue, F, ce), be = _ ?? M.searchPlaceholder, xe = b ?? M.emptyText, Se = !!(w || T), Ce = q(() => _e ? W.filter((e) => e.label.toLowerCase().includes(_e)) : W, [W, _e]);
+	function we(e) {
+		let t = yt(e, F, ce), n = t ? F.get(t) ?? null : null;
+		s ? s(t, n) : N(t);
 	}
-	function we(e, t = le, n = ue) {
-		let r = bt(e, I, se, t, n);
+	function Te(e, t = ue, n = de) {
+		let r = xt(e, F, ce, t, n);
 		l ? l(r) : ne(e);
 	}
-	function Te(e) {
+	function Ee(e) {
 		f ? f(e) : ae(e);
 	}
-	function Ee(e) {
-		h ? h(e) : F(e);
+	function De(e) {
+		h ? h(e) : P(e);
 	}
-	function De(e, t) {
-		Ce(e), we(e, t.id, t);
+	function Oe(e, t) {
+		we(e), Te(e, t.id, t);
 	}
-	function K(e) {
-		if ($(e)) {
-			Ce(e.id), we(e.id, e.id, e);
+	function G(e) {
+		if (Q(e)) {
+			we(e.id), Te(e.id, e.id, e);
 			return;
 		}
-		we(e.id);
+		Te(e.id);
 	}
-	function Oe(e) {
+	function ke(e) {
 		S && S({
-			...bt(fe, I, se, le, ue),
+			...xt(pe, F, ce, ue, de),
 			actionId: e,
-			visibleItems: Se
+			visibleItems: Ce
 		});
 	}
-	function Ae(e, t) {
+	function je(e, t) {
 		(w ?? T)?.(e, t);
 	}
-	function je(e, t) {
+	function Me(e, t) {
 		(T ?? w)?.(e, t);
 	}
-	function Ne(e) {
-		let t = [], n = pt(e.size), r = mt(e.modifiedAt, M);
-		return $(e) && t.push(N.itemsCount(e.children?.length ?? 0)), n && t.push(n), r && t.push(r), t.join(" / ");
+	function Pe(e) {
+		let t = [], n = mt(e.size), r = ht(e.modifiedAt, j);
+		return Q(e) && t.push(M.itemsCount(e.children?.length ?? 0)), n && t.push(n), r && t.push(r), t.join(" / ");
 	}
-	return /* @__PURE__ */ Q("div", {
-		className: L("file-manager", !v && "no-sidebar", !y && "no-preview", A),
-		...j,
-		children: [/* @__PURE__ */ Q("div", {
+	return /* @__PURE__ */ Z("div", {
+		className: I("file-manager", !v && "no-sidebar", !y && "no-preview", k),
+		...A,
+		children: [/* @__PURE__ */ Z("div", {
 			className: "toolbar",
-			children: [/* @__PURE__ */ Q("div", {
+			children: [/* @__PURE__ */ Z("div", {
 				className: "toolbar-main",
-				children: [/* @__PURE__ */ Q("div", {
+				children: [/* @__PURE__ */ Z("div", {
 					className: "breadcrumbs",
-					children: [/* @__PURE__ */ Q("button", {
+					children: [/* @__PURE__ */ Z("button", {
 						type: "button",
 						className: "breadcrumb root",
-						onClick: () => Ce(null),
-						children: [/* @__PURE__ */ Z(O, {}), /* @__PURE__ */ Z(z, {
+						onClick: () => we(null),
+						children: [/* @__PURE__ */ X(oe, {}), /* @__PURE__ */ X(R, {
 							as: "span",
 							weight: "semibold",
-							children: N.home
+							children: M.home
 						})]
-					}), _e.map((e) => /* @__PURE__ */ Q("div", {
+					}), ve.map((e) => /* @__PURE__ */ Z("div", {
 						className: "breadcrumbs",
-						children: [/* @__PURE__ */ Z("span", {
+						children: [/* @__PURE__ */ X("span", {
 							className: "breadcrumb-separator",
 							children: "/"
-						}), /* @__PURE__ */ Z("button", {
+						}), /* @__PURE__ */ X("button", {
 							type: "button",
 							className: "breadcrumb",
-							onClick: () => Ce(e.id),
-							children: /* @__PURE__ */ Z(z, {
+							onClick: () => we(e.id),
+							children: /* @__PURE__ */ X(R, {
 								as: "span",
 								children: e.label
 							})
 						})]
 					}, e.id))]
-				}), g && /* @__PURE__ */ Z(ve, {
+				}), g && /* @__PURE__ */ X(ye, {
 					className: "toolbar-search",
 					size: "sm",
-					placeholder: ye,
-					value: pe,
-					onChange: (e) => Ee(e.target.value),
-					onClear: () => Ee("")
+					placeholder: be,
+					value: me,
+					onChange: (e) => De(e.target.value),
+					onClear: () => De("")
 				})]
-			}), /* @__PURE__ */ Q("div", {
+			}), /* @__PURE__ */ Z("div", {
 				className: "toolbar-actions",
-				children: [x.map((e) => /* @__PURE__ */ Z(B, {
+				children: [x.map((e) => /* @__PURE__ */ X(z, {
 					size: "sm",
 					variant: e.variant ?? "ghost",
 					color: e.color,
 					disabled: e.disabled,
-					onClick: () => Oe(e.id),
+					onClick: () => ke(e.id),
 					startIcon: e.icon,
 					children: e.label
-				}, e.id)), /* @__PURE__ */ Q("div", {
+				}, e.id)), /* @__PURE__ */ Z("div", {
 					className: "view-switch",
-					children: [/* @__PURE__ */ Z(B, {
+					children: [/* @__PURE__ */ X(z, {
 						size: "sm",
-						variant: U === "list" ? "secondary" : "ghost",
-						onClick: () => Te("list"),
-						children: N.listView
-					}), /* @__PURE__ */ Z(B, {
+						variant: H === "list" ? "secondary" : "ghost",
+						onClick: () => Ee("list"),
+						children: M.listView
+					}), /* @__PURE__ */ X(z, {
 						size: "sm",
-						variant: U === "grid" ? "secondary" : "ghost",
-						onClick: () => Te("grid"),
-						children: N.gridView
+						variant: H === "grid" ? "secondary" : "ghost",
+						onClick: () => Ee("grid"),
+						children: M.gridView
 					})]
 				})]
 			})]
-		}), /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z("div", {
 			className: "body",
 			children: [
-				v && /* @__PURE__ */ Q("aside", {
+				v && /* @__PURE__ */ Z("aside", {
 					className: "panel",
-					children: [/* @__PURE__ */ Q("div", {
+					children: [/* @__PURE__ */ Z("div", {
 						className: "panel-header",
-						children: [/* @__PURE__ */ Z(z, {
+						children: [/* @__PURE__ */ X(R, {
 							weight: "semibold",
-							children: N.folders
-						}), /* @__PURE__ */ Z(H, {
+							children: M.folders
+						}), /* @__PURE__ */ X(V, {
 							size: "sm",
 							color: "info",
-							children: R.length
+							children: L.length
 						})]
-					}), /* @__PURE__ */ Z("div", {
+					}), /* @__PURE__ */ X("div", {
 						className: "panel-body sidebar-body",
-						children: R.length > 0 ? /* @__PURE__ */ Z(st, {
-							items: R,
+						children: L.length > 0 ? /* @__PURE__ */ X(ct, {
+							items: L,
 							selectable: !0,
 							fileIcons: !0,
 							defaultExpanded: n,
 							expanded: r,
 							onExpandChange: i,
-							selected: le,
-							onSelect: (e, t) => De(e, t),
+							selected: ue,
+							onSelect: (e, t) => Oe(e, t),
 							draggable: !!D,
 							canDrop: E ? (e, t) => E(e, t) : void 0,
 							onMove: D ? (e) => D({
@@ -1020,72 +1020,72 @@ function Ct({ items: e, locale: t, defaultExpanded: n = [], expanded: r, onExpan
 								targetId: e.targetId,
 								targetNode: e.targetNode
 							}) : void 0,
-							contextMenuItems: xe ? (e) => St(e, N) : void 0,
-							onContextMenuAction: xe ? (e, t) => je(e, t) : void 0
-						}) : /* @__PURE__ */ Z("div", {
+							contextMenuItems: Se ? (e) => Ct(e, M) : void 0,
+							onContextMenuAction: Se ? (e, t) => Me(e, t) : void 0
+						}) : /* @__PURE__ */ X("div", {
 							className: "empty-state",
-							children: N.noFoldersAvailable
+							children: M.noFoldersAvailable
 						})
 					})]
 				}),
-				/* @__PURE__ */ Q("section", {
+				/* @__PURE__ */ Z("section", {
 					className: "panel",
-					children: [/* @__PURE__ */ Q("div", {
+					children: [/* @__PURE__ */ Z("div", {
 						className: "panel-header",
-						children: [/* @__PURE__ */ Q(ce, {
+						children: [/* @__PURE__ */ Z(le, {
 							align: "center",
 							wrap: "wrap",
-							children: [/* @__PURE__ */ Z(z, {
+							children: [/* @__PURE__ */ X(R, {
 								weight: "semibold",
-								children: ue?.label ?? N.home
-							}), /* @__PURE__ */ Z(H, {
+								children: de?.label ?? M.home
+							}), /* @__PURE__ */ X(V, {
 								size: "sm",
-								children: Se.length
+								children: Ce.length
 							})]
-						}), /* @__PURE__ */ Z(z, {
+						}), /* @__PURE__ */ X(R, {
 							size: "sm",
 							tone: "muted",
-							children: ge ? N.filteredBy(pe) : N.currentFolder
+							children: _e ? M.filteredBy(me) : M.currentFolder
 						})]
-					}), /* @__PURE__ */ Z("div", {
+					}), /* @__PURE__ */ X("div", {
 						className: "panel-body",
-						children: Se.length > 0 ? /* @__PURE__ */ Z("div", {
-							className: L("content-items", U),
-							children: Se.map((e) => {
-								let t = fe === e.id, n = Ne(e), r = xe ? xt(e, N) : [];
-								return /* @__PURE__ */ Q("div", {
-									className: L("item-card", t && "selected"),
-									children: [/* @__PURE__ */ Q("button", {
+						children: Ce.length > 0 ? /* @__PURE__ */ X("div", {
+							className: I("content-items", H),
+							children: Ce.map((e) => {
+								let t = pe === e.id, n = Pe(e), r = Se ? St(e, M) : [];
+								return /* @__PURE__ */ Z("div", {
+									className: I("item-card", t && "selected"),
+									children: [/* @__PURE__ */ Z("button", {
 										type: "button",
 										className: "item-card-main",
-										onClick: () => K(e),
+										onClick: () => G(e),
 										onDoubleClick: () => C?.(e),
-										children: [/* @__PURE__ */ Z("span", {
+										children: [/* @__PURE__ */ X("span", {
 											className: "item-icon",
-											children: ft(e)
-										}), /* @__PURE__ */ Q("span", {
+											children: pt(e)
+										}), /* @__PURE__ */ Z("span", {
 											className: "item-text",
 											children: [
-												/* @__PURE__ */ Z(z, {
+												/* @__PURE__ */ X(R, {
 													as: "span",
 													weight: "semibold",
 													truncate: !0,
 													children: e.label
 												}),
-												e.description ? /* @__PURE__ */ Z(z, {
+												e.description ? /* @__PURE__ */ X(R, {
 													as: "span",
 													size: "sm",
 													tone: "muted",
 													truncate: 2,
 													children: e.description
 												}) : null,
-												/* @__PURE__ */ Q("span", {
+												/* @__PURE__ */ Z("span", {
 													className: "item-meta",
-													children: [/* @__PURE__ */ Z(H, {
+													children: [/* @__PURE__ */ X(V, {
 														size: "sm",
-														color: $(e) ? "info" : "primary",
-														children: $(e) ? N.folder : N.file
-													}), n ? /* @__PURE__ */ Z(z, {
+														color: Q(e) ? "info" : "primary",
+														children: Q(e) ? M.folder : M.file
+													}), n ? /* @__PURE__ */ X(R, {
 														as: "span",
 														size: "sm",
 														tone: "muted",
@@ -1095,96 +1095,96 @@ function Ct({ items: e, locale: t, defaultExpanded: n = [], expanded: r, onExpan
 												})
 											]
 										})]
-									}), r.length > 0 ? /* @__PURE__ */ Z("div", {
+									}), r.length > 0 ? /* @__PURE__ */ X("div", {
 										className: "item-card-actions",
-										children: /* @__PURE__ */ Z(W, {
+										children: /* @__PURE__ */ X(U, {
 											placement: "bottom-end",
-											trigger: /* @__PURE__ */ Z(B, {
-												"aria-label": `${N.preview}: ${e.label}`,
+											trigger: /* @__PURE__ */ X(z, {
+												"aria-label": `${M.preview}: ${e.label}`,
 												variant: "ghost",
 												size: "sm",
 												iconOnly: !0,
-												children: /* @__PURE__ */ Z(ie, {})
+												children: /* @__PURE__ */ X(re, {})
 											}),
-											children: r.map((t) => /* @__PURE__ */ Z(me, {
+											children: r.map((t) => /* @__PURE__ */ X(he, {
 												icon: t.icon,
 												label: t.label,
 												color: t.color,
-												onClick: () => Ae(t.id, e)
+												onClick: () => je(t.id, e)
 											}, t.id))
 										})
 									}) : null]
 								}, e.id);
 							})
-						}) : /* @__PURE__ */ Z("div", {
+						}) : /* @__PURE__ */ X("div", {
 							className: "empty-state",
-							children: be
+							children: xe
 						})
 					})]
 				}),
-				y && /* @__PURE__ */ Q("aside", {
+				y && /* @__PURE__ */ Z("aside", {
 					className: "panel",
-					children: [/* @__PURE__ */ Q("div", {
+					children: [/* @__PURE__ */ Z("div", {
 						className: "panel-header",
-						children: [/* @__PURE__ */ Z(z, {
+						children: [/* @__PURE__ */ X(R, {
 							weight: "semibold",
-							children: N.preview
-						}), V ? /* @__PURE__ */ Z(H, {
+							children: M.preview
+						}), B ? /* @__PURE__ */ X(V, {
 							size: "sm",
-							color: $(V) ? "info" : "primary",
-							children: $(V) ? N.folder : N.file
+							color: Q(B) ? "info" : "primary",
+							children: Q(B) ? M.folder : M.file
 						}) : null]
-					}), /* @__PURE__ */ Z("div", {
+					}), /* @__PURE__ */ X("div", {
 						className: "panel-body",
-						children: V ? /* @__PURE__ */ Q(Me, { children: [
-							/* @__PURE__ */ Z("div", {
+						children: B ? /* @__PURE__ */ Z(Ne, { children: [
+							/* @__PURE__ */ X("div", {
 								className: "preview-visual",
-								children: k ? k(V) : V.preview ? V.preview : /* @__PURE__ */ Z("span", {
+								children: O ? O(B) : B.preview ? B.preview : /* @__PURE__ */ X("span", {
 									className: "preview-icon",
-									children: ft(V, !0)
+									children: pt(B, !0)
 								})
 							}),
-							/* @__PURE__ */ Z(z, {
+							/* @__PURE__ */ X(R, {
 								weight: "semibold",
-								children: V.label
+								children: B.label
 							}),
-							V.description ? /* @__PURE__ */ Z(z, {
+							B.description ? /* @__PURE__ */ X(R, {
 								size: "sm",
 								tone: "muted",
-								children: V.description
+								children: B.description
 							}) : null,
-							/* @__PURE__ */ Q("div", {
+							/* @__PURE__ */ Z("div", {
 								className: "preview-meta",
 								children: [
-									/* @__PURE__ */ Z(H, {
+									/* @__PURE__ */ X(V, {
 										size: "sm",
-										color: $(V) ? "info" : "primary",
-										children: $(V) ? N.folder : N.file
+										color: Q(B) ? "info" : "primary",
+										children: Q(B) ? M.folder : M.file
 									}),
-									pt(V.size) ? /* @__PURE__ */ Z(H, {
+									mt(B.size) ? /* @__PURE__ */ X(V, {
 										size: "sm",
-										children: pt(V.size)
+										children: mt(B.size)
 									}) : null,
-									mt(V.modifiedAt, M) ? /* @__PURE__ */ Z(H, {
+									ht(B.modifiedAt, j) ? /* @__PURE__ */ X(V, {
 										size: "sm",
 										color: "neutral",
-										children: mt(V.modifiedAt, M)
+										children: ht(B.modifiedAt, j)
 									}) : null
 								]
 							}),
-							/* @__PURE__ */ Q(z, {
+							/* @__PURE__ */ Z(R, {
 								size: "sm",
 								tone: "muted",
 								children: [
-									N.path,
+									M.path,
 									":",
 									" ",
-									[N.home, ..._t(V.id, I, se).map((e) => e.label)].join(" / ")
+									[M.home, ...vt(B.id, F, ce).map((e) => e.label)].join(" / ")
 								]
 							})
-						] }) : /* @__PURE__ */ Z("div", {
+						] }) : /* @__PURE__ */ X("div", {
 							className: "preview-empty",
-							children: N.selectItemToInspect
+							children: M.selectItemToInspect
 						})
 					})]
 				})
@@ -1194,14 +1194,14 @@ function Ct({ items: e, locale: t, defaultExpanded: n = [], expanded: r, onExpan
 }
 //#endregion
 //#region src/components/data/MCalendarBoard/MCalendarBoard.tsx
-function wt(e) {
+function $(e) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
 function Tt(e) {
 	if (!e) return null;
-	if (e instanceof Date) return wt(e);
+	if (e instanceof Date) return $(e);
 	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? null : wt(t);
+	return Number.isNaN(t.getTime()) ? null : $(t);
 }
 function Et(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
@@ -1211,10 +1211,10 @@ function Dt(e) {
 }
 function Ot(e, t) {
 	let n = new Date(e);
-	return n.setDate(n.getDate() + t), wt(n);
+	return n.setDate(n.getDate() + t), $(n);
 }
 function kt(e, t) {
-	let n = wt(e);
+	let n = $(e);
 	return Ot(n, -((n.getDay() - t + 7) % 7));
 }
 function At(e) {
@@ -1260,7 +1260,7 @@ function It(e, t) {
 	return i.setHours(t + 1, 0, 0, 0), i <= n ? "past" : r <= n && i > n ? "active" : "upcoming";
 }
 function Lt(e) {
-	return At(e).slice(0, 4).map((e) => /* @__PURE__ */ Z("span", {
+	return At(e).slice(0, 4).map((e) => /* @__PURE__ */ X("span", {
 		className: "marker",
 		style: { background: e.color ?? Mt(e.status) },
 		"aria-hidden": "true"
@@ -1282,24 +1282,24 @@ function Bt(e, t) {
 }
 function Vt({ date: e, events: t, locale: n, timelineStartHour: r, timelineEndHour: i, showTimeline: a, emptyStateText: o, renderEventItem: s }) {
 	if (!e) return null;
-	let c = je();
-	return /* @__PURE__ */ Q(Me, { children: [
-		/* @__PURE__ */ Q(Me, { children: [/* @__PURE__ */ Z(le, {
+	let c = Me();
+	return /* @__PURE__ */ Z(Ne, { children: [
+		/* @__PURE__ */ Z(Ne, { children: [/* @__PURE__ */ X(ue, {
 			level: 4,
 			children: Nt(e, n)
-		}), /* @__PURE__ */ Z(z, {
+		}), /* @__PURE__ */ X(R, {
 			tone: "muted",
 			size: "sm",
 			children: t.length > 0 ? c.itemsCount(t.length) : o
 		})] }),
-		/* @__PURE__ */ Z(Kt, {
+		/* @__PURE__ */ X(Kt, {
 			events: t,
 			locale: n,
 			currentDate: e,
 			emptyStateText: o,
 			renderEventItem: s
 		}),
-		a && /* @__PURE__ */ Z(qt, {
+		a && /* @__PURE__ */ X(qt, {
 			date: e,
 			events: t,
 			locale: n,
@@ -1309,11 +1309,11 @@ function Vt({ date: e, events: t, locale: n, timelineStartHour: r, timelineEndHo
 	] });
 }
 function Ht({ filters: e, activeFilterIds: t, onToggle: n }) {
-	return e.length ? /* @__PURE__ */ Z("div", {
+	return e.length ? /* @__PURE__ */ X("div", {
 		className: "calendar filters",
 		children: e.map((e) => {
 			let r = t.includes(e.id);
-			return /* @__PURE__ */ Z(B, {
+			return /* @__PURE__ */ X(z, {
 				type: "button",
 				size: "sm",
 				variant: "outlined",
@@ -1327,11 +1327,11 @@ function Ht({ filters: e, activeFilterIds: t, onToggle: n }) {
 	}) : null;
 }
 function Ut({ days: e, eventsByDay: t, selectedDate: n, activeDate: r, onDayInteract: i, onDayHover: a, onDayLeave: o, dayBadge: s, renderDayCell: c }) {
-	let l = Et(wt(/* @__PURE__ */ new Date()));
-	return /* @__PURE__ */ Z("div", {
+	let l = Et($(/* @__PURE__ */ new Date()));
+	return /* @__PURE__ */ X("div", {
 		className: "calendar week",
 		children: e.map((e) => {
-			let u = Et(e), d = t.get(u) ?? [], f = s?.(e, d) ?? (d.length > 0 ? /* @__PURE__ */ Z(H, {
+			let u = Et(e), d = t.get(u) ?? [], f = s?.(e, d) ?? (d.length > 0 ? /* @__PURE__ */ X(V, {
 				size: "sm",
 				children: d.length
 			}) : null), p = Lt(d), m = !!(n && Et(n) === u), h = {
@@ -1342,9 +1342,9 @@ function Ut({ days: e, eventsByDay: t, selectedDate: n, activeDate: r, onDayInte
 				isSelected: m,
 				isOutsideMonth: !1
 			};
-			return /* @__PURE__ */ Z("div", {
+			return /* @__PURE__ */ X("div", {
 				className: "calendar week column",
-				children: /* @__PURE__ */ Z(Wt, {
+				children: /* @__PURE__ */ X(Wt, {
 					date: e,
 					events: d,
 					badge: f,
@@ -1362,74 +1362,74 @@ function Ut({ days: e, eventsByDay: t, selectedDate: n, activeDate: r, onDayInte
 	});
 }
 function Wt({ date: e, events: t = [], badge: n, markers: r, isToday: i = !1, isSelected: a = !1, isOutsideMonth: o = !1, className: s, children: c, ...l }) {
-	return /* @__PURE__ */ Z("button", {
+	return /* @__PURE__ */ X("button", {
 		type: "button",
-		className: L("calendar day cell", i && "today", a && "selected", o && "outside-month", s),
+		className: I("calendar day cell", i && "today", a && "selected", o && "outside-month", s),
 		...l,
-		children: c ?? /* @__PURE__ */ Q(Re, { children: [/* @__PURE__ */ Q("div", {
+		children: c ?? /* @__PURE__ */ Z(ze, { children: [/* @__PURE__ */ Z("div", {
 			className: "day header",
-			children: [/* @__PURE__ */ Z("span", {
+			children: [/* @__PURE__ */ X("span", {
 				className: "day number",
 				children: e.getDate()
-			}), /* @__PURE__ */ Z("div", {
+			}), /* @__PURE__ */ X("div", {
 				className: "day meta",
 				children: n
 			})]
-		}), /* @__PURE__ */ Z("div", {
+		}), /* @__PURE__ */ X("div", {
 			className: "markers",
 			children: r ?? Lt(t)
 		})] })
 	});
 }
 function Gt({ event: e, locale: t, className: n, currentDate: r, ...i }) {
-	let a = he(t), o = je(), s = e.status === "cancelled" ? "error" : e.status === "done" ? "success" : e.status === "active" ? "info" : "warning";
-	return /* @__PURE__ */ Q("div", {
-		className: L("calendar event item", n),
+	let a = ge(t), o = Me(), s = e.status === "cancelled" ? "error" : e.status === "done" ? "success" : e.status === "active" ? "info" : "warning";
+	return /* @__PURE__ */ Z("div", {
+		className: I("calendar event item", n),
 		...i,
-		children: [/* @__PURE__ */ Z("div", {
+		children: [/* @__PURE__ */ X("div", {
 			className: "event time",
 			children: Ft(e, o)
-		}), /* @__PURE__ */ Q("div", {
+		}), /* @__PURE__ */ Z("div", {
 			className: "event content",
 			children: [
-				/* @__PURE__ */ Q("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "event title row",
-					children: [/* @__PURE__ */ Z(le, {
+					children: [/* @__PURE__ */ X(ue, {
 						level: 5,
 						children: e.title
-					}), e.status && /* @__PURE__ */ Z(H, {
+					}), e.status && /* @__PURE__ */ X(V, {
 						color: s,
 						size: "sm",
 						children: e.status
 					})]
 				}),
-				e.description && /* @__PURE__ */ Z(z, {
+				e.description && /* @__PURE__ */ X(R, {
 					size: "sm",
 					tone: "muted",
 					children: e.description
 				}),
-				/* @__PURE__ */ Q("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "event details",
 					children: [
-						e.type && /* @__PURE__ */ Z(H, {
+						e.type && /* @__PURE__ */ X(V, {
 							color: "neutral",
 							size: "sm",
 							children: e.type
 						}),
-						e.badgeLabel && /* @__PURE__ */ Z(H, {
+						e.badgeLabel && /* @__PURE__ */ X(V, {
 							size: "sm",
 							children: e.badgeLabel
 						}),
-						e.user && /* @__PURE__ */ Q("span", {
+						e.user && /* @__PURE__ */ Z("span", {
 							className: "event user",
-							children: [/* @__PURE__ */ Z(_e, {
+							children: [/* @__PURE__ */ X(ve, {
 								size: "sm",
 								src: e.user.avatar,
 								name: e.user.name,
 								backgroundColor: e.user.color
 							}), e.user.name]
 						}),
-						!e.startTime && !e.endTime && r && /* @__PURE__ */ Z(z, {
+						!e.startTime && !e.endTime && r && /* @__PURE__ */ X(R, {
 							size: "sm",
 							tone: "muted",
 							children: Nt(r, a)
@@ -1441,56 +1441,56 @@ function Gt({ event: e, locale: t, className: n, currentDate: r, ...i }) {
 	});
 }
 function Kt({ events: e, locale: t, currentDate: n, emptyStateText: r, renderEventItem: i, className: a, ...o }) {
-	let s = he(t), c = je();
-	return e.length ? /* @__PURE__ */ Z("div", {
-		className: L("calendar event list", a),
+	let s = ge(t), c = Me();
+	return e.length ? /* @__PURE__ */ X("div", {
+		className: I("calendar event list", a),
 		...o,
-		children: /* @__PURE__ */ Z(Me, { children: At(e).map((e) => i ? /* @__PURE__ */ Z("div", { children: i(e) }, e.id) : /* @__PURE__ */ Z(Gt, {
+		children: /* @__PURE__ */ X(Ne, { children: At(e).map((e) => i ? /* @__PURE__ */ X("div", { children: i(e) }, e.id) : /* @__PURE__ */ X(Gt, {
 			event: e,
 			locale: s,
 			currentDate: n
 		}, e.id)) })
-	}) : /* @__PURE__ */ Z(z, {
+	}) : /* @__PURE__ */ X(R, {
 		size: "sm",
 		tone: "muted",
-		className: L("calendar event list", a),
+		className: I("calendar event list", a),
 		...o,
 		children: r ?? c.emptyStateText
 	});
 }
 function qt({ date: e, events: t, locale: n, startHour: r = 6, endHour: i = 22, emptyStateText: a, className: o, ...s }) {
-	he(n);
-	let c = je(), l = Array.from({ length: Math.max(i - r + 1, 1) }, (e, t) => r + t);
-	return /* @__PURE__ */ Z("div", {
-		className: L("calendar timeline", o),
+	ge(n);
+	let c = Me(), l = Array.from({ length: Math.max(i - r + 1, 1) }, (e, t) => r + t);
+	return /* @__PURE__ */ X("div", {
+		className: I("calendar timeline", o),
 		...s,
-		children: /* @__PURE__ */ Q(Me, { children: [/* @__PURE__ */ Z(le, {
+		children: /* @__PURE__ */ Z(Ne, { children: [/* @__PURE__ */ X(ue, {
 			level: 5,
 			children: c.timelineTitle
-		}), /* @__PURE__ */ Z("div", {
+		}), /* @__PURE__ */ X("div", {
 			className: "timeline slots",
 			children: l.map((n) => {
 				let r = t.filter((e) => e.startTime ? Number(e.startTime.split(":")[0]) === n : !1);
-				return /* @__PURE__ */ Q("div", {
-					className: L("timeline slot", It(e, n)),
+				return /* @__PURE__ */ Z("div", {
+					className: I("timeline slot", It(e, n)),
 					children: [
-						/* @__PURE__ */ Z("div", {
+						/* @__PURE__ */ X("div", {
 							className: "slot time",
 							children: `${String(n).padStart(2, "0")}:00`
 						}),
-						/* @__PURE__ */ Z("div", { className: "slot line" }),
-						/* @__PURE__ */ Z("div", {
+						/* @__PURE__ */ X("div", { className: "slot line" }),
+						/* @__PURE__ */ X("div", {
 							className: "slot content",
-							children: r.length > 0 ? /* @__PURE__ */ Z(Me, { children: r.map((e) => /* @__PURE__ */ Q("div", {
+							children: r.length > 0 ? /* @__PURE__ */ X(Ne, { children: r.map((e) => /* @__PURE__ */ Z("div", {
 								className: "slot event",
-								children: [/* @__PURE__ */ Z("span", {
+								children: [/* @__PURE__ */ X("span", {
 									className: "slot event dot",
 									style: { background: e.color ?? Mt(e.status) }
-								}), /* @__PURE__ */ Z(z, {
+								}), /* @__PURE__ */ X(R, {
 									size: "sm",
 									children: e.title
 								})]
-							}, e.id)) }) : /* @__PURE__ */ Z(z, {
+							}, e.id)) }) : /* @__PURE__ */ X(R, {
 								size: "sm",
 								tone: "muted",
 								children: a ?? c.timelineEmptyState
@@ -1503,19 +1503,19 @@ function qt({ date: e, events: t, locale: n, startHour: r = 6, endHour: i = 22,
 	});
 }
 function Jt({ open: e, anchorRef: t, onClose: n, onPointerEnter: r, onPointerLeave: i, date: a, events: o, locale: s, timelineStartHour: c = 6, timelineEndHour: l = 22, showTimeline: u = !0, emptyStateText: d, renderEventItem: f, className: p, style: m }) {
-	let h = he(s), g = je();
-	return /* @__PURE__ */ Z(R, {
+	let h = ge(s), g = Me();
+	return /* @__PURE__ */ X(L, {
 		open: e,
 		anchorRef: t,
 		onClose: n,
 		placement: "bottom-start",
-		className: L("calendar popover", p),
+		className: I("calendar popover", p),
 		style: m,
-		children: /* @__PURE__ */ Z(fe, {
+		children: /* @__PURE__ */ X(pe, {
 			className: "calendar event popover",
 			onPointerEnter: r,
 			onPointerLeave: i,
-			children: /* @__PURE__ */ Z(U, { children: /* @__PURE__ */ Z(Vt, {
+			children: /* @__PURE__ */ X(H, { children: /* @__PURE__ */ X(Vt, {
 				date: a,
 				events: o,
 				locale: h,
@@ -1529,158 +1529,158 @@ function Jt({ open: e, anchorRef: t, onClose: n, onPointerEnter: r, onPointerLea
 	});
 }
 function Yt({ month: t, defaultMonth: n, onMonthChange: r, events: i = [], locale: a, weekStartsOn: o = 1, view: s, defaultView: c = "month", views: l = ["month", "week"], onViewChange: u, selectedDate: d, defaultSelectedDate: f, onDayClick: p, dayBadge: m, renderDayCell: h, renderEventItem: g, detailsTrigger: _ = "click", detailsMode: v = "auto", showTimeline: y = !0, timelineStartHour: b = 6, timelineEndHour: x = 22, emptyStateText: S, filters: C = [], activeFilters: w, defaultActiveFilters: T = [], onActiveFiltersChange: E, fullWidth: D = !1, className: O, ...k }) {
-	let A = he(a), j = Ae(), M = je(), N = wt(/* @__PURE__ */ new Date()), [P, ee] = X(wt(n ?? t ?? N)), [te, ne] = X(c), [re, ie] = X(Tt(f)), [ae, oe] = X(T), [F, I] = X(null), [se, R] = X(!1), [ce, ue] = X(!1), de = Y(null), V = Y(null), fe = t !== void 0 && typeof r == "function", U = wt(fe ? t ?? P : P), W = s ?? te, me = Tt(d) ?? re, G = w ?? ae;
-	Le(() => {
-		let t = window.matchMedia(`(max-width: ${e.md}px)`), n = () => ue(t.matches);
+	let A = ge(a), j = je(), M = Me(), ee = $(/* @__PURE__ */ new Date()), [N, te] = Y($(n ?? t ?? ee)), [ne, re] = Y(c), [ie, ae] = Y(Tt(f)), [oe, se] = Y(T), [P, F] = Y(null), [ce, L] = Y(!1), [le, de] = Y(!1), fe = J(null), B = J(null), pe = t !== void 0 && typeof r == "function", H = $(pe ? t ?? N : N), U = s ?? ne, he = Tt(d) ?? ie, W = w ?? oe;
+	Re(() => {
+		let t = window.matchMedia(`(max-width: ${e.md}px)`), n = () => de(t.matches);
 		return n(), t.addEventListener("change", n), () => t.removeEventListener("change", n);
-	}, []), Le(() => {
-		fe && t && ee(wt(t));
-	}, [fe, t]), Le(() => {
-		s && ne(s);
-	}, [s]), Le(() => {
-		d !== void 0 && ie(Tt(d));
-	}, [d]), Le(() => () => {
-		V.current && window.clearTimeout(V.current);
+	}, []), Re(() => {
+		pe && t && te($(t));
+	}, [pe, t]), Re(() => {
+		s && re(s);
+	}, [s]), Re(() => {
+		d !== void 0 && ae(Tt(d));
+	}, [d]), Re(() => () => {
+		B.current && window.clearTimeout(B.current);
 	}, []);
-	let ge = J(() => Rt(i, C, G), [
+	let _e = q(() => Rt(i, C, W), [
 		i,
 		C,
-		G
-	]), _e = J(() => {
+		W
+	]), ve = q(() => {
 		let e = /* @__PURE__ */ new Map();
-		return ge.forEach((t) => {
+		return _e.forEach((t) => {
 			let n = Dt(t);
 			if (!n) return;
 			let r = Et(n), i = e.get(r) ?? [];
 			i.push(t), e.set(r, i);
 		}), e;
-	}, [ge]), ve = J(() => {
-		if (W === "week") {
-			let e = kt(me ?? U, o);
+	}, [_e]), ye = q(() => {
+		if (U === "week") {
+			let e = kt(he ?? H, o);
 			return Array.from({ length: 7 }, (t, n) => Ot(e, n));
 		}
-		return jt(U, o);
+		return jt(H, o);
 	}, [
-		W,
-		me,
 		U,
+		he,
+		H,
 		o
-	]), ye = v === "auto" ? ce ? "modal" : "popover" : v, be = F ? _e.get(Et(F)) ?? [] : [], xe = l.includes("month"), Se = l.includes("week"), Ce = (e) => {
-		let t = wt(e);
-		ee(t), r?.(t);
-	}, we = (e) => {
-		if (W === "week") {
-			let t = Ot(me ?? U, e * 7);
-			Ce(t), ie(t), I(t), R(!1);
+	]), be = v === "auto" ? le ? "modal" : "popover" : v, xe = P ? ve.get(Et(P)) ?? [] : [], Se = l.includes("month"), Ce = l.includes("week"), we = (e) => {
+		let t = $(e);
+		te(t), r?.(t);
+	}, Te = (e) => {
+		if (U === "week") {
+			let t = Ot(he ?? H, e * 7);
+			we(t), ae(t), F(t), L(!1);
 			return;
 		}
-		Ce(new Date(U.getFullYear(), U.getMonth() + e, 1)), R(!1), I(null);
-	}, Te = (e) => {
-		ne(e), u?.(e);
-	}, Ee = (e, t) => {
-		let n = wt(e);
-		ie(n), p?.(n, t);
-	}, De = () => {
-		V.current &&= (window.clearTimeout(V.current), null);
-	}, K = () => {
-		De(), V.current = window.setTimeout(() => {
-			R(!1);
+		we(new Date(H.getFullYear(), H.getMonth() + e, 1)), L(!1), F(null);
+	}, Ee = (e) => {
+		re(e), u?.(e);
+	}, De = (e, t) => {
+		let n = $(e);
+		ae(n), p?.(n, t);
+	}, Oe = () => {
+		B.current &&= (window.clearTimeout(B.current), null);
+	}, G = () => {
+		Oe(), B.current = window.setTimeout(() => {
+			L(!1);
 		}, 180);
-	}, Oe = (e, t, n) => {
-		de.current = t, I(e), Ee(e, n), R(!0);
 	}, ke = (e, t, n) => {
-		De(), Oe(e, t, n), W === "month" && e.getMonth() !== U.getMonth() && Ce(new Date(e.getFullYear(), e.getMonth(), 1));
-	}, Ne = (e, t, n) => {
-		_ !== "hover" || ye !== "popover" || (De(), Oe(e, t, n));
-	}, Pe = (e) => {
-		let t = G.includes(e) ? G.filter((t) => t !== e) : [...G, e];
-		oe(t), E?.(t);
-	}, Fe = kt(W === "week" ? me ?? U : U, o);
-	return /* @__PURE__ */ Q("div", {
-		className: L("calendar board", D && "full-width", O),
+		fe.current = t, F(e), De(e, n), L(!0);
+	}, Ae = (e, t, n) => {
+		Oe(), ke(e, t, n), U === "month" && e.getMonth() !== H.getMonth() && we(new Date(e.getFullYear(), e.getMonth(), 1));
+	}, Pe = (e, t, n) => {
+		_ !== "hover" || be !== "popover" || (Oe(), ke(e, t, n));
+	}, Fe = (e) => {
+		let t = W.includes(e) ? W.filter((t) => t !== e) : [...W, e];
+		se(t), E?.(t);
+	}, Ie = kt(U === "week" ? he ?? H : H, o);
+	return /* @__PURE__ */ Z("div", {
+		className: I("calendar board", D && "full-width", O),
 		...k,
 		children: [
-			/* @__PURE__ */ Q("div", {
+			/* @__PURE__ */ Z("div", {
 				className: "calendar header",
-				children: [/* @__PURE__ */ Q(Me, { children: [/* @__PURE__ */ Z(le, {
+				children: [/* @__PURE__ */ Z(Ne, { children: [/* @__PURE__ */ X(ue, {
 					level: 3,
-					children: zt(U, W, A, o)
-				}), /* @__PURE__ */ Z(z, {
+					children: zt(H, U, A, o)
+				}), /* @__PURE__ */ X(R, {
 					size: "sm",
 					tone: "muted",
-					children: Bt(W, M)
-				})] }), /* @__PURE__ */ Q(Me, {
+					children: Bt(U, M)
+				})] }), /* @__PURE__ */ Z(Ne, {
 					align: "end",
-					children: [/* @__PURE__ */ Q("div", {
+					children: [/* @__PURE__ */ Z("div", {
 						className: "calendar actions",
-						children: [/* @__PURE__ */ Z(B, {
+						children: [/* @__PURE__ */ X(z, {
 							type: "button",
 							size: "sm",
 							variant: "outlined",
 							color: "neutral",
-							onClick: () => we(-1),
-							children: W === "week" ? M.previousWeek : j.previousMonth
-						}), /* @__PURE__ */ Z(B, {
+							onClick: () => Te(-1),
+							children: U === "week" ? M.previousWeek : j.previousMonth
+						}), /* @__PURE__ */ X(z, {
 							type: "button",
 							size: "sm",
 							variant: "outlined",
 							color: "neutral",
-							onClick: () => we(1),
-							children: W === "week" ? M.nextWeek : j.nextMonth
+							onClick: () => Te(1),
+							children: U === "week" ? M.nextWeek : j.nextMonth
 						})]
-					}), (xe || Se) && /* @__PURE__ */ Q("div", {
+					}), (Se || Ce) && /* @__PURE__ */ Z("div", {
 						className: "calendar views",
-						children: [xe && /* @__PURE__ */ Z(B, {
+						children: [Se && /* @__PURE__ */ X(z, {
 							type: "button",
 							size: "sm",
 							variant: "outlined",
-							color: W === "month" ? "primary" : "neutral",
-							active: W === "month",
-							onClick: () => Te("month"),
+							color: U === "month" ? "primary" : "neutral",
+							active: U === "month",
+							onClick: () => Ee("month"),
 							children: M.monthView
-						}), Se && /* @__PURE__ */ Z(B, {
+						}), Ce && /* @__PURE__ */ X(z, {
 							type: "button",
 							size: "sm",
 							variant: "outlined",
-							color: W === "week" ? "primary" : "neutral",
-							active: W === "week",
-							onClick: () => Te("week"),
+							color: U === "week" ? "primary" : "neutral",
+							active: U === "week",
+							onClick: () => Ee("week"),
 							children: M.weekView
 						})]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ Z(Ht, {
+			/* @__PURE__ */ X(Ht, {
 				filters: C,
-				activeFilterIds: G,
-				onToggle: Pe
+				activeFilterIds: W,
+				onToggle: Fe
 			}),
-			/* @__PURE__ */ Z("div", {
+			/* @__PURE__ */ X("div", {
 				className: "calendar days",
-				children: Array.from({ length: 7 }, (e, t) => Ot(Fe, t)).map((e) => /* @__PURE__ */ Z("div", {
+				children: Array.from({ length: 7 }, (e, t) => Ot(Ie, t)).map((e) => /* @__PURE__ */ X("div", {
 					className: "calendar day",
 					children: new Intl.DateTimeFormat(A, { weekday: "short" }).format(e)
 				}, Et(e)))
 			}),
-			W === "week" ? /* @__PURE__ */ Z(Ut, {
-				days: ve,
-				eventsByDay: _e,
-				selectedDate: me,
-				activeDate: F,
-				onDayInteract: ke,
-				onDayHover: Ne,
+			U === "week" ? /* @__PURE__ */ X(Ut, {
+				days: ye,
+				eventsByDay: ve,
+				selectedDate: he,
+				activeDate: P,
+				onDayInteract: Ae,
+				onDayHover: Pe,
 				onDayLeave: () => {
-					_ === "hover" && ye === "popover" && K();
+					_ === "hover" && be === "popover" && G();
 				},
 				dayBadge: m,
 				renderDayCell: h
-			}) : /* @__PURE__ */ Z("div", {
+			}) : /* @__PURE__ */ X("div", {
 				className: "calendar grid",
-				children: ve.map((e) => {
-					let t = Et(e), n = _e.get(t) ?? [], r = m?.(e, n) ?? (n.length > 0 ? /* @__PURE__ */ Z(H, {
+				children: ye.map((e) => {
+					let t = Et(e), n = ve.get(t) ?? [], r = m?.(e, n) ?? (n.length > 0 ? /* @__PURE__ */ X(V, {
 						size: "sm",
 						children: n.length
-					}) : null), i = t === Et(N), a = !!(me && t === Et(me)), o = e.getMonth() !== U.getMonth(), s = Lt(n), c = {
+					}) : null), i = t === Et(ee), a = !!(he && t === Et(he)), o = e.getMonth() !== H.getMonth(), s = Lt(n), c = {
 						date: e,
 						events: n,
 						badge: r,
@@ -1688,46 +1688,46 @@ function Yt({ month: t, defaultMonth: n, onMonthChange: r, events: i = [], local
 						isSelected: a,
 						isOutsideMonth: o
 					};
-					return /* @__PURE__ */ Z(Wt, {
+					return /* @__PURE__ */ X(Wt, {
 						date: e,
 						events: n,
 						badge: r,
 						markers: s,
 						isToday: i,
-						isSelected: a || !!(F && t === Et(F)),
+						isSelected: a || !!(P && t === Et(P)),
 						isOutsideMonth: o,
-						onClick: (t) => ke(e, t.currentTarget, n),
-						onMouseEnter: (t) => Ne(e, t.currentTarget, n),
+						onClick: (t) => Ae(e, t.currentTarget, n),
+						onMouseEnter: (t) => Pe(e, t.currentTarget, n),
 						onMouseLeave: () => {
-							_ === "hover" && ye === "popover" && K();
+							_ === "hover" && be === "popover" && G();
 						},
 						children: h ? h(e, c) : void 0
 					}, t);
 				})
 			}),
-			ye === "popover" ? /* @__PURE__ */ Z(Jt, {
-				open: se && !!F && !!de.current,
-				anchorRef: de,
-				onClose: () => R(!1),
-				onPointerEnter: () => De(),
-				onPointerLeave: () => K(),
-				date: F,
-				events: be,
+			be === "popover" ? /* @__PURE__ */ X(Jt, {
+				open: ce && !!P && !!fe.current,
+				anchorRef: fe,
+				onClose: () => L(!1),
+				onPointerEnter: () => Oe(),
+				onPointerLeave: () => G(),
+				date: P,
+				events: xe,
 				locale: A,
 				timelineStartHour: b,
 				timelineEndHour: x,
 				showTimeline: y,
 				emptyStateText: S ?? M.emptyStateText,
 				renderEventItem: g
-			}) : /* @__PURE__ */ Z(pe, {
-				open: se && !!F,
-				onClose: () => R(!1),
-				title: F ? Nt(F, A) : void 0,
-				description: F ? M.itemsCount(be.length) : void 0,
+			}) : /* @__PURE__ */ X(me, {
+				open: ce && !!P,
+				onClose: () => L(!1),
+				title: P ? Nt(P, A) : void 0,
+				description: P ? M.itemsCount(xe.length) : void 0,
 				size: "lg",
-				children: /* @__PURE__ */ Z(Vt, {
-					date: F,
-					events: be,
+				children: /* @__PURE__ */ X(Vt, {
+					date: P,
+					events: xe,
 					locale: A,
 					timelineStartHour: b,
 					timelineEndHour: x,
@@ -1772,15 +1772,15 @@ function en(e) {
 //#endregion
 //#region src/components/data/MChart/parts/ChartGrid.tsx
 function tn({ x: e, y: t, width: n, height: r, horizontalLines: i, verticalLines: a }) {
-	return /* @__PURE__ */ Q("g", {
+	return /* @__PURE__ */ Z("g", {
 		className: "chart-grid",
-		children: [i.map((t, r) => /* @__PURE__ */ Z("line", {
+		children: [i.map((t, r) => /* @__PURE__ */ X("line", {
 			x1: e,
 			y1: t,
 			x2: e + n,
 			y2: t,
 			className: "chart-grid-line"
-		}, `h${r}`)), a?.map((e, n) => /* @__PURE__ */ Z("line", {
+		}, `h${r}`)), a?.map((e, n) => /* @__PURE__ */ X("line", {
 			x1: e,
 			y1: t,
 			x2: e,
@@ -1793,23 +1793,23 @@ function tn({ x: e, y: t, width: n, height: r, horizontalLines: i, verticalLines
 //#region src/components/data/MChart/parts/ChartAxis.tsx
 function nn({ type: e, x: t, y: n, length: r, ticks: i, title: a }) {
 	let o = e === "x";
-	return /* @__PURE__ */ Q("g", {
+	return /* @__PURE__ */ Z("g", {
 		className: `chart-axis chart-axis-${e}`,
 		children: [
-			/* @__PURE__ */ Z("line", {
+			/* @__PURE__ */ X("line", {
 				x1: t,
 				y1: n,
 				x2: o ? t + r : t,
 				y2: o ? n : n - r,
 				className: "chart-axis-line"
 			}),
-			i.map((e, r) => /* @__PURE__ */ Z("g", { children: o ? /* @__PURE__ */ Z("text", {
+			i.map((e, r) => /* @__PURE__ */ X("g", { children: o ? /* @__PURE__ */ X("text", {
 				x: e.position,
 				y: n + 16,
 				textAnchor: "middle",
 				className: "chart-axis-label",
 				children: e.label
-			}) : /* @__PURE__ */ Z("text", {
+			}) : /* @__PURE__ */ X("text", {
 				x: t - 8,
 				y: e.position,
 				textAnchor: "end",
@@ -1817,13 +1817,13 @@ function nn({ type: e, x: t, y: n, length: r, ticks: i, title: a }) {
 				className: "chart-axis-label",
 				children: e.label
 			}) }, r)),
-			a && (o ? /* @__PURE__ */ Z("text", {
+			a && (o ? /* @__PURE__ */ X("text", {
 				x: t + r / 2,
 				y: n + 36,
 				textAnchor: "middle",
 				className: "chart-axis-title",
 				children: a
-			}) : /* @__PURE__ */ Z("text", {
+			}) : /* @__PURE__ */ X("text", {
 				x: t - 40,
 				y: n - r / 2,
 				textAnchor: "middle",
@@ -1838,8 +1838,8 @@ function nn({ type: e, x: t, y: n, length: r, ticks: i, title: a }) {
 //#endregion
 //#region src/components/data/MChart/charts/MLineChart.tsx
 function rn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAxis: a, yAxis: o, showGrid: s, showXAxis: c, showYAxis: l, curved: u, animated: d, valueFormatter: f = $t, onTooltip: p, onDataClick: m }) {
-	let [h, g] = X(null), _ = n - i.left - i.right, v = r - i.top - i.bottom, { yMin: y, yMax: b, yTicks: x, xLabels: S, seriesPoints: C } = J(() => {
-		let t = e.map((e) => e.data), [n, r] = we(t), i = o?.min ?? Se(n), s = o?.max ?? xe(r, n), c = be(i, s, o?.ticks ?? 5), l = Math.max(...t.map((e) => e.length), 1), u = a?.labels ?? Array.from({ length: l }, (e, t) => String(t)), d = K([0, Math.max(l - 1, 1)], [0, _]), f = K([i, s], [v, 0]);
+	let [h, g] = Y(null), _ = n - i.left - i.right, v = r - i.top - i.bottom, { yMin: y, yMax: b, yTicks: x, xLabels: S, seriesPoints: C } = q(() => {
+		let t = e.map((e) => e.data), [n, r] = Te(t), i = o?.min ?? Ce(n), s = o?.max ?? Se(r, n), c = xe(i, s, o?.ticks ?? 5), l = Math.max(...t.map((e) => e.length), 1), u = a?.labels ?? Array.from({ length: l }, (e, t) => String(t)), d = G([0, Math.max(l - 1, 1)], [0, _]), f = G([i, s], [v, 0]);
 		return {
 			yMin: i,
 			yMax: s,
@@ -1856,7 +1856,7 @@ function rn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 		v,
 		a,
 		o
-	]), w = K([y, b], [v, 0]), T = K([0, Math.max(S.length - 1, 1)], [0, _]), E = q((r) => {
+	]), w = G([y, b], [v, 0]), T = G([0, Math.max(S.length - 1, 1)], [0, _]), E = K((r) => {
 		let a = r.currentTarget.closest("svg");
 		if (!a) return;
 		let o = a.getBoundingClientRect(), s = n / o.width, c = (r.clientX - o.left) * s - i.left, l = Math.round(c / _ * Math.max(S.length - 1, 1)), u = Math.max(0, Math.min(l, S.length - 1));
@@ -1878,7 +1878,7 @@ function rn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 		i.left,
 		n,
 		p
-	]), D = q(() => {
+	]), D = K(() => {
 		g(null), p(null);
 	}, [p]), O = x.map((e) => i.top + w(e)), k = S.map((e, t) => i.left + T(t)), A = x.map((e) => ({
 		position: i.top + w(e),
@@ -1887,8 +1887,8 @@ function rn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 		position: i.left + T(t),
 		label: e
 	}));
-	return /* @__PURE__ */ Q("g", { children: [
-		s && /* @__PURE__ */ Z(tn, {
+	return /* @__PURE__ */ Z("g", { children: [
+		s && /* @__PURE__ */ X(tn, {
 			x: i.left,
 			y: i.top,
 			width: _,
@@ -1896,7 +1896,7 @@ function rn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 			horizontalLines: O,
 			verticalLines: k
 		}),
-		l && /* @__PURE__ */ Z(nn, {
+		l && /* @__PURE__ */ X(nn, {
 			type: "y",
 			x: i.left,
 			y: i.top + v,
@@ -1904,7 +1904,7 @@ function rn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 			ticks: A,
 			title: o?.title
 		}),
-		c && /* @__PURE__ */ Z(nn, {
+		c && /* @__PURE__ */ X(nn, {
 			type: "x",
 			x: i.left,
 			y: i.top + v,
@@ -1912,11 +1912,11 @@ function rn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 			ticks: j,
 			title: a?.title
 		}),
-		/* @__PURE__ */ Q("g", {
+		/* @__PURE__ */ Z("g", {
 			onMouseMove: E,
 			onMouseLeave: D,
 			children: [
-				/* @__PURE__ */ Z("rect", {
+				/* @__PURE__ */ X("rect", {
 					x: i.left,
 					y: i.top,
 					width: _,
@@ -1924,17 +1924,17 @@ function rn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 					fill: "transparent"
 				}),
 				C.map((n, r) => {
-					let a = e[r].color ?? t[r % t.length], o = u ? De(n.map((e) => ({
+					let a = e[r].color ?? t[r % t.length], o = u ? Oe(n.map((e) => ({
 						x: e.x + i.left,
 						y: e.y + i.top
-					}))) : Ce(n.map((e) => ({
+					}))) : we(n.map((e) => ({
 						x: e.x + i.left,
 						y: e.y + i.top
 					})));
-					return /* @__PURE__ */ Q("g", { children: [/* @__PURE__ */ Z("path", {
+					return /* @__PURE__ */ Z("g", { children: [/* @__PURE__ */ X("path", {
 						className: `chart-line ${a} ${d ? "animated" : ""}`,
 						d: o
-					}), n.map((t, n) => /* @__PURE__ */ Z("circle", {
+					}), n.map((t, n) => /* @__PURE__ */ X("circle", {
 						className: `chart-dot ${a} ${h === n ? "active" : ""}`,
 						cx: t.x + i.left,
 						cy: t.y + i.top,
@@ -1943,7 +1943,7 @@ function rn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 						style: { cursor: m ? "pointer" : void 0 }
 					}, n))] }, r);
 				}),
-				h !== null && /* @__PURE__ */ Z("line", {
+				h !== null && /* @__PURE__ */ X("line", {
 					className: "chart-crosshair",
 					x1: i.left + T(h),
 					y1: i.top,
@@ -1957,14 +1957,14 @@ function rn({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 //#endregion
 //#region src/components/data/MChart/charts/MBarChart.tsx
 function an({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAxis: a, yAxis: o, showGrid: s, showXAxis: c, showYAxis: l, stacked: u, animated: d, valueFormatter: f = $t, onTooltip: p, onDataClick: m }) {
-	let [h, g] = X(null), _ = n - i.left - i.right, v = r - i.top - i.bottom, { yMin: y, yMax: b, yTicks: x, xLabels: S, maxLen: C } = J(() => {
+	let [h, g] = Y(null), _ = n - i.left - i.right, v = r - i.top - i.bottom, { yMin: y, yMax: b, yTicks: x, xLabels: S, maxLen: C } = q(() => {
 		let t = e.map((e) => e.data), n = Math.max(...t.map((e) => e.length), 1), r, i;
-		u ? [r, i] = Oe(t) : [r, i] = we(t);
-		let s = o?.min ?? Se(r), c = o?.max ?? xe(i, r);
+		u ? [r, i] = ke(t) : [r, i] = Te(t);
+		let s = o?.min ?? Ce(r), c = o?.max ?? Se(i, r);
 		return {
 			yMin: s,
 			yMax: c,
-			yTicks: be(s, c, o?.ticks ?? 5),
+			yTicks: xe(s, c, o?.ticks ?? 5),
 			xLabels: a?.labels ?? Array.from({ length: n }, (e, t) => String(t)),
 			maxLen: n
 		};
@@ -1973,7 +1973,7 @@ function an({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 		a,
 		o,
 		u
-	]), w = K([y, b], [v, 0]), T = _ / C, E = Math.max(T * .1, 2), D = e.length, O = q((n, r, i) => {
+	]), w = G([y, b], [v, 0]), T = _ / C, E = Math.max(T * .1, 2), D = e.length, O = K((n, r, i) => {
 		g({
 			di: n,
 			pi: r
@@ -2001,7 +2001,7 @@ function an({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 		S,
 		u,
 		p
-	]), k = q(() => {
+	]), k = K(() => {
 		g(null), p(null);
 	}, [p]), A = x.map((e) => i.top + w(e)), j = S.map((e, t) => ({
 		position: i.left + T * t + T / 2,
@@ -2009,16 +2009,16 @@ function an({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 	})), M = x.map((e) => ({
 		position: i.top + w(e),
 		label: (o?.formatter ?? f)(e)
-	})), N = w(0);
-	return /* @__PURE__ */ Q("g", { children: [
-		s && /* @__PURE__ */ Z(tn, {
+	})), ee = w(0);
+	return /* @__PURE__ */ Z("g", { children: [
+		s && /* @__PURE__ */ X(tn, {
 			x: i.left,
 			y: i.top,
 			width: _,
 			height: v,
 			horizontalLines: A
 		}),
-		l && /* @__PURE__ */ Z(nn, {
+		l && /* @__PURE__ */ X(nn, {
 			type: "y",
 			x: i.left,
 			y: i.top + v,
@@ -2026,7 +2026,7 @@ function an({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 			ticks: M,
 			title: o?.title
 		}),
-		c && /* @__PURE__ */ Z(nn, {
+		c && /* @__PURE__ */ X(nn, {
 			type: "x",
 			x: i.left,
 			y: i.top + v,
@@ -2034,15 +2034,15 @@ function an({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 			ticks: j,
 			title: a?.title
 		}),
-		/* @__PURE__ */ Z("g", {
+		/* @__PURE__ */ X("g", {
 			onMouseLeave: k,
 			children: u ? S.map((n, r) => {
-				let a = N, o = T - E * 2, s = i.left + T * r + E;
-				return /* @__PURE__ */ Z("g", { children: e.map((n, c) => {
-					let l = n.data[r] ?? 0, u = N - w(l), f = a - u;
+				let a = ee, o = T - E * 2, s = i.left + T * r + E;
+				return /* @__PURE__ */ X("g", { children: e.map((n, c) => {
+					let l = n.data[r] ?? 0, u = ee - w(l), f = a - u;
 					a = f;
 					let p = n.color ?? t[c % t.length], g = h?.di === c && h?.pi === r;
-					return /* @__PURE__ */ Z("rect", {
+					return /* @__PURE__ */ X("rect", {
 						className: `chart-bar ${p} ${d ? "animated" : ""} ${g ? "active" : ""}`,
 						x: s,
 						y: i.top + f,
@@ -2056,9 +2056,9 @@ function an({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 				}) }, r);
 			}) : e.map((e, n) => {
 				let r = (T - E * 2) / D;
-				return /* @__PURE__ */ Z("g", { children: e.data.map((a, o) => {
-					let s = N - w(a), c = i.left + T * o + E + r * n, l = Math.min(N, w(a)), u = e.color ?? t[n % t.length], f = h?.di === n && h?.pi === o;
-					return /* @__PURE__ */ Z("rect", {
+				return /* @__PURE__ */ X("g", { children: e.data.map((a, o) => {
+					let s = ee - w(a), c = i.left + T * o + E + r * n, l = Math.min(ee, w(a)), u = e.color ?? t[n % t.length], f = h?.di === n && h?.pi === o;
+					return /* @__PURE__ */ X("rect", {
 						className: `chart-bar ${u} ${d ? "animated" : ""} ${f ? "active" : ""}`,
 						x: c,
 						y: i.top + l,
@@ -2077,10 +2077,10 @@ function an({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 //#endregion
 //#region src/components/data/MChart/charts/MAreaChart.tsx
 function on({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAxis: a, yAxis: o, showGrid: s, showXAxis: c, showYAxis: l, curved: u, stacked: d, animated: f, valueFormatter: p = $t, onTooltip: m, onDataClick: h }) {
-	let [g, _] = X(null), v = n - i.left - i.right, y = r - i.top - i.bottom, { yMin: b, yMax: x, yTicks: S, xLabels: C, seriesPoints: w, stackedPaths: T } = J(() => {
+	let [g, _] = Y(null), v = n - i.left - i.right, y = r - i.top - i.bottom, { yMin: b, yMax: x, yTicks: S, xLabels: C, seriesPoints: w, stackedPaths: T } = q(() => {
 		let t = e.map((e) => e.data), n = Math.max(...t.map((e) => e.length), 1), r, s;
-		d ? [r, s] = Oe(t) : [r, s] = we(t);
-		let c = o?.min ?? Se(r), l = o?.max ?? xe(s, r), f = be(c, l, o?.ticks ?? 5), p = a?.labels ?? Array.from({ length: n }, (e, t) => String(t)), m = K([0, Math.max(n - 1, 1)], [0, v]), h = K([c, l], [y, 0]);
+		d ? [r, s] = ke(t) : [r, s] = Te(t);
+		let c = o?.min ?? Ce(r), l = o?.max ?? Se(s, r), f = xe(c, l, o?.ticks ?? 5), p = a?.labels ?? Array.from({ length: n }, (e, t) => String(t)), m = G([0, Math.max(n - 1, 1)], [0, v]), h = G([c, l], [y, 0]);
 		if (d) {
 			let e = [];
 			for (let r = 0; r < t.length; r++) {
@@ -2099,14 +2099,14 @@ function on({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 						y: i.top + h(e)
 					}));
 					return {
-						area: Ee(r, n === 0 ? t.map((e, t) => ({
+						area: De(r, n === 0 ? t.map((e, t) => ({
 							x: i.left + m(t),
 							y: i.top + h(0)
 						})) : e[n - 1].map((e, t) => ({
 							x: i.left + m(t),
 							y: i.top + h(e)
 						})), u),
-						line: u ? De(r) : Ce(r),
+						line: u ? Oe(r) : we(r),
 						topPts: r
 					};
 				})
@@ -2132,7 +2132,7 @@ function on({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 		d,
 		u,
 		i
-	]), E = K([b, x], [y, 0]), D = K([0, Math.max(C.length - 1, 1)], [0, v]), O = q((r) => {
+	]), E = G([b, x], [y, 0]), D = G([0, Math.max(C.length - 1, 1)], [0, v]), O = K((r) => {
 		let a = r.currentTarget.closest("svg");
 		if (!a) return;
 		let o = a.getBoundingClientRect(), s = n / o.width, c = (r.clientX - o.left) * s - i.left, l = Math.round(c / v * Math.max(C.length - 1, 1)), u = Math.max(0, Math.min(l, C.length - 1));
@@ -2154,7 +2154,7 @@ function on({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 		i.left,
 		n,
 		m
-	]), k = q(() => {
+	]), k = K(() => {
 		_(null), m(null);
 	}, [m]), A = S.map((e) => i.top + E(e)), j = S.map((e) => ({
 		position: i.top + E(e),
@@ -2163,15 +2163,15 @@ function on({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 		position: i.left + D(t),
 		label: e
 	}));
-	return /* @__PURE__ */ Q("g", { children: [
-		s && /* @__PURE__ */ Z(tn, {
+	return /* @__PURE__ */ Z("g", { children: [
+		s && /* @__PURE__ */ X(tn, {
 			x: i.left,
 			y: i.top,
 			width: v,
 			height: y,
 			horizontalLines: A
 		}),
-		l && /* @__PURE__ */ Z(nn, {
+		l && /* @__PURE__ */ X(nn, {
 			type: "y",
 			x: i.left,
 			y: i.top + y,
@@ -2179,7 +2179,7 @@ function on({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 			ticks: j,
 			title: o?.title
 		}),
-		c && /* @__PURE__ */ Z(nn, {
+		c && /* @__PURE__ */ X(nn, {
 			type: "x",
 			x: i.left,
 			y: i.top + y,
@@ -2187,11 +2187,11 @@ function on({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 			ticks: M,
 			title: a?.title
 		}),
-		/* @__PURE__ */ Q("g", {
+		/* @__PURE__ */ Z("g", {
 			onMouseMove: O,
 			onMouseLeave: k,
 			children: [
-				/* @__PURE__ */ Z("rect", {
+				/* @__PURE__ */ X("rect", {
 					x: i.left,
 					y: i.top,
 					width: v,
@@ -2200,25 +2200,25 @@ function on({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 				}),
 				d && T ? T.map((n, r) => {
 					let i = e[r].color ?? t[r % t.length];
-					return /* @__PURE__ */ Q("g", { children: [/* @__PURE__ */ Z("path", {
+					return /* @__PURE__ */ Z("g", { children: [/* @__PURE__ */ X("path", {
 						className: `chart-area-fill ${i}`,
 						d: n.area
-					}), /* @__PURE__ */ Z("path", {
+					}), /* @__PURE__ */ X("path", {
 						className: `chart-line ${i} ${f ? "animated" : ""}`,
 						d: n.line
 					})] }, r);
 				}) : w.map((n, r) => {
-					let a = e[r].color ?? t[r % t.length], o = u ? De(n) : Ce(n), s = Te(n, i.top + y, u);
-					return /* @__PURE__ */ Q("g", { children: [
-						/* @__PURE__ */ Z("path", {
+					let a = e[r].color ?? t[r % t.length], o = u ? Oe(n) : we(n), s = Ee(n, i.top + y, u);
+					return /* @__PURE__ */ Z("g", { children: [
+						/* @__PURE__ */ X("path", {
 							className: `chart-area-fill ${a}`,
 							d: s
 						}),
-						/* @__PURE__ */ Z("path", {
+						/* @__PURE__ */ X("path", {
 							className: `chart-line ${a} ${f ? "animated" : ""}`,
 							d: o
 						}),
-						n.map((t, n) => /* @__PURE__ */ Z("circle", {
+						n.map((t, n) => /* @__PURE__ */ X("circle", {
 							className: `chart-dot ${a} ${g === n ? "active" : ""}`,
 							cx: t.x,
 							cy: t.y,
@@ -2228,7 +2228,7 @@ function on({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 						}, n))
 					] }, r);
 				}),
-				g !== null && /* @__PURE__ */ Z("line", {
+				g !== null && /* @__PURE__ */ X("line", {
 					className: "chart-crosshair",
 					x1: i.left + D(g),
 					y1: i.top,
@@ -2242,7 +2242,7 @@ function on({ data: e, colors: t, innerWidth: n, innerHeight: r, padding: i, xAx
 //#endregion
 //#region src/components/data/MChart/charts/MPieChart.tsx
 function sn({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donutWidth: a, animated: o, valueFormatter: s = $t, xAxis: c, onTooltip: l, onDataClick: u }) {
-	let [d, f] = X(null), p = n / 2, m = r / 2, h = Math.min(p, m) - 10, g = i ? h - (a ?? h * .4) : 0, _ = J(() => {
+	let [d, f] = Y(null), p = n / 2, m = r / 2, h = Math.min(p, m) - 10, g = i ? h - (a ?? h * .4) : 0, _ = q(() => {
 		let n = e.length === 1 ? e[0].data : e.map((e) => e.data[0] ?? 0), r = e.length === 1 ? c?.labels ?? n.map((e, t) => `Segment ${t + 1}`) : e.map((e) => e.label), i = n.reduce((e, t) => e + Math.max(t, 0), 0) || 1, a = -Math.PI / 2;
 		return n.map((n, o) => {
 			let s = Math.max(n, 0) / i * Math.PI * 2, c = {
@@ -2259,7 +2259,7 @@ function sn({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donut
 		e,
 		t,
 		c
-	]), v = q((e, t) => {
+	]), v = K((e, t) => {
 		f(e);
 		let n = t.currentTarget.closest("svg");
 		if (!n) return;
@@ -2274,12 +2274,12 @@ function sn({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donut
 			x: t.clientX - r.left,
 			y: t.clientY - r.top
 		});
-	}, [_, l]), y = q(() => {
+	}, [_, l]), y = K(() => {
 		f(null), l(null);
 	}, [l]);
-	return /* @__PURE__ */ Q("g", { children: [_.map((e, t) => {
-		let n = d === t, r = ye(p, m, n ? h + 4 : h, g, e.startAngle, e.endAngle);
-		return /* @__PURE__ */ Z("path", {
+	return /* @__PURE__ */ Z("g", { children: [_.map((e, t) => {
+		let n = d === t, r = be(p, m, n ? h + 4 : h, g, e.startAngle, e.endAngle);
+		return /* @__PURE__ */ X("path", {
 			className: `chart-pie-segment ${e.color} ${o ? "animated" : ""} ${n ? "active" : ""}`,
 			d: r,
 			onMouseEnter: (e) => v(t, e),
@@ -2302,7 +2302,7 @@ function sn({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donut
 			onClick: () => u?.(0, t, e.value),
 			style: { cursor: u ? "pointer" : void 0 }
 		}, t);
-	}), i && /* @__PURE__ */ Z("text", {
+	}), i && /* @__PURE__ */ X("text", {
 		x: p,
 		y: m,
 		textAnchor: "middle",
@@ -2325,45 +2325,45 @@ var cn = [
 	"light"
 ];
 function ln() {
-	return /* @__PURE__ */ Q("defs", { children: [
-		cn.map((e) => /* @__PURE__ */ Q("linearGradient", {
+	return /* @__PURE__ */ Z("defs", { children: [
+		cn.map((e) => /* @__PURE__ */ Z("linearGradient", {
 			id: `chart-bar-grad-${e}`,
 			x1: "0",
 			y1: "0",
 			x2: "0",
 			y2: "1",
-			children: [/* @__PURE__ */ Z("stop", {
+			children: [/* @__PURE__ */ X("stop", {
 				offset: "0%",
 				className: `chart-grad-stop-start ${e}`
-			}), /* @__PURE__ */ Z("stop", {
+			}), /* @__PURE__ */ X("stop", {
 				offset: "100%",
 				className: `chart-grad-stop-end ${e}`
 			})]
 		}, `bar-${e}`)),
-		cn.map((e) => /* @__PURE__ */ Q("linearGradient", {
+		cn.map((e) => /* @__PURE__ */ Z("linearGradient", {
 			id: `chart-pie-grad-${e}`,
 			x1: "0.3",
 			y1: "0",
 			x2: "0.7",
 			y2: "1",
-			children: [/* @__PURE__ */ Z("stop", {
+			children: [/* @__PURE__ */ X("stop", {
 				offset: "0%",
 				className: `chart-grad-stop-start ${e}`
-			}), /* @__PURE__ */ Z("stop", {
+			}), /* @__PURE__ */ X("stop", {
 				offset: "100%",
 				className: `chart-grad-stop-end ${e}`
 			})]
 		}, `pie-${e}`)),
-		cn.map((e) => /* @__PURE__ */ Q("linearGradient", {
+		cn.map((e) => /* @__PURE__ */ Z("linearGradient", {
 			id: `chart-area-grad-${e}`,
 			x1: "0",
 			y1: "0",
 			x2: "0",
 			y2: "1",
-			children: [/* @__PURE__ */ Z("stop", {
+			children: [/* @__PURE__ */ X("stop", {
 				offset: "0%",
 				className: `chart-grad-area-start ${e}`
-			}), /* @__PURE__ */ Z("stop", {
+			}), /* @__PURE__ */ X("stop", {
 				offset: "100%",
 				className: `chart-grad-area-end ${e}`
 			})]
@@ -2373,24 +2373,24 @@ function ln() {
 //#endregion
 //#region src/components/data/MChart/parts/ChartTooltip.tsx
 function un({ data: e, valueFormatter: t }) {
-	return e ? /* @__PURE__ */ Q("div", {
+	return e ? /* @__PURE__ */ Z("div", {
 		className: "chart-tooltip",
 		style: {
 			left: e.x,
 			top: e.y
 		},
-		children: [/* @__PURE__ */ Z("div", {
+		children: [/* @__PURE__ */ X("div", {
 			className: "chart-tooltip-label",
 			children: e.label
-		}), e.items.map((e, n) => /* @__PURE__ */ Q("div", {
+		}), e.items.map((e, n) => /* @__PURE__ */ Z("div", {
 			className: "chart-tooltip-row",
 			children: [
-				/* @__PURE__ */ Z("span", { className: `chart-tooltip-dot ${e.color}` }),
-				/* @__PURE__ */ Z("span", {
+				/* @__PURE__ */ X("span", { className: `chart-tooltip-dot ${e.color}` }),
+				/* @__PURE__ */ X("span", {
 					className: "chart-tooltip-name",
 					children: e.name
 				}),
-				/* @__PURE__ */ Z("span", {
+				/* @__PURE__ */ X("span", {
 					className: "chart-tooltip-value",
 					children: t(e.value)
 				})
@@ -2401,11 +2401,11 @@ function un({ data: e, valueFormatter: t }) {
 //#endregion
 //#region src/components/data/MChart/parts/ChartLegend.tsx
 function dn({ items: e }) {
-	return e.length <= 1 ? null : /* @__PURE__ */ Z("div", {
+	return e.length <= 1 ? null : /* @__PURE__ */ X("div", {
 		className: "chart-legend",
-		children: e.map((e, t) => /* @__PURE__ */ Q("div", {
+		children: e.map((e, t) => /* @__PURE__ */ Z("div", {
 			className: "chart-legend-item",
-			children: [/* @__PURE__ */ Z("span", { className: `chart-legend-dot ${e.color}` }), /* @__PURE__ */ Z("span", {
+			children: [/* @__PURE__ */ X("span", { className: `chart-legend-dot ${e.color}` }), /* @__PURE__ */ X("span", {
 				className: "chart-legend-label",
 				children: e.label
 			})]
@@ -2415,9 +2415,9 @@ function dn({ items: e }) {
 //#endregion
 //#region src/components/data/MChart/MChart.tsx
 function fn({ type: e, data: t, width: n = "100%", height: r = 300, aspectRatio: i, xAxis: a, yAxis: o, showGrid: s = !0, showXAxis: c = !0, showYAxis: l = !0, showLegend: u = !0, showTooltip: d = !0, animated: f = !0, stacked: p = !1, curved: m = !1, donut: h = !1, donutWidth: g, valueFormatter: _ = $t, labelFormatter: v = en, onDataClick: y, className: b, style: x, ...S }) {
-	let C = Y(null), [w, T] = X(null), E = Xt, D = a?.title || o?.title ? Qt : Zt, O = i ? void 0 : typeof r == "number" ? r : 300, k = O ?? 300, A = q((e) => {
+	let C = J(null), [w, T] = Y(null), E = Xt, D = a?.title || o?.title ? Qt : Zt, O = i ? void 0 : typeof r == "number" ? r : 300, k = O ?? 300, A = K((e) => {
 		d && T(e);
-	}, [d]), j = J(() => e === "pie" && t.length === 1 ? (a?.labels ?? t[0].data.map((e, t) => `Segment ${t + 1}`)).map((e, t) => ({
+	}, [d]), j = q(() => e === "pie" && t.length === 1 ? (a?.labels ?? t[0].data.map((e, t) => `Segment ${t + 1}`)).map((e, t) => ({
 		label: e,
 		color: E[t % E.length]
 	})) : t.map((e, t) => ({
@@ -2444,9 +2444,9 @@ function fn({ type: e, data: t, width: n = "100%", height: r = 300, aspectRatio:
 		onTooltip: A,
 		onDataClick: y
 	};
-	return /* @__PURE__ */ Q("div", {
+	return /* @__PURE__ */ Z("div", {
 		ref: C,
-		className: L("chart", b),
+		className: I("chart", b),
 		style: {
 			width: n,
 			height: i ? void 0 : O,
@@ -2455,44 +2455,44 @@ function fn({ type: e, data: t, width: n = "100%", height: r = 300, aspectRatio:
 		},
 		...S,
 		children: [
-			/* @__PURE__ */ Q("svg", {
+			/* @__PURE__ */ Z("svg", {
 				viewBox: `0 0 600 ${k}`,
 				preserveAspectRatio: "xMidYMid meet",
 				className: "chart-svg",
 				children: [
-					/* @__PURE__ */ Z(ln, {}),
-					e === "line" && /* @__PURE__ */ Z(rn, {
+					/* @__PURE__ */ X(ln, {}),
+					e === "line" && /* @__PURE__ */ X(rn, {
 						...M,
 						curved: m
 					}),
-					e === "bar" && /* @__PURE__ */ Z(an, {
+					e === "bar" && /* @__PURE__ */ X(an, {
 						...M,
 						stacked: p
 					}),
-					e === "area" && /* @__PURE__ */ Z(on, {
+					e === "area" && /* @__PURE__ */ X(on, {
 						...M,
 						curved: m,
 						stacked: p
 					}),
-					e === "pie" && /* @__PURE__ */ Z(sn, {
+					e === "pie" && /* @__PURE__ */ X(sn, {
 						...M,
 						donut: h,
 						donutWidth: g
 					})
 				]
 			}),
-			d && /* @__PURE__ */ Z(un, {
+			d && /* @__PURE__ */ X(un, {
 				data: w,
 				valueFormatter: _
 			}),
-			u && /* @__PURE__ */ Z(dn, { items: j })
+			u && /* @__PURE__ */ X(dn, { items: j })
 		]
 	});
 }
 //#endregion
 //#region src/components/data/MChart/MLineChart.tsx
 function pn(e) {
-	return /* @__PURE__ */ Z(fn, {
+	return /* @__PURE__ */ X(fn, {
 		type: "line",
 		...e
 	});
@@ -2500,7 +2500,7 @@ function pn(e) {
 //#endregion
 //#region src/components/data/MChart/MBarChart.tsx
 function mn(e) {
-	return /* @__PURE__ */ Z(fn, {
+	return /* @__PURE__ */ X(fn, {
 		type: "bar",
 		...e
 	});
@@ -2508,7 +2508,7 @@ function mn(e) {
 //#endregion
 //#region src/components/data/MChart/MAreaChart.tsx
 function hn(e) {
-	return /* @__PURE__ */ Z(fn, {
+	return /* @__PURE__ */ X(fn, {
 		type: "area",
 		...e
 	});
@@ -2516,12 +2516,12 @@ function hn(e) {
 //#endregion
 //#region src/components/data/MChart/MPieChart.tsx
 function gn(e) {
-	return /* @__PURE__ */ Z(fn, {
+	return /* @__PURE__ */ X(fn, {
 		type: "pie",
 		...e
 	});
 }
 //#endregion
-export { Ye as _, Yt as a, Ue as b, Kt as c, Ct as d, ct as f, Xe as g, Ze as h, pn as i, Jt as l, Qe as m, hn as n, Wt as o, st as p, mn as r, Gt as s, gn as t, qt as u, Ke as v, He as x, Ge as y };
+export { Xe as _, Yt as a, We as b, Kt as c, wt as d, lt as f, Ze as g, Qe as h, pn as i, Jt as l, $e as m, hn as n, Wt as o, ct as p, mn as r, Gt as s, gn as t, qt as u, qe as v, Ue as x, Ke as y };
 
-//# sourceMappingURL=data-z3Uc9FSI.js.map
+//# sourceMappingURL=data-DKrj_Hx6.js.map