@pmax-lt/ui-react 0.1.1 → 0.2.1

package/dist/index.js

@@ -278,7 +278,7 @@ var w = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, T = v, E = (e
 	sm: 16,
 	md: 20,
 	lg: 24
-}, N = o(function({ as: e = "button", icon: r, label: i, variant: a, size: o = "md", badge: s, className: c, ...l }, u) {
+}, ee = o(function({ as: e = "button", icon: r, label: i, variant: a, size: o = "md", badge: s, className: c, ...l }, u) {
 	return /* @__PURE__ */ n(e, {
 		ref: u,
 		type: e === "button" ? "button" : void 0,
@@ -297,18 +297,18 @@ var w = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, T = v, E = (e
 			children: s
 		})]
 	});
-}), P = {
+}), N = {
 	base: "_base_1cws8_1",
 	ink: "_ink_1cws8_15",
 	subtle: "_subtle_1cws8_20"
 };
 //#endregion
 //#region src/primitives/CountPill.tsx
-function ee({ value: e, tone: n = "ink", className: r }) {
+function P({ value: e, tone: n = "ink", className: r }) {
 	let i = e > 999 ? "999+" : String(e);
 	return /* @__PURE__ */ t("span", {
 		"data-pmax": "count-pill",
-		className: v(P.base, n === "subtle" ? P.subtle : P.ink, r),
+		className: v(N.base, n === "subtle" ? N.subtle : N.ink, r),
 		children: i
 	});
 }
@@ -337,7 +337,7 @@ function te({ selected: e, onToggle: r, count: i, disabled: a, type: o = "checkb
 				...d
 			}),
 			s,
-			i === void 0 ? null : /* @__PURE__ */ t(ee, {
+			i === void 0 ? null : /* @__PURE__ */ t(P, {
 				value: i,
 				tone: e ? "subtle" : "ink"
 			})
@@ -1096,10 +1096,10 @@ function Dt(e) {
 }
 dt(Dt, "getState");
 var Ot = {
-	root: "_root_68evb_1 _focusRing_svxew_10",
-	indicator: "_indicator_68evb_25",
-	"check-pop": "_check-pop_68evb_1",
-	label: "_label_68evb_41"
+	root: "_root_a8gny_1 _focusRing_svxew_10",
+	indicator: "_indicator_a8gny_35",
+	"check-pop": "_check-pop_a8gny_1",
+	label: "_label_a8gny_51"
 };
 //#endregion
 //#region src/primitives/Checkbox.tsx
@@ -3333,26 +3333,26 @@ function Na(e) {
 		O,
 		D
 	]);
-	let N = r.useMemo(() => ({
+	let ee = r.useMemo(() => ({
 		reference: w,
 		floating: T,
 		setReference: b,
 		setFloating: x
-	}), [b, x]), P = r.useMemo(() => ({
+	}), [b, x]), N = r.useMemo(() => ({
 		reference: S,
 		floating: C
-	}), [S, C]), ee = r.useMemo(() => {
+	}), [S, C]), P = r.useMemo(() => {
 		let e = {
 			position: n,
 			left: 0,
 			top: 0
 		};
-		if (!P.floating) return e;
-		let t = ja(P.floating, d.x), r = ja(P.floating, d.y);
+		if (!N.floating) return e;
+		let t = ja(N.floating, d.x), r = ja(N.floating, d.y);
 		return c ? {
 			...e,
 			transform: "translate(" + t + "px, " + r + "px)",
-			...Aa(P.floating) >= 1.5 && { willChange: "transform" }
+			...Aa(N.floating) >= 1.5 && { willChange: "transform" }
 		} : {
 			position: n,
 			left: t,
@@ -3361,22 +3361,22 @@ function Na(e) {
 	}, [
 		n,
 		c,
-		P.floating,
+		N.floating,
 		d.x,
 		d.y
 	]);
 	return r.useMemo(() => ({
 		...d,
 		update: j,
-		refs: N,
-		elements: P,
-		floatingStyles: ee
+		refs: ee,
+		elements: N,
+		floatingStyles: P
 	}), [
 		d,
 		j,
+		ee,
 		N,
-		P,
-		ee
+		P
 	]);
 }
 var Pa = (e) => {
@@ -3482,7 +3482,7 @@ var Pa = (e) => {
 		padding: O,
 		boundary: k.filter(no),
 		altBoundary: A
-	}, { refs: M, floatingStyles: N, placement: P, isPositioned: ee, middlewareData: F } = Na({
+	}, { refs: M, floatingStyles: ee, placement: N, isPositioned: P, middlewareData: F } = Na({
 		strategy: "fixed",
 		placement: D,
 		whileElementsMounted: /* @__PURE__ */ Ua((...e) => ya(...e, { animationFrame: h === "always" }), "whileElementsMounted"),
@@ -3521,13 +3521,13 @@ var Pa = (e) => {
 			})
 		]
 	}), te = v.setPlacementState;
-	B(() => (te(P), () => {
+	B(() => (te(N), () => {
 		te(void 0);
-	}), [P, te]);
-	let [ne, re] = io(P), ie = Kn(g);
+	}), [N, te]);
+	let [ne, re] = io(N), ie = Kn(g);
 	B(() => {
-		ee && ie?.();
-	}, [ee, ie]);
+		P && ie?.();
+	}, [P, ie]);
 	let ae = F.arrow?.x, oe = F.arrow?.y, se = F.arrow?.centerOffset !== 0, [ce, le] = r.useState();
 	return B(() => {
 		y && le(window.getComputedStyle(y).zIndex);
@@ -3535,8 +3535,8 @@ var Pa = (e) => {
 		ref: M.setFloating,
 		"data-radix-popper-content-wrapper": "",
 		style: {
-			...N,
-			transform: ee ? N.transform : "translate(0, -200%)",
+			...ee,
+			transform: P ? ee.transform : "translate(0, -200%)",
 			minWidth: "max-content",
 			zIndex: ce,
 			"--radix-popper-transform-origin": [F.transformOrigin?.x, F.transformOrigin?.y].join(" "),
@@ -3561,7 +3561,7 @@ var Pa = (e) => {
 				ref: x,
 				style: {
 					..._.style,
-					animation: ee ? _.style?.animation : "none"
+					animation: P ? _.style?.animation : "none"
 				}
 			})
 		})
@@ -4427,10 +4427,10 @@ var uc = "Menu", [dc, fc, pc] = /* @__PURE__ */ Vt(uc), [mc, hc] = /* @__PURE__
 		onDismiss: () => r.onOpenChange(!1)
 	});
 }, "MenuRootContentNonModal")), Pc = /* @__PURE__ */ Je("MenuContent.ScrollLock"), Fc = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ X(function(e, n) {
-	let { __scopeMenu: i, loop: a = !1, trapFocus: o, onOpenAutoFocus: s, onCloseAutoFocus: c, disableOutsidePointerEvents: l, onEntryFocus: u, onEscapeKeyDown: d, onPointerDownOutside: f, onFocusOutside: p, onInteractOutside: m, onDismiss: h, disableOutsideScroll: g, ..._ } = e, v = yc(Oc, i), y = xc(Oc, i), b = gc(i), x = _c(i), S = fc(i), [C, w] = r.useState(null), T = r.useRef(null), E = I(n, T, v.onContentChange), D = r.useRef(0), O = r.useRef(""), k = r.useRef(0), A = r.useRef(null), j = r.useRef("right"), M = r.useRef(0), N = g ? ic : r.Fragment, P = g ? {
+	let { __scopeMenu: i, loop: a = !1, trapFocus: o, onOpenAutoFocus: s, onCloseAutoFocus: c, disableOutsidePointerEvents: l, onEntryFocus: u, onEscapeKeyDown: d, onPointerDownOutside: f, onFocusOutside: p, onInteractOutside: m, onDismiss: h, disableOutsideScroll: g, ..._ } = e, v = yc(Oc, i), y = xc(Oc, i), b = gc(i), x = _c(i), S = fc(i), [C, w] = r.useState(null), T = r.useRef(null), E = I(n, T, v.onContentChange), D = r.useRef(0), O = r.useRef(""), k = r.useRef(0), A = r.useRef(null), j = r.useRef("right"), M = r.useRef(0), ee = g ? ic : r.Fragment, N = g ? {
 		as: Pc,
 		allowPinchZoom: !0
-	} : void 0, ee = /* @__PURE__ */ X((e) => {
+	} : void 0, P = /* @__PURE__ */ X((e) => {
 		let t = O.current + e, n = S().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = Qc(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
 		(/* @__PURE__ */ X((function e(t) {
 			O.current = t, window.clearTimeout(D.current), t !== "" && (D.current = window.setTimeout(() => e(""), 1e3));
@@ -4454,8 +4454,8 @@ var uc = "Menu", [dc, fc, pc] = /* @__PURE__ */ Vt(uc), [mc, hc] = /* @__PURE__
 		onPointerGraceIntentChange: r.useCallback((e) => {
 			A.current = e;
 		}, []),
-		children: /* @__PURE__ */ t(N, {
-			...P,
+		children: /* @__PURE__ */ t(ee, {
+			...N,
 			children: /* @__PURE__ */ t(_r, {
 				asChild: !0,
 				trapped: o,
@@ -4498,7 +4498,7 @@ var uc = "Menu", [dc, fc, pc] = /* @__PURE__ */ Vt(uc), [mc, hc] = /* @__PURE__
 							},
 							onKeyDown: z(_.onKeyDown, (e) => {
 								let t = e.target.closest("[data-radix-menu-content]") === e.currentTarget, n = e.ctrlKey || e.altKey || e.metaKey, r = e.key.length === 1;
-								t && (e.key === "Tab" && e.preventDefault(), !n && r && ee(e.key));
+								t && (e.key === "Tab" && e.preventDefault(), !n && r && P(e.key));
 								let i = T.current;
 								if (e.target !== i || !lc.includes(e.key)) return;
 								e.preventDefault();
@@ -5211,40 +5211,57 @@ function zu({ message: e, icon: r, dismissible: i, onDismiss: a, storageKey: o }
 		]
 	});
 }
-var Bu = {
-	mark: "_mark_i17hj_1",
-	v2: "_v2_i17hj_13",
-	accent: "_accent_i17hj_13",
-	v3: "_v3_i17hj_18",
-	symbol: "_symbol_i17hj_25"
-};
-//#endregion
-//#region src/components/Logo.tsx
-function Vu({ variant: e = "v1", height: r = 32, as: i, className: a }) {
-	let o = i ?? "span";
-	return e === "symbol" ? /* @__PURE__ */ t(o, {
+var Bu = { mark: "_mark_1q4lp_1" }, Vu = 594, Hu = 157;
+function Uu({ height: e = 32, as: r, className: i, style: a }) {
+	let o = r ?? "span", s = u();
+	return /* @__PURE__ */ t(o, {
 		"data-pmax": "logo",
-		className: v(Bu.symbol, a),
+		className: v(Bu.mark, i),
 		style: {
-			height: r,
-			fontSize: r * .5
+			height: e,
+			...a
 		},
-		"aria-label": "PMAX",
-		children: "P"
-	}) : /* @__PURE__ */ n(o, {
-		"data-pmax": "logo",
-		className: v(Bu.mark, e === "v3" && Bu.v3, e === "v2" && Bu.v2, a),
-		style: { fontSize: r },
-		"aria-label": "PMAX",
-		children: ["PM", e === "v2" ? /* @__PURE__ */ t("span", {
-			className: Bu.accent,
-			children: "AX"
-		}) : "AX"]
+		children: /* @__PURE__ */ n("svg", {
+			height: e,
+			width: e * Vu / Hu,
+			viewBox: `0 0 ${Vu} ${Hu}`,
+			fill: "none",
+			role: "img",
+			"aria-label": "PMAX",
+			children: [/* @__PURE__ */ n("g", {
+				clipPath: `url(#${s})`,
+				children: [
+					/* @__PURE__ */ t("path", {
+						d: "M157.682 87.7434V24.0053H179.498L211.808 56.2882V157H235.557V56.2882L267.866 24.0053H289.958V157H313.707V16.2794L297.967 0H258.201L223.682 34.4903L189.439 0H149.674L133.657 16.2794V71.464L149.398 87.7434H157.682Z",
+						fill: "currentColor"
+					}),
+					/* @__PURE__ */ t("path", {
+						d: "M379.155 0L332.761 46.355V157.276H356.787V122.51H428.586V157.276H452.335V16.2794L436.318 0H379.155ZM428.586 98.5044H356.787V56.2882L389.096 24.0053H428.586V98.5044Z",
+						fill: "currentColor"
+					}),
+					/* @__PURE__ */ t("path", {
+						d: "M594 0H569.975V31.7311L537.941 63.7381H526.619L494.31 31.7311V0H470.284V41.3884L504.527 75.6028L470.284 110.093V157H494.31V119.75L526.619 87.7434H537.941L569.975 119.75V157H594V110.093L559.757 75.6028L594 41.3884V0Z",
+						fill: "currentColor"
+					}),
+					/* @__PURE__ */ t("path", {
+						d: "M0 0V121.13H24.0251V87.4675H103.556L119.573 71.188V16.2794L103.556 0H0ZM95.5481 63.7381H24.0251V24.0053H95.8243V63.7381H95.5481Z",
+						fill: "currentColor"
+					})
+				]
+			}), /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
+				id: s,
+				children: /* @__PURE__ */ t("rect", {
+					width: Vu,
+					height: Hu,
+					fill: "white"
+				})
+			}) })]
+		})
 	});
 }
 //#endregion
 //#region src/components/ContactItem.tsx
-var Hu = {
+var Wu = {
 	display: "inline-flex",
 	alignItems: "center",
 	gap: 8,
@@ -5252,10 +5269,10 @@ var Hu = {
 	fontSize: 13,
 	color: "var(--text-muted)"
 };
-function Uu({ icon: e, children: r, href: i }) {
+function Gu({ icon: e, children: r, href: i }) {
 	let a = /* @__PURE__ */ n("span", {
 		"data-pmax": "contact-item",
-		style: Hu,
+		style: Wu,
 		children: [/* @__PURE__ */ t(g, {
 			name: e,
 			size: 16
@@ -5272,7 +5289,7 @@ function Uu({ icon: e, children: r, href: i }) {
 }
 //#endregion
 //#region src/components/LangSwitcher.tsx
-function Wu({ value: e, options: n, onChange: r }) {
+function Ku({ value: e, options: n, onChange: r }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pmax": "lang-switcher",
 		children: /* @__PURE__ */ t(Ol, {
@@ -5286,10 +5303,10 @@ function Wu({ value: e, options: n, onChange: r }) {
 }
 //#endregion
 //#region src/components/CartButton.tsx
-function Gu({ count: e, href: r = "/cart" }) {
+function qu({ count: e, href: r = "/cart" }) {
 	return /* @__PURE__ */ n("div", {
 		"data-pmax": "cart-button",
-		children: [/* @__PURE__ */ t(N, {
+		children: [/* @__PURE__ */ t(ee, {
 			as: r ? "a" : "button",
 			href: r,
 			icon: "cart",
@@ -5309,7 +5326,7 @@ function Gu({ count: e, href: r = "/cart" }) {
 		})]
 	});
 }
-var Ku = {
+var Ju = {
 	link: "_link_icul5_1 _focusRing_svxew_10",
 	active: "_active_icul5_24",
 	chevron: "_chevron_icul5_29",
@@ -5317,22 +5334,22 @@ var Ku = {
 };
 //#endregion
 //#region src/components/NavItem.tsx
-function qu({ active: e, hasDropdown: r, open: i, href: a, children: o, onClick: s }) {
+function Yu({ active: e, hasDropdown: r, open: i, href: a, children: o, onClick: s }) {
 	return /* @__PURE__ */ n("a", {
 		"data-pmax": "nav-item",
 		href: a,
 		onClick: s,
 		"aria-current": e ? "page" : void 0,
 		"aria-expanded": r ? i : void 0,
-		className: v(Ku.link, e && Ku.active, i && Ku.open),
+		className: v(Ju.link, e && Ju.active, i && Ju.open),
 		children: [o, r ? /* @__PURE__ */ t(g, {
 			name: "chevron-down",
 			size: 14,
-			className: Ku.chevron
+			className: Ju.chevron
 		}) : null]
 	});
 }
-var Ju = {
+var Xu = {
 	bar: "_bar_k59n0_1",
 	primary: "_primary_k59n0_8",
 	secondary: "_secondary_k59n0_9",
@@ -5343,39 +5360,39 @@ var Ju = {
 };
 //#endregion
 //#region src/components/NavBar.tsx
-function Yu({ items: e, activeKey: r, secondaryItems: i }) {
+function Zu({ items: e, activeKey: r, secondaryItems: i }) {
 	return /* @__PURE__ */ n("nav", {
 		"data-pmax": "nav-bar",
-		className: Ju.bar,
+		className: Xu.bar,
 		"aria-label": "Primary",
 		children: [/* @__PURE__ */ t("div", {
-			className: Ju.primary,
+			className: Xu.primary,
 			children: e.map((e) => e.children?.length ? /* @__PURE__ */ n("div", {
-				className: Ju.item,
-				children: [/* @__PURE__ */ t(qu, {
+				className: Xu.item,
+				children: [/* @__PURE__ */ t(Yu, {
 					href: e.href,
 					active: e.key === r,
 					hasDropdown: !0,
 					children: e.label
 				}), /* @__PURE__ */ t("div", {
-					className: Ju.dropdown,
+					className: Xu.dropdown,
 					children: /* @__PURE__ */ t("div", {
-						className: Ju.panel,
+						className: Xu.panel,
 						children: e.children.map((e) => /* @__PURE__ */ t("a", {
 							href: e.href,
-							className: Ju.panelLink,
+							className: Xu.panelLink,
 							children: e.label
 						}, e.href))
 					})
 				})]
-			}, e.key) : /* @__PURE__ */ t(qu, {
+			}, e.key) : /* @__PURE__ */ t(Yu, {
 				href: e.href,
 				active: e.key === r,
 				children: e.label
 			}, e.key))
 		}), i?.length ? /* @__PURE__ */ t("div", {
-			className: Ju.secondary,
-			children: i.map((e) => /* @__PURE__ */ t(qu, {
+			className: Xu.secondary,
+			children: i.map((e) => /* @__PURE__ */ t(Yu, {
 				href: e.href,
 				active: e.key === r,
 				children: e.label
@@ -5383,42 +5400,42 @@ function Yu({ items: e, activeKey: r, secondaryItems: i }) {
 		}) : null]
 	});
 }
-var Xu = {
+var Qu = {
 	tile: "_tile_iwfq7_1 _focusRing_svxew_10",
 	selected: "_selected_iwfq7_25",
 	label: "_label_iwfq7_29"
 };
 //#endregion
 //#region src/components/CategoryTile.tsx
-function Zu({ icon: e, label: r, href: i, selected: a }) {
+function $u({ icon: e, label: r, href: i, selected: a }) {
 	return /* @__PURE__ */ n("a", {
 		"data-pmax": "category-tile",
 		href: i,
-		className: v(Xu.tile, a && Xu.selected),
+		className: v(Qu.tile, a && Qu.selected),
 		"aria-current": a ? "true" : void 0,
 		children: [/* @__PURE__ */ t(g, {
 			name: e,
 			size: 28
 		}), /* @__PURE__ */ t("span", {
-			className: Xu.label,
+			className: Qu.label,
 			children: r
 		})]
 	});
 }
-var Qu = { rail: "_rail_ia9r7_1" };
+var ed = { rail: "_rail_ia9r7_1" };
 //#endregion
 //#region src/components/CategoryRail.tsx
-function $u({ items: e, selectedKey: n }) {
+function td({ items: e, selectedKey: n }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pmax": "category-rail",
-		className: Qu.rail,
-		children: e.map((e) => /* @__PURE__ */ t(Zu, {
+		className: ed.rail,
+		children: e.map((e) => /* @__PURE__ */ t($u, {
 			...e,
 			selected: e.href === n
 		}, e.href))
 	});
 }
-var ed = {
+var nd = {
 	root: "_root_ulh45_1",
 	sticky: "_sticky_ulh45_5",
 	inner: "_inner_ulh45_11",
@@ -5428,36 +5445,36 @@ var ed = {
 };
 //#endregion
 //#region src/components/HeaderShell.tsx
-function td({ announcement: e, rail: r, sticky: i, children: a }) {
+function rd({ announcement: e, rail: r, sticky: i, children: a }) {
 	return /* @__PURE__ */ n("header", {
 		"data-pmax": "header-shell",
-		className: v(ed.root, i && ed.sticky),
+		className: v(nd.root, i && nd.sticky),
 		children: [
 			e ? /* @__PURE__ */ t("div", {
-				className: ed.inner,
+				className: nd.inner,
 				children: /* @__PURE__ */ t("div", {
-					className: ed.announcementRow,
+					className: nd.announcementRow,
 					children: e
 				})
 			}) : null,
 			/* @__PURE__ */ t("div", {
-				className: ed.inner,
+				className: nd.inner,
 				children: /* @__PURE__ */ t("div", {
-					className: ed.chromeRow,
+					className: nd.chromeRow,
 					children: a
 				})
 			}),
 			r ? /* @__PURE__ */ t("div", {
-				className: ed.inner,
+				className: nd.inner,
 				children: /* @__PURE__ */ t("div", {
-					className: ed.railRow,
+					className: nd.railRow,
 					children: r
 				})
 			}) : null
 		]
 	});
 }
-var nd = {
+var id = {
 	row: "_row_1e6sz_1",
 	xl: "_xl_1e6sz_8",
 	lg: "_lg_1e6sz_12",
@@ -5470,39 +5487,39 @@ var nd = {
 };
 //#endregion
 //#region src/components/Price.tsx
-function rd(e) {
+function ad(e) {
 	let [t, n = "00"] = e.toFixed(2).split(".");
 	return {
 		whole: t,
 		cents: n
 	};
 }
-function id({ amount: e, currency: r = "€", oldPrice: i, size: a = "lg", note: o, onYellow: s }) {
-	let { whole: c, cents: l } = rd(e);
+function od({ amount: e, currency: r = "€", oldPrice: i, size: a = "lg", note: o, onYellow: s }) {
+	let { whole: c, cents: l } = ad(e);
 	return /* @__PURE__ */ n("span", {
 		"data-pmax": "price",
-		className: v(nd.row, nd[a], s && nd.onYellow),
+		className: v(id.row, id[a], s && id.onYellow),
 		children: [
 			/* @__PURE__ */ n("span", {
-				className: nd.amount,
+				className: id.amount,
 				children: [
 					c,
 					/* @__PURE__ */ t("sup", {
-						className: nd.cents,
+						className: id.cents,
 						children: l
 					}),
 					/* @__PURE__ */ t("span", {
-						className: nd.currency,
+						className: id.currency,
 						children: r
 					})
 				]
 			}),
 			i === void 0 ? null : /* @__PURE__ */ t("span", {
-				className: nd.old,
-				children: rd(i).whole + "." + rd(i).cents + r
+				className: id.old,
+				children: ad(i).whole + "." + ad(i).cents + r
 			}),
 			o ? /* @__PURE__ */ t("span", {
-				className: nd.note,
+				className: id.note,
 				children: o
 			}) : null
 		]
@@ -5510,7 +5527,7 @@ function id({ amount: e, currency: r = "€", oldPrice: i, size: a = "lg", note:
 }
 //#endregion
 //#region src/components/FulfillmentBadges.tsx
-function ad({ items: e }) {
+function sd({ items: e }) {
 	return e.length === 0 ? null : /* @__PURE__ */ t("div", {
 		"data-pmax": "fulfillment-badges",
 		style: {
@@ -5528,8 +5545,8 @@ function ad({ items: e }) {
 }
 //#endregion
 //#region src/components/WishlistButton.tsx
-function od({ active: e, onToggle: n, size: r = "md" }) {
-	return /* @__PURE__ */ t(N, {
+function cd({ active: e, onToggle: n, size: r = "md" }) {
+	return /* @__PURE__ */ t(ee, {
 		icon: "heart",
 		label: e ? "Remove from wishlist" : "Add to wishlist",
 		"aria-pressed": e,
@@ -5540,8 +5557,8 @@ function od({ active: e, onToggle: n, size: r = "md" }) {
 }
 //#endregion
 //#region src/components/CompareButton.tsx
-function sd({ active: e, onToggle: n }) {
-	return /* @__PURE__ */ t(N, {
+function ld({ active: e, onToggle: n }) {
+	return /* @__PURE__ */ t(ee, {
 		icon: "compare",
 		label: e ? "Remove from comparison" : "Add to comparison",
 		"aria-pressed": e,
@@ -5552,9 +5569,9 @@ function sd({ active: e, onToggle: n }) {
 }
 //#endregion
 //#region src/components/AddToCartButton.tsx
-function cd({ onAdd: e, loading: n, added: r, disabled: i, variant: a = "labelled" }) {
+function ud({ onAdd: e, loading: n, added: r, disabled: i, variant: a = "labelled" }) {
 	let o = i && !n;
-	return a === "icon" ? /* @__PURE__ */ t(N, {
+	return a === "icon" ? /* @__PURE__ */ t(ee, {
 		icon: r ? "check-circle" : "cart-add",
 		label: o ? "Out of stock" : r ? "Added to cart" : "Add to cart",
 		variant: r ? "ink" : "yellow",
@@ -5592,7 +5609,7 @@ var Q = {
 };
 //#endregion
 //#region src/components/ProductCard.tsx
-function ld({ product: e, priority: r, wishlisted: i, onWishlistToggle: a, compared: o, onCompareToggle: s, loading: c }) {
+function dd({ product: e, priority: r, wishlisted: i, onWishlistToggle: a, compared: o, onCompareToggle: s, loading: c }) {
 	return c ? /* @__PURE__ */ n("div", {
 		"data-pmax": "product-card",
 		className: Q.card,
@@ -5628,7 +5645,7 @@ function ld({ product: e, priority: r, wishlisted: i, onWishlistToggle: a, compa
 			}),
 			e.fulfillment?.length ? /* @__PURE__ */ t("div", {
 				className: Q.badges,
-				children: /* @__PURE__ */ t(ad, { items: e.fulfillment })
+				children: /* @__PURE__ */ t(sd, { items: e.fulfillment })
 			}) : null,
 			/* @__PURE__ */ n("div", {
 				className: Q.actions,
@@ -5637,14 +5654,14 @@ function ld({ product: e, priority: r, wishlisted: i, onWishlistToggle: a, compa
 						position: "relative",
 						zIndex: 2
 					},
-					children: /* @__PURE__ */ t(od, {
+					children: /* @__PURE__ */ t(cd, {
 						active: !!i,
 						onToggle: a,
 						size: "sm"
 					})
 				}) : null, s ? /* @__PURE__ */ t("span", {
 					className: Q.compareSlot,
-					children: /* @__PURE__ */ t(sd, {
+					children: /* @__PURE__ */ t(ld, {
 						active: !!o,
 						onToggle: s
 					})
@@ -5677,7 +5694,7 @@ function ld({ product: e, priority: r, wishlisted: i, onWishlistToggle: a, compa
 					children: e.title
 				}), /* @__PURE__ */ t("div", {
 					className: Q.footer,
-					children: /* @__PURE__ */ t(id, {
+					children: /* @__PURE__ */ t(od, {
 						amount: e.price,
 						oldPrice: e.oldPrice,
 						size: "lg"
@@ -5689,7 +5706,7 @@ function ld({ product: e, priority: r, wishlisted: i, onWishlistToggle: a, compa
 }
 //#endregion
 //#region src/components/ProductGrid.tsx
-function ud({ columns: e = 4, gap: n = 20, children: r, empty: i, emptyMessage: a = "No products found." }) {
+function fd({ columns: e = 4, gap: n = 20, children: r, empty: i, emptyMessage: a = "No products found." }) {
 	return i ? /* @__PURE__ */ t("div", {
 		"data-pmax": "product-grid",
 		style: {
@@ -5711,7 +5728,7 @@ function ud({ columns: e = 4, gap: n = 20, children: r, empty: i, emptyMessage:
 		children: r
 	});
 }
-var dd = {
+var pd = {
 	root: "_root_1b4a7_1",
 	track: "_track_1b4a7_5",
 	slide: "_slide_1b4a7_18",
@@ -5724,7 +5741,7 @@ var dd = {
 };
 //#endregion
 //#region src/components/ProductCarousel.tsx
-function fd({ children: e, perView: r = 4, peek: a = .1, loop: o }) {
+function md({ children: e, perView: r = 4, peek: a = .1, loop: o }) {
 	let s = f(null), [c, l] = p(0), u = i.toArray(e), d = `calc((100% - ${(r - 1) * 20}px) / ${r + a})`, m = (e) => {
 		let t = s.current;
 		if (!t) return;
@@ -5737,10 +5754,10 @@ function fd({ children: e, perView: r = 4, peek: a = .1, loop: o }) {
 	};
 	return /* @__PURE__ */ n("div", {
 		"data-pmax": "product-carousel",
-		className: dd.root,
+		className: pd.root,
 		children: [
 			/* @__PURE__ */ t("button", {
-				className: v(dd.arrow, dd.arrowPrev),
+				className: v(pd.arrow, pd.arrowPrev),
 				"aria-label": "Previous",
 				onClick: () => m(c - 1),
 				children: /* @__PURE__ */ t(g, {
@@ -5749,16 +5766,16 @@ function fd({ children: e, perView: r = 4, peek: a = .1, loop: o }) {
 				})
 			}),
 			/* @__PURE__ */ t("div", {
-				className: dd.track,
+				className: pd.track,
 				ref: s,
 				children: u.map((e, n) => /* @__PURE__ */ t("div", {
-					className: dd.slide,
+					className: pd.slide,
 					style: { width: d },
 					children: e
 				}, n))
 			}),
 			/* @__PURE__ */ t("button", {
-				className: v(dd.arrow, dd.arrowNext),
+				className: v(pd.arrow, pd.arrowNext),
 				"aria-label": "Next",
 				onClick: () => m(c + 1),
 				children: /* @__PURE__ */ t(g, {
@@ -5767,9 +5784,9 @@ function fd({ children: e, perView: r = 4, peek: a = .1, loop: o }) {
 				})
 			}),
 			/* @__PURE__ */ t("div", {
-				className: dd.dots,
+				className: pd.dots,
 				children: u.map((e, n) => /* @__PURE__ */ t("button", {
-					className: v(dd.dot, n === c && dd.dotActive),
+					className: v(pd.dot, n === c && pd.dotActive),
 					"aria-label": `Go to slide ${n + 1}`,
 					onClick: () => m(n)
 				}, n))
@@ -5779,7 +5796,7 @@ function fd({ children: e, perView: r = 4, peek: a = .1, loop: o }) {
 }
 //#endregion
 //#region src/components/SectionHeader.tsx
-function pd({ title: e, count: r, action: i, hint: a }) {
+function hd({ title: e, count: r, action: i, hint: a }) {
 	return /* @__PURE__ */ n("div", {
 		"data-pmax": "section-header",
 		style: {
@@ -5799,7 +5816,7 @@ function pd({ title: e, count: r, action: i, hint: a }) {
 				as: "h2",
 				variant: "display-2",
 				children: e
-			}), r === void 0 ? null : /* @__PURE__ */ t(ee, { value: r })]
+			}), r === void 0 ? null : /* @__PURE__ */ t(P, { value: r })]
 		}), /* @__PURE__ */ n("div", {
 			style: {
 				display: "flex",
@@ -5817,7 +5834,7 @@ function pd({ title: e, count: r, action: i, hint: a }) {
 }
 //#endregion
 //#region src/components/SortMenu.tsx
-function md({ value: e, options: r, onChange: i }) {
+function gd({ value: e, options: r, onChange: i }) {
 	return /* @__PURE__ */ n("div", {
 		"data-pmax": "sort-menu",
 		style: {
@@ -5838,7 +5855,7 @@ function md({ value: e, options: r, onChange: i }) {
 }
 //#endregion
 //#region src/components/FilterSection.tsx
-function hd({ title: e, defaultOpen: n, children: r }) {
+function _d({ title: e, defaultOpen: n, children: r }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pmax": "filter-section",
 		children: /* @__PURE__ */ t(Au, {
@@ -5853,7 +5870,7 @@ function hd({ title: e, defaultOpen: n, children: r }) {
 }
 //#endregion
 //#region src/components/FilterChipGroup.tsx
-function gd({ options: e, value: n, onChange: r, columns: i = 2, mode: a = "multi" }) {
+function vd({ options: e, value: n, onChange: r, columns: i = 2, mode: a = "multi" }) {
 	let o = (e, t) => {
 		if (a === "single") {
 			r(t ? [e] : []);
@@ -5883,7 +5900,7 @@ function gd({ options: e, value: n, onChange: r, columns: i = 2, mode: a = "mult
 }
 //#endregion
 //#region src/components/PriceRangeFilter.tsx
-function _d({ min: e, max: r, value: i, onChange: a, currency: o = "€" }) {
+function yd({ min: e, max: r, value: i, onChange: a, currency: o = "€" }) {
 	let [s, c] = p([String(i[0]), String(i[1])]);
 	return l(() => {
 		c([String(i[0]), String(i[1])]);
@@ -5934,7 +5951,7 @@ function _d({ min: e, max: r, value: i, onChange: a, currency: o = "€" }) {
 }
 //#endregion
 //#region src/components/FilterPanel.tsx
-function vd({ sections: e, onReset: r }) {
+function bd({ sections: e, onReset: r }) {
 	return /* @__PURE__ */ n(Nu, {
 		as: "aside",
 		tone: "page",
@@ -5967,7 +5984,7 @@ function vd({ sections: e, onReset: r }) {
 }
 //#endregion
 //#region src/components/ActiveFilters.tsx
-function yd({ values: e, onRemove: r, onClearAll: i }) {
+function xd({ values: e, onRemove: r, onClearAll: i }) {
 	return e.length === 0 ? null : /* @__PURE__ */ n("div", {
 		"data-pmax": "active-filters",
 		style: {
@@ -6004,7 +6021,7 @@ function yd({ values: e, onRemove: r, onClearAll: i }) {
 		})]
 	});
 }
-var bd = {
+var Sd = {
 	nav: "_nav_1ssjp_1",
 	pageBtn: "_pageBtn_1ssjp_7 _focusRing_svxew_10",
 	current: "_current_1ssjp_31",
@@ -6013,23 +6030,23 @@ var bd = {
 };
 //#endregion
 //#region src/components/Pagination.tsx
-function xd(e, t, n) {
+function Cd(e, t, n) {
 	if (t <= n * 2 + 5) return Array.from({ length: t }, (e, t) => t + 1);
 	let r = Math.max(e - n, 2), i = Math.min(e + n, t - 1), a = [1];
 	r > 2 && a.push("ellipsis");
 	for (let e = r; e <= i; e++) a.push(e);
 	return i < t - 1 && a.push("ellipsis"), a.push(t), a;
 }
-function Sd({ page: e, pageCount: r, onChange: i, siblingCount: a = 1 }) {
+function wd({ page: e, pageCount: r, onChange: i, siblingCount: a = 1 }) {
 	if (r <= 1) return null;
-	let o = xd(e, r, a);
+	let o = Cd(e, r, a);
 	return /* @__PURE__ */ n("nav", {
 		"data-pmax": "pagination",
 		"aria-label": "Pagination",
-		className: bd.nav,
+		className: Sd.nav,
 		children: [
 			/* @__PURE__ */ n("button", {
-				className: bd.edge,
+				className: Sd.edge,
 				disabled: e === 1,
 				onClick: () => i(e - 1),
 				children: [/* @__PURE__ */ t(g, {
@@ -6038,16 +6055,16 @@ function Sd({ page: e, pageCount: r, onChange: i, siblingCount: a = 1 }) {
 				}), "Prev"]
 			}),
 			o.map((n, r) => n === "ellipsis" ? /* @__PURE__ */ t("span", {
-				className: bd.ellipsis,
+				className: Sd.ellipsis,
 				children: "…"
 			}, `ellipsis-${r}`) : /* @__PURE__ */ t("button", {
-				className: `${bd.pageBtn} ${n === e ? bd.current : ""}`,
+				className: `${Sd.pageBtn} ${n === e ? Sd.current : ""}`,
 				"aria-current": n === e ? "page" : void 0,
 				onClick: () => i(n),
 				children: n
 			}, n)),
 			/* @__PURE__ */ n("button", {
-				className: bd.edge,
+				className: Sd.edge,
 				disabled: e === r,
 				onClick: () => i(e + 1),
 				children: ["Next", /* @__PURE__ */ t(g, {
@@ -6058,7 +6075,7 @@ function Sd({ page: e, pageCount: r, onChange: i, siblingCount: a = 1 }) {
 		]
 	});
 }
-var Cd = {
+var Td = {
 	root: "_root_z6mp5_1",
 	main: "_main_z6mp5_7",
 	mainImage: "_mainImage_z6mp5_15",
@@ -6070,13 +6087,13 @@ var Cd = {
 };
 //#endregion
 //#region src/components/ProductGallery.tsx
-function wd({ images: e, alt: r, actions: i }) {
+function Ed({ images: e, alt: r, actions: i }) {
 	let [a, o] = p(0);
 	return /* @__PURE__ */ n("div", {
 		"data-pmax": "product-gallery",
-		className: Cd.root,
+		className: Td.root,
 		children: [/* @__PURE__ */ n("div", {
-			className: Cd.main,
+			className: Td.main,
 			tabIndex: 0,
 			role: "group",
 			"aria-label": `${r} — image ${a + 1} of ${e.length}`,
@@ -6089,23 +6106,23 @@ function wd({ images: e, alt: r, actions: i }) {
 			children: [/* @__PURE__ */ t("img", {
 				src: e[a],
 				alt: r,
-				className: Cd.mainImage
+				className: Td.mainImage
 			}), i ? /* @__PURE__ */ t("div", {
-				className: Cd.actions,
+				className: Td.actions,
 				children: i
 			}) : null]
 		}), e.length > 1 ? /* @__PURE__ */ t("div", {
-			className: Cd.thumbs,
+			className: Td.thumbs,
 			children: e.map((e, n) => /* @__PURE__ */ t("button", {
 				type: "button",
-				className: v(Cd.thumb, n === a && Cd.thumbActive),
+				className: v(Td.thumb, n === a && Td.thumbActive),
 				"aria-label": `View image ${n + 1}`,
 				"aria-current": n === a,
 				onClick: () => o(n),
 				children: /* @__PURE__ */ t("img", {
 					src: e,
 					alt: "",
-					className: Cd.thumbImage
+					className: Td.thumbImage
 				})
 			}, e + n))
 		}) : null]
@@ -6113,7 +6130,7 @@ function wd({ images: e, alt: r, actions: i }) {
 }
 //#endregion
 //#region src/components/SkuChip.tsx
-function Td({ label: e, value: r }) {
+function Dd({ label: e, value: r }) {
 	return /* @__PURE__ */ n("span", {
 		"data-pmax": "sku-chip",
 		style: {
@@ -6139,7 +6156,7 @@ function Td({ label: e, value: r }) {
 }
 //#endregion
 //#region src/components/FulfillmentPanel.tsx
-function Ed({ rows: e }) {
+function Od({ rows: e }) {
 	return /* @__PURE__ */ t(Nu, {
 		tone: "panel",
 		radius: "lg",
@@ -6180,7 +6197,7 @@ function Ed({ rows: e }) {
 }
 //#endregion
 //#region src/components/SpecItem.tsx
-function Dd({ icon: e, label: r, value: i }) {
+function kd({ icon: e, label: r, value: i }) {
 	return /* @__PURE__ */ n("div", {
 		"data-pmax": "spec-item",
 		style: {
@@ -6215,7 +6232,7 @@ function Dd({ icon: e, label: r, value: i }) {
 }
 //#endregion
 //#region src/components/SpecGrid.tsx
-function Od({ items: e, columns: n = 4 }) {
+function Ad({ items: e, columns: n = 4 }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pmax": "spec-grid",
 		style: {
@@ -6223,12 +6240,12 @@ function Od({ items: e, columns: n = 4 }) {
 			gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))`,
 			gap: 20
 		},
-		children: e.map((e) => /* @__PURE__ */ t(Dd, { ...e }, e.label))
+		children: e.map((e) => /* @__PURE__ */ t(kd, { ...e }, e.label))
 	});
 }
 //#endregion
 //#region src/components/CollapsiblePanel.tsx
-function kd({ title: e, defaultOpen: n, children: r }) {
+function jd({ title: e, defaultOpen: n, children: r }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pmax": "collapsible-panel",
 		children: /* @__PURE__ */ t(Au, {
@@ -6243,7 +6260,7 @@ function kd({ title: e, defaultOpen: n, children: r }) {
 }
 //#endregion
 //#region src/components/AttributeChip.tsx
-function Ad({ label: e, value: r, highlight: i }) {
+function Md({ label: e, value: r, highlight: i }) {
 	return /* @__PURE__ */ n("div", {
 		"data-pmax": "attribute-chip",
 		style: {
@@ -6265,7 +6282,7 @@ function Ad({ label: e, value: r, highlight: i }) {
 }
 //#endregion
 //#region src/components/AttributeList.tsx
-function jd({ items: e, columns: n = 2 }) {
+function Nd({ items: e, columns: n = 2 }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pmax": "attribute-list",
 		style: {
@@ -6273,20 +6290,20 @@ function jd({ items: e, columns: n = 2 }) {
 			gridTemplateColumns: `repeat(${n}, minmax(0, max-content))`,
 			gap: 8
 		},
-		children: e.map((e) => /* @__PURE__ */ t(Ad, { ...e }, e.label))
+		children: e.map((e) => /* @__PURE__ */ t(Md, { ...e }, e.label))
 	});
 }
-var Md = { prose: "_prose_29xo6_1" };
+var Pd = { prose: "_prose_29xo6_1" };
 //#endregion
 //#region src/components/Prose.tsx
-function Nd({ children: e }) {
+function Fd({ children: e }) {
 	return /* @__PURE__ */ t("div", {
 		"data-pmax": "prose",
-		className: Md.prose,
+		className: Pd.prose,
 		children: e
 	});
 }
-var Pd = {
+var Id = {
 	slide: "_slide_w5ynl_1",
 	yellow: "_yellow_w5ynl_13",
 	dark: "_dark_w5ynl_18",
@@ -6300,31 +6317,31 @@ var Pd = {
 };
 //#endregion
 //#region src/components/HeroSlide.tsx
-function Fd({ eyebrow: e, title: r, specs: i, price: a, cta: o, image: s, tone: c = "yellow" }) {
-	let l = c === "dark" ? Pd.dark : c === "image-only" ? Pd.imageOnly : Pd.yellow;
+function Ld({ eyebrow: e, title: r, specs: i, price: a, cta: o, image: s, tone: c = "yellow" }) {
+	let l = c === "dark" ? Id.dark : c === "image-only" ? Id.imageOnly : Id.yellow;
 	return /* @__PURE__ */ n("div", {
 		"data-pmax": "hero-slide",
-		className: v(Pd.slide, l),
+		className: v(Id.slide, l),
 		children: [/* @__PURE__ */ n("div", { children: [
 			e ? /* @__PURE__ */ t("div", {
-				className: Pd.eyebrow,
+				className: Id.eyebrow,
 				children: e
 			}) : null,
 			/* @__PURE__ */ t("h2", {
-				className: Pd.title,
+				className: Id.title,
 				children: r
 			}),
 			i?.length ? /* @__PURE__ */ t("div", {
-				className: Pd.specs,
+				className: Id.specs,
 				children: i.map((e) => /* @__PURE__ */ n("div", {
-					className: Pd.specRow,
+					className: Id.specRow,
 					children: [/* @__PURE__ */ t("span", {
-						className: Pd.specLabel,
+						className: Id.specLabel,
 						children: e.label
 					}), /* @__PURE__ */ t("span", { children: e.value })]
 				}, e.label))
 			}) : null,
-			a === void 0 ? null : /* @__PURE__ */ t(id, {
+			a === void 0 ? null : /* @__PURE__ */ t(od, {
 				amount: a,
 				size: "xl",
 				onYellow: c === "yellow"
@@ -6336,11 +6353,11 @@ function Fd({ eyebrow: e, title: r, specs: i, price: a, cta: o, image: s, tone:
 		] }), /* @__PURE__ */ t("img", {
 			src: s,
 			alt: "",
-			className: Pd.media
+			className: Id.media
 		})]
 	});
 }
-var Id = {
+var Rd = {
 	root: "_root_1jj5f_1",
 	track: "_track_1jj5f_5",
 	slide: "_slide_1jj5f_18",
@@ -6352,7 +6369,7 @@ var Id = {
 };
 //#endregion
 //#region src/components/HeroCarousel.tsx
-function Ld({ slides: e, autoplay: r = !0, interval: i = 6e3 }) {
+function zd({ slides: e, autoplay: r = !0, interval: i = 6e3 }) {
 	let a = f(null), [o, s] = p(0), [c, u] = p(!r), d = typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, m = (t) => {
 		let n = (t + e.length) % e.length;
 		a.current?.children[n]?.scrollIntoView({
@@ -6373,22 +6390,22 @@ function Ld({ slides: e, autoplay: r = !0, interval: i = 6e3 }) {
 		e.length
 	]), e.length === 0 ? null : /* @__PURE__ */ n("div", {
 		"data-pmax": "hero-carousel",
-		className: Id.root,
+		className: Rd.root,
 		onMouseEnter: () => u(!0),
 		onMouseLeave: () => u(!r),
 		onFocus: () => u(!0),
 		onBlur: () => u(!r),
 		children: [/* @__PURE__ */ t("div", {
-			className: Id.track,
+			className: Rd.track,
 			ref: a,
 			children: e.map((e, n) => /* @__PURE__ */ t("div", {
-				className: Id.slide,
+				className: Rd.slide,
 				children: e
 			}, n))
 		}), e.length > 1 ? /* @__PURE__ */ n("div", {
-			className: Id.controls,
+			className: Rd.controls,
 			children: [r ? /* @__PURE__ */ t("button", {
-				className: Id.pause,
+				className: Rd.pause,
 				"aria-label": c ? "Resume autoplay" : "Pause autoplay",
 				onClick: () => u((e) => !e),
 				children: /* @__PURE__ */ t(g, {
@@ -6396,9 +6413,9 @@ function Ld({ slides: e, autoplay: r = !0, interval: i = 6e3 }) {
 					size: 16
 				})
 			}) : null, /* @__PURE__ */ t("div", {
-				className: Id.dots,
+				className: Rd.dots,
 				children: e.map((e, n) => /* @__PURE__ */ t("button", {
-					className: v(Id.dot, n === o && Id.dotActive),
+					className: v(Rd.dot, n === o && Rd.dotActive),
 					"aria-label": `Go to slide ${n + 1}`,
 					onClick: () => m(n)
 				}, n))
@@ -6406,7 +6423,7 @@ function Ld({ slides: e, autoplay: r = !0, interval: i = 6e3 }) {
 		}) : null]
 	});
 }
-var Rd = {
+var Bd = {
 	root: "_root_5w8x9_1",
 	media: "_media_5w8x9_8",
 	card: "_card_5w8x9_21",
@@ -6417,30 +6434,30 @@ var Rd = {
 };
 //#endregion
 //#region src/components/MediaBanner.tsx
-function zd({ media: e, title: r, subtitle: i, cta: a, cardPosition: o = "left" }) {
+function Vd({ media: e, title: r, subtitle: i, cta: a, cardPosition: o = "left" }) {
 	return /* @__PURE__ */ n("div", {
 		"data-pmax": "media-banner",
-		className: Rd.root,
+		className: Bd.root,
 		children: [e.type === "video" ? /* @__PURE__ */ t("video", {
-			className: Rd.media,
+			className: Bd.media,
 			src: e.src,
 			autoPlay: !0,
 			muted: !0,
 			loop: !0,
 			playsInline: !0
 		}) : /* @__PURE__ */ t("img", {
-			className: Rd.media,
+			className: Bd.media,
 			src: e.src,
 			alt: ""
 		}), /* @__PURE__ */ n("div", {
-			className: `${Rd.card} ${o === "right" ? Rd.right : Rd.left}`,
+			className: `${Bd.card} ${o === "right" ? Bd.right : Bd.left}`,
 			children: [
 				/* @__PURE__ */ t("h3", {
-					className: Rd.title,
+					className: Bd.title,
 					children: r
 				}),
 				i ? /* @__PURE__ */ t("p", {
-					className: Rd.subtitle,
+					className: Bd.subtitle,
 					children: i
 				}) : null,
 				a
@@ -6450,7 +6467,7 @@ function zd({ media: e, title: r, subtitle: i, cta: a, cardPosition: o = "left"
 }
 //#endregion
 //#region src/components/PromoCard.tsx
-function Bd({ illustration: e, title: r, body: i, cta: a, tone: o = "light" }) {
+function Hd({ illustration: e, title: r, body: i, cta: a, tone: o = "light" }) {
 	return /* @__PURE__ */ n("div", {
 		"data-pmax": "promo-card",
 		style: {
@@ -6494,7 +6511,7 @@ function Bd({ illustration: e, title: r, body: i, cta: a, tone: o = "light" }) {
 }
 //#endregion
 //#region src/components/ArticleCard.tsx
-function Vd({ image: e, title: r, excerpt: i, date: a, href: o }) {
+function Ud({ image: e, title: r, excerpt: i, date: a, href: o }) {
 	return /* @__PURE__ */ n("a", {
 		"data-pmax": "article-card",
 		href: o,
@@ -6561,7 +6578,7 @@ function Vd({ image: e, title: r, excerpt: i, date: a, href: o }) {
 		]
 	});
 }
-var Hd = {
+var Wd = {
 	root: "_root_1lqp3_1",
 	inner: "_inner_1lqp3_6",
 	top: "_top_1lqp3_12",
@@ -6573,20 +6590,17 @@ var Hd = {
 };
 //#endregion
 //#region src/components/Footer.tsx
-function Ud({ columns: e, contact: r, hours: i, legal: a, compact: o }) {
+function Gd({ columns: e, contact: r, hours: i, legal: a, compact: o }) {
 	return /* @__PURE__ */ t("footer", {
 		"data-pmax": "footer",
-		className: Hd.root,
+		className: Wd.root,
 		children: /* @__PURE__ */ n("div", {
-			className: Hd.inner,
+			className: Wd.inner,
 			children: [
 				/* @__PURE__ */ t("div", {
-					className: Hd.top,
+					className: Wd.top,
 					children: /* @__PURE__ */ n("div", { children: [
-						/* @__PURE__ */ t(Vu, {
-							variant: "v1",
-							height: 28
-						}),
+						/* @__PURE__ */ t(Uu, { height: 28 }),
 						/* @__PURE__ */ t("div", {
 							style: {
 								display: "flex",
@@ -6594,14 +6608,14 @@ function Ud({ columns: e, contact: r, hours: i, legal: a, compact: o }) {
 								gap: 8,
 								marginTop: 16
 							},
-							children: r.map((e, n) => /* @__PURE__ */ t(Uu, {
+							children: r.map((e, n) => /* @__PURE__ */ t(Gu, {
 								icon: e.icon,
 								href: e.href,
 								children: e.children
 							}, n))
 						}),
 						i ? /* @__PURE__ */ t("span", {
-							className: Hd.hoursPill,
+							className: Wd.hoursPill,
 							style: {
 								marginTop: 12,
 								display: "inline-flex"
@@ -6611,18 +6625,18 @@ function Ud({ columns: e, contact: r, hours: i, legal: a, compact: o }) {
 					] })
 				}),
 				o ? null : /* @__PURE__ */ t("div", {
-					className: Hd.columns,
+					className: Wd.columns,
 					children: e.map((e) => /* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("h5", {
-						className: Hd.columnTitle,
+						className: Wd.columnTitle,
 						children: e.title
 					}), e.links.map((e) => /* @__PURE__ */ t("a", {
 						href: e.href,
-						className: Hd.link,
+						className: Wd.link,
 						children: e.label
 					}, e.href))] }, e.title))
 				}),
 				/* @__PURE__ */ t("div", {
-					className: Hd.legal,
+					className: Wd.legal,
 					children: a
 				})
 			]
@@ -6631,17 +6645,17 @@ function Ud({ columns: e, contact: r, hours: i, legal: a, compact: o }) {
 }
 //#endregion
 //#region ../../node_modules/@radix-ui/react-dialog/dist/index.mjs
-var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
+var Kd = Object.defineProperty, $ = (e, t) => Kd(e, "name", {
 	value: t,
 	configurable: !0
-}), Gd = "Dialog", [Kd, qd] = /* @__PURE__ */ R(Gd), [Jd, Yd] = Kd(Gd), Xd = /* @__PURE__ */ $((e) => {
+}), qd = "Dialog", [Jd, Yd] = /* @__PURE__ */ R(qd), [Xd, Zd] = Jd(qd), Qd = /* @__PURE__ */ $((e) => {
 	let { __scopeDialog: n, children: i, open: a, defaultOpen: o, onOpenChange: s, modal: c = !0 } = e, l = r.useRef(null), u = r.useRef(null), [d, f] = Ae({
 		prop: a,
 		defaultProp: o ?? !1,
 		onChange: s,
-		caller: Gd
+		caller: qd
 	}), [p, m] = r.useState(0), [h, g] = r.useState(0);
-	return /* @__PURE__ */ t(Jd, {
+	return /* @__PURE__ */ t(Xd, {
 		scope: n,
 		triggerRef: l,
 		contentRef: u,
@@ -6658,9 +6672,9 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
 		modal: c,
 		children: i
 	});
-}, "Dialog"), Zd = "DialogPortal", [Qd, $d] = Kd(Zd, { forceMount: void 0 }), ef = /* @__PURE__ */ $((e) => {
-	let { __scopeDialog: n, forceMount: i, children: a, container: o } = e, s = Yd(Zd, n);
-	return /* @__PURE__ */ t(Qd, {
+}, "Dialog"), $d = "DialogPortal", [ef, tf] = Jd($d, { forceMount: void 0 }), nf = /* @__PURE__ */ $((e) => {
+	let { __scopeDialog: n, forceMount: i, children: a, container: o } = e, s = Zd($d, n);
+	return /* @__PURE__ */ t(ef, {
 		scope: n,
 		forceMount: i,
 		children: r.Children.map(a, (e) => /* @__PURE__ */ t(Ve, {
@@ -6672,23 +6686,23 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
 			})
 		}))
 	});
-}, "DialogPortal"), tf = "DialogOverlay", nf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
-	let r = $d(tf, e.__scopeDialog), { forceMount: i = r.forceMount, ...a } = e, o = Yd(tf, e.__scopeDialog);
+}, "DialogPortal"), rf = "DialogOverlay", af = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
+	let r = tf(rf, e.__scopeDialog), { forceMount: i = r.forceMount, ...a } = e, o = Zd(rf, e.__scopeDialog);
 	return o.modal ? /* @__PURE__ */ t(Ve, {
 		present: i || o.open,
-		children: /* @__PURE__ */ t(af, {
+		children: /* @__PURE__ */ t(sf, {
 			...a,
 			ref: n
 		})
 	}) : null;
-}, "DialogOverlay")), rf = /* @__PURE__ */ Je("DialogOverlay.RemoveScroll"), af = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
-	let { __scopeDialog: r, ...i } = e, a = Yd(tf, r), o = I(n, er());
+}, "DialogOverlay")), of = /* @__PURE__ */ Je("DialogOverlay.RemoveScroll"), sf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
+	let { __scopeDialog: r, ...i } = e, a = Zd(rf, r), o = I(n, er());
 	return /* @__PURE__ */ t(ic, {
-		as: rf,
+		as: of,
 		allowPinchZoom: !0,
 		shards: [a.contentRef],
 		children: /* @__PURE__ */ t(H.div, {
-			"data-state": hf(a.open),
+			"data-state": _f(a.open),
 			...i,
 			ref: o,
 			style: {
@@ -6697,24 +6711,24 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
 			}
 		})
 	});
-}, "DialogOverlayImpl")), of = "DialogContent", sf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
-	let r = $d(of, e.__scopeDialog), { forceMount: i = r.forceMount, ...a } = e, o = Yd(of, e.__scopeDialog);
+}, "DialogOverlayImpl")), cf = "DialogContent", lf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
+	let r = tf(cf, e.__scopeDialog), { forceMount: i = r.forceMount, ...a } = e, o = Zd(cf, e.__scopeDialog);
 	return /* @__PURE__ */ t(Ve, {
 		present: i || o.open,
-		children: o.modal ? /* @__PURE__ */ t(cf, {
+		children: o.modal ? /* @__PURE__ */ t(uf, {
 			...a,
 			ref: n
-		}) : /* @__PURE__ */ t(lf, {
+		}) : /* @__PURE__ */ t(df, {
 			...a,
 			ref: n
 		})
 	});
-}, "DialogContent")), cf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
-	let i = Yd(of, e.__scopeDialog), a = r.useRef(null), o = I(n, i.contentRef, a);
+}, "DialogContent")), uf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
+	let i = Zd(cf, e.__scopeDialog), a = r.useRef(null), o = I(n, i.contentRef, a);
 	return r.useEffect(() => {
 		let e = a.current;
 		if (e) return Xo(e);
-	}, []), /* @__PURE__ */ t(uf, {
+	}, []), /* @__PURE__ */ t(ff, {
 		...e,
 		ref: o,
 		trapFocus: i.open,
@@ -6728,9 +6742,9 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
 		}),
 		onFocusOutside: z(e.onFocusOutside, (e) => e.preventDefault())
 	});
-}, "DialogContentModal")), lf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
-	let i = Yd(of, e.__scopeDialog), a = r.useRef(!1), o = r.useRef(!1);
-	return /* @__PURE__ */ t(uf, {
+}, "DialogContentModal")), df = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
+	let i = Zd(cf, e.__scopeDialog), a = r.useRef(!1), o = r.useRef(!1);
+	return /* @__PURE__ */ t(ff, {
 		...e,
 		ref: n,
 		trapFocus: !1,
@@ -6744,8 +6758,8 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
 			i.triggerRef.current?.contains(n) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && o.current && t.preventDefault();
 		}
 	});
-}, "DialogContentNonModal")), uf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(n, r) {
-	let { __scopeDialog: i, trapFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s, ...c } = n, l = Yd(of, i);
+}, "DialogContentNonModal")), ff = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(n, r) {
+	let { __scopeDialog: i, trapFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s, ...c } = n, l = Zd(cf, i);
 	return dr(), /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t(_r, {
 		asChild: !0,
 		loop: !0,
@@ -6757,22 +6771,22 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
 			id: l.contentId,
 			"aria-describedby": l.descriptionPresent ? l.descriptionId : void 0,
 			"aria-labelledby": l.titlePresent ? l.titleId : void 0,
-			"data-state": hf(l.open),
+			"data-state": _f(l.open),
 			...c,
 			ref: r,
 			deferPointerDownOutside: !0,
 			onDismiss: () => l.onOpenChange(!1)
 		})
 	}) });
-}, "DialogContentImpl")), df = "DialogTitle", ff = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
-	let { __scopeDialog: r, ...i } = e, a = Yd(df, r), { setTitleCount: o } = a;
+}, "DialogContentImpl")), pf = "DialogTitle", mf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
+	let { __scopeDialog: r, ...i } = e, a = Zd(pf, r), { setTitleCount: o } = a;
 	return B(() => (o((e) => e + 1), () => o((e) => e - 1)), [o]), /* @__PURE__ */ t(H.h2, {
 		id: a.titleId,
 		...i,
 		ref: n
 	});
-}, "DialogTitle")), pf = "DialogClose", mf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
-	let { __scopeDialog: r, ...i } = e, a = Yd(pf, r);
+}, "DialogTitle")), hf = "DialogClose", gf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
+	let { __scopeDialog: r, ...i } = e, a = Zd(hf, r);
 	return /* @__PURE__ */ t(H.button, {
 		type: "button",
 		...i,
@@ -6780,11 +6794,11 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
 		onClick: z(e.onClick, () => a.onOpenChange(!1))
 	});
 }, "DialogClose"));
-function hf(e) {
+function _f(e) {
 	return e ? "open" : "closed";
 }
-$(hf, "getState");
-var gf = {
+$(_f, "getState");
+var vf = {
 	overlay: "_overlay_f41r0_1",
 	"overlay-in": "_overlay-in_f41r0_1",
 	"overlay-out": "_overlay-out_f41r0_1",
@@ -6800,25 +6814,25 @@ var gf = {
 };
 //#endregion
 //#region src/components/Modal.tsx
-function _f({ open: e, onClose: r, size: i = "md", title: a, children: o, footerActions: s }) {
-	return /* @__PURE__ */ t(Xd, {
+function yf({ open: e, onClose: r, size: i = "md", title: a, children: o, footerActions: s }) {
+	return /* @__PURE__ */ t(Qd, {
 		open: e,
 		onOpenChange: (e) => !e && r(),
-		children: /* @__PURE__ */ n(ef, { children: [/* @__PURE__ */ t(nf, { className: gf.overlay }), /* @__PURE__ */ n(sf, {
-			className: `${gf.content} ${gf[i]}`,
+		children: /* @__PURE__ */ n(nf, { children: [/* @__PURE__ */ t(af, { className: vf.overlay }), /* @__PURE__ */ n(lf, {
+			className: `${vf.content} ${vf[i]}`,
 			"data-pmax": "modal",
 			children: [
 				/* @__PURE__ */ n("div", {
-					className: gf.header,
-					children: [/* @__PURE__ */ t(ff, {
+					className: vf.header,
+					children: [/* @__PURE__ */ t(mf, {
 						asChild: !0,
 						children: /* @__PURE__ */ t(C, {
 							as: "h2",
 							variant: "display-3",
 							children: a
 						})
-					}), /* @__PURE__ */ t(mf, {
-						className: gf.close,
+					}), /* @__PURE__ */ t(gf, {
+						className: vf.close,
 						"aria-label": "Close",
 						children: /* @__PURE__ */ t(g, {
 							name: "close",
@@ -6828,22 +6842,22 @@ function _f({ open: e, onClose: r, size: i = "md", title: a, children: o, footer
 				}),
 				o,
 				s ? /* @__PURE__ */ t("div", {
-					className: gf.footer,
+					className: vf.footer,
 					children: s
 				}) : null
 			]
 		})] })
 	});
 }
-var vf = {
+var bf = {
 	viewport: "_viewport_1oa8j_1",
 	toast: "_toast_1oa8j_14",
 	visible: "_visible_1oa8j_31",
 	success: "_success_1oa8j_36",
 	error: "_error_1oa8j_40",
 	info: "_info_1oa8j_44"
-}, yf = a(null), bf = 200;
-function xf({ children: e }) {
+}, xf = a(null), Sf = 200;
+function Cf({ children: e }) {
 	let [r, i] = p([]), a = f(0), o = s((e) => {
 		i((t) => t.map((t) => t.id === e ? {
 			...t,
@@ -6862,21 +6876,21 @@ function xf({ children: e }) {
 			leaving: !1
 		}]), setTimeout(() => o(n), r);
 	}, [o]);
-	return /* @__PURE__ */ n(yf.Provider, {
+	return /* @__PURE__ */ n(xf.Provider, {
 		value: { showToast: l },
 		children: [e, /* @__PURE__ */ t("div", {
-			className: vf.viewport,
+			className: bf.viewport,
 			"aria-live": "polite",
 			"aria-atomic": "true",
 			"data-pmax": "toast-viewport",
-			children: r.map((e) => /* @__PURE__ */ t(Sf, {
+			children: r.map((e) => /* @__PURE__ */ t(wf, {
 				...e,
 				onExited: c
 			}, e.id))
 		})]
 	});
 }
-function Sf({ id: e, message: t, tone: r, action: i, leaving: a, onExited: o }) {
+function wf({ id: e, message: t, tone: r, action: i, leaving: a, onExited: o }) {
 	let [s, c] = p(!1);
 	return l(() => {
 		let e = requestAnimationFrame(() => {
@@ -6885,24 +6899,24 @@ function Sf({ id: e, message: t, tone: r, action: i, leaving: a, onExited: o })
 		return () => cancelAnimationFrame(e);
 	}, []), l(() => {
 		if (!a) return;
-		let t = setTimeout(() => o(e), bf);
+		let t = setTimeout(() => o(e), Sf);
 		return () => clearTimeout(t);
 	}, [
 		a,
 		e,
 		o
 	]), /* @__PURE__ */ n("div", {
-		className: v(vf.toast, s && !a && vf.visible, vf[r]),
+		className: v(bf.toast, s && !a && bf.visible, bf[r]),
 		role: r === "error" ? "alert" : "status",
 		children: [t, i]
 	});
 }
-function Cf() {
-	let e = c(yf);
+function Tf() {
+	let e = c(xf);
 	if (!e) throw Error("useToast must be used within a ToastProvider");
 	return e;
 }
-var wf = {
+var Ef = {
 	overlay: "_overlay_1a342_1",
 	"overlay-in": "_overlay-in_1a342_1",
 	"overlay-out": "_overlay-out_1a342_1",
@@ -6917,15 +6931,15 @@ var wf = {
 };
 //#endregion
 //#region src/components/Drawer.tsx
-function Tf({ side: e, open: r, onClose: i, title: a, children: o }) {
-	return /* @__PURE__ */ t(Xd, {
+function Df({ side: e, open: r, onClose: i, title: a, children: o }) {
+	return /* @__PURE__ */ t(Qd, {
 		open: r,
 		onOpenChange: (e) => !e && i(),
-		children: /* @__PURE__ */ n(ef, { children: [/* @__PURE__ */ t(nf, { className: wf.overlay }), /* @__PURE__ */ n(sf, {
-			className: `${wf.content} ${wf[e]}`,
+		children: /* @__PURE__ */ n(nf, { children: [/* @__PURE__ */ t(af, { className: Ef.overlay }), /* @__PURE__ */ n(lf, {
+			className: `${Ef.content} ${Ef[e]}`,
 			"data-pmax": "drawer",
 			children: [
-				/* @__PURE__ */ t(ff, {
+				/* @__PURE__ */ t(mf, {
 					style: {
 						position: "absolute",
 						width: 1,
@@ -6934,8 +6948,8 @@ function Tf({ side: e, open: r, onClose: i, title: a, children: o }) {
 					},
 					children: a
 				}),
-				/* @__PURE__ */ t(mf, {
-					className: wf.close,
+				/* @__PURE__ */ t(gf, {
+					className: Ef.close,
 					"aria-label": "Close",
 					children: /* @__PURE__ */ t(g, {
 						name: "close",
@@ -6947,7 +6961,7 @@ function Tf({ side: e, open: r, onClose: i, title: a, children: o }) {
 		})] })
 	});
 }
-var Ef = {
+var Of = {
 	nav: "_nav_ox24b_1",
 	crumb: "_crumb_ox24b_11",
 	link: "_link_ox24b_17 _focusRing_svxew_10",
@@ -6955,19 +6969,19 @@ var Ef = {
 };
 //#endregion
 //#region src/components/Breadcrumbs.tsx
-function Df({ items: e }) {
+function kf({ items: e }) {
 	return /* @__PURE__ */ t("nav", {
 		"data-pmax": "breadcrumbs",
 		"aria-label": "Breadcrumb",
-		className: Ef.nav,
+		className: Of.nav,
 		children: e.map((r, i) => /* @__PURE__ */ n("span", {
-			className: Ef.crumb,
+			className: Of.crumb,
 			children: [r.href ? /* @__PURE__ */ t("a", {
 				href: r.href,
-				className: Ef.link,
+				className: Of.link,
 				children: r.label
 			}) : /* @__PURE__ */ t("span", {
-				className: Ef.current,
+				className: Of.current,
 				"aria-current": "page",
 				children: r.label
 			}), i < e.length - 1 ? /* @__PURE__ */ t("span", {
@@ -6978,6 +6992,6 @@ function Df({ items: e }) {
 	});
 }
 //#endregion
-export { Au as Accordion, yd as ActiveFilters, cd as AddToCartButton, zu as AnnouncementBar, Vd as ArticleCard, Ad as AttributeChip, jd as AttributeList, Df as Breadcrumbs, k as Button, Gu as CartButton, $u as CategoryRail, Zu as CategoryTile, kt as Checkbox, te as Chip, kd as CollapsiblePanel, sd as CompareButton, Uu as ContactItem, ee as CountPill, Al as DisclosureToggle, Pu as Divider, Tf as Drawer, gd as FilterChipGroup, vd as FilterPanel, hd as FilterSection, Ud as Footer, ad as FulfillmentBadges, Ed as FulfillmentPanel, td as HeaderShell, Ld as HeroCarousel, Fd as HeroSlide, g as Icon, N as IconButton, ae as Input, Wu as LangSwitcher, Vu as Logo, zd as MediaBanner, _f as Modal, Yu as NavBar, qu as NavItem, Lu as Overlay, Sd as Pagination, id as Price, _d as PriceRangeFilter, ld as ProductCard, fd as ProductCarousel, wd as ProductGallery, ud as ProductGrid, Bd as PromoCard, Nd as Prose, Un as RangeSlider, se as SearchField, pd as SectionHeader, Ol as Select, Iu as Skeleton, Td as SkuChip, md as SortMenu, Od as SpecGrid, Dd as SpecItem, Nu as Surface, re as Tag, C as Text, xf as ToastProvider, od as WishlistButton, Cf as useToast };
+export { Au as Accordion, xd as ActiveFilters, ud as AddToCartButton, zu as AnnouncementBar, Ud as ArticleCard, Md as AttributeChip, Nd as AttributeList, kf as Breadcrumbs, k as Button, qu as CartButton, td as CategoryRail, $u as CategoryTile, kt as Checkbox, te as Chip, jd as CollapsiblePanel, ld as CompareButton, Gu as ContactItem, P as CountPill, Al as DisclosureToggle, Pu as Divider, Df as Drawer, vd as FilterChipGroup, bd as FilterPanel, _d as FilterSection, Gd as Footer, sd as FulfillmentBadges, Od as FulfillmentPanel, rd as HeaderShell, zd as HeroCarousel, Ld as HeroSlide, g as Icon, ee as IconButton, ae as Input, Ku as LangSwitcher, Uu as Logo, Vd as MediaBanner, yf as Modal, Zu as NavBar, Yu as NavItem, Lu as Overlay, wd as Pagination, od as Price, yd as PriceRangeFilter, dd as ProductCard, md as ProductCarousel, Ed as ProductGallery, fd as ProductGrid, Hd as PromoCard, Fd as Prose, Un as RangeSlider, se as SearchField, hd as SectionHeader, Ol as Select, Iu as Skeleton, Dd as SkuChip, gd as SortMenu, Ad as SpecGrid, kd as SpecItem, Nu as Surface, re as Tag, C as Text, Cf as ToastProvider, cd as WishlistButton, Tf as useToast };
 
 //# sourceMappingURL=index.js.map