@banzamel/mineralui 1.7.1 → 1.8.0

package/dist/cards-BYX8bM2l.js

@@ -1,1163 +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 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 { 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 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 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: L("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: L("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 Te(e) {
-	return z.find((t) => t.brand === e)?.iconLabel ?? "CARD";
-}
-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: 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(H, {
-				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(B, {
-						align: "center",
-						className: "cpm-method-row",
-						children: [
-							/* @__PURE__ */ X("span", {
-								className: L("cpm-brand", !o && a),
-								children: o ?? S
-							}),
-							/* @__PURE__ */ X("span", {
-								className: "cpm-last4",
-								children: `\u2022\u2022\u2022\u2022 ${s}`
-							}),
-							y && /* @__PURE__ */ X(W, {
-								color: "info",
-								children: y
-							})
-						]
-					}), x && /* @__PURE__ */ X(V, {
-						tone: "muted",
-						className: "cpm-summary",
-						children: x
-					})]
-				}),
-				u && /* @__PURE__ */ X(V, {
-					tone: "muted",
-					size: "sm",
-					className: "cpm-helper",
-					children: u
-				}),
-				/* @__PURE__ */ Z("div", {
-					className: "cpm-fields",
-					children: [/* @__PURE__ */ X(me, {
-						label: d,
-						placeholder: "MM/YYYY",
-						fullWidth: !0,
-						...C
-					}), /* @__PURE__ */ X(he, {
-						label: f,
-						placeholder: "123",
-						fullWidth: !0,
-						...m
-					})]
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/utils/socialPlatforms.tsx
-var De = {
-	apple: {
-		label: "Apple",
-		icon: D,
-		colorIcon: M,
-		rgb: "24, 24, 27"
-	},
-	discord: {
-		label: "Discord",
-		icon: d,
-		colorIcon: k,
-		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: I,
-		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: N,
-		colorIcon: w,
-		rgb: "230, 0, 35"
-	},
-	slack: {
-		label: "Slack",
-		icon: l,
-		colorIcon: a,
-		rgb: "74, 21, 75"
-	},
-	spotify: {
-		label: "Spotify",
-		icon: T,
-		colorIcon: F,
-		rgb: "30, 215, 96"
-	},
-	tumblr: {
-		label: "Tumblr",
-		icon: g,
-		colorIcon: P,
-		rgb: "0, 25, 53"
-	},
-	vimeo: {
-		label: "Vimeo",
-		icon: r,
-		colorIcon: v,
-		rgb: "26, 183, 234"
-	},
-	vk: {
-		label: "VK",
-		icon: e,
-		colorIcon: ie,
-		rgb: "0, 119, 255"
-	},
-	x: {
-		label: "X",
-		icon: c,
-		colorIcon: j,
-		rgb: "17, 17, 17"
-	},
-	youtube: {
-		label: "YouTube",
-		icon: S,
-		colorIcon: C,
-		rgb: "255, 0, 0"
-	}
-};
-function Oe(e) {
-	let t = e.trim().toLowerCase().replace(/[\s._-]+/g, "");
-	return t === "twitter" ? "x" : t === "vkontakte" ? "vk" : t;
-}
-function ke(e) {
-	return De[Oe(e)]?.label ?? 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 je(e) {
-	return e ? [
-		e.street,
-		[e.zip, e.city].filter(Boolean).join(" "),
-		e.country
-	].filter(Boolean).join(", ") : null;
-}
-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: L("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(K, {
-							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: L("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(G, {
-							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(te, {})
-						}), /* @__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(re, {})
-						}), /* @__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(E, {})
-						}), /* @__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 = Ae(e.platform, !0);
-					return /* @__PURE__ */ X("a", {
-						href: e.url,
-						target: "_blank",
-						rel: "noopener noreferrer",
-						className: "cb-social",
-						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
-						}))
-					}, 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: 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(() => {
-			k(!1);
-		}, 220);
-		return () => window.clearTimeout(e);
-	}, [E, O]);
-	function N(e) {
-		e === E || e < 0 || e >= M.length || (M.length > 1 && k(!0), D(e));
-	}
-	J(() => {
-		if (!l || M.length <= 1) return;
-		let e = window.setInterval(() => {
-			k(!0), D((e) => (e + 1) % M.length);
-		}, 3500);
-		return () => window.clearInterval(e);
-	}, [l, M.length]);
-	function P(e) {
-		let t = Math.max(1, e);
-		C ? C(t) : A(t);
-	}
-	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: [
-			M.length > 0 && /* @__PURE__ */ Z("div", {
-				className: "cs-gallery",
-				children: [
-					/* @__PURE__ */ X("img", {
-						src: M[E],
-						alt: t,
-						className: L("cs-image", O && "is-transitioning")
-					}),
-					M.length > 1 && /* @__PURE__ */ X("div", {
-						className: "cs-gallery-dots",
-						children: M.map((e, t) => /* @__PURE__ */ X("button", {
-							type: "button",
-							className: L("cs-dot", t === E && "active"),
-							onClick: () => N(t),
-							"aria-label": `Image ${t + 1}`
-						}, t))
-					}),
-					(p || m && m.length > 0) && /* @__PURE__ */ Z("div", {
-						className: "cs-gallery-actions",
-						children: [m && m.length > 0 && /* @__PURE__ */ X(fe, {
-							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(se, {})
-							}),
-							placement: "bottom-end",
-							children: m.map((e, t) => /* @__PURE__ */ X(pe, {
-								icon: e.icon,
-								color: e.danger ? "error" : void 0,
-								label: e.label,
-								onClick: e.onClick
-							}, t))
-						}), p && /* @__PURE__ */ X(U, {
-							variant: "ghost",
-							iconOnly: !0,
-							shape: "circle",
-							onClick: p,
-							"aria-label": f ? "Remove from favorites" : "Add to favorites",
-							className: L("cs-overlay-btn", f && "cs-fav-active"),
-							children: X(f ? oe : ae, {})
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ Z("div", {
-				className: "cs-body",
-				children: [
-					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: R
-							}), /* @__PURE__ */ X("span", {
-								className: "cs-date-month",
-								children: z
-							})]
-						}), /* @__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(Se, { children: [/* @__PURE__ */ Z("div", {
-						className: "cs-top",
-						children: [_ && /* @__PURE__ */ X("span", {
-							className: "cs-icon",
-							children: _
-						}), /* @__PURE__ */ X("h3", {
-							className: "cs-title",
-							children: t
-						})]
-					}), n && /* @__PURE__ */ X("p", {
-						className: "cs-desc",
-						children: n
-					})] }),
-					e === "event" && !I && /* @__PURE__ */ Z(Se, { children: [/* @__PURE__ */ Z("div", {
-						className: "cs-top",
-						children: [_ && /* @__PURE__ */ X("span", {
-							className: "cs-icon",
-							children: _
-						}), /* @__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(ge, {
-								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,
-									")"
-								]
-							})
-						]
-					}),
-					y && /* @__PURE__ */ Z("div", {
-						className: "cs-leader",
-						children: [/* @__PURE__ */ X(K, {
-							src: y.avatar,
-							name: y.name,
-							size: 28,
-							color: v
-						}), /* @__PURE__ */ X("span", {
-							className: "cs-leader-name",
-							children: y.name
-						})]
-					}),
-					e === "course" && b && /* @__PURE__ */ Z("div", {
-						className: "cs-participants",
-						children: [/* @__PURE__ */ X("div", {
-							className: "cs-participants-avatars",
-							children: b.slice(0, 4).map((e, t) => /* @__PURE__ */ X(K, {
-								src: e.avatar,
-								name: e.name,
-								size: 28,
-								color: v,
-								className: "cs-participant-avatar"
-							}, `${e.name}-${t}`))
-						}), x && /* @__PURE__ */ Z("span", {
-							className: "cs-spots",
-							children: [
-								b.length,
-								"/",
-								x
-							]
-						})]
-					}),
-					/* @__PURE__ */ Z("div", {
-						className: "cs-meta",
-						children: [
-							e === "event" && ee && /* @__PURE__ */ X(W, {
-								size: "xs",
-								color: v,
-								children: ee
-							}),
-							a && /* @__PURE__ */ X(W, {
-								size: "xs",
-								color: v,
-								icon: /* @__PURE__ */ X(ce, {}),
-								children: a
-							}),
-							e === "event" && T && /* @__PURE__ */ X(W, {
-								size: "xs",
-								color: T.toLowerCase() === "sold out" ? "error" : v,
-								children: T
-							}),
-							F && e !== "event" && /* @__PURE__ */ X(W, {
-								size: "xs",
-								color: o === !1 ? "error" : v,
-								children: F
-							})
-						]
-					})
-				]
-			}),
-			/* @__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" && h && /* @__PURE__ */ Z("div", {
-						className: "cs-qty",
-						children: [
-							/* @__PURE__ */ X(U, {
-								variant: "ghost",
-								iconOnly: !0,
-								size: "sm",
-								onClick: () => P(j - 1),
-								"aria-label": "Decrease",
-								className: "cs-qty-btn",
-								children: /* @__PURE__ */ X(le, {})
-							}),
-							/* @__PURE__ */ X("span", {
-								className: "cs-qty-value",
-								children: j
-							}),
-							/* @__PURE__ */ X(U, {
-								variant: "ghost",
-								iconOnly: !0,
-								size: "sm",
-								onClick: () => P(j + 1),
-								"aria-label": "Increase",
-								className: "cs-qty-btn",
-								children: /* @__PURE__ */ X(ne, {})
-							})
-						]
-					}), h && /* @__PURE__ */ X(U, {
-						variant: "filled",
-						size: "sm",
-						color: v,
-						onClick: () => h(j),
-						disabled: o === !1,
-						className: "cs-cart-btn",
-						children: g ?? (e === "event" ? "Register" : "Add to cart")
-					})]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/cards/MCardOffer/MCardOffer.tsx
-function Ne(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 Pe(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/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 Ie(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 Le(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 Re(e, t) {
-	return t || (typeof e != "number" || e === 0 ? "neutral" : e > 0 ? "up" : "down");
-}
-function ze(e) {
-	return typeof e == "number" && e > 0 ? `+${e}` : e;
-}
-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: L("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: L("cw-trend", u),
-					children: [
-						u === "up" && /* @__PURE__ */ X(A, { 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 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);
-			}));
-		}
-		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.includes(String(r));
-		}));
-		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 V.direction === "asc" ? i : -i;
-		})), t === e ? [...t] : t;
-	}, [
-		e,
-		z,
-		r,
-		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 J(e, t) {
-		let n = B[e] ?? [], r = n.includes(t) ? n.filter((e) => e !== t) : [...n, t];
-		fe({
-			...B,
-			[e]: r
-		});
-	}
-	let Ce = be(() => {
-		let t = {};
-		for (let n of c) {
-			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, c]), we = f.find((e) => e.key === V?.key);
-	return /* @__PURE__ */ Z("div", {
-		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",
-					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 He(e, t) {
-	return t || (e === void 0 || e === 0 ? "neutral" : e > 0 ? "up" : "down");
-}
-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: L("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: L("cf-change", m),
-					children: [
-						f === "up" && /* @__PURE__ */ X(A, { 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 { 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-BYX8bM2l.js.map