@banzamel/mineralui 1.6.4 → 1.7.1

package/dist/{cards-fn61xD_5.js → cards-BYX8bM2l.js}

@@ -1,30 +1,31 @@
-import { A as e, Ai as t, B as n, E as r, F as i, G as a, H as o, I as s, J as c, K as l, L as u, M as d, N as f, Oi as p, P as m, R as h, S as g, Si as _, T as v, U as y, V as b, W as x, X as S, Y as C, _ as w, an as T, b as E, bi as D, br as O, gi as k, hi as A, i as j, in as ee, j as M, k as N, ki as P, mn as te, pn as ne, q as F, r as I, sn as re, v as ie, wi as ae, x as oe, y as L, yr as se, z as R } from "./icons-CfpYxnfg.js";
-import { t as z } from "./cn-YER3QsV1.js";
-import { n as ce, t as B } from "./creditCards-CCysEwry.js";
-import { t as V } from "./MPopover-Cqz5TsHg.js";
-import { t as H } from "./MInline-CoMhfX5V.js";
-import { t as U } from "./MText-DcB1GAt-.js";
-import { t as le } from "./MLink-rFKN1mcM.js";
-import { t as W } from "./MButton-y9qXhhGt.js";
-import { t as G } from "./MCheckbox-B-nT2OBE.js";
-import { t as K } from "./MBadge-_BggwkrM.js";
-import { i as ue, r as de } from "./MDropdownMenu-D79Cm5aS.js";
-import { n as fe, t as pe } from "./MInputCVC-BHpMHTO5.js";
-import { n as me, t as he } from "./MQrCode-CCtTkkv9.js";
-import { t as ge } from "./MAvatar-BHASnoyu.js";
-import { t as _e } from "./MInputSearch-Dh4C3Tz5.js";
+import { A as e, Ai as t, B as n, E as r, F as i, G as a, H as o, I as s, J as c, K as l, L as u, M as d, N as f, Oi as p, P as m, R as h, S as g, Si as _, T as v, U as y, V as b, W as x, X as S, Y as C, _ as w, an as ee, b as T, bi as te, br as ne, gi as re, hi as E, i as D, in as O, j as k, k as ie, ki as A, mn as ae, pn as oe, q as j, r as M, sn as se, v as N, wi as ce, x as P, y as F, yr as le, z as I } from "./icons-CfpYxnfg.js";
+import { t as L } from "./cn-YER3QsV1.js";
+import { n as R, t as z } from "./creditCards-D_iWmtG6.js";
+import { t as ue } from "./MPopover-Cqz5TsHg.js";
+import { t as B } from "./MInline-CoMhfX5V.js";
+import { t as V } from "./MText-DcB1GAt-.js";
+import { t as H } from "./MLink-rFKN1mcM.js";
+import { t as U } from "./MButton-y9qXhhGt.js";
+import { t as de } from "./MCheckbox-B-nT2OBE.js";
+import { t as W } from "./MBadge-_BggwkrM.js";
+import { i as fe, r as pe } from "./MDropdownMenu-BWgf92rJ.js";
+import { n as me, t as he } from "./MInputCVC-BgougfgN.js";
+import { n as ge, t as G } from "./MQrCode-CCtTkkv9.js";
+import { t as K } from "./MAvatar-BHASnoyu.js";
+import { t as _e } from "./MInputSearch-BwR-BPh2.js";
 import { t as ve } from "./MSparkline-voNWOLNz.js";
-import { useCallback as ye, useEffect as q, useMemo as be, useRef as xe, useState as J } from "react";
-import { Fragment as Y, jsx as X, jsxs as Z } from "react/jsx-runtime";
+import { t as ye } from "./MPagination-BdBpF3Px.js";
+import { useCallback as q, useEffect as J, useMemo as be, useRef as xe, useState as Y } from "react";
+import { Fragment as Se, jsx as X, jsxs as Z } from "react/jsx-runtime";
 //#region src/components/cards/MCardPayment/MCardPayment.tsx
