@banzamel/mineralui 1.7.1 → 1.8.0

package/dist/cards-D7oHIHmU.js

@@ -0,0 +1,1535 @@
+import { A as e, Ai as t, B as n, E as r, F as i, G as a, H as o, I as s, J as c, K as l, L as u, M as d, N as f, Oi as p, P as m, R as h, S as g, Si as _, T as v, U as y, V as b, W as x, X as S, Y as C, _ as w, an as T, b as E, bi as D, br as O, gi as k, hi as A, i as j, in as ee, j as M, k as te, ki as N, mn as ne, pn as re, q as P, r as F, sn as ie, v as ae, wi as I, x as oe, y as L, yr as se, z as R } from "./icons-CfpYxnfg.js";
+import { t as z } from "./cn-YER3QsV1.js";
+import { n as ce, t as le } from "./creditCards-D_iWmtG6.js";
+import { t as B } from "./useInteractionEffect-DtpbVd77.js";
+import { t as ue } from "./MPopover-Cqz5TsHg.js";
+import { n as V, t as H } from "./MStack-DFIc3S4_.js";
+import { t as U } from "./MText-DcB1GAt-.js";
+import { t as de } from "./MHeading-MPh8Qm9q.js";
+import { t as fe } from "./MLink-rFKN1mcM.js";
+import { t as W } from "./MButton-DZLLrtQb.js";
+import { t as pe } from "./MCheckbox-B7SpcD4H.js";
+import { a as me, i as he, n as ge, o as G, r as K, s as q } from "./MSkeleton-BvXgnYs_.js";
+import { t as _e } from "./MInputSearch-CmzHPnmC.js";
+import { n as ve, t as ye } from "./MInputExpDate-DhO5zN7L.js";
+import { i as be, r as xe } from "./MDropdownMenu-CeiC1tz3.js";
+import { n as Se, r as Ce, t as we } from "./MQrCode-6ANDcExA.js";
+import { t as Te } from "./MAvatar-BcayQCnp.js";
+import { n as Ee, t as De } from "./MTreeView-AqH8XMPz.js";
+import { t as Oe } from "./MTabs-BQZ--mMq.js";
+import { t as J } from "./MGrid-DR0fHItF.js";
+import { t as ke } from "./MPagination-Dr110are.js";
+import { Children as Ae, Fragment as je, cloneElement as Me, isValidElement as Ne, useCallback as Y, useEffect as Pe, useMemo as Fe, useRef as Ie, useState as X } from "react";
+import { Fragment as Le, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+//#region src/components/cards/shared/MCardColor.utils.tsx
+function Re(e) {
+	if (typeof e == "string") return e;
+	if (typeof e == "function") {
+		let t = e;
+		return t.displayName ?? t.name ?? "";
+	}
+	if (typeof e == "object" && e) {
+		let t = e;
+		return t.displayName ?? t.render?.displayName ?? t.render?.name ?? "";
+	}
+	return "";
+}
+function ze(e) {
+	if (e.props.color !== void 0) return !1;
+	if (e.type === W) return !0;
+	let t = Re(e.type);
+	return t.startsWith("M") && t.endsWith("Icon");
+}
+function $(e, t) {
+	return t ? Ae.map(e, (e) => {
+		if (!Ne(e)) return e;
+		let n = e, r = n.props, i = r.children ? $(r.children, t) : r.children, a = {};
+		return i !== r.children && (a.children = i), ze(n) && (a.color = t), Object.keys(a).length ? Me(n, a) : n;
+	}) : e;
+}
+//#endregion
+//#region src/components/cards/MCardActionArea/MCardActionArea.tsx
+function Be({ component: e, to: t, href: n, target: r, rel: i, color: a, interactive: o = !0, clickEffect: s, rippleColor: c, className: l, children: u, onPointerDown: d, type: f, ...p }) {
+	let { component: m, href: h, to: g, isInteractive: _ } = G({
+		component: e,
+		href: n,
+		to: t,
+		interactive: o,
+		hasClickHandler: !!p.onClick,
+		hasPointerHandler: !!d,
+		fallbackComponent: "button"
+	}), { effectClassName: v, effectLayer: y, handlePointerDown: b } = B({
+		effect: s ?? (_ ? "ripple" : "none"),
+		disabled: !_,
+		color: c
+	});
+	return /* @__PURE__ */ Q(m, {
+		href: m === "a" || e ? h : void 0,
+		to: g,
+		target: r,
+		rel: i,
+		type: m === "button" ? f ?? "button" : void 0,
+		className: z("card-action-area", a && `color-${a}`, _ && "interactive", v, l),
+		onPointerDown: (e) => {
+			b(e), d?.(e);
+		},
+		...p,
+		children: [y, /* @__PURE__ */ Z("span", {
+			className: "card-action-area-content",
+			children: $(u, a)
+		})]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardPayment/MCardPayment.tsx
+function Ve(e) {
+	let t = e.replace(/\D/g, "");
+	return t.length <= 4 ? t : `\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ${t.slice(-4)}`;
+}
+function He({ component: e, to: t, href: n, target: r, rel: i, holder: a, number: o, expiry: s, brand: c, brandIcon: l, balance: u, balanceLabel: d = "Current balance", color: f, interactive: p = !1, clickEffect: m, rippleColor: h, className: g, onPointerDown: _, ...v }) {
+	let y = ce(o), b = c ?? y.brand, x = le.find((e) => e.brand === b) ?? y, S = Ve(o), C = x.iconLabel, { component: w, href: T, to: E, isInteractive: D } = G({
+		component: e,
+		href: n,
+		to: t,
+		interactive: p,
+		hasClickHandler: !!v.onClick,
+		hasPointerHandler: !!_
+	}), { effectClassName: O, effectLayer: k, handlePointerDown: A } = B({
+		effect: m ?? (D ? "ripple" : "none"),
+		disabled: !D,
+		color: h
+	});
+	return /* @__PURE__ */ Q(w, {
+		href: w === "a" || e ? T : void 0,
+		to: E,
+		target: r,
+		rel: i,
+		className: z("card-payment", f || "primary", D && "interactive", O, g),
+		onPointerDown: (e) => {
+			A(e), _?.(e);
+		},
+		...v,
+		children: [
+			k,
+			u !== void 0 && /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Z("p", {
+				className: "cp-balance-label",
+				children: d
+			}), /* @__PURE__ */ Z("p", {
+				className: "cp-balance",
+				children: u
+			})] }),
+			/* @__PURE__ */ Q("div", {
+				className: "cp-row",
+				children: [/* @__PURE__ */ Z("span", {
+					className: z("cp-brand", !l && b),
+					children: l ?? C
+				}), /* @__PURE__ */ Z("span", {
+					className: "cp-number",
+					children: S
+				})]
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "cp-details",
+				children: [/* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Z("p", {
+					className: "cp-field-label",
+					children: "MCard holder"
+				}), /* @__PURE__ */ Z("p", {
+					className: "cp-field-value",
+					children: a
+				})] }), /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Z("p", {
+					className: "cp-field-label",
+					children: "Expiration date"
+				}), /* @__PURE__ */ Z("p", {
+					className: "cp-field-value",
+					children: s
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardPaymentMethod/MCardPaymentMethod.tsx
+function Ue(e) {
+	return le.find((t) => t.brand === e)?.iconLabel ?? "CARD";
+}
+function We({ title: e = "Your payment methods", actionLabel: n = "Change", actionHref: r = "#", onAction: i, brand: a = "visa", brandIcon: o, last4: s, badgeLabel: c, summary: l, helperText: u = "All fields are required, unless stated otherwise.", expiryLabel: d = "Expiration date", cvcLabel: f = "Security code", expiryProps: p, cvcProps: m, color: h, className: g, ..._ }) {
+	let v = p?.value ?? p?.defaultValue, y = c === void 0 ? "Default" : c, b = v ? `Credit card - Expiration date ${String(v).replace("/", ".")}` : "Credit card", x = l === void 0 ? b : l, S = Ue(a), C = {
+		clearable: !0,
+		...p
+	};
+	return /* @__PURE__ */ Q("div", {
+		className: z("card-payment-method", h || "primary", g),
+		..._,
+		children: [/* @__PURE__ */ Q("div", {
+			className: "cpm-header",
+			children: [/* @__PURE__ */ Z("h3", {
+				className: "cpm-title",
+				children: e
+			}), /* @__PURE__ */ Q(fe, {
+				href: r,
+				tone: "accent",
+				underline: "none",
+				className: "cpm-action",
+				onClick: (e) => {
+					i && (e.preventDefault(), i());
+				},
+				children: [n, /* @__PURE__ */ Z(t, {})]
+			})]
+		}), /* @__PURE__ */ Q("div", {
+			className: "cpm-surface",
+			children: [
+				/* @__PURE__ */ Q("div", {
+					className: "cpm-method",
+					children: [/* @__PURE__ */ Q(V, {
+						align: "center",
+						className: "cpm-method-row",
+						children: [
+							/* @__PURE__ */ Z("span", {
+								className: z("cpm-brand", !o && a),
+								children: o ?? S
+							}),
+							/* @__PURE__ */ Z("span", {
+								className: "cpm-last4",
+								children: `\u2022\u2022\u2022\u2022 ${s}`
+							}),
+							y && /* @__PURE__ */ Z(q, {
+								color: "info",
+								children: y
+							})
+						]
+					}), x && /* @__PURE__ */ Z(U, {
+						tone: "muted",
+						className: "cpm-summary",
+						children: x
+					})]
+				}),
+				u && /* @__PURE__ */ Z(U, {
+					tone: "muted",
+					size: "sm",
+					className: "cpm-helper",
+					children: u
+				}),
+				/* @__PURE__ */ Q("div", {
+					className: "cpm-fields",
+					children: [/* @__PURE__ */ Z(ye, {
+						label: d,
+						placeholder: "MM/YYYY",
+						fullWidth: !0,
+						...C
+					}), /* @__PURE__ */ Z(ve, {
+						label: f,
+						placeholder: "123",
+						fullWidth: !0,
+						...m
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/utils/socialPlatforms.tsx
+var Ge = {
+	apple: {
+		label: "Apple",
+		icon: j,
+		colorIcon: F,
+		rgb: "24, 24, 27"
+	},
+	discord: {
+		label: "Discord",
+		icon: d,
+		colorIcon: M,
+		rgb: "88, 101, 242"
+	},
+	facebook: {
+		label: "Facebook",
+		icon: m,
+		colorIcon: f,
+		rgb: "24, 119, 242"
+	},
+	figma: {
+		label: "Figma",
+		icon: s,
+		colorIcon: i,
+		rgb: "162, 89, 255"
+	},
+	github: {
+		label: "GitHub",
+		icon: h,
+		colorIcon: u,
+		rgb: "24, 23, 23"
+	},
+	google: {
+		label: "Google",
+		icon: n,
+		colorIcon: R,
+		rgb: "66, 133, 244"
+	},
+	instagram: {
+		label: "Instagram",
+		icon: o,
+		colorIcon: b,
+		rgb: "225, 48, 108"
+	},
+	linkedin: {
+		label: "LinkedIn",
+		icon: x,
+		colorIcon: y,
+		rgb: "10, 102, 194"
+	},
+	pinterest: {
+		label: "Pinterest",
+		icon: ae,
+		colorIcon: w,
+		rgb: "230, 0, 35"
+	},
+	slack: {
+		label: "Slack",
+		icon: l,
+		colorIcon: a,
+		rgb: "74, 21, 75"
+	},
+	spotify: {
+		label: "Spotify",
+		icon: E,
+		colorIcon: L,
+		rgb: "30, 215, 96"
+	},
+	tumblr: {
+		label: "Tumblr",
+		icon: g,
+		colorIcon: oe,
+		rgb: "0, 25, 53"
+	},
+	vimeo: {
+		label: "Vimeo",
+		icon: r,
+		colorIcon: v,
+		rgb: "26, 183, 234"
+	},
+	vk: {
+		label: "VK",
+		icon: e,
+		colorIcon: te,
+		rgb: "0, 119, 255"
+	},
+	x: {
+		label: "X",
+		icon: c,
+		colorIcon: P,
+		rgb: "17, 17, 17"
+	},
+	youtube: {
+		label: "YouTube",
+		icon: S,
+		colorIcon: C,
+		rgb: "255, 0, 0"
+	}
+};
+function Ke(e) {
+	let t = e.trim().toLowerCase().replace(/[\s._-]+/g, "");
+	return t === "twitter" ? "x" : t === "vkontakte" ? "vk" : t;
+}
+function qe(e) {
+	return Ge[Ke(e)]?.label ?? e;
+}
+function Je(e, t = !1) {
+	let n = Ge[Ke(e)];
+	return n ? t ? n.colorIcon : n.icon : null;
+}
+//#endregion
+//#region src/components/cards/MCardBusiness/MCardBusiness.tsx
+function Ye(e) {
+	return e ? [
+		e.street,
+		[e.zip, e.city].filter(Boolean).join(" "),
+		e.country
+	].filter(Boolean).join(", ") : null;
+}
+function Xe({ variant: e = "user", name: t, title: n, avatar: r, address: i, contact: a, socials: o, online: s, lastActive: c, qrCode: l, qrValue: u, qrStatus: d, qrStatusLabel: f, color: p = "primary", className: m, ...h }) {
+	let g = Ye(i);
+	return /* @__PURE__ */ Q("div", {
+		className: z("card-business", e, `color-${p}`, m),
+		...h,
+		children: [
+			/* @__PURE__ */ Q("div", {
+				className: "cb-header",
+				children: [
+					/* @__PURE__ */ Z("div", {
+						className: "cb-avatar-wrap",
+						children: /* @__PURE__ */ Z(Te, {
+							src: r,
+							alt: t,
+							name: t,
+							size: 56,
+							shape: e === "company" ? "rounded" : "circle",
+							color: p,
+							badge: s === void 0 ? void 0 : !0,
+							badgeColor: s === void 0 ? void 0 : s ? "success" : "error",
+							badgePulsing: !!s,
+							className: z("cb-avatar", e)
+						})
+					}),
+					/* @__PURE__ */ Q("div", {
+						className: "cb-info",
+						children: [
+							/* @__PURE__ */ Z("h3", {
+								className: "cb-name",
+								children: t
+							}),
+							n && /* @__PURE__ */ Z("p", {
+								className: "cb-title",
+								children: n
+							}),
+							c && /* @__PURE__ */ Z("p", {
+								className: "cb-last-active",
+								children: c
+							})
+						]
+					}),
+					(u || l) && /* @__PURE__ */ Z("div", {
+						className: "cb-qr",
+						children: u ? /* @__PURE__ */ Z(we, {
+							value: u,
+							size: 56,
+							padding: 3,
+							status: d,
+							statusLabel: f,
+							className: "cb-qr-code"
+						}) : /* @__PURE__ */ Z("img", {
+							src: l,
+							alt: "QR",
+							className: "cb-qr-img"
+						})
+					})
+				]
+			}),
+			(a || g) && /* @__PURE__ */ Q("div", {
+				className: "cb-details",
+				children: [
+					a?.email && /* @__PURE__ */ Q("div", {
+						className: "cb-detail",
+						children: [/* @__PURE__ */ Z("span", {
+							className: "cb-detail-icon",
+							children: /* @__PURE__ */ Z(_, {})
+						}), /* @__PURE__ */ Z("a", {
+							href: `mailto:${a.email}`,
+							className: "cb-detail-value",
+							children: a.email
+						})]
+					}),
+					a?.phone && /* @__PURE__ */ Q("div", {
+						className: "cb-detail",
+						children: [/* @__PURE__ */ Z("span", {
+							className: "cb-detail-icon",
+							children: /* @__PURE__ */ Z(D, {})
+						}), /* @__PURE__ */ Z("a", {
+							href: `tel:${a.phone}`,
+							className: "cb-detail-value",
+							children: a.phone
+						})]
+					}),
+					a?.website && /* @__PURE__ */ Q("div", {
+						className: "cb-detail",
+						children: [/* @__PURE__ */ Z("span", {
+							className: "cb-detail-icon",
+							children: /* @__PURE__ */ Z(k, {})
+						}), /* @__PURE__ */ Z("a", {
+							href: a.website,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "cb-detail-value",
+							children: a.website.replace(/^https?:\/\//, "")
+						})]
+					}),
+					g && /* @__PURE__ */ Q("div", {
+						className: "cb-detail",
+						children: [/* @__PURE__ */ Z("span", {
+							className: "cb-detail-icon",
+							children: /* @__PURE__ */ Z(A, {})
+						}), /* @__PURE__ */ Z("span", {
+							className: "cb-detail-value",
+							children: g
+						})]
+					})
+				]
+			}),
+			o && o.length > 0 && /* @__PURE__ */ Z("div", {
+				className: "cb-socials",
+				children: o.map((e) => (() => {
+					let t = Je(e.platform, !0);
+					return /* @__PURE__ */ Z("a", {
+						href: e.url,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "cb-social",
+						title: qe(e.platform),
+						"aria-label": qe(e.platform),
+						children: e.icon ?? (t ? /* @__PURE__ */ Z(t, {}) : /* @__PURE__ */ Z("span", {
+							className: "cb-social-text",
+							children: e.platform
+						}))
+					}, e.platform);
+				})())
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/ServiceCardsShared/ServiceCardsShared.tsx
+function Ze({ variant: e, title: t, description: n, price: r, currency: i = "PLN", duration: a, available: o, image: s, gallery: c, galleryAutoPlay: l = !1, rating: u, reviewCount: d, favorite: f, onFavorite: p, menuItems: m, onAddToCart: h, actionLabel: g, icon: _, color: v = "primary", leader: y, participants: b, maxParticipants: x, quantity: S, onQuantityChange: C, date: w, location: T, status: E, className: D, ...k }) {
+	let [A, j] = X(0), [ee, M] = X(!1), [te, N] = X(1), P = S ?? te, F = c && c.length > 0 ? c : s ? [s] : [];
+	Pe(() => {
+		A >= F.length && j(0);
+	}, [A, F.length]), Pe(() => {
+		if (!ee) return;
+		let e = window.setTimeout(() => {
+			M(!1);
+		}, 220);
+		return () => window.clearTimeout(e);
+	}, [A, ee]);
+	function ae(e) {
+		e === A || e < 0 || e >= F.length || (F.length > 1 && M(!0), j(e));
+	}
+	Pe(() => {
+		if (!l || F.length <= 1) return;
+		let e = window.setInterval(() => {
+			M(!0), j((e) => (e + 1) % F.length);
+		}, 3500);
+		return () => window.clearInterval(e);
+	}, [l, F.length]);
+	function oe(e) {
+		let t = Math.max(1, e);
+		C ? C(t) : N(t);
+	}
+	let L = o === !0 ? "Available" : o === !1 ? "Unavailable" : typeof o == "number" ? `${o} spots` : null, R = w ? w instanceof Date ? w : new Date(w) : null, ce = R ? R.getDate() : null, le = R ? R.toLocaleString("en", { month: "short" }).toUpperCase() : null;
+	return /* @__PURE__ */ Q("div", {
+		className: z("card-service", e, `color-${v}`, D),
+		...k,
+		children: [
+			F.length > 0 && /* @__PURE__ */ Q("div", {
+				className: "cs-gallery",
+				children: [
+					/* @__PURE__ */ Z("img", {
+						src: F[A],
+						alt: t,
+						className: z("cs-image", ee && "is-transitioning")
+					}),
+					F.length > 1 && /* @__PURE__ */ Z("div", {
+						className: "cs-gallery-dots",
+						children: F.map((e, t) => /* @__PURE__ */ Z("button", {
+							type: "button",
+							className: z("cs-dot", t === A && "active"),
+							onClick: () => ae(t),
+							"aria-label": `Image ${t + 1}`
+						}, t))
+					}),
+					(p || m && m.length > 0) && /* @__PURE__ */ Q("div", {
+						className: "cs-gallery-actions",
+						children: [m && m.length > 0 && /* @__PURE__ */ Z(be, {
+							className: "cs-menu-wrap",
+							trigger: /* @__PURE__ */ Z(W, {
+								variant: "ghost",
+								iconOnly: !0,
+								shape: "circle",
+								"aria-label": "More options",
+								className: "cs-overlay-btn",
+								children: /* @__PURE__ */ Z(ie, {})
+							}),
+							placement: "bottom-end",
+							children: m.map((e, t) => /* @__PURE__ */ Z(xe, {
+								icon: e.icon,
+								color: e.danger ? "error" : void 0,
+								label: e.label,
+								onClick: e.onClick
+							}, t))
+						}), p && /* @__PURE__ */ Z(W, {
+							variant: "ghost",
+							iconOnly: !0,
+							shape: "circle",
+							onClick: p,
+							"aria-label": f ? "Remove from favorites" : "Add to favorites",
+							className: z("cs-overlay-btn", f && "cs-fav-active"),
+							children: Z(f ? re : ne, {})
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "cs-body",
+				children: [
+					e === "event" && R && /* @__PURE__ */ Q("div", {
+						className: "cs-event-header",
+						children: [/* @__PURE__ */ Q("div", {
+							className: "cs-date-block",
+							children: [/* @__PURE__ */ Z("span", {
+								className: "cs-date-day",
+								children: ce
+							}), /* @__PURE__ */ Z("span", {
+								className: "cs-date-month",
+								children: le
+							})]
+						}), /* @__PURE__ */ Q("div", {
+							className: "cs-event-info",
+							children: [/* @__PURE__ */ Z("h3", {
+								className: "cs-title",
+								children: t
+							}), n && /* @__PURE__ */ Z("p", {
+								className: "cs-desc",
+								children: n
+							})]
+						})]
+					}),
+					e !== "event" && /* @__PURE__ */ Q(Le, { children: [/* @__PURE__ */ Q("div", {
+						className: "cs-top",
+						children: [_ && /* @__PURE__ */ Z("span", {
+							className: "cs-icon",
+							children: _
+						}), /* @__PURE__ */ Z("h3", {
+							className: "cs-title",
+							children: t
+						})]
+					}), n && /* @__PURE__ */ Z("p", {
+						className: "cs-desc",
+						children: n
+					})] }),
+					e === "event" && !R && /* @__PURE__ */ Q(Le, { children: [/* @__PURE__ */ Q("div", {
+						className: "cs-top",
+						children: [_ && /* @__PURE__ */ Z("span", {
+							className: "cs-icon",
+							children: _
+						}), /* @__PURE__ */ Z("h3", {
+							className: "cs-title",
+							children: t
+						})]
+					}), n && /* @__PURE__ */ Z("p", {
+						className: "cs-desc",
+						children: n
+					})] }),
+					u !== void 0 && /* @__PURE__ */ Q("div", {
+						className: "cs-rating",
+						children: [
+							/* @__PURE__ */ Z(Ce, {
+								value: Math.round(u),
+								size: "sm",
+								color: "warning",
+								readOnly: !0,
+								className: "cs-stars"
+							}),
+							/* @__PURE__ */ Z("span", {
+								className: "cs-rating-value",
+								children: u.toFixed(1)
+							}),
+							d !== void 0 && /* @__PURE__ */ Q("span", {
+								className: "cs-review-count",
+								children: [
+									"(",
+									d,
+									")"
+								]
+							})
+						]
+					}),
+					y && /* @__PURE__ */ Q("div", {
+						className: "cs-leader",
+						children: [/* @__PURE__ */ Z(Te, {
+							src: y.avatar,
+							name: y.name,
+							size: 28,
+							color: v
+						}), /* @__PURE__ */ Z("span", {
+							className: "cs-leader-name",
+							children: y.name
+						})]
+					}),
+					e === "course" && b && /* @__PURE__ */ Q("div", {
+						className: "cs-participants",
+						children: [/* @__PURE__ */ Z("div", {
+							className: "cs-participants-avatars",
+							children: b.slice(0, 4).map((e, t) => /* @__PURE__ */ Z(Te, {
+								src: e.avatar,
+								name: e.name,
+								size: 28,
+								color: v,
+								className: "cs-participant-avatar"
+							}, `${e.name}-${t}`))
+						}), x && /* @__PURE__ */ Q("span", {
+							className: "cs-spots",
+							children: [
+								b.length,
+								"/",
+								x
+							]
+						})]
+					}),
+					/* @__PURE__ */ Q("div", {
+						className: "cs-meta",
+						children: [
+							e === "event" && T && /* @__PURE__ */ Z(q, {
+								size: "xs",
+								color: v,
+								children: T
+							}),
+							a && /* @__PURE__ */ Z(q, {
+								size: "xs",
+								color: v,
+								icon: /* @__PURE__ */ Z(I, {}),
+								children: a
+							}),
+							e === "event" && E && /* @__PURE__ */ Z(q, {
+								size: "xs",
+								color: E.toLowerCase() === "sold out" ? "error" : v,
+								children: E
+							}),
+							L && e !== "event" && /* @__PURE__ */ Z(q, {
+								size: "xs",
+								color: o === !1 ? "error" : v,
+								children: L
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "cs-footer",
+				children: [r !== void 0 && /* @__PURE__ */ Q("span", {
+					className: "cs-price",
+					children: [
+						typeof r == "number" ? r.toFixed(2) : r,
+						" ",
+						/* @__PURE__ */ Z("span", {
+							className: "cs-currency",
+							children: i
+						})
+					]
+				}), /* @__PURE__ */ Q("div", {
+					className: "cs-actions",
+					children: [e === "product" && h && /* @__PURE__ */ Q("div", {
+						className: "cs-qty",
+						children: [
+							/* @__PURE__ */ Z(W, {
+								variant: "ghost",
+								iconOnly: !0,
+								size: "sm",
+								onClick: () => oe(P - 1),
+								"aria-label": "Decrease",
+								className: "cs-qty-btn",
+								children: /* @__PURE__ */ Z(se, {})
+							}),
+							/* @__PURE__ */ Z("span", {
+								className: "cs-qty-value",
+								children: P
+							}),
+							/* @__PURE__ */ Z(W, {
+								variant: "ghost",
+								iconOnly: !0,
+								size: "sm",
+								onClick: () => oe(P + 1),
+								"aria-label": "Increase",
+								className: "cs-qty-btn",
+								children: /* @__PURE__ */ Z(O, {})
+							})
+						]
+					}), h && /* @__PURE__ */ Z(W, {
+						variant: "filled",
+						size: "sm",
+						color: v,
+						onClick: () => h(P),
+						disabled: o === !1,
+						className: "cs-cart-btn",
+						children: g ?? (e === "event" ? "Register" : "Add to cart")
+					})]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardOffer/MCardOffer.tsx
+function Qe(e) {
+	let { onAction: t, actionLabel: n = "Book now", ...r } = e;
+	return /* @__PURE__ */ Z(Ze, {
+		variant: "service",
+		onAddToCart: t ? () => t() : void 0,
+		actionLabel: n,
+		...r
+	});
+}
+//#endregion
+//#region src/components/cards/MCardCourse/MCardCourse.tsx
+function $e(e) {
+	let { onAction: t, actionLabel: n = "Join course", ...r } = e;
+	return /* @__PURE__ */ Z(Ze, {
+		variant: "course",
+		onAddToCart: t ? () => t() : void 0,
+		actionLabel: n,
+		...r
+	});
+}
+//#endregion
+//#region src/components/cards/MCardTile/MCardTile.tsx
+function et({ component: e, title: t, description: n, icon: r, color: i = "primary", to: a, href: o, target: s, rel: c, onClick: l, interactive: u = !1, clickEffect: d, rippleColor: f, image: p, video: m, illustration: h, camera: g, mediaFill: _ = !1, overlayPosition: v = "bottom", favorite: y, onFavorite: b, menuItems: x, className: S, ...C }) {
+	let w = Ie(null);
+	Pe(() => {
+		if (!g) return;
+		let e = w.current;
+		if (!e || typeof navigator > "u" || !navigator.mediaDevices?.getUserMedia) return;
+		let t = null, n = !1, r = g === !0 ? { video: !0 } : g;
+		return navigator.mediaDevices.getUserMedia(r).then((r) => {
+			if (n) {
+				r.getTracks().forEach((e) => e.stop());
+				return;
+			}
+			t = r, e.srcObject = r, e.play().catch(() => void 0);
+		}).catch(() => void 0), () => {
+			n = !0, t && t.getTracks().forEach((e) => e.stop()), e.srcObject = null;
+		};
+	}, [g]);
+	let T = !!(p || m || h || g), { component: E, href: D, to: O, isInteractive: k, isLink: A } = G({
+		component: e,
+		href: o,
+		to: a,
+		interactive: u,
+		hasClickHandler: !!l,
+		fallbackComponent: "button"
+	}), j = _ && T, { effectClassName: ee, effectLayer: M, handlePointerDown: te } = B({
+		effect: d ?? (k ? "ripple" : "none"),
+		disabled: !k,
+		color: f
+	});
+	function N(e) {
+		e.stopPropagation();
+	}
+	function P(e) {
+		l && (e.preventDefault(), l());
+	}
+	function F() {
+		return T ? /* @__PURE__ */ Q("div", {
+			className: z("tile-media", j && "fill"),
+			children: [
+				p && /* @__PURE__ */ Z("img", {
+					src: p,
+					alt: t,
+					className: "tile-image"
+				}),
+				m && /* @__PURE__ */ Z("video", {
+					src: m,
+					className: "tile-video",
+					autoPlay: !0,
+					muted: !0,
+					loop: !0,
+					playsInline: !0,
+					"aria-label": t
+				}),
+				g && /* @__PURE__ */ Z("video", {
+					ref: w,
+					className: "tile-video",
+					autoPlay: !0,
+					muted: !0,
+					playsInline: !0,
+					"aria-label": t
+				}),
+				h && /* @__PURE__ */ Z("div", {
+					className: "tile-illustration",
+					children: h
+				}),
+				j && /* @__PURE__ */ Z("div", { className: z("tile-scrim", `scrim-${v}`) })
+			]
+		}) : null;
+	}
+	function ae() {
+		return /* @__PURE__ */ Q("div", {
+			className: z("tile-body", j && "overlay", j && `pos-${v}`),
+			children: [/* @__PURE__ */ Q("div", {
+				className: "tile-top",
+				children: [r && /* @__PURE__ */ Z("span", {
+					className: "tile-icon",
+					children: r
+				}), /* @__PURE__ */ Z("h3", {
+					className: "tile-title",
+					children: t
+				})]
+			}), n && /* @__PURE__ */ Z("p", {
+				className: "tile-desc",
+				children: n
+			})]
+		});
+	}
+	let I = b || x && x.length > 0;
+	return /* @__PURE__ */ Q("div", {
+		className: z("card-tile", `color-${i}`, j && "media-fill", k && "interactive", ee, S),
+		onPointerDown: te,
+		...C,
+		children: [
+			M,
+			A && /* @__PURE__ */ Z(E, {
+				href: E === "a" || e ? D : void 0,
+				to: O,
+				target: s,
+				rel: c,
+				className: "tile-link",
+				"aria-label": t,
+				onClick: l ? P : void 0
+			}),
+			!A && l && /* @__PURE__ */ Z(E, {
+				type: "button",
+				className: "tile-link",
+				"aria-label": t,
+				onClick: l
+			}),
+			F(),
+			ae(),
+			I && /* @__PURE__ */ Q("div", {
+				className: "tile-actions",
+				onClick: N,
+				onPointerDown: N,
+				children: [x && x.length > 0 && /* @__PURE__ */ Z(be, {
+					className: "tile-menu-wrap",
+					trigger: /* @__PURE__ */ Z(W, {
+						variant: "ghost",
+						iconOnly: !0,
+						shape: "circle",
+						"aria-label": "More options",
+						className: "tile-overlay-btn",
+						children: /* @__PURE__ */ Z(ie, {})
+					}),
+					placement: "bottom-end",
+					children: x.map((e, t) => /* @__PURE__ */ Z(xe, {
+						icon: e.icon,
+						color: e.danger ? "error" : void 0,
+						label: e.label,
+						onClick: e.onClick
+					}, t))
+				}), b && /* @__PURE__ */ Z(W, {
+					variant: "ghost",
+					iconOnly: !0,
+					shape: "circle",
+					onClick: b,
+					"aria-label": y ? "Remove from favorites" : "Add to favorites",
+					className: z("tile-overlay-btn", y && "tile-fav-active"),
+					children: Z(y ? re : ne, {})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardProduct/MCardProduct.tsx
+function tt(e) {
+	let { addToCartLabel: t = "Add to cart", ...n } = e;
+	return /* @__PURE__ */ Z(Ze, {
+		variant: "product",
+		actionLabel: t,
+		...n
+	});
+}
+//#endregion
+//#region src/components/cards/MCardEvent/MCardEvent.tsx
+function nt(e) {
+	let { onRegister: t, registerLabel: n = "Register", ...r } = e;
+	return /* @__PURE__ */ Z(Ze, {
+		variant: "event",
+		onAddToCart: t ? () => t() : void 0,
+		actionLabel: n,
+		...r
+	});
+}
+//#endregion
+//#region src/components/cards/MCardWidget/MCardWidget.tsx
+function rt(e, t) {
+	return t || (typeof e != "number" || e === 0 ? "neutral" : e > 0 ? "up" : "down");
+}
+function it(e) {
+	return typeof e == "number" && e > 0 ? `+${e}` : e;
+}
+function at({ component: e, to: t, href: n, target: r, rel: i, title: a, value: o, trend: s, trendType: c, icon: l, color: u = "primary", helperText: d, interactive: f = !1, clickEffect: m, rippleColor: h, className: g, onPointerDown: _, ...v }) {
+	let y = s != null, b = rt(s, c), x = it(s), { component: S, href: C, to: w, isInteractive: T } = G({
+		component: e,
+		href: n,
+		to: t,
+		interactive: f,
+		hasClickHandler: !!v.onClick,
+		hasPointerHandler: !!_
+	}), { effectClassName: E, effectLayer: D, handlePointerDown: O } = B({
+		effect: m ?? (T ? "ripple" : "none"),
+		disabled: !T,
+		color: h
+	});
+	return /* @__PURE__ */ Q(S, {
+		href: S === "a" || e ? C : void 0,
+		to: w,
+		target: r,
+		rel: i,
+		className: z("card-widget", `color-${u}`, T && "interactive", E, g),
+		onPointerDown: (e) => {
+			O(e), _?.(e);
+		},
+		...v,
+		children: [
+			D,
+			/* @__PURE__ */ Q("div", {
+				className: "cw-top",
+				children: [/* @__PURE__ */ Q("div", {
+					className: "cw-meta",
+					children: [/* @__PURE__ */ Z("span", {
+						className: "cw-title",
+						children: a
+					}), /* @__PURE__ */ Z("span", {
+						className: "cw-value",
+						children: o
+					})]
+				}), l && /* @__PURE__ */ Z("span", {
+					className: "cw-icon",
+					children: l
+				})]
+			}),
+			y && /* @__PURE__ */ Z("div", {
+				className: "cw-bottom",
+				children: /* @__PURE__ */ Q("span", {
+					className: z("cw-trend", b),
+					children: [
+						b === "up" && /* @__PURE__ */ Z(N, { size: 14 }),
+						b === "down" && /* @__PURE__ */ Z(p, { size: 14 }),
+						/* @__PURE__ */ Z("span", { children: x })
+					]
+				})
+			}),
+			d && /* @__PURE__ */ Z("div", {
+				className: "cw-helper",
+				children: d
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MStatCard/MStatCard.tsx
+function ot(e, t) {
+	return t || (typeof e != "number" || e === 0 ? "neutral" : e > 0 ? "up" : "down");
+}
+function st(e) {
+	return typeof e == "number" && e > 0 ? `+${e}` : e;
+}
+function ct({ label: e, value: t, icon: n, badge: r, helperText: i, trend: a, trendType: o, color: s = "primary", className: c, ...l }) {
+	let u = a != null, d = ot(a, o);
+	return /* @__PURE__ */ Z(ge, {
+		className: z("stat-card", `color-${s}`, c),
+		...l,
+		children: /* @__PURE__ */ Q(H, {
+			padding: "sm",
+			children: [/* @__PURE__ */ Q(V, {
+				justify: "between",
+				align: "start",
+				children: [/* @__PURE__ */ Q(H, { children: [/* @__PURE__ */ Z(U, {
+					size: "sm",
+					tone: "muted",
+					children: e
+				}), /* @__PURE__ */ Z("span", {
+					className: "stat-card-value",
+					children: t
+				})] }), /* @__PURE__ */ Q(V, {
+					align: "center",
+					padding: "xs",
+					children: [r, n && /* @__PURE__ */ Z("span", {
+						className: "stat-card-icon",
+						children: n
+					})]
+				})]
+			}), (u || i) && /* @__PURE__ */ Q(V, {
+				justify: "between",
+				align: "center",
+				children: [u ? /* @__PURE__ */ Q("span", {
+					className: z("stat-card-trend", d),
+					children: [
+						d === "up" && /* @__PURE__ */ Z(N, { size: 14 }),
+						d === "down" && /* @__PURE__ */ Z(p, { size: 14 }),
+						/* @__PURE__ */ Z("span", { children: st(a) })
+					]
+				}) : /* @__PURE__ */ Z("span", {}), i && /* @__PURE__ */ Z(U, {
+					size: "sm",
+					tone: "muted",
+					children: i
+				})]
+			})]
+		})
+	});
+}
+var lt = ct;
+//#endregion
+//#region src/components/cards/MCardGrid/MCardGrid.tsx
+function ut(e, t) {
+	let n = t.split("."), r = e;
+	for (let e of n) {
+		if (typeof r != "object" || !r) return;
+		r = r[e];
+	}
+	return r;
+}
+function dt({ items: e, renderCard: t, color: n = "primary", searchable: r = !1, searchKeys: i, searchPlaceholder: a = "Search...", search: o, onSearchChange: s, filterable: c = !1, filterKeys: l = [], filters: u, onFiltersChange: d, sortable: f = !1, sortKeys: m = [], defaultSort: h, sort: g, onSortChange: _, pagination: v = !1, pageSize: y = 12, page: b, onPageChange: x, total: S, manualSearch: C = !1, manualFilters: w = !1, manualSort: E = !1, manualPagination: D = !1, columns: O = 3, emptyMessage: k = "No results found.", className: A, style: j, ...M }) {
+	let [te, ne] = X(""), [re, P] = X({}), [F, ie] = X(h ?? null), [ae, I] = X(1), [oe, L] = X(!1), [se, R] = X(!1), ce = Ie(null), le = Ie(null), B = o === void 0 ? te : o, V = u === void 0 ? re : u, H = g === void 0 ? F : g, U = b === void 0 ? ae : b, de = Y((e) => {
+		o === void 0 && ne(e), !D && b === void 0 && I(1), s?.(e);
+	}, [
+		o,
+		b,
+		D,
+		s
+	]), fe = Y((e) => {
+		u === void 0 && P(e), !D && b === void 0 && I(1), d?.(e);
+	}, [
+		u,
+		b,
+		D,
+		d
+	]), me = Y((e) => {
+		g === void 0 && ie(e), !D && b === void 0 && I(1), _?.(e);
+	}, [
+		g,
+		b,
+		D,
+		_
+	]), he = Y((e) => {
+		b === void 0 && I(e), x?.(e);
+	}, [b, x]), ge = Y(() => {
+		L((e) => !e), R(!1);
+	}, []), G = Y(() => {
+		R((e) => !e), L(!1);
+	}, []), K = Fe(() => {
+		let t = e;
+		if (!C && B && i && i.length > 0) {
+			let e = B.toLowerCase();
+			t = t.filter((t) => i.some((n) => {
+				let r = ut(t, n);
+				return r != null && String(r).toLowerCase().includes(e);
+			}));
+		}
+		if (!w) for (let [e, n] of Object.entries(V)) !n || n.length === 0 || (t = t.filter((t) => {
+			let r = ut(t, e);
+			return r != null && n.includes(String(r));
+		}));
+		return !E && H && (t = [...t].sort((e, t) => {
+			let n = ut(e, H.key), r = ut(t, H.key);
+			if (n == null && r == null) return 0;
+			if (n == null) return 1;
+			if (r == null) return -1;
+			let i = String(n).localeCompare(String(r), void 0, { numeric: !0 });
+			return H.direction === "asc" ? i : -i;
+		})), t === e ? [...t] : t;
+	}, [
+		e,
+		B,
+		i,
+		V,
+		H,
+		C,
+		w,
+		E
+	]), q = D ? S ?? K.length : K.length, ve = Fe(() => {
+		if (!v || D) return K;
+		let e = (U - 1) * y;
+		return K.slice(e, e + y);
+	}, [
+		K,
+		v,
+		D,
+		U,
+		y
+	]);
+	function ye(e, t) {
+		let n = V[e] ?? [], r = n.includes(t) ? n.filter((e) => e !== t) : [...n, t];
+		fe({
+			...V,
+			[e]: r
+		});
+	}
+	let be = Fe(() => {
+		let t = {};
+		for (let n of l) {
+			if (n.options) {
+				t[n.key] = n.options;
+				continue;
+			}
+			let r = /* @__PURE__ */ new Set();
+			for (let t of e) {
+				let e = ut(t, n.key);
+				e != null && r.add(String(e));
+			}
+			t[n.key] = Array.from(r).sort();
+		}
+		return t;
+	}, [e, l]), xe = m.find((e) => e.key === H?.key);
+	return /* @__PURE__ */ Q("div", {
+		className: z("card-grid", `color-${n}`, A),
+		style: j,
+		...M,
+		children: [
+			(r || c || f) && /* @__PURE__ */ Q("div", {
+				className: "card-grid-toolbar",
+				children: [r && /* @__PURE__ */ Z(_e, {
+					className: "card-grid-search",
+					size: "sm",
+					fullWidth: !0,
+					placeholder: a,
+					value: B,
+					onChange: (e) => de(e.target.value),
+					onClear: () => de("")
+				}), /* @__PURE__ */ Q("div", {
+					className: "card-grid-actions",
+					children: [c && l.length > 0 && /* @__PURE__ */ Q(Le, { children: [/* @__PURE__ */ Z(W, {
+						ref: ce,
+						variant: "outlined",
+						color: n,
+						size: "sm",
+						startIcon: /* @__PURE__ */ Z(T, {}),
+						"aria-expanded": oe,
+						onClick: ge,
+						children: "Filter"
+					}), /* @__PURE__ */ Z(ue, {
+						open: oe,
+						anchorRef: ce,
+						onClose: () => L(!1),
+						placement: "bottom-end",
+						className: "card-grid-dropdown",
+						children: l.map((e) => /* @__PURE__ */ Q("div", {
+							className: "card-grid-filter-group",
+							children: [/* @__PURE__ */ Z("span", {
+								className: "card-grid-filter-label",
+								children: e.label
+							}), (be[e.key] ?? []).map((t) => /* @__PURE__ */ Z("div", {
+								className: "card-grid-filter-option",
+								children: /* @__PURE__ */ Z(pe, {
+									size: "sm",
+									clickEffect: "none",
+									checked: V[e.key]?.includes(t) ?? !1,
+									onChange: () => ye(e.key, t),
+									label: t
+								})
+							}, t))]
+						}, e.key))
+					})] }), f && m.length > 0 && /* @__PURE__ */ Q(Le, { children: [/* @__PURE__ */ Z(W, {
+						ref: le,
+						variant: "outlined",
+						color: n,
+						size: "sm",
+						startIcon: H ? H.direction === "asc" ? /* @__PURE__ */ Z(N, {}) : /* @__PURE__ */ Z(p, {}) : /* @__PURE__ */ Z(ee, {}),
+						"aria-expanded": se,
+						onClick: G,
+						children: xe ? `Sort: ${xe.label}` : "Sort"
+					}), /* @__PURE__ */ Z(ue, {
+						open: se,
+						anchorRef: le,
+						onClose: () => R(!1),
+						placement: "bottom-end",
+						className: "card-grid-dropdown",
+						children: m.map((e) => /* @__PURE__ */ Q("button", {
+							type: "button",
+							className: z("card-grid-sort-item", H?.key === e.key && "active"),
+							onClick: () => {
+								H?.key === e.key ? me({
+									key: e.key,
+									direction: H.direction === "asc" ? "desc" : "asc"
+								}) : me({
+									key: e.key,
+									direction: "asc"
+								});
+							},
+							children: [e.label, H?.key === e.key && /* @__PURE__ */ Z("span", {
+								className: "card-grid-sort-dir",
+								children: H.direction === "asc" ? /* @__PURE__ */ Z(N, { className: "card-grid-sort-icon" }) : /* @__PURE__ */ Z(p, { className: "card-grid-sort-icon" })
+							})]
+						}, e.key))
+					})] })]
+				})]
+			}),
+			ve.length > 0 ? /* @__PURE__ */ Z("div", {
+				className: "card-grid-items",
+				style: { gridTemplateColumns: `repeat(${O}, 1fr)` },
+				children: ve.map((e, n) => {
+					let r = e?.id;
+					return /* @__PURE__ */ Z(je, { children: t(e, n) }, r ?? n);
+				})
+			}) : /* @__PURE__ */ Z("div", {
+				className: "card-grid-empty",
+				children: k
+			}),
+			v && q > y && /* @__PURE__ */ Z("div", {
+				className: "card-grid-pagination",
+				children: /* @__PURE__ */ Z(ke, {
+					total: q,
+					page: U,
+					pageSize: y,
+					onChange: he
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardFinance/MCardFinance.tsx
+function ft(e, t) {
+	return t || (e === void 0 || e === 0 ? "neutral" : e > 0 ? "up" : "down");
+}
+function pt({ component: e, to: t, href: n, target: r, rel: i, label: a, value: o, change: s, changeType: c, changeLabel: l, icon: u, sparkline: d, sparklineType: f = "area", color: m = "primary", currency: h, interactive: g = !1, clickEffect: _, rippleColor: v, className: y, onPointerDown: b, ...x }) {
+	let S = ft(s, c), C = S === "up" ? "success" : S === "down" ? "error" : "neutral", { component: w, href: T, to: E, isInteractive: D } = G({
+		component: e,
+		href: n,
+		to: t,
+		interactive: g,
+		hasClickHandler: !!x.onClick,
+		hasPointerHandler: !!b
+	}), { effectClassName: O, effectLayer: k, handlePointerDown: A } = B({
+		effect: _ ?? (D ? "ripple" : "none"),
+		disabled: !D,
+		color: v
+	});
+	return /* @__PURE__ */ Q(w, {
+		href: w === "a" || e ? T : void 0,
+		to: E,
+		target: r,
+		rel: i,
+		className: z("card-finance", `color-${m}`, D && "interactive", O, y),
+		onPointerDown: (e) => {
+			A(e), b?.(e);
+		},
+		...x,
+		children: [
+			k,
+			/* @__PURE__ */ Q("div", {
+				className: "cf-top",
+				children: [/* @__PURE__ */ Q("div", {
+					className: "cf-meta",
+					children: [/* @__PURE__ */ Z("span", {
+						className: "cf-label",
+						children: a
+					}), h && /* @__PURE__ */ Z("span", {
+						className: "cf-currency",
+						children: h
+					})]
+				}), u && /* @__PURE__ */ Z("span", {
+					className: "cf-icon",
+					children: u
+				})]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "cf-value",
+				children: o
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "cf-bottom",
+				children: s !== void 0 && /* @__PURE__ */ Q("span", {
+					className: z("cf-change", C),
+					children: [
+						S === "up" && /* @__PURE__ */ Z(N, { size: 14 }),
+						S === "down" && /* @__PURE__ */ Z(p, { size: 14 }),
+						/* @__PURE__ */ Q("span", {
+							className: "cf-change-value",
+							children: [
+								s > 0 ? "+" : "",
+								s,
+								"%"
+							]
+						}),
+						l && /* @__PURE__ */ Z("span", {
+							className: "cf-change-label",
+							children: l
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "cf-sparkline",
+				children: /* @__PURE__ */ Z(Ee, {
+					data: d,
+					type: f,
+					color: C === "neutral" ? m : C,
+					height: 46,
+					padding: 0,
+					curved: !0,
+					animated: !0,
+					fillOpacity: .18
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardDaySchedule/MCardDaySchedule.tsx
+function mt({ title: e = "Today", description: t, color: n = "primary", workdayStart: r, workdayEnd: i, timeline: a, summary: o, tabs: s = [], footer: c, emptyTimeline: l = /* @__PURE__ */ Z(U, {
+	tone: "muted",
+	children: "No events scheduled for this day."
+}), ...u }) {
+	let d = r && i ? `${r}-${i}` : r ?? i ?? void 0, f = s.filter((e) => e.items.length > 0);
+	return /* @__PURE__ */ Q(ge, {
+		color: n,
+		...u,
+		children: [
+			/* @__PURE__ */ Z(me, { children: /* @__PURE__ */ Q(H, { children: [/* @__PURE__ */ Z(de, {
+				level: 4,
+				children: e
+			}), (t || d) && /* @__PURE__ */ Q(U, {
+				size: "sm",
+				tone: "muted",
+				children: [
+					t,
+					t && d ? " " : null,
+					d
+				]
+			})] }) }),
+			/* @__PURE__ */ Z(K, { children: /* @__PURE__ */ Q(J, {
+				type: "row",
+				align: "start",
+				children: [/* @__PURE__ */ Z(J, {
+					type: "col",
+					xl: 7,
+					sm: 12,
+					children: a.length ? /* @__PURE__ */ Z(H, {
+						className: "day-schedule-card-timeline",
+						children: a.map((e) => /* @__PURE__ */ Q(V, {
+							align: "start",
+							className: "day-schedule-card-entry",
+							children: [
+								/* @__PURE__ */ Z("span", {
+									className: "day-schedule-card-time",
+									children: e.time
+								}),
+								/* @__PURE__ */ Z("div", {
+									className: "day-schedule-card-dot",
+									"data-color": e.color ?? n,
+									children: $(e.icon, e.color ?? n)
+								}),
+								/* @__PURE__ */ Q("div", {
+									className: "day-schedule-card-copy",
+									children: [/* @__PURE__ */ Z(U, {
+										as: "strong",
+										children: e.title
+									}), e.description && /* @__PURE__ */ Z(U, {
+										size: "sm",
+										tone: "muted",
+										children: e.description
+									})]
+								})
+							]
+						}, e.id))
+					}) : l
+				}), /* @__PURE__ */ Z(J, {
+					type: "col",
+					xl: 5,
+					sm: 12,
+					children: /* @__PURE__ */ Q(H, {
+						className: "day-schedule-card-side",
+						children: [o, f.length > 0 && /* @__PURE__ */ Z(Oe, {
+							variant: "underline",
+							size: "sm",
+							fullWidth: !0,
+							defaultValue: f[0].type,
+							items: f.map((e) => ({
+								value: e.type,
+								label: /* @__PURE__ */ Q("span", {
+									className: "day-schedule-card-tab-label",
+									children: [/* @__PURE__ */ Z("span", { children: e.title }), /* @__PURE__ */ Z("span", {
+										className: "day-schedule-card-tab-count",
+										children: e.items.length
+									})]
+								}),
+								content: /* @__PURE__ */ Z(Se, { items: e.items })
+							}))
+						})]
+					})
+				})]
+			}) }),
+			c && /* @__PURE__ */ Z(he, { children: $(c, n) })
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardDocumentTree/MCardDocumentTree.tsx
+function ht({ title: e = "Documents", description: t, color: n = "primary", items: r, selected: i, onSelect: a, defaultExpanded: o, expanded: s, onExpandChange: c, detailsTitle: l, detailsMeta: u, detailsItems: d = [], detailsActions: f = [], renderDetails: p, emptyDetails: m = /* @__PURE__ */ Z(U, {
+	tone: "muted",
+	children: "Select a document to inspect its details."
+}), primaryAction: h, ...g }) {
+	let _ = (e) => ({
+		...e,
+		icon: $(e.icon, n),
+		children: e.children?.map(_)
+	}), v = r.map(_);
+	return /* @__PURE__ */ Q(ge, {
+		stretch: !1,
+		color: n,
+		...g,
+		children: [/* @__PURE__ */ Z(me, { children: /* @__PURE__ */ Q(V, {
+			justify: "between",
+			align: "center",
+			children: [/* @__PURE__ */ Q(H, { children: [/* @__PURE__ */ Z(de, {
+				level: 4,
+				children: e
+			}), t && /* @__PURE__ */ Z(U, {
+				size: "sm",
+				tone: "muted",
+				children: t
+			})] }), $(h, n)]
+		}) }), /* @__PURE__ */ Z(K, { children: /* @__PURE__ */ Q(J, {
+			type: "row",
+			align: "start",
+			children: [/* @__PURE__ */ Z(J, {
+				type: "col",
+				xl: 7,
+				sm: 12,
+				children: /* @__PURE__ */ Z(De, {
+					items: v,
+					color: n,
+					defaultExpanded: o,
+					expanded: s,
+					onExpandChange: c,
+					selected: i,
+					onSelect: a,
+					expandable: !0,
+					selectable: !0,
+					showLines: !0,
+					fileIcons: !0
+				})
+			}), /* @__PURE__ */ Z(J, {
+				type: "col",
+				xl: 5,
+				sm: 12,
+				children: /* @__PURE__ */ Q(H, {
+					padding: "sm",
+					children: [(l || u || f.length > 0) && /* @__PURE__ */ Q(V, {
+						justify: "between",
+						align: "start",
+						children: [/* @__PURE__ */ Q(H, { children: [l && /* @__PURE__ */ Z(de, {
+							level: 5,
+							children: l
+						}), u && /* @__PURE__ */ Z(U, {
+							size: "sm",
+							tone: "muted",
+							children: u
+						})] }), f.length > 0 && /* @__PURE__ */ Z(be, {
+							placement: "bottom-end",
+							trigger: /* @__PURE__ */ Z(W, {
+								variant: "ghost",
+								color: n,
+								iconOnly: !0,
+								shape: "circle",
+								"aria-label": "Open document actions",
+								children: /* @__PURE__ */ Z(ie, {})
+							}),
+							children: f.map((e) => /* @__PURE__ */ Z(xe, {
+								icon: $(e.icon, e.color ?? n),
+								label: e.label,
+								color: e.color ?? n,
+								disabled: e.disabled,
+								component: e.component,
+								href: e.href,
+								to: e.to,
+								onClick: e.onClick
+							}, e.id))
+						})]
+					}), p || (d.length ? /* @__PURE__ */ Z(Se, { items: d }) : m)]
+				})
+			})]
+		}) })]
+	});
+}
+//#endregion
+export { ct as a, nt as c, $e as d, Qe as f, Be as g, He as h, dt as i, tt as l, We as m, mt as n, lt as o, Xe as p, pt as r, at as s, ht as t, et as u };
+
+//# sourceMappingURL=cards-D7oHIHmU.js.map