@banzamel/mineralui 1.10.2 → 1.10.3

package/dist/{cards-23tpYjxc.js → cards-Ce380ncH.js}

@@ -20,10 +20,10 @@ import { t as F } from "./MInputSearch-Dj55a3oO.js";
 import { t as I } from "./MTreeView-DMTzRk6c.js";
 import { i as te, r as ne } from "./MDropdownMenu-CAwSTZ1h.js";
 import { t as L } from "./MPagination-CnFI794t.js";
-import { Children as re, Fragment as R, cloneElement as z, isValidElement as B, useCallback as V, useEffect as ie, useMemo as ae, useRef as oe, useState as H } from "react";
+import { Children as re, Fragment as ie, cloneElement as R, isValidElement as z, useCallback as B, useEffect as ae, useMemo as V, useRef as oe, useState as H } from "react";
 import { Fragment as se, jsx as U, jsxs as W } from "react/jsx-runtime";
 //#region src/components/cards/shared/MCardColor.utils.tsx
-function G(e) {
+function ce(e) {
 	if (typeof e == "string") return e;
 	if (typeof e == "function") {
 		let t = e;
@@ -35,22 +35,22 @@ function G(e) {
 	}
 	return "";
 }
-function K(e) {
+function G(e) {
 	if (e.props.color !== void 0) return !1;
 	if (e.type === b) return !0;
-	let t = G(e.type);
+	let t = ce(e.type);
 	return t.startsWith("M") && t.endsWith("Icon");
 }
-function q(e, t) {
+function K(e, t) {
 	return t ? re.map(e, (e) => {
-		if (!B(e)) return e;
-		let n = e, r = n.props, i = r.children ? q(r.children, t) : r.children, a = {};
-		return i !== r.children && (a.children = i), K(n) && (a.color = t), Object.keys(a).length ? z(n, a) : n;
+		if (!z(e)) return e;
+		let n = e, r = n.props, i = r.children ? K(r.children, t) : r.children, a = {};
+		return i !== r.children && (a.children = i), G(n) && (a.color = t), Object.keys(a).length ? R(n, a) : n;
 	}) : e;
 }
 //#endregion
 //#region src/components/cards/MCardActionArea/MCardActionArea.tsx
-function J({ component: e, to: t, href: n, target: r, rel: i, color: a, interactive: o = !0, clickEffect: s, rippleColor: c, className: l, children: u, onPointerDown: f, type: p, ...h }) {
+function q({ component: e, to: t, href: n, target: r, rel: i, color: a, interactive: o = !0, clickEffect: s, rippleColor: c, className: l, children: u, onPointerDown: f, type: p, ...h }) {
 	let { component: g, href: _, to: v, isInteractive: y } = E({
 		component: e,
 		href: n,
@@ -77,18 +77,18 @@ function J({ component: e, to: t, href: n, target: r, rel: i, color: a, interact
 		...h,
 		children: [x, /* @__PURE__ */ U("span", {
 			className: "card-action-area-content",
-			children: q(u, a)
+			children: K(u, a)
 		})]
 	});
 }
 //#endregion
 //#region src/components/cards/MCardPayment/MCardPayment.tsx
-function ce(e) {
+function le(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 Y({ component: e, to: t, href: n, target: r, rel: i, holder: a, number: o, expiry: s, brand: c, brandIcon: l, balance: u, balanceLabel: h = "Current balance", color: g, interactive: _ = !1, clickEffect: v, rippleColor: y, className: b, onPointerDown: x, ...S }) {
-	let C = f(o), w = c ?? C.brand, T = p.find((e) => e.brand === w) ?? C, D = ce(o), O = T.iconLabel, { component: k, href: A, to: j, isInteractive: M } = E({
+function J({ component: e, to: t, href: n, target: r, rel: i, holder: a, number: o, expiry: s, brand: c, brandIcon: l, balance: u, balanceLabel: h = "Current balance", color: g, interactive: _ = !1, clickEffect: v, rippleColor: y, className: b, onPointerDown: x, ...S }) {
+	let C = f(o), w = c ?? C.brand, T = p.find((e) => e.brand === w) ?? C, D = le(o), O = T.iconLabel, { component: k, href: A, to: j, isInteractive: M } = E({
 		component: e,
 		href: n,
 		to: t,
@@ -150,11 +150,11 @@ function Y({ component: e, to: t, href: n, target: r, rel: i, holder: a, number:
 }
 //#endregion
 //#region src/components/cards/MCardPaymentMethod/MCardPaymentMethod.tsx
-function le(e) {
+function Y(e) {
 	return p.find((t) => t.brand === e)?.iconLabel ?? "CARD";
 }
 function ue({ 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: f = "Expiration date", cvcLabel: p = "Security code", expiryProps: m, cvcProps: h, color: v, className: b, ...x }) {
-	let C = m?.value ?? m?.defaultValue, w = s === void 0 ? "Default" : s, T = C ? `Credit card - Expiration date ${String(C).replace("/", ".")}` : "Credit card", E = c === void 0 ? T : c, D = le(i), O = {
+	let C = m?.value ?? m?.defaultValue, w = s === void 0 ? "Default" : s, T = C ? `Credit card - Expiration date ${String(C).replace("/", ".")}` : "Credit card", E = c === void 0 ? T : c, D = Y(i), O = {
 		clearable: !0,
 		...m
 	};
@@ -230,11 +230,11 @@ function ue({ title: e = "Your payment methods", actionLabel: t = "Change", acti
 }
 //#endregion
 //#region src/components/cards/ServiceCardsShared/ServiceCardsShared.tsx
-function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN", duration: f, available: p, image: m, gallery: h, galleryAutoPlay: g = !1, rating: _, reviewCount: v, favorite: y, onFavorite: x, menuItems: C, onAddToCart: w, actionLabel: T, icon: E, color: D = "primary", leader: O, participants: k, maxParticipants: A, quantity: j, onQuantityChange: M, date: P, location: F, status: I, className: L, ...re }) {
-	let [R, z] = H(0), [B, V] = H(!1), [ae, oe] = H(1), G = j ?? ae, K = h && h.length > 0 ? h : m ? [m] : [];
-	ie(() => {
+function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN", duration: f, available: p, image: m, gallery: h, galleryAutoPlay: g = !1, rating: _, reviewCount: v, favorite: y, onFavorite: x, menuItems: C, onAddToCart: w, actionLabel: T, icon: E, color: D = "primary", leader: O, participants: k, maxParticipants: A, quantity: j, onQuantityChange: M, showQuantity: P = !0, date: F, location: I, status: L, className: re, ...ie }) {
+	let [R, z] = H(0), [B, V] = H(!1), [oe, ce] = H(1), G = j ?? oe, K = h && h.length > 0 ? h : m ? [m] : [];
+	ae(() => {
 		R >= K.length && z(0);
-	}, [R, K.length]), ie(() => {
+	}, [R, K.length]), ae(() => {
 		if (!B) return;
 		let e = window.setTimeout(() => {
 			V(!1);
@@ -244,21 +244,21 @@ function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 	function q(e) {
 		e === R || e < 0 || e >= K.length || (K.length > 1 && V(!0), z(e));
 	}
-	ie(() => {
+	ae(() => {
 		if (!g || K.length <= 1) return;
 		let e = window.setInterval(() => {
 			V(!0), z((e) => (e + 1) % K.length);
 		}, 3500);
 		return () => window.clearInterval(e);
 	}, [g, K.length]);
-	function J(e) {
+	function le(e) {
 		let t = Math.max(1, e);
-		M ? M(t) : oe(t);
+		M ? M(t) : ce(t);
 	}
-	let ce = p === !0 ? "Available" : p === !1 ? "Unavailable" : typeof p == "number" ? `${p} spots` : null, Y = P ? P instanceof Date ? P : new Date(P) : null, le = Y ? Y.getDate() : null, ue = Y ? Y.toLocaleString("en", { month: "short" }).toUpperCase() : null;
+	let J = p === !0 ? "Available" : p === !1 ? "Unavailable" : typeof p == "number" ? `${p} spots` : null, Y = F ? F instanceof Date ? F : new Date(F) : null, ue = Y ? Y.getDate() : null, X = Y ? Y.toLocaleString("en", { month: "short" }).toUpperCase() : null;
 	return /* @__PURE__ */ W("div", {
-		className: d("card-service", e, `color-${D}`, L),
-		...re,
+		className: d("card-service", e, `color-${D}`, re),
+		...ie,
 		children: [
 			K.length > 0 && /* @__PURE__ */ W("div", {
 				className: "cs-gallery",
@@ -317,10 +317,10 @@ function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 							className: "cs-date-block",
 							children: [/* @__PURE__ */ U("span", {
 								className: "cs-date-day",
-								children: le
+								children: ue
 							}), /* @__PURE__ */ U("span", {
 								className: "cs-date-month",
-								children: ue
+								children: X
 							})]
 						}), /* @__PURE__ */ W("div", {
 							className: "cs-event-info",
@@ -418,10 +418,10 @@ function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 					/* @__PURE__ */ W("div", {
 						className: "cs-meta",
 						children: [
-							e === "event" && F && /* @__PURE__ */ U(S, {
+							e === "event" && I && /* @__PURE__ */ U(S, {
 								size: "xs",
 								color: D,
-								children: F
+								children: I
 							}),
 							f && /* @__PURE__ */ U(S, {
 								size: "xs",
@@ -429,15 +429,15 @@ function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 								icon: /* @__PURE__ */ U(n, {}),
 								children: f
 							}),
-							e === "event" && I && /* @__PURE__ */ U(S, {
+							e === "event" && L && /* @__PURE__ */ U(S, {
 								size: "xs",
-								color: I.toLowerCase() === "sold out" ? "error" : D,
-								children: I
+								color: L.toLowerCase() === "sold out" ? "error" : D,
+								children: L
 							}),
-							ce && e !== "event" && /* @__PURE__ */ U(S, {
+							J && e !== "event" && /* @__PURE__ */ U(S, {
 								size: "xs",
 								color: p === !1 ? "error" : D,
-								children: ce
+								children: J
 							})
 						]
 					})
@@ -457,14 +457,14 @@ function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 					]
 				}), /* @__PURE__ */ W("div", {
 					className: "cs-actions",
-					children: [e === "product" && w && /* @__PURE__ */ W("div", {
+					children: [e === "product" && w && P && /* @__PURE__ */ W("div", {
 						className: "cs-qty",
 						children: [
 							/* @__PURE__ */ U(b, {
 								variant: "ghost",
 								iconOnly: !0,
 								size: "sm",
-								onClick: () => J(G - 1),
+								onClick: () => le(G - 1),
 								"aria-label": "Decrease",
 								className: "cs-qty-btn",
 								children: /* @__PURE__ */ U(r, {})
@@ -477,7 +477,7 @@ function X({ variant: e, title: t, description: i, price: c, currency: u = "PLN"
 								variant: "ghost",
 								iconOnly: !0,
 								size: "sm",
-								onClick: () => J(G + 1),
+								onClick: () => le(G + 1),
 								"aria-label": "Increase",
 								className: "cs-qty-btn",
 								children: /* @__PURE__ */ U(o, {})
@@ -523,7 +523,7 @@ function fe(e) {
 //#region src/components/cards/MCardTile/MCardTile.tsx
 function Z({ component: e, title: t, description: n, icon: r, color: i = "primary", to: o, href: c, target: u, rel: f, onClick: p, interactive: h = !1, clickEffect: g, rippleColor: _, image: v, video: y, illustration: x, camera: S, mediaFill: C = !1, overlayPosition: w = "bottom", favorite: T, onFavorite: D, menuItems: O, className: k, ...A }) {
 	let j = oe(null);
-	ie(() => {
+	ae(() => {
 		if (!S) return;
 		let e = j.current;
 		if (!e || typeof navigator > "u" || !navigator.mediaDevices?.getUserMedia) return;
@@ -545,18 +545,18 @@ function Z({ component: e, title: t, description: n, icon: r, color: i = "primar
 		interactive: h,
 		hasClickHandler: !!p,
 		fallbackComponent: "button"
-	}), L = C && M, { effectClassName: re, effectLayer: R, handlePointerDown: z } = m({
+	}), L = C && M, { effectClassName: re, effectLayer: ie, handlePointerDown: R } = m({
 		effect: g ?? (F ? "ripple" : "none"),
 		disabled: !F,
 		color: _
 	});
-	function B(e) {
+	function z(e) {
 		e.stopPropagation();
 	}
-	function V(e) {
+	function B(e) {
 		p && (e.preventDefault(), p());
 	}
-	function ae() {
+	function V() {
 		return M ? /* @__PURE__ */ W("div", {
 			className: d("tile-media", L && "fill"),
 			children: [
@@ -611,10 +611,10 @@ function Z({ component: e, title: t, description: n, icon: r, color: i = "primar
 	let se = D || O && O.length > 0;
 	return /* @__PURE__ */ W("div", {
 		className: d("card-tile", `color-${i}`, L && "media-fill", F && "interactive", re, k),
-		onPointerDown: z,
+		onPointerDown: R,
 		...A,
 		children: [
-			R,
+			ie,
 			I && /* @__PURE__ */ U(N, {
 				href: N === "a" || e ? ee : void 0,
 				to: P,
@@ -622,7 +622,7 @@ function Z({ component: e, title: t, description: n, icon: r, color: i = "primar
 				rel: f,
 				className: "tile-link",
 				"aria-label": t,
-				onClick: p ? V : void 0
+				onClick: p ? B : void 0
 			}),
 			!I && p && /* @__PURE__ */ U(N, {
 				type: "button",
@@ -630,12 +630,12 @@ function Z({ component: e, title: t, description: n, icon: r, color: i = "primar
 				"aria-label": t,
 				onClick: p
 			}),
-			ae(),
+			V(),
 			H(),
 			se && /* @__PURE__ */ W("div", {
 				className: "tile-actions",
-				onClick: B,
-				onPointerDown: B,
+				onClick: z,
+				onPointerDown: z,
 				children: [O && O.length > 0 && /* @__PURE__ */ U(te, {
 					className: "tile-menu-wrap",
 					trigger: /* @__PURE__ */ U(b, {
@@ -822,37 +822,37 @@ function xe(e, t) {
 	return r;
 }
 function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1, searchKeys: s, searchPlaceholder: l = "Search...", search: u, onSearchChange: f, filterable: p = !1, filterKeys: m = [], filters: g, onFiltersChange: _, sortable: v = !1, sortKeys: y = [], defaultSort: S, sort: C, onSortChange: w, pagination: T = !1, pageSize: E = 12, page: D, onPageChange: O, total: k, manualSearch: A = !1, manualFilters: j = !1, manualSort: M = !1, manualPagination: N = !1, columns: ee = 3, emptyMessage: P = "No results found.", className: I, style: te, ...ne }) {
-	let [re, z] = H(""), [B, ie] = H({}), [G, K] = H(S ?? null), [q, J] = H(1), [ce, Y] = H(!1), [le, ue] = H(!1), X = oe(null), de = oe(null), fe = u === void 0 ? re : u, Z = g === void 0 ? B : g, Q = C === void 0 ? G : C, pe = D === void 0 ? q : D, me = V((e) => {
-		u === void 0 && z(e), !N && D === void 0 && J(1), f?.(e);
+	let [re, R] = H(""), [z, ae] = H({}), [ce, G] = H(S ?? null), [K, q] = H(1), [le, J] = H(!1), [Y, ue] = H(!1), X = oe(null), de = oe(null), fe = u === void 0 ? re : u, Z = g === void 0 ? z : g, Q = C === void 0 ? ce : C, pe = D === void 0 ? K : D, me = B((e) => {
+		u === void 0 && R(e), !N && D === void 0 && q(1), f?.(e);
 	}, [
 		u,
 		D,
 		N,
 		f
-	]), he = V((e) => {
-		g === void 0 && ie(e), !N && D === void 0 && J(1), _?.(e);
+	]), he = B((e) => {
+		g === void 0 && ae(e), !N && D === void 0 && q(1), _?.(e);
 	}, [
 		g,
 		D,
 		N,
 		_
-	]), ge = V((e) => {
-		C === void 0 && K(e), !N && D === void 0 && J(1), w?.(e);
+	]), ge = B((e) => {
+		C === void 0 && G(e), !N && D === void 0 && q(1), w?.(e);
 	}, [
 		C,
 		D,
 		N,
 		w
-	]), _e = oe(null), ve = V((e) => {
-		D === void 0 && J(e), O?.(e), _e.current?.scrollIntoView({
+	]), _e = oe(null), ve = B((e) => {
+		D === void 0 && q(e), O?.(e), _e.current?.scrollIntoView({
 			block: "start",
 			behavior: "smooth"
 		});
-	}, [D, O]), ye = V(() => {
-		Y((e) => !e), ue(!1);
-	}, []), Se = V(() => {
-		ue((e) => !e), Y(!1);
-	}, []), $ = ae(() => {
+	}, [D, O]), ye = B(() => {
+		J((e) => !e), ue(!1);
+	}, []), Se = B(() => {
+		ue((e) => !e), J(!1);
+	}, []), $ = V(() => {
 		let e = n;
 		if (!A && fe && s && s.length > 0) {
 			let t = fe.toLowerCase();
@@ -882,7 +882,7 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 		A,
 		j,
 		M
-	]), Ce = N ? k ?? $.length : $.length, we = ae(() => {
+	]), Ce = N ? k ?? $.length : $.length, we = V(() => {
 		if (!T || N) return $;
 		let e = (pe - 1) * E;
 		return $.slice(e, e + E);
@@ -900,7 +900,7 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 			[e]: r
 		});
 	}
-	let Ee = ae(() => {
+	let Ee = V(() => {
 		let e = {};
 		for (let t of m) {
 			if (t.options) {
@@ -940,13 +940,13 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 						color: a,
 						size: "sm",
 						startIcon: /* @__PURE__ */ U(e, {}),
-						"aria-expanded": ce,
+						"aria-expanded": le,
 						onClick: ye,
 						children: "Filter"
 					}), /* @__PURE__ */ U(h, {
-						open: ce,
+						open: le,
 						anchorRef: X,
-						onClose: () => Y(!1),
+						onClose: () => J(!1),
 						placement: "bottom-end",
 						className: "card-grid-dropdown",
 						children: m.map((e) => /* @__PURE__ */ W("div", {
@@ -971,11 +971,11 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 						color: a,
 						size: "sm",
 						startIcon: Q ? Q.direction === "asc" ? /* @__PURE__ */ U(i, {}) : /* @__PURE__ */ U(t, {}) : /* @__PURE__ */ U(c, {}),
-						"aria-expanded": le,
+						"aria-expanded": Y,
 						onClick: Se,
 						children: De ? `Sort: ${De.label}` : "Sort"
 					}), /* @__PURE__ */ U(h, {
-						open: le,
+						open: Y,
 						anchorRef: de,
 						onClose: () => ue(!1),
 						placement: "bottom-end",
@@ -1005,7 +1005,7 @@ function Se({ items: n, renderCard: r, color: a = "primary", searchable: o = !1,
 				style: be(ee),
 				children: we.map((e, t) => {
 					let n = e?.id;
-					return /* @__PURE__ */ U(R, { children: r(e, t) }, n ?? t);
+					return /* @__PURE__ */ U(ie, { children: r(e, t) }, n ?? t);
 				})
 			}) : /* @__PURE__ */ U("div", {
 				className: "card-grid-empty",
@@ -1066,7 +1066,7 @@ function $({ title: e = "Today", description: t, color: n = "primary", workdaySt
 								/* @__PURE__ */ U("div", {
 									className: "day-schedule-card-dot",
 									"data-color": e.color ?? n,
-									children: q(e.icon, e.color ?? n)
+									children: K(e.icon, e.color ?? n)
 								}),
 								/* @__PURE__ */ W("div", {
 									className: "day-schedule-card-copy",
@@ -1108,7 +1108,7 @@ function $({ title: e = "Today", description: t, color: n = "primary", workdaySt
 					})
 				})]
 			}) }),
-			c && /* @__PURE__ */ U(k, { children: q(c, n) })
+			c && /* @__PURE__ */ U(k, { children: K(c, n) })
 		]
 	});
 }
@@ -1120,7 +1120,7 @@ function Ce({ title: e = "Documents", description: t, color: n = "primary", item
 }), primaryAction: y, ...x }) {
 	let S = (e) => ({
 		...e,
-		icon: q(e.icon, n),
+		icon: K(e.icon, n),
 		children: e.children?.map(S)
 	}), C = r.map(S);
 	return /* @__PURE__ */ W(A, {
@@ -1137,7 +1137,7 @@ function Ce({ title: e = "Documents", description: t, color: n = "primary", item
 				size: "sm",
 				tone: "muted",
 				children: t
-			})] }), q(y, n)]
+			})] }), K(y, n)]
 		}) }), /* @__PURE__ */ U(O, { children: /* @__PURE__ */ W(w, {
 			type: "row",
 			align: "start",
@@ -1185,7 +1185,7 @@ function Ce({ title: e = "Documents", description: t, color: n = "primary", item
 								children: /* @__PURE__ */ U(a, {})
 							}),
 							children: p.map((e) => /* @__PURE__ */ U(ne, {
-								icon: q(e.icon, e.color ?? n),
+								icon: K(e.icon, e.color ?? n),
 								label: e.label,
 								color: e.color ?? n,
 								disabled: e.disabled,
@@ -1202,6 +1202,6 @@ function Ce({ title: e = "Documents", description: t, color: n = "primary", item
 	});
 }
 //#endregion
-export { ge as a, Z as c, ue as d, Y as f, ye as i, fe as l, $ as n, pe as o, J as p, Se as r, Q as s, Ce as t, de as u };
+export { ge as a, Z as c, ue as d, J as f, ye as i, fe as l, $ as n, pe as o, q as p, Se as r, Q as s, Ce as t, de as u };
 
-//# sourceMappingURL=cards-23tpYjxc.js.map
+//# sourceMappingURL=cards-Ce380ncH.js.map