formica-ui-lib 1.0.340 → 1.0.342

package/dist/index.js

@@ -8292,7 +8292,22 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})]
 		}, e.id))
 	})
-}) : null, rl = (e) => [e.title, e.subtitle].filter(Boolean).join(" "), il = ({ 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, rl = (e) => [e.title, e.subtitle].filter(Boolean).join(" "), il = (e) => e.variant === "document" ? /* @__PURE__ */ l("span", {
+	className: "flex h-10 w-10 shrink-0 items-center justify-center",
+	children: /* @__PURE__ */ l(S, {
+		iconType: "fa-regular",
+		iconName: "file-pdf",
+		size: "2xl"
+	})
+}) : e.imageSrc ? /* @__PURE__ */ l(L, {
+	src: e.imageSrc,
+	alt: e.imageAlt ?? "",
+	className: "h-10 w-10 shrink-0 rounded-sm object-cover",
+	quality: 80
+}) : /* @__PURE__ */ l("span", {
+	"aria-hidden": "true",
+	className: "h-10 w-10 shrink-0 rounded-sm bg-gray-100"
+}), al = ({ 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",
@@ -8303,15 +8318,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			ariaLabel: rl(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, {
-				src: e.imageSrc,
-				alt: e.imageAlt ?? "",
-				className: "h-10 w-10 shrink-0 rounded-sm object-cover",
-				quality: 80
-			}) : /* @__PURE__ */ l("span", {
-				"aria-hidden": "true",
-				className: "h-10 w-10 shrink-0 rounded-sm bg-gray-100"
-			}), /* @__PURE__ */ u("span", {
+			children: [il(e), /* @__PURE__ */ u("span", {
 				className: "min-w-0",
 				children: [
 					/* @__PURE__ */ l("span", {
@@ -8322,7 +8329,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 						className: "mt-0.5 block text-xs leading-snug break-words text-secondary",
 						children: e.subtitle
 					}) : null,
-					e.variant === "article" && e.description ? /* @__PURE__ */ l("span", {
+					(e.variant === "article" || e.variant === "document") && e.description ? /* @__PURE__ */ l("span", {
 						className: "mt-0.5 block text-xs leading-snug break-words text-secondary",
 						children: e.description
 					}) : null
@@ -8338,7 +8345,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			onClick: o
 		})
 	})]
-}) : null, al = 300, ol = ({ Countries: e, countries: t, selectedCountry: r, Login: i, Account: a, Cart: c = {
+}) : null, ol = 300, sl = ({ 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 }) => {
@@ -8347,7 +8354,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		if (!F.current) return;
 		let e = window.setTimeout(() => {
 			x?.({ query: M });
-		}, al);
+		}, ol);
 		return () => {
 			window.clearTimeout(e);
 		};
@@ -8405,7 +8412,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 					}),
 					A && B ? /* @__PURE__ */ l("div", {
 						className: "absolute top-full right-0 z-30 mt-2",
-						children: /* @__PURE__ */ l(il, {
+						children: /* @__PURE__ */ l(al, {
 							id: "top-nav-search-results",
 							items: v,
 							viewAllLabel: y,
@@ -8471,11 +8478,11 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}) }) : null
 		]
 	});
-}, sl = 750, cl = "\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", ll = ({ 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 }) => {
+}, cl = 750, ll = "\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", ul = ({ 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), sl)), () => window.clearTimeout(t);
+		return e ? (y(!0), x("opening")) : _ && (x("closing"), t = window.setTimeout(() => y(!1), cl)), () => 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) => {
@@ -8495,7 +8502,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 	return d(/* @__PURE__ */ u("div", {
 		className: `fixed inset-0 z-60 ${e ? "" : "pointer-events-none"}`,
 		children: [
-			/* @__PURE__ */ l("style", { children: cl }),
+			/* @__PURE__ */ l("style", { children: ll }),
 			/* @__PURE__ */ l("button", {
 				type: "button",
 				"aria-label": "Close account overlay",
@@ -8612,7 +8619,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		]
 	}), document.body);
-}, ul = "__mobile-menu-open__", dl = 300, fl = ({ 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 }) => {
+}, dl = "__mobile-menu-open__", fl = 300, pl = ({ 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(""), se = o(!1), W = te !== null, ce = e.find((e) => e.id === V), le = t ?? [], ue = i ?? {
 		label: "Log In",
 		href: "/login"
@@ -8634,7 +8641,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		if (!se.current) return;
 		let e = window.setTimeout(() => {
 			E?.({ query: oe });
-		}, dl);
+		}, fl);
 		return () => window.clearTimeout(e);
 	}, [oe, E]);
 	let Se = () => {
@@ -8661,7 +8668,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 	}, ke = (e, t = {}) => {
 		ee(null), t.closeMobile && Ee(), w?.(e);
 	}, Ae = (e) => {
-		ne((t) => t === e ? ul : e);
+		ne((t) => t === e ? dl : e);
 	};
 	return /* @__PURE__ */ u("header", {
 		ref: B,
@@ -8730,7 +8737,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 							className: "h-9 w-9 p-0",
 							"aria-label": W ? "Close menu" : "Open menu",
 							onClick: () => {
-								ne((e) => e === null ? ul : null);
+								ne((e) => e === null ? dl : null);
 							},
 							"aria-expanded": W
 						})
@@ -8815,7 +8822,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 								active: V === t
 							}, t);
 						})
-					}), /* @__PURE__ */ l(ol, {
+					}), /* @__PURE__ */ l(sl, {
 						Countries: le,
 						selectedCountry: r,
 						Login: ue,
@@ -8862,7 +8869,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 					})
 				})
 			}),
-			/* @__PURE__ */ l(ll, {
+			/* @__PURE__ */ l(ul, {
 				...fe,
 				isOpen: re,
 				onClose: () => ie(!1),
@@ -8894,7 +8901,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 								se.current = !0, U(e.target.value);
 							},
 							onSearchSubmit: q
-						}), /* @__PURE__ */ l(il, {
+						}), /* @__PURE__ */ l(al, {
 							id: "top-nav-mobile-search-results",
 							items: b,
 							viewAllLabel: x,
@@ -8908,7 +8915,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		]
 	});
-}, pl = ({ message: e, buttonLabel: t, onButtonClick: n, children: r }) => {
+}, ml = ({ message: e, buttonLabel: t, onButtonClick: n, children: r }) => {
 	let i = e?.trim();
 	return i ? /* @__PURE__ */ l("div", {
 		className: "w-full bg-primary",
@@ -8938,7 +8945,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			]
 		})
 	}) : null;
-}, ml = ({ Breadcrumbs: e = [], onBreadcrumbClick: t }) => {
+}, hl = ({ 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));
@@ -8981,7 +8988,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		})
 	});
-}, hl = ({ img: e, size: t = "default" }) => {
+}, gl = ({ img: e, size: t = "default" }) => {
 	let n = {
 		default: "h-10 w-auto",
 		primary: "h-24 w-auto mb-3",
@@ -9006,12 +9013,12 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		className: "inline-flex",
 		children: c
 	});
-}, gl = ({ primaryLogo: e, phoneLine: t, socials: n = [] }) => {
+}, _l = ({ primaryLogo: e, phoneLine: t, socials: n = [] }) => {
 	let r = t ? Zc(t) : "";
 	return /* @__PURE__ */ u("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ l(hl, {
+			/* @__PURE__ */ l(gl, {
 				img: e,
 				size: "primary"
 			}),
@@ -9043,7 +9050,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}) : null
 		]
 	});
-}, _l = ({ item: e, variant: t = "default" }) => {
+}, vl = ({ item: e, variant: t = "default" }) => {
 	let n = {
 		default: "text-xs mt-4 text-secondary/85 hover:underline",
 		mobile: "text-sm text-secondary hover:underline",
@@ -9062,7 +9069,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		className: n,
 		children: r
 	});
-}, vl = ({ columns: e }) => /* @__PURE__ */ l("div", {
+}, yl = ({ columns: e }) => /* @__PURE__ */ l("div", {
 	className: "w-fit",
 	children: /* @__PURE__ */ l("div", {
 		className: "grid grid-cols-3 gap-y-8 gap-x-20",
@@ -9074,22 +9081,22 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				children: n
 			}), /* @__PURE__ */ l("ul", {
 				className: "space-y-2",
-				children: e.links.map((e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(_l, { item: e }) }, `${n}-${Zc(e.label)}-${t}`))
+				children: e.links.map((e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(vl, { item: e }) }, `${n}-${Zc(e.label)}-${t}`))
 			})] }, `${n}-${t}`);
 		})
 	})
-}), yl = ({ links: e = [], utilityLink: t, disclaimerLines: n = [], copyrightLine: r }) => {
+}), bl = ({ links: e = [], utilityLink: t, disclaimerLines: n = [], copyrightLine: r }) => {
 	let i = r ? Zc(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(_l, {
+			children: [e.map((e, t) => /* @__PURE__ */ l(vl, {
 				item: e,
 				variant: "legal"
 			}, `${Zc(e.label)}-${t}`)), t ? /* @__PURE__ */ l("div", {
 				className: "ml-auto",
-				children: /* @__PURE__ */ l(_l, {
+				children: /* @__PURE__ */ l(vl, {
 					item: t,
 					variant: "legal"
 				})
@@ -9107,12 +9114,12 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}) : null]
 		}) : null]
 	});
-}, bl = ({ affiliateLogos: e = [], parentLogo: t, phoneLine: n }) => {
+}, xl = ({ affiliateLogos: e = [], parentLogo: t, phoneLine: n }) => {
 	let r = n ? Zc(n) : "";
 	if (!e.length && !t && !r) return null;
 	let i = t ? /* @__PURE__ */ l("div", {
 		className: "ml-6 shrink-0",
-		children: /* @__PURE__ */ l(hl, {
+		children: /* @__PURE__ */ l(gl, {
 			img: t,
 			size: "parent"
 		})
@@ -9128,7 +9135,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			children: [
 				/* @__PURE__ */ l("div", {
 					className: "flex flex-wrap items-center gap-x-6 gap-y-3",
-					children: e.map((e, t) => /* @__PURE__ */ l(hl, {
+					children: e.map((e, t) => /* @__PURE__ */ l(gl, {
 						img: e,
 						size: "affiliate"
 					}, `${e.label ? Zc(e.label) : ""}|${Zc(e.alt)}|${Qc(e.href)}|${Zc(e.src)}|${t}`))
@@ -9138,7 +9145,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			]
 		})
 	});
-}, xl = ({ brand: e, columns: t, parentLogo: n, phoneLinePlacement: r = "brand", legal: i }) => {
+}, Sl = ({ 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",
@@ -9150,7 +9157,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 					children: [
 						/* @__PURE__ */ l("div", {
 							className: "md:col-span-4",
-							children: /* @__PURE__ */ l(gl, { ...a ? {
+							children: /* @__PURE__ */ l(_l, { ...a ? {
 								...e,
 								phoneLine: void 0
 							} : e })
@@ -9159,7 +9166,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 							className: "hidden md:col-span-8 md:block",
 							children: [/* @__PURE__ */ l("div", {
 								className: "flex justify-end",
-								children: /* @__PURE__ */ l(vl, { columns: t })
+								children: /* @__PURE__ */ l(yl, { columns: t })
 							}), /* @__PURE__ */ l("div", { className: "block col-span-3" })]
 						}),
 						/* @__PURE__ */ l("div", {
@@ -9173,7 +9180,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 										children: n
 									}), /* @__PURE__ */ l("ul", {
 										className: "mt-3 space-y-2",
-										children: e.links.map((e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(_l, {
+										children: e.links.map((e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(vl, {
 											item: e,
 											variant: "mobile"
 										}) }, `${n}-${Zc(e.label)}-${t}`))
@@ -9183,21 +9190,21 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 						})
 					]
 				}),
-				/* @__PURE__ */ l(bl, {
+				/* @__PURE__ */ l(xl, {
 					affiliateLogos: e.affiliateLogos,
 					parentLogo: n,
 					phoneLine: a ? e.phoneLine : void 0
 				}),
-				/* @__PURE__ */ l(yl, { ...i })
+				/* @__PURE__ */ l(bl, { ...i })
 			]
 		})
 	});
-}, Sl = (...e) => e.filter(Boolean).join(" "), Cl = ({ 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 }) => {
+}, Cl = (...e) => e.filter(Boolean).join(" "), wl = ({ 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: Sl("relative", i),
+			className: Cl("relative", i),
 			children: [/* @__PURE__ */ l(L, {
 				src: c,
 				alt: t,
@@ -9209,7 +9216,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})]
 		})
 	});
-}, wl = ({ imageSrc: t, imageAlt: n = "Where to buy", heading: r, productDropdownProps: i, searchInputProps: a, searchButtonLabel: o = "Search", onProductChange: s, onSearchSubmit: c }) => {
+}, Tl = ({ 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 ?? "");
@@ -9220,7 +9227,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		let t = e.target.value;
 		p(t), s?.({ productValue: t });
 	};
-	return /* @__PURE__ */ l(Cl, {
+	return /* @__PURE__ */ l(wl, {
 		imageSrc: t,
 		imageAlt: n,
 		bannerClassName: "relative h-80 w-full overflow-hidden md:h-96",
@@ -9270,7 +9277,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})]
 		})
 	});
-}, Tl = ({ imageSrc: e, imageAlt: t = "Call To Action Hero", heading: n, subheading: r, body: i, eyebrow: a, ctas: o = [] }) => /* @__PURE__ */ l(Cl, {
+}, El = ({ imageSrc: e, imageAlt: t = "Call To Action Hero", heading: n, subheading: r, body: i, eyebrow: a, ctas: o = [] }) => /* @__PURE__ */ l(wl, {
 	imageSrc: e,
 	imageAlt: t,
 	sectionClassName: "w-full",
@@ -9283,7 +9290,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		eyebrow: a,
 		ctas: o
 	})
-}), El = ({ imageSrc: e, imageAlt: t = "Featured article banner", heading: n, subheading: r, articleCategory: i, ctaLabel: a, onCtaClick: o }) => /* @__PURE__ */ l(Cl, {
+}), Dl = ({ imageSrc: e, imageAlt: t = "Featured article banner", heading: n, subheading: r, articleCategory: i, ctaLabel: a, onCtaClick: o }) => /* @__PURE__ */ l(wl, {
 	imageSrc: e,
 	imageAlt: t,
 	sectionClassName: "px-4 md:px-0 md:mx-auto mb-16 md:mb-20 flex w-full max-w-6xl",
@@ -9297,7 +9304,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		ctaLabel: a,
 		onCtaClick: o
 	})
-}), Dl = ({ items: e, value: t, onChange: n, renderTab: r, className: c = "", durationMs: d = 700, thicknessClassName: f = "h-[3px]", baselineClassName: p = "h-px" }) => {
+}), Ol = ({ 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
@@ -9373,7 +9380,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			]
 		})
 	});
-}, Ol = (e) => e.id || e.href || e.label, kl = ({ 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: _ = Ol }) => e.length ? /* @__PURE__ */ u("div", {
+}, kl = (e) => e.id || e.href || e.label, Al = ({ 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: _ = kl }) => e.length ? /* @__PURE__ */ u("div", {
 	className: "mt-4 relative",
 	children: [
 		/* @__PURE__ */ l("button", {
@@ -9436,13 +9443,13 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		})
 	]
-}) : null, Al = 4, jl = (e) => {
+}) : null, jl = 4, Ml = (e) => {
 	e.forEach((e) => {
 		if (!e) return;
 		let t = new window.Image();
 		t.decoding = "async", t.src = e;
 	});
-}, Ml = ({ heading: t, body: n, TabsWithColumns: r = [], favoriteIds: i = [], showFavorites: o = !0, onFavoriteToggle: c, onItemClick: d }) => {
+}, Nl = ({ 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) {
@@ -9458,7 +9465,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 	e.useEffect(() => {
 		_(0), b(null);
 	}, [f]);
-	let x = g > 0, S = g + Al < h.length, C = () => _((e) => Math.max(0, e - 1)), w = () => _((e) => Math.min(Math.max(h.length - Al, 0), e + 1)), [T, E] = s(/* @__PURE__ */ new Set()), D = (e) => {
+	let x = g > 0, S = g + jl < h.length, C = () => _((e) => Math.max(0, e - 1)), w = () => _((e) => Math.min(Math.max(h.length - jl, 0), e + 1)), [T, E] = s(/* @__PURE__ */ new Set()), D = (e) => {
 		E((t) => {
 			if (t.has(e)) return t;
 			let n = new Set(t);
@@ -9468,7 +9475,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 	e.useEffect(() => {
 		E(/* @__PURE__ */ new Set());
 	}, [f]), e.useEffect(() => {
-		jl(h.slice(g, g + Al * 2).map((e) => e.source).filter(Boolean));
+		Ml(h.slice(g, g + jl * 2).map((e) => e.source).filter(Boolean));
 	}, [h, g]);
 	let O = e.useMemo(() => new Set(i), [i]);
 	return /* @__PURE__ */ l("section", {
@@ -9494,16 +9501,16 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 					})
 				}) : null, /* @__PURE__ */ u("div", {
 					className: "mx-auto w-full px-4 md:px-0",
-					children: [/* @__PURE__ */ l(Dl, {
+					children: [/* @__PURE__ */ l(Ol, {
 						items: m,
 						value: f ?? m[0]?.label ?? "",
 						onChange: (e) => p(e),
 						className: "mb-2",
 						durationMs: 700
-					}), /* @__PURE__ */ l(kl, {
+					}), /* @__PURE__ */ l(Al, {
 						items: h,
 						startIndex: g,
-						desktopVisibleCount: Al,
+						desktopVisibleCount: jl,
 						activeIndex: y,
 						setActiveIndex: b,
 						canPrev: x,
@@ -9524,16 +9531,16 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		})
 	});
-}, Nl = (e) => e === 1 ? "md:grid-cols-1" : e === 2 ? "md:grid-cols-2" : "md:grid-cols-3", Pl = (e, t) => e === "vertical" && t === 2 ? "grid-cols-2" : e === "vertical" && t === 3 ? "grid-cols-3" : "grid-cols-1", Fl = (e) => e === "underBanner" ? "mt-10 md:mt-16" : "", Il = ({ title: e, body: t, cards: n = [], spacing: r = "default", footerBlurb: i, footerButtonLabel: a, footerButtonHref: o, onFooterButtonClick: s }) => {
+}, Pl = (e) => e === 1 ? "md:grid-cols-1" : e === 2 ? "md:grid-cols-2" : "md:grid-cols-3", Fl = (e, t) => e === "vertical" && t === 2 ? "grid-cols-2" : e === "vertical" && t === 3 ? "grid-cols-3" : "grid-cols-1", Il = (e) => e === "underBanner" ? "mt-10 md:mt-16" : "", Ll = ({ 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 = Nl(n.length), f = Pl(n[0]?.cardStyle, n.length);
+	}, d = Pl(n.length), f = Fl(n[0]?.cardStyle, n.length);
 	return /* @__PURE__ */ l("section", {
-		className: `flex justify-center ${Fl(r)}`,
+		className: `flex justify-center ${Il(r)}`,
 		children: /* @__PURE__ */ u("div", {
 			className: "w-full max-w-6xl px-4 mb-16 md:mb-20 md:px-0",
 			children: [
@@ -9574,7 +9581,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			]
 		})
 	});
-}, Ll = ({ heading: e, body: t, cards: n, className: r = "" }) => /* @__PURE__ */ l("section", {
+}, Rl = ({ 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",
@@ -9595,7 +9602,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			children: n.map((e, t) => /* @__PURE__ */ l(sc, { ...e }, `${e.title}-${t}`))
 		})]
 	})
-}), Rl = ({ title: e = "Sample Order Summary", items: t, sampleCountLabel: n, note: r = "No payment is required for sample requests." }) => {
+}), zl = ({ 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",
@@ -9636,28 +9643,43 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}) : null
 		]
 	});
-}, $ = ({ id: e, label: t, errorMessage: n, hasError: r = !1, linkText: i, linkHref: a, onLinkClick: o, ...s }) => /* @__PURE__ */ u("div", {
-	className: "flex w-full flex-col gap-2",
-	children: [t || i ? /* @__PURE__ */ u("div", {
-		className: "flex items-center justify-between gap-4",
-		children: [t ? /* @__PURE__ */ u(v, {
-			as: "label",
-			htmlFor: e,
-			className: `text-sm ${r ? "text-accent!" : "text-primary"}`,
-			children: [r ? null : `${t}`, r && n ? `${n}` : null]
-		}) : /* @__PURE__ */ l("span", {}), i ? /* @__PURE__ */ l(v, {
-			as: "a",
-			href: a || "#",
-			onClick: o,
-			className: "text-xs text-secondaryActive underline underline-offset-2",
-			children: i
-		}) : null]
-	}) : null, /* @__PURE__ */ l(Zo, {
-		id: e,
-		hasError: r,
-		...s
-	})]
-}), zl = ({ 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", {
+}, $ = ({ id: e, label: t, errorMessage: n, hasError: i = !1, linkText: a, linkHref: o, onLinkClick: s, ariaDescribedBy: c, ...d }) => {
+	let f = r(), p = i && !!n, m = `${e || f}-field-error`, h = [c, p ? m : void 0].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ u("div", {
+		className: "flex w-full flex-col gap-2",
+		children: [
+			t || a ? /* @__PURE__ */ u("div", {
+				className: "flex items-center justify-between gap-4",
+				children: [t ? /* @__PURE__ */ l(v, {
+					as: "label",
+					htmlFor: e,
+					id: p ? m : void 0,
+					className: `text-sm ${i ? "text-accent!" : "text-primary"}`,
+					children: p ? n : t
+				}) : /* @__PURE__ */ l("span", {}), a ? /* @__PURE__ */ l(v, {
+					as: "a",
+					href: o || "#",
+					onClick: s,
+					className: "text-xs text-secondaryActive underline underline-offset-2",
+					children: a
+				}) : null]
+			}) : null,
+			/* @__PURE__ */ l(Zo, {
+				id: e,
+				hasError: i,
+				...d,
+				ariaDescribedBy: h
+			}),
+			!t && p ? /* @__PURE__ */ l(v, {
+				id: m,
+				role: "alert",
+				variant: "free",
+				className: "text-sm text-accent",
+				children: n
+			}) : null
+		]
+	});
+}, Bl = ({ 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",
@@ -9783,17 +9805,17 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		]
 	})]
-}), Bl = (e, t, n) => Math.max(t, Math.min(n, e)), Vl = (e) => ["h-12 w-12 border-secondaryActive!", e ? "text-primary! hover:text-accent!" : "border-secondaryHover! text-tertiary!"].join(" "), Hl = ({ initialQuantity: t = 1, errorMessage: n, minQuantity: r = 1, maxQuantity: i = 99, onAddToWishlist: a, onAddToCart: o, onQuantityChange: s, wishlistLabel: d = "Add To Wishlist", cartLabel: f = "Add to Cart", decreaseQuantityLabel: p = "Decrease quantity", increaseQuantityLabel: m = "Increase quantity", showFavorites: h = !0, className: g = "" }) => {
-	let [_, y] = e.useState(() => Bl(t, r, i));
+}), Vl = (e, t, n) => Math.max(t, Math.min(n, e)), Hl = (e) => ["h-12 w-12 border-secondaryActive!", e ? "text-primary! hover:text-accent!" : "border-secondaryHover! text-tertiary!"].join(" "), Ul = ({ initialQuantity: t = 1, errorMessage: n, minQuantity: r = 1, maxQuantity: i = 99, onAddToWishlist: a, onAddToCart: o, onQuantityChange: s, wishlistLabel: d = "Add To Wishlist", cartLabel: f = "Add to Cart", decreaseQuantityLabel: p = "Decrease quantity", increaseQuantityLabel: m = "Increase quantity", showFavorites: h = !0, className: g = "" }) => {
+	let [_, y] = e.useState(() => Vl(t, r, i));
 	e.useEffect(() => {
-		y(Bl(t, r, i));
+		y(Vl(t, r, i));
 	}, [
 		t,
 		r,
 		i
 	]);
 	let b = (e) => {
-		let t = Bl(e, r, i);
+		let t = Vl(e, r, i);
 		y(t), s?.(t);
 	}, x = () => b(_ - 1), S = () => b(_ + 1), C = _ > r, w = _ < i, T = () => o(_), E = /* @__PURE__ */ u("div", {
 		className: "flex shrink-0 items-stretch gap-3",
@@ -9807,7 +9829,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				type: "button",
 				disabled: !C,
 				onClick: x,
-				className: Vl(C)
+				className: Hl(C)
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "flex min-w-10 items-center justify-center",
@@ -9826,7 +9848,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				type: "button",
 				disabled: !w,
 				onClick: S,
-				className: Vl(w)
+				className: Hl(w)
 			})
 		]
 	}), D = /* @__PURE__ */ l(P, {
@@ -9874,7 +9896,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})]
 		})]
 	});
-}, Ul = ({ heading: e, items: t, value: n, onChange: r }) => {
+}, Wl = ({ heading: e, items: t, value: n, onChange: r }) => {
 	if (!t?.length) return null;
 	let i = (e) => {
 		e.disabled || r(e.value, e);
@@ -9907,7 +9929,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}, e.id))
 		})]
 	});
