formica-ui-lib 1.0.329 → 1.0.331

package/dist/index.js

@@ -6826,81 +6826,93 @@ var Mo = {
 		}) : null]
 	});
 }, tc = ({ documentInfoCardItem: e, layoutVariant: t = "table", onDownloadClick: n, onRangeClick: r }) => {
-	let { name: i, range: a, documentType: o, documentSubtype: s } = e;
+	let { name: i, range: a, documentType: o, documentSubtype: s } = e, c = /* @__PURE__ */ l(q, {
+		ariaLabel: `Download ${i}`,
+		onCardClick: () => n({ documentInfoCardItem: e }),
+		className: "absolute inset-0 cursor-pointer border-0 bg-transparent p-0 text-left focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-primary",
+		children: /* @__PURE__ */ u("span", {
+			className: "sr-only",
+			children: ["Download ", i]
+		})
+	});
 	return t === "compact" ? /* @__PURE__ */ u("article", {
-		className: "flex w-full items-center gap-4 border-b border-borderTertiary px-3 py-3 transition-colors hover:bg-multibarBackground/20",
-		children: [/* @__PURE__ */ u("div", {
-			className: "flex min-w-0 flex-1 flex-col gap-1 md:flex-row md:items-center md:gap-6",
-			children: [/* @__PURE__ */ u("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ l(v, {
-					variant: "free",
-					className: "text-sm font-medium text-primary",
-					children: i
-				}), /* @__PURE__ */ u("div", {
-					className: "flex flex-wrap items-center gap-2 text-xs text-tertiary",
-					children: [
-						o ? /* @__PURE__ */ l("span", { children: o }) : null,
-						o && s ? /* @__PURE__ */ l("span", {
-							"aria-hidden": "true",
-							children: "•"
-						}) : null,
-						s ? /* @__PURE__ */ l("span", { children: s }) : null
-					]
-				})]
-			}), a ? /* @__PURE__ */ l("div", {
-				className: "md:w-40 md:shrink-0",
-				children: /* @__PURE__ */ l(P, {
-					variant: "link",
-					intent: "accent",
-					onClick: () => r({ documentInfoCardItem: e }),
-					className: "p-0! text-left! text-sm",
-					children: a
-				})
-			}) : null]
-		}), /* @__PURE__ */ l(Ce, {
-			iconType: "fa-solid",
-			iconName: "download",
-			iconSize: "lg",
-			intent: "primary",
-			size: "sm",
-			"aria-label": `Download ${i}`,
-			onClick: () => n({ documentInfoCardItem: e })
-		})]
+		className: "relative flex w-full items-center gap-4 border-b border-borderTertiary px-3 py-3 transition-colors hover:bg-multibarBackground/20",
+		children: [
+			c,
+			/* @__PURE__ */ u("div", {
+				className: "pointer-events-none flex min-w-0 flex-1 flex-col gap-1 md:flex-row md:items-center md:gap-6",
+				children: [/* @__PURE__ */ u("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ l(v, {
+						variant: "free",
+						className: "text-sm font-medium text-primary",
+						children: i
+					}), /* @__PURE__ */ u("div", {
+						className: "flex flex-wrap items-center gap-2 text-xs text-tertiary",
+						children: [
+							o ? /* @__PURE__ */ l("span", { children: o }) : null,
+							o && s ? /* @__PURE__ */ l("span", {
+								"aria-hidden": "true",
+								children: "•"
+							}) : null,
+							s ? /* @__PURE__ */ l("span", { children: s }) : null
+						]
+					})]
+				}), a ? /* @__PURE__ */ l("div", {
+					className: "md:w-40 md:shrink-0",
+					children: /* @__PURE__ */ l(P, {
+						variant: "link",
+						intent: "accent",
+						onClick: () => r({ documentInfoCardItem: e }),
+						className: "pointer-events-auto relative z-20 p-0! text-left! text-sm",
+						children: a
+					})
+				}) : null]
+			}),
+			/* @__PURE__ */ l(S, {
+				iconType: "fa-solid",
+				iconName: "download",
+				size: "lg",
+				color: "primary",
+				className: "pointer-events-none"
+			})
+		]
 	}) : /* @__PURE__ */ u("div", {
-		className: "w-full flex flex-row justify-between items-center py-5 border-b border-borderTertiary",
-		children: [/* @__PURE__ */ u("div", {
-			className: "w-full flex flex-col md:flex-row justify-between items-start md:items-center gap-1 md:gap-4",
-			children: [
-				/* @__PURE__ */ l(v, {
-					className: "flex-2",
-					children: i
-				}),
-				/* @__PURE__ */ l(P, {
-					variant: "link",
-					intent: "accent",
-					onClick: () => r({ documentInfoCardItem: e }),
-					className: "flex-1 justify-start! text-xs md:text-sm p-0! text-left!",
-					children: a
-				}),
-				/* @__PURE__ */ l(v, {
-					className: "flex-1 text-xs md:text-sm",
-					children: o
-				}),
-				/* @__PURE__ */ l(v, {
-					className: "flex-1 text-xs md:text-sm",
-					children: s
-				})
-			]
-		}), /* @__PURE__ */ l(Ce, {
-			iconType: "fa-solid",
-			iconName: "download",
-			iconSize: "xl",
-			intent: "primary",
-			size: "lg",
-			"aria-label": `Download ${i}`,
-			onClick: () => n({ documentInfoCardItem: e })
-		})]
+		className: "relative w-full flex flex-row justify-between items-center py-5 border-b border-borderTertiary hover:bg-multibarBackground/20 transition-colors",
+		children: [
+			c,
+			/* @__PURE__ */ u("div", {
+				className: "pointer-events-none w-full flex flex-col md:flex-row justify-between items-start md:items-center gap-1 md:gap-4",
+				children: [
+					/* @__PURE__ */ l(v, {
+						className: "flex-2",
+						children: i
+					}),
+					/* @__PURE__ */ l(P, {
+						variant: "link",
+						intent: "accent",
+						onClick: () => r({ documentInfoCardItem: e }),
+						className: "pointer-events-auto relative z-20 flex-1 justify-start! text-xs md:text-sm p-0! text-left!",
+						children: a
+					}),
+					/* @__PURE__ */ l(v, {
+						className: "flex-1 text-xs md:text-sm",
+						children: o
+					}),
+					/* @__PURE__ */ l(v, {
+						className: "flex-1 text-xs md:text-sm",
+						children: s
+					})
+				]
+			}),
+			/* @__PURE__ */ l(S, {
+				iconType: "fa-solid",
+				iconName: "download",
+				size: "xl",
+				color: "primary",
+				className: "pointer-events-none"
+			})
+		]
 	});
 }, nc = ({ title: e, details: t, iconName: n = "file-pdf", onDocumentClick: r }) => /* @__PURE__ */ l(P, {
 	buttonType: "primary",
@@ -7918,7 +7930,10 @@ var Mo = {
 			})]
 		})]
 	}) : null;
-}, Vc = ({ open: e, title: t, body: i, acceptButton: a, acceptButtonHelpText: d = "You must scroll to accept the Terms & Conditions.", imageSrc: f, imageAlt: p = "", onClose: m, closeLabel: h = "Close Opt In Modal" }) => {
+}, Vc = ({ html: e = "", className: t = "" }) => e ? /* @__PURE__ */ l("div", {
+	className: `html-block ${t}`,
+	dangerouslySetInnerHTML: { __html: e }
+}) : null, Hc = ({ open: e, title: t, body: i, acceptButton: a, acceptButtonHelpText: d = "You must scroll to accept the Terms & Conditions.", imageSrc: f, imageAlt: p = "", onClose: m, closeLabel: h = "Close Opt In Modal" }) => {
 	let [g, _] = s(!0), y = r(), b = r(), x = o(null), S = o(null), C = o(null);
 	if (n(() => {
 		let e = C.current;
@@ -7942,7 +7957,8 @@ var Mo = {
 		...a,
 		intent: "accent",
 		className: "w-1/2",
-		disabled: g
+		disabled: g,
+		label: a.label || "I Accept"
 	}), /* @__PURE__ */ l(v, {
 		variant: "caption",
 		hidden: !g,
@@ -8005,7 +8021,7 @@ var Mo = {
 									/* @__PURE__ */ l(v, {
 										id: b,
 										variant: "body",
-										children: i
+										children: /* @__PURE__ */ l(Vc, { html: i })
 									}),
 									/* @__PURE__ */ l("div", {
 										ref: C,
@@ -8027,7 +8043,7 @@ var Mo = {
 			]
 		})]
 	});
-}, Hc = ({ items: e, selectedId: t, onSelect: n, layoutVariant: r = "content", visualVariant: i = "default", className: a = "", buttonClassName: o = "", disabled: s = !1, ariaLabel: c = "Segmented control" }) => {
+}, Uc = ({ items: e, selectedId: t, onSelect: n, layoutVariant: r = "content", visualVariant: i = "default", className: a = "", buttonClassName: o = "", disabled: s = !1, ariaLabel: c = "Segmented control" }) => {
 	if (!e?.length) return null;
 	let u = e.filter((e) => !e.disabled), d = u.findIndex((e) => e.id === t), f = (e) => {
 		let t = u[e];
@@ -8070,7 +8086,7 @@ var Mo = {
 			}, r.id);
 		})
 	});