-function Se(e) {
+function Ce(e) {
 	let t = e.replace(/\D/g, "");
 	return t.length <= 4 ? t : `\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 ${t.slice(-4)}`;
 }
-function Ce({ holder: e, number: t, expiry: n, brand: r, brandIcon: i, balance: a, balanceLabel: o = "Current balance", color: s, className: c, ...l }) {
-	let u = ce(t), d = r ?? u.brand, f = B.find((e) => e.brand === d) ?? u, p = Se(t), m = f.iconLabel;
+function we({ holder: e, number: t, expiry: n, brand: r, brandIcon: i, balance: a, balanceLabel: o = "Current balance", color: s, className: c, ...l }) {
+	let u = R(t), d = r ?? u.brand, f = z.find((e) => e.brand === d) ?? u, p = Ce(t), m = f.iconLabel;
 	return /* @__PURE__ */ Z("div", {
-		className: z("card-payment", s || "primary", c),
+		className: L("card-payment", s || "primary", c),
 		...l,
 		children: [
 			a !== void 0 && /* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ X("p", {
@@ -37,7 +38,7 @@ function Ce({ holder: e, number: t, expiry: n, brand: r, brandIcon: i, balance:
 			/* @__PURE__ */ Z("div", {
 				className: "cp-row",
 				children: [/* @__PURE__ */ X("span", {
-					className: z("cp-brand", !i && d),
+					className: L("cp-brand", !i && d),
 					children: i ?? m
 				}), /* @__PURE__ */ X("span", {
 					className: "cp-number",
@@ -65,23 +66,23 @@ function Ce({ holder: e, number: t, expiry: n, brand: r, brandIcon: i, balance:
 }
 //#endregion
 //#region src/components/cards/MCardPaymentMethod/MCardPaymentMethod.tsx
-function we(e) {
-	return B.find((t) => t.brand === e)?.iconLabel ?? "CARD";
+function Te(e) {
+	return z.find((t) => t.brand === e)?.iconLabel ?? "CARD";
 }
-function Te({ title: e = "Your payment methods", actionLabel: n = "Change", actionHref: r = "#", onAction: i, brand: a = "visa", brandIcon: o, last4: s, badgeLabel: c, summary: l, helperText: u = "All fields are required, unless stated otherwise.", expiryLabel: d = "Expiration date", cvcLabel: f = "Security code", expiryProps: p, cvcProps: m, color: h, className: g, ..._ }) {
-	let v = p?.value ?? p?.defaultValue, y = c === void 0 ? "Default" : c, b = v ? `Credit card - Expiration date ${String(v).replace("/", ".")}` : "Credit card", x = l === void 0 ? b : l, S = we(a), C = {
+function Ee({ title: e = "Your payment methods", actionLabel: n = "Change", actionHref: r = "#", onAction: i, brand: a = "visa", brandIcon: o, last4: s, badgeLabel: c, summary: l, helperText: u = "All fields are required, unless stated otherwise.", expiryLabel: d = "Expiration date", cvcLabel: f = "Security code", expiryProps: p, cvcProps: m, color: h, className: g, ..._ }) {
+	let v = p?.value ?? p?.defaultValue, y = c === void 0 ? "Default" : c, b = v ? `Credit card - Expiration date ${String(v).replace("/", ".")}` : "Credit card", x = l === void 0 ? b : l, S = Te(a), C = {
 		clearable: !0,
 		...p
 	};
 	return /* @__PURE__ */ Z("div", {
-		className: z("card-payment-method", h || "primary", g),
+		className: L("card-payment-method", h || "primary", g),
 		..._,
 		children: [/* @__PURE__ */ Z("div", {
 			className: "cpm-header",
 			children: [/* @__PURE__ */ X("h3", {
 				className: "cpm-title",
 				children: e
-			}), /* @__PURE__ */ Z(le, {
+			}), /* @__PURE__ */ Z(H, {
 				href: r,
 				tone: "accent",
 				underline: "none",
@@ -96,30 +97,30 @@ function Te({ title: e = "Your payment methods", actionLabel: n = "Change", acti
 			children: [
 				/* @__PURE__ */ Z("div", {
 					className: "cpm-method",
-					children: [/* @__PURE__ */ Z(H, {
+					children: [/* @__PURE__ */ Z(B, {
 						align: "center",
 						className: "cpm-method-row",
 						children: [
 							/* @__PURE__ */ X("span", {
-								className: z("cpm-brand", !o && a),
+								className: L("cpm-brand", !o && a),
 								children: o ?? S
 							}),
 							/* @__PURE__ */ X("span", {
 								className: "cpm-last4",
 								children: `\u2022\u2022\u2022\u2022 ${s}`
 							}),
-							y && /* @__PURE__ */ X(K, {
+							y && /* @__PURE__ */ X(W, {
 								color: "info",
 								children: y
 							})
 						]
-					}), x && /* @__PURE__ */ X(U, {
+					}), x && /* @__PURE__ */ X(V, {
 						tone: "muted",
 						className: "cpm-summary",
 						children: x
 					})]
 				}),
-				u && /* @__PURE__ */ X(U, {
+				u && /* @__PURE__ */ X(V, {
 					tone: "muted",
 					size: "sm",
 					className: "cpm-helper",
@@ -127,12 +128,12 @@ function Te({ title: e = "Your payment methods", actionLabel: n = "Change", acti
 				}),
 				/* @__PURE__ */ Z("div", {
 					className: "cpm-fields",
-					children: [/* @__PURE__ */ X(fe, {
+					children: [/* @__PURE__ */ X(me, {
 						label: d,
 						placeholder: "MM/YYYY",
 						fullWidth: !0,
 						...C
-					}), /* @__PURE__ */ X(pe, {
+					}), /* @__PURE__ */ X(he, {
 						label: f,
 						placeholder: "123",
 						fullWidth: !0,
@@ -145,17 +146,17 @@ function Te({ title: e = "Your payment methods", actionLabel: n = "Change", acti
 }
 //#endregion
 //#region src/utils/socialPlatforms.tsx
-var Ee = {
+var De = {
 	apple: {
 		label: "Apple",
-		icon: j,
-		colorIcon: I,
+		icon: D,
+		colorIcon: M,
 		rgb: "24, 24, 27"
 	},
 	discord: {
 		label: "Discord",
 		icon: d,
-		colorIcon: M,
+		colorIcon: k,
 		rgb: "88, 101, 242"
 	},
 	facebook: {
@@ -179,7 +180,7 @@ var Ee = {
 	google: {
 		label: "Google",
 		icon: n,
-		colorIcon: R,
+		colorIcon: I,
 		rgb: "66, 133, 244"
 	},
 	instagram: {
@@ -196,7 +197,7 @@ var Ee = {
 	},
 	pinterest: {
 		label: "Pinterest",
-		icon: ie,
+		icon: N,
 		colorIcon: w,
 		rgb: "230, 0, 35"
 	},
@@ -208,14 +209,14 @@ var Ee = {
 	},
 	spotify: {
 		label: "Spotify",
-		icon: E,
-		colorIcon: L,
+		icon: T,
+		colorIcon: F,
 		rgb: "30, 215, 96"
 	},
 	tumblr: {
 		label: "Tumblr",
 		icon: g,
-		colorIcon: oe,
+		colorIcon: P,
 		rgb: "0, 25, 53"
 	},
 	vimeo: {
@@ -227,13 +228,13 @@ var Ee = {
 	vk: {
 		label: "VK",
 		icon: e,
-		colorIcon: N,
+		colorIcon: ie,
 		rgb: "0, 119, 255"
 	},
 	x: {
 		label: "X",
 		icon: c,
-		colorIcon: F,
+		colorIcon: j,
 		rgb: "17, 17, 17"
 	},
 	youtube: {
@@ -243,30 +244,30 @@ var Ee = {
 		rgb: "255, 0, 0"
 	}
 };
-function De(e) {
+function Oe(e) {
 	let t = e.trim().toLowerCase().replace(/[\s._-]+/g, "");
 	return t === "twitter" ? "x" : t === "vkontakte" ? "vk" : t;
 }
-function Oe(e) {
-	return Ee[De(e)]?.label ?? e;
+function ke(e) {
+	return De[Oe(e)]?.label ?? e;
 }
-function ke(e, t = !1) {
-	let n = Ee[De(e)];
+function Ae(e, t = !1) {
+	let n = De[Oe(e)];
 	return n ? t ? n.colorIcon : n.icon : null;
 }
 //#endregion
 //#region src/components/cards/MCardBusiness/MCardBusiness.tsx
-function Ae(e) {
+function je(e) {
 	return e ? [
 		e.street,
 		[e.zip, e.city].filter(Boolean).join(" "),
 		e.country
 	].filter(Boolean).join(", ") : null;
 }
-function je({ variant: e = "user", name: t, title: n, avatar: r, address: i, contact: a, socials: o, online: s, lastActive: c, qrCode: l, qrValue: u, qrStatus: d, qrStatusLabel: f, color: p = "primary", className: m, ...h }) {
-	let g = Ae(i);
+function Me({ variant: e = "user", name: t, title: n, avatar: r, address: i, contact: a, socials: o, online: s, lastActive: c, qrCode: l, qrValue: u, qrStatus: d, qrStatusLabel: f, color: p = "primary", className: m, ...h }) {
+	let g = je(i);
 	return /* @__PURE__ */ Z("div", {
-		className: z("card-business", e, `color-${p}`, m),
+		className: L("card-business", e, `color-${p}`, m),
 		...h,
 		children: [
 			/* @__PURE__ */ Z("div", {
@@ -274,7 +275,7 @@ function je({ variant: e = "user", name: t, title: n, avatar: r, address: i, con
 				children: [
 					/* @__PURE__ */ X("div", {
 						className: "cb-avatar-wrap",
-						children: /* @__PURE__ */ X(ge, {
+						children: /* @__PURE__ */ X(K, {
 							src: r,
 							alt: t,
 							name: t,
@@ -284,7 +285,7 @@ function je({ variant: e = "user", name: t, title: n, avatar: r, address: i, con
 							badge: s === void 0 ? void 0 : !0,
 							badgeColor: s === void 0 ? void 0 : s ? "success" : "error",
 							badgePulsing: !!s,
-							className: z("cb-avatar", e)
+							className: L("cb-avatar", e)
 						})
 					}),
 					/* @__PURE__ */ Z("div", {
@@ -306,7 +307,7 @@ function je({ variant: e = "user", name: t, title: n, avatar: r, address: i, con
 					}),
 					(u || l) && /* @__PURE__ */ X("div", {
 						className: "cb-qr",
-						children: u ? /* @__PURE__ */ X(he, {
+						children: u ? /* @__PURE__ */ X(G, {
 							value: u,
 							size: 56,
 							padding: 3,
@@ -339,7 +340,7 @@ function je({ variant: e = "user", name: t, title: n, avatar: r, address: i, con
 						className: "cb-detail",
 						children: [/* @__PURE__ */ X("span", {
 							className: "cb-detail-icon",
-							children: /* @__PURE__ */ X(D, {})
+							children: /* @__PURE__ */ X(te, {})
 						}), /* @__PURE__ */ X("a", {
 							href: `tel:${a.phone}`,
 							className: "cb-detail-value",
@@ -350,7 +351,7 @@ function je({ variant: e = "user", name: t, title: n, avatar: r, address: i, con
 						className: "cb-detail",
 						children: [/* @__PURE__ */ X("span", {
 							className: "cb-detail-icon",
-							children: /* @__PURE__ */ X(k, {})
+							children: /* @__PURE__ */ X(re, {})
 						}), /* @__PURE__ */ X("a", {
 							href: a.website,
 							target: "_blank",
@@ -363,7 +364,7 @@ function je({ variant: e = "user", name: t, title: n, avatar: r, address: i, con
 						className: "cb-detail",
 						children: [/* @__PURE__ */ X("span", {
 							className: "cb-detail-icon",
-							children: /* @__PURE__ */ X(A, {})
+							children: /* @__PURE__ */ X(E, {})
 						}), /* @__PURE__ */ X("span", {
 							className: "cb-detail-value",
 							children: g
@@ -374,14 +375,14 @@ function je({ variant: e = "user", name: t, title: n, avatar: r, address: i, con
 			o && o.length > 0 && /* @__PURE__ */ X("div", {
 				className: "cb-socials",
 				children: o.map((e) => (() => {
-					let t = ke(e.platform, !0);
+					let t = Ae(e.platform, !0);
 					return /* @__PURE__ */ X("a", {
 						href: e.url,
 						target: "_blank",
 						rel: "noopener noreferrer",
 						className: "cb-social",
-						title: Oe(e.platform),
-						"aria-label": Oe(e.platform),
+						title: ke(e.platform),
+						"aria-label": ke(e.platform),
 						children: e.icon ?? (t ? /* @__PURE__ */ X(t, {}) : /* @__PURE__ */ X("span", {
 							className: "cb-social-text",
 							children: e.platform
@@ -394,114 +395,80 @@ function je({ variant: e = "user", name: t, title: n, avatar: r, address: i, con
 }
 //#endregion
 //#region src/components/cards/ServiceCardsShared/ServiceCardsShared.tsx
-function Q({ variant: e, title: t, description: n, price: r, currency: i = "PLN", duration: a, available: o, image: s, gallery: c, galleryAutoPlay: l = !1, rating: u, reviewCount: d, favorite: f, onFavorite: m, menuItems: h, onAddToCart: g, actionLabel: _, icon: v, color: y = "primary", leader: b, participants: x, maxParticipants: S, quantity: C, onQuantityChange: w, date: T, location: E, status: D, value: k, trend: A, className: j, ...ee }) {
-	let [M, N] = J(0), [F, I] = J(!1), [ie, oe] = J(1), L = C ?? ie, R = c && c.length > 0 ? c : s ? [s] : [];
-	q(() => {
-		M >= R.length && N(0);
-	}, [M, R.length]), q(() => {
-		if (!F) return;
+function Q({ variant: e, title: t, description: n, price: r, currency: i = "PLN", duration: a, available: o, image: s, gallery: c, galleryAutoPlay: l = !1, rating: u, reviewCount: d, favorite: f, onFavorite: p, menuItems: m, onAddToCart: h, actionLabel: g, icon: _, color: v = "primary", leader: y, participants: b, maxParticipants: x, quantity: S, onQuantityChange: C, date: w, location: ee, status: T, className: te, ...re }) {
+	let [E, D] = Y(0), [O, k] = Y(!1), [ie, A] = Y(1), j = S ?? ie, M = c && c.length > 0 ? c : s ? [s] : [];
+	J(() => {
+		E >= M.length && D(0);
+	}, [E, M.length]), J(() => {
+		if (!O) return;
 		let e = window.setTimeout(() => {
-			I(!1);
+			k(!1);
 		}, 220);
 		return () => window.clearTimeout(e);
-	}, [M, F]);
-	function ce(e) {
-		e === M || e < 0 || e >= R.length || (R.length > 1 && I(!0), N(e));
+	}, [E, O]);
+	function N(e) {
+		e === E || e < 0 || e >= M.length || (M.length > 1 && k(!0), D(e));
 	}
-	q(() => {
-		if (!l || R.length <= 1) return;
+	J(() => {
+		if (!l || M.length <= 1) return;
 		let e = window.setInterval(() => {
-			I(!0), N((e) => (e + 1) % R.length);
+			k(!0), D((e) => (e + 1) % M.length);
 		}, 3500);
 		return () => window.clearInterval(e);
-	}, [l, R.length]);
-	function B(e) {
+	}, [l, M.length]);
+	function P(e) {
 		let t = Math.max(1, e);
-		w ? w(t) : oe(t);
+		C ? C(t) : A(t);
 	}
-	let V = o === !0 ? "Available" : o === !1 ? "Unavailable" : typeof o == "number" ? `${o} spots` : null, H = T ? T instanceof Date ? T : new Date(T) : null, U = H ? H.getDate() : null, le = H ? H.toLocaleString("en", { month: "short" }).toUpperCase() : null, G = A === void 0 ? null : A > 0 ? "up" : A < 0 ? "down" : "neutral";
-	return e === "widget" ? /* @__PURE__ */ X("div", {
-		className: z("card-service", "widget", `color-${y}`, j),
-		...ee,
-		children: /* @__PURE__ */ Z("div", {
-			className: "cs-widget",
-			children: [v && /* @__PURE__ */ X("span", {
-				className: "cs-widget-icon",
-				children: v
-			}), /* @__PURE__ */ Z("div", {
-				className: "cs-widget-content",
-				children: [
-					/* @__PURE__ */ X("span", {
-						className: "cs-widget-label",
-						children: t
-					}),
-					/* @__PURE__ */ X("span", {
-						className: "cs-widget-value",
-						children: k
-					}),
-					A !== void 0 && /* @__PURE__ */ Z("span", {
-						className: z("cs-widget-trend", G),
-						children: [
-							G === "up" && /* @__PURE__ */ X(P, { size: 14 }),
-							G === "down" && /* @__PURE__ */ X(p, { size: 14 }),
-							/* @__PURE__ */ Z("span", { children: [
-								A > 0 ? "+" : "",
-								A,
-								"%"
-							] })
-						]
-					})
-				]
-			})]
-		})
-	}) : /* @__PURE__ */ Z("div", {
-		className: z("card-service", e, `color-${y}`, j),
-		...ee,
+	let F = o === !0 ? "Available" : o === !1 ? "Unavailable" : typeof o == "number" ? `${o} spots` : null, I = w ? w instanceof Date ? w : new Date(w) : null, R = I ? I.getDate() : null, z = I ? I.toLocaleString("en", { month: "short" }).toUpperCase() : null;
+	return /* @__PURE__ */ Z("div", {
+		className: L("card-service", e, `color-${v}`, te),
+		...re,
 		children: [
-			R.length > 0 && /* @__PURE__ */ Z("div", {
+			M.length > 0 && /* @__PURE__ */ Z("div", {
 				className: "cs-gallery",
 				children: [
 					/* @__PURE__ */ X("img", {
-						src: R[M],
+						src: M[E],
 						alt: t,
-						className: z("cs-image", F && "is-transitioning")
+						className: L("cs-image", O && "is-transitioning")
 					}),
-					R.length > 1 && /* @__PURE__ */ X("div", {
+					M.length > 1 && /* @__PURE__ */ X("div", {
 						className: "cs-gallery-dots",
-						children: R.map((e, t) => /* @__PURE__ */ X("button", {
+						children: M.map((e, t) => /* @__PURE__ */ X("button", {
 							type: "button",
-							className: z("cs-dot", t === M && "active"),
-							onClick: () => ce(t),
+							className: L("cs-dot", t === E && "active"),
+							onClick: () => N(t),
 							"aria-label": `Image ${t + 1}`
 						}, t))
 					}),
-					(m || h && h.length > 0) && /* @__PURE__ */ Z("div", {
+					(p || m && m.length > 0) && /* @__PURE__ */ Z("div", {
 						className: "cs-gallery-actions",
-						children: [h && h.length > 0 && /* @__PURE__ */ X(ue, {
+						children: [m && m.length > 0 && /* @__PURE__ */ X(fe, {
 							className: "cs-menu-wrap",
-							trigger: /* @__PURE__ */ X(W, {
+							trigger: /* @__PURE__ */ X(U, {
 								variant: "ghost",
 								iconOnly: !0,
 								shape: "circle",
 								"aria-label": "More options",
 								className: "cs-overlay-btn",
-								children: /* @__PURE__ */ X(re, {})
+								children: /* @__PURE__ */ X(se, {})
 							}),
 							placement: "bottom-end",
-							children: h.map((e, t) => /* @__PURE__ */ X(de, {
+							children: m.map((e, t) => /* @__PURE__ */ X(pe, {
 								icon: e.icon,
 								color: e.danger ? "error" : void 0,
 								label: e.label,
 								onClick: e.onClick
 							}, t))
-						}), m && /* @__PURE__ */ X(W, {
+						}), p && /* @__PURE__ */ X(U, {
 							variant: "ghost",
 							iconOnly: !0,
 							shape: "circle",
-							onClick: m,
+							onClick: p,
 							"aria-label": f ? "Remove from favorites" : "Add to favorites",
-							className: z("cs-overlay-btn", f && "cs-fav-active"),
-							children: X(f ? ne : te, {})
+							className: L("cs-overlay-btn", f && "cs-fav-active"),
+							children: X(f ? oe : ae, {})
 						})]
 					})
 				]
@@ -509,16 +476,16 @@ function Q({ variant: e, title: t, description: n, price: r, currency: i = "PLN"
 			/* @__PURE__ */ Z("div", {
 				className: "cs-body",
 				children: [
-					e === "event" && H && /* @__PURE__ */ Z("div", {
+					e === "event" && I && /* @__PURE__ */ Z("div", {
 						className: "cs-event-header",
 						children: [/* @__PURE__ */ Z("div", {
 							className: "cs-date-block",
 							children: [/* @__PURE__ */ X("span", {
 								className: "cs-date-day",
-								children: U
+								children: R
 							}), /* @__PURE__ */ X("span", {
 								className: "cs-date-month",
-								children: le
+								children: z
 							})]
 						}), /* @__PURE__ */ Z("div", {
 							className: "cs-event-info",
@@ -531,11 +498,11 @@ function Q({ variant: e, title: t, description: n, price: r, currency: i = "PLN"
 							})]
 						})]
 					}),
-					e !== "event" && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ Z("div", {
+					e !== "event" && /* @__PURE__ */ Z(Se, { children: [/* @__PURE__ */ Z("div", {
 						className: "cs-top",
-						children: [v && /* @__PURE__ */ X("span", {
+						children: [_ && /* @__PURE__ */ X("span", {
 							className: "cs-icon",
-							children: v
+							children: _
 						}), /* @__PURE__ */ X("h3", {
 							className: "cs-title",
 							children: t
@@ -544,11 +511,11 @@ function Q({ variant: e, title: t, description: n, price: r, currency: i = "PLN"
 						className: "cs-desc",
 						children: n
 					})] }),
-					e === "event" && !H && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ Z("div", {
+					e === "event" && !I && /* @__PURE__ */ Z(Se, { children: [/* @__PURE__ */ Z("div", {
 						className: "cs-top",
-						children: [v && /* @__PURE__ */ X("span", {
+						children: [_ && /* @__PURE__ */ X("span", {
 							className: "cs-icon",
-							children: v
+							children: _
 						}), /* @__PURE__ */ X("h3", {
 							className: "cs-title",
 							children: t
@@ -560,7 +527,7 @@ function Q({ variant: e, title: t, description: n, price: r, currency: i = "PLN"
 					u !== void 0 && /* @__PURE__ */ Z("div", {
 						className: "cs-rating",
 						children: [
-							/* @__PURE__ */ X(me, {
+							/* @__PURE__ */ X(ge, {
 								value: Math.round(u),
 								size: "sm",
 								color: "warning",
@@ -581,61 +548,61 @@ function Q({ variant: e, title: t, description: n, price: r, currency: i = "PLN"
 							})
 						]
 					}),
-					b && /* @__PURE__ */ Z("div", {
+					y && /* @__PURE__ */ Z("div", {
 						className: "cs-leader",
-						children: [/* @__PURE__ */ X(ge, {
-							src: b.avatar,
-							name: b.name,
+						children: [/* @__PURE__ */ X(K, {
+							src: y.avatar,
+							name: y.name,
 							size: 28,
-							color: y
+							color: v
 						}), /* @__PURE__ */ X("span", {
 							className: "cs-leader-name",
-							children: b.name
+							children: y.name
 						})]
 					}),
-					e === "course" && x && /* @__PURE__ */ Z("div", {
+					e === "course" && b && /* @__PURE__ */ Z("div", {
 						className: "cs-participants",
 						children: [/* @__PURE__ */ X("div", {
 							className: "cs-participants-avatars",
-							children: x.slice(0, 4).map((e, t) => /* @__PURE__ */ X(ge, {
+							children: b.slice(0, 4).map((e, t) => /* @__PURE__ */ X(K, {
 								src: e.avatar,
 								name: e.name,
 								size: 28,
-								color: y,
+								color: v,
 								className: "cs-participant-avatar"
 							}, `${e.name}-${t}`))
-						}), S && /* @__PURE__ */ Z("span", {
+						}), x && /* @__PURE__ */ Z("span", {
 							className: "cs-spots",
 							children: [
-								x.length,
+								b.length,
 								"/",
-								S
+								x
 							]
 						})]
 					}),
 					/* @__PURE__ */ Z("div", {
 						className: "cs-meta",
 						children: [
-							e === "event" && E && /* @__PURE__ */ X(K, {
+							e === "event" && ee && /* @__PURE__ */ X(W, {
 								size: "xs",
-								color: y,
-								children: E
+								color: v,
+								children: ee
 							}),
-							a && /* @__PURE__ */ X(K, {
+							a && /* @__PURE__ */ X(W, {
 								size: "xs",
-								color: y,
-								icon: /* @__PURE__ */ X(ae, {}),
+								color: v,
+								icon: /* @__PURE__ */ X(ce, {}),
 								children: a
 							}),
-							e === "event" && D && /* @__PURE__ */ X(K, {
+							e === "event" && T && /* @__PURE__ */ X(W, {
 								size: "xs",
-								color: D.toLowerCase() === "sold out" ? "error" : y,
-								children: D
+								color: T.toLowerCase() === "sold out" ? "error" : v,
+								children: T
 							}),
-							V && e !== "event" && /* @__PURE__ */ X(K, {
+							F && e !== "event" && /* @__PURE__ */ X(W, {
 								size: "xs",
-								color: o === !1 ? "error" : y,
-								children: V
+								color: o === !1 ? "error" : v,
+								children: F
 							})
 						]
 					})
@@ -655,40 +622,40 @@ function Q({ variant: e, title: t, description: n, price: r, currency: i = "PLN"
 					]
 				}), /* @__PURE__ */ Z("div", {
 					className: "cs-actions",
-					children: [e === "product" && g && /* @__PURE__ */ Z("div", {
+					children: [e === "product" && h && /* @__PURE__ */ Z("div", {
 						className: "cs-qty",
 						children: [
-							/* @__PURE__ */ X(W, {
+							/* @__PURE__ */ X(U, {
 								variant: "ghost",
 								iconOnly: !0,
 								size: "sm",
-								onClick: () => B(L - 1),
+								onClick: () => P(j - 1),
 								"aria-label": "Decrease",
 								className: "cs-qty-btn",
-								children: /* @__PURE__ */ X(se, {})
+								children: /* @__PURE__ */ X(le, {})
 							}),
 							/* @__PURE__ */ X("span", {
 								className: "cs-qty-value",
-								children: L
+								children: j
 							}),
-							/* @__PURE__ */ X(W, {
+							/* @__PURE__ */ X(U, {
 								variant: "ghost",
 								iconOnly: !0,
 								size: "sm",
-								onClick: () => B(L + 1),
+								onClick: () => P(j + 1),
 								"aria-label": "Increase",
 								className: "cs-qty-btn",
-								children: /* @__PURE__ */ X(O, {})
+								children: /* @__PURE__ */ X(ne, {})
 							})
 						]
-					}), g && /* @__PURE__ */ X(W, {
+					}), h && /* @__PURE__ */ X(U, {
 						variant: "filled",
 						size: "sm",
-						color: y,
-						onClick: () => g(L),
+						color: v,
+						onClick: () => h(j),
 						disabled: o === !1,
 						className: "cs-cart-btn",
-						children: _ ?? (e === "event" ? "Register" : "Add to cart")
+						children: g ?? (e === "event" ? "Register" : "Add to cart")
 					})]
 				})]
 			})
@@ -697,7 +664,7 @@ function Q({ variant: e, title: t, description: n, price: r, currency: i = "PLN"
 }
 //#endregion
 //#region src/components/cards/MCardOffer/MCardOffer.tsx
-function Me(e) {
+function Ne(e) {
 	let { onAction: t, actionLabel: n = "Book now", ...r } = e;
 	return /* @__PURE__ */ X(Q, {
 		variant: "service",
@@ -708,7 +675,7 @@ function Me(e) {
 }
 //#endregion
 //#region src/components/cards/MCardCourse/MCardCourse.tsx
-function Ne(e) {
+function Pe(e) {
 	let { onAction: t, actionLabel: n = "Join course", ...r } = e;
 	return /* @__PURE__ */ X(Q, {
 		variant: "course",
@@ -718,8 +685,140 @@ function Ne(e) {
 	});
 }
 //#endregion
+//#region src/components/cards/MCardTile/MCardTile.tsx
+function Fe({ title: e, description: t, icon: n, color: r = "primary", href: i, target: a, rel: o, onClick: s, image: c, video: l, illustration: u, camera: d, mediaFill: f = !1, overlayPosition: p = "bottom", favorite: m, onFavorite: h, menuItems: g, className: _, ...v }) {
+	let y = xe(null);
+	J(() => {
+		if (!d) return;
+		let e = y.current;
+		if (!e || typeof navigator > "u" || !navigator.mediaDevices?.getUserMedia) return;
+		let t = null, n = !1, r = d === !0 ? { video: !0 } : d;
+		return navigator.mediaDevices.getUserMedia(r).then((r) => {
+			if (n) {
+				r.getTracks().forEach((e) => e.stop());
+				return;
+			}
+			t = r, e.srcObject = r, e.play().catch(() => void 0);
+		}).catch(() => void 0), () => {
+			n = !0, t && t.getTracks().forEach((e) => e.stop()), e.srcObject = null;
+		};
+	}, [d]);
+	let b = !!(c || l || u || d), x = !!(i || s), S = !!i, C = f && b;
+	function w(e) {
+		e.stopPropagation();
+	}
+	function ee(e) {
+		s && (e.preventDefault(), s());
+	}
+	function T() {
+		return b ? /* @__PURE__ */ Z("div", {
+			className: L("tile-media", C && "fill"),
+			children: [
+				c && /* @__PURE__ */ X("img", {
+					src: c,
+					alt: e,
+					className: "tile-image"
+				}),
+				l && /* @__PURE__ */ X("video", {
+					src: l,
+					className: "tile-video",
+					autoPlay: !0,
+					muted: !0,
+					loop: !0,
+					playsInline: !0,
+					"aria-label": e
+				}),
+				d && /* @__PURE__ */ X("video", {
+					ref: y,
+					className: "tile-video",
+					autoPlay: !0,
+					muted: !0,
+					playsInline: !0,
+					"aria-label": e
+				}),
+				u && /* @__PURE__ */ X("div", {
+					className: "tile-illustration",
+					children: u
+				}),
+				C && /* @__PURE__ */ X("div", { className: L("tile-scrim", `scrim-${p}`) })
+			]
+		}) : null;
+	}
+	function te() {
+		return /* @__PURE__ */ Z("div", {
+			className: L("tile-body", C && "overlay", C && `pos-${p}`),
+			children: [/* @__PURE__ */ Z("div", {
+				className: "tile-top",
+				children: [n && /* @__PURE__ */ X("span", {
+					className: "tile-icon",
+					children: n
+				}), /* @__PURE__ */ X("h3", {
+					className: "tile-title",
+					children: e
+				})]
+			}), t && /* @__PURE__ */ X("p", {
+				className: "tile-desc",
+				children: t
+			})]
+		});
+	}
+	let ne = h || g && g.length > 0;
+	return /* @__PURE__ */ Z("div", {
+		className: L("card-tile", `color-${r}`, C && "media-fill", x && "interactive", _),
+		...v,
+		children: [
+			S && /* @__PURE__ */ X("a", {
+				href: i,
+				target: a,
+				rel: o,
+				className: "tile-link",
+				"aria-label": e,
+				onClick: s ? ee : void 0
+			}),
+			!S && s && /* @__PURE__ */ X("button", {
+				type: "button",
+				className: "tile-link",
+				"aria-label": e,
+				onClick: s
+			}),
+			T(),
+			te(),
+			ne && /* @__PURE__ */ Z("div", {
+				className: "tile-actions",
+				onClick: w,
+				children: [g && g.length > 0 && /* @__PURE__ */ X(fe, {
+					className: "tile-menu-wrap",
+					trigger: /* @__PURE__ */ X(U, {
+						variant: "ghost",
+						iconOnly: !0,
+						shape: "circle",
+						"aria-label": "More options",
+						className: "tile-overlay-btn",
+						children: /* @__PURE__ */ X(se, {})
+					}),
+					placement: "bottom-end",
+					children: g.map((e, t) => /* @__PURE__ */ X(pe, {
+						icon: e.icon,
+						color: e.danger ? "error" : void 0,
+						label: e.label,
+						onClick: e.onClick
+					}, t))
+				}), h && /* @__PURE__ */ X(U, {
+					variant: "ghost",
+					iconOnly: !0,
+					shape: "circle",
+					onClick: h,
+					"aria-label": m ? "Remove from favorites" : "Add to favorites",
+					className: L("tile-overlay-btn", m && "tile-fav-active"),
+					children: X(m ? oe : ae, {})
+				})]
+			})
+		]
+	});
+}
+//#endregion
 //#region src/components/cards/MCardProduct/MCardProduct.tsx
-function Pe(e) {
+function Ie(e) {
 	let { addToCartLabel: t = "Add to cart", ...n } = e;
 	return /* @__PURE__ */ X(Q, {
 		variant: "product",
@@ -729,7 +828,7 @@ function Pe(e) {
 }
 //#endregion
 //#region src/components/cards/MCardEvent/MCardEvent.tsx
-function Fe(e) {
+function Le(e) {
 	let { onRegister: t, registerLabel: n = "Register", ...r } = e;
 	return /* @__PURE__ */ X(Q, {
 		variant: "event",
@@ -740,16 +839,16 @@ function Fe(e) {
 }
 //#endregion
 //#region src/components/cards/MCardWidget/MCardWidget.tsx
-function Ie(e, t) {
+function Re(e, t) {
 	return t || (typeof e != "number" || e === 0 ? "neutral" : e > 0 ? "up" : "down");
 }
-function Le(e) {
+function ze(e) {
 	return typeof e == "number" && e > 0 ? `+${e}` : e;
 }
-function Re({ title: e, value: t, trend: n, trendType: r, icon: i, color: a = "primary", helperText: o, className: s, ...c }) {
-	let l = n != null, u = Ie(n, r), d = Le(n);
+function Be({ title: e, value: t, trend: n, trendType: r, icon: i, color: a = "primary", helperText: o, className: s, ...c }) {
+	let l = n != null, u = Re(n, r), d = ze(n);
 	return /* @__PURE__ */ Z("div", {
-		className: z("card-widget", `color-${a}`, s),
+		className: L("card-widget", `color-${a}`, s),
 		...c,
 		children: [
 			/* @__PURE__ */ Z("div", {
@@ -771,9 +870,9 @@ function Re({ title: e, value: t, trend: n, trendType: r, icon: i, color: a = "p
 			l && /* @__PURE__ */ X("div", {
 				className: "cw-bottom",
 				children: /* @__PURE__ */ Z("span", {
-					className: z("cw-trend", u),
+					className: L("cw-trend", u),
 					children: [
-						u === "up" && /* @__PURE__ */ X(P, { size: 14 }),
+						u === "up" && /* @__PURE__ */ X(A, { size: 14 }),
 						u === "down" && /* @__PURE__ */ X(p, { size: 14 }),
 						/* @__PURE__ */ X("span", { children: d })
 					]
@@ -796,52 +895,85 @@ function $(e, t) {
 	}
 	return r;
 }
-function ze({ items: e, renderCard: t, searchable: n = !1, searchKeys: r, searchPlaceholder: i = "Search...", filterable: a = !1, filterKeys: o = [], sortable: s = !1, sortKeys: c = [], defaultSort: l, columns: u = 3, emptyMessage: d = "No results found.", className: f, style: m, ...h }) {
-	let [g, _] = J(""), [v, y] = J({}), [b, x] = J(l?.key ?? null), [S, C] = J(l?.direction ?? "asc"), [w, E] = J(!1), [D, O] = J(!1), k = xe(null), A = xe(null), j = ye(() => {
-		E((e) => !e), O(!1);
-	}, []), M = ye(() => {
-		O((e) => !e), E(!1);
-	}, []), N = be(() => {
-		let t = [...e];
-		if (g && r && r.length > 0) {
-			let e = g.toLowerCase();
+function Ve({ items: e, renderCard: t, searchable: n = !1, searchKeys: r, searchPlaceholder: i = "Search...", search: a, onSearchChange: o, filterable: s = !1, filterKeys: c = [], filters: l, onFiltersChange: u, sortable: d = !1, sortKeys: f = [], defaultSort: m, sort: h, onSortChange: g, pagination: _ = !1, pageSize: v = 12, page: y, onPageChange: b, total: x, manualSearch: S = !1, manualFilters: C = !1, manualSort: w = !1, manualPagination: T = !1, columns: te = 3, emptyMessage: ne = "No results found.", className: re, style: E, ...D }) {
+	let [k, ie] = Y(""), [ae, oe] = Y({}), [j, M] = Y(m ?? null), [se, N] = Y(1), [ce, P] = Y(!1), [F, le] = Y(!1), I = xe(null), R = xe(null), z = a === void 0 ? k : a, B = l === void 0 ? ae : l, V = h === void 0 ? j : h, H = y === void 0 ? se : y, W = q((e) => {
+		a === void 0 && ie(e), !T && y === void 0 && N(1), o?.(e);
+	}, [
+		a,
+		y,
+		T,
+		o
+	]), fe = q((e) => {
+		l === void 0 && oe(e), !T && y === void 0 && N(1), u?.(e);
+	}, [
+		l,
+		y,
+		T,
+		u
+	]), pe = q((e) => {
+		h === void 0 && M(e), !T && y === void 0 && N(1), g?.(e);
+	}, [
+		h,
+		y,
+		T,
+		g
+	]), me = q((e) => {
+		y === void 0 && N(e), b?.(e);
+	}, [y, b]), he = q(() => {
+		P((e) => !e), le(!1);
+	}, []), ge = q(() => {
+		le((e) => !e), P(!1);
+	}, []), G = be(() => {
+		let t = e;
+		if (!S && z && r && r.length > 0) {
+			let e = z.toLowerCase();
 			t = t.filter((t) => r.some((n) => {
 				let r = $(t, n);
 				return r != null && String(r).toLowerCase().includes(e);
 			}));
 		}
-		for (let [e, n] of Object.entries(v)) n.size !== 0 && (t = t.filter((t) => {
+		if (!C) for (let [e, n] of Object.entries(B)) !n || n.length === 0 || (t = t.filter((t) => {
 			let r = $(t, e);
-			return r != null && n.has(String(r));
+			return r != null && n.includes(String(r));
 		}));
-		return b && t.sort((e, t) => {
-			let n = $(e, b), r = $(t, b);
+		return !w && V && (t = [...t].sort((e, t) => {
+			let n = $(e, V.key), r = $(t, V.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 S === "asc" ? i : -i;
-		}), t;
+			return V.direction === "asc" ? i : -i;
+		})), t === e ? [...t] : t;
 	}, [
 		e,
-		g,
+		z,
 		r,
-		v,
-		b,
-		S
+		B,
+		V,
+		S,
+		C,
+		w
+	]), K = T ? x ?? G.length : G.length, ve = be(() => {
+		if (!_ || T) return G;
+		let e = (H - 1) * v;
+		return G.slice(e, e + v);
+	}, [
+		G,
+		_,
+		T,
+		H,
+		v
 	]);
-	function te(e, t) {
-		y((n) => {
-			let r = new Set(n[e] ?? []);
-			return r.has(t) ? r.delete(t) : r.add(t), {
-				...n,
-				[e]: r
-			};
+	function J(e, t) {
+		let n = B[e] ?? [], r = n.includes(t) ? n.filter((e) => e !== t) : [...n, t];
+		fe({
+			...B,
+			[e]: r
 		});
 	}
-	let ne = be(() => {
+	let Ce = be(() => {
 		let t = {};
-		for (let n of o) {
+		for (let n of c) {
 			if (n.options) {
 				t[n.key] = n.options;
 				continue;
@@ -854,99 +986,117 @@ function ze({ items: e, renderCard: t, searchable: n = !1, searchKeys: r, search
 			t[n.key] = Array.from(r).sort();
 		}
 		return t;
-	}, [e, o]), F = c.find((e) => e.key === b);
+	}, [e, c]), we = f.find((e) => e.key === V?.key);
 	return /* @__PURE__ */ Z("div", {
-		className: z("card-grid", f),
-		style: m,
-		...h,
-		children: [(n || a || s) && /* @__PURE__ */ Z("div", {
-			className: "card-grid-toolbar",
-			children: [n && /* @__PURE__ */ X(_e, {
-				className: "card-grid-search",
-				size: "sm",
-				fullWidth: !0,
-				placeholder: i,
-				value: g,
-				onChange: (e) => _(e.target.value),
-				onClear: () => _("")
-			}), /* @__PURE__ */ Z("div", {
-				className: "card-grid-actions",
-				children: [a && o.length > 0 && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(W, {
-					ref: k,
-					variant: "outlined",
-					size: "sm",
-					startIcon: /* @__PURE__ */ X(T, {}),
-					"aria-expanded": w,
-					onClick: j,
-					children: "Filter"
-				}), /* @__PURE__ */ X(V, {
-					open: w,
-					anchorRef: k,
-					onClose: () => E(!1),
-					placement: "bottom-end",
-					className: "card-grid-dropdown",
-					children: o.map((e) => /* @__PURE__ */ Z("div", {
-						className: "card-grid-filter-group",
-						children: [/* @__PURE__ */ X("span", {
-							className: "card-grid-filter-label",
-							children: e.label
-						}), (ne[e.key] ?? []).map((t) => /* @__PURE__ */ X("div", {
-							className: "card-grid-filter-option",
-							children: /* @__PURE__ */ X(G, {
-								size: "sm",
-								clickEffect: "none",
-								checked: v[e.key]?.has(t) ?? !1,
-								onChange: () => te(e.key, t),
-								label: t
-							})
-						}, t))]
-					}, e.key))
-				})] }), s && c.length > 0 && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(W, {
-					ref: A,
-					variant: "outlined",
+		className: L("card-grid", re),
+		style: E,
+		...D,
+		children: [
+			(n || s || d) && /* @__PURE__ */ Z("div", {
+				className: "card-grid-toolbar",
+				children: [n && /* @__PURE__ */ X(_e, {
+					className: "card-grid-search",
 					size: "sm",
-					startIcon: X(b ? S === "asc" ? P : p : ee, {}),
-					"aria-expanded": D,
-					onClick: M,
-					children: F ? `Sort: ${F.label}` : "Sort"
-				}), /* @__PURE__ */ X(V, {
-					open: D,
-					anchorRef: A,
-					onClose: () => O(!1),
-					placement: "bottom-end",
-					className: "card-grid-dropdown",
-					children: c.map((e) => /* @__PURE__ */ Z("button", {
-						type: "button",
-						className: z("card-grid-sort-item", b === e.key && "active"),
-						onClick: () => {
-							b === e.key ? C(S === "asc" ? "desc" : "asc") : (x(e.key), C("asc")), O(!1);
-						},
-						children: [e.label, b === e.key && /* @__PURE__ */ X("span", {
-							className: "card-grid-sort-dir",
-							children: X(S === "asc" ? P : p, { className: "card-grid-sort-icon" })
-						})]
-					}, e.key))
-				})] })]
-			})]
-		}), N.length > 0 ? /* @__PURE__ */ X("div", {
-			className: "card-grid-items",
-			style: { gridTemplateColumns: `repeat(${u}, 1fr)` },
-			children: N.map((e, n) => t(e, n))
-		}) : /* @__PURE__ */ X("div", {
-			className: "card-grid-empty",
-			children: d
-		})]
+					fullWidth: !0,
+					placeholder: i,
+					value: z,
+					onChange: (e) => W(e.target.value),
+					onClear: () => W("")
+				}), /* @__PURE__ */ Z("div", {
+					className: "card-grid-actions",
+					children: [s && c.length > 0 && /* @__PURE__ */ Z(Se, { children: [/* @__PURE__ */ X(U, {
+						ref: I,
+						variant: "outlined",
+						size: "sm",
+						startIcon: /* @__PURE__ */ X(ee, {}),
+						"aria-expanded": ce,
+						onClick: he,
+						children: "Filter"
+					}), /* @__PURE__ */ X(ue, {
+						open: ce,
+						anchorRef: I,
+						onClose: () => P(!1),
+						placement: "bottom-end",
+						className: "card-grid-dropdown",
+						children: c.map((e) => /* @__PURE__ */ Z("div", {
+							className: "card-grid-filter-group",
+							children: [/* @__PURE__ */ X("span", {
+								className: "card-grid-filter-label",
+								children: e.label
+							}), (Ce[e.key] ?? []).map((t) => /* @__PURE__ */ X("div", {
+								className: "card-grid-filter-option",
+								children: /* @__PURE__ */ X(de, {
+									size: "sm",
+									clickEffect: "none",
+									checked: B[e.key]?.includes(t) ?? !1,
+									onChange: () => J(e.key, t),
+									label: t
+								})
+							}, t))]
+						}, e.key))
+					})] }), d && f.length > 0 && /* @__PURE__ */ Z(Se, { children: [/* @__PURE__ */ X(U, {
+						ref: R,
+						variant: "outlined",
+						size: "sm",
+						startIcon: V ? V.direction === "asc" ? /* @__PURE__ */ X(A, {}) : /* @__PURE__ */ X(p, {}) : /* @__PURE__ */ X(O, {}),
+						"aria-expanded": F,
+						onClick: ge,
+						children: we ? `Sort: ${we.label}` : "Sort"
+					}), /* @__PURE__ */ X(ue, {
+						open: F,
+						anchorRef: R,
+						onClose: () => le(!1),
+						placement: "bottom-end",
+						className: "card-grid-dropdown",
+						children: f.map((e) => /* @__PURE__ */ Z("button", {
+							type: "button",
+							className: L("card-grid-sort-item", V?.key === e.key && "active"),
+							onClick: () => {
+								V?.key === e.key ? pe({
+									key: e.key,
+									direction: V.direction === "asc" ? "desc" : "asc"
+								}) : pe({
+									key: e.key,
+									direction: "asc"
+								});
+							},
+							children: [e.label, V?.key === e.key && /* @__PURE__ */ X("span", {
+								className: "card-grid-sort-dir",
+								children: V.direction === "asc" ? /* @__PURE__ */ X(A, { className: "card-grid-sort-icon" }) : /* @__PURE__ */ X(p, { className: "card-grid-sort-icon" })
+							})]
+						}, e.key))
+					})] })]
+				})]
+			}),
+			ve.length > 0 ? /* @__PURE__ */ X("div", {
+				className: "card-grid-items",
+				style: { gridTemplateColumns: `repeat(${te}, 1fr)` },
+				children: ve.map((e, n) => t(e, n))
+			}) : /* @__PURE__ */ X("div", {
+				className: "card-grid-empty",
+				children: ne
+			}),
+			_ && K > v && /* @__PURE__ */ X("div", {
+				className: "card-grid-pagination",
+				children: /* @__PURE__ */ X(ye, {
+					total: K,
+					page: H,
+					pageSize: v,
+					onChange: me
+				})
+			})
+		]
 	});
 }
 //#endregion
 //#region src/components/cards/MCardFinance/MCardFinance.tsx
-function Be(e, t) {
+function He(e, t) {
 	return t || (e === void 0 || e === 0 ? "neutral" : e > 0 ? "up" : "down");
 }
-function Ve({ label: e, value: t, change: n, changeType: r, changeLabel: i, icon: a, sparkline: o, sparklineType: s = "area", color: c = "primary", currency: l, className: u, ...d }) {
-	let f = Be(n, r), m = f === "up" ? "success" : f === "down" ? "error" : "neutral";
+function Ue({ label: e, value: t, change: n, changeType: r, changeLabel: i, icon: a, sparkline: o, sparklineType: s = "area", color: c = "primary", currency: l, className: u, ...d }) {
+	let f = He(n, r), m = f === "up" ? "success" : f === "down" ? "error" : "neutral";
 	return /* @__PURE__ */ Z("div", {
-		className: z("card-finance", `color-${c}`, u),
+		className: L("card-finance", `color-${c}`, u),
 		...d,
 		children: [
 			/* @__PURE__ */ Z("div", {
@@ -972,9 +1122,9 @@ function Ve({ label: e, value: t, change: n, changeType: r, changeLabel: i, icon
 			/* @__PURE__ */ X("div", {
 				className: "cf-bottom",
 				children: n !== void 0 && /* @__PURE__ */ Z("span", {
-					className: z("cf-change", m),
+					className: L("cf-change", m),
 					children: [
-						f === "up" && /* @__PURE__ */ X(P, { size: 14 }),
+						f === "up" && /* @__PURE__ */ X(A, { size: 14 }),
 						f === "down" && /* @__PURE__ */ X(p, { size: 14 }),
 						/* @__PURE__ */ Z("span", {
 							className: "cf-change-value",
@@ -1008,6 +1158,6 @@ function Ve({ label: e, value: t, change: n, changeType: r, changeLabel: i, icon
 	});
 }
 //#endregion
-export { Pe as a, je as c, Fe as i, Te as l, ze as n, Ne as o, Re as r, Me as s, Ve as t, Ce as u };
+export { Ie as a, Ne as c, we as d, Le as i, Me as l, Ve as n, Fe as o, Be as r, Pe as s, Ue as t, Ee as u };
 
-//# sourceMappingURL=cards-fn61xD_5.js.map
+//# sourceMappingURL=cards-BYX8bM2l.js.map