@banzamel/mineralui 2.4.2 → 2.4.3

package/dist/{cards-CFDJsdxR.js → cards-D4xJVd4q.js}

@@ -2,29 +2,30 @@ import { Hi as e, Jn as t, Li as n, Mr as r, Nr as i, Ui as a, Vi as o, Xn as s,
 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-Dd-GIBU6.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-C1pnL4_j.js";
-import { t as x } from "./MCheckbox-B7SpcD4H.js";
-import { n as S } from "./MSkeleton-C5uD4Axo.js";
-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-Blv5PeyS.js";
-import { t as P } from "./MAvatar-DtJCj3dD.js";
-import { n as F, t as I } from "./MDetailList-fDhVyhm7.js";
-import { t as ee } from "./MInputSearch-BM8gLlJ1.js";
-import { t as L } from "./MTreeView-B1J7uqd1.js";
-import { i as te, r as ne } from "./MDropdownMenu-C4CuKMRZ.js";
-import { t as re } from "./MPagination-BkvOEZpp.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";
+import { t as h } from "./MPopover-8gYD3Ogq.js";
+import { n as g } from "./MSurface-CpDJCdb5.js";
+import { t as _ } from "./MText-DhbAjtUE.js";
+import { t as v } from "./MHeading-DcGxUMwC.js";
+import { t as y } from "./MLink-CAl6N6_z.js";
+import { t as b } from "./MButton-CEwo8lUB.js";
+import { t as x } from "./MCheckbox-BxFBADcE.js";
+import { n as S, t as C } from "./frameworkTexts-DP5RUl19.js";
+import { n as w } from "./MSkeleton-Dhu-loDO.js";
+import { t as T } from "./MLoader-CYp0OJU_.js";
+import { r as E, t as D } from "./MGrid-CIz-2i6X.js";
+import { t as O } from "./MStack-Dt-rWvg3.js";
+import { a as k, i as A, n as j, r as M, t as N } from "./MCard-BqSkGAgf.js";
+import { n as P, t as F } from "./MInputCVC-CrDTaUXm.js";
+import { t as ee } from "./MAvatar-GeRL-CNO.js";
+import { n as te, t as I } from "./MDetailList-Cx9H81xT.js";
+import { t as ne } from "./MInputSearch-BMgCHjFk.js";
+import { t as L } from "./MTreeView-DsBnYQMT.js";
+import { i as re, r as ie } from "./MDropdownMenu-DxbKN7Ui.js";
+import { t as ae } from "./MPagination-E7IixIeo.js";
+import { Children as oe, Fragment as R, cloneElement as z, isValidElement as B, useCallback as V, useEffect as se, useMemo as H, useRef as ce, useState as U } from "react";
+import { Fragment as le, jsx as W, jsxs as G } from "react/jsx-runtime";
 //#region src/components/cards/shared/MCardColor.utils.tsx
-function K(e) {
+function ue(e) {
 	if (typeof e == "string") return e;
 	if (typeof e == "function") {
 		let t = e;
@@ -36,23 +37,23 @@ function K(e) {
 	}
 	return "";
 }
-function q(e) {
+function K(e) {
 	if (e.props.color !== void 0) return !1;
 	if (e.type === b) return !0;
-	let t = K(e.type);
+	let t = ue(e.type);
 	return t.startsWith("M") && t.endsWith("Icon");
 }
-function J(e, t) {
-	return t ? ie.map(e, (e) => {
+function q(e, t) {
+	return t ? oe.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;
+		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 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({
+function de({ 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 } = k({
 		component: e,
 		href: n,
 		to: t,
@@ -78,18 +79,18 @@ function ce({ component: e, to: t, href: n, target: r, rel: i, color: a, interac
 		...h,
 		children: [x, /* @__PURE__ */ W("span", {
 			className: "card-action-area-content",
-			children: J(u, a)
+			children: q(u, a)
 		})]
 	});
 }
 //#endregion
 //#region src/components/cards/MCardPayment/MCardPayment.tsx
-function le(e) {
+function J(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, E = le(o), O = T.iconLabel, { component: k, href: A, to: j, isInteractive: M } = D({
+function fe({ 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 = J(o), D = T.iconLabel, { component: O, href: A, to: j, isInteractive: M } = k({
 		component: e,
 		href: n,
 		to: t,
@@ -101,8 +102,8 @@ function Y({ component: e, to: t, href: n, target: r, rel: i, holder: a, number:
 		disabled: !M,
 		color: y
 	});
-	return /* @__PURE__ */ G(k, {
-		href: k === "a" || e ? A : void 0,
+	return /* @__PURE__ */ G(O, {
+		href: O === "a" || e ? A : void 0,
 		to: j,
 		target: r,
 		rel: i,
@@ -124,7 +125,7 @@ function Y({ component: e, to: t, href: n, target: r, rel: i, holder: a, number:
 				className: "cp-row",
 				children: [/* @__PURE__ */ W("span", {
 					className: d("cp-brand", !l && w),
-					children: l ?? O
+					children: l ?? D
 				}), /* @__PURE__ */ W("span", {
 					className: "cp-number",
 					children: E
@@ -151,11 +152,11 @@ function Y({ component: e, to: t, href: n, target: r, rel: i, holder: a, number:
 }
 //#endregion
 //#region src/components/cards/MCardPaymentMethod/MCardPaymentMethod.tsx
-function X(e) {
+function Y(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: o, last4: s, badgeLabel: c, summary: l, helperText: u = "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 = c === void 0 ? "Default" : c, T = C ? `Credit card - Expiration date ${String(C).replace("/", ".")}` : "Credit card", E = l === void 0 ? T : l, D = X(i), O = {
+function pe({ title: e = "Your payment methods", actionLabel: t = "Change", actionHref: n = "#", onAction: r, brand: i = "visa", brandIcon: o, last4: s, badgeLabel: c, summary: l, helperText: u = "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 S = m?.value ?? m?.defaultValue, C = c === void 0 ? "Default" : c, T = S ? `Credit card - Expiration date ${String(S).replace("/", ".")}` : "Credit card", E = l === void 0 ? T : l, D = Y(i), O = {
 		clearable: !0,
 		...m
 	};
@@ -194,9 +195,9 @@ function ue({ title: e = "Your payment methods", actionLabel: t = "Change", acti
 								className: "cpm-last4",
 								children: `\u2022\u2022\u2022\u2022 ${s}`
 							}),
-							w && /* @__PURE__ */ W(S, {
+							C && /* @__PURE__ */ W(w, {
 								color: "info",
-								children: w
+								children: C
 							})
 						]
 					}), E && /* @__PURE__ */ W(_, {
@@ -213,12 +214,12 @@ function ue({ title: e = "Your payment methods", actionLabel: t = "Change", acti
 				}),
 				/* @__PURE__ */ G("div", {
 					className: "cpm-fields",
-					children: [/* @__PURE__ */ W(M, {
+					children: [/* @__PURE__ */ W(P, {
 						label: f,
 						placeholder: "MM/YYYY",
 						fullWidth: !0,
 						...O
-					}), /* @__PURE__ */ W(N, {
+					}), /* @__PURE__ */ W(F, {
 						label: p,
 						placeholder: "123",
 						fullWidth: !0,
@@ -231,67 +232,67 @@ function ue({ title: e = "Your payment methods", actionLabel: t = "Change", acti
 }
 //#endregion
 //#region src/components/cards/ServiceCardsShared/ServiceCardsShared.tsx
-function Z({ variant: e, title: t, description: a, price: o, currency: l = "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;
+function X({ variant: e, title: t, description: a, price: o, currency: l = "PLN", duration: f, available: p, image: m, gallery: h, galleryAutoPlay: g = !1, rating: _, reviewCount: v, favorite: y, onFavorite: x, menuItems: T, onAddToCart: E, actionLabel: D, icon: O, color: k = "primary", leader: A, participants: j, maxParticipants: M, quantity: N, onQuantityChange: P, showQuantity: F = !0, date: I, location: ne, status: L, className: ae, ...oe }) {
+	let R = S(), [z, B] = U(0), [V, H] = U(!1), [ce, ue] = U(1), K = N ?? ce, q = h && h.length > 0 ? h : m ? [m] : [];
+	se(() => {
+		z >= q.length && B(0);
+	}, [z, q.length]), se(() => {
+		if (!V) return;
 		let e = window.setTimeout(() => {
-			V(!1);
+			H(!1);
 		}, 220);
 		return () => window.clearTimeout(e);
-	}, [R, B]);
-	function J(e) {
-		e === R || e < 0 || e >= q.length || (q.length > 1 && V(!0), z(e));
+	}, [z, V]);
+	function de(e) {
+		e === z || e < 0 || e >= q.length || (q.length > 1 && H(!0), B(e));
 	}
-	H(() => {
+	se(() => {
 		if (!g || q.length <= 1) return;
 		let e = window.setInterval(() => {
-			V(!0), z((e) => (e + 1) % q.length);
+			H(!0), B((e) => (e + 1) % q.length);
 		}, 3500);
 		return () => window.clearInterval(e);
 	}, [g, q.length]);
-	function ce(e) {
+	function J(e) {
 		let t = Math.max(1, e);
-		M ? M(t) : oe(t);
+		P ? P(t) : ue(t);
 	}
-	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;
+	let fe = p === !0 ? "Available" : p === !1 ? "Unavailable" : typeof p == "number" ? `${p} spots` : null, Y = I ? I instanceof Date ? I : new Date(I) : null, pe = Y ? Y.getDate() : null, X = Y ? Y.toLocaleString("en", { month: "short" }).toUpperCase() : null;
 	return /* @__PURE__ */ G("div", {
-		className: d("card-service", e, `color-${D}`, re),
-		...ie,
+		className: d("card-service", e, `color-${k}`, ae),
+		...oe,
 		children: [
 			q.length > 0 && /* @__PURE__ */ G("div", {
 				className: "cs-gallery",
 				children: [
 					/* @__PURE__ */ W("img", {
-						src: q[R],
+						src: q[z],
 						alt: t,
-						className: d("cs-image", B && "is-transitioning")
+						className: d("cs-image", V && "is-transitioning")
 					}),
 					q.length > 1 && /* @__PURE__ */ W("div", {
 						className: "cs-gallery-dots",
 						children: q.map((e, t) => /* @__PURE__ */ W("button", {
 							type: "button",
-							className: d("cs-dot", t === R && "active"),
-							onClick: () => J(t),
-							"aria-label": `Image ${t + 1}`
+							className: d("cs-dot", t === z && "active"),
+							onClick: () => de(t),
+							"aria-label": C(R.imageNumber, { index: t + 1 })
 						}, t))
 					}),
-					(x || C && C.length > 0) && /* @__PURE__ */ G("div", {
+					(x || T && T.length > 0) && /* @__PURE__ */ G("div", {
 						className: "cs-gallery-actions",
-						children: [C && C.length > 0 && /* @__PURE__ */ W(te, {
+						children: [T && T.length > 0 && /* @__PURE__ */ W(re, {
 							className: "cs-menu-wrap",
 							trigger: /* @__PURE__ */ W(b, {
 								variant: "ghost",
 								iconOnly: !0,
 								shape: "circle",
-								"aria-label": "More options",
+								"aria-label": R.moreOptions,
 								className: "cs-overlay-btn",
 								children: /* @__PURE__ */ W(s, {})
 							}),
 							placement: "bottom-end",
-							children: C.map((e, t) => /* @__PURE__ */ W(ne, {
+							children: T.map((e, t) => /* @__PURE__ */ W(ie, {
 								icon: e.icon,
 								color: e.danger ? "error" : void 0,
 								label: e.label,
@@ -318,10 +319,10 @@ function Z({ variant: e, title: t, description: a, price: o, currency: l = "PLN"
 							className: "cs-date-block",
 							children: [/* @__PURE__ */ W("span", {
 								className: "cs-date-day",
-								children: X
+								children: pe
 							}), /* @__PURE__ */ W("span", {
 								className: "cs-date-month",
-								children: ue
+								children: X
 							})]
 						}), /* @__PURE__ */ G("div", {
 							className: "cs-event-info",
@@ -334,11 +335,11 @@ function Z({ variant: e, title: t, description: a, price: o, currency: l = "PLN"
 							})]
 						})]
 					}),
-					e !== "event" && /* @__PURE__ */ G(se, { children: [/* @__PURE__ */ G("div", {
+					e !== "event" && /* @__PURE__ */ G(le, { children: [/* @__PURE__ */ G("div", {
 						className: "cs-top",
-						children: [E && /* @__PURE__ */ W("span", {
+						children: [O && /* @__PURE__ */ W("span", {
 							className: "cs-icon",
-							children: E
+							children: O
 						}), /* @__PURE__ */ W("h3", {
 							className: "cs-title",
 							children: t
@@ -347,11 +348,11 @@ function Z({ variant: e, title: t, description: a, price: o, currency: l = "PLN"
 						className: "cs-desc",
 						children: a
 					})] }),
-					e === "event" && !Y && /* @__PURE__ */ G(se, { children: [/* @__PURE__ */ G("div", {
+					e === "event" && !Y && /* @__PURE__ */ G(le, { children: [/* @__PURE__ */ G("div", {
 						className: "cs-top",
-						children: [E && /* @__PURE__ */ W("span", {
+						children: [O && /* @__PURE__ */ W("span", {
 							className: "cs-icon",
-							children: E
+							children: O
 						}), /* @__PURE__ */ W("h3", {
 							className: "cs-title",
 							children: t
@@ -363,7 +364,7 @@ function Z({ variant: e, title: t, description: a, price: o, currency: l = "PLN"
 					_ !== void 0 && /* @__PURE__ */ G("div", {
 						className: "cs-rating",
 						children: [
-							/* @__PURE__ */ W(F, {
+							/* @__PURE__ */ W(te, {
 								value: Math.round(_),
 								size: "sm",
 								color: "warning",
@@ -384,61 +385,61 @@ function Z({ variant: e, title: t, description: a, price: o, currency: l = "PLN"
 							})
 						]
 					}),
-					O && /* @__PURE__ */ G("div", {
+					A && /* @__PURE__ */ G("div", {
 						className: "cs-leader",
-						children: [/* @__PURE__ */ W(P, {
-							src: O.avatar,
-							name: O.name,
+						children: [/* @__PURE__ */ W(ee, {
+							src: A.avatar,
+							name: A.name,
 							size: 28,
-							color: D
+							color: k
 						}), /* @__PURE__ */ W("span", {
 							className: "cs-leader-name",
-							children: O.name
+							children: A.name
 						})]
 					}),
-					e === "course" && k && /* @__PURE__ */ G("div", {
+					e === "course" && j && /* @__PURE__ */ G("div", {
 						className: "cs-participants",
 						children: [/* @__PURE__ */ W("div", {
 							className: "cs-participants-avatars",
-							children: k.slice(0, 4).map((e, t) => /* @__PURE__ */ W(P, {
+							children: j.slice(0, 4).map((e, t) => /* @__PURE__ */ W(ee, {
 								src: e.avatar,
 								name: e.name,
 								size: 28,
-								color: D,
+								color: k,
 								className: "cs-participant-avatar"
 							}, `${e.name}-${t}`))
-						}), A && /* @__PURE__ */ G("span", {
+						}), M && /* @__PURE__ */ G("span", {
 							className: "cs-spots",
 							children: [
-								k.length,
+								j.length,
 								"/",
-								A
+								M
 							]
 						})]
 					}),
 					/* @__PURE__ */ G("div", {
 						className: "cs-meta",
 						children: [
-							e === "event" && ee && /* @__PURE__ */ W(S, {
+							e === "event" && ne && /* @__PURE__ */ W(w, {
 								size: "xs",
-								color: D,
-								children: ee
+								color: k,
+								children: ne
 							}),
-							f && /* @__PURE__ */ W(S, {
+							f && /* @__PURE__ */ W(w, {
 								size: "xs",
-								color: D,
+								color: k,
 								icon: /* @__PURE__ */ W(n, {}),
 								children: f
 							}),
-							e === "event" && L && /* @__PURE__ */ W(S, {
+							e === "event" && L && /* @__PURE__ */ W(w, {
 								size: "xs",
-								color: L.toLowerCase() === "sold out" ? "error" : D,
+								color: L.toLowerCase() === "sold out" ? "error" : k,
 								children: L
 							}),
-							le && e !== "event" && /* @__PURE__ */ W(S, {
+							fe && e !== "event" && /* @__PURE__ */ W(w, {
 								size: "xs",
-								color: p === !1 ? "error" : D,
-								children: le
+								color: p === !1 ? "error" : k,
+								children: fe
 							})
 						]
 					})
@@ -458,15 +459,15 @@ function Z({ variant: e, title: t, description: a, price: o, currency: l = "PLN"
 					]
 				}), /* @__PURE__ */ G("div", {
 					className: "cs-actions",
-					children: [e === "product" && w && N && /* @__PURE__ */ G("div", {
+					children: [e === "product" && E && F && /* @__PURE__ */ G("div", {
 						className: "cs-qty",
 						children: [
 							/* @__PURE__ */ W(b, {
 								variant: "ghost",
 								iconOnly: !0,
 								size: "sm",
-								onClick: () => ce(K - 1),
-								"aria-label": "Decrease",
+								onClick: () => J(K - 1),
+								"aria-label": R.decrease,
 								className: "cs-qty-btn",
 								children: /* @__PURE__ */ W(r, {})
 							}),
@@ -478,20 +479,20 @@ function Z({ variant: e, title: t, description: a, price: o, currency: l = "PLN"
 								variant: "ghost",
 								iconOnly: !0,
 								size: "sm",
-								onClick: () => ce(K + 1),
-								"aria-label": "Increase",
+								onClick: () => J(K + 1),
+								"aria-label": R.increase,
 								className: "cs-qty-btn",
 								children: /* @__PURE__ */ W(i, {})
 							})
 						]
-					}), w && /* @__PURE__ */ W(b, {
+					}), E && /* @__PURE__ */ W(b, {
 						variant: "filled",
 						size: "sm",
-						color: D,
-						onClick: () => w(K),
+						color: k,
+						onClick: () => E(K),
 						disabled: p === !1,
 						className: "cs-cart-btn",
-						children: T ?? (e === "event" ? "Register" : "Add to cart")
+						children: D ?? (e === "event" ? "Register" : "Add to cart")
 					})]
 				})]
 			})
@@ -500,9 +501,9 @@ function Z({ variant: e, title: t, description: a, price: o, currency: l = "PLN"
 }
 //#endregion
 //#region src/components/cards/MCardOffer/MCardOffer.tsx
-function de(e) {
+function me(e) {
 	let { onAction: t, actionLabel: n = "Book now", ...r } = e;
-	return /* @__PURE__ */ W(Z, {
+	return /* @__PURE__ */ W(X, {
 		variant: "service",
 		onAddToCart: t ? () => t() : void 0,
 		actionLabel: n,
@@ -511,9 +512,9 @@ function de(e) {
 }
 //#endregion
 //#region src/components/cards/MCardCourse/MCardCourse.tsx
-function fe(e) {
+function he(e) {
 	let { onAction: t, actionLabel: n = "Join course", ...r } = e;
-	return /* @__PURE__ */ W(Z, {
+	return /* @__PURE__ */ W(X, {
 		variant: "course",
 		onAddToCart: t ? () => t() : void 0,
 		actionLabel: n,
@@ -522,13 +523,13 @@ function fe(e) {
 }
 //#endregion
 //#region src/components/cards/MCardTile/MCardTile.tsx
-function pe({ component: e, title: t, description: n, icon: r, color: i = "primary", to: a, href: o, target: l, 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);
-	H(() => {
-		if (!S) return;
-		let e = j.current;
+function ge({ component: e, title: t, description: n, icon: r, color: i = "primary", to: a, href: o, target: l, rel: f, onClick: p, interactive: h = !1, clickEffect: g, rippleColor: _, image: v, video: y, illustration: x, camera: C, mediaFill: w = !1, overlayPosition: T = "bottom", favorite: E, onFavorite: D, menuItems: O, className: A, ...j }) {
+	let M = S(), N = ce(null);
+	se(() => {
+		if (!C) return;
+		let e = N.current;
 		if (!e || typeof navigator > "u" || !navigator.mediaDevices?.getUserMedia) return;
-		let t = null, n = !1, r = S === !0 ? { video: !0 } : S;
+		let t = null, n = !1, r = C === !0 ? { video: !0 } : C;
 		return navigator.mediaDevices.getUserMedia(r).then((r) => {
 			if (n) {
 				r.getTracks().forEach((e) => e.stop());
@@ -538,15 +539,15 @@ function pe({ component: e, title: t, description: n, icon: r, color: i = "prima
 		}).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: P, to: F, isInteractive: I, isLink: ee } = D({
+	}, [C]);
+	let P = !!(v || y || x || C), { component: F, href: ee, to: te, isInteractive: I, isLink: ne } = k({
 		component: e,
 		href: o,
 		to: a,
 		interactive: h,
 		hasClickHandler: !!p,
 		fallbackComponent: "button"
-	}), L = C && M, { effectClassName: re, effectLayer: ie, handlePointerDown: R } = m({
+	}), L = w && P, { effectClassName: ae, effectLayer: oe, handlePointerDown: R } = m({
 		effect: g ?? (I ? "ripple" : "none"),
 		disabled: !I,
 		color: _
@@ -558,7 +559,7 @@ function pe({ component: e, title: t, description: n, icon: r, color: i = "prima
 		p && (e.preventDefault(), p());
 	}
 	function V() {
-		return M ? /* @__PURE__ */ G("div", {
+		return P ? /* @__PURE__ */ G("div", {
 			className: d("tile-media", L && "fill"),
 			children: [
 				v && /* @__PURE__ */ W("img", {
@@ -575,8 +576,8 @@ function pe({ component: e, title: t, description: n, icon: r, color: i = "prima
 					playsInline: !0,
 					"aria-label": t
 				}),
-				S && /* @__PURE__ */ W("video", {
-					ref: j,
+				C && /* @__PURE__ */ W("video", {
+					ref: N,
 					className: "tile-video",
 					autoPlay: !0,
 					muted: !0,
@@ -587,13 +588,13 @@ function pe({ component: e, title: t, description: n, icon: r, color: i = "prima
 					className: "tile-illustration",
 					children: x
 				}),
-				L && /* @__PURE__ */ W("div", { className: d("tile-scrim", `scrim-${w}`) })
+				L && /* @__PURE__ */ W("div", { className: d("tile-scrim", `scrim-${T}`) })
 			]
 		}) : null;
 	}
-	function ae() {
+	function H() {
 		return /* @__PURE__ */ G("div", {
-			className: d("tile-body", L && "overlay", L && `pos-${w}`),
+			className: d("tile-body", L && "overlay", L && `pos-${T}`),
 			children: [/* @__PURE__ */ G("div", {
 				className: "tile-top",
 				children: [r && /* @__PURE__ */ W("span", {
@@ -609,59 +610,59 @@ function pe({ component: e, title: t, description: n, icon: r, color: i = "prima
 			})]
 		});
 	}
-	let U = E || O && O.length > 0;
+	let U = D || O && O.length > 0;
 	return /* @__PURE__ */ G("div", {
-		className: d("card-tile", `color-${i}`, L && "media-fill", I && "interactive", re, k),
+		className: d("card-tile", `color-${i}`, L && "media-fill", I && "interactive", ae, A),
 		onPointerDown: R,
-		...A,
+		...j,
 		children: [
-			ie,
-			ee && /* @__PURE__ */ W(N, {
-				href: N === "a" || e ? P : void 0,
-				to: F,
+			oe,
+			ne && /* @__PURE__ */ W(F, {
+				href: F === "a" || e ? ee : void 0,
+				to: te,
 				target: l,
 				rel: f,
 				className: "tile-link",
 				"aria-label": t,
 				onClick: p ? B : void 0
 			}),
-			!ee && p && /* @__PURE__ */ W(N, {
+			!ne && p && /* @__PURE__ */ W(F, {
 				type: "button",
 				className: "tile-link",
 				"aria-label": t,
 				onClick: p
 			}),
 			V(),
-			ae(),
+			H(),
 			U && /* @__PURE__ */ G("div", {
 				className: "tile-actions",
 				onClick: z,
 				onPointerDown: z,
-				children: [O && O.length > 0 && /* @__PURE__ */ W(te, {
+				children: [O && O.length > 0 && /* @__PURE__ */ W(re, {
 					className: "tile-menu-wrap",
 					trigger: /* @__PURE__ */ W(b, {
 						variant: "ghost",
 						iconOnly: !0,
 						shape: "circle",
-						"aria-label": "More options",
+						"aria-label": M.moreOptions,
 						className: "tile-overlay-btn",
 						children: /* @__PURE__ */ W(s, {})
 					}),
 					placement: "bottom-end",
-					children: O.map((e, t) => /* @__PURE__ */ W(ne, {
+					children: O.map((e, t) => /* @__PURE__ */ W(ie, {
 						icon: e.icon,
 						color: e.danger ? "error" : void 0,
 						label: e.label,
 						onClick: e.onClick
 					}, t))
-				}), E && /* @__PURE__ */ W(b, {
+				}), D && /* @__PURE__ */ W(b, {
 					variant: "ghost",
 					iconOnly: !0,
 					shape: "circle",
-					onClick: E,
-					"aria-label": T ? "Remove from favorites" : "Add to favorites",
-					className: d("tile-overlay-btn", T && "tile-fav-active"),
-					children: W(T ? c : u, {})
+					onClick: D,
+					"aria-label": E ? "Remove from favorites" : "Add to favorites",
+					className: d("tile-overlay-btn", E && "tile-fav-active"),
+					children: W(E ? c : u, {})
 				})]
 			})
 		]
@@ -669,9 +670,9 @@ function pe({ component: e, title: t, description: n, icon: r, color: i = "prima
 }
 //#endregion
 //#region src/components/cards/MCardProduct/MCardProduct.tsx
-function me(e) {
+function Z(e) {
 	let { addToCartLabel: t = "Add to cart", ...n } = e;
-	return /* @__PURE__ */ W(Z, {
+	return /* @__PURE__ */ W(X, {
 		variant: "product",
 		actionLabel: t,
 		...n
@@ -679,9 +680,9 @@ function me(e) {
 }
 //#endregion
 //#region src/components/cards/MCardEvent/MCardEvent.tsx
-function he(e) {
+function Q(e) {
 	let { onRegister: t, registerLabel: n = "Register", ...r } = e;
-	return /* @__PURE__ */ W(Z, {
+	return /* @__PURE__ */ W(X, {
 		variant: "event",
 		onAddToCart: t ? () => t() : void 0,
 		actionLabel: n,
@@ -690,14 +691,14 @@ function he(e) {
 }
 //#endregion
 //#region src/components/cards/MCardWidget/MCardWidget.tsx
-function Q(e, t) {
+function _e(e, t) {
 	return t || (typeof e != "number" || e === 0 ? "neutral" : e > 0 ? "up" : "down");
 }
-function $(e) {
+function ve(e) {
 	return typeof e == "number" && e > 0 ? `+${e}` : e;
 }
-function ge({ component: t, to: n, href: r, target: i, rel: a, 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 = Q(l, u), w = $(l), { component: T, href: E, to: O, isInteractive: k } = D({
+function ye({ component: t, to: n, href: r, target: i, rel: a, 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 = _e(l, u), w = ve(l), { component: T, href: E, to: D, isInteractive: O } = k({
 		component: t,
 		href: r,
 		to: n,
@@ -705,16 +706,16 @@ function ge({ component: t, to: n, href: r, target: i, rel: a, title: s, value:
 		hasClickHandler: !!x.onClick,
 		hasPointerHandler: !!b
 	}), { effectClassName: A, effectLayer: j, handlePointerDown: M } = m({
-		effect: _ ?? (k ? "ripple" : "none"),
-		disabled: !k,
+		effect: _ ?? (O ? "ripple" : "none"),
+		disabled: !O,
 		color: v
 	});
 	return /* @__PURE__ */ G(T, {
 		href: T === "a" || t ? E : void 0,
-		to: O,
+		to: D,
 		target: i,
 		rel: a,
-		className: d("card-widget", `color-${p}`, k && "interactive", A, y),
+		className: d("card-widget", `color-${p}`, O && "interactive", A, y),
 		onPointerDown: (e) => {
 			M(e), b?.(e);
 		},
@@ -757,23 +758,23 @@ function ge({ component: t, to: n, href: r, target: i, rel: a, title: s, value:
 }
 //#endregion
 //#region src/components/cards/MStatCard/MStatCard.tsx
-function _e(e, t) {
+function be(e, t) {
 	return t || (typeof e != "number" || e === 0 ? "neutral" : e > 0 ? "up" : "down");
 }
-function ve(e) {
+function xe(e) {
 	return typeof e == "number" && e > 0 ? `+${e}` : e;
 }
-function ye({ label: t, value: n, icon: r, badge: i, helperText: a, trend: s, trendType: c, color: l = "primary", className: u, ...f }) {
-	let p = s != null, m = _e(s, c);
-	return /* @__PURE__ */ W(j, {
+function Se({ label: t, value: n, icon: r, badge: i, helperText: a, trend: s, trendType: c, color: l = "primary", className: u, ...f }) {
+	let p = s != null, m = be(s, c);
+	return /* @__PURE__ */ W(N, {
 		className: d("stat-card", `color-${l}`, u),
 		...f,
-		children: /* @__PURE__ */ G(E, {
+		children: /* @__PURE__ */ G(O, {
 			spacing: "md",
 			children: [/* @__PURE__ */ G(g, {
 				justify: "between",
 				align: "start",
-				children: [/* @__PURE__ */ G(E, {
+				children: [/* @__PURE__ */ G(O, {
 					spacing: "xs",
 					children: [/* @__PURE__ */ W("span", {
 						className: "stat-card-label",
@@ -797,7 +798,7 @@ function ye({ label: t, value: n, icon: r, badge: i, helperText: a, trend: s, tr
 					children: [
 						m === "up" && /* @__PURE__ */ W(e, { size: 14 }),
 						m === "down" && /* @__PURE__ */ W(o, { size: 14 }),
-						/* @__PURE__ */ W("span", { children: ve(s) })
+						/* @__PURE__ */ W("span", { children: xe(s) })
 					]
 				}) : /* @__PURE__ */ W("span", {}), a && /* @__PURE__ */ W(_, {
 					size: "sm",
@@ -810,12 +811,12 @@ function ye({ label: t, value: n, icon: r, badge: i, helperText: a, trend: s, tr
 }
 //#endregion
 //#region src/components/cards/MCardGrid/MCardGrid.tsx
-function be(e) {
+function Ce(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) {
+function we(e, t) {
 	let n = t.split("."), r = e;
 	for (let e of n) {
 		if (typeof r != "object" || !r) return;
@@ -823,86 +824,86 @@ function xe(e, t) {
 	}
 	return r;
 }
-function Se({ items: n, renderCard: r, color: i = "primary", searchable: a = !1, searchKeys: s, searchPlaceholder: c = "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);
+function Te({ items: n, renderCard: r, color: i = "primary", searchable: a = !1, searchKeys: s, searchPlaceholder: c = "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: 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: ee = "Loading", scrollOffset: te, columns: I = 3, emptyMessage: L = "No results found.", className: re, style: ie, ...oe }) {
+	let [z, B] = U(""), [se, ue] = U({}), [K, q] = U(S ?? null), [de, J] = U(1), [fe, Y] = U(!1), [pe, X] = U(!1), me = ce(null), he = ce(null), ge = u === void 0 ? z : u, Z = g === void 0 ? se : g, Q = C === void 0 ? K : C, _e = O === void 0 ? de : O, ve = V((e) => {
+		u === void 0 && B(e), !P && O === void 0 && J(1), f?.(e);
 	}, [
 		u,
 		O,
 		P,
 		f
-	]), ve = V((e) => {
-		g === void 0 && J(e), !P && O === void 0 && X(1), _?.(e);
+	]), ye = V((e) => {
+		g === void 0 && ue(e), !P && O === void 0 && J(1), _?.(e);
 	}, [
 		g,
 		O,
 		P,
 		_
-	]), ye = V((e) => {
-		w === void 0 && le(e), !P && O === void 0 && X(1), T?.(e);
+	]), be = V((e) => {
+		C === void 0 && q(e), !P && O === void 0 && J(1), w?.(e);
 	}, [
-		w,
+		C,
 		O,
 		P,
-		T
-	]), Se = oe(null), Ce = V((e) => {
-		O === void 0 && X(e), k?.(e), Se.current?.scrollIntoView({
+		w
+	]), xe = ce(null), Se = V((e) => {
+		O === void 0 && J(e), k?.(e), xe.current?.scrollIntoView({
 			block: "start",
 			behavior: "smooth"
 		});
-	}, [O, k]), we = V(() => {
-		Z((e) => !e), fe(!1);
-	}, []), Te = V(() => {
-		fe((e) => !e), Z(!1);
-	}, []), Ee = ae(() => {
+	}, [O, k]), Te = V(() => {
+		Y((e) => !e), X(!1);
+	}, []), Ee = V(() => {
+		X((e) => !e), Y(!1);
+	}, []), $ = H(() => {
 		let e = n;
-		if (!j && he && s && s.length > 0) {
-			let t = he.toLowerCase();
+		if (!j && ge && s && s.length > 0) {
+			let t = ge.toLowerCase();
 			e = e.filter((e) => s.some((n) => {
-				let r = xe(e, n);
+				let r = we(e, n);
 				return r != null && String(r).toLowerCase().includes(t);
 			}));
 		}
-		if (!M) for (let [t, n] of Object.entries(Q)) !n || n.length === 0 || (e = e.filter((e) => {
-			let r = xe(e, t);
+		if (!M) for (let [t, n] of Object.entries(Z)) !n || n.length === 0 || (e = e.filter((e) => {
+			let r = we(e, t);
 			return r != null && n.includes(String(r));
 		}));
-		return !N && $ && (e = [...e].sort((e, t) => {
-			let n = xe(e, $.key), r = xe(t, $.key);
+		return !N && Q && (e = [...e].sort((e, t) => {
+			let n = we(e, Q.key), r = we(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 $.direction === "asc" ? i : -i;
+			return Q.direction === "asc" ? i : -i;
 		})), e === n ? [...e] : e;
 	}, [
 		n,
-		he,
+		ge,
 		s,
+		Z,
 		Q,
-		$,
 		j,
 		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);
+	]), De = P ? A ?? $.length : $.length, Oe = H(() => {
+		if (!E || P) return $;
+		let e = (_e - 1) * D;
+		return $.slice(e, e + D);
 	}, [
-		Ee,
+		$,
 		E,
 		P,
-		ge,
+		_e,
 		D
 	]);
 	function ke(e, t) {
-		let n = Q[e] ?? [], r = n.includes(t) ? n.filter((e) => e !== t) : [...n, t];
-		ve({
-			...Q,
+		let n = Z[e] ?? [], r = n.includes(t) ? n.filter((e) => e !== t) : [...n, t];
+		ye({
+			...Z,
 			[e]: r
 		});
 	}
-	let Ae = ae(() => {
+	let Ae = H(() => {
 		let e = {};
 		for (let t of m) {
 			if (t.options) {
@@ -911,47 +912,47 @@ function Se({ items: n, renderCard: r, color: i = "primary", searchable: a = !1,
 			}
 			let r = /* @__PURE__ */ new Set();
 			for (let e of n) {
-				let n = xe(e, t.key);
+				let n = we(e, t.key);
 				n != null && r.add(String(n));
 			}
 			e[t.key] = Array.from(r).sort();
 		}
 		return e;
-	}, [n, m]), je = y.find((e) => e.key === $?.key);
+	}, [n, m]), je = y.find((e) => e.key === Q?.key);
 	return /* @__PURE__ */ G("div", {
-		ref: Se,
-		className: d("card-grid", `color-${i}`, ie),
-		style: L === void 0 ? z : {
-			scrollMarginTop: L,
-			...z
+		ref: xe,
+		className: d("card-grid", `color-${i}`, re),
+		style: te === void 0 ? ie : {
+			scrollMarginTop: te,
+			...ie
 		},
-		...B,
+		...oe,
 		children: [
 			(a || p || v) && /* @__PURE__ */ G("div", {
 				className: "card-grid-toolbar",
-				children: [a && /* @__PURE__ */ W(ee, {
+				children: [a && /* @__PURE__ */ W(ne, {
 					className: "card-grid-search",
 					size: "sm",
 					fullWidth: !0,
 					placeholder: c,
-					value: he,
-					onChange: (e) => _e(e.target.value),
-					onClear: () => _e("")
+					value: ge,
+					onChange: (e) => ve(e.target.value),
+					onClear: () => ve("")
 				}), /* @__PURE__ */ G("div", {
 					className: "card-grid-actions",
-					children: [p && m.length > 0 && /* @__PURE__ */ G(se, { children: [/* @__PURE__ */ W(b, {
-						ref: pe,
+					children: [p && m.length > 0 && /* @__PURE__ */ G(le, { children: [/* @__PURE__ */ W(b, {
+						ref: me,
 						variant: "outlined",
 						color: i,
 						size: "sm",
 						startIcon: /* @__PURE__ */ W(t, {}),
-						"aria-expanded": ue,
-						onClick: we,
+						"aria-expanded": fe,
+						onClick: Te,
 						children: "Filter"
 					}), /* @__PURE__ */ W(h, {
-						open: ue,
-						anchorRef: pe,
-						onClose: () => Z(!1),
+						open: fe,
+						anchorRef: me,
+						onClose: () => Y(!1),
 						placement: "bottom-end",
 						className: "card-grid-dropdown",
 						children: m.map((e) => /* @__PURE__ */ G("div", {
@@ -964,42 +965,42 @@ function Se({ items: n, renderCard: r, color: i = "primary", searchable: a = !1,
 								children: /* @__PURE__ */ W(x, {
 									size: "sm",
 									clickEffect: "none",
-									checked: Q[e.key]?.includes(t) ?? !1,
+									checked: Z[e.key]?.includes(t) ?? !1,
 									onChange: () => ke(e.key, t),
 									label: t
 								})
 							}, t))]
 						}, e.key))
-					})] }), v && y.length > 0 && /* @__PURE__ */ G(se, { children: [/* @__PURE__ */ W(b, {
-						ref: me,
+					})] }), v && y.length > 0 && /* @__PURE__ */ G(le, { children: [/* @__PURE__ */ W(b, {
+						ref: he,
 						variant: "outlined",
 						color: i,
 						size: "sm",
-						startIcon: $ ? $.direction === "asc" ? /* @__PURE__ */ W(e, {}) : /* @__PURE__ */ W(o, {}) : /* @__PURE__ */ W(l, {}),
-						"aria-expanded": de,
-						onClick: Te,
+						startIcon: Q ? Q.direction === "asc" ? /* @__PURE__ */ W(e, {}) : /* @__PURE__ */ W(o, {}) : /* @__PURE__ */ W(l, {}),
+						"aria-expanded": pe,
+						onClick: Ee,
 						children: je ? `Sort: ${je.label}` : "Sort"
 					}), /* @__PURE__ */ W(h, {
-						open: de,
-						anchorRef: me,
-						onClose: () => fe(!1),
+						open: pe,
+						anchorRef: he,
+						onClose: () => X(!1),
 						placement: "bottom-end",
 						className: "card-grid-dropdown",
 						children: y.map((t) => /* @__PURE__ */ G("button", {
 							type: "button",
-							className: d("card-grid-sort-item", $?.key === t.key && "active"),
+							className: d("card-grid-sort-item", Q?.key === t.key && "active"),
 							onClick: () => {
-								$?.key === t.key ? ye({
+								Q?.key === t.key ? be({
 									key: t.key,
-									direction: $.direction === "asc" ? "desc" : "asc"
-								}) : ye({
+									direction: Q.direction === "asc" ? "desc" : "asc"
+								}) : be({
 									key: t.key,
 									direction: "asc"
 								});
 							},
-							children: [t.label, $?.key === t.key && /* @__PURE__ */ W("span", {
+							children: [t.label, Q?.key === t.key && /* @__PURE__ */ W("span", {
 								className: "card-grid-sort-dir",
-								children: $.direction === "asc" ? /* @__PURE__ */ W(e, { className: "card-grid-sort-icon" }) : /* @__PURE__ */ W(o, { className: "card-grid-sort-icon" })
+								children: Q.direction === "asc" ? /* @__PURE__ */ W(e, { className: "card-grid-sort-icon" }) : /* @__PURE__ */ W(o, { className: "card-grid-sort-icon" })
 							})]
 						}, t.key))
 					})] })]
@@ -1010,33 +1011,33 @@ function Se({ items: n, renderCard: r, color: i = "primary", searchable: a = !1,
 				"aria-busy": F || void 0,
 				children: [Oe.length > 0 ? /* @__PURE__ */ W("div", {
 					className: "card-grid-items",
-					style: be(te),
+					style: Ce(I),
 					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
+					children: L
 				}), F && /* @__PURE__ */ W("div", {
 					className: "card-grid-loading",
 					role: "status",
 					"aria-live": "polite",
-					children: /* @__PURE__ */ W(C, {
+					children: /* @__PURE__ */ W(T, {
 						center: !1,
 						minHeight: "auto",
 						color: i,
-						label: I
+						label: ee
 					})
 				})]
 			}),
 			E && De > D && /* @__PURE__ */ W("div", {
 				className: "card-grid-pagination",
-				children: /* @__PURE__ */ W(re, {
+				children: /* @__PURE__ */ W(ae, {
 					total: De,
-					page: ge,
+					page: _e,
 					pageSize: D,
-					onChange: Ce
+					onChange: Se
 				})
 			})
 		]
@@ -1044,16 +1045,16 @@ function Se({ items: n, renderCard: r, color: i = "primary", searchable: a = !1,
 }
 //#endregion
 //#region src/components/cards/MCardDaySchedule/MCardDaySchedule.tsx
-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(_, {
+function Ee({ 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__ */ G(j, {
+	return /* @__PURE__ */ G(N, {
 		color: n,
 		...u,
 		children: [
-			/* @__PURE__ */ W(O, { children: /* @__PURE__ */ G(E, { children: [/* @__PURE__ */ W(v, {
+			/* @__PURE__ */ W(A, { children: /* @__PURE__ */ G(O, { children: [/* @__PURE__ */ W(v, {
 				level: 4,
 				children: e
 			}), (t || d) && /* @__PURE__ */ G(_, {
@@ -1065,14 +1066,14 @@ function Ce({ title: e = "Today", description: t, color: n = "primary", workdayS
 					d
 				]
 			})] }) }),
-			/* @__PURE__ */ W(k, { children: /* @__PURE__ */ G(T, {
+			/* @__PURE__ */ W(j, { children: /* @__PURE__ */ G(D, {
 				type: "row",
 				align: "start",
-				children: [/* @__PURE__ */ W(T, {
+				children: [/* @__PURE__ */ W(D, {
 					type: "col",
 					xl: 7,
 					sm: 12,
-					children: a.length ? /* @__PURE__ */ W(E, {
+					children: a.length ? /* @__PURE__ */ W(O, {
 						className: "day-schedule-card-timeline",
 						children: a.map((e) => /* @__PURE__ */ G(g, {
 							align: "start",
@@ -1085,7 +1086,7 @@ function Ce({ title: e = "Today", description: t, color: n = "primary", workdayS
 								/* @__PURE__ */ W("div", {
 									className: "day-schedule-card-dot",
 									"data-color": e.color ?? n,
-									children: J(e.icon, e.color ?? n)
+									children: q(e.icon, e.color ?? n)
 								}),
 								/* @__PURE__ */ G("div", {
 									className: "day-schedule-card-copy",
@@ -1101,13 +1102,13 @@ function Ce({ title: e = "Today", description: t, color: n = "primary", workdayS
 							]
 						}, e.id))
 					}) : l
-				}), /* @__PURE__ */ W(T, {
+				}), /* @__PURE__ */ W(D, {
 					type: "col",
 					xl: 5,
 					sm: 12,
-					children: /* @__PURE__ */ G(E, {
+					children: /* @__PURE__ */ G(O, {
 						className: "day-schedule-card-side",
-						children: [o, f.length > 0 && /* @__PURE__ */ W(w, {
+						children: [o, f.length > 0 && /* @__PURE__ */ W(E, {
 							variant: "underline",
 							size: "sm",
 							fullWidth: !0,
@@ -1127,45 +1128,45 @@ function Ce({ title: e = "Today", description: t, color: n = "primary", workdayS
 					})
 				})]
 			}) }),
-			c && /* @__PURE__ */ W(A, { children: J(c, n) })
+			c && /* @__PURE__ */ W(M, { children: q(c, n) })
 		]
 	});
 }
 //#endregion
 //#region src/components/cards/MCardDocumentTree/MCardDocumentTree.tsx
-function we({ title: e = "Documents", description: t, color: n = "primary", items: r, selected: i, onSelect: a, defaultExpanded: o, expanded: c, onExpandChange: l, detailsTitle: u, detailsMeta: d, detailsItems: f = [], detailsActions: p = [], renderDetails: m, emptyDetails: h = /* @__PURE__ */ W(_, {
+function $({ title: e = "Documents", description: t, color: n = "primary", items: r, selected: i, onSelect: a, defaultExpanded: o, 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) => ({
+	let C = S(), w = (e) => ({
 		...e,
-		icon: J(e.icon, n),
-		children: e.children?.map(S)
-	}), C = r.map(S);
-	return /* @__PURE__ */ G(j, {
+		icon: q(e.icon, n),
+		children: e.children?.map(w)
+	}), T = r.map(w);
+	return /* @__PURE__ */ G(N, {
 		stretch: !1,
 		color: n,
 		...x,
-		children: [/* @__PURE__ */ W(O, { children: /* @__PURE__ */ G(g, {
+		children: [/* @__PURE__ */ W(A, { children: /* @__PURE__ */ G(g, {
 			justify: "between",
 			align: "center",
-			children: [/* @__PURE__ */ G(E, { children: [/* @__PURE__ */ W(v, {
+			children: [/* @__PURE__ */ G(O, { children: [/* @__PURE__ */ W(v, {
 				level: 4,
 				children: e
 			}), t && /* @__PURE__ */ W(_, {
 				size: "sm",
 				tone: "muted",
 				children: t
-			})] }), J(y, n)]
-		}) }), /* @__PURE__ */ W(k, { children: /* @__PURE__ */ G(T, {
+			})] }), q(y, n)]
+		}) }), /* @__PURE__ */ W(j, { children: /* @__PURE__ */ G(D, {
 			type: "row",
 			align: "start",
-			children: [/* @__PURE__ */ W(T, {
+			children: [/* @__PURE__ */ W(D, {
 				type: "col",
 				xl: 7,
 				sm: 12,
 				children: /* @__PURE__ */ W(L, {
-					items: C,
+					items: T,
 					color: n,
 					defaultExpanded: o,
 					expanded: c,
@@ -1177,34 +1178,34 @@ function we({ title: e = "Documents", description: t, color: n = "primary", item
 					showLines: !0,
 					fileIcons: !0
 				})
-			}), /* @__PURE__ */ W(T, {
+			}), /* @__PURE__ */ W(D, {
 				type: "col",
 				xl: 5,
 				sm: 12,
-				children: /* @__PURE__ */ G(E, {
+				children: /* @__PURE__ */ G(O, {
 					padding: "sm",
 					children: [(u || d || p.length > 0) && /* @__PURE__ */ G(g, {
 						justify: "between",
 						align: "start",
-						children: [/* @__PURE__ */ G(E, { children: [u && /* @__PURE__ */ W(v, {
+						children: [/* @__PURE__ */ G(O, { children: [u && /* @__PURE__ */ W(v, {
 							level: 5,
 							children: u
 						}), d && /* @__PURE__ */ W(_, {
 							size: "sm",
 							tone: "muted",
 							children: d
-						})] }), p.length > 0 && /* @__PURE__ */ W(te, {
+						})] }), p.length > 0 && /* @__PURE__ */ W(re, {
 							placement: "bottom-end",
 							trigger: /* @__PURE__ */ W(b, {
 								variant: "ghost",
 								color: n,
 								iconOnly: !0,
 								shape: "circle",
-								"aria-label": "Open document actions",
+								"aria-label": C.documentActions,
 								children: /* @__PURE__ */ W(s, {})
 							}),
-							children: p.map((e) => /* @__PURE__ */ W(ne, {
-								icon: J(e.icon, e.color ?? n),
+							children: p.map((e) => /* @__PURE__ */ W(ie, {
+								icon: q(e.icon, e.color ?? n),
 								label: e.label,
 								color: e.color ?? n,
 								disabled: e.disabled,
@@ -1221,6 +1222,6 @@ function we({ title: e = "Documents", description: t, color: n = "primary", item
 	});
 }
 //#endregion
-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 };
+export { ye as a, ge as c, pe as d, fe as f, Se as i, he as l, Ee as n, Q as o, de as p, Te as r, Z as s, $ as t, me as u };
 
-//# sourceMappingURL=cards-CFDJsdxR.js.map
+//# sourceMappingURL=cards-D4xJVd4q.js.map