-}, Wl = (e) => {
+}, Gl = (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, errorMessage: L, minQuantity: R = 1, maxQuantity: z = 99, showCartActions: B = !0, showFavorites: V = !0, actionMode: ee = "cart", contactActions: te, onAddToWishlist: ne, onAddToCart: re, onContactActionClick: ie, mobileMediaSlot: ae } = e, H = p.map((e) => ({
 		label: m?.[e] ?? e,
 		value: e
@@ -9983,7 +10005,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				}) : null,
 				se ? /* @__PURE__ */ l("div", {
 					className: "mb-5",
-					children: /* @__PURE__ */ l(Dl, {
+					children: /* @__PURE__ */ l(Ol, {
 						items: H,
 						value: g,
 						onChange: _,
@@ -10006,7 +10028,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
 									children: [h?.product ?? "Product", ":"]
-								}), /* @__PURE__ */ l(Ul, {
+								}), /* @__PURE__ */ l(Wl, {
 									items: y,
 									value: C ?? void 0,
 									onChange: W(y)
@@ -10016,7 +10038,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
 									children: [h?.grade ?? "Grade", ":"]
-								}), /* @__PURE__ */ l(Ul, {
+								}), /* @__PURE__ */ l(Wl, {
 									items: b,
 									value: w ?? void 0,
 									onChange: W(b)
@@ -10026,7 +10048,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
 									children: [h?.texture ?? "Texture", ":"]
-								}), /* @__PURE__ */ l(Ul, {
+								}), /* @__PURE__ */ l(Wl, {
 									items: x,
 									value: T ?? void 0,
 									onChange: W(x)
@@ -10036,7 +10058,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
 									children: [h?.size ?? "Size", ":"]
-								}), /* @__PURE__ */ l(Ul, {
+								}), /* @__PURE__ */ l(Wl, {
 									items: S,
 									value: E ?? void 0,
 									onChange: W(S)
@@ -10070,7 +10092,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 								}) : null
 							]
 						}),
-						oe ? /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Hl, {
+						oe ? /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Ul, {
 							errorMessage: L,
 							initialQuantity: I,
 							minQuantity: R,
@@ -10109,16 +10131,16 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		}) : null]
 	});
-}, Gl = (e, t) => Math.max(0, Math.min(e, t - 1)), Kl = ({ 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(() => Gl(n, h || 1)), [v, y] = e.useState(() => Gl(n, h || 1));
+}, Kl = (e, t) => Math.max(0, Math.min(e, t - 1)), ql = ({ 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(() => Kl(n, h || 1)), [v, y] = e.useState(() => Kl(n, h || 1));
 	if (e.useEffect(() => {
-		h > 0 && (_((e) => Gl(e, h)), y((e) => Gl(e, h)));
+		h > 0 && (_((e) => Kl(e, h)), y((e) => Kl(e, h)));
 	}, [h]), h === 0) return null;
 	let b = (e) => {
-		let n = Gl(e, h);
+		let n = Kl(e, h);
 		_(n), o?.(n, t[n]);
 	}, x = (e) => {
-		y(r ? (e + h) % h : Gl(e, h));
+		y(r ? (e + h) % h : Kl(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(" "),
@@ -10211,25 +10233,25 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		]
 	});
-}, ql = (e, t) => Math.max(0, Math.min(e, t - 1)), Jl = (e) => typeof e == "string" ? e.replace(/^http:\/\//i, "https://") : "", Yl = ({ slides: t, initialIndex: n = 0, text: r, fallbackImage: i }) => {
+}, Jl = (e, t) => Math.max(0, Math.min(e, t - 1)), Yl = (e) => typeof e == "string" ? e.replace(/^http:\/\//i, "https://") : "", Xl = ({ 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(() => ql(n, c || 1)), [p, m] = e.useState(() => /* @__PURE__ */ new Set());
+	let c = s.length, [d, f] = e.useState(() => Jl(n, c || 1)), [p, m] = e.useState(() => /* @__PURE__ */ new Set());
 	if (e.useEffect(() => {
-		c > 0 && f((e) => ql(e, c));
+		c > 0 && f((e) => Jl(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(Jl(e))) && i?.src ? i : {
+	let g = (e, t) => (!e || p.has(e) || p.has(Yl(e))) && i?.src ? i : {
 		src: e ?? "",
 		alt: t ?? ""
-	}, _ = g(h?.image?.src, h?.image?.alt), y = Jl(_.src), b = _.alt ?? "", x = (e) => {
+	}, _ = g(h?.image?.src, h?.image?.alt), y = Yl(_.src), b = _.alt ?? "", x = (e) => {
 		!e || i?.src === e || m((t) => {
 			let n = new Set(t);
-			return n.add(e), n.add(Jl(e)), n;
+			return n.add(e), n.add(Yl(e)), n;
 		});
 	};
 	return /* @__PURE__ */ u("section", {
@@ -10249,7 +10271,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "mt-4",
-				children: /* @__PURE__ */ l(Kl, {
+				children: /* @__PURE__ */ l(ql, {
 					items: s,
 					initialIndex: d,
 					loop: !0,
@@ -10257,7 +10279,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 					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 = Jl(i.src), o = i.alt ?? "";
+						let i = g(e.thumbnail?.src ?? e.image?.src, e.thumbnail?.alt ?? e.image?.alt), a = Yl(i.src), o = i.alt ?? "";
 						return a ? /* @__PURE__ */ l("button", {
 							type: "button",
 							onClick: n,
@@ -10295,7 +10317,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		]
 	});
-}, Xl = ({ carousel: e }) => {
+}, Zl = ({ carousel: e }) => {
 	let t = !!e?.slides?.length, n = e?.fallbackImage;
 	if (!t && !n?.src) return /* @__PURE__ */ l("div", {
 		className: "w-full min-h-96",
@@ -10304,30 +10326,30 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 	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(Yl, {
+		children: /* @__PURE__ */ l(Xl, {
 			slides: r,
 			initialIndex: i,
 			text: a,
 			fallbackImage: n
 		})
 	});
-}, Zl = (e) => {
+}, Ql = (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;
-}, Ql = (e, t) => !!(t && e.some((e) => (e.value ?? e.id) === t)), $l = (e) => {
+}, $l = (e, t) => !!(t && e.some((e) => (e.value ?? e.id) === t)), eu = (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), []);
-}, eu = (e, t) => !e || !t ? null : `${e}x${t}`, tu = (e, t, n) => Math.max(t, Math.min(n, e)), nu = (e, t = "USD") => new Intl.NumberFormat("en-US", {
+}, tu = (e, t) => !e || !t ? null : `${e}x${t}`, nu = (e, t, n) => Math.max(t, Math.min(n, e)), ru = (e, t = "USD") => new Intl.NumberFormat("en-US", {
 	style: "currency",
 	currency: t
-}).format(e), ru = (e) => !!e?.length, iu = (e, t) => ru(e) && ru(t), au = (e = []) => e.some((e) => !!e.sku && !!e.rangeId && !!e.grade && !!e.texture && !!e.widthIn && !!e.lengthIn), ou = (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, errorMessage: E, minQuantity: D = 1, maxQuantity: O = 99, showFavorites: k = !0, actionMode: A = "cart", contactActions: j, onAddToWishlist: M, onAddToCart: N, onSelectionChange: P, onContactActionClick: F, availabilityHref: I, availabilityLabel: L = "View full product availability and information", returnPolicyHref: R, returnPolicyLabel: z = "View return policy", notReturnableText: B = "This item is not returnable.", onPurchaseInfoLinkClick: V } = t, ee = Array.isArray(g) && g.length ? g : ["Sample", "Buy Now"], te = b?.Sample, ne = b?.["Buy Now"], re = te?.productOptions ?? x ?? [], ie = te?.sizeOptions ?? S ?? [], ae = ne?.productOptions ?? x ?? [], H = iu(re, ie), oe = ru(ae) && au(C), U = ee.filter((e) => e === "Sample" ? H : e === "Buy Now" ? oe : !0), se = U[0] ?? "Sample", [W, ce] = e.useState(U.includes(y) ? y : se);
+}).format(e), iu = (e) => !!e?.length, au = (e, t) => iu(e) && iu(t), ou = (e = []) => e.some((e) => !!e.sku && !!e.rangeId && !!e.grade && !!e.texture && !!e.widthIn && !!e.lengthIn), su = (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, errorMessage: E, minQuantity: D = 1, maxQuantity: O = 99, showFavorites: k = !0, actionMode: A = "cart", contactActions: j, onAddToWishlist: M, onAddToCart: N, onSelectionChange: P, onContactActionClick: F, availabilityHref: I, availabilityLabel: L = "View full product availability and information", returnPolicyHref: R, returnPolicyLabel: z = "View return policy", notReturnableText: B = "This item is not returnable.", onPurchaseInfoLinkClick: V } = t, ee = Array.isArray(g) && g.length ? g : ["Sample", "Buy Now"], te = b?.Sample, ne = b?.["Buy Now"], re = te?.productOptions ?? x ?? [], ie = te?.sizeOptions ?? S ?? [], ae = ne?.productOptions ?? x ?? [], H = au(re, ie), oe = iu(ae) && ou(C), U = ee.filter((e) => e === "Sample" ? H : e === "Buy Now" ? oe : !0), se = U[0] ?? "Sample", [W, ce] = e.useState(U.includes(y) ? y : se);
 	e.useEffect(() => {
 		if (!U.length) {
 			ce("Sample");
@@ -10340,37 +10362,37 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		se
 	]);
 	let le = b?.[W], ue = !!le, de = le?.minQuantity ?? D, fe = le?.maxQuantity ?? O, pe = le?.productOptions ?? (ue ? [] : x) ?? [], me = W === "Buy Now", [G, he] = e.useState(() => ({
-		product: Zl(pe),
+		product: Ql(pe),
 		grade: null,
 		texture: null,
 		size: null
-	})), ge = e.useRef(!1), K = Ql(pe, G.product) ? G.product : Zl(pe), _e = me && K ? C.filter((e) => e.rangeId === K) : [], ve = $l(_e.map((e) => ({
+	})), ge = e.useRef(!1), K = $l(pe, G.product) ? G.product : Ql(pe), _e = me && K ? C.filter((e) => e.rangeId === K) : [], ve = eu(_e.map((e) => ({
 		value: e.grade,
 		label: e.grade
-	}))), ye = me ? ve : le?.gradeOptions ?? [], be = Ql(ye, G.grade) ? G.grade : Zl(ye), xe = be ? _e.filter((e) => e.grade === be) : _e, Se = $l(xe.map((e) => ({
+	}))), ye = me ? ve : le?.gradeOptions ?? [], be = $l(ye, G.grade) ? G.grade : Ql(ye), xe = be ? _e.filter((e) => e.grade === be) : _e, Se = eu(xe.map((e) => ({
 		value: e.texture,
 		label: e.finish || e.texture
-	}))), Ce = me ? Se : le?.textureOptions ?? [], q = Ql(Ce, G.texture) ? G.texture : Zl(Ce), we = q ? xe.filter((e) => e.texture === q) : xe, Te = new Map((le?.sizeOptions ?? S ?? []).map((e) => [e.value ?? e.id, e.label])), Ee = $l(we.map((e) => {
-		let t = eu(e.widthIn, e.lengthIn) ?? void 0;
+	}))), Ce = me ? Se : le?.textureOptions ?? [], q = $l(Ce, G.texture) ? G.texture : Ql(Ce), we = q ? xe.filter((e) => e.texture === q) : xe, Te = new Map((le?.sizeOptions ?? S ?? []).map((e) => [e.value ?? e.id, e.label])), Ee = eu(we.map((e) => {
+		let t = tu(e.widthIn, e.lengthIn) ?? void 0;
 		return {
 			value: t,
 			label: t ? Te.get(t) ?? t : void 0
 		};
-	})), De = me ? Ee : le?.sizeOptions ?? (ue ? [] : S) ?? [], Oe = Ql(De, G.size) ? G.size : Zl(De);
+	})), De = me ? Ee : le?.sizeOptions ?? (ue ? [] : S) ?? [], Oe = $l(De, G.size) ? G.size : Ql(De);
 	e.useEffect(() => {
 		if (!ge.current) {
 			ge.current = !0;
 			return;
 		}
 		he({
-			product: Zl(pe),
-			grade: Zl(ye),
-			texture: Zl(Ce),
-			size: Zl(De)
+			product: Ql(pe),
+			grade: Ql(ye),
+			texture: Ql(Ce),
+			size: Ql(De)
 		});
 	}, [W]), e.useEffect(() => {
 		he((e) => {
-			let t = e.product && pe.some((t) => (t.value ?? t.id) === e.product) ? e.product : Zl(pe), n = e.grade && ye.some((t) => (t.value ?? t.id) === e.grade) ? e.grade : Zl(ye), r = e.texture && Ce.some((t) => (t.value ?? t.id) === e.texture) ? e.texture : Zl(Ce), i = e.size && De.some((t) => (t.value ?? t.id) === e.size) ? e.size : Zl(De);
+			let t = e.product && pe.some((t) => (t.value ?? t.id) === e.product) ? e.product : Ql(pe), n = e.grade && ye.some((t) => (t.value ?? t.id) === e.grade) ? e.grade : Ql(ye), r = e.texture && Ce.some((t) => (t.value ?? t.id) === e.texture) ? e.texture : Ql(Ce), i = e.size && De.some((t) => (t.value ?? t.id) === e.size) ? e.size : Ql(De);
 			return e.product === t && e.grade === n && e.texture === r && e.size === i ? e : {
 				product: t,
 				grade: n,
@@ -10392,7 +10414,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			texture: q,
 			size: Oe
 		}, t = C.filter((t) => {
-			let n = eu(t.widthIn, t.lengthIn);
+			let n = tu(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;
@@ -10403,7 +10425,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		be,
 		q,
 		Oe
-	]), Ae = W !== "Buy Now" || !!ke, je = W === "Buy Now" && ke ? ke.price?.label ?? nu(ke.price?.value ?? 0, w) : "", Me = W === "Buy Now" && ke ? ke.price?.value ?? 0 : 0, Ne = W === "Buy Now" ? ke?.sku ?? n : n, [Pe, Fe] = e.useState(() => tu(T, de, fe)), J = e.useRef(W), Ie = e.useRef(P);
+	]), Ae = W !== "Buy Now" || !!ke, je = W === "Buy Now" && ke ? ke.price?.label ?? ru(ke.price?.value ?? 0, w) : "", Me = W === "Buy Now" && ke ? ke.price?.value ?? 0 : 0, Ne = W === "Buy Now" ? ke?.sku ?? n : n, [Pe, Fe] = e.useState(() => nu(T, de, fe)), J = e.useRef(W), Ie = e.useRef(P);
 	e.useEffect(() => {
 		Ie.current = P;
 	}, [P]), e.useEffect(() => {
@@ -10415,7 +10437,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			grade: be,
 			texture: q,
 			size: Oe,
-			quantity: tu(Pe, de, fe)
+			quantity: nu(Pe, de, fe)
 		});
 	}, [
 		W,
@@ -10429,7 +10451,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		de,
 		fe
 	]), e.useEffect(() => {
-		Fe(tu(T, de, fe));
+		Fe(nu(T, de, fe));
 	}, [
 		T,
 		de,
@@ -10530,7 +10552,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		},
 		onQuantityChange: (e) => Fe(e),
 		onPurchaseInfoLinkClick: V,
-		mobileMediaSlot: /* @__PURE__ */ l(Xl, { carousel: h })
+		mobileMediaSlot: /* @__PURE__ */ l(Zl, { carousel: h })
 	};
 	return /* @__PURE__ */ l("section", {
 		className: "w-full flex justify-center",
@@ -10540,12 +10562,12 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				className: "grid grid-cols-1 md:grid-cols-2 gap-8",
 				children: [/* @__PURE__ */ l("div", {
 					className: "hidden md:block",
-					children: /* @__PURE__ */ l(Xl, { carousel: h })
-				}), /* @__PURE__ */ l(Wl, { ...Re })]
+					children: /* @__PURE__ */ l(Zl, { carousel: h })
+				}), /* @__PURE__ */ l(Gl, { ...Re })]
 			})
 		})
 	});
-}, su = ({ imageSrc: e, imageAlt: t = "Standard Copy Hero", heading: n, subheading: r, body: i, linkLabel: a, onLinkClick: o }) => /* @__PURE__ */ l(Cl, {
+}, cu = ({ imageSrc: e, imageAlt: t = "Standard Copy Hero", heading: n, subheading: r, body: i, linkLabel: a, onLinkClick: o }) => /* @__PURE__ */ l(wl, {
 	imageSrc: e,
 	imageAlt: t,
 	bannerClassName: "relative h-80 md:h-119.25 w-full mb-10 md:mb-16 overflow-hidden",
@@ -10560,7 +10582,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			onLinkClick: o
 		})
 	})
-}), cu = ({ categoryText: e, imageSrc: t, imageAlt: n = "Article Header", tags: r = [], onTagClick: i }) => /* @__PURE__ */ l(Cl, {
+}), lu = ({ categoryText: e, imageSrc: t, imageAlt: n = "Article Header", tags: r = [], onTagClick: i }) => /* @__PURE__ */ l(wl, {
 	imageSrc: t,
 	imageAlt: n,
 	sectionClassName: "w-full",
@@ -10571,7 +10593,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		tags: r,
 		onTagClick: i
 	})
-}), lu = ({ slides: t, initialIndex: n = 0, ...r }) => {
+}), uu = ({ slides: t, initialIndex: n = 0, ...r }) => {
 	let [i, a] = e.useState(n);
 	if (e.useEffect(() => {
 		a(n);
@@ -10601,7 +10623,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			]
 		})
 	});
-}, uu = (e) => {
+}, du = (e) => {
 	let { imageSrc: t = "", imageAlt: n = "" } = e;
 	return /* @__PURE__ */ l("section", {
 		className: "h-56 w-full overflow-hidden md:h-190",
@@ -10612,16 +10634,16 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			quality: 90
 		})
 	});
-}, du = {
+}, fu = {
 	left: "text-left",
 	center: "text-center",
 	right: "text-right"
-}, fu = {
+}, pu = {
 	small: "text-xl md:text-4xl",
 	medium: "text-2xl md:text-4xl",
 	large: "text-3xl md:text-5xl"
-}, pu = (e) => {
-	let { heading: t, align: n = "left", headingAlign: r = n, subheading: i, body: a, datetimeStamp: o, headingLevel: s = "h1", headingSize: c = "large", addTopMargin: d = !1 } = e, f = du[n], p = du[r], m = d ? "mt-10 md:mt-20" : "", h = o ? "mb-1" : "mb-4 md:mb-6", g = `${p} ${fu[c]} text-primary ${h}`;
+}, mu = (e) => {
+	let { heading: t, align: n = "left", headingAlign: r = n, subheading: i, body: a, datetimeStamp: o, headingLevel: s = "h1", headingSize: c = "large", addTopMargin: d = !1 } = e, f = fu[n], p = fu[r], m = d ? "mt-10 md:mt-20" : "", h = o ? "mb-1" : "mb-4 md:mb-6", g = `${p} ${pu[c]} text-primary ${h}`;
 	return /* @__PURE__ */ u("section", {
 		className: `w-full ${m}`.trim(),
 		children: [
@@ -10648,24 +10670,24 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}) : null
 		]
 	});
-}, mu = (e) => {
+}, hu = (e) => {
 	let { body: t, heading: n, headingAlign: r = "center", headingSize: i = "small", ...a } = e;
 	return /* @__PURE__ */ u("section", {
 		className: "w-full md:mt-10",
-		children: [n ? /* @__PURE__ */ l(pu, {
+		children: [n ? /* @__PURE__ */ l(mu, {
 			...a,
 			heading: n,
 			headingAlign: r,
 			headingSize: i
 		}) : null, /* @__PURE__ */ l("div", {
 			className: "w-full rounded-lg border-2 border-secondaryActive p-6 md:p-8",
-			children: /* @__PURE__ */ l(pu, {
+			children: /* @__PURE__ */ l(mu, {
 				...a,
 				body: t
 			})
 		})]
 	});
-}, hu = ({ title: e = "Featured Products", body: t, headerAlign: n = "center", headerVariant: r = "default", items: i, onItemClick: a }) => {
+}, gu = ({ title: e = "Featured Products", body: t, headerAlign: n = "center", headerVariant: r = "default", items: i, onItemClick: a }) => {
 	if (!i?.length) return null;
 	let o = n === "left" ? "text-left md:mx-0" : "text-center", s = r === "compact" ? "text-tertiary text-base font-bold" : "text-primary text-2xl md:text-4xl", c = r === "compact" ? "text-tertiary text-base font-bold" : "text-primary text-xl font-bold md:font-normal md:text-2xl", d = r === "compact" ? "max-w-6xl w-full mb-8 md:mb-10 mx-auto px-4 md:px-0" : "max-w-6xl w-full mb-16 md:mb-20 mx-auto px-4 md:px-0", f = i.length < 4, p = f ? "justify-evenly" : "";
 	return /* @__PURE__ */ u("section", {
@@ -10682,7 +10704,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				className: "mt-4 text-primary",
 				children: t
 			})]
-		}) : null, /* @__PURE__ */ l(Kl, {
+		}) : null, /* @__PURE__ */ l(ql, {
 			items: i,
 			ariaLabel: e,
 			arrowPosition: "top-right",
@@ -10703,7 +10725,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}, e.id)
 		})]
 	});
-}, gu = ({ title: t, headerVariant: n = "default", items: r = [] }) => r.length ? /* @__PURE__ */ l("section", {
+}, _u = ({ title: t, headerVariant: n = "default", items: r = [] }) => r.length ? /* @__PURE__ */ l("section", {
 	className: "w-full py-16 mb-10",
 	children: /* @__PURE__ */ u("div", {
 		className: "mx-auto w-full max-w-6xl px-4 md:px-0",
@@ -10717,7 +10739,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			children: r.map((t, n) => /* @__PURE__ */ l(e.Fragment, { children: /* @__PURE__ */ l(bc, { ...t }) }, `${t.title}-${n}`))
 		})]
 	})
-}) : null, _u = ({ title: e, body: t, faqCards: n = [] }) => /* @__PURE__ */ l("section", {
+}) : null, vu = ({ title: e, body: t, faqCards: n = [] }) => /* @__PURE__ */ l("section", {
 	className: "w-full flex justify-center mb-16 md:mt-12 md:mb-20",
 	children: /* @__PURE__ */ u("div", {
 		className: "max-w-6xl md:px-6 px-4 flex flex-col items-center justify-center w-full",
@@ -10742,11 +10764,11 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}, e.id))
 		})]
 	})
-}), vu = (e, t) => e.id ?? [
+}), yu = (e, t) => e.id ?? [
 	e.label,
 	e.imageSrc,
 	t
-].join("-"), yu = (e) => {
+].join("-"), bu = (e) => {
 	let t = [], n = 0, r = 0;
 	for (; n < e.length;) {
 		let i = r % 2 == 0 ? 2 : 3;
@@ -10756,7 +10778,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		}), n += i, r += 1;
 	}
 	return t;
-}, bu = ({ items: e = [], onImageOverlayCardClick: t, layoutVariant: n = "uniform" }) => {
+}, xu = ({ items: e = [], onImageOverlayCardClick: t, layoutVariant: n = "uniform" }) => {
 	if (!e.length) return null;
 	let r = e.map((e, t) => ({
 		item: e,
@@ -10775,10 +10797,10 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				item: e,
 				index: n
 			}) : void 0
-		}, vu(e, n)))
+		}, yu(e, n)))
 	}) }) : /* @__PURE__ */ l("section", {
 		className: "px-4 py-20 md:px-4",
-		children: yu(r).map((e, n, r) => {
+		children: bu(r).map((e, n, r) => {
 			let i = e.columns === 3;
 			return /* @__PURE__ */ l(se, {
 				className: n < r.length - 1 ? "mb-6" : "",
@@ -10794,18 +10816,18 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 						item: e,
 						index: n
 					}) : void 0
-				}, vu(e, n)))
+				}, yu(e, n)))
 			}, `image-overlay-grid-row-${n}`);
 		})
 	});
-}, xu = {
+}, Su = {
 	2: "md:grid-cols-2",
 	3: "md:grid-cols-3",
 	4: "md:grid-cols-4"
-}, Su = ({ locations: e, selectedLocationId: t, desktopColumns: n = 4, stockedProductsLabel: r, preferredLabel: i, websiteLabel: a, directionsLabel: o, emailLabel: s, onWebsiteClick: c, onDirectionsClick: u, onPhoneClick: d, onEmailClick: f }) => e.length ? /* @__PURE__ */ l(se, {
+}, Cu = ({ locations: e, selectedLocationId: t, desktopColumns: n = 4, stockedProductsLabel: r, preferredLabel: i, websiteLabel: a, directionsLabel: o, emailLabel: s, onWebsiteClick: c, onDirectionsClick: u, onPhoneClick: d, onEmailClick: f }) => e.length ? /* @__PURE__ */ l(se, {
 	columns: 1,
 	gap: "lg",
-	gridClassName: xu[n],
+	gridClassName: Su[n],
 	children: e.map((e) => /* @__PURE__ */ l("div", {
 		"aria-current": e.id === t ? "true" : void 0,
 		className: "h-full",
@@ -10822,7 +10844,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			onEmailClick: f
 		})
 	}, e.id))
-}) : null, Cu = ({ title: e = "Markets & Languages", markets: t, selectedLocalizationId: n, saveAndNextLabel: r = "Save and Next", saveAndNextHelpText: i, saveAndNextDisabled: a = !1, localizationSelectionDisabled: o = !1, onLocalizationSelect: s, onSaveAndNext: c }) => /* @__PURE__ */ u("section", {
+}) : null, wu = ({ title: e = "Markets & Languages", markets: t, selectedLocalizationId: n, saveAndNextLabel: r = "Save and Next", saveAndNextHelpText: i, saveAndNextDisabled: a = !1, localizationSelectionDisabled: o = !1, onLocalizationSelect: s, onSaveAndNext: c }) => /* @__PURE__ */ u("section", {
 	"aria-labelledby": "localization-market-collection-heading",
 	children: [
 		/* @__PURE__ */ l(v, {
@@ -10878,27 +10900,27 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}) : null]
 		}) : null
 	]
