formica-ui-lib 1.0.270 → 1.0.271

package/dist/index.js

@@ -310,7 +310,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 	"2xl": "max-w-2xl",
 	"4xl": "max-w-4xl",
 	"6xl": "max-w-6xl"
-}, L = {
+}, ee = {
 	none: "",
 	section: "mb-16 md:mb-20",
 	compactPaddedSection: "px-4 mb-8 md:px-0 md:mb-10",
@@ -318,56 +318,56 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 	padded: "px-4 pb-16 md:px-0 md:pb-20",
 	preview: "px-4 py-8 md:px-0",
 	verticalPreview: "py-8"
-}, ee = "mt-10 md:mt-20", R = ({ children: e, className: t = "", innerClassName: n = "", isFirst: r = !1, maxWidth: i = "6xl", spacing: a = "paddedSection" }) => /* @__PURE__ */ c("div", {
-	className: `mx-auto w-full ${r ? ee : ""} ${L[a]} ${t}`.trim(),
+}, te = "mt-10 md:mt-20", L = ({ children: e, className: t = "", innerClassName: n = "", isFirst: r = !1, maxWidth: i = "6xl", spacing: a = "paddedSection" }) => /* @__PURE__ */ c("div", {
+	className: `mx-auto w-full ${r ? te : ""} ${ee[a]} ${t}`.trim(),
 	children: /* @__PURE__ */ c("div", {
 		className: `mx-auto w-full ${I[i]} ${n}`.trim(),
 		children: e
 	})
-}), te = {
+}), R = {
 	1: "grid-cols-1",
 	2: "grid-cols-2",
 	3: "grid-cols-3",
 	4: "grid-cols-4"
-}, z = {
+}, ne = {
 	sm: "gap-3",
 	md: "gap-6",
 	lg: "gap-8",
 	xl: "gap-12"
-}, B = ({ children: e, className: t = "", gridClassName: n = "", maxWidth: r = "6xl", spacing: i = "none", columns: a = 3, gap: o = "md" }) => /* @__PURE__ */ c(R, {
+}, z = ({ children: e, className: t = "", gridClassName: n = "", maxWidth: r = "6xl", spacing: i = "none", columns: a = 3, gap: o = "md" }) => /* @__PURE__ */ c(L, {
 	className: t,
 	maxWidth: r,
 	spacing: i,
 	children: /* @__PURE__ */ c("div", {
-		className: `grid ${te[a]} ${z[o]} ${n}`.trim(),
+		className: `grid ${R[a]} ${ne[o]} ${n}`.trim(),
 		children: e
 	})
-}), V = {
+}), B = {
 	sm: "gap-2",
 	md: "gap-4",
 	lg: "gap-6",
 	xl: "gap-8"
-}, H = {
+}, V = {
 	start: "items-start",
 	center: "items-center",
 	end: "items-end",
 	stretch: "items-stretch"
-}, U = {
+}, H = {
 	start: "justify-start",
 	center: "justify-center",
 	end: "justify-end",
 	between: "justify-between",
 	around: "justify-around",
 	evenly: "justify-evenly"
-}, W = ({ children: e, className: t = "", gap: n = "md", align: r = "center", justify: i = "start", wrap: a = !0 }) => /* @__PURE__ */ c("div", {
-	className: `flex ${a ? "flex-wrap" : "flex-nowrap"} ${V[n]} ${H[r]} ${U[i]} ${t}`.trim(),
+}, U = ({ children: e, className: t = "", gap: n = "md", align: r = "center", justify: i = "start", wrap: a = !0 }) => /* @__PURE__ */ c("div", {
+	className: `flex ${a ? "flex-wrap" : "flex-nowrap"} ${B[n]} ${V[r]} ${H[i]} ${t}`.trim(),
 	children: e
-}), G = "font-bold text-primary", ne = (e, t, n) => {
+}), W = "font-bold text-primary", G = (e, t, n) => {
 	e?.({
 		label: t,
 		href: n
 	});
-}, K = ({ heading: e, address: t, mapLink: n, hours: r, phone: i, email: a, onAddressClick: o, onMapClick: s, onPhoneClick: u, onEmailClick: f }) => {
+}, re = ({ heading: e, address: t, mapLink: n, hours: r, phone: i, email: a, onAddressClick: o, onMapClick: s, onPhoneClick: u, onEmailClick: f }) => {
 	let p = t?.lines.join(" ");
 	return /* @__PURE__ */ l("article", {
 		className: "w-full bg-white py-10 md:py-16",
@@ -389,7 +389,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 						as: "a",
 						variant: "link",
 						href: t.href,
-						onClick: () => ne(o, p ?? "", t.href),
+						onClick: () => G(o, p ?? "", t.href),
 						children: p
 					}) : /* @__PURE__ */ c(d, {
 						as: "span",
@@ -400,7 +400,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 						as: "a",
 						variant: "link",
 						href: n.href,
-						onClick: () => ne(s, n.label, n.href),
+						onClick: () => G(s, n.label, n.href),
 						children: n.label
 					}) : /* @__PURE__ */ c(d, {
 						as: "span",
@@ -416,7 +416,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 				}), /* @__PURE__ */ c("dl", { children: r.items.map((e) => /* @__PURE__ */ l("div", {
 					className: "flex flex-wrap gap-x-1",
 					children: [/* @__PURE__ */ l("dt", {
-						className: G,
+						className: W,
 						children: [e.dayLabel, ":"]
 					}), /* @__PURE__ */ c("dd", { children: e.hours })]
 				}, e.dayLabel)) })] }) : null,
@@ -428,7 +428,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 					as: "a",
 					variant: "link",
 					href: i.href,
-					onClick: () => ne(u, i.value, i.href),
+					onClick: () => G(u, i.value, i.href),
 					children: i.value
 				}) : /* @__PURE__ */ c(d, {
 					as: "span",
@@ -444,7 +444,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 					as: "a",
 					variant: "link",
 					href: a.href,
-					onClick: () => ne(f, a.value, a.href),
+					onClick: () => G(f, a.value, a.href),
 					children: a.value
 				}) : /* @__PURE__ */ c(d, {
 					as: "span",
@@ -455,12 +455,12 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 			]
 		})]
 	});
-}, q = (e, t, n) => Math.max(t, Math.min(n, e)), J = (e) => ["h-12 w-12 border-2 border-secondaryActive!", e ? "text-primary! hover:text-accent!" : "border-secondaryHover! text-tertiary!"].join(" "), re = ({ imageSrc: e, imageAlt: t, title: n, brand: r, decorNumber: i, productType: a, quantity: o, price: s, minQuantity: u = 1, maxQuantity: f = 99, onQuantityChange: p, onRemoveItem: m }) => {
-	let h = q(o, u, f), g = () => {
-		let e = q(h - 1, u, f);
+}, ie = (e, t, n) => Math.max(t, Math.min(n, e)), ae = (e) => ["h-12 w-12 border-2 border-secondaryActive!", e ? "text-primary! hover:text-accent!" : "border-secondaryHover! text-tertiary!"].join(" "), oe = ({ imageSrc: e, imageAlt: t, title: n, brand: r, decorNumber: i, productType: a, quantity: o, price: s, minQuantity: u = 1, maxQuantity: f = 99, onQuantityChange: p, onRemoveItem: m }) => {
+	let h = ie(o, u, f), g = () => {
+		let e = ie(h - 1, u, f);
 		e !== h && p?.(e);
 	}, _ = () => {
-		let e = q(h + 1, u, f);
+		let e = ie(h + 1, u, f);
 		e !== h && p?.(e);
 	}, v = h > u, y = h < f;
 	return /* @__PURE__ */ l("div", {
@@ -518,7 +518,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 								type: "button",
 								disabled: !v,
 								onClick: g,
-								className: J(v)
+								className: ae(v)
 							}),
 							/* @__PURE__ */ c("div", {
 								className: "flex min-w-10 items-center justify-center",
@@ -538,7 +538,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 								type: "button",
 								disabled: !y,
 								onClick: _,
-								className: J(y)
+								className: ae(y)
 							})
 						]
 					})
@@ -546,7 +546,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 			})
 		]
 	});
-}, ie = ({ actions: e, onActionClick: t }) => {
+}, K = ({ actions: e, onActionClick: t }) => {
 	let n = (e) => {
 		t?.({ action: e });
 	};
@@ -570,7 +570,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 			}, e.id);
 		})
 	});
-}, ae = ({ children: e, onCardClick: t, ariaLabel: n, ariaControls: r, ariaExpanded: i, className: a }) => /* @__PURE__ */ c("button", {
+}, se = ({ children: e, onCardClick: t, ariaLabel: n, ariaControls: r, ariaExpanded: i, className: a }) => /* @__PURE__ */ c("button", {
 	type: "button",
 	onClick: t,
 	"aria-label": n,
@@ -578,7 +578,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 	"aria-expanded": i,
 	className: a || "block text-left bg-transparent border-0 p-0 cursor-pointer",
 	children: e
-}), oe = (e, t) => `${e.toLocaleString()} ${t}${e === 1 ? "" : "s"}`, se = ({ decorId: e, decorCode: t, name: n, imageUrl: r, imageAlt: i = "", sheetCount: a, sampleCount: o, sheetLabel: s = "sheet", sampleLabel: u = "sample", openLabel: f = "Open", disabled: p = !1, onDecorClick: m }) => {
+}), q = (e, t) => `${e.toLocaleString()} ${t}${e === 1 ? "" : "s"}`, J = ({ decorId: e, decorCode: t, name: n, imageUrl: r, imageAlt: i = "", sheetCount: a, sampleCount: o, sheetLabel: s = "sheet", sampleLabel: u = "sample", openLabel: f = "Open", disabled: p = !1, onDecorClick: m }) => {
 	let g = /* @__PURE__ */ l("article", {
 		className: "flex w-full items-center gap-3 rounded-md border border-borderTertiary bg-secondary p-3 shadow-sm transition group-hover:border-primary md:gap-4 md:p-4",
 		children: [
@@ -615,12 +615,12 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 				}), /* @__PURE__ */ l("div", {
 					className: "mt-2 flex flex-wrap gap-x-2 gap-y-1 text-xs text-primary md:mt-0 md:justify-end",
 					children: [
-						/* @__PURE__ */ c("span", { children: oe(a, s) }),
+						/* @__PURE__ */ c("span", { children: q(a, s) }),
 						/* @__PURE__ */ c("span", {
 							"aria-hidden": "true",
 							children: "·"
 						}),
-						/* @__PURE__ */ c("span", { children: oe(o, u) })
+						/* @__PURE__ */ c("span", { children: q(o, u) })
 					]
 				})]
 			}),
@@ -633,7 +633,7 @@ var j = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; p
 			})
 		]
 	});
-	return !m || p ? g : /* @__PURE__ */ c(ae, {
+	return !m || p ? g : /* @__PURE__ */ c(se, {
 		ariaLabel: `${f} ${n} (${t})`,
 		className: "group block w-full cursor-pointer rounded-md text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
 		onCardClick: () => {
@@ -3602,7 +3602,7 @@ var $a = {
 			]
 		})]
 	});
-	return s ? /* @__PURE__ */ c(ae, {
+	return s ? /* @__PURE__ */ c(se, {
 		onCardClick: s,
 		ariaLabel: `Open ${n}`,
 		className: "block w-full cursor-pointer text-left",
@@ -3637,7 +3637,7 @@ var $a = {
 			]
 		})]
 	});
-	return a ? /* @__PURE__ */ c(ae, {
+	return a ? /* @__PURE__ */ c(se, {
 		onCardClick: a,
 		className: "block w-40 md:w-80 shrink-0 text-left",
 		ariaLabel: `Open ${n}${i ? ` ${i}` : ""}`,
@@ -4306,7 +4306,7 @@ var $a = {
 		slide: e,
 		heightClassName: n
 	})
-}), Io = ({ slide: e, index: t, heightClassName: n, onSlideClick: r }) => /* @__PURE__ */ c(ae, {
+}), Io = ({ slide: e, index: t, heightClassName: n, onSlideClick: r }) => /* @__PURE__ */ c(se, {
 	onCardClick: () => {
 		r(e, t);
 	},
@@ -4662,7 +4662,7 @@ var $a = {
 			}) : null
 		]
 	});
