@solostylist/ui-kit 2.0.2 → 2.0.3

package/dist/s-product-card/s-product-card.js

@@ -1,24 +1,21 @@
 import { toSxArray as e } from "../utils/sx.js";
 import { resolveOwnerStateSlotProps as t } from "../utils/slots.js";
-import { t as n } from "../useForkRef-BuNFTXxE.js";
-import { t as ee } from "../useEventCallback-DGCsaRIu.js";
-import { t as r } from "../appendOwnerState-CFQTq3pb.js";
-import { actionHoverMedia as i, getFocusVisibleStyle as a, reducedMotionMedia as o } from "../theme/components/action-styles.js";
-import { t as te } from "../useControlled-DqNPBJNp.js";
-import { t as s } from "../mergeSlotProps-DC8r4QzS.js";
-import { t as ne } from "../Favorite-BP343hjM.js";
-import { t as re } from "../FavoriteBorder-D15j9xEL.js";
-import { SLazyImage as c } from "../s-lazy-image/s-lazy-image.js";
-import { SIconButton as l } from "../s-icon-button/s-icon-button.js";
-import { SSwatch as ie } from "../s-swatch/s-swatch.js";
-import { SRating as ae } from "../s-rating/s-rating.js";
-import { SInteractiveCard as u } from "../s-interactive-card/s-interactive-card.js";
-import * as d from "react";
-import { createElement as oe } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Box as m, CardActionArea as h, CardContent as g, CardMedia as _, Typography as v, styled as y, useThemeProps as se } from "@mui/material";
+import { actionHoverMedia as n, getFocusVisibleStyle as r, reducedMotionMedia as i } from "../theme/components/action-styles.js";
+import { SLazyImage as a } from "../s-lazy-image/s-lazy-image.js";
+import { SIconButton as o } from "../s-icon-button/s-icon-button.js";
+import { SSwatch as ee } from "../s-swatch/s-swatch.js";
+import { SRating as te } from "../s-rating/s-rating.js";
+import { SInteractiveCard as s } from "../s-interactive-card/s-interactive-card.js";
+import * as c from "react";
+import { createElement as ne } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Box as d, CardActionArea as re, CardContent as f, CardMedia as p, Typography as m, styled as h, useThemeProps as ie } from "@mui/material";
+import { mergeSlotProps as g, useControlled as ae, useEventCallback as oe, useForkRef as se } from "@mui/material/utils";
+import _ from "@mui/utils/appendOwnerState";
+import ce from "@mui/icons-material/Favorite";
+import le from "@mui/icons-material/FavoriteBorder";
 //#region lib/s-product-card/s-product-card.tsx
-var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i]: { "&:hover": e } }), x = (...e) => ({ ownerState: t }) => e.includes(t.variant), fe = y(u, {
+var v = "clamp(180px, 38%, 240px)", ue = 220, de = 18, fe = 2, y = (e) => ({ [n]: { "&:hover": e } }), b = (...e) => ({ ownerState: t }) => e.includes(t.variant), pe = h(s, {
 	name: "SProductCard",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -42,14 +39,14 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	} },
 	variants: [
 		{
-			props: x("list"),
+			props: b("list"),
 			style: {
 				flexDirection: "row",
 				[t.breakpoints.down("sm")]: { flexDirection: "column" }
 			}
 		},
 		{
-			props: x("overlay"),
+			props: b("overlay"),
 			style: {
 				backgroundColor: "transparent",
 				backgroundImage: "none",
@@ -59,11 +56,11 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 		},
 		{
 			props: ({ ownerState: e }) => e.interactive && !e.disabled && e.mediaZoom,
-			style: b({ "--SProductCard-imageScale": String(e.mediaZoomScale) })
+			style: y({ "--SProductCard-imageScale": String(e.mediaZoomScale) })
 		},
 		{
 			props: ({ ownerState: e }) => e.interactive && !e.disabled && !!e.hoverImage,
-			style: b({ "--SProductCard-hoverImageOpacity": "1" })
+			style: y({ "--SProductCard-hoverImageOpacity": "1" })
 		},
 		{
 			props: ({ ownerState: e }) => e.disabled,
@@ -76,7 +73,7 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 			}
 		}
 	]
-})), pe = y(h, {
+})), me = h(re, {
 	name: "SProductCard",
 	slot: "Link",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -86,10 +83,10 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	position: "absolute",
 	zIndex: 1,
 	"&.Mui-focusVisible": {
-		...a(e),
+		...r(e),
 		outlineOffset: -2
 	}
-})), me = y(_, {
+})), he = h(p, {
 	name: "SProductCard",
 	slot: "Media",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -108,18 +105,18 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 		minWidth: 0
 	},
 	variants: [{
-		props: x("list"),
+		props: b("list"),
 		style: {
 			aspectRatio: "auto",
 			height: e.mediaHeight ?? "auto",
-			width: e.mediaWidth ?? ce,
+			width: e.mediaWidth ?? v,
 			[t.breakpoints.down("sm")]: {
-				height: e.mediaHeight ?? le,
+				height: e.mediaHeight ?? ue,
 				width: "100%"
 			}
 		}
 	}, {
-		props: x("overlay"),
+		props: b("overlay"),
 		style: {
 			borderEndEndRadius: 0,
 			borderEndStartRadius: 0,
@@ -127,7 +124,7 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 			borderStartStartRadius: t.radius.md
 		}
 	}]
-})), S = y(c, {
+})), x = h(a, {
 	name: "SProductCard",
 	slot: "Image",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -142,20 +139,20 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 			duration: e.transitions.duration.complex,
 			easing: e.transitions.easing.easeOut
 		}),
