@banzamel/mineralui 1.0.2 → 1.0.4

package/dist/data-Bp3Fd2Al.js

@@ -0,0 +1,2529 @@
+import { t as e } from "./MCloseIcon-lDH3Vc10.js";
+import { t } from "./MChevronRightIcon-CXs8IHiV.js";
+import { a as n, c as r, d as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "./MChatIcon-CnDOfqkO.js";
+import { A as p, C as m, D as h, E as g, O as _, S as v, T as y, _ as b, a as x, b as S, c as C, d as w, f as T, g as E, h as D, i as O, j as k, k as A, l as j, m as M, n as N, o as P, p as ee, s as te, t as ne, v as re, w as ie, x as ae, y as F } from "./MFileExtIcons-BoG3GPxg.js";
+import { t as oe } from "./MEllipsisVerticalIcon-CNn1AQ8W.js";
+import { t as I } from "./cn-DZLxql0l.js";
+import { t as L } from "./MPortal-CbpNkzfC.js";
+import { t as R } from "./MPopover-DKBdLfrw.js";
+import { r as se, t as z } from "./MButton-33EzpGvQ.js";
+import { t as B } from "./MBadge-BjZX0MIC.js";
+import { n as ce, t as V } from "./MText-C0FdseW1.js";
+import { t as le } from "./MSubText-uvcBr9Ba.js";
+import { n as ue, r as H } from "./MSkeleton-BL4C5FkH.js";
+import { t as de } from "./locale-Crzgecoe.js";
+import { t as fe } from "./MTimeAgo-DrDs52Y1.js";
+import { t as U } from "./MImage-CKrjXRmf.js";
+import { t as W } from "./MAvatar-Blh5pfSO.js";
+import { t as pe } from "./MModal-D1Knn-bg.js";
+import { i as me, r as he } from "./MDropdownMenu-BgOiM5yr.js";
+import { t as ge } from "./MInputSearch-BeXUh4lz.js";
+import { a as _e, c as ve, d as ye, f as be, i as xe, l as Se, n as Ce, o as we, r as Te, s as G, u as Ee } from "./MSparkline-DjcDtnZH.js";
+import { a as De, r as Oe, t as ke } from "./frameworkTexts-5_DBGFFg.js";
+import { n as Ae } from "./MPagination-CbkRMnL1.js";
+import { t as je } from "./MStack-DhdMFSUL.js";
+import { t as Me } from "./MCheckbox-CugP7F6H.js";
+import { Children as Ne, createContext as Pe, isValidElement as Fe, useCallback as K, useContext as Ie, useEffect as Le, useMemo as q, useRef as J, useState as Y } from "react";
+import { Fragment as Re, 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);
+}
+//#endregion
+//#region src/components/data/MChat/MChat.tsx
+function Ve(e, t) {
+	return Fe(e) && !!e.type[t];
+}
+function He({ variant: e = "inline", open: t, onToggle: n, unreadCount: r, color: i = "primary", className: a, children: o, ...s }) {
+	let c = null, l = null, u = [];
+	Ne.forEach(o, (e) => {
+		if (Ve(e, "__chatHeader")) {
+			c = e;
+			return;
+		}
+		if (Ve(e, "__chatConversationList")) {
+			l = e;
+			return;
+		}
+		u.push(e);
+	});
+	let f = q(() => ({ color: i }), [i]), p = /* @__PURE__ */ X(ze.Provider, {
+		value: f,
+		children: /* @__PURE__ */ Z("div", {
+			className: I("chat", e, `color-${i}`, e === "floating" && t && "open", a),
+			...s,
+			children: [l && /* @__PURE__ */ X("div", {
+				className: "chat-sidebar",
+				children: l
+			}), /* @__PURE__ */ Z("div", {
+				className: "chat-main",
+				children: [c, u]
+			})]
+		})
+	});
+	return e === "floating" ? /* @__PURE__ */ X(L, { children: /* @__PURE__ */ Z("div", {
+		className: I("chat-floating-wrapper", t && "open"),
+		children: [t && p, /* @__PURE__ */ X(z, {
+			variant: "filled",
+			color: i,
+			shape: "circle",
+			size: "lg",
+			className: "chat-floating-trigger",
+			onClick: n,
+			"aria-label": t ? "Close chat" : "Open chat",
+			badge: !t && r ? r : void 0,
+			badgeColor: "error",
+			badgePulsing: !t && !!r,
+			children: /* @__PURE__ */ X(d, {})
+		})]
+	}) }) : p;
+}
+//#endregion
+//#region src/components/data/MChat/MChatHeader.tsx
+function Ue({ 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;
+//#endregion
+//#region src/components/data/MChat/MChatMessage.tsx
+function We({ status: e }) {
+	if (!e) return null;
+	let t = e === "delivered" || e === "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 }) {
+	let { content: o, sender: s, timestamp: c, status: l, isOwn: u, images: d } = e;
+	return /* @__PURE__ */ Z("div", {
+		className: I("chat-message", u && "own", r || void 0, i),
+		...a,
+		children: [t && !u && /* @__PURE__ */ X(W, {
+			src: s.avatar,
+			name: s.name,
+			size: "sm",
+			color: r,
+			className: "chat-message-avatar"
+		}), /* @__PURE__ */ Z("div", {
+			className: "chat-message-content",
+			children: [
+				!u && /* @__PURE__ */ X(V, {
+					className: "chat-message-sender",
+					color: "neutral",
+					children: s.name
+				}),
+				/* @__PURE__ */ Z("div", {
+					className: "chat-message-bubble",
+					children: [o && /* @__PURE__ */ X(V, { 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(U, {
+							src: e,
+							alt: "",
+							fit: "cover",
+							rounded: !0,
+							className: "chat-message-image"
+						}, t))
+					})]
+				}),
+				/* @__PURE__ */ Z("div", {
+					className: "chat-message-meta",
+					children: [u && /* @__PURE__ */ X(We, { status: l }), n && /* @__PURE__ */ X(le, {
+						className: "chat-message-time",
+						children: /* @__PURE__ */ X(fe, { value: 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 = J(null), u = J(!0), d = J(0), f = K(() => {
+		let e = l.current;
+		e && (e.scrollTop = e.scrollHeight);
+	}, []);
+	return Le(() => {
+		let t = e?.length ?? 0;
+		t > d.current && u.current && f(), d.current = t;
+	}, [e?.length, f]), Le(() => {
+		f();
+	}, [f]), /* @__PURE__ */ Z("div", {
+		ref: l,
+		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__ */ X("div", {
+				className: "chat-body-loader",
+				children: /* @__PURE__ */ X(se, { size: "sm" })
+			}),
+			e?.map((e) => /* @__PURE__ */ X(Ge, {
+				message: e,
+				color: c
+			}, e.id)),
+			a
+		]
+	});
+}
+//#endregion
+//#region src/components/data/MChat/emojis.ts
+var qe = [
+	{
+		label: "Smileys",
+		emojis: /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.😊.😇.🥰.😍.🤩.😘.😗.😋.😛.😜.🤪.😝.🤗.🤔.🫡.🤐.🤨.😐.😑.😶.🫠.😏.😒.🙄.😬.😮‍💨.🤥.😌.😔.😪.🤤.😴.😷.🤒.🤕.🤢.🤮.🤧.🥵.🥶.😵.🤯.🥳.🥸.😎.🤓.🧐".split(".")
+	},
+	{
+		label: "Gestures",
+		emojis: /* @__PURE__ */ "👋.🤚.🖐️.✋.🖖.🫱.🫲.👌.🤌.🤏.✌️.🤞.🫰.🤟.🤘.🤙.👈.👉.👆.👇.☝️.👍.👎.✊.👊.🤛.🤜.👏.🙌.🫶.👐.🤝".split(".")
+	},
+	{
+		label: "Hearts",
+		emojis: [
+			"❤️",
+			"🧡",
+			"💛",
+			"💚",
+			"💙",
+			"💜",
+			"🖤",
+			"🤍",
+			"🤎",
+			"💔",
+			"❤️‍🔥",
+			"❤️‍🩹",
+			"💕",
+			"💞",
+			"💓",
+			"💗",
+			"💖",
+			"💘",
+			"💝",
+			"💟"
+		]
+	},
+	{
+		label: "Objects",
+		emojis: [
+			"🔥",
+			"✨",
+			"🌟",
+			"💫",
+			"⚡",
+			"💥",
+			"🎉",
+			"🎊",
+			"🏆",
+			"🥇",
+			"🎯",
+			"💡",
+			"📌",
+			"📎",
+			"✅",
+			"❌",
+			"⭐",
+			"💬",
+			"👁️‍🗨️",
+			"🔔"
+		]
+	}
+], Je = "image/png,image/jpeg,image/gif,image/webp";
+function Ye({ onSend: t, placeholder: n = "Type a message…", disabled: r = !1, showEmoji: i = !0, showAttach: a = !0, onTyping: o, color: c, className: l, ...u }) {
+	let { color: d } = Be(), p = c ?? d, [m, h] = Y(""), [g, _] = Y(!1), [v, y] = Y([]), [b, x] = Y([]), [S, C] = Y(!1), w = J(null), T = J(null), E = J(null), D = J(!1), O = J(void 0), k = K((e) => {
+		let t = e.filter((e) => e.type.startsWith("image/"));
+		t.length !== 0 && (y((e) => [...e, ...t]), t.forEach((e) => {
+			let t = URL.createObjectURL(e);
+			x((e) => [...e, t]);
+		}));
+	}, []), A = K((e) => {
+		x((t) => (URL.revokeObjectURL(t[e]), t.filter((t, n) => n !== e))), y((t) => t.filter((t, n) => n !== e));
+	}, []);
+	Le(() => () => b.forEach((e) => URL.revokeObjectURL(e)), []);
+	let j = K(() => {
+		let e = m.trim();
+		!e && v.length === 0 || r || (t?.(e, v.length > 0 ? v : void 0), h(""), y([]), x((e) => (e.forEach((e) => URL.revokeObjectURL(e)), [])), w.current && (w.current.style.height = "auto"), D.current && (D.current = !1, o?.(!1)));
+	}, [
+		m,
+		v,
+		r,
+		t,
+		o
+	]), M = (e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), j());
+	}, N = (e) => {
+		h(e.target.value), P(e.target), o && (D.current || (D.current = !0, o(!0)), clearTimeout(O.current), O.current = setTimeout(() => {
+			D.current = !1, o(!1);
+		}, 1500));
+	}, P = (e) => {
+		e.style.height = "auto", e.style.height = Math.min(e.scrollHeight, 120) + "px";
+	};
+	Le(() => () => clearTimeout(O.current), []);
+	let ee = (e) => {
+		h((t) => t + e), _(!1), w.current?.focus();
+	}, te = (e) => {
+		e.preventDefault(), C(!0);
+	}, ne = (e) => {
+		e.preventDefault(), C(!1);
+	}, re = (e) => {
+		e.preventDefault(), C(!1), k(Array.from(e.dataTransfer.files));
+	}, ie = () => {
+		let e = E.current?.files;
+		e && k(Array.from(e)), E.current && (E.current.value = "");
+	}, ae = m.trim() || v.length > 0;
+	return /* @__PURE__ */ Z("div", {
+		className: I("chat-input", S && "drag-over", l),
+		onDragOver: te,
+		onDragLeave: ne,
+		onDrop: re,
+		...u,
+		children: [b.length > 0 && /* @__PURE__ */ X("div", {
+			className: "chat-input-previews",
+			children: b.map((t, n) => /* @__PURE__ */ Z("div", {
+				className: "chat-input-preview",
+				children: [/* @__PURE__ */ X(U, {
+					src: t,
+					alt: "",
+					fit: "cover",
+					rounded: !0,
+					className: "chat-input-preview-img"
+				}), /* @__PURE__ */ X("button", {
+					type: "button",
+					className: "chat-input-preview-remove",
+					onClick: () => A(n),
+					"aria-label": "Remove image",
+					children: /* @__PURE__ */ X(e, {})
+				})]
+			}, n))
+		}), /* @__PURE__ */ Z("div", {
+			className: "chat-input-field",
+			children: [
+				i && /* @__PURE__ */ Z(Re, { children: [/* @__PURE__ */ X("button", {
+					ref: T,
+					type: "button",
+					className: "chat-input-emoji-trigger",
+					onClick: () => _((e) => !e),
+					"aria-label": "Emoji",
+					disabled: r,
+					children: "😊"
+				}), /* @__PURE__ */ X(R, {
+					open: g,
+					anchorRef: T,
+					onClose: () => _(!1),
+					placement: "top-start",
+					children: /* @__PURE__ */ X("div", {
+						className: "chat-emoji-picker",
+						children: qe.map((e) => /* @__PURE__ */ Z("div", {
+							className: "chat-emoji-category",
+							children: [/* @__PURE__ */ X("div", {
+								className: "chat-emoji-category-label",
+								children: e.label
+							}), /* @__PURE__ */ X("div", {
+								className: "chat-emoji-grid",
+								children: e.emojis.map((e) => /* @__PURE__ */ X("button", {
+									type: "button",
+									className: "chat-emoji-btn",
+									onClick: () => ee(e),
+									children: e
+								}, e))
+							})]
+						}, e.label))
+					})
+				})] }),
+				a && /* @__PURE__ */ Z(Re, { children: [/* @__PURE__ */ X("input", {
+					ref: E,
+					type: "file",
+					accept: Je,
+					multiple: !0,
+					className: "chat-input-file-hidden",
+					onChange: ie,
+					tabIndex: -1
+				}), /* @__PURE__ */ X("button", {
+					type: "button",
+					className: "chat-input-attach-trigger",
+					onClick: () => E.current?.click(),
+					"aria-label": "Attach image",
+					disabled: r,
+					children: /* @__PURE__ */ X(f, { color: "inherit" })
+				})] }),
+				/* @__PURE__ */ X("textarea", {
+					ref: w,
+					className: "chat-input-textarea",
+					value: m,
+					onChange: N,
+					onKeyDown: M,
+					placeholder: n,
+					disabled: r,
+					rows: 1
+				}),
+				/* @__PURE__ */ X(z, {
+					variant: "filled",
+					size: "sm",
+					color: p ?? "primary",
+					iconOnly: !0,
+					shape: "circle",
+					className: "chat-input-send",
+					onClick: j,
+					disabled: r || !ae,
+					"aria-label": "Send",
+					children: /* @__PURE__ */ X(s, {})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/data/MChat/MChatTypingIndicator.tsx
+function Xe({ 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__ */ Z("div", {
+		className: I("chat-typing", n),
+		"aria-label": i,
+		...r,
+		children: [e.length === 1 && /* @__PURE__ */ X(W, {
+			src: e[0].avatar,
+			name: e[0].name,
+			size: "sm",
+			className: "chat-typing-avatar"
+		}), /* @__PURE__ */ Z("div", {
+			className: "chat-typing-dots",
+			children: [
+				/* @__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__ */ X("div", {
+		className: I("chat-conversation-list", e),
+		...n,
+		children: t
+	});
+}
+Ze.__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__ */ Z("div", {
+		className: I("chat-conversation-item", t && "active", i),
+		onClick: () => r?.(e),
+		role: "button",
+		tabIndex: 0,
+		onKeyDown: (t) => {
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), r?.(e));
+		},
+		...a,
+		children: [/* @__PURE__ */ X(W, {
+			src: p?.avatar,
+			name: p?.name,
+			size: "md",
+			color: s,
+			badge: m,
+			badgeColor: "success",
+			className: "chat-conversation-avatar"
+		}), /* @__PURE__ */ Z("div", {
+			className: "chat-conversation-info",
+			children: [/* @__PURE__ */ Z("div", {
+				className: "chat-conversation-top",
+				children: [/* @__PURE__ */ X(V, {
+					className: "chat-conversation-name",
+					children: f
+				}), u && /* @__PURE__ */ X(le, {
+					className: "chat-conversation-time",
+					children: /* @__PURE__ */ X(fe, { value: u.timestamp })
+				})]
+			}), u && /* @__PURE__ */ Z("div", {
+				className: "chat-conversation-bottom",
+				children: [/* @__PURE__ */ Z(le, {
+					className: "chat-conversation-preview",
+					children: [u.isOwn ? "You: " : "", u.content]
+				}), !!d && d > 0 && /* @__PURE__ */ X(B, {
+					color: s ?? "primary",
+					size: "sm",
+					rounded: !0,
+					children: d
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/data/MTreeView/MTreeView.tsx
+var $e = {
+	pdf: /* @__PURE__ */ X(A, {}),
+	ts: /* @__PURE__ */ X(S, {}),
+	tsx: /* @__PURE__ */ X(ae, {}),
+	js: /* @__PURE__ */ X(C, {}),
+	jsx: /* @__PURE__ */ X(h, {}),
+	css: /* @__PURE__ */ X(ne, {}),
+	scss: /* @__PURE__ */ X(ne, {}),
+	html: /* @__PURE__ */ X(P, {}),
+	json: /* @__PURE__ */ X(j, {}),
+	md: /* @__PURE__ */ X(w, {}),
+	txt: /* @__PURE__ */ X(v, {}),
+	csv: /* @__PURE__ */ X(N, {}),
+	zip: /* @__PURE__ */ X(g, {}),
+	rar: /* @__PURE__ */ X(re, {}),
+	svg: /* @__PURE__ */ X(F, {}),
+	png: /* @__PURE__ */ X(E, {}),
+	jpg: /* @__PURE__ */ X(te, {}),
+	jpeg: /* @__PURE__ */ X(_, {}),
+	gif: /* @__PURE__ */ X(x, {}),
+	webp: /* @__PURE__ */ X(m, {}),
+	php: /* @__PURE__ */ X(D, {}),
+	xml: /* @__PURE__ */ X(y, {}),
+	xls: /* @__PURE__ */ X(ie, {}),
+	ppt: /* @__PURE__ */ X(b, {}),
+	odt: /* @__PURE__ */ X(M, {}),
+	exe: /* @__PURE__ */ X(O, {}),
+	mp3: /* @__PURE__ */ X(T, {}),
+	mp4: /* @__PURE__ */ X(ee, {})
+};
+function et(e) {
+	let t = e.lastIndexOf(".");
+	return t < 1 ? null : e.slice(t + 1).toLowerCase();
+}
+function tt(e) {
+	return e.kind === "folder" || !!e.children?.length;
+}
+function nt(e) {
+	let t = et(e);
+	return t ? $e[t] ?? /* @__PURE__ */ X(p, {}) : /* @__PURE__ */ X(k, {});
+}
+function rt(e, t, n) {
+	return e.icon ? e.icon : n ? tt(e) ? X(t ? r : o, {}) : nt(e.label) : null;
+}
+function it(e) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+	function r(e) {
+		t.set(e.id, e);
+		let i = /* @__PURE__ */ new Set();
+		for (let t of e.children ?? []) i.add(t.id), r(t).forEach((e) => i.add(e));
+		return n.set(e.id, i), i;
+	}
+	return e.forEach(r), {
+		nodeMap: t,
+		descendants: n
+	};
+}
+function at(e, t) {
+	return typeof window > "u" ? {
+		x: e,
+		y: t
+	} : {
+		x: Math.max(8, Math.min(e, window.innerWidth - 220)),
+		y: Math.max(8, Math.min(t, window.innerHeight - 16))
+	};
+}
+function ot({ node: e, level: n, expandable: r, selectable: i, expandedIds: a, selectedId: o, draggedId: s, dropTargetId: c, onToggle: l, onSelect: u, indent: d, showLines: f, fileIcons: p, draggable: m, canDropOnNode: h, onContextMenu: g, onDragStart: _, onDragOver: v, onDrop: y, onDragEnd: b }) {
+	let x = tt(e), S = a.has(e.id), C = o === e.id, w = s === e.id, T = c === e.id, E = h?.(e), D = rt(e, S, !!p);
+	return /* @__PURE__ */ Z("li", {
+		role: "treeitem",
+		"aria-expanded": x ? S : void 0,
+		children: [/* @__PURE__ */ Z("div", {
+			className: I("item", C && "selected", e.disabled && "disabled", i && !e.disabled && "selectable", m && !e.disabled && "draggable", w && "dragging", E && "can-drop", T && "drop-target"),
+			style: { paddingLeft: n * d },
+			draggable: m && !e.disabled,
+			onClick: () => {
+				e.disabled || (x && r && l(e.id), i && u?.(e.id, e));
+			},
+			onContextMenu: (t) => g?.(t, e),
+			onDragStart: (t) => _?.(t, e),
+			onDragOver: (t) => v?.(t, e),
+			onDrop: (t) => y?.(t, e),
+			onDragEnd: b,
+			children: [
+				/* @__PURE__ */ X("span", {
+					className: "toggle",
+					children: x && r ? /* @__PURE__ */ X("span", {
+						className: I("arrow", S && "expanded"),
+						children: /* @__PURE__ */ X(t, {})
+					}) : /* @__PURE__ */ X("span", { className: "spacer" })
+				}),
+				D && /* @__PURE__ */ X("span", {
+					className: "icon",
+					children: D
+				}),
+				/* @__PURE__ */ X("span", {
+					className: "label",
+					children: e.label
+				})
+			]
+		}), x && S && /* @__PURE__ */ X("ul", {
+			className: "list",
+			role: "group",
+			style: f ? { "--line-left": `${n * d + 17}px` } : void 0,
+			children: (e.children ?? []).map((e) => /* @__PURE__ */ X(ot, {
+				node: e,
+				level: n + 1,
+				expandable: r,
+				selectable: i,
+				expandedIds: a,
+				selectedId: o,
+				draggedId: s,
+				dropTargetId: c,
+				onToggle: l,
+				onSelect: u,
+				indent: d,
+				showLines: f,
+				fileIcons: p,
+				draggable: m,
+				canDropOnNode: h,
+				onContextMenu: g,
+				onDragStart: _,
+				onDragOver: v,
+				onDrop: y,
+				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] = 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: N } = it(e), P = S ? M.get(S) ?? null : null;
+	Le(() => {
+		if (!E) return;
+		function e(e) {
+			e && O.current && O.current.contains(e.target) || D(null);
+		}
+		function t(e) {
+			e.key === "Escape" && D(null);
+		}
+		return document.addEventListener("mousedown", e), document.addEventListener("scroll", e, !0), window.addEventListener("resize", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), document.removeEventListener("keydown", t);
+		};
+	}, [E]);
+	function ee(e) {
+		let t = A.has(e) ? k.filter((t) => t !== e) : [...k, e];
+		a ? a(t) : y(t);
+	}
+	function te(e, t) {
+		s ? s(e, t) : x(e);
+	}
+	function ne() {
+		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, 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);
+		D({
+			node: t,
+			items: n,
+			x: r.x,
+			y: r.y
+		});
+	}
+	function ae(e, t) {
+		!d || t.disabled || (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.id), D(null), C(t.id));
+	}
+	function F(e, t) {
+		re(t) && (e.preventDefault(), e.dataTransfer.dropEffect = "move", T(t.id));
+	}
+	function oe(e, n) {
+		if (e.preventDefault(), !P || !re(n)) {
+			ne();
+			return;
+		}
+		p?.({
+			draggedId: P.id,
+			draggedNode: P,
+			targetId: n.id,
+			targetNode: n
+		}), t && !A.has(n.id) && ee(n.id), ne();
+	}
+	return /* @__PURE__ */ Z("div", {
+		className: I("tree", l && "lines", g),
+		..._,
+		children: [/* @__PURE__ */ X("ul", {
+			className: "list",
+			role: "tree",
+			children: e.map((e) => /* @__PURE__ */ X(ot, {
+				node: e,
+				level: 0,
+				expandable: t,
+				selectable: n,
+				expandedIds: A,
+				selectedId: j,
+				draggedId: S,
+				dropTargetId: w,
+				onToggle: ee,
+				onSelect: te,
+				indent: c,
+				showLines: l,
+				fileIcons: u,
+				draggable: d,
+				canDropOnNode: re,
+				onContextMenu: ie,
+				onDragStart: ae,
+				onDragOver: F,
+				onDrop: oe,
+				onDragEnd: ne
+			}, e.id))
+		}), E && /* @__PURE__ */ X(L, { children: /* @__PURE__ */ X("div", {
+			ref: O,
+			className: "tree menu",
+			style: {
+				top: E.y,
+				left: E.x
+			},
+			role: "menu",
+			children: E.items.map((e) => /* @__PURE__ */ Z("button", {
+				type: "button",
+				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__ */ X("span", {
+					className: "icon",
+					children: e.icon
+				}), /* @__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__ */ X("div", {
+		className: I("task list", `color-${t}`, i),
+		role: "list",
+		...a,
+		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__ */ X(Me, {
+				className: "task control",
+				checked: e.checked ?? !1,
+				color: t,
+				size: "sm",
+				disabled: e.disabled,
+				onChange: (t) => r?.(e.id, t.target.checked),
+				clickEffect: "ripple"
+			}), /* @__PURE__ */ X("span", {
+				className: I("task label", e.checked && n && "done"),
+				children: e.label
+			})]
+		}, e.id))
+	});
+}
+//#endregion
+//#region src/components/data/MFileManager/MFileManager.tsx
+var lt = {
+	pdf: /* @__PURE__ */ X(A, {}),
+	ts: /* @__PURE__ */ X(S, {}),
+	tsx: /* @__PURE__ */ X(ae, {}),
+	js: /* @__PURE__ */ X(C, {}),
+	jsx: /* @__PURE__ */ X(h, {}),
+	css: /* @__PURE__ */ X(ne, {}),
+	scss: /* @__PURE__ */ X(ne, {}),
+	html: /* @__PURE__ */ X(P, {}),
+	json: /* @__PURE__ */ X(j, {}),
+	md: /* @__PURE__ */ X(w, {}),
+	txt: /* @__PURE__ */ X(v, {}),
+	csv: /* @__PURE__ */ X(N, {}),
+	zip: /* @__PURE__ */ X(g, {}),
+	rar: /* @__PURE__ */ X(re, {}),
+	svg: /* @__PURE__ */ X(F, {}),
+	png: /* @__PURE__ */ X(E, {}),
+	jpg: /* @__PURE__ */ X(te, {}),
+	jpeg: /* @__PURE__ */ X(_, {}),
+	gif: /* @__PURE__ */ X(x, {}),
+	webp: /* @__PURE__ */ X(m, {}),
+	php: /* @__PURE__ */ X(D, {}),
+	xml: /* @__PURE__ */ X(y, {}),
+	xls: /* @__PURE__ */ X(ie, {}),
+	ppt: /* @__PURE__ */ X(b, {}),
+	odt: /* @__PURE__ */ X(M, {}),
+	exe: /* @__PURE__ */ X(O, {}),
+	mp3: /* @__PURE__ */ X(T, {}),
+	mp4: /* @__PURE__ */ X(ee, {})
+};
+function ut(e) {
+	let t = e.lastIndexOf(".");
+	return t < 1 ? null : e.slice(t + 1).toLowerCase();
+}
+function Q(e) {
+	return e?.kind === "folder" || !!e?.children?.length;
+}
+function dt(e) {
+	let t = ut(e);
+	return t ? lt[t] ?? /* @__PURE__ */ X(p, {}) : /* @__PURE__ */ X(k, {});
+}
+function ft(e, t = !1) {
+	return e.icon ? e.icon : Q(e) ? X(t ? r : o, {}) : dt(e.label);
+}
+function pt(e) {
+	if (!e || e < 1) return null;
+	let t = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], n = e, r = 0;
+	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
+	let i = n >= 100 || r === 0 ? 0 : 1;
+	return `${n.toFixed(i)} ${t[r]}`;
+}
+function mt(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, {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	}).format(n);
+}
+function ht(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);
+	}
+	return r(e, null), {
+		nodeMap: t,
+		parentMap: n
+	};
+}
+function gt(e) {
+	return e.flatMap((e) => Q(e) ? [{
+		...e,
+		kind: "folder",
+		children: gt(e.children ?? [])
+	}] : []);
+}
+function _t(e, t, n) {
+	let r = [], i = e;
+	for (; i;) {
+		let e = t.get(i);
+		if (!e) break;
+		r.unshift(e), i = n.get(i) ?? null;
+	}
+	return r;
+}
+function vt(e, t, n) {
+	if (!e) return null;
+	let r = t.get(e);
+	return r ? Q(r) ? r.id : n.get(r.id) ?? null : null;
+}
+function yt(e, t) {
+	return e ? e.children ?? [] : t;
+}
+function bt(e, t, n, r, i) {
+	let a = e ? t.get(e) ?? null : null, o = a ? n.get(a.id) ?? null : null;
+	return {
+		id: e,
+		node: a,
+		parentId: o,
+		parentNode: o ? t.get(o) ?? null : null,
+		activeFolderId: r,
+		activeFolder: i
+	};
+}
+function xt(e, t) {
+	return [
+		...Q(e) ? [] : [{
+			id: "download",
+			label: t.download,
+			icon: /* @__PURE__ */ X(l, {}),
+			color: "primary"
+		}],
+		{
+			id: "rename",
+			label: t.rename,
+			icon: /* @__PURE__ */ X(a, {})
+		},
+		{
+			id: "move",
+			label: t.moveTo,
+			icon: /* @__PURE__ */ X(i, {})
+		},
+		{
+			id: "delete",
+			label: t.delete,
+			icon: /* @__PURE__ */ X(n, {}),
+			color: "error"
+		}
+	];
+}
+function St(e, t) {
+	return [...Q(e) ? [{
+		id: "new-folder",
+		label: t.newFolder,
+		icon: /* @__PURE__ */ X(u, {})
+	}] : [], ...xt(e, t)];
+}
+function Ct({ items: e, locale: t, defaultExpanded: n = [], expanded: r, onExpandChange: i, folderId: a, defaultFolderId: o = null, onFolderChange: s, selectedId: l, onSelectionChange: u, view: d, defaultView: f = "list", onViewChange: p, searchValue: m, defaultSearchValue: h = "", onSearchChange: g, searchable: _ = !0, searchPlaceholder: v, showSidebar: y = !0, showPreview: b = !0, emptyText: x, toolbarActions: S = [], onToolbarAction: C, onOpenItem: w, onItemAction: T, onContextMenuAction: E, canDrop: D, onMove: O, renderPreview: k, className: A, ...j }) {
+	let M = de(t), N = De(), [P, ee] = Y(o), [te, ne] = Y(null), [re, ie] = Y(f), [ae, F] = Y(h), { nodeMap: L, parentMap: R } = q(() => ht(e), [e]), se = q(() => gt(e), [e]), ce = vt(a === void 0 ? P : a, L, R), le = ce ? L.get(ce) ?? null : null, ue = l === void 0 ? te : l, H = ue ? L.get(ue) ?? null : null, fe = H ? H.id : null, U = d ?? re, W = m ?? ae, pe = yt(le, e), _e = W.trim().toLowerCase(), ve = _t(ce, L, R), ye = v ?? N.searchPlaceholder, be = x ?? N.emptyText, xe = !!(T || E), Se = q(() => _e ? pe.filter((e) => e.label.toLowerCase().includes(_e)) : pe, [pe, _e]);
+	function Ce(e) {
+		let t = vt(e, L, R), n = t ? L.get(t) ?? null : null;
+		s ? s(t, n) : ee(t);
+	}
+	function we(e, t = ce, n = le) {
+		let r = bt(e, L, R, t, n);
+		u ? u(r) : ne(e);
+	}
+	function Te(e) {
+		p ? p(e) : ie(e);
+	}
+	function G(e) {
+		g ? g(e) : F(e);
+	}
+	function Ee(e, t) {
+		Ce(e), we(e, t.id, t);
+	}
+	function Oe(e) {
+		if (Q(e)) {
+			Ce(e.id), we(e.id, e.id, e);
+			return;
+		}
+		we(e.id);
+	}
+	function ke(e) {
+		C && C({
+			...bt(fe, L, R, ce, le),
+			actionId: e,
+			visibleItems: Se
+		});
+	}
+	function Me(e, t) {
+		(T ?? E)?.(e, t);
+	}
+	function Ne(e, t) {
+		(E ?? T)?.(e, t);
+	}
+	function Pe(e) {
+		let t = [], n = pt(e.size), r = mt(e.modifiedAt, M);
+		return Q(e) && t.push(N.itemsCount(e.children?.length ?? 0)), n && t.push(n), r && t.push(r), t.join(" / ");
+	}
+	return /* @__PURE__ */ Z("div", {
+		className: I("file-manager", !y && "no-sidebar", !b && "no-preview", A),
+		...j,
+		children: [/* @__PURE__ */ Z("div", {
+			className: "toolbar",
+			children: [/* @__PURE__ */ Z("div", {
+				className: "toolbar-main",
+				children: [/* @__PURE__ */ Z("div", {
+					className: "breadcrumbs",
+					children: [/* @__PURE__ */ Z("button", {
+						type: "button",
+						className: "breadcrumb root",
+						onClick: () => Ce(null),
+						children: [/* @__PURE__ */ X(c, {}), /* @__PURE__ */ X(V, {
+							as: "span",
+							weight: "semibold",
+							children: N.home
+						})]
+					}), ve.map((e) => /* @__PURE__ */ Z("div", {
+						className: "breadcrumbs",
+						children: [/* @__PURE__ */ X("span", {
+							className: "breadcrumb-separator",
+							children: "/"
+						}), /* @__PURE__ */ X("button", {
+							type: "button",
+							className: "breadcrumb",
+							onClick: () => Ce(e.id),
+							children: /* @__PURE__ */ X(V, {
+								as: "span",
+								children: e.label
+							})
+						})]
+					}, e.id))]
+				}), _ && /* @__PURE__ */ X(ge, {
+					className: "toolbar-search",
+					size: "sm",
+					placeholder: ye,
+					value: W,
+					onChange: (e) => G(e.target.value),
+					onClear: () => G("")
+				})]
+			}), /* @__PURE__ */ Z("div", {
+				className: "toolbar-actions",
+				children: [S.map((e) => /* @__PURE__ */ X(z, {
+					size: "sm",
+					variant: e.variant ?? "ghost",
+					color: e.color,
+					disabled: e.disabled,
+					onClick: () => ke(e.id),
+					startIcon: e.icon,
+					children: e.label
+				}, e.id)), /* @__PURE__ */ Z("div", {
+					className: "view-switch",
+					children: [/* @__PURE__ */ X(z, {
+						size: "sm",
+						variant: U === "list" ? "secondary" : "ghost",
+						onClick: () => Te("list"),
+						children: N.listView
+					}), /* @__PURE__ */ X(z, {
+						size: "sm",
+						variant: U === "grid" ? "secondary" : "ghost",
+						onClick: () => Te("grid"),
+						children: N.gridView
+					})]
+				})]
+			})]
+		}), /* @__PURE__ */ Z("div", {
+			className: "body",
+			children: [
+				y && /* @__PURE__ */ Z("aside", {
+					className: "panel",
+					children: [/* @__PURE__ */ Z("div", {
+						className: "panel-header",
+						children: [/* @__PURE__ */ X(V, {
+							weight: "semibold",
+							children: N.folders
+						}), /* @__PURE__ */ X(B, {
+							size: "sm",
+							color: "info",
+							children: se.length
+						})]
+					}), /* @__PURE__ */ X("div", {
+						className: "panel-body sidebar-body",
+						children: se.length > 0 ? /* @__PURE__ */ X(st, {
+							items: se,
+							selectable: !0,
+							fileIcons: !0,
+							defaultExpanded: n,
+							expanded: r,
+							onExpandChange: i,
+							selected: ce,
+							onSelect: (e, t) => Ee(e, t),
+							draggable: !!O,
+							canDrop: D ? (e, t) => D(e, t) : void 0,
+							onMove: O ? (e) => O({
+								draggedId: e.draggedId,
+								draggedNode: e.draggedNode,
+								targetId: e.targetId,
+								targetNode: e.targetNode
+							}) : void 0,
+							contextMenuItems: xe ? (e) => St(e, N) : void 0,
+							onContextMenuAction: xe ? (e, t) => Ne(e, t) : void 0
+						}) : /* @__PURE__ */ X("div", {
+							className: "empty-state",
+							children: N.noFoldersAvailable
+						})
+					})]
+				}),
+				/* @__PURE__ */ Z("section", {
+					className: "panel",
+					children: [/* @__PURE__ */ Z("div", {
+						className: "panel-header",
+						children: [/* @__PURE__ */ Z(Ae, {
+							align: "center",
+							wrap: "wrap",
+							children: [/* @__PURE__ */ X(V, {
+								weight: "semibold",
+								children: le?.label ?? N.home
+							}), /* @__PURE__ */ X(B, {
+								size: "sm",
+								children: Se.length
+							})]
+						}), /* @__PURE__ */ X(V, {
+							size: "sm",
+							tone: "muted",
+							children: _e ? N.filteredBy(W) : N.currentFolder
+						})]
+					}), /* @__PURE__ */ X("div", {
+						className: "panel-body",
+						children: Se.length > 0 ? /* @__PURE__ */ X("div", {
+							className: I("content-items", U),
+							children: Se.map((e) => {
+								let t = fe === e.id, n = Pe(e), r = xe ? xt(e, N) : [];
+								return /* @__PURE__ */ Z("div", {
+									className: I("item-card", t && "selected"),
+									children: [/* @__PURE__ */ Z("button", {
+										type: "button",
+										className: "item-card-main",
+										onClick: () => Oe(e),
+										onDoubleClick: () => w?.(e),
+										children: [/* @__PURE__ */ X("span", {
+											className: "item-icon",
+											children: ft(e)
+										}), /* @__PURE__ */ Z("span", {
+											className: "item-text",
+											children: [
+												/* @__PURE__ */ X(V, {
+													as: "span",
+													weight: "semibold",
+													truncate: !0,
+													children: e.label
+												}),
+												e.description ? /* @__PURE__ */ X(V, {
+													as: "span",
+													size: "sm",
+													tone: "muted",
+													truncate: 2,
+													children: e.description
+												}) : null,
+												/* @__PURE__ */ Z("span", {
+													className: "item-meta",
+													children: [/* @__PURE__ */ X(B, {
+														size: "sm",
+														color: Q(e) ? "info" : "primary",
+														children: Q(e) ? N.folder : N.file
+													}), n ? /* @__PURE__ */ X(V, {
+														as: "span",
+														size: "sm",
+														tone: "muted",
+														truncate: !0,
+														children: n
+													}) : null]
+												})
+											]
+										})]
+									}), r.length > 0 ? /* @__PURE__ */ X("div", {
+										className: "item-card-actions",
+										children: /* @__PURE__ */ X(me, {
+											placement: "bottom-end",
+											trigger: /* @__PURE__ */ X(z, {
+												"aria-label": `${N.preview}: ${e.label}`,
+												variant: "ghost",
+												size: "sm",
+												iconOnly: !0,
+												children: /* @__PURE__ */ X(oe, {})
+											}),
+											children: r.map((t) => /* @__PURE__ */ X(he, {
+												icon: t.icon,
+												label: t.label,
+												color: t.color,
+												onClick: () => Me(t.id, e)
+											}, t.id))
+										})
+									}) : null]
+								}, e.id);
+							})
+						}) : /* @__PURE__ */ X("div", {
+							className: "empty-state",
+							children: be
+						})
+					})]
+				}),
+				b && /* @__PURE__ */ Z("aside", {
+					className: "panel",
+					children: [/* @__PURE__ */ Z("div", {
+						className: "panel-header",
+						children: [/* @__PURE__ */ X(V, {
+							weight: "semibold",
+							children: N.preview
+						}), H ? /* @__PURE__ */ X(B, {
+							size: "sm",
+							color: Q(H) ? "info" : "primary",
+							children: Q(H) ? N.folder : N.file
+						}) : null]
+					}), /* @__PURE__ */ X("div", {
+						className: "panel-body",
+						children: H ? /* @__PURE__ */ Z(je, { children: [
+							/* @__PURE__ */ X("div", {
+								className: "preview-visual",
+								children: k ? k(H) : H.preview ? H.preview : /* @__PURE__ */ X("span", {
+									className: "preview-icon",
+									children: ft(H, !0)
+								})
+							}),
+							/* @__PURE__ */ X(V, {
+								weight: "semibold",
+								children: H.label
+							}),
+							H.description ? /* @__PURE__ */ X(V, {
+								size: "sm",
+								tone: "muted",
+								children: H.description
+							}) : null,
+							/* @__PURE__ */ Z("div", {
+								className: "preview-meta",
+								children: [
+									/* @__PURE__ */ X(B, {
+										size: "sm",
+										color: Q(H) ? "info" : "primary",
+										children: Q(H) ? N.folder : N.file
+									}),
+									pt(H.size) ? /* @__PURE__ */ X(B, {
+										size: "sm",
+										children: pt(H.size)
+									}) : null,
+									mt(H.modifiedAt, M) ? /* @__PURE__ */ X(B, {
+										size: "sm",
+										color: "neutral",
+										children: mt(H.modifiedAt, M)
+									}) : null
+								]
+							}),
+							/* @__PURE__ */ Z(V, {
+								size: "sm",
+								tone: "muted",
+								children: [
+									N.path,
+									":",
+									" ",
+									[N.home, ..._t(H.id, L, R).map((e) => e.label)].join(" / ")
+								]
+							})
+						] }) : /* @__PURE__ */ X("div", {
+							className: "preview-empty",
+							children: N.selectItemToInspect
+						})
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/data/MCalendarBoard/MCalendarBoard.tsx
+function $(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+}
+function wt(e) {
+	if (!e) return null;
+	if (e instanceof Date) return $(e);
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? null : $(t);
+}
+function Tt(e) {
+	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+function Et(e) {
+	return wt(e.date);
+}
+function Dt(e, t) {
+	let n = new Date(e);
+	return n.setDate(n.getDate() + t), $(n);
+}
+function Ot(e, t) {
+	let n = $(e);
+	return Dt(n, -((n.getDay() - t + 7) % 7));
+}
+function kt(e) {
+	return [...e].sort((e, t) => {
+		let n = e.startTime ?? "99:99", r = t.startTime ?? "99:99";
+		return n.localeCompare(r);
+	});
+}
+function At(e, t) {
+	let n = Ot(new Date(e.getFullYear(), e.getMonth(), 1), t);
+	return Array.from({ length: 42 }, (e, t) => Dt(n, t));
+}
+function jt(e) {
+	switch (e) {
+		case "active": return "rgba(14, 165, 233, 1)";
+		case "done": return "rgba(34, 197, 94, 1)";
+		case "cancelled": return "rgba(239, 68, 68, 1)";
+		default: return "rgba(245, 158, 11, 1)";
+	}
+}
+function Mt(e, t) {
+	return new Intl.DateTimeFormat(t, {
+		weekday: "long",
+		day: "numeric",
+		month: "long",
+		year: "numeric"
+	}).format(e);
+}
+function Nt(e, t) {
+	let n = Dt(e, 6), r = new Intl.DateTimeFormat(t, {
+		day: "numeric",
+		month: "short"
+	});
+	return `${r.format(e)} - ${r.format(n)}`;
+}
+function Pt(e, t) {
+	return e.startTime && e.endTime ? `${e.startTime} - ${e.endTime}` : e.startTime ? e.startTime : t.allDay;
+}
+function Ft(e, t) {
+	let n = /* @__PURE__ */ new Date(), r = new Date(e);
+	r.setHours(t, 0, 0, 0);
+	let i = new Date(r);
+	return i.setHours(t + 1, 0, 0, 0), i <= n ? "past" : r <= n && i > n ? "active" : "upcoming";
+}
+function It(e) {
+	return kt(e).slice(0, 4).map((e) => /* @__PURE__ */ X("span", {
+		className: "marker",
+		style: { background: e.color ?? jt(e.status) },
+		"aria-hidden": "true"
+	}, e.id));
+}
+function Lt(e, t, n) {
+	if (!t.length || !n.length) return e;
+	let r = t.filter((e) => n.includes(e.id));
+	return r.length ? e.filter((e) => r.some((t) => t.predicate(e))) : e;
+}
+function Rt(e, t, n, r) {
+	return t === "week" ? Nt(Ot(e, r), n) : new Intl.DateTimeFormat(n, {
+		month: "long",
+		year: "numeric"
+	}).format(e);
+}
+function zt(e, t) {
+	return e === "week" ? t.weekView : t.monthView;
+}
+function Bt({ date: e, events: t, locale: n, timelineStartHour: r, timelineEndHour: i, showTimeline: a, emptyStateText: o, renderEventItem: s }) {
+	if (!e) return null;
+	let c = ke();
+	return /* @__PURE__ */ Z(je, { children: [
+		/* @__PURE__ */ Z(je, { children: [/* @__PURE__ */ X(ce, {
+			level: 4,
+			children: Mt(e, n)
+		}), /* @__PURE__ */ X(V, {
+			tone: "muted",
+			size: "sm",
+			children: t.length > 0 ? c.itemsCount(t.length) : o
+		})] }),
+		/* @__PURE__ */ X(Gt, {
+			events: t,
+			locale: n,
+			currentDate: e,
+			emptyStateText: o,
+			renderEventItem: s
+		}),
+		a && /* @__PURE__ */ X(Kt, {
+			date: e,
+			events: t,
+			locale: n,
+			startHour: r,
+			endHour: i
+		})
+	] });
+}
+function Vt({ filters: e, activeFilterIds: t, onToggle: n }) {
+	return e.length ? /* @__PURE__ */ X("div", {
+		className: "calendar filters",
+		children: e.map((e) => {
+			let r = t.includes(e.id);
+			return /* @__PURE__ */ X(z, {
+				type: "button",
+				size: "sm",
+				variant: "outlined",
+				color: r ? "primary" : "neutral",
+				active: r,
+				className: "calendar filter button",
+				onClick: () => n(e.id),
+				children: e.label
+			}, e.id);
+		})
+	}) : null;
+}
+function Ht({ days: e, eventsByDay: t, selectedDate: n, activeDate: r, onDayInteract: i, onDayHover: a, onDayLeave: o, dayBadge: s, renderDayCell: c }) {
+	let l = Tt($(/* @__PURE__ */ new Date()));
+	return /* @__PURE__ */ X("div", {
+		className: "calendar week",
+		children: e.map((e) => {
+			let u = Tt(e), d = t.get(u) ?? [], f = s?.(e, d) ?? (d.length > 0 ? /* @__PURE__ */ X(B, {
+				size: "sm",
+				children: d.length
+			}) : null), p = It(d), m = !!(n && Tt(n) === u), h = {
+				date: e,
+				events: d,
+				badge: f,
+				isToday: u === l,
+				isSelected: m,
+				isOutsideMonth: !1
+			};
+			return /* @__PURE__ */ X("div", {
+				className: "calendar week column",
+				children: /* @__PURE__ */ X(Ut, {
+					date: e,
+					events: d,
+					badge: f,
+					markers: p,
+					isToday: h.isToday,
+					isSelected: m || !!(r && Tt(r) === u),
+					isOutsideMonth: !1,
+					onClick: (t) => i(e, t.currentTarget, d),
+					onMouseEnter: (t) => a(e, t.currentTarget, d),
+					onMouseLeave: o,
+					children: c ? c(e, h) : void 0
+				})
+			}, u);
+		})
+	});
+}
+function Ut({ date: e, events: t = [], badge: n, markers: r, isToday: i = !1, isSelected: a = !1, isOutsideMonth: o = !1, className: s, children: c, ...l }) {
+	return /* @__PURE__ */ X("button", {
+		type: "button",
+		className: I("calendar day cell", i && "today", a && "selected", o && "outside-month", s),
+		...l,
+		children: c ?? /* @__PURE__ */ Z(Re, { children: [/* @__PURE__ */ Z("div", {
+			className: "day header",
+			children: [/* @__PURE__ */ X("span", {
+				className: "day number",
+				children: e.getDate()
+			}), /* @__PURE__ */ X("div", {
+				className: "day meta",
+				children: n
+			})]
+		}), /* @__PURE__ */ X("div", {
+			className: "markers",
+			children: r ?? It(t)
+		})] })
+	});
+}
+function Wt({ event: e, locale: t, className: n, currentDate: r, ...i }) {
+	let a = de(t), o = ke(), 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__ */ X("div", {
+			className: "event time",
+			children: Pt(e, o)
+		}), /* @__PURE__ */ Z("div", {
+			className: "event content",
+			children: [
+				/* @__PURE__ */ Z("div", {
+					className: "event title row",
+					children: [/* @__PURE__ */ X(ce, {
+						level: 5,
+						children: e.title
+					}), e.status && /* @__PURE__ */ X(B, {
+						color: s,
+						size: "sm",
+						children: e.status
+					})]
+				}),
+				e.description && /* @__PURE__ */ X(V, {
+					size: "sm",
+					tone: "muted",
+					children: e.description
+				}),
+				/* @__PURE__ */ Z("div", {
+					className: "event details",
+					children: [
+						e.type && /* @__PURE__ */ X(B, {
+							color: "neutral",
+							size: "sm",
+							children: e.type
+						}),
+						e.badgeLabel && /* @__PURE__ */ X(B, {
+							size: "sm",
+							children: e.badgeLabel
+						}),
+						e.user && /* @__PURE__ */ Z("span", {
+							className: "event user",
+							children: [/* @__PURE__ */ X(W, {
+								size: "sm",
+								src: e.user.avatar,
+								name: e.user.name,
+								backgroundColor: e.user.color
+							}), e.user.name]
+						}),
+						!e.startTime && !e.endTime && r && /* @__PURE__ */ X(V, {
+							size: "sm",
+							tone: "muted",
+							children: Mt(r, a)
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+function Gt({ events: e, locale: t, currentDate: n, emptyStateText: r, renderEventItem: i, className: a, ...o }) {
+	let s = de(t), c = ke();
+	return e.length ? /* @__PURE__ */ X("div", {
+		className: I("calendar event list", a),
+		...o,
+		children: /* @__PURE__ */ X(je, { children: kt(e).map((e) => i ? /* @__PURE__ */ X("div", { children: i(e) }, e.id) : /* @__PURE__ */ X(Wt, {
+			event: e,
+			locale: s,
+			currentDate: n
+		}, e.id)) })
+	}) : /* @__PURE__ */ X(V, {
+		size: "sm",
+		tone: "muted",
+		className: I("calendar event list", a),
+		...o,
+		children: r ?? c.emptyStateText
+	});
+}
+function Kt({ date: e, events: t, locale: n, startHour: r = 6, endHour: i = 22, emptyStateText: a, className: o, ...s }) {
+	de(n);
+	let c = ke(), 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__ */ Z(je, { children: [/* @__PURE__ */ X(ce, {
+			level: 5,
+			children: c.timelineTitle
+		}), /* @__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__ */ Z("div", {
+					className: I("timeline slot", Ft(e, n)),
+					children: [
+						/* @__PURE__ */ X("div", {
+							className: "slot time",
+							children: `${String(n).padStart(2, "0")}:00`
+						}),
+						/* @__PURE__ */ X("div", { className: "slot line" }),
+						/* @__PURE__ */ X("div", {
+							className: "slot content",
+							children: r.length > 0 ? /* @__PURE__ */ X(je, { children: r.map((e) => /* @__PURE__ */ Z("div", {
+								className: "slot event",
+								children: [/* @__PURE__ */ X("span", {
+									className: "slot event dot",
+									style: { background: e.color ?? jt(e.status) }
+								}), /* @__PURE__ */ X(V, {
+									size: "sm",
+									children: e.title
+								})]
+							}, e.id)) }) : /* @__PURE__ */ X(V, {
+								size: "sm",
+								tone: "muted",
+								children: a ?? c.timelineEmptyState
+							})
+						})
+					]
+				}, n);
+			})
+		})] })
+	});
+}
+function qt({ 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 = de(s), g = ke();
+	return /* @__PURE__ */ X(R, {
+		open: e,
+		anchorRef: t,
+		onClose: n,
+		placement: "bottom-start",
+		className: I("calendar popover", p),
+		style: m,
+		children: /* @__PURE__ */ X(ue, {
+			className: "calendar event popover",
+			onPointerEnter: r,
+			onPointerLeave: i,
+			children: /* @__PURE__ */ X(H, { children: /* @__PURE__ */ X(Bt, {
+				date: a,
+				events: o,
+				locale: h,
+				timelineStartHour: c,
+				timelineEndHour: l,
+				showTimeline: u,
+				emptyStateText: d ?? g.emptyStateText,
+				renderEventItem: f
+			}) })
+		})
+	});
+}
+function Jt({ month: e, defaultMonth: t, onMonthChange: n, events: r = [], locale: i, weekStartsOn: a = 1, view: o, defaultView: s = "month", views: c = ["month", "week"], onViewChange: l, selectedDate: u, defaultSelectedDate: d, onDayClick: f, dayBadge: p, renderDayCell: m, renderEventItem: h, detailsTrigger: g = "click", detailsMode: _ = "auto", showTimeline: v = !0, timelineStartHour: y = 6, timelineEndHour: b = 22, emptyStateText: x, filters: S = [], activeFilters: C, defaultActiveFilters: w = [], onActiveFiltersChange: T, fullWidth: E = !1, className: D, ...O }) {
+	let k = de(i), A = Oe(), j = ke(), M = $(/* @__PURE__ */ new Date()), [N, P] = Y($(t ?? e ?? M)), [ee, te] = Y(s), [ne, re] = Y(wt(d)), [ie, ae] = Y(w), [F, oe] = Y(null), [L, R] = Y(!1), [se, le] = Y(!1), ue = J(null), H = J(null), fe = e !== void 0 && typeof n == "function", U = $(fe ? e ?? N : N), W = o ?? ee, me = wt(u) ?? ne, he = C ?? ie;
+	Le(() => {
+		let e = window.matchMedia("(max-width: 768px)"), t = () => le(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), Le(() => {
+		fe && e && P($(e));
+	}, [fe, e]), Le(() => {
+		o && te(o);
+	}, [o]), Le(() => {
+		u !== void 0 && re(wt(u));
+	}, [u]), Le(() => () => {
+		H.current && window.clearTimeout(H.current);
+	}, []);
+	let ge = q(() => Lt(r, S, he), [
+		r,
+		S,
+		he
+	]), _e = q(() => {
+		let e = /* @__PURE__ */ new Map();
+		return ge.forEach((t) => {
+			let n = Et(t);
+			if (!n) return;
+			let r = Tt(n), i = e.get(r) ?? [];
+			i.push(t), e.set(r, i);
+		}), e;
+	}, [ge]), ve = q(() => {
+		if (W === "week") {
+			let e = Ot(me ?? U, a);
+			return Array.from({ length: 7 }, (t, n) => Dt(e, n));
+		}
+		return At(U, a);
+	}, [
+		W,
+		me,
+		U,
+		a
+	]), ye = _ === "auto" ? se ? "modal" : "popover" : _, be = F ? _e.get(Tt(F)) ?? [] : [], xe = c.includes("month"), Se = c.includes("week"), Ce = (e) => {
+		let t = $(e);
+		P(t), n?.(t);
+	}, we = (e) => {
+		if (W === "week") {
+			let t = Dt(me ?? U, e * 7);
+			Ce(t), re(t), oe(t), R(!1);
+			return;
+		}
+		Ce(new Date(U.getFullYear(), U.getMonth() + e, 1)), R(!1), oe(null);
+	}, Te = (e) => {
+		te(e), l?.(e);
+	}, G = (e, t) => {
+		let n = $(e);
+		re(n), f?.(n, t);
+	}, Ee = () => {
+		H.current &&= (window.clearTimeout(H.current), null);
+	}, De = () => {
+		Ee(), H.current = window.setTimeout(() => {
+			R(!1);
+		}, 180);
+	}, Ae = (e, t, n) => {
+		ue.current = t, oe(e), G(e, n), R(!0);
+	}, Me = (e, t, n) => {
+		Ee(), Ae(e, t, n), W === "month" && e.getMonth() !== U.getMonth() && Ce(new Date(e.getFullYear(), e.getMonth(), 1));
+	}, Ne = (e, t, n) => {
+		g !== "hover" || ye !== "popover" || (Ee(), Ae(e, t, n));
+	}, Pe = (e) => {
+		let t = he.includes(e) ? he.filter((t) => t !== e) : [...he, e];
+		ae(t), T?.(t);
+	}, Fe = Ot(W === "week" ? me ?? U : U, a);
+	return /* @__PURE__ */ Z("div", {
+		className: I("calendar board", E && "full-width", D),
+		...O,
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: "calendar header",
+				children: [/* @__PURE__ */ Z(je, { children: [/* @__PURE__ */ X(ce, {
+					level: 3,
+					children: Rt(U, W, k, a)
+				}), /* @__PURE__ */ X(V, {
+					size: "sm",
+					tone: "muted",
+					children: zt(W, j)
+				})] }), /* @__PURE__ */ Z(je, {
+					align: "end",
+					children: [/* @__PURE__ */ Z("div", {
+						className: "calendar actions",
+						children: [/* @__PURE__ */ X(z, {
+							type: "button",
+							size: "sm",
+							variant: "outlined",
+							color: "neutral",
+							onClick: () => we(-1),
+							children: W === "week" ? j.previousWeek : A.previousMonth
+						}), /* @__PURE__ */ X(z, {
+							type: "button",
+							size: "sm",
+							variant: "outlined",
+							color: "neutral",
+							onClick: () => we(1),
+							children: W === "week" ? j.nextWeek : A.nextMonth
+						})]
+					}), (xe || Se) && /* @__PURE__ */ Z("div", {
+						className: "calendar views",
+						children: [xe && /* @__PURE__ */ X(z, {
+							type: "button",
+							size: "sm",
+							variant: "outlined",
+							color: W === "month" ? "primary" : "neutral",
+							active: W === "month",
+							onClick: () => Te("month"),
+							children: j.monthView
+						}), Se && /* @__PURE__ */ X(z, {
+							type: "button",
+							size: "sm",
+							variant: "outlined",
+							color: W === "week" ? "primary" : "neutral",
+							active: W === "week",
+							onClick: () => Te("week"),
+							children: j.weekView
+						})]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ X(Vt, {
+				filters: S,
+				activeFilterIds: he,
+				onToggle: Pe
+			}),
+			/* @__PURE__ */ X("div", {
+				className: "calendar days",
+				children: Array.from({ length: 7 }, (e, t) => Dt(Fe, t)).map((e) => /* @__PURE__ */ X("div", {
+					className: "calendar day",
+					children: new Intl.DateTimeFormat(k, { weekday: "short" }).format(e)
+				}, Tt(e)))
+			}),
+			W === "week" ? /* @__PURE__ */ X(Ht, {
+				days: ve,
+				eventsByDay: _e,
+				selectedDate: me,
+				activeDate: F,
+				onDayInteract: Me,
+				onDayHover: Ne,
+				onDayLeave: () => {
+					g === "hover" && ye === "popover" && De();
+				},
+				dayBadge: p,
+				renderDayCell: m
+			}) : /* @__PURE__ */ X("div", {
+				className: "calendar grid",
+				children: ve.map((e) => {
+					let t = Tt(e), n = _e.get(t) ?? [], r = p?.(e, n) ?? (n.length > 0 ? /* @__PURE__ */ X(B, {
+						size: "sm",
+						children: n.length
+					}) : null), i = t === Tt(M), a = !!(me && t === Tt(me)), o = e.getMonth() !== U.getMonth(), s = It(n), c = {
+						date: e,
+						events: n,
+						badge: r,
+						isToday: i,
+						isSelected: a,
+						isOutsideMonth: o
+					};
+					return /* @__PURE__ */ X(Ut, {
+						date: e,
+						events: n,
+						badge: r,
+						markers: s,
+						isToday: i,
+						isSelected: a || !!(F && t === Tt(F)),
+						isOutsideMonth: o,
+						onClick: (t) => Me(e, t.currentTarget, n),
+						onMouseEnter: (t) => Ne(e, t.currentTarget, n),
+						onMouseLeave: () => {
+							g === "hover" && ye === "popover" && De();
+						},
+						children: m ? m(e, c) : void 0
+					}, t);
+				})
+			}),
+			ye === "popover" ? /* @__PURE__ */ X(qt, {
+				open: L && !!F && !!ue.current,
+				anchorRef: ue,
+				onClose: () => R(!1),
+				onPointerEnter: () => Ee(),
+				onPointerLeave: () => De(),
+				date: F,
+				events: be,
+				locale: k,
+				timelineStartHour: y,
+				timelineEndHour: b,
+				showTimeline: v,
+				emptyStateText: x ?? j.emptyStateText,
+				renderEventItem: h
+			}) : /* @__PURE__ */ X(pe, {
+				open: L && !!F,
+				onClose: () => R(!1),
+				title: F ? Mt(F, k) : void 0,
+				description: F ? j.itemsCount(be.length) : void 0,
+				size: "lg",
+				children: /* @__PURE__ */ X(Bt, {
+					date: F,
+					events: be,
+					locale: k,
+					timelineStartHour: y,
+					timelineEndHour: b,
+					showTimeline: v,
+					emptyStateText: x ?? j.emptyStateText,
+					renderEventItem: h
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MChart.types.ts
+var Yt = [
+	"primary",
+	"info",
+	"success",
+	"warning",
+	"error",
+	"news",
+	"neutral",
+	"dark"
+], Xt = {
+	top: 20,
+	right: 20,
+	bottom: 40,
+	left: 50
+}, Zt = {
+	top: 20,
+	right: 20,
+	bottom: 55,
+	left: 65
+};
+//#endregion
+//#region src/components/data/MChart/utils/formats.ts
+function Qt(e) {
+	return Math.abs(e) >= 1e6 ? (e / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : Math.abs(e) >= 1e3 ? (e / 1e3).toFixed(1).replace(/\.0$/, "") + "k" : Number.isInteger(e) ? String(e) : e.toFixed(1);
+}
+function $t(e) {
+	return e;
+}
+//#endregion
+//#region src/components/data/MChart/parts/ChartGrid.tsx
+function en({ x: e, y: t, width: n, height: r, horizontalLines: i, verticalLines: a }) {
+	return /* @__PURE__ */ Z("g", {
+		className: "chart-grid",
+		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__ */ X("line", {
+			x1: e,
+			y1: t,
+			x2: e,
+			y2: t + r,
+			className: "chart-grid-line chart-grid-line-vertical"
+		}, `v${n}`))]
+	});
+}
+//#endregion
+//#region src/components/data/MChart/parts/ChartAxis.tsx
+function tn({ type: e, x: t, y: n, length: r, ticks: i, title: a }) {
+	let o = e === "x";
+	return /* @__PURE__ */ Z("g", {
+		className: `chart-axis chart-axis-${e}`,
+		children: [
+			/* @__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__ */ X("g", { children: o ? /* @__PURE__ */ X("text", {
+				x: e.position,
+				y: n + 16,
+				textAnchor: "middle",
+				className: "chart-axis-label",
+				children: e.label
+			}) : /* @__PURE__ */ X("text", {
+				x: t - 8,
+				y: e.position,
+				textAnchor: "end",
+				dominantBaseline: "middle",
+				className: "chart-axis-label",
+				children: e.label
+			}) }, r)),
+			a && (o ? /* @__PURE__ */ X("text", {
+				x: t + r / 2,
+				y: n + 36,
+				textAnchor: "middle",
+				className: "chart-axis-title",
+				children: a
+			}) : /* @__PURE__ */ X("text", {
+				x: t - 40,
+				y: n - r / 2,
+				textAnchor: "middle",
+				dominantBaseline: "middle",
+				transform: `rotate(-90, ${t - 40}, ${n - r / 2})`,
+				className: "chart-axis-title",
+				children: a
+			}))
+		]
+	});
+}
+//#endregion
+//#region src/components/data/MChart/charts/MLineChart.tsx
+function nn({ 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 = Qt, onTooltip: p, onDataClick: m }) {
+	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] = Se(t), i = o?.min ?? be(n), s = o?.max ?? ye(r, n), c = ve(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,
+			yTicks: c,
+			xLabels: u,
+			seriesPoints: t.map((e) => e.map((e, t) => ({
+				x: d(t),
+				y: f(e)
+			})))
+		};
+	}, [
+		e,
+		_,
+		v,
+		a,
+		o
+	]), 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));
+		g(u), p({
+			label: S[u],
+			items: e.map((e, n) => ({
+				name: e.label,
+				value: e.data[u] ?? 0,
+				color: e.color ?? t[n % t.length]
+			})),
+			x: r.clientX - o.left,
+			y: r.clientY - o.top
+		});
+	}, [
+		e,
+		t,
+		S,
+		_,
+		i.left,
+		n,
+		p
+	]), 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),
+		label: (o?.formatter ?? f)(e)
+	})), j = S.map((e, t) => ({
+		position: i.left + T(t),
+		label: e
+	}));
+	return /* @__PURE__ */ Z("g", { children: [
+		s && /* @__PURE__ */ X(en, {
+			x: i.left,
+			y: i.top,
+			width: _,
+			height: v,
+			horizontalLines: O,
+			verticalLines: k
+		}),
+		l && /* @__PURE__ */ X(tn, {
+			type: "y",
+			x: i.left,
+			y: i.top + v,
+			length: v,
+			ticks: A,
+			title: o?.title
+		}),
+		c && /* @__PURE__ */ X(tn, {
+			type: "x",
+			x: i.left,
+			y: i.top + v,
+			length: _,
+			ticks: j,
+			title: a?.title
+		}),
+		/* @__PURE__ */ Z("g", {
+			onMouseMove: E,
+			onMouseLeave: D,
+			children: [
+				/* @__PURE__ */ X("rect", {
+					x: i.left,
+					y: i.top,
+					width: _,
+					height: v,
+					fill: "transparent"
+				}),
+				C.map((n, r) => {
+					let a = e[r].color ?? t[r % t.length], o = u ? Te(n.map((e) => ({
+						x: e.x + i.left,
+						y: e.y + i.top
+					}))) : xe(n.map((e) => ({
+						x: e.x + i.left,
+						y: e.y + i.top
+					})));
+					return /* @__PURE__ */ Z("g", { children: [/* @__PURE__ */ X("path", {
+						className: `chart-line ${a} ${d ? "animated" : ""}`,
+						d: o
+					}), n.map((t, n) => /* @__PURE__ */ X("circle", {
+						className: `chart-dot ${a} ${h === n ? "active" : ""}`,
+						cx: t.x + i.left,
+						cy: t.y + i.top,
+						r: h === n ? 5 : 3,
+						onClick: () => m?.(r, n, e[r].data[n]),
+						style: { cursor: m ? "pointer" : void 0 }
+					}, n))] }, r);
+				}),
+				h !== null && /* @__PURE__ */ X("line", {
+					className: "chart-crosshair",
+					x1: i.left + T(h),
+					y1: i.top,
+					x2: i.left + T(h),
+					y2: i.top + v
+				})
+			]
+		})
+	] });
+}
+//#endregion
+//#region src/components/data/MChart/charts/MBarChart.tsx
+function rn({ 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 = Qt, onTooltip: p, onDataClick: m }) {
+	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] = Ee(t) : [r, i] = Se(t);
+		let s = o?.min ?? be(r), c = o?.max ?? ye(i, r);
+		return {
+			yMin: s,
+			yMax: c,
+			yTicks: ve(s, c, o?.ticks ?? 5),
+			xLabels: a?.labels ?? Array.from({ length: n }, (e, t) => String(t)),
+			maxLen: n
+		};
+	}, [
+		e,
+		a,
+		o,
+		u
+	]), 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
+		});
+		let a = i.currentTarget.closest("svg");
+		if (!a) return;
+		let o = a.getBoundingClientRect();
+		p({
+			label: S[r],
+			items: u ? e.map((e, n) => ({
+				name: e.label,
+				value: e.data[r] ?? 0,
+				color: e.color ?? t[n % t.length]
+			})) : [{
+				name: e[n].label,
+				value: e[n].data[r],
+				color: e[n].color ?? t[n % t.length]
+			}],
+			x: i.clientX - o.left,
+			y: i.clientY - o.top
+		});
+	}, [
+		e,
+		t,
+		S,
+		u,
+		p
+	]), 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,
+		label: e
+	})), M = x.map((e) => ({
+		position: i.top + w(e),
+		label: (o?.formatter ?? f)(e)
+	})), N = w(0);
+	return /* @__PURE__ */ Z("g", { children: [
+		s && /* @__PURE__ */ X(en, {
+			x: i.left,
+			y: i.top,
+			width: _,
+			height: v,
+			horizontalLines: A
+		}),
+		l && /* @__PURE__ */ X(tn, {
+			type: "y",
+			x: i.left,
+			y: i.top + v,
+			length: v,
+			ticks: M,
+			title: o?.title
+		}),
+		c && /* @__PURE__ */ X(tn, {
+			type: "x",
+			x: i.left,
+			y: i.top + v,
+			length: _,
+			ticks: j,
+			title: a?.title
+		}),
+		/* @__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__ */ X("g", { children: e.map((n, c) => {
+					let l = n.data[r] ?? 0, u = N - w(l), f = a - u;
+					a = f;
+					let p = n.color ?? t[c % t.length], g = h?.di === c && h?.pi === r;
+					return /* @__PURE__ */ X("rect", {
+						className: `chart-bar ${p} ${d ? "animated" : ""} ${g ? "active" : ""}`,
+						x: s,
+						y: i.top + f,
+						width: Math.max(o, 1),
+						height: Math.max(u, 0),
+						rx: c === e.length - 1 ? 3 : 0,
+						onMouseEnter: (e) => O(c, r, e),
+						onClick: () => m?.(c, r, l),
+						style: { cursor: m ? "pointer" : void 0 }
+					}, c);
+				}) }, r);
+			}) : e.map((e, n) => {
+				let r = (T - E * 2) / D;
+				return /* @__PURE__ */ X("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__ */ X("rect", {
+						className: `chart-bar ${u} ${d ? "animated" : ""} ${f ? "active" : ""}`,
+						x: c,
+						y: i.top + l,
+						width: Math.max(r, 1),
+						height: Math.max(Math.abs(s), 0),
+						rx: 3,
+						onMouseEnter: (e) => O(n, o, e),
+						onClick: () => m?.(n, o, a),
+						style: { cursor: m ? "pointer" : void 0 }
+					}, o);
+				}) }, n);
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/components/data/MChart/charts/MAreaChart.tsx
+function an({ 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 = Qt, onTooltip: m, onDataClick: h }) {
+	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] = Ee(t) : [r, s] = Se(t);
+		let c = o?.min ?? be(r), l = o?.max ?? ye(s, r), f = ve(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++) {
+				e[r] = [];
+				for (let i = 0; i < n; i++) e[r][i] = (t[r][i] ?? 0) + (r > 0 ? e[r - 1][i] : 0);
+			}
+			return {
+				yMin: c,
+				yMax: l,
+				yTicks: f,
+				xLabels: p,
+				seriesPoints: [],
+				stackedPaths: e.map((t, n) => {
+					let r = t.map((e, t) => ({
+						x: i.left + m(t),
+						y: i.top + h(e)
+					}));
+					return {
+						area: we(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 ? Te(r) : xe(r),
+						topPts: r
+					};
+				})
+			};
+		}
+		return {
+			yMin: c,
+			yMax: l,
+			yTicks: f,
+			xLabels: p,
+			seriesPoints: t.map((e) => e.map((e, t) => ({
+				x: i.left + m(t),
+				y: i.top + h(e)
+			}))),
+			stackedPaths: void 0
+		};
+	}, [
+		e,
+		v,
+		y,
+		a,
+		o,
+		d,
+		u,
+		i
+	]), 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));
+		_(u), m({
+			label: C[u],
+			items: e.map((e, n) => ({
+				name: e.label,
+				value: e.data[u] ?? 0,
+				color: e.color ?? t[n % t.length]
+			})),
+			x: r.clientX - o.left,
+			y: r.clientY - o.top
+		});
+	}, [
+		e,
+		t,
+		C,
+		v,
+		i.left,
+		n,
+		m
+	]), k = K(() => {
+		_(null), m(null);
+	}, [m]), A = S.map((e) => i.top + E(e)), j = S.map((e) => ({
+		position: i.top + E(e),
+		label: (o?.formatter ?? p)(e)
+	})), M = C.map((e, t) => ({
+		position: i.left + D(t),
+		label: e
+	}));
+	return /* @__PURE__ */ Z("g", { children: [
+		s && /* @__PURE__ */ X(en, {
+			x: i.left,
+			y: i.top,
+			width: v,
+			height: y,
+			horizontalLines: A
+		}),
+		l && /* @__PURE__ */ X(tn, {
+			type: "y",
+			x: i.left,
+			y: i.top + y,
+			length: y,
+			ticks: j,
+			title: o?.title
+		}),
+		c && /* @__PURE__ */ X(tn, {
+			type: "x",
+			x: i.left,
+			y: i.top + y,
+			length: v,
+			ticks: M,
+			title: a?.title
+		}),
+		/* @__PURE__ */ Z("g", {
+			onMouseMove: O,
+			onMouseLeave: k,
+			children: [
+				/* @__PURE__ */ X("rect", {
+					x: i.left,
+					y: i.top,
+					width: v,
+					height: y,
+					fill: "transparent"
+				}),
+				d && T ? T.map((n, r) => {
+					let i = e[r].color ?? t[r % t.length];
+					return /* @__PURE__ */ Z("g", { children: [/* @__PURE__ */ X("path", {
+						className: `chart-area-fill ${i}`,
+						d: n.area
+					}), /* @__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 ? Te(n) : xe(n), s = Ce(n, i.top + y, u);
+					return /* @__PURE__ */ Z("g", { children: [
+						/* @__PURE__ */ X("path", {
+							className: `chart-area-fill ${a}`,
+							d: s
+						}),
+						/* @__PURE__ */ X("path", {
+							className: `chart-line ${a} ${f ? "animated" : ""}`,
+							d: o
+						}),
+						n.map((t, n) => /* @__PURE__ */ X("circle", {
+							className: `chart-dot ${a} ${g === n ? "active" : ""}`,
+							cx: t.x,
+							cy: t.y,
+							r: g === n ? 5 : 3,
+							onClick: () => h?.(r, n, e[r].data[n]),
+							style: { cursor: h ? "pointer" : void 0 }
+						}, n))
+					] }, r);
+				}),
+				g !== null && /* @__PURE__ */ X("line", {
+					className: "chart-crosshair",
+					x1: i.left + D(g),
+					y1: i.top,
+					x2: i.left + D(g),
+					y2: i.top + y
+				})
+			]
+		})
+	] });
+}
+//#endregion
+//#region src/components/data/MChart/charts/MPieChart.tsx
+function on({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donutWidth: a, animated: o, valueFormatter: s = Qt, xAxis: c, onTooltip: l, onDataClick: u }) {
+	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 = {
+				value: n,
+				label: r[o] ?? `Segment ${o + 1}`,
+				color: (e.length === 1 ? void 0 : e[o].color) ?? t[o % t.length],
+				startAngle: a,
+				endAngle: a + s,
+				percentage: Math.max(n, 0) / i * 100
+			};
+			return a += s, c;
+		});
+	}, [
+		e,
+		t,
+		c
+	]), v = K((e, t) => {
+		f(e);
+		let n = t.currentTarget.closest("svg");
+		if (!n) return;
+		let r = n.getBoundingClientRect();
+		l({
+			label: _[e].label,
+			items: [{
+				name: _[e].label,
+				value: _[e].value,
+				color: _[e].color
+			}],
+			x: t.clientX - r.left,
+			y: t.clientY - r.top
+		});
+	}, [_, l]), y = K(() => {
+		f(null), l(null);
+	}, [l]);
+	return /* @__PURE__ */ Z("g", { children: [_.map((e, t) => {
+		let n = d === t, r = _e(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),
+			onMouseLeave: y,
+			onMouseMove: (t) => {
+				let n = t.currentTarget.closest("svg");
+				if (!n) return;
+				let r = n.getBoundingClientRect();
+				l({
+					label: e.label,
+					items: [{
+						name: e.label,
+						value: e.value,
+						color: e.color
+					}],
+					x: t.clientX - r.left,
+					y: t.clientY - r.top
+				});
+			},
+			onClick: () => u?.(0, t, e.value),
+			style: { cursor: u ? "pointer" : void 0 }
+		}, t);
+	}), i && /* @__PURE__ */ X("text", {
+		x: p,
+		y: m,
+		textAnchor: "middle",
+		dominantBaseline: "middle",
+		className: "chart-pie-center",
+		children: s(d === null ? _.reduce((e, t) => e + t.value, 0) : _[d].value)
+	})] });
+}
+//#endregion
+//#region src/components/data/MChart/parts/ChartDefs.tsx
+var sn = [
+	"primary",
+	"info",
+	"success",
+	"warning",
+	"error",
+	"news",
+	"neutral",
+	"dark",
+	"light"
+];
+function cn() {
+	return /* @__PURE__ */ Z("defs", { children: [
+		sn.map((e) => /* @__PURE__ */ Z("linearGradient", {
+			id: `chart-bar-grad-${e}`,
+			x1: "0",
+			y1: "0",
+			x2: "0",
+			y2: "1",
+			children: [/* @__PURE__ */ X("stop", {
+				offset: "0%",
+				className: `chart-grad-stop-start ${e}`
+			}), /* @__PURE__ */ X("stop", {
+				offset: "100%",
+				className: `chart-grad-stop-end ${e}`
+			})]
+		}, `bar-${e}`)),
+		sn.map((e) => /* @__PURE__ */ Z("linearGradient", {
+			id: `chart-pie-grad-${e}`,
+			x1: "0.3",
+			y1: "0",
+			x2: "0.7",
+			y2: "1",
+			children: [/* @__PURE__ */ X("stop", {
+				offset: "0%",
+				className: `chart-grad-stop-start ${e}`
+			}), /* @__PURE__ */ X("stop", {
+				offset: "100%",
+				className: `chart-grad-stop-end ${e}`
+			})]
+		}, `pie-${e}`)),
+		sn.map((e) => /* @__PURE__ */ Z("linearGradient", {
+			id: `chart-area-grad-${e}`,
+			x1: "0",
+			y1: "0",
+			x2: "0",
+			y2: "1",
+			children: [/* @__PURE__ */ X("stop", {
+				offset: "0%",
+				className: `chart-grad-area-start ${e}`
+			}), /* @__PURE__ */ X("stop", {
+				offset: "100%",
+				className: `chart-grad-area-end ${e}`
+			})]
+		}, `area-${e}`))
+	] });
+}
+//#endregion
+//#region src/components/data/MChart/parts/ChartTooltip.tsx
+function ln({ data: e, valueFormatter: t }) {
+	return e ? /* @__PURE__ */ Z("div", {
+		className: "chart-tooltip",
+		style: {
+			left: e.x,
+			top: e.y
+		},
+		children: [/* @__PURE__ */ X("div", {
+			className: "chart-tooltip-label",
+			children: e.label
+		}), e.items.map((e, n) => /* @__PURE__ */ Z("div", {
+			className: "chart-tooltip-row",
+			children: [
+				/* @__PURE__ */ X("span", { className: `chart-tooltip-dot ${e.color}` }),
+				/* @__PURE__ */ X("span", {
+					className: "chart-tooltip-name",
+					children: e.name
+				}),
+				/* @__PURE__ */ X("span", {
+					className: "chart-tooltip-value",
+					children: t(e.value)
+				})
+			]
+		}, n))]
+	}) : null;
+}
+//#endregion
+//#region src/components/data/MChart/parts/ChartLegend.tsx
+function un({ items: e }) {
+	return e.length <= 1 ? null : /* @__PURE__ */ X("div", {
+		className: "chart-legend",
+		children: e.map((e, t) => /* @__PURE__ */ Z("div", {
+			className: "chart-legend-item",
+			children: [/* @__PURE__ */ X("span", { className: `chart-legend-dot ${e.color}` }), /* @__PURE__ */ X("span", {
+				className: "chart-legend-label",
+				children: e.label
+			})]
+		}, t))
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MChart.tsx
+function dn({ 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: _ = Qt, labelFormatter: v = $t, onDataClick: y, className: b, style: x, ...S }) {
+	let C = J(null), [w, T] = Y(null), E = Yt, D = a?.title || o?.title ? Zt : Xt, O = i ? void 0 : typeof r == "number" ? r : 300, k = O ?? 300, A = K((e) => {
+		d && T(e);
+	}, [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) => ({
+		label: e.label,
+		color: e.color ?? E[t % E.length]
+	})), [
+		t,
+		E,
+		e,
+		a
+	]), M = {
+		data: t,
+		colors: E,
+		innerWidth: 600,
+		innerHeight: k,
+		padding: D,
+		xAxis: a,
+		yAxis: o,
+		showGrid: s,
+		showXAxis: c,
+		showYAxis: l,
+		animated: f,
+		valueFormatter: _,
+		onTooltip: A,
+		onDataClick: y
+	};
+	return /* @__PURE__ */ Z("div", {
+		ref: C,
+		className: I("chart", b),
+		style: {
+			width: n,
+			height: i ? void 0 : O,
+			aspectRatio: i ? String(i) : void 0,
+			...x
+		},
+		...S,
+		children: [
+			/* @__PURE__ */ Z("svg", {
+				viewBox: `0 0 600 ${k}`,
+				preserveAspectRatio: "xMidYMid meet",
+				className: "chart-svg",
+				children: [
+					/* @__PURE__ */ X(cn, {}),
+					e === "line" && /* @__PURE__ */ X(nn, {
+						...M,
+						curved: m
+					}),
+					e === "bar" && /* @__PURE__ */ X(rn, {
+						...M,
+						stacked: p
+					}),
+					e === "area" && /* @__PURE__ */ X(an, {
+						...M,
+						curved: m,
+						stacked: p
+					}),
+					e === "pie" && /* @__PURE__ */ X(on, {
+						...M,
+						donut: h,
+						donutWidth: g
+					})
+				]
+			}),
+			d && /* @__PURE__ */ X(ln, {
+				data: w,
+				valueFormatter: _
+			}),
+			u && /* @__PURE__ */ X(un, { items: j })
+		]
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MLineChart.tsx
+function fn(e) {
+	return /* @__PURE__ */ X(dn, {
+		type: "line",
+		...e
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MBarChart.tsx
+function pn(e) {
+	return /* @__PURE__ */ X(dn, {
+		type: "bar",
+		...e
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MAreaChart.tsx
+function mn(e) {
+	return /* @__PURE__ */ X(dn, {
+		type: "area",
+		...e
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MPieChart.tsx
+function hn(e) {
+	return /* @__PURE__ */ X(dn, {
+		type: "pie",
+		...e
+	});
+}
+//#endregion
+export { Ye as _, Jt as a, Ue as b, Gt as c, Ct as d, ct as f, Xe as g, Ze as h, fn as i, qt as l, Qe as m, mn as n, Ut as o, st as p, pn as r, Wt as s, hn as t, Kt as u, Ke as v, He as x, Ge as y };
+
+//# sourceMappingURL=data-Bp3Fd2Al.js.map