@banzamel/mineralui 1.9.1 → 1.10.2

package/dist/cards-23tpYjxc.js

@@ -0,0 +1,1207 @@
+import { Jn as e, Li as t, Ni as n, Or as r, Ri as i, Xn as a, kr as o, nr as s, qn as c, rr as l, zi as u } from "./icons-DLP-Rs6z.js";
+import { t as d } from "./cn-YER3QsV1.js";
+import { n as f, t as p } from "./creditCards-D_iWmtG6.js";
+import { t as m } from "./useInteractionEffect-DtpbVd77.js";
+import { t as h } from "./MPopover-BRuwva-c.js";
+import { n as g } from "./MSurface-B-sjyczH.js";
+import { t as _ } from "./MText-CL-LPcXi.js";
+import { t as v } from "./MHeading-B7KgSP4T.js";
+import { t as y } from "./MLink-Bd8fLH1N.js";
+import { t as b } from "./MButton-C94fZ3l9.js";
+import { t as x } from "./MCheckbox-B-nT2OBE.js";
+import { n as S } from "./MSkeleton-BpylRABV.js";
+import { r as C, t as w } from "./MGrid-yLmEteNw.js";
+import { t as T } from "./MStack-B8JtyM10.js";
+import { a as E, i as D, n as O, r as k, t as A } from "./MCard-9ucghJJs.js";
+import { n as j, t as M } from "./MInputCVC-BSHrWcEh.js";
+import { t as N } from "./MAvatar-CIvYzQV4.js";
+import { n as ee, t as P } from "./MDetailList-Gh5Y0UOx.js";
+import { t as F } from "./MInputSearch-Dj55a3oO.js";
+import { t as I } from "./MTreeView-DMTzRk6c.js";
+import { i as te, r as ne } from "./MDropdownMenu-CAwSTZ1h.js";
+import { t as L } from "./MPagination-CnFI794t.js";
+import { Children as re, Fragment as R, cloneElement as z, isValidElement as B, useCallback as V, useEffect as ie, useMemo as ae, useRef as oe, useState as H } from "react";
+import { Fragment as se, jsx as U, jsxs as W } from "react/jsx-runtime";
+//#region src/components/cards/shared/MCardColor.utils.tsx
+function G(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 K(e) {
+	if (e.props.color !== void 0) return !1;
+	if (e.type === b) return !0;
+	let t = G(e.type);
+	return t.startsWith("M") && t.endsWith("Icon");
+}
+function q(e, t) {
+	return t ? re.map(e, (e) => {
+		if (!B(e)) return e;
+		let n = e, r = n.props, i = r.children ? q(r.children, t) : r.children, a = {};
+		return i !== r.children && (a.children = i), K(n) && (a.color = t), Object.keys(a).length ? z(n, a) : n;
+	}) : e;
+}
+//#endregion
+//#region src/components/cards/MCardActionArea/MCardActionArea.tsx
+function J({ component: e, to: t, href: n, target: r, rel: i, color: a, interactive: o = !0, clickEffect: s, rippleColor: c, className: l, children: u, onPointerDown: f, type: p, ...h }) {
+	let { component: g, href: _, to: v, isInteractive: y } = E({
+		component: e,
+		href: n,
+		to: t,
+		interactive: o,
+		hasClickHandler: !!h.onClick,
+		hasPointerHandler: !!f,
+		fallbackComponent: "button"
+	}), { effectClassName: b, effectLayer: x, handlePointerDown: S } = m({
+		effect: s ?? (y ? "ripple" : "none"),
+		disabled: !y,
+		color: c
+	});
+	return /* @__PURE__ */ W(g, {
+		href: g === "a" || e ? _ : void 0,
+		to: v,
+		target: r,
+		rel: i,
+		type: g === "button" ? p ?? "button" : void 0,
+		className: d("card-action-area", a && `color-${a}`, y && "interactive", b, l),
+		onPointerDown: (e) => {
+			S(e), f?.(e);
+		},
+		...h,
+		children: [x, /* @__PURE__ */ U("span", {
+			className: "card-action-area-content",
+			children: q(u, a)
+		})]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardPayment/MCardPayment.tsx
+function ce(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 Y({ component: e, to: t, href: n, target: r, rel: i, holder: a, number: o, expiry: s, brand: c, brandIcon: l, balance: u, balanceLabel: h = "Current balance", color: g, interactive: _ = !1, clickEffect: v, rippleColor: y, className: b, onPointerDown: x, ...S }) {
+	let C = f(o), w = c ?? C.brand, T = p.find((e) => e.brand === w) ?? C, D = ce(o), O = T.iconLabel, { component: k, href: A, to: j, isInteractive: M } = E({
+		component: e,
+		href: n,
+		to: t,
+		interactive: _,
+		hasClickHandler: !!S.onClick,
+		hasPointerHandler: !!x
+	}), { effectClassName: N, effectLayer: ee, handlePointerDown: P } = m({
+		effect: v ?? (M ? "ripple" : "none"),
+		disabled: !M,
+		color: y
+	});
+	return /* @__PURE__ */ W(k, {
+		href: k === "a" || e ? A : void 0,
+		to: j,
+		target: r,
+		rel: i,
+		className: d("card-payment", g || "primary", M && "interactive", N, b),
+		onPointerDown: (e) => {
+			P(e), x?.(e);
+		},
+		...S,
+		children: [
+			ee,
+			u !== void 0 && /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+				className: "cp-balance-label",
+				children: h
+			}), /* @__PURE__ */ U("p", {
+				className: "cp-balance",
+				children: u
+			})] }),
+			/* @__PURE__ */ W("div", {
+				className: "cp-row",
+				children: [/* @__PURE__ */ U("span", {
+					className: d("cp-brand", !l && w),
+					children: l ?? O
+				}), /* @__PURE__ */ U("span", {
+					className: "cp-number",
+					children: D
+				})]
+			}),
+			/* @__PURE__ */ W("div", {
+				className: "cp-details",
+				children: [/* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+					className: "cp-field-label",
+					children: "MCard holder"
+				}), /* @__PURE__ */ U("p", {
+					className: "cp-field-value",
+					children: a
+				})] }), /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+					className: "cp-field-label",
+					children: "Expiration date"
+				}), /* @__PURE__ */ U("p", {
+					className: "cp-field-value",
+					children: s
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardPaymentMethod/MCardPaymentMethod.tsx
+function le(e) {
+	return p.find((t) => t.brand === e)?.iconLabel ?? "CARD";
+}
+function ue({ title: e = "Your payment methods", actionLabel: t = "Change", actionHref: n = "#", onAction: r, brand: i = "visa", brandIcon: a, last4: o, badgeLabel: s, summary: c, helperText: l = "All fields are required, unless stated otherwise.", expiryLabel: f = "Expiration date", cvcLabel: p = "Security code", expiryProps: m, cvcProps: h, color: v, className: b, ...x }) {
+	let C = m?.value ?? m?.defaultValue, w = s === void 0 ? "Default" : s, T = C ? `Credit card - Expiration date ${String(C).replace("/", ".")}` : "Credit card", E = c === void 0 ? T : c, D = le(i), O = {
+		clearable: !0,
+		...m
+	};
+	return /* @__PURE__ */ W("div", {
+		className: d("card-payment-method", v || "primary", b),
+		...x,
+		children: [/* @__PURE__ */ W("div", {
+			className: "cpm-header",
+			children: [/* @__PURE__ */ U("h3", {
+				className: "cpm-title",
+				children: e
+			}), /* @__PURE__ */ W(y, {
+				href: n,
+				tone: "accent",
+				underline: "none",
+				className: "cpm-action",
+				onClick: (e) => {
+					r && (e.preventDefault(), r());
+				},
+				children: [t, /* @__PURE__ */ U(u, {})]
+			})]
+		}), /* @__PURE__ */ W("div", {
+			className: "cpm-surface",
+			children: [
+				/* @__PURE__ */ W("div", {
+					className: "cpm-method",
+					children: [/* @__PURE__ */ W(g, {
+						align: "center",
+						className: "cpm-method-row",
+						children: [
+							/* @__PURE__ */ U("span", {
+								className: d("cpm-brand", !a && i),
+								children: a ?? D
+							}),
+							/* @__PURE__ */ U("span", {
+								className: "cpm-last4",
+								children: `\u2022\u2022\u2022\u2022 ${o}`
+							}),
+							w && /* @__PURE__ */ U(S, {
+								color: "info",
+								children: w
+							})
+						]
+					}), E && /* @__PURE__ */ U(_, {
+						tone: "muted",
+						className: "cpm-summary",
+						children: E
+					})]
+				}),
+				l && /* @__PURE__ */ U(_, {
+					tone: "muted",
+					size: "sm",
+					className: "cpm-helper",
+					children: l
+				}),
+				/* @__PURE__ */ W("div", {
+					className: "cpm-fields",
+					children: [/* @__PURE__ */ U(j, {
+						label: f,
+						placeholder: "MM/YYYY",
+						fullWidth: !0,
+						...O
+					}), /* @__PURE__ */ U(M, {
+						label: p,
+						placeholder: "123",
+						fullWidth: !0,
+						...h
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/cards/ServiceCardsShared/ServiceCardsShared.tsx
+function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN", duration: f, available: p, image: m, gallery: h, galleryAutoPlay: g = !1, rating: _, reviewCount: v, favorite: y, onFavorite: x, menuItems: C, onAddToCart: w, actionLabel: T, icon: E, color: D = "primary", leader: O, participants: k, maxParticipants: A, quantity: j, onQuantityChange: M, date: P, location: F, status: I, className: L, ...re }) {
+	let [R, z] = H(0), [B, V] = H(!1), [ae, oe] = H(1), G = j ?? ae, K = h && h.length > 0 ? h : m ? [m] : [];
+	ie(() => {
+		R >= K.length && z(0);
+	}, [R, K.length]), ie(() => {
+		if (!B) return;
+		let e = window.setTimeout(() => {
+			V(!1);
+		}, 220);
+		return () => window.clearTimeout(e);
+	}, [R, B]);
+	function q(e) {
+		e === R || e < 0 || e >= K.length || (K.length > 1 && V(!0), z(e));
+	}
+	ie(() => {
+		if (!g || K.length <= 1) return;
+		let e = window.setInterval(() => {
+			V(!0), z((e) => (e + 1) % K.length);
+		}, 3500);
+		return () => window.clearInterval(e);
+	}, [g, K.length]);
+	function J(e) {
+		let t = Math.max(1, e);
+		M ? M(t) : oe(t);
+	}
+	let ce = p === !0 ? "Available" : p === !1 ? "Unavailable" : typeof p == "number" ? `${p} spots` : null, Y = P ? P instanceof Date ? P : new Date(P) : null, le = Y ? Y.getDate() : null, ue = Y ? Y.toLocaleString("en", { month: "short" }).toUpperCase() : null;
+	return /* @__PURE__ */ W("div", {
+		className: d("card-service", e, `color-${D}`, L),
+		...re,
+		children: [
+			K.length > 0 && /* @__PURE__ */ W("div", {
+				className: "cs-gallery",
+				children: [
+					/* @__PURE__ */ U("img", {
+						src: K[R],
+						alt: t,
+						className: d("cs-image", B && "is-transitioning")
+					}),
+					K.length > 1 && /* @__PURE__ */ U("div", {
+						className: "cs-gallery-dots",
+						children: K.map((e, t) => /* @__PURE__ */ U("button", {
+							type: "button",
+							className: d("cs-dot", t === R && "active"),
+							onClick: () => q(t),
+							"aria-label": `Image ${t + 1}`
+						}, t))
+					}),
+					(x || C && C.length > 0) && /* @__PURE__ */ W("div", {
+						className: "cs-gallery-actions",
+						children: [C && C.length > 0 && /* @__PURE__ */ U(te, {
+							className: "cs-menu-wrap",
+							trigger: /* @__PURE__ */ U(b, {
+								variant: "ghost",
+								iconOnly: !0,
+								shape: "circle",
+								"aria-label": "More options",
+								className: "cs-overlay-btn",
+								children: /* @__PURE__ */ U(a, {})
+							}),
+							placement: "bottom-end",
+							children: C.map((e, t) => /* @__PURE__ */ U(ne, {
+								icon: e.icon,
+								color: e.danger ? "error" : void 0,
+								label: e.label,
+								onClick: e.onClick
+							}, t))
+						}), x && /* @__PURE__ */ U(b, {
+							variant: "ghost",
+							iconOnly: !0,
+							shape: "circle",
+							onClick: x,
+							"aria-label": y ? "Remove from favorites" : "Add to favorites",
+							className: d("cs-overlay-btn", y && "cs-fav-active"),
+							children: U(y ? s : l, {})
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ W("div", {
+				className: "cs-body",
+				children: [
+					e === "event" && Y && /* @__PURE__ */ W("div", {
+						className: "cs-event-header",
+						children: [/* @__PURE__ */ W("div", {
+							className: "cs-date-block",
+							children: [/* @__PURE__ */ U("span", {
+								className: "cs-date-day",
+								children: le
+							}), /* @__PURE__ */ U("span", {
+								className: "cs-date-month",
+								children: ue
+							})]
+						}), /* @__PURE__ */ W("div", {
+							className: "cs-event-info",
+							children: [/* @__PURE__ */ U("h3", {
+								className: "cs-title",
+								children: t
+							}), i && /* @__PURE__ */ U("p", {
+								className: "cs-desc",
+								children: i
+							})]
+						})]
+					}),
+					e !== "event" && /* @__PURE__ */ W(se, { children: [/* @__PURE__ */ W("div", {
+						className: "cs-top",
+						children: [E && /* @__PURE__ */ U("span", {
+							className: "cs-icon",
+							children: E
+						}), /* @__PURE__ */ U("h3", {
+							className: "cs-title",
+							children: t
+						})]
+					}), i && /* @__PURE__ */ U("p", {
+						className: "cs-desc",
+						children: i
+					})] }),
+					e === "event" && !Y && /* @__PURE__ */ W(se, { children: [/* @__PURE__ */ W("div", {
+						className: "cs-top",
+						children: [E && /* @__PURE__ */ U("span", {
+							className: "cs-icon",
+							children: E
+						}), /* @__PURE__ */ U("h3", {
+							className: "cs-title",
+							children: t
+						})]
+					}), i && /* @__PURE__ */ U("p", {
+						className: "cs-desc",
+						children: i
+					})] }),
+					_ !== void 0 && /* @__PURE__ */ W("div", {
+						className: "cs-rating",
+						children: [
+							/* @__PURE__ */ U(ee, {
+								value: Math.round(_),
+								size: "sm",
+								color: "warning",
+								readOnly: !0,
+								className: "cs-stars"
+							}),
+							/* @__PURE__ */ U("span", {
+								className: "cs-rating-value",
+								children: _.toFixed(1)
+							}),
+							v !== void 0 && /* @__PURE__ */ W("span", {
+								className: "cs-review-count",
+								children: [
+									"(",
+									v,
+									")"
+								]
+							})
+						]
+					}),
+					O && /* @__PURE__ */ W("div", {
+						className: "cs-leader",
+						children: [/* @__PURE__ */ U(N, {
+							src: O.avatar,
+							name: O.name,
+							size: 28,
+							color: D
+						}), /* @__PURE__ */ U("span", {
+							className: "cs-leader-name",
+							children: O.name
+						})]
+					}),
+					e === "course" && k && /* @__PURE__ */ W("div", {
+						className: "cs-participants",
+						children: [/* @__PURE__ */ U("div", {
+							className: "cs-participants-avatars",
+							children: k.slice(0, 4).map((e, t) => /* @__PURE__ */ U(N, {
+								src: e.avatar,
+								name: e.name,
+								size: 28,
+								color: D,
+								className: "cs-participant-avatar"
+							}, `${e.name}-${t}`))
+						}), A && /* @__PURE__ */ W("span", {
+							className: "cs-spots",
+							children: [
+								k.length,
+								"/",
+								A
+							]
+						})]
+					}),
+					/* @__PURE__ */ W("div", {
+						className: "cs-meta",
+						children: [
+							e === "event" && F && /* @__PURE__ */ U(S, {
+								size: "xs",
+								color: D,
+								children: F
+							}),
+							f && /* @__PURE__ */ U(S, {
+								size: "xs",
+								color: D,
+								icon: /* @__PURE__ */ U(n, {}),
+								children: f
+							}),
+							e === "event" && I && /* @__PURE__ */ U(S, {
+								size: "xs",
+								color: I.toLowerCase() === "sold out" ? "error" : D,
+								children: I
+							}),
+							ce && e !== "event" && /* @__PURE__ */ U(S, {
+								size: "xs",
+								color: p === !1 ? "error" : D,
+								children: ce
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ W("div", {
+				className: "cs-footer",
+				children: [c !== void 0 && /* @__PURE__ */ W("span", {
+					className: "cs-price",
+					children: [
+						typeof c == "number" ? c.toFixed(2) : c,
+						" ",
+						/* @__PURE__ */ U("span", {
+							className: "cs-currency",
+							children: u
+						})
+					]
+				}), /* @__PURE__ */ W("div", {
+					className: "cs-actions",
+					children: [e === "product" && w && /* @__PURE__ */ W("div", {
+						className: "cs-qty",
+						children: [
+							/* @__PURE__ */ U(b, {
+								variant: "ghost",
+								iconOnly: !0,
+								size: "sm",
+								onClick: () => J(G - 1),
+								"aria-label": "Decrease",
+								className: "cs-qty-btn",
+								children: /* @__PURE__ */ U(r, {})
+							}),
+							/* @__PURE__ */ U("span", {
+								className: "cs-qty-value",
+								children: G
+							}),
+							/* @__PURE__ */ U(b, {
+								variant: "ghost",
+								iconOnly: !0,
+								size: "sm",
+								onClick: () => J(G + 1),
+								"aria-label": "Increase",
+								className: "cs-qty-btn",
+								children: /* @__PURE__ */ U(o, {})
+							})
+						]
+					}), w && /* @__PURE__ */ U(b, {
+						variant: "filled",
+						size: "sm",
+						color: D,
+						onClick: () => w(G),
+						disabled: p === !1,
+						className: "cs-cart-btn",
+						children: T ?? (e === "event" ? "Register" : "Add to cart")
+					})]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardOffer/MCardOffer.tsx
+function de(e) {
+	let { onAction: t, actionLabel: n = "Book now", ...r } = e;
+	return /* @__PURE__ */ U(X, {
+		variant: "service",
+		onAddToCart: t ? () => t() : void 0,
+		actionLabel: n,
+		...r
+	});
+}
+//#endregion
+//#region src/components/cards/MCardCourse/MCardCourse.tsx
+function fe(e) {
+	let { onAction: t, actionLabel: n = "Join course", ...r } = e;
+	return /* @__PURE__ */ U(X, {
+		variant: "course",
+		onAddToCart: t ? () => t() : void 0,
+		actionLabel: n,
+		...r
+	});
+}
+//#endregion
+//#region src/components/cards/MCardTile/MCardTile.tsx
+function Z({ component: e, title: t, description: n, icon: r, color: i = "primary", to: o, href: c, target: u, rel: f, onClick: p, interactive: h = !1, clickEffect: g, rippleColor: _, image: v, video: y, illustration: x, camera: S, mediaFill: C = !1, overlayPosition: w = "bottom", favorite: T, onFavorite: D, menuItems: O, className: k, ...A }) {
+	let j = oe(null);
+	ie(() => {
+		if (!S) return;
+		let e = j.current;
+		if (!e || typeof navigator > "u" || !navigator.mediaDevices?.getUserMedia) return;
+		let t = null, n = !1, r = S === !0 ? { video: !0 } : S;
+		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;
+		};
+	}, [S]);
+	let M = !!(v || y || x || S), { component: N, href: ee, to: P, isInteractive: F, isLink: I } = E({
+		component: e,
+		href: c,
+		to: o,
+		interactive: h,
+		hasClickHandler: !!p,
+		fallbackComponent: "button"
+	}), L = C && M, { effectClassName: re, effectLayer: R, handlePointerDown: z } = m({
+		effect: g ?? (F ? "ripple" : "none"),
+		disabled: !F,
+		color: _
+	});
+	function B(e) {
+		e.stopPropagation();
+	}
+	function V(e) {
+		p && (e.preventDefault(), p());
+	}
+	function ae() {
+		return M ? /* @__PURE__ */ W("div", {
+			className: d("tile-media", L && "fill"),
+			children: [
+				v && /* @__PURE__ */ U("img", {
+					src: v,
+					alt: t,
+					className: "tile-image"
+				}),
+				y && /* @__PURE__ */ U("video", {
+					src: y,
+					className: "tile-video",
+					autoPlay: !0,
+					muted: !0,
+					loop: !0,
+					playsInline: !0,
+					"aria-label": t
+				}),
+				S && /* @__PURE__ */ U("video", {
+					ref: j,
+					className: "tile-video",
+					autoPlay: !0,
+					muted: !0,
+					playsInline: !0,
+					"aria-label": t
+				}),
+				x && /* @__PURE__ */ U("div", {
+					className: "tile-illustration",
+					children: x
+				}),
+				L && /* @__PURE__ */ U("div", { className: d("tile-scrim", `scrim-${w}`) })
+			]
+		}) : null;
+	}
+	function H() {
+		return /* @__PURE__ */ W("div", {
+			className: d("tile-body", L && "overlay", L && `pos-${w}`),
+			children: [/* @__PURE__ */ W("div", {
+				className: "tile-top",
+				children: [r && /* @__PURE__ */ U("span", {
+					className: "tile-icon",
+					children: r
+				}), /* @__PURE__ */ U("h3", {
+					className: "tile-title",
+					children: t
+				})]
+			}), n && /* @__PURE__ */ U("p", {
+				className: "tile-desc",
+				children: n
+			})]
+		});
+	}
+	let se = D || O && O.length > 0;
+	return /* @__PURE__ */ W("div", {
+		className: d("card-tile", `color-${i}`, L && "media-fill", F && "interactive", re, k),
+		onPointerDown: z,
+		...A,
+		children: [
+			R,
+			I && /* @__PURE__ */ U(N, {
+				href: N === "a" || e ? ee : void 0,
+				to: P,
+				target: u,
+				rel: f,
+				className: "tile-link",
+				"aria-label": t,
+				onClick: p ? V : void 0
+			}),
+			!I && p && /* @__PURE__ */ U(N, {
+				type: "button",
+				className: "tile-link",
+				"aria-label": t,
+				onClick: p
+			}),
+			ae(),
+			H(),
+			se && /* @__PURE__ */ W("div", {
+				className: "tile-actions",
+				onClick: B,
+				onPointerDown: B,
+				children: [O && O.length > 0 && /* @__PURE__ */ U(te, {
+					className: "tile-menu-wrap",
+					trigger: /* @__PURE__ */ U(b, {
+						variant: "ghost",
+						iconOnly: !0,
+						shape: "circle",
+						"aria-label": "More options",
+						className: "tile-overlay-btn",
+						children: /* @__PURE__ */ U(a, {})
+					}),
+					placement: "bottom-end",
+					children: O.map((e, t) => /* @__PURE__ */ U(ne, {
+						icon: e.icon,
+						color: e.danger ? "error" : void 0,
+						label: e.label,
+						onClick: e.onClick
+					}, t))
+				}), D && /* @__PURE__ */ U(b, {
+					variant: "ghost",
+					iconOnly: !0,
+					shape: "circle",
+					onClick: D,
+					"aria-label": T ? "Remove from favorites" : "Add to favorites",
+					className: d("tile-overlay-btn", T && "tile-fav-active"),
+					children: U(T ? s : l, {})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardProduct/MCardProduct.tsx
+function Q(e) {
+	let { addToCartLabel: t = "Add to cart", ...n } = e;
+	return /* @__PURE__ */ U(X, {
+		variant: "product",
+		actionLabel: t,
+		...n
+	});
+}
+//#endregion
+//#region src/components/cards/MCardEvent/MCardEvent.tsx
+function pe(e) {
+	let { onRegister: t, registerLabel: n = "Register", ...r } = e;
+	return /* @__PURE__ */ U(X, {
+		variant: "event",
+		onAddToCart: t ? () => t() : void 0,
+		actionLabel: n,
+		...r
+	});
+}
+//#endregion
+//#region src/components/cards/MCardWidget/MCardWidget.tsx
+function me(e, t) {
+	return t || (typeof e != "number" || e === 0 ? "neutral" : e > 0 ? "up" : "down");
+}
+function he(e) {
+	return typeof e == "number" && e > 0 ? `+${e}` : e;
+}
+function ge({ component: e, to: n, href: r, target: a, rel: o, title: s, value: c, trend: l, trendType: u, icon: f, color: p = "primary", helperText: h, interactive: g = !1, clickEffect: _, rippleColor: v, className: y, onPointerDown: b, ...x }) {
+	let S = l != null, C = me(l, u), w = he(l), { component: T, href: D, to: O, isInteractive: k } = E({
+		component: e,
+		href: r,
+		to: n,
+		interactive: g,
+		hasClickHandler: !!x.onClick,
+		hasPointerHandler: !!b
+	}), { effectClassName: A, effectLayer: j, handlePointerDown: M } = m({
+		effect: _ ?? (k ? "ripple" : "none"),
+		disabled: !k,
+		color: v
+	});
+	return /* @__PURE__ */ W(T, {
+		href: T === "a" || e ? D : void 0,
+		to: O,
+		target: a,
+		rel: o,
+		className: d("card-widget", `color-${p}`, k && "interactive", A, y),
+		onPointerDown: (e) => {
+			M(e), b?.(e);
+		},
+		...x,
+		children: [
+			j,
+			/* @__PURE__ */ W("div", {
+				className: "cw-top",
+				children: [/* @__PURE__ */ W("div", {
+					className: "cw-meta",
+					children: [/* @__PURE__ */ U("span", {
+						className: "cw-title",
+						children: s
+					}), /* @__PURE__ */ U("span", {
+						className: "cw-value",
+						children: c
+					})]
+				}), f && /* @__PURE__ */ U("span", {
+					className: "cw-icon",
+					children: f
+				})]
+			}),
+			S && /* @__PURE__ */ U("div", {
+				className: "cw-bottom",
+				children: /* @__PURE__ */ W("span", {
+					className: d("cw-trend", C),
+					children: [
+						C === "up" && /* @__PURE__ */ U(i, { size: 14 }),
+						C === "down" && /* @__PURE__ */ U(t, { size: 14 }),
+						/* @__PURE__ */ U("span", { children: w })
+					]
+				})
+			}),
+			h && /* @__PURE__ */ U("div", {
+				className: "cw-helper",
+				children: h
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MStatCard/MStatCard.tsx
+function _e(e, t) {
+	return t || (typeof e != "number" || e === 0 ? "neutral" : e > 0 ? "up" : "down");
+}
+function ve(e) {
+	return typeof e == "number" && e > 0 ? `+${e}` : e;
+}
+function ye({ label: e, value: n, icon: r, badge: a, helperText: o, trend: s, trendType: c, color: l = "primary", className: u, ...f }) {
+	let p = s != null, m = _e(s, c);
+	return /* @__PURE__ */ U(A, {
+		className: d("stat-card", `color-${l}`, u),
+		...f,
+		children: /* @__PURE__ */ W(T, {
+			padding: "sm",
+			children: [/* @__PURE__ */ W(g, {
+				justify: "between",
+				align: "start",
+				children: [/* @__PURE__ */ W(T, { children: [/* @__PURE__ */ U(_, {
+					size: "sm",
+					tone: "muted",
+					children: e
+				}), /* @__PURE__ */ U("span", {
+					className: "stat-card-value",
+					children: n
+				})] }), /* @__PURE__ */ W(g, {
+					align: "center",
+					padding: "xs",
+					children: [a, r && /* @__PURE__ */ U("span", {
+						className: "stat-card-icon",
+						children: r
+					})]
+				})]
+			}), (p || o) && /* @__PURE__ */ W(g, {
+				justify: "between",
+				align: "center",
+				children: [p ? /* @__PURE__ */ W("span", {
+					className: d("stat-card-trend", m),
+					children: [
+						m === "up" && /* @__PURE__ */ U(i, { size: 14 }),
+						m === "down" && /* @__PURE__ */ U(t, { size: 14 }),
+						/* @__PURE__ */ U("span", { children: ve(s) })
+					]
+				}) : /* @__PURE__ */ U("span", {}), o && /* @__PURE__ */ U(_, {
+					size: "sm",
+					tone: "muted",
+					children: o
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/cards/MCardGrid/MCardGrid.tsx
+function be(e) {
+	if (typeof e == "number") return { gridTemplateColumns: `repeat(${e}, 1fr)` };
+	let t = {};
+	return e.base !== void 0 && (t["--cols-base"] = e.base), e.sm !== void 0 && (t["--cols-sm"] = e.sm), e.md !== void 0 && (t["--cols-md"] = e.md), e.lg !== void 0 && (t["--cols-lg"] = e.lg), e.xl !== void 0 && (t["--cols-xl"] = e.xl), e.xxl !== void 0 && (t["--cols-xxl"] = e.xxl), t;
+}
+function xe(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 Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1, searchKeys: s, searchPlaceholder: l = "Search...", search: u, onSearchChange: f, filterable: p = !1, filterKeys: m = [], filters: g, onFiltersChange: _, sortable: v = !1, sortKeys: y = [], defaultSort: S, sort: C, onSortChange: w, pagination: T = !1, pageSize: E = 12, page: D, onPageChange: O, total: k, manualSearch: A = !1, manualFilters: j = !1, manualSort: M = !1, manualPagination: N = !1, columns: ee = 3, emptyMessage: P = "No results found.", className: I, style: te, ...ne }) {
+	let [re, z] = H(""), [B, ie] = H({}), [G, K] = H(S ?? null), [q, J] = H(1), [ce, Y] = H(!1), [le, ue] = H(!1), X = oe(null), de = oe(null), fe = u === void 0 ? re : u, Z = g === void 0 ? B : g, Q = C === void 0 ? G : C, pe = D === void 0 ? q : D, me = V((e) => {
+		u === void 0 && z(e), !N && D === void 0 && J(1), f?.(e);
+	}, [
+		u,
+		D,
+		N,
+		f
+	]), he = V((e) => {
+		g === void 0 && ie(e), !N && D === void 0 && J(1), _?.(e);
+	}, [
+		g,
+		D,
+		N,
+		_
+	]), ge = V((e) => {
+		C === void 0 && K(e), !N && D === void 0 && J(1), w?.(e);
+	}, [
+		C,
+		D,
+		N,
+		w
+	]), _e = oe(null), ve = V((e) => {
+		D === void 0 && J(e), O?.(e), _e.current?.scrollIntoView({
+			block: "start",
+			behavior: "smooth"
+		});
+	}, [D, O]), ye = V(() => {
+		Y((e) => !e), ue(!1);
+	}, []), Se = V(() => {
+		ue((e) => !e), Y(!1);
+	}, []), $ = ae(() => {
+		let e = n;
+		if (!A && fe && s && s.length > 0) {
+			let t = fe.toLowerCase();
+			e = e.filter((e) => s.some((n) => {
+				let r = xe(e, n);
+				return r != null && String(r).toLowerCase().includes(t);
+			}));
+		}
+		if (!j) for (let [t, n] of Object.entries(Z)) !n || n.length === 0 || (e = e.filter((e) => {
+			let r = xe(e, t);
+			return r != null && n.includes(String(r));
+		}));
+		return !M && Q && (e = [...e].sort((e, t) => {
+			let n = xe(e, Q.key), r = xe(t, Q.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 Q.direction === "asc" ? i : -i;
+		})), e === n ? [...e] : e;
+	}, [
+		n,
+		fe,
+		s,
+		Z,
+		Q,
+		A,
+		j,
+		M
+	]), Ce = N ? k ?? $.length : $.length, we = ae(() => {
+		if (!T || N) return $;
+		let e = (pe - 1) * E;
+		return $.slice(e, e + E);
+	}, [
+		$,
+		T,
+		N,
+		pe,
+		E
+	]);
+	function Te(e, t) {
+		let n = Z[e] ?? [], r = n.includes(t) ? n.filter((e) => e !== t) : [...n, t];
+		he({
+			...Z,
+			[e]: r
+		});
+	}
+	let Ee = ae(() => {
+		let e = {};
+		for (let t of m) {
+			if (t.options) {
+				e[t.key] = t.options;
+				continue;
+			}
+			let r = /* @__PURE__ */ new Set();
+			for (let e of n) {
+				let n = xe(e, t.key);
+				n != null && r.add(String(n));
+			}
+			e[t.key] = Array.from(r).sort();
+		}
+		return e;
+	}, [n, m]), De = y.find((e) => e.key === Q?.key);
+	return /* @__PURE__ */ W("div", {
+		ref: _e,
+		className: d("card-grid", `color-${a}`, I),
+		style: te,
+		...ne,
+		children: [
+			(o || p || v) && /* @__PURE__ */ W("div", {
+				className: "card-grid-toolbar",
+				children: [o && /* @__PURE__ */ U(F, {
+					className: "card-grid-search",
+					size: "sm",
+					fullWidth: !0,
+					placeholder: l,
+					value: fe,
+					onChange: (e) => me(e.target.value),
+					onClear: () => me("")
+				}), /* @__PURE__ */ W("div", {
+					className: "card-grid-actions",
+					children: [p && m.length > 0 && /* @__PURE__ */ W(se, { children: [/* @__PURE__ */ U(b, {
+						ref: X,
+						variant: "outlined",
+						color: a,
+						size: "sm",
+						startIcon: /* @__PURE__ */ U(e, {}),
+						"aria-expanded": ce,
+						onClick: ye,
+						children: "Filter"
+					}), /* @__PURE__ */ U(h, {
+						open: ce,
+						anchorRef: X,
+						onClose: () => Y(!1),
+						placement: "bottom-end",
+						className: "card-grid-dropdown",
+						children: m.map((e) => /* @__PURE__ */ W("div", {
+							className: "card-grid-filter-group",
+							children: [/* @__PURE__ */ U("span", {
+								className: "card-grid-filter-label",
+								children: e.label
+							}), (Ee[e.key] ?? []).map((t) => /* @__PURE__ */ U("div", {
+								className: "card-grid-filter-option",
+								children: /* @__PURE__ */ U(x, {
+									size: "sm",
+									clickEffect: "none",
+									checked: Z[e.key]?.includes(t) ?? !1,
+									onChange: () => Te(e.key, t),
+									label: t
+								})
+							}, t))]
+						}, e.key))
+					})] }), v && y.length > 0 && /* @__PURE__ */ W(se, { children: [/* @__PURE__ */ U(b, {
+						ref: de,
+						variant: "outlined",
+						color: a,
+						size: "sm",
+						startIcon: Q ? Q.direction === "asc" ? /* @__PURE__ */ U(i, {}) : /* @__PURE__ */ U(t, {}) : /* @__PURE__ */ U(c, {}),
+						"aria-expanded": le,
+						onClick: Se,
+						children: De ? `Sort: ${De.label}` : "Sort"
+					}), /* @__PURE__ */ U(h, {
+						open: le,
+						anchorRef: de,
+						onClose: () => ue(!1),
+						placement: "bottom-end",
+						className: "card-grid-dropdown",
+						children: y.map((e) => /* @__PURE__ */ W("button", {
+							type: "button",
+							className: d("card-grid-sort-item", Q?.key === e.key && "active"),
+							onClick: () => {
+								Q?.key === e.key ? ge({
+									key: e.key,
+									direction: Q.direction === "asc" ? "desc" : "asc"
+								}) : ge({
+									key: e.key,
+									direction: "asc"
+								});
+							},
+							children: [e.label, Q?.key === e.key && /* @__PURE__ */ U("span", {
+								className: "card-grid-sort-dir",
+								children: Q.direction === "asc" ? /* @__PURE__ */ U(i, { className: "card-grid-sort-icon" }) : /* @__PURE__ */ U(t, { className: "card-grid-sort-icon" })
+							})]
+						}, e.key))
+					})] })]
+				})]
+			}),
+			we.length > 0 ? /* @__PURE__ */ U("div", {
+				className: "card-grid-items",
+				style: be(ee),
+				children: we.map((e, t) => {
+					let n = e?.id;
+					return /* @__PURE__ */ U(R, { children: r(e, t) }, n ?? t);
+				})
+			}) : /* @__PURE__ */ U("div", {
+				className: "card-grid-empty",
+				children: P
+			}),
+			T && Ce > E && /* @__PURE__ */ U("div", {
+				className: "card-grid-pagination",
+				children: /* @__PURE__ */ U(L, {
+					total: Ce,
+					page: pe,
+					pageSize: E,
+					onChange: ve
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardDaySchedule/MCardDaySchedule.tsx
+function $({ title: e = "Today", description: t, color: n = "primary", workdayStart: r, workdayEnd: i, timeline: a, summary: o, tabs: s = [], footer: c, emptyTimeline: l = /* @__PURE__ */ 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__ */ W(A, {
+		color: n,
+		...u,
+		children: [
+			/* @__PURE__ */ U(D, { children: /* @__PURE__ */ W(T, { children: [/* @__PURE__ */ U(v, {
+				level: 4,
+				children: e
+			}), (t || d) && /* @__PURE__ */ W(_, {
+				size: "sm",
+				tone: "muted",
+				children: [
+					t,
+					t && d ? " " : null,
+					d
+				]
+			})] }) }),
+			/* @__PURE__ */ U(O, { children: /* @__PURE__ */ W(w, {
+				type: "row",
+				align: "start",
+				children: [/* @__PURE__ */ U(w, {
+					type: "col",
+					xl: 7,
+					sm: 12,
+					children: a.length ? /* @__PURE__ */ U(T, {
+						className: "day-schedule-card-timeline",
+						children: a.map((e) => /* @__PURE__ */ W(g, {
+							align: "start",
+							className: "day-schedule-card-entry",
+							children: [
+								/* @__PURE__ */ U("span", {
+									className: "day-schedule-card-time",
+									children: e.time
+								}),
+								/* @__PURE__ */ U("div", {
+									className: "day-schedule-card-dot",
+									"data-color": e.color ?? n,
+									children: q(e.icon, e.color ?? n)
+								}),
+								/* @__PURE__ */ W("div", {
+									className: "day-schedule-card-copy",
+									children: [/* @__PURE__ */ U(_, {
+										as: "strong",
+										children: e.title
+									}), e.description && /* @__PURE__ */ U(_, {
+										size: "sm",
+										tone: "muted",
+										children: e.description
+									})]
+								})
+							]
+						}, e.id))
+					}) : l
+				}), /* @__PURE__ */ U(w, {
+					type: "col",
+					xl: 5,
+					sm: 12,
+					children: /* @__PURE__ */ W(T, {
+						className: "day-schedule-card-side",
+						children: [o, f.length > 0 && /* @__PURE__ */ U(C, {
+							variant: "underline",
+							size: "sm",
+							fullWidth: !0,
+							defaultValue: f[0].type,
+							items: f.map((e) => ({
+								value: e.type,
+								label: /* @__PURE__ */ W("span", {
+									className: "day-schedule-card-tab-label",
+									children: [/* @__PURE__ */ U("span", { children: e.title }), /* @__PURE__ */ U("span", {
+										className: "day-schedule-card-tab-count",
+										children: e.items.length
+									})]
+								}),
+								content: /* @__PURE__ */ U(P, { items: e.items })
+							}))
+						})]
+					})
+				})]
+			}) }),
+			c && /* @__PURE__ */ U(k, { children: q(c, n) })
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardDocumentTree/MCardDocumentTree.tsx
+function Ce({ title: e = "Documents", description: t, color: n = "primary", items: r, selected: i, onSelect: o, defaultExpanded: s, expanded: c, onExpandChange: l, detailsTitle: u, detailsMeta: d, detailsItems: f = [], detailsActions: p = [], renderDetails: m, emptyDetails: h = /* @__PURE__ */ U(_, {
+	tone: "muted",
+	children: "Select a document to inspect its details."
+}), primaryAction: y, ...x }) {
+	let S = (e) => ({
+		...e,
+		icon: q(e.icon, n),
+		children: e.children?.map(S)
+	}), C = r.map(S);
+	return /* @__PURE__ */ W(A, {
+		stretch: !1,
+		color: n,
+		...x,
+		children: [/* @__PURE__ */ U(D, { children: /* @__PURE__ */ W(g, {
+			justify: "between",
+			align: "center",
+			children: [/* @__PURE__ */ W(T, { children: [/* @__PURE__ */ U(v, {
+				level: 4,
+				children: e
+			}), t && /* @__PURE__ */ U(_, {
+				size: "sm",
+				tone: "muted",
+				children: t
+			})] }), q(y, n)]
+		}) }), /* @__PURE__ */ U(O, { children: /* @__PURE__ */ W(w, {
+			type: "row",
+			align: "start",
+			children: [/* @__PURE__ */ U(w, {
+				type: "col",
+				xl: 7,
+				sm: 12,
+				children: /* @__PURE__ */ U(I, {
+					items: C,
+					color: n,
+					defaultExpanded: s,
+					expanded: c,
+					onExpandChange: l,
+					selected: i,
+					onSelect: o,
+					expandable: !0,
+					selectable: !0,
+					showLines: !0,
+					fileIcons: !0
+				})
+			}), /* @__PURE__ */ U(w, {
+				type: "col",
+				xl: 5,
+				sm: 12,
+				children: /* @__PURE__ */ W(T, {
+					padding: "sm",
+					children: [(u || d || p.length > 0) && /* @__PURE__ */ W(g, {
+						justify: "between",
+						align: "start",
+						children: [/* @__PURE__ */ W(T, { children: [u && /* @__PURE__ */ U(v, {
+							level: 5,
+							children: u
+						}), d && /* @__PURE__ */ U(_, {
+							size: "sm",
+							tone: "muted",
+							children: d
+						})] }), p.length > 0 && /* @__PURE__ */ U(te, {
+							placement: "bottom-end",
+							trigger: /* @__PURE__ */ U(b, {
+								variant: "ghost",
+								color: n,
+								iconOnly: !0,
+								shape: "circle",
+								"aria-label": "Open document actions",
+								children: /* @__PURE__ */ U(a, {})
+							}),
+							children: p.map((e) => /* @__PURE__ */ U(ne, {
+								icon: q(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))
+						})]
+					}), m || (f.length ? /* @__PURE__ */ U(P, { items: f }) : h)]
+				})
+			})]
+		}) })]
+	});
+}
+//#endregion
+export { ge as a, Z as c, ue as d, Y as f, ye as i, fe as l, $ as n, pe as o, J as p, Se as r, Q as s, Ce as t, de as u };
+
+//# sourceMappingURL=cards-23tpYjxc.js.map