-	return r ? /* @__PURE__ */ c(ae, {
+	return r ? /* @__PURE__ */ c(se, {
 		onCardClick: r,
 		ariaLabel: `Open ${n}`,
 		className: "block w-full cursor-pointer text-left",
@@ -4712,7 +4712,7 @@ var $a = {
 	})
 }), Zo = ({ question: e, answer: t, initiallyOpen: r = !1 }) => {
 	let [i, a] = o(r), s = n();
-	return /* @__PURE__ */ c(ae, {
+	return /* @__PURE__ */ c(se, {
 		onCardClick: () => a((e) => !e),
 		ariaLabel: `${i ? "Collapse" : "Expand"} ${e}`,
 		ariaControls: s,
@@ -6158,7 +6158,7 @@ var $a = {
 			})
 		]
 	});
-	return p ? /* @__PURE__ */ c(ae, {
+	return p ? /* @__PURE__ */ c(se, {
 		ariaLabel: `View ${t} details`,
 		className: "block w-full cursor-pointer text-left transition hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary",
 		onCardClick: () => p({
@@ -6226,7 +6226,7 @@ var $a = {
 			]
 		})]
 	});
-	return o ? /* @__PURE__ */ c(ae, {
+	return o ? /* @__PURE__ */ c(se, {
 		ariaLabel: `Edit ${t} localization`,
 		className: "block w-full cursor-pointer rounded-lg text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-primary",
 		onCardClick: () => o({
@@ -6280,7 +6280,7 @@ var $a = {
 		className: "w-full flex flex-col md:flex-nowrap md:max-w-64 mx-auto items-center",
 		children: [/* @__PURE__ */ l("div", {
 			className: "relative md:flex md:w-full w-52",
-			children: [p ? /* @__PURE__ */ c(ae, {
+			children: [p ? /* @__PURE__ */ c(se, {
 				onCardClick: u,
 				className: `${h} cursor-pointer`,
 				ariaLabel: `Open ${r}${o}`,
@@ -7022,7 +7022,7 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 	"aria-label": "Search results",
 	children: [/* @__PURE__ */ c("ul", {
 		className: "max-h-96 divide-y divide-gray-200 overflow-y-auto",
-		children: t.map((e) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ l(ae, {
+		children: t.map((e) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ l(se, {
 			ariaLabel: Hc(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: () => r?.({ item: e }),
@@ -7212,7 +7212,7 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 		e?.(), p();
 	};
 	return u(/* @__PURE__ */ l("div", {
-		className: `fixed inset-0 z-50 ${e ? "" : "pointer-events-none"}`,
+		className: `fixed inset-0 z-60 ${e ? "" : "pointer-events-none"}`,
 		children: [
 			/* @__PURE__ */ c("style", { children: qc }),
 			/* @__PURE__ */ c("button", {
@@ -7332,38 +7332,38 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 		]
 	}), document.body);
 }, Yc = "__mobile-menu-open__", Xc = ({ NavMenuWithSubItems: e = [], countries: n, selectedCountry: r, Login: i, Account: s, Cart: u, showCart: d = !0, showFavorites: f = !0, showLogin: p = !0, Logo: m, searchResultItems: h, searchViewAllLabel: g, onLogoClick: _, onNavItemClick: v, onMegaMenuLinkClick: y, onSearchClick: b, onSearchChange: x, onSearchSubmit: S, onSearchResultClick: C, onSearchViewAllClick: w, onCartClick: T, onLoginClick: E, onAccountClick: O, onOrderHistoryClick: k, onProfileClick: j, onLogoutClick: M, onFavoritesClick: N, onCountrySelect: P }) => {
-	let F = a(null), [I, L] = o(null), [ee, R] = o(null), [te, z] = o(!1), B = ee !== null, V = e.find((e) => e.id === I), H = n ?? [], U = i ?? {
+	let F = a(null), [I, ee] = o(null), [te, L] = o(null), [R, ne] = o(!1), z = te !== null, B = e.find((e) => e.id === I), V = n ?? [], H = i ?? {
 		label: "Log In",
 		href: "/login"
-	}, W = {
+	}, U = {
 		hasCart: u?.hasCart ?? !1,
 		itemCount: u?.itemCount ?? 0
-	}, G = s ?? { loggedIn: U.loggedIn ?? !1 }, ne = () => {
-		z(!0), O?.();
-	}, K = "Formica", q = m?.src ?? K, J = kc(q), re = jc(K) ?? "", ie = jc(q, re) ?? re, ae = m?.alt ?? `${q} Logo`, oe = J === "broadview" ? "w-36 md:w-44" : "w-24", se = J === "broadview" ? "h-12 md:h-14" : "h-7 md:h-10", ce = m?.containerClassName ?? oe, le = m?.className ?? se;
+	}, W = s ?? { loggedIn: H.loggedIn ?? !1 }, G = () => {
+		ne(!0), O?.();
+	}, re = "Formica", ie = m?.src ?? re, ae = kc(ie), oe = jc(re) ?? "", K = jc(ie, oe) ?? oe, se = m?.alt ?? `${ie} Logo`, q = ae === "broadview" ? "w-36 md:w-44" : "w-24", J = ae === "broadview" ? "h-12 md:h-14" : "h-7 md:h-10", ce = m?.containerClassName ?? q, le = m?.className ?? J;
 	t(() => {
 		if (!I) return;
 		let e = (e) => {
-			F.current?.contains(e.target) || L(null);
+			F.current?.contains(e.target) || ee(null);
 		};
 		return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
 	}, [I]);
 	let ue = () => {
-		R(null);
+		L(null);
 	}, de = (e, t = {}) => {
-		t.closeMobile && ue(), L(null), v?.(e);
+		t.closeMobile && ue(), ee(null), v?.(e);
 	}, fe = (e, t) => {
 		if (e.subcategories?.length && !e.href) {
-			L(I === t ? null : t);
+			ee(I === t ? null : t);
 			return;
 		}
 		de(e);
 	}, pe = (e, t = {}) => {
-		L(null), t.closeMobile && ue(), y?.(e);
+		ee(null), t.closeMobile && ue(), y?.(e);
 	}, me = (e) => {
-		R((t) => t === e ? Yc : e);
+		L((t) => t === e ? Yc : e);
 	};
 	return /* @__PURE__ */ l("header", {
 		ref: F,
@@ -7381,7 +7381,7 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 					onClick: _,
 					"aria-label": "Go to home page",
 					children: /* @__PURE__ */ c(A, {
-						src: ie,
+						src: K,
 						alt: "",
 						className: le,
 						quality: 90
@@ -7404,15 +7404,15 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 							iconName: "cart-shopping",
 							iconSize: "lg",
 							className: "relative h-9 w-9 p-0",
-							"aria-label": `Cart${W.itemCount ? ` (${W.itemCount})` : ""}`,
+							"aria-label": `Cart${U.itemCount ? ` (${U.itemCount})` : ""}`,
 							onClick: T,
-							children: W.itemCount ? /* @__PURE__ */ c("span", {
+							children: U.itemCount ? /* @__PURE__ */ c("span", {
 								"aria-hidden": "true",
 								className: "absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-accent px-1 text-[10px] font-bold leading-none text-secondary",
-								children: W.itemCount
+								children: U.itemCount
 							}) : null
 						}) : null,
-						p && G.loggedIn ? /* @__PURE__ */ c(D, {
+						p && W.loggedIn ? /* @__PURE__ */ c(D, {
 							variant: "ghost",
 							iconType: "fa-solid",
 							iconName: "user",
@@ -7420,27 +7420,27 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 							className: "h-9 w-9 p-0",
 							"aria-label": "Open account menu",
 							"aria-haspopup": "dialog",
-							onClick: ne
+							onClick: G
 						}) : null,
 						/* @__PURE__ */ c(D, {
 							variant: "ghost",
 							iconType: "fa-solid",
-							iconName: B ? "xmark" : "bars",
+							iconName: z ? "xmark" : "bars",
 							iconSize: "lg",
 							className: "h-9 w-9 p-0",
-							"aria-label": B ? "Close menu" : "Open menu",
+							"aria-label": z ? "Close menu" : "Open menu",
 							onClick: () => {
-								R((e) => e === null ? Yc : null);
+								L((e) => e === null ? Yc : null);
 							},
-							"aria-expanded": B
+							"aria-expanded": z
 						})
 					]
 				})]
 			}),
-			B ? /* @__PURE__ */ l("nav", {
+			z ? /* @__PURE__ */ l("nav", {
 				className: "border-t border-gray-200 px-3 py-2 md:hidden",
 				children: [e.map((e) => {
-					let t = e.id, n = !!e.subcategories?.length, r = ee === t;
+					let t = e.id, n = !!e.subcategories?.length, r = te === t;
 					return n ? /* @__PURE__ */ l("div", {
 						className: "border-b border-gray-200",
 						children: [/* @__PURE__ */ c(D, {
@@ -7476,11 +7476,11 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 						buttonAlignment: "justify-start",
 						onClick: () => de(e, { closeMobile: !0 })
 					}, t);
-				}), p && !G.loggedIn ? /* @__PURE__ */ c("div", {
+				}), p && !W.loggedIn ? /* @__PURE__ */ c("div", {
 					className: "border-t border-gray-200 pt-2",
 					children: /* @__PURE__ */ c(D, {
 						variant: "link",
-						label: U.label,
+						label: H.label,
 						className: "w-full min-w-0 px-0 py-3 text-left",
 						buttonAlignment: "justify-start",
 						onClick: () => {
@@ -7497,8 +7497,8 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 					onClick: _,
 					"aria-label": "Go to home page",
 					children: /* @__PURE__ */ c(A, {
-						src: ie,
-						alt: ae,
+						src: K,
+						alt: se,
 						className: le,
 						quality: 90
 					})
@@ -7516,11 +7516,11 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 							}, t);
 						})
 					}), /* @__PURE__ */ c(Gc, {
-						Countries: H,
+						Countries: V,
 						selectedCountry: r,
-						Login: U,
-						Account: G,
-						Cart: W,
+						Login: H,
+						Account: W,
+						Cart: U,
 						showCart: d,
 						showFavorites: f,
 						showLogin: p,
@@ -7533,7 +7533,7 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 						onSearchViewAllClick: w,
 						onCartClick: T,
 						onLoginClick: E,
-						onAccountClick: ne,
+						onAccountClick: G,
 						onFavoritesClick: N,
 						onCountrySelect: P
 					})]
@@ -7552,16 +7552,16 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 					children: /* @__PURE__ */ c("div", {
 						className: "max-w-screen-xl mx-auto",
 						children: /* @__PURE__ */ c(Vc, {
-							activeItem: V,
+							activeItem: B,
 							onMegaMenuLinkClick: pe
 						})
 					})
 				})
 			}),
 			/* @__PURE__ */ c(Jc, {
-				...G,
-				isOpen: te,
-				onClose: () => z(!1),
+				...W,
+				isOpen: R,
+				onClose: () => ne(!1),
 				onOrderHistoryClick: k,
 				onFavoritesClick: N,
 				onProfileClick: j,
@@ -7962,7 +7962,7 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 	let m = a(null), h = a([]), [g, _] = o({
 		left: 0,
 		width: 0
-	}), v = i(() => Math.max(0, e.findIndex((e) => e.label === t)), [e, t]), y = () => {
+	}), v = i(() => Math.max(0, e.findIndex((e) => (e.value ?? e.label) === t)), [e, t]), y = () => {
 		let e = m.current, t = h.current[v];
 		if (!e || !t) return;
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
@@ -7996,11 +7996,11 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 						children: s ? s({
 							item: e,
 							isActive: r,
-							onTabClick: () => !e.disabled && n(e.label)
+							onTabClick: () => !e.disabled && n(e.value ?? e.label)
 						}) : /* @__PURE__ */ c("button", {
 							type: "button",
 							disabled: e.disabled,
-							onClick: () => n(e.label),
+							onClick: () => n(e.value ?? e.label),
 							className: [
 								"px-3 py-2 text-sm",
 								"transition-opacity",
@@ -8417,16 +8417,16 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 		})]
 	});
 }, Dl = (e) => {
-	let { title: t, decor: n, description: r, colourMatching: i, patternRepeat: a, onDownloadSwatch: o, onDownloadFullSheet: s, tabs: u = ["Sample", "Buy Now"], activeTab: f, onTabChange: p, productOptions: m = [], gradeOptions: h = [], textureOptions: g = [], sizeOptions: _ = [], selectedProduct: v, selectedGrade: y, selectedTexture: b, selectedSize: x, onQuantityChange: S, availabilityHref: C, availabilityLabel: w = "View full product availability and information", notReturnableText: T = "This item is not returnable.", returnPolicyHref: E, returnPolicyLabel: O = "View return policy", onPurchaseInfoLinkClick: k, priceLabel: A, initialQuantity: j = 1, minQuantity: M = 1, maxQuantity: N = 99, showCartActions: P = !0, showFavorites: F = !0, actionMode: I = "cart", contactActions: L, onAddToWishlist: ee, onAddToCart: R, onContactActionClick: te, mobileMediaSlot: z } = e, B = u.map((e) => ({ label: e })), V = I === "cart" && P && B.length > 0, H = I === "contact" && !!L, U = V && B.length > 1, W = (e) => (t, n) => {
+	let { title: t, decor: n, description: r, colourMatching: i, patternRepeat: a, onDownloadSwatch: o, onDownloadFullSheet: s, tabs: u = ["Sample", "Buy Now"], activeTab: f, onTabChange: p, productOptions: m = [], gradeOptions: h = [], textureOptions: g = [], sizeOptions: _ = [], selectedProduct: v, selectedGrade: y, selectedTexture: b, selectedSize: x, onQuantityChange: S, availabilityHref: C, availabilityLabel: w = "View full product availability and information", notReturnableText: T = "This item is not returnable.", returnPolicyHref: E, returnPolicyLabel: O = "View return policy", onPurchaseInfoLinkClick: k, priceLabel: A, initialQuantity: j = 1, minQuantity: M = 1, maxQuantity: N = 99, showCartActions: P = !0, showFavorites: F = !0, actionMode: I = "cart", contactActions: ee, onAddToWishlist: te, onAddToCart: L, onContactActionClick: R, mobileMediaSlot: ne } = e, z = u.map((e) => ({ label: e })), B = I === "cart" && P && z.length > 0, V = I === "contact" && !!ee, H = B && z.length > 1, U = (e) => (t, n) => {
 		let r = "id" in n ? String(n.id) : null;
 		(e.find((e) => e.value === t) ?? e.find((e) => e.id === r) ?? null)?.onOptionClick?.();
-	}, G = (e, t) => (n) => {
+	}, W = (e, t) => (n) => {
 		e && k && (n.preventDefault(), k(e, t));
 	};
 	return /* @__PURE__ */ l("div", {
-		className: ["w-full", H ? "md:relative md:aspect-square md:overflow-hidden" : ""].join(" "),
+		className: ["w-full", V ? "md:relative md:aspect-square md:overflow-hidden" : ""].join(" "),
 		children: [/* @__PURE__ */ l("div", {
-			className: [H ? "md:max-h-[calc(100%-8rem)] md:overflow-y-auto md:pr-2" : ""].join(" "),
+			className: [V ? "md:max-h-[calc(100%-8rem)] md:overflow-y-auto md:pr-2" : ""].join(" "),
 			children: [
 				n ? /* @__PURE__ */ c(d, {
 					as: "p",
@@ -8476,14 +8476,14 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 						className: "px-0! border-0! hover:text-accent!"
 					})]
 				}),
-				z ? /* @__PURE__ */ c("div", {
+				ne ? /* @__PURE__ */ c("div", {
 					className: "md:hidden mb-10",
-					children: z
+					children: ne
 				}) : null,
-				U ? /* @__PURE__ */ c("div", {
+				H ? /* @__PURE__ */ c("div", {
 					className: "mb-5",
 					children: /* @__PURE__ */ c(dl, {
-						items: B,
+						items: z,
 						value: f,
 						onChange: p,
 						renderTab: ({ item: e, isActive: t, onTabClick: n }) => /* @__PURE__ */ c("button", {
@@ -8498,9 +8498,9 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 					className: "md:mb-10",
 					children: [
 						/* @__PURE__ */ l("div", {
-							className: ["space-y-5", V ? "md:min-h-[32rem]" : ""].join(" "),
+							className: ["space-y-5", B ? "md:min-h-[32rem]" : ""].join(" "),
 							children: [
-								V && m.length ? /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(d, {
+								B && m.length ? /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(d, {
 									as: "p",
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
@@ -8508,9 +8508,9 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 								}), /* @__PURE__ */ c(El, {
 									items: m,
 									value: v ?? void 0,
-									onChange: W(m)
+									onChange: U(m)
 								})] }) : null,
-								V && h.length ? /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(d, {
+								B && h.length ? /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(d, {
 									as: "p",
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
@@ -8518,9 +8518,9 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 								}), /* @__PURE__ */ c(El, {
 									items: h,
 									value: y ?? void 0,
-									onChange: W(h)
+									onChange: U(h)
 								})] }) : null,
-								V && g.length ? /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(d, {
+								B && g.length ? /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(d, {
 									as: "p",
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
@@ -8528,9 +8528,9 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 								}), /* @__PURE__ */ c(El, {
 									items: g,
 									value: b ?? void 0,
-									onChange: W(g)
+									onChange: U(g)
 								})] }) : null,
-								V && _.length ? /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(d, {
+								B && _.length ? /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(d, {
 									as: "p",
 									variant: "bold",
 									className: "mb-2 text-sm md:text-base md:font-medium!",
@@ -8538,14 +8538,14 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 								}), /* @__PURE__ */ c(El, {
 									items: _,
 									value: x ?? void 0,
-									onChange: W(_)
+									onChange: U(_)
 								})] }) : null,
-								V && f === "Buy Now" ? /* @__PURE__ */ l("div", { children: [C ? /* @__PURE__ */ c(d, {
+								B && f === "Buy Now" ? /* @__PURE__ */ l("div", { children: [C ? /* @__PURE__ */ c(d, {
 									as: "a",
 									href: C,
 									variant: "body",
 									className: "text-sm underline hover:text-accent",
-									onClick: G(C, { kind: "availability" }),
+									onClick: W(C, { kind: "availability" }),
 									children: w
 								}) : null, /* @__PURE__ */ l("div", {
 									className: "hidden md:block text-sm md:mt-4",
@@ -8557,11 +8557,11 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 										href: E,
 										variant: "body",
 										className: "underline hover:text-accent",
-										onClick: G(E, { kind: "returnPolicy" }),
+										onClick: W(E, { kind: "returnPolicy" }),
 										children: O
 									}) : null]
 								})] }) : null,
-								V && f === "Buy Now" && A ? /* @__PURE__ */ c(d, {
+								B && f === "Buy Now" && A ? /* @__PURE__ */ c(d, {
 									as: "p",
 									variant: "h3",
 									className: "mt-1",
@@ -8569,17 +8569,17 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 								}) : null
 							]
 						}),
-						V ? /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(Tl, {
+						B ? /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(Tl, {
 							initialQuantity: j,
 							minQuantity: M,
 							maxQuantity: N,
 							showFavorites: F,
-							onAddToWishlist: ee,
-							onAddToCart: R ?? (() => {}),
+							onAddToWishlist: te,
+							onAddToCart: L ?? (() => {}),
 							onQuantityChange: S,
 							cartLabel: f === "Sample" ? "Add Sample to Cart" : void 0
 						}) }) : null,
-						V && f === "Buy Now" ? /* @__PURE__ */ l("div", {
+						B && f === "Buy Now" ? /* @__PURE__ */ l("div", {
 							className: "md:hidden text-sm pb-10",
 							children: [/* @__PURE__ */ l("span", {
 								className: "opacity-80",
@@ -8589,18 +8589,18 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 								href: E,
 								variant: "body",
 								className: "underline hover:text-accent",
-								onClick: G(E, { kind: "returnPolicy" }),
+								onClick: W(E, { kind: "returnPolicy" }),
 								children: O
 							}) : null]
 						}) : null
 					]
 				})
 			]
-		}), H && L ? /* @__PURE__ */ c("div", {
+		}), V && ee ? /* @__PURE__ */ c("div", {
 			className: "md:absolute md:inset-x-0 md:bottom-0",
-			children: /* @__PURE__ */ c(ie, {
-				actions: L,
-				onActionClick: te
+			children: /* @__PURE__ */ c(K, {
+				actions: ee,
+				onActionClick: R
 			})
 		}) : null]
 	});
@@ -8822,50 +8822,50 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 	style: "currency",
 	currency: t
 }).format(e), Bl = (e) => !!e?.length, Vl = (e, t) => Bl(e) && Bl(t), Hl = (e = []) => e.some((e) => !!e.sku && !!e.rangeId && !!e.grade && !!e.texture && !!e.widthIn && !!e.lengthIn), Ul = (t) => {
-	let { sku: n, decor: r, title: i, description: a, colourMatching: o, patternRepeat: s, onDownloadSwatch: u, onDownloadFullSheet: d, carousel: f, tabs: p = ["Sample", "Buy Now"], initialTab: m = "Sample", tabOptions: h, productOptions: g = [], sizeOptions: _ = [], variants: v = [], currency: y, initialQuantity: b = 1, minQuantity: x = 1, maxQuantity: S = 99, showFavorites: C = !0, actionMode: w = "cart", contactActions: T, onAddToWishlist: E, onAddToCart: D, onContactActionClick: O, availabilityHref: k, availabilityLabel: A = "View full product availability and information", returnPolicyHref: j, returnPolicyLabel: M = "View return policy", notReturnableText: N = "This item is not returnable.", onPurchaseInfoLinkClick: P } = t, F = Array.isArray(p) && p.length ? p : ["Sample", "Buy Now"], I = h?.Sample, L = h?.["Buy Now"], ee = I?.productOptions ?? g ?? [], R = I?.sizeOptions ?? _ ?? [], te = L?.productOptions ?? g ?? [], z = Vl(ee, R), B = Bl(te) && Hl(v), V = F.filter((e) => e === "Sample" ? z : e === "Buy Now" ? B : !0), H = V[0] ?? "Sample", [U, W] = e.useState(V.includes(m) ? m : H);
+	let { sku: n, decor: r, title: i, description: a, colourMatching: o, patternRepeat: s, onDownloadSwatch: u, onDownloadFullSheet: d, carousel: f, tabs: p = ["Sample", "Buy Now"], initialTab: m = "Sample", tabOptions: h, productOptions: g = [], sizeOptions: _ = [], variants: v = [], currency: y, initialQuantity: b = 1, minQuantity: x = 1, maxQuantity: S = 99, showFavorites: C = !0, actionMode: w = "cart", contactActions: T, onAddToWishlist: E, onAddToCart: D, onContactActionClick: O, availabilityHref: k, availabilityLabel: A = "View full product availability and information", returnPolicyHref: j, returnPolicyLabel: M = "View return policy", notReturnableText: N = "This item is not returnable.", onPurchaseInfoLinkClick: P } = t, F = Array.isArray(p) && p.length ? p : ["Sample", "Buy Now"], I = h?.Sample, ee = h?.["Buy Now"], te = I?.productOptions ?? g ?? [], L = I?.sizeOptions ?? _ ?? [], R = ee?.productOptions ?? g ?? [], ne = Vl(te, L), z = Bl(R) && Hl(v), B = F.filter((e) => e === "Sample" ? ne : e === "Buy Now" ? z : !0), V = B[0] ?? "Sample", [H, U] = e.useState(B.includes(m) ? m : V);
 	e.useEffect(() => {
-		if (!V.length) {
-			W("Sample");
+		if (!B.length) {
+			U("Sample");
 			return;
 		}
-		V.includes(U) || W(H);
+		B.includes(H) || U(V);
 	}, [
-		U,
-		V,
-		H
+		H,
+		B,
+		V
 	]);
-	let G = h?.[U], ne = !!G, K = G?.minQuantity ?? x, q = G?.maxQuantity ?? S, J = G?.productOptions ?? (ne ? [] : g) ?? [], re = U === "Buy Now", [ie, ae] = e.useState(() => ({
-		product: Pl(J),
+	let W = h?.[H], G = !!W, re = W?.minQuantity ?? x, ie = W?.maxQuantity ?? S, ae = W?.productOptions ?? (G ? [] : g) ?? [], oe = H === "Buy Now", [K, se] = e.useState(() => ({
+		product: Pl(ae),
 		grade: null,
 		texture: null,
 		size: null
-	})), oe = e.useRef(!1), se = Fl(J, ie.product) ? ie.product : Pl(J), ce = re && se ? v.filter((e) => e.rangeId === se) : [], le = Il(ce.map((e) => ({
+	})), q = e.useRef(!1), J = Fl(ae, K.product) ? K.product : Pl(ae), ce = oe && J ? v.filter((e) => e.rangeId === J) : [], le = Il(ce.map((e) => ({
 		value: e.grade,
 		label: e.grade
-	}))), ue = re ? le : G?.gradeOptions ?? [], de = Fl(ue, ie.grade) ? ie.grade : Pl(ue), fe = de ? ce.filter((e) => e.grade === de) : ce, pe = Il(fe.map((e) => ({
+	}))), ue = oe ? le : W?.gradeOptions ?? [], de = Fl(ue, K.grade) ? K.grade : Pl(ue), fe = de ? ce.filter((e) => e.grade === de) : ce, pe = Il(fe.map((e) => ({
 		value: e.texture,
 		label: e.finish || e.texture
-	}))), me = re ? pe : G?.textureOptions ?? [], Y = Fl(me, ie.texture) ? ie.texture : Pl(me), he = Y ? fe.filter((e) => e.texture === Y) : fe, ge = new Map((G?.sizeOptions ?? _ ?? []).map((e) => [e.value ?? e.id, e.label])), _e = Il(he.map((e) => {
+	}))), me = oe ? pe : W?.textureOptions ?? [], Y = Fl(me, K.texture) ? K.texture : Pl(me), he = Y ? fe.filter((e) => e.texture === Y) : fe, ge = new Map((W?.sizeOptions ?? _ ?? []).map((e) => [e.value ?? e.id, e.label])), _e = Il(he.map((e) => {
 		let t = Ll(e.widthIn, e.lengthIn) ?? void 0;
 		return {
 			value: t,
 			label: t ? ge.get(t) ?? t : void 0
 		};
-	})), ve = re ? _e : G?.sizeOptions ?? (ne ? [] : _) ?? [], ye = Fl(ve, ie.size) ? ie.size : Pl(ve);
+	})), ve = oe ? _e : W?.sizeOptions ?? (G ? [] : _) ?? [], ye = Fl(ve, K.size) ? K.size : Pl(ve);
 	e.useEffect(() => {
-		if (!oe.current) {
-			oe.current = !0;
+		if (!q.current) {
+			q.current = !0;
 			return;
 		}
-		ae({
-			product: Pl(J),
+		se({
+			product: Pl(ae),
 			grade: Pl(ue),
 			texture: Pl(me),
 			size: Pl(ve)
 		});
-	}, [U]), e.useEffect(() => {
-		ae((e) => {
-			let t = e.product && J.some((t) => (t.value ?? t.id) === e.product) ? e.product : Pl(J), n = e.grade && ue.some((t) => (t.value ?? t.id) === e.grade) ? e.grade : Pl(ue), r = e.texture && me.some((t) => (t.value ?? t.id) === e.texture) ? e.texture : Pl(me), i = e.size && ve.some((t) => (t.value ?? t.id) === e.size) ? e.size : Pl(ve);
+	}, [H]), e.useEffect(() => {
+		se((e) => {
+			let t = e.product && ae.some((t) => (t.value ?? t.id) === e.product) ? e.product : Pl(ae), n = e.grade && ue.some((t) => (t.value ?? t.id) === e.grade) ? e.grade : Pl(ue), r = e.texture && me.some((t) => (t.value ?? t.id) === e.texture) ? e.texture : Pl(me), i = e.size && ve.some((t) => (t.value ?? t.id) === e.size) ? e.size : Pl(ve);
 			return e.product === t && e.grade === n && e.texture === r && e.size === i ? e : {
 				product: t,
 				grade: n,
@@ -8874,15 +8874,15 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 			};
 		});
 	}, [
-		J,
+		ae,
 		ue,
 		me,
 		ve
 	]);
 	let X = e.useMemo(() => {
-		if (U !== "Buy Now") return null;
+		if (H !== "Buy Now") return null;
 		let e = {
-			product: se,
+			product: J,
 			grade: de,
 			texture: Y,
 			size: ye
@@ -8892,22 +8892,22 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 		});
 		return t.length ? t.find((e) => e.isWebEnabled) ?? t[0] ?? null : null;
 	}, [
-		U,
+		H,
 		v,
-		se,
+		J,
 		de,
 		Y,
 		ye
-	]), be = U !== "Buy Now" || !!X, xe = U === "Buy Now" && X ? X.price?.label ?? zl(X.price?.value ?? 0, y) : "", Se = U === "Buy Now" && X ? X.price?.value ?? 0 : 0, Ce = U === "Buy Now" ? X?.sku ?? n : n, [we, Te] = e.useState(() => Rl(b, K, q)), Ee = e.useRef(U);
+	]), be = H !== "Buy Now" || !!X, xe = H === "Buy Now" && X ? X.price?.label ?? zl(X.price?.value ?? 0, y) : "", Se = H === "Buy Now" && X ? X.price?.value ?? 0 : 0, Ce = H === "Buy Now" ? X?.sku ?? n : n, [we, Te] = e.useState(() => Rl(b, re, ie)), Ee = e.useRef(H);
 	e.useEffect(() => {
-		Te(Rl(b, K, q));
+		Te(Rl(b, re, ie));
 	}, [
 		b,
-		K,
-		q
+		re,
+		ie
 	]), e.useEffect(() => {
-		Ee.current !== U && (Ee.current = U, Te(K));
-	}, [U, K]);
+		Ee.current !== H && (Ee.current = H, Te(re));
+	}, [H, re]);
 	let De = (e, t) => (t ?? []).map((t) => {
 		let n = t.value ?? t.id;
 		return {
@@ -8915,9 +8915,9 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 			label: t.label,
 			disabled: t.disabled,
 			value: n,
-			active: ie[e] === n,
+			active: K[e] === n,
 			onOptionClick: () => {
-				t.disabled || (ae((t) => ({
+				t.disabled || (se((t) => ({
 					...t,
 					[e]: n
 				})), t.onOptionClick?.(t.id));
@@ -8932,10 +8932,10 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 		patternRepeat: s,
 		onDownloadSwatch: u,
 		onDownloadFullSheet: d,
-		tabs: V,
-		activeTab: U,
-		onTabChange: W,
-		productOptions: De("product", J),
+		tabs: B,
+		activeTab: H,
+		onTabChange: U,
+		productOptions: De("product", ae),
 		gradeOptions: De("grade", ue),
 		textureOptions: De("texture", me),
 		sizeOptions: De("size", ve),
@@ -8946,13 +8946,13 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 		notReturnableText: N,
 		priceLabel: xe,
 		initialQuantity: we,
-		minQuantity: K,
-		maxQuantity: q,
-		showCartActions: V.includes(U) && be,
+		minQuantity: re,
+		maxQuantity: ie,
+		showCartActions: B.includes(H) && be,
 		showFavorites: C,
 		actionMode: w,
 		contactActions: T,
-		selectedProduct: se,
+		selectedProduct: J,
 		selectedGrade: de,
 		selectedTexture: Y,
 		selectedSize: ye,
@@ -8963,18 +8963,18 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 			});
 		},
 		onAddToCart: (e) => {
-			if (U === "Buy Now" && !X) return;
+			if (H === "Buy Now" && !X) return;
 			let t = {
-				type: U,
+				type: H,
 				sku: Ce,
 				decor: r,
-				product: se,
+				product: J,
 				grade: de,
 				texture: Y,
 				size: ye,
 				quantity: e,
-				priceValue: U === "Buy Now" ? Se : 0,
-				priceLabel: U === "Buy Now" ? xe : "$0.00",
+				priceValue: H === "Buy Now" ? Se : 0,
+				priceLabel: H === "Buy Now" ? xe : "$0.00",
 				currency: y,
 				bigCommerceProductId: X?.bigCommerceProductId
 			};
@@ -8986,8 +8986,8 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 				sku: Ce,
 				decor: r,
 				title: i,
-				activeTab: U,
-				product: se,
+				activeTab: H,
+				product: J,
 				grade: de,
 				texture: Y,
 				size: ye
@@ -9230,7 +9230,7 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 		item: e,
 		index: t
 	}));
-	return n === "uniform" ? /* @__PURE__ */ c("section", { children: /* @__PURE__ */ c(B, {
+	return n === "uniform" ? /* @__PURE__ */ c("section", { children: /* @__PURE__ */ c(z, {
 		className: "px-4 py-20 md:px-4",
 		gridClassName: "md:grid-cols-2",
 		columns: 1,
@@ -9248,7 +9248,7 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 		className: "px-4 py-20 md:px-4",
 		children: ru(r).map((e, n, r) => {
 			let i = e.columns === 3;
-			return /* @__PURE__ */ c(B, {
+			return /* @__PURE__ */ c(z, {
 				className: n < r.length - 1 ? "mb-6" : "",
 				gridClassName: i ? "md:grid-cols-3" : "md:grid-cols-2",
 				columns: 1,
@@ -9270,7 +9270,7 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 	2: "md:grid-cols-2",
 	3: "md:grid-cols-3",
 	4: "md:grid-cols-4"
-}, ou = ({ locations: e, selectedLocationId: t, desktopColumns: n = 4, stockedProductsLabel: r, preferredLabel: i, websiteLabel: a, directionsLabel: o, emailLabel: s, onWebsiteClick: l, onDirectionsClick: u, onPhoneClick: d, onEmailClick: f }) => e.length ? /* @__PURE__ */ c(B, {
+}, ou = ({ locations: e, selectedLocationId: t, desktopColumns: n = 4, stockedProductsLabel: r, preferredLabel: i, websiteLabel: a, directionsLabel: o, emailLabel: s, onWebsiteClick: l, onDirectionsClick: u, onPhoneClick: d, onEmailClick: f }) => e.length ? /* @__PURE__ */ c(z, {
 	columns: 1,
 	gap: "lg",
 	gridClassName: au[n],
@@ -9587,7 +9587,7 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 					})]
 				}) : null, /* @__PURE__ */ c("div", {
 					className: i ? "mt-3 space-y-3" : "space-y-3",
-					children: e.items.map((e) => /* @__PURE__ */ c(se, {
+					children: e.items.map((e) => /* @__PURE__ */ c(J, {
 						...e,
 						onDecorClick: a
 					}, e.decorId))
@@ -10477,7 +10477,7 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 		className: "mx-auto w-full max-w-6xl px-4 pb-16 pt-6 md:px-0 md:pt-10",
 		children: [
 			/* @__PURE__ */ l("header", {
-				className: "flex items-center justify-between gap-4 border-b border-borderTertiary pb-5",
+				className: "flex items-center justify-between gap-4 pb-5",
 				children: [/* @__PURE__ */ l("div", {
 					className: "flex min-w-0 items-center gap-4",
 					children: [/* @__PURE__ */ c("span", {
@@ -10514,18 +10514,25 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 			/* @__PURE__ */ c("nav", {
 				"aria-label": "Customer account sections",
 				children: /* @__PURE__ */ c("div", {
-					className: "flex w-full",
 					role: "tablist",
-					children: n.map((e) => {
-						let t = e.id === r;
-						return /* @__PURE__ */ c("button", {
+					children: /* @__PURE__ */ c(dl, {
+						items: n.map((e) => ({
+							label: e.label,
+							value: e.id
+						})),
+						value: r,
+						onChange: (e) => {
+							let t = n.find((t) => t.id === e);
+							t && o({ item: t });
+						},
+						renderTab: ({ item: e, isActive: t, onTabClick: n }) => /* @__PURE__ */ c("button", {
 							type: "button",
 							role: "tab",
 							"aria-selected": t,
-							className: `min-w-0 flex-1 border-b-2 px-2 py-4 text-xs font-semibold transition md:px-5 md:text-sm ${t ? "border-primary text-primary" : "border-transparent text-secondaryActive hover:border-borderTertiary hover:text-primary"}`,
-							onClick: () => o({ item: e }),
+							className: `w-full px-2 py-4 text-xs font-semibold transition md:px-5 md:text-sm ${t ? "text-primary" : "text-secondaryActive hover:text-primary"}`,
+							onClick: n,
 							children: e.label
-						}, e.id);
+						})
 					})
 				})
 			}),
@@ -10800,7 +10807,7 @@ var Mc = (e) => typeof e == "object" && !!e && !Array.isArray(e), Nc = (e) => {
 					className: "flex-1 overflow-y-auto px-6 py-5",
 					children: m ? /* @__PURE__ */ c("div", {
 						className: "flex flex-col gap-4",
-						children: r.map((e) => /* @__PURE__ */ c(re, {
+						children: r.map((e) => /* @__PURE__ */ c(oe, {
 							sku: e.sku,
 							imageSrc: e.imageSrc,
 							imageAlt: e.imageAlt,
@@ -10895,18 +10902,18 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	items: e.items ?? [],
 	mtoItems: e.mtoItems ?? []
 })), id = (e) => e ? `Grade ${e}` : "", ad = ({ breadcrumbsProps: t, productData: n, showFavorites: r = !0, onDownloadSwatch: i, onDownloadFullSheet: a, onAddToWishlist: o, onAddToCart: s, onContactActionClick: u, onProductNavigate: d, cartFlyoutProps: f }) => {
-	let p = n ?? {}, m = p.images ?? [], h = p.product, g = p.content, _ = p.optionSets, v = p.purchase, y = p.ranges ?? [], b = p.standardCopyHero, x = p.featuredProducts ?? [], S = h?.colourMatching, C = _?.ranges ?? [], w = _?.textures ?? [], T = _?.sizes ?? [], E = _?.sampleSizes ?? [], D = Qu(C), O = Qu(w), k = Qu(T), A = Qu(E), j = v?.tabOptions?.Sample ?? {}, M = v?.tabOptions?.["Buy Now"] ?? {}, N = v?.defaults ?? {}, P = ed(p.variants ?? []), F = p.variants?.[0]?.grade ?? null, [I, L] = e.useState(id(F));
+	let p = n ?? {}, m = p.images ?? [], h = p.product, g = p.content, _ = p.optionSets, v = p.purchase, y = p.ranges ?? [], b = p.standardCopyHero, x = p.featuredProducts ?? [], S = h?.colourMatching, C = _?.ranges ?? [], w = _?.textures ?? [], T = _?.sizes ?? [], E = _?.sampleSizes ?? [], D = Qu(C), O = Qu(w), k = Qu(T), A = Qu(E), j = v?.tabOptions?.Sample ?? {}, M = v?.tabOptions?.["Buy Now"] ?? {}, N = v?.defaults ?? {}, P = ed(p.variants ?? []), F = p.variants?.[0]?.grade ?? null, [I, ee] = e.useState(id(F));
 	e.useEffect(() => {
-		L(id(F));
+		ee(id(F));
 	}, [F]);
-	let ee = P.map((e) => {
+	let te = P.map((e) => {
 		let t = id(e.value);
 		return {
 			...e,
 			active: t === I,
-			onOptionClick: () => L(t)
+			onOptionClick: () => ee(t)
 		};
-	}), R = j.productOptionIds, te = R?.filter((e) => !!D[e]) ?? [], z = R?.length ? te : nd(p.variants ?? []), B = j.textureOptionIds, V = B?.filter((e) => !!O[e]) ?? [], H = B?.length ? $u(O, V, N.texture ?? null) : td(p.variants ?? [], N.texture ?? null), U = M.productOptionIds, W = U?.filter((e) => !!D[e]) ?? [], G = U ? W : C.map((e) => e.id), ne = {
+	}), L = j.productOptionIds, R = L?.filter((e) => !!D[e]) ?? [], ne = L?.length ? R : nd(p.variants ?? []), z = j.textureOptionIds, B = z?.filter((e) => !!O[e]) ?? [], V = z?.length ? $u(O, B, N.texture ?? null) : td(p.variants ?? [], N.texture ?? null), H = M.productOptionIds, U = H?.filter((e) => !!D[e]) ?? [], W = H ? U : C.map((e) => e.id), G = {
 		sku: h?.sku ?? "",
 		decor: h?.decor ?? "",
 		title: h?.title ?? "",
@@ -10941,22 +10948,22 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			Sample: {
 				minQuantity: j.minQuantity,
 				maxQuantity: j.maxQuantity,
-				productOptions: $u(D, z, g?.defaultRangeId ?? C[0]?.value ?? null),
+				productOptions: $u(D, ne, g?.defaultRangeId ?? C[0]?.value ?? null),
 				gradeOptions: [],
-				textureOptions: H,
+				textureOptions: V,
 				sizeOptions: $u(A, j.sizeOptionIds ?? [], null)
 			},
 			"Buy Now": {
 				minQuantity: M.minQuantity,
 				maxQuantity: M.maxQuantity,
-				productOptions: $u(D, G, g?.defaultRangeId ?? C[0]?.value ?? null),
-				gradeOptions: ee,
+				productOptions: $u(D, W, g?.defaultRangeId ?? C[0]?.value ?? null),
+				gradeOptions: te,
 				textureOptions: $u(O, M.textureOptionIds ?? [], N.texture ?? null),
 				sizeOptions: $u(k, M.sizeOptionIds ?? [], N.size ?? null)
 			}
 		},
-		productOptions: $u(D, G, g?.defaultRangeId ?? C[0]?.value ?? null),
-		gradeOptions: ee,
+		productOptions: $u(D, W, g?.defaultRangeId ?? C[0]?.value ?? null),
+		gradeOptions: te,
 		selectedGrade: I,
 		textureOptions: $u(O, M.textureOptionIds ?? [], N.texture ?? null),
 		sizeOptions: $u(k, M.sizeOptionIds ?? [], N.size ?? null),
@@ -10984,7 +10991,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			u?.(e, p);
 		},
 		onPurchaseInfoLinkClick: d
-	}, K = {
+	}, re = {
 		ranges: y.map((e) => {
 			let t = e.sizeAndGrade?.definitions ?? [], n = rd(e.sizeAndGrade?.cards);
 			return {
@@ -11008,7 +11015,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		defaultRangeId: g?.defaultRangeId ?? y[0]?.id ?? "",
 		selectedGrade: I,
 		className: ""
-	}, q = (e) => {
+	}, ie = (e) => {
 		let t = e.href || (e.rangeCode && e.decorNumber ? `/products/${e.rangeCode.toUpperCase()}/${e.decorNumber.toUpperCase()}` : "");
 		t && d?.(t, {
 			source: "featured-products",
@@ -11024,8 +11031,8 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			className: "flex flex-col gap-4",
 			children: [
 				t && /* @__PURE__ */ c(Qc, { ...t }),
-				/* @__PURE__ */ c(Ul, { ...ne }),
-				/* @__PURE__ */ c(Xu, { ...K }),
+				/* @__PURE__ */ c(Ul, { ...G }),
+				/* @__PURE__ */ c(Xu, { ...re }),
 				/* @__PURE__ */ c("div", {
 					className: "hidden md:block",
 					children: b && /* @__PURE__ */ c(Wl, {
@@ -11041,7 +11048,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				x.length > 0 && /* @__PURE__ */ c($l, {
 					title: "Trending Products",
 					items: x,
-					onItemClick: q
+					onItemClick: ie
 				})
 			]
 		}), f ? /* @__PURE__ */ c(Zu, { ...f }) : null]
@@ -11086,7 +11093,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	e.product,
 	e.status ?? "standard",
 	t
-].join("-"), ld = ({ swatches: e = [], onSwatchClick: t }) => /* @__PURE__ */ c(B, {
+].join("-"), ld = ({ swatches: e = [], onSwatchClick: t }) => /* @__PURE__ */ c(z, {
 	className: "mb-16 px-4 md:my-12 md:px-0",
 	gridClassName: "md:grid-cols-4",
 	columns: 2,
@@ -11268,12 +11275,12 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		]
 	});
-}, vd = ({ images: e = [], onImageClick: t }) => /* @__PURE__ */ c(B, {
+}, vd = ({ images: e = [], onImageClick: t }) => /* @__PURE__ */ c(z, {
 	className: "mb-16 px-4 md:my-12 md:px-0",
 	gridClassName: "md:grid-cols-4",
 	columns: 2,
 	gap: "md",
-	children: e.map((e, n) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(ae, {
+	children: e.map((e, n) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(se, {
 		className: "block w-full cursor-pointer text-left",
 		onCardClick: () => t?.({
 			image: e,
@@ -11317,12 +11324,12 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 }), xd = ({ standardCopyHeroProps: e, multiButtonBarProps: t, warrantyCardProps: n, documentLinkCollectionProps: r, infoCardProps: i, faqCardCollectionProps: a }) => /* @__PURE__ */ l(s, { children: [
 	/* @__PURE__ */ c(Wl, { ...e }),
 	/* @__PURE__ */ c(od, { ...t }),
-	/* @__PURE__ */ c(R, {
+	/* @__PURE__ */ c(L, {
 		spacing: "section",
 		children: /* @__PURE__ */ c(Ql, { ...n })
 	}),
 	/* @__PURE__ */ c(bd, { ...r }),
-	/* @__PURE__ */ c(R, {
+	/* @__PURE__ */ c(L, {
 		spacing: "section",
 		children: /* @__PURE__ */ c(Qo, { ...i })
 	}),
@@ -11336,7 +11343,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 ].join("-"), Cd = (e, t) => e.slice(0, Math.max(0, Math.min(t ?? e.length, e.length))), wd = (e, t, n) => n ?? `View ${e} more ${t}`, Td = ({ searchFilterProps: e, decorResultsProps: t, resourceResultsProps: n, noResultsMessage: r }) => {
 	let i = t?.items ?? [], a = n?.items ?? [], o = Cd(i, t?.visibleItemCount), u = Cd(a, n?.visibleItemCount), f = i.length - o.length, p = a.length - u.length, m = e.searchBarProps.value?.trim(), h = m ? `Showing results for "${m}"` : "Search Results", g = i.length > 0, _ = a.length > 0, v = g || _;
 	return /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ l(R, {
+		/* @__PURE__ */ l(L, {
 			isFirst: !0,
 			spacing: "compactPaddedSection",
 			children: [/* @__PURE__ */ c(d, {
@@ -11349,7 +11356,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				layoutVariant: "full"
 			})]
 		}),
-		g && t ? /* @__PURE__ */ l(R, {
+		g && t ? /* @__PURE__ */ l(L, {
 			spacing: "compactPaddedSection",
 			children: [
 				t.title ? /* @__PURE__ */ c(d, {
@@ -11382,7 +11389,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				}) : null
 			]
 		}) : null,
-		_ && n ? /* @__PURE__ */ l(R, {
+		_ && n ? /* @__PURE__ */ l(L, {
 			spacing: "compactPaddedSection",
 			children: [
 				n.title ? /* @__PURE__ */ c(d, {
@@ -11407,7 +11414,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				}) : null
 			]
 		}) : null,
-		v ? null : /* @__PURE__ */ c(R, {
+		v ? null : /* @__PURE__ */ c(L, {
 			spacing: "paddedSection",
 			children: /* @__PURE__ */ c(d, {
 				variant: "body",
@@ -11447,7 +11454,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				onProductChange: (t) => n?.(t, e),
 				onSearchSubmit: (t) => r?.(t, e)
 			}),
-			/* @__PURE__ */ c(R, {
+			/* @__PURE__ */ c(L, {
 				spacing: "none",
 				className: "mb-8 pt-10",
 				innerClassName: "flex justify-center",
@@ -11467,7 +11474,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					}
 				})
 			}),
-			/* @__PURE__ */ c(R, {
+			/* @__PURE__ */ c(L, {
 				spacing: "none",
 				className: "mb-8 pb-10 md:mb-10",
 				children: /* @__PURE__ */ c(Cu, {
@@ -11485,7 +11492,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				onDirectionsClick: (t) => s?.(t, e),
 				onPhoneClick: (t) => u?.(t, e),
 				onEmailClick: (t) => f?.(t, e)
-			}) : /* @__PURE__ */ c(R, {
+			}) : /* @__PURE__ */ c(L, {
 				spacing: "paddedSection",
 				children: /* @__PURE__ */ l("div", {
 					className: "text-center",
@@ -11802,25 +11809,25 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			]
 		})]
 	})
-}), Fd = ({ title: e = "Ship To", idPrefix: t = "shipping", firstName: n = "", lastName: r = "", email: i = "", phoneNumber: a = "", companyName: o = "", userType: u = "", address: f = "", apartment: p = "", postalCode: m = "", city: h = "", country: g = "united-states", countryLabel: _, stateProvince: v = "", addressRegionVariant: y = "default", countryDisplayMode: b = "select", countryOptions: x = [], stateProvinceOptions: S = [], userTypeOptions: C = [], userTypePlaceholder: w = "I am a*", cityPlaceholder: T, postalCodePlaceholder: E, stateProvincePlaceholder: D, showCompanyName: O = !0, errors: k = {}, onFirstNameChange: A, onLastNameChange: j, onEmailChange: M, onPhoneNumberChange: N, onCompanyNameChange: P, onUserTypeChange: F, onAddressChange: I, onApartmentChange: L, onPostalCodeChange: ee, onCityChange: R, onCountryChange: te, onStateProvinceChange: z, onFirstNameBlur: B, onLastNameBlur: V, onEmailBlur: H, onPhoneNumberBlur: U, onCompanyNameBlur: W, onUserTypeBlur: G, onAddressBlur: ne, onApartmentBlur: K, onPostalCodeBlur: q, onCityBlur: J, onCountryBlur: re, onStateProvinceBlur: ie }) => {
-	let ae = y === "ca" || y === "mx", oe = T ?? "City", se = E ?? "Postal Code", ce = D ?? (y === "ca" ? "Province" : "State/Province"), le = _ ?? x.find((e) => e.value === g)?.label ?? g, ue = /* @__PURE__ */ c($, {
+}), Fd = ({ title: e = "Ship To", idPrefix: t = "shipping", firstName: n = "", lastName: r = "", email: i = "", phoneNumber: a = "", companyName: o = "", userType: u = "", address: f = "", apartment: p = "", postalCode: m = "", city: h = "", country: g = "united-states", countryLabel: _, stateProvince: v = "", addressRegionVariant: y = "default", countryDisplayMode: b = "select", countryOptions: x = [], stateProvinceOptions: S = [], userTypeOptions: C = [], userTypePlaceholder: w = "I am a*", cityPlaceholder: T, postalCodePlaceholder: E, stateProvincePlaceholder: D, showCompanyName: O = !0, errors: k = {}, onFirstNameChange: A, onLastNameChange: j, onEmailChange: M, onPhoneNumberChange: N, onCompanyNameChange: P, onUserTypeChange: F, onAddressChange: I, onApartmentChange: ee, onPostalCodeChange: te, onCityChange: L, onCountryChange: R, onStateProvinceChange: ne, onFirstNameBlur: z, onLastNameBlur: B, onEmailBlur: V, onPhoneNumberBlur: H, onCompanyNameBlur: U, onUserTypeBlur: W, onAddressBlur: G, onApartmentBlur: re, onPostalCodeBlur: ie, onCityBlur: ae, onCountryBlur: oe, onStateProvinceBlur: K }) => {
+	let se = y === "ca" || y === "mx", q = T ?? "City", J = E ?? "Postal Code", ce = D ?? (y === "ca" ? "Province" : "State/Province"), le = _ ?? x.find((e) => e.value === g)?.label ?? g, ue = /* @__PURE__ */ c($, {
 		id: `${t}-city`,
 		name: "city",
-		placeholder: oe,
+		placeholder: q,
 		value: h,
 		hasError: !!k.city,
 		errorMessage: k.city,
-		onChange: R,
-		onBlur: J
+		onChange: L,
+		onBlur: ae
 	}), de = /* @__PURE__ */ c($, {
 		id: `${t}-postal-code`,
 		name: "postalCode",
-		placeholder: se,
+		placeholder: J,
 		value: m,
 		hasError: !!k.postalCode,
 		errorMessage: k.postalCode,
-		onChange: ee,
-		onBlur: q
+		onChange: te,
+		onBlur: ie
 	}), fe = /* @__PURE__ */ c(xo, {
 		id: `${t}-state-province`,
 		name: "stateProvince",
@@ -11829,8 +11836,8 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		placeholder: ce,
 		hasError: !!k.stateProvince,
 		variant: "field",
-		onChange: z,
-		onBlur: ie
+		onChange: ne,
+		onBlur: K
 	}), pe = b === "readonly" ? /* @__PURE__ */ c($, {
 		id: `${t}-country`,
 		name: "country",
@@ -11847,8 +11854,8 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		placeholder: "Country",
 		hasError: !!k.country,
 		variant: "field",
-		onChange: te,
-		onBlur: re
+		onChange: R,
+		onBlur: oe
 	});
 	return /* @__PURE__ */ l("section", {
 		className: "flex flex-col gap-6",
@@ -11868,7 +11875,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					hasError: !!k.firstName,
 					errorMessage: k.firstName,
 					onChange: A,
-					onBlur: B
+					onBlur: z
 				}),
 				/* @__PURE__ */ c($, {
 					id: `${t}-last-name`,
@@ -11878,7 +11885,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					hasError: !!k.lastName,
 					errorMessage: k.lastName,
 					onChange: j,
-					onBlur: V
+					onBlur: B
 				}),
 				/* @__PURE__ */ c($, {
 					id: `${t}-email`,
@@ -11889,7 +11896,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					hasError: !!k.email,
 					errorMessage: k.email,
 					onChange: M,
-					onBlur: H
+					onBlur: V
 				}),
 				/* @__PURE__ */ c($, {
 					id: `${t}-phone-number`,
@@ -11900,7 +11907,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					hasError: !!k.phoneNumber,
 					errorMessage: k.phoneNumber,
 					onChange: N,
-					onBlur: U
+					onBlur: H
 				}),
 				C.length > 0 ? /* @__PURE__ */ c("div", {
 					className: "col-span-2",
@@ -11913,7 +11920,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						hasError: !!k.userType,
 						variant: "field",
 						onChange: (e) => F?.(e.target.value),
-						onBlur: G
+						onBlur: W
 					})
 				}) : null,
 				O ? /* @__PURE__ */ c("div", {
@@ -11926,7 +11933,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						hasError: !!k.companyName,
 						errorMessage: k.companyName,
 						onChange: P,
-						onBlur: W
+						onBlur: U
 					})
 				}) : null,
 				/* @__PURE__ */ c("div", {
@@ -11939,7 +11946,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						hasError: !!k.address,
 						errorMessage: k.address,
 						onChange: I,
-						onBlur: ne
+						onBlur: G
 					})
 				}),
 				/* @__PURE__ */ c("div", {
@@ -11951,11 +11958,11 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						value: p,
 						hasError: !!k.apartment,
 						errorMessage: k.apartment,
-						onChange: L,
-						onBlur: K
+						onChange: ee,
+						onBlur: re
 					})
 				}),
-				ae ? /* @__PURE__ */ l(s, { children: [
+				se ? /* @__PURE__ */ l(s, { children: [
 					ue,
 					fe,
 					de,
@@ -12429,7 +12436,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	"Account",
 	"Shipping",
 	"Payment"
-], activeMode: n = "signIn", email: r = "", password: i = "", firstName: a = "", lastName: o = "", phoneNumber: s = "", userType: u = "", 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, onModeChange: k, onEmailChange: A, onPasswordChange: j, onFirstNameChange: M, onLastNameChange: N, onPhoneNumberChange: P, onUserTypeChange: F, onConfirmPasswordChange: I, onMarketingOptInChange: L, onTermsAcceptedChange: ee, onEmailBlur: R, onPasswordBlur: te, onForgotPasswordClick: z, onTermsClick: B, onPrivacyClick: V, onContinue: H, onContinueAsGuest: U }) => /* @__PURE__ */ l("div", {
+], activeMode: n = "signIn", email: r = "", password: i = "", firstName: a = "", lastName: o = "", phoneNumber: s = "", userType: u = "", 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, onModeChange: k, onEmailChange: A, onPasswordChange: j, onFirstNameChange: M, onLastNameChange: N, onPhoneNumberChange: P, onUserTypeChange: F, onConfirmPasswordChange: I, onMarketingOptInChange: ee, onTermsAcceptedChange: te, onEmailBlur: L, onPasswordBlur: R, onForgotPasswordClick: ne, onTermsClick: z, onPrivacyClick: B, onContinue: V, onContinueAsGuest: H }) => /* @__PURE__ */ l("div", {
 	className: "flex w-full flex-col gap-8",
 	children: [/* @__PURE__ */ c(Ld, {
 		steps: t,
@@ -12470,16 +12477,16 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		onPhoneNumberChange: P,
 		onUserTypeChange: F,
 		onConfirmPasswordChange: I,
-		onMarketingOptInChange: L,
-		onTermsAcceptedChange: ee,
-		onEmailBlur: R,
-		onPasswordBlur: te,
-		onForgotPasswordClick: z,
-		onTermsClick: B,
-		onPrivacyClick: V,
-		onSignInClick: H,
-		onCreateAccountClick: H,
-		onSecondaryClick: U
+		onMarketingOptInChange: ee,
+		onTermsAcceptedChange: te,
+		onEmailBlur: L,
+		onPasswordBlur: R,
+		onForgotPasswordClick: ne,
+		onTermsClick: z,
+		onPrivacyClick: B,
+		onSignInClick: V,
+		onCreateAccountClick: V,
+		onSecondaryClick: H
 	})]
 }), Jd = (e) => e.customerState === "authenticated" ? /* @__PURE__ */ c("section", {
 	className: "mt-10 flex w-full justify-center px-4 pb-16 md:px-6",
@@ -12664,7 +12671,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			children: e.label
 		}, e.value);
 	})
-})] }), af = ({ itemLabel: e, selectedCount: t, failedCount: n, onSelectAll: r, onSelectFailed: i, onClear: a, onCancel: o }) => /* @__PURE__ */ l("div", {
+})] }), af = ({ itemLabel: e, selectedCount: t, failedCount: n, disableAllDisabled: r, onSelectAll: i, onSelectFailed: a, onDisableAll: o, onClear: s, onCancel: u }) => /* @__PURE__ */ l("div", {
 	"aria-label": `${e === "sheet" ? "sheets" : "samples"} bulk actions`,
 	className: "mt-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3",
 	children: [
@@ -12674,23 +12681,35 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			children: [t, " selected"]
 		}),
 		/* @__PURE__ */ l("div", {
-			className: "mt-2 flex gap-2",
-			children: [/* @__PURE__ */ c(D, {
-				label: "Select all",
-				variant: "outline",
-				intent: "primary",
-				size: "xs",
-				className: "shrink-0 whitespace-nowrap",
-				onClick: r
-			}), /* @__PURE__ */ c(D, {
-				label: `Select failed checks (${n})`,
-				variant: "outline",
-				intent: "primary",
-				size: "xs",
-				className: "shrink-0 whitespace-nowrap",
-				disabled: n === 0,
-				onClick: i
-			})]
+			className: "mt-2 flex flex-wrap gap-2",
+			children: [
+				/* @__PURE__ */ c(D, {
+					label: "Select all",
+					variant: "outline",
+					intent: "primary",
+					size: "xs",
+					className: "shrink-0 whitespace-nowrap",
+					onClick: i
+				}),
+				/* @__PURE__ */ c(D, {
+					label: `Select failed checks (${n})`,
+					variant: "outline",
+					intent: "primary",
+					size: "xs",
+					className: "shrink-0 whitespace-nowrap",
+					disabled: n === 0,
+					onClick: a
+				}),
+				/* @__PURE__ */ c(D, {
+					label: "Disable all",
+					variant: "outline",
+					intent: "danger",
+					size: "xs",
+					className: "shrink-0 whitespace-nowrap",
+					disabled: r,
+					onClick: o
+				})
+			]
 		}),
 		/* @__PURE__ */ l("div", {
 			className: "mt-2 flex items-center gap-1",
@@ -12701,14 +12720,14 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				size: "xs",
 				className: "shrink-0 whitespace-nowrap",
 				disabled: t === 0,
-				onClick: a
+				onClick: s
 			}), /* @__PURE__ */ c(D, {
 				label: "Cancel",
 				variant: "ghost",
 				intent: "primary",
 				size: "xs",
 				className: "shrink-0 whitespace-nowrap",
-				onClick: o
+				onClick: u
 			})]
 		})
 	]
@@ -12888,69 +12907,69 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		});
 	}
-	let { data: t, sideNavProps: n = { items: [] }, onTabSelect: r, onLocalizationSelect: i, onDecorFieldChange: a, onDecorSave: o, onDecorCancel: s, onDeleteDecorClick: u, onSkuSearchChange: f, onSkuSelect: p, onAddSkuClick: m, onSkuVariantSelect: g, onNewSkuChange: _, onSkuFieldChange: v, onSkuSave: y, onSkuCancel: b, onSkuCreate: x, onSkuDelete: S, onSkuBulkSelectionChange: C, onSkuBulkDelete: w, onIntegrationRefresh: T, onSampleSearchChange: E, onSampleSelect: O, onAddSampleClick: k, onSampleVariantSelect: j, onNewSampleSkuChange: M, onSampleFieldChange: N, onSampleSave: P, onSampleCancel: F, onSampleCreate: I, onSampleDelete: L, onSampleBulkSelectionChange: ee, onSampleBulkDelete: R, onNoticeActionClick: te } = e, { decor: z, decorEditor: B, skuEditor: V, sampleEditor: H } = t, U = t.skus.find((e) => e.id === V.selectedSkuId), W = t.skus.map((e) => ({
+	let { data: t, sideNavProps: n = { items: [] }, onTabSelect: r, onLocalizationSelect: i, onDecorFieldChange: a, onDecorSave: o, onDecorCancel: s, onDeleteDecorClick: u, onSkuSearchChange: f, onSkuSelect: p, onAddSkuClick: m, onSkuVariantSelect: g, onNewSkuChange: _, onSkuFieldChange: v, onSkuSave: y, onSkuCancel: b, onSkuCreate: x, onSkuDelete: S, onSkuBulkSelectionChange: C, onSkuBulkDelete: w, onSkuDisableAll: T, onIntegrationRefresh: E, onBigCommerceSync: O, onSampleSearchChange: k, onSampleSelect: j, onAddSampleClick: M, onSampleVariantSelect: N, onNewSampleSkuChange: P, onSampleFieldChange: F, onSampleSave: I, onSampleCancel: ee, onSampleCreate: te, onSampleDelete: L, onSampleBulkSelectionChange: R, onSampleBulkDelete: ne, onSampleDisableAll: z, onNoticeActionClick: B } = e, { decor: V, decorEditor: H, skuEditor: U, sampleEditor: W } = t, G = t.skus.find((e) => e.id === U.selectedSkuId), re = !!U.integration?.bigCommerceId?.trim(), ie = U.integration?.bigCommerceStatusLabel ?? (re ? "Ready" : "Not found"), ae = U.integration?.availableForOnlineCheckout ?? U.integration?.availabilityLabel?.trim().toLowerCase() === "true", oe = t.skus.map((e) => ({
 		id: e.id,
 		label: e.sku,
 		value: e.id,
 		description: `${e.finish} · ${e.grade} · ${e.size}`
-	})), G = t.samples.find((e) => e.id === H.selectedSampleId), ne = t.samples.map((e) => ({
+	})), K = t.samples.find((e) => e.id === W.selectedSampleId), se = t.samples.map((e) => ({
 		id: e.id,
 		label: e.sku,
 		value: e.id,
 		description: `${e.finish} · ${e.size}`
-	})), K = V.bulkSelection, q = H.bulkSelection, J = K?.selectedIds ?? [], re = q?.selectedIds ?? [], ie = t.skus.filter((e) => !e.isForSale).map((e) => e.id), ae = t.samples.filter((e) => !e.isSampleable).map((e) => e.id), oe = B.activeLocalization.saveStatus === "saving", se = B.searchColorFieldId ? [...B.sharedFields, ...B.localizedFields].filter((e) => e.id === B.searchColorFieldId) : [], ce = B.decorFlagFieldId ? B.sharedFields.filter((e) => e.id === B.decorFlagFieldId) : [], le = B.sharedFields.filter((e) => e.id !== B.searchColorFieldId && e.id !== B.decorFlagFieldId), ue = B.localizedFields.filter((e) => e.id !== B.searchColorFieldId), de = V.saveStatus === "saving", fe = H.saveStatus === "saving", pe = H.mode === "edit", me = null;
-	V.mode === "create" ? me = /* @__PURE__ */ c(D, {
-		label: V.createLabel ?? "Create SKU",
+	})), q = U.bulkSelection, J = W.bulkSelection, ce = q?.selectedIds ?? [], le = J?.selectedIds ?? [], ue = t.skus.filter((e) => !e.isForSale).map((e) => e.id), de = t.samples.filter((e) => !e.isSampleable).map((e) => e.id), fe = H.activeLocalization.saveStatus === "saving", pe = H.searchColorFieldId ? [...H.sharedFields, ...H.localizedFields].filter((e) => e.id === H.searchColorFieldId) : [], me = H.decorFlagFieldId ? H.sharedFields.filter((e) => e.id === H.decorFlagFieldId) : [], Y = H.sharedFields.filter((e) => e.id !== H.searchColorFieldId && e.id !== H.decorFlagFieldId), he = H.localizedFields.filter((e) => e.id !== H.searchColorFieldId), ge = U.saveStatus === "saving", _e = W.saveStatus === "saving", ve = W.mode === "edit", ye = null;
+	U.mode === "create" ? ye = /* @__PURE__ */ c(D, {
+		label: U.createLabel ?? "Create SKU",
 		iconType: "fa-solid",
 		iconName: "plus",
 		iconAlt: "",
 		variant: "solid",
 		intent: "primary",
-		disabled: V.createDisabled,
+		disabled: U.createDisabled,
 		onClick: () => x?.({
-			sku: V.newSkuValue,
-			grade: V.selectedGrade ?? "",
-			finish: V.selectedFinish ?? "",
-			size: V.selectedSize ?? ""
+			sku: U.newSkuValue,
+			grade: U.selectedGrade ?? "",
+			finish: U.selectedFinish ?? "",
+			size: U.selectedSize ?? ""
 		})
-	}) : U && (me = /* @__PURE__ */ c(D, {
-		label: V.controls.saveLabel,
+	}) : G && (ye = /* @__PURE__ */ c(D, {
+		label: U.controls.saveLabel,
 		iconType: "fa-solid",
-		iconName: de ? "spinner" : "floppy-disk",
+		iconName: ge ? "spinner" : "floppy-disk",
 		iconAlt: "",
 		variant: "solid",
 		intent: "primary",
-		disabled: V.controls.saveDisabled || de,
-		"aria-busy": de || void 0,
-		onClick: () => y?.({ skuId: U.id })
+		disabled: U.controls.saveDisabled || ge,
+		"aria-busy": ge || void 0,
+		onClick: () => y?.({ skuId: G.id })
 	}));
-	let Y = null;
-	H.mode === "create" ? Y = /* @__PURE__ */ c(D, {
-		label: H.createLabel ?? "Create Sample",
+	let X = null;
+	W.mode === "create" ? X = /* @__PURE__ */ c(D, {
+		label: W.createLabel ?? "Create Sample",
 		iconType: "fa-solid",
 		iconName: "plus",
 		iconAlt: "",
 		variant: "solid",
 		intent: "primary",
-		disabled: H.createDisabled,
-		onClick: () => I?.({
-			sku: H.newSkuValue,
-			finish: H.selectedFinish ?? "",
-			size: H.selectedSize ?? ""
+		disabled: W.createDisabled,
+		onClick: () => te?.({
+			sku: W.newSkuValue,
+			finish: W.selectedFinish ?? "",
+			size: W.selectedSize ?? ""
 		})
-	}) : G && (Y = /* @__PURE__ */ c(D, {
-		label: H.controls.saveLabel,
+	}) : K && (X = /* @__PURE__ */ c(D, {
+		label: W.controls.saveLabel,
 		iconType: "fa-solid",
-		iconName: fe ? "spinner" : "floppy-disk",
+		iconName: _e ? "spinner" : "floppy-disk",
 		iconAlt: "",
 		variant: "solid",
 		intent: "primary",
-		disabled: H.controls.saveDisabled || fe,
-		"aria-busy": fe || void 0,
-		onClick: () => P?.({ sampleId: G.id })
+		disabled: W.controls.saveDisabled || _e,
+		"aria-busy": _e || void 0,
+		onClick: () => I?.({ sampleId: K.id })
 	}));
-	let he = null;
-	return H.mode === "create" ? he = /* @__PURE__ */ l("div", {
+	let be = null;
+	return W.mode === "create" ? be = /* @__PURE__ */ l("div", {
 		className: "mt-5",
 		children: [/* @__PURE__ */ c("label", {
 			htmlFor: "market-readiness-new-sample-sku",
@@ -12959,7 +12978,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		}), /* @__PURE__ */ c(Co, {
 			id: "market-readiness-new-sample-sku",
 			name: "newSampleSku",
-			value: H.newSkuValue,
+			value: W.newSkuValue,
 			placeholder: "Generated sample SKU",
 			leadingIcon: /* @__PURE__ */ c(h, {
 				iconType: "fa-solid",
@@ -12967,9 +12986,9 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				alt: "",
 				size: "sm"
 			}),
-			onChange: (e) => M?.({ value: e.target.value })
+			onChange: (e) => P?.({ value: e.target.value })
 		})]
-	}) : G?.sourceIdentifier && (he = /* @__PURE__ */ l("div", {
+	}) : K?.sourceIdentifier && (be = /* @__PURE__ */ l("div", {
 		className: "mt-5 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3",
 		children: [/* @__PURE__ */ c(d, {
 			variant: "free",
@@ -12977,7 +12996,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			children: "Salsify identifier"
 		}), /* @__PURE__ */ c("code", {
 			className: "mt-1 block break-all text-sm text-primary",
-			children: G.sourceIdentifier
+			children: K.sourceIdentifier
 		})]
 	})), /* @__PURE__ */ l(Yd, {
 		pageTitle: t.pageTitle,
@@ -12986,9 +13005,9 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		children: [
 			/* @__PURE__ */ l("section", {
 				className: "mt-5 flex items-center gap-4 rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm",
-				children: [z.imageUrl ? /* @__PURE__ */ c(A, {
-					src: z.imageUrl,
-					alt: z.imageAlt ?? "",
+				children: [V.imageUrl ? /* @__PURE__ */ c(A, {
+					src: V.imageUrl,
+					alt: V.imageAlt ?? "",
 					quality: 85,
 					className: "h-16 w-16 rounded-md border border-borderTertiary object-cover"
 				}) : /* @__PURE__ */ c("span", {
@@ -13005,15 +13024,15 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						as: "h2",
 						variant: "free",
 						className: "text-lg font-bold text-primary",
-						children: z.name
+						children: V.name
 					}), /* @__PURE__ */ l(d, {
 						variant: "free",
 						className: "mt-1 text-sm text-primary",
 						children: [
 							"Decor ",
-							z.decorCode,
+							V.decorCode,
 							" · Range ",
-							z.rangeCode
+							V.rangeCode
 						]
 					})]
 				})]
@@ -13039,7 +13058,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							variant: "outline",
 							intent: "primary",
 							size: "sm",
-							onClick: te
+							onClick: B
 						})
 					}) : null
 				]
@@ -13081,77 +13100,77 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					className: "rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm md:col-span-2",
 					children: /* @__PURE__ */ c(fc, {
 						title: "Decor details",
-						description: B.sharedDescription,
+						description: H.sharedDescription,
 						fields: [
-							...ue,
-							...le,
-							...ce,
-							...se
+							...he,
+							...Y,
+							...me,
+							...pe
 						],
 						fieldGroups: [{
 							id: "localized-decor-fields",
-							title: `${B.activeLocalization.heading} content`,
-							description: B.localizationDescription ?? "These fields change with the selected locale.",
-							fieldIds: ue.map((e) => e.id)
+							title: `${H.activeLocalization.heading} content`,
+							description: H.localizationDescription ?? "These fields change with the selected locale.",
+							fieldIds: he.map((e) => e.id)
 						}, {
 							id: "shared-decor-fields",
-							title: B.sharedTitle ?? "Shared decor details",
-							fieldIds: le.map((e) => e.id)
+							title: H.sharedTitle ?? "Shared decor details",
+							fieldIds: Y.map((e) => e.id)
 						}],
 						density: "compact",
 						severityDisplay: "icon",
 						showActions: !1,
 						validationSummary: /* @__PURE__ */ l("div", {
 							className: "flex flex-col-reverse gap-4 border-t border-borderTertiary pt-5 md:flex-row md:items-end md:justify-between",
-							children: [/* @__PURE__ */ c("div", { children: B.deleteLabel ? /* @__PURE__ */ c(D, {
-								label: B.deleteLabel,
+							children: [/* @__PURE__ */ c("div", { children: H.deleteLabel ? /* @__PURE__ */ c(D, {
+								label: H.deleteLabel,
 								iconType: "fa-solid",
 								iconName: "trash",
 								iconAlt: "",
 								variant: "outline",
 								intent: "danger",
-								disabled: B.deleteDisabled || oe,
-								onClick: () => u?.({ decorId: z.id })
+								disabled: H.deleteDisabled || fe,
+								onClick: () => u?.({ decorId: V.id })
 							}) : null }), /* @__PURE__ */ l("div", {
 								className: "flex flex-col gap-3 md:items-end",
 								children: [/* @__PURE__ */ c(nf, {
-									status: B.activeLocalization.saveStatus,
-									label: B.activeLocalization.saveStatusLabel,
-									errorMessage: B.activeLocalization.saveErrorMessage,
-									lastSavedLabel: B.activeLocalization.lastSavedLabel
+									status: H.activeLocalization.saveStatus,
+									label: H.activeLocalization.saveStatusLabel,
+									errorMessage: H.activeLocalization.saveErrorMessage,
+									lastSavedLabel: H.activeLocalization.lastSavedLabel
 								}), /* @__PURE__ */ l("div", {
 									className: "flex gap-2",
 									children: [/* @__PURE__ */ c(D, {
-										label: B.controls.cancelLabel,
+										label: H.controls.cancelLabel,
 										variant: "outline",
 										intent: "primary",
-										disabled: B.controls.cancelDisabled || oe,
+										disabled: H.controls.cancelDisabled || fe,
 										onClick: () => s?.({
-											decorId: z.id,
-											localizationId: B.activeLocalization.id
+											decorId: V.id,
+											localizationId: H.activeLocalization.id
 										})
 									}), /* @__PURE__ */ c(D, {
-										label: B.controls.saveLabel,
+										label: H.controls.saveLabel,
 										iconType: "fa-solid",
-										iconName: oe ? "spinner" : "floppy-disk",
+										iconName: fe ? "spinner" : "floppy-disk",
 										iconAlt: "",
 										variant: "solid",
 										intent: "primary",
-										disabled: B.controls.saveDisabled || oe,
-										"aria-busy": oe || void 0,
+										disabled: H.controls.saveDisabled || fe,
+										"aria-busy": fe || void 0,
 										onClick: () => o?.({
-											decorId: z.id,
-											localizationId: B.activeLocalization.id
+											decorId: V.id,
+											localizationId: H.activeLocalization.id
 										})
 									})]
 								})]
 							})]
 						}),
 						onDynamicFormFieldChange: ({ fieldId: e, value: t }) => {
-							let n = B.sharedFields.some((t) => t.id === e);
+							let n = H.sharedFields.some((t) => t.id === e);
 							a?.({
-								decorId: z.id,
-								localizationId: n ? void 0 : B.activeLocalization.id,
+								decorId: V.id,
+								localizationId: n ? void 0 : H.activeLocalization.id,
 								scope: n ? "shared" : "localized",
 								fieldId: e,
 								value: t
@@ -13162,9 +13181,9 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					className: "rounded-lg border border-borderTertiary bg-secondary p-4 shadow-sm",
 					children: /* @__PURE__ */ c(su, {
 						title: "Decor localizations",
-						markets: B.markets,
-						selectedLocalizationId: B.activeLocalization.id,
-						localizationSelectionDisabled: oe,
+						markets: H.markets,
+						selectedLocalizationId: H.activeLocalization.id,
+						localizationSelectionDisabled: fe,
 						onLocalizationSelect: i
 					})
 				})]
@@ -13189,9 +13208,9 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									id: "market-readiness-sku-search",
 									name: "skuSearch",
 									ariaLabel: "Sheet SKU",
-									value: V.searchValue,
-									options: W,
-									valueStatus: U?.isForSale === !1 && V.searchValue === U.sku ? "inactive" : "default",
+									value: U.searchValue,
+									options: oe,
+									valueStatus: G?.isForSale === !1 && U.searchValue === G.sku ? "inactive" : "default",
 									placeholder: "Search sheet SKUs",
 									controlSize: "default",
 									onQueryChange: f,
@@ -13205,7 +13224,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									}
 								})]
 							}), /* @__PURE__ */ c(D, {
-								label: V.addSkuLabel ?? "Add Sheet",
+								label: U.addSkuLabel ?? "Add Sheet",
 								iconType: "fa-solid",
 								iconName: "plus",
 								iconAlt: "",
@@ -13214,7 +13233,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								onClick: m
 							})]
 						})
-					}), V.mode === "edit" && !U ? /* @__PURE__ */ l("section", {
+					}), U.mode === "edit" && !G ? /* @__PURE__ */ l("section", {
 						className: "rounded-lg border border-dashed border-borderTertiary bg-secondary p-8 text-center",
 						children: [/* @__PURE__ */ c(d, {
 							as: "h2",
@@ -13235,17 +13254,24 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									as: "h2",
 									variant: "free",
 									className: "text-base font-bold text-primary",
-									children: V.mode === "create" ? "Create a new sheet SKU" : U?.sku
+									children: U.mode === "create" ? "Create a new sheet SKU" : G?.sku
 								}), /* @__PURE__ */ c(d, {
 									variant: "free",
 									className: "mt-1 text-sm text-tertiary",
-									children: V.mode === "create" ? "Choose the variant identity. Existing combinations cannot be created twice." : "Variant identity and selling fields remain editable. Changes are validated when you save."
-								})] }), U?.statusLabel ? /* @__PURE__ */ c("span", {
-									className: "rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-primary",
-									children: U.statusLabel
+									children: U.mode === "create" ? "Choose the variant identity. Existing combinations cannot be created twice." : "Variant identity and selling fields remain editable. Changes are validated when you save."
+								})] }), G ? /* @__PURE__ */ l("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: [G.statusLabel ? /* @__PURE__ */ c("span", {
+										className: "rounded-full bg-tertiaryActive px-3 py-1 text-xs font-bold text-primary",
+										children: G.statusLabel
+									}) : null, /* @__PURE__ */ l("span", {
+										"aria-label": `Big Commerce readiness: ${ie}`,
+										className: `rounded-full px-3 py-1 text-xs font-bold ${re ? "bg-saleGreen/10 text-saleGreen" : "bg-accent/10 text-accent"}`,
+										children: ["Big Commerce: ", ie]
+									})]
 								}) : null]
 							}),
-							V.mode === "create" ? /* @__PURE__ */ l("div", {
+							U.mode === "create" ? /* @__PURE__ */ l("div", {
 								className: "mt-5",
 								children: [/* @__PURE__ */ c("label", {
 									htmlFor: "market-readiness-new-sku",
@@ -13254,7 +13280,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								}), /* @__PURE__ */ c(Co, {
 									id: "market-readiness-new-sku",
 									name: "newSku",
-									value: V.newSkuValue,
+									value: U.newSkuValue,
 									placeholder: "Generated sheet SKU",
 									leadingIcon: /* @__PURE__ */ c(h, {
 										iconType: "fa-solid",
@@ -13271,8 +13297,8 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									/* @__PURE__ */ c(rf, {
 										title: "Grade",
 										dimension: "grade",
-										options: V.gradeOptions,
-										selectedValue: V.selectedGrade,
+										options: U.gradeOptions,
+										selectedValue: U.selectedGrade,
 										readOnly: !1,
 										onSelect: (e, t) => g?.({
 											dimension: e,
@@ -13282,8 +13308,8 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									/* @__PURE__ */ c(rf, {
 										title: "Finish",
 										dimension: "finish",
-										options: V.finishOptions,
-										selectedValue: V.selectedFinish,
+										options: U.finishOptions,
+										selectedValue: U.selectedFinish,
 										readOnly: !1,
 										onSelect: (e, t) => g?.({
 											dimension: e,
@@ -13293,8 +13319,8 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									/* @__PURE__ */ c(rf, {
 										title: "Size",
 										dimension: "size",
-										options: V.sizeOptions,
-										selectedValue: V.selectedSize,
+										options: U.sizeOptions,
+										selectedValue: U.selectedSize,
 										readOnly: !1,
 										onSelect: (e, t) => g?.({
 											dimension: e,
@@ -13303,11 +13329,11 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									})
 								]
 							}),
-							V.duplicateMessage ? /* @__PURE__ */ c(d, {
+							U.duplicateMessage ? /* @__PURE__ */ c(d, {
 								role: "alert",
 								variant: "free",
 								className: "mt-4 rounded-md border border-accent bg-accent/10 p-3 text-sm text-accent",
-								children: V.duplicateMessage
+								children: U.duplicateMessage
 							}) : null,
 							/* @__PURE__ */ l("div", {
 								className: "mt-6 border-t border-borderTertiary pt-5",
@@ -13326,12 +13352,12 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									/* @__PURE__ */ c("div", {
 										className: "mt-4",
 										children: /* @__PURE__ */ c(fc, {
-											fields: V.fields,
+											fields: U.fields,
 											density: "compact",
 											severityDisplay: "icon",
 											showActions: !1,
 											onDynamicFormFieldChange: ({ fieldId: e, value: t }) => v?.({
-												skuId: U?.id,
+												skuId: G?.id,
 												fieldId: e,
 												value: t
 											})
@@ -13339,83 +13365,123 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									})
 								]
 							}),
-							V.mode === "edit" ? /* @__PURE__ */ l("section", {
-								className: "mt-6 rounded-md border border-borderTertiary bg-adminSideNavBackground p-4",
-								children: [/* @__PURE__ */ l("div", {
-									className: "flex flex-wrap items-center justify-between gap-3",
-									children: [/* @__PURE__ */ c(d, {
+							U.mode === "edit" ? /* @__PURE__ */ l("div", {
+								className: "mt-6 space-y-4",
+								children: [/* @__PURE__ */ l("section", {
+									className: "flex flex-col gap-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-4 md:flex-row md:items-center md:justify-between",
+									children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(d, {
 										as: "h3",
 										variant: "free",
 										className: "text-sm font-bold text-primary",
-										children: "Integration status"
-									}), U ? /* @__PURE__ */ c(D, {
-										label: "Refresh",
+										children: "Big Commerce"
+									}), /* @__PURE__ */ l("div", {
+										"aria-label": `Big Commerce status: ${ie}`,
+										className: "mt-2 flex items-center gap-2 text-sm text-primary",
+										children: [/* @__PURE__ */ c("span", {
+											"aria-hidden": "true",
+											className: `h-3 w-3 shrink-0 rounded-full ${re ? "bg-saleGreen" : "bg-accent"}`
+										}), /* @__PURE__ */ c("span", { children: ie })]
+									})] }), G ? /* @__PURE__ */ c(D, {
+										label: U.integration?.bigCommerceSyncLabel ?? "Sync",
 										iconType: "fa-solid",
-										iconName: "rotate",
+										iconName: "arrows-rotate",
 										iconAlt: "",
 										variant: "outline",
 										intent: "primary",
 										size: "sm",
-										onClick: () => T?.({ skuId: U.id })
+										className: "w-24",
+										disabled: U.integration?.bigCommerceSyncDisabled || !O,
+										onClick: () => O?.({ skuId: G.id })
 									}) : null]
-								}), /* @__PURE__ */ l("dl", {
-									className: "mt-4 grid gap-4 md:grid-cols-2",
-									children: [
-										/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("dt", {
-											className: "text-xs font-bold uppercase text-tertiary",
-											children: "LX SKU"
-										}), /* @__PURE__ */ c("dd", {
-											className: "mt-1 text-sm text-primary",
-											children: V.integration?.lxId ?? "Not assigned"
-										})] }),
-										/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("dt", {
-											className: "text-xs font-bold uppercase text-tertiary",
-											children: "BigCommerce ID"
-										}), /* @__PURE__ */ c("dd", {
-											className: "mt-1 text-sm text-primary",
-											children: V.integration?.bigCommerceId ?? "Not assigned"
-										})] }),
-										/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("dt", {
-											className: "text-xs font-bold uppercase text-tertiary",
-											children: "Available For Online Checkout"
-										}), /* @__PURE__ */ c("dd", {
-											className: "mt-1 text-sm text-primary",
-											children: V.integration?.availabilityLabel ?? "Unknown"
-										})] }),
-										/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("dt", {
-											className: "text-xs font-bold uppercase text-tertiary",
-											children: "Last synchronized"
-										}), /* @__PURE__ */ c("dd", {
-											className: "mt-1 text-sm text-primary",
-											children: V.integration?.lastSynchronizedLabel ?? "Never"
-										})] })
-									]
+								}), /* @__PURE__ */ l("section", {
+									className: "rounded-md border border-borderTertiary bg-adminSideNavBackground p-4",
+									children: [/* @__PURE__ */ l("div", {
+										className: "flex flex-wrap items-center justify-between gap-3",
+										children: [/* @__PURE__ */ l("div", {
+											className: "flex flex-wrap items-center gap-3",
+											children: [/* @__PURE__ */ c(d, {
+												as: "h3",
+												variant: "free",
+												className: "text-sm font-bold text-primary",
+												children: "LX"
+											}), /* @__PURE__ */ l("div", {
+												"aria-label": `LX availability: ${ae ? "Available" : "Unavailable"}`,
+												className: "flex items-center gap-2 text-sm text-primary",
+												children: [/* @__PURE__ */ c("span", {
+													"aria-hidden": "true",
+													className: `h-3 w-3 shrink-0 rounded-full ${ae ? "bg-saleGreen" : "bg-accent"}`
+												}), /* @__PURE__ */ c("span", { children: ae ? "Available" : "Unavailable" })]
+											})]
+										}), G ? /* @__PURE__ */ c(D, {
+											label: "Refresh",
+											iconType: "fa-solid",
+											iconName: "rotate",
+											iconAlt: "",
+											variant: "outline",
+											intent: "primary",
+											size: "sm",
+											className: "w-24",
+											onClick: () => E?.({ skuId: G.id })
+										}) : null]
+									}), /* @__PURE__ */ l("dl", {
+										className: "mt-4 grid gap-4 md:grid-cols-2",
+										children: [
+											/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("dt", {
+												className: "text-xs font-bold uppercase text-tertiary",
+												children: "LX SKU"
+											}), /* @__PURE__ */ c("dd", {
+												className: "mt-1 text-sm text-primary",
+												children: U.integration?.lxId ?? "Not assigned"
+											})] }),
+											/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("dt", {
+												className: "text-xs font-bold uppercase text-tertiary",
+												children: "Price"
+											}), /* @__PURE__ */ c("dd", {
+												className: "mt-1 text-sm text-primary",
+												children: U.integration?.priceLabel ?? "Not available"
+											})] }),
+											/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("dt", {
+												className: "text-xs font-bold uppercase text-tertiary",
+												children: "Available For Online Checkout"
+											}), /* @__PURE__ */ c("dd", {
+												className: "mt-1 text-sm text-primary",
+												children: U.integration?.availabilityLabel ?? "Unknown"
+											})] }),
+											/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("dt", {
+												className: "text-xs font-bold uppercase text-tertiary",
+												children: "Last synchronized"
+											}), /* @__PURE__ */ c("dd", {
+												className: "mt-1 text-sm text-primary",
+												children: U.integration?.lastSynchronizedLabel ?? "Never"
+											})] })
+										]
+									})]
 								})]
 							}) : null,
 							/* @__PURE__ */ l("footer", {
 								className: "mt-6 flex flex-col-reverse gap-3 border-t border-borderTertiary pt-5 md:flex-row md:items-end md:justify-between",
-								children: [/* @__PURE__ */ c("div", { children: V.mode === "edit" && U && V.deleteLabel && S ? /* @__PURE__ */ c(D, {
-									label: V.deleteLabel,
+								children: [/* @__PURE__ */ c("div", { children: U.mode === "edit" && G && U.deleteLabel && S ? /* @__PURE__ */ c(D, {
+									label: U.deleteLabel,
 									variant: "outline",
 									intent: "danger",
-									disabled: V.deleteDisabled || de,
-									onClick: () => S?.({ skuId: U.id })
+									disabled: U.deleteDisabled || ge,
+									onClick: () => S?.({ skuId: G.id })
 								}) : null }), /* @__PURE__ */ l("div", {
 									className: "flex flex-col gap-3 md:items-end",
 									children: [/* @__PURE__ */ c(nf, {
-										status: V.saveStatus,
-										label: V.saveStatusLabel,
-										errorMessage: V.saveErrorMessage,
-										lastSavedLabel: V.lastSavedLabel
+										status: U.saveStatus,
+										label: U.saveStatusLabel,
+										errorMessage: U.saveErrorMessage,
+										lastSavedLabel: U.lastSavedLabel
 									}), /* @__PURE__ */ l("div", {
 										className: "flex gap-2",
 										children: [/* @__PURE__ */ c(D, {
-											label: V.controls.cancelLabel,
+											label: U.controls.cancelLabel,
 											variant: "outline",
 											intent: "primary",
-											disabled: V.controls.cancelDisabled || de,
+											disabled: U.controls.cancelDisabled || ge,
 											onClick: b
-										}), me]
+										}), ye]
 									})]
 								})]
 							})
@@ -13438,15 +13504,15 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 										children: "Sheets"
 									}), /* @__PURE__ */ l("div", {
 										className: "flex items-center gap-2",
-										children: [K ? /* @__PURE__ */ c(D, {
-											iconType: K.active ? "fa-solid" : "fa-regular",
-											iconName: K.active ? "square-check" : "square",
-											iconAlt: K.active ? "Close sheet selection" : "Select sheets",
+										children: [q ? /* @__PURE__ */ c(D, {
+											iconType: q.active ? "fa-solid" : "fa-regular",
+											iconName: q.active ? "square-check" : "square",
+											iconAlt: q.active ? "Close sheet selection" : "Select sheets",
 											variant: "ghost",
-											intent: K.active ? "accent" : "primary",
+											intent: q.active ? "accent" : "primary",
 											size: "xs",
 											onClick: () => C?.({
-												active: !K.active,
+												active: !q.active,
 												skuIds: []
 											})
 										}) : null, /* @__PURE__ */ c("span", {
@@ -13454,18 +13520,20 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 											children: t.skus.length
 										})]
 									})]
-								}), K?.active ? /* @__PURE__ */ c(af, {
+								}), q?.active ? /* @__PURE__ */ c(af, {
 									itemLabel: "sheet",
-									selectedCount: J.length,
-									failedCount: ie.length,
+									selectedCount: ce.length,
+									failedCount: ue.length,
+									disableAllDisabled: q.disableAllDisabled || t.skus.length === 0 || !T,
 									onSelectAll: () => C?.({
 										active: !0,
 										skuIds: t.skus.map((e) => e.id)
 									}),
 									onSelectFailed: () => C?.({
 										active: !0,
-										skuIds: ie
+										skuIds: ue
 									}),
+									onDisableAll: () => T?.({ skuIds: t.skus.map((e) => e.id) }),
 									onClear: () => C?.({
 										active: !0,
 										skuIds: []
@@ -13479,17 +13547,17 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							/* @__PURE__ */ c("div", {
 								className: "mt-4 space-y-2",
 								children: t.skus.map((e) => {
-									let t = J.includes(e.id), n = K?.active ? t : e.id === V.selectedSkuId;
+									let t = ce.includes(e.id), n = q?.active ? t : e.id === U.selectedSkuId;
 									return /* @__PURE__ */ c("button", {
 										type: "button",
 										"aria-pressed": n,
-										"aria-label": K?.active ? `${t ? "Deselect" : "Select"} sheet ${e.sku}` : void 0,
-										className: `w-full rounded-md border p-3 text-left transition ${ef(n, K?.active ?? !1, t)}`,
+										"aria-label": q?.active ? `${t ? "Deselect" : "Select"} sheet ${e.sku}` : void 0,
+										className: `w-full rounded-md border p-3 text-left transition ${ef(n, q?.active ?? !1, t)}`,
 										onClick: () => {
-											if (K?.active) {
+											if (q?.active) {
 												C?.({
 													active: !0,
-													skuIds: t ? J.filter((t) => t !== e.id) : [...J, e.id]
+													skuIds: t ? ce.filter((t) => t !== e.id) : [...ce, e.id]
 												});
 												return;
 											}
@@ -13501,7 +13569,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 										children: /* @__PURE__ */ l("span", {
 											className: "flex items-start gap-2",
 											children: [
-												K?.active ? /* @__PURE__ */ c(h, {
+												q?.active ? /* @__PURE__ */ c(h, {
 													iconType: t ? "fa-solid" : "fa-regular",
 													iconName: t ? "square-check" : "square",
 													alt: "",
@@ -13538,11 +13606,11 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									}, e.id);
 								})
 							}),
-							K?.active && J.length > 0 ? /* @__PURE__ */ c(of, {
+							q?.active && ce.length > 0 ? /* @__PURE__ */ c(of, {
 								itemLabel: "sheet",
-								selectedCount: J.length,
-								deleteDisabled: K.deleteDisabled || !w,
-								onDelete: () => w?.({ skuIds: J })
+								selectedCount: ce.length,
+								deleteDisabled: q.deleteDisabled || !w,
+								onDelete: () => w?.({ skuIds: ce })
 							}) : null
 						]
 					})]
@@ -13568,42 +13636,42 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									id: "market-readiness-sample-search",
 									name: "sampleSearch",
 									ariaLabel: "Sample SKU",
-									value: H.searchValue,
-									options: ne,
-									valueStatus: G?.isSampleable === !1 && H.searchValue === G.sku ? "inactive" : "default",
+									value: W.searchValue,
+									options: se,
+									valueStatus: K?.isSampleable === !1 && W.searchValue === K.sku ? "inactive" : "default",
 									placeholder: "Search sample SKUs",
 									controlSize: "default",
-									onQueryChange: E,
-									onClear: () => E?.({ value: "" }),
+									onQueryChange: k,
+									onClear: () => k?.({ value: "" }),
 									onOptionSelect: ({ option: e }) => {
 										let n = t.samples.find((t) => t.id === e.value);
-										n && O?.({
+										n && j?.({
 											sampleId: n.id,
 											sku: n.sku
 										});
 									}
 								})]
 							}), /* @__PURE__ */ c(D, {
-								label: H.addLabel ?? "Add Sample",
+								label: W.addLabel ?? "Add Sample",
 								iconType: "fa-solid",
 								iconName: "plus",
 								iconAlt: "",
 								variant: "outline",
 								intent: "primary",
-								onClick: k
+								onClick: M
 							})]
 						})
-					}), H.mode === "edit" && !G ? /* @__PURE__ */ l("section", {
+					}), W.mode === "edit" && !K ? /* @__PURE__ */ l("section", {
 						className: "rounded-lg border border-dashed border-borderTertiary bg-secondary p-8 text-center",
 						children: [/* @__PURE__ */ c(d, {
 							as: "h2",
 							variant: "free",
 							className: "text-base font-bold text-primary",
-							children: H.emptyTitle
+							children: W.emptyTitle
 						}), /* @__PURE__ */ c(d, {
 							variant: "free",
 							className: "mt-2 text-sm text-primary",
-							children: H.emptyMessage
+							children: W.emptyMessage
 						})]
 					}) : /* @__PURE__ */ l("section", {
 						className: "rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm",
@@ -13612,24 +13680,24 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								as: "h2",
 								variant: "free",
 								className: "text-base font-bold text-primary",
-								children: H.mode === "create" ? "Create a new sample" : G?.sku
+								children: W.mode === "create" ? "Create a new sample" : K?.sku
 							}),
 							/* @__PURE__ */ c(d, {
 								variant: "free",
 								className: "mt-2 text-sm text-tertiary",
-								children: H.identifierHelpText
+								children: W.identifierHelpText
 							}),
-							he,
+							be,
 							/* @__PURE__ */ l("div", {
 								className: "mt-5 space-y-5",
 								children: [/* @__PURE__ */ c(rf, {
 									title: "Finish",
 									dimension: "finish",
-									options: H.finishOptions,
-									selectedValue: H.selectedFinish,
-									readOnly: pe,
+									options: W.finishOptions,
+									selectedValue: W.selectedFinish,
+									readOnly: ve,
 									onSelect: (e, t) => {
-										e !== "grade" && j?.({
+										e !== "grade" && N?.({
 											dimension: e,
 											value: t
 										});
@@ -13637,11 +13705,11 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								}), /* @__PURE__ */ c(rf, {
 									title: "Size",
 									dimension: "size",
-									options: H.sizeOptions,
-									selectedValue: H.selectedSize,
-									readOnly: pe,
+									options: W.sizeOptions,
+									selectedValue: W.selectedSize,
+									readOnly: ve,
 									onSelect: (e, t) => {
-										e !== "grade" && j?.({
+										e !== "grade" && N?.({
 											dimension: e,
 											value: t
 										});
@@ -13651,12 +13719,12 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							/* @__PURE__ */ c("div", {
 								className: "mt-5",
 								children: /* @__PURE__ */ c(fc, {
-									fields: H.fields,
+									fields: W.fields,
 									density: "compact",
 									severityDisplay: "icon",
 									showActions: !1,
-									onDynamicFormFieldChange: ({ fieldId: e, value: t }) => N?.({
-										sampleId: G?.id,
+									onDynamicFormFieldChange: ({ fieldId: e, value: t }) => F?.({
+										sampleId: K?.id,
 										fieldId: e,
 										value: t
 									})
@@ -13664,28 +13732,28 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							}),
 							/* @__PURE__ */ l("footer", {
 								className: "mt-6 flex flex-col-reverse gap-3 border-t border-borderTertiary pt-5 md:flex-row md:items-end md:justify-between",
-								children: [/* @__PURE__ */ c("div", { children: H.mode === "edit" && G && H.deleteLabel && L ? /* @__PURE__ */ c(D, {
-									label: H.deleteLabel,
+								children: [/* @__PURE__ */ c("div", { children: W.mode === "edit" && K && W.deleteLabel && L ? /* @__PURE__ */ c(D, {
+									label: W.deleteLabel,
 									variant: "outline",
 									intent: "danger",
-									disabled: H.deleteDisabled || fe,
-									onClick: () => L?.({ sampleId: G.id })
+									disabled: W.deleteDisabled || _e,
+									onClick: () => L?.({ sampleId: K.id })
 								}) : null }), /* @__PURE__ */ l("div", {
 									className: "flex flex-col gap-3 md:items-end",
 									children: [/* @__PURE__ */ c(nf, {
-										status: H.saveStatus,
-										label: H.saveStatusLabel,
-										errorMessage: H.saveErrorMessage,
-										lastSavedLabel: H.lastSavedLabel
+										status: W.saveStatus,
+										label: W.saveStatusLabel,
+										errorMessage: W.saveErrorMessage,
+										lastSavedLabel: W.lastSavedLabel
 									}), /* @__PURE__ */ l("div", {
 										className: "flex gap-2",
 										children: [/* @__PURE__ */ c(D, {
-											label: H.controls.cancelLabel,
+											label: W.controls.cancelLabel,
 											variant: "outline",
 											intent: "primary",
-											disabled: H.controls.cancelDisabled || fe,
-											onClick: F
-										}), Y]
+											disabled: W.controls.cancelDisabled || _e,
+											onClick: ee
+										}), X]
 									})]
 								})]
 							})
@@ -13708,15 +13776,15 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 										children: "Samples"
 									}), /* @__PURE__ */ l("div", {
 										className: "flex items-center gap-2",
-										children: [q ? /* @__PURE__ */ c(D, {
-											iconType: q.active ? "fa-solid" : "fa-regular",
-											iconName: q.active ? "square-check" : "square",
-											iconAlt: q.active ? "Close sample selection" : "Select samples",
+										children: [J ? /* @__PURE__ */ c(D, {
+											iconType: J.active ? "fa-solid" : "fa-regular",
+											iconName: J.active ? "square-check" : "square",
+											iconAlt: J.active ? "Close sample selection" : "Select samples",
 											variant: "ghost",
-											intent: q.active ? "accent" : "primary",
+											intent: J.active ? "accent" : "primary",
 											size: "xs",
-											onClick: () => ee?.({
-												active: !q.active,
+											onClick: () => R?.({
+												active: !J.active,
 												sampleIds: []
 											})
 										}) : null, /* @__PURE__ */ c("span", {
@@ -13724,23 +13792,25 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 											children: t.samples.length
 										})]
 									})]
-								}), q?.active ? /* @__PURE__ */ c(af, {
+								}), J?.active ? /* @__PURE__ */ c(af, {
 									itemLabel: "sample",
-									selectedCount: re.length,
-									failedCount: ae.length,
-									onSelectAll: () => ee?.({
+									selectedCount: le.length,
+									failedCount: de.length,
+									disableAllDisabled: J.disableAllDisabled || t.samples.length === 0 || !z,
+									onSelectAll: () => R?.({
 										active: !0,
 										sampleIds: t.samples.map((e) => e.id)
 									}),
-									onSelectFailed: () => ee?.({
+									onSelectFailed: () => R?.({
 										active: !0,
-										sampleIds: ae
+										sampleIds: de
 									}),
-									onClear: () => ee?.({
+									onDisableAll: () => z?.({ sampleIds: t.samples.map((e) => e.id) }),
+									onClear: () => R?.({
 										active: !0,
 										sampleIds: []
 									}),
-									onCancel: () => ee?.({
+									onCancel: () => R?.({
 										active: !1,
 										sampleIds: []
 									})
@@ -13749,21 +13819,21 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							t.samples.length ? /* @__PURE__ */ c("div", {
 								className: "mt-4 space-y-2",
 								children: t.samples.map((e) => {
-									let t = re.includes(e.id), n = q?.active ? t : e.id === H.selectedSampleId;
+									let t = le.includes(e.id), n = J?.active ? t : e.id === W.selectedSampleId;
 									return /* @__PURE__ */ c("button", {
 										type: "button",
 										"aria-pressed": n,
-										"aria-label": q?.active ? `${t ? "Deselect" : "Select"} sample ${e.sku}` : void 0,
-										className: `w-full rounded-md border p-3 text-left transition ${ef(n, q?.active ?? !1, t)}`,
+										"aria-label": J?.active ? `${t ? "Deselect" : "Select"} sample ${e.sku}` : void 0,
+										className: `w-full rounded-md border p-3 text-left transition ${ef(n, J?.active ?? !1, t)}`,
 										onClick: () => {
-											if (q?.active) {
-												ee?.({
+											if (J?.active) {
+												R?.({
 													active: !0,
-													sampleIds: t ? re.filter((t) => t !== e.id) : [...re, e.id]
+													sampleIds: t ? le.filter((t) => t !== e.id) : [...le, e.id]
 												});
 												return;
 											}
-											O?.({
+											j?.({
 												sampleId: e.id,
 												sku: e.sku
 											});
@@ -13771,7 +13841,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 										children: /* @__PURE__ */ l("span", {
 											className: "flex items-start gap-2",
 											children: [
-												q?.active ? /* @__PURE__ */ c(h, {
+												J?.active ? /* @__PURE__ */ c(h, {
 													iconType: t ? "fa-solid" : "fa-regular",
 													iconName: t ? "square-check" : "square",
 													alt: "",
@@ -13803,11 +13873,11 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								className: "mt-4 text-sm text-tertiary",
 								children: "No samples have been added to this decor."
 							}),
-							q?.active && re.length > 0 ? /* @__PURE__ */ c(of, {
+							J?.active && le.length > 0 ? /* @__PURE__ */ c(of, {
 								itemLabel: "sample",
-								selectedCount: re.length,
-								deleteDisabled: q.deleteDisabled || !R,
-								onDelete: () => R?.({ sampleIds: re })
+								selectedCount: le.length,
+								deleteDisabled: J.deleteDisabled || !ne,
+								onDelete: () => ne?.({ sampleIds: le })
 							}) : null
 						]
 					})]
@@ -14029,8 +14099,8 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		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: u = "Data Forge could not load the allow list.", createUserDraft: f, roleOptions: p, regionOptions: m, users: h, defaultRegionLabel: g = "Default Region", defaultRegionPlaceholder: _ = "Select region", createMessage: v, updateMessage: y, deleteMessage: b, createPending: x = !1, updatePending: S = !1, deletePending: C = !1, deleteUserEmail: w, addUserLabel: T = "Add User", addingUserLabel: E = "Adding...", updateLabel: O = "Update", updatingLabel: k = "Updating...", activateLabel: A = "Activate", suspendLabel: j = "Suspend", removeLabel: M = "Remove", removingLabel: N = "Removing...", cancelLabel: P = "Cancel", onNewUserEmailChange: F, onNewUserRoleChange: I, onNewUserActiveChange: L, onNewUserDefaultRegionChange: ee, onCreateUser: R, onRowUpdate: te, onUserActiveToggle: z, onDeleteUserRequest: B, onDeleteModalClose: V, onDeleteUserConfirm: H }) => {
-	let U = t?.trim() ?? "", W = f.active && !f.defaultRegion.trim(), G = h.map((e) => ({
+}, 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: u = "Data Forge could not load the allow list.", createUserDraft: f, roleOptions: p, regionOptions: m, users: h, defaultRegionLabel: g = "Default Region", defaultRegionPlaceholder: _ = "Select region", createMessage: v, updateMessage: y, deleteMessage: b, createPending: x = !1, updatePending: S = !1, deletePending: C = !1, deleteUserEmail: w, addUserLabel: T = "Add User", addingUserLabel: E = "Adding...", updateLabel: O = "Update", updatingLabel: k = "Updating...", activateLabel: A = "Activate", suspendLabel: j = "Suspend", removeLabel: M = "Remove", removingLabel: N = "Removing...", cancelLabel: P = "Cancel", onNewUserEmailChange: F, onNewUserRoleChange: I, onNewUserActiveChange: ee, onNewUserDefaultRegionChange: te, onCreateUser: L, onRowUpdate: R, onUserActiveToggle: ne, onDeleteUserRequest: z, onDeleteModalClose: B, onDeleteUserConfirm: V }) => {
+	let H = t?.trim() ?? "", U = f.active && !f.defaultRegion.trim(), W = h.map((e) => ({
 		id: e.email,
 		values: {
 			active: e.active ? "active" : "inactive",
@@ -14038,7 +14108,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			role: e.role,
 			defaultRegion: e.defaultRegion
 		}
-	})), ne = `${h.length.toLocaleString()} ${h.length === 1 ? "user" : "users"}`, K = (e) => /* @__PURE__ */ l("article", {
+	})), G = `${h.length.toLocaleString()} ${h.length === 1 ? "user" : "users"}`, re = (e) => /* @__PURE__ */ l("article", {
 		className: "grid gap-3 rounded-md border border-borderTertiary bg-adminSideNavBackground p-3 md:grid-cols-[minmax(0,1fr)_auto] md:items-center",
 		children: [/* @__PURE__ */ l("div", {
 			className: "min-w-0",
@@ -14068,7 +14138,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				size: "sm",
 				type: "button",
 				variant: "outline",
-				onClick: () => z?.({ user: e })
+				onClick: () => ne?.({ user: e })
 			}), /* @__PURE__ */ c(D, {
 				disabled: C || e.removeDisabled,
 				iconAlt: "",
@@ -14079,7 +14149,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				size: "sm",
 				type: "button",
 				variant: "outline",
-				onClick: () => B?.({ user: e })
+				onClick: () => z?.({ user: e })
 			})]
 		})]
 	}, e.email);
@@ -14099,10 +14169,10 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						variant: "free",
 						className: "text-2xl font-bold text-primary",
 						children: e
-					}), U ? /* @__PURE__ */ c(d, {
+					}), H ? /* @__PURE__ */ c(d, {
 						variant: "free",
 						className: "mt-2 text-sm text-primary",
-						children: U
+						children: H
 					}) : null]
 				}), r ? /* @__PURE__ */ l("div", {
 					className: "mt-5 grid gap-5",
@@ -14111,7 +14181,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							"aria-label": "Add authorization user",
 							className: "grid gap-4 rounded-lg border border-borderTertiary bg-secondary p-5 shadow-sm md:grid-cols-6 md:items-end",
 							onSubmit: (e) => {
-								e.preventDefault(), R?.({ user: f });
+								e.preventDefault(), L?.({ user: f });
 							},
 							children: [
 								/* @__PURE__ */ l("div", {
@@ -14159,9 +14229,9 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 										placeholder: _,
 										disabled: x,
 										required: f.active,
-										hasError: W,
+										hasError: U,
 										options: m,
-										onChange: (e) => ee?.({ region: e.target.value })
+										onChange: (e) => te?.({ region: e.target.value })
 									})]
 								}),
 								/* @__PURE__ */ l("div", {
@@ -14182,11 +14252,11 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 											label: "Inactive",
 											value: "inactive"
 										}],
-										onChange: (e) => L?.({ active: e.target.value === "active" })
+										onChange: (e) => ee?.({ active: e.target.value === "active" })
 									})]
 								}),
 								/* @__PURE__ */ c(D, {
-									disabled: x || W,
+									disabled: x || U,
 									iconAlt: "",
 									iconName: "user-plus",
 									iconType: "fa-solid",
@@ -14249,12 +14319,12 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							],
 							description: "Edit role, status, or default region inline, then use Update on that row.",
 							emptyMessage: "No allow-list users are configured.",
-							rowCountLabel: ne,
-							rows: G,
+							rowCountLabel: G,
+							rows: W,
 							title: "Allow List",
 							updateLabel: S ? k : O,
 							updateDisabled: S,
-							onRowUpdate: te
+							onRowUpdate: R
 						}),
 						/* @__PURE__ */ c(_f, { message: y }),
 						/* @__PURE__ */ l("section", {
@@ -14276,7 +14346,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								}),
 								/* @__PURE__ */ c("div", {
 									className: "grid gap-2",
-									children: h.map(K)
+									children: h.map(re)
 								}),
 								/* @__PURE__ */ c(_f, { message: b })
 							]
@@ -14301,7 +14371,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			open: !!w,
 			size: "md",
 			title: "Remove User?",
-			onClose: () => V?.(),
+			onClose: () => B?.(),
 			children: /* @__PURE__ */ l("div", {
 				className: "grid gap-5",
 				children: [/* @__PURE__ */ l(d, {
@@ -14321,7 +14391,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						size: "sm",
 						type: "button",
 						variant: "outline",
-						onClick: () => V?.()
+						onClick: () => B?.()
 					}), /* @__PURE__ */ c(D, {
 						disabled: C,
 						iconAlt: "",
@@ -14333,7 +14403,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						type: "button",
 						variant: "solid",
 						onClick: () => {
-							w && H?.({ email: w });
+							w && V?.({ email: w });
 						}
 					})]
 				})]
@@ -14475,7 +14545,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		className: "mt-5 flex min-w-0 flex-1 flex-col md:mt-0",
 		children: r
 	})]
-}), Cf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, regionOptions: r, regionValue: i, regionLabel: a = "Region", regionPlaceholder: o = "Select region", regionHelpText: s = "Searches and changes will use product data from this region.", regionDisabled: u = !1, findDecorLabel: f = "Find a decor", createDecorViewLabel: p = "Create a decor", decorCodeValue: m, decorCodeLabel: g = "Decor Code", decorCodePlaceholder: _ = "Enter the new decor code", status: v, statusMessage: y, createNewPrompt: b = "Start with a blank decor", createNewDescription: x = "Enter a decor code that does not yet have a market-readiness record to begin a controlled draft.", createNewLabel: S = "Create Blank Decor", createNewHelpText: C = "Setting up a new decor creates a controlled draft. Nothing is published until the draft is saved.", createNewDisabled: w = !1, copyDecorTitle: T = "Copy an existing decor", copyDecorDescription: E = "Copy an existing decor's market-readiness data into a new decor, then update only the fields that differ.", sourceDecorCodeValue: O, sourceDecorCodeOptions: k = [], sourceDecorCodeLabel: A = "Source Decor Code", sourceDecorCodePlaceholder: j = "Start typing the decor code to copy", sourceDecorCodeEmptyMessage: M = "No matching decor codes found.", newDecorCodeValue: N, newDecorCodeLabel: P = "New Decor Code", newDecorCodePlaceholder: F = "Enter the new decor code", copyDecorLabel: I = "Copy to New Decor", copyDecorHelpText: L = "The source decor stays unchanged. The copied record starts as a draft and is not published until it is saved.", copyDecorDisabled: ee = !1, deleteDecorTitle: R = "Delete an entire decor", deleteDecorDescription: te = "Remove a decor and every SKU that belongs to it.", deleteDecorCodeValue: z, deleteDecorCodeLabel: B = "Decor Code to Delete", deleteDecorCodePlaceholder: V = "Enter the decor code to delete", deleteDecorLabel: H = "Delete Entire Decor", deleteDecorHelpText: U = "This is destructive and cannot be undone. The decor and all of its SKUs will be removed.", deleteDecorDisabled: W = !1, retryLabel: G = "Try Again", onDecorCodeChange: ne, onRegionChange: K, onFindDecorClick: q, onCreateNewClick: J, onSourceDecorCodeChange: re, onSourceDecorCodeOptionSelect: ie, onNewDecorCodeChange: ae, onCopyDecorClick: oe, onDeleteDecorCodeChange: se, onDeleteDecorClick: ce, onRetryClick: le }) => {
+}), Cf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, regionOptions: r, regionValue: i, regionLabel: a = "Region", regionPlaceholder: o = "Select region", regionHelpText: s = "Searches and changes will use product data from this region.", regionDisabled: u = !1, findDecorLabel: f = "Find a decor", createDecorViewLabel: p = "Create a decor", decorCodeValue: m, decorCodeLabel: g = "Decor Code", decorCodePlaceholder: _ = "Enter the new decor code", status: v, statusMessage: y, createNewPrompt: b = "Start with a blank decor", createNewDescription: x = "Enter a decor code that does not yet have a market-readiness record to begin a controlled draft.", createNewLabel: S = "Create Blank Decor", createNewHelpText: C = "Setting up a new decor creates a controlled draft. Nothing is published until the draft is saved.", createNewDisabled: w = !1, copyDecorTitle: T = "Copy an existing decor", copyDecorDescription: E = "Copy an existing decor's market-readiness data into a new decor, then update only the fields that differ.", sourceDecorCodeValue: O, sourceDecorCodeOptions: k = [], sourceDecorCodeLabel: A = "Source Decor Code", sourceDecorCodePlaceholder: j = "Start typing the decor code to copy", sourceDecorCodeEmptyMessage: M = "No matching decor codes found.", newDecorCodeValue: N, newDecorCodeLabel: P = "New Decor Code", newDecorCodePlaceholder: F = "Enter the new decor code", copyDecorLabel: I = "Copy to New Decor", copyDecorHelpText: ee = "The source decor stays unchanged. The copied record starts as a draft and is not published until it is saved.", copyDecorDisabled: te = !1, deleteDecorTitle: L = "Delete an entire decor", deleteDecorDescription: R = "Remove a decor and every SKU that belongs to it.", deleteDecorCodeValue: ne, deleteDecorCodeLabel: z = "Decor Code to Delete", deleteDecorCodePlaceholder: B = "Enter the decor code to delete", deleteDecorLabel: V = "Delete Entire Decor", deleteDecorHelpText: H = "This is destructive and cannot be undone. The decor and all of its SKUs will be removed.", deleteDecorDisabled: U = !1, retryLabel: W = "Try Again", onDecorCodeChange: G, onRegionChange: re, onFindDecorClick: ie, onCreateNewClick: ae, onSourceDecorCodeChange: oe, onSourceDecorCodeOptionSelect: K, onNewDecorCodeChange: se, onCopyDecorClick: q, onDeleteDecorCodeChange: J, onDeleteDecorClick: ce, onRetryClick: le }) => {
 	let ue = v === "checking", de = v === "error", fe = !i.trim(), pe = ue || u || fe, me = de ? y?.trim() ?? "" : "";
 	return /* @__PURE__ */ l(Yd, {
 		pageTitle: e,
@@ -14489,7 +14559,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			helpText: s,
 			disabled: u || ue,
 			name: "market-readiness-region",
-			onChange: K
+			onChange: re
 		}),
 		children: [
 			/* @__PURE__ */ c("div", {
@@ -14505,7 +14575,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 					selectedId: "create",
 					ariaLabel: "Market readiness view",
 					onSelect: (e) => {
-						e === "find" && q?.();
+						e === "find" && ie?.();
 					}
 				})
 			}),
@@ -14528,7 +14598,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						}), le ? /* @__PURE__ */ c("div", {
 							className: "mt-3",
 							children: /* @__PURE__ */ c(D, {
-								label: G,
+								label: W,
 								variant: "outline",
 								intent: "primary",
 								size: "sm",
@@ -14565,7 +14635,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									alt: "",
 									size: "sm"
 								}),
-								onChange: (e) => ne({ value: e.target.value })
+								onChange: (e) => G({ value: e.target.value })
 							})] }),
 							/* @__PURE__ */ c("div", {
 								className: "mt-auto pt-5",
@@ -14579,7 +14649,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									intent: "primary",
 									fullWidth: !0,
 									disabled: w || pe,
-									onClick: () => J({ decorCode: m })
+									onClick: () => ae({ decorCode: m })
 								})
 							}),
 							C ? /* @__PURE__ */ c(d, {
@@ -14610,10 +14680,10 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									controlSize: "default",
 									disabled: pe,
 									emptyMessage: M,
-									onQueryChange: re,
-									onClear: () => re({ value: "" }),
+									onQueryChange: oe,
+									onClear: () => oe({ value: "" }),
 									onOptionSelect: (e) => {
-										re({ value: e.option.value }), ie?.(e);
+										oe({ value: e.option.value }), K?.(e);
 									}
 								})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 									htmlFor: "market-readiness-copy-new-decor-code",
@@ -14633,7 +14703,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 										alt: "",
 										size: "sm"
 									}),
-									onChange: (e) => ae({ value: e.target.value })
+									onChange: (e) => se({ value: e.target.value })
 								})] })]
 							}),
 							/* @__PURE__ */ c("div", {
@@ -14647,35 +14717,35 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									variant: "solid",
 									intent: "primary",
 									fullWidth: !0,
-									disabled: ee || pe,
-									onClick: () => oe({
+									disabled: te || pe,
+									onClick: () => q({
 										sourceDecorCode: O,
 										newDecorCode: N
 									})
 								})
 							}),
-							L ? /* @__PURE__ */ c(d, {
+							ee ? /* @__PURE__ */ c(d, {
 								variant: "free",
 								className: "mt-3 text-xs text-tertiary",
-								children: L
+								children: ee
 							}) : null
 						]
 					}),
 					/* @__PURE__ */ l(Sf, {
-						title: R,
-						description: te,
+						title: L,
+						description: R,
 						iconName: "trash-can",
 						children: [
 							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 								htmlFor: "market-readiness-delete-decor-code",
 								className: "text-sm font-bold text-primary",
-								children: B
+								children: z
 							}), /* @__PURE__ */ c(Co, {
 								id: "market-readiness-delete-decor-code",
 								name: "deleteDecorCode",
 								type: "search",
-								value: z,
-								placeholder: V,
+								value: ne,
+								placeholder: B,
 								disabled: pe,
 								autoComplete: "off",
 								leadingIcon: /* @__PURE__ */ c(h, {
@@ -14684,12 +14754,12 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									alt: "",
 									size: "sm"
 								}),
-								onChange: (e) => se({ value: e.target.value })
+								onChange: (e) => J({ value: e.target.value })
 							})] }),
 							/* @__PURE__ */ c("div", {
 								className: "mt-auto pt-5",
 								children: /* @__PURE__ */ c(D, {
-									label: H,
+									label: V,
 									iconType: "fa-solid",
 									iconName: "trash-can",
 									iconAlt: "",
@@ -14697,14 +14767,14 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									variant: "solid",
 									intent: "danger",
 									fullWidth: !0,
-									disabled: W || pe || !z.trim(),
-									onClick: () => ce({ decorCode: z })
+									disabled: U || pe || !ne.trim(),
+									onClick: () => ce({ decorCode: ne })
 								})
 							}),
-							U ? /* @__PURE__ */ c(d, {
+							H ? /* @__PURE__ */ c(d, {
 								variant: "free",
 								className: "mt-3 text-xs text-accent",
-								children: U
+								children: H
 							}) : null
 						]
 					})
@@ -14712,33 +14782,33 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			})
 		]
 	});
-}, wf = ({ pageTitle: e, pageDescription: n, sideNavProps: r, regionOptions: i, regionValue: o, regionLabel: u = "Region", regionPlaceholder: f = "Select region", regionHelpText: p = "Searches and changes will use product data from this region.", regionDisabled: m = !1, findDecorLabel: h = "Find a decor", createDecorLabel: g = "Create a decor", searchValue: v, searchLabel: y = "Search decors", searchPlaceholder: b, searchDisabled: x = !1, rangeOptions: S, selectedRangeId: C, rangePromptTitle: w = "Select a range to view its decors", rangePromptMessage: T = "Choose a range above to load its market-readiness records.", resultCount: E, resultLabel: O = "decors", groups: k, status: A = { state: "ready" }, hasMore: j = !1, loadingMore: M = !1, loadMoreLabel: N = "Load more decors", onRegionChange: P, onCreateDecorClick: F, onSearchChange: I, onSearchSubmit: L, onRangeSelect: ee, onDecorClick: R, onLoadMore: te, onRetryClick: z }) => {
-	let B = a(null), V = !o.trim() || m, H = `${E.toLocaleString()} ${O}`, U = k.reduce((e, t) => e + t.items.length, 0), W = S.find((e) => e.id === C), G = b ?? (W ? `Search within ${W.label}` : "Select a range before searching");
+}, wf = ({ pageTitle: e, pageDescription: n, sideNavProps: r, regionOptions: i, regionValue: o, regionLabel: u = "Region", regionPlaceholder: f = "Select region", regionHelpText: p = "Searches and changes will use product data from this region.", regionDisabled: m = !1, findDecorLabel: h = "Find a decor", createDecorLabel: g = "Create a decor", searchValue: v, searchLabel: y = "Search decors", searchPlaceholder: b, searchDisabled: x = !1, rangeOptions: S, selectedRangeId: C, rangePromptTitle: w = "Select a range to view its decors", rangePromptMessage: T = "Choose a range above to load its market-readiness records.", resultCount: E, resultLabel: O = "decors", groups: k, status: A = { state: "ready" }, hasMore: j = !1, loadingMore: M = !1, loadMoreLabel: N = "Load more decors", onRegionChange: P, onCreateDecorClick: F, onSearchChange: I, onSearchSubmit: ee, onRangeSelect: te, onDecorClick: L, onLoadMore: R, onRetryClick: ne }) => {
+	let z = a(null), B = !o.trim() || m, V = `${E.toLocaleString()} ${O}`, H = k.reduce((e, t) => e + t.items.length, 0), U = S.find((e) => e.id === C), W = b ?? (U ? `Search within ${U.label}` : "Select a range before searching");
 	t(() => {
-		let e = B.current;
-		if (!e || !W || A.state !== "ready" || !j || M || !te || typeof IntersectionObserver > "u") return;
+		let e = z.current;
+		if (!e || !U || A.state !== "ready" || !j || M || !R || typeof IntersectionObserver > "u") return;
 		let t = !1, n = new IntersectionObserver((e) => {
-			e.some((e) => e.isIntersecting) && !t && (t = !0, te());
+			e.some((e) => e.isIntersecting) && !t && (t = !0, R());
 		});
 		return n.observe(e), () => n.disconnect();
 	}, [
 		j,
 		M,
-		te,
+		R,
 		v,
 		C,
 		A.state
 	]);
-	let ne = null;
-	return M ? ne = /* @__PURE__ */ c(_, {
+	let G = null;
+	return M ? G = /* @__PURE__ */ c(_, {
 		label: "Loading more decors",
 		size: "md"
-	}) : j && (ne = /* @__PURE__ */ c(D, {
+	}) : j && (G = /* @__PURE__ */ c(D, {
 		label: N,
 		variant: "outline",
 		intent: "primary",
-		disabled: !te,
-		onClick: te
+		disabled: !R,
+		onClick: R
 	})), /* @__PURE__ */ c(Yd, {
 		pageTitle: e,
 		pageDescription: n,
@@ -14778,33 +14848,33 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						name: "decorSearch",
 						ariaLabel: y,
 						value: v,
-						placeholder: G,
+						placeholder: W,
 						controlSize: "default",
-						disabled: x || V || !W,
+						disabled: x || B || !U,
 						onChange: (e) => I({ value: e.target.value }),
 						onClear: () => I({ value: "" }),
-						onSearchSubmit: L
+						onSearchSubmit: ee
 					}), /* @__PURE__ */ c("div", {
 						className: "mt-3",
 						children: /* @__PURE__ */ c(ho, {
 							ranges: S,
 							selectedRangeId: C,
-							disabled: V,
-							onRangeSelect: ee
+							disabled: B,
+							onRangeSelect: te
 						})
 					})]
 				}),
-				W ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", {
+				U ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", {
 					className: "mt-6 flex items-center justify-between gap-4",
 					children: [/* @__PURE__ */ c(d, {
 						as: "h2",
 						variant: "free",
 						className: "text-lg font-bold text-primary",
-						children: W.label
+						children: U.label
 					}), /* @__PURE__ */ c(d, {
 						variant: "free",
 						className: "text-sm font-bold text-tertiary",
-						children: H
+						children: V
 					})]
 				}), A.state === "ready" ? /* @__PURE__ */ c("div", {
 					className: "mt-5",
@@ -14812,32 +14882,32 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 						groups: k,
 						itemLabel: O,
 						showGroupHeaders: !1,
-						onDecorClick: V ? void 0 : R
+						onDecorClick: B ? void 0 : L
 					})
 				}) : /* @__PURE__ */ c(Qd, {
 					status: A,
-					onRetryClick: z
+					onRetryClick: ne
 				})] }) : /* @__PURE__ */ c(Qd, { status: {
 					state: "empty",
 					title: w,
 					message: T
 				} }),
-				W && A.state === "ready" && (U > 0 || j) ? /* @__PURE__ */ l("div", {
-					ref: B,
+				U && A.state === "ready" && (H > 0 || j) ? /* @__PURE__ */ l("div", {
+					ref: z,
 					className: "mt-6 flex flex-col items-center gap-3 border-t border-borderTertiary pt-5",
 					children: [/* @__PURE__ */ l(d, {
 						variant: "free",
 						className: "text-sm text-tertiary",
 						children: [
 							"Showing ",
-							U.toLocaleString(),
+							H.toLocaleString(),
 							" of",
 							" ",
 							E.toLocaleString(),
 							" ",
 							O
 						]
-					}), ne]
+					}), G]
 				}) : null
 			]
 		})
@@ -14942,11 +15012,11 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 		primaryActionIconName: t === "safe" ? "wand-magic-sparkles" : "magnifying-glass",
 		primaryActionVariant: t === "safe" ? "solid" : "outline"
 	};
-}), Bf = ({ pageTitle: e, pageDescription: t, lastScanLabel: n, recalculateLabel: r = "Recalculate", recalculateStatus: i = "idle", updateCacheLabel: a = "Update Cache", updateCacheStatus: o = "idle", deleteAndRebuildLabel: u = "Delete and Rebuild", changeProductDataLabel: f = "Change Product Data", sideNavProps: p, status: m = { state: "ready" }, dataIssuesResponse: g, dataHealthSummaryCardProps: _, metricCardProps: v, issueTypeBreakdownCardProps: y, recommendedNextStepCardProps: b, issueActionCardProps: x, cacheActions: S, rebuildConfirmation: C, resolveDialog: w, onRetryClick: T, onRecalculateClick: E, onChangeProductDataClick: O, onUpdateCacheClick: k, onDeleteAndRebuildClick: A, onRebuildConfirm: j, onRebuildCancel: M, onResolveConfirm: N, onResolveClose: P, onResolveRetry: F, onIssuePrimaryActionClick: I, onIssueSecondaryActionClick: L }) => {
-	let ee = t?.trim() ?? "", R = g?.report ?? g?.dataSource?.latestReport, te = n?.trim() ?? (R ? `Report generated: ${Df(R.generatedAt)}` : ""), z = _ ?? (R ? Nf(R) : null), B = v ?? (R ? Pf(R) : []), V = y ?? (R ? Ff(R) : null), H = b ?? (R ? If(R) : null), U = x ?? (R ? zf(R) : []), W = B.length <= 1 ? "md:col-span-2" : "md:col-span-1", G = o === "required", ne = /* @__PURE__ */ l("div", {
+}), Bf = ({ pageTitle: e, pageDescription: t, lastScanLabel: n, recalculateLabel: r = "Recalculate", recalculateStatus: i = "idle", updateCacheLabel: a = "Update Cache", updateCacheStatus: o = "idle", deleteAndRebuildLabel: u = "Delete and Rebuild", changeProductDataLabel: f = "Change Product Data", sideNavProps: p, status: m = { state: "ready" }, dataIssuesResponse: g, dataHealthSummaryCardProps: _, metricCardProps: v, issueTypeBreakdownCardProps: y, recommendedNextStepCardProps: b, issueActionCardProps: x, cacheActions: S, rebuildConfirmation: C, resolveDialog: w, onRetryClick: T, onRecalculateClick: E, onChangeProductDataClick: O, onUpdateCacheClick: k, onDeleteAndRebuildClick: A, onRebuildConfirm: j, onRebuildCancel: M, onResolveConfirm: N, onResolveClose: P, onResolveRetry: F, onIssuePrimaryActionClick: I, onIssueSecondaryActionClick: ee }) => {
+	let te = t?.trim() ?? "", L = g?.report ?? g?.dataSource?.latestReport, R = n?.trim() ?? (L ? `Report generated: ${Df(L.generatedAt)}` : ""), ne = _ ?? (L ? Nf(L) : null), z = v ?? (L ? Pf(L) : []), B = y ?? (L ? Ff(L) : null), V = b ?? (L ? If(L) : null), H = x ?? (L ? zf(L) : []), U = z.length <= 1 ? "md:col-span-2" : "md:col-span-1", W = o === "required", G = /* @__PURE__ */ l("div", {
 		className: "flex flex-wrap items-center gap-3",
 		children: [
-			te ? /* @__PURE__ */ l("div", {
+			R ? /* @__PURE__ */ l("div", {
 				className: "flex items-center gap-2 text-primary",
 				children: [/* @__PURE__ */ c(h, {
 					iconType: "fa-regular",
@@ -14956,7 +15026,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				}), /* @__PURE__ */ c(d, {
 					variant: "free",
 					className: "text-sm text-primary",
-					children: te
+					children: R
 				})]
 			}) : null,
 			E ? /* @__PURE__ */ c(D, {
@@ -14979,13 +15049,13 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 				onClick: O
 			}) : null
 		]
-	}), K = !S && (k || A) ? /* @__PURE__ */ l("div", {
+	}), re = !S && (k || A) ? /* @__PURE__ */ l("div", {
 		"aria-label": "Data issue cache actions",
 		className: "mt-5 flex flex-wrap gap-2",
 		children: [/* @__PURE__ */ c(D, {
 			label: a,
-			variant: G ? "solid" : "outline",
-			intent: G ? "accent" : "primary",
+			variant: W ? "solid" : "outline",
+			intent: W ? "accent" : "primary",
 			size: "sm",
 			onClick: k
 		}), /* @__PURE__ */ c(D, {
@@ -14999,9 +15069,9 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	return /* @__PURE__ */ l(s, { children: [
 		/* @__PURE__ */ c(Yd, {
 			pageTitle: e,
-			pageDescription: ee,
+			pageDescription: te,
 			sideNavProps: p,
-			headerActions: ne,
+			headerActions: G,
 			children: m.state === "ready" ? /* @__PURE__ */ l(s, { children: [
 				S ? /* @__PURE__ */ l("section", {
 					"aria-label": "Data issue cache actions",
@@ -15031,8 +15101,8 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							iconType: "fa-solid",
 							iconName: S.status === "pending" ? "spinner" : "rotate",
 							iconAlt: "",
-							variant: G ? "solid" : "outline",
-							intent: G ? "accent" : "primary",
+							variant: W ? "solid" : "outline",
+							intent: W ? "accent" : "primary",
 							size: "sm",
 							disabled: S.updateDisabled || S.status === "pending",
 							"aria-busy": S.status === "pending" || void 0,
@@ -15049,37 +15119,37 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							onClick: A
 						})]
 					})]
-				}) : K,
+				}) : re,
 				/* @__PURE__ */ l("section", {
 					"aria-label": "Data issue summary",
 					className: "mt-5 grid gap-4 md:grid-cols-4",
 					children: [
-						z ? /* @__PURE__ */ c("div", {
+						ne ? /* @__PURE__ */ c("div", {
 							className: "h-full md:col-span-1",
-							children: /* @__PURE__ */ c(gs, { ...z })
+							children: /* @__PURE__ */ c(gs, { ...ne })
 						}) : null,
-						B.map((e) => /* @__PURE__ */ c(ys, { ...e }, e.label)),
-						V ? /* @__PURE__ */ c("div", {
-							className: `h-full ${W}`,
-							children: /* @__PURE__ */ c(ws, { ...V })
+						z.map((e) => /* @__PURE__ */ c(ys, { ...e }, e.label)),
+						B ? /* @__PURE__ */ c("div", {
+							className: `h-full ${U}`,
+							children: /* @__PURE__ */ c(ws, { ...B })
 						}) : null
 					]
 				}),
-				H ? /* @__PURE__ */ c("div", {
+				V ? /* @__PURE__ */ c("div", {
 					className: "mt-5",
 					children: /* @__PURE__ */ c(ks, {
-						...H,
-						recalculating: i === "pending" || H.recalculating,
-						onRecalculateClick: H.onRecalculateClick ?? E
+						...V,
+						recalculating: i === "pending" || V.recalculating,
+						onRecalculateClick: V.onRecalculateClick ?? E
 					})
 				}) : null,
 				/* @__PURE__ */ c("section", {
 					"aria-label": "Data issue actions",
 					className: "mt-4 space-y-3",
-					children: U.map((e) => /* @__PURE__ */ c(Ss, {
+					children: H.map((e) => /* @__PURE__ */ c(Ss, {
 						...e,
 						onPrimaryActionClick: e.onPrimaryActionClick ?? I,
-						onSecondaryActionClick: e.onSecondaryActionClick ?? L
+						onSecondaryActionClick: e.onSecondaryActionClick ?? ee
 					}, e.id))
 				})
 			] }) : /* @__PURE__ */ c(Qd, {
@@ -15346,8 +15416,8 @@ var $u = (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: o = "Continue with saved data", existingDataEmptyTitle: u = "No saved data set yet", existingDataEmptyDescription: f = "Start by uploading a Salsify report or downloading the latest data directly from Salsify.", useExistingDataLabel: p = "Use Saved Data", uploadTitle: m = "Upload a Salsify report", uploadDescription: g = "Use a report exported from Salsify when you already have the file ready.", uploadDropLabel: _ = "Drag a report file here", uploadBrowseLabel: v = "Select File", uploadHelpText: y = "JSON exports from Salsify are supported.", selectedFile: b, uploadStatus: x = "idle", uploadStatusMessage: S, uploadLabel: C = "Upload Report", uploadDisabled: w = !1, clearFileLabel: T = "Clear File", directDownloadTitle: E = "Download from Salsify", directDownloadDescription: O = "Choose a product range and Data Forge will request the latest records for you.", rangeLabel: k = "Product Range", rangePlaceholder: A = "Select a range", rangeOptions: j, selectedRangeValue: M = "", directDownloadLabel: N = "Download Latest Data", downloadStatus: P = "idle", downloadStatusMessage: F, downloadDisabled: I = !1, onUseExistingDataClick: L, onReportFileSelect: ee, onUploadClick: R, onClearSelectedFileClick: te, onRangeChange: z, onDirectDownloadClick: B, onRetryClick: V }) => {
-	let H = a(null), U = x === "pending", W = P === "pending", G = (e) => ee?.({ files: Array.from(e ?? []) });
+}), Kf = ({ pageTitle: e, pageDescription: t, sideNavProps: n, status: r = { state: "ready" }, dataSource: i, existingDataTitle: o = "Continue with saved data", existingDataEmptyTitle: u = "No saved data set yet", existingDataEmptyDescription: f = "Start by uploading a Salsify report or downloading the latest data directly from Salsify.", useExistingDataLabel: p = "Use Saved Data", uploadTitle: m = "Upload a Salsify report", uploadDescription: g = "Use a report exported from Salsify when you already have the file ready.", uploadDropLabel: _ = "Drag a report file here", uploadBrowseLabel: v = "Select File", uploadHelpText: y = "JSON exports from Salsify are supported.", selectedFile: b, uploadStatus: x = "idle", uploadStatusMessage: S, uploadLabel: C = "Upload Report", uploadDisabled: w = !1, clearFileLabel: T = "Clear File", directDownloadTitle: E = "Download from Salsify", directDownloadDescription: O = "Choose a product range and Data Forge will request the latest records for you.", rangeLabel: k = "Product Range", rangePlaceholder: A = "Select a range", rangeOptions: j, selectedRangeValue: M = "", directDownloadLabel: N = "Download Latest Data", downloadStatus: P = "idle", downloadStatusMessage: F, downloadDisabled: I = !1, onUseExistingDataClick: ee, onReportFileSelect: te, onUploadClick: L, onClearSelectedFileClick: R, onRangeChange: ne, onDirectDownloadClick: z, onRetryClick: B }) => {
+	let V = a(null), H = x === "pending", U = P === "pending", W = (e) => te?.({ files: Array.from(e ?? []) });
 	return /* @__PURE__ */ c(Yd, {
 		pageTitle: e,
 		pageDescription: t,
@@ -15371,7 +15441,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							variant: "solid",
 							intent: "primary",
 							fullWidth: !0,
-							onClick: L
+							onClick: ee
 						})
 					})] }) : /* @__PURE__ */ c("div", {
 						className: "rounded-md border border-dashed border-borderTertiary bg-adminSideNavBackground p-4",
@@ -15391,7 +15461,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 							className: "flex min-h-40 flex-col items-center justify-center rounded-lg border border-dashed border-secondaryActive bg-adminSideNavBackground p-5 text-center transition hover:border-primary",
 							onDragOver: (e) => e.preventDefault(),
 							onDrop: (e) => {
-								e.preventDefault(), G(e.dataTransfer.files);
+								e.preventDefault(), W(e.dataTransfer.files);
 							},
 							children: [
 								/* @__PURE__ */ c(h, {
@@ -15421,17 +15491,17 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 										variant: "outline",
 										intent: "primary",
 										size: "sm",
-										disabled: U,
-										onClick: () => H.current?.click()
+										disabled: H,
+										onClick: () => V.current?.click()
 									})
 								}),
 								/* @__PURE__ */ c("input", {
-									ref: H,
+									ref: V,
 									id: "salsify-report-upload",
 									type: "file",
 									className: "sr-only",
-									disabled: U,
-									onChange: (e) => G(e.target.files)
+									disabled: H,
+									onChange: (e) => W(e.target.files)
 								})
 							]
 						}),
@@ -15469,8 +15539,8 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									variant: "outline",
 									intent: "primary",
 									size: "sm",
-									disabled: U,
-									onClick: te
+									disabled: H,
+									onClick: R
 								}), /* @__PURE__ */ c(D, {
 									label: C,
 									iconType: "fa-solid",
@@ -15479,9 +15549,9 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 									variant: "solid",
 									intent: "primary",
 									size: "sm",
-									disabled: w || U,
-									"aria-busy": U || void 0,
-									onClick: R
+									disabled: w || H,
+									"aria-busy": H || void 0,
+									onClick: L
 								})]
 							})]
 						}) : null,
@@ -15508,8 +15578,8 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								value: M,
 								placeholder: A,
 								options: j,
-								disabled: W,
-								onChange: (e) => z?.({ value: e.target.value })
+								disabled: U,
+								onChange: (e) => ne?.({ value: e.target.value })
 							})]
 						}),
 						/* @__PURE__ */ c("div", {
@@ -15522,9 +15592,9 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 								variant: "solid",
 								intent: "primary",
 								fullWidth: !0,
-								disabled: I || W,
-								"aria-busy": W || void 0,
-								onClick: B
+								disabled: I || U,
+								"aria-busy": U || void 0,
+								onClick: z
 							})
 						}),
 						/* @__PURE__ */ c(Wf, {
@@ -15536,7 +15606,7 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 			]
 		}) : /* @__PURE__ */ c(Qd, {
 			status: r,
-			onRetryClick: V
+			onRetryClick: B
 		})
 	});
 }, qf = (e) => new Intl.NumberFormat("en-US").format(e), Jf = (e) => e.split("-").filter(Boolean).map((e) => `${e.charAt(0).toUpperCase()}${e.slice(1)}`).join(" "), Yf = (e, t, n) => n === 0 ? "0 groups" : `${qf(e + 1)}-${qf(e + Math.min(t, n))}`, Xf = (e) => ({
@@ -16542,4 +16612,4 @@ var $u = (e, t = [], n = null) => t.map((t) => e[t]).filter((e) => !!e).map((e)
 	});
 };
 //#endregion
-export { Bu as AccountAccessPanel, xf as AdminAuthStatusTemplate, mf as AdminDashboardTemplate, Kf as AdminDataIssuesSourceTemplate, Bf as AdminDataIssuesTemplate, Tf as AdminDataReportTemplate, Zf as AdminIssueGroupReviewTemplate, Yd as AdminPageTemplateShell, tp as AdminProductGuidesTemplate, mo as AdminRegionSelector, Qs as AdminSideNav, vf as AdminUsersTemplate, Zc as AnnouncementBar, Gl as ArticleBanner, Uo as ArticleBannerContent, sd as ArticleLandingPageTemplate, Pd as BpcsCartConfirmationTemplate, zd as BpcsCartSamplesTemplate, Rd as BpcsCartShippingTemplate, Bc as BrandNavBar, Qc as Breadcrumbs, K as BusinessInfoCard, D as Button, ll as CallToActionHero, Wo as CallToActionHeroContent, Oo as CarouselArrowControls, ko as CarouselDots, re as CartItemCard, _d as CategoryPageTemplate, ae as ClickableCard, ns as ColourMatchingChart, gl as ColumnBanner, io as ColumnCarouselCard, Mu as CommerceSyncPanel, Kl as ContentCarousel, R as ContentContainer, B as ContentGrid, fo as CountrySelector, np as CustomerAccountFavoritesTemplate, cp as CustomerAccountOrderDetailTemplate, ip as CustomerAccountOrderHistoryTemplate, rp as CustomerAccountSettingsTemplate, Vu as CustomerAccountShell, Xs as CustomerAddressCard, gs as DataHealthSummaryCard, Ss as DataIssueActionCard, ys as DataIssueMetricCard, gu as DataReportCollection, se as DecorSummaryCard, _u as DecorSummaryCollection, Xo as DocumentLinkCard, So as DropdownFilter, fc as DynamicForm, Bd as EcommCartConfirmationTemplate, Ud as EcommCartPaymentTemplate, Wd as EcommCartShippingTemplate, Jd as EcommCartSummaryTemplate, M as EmbeddedVideo, Yo as EmbeddedVideoCard, Zo as FaqCard, tu as FaqCardCollection, ao as FeatureCard, bl as FeatureCardCollection, ul as FeaturedArticleBanner, Go as FeaturedArticleBannerContent, oo as FeaturedProductCard, $l as FeaturedProductsCarousel, go as FilterBar, _o as FilterBarButton, W as FlowRow, al as Footer, d as FormicaText, yd as GalleryTemplate, h as Icon, A as Image, ql as ImageCard, Jo as ImageOverlayCard, iu as ImageOverlayGrid, Qo as InfoCard, Ts as IssueGroupQueueSummaryCard, Os as IssueGroupReviewCard, Ds as IssueRecordCandidateCard, ws as IssueTypeBreakdownCard, su as LocalizationMarketCollection, Ks as LocalizationStatusCard, uo as LocationCard, ou as LocationCardCollection, Cu as LocationMap, Ed as LoginTemplate, wf as MarketReadinessBrowseTemplate, Cf as MarketReadinessLandingTemplate, ho as MarketReadinessRangeSelector, lf as MarketReadinessTemplate, Ms as MessageListCard, mc as Modal, $o as MoreInfoHighlightsCard, xl as MoreInfoHighlightsCollection, xd as ProResourceTemplate, ie as ProductContactActions, ad as ProductDetailPageTemplate, pf as ProductJourneyTemplate, is as QuantityCheckoutCard, fs as RecentArticleCard, eu as RecentArticleCollection, ks as RecommendedNextStepCard, P as ResilientImage, Sl as SampleOrderSummaryPanel, Do as SearchCombobox, Eo as SearchFilter, Td as SearchResultsTemplate, ps as SingleButtonCard, qo as SocialLinkRow, _ as Spinner, sl as StandardBannerContainer, Bo as StandardCarousel, Ko as StandardCopyBannerContent, Wl as StandardCopyHero, Ps as StatusFlowActionCard, zs as StatusFlowConnector, wu as StatusFlowDiagram, Tu as StatusFlowGroup, Hs as StatusFlowLegendCard, Du as StatusFlowPanel, Ws as StatusSummaryCard, Ys as SwatchCard, Ul as SwatchPurchasePanel, Zl as TextCard, F as Textarea, Jc as TopNavAccountDrawer, Gc as TopNavActions, Xc as TopNavBar, Vc as TopNavMegaMenu, Uc as TopNavSearchResults, Iu as VerticalCheckboxListCollection, Ho as VerticalColorSwatchList, Ql as WarrantyCard, cl as WhereToBuySearchBanner, Od as WhereToBuyTemplate, Lu as userTypeOptions };
+export { Bu as AccountAccessPanel, xf as AdminAuthStatusTemplate, mf as AdminDashboardTemplate, Kf as AdminDataIssuesSourceTemplate, Bf as AdminDataIssuesTemplate, Tf as AdminDataReportTemplate, Zf as AdminIssueGroupReviewTemplate, Yd as AdminPageTemplateShell, tp as AdminProductGuidesTemplate, mo as AdminRegionSelector, Qs as AdminSideNav, vf as AdminUsersTemplate, Zc as AnnouncementBar, Gl as ArticleBanner, Uo as ArticleBannerContent, sd as ArticleLandingPageTemplate, Pd as BpcsCartConfirmationTemplate, zd as BpcsCartSamplesTemplate, Rd as BpcsCartShippingTemplate, Bc as BrandNavBar, Qc as Breadcrumbs, re as BusinessInfoCard, D as Button, ll as CallToActionHero, Wo as CallToActionHeroContent, Oo as CarouselArrowControls, ko as CarouselDots, oe as CartItemCard, _d as CategoryPageTemplate, se as ClickableCard, ns as ColourMatchingChart, gl as ColumnBanner, io as ColumnCarouselCard, Mu as CommerceSyncPanel, Kl as ContentCarousel, L as ContentContainer, z as ContentGrid, fo as CountrySelector, np as CustomerAccountFavoritesTemplate, cp as CustomerAccountOrderDetailTemplate, ip as CustomerAccountOrderHistoryTemplate, rp as CustomerAccountSettingsTemplate, Vu as CustomerAccountShell, Xs as CustomerAddressCard, gs as DataHealthSummaryCard, Ss as DataIssueActionCard, ys as DataIssueMetricCard, gu as DataReportCollection, J as DecorSummaryCard, _u as DecorSummaryCollection, Xo as DocumentLinkCard, So as DropdownFilter, fc as DynamicForm, Bd as EcommCartConfirmationTemplate, Ud as EcommCartPaymentTemplate, Wd as EcommCartShippingTemplate, Jd as EcommCartSummaryTemplate, M as EmbeddedVideo, Yo as EmbeddedVideoCard, Zo as FaqCard, tu as FaqCardCollection, ao as FeatureCard, bl as FeatureCardCollection, ul as FeaturedArticleBanner, Go as FeaturedArticleBannerContent, oo as FeaturedProductCard, $l as FeaturedProductsCarousel, go as FilterBar, _o as FilterBarButton, U as FlowRow, al as Footer, d as FormicaText, yd as GalleryTemplate, h as Icon, A as Image, ql as ImageCard, Jo as ImageOverlayCard, iu as ImageOverlayGrid, Qo as InfoCard, Ts as IssueGroupQueueSummaryCard, Os as IssueGroupReviewCard, Ds as IssueRecordCandidateCard, ws as IssueTypeBreakdownCard, su as LocalizationMarketCollection, Ks as LocalizationStatusCard, uo as LocationCard, ou as LocationCardCollection, Cu as LocationMap, Ed as LoginTemplate, wf as MarketReadinessBrowseTemplate, Cf as MarketReadinessLandingTemplate, ho as MarketReadinessRangeSelector, lf as MarketReadinessTemplate, Ms as MessageListCard, mc as Modal, $o as MoreInfoHighlightsCard, xl as MoreInfoHighlightsCollection, xd as ProResourceTemplate, K as ProductContactActions, ad as ProductDetailPageTemplate, pf as ProductJourneyTemplate, is as QuantityCheckoutCard, fs as RecentArticleCard, eu as RecentArticleCollection, ks as RecommendedNextStepCard, P as ResilientImage, Sl as SampleOrderSummaryPanel, Do as SearchCombobox, Eo as SearchFilter, Td as SearchResultsTemplate, ps as SingleButtonCard, qo as SocialLinkRow, _ as Spinner, sl as StandardBannerContainer, Bo as StandardCarousel, Ko as StandardCopyBannerContent, Wl as StandardCopyHero, Ps as StatusFlowActionCard, zs as StatusFlowConnector, wu as StatusFlowDiagram, Tu as StatusFlowGroup, Hs as StatusFlowLegendCard, Du as StatusFlowPanel, Ws as StatusSummaryCard, Ys as SwatchCard, Ul as SwatchPurchasePanel, Zl as TextCard, F as Textarea, Jc as TopNavAccountDrawer, Gc as TopNavActions, Xc as TopNavBar, Vc as TopNavMegaMenu, Uc as TopNavSearchResults, Iu as VerticalCheckboxListCollection, Ho as VerticalColorSwatchList, Ql as WarrantyCard, cl as WhereToBuySearchBanner, Od as WhereToBuyTemplate, Lu as userTypeOptions };