-}), wu = {
+}), Tu = {
 	left: "text-left",
 	center: "text-center",
 	right: "text-right"
-}, Tu = {
+}, Eu = {
 	left: "justify-start text-left",
 	center: "justify-center text-center",
 	right: "justify-end text-right"
-}, Eu = {
+}, Du = {
 	xs: "w-24",
 	sm: "w-32",
 	md: "w-48",
 	lg: "w-64",
 	xl: "w-80"
-}, Du = (e) => e == null || e === "" ? "-" : String(e), Ou = (e) => e == null ? "" : String(e), ku = (e) => e == null || String(e).trim() === "", Au = (e) => e.reduce((e, t) => (e[t.id] = {
+}, Ou = (e) => e == null || e === "" ? "-" : String(e), ku = (e) => e == null ? "" : String(e), Au = (e) => e == null || String(e).trim() === "", ju = (e) => e.reduce((e, t) => (e[t.id] = {
 	...t,
 	values: { ...t.values }
-}, e), {}), ju = ({ title: e, description: t, columns: r, rows: i, rowCountLabel: a, updateLabel: d = "Update", updateDisabled: f = !1, emptyMessage: p = "No report data available.", ariaLabel: m, onRowUpdate: h }) => {
-	let g = o(null), [_, y] = s(Au(i)), [b, x] = s(null), S = t?.trim() ?? "", C = a?.trim() ?? (i.length === 1 ? "1 row" : `${i.length.toLocaleString()} rows`), w = i.length > 0;
+}, e), {}), Mu = ({ title: e, description: t, columns: r, rows: i, rowCountLabel: a, updateLabel: d = "Update", updateDisabled: f = !1, emptyMessage: p = "No report data available.", ariaLabel: m, onRowUpdate: h }) => {
+	let g = o(null), [_, y] = s(ju(i)), [b, x] = s(null), S = t?.trim() ?? "", C = a?.trim() ?? (i.length === 1 ? "1 row" : `${i.length.toLocaleString()} rows`), w = i.length > 0;
 	n(() => {
-		y(Au(i)), x(null);
+		y(ju(i)), x(null);
 	}, [i]), n(() => {
 		if (!b) return;
 		let e = (e) => {
@@ -10931,19 +10953,19 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		});
 	}, D = (e, t) => !!(t.required || t.requiredWhen && e.values[t.requiredWhen.columnId] === t.requiredWhen.value), O = (e) => {
 		let t = _[e.id] ?? e;
-		return r.some((e) => D(t, e) && ku(t.values[e.id]));
+		return r.some((e) => D(t, e) && Au(t.values[e.id]));
 	}, k = (e, t) => {
 		let n = (_[e.id] ?? e).values[t.id];
-		return ku(n) ? t.placeholder ?? "-" : t.editor === "select" ? t.options?.find((e) => e.value === String(n))?.label ?? Du(n) : Du(n);
+		return Au(n) ? t.placeholder ?? "-" : t.editor === "select" ? t.options?.find((e) => e.value === String(n))?.label ?? Ou(n) : Ou(n);
 	}, A = (e, t, n, r, i) => {
-		let a = _[e.id] ?? e, o = b === n, s = t.editable !== !1, c = D(a, t), u = c && ku(a.values[t.id]);
+		let a = _[e.id] ?? e, o = b === n, s = t.editable !== !1, c = D(a, t), u = c && Au(a.values[t.id]);
 		return o ? t.editor === "select" ? /* @__PURE__ */ l("div", {
 			"data-data-report-cell-editor": "true",
 			children: /* @__PURE__ */ l(os, {
 				id: `${n}-editor`,
 				name: t.id,
 				ariaLabel: `${t.label} for row ${e.id}`,
-				value: Ou(a.values[t.id]),
+				value: ku(a.values[t.id]),
 				options: t.options,
 				placeholder: t.placeholder,
 				disabled: f,
@@ -10959,7 +10981,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			disabled: f,
 			required: c,
 			"aria-invalid": u || void 0,
-			value: Ou(a.values[t.id]),
+			value: ku(a.values[t.id]),
 			onBlur: () => x(null),
 			onChange: (n) => T(e.id, t.id, n.target.value),
 			onKeyDown: (e) => {
@@ -11006,12 +11028,12 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				children: /* @__PURE__ */ u("table", {
 					className: "min-w-full table-fixed border-collapse",
 					children: [
-						/* @__PURE__ */ u("colgroup", { children: [r.map((e) => /* @__PURE__ */ l("col", { className: Eu[e.width ?? "md"] }, e.id)), /* @__PURE__ */ l("col", { className: "w-20" })] }),
+						/* @__PURE__ */ u("colgroup", { children: [r.map((e) => /* @__PURE__ */ l("col", { className: Du[e.width ?? "md"] }, e.id)), /* @__PURE__ */ l("col", { className: "w-20" })] }),
 						/* @__PURE__ */ l("thead", {
 							className: "bg-tertiaryActive",
 							children: /* @__PURE__ */ u("tr", { children: [r.map((e) => /* @__PURE__ */ l("th", {
 								scope: "col",
-								className: `whitespace-nowrap px-4 py-3 text-xs font-bold uppercase text-tertiary ${Eu[e.width ?? "md"]} ${wu[e.alignment ?? "left"]}`,
+								className: `whitespace-nowrap px-4 py-3 text-xs font-bold uppercase text-tertiary ${Du[e.width ?? "md"]} ${Tu[e.alignment ?? "left"]}`,
 								children: e.label
 							}, e.id)), /* @__PURE__ */ l("th", {
 								scope: "col",
@@ -11026,8 +11048,8 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 								children: [r.map((t) => {
 									let n = `${e.id}-${t.id}`, r = t.alignment ?? "left";
 									return /* @__PURE__ */ l("td", {
-										className: `whitespace-nowrap px-4 py-3 text-sm text-primary ${Eu[t.width ?? "md"]} ${wu[r]}`,
-										children: A(e, t, n, `block w-full min-w-0 truncate rounded border border-borderTertiary bg-secondary px-2 py-1 text-sm text-primary outline-none focus:border-primary ${wu[r]}`, `flex w-full min-w-0 cursor-pointer rounded px-2 py-1 text-sm text-primary hover:bg-tertiaryActive focus:bg-tertiaryActive focus:outline-none ${Tu[r]}`)
+										className: `whitespace-nowrap px-4 py-3 text-sm text-primary ${Du[t.width ?? "md"]} ${Tu[r]}`,
+										children: A(e, t, n, `block w-full min-w-0 truncate rounded border border-borderTertiary bg-secondary px-2 py-1 text-sm text-primary outline-none focus:border-primary ${Tu[r]}`, `flex w-full min-w-0 cursor-pointer rounded px-2 py-1 text-sm text-primary hover:bg-tertiaryActive focus:bg-tertiaryActive focus:outline-none ${Eu[r]}`)
 									}, n);
 								}), /* @__PURE__ */ l("td", {
 									className: "whitespace-nowrap px-4 py-3 text-center",
@@ -11086,7 +11108,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		})]
 	});
-}, Mu = ({ groups: e, itemLabel: t = "decors", emptyMessage: n = "No decors are available.", showGroupHeaders: i = !0, onDecorClick: a, onDeleteDecorRequest: o }) => {
+}, Nu = ({ groups: e, itemLabel: t = "decors", emptyMessage: n = "No decors are available.", showGroupHeaders: i = !0, onDecorClick: a, onDeleteDecorRequest: o }) => {
 	let s = r();
 	return e.some((e) => e.items.length > 0) ? /* @__PURE__ */ l("div", {
 		className: "space-y-8",
@@ -11128,7 +11150,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		className: "text-sm text-primary",
 		children: n
 	});
-}, Nu = ({ ranges: e, emptyMessage: t = "No ranges are available.", onRangeClick: n, onDeleteRangeRequest: r }) => e.length ? /* @__PURE__ */ l("section", {
+}, Pu = ({ ranges: e, emptyMessage: t = "No ranges are available.", onRangeClick: n, onDeleteRangeRequest: r }) => e.length ? /* @__PURE__ */ l("section", {
 	"aria-label": "Ranges",
 	className: "space-y-3",
 	children: e.map((e) => /* @__PURE__ */ l(ze, {
@@ -11140,7 +11162,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 	variant: "free",
 	className: "text-sm text-primary",
 	children: t
-}), Pu = ({ layoutVariant: e = "table", documentTitleLabel: t = "Document Title", documentRangeLabel: n = "Range", documentTypeLabel: r = "Type", documentSubtypeLabel: i = "Subtype", emptyMessage: a = "No Documents Are Available", downloadLabelTemplate: o, documentInfoCards: s, onDownloadClick: c, onRangeClick: d }) => s.length === 0 ? /* @__PURE__ */ l(v, {
+}), Fu = ({ layoutVariant: e = "table", documentTitleLabel: t = "Document Title", documentRangeLabel: n = "Range", documentTypeLabel: r = "Type", documentSubtypeLabel: i = "Subtype", emptyMessage: a = "No Documents Are Available", downloadLabelTemplate: o, documentInfoCards: s, onDownloadClick: c, onRangeClick: d }) => s.length === 0 ? /* @__PURE__ */ l(v, {
 	variant: "free",
 	className: "pt-6 text-center text-sm text-primary",
 	children: a
@@ -11176,20 +11198,20 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			onRangeClick: d
 		}, t.id))]
 	})
-}), Fu = {
+}), Iu = {
 	lat: 39.9612,
 	lng: -82.9988
-}, Iu = () => window, Lu = () => Iu().google, Ru = (e) => {
-	let t = Iu();
+}, Lu = () => window, Ru = () => Lu().google, zu = (e) => {
+	let t = Lu();
 	return t.google?.maps ? Promise.resolve() : (t.formicaGoogleMapsPromise ||= new Promise((t, n) => {
 		let r = document.createElement("script");
 		r.src = `https://maps.googleapis.com/maps/api/js?key=${encodeURIComponent(e)}`, r.async = !0, r.defer = !0, r.onload = () => t(), r.onerror = () => n(/* @__PURE__ */ Error("Google Maps script failed to load")), document.head.appendChild(r);
 	}), t.formicaGoogleMapsPromise);
-}, zu = ({ center: e, locations: t, selectedLocationId: n }) => {
+}, Bu = ({ center: e, locations: t, selectedLocationId: n }) => {
 	let r = t.find((e) => e.id === n);
-	return e ?? r?.coordinates ?? t[0]?.coordinates ?? Fu;
-}, Bu = ({ googleMapsApiKey: t, mapId: n, locations: r, center: i, zoom: a = 10, selectedLocationId: o, ariaLabel: s = "Locations map", legendLabel: c, onLocationSelect: d }) => {
-	let f = e.useRef(null), p = e.useRef(null), m = e.useRef([]), [h, g] = e.useState(t ? "loading" : "missing-key"), _ = e.useMemo(() => zu({
+	return e ?? r?.coordinates ?? t[0]?.coordinates ?? Iu;
+}, Vu = ({ googleMapsApiKey: t, mapId: n, locations: r, center: i, zoom: a = 10, selectedLocationId: o, ariaLabel: s = "Locations map", legendLabel: c, onLocationSelect: d }) => {
+	let f = e.useRef(null), p = e.useRef(null), m = e.useRef([]), [h, g] = e.useState(t ? "loading" : "missing-key"), _ = e.useMemo(() => Bu({
 		center: i,
 		locations: r,
 		selectedLocationId: o
@@ -11201,7 +11223,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 	e.useEffect(() => {
 		if (!t) return g("missing-key"), () => void 0;
 		let e = !0;
-		return g("loading"), Ru(t).then(() => {
+		return g("loading"), zu(t).then(() => {
 			e && g("loaded");
 		}).catch(() => {
 			e && g("error");
@@ -11210,7 +11232,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		};
 	}, [t]), e.useEffect(() => {
 		if (h !== "loaded" || !f.current) return;
-		let e = Lu();
+		let e = Ru();
 		e && (p.current ? (p.current.setCenter(_), p.current.setZoom(a)) : p.current = new e.maps.Map(f.current, {
 			center: _,
 			zoom: a,
@@ -11227,7 +11249,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		a
 	]), e.useEffect(() => {
 		if (h !== "loaded" || !p.current) return;
-		let e = Lu();
+		let e = Ru();
 		e && (m.current.forEach((e) => e.setMap(null)), m.current = r.map((t, n) => {
 			let r = new e.maps.Marker({
 				position: t.coordinates,
@@ -11292,7 +11314,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})]
 		}) : null]
 	});
-}, Vu = {
+}, Hu = {
 	synced: {
 		iconName: "check",
 		className: "border-saleGreen bg-saleGreen/10 text-saleGreen"
@@ -11313,11 +11335,11 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		iconName: "minus",
 		className: "border-borderTertiary bg-adminSideNavBackground text-tertiary"
 	}
-}, Hu = {
+}, Uu = {
 	match: "text-saleGreen",
 	mismatch: "text-accent",
 	neutral: "text-tertiary"
-}, Uu = (e) => {
+}, Wu = (e) => {
 	let t = e.detail?.trim() ?? "", n = e.status ?? "neutral";
 	return /* @__PURE__ */ u("div", {
 		className: "flex items-start justify-between gap-4 border-t border-borderTertiary py-3 first:border-t-0 first:pt-0 last:pb-0",
@@ -11330,13 +11352,13 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				className: "text-sm font-bold text-primary",
 				children: e.value
 			}), t ? /* @__PURE__ */ l("div", {
-				className: `mt-1 text-xs ${Hu[n]}`,
+				className: `mt-1 text-xs ${Uu[n]}`,
 				children: t
 			}) : null]
 		})]
 	}, e.id);
-}, Wu = (e, t, n) => {
-	let r = e.description?.trim() ?? "", i = e.actionHelpText?.trim() ?? "", a = Vu[e.status];
+}, Gu = (e, t, n) => {
+	let r = e.description?.trim() ?? "", i = e.actionHelpText?.trim() ?? "", a = Hu[e.status];
 	return /* @__PURE__ */ u("article", {
 		className: "flex h-full flex-col rounded-lg border border-borderTertiary bg-adminSideNavBackground p-4 shadow-sm",
 		children: [
@@ -11371,7 +11393,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			] }),
 			/* @__PURE__ */ l("dl", {
 				className: "mt-5",
-				children: e.fields.map(Uu)
+				children: e.fields.map(Wu)
 			}),
 			e.actionLabel ? /* @__PURE__ */ u("footer", {
 				className: "mt-auto pt-5",
@@ -11393,8 +11415,8 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}) : null
 		]
 	});
-}, Gu = ({ title: e = "Commerce Sync", summary: t, detail: n, overallStatus: r, overallStatusLabel: i, lxStage: a, salsifyStage: o, bigCommerceStage: s, refreshLabel: c = "Check Again", onLxSyncClick: d, onBigCommerceSyncClick: f, onRefreshClick: p }) => {
-	let m = n?.trim() ?? "", h = Vu[r], g = [
+}, Ku = ({ title: e = "Commerce Sync", summary: t, detail: n, overallStatus: r, overallStatusLabel: i, lxStage: a, salsifyStage: o, bigCommerceStage: s, refreshLabel: c = "Check Again", onLxSyncClick: d, onBigCommerceSyncClick: f, onRefreshClick: p }) => {
+	let m = n?.trim() ?? "", h = Hu[r], g = [
 		{
 			stage: a,
 			onActionClick: void 0
@@ -11467,7 +11489,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			className: "mt-5 grid gap-4 md:grid-cols-3 md:gap-6",
 			children: g.map((e, t) => /* @__PURE__ */ u("div", {
 				className: "relative min-w-0",
-				children: [Wu(e.stage, t + 1, e.onActionClick), t < g.length - 1 ? /* @__PURE__ */ l("span", {
+				children: [Gu(e.stage, t + 1, e.onActionClick), t < g.length - 1 ? /* @__PURE__ */ l("span", {
 					"aria-hidden": "true",
 					className: "absolute -right-6 top-1/2 z-10 hidden h-6 w-6 -translate-y-1/2 items-center justify-center rounded-full border border-borderTertiary bg-secondary text-tertiary shadow-sm md:flex",
 					children: /* @__PURE__ */ l(S, {
@@ -11480,7 +11502,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}, e.stage.title))
 		})]
 	});
-}, Ku = ({ header: e = "", clearAllLabel: t = "Clear All", emptyStateLabel: n = "No filters selected", optionsList: r = [], onRemoveAll: i, onRemoveOption: a }) => {
+}, qu = ({ header: e = "", clearAllLabel: t = "Clear All", emptyStateLabel: n = "No filters selected", optionsList: r = [], onRemoveAll: i, onRemoveOption: a }) => {
 	let o = (e) => {
 		a?.({ id: e });
 	};
@@ -11523,7 +11545,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		})]
 	}) });
-}, qu = ({ sections: e = [], header: t, headerIcon: n, appliedOptions: r, resetLabel: i = "Reset", applyFiltersLabel: a = "Apply Filters", onResetClick: o, onApplyFiltersClick: s, onCheckboxChange: c, onColorSelect: d }) => /* @__PURE__ */ u("section", {
+}, Ju = ({ sections: e = [], header: t, headerIcon: n, appliedOptions: r, resetLabel: i = "Reset", applyFiltersLabel: a = "Apply Filters", onResetClick: o, onApplyFiltersClick: s, onCheckboxChange: c, onColorSelect: d }) => /* @__PURE__ */ u("section", {
 	className: "relative pb-20 md:pb-0 w-full md:ml-2 md:w-52",
 	children: [
 		/* @__PURE__ */ u("div", {
@@ -11538,7 +11560,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				children: t
 			}) : null]
 		}),
-		r && /* @__PURE__ */ l(Ku, {
+		r && /* @__PURE__ */ l(qu, {
 			header: r.header,
 			clearAllLabel: r.clearAllLabel,
 			emptyStateLabel: r.emptyStateLabel,
@@ -11580,7 +11602,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		})
 	]
-}), Ju = [
+}), Yu = [
 	{
 		label: "Architect or Designer",
 		value: "architectDesigner"
@@ -11621,13 +11643,13 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		label: "Postformer",
 		value: "postformer"
 	}
-], Yu = ({ htmlFor: e, label: t, errorMessage: n }) => /* @__PURE__ */ l(v, {
+], Xu = ({ htmlFor: e, label: t, errorMessage: n }) => /* @__PURE__ */ l(v, {
 	as: "label",
 	htmlFor: e,
 	className: `text-sm ${n ? "text-accent!" : "text-primary"}`,
 	children: n || t
-}), Xu = ({ data: e, actionLabels: t, labels: n, onModeChange: r, onEmailChange: i, onPasswordChange: a, onFirstNameChange: o, onLastNameChange: s, onPhoneNumberChange: d, onUserTypeChange: f, onConfirmPasswordChange: p, onMarketingOptInChange: m, onTermsAcceptedChange: h, onEmailBlur: g, onPasswordBlur: _, onForgotPasswordClick: y, onTermsClick: b, onPrivacyClick: x, onSignInClick: S, onCreateAccountClick: C, onSecondaryClick: w }) => {
-	let T = e.mode ?? "signIn", E = T === "createAccount", D = e.errors ?? {}, O = e.userTypeOptions ?? Ju, k = [{
+}), Zu = ({ data: e, actionLabels: t, labels: n, onModeChange: r, onEmailChange: i, onPasswordChange: a, onFirstNameChange: o, onLastNameChange: s, onPhoneNumberChange: d, onUserTypeChange: f, onConfirmPasswordChange: p, onMarketingOptInChange: m, onTermsAcceptedChange: h, onEmailBlur: g, onPasswordBlur: _, onForgotPasswordClick: y, onTermsClick: b, onPrivacyClick: x, onSignInClick: S, onCreateAccountClick: C, onSecondaryClick: w }) => {
+	let T = e.mode ?? "signIn", E = T === "createAccount", D = e.errors ?? {}, O = e.userTypeOptions ?? Yu, k = [{
 		id: "createAccount",
 		label: n?.createAccountMode ?? "Create Account"
 	}, {
@@ -11695,7 +11717,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 						onChange: d
 					}), /* @__PURE__ */ u("div", {
 						className: "flex w-full flex-col gap-2",
-						children: [/* @__PURE__ */ l(Yu, {
+						children: [/* @__PURE__ */ l(Xu, {
 							htmlFor: "account-access-user-type",
 							label: n?.userType ?? "I am a*",
 							errorMessage: D.userType
@@ -11827,7 +11849,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		]
 	});
-}, Zu = ({ customerName: e, children: t, tabs: n, activeTabId: r, greeting: i = "Welcome back,", logoutLabel: a = "Log out", onTabClick: o, onLogoutClick: s }) => /* @__PURE__ */ l("section", {
+}, Qu = ({ customerName: e, children: t, tabs: n, activeTabId: r, greeting: i = "Welcome back,", logoutLabel: a = "Log out", onTabClick: o, onLogoutClick: s }) => /* @__PURE__ */ l("section", {
 	className: "w-full bg-white",
 	children: /* @__PURE__ */ u("div", {
 		className: "mx-auto w-full max-w-6xl px-4 pb-16 pt-6 md:px-0 md:pt-10",
@@ -11871,7 +11893,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				"aria-label": "Customer account sections",
 				children: /* @__PURE__ */ l("div", {
 					role: "tablist",
-					children: /* @__PURE__ */ l(Dl, {
+					children: /* @__PURE__ */ l(Ol, {
 						items: n.map((e) => ({
 							label: e.label,
 							value: e.id
@@ -11898,7 +11920,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		]
 	})
-}), Qu = ({ items: e, value: t, onChange: n }) => {
+}), $u = ({ items: e, value: t, onChange: n }) => {
 	if (!e?.length) return null;
 	let r = (e) => {
 		e.disabled || n(e.id, e);
@@ -11923,7 +11945,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}, e.id);
 		})
 	});
-}, $u = ({ data: e }) => e ? /* @__PURE__ */ u("div", {
+}, ed = ({ data: e }) => e ? /* @__PURE__ */ u("div", {
 	className: "flex flex-col gap-4 md:gap-6",
 	children: [
 		!!e?.summary && /* @__PURE__ */ l(v, {
@@ -11938,7 +11960,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			label: e.colourMatchingLabel
 		})
 	]
-}) : null, ed = ({ data: e }) => e?.groups?.length ? /* @__PURE__ */ l("div", {
+}) : null, td = ({ data: e }) => e?.groups?.length ? /* @__PURE__ */ l("div", {
 	className: "flex flex-col gap-6 md:gap-10 scrollbar-none overflow-x-auto",
 	children: e.groups.map((e, t) => /* @__PURE__ */ u("div", {
 		className: ["flex flex-col gap-2 md:gap-8", t > 0 ? "pt-2 md:pt-10 border-t border-black/10" : ""].join(" "),
@@ -11977,12 +11999,12 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}, e.key))
 		})]
 	}, e.id))
-}) : null, td = (e, t = !1) => {
+}) : null, nd = (e, t = !1) => {
 	let n = "";
 	typeof e == "string" ? n = e : typeof e?.label == "string" && (n = e.label);
 	let r = n.replace(/\bin\b/g, "IN");
 	return t ? `${r} (MTO)` : r;
-}, nd = ({ data: e, selectedGrade: t }) => e ? /* @__PURE__ */ u("div", {
+}, rd = ({ data: e, selectedGrade: t }) => e ? /* @__PURE__ */ u("div", {
 	className: "flex flex-col gap-8",
 	children: [
 		!!e.cards?.length && /* @__PURE__ */ l("div", {
@@ -12012,7 +12034,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 									as: "span",
 									variant: "free",
 									className: "text-xs text-nowrap",
-									children: td(e)
+									children: nd(e)
 								}, e))
 							}), /* @__PURE__ */ l("div", {
 								className: "flex flex-col gap-2",
@@ -12020,7 +12042,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 									as: "span",
 									variant: "free",
 									className: "text-xs text-nowrap",
-									children: td(e, !0)
+									children: nd(e, !0)
 								}, e))
 							})]
 						})
@@ -12047,7 +12069,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			}, e.id))
 		})
 	]
-}) : null, rd = [
+}) : null, id = [
 	{
 		label: "Product Details",
 		value: "details"
@@ -12060,21 +12082,21 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 		label: "Size & Grade Guide",
 		value: "sizeAndGrade"
 	}
-], id = (e, t) => e?.length ? t && e.some((e) => e.id === t) ? t : e[0].id : "", ad = (e) => {
+], ad = (e, t) => e?.length ? t && e.some((e) => e.id === t) ? t : e[0].id : "", od = (e) => {
 	typeof window > "u" || e.forEach((e) => {
 		if (!e) return;
 		let t = new window.Image();
 		t.src = e;
 	});
-}, od = ({ ranges: t, defaultTab: n = "details", tabLabels: r, defaultRangeId: i, selectedGrade: a }) => {
-	let [o, s] = e.useState(n), [c, d] = e.useState(id(t, i));
+}, sd = ({ ranges: t, defaultTab: n = "details", tabLabels: r, defaultRangeId: i, selectedGrade: a }) => {
+	let [o, s] = e.useState(n), [c, d] = e.useState(ad(t, i));
 	if (e.useEffect(() => {
-		d(id(t, i));
+		d(ad(t, i));
 	}, [t, i]), e.useEffect(() => {
 		let e = t?.flatMap((e) => e.texture?.groups ?? []).flatMap((e) => e.items ?? []).map((e) => e.imageSrc).filter((e) => !!e) ?? [];
-		ad([...new Set(e)]);
+		od([...new Set(e)]);
 	}, [t]), !t?.length) return null;
-	let f = rd.map((e) => ({
+	let f = id.map((e) => ({
 		...e,
 		label: r?.[e.value] ?? e.label
 	})), p = t.find((e) => e.id === c) ?? t[0];
@@ -12086,7 +12108,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				className: "max-w-6xl w-full mx-auto px-4 md:px-6",
 				children: /* @__PURE__ */ l("div", {
 					className: "flex justify-start",
-					children: /* @__PURE__ */ l(Dl, {
+					children: /* @__PURE__ */ l(Ol, {
 						items: f.map((e) => ({
 							label: e.label,
 							value: e.value,
@@ -12103,7 +12125,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 				className: "grid grid-cols-1 md:grid-cols-[240px_minmax(0,1fr)] gap-6 md:gap-10",
 				children: [/* @__PURE__ */ l("div", {
 					className: "md:pr-8 md:border-r border-black/10 md:min-h-40",
-					children: /* @__PURE__ */ l(Qu, {
+					children: /* @__PURE__ */ l($u, {
 						items: t.map((e) => ({
 							id: e.id,
 							label: e.label
@@ -12113,9 +12135,9 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 					})
 				}), /* @__PURE__ */ l("div", { children: (() => {
 					switch (o) {
-						case "details": return /* @__PURE__ */ l($u, { data: p.details });
-						case "texture": return /* @__PURE__ */ l(ed, { data: p.texture });
-						case "sizeAndGrade": return /* @__PURE__ */ l(nd, {
+						case "details": return /* @__PURE__ */ l(ed, { data: p.details });
+						case "texture": return /* @__PURE__ */ l(td, { data: p.texture });
+						case "sizeAndGrade": return /* @__PURE__ */ l(rd, {
 							data: p.sizeAndGrade,
 							selectedGrade: a
 						});
@@ -12125,7 +12147,7 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 			})
 		})]
 	});
-}, sd = ({ isOpen: e, title: t = "My Cart", projectName: n = "", projectNamePlaceholder: r = "Enter project name", emptyCartText: i = "Your cart is empty.", goToCartLabel: a = "Go to Cart", clearCartLabel: o = "Clear Cart", freeLabel: s = "Free", closeOverlayLabel: c = "Close cart overlay", closeCartLabel: d = "Close cart", flyoutAriaLabel: f = "Shopping cart flyout", removeItemLabel: p = "Remove item", decreaseQuantityLabel: m = "Decrease quantity", increaseQuantityLabel: h = "Increase quantity", items: g = [], className: _ = "", onClose: y, onProjectNameChange: b, onQuantityChange: x, onRemoveItem: S, onClearCart: C, onGoToCart: w }) => {
+}, cd = ({ isOpen: e, title: t = "My Cart", projectName: n = "", projectNamePlaceholder: r = "Enter project name", emptyCartText: i = "Your cart is empty.", goToCartLabel: a = "Go to Cart", clearCartLabel: o = "Clear Cart", freeLabel: s = "Free", closeOverlayLabel: c = "Close cart overlay", closeCartLabel: d = "Close cart", flyoutAriaLabel: f = "Shopping cart flyout", removeItemLabel: p = "Remove item", decreaseQuantityLabel: m = "Decrease quantity", increaseQuantityLabel: h = "Increase quantity", items: g = [], className: _ = "", onClose: y, onProjectNameChange: b, onQuantityChange: x, onRemoveItem: S, onClearCart: C, onGoToCart: w }) => {
 	if (!e) return null;
 	let T = g.length > 0;
 	return /* @__PURE__ */ u("div", {
@@ -12227,15 +12249,15 @@ var Zo = ({ id: e, name: t, type: n = "text", value: r = "", placeholder: i = ""
 };
 //#endregion
 //#region src/stories/templates/productdetailpagetemplate/ProductDetailPageTemplate.tsx
-function cd(e = []) {
+function ld(e = []) {
 	return e.reduce((e, t) => (e[t.id] = t, e[t.value] = t, e), {});
 }
-var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e) => ({
+var ud = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e) => ({
 	id: e.id,
 	label: e.label,
 	value: e.value,
 	active: n === e.id || n === e.value
-})), ud = (e = []) => {
+})), dd = (e = []) => {
 	let t = /* @__PURE__ */ new Set();
 	return (e ?? []).filter((e) => typeof e.grade == "string" && !!e.grade).filter((e) => !e.grade || t.has(e.grade) ? !1 : (t.add(e.grade), !0)).map((e) => ({
 		id: e.grade,
@@ -12243,7 +12265,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		value: e.grade,
 		active: !1
 	}));
-}, dd = (e = [], t = null) => {
+}, fd = (e = [], t = null) => {
 	let n = /* @__PURE__ */ new Set();
 	return e.reduce((e, r) => {
 		if (!r.isSample && !r.sampleAvailable) return e;
@@ -12255,13 +12277,13 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			active: t === i
 		}), e);
 	}, []);
-}, fd = (e = []) => {
+}, pd = (e = []) => {
 	let t = /* @__PURE__ */ new Set();
 	return e.reduce((e, n) => {
 		let r = n.rangeId;
 		return !r || t.has(r) || (n.isSample || n.sampleAvailable) && (t.add(r), e.push(r)), e;
 	}, []);
-}, pd = (e) => (e ?? []).map((e) => ({
+}, md = (e) => (e ?? []).map((e) => ({
 	id: e.id,
 	title: e.title,
 	subtitle: e.subtitle,
@@ -12269,19 +12291,19 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	thickness: e.thickness,
 	items: e.items ?? [],
 	mtoItems: e.mtoItems ?? []
-})), md = (e) => e ? `Grade ${e}` : "", hd = ({ breadcrumbsProps: t, productData: n, errorMessage: r, showFavorites: i = !0, onDownloadSwatch: a, onDownloadFullSheet: o, onAddToWishlist: s, onAddToCart: c, onSelectionChange: d, onContactActionClick: f, onProductNavigate: p, cartFlyoutProps: m }) => {
-	let h = n ?? {}, g = h.images ?? [], _ = h.product, v = h.content, y = h.optionSets, b = h.purchase, x = h.downloads, S = h.ranges ?? [], C = h.standardCopyHero, w = h.featuredProducts ?? [], T = _?.colourMatching, E = y?.ranges ?? [], D = y?.textures ?? [], O = y?.sizes ?? [], k = y?.sampleSizes ?? [], A = cd(E), j = cd(D), M = cd(O), N = cd(k), P = b?.tabOptions?.Sample ?? {}, F = b?.tabOptions?.["Buy Now"] ?? {}, I = b?.defaults ?? {}, L = ud(h.variants ?? []), R = h.variants?.[0]?.grade ?? null, [z, B] = e.useState(md(R));
+})), hd = (e) => e ? `Grade ${e}` : "", gd = ({ breadcrumbsProps: t, productData: n, errorMessage: r, showFavorites: i = !0, onDownloadSwatch: a, onDownloadFullSheet: o, onAddToWishlist: s, onAddToCart: c, onSelectionChange: d, onContactActionClick: f, onProductNavigate: p, cartFlyoutProps: m }) => {
+	let h = n ?? {}, g = h.images ?? [], _ = h.product, v = h.content, y = h.optionSets, b = h.purchase, x = h.downloads, S = h.ranges ?? [], C = h.standardCopyHero, w = h.featuredProducts ?? [], T = _?.colourMatching, E = y?.ranges ?? [], D = y?.textures ?? [], O = y?.sizes ?? [], k = y?.sampleSizes ?? [], A = ld(E), j = ld(D), M = ld(O), N = ld(k), P = b?.tabOptions?.Sample ?? {}, F = b?.tabOptions?.["Buy Now"] ?? {}, I = b?.defaults ?? {}, L = dd(h.variants ?? []), R = h.variants?.[0]?.grade ?? null, [z, B] = e.useState(hd(R));
 	e.useEffect(() => {
-		B(md(R));
+		B(hd(R));
 	}, [R]);
 	let V = L.map((e) => {
-		let t = md(e.value);
+		let t = hd(e.value);
 		return {
 			...e,
 			active: t === z,
 			onOptionClick: () => B(t)
 		};
-	}), ee = P.productOptionIds, te = ee?.filter((e) => !!A[e]) ?? [], ne = ee?.length ? te : fd(h.variants ?? []), re = P.textureOptionIds, ie = re?.filter((e) => !!j[e]) ?? [], ae = re?.length ? ld(j, ie, I.texture ?? null) : dd(h.variants ?? [], I.texture ?? null), H = F.productOptionIds, oe = H?.filter((e) => !!A[e]) ?? [], U = H ? oe : E.map((e) => e.id), se = {
+	}), ee = P.productOptionIds, te = ee?.filter((e) => !!A[e]) ?? [], ne = ee?.length ? te : pd(h.variants ?? []), re = P.textureOptionIds, ie = re?.filter((e) => !!j[e]) ?? [], ae = re?.length ? ud(j, ie, I.texture ?? null) : fd(h.variants ?? [], I.texture ?? null), H = F.productOptionIds, oe = H?.filter((e) => !!A[e]) ?? [], U = H ? oe : E.map((e) => e.id), se = {
 		sku: _?.sku ?? "",
 		decor: _?.decor ?? "",
 		title: _?.title ?? "",
@@ -12321,25 +12343,25 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			Sample: {
 				minQuantity: P.minQuantity,
 				maxQuantity: P.maxQuantity,
-				productOptions: ld(A, ne, v?.defaultRangeId ?? E[0]?.value ?? null),
+				productOptions: ud(A, ne, v?.defaultRangeId ?? E[0]?.value ?? null),
 				gradeOptions: [],
 				textureOptions: ae,
-				sizeOptions: ld(N, P.sizeOptionIds ?? [], null)
+				sizeOptions: ud(N, P.sizeOptionIds ?? [], null)
 			},
 			"Buy Now": {
 				minQuantity: F.minQuantity,
 				maxQuantity: F.maxQuantity,
-				productOptions: ld(A, U, v?.defaultRangeId ?? E[0]?.value ?? null),
+				productOptions: ud(A, U, v?.defaultRangeId ?? E[0]?.value ?? null),
 				gradeOptions: V,
-				textureOptions: ld(j, F.textureOptionIds ?? [], I.texture ?? null),
-				sizeOptions: ld(M, F.sizeOptionIds ?? [], I.size ?? null)
+				textureOptions: ud(j, F.textureOptionIds ?? [], I.texture ?? null),
+				sizeOptions: ud(M, F.sizeOptionIds ?? [], I.size ?? null)
 			}
 		},
-		productOptions: ld(A, U, v?.defaultRangeId ?? E[0]?.value ?? null),
+		productOptions: ud(A, U, v?.defaultRangeId ?? E[0]?.value ?? null),
 		gradeOptions: V,
 		selectedGrade: z,
-		textureOptions: ld(j, F.textureOptionIds ?? [], I.texture ?? null),
-		sizeOptions: ld(M, F.sizeOptionIds ?? [], I.size ?? null),
+		textureOptions: ud(j, F.textureOptionIds ?? [], I.texture ?? null),
+		sizeOptions: ud(M, F.sizeOptionIds ?? [], I.size ?? null),
 		availabilityHref: v?.availabilityHref ?? "#",
 		availabilityLabel: v?.availabilityLabel ?? "View full product availability and information",
 		returnPolicyHref: v?.returnPolicyHref ?? "#",
@@ -12368,7 +12390,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		onPurchaseInfoLinkClick: p
 	}, W = {
 		ranges: S.map((e) => {
-			let t = e.sizeAndGrade?.definitions ?? [], n = pd(e.sizeAndGrade?.cards);
+			let t = e.sizeAndGrade?.definitions ?? [], n = md(e.sizeAndGrade?.cards);
 			return {
 				id: e.id,
 				label: e.label,
@@ -12407,12 +12429,12 @@ var ld = (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(ml, { ...t }),
-				/* @__PURE__ */ l(ou, { ...se }),
-				/* @__PURE__ */ l(od, { ...W }),
+				t && /* @__PURE__ */ l(hl, { ...t }),
+				/* @__PURE__ */ l(su, { ...se }),
+				/* @__PURE__ */ l(sd, { ...W }),
 				/* @__PURE__ */ l("div", {
 					className: "hidden md:block",
-					children: C && /* @__PURE__ */ l(su, {
+					children: C && /* @__PURE__ */ l(cu, {
 						imageSrc: C.imageSrc ?? "",
 						imageAlt: C.imageAlt ?? "",
 						heading: C.heading ?? "",
@@ -12422,15 +12444,15 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						linkHref: C.linkHref ?? "#"
 					})
 				}),
-				w.length > 0 && /* @__PURE__ */ l(hu, {
+				w.length > 0 && /* @__PURE__ */ l(gu, {
 					title: n.featuredProductsTitle ?? "",
 					items: w,
 					onItemClick: ce
 				})
 			]
-		}), m ? /* @__PURE__ */ l(sd, { ...m }) : null]
+		}), m ? /* @__PURE__ */ l(cd, { ...m }) : null]
 	});
-}, gd = ({ options: e, selectedValue: t, onSelect: n }) => {
+}, _d = ({ options: e, selectedValue: t, onSelect: n }) => {
 	let r = e[0]?.value, i = t ?? r, a = (e) => {
 		let t = {
 			value: e.value,
@@ -12458,19 +12480,19 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		})
 	});
-}, _d = ({ standardCopyHeroProps: e, multiButtonBarProps: t, featuredArticleBannerProps: n, featureCardCollectionProps: r }) => /* @__PURE__ */ u(c, { children: [
-	/* @__PURE__ */ l(su, { ...e }),
-	/* @__PURE__ */ l(gd, { ...t }),
-	/* @__PURE__ */ l(El, { ...n }),
-	/* @__PURE__ */ l(Il, { ...r })
-] }), vd = (e, t) => e.id ?? [
+}, vd = ({ standardCopyHeroProps: e, multiButtonBarProps: t, featuredArticleBannerProps: n, featureCardCollectionProps: r }) => /* @__PURE__ */ u(c, { children: [
+	/* @__PURE__ */ l(cu, { ...e }),
+	/* @__PURE__ */ l(_d, { ...t }),
+	/* @__PURE__ */ l(Dl, { ...n }),
+	/* @__PURE__ */ l(Ll, { ...r })
+] }), yd = (e, t) => e.id ?? [
 	e.decorNumber,
 	e.title,
 	e.brand,
 	e.product,
 	e.status ?? "standard",
 	t
-].join("-"), yd = ({ swatches: e = [], onSwatchClick: t }) => /* @__PURE__ */ l(se, {
+].join("-"), bd = ({ swatches: e = [], onSwatchClick: t }) => /* @__PURE__ */ l(se, {
 	className: "mb-16 px-4 md:my-12 md:px-0",
 	gridClassName: "md:grid-cols-4",
 	columns: 2,
@@ -12487,51 +12509,51 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			decorNumber: String(e.decorNumber),
 			onSwatchClick: r,
 			status: e.status
-		}, vd(e, n));
+		}, yd(e, n));
 	})
-}), bd = (e) => e.flatMap((e) => e.options.filter((e) => e.checked).map((e) => ({
+}), xd = (e) => e.flatMap((e) => e.options.filter((e) => e.checked).map((e) => ({
 	id: e.id,
 	label: e.label
-}))), xd = (e, t, n) => e.map((e) => ({
+}))), Sd = (e, t, n) => e.map((e) => ({
 	...e,
 	options: e.options.map((e) => e.id === t ? {
 		...e,
 		checked: n
 	} : e)
-})), Sd = (e) => e.map((e) => ({
+})), Cd = (e) => e.map((e) => ({
 	...e,
 	options: e.options.map((e) => ({
 		...e,
 		checked: !1
 	}))
-})), Cd = (e) => e.tabs?.selectedValue ?? e.tabs?.options[0]?.value ?? "", wd = (e) => e.filters.sort?.value ?? e.filters.sort?.options?.[0]?.value ?? e.filters.sort?.options?.[0]?.label ?? "", Td = (e) => e.filters.search?.value ?? "", Ed = (e) => e.filters.panel ? e.filters.toggleButton?.initiallyVisible ?? !0 : !1, Dd = ({ categoryData: t, className: n = "", onHeroLinkClick: r, onTabChange: i, onSortChange: a, onSearchChange: o, onFilterChange: s, onSwatchClick: c }) => {
-	let [d, f] = e.useState(!1), [p, m] = e.useState(() => Ed(t)), h = t.filters.panel?.sections ?? [], g = Cd(t), _ = wd(t), v = Td(t), y = t.tabs, b = t.filters.sort, x = t.filters.search, S = t.filters.panel, C = !!(S || b || x), w = e.useMemo(() => bd(h), [h]), T = t.filters.labels, E = T?.panelHeader ?? S?.header, D = T?.clearAllLabel ?? S?.clearAllLabel, O = T?.applyFiltersLabel ?? S?.applyFiltersLabel, k = T?.appliedOptionsHeader ?? S?.appliedOptionsHeader, A = p ? T?.hideFiltersLabel ?? t.filters.toggleButton?.hideLabel ?? "Hide Filters" : T?.showFiltersLabel ?? t.filters.toggleButton?.showLabel ?? "Show Filters", j = T?.mobileFiltersLabel ?? t.filters.toggleButton?.mobileLabel ?? E ?? "Filters", M = e.useCallback((e, n) => {
+})), wd = (e) => e.tabs?.selectedValue ?? e.tabs?.options[0]?.value ?? "", Td = (e) => e.filters.sort?.value ?? e.filters.sort?.options?.[0]?.value ?? e.filters.sort?.options?.[0]?.label ?? "", Ed = (e) => e.filters.search?.value ?? "", Dd = (e) => e.filters.panel ? e.filters.toggleButton?.initiallyVisible ?? !0 : !1, Od = ({ categoryData: t, className: n = "", onHeroLinkClick: r, onTabChange: i, onSortChange: a, onSearchChange: o, onFilterChange: s, onSwatchClick: c }) => {
+	let [d, f] = e.useState(!1), [p, m] = e.useState(() => Dd(t)), h = t.filters.panel?.sections ?? [], g = wd(t), _ = Td(t), v = Ed(t), y = t.tabs, b = t.filters.sort, x = t.filters.search, S = t.filters.panel, C = !!(S || b || x), w = e.useMemo(() => xd(h), [h]), T = t.filters.labels, E = T?.panelHeader ?? S?.header, D = T?.clearAllLabel ?? S?.clearAllLabel, O = T?.applyFiltersLabel ?? S?.applyFiltersLabel, k = T?.appliedOptionsHeader ?? S?.appliedOptionsHeader, A = p ? T?.hideFiltersLabel ?? t.filters.toggleButton?.hideLabel ?? "Hide Filters" : T?.showFiltersLabel ?? t.filters.toggleButton?.showLabel ?? "Show Filters", j = T?.mobileFiltersLabel ?? t.filters.toggleButton?.mobileLabel ?? E ?? "Filters", M = e.useCallback((e, n) => {
 		s?.(e, n, t);
 	}, [t, s]), N = e.useCallback((e) => {
-		M(xd(h, e.id, e.checked), {
+		M(Sd(h, e.id, e.checked), {
 			action: "toggle",
 			optionId: e.id,
 			checked: e.checked,
 			sectionType: "checkbox"
 		});
 	}, [M, h]), P = e.useCallback((e) => {
-		M(xd(h, e.id, e.checked), {
+		M(Sd(h, e.id, e.checked), {
 			action: "toggle",
 			optionId: e.id,
 			checked: e.checked,
 			sectionType: "colorSwatch"
 		});
 	}, [M, h]), F = e.useCallback(() => {
-		M(Sd(h), { action: "clear-all" });
+		M(Cd(h), { action: "clear-all" });
 	}, [M, h]);
 	return /* @__PURE__ */ u("section", {
 		className: n,
 		children: [
-			/* @__PURE__ */ l(su, {
+			/* @__PURE__ */ l(cu, {
 				...t.hero,
 				onLinkClick: () => r?.(t)
 			}),
-			y ? /* @__PURE__ */ l(gd, {
+			y ? /* @__PURE__ */ l(_d, {
 				options: y.options,
 				selectedValue: g,
 				onSelect: (e) => {
@@ -12585,7 +12607,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				children: [
 					p && S ? /* @__PURE__ */ l("div", {
 						className: "hidden md:block md:shrink-0",
-						children: /* @__PURE__ */ l(qu, {
+						children: /* @__PURE__ */ l(Ju, {
 							header: E,
 							headerIcon: S.headerIcon,
 							resetLabel: D,
@@ -12597,7 +12619,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								emptyStateLabel: T?.emptyStateLabel,
 								optionsList: w,
 								onRemoveOption: (e) => {
-									M(xd(h, e.id, !1), {
+									M(Sd(h, e.id, !1), {
 										action: "remove",
 										optionId: e.id
 									});
@@ -12615,7 +12637,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						"aria-modal": "true",
 						"aria-label": E ?? j,
 						className: "md:hidden",
-						children: /* @__PURE__ */ l(qu, {
+						children: /* @__PURE__ */ l(Ju, {
 							header: E,
 							headerIcon: S.headerIcon,
 							resetLabel: D,
@@ -12627,7 +12649,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								emptyStateLabel: T?.emptyStateLabel,
 								optionsList: w,
 								onRemoveOption: (e) => {
-									M(xd(h, e.id, !1), {
+									M(Sd(h, e.id, !1), {
 										action: "remove",
 										optionId: e.id
 									});
@@ -12642,7 +12664,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					}) : null,
 					/* @__PURE__ */ l("div", {
 						className: `${d ? "hidden" : "block"} my-8 md:my-0 md:block md:min-w-0 md:flex-1`,
-						children: /* @__PURE__ */ l(yd, {
+						children: /* @__PURE__ */ l(bd, {
 							swatches: t.decorGrid.swatches,
 							onSwatchClick: (e, n) => c?.(e, n, t)
 						})
@@ -12651,7 +12673,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		]
 	});
-}, Od = ({ images: e = [], onImageClick: t }) => /* @__PURE__ */ l(se, {
+}, kd = ({ images: e = [], onImageClick: t }) => /* @__PURE__ */ l(se, {
 	className: "mb-16 px-4 md:my-12 md:px-0",
 	gridClassName: "md:grid-cols-4",
 	columns: 2,
@@ -12670,12 +12692,12 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			className: "aspect-square rounded-lg object-cover"
 		})
 	}) }, `${e.alt}-${n}`))
-}), kd = ({ standardCopyHeroProps: e, multiButtonBarProps: t, imageGridProps: n }) => /* @__PURE__ */ u(c, { children: [
-	/* @__PURE__ */ l(su, { ...e }),
-	/* @__PURE__ */ l(gd, { ...t }),
+}), Ad = ({ standardCopyHeroProps: e, multiButtonBarProps: t, imageGridProps: n }) => /* @__PURE__ */ u(c, { children: [
+	/* @__PURE__ */ l(cu, { ...e }),
+	/* @__PURE__ */ l(_d, { ...t }),
 	/* @__PURE__ */ l(As, { layoutVariant: "separator" }),
-	/* @__PURE__ */ l(Od, { ...n })
-] }), Ad = ({ title: e, documentLinkCards: t }) => /* @__PURE__ */ l("section", {
+	/* @__PURE__ */ l(kd, { ...n })
+] }), jd = ({ title: e, documentLinkCards: t }) => /* @__PURE__ */ l("section", {
 	className: "w-full flex justify-center mb-16 md:mt-12 md:mb-20",
 	children: /* @__PURE__ */ u("div", {
 		className: "flex flex-col items-center justify-center w-full",
@@ -12694,37 +12716,37 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			}, e.id))
 		})]
 	})
-}), jd = (e) => !!e?.replace(/<[^>]*>/g, "").replace(/&nbsp;|&#160;|&#xA0;/gi, " ").trim(), Md = ({ standardCopyHeroProps: e, multiButtonBarProps: t, warrantyCardProps: n, documentLinkCollectionProps: r, infoCardProps: i, faqCardCollectionProps: a }) => /* @__PURE__ */ u(c, { children: [
+}), Md = (e) => !!e?.replace(/<[^>]*>/g, "").replace(/&nbsp;|&#160;|&#xA0;/gi, " ").trim(), Nd = ({ standardCopyHeroProps: e, multiButtonBarProps: t, warrantyCardProps: n, documentLinkCollectionProps: r, infoCardProps: i, faqCardCollectionProps: a }) => /* @__PURE__ */ u(c, { children: [
 	e && [
 		e.imageSrc,
 		e.heading,
 		e.subheading,
 		e.body,
 		e.linkLabel
-	].some(jd) && /* @__PURE__ */ l(su, { ...e }),
-	t && !!t.options?.length && /* @__PURE__ */ l(gd, { ...t }),
-	n && jd(n.body) && /* @__PURE__ */ l(H, {
+	].some(Md) && /* @__PURE__ */ l(cu, { ...e }),
+	t && !!t.options?.length && /* @__PURE__ */ l(_d, { ...t }),
+	n && Md(n.body) && /* @__PURE__ */ l(H, {
 		spacing: "section",
-		children: /* @__PURE__ */ l(mu, { ...n })
+		children: /* @__PURE__ */ l(hu, { ...n })
 	}),
-	r && !!r.documentLinkCards?.length && /* @__PURE__ */ l(Ad, { ...r }),
+	r && !!r.documentLinkCards?.length && /* @__PURE__ */ l(jd, { ...r }),
 	i && ([
 		i.imageSrc,
 		i.headline,
 		i.body
-	].some(jd) || i.buttons?.some((e) => jd(e.buttonLabel))) && /* @__PURE__ */ l(H, {
+	].some(Md) || i.buttons?.some((e) => Md(e.buttonLabel))) && /* @__PURE__ */ l(H, {
 		spacing: "section",
 		children: /* @__PURE__ */ l(oc, { ...i })
 	}),
-	a && !!a.faqCards?.length && /* @__PURE__ */ l(_u, { ...a })
-] }), Nd = (e, t) => e.id ?? [
+	a && !!a.faqCards?.length && /* @__PURE__ */ l(vu, { ...a })
+] }), Pd = (e, t) => e.id ?? [
 	e.decorNumber,
 	e.title,
 	e.brand,
 	e.rangeCode,
 	t
-].join("-"), Pd = (e, t) => e.slice(0, Math.max(0, Math.min(t ?? e.length, e.length))), Fd = (e, t, n) => n ?? `View ${e} more ${t}`, Id = ({ searchFilterProps: e, resultsHeading: t, decorResultsProps: n, resourceResultsProps: r, documentResultsProps: i, noResultsMessage: a }) => {
-	let o = n?.items ?? [], s = r?.items ?? [], d = i?.items ?? [], f = Pd(d, i?.visibleItemCount), p = d.length - f.length, m = Pd(o, n?.visibleItemCount), h = Pd(s, r?.visibleItemCount), g = o.length - m.length, _ = s.length - h.length, y = e.searchBarProps.value?.trim(), b = y ? `Showing results for "${y}"` : "Search Results", x = t ?? b, S = o.length > 0, C = s.length > 0, w = d.length > 0, T = S || C || w;
+].join("-"), Fd = (e, t) => e.slice(0, Math.max(0, Math.min(t ?? e.length, e.length))), Id = (e, t, n) => n ?? `View ${e} more ${t}`, Ld = ({ searchFilterProps: e, resultsHeading: t, decorResultsProps: n, resourceResultsProps: r, documentResultsProps: i, noResultsMessage: a }) => {
+	let o = n?.items ?? [], s = r?.items ?? [], d = i?.items ?? [], f = Fd(d, i?.visibleItemCount), p = d.length - f.length, m = Fd(o, n?.visibleItemCount), h = Fd(s, r?.visibleItemCount), g = o.length - m.length, _ = s.length - h.length, y = e.searchBarProps.value?.trim(), b = y ? `Showing results for "${y}"` : "Search Results", x = t ?? b, S = o.length > 0, C = s.length > 0, w = d.length > 0, T = S || C || w;
 	return /* @__PURE__ */ u(c, { children: [
 		/* @__PURE__ */ u(H, {
 			isFirst: !0,
@@ -12758,7 +12780,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						product: e.rangeCode,
 						decorNumber: e.decorNumber ?? "",
 						onSwatchClick: n.onItemClick ? () => n.onItemClick?.(e) : void 0
-					}, Nd(e, t)))
+					}, Pd(e, t)))
 				}),
 				g > 0 ? /* @__PURE__ */ l("div", {
 					className: "mt-8",
@@ -12766,7 +12788,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						variant: "outline",
 						intent: "accent",
 						size: "sm",
-						label: Fd(g, "decor results", n.viewMoreLabel),
+						label: Id(g, "decor results", n.viewMoreLabel),
 						onClick: n.onViewMoreClick
 					})
 				}) : null
@@ -12797,7 +12819,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						variant: "outline",
 						intent: "accent",
 						size: "sm",
-						label: Fd(p, "documents", i.viewMoreLabel),
+						label: Id(p, "documents", i.viewMoreLabel),
 						onClick: i.onViewMoreClick
 					})
 				}) : null
@@ -12822,7 +12844,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						variant: "outline",
 						intent: "accent",
 						size: "sm",
-						label: Fd(_, "resources", r.viewMoreLabel),
+						label: Id(_, "resources", r.viewMoreLabel),
 						onClick: r.onViewMoreClick
 					})
 				}) : null
@@ -12836,7 +12858,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		})
 	] });
-}, Ld = ({ loginImage: e, onCancelClick: t, ...n }) => /* @__PURE__ */ l("section", {
+}, Rd = ({ loginImage: e, onCancelClick: t, ...n }) => /* @__PURE__ */ l("section", {
 	className: "flex w-full justify-center px-4 py-10 md:py-16",
 	children: /* @__PURE__ */ u("div", {
 		className: `${e ? "md:grid md:max-w-5xl md:grid-cols-2 md:gap-12" : "max-w-lg"} w-full md:items-stretch`,
@@ -12852,21 +12874,21 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		}) : null, /* @__PURE__ */ l("div", {
 			className: "mx-auto w-full max-w-lg md:self-center",
-			children: /* @__PURE__ */ l(Xu, {
+			children: /* @__PURE__ */ l(Zu, {
 				...n,
 				onSecondaryClick: t
 			})
 		})]
 	})
-}), Rd = (e) => {
+}), zd = (e) => {
 	let t = e.options.find((t) => t.value === e.selectedValue) ?? e.options[0];
 	return t?.value ?? t?.label ?? "";
-}, zd = ({ data: e, className: t = "", onProductChange: n, onSearchSubmit: r, onTabChange: i, onLocationSelect: a, onWebsiteClick: o, onDirectionsClick: s, onPhoneClick: c, onEmailClick: d }) => {
-	let f = e.locations.length > 0, p = e.results.selectedLocationId ?? e.map.selectedLocationId, m = Rd(e.tabs);
+}, Bd = ({ data: e, className: t = "", onProductChange: n, onSearchSubmit: r, onTabChange: i, onLocationSelect: a, onWebsiteClick: o, onDirectionsClick: s, onPhoneClick: c, onEmailClick: d }) => {
+	let f = e.locations.length > 0, p = e.results.selectedLocationId ?? e.map.selectedLocationId, m = zd(e.tabs);
 	return /* @__PURE__ */ u("section", {
 		className: t,
 		children: [
-			/* @__PURE__ */ l(wl, {
+			/* @__PURE__ */ l(Tl, {
 				...e.banner,
 				onProductChange: (t) => n?.(t, e),
 				onSearchSubmit: (t) => r?.(t, e)
@@ -12875,7 +12897,7 @@ var ld = (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(Dl, {
+				children: /* @__PURE__ */ l(Ol, {
 					className: "w-full",
 					items: e.tabs.options.map((e) => ({
 						label: e.label,
@@ -12895,14 +12917,14 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			/* @__PURE__ */ l(H, {
 				spacing: "none",
 				className: "mb-8 pb-10 md:mb-10",
-				children: /* @__PURE__ */ l(Bu, {
+				children: /* @__PURE__ */ l(Vu, {
 					...e.map,
 					locations: e.locations,
 					selectedLocationId: e.map.selectedLocationId ?? p,
 					onLocationSelect: (t) => a?.(t, e)
 				})
 			}),
-			f ? /* @__PURE__ */ l(Su, {
+			f ? /* @__PURE__ */ l(Cu, {
 				...e.results,
 				locations: e.locations,
 				selectedLocationId: p,
@@ -12926,7 +12948,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		]
 	});
-}, Bd = ({ title: e = "Order Confirmed", message: t = "Thank you for your purchase! Your order has been confirmed and will be shipped soon.", buttonLabel: n = "Return to Home", onButtonClick: r }) => /* @__PURE__ */ l("section", {
+}, Vd = ({ title: e = "Order Confirmed", message: t = "Thank you for your purchase! Your order has been confirmed and will be shipped soon.", buttonLabel: n = "Return to Home", onButtonClick: r }) => /* @__PURE__ */ l("section", {
 	className: "w-full bg-white",
 	children: /* @__PURE__ */ u("div", {
 		className: "mx-auto flex max-w-6xl flex-col items-center px-6 py-20 text-center",
@@ -12963,7 +12985,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		]
 	})
-}), Vd = ({ shippingTitle: e = "Shipping Method", paymentTitle: t = "Payment Summary", shippingMethod: n = {}, paymentRows: r = [] }) => {
+}), Hd = ({ shippingTitle: e = "Shipping Method", paymentTitle: t = "Payment Summary", shippingMethod: n = {}, paymentRows: r = [] }) => {
 	let i = r.length > 0;
 	return /* @__PURE__ */ l("section", {
 		className: "w-full mt-10",
@@ -13026,7 +13048,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			}) : null]
 		})
 	});
-}, Hd = (e) => /* @__PURE__ */ u("div", {
+}, Ud = (e) => /* @__PURE__ */ u("div", {
 	className: "min-w-0 flex flex-col gap-1",
 	children: [
 		/* @__PURE__ */ l(v, {
@@ -13060,7 +13082,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			children: e.country
 		}) : null
 	]
-}), Ud = ({ sectionTitle: e = "Order Receipt", orderDetails: t = {}, shippingAddress: n = {}, billingAddress: r = {}, className: i = "" }) => /* @__PURE__ */ l("section", {
+}), Wd = ({ sectionTitle: e = "Order Receipt", orderDetails: t = {}, shippingAddress: n = {}, billingAddress: r = {}, className: i = "" }) => /* @__PURE__ */ l("section", {
 	className: `w-full ${i}`,
 	children: /* @__PURE__ */ u("div", {
 		className: "w-full",
@@ -13131,18 +13153,18 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						})
 					]
 				}),
-				Hd({
+				Ud({
 					title: n.title || "Shipping Address",
 					...n
 				}),
-				Hd({
+				Ud({
 					title: r.title || "Billing Address",
 					...r
 				})
 			]
 		})]
 	})
-}), Wd = ({ sectionTitle: e = "Order Summary", showPricing: t = !0, columnLabels: n = {}, items: r = [] }) => {
+}), Gd = ({ sectionTitle: e = "Order Summary", showPricing: t = !0, columnLabels: n = {}, items: r = [] }) => {
 	let { orderDetails: i = "Order Details", quantity: a = "Quantity", unitPrice: o = "Unit Price", total: s = "Total" } = n;
 	return /* @__PURE__ */ l("section", {
 		className: "w-full",
@@ -13205,29 +13227,29 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			]
 		})
 	});
-}, Gd = ({ cartConfirmedHeroProps: e, cartReceiptSectionProps: t, cartSummarySectionProps: n, cartOrderSummaryProps: r }) => /* @__PURE__ */ l("section", {
+}, Kd = ({ cartConfirmedHeroProps: e, cartReceiptSectionProps: t, cartSummarySectionProps: n, cartOrderSummaryProps: r }) => /* @__PURE__ */ l("section", {
 	className: "w-full flex justify-center",
 	children: /* @__PURE__ */ u("div", {
 		className: "w-full max-w-6xl",
-		children: [/* @__PURE__ */ l(Bd, { ...e }), /* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ l(Vd, { ...e }), /* @__PURE__ */ u("div", {
 			className: "px-12 pb-16",
 			children: [
 				/* @__PURE__ */ l("div", {
 					className: "mt-10",
-					children: /* @__PURE__ */ l(Ud, { ...t })
+					children: /* @__PURE__ */ l(Wd, { ...t })
 				}),
 				/* @__PURE__ */ l("div", {
 					className: "mt-14",
-					children: /* @__PURE__ */ l(Wd, { ...n })
+					children: /* @__PURE__ */ l(Gd, { ...n })
 				}),
 				/* @__PURE__ */ l("div", {
 					className: "mt-14",
-					children: /* @__PURE__ */ l(Vd, { ...r })
+					children: /* @__PURE__ */ l(Hd, { ...r })
 				})
 			]
 		})]
 	})
-}), Kd = ({ title: e = "Ship To", idPrefix: t = "shipping", firstName: n = "", lastName: r = "", email: i = "", phoneNumber: a = "", companyName: o = "", userType: s = "", address: d = "", apartment: f = "", postalCode: p = "", city: m = "", country: h = "united-states", countryLabel: g, stateProvince: _ = "", addressRegionVariant: y = "default", countryDisplayMode: b = "select", countryOptions: x = [], stateProvinceOptions: C = [], userTypeOptions: w = [], firstNamePlaceholder: T = "First Name", lastNamePlaceholder: E = "Last Name", emailPlaceholder: D = "Email", phoneNumberPlaceholder: O = "Phone Number", companyNamePlaceholder: k = "Company Name (Optional)", userTypePlaceholder: A = "I am a*", addressPlaceholder: j = "Address", apartmentPlaceholder: M = "Apartment/Suite/Building (Optional)", cityPlaceholder: N, postalCodePlaceholder: P, stateProvincePlaceholder: F, countryPlaceholder: I = "Country", showCompanyName: L = !0, showContactFields: R = !0, addressErrorMessage: z, errors: B = {}, onFirstNameChange: V, onLastNameChange: ee, onEmailChange: te, onPhoneNumberChange: ne, onCompanyNameChange: re, onUserTypeChange: ie, onAddressChange: ae, onApartmentChange: H, onPostalCodeChange: oe, onCityChange: U, onCountryChange: se, onStateProvinceChange: W, onFirstNameBlur: ce, onLastNameBlur: le, onEmailBlur: ue, onPhoneNumberBlur: de, onCompanyNameBlur: fe, onUserTypeBlur: pe, onAddressBlur: me, onApartmentBlur: G, onPostalCodeBlur: he, onCityBlur: ge, onCountryBlur: K, onStateProvinceBlur: _e }) => {
+}), qd = ({ title: e = "Ship To", idPrefix: t = "shipping", firstName: n = "", lastName: r = "", email: i = "", phoneNumber: a = "", companyName: o = "", userType: s = "", address: d = "", apartment: f = "", postalCode: p = "", city: m = "", country: h = "united-states", countryLabel: g, stateProvince: _ = "", addressRegionVariant: y = "default", countryDisplayMode: b = "select", countryOptions: x = [], stateProvinceOptions: C = [], userTypeOptions: w = [], firstNamePlaceholder: T = "First Name", lastNamePlaceholder: E = "Last Name", emailPlaceholder: D = "Email", phoneNumberPlaceholder: O = "Phone Number", companyNamePlaceholder: k = "Company Name (Optional)", userTypePlaceholder: A = "I am a*", addressPlaceholder: j = "Address", apartmentPlaceholder: M = "Apartment/Suite/Building (Optional)", cityPlaceholder: N, postalCodePlaceholder: P, stateProvincePlaceholder: F, countryPlaceholder: I = "Country", showCompanyName: L = !0, showContactFields: R = !0, addressErrorMessage: z, errors: B = {}, onFirstNameChange: V, onLastNameChange: ee, onEmailChange: te, onPhoneNumberChange: ne, onCompanyNameChange: re, onUserTypeChange: ie, onAddressChange: ae, onApartmentChange: H, onPostalCodeChange: oe, onCityChange: U, onCountryChange: se, onStateProvinceChange: W, onFirstNameBlur: ce, onLastNameBlur: le, onEmailBlur: ue, onPhoneNumberBlur: de, onCompanyNameBlur: fe, onUserTypeBlur: pe, onAddressBlur: me, onApartmentBlur: G, onPostalCodeBlur: he, onCityBlur: ge, onCountryBlur: K, onStateProvinceBlur: _e }) => {
 	let ve = y === "ca" || y === "mx", ye = y === "uk", be = N ?? "City", xe = P ?? "Postal Code", Se = F ?? (y === "ca" ? "Province" : "State/Province"), Ce = g ?? x.find((e) => e.value === h)?.label ?? h, q = `${t}-address-error`, we = !!z, Te = /* @__PURE__ */ l($, {
 		id: `${t}-city`,
 		name: "city",
@@ -13425,7 +13447,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			]
 		})]
 	});
-}, qd = ({ title: e, options: t = [], selectedValue: n, name: r, className: i = "", onChange: a }) => /* @__PURE__ */ u("section", {
+}, Jd = ({ title: e, options: t = [], selectedValue: n, name: r, className: i = "", onChange: a }) => /* @__PURE__ */ u("section", {
 	className: `flex w-full flex-col gap-4 ${i}`,
 	children: [e ? /* @__PURE__ */ l(v, {
 		as: "h3",
@@ -13445,7 +13467,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			onChange: (e) => a?.(e)
 		}, e.id))
 	})]
-}), Jd = ({ steps: t = [], currentStep: n = 0, onStepClick: r, className: i = "", completedColorClass: a = "text-accent!", upcomingColorClass: o = "text-primary", connectorCompletedClass: s = "bg-accent!", connectorUpcomingClass: c = "bg-primary" }) => {
+}), Yd = ({ steps: t = [], currentStep: n = 0, onStepClick: r, className: i = "", completedColorClass: a = "text-accent!", upcomingColorClass: o = "text-primary", connectorCompletedClass: s = "bg-accent!", connectorUpcomingClass: c = "bg-primary" }) => {
 	if (!t.length) return null;
 	let d = typeof n == "number" ? n : t.findIndex((e) => e === n), f = d >= 0 ? d : 0, p = (e, t) => e < t ? {
 		left: s,
@@ -13498,20 +13520,20 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})] }, `${n}-${r}`);
 		})
 	});
