@banzamel/mineralui 1.6.4 → 1.8.0

package/dist/cards-fn61xD_5.js

@@ -1,1013 +0,0 @@
-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 { 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";
-//#region src/components/cards/MCardPayment/MCardPayment.tsx
-function Se(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;
-	return /* @__PURE__ */ Z("div", {
-		className: z("card-payment", s || "primary", c),
-		...l,
-		children: [
-			a !== void 0 && /* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ X("p", {
-				className: "cp-balance-label",
-				children: o
-			}), /* @__PURE__ */ X("p", {
-				className: "cp-balance",
-				children: a
-			})] }),
-			/* @__PURE__ */ Z("div", {
-				className: "cp-row",
-				children: [/* @__PURE__ */ X("span", {
-					className: z("cp-brand", !i && d),
-					children: i ?? m
-				}), /* @__PURE__ */ X("span", {
-					className: "cp-number",
-					children: p
-				})]
-			}),
-			/* @__PURE__ */ Z("div", {
-				className: "cp-details",
-				children: [/* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ X("p", {
-					className: "cp-field-label",
-					children: "MCard holder"
-				}), /* @__PURE__ */ X("p", {
-					className: "cp-field-value",
-					children: e
-				})] }), /* @__PURE__ */ Z("div", { children: [/* @__PURE__ */ X("p", {
-					className: "cp-field-label",
-					children: "Expiration date"
-				}), /* @__PURE__ */ X("p", {
-					className: "cp-field-value",
-					children: n
-				})] })]
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/cards/MCardPaymentMethod/MCardPaymentMethod.tsx
-function we(e) {
-	return B.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 = {
-		clearable: !0,
-		...p
-	};
-	return /* @__PURE__ */ Z("div", {
-		className: z("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, {
-				href: r,
-				tone: "accent",
-				underline: "none",
-				className: "cpm-action",
-				onClick: (e) => {
-					i && (e.preventDefault(), i());
-				},
-				children: [n, /* @__PURE__ */ X(t, {})]
-			})]
-		}), /* @__PURE__ */ Z("div", {
-			className: "cpm-surface",
-			children: [
-				/* @__PURE__ */ Z("div", {
-					className: "cpm-method",
-					children: [/* @__PURE__ */ Z(H, {
-						align: "center",
-						className: "cpm-method-row",
-						children: [
-							/* @__PURE__ */ X("span", {
-								className: z("cpm-brand", !o && a),
-								children: o ?? S
-							}),
-							/* @__PURE__ */ X("span", {
-								className: "cpm-last4",
-								children: `\u2022\u2022\u2022\u2022 ${s}`
-							}),
-							y && /* @__PURE__ */ X(K, {
-								color: "info",
-								children: y
-							})
-						]
-					}), x && /* @__PURE__ */ X(U, {
-						tone: "muted",
-						className: "cpm-summary",
-						children: x
-					})]
-				}),
-				u && /* @__PURE__ */ X(U, {
-					tone: "muted",
-					size: "sm",
-					className: "cpm-helper",
-					children: u
-				}),
-				/* @__PURE__ */ Z("div", {
-					className: "cpm-fields",
-					children: [/* @__PURE__ */ X(fe, {
-						label: d,
-						placeholder: "MM/YYYY",
-						fullWidth: !0,
-						...C
-					}), /* @__PURE__ */ X(pe, {
-						label: f,
-						placeholder: "123",
-						fullWidth: !0,
-						...m
-					})]
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/utils/socialPlatforms.tsx
-var Ee = {
-	apple: {
-		label: "Apple",
-		icon: j,
-		colorIcon: I,
-		rgb: "24, 24, 27"
-	},
-	discord: {
-		label: "Discord",
-		icon: d,
-		colorIcon: M,
-		rgb: "88, 101, 242"
-	},
-	facebook: {
-		label: "Facebook",
-		icon: m,
-		colorIcon: f,
-		rgb: "24, 119, 242"
-	},
-	figma: {
-		label: "Figma",
-		icon: s,
-		colorIcon: i,
-		rgb: "162, 89, 255"
-	},
-	github: {
-		label: "GitHub",
-		icon: h,
-		colorIcon: u,
-		rgb: "24, 23, 23"
-	},
-	google: {
-		label: "Google",
-		icon: n,
-		colorIcon: R,
-		rgb: "66, 133, 244"
-	},
-	instagram: {
-		label: "Instagram",
-		icon: o,
-		colorIcon: b,
-		rgb: "225, 48, 108"
-	},
-	linkedin: {
-		label: "LinkedIn",
-		icon: x,
-		colorIcon: y,
-		rgb: "10, 102, 194"
-	},
-	pinterest: {
-		label: "Pinterest",
-		icon: ie,
-		colorIcon: w,
-		rgb: "230, 0, 35"
-	},
-	slack: {
-		label: "Slack",
-		icon: l,
-		colorIcon: a,
-		rgb: "74, 21, 75"
-	},
-	spotify: {
-		label: "Spotify",
-		icon: E,
-		colorIcon: L,
-		rgb: "30, 215, 96"
-	},
-	tumblr: {
-		label: "Tumblr",
-		icon: g,
-		colorIcon: oe,
-		rgb: "0, 25, 53"
-	},
-	vimeo: {
-		label: "Vimeo",
-		icon: r,
-		colorIcon: v,
-		rgb: "26, 183, 234"
-	},
-	vk: {
-		label: "VK",
-		icon: e,
-		colorIcon: N,
-		rgb: "0, 119, 255"
-	},
-	x: {
-		label: "X",
-		icon: c,
-		colorIcon: F,
-		rgb: "17, 17, 17"
-	},
-	youtube: {
-		label: "YouTube",
-		icon: S,
-		colorIcon: C,
-		rgb: "255, 0, 0"
-	}
-};
-function De(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, t = !1) {
-	let n = Ee[De(e)];
-	return n ? t ? n.colorIcon : n.icon : null;
-}
-//#endregion
-//#region src/components/cards/MCardBusiness/MCardBusiness.tsx
-function Ae(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);
-	return /* @__PURE__ */ Z("div", {
-		className: z("card-business", e, `color-${p}`, m),
-		...h,
-		children: [
-			/* @__PURE__ */ Z("div", {
-				className: "cb-header",
-				children: [
-					/* @__PURE__ */ X("div", {
-						className: "cb-avatar-wrap",
-						children: /* @__PURE__ */ X(ge, {
-							src: r,
-							alt: t,
-							name: t,
-							size: 56,
-							shape: e === "company" ? "rounded" : "circle",
-							color: p,
-							badge: s === void 0 ? void 0 : !0,
-							badgeColor: s === void 0 ? void 0 : s ? "success" : "error",
-							badgePulsing: !!s,
-							className: z("cb-avatar", e)
-						})
-					}),
-					/* @__PURE__ */ Z("div", {
-						className: "cb-info",
-						children: [
-							/* @__PURE__ */ X("h3", {
-								className: "cb-name",
-								children: t
-							}),
-							n && /* @__PURE__ */ X("p", {
-								className: "cb-title",
-								children: n
-							}),
-							c && /* @__PURE__ */ X("p", {
-								className: "cb-last-active",
-								children: c
-							})
-						]
-					}),
-					(u || l) && /* @__PURE__ */ X("div", {
-						className: "cb-qr",
-						children: u ? /* @__PURE__ */ X(he, {
-							value: u,
-							size: 56,
-							padding: 3,
-							status: d,
-							statusLabel: f,
-							className: "cb-qr-code"
-						}) : /* @__PURE__ */ X("img", {
-							src: l,
-							alt: "QR",
-							className: "cb-qr-img"
-						})
-					})
-				]
-			}),
-			(a || g) && /* @__PURE__ */ Z("div", {
-				className: "cb-details",
-				children: [
-					a?.email && /* @__PURE__ */ Z("div", {
-						className: "cb-detail",
-						children: [/* @__PURE__ */ X("span", {
-							className: "cb-detail-icon",
-							children: /* @__PURE__ */ X(_, {})
-						}), /* @__PURE__ */ X("a", {
-							href: `mailto:${a.email}`,
-							className: "cb-detail-value",
-							children: a.email
-						})]
-					}),
-					a?.phone && /* @__PURE__ */ Z("div", {
-						className: "cb-detail",
-						children: [/* @__PURE__ */ X("span", {
-							className: "cb-detail-icon",
-							children: /* @__PURE__ */ X(D, {})
-						}), /* @__PURE__ */ X("a", {
-							href: `tel:${a.phone}`,
-							className: "cb-detail-value",
-							children: a.phone
-						})]
-					}),
-					a?.website && /* @__PURE__ */ Z("div", {
-						className: "cb-detail",
-						children: [/* @__PURE__ */ X("span", {
-							className: "cb-detail-icon",
-							children: /* @__PURE__ */ X(k, {})
-						}), /* @__PURE__ */ X("a", {
-							href: a.website,
-							target: "_blank",
-							rel: "noopener noreferrer",
-							className: "cb-detail-value",
-							children: a.website.replace(/^https?:\/\//, "")
-						})]
-					}),
-					g && /* @__PURE__ */ Z("div", {
-						className: "cb-detail",
-						children: [/* @__PURE__ */ X("span", {
-							className: "cb-detail-icon",
-							children: /* @__PURE__ */ X(A, {})
-						}), /* @__PURE__ */ X("span", {
-							className: "cb-detail-value",
-							children: g
-						})]
-					})
-				]
-			}),
-			o && o.length > 0 && /* @__PURE__ */ X("div", {
-				className: "cb-socials",
-				children: o.map((e) => (() => {
-					let t = ke(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),
-						children: e.icon ?? (t ? /* @__PURE__ */ X(t, {}) : /* @__PURE__ */ X("span", {
-							className: "cb-social-text",
-							children: e.platform
-						}))
-					}, e.platform);
-				})())
-			})
-		]
-	});
-}
-//#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;
-		let e = window.setTimeout(() => {
-			I(!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));
-	}
-	q(() => {
-		if (!l || R.length <= 1) return;
-		let e = window.setInterval(() => {
-			I(!0), N((e) => (e + 1) % R.length);
-		}, 3500);
-		return () => window.clearInterval(e);
-	}, [l, R.length]);
-	function B(e) {
-		let t = Math.max(1, e);
-		w ? w(t) : oe(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,
-		children: [
-			R.length > 0 && /* @__PURE__ */ Z("div", {
-				className: "cs-gallery",
-				children: [
-					/* @__PURE__ */ X("img", {
-						src: R[M],
-						alt: t,
-						className: z("cs-image", F && "is-transitioning")
-					}),
-					R.length > 1 && /* @__PURE__ */ X("div", {
-						className: "cs-gallery-dots",
-						children: R.map((e, t) => /* @__PURE__ */ X("button", {
-							type: "button",
-							className: z("cs-dot", t === M && "active"),
-							onClick: () => ce(t),
-							"aria-label": `Image ${t + 1}`
-						}, t))
-					}),
-					(m || h && h.length > 0) && /* @__PURE__ */ Z("div", {
-						className: "cs-gallery-actions",
-						children: [h && h.length > 0 && /* @__PURE__ */ X(ue, {
-							className: "cs-menu-wrap",
-							trigger: /* @__PURE__ */ X(W, {
-								variant: "ghost",
-								iconOnly: !0,
-								shape: "circle",
-								"aria-label": "More options",
-								className: "cs-overlay-btn",
-								children: /* @__PURE__ */ X(re, {})
-							}),
-							placement: "bottom-end",
-							children: h.map((e, t) => /* @__PURE__ */ X(de, {
-								icon: e.icon,
-								color: e.danger ? "error" : void 0,
-								label: e.label,
-								onClick: e.onClick
-							}, t))
-						}), m && /* @__PURE__ */ X(W, {
-							variant: "ghost",
-							iconOnly: !0,
-							shape: "circle",
-							onClick: m,
-							"aria-label": f ? "Remove from favorites" : "Add to favorites",
-							className: z("cs-overlay-btn", f && "cs-fav-active"),
-							children: X(f ? ne : te, {})
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ Z("div", {
-				className: "cs-body",
-				children: [
-					e === "event" && H && /* @__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
-							}), /* @__PURE__ */ X("span", {
-								className: "cs-date-month",
-								children: le
-							})]
-						}), /* @__PURE__ */ Z("div", {
-							className: "cs-event-info",
-							children: [/* @__PURE__ */ X("h3", {
-								className: "cs-title",
-								children: t
-							}), n && /* @__PURE__ */ X("p", {
-								className: "cs-desc",
-								children: n
-							})]
-						})]
-					}),
-					e !== "event" && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ Z("div", {
-						className: "cs-top",
-						children: [v && /* @__PURE__ */ X("span", {
-							className: "cs-icon",
-							children: v
-						}), /* @__PURE__ */ X("h3", {
-							className: "cs-title",
-							children: t
-						})]
-					}), n && /* @__PURE__ */ X("p", {
-						className: "cs-desc",
-						children: n
-					})] }),
-					e === "event" && !H && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ Z("div", {
-						className: "cs-top",
-						children: [v && /* @__PURE__ */ X("span", {
-							className: "cs-icon",
-							children: v
-						}), /* @__PURE__ */ X("h3", {
-							className: "cs-title",
-							children: t
-						})]
-					}), n && /* @__PURE__ */ X("p", {
-						className: "cs-desc",
-						children: n
-					})] }),
-					u !== void 0 && /* @__PURE__ */ Z("div", {
-						className: "cs-rating",
-						children: [
-							/* @__PURE__ */ X(me, {
-								value: Math.round(u),
-								size: "sm",
-								color: "warning",
-								readOnly: !0,
-								className: "cs-stars"
-							}),
-							/* @__PURE__ */ X("span", {
-								className: "cs-rating-value",
-								children: u.toFixed(1)
-							}),
-							d !== void 0 && /* @__PURE__ */ Z("span", {
-								className: "cs-review-count",
-								children: [
-									"(",
-									d,
-									")"
-								]
-							})
-						]
-					}),
-					b && /* @__PURE__ */ Z("div", {
-						className: "cs-leader",
-						children: [/* @__PURE__ */ X(ge, {
-							src: b.avatar,
-							name: b.name,
-							size: 28,
-							color: y
-						}), /* @__PURE__ */ X("span", {
-							className: "cs-leader-name",
-							children: b.name
-						})]
-					}),
-					e === "course" && x && /* @__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, {
-								src: e.avatar,
-								name: e.name,
-								size: 28,
-								color: y,
-								className: "cs-participant-avatar"
-							}, `${e.name}-${t}`))
-						}), S && /* @__PURE__ */ Z("span", {
-							className: "cs-spots",
-							children: [
-								x.length,
-								"/",
-								S
-							]
-						})]
-					}),
-					/* @__PURE__ */ Z("div", {
-						className: "cs-meta",
-						children: [
-							e === "event" && E && /* @__PURE__ */ X(K, {
-								size: "xs",
-								color: y,
-								children: E
-							}),
-							a && /* @__PURE__ */ X(K, {
-								size: "xs",
-								color: y,
-								icon: /* @__PURE__ */ X(ae, {}),
-								children: a
-							}),
-							e === "event" && D && /* @__PURE__ */ X(K, {
-								size: "xs",
-								color: D.toLowerCase() === "sold out" ? "error" : y,
-								children: D
-							}),
-							V && e !== "event" && /* @__PURE__ */ X(K, {
-								size: "xs",
-								color: o === !1 ? "error" : y,
-								children: V
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ Z("div", {
-				className: "cs-footer",
-				children: [r !== void 0 && /* @__PURE__ */ Z("span", {
-					className: "cs-price",
-					children: [
-						typeof r == "number" ? r.toFixed(2) : r,
-						" ",
-						/* @__PURE__ */ X("span", {
-							className: "cs-currency",
-							children: i
-						})
-					]
-				}), /* @__PURE__ */ Z("div", {
-					className: "cs-actions",
-					children: [e === "product" && g && /* @__PURE__ */ Z("div", {
-						className: "cs-qty",
-						children: [
-							/* @__PURE__ */ X(W, {
-								variant: "ghost",
-								iconOnly: !0,
-								size: "sm",
-								onClick: () => B(L - 1),
-								"aria-label": "Decrease",
-								className: "cs-qty-btn",
-								children: /* @__PURE__ */ X(se, {})
-							}),
-							/* @__PURE__ */ X("span", {
-								className: "cs-qty-value",
-								children: L
-							}),
-							/* @__PURE__ */ X(W, {
-								variant: "ghost",
-								iconOnly: !0,
-								size: "sm",
-								onClick: () => B(L + 1),
-								"aria-label": "Increase",
-								className: "cs-qty-btn",
-								children: /* @__PURE__ */ X(O, {})
-							})
-						]
-					}), g && /* @__PURE__ */ X(W, {
-						variant: "filled",
-						size: "sm",
-						color: y,
-						onClick: () => g(L),
-						disabled: o === !1,
-						className: "cs-cart-btn",
-						children: _ ?? (e === "event" ? "Register" : "Add to cart")
-					})]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/cards/MCardOffer/MCardOffer.tsx
-function Me(e) {
-	let { onAction: t, actionLabel: n = "Book now", ...r } = e;
-	return /* @__PURE__ */ X(Q, {
-		variant: "service",
-		onAddToCart: t ? () => t() : void 0,
-		actionLabel: n,
-		...r
-	});
-}
-//#endregion
-//#region src/components/cards/MCardCourse/MCardCourse.tsx
-function Ne(e) {
-	let { onAction: t, actionLabel: n = "Join course", ...r } = e;
-	return /* @__PURE__ */ X(Q, {
-		variant: "course",
-		onAddToCart: t ? () => t() : void 0,
-		actionLabel: n,
-		...r
-	});
-}
-//#endregion
-//#region src/components/cards/MCardProduct/MCardProduct.tsx
-function Pe(e) {
-	let { addToCartLabel: t = "Add to cart", ...n } = e;
-	return /* @__PURE__ */ X(Q, {
-		variant: "product",
-		actionLabel: t,
-		...n
-	});
-}
-//#endregion
-//#region src/components/cards/MCardEvent/MCardEvent.tsx
-function Fe(e) {
-	let { onRegister: t, registerLabel: n = "Register", ...r } = e;
-	return /* @__PURE__ */ X(Q, {
-		variant: "event",
-		onAddToCart: t ? () => t() : void 0,
-		actionLabel: n,
-		...r
-	});
-}
-//#endregion
-//#region src/components/cards/MCardWidget/MCardWidget.tsx
-function Ie(e, t) {
-	return t || (typeof e != "number" || e === 0 ? "neutral" : e > 0 ? "up" : "down");
-}
-function Le(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);
-	return /* @__PURE__ */ Z("div", {
-		className: z("card-widget", `color-${a}`, s),
-		...c,
-		children: [
-			/* @__PURE__ */ Z("div", {
-				className: "cw-top",
-				children: [/* @__PURE__ */ Z("div", {
-					className: "cw-meta",
-					children: [/* @__PURE__ */ X("span", {
-						className: "cw-title",
-						children: e
-					}), /* @__PURE__ */ X("span", {
-						className: "cw-value",
-						children: t
-					})]
-				}), i && /* @__PURE__ */ X("span", {
-					className: "cw-icon",
-					children: i
-				})]
-			}),
-			l && /* @__PURE__ */ X("div", {
-				className: "cw-bottom",
-				children: /* @__PURE__ */ Z("span", {
-					className: z("cw-trend", u),
-					children: [
-						u === "up" && /* @__PURE__ */ X(P, { size: 14 }),
-						u === "down" && /* @__PURE__ */ X(p, { size: 14 }),
-						/* @__PURE__ */ X("span", { children: d })
-					]
-				})
-			}),
-			o && /* @__PURE__ */ X("div", {
-				className: "cw-helper",
-				children: o
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/cards/MCardGrid/MCardGrid.tsx
-function $(e, t) {
-	let n = t.split("."), r = e;
-	for (let e of n) {
-		if (typeof r != "object" || !r) return;
-		r = r[e];
-	}
-	return r;
-}
-function 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();
-			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) => {
-			let r = $(t, e);
-			return r != null && n.has(String(r));
-		}));
-		return b && t.sort((e, t) => {
-			let n = $(e, b), r = $(t, b);
-			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;
-	}, [
-		e,
-		g,
-		r,
-		v,
-		b,
-		S
-	]);
-	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
-			};
-		});
-	}
-	let ne = be(() => {
-		let t = {};
-		for (let n of o) {
-			if (n.options) {
-				t[n.key] = n.options;
-				continue;
-			}
-			let r = /* @__PURE__ */ new Set();
-			for (let t of e) {
-				let e = $(t, n.key);
-				e != null && r.add(String(e));
-			}
-			t[n.key] = Array.from(r).sort();
-		}
-		return t;
-	}, [e, o]), F = c.find((e) => e.key === b);
-	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",
-					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
-		})]
-	});
-}
-//#endregion
-//#region src/components/cards/MCardFinance/MCardFinance.tsx
-function Be(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";
-	return /* @__PURE__ */ Z("div", {
-		className: z("card-finance", `color-${c}`, u),
-		...d,
-		children: [
-			/* @__PURE__ */ Z("div", {
-				className: "cf-top",
-				children: [/* @__PURE__ */ Z("div", {
-					className: "cf-meta",
-					children: [/* @__PURE__ */ X("span", {
-						className: "cf-label",
-						children: e
-					}), l && /* @__PURE__ */ X("span", {
-						className: "cf-currency",
-						children: l
-					})]
-				}), a && /* @__PURE__ */ X("span", {
-					className: "cf-icon",
-					children: a
-				})]
-			}),
-			/* @__PURE__ */ X("div", {
-				className: "cf-value",
-				children: t
-			}),
-			/* @__PURE__ */ X("div", {
-				className: "cf-bottom",
-				children: n !== void 0 && /* @__PURE__ */ Z("span", {
-					className: z("cf-change", m),
-					children: [
-						f === "up" && /* @__PURE__ */ X(P, { size: 14 }),
-						f === "down" && /* @__PURE__ */ X(p, { size: 14 }),
-						/* @__PURE__ */ Z("span", {
-							className: "cf-change-value",
-							children: [
-								n > 0 ? "+" : "",
-								n,
-								"%"
-							]
-						}),
-						i && /* @__PURE__ */ X("span", {
-							className: "cf-change-label",
-							children: i
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ X("div", {
-				className: "cf-sparkline",
-				children: /* @__PURE__ */ X(ve, {
-					data: o,
-					type: s,
-					color: m === "neutral" ? c : m,
-					height: 46,
-					padding: 0,
-					curved: !0,
-					animated: !0,
-					fillOpacity: .18
-				})
-			})
-		]
-	});
-}
-//#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 };
-
-//# sourceMappingURL=cards-fn61xD_5.js.map