@banzamel/mineralui 1.8.0 → 1.9.0

package/dist/data-RXuvb9VI.js

@@ -0,0 +1,3454 @@
+import { t as e } from "./theme-DAOU1aPs.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, Fi as l, Fr as u, Gr as d, Hr as f, Ir as p, Jr as m, Kr as h, Li as g, Lr as _, Mr as v, Or as y, Pi as ee, 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 te, br as O, cn as ne, dn as k, ei as re, en as ie, ii as ae, jr as oe, jt as se, kr as ce, nn as le, pi as ue, qr as A, sn as de, ti as fe, tn as pe, vr as me, wr as he, xr as ge, zr as _e } from "./icons-CfpYxnfg.js";
+import { t as j } from "./cn-YER3QsV1.js";
+import { t as M } from "./MPortal-Ba2Sxset.js";
+import { t as ve } from "./MPopover-Cqz5TsHg.js";
+import { n as N, t as ye } from "./MStack-C4Eocfb5.js";
+import { t as P } from "./MText-CL-LPcXi.js";
+import { t as F } from "./MHeading-B7KgSP4T.js";
+import { t as be } from "./MSubText-C-N15d4Z.js";
+import { r as I, t as L } from "./MButton-C1pnL4_j.js";
+import { t as R } from "./MCheckbox-B7SpcD4H.js";
+import { n as xe, r as z, s as B } from "./MSkeleton-CVofhuDp.js";
+import { t as Se } from "./MModal-DiTjBO8B.js";
+import { t as V } from "./MInputSearch-BBxUF5pw.js";
+import { t as H } from "./MTooltip-jSf4VBtB.js";
+import { i as U, r as W } from "./MDropdownMenu-CeiC1tz3.js";
+import { t as Ce } from "./locale-CS1-IY_I.js";
+import { t as G } from "./MTimeAgo-Db8gOade.js";
+import { n as K, t as we } from "./MAvatarStack-CrhkO_SO.js";
+import { t as Te } from "./MAvatar-D_dVAPaR.js";
+import { a as Ee, c as De, d as Oe, f as ke, i as Ae, l as je, o as Me, p as Ne, r as Pe, s as Fe, t as Ie, u as Le } from "./MTreeView-AqH8XMPz.js";
+import { a as Re, r as ze, t as q } from "./frameworkTexts-BTFyhWFD.js";
+import { t as Be } from "./MTabs-BQZ--mMq.js";
+import { Children as Ve, createContext as He, isValidElement as Ue, useCallback as J, useContext as We, useEffect as Ge, useLayoutEffect as Ke, useMemo as Y, useRef as X, useState as Z } from "react";
+import { Fragment as qe, jsx as Q, jsxs as $ } from "react/jsx-runtime";
+//#region src/components/data/MChat/MChatContext.ts
+var Je = He({});
+function Ye() {
+	return We(Je);
+}
+//#endregion
+//#region src/components/data/MChat/MChat.tsx
+function Xe(e, t) {
+	return Ue(e) && !!e.type[t];
+}
+function Ze({ variant: e = "inline", open: t, onToggle: n, unreadCount: r, color: a = "primary", className: o, children: s, ...c }) {
+	let l = null, u = null, d = [];
+	Ve.forEach(s, (e) => {
+		if (Xe(e, "__chatHeader")) {
+			l = e;
+			return;
+		}
+		if (Xe(e, "__chatConversationList")) {
+			u = e;
+			return;
+		}
+		d.push(e);
+	});
+	let f = Y(() => ({ color: a }), [a]), p = /* @__PURE__ */ Q(Je.Provider, {
+		value: f,
+		children: /* @__PURE__ */ $("div", {
+			className: j("chat", e, `color-${a}`, e === "floating" && t && "open", o),
+			...c,
+			children: [u && /* @__PURE__ */ Q("div", {
+				className: "chat-sidebar",
+				children: u
+			}), /* @__PURE__ */ $("div", {
+				className: "chat-main",
+				children: [l, d]
+			})]
+		})
+	});
+	return e === "floating" ? /* @__PURE__ */ Q(M, { children: /* @__PURE__ */ $("div", {
+		className: j("chat-floating-wrapper", t && "open"),
+		children: [t && p, /* @__PURE__ */ Q(L, {
+			variant: "filled",
+			color: a,
+			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__ */ Q(i, {})
+		})]
+	}) }) : p;
+}
+//#endregion
+//#region src/components/data/MChat/MChatHeader.tsx
+function Qe({ bordered: e = !1, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ Q("div", {
+		className: j("chat-header", e && "bordered", t),
+		...r,
+		children: n
+	});
+}
+Qe.__chatHeader = !0;
+//#endregion
+//#region src/components/data/MChat/MChatMessage.tsx
+function $e({ status: e }) {
+	if (!e) return null;
+	let t = e === "delivered" || e === "read";
+	return /* @__PURE__ */ Q("span", {
+		className: j("chat-status", e === "read" ? "chat-status-read" : ""),
+		"aria-label": e,
+		children: t ? "✓✓" : "✓"
+	});
+}
+function et({ 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__ */ $("div", {
+		className: j("chat-message", u && "own", r || void 0, i),
+		...a,
+		children: [t && !u && /* @__PURE__ */ Q(Te, {
+			src: s.avatar,
+			name: s.name,
+			size: "sm",
+			color: r,
+			className: "chat-message-avatar"
+		}), /* @__PURE__ */ $("div", {
+			className: "chat-message-content",
+			children: [
+				!u && /* @__PURE__ */ Q(P, {
+					className: "chat-message-sender",
+					color: "neutral",
+					children: s.name
+				}),
+				/* @__PURE__ */ $("div", {
+					className: "chat-message-bubble",
+					children: [o && /* @__PURE__ */ Q(P, { children: o }), d && d.length > 0 && /* @__PURE__ */ Q("div", {
+						className: j("chat-message-images", d.length > 1 && "grid"),
+						children: d.map((e, t) => /* @__PURE__ */ Q(K, {
+							src: e,
+							alt: "",
+							fit: "cover",
+							rounded: !0,
+							className: "chat-message-image"
+						}, t))
+					})]
+				}),
+				/* @__PURE__ */ $("div", {
+					className: "chat-message-meta",
+					children: [u && /* @__PURE__ */ Q($e, { status: l }), n && /* @__PURE__ */ Q(be, {
+						className: "chat-message-time",
+						children: /* @__PURE__ */ Q(G, { value: c })
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/data/MChat/MChatBody.tsx
+function tt({ messages: e, onScrollTop: t, loading: n = !1, color: r, className: i, children: a, ...o }) {
+	let { color: s } = Ye(), c = r ?? s, l = X(null), u = X(!0), d = X(0), f = J(() => {
+		let e = l.current;
+		e && (e.scrollTop = e.scrollHeight);
+	}, []);
+	return Ge(() => {
+		let t = e?.length ?? 0;
+		t > d.current && u.current && f(), d.current = t;
+	}, [e?.length, f]), Ge(() => {
+		f();
+	}, [f]), /* @__PURE__ */ $("div", {
+		ref: l,
+		className: j("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__ */ Q("div", {
+				className: "chat-body-loader",
+				children: /* @__PURE__ */ Q(I, { size: "sm" })
+			}),
+			e?.map((e) => /* @__PURE__ */ Q(et, {
+				message: e,
+				color: c
+			}, e.id)),
+			a
+		]
+	});
+}
+//#endregion
+//#region src/components/data/MChat/emojis.ts
+var nt = [
+	{
+		label: "Smileys",
+		emojis: /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.😊.😇.🥰.😍.🤩.😘.😗.😋.😛.😜.🤪.😝.🤗.🤔.🫡.🤐.🤨.😐.😑.😶.🫠.😏.😒.🙄.😬.😮‍💨.🤥.😌.😔.😪.🤤.😴.😷.🤒.🤕.🤢.🤮.🤧.🥵.🥶.😵.🤯.🥳.🥸.😎.🤓.🧐".split(".")
+	},
+	{
+		label: "Gestures",
+		emojis: /* @__PURE__ */ "👋.🤚.🖐️.✋.🖖.🫱.🫲.👌.🤌.🤏.✌️.🤞.🫰.🤟.🤘.🤙.👈.👉.👆.👇.☝️.👍.👎.✊.👊.🤛.🤜.👏.🙌.🫶.👐.🤝".split(".")
+	},
+	{
+		label: "Hearts",
+		emojis: [
+			"❤️",
+			"🧡",
+			"💛",
+			"💚",
+			"💙",
+			"💜",
+			"🖤",
+			"🤍",
+			"🤎",
+			"💔",
+			"❤️‍🔥",
+			"❤️‍🩹",
+			"💕",
+			"💞",
+			"💓",
+			"💗",
+			"💖",
+			"💘",
+			"💝",
+			"💟"
+		]
+	},
+	{
+		label: "Objects",
+		emojis: [
+			"🔥",
+			"✨",
+			"🌟",
+			"💫",
+			"⚡",
+			"💥",
+			"🎉",
+			"🎊",
+			"🏆",
+			"🥇",
+			"🎯",
+			"💡",
+			"📌",
+			"📎",
+			"✅",
+			"❌",
+			"⭐",
+			"💬",
+			"👁️‍🗨️",
+			"🔔"
+		]
+	}
+], rt = "image/png,image/jpeg,image/gif,image/webp";
+function it({ 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 } = Ye(), d = o ?? u, [f, p] = Z(""), [m, h] = Z(!1), [_, v] = Z([]), [y, ee] = Z([]), [b, x] = Z(!1), S = X(null), C = X(null), w = X(null), T = X(!1), E = X(void 0), D = J((e) => {
+		let t = e.filter((e) => e.type.startsWith("image/"));
+		t.length !== 0 && (v((e) => [...e, ...t]), t.forEach((e) => {
+			let t = URL.createObjectURL(e);
+			ee((e) => [...e, t]);
+		}));
+	}, []), te = J((e) => {
+		ee((t) => (URL.revokeObjectURL(t[e]), t.filter((t, n) => n !== e))), v((t) => t.filter((t, n) => n !== e));
+	}, []);
+	Ge(() => () => y.forEach((e) => URL.revokeObjectURL(e)), []);
+	let O = J(() => {
+		let t = f.trim();
+		!t && _.length === 0 || n || (e?.(t, _.length > 0 ? _ : void 0), p(""), v([]), ee((e) => (e.forEach((e) => URL.revokeObjectURL(e)), [])), S.current && (S.current.style.height = "auto"), T.current && (T.current = !1, a?.(!1)));
+	}, [
+		f,
+		_,
+		n,
+		e,
+		a
+	]), ne = (e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), O());
+	}, k = (e) => {
+		p(e.target.value), re(e.target), a && (T.current || (T.current = !0, a(!0)), clearTimeout(E.current), E.current = setTimeout(() => {
+			T.current = !1, a(!1);
+		}, 1500));
+	}, re = (e) => {
+		e.style.height = "auto", e.style.height = Math.min(e.scrollHeight, 120) + "px";
+	};
+	Ge(() => () => clearTimeout(E.current), []);
+	let ie = (e) => {
+		p((t) => t + e), h(!1), S.current?.focus();
+	}, ae = (e) => {
+		e.preventDefault(), x(!0);
+	}, oe = (e) => {
+		e.preventDefault(), x(!1);
+	}, ce = (e) => {
+		e.preventDefault(), x(!1), D(Array.from(e.dataTransfer.files));
+	}, le = () => {
+		let e = w.current?.files;
+		e && D(Array.from(e)), w.current && (w.current.value = "");
+	}, ue = f.trim() || _.length > 0;
+	return /* @__PURE__ */ $("div", {
+		className: j("chat-input", b && "drag-over", s),
+		onDragOver: ae,
+		onDragLeave: oe,
+		onDrop: ce,
+		...l,
+		children: [y.length > 0 && /* @__PURE__ */ Q("div", {
+			className: "chat-input-previews",
+			children: y.map((e, t) => /* @__PURE__ */ $("div", {
+				className: "chat-input-preview",
+				children: [/* @__PURE__ */ Q(K, {
+					src: e,
+					alt: "",
+					fit: "cover",
+					rounded: !0,
+					className: "chat-input-preview-img"
+				}), /* @__PURE__ */ Q("button", {
+					type: "button",
+					className: "chat-input-preview-remove",
+					onClick: () => te(t),
+					"aria-label": "Remove image",
+					children: /* @__PURE__ */ Q(g, {})
+				})]
+			}, t))
+		}), /* @__PURE__ */ $("div", {
+			className: "chat-input-field",
+			children: [
+				r && /* @__PURE__ */ $(qe, { children: [/* @__PURE__ */ Q("button", {
+					ref: C,
+					type: "button",
+					className: "chat-input-emoji-trigger",
+					onClick: () => h((e) => !e),
+					"aria-label": "Emoji",
+					disabled: n,
+					children: "😊"
+				}), /* @__PURE__ */ Q(ve, {
+					open: m,
+					anchorRef: C,
+					onClose: () => h(!1),
+					placement: "top-start",
+					children: /* @__PURE__ */ Q("div", {
+						className: "chat-emoji-picker",
+						children: nt.map((e) => /* @__PURE__ */ $("div", {
+							className: "chat-emoji-category",
+							children: [/* @__PURE__ */ Q("div", {
+								className: "chat-emoji-category-label",
+								children: e.label
+							}), /* @__PURE__ */ Q("div", {
+								className: "chat-emoji-grid",
+								children: e.emojis.map((e) => /* @__PURE__ */ Q("button", {
+									type: "button",
+									className: "chat-emoji-btn",
+									onClick: () => ie(e),
+									children: e
+								}, e))
+							})]
+						}, e.label))
+					})
+				})] }),
+				i && /* @__PURE__ */ $(qe, { children: [/* @__PURE__ */ Q("input", {
+					ref: w,
+					type: "file",
+					accept: rt,
+					multiple: !0,
+					className: "chat-input-file-hidden",
+					onChange: le,
+					tabIndex: -1
+				}), /* @__PURE__ */ Q("button", {
+					type: "button",
+					className: "chat-input-attach-trigger",
+					onClick: () => w.current?.click(),
+					"aria-label": "Attach image",
+					disabled: n,
+					children: /* @__PURE__ */ Q(c, { color: "inherit" })
+				})] }),
+				/* @__PURE__ */ Q("textarea", {
+					ref: S,
+					className: "chat-input-textarea",
+					value: f,
+					onChange: k,
+					onKeyDown: ne,
+					placeholder: t,
+					disabled: n,
+					rows: 1
+				}),
+				/* @__PURE__ */ Q(L, {
+					variant: "filled",
+					size: "sm",
+					color: d ?? "primary",
+					iconOnly: !0,
+					shape: "circle",
+					className: "chat-input-send",
+					onClick: O,
+					disabled: n || !ue,
+					"aria-label": "Send",
+					children: /* @__PURE__ */ Q(se, {})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/data/MChat/MChatTypingIndicator.tsx
+function at({ 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__ */ $("div", {
+		className: j("chat-typing", n),
+		"aria-label": i,
+		...r,
+		children: [e.length === 1 && /* @__PURE__ */ Q(Te, {
+			src: e[0].avatar,
+			name: e[0].name,
+			size: "sm",
+			className: "chat-typing-avatar"
+		}), /* @__PURE__ */ $("div", {
+			className: "chat-typing-dots",
+			children: [
+				/* @__PURE__ */ Q("span", { className: "chat-typing-dot" }),
+				/* @__PURE__ */ Q("span", { className: "chat-typing-dot" }),
+				/* @__PURE__ */ Q("span", { className: "chat-typing-dot" })
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/data/MChat/MChatConversationList.tsx
+function ot({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ Q("div", {
+		className: j("chat-conversation-list", e),
+		...n,
+		children: t
+	});
+}
+ot.__chatConversationList = !0;
+//#endregion
+//#region src/components/data/MChat/MChatConversationItem.tsx
+function st({ conversation: e, active: t = !1, color: n, onClick: r, className: i, ...a }) {
+	let { color: o } = Ye(), 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__ */ $("div", {
+		className: j("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__ */ Q(Te, {
+			src: p?.avatar,
+			name: p?.name,
+			size: "md",
+			color: s,
+			badge: m,
+			badgeColor: "success",
+			className: "chat-conversation-avatar"
+		}), /* @__PURE__ */ $("div", {
+			className: "chat-conversation-info",
+			children: [/* @__PURE__ */ $("div", {
+				className: "chat-conversation-top",
+				children: [/* @__PURE__ */ Q(P, {
+					className: "chat-conversation-name",
+					children: f
+				}), u && /* @__PURE__ */ Q(be, {
+					className: "chat-conversation-time",
+					children: /* @__PURE__ */ Q(G, { value: u.timestamp })
+				})]
+			}), u && /* @__PURE__ */ $("div", {
+				className: "chat-conversation-bottom",
+				children: [/* @__PURE__ */ $(be, {
+					className: "chat-conversation-preview",
+					children: [u.isOwn ? "You: " : "", u.content]
+				}), !!d && d > 0 && /* @__PURE__ */ Q(B, {
+					color: s ?? "primary",
+					size: "sm",
+					rounded: !0,
+					children: d
+				})]
+			})]
+		})]
+	});
+}
+//#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__ */ Q("div", {
+		className: j("task list", `color-${t}`, i),
+		role: "list",
+		...a,
+		children: e.map((e) => /* @__PURE__ */ $("div", {
+			className: j("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__ */ Q(R, {
+				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__ */ Q("span", {
+				className: j("task label", e.checked && n && "done"),
+				children: e.label
+			})]
+		}, e.id))
+	});
+}
+//#endregion
+//#region src/components/data/MTimelineCalendar/MTimelineCalendar.helpers.ts
+var lt = 36e5, ut = 6e4, dt = 24 * lt;
+function ft() {
+	return typeof window > "u" ? 960 : Math.max(320, Math.min(1600, window.innerWidth - 200));
+}
+function pt(e) {
+	return e instanceof Date ? e : new Date(e);
+}
+function mt(e) {
+	if (!e) return null;
+	let t = /^(\d{1,2}):(\d{2})$/.exec(e);
+	return t ? Number(t[1]) * 60 + Number(t[2]) : null;
+}
+function ht(e) {
+	let t = new Date(e);
+	return t.setHours(0, 0, 0, 0), t;
+}
+function gt(e, t) {
+	let n = new Date(e);
+	return n.setDate(n.getDate() + t), n;
+}
+function _t(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function vt(e, t) {
+	return new Intl.DateTimeFormat(t, {
+		hour: "2-digit",
+		minute: "2-digit",
+		hour12: !1
+	}).format(e);
+}
+function yt(e, t) {
+	return new Intl.DateTimeFormat(t, {
+		weekday: "short",
+		day: "2-digit",
+		month: "short"
+	}).format(e);
+}
+function bt(e, t) {
+	return new Intl.DateTimeFormat(t, { weekday: "short" }).format(e);
+}
+function xt(e, t, n) {
+	return `${vt(e, n)} – ${vt(t, n)}`;
+}
+function St(e, t) {
+	return new Intl.DateTimeFormat(t, {
+		weekday: "long",
+		day: "numeric",
+		month: "long",
+		year: "numeric"
+	}).format(e);
+}
+function Ct(e, t) {
+	let n = [], r = [], i = new Map(e.map((e, t) => [e, t]));
+	return e.forEach((e) => {
+		let a = i.get(e) ?? 0, o = t.filter((t) => t.rowId === e).map((e) => ({
+			event: e,
+			startMs: pt(e.startAt).getTime(),
+			endMs: pt(e.endAt).getTime()
+		})).filter((e) => e.endMs > e.startMs).sort((e, t) => e.startMs - t.startMs);
+		o.forEach((e, t) => {
+			let r = !1;
+			for (let n = 0; n < o.length; n += 1) if (n !== t && o[n].startMs < e.endMs && o[n].endMs > e.startMs) {
+				r = !0;
+				break;
+			}
+			n.push({
+				event: e.event,
+				startMs: e.startMs,
+				endMs: e.endMs,
+				rowIndex: a,
+				overlapping: r
+			});
+		});
+		let s = [];
+		o.forEach((e) => {
+			s.push({
+				time: e.startMs,
+				delta: 1
+			}), s.push({
+				time: e.endMs,
+				delta: -1
+			});
+		}), s.sort((e, t) => e.time - t.time || e.delta - t.delta);
+		let c = 0, l = null, u = 0;
+		s.forEach((e) => {
+			let t = c;
+			c += e.delta, t < 2 && c >= 2 ? (l = e.time, u = c) : t >= 2 && c >= 2 ? u = Math.max(u, c) : t >= 2 && c < 2 && l !== null && (r.push({
+				rowIndex: a,
+				startMs: l,
+				endMs: e.time,
+				count: u
+			}), l = null, u = 0);
+		});
+	}), {
+		positioned: n,
+		bands: r
+	};
+}
+function wt(e, t, n) {
+	let r = null, i = null;
+	return e.forEach((e) => {
+		e.endMs <= t ? (!r || e.endMs > r.targetMs) && (r = {
+			direction: "before",
+			targetMs: e.startMs,
+			daysAway: Math.floor((t - e.endMs) / dt) + 1
+		}) : e.startMs >= n && (!i || e.startMs < i.targetMs) && (i = {
+			direction: "after",
+			targetMs: e.startMs,
+			daysAway: Math.floor((e.startMs - n) / dt) + 1
+		});
+	}), {
+		before: r,
+		after: i
+	};
+}
+function Tt(e, t, n) {
+	let r = [
+		5,
+		10,
+		15,
+		30,
+		60,
+		120,
+		180,
+		240,
+		360,
+		720,
+		1440
+	], i = 60 / n * 96, a = r.find((e) => e >= i) ?? r[r.length - 1], o = a * ut, s = Math.ceil(e / o) * o, c = [];
+	for (let e = s; e <= t; e += o) {
+		let t = new Date(e), n = t.getHours() === 0 && t.getMinutes() === 0, r = n || a >= 60;
+		c.push({
+			time: e,
+			major: r,
+			isDayBoundary: n
+		});
+	}
+	return c;
+}
+function Et(e, t, n, r) {
+	if (e === null || t === null || t <= e) return [];
+	let i = ht(new Date(n)), a = [];
+	for (let o = i.getTime() - dt; o <= r + dt; o += dt) {
+		let i = o + e * ut, s = o + t * ut;
+		s < n || i > r || a.push({
+			startMs: i,
+			endMs: s
+		});
+	}
+	return a;
+}
+//#endregion
+//#region src/components/data/MTimelineCalendar/DayStrip.tsx
+function Dt({ centerAt: e, now: t, locale: n, days: r, conflictDayKeys: i, onSelectDay: a, onStep: o }) {
+	let s = Y(() => {
+		let t = ht(e), n = [];
+		for (let e = -r; e <= r; e += 1) n.push(gt(t, e));
+		return n;
+	}, [e, r]);
+	return /* @__PURE__ */ $("div", {
+		className: "mtimeline-day-strip",
+		role: "tablist",
+		"aria-label": "Day navigator",
+		children: [
+			/* @__PURE__ */ Q(L, {
+				size: "sm",
+				variant: "outlined",
+				color: "neutral",
+				iconOnly: !0,
+				"aria-label": "Previous day",
+				className: "mtimeline-day-arrow",
+				startIcon: /* @__PURE__ */ Q(l, { size: 16 }),
+				onClick: () => o(-1)
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "mtimeline-day-strip-track",
+				children: s.map((r) => {
+					let o = _t(r, e), s = _t(r, t), c = r.toISOString().slice(0, 10), l = i.has(c);
+					return /* @__PURE__ */ $("button", {
+						type: "button",
+						role: "tab",
+						"aria-selected": o,
+						className: j("mtimeline-day-cell", o && "active", s && "today", l && "has-conflict"),
+						onClick: () => a(r),
+						children: [
+							/* @__PURE__ */ Q("span", {
+								className: "mtimeline-day-cell-weekday",
+								children: bt(r, n)
+							}),
+							/* @__PURE__ */ Q("span", {
+								className: "mtimeline-day-cell-number",
+								children: r.getDate()
+							}),
+							l && /* @__PURE__ */ Q("span", {
+								className: "mtimeline-day-cell-dot",
+								"aria-hidden": "true"
+							})
+						]
+					}, c);
+				})
+			}),
+			/* @__PURE__ */ Q(L, {
+				size: "sm",
+				variant: "outlined",
+				color: "neutral",
+				iconOnly: !0,
+				"aria-label": "Next day",
+				className: "mtimeline-day-arrow",
+				startIcon: /* @__PURE__ */ Q(ee, { size: 16 }),
+				onClick: () => o(1)
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/data/MTimelineCalendar/EventPopover.tsx
+function Ot({ event: e, locale: t, startMs: n, endMs: r, rowLabel: i, overlapping: a, eventActionsLabel: o, menuItems: s, renderDetails: c, onLeaderClick: l, onParticipantClick: u, onClose: d }) {
+	let f = new Date(n), p = new Date(r), m = e.leader, h = !!(l && m), g = m ? /* @__PURE__ */ $(qe, { children: [/* @__PURE__ */ Q(Te, {
+		size: "md",
+		src: m.avatar,
+		name: m.name,
+		backgroundColor: m.color
+	}), /* @__PURE__ */ $("div", {
+		className: "mtimeline-popover-leader-text",
+		children: [/* @__PURE__ */ Q(P, {
+			size: "sm",
+			weight: "semibold",
+			children: m.name
+		}), m.role ? /* @__PURE__ */ Q(P, {
+			size: "xs",
+			tone: "muted",
+			children: m.role
+		}) : null]
+	})] }) : null;
+	return /* @__PURE__ */ Q(xe, {
+		className: "mtimeline-popover-card",
+		outlined: !1,
+		children: /* @__PURE__ */ Q(z, { children: /* @__PURE__ */ $("div", {
+			className: "mtimeline-popover",
+			children: [
+				/* @__PURE__ */ $("div", {
+					className: "mtimeline-popover-head",
+					children: [
+						/* @__PURE__ */ Q("div", {
+							className: "mtimeline-popover-accent",
+							style: e.color ? { "--mineral-timeline-event-color": e.color } : void 0,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ $("div", {
+							className: "mtimeline-popover-titles",
+							children: [/* @__PURE__ */ Q(F, {
+								level: 5,
+								children: e.title ?? xt(f, p, t)
+							}), /* @__PURE__ */ Q(P, {
+								size: "xs",
+								tone: "muted",
+								children: i
+							})]
+						}),
+						s.length > 0 && /* @__PURE__ */ Q(U, {
+							placement: "bottom-end",
+							trigger: /* @__PURE__ */ Q(L, {
+								size: "sm",
+								variant: "ghost",
+								color: "neutral",
+								iconOnly: !0,
+								"aria-label": o,
+								startIcon: /* @__PURE__ */ Q(de, {})
+							}),
+							children: s.map((t) => t.href ? /* @__PURE__ */ Q(W, {
+								icon: t.icon,
+								label: t.label,
+								href: t.href,
+								color: t.color,
+								disabled: t.disabled
+							}, t.id) : /* @__PURE__ */ Q(W, {
+								icon: t.icon,
+								label: t.label,
+								color: t.color,
+								disabled: t.disabled,
+								onClick: () => {
+									t.onSelect?.(e), d();
+								}
+							}, t.id))
+						})
+					]
+				}),
+				/* @__PURE__ */ $("div", {
+					className: "mtimeline-popover-meta",
+					children: [/* @__PURE__ */ $(P, {
+						size: "sm",
+						children: [
+							St(f, t),
+							" · ",
+							xt(f, p, t)
+						]
+					}), a && /* @__PURE__ */ $(B, {
+						color: "warning",
+						size: "sm",
+						children: [/* @__PURE__ */ Q(ue, { size: 12 }), " Conflict"]
+					})]
+				}),
+				e.location && /* @__PURE__ */ Q(P, {
+					size: "sm",
+					tone: "muted",
+					children: e.location
+				}),
+				e.description && /* @__PURE__ */ Q(P, {
+					size: "sm",
+					tone: "muted",
+					children: e.description
+				}),
+				m && (h ? /* @__PURE__ */ Q("button", {
+					type: "button",
+					className: "mtimeline-popover-leader interactive",
+					onClick: () => {
+						l?.(m, e), d();
+					},
+					children: g
+				}) : /* @__PURE__ */ Q("div", {
+					className: "mtimeline-popover-leader",
+					children: g
+				})),
+				e.participants && e.participants.length > 0 && /* @__PURE__ */ $("div", {
+					className: "mtimeline-popover-participants",
+					children: [/* @__PURE__ */ $(P, {
+						size: "xs",
+						tone: "muted",
+						weight: "semibold",
+						children: [
+							"Participants (",
+							e.participants.length,
+							e.capacity ? ` / ${e.capacity}` : null,
+							")"
+						]
+					}), /* @__PURE__ */ Q(we, {
+						items: e.participants.map((t, n) => ({
+							id: t.id ?? `${t.name}-${n}`,
+							name: t.name,
+							description: t.role,
+							avatar: t.avatar,
+							backgroundColor: t.color,
+							onClick: u ? () => {
+								u(t, e), d();
+							} : void 0
+						})),
+						max: e.capacity ?? 8,
+						size: "sm"
+					})]
+				}),
+				c ? /* @__PURE__ */ Q("div", {
+					className: "mtimeline-popover-extra",
+					children: c(e)
+				}) : null
+			]
+		}) })
+	});
+}
+//#endregion
+//#region src/components/data/MTimelineCalendar/MTimelineCalendar.tsx
+function kt({ rows: e, events: t, centerAt: n, defaultCenterAt: r, pixelsPerHour: i = 96, rowLabelWidth: a = 168, rowHeight: o = 56, headerHeight: s = 56, dayStripHeight: c = 56, dayStripDays: u = 14, workdayStart: d, workdayEnd: f, showNowLine: p = !0, showDayStrip: m = !0, overlapHighlight: h = !0, panKeyStepMinutes: g = 30, locale: _, emptyStateText: v, height: y, fullHeight: b = !0, eventMenuItems: x, renderEventDetails: S, eventActionsLabel: C = "Event actions", onEventClick: w, onEventOpen: T, onLeaderClick: E, onParticipantClick: D, onCenterChange: te, onRangeChange: O, rangeBufferRatio: ne = 1, rangeChangeDebounceMs: k = 200, loading: re, className: ie, style: ae, ...oe }) {
+	let se = Ce(_), ce = n !== void 0, [le, A] = Z(() => r ?? /* @__PURE__ */ new Date()), [de, fe] = Z(() => ft()), [pe, me] = Z(null), [he, ge] = Z(() => /* @__PURE__ */ new Date()), _e = X(null), M = X(/* @__PURE__ */ new Map()), N = X(null), ye = X(null), F = X(null), be = X(null);
+	Ge(() => {
+		ce && n && A(n);
+	}, [ce, n]), Ke(() => {
+		let e = _e.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.getBoundingClientRect();
+			t.width > 0 && fe(t.width);
+		};
+		t();
+		let n = null;
+		typeof window < "u" && (n = window.requestAnimationFrame(t));
+		let r = null;
+		return typeof ResizeObserver < "u" && (r = new ResizeObserver((e) => {
+			let t = e[0];
+			t && t.contentRect.width > 0 && fe(t.contentRect.width);
+		}), r.observe(e)), () => {
+			n !== null && typeof window < "u" && window.cancelAnimationFrame(n), r?.disconnect();
+		};
+	}, []), Ge(() => {
+		if (!p) return;
+		let e = () => ge(/* @__PURE__ */ new Date());
+		return e(), ye.current = window.setInterval(e, 3e4), () => {
+			ye.current !== null && window.clearInterval(ye.current);
+		};
+	}, [p]);
+	let I = ce ? n ?? le : le, R = i, xe = R / lt, z = J((e) => {
+		ce || A(e), te?.(e);
+	}, [ce, te]), B = e.length * o, Se = Math.max(de, 320) / 2 / xe, V = I.getTime() - Se, H = I.getTime() + Se, U = Se * 2 * Math.max(0, ne), { positioned: W, bands: G } = Y(() => Ct(e.map((e) => e.id), t), [e, t]), K = Y(() => W.filter((e) => e.endMs > V && e.startMs < H), [
+		W,
+		V,
+		H
+	]), we = Y(() => h ? G.filter((e) => e.endMs > V && e.startMs < H) : [], [
+		G,
+		h,
+		V,
+		H
+	]), Ee = Y(() => wt(G, V, H), [
+		G,
+		V,
+		H
+	]), De = Y(() => {
+		let e = /* @__PURE__ */ new Set();
+		return G.forEach((t) => {
+			let n = ht(new Date(t.startMs));
+			e.add(n.toISOString().slice(0, 10));
+		}), e;
+	}, [G]), Oe = Y(() => Tt(V, H, R), [
+		V,
+		H,
+		R
+	]), ke = Y(() => Et(mt(d), mt(f), V, H), [
+		d,
+		f,
+		V,
+		H
+	]), Ae = (e) => (e - V) * xe;
+	Ge(() => {
+		if (!O) return;
+		let e = Math.round(V), t = Math.round(H), n = be.current;
+		if (!(n && n.startMs === e && n.endMs === t)) return F.current !== null && window.clearTimeout(F.current), F.current = window.setTimeout(() => {
+			let n = {
+				visibleStart: new Date(V),
+				visibleEnd: new Date(H),
+				bufferStart: new Date(V - U),
+				bufferEnd: new Date(H + U),
+				pixelsPerHour: R
+			};
+			be.current = {
+				startMs: e,
+				endMs: t
+			}, O(n);
+		}, Math.max(0, k)), () => {
+			F.current !== null && (window.clearTimeout(F.current), F.current = null);
+		};
+	}, [
+		V,
+		H,
+		U,
+		R,
+		O,
+		k
+	]);
+	let je = J((e) => {
+		let t = new Date(e);
+		t.setHours(12, 0, 0, 0), z(t);
+	}, [z]), Me = J((e) => z(gt(I, e)), [I, z]), Ne = J((e) => {
+		let t = ht(new Date(e));
+		t.setHours(12, 0, 0, 0), z(t);
+	}, [z]), Pe = (e) => {
+		if (e.button !== 0 && e.pointerType === "mouse") return;
+		let t = e.target;
+		if (t.closest(".mtimeline-event") || t.closest(".mtimeline-conflict-marker") || t.closest(".mtimeline-loading")) return;
+		let n = _e.current;
+		n && (n.setPointerCapture(e.pointerId), N.current = {
+			pointerId: e.pointerId,
+			startX: e.clientX,
+			centerAtMs: I.getTime(),
+			moved: !1
+		});
+	}, Fe = (e) => {
+		let t = N.current;
+		if (!t || t.pointerId !== e.pointerId) return;
+		let n = e.clientX - t.startX;
+		Math.abs(n) > 3 && (t.moved = !0);
+		let r = n / xe;
+		z(new Date(t.centerAtMs - r));
+	}, Ie = (e) => {
+		let t = N.current;
+		if (t && t.pointerId === e.pointerId) {
+			let t = _e.current;
+			t && t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), N.current = null;
+		}
+	}, Le = (e) => {
+		if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+			e.preventDefault();
+			let t = e.key === "ArrowLeft" ? -1 : 1;
+			if (e.shiftKey) {
+				Me(t);
+				return;
+			}
+			let n = g * ut;
+			z(new Date(I.getTime() + t * n));
+		} else e.key === "Home" && (e.preventDefault(), z(/* @__PURE__ */ new Date()));
+	}, Re = {
+		...ae,
+		"--mineral-timeline-row-height": `${o}px`,
+		"--mineral-timeline-row-label-width": `${a}px`,
+		"--mineral-timeline-header-height": `${s}px`,
+		"--mineral-timeline-day-strip-height": `${c}px`
+	};
+	y !== void 0 && (Re.height = typeof y == "number" ? `${y}px` : y);
+	let ze = t.length === 0, q = pe ? W.find((e) => e.event.id === pe) ?? null : null, Be = {
+		get current() {
+			return pe ? M.current.get(pe) ?? null : null;
+		},
+		set current(e) {}
+	}, Ve = q ? e[q.rowIndex]?.label ?? "" : "", He = q && x ? x(q.event) : [];
+	return /* @__PURE__ */ $("div", {
+		className: j("mtimeline", b && "full-height", ie),
+		style: Re,
+		...oe,
+		children: [
+			m && /* @__PURE__ */ Q(Dt, {
+				centerAt: I,
+				now: he,
+				locale: se,
+				days: u,
+				conflictDayKeys: De,
+				onSelectDay: je,
+				onStep: Me
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "mtimeline-body",
+				children: [/* @__PURE__ */ $("div", {
+					className: "mtimeline-rail",
+					children: [/* @__PURE__ */ Q("div", {
+						className: "mtimeline-rail-header",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ Q(P, {
+							size: "xs",
+							tone: "muted",
+							children: yt(I, se)
+						})
+					}), /* @__PURE__ */ Q("div", {
+						className: "mtimeline-rail-rows",
+						style: { height: `${B}px` },
+						children: e.map((e) => /* @__PURE__ */ $("div", {
+							className: "mtimeline-rail-row",
+							style: { height: `${o}px` },
+							children: [e.avatar || e.icon ? /* @__PURE__ */ Q("span", {
+								className: "mtimeline-rail-avatar",
+								style: e.color ? { "--mineral-timeline-row-accent": e.color } : void 0,
+								children: e.avatar ? /* @__PURE__ */ Q(Te, {
+									size: "sm",
+									src: e.avatar,
+									name: e.label
+								}) : e.icon
+							}) : null, /* @__PURE__ */ $("span", {
+								className: "mtimeline-rail-text",
+								children: [/* @__PURE__ */ Q(P, {
+									size: "sm",
+									weight: "semibold",
+									children: e.label
+								}), e.sublabel ? /* @__PURE__ */ Q(P, {
+									size: "xs",
+									tone: "muted",
+									children: e.sublabel
+								}) : null]
+							})]
+						}, e.id))
+					})]
+				}), /* @__PURE__ */ $("div", {
+					ref: _e,
+					className: "mtimeline-viewport",
+					role: "region",
+					"aria-label": "Timeline",
+					tabIndex: 0,
+					"data-mtimeline-viewport-width": Math.round(de),
+					"data-mtimeline-tick-count": Oe.length,
+					"data-mtimeline-event-count": K.length,
+					onPointerDown: Pe,
+					onPointerMove: Fe,
+					onPointerUp: Ie,
+					onPointerCancel: Ie,
+					onKeyDown: Le,
+					children: [
+						/* @__PURE__ */ $("div", {
+							className: "mtimeline-header",
+							children: [ke.map((e, t) => /* @__PURE__ */ Q("span", {
+								className: "mtimeline-workday-marker",
+								style: {
+									left: `${Ae(e.startMs)}px`,
+									width: `${(e.endMs - e.startMs) * xe}px`
+								},
+								"aria-hidden": "true"
+							}, `workday-${t}`)), Oe.map((e) => {
+								let t = new Date(e.time);
+								return /* @__PURE__ */ Q("div", {
+									className: j("mtimeline-tick", e.major && "major", e.isDayBoundary && "day-boundary"),
+									style: { left: `${Ae(e.time)}px` },
+									children: /* @__PURE__ */ Q("span", {
+										className: "mtimeline-tick-label",
+										children: e.isDayBoundary ? yt(t, se) : new Intl.DateTimeFormat(se, {
+											hour: "2-digit",
+											minute: "2-digit",
+											hour12: !1
+										}).format(t)
+									})
+								}, e.time);
+							})]
+						}),
+						/* @__PURE__ */ $("div", {
+							className: "mtimeline-canvas",
+							style: { height: `${B}px` },
+							children: [
+								ke.map((e, t) => /* @__PURE__ */ Q("span", {
+									className: "mtimeline-workday-band",
+									style: {
+										left: `${Ae(e.startMs)}px`,
+										width: `${(e.endMs - e.startMs) * xe}px`
+									},
+									"aria-hidden": "true"
+								}, `workday-canvas-${t}`)),
+								Oe.map((e) => /* @__PURE__ */ Q("span", {
+									className: j("mtimeline-gridline", e.major && "major", e.isDayBoundary && "day-boundary"),
+									style: { left: `${Ae(e.time)}px` },
+									"aria-hidden": "true"
+								}, `gridline-${e.time}`)),
+								e.map((e, t) => /* @__PURE__ */ Q("span", {
+									className: "mtimeline-row-line",
+									style: { top: `${(t + 1) * o}px` },
+									"aria-hidden": "true"
+								}, `row-line-${t}`)),
+								K.map((e) => {
+									let t = Ae(e.startMs), n = Math.max(2, (e.endMs - e.startMs) * xe), r = e.rowIndex * o + 6, i = o - 12, a = e.event.color, s = pe === e.event.id;
+									return /* @__PURE__ */ $("button", {
+										ref: (t) => {
+											t ? M.current.set(e.event.id, t) : M.current.delete(e.event.id);
+										},
+										type: "button",
+										className: j("mtimeline-event", e.overlapping && "overlapping", s && "active"),
+										style: {
+											left: `${t}px`,
+											width: `${n}px`,
+											top: `${r}px`,
+											height: `${i}px`,
+											...a ? { "--mineral-timeline-event-color": a } : null
+										},
+										onClick: (t) => {
+											N.current?.moved || (t.stopPropagation(), e.event.onClick?.(e.event), w?.(e.event), me(e.event.id), T?.(e.event));
+										},
+										title: e.event.title ? `${e.event.title} · ${xt(new Date(e.startMs), new Date(e.endMs), se)}` : xt(new Date(e.startMs), new Date(e.endMs), se),
+										children: [
+											/* @__PURE__ */ Q("span", {
+												className: "mtimeline-event-time",
+												children: xt(new Date(e.startMs), new Date(e.endMs), se)
+											}),
+											e.event.title ? /* @__PURE__ */ Q("span", {
+												className: "mtimeline-event-title",
+												children: e.event.title
+											}) : null,
+											e.event.icon ? /* @__PURE__ */ Q("span", {
+												className: "mtimeline-event-icon",
+												children: e.event.icon
+											}) : null
+										]
+									}, e.event.id);
+								}),
+								we.map((e, t) => /* @__PURE__ */ Q("span", {
+									className: "mtimeline-overlap",
+									role: "note",
+									style: {
+										left: `${Ae(e.startMs)}px`,
+										width: `${Math.max(2, (e.endMs - e.startMs) * xe)}px`,
+										top: `${e.rowIndex * o}px`,
+										height: `${o}px`
+									},
+									title: `${e.count} overlapping events`,
+									children: /* @__PURE__ */ Q("span", {
+										className: "mtimeline-overlap-icon",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ Q(ue, { size: 12 })
+									})
+								}, `overlap-${t}`)),
+								p ? /* @__PURE__ */ Q("span", {
+									className: "mtimeline-now",
+									style: { left: `${Ae(he.getTime())}px` },
+									"aria-hidden": "true"
+								}) : null
+							]
+						}),
+						(() => {
+							let e = Ee.before;
+							return e ? /* @__PURE__ */ $(L, {
+								size: "sm",
+								variant: "outlined",
+								color: "warning",
+								shape: "circle",
+								className: "mtimeline-conflict-marker before",
+								onPointerDown: (e) => e.stopPropagation(),
+								onClick: (t) => {
+									t.stopPropagation(), Ne(e.targetMs);
+								},
+								startIcon: /* @__PURE__ */ Q(l, { size: 14 }),
+								title: `Conflict ${e.daysAway} day(s) earlier`,
+								children: [/* @__PURE__ */ Q(ue, { size: 12 }), /* @__PURE__ */ $("span", {
+									className: "mtimeline-conflict-marker-label",
+									children: [e.daysAway, "d"]
+								})]
+							}) : null;
+						})(),
+						(() => {
+							let e = Ee.after;
+							return e ? /* @__PURE__ */ $(L, {
+								size: "sm",
+								variant: "outlined",
+								color: "warning",
+								shape: "circle",
+								className: "mtimeline-conflict-marker after",
+								onPointerDown: (e) => e.stopPropagation(),
+								onClick: (t) => {
+									t.stopPropagation(), Ne(e.targetMs);
+								},
+								endIcon: /* @__PURE__ */ Q(ee, { size: 14 }),
+								title: `Conflict in ${e.daysAway} day(s)`,
+								children: [/* @__PURE__ */ $("span", {
+									className: "mtimeline-conflict-marker-label",
+									children: [e.daysAway, "d"]
+								}), /* @__PURE__ */ Q(ue, { size: 12 })]
+							}) : null;
+						})(),
+						ze ? /* @__PURE__ */ Q("div", {
+							className: "mtimeline-empty",
+							children: /* @__PURE__ */ Q(P, {
+								size: "sm",
+								tone: "muted",
+								children: v ?? "No events to show"
+							})
+						}) : null,
+						re ? /* @__PURE__ */ $("div", {
+							className: "mtimeline-loading",
+							"aria-live": "polite",
+							children: [/* @__PURE__ */ Q("span", {
+								className: "mtimeline-loading-dot",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ Q(P, {
+								size: "xs",
+								tone: "muted",
+								children: "Loading…"
+							})]
+						}) : null
+					]
+				})]
+			}),
+			/* @__PURE__ */ Q(ve, {
+				open: q !== null,
+				anchorRef: Be,
+				onClose: () => me(null),
+				placement: "bottom-start",
+				children: q && /* @__PURE__ */ Q(Ot, {
+					event: q.event,
+					locale: se,
+					startMs: q.startMs,
+					endMs: q.endMs,
+					rowLabel: Ve,
+					overlapping: q.overlapping,
+					eventActionsLabel: C,
+					menuItems: He,
+					renderDetails: S,
+					onLeaderClick: E,
+					onParticipantClick: D,
+					onClose: () => me(null)
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/data/MFileManager/MFileManager.tsx
+var At = {
+	pdf: /* @__PURE__ */ Q(re, {}),
+	ts: /* @__PURE__ */ Q(T, {}),
+	tsx: /* @__PURE__ */ Q(D, {}),
+	js: /* @__PURE__ */ Q(oe, {}),
+	jsx: /* @__PURE__ */ Q(x, {}),
+	css: /* @__PURE__ */ Q(he, {}),
+	scss: /* @__PURE__ */ Q(he, {}),
+	html: /* @__PURE__ */ Q(ce, {}),
+	json: /* @__PURE__ */ Q(v, {}),
+	md: /* @__PURE__ */ Q(b, {}),
+	txt: /* @__PURE__ */ Q(d, {}),
+	csv: /* @__PURE__ */ Q(w, {}),
+	zip: /* @__PURE__ */ Q(te, {}),
+	rar: /* @__PURE__ */ Q(E, {}),
+	svg: /* @__PURE__ */ Q(f, {}),
+	png: /* @__PURE__ */ Q(_e, {}),
+	jpg: /* @__PURE__ */ Q(r, {}),
+	jpeg: /* @__PURE__ */ Q(t, {}),
+	gif: /* @__PURE__ */ Q(y, {}),
+	webp: /* @__PURE__ */ Q(h, {}),
+	php: /* @__PURE__ */ Q(S, {}),
+	xml: /* @__PURE__ */ Q(m, {}),
+	xls: /* @__PURE__ */ Q(A, {}),
+	ppt: /* @__PURE__ */ Q(a, {}),
+	odt: /* @__PURE__ */ Q(_, {}),
+	exe: /* @__PURE__ */ Q(s, {}),
+	mp3: /* @__PURE__ */ Q(u, {}),
+	mp4: /* @__PURE__ */ Q(p, {})
+};
+function jt(e) {
+	let t = e.lastIndexOf(".");
+	return t < 1 ? null : e.slice(t + 1).toLowerCase();
+}
+function Mt(e) {
+	return e?.kind === "folder" || !!e?.children?.length;
+}
+function Nt(e) {
+	let t = jt(e);
+	return t ? At[t] ?? /* @__PURE__ */ Q(fe, {}) : /* @__PURE__ */ Q(ae, {});
+}
+function Pt(e, t = !1) {
+	return e.icon ? e.icon : Mt(e) ? Q(t ? C : o, {}) : Nt(e.label);
+}
+function Ft(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 It(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 Lt(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 Rt(e) {
+	return e.flatMap((e) => Mt(e) ? [{
+		...e,
+		kind: "folder",
+		children: Rt(e.children ?? [])
+	}] : []);
+}
+function zt(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 Bt(e, t, n) {
+	if (!e) return null;
+	let r = t.get(e);
+	return r ? Mt(r) ? r.id : n.get(r.id) ?? null : null;
+}
+function Vt(e, t) {
+	return e ? e.children ?? [] : t;
+}
+function Ht(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 Ut(e, t) {
+	return [
+		...Mt(e) ? [] : [{
+			id: "download",
+			label: t.download,
+			icon: /* @__PURE__ */ Q(pe, {}),
+			color: "primary"
+		}],
+		{
+			id: "rename",
+			label: t.rename,
+			icon: /* @__PURE__ */ Q(le, {})
+		},
+		{
+			id: "move",
+			label: t.moveTo,
+			icon: /* @__PURE__ */ Q(n, {})
+		},
+		{
+			id: "delete",
+			label: t.delete,
+			icon: /* @__PURE__ */ Q(k, {}),
+			color: "error"
+		}
+	];
+}
+function Wt(e, t) {
+	return [...Mt(e) ? [{
+		id: "new-folder",
+		label: t.newFolder,
+		icon: /* @__PURE__ */ Q(ge, {})
+	}] : [], ...Ut(e, t)];
+}
+function Gt({ 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: ee, toolbarActions: b = [], onToolbarAction: x, onOpenItem: S, onItemAction: C, onContextMenuAction: w, canDrop: T, onMove: E, renderPreview: D, className: te, ...O }) {
+	let ne = Ce(t), k = Re(), [re, ie] = Z(o), [ae, oe] = Z(null), [se, ce] = Z(d), [le, ue] = Z(m), { nodeMap: A, parentMap: fe } = Y(() => Lt(e), [e]), pe = Y(() => Rt(e), [e]), he = Bt(a === void 0 ? re : a, A, fe), ge = he ? A.get(he) ?? null : null, _e = c === void 0 ? ae : c, M = _e ? A.get(_e) ?? null : null, ve = M ? M.id : null, F = u ?? se, be = p ?? le, I = Vt(ge, e), R = be.trim().toLowerCase(), xe = zt(he, A, fe), z = _ ?? k.searchPlaceholder, Se = ee ?? k.emptyText, H = !!(C || w), G = Y(() => R ? I.filter((e) => e.label.toLowerCase().includes(R)) : I, [I, R]);
+	function K(e) {
+		let t = Bt(e, A, fe), n = t ? A.get(t) ?? null : null;
+		s ? s(t, n) : ie(t);
+	}
+	function we(e, t = he, n = ge) {
+		let r = Ht(e, A, fe, t, n);
+		l ? l(r) : oe(e);
+	}
+	function Te(e) {
+		f ? f(e) : ce(e);
+	}
+	function Ee(e) {
+		h ? h(e) : ue(e);
+	}
+	function De(e, t) {
+		K(e), we(e, t.id, t);
+	}
+	function Oe(e) {
+		if (Mt(e)) {
+			K(e.id), we(e.id, e.id, e);
+			return;
+		}
+		we(e.id);
+	}
+	function ke(e) {
+		x && x({
+			...Ht(ve, A, fe, he, ge),
+			actionId: e,
+			visibleItems: G
+		});
+	}
+	function Ae(e, t) {
+		(C ?? w)?.(e, t);
+	}
+	function je(e, t) {
+		(w ?? C)?.(e, t);
+	}
+	function Me(e) {
+		let t = [], n = Ft(e.size), r = It(e.modifiedAt, ne);
+		return Mt(e) && t.push(k.itemsCount(e.children?.length ?? 0)), n && t.push(n), r && t.push(r), t.join(" / ");
+	}
+	return /* @__PURE__ */ $("div", {
+		className: j("file-manager", !v && "no-sidebar", !y && "no-preview", te),
+		...O,
+		children: [/* @__PURE__ */ $("div", {
+			className: "toolbar",
+			children: [/* @__PURE__ */ $("div", {
+				className: "toolbar-main",
+				children: [/* @__PURE__ */ $("div", {
+					className: "breadcrumbs",
+					children: [/* @__PURE__ */ $("button", {
+						type: "button",
+						className: "breadcrumb root",
+						onClick: () => K(null),
+						children: [/* @__PURE__ */ Q(me, {}), /* @__PURE__ */ Q(P, {
+							as: "span",
+							weight: "semibold",
+							children: k.home
+						})]
+					}), xe.map((e) => /* @__PURE__ */ $("div", {
+						className: "breadcrumbs",
+						children: [/* @__PURE__ */ Q("span", {
+							className: "breadcrumb-separator",
+							children: "/"
+						}), /* @__PURE__ */ Q("button", {
+							type: "button",
+							className: "breadcrumb",
+							onClick: () => K(e.id),
+							children: /* @__PURE__ */ Q(P, {
+								as: "span",
+								children: e.label
+							})
+						})]
+					}, e.id))]
+				}), g && /* @__PURE__ */ Q(V, {
+					className: "toolbar-search",
+					size: "sm",
+					placeholder: z,
+					value: be,
+					onChange: (e) => Ee(e.target.value),
+					onClear: () => Ee("")
+				})]
+			}), /* @__PURE__ */ $("div", {
+				className: "toolbar-actions",
+				children: [b.map((e) => /* @__PURE__ */ Q(L, {
+					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__ */ $("div", {
+					className: "view-switch",
+					children: [/* @__PURE__ */ Q(L, {
+						size: "sm",
+						variant: F === "list" ? "secondary" : "ghost",
+						onClick: () => Te("list"),
+						children: k.listView
+					}), /* @__PURE__ */ Q(L, {
+						size: "sm",
+						variant: F === "grid" ? "secondary" : "ghost",
+						onClick: () => Te("grid"),
+						children: k.gridView
+					})]
+				})]
+			})]
+		}), /* @__PURE__ */ $("div", {
+			className: "body",
+			children: [
+				v && /* @__PURE__ */ $("aside", {
+					className: "panel",
+					children: [/* @__PURE__ */ $("div", {
+						className: "panel-header",
+						children: [/* @__PURE__ */ Q(P, {
+							weight: "semibold",
+							children: k.folders
+						}), /* @__PURE__ */ Q(B, {
+							size: "sm",
+							color: "info",
+							children: pe.length
+						})]
+					}), /* @__PURE__ */ Q("div", {
+						className: "panel-body sidebar-body",
+						children: pe.length > 0 ? /* @__PURE__ */ Q(Ie, {
+							items: pe,
+							selectable: !0,
+							fileIcons: !0,
+							defaultExpanded: n,
+							expanded: r,
+							onExpandChange: i,
+							selected: he,
+							onSelect: (e, t) => De(e, t),
+							draggable: !!E,
+							canDrop: T ? (e, t) => T(e, t) : void 0,
+							onMove: E ? (e) => E({
+								draggedId: e.draggedId,
+								draggedNode: e.draggedNode,
+								targetId: e.targetId,
+								targetNode: e.targetNode
+							}) : void 0,
+							contextMenuItems: H ? (e) => Wt(e, k) : void 0,
+							onContextMenuAction: H ? (e, t) => je(e, t) : void 0
+						}) : /* @__PURE__ */ Q("div", {
+							className: "empty-state",
+							children: k.noFoldersAvailable
+						})
+					})]
+				}),
+				/* @__PURE__ */ $("section", {
+					className: "panel",
+					children: [/* @__PURE__ */ $("div", {
+						className: "panel-header",
+						children: [/* @__PURE__ */ $(N, {
+							align: "center",
+							wrap: "wrap",
+							children: [/* @__PURE__ */ Q(P, {
+								weight: "semibold",
+								children: ge?.label ?? k.home
+							}), /* @__PURE__ */ Q(B, {
+								size: "sm",
+								children: G.length
+							})]
+						}), /* @__PURE__ */ Q(P, {
+							size: "sm",
+							tone: "muted",
+							children: R ? k.filteredBy(be) : k.currentFolder
+						})]
+					}), /* @__PURE__ */ Q("div", {
+						className: "panel-body",
+						children: G.length > 0 ? /* @__PURE__ */ Q("div", {
+							className: j("content-items", F),
+							children: G.map((e) => {
+								let t = ve === e.id, n = Me(e), r = H ? Ut(e, k) : [];
+								return /* @__PURE__ */ $("div", {
+									className: j("item-card", t && "selected"),
+									children: [/* @__PURE__ */ $("button", {
+										type: "button",
+										className: "item-card-main",
+										onClick: () => Oe(e),
+										onDoubleClick: () => S?.(e),
+										children: [/* @__PURE__ */ Q("span", {
+											className: "item-icon",
+											children: Pt(e)
+										}), /* @__PURE__ */ $("span", {
+											className: "item-text",
+											children: [
+												/* @__PURE__ */ Q(P, {
+													as: "span",
+													weight: "semibold",
+													truncate: !0,
+													children: e.label
+												}),
+												e.description ? /* @__PURE__ */ Q(P, {
+													as: "span",
+													size: "sm",
+													tone: "muted",
+													truncate: 2,
+													children: e.description
+												}) : null,
+												/* @__PURE__ */ $("span", {
+													className: "item-meta",
+													children: [/* @__PURE__ */ Q(B, {
+														size: "sm",
+														color: Mt(e) ? "info" : "primary",
+														children: Mt(e) ? k.folder : k.file
+													}), n ? /* @__PURE__ */ Q(P, {
+														as: "span",
+														size: "sm",
+														tone: "muted",
+														truncate: !0,
+														children: n
+													}) : null]
+												})
+											]
+										})]
+									}), r.length > 0 ? /* @__PURE__ */ Q("div", {
+										className: "item-card-actions",
+										children: /* @__PURE__ */ Q(U, {
+											placement: "bottom-end",
+											trigger: /* @__PURE__ */ Q(L, {
+												"aria-label": `${k.preview}: ${e.label}`,
+												variant: "ghost",
+												size: "sm",
+												iconOnly: !0,
+												children: /* @__PURE__ */ Q(de, {})
+											}),
+											children: r.map((t) => /* @__PURE__ */ Q(W, {
+												icon: t.icon,
+												label: t.label,
+												color: t.color,
+												onClick: () => Ae(t.id, e)
+											}, t.id))
+										})
+									}) : null]
+								}, e.id);
+							})
+						}) : /* @__PURE__ */ Q("div", {
+							className: "empty-state",
+							children: Se
+						})
+					})]
+				}),
+				y && /* @__PURE__ */ $("aside", {
+					className: "panel",
+					children: [/* @__PURE__ */ $("div", {
+						className: "panel-header",
+						children: [/* @__PURE__ */ Q(P, {
+							weight: "semibold",
+							children: k.preview
+						}), M ? /* @__PURE__ */ Q(B, {
+							size: "sm",
+							color: Mt(M) ? "info" : "primary",
+							children: Mt(M) ? k.folder : k.file
+						}) : null]
+					}), /* @__PURE__ */ Q("div", {
+						className: "panel-body",
+						children: M ? /* @__PURE__ */ $(ye, { children: [
+							/* @__PURE__ */ Q("div", {
+								className: "preview-visual",
+								children: D ? D(M) : M.preview ? M.preview : /* @__PURE__ */ Q("span", {
+									className: "preview-icon",
+									children: Pt(M, !0)
+								})
+							}),
+							/* @__PURE__ */ Q(P, {
+								weight: "semibold",
+								children: M.label
+							}),
+							M.description ? /* @__PURE__ */ Q(P, {
+								size: "sm",
+								tone: "muted",
+								children: M.description
+							}) : null,
+							/* @__PURE__ */ $("div", {
+								className: "preview-meta",
+								children: [
+									/* @__PURE__ */ Q(B, {
+										size: "sm",
+										color: Mt(M) ? "info" : "primary",
+										children: Mt(M) ? k.folder : k.file
+									}),
+									Ft(M.size) ? /* @__PURE__ */ Q(B, {
+										size: "sm",
+										children: Ft(M.size)
+									}) : null,
+									It(M.modifiedAt, ne) ? /* @__PURE__ */ Q(B, {
+										size: "sm",
+										color: "neutral",
+										children: It(M.modifiedAt, ne)
+									}) : null
+								]
+							}),
+							/* @__PURE__ */ $(P, {
+								size: "sm",
+								tone: "muted",
+								children: [
+									k.path,
+									":",
+									" ",
+									[k.home, ...zt(M.id, A, fe).map((e) => e.label)].join(" / ")
+								]
+							})
+						] }) : /* @__PURE__ */ Q("div", {
+							className: "preview-empty",
+							children: k.selectItemToInspect
+						})
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/data/MCalendarBoard/MCalendarBoard.tsx
+var Kt = 24, qt = 60, Jt = 56, Yt = 110, Xt = 6, Zt = ["rgba(14, 165, 233, 0.85)", "rgba(244, 63, 94, 0.85)"];
+function Qt(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+}
+function $t(e) {
+	if (!e) return null;
+	if (e instanceof Date) return Qt(e);
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? null : Qt(t);
+}
+function en(e) {
+	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+function tn(e) {
+	return $t(e.date);
+}
+function nn(e, t) {
+	let n = new Date(e);
+	return n.setDate(n.getDate() + t), Qt(n);
+}
+function rn(e, t) {
+	let n = Qt(e);
+	return nn(n, -((n.getDay() - t + 7) % 7));
+}
+function an(e) {
+	return [...e].sort((e, t) => {
+		let n = e.startTime ?? "99:99", r = t.startTime ?? "99:99";
+		return n.localeCompare(r);
+	});
+}
+function on(e, t) {
+	let n = rn(new Date(e.getFullYear(), e.getMonth(), 1), t);
+	return Array.from({ length: 42 }, (e, t) => nn(n, t));
+}
+function sn(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 cn(e) {
+	return e.color ?? sn(e.status);
+}
+function ln(e, t) {
+	return new Intl.DateTimeFormat(t, {
+		weekday: "long",
+		day: "numeric",
+		month: "long",
+		year: "numeric"
+	}).format(e);
+}
+function un(e, t) {
+	let n = nn(e, 6), r = new Intl.DateTimeFormat(t, {
+		day: "numeric",
+		month: "short"
+	});
+	return `${r.format(e)} - ${r.format(n)}`;
+}
+function dn(e, t) {
+	return e.startTime && e.endTime ? `${e.startTime} - ${e.endTime}` : e.startTime ? e.startTime : t.allDay;
+}
+function fn(e) {
+	let t = /^(\d{1,2}):(\d{2})$/.exec(e);
+	return t ? Number(t[1]) * 60 + Number(t[2]) : null;
+}
+function pn(e) {
+	if (!e.startTime || !e.endTime) return null;
+	let t = fn(e.startTime), n = fn(e.endTime);
+	if (t === null || n === null || n <= t) return null;
+	let r = n - t, i = Math.floor(r / 60), a = r % 60;
+	return i === 0 ? `${a}m` : a === 0 ? `${i}h` : `${i}h ${a}m`;
+}
+function mn(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 hn(e) {
+	if (!e) return null;
+	let [t, n] = e.split(":"), r = Number(t), i = Number(n ?? 0);
+	return Number.isNaN(r) || Number.isNaN(i) ? null : r * qt + i;
+}
+function gn(e) {
+	let t = hn(e.startTime);
+	if (t === null) return null;
+	let n = hn(e.endTime), r = n !== null && n > t ? n : t + qt;
+	return {
+		start: t,
+		end: Math.min(r, Kt * qt)
+	};
+}
+function _n(e, t) {
+	let n = t * qt, r = n + qt, i = [];
+	return e.forEach((e) => {
+		let t = gn(e);
+		if (!t) return;
+		let a = Math.max(t.start, n), o = Math.min(t.end, r);
+		o <= a || i.push({
+			event: e,
+			fromPercent: (a - n) / qt * 100,
+			toPercent: (o - n) / qt * 100
+		});
+	}), i;
+}
+function vn(e) {
+	let t = /* @__PURE__ */ new Set(), n = e.map((e) => {
+		let t = gn(e);
+		return t ? {
+			event: e,
+			...t
+		} : null;
+	}).filter((e) => e !== null).sort((e, t) => e.start - t.start);
+	for (let e = 0; e < n.length; e += 1) for (let r = e + 1; r < n.length && !(n[r].start >= n[e].end); r += 1) t.add(n[e].event.id), t.add(n[r].event.id);
+	return t;
+}
+function yn(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 bn(e, t, n, r) {
+	return t === "week" ? un(rn(e, r), n) : new Intl.DateTimeFormat(n, {
+		month: "long",
+		year: "numeric"
+	}).format(e);
+}
+function xn(e, t) {
+	return e === "week" ? t.weekView : t.monthView;
+}
+function Sn(e, t) {
+	let n = [];
+	return e && n.push({
+		id: "add",
+		label: t ?? "Add event",
+		icon: /* @__PURE__ */ Q(O, {}),
+		onSelect: (t) => e(t)
+	}), n;
+}
+function Cn(e, t, n) {
+	let r = [];
+	e.href && r.push({
+		id: "open",
+		label: "Open",
+		icon: /* @__PURE__ */ Q(ie, {}),
+		href: e.href
+	});
+	let i = e.onEdit ?? t;
+	i && r.push({
+		id: "edit",
+		label: "Edit",
+		icon: /* @__PURE__ */ Q(le, {}),
+		onSelect: i
+	});
+	let a = e.onDelete ?? n;
+	return a && r.push({
+		id: "delete",
+		label: "Delete",
+		icon: /* @__PURE__ */ Q(k, {}),
+		color: "error",
+		onSelect: a
+	}), r;
+}
+function wn({ date: e, events: t, overlapWarning: n = !1, orientation: r = "vertical", className: i, ...a }) {
+	let o = q(), s = Y(() => vn(t), [t]), c = Array.from({ length: Kt }, (e, t) => t);
+	return /* @__PURE__ */ Q("div", {
+		className: j("calendar hourbar", r, i),
+		"aria-hidden": "true",
+		...a,
+		children: c.map((e) => {
+			let r = _n(t, e), i = Math.min(100, r.reduce((e, t) => e + (t.toPercent - t.fromPercent), 0)), a = n && r.some((e) => s.has(e.event.id));
+			return /* @__PURE__ */ Q("div", {
+				className: j("hourbar slot", r.length > 0 && "filled", a && "overlap"),
+				style: { "--mineral-hourbar-fill": `${i}%` },
+				children: r.map((e, t) => {
+					let n = a && r.length > 1 ? Zt[t % Zt.length] : cn(e.event), i = pn(e.event), s = dn(e.event, o);
+					return /* @__PURE__ */ Q(H, {
+						placement: "left",
+						delay: 120,
+						className: "hourbar segment-wrapper",
+						style: {
+							position: "absolute",
+							left: 0,
+							right: 0,
+							top: `${e.fromPercent}%`,
+							height: `${e.toPercent - e.fromPercent}%`,
+							background: n
+						},
+						content: /* @__PURE__ */ $("div", {
+							className: "hourbar tooltip-content",
+							children: [/* @__PURE__ */ Q("strong", { children: e.event.title }), /* @__PURE__ */ Q("span", { children: i ? `${s} · ${i}` : s })]
+						}),
+						children: /* @__PURE__ */ Q("span", {
+							className: "hourbar segment-fill",
+							"aria-hidden": "true"
+						})
+					}, `${e.event.id}-${t}`);
+				})
+			}, e);
+		})
+	});
+}
+function Tn({ filters: e, activeFilterIds: t, onToggle: n }) {
+	return e.length ? /* @__PURE__ */ Q("div", {
+		className: "calendar filters",
+		children: e.map((e) => {
+			let r = t.includes(e.id);
+			return /* @__PURE__ */ Q(L, {
+				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 En({ days: e, eventsByDay: t, selectedDate: n, activeDate: r, onDayInteract: i, dayBadge: a, renderDayCell: o, showHourBar: s, overlapWarning: c, onAddEvent: l, addEventLabel: u }) {
+	let d = en(Qt(/* @__PURE__ */ new Date()));
+	return /* @__PURE__ */ Q("div", {
+		className: "calendar week",
+		children: e.map((e) => {
+			let f = en(e), p = t.get(f) ?? [], m = a?.(e, p) ?? (p.length > 0 ? /* @__PURE__ */ Q(B, {
+				size: "sm",
+				children: p.length
+			}) : null), h = !!(n && en(n) === f), g = {
+				date: e,
+				events: p,
+				badge: m,
+				isToday: f === d,
+				isSelected: h,
+				isOutsideMonth: !1
+			};
+			return /* @__PURE__ */ Q("div", {
+				className: "calendar week column",
+				children: /* @__PURE__ */ Q(Dn, {
+					date: e,
+					events: p,
+					badge: m,
+					isToday: g.isToday,
+					isSelected: h || !!(r && en(r) === f),
+					isOutsideMonth: !1,
+					showHourBar: s,
+					overlapWarning: c,
+					onAddEvent: l ? (e) => l(e) : void 0,
+					addEventLabel: u,
+					onClick: (t) => i(e, t.currentTarget, p),
+					children: o ? o(e, g) : void 0
+				})
+			}, f);
+		})
+	});
+}
+function Dn({ date: e, events: t = [], badge: n, isToday: r = !1, isSelected: i = !1, isOutsideMonth: a = !1, showHourBar: o = !1, overlapWarning: s = !1, onAddEvent: c, addEventLabel: l, className: u, children: d, ...f }) {
+	let p = (t) => {
+		t.stopPropagation(), c?.(e);
+	};
+	return /* @__PURE__ */ Q("button", {
+		type: "button",
+		className: j("calendar day cell", r && "today", i && "selected", a && "outside-month", o && "has-hourbar", u),
+		...f,
+		children: d ?? /* @__PURE__ */ $(qe, { children: [/* @__PURE__ */ $("div", {
+			className: "day inner",
+			children: [/* @__PURE__ */ $("div", {
+				className: "day header",
+				children: [/* @__PURE__ */ Q("span", {
+					className: "day number",
+					children: e.getDate()
+				}), /* @__PURE__ */ Q("div", {
+					className: "day meta",
+					children: n
+				})]
+			}), c && /* @__PURE__ */ Q("div", {
+				className: "day footer",
+				children: /* @__PURE__ */ Q("span", {
+					role: "button",
+					tabIndex: -1,
+					"aria-label": l,
+					title: l,
+					className: "day add",
+					onClick: p,
+					children: /* @__PURE__ */ Q(O, { size: 14 })
+				})
+			})]
+		}), o && /* @__PURE__ */ Q(wn, {
+			date: e,
+			events: t,
+			overlapWarning: s,
+			className: "embedded"
+		})] })
+	});
+}
+function On({ event: e, locale: t, className: n, currentDate: r, menuItems: i, renderMenu: a, showActions: o = !0, overlap: s = !1, onSelect: c, onEdit: l, onDelete: u, ...d }) {
+	let f = Ce(t), p = q(), m = e.status === "cancelled" ? "error" : e.status === "done" ? "success" : e.status === "active" ? "info" : "warning", h = e.menuItems ?? i ?? a?.(e) ?? Cn(e, l, u), g = !!(e.href || e.onClick || c), _ = cn(e), v = (t) => {
+		t.target.closest(".event-menu, .event-menu-trigger") || (e.onClick?.(e), c?.(e));
+	}, y = (t) => /* @__PURE__ */ $(t, {
+		...t === "a" ? {
+			href: e.href,
+			target: (e.href, void 0)
+		} : {},
+		...t === "button" ? {
+			type: "button",
+			onClick: v
+		} : {},
+		...t === "a" ? { onClick: v } : {},
+		className: j("calendar event item", g && "interactive", s && "overlap", n),
+		style: { "--mineral-event-accent": _ },
+		...d,
+		children: [
+			/* @__PURE__ */ $("div", {
+				className: "event time",
+				children: [/* @__PURE__ */ Q("span", {
+					className: "event accent",
+					"aria-hidden": "true"
+				}), dn(e, p)]
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "event content",
+				children: [
+					/* @__PURE__ */ $("div", {
+						className: "event title row",
+						children: [/* @__PURE__ */ Q(F, {
+							level: 5,
+							children: e.title
+						}), /* @__PURE__ */ $("div", {
+							className: "event title meta",
+							children: [s && /* @__PURE__ */ $(B, {
+								color: "warning",
+								size: "sm",
+								children: [/* @__PURE__ */ Q(ue, { size: 12 }), " Overlap"]
+							}), e.status && /* @__PURE__ */ Q(B, {
+								color: m,
+								size: "sm",
+								children: e.status
+							})]
+						})]
+					}),
+					e.description && /* @__PURE__ */ Q(P, {
+						size: "sm",
+						tone: "muted",
+						children: e.description
+					}),
+					/* @__PURE__ */ $("div", {
+						className: "event details",
+						children: [
+							e.type && /* @__PURE__ */ Q(B, {
+								color: "neutral",
+								size: "sm",
+								children: e.type
+							}),
+							e.badgeLabel && /* @__PURE__ */ Q(B, {
+								size: "sm",
+								children: e.badgeLabel
+							}),
+							e.user && /* @__PURE__ */ $("span", {
+								className: "event user",
+								children: [/* @__PURE__ */ Q(Te, {
+									size: "sm",
+									src: e.user.avatar,
+									name: e.user.name,
+									backgroundColor: e.user.color
+								}), e.user.name]
+							}),
+							!e.startTime && !e.endTime && r && /* @__PURE__ */ Q(P, {
+								size: "sm",
+								tone: "muted",
+								children: ln(r, f)
+							})
+						]
+					})
+				]
+			}),
+			o && h.length > 0 && /* @__PURE__ */ Q("div", {
+				className: "event-menu",
+				onClick: (e) => e.stopPropagation(),
+				onMouseDown: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ Q(U, {
+					placement: "bottom-end",
+					trigger: /* @__PURE__ */ Q("span", {
+						className: "event-menu-trigger",
+						"aria-label": "Event actions",
+						role: "presentation",
+						children: /* @__PURE__ */ Q(de, { size: 16 })
+					}),
+					children: h.map((t) => t.href ? /* @__PURE__ */ Q(W, {
+						icon: t.icon,
+						label: t.label,
+						href: t.href,
+						color: t.color,
+						disabled: t.disabled
+					}, t.id) : /* @__PURE__ */ Q(W, {
+						icon: t.icon,
+						label: t.label,
+						color: t.color,
+						disabled: t.disabled,
+						onClick: () => t.onSelect?.(e)
+					}, t.id))
+				})
+			})
+		]
+	});
+	return e.href ? y("a") : y(g ? "button" : "div");
+}
+function kn({ events: e, locale: t, currentDate: n, emptyStateText: r, overlapWarning: i = !1, renderEventItem: a, renderEventMenu: o, onEventSelect: s, onEventEdit: c, onEventDelete: l, className: u, ...d }) {
+	let f = Ce(t), p = q(), m = Y(() => i ? vn(e) : /* @__PURE__ */ new Set(), [e, i]);
+	return e.length ? /* @__PURE__ */ Q("div", {
+		className: j("calendar event list", u),
+		...d,
+		children: /* @__PURE__ */ Q(ye, { children: an(e).map((e) => a ? /* @__PURE__ */ Q("div", { children: a(e) }, e.id) : /* @__PURE__ */ Q(On, {
+			event: e,
+			locale: f,
+			currentDate: n,
+			renderMenu: o,
+			overlap: m.has(e.id),
+			onSelect: s,
+			onEdit: c,
+			onDelete: l
+		}, e.id)) })
+	}) : /* @__PURE__ */ Q(P, {
+		size: "sm",
+		tone: "muted",
+		className: j("calendar event list", u),
+		...d,
+		children: r ?? p.emptyStateText
+	});
+}
+function An({ event: e, locale: t, date: n, timeLabel: r, overlap: i, renderEventMenu: a, onSelect: o, onEdit: s, onDelete: c }) {
+	let [l, u] = Z(!1), d = X(null);
+	return /* @__PURE__ */ $(qe, { children: [/* @__PURE__ */ $("button", {
+		ref: d,
+		type: "button",
+		className: j("timeline event-chip", i && "overlap", l && "open"),
+		style: { "--mineral-event-color": cn(e) },
+		onClick: () => u((e) => !e),
+		children: [/* @__PURE__ */ Q("span", {
+			className: "timeline event-chip-time",
+			children: r
+		}), /* @__PURE__ */ Q("span", {
+			className: "timeline event-chip-title",
+			children: e.title
+		})]
+	}), /* @__PURE__ */ Q(ve, {
+		open: l,
+		anchorRef: d,
+		onClose: () => u(!1),
+		placement: "right-start",
+		children: /* @__PURE__ */ Q(xe, {
+			className: "timeline event-popup",
+			outlined: !1,
+			children: /* @__PURE__ */ Q(z, { children: /* @__PURE__ */ Q(On, {
+				event: e,
+				locale: t,
+				currentDate: n,
+				renderMenu: a,
+				overlap: i,
+				onSelect: o,
+				onEdit: s,
+				onDelete: c
+			}) })
+		})
+	})] });
+}
+function jn({ date: e, events: t, locale: n, startHour: r = 0, endHour: i = 23, emptyStateText: a, overlapWarning: o = !1, onAddEvent: s, addEventLabel: c, renderEventItem: l, renderEventMenu: u, onEventSelect: d, onEventEdit: f, onEventDelete: p, className: m, ...h }) {
+	let g = Ce(n), _ = q(), v = Math.max(0, Math.min(r, Kt - 1)), y = Math.max(v, Math.min(i, Kt - 1)), ee = Array.from({ length: y - v + 1 }, (e, t) => v + t), b = t.filter((e) => !e.startTime), x = Y(() => o ? vn(t) : /* @__PURE__ */ new Set(), [t, o]), S = /* @__PURE__ */ Q("div", {
+		className: "timeline allday-panel",
+		children: b.length > 0 ? /* @__PURE__ */ Q(ye, {
+			spacing: "xs",
+			children: b.map((t) => l ? /* @__PURE__ */ Q("div", { children: l(t) }, t.id) : /* @__PURE__ */ Q(On, {
+				event: t,
+				locale: g,
+				currentDate: e,
+				renderMenu: u,
+				overlap: x.has(t.id),
+				onSelect: d,
+				onEdit: f,
+				onDelete: p
+			}, t.id))
+		}) : /* @__PURE__ */ Q(P, {
+			size: "sm",
+			tone: "muted",
+			children: a ?? _.emptyStateText
+		})
+	}), C = v * qt, w = (y + 1) * qt, T = (y - v + 1) * Jt, E = Y(() => {
+		let e = an(t.filter((e) => !!e.startTime)), n = [];
+		e.forEach((e) => {
+			let t = gn(e);
+			!t || t.end <= C || t.start >= w || n.push({
+				event: e,
+				start: t.start,
+				end: t.end,
+				column: 0,
+				columns: 1
+			});
+		});
+		let r = [];
+		n.forEach((e) => {
+			let t = -1;
+			for (let n = 0; n < r.length; n++) if (r[n] <= e.start) {
+				t = n, r[n] = e.end;
+				break;
+			}
+			t === -1 && (t = r.length, r.push(e.end)), e.column = t;
+		});
+		let i = 0;
+		for (; i < n.length;) {
+			let e = i, t = n[i].end;
+			for (; e + 1 < n.length && n[e + 1].start < t;) e++, t = Math.max(t, n[e].end);
+			let r = 0;
+			for (let t = i; t <= e; t++) r = Math.max(r, n[t].column + 1);
+			for (let t = i; t <= e; t++) n[t].columns = r;
+			i = e + 1;
+		}
+		return n;
+	}, [
+		t,
+		C,
+		w
+	]), D = /* @__PURE__ */ $("div", {
+		className: "timeline canvas",
+		style: {
+			"--timeline-hour-height": `${Jt}px`,
+			height: `${T}px`
+		},
+		children: [/* @__PURE__ */ Q("div", {
+			className: "timeline rows",
+			children: ee.map((t) => {
+				let n = mn(e, t), r = s ? () => s(e, t) : void 0;
+				return /* @__PURE__ */ $("div", {
+					className: j("timeline row", n),
+					children: [
+						/* @__PURE__ */ $("div", {
+							className: "row time-cell",
+							children: [/* @__PURE__ */ Q("span", { children: `${String(t).padStart(2, "0")}:00` }), r && /* @__PURE__ */ Q("button", {
+								type: "button",
+								className: "row add",
+								"aria-label": c,
+								title: c,
+								onClick: r,
+								children: /* @__PURE__ */ Q(O, { size: 12 })
+							})]
+						}),
+						/* @__PURE__ */ Q("div", {
+							className: "row rail",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ Q("div", {
+							className: "row body",
+							"aria-hidden": "true"
+						})
+					]
+				}, t);
+			})
+		}), /* @__PURE__ */ Q("div", {
+			className: "timeline events",
+			children: E.length === 0 ? /* @__PURE__ */ Q("div", {
+				className: "timeline events-empty",
+				children: /* @__PURE__ */ Q(P, {
+					size: "sm",
+					tone: "muted",
+					children: a ?? _.timelineEmptyState
+				})
+			}) : E.map((t) => {
+				let n = Math.max(t.start, C) - C, r = Math.min(t.end, w) - C, i = n / qt * Jt, a = Math.max((r - n) / qt * Jt, 28), o = t.column * (Yt + Xt);
+				return /* @__PURE__ */ Q("div", {
+					className: "timeline event-block",
+					style: {
+						top: `${i}px`,
+						height: `${a}px`,
+						left: `${o}px`,
+						width: `${Yt}px`
+					},
+					children: l ? l(t.event) : /* @__PURE__ */ Q(An, {
+						event: t.event,
+						locale: g,
+						date: e,
+						timeLabel: dn(t.event, _),
+						overlap: x.has(t.event.id),
+						renderEventMenu: u,
+						onSelect: d,
+						onEdit: f,
+						onDelete: p
+					})
+				}, t.event.id);
+			})
+		})]
+	});
+	return /* @__PURE__ */ Q("div", {
+		className: j("calendar timeline", m),
+		...h,
+		children: /* @__PURE__ */ $(ye, { children: [/* @__PURE__ */ $("div", {
+			className: "timeline header",
+			children: [/* @__PURE__ */ Q(F, {
+				level: 5,
+				children: _.timelineTitle
+			}), o && x.size > 0 && /* @__PURE__ */ $(B, {
+				color: "warning",
+				size: "sm",
+				children: [/* @__PURE__ */ Q(ue, { size: 12 }), " Overlap"]
+			})]
+		}), b.length > 0 ? /* @__PURE__ */ Q(Be, {
+			className: "calendar timeline-tabs",
+			variant: "underline",
+			size: "sm",
+			fullWidth: !0,
+			defaultValue: "timeline",
+			items: [{
+				value: "timeline",
+				label: _.timelineTab,
+				content: D
+			}, {
+				value: "allday",
+				label: `${_.allDayTab} (${b.length})`,
+				content: S
+			}]
+		}) : D] })
+	});
+}
+function Mn({ date: e, events: t, locale: n, timelineStartHour: r, timelineEndHour: i, showTimeline: a, overlapWarning: o, emptyStateText: s, addEventLabel: c, dayMenuLabel: l, onAddEvent: u, renderDayMenu: d, onEventSelect: f, onEventEdit: p, onEventDelete: m, renderEventItem: h, renderEventMenu: g }) {
+	let _ = q();
+	if (!e) return null;
+	let v = d?.(e, t) ?? Sn(u, c);
+	return /* @__PURE__ */ $(ye, { children: [/* @__PURE__ */ $("div", {
+		className: "calendar details header",
+		children: [/* @__PURE__ */ $(ye, {
+			spacing: "xs",
+			children: [/* @__PURE__ */ Q(F, {
+				level: 4,
+				children: ln(e, n)
+			}), /* @__PURE__ */ Q(P, {
+				tone: "muted",
+				size: "sm",
+				children: t.length > 0 ? _.itemsCount(t.length) : s
+			})]
+		}), v.length > 0 && /* @__PURE__ */ Q(U, {
+			placement: "bottom-end",
+			trigger: /* @__PURE__ */ Q("button", {
+				type: "button",
+				className: "day-menu-trigger",
+				"aria-label": l ?? "Day actions",
+				title: l ?? "Day actions",
+				children: /* @__PURE__ */ Q(ne, { size: 18 })
+			}),
+			children: v.map((n) => n.href ? /* @__PURE__ */ Q(W, {
+				icon: n.icon,
+				label: n.label,
+				href: n.href,
+				color: n.color,
+				disabled: n.disabled
+			}, n.id) : /* @__PURE__ */ Q(W, {
+				icon: n.icon,
+				label: n.label,
+				color: n.color,
+				disabled: n.disabled,
+				onClick: () => n.onSelect?.(e, t)
+			}, n.id))
+		})]
+	}), a ? /* @__PURE__ */ Q(jn, {
+		date: e,
+		events: t,
+		locale: n,
+		startHour: r,
+		endHour: i,
+		overlapWarning: o,
+		onAddEvent: u,
+		addEventLabel: c,
+		renderEventItem: h,
+		renderEventMenu: g,
+		onEventSelect: f,
+		onEventEdit: p,
+		onEventDelete: m,
+		emptyStateText: s
+	}) : /* @__PURE__ */ Q(kn, {
+		events: t,
+		locale: n,
+		currentDate: e,
+		emptyStateText: s,
+		overlapWarning: o,
+		renderEventItem: h,
+		renderEventMenu: g,
+		onEventSelect: f,
+		onEventEdit: p,
+		onEventDelete: m
+	})] });
+}
+function Nn({ open: e, anchorRef: t, onClose: n, date: r, events: i, locale: a, timelineStartHour: o = 0, timelineEndHour: s = 23, showTimeline: c = !0, emptyStateText: l, overlapWarning: u = !1, onAddEvent: d, addEventLabel: f, dayMenuLabel: p, onEventSelect: m, onEventEdit: h, onEventDelete: g, renderEventItem: _, renderEventMenu: v, renderDayMenu: y, className: ee, style: b }) {
+	let x = Ce(a), S = q();
+	return /* @__PURE__ */ $(qe, { children: [e && /* @__PURE__ */ Q(M, { children: /* @__PURE__ */ Q("div", {
+		className: "calendar popover-shield",
+		onMouseDown: (e) => {
+			e.preventDefault(), e.stopPropagation(), n();
+		},
+		onClick: (e) => {
+			e.preventDefault(), e.stopPropagation();
+		},
+		"aria-hidden": "true"
+	}) }), /* @__PURE__ */ Q(ve, {
+		open: e,
+		anchorRef: t,
+		onClose: n,
+		placement: "bottom-start",
+		className: j("calendar popover", ee),
+		style: b,
+		children: /* @__PURE__ */ Q(xe, {
+			className: "calendar event-popover",
+			children: /* @__PURE__ */ Q(z, { children: /* @__PURE__ */ Q("div", {
+				className: "calendar popover-scroll",
+				children: /* @__PURE__ */ Q(Mn, {
+					date: r,
+					events: i,
+					locale: x,
+					timelineStartHour: o,
+					timelineEndHour: s,
+					showTimeline: c,
+					overlapWarning: u,
+					emptyStateText: l ?? S.emptyStateText,
+					addEventLabel: f,
+					dayMenuLabel: p,
+					onAddEvent: d,
+					renderDayMenu: y,
+					onEventSelect: m,
+					onEventEdit: h,
+					onEventDelete: g,
+					renderEventItem: _,
+					renderEventMenu: v
+				})
+			}) })
+		})
+	})] });
+}
+function Pn({ 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, renderEventMenu: _, detailsMode: v = "auto", showTimeline: y = !0, showHourBar: ee = !0, timelineStartHour: b = 0, timelineEndHour: x = 23, overlapWarning: S = !1, onAddEvent: C, addEventLabel: w = "Add event", dayMenuLabel: T, renderDayMenu: E, onEventSelect: D, onEventEdit: te, onEventDelete: O, emptyStateText: ne, filters: k = [], activeFilters: re, defaultActiveFilters: ie = [], onActiveFiltersChange: ae, fullWidth: oe = !1, className: se, ...ce }) {
+	let le = Ce(a), ue = ze(), A = q(), de = Qt(/* @__PURE__ */ new Date()), [fe, pe] = Z(Qt(n ?? t ?? de)), [me, he] = Z(c), [ge, _e] = Z($t(f)), [M, ve] = Z(ie), [N, be] = Z(null), [I, R] = Z(!1), [xe, z] = Z(!1), V = X(null), H = t !== void 0 && typeof r == "function", U = Qt(H ? t ?? fe : fe), W = s ?? me, G = $t(d) ?? ge, K = re ?? M;
+	Ge(() => {
+		let t = window.matchMedia(`(max-width: ${e.md}px)`), n = () => z(t.matches);
+		return n(), t.addEventListener("change", n), () => t.removeEventListener("change", n);
+	}, []), Ge(() => {
+		H && t && pe(Qt(t));
+	}, [H, t]), Ge(() => {
+		s && he(s);
+	}, [s]), Ge(() => {
+		d !== void 0 && _e($t(d));
+	}, [d]);
+	let we = Y(() => yn(i, k, K), [
+		i,
+		k,
+		K
+	]), Te = Y(() => {
+		let e = /* @__PURE__ */ new Map();
+		return we.forEach((t) => {
+			let n = tn(t);
+			if (!n) return;
+			let r = en(n), i = e.get(r) ?? [];
+			i.push(t), e.set(r, i);
+		}), e;
+	}, [we]), Ee = Y(() => {
+		if (W === "week") {
+			let e = rn(G ?? U, o);
+			return Array.from({ length: 7 }, (t, n) => nn(e, n));
+		}
+		return on(U, o);
+	}, [
+		W,
+		G,
+		U,
+		o
+	]), De = v === "auto" ? xe ? "modal" : "popover" : v, Oe = N ? Te.get(en(N)) ?? [] : [], ke = l.includes("month"), Ae = l.includes("week"), je = (e) => {
+		let t = Qt(e);
+		pe(t), r?.(t);
+	}, Me = (e) => {
+		if (W === "week") {
+			let t = nn(G ?? U, e * 7);
+			je(t), _e(t), be(t), R(!1);
+			return;
+		}
+		je(new Date(U.getFullYear(), U.getMonth() + e, 1)), R(!1), be(null);
+	}, Ne = (e) => {
+		he(e), u?.(e);
+	}, Pe = (e, t) => {
+		let n = Qt(e);
+		_e(n), p?.(n, t);
+	}, Fe = (e, t, n) => {
+		V.current = t, be(e), Pe(e, n), R(!0);
+	}, Ie = (e, t, n) => {
+		Fe(e, t, n), W === "month" && e.getMonth() !== U.getMonth() && je(new Date(e.getFullYear(), e.getMonth(), 1));
+	}, Le = (e) => {
+		let t = K.includes(e) ? K.filter((t) => t !== e) : [...K, e];
+		ve(t), ae?.(t);
+	}, Re = rn(W === "week" ? G ?? U : U, o);
+	return /* @__PURE__ */ $("div", {
+		className: j("calendar board", oe && "full-width", se),
+		...ce,
+		children: [
+			/* @__PURE__ */ $("div", {
+				className: "calendar header",
+				children: [/* @__PURE__ */ $(ye, { children: [/* @__PURE__ */ Q(F, {
+					level: 3,
+					children: bn(U, W, le, o)
+				}), /* @__PURE__ */ Q(P, {
+					size: "sm",
+					tone: "muted",
+					children: xn(W, A)
+				})] }), /* @__PURE__ */ $(ye, {
+					align: "end",
+					children: [/* @__PURE__ */ $("div", {
+						className: "calendar actions",
+						children: [/* @__PURE__ */ Q(L, {
+							type: "button",
+							size: "sm",
+							variant: "outlined",
+							color: "neutral",
+							onClick: () => Me(-1),
+							children: W === "week" ? A.previousWeek : ue.previousMonth
+						}), /* @__PURE__ */ Q(L, {
+							type: "button",
+							size: "sm",
+							variant: "outlined",
+							color: "neutral",
+							onClick: () => Me(1),
+							children: W === "week" ? A.nextWeek : ue.nextMonth
+						})]
+					}), (ke || Ae) && /* @__PURE__ */ $("div", {
+						className: "calendar views",
+						children: [ke && /* @__PURE__ */ Q(L, {
+							type: "button",
+							size: "sm",
+							variant: "outlined",
+							color: W === "month" ? "primary" : "neutral",
+							active: W === "month",
+							onClick: () => Ne("month"),
+							children: A.monthView
+						}), Ae && /* @__PURE__ */ Q(L, {
+							type: "button",
+							size: "sm",
+							variant: "outlined",
+							color: W === "week" ? "primary" : "neutral",
+							active: W === "week",
+							onClick: () => Ne("week"),
+							children: A.weekView
+						})]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ Q(Tn, {
+				filters: k,
+				activeFilterIds: K,
+				onToggle: Le
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "calendar days",
+				children: Array.from({ length: 7 }, (e, t) => nn(Re, t)).map((e) => /* @__PURE__ */ Q("div", {
+					className: "calendar day",
+					children: new Intl.DateTimeFormat(le, { weekday: "short" }).format(e)
+				}, en(e)))
+			}),
+			W === "week" ? /* @__PURE__ */ Q(En, {
+				days: Ee,
+				eventsByDay: Te,
+				selectedDate: G,
+				activeDate: N,
+				onDayInteract: Ie,
+				dayBadge: m,
+				renderDayCell: h,
+				showHourBar: ee,
+				overlapWarning: S,
+				onAddEvent: C,
+				addEventLabel: w
+			}) : /* @__PURE__ */ Q("div", {
+				className: "calendar grid",
+				children: Ee.map((e) => {
+					let t = en(e), n = Te.get(t) ?? [], r = m?.(e, n) ?? (n.length > 0 ? /* @__PURE__ */ Q(B, {
+						size: "sm",
+						children: n.length
+					}) : null), i = t === en(de), a = !!(G && t === en(G)), o = e.getMonth() !== U.getMonth(), s = {
+						date: e,
+						events: n,
+						badge: r,
+						isToday: i,
+						isSelected: a,
+						isOutsideMonth: o
+					};
+					return /* @__PURE__ */ Q(Dn, {
+						date: e,
+						events: n,
+						badge: r,
+						isToday: i,
+						isSelected: a || !!(N && t === en(N)),
+						isOutsideMonth: o,
+						showHourBar: ee,
+						overlapWarning: S,
+						onAddEvent: C ? (e) => C(e) : void 0,
+						addEventLabel: w,
+						onClick: (t) => Ie(e, t.currentTarget, n),
+						children: h ? h(e, s) : void 0
+					}, t);
+				})
+			}),
+			De === "popover" ? /* @__PURE__ */ Q(Nn, {
+				open: I && !!N && !!V.current,
+				anchorRef: V,
+				onClose: () => R(!1),
+				date: N,
+				events: Oe,
+				locale: le,
+				timelineStartHour: b,
+				timelineEndHour: x,
+				showTimeline: y,
+				overlapWarning: S,
+				onAddEvent: C,
+				addEventLabel: w,
+				dayMenuLabel: T,
+				renderDayMenu: E,
+				onEventSelect: D,
+				onEventEdit: te,
+				onEventDelete: O,
+				emptyStateText: ne ?? A.emptyStateText,
+				renderEventItem: g,
+				renderEventMenu: _
+			}) : /* @__PURE__ */ Q(Se, {
+				open: I && !!N,
+				onClose: () => R(!1),
+				size: "lg",
+				children: /* @__PURE__ */ Q("div", {
+					className: "calendar popover-scroll",
+					children: /* @__PURE__ */ Q(Mn, {
+						date: N,
+						events: Oe,
+						locale: le,
+						timelineStartHour: b,
+						timelineEndHour: x,
+						showTimeline: y,
+						overlapWarning: S,
+						emptyStateText: ne ?? A.emptyStateText,
+						addEventLabel: w,
+						dayMenuLabel: T,
+						onAddEvent: C,
+						renderDayMenu: E,
+						onEventSelect: D,
+						onEventEdit: te,
+						onEventDelete: O,
+						renderEventItem: g,
+						renderEventMenu: _
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MChart.types.ts
+var Fn = [
+	"primary",
+	"info",
+	"success",
+	"warning",
+	"error",
+	"news",
+	"neutral",
+	"dark"
+], In = {
+	top: 20,
+	right: 20,
+	bottom: 40,
+	left: 50
+}, Ln = {
+	top: 20,
+	right: 20,
+	bottom: 55,
+	left: 65
+};
+//#endregion
+//#region src/components/data/MChart/utils/formats.ts
+function Rn(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 zn(e) {
+	return e;
+}
+//#endregion
+//#region src/components/data/MChart/parts/ChartGrid.tsx
+function Bn({ x: e, y: t, width: n, height: r, horizontalLines: i, verticalLines: a }) {
+	return /* @__PURE__ */ $("g", {
+		className: "chart-grid",
+		children: [i.map((t, r) => /* @__PURE__ */ Q("line", {
+			x1: e,
+			y1: t,
+			x2: e + n,
+			y2: t,
+			className: "chart-grid-line"
+		}, `h${r}`)), a?.map((e, n) => /* @__PURE__ */ Q("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 Vn({ type: e, x: t, y: n, length: r, ticks: i, title: a }) {
+	let o = e === "x";
+	return /* @__PURE__ */ $("g", {
+		className: `chart-axis chart-axis-${e}`,
+		children: [
+			/* @__PURE__ */ Q("line", {
+				x1: t,
+				y1: n,
+				x2: o ? t + r : t,
+				y2: o ? n : n - r,
+				className: "chart-axis-line"
+			}),
+			i.map((e, r) => /* @__PURE__ */ Q("g", { children: o ? /* @__PURE__ */ Q("text", {
+				x: e.position,
+				y: n + 16,
+				textAnchor: "middle",
+				className: "chart-axis-label",
+				children: e.label
+			}) : /* @__PURE__ */ Q("text", {
+				x: t - 8,
+				y: e.position,
+				textAnchor: "end",
+				dominantBaseline: "middle",
+				className: "chart-axis-label",
+				children: e.label
+			}) }, r)),
+			a && (o ? /* @__PURE__ */ Q("text", {
+				x: t + r / 2,
+				y: n + 36,
+				textAnchor: "middle",
+				className: "chart-axis-title",
+				children: a
+			}) : /* @__PURE__ */ Q("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 Hn({ 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 = Rn, onTooltip: p, onDataClick: m }) {
+	let [h, g] = Z(null), _ = n - i.left - i.right, v = r - i.top - i.bottom, { yMin: y, yMax: ee, yTicks: b, xLabels: x, seriesPoints: S } = Y(() => {
+		let t = e.map((e) => e.data), [n, r] = Le(t), i = o?.min ?? Ne(n), s = o?.max ?? ke(r, n), c = je(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 = De([0, Math.max(l - 1, 1)], [0, _]), f = De([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
+	]), C = De([y, ee], [v, 0]), w = De([0, Math.max(x.length - 1, 1)], [0, _]), T = J((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(x.length - 1, 1)), u = Math.max(0, Math.min(l, x.length - 1));
+		g(u), p({
+			label: x[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,
+		x,
+		_,
+		i.left,
+		n,
+		p
+	]), E = J(() => {
+		g(null), p(null);
+	}, [p]), D = b.map((e) => i.top + C(e)), te = x.map((e, t) => i.left + w(t)), O = b.map((e) => ({
+		position: i.top + C(e),
+		label: (o?.formatter ?? f)(e)
+	})), ne = x.map((e, t) => ({
+		position: i.left + w(t),
+		label: e
+	}));
+	return /* @__PURE__ */ $("g", { children: [
+		s && /* @__PURE__ */ Q(Bn, {
+			x: i.left,
+			y: i.top,
+			width: _,
+			height: v,
+			horizontalLines: D,
+			verticalLines: te
+		}),
+		l && /* @__PURE__ */ Q(Vn, {
+			type: "y",
+			x: i.left,
+			y: i.top + v,
+			length: v,
+			ticks: O,
+			title: o?.title
+		}),
+		c && /* @__PURE__ */ Q(Vn, {
+			type: "x",
+			x: i.left,
+			y: i.top + v,
+			length: _,
+			ticks: ne,
+			title: a?.title
+		}),
+		/* @__PURE__ */ $("g", {
+			onMouseMove: T,
+			onMouseLeave: E,
+			children: [
+				/* @__PURE__ */ Q("rect", {
+					x: i.left,
+					y: i.top,
+					width: _,
+					height: v,
+					fill: "transparent"
+				}),
+				S.map((n, r) => {
+					let a = e[r].color ?? t[r % t.length], o = u ? Ae(n.map((e) => ({
+						x: e.x + i.left,
+						y: e.y + i.top
+					}))) : Ee(n.map((e) => ({
+						x: e.x + i.left,
+						y: e.y + i.top
+					})));
+					return /* @__PURE__ */ $("g", { children: [/* @__PURE__ */ Q("path", {
+						className: `chart-line ${a} ${d ? "animated" : ""}`,
+						d: o
+					}), n.map((t, n) => /* @__PURE__ */ Q("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__ */ Q("line", {
+					className: "chart-crosshair",
+					x1: i.left + w(h),
+					y1: i.top,
+					x2: i.left + w(h),
+					y2: i.top + v
+				})
+			]
+		})
+	] });
+}
+//#endregion
+//#region src/components/data/MChart/charts/MBarChart.tsx
+function Un({ 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 = Rn, onTooltip: p, onDataClick: m }) {
+	let [h, g] = Z(null), _ = n - i.left - i.right, v = r - i.top - i.bottom, { yMin: y, yMax: ee, yTicks: b, xLabels: x, maxLen: S } = Y(() => {
+		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] = Le(t);
+		let s = o?.min ?? Ne(r), c = o?.max ?? ke(i, r);
+		return {
+			yMin: s,
+			yMax: c,
+			yTicks: je(s, c, o?.ticks ?? 5),
+			xLabels: a?.labels ?? Array.from({ length: n }, (e, t) => String(t)),
+			maxLen: n
+		};
+	}, [
+		e,
+		a,
+		o,
+		u
+	]), C = De([y, ee], [v, 0]), w = _ / S, T = Math.max(w * .1, 2), E = e.length, D = J((n, r, i) => {
+		g({
+			di: n,
+			pi: r
+		});
+		let a = i.currentTarget.closest("svg");
+		if (!a) return;
+		let o = a.getBoundingClientRect();
+		p({
+			label: x[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,
+		x,
+		u,
+		p
+	]), te = J(() => {
+		g(null), p(null);
+	}, [p]), O = b.map((e) => i.top + C(e)), ne = x.map((e, t) => ({
+		position: i.left + w * t + w / 2,
+		label: e
+	})), k = b.map((e) => ({
+		position: i.top + C(e),
+		label: (o?.formatter ?? f)(e)
+	})), re = C(0);
+	return /* @__PURE__ */ $("g", { children: [
+		s && /* @__PURE__ */ Q(Bn, {
+			x: i.left,
+			y: i.top,
+			width: _,
+			height: v,
+			horizontalLines: O
+		}),
+		l && /* @__PURE__ */ Q(Vn, {
+			type: "y",
+			x: i.left,
+			y: i.top + v,
+			length: v,
+			ticks: k,
+			title: o?.title
+		}),
+		c && /* @__PURE__ */ Q(Vn, {
+			type: "x",
+			x: i.left,
+			y: i.top + v,
+			length: _,
+			ticks: ne,
+			title: a?.title
+		}),
+		/* @__PURE__ */ Q("g", {
+			onMouseLeave: te,
+			children: u ? x.map((n, r) => {
+				let a = re, o = w - T * 2, s = i.left + w * r + T;
+				return /* @__PURE__ */ Q("g", { children: e.map((n, c) => {
+					let l = n.data[r] ?? 0, u = re - C(l), f = a - u;
+					a = f;
+					let p = n.color ?? t[c % t.length], g = h?.di === c && h?.pi === r;
+					return /* @__PURE__ */ Q("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) => D(c, r, e),
+						onClick: () => m?.(c, r, l),
+						style: { cursor: m ? "pointer" : void 0 }
+					}, c);
+				}) }, r);
+			}) : e.map((e, n) => {
+				let r = (w - T * 2) / E;
+				return /* @__PURE__ */ Q("g", { children: e.data.map((a, o) => {
+					let s = re - C(a), c = i.left + w * o + T + r * n, l = Math.min(re, C(a)), u = e.color ?? t[n % t.length], f = h?.di === n && h?.pi === o;
+					return /* @__PURE__ */ Q("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) => D(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 Wn({ 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 = Rn, onTooltip: m, onDataClick: h }) {
+	let [g, _] = Z(null), v = n - i.left - i.right, y = r - i.top - i.bottom, { yMin: ee, yMax: b, yTicks: x, xLabels: S, seriesPoints: C, stackedPaths: w } = Y(() => {
+		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] = Le(t);
+		let c = o?.min ?? Ne(r), l = o?.max ?? ke(s, r), f = je(c, l, o?.ticks ?? 5), p = a?.labels ?? Array.from({ length: n }, (e, t) => String(t)), m = De([0, Math.max(n - 1, 1)], [0, v]), h = De([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: Fe(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 ? Ae(r) : Ee(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
+	]), T = De([ee, b], [y, 0]), E = De([0, Math.max(S.length - 1, 1)], [0, v]), D = J((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(S.length - 1, 1)), u = Math.max(0, Math.min(l, S.length - 1));
+		_(u), m({
+			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,
+		v,
+		i.left,
+		n,
+		m
+	]), te = J(() => {
+		_(null), m(null);
+	}, [m]), O = x.map((e) => i.top + T(e)), ne = x.map((e) => ({
+		position: i.top + T(e),
+		label: (o?.formatter ?? p)(e)
+	})), k = S.map((e, t) => ({
+		position: i.left + E(t),
+		label: e
+	}));
+	return /* @__PURE__ */ $("g", { children: [
+		s && /* @__PURE__ */ Q(Bn, {
+			x: i.left,
+			y: i.top,
+			width: v,
+			height: y,
+			horizontalLines: O
+		}),
+		l && /* @__PURE__ */ Q(Vn, {
+			type: "y",
+			x: i.left,
+			y: i.top + y,
+			length: y,
+			ticks: ne,
+			title: o?.title
+		}),
+		c && /* @__PURE__ */ Q(Vn, {
+			type: "x",
+			x: i.left,
+			y: i.top + y,
+			length: v,
+			ticks: k,
+			title: a?.title
+		}),
+		/* @__PURE__ */ $("g", {
+			onMouseMove: D,
+			onMouseLeave: te,
+			children: [
+				/* @__PURE__ */ Q("rect", {
+					x: i.left,
+					y: i.top,
+					width: v,
+					height: y,
+					fill: "transparent"
+				}),
+				d && w ? w.map((n, r) => {
+					let i = e[r].color ?? t[r % t.length];
+					return /* @__PURE__ */ $("g", { children: [/* @__PURE__ */ Q("path", {
+						className: `chart-area-fill ${i}`,
+						d: n.area
+					}), /* @__PURE__ */ Q("path", {
+						className: `chart-line ${i} ${f ? "animated" : ""}`,
+						d: n.line
+					})] }, r);
+				}) : C.map((n, r) => {
+					let a = e[r].color ?? t[r % t.length], o = u ? Ae(n) : Ee(n), s = Pe(n, i.top + y, u);
+					return /* @__PURE__ */ $("g", { children: [
+						/* @__PURE__ */ Q("path", {
+							className: `chart-area-fill ${a}`,
+							d: s
+						}),
+						/* @__PURE__ */ Q("path", {
+							className: `chart-line ${a} ${f ? "animated" : ""}`,
+							d: o
+						}),
+						n.map((t, n) => /* @__PURE__ */ Q("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__ */ Q("line", {
+					className: "chart-crosshair",
+					x1: i.left + E(g),
+					y1: i.top,
+					x2: i.left + E(g),
+					y2: i.top + y
+				})
+			]
+		})
+	] });
+}
+//#endregion
+//#region src/components/data/MChart/charts/MPieChart.tsx
+function Gn({ data: e, colors: t, innerWidth: n, innerHeight: r, donut: i, donutWidth: a, animated: o, valueFormatter: s = Rn, xAxis: c, onTooltip: l, onDataClick: u }) {
+	let [d, f] = Z(null), p = n / 2, m = r / 2, h = Math.min(p, m) - 10, g = i ? h - (a ?? h * .4) : 0, _ = Y(() => {
+		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 = J((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 = J(() => {
+		f(null), l(null);
+	}, [l]);
+	return /* @__PURE__ */ $("g", { children: [_.map((e, t) => {
+		let n = d === t, r = Me(p, m, n ? h + 4 : h, g, e.startAngle, e.endAngle);
+		return /* @__PURE__ */ Q("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__ */ Q("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 Kn = [
+	"primary",
+	"info",
+	"success",
+	"warning",
+	"error",
+	"news",
+	"neutral",
+	"dark",
+	"light"
+];
+function qn() {
+	return /* @__PURE__ */ $("defs", { children: [
+		Kn.map((e) => /* @__PURE__ */ $("linearGradient", {
+			id: `chart-bar-grad-${e}`,
+			x1: "0",
+			y1: "0",
+			x2: "0",
+			y2: "1",
+			children: [/* @__PURE__ */ Q("stop", {
+				offset: "0%",
+				className: `chart-grad-stop-start ${e}`
+			}), /* @__PURE__ */ Q("stop", {
+				offset: "100%",
+				className: `chart-grad-stop-end ${e}`
+			})]
+		}, `bar-${e}`)),
+		Kn.map((e) => /* @__PURE__ */ $("linearGradient", {
+			id: `chart-pie-grad-${e}`,
+			x1: "0.3",
+			y1: "0",
+			x2: "0.7",
+			y2: "1",
+			children: [/* @__PURE__ */ Q("stop", {
+				offset: "0%",
+				className: `chart-grad-stop-start ${e}`
+			}), /* @__PURE__ */ Q("stop", {
+				offset: "100%",
+				className: `chart-grad-stop-end ${e}`
+			})]
+		}, `pie-${e}`)),
+		Kn.map((e) => /* @__PURE__ */ $("linearGradient", {
+			id: `chart-area-grad-${e}`,
+			x1: "0",
+			y1: "0",
+			x2: "0",
+			y2: "1",
+			children: [/* @__PURE__ */ Q("stop", {
+				offset: "0%",
+				className: `chart-grad-area-start ${e}`
+			}), /* @__PURE__ */ Q("stop", {
+				offset: "100%",
+				className: `chart-grad-area-end ${e}`
+			})]
+		}, `area-${e}`))
+	] });
+}
+//#endregion
+//#region src/components/data/MChart/parts/ChartTooltip.tsx
+function Jn({ data: e, valueFormatter: t }) {
+	return e ? /* @__PURE__ */ $("div", {
+		className: "chart-tooltip",
+		style: {
+			left: e.x,
+			top: e.y
+		},
+		children: [/* @__PURE__ */ Q("div", {
+			className: "chart-tooltip-label",
+			children: e.label
+		}), e.items.map((e, n) => /* @__PURE__ */ $("div", {
+			className: "chart-tooltip-row",
+			children: [
+				/* @__PURE__ */ Q("span", { className: `chart-tooltip-dot ${e.color}` }),
+				/* @__PURE__ */ Q("span", {
+					className: "chart-tooltip-name",
+					children: e.name
+				}),
+				/* @__PURE__ */ Q("span", {
+					className: "chart-tooltip-value",
+					children: t(e.value)
+				})
+			]
+		}, n))]
+	}) : null;
+}
+//#endregion
+//#region src/components/data/MChart/parts/ChartLegend.tsx
+function Yn({ items: e }) {
+	return e.length <= 1 ? null : /* @__PURE__ */ Q("div", {
+		className: "chart-legend",
+		children: e.map((e, t) => /* @__PURE__ */ $("div", {
+			className: "chart-legend-item",
+			children: [/* @__PURE__ */ Q("span", { className: `chart-legend-dot ${e.color}` }), /* @__PURE__ */ Q("span", {
+				className: "chart-legend-label",
+				children: e.label
+			})]
+		}, t))
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MChart.tsx
+function Xn({ 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: _ = Rn, labelFormatter: v = zn, onDataClick: y, className: ee, style: b, ...x }) {
+	let S = X(null), [C, w] = Z(null), T = Fn, E = a?.title || o?.title ? Ln : In, D = i ? void 0 : typeof r == "number" ? r : 300, te = D ?? 300, O = J((e) => {
+		d && w(e);
+	}, [d]), ne = Y(() => e === "pie" && t.length === 1 ? (a?.labels ?? t[0].data.map((e, t) => `Segment ${t + 1}`)).map((e, t) => ({
+		label: e,
+		color: T[t % T.length]
+	})) : t.map((e, t) => ({
+		label: e.label,
+		color: e.color ?? T[t % T.length]
+	})), [
+		t,
+		T,
+		e,
+		a
+	]), k = {
+		data: t,
+		colors: T,
+		innerWidth: 600,
+		innerHeight: te,
+		padding: E,
+		xAxis: a,
+		yAxis: o,
+		showGrid: s,
+		showXAxis: c,
+		showYAxis: l,
+		animated: f,
+		valueFormatter: _,
+		onTooltip: O,
+		onDataClick: y
+	};
+	return /* @__PURE__ */ $("div", {
+		ref: S,
+		className: j("chart", ee),
+		style: {
+			width: n,
+			height: i ? void 0 : D,
+			aspectRatio: i ? String(i) : void 0,
+			...b
+		},
+		...x,
+		children: [
+			/* @__PURE__ */ $("svg", {
+				viewBox: `0 0 600 ${te}`,
+				preserveAspectRatio: "xMidYMid meet",
+				className: "chart-svg",
+				children: [
+					/* @__PURE__ */ Q(qn, {}),
+					e === "line" && /* @__PURE__ */ Q(Hn, {
+						...k,
+						curved: m
+					}),
+					e === "bar" && /* @__PURE__ */ Q(Un, {
+						...k,
+						stacked: p
+					}),
+					e === "area" && /* @__PURE__ */ Q(Wn, {
+						...k,
+						curved: m,
+						stacked: p
+					}),
+					e === "pie" && /* @__PURE__ */ Q(Gn, {
+						...k,
+						donut: h,
+						donutWidth: g
+					})
+				]
+			}),
+			d && /* @__PURE__ */ Q(Jn, {
+				data: C,
+				valueFormatter: _
+			}),
+			u && /* @__PURE__ */ Q(Yn, { items: ne })
+		]
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MLineChart.tsx
+function Zn(e) {
+	return /* @__PURE__ */ Q(Xn, {
+		type: "line",
+		...e
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MBarChart.tsx
+function Qn(e) {
+	return /* @__PURE__ */ Q(Xn, {
+		type: "bar",
+		...e
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MAreaChart.tsx
+function $n(e) {
+	return /* @__PURE__ */ Q(Xn, {
+		type: "area",
+		...e
+	});
+}
+//#endregion
+//#region src/components/data/MChart/MPieChart.tsx
+function er(e) {
+	return /* @__PURE__ */ Q(Xn, {
+		type: "pie",
+		...e
+	});
+}
+//#endregion
+export { Ze as S, at as _, Pn as a, et as b, kn as c, jn as d, Gt as f, ot as g, st as h, Zn as i, Nn as l, ct as m, $n as n, Dn as o, kt as p, Qn as r, On as s, er as t, wn as u, it as v, Qe as x, tt as y };
+
+//# sourceMappingURL=data-RXuvb9VI.js.map