-}, Yd = ({ shippingAddressFormProps: e, shippingOptionSelectorProps: t, checkoutProgressIndicatorProps: n, sampleOrderSummaryPanelProps: r, submitLabel: i = "Submit Sample Order", onSubmitSampleOrder: a }) => /* @__PURE__ */ l("section", {
+}, Xd = ({ shippingAddressFormProps: e, shippingOptionSelectorProps: t, checkoutProgressIndicatorProps: n, sampleOrderSummaryPanelProps: r, submitLabel: i = "Submit Sample Order", onSubmitSampleOrder: a }) => /* @__PURE__ */ l("section", {
 	className: "flex w-full justify-center px-4 py-10 pb-24 md:py-16 md:pb-28",
 	children: /* @__PURE__ */ l("div", {
 		className: "w-full max-w-6xl",
 		children: /* @__PURE__ */ u("div", {
 			className: "grid w-full grid-cols-1 gap-8 md:grid-cols-2",
-			children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(Kd, { ...e }), /* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(qd, { ...e }), /* @__PURE__ */ l("div", {
 				className: "mt-8",
-				children: /* @__PURE__ */ l(qd, { ...t })
+				children: /* @__PURE__ */ l(Jd, { ...t })
 			})] }), /* @__PURE__ */ u("div", { children: [
-				/* @__PURE__ */ l(Jd, { ...n }),
+				/* @__PURE__ */ l(Yd, { ...n }),
 				/* @__PURE__ */ l("div", {
 					className: "mt-8",
-					children: /* @__PURE__ */ l(Rl, { ...r })
+					children: /* @__PURE__ */ l(zl, { ...r })
 				}),
 				/* @__PURE__ */ l("div", {
 					className: "mt-8",
@@ -13525,7 +13547,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			] })]
 		})
 	})
-}), Xd = ({ title: e = "Ordered Samples", items: t, checkoutProgressIndicatorProps: n, sampleOrderSummaryPanelProps: r, proceedToShippingLabel: i = "Proceed to Shipping", browseMoreSamplesLabel: a = "Browse More Samples", onQuantityChange: o, onRemoveItem: s, onProceedToShipping: c, onBrowseMoreSamples: d }) => /* @__PURE__ */ l("section", {
+}), Zd = ({ title: e = "Ordered Samples", items: t, checkoutProgressIndicatorProps: n, sampleOrderSummaryPanelProps: r, proceedToShippingLabel: i = "Proceed to Shipping", browseMoreSamplesLabel: a = "Browse More Samples", onQuantityChange: o, onRemoveItem: s, onProceedToShipping: c, onBrowseMoreSamples: d }) => /* @__PURE__ */ l("section", {
 	className: "flex w-full justify-center px-4 py-10 pb-24 md:py-16 md:pb-28",
 	children: /* @__PURE__ */ l("div", {
 		className: "w-full max-w-6xl",
@@ -13561,10 +13583,10 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					})
 				})]
 			}), /* @__PURE__ */ u("div", { children: [
-				/* @__PURE__ */ l(Jd, { ...n }),
+				/* @__PURE__ */ l(Yd, { ...n }),
 				/* @__PURE__ */ l("div", {
 					className: "mt-8",
-					children: /* @__PURE__ */ l(Rl, { ...r })
+					children: /* @__PURE__ */ l(zl, { ...r })
 				}),
 				/* @__PURE__ */ u("div", {
 					className: "mt-8 flex flex-col gap-3 bg-white",
@@ -13584,17 +13606,17 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			] })]
 		})
 	})