-}, Uc = ({ options: e, value: t, defaultValue: r, onChange: i, ariaLabel: o = "Radio buttons", disabled: c = !1, className: u = "", containerClassName: d = "", buttonClassName: f = "", visualVariant: p = "default" }) => {
+}, Wc = ({ options: e, value: t, defaultValue: r, onChange: i, ariaLabel: o = "Radio buttons", disabled: c = !1, className: u = "", containerClassName: d = "", buttonClassName: f = "", visualVariant: p = "default" }) => {
 	let m = t !== void 0, h = a(() => e?.[0], [e]), [g, _] = s(r && e.includes(r) ? r : h);
 	if (n(() => {
 		if (!e?.length) {
@@ -8080,7 +8096,7 @@ var Mo = {
 		_((t) => t && e.includes(t) ? t : r && e.includes(r) ? r : e[0]);
 	}, [r, e.join("|")]), !e?.length) return null;
 	let v = (m ? t : g) ?? e[0];
-	return /* @__PURE__ */ l(Hc, {
+	return /* @__PURE__ */ l(Uc, {
 		ariaLabel: o,
 		disabled: c,
 		className: [d, u].filter(Boolean).join(" "),
@@ -8096,32 +8112,32 @@ var Mo = {
 			_(t), i?.(t, n);
 		}
 	});
-}, Wc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Gc = (e) => {
-	if (!Wc(e)) return e;
+}, Gc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Kc = (e) => {
+	if (!Gc(e)) return e;
 	let t = e.value ?? e.jsonValue;
-	return t === void 0 ? e : Gc(t);
-}, Kc = (e, t, n = !0) => {
-	let r = Gc(e);
+	return t === void 0 ? e : Kc(t);
+}, qc = (e, t, n = !0) => {
+	let r = Kc(e);
 	if (typeof r == "string") return n ? r : "";
-	if (!Wc(r)) return "";
+	if (!Gc(r)) return "";
 	for (let e of t) {
 		let t = r[e];
 		if (typeof t == "string") return t;
 	}
 	return "";
-}, qc = (e, t) => {
-	let n = Gc(t);
-	return Wc(n) ? `${e}${typeof n.querystring == "string" ? n.querystring : ""}${typeof n.anchor == "string" ? n.anchor : ""}` : e;
-}, Jc = (e) => Kc(e, [
+}, Jc = (e, t) => {
+	let n = Kc(t);
+	return Gc(n) ? `${e}${typeof n.querystring == "string" ? n.querystring : ""}${typeof n.anchor == "string" ? n.anchor : ""}` : e;
+}, Yc = (e) => qc(e, [
 	"text",
 	"title",
 	"label",
 	"href",
 	"url"
-]).trim(), Yc = (e) => {
-	let t = Kc(e, ["href", "url"]).trim();
-	return t ? qc(t, e) : "";
-}, Xc = (e, t) => Kc(e, ["target"], !1).trim() || t, Zc = (e, t) => Kc(e, ["rel"], !1).trim() || t, Qc = ({ brands: e = [], showProPortalSelector: t = !1, isNorthAmerica: n = !0, selectedCustomerType: r = "Commercial", onBrandClick: i, onCustomerTypeChange: a }) => {
+]).trim(), Xc = (e) => {
+	let t = qc(e, ["href", "url"]).trim();
+	return t ? Jc(t, e) : "";
+}, Zc = (e, t) => qc(e, ["target"], !1).trim() || t, Qc = (e, t) => qc(e, ["rel"], !1).trim() || t, $c = ({ brands: e = [], showProPortalSelector: t = !1, isNorthAmerica: n = !0, selectedCustomerType: r = "Commercial", onBrandClick: i, onCustomerTypeChange: a }) => {
 	let o = t && n;
 	return /* @__PURE__ */ l("div", {
 		className: "bg-primary text-white text-sm w-full",
@@ -8131,7 +8147,7 @@ var Mo = {
 				/* @__PURE__ */ l("div", {
 					className: "flex w-full justify-center gap-6 pt-1 md:w-1/2 md:justify-around",
 					children: e.map((e, t) => {
-						let n = Jc(e.label), r = Yc(e.href), a = Le(n), o = `${n || r || "brand"}-${r || t}`;
+						let n = Yc(e.label), r = Xc(e.href), a = Le(n), o = `${n || r || "brand"}-${r || t}`;
 						return /* @__PURE__ */ l("button", {
 							type: "button",
 							className: "flex items-center hover:opacity-90",
@@ -8153,7 +8169,7 @@ var Mo = {
 				/* @__PURE__ */ l("div", { className: "hidden md:block md:w-1/4" }),
 				/* @__PURE__ */ l("div", {
 					className: "hidden md:flex md:w-1/4 md:justify-end",
-					children: o ? /* @__PURE__ */ l(Uc, {
+					children: o ? /* @__PURE__ */ l(Wc, {
 						ariaLabel: "Customer type",
 						defaultValue: r,
 						buttonClassName: "aria-checked:font-bold text-secondary",
@@ -8165,7 +8181,7 @@ var Mo = {
 			]
 		})
 	});
-}, $c = ({ activeItem: e, onMegaMenuLinkClick: t }) => e ? /* @__PURE__ */ l("div", {
+}, el = ({ activeItem: e, onMegaMenuLinkClick: t }) => e ? /* @__PURE__ */ l("div", {
 	className: "w-full px-10 pt-6 pb-8",
 	children: /* @__PURE__ */ l("div", {
 		className: "grid grid-cols-4 gap-x-10 gap-y-8",
@@ -8192,7 +8208,7 @@ var Mo = {
 			})]
 		}, e.id))
 	})
-}) : null, el = (e) => [e.title, e.subtitle].filter(Boolean).join(" "), tl = ({ id: e, items: t = [], viewAllLabel: n = "View all results", ariaLabel: r = "Search results", layoutVariant: i = "popover", onResultClick: a, onViewAllClick: o }) => t.length ? /* @__PURE__ */ u("div", {
+}) : null, tl = (e) => [e.title, e.subtitle].filter(Boolean).join(" "), nl = ({ id: e, items: t = [], viewAllLabel: n = "View all results", ariaLabel: r = "Search results", layoutVariant: i = "popover", onResultClick: a, onViewAllClick: o }) => t.length ? /* @__PURE__ */ u("div", {
 	id: e,
 	className: `${i === "contained" ? "w-full" : "w-80"} overflow-hidden rounded-md border border-gray-200 bg-white text-primary shadow-lg`,
 	role: "region",
@@ -8200,7 +8216,7 @@ var Mo = {
 	children: [/* @__PURE__ */ l("ul", {
 		className: "max-h-96 divide-y divide-gray-200 overflow-y-auto",
 		children: t.map((e) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u(q, {
-			ariaLabel: el(e),
+			ariaLabel: tl(e),
 			className: "flex w-full items-center gap-3 px-3 py-2 text-left hover:bg-gray-50 focus:bg-gray-50 focus:outline-none",
 			onCardClick: () => a?.({ item: e }),
 			children: [e.imageSrc ? /* @__PURE__ */ l(L, {
@@ -8238,7 +8254,7 @@ var Mo = {
 			onClick: o
 		})
 	})]
-}) : null, nl = 300, rl = ({ Countries: e, countries: t, selectedCountry: r, Login: i, Account: a, Cart: c = {
+}) : null, rl = 300, il = ({ Countries: e, countries: t, selectedCountry: r, Login: i, Account: a, Cart: c = {
 	hasCart: !1,
 	itemCount: 0
 }, showCart: d = !0, showFavorites: f = !0, showLogin: p = !0, searchPlaceholder: m = "Search", searchLabel: h = "Search", searchResultsAriaLabel: g = "Search results", clearSearchLabel: _ = "Clear search", searchResultItems: v = [], searchViewAllLabel: y, onSearchClick: b, onSearchChange: x, onSearchSubmit: S, onSearchResultClick: C, onSearchViewAllClick: w, onCartClick: T, onLoginClick: E, onAccountClick: D, onFavoritesClick: O, onCountrySelect: k }) => {
@@ -8247,7 +8263,7 @@ var Mo = {
 		if (!F.current) return;
 		let e = window.setTimeout(() => {
 			x?.({ query: M });
-		}, nl);
+		}, rl);
 		return () => {
 			window.clearTimeout(e);
 		};
@@ -8305,7 +8321,7 @@ var Mo = {
 					}),
 					A && B ? /* @__PURE__ */ l("div", {
 						className: "absolute top-full right-0 z-30 mt-2",
-						children: /* @__PURE__ */ l(tl, {
+						children: /* @__PURE__ */ l(nl, {
 							id: "top-nav-search-results",
 							items: v,
 							viewAllLabel: y,
@@ -8371,11 +8387,11 @@ var Mo = {
 			}) }) : null
 		]
 	});
-}, il = 750, al = "\n  @keyframes top-nav-account-drawer-slide-in {\n    from { transform: translate3d(100%, 0, 0); }\n    to { transform: translate3d(0, 0, 0); }\n  }\n\n  @keyframes top-nav-account-drawer-slide-out {\n    from { transform: translate3d(0, 0, 0); }\n    to { transform: translate3d(100%, 0, 0); }\n  }\n\n  @keyframes top-nav-account-backdrop-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes top-nav-account-backdrop-out {\n    from { opacity: 1; }\n    to { opacity: 0; }\n  }\n\n  .top-nav-account-drawer-panel[data-phase=\"opening\"] {\n    animation: top-nav-account-drawer-slide-in 500ms cubic-bezier(0.4, 0, 0.2, 1) both;\n  }\n\n  .top-nav-account-drawer-panel[data-phase=\"open\"] {\n    transform: translate3d(0, 0, 0);\n  }\n\n  .top-nav-account-drawer-panel[data-phase=\"closing\"] {\n    animation: top-nav-account-drawer-slide-out 500ms cubic-bezier(0.4, 0, 0.2, 1) both;\n  }\n\n  .top-nav-account-drawer-backdrop[data-phase=\"opening\"] {\n    animation: top-nav-account-backdrop-in 500ms cubic-bezier(0.4, 0, 0.2, 1) both;\n  }\n\n  .top-nav-account-drawer-backdrop[data-phase=\"open\"] {\n    opacity: 1;\n  }\n\n  .top-nav-account-drawer-backdrop[data-phase=\"closing\"] {\n    animation: top-nav-account-backdrop-out 500ms cubic-bezier(0.4, 0, 0.2, 1) both;\n  }\n\n  @media (min-width: 768px) {\n    .top-nav-account-drawer-panel[data-phase=\"opening\"],\n    .top-nav-account-drawer-panel[data-phase=\"closing\"] {\n      animation-duration: 700ms;\n    }\n  }\n\n", ol = ({ isOpen: e, customerName: t, title: r = "Account", orderHistoryLabel: i = "Order History", favoritesLabel: a = "Favorites", profileLabel: o = "Profile & Addresses", logoutLabel: c = "Log Out", onClose: f, onOrderHistoryClick: p, onFavoritesClick: m, onProfileClick: h, onLogoutClick: g }) => {
+}, al = 750, ol = "\n  @keyframes top-nav-account-drawer-slide-in {\n    from { transform: translate3d(100%, 0, 0); }\n    to { transform: translate3d(0, 0, 0); }\n  }\n\n  @keyframes top-nav-account-drawer-slide-out {\n    from { transform: translate3d(0, 0, 0); }\n    to { transform: translate3d(100%, 0, 0); }\n  }\n\n  @keyframes top-nav-account-backdrop-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes top-nav-account-backdrop-out {\n    from { opacity: 1; }\n    to { opacity: 0; }\n  }\n\n  .top-nav-account-drawer-panel[data-phase=\"opening\"] {\n    animation: top-nav-account-drawer-slide-in 500ms cubic-bezier(0.4, 0, 0.2, 1) both;\n  }\n\n  .top-nav-account-drawer-panel[data-phase=\"open\"] {\n    transform: translate3d(0, 0, 0);\n  }\n\n  .top-nav-account-drawer-panel[data-phase=\"closing\"] {\n    animation: top-nav-account-drawer-slide-out 500ms cubic-bezier(0.4, 0, 0.2, 1) both;\n  }\n\n  .top-nav-account-drawer-backdrop[data-phase=\"opening\"] {\n    animation: top-nav-account-backdrop-in 500ms cubic-bezier(0.4, 0, 0.2, 1) both;\n  }\n\n  .top-nav-account-drawer-backdrop[data-phase=\"open\"] {\n    opacity: 1;\n  }\n\n  .top-nav-account-drawer-backdrop[data-phase=\"closing\"] {\n    animation: top-nav-account-backdrop-out 500ms cubic-bezier(0.4, 0, 0.2, 1) both;\n  }\n\n  @media (min-width: 768px) {\n    .top-nav-account-drawer-panel[data-phase=\"opening\"],\n    .top-nav-account-drawer-panel[data-phase=\"closing\"] {\n      animation-duration: 700ms;\n    }\n  }\n\n", sl = ({ isOpen: e, customerName: t, title: r = "Account", orderHistoryLabel: i = "Order History", favoritesLabel: a = "Favorites", profileLabel: o = "Profile & Addresses", logoutLabel: c = "Log Out", onClose: f, onOrderHistoryClick: p, onFavoritesClick: m, onProfileClick: h, onLogoutClick: g }) => {
 	let [_, y] = s(e), [b, x] = s(e ? "opening" : "open");
 	if (n(() => {
 		let t;
-		return e ? (y(!0), x("opening")) : _ && (x("closing"), t = window.setTimeout(() => y(!1), il)), () => window.clearTimeout(t);
+		return e ? (y(!0), x("opening")) : _ && (x("closing"), t = window.setTimeout(() => y(!1), al)), () => window.clearTimeout(t);
 	}, [e, _]), n(() => {
 		if (!_) return;
 		let e = document.body.style.overflow, t = document.body.style.paddingRight, n = window.innerWidth - document.documentElement.clientWidth, r = (e) => {
@@ -8395,7 +8411,7 @@ var Mo = {
 	return d(/* @__PURE__ */ u("div", {
 		className: `fixed inset-0 z-60 ${e ? "" : "pointer-events-none"}`,
 		children: [
-			/* @__PURE__ */ l("style", { children: al }),
+			/* @__PURE__ */ l("style", { children: ol }),
 			/* @__PURE__ */ l("button", {
 				type: "button",
 				"aria-label": "Close account overlay",
@@ -8512,7 +8528,7 @@ var Mo = {
 			})
 		]
 	}), document.body);
-}, sl = "__mobile-menu-open__", cl = 300, ll = ({ NavMenuWithSubItems: e = [], countries: t, selectedCountry: r, Login: i, Account: a, Cart: c, showCart: d = !0, showFavorites: f = !0, showLogin: p = !0, Logo: m, searchPlaceholder: h = "Search", searchLabel: g = "Search", searchResultsAriaLabel: _ = "Search results", clearSearchLabel: v = "Clear search", closeSearchLabel: y = "Close search", searchResultItems: b, searchViewAllLabel: x, onLogoClick: S, onNavItemClick: C, onMegaMenuLinkClick: w, onSearchClick: T, onSearchChange: E, onSearchSubmit: D, onSearchResultClick: O, onSearchViewAllClick: k, onCartClick: A, onLoginClick: j, onAccountClick: M, onOrderHistoryClick: N, onProfileClick: F, onLogoutClick: I, onFavoritesClick: R, onCountrySelect: z }) => {
+}, cl = "__mobile-menu-open__", ll = 300, ul = ({ NavMenuWithSubItems: e = [], countries: t, selectedCountry: r, Login: i, Account: a, Cart: c, showCart: d = !0, showFavorites: f = !0, showLogin: p = !0, Logo: m, searchPlaceholder: h = "Search", searchLabel: g = "Search", searchResultsAriaLabel: _ = "Search results", clearSearchLabel: v = "Clear search", closeSearchLabel: y = "Close search", searchResultItems: b, searchViewAllLabel: x, onLogoClick: S, onNavItemClick: C, onMegaMenuLinkClick: w, onSearchClick: T, onSearchChange: E, onSearchSubmit: D, onSearchResultClick: O, onSearchViewAllClick: k, onCartClick: A, onLoginClick: j, onAccountClick: M, onOrderHistoryClick: N, onProfileClick: F, onLogoutClick: I, onFavoritesClick: R, onCountrySelect: z }) => {
 	let B = o(null), [V, ee] = s(null), [te, ne] = s(null), [re, ie] = s(!1), [ae, H] = s(!1), [oe, U] = s(""), W = o(!1), G = te !== null, se = e.find((e) => e.id === V), ce = t ?? [], le = i ?? {
 		label: "Log In",
 		href: "/login"
@@ -8534,7 +8550,7 @@ var Mo = {
 		if (!W.current) return;
 		let e = window.setTimeout(() => {
 			E?.({ query: oe });
-		}, cl);
+		}, ll);
 		return () => window.clearTimeout(e);
 	}, [oe, E]);
 	let xe = () => {
@@ -8561,7 +8577,7 @@ var Mo = {
 	}, ke = (e, t = {}) => {
 		ee(null), t.closeMobile && Ee(), w?.(e);
 	}, Ae = (e) => {
-		ne((t) => t === e ? sl : e);
+		ne((t) => t === e ? cl : e);
 	};
 	return /* @__PURE__ */ u("header", {
 		ref: B,
@@ -8630,7 +8646,7 @@ var Mo = {
 							className: "h-9 w-9 p-0",
 							"aria-label": G ? "Close menu" : "Open menu",
 							onClick: () => {
-								ne((e) => e === null ? sl : null);
+								ne((e) => e === null ? cl : null);
 							},
 							"aria-expanded": G
 						})
@@ -8715,7 +8731,7 @@ var Mo = {
 								active: V === t
 							}, t);
 						})
-					}), /* @__PURE__ */ l(rl, {
+					}), /* @__PURE__ */ l(il, {
 						Countries: ce,
 						selectedCountry: r,
 						Login: le,
@@ -8755,14 +8771,14 @@ var Mo = {
 					className: "px-8",
 					children: /* @__PURE__ */ l("div", {
 						className: "max-w-screen-xl mx-auto",
-						children: /* @__PURE__ */ l($c, {
+						children: /* @__PURE__ */ l(el, {
 							activeItem: se,
 							onMegaMenuLinkClick: ke
 						})
 					})
 				})
 			}),
-			/* @__PURE__ */ l(ol, {
+			/* @__PURE__ */ l(sl, {
 				...de,
 				isOpen: re,
 				onClose: () => ie(!1),
@@ -8794,7 +8810,7 @@ var Mo = {
 								W.current = !0, U(e.target.value);
 							},
 							onSearchSubmit: Ce
-						}), /* @__PURE__ */ l(tl, {
+						}), /* @__PURE__ */ l(nl, {
 							id: "top-nav-mobile-search-results",
 							items: b,
 							viewAllLabel: x,
@@ -8808,7 +8824,7 @@ var Mo = {
 			})
 		]
 	});
-}, ul = ({ message: e, buttonLabel: t, onButtonClick: n, children: r }) => {
+}, dl = ({ message: e, buttonLabel: t, onButtonClick: n, children: r }) => {
 	let i = e?.trim();
 	return i ? /* @__PURE__ */ l("div", {
 		className: "w-full bg-primary",
@@ -8838,7 +8854,7 @@ var Mo = {
 			]
 		})
 	}) : null;
-}, dl = ({ Breadcrumbs: e = [], onBreadcrumbClick: t }) => {
+}, fl = ({ Breadcrumbs: e = [], onBreadcrumbClick: t }) => {
 	if (!e.length) return null;
 	let n = e.at(-1), r = e.slice(0, -1), i = (e, n) => {
 		!t || !n.href || (e.preventDefault(), t(n.href, n));
@@ -8881,13 +8897,13 @@ var Mo = {
 			})
 		})
 	});
-}, fl = ({ img: e, size: t = "default" }) => {
+}, pl = ({ img: e, size: t = "default" }) => {
 	let n = {
 		default: "h-10 w-auto",
 		primary: "h-24 w-auto mb-3",
 		parent: "h-10 w-auto opacity-95",
 		affiliate: "h-5 w-auto opacity-90 hover:opacity-100 transition"
-	}[t], r = Jc(e.src), i = Jc(e.alt), a = e.label ? Jc(e.label) : "", o = e.alt === void 0 || e.alt === null ? a : i, s = Le(r, Le(a || i)) ?? "";
+	}[t], r = Yc(e.src), i = Yc(e.alt), a = e.label ? Yc(e.label) : "", o = e.alt === void 0 || e.alt === null ? a : i, s = Le(r, Le(a || i)) ?? "";
 	if (!s) return null;
 	let c = /* @__PURE__ */ l(L, {
 		src: s,
@@ -8896,22 +8912,22 @@ var Mo = {
 		loading: "lazy",
 		decoding: "async",
 		quality: 90
-	}), u = Yc(e.href);
+	}), u = Xc(e.href);
 	if (!u) return c;
-	let d = Xc(e.href, e.target) ?? "_self";
+	let d = Zc(e.href, e.target) ?? "_self";
 	return /* @__PURE__ */ l("a", {
 		href: u,
 		target: d,
-		rel: Zc(e.href, e.rel) ?? (d === "_blank" ? "noreferrer noopener" : void 0),
+		rel: Qc(e.href, e.rel) ?? (d === "_blank" ? "noreferrer noopener" : void 0),
 		className: "inline-flex",
 		children: c
 	});
-}, pl = ({ primaryLogo: e, phoneLine: t, socials: n = [] }) => {
-	let r = t ? Jc(t) : "";
+}, ml = ({ primaryLogo: e, phoneLine: t, socials: n = [] }) => {
+	let r = t ? Yc(t) : "";
 	return /* @__PURE__ */ u("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ l(fl, {
+			/* @__PURE__ */ l(pl, {
 				img: e,
 				size: "primary"
 			}),
@@ -8923,7 +8939,7 @@ var Mo = {
 			n.length ? /* @__PURE__ */ l("div", {
 				className: "flex items-center gap-3 pt-3",
 				children: n.map((e) => {
-					let t = Jc(e.label), n = Yc(e.href), r = e.iconSrc ? Jc(e.iconSrc) : "";
+					let t = Yc(e.label), n = Xc(e.href), r = e.iconSrc ? Yc(e.iconSrc) : "";
 					return n ? /* @__PURE__ */ u("a", {
 						href: n,
 						"aria-label": t,
@@ -8943,12 +8959,12 @@ var Mo = {
 			}) : null
 		]
 	});
-}, ml = ({ item: e, variant: t = "default" }) => {
+}, hl = ({ item: e, variant: t = "default" }) => {
 	let n = {
 		default: "text-xs mt-4 text-secondary/85 hover:underline",
 		mobile: "text-sm text-secondary hover:underline",
 		legal: "text-white/80 hover:text-white hover:underline text-xs"
-	}[t], r = Jc(e.label), i = Yc(e.href), a = Xc(e.href, e.target) ?? "_self", o = Zc(e.href, e.rel) ?? (a === "_blank" ? "noreferrer noopener" : void 0);
+	}[t], r = Yc(e.label), i = Xc(e.href), a = Zc(e.href, e.target) ?? "_self", o = Qc(e.href, e.rel) ?? (a === "_blank" ? "noreferrer noopener" : void 0);
 	return i ? /* @__PURE__ */ l(v, {
 		as: "a",
 		href: i,
@@ -8962,34 +8978,34 @@ var Mo = {
 		className: n,
 		children: r
 	});
-}, hl = ({ columns: e }) => /* @__PURE__ */ l("div", {
+}, gl = ({ columns: e }) => /* @__PURE__ */ l("div", {
 	className: "w-fit",
 	children: /* @__PURE__ */ l("div", {
 		className: "grid grid-cols-3 gap-y-8 gap-x-20",
 		children: e.map((e, t) => {
-			let n = Jc(e.heading);
+			let n = Yc(e.heading);
 			return /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(v, {
 				variant: "body",
 				className: "font-semibold mb-4 text-sm text-secondary",
 				children: n
 			}), /* @__PURE__ */ l("ul", {
 				className: "space-y-2",
-				children: e.links.map((e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(ml, { item: e }) }, `${n}-${Jc(e.label)}-${t}`))
+				children: e.links.map((e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(hl, { item: e }) }, `${n}-${Yc(e.label)}-${t}`))
 			})] }, `${n}-${t}`);
 		})
 	})
-}), gl = ({ links: e = [], utilityLink: t, disclaimerLines: n = [], copyrightLine: r }) => {
-	let i = r ? Jc(r) : "", a = n.length || i;
+}), _l = ({ links: e = [], utilityLink: t, disclaimerLines: n = [], copyrightLine: r }) => {
+	let i = r ? Yc(r) : "", a = n.length || i;
 	return /* @__PURE__ */ u("div", {
 		className: "border-t border-white/15 mt-4 pt-2 space-y-4",
 		children: [/* @__PURE__ */ u("div", {
 			className: "flex flex-wrap items-center gap-x-5 gap-y-2",
-			children: [e.map((e, t) => /* @__PURE__ */ l(ml, {
+			children: [e.map((e, t) => /* @__PURE__ */ l(hl, {
 				item: e,
 				variant: "legal"
-			}, `${Jc(e.label)}-${t}`)), t ? /* @__PURE__ */ l("div", {
+			}, `${Yc(e.label)}-${t}`)), t ? /* @__PURE__ */ l("div", {
 				className: "ml-auto",
-				children: /* @__PURE__ */ l(ml, {
+				children: /* @__PURE__ */ l(hl, {
 					item: t,
 					variant: "legal"
 				})
@@ -8999,7 +9015,7 @@ var Mo = {
 			children: [n.map((e, t) => /* @__PURE__ */ l(v, {
 				variant: "standard",
 				className: "text-white/70 text-xs leading-relaxed",
-				children: Jc(e)
+				children: Yc(e)
 			}, t)), i ? /* @__PURE__ */ l(v, {
 				variant: "standard",
 				className: "text-white/70 text-xs leading-relaxed",
@@ -9007,12 +9023,12 @@ var Mo = {
 			}) : null]
 		}) : null]
 	});
-}, _l = ({ affiliateLogos: e = [], parentLogo: t, phoneLine: n }) => {
-	let r = n ? Jc(n) : "";
+}, vl = ({ affiliateLogos: e = [], parentLogo: t, phoneLine: n }) => {
+	let r = n ? Yc(n) : "";
 	if (!e.length && !t && !r) return null;
 	let i = t ? /* @__PURE__ */ l("div", {
 		className: "ml-6 shrink-0",
-		children: /* @__PURE__ */ l(fl, {
+		children: /* @__PURE__ */ l(pl, {
 			img: t,
 			size: "parent"
 		})
@@ -9028,17 +9044,17 @@ var Mo = {
 			children: [
 				/* @__PURE__ */ l("div", {
 					className: "flex flex-wrap items-center gap-x-6 gap-y-3",
-					children: e.map((e, t) => /* @__PURE__ */ l(fl, {
+					children: e.map((e, t) => /* @__PURE__ */ l(pl, {
 						img: e,
 						size: "affiliate"
-					}, `${e.label ? Jc(e.label) : ""}|${Jc(e.alt)}|${Yc(e.href)}|${Jc(e.src)}|${t}`))
+					}, `${e.label ? Yc(e.label) : ""}|${Yc(e.alt)}|${Xc(e.href)}|${Yc(e.src)}|${t}`))
 				}),
 				i,
 				a
 			]
 		})
 	});
-}, vl = ({ brand: e, columns: t, parentLogo: n, phoneLinePlacement: r = "brand", legal: i }) => {
+}, yl = ({ brand: e, columns: t, parentLogo: n, phoneLinePlacement: r = "brand", legal: i }) => {
 	let a = r === "logosBar";
 	return /* @__PURE__ */ l("footer", {
 		className: "bg-footBackground text-secondary pt-6",
@@ -9050,7 +9066,7 @@ var Mo = {
 					children: [
 						/* @__PURE__ */ l("div", {
 							className: "md:col-span-4",
-							children: /* @__PURE__ */ l(pl, { ...a ? {
+							children: /* @__PURE__ */ l(ml, { ...a ? {
 								...e,
 								phoneLine: void 0
 							} : e })
@@ -9059,13 +9075,13 @@ var Mo = {
 							className: "hidden md:col-span-8 md:block",
 							children: [/* @__PURE__ */ l("div", {
 								className: "flex justify-end",
-								children: /* @__PURE__ */ l(hl, { columns: t })
+								children: /* @__PURE__ */ l(gl, { columns: t })
 							}), /* @__PURE__ */ l("div", { className: "block col-span-3" })]
 						}),
 						/* @__PURE__ */ l("div", {
 							className: "space-y-2 md:hidden",
 							children: t.map((e, t) => {
-								let n = Jc(e.heading);
+								let n = Yc(e.heading);
 								return /* @__PURE__ */ u("details", {
 									className: "border-t border-white/20 py-3",
 									children: [/* @__PURE__ */ l("summary", {
@@ -9073,31 +9089,31 @@ var Mo = {
 										children: n
 									}), /* @__PURE__ */ l("ul", {
 										className: "mt-3 space-y-2",
-										children: e.links.map((e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(ml, {
+										children: e.links.map((e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(hl, {
 											item: e,
 											variant: "mobile"
-										}) }, `${n}-${Jc(e.label)}-${t}`))
+										}) }, `${n}-${Yc(e.label)}-${t}`))
 									})]
 								}, `${n}-${t}`);
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ l(_l, {
+				/* @__PURE__ */ l(vl, {
 					affiliateLogos: e.affiliateLogos,
 					parentLogo: n,
 					phoneLine: a ? e.phoneLine : void 0
 				}),
-				/* @__PURE__ */ l(gl, { ...i })
+				/* @__PURE__ */ l(_l, { ...i })
 			]
 		})
 	});
-}, yl = (...e) => e.filter(Boolean).join(" "), bl = ({ imageSrc: e, imageAlt: t = "Banner image", children: n, sectionClassName: r = "w-full flex justify-center", bannerClassName: i = "relative h-80 md:h-119.25 w-full max-w-6xl overflow-hidden", imageClassName: a = "h-full w-full object-cover", overlayClassName: o = "absolute inset-0 flex", imageQuality: s = 90 }) => {
+}, bl = (...e) => e.filter(Boolean).join(" "), xl = ({ imageSrc: e, imageAlt: t = "Banner image", children: n, sectionClassName: r = "w-full flex justify-center", bannerClassName: i = "relative h-80 md:h-119.25 w-full max-w-6xl overflow-hidden", imageClassName: a = "h-full w-full object-cover", overlayClassName: o = "absolute inset-0 flex", imageQuality: s = 90 }) => {
 	let c = e?.trim() ? e : "https://picsum.photos/1600/900";
 	return /* @__PURE__ */ l("section", {
 		className: r,
 		children: /* @__PURE__ */ u("div", {
-			className: yl("relative", i),
+			className: bl("relative", i),
 			children: [/* @__PURE__ */ l(L, {
 				src: c,
 				alt: t,
@@ -9109,7 +9125,7 @@ var Mo = {
 			})]
 		})
 	});
-}, xl = ({ imageSrc: t, imageAlt: n = "Where to buy", heading: r, productDropdownProps: i, searchInputProps: a, searchButtonLabel: o = "Search", onProductChange: s, onSearchSubmit: c }) => {
+}, Sl = ({ imageSrc: t, imageAlt: n = "Where to buy", heading: r, productDropdownProps: i, searchInputProps: a, searchButtonLabel: o = "Search", onProductChange: s, onSearchSubmit: c }) => {
 	let d = !!i?.options?.length, [f, p] = e.useState(i?.value ?? ""), [m, h] = e.useState(a.value ?? "");
 	e.useEffect(() => {
 		p(i?.value ?? "");
@@ -9120,7 +9136,7 @@ var Mo = {
 		let t = e.target.value;
 		p(t), s?.({ productValue: t });
 	};
-	return /* @__PURE__ */ l(bl, {
+	return /* @__PURE__ */ l(xl, {
 		imageSrc: t,
 		imageAlt: n,
 		bannerClassName: "relative h-80 w-full overflow-hidden md:h-96",
@@ -9170,7 +9186,7 @@ var Mo = {
 			})]
 		})
 	});
-}, Sl = ({ imageSrc: e, imageAlt: t = "Call To Action Hero", heading: n, subheading: r, body: i, eyebrow: a, ctas: o = [] }) => /* @__PURE__ */ l(bl, {
+}, Cl = ({ imageSrc: e, imageAlt: t = "Call To Action Hero", heading: n, subheading: r, body: i, eyebrow: a, ctas: o = [] }) => /* @__PURE__ */ l(xl, {
 	imageSrc: e,
 	imageAlt: t,
 	sectionClassName: "w-full",
@@ -9183,7 +9199,7 @@ var Mo = {
 		eyebrow: a,
 		ctas: o
 	})
-}), Cl = ({ imageSrc: e, imageAlt: t = "Featured article banner", heading: n, subheading: r, articleCategory: i, ctaLabel: a, onCtaClick: o }) => /* @__PURE__ */ l(bl, {
+}), wl = ({ imageSrc: e, imageAlt: t = "Featured article banner", heading: n, subheading: r, articleCategory: i, ctaLabel: a, onCtaClick: o }) => /* @__PURE__ */ l(xl, {
 	imageSrc: e,
 	imageAlt: t,
 	sectionClassName: "px-4 md:px-0 md:mx-auto mb-16 md:mb-20 flex w-full max-w-6xl",
@@ -9197,7 +9213,7 @@ var Mo = {
 		ctaLabel: a,
 		onCtaClick: o
 	})
-}), wl = ({ items: e, value: t, onChange: n, renderTab: r, className: c = "", durationMs: d = 700, thicknessClassName: f = "h-[3px]", baselineClassName: p = "h-px" }) => {
+}), Tl = ({ items: e, value: t, onChange: n, renderTab: r, className: c = "", durationMs: d = 700, thicknessClassName: f = "h-[3px]", baselineClassName: p = "h-px" }) => {
 	let m = o(null), h = o([]), [g, _] = s({
 		left: 0,
 		width: 0
@@ -9273,7 +9289,7 @@ var Mo = {
 			]
 		})
 	});
-}, Tl = (e) => e.id || e.href || e.label, El = ({ items: e, startIndex: t, desktopVisibleCount: n = e.length, activeIndex: r, setActiveIndex: i, canPrev: a, canNext: o, onPrev: s, onNext: c, loadedIds: d, favoriteIds: f, showFavorites: p = !0, onLoaded: m, onToggleFav: h, onItemClick: g, getItemId: _ = Tl }) => e.length ? /* @__PURE__ */ u("div", {
+}, El = (e) => e.id || e.href || e.label, Dl = ({ items: e, startIndex: t, desktopVisibleCount: n = e.length, activeIndex: r, setActiveIndex: i, canPrev: a, canNext: o, onPrev: s, onNext: c, loadedIds: d, favoriteIds: f, showFavorites: p = !0, onLoaded: m, onToggleFav: h, onItemClick: g, getItemId: _ = El }) => e.length ? /* @__PURE__ */ u("div", {
 	className: "mt-4 relative",
 	children: [
 		/* @__PURE__ */ l("button", {
@@ -9336,13 +9352,13 @@ var Mo = {
 			})
 		})
 	]
-}) : null, Dl = 4, Ol = (e) => {
+}) : null, Ol = 4, kl = (e) => {
 	e.forEach((e) => {
 		if (!e) return;
 		let t = new window.Image();
 		t.decoding = "async", t.src = e;
 	});
-}, kl = ({ heading: t, body: n, TabsWithColumns: r = [], favoriteIds: i = [], showFavorites: o = !0, onFavoriteToggle: c, onItemClick: d }) => {
+}, Al = ({ heading: t, body: n, TabsWithColumns: r = [], favoriteIds: i = [], showFavorites: o = !0, onFavoriteToggle: c, onItemClick: d }) => {
 	let [f, p] = s(r?.[0]?.label ?? null);
 	e.useEffect(() => {
 		if (!r?.length) {
@@ -9358,7 +9374,7 @@ var Mo = {
 	e.useEffect(() => {
 		_(0), b(null);
 	}, [f]);
-	let x = g > 0, S = g + Dl < h.length, C = () => _((e) => Math.max(0, e - 1)), w = () => _((e) => Math.min(Math.max(h.length - Dl, 0), e + 1)), [T, E] = s(/* @__PURE__ */ new Set()), D = (e) => {
+	let x = g > 0, S = g + Ol < h.length, C = () => _((e) => Math.max(0, e - 1)), w = () => _((e) => Math.min(Math.max(h.length - Ol, 0), e + 1)), [T, E] = s(/* @__PURE__ */ new Set()), D = (e) => {
 		E((t) => {
 			if (t.has(e)) return t;
 			let n = new Set(t);
@@ -9368,7 +9384,7 @@ var Mo = {
 	e.useEffect(() => {
 		E(/* @__PURE__ */ new Set());
 	}, [f]), e.useEffect(() => {
-		Ol(h.slice(g, g + Dl * 2).map((e) => e.source).filter(Boolean));
+		kl(h.slice(g, g + Ol * 2).map((e) => e.source).filter(Boolean));
 	}, [h, g]);
 	let O = e.useMemo(() => new Set(i), [i]);
 	return /* @__PURE__ */ l("section", {
@@ -9394,16 +9410,16 @@ var Mo = {
 					})
 				}) : null, /* @__PURE__ */ u("div", {
 					className: "mx-auto w-full px-4 md:px-0",
-					children: [/* @__PURE__ */ l(wl, {
+					children: [/* @__PURE__ */ l(Tl, {
 						items: m,
 						value: f ?? m[0]?.label ?? "",
 						onChange: (e) => p(e),
 						className: "mb-2",
 						durationMs: 700
-					}), /* @__PURE__ */ l(El, {
+					}), /* @__PURE__ */ l(Dl, {
 						items: h,
 						startIndex: g,
-						desktopVisibleCount: Dl,
+						desktopVisibleCount: Ol,
 						activeIndex: y,
 						setActiveIndex: b,
 						canPrev: x,
@@ -9424,16 +9440,16 @@ var Mo = {
 			})
 		})
 	});
-}, Al = (e) => e === 1 ? "md:grid-cols-1" : e === 2 ? "md:grid-cols-2" : "md:grid-cols-3", jl = (e, t) => e === "vertical" && t === 2 ? "grid-cols-2" : e === "vertical" && t === 3 ? "grid-cols-3" : "grid-cols-1", Ml = (e) => e === "underBanner" ? "mt-10 md:mt-16" : "", Nl = ({ title: e, body: t, cards: n = [], spacing: r = "default", footerBlurb: i, footerButtonLabel: a, footerButtonHref: o, onFooterButtonClick: s }) => {
+}, jl = (e) => e === 1 ? "md:grid-cols-1" : e === 2 ? "md:grid-cols-2" : "md:grid-cols-3", Ml = (e, t) => e === "vertical" && t === 2 ? "grid-cols-2" : e === "vertical" && t === 3 ? "grid-cols-3" : "grid-cols-1", Nl = (e) => e === "underBanner" ? "mt-10 md:mt-16" : "", Pl = ({ title: e, body: t, cards: n = [], spacing: r = "default", footerBlurb: i, footerButtonLabel: a, footerButtonHref: o, onFooterButtonClick: s }) => {
 	if (!n.length && !e && !t && !i && !a) return null;
 	let c = () => {
 		a && s?.({
 			buttonLabel: a,
 			buttonHref: o
 		});
-	}, d = Al(n.length), f = jl(n[0]?.cardStyle, n.length);
+	}, d = jl(n.length), f = Ml(n[0]?.cardStyle, n.length);
 	return /* @__PURE__ */ l("section", {
-		className: `flex justify-center ${Ml(r)}`,
+		className: `flex justify-center ${Nl(r)}`,
 		children: /* @__PURE__ */ u("div", {
 			className: "w-full max-w-6xl px-4 mb-16 md:mb-20 md:px-0",
 			children: [
@@ -9474,7 +9490,7 @@ var Mo = {
 			]
 		})
 	});
-}, Pl = ({ heading: e, body: t, cards: n, className: r = "" }) => /* @__PURE__ */ l("section", {
+}, Fl = ({ heading: e, body: t, cards: n, className: r = "" }) => /* @__PURE__ */ l("section", {
 	className: `w-full bg-white ${r}`,
 	children: /* @__PURE__ */ u("div", {
 		className: "mx-auto max-w-6xl mb-16 md:mb-30 px-4 md:px-0",
@@ -9495,7 +9511,7 @@ var Mo = {
 			children: n.map((e, t) => /* @__PURE__ */ l(ac, { ...e }, `${e.title}-${t}`))
 		})]
 	})
-}), Fl = ({ title: e = "Sample Order Summary", items: t, sampleCountLabel: n, note: r = "No payment is required for sample requests." }) => {
+}), Il = ({ title: e = "Sample Order Summary", items: t, sampleCountLabel: n, note: r = "No payment is required for sample requests." }) => {
 	let i = n ?? `${t.length} ${t.length === 1 ? "sample" : "samples"}`;
 	return /* @__PURE__ */ u("aside", {
 		className: "rounded-lg border border-secondaryActive bg-white p-6",
@@ -9557,7 +9573,7 @@ var Mo = {
 		hasError: r,
 		...s
 	})]
-}), Il = ({ title: e = "Personal & Project Information", idPrefix: t = "salesforce-customer", firstName: n = "", lastName: r = "", profession: i = "", companyName: a = "", projectType: o = "", projectSquareMetres: s = "", projectName: c = "", projectDetails: d = "", phoneNumber: f = "", email: p = "", confirmEmail: m = "", firstNamePlaceholder: h = "First Name*", lastNamePlaceholder: g = "Last Name*", professionPlaceholder: _ = "Profession*", companyNamePlaceholder: y = "Company Name*", projectTypePlaceholder: b = "Project Type", projectSquareMetresPlaceholder: x = "Project Square Metres", projectNamePlaceholder: S = "Project Name", projectDetailsPlaceholder: C = "Project Details", phoneNumberPlaceholder: w = "Phone Number*", emailPlaceholder: T = "Email*", confirmEmailPlaceholder: E = "Confirm Email*", professionOptions: D = [], projectTypeOptions: O = [], projectSquareMetresOptions: k = [], errors: A = {}, onFirstNameChange: j, onLastNameChange: M, onProfessionChange: N, onCompanyNameChange: P, onProjectTypeChange: F, onProjectSquareMetresChange: I, onProjectNameChange: L, onProjectDetailsChange: R, onPhoneNumberChange: z, onEmailChange: B, onConfirmEmailChange: V }) => /* @__PURE__ */ u("section", {
+}), Ll = ({ title: e = "Personal & Project Information", idPrefix: t = "salesforce-customer", firstName: n = "", lastName: r = "", profession: i = "", companyName: a = "", projectType: o = "", projectSquareMetres: s = "", projectName: c = "", projectDetails: d = "", phoneNumber: f = "", email: p = "", confirmEmail: m = "", firstNamePlaceholder: h = "First Name*", lastNamePlaceholder: g = "Last Name*", professionPlaceholder: _ = "Profession*", companyNamePlaceholder: y = "Company Name*", projectTypePlaceholder: b = "Project Type", projectSquareMetresPlaceholder: x = "Project Square Metres", projectNamePlaceholder: S = "Project Name", projectDetailsPlaceholder: C = "Project Details", phoneNumberPlaceholder: w = "Phone Number*", emailPlaceholder: T = "Email*", confirmEmailPlaceholder: E = "Confirm Email*", professionOptions: D = [], projectTypeOptions: O = [], projectSquareMetresOptions: k = [], errors: A = {}, onFirstNameChange: j, onLastNameChange: M, onProfessionChange: N, onCompanyNameChange: P, onProjectTypeChange: F, onProjectSquareMetresChange: I, onProjectNameChange: L, onProjectDetailsChange: R, onPhoneNumberChange: z, onEmailChange: B, onConfirmEmailChange: V }) => /* @__PURE__ */ u("section", {
 	className: "flex flex-col gap-6",
 	children: [/* @__PURE__ */ l(v, {
 		as: "h2",
@@ -9683,17 +9699,17 @@ var Mo = {
 			})
 		]
 	})]
-}), Ll = (e, t, n) => Math.max(t, Math.min(n, e)), Rl = (e) => ["h-12 w-12 border-secondaryActive!", e ? "text-primary! hover:text-accent!" : "border-secondaryHover! text-tertiary!"].join(" "), zl = ({ initialQuantity: t = 1, minQuantity: n = 1, maxQuantity: r = 99, onAddToWishlist: i, onAddToCart: a, onQuantityChange: o, wishlistLabel: s = "Add To Wishlist", cartLabel: d = "Add to Cart", decreaseQuantityLabel: f = "Decrease quantity", increaseQuantityLabel: p = "Increase quantity", showFavorites: m = !0, className: h = "" }) => {
-	let [g, _] = e.useState(() => Ll(t, n, r));
+}), Rl = (e, t, n) => Math.max(t, Math.min(n, e)), zl = (e) => ["h-12 w-12 border-secondaryActive!", e ? "text-primary! hover:text-accent!" : "border-secondaryHover! text-tertiary!"].join(" "), Bl = ({ initialQuantity: t = 1, minQuantity: n = 1, maxQuantity: r = 99, onAddToWishlist: i, onAddToCart: a, onQuantityChange: o, wishlistLabel: s = "Add To Wishlist", cartLabel: d = "Add to Cart", decreaseQuantityLabel: f = "Decrease quantity", increaseQuantityLabel: p = "Increase quantity", showFavorites: m = !0, className: h = "" }) => {
+	let [g, _] = e.useState(() => Rl(t, n, r));
 	e.useEffect(() => {
-		_(Ll(t, n, r));
+		_(Rl(t, n, r));
 	}, [
 		t,
 		n,
 		r
 	]);
 	let y = (e) => {
-		let t = Ll(e, n, r);
+		let t = Rl(e, n, r);
 		_(t), o?.(t);
 	}, b = () => y(g - 1), x = () => y(g + 1), S = g > n, C = g < r, w = () => a(g), T = /* @__PURE__ */ u("div", {
 		className: "flex shrink-0 items-stretch gap-3",
@@ -9707,7 +9723,7 @@ var Mo = {
 				type: "button",
 				disabled: !S,
 				onClick: b,
-				className: Rl(S)
+				className: zl(S)
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "flex min-w-10 items-center justify-center",
@@ -9726,7 +9742,7 @@ var Mo = {
 				type: "button",
 				disabled: !C,
 				onClick: x,
-				className: Rl(C)
+				className: zl(C)
 			})
 		]
 	}), E = /* @__PURE__ */ l(P, {
@@ -9769,7 +9785,7 @@ var Mo = {
 			})]
 		})
 	});
-}, Bl = ({ heading: e, items: t, value: n, onChange: r }) => {
+}, Vl = ({ heading: e, items: t, value: n, onChange: r }) => {
 	if (!t?.length) return null;
 	let i = (e) => {
 		e.disabled || r(e.value, e);
@@ -9802,7 +9818,7 @@ var Mo = {
 			}, e.id))
 		})]
 	});
-}, Vl = (e) => {
+}, Hl = (e) => {
 	let { title: t, decor: n, description: r, colourMatching: i, colourMatchingLabel: a, patternRepeat: o, onDownloadSwatch: s, onDownloadFullSheet: c, downloadSwatchLabel: d = "Download Swatch", downloadFullSheetLabel: f = "Download Full Sheet", tabs: p = ["Sample", "Buy Now"], tabLabels: m, labels: h, activeTab: g, onTabChange: _, productOptions: y = [], gradeOptions: b = [], textureOptions: x = [], sizeOptions: S = [], selectedProduct: C, selectedGrade: w, selectedTexture: T, selectedSize: E, onQuantityChange: D, availabilityHref: O, availabilityLabel: k = "View full product availability and information", notReturnableText: A = "This item is not returnable.", returnPolicyHref: j, returnPolicyLabel: M = "View return policy", onPurchaseInfoLinkClick: N, priceLabel: F, initialQuantity: I = 1, minQuantity: L = 1, maxQuantity: R = 99, showCartActions: z = !0, showFavorites: B = !0, actionMode: V = "cart", contactActions: ee, onAddToWishlist: te, onAddToCart: ne, onContactActionClick: re, mobileMediaSlot: ie } = e, ae = p.map((e) => ({
 		label: m?.[e] ?? e,
 		value: e
@@ -9878,7 +9894,7 @@ var Mo = {
 				}) : null,
 				U ? /* @__PURE__ */ l("div", {
 					className: "mb-5",
-					children: /* @__PURE__ */ l(wl, {
+					children: /* @__PURE__ */ l(Tl, {
 						items: ae,
 						value: g,
 						onChange: _,
@@ -9901,7 +9917,7 @@ var Mo = {
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
 									children: [h?.product ?? "Product", ":"]
-								}), /* @__PURE__ */ l(Bl, {
+								}), /* @__PURE__ */ l(Vl, {
 									items: y,
 									value: C ?? void 0,
 									onChange: W(y)
@@ -9911,7 +9927,7 @@ var Mo = {
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
 									children: [h?.grade ?? "Grade", ":"]
-								}), /* @__PURE__ */ l(Bl, {
+								}), /* @__PURE__ */ l(Vl, {
 									items: b,
 									value: w ?? void 0,
 									onChange: W(b)
@@ -9921,7 +9937,7 @@ var Mo = {
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
 									children: [h?.texture ?? "Texture", ":"]
-								}), /* @__PURE__ */ l(Bl, {
+								}), /* @__PURE__ */ l(Vl, {
 									items: x,
 									value: T ?? void 0,
 									onChange: W(x)
@@ -9931,7 +9947,7 @@ var Mo = {
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
 									children: [h?.size ?? "Size", ":"]
-								}), /* @__PURE__ */ l(Bl, {
+								}), /* @__PURE__ */ l(Vl, {
 									items: S,
 									value: E ?? void 0,
 									onChange: W(S)
@@ -9965,7 +9981,7 @@ var Mo = {
 								}) : null
 							]
 						}),
-						H ? /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(zl, {
+						H ? /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Bl, {
 							initialQuantity: I,
 							minQuantity: L,
 							maxQuantity: R,
@@ -10003,16 +10019,16 @@ var Mo = {
 			})
 		}) : null]
 	});
-}, Hl = (e, t) => Math.max(0, Math.min(e, t - 1)), Ul = ({ items: t, initialIndex: n = 0, loop: r = !0, showArrows: i = !0, arrowPosition: a = "sides", onSelect: o, renderItem: s, className: d = "", trackClassName: f = "", ariaLabel: p = "Carousel", header: m }) => {
-	let h = t?.length ?? 0, [g, _] = e.useState(() => Hl(n, h || 1)), [v, y] = e.useState(() => Hl(n, h || 1));
+}, Ul = (e, t) => Math.max(0, Math.min(e, t - 1)), Wl = ({ items: t, initialIndex: n = 0, loop: r = !0, showArrows: i = !0, arrowPosition: a = "sides", onSelect: o, renderItem: s, className: d = "", trackClassName: f = "", ariaLabel: p = "Carousel", header: m }) => {
+	let h = t?.length ?? 0, [g, _] = e.useState(() => Ul(n, h || 1)), [v, y] = e.useState(() => Ul(n, h || 1));
 	if (e.useEffect(() => {
-		h > 0 && (_((e) => Hl(e, h)), y((e) => Hl(e, h)));
+		h > 0 && (_((e) => Ul(e, h)), y((e) => Ul(e, h)));
 	}, [h]), h === 0) return null;
 	let b = (e) => {
-		let n = Hl(e, h);
+		let n = Ul(e, h);
 		_(n), o?.(n, t[n]);
 	}, x = (e) => {
-		y(r ? (e + h) % h : Hl(e, h));
+		y(r ? (e + h) % h : Ul(e, h));
 	}, C = () => x(v - 1), w = () => x(v + 1), T = h > 1, E = i && T && a === "top-right", D = i && T && a === "sides";
 	return /* @__PURE__ */ u("div", {
 		className: ["relative w-full", d].join(" "),
@@ -10105,25 +10121,25 @@ var Mo = {
 			})
 		]
 	});
-}, Wl = (e, t) => Math.max(0, Math.min(e, t - 1)), Gl = (e) => typeof e == "string" ? e.replace(/^http:\/\//i, "https://") : "", Kl = ({ slides: t, initialIndex: n = 0, text: r, fallbackImage: i }) => {
+}, Gl = (e, t) => Math.max(0, Math.min(e, t - 1)), Kl = (e) => typeof e == "string" ? e.replace(/^http:\/\//i, "https://") : "", ql = ({ slides: t, initialIndex: n = 0, text: r, fallbackImage: i }) => {
 	let a = t ?? [], o = i ? {
 		id: "fallback-image",
 		image: i
 	} : null, s = a;
 	!s.length && o && (s = [o]);
-	let c = s.length, [d, f] = e.useState(() => Wl(n, c || 1)), [p, m] = e.useState(() => /* @__PURE__ */ new Set());
+	let c = s.length, [d, f] = e.useState(() => Gl(n, c || 1)), [p, m] = e.useState(() => /* @__PURE__ */ new Set());
 	if (e.useEffect(() => {
-		c > 0 && f((e) => Wl(e, c));
+		c > 0 && f((e) => Gl(e, c));
 	}, [c]), c === 0) return null;
 	let h = s[d];
 	if (!h?.image?.src && !i?.src) return null;
-	let g = (e, t) => (!e || p.has(e) || p.has(Gl(e))) && i?.src ? i : {
+	let g = (e, t) => (!e || p.has(e) || p.has(Kl(e))) && i?.src ? i : {
 		src: e ?? "",
 		alt: t ?? ""
-	}, _ = g(h?.image?.src, h?.image?.alt), y = Gl(_.src), b = _.alt ?? "", x = (e) => {
+	}, _ = g(h?.image?.src, h?.image?.alt), y = Kl(_.src), b = _.alt ?? "", x = (e) => {
 		!e || i?.src === e || m((t) => {
 			let n = new Set(t);
-			return n.add(e), n.add(Gl(e)), n;
+			return n.add(e), n.add(Kl(e)), n;
 		});
 	};
 	return /* @__PURE__ */ u("section", {
@@ -10143,7 +10159,7 @@ var Mo = {
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ l(Ul, {
+				children: /* @__PURE__ */ l(Wl, {
 					items: s,
 					initialIndex: d,
 					loop: !0,
@@ -10151,7 +10167,7 @@ var Mo = {
 					ariaLabel: "Thumbnail carousel",
 					onSelect: (e) => f(e),
 					renderItem: ({ item: e, isActive: t, select: n, index: r }) => {
-						let i = g(e.thumbnail?.src ?? e.image?.src, e.thumbnail?.alt ?? e.image?.alt), a = Gl(i.src), o = i.alt ?? "";
+						let i = g(e.thumbnail?.src ?? e.image?.src, e.thumbnail?.alt ?? e.image?.alt), a = Kl(i.src), o = i.alt ?? "";
 						return a ? /* @__PURE__ */ l("button", {
 							type: "button",
 							onClick: n,
@@ -10189,7 +10205,7 @@ var Mo = {
 			})
 		]
 	});
-}, ql = ({ carousel: e }) => {
+}, Jl = ({ carousel: e }) => {
 	let t = !!e?.slides?.length, n = e?.fallbackImage;
 	if (!t && !n?.src) return /* @__PURE__ */ l("div", {
 		className: "w-full min-h-96",
@@ -10198,30 +10214,30 @@ var Mo = {
 	let { slides: r = [], initialIndex: i = 0, text: a } = e ?? {};
 	return /* @__PURE__ */ l("div", {
 		className: "w-full h-full min-h-0 md:min-h-96",
-		children: /* @__PURE__ */ l(Kl, {
+		children: /* @__PURE__ */ l(ql, {
 			slides: r,
 			initialIndex: i,
 			text: a,
 			fallbackImage: n
 		})
 	});
-}, Jl = (e) => {
+}, Yl = (e) => {
 	let t = e.find((e) => e.active);
 	if (t) return t.value ?? t.id ?? null;
 	let n = e[0];
 	return n ? n.value ?? n.id ?? null : null;
-}, Yl = (e, t) => !!(t && e.some((e) => (e.value ?? e.id) === t)), Xl = (e) => {
+}, Xl = (e, t) => !!(t && e.some((e) => (e.value ?? e.id) === t)), Zl = (e) => {
 	let t = /* @__PURE__ */ new Set();
 	return e.reduce((e, n) => !n.value || t.has(n.value) ? e : (t.add(n.value), e.push({
 		id: n.value,
 		value: n.value,
 		label: n.label || n.value
 	}), e), []);
-}, Zl = (e, t) => !e || !t ? null : `${e}x${t}`, Ql = (e, t, n) => Math.max(t, Math.min(n, e)), $l = (e, t = "USD") => new Intl.NumberFormat("en-US", {
+}, Ql = (e, t) => !e || !t ? null : `${e}x${t}`, $l = (e, t, n) => Math.max(t, Math.min(n, e)), eu = (e, t = "USD") => new Intl.NumberFormat("en-US", {
 	style: "currency",
 	currency: t
-}).format(e), eu = (e) => !!e?.length, tu = (e, t) => eu(e) && eu(t), nu = (e = []) => e.some((e) => !!e.sku && !!e.rangeId && !!e.grade && !!e.texture && !!e.widthIn && !!e.lengthIn), ru = (t) => {
-	let { sku: n, decor: r, title: i, description: a, colourMatching: o, colourMatchingLabel: s, patternRepeat: c, onDownloadSwatch: d, onDownloadFullSheet: f, downloadSwatchLabel: p, downloadFullSheetLabel: m, carousel: h, tabs: g = ["Sample", "Buy Now"], tabLabels: _, labels: v, initialTab: y = "Sample", tabOptions: b, productOptions: x = [], sizeOptions: S = [], variants: C = [], currency: w, initialQuantity: T = 1, minQuantity: E = 1, maxQuantity: D = 99, showFavorites: O = !0, actionMode: k = "cart", contactActions: A, onAddToWishlist: j, onAddToCart: M, onContactActionClick: N, availabilityHref: P, availabilityLabel: F = "View full product availability and information", returnPolicyHref: I, returnPolicyLabel: L = "View return policy", notReturnableText: R = "This item is not returnable.", onPurchaseInfoLinkClick: z } = t, B = Array.isArray(g) && g.length ? g : ["Sample", "Buy Now"], V = b?.Sample, ee = b?.["Buy Now"], te = V?.productOptions ?? x ?? [], ne = V?.sizeOptions ?? S ?? [], re = ee?.productOptions ?? x ?? [], ie = tu(te, ne), ae = eu(re) && nu(C), H = B.filter((e) => e === "Sample" ? ie : e === "Buy Now" ? ae : !0), oe = H[0] ?? "Sample", [U, W] = e.useState(H.includes(y) ? y : oe);
+}).format(e), tu = (e) => !!e?.length, nu = (e, t) => tu(e) && tu(t), ru = (e = []) => e.some((e) => !!e.sku && !!e.rangeId && !!e.grade && !!e.texture && !!e.widthIn && !!e.lengthIn), iu = (t) => {
+	let { sku: n, decor: r, title: i, description: a, colourMatching: o, colourMatchingLabel: s, patternRepeat: c, onDownloadSwatch: d, onDownloadFullSheet: f, downloadSwatchLabel: p, downloadFullSheetLabel: m, carousel: h, tabs: g = ["Sample", "Buy Now"], tabLabels: _, labels: v, initialTab: y = "Sample", tabOptions: b, productOptions: x = [], sizeOptions: S = [], variants: C = [], currency: w, initialQuantity: T = 1, minQuantity: E = 1, maxQuantity: D = 99, showFavorites: O = !0, actionMode: k = "cart", contactActions: A, onAddToWishlist: j, onAddToCart: M, onContactActionClick: N, availabilityHref: P, availabilityLabel: F = "View full product availability and information", returnPolicyHref: I, returnPolicyLabel: L = "View return policy", notReturnableText: R = "This item is not returnable.", onPurchaseInfoLinkClick: z } = t, B = Array.isArray(g) && g.length ? g : ["Sample", "Buy Now"], V = b?.Sample, ee = b?.["Buy Now"], te = V?.productOptions ?? x ?? [], ne = V?.sizeOptions ?? S ?? [], re = ee?.productOptions ?? x ?? [], ie = nu(te, ne), ae = tu(re) && ru(C), H = B.filter((e) => e === "Sample" ? ie : e === "Buy Now" ? ae : !0), oe = H[0] ?? "Sample", [U, W] = e.useState(H.includes(y) ? y : oe);
 	e.useEffect(() => {
 		if (!H.length) {
 			W("Sample");
@@ -10234,37 +10250,37 @@ var Mo = {
 		oe
 	]);
 	let G = b?.[U], se = !!G, ce = G?.minQuantity ?? E, le = G?.maxQuantity ?? D, ue = G?.productOptions ?? (se ? [] : x) ?? [], de = U === "Buy Now", [fe, pe] = e.useState(() => ({
-		product: Jl(ue),
+		product: Yl(ue),
 		grade: null,
 		texture: null,
 		size: null
-	})), K = e.useRef(!1), me = Yl(ue, fe.product) ? fe.product : Jl(ue), he = de && me ? C.filter((e) => e.rangeId === me) : [], q = Xl(he.map((e) => ({
+	})), K = e.useRef(!1), me = Xl(ue, fe.product) ? fe.product : Yl(ue), he = de && me ? C.filter((e) => e.rangeId === me) : [], q = Zl(he.map((e) => ({
 		value: e.grade,
 		label: e.grade
-	}))), ge = de ? q : G?.gradeOptions ?? [], _e = Yl(ge, fe.grade) ? fe.grade : Jl(ge), ve = _e ? he.filter((e) => e.grade === _e) : he, ye = Xl(ve.map((e) => ({
+	}))), ge = de ? q : G?.gradeOptions ?? [], _e = Xl(ge, fe.grade) ? fe.grade : Yl(ge), ve = _e ? he.filter((e) => e.grade === _e) : he, ye = Zl(ve.map((e) => ({
 		value: e.texture,
 		label: e.finish || e.texture
-	}))), be = de ? ye : G?.textureOptions ?? [], xe = Yl(be, fe.texture) ? fe.texture : Jl(be), Se = xe ? ve.filter((e) => e.texture === xe) : ve, Ce = new Map((G?.sizeOptions ?? S ?? []).map((e) => [e.value ?? e.id, e.label])), we = Xl(Se.map((e) => {
-		let t = Zl(e.widthIn, e.lengthIn) ?? void 0;
+	}))), be = de ? ye : G?.textureOptions ?? [], xe = Xl(be, fe.texture) ? fe.texture : Yl(be), Se = xe ? ve.filter((e) => e.texture === xe) : ve, Ce = new Map((G?.sizeOptions ?? S ?? []).map((e) => [e.value ?? e.id, e.label])), we = Zl(Se.map((e) => {
+		let t = Ql(e.widthIn, e.lengthIn) ?? void 0;
 		return {
 			value: t,
 			label: t ? Ce.get(t) ?? t : void 0
 		};
-	})), Te = de ? we : G?.sizeOptions ?? (se ? [] : S) ?? [], Ee = Yl(Te, fe.size) ? fe.size : Jl(Te);
+	})), Te = de ? we : G?.sizeOptions ?? (se ? [] : S) ?? [], Ee = Xl(Te, fe.size) ? fe.size : Yl(Te);
 	e.useEffect(() => {
 		if (!K.current) {
 			K.current = !0;
 			return;
 		}
 		pe({
-			product: Jl(ue),
-			grade: Jl(ge),
-			texture: Jl(be),
-			size: Jl(Te)
+			product: Yl(ue),
+			grade: Yl(ge),
+			texture: Yl(be),
+			size: Yl(Te)
 		});
 	}, [U]), e.useEffect(() => {
 		pe((e) => {
-			let t = e.product && ue.some((t) => (t.value ?? t.id) === e.product) ? e.product : Jl(ue), n = e.grade && ge.some((t) => (t.value ?? t.id) === e.grade) ? e.grade : Jl(ge), r = e.texture && be.some((t) => (t.value ?? t.id) === e.texture) ? e.texture : Jl(be), i = e.size && Te.some((t) => (t.value ?? t.id) === e.size) ? e.size : Jl(Te);
+			let t = e.product && ue.some((t) => (t.value ?? t.id) === e.product) ? e.product : Yl(ue), n = e.grade && ge.some((t) => (t.value ?? t.id) === e.grade) ? e.grade : Yl(ge), r = e.texture && be.some((t) => (t.value ?? t.id) === e.texture) ? e.texture : Yl(be), i = e.size && Te.some((t) => (t.value ?? t.id) === e.size) ? e.size : Yl(Te);
 			return e.product === t && e.grade === n && e.texture === r && e.size === i ? e : {
 				product: t,
 				grade: n,
@@ -10286,7 +10302,7 @@ var Mo = {
 			texture: xe,
 			size: Ee
 		}, t = C.filter((t) => {
-			let n = Zl(t.widthIn, t.lengthIn);
+			let n = Ql(t.widthIn, t.lengthIn);
 			return (t.rangeId ?? null) === e.product && (t.grade ?? null) === e.grade && (t.texture ?? null) === e.texture && n === e.size;
 		});
 		return t.length ? t.find((e) => e.isWebEnabled) ?? t[0] ?? null : null;
@@ -10297,9 +10313,9 @@ var Mo = {
 		_e,
 		xe,
 		Ee
-	]), Oe = U !== "Buy Now" || !!De, ke = U === "Buy Now" && De ? De.price?.label ?? $l(De.price?.value ?? 0, w) : "", Ae = U === "Buy Now" && De ? De.price?.value ?? 0 : 0, je = U === "Buy Now" ? De?.sku ?? n : n, [Me, Ne] = e.useState(() => Ql(T, ce, le)), Pe = e.useRef(U);
+	]), Oe = U !== "Buy Now" || !!De, ke = U === "Buy Now" && De ? De.price?.label ?? eu(De.price?.value ?? 0, w) : "", Ae = U === "Buy Now" && De ? De.price?.value ?? 0 : 0, je = U === "Buy Now" ? De?.sku ?? n : n, [Me, Ne] = e.useState(() => $l(T, ce, le)), Pe = e.useRef(U);
 	e.useEffect(() => {
-		Ne(Ql(T, ce, le));
+		Ne($l(T, ce, le));
 	}, [
 		T,
 		ce,
@@ -10399,7 +10415,7 @@ var Mo = {
 		},
 		onQuantityChange: (e) => Ne(e),
 		onPurchaseInfoLinkClick: z,
-		mobileMediaSlot: /* @__PURE__ */ l(ql, { carousel: h })
+		mobileMediaSlot: /* @__PURE__ */ l(Jl, { carousel: h })
 	};
 	return /* @__PURE__ */ l("section", {
 		className: "w-full flex justify-center",
@@ -10409,12 +10425,12 @@ var Mo = {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-8",
 				children: [/* @__PURE__ */ l("div", {
 					className: "hidden md:block",
-					children: /* @__PURE__ */ l(ql, { carousel: h })
-				}), /* @__PURE__ */ l(Vl, { ...J })]
+					children: /* @__PURE__ */ l(Jl, { carousel: h })
+				}), /* @__PURE__ */ l(Hl, { ...J })]
 			})
 		})
 	});
-}, iu = ({ imageSrc: e, imageAlt: t = "Standard Copy Hero", heading: n, subheading: r, body: i, linkLabel: a, onLinkClick: o }) => /* @__PURE__ */ l(bl, {
+}, au = ({ imageSrc: e, imageAlt: t = "Standard Copy Hero", heading: n, subheading: r, body: i, linkLabel: a, onLinkClick: o }) => /* @__PURE__ */ l(xl, {
 	imageSrc: e,
 	imageAlt: t,
 	bannerClassName: "relative h-80 md:h-119.25 w-full mb-10 md:mb-16 overflow-hidden",
@@ -10429,7 +10445,7 @@ var Mo = {
 			onLinkClick: o
 		})
 	})
-}), au = ({ categoryText: e, imageSrc: t, imageAlt: n = "Article Header", tags: r = [], onTagClick: i }) => /* @__PURE__ */ l(bl, {
+}), ou = ({ categoryText: e, imageSrc: t, imageAlt: n = "Article Header", tags: r = [], onTagClick: i }) => /* @__PURE__ */ l(xl, {
 	imageSrc: t,
 	imageAlt: n,
 	sectionClassName: "w-full",
@@ -10440,7 +10456,7 @@ var Mo = {
 		tags: r,
 		onTagClick: i
 	})
-}), ou = ({ slides: t, initialIndex: n = 0, ...r }) => {
+}), su = ({ slides: t, initialIndex: n = 0, ...r }) => {
 	let [i, a] = e.useState(n);
 	if (e.useEffect(() => {
 		a(n);
@@ -10470,7 +10486,7 @@ var Mo = {
 			]
 		})
 	});
-}, su = (e) => {
+}, cu = (e) => {
 	let { imageSrc: t = "", imageAlt: n = "" } = e;
 	return /* @__PURE__ */ l("section", {
 		className: "h-56 w-full overflow-hidden md:h-190",
@@ -10481,10 +10497,7 @@ var Mo = {
 			quality: 90
 		})
 	});
-}, cu = ({ html: e = "", className: t = "" }) => e ? /* @__PURE__ */ l("div", {
-	className: `html-block ${t}`,
-	dangerouslySetInnerHTML: { __html: e }
-}) : null, lu = {
+}, lu = {
 	left: "text-left",
 	center: "text-center",
 	right: "text-right"
@@ -10514,7 +10527,7 @@ var Mo = {
 				className: `${f} text-primary mb-4`,
 				children: i
 			}) : null,
-			a ? /* @__PURE__ */ l(cu, {
+			a ? /* @__PURE__ */ l(Vc, {
 				html: a,
 				className: f
 			}) : null
@@ -10554,7 +10567,7 @@ var Mo = {
 				className: "mt-4 text-primary",
 				children: t
 			})]
-		}) : null, /* @__PURE__ */ l(Ul, {
+		}) : null, /* @__PURE__ */ l(Wl, {
 			items: i,
 			ariaLabel: e,
 			arrowPosition: "top-right",
@@ -11508,7 +11521,7 @@ var Mo = {
 	return /* @__PURE__ */ u("div", {
 		className: "flex w-full flex-col gap-8",
 		children: [
-			/* @__PURE__ */ l(Hc, {
+			/* @__PURE__ */ l(Uc, {
 				ariaLabel: n?.modeAriaLabel ?? "Login mode",
 				layoutVariant: "equalWidth",
 				items: k,
@@ -11742,7 +11755,7 @@ var Mo = {
 				"aria-label": "Customer account sections",
 				children: /* @__PURE__ */ l("div", {
 					role: "tablist",
-					children: /* @__PURE__ */ l(wl, {
+					children: /* @__PURE__ */ l(Tl, {
 						items: n.map((e) => ({
 							label: e.label,
 							value: e.id
@@ -11957,7 +11970,7 @@ var Mo = {
 				className: "max-w-6xl w-full mx-auto px-4 md:px-6",
 				children: /* @__PURE__ */ l("div", {
 					className: "flex justify-start",
-					children: /* @__PURE__ */ l(wl, {
+					children: /* @__PURE__ */ l(Tl, {
 						items: f.map((e) => ({
 							label: e.label,
 							value: e.value,
@@ -12275,12 +12288,12 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		children: [/* @__PURE__ */ u("div", {
 			className: "flex flex-col gap-4",
 			children: [
-				t && /* @__PURE__ */ l(dl, { ...t }),
-				/* @__PURE__ */ l(ru, { ...oe }),
+				t && /* @__PURE__ */ l(fl, { ...t }),
+				/* @__PURE__ */ l(iu, { ...oe }),
 				/* @__PURE__ */ l(id, { ...U }),
 				/* @__PURE__ */ l("div", {
 					className: "hidden md:block",
-					children: x && /* @__PURE__ */ l(iu, {
+					children: x && /* @__PURE__ */ l(au, {
 						imageSrc: x.imageSrc ?? "",
 						imageAlt: x.imageAlt ?? "",
 						heading: x.heading ?? "",
@@ -12327,10 +12340,10 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		})
 	});
 }, hd = ({ standardCopyHeroProps: e, multiButtonBarProps: t, featuredArticleBannerProps: n, featureCardCollectionProps: r }) => /* @__PURE__ */ u(c, { children: [
-	/* @__PURE__ */ l(iu, { ...e }),
+	/* @__PURE__ */ l(au, { ...e }),
 	/* @__PURE__ */ l(md, { ...t }),
-	/* @__PURE__ */ l(Cl, { ...n }),
-	/* @__PURE__ */ l(Nl, { ...r })
+	/* @__PURE__ */ l(wl, { ...n }),
+	/* @__PURE__ */ l(Pl, { ...r })
 ] }), gd = (e, t) => e.id ?? [
 	e.decorNumber,
 	e.title,
@@ -12395,7 +12408,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	return /* @__PURE__ */ u("section", {
 		className: n,
 		children: [
-			/* @__PURE__ */ l(iu, {
+			/* @__PURE__ */ l(au, {
 				...t.hero,
 				onLinkClick: () => r?.(t)
 			}),
@@ -12539,7 +12552,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		})
 	}) }, `${e.alt}-${n}`))
 }), Dd = ({ standardCopyHeroProps: e, multiButtonBarProps: t, imageGridProps: n }) => /* @__PURE__ */ u(c, { children: [
-	/* @__PURE__ */ l(iu, { ...e }),
+	/* @__PURE__ */ l(au, { ...e }),
 	/* @__PURE__ */ l(md, { ...t }),
 	/* @__PURE__ */ l(Os, { layoutVariant: "separator" }),
 	/* @__PURE__ */ l(Ed, { ...n })
@@ -12569,7 +12582,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		e.subheading,
 		e.body,
 		e.linkLabel
-	].some(kd) && /* @__PURE__ */ l(iu, { ...e }),
+	].some(kd) && /* @__PURE__ */ l(au, { ...e }),
 	t && !!t.options?.length && /* @__PURE__ */ l(md, { ...t }),
 	n && kd(n.body) && /* @__PURE__ */ l(H, {
 		spacing: "section",
@@ -12703,7 +12716,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	return /* @__PURE__ */ u("section", {
 		className: t,
 		children: [
-			/* @__PURE__ */ l(xl, {
+			/* @__PURE__ */ l(Sl, {
 				...e.banner,
 				onProductChange: (t) => n?.(t, e),
 				onSearchSubmit: (t) => r?.(t, e)
@@ -12712,7 +12725,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				spacing: "none",
 				className: "mb-8 pt-10",
 				innerClassName: "flex justify-center",
-				children: /* @__PURE__ */ l(wl, {
+				children: /* @__PURE__ */ l(Tl, {
 					className: "w-full",
 					items: e.tabs.options.map((e) => ({
 						label: e.label,
@@ -13348,7 +13361,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				/* @__PURE__ */ l(Kd, { ...n }),
 				/* @__PURE__ */ l("div", {
 					className: "mt-8",
-					children: /* @__PURE__ */ l(Fl, { ...r })
+					children: /* @__PURE__ */ l(Il, { ...r })
 				}),
 				/* @__PURE__ */ l("div", {
 					className: "mt-8",
@@ -13400,7 +13413,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				/* @__PURE__ */ l(Kd, { ...n }),
 				/* @__PURE__ */ l("div", {
 					className: "mt-8",
-					children: /* @__PURE__ */ l(Fl, { ...r })
+					children: /* @__PURE__ */ l(Il, { ...r })
 				}),
 				/* @__PURE__ */ u("div", {
 					className: "mt-8 flex flex-col gap-3 bg-white",
@@ -13427,7 +13440,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		children: /* @__PURE__ */ u("div", {
 			className: "grid w-full grid-cols-1 gap-8 md:grid-cols-2",
 			children: [/* @__PURE__ */ u("div", { children: [
-				/* @__PURE__ */ l(Il, { ...e }),
+				/* @__PURE__ */ l(Ll, { ...e }),
 				/* @__PURE__ */ l("div", {
 					className: "mt-8",
 					children: /* @__PURE__ */ l(Wd, {
@@ -13444,7 +13457,7 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				/* @__PURE__ */ l(Kd, { ...r }),
 				/* @__PURE__ */ l("div", {
 					className: "mt-8",
-					children: /* @__PURE__ */ l(Fl, { ...i })
+					children: /* @__PURE__ */ l(Il, { ...i })
 				}),
 				/* @__PURE__ */ u("div", {
 					className: "mt-8 flex flex-wrap items-center gap-x-1 gap-y-2",
@@ -13672,16 +13685,16 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})]
 		})]
 	})]
-}), $d = ({ shippingMethodSelectorProps: e, cartPaymentPanelProps: t, checkoutProgressIndicatorProps: n, cartTotalsPanelProps: r }) => /* @__PURE__ */ l("section", {
+}), $d = ({ requiresPayment: e = !0, shippingMethodSelectorProps: t, cartPaymentPanelProps: n, checkoutProgressIndicatorProps: r, cartTotalsPanelProps: i }) => /* @__PURE__ */ l("section", {
 	className: "w-full flex justify-center mt-10 pb-16",
 	children: /* @__PURE__ */ u("div", {
 		className: "grid w-full max-w-6xl grid-cols-2 gap-8",
-		children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(Gd, { ...e }), /* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(Gd, { ...t }), e ? /* @__PURE__ */ l("div", {
 			className: "mt-8",
-			children: /* @__PURE__ */ l(Qd, { ...t })
-		})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(Kd, { ...n }), /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ l(Qd, { ...n })
+		}) : null] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(Kd, { ...r }), /* @__PURE__ */ l("div", {
 			className: "mt-8",
-			children: /* @__PURE__ */ l(Zd, { ...r })
+			children: /* @__PURE__ */ l(Zd, { ...i })
 		})] })]
 	})
 }), ef = ({ shippingAddressFormProps: t, billingAddressFormProps: n = {}, checkoutProgressIndicatorProps: r, cartTotalsPanelProps: i, billingSectionTitle: a = "Billing Information", sameAsShipping: o = !0, sameAsShippingLabel: s = "My billing address is the same as my shipping address", onSameAsShippingChange: c }) => {
@@ -18325,9 +18338,9 @@ var sd = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					})
 				]
 			}),
-			/* @__PURE__ */ l(Vc, { ...h })
+			/* @__PURE__ */ l(Hc, { ...h })
 		]
 	});
 };
 //#endregion
-export { Ju as AccountAccessPanel, yf as AdminAuthStatusTemplate, Rc as AdminBackgroundJobTray, ff as AdminDashboardTemplate, Df as AdminDataIssuesSourceTemplate, Sf as AdminDataReportTemplate, Nf as AdminImportDataIssuesTemplate, Lf as AdminImportDataReviewTemplate, jf as AdminImportDataSourceTemplate, of as AdminPageTemplateShell, Vf as AdminProductGuidesTemplate, Ko as AdminRegionSelector, jc as AdminSideNav, gf as AdminUsersTemplate, ul as AnnouncementBar, au as ArticleBanner, Js as ArticleBannerContent, hd as ArticleLandingPageTemplate, Ud as BpcsCartConfirmationTemplate, Jd as BpcsCartSamplesTemplate, qd as BpcsCartShippingTemplate, Qc as BrandNavBar, dl as Breadcrumbs, fe as BusinessInfoCard, P as Button, Sl as CallToActionHero, Ys as CallToActionHeroContent, Ns as CarouselArrowControls, Ps as CarouselDots, me as CartItemCard, Td as CategoryPageTemplate, q as ClickableCard, cc as ColourMatchingChart, kl as ColumnBanner, Lo as ColumnCarouselCard, Uu as CommerceSyncPanel, ou as ContentCarousel, H as ContentContainer, W as ContentGrid, Wo as CountrySelector, Kf as CustomerAccountFavoritesTemplate, Xf as CustomerAccountOrderDetailTemplate, Jf as CustomerAccountOrderHistoryTemplate, qf as CustomerAccountSettingsTemplate, Yu as CustomerAccountShell, Tc as CustomerAddressCard, ku as DataReportCollection, we as DecorSummaryCard, Au as DecorSummaryCollection, tc as DocumentInfoCard, Mu as DocumentInfoCollection, nc as DocumentLinkCard, Qf as DocumentResultsTemplate, As as DropdownFilter, ys as DynamicForm, Xd as EcommCartConfirmationTemplate, $d as EcommCartPaymentTemplate, ef as EcommCartShippingTemplate, af as EcommCartSummaryTemplate, B as EmbeddedVideo, ec as EmbeddedVideoCard, rc as FaqCard, hu as FaqCardCollection, Ro as FeatureCard, Nl as FeatureCardCollection, Cl as FeaturedArticleBanner, Xs as FeaturedArticleBannerContent, zo as FeaturedProductCard, pu as FeaturedProductsCarousel, Os as FilterBar, ks as FilterBarButton, le as FlowRow, vl as Footer, v as FormicaText, Dd as GalleryTemplate, S as Icon, L as Image, su as ImageCard, $s as ImageOverlayCard, vu as ImageOverlayGrid, ic as InfoCard, V as Interactive3DViewer, xu as LocalizationMarketCollection, xc as LocalizationStatusCard, Uo as LocationCard, bu as LocationCardCollection, Ru as LocationMap, Fd as LoginTemplate, bf as MarketReadinessBrowseTemplate, Es as MarketReadinessItemSkuSection, qo as MarketReadinessRangeSelector, xf as MarketReadinessRangeTemplate, ve as MarketReadinessSampleCard, Se as MarketReadinessSaveStatusIndicator, be as MarketReadinessSkuCard, ge as MarketReadinessStatusDots, df as MarketReadinessTemplate, Ds as MarketReadinessVariantAvailabilitySection, Jo as MarketReadinessVariantOptions, Bc as Modal, ac as MoreInfoHighlightsCard, Pl as MoreInfoHighlightsCollection, Vc as OptInModal, Dc as OrderDetailHeaderCard, kc as OrderItemDetailCard, Ad as ProResourceTemplate, he as ProductContactActions, pd as ProductDetailPageTemplate, uc as QuantityCheckoutCard, ze as RangeSummaryCard, ju as RangeSummaryCollection, vc as RecentArticleCard, mu as RecentArticleCollection, te as ResilientImage, Yd as SalesforceCartShippingTemplate, Il as SalesforceCustomerDetailsForm, Fl as SampleOrderSummaryPanel, Zo as SearchCombobox, Ms as SearchFilter, Pd as SearchResultsTemplate, yc as SingleButtonCard, Qs as SocialLinkRow, w as Spinner, bl as StandardBannerContainer, Gs as StandardCarousel, Zs as StandardCopyBannerContent, iu as StandardCopyHero, wc as SwatchCard, ru as SwatchPurchasePanel, du as TextCard, ne as Textarea, ol as TopNavAccountDrawer, rl as TopNavActions, ll as TopNavBar, $c as TopNavMegaMenu, tl as TopNavSearchResults, Hf as VendorImportSection, Gu as VerticalCheckboxListCollection, qs as VerticalColorSwatchList, fu as WarrantyCard, Gf as WhereToBuyDetailPage, Uf as WhereToBuyLandingPage, xl as WhereToBuySearchBanner, Ld as WhereToBuyTemplate, h as applySketchfabTexture, _ as connectSketchfabViewer, p as setSketchfabAppearance, Ku as userTypeOptions };
+export { Ju as AccountAccessPanel, yf as AdminAuthStatusTemplate, Rc as AdminBackgroundJobTray, ff as AdminDashboardTemplate, Df as AdminDataIssuesSourceTemplate, Sf as AdminDataReportTemplate, Nf as AdminImportDataIssuesTemplate, Lf as AdminImportDataReviewTemplate, jf as AdminImportDataSourceTemplate, of as AdminPageTemplateShell, Vf as AdminProductGuidesTemplate, Ko as AdminRegionSelector, jc as AdminSideNav, gf as AdminUsersTemplate, dl as AnnouncementBar, ou as ArticleBanner, Js as ArticleBannerContent, hd as ArticleLandingPageTemplate, Ud as BpcsCartConfirmationTemplate, Jd as BpcsCartSamplesTemplate, qd as BpcsCartShippingTemplate, $c as BrandNavBar, fl as Breadcrumbs, fe as BusinessInfoCard, P as Button, Cl as CallToActionHero, Ys as CallToActionHeroContent, Ns as CarouselArrowControls, Ps as CarouselDots, me as CartItemCard, Td as CategoryPageTemplate, q as ClickableCard, cc as ColourMatchingChart, Al as ColumnBanner, Lo as ColumnCarouselCard, Uu as CommerceSyncPanel, su as ContentCarousel, H as ContentContainer, W as ContentGrid, Wo as CountrySelector, Kf as CustomerAccountFavoritesTemplate, Xf as CustomerAccountOrderDetailTemplate, Jf as CustomerAccountOrderHistoryTemplate, qf as CustomerAccountSettingsTemplate, Yu as CustomerAccountShell, Tc as CustomerAddressCard, ku as DataReportCollection, we as DecorSummaryCard, Au as DecorSummaryCollection, tc as DocumentInfoCard, Mu as DocumentInfoCollection, nc as DocumentLinkCard, Qf as DocumentResultsTemplate, As as DropdownFilter, ys as DynamicForm, Xd as EcommCartConfirmationTemplate, $d as EcommCartPaymentTemplate, ef as EcommCartShippingTemplate, af as EcommCartSummaryTemplate, B as EmbeddedVideo, ec as EmbeddedVideoCard, rc as FaqCard, hu as FaqCardCollection, Ro as FeatureCard, Pl as FeatureCardCollection, wl as FeaturedArticleBanner, Xs as FeaturedArticleBannerContent, zo as FeaturedProductCard, pu as FeaturedProductsCarousel, Os as FilterBar, ks as FilterBarButton, le as FlowRow, yl as Footer, v as FormicaText, Dd as GalleryTemplate, S as Icon, L as Image, cu as ImageCard, $s as ImageOverlayCard, vu as ImageOverlayGrid, ic as InfoCard, V as Interactive3DViewer, xu as LocalizationMarketCollection, xc as LocalizationStatusCard, Uo as LocationCard, bu as LocationCardCollection, Ru as LocationMap, Fd as LoginTemplate, bf as MarketReadinessBrowseTemplate, Es as MarketReadinessItemSkuSection, qo as MarketReadinessRangeSelector, xf as MarketReadinessRangeTemplate, ve as MarketReadinessSampleCard, Se as MarketReadinessSaveStatusIndicator, be as MarketReadinessSkuCard, ge as MarketReadinessStatusDots, df as MarketReadinessTemplate, Ds as MarketReadinessVariantAvailabilitySection, Jo as MarketReadinessVariantOptions, Bc as Modal, ac as MoreInfoHighlightsCard, Fl as MoreInfoHighlightsCollection, Hc as OptInModal, Dc as OrderDetailHeaderCard, kc as OrderItemDetailCard, Ad as ProResourceTemplate, he as ProductContactActions, pd as ProductDetailPageTemplate, uc as QuantityCheckoutCard, ze as RangeSummaryCard, ju as RangeSummaryCollection, vc as RecentArticleCard, mu as RecentArticleCollection, te as ResilientImage, Yd as SalesforceCartShippingTemplate, Ll as SalesforceCustomerDetailsForm, Il as SampleOrderSummaryPanel, Zo as SearchCombobox, Ms as SearchFilter, Pd as SearchResultsTemplate, yc as SingleButtonCard, Qs as SocialLinkRow, w as Spinner, xl as StandardBannerContainer, Gs as StandardCarousel, Zs as StandardCopyBannerContent, au as StandardCopyHero, wc as SwatchCard, iu as SwatchPurchasePanel, du as TextCard, ne as Textarea, sl as TopNavAccountDrawer, il as TopNavActions, ul as TopNavBar, el as TopNavMegaMenu, nl as TopNavSearchResults, Hf as VendorImportSection, Gu as VerticalCheckboxListCollection, qs as VerticalColorSwatchList, fu as WarrantyCard, Gf as WhereToBuyDetailPage, Uf as WhereToBuyLandingPage, Sl as WhereToBuySearchBanner, Ld as WhereToBuyTemplate, h as applySketchfabTexture, _ as connectSketchfabViewer, p as setSketchfabAppearance, Ku as userTypeOptions };