@banzamel/mineralui 1.0.8 → 1.1.1

package/dist/cards-JqA2VWit.js

@@ -0,0 +1,1013 @@
+import { A as e, B as t, Ci as n, Di as r, E as i, F as a, G as o, H as s, I as c, J as l, K as u, L as d, M as f, N as p, Oi as m, P as h, R as g, S 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, hi as E, i as D, in as O, j as k, k as A, ki as j, mi as M, mn as te, pn as ne, q as N, r as P, sn as F, v as I, vr as re, x as L, xi as ie, y as ae, yi as R, yr as oe, z } from "./icons-D5DK-J2C.js";
+import { t as B } from "./cn-YER3QsV1.js";
+import { n as se, t as V } from "./creditCards-CCysEwry.js";
+import { t as H } from "./MPopover-BC9C5967.js";
+import { t as U } from "./MButton-BJdrNg2I.js";
+import { t as W } from "./MBadge-UTUlEAik.js";
+import { t as G } from "./MText-CKyns1SE.js";
+import { t as ce } from "./MLink-CBmT8zaD.js";
+import { i as le, r as ue } from "./MDropdownMenu-B1eOmM7u.js";
+import { n as de, t as K } from "./MInputCVC-BJQWuuwR.js";
+import { n as fe, t as pe } from "./MQrCode-l0FzrNCq.js";
+import { t as q } from "./MAvatar-tpFpLFPO.js";
+import { t as me } from "./MInputSearch-PMHykVrc.js";
+import { t as he } from "./MSparkline-C8tnqhJm.js";
+import { t as ge } from "./MInline-cTj903A4.js";
+import { t as _e } from "./MCheckbox-DfCD0EtS.js";
+import { useCallback as ve, useEffect as ye, 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 = se(t), d = r ?? u.brand, f = V.find((e) => e.brand === d) ?? u, p = Se(t), m = f.iconLabel;
+	return /* @__PURE__ */ Z("div", {
+		className: B("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: B("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 V.find((t) => t.brand === e)?.iconLabel ?? "CARD";
+}
+function Te({ title: e = "Your payment methods", actionLabel: t = "Change", actionHref: n = "#", onAction: r, brand: i = "visa", brandIcon: a, last4: o, badgeLabel: s, summary: c, helperText: l = "All fields are required, unless stated otherwise.", expiryLabel: u = "Expiration date", cvcLabel: d = "Security code", expiryProps: f, cvcProps: p, color: m, className: h, ...g }) {
+	let _ = f?.value ?? f?.defaultValue, v = s === void 0 ? "Default" : s, y = _ ? `Credit card - Expiration date ${String(_).replace("/", ".")}` : "Credit card", b = c === void 0 ? y : c, x = we(i), S = {
+		clearable: !0,
+		...f
+	};
+	return /* @__PURE__ */ Z("div", {
+		className: B("card-payment-method", m || "primary", h),
+		...g,
+		children: [/* @__PURE__ */ Z("div", {
+			className: "cpm-header",
+			children: [/* @__PURE__ */ X("h3", {
+				className: "cpm-title",
+				children: e
+			}), /* @__PURE__ */ Z(ce, {
+				href: n,
+				tone: "accent",
+				underline: "none",
+				className: "cpm-action",
+				onClick: (e) => {
+					r && (e.preventDefault(), r());
+				},
+				children: [t, /* @__PURE__ */ X(j, {})]
+			})]
+		}), /* @__PURE__ */ Z("div", {
+			className: "cpm-surface",
+			children: [
+				/* @__PURE__ */ Z("div", {
+					className: "cpm-method",
+					children: [/* @__PURE__ */ Z(ge, {
+						align: "center",
+						className: "cpm-method-row",
+						children: [
+							/* @__PURE__ */ X("span", {
+								className: B("cpm-brand", !a && i),
+								children: a ?? x
+							}),
+							/* @__PURE__ */ X("span", {
+								className: "cpm-last4",
+								children: `\u2022\u2022\u2022\u2022 ${o}`
+							}),
+							v && /* @__PURE__ */ X(W, {
+								color: "info",
+								children: v
+							})
+						]
+					}), b && /* @__PURE__ */ X(G, {
+						tone: "muted",
+						className: "cpm-summary",
+						children: b
+					})]
+				}),
+				l && /* @__PURE__ */ X(G, {
+					tone: "muted",
+					size: "sm",
+					className: "cpm-helper",
+					children: l
+				}),
+				/* @__PURE__ */ Z("div", {
+					className: "cpm-fields",
+					children: [/* @__PURE__ */ X(de, {
+						label: u,
+						placeholder: "MM/YYYY",
+						fullWidth: !0,
+						...S
+					}), /* @__PURE__ */ X(K, {
+						label: d,
+						placeholder: "123",
+						fullWidth: !0,
+						...p
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/utils/socialPlatforms.tsx
+var Ee = {
+	apple: {
+		label: "Apple",
+		icon: D,
+		colorIcon: P,
+		rgb: "24, 24, 27"
+	},
+	discord: {
+		label: "Discord",
+		icon: f,
+		colorIcon: k,
+		rgb: "88, 101, 242"
+	},
+	facebook: {
+		label: "Facebook",
+		icon: h,
+		colorIcon: p,
+		rgb: "24, 119, 242"
+	},
+	figma: {
+		label: "Figma",
+		icon: c,
+		colorIcon: a,
+		rgb: "162, 89, 255"
+	},
+	github: {
+		label: "GitHub",
+		icon: g,
+		colorIcon: d,
+		rgb: "24, 23, 23"
+	},
+	google: {
+		label: "Google",
+		icon: t,
+		colorIcon: z,
+		rgb: "66, 133, 244"
+	},
+	instagram: {
+		label: "Instagram",
+		icon: s,
+		colorIcon: b,
+		rgb: "225, 48, 108"
+	},
+	linkedin: {
+		label: "LinkedIn",
+		icon: x,
+		colorIcon: y,
+		rgb: "10, 102, 194"
+	},
+	pinterest: {
+		label: "Pinterest",
+		icon: I,
+		colorIcon: w,
+		rgb: "230, 0, 35"
+	},
+	slack: {
+		label: "Slack",
+		icon: u,
+		colorIcon: o,
+		rgb: "74, 21, 75"
+	},
+	spotify: {
+		label: "Spotify",
+		icon: T,
+		colorIcon: ae,
+		rgb: "30, 215, 96"
+	},
+	tumblr: {
+		label: "Tumblr",
+		icon: _,
+		colorIcon: L,
+		rgb: "0, 25, 53"
+	},
+	vimeo: {
+		label: "Vimeo",
+		icon: i,
+		colorIcon: v,
+		rgb: "26, 183, 234"
+	},
+	vk: {
+		label: "VK",
+		icon: e,
+		colorIcon: A,
+		rgb: "0, 119, 255"
+	},
+	x: {
+		label: "X",
+		icon: l,
+		colorIcon: N,
+		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: B("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(q, {
+							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: B("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(pe, {
+							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(ie, {})
+						}), /* @__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(R, {})
+						}), /* @__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(E, {})
+						}), /* @__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(M, {})
+						}), /* @__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: i, price: a, currency: o = "PLN", duration: s, available: c, image: l, gallery: u, galleryAutoPlay: d = !1, rating: f, reviewCount: p, favorite: h, onFavorite: g, menuItems: _, onAddToCart: v, actionLabel: y, icon: b, color: x = "primary", leader: S, participants: C, maxParticipants: w, quantity: ee, onQuantityChange: T, date: E, location: D, status: O, value: k, trend: A, className: j, ...M }) {
+	let [N, P] = J(0), [I, L] = J(!1), [ie, ae] = J(1), R = ee ?? ie, z = u && u.length > 0 ? u : l ? [l] : [];
+	ye(() => {
+		N >= z.length && P(0);
+	}, [N, z.length]), ye(() => {
+		if (!I) return;
+		let e = window.setTimeout(() => {
+			L(!1);
+		}, 220);
+		return () => window.clearTimeout(e);
+	}, [N, I]);
+	function se(e) {
+		e === N || e < 0 || e >= z.length || (z.length > 1 && L(!0), P(e));
+	}
+	ye(() => {
+		if (!d || z.length <= 1) return;
+		let e = window.setInterval(() => {
+			L(!0), P((e) => (e + 1) % z.length);
+		}, 3500);
+		return () => window.clearInterval(e);
+	}, [d, z.length]);
+	function V(e) {
+		let t = Math.max(1, e);
+		T ? T(t) : ae(t);
+	}
+	let H = c === !0 ? "Available" : c === !1 ? "Unavailable" : typeof c == "number" ? `${c} spots` : null, G = E ? E instanceof Date ? E : new Date(E) : null, ce = G ? G.getDate() : null, de = G ? G.toLocaleString("en", { month: "short" }).toUpperCase() : null, K = A === void 0 ? null : A > 0 ? "up" : A < 0 ? "down" : "neutral";
+	return e === "widget" ? /* @__PURE__ */ X("div", {
+		className: B("card-service", "widget", `color-${x}`, j),
+		...M,
+		children: /* @__PURE__ */ Z("div", {
+			className: "cs-widget",
+			children: [b && /* @__PURE__ */ X("span", {
+				className: "cs-widget-icon",
+				children: b
+			}), /* @__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: B("cs-widget-trend", K),
+						children: [
+							K === "up" && /* @__PURE__ */ X(m, { size: 14 }),
+							K === "down" && /* @__PURE__ */ X(r, { size: 14 }),
+							/* @__PURE__ */ Z("span", { children: [
+								A > 0 ? "+" : "",
+								A,
+								"%"
+							] })
+						]
+					})
+				]
+			})]
+		})
+	}) : /* @__PURE__ */ Z("div", {
+		className: B("card-service", e, `color-${x}`, j),
+		...M,
+		children: [
+			z.length > 0 && /* @__PURE__ */ Z("div", {
+				className: "cs-gallery",
+				children: [
+					/* @__PURE__ */ X("img", {
+						src: z[N],
+						alt: t,
+						className: B("cs-image", I && "is-transitioning")
+					}),
+					z.length > 1 && /* @__PURE__ */ X("div", {
+						className: "cs-gallery-dots",
+						children: z.map((e, t) => /* @__PURE__ */ X("button", {
+							type: "button",
+							className: B("cs-dot", t === N && "active"),
+							onClick: () => se(t),
+							"aria-label": `Image ${t + 1}`
+						}, t))
+					}),
+					(g || _ && _.length > 0) && /* @__PURE__ */ Z("div", {
+						className: "cs-gallery-actions",
+						children: [_ && _.length > 0 && /* @__PURE__ */ X(le, {
+							className: "cs-menu-wrap",
+							trigger: /* @__PURE__ */ X(U, {
+								variant: "ghost",
+								iconOnly: !0,
+								shape: "circle",
+								"aria-label": "More options",
+								className: "cs-overlay-btn",
+								children: /* @__PURE__ */ X(F, {})
+							}),
+							placement: "bottom-end",
+							children: _.map((e, t) => /* @__PURE__ */ X(ue, {
+								icon: e.icon,
+								color: e.danger ? "error" : void 0,
+								label: e.label,
+								onClick: e.onClick
+							}, t))
+						}), g && /* @__PURE__ */ X(U, {
+							variant: "ghost",
+							iconOnly: !0,
+							shape: "circle",
+							onClick: g,
+							"aria-label": h ? "Remove from favorites" : "Add to favorites",
+							className: B("cs-overlay-btn", h && "cs-fav-active"),
+							children: X(h ? ne : te, {})
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "cs-body",
+				children: [
+					e === "event" && G && /* @__PURE__ */ Z("div", {
+						className: "cs-event-header",
+						children: [/* @__PURE__ */ Z("div", {
+							className: "cs-date-block",
+							children: [/* @__PURE__ */ X("span", {
+								className: "cs-date-day",
+								children: ce
+							}), /* @__PURE__ */ X("span", {
+								className: "cs-date-month",
+								children: de
+							})]
+						}), /* @__PURE__ */ Z("div", {
+							className: "cs-event-info",
+							children: [/* @__PURE__ */ X("h3", {
+								className: "cs-title",
+								children: t
+							}), i && /* @__PURE__ */ X("p", {
+								className: "cs-desc",
+								children: i
+							})]
+						})]
+					}),
+					e !== "event" && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ Z("div", {
+						className: "cs-top",
+						children: [b && /* @__PURE__ */ X("span", {
+							className: "cs-icon",
+							children: b
+						}), /* @__PURE__ */ X("h3", {
+							className: "cs-title",
+							children: t
+						})]
+					}), i && /* @__PURE__ */ X("p", {
+						className: "cs-desc",
+						children: i
+					})] }),
+					e === "event" && !G && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ Z("div", {
+						className: "cs-top",
+						children: [b && /* @__PURE__ */ X("span", {
+							className: "cs-icon",
+							children: b
+						}), /* @__PURE__ */ X("h3", {
+							className: "cs-title",
+							children: t
+						})]
+					}), i && /* @__PURE__ */ X("p", {
+						className: "cs-desc",
+						children: i
+					})] }),
+					f !== void 0 && /* @__PURE__ */ Z("div", {
+						className: "cs-rating",
+						children: [
+							/* @__PURE__ */ X(fe, {
+								value: Math.round(f),
+								size: "sm",
+								color: "warning",
+								readOnly: !0,
+								className: "cs-stars"
+							}),
+							/* @__PURE__ */ X("span", {
+								className: "cs-rating-value",
+								children: f.toFixed(1)
+							}),
+							p !== void 0 && /* @__PURE__ */ Z("span", {
+								className: "cs-review-count",
+								children: [
+									"(",
+									p,
+									")"
+								]
+							})
+						]
+					}),
+					S && /* @__PURE__ */ Z("div", {
+						className: "cs-leader",
+						children: [/* @__PURE__ */ X(q, {
+							src: S.avatar,
+							name: S.name,
+							size: 28,
+							color: x
+						}), /* @__PURE__ */ X("span", {
+							className: "cs-leader-name",
+							children: S.name
+						})]
+					}),
+					e === "course" && C && /* @__PURE__ */ Z("div", {
+						className: "cs-participants",
+						children: [/* @__PURE__ */ X("div", {
+							className: "cs-participants-avatars",
+							children: C.slice(0, 4).map((e, t) => /* @__PURE__ */ X(q, {
+								src: e.avatar,
+								name: e.name,
+								size: 28,
+								color: x,
+								className: "cs-participant-avatar"
+							}, `${e.name}-${t}`))
+						}), w && /* @__PURE__ */ Z("span", {
+							className: "cs-spots",
+							children: [
+								C.length,
+								"/",
+								w
+							]
+						})]
+					}),
+					/* @__PURE__ */ Z("div", {
+						className: "cs-meta",
+						children: [
+							e === "event" && D && /* @__PURE__ */ X(W, {
+								size: "xs",
+								color: x,
+								children: D
+							}),
+							s && /* @__PURE__ */ X(W, {
+								size: "xs",
+								color: x,
+								icon: /* @__PURE__ */ X(n, {}),
+								children: s
+							}),
+							e === "event" && O && /* @__PURE__ */ X(W, {
+								size: "xs",
+								color: O.toLowerCase() === "sold out" ? "error" : x,
+								children: O
+							}),
+							H && e !== "event" && /* @__PURE__ */ X(W, {
+								size: "xs",
+								color: c === !1 ? "error" : x,
+								children: H
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "cs-footer",
+				children: [a !== void 0 && /* @__PURE__ */ Z("span", {
+					className: "cs-price",
+					children: [
+						typeof a == "number" ? a.toFixed(2) : a,
+						" ",
+						/* @__PURE__ */ X("span", {
+							className: "cs-currency",
+							children: o
+						})
+					]
+				}), /* @__PURE__ */ Z("div", {
+					className: "cs-actions",
+					children: [e === "product" && v && /* @__PURE__ */ Z("div", {
+						className: "cs-qty",
+						children: [
+							/* @__PURE__ */ X(U, {
+								variant: "ghost",
+								iconOnly: !0,
+								size: "sm",
+								onClick: () => V(R - 1),
+								"aria-label": "Decrease",
+								className: "cs-qty-btn",
+								children: /* @__PURE__ */ X(re, {})
+							}),
+							/* @__PURE__ */ X("span", {
+								className: "cs-qty-value",
+								children: R
+							}),
+							/* @__PURE__ */ X(U, {
+								variant: "ghost",
+								iconOnly: !0,
+								size: "sm",
+								onClick: () => V(R + 1),
+								"aria-label": "Increase",
+								className: "cs-qty-btn",
+								children: /* @__PURE__ */ X(oe, {})
+							})
+						]
+					}), v && /* @__PURE__ */ X(U, {
+						variant: "filled",
+						size: "sm",
+						color: x,
+						onClick: () => v(R),
+						disabled: c === !1,
+						className: "cs-cart-btn",
+						children: y ?? (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: i, icon: a, color: o = "primary", helperText: s, className: c, ...l }) {
+	let u = n != null, d = Ie(n, i), f = Le(n);
+	return /* @__PURE__ */ Z("div", {
+		className: B("card-widget", `color-${o}`, c),
+		...l,
+		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
+					})]
+				}), a && /* @__PURE__ */ X("span", {
+					className: "cw-icon",
+					children: a
+				})]
+			}),
+			u && /* @__PURE__ */ X("div", {
+				className: "cw-bottom",
+				children: /* @__PURE__ */ Z("span", {
+					className: B("cw-trend", d),
+					children: [
+						d === "up" && /* @__PURE__ */ X(m, { size: 14 }),
+						d === "down" && /* @__PURE__ */ X(r, { size: 14 }),
+						/* @__PURE__ */ X("span", { children: f })
+					]
+				})
+			}),
+			s && /* @__PURE__ */ X("div", {
+				className: "cw-helper",
+				children: s
+			})
+		]
+	});
+}
+//#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: i, searchPlaceholder: a = "Search...", filterable: o = !1, filterKeys: s = [], sortable: c = !1, sortKeys: l = [], defaultSort: u, columns: d = 3, emptyMessage: f = "No results found.", className: p, style: h, ...g }) {
+	let [_, v] = J(""), [y, b] = J({}), [x, S] = J(u?.key ?? null), [C, w] = J(u?.direction ?? "asc"), [T, E] = J(!1), [D, k] = J(!1), A = xe(null), j = xe(null), M = ve(() => {
+		E((e) => !e), k(!1);
+	}, []), te = ve(() => {
+		k((e) => !e), E(!1);
+	}, []), ne = be(() => {
+		let t = [...e];
+		if (_ && i && i.length > 0) {
+			let e = _.toLowerCase();
+			t = t.filter((t) => i.some((n) => {
+				let r = $(t, n);
+				return r != null && String(r).toLowerCase().includes(e);
+			}));
+		}
+		for (let [e, n] of Object.entries(y)) n.size !== 0 && (t = t.filter((t) => {
+			let r = $(t, e);
+			return r != null && n.has(String(r));
+		}));
+		return x && t.sort((e, t) => {
+			let n = $(e, x), r = $(t, x);
+			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 C === "asc" ? i : -i;
+		}), t;
+	}, [
+		e,
+		_,
+		i,
+		y,
+		x,
+		C
+	]);
+	function N(e, t) {
+		b((n) => {
+			let r = new Set(n[e] ?? []);
+			return r.has(t) ? r.delete(t) : r.add(t), {
+				...n,
+				[e]: r
+			};
+		});
+	}
+	let P = be(() => {
+		let t = {};
+		for (let n of s) {
+			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, s]), F = l.find((e) => e.key === x);
+	return /* @__PURE__ */ Z("div", {
+		className: B("card-grid", p),
+		style: h,
+		...g,
+		children: [(n || o || c) && /* @__PURE__ */ Z("div", {
+			className: "card-grid-toolbar",
+			children: [n && /* @__PURE__ */ X(me, {
+				className: "card-grid-search",
+				size: "sm",
+				fullWidth: !0,
+				placeholder: a,
+				value: _,
+				onChange: (e) => v(e.target.value),
+				onClear: () => v("")
+			}), /* @__PURE__ */ Z("div", {
+				className: "card-grid-actions",
+				children: [o && s.length > 0 && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(U, {
+					ref: A,
+					variant: "outlined",
+					size: "sm",
+					startIcon: /* @__PURE__ */ X(ee, {}),
+					"aria-expanded": T,
+					onClick: M,
+					children: "Filter"
+				}), /* @__PURE__ */ X(H, {
+					open: T,
+					anchorRef: A,
+					onClose: () => E(!1),
+					placement: "bottom-end",
+					className: "card-grid-dropdown",
+					children: s.map((e) => /* @__PURE__ */ Z("div", {
+						className: "card-grid-filter-group",
+						children: [/* @__PURE__ */ X("span", {
+							className: "card-grid-filter-label",
+							children: e.label
+						}), (P[e.key] ?? []).map((t) => /* @__PURE__ */ X("div", {
+							className: "card-grid-filter-option",
+							children: /* @__PURE__ */ X(_e, {
+								size: "sm",
+								clickEffect: "none",
+								checked: y[e.key]?.has(t) ?? !1,
+								onChange: () => N(e.key, t),
+								label: t
+							})
+						}, t))]
+					}, e.key))
+				})] }), c && l.length > 0 && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(U, {
+					ref: j,
+					variant: "outlined",
+					size: "sm",
+					startIcon: X(x ? C === "asc" ? m : r : O, {}),
+					"aria-expanded": D,
+					onClick: te,
+					children: F ? `Sort: ${F.label}` : "Sort"
+				}), /* @__PURE__ */ X(H, {
+					open: D,
+					anchorRef: j,
+					onClose: () => k(!1),
+					placement: "bottom-end",
+					className: "card-grid-dropdown",
+					children: l.map((e) => /* @__PURE__ */ Z("button", {
+						type: "button",
+						className: B("card-grid-sort-item", x === e.key && "active"),
+						onClick: () => {
+							x === e.key ? w(C === "asc" ? "desc" : "asc") : (S(e.key), w("asc")), k(!1);
+						},
+						children: [e.label, x === e.key && /* @__PURE__ */ X("span", {
+							className: "card-grid-sort-dir",
+							children: X(C === "asc" ? m : r, { className: "card-grid-sort-icon" })
+						})]
+					}, e.key))
+				})] })]
+			})]
+		}), ne.length > 0 ? /* @__PURE__ */ X("div", {
+			className: "card-grid-items",
+			style: { gridTemplateColumns: `repeat(${d}, 1fr)` },
+			children: ne.map((e, n) => t(e, n))
+		}) : /* @__PURE__ */ X("div", {
+			className: "card-grid-empty",
+			children: f
+		})]
+	});
+}
+//#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: i, changeLabel: a, icon: o, sparkline: s, sparklineType: c = "area", color: l = "primary", currency: u, className: d, ...f }) {
+	let p = Be(n, i), h = p === "up" ? "success" : p === "down" ? "error" : "neutral";
+	return /* @__PURE__ */ Z("div", {
+		className: B("card-finance", `color-${l}`, d),
+		...f,
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: "cf-top",
+				children: [/* @__PURE__ */ Z("div", {
+					className: "cf-meta",
+					children: [/* @__PURE__ */ X("span", {
+						className: "cf-label",
+						children: e
+					}), u && /* @__PURE__ */ X("span", {
+						className: "cf-currency",
+						children: u
+					})]
+				}), o && /* @__PURE__ */ X("span", {
+					className: "cf-icon",
+					children: o
+				})]
+			}),
+			/* @__PURE__ */ X("div", {
+				className: "cf-value",
+				children: t
+			}),
+			/* @__PURE__ */ X("div", {
+				className: "cf-bottom",
+				children: n !== void 0 && /* @__PURE__ */ Z("span", {
+					className: B("cf-change", h),
+					children: [
+						p === "up" && /* @__PURE__ */ X(m, { size: 14 }),
+						p === "down" && /* @__PURE__ */ X(r, { size: 14 }),
+						/* @__PURE__ */ Z("span", {
+							className: "cf-change-value",
+							children: [
+								n > 0 ? "+" : "",
+								n,
+								"%"
+							]
+						}),
+						a && /* @__PURE__ */ X("span", {
+							className: "cf-change-label",
+							children: a
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ X("div", {
+				className: "cf-sparkline",
+				children: /* @__PURE__ */ X(he, {
+					data: s,
+					type: c,
+					color: h === "neutral" ? l : h,
+					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-JqA2VWit.js.map