-}), Zd = ({ customerDetailsFormProps: e, shippingAddressFormProps: t, shippingOptionSelectorProps: n, checkoutProgressIndicatorProps: r, sampleOrderSummaryPanelProps: i, privacyConsentLabel: a = "I have read and agree to the", privacyPolicyLabel: o = "Privacy Policy", privacyConsentChecked: s = !1, privacyConsentErrorMessage: c, submitLabel: d = "Submit Sample Order", isSubmitting: f = !1, submittingLabel: p = "Submitting order…", onPrivacyConsentChange: m, onPrivacyPolicyClick: h, onSubmitSampleOrder: g }) => /* @__PURE__ */ l("section", {
+}), Qd = ({ customerDetailsFormProps: e, shippingAddressFormProps: t, shippingOptionSelectorProps: n, checkoutProgressIndicatorProps: r, sampleOrderSummaryPanelProps: i, privacyConsentLabel: a = "I have read and agree to the", privacyPolicyLabel: o = "Privacy Policy", privacyConsentChecked: s = !1, privacyConsentErrorMessage: c, submitLabel: d = "Submit Sample Order", isSubmitting: f = !1, submittingLabel: p = "Submitting order…", onPrivacyConsentChange: m, onPrivacyPolicyClick: h, onSubmitSampleOrder: g }) => /* @__PURE__ */ l("section", {
 	className: "flex w-full justify-center px-4 py-10 pb-24 md:py-16 md:pb-28",
 	children: /* @__PURE__ */ l("div", {
 		className: "w-full max-w-6xl",
 		children: /* @__PURE__ */ u("div", {
 			className: "grid w-full grid-cols-1 gap-8 md:grid-cols-2",
 			children: [/* @__PURE__ */ u("div", { children: [
-				/* @__PURE__ */ l(zl, { ...e }),
+				/* @__PURE__ */ l(Bl, { ...e }),
 				/* @__PURE__ */ l("div", {
 					className: "mt-8",
-					children: /* @__PURE__ */ l(Kd, {
+					children: /* @__PURE__ */ l(qd, {
 						...t,
 						addressRegionVariant: "uk",
 						showContactFields: !1
@@ -13602,13 +13624,13 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				}),
 				/* @__PURE__ */ l("div", {
 					className: "mt-8",
-					children: /* @__PURE__ */ l(qd, { ...n })
+					children: /* @__PURE__ */ l(Jd, { ...n })
 				})
 			] }), /* @__PURE__ */ u("div", { children: [
-				/* @__PURE__ */ l(Jd, { ...r }),
+				/* @__PURE__ */ l(Yd, { ...r }),
 				/* @__PURE__ */ l("div", {
 					className: "mt-8",
-					children: /* @__PURE__ */ l(Rl, { ...i })
+					children: /* @__PURE__ */ l(zl, { ...i })
 				}),
 				/* @__PURE__ */ u("div", {
 					className: "mt-8 flex flex-wrap items-center gap-x-1 gap-y-2",
@@ -13650,29 +13672,29 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			] })]
 		})
 	})
-}), Qd = ({ cartConfirmedHeroProps: e, cartReceiptSectionProps: t, cartSummarySectionProps: n, cartOrderSummaryProps: r }) => /* @__PURE__ */ l("section", {
+}), $d = ({ cartConfirmedHeroProps: e, cartReceiptSectionProps: t, cartSummarySectionProps: n, cartOrderSummaryProps: r }) => /* @__PURE__ */ l("section", {
 	className: "w-full flex justify-center",
 	children: /* @__PURE__ */ u("div", {
 		className: "w-full max-w-6xl",
-		children: [/* @__PURE__ */ l(Bd, { ...e }), /* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ l(Vd, { ...e }), /* @__PURE__ */ u("div", {
 			className: "px-12 pb-16",
 			children: [
 				/* @__PURE__ */ l("div", {
 					className: "mt-10",
-					children: /* @__PURE__ */ l(Ud, { ...t })
+					children: /* @__PURE__ */ l(Wd, { ...t })
 				}),
 				/* @__PURE__ */ l("div", {
 					className: "mt-14",
-					children: /* @__PURE__ */ l(Wd, { ...n })
+					children: /* @__PURE__ */ l(Gd, { ...n })
 				}),
 				/* @__PURE__ */ l("div", {
 					className: "mt-14",
-					children: /* @__PURE__ */ l(Vd, { ...r })
+					children: /* @__PURE__ */ l(Hd, { ...r })
 				})
 			]
 		})]
 	})
-}), $d = ({ discountCode: t = "", discountCodeStatus: n = "idle", discountCodeMessage: r = "", subtotalLabel: i = "Sub total", discountLabel: a = "Discount", taxLabel: o = "Tax", shippingLabel: s = "Shipping", totalLabel: c = "Total", subtotal: d = "$0.00", discount: f = "", tax: p = "Not calculated", shipping: m = "Not calculated", total: h = "$0.00", continueLabel: g = "Continue", discountCodePlaceholder: _ = "Enter discount code", applyDiscountLabel: y = "Apply", notCalculatedLabel: b = "Not calculated", showDiscountCode: x = !0, onDiscountCodeChange: C, onApplyDiscount: w, onContinue: T, className: E = "" }) => {
+}), ef = ({ discountCode: t = "", discountCodeStatus: n = "idle", discountCodeMessage: r = "", subtotalLabel: i = "Sub total", discountLabel: a = "Discount", taxLabel: o = "Tax", shippingLabel: s = "Shipping", totalLabel: c = "Total", subtotal: d = "$0.00", discount: f = "", tax: p = "Not calculated", shipping: m = "Not calculated", total: h = "$0.00", continueLabel: g = "Continue", discountCodePlaceholder: _ = "Enter discount code", applyDiscountLabel: y = "Apply", notCalculatedLabel: b = "Not calculated", showDiscountCode: x = !0, onDiscountCodeChange: C, onApplyDiscount: w, onContinue: T, className: E = "" }) => {
 	let D = !!(t.trim() && f), O = !!(p.trim() && p !== "Not calculated" && p !== b), k = O ? p : b, A = !!(m.trim() && m !== "Not calculated" && m !== b), j = A ? m : b, [M, N] = e.useState(!0), F = n !== "idle" && !!r && (n !== "success" || M), I = n === "success";
 	return e.useEffect(() => {
 		if (N(!0), n !== "success") return;
@@ -13792,73 +13814,82 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		]
 	});
-}, ef = ({ paymentTypeTitle: e = "Select Payment Type", paymentTypeSelectorProps: t, cardNumber: n = "", expirationDate: r = "", securityCode: i = "", errors: a = {}, onCardNumberChange: o, onExpirationDateChange: s, onSecurityCodeChange: c, onCardNumberBlur: d, onExpirationDateBlur: f, onSecurityCodeBlur: p }) => /* @__PURE__ */ u("section", {
+}, tf = ({ paymentTypeTitle: e = "Select Payment Type", paymentTypeSelectorProps: t, cardNumber: n = "", expirationDate: r = "", securityCode: i = "", errors: a = {}, submitError: o, onCardNumberChange: s, onExpirationDateChange: c, onSecurityCodeChange: d, onCardNumberBlur: f, onExpirationDateBlur: p, onSecurityCodeBlur: m }) => /* @__PURE__ */ u("section", {
 	className: "flex w-full flex-col gap-6",
-	children: [/* @__PURE__ */ u("div", {
-		className: "flex flex-col gap-3",
-		children: [/* @__PURE__ */ l(v, {
-			as: "h2",
-			variant: "bold",
-			className: "text-primary",
-			children: e
-		}), /* @__PURE__ */ l(qd, { ...t })]
-	}), /* @__PURE__ */ u("div", {
-		className: "mt-10 flex flex-col gap-4",
-		children: [/* @__PURE__ */ l($, {
-			id: "payment-card-number",
-			name: "cardNumber",
-			placeholder: "Card Number",
-			ariaLabel: "Card number",
-			mask: "cardNumber",
-			autoComplete: "cc-number",
-			value: n,
-			hasError: !!a.cardNumber,
-			errorMessage: a.cardNumber,
-			onChange: o,
-			onBlur: d
-		}), /* @__PURE__ */ u("div", {
-			className: "grid grid-cols-2 gap-4",
+	children: [
+		/* @__PURE__ */ u("div", {
+			className: "flex flex-col gap-3",
+			children: [/* @__PURE__ */ l(v, {
+				as: "h2",
+				variant: "bold",
+				className: "text-primary",
+				children: e
+			}), /* @__PURE__ */ l(Jd, { ...t })]
+		}),
+		/* @__PURE__ */ u("div", {
+			className: "mt-10 flex flex-col gap-4",
 			children: [/* @__PURE__ */ l($, {
-				id: "payment-expiration-date",
-				name: "expirationDate",
-				placeholder: "MM/YY",
-				ariaLabel: "Expiration date (MM/YY)",
-				mask: "expirationDate",
-				autoComplete: "cc-exp",
-				value: r,
-				hasError: !!a.expirationDate,
-				errorMessage: a.expirationDate,
+				id: "payment-card-number",
+				name: "cardNumber",
+				placeholder: "Card Number",
+				ariaLabel: "Card number",
+				mask: "cardNumber",
+				autoComplete: "cc-number",
+				value: n,
+				hasError: !!a.cardNumber,
+				errorMessage: a.cardNumber,
 				onChange: s,
 				onBlur: f
-			}), /* @__PURE__ */ l($, {
-				id: "payment-security-code",
-				name: "securityCode",
-				placeholder: "CVC",
-				ariaLabel: "Security code (3 or 4 digits)",
-				mask: "digits",
-				maxDigits: 4,
-				autoComplete: "cc-csc",
-				value: i,
-				hasError: !!a.securityCode,
-				errorMessage: a.securityCode,
-				onChange: c,
-				onBlur: p
+			}), /* @__PURE__ */ u("div", {
+				className: "grid grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ l($, {
+					id: "payment-expiration-date",
+					name: "expirationDate",
+					placeholder: "MM/YY",
+					ariaLabel: "Expiration date (MM/YY)",
+					mask: "expirationDate",
+					autoComplete: "cc-exp",
+					value: r,
+					hasError: !!a.expirationDate,
+					errorMessage: a.expirationDate,
+					onChange: c,
+					onBlur: p
+				}), /* @__PURE__ */ l($, {
+					id: "payment-security-code",
+					name: "securityCode",
+					placeholder: "CVC",
+					ariaLabel: "Security code (3 or 4 digits)",
+					mask: "digits",
+					maxDigits: 4,
+					autoComplete: "cc-csc",
+					value: i,
+					hasError: !!a.securityCode,
+					errorMessage: a.securityCode,
+					onChange: d,
+					onBlur: m
+				})]
 			})]
-		})]
-	})]
-}), tf = ({ requiresPayment: e = !0, shippingMethodSelectorProps: t, cartPaymentPanelProps: n, checkoutProgressIndicatorProps: r, cartTotalsPanelProps: i }) => /* @__PURE__ */ l("section", {
+		}),
+		o ? /* @__PURE__ */ l(v, {
+			role: "alert",
+			variant: "free",
+			className: "rounded-md border border-accent bg-accent/10 p-4 text-sm text-accent",
+			children: o
+		}) : null
+	]
+}), nf = ({ 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(qd, { ...t }), e ? /* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(Jd, { ...t }), e ? /* @__PURE__ */ l("div", {
 			className: "mt-8",
-			children: /* @__PURE__ */ l(ef, { ...n })
-		}) : null] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(Jd, { ...r }), /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ l(tf, { ...n })
+		}) : null] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(Yd, { ...r }), /* @__PURE__ */ l("div", {
 			className: "mt-8",
-			children: /* @__PURE__ */ l($d, { ...i })
+			children: /* @__PURE__ */ l(ef, { ...i })
 		})] })]
 	})
