@banzamel/mineralui 1.0.2 → 1.0.4

package/dist/cards-CKCr-GuJ.js

@@ -0,0 +1,934 @@
+import { t as e } from "./MArrowUpIcon-Dan-4hs8.js";
+import { t } from "./MArrowDownIcon-BcKSgdTY.js";
+import { t as n } from "./MClockIcon-DefFl5ks.js";
+import { n as r, t as i } from "./MPhoneIcon-efl6BqwU.js";
+import { $ as a, A as o, B as s, E as c, F as l, G as u, H as d, I as f, J as p, K as m, L as h, M as g, N as _, P as v, Q as y, R as b, S as x, T as S, U as C, V as w, W as T, X as E, Y as D, Z as O, _ as k, b as A, et as j, i as M, it as N, j as P, k as F, nt as ee, q as I, r as L, rt as R, tt as te, v as z, x as ne, y as re, z as B } from "./MBrandMoreIcons-ClUq3DXO.js";
+import { t as ie } from "./MEllipsisVerticalIcon-CNn1AQ8W.js";
+import { t as V } from "./cn-DZLxql0l.js";
+import { n as H, t as ae } from "./creditCards-CoZpbB1e.js";
+import { t as U } from "./MPopover-DKBdLfrw.js";
+import { t as W } from "./MButton-33EzpGvQ.js";
+import { t as G } from "./MBadge-BjZX0MIC.js";
+import { n as oe, t as se } from "./MQrCode-AttGRC6v.js";
+import { t as ce } from "./MAvatar-Blh5pfSO.js";
+import { i as le, r as ue } from "./MDropdownMenu-BgOiM5yr.js";
+import { t as K } from "./MInputSearch-BeXUh4lz.js";
+import { t as de } from "./MSparkline-DjcDtnZH.js";
+import { t as fe } from "./MCheckbox-CugP7F6H.js";
+import { useCallback as q, useEffect as pe, useMemo as me, useRef as he, 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 ge(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 _e({ holder: e, number: t, expiry: n, brand: r, brandIcon: i, balance: a, balanceLabel: o = "Current balance", color: s, className: c, ...l }) {
+	let u = H(t), d = r ?? u.brand, f = ae.find((e) => e.brand === d) ?? u, p = ge(t), m = f.iconLabel;
+	return /* @__PURE__ */ Z("div", {
+		className: V("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: V("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/utils/socialPlatforms.tsx
+var ve = {
+	apple: {
+		label: "Apple",
+		icon: M,
+		colorIcon: L,
+		rgb: "24, 24, 27"
+	},
+	discord: {
+		label: "Discord",
+		icon: g,
+		colorIcon: P,
+		rgb: "88, 101, 242"
+	},
+	facebook: {
+		label: "Facebook",
+		icon: v,
+		colorIcon: _,
+		rgb: "24, 119, 242"
+	},
+	figma: {
+		label: "Figma",
+		icon: f,
+		colorIcon: l,
+		rgb: "162, 89, 255"
+	},
+	github: {
+		label: "GitHub",
+		icon: b,
+		colorIcon: h,
+		rgb: "24, 23, 23"
+	},
+	google: {
+		label: "Google",
+		icon: s,
+		colorIcon: B,
+		rgb: "66, 133, 244"
+	},
+	instagram: {
+		label: "Instagram",
+		icon: d,
+		colorIcon: w,
+		rgb: "225, 48, 108"
+	},
+	linkedin: {
+		label: "LinkedIn",
+		icon: T,
+		colorIcon: C,
+		rgb: "10, 102, 194"
+	},
+	pinterest: {
+		label: "Pinterest",
+		icon: z,
+		colorIcon: k,
+		rgb: "230, 0, 35"
+	},
+	slack: {
+		label: "Slack",
+		icon: m,
+		colorIcon: u,
+		rgb: "74, 21, 75"
+	},
+	spotify: {
+		label: "Spotify",
+		icon: A,
+		colorIcon: re,
+		rgb: "30, 215, 96"
+	},
+	tumblr: {
+		label: "Tumblr",
+		icon: x,
+		colorIcon: ne,
+		rgb: "0, 25, 53"
+	},
+	vimeo: {
+		label: "Vimeo",
+		icon: c,
+		colorIcon: S,
+		rgb: "26, 183, 234"
+	},
+	vk: {
+		label: "VK",
+		icon: o,
+		colorIcon: F,
+		rgb: "0, 119, 255"
+	},
+	x: {
+		label: "X",
+		icon: p,
+		colorIcon: I,
+		rgb: "17, 17, 17"
+	},
+	youtube: {
+		label: "YouTube",
+		icon: E,
+		colorIcon: D,
+		rgb: "255, 0, 0"
+	}
+};
+function ye(e) {
+	let t = e.trim().toLowerCase().replace(/[\s._-]+/g, "");
+	return t === "twitter" ? "x" : t === "vkontakte" ? "vk" : t;
+}
+function be(e) {
+	return ve[ye(e)]?.label ?? e;
+}
+function xe(e, t = !1) {
+	let n = ve[ye(e)];
+	return n ? t ? n.colorIcon : n.icon : null;
+}
+//#endregion
+//#region src/components/cards/MCardBusiness/MCardBusiness.tsx
+function Se(e) {
+	return e ? [
+		e.street,
+		[e.zip, e.city].filter(Boolean).join(" "),
+		e.country
+	].filter(Boolean).join(", ") : null;
+}
+function Ce({ variant: e = "user", name: t, title: n, avatar: a, address: o, contact: s, socials: c, online: l, lastActive: u, qrCode: d, qrValue: f, qrStatus: p, qrStatusLabel: m, color: h = "primary", className: g, ..._ }) {
+	let v = Se(o);
+	return /* @__PURE__ */ Z("div", {
+		className: V("card-business", e, `color-${h}`, g),
+		..._,
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: "cb-header",
+				children: [
+					/* @__PURE__ */ X("div", {
+						className: "cb-avatar-wrap",
+						children: /* @__PURE__ */ X(ce, {
+							src: a,
+							alt: t,
+							name: t,
+							size: 56,
+							shape: e === "company" ? "rounded" : "circle",
+							color: h,
+							badge: l === void 0 ? void 0 : !0,
+							badgeColor: l === void 0 ? void 0 : l ? "success" : "error",
+							badgePulsing: !!l,
+							className: V("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
+							}),
+							u && /* @__PURE__ */ X("p", {
+								className: "cb-last-active",
+								children: u
+							})
+						]
+					}),
+					(f || d) && /* @__PURE__ */ X("div", {
+						className: "cb-qr",
+						children: f ? /* @__PURE__ */ X(se, {
+							value: f,
+							size: 56,
+							padding: 3,
+							status: p,
+							statusLabel: m,
+							className: "cb-qr-code"
+						}) : /* @__PURE__ */ X("img", {
+							src: d,
+							alt: "QR",
+							className: "cb-qr-img"
+						})
+					})
+				]
+			}),
+			(s || v) && /* @__PURE__ */ Z("div", {
+				className: "cb-details",
+				children: [
+					s?.email && /* @__PURE__ */ Z("div", {
+						className: "cb-detail",
+						children: [/* @__PURE__ */ X("span", {
+							className: "cb-detail-icon",
+							children: /* @__PURE__ */ X(r, {})
+						}), /* @__PURE__ */ X("a", {
+							href: `mailto:${s.email}`,
+							className: "cb-detail-value",
+							children: s.email
+						})]
+					}),
+					s?.phone && /* @__PURE__ */ Z("div", {
+						className: "cb-detail",
+						children: [/* @__PURE__ */ X("span", {
+							className: "cb-detail-icon",
+							children: /* @__PURE__ */ X(i, {})
+						}), /* @__PURE__ */ X("a", {
+							href: `tel:${s.phone}`,
+							className: "cb-detail-value",
+							children: s.phone
+						})]
+					}),
+					s?.website && /* @__PURE__ */ Z("div", {
+						className: "cb-detail",
+						children: [/* @__PURE__ */ X("span", {
+							className: "cb-detail-icon",
+							children: /* @__PURE__ */ X(N, {})
+						}), /* @__PURE__ */ X("a", {
+							href: s.website,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "cb-detail-value",
+							children: s.website.replace(/^https?:\/\//, "")
+						})]
+					}),
+					v && /* @__PURE__ */ Z("div", {
+						className: "cb-detail",
+						children: [/* @__PURE__ */ X("span", {
+							className: "cb-detail-icon",
+							children: /* @__PURE__ */ X(R, {})
+						}), /* @__PURE__ */ X("span", {
+							className: "cb-detail-value",
+							children: v
+						})]
+					})
+				]
+			}),
+			c && c.length > 0 && /* @__PURE__ */ X("div", {
+				className: "cb-socials",
+				children: c.map((e) => (() => {
+					let t = xe(e.platform, !0);
+					return /* @__PURE__ */ X("a", {
+						href: e.url,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "cb-social",
+						title: be(e.platform),
+						"aria-label": be(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: r, title: i, description: o, price: s, currency: c = "PLN", duration: l, available: u, image: d, gallery: f, galleryAutoPlay: p = !1, rating: m, reviewCount: h, favorite: g, onFavorite: _, menuItems: v, onAddToCart: y, actionLabel: b, icon: x, color: S = "primary", leader: C, participants: w, maxParticipants: T, quantity: E, onQuantityChange: D, date: O, location: k, status: A, value: M, trend: N, className: P, ...F }) {
+	let [I, L] = J(0), [R, z] = J(!1), [ne, re] = J(1), B = E ?? ne, H = f && f.length > 0 ? f : d ? [d] : [];
+	pe(() => {
+		I >= H.length && L(0);
+	}, [I, H.length]), pe(() => {
+		if (!R) return;
+		let e = window.setTimeout(() => {
+			z(!1);
+		}, 220);
+		return () => window.clearTimeout(e);
+	}, [I, R]);
+	function ae(e) {
+		e === I || e < 0 || e >= H.length || (H.length > 1 && z(!0), L(e));
+	}
+	pe(() => {
+		if (!p || H.length <= 1) return;
+		let e = window.setInterval(() => {
+			z(!0), L((e) => (e + 1) % H.length);
+		}, 3500);
+		return () => window.clearInterval(e);
+	}, [p, H.length]);
+	function U(e) {
+		let t = Math.max(1, e);
+		D ? D(t) : re(t);
+	}
+	let se = u === !0 ? "Available" : u === !1 ? "Unavailable" : typeof u == "number" ? `${u} spots` : null, K = O ? O instanceof Date ? O : new Date(O) : null, de = K ? K.getDate() : null, fe = K ? K.toLocaleString("en", { month: "short" }).toUpperCase() : null, q = N === void 0 ? null : N > 0 ? "up" : N < 0 ? "down" : "neutral";
+	return r === "widget" ? /* @__PURE__ */ X("div", {
+		className: V("card-service", "widget", `color-${S}`, P),
+		...F,
+		children: /* @__PURE__ */ Z("div", {
+			className: "cs-widget",
+			children: [x && /* @__PURE__ */ X("span", {
+				className: "cs-widget-icon",
+				children: x
+			}), /* @__PURE__ */ Z("div", {
+				className: "cs-widget-content",
+				children: [
+					/* @__PURE__ */ X("span", {
+						className: "cs-widget-label",
+						children: i
+					}),
+					/* @__PURE__ */ X("span", {
+						className: "cs-widget-value",
+						children: M
+					}),
+					N !== void 0 && /* @__PURE__ */ Z("span", {
+						className: V("cs-widget-trend", q),
+						children: [
+							q === "up" && /* @__PURE__ */ X(e, { size: 14 }),
+							q === "down" && /* @__PURE__ */ X(t, { size: 14 }),
+							/* @__PURE__ */ Z("span", { children: [
+								N > 0 ? "+" : "",
+								N,
+								"%"
+							] })
+						]
+					})
+				]
+			})]
+		})
+	}) : /* @__PURE__ */ Z("div", {
+		className: V("card-service", r, `color-${S}`, P),
+		...F,
+		children: [
+			H.length > 0 && /* @__PURE__ */ Z("div", {
+				className: "cs-gallery",
+				children: [
+					/* @__PURE__ */ X("img", {
+						src: H[I],
+						alt: i,
+						className: V("cs-image", R && "is-transitioning")
+					}),
+					H.length > 1 && /* @__PURE__ */ X("div", {
+						className: "cs-gallery-dots",
+						children: H.map((e, t) => /* @__PURE__ */ X("button", {
+							type: "button",
+							className: V("cs-dot", t === I && "active"),
+							onClick: () => ae(t),
+							"aria-label": `Image ${t + 1}`
+						}, t))
+					}),
+					(_ || v && v.length > 0) && /* @__PURE__ */ Z("div", {
+						className: "cs-gallery-actions",
+						children: [v && v.length > 0 && /* @__PURE__ */ X(le, {
+							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(ie, {})
+							}),
+							placement: "bottom-end",
+							children: v.map((e, t) => /* @__PURE__ */ X(ue, {
+								icon: e.icon,
+								color: e.danger ? "error" : void 0,
+								label: e.label,
+								onClick: e.onClick
+							}, t))
+						}), _ && /* @__PURE__ */ X(W, {
+							variant: "ghost",
+							iconOnly: !0,
+							shape: "circle",
+							onClick: _,
+							"aria-label": g ? "Remove from favorites" : "Add to favorites",
+							className: V("cs-overlay-btn", g && "cs-fav-active"),
+							children: X(g ? a : j, {})
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "cs-body",
+				children: [
+					r === "event" && K && /* @__PURE__ */ Z("div", {
+						className: "cs-event-header",
+						children: [/* @__PURE__ */ Z("div", {
+							className: "cs-date-block",
+							children: [/* @__PURE__ */ X("span", {
+								className: "cs-date-day",
+								children: de
+							}), /* @__PURE__ */ X("span", {
+								className: "cs-date-month",
+								children: fe
+							})]
+						}), /* @__PURE__ */ Z("div", {
+							className: "cs-event-info",
+							children: [/* @__PURE__ */ X("h3", {
+								className: "cs-title",
+								children: i
+							}), o && /* @__PURE__ */ X("p", {
+								className: "cs-desc",
+								children: o
+							})]
+						})]
+					}),
+					r !== "event" && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ Z("div", {
+						className: "cs-top",
+						children: [x && /* @__PURE__ */ X("span", {
+							className: "cs-icon",
+							children: x
+						}), /* @__PURE__ */ X("h3", {
+							className: "cs-title",
+							children: i
+						})]
+					}), o && /* @__PURE__ */ X("p", {
+						className: "cs-desc",
+						children: o
+					})] }),
+					r === "event" && !K && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ Z("div", {
+						className: "cs-top",
+						children: [x && /* @__PURE__ */ X("span", {
+							className: "cs-icon",
+							children: x
+						}), /* @__PURE__ */ X("h3", {
+							className: "cs-title",
+							children: i
+						})]
+					}), o && /* @__PURE__ */ X("p", {
+						className: "cs-desc",
+						children: o
+					})] }),
+					m !== void 0 && /* @__PURE__ */ Z("div", {
+						className: "cs-rating",
+						children: [
+							/* @__PURE__ */ X(oe, {
+								value: Math.round(m),
+								size: "sm",
+								color: "warning",
+								readOnly: !0,
+								className: "cs-stars"
+							}),
+							/* @__PURE__ */ X("span", {
+								className: "cs-rating-value",
+								children: m.toFixed(1)
+							}),
+							h !== void 0 && /* @__PURE__ */ Z("span", {
+								className: "cs-review-count",
+								children: [
+									"(",
+									h,
+									")"
+								]
+							})
+						]
+					}),
+					C && /* @__PURE__ */ Z("div", {
+						className: "cs-leader",
+						children: [/* @__PURE__ */ X(ce, {
+							src: C.avatar,
+							name: C.name,
+							size: 28,
+							color: S
+						}), /* @__PURE__ */ X("span", {
+							className: "cs-leader-name",
+							children: C.name
+						})]
+					}),
+					r === "course" && w && /* @__PURE__ */ Z("div", {
+						className: "cs-participants",
+						children: [/* @__PURE__ */ X("div", {
+							className: "cs-participants-avatars",
+							children: w.slice(0, 4).map((e, t) => /* @__PURE__ */ X(ce, {
+								src: e.avatar,
+								name: e.name,
+								size: 28,
+								color: S,
+								className: "cs-participant-avatar"
+							}, `${e.name}-${t}`))
+						}), T && /* @__PURE__ */ Z("span", {
+							className: "cs-spots",
+							children: [
+								w.length,
+								"/",
+								T
+							]
+						})]
+					}),
+					/* @__PURE__ */ Z("div", {
+						className: "cs-meta",
+						children: [
+							r === "event" && k && /* @__PURE__ */ X(G, {
+								size: "xs",
+								color: S,
+								children: k
+							}),
+							l && /* @__PURE__ */ X(G, {
+								size: "xs",
+								color: S,
+								icon: /* @__PURE__ */ X(n, {}),
+								children: l
+							}),
+							r === "event" && A && /* @__PURE__ */ X(G, {
+								size: "xs",
+								color: A.toLowerCase() === "sold out" ? "error" : S,
+								children: A
+							}),
+							se && r !== "event" && /* @__PURE__ */ X(G, {
+								size: "xs",
+								color: u === !1 ? "error" : S,
+								children: se
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ Z("div", {
+				className: "cs-footer",
+				children: [s !== void 0 && /* @__PURE__ */ Z("span", {
+					className: "cs-price",
+					children: [
+						typeof s == "number" ? s.toFixed(2) : s,
+						" ",
+						/* @__PURE__ */ X("span", {
+							className: "cs-currency",
+							children: c
+						})
+					]
+				}), /* @__PURE__ */ Z("div", {
+					className: "cs-actions",
+					children: [r === "product" && y && /* @__PURE__ */ Z("div", {
+						className: "cs-qty",
+						children: [
+							/* @__PURE__ */ X(W, {
+								variant: "ghost",
+								iconOnly: !0,
+								size: "sm",
+								onClick: () => U(B - 1),
+								"aria-label": "Decrease",
+								className: "cs-qty-btn",
+								children: /* @__PURE__ */ X(te, {})
+							}),
+							/* @__PURE__ */ X("span", {
+								className: "cs-qty-value",
+								children: B
+							}),
+							/* @__PURE__ */ X(W, {
+								variant: "ghost",
+								iconOnly: !0,
+								size: "sm",
+								onClick: () => U(B + 1),
+								"aria-label": "Increase",
+								className: "cs-qty-btn",
+								children: /* @__PURE__ */ X(ee, {})
+							})
+						]
+					}), y && /* @__PURE__ */ X(W, {
+						variant: "filled",
+						size: "sm",
+						color: S,
+						onClick: () => y(B),
+						disabled: u === !1,
+						className: "cs-cart-btn",
+						children: b ?? (r === "event" ? "Register" : "Add to cart")
+					})]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardOffer/MCardOffer.tsx
+function we(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 Te(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 Ee(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 De(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 Oe(e, t) {
+	return t || (typeof e != "number" || e === 0 ? "neutral" : e > 0 ? "up" : "down");
+}
+function ke(e) {
+	return typeof e == "number" && e > 0 ? `+${e}` : e;
+}
+function Ae({ title: n, value: r, trend: i, trendType: a, icon: o, color: s = "primary", helperText: c, className: l, ...u }) {
+	let d = i != null, f = Oe(i, a), p = ke(i);
+	return /* @__PURE__ */ Z("div", {
+		className: V("card-widget", `color-${s}`, l),
+		...u,
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: "cw-top",
+				children: [/* @__PURE__ */ Z("div", {
+					className: "cw-meta",
+					children: [/* @__PURE__ */ X("span", {
+						className: "cw-title",
+						children: n
+					}), /* @__PURE__ */ X("span", {
+						className: "cw-value",
+						children: r
+					})]
+				}), o && /* @__PURE__ */ X("span", {
+					className: "cw-icon",
+					children: o
+				})]
+			}),
+			d && /* @__PURE__ */ X("div", {
+				className: "cw-bottom",
+				children: /* @__PURE__ */ Z("span", {
+					className: V("cw-trend", f),
+					children: [
+						f === "up" && /* @__PURE__ */ X(e, { size: 14 }),
+						f === "down" && /* @__PURE__ */ X(t, { size: 14 }),
+						/* @__PURE__ */ X("span", { children: p })
+					]
+				})
+			}),
+			c && /* @__PURE__ */ X("div", {
+				className: "cw-helper",
+				children: c
+			})
+		]
+	});
+}
+//#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 je({ items: n, renderCard: r, searchable: i = !1, searchKeys: a, searchPlaceholder: o = "Search...", filterable: s = !1, filterKeys: c = [], sortable: l = !1, sortKeys: u = [], defaultSort: d, columns: f = 3, emptyMessage: p = "No results found.", className: m, style: h, ...g }) {
+	let [_, v] = J(""), [b, x] = J({}), [S, C] = J(d?.key ?? null), [w, T] = J(d?.direction ?? "asc"), [E, D] = J(!1), [k, A] = J(!1), j = he(null), M = he(null), N = q(() => {
+		D((e) => !e), A(!1);
+	}, []), P = q(() => {
+		A((e) => !e), D(!1);
+	}, []), F = me(() => {
+		let e = [...n];
+		if (_ && a && a.length > 0) {
+			let t = _.toLowerCase();
+			e = e.filter((e) => a.some((n) => {
+				let r = $(e, n);
+				return r != null && String(r).toLowerCase().includes(t);
+			}));
+		}
+		for (let [t, n] of Object.entries(b)) n.size !== 0 && (e = e.filter((e) => {
+			let r = $(e, t);
+			return r != null && n.has(String(r));
+		}));
+		return S && e.sort((e, t) => {
+			let n = $(e, S), r = $(t, S);
+			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 w === "asc" ? i : -i;
+		}), e;
+	}, [
+		n,
+		_,
+		a,
+		b,
+		S,
+		w
+	]);
+	function ee(e, t) {
+		x((n) => {
+			let r = new Set(n[e] ?? []);
+			return r.has(t) ? r.delete(t) : r.add(t), {
+				...n,
+				[e]: r
+			};
+		});
+	}
+	let I = me(() => {
+		let e = {};
+		for (let t of c) {
+			if (t.options) {
+				e[t.key] = t.options;
+				continue;
+			}
+			let r = /* @__PURE__ */ new Set();
+			for (let e of n) {
+				let n = $(e, t.key);
+				n != null && r.add(String(n));
+			}
+			e[t.key] = Array.from(r).sort();
+		}
+		return e;
+	}, [n, c]), L = u.find((e) => e.key === S);
+	return /* @__PURE__ */ Z("div", {
+		className: V("card-grid", m),
+		style: h,
+		...g,
+		children: [(i || s || l) && /* @__PURE__ */ Z("div", {
+			className: "card-grid-toolbar",
+			children: [i && /* @__PURE__ */ X(K, {
+				className: "card-grid-search",
+				size: "sm",
+				fullWidth: !0,
+				placeholder: o,
+				value: _,
+				onChange: (e) => v(e.target.value),
+				onClear: () => v("")
+			}), /* @__PURE__ */ Z("div", {
+				className: "card-grid-actions",
+				children: [s && c.length > 0 && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(W, {
+					ref: j,
+					variant: "outlined",
+					size: "sm",
+					startIcon: /* @__PURE__ */ X(y, {}),
+					"aria-expanded": E,
+					onClick: N,
+					children: "Filter"
+				}), /* @__PURE__ */ X(U, {
+					open: E,
+					anchorRef: j,
+					onClose: () => D(!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
+						}), (I[e.key] ?? []).map((t) => /* @__PURE__ */ X("div", {
+							className: "card-grid-filter-option",
+							children: /* @__PURE__ */ X(fe, {
+								size: "sm",
+								clickEffect: "none",
+								checked: b[e.key]?.has(t) ?? !1,
+								onChange: () => ee(e.key, t),
+								label: t
+							})
+						}, t))]
+					}, e.key))
+				})] }), l && u.length > 0 && /* @__PURE__ */ Z(Y, { children: [/* @__PURE__ */ X(W, {
+					ref: M,
+					variant: "outlined",
+					size: "sm",
+					startIcon: X(S ? w === "asc" ? e : t : O, {}),
+					"aria-expanded": k,
+					onClick: P,
+					children: L ? `Sort: ${L.label}` : "Sort"
+				}), /* @__PURE__ */ X(U, {
+					open: k,
+					anchorRef: M,
+					onClose: () => A(!1),
+					placement: "bottom-end",
+					className: "card-grid-dropdown",
+					children: u.map((n) => /* @__PURE__ */ Z("button", {
+						type: "button",
+						className: V("card-grid-sort-item", S === n.key && "active"),
+						onClick: () => {
+							S === n.key ? T(w === "asc" ? "desc" : "asc") : (C(n.key), T("asc")), A(!1);
+						},
+						children: [n.label, S === n.key && /* @__PURE__ */ X("span", {
+							className: "card-grid-sort-dir",
+							children: X(w === "asc" ? e : t, { className: "card-grid-sort-icon" })
+						})]
+					}, n.key))
+				})] })]
+			})]
+		}), F.length > 0 ? /* @__PURE__ */ X("div", {
+			className: "card-grid-items",
+			style: { gridTemplateColumns: `repeat(${f}, 1fr)` },
+			children: F.map((e, t) => r(e, t))
+		}) : /* @__PURE__ */ X("div", {
+			className: "card-grid-empty",
+			children: p
+		})]
+	});
+}
+//#endregion
+//#region src/components/cards/MCardFinance/MCardFinance.tsx
+function Me(e, t) {
+	return t || (e === void 0 || e === 0 ? "neutral" : e > 0 ? "up" : "down");
+}
+function Ne({ label: n, value: r, change: i, changeType: a, changeLabel: o, icon: s, sparkline: c, sparklineType: l = "area", color: u = "primary", currency: d, className: f, ...p }) {
+	let m = Me(i, a), h = m === "up" ? "success" : m === "down" ? "error" : "neutral";
+	return /* @__PURE__ */ Z("div", {
+		className: V("card-finance", `color-${u}`, f),
+		...p,
+		children: [
+			/* @__PURE__ */ Z("div", {
+				className: "cf-top",
+				children: [/* @__PURE__ */ Z("div", {
+					className: "cf-meta",
+					children: [/* @__PURE__ */ X("span", {
+						className: "cf-label",
+						children: n
+					}), d && /* @__PURE__ */ X("span", {
+						className: "cf-currency",
+						children: d
+					})]
+				}), s && /* @__PURE__ */ X("span", {
+					className: "cf-icon",
+					children: s
+				})]
+			}),
+			/* @__PURE__ */ X("div", {
+				className: "cf-value",
+				children: r
+			}),
+			/* @__PURE__ */ X("div", {
+				className: "cf-bottom",
+				children: i !== void 0 && /* @__PURE__ */ Z("span", {
+					className: V("cf-change", h),
+					children: [
+						m === "up" && /* @__PURE__ */ X(e, { size: 14 }),
+						m === "down" && /* @__PURE__ */ X(t, { size: 14 }),
+						/* @__PURE__ */ Z("span", {
+							className: "cf-change-value",
+							children: [
+								i > 0 ? "+" : "",
+								i,
+								"%"
+							]
+						}),
+						o && /* @__PURE__ */ X("span", {
+							className: "cf-change-label",
+							children: o
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ X("div", {
+				className: "cf-sparkline",
+				children: /* @__PURE__ */ X(de, {
+					data: c,
+					type: l,
+					color: h === "neutral" ? u : h,
+					height: 46,
+					padding: 0,
+					curved: !0,
+					animated: !0,
+					fillOpacity: .18
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { Ee as a, Ce as c, De as i, _e as l, je as n, Te as o, Ae as r, we as s, Ne as t };
+
+//# sourceMappingURL=cards-CKCr-GuJ.js.map