@banzamel/mineralui 2.1.1 → 2.1.2

package/dist/{cards-BkRqUJ2V.js → cards-Du2kX3Br.js}

@@ -10,20 +10,21 @@ import { t as y } from "./MLink-Bd8fLH1N.js";
 import { t as b } from "./MButton-C1pnL4_j.js";
 import { t as x } from "./MCheckbox-B7SpcD4H.js";
 import { n as S } from "./MSkeleton-C5uD4Axo.js";
-import { r as C, t as w } from "./MGrid-Cy44dWyC.js";
-import { t as T } from "./MStack-h11pHEmc.js";
-import { a as E, i as D, n as O, r as k, t as A } from "./MCard-dLMQQ97e.js";
-import { n as j, t as M } from "./MInputCVC-DNzDAbfU.js";
-import { t as N } from "./MAvatar-BcO8hMnU.js";
-import { n as ee, t as P } from "./MDetailList-zlwdeA-r.js";
-import { t as F } from "./MInputSearch-Bswi-Kj0.js";
-import { t as I } from "./MTreeView-DTsi4bye.js";
-import { i as te, r as ne } from "./MDropdownMenu-omTEUh4V.js";
-import { t as L } from "./MPagination-DpUtB6t6.js";
-import { Children as re, Fragment as ie, cloneElement as R, isValidElement as z, useCallback as B, useEffect as ae, useMemo as V, useRef as oe, useState as H } from "react";
-import { Fragment as se, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { t as C } from "./MLoader-CnvWqFtA.js";
+import { r as w, t as T } from "./MGrid-CYL3cbUI.js";
+import { t as E } from "./MStack-CSCw6to2.js";
+import { a as D, i as O, n as k, r as A, t as j } from "./MCard-azpp4YVD.js";
+import { n as M, t as N } from "./MInputCVC-BGYhUGDE.js";
+import { t as P } from "./MAvatar-DtJCj3dD.js";
+import { n as F, t as I } from "./MDetailList-BjvZUyNj.js";
+import { t as ee } from "./MInputSearch-DEr5HBgw.js";
+import { t as L } from "./MTreeView-DQaRF0ty.js";
+import { i as te, r as ne } from "./MDropdownMenu-CZmU3uku.js";
+import { t as re } from "./MPagination-7yTbB8dZ.js";
+import { Children as ie, Fragment as R, cloneElement as z, isValidElement as B, useCallback as V, useEffect as H, useMemo as ae, useRef as oe, useState as U } from "react";
+import { Fragment as se, jsx as W, jsxs as G } from "react/jsx-runtime";
 //#region src/components/cards/shared/MCardColor.utils.tsx
-function ce(e) {
+function K(e) {
 	if (typeof e == "string") return e;
 	if (typeof e == "function") {
 		let t = e;
@@ -35,23 +36,23 @@ function ce(e) {
 	}
 	return "";
 }
-function G(e) {
+function q(e) {
 	if (e.props.color !== void 0) return !1;
 	if (e.type === b) return !0;
-	let t = ce(e.type);
+	let t = K(e.type);
 	return t.startsWith("M") && t.endsWith("Icon");
 }
-function K(e, t) {
-	return t ? re.map(e, (e) => {
-		if (!z(e)) return e;
-		let n = e, r = n.props, i = r.children ? K(r.children, t) : r.children, a = {};
-		return i !== r.children && (a.children = i), G(n) && (a.color = t), Object.keys(a).length ? R(n, a) : n;
+function J(e, t) {
+	return t ? ie.map(e, (e) => {
+		if (!B(e)) return e;
+		let n = e, r = n.props, i = r.children ? J(r.children, t) : r.children, a = {};
+		return i !== r.children && (a.children = i), q(n) && (a.color = t), Object.keys(a).length ? z(n, a) : n;
 	}) : e;
 }
 //#endregion
 //#region src/components/cards/MCardActionArea/MCardActionArea.tsx
-function q({ 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({
+function ce({ 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 } = D({
 		component: e,
 		href: n,
 		to: t,
@@ -64,7 +65,7 @@ function q({ component: e, to: t, href: n, target: r, rel: i, color: a, interact
 		disabled: !y,
 		color: c
 	});
-	return /* @__PURE__ */ W(g, {
+	return /* @__PURE__ */ G(g, {
 		href: g === "a" || e ? _ : void 0,
 		to: v,
 		target: r,
@@ -75,9 +76,9 @@ function q({ component: e, to: t, href: n, target: r, rel: i, color: a, interact
 			S(e), f?.(e);
 		},
 		...h,
-		children: [x, /* @__PURE__ */ U("span", {
+		children: [x, /* @__PURE__ */ W("span", {
 			className: "card-action-area-content",
-			children: K(u, a)
+			children: J(u, a)
 		})]
 	});
 }
@@ -87,60 +88,60 @@ function le(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 J({ 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 = le(o), O = T.iconLabel, { component: k, href: A, to: j, isInteractive: M } = E({
+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, E = le(o), O = T.iconLabel, { component: k, href: A, to: j, isInteractive: M } = D({
 		component: e,
 		href: n,
 		to: t,
 		interactive: _,
 		hasClickHandler: !!S.onClick,
 		hasPointerHandler: !!x
-	}), { effectClassName: N, effectLayer: ee, handlePointerDown: P } = m({
+	}), { effectClassName: N, effectLayer: P, handlePointerDown: F } = m({
 		effect: v ?? (M ? "ripple" : "none"),
 		disabled: !M,
 		color: y
 	});
-	return /* @__PURE__ */ W(k, {
+	return /* @__PURE__ */ G(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);
+			F(e), x?.(e);
 		},
 		...S,
 		children: [
-			ee,
-			u !== void 0 && /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+			P,
+			u !== void 0 && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 				className: "cp-balance-label",
 				children: h
-			}), /* @__PURE__ */ U("p", {
+			}), /* @__PURE__ */ W("p", {
 				className: "cp-balance",
 				children: u
 			})] }),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ G("div", {
 				className: "cp-row",
-				children: [/* @__PURE__ */ U("span", {
+				children: [/* @__PURE__ */ W("span", {
 					className: d("cp-brand", !l && w),
 					children: l ?? O
-				}), /* @__PURE__ */ U("span", {
+				}), /* @__PURE__ */ W("span", {
 					className: "cp-number",
-					children: D
+					children: E
 				})]
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ G("div", {
 				className: "cp-details",
-				children: [/* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+				children: [/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 					className: "cp-field-label",
 					children: "MCard holder"
-				}), /* @__PURE__ */ U("p", {
+				}), /* @__PURE__ */ W("p", {
 					className: "cp-field-value",
 					children: a
-				})] }), /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+				})] }), /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 					className: "cp-field-label",
 					children: "Expiration date"
-				}), /* @__PURE__ */ U("p", {
+				}), /* @__PURE__ */ W("p", {
 					className: "cp-field-value",
 					children: s
 				})] })]
@@ -150,23 +151,23 @@ function J({ component: e, to: t, href: n, target: r, rel: i, holder: a, number:
 }
 //#endregion
 //#region src/components/cards/MCardPaymentMethod/MCardPaymentMethod.tsx
-function Y(e) {
+function X(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 = Y(i), O = {
+	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 = X(i), O = {
 		clearable: !0,
 		...m
 	};
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		className: d("card-payment-method", v || "primary", b),
 		...x,
-		children: [/* @__PURE__ */ W("div", {
+		children: [/* @__PURE__ */ G("div", {
 			className: "cpm-header",
-			children: [/* @__PURE__ */ U("h3", {
+			children: [/* @__PURE__ */ W("h3", {
 				className: "cpm-title",
 				children: e
-			}), /* @__PURE__ */ W(y, {
+			}), /* @__PURE__ */ G(y, {
 				href: n,
 				tone: "accent",
 				underline: "none",
@@ -174,50 +175,50 @@ function ue({ title: e = "Your payment methods", actionLabel: t = "Change", acti
 				onClick: (e) => {
 					r && (e.preventDefault(), r());
 				},
-				children: [t, /* @__PURE__ */ U(u, {})]
+				children: [t, /* @__PURE__ */ W(u, {})]
 			})]
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ G("div", {
 			className: "cpm-surface",
 			children: [
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ G("div", {
 					className: "cpm-method",
-					children: [/* @__PURE__ */ W(g, {
+					children: [/* @__PURE__ */ G(g, {
 						align: "center",
 						className: "cpm-method-row",
 						children: [
-							/* @__PURE__ */ U("span", {
+							/* @__PURE__ */ W("span", {
 								className: d("cpm-brand", !a && i),
 								children: a ?? D
 							}),
-							/* @__PURE__ */ U("span", {
+							/* @__PURE__ */ W("span", {
 								className: "cpm-last4",
 								children: `\u2022\u2022\u2022\u2022 ${o}`
 							}),
-							w && /* @__PURE__ */ U(S, {
+							w && /* @__PURE__ */ W(S, {
 								color: "info",
 								children: w
 							})
 						]
-					}), E && /* @__PURE__ */ U(_, {
+					}), E && /* @__PURE__ */ W(_, {
 						tone: "muted",
 						className: "cpm-summary",
 						children: E
 					})]
 				}),
-				l && /* @__PURE__ */ U(_, {
+				l && /* @__PURE__ */ W(_, {
 					tone: "muted",
 					size: "sm",
 					className: "cpm-helper",
 					children: l
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ G("div", {
 					className: "cpm-fields",
-					children: [/* @__PURE__ */ U(j, {
+					children: [/* @__PURE__ */ W(M, {
 						label: f,
 						placeholder: "MM/YYYY",
 						fullWidth: !0,
 						...O
-					}), /* @__PURE__ */ U(M, {
+					}), /* @__PURE__ */ W(N, {
 						label: p,
 						placeholder: "123",
 						fullWidth: !0,
@@ -230,150 +231,150 @@ function ue({ title: e = "Your payment methods", actionLabel: t = "Change", acti
 }
 //#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, showQuantity: P = !0, date: F, location: I, status: L, className: re, ...ie }) {
-	let [R, z] = H(0), [B, V] = H(!1), [oe, ce] = H(1), G = j ?? oe, K = h && h.length > 0 ? h : m ? [m] : [];
-	ae(() => {
-		R >= K.length && z(0);
-	}, [R, K.length]), ae(() => {
+function Z({ 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, showQuantity: N = !0, date: I, location: ee, status: L, className: re, ...ie }) {
+	let [R, z] = U(0), [B, V] = U(!1), [ae, oe] = U(1), K = j ?? ae, q = h && h.length > 0 ? h : m ? [m] : [];
+	H(() => {
+		R >= q.length && z(0);
+	}, [R, q.length]), H(() => {
 		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));
+	function J(e) {
+		e === R || e < 0 || e >= q.length || (q.length > 1 && V(!0), z(e));
 	}
-	ae(() => {
-		if (!g || K.length <= 1) return;
+	H(() => {
+		if (!g || q.length <= 1) return;
 		let e = window.setInterval(() => {
-			V(!0), z((e) => (e + 1) % K.length);
+			V(!0), z((e) => (e + 1) % q.length);
 		}, 3500);
 		return () => window.clearInterval(e);
-	}, [g, K.length]);
-	function le(e) {
+	}, [g, q.length]);
+	function ce(e) {
 		let t = Math.max(1, e);
-		M ? M(t) : ce(t);
+		M ? M(t) : oe(t);
 	}
-	let J = p === !0 ? "Available" : p === !1 ? "Unavailable" : typeof p == "number" ? `${p} spots` : null, Y = F ? F instanceof Date ? F : new Date(F) : null, ue = Y ? Y.getDate() : null, X = Y ? Y.toLocaleString("en", { month: "short" }).toUpperCase() : null;
-	return /* @__PURE__ */ W("div", {
+	let le = p === !0 ? "Available" : p === !1 ? "Unavailable" : typeof p == "number" ? `${p} spots` : null, Y = I ? I instanceof Date ? I : new Date(I) : null, X = Y ? Y.getDate() : null, ue = Y ? Y.toLocaleString("en", { month: "short" }).toUpperCase() : null;
+	return /* @__PURE__ */ G("div", {
 		className: d("card-service", e, `color-${D}`, re),
 		...ie,
 		children: [
-			K.length > 0 && /* @__PURE__ */ W("div", {
+			q.length > 0 && /* @__PURE__ */ G("div", {
 				className: "cs-gallery",
 				children: [
-					/* @__PURE__ */ U("img", {
-						src: K[R],
+					/* @__PURE__ */ W("img", {
+						src: q[R],
 						alt: t,
 						className: d("cs-image", B && "is-transitioning")
 					}),
-					K.length > 1 && /* @__PURE__ */ U("div", {
+					q.length > 1 && /* @__PURE__ */ W("div", {
 						className: "cs-gallery-dots",
-						children: K.map((e, t) => /* @__PURE__ */ U("button", {
+						children: q.map((e, t) => /* @__PURE__ */ W("button", {
 							type: "button",
 							className: d("cs-dot", t === R && "active"),
-							onClick: () => q(t),
+							onClick: () => J(t),
 							"aria-label": `Image ${t + 1}`
 						}, t))
 					}),
-					(x || C && C.length > 0) && /* @__PURE__ */ W("div", {
+					(x || C && C.length > 0) && /* @__PURE__ */ G("div", {
 						className: "cs-gallery-actions",
-						children: [C && C.length > 0 && /* @__PURE__ */ U(te, {
+						children: [C && C.length > 0 && /* @__PURE__ */ W(te, {
 							className: "cs-menu-wrap",
-							trigger: /* @__PURE__ */ U(b, {
+							trigger: /* @__PURE__ */ W(b, {
 								variant: "ghost",
 								iconOnly: !0,
 								shape: "circle",
 								"aria-label": "More options",
 								className: "cs-overlay-btn",
-								children: /* @__PURE__ */ U(a, {})
+								children: /* @__PURE__ */ W(a, {})
 							}),
 							placement: "bottom-end",
-							children: C.map((e, t) => /* @__PURE__ */ U(ne, {
+							children: C.map((e, t) => /* @__PURE__ */ W(ne, {
 								icon: e.icon,
 								color: e.danger ? "error" : void 0,
 								label: e.label,
 								onClick: e.onClick
 							}, t))
-						}), x && /* @__PURE__ */ U(b, {
+						}), x && /* @__PURE__ */ W(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, {})
+							children: W(y ? s : l, {})
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ G("div", {
 				className: "cs-body",
 				children: [
-					e === "event" && Y && /* @__PURE__ */ W("div", {
+					e === "event" && Y && /* @__PURE__ */ G("div", {
 						className: "cs-event-header",
-						children: [/* @__PURE__ */ W("div", {
+						children: [/* @__PURE__ */ G("div", {
 							className: "cs-date-block",
-							children: [/* @__PURE__ */ U("span", {
+							children: [/* @__PURE__ */ W("span", {
 								className: "cs-date-day",
-								children: ue
-							}), /* @__PURE__ */ U("span", {
-								className: "cs-date-month",
 								children: X
+							}), /* @__PURE__ */ W("span", {
+								className: "cs-date-month",
+								children: ue
 							})]
-						}), /* @__PURE__ */ W("div", {
+						}), /* @__PURE__ */ G("div", {
 							className: "cs-event-info",
-							children: [/* @__PURE__ */ U("h3", {
+							children: [/* @__PURE__ */ W("h3", {
 								className: "cs-title",
 								children: t
-							}), i && /* @__PURE__ */ U("p", {
+							}), i && /* @__PURE__ */ W("p", {
 								className: "cs-desc",
 								children: i
 							})]
 						})]
 					}),
-					e !== "event" && /* @__PURE__ */ W(se, { children: [/* @__PURE__ */ W("div", {
+					e !== "event" && /* @__PURE__ */ G(se, { children: [/* @__PURE__ */ G("div", {
 						className: "cs-top",
-						children: [E && /* @__PURE__ */ U("span", {
+						children: [E && /* @__PURE__ */ W("span", {
 							className: "cs-icon",
 							children: E
-						}), /* @__PURE__ */ U("h3", {
+						}), /* @__PURE__ */ W("h3", {
 							className: "cs-title",
 							children: t
 						})]
-					}), i && /* @__PURE__ */ U("p", {
+					}), i && /* @__PURE__ */ W("p", {
 						className: "cs-desc",
 						children: i
 					})] }),
-					e === "event" && !Y && /* @__PURE__ */ W(se, { children: [/* @__PURE__ */ W("div", {
+					e === "event" && !Y && /* @__PURE__ */ G(se, { children: [/* @__PURE__ */ G("div", {
 						className: "cs-top",
-						children: [E && /* @__PURE__ */ U("span", {
+						children: [E && /* @__PURE__ */ W("span", {
 							className: "cs-icon",
 							children: E
-						}), /* @__PURE__ */ U("h3", {
+						}), /* @__PURE__ */ W("h3", {
 							className: "cs-title",
 							children: t
 						})]
-					}), i && /* @__PURE__ */ U("p", {
+					}), i && /* @__PURE__ */ W("p", {
 						className: "cs-desc",
 						children: i
 					})] }),
-					_ !== void 0 && /* @__PURE__ */ W("div", {
+					_ !== void 0 && /* @__PURE__ */ G("div", {
 						className: "cs-rating",
 						children: [
-							/* @__PURE__ */ U(ee, {
+							/* @__PURE__ */ W(F, {
 								value: Math.round(_),
 								size: "sm",
 								color: "warning",
 								readOnly: !0,
 								className: "cs-stars"
 							}),
-							/* @__PURE__ */ U("span", {
+							/* @__PURE__ */ W("span", {
 								className: "cs-rating-value",
 								children: _.toFixed(1)
 							}),
-							v !== void 0 && /* @__PURE__ */ W("span", {
+							v !== void 0 && /* @__PURE__ */ G("span", {
 								className: "cs-review-count",
 								children: [
 									"(",
@@ -383,30 +384,30 @@ function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 							})
 						]
 					}),
-					O && /* @__PURE__ */ W("div", {
+					O && /* @__PURE__ */ G("div", {
 						className: "cs-leader",
-						children: [/* @__PURE__ */ U(N, {
+						children: [/* @__PURE__ */ W(P, {
 							src: O.avatar,
 							name: O.name,
 							size: 28,
 							color: D
-						}), /* @__PURE__ */ U("span", {
+						}), /* @__PURE__ */ W("span", {
 							className: "cs-leader-name",
 							children: O.name
 						})]
 					}),
-					e === "course" && k && /* @__PURE__ */ W("div", {
+					e === "course" && k && /* @__PURE__ */ G("div", {
 						className: "cs-participants",
-						children: [/* @__PURE__ */ U("div", {
+						children: [/* @__PURE__ */ W("div", {
 							className: "cs-participants-avatars",
-							children: k.slice(0, 4).map((e, t) => /* @__PURE__ */ U(N, {
+							children: k.slice(0, 4).map((e, t) => /* @__PURE__ */ W(P, {
 								src: e.avatar,
 								name: e.name,
 								size: 28,
 								color: D,
 								className: "cs-participant-avatar"
 							}, `${e.name}-${t}`))
-						}), A && /* @__PURE__ */ W("span", {
+						}), A && /* @__PURE__ */ G("span", {
 							className: "cs-spots",
 							children: [
 								k.length,
@@ -415,79 +416,79 @@ function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 							]
 						})]
 					}),
-					/* @__PURE__ */ W("div", {
+					/* @__PURE__ */ G("div", {
 						className: "cs-meta",
 						children: [
-							e === "event" && I && /* @__PURE__ */ U(S, {
+							e === "event" && ee && /* @__PURE__ */ W(S, {
 								size: "xs",
 								color: D,
-								children: I
+								children: ee
 							}),
-							f && /* @__PURE__ */ U(S, {
+							f && /* @__PURE__ */ W(S, {
 								size: "xs",
 								color: D,
-								icon: /* @__PURE__ */ U(n, {}),
+								icon: /* @__PURE__ */ W(n, {}),
 								children: f
 							}),
-							e === "event" && L && /* @__PURE__ */ U(S, {
+							e === "event" && L && /* @__PURE__ */ W(S, {
 								size: "xs",
 								color: L.toLowerCase() === "sold out" ? "error" : D,
 								children: L
 							}),
-							J && e !== "event" && /* @__PURE__ */ U(S, {
+							le && e !== "event" && /* @__PURE__ */ W(S, {
 								size: "xs",
 								color: p === !1 ? "error" : D,
-								children: J
+								children: le
 							})
 						]
 					})
 				]
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ G("div", {
 				className: "cs-footer",
-				children: [c !== void 0 && /* @__PURE__ */ W("span", {
+				children: [c !== void 0 && /* @__PURE__ */ G("span", {
 					className: "cs-price",
 					children: [
 						typeof c == "number" ? c.toFixed(2) : c,
 						" ",
-						/* @__PURE__ */ U("span", {
+						/* @__PURE__ */ W("span", {
 							className: "cs-currency",
 							children: u
 						})
 					]
-				}), /* @__PURE__ */ W("div", {
+				}), /* @__PURE__ */ G("div", {
 					className: "cs-actions",
-					children: [e === "product" && w && P && /* @__PURE__ */ W("div", {
+					children: [e === "product" && w && N && /* @__PURE__ */ G("div", {
 						className: "cs-qty",
 						children: [
-							/* @__PURE__ */ U(b, {
+							/* @__PURE__ */ W(b, {
 								variant: "ghost",
 								iconOnly: !0,
 								size: "sm",
-								onClick: () => le(G - 1),
+								onClick: () => ce(K - 1),
 								"aria-label": "Decrease",
 								className: "cs-qty-btn",
-								children: /* @__PURE__ */ U(r, {})
+								children: /* @__PURE__ */ W(r, {})
 							}),
-							/* @__PURE__ */ U("span", {
+							/* @__PURE__ */ W("span", {
 								className: "cs-qty-value",
-								children: G
+								children: K
 							}),
-							/* @__PURE__ */ U(b, {
+							/* @__PURE__ */ W(b, {
 								variant: "ghost",
 								iconOnly: !0,
 								size: "sm",
-								onClick: () => le(G + 1),
+								onClick: () => ce(K + 1),
 								"aria-label": "Increase",
 								className: "cs-qty-btn",
-								children: /* @__PURE__ */ U(o, {})
+								children: /* @__PURE__ */ W(o, {})
 							})
 						]
-					}), w && /* @__PURE__ */ U(b, {
+					}), w && /* @__PURE__ */ W(b, {
 						variant: "filled",
 						size: "sm",
 						color: D,
-						onClick: () => w(G),
+						onClick: () => w(K),
 						disabled: p === !1,
 						className: "cs-cart-btn",
 						children: T ?? (e === "event" ? "Register" : "Add to cart")
@@ -501,7 +502,7 @@ function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 //#region src/components/cards/MCardOffer/MCardOffer.tsx
 function de(e) {
 	let { onAction: t, actionLabel: n = "Book now", ...r } = e;
-	return /* @__PURE__ */ U(X, {
+	return /* @__PURE__ */ W(Z, {
 		variant: "service",
 		onAddToCart: t ? () => t() : void 0,
 		actionLabel: n,
@@ -512,7 +513,7 @@ function de(e) {
 //#region src/components/cards/MCardCourse/MCardCourse.tsx
 function fe(e) {
 	let { onAction: t, actionLabel: n = "Join course", ...r } = e;
-	return /* @__PURE__ */ U(X, {
+	return /* @__PURE__ */ W(Z, {
 		variant: "course",
 		onAddToCart: t ? () => t() : void 0,
 		actionLabel: n,
@@ -521,9 +522,9 @@ function fe(e) {
 }
 //#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 }) {
+function pe({ 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: E, menuItems: O, className: k, ...A }) {
 	let j = oe(null);
-	ae(() => {
+	H(() => {
 		if (!S) return;
 		let e = j.current;
 		if (!e || typeof navigator > "u" || !navigator.mediaDevices?.getUserMedia) return;
@@ -538,7 +539,7 @@ function Z({ component: e, title: t, description: n, icon: r, color: i = "primar
 			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({
+	let M = !!(v || y || x || S), { component: N, href: P, to: F, isInteractive: I, isLink: ee } = D({
 		component: e,
 		href: c,
 		to: o,
@@ -546,8 +547,8 @@ function Z({ component: e, title: t, description: n, icon: r, color: i = "primar
 		hasClickHandler: !!p,
 		fallbackComponent: "button"
 	}), L = C && M, { effectClassName: re, effectLayer: ie, handlePointerDown: R } = m({
-		effect: g ?? (F ? "ripple" : "none"),
-		disabled: !F,
+		effect: g ?? (I ? "ripple" : "none"),
+		disabled: !I,
 		color: _
 	});
 	function z(e) {
@@ -557,15 +558,15 @@ function Z({ component: e, title: t, description: n, icon: r, color: i = "primar
 		p && (e.preventDefault(), p());
 	}
 	function V() {
-		return M ? /* @__PURE__ */ W("div", {
+		return M ? /* @__PURE__ */ G("div", {
 			className: d("tile-media", L && "fill"),
 			children: [
-				v && /* @__PURE__ */ U("img", {
+				v && /* @__PURE__ */ W("img", {
 					src: v,
 					alt: t,
 					className: "tile-image"
 				}),
-				y && /* @__PURE__ */ U("video", {
+				y && /* @__PURE__ */ W("video", {
 					src: y,
 					className: "tile-video",
 					autoPlay: !0,
@@ -574,7 +575,7 @@ function Z({ component: e, title: t, description: n, icon: r, color: i = "primar
 					playsInline: !0,
 					"aria-label": t
 				}),
-				S && /* @__PURE__ */ U("video", {
+				S && /* @__PURE__ */ W("video", {
 					ref: j,
 					className: "tile-video",
 					autoPlay: !0,
@@ -582,85 +583,85 @@ function Z({ component: e, title: t, description: n, icon: r, color: i = "primar
 					playsInline: !0,
 					"aria-label": t
 				}),
-				x && /* @__PURE__ */ U("div", {
+				x && /* @__PURE__ */ W("div", {
 					className: "tile-illustration",
 					children: x
 				}),
-				L && /* @__PURE__ */ U("div", { className: d("tile-scrim", `scrim-${w}`) })
+				L && /* @__PURE__ */ W("div", { className: d("tile-scrim", `scrim-${w}`) })
 			]
 		}) : null;
 	}
-	function H() {
-		return /* @__PURE__ */ W("div", {
+	function ae() {
+		return /* @__PURE__ */ G("div", {
 			className: d("tile-body", L && "overlay", L && `pos-${w}`),
-			children: [/* @__PURE__ */ W("div", {
+			children: [/* @__PURE__ */ G("div", {
 				className: "tile-top",
-				children: [r && /* @__PURE__ */ U("span", {
+				children: [r && /* @__PURE__ */ W("span", {
 					className: "tile-icon",
 					children: r
-				}), /* @__PURE__ */ U("h3", {
+				}), /* @__PURE__ */ W("h3", {
 					className: "tile-title",
 					children: t
 				})]
-			}), n && /* @__PURE__ */ U("p", {
+			}), n && /* @__PURE__ */ W("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),
+	let U = E || O && O.length > 0;
+	return /* @__PURE__ */ G("div", {
+		className: d("card-tile", `color-${i}`, L && "media-fill", I && "interactive", re, k),
 		onPointerDown: R,
 		...A,
 		children: [
 			ie,
-			I && /* @__PURE__ */ U(N, {
-				href: N === "a" || e ? ee : void 0,
-				to: P,
+			ee && /* @__PURE__ */ W(N, {
+				href: N === "a" || e ? P : void 0,
+				to: F,
 				target: u,
 				rel: f,
 				className: "tile-link",
 				"aria-label": t,
 				onClick: p ? B : void 0
 			}),
-			!I && p && /* @__PURE__ */ U(N, {
+			!ee && p && /* @__PURE__ */ W(N, {
 				type: "button",
 				className: "tile-link",
 				"aria-label": t,
 				onClick: p
 			}),
 			V(),
-			H(),
-			se && /* @__PURE__ */ W("div", {
+			ae(),
+			U && /* @__PURE__ */ G("div", {
 				className: "tile-actions",
 				onClick: z,
 				onPointerDown: z,
-				children: [O && O.length > 0 && /* @__PURE__ */ U(te, {
+				children: [O && O.length > 0 && /* @__PURE__ */ W(te, {
 					className: "tile-menu-wrap",
-					trigger: /* @__PURE__ */ U(b, {
+					trigger: /* @__PURE__ */ W(b, {
 						variant: "ghost",
 						iconOnly: !0,
 						shape: "circle",
 						"aria-label": "More options",
 						className: "tile-overlay-btn",
-						children: /* @__PURE__ */ U(a, {})
+						children: /* @__PURE__ */ W(a, {})
 					}),
 					placement: "bottom-end",
-					children: O.map((e, t) => /* @__PURE__ */ U(ne, {
+					children: O.map((e, t) => /* @__PURE__ */ W(ne, {
 						icon: e.icon,
 						color: e.danger ? "error" : void 0,
 						label: e.label,
 						onClick: e.onClick
 					}, t))
-				}), D && /* @__PURE__ */ U(b, {
+				}), E && /* @__PURE__ */ W(b, {
 					variant: "ghost",
 					iconOnly: !0,
 					shape: "circle",
-					onClick: D,
+					onClick: E,
 					"aria-label": T ? "Remove from favorites" : "Add to favorites",
 					className: d("tile-overlay-btn", T && "tile-fav-active"),
-					children: U(T ? s : l, {})
+					children: W(T ? s : l, {})
 				})]
 			})
 		]
@@ -668,9 +669,9 @@ function Z({ component: e, title: t, description: n, icon: r, color: i = "primar
 }
 //#endregion
 //#region src/components/cards/MCardProduct/MCardProduct.tsx
-function Q(e) {
+function me(e) {
 	let { addToCartLabel: t = "Add to cart", ...n } = e;
-	return /* @__PURE__ */ U(X, {
+	return /* @__PURE__ */ W(Z, {
 		variant: "product",
 		actionLabel: t,
 		...n
@@ -678,9 +679,9 @@ function Q(e) {
 }
 //#endregion
 //#region src/components/cards/MCardEvent/MCardEvent.tsx
-function pe(e) {
+function he(e) {
 	let { onRegister: t, registerLabel: n = "Register", ...r } = e;
-	return /* @__PURE__ */ U(X, {
+	return /* @__PURE__ */ W(Z, {
 		variant: "event",
 		onAddToCart: t ? () => t() : void 0,
 		actionLabel: n,
@@ -689,14 +690,14 @@ function pe(e) {
 }
 //#endregion
 //#region src/components/cards/MCardWidget/MCardWidget.tsx
-function me(e, t) {
+function Q(e, t) {
 	return t || (typeof e != "number" || e === 0 ? "neutral" : e > 0 ? "up" : "down");
 }
-function he(e) {
+function $(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({
+	let S = l != null, C = Q(l, u), w = $(l), { component: T, href: E, to: O, isInteractive: k } = D({
 		component: e,
 		href: r,
 		to: n,
@@ -708,8 +709,8 @@ function ge({ component: e, to: n, href: r, target: a, rel: o, title: s, value:
 		disabled: !k,
 		color: v
 	});
-	return /* @__PURE__ */ W(T, {
-		href: T === "a" || e ? D : void 0,
+	return /* @__PURE__ */ G(T, {
+		href: T === "a" || e ? E : void 0,
 		to: O,
 		target: a,
 		rel: o,
@@ -720,34 +721,34 @@ function ge({ component: e, to: n, href: r, target: a, rel: o, title: s, value:
 		...x,
 		children: [
 			j,
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ G("div", {
 				className: "cw-top",
-				children: [/* @__PURE__ */ W("div", {
+				children: [/* @__PURE__ */ G("div", {
 					className: "cw-meta",
-					children: [/* @__PURE__ */ U("span", {
+					children: [/* @__PURE__ */ W("span", {
 						className: "cw-title",
 						children: s
-					}), /* @__PURE__ */ U("span", {
+					}), /* @__PURE__ */ W("span", {
 						className: "cw-value",
 						children: c
 					})]
-				}), f && /* @__PURE__ */ U("span", {
+				}), f && /* @__PURE__ */ W("span", {
 					className: "cw-icon",
 					children: f
 				})]
 			}),
-			S && /* @__PURE__ */ U("div", {
+			S && /* @__PURE__ */ W("div", {
 				className: "cw-bottom",
-				children: /* @__PURE__ */ W("span", {
+				children: /* @__PURE__ */ G("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 })
+						C === "up" && /* @__PURE__ */ W(i, { size: 14 }),
+						C === "down" && /* @__PURE__ */ W(t, { size: 14 }),
+						/* @__PURE__ */ W("span", { children: w })
 					]
 				})
 			}),
-			h && /* @__PURE__ */ U("div", {
+			h && /* @__PURE__ */ W("div", {
 				className: "cw-helper",
 				children: h
 			})
@@ -764,41 +765,41 @@ function ve(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, {
+	return /* @__PURE__ */ W(j, {
 		className: d("stat-card", `color-${l}`, u),
 		...f,
-		children: /* @__PURE__ */ W(T, {
+		children: /* @__PURE__ */ G(E, {
 			spacing: "md",
-			children: [/* @__PURE__ */ W(g, {
+			children: [/* @__PURE__ */ G(g, {
 				justify: "between",
 				align: "start",
-				children: [/* @__PURE__ */ W(T, {
+				children: [/* @__PURE__ */ G(E, {
 					spacing: "xs",
-					children: [/* @__PURE__ */ U("span", {
+					children: [/* @__PURE__ */ W("span", {
 						className: "stat-card-label",
 						children: e
-					}), /* @__PURE__ */ U("span", {
+					}), /* @__PURE__ */ W("span", {
 						className: "stat-card-value",
 						children: n
 					})]
-				}), /* @__PURE__ */ W(g, {
+				}), /* @__PURE__ */ G(g, {
 					align: "center",
-					children: [a, r && /* @__PURE__ */ U("span", {
+					children: [a, r && /* @__PURE__ */ W("span", {
 						className: "stat-card-icon",
 						children: r
 					})]
 				})]
-			}), (p || o) && /* @__PURE__ */ W(g, {
+			}), (p || o) && /* @__PURE__ */ G(g, {
 				justify: "between",
 				align: "center",
-				children: [p ? /* @__PURE__ */ W("span", {
+				children: [p ? /* @__PURE__ */ G("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) })
+						m === "up" && /* @__PURE__ */ W(i, { size: 14 }),
+						m === "down" && /* @__PURE__ */ W(t, { size: 14 }),
+						/* @__PURE__ */ W("span", { children: ve(s) })
 					]
-				}) : /* @__PURE__ */ U("span", {}), o && /* @__PURE__ */ U(_, {
+				}) : /* @__PURE__ */ W("span", {}), o && /* @__PURE__ */ W(_, {
 					size: "sm",
 					tone: "muted",
 					children: o
@@ -822,86 +823,86 @@ function xe(e, t) {
 	}
 	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, R] = H(""), [z, ae] = H({}), [ce, G] = H(S ?? null), [K, q] = H(1), [le, J] = H(!1), [Y, ue] = H(!1), X = oe(null), de = oe(null), fe = u === void 0 ? re : u, Z = g === void 0 ? z : g, Q = C === void 0 ? ce : C, pe = D === void 0 ? K : D, me = B((e) => {
-		u === void 0 && R(e), !N && D === void 0 && q(1), f?.(e);
+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: w, onSortChange: T, pagination: E = !1, pageSize: D = 12, page: O, onPageChange: k, total: A, manualSearch: j = !1, manualFilters: M = !1, manualSort: N = !1, manualPagination: P = !1, loading: F = !1, loadingLabel: I = "Loading", scrollOffset: L, columns: te = 3, emptyMessage: ne = "No results found.", className: ie, style: z, ...B }) {
+	let [H, K] = U(""), [q, J] = U({}), [ce, le] = U(S ?? null), [Y, X] = U(1), [ue, Z] = U(!1), [de, fe] = U(!1), pe = oe(null), me = oe(null), he = u === void 0 ? H : u, Q = g === void 0 ? q : g, $ = w === void 0 ? ce : w, ge = O === void 0 ? Y : O, _e = V((e) => {
+		u === void 0 && K(e), !P && O === void 0 && X(1), f?.(e);
 	}, [
 		u,
-		D,
-		N,
+		O,
+		P,
 		f
-	]), he = B((e) => {
-		g === void 0 && ae(e), !N && D === void 0 && q(1), _?.(e);
+	]), ve = V((e) => {
+		g === void 0 && J(e), !P && O === void 0 && X(1), _?.(e);
 	}, [
 		g,
-		D,
-		N,
+		O,
+		P,
 		_
-	]), ge = B((e) => {
-		C === void 0 && G(e), !N && D === void 0 && q(1), w?.(e);
+	]), ye = V((e) => {
+		w === void 0 && le(e), !P && O === void 0 && X(1), T?.(e);
 	}, [
-		C,
-		D,
-		N,
-		w
-	]), _e = oe(null), ve = B((e) => {
-		D === void 0 && q(e), O?.(e), _e.current?.scrollIntoView({
+		w,
+		O,
+		P,
+		T
+	]), Se = oe(null), Ce = V((e) => {
+		O === void 0 && X(e), k?.(e), Se.current?.scrollIntoView({
 			block: "start",
 			behavior: "smooth"
 		});
-	}, [D, O]), ye = B(() => {
-		J((e) => !e), ue(!1);
-	}, []), Se = B(() => {
-		ue((e) => !e), J(!1);
-	}, []), $ = V(() => {
+	}, [O, k]), we = V(() => {
+		Z((e) => !e), fe(!1);
+	}, []), Te = V(() => {
+		fe((e) => !e), Z(!1);
+	}, []), Ee = ae(() => {
 		let e = n;
-		if (!A && fe && s && s.length > 0) {
-			let t = fe.toLowerCase();
+		if (!j && he && s && s.length > 0) {
+			let t = he.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) => {
+		if (!M) for (let [t, n] of Object.entries(Q)) !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);
+		return !N && $ && (e = [...e].sort((e, t) => {
+			let n = xe(e, $.key), r = xe(t, $.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;
+			return $.direction === "asc" ? i : -i;
 		})), e === n ? [...e] : e;
 	}, [
 		n,
-		fe,
+		he,
 		s,
-		Z,
 		Q,
-		A,
+		$,
 		j,
-		M
-	]), Ce = N ? k ?? $.length : $.length, we = V(() => {
-		if (!T || N) return $;
-		let e = (pe - 1) * E;
-		return $.slice(e, e + E);
+		M,
+		N
+	]), De = P ? A ?? Ee.length : Ee.length, Oe = ae(() => {
+		if (!E || P) return Ee;
+		let e = (ge - 1) * D;
+		return Ee.slice(e, e + D);
 	}, [
-		$,
-		T,
-		N,
-		pe,
-		E
+		Ee,
+		E,
+		P,
+		ge,
+		D
 	]);
-	function Te(e, t) {
-		let n = Z[e] ?? [], r = n.includes(t) ? n.filter((e) => e !== t) : [...n, t];
-		he({
-			...Z,
+	function ke(e, t) {
+		let n = Q[e] ?? [], r = n.includes(t) ? n.filter((e) => e !== t) : [...n, t];
+		ve({
+			...Q,
 			[e]: r
 		});
 	}
-	let Ee = V(() => {
+	let Ae = ae(() => {
 		let e = {};
 		for (let t of m) {
 			if (t.options) {
@@ -916,109 +917,126 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 			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,
+	}, [n, m]), je = y.find((e) => e.key === $?.key);
+	return /* @__PURE__ */ G("div", {
+		ref: Se,
+		className: d("card-grid", `color-${a}`, ie),
+		style: L === void 0 ? z : {
+			scrollMarginTop: L,
+			...z
+		},
+		...B,
 		children: [
-			(o || p || v) && /* @__PURE__ */ W("div", {
+			(o || p || v) && /* @__PURE__ */ G("div", {
 				className: "card-grid-toolbar",
-				children: [o && /* @__PURE__ */ U(F, {
+				children: [o && /* @__PURE__ */ W(ee, {
 					className: "card-grid-search",
 					size: "sm",
 					fullWidth: !0,
 					placeholder: l,
-					value: fe,
-					onChange: (e) => me(e.target.value),
-					onClear: () => me("")
-				}), /* @__PURE__ */ W("div", {
+					value: he,
+					onChange: (e) => _e(e.target.value),
+					onClear: () => _e("")
+				}), /* @__PURE__ */ G("div", {
 					className: "card-grid-actions",
-					children: [p && m.length > 0 && /* @__PURE__ */ W(se, { children: [/* @__PURE__ */ U(b, {
-						ref: X,
+					children: [p && m.length > 0 && /* @__PURE__ */ G(se, { children: [/* @__PURE__ */ W(b, {
+						ref: pe,
 						variant: "outlined",
 						color: a,
 						size: "sm",
-						startIcon: /* @__PURE__ */ U(e, {}),
-						"aria-expanded": le,
-						onClick: ye,
+						startIcon: /* @__PURE__ */ W(e, {}),
+						"aria-expanded": ue,
+						onClick: we,
 						children: "Filter"
-					}), /* @__PURE__ */ U(h, {
-						open: le,
-						anchorRef: X,
-						onClose: () => J(!1),
+					}), /* @__PURE__ */ W(h, {
+						open: ue,
+						anchorRef: pe,
+						onClose: () => Z(!1),
 						placement: "bottom-end",
 						className: "card-grid-dropdown",
-						children: m.map((e) => /* @__PURE__ */ W("div", {
+						children: m.map((e) => /* @__PURE__ */ G("div", {
 							className: "card-grid-filter-group",
-							children: [/* @__PURE__ */ U("span", {
+							children: [/* @__PURE__ */ W("span", {
 								className: "card-grid-filter-label",
 								children: e.label
-							}), (Ee[e.key] ?? []).map((t) => /* @__PURE__ */ U("div", {
+							}), (Ae[e.key] ?? []).map((t) => /* @__PURE__ */ W("div", {
 								className: "card-grid-filter-option",
-								children: /* @__PURE__ */ U(x, {
+								children: /* @__PURE__ */ W(x, {
 									size: "sm",
 									clickEffect: "none",
-									checked: Z[e.key]?.includes(t) ?? !1,
-									onChange: () => Te(e.key, t),
+									checked: Q[e.key]?.includes(t) ?? !1,
+									onChange: () => ke(e.key, t),
 									label: t
 								})
 							}, t))]
 						}, e.key))
-					})] }), v && y.length > 0 && /* @__PURE__ */ W(se, { children: [/* @__PURE__ */ U(b, {
-						ref: de,
+					})] }), v && y.length > 0 && /* @__PURE__ */ G(se, { children: [/* @__PURE__ */ W(b, {
+						ref: me,
 						variant: "outlined",
 						color: a,
 						size: "sm",
-						startIcon: Q ? Q.direction === "asc" ? /* @__PURE__ */ U(i, {}) : /* @__PURE__ */ U(t, {}) : /* @__PURE__ */ U(c, {}),
-						"aria-expanded": Y,
-						onClick: Se,
-						children: De ? `Sort: ${De.label}` : "Sort"
-					}), /* @__PURE__ */ U(h, {
-						open: Y,
-						anchorRef: de,
-						onClose: () => ue(!1),
+						startIcon: $ ? $.direction === "asc" ? /* @__PURE__ */ W(i, {}) : /* @__PURE__ */ W(t, {}) : /* @__PURE__ */ W(c, {}),
+						"aria-expanded": de,
+						onClick: Te,
+						children: je ? `Sort: ${je.label}` : "Sort"
+					}), /* @__PURE__ */ W(h, {
+						open: de,
+						anchorRef: me,
+						onClose: () => fe(!1),
 						placement: "bottom-end",
 						className: "card-grid-dropdown",
-						children: y.map((e) => /* @__PURE__ */ W("button", {
+						children: y.map((e) => /* @__PURE__ */ G("button", {
 							type: "button",
-							className: d("card-grid-sort-item", Q?.key === e.key && "active"),
+							className: d("card-grid-sort-item", $?.key === e.key && "active"),
 							onClick: () => {
-								Q?.key === e.key ? ge({
+								$?.key === e.key ? ye({
 									key: e.key,
-									direction: Q.direction === "asc" ? "desc" : "asc"
-								}) : ge({
+									direction: $.direction === "asc" ? "desc" : "asc"
+								}) : ye({
 									key: e.key,
 									direction: "asc"
 								});
 							},
-							children: [e.label, Q?.key === e.key && /* @__PURE__ */ U("span", {
+							children: [e.label, $?.key === e.key && /* @__PURE__ */ W("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" })
+								children: $.direction === "asc" ? /* @__PURE__ */ W(i, { className: "card-grid-sort-icon" }) : /* @__PURE__ */ W(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(ie, { children: r(e, t) }, n ?? t);
-				})
-			}) : /* @__PURE__ */ U("div", {
-				className: "card-grid-empty",
-				children: P
+			/* @__PURE__ */ G("div", {
+				className: d("card-grid-body", F && "loading"),
+				"aria-busy": F || void 0,
+				children: [Oe.length > 0 ? /* @__PURE__ */ W("div", {
+					className: "card-grid-items",
+					style: be(te),
+					children: Oe.map((e, t) => {
+						let n = e?.id;
+						return /* @__PURE__ */ W(R, { children: r(e, t) }, n ?? t);
+					})
+				}) : /* @__PURE__ */ W("div", {
+					className: "card-grid-empty",
+					children: ne
+				}), F && /* @__PURE__ */ W("div", {
+					className: "card-grid-loading",
+					role: "status",
+					"aria-live": "polite",
+					children: /* @__PURE__ */ W(C, {
+						center: !1,
+						minHeight: "auto",
+						color: a,
+						label: I
+					})
+				})]
 			}),
-			T && Ce > E && /* @__PURE__ */ U("div", {
+			E && De > D && /* @__PURE__ */ W("div", {
 				className: "card-grid-pagination",
-				children: /* @__PURE__ */ U(L, {
-					total: Ce,
-					page: pe,
-					pageSize: E,
-					onChange: ve
+				children: /* @__PURE__ */ W(re, {
+					total: De,
+					page: ge,
+					pageSize: D,
+					onChange: Ce
 				})
 			})
 		]
@@ -1026,19 +1044,19 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 }
 //#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(_, {
+function Ce({ title: e = "Today", description: t, color: n = "primary", workdayStart: r, workdayEnd: i, timeline: a, summary: o, tabs: s = [], footer: c, emptyTimeline: l = /* @__PURE__ */ W(_, {
 	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, {
+	return /* @__PURE__ */ G(j, {
 		color: n,
 		...u,
 		children: [
-			/* @__PURE__ */ U(D, { children: /* @__PURE__ */ W(T, { children: [/* @__PURE__ */ U(v, {
+			/* @__PURE__ */ W(O, { children: /* @__PURE__ */ G(E, { children: [/* @__PURE__ */ W(v, {
 				level: 4,
 				children: e
-			}), (t || d) && /* @__PURE__ */ W(_, {
+			}), (t || d) && /* @__PURE__ */ G(_, {
 				size: "sm",
 				tone: "muted",
 				children: [
@@ -1047,34 +1065,34 @@ function $({ title: e = "Today", description: t, color: n = "primary", workdaySt
 					d
 				]
 			})] }) }),
-			/* @__PURE__ */ U(O, { children: /* @__PURE__ */ W(w, {
+			/* @__PURE__ */ W(k, { children: /* @__PURE__ */ G(T, {
 				type: "row",
 				align: "start",
-				children: [/* @__PURE__ */ U(w, {
+				children: [/* @__PURE__ */ W(T, {
 					type: "col",
 					xl: 7,
 					sm: 12,
-					children: a.length ? /* @__PURE__ */ U(T, {
+					children: a.length ? /* @__PURE__ */ W(E, {
 						className: "day-schedule-card-timeline",
-						children: a.map((e) => /* @__PURE__ */ W(g, {
+						children: a.map((e) => /* @__PURE__ */ G(g, {
 							align: "start",
 							className: "day-schedule-card-entry",
 							children: [
-								/* @__PURE__ */ U("span", {
+								/* @__PURE__ */ W("span", {
 									className: "day-schedule-card-time",
 									children: e.time
 								}),
-								/* @__PURE__ */ U("div", {
+								/* @__PURE__ */ W("div", {
 									className: "day-schedule-card-dot",
 									"data-color": e.color ?? n,
-									children: K(e.icon, e.color ?? n)
+									children: J(e.icon, e.color ?? n)
 								}),
-								/* @__PURE__ */ W("div", {
+								/* @__PURE__ */ G("div", {
 									className: "day-schedule-card-copy",
-									children: [/* @__PURE__ */ U(_, {
+									children: [/* @__PURE__ */ W(_, {
 										as: "strong",
 										children: e.title
-									}), e.description && /* @__PURE__ */ U(_, {
+									}), e.description && /* @__PURE__ */ W(_, {
 										size: "sm",
 										tone: "muted",
 										children: e.description
@@ -1083,70 +1101,70 @@ function $({ title: e = "Today", description: t, color: n = "primary", workdaySt
 							]
 						}, e.id))
 					}) : l
-				}), /* @__PURE__ */ U(w, {
+				}), /* @__PURE__ */ W(T, {
 					type: "col",
 					xl: 5,
 					sm: 12,
-					children: /* @__PURE__ */ W(T, {
+					children: /* @__PURE__ */ G(E, {
 						className: "day-schedule-card-side",
-						children: [o, f.length > 0 && /* @__PURE__ */ U(C, {
+						children: [o, f.length > 0 && /* @__PURE__ */ W(w, {
 							variant: "underline",
 							size: "sm",
 							fullWidth: !0,
 							defaultValue: f[0].type,
 							items: f.map((e) => ({
 								value: e.type,
-								label: /* @__PURE__ */ W("span", {
+								label: /* @__PURE__ */ G("span", {
 									className: "day-schedule-card-tab-label",
-									children: [/* @__PURE__ */ U("span", { children: e.title }), /* @__PURE__ */ U("span", {
+									children: [/* @__PURE__ */ W("span", { children: e.title }), /* @__PURE__ */ W("span", {
 										className: "day-schedule-card-tab-count",
 										children: e.items.length
 									})]
 								}),
-								content: /* @__PURE__ */ U(P, { items: e.items })
+								content: /* @__PURE__ */ W(I, { items: e.items })
 							}))
 						})]
 					})
 				})]
 			}) }),
-			c && /* @__PURE__ */ U(k, { children: K(c, n) })
+			c && /* @__PURE__ */ W(A, { children: J(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(_, {
+function we({ 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__ */ W(_, {
 	tone: "muted",
 	children: "Select a document to inspect its details."
 }), primaryAction: y, ...x }) {
 	let S = (e) => ({
 		...e,
-		icon: K(e.icon, n),
+		icon: J(e.icon, n),
 		children: e.children?.map(S)
 	}), C = r.map(S);
-	return /* @__PURE__ */ W(A, {
+	return /* @__PURE__ */ G(j, {
 		stretch: !1,
 		color: n,
 		...x,
-		children: [/* @__PURE__ */ U(D, { children: /* @__PURE__ */ W(g, {
+		children: [/* @__PURE__ */ W(O, { children: /* @__PURE__ */ G(g, {
 			justify: "between",
 			align: "center",
-			children: [/* @__PURE__ */ W(T, { children: [/* @__PURE__ */ U(v, {
+			children: [/* @__PURE__ */ G(E, { children: [/* @__PURE__ */ W(v, {
 				level: 4,
 				children: e
-			}), t && /* @__PURE__ */ U(_, {
+			}), t && /* @__PURE__ */ W(_, {
 				size: "sm",
 				tone: "muted",
 				children: t
-			})] }), K(y, n)]
-		}) }), /* @__PURE__ */ U(O, { children: /* @__PURE__ */ W(w, {
+			})] }), J(y, n)]
+		}) }), /* @__PURE__ */ W(k, { children: /* @__PURE__ */ G(T, {
 			type: "row",
 			align: "start",
-			children: [/* @__PURE__ */ U(w, {
+			children: [/* @__PURE__ */ W(T, {
 				type: "col",
 				xl: 7,
 				sm: 12,
-				children: /* @__PURE__ */ U(I, {
+				children: /* @__PURE__ */ W(L, {
 					items: C,
 					color: n,
 					defaultExpanded: s,
@@ -1159,34 +1177,34 @@ function Ce({ title: e = "Documents", description: t, color: n = "primary", item
 					showLines: !0,
 					fileIcons: !0
 				})
-			}), /* @__PURE__ */ U(w, {
+			}), /* @__PURE__ */ W(T, {
 				type: "col",
 				xl: 5,
 				sm: 12,
-				children: /* @__PURE__ */ W(T, {
+				children: /* @__PURE__ */ G(E, {
 					padding: "sm",
-					children: [(u || d || p.length > 0) && /* @__PURE__ */ W(g, {
+					children: [(u || d || p.length > 0) && /* @__PURE__ */ G(g, {
 						justify: "between",
 						align: "start",
-						children: [/* @__PURE__ */ W(T, { children: [u && /* @__PURE__ */ U(v, {
+						children: [/* @__PURE__ */ G(E, { children: [u && /* @__PURE__ */ W(v, {
 							level: 5,
 							children: u
-						}), d && /* @__PURE__ */ U(_, {
+						}), d && /* @__PURE__ */ W(_, {
 							size: "sm",
 							tone: "muted",
 							children: d
-						})] }), p.length > 0 && /* @__PURE__ */ U(te, {
+						})] }), p.length > 0 && /* @__PURE__ */ W(te, {
 							placement: "bottom-end",
-							trigger: /* @__PURE__ */ U(b, {
+							trigger: /* @__PURE__ */ W(b, {
 								variant: "ghost",
 								color: n,
 								iconOnly: !0,
 								shape: "circle",
 								"aria-label": "Open document actions",
-								children: /* @__PURE__ */ U(a, {})
+								children: /* @__PURE__ */ W(a, {})
 							}),
-							children: p.map((e) => /* @__PURE__ */ U(ne, {
-								icon: K(e.icon, e.color ?? n),
+							children: p.map((e) => /* @__PURE__ */ W(ne, {
+								icon: J(e.icon, e.color ?? n),
 								label: e.label,
 								color: e.color ?? n,
 								disabled: e.disabled,
@@ -1196,13 +1214,13 @@ function Ce({ title: e = "Documents", description: t, color: n = "primary", item
 								onClick: e.onClick
 							}, e.id))
 						})]
-					}), m || (f.length ? /* @__PURE__ */ U(P, { items: f }) : h)]
+					}), m || (f.length ? /* @__PURE__ */ W(I, { items: f }) : h)]
 				})
 			})]
 		}) })]
 	});
 }
 //#endregion
-export { ge as a, Z as c, ue as d, J as f, ye as i, fe as l, $ as n, pe as o, q as p, Se as r, Q as s, Ce as t, de as u };
+export { ge as a, pe as c, ue as d, Y as f, ye as i, fe as l, Ce as n, he as o, ce as p, Se as r, me as s, we as t, de as u };
 
-//# sourceMappingURL=cards-BkRqUJ2V.js.map
+//# sourceMappingURL=cards-Du2kX3Br.js.map