-}), nf = ({ 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 }) => {
+}), rf = ({ 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 }) => {
 	let [d, f] = e.useState(o);
 	e.useEffect(() => {
 		f(o);
@@ -13869,7 +13900,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		children: /* @__PURE__ */ u("div", {
 			className: "grid w-full max-w-6xl grid-cols-2 gap-8",
 			children: [/* @__PURE__ */ u("div", { children: [
-				/* @__PURE__ */ l(Kd, { ...t }),
+				/* @__PURE__ */ l(qd, { ...t }),
 				/* @__PURE__ */ u("div", {
 					className: "mt-8 flex flex-col gap-4",
 					children: [/* @__PURE__ */ l(v, {
@@ -13889,7 +13920,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				}),
 				d ? null : /* @__PURE__ */ l("div", {
 					className: "mt-6",
-					children: /* @__PURE__ */ l(Kd, {
+					children: /* @__PURE__ */ l(qd, {
 						...n,
 						idPrefix: n.idPrefix ?? "billing",
 						title: n.title ?? "",
@@ -13897,16 +13928,16 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						stateProvinceOptions: m
 					})
 				})
-			] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(Jd, { ...r }), /* @__PURE__ */ l("div", {
+			] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(Yd, { ...r }), /* @__PURE__ */ l("div", {
 				className: "mt-8",
-				children: /* @__PURE__ */ l($d, { ...i })
+				children: /* @__PURE__ */ l(ef, { ...i })
 			})] })]
 		})
 	});
-}, rf = (e, t, n) => new Intl.NumberFormat(t, {
+}, af = (e, t, n) => new Intl.NumberFormat(t, {
 	style: "currency",
 	currency: n
-}).format(e), af = ({ subtotal: e, shippingCost: t, items: n = [], title: r = "Order Summary", totalLabel: i = "Total", locale: a = "en-US", currency: o = "USD", removeItemLabel: s = "Remove item", decreaseQuantityLabel: c = "Decrease quantity", increaseQuantityLabel: d = "Increase quantity", onQuantityChange: f, onRemoveItem: p }) => {
+}).format(e), of = ({ subtotal: e, shippingCost: t, items: n = [], title: r = "Order Summary", totalLabel: i = "Total", locale: a = "en-US", currency: o = "USD", removeItemLabel: s = "Remove item", decreaseQuantityLabel: c = "Decrease quantity", increaseQuantityLabel: d = "Increase quantity", onQuantityChange: f, onRemoveItem: p }) => {
 	if (n.length === 0) return null;
 	let m = e + t;
 	return /* @__PURE__ */ l("section", {
@@ -13955,23 +13986,23 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						}), /* @__PURE__ */ l(v, {
 							variant: "free",
 							className: "text-right font-bold pr-7",
-							children: rf(m, a, o)
+							children: af(m, a, o)
 						})]
 					})
 				})
 			]
 		})
 	});
-}, of = ({ currentStep: e = 0, steps: t = [
+}, sf = ({ currentStep: e = 0, steps: t = [
 	"Account",
 	"Shipping",
 	"Payment"
 ], activeMode: n = "signIn", email: r = "", password: i = "", firstName: a = "", lastName: o = "", phoneNumber: s = "", userType: c = "", confirmPassword: d = "", marketingOptIn: f = !1, termsAccepted: p = !1, passwordRequirementsText: m, emailError: h = "", passwordError: g = "", firstNameError: _ = "", phoneNumberError: v = "", userTypeError: y = "", confirmPasswordError: b = "", termsAcceptedError: x = "", emailHasError: S = !1, passwordHasError: C = !1, firstNameHasError: w = !1, phoneNumberHasError: T = !1, userTypeHasError: E = !1, confirmPasswordHasError: D = !1, termsAcceptedHasError: O = !1, actionLabels: k, labels: A, onModeChange: j, onEmailChange: M, onPasswordChange: N, onFirstNameChange: P, onLastNameChange: F, onPhoneNumberChange: I, onUserTypeChange: L, onConfirmPasswordChange: R, onMarketingOptInChange: z, onTermsAcceptedChange: B, onEmailBlur: V, onPasswordBlur: ee, onForgotPasswordClick: te, onTermsClick: ne, onPrivacyClick: re, onContinue: ie, onContinueAsGuest: ae }) => /* @__PURE__ */ u("div", {
 	className: "flex w-full flex-col gap-8",
-	children: [/* @__PURE__ */ l(Jd, {
+	children: [/* @__PURE__ */ l(Yd, {
 		steps: t,
 		currentStep: e
-	}), /* @__PURE__ */ l(Xu, {
+	}), /* @__PURE__ */ l(Zu, {
 		data: {
 			mode: n,
 			email: r,
@@ -14019,15 +14050,15 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		onCreateAccountClick: ie,
 		onSecondaryClick: ae
 	})]
-}), sf = (e) => e.customerState === "authenticated" ? /* @__PURE__ */ l("section", {
+}), cf = (e) => e.customerState === "authenticated" ? /* @__PURE__ */ l("section", {
 	className: "mt-10 flex w-full justify-center px-4 pb-16 md:px-6",
 	children: /* @__PURE__ */ u("div", {
 		className: "w-full max-w-3xl",
 		children: [
-			/* @__PURE__ */ l(Jd, { ...e.checkoutProgressIndicatorProps }),
+			/* @__PURE__ */ l(Yd, { ...e.checkoutProgressIndicatorProps }),
 			/* @__PURE__ */ l("div", {
 				className: "mt-8",
-				children: /* @__PURE__ */ l(af, { ...e.cartSummaryProps })
+				children: /* @__PURE__ */ l(of, { ...e.cartSummaryProps })
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "mt-6 flex justify-end",
@@ -14050,9 +14081,9 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	className: "mt-10 flex w-full justify-center px-4 pb-16 md:px-6",
 	children: /* @__PURE__ */ u("div", {
 		className: "grid w-full max-w-6xl grid-cols-1 gap-8 md:grid-cols-2",
-		children: [/* @__PURE__ */ l(af, { ...e.cartSummaryProps }), /* @__PURE__ */ l(of, { ...e.checkoutAccountStepProps })]
+		children: [/* @__PURE__ */ l(of, { ...e.cartSummaryProps }), /* @__PURE__ */ l(sf, { ...e.checkoutAccountStepProps })]
 	})
-}), cf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, headerLeading: r, headerActions: i, backgroundJobTrayProps: a, children: o }) => {
+}), lf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, headerLeading: r, headerActions: i, backgroundJobTrayProps: a, children: o }) => {
 	let s = t?.trim() ?? "";
 	return /* @__PURE__ */ l("div", {
 		className: "min-h-screen bg-secondary",
@@ -14093,7 +14124,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			]
 		})
 	});
-}, lf = {
+}, uf = {
 	loading: {
 		iconName: "spinner",
 		iconClassName: "text-tertiary",
@@ -14109,14 +14140,14 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		iconClassName: "text-accent",
 		defaultTitle: "Unable to load data"
 	}
-}, uf = (e) => {
+}, df = (e) => {
 	if (e === "loading") return "status";
 	if (e === "error") return "alert";
-}, df = ({ status: e, action: t, onRetryClick: n }) => {
+}, ff = ({ status: e, action: t, onRetryClick: n }) => {
 	if (e.state === "ready") return null;
-	let r = lf[e.state], i = e.title?.trim() || r.defaultTitle, a = e.message?.trim() ?? "", o = e.detail?.trim() ?? "";
+	let r = uf[e.state], i = e.title?.trim() || r.defaultTitle, a = e.message?.trim() ?? "", o = e.detail?.trim() ?? "";
 	return /* @__PURE__ */ l("section", {
-		role: uf(e.state),
+		role: df(e.state),
 		"aria-live": e.state === "loading" ? "polite" : void 0,
 		className: "mt-5 flex min-h-64 items-center justify-center rounded-lg border border-borderTertiary bg-secondary p-6 text-center shadow-sm",
 		children: /* @__PURE__ */ u("div", {
@@ -14167,7 +14198,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			]
 		})
 	});
-}, ff = (e) => e === "error" ? "border-accent bg-accent/10" : e === "warning" ? "border-yellow-500 bg-yellow-50" : e === "success" ? "border-saleGreen bg-green-50" : "border-borderTertiary bg-adminSideNavBackground", pf = (e) => {
+}, pf = (e) => e === "error" ? "border-accent bg-accent/10" : e === "warning" ? "border-yellow-500 bg-yellow-50" : e === "success" ? "border-saleGreen bg-green-50" : "border-borderTertiary bg-adminSideNavBackground", mf = (e) => {
 	let t = e.onBackClick ? /* @__PURE__ */ l(P, {
 		label: e.backLabel ?? "Back to browse",
 		iconType: "fa-solid",
@@ -14181,14 +14212,14 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	}) : void 0;
 	if (!("data" in e)) {
 		let n = e.state === "notFound" || e.state === "empty" ? "empty" : e.state;
-		return /* @__PURE__ */ u(cf, {
+		return /* @__PURE__ */ u(lf, {
 			pageTitle: e.pageTitle,
 			sideNavProps: e.sideNavProps,
 			backgroundJobTrayProps: e.backgroundJobTrayProps,
 			children: [t ? /* @__PURE__ */ l("div", {
 				className: "mt-5",
 				children: t
-			}) : null, /* @__PURE__ */ l(df, {
+			}) : null, /* @__PURE__ */ l(ff, {
 				status: {
 					state: n,
 					message: e.message,
@@ -14206,7 +14237,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	], D = (n.availableTabs ?? E).filter((e) => e !== "availability" || T.length), O = n.mode === "create", k = n.region === "north-america", A = n.lxImport?.state === "loading", j = k && !O && !!n.lxImport, M = x.name.trim() || "New decor", N = `Decor ${x.decorCode} · Range ${x.rangeCode}`;
 	O && (N = "Enter a decor code to begin", x.decorCode.trim() && (N = `Decor ${x.decorCode}`, x.rangeCode.trim() && (N += ` · Range ${x.rangeCode}`)));
 	let F = C.activeLocalization.saveStatus === "saving", I = C.searchColorFieldId ? [...C.sharedFields, ...C.localizedFields].filter((e) => e.id === C.searchColorFieldId) : [], R = C.decorFlagFieldId ? C.sharedFields.filter((e) => e.id === C.decorFlagFieldId) : [], z = C.sharedFields.filter((e) => e.id !== C.searchColorFieldId && e.id !== C.decorFlagFieldId), B = C.localizedFields.filter((e) => e.id !== C.searchColorFieldId);
-	return /* @__PURE__ */ u(cf, {
+	return /* @__PURE__ */ u(lf, {
 		pageTitle: n.pageTitle,
 		pageDescription: n.pageDescription,
 		sideNavProps: r,
@@ -14247,7 +14278,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			}) : null,
 			n.notice ? /* @__PURE__ */ u("section", {
 				role: n.notice.tone === "error" ? "alert" : "status",
-				className: `mt-4 rounded-lg border p-4 ${ff(n.notice.tone)}`,
+				className: `mt-4 rounded-lg border p-4 ${pf(n.notice.tone)}`,
 				children: [
 					n.notice.title ? /* @__PURE__ */ l(v, {
 						variant: "free",
@@ -14462,7 +14493,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					})
 				}), /* @__PURE__ */ l("aside", {
 					className: "rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm",
-					children: /* @__PURE__ */ l(Cu, {
+					children: /* @__PURE__ */ l(wu, {
 						title: "Decor localizations",
 						markets: C.markets,
 						selectedLocalizationId: C.activeLocalization.id,
@@ -14500,7 +14531,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			}) : null
 		]
 	});
-}, mf = ({ pageTitle: e, welcomeTitle: t, welcomeMessage: n, aboutTitle: r, aboutDescription: i, sideNavProps: a }) => /* @__PURE__ */ l("div", {
+}, hf = ({ pageTitle: e, welcomeTitle: t, welcomeMessage: n, aboutTitle: r, aboutDescription: i, sideNavProps: a }) => /* @__PURE__ */ l("div", {
 	className: "min-h-screen bg-secondary",
 	children: /* @__PURE__ */ u("div", {
 		className: "flex min-h-screen overflow-hidden bg-secondary",
@@ -14560,21 +14591,21 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})]
 		})]
 	})
-}), hf = (e) => e === "admin" ? "Admin" : "User", gf = ({ message: e, tone: t = "default" }) => /* @__PURE__ */ l("section", {
+}), gf = (e) => e === "admin" ? "Admin" : "User", _f = ({ message: e, tone: t = "default" }) => /* @__PURE__ */ l("section", {
 	className: "rounded-lg border border-borderTertiary bg-secondary p-5",
 	children: /* @__PURE__ */ l(v, {
 		variant: "free",
 		className: `text-sm ${t === "error" ? "text-accent" : "text-primary"}`,
 		children: e
 	})
-}), _f = ({ message: e }) => {
+}), vf = ({ message: e }) => {
 	let t = e?.trim() ?? "";
 	return t ? /* @__PURE__ */ l(v, {
 		variant: "free",
 		className: "text-sm text-accent",
 		children: t
 	}) : null;
-}, vf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, hasAdminAccess: r, accessRequiredTitle: i = "Admin Access Required", accessRequiredMessage: a = "Your account can use Data Forge, but only admins can manage the allow list.", state: o, loadingMessage: s = "Loading authorization users...", errorMessage: c = "Data Forge could not load the allow list.", createUserDraft: d, roleOptions: f, regionOptions: p, users: m, defaultRegionLabel: h = "Default Region", defaultRegionPlaceholder: g = "Select region", createMessage: _, updateMessage: y, deleteMessage: b, createPending: x = !1, updatePending: S = !1, deletePending: C = !1, deleteUserEmail: w, addUserLabel: T = "Add User", addingUserLabel: E = "Adding...", updateLabel: D = "Update", updatingLabel: O = "Updating...", activateLabel: k = "Activate", suspendLabel: A = "Suspend", removeLabel: j = "Remove", removingLabel: M = "Removing...", cancelLabel: N = "Cancel", onNewUserEmailChange: F, onNewUserRoleChange: I, onNewUserActiveChange: L, onNewUserDefaultRegionChange: R, onCreateUser: z, onRowUpdate: B, onUserActiveToggle: V, onDeleteUserRequest: ee, onDeleteModalClose: te, onDeleteUserConfirm: ne }) => {
+}, yf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, hasAdminAccess: r, accessRequiredTitle: i = "Admin Access Required", accessRequiredMessage: a = "Your account can use Data Forge, but only admins can manage the allow list.", state: o, loadingMessage: s = "Loading authorization users...", errorMessage: c = "Data Forge could not load the allow list.", createUserDraft: d, roleOptions: f, regionOptions: p, users: m, defaultRegionLabel: h = "Default Region", defaultRegionPlaceholder: g = "Select region", createMessage: _, updateMessage: y, deleteMessage: b, createPending: x = !1, updatePending: S = !1, deletePending: C = !1, deleteUserEmail: w, addUserLabel: T = "Add User", addingUserLabel: E = "Adding...", updateLabel: D = "Update", updatingLabel: O = "Updating...", activateLabel: k = "Activate", suspendLabel: A = "Suspend", removeLabel: j = "Remove", removingLabel: M = "Removing...", cancelLabel: N = "Cancel", onNewUserEmailChange: F, onNewUserRoleChange: I, onNewUserActiveChange: L, onNewUserDefaultRegionChange: R, onCreateUser: z, onRowUpdate: B, onUserActiveToggle: V, onDeleteUserRequest: ee, onDeleteModalClose: te, onDeleteUserConfirm: ne }) => {
 	let re = t?.trim() ?? "", ie = d.active && !d.defaultRegion.trim(), ae = m.map((e) => ({
 		id: e.email,
 		values: {
@@ -14595,7 +14626,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				variant: "free",
 				className: "mt-1 text-xs text-tertiary",
 				children: [
-					hf(e.role),
+					gf(e.role),
 					" - ",
 					e.active ? "Active" : "Inactive",
 					e.isCurrentUser ? " - Current user" : ""
@@ -14742,13 +14773,13 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								})
 							]
 						}),
-						/* @__PURE__ */ l(_f, { message: _ }),
-						o === "loading" ? /* @__PURE__ */ l(gf, { message: s }) : null,
-						o === "error" ? /* @__PURE__ */ l(gf, {
+						/* @__PURE__ */ l(vf, { message: _ }),
+						o === "loading" ? /* @__PURE__ */ l(_f, { message: s }) : null,
+						o === "error" ? /* @__PURE__ */ l(_f, {
 							message: c,
 							tone: "error"
 						}) : null,
-						/* @__PURE__ */ l(ju, {
+						/* @__PURE__ */ l(Mu, {
 							ariaLabel: "Authorization users",
 							columns: [
 								{
@@ -14801,7 +14832,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							updateDisabled: S,
 							onRowUpdate: B
 						}),
-						/* @__PURE__ */ l(_f, { message: y }),
+						/* @__PURE__ */ l(vf, { message: y }),
 						/* @__PURE__ */ u("section", {
 							"aria-label": "Authorization user actions",
 							className: "grid gap-3 rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm",
@@ -14823,7 +14854,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									className: "grid gap-2",
 									children: m.map(oe)
 								}),
-								/* @__PURE__ */ l(_f, { message: b })
+								/* @__PURE__ */ l(vf, { message: b })
 							]
 						})
 					]
@@ -14885,7 +14916,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		})]
 	});
-}, yf = {
+}, bf = {
 	loading: {
 		iconName: "spinner",
 		iconClassName: "text-tertiary",
@@ -14906,11 +14937,11 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		iconClassName: "text-accent",
 		iconSurfaceClassName: "bg-accent/10"
 	}
-}, bf = (e) => {
+}, xf = (e) => {
 	if (e === "loading") return "status";
 	if (e === "error") return "alert";
-}, xf = ({ eyebrow: e, title: t, description: n, detail: r, tone: i, primaryAction: a, secondaryAction: o, informationGroups: s = [], onActionClick: c }) => {
-	let d = e?.trim() ?? "", f = r?.trim() ?? "", p = yf[i], m = (e, t) => /* @__PURE__ */ l(P, {
+}, Sf = ({ eyebrow: e, title: t, description: n, detail: r, tone: i, primaryAction: a, secondaryAction: o, informationGroups: s = [], onActionClick: c }) => {
+	let d = e?.trim() ?? "", f = r?.trim() ?? "", p = bf[i], m = (e, t) => /* @__PURE__ */ l(P, {
 		label: e.label,
 		iconAlt: "",
 		iconName: e.loading ? "spinner" : e.iconName,
@@ -14924,7 +14955,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	return /* @__PURE__ */ l("main", {
 		className: "flex min-h-screen items-center justify-center bg-tertiaryActive px-4 py-10",
 		children: /* @__PURE__ */ u("section", {
-			role: bf(i),
+			role: xf(i),
 			"aria-live": i === "loading" ? "polite" : void 0,
 			"aria-busy": i === "loading" || void 0,
 			className: "w-full max-w-2xl rounded-lg border border-borderTertiary bg-secondary p-6 text-center shadow-sm md:p-10",
@@ -14991,7 +15022,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			]
 		})
 	});
-}, Sf = ({ pageTitle: e, pageDescription: t, sideNavProps: r, regionOptions: i, regionValue: a, regionLabel: s = "Region", regionPlaceholder: d = "Select region", regionHelpText: f = "Searches and changes will use product data from this region.", regionDisabled: p = !1, searchValue: m, searchLabel: h = "Search decors", searchPlaceholder: g, searchDisabled: _ = !1, browseMode: y = "decors", manageRangesLabel: b = "Manage ranges", rangeOptions: x, rangeResults: S = [], rangeResultCount: C = 0, selectedRangeId: T, rangePromptTitle: E = "Select a range to view its decors", rangePromptMessage: D = "Choose a range above to load its market-readiness records.", emptyRangeTitle: O = "No decors found", emptyRangeMessage: k = "Click the button to add the first decor to this range.", resultCount: A, resultLabel: j = "decors", addDecorLabel: M = "Add a new decor", addFirstDecorLabel: N = "Add the first decor", addRangeLabel: F = "New Range", groups: I, status: L = { state: "ready" }, hasMore: R = !1, loadingMore: z = !1, loadMoreLabel: B, deleteDecorTarget: V, deleteDecorConfirmationValue: ee = "", deleteDecorPending: te = !1, deleteDecorErrorMessage: ne, deleteDecorTitle: re = "Delete decor?", deleteDecorLabel: ie = "Delete decor", deletingDecorLabel: ae = "Deleting...", deleteDecorCancelLabel: H = "Cancel", deleteDecorCloseLabel: oe = "Close delete decor dialog", deleteRangeTarget: U, deleteRangeConfirmationValue: se = "", deleteRangePending: W = !1, deleteRangeErrorMessage: ce, deleteRangeTitle: le = "Delete range?", deleteRangeLabel: ue = "Delete range", deletingRangeLabel: de = "Deleting...", deleteRangeCancelLabel: fe = "Cancel", deleteRangeCloseLabel: pe = "Close delete range dialog", onRegionChange: me, onSearchChange: G, onSearchSubmit: he, onRangeSelect: ge, onManageRangesClick: K, onAddDecorClick: _e, onAddRangeClick: ve, onRangeClick: ye, onDeleteRangeRequest: be, onDeleteRangeConfirmationChange: xe, onDeleteRangeCancel: Se, onDeleteRangeConfirm: Ce, onDecorClick: we, onDeleteDecorRequest: Te, onDeleteDecorConfirmationChange: Ee, onDeleteDecorCancel: De, onDeleteDecorConfirm: Oe, onLoadMore: ke, onRetryClick: Ae }) => {
+}, Cf = ({ pageTitle: e, pageDescription: t, sideNavProps: r, regionOptions: i, regionValue: a, regionLabel: s = "Region", regionPlaceholder: d = "Select region", regionHelpText: f = "Searches and changes will use product data from this region.", regionDisabled: p = !1, searchValue: m, searchLabel: h = "Search decors", searchPlaceholder: g, searchDisabled: _ = !1, browseMode: y = "decors", manageRangesLabel: b = "Manage ranges", rangeOptions: x, rangeResults: S = [], rangeResultCount: C = 0, selectedRangeId: T, rangePromptTitle: E = "Select a range to view its decors", rangePromptMessage: D = "Choose a range above to load its market-readiness records.", emptyRangeTitle: O = "No decors found", emptyRangeMessage: k = "Click the button to add the first decor to this range.", resultCount: A, resultLabel: j = "decors", addDecorLabel: M = "Add a new decor", addFirstDecorLabel: N = "Add the first decor", addRangeLabel: F = "New Range", groups: I, status: L = { state: "ready" }, hasMore: R = !1, loadingMore: z = !1, loadMoreLabel: B, deleteDecorTarget: V, deleteDecorConfirmationValue: ee = "", deleteDecorPending: te = !1, deleteDecorErrorMessage: ne, deleteDecorTitle: re = "Delete decor?", deleteDecorLabel: ie = "Delete decor", deletingDecorLabel: ae = "Deleting...", deleteDecorCancelLabel: H = "Cancel", deleteDecorCloseLabel: oe = "Close delete decor dialog", deleteRangeTarget: U, deleteRangeConfirmationValue: se = "", deleteRangePending: W = !1, deleteRangeErrorMessage: ce, deleteRangeTitle: le = "Delete range?", deleteRangeLabel: ue = "Delete range", deletingRangeLabel: de = "Deleting...", deleteRangeCancelLabel: fe = "Cancel", deleteRangeCloseLabel: pe = "Close delete range dialog", onRegionChange: me, onSearchChange: G, onSearchSubmit: he, onRangeSelect: ge, onManageRangesClick: K, onAddDecorClick: _e, onAddRangeClick: ve, onRangeClick: ye, onDeleteRangeRequest: be, onDeleteRangeConfirmationChange: xe, onDeleteRangeCancel: Se, onDeleteRangeConfirm: Ce, onDecorClick: we, onDeleteDecorRequest: Te, onDeleteDecorConfirmationChange: Ee, onDeleteDecorCancel: De, onDeleteDecorConfirm: Oe, onLoadMore: ke, onRetryClick: Ae }) => {
 	let je = o(null), Me = o({
 		options: x,
 		selectedRangeId: T
@@ -15030,7 +15061,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		disabled: !ke,
 		onClick: ke
 	})), /* @__PURE__ */ u(c, { children: [
-		/* @__PURE__ */ l(cf, {
+		/* @__PURE__ */ l(lf, {
 			pageTitle: e,
 			pageDescription: t,
 			sideNavProps: r,
@@ -15121,11 +15152,11 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							})]
 						})
 					}) : null,
-					L.state !== "ready" && L.state !== "loading" ? /* @__PURE__ */ l(df, {
+					L.state !== "ready" && L.state !== "loading" ? /* @__PURE__ */ l(ff, {
 						status: L,
 						onRetryClick: Ae
 					}) : null,
-					L.state === "ready" && !J && !He && !Ue ? /* @__PURE__ */ l(df, { status: {
+					L.state === "ready" && !J && !He && !Ue ? /* @__PURE__ */ l(ff, { status: {
 						state: "empty",
 						title: E,
 						message: D
@@ -15144,7 +15175,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						})]
 					}), /* @__PURE__ */ l("div", {
 						className: "mt-5",
-						children: /* @__PURE__ */ l(Nu, {
+						children: /* @__PURE__ */ l(Pu, {
 							ranges: S,
 							emptyMessage: "No ranges are available.",
 							onRangeClick: Fe ? void 0 : ye,
@@ -15176,7 +15207,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								onClick: () => _e?.({ rangeId: Pe })
 							})]
 						})]
-					}), Je ? /* @__PURE__ */ l(df, {
+					}), Je ? /* @__PURE__ */ l(ff, {
 						status: {
 							state: "empty",
 							title: O,
@@ -15194,7 +15225,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						})
 					}) : /* @__PURE__ */ l("div", {
 						className: "mt-5",
-						children: /* @__PURE__ */ l(Mu, {
+						children: /* @__PURE__ */ l(Nu, {
 							groups: I,
 							itemLabel: j,
 							showGroupHeaders: !1,
@@ -15399,7 +15430,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			}) : null
 		})
 	] });
-}, Cf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, mode: r, rangeId: i, name: a, bynderName: o, rangeCode: s, productFamilyCode: d = "", company: f, companyCode: p, region: m, subRegion: h = "", companyOptions: g, productFamilyOptions: _ = [], regionOptions: y, subRegionOptions: b, status: x = { state: "ready" }, fieldErrors: C = {}, formDisabled: w = !1, saveDisabled: T = !1, savePending: E = !1, saveErrorMessage: D, deleteDialogOpen: O = !1, deleteConfirmationValue: k = "", deletePending: A = !1, deleteErrorMessage: j, detailsTitle: M = "Range details", detailsDescription: N = "These details determine where the range appears in Market Readiness.", saveLabel: F = r === "create" ? "Create range" : "Save changes", savingLabel: I = "Saving...", cancelLabel: R = "Cancel", deleteTitle: z = "Delete range?", deleteLabel: B = "Delete range", deletingLabel: V = "Deleting...", deleteCancelLabel: ee = "Cancel", deleteCloseLabel: te = "Close delete range dialog", onNameChange: ne, onBynderNameChange: re, onRangeCodeChange: ie, onProductFamilyCodeChange: ae, onCompanyChange: H, onCompanyCodeChange: oe, onRegionChange: U, onSubRegionChange: se, onSaveClick: W, onCancelClick: ce, onDeleteRequest: le, onDeleteConfirmationChange: ue, onDeleteCancel: de, onDeleteConfirm: fe, onRetryClick: pe }) => {
+}, wf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, mode: r, rangeId: i, name: a, bynderName: o, rangeCode: s, productFamilyCode: d = "", company: f, companyCode: p, region: m, subRegion: h = "", companyOptions: g, productFamilyOptions: _ = [], regionOptions: y, subRegionOptions: b, status: x = { state: "ready" }, fieldErrors: C = {}, formDisabled: w = !1, saveDisabled: T = !1, savePending: E = !1, saveErrorMessage: D, deleteDialogOpen: O = !1, deleteConfirmationValue: k = "", deletePending: A = !1, deleteErrorMessage: j, detailsTitle: M = "Range details", detailsDescription: N = "These details determine where the range appears in Market Readiness.", saveLabel: F = r === "create" ? "Create range" : "Save changes", savingLabel: I = "Saving...", cancelLabel: R = "Cancel", deleteTitle: z = "Delete range?", deleteLabel: B = "Delete range", deletingLabel: V = "Deleting...", deleteCancelLabel: ee = "Cancel", deleteCloseLabel: te = "Close delete range dialog", onNameChange: ne, onBynderNameChange: re, onRangeCodeChange: ie, onProductFamilyCodeChange: ae, onCompanyChange: H, onCompanyCodeChange: oe, onRegionChange: U, onSubRegionChange: se, onSaveClick: W, onCancelClick: ce, onDeleteRequest: le, onDeleteConfirmationChange: ue, onDeleteCancel: de, onDeleteConfirm: fe, onRetryClick: pe }) => {
 	let me = Le(f), G = w || E, he = !!b?.length, ge = m === "europe" || m === "asia", K = m === "europe" ? "Product Family (EU)" : "Product Family (AS)", _e = b ?? [], ve = ge && !h.trim() ? "ALL" : h, ye = a.trim() || "New range", be = g.find((e) => e.value === f)?.label ?? f, xe = y.find((e) => e.value === m)?.label ?? m, Se = _e.find((e) => e.value === ve)?.label ?? ve, Ce = p.trim() ? `${be} (${p})` : be, q = [
 		s.trim() ? `Range ${s}` : "",
 		Ce,
@@ -15409,7 +15440,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		rangeId: i,
 		rangeCode: s
 	} : void 0, Ee = !!(Te && s.trim() && k.trim() === s.trim());
-	return /* @__PURE__ */ u(cf, {
+	return /* @__PURE__ */ u(lf, {
 		pageTitle: e,
 		pageDescription: t,
 		sideNavProps: n,
@@ -15749,7 +15780,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					]
 				})
 			]
-		})] }) : /* @__PURE__ */ l(df, {
+		})] }) : /* @__PURE__ */ l(ff, {
 			status: x,
 			onRetryClick: pe
 		}), /* @__PURE__ */ l(Hc, {
@@ -15829,7 +15860,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			}) : null
 		})]
 	});