-		[o]: {
+		[i]: {
 			transform: "none",
 			transition: "none"
 		}
 	}
-})), he = y(S, {
+})), ge = h(x, {
 	name: "SProductCard",
 	slot: "HoverImage",
 	shouldForwardProp: (e) => e !== "ownerState"
 })(({ theme: e }) => ({
 	opacity: "var(--SProductCard-hoverImageOpacity)",
 	transition: e.transitions.create("opacity", { duration: e.transitions.duration.shorter }),
-	[o]: { transition: "none" }
-})), ge = y(m, {
+	[i]: { transition: "none" }
+})), _e = h(d, {
 	name: "SProductCard",
 	slot: "Badge",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -182,7 +179,7 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 			style: { insetInlineEnd: e.spacing(2) }
 		}
 	]
-})), _e = y(m, {
+})), ve = h(d, {
 	name: "SProductCard",
 	slot: "HoverActions",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -199,11 +196,11 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	transform: "translateY(var(--SProductCard-hoverActionsShift))",
 	transition: e.transitions.create(["opacity", "transform"], { duration: e.transitions.duration.shorter }),
 	zIndex: 2,
-	[o]: {
+	[i]: {
 		transform: "none",
 		transition: "none"
 	}
-})), ve = y(g, {
+})), ye = h(f, {
 	name: "SProductCard",
 	slot: "Content",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -218,11 +215,11 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	"&:last-child": { paddingBottom: e.spacing(2) },
 	variants: [
 		{
-			props: x("grid"),
+			props: b("grid"),
 			style: { borderTop: `1px solid ${(e.vars ?? e).palette.divider}` }
 		},
 		{
-			props: x("mini"),
+			props: b("mini"),
 			style: {
 				backgroundColor: (e.vars ?? e).palette.background.paper,
 				borderTopLeftRadius: e.radius.xl,
@@ -232,11 +229,11 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 			}
 		},
 		{
-			props: x("overlay"),
+			props: b("overlay"),
 			style: { textAlign: "center" }
 		}
 	]
-})), ye = y(v, {
+})), be = h(m, {
 	name: "SProductCard",
 	slot: "Title",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -244,8 +241,8 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	display: "-webkit-box",
 	overflow: "hidden",
 	WebkitBoxOrient: "vertical",
-	WebkitLineClamp: de
-}), be = y(m, {
+	WebkitLineClamp: fe
+}), xe = h(d, {
 	name: "SProductCard",
 	slot: "Rating",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -254,10 +251,10 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	display: "flex",
 	gap: e.spacing(.5),
 	variants: [{
-		props: x("overlay"),
+		props: b("overlay"),
 		style: { justifyContent: "center" }
 	}]
-})), xe = y(m, {
+})), Se = h(d, {
 	name: "SProductCard",
 	slot: "Meta",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -265,7 +262,7 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	color: (e.vars ?? e).palette.text.secondary,
 	minWidth: 0,
 	...e.typography.body2
-})), Se = y(m, {
+})), Ce = h(d, {
 	name: "SProductCard",
 	slot: "Swatches",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -278,10 +275,10 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	position: "relative",
 	zIndex: 2,
 	variants: [{
-		props: x("overlay"),
+		props: b("overlay"),
 		style: { justifyContent: "center" }
 	}]
-})), Ce = y(m, {
+})), we = h(d, {
 	name: "SProductCard",
 	slot: "Footer",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -292,10 +289,10 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	justifyContent: "space-between",
 	marginTop: "auto",
 	variants: [{
-		props: x("overlay"),
+		props: b("overlay"),
 		style: { justifyContent: "center" }
 	}]
-})), we = y(v, {
+})), Te = h(m, {
 	name: "SProductCard",
 	slot: "Price",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -305,7 +302,7 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	display: "flex",
 	gap: e.spacing(1),
 	minWidth: 0
-})), Te = y(m, {
+})), Ee = h(d, {
 	name: "SProductCard",
 	slot: "OriginalPrice",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -313,7 +310,7 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	color: (e.vars ?? e).palette.text.secondary,
 	textDecoration: "line-through",
 	...e.typography.body2
-})), Ee = y(m, {
+})), De = h(d, {
 	name: "SProductCard",
 	slot: "Actions",
 	shouldForwardProp: (e) => e !== "ownerState"
@@ -324,171 +321,171 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 	gap: e.spacing(.5),
 	position: "relative",
 	zIndex: 2
-})), De = y(l, {
+})), Oe = h(o, {
 	name: "SProductCard",
 	slot: "FavoriteButton",
 	shouldForwardProp: (e) => e !== "ownerState"
 })(({ theme: e }) => ({ variants: [{
 	props: ({ ownerState: e }) => e.favorite,
 	style: { color: (e.vars ?? e).palette.error.main }
-}] })), C = d.forwardRef(function(i, a) {
-	let o = se({
-		props: i,
+}] })), S = c.forwardRef(function(n, r) {
+	let i = ie({
+		props: n,
 		name: "SProductCard"
-	}), { actions: c, alt: l = "", aspectRatio: u = 1, badge: m, badgePlacement: h = "top-start", defaultFavorite: g = !1, disableLift: _ = !1, disabled: y = !1, favorite: ce, favoriteActiveIcon: le = /* @__PURE__ */ f(ne, { fontSize: "inherit" }), favoriteActiveLabel: de = "Remove from wishlist", favoriteIcon: b = /* @__PURE__ */ f(re, { fontSize: "inherit" }), favoriteLabel: x = "Add to wishlist", footerContent: C, hoverActions: w, hoverImage: T, href: E, image: D, interactive: Oe = !0, linkLabel: ke, maxSwatches: Ae = 5, media: O, mediaHeight: je, mediaWidth: Me, mediaZoom: Ne = !0, mediaZoomScale: Pe = 1.08, meta: k, onClick: A, onFavoriteChange: Fe, originalPrice: j, price: M, rating: N, sheen: P = !1, showFavorite: F = !1, slotProps: I, slots: L, swatches: R, swatchesLabel: z, sx: Ie, title: B, variant: V = "grid", ...Le } = o, [H, Re] = te({
-		controlled: ce,
-		default: g,
+	}), { actions: a, alt: o = "", aspectRatio: s = 1, badge: d, badgePlacement: re = "top-start", defaultFavorite: f = !1, disableLift: p = !1, disabled: h = !1, favorite: v, favoriteActiveIcon: ue = /* @__PURE__ */ l(ce, { fontSize: "inherit" }), favoriteActiveLabel: fe = "Remove from wishlist", favoriteIcon: y = /* @__PURE__ */ l(le, { fontSize: "inherit" }), favoriteLabel: b = "Add to wishlist", footerContent: S, hoverActions: C, hoverImage: w, href: T, image: E, interactive: D = !0, linkLabel: O, maxSwatches: k = 5, media: A, mediaHeight: ke, mediaWidth: Ae, mediaZoom: je = !0, mediaZoomScale: Me = 1.08, meta: j, onClick: M, onFavoriteChange: Ne, originalPrice: N, price: P, rating: F, sheen: I = !1, showFavorite: L = !1, slotProps: R, slots: z, swatches: B, swatchesLabel: V, sx: Pe, title: H, variant: U = "grid", ...Fe } = i, [W, Ie] = ae({
+		controlled: v,
+		default: f,
 		name: "SProductCard",
 		state: "favorite"
-	}), U = Number.isFinite(Ae) ? Math.max(1, Math.floor(Ae)) : 5, W = !y && (E !== void 0 || A !== void 0), G = {
-		...o,
-		alt: l,
-		aspectRatio: u,
-		badgePlacement: h,
-		clickable: W,
-		disableLift: _,
-		disabled: y,
-		favorite: H,
-		interactive: Oe,
-		maxSwatches: U,
-		mediaHeight: je,
-		mediaWidth: Me,
-		mediaZoom: Ne,
-		mediaZoomScale: Pe,
-		sheen: P,
-		showFavorite: F,
-		variant: V
-	}, K = L?.root ?? fe, q = L?.link ?? pe, J = L?.media ?? me, Y = L?.image ?? S, ze = L?.hoverImage ?? he, Be = L?.badge ?? ge, Ve = L?.hoverActions ?? _e, He = L?.content ?? ve, Ue = L?.title ?? ye, We = L?.rating ?? be, Ge = L?.meta ?? xe, Ke = L?.swatches ?? Se, qe = L?.footer ?? Ce, Je = L?.price ?? we, Ye = L?.originalPrice ?? Te, Xe = L?.actions ?? Ee, Ze = L?.favoriteButton ?? De, Qe = `${d.useId()}-title`, $e = ee((e) => {
-		if (y) return;
-		let t = !H;
-		Re(t), Fe?.(e, t);
-	}), { ref: et, sx: tt, ...nt } = r(K, {
-		...s(t(I?.root, G), Le),
-		"aria-disabled": y || void 0,
-		disableLift: _,
-		disabled: y,
-		interactive: Oe,
-		sheen: P
-	}, G), rt = n(et, a), X = (e, n) => r(n, t(e, G) ?? {}, G), it = X(I?.media, J), at = r(Y, {
-		...s(t(I?.image, G), { variant: "rectangular" }),
-		alt: l,
-		src: D
-	}, G), ot = r(ze, {
-		...s(t(I?.hoverImage, G), { variant: "rectangular" }),
+	}), G = Number.isFinite(k) ? Math.max(1, Math.floor(k)) : 5, K = !h && (T !== void 0 || M !== void 0), q = {
+		...i,
+		alt: o,
+		aspectRatio: s,
+		badgePlacement: re,
+		clickable: K,
+		disableLift: p,
+		disabled: h,
+		favorite: W,
+		interactive: D,
+		maxSwatches: G,
+		mediaHeight: ke,
+		mediaWidth: Ae,
+		mediaZoom: je,
+		mediaZoomScale: Me,
+		sheen: I,
+		showFavorite: L,
+		variant: U
+	}, J = z?.root ?? pe, Le = z?.link ?? me, Re = z?.media ?? he, ze = z?.image ?? x, Be = z?.hoverImage ?? ge, Ve = z?.badge ?? _e, He = z?.hoverActions ?? ve, Ue = z?.content ?? ye, We = z?.title ?? be, Ge = z?.rating ?? xe, Ke = z?.meta ?? Se, qe = z?.swatches ?? Ce, Je = z?.footer ?? we, Ye = z?.price ?? Te, Xe = z?.originalPrice ?? Ee, Ze = z?.actions ?? De, Qe = z?.favoriteButton ?? Oe, $e = `${c.useId()}-title`, et = oe((e) => {
+		if (h) return;
+		let t = !W;
+		Ie(t), Ne?.(e, t);
+	}), { ref: tt, sx: nt, ...rt } = _(J, {
+		...g(t(R?.root, q), Fe),
+		"aria-disabled": h || void 0,
+		disableLift: p,
+		disabled: h,
+		interactive: D,
+		sheen: I
+	}, q), it = se(tt, r), Y = (e, n) => _(n, t(e, q) ?? {}, q), at = Y(R?.media, Re), ot = _(ze, {
+		...g(t(R?.image, q), { variant: "rectangular" }),
+		alt: o,
+		src: E
+	}, q), st = _(Be, {
+		...g(t(R?.hoverImage, q), { variant: "rectangular" }),
 		alt: "",
-		src: T
-	}, G), st = t(I?.badge, G) ?? {}, ct = r(Be, {
-		...st,
-		inert: y || st.inert
-	}, G), lt = s(t(I?.hoverActions, G), { inert: y || void 0 }), ut = r(Ve, {
-		...lt,
-		inert: y || lt.inert
-	}, G), dt = X(I?.content, He), ft = X(I?.rating, We), pt = X(I?.meta, Ge), mt = r(Ke, s(t(I?.swatches, G), {
-		"aria-label": z,
-		role: z ? "group" : void 0
-	}), G), ht = X(I?.footer, qe), gt = X(I?.originalPrice, Ye), _t = s(t(I?.actions, G), { inert: y || void 0 }), vt = r(Xe, {
-		..._t,
-		inert: y || _t.inert
-	}, G), yt = r(Ue, s(t(I?.title, G), {
+		src: w
+	}, q), ct = t(R?.badge, q) ?? {}, lt = _(Ve, {
+		...ct,
+		inert: h || ct.inert
+	}, q), ut = g(t(R?.hoverActions, q), { inert: h || void 0 }), dt = _(He, {
+		...ut,
+		inert: h || ut.inert
+	}, q), ft = Y(R?.content, Ue), pt = Y(R?.rating, Ge), mt = Y(R?.meta, Ke), ht = _(qe, g(t(R?.swatches, q), {
+		"aria-label": V,
+		role: V ? "group" : void 0
+	}), q), gt = Y(R?.footer, Je), _t = Y(R?.originalPrice, Xe), vt = g(t(R?.actions, q), { inert: h || void 0 }), yt = _(Ze, {
+		...vt,
+		inert: h || vt.inert
+	}, q), bt = _(We, g(t(R?.title, q), {
 		component: "h3",
-		id: Qe,
-		variant: V === "list" ? "subtitle1" : "body1"
-	}), G), bt = yt.id ?? Qe, Z = t(I?.link, G), xt = r(q, {
-		...s(Z, {
-			"aria-label": ke,
-			"aria-labelledby": !(Z?.["aria-label"] != null || Z?.["aria-labelledby"] != null) && ke == null && B != null ? bt : void 0
+		id: $e,
+		variant: U === "list" ? "subtitle1" : "body1"
+	}), q), xt = bt.id ?? $e, X = t(R?.link, q), St = _(Le, {
+		...g(X, {
+			"aria-label": O,
+			"aria-labelledby": !(X?.["aria-label"] != null || X?.["aria-labelledby"] != null) && O == null && H != null ? xt : void 0
 		}),
-		component: E === void 0 ? "button" : "a",
-		href: E,
-		nativeButton: E === void 0,
-		onClick: A,
-		type: E === void 0 ? "button" : void 0
-	}, G), St = r(Je, s(t(I?.price, G), {
+		component: T === void 0 ? "button" : "a",
+		href: T,
+		nativeButton: T === void 0,
+		onClick: M,
+		type: T === void 0 ? "button" : void 0
+	}, q), Ct = _(Ye, g(t(R?.price, q), {
 		component: "p",
 		variant: "subtitle1"
-	}), G), Q = s(t(I?.favoriteButton, G), {
-		"aria-label": H ? de : x,
-		"aria-pressed": H,
-		onClick: $e
-	}), Ct = r(Ze, {
-		...Q,
-		disabled: y || Q.disabled,
-		size: Q.size ?? "medium"
-	}, G), $ = R?.slice(0, U) ?? [], wt = (R?.length ?? 0) - $.length, Tt = M != null || j != null, Et = F || c != null, Dt = Tt || Et || C != null;
-	return /* @__PURE__ */ p(K, {
-		...nt,
-		ref: rt,
-		sx: [...e(Ie), ...e(tt)],
+	}), q), Z = g(t(R?.favoriteButton, q), {
+		"aria-label": W ? fe : b,
+		"aria-pressed": W,
+		onClick: et
+	}), wt = _(Qe, {
+		...Z,
+		disabled: h || Z.disabled,
+		size: Z.size ?? "medium"
+	}, q), Q = B?.slice(0, G) ?? [], Tt = (B?.length ?? 0) - Q.length, Et = P != null || N != null, $ = L || a != null, Dt = Et || $ || S != null;
+	return /* @__PURE__ */ u(J, {
+		...rt,
+		ref: it,
+		sx: [...e(Pe), ...e(nt)],
 		children: [
-			W ? /* @__PURE__ */ f(q, { ...xt }) : null,
-			O != null || D != null ? /* @__PURE__ */ p(J, {
-				...it,
+			K ? /* @__PURE__ */ l(Le, { ...St }) : null,
+			A != null || E != null ? /* @__PURE__ */ u(Re, {
+				...at,
 				children: [
-					O,
-					O == null && D != null ? /* @__PURE__ */ f(Y, { ...at }) : null,
-					O == null && T != null ? /* @__PURE__ */ f(ze, { ...ot }) : null,
-					m == null ? null : /* @__PURE__ */ f(Be, {
-						...ct,
-						children: m
+					A,
+					A == null && E != null ? /* @__PURE__ */ l(ze, { ...ot }) : null,
+					A == null && w != null ? /* @__PURE__ */ l(Be, { ...st }) : null,
+					d == null ? null : /* @__PURE__ */ l(Ve, {
+						...lt,
+						children: d
 					}),
-					w == null ? null : /* @__PURE__ */ f(Ve, {
-						...ut,
-						children: w
+					C == null ? null : /* @__PURE__ */ l(He, {
+						...dt,
+						children: C
 					})
 				]
 			}) : null,
-			/* @__PURE__ */ p(He, {
-				...dt,
+			/* @__PURE__ */ u(Ue, {
+				...ft,
 				children: [
-					B == null ? null : /* @__PURE__ */ f(Ue, {
-						...yt,
-						children: B
+					H == null ? null : /* @__PURE__ */ l(We, {
+						...bt,
+						children: H
 					}),
-					N == null ? null : /* @__PURE__ */ f(We, {
-						...ft,
-						children: typeof N == "number" ? /* @__PURE__ */ f(ae, {
+					F == null ? null : /* @__PURE__ */ l(Ge, {
+						...pt,
+						children: typeof F == "number" ? /* @__PURE__ */ l(te, {
 							precision: .5,
 							readOnly: !0,
 							size: "small",
-							value: N
-						}) : N
-					}),
-					k == null ? null : /* @__PURE__ */ f(Ge, {
-						...pt,
-						children: k
+							value: F
+						}) : F
 					}),
-					$.length > 0 ? /* @__PURE__ */ p(Ke, {
+					j == null ? null : /* @__PURE__ */ l(Ke, {
 						...mt,
-						children: [$.map((e) => /* @__PURE__ */ oe(ie, {
+						children: j
+					}),
+					Q.length > 0 ? /* @__PURE__ */ u(qe, {
+						...ht,
+						children: [Q.map((e) => /* @__PURE__ */ ne(ee, {
 							...e,
 							interactive: !1,
 							key: e.value,
 							shape: "square",
-							size: ue
-						})), wt > 0 ? /* @__PURE__ */ p(v, {
+							size: de
+						})), Tt > 0 ? /* @__PURE__ */ u(m, {
 							component: "span",
 							variant: "caption",
-							children: ["+", wt]
+							children: ["+", Tt]
 						}) : null]
 					}) : null,
-					Dt ? /* @__PURE__ */ p(qe, {
-						...ht,
+					Dt ? /* @__PURE__ */ u(Je, {
+						...gt,
 						children: [
-							Tt ? /* @__PURE__ */ p(Je, {
-								...St,
-								children: [M, j == null ? null : /* @__PURE__ */ f(Ye, {
+							Et ? /* @__PURE__ */ u(Ye, {
+								...Ct,
+								children: [P, N == null ? null : /* @__PURE__ */ l(Xe, {
 									component: "del",
-									...gt,
-									children: j
+									..._t,
+									children: N
 								})]
 							}) : null,
-							C,
-							Et ? /* @__PURE__ */ p(Xe, {
-								...vt,
-								children: [F ? /* @__PURE__ */ f(Ze, {
-									...Ct,
-									children: H ? le : b
-								}) : null, c]
+							S,
+							$ ? /* @__PURE__ */ u(Ze, {
+								...yt,
+								children: [L ? /* @__PURE__ */ l(Qe, {
+									...wt,
+									children: W ? ue : y
+								}) : null, a]
 							}) : null
 						]
 					}) : null
@@ -497,6 +494,6 @@ var ce = "clamp(180px, 38%, 240px)", le = 220, ue = 18, de = 2, b = (e) => ({ [i
 		]
 	});
 });
-C.displayName = "SProductCard";
+S.displayName = "SProductCard";
 //#endregion
-export { C as SProductCard, C as default };
+export { S as SProductCard, S as default };

package/dist/s-product-gallery/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-product-gallery-Dj9eGg5i.js";
+import { SProductGallery as e } from "./s-product-gallery.js";
 export { e as SProductGallery, e as default };