-}, wf = ({ pageTitle: e, pageDescription: t, backLabel: n, sideNavProps: r, report: i, status: a = { state: "ready" }, pagination: o, onBackClick: s, onRetryClick: d, onPreviousPageClick: f, onNextPageClick: p }) => /* @__PURE__ */ l(cf, {
+}, Tf = ({ pageTitle: e, pageDescription: t, backLabel: n, sideNavProps: r, report: i, status: a = { state: "ready" }, pagination: o, onBackClick: s, onRetryClick: d, onPreviousPageClick: f, onNextPageClick: p }) => /* @__PURE__ */ l(lf, {
 	pageTitle: e,
 	pageDescription: t,
 	sideNavProps: r,
@@ -15846,7 +15877,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	}) : void 0,
 	children: a.state === "ready" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
 		className: "mt-5",
-		children: /* @__PURE__ */ l(ju, { ...i })
+		children: /* @__PURE__ */ l(Mu, { ...i })
 	}), o ? /* @__PURE__ */ u("nav", {
 		"aria-label": "Report pagination",
 		className: "mt-5 flex justify-end gap-3",
@@ -15870,11 +15901,11 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			disabled: o.nextDisabled,
 			onClick: p
 		})]
-	}) : null] }) : /* @__PURE__ */ l(df, {
+	}) : null] }) : /* @__PURE__ */ l(ff, {
 		status: a,
 		onRetryClick: d
 	})
-}), Tf = (e) => new Intl.NumberFormat("en-US").format(e), Ef = ({ title: e, description: t, iconName: n, children: r }) => /* @__PURE__ */ u("article", {
+}), Ef = (e) => new Intl.NumberFormat("en-US").format(e), Df = ({ title: e, description: t, iconName: n, children: r }) => /* @__PURE__ */ u("article", {
 	className: "flex w-full flex-col rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm md:flex-row md:items-start md:gap-6",
 	children: [/* @__PURE__ */ u("div", {
 		className: "flex items-start gap-3",
@@ -15903,7 +15934,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		className: "mt-5 flex flex-1 flex-col md:mt-0",
 		children: r
 	})]
-}), Df = ({ status: e, message: t }) => {
+}), Of = ({ status: e, message: t }) => {
 	let n = t?.trim() ?? "";
 	if (!n || e === "idle") return null;
 	let r = "text-primary";
@@ -15913,7 +15944,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		className: `mt-3 text-sm ${r}`,
 		children: n
 	});
-}, Of = ({ dataSource: e }) => /* @__PURE__ */ u("dl", {
+}, kf = ({ dataSource: e }) => /* @__PURE__ */ u("dl", {
 	className: "grid gap-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3",
 	children: [
 		/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("dt", {
@@ -15936,7 +15967,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				children: "Records"
 			}), /* @__PURE__ */ l("dd", {
 				className: "mt-1 text-sm text-primary",
-				children: Tf(e.recordCount)
+				children: Ef(e.recordCount)
 			})] })]
 		}),
 		/* @__PURE__ */ u("div", {
@@ -15963,9 +15994,9 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			children: e.latestReport.label
 		})] }) : null
 	]
-}), kf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, status: r = { state: "ready" }, dataSource: i, existingDataTitle: a = "Continue with saved data", existingDataEmptyTitle: s = "No saved data set yet", existingDataEmptyDescription: d = "Start by uploading a Salsify report or downloading the latest data directly from Salsify.", useExistingDataLabel: f = "Use Saved Data", uploadTitle: p = "Upload a Salsify report", uploadDescription: m = "Use a report exported from Salsify when you already have the file ready.", uploadDropLabel: h = "Drag a report file here", uploadBrowseLabel: g = "Select File", uploadHelpText: _ = "JSON exports from Salsify are supported.", selectedFile: y, uploadStatus: b = "idle", uploadStatusMessage: x, uploadLabel: C = "Upload Report", uploadDisabled: w = !1, clearFileLabel: T = "Clear File", directDownloadTitle: E = "Download from Salsify", directDownloadDescription: D = "Choose a product range and Data Forge will request the latest records for you.", rangeLabel: O = "Product Range", rangePlaceholder: k = "Select a range", rangeOptions: A, selectedRangeValue: j = "", directDownloadLabel: M = "Download Latest Data", downloadStatus: N = "idle", downloadStatusMessage: F, downloadDisabled: I = !1, onUseExistingDataClick: L, onReportFileSelect: R, onUploadClick: z, onClearSelectedFileClick: B, onRangeChange: V, onDirectDownloadClick: ee, onRetryClick: te }) => {
+}), Af = ({ pageTitle: e, pageDescription: t, sideNavProps: n, status: r = { state: "ready" }, dataSource: i, existingDataTitle: a = "Continue with saved data", existingDataEmptyTitle: s = "No saved data set yet", existingDataEmptyDescription: d = "Start by uploading a Salsify report or downloading the latest data directly from Salsify.", useExistingDataLabel: f = "Use Saved Data", uploadTitle: p = "Upload a Salsify report", uploadDescription: m = "Use a report exported from Salsify when you already have the file ready.", uploadDropLabel: h = "Drag a report file here", uploadBrowseLabel: g = "Select File", uploadHelpText: _ = "JSON exports from Salsify are supported.", selectedFile: y, uploadStatus: b = "idle", uploadStatusMessage: x, uploadLabel: C = "Upload Report", uploadDisabled: w = !1, clearFileLabel: T = "Clear File", directDownloadTitle: E = "Download from Salsify", directDownloadDescription: D = "Choose a product range and Data Forge will request the latest records for you.", rangeLabel: O = "Product Range", rangePlaceholder: k = "Select a range", rangeOptions: A, selectedRangeValue: j = "", directDownloadLabel: M = "Download Latest Data", downloadStatus: N = "idle", downloadStatusMessage: F, downloadDisabled: I = !1, onUseExistingDataClick: L, onReportFileSelect: R, onUploadClick: z, onClearSelectedFileClick: B, onRangeChange: V, onDirectDownloadClick: ee, onRetryClick: te }) => {
 	let ne = o(null), re = b === "pending", ie = N === "pending", ae = (e) => R?.({ files: Array.from(e ?? []) });
-	return /* @__PURE__ */ l(cf, {
+	return /* @__PURE__ */ l(lf, {
 		pageTitle: e,
 		pageDescription: t,
 		sideNavProps: n,
@@ -15973,11 +16004,11 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			"aria-label": "Choose data source",
 			className: "mt-6 flex flex-col gap-4",
 			children: [
-				/* @__PURE__ */ l(Ef, {
+				/* @__PURE__ */ l(Df, {
 					title: i ? a : s,
 					description: i ? "Review the saved data set and continue if it is the right source for this review." : d,
 					iconName: i ? "database" : "circle-info",
-					children: i ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Of, { dataSource: i }), /* @__PURE__ */ l("div", {
+					children: i ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(kf, { dataSource: i }), /* @__PURE__ */ l("div", {
 						className: "mt-auto pt-5",
 						children: /* @__PURE__ */ l(P, {
 							label: f,
@@ -15999,7 +16030,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						})
 					})
 				}),
-				/* @__PURE__ */ u(Ef, {
+				/* @__PURE__ */ u(Df, {
 					title: p,
 					description: m,
 					iconName: "file-arrow-up",
@@ -16102,13 +16133,13 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								})]
 							})]
 						}) : null,
-						/* @__PURE__ */ l(Df, {
+						/* @__PURE__ */ l(Of, {
 							status: b,
 							message: x
 						})
 					]
 				}),
-				/* @__PURE__ */ u(Ef, {
+				/* @__PURE__ */ u(Df, {
 					title: E,
 					description: D,
 					iconName: "cloud-arrow-down",
@@ -16144,19 +16175,19 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								onClick: ee
 							})
 						}),
-						/* @__PURE__ */ l(Df, {
+						/* @__PURE__ */ l(Of, {
 							status: N,
 							message: F
 						})
 					]
 				})
 			]
-		}) : /* @__PURE__ */ l(df, {
+		}) : /* @__PURE__ */ l(ff, {
 			status: r,
 			onRetryClick: te
 		})
 	});
-}, Af = (e, t, n) => `${e.toLocaleString()} ${e === 1 ? t : n}`, jf = ({ status: e, message: t }) => {
+}, jf = (e, t, n) => `${e.toLocaleString()} ${e === 1 ? t : n}`, Mf = ({ status: e, message: t }) => {
 	let n = t?.trim() ?? "";
 	return !n || e === "idle" ? null : /* @__PURE__ */ l(v, {
 		role: e === "error" ? "alert" : "status",
@@ -16164,7 +16195,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		className: `mt-3 text-sm ${e === "error" ? "text-accent" : "text-primary"}`,
 		children: n
 	});
-}, Mf = ({ label: e, options: t, value: n, disabled: r = !1, onSelect: i }) => /* @__PURE__ */ u("fieldset", { children: [/* @__PURE__ */ u("legend", {
+}, Nf = ({ label: e, options: t, value: n, disabled: r = !1, onSelect: i }) => /* @__PURE__ */ u("fieldset", { children: [/* @__PURE__ */ u("legend", {
 	className: "text-sm font-bold text-primary",
 	children: [e, n ? null : /* @__PURE__ */ u("span", {
 		className: "ml-3 text-xs font-normal text-accent",
@@ -16193,9 +16224,9 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			onClick: () => i(e.value)
 		}, e.value);
 	})
-})] }), Nf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, status: i = { state: "ready" }, existingImportSet: a, regionOptions: s, selectedRegion: c, localityOptions: d, selectedLocality: f, localityDisabled: p = !1, intentOptions: m, selectedIntent: h, selectedFile: g, uploadStatus: _ = "idle", uploadStatusMessage: y, uploadDisabled: b = !1, continueExistingLabel: x = "Continue Import Set", uploadLabel: C = "Upload and Continue", clearFileLabel: w = "Clear File", onContinueExistingClick: T, onRegionChange: E, onLocalityChange: D, onIntentChange: O, onFileSelect: k, onClearSelectedFileClick: A, onUploadClick: j, onRetryClick: M }) => {
+})] }), Pf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, status: i = { state: "ready" }, existingImportSet: a, regionOptions: s, selectedRegion: c, localityOptions: d, selectedLocality: f, localityDisabled: p = !1, intentOptions: m, selectedIntent: h, selectedFile: g, uploadStatus: _ = "idle", uploadStatusMessage: y, uploadDisabled: b = !1, continueExistingLabel: x = "Continue Import Set", uploadLabel: C = "Upload and Continue", clearFileLabel: w = "Clear File", onContinueExistingClick: T, onRegionChange: E, onLocalityChange: D, onIntentChange: O, onFileSelect: k, onClearSelectedFileClick: A, onUploadClick: j, onRetryClick: M }) => {
 	let N = o(null), F = r(), I = _ === "pending", L = I || !c.trim() || !f.trim() || !h, R = (e) => k?.({ files: Array.from(e ?? []).slice(0, 1) });
-	return /* @__PURE__ */ l(cf, {
+	return /* @__PURE__ */ l(lf, {
 		pageTitle: e,
 		pageDescription: t,
 		sideNavProps: n,
@@ -16241,9 +16272,9 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							variant: "free",
 							className: "mt-1 text-sm text-tertiary",
 							children: [
-								a.rangeCount === void 0 ? null : Af(a.rangeCount, "range", "ranges"),
-								a.decorCount === void 0 ? null : Af(a.decorCount, "decor", "decors"),
-								a.skuCount === void 0 ? null : Af(a.skuCount, "SKU", "SKUs")
+								a.rangeCount === void 0 ? null : jf(a.rangeCount, "range", "ranges"),
+								a.decorCount === void 0 ? null : jf(a.decorCount, "decor", "decors"),
+								a.skuCount === void 0 ? null : jf(a.skuCount, "SKU", "SKUs")
 							].filter(Boolean).join(" · ")
 						})
 					] }), /* @__PURE__ */ l(v, {
@@ -16294,14 +16325,14 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								onChange: E
 							})
 						})] }),
-						/* @__PURE__ */ l(Mf, {
+						/* @__PURE__ */ l(Nf, {
 							label: "Locality",
 							options: d,
 							value: f,
 							disabled: p,
 							onSelect: (e) => D({ locality: e })
 						}),
-						/* @__PURE__ */ l(Mf, {
+						/* @__PURE__ */ l(Nf, {
 							label: "Import Intent",
 							options: m,
 							value: h,
@@ -16402,7 +16433,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									})]
 								})]
 							}) : null,
-							/* @__PURE__ */ l(jf, {
+							/* @__PURE__ */ l(Mf, {
 								status: _,
 								message: y
 							})
@@ -16410,12 +16441,12 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					]
 				})]
 			})]
-		}) : /* @__PURE__ */ l(df, {
+		}) : /* @__PURE__ */ l(ff, {
 			status: i,
 			onRetryClick: M
 		})
 	});
-}, Pf = {
+}, Ff = {
 	error: {
 		iconName: "circle-exclamation",
 		label: "Error",
@@ -16431,7 +16462,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		label: "Information",
 		className: "text-primary"
 	}
-}, Ff = ({ pageTitle: e, pageDescription: t, sideNavProps: n, status: r = { state: "ready" }, fileName: i, scopeLabel: a, summary: o, groups: s, backLabel: c = "Back to Upload", continueLabel: d = "Continue to Review", continueDisabled: f = !1, onBackClick: p, onContinueClick: m, onRetryClick: h }) => /* @__PURE__ */ l(cf, {
+}, If = ({ pageTitle: e, pageDescription: t, sideNavProps: n, status: r = { state: "ready" }, fileName: i, scopeLabel: a, summary: o, groups: s, backLabel: c = "Back to Upload", continueLabel: d = "Continue to Review", continueDisabled: f = !1, onBackClick: p, onContinueClick: m, onRetryClick: h }) => /* @__PURE__ */ l(lf, {
 	pageTitle: e,
 	pageDescription: t,
 	sideNavProps: n,
@@ -16529,7 +16560,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					}), /* @__PURE__ */ l("ul", {
 						className: "mt-4 divide-y divide-borderTertiary rounded-md border border-borderTertiary",
 						children: e.issues.map((e) => {
-							let t = Pf[e.severity];
+							let t = Ff[e.severity];
 							return /* @__PURE__ */ u("li", {
 								className: "flex items-start gap-3 p-4",
 								children: [/* @__PURE__ */ l(S, {
@@ -16586,16 +16617,16 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ l(df, {
+	}) : /* @__PURE__ */ l(ff, {
 		status: r,
 		onRetryClick: h
 	})
-}), If = {
+}), Lf = {
 	added: "Added",
 	updated: "Updated",
 	unchanged: "Unchanged"
-}, Lf = ({ changeType: e }) => {
-	let t = If[e];
+}, Rf = ({ changeType: e }) => {
+	let t = Lf[e];
 	return /* @__PURE__ */ l("span", {
 		"aria-label": t,
 		title: t,
@@ -16607,7 +16638,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			size: "xs"
 		})
 	});
-}, Rf = ({ row: e }) => {
+}, zf = ({ row: e }) => {
 	let t = e.currentValue?.trim() || "—", n = e.afterValue?.trim() || "—";
 	return /* @__PURE__ */ u("div", {
 		className: "grid border-t border-borderTertiary md:grid-cols-2",
@@ -16651,7 +16682,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			]
 		})]
 	});
-}, zf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, status: r = { state: "ready" }, fileName: i, scopeLabel: a, ranges: o, cancelLabel: s = "Cancel Import", continueLabel: d = "Apply Import", continueDisabled: f = !1, cancelConfirmation: p, onCancelClick: m, onCancelConfirm: h, onCancelClose: g, onContinueClick: _, onRetryClick: y }) => /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(cf, {
+}, Bf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, status: r = { state: "ready" }, fileName: i, scopeLabel: a, ranges: o, cancelLabel: s = "Cancel Import", continueLabel: d = "Apply Import", continueDisabled: f = !1, cancelConfirmation: p, onCancelClick: m, onCancelConfirm: h, onCancelClose: g, onContinueClick: _, onRetryClick: y }) => /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(lf, {
 	pageTitle: e,
 	pageDescription: t,
 	sideNavProps: n,
@@ -16702,7 +16733,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							variant: "free",
 							className: "mt-1 text-lg font-bold text-primary",
 							children: [e.name, e.code ? ` · ${e.code}` : ""]
-						})] }), /* @__PURE__ */ l(Lf, { changeType: e.changeType })]
+						})] }), /* @__PURE__ */ l(Rf, { changeType: e.changeType })]
 					}), /* @__PURE__ */ l("div", {
 						className: "grid gap-5 p-5",
 						children: e.decors.map((e) => /* @__PURE__ */ u("section", {
@@ -16720,7 +16751,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									variant: "free",
 									className: "mt-1 text-base font-bold text-primary",
 									children: [e.code, e.name ? ` · ${e.name}` : ""]
-								})] }), /* @__PURE__ */ l(Lf, { changeType: e.changeType })]
+								})] }), /* @__PURE__ */ l(Rf, { changeType: e.changeType })]
 							}), /* @__PURE__ */ l("div", {
 								className: "grid gap-5 p-4",
 								children: e.sections.map((e) => /* @__PURE__ */ u("section", {
@@ -16744,7 +16775,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 												className: "border-l border-borderTertiary px-4 py-3 text-xs font-bold uppercase text-tertiary",
 												children: "After"
 											})]
-										}), e.rows.map((e) => /* @__PURE__ */ l(Rf, { row: e }, e.id))]
+										}), e.rows.map((e) => /* @__PURE__ */ l(zf, { row: e }, e.id))]
 									})]
 								}, e.id))
 							})]
@@ -16769,7 +16800,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ l(df, {
+	}) : /* @__PURE__ */ l(ff, {
 		status: r,
 		onRetryClick: y
 	})
@@ -16801,15 +16832,15 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})]
 		})]
 	}) : null
-})] }), Bf = (e) => e === "error" ? "text-accent" : e === "success" ? "text-saleGreen" : "text-primary", Vf = ({ status: e, message: t }) => {
+})] }), Vf = (e) => e === "error" ? "text-accent" : e === "success" ? "text-saleGreen" : "text-primary", Hf = ({ status: e, message: t }) => {
 	let n = t?.trim() ?? "";
 	return !n || e === "idle" ? null : /* @__PURE__ */ l(v, {
 		role: e === "error" ? "alert" : "status",
 		variant: "free",
-		className: `mt-3 text-sm ${Bf(e)}`,
+		className: `mt-3 text-sm ${Vf(e)}`,
 		children: n
 	});
-}, Hf = ({ guide: e, uploadDropLabel: t, uploadBrowseLabel: n, uploadLabel: i, clearFileLabel: a, completeLabel: s, onGuideFileSelect: d, onUploadClick: f, onClearSelectedFileClick: p }) => {
+}, Uf = ({ guide: e, uploadDropLabel: t, uploadBrowseLabel: n, uploadLabel: i, clearFileLabel: a, completeLabel: s, onGuideFileSelect: d, onUploadClick: f, onClearSelectedFileClick: p }) => {
 	let m = o(null), h = r(), g = e.actionStatus ?? "idle", _ = g === "validating" || g === "pending", y = (e.availability ?? "available") === "available", b = e.uploadDropLabel ?? t, x = e.uploadBrowseLabel ?? n, C = e.uploadLabel ?? i, w = e.completeLabel ?? s, T = (t) => d?.({
 		guideId: e.id,
 		files: Array.from(t ?? [])
@@ -16982,7 +17013,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						}, `${e.path}-${e.message}-${t}`))
 					})]
 				}) : null,
-				g === "success" ? null : /* @__PURE__ */ l(Vf, {
+				g === "success" ? null : /* @__PURE__ */ l(Hf, {
 					status: g,
 					message: e.actionStatusMessage
 				})
@@ -17003,7 +17034,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		})]
 	});
-}, Uf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, status: r = { state: "ready" }, guides: i, emptyTitle: a = "No product guides configured", emptyDescription: o = "Add a product-guide configuration before uploading data.", uploadDropLabel: s = "Drag a product guide PDF file here", uploadBrowseLabel: c = "Select PDF File", uploadLabel: d = "Replace Active Guide", clearFileLabel: f = "Clear File", completeLabel: p = "Complete", onGuideFileSelect: m, onUploadClick: h, onClearSelectedFileClick: g, onRetryClick: _ }) => {
+}, Wf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, status: r = { state: "ready" }, guides: i, emptyTitle: a = "No product guides configured", emptyDescription: o = "Add a product-guide configuration before uploading data.", uploadDropLabel: s = "Drag a product guide PDF file here", uploadBrowseLabel: c = "Select PDF File", uploadLabel: d = "Replace Active Guide", clearFileLabel: f = "Clear File", completeLabel: p = "Complete", onGuideFileSelect: m, onUploadClick: h, onClearSelectedFileClick: g, onRetryClick: _ }) => {
 	let y;
 	return y = r.state === "ready" ? i.length === 0 ? /* @__PURE__ */ u("section", {
 		className: "mt-6 rounded-lg border border-borderTertiary bg-secondary p-6 text-center shadow-sm",
@@ -17030,7 +17061,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	}) : /* @__PURE__ */ l("section", {
 		"aria-label": "Product guides",
 		className: "mt-6 grid gap-4",
-		children: i.map((e) => /* @__PURE__ */ l(Hf, {
+		children: i.map((e) => /* @__PURE__ */ l(Uf, {
 			guide: e,
 			uploadDropLabel: s,
 			uploadBrowseLabel: c,
@@ -17041,16 +17072,16 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			onUploadClick: h,
 			onClearSelectedFileClick: g
 		}, e.id))
-	}) : /* @__PURE__ */ l(df, {
+	}) : /* @__PURE__ */ l(ff, {
 		status: r,
 		onRetryClick: _
-	}), /* @__PURE__ */ l(cf, {
+	}), /* @__PURE__ */ l(lf, {
 		pageTitle: e,
 		pageDescription: t,
 		sideNavProps: n,
 		children: y
 	});
-}, Wf = ({ scopeDescription: e, importDescription: t, acceptedExtensions: n, maxFileSizeBytes: i, fileName: a, state: c, message: d, errors: f = [], disabled: p = !1, onFileSelect: m, onFileRemove: h, onImportClick: g, onTemplateDownloadClick: _, mode: y, targetLabel: b, onModeChange: x, modeLabels: C }) => {
+}, Gf = ({ scopeDescription: e, importDescription: t, acceptedExtensions: n, maxFileSizeBytes: i, fileName: a, state: c, message: d, errors: f = [], disabled: p = !1, onFileSelect: m, onFileRemove: h, onImportClick: g, onTemplateDownloadClick: _, mode: y, targetLabel: b, onModeChange: x, modeLabels: C }) => {
 	let w = r(), T = o(null), [E, D] = s(!1), [O, k] = s(""), A = c === "processing" || c === "importing", j = p || A, M = {
 		add: {
 			label: "Add or update current data",
@@ -17196,7 +17227,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "mt-5",
-				children: /* @__PURE__ */ l(qd, {
+				children: /* @__PURE__ */ l(Jd, {
 					title: "How should this upload change the data?",
 					name: `${w}-mode`,
 					selectedValue: y,
@@ -17257,9 +17288,9 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		]
 	});
-}, Gf = ({ sideNavProps: e, regionSelectorProps: t, localities: n, status: r = { state: "ready" }, onLocalitySelect: i, onRetryClick: a, importProps: o }) => {
+}, Kf = ({ sideNavProps: e, regionSelectorProps: t, localities: n, status: r = { state: "ready" }, onLocalitySelect: i, onRetryClick: a, importProps: o }) => {
 	let s = n.filter((e) => e.region === t.value);
-	return /* @__PURE__ */ u(cf, {
+	return /* @__PURE__ */ u(lf, {
 		pageTitle: "Where to Buy",
 		pageDescription: "Manage the vendors customers see in each sub-region and language.",
 		sideNavProps: e,
@@ -17318,21 +17349,21 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							})
 						]
 					}, e.id))
-				}) : /* @__PURE__ */ l(df, { status: {
+				}) : /* @__PURE__ */ l(ff, { status: {
 					state: "empty",
 					title: t.value ? "No localities in this region" : "Select a region",
 					message: "Choose a region above to browse its localities."
 				} })
 			]
-		}) : /* @__PURE__ */ l(df, {
+		}) : /* @__PURE__ */ l(ff, {
 			status: r,
 			onRetryClick: a
 		}), r.state === "ready" && o && /* @__PURE__ */ l("div", {
 			className: "mt-8 max-w-6xl",
-			children: /* @__PURE__ */ l(Wf, { ...o }, t.value)
+			children: /* @__PURE__ */ l(Gf, { ...o }, t.value)
 		})]
 	});
-}, Kf = (e, t = {}) => [
+}, qf = (e, t = {}) => [
 	{
 		id: "name",
 		label: "Vendor name",
@@ -17421,14 +17452,14 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	...e,
 	state: t[e.id] ? "error" : "neutral",
 	message: t[e.id]
-})), qf = (e) => {
+})), Jf = (e) => {
 	let { locality: t, vendors: n, editor: r, selectedVendorId: i, isCreating: a = !1, saveState: o, lookup: s, status: c = { state: "ready" } } = e, d = r ?? (i ? n.find((e) => e.id === i) : n[0]), f = o === "saving" || e.deletePending || s.state === "resolving", p = o === "unsaved" || o === "error" || a, m = !!(f || p), h = "No matching addresses.";
 	s.state === "loading" ? h = "Finding addresses..." : s.state === "error" && (h = "Address suggestions are unavailable. Try again.");
 	let g = {
 		localityId: t.id,
 		vendorId: d?.id ?? ""
 	}, _ = n.filter((t) => `${t.name} ${t.city}`.toLowerCase().includes(e.searchValue.trim().toLowerCase())), y = d && d.latitude !== null && d.longitude !== null && Number.isFinite(d.latitude) && Number.isFinite(d.longitude) && Math.abs(d.latitude) <= 90 && Math.abs(d.longitude) <= 180;
-	return /* @__PURE__ */ u(cf, {
+	return /* @__PURE__ */ u(lf, {
 		pageTitle: "Where to Buy",
 		pageDescription: `${t.subRegion} · ${t.language} · ${t.locale}`,
 		sideNavProps: e.sideNavProps,
@@ -17508,7 +17539,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									}) : null,
 									y ? /* @__PURE__ */ l("div", {
 										className: "mt-4",
-										children: /* @__PURE__ */ l(Bu, {
+										children: /* @__PURE__ */ l(Vu, {
 											googleMapsApiKey: e.googleMapsApiKey,
 											selectedLocationId: d.id,
 											zoom: 14,
@@ -17552,7 +17583,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 										children: "Vendor details"
 									}),
 									/* @__PURE__ */ l(xs, {
-										fields: Kf(d, e.fieldErrors),
+										fields: qf(d, e.fieldErrors),
 										density: "compact",
 										showActions: !1,
 										fieldGroups: [
@@ -17672,7 +17703,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								})]
 							})
 						]
-					}) : /* @__PURE__ */ l(df, {
+					}) : /* @__PURE__ */ l(ff, {
 						status: {
 							state: "empty",
 							title: "No vendor selected",
@@ -17751,7 +17782,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						})
 					]
 				})]
-			}) : /* @__PURE__ */ l(df, {
+			}) : /* @__PURE__ */ l(ff, {
 				status: c,
 				onRetryClick: e.onRetryClick
 			}),
@@ -17795,7 +17826,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		]
 	});
-}, Jf = ({ shellProps: e, items: t, emptyTitle: n = "No favorite products yet", emptyMessage: r = "Save products you love and they will appear here.", browseLabel: i = "Browse products", onFavoriteClick: a, onBrowseClick: o }) => /* @__PURE__ */ u(Zu, {
+}, Yf = ({ shellProps: e, items: t, emptyTitle: n = "No favorite products yet", emptyMessage: r = "Save products you love and they will appear here.", browseLabel: i = "Browse products", onFavoriteClick: a, onBrowseClick: o }) => /* @__PURE__ */ u(Qu, {
 	...e,
 	activeTabId: "favorites",
 	children: [
@@ -17851,9 +17882,9 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			]
 		})
 	]
-}), Yf = ({ shellProps: e, personalInformation: t, password: n, shippingAddresses: r, billingAddresses: i, onAddAddressClick: a, onEditAddressClick: o, onRemoveAddressClick: s }) => {
+}), Xf = ({ shellProps: e, personalInformation: t, password: n, shippingAddresses: r, billingAddresses: i, onAddAddressClick: a, onEditAddressClick: o, onRemoveAddressClick: s }) => {
 	let c = t.errors ?? {}, d = n.errors ?? {};
-	return /* @__PURE__ */ u(Zu, {
+	return /* @__PURE__ */ u(Qu, {
 		...e,
 		activeTabId: "account-settings",
 		children: [
@@ -18071,9 +18102,9 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		]
 	});
-}, Xf = ({ shellProps: e, status: t, period: n, statusOptions: r, periodOptions: i, orders: a, totalOrderCount: o, hasMoreOrders: s = !1, isLoadingMore: c = !1, seeMoreLabel: d = "See more orders", searchDisabled: f = !1, emptyMessage: p = "No orders match your current filters.", onStatusChange: m, onPeriodChange: h, onSearchClick: g, onOrderClick: _, onSeeMoreClick: y }) => {
+}, Zf = ({ shellProps: e, status: t, period: n, statusOptions: r, periodOptions: i, orders: a, totalOrderCount: o, hasMoreOrders: s = !1, isLoadingMore: c = !1, seeMoreLabel: d = "See more orders", searchDisabled: f = !1, emptyMessage: p = "No orders match your current filters.", onStatusChange: m, onPeriodChange: h, onSearchClick: g, onOrderClick: _, onSeeMoreClick: y }) => {
 	let b = s && !!y;
-	return /* @__PURE__ */ u(Zu, {
+	return /* @__PURE__ */ u(Qu, {
 		...e,
 		activeTabId: "order-history",
 		children: [
@@ -18191,7 +18222,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		]
 	});
-}, Zf = (e, t) => /* @__PURE__ */ u("section", {
+}, Qf = (e, t) => /* @__PURE__ */ u("section", {
 	"aria-label": e,
 	children: [/* @__PURE__ */ l(v, {
 		as: "h3",
@@ -18210,7 +18241,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			children: e
 		}, `${e}-${t}`))]
 	})]
-}), Qf = ({ shellProps: e, orderNumber: t, orderDate: n, status: r, statusTone: i = "neutral", projectName: a, fulfillmentGroups: o, shippingAddress: s, billingAddress: c, paymentMethod: d, summaryRows: f, backLabel: p = "Back to order history", invoiceLabel: m = "Download invoice", helpLabel: h = "Get help with this order", onBackClick: g, onInvoiceClick: _, onHelpClick: y, onProductClick: b, onTrackingClick: x }) => /* @__PURE__ */ u(Zu, {
+}), $f = ({ shellProps: e, orderNumber: t, orderDate: n, status: r, statusTone: i = "neutral", projectName: a, fulfillmentGroups: o, shippingAddress: s, billingAddress: c, paymentMethod: d, summaryRows: f, backLabel: p = "Back to order history", invoiceLabel: m = "Download invoice", helpLabel: h = "Get help with this order", onBackClick: g, onInvoiceClick: _, onHelpClick: y, onProductClick: b, onTrackingClick: x }) => /* @__PURE__ */ u(Qu, {
 	...e,
 	activeTabId: "order-history",
 	children: [
@@ -18301,11 +18332,11 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					}),
 					/* @__PURE__ */ l("div", {
 						className: "mt-5",
-						children: Zf("Shipping address", s)
+						children: Qf("Shipping address", s)
 					}),
 					c || d ? /* @__PURE__ */ u("div", {
 						className: "mt-6 grid grid-cols-1 gap-6 border-t border-borderTertiary pt-6 md:grid-cols-2",
-						children: [c ? Zf("Billing address", c) : null, d ? /* @__PURE__ */ u("section", {
+						children: [c ? Qf("Billing address", c) : null, d ? /* @__PURE__ */ u("section", {
 							"aria-label": "Payment method",
 							children: [/* @__PURE__ */ l(v, {
 								as: "h3",
@@ -18351,13 +18382,13 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		}) : null
 	]
-}), $f = (e, t, n) => e.map((e) => ({
+}), ep = (e, t, n) => e.map((e) => ({
 	...e,
 	options: e.options.map((e) => e.id === t ? {
 		...e,
 		checked: n
 	} : e)
-})), ep = ({ title: t, resultsHeading: n = "Documents", description: r, documentInfoCollectionProps: i, filterSections: a, searchBarProps: o, filterPanelHeader: s = "Filters", appliedOptionsHeader: c = "Applied Filters", appliedOptionsEmptyLabel: d = "No filters selected", clearAllLabel: f = "Clear All", applyFiltersLabel: p = "Apply Filters", mobileFilterLabel: m = "Filters", onFilterChange: h, optInModalProps: g }) => {
+})), tp = ({ title: t, resultsHeading: n = "Documents", description: r, documentInfoCollectionProps: i, filterSections: a, searchBarProps: o, filterPanelHeader: s = "Filters", appliedOptionsHeader: c = "Applied Filters", appliedOptionsEmptyLabel: d = "No filters selected", clearAllLabel: f = "Clear All", applyFiltersLabel: p = "Apply Filters", mobileFilterLabel: m = "Filters", onFilterChange: h, optInModalProps: g }) => {
 	let [_, y] = e.useState(!1), b = e.useId(), x = a.flatMap((e) => e.options.filter((e) => e.checked).map((e) => ({
 		id: e.id,
 		label: e.label
@@ -18379,7 +18410,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			emptyStateLabel: d,
 			clearAllLabel: f,
 			optionsList: x,
-			onRemoveOption: ({ id: e }) => S($f(a, e, !1), {
+			onRemoveOption: ({ id: e }) => S(ep(a, e, !1), {
 				action: "remove",
 				optionId: e,
 				checked: !1
@@ -18420,9 +18451,9 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					a.length > 0 ? /* @__PURE__ */ l("aside", {
 						className: "hidden md:block md:shrink-0",
 						"aria-label": s,
-						children: /* @__PURE__ */ l(qu, {
+						children: /* @__PURE__ */ l(Ju, {
 							...w,
-							onCheckboxChange: ({ id: e, checked: t }) => S($f(a, e, t), {
+							onCheckboxChange: ({ id: e, checked: t }) => S(ep(a, e, t), {
 								action: "toggle",
 								optionId: e,
 								checked: t
@@ -18435,7 +18466,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						"aria-modal": "true",
 						"aria-label": m,
 						className: "md:hidden",
-						children: /* @__PURE__ */ l(qu, {
+						children: /* @__PURE__ */ l(Ju, {
 							...w,
 							sections: a.map((e) => ({
 								...e,
@@ -18447,7 +18478,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							})),
 							onCheckboxChange: ({ id: e, checked: t }) => {
 								let n = e.slice(b.length + 1);
-								S($f(a, n, t), {
+								S(ep(a, n, t), {
 									action: "toggle",
 									optionId: n,
 									checked: t
@@ -18482,7 +18513,7 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									children: n
 								})
 							}),
-							/* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Pu, {
+							/* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Fu, {
 								...i,
 								layoutVariant: "compact"
 							}) })
@@ -18495,4 +18526,4 @@ var ld = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	});
 };
 //#endregion
-export { Xu as AccountAccessPanel, xf as AdminAuthStatusTemplate, Bc as AdminBackgroundJobTray, mf as AdminDashboardTemplate, kf as AdminDataIssuesSourceTemplate, wf as AdminDataReportTemplate, Ff as AdminImportDataIssuesTemplate, zf as AdminImportDataReviewTemplate, Nf as AdminImportDataSourceTemplate, cf as AdminPageTemplateShell, Uf as AdminProductGuidesTemplate, Ko as AdminRegionSelector, Nc as AdminSideNav, vf as AdminUsersTemplate, pl as AnnouncementBar, cu as ArticleBanner, Xs as ArticleBannerContent, _d as ArticleLandingPageTemplate, Gd as BpcsCartConfirmationTemplate, Xd as BpcsCartSamplesTemplate, Yd as BpcsCartShippingTemplate, tl as BrandNavBar, ml as Breadcrumbs, pe as BusinessInfoCard, P as Button, Tl as CallToActionHero, Zs as CallToActionHeroContent, Fs as CarouselArrowControls, Is as CarouselDots, he as CartItemCard, Dd as CategoryPageTemplate, K as ClickableCard, uc as ColourMatchingChart, Ml as ColumnBanner, Lo as ColumnCarouselCard, Gu as CommerceSyncPanel, lu as ContentCarousel, H as ContentContainer, se as ContentGrid, Wo as CountrySelector, Jf as CustomerAccountFavoritesTemplate, Qf as CustomerAccountOrderDetailTemplate, Xf as CustomerAccountOrderHistoryTemplate, Yf as CustomerAccountSettingsTemplate, Zu as CustomerAccountShell, Dc as CustomerAddressCard, ju as DataReportCollection, we as DecorSummaryCard, Mu as DecorSummaryCollection, rc as DocumentInfoCard, Pu as DocumentInfoCollection, ic as DocumentLinkCard, ep as DocumentResultsTemplate, Ms as DropdownFilter, xs as DynamicForm, Qd as EcommCartConfirmationTemplate, tf as EcommCartPaymentTemplate, nf as EcommCartShippingTemplate, sf as EcommCartSummaryTemplate, B as EmbeddedVideo, nc as EmbeddedVideoCard, ac as FaqCard, _u as FaqCardCollection, Ro as FeatureCard, Il as FeatureCardCollection, El as FeaturedArticleBanner, Qs as FeaturedArticleBannerContent, zo as FeaturedProductCard, hu as FeaturedProductsCarousel, As as FilterBar, js as FilterBarButton, ue as FlowRow, xl as Footer, v as FormicaText, kd as GalleryTemplate, S as Icon, L as Image, uu as ImageCard, tc as ImageOverlayCard, bu as ImageOverlayGrid, oc as InfoCard, V as Interactive3DViewer, Cu as LocalizationMarketCollection, Cc as LocalizationStatusCard, Uo as LocationCard, Su as LocationCardCollection, Bu as LocationMap, Ld as LoginTemplate, Sf as MarketReadinessBrowseTemplate, Os as MarketReadinessItemSkuSection, qo as MarketReadinessRangeSelector, Cf as MarketReadinessRangeTemplate, ye as MarketReadinessSampleCard, Ce as MarketReadinessSaveStatusIndicator, xe as MarketReadinessSkuCard, _e as MarketReadinessStatusDots, pf as MarketReadinessTemplate, ks as MarketReadinessVariantAvailabilitySection, Jo as MarketReadinessVariantOptions, Hc as Modal, sc as MoreInfoHighlightsCard, Ll as MoreInfoHighlightsCollection, Wc as OptInModal, kc as OrderDetailHeaderCard, jc as OrderItemDetailCard, Md as ProResourceTemplate, ge as ProductContactActions, hd as ProductDetailPageTemplate, fc as QuantityCheckoutCard, ze as RangeSummaryCard, Nu as RangeSummaryCollection, bc as RecentArticleCard, gu as RecentArticleCollection, te as ResilientImage, Zd as SalesforceCartShippingTemplate, zl as SalesforceCustomerDetailsForm, Rl as SampleOrderSummaryPanel, $o as SearchCombobox, Ps as SearchFilter, Id as SearchResultsTemplate, xc as SingleButtonCard, ec as SocialLinkRow, w as Spinner, Cl as StandardBannerContainer, qs as StandardCarousel, $s as StandardCopyBannerContent, su as StandardCopyHero, Ec as SwatchCard, ou as SwatchPurchasePanel, pu as TextCard, ne as Textarea, ll as TopNavAccountDrawer, ol as TopNavActions, fl as TopNavBar, nl as TopNavMegaMenu, il as TopNavSearchResults, Wf as VendorImportSection, qu as VerticalCheckboxListCollection, Ys as VerticalColorSwatchList, mu as WarrantyCard, qf as WhereToBuyDetailPage, Gf as WhereToBuyLandingPage, wl as WhereToBuySearchBanner, zd as WhereToBuyTemplate, h as applySketchfabTexture, _ as connectSketchfabViewer, p as setSketchfabAppearance, Ju as userTypeOptions };
+export { Zu as AccountAccessPanel, Sf as AdminAuthStatusTemplate, Bc as AdminBackgroundJobTray, hf as AdminDashboardTemplate, Af as AdminDataIssuesSourceTemplate, Tf as AdminDataReportTemplate, If as AdminImportDataIssuesTemplate, Bf as AdminImportDataReviewTemplate, Pf as AdminImportDataSourceTemplate, lf as AdminPageTemplateShell, Wf as AdminProductGuidesTemplate, Ko as AdminRegionSelector, Nc as AdminSideNav, yf as AdminUsersTemplate, ml as AnnouncementBar, lu as ArticleBanner, Xs as ArticleBannerContent, vd as ArticleLandingPageTemplate, Kd as BpcsCartConfirmationTemplate, Zd as BpcsCartSamplesTemplate, Xd as BpcsCartShippingTemplate, tl as BrandNavBar, hl as Breadcrumbs, pe as BusinessInfoCard, P as Button, El as CallToActionHero, Zs as CallToActionHeroContent, Fs as CarouselArrowControls, Is as CarouselDots, he as CartItemCard, Od as CategoryPageTemplate, K as ClickableCard, uc as ColourMatchingChart, Nl as ColumnBanner, Lo as ColumnCarouselCard, Ku as CommerceSyncPanel, uu as ContentCarousel, H as ContentContainer, se as ContentGrid, Wo as CountrySelector, Yf as CustomerAccountFavoritesTemplate, $f as CustomerAccountOrderDetailTemplate, Zf as CustomerAccountOrderHistoryTemplate, Xf as CustomerAccountSettingsTemplate, Qu as CustomerAccountShell, Dc as CustomerAddressCard, Mu as DataReportCollection, we as DecorSummaryCard, Nu as DecorSummaryCollection, rc as DocumentInfoCard, Fu as DocumentInfoCollection, ic as DocumentLinkCard, tp as DocumentResultsTemplate, Ms as DropdownFilter, xs as DynamicForm, $d as EcommCartConfirmationTemplate, nf as EcommCartPaymentTemplate, rf as EcommCartShippingTemplate, cf as EcommCartSummaryTemplate, B as EmbeddedVideo, nc as EmbeddedVideoCard, ac as FaqCard, vu as FaqCardCollection, Ro as FeatureCard, Ll as FeatureCardCollection, Dl as FeaturedArticleBanner, Qs as FeaturedArticleBannerContent, zo as FeaturedProductCard, gu as FeaturedProductsCarousel, As as FilterBar, js as FilterBarButton, ue as FlowRow, Sl as Footer, v as FormicaText, Ad as GalleryTemplate, S as Icon, L as Image, du as ImageCard, tc as ImageOverlayCard, xu as ImageOverlayGrid, oc as InfoCard, V as Interactive3DViewer, wu as LocalizationMarketCollection, Cc as LocalizationStatusCard, Uo as LocationCard, Cu as LocationCardCollection, Vu as LocationMap, Rd as LoginTemplate, Cf as MarketReadinessBrowseTemplate, Os as MarketReadinessItemSkuSection, qo as MarketReadinessRangeSelector, wf as MarketReadinessRangeTemplate, ye as MarketReadinessSampleCard, Ce as MarketReadinessSaveStatusIndicator, xe as MarketReadinessSkuCard, _e as MarketReadinessStatusDots, mf as MarketReadinessTemplate, ks as MarketReadinessVariantAvailabilitySection, Jo as MarketReadinessVariantOptions, Hc as Modal, sc as MoreInfoHighlightsCard, Rl as MoreInfoHighlightsCollection, Wc as OptInModal, kc as OrderDetailHeaderCard, jc as OrderItemDetailCard, Nd as ProResourceTemplate, ge as ProductContactActions, gd as ProductDetailPageTemplate, fc as QuantityCheckoutCard, ze as RangeSummaryCard, Pu as RangeSummaryCollection, bc as RecentArticleCard, _u as RecentArticleCollection, te as ResilientImage, Qd as SalesforceCartShippingTemplate, Bl as SalesforceCustomerDetailsForm, zl as SampleOrderSummaryPanel, $o as SearchCombobox, Ps as SearchFilter, Ld as SearchResultsTemplate, xc as SingleButtonCard, ec as SocialLinkRow, w as Spinner, wl as StandardBannerContainer, qs as StandardCarousel, $s as StandardCopyBannerContent, cu as StandardCopyHero, Ec as SwatchCard, su as SwatchPurchasePanel, mu as TextCard, ne as Textarea, ul as TopNavAccountDrawer, sl as TopNavActions, pl as TopNavBar, nl as TopNavMegaMenu, al as TopNavSearchResults, Gf as VendorImportSection, Ju as VerticalCheckboxListCollection, Ys as VerticalColorSwatchList, hu as WarrantyCard, Jf as WhereToBuyDetailPage, Kf as WhereToBuyLandingPage, Tl as WhereToBuySearchBanner, Bd as WhereToBuyTemplate, h as applySketchfabTexture, _ as connectSketchfabViewer, p as setSketchfabAppearance, Yu as userTypeOptions };