themelia-react-ui 2.0.4 → 2.0.5

package/dist/features/products.js

@@ -1,40 +1,40 @@
 "use client";
-import { s as e, v as t } from "../ui-provider-CQCuCBcy.js";
+import { S as e, d as t } from "../ui-provider-C-74NVLc.js";
 import { interpolateString as n, useStrings as r } from "../lib/strings.js";
-import { t as i } from "../utils-CF3c95Io.js";
-import { n as a } from "../buttons-BbfzgczK.js";
-import { c as o, o as s } from "../typography-CSyJrh28.js";
+import { t as i } from "../utils-B6kKb8jB.js";
+import { n as a } from "../buttons-BedGfygC.js";
+import { c as o, o as s } from "../typography-BQnine1k.js";
 import { t as c } from "../focus-recipes-B653VaLq.js";
-import { r as l, t as u } from "../structure-C0V0_Fyf.js";
+import { r as l, t as u } from "../structure-DuxKl954.js";
 import { t as d } from "../tone-recipes-BPsRAvhu.js";
-import { t as f } from "../smart-card-CqkzQsK-.js";
-import { t as p } from "../progress-BvF2oCdV.js";
-import { n as m, t as h } from "../composition.recipes-COdiFhxB.js";
-import { i as g, t as _ } from "../overlays-BlKynmde.js";
-import { t as v } from "../interaction-recipes-XR9ZpVYL.js";
-import { _ as y, g as b } from "../primitives-Du64iDbb.js";
-import { n as x } from "../number-E_OiIfJz.js";
-import { t as S } from "../badge-DErMA7ul.js";
-import { t as C } from "../batch-action-bar-CdfIkCsV.js";
-import { t as w } from "../separator-GNfPG-90.js";
-import { n as T } from "../field-affordance-recipes-DjwGx8eM.js";
-import { t as E } from "../input-Cdw4k0fb.js";
-import { t as D } from "../form-field-CsgRmdit.js";
-import { d as O } from "../text-inputs-DXItiR0O.js";
-import { c as ee, l as k } from "../choice-inputs-JLtij2y4.js";
-import { t as A } from "../checkbox-CzYUTPeJ.js";
-import { n as j } from "../display-BB4BL_-K.js";
-import { r as M, t as te } from "../control-group-recipes-DBXmfh2E.js";
-import { c as N, i as P, n as F, o as I, r as ne, t as re, u as ie } from "../item-BvZ2DR_x.js";
-import { t as ae } from "../metadata-list-qVV7AVxa.js";
-import { c as oe, i as L, n as se, o as ce, s as le, t as ue } from "../table-CpvnzJn9.js";
-import { m as R, s as de } from "../data-display-D4oujtx0.js";
-import { O as fe, f as pe } from "../table-DH7rozUv.js";
-import { Fragment as me, useCallback as z, useId as he, useMemo as B, useRef as ge, useState as _e } from "react";
-import { Fragment as ve, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { ArrowLeft as U, ChevronDown as ye, Copy as be, Eye as xe, GripVertical as Se, ListFilter as Ce, Pencil as W, Plus as G, PlusCircle as we, Search as K, SlidersHorizontal as q, Trash2 as J, X as Te } from "lucide-react";
+import { h as f, p, t as m, v as h } from "../smart-card-CW0hjetE.js";
+import { t as g } from "../progress-BJhQP9WX.js";
+import { n as _, t as v } from "../composition.recipes-COdiFhxB.js";
+import { i as y, t as b } from "../overlays-BSgCtM2v.js";
+import { t as x } from "../interaction-recipes-XR9ZpVYL.js";
+import { _ as S, g as C } from "../primitives-ByWgGUgt.js";
+import { n as w } from "../number-CRU3kGuk.js";
+import { t as ee } from "../badge-xIiV_E7f.js";
+import { t as T } from "../batch-action-bar-Cb8cuvyy.js";
+import { t as E } from "../separator-Ct_WSWTJ.js";
+import { n as D } from "../field-affordance-recipes-DWcNcOjh.js";
+import { t as O } from "../input-CvyDQlY7.js";
+import { t as k } from "../form-field-BriWAXyg.js";
+import { d as A } from "../text-inputs-B1culiSK.js";
+import { c as te, l as j } from "../choice-inputs-zUgBZfE4.js";
+import { t as ne } from "../checkbox-fflqmODR.js";
+import { n as M } from "../display-KsZLw9Ov.js";
+import { r as re, t as ie } from "../control-group-recipes-fMuFo0H7.js";
+import { c as ae, i as N, n as P, o as F, r as I, t as L, u as R } from "../item-DjCcM18E.js";
+import { t as z } from "../metadata-list-C3MkU-Om.js";
+import { c as B, i as oe, n as se, o as ce, s as le, t as ue } from "../table-B4TE7iOV.js";
+import { m as de, s as V } from "../data-display-BdgCAw8T.js";
+import { O as H, f as fe } from "../table-CFOWY9pQ.js";
+import { Fragment as pe, useCallback as U, useEffect as me, useId as he, useMemo as W, useRef as ge, useState as _e } from "react";
+import { Fragment as ve, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { ArrowLeft as ye, ChevronDown as q, Copy as be, Eye as xe, ListFilter as J, Pencil as Se, Plus as Y, PlusCircle as Ce, Search as we, SlidersHorizontal as Te, Trash2 as X, X as Ee } from "lucide-react";
 //#region src/components/features/products/products.strings.ts
-var Ee = {
+var De = {
 	title: "Readiness",
 	description: "Publishing checks and operational setup.",
 	scoreLabel: "Overall readiness",
@@ -46,7 +46,7 @@ var Ee = {
 	emptyTitle: "No readiness checks",
 	emptyDescription: "Pass readiness items from your product workflow to show progress.",
 	actionLabel: "Open"
-}, De = {
+}, Z = {
 	title: "Structure",
 	description: "Media, taxonomy, options, and content coverage.",
 	createLabel: "Add metric",
@@ -86,7 +86,7 @@ var Ee = {
 	ruleActionsLabel: "Rule actions",
 	emptyTitle: "No contract summary",
 	emptyDescription: "Pass metrics, terms, or rules to summarize the product contract."
-}, Y = {
+}, je = {
 	title: "Options",
 	description: "Variant-driving choices and add-ons customers can select.",
 	manageLabel: "Manage options",
@@ -97,12 +97,12 @@ var Ee = {
 	actionsLabel: "Option actions",
 	emptyTitle: "No options",
 	emptyDescription: "Pass option groups to summarize configurable product choices."
-}, je = {
+}, Q = {
 	viewLabel: "Open option",
 	editLabel: "Edit option",
 	deleteLabel: "Delete option",
 	actionsLabel: "Option actions"
-}, X = {
+}, Me = {
 	title: "Variant options",
 	description: "Define option groups and values before generating sellable variants.",
 	createLabel: "Add attribute",
@@ -114,11 +114,15 @@ var Ee = {
 	deleteValueLabel: "Delete value",
 	confirmDeleteOptionTitle: "Delete this option?",
 	confirmRemoveValuesTitle: "Save and remove these values?",
-	confirmRemoveValuesDescription: "Saving removes {count} value(s) from this option, and any variant built from them goes with it. This cannot be undone.",
+	confirmRemoveValuesDescription: "Saving removes {{count}} value(s) from this option, and any variant built from them goes with it. This cannot be undone.",
 	confirmRemoveValuesLabel: "Save changes",
 	confirmDeleteOptionDescription: "Its values are removed from the product, and any variant built from them goes with it. This cannot be undone.",
 	doneLabel: "Done",
 	saveLabel: "Save",
+	savingLabel: "Saving…",
+	saveErrorTitle: "Changes were not saved",
+	saveErrorMessage: "Your draft has been kept. Try again.",
+	retrySaveLabel: "Retry save",
 	cancelLabel: "Cancel",
 	expandOptionLabel: "Expand option",
 	collapseOptionLabel: "Collapse option",
@@ -132,7 +136,7 @@ var Ee = {
 	emptyTitle: "No option groups",
 	emptyDescription: "Add options such as size, color, or packaging to create variant combinations.",
 	noValuesLabel: "No values"
-}, Z = {
+}, Ne = {
 	title: "Quote preview",
 	description: "How the product appears in a compact customer quote.",
 	subtotalLabel: "Subtotal",
@@ -147,7 +151,7 @@ var Ee = {
 	lineActionsLabel: "Line actions",
 	emptyTitle: "No quote lines",
 	emptyDescription: "Pass quote lines to preview pricing."
-}, Q = {
+}, Pe = {
 	title: "Policies",
 	description: "Cancellation, booking, service, and customer-facing rules.",
 	createLabel: "Add policy",
@@ -157,7 +161,7 @@ var Ee = {
 	actionsLabel: "Policy actions",
 	emptyTitle: "No policies",
 	emptyDescription: "Pass policies to summarize customer-facing rules."
-}, Me = {
+}, Fe = {
 	title: "Variants",
 	description: "Sellable combinations with price, availability, and SKU.",
 	createLabel: "Add variant",
@@ -176,7 +180,7 @@ var Ee = {
 		updated: "Updated",
 		actions: "Actions"
 	}
-}, Ne = {
+}, $ = {
 	title: "Variants",
 	description: "Review generated combinations, select rows, and apply bulk operations.",
 	createLabel: "Add variant",
@@ -204,7 +208,7 @@ var Ee = {
 		updated: "Updated",
 		actions: "Actions"
 	}
-}, Pe = {
+}, Ie = {
 	title: "Variants",
 	description: "Configure option groups first, then manage the generated sellable variants.",
 	optionsTitle: "Variant options",
@@ -215,13 +219,13 @@ var Ee = {
 	generateLabel: "Generate variants",
 	createVariantLabel: "Add variant",
 	actionsLabel: "Variant manager actions"
-}, Fe = {
+}, Le = {
 	viewLabel: "Open variant",
 	editLabel: "Edit",
 	duplicateLabel: "Duplicate",
 	deleteLabel: "Delete",
 	actionsLabel: "Variant actions"
-}, Ie = {
+}, Re = {
 	title: "Variant",
 	description: "Sellable variant details, options, pricing, and fulfilment data.",
 	backLabel: "Back",
@@ -238,7 +242,7 @@ var Ee = {
 		channels: "Channels",
 		updated: "Updated"
 	}
-}, Le = {
+}, ze = {
 	title: "Edit variant",
 	description: "Controlled form for variant identity, pricing, inventory, and option values.",
 	identityTitle: "Identity",
@@ -268,14 +272,14 @@ var Ee = {
 		status: "Active",
 		channels: "Online store, POS"
 	}
-}, Re = {
+}, Be = {
 	mainLabel: "Product overview",
 	railLabel: "Product supporting information"
 };
 //#endregion
 //#region src/components/features/products/partials/product-empty-state.tsx
-function $({ title: e, description: t, action: n, className: r }) {
-	return /* @__PURE__ */ V(de, {
+function Ve({ title: e, description: t, action: n, className: r }) {
+	return /* @__PURE__ */ G(V, {
 		padding: "md",
 		border: !0,
 		title: e,
@@ -286,34 +290,34 @@ function $({ title: e, description: t, action: n, className: r }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-tone.tsx
-var ze = {
+var He = {
 	neutral: "secondary",
 	primary: "secondary",
 	success: "success",
 	warning: "warning",
 	destructive: "destructive",
 	info: "info"
-}, Be = {
+}, Ue = {
 	neutral: void 0,
 	primary: void 0,
 	success: "text-success",
 	warning: "text-warning-accent",
 	destructive: "text-destructive",
 	info: "text-info"
-}, Ve = /* @__PURE__ */ new Set([
+}, We = /* @__PURE__ */ new Set([
 	"success",
 	"warning",
 	"destructive",
 	"info"
 ]);
-function He(e) {
-	return e !== void 0 && Ve.has(e);
+function Ge(e) {
+	return e !== void 0 && We.has(e);
 }
-function Ue(e) {
+function Ke(e) {
 	return Number.isFinite(e) ? Math.min(100, Math.max(0, Math.round(e))) : 0;
 }
-function We({ tone: e = "neutral" }) {
-	return /* @__PURE__ */ V("span", {
+function qe({ tone: e = "neutral" }) {
+	return /* @__PURE__ */ G("span", {
 		"aria-hidden": "true",
 		className: i("product-tone-dot--component", d.marker, {
 			"bg-muted-foreground": e === "neutral" || e === "primary",
@@ -326,35 +330,35 @@ function We({ tone: e = "neutral" }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-metric-tile.tsx
-function Ge({ metric: e }) {
+function Je({ metric: e }) {
 	let t = "icon" in e ? e.icon : void 0;
-	return /* @__PURE__ */ H(u, {
+	return /* @__PURE__ */ K(u, {
 		gap: "dense",
 		className: "product-metric-tile--component min-w-0",
 		children: [
-			/* @__PURE__ */ H(u, {
+			/* @__PURE__ */ K(u, {
 				direction: "horizontal",
 				gap: "sm",
 				wrap: !1,
 				children: [
-					He(e.tone) && /* @__PURE__ */ V(We, { tone: e.tone }),
-					!!t && /* @__PURE__ */ V("span", {
+					Ge(e.tone) && /* @__PURE__ */ G(qe, { tone: e.tone }),
+					!!t && /* @__PURE__ */ G("span", {
 						className: "flex shrink-0 text-muted-foreground",
 						children: t
 					}),
-					/* @__PURE__ */ V(s, {
+					/* @__PURE__ */ G(s, {
 						className: "truncate text-inherit",
 						children: e.label
 					})
 				]
 			}),
-			/* @__PURE__ */ V(y, {
+			/* @__PURE__ */ G(S, {
 				type: "inherit",
 				weight: "semibold",
 				className: "tabular-nums",
 				children: e.value
 			}),
-			!!e.description && /* @__PURE__ */ V(o, {
+			!!e.description && /* @__PURE__ */ G(o, {
 				size: "xs",
 				type: "secondary",
 				lineHeight: "snug",
@@ -365,10 +369,10 @@ function Ge({ metric: e }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-actions.tsx
-function Ke({ item: e, actions: t, menuLabel: n, className: r }) {
-	return t.length === 0 ? null : /* @__PURE__ */ V("div", {
+function Ye({ item: e, actions: t, menuLabel: n, className: r }) {
+	return t.length === 0 ? null : /* @__PURE__ */ G("div", {
 		className: i("product-row-actions--component flex justify-end", r),
-		children: /* @__PURE__ */ V(fe, {
+		children: /* @__PURE__ */ G(H, {
 			row: e,
 			actions: t,
 			menuLabel: n,
@@ -378,22 +382,22 @@ function Ke({ item: e, actions: t, menuLabel: n, className: r }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-rows.tsx
-var qe = "min-w-0 basis-48", Je = "line-clamp-none break-words overflow-visible", Ye = "ml-auto shrink-0 flex-wrap justify-end gap-space-md";
-function Xe({ label: e, value: t, tone: n, badge: r }) {
-	let i = /* @__PURE__ */ V(ie, {
-		className: Je,
+var Xe = "min-w-0 basis-48", Ze = "line-clamp-none break-words overflow-visible", Qe = "ml-auto shrink-0 flex-wrap justify-end gap-space-md";
+function $e({ label: e, value: t, tone: n, badge: r }) {
+	let i = /* @__PURE__ */ G(R, {
+		className: Ze,
 		children: e
 	});
-	return !t && !r ? i : /* @__PURE__ */ H(u, {
+	return !t && !r ? i : /* @__PURE__ */ K(u, {
 		direction: "horizontal",
 		gap: "sm",
 		className: "product-row--heading",
 		children: [
 			i,
-			!!t && (He(n) ? /* @__PURE__ */ V(S, {
-				tone: ze[n],
+			!!t && (Ge(n) ? /* @__PURE__ */ G(ee, {
+				tone: He[n],
 				children: t
-			}) : /* @__PURE__ */ V(o, {
+			}) : /* @__PURE__ */ G(o, {
 				tag: "span",
 				type: "secondary",
 				lineHeight: "tight",
@@ -403,8 +407,8 @@ function Xe({ label: e, value: t, tone: n, badge: r }) {
 		]
 	});
 }
-function Ze({ label: e, onSelect: t }) {
-	return /* @__PURE__ */ V(a, {
+function et({ label: e, onSelect: t }) {
+	return /* @__PURE__ */ G(a, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -412,60 +416,60 @@ function Ze({ label: e, onSelect: t }) {
 		children: e
 	});
 }
-function Qe({ metric: e, actions: t }) {
-	return /* @__PURE__ */ H(re, {
+function tt({ metric: e, actions: t }) {
+	return /* @__PURE__ */ K(L, {
 		className: "product-structure-metric-row--component product-structure-card--item",
 		children: [
-			!!e.icon && /* @__PURE__ */ V(N, {
+			!!e.icon && /* @__PURE__ */ G(ae, {
 				variant: "icon",
 				className: "text-muted-foreground",
 				children: e.icon
 			}),
-			/* @__PURE__ */ H(ne, {
-				className: qe,
-				children: [/* @__PURE__ */ V(ie, {
-					className: Je,
+			/* @__PURE__ */ K(I, {
+				className: Xe,
+				children: [/* @__PURE__ */ G(R, {
+					className: Ze,
 					children: e.label
-				}), !!e.description && /* @__PURE__ */ V(P, {
+				}), !!e.description && /* @__PURE__ */ G(N, {
 					clamp: 2,
 					children: e.description
 				})]
 			}),
-			/* @__PURE__ */ H(F, {
+			/* @__PURE__ */ K(P, {
 				className: "ml-auto shrink-0 gap-space-md",
-				children: [/* @__PURE__ */ V(y, {
+				children: [/* @__PURE__ */ G(S, {
 					type: "inherit",
 					weight: "semibold",
-					className: i("tabular-nums", e.tone && Be[e.tone]),
+					className: i("tabular-nums", e.tone && Ue[e.tone]),
 					children: e.value
 				}), t]
 			})
 		]
 	});
 }
-function $e({ item: e, actionFallback: t, onSelect: n, actions: r }) {
+function nt({ item: e, actionFallback: t, onSelect: n, actions: r }) {
 	let i = e.tone ?? (e.completed ? "success" : "neutral"), a = e.onSelect ?? n;
-	return /* @__PURE__ */ H(re, {
+	return /* @__PURE__ */ K(L, {
 		className: "product-readiness-row--component product-readiness-card--item",
 		children: [
-			/* @__PURE__ */ V(N, {
+			/* @__PURE__ */ G(ae, {
 				className: "product-readiness-row--state h-icon-lg",
-				children: /* @__PURE__ */ V(We, { tone: i })
+				children: /* @__PURE__ */ G(qe, { tone: i })
 			}),
-			/* @__PURE__ */ H(ne, {
-				className: qe,
-				children: [/* @__PURE__ */ V(Xe, {
+			/* @__PURE__ */ K(I, {
+				className: Xe,
+				children: [/* @__PURE__ */ G($e, {
 					label: e.label,
 					value: e.value,
 					tone: e.tone
-				}), !!e.description && /* @__PURE__ */ V(P, {
+				}), !!e.description && /* @__PURE__ */ G(N, {
 					clamp: 2,
 					children: e.description
 				})]
 			}),
-			!!(a || r) && /* @__PURE__ */ H(F, {
-				className: Ye,
-				children: [!!a && /* @__PURE__ */ V(Ze, {
+			!!(a || r) && /* @__PURE__ */ K(P, {
+				className: Qe,
+				children: [!!a && /* @__PURE__ */ G(et, {
 					label: e.actionLabel ?? t,
 					onSelect: a
 				}), r]
@@ -473,57 +477,57 @@ function $e({ item: e, actionFallback: t, onSelect: n, actions: r }) {
 		]
 	});
 }
-function et({ item: e, actionFallback: t, onSelect: n, actions: r }) {
+function rt({ item: e, actionFallback: t, onSelect: n, actions: r }) {
 	let i = e.onSelect ?? n;
-	return /* @__PURE__ */ H(re, {
+	return /* @__PURE__ */ K(L, {
 		className: "product-operation-row--component product-operations-card--item",
-		children: [/* @__PURE__ */ H(ne, {
-			className: qe,
-			children: [/* @__PURE__ */ V(Xe, {
+		children: [/* @__PURE__ */ K(I, {
+			className: Xe,
+			children: [/* @__PURE__ */ G($e, {
 				label: e.label,
 				value: e.value,
 				tone: e.tone
-			}), !!e.description && /* @__PURE__ */ V(P, {
+			}), !!e.description && /* @__PURE__ */ G(N, {
 				clamp: 2,
 				children: e.description
 			})]
-		}), !!(i || r) && /* @__PURE__ */ H(F, {
-			className: Ye,
-			children: [!!i && /* @__PURE__ */ V(Ze, {
+		}), !!(i || r) && /* @__PURE__ */ K(P, {
+			className: Qe,
+			children: [!!i && /* @__PURE__ */ G(et, {
 				label: e.actionLabel ?? t,
 				onSelect: i
 			}), r]
 		})]
 	});
 }
-function tt({ item: e, actionLabel: t, onSelect: n, actions: r }) {
+function it({ item: e, actionLabel: t, onSelect: n, actions: r }) {
 	let i = "values" in e ? e.values : void 0;
-	return /* @__PURE__ */ H(re, {
+	return /* @__PURE__ */ K(L, {
 		className: "product-summary-row--component",
-		children: [/* @__PURE__ */ H(ne, {
-			className: qe,
+		children: [/* @__PURE__ */ K(I, {
+			className: Xe,
 			children: [
-				/* @__PURE__ */ V(Xe, {
+				/* @__PURE__ */ G($e, {
 					label: e.label,
 					value: e.value,
 					tone: e.tone,
 					badge: e.badge
 				}),
-				!!e.description && /* @__PURE__ */ V(P, {
+				!!e.description && /* @__PURE__ */ G(N, {
 					clamp: 2,
 					children: e.description
 				}),
-				!!i?.length && /* @__PURE__ */ V("div", {
+				!!i?.length && /* @__PURE__ */ G("div", {
 					className: "mt-space-md flex flex-wrap gap-space-xs",
-					children: i.map((e, t) => /* @__PURE__ */ V(S, {
+					children: i.map((e, t) => /* @__PURE__ */ G(ee, {
 						tone: "secondary",
 						children: e
 					}, t))
 				})
 			]
-		}), !!(n || r) && /* @__PURE__ */ H(F, {
-			className: Ye,
-			children: [!!n && /* @__PURE__ */ V(Ze, {
+		}), !!(n || r) && /* @__PURE__ */ K(P, {
+			className: Qe,
+			children: [!!n && /* @__PURE__ */ G(et, {
 				label: t,
 				onSelect: n
 			}), r]
@@ -532,26 +536,26 @@ function tt({ item: e, actionLabel: t, onSelect: n, actions: r }) {
 }
 //#endregion
 //#region src/components/features/products/components/product-contract-overview.tsx
-function nt({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: s, onEditContract: c, onCreateRule: d, onSelectRule: f, onEditRule: p, onDeleteRule: m, renderRuleActions: h, actions: g, footerSlot: _, empty: v, className: y, strings: b }) {
-	let x = r(Ae, b), S = e.length > 0 || t.length > 0 || n.length > 0, C = s || c || d ? /* @__PURE__ */ H("div", {
+function at({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: s, onEditContract: c, onCreateRule: d, onSelectRule: f, onEditRule: p, onDeleteRule: m, renderRuleActions: h, actions: g, footerSlot: _, empty: v, className: y, strings: b }) {
+	let x = r(Ae, b), S = e.length > 0 || t.length > 0 || n.length > 0, C = s || c || d ? /* @__PURE__ */ K("div", {
 		className: "flex items-center gap-space-md",
 		children: [
-			!!d && /* @__PURE__ */ V(a, {
+			!!d && /* @__PURE__ */ G(a, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				onClick: d,
-				icon: G,
+				icon: Y,
 				children: x.createRuleLabel
 			}),
-			!!c && /* @__PURE__ */ V(a, {
+			!!c && /* @__PURE__ */ G(a, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				onClick: c,
 				children: x.editLabel
 			}),
-			!!s && /* @__PURE__ */ V(a, {
+			!!s && /* @__PURE__ */ G(a, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -560,49 +564,49 @@ function nt({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: s,
 			})
 		]
 	}) : void 0;
-	return /* @__PURE__ */ V(j, {
+	return /* @__PURE__ */ G(M, {
 		title: x.title,
 		description: x.description,
 		actions: g,
 		headerAction: C,
 		footerSlot: _,
 		className: i("product-contract-overview--component w-full", y),
-		children: S ? /* @__PURE__ */ H(u, {
+		children: S ? /* @__PURE__ */ K(u, {
 			gap: "2xl",
 			children: [
-				e.length > 0 && /* @__PURE__ */ V(l, {
+				e.length > 0 && /* @__PURE__ */ G(l, {
 					columns: {
 						base: 1,
 						sm: 3
 					},
 					gap: "md",
-					children: e.map((e) => /* @__PURE__ */ V(Ge, { metric: e }, e.id))
+					children: e.map((e) => /* @__PURE__ */ G(Je, { metric: e }, e.id))
 				}),
-				t.length > 0 && /* @__PURE__ */ H(u, {
+				t.length > 0 && /* @__PURE__ */ K(u, {
 					gap: "md",
-					children: [/* @__PURE__ */ V(o, {
+					children: [/* @__PURE__ */ G(o, {
 						type: "inherit",
 						weight: "semibold",
 						children: x.termsTitle
-					}), /* @__PURE__ */ V(ae, {
+					}), /* @__PURE__ */ G(z, {
 						adaptTo: "container",
 						items: t,
 						columns: 2,
 						density: "compact"
 					})]
 				}),
-				n.length > 0 && /* @__PURE__ */ H(u, {
+				n.length > 0 && /* @__PURE__ */ K(u, {
 					gap: "md",
-					children: [/* @__PURE__ */ V(o, {
+					children: [/* @__PURE__ */ G(o, {
 						type: "inherit",
 						weight: "semibold",
 						children: x.rulesTitle
-					}), /* @__PURE__ */ V(I, { children: n.map((e, t) => {
+					}), /* @__PURE__ */ G(F, { children: n.map((e, t) => {
 						let n = f ? () => f(e) : void 0, r = p ? () => p(e) : void 0, i = m ? () => m(e) : void 0, a = [
 							...n ? [{
 								id: "open",
 								label: x.viewRuleLabel,
-								icon: /* @__PURE__ */ V(xe, { className: "size-icon-md" }),
+								icon: /* @__PURE__ */ G(xe, { className: "size-icon-md" }),
 								onClick: () => n(),
 								tone: "secondary",
 								buttonStyle: "ghost"
@@ -610,7 +614,7 @@ function nt({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: s,
 							...r ? [{
 								id: "edit",
 								label: x.editRuleLabel,
-								icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
+								icon: /* @__PURE__ */ G(Se, { className: "size-icon-md" }),
 								onClick: () => r(),
 								tone: "secondary",
 								buttonStyle: "ghost"
@@ -618,7 +622,7 @@ function nt({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: s,
 							...i ? [{
 								id: "delete",
 								label: x.deleteRuleLabel,
-								icon: /* @__PURE__ */ V(J, { className: "size-icon-md" }),
+								icon: /* @__PURE__ */ G(X, { className: "size-icon-md" }),
 								onClick: () => i(),
 								tone: "destructive"
 							}] : []
@@ -627,43 +631,43 @@ function nt({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: s,
 							onSelect: n,
 							onEdit: r,
 							onDelete: i
-						}) : /* @__PURE__ */ V(Ke, {
+						}) : /* @__PURE__ */ G(Ye, {
 							item: e,
 							actions: a,
 							menuLabel: x.ruleActionsLabel
 						});
-						return /* @__PURE__ */ V(tt, {
+						return /* @__PURE__ */ G(it, {
 							item: e,
 							actions: o
 						}, e.id);
 					}) })]
 				})
 			]
-		}) : v ?? /* @__PURE__ */ V($, {
+		}) : v ?? /* @__PURE__ */ G(Ve, {
 			title: x.emptyTitle,
 			description: x.emptyDescription,
-			action: d ? /* @__PURE__ */ V(a, {
+			action: d ? /* @__PURE__ */ G(a, {
 				tone: "primary",
 				type: "button",
 				onClick: d,
-				icon: G,
+				icon: Y,
 				children: x.createRuleLabel
 			}) : void 0
 		})
 	});
 }
-nt.displayName = "ProductContractOverview";
+at.displayName = "ProductContractOverview";
 //#endregion
 //#region src/components/features/products/components/product-details-card.tsx
-function rt({ title: e, description: t, metadata: n = [], media: o, onEditDetails: s, actions: c, headerEnd: l, footerSlot: u, empty: d, className: f, strings: p }) {
-	let m = r(ke, p), h = s ? /* @__PURE__ */ V(a, {
+function ot({ title: e, description: t, metadata: n = [], media: o, onEditDetails: s, actions: c, headerEnd: l, footerSlot: u, empty: d, className: f, strings: p }) {
+	let m = r(ke, p), h = s ? /* @__PURE__ */ G(a, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: s,
 		children: m.editLabel
 	}) : void 0;
-	return /* @__PURE__ */ V(j, {
+	return /* @__PURE__ */ G(M, {
 		title: e ?? m.title,
 		description: t === !1 ? void 0 : t ?? m.description,
 		actions: c,
@@ -671,17 +675,17 @@ function rt({ title: e, description: t, metadata: n = [], media: o, onEditDetail
 		headerEnd: l,
 		footerSlot: u,
 		className: i("product-details-card--component w-full", f),
-		children: n.length === 0 ? d ?? /* @__PURE__ */ V($, {
+		children: n.length === 0 && !o ? d ?? /* @__PURE__ */ G(Ve, {
 			title: m.emptyTitle,
 			description: m.emptyDescription
-		}) : /* @__PURE__ */ V("div", {
+		}) : /* @__PURE__ */ G("div", {
 			className: "@container/product-details",
-			children: /* @__PURE__ */ H("div", {
-				className: i("grid min-w-0 grid-cols-1 gap-space-xl", o && "@xl/product-details:grid-cols-[12rem_minmax(0,1fr)]"),
-				children: [!!o && /* @__PURE__ */ V("div", {
-					className: "product-details-card--media self-start overflow-hidden rounded-inner border border-border bg-muted/30",
+			children: /* @__PURE__ */ K("div", {
+				className: i("grid min-w-0 grid-cols-1 gap-space-xl", o && n.length > 0 && "@xl/product-details:grid-cols-[12rem_minmax(0,1fr)]"),
+				children: [!!o && /* @__PURE__ */ G("div", {
+					className: "product-details-card--media self-start overflow-hidden rounded-radius border border-border bg-muted/30",
 					children: o
-				}), /* @__PURE__ */ V(ae, {
+				}), n.length > 0 && /* @__PURE__ */ G(z, {
 					adaptTo: "container",
 					items: n,
 					columns: o ? 1 : 2,
@@ -692,12 +696,12 @@ function rt({ title: e, description: t, metadata: n = [], media: o, onEditDetail
 		})
 	});
 }
-rt.displayName = "ProductDetailsCard";
+ot.displayName = "ProductDetailsCard";
 //#endregion
 //#region src/components/features/products/components/product-option-action-menu.tsx
-function it({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDeleteOption: o, renderOptionActions: s, menuLabel: c, className: l, strings: u }) {
-	let d = r(je, u), f = n ? () => n(e) : void 0, p = a ? () => a(e) : void 0, m = o ? () => o(e) : void 0;
-	return f || p || m || s ? s ? /* @__PURE__ */ V("div", {
+function st({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDeleteOption: o, renderOptionActions: s, menuLabel: c, className: l, strings: u }) {
+	let d = r(Q, u), f = n ? () => n(e) : void 0, p = a ? () => a(e) : void 0, m = o ? () => o(e) : void 0;
+	return f || p || m || s ? s ? /* @__PURE__ */ G("div", {
 		className: i("product-option-action-menu--component flex justify-end", l),
 		children: s(e, {
 			index: t,
@@ -705,7 +709,7 @@ function it({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDel
 			onEdit: p,
 			onDelete: m
 		})
-	}) : /* @__PURE__ */ V(Ke, {
+	}) : /* @__PURE__ */ G(Ye, {
 		item: e,
 		menuLabel: c ?? d.actionsLabel,
 		className: i("product-option-action-menu--component", l),
@@ -713,7 +717,7 @@ function it({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDel
 			...f ? [{
 				id: "open",
 				label: d.viewLabel,
-				icon: /* @__PURE__ */ V(xe, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ G(xe, { className: "size-icon-md" }),
 				onClick: () => f(),
 				tone: "secondary",
 				buttonStyle: "ghost"
@@ -721,7 +725,7 @@ function it({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDel
 			...p ? [{
 				id: "edit",
 				label: d.editLabel,
-				icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ G(Se, { className: "size-icon-md" }),
 				onClick: () => p(),
 				tone: "secondary",
 				buttonStyle: "ghost"
@@ -729,54 +733,54 @@ function it({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDel
 			...m ? [{
 				id: "delete",
 				label: d.deleteLabel,
-				icon: /* @__PURE__ */ V(J, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ G(X, { className: "size-icon-md" }),
 				onClick: () => m(),
 				tone: "destructive"
 			}] : []
 		]
 	}) : null;
 }
-it.displayName = "ProductOptionActionMenu";
+st.displayName = "ProductOptionActionMenu";
 //#endregion
 //#region src/components/features/products/components/product-operations-card.tsx
-function at({ items: e = [], onCreateOperation: t, onSelectOperation: n, onEditOperation: o, onDeleteOperation: s, renderOperationActions: c, actions: l, footerSlot: u, renderItem: d, empty: f, className: p, strings: m }) {
-	let h = r(Oe, m), g = t ? /* @__PURE__ */ V(a, {
+function ct({ items: e = [], onCreateOperation: t, onSelectOperation: n, onEditOperation: o, onDeleteOperation: s, renderOperationActions: c, actions: l, footerSlot: u, renderItem: d, empty: f, className: p, strings: m }) {
+	let h = r(Oe, m), g = t ? /* @__PURE__ */ G(a, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: t,
-		icon: G,
+		icon: Y,
 		children: h.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ V(j, {
+	return /* @__PURE__ */ G(M, {
 		title: h.title,
 		description: h.description,
 		actions: l,
 		headerAction: g,
 		footerSlot: u,
 		className: i("product-operations-card--component w-full", p),
-		children: e.length === 0 ? f ?? /* @__PURE__ */ V($, {
+		children: e.length === 0 ? f ?? /* @__PURE__ */ G(Ve, {
 			title: h.emptyTitle,
 			description: h.emptyDescription,
-			action: t ? /* @__PURE__ */ V(a, {
+			action: t ? /* @__PURE__ */ G(a, {
 				tone: "primary",
 				type: "button",
 				onClick: t,
-				icon: G,
+				icon: Y,
 				children: h.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ V(I, { children: e.map((e, t) => {
+		}) : /* @__PURE__ */ G(F, { children: e.map((e, t) => {
 			let r = n ? () => n(e) : void 0, i = o ? () => o(e) : void 0, a = s ? () => s(e) : void 0, l = [...i ? [{
 				id: "edit",
 				label: h.editLabel,
-				icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ G(Se, { className: "size-icon-md" }),
 				onClick: () => i(),
 				tone: "secondary",
 				buttonStyle: "ghost"
 			}] : [], ...a ? [{
 				id: "delete",
 				label: h.deleteLabel,
-				icon: /* @__PURE__ */ V(J, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ G(X, { className: "size-icon-md" }),
 				onClick: () => a(),
 				tone: "destructive"
 			}] : []], u = c ? c(e, {
@@ -784,12 +788,12 @@ function at({ items: e = [], onCreateOperation: t, onSelectOperation: n, onEditO
 				onSelect: r,
 				onEdit: i,
 				onDelete: a
-			}) : /* @__PURE__ */ V(Ke, {
+			}) : /* @__PURE__ */ G(Ye, {
 				item: e,
 				actions: l,
 				menuLabel: h.actionsLabel
 			});
-			return d ? /* @__PURE__ */ V("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ V(et, {
+			return d ? /* @__PURE__ */ G("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ G(rt, {
 				item: e,
 				actionFallback: h.actionLabel,
 				onSelect: r,
@@ -798,350 +802,381 @@ function at({ items: e = [], onCreateOperation: t, onSelectOperation: n, onEditO
 		}) })
 	});
 }
-at.displayName = "ProductOperationsCard";
+ct.displayName = "ProductOperationsCard";
 //#endregion
 //#region src/components/features/products/components/product-options-matrix.tsx
-function ot(e) {
+function lt(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
-function st(e) {
+function ut(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function ct(e, t) {
-	let n = ot(t.name);
+function dt(e, t) {
+	let n = lt(t.name);
 	return n ? `${e}: ${n}` : e;
 }
-function lt(e) {
+function ft(e) {
 	return {
-		name: ot(e.name),
+		name: lt(e.name),
 		values: (e.values ?? []).map((e) => ({
 			...e,
-			label: ot(e.label)
+			label: lt(e.label)
 		}))
 	};
 }
-function ut({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s, defaultCollapsedOptionIds: l = [], onCollapsedOptionIdsChange: d, editingOptionId: f, defaultEditingOptionId: p, onEditingOptionIdChange: m, onCreateOption: y, onEditOption: b, onDeleteOption: x, confirmDelete: C, onAddValue: w, onDeleteValue: O, onOptionNameChange: k, onValueLabelChange: A, onDoneEditingOption: M, onSaveEditingOption: te, onCancelEditingOption: N, onToggleUsedForVariants: P, renderOptionActions: F, renderValue: I, showHeader: ne, showCollapseControls: re = !0, showInlineActions: ie = !0, showVariantToggle: ae = !0, actions: oe, headerEnd: L, footerSlot: se, empty: ce, className: le, strings: ue }) {
-	let R = r(X, ue), de = s !== void 0, [fe, pe] = _e(l), he = de ? s : fe, ge = B(() => new Set(he), [he]), U = f !== void 0 || p !== void 0 || !!m || !!k || !!A || !!M || !!te || !!N, be = f !== void 0, [xe, Ce] = _e(p ?? null), [W, K] = _e({}), q = U ? be ? f : xe : null, Ee = e.length > 0, De = t === "embedded" && ne !== !1, Oe = Ee && !!y, ke = z((t) => {
-		de || pe(t), d?.(t, e.filter((e) => t.includes(e.id)));
+function pt({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s, defaultCollapsedOptionIds: l = [], onCollapsedOptionIdsChange: d, editingOptionId: m, defaultEditingOptionId: g, onEditingOptionIdChange: _, onCreateOption: S, onEditOption: C, onDeleteOption: w, confirmDelete: T, onAddValue: E, onDeleteValue: A, onOptionNameChange: j, onValueLabelChange: ne, onDoneEditingOption: re, onSaveEditingOption: ie, onError: ae, onCancelEditingOption: N, onToggleUsedForVariants: P, renderOptionActions: F, renderValue: I, showHeader: L, showCollapseControls: R = !0, showInlineActions: z = !0, showVariantToggle: B = !0, actions: oe, headerEnd: se, footerSlot: ce, empty: le, className: ue, strings: de }) {
+	let V = r(Me, de), H = s !== void 0, [fe, he] = _e(l), ye = H ? s : fe, be = W(() => new Set(ye), [ye]), xe = m !== void 0 || g !== void 0 || !!_ || !!j || !!ne || !!re || !!ie || !!N, J = m !== void 0, [Se, we] = _e(g ?? null), [Te, De] = _e({}), Z = ge(!1), Oe = ge(!0), [ke, Ae] = _e(null), [je, Q] = _e(null), Ne = ge(null), Pe = ge(null), Fe = U((e) => {
+		e && (e.focus(), Pe.current = null);
+	}, []), $ = ke !== null;
+	me(() => (Oe.current = !0, () => {
+		Oe.current = !1;
+	}), []);
+	let Ie = xe ? J ? m : Se : null, Le = e.length > 0, Re = t === "embedded" && L !== !1, ze = Le && !!S, Be = U((t) => {
+		H || he(t), d?.(t, e.filter((e) => t.includes(e.id)));
 	}, [
-		de,
+		H,
 		d,
 		e
-	]), Ae = z((e) => {
-		let t = ge.has(e.id) ? he.filter((t) => t !== e.id) : [...he, e.id];
-		ke(t);
-	}, [
-		ge,
-		he,
-		ke
-	]), Y = z((e, t) => {
-		U && (be || Ce(e), m?.(e, t));
+	]), He = U((e) => {
+		if (Z.current) return;
+		let t = be.has(e.id) ? ye.filter((t) => t !== e.id) : [...ye, e.id];
+		Be(t);
 	}, [
 		be,
-		m,
-		U
-	]), je = z((e) => {
-		K((t) => ({
+		ye,
+		Be
+	]), Ue = U((e, t) => {
+		xe && (J || we(e), _?.(e, t));
+	}, [
+		J,
+		_,
+		xe
+	]), We = U((e) => {
+		Z.current || (Q(null), De((t) => ({
 			...t,
-			[e.id]: lt(e)
-		})), Y(e.id, e), b?.(e);
-	}, [b, Y]), Z = z((e) => W[e.id] ?? lt(e), [W]), Q = z((e, t) => {
-		K((n) => ({
+			[e.id]: ft(e)
+		})), Ue(e.id, e), C?.(e));
+	}, [C, Ue]), Ge = U((e) => Te[e.id] ?? ft(e), [Te]), Ke = U((e, t) => {
+		Z.current || De((n) => ({
 			...n,
-			[e.id]: t(n[e.id] ?? lt(e))
+			[e.id]: t(n[e.id] ?? ft(e))
 		}));
-	}, []), Me = z((e) => {
-		let t = Z(e);
-		K((t) => {
+	}, []), qe = U((e) => {
+		if (Z.current) return;
+		let t = Ge(e);
+		Q(null), De((t) => {
 			let { [e.id]: n, ...r } = t;
 			return r;
-		}), Y(null, e), N?.(e, t);
+		}), Ue(null, e), N?.(e, t);
 	}, [
-		Z,
+		Ge,
 		N,
-		Y
-	]), Ne = z((e) => {
-		let t = Z(e), n = e.values ?? [], r = new Set(n.map((e) => e.id)), i = new Set(t.values.map((e) => e.id));
-		te?.(e, t), k?.(e, t.name), n.forEach((n) => {
-			let r = t.values.find((e) => e.id === n.id);
-			r && ot(n.label) !== ot(r.label) && A?.(e, n, ot(r.label));
-		}), t.values.forEach((t) => {
-			r.has(t.id) || w?.(e);
-		}), n.forEach((t) => {
-			i.has(t.id) || O?.(e, t);
-		}), K((t) => {
-			let { [e.id]: n, ...r } = t;
-			return r;
-		}), Y(null, e), M?.(e);
+		Ue
+	]), Je = U(async (e) => {
+		if (Z.current) return !1;
+		Z.current = !0, Ae(e.id), Q(null);
+		let t = Ge(e), n = e.values ?? [], r = new Set(n.map((e) => e.id)), i = new Set(t.values.map((e) => e.id));
+		try {
+			let a = ie?.(e, t);
+			return a && await a, Oe.current ? (j?.(e, t.name), n.forEach((n) => {
+				let r = t.values.find((e) => e.id === n.id);
+				r && lt(n.label) !== lt(r.label) && ne?.(e, n, lt(r.label));
+			}), t.values.forEach((t) => {
+				r.has(t.id) || E?.(e);
+			}), n.forEach((t) => {
+				i.has(t.id) || A?.(e, t);
+			}), De((t) => {
+				let { [e.id]: n, ...r } = t;
+				return r;
+			}), Ue(null, e), re?.(e), !0) : !1;
+		} catch (t) {
+			return Oe.current && (Q({
+				optionId: e.id,
+				message: t instanceof Error && t.message ? t.message : V.saveErrorMessage ?? Me.saveErrorMessage
+			}), ae?.(t)), !1;
+		} finally {
+			Z.current = !1, Oe.current && Ae(null);
+		}
 	}, [
-		Z,
-		w,
-		O,
-		M,
-		k,
-		te,
+		Ge,
+		E,
 		A,
-		Y
-	]), Pe = g(), [Fe, Ie] = _e(null), Le = z((e) => {
-		let t = Z(e), n = new Set(t.values.map((e) => e.id)), r = (e.values ?? []).filter((e) => !n.has(e.id)).length;
-		if (C === !1 || r === 0) {
-			Ne(e);
+		re,
+		j,
+		ie,
+		ae,
+		ne,
+		V.saveErrorMessage,
+		Ue
+	]), Xe = y(), [Ze, Qe] = _e(null);
+	me(() => {
+		je && !Xe.isOpen && (Ne.current?.focus(), Ne.current?.scrollIntoView?.({ block: "nearest" }));
+	}, [je, Xe.isOpen]);
+	let $e = U((e) => {
+		if (Z.current) return;
+		let t = Ge(e), n = new Set(t.values.map((e) => e.id)), r = (e.values ?? []).filter((e) => !n.has(e.id)).length;
+		if (T === !1 || r === 0) {
+			Je(e);
 			return;
 		}
-		Ie({
+		Qe({
 			option: e,
 			removed: r
-		}), Pe.show();
+		}), Xe.show();
 	}, [
-		Ne,
-		C,
-		Z,
-		Pe
-	]), Re = z((e) => {
-		q === e.id && (K((t) => {
+		Je,
+		T,
+		Ge,
+		Xe
+	]), et = U((e) => {
+		Z.current || (Ie === e.id && (De((t) => {
 			let { [e.id]: n, ...r } = t;
 			return r;
-		}), Y(null, e)), x?.(e);
+		}), Ue(null, e)), w?.(e));
 	}, [
-		x,
-		q,
-		Y
-	]), ze = g(), [Be, Ve] = _e(null), He = z((e) => {
-		if (C === !1) {
-			Re(e);
-			return;
+		w,
+		Ie,
+		Ue
+	]), tt = y(), [nt, rt] = _e(null), it = U((e) => {
+		if (!Z.current) {
+			if (T === !1) {
+				et(e);
+				return;
+			}
+			rt(e), tt.show();
 		}
-		Ve(e), ze.show();
 	}, [
-		C,
-		Re,
-		ze
-	]), Ue = y ? /* @__PURE__ */ V(a, {
+		T,
+		et,
+		tt
+	]), at = S ? /* @__PURE__ */ G(a, {
 		type: "button",
 		tone: "neutral",
-		onClick: y,
-		icon: G,
-		children: R.createLabel
-	}) : void 0, We = De ? /* @__PURE__ */ V("div", {
+		onClick: () => {
+			Z.current || S();
+		},
+		disabled: $,
+		icon: Y,
+		children: V.createLabel
+	}) : void 0, ot = Re ? /* @__PURE__ */ G("div", {
 		className: "product-options-matrix--panel-header p-surface",
-		children: /* @__PURE__ */ H(u, {
+		children: /* @__PURE__ */ K(u, {
 			direction: "horizontal",
 			gap: "md",
 			justify: "between",
-			children: [/* @__PURE__ */ V(o, {
+			children: [/* @__PURE__ */ G(o, {
 				type: "inherit",
 				weight: "semibold",
-				children: R.title
-			}), Ue]
+				children: V.title
+			}), at]
 		})
-	}) : null, Ge = /* @__PURE__ */ H("div", {
+	}) : null, st = /* @__PURE__ */ K("div", {
 		className: "product-options-matrix--body min-w-0",
 		children: [
-			/* @__PURE__ */ H("div", {
-				className: "product-options-matrix--panel overflow-hidden rounded-radius border border-border bg-background text-foreground",
-				children: [We, Ee ? /* @__PURE__ */ H("div", {
-					className: i("product-options-matrix--list", De && "border-t border-border/60"),
+			/* @__PURE__ */ K("div", {
+				className: "product-options-matrix--panel overflow-hidden rounded-surface border border-border bg-background text-foreground",
+				children: [ot, Le ? /* @__PURE__ */ K("div", {
+					className: i("product-options-matrix--list", Re && "border-t border-border/60"),
 					children: [e.map((e, t) => {
-						let n = e.values ?? [], r = ge.has(e.id), s = q === e.id, l = !!b || U, d = !!x, f = !!w, p = Z(e), m = F?.(e, {
+						let n = e.values ?? [], r = be.has(e.id), s = Ie === e.id, l = !!C || xe, d = !!w, m = !!E, g = Ge(e), _ = je?.optionId === e.id ? je : null, y = ke === e.id, b = F?.(e, {
 							index: t,
-							onEdit: l ? () => je(e) : void 0,
-							onDelete: x ? () => He(e) : void 0,
-							onAddValue: w ? () => w(e) : void 0,
-							onToggleCollapsed: () => Ae(e),
+							onEdit: l && !$ ? () => We(e) : void 0,
+							onDelete: w && !$ ? () => it(e) : void 0,
+							onAddValue: E && !$ ? () => {
+								Z.current || E(e);
+							} : void 0,
+							onToggleCollapsed: () => He(e),
 							collapsed: r
-						}), g = [...f ? [{
+						}), S = [...m ? [{
 							id: "add-value",
-							label: R.addValueLabel,
-							icon: /* @__PURE__ */ V(G, { className: "size-icon-md" }),
-							onClick: () => w?.(e),
+							label: V.addValueLabel,
+							disabled: $,
+							icon: /* @__PURE__ */ G(Y, { className: "size-icon-md" }),
+							onClick: () => {
+								Z.current || E?.(e);
+							},
 							tone: "secondary",
 							buttonStyle: "ghost"
 						}] : [], ...d ? [{
 							id: "delete",
-							label: R.deleteLabel,
-							icon: /* @__PURE__ */ V(J, { className: "size-icon-md" }),
-							onClick: () => He(e),
+							label: V.deleteLabel,
+							disabled: $,
+							icon: /* @__PURE__ */ G(X, { className: "size-icon-md" }),
+							onClick: () => it(e),
 							tone: "destructive"
-						}] : []], _ = ie ? /* @__PURE__ */ H(ve, { children: [!!l && /* @__PURE__ */ V(a, {
+						}] : []], T = z && (l || S.length > 0) ? /* @__PURE__ */ K(ve, { children: [!!l && /* @__PURE__ */ G(a, {
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "ghost",
-							onClick: () => je(e),
-							children: R.editLabel
-						}), /* @__PURE__ */ V(Ke, {
+							onClick: () => We(e),
+							disabled: $,
+							children: V.editLabel
+						}), /* @__PURE__ */ G(Ye, {
 							item: e,
-							actions: g,
-							menuLabel: R.actionsLabel
-						})] }) : null, y = m === void 0 ? _ : m;
-						if (s) return /* @__PURE__ */ V("div", {
+							actions: S,
+							menuLabel: V.actionsLabel
+						})] }) : null, j = b === void 0 ? T : b;
+						if (s) return /* @__PURE__ */ G("div", {
 							className: "product-options-matrix--item product-options-matrix--item-editing border-b border-border/60 p-surface last:border-b-0",
-							children: /* @__PURE__ */ H("div", {
-								className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] gap-x-space-md gap-y-space-lg",
-								children: [/* @__PURE__ */ V("span", {
-									className: "product-options-matrix--drag-handle self-start flex size-icon-lg items-center justify-center text-muted-foreground",
-									"aria-hidden": "true",
-									children: /* @__PURE__ */ V(Se, { className: "size-icon-sm" })
-								}), /* @__PURE__ */ H(u, {
-									gap: "lg",
-									className: "product-options-matrix--editor",
-									children: [
-										/* @__PURE__ */ V(D, {
-											label: R.optionNameLabel,
-											className: "product-options-matrix--editor-field",
-											children: /* @__PURE__ */ V(E, {
-												value: p.name,
-												onChange: (t) => {
-													let n = t.currentTarget.value;
-													Q(e, (e) => ({
-														...e,
-														name: n
-													}));
-												},
-												"aria-label": R.optionNameLabel,
-												className: "bg-background"
-											})
-										}),
-										/* @__PURE__ */ H(u, {
-											gap: "sm",
-											className: "product-options-matrix--editor-field",
-											children: [/* @__PURE__ */ V(o, {
-												type: "inherit",
-												weight: "medium",
-												children: R.optionValuesLabel
-											}), /* @__PURE__ */ H(u, {
-												gap: "xs",
-												className: "product-options-matrix--editor-values",
-												children: [
-													p.values.length === 0 && /* @__PURE__ */ V(o, {
-														size: "xs",
-														type: "secondary",
-														children: R.noValuesLabel
-													}),
-													p.values.map((t) => /* @__PURE__ */ H("div", {
-														className: "product-options-matrix--editor-value grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-space-sm",
-														children: [
-															/* @__PURE__ */ V("span", {
-																className: "flex size-icon-lg items-center justify-center text-muted-foreground",
-																"aria-hidden": "true",
-																children: /* @__PURE__ */ V(Se, { className: "size-icon-sm" })
-															}),
-															/* @__PURE__ */ V(E, {
-																value: ot(t.label),
-																onChange: (n) => {
-																	let r = n.currentTarget.value;
-																	Q(e, (e) => ({
-																		...e,
-																		values: e.values.map((e) => e.id === t.id ? {
-																			...e,
-																			label: r
-																		} : e)
-																	}));
-																},
-																"aria-label": `${R.optionValuesLabel}: ${ot(t.label)}`,
-																className: "bg-background"
-															}),
-															/* @__PURE__ */ H(a, {
-																type: "button",
-																size: "sm",
-																iconOnly: !0,
-																tone: "secondary",
-																buttonStyle: "ghost",
-																onClick: () => Q(e, (e) => ({
+							children: /* @__PURE__ */ K(u, {
+								gap: "lg",
+								className: "product-options-matrix--editor",
+								"aria-busy": y,
+								children: [
+									_ && /* @__PURE__ */ K(p, {
+										ref: Ne,
+										tabIndex: -1,
+										tone: "destructive",
+										children: [/* @__PURE__ */ G(h, { children: V.saveErrorTitle ?? Me.saveErrorTitle }), /* @__PURE__ */ G(f, { children: _.message })]
+									}),
+									/* @__PURE__ */ G(k, {
+										label: V.optionNameLabel,
+										className: "product-options-matrix--editor-field",
+										children: /* @__PURE__ */ G(O, {
+											value: g.name,
+											disabled: $,
+											onChange: (t) => {
+												let n = t.currentTarget.value;
+												Ke(e, (e) => ({
+													...e,
+													name: n
+												}));
+											},
+											"aria-label": V.optionNameLabel,
+											className: "bg-background"
+										})
+									}),
+									/* @__PURE__ */ K(u, {
+										gap: "sm",
+										className: "product-options-matrix--editor-field",
+										children: [/* @__PURE__ */ G(o, {
+											type: "inherit",
+											weight: "medium",
+											children: V.optionValuesLabel
+										}), /* @__PURE__ */ K(u, {
+											gap: "xs",
+											className: "product-options-matrix--editor-values",
+											children: [
+												g.values.length === 0 && /* @__PURE__ */ G(o, {
+													size: "xs",
+													type: "secondary",
+													children: V.noValuesLabel
+												}),
+												g.values.map((t) => /* @__PURE__ */ K("div", {
+													className: "product-options-matrix--editor-value grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-space-sm",
+													children: [/* @__PURE__ */ G(O, {
+														ref: t.id === Pe.current ? Fe : void 0,
+														value: lt(t.label),
+														disabled: $,
+														onChange: (n) => {
+															let r = n.currentTarget.value;
+															Ke(e, (e) => ({
+																...e,
+																values: e.values.map((e) => e.id === t.id ? {
 																	...e,
-																	values: e.values.filter((e) => e.id !== t.id)
-																})),
-																"aria-label": R.deleteValueLabel,
-																className: "text-muted-foreground hover:text-destructive",
-																children: [/* @__PURE__ */ V(J, {
-																	className: "size-icon-sm",
-																	"aria-hidden": "true"
-																}), /* @__PURE__ */ V(o, {
-																	tag: "span",
-																	size: "pxs",
-																	className: "sr-only",
-																	children: R.deleteValueLabel
-																})]
-															})
-														]
-													}, t.id)),
-													/* @__PURE__ */ H("div", {
-														className: "product-options-matrix--editor-add-value grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-space-sm",
-														children: [
-															/* @__PURE__ */ V("span", {
-																className: "size-icon-lg",
-																"aria-hidden": "true"
-															}),
-															/* @__PURE__ */ V(a, {
-																type: "button",
-																tone: "secondary",
-																buttonStyle: "outline",
-																onClick: () => Q(e, (t) => {
-																	let n = t.values.length + 1;
-																	return {
-																		...t,
-																		values: [...t.values, {
-																			id: `${e.id}-draft-value-${n}`,
-																			label: ""
-																		}]
-																	};
-																}),
-																fullWidth: !0,
-																className: "justify-start text-muted-foreground",
-																children: R.addAnotherValueLabel
-															}),
-															/* @__PURE__ */ V("span", {
-																className: "size-action-sm",
-																"aria-hidden": "true"
-															})
-														]
+																	label: r
+																} : e)
+															}));
+														},
+														"aria-label": `${V.optionValuesLabel}: ${lt(t.label)}`,
+														className: "bg-background"
+													}), /* @__PURE__ */ K(a, {
+														type: "button",
+														size: "sm",
+														iconOnly: !0,
+														tone: "secondary",
+														buttonStyle: "ghost",
+														onClick: () => Ke(e, (e) => ({
+															...e,
+															values: e.values.filter((e) => e.id !== t.id)
+														})),
+														"aria-label": V.deleteValueLabel,
+														disabled: $,
+														className: "text-muted-foreground hover:text-destructive",
+														children: [/* @__PURE__ */ G(X, {
+															className: "size-icon-sm",
+															"aria-hidden": "true"
+														}), /* @__PURE__ */ G(o, {
+															tag: "span",
+															size: "pxs",
+															className: "sr-only",
+															children: V.deleteValueLabel
+														})]
+													})]
+												}, t.id)),
+												/* @__PURE__ */ G("div", {
+													className: "product-options-matrix--editor-add-value min-w-0",
+													children: /* @__PURE__ */ G(a, {
+														type: "button",
+														tone: "secondary",
+														buttonStyle: "outline",
+														disabled: $,
+														onClick: () => Ke(e, (t) => {
+															let n = t.values.length + 1, r = `${e.id}-draft-value-${n}`;
+															return Pe.current = r, {
+																...t,
+																values: [...t.values, {
+																	id: r,
+																	label: ""
+																}]
+															};
+														}),
+														fullWidth: !0,
+														className: "justify-start text-muted-foreground",
+														children: V.addAnotherValueLabel
 													})
-												]
-											})]
-										}),
-										/* @__PURE__ */ H(u, {
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ K(u, {
+										direction: "horizontal",
+										gap: "md",
+										justify: "between",
+										wrap: !1,
+										className: "product-options-matrix--editor-actions",
+										children: [/* @__PURE__ */ G("div", { children: !!w && /* @__PURE__ */ G(a, {
+											type: "button",
+											tone: "destructive",
+											buttonStyle: "outline",
+											onClick: () => it(e),
+											disabled: $,
+											children: V.deleteLabel
+										}) }), /* @__PURE__ */ K(u, {
 											direction: "horizontal",
-											gap: "md",
-											justify: "between",
+											gap: "sm",
+											justify: "end",
 											wrap: !1,
-											className: "product-options-matrix--editor-actions",
-											children: [/* @__PURE__ */ V("div", { children: !!x && /* @__PURE__ */ V(a, {
+											children: [/* @__PURE__ */ G(a, {
 												type: "button",
-												tone: "destructive",
-												buttonStyle: "outline",
-												onClick: () => He(e),
-												children: R.deleteLabel
-											}) }), /* @__PURE__ */ H(u, {
-												direction: "horizontal",
-												gap: "sm",
-												justify: "end",
-												wrap: !1,
-												children: [/* @__PURE__ */ V(a, {
-													type: "button",
-													tone: "secondary",
-													buttonStyle: "ghost",
-													onClick: () => Me(e),
-													children: R.cancelLabel
-												}), /* @__PURE__ */ V(a, {
-													type: "button",
-													tone: "neutral",
-													onClick: () => Le(e),
-													children: R.saveLabel ?? R.doneLabel
-												})]
+												tone: "secondary",
+												buttonStyle: "ghost",
+												onClick: () => qe(e),
+												disabled: $,
+												children: V.cancelLabel
+											}), /* @__PURE__ */ G(a, {
+												type: "button",
+												tone: "neutral",
+												onClick: () => $e(e),
+												disabled: $,
+												loading: y,
+												strings: { loading: V.savingLabel },
+												children: _ ? V.retrySaveLabel ?? V.saveLabel : V.saveLabel ?? V.doneLabel
 											})]
-										})
-									]
-								})]
+										})]
+									})
+								]
 							})
 						}, e.id);
-						let C = /* @__PURE__ */ H(u, {
-							render: /* @__PURE__ */ V("span", {}),
+						let ne = /* @__PURE__ */ K(u, {
+							render: /* @__PURE__ */ G("span", {}),
 							gap: "sm",
 							children: [
-								/* @__PURE__ */ H(u, {
-									render: /* @__PURE__ */ V("span", {}),
+								/* @__PURE__ */ K(u, {
+									render: /* @__PURE__ */ G("span", {}),
 									direction: "horizontal",
 									gap: "sm",
-									children: [/* @__PURE__ */ V(o, {
+									children: [/* @__PURE__ */ G(o, {
 										type: "inherit",
 										tag: "span",
 										weight: "semibold",
@@ -1149,37 +1184,39 @@ function ut({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s,
 										children: e.name
 									}), e.badge]
 								}),
-								!!e.description && /* @__PURE__ */ V(o, {
+								!!e.description && /* @__PURE__ */ G(o, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
 									className: "max-w-prose",
 									children: e.description
 								}),
-								!r && /* @__PURE__ */ V(u, {
-									render: /* @__PURE__ */ V("span", {}),
+								!r && /* @__PURE__ */ G(u, {
+									render: /* @__PURE__ */ G("span", {}),
 									gap: "sm",
 									className: "product-options-matrix--values",
-									children: n.length === 0 ? /* @__PURE__ */ V(o, {
+									children: n.length === 0 ? /* @__PURE__ */ G(o, {
 										tag: "span",
 										size: "xs",
 										type: "secondary",
-										children: R.noValuesLabel
-									}) : /* @__PURE__ */ V("span", {
+										children: V.noValuesLabel
+									}) : /* @__PURE__ */ G("span", {
 										className: "flex flex-wrap gap-space-xs",
 										children: n.map((n, r) => {
-											let a = O ? () => O(e, n) : void 0, s = I?.(n, {
+											let a = A ? () => {
+												Z.current || A(e, n);
+											} : void 0, s = I?.(n, {
 												option: e,
 												optionIndex: t,
 												valueIndex: r,
 												onDelete: a
 											});
-											return s ? /* @__PURE__ */ V(me, { children: s }, n.id) : /* @__PURE__ */ H(S, {
+											return s ? /* @__PURE__ */ G(pe, { children: s }, n.id) : /* @__PURE__ */ K(ee, {
 												size: "sm",
 												tone: "neutral",
 												className: i("product-options-matrix--value", n.disabled && "opacity-50"),
 												children: [
-													st(n.label) ? /* @__PURE__ */ V(o, {
+													ut(n.label) ? /* @__PURE__ */ G(o, {
 														type: "inherit",
 														tag: "span",
 														size: "inherit",
@@ -1187,19 +1224,20 @@ function ut({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s,
 														children: n.label
 													}) : n.label,
 													n.badge,
-													!!a && ie && /* @__PURE__ */ H("button", {
+													!!a && z && /* @__PURE__ */ K("button", {
 														type: "button",
 														onClick: a,
-														"aria-label": R.deleteValueLabel,
-														className: i(T.target, T.focus, c.inset, T.clear, "hover:text-destructive"),
-														children: [/* @__PURE__ */ V(Te, {
-															className: T.icon,
+														disabled: $,
+														"aria-label": V.deleteValueLabel,
+														className: i(D.target, D.focus, c.inset, D.clear, "hover:text-destructive"),
+														children: [/* @__PURE__ */ G(Ee, {
+															className: D.icon,
 															"aria-hidden": "true"
-														}), /* @__PURE__ */ V(o, {
+														}), /* @__PURE__ */ G(o, {
 															tag: "span",
 															size: "pxs",
 															className: "sr-only",
-															children: R.deleteValueLabel
+															children: V.deleteValueLabel
 														})]
 													})
 												]
@@ -1209,166 +1247,177 @@ function ut({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s,
 								})
 							]
 						});
-						return /* @__PURE__ */ V("div", {
+						return /* @__PURE__ */ G("div", {
 							className: "product-options-matrix--item border-b border-border/60 last:border-b-0",
-							children: /* @__PURE__ */ H("div", {
-								className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-x-space-md gap-y-space-md p-surface @2xl/product-options-matrix:grid-cols-[auto_minmax(0,1fr)_auto]",
+							children: /* @__PURE__ */ K("div", {
+								className: i("grid min-w-0 items-center gap-x-space-md gap-y-space-md p-surface", R ? "grid-cols-[auto_minmax(0,1fr)] @2xl/product-options-matrix:grid-cols-[auto_minmax(0,1fr)_auto]" : "grid-cols-1 @2xl/product-options-matrix:grid-cols-[minmax(0,1fr)_auto]"),
 								children: [
-									re ? /* @__PURE__ */ H(a, {
+									R && /* @__PURE__ */ K(a, {
 										type: "button",
 										size: "sm",
 										iconOnly: !0,
 										tone: "secondary",
 										buttonStyle: "ghost",
-										onClick: () => Ae(e),
+										onClick: () => He(e),
+										disabled: $,
 										"aria-expanded": !r,
-										"aria-label": r ? R.expandOptionLabel : R.collapseOptionLabel,
+										"aria-label": r ? V.expandOptionLabel : V.collapseOptionLabel,
 										className: "product-options-matrix--collapse-trigger mt-space-2xs shrink-0 text-muted-foreground",
-										children: [/* @__PURE__ */ V(ye, {
+										children: [/* @__PURE__ */ G(q, {
 											className: i("size-icon-sm transition-transform", r && "-rotate-90"),
 											"aria-hidden": "true"
-										}), /* @__PURE__ */ V(o, {
+										}), /* @__PURE__ */ G(o, {
 											tag: "span",
 											size: "pxs",
 											className: "sr-only",
-											children: r ? R.expandOptionLabel : R.collapseOptionLabel
+											children: r ? V.expandOptionLabel : V.collapseOptionLabel
 										})]
-									}) : /* @__PURE__ */ V("span", {
-										className: "product-options-matrix--drag-handle flex size-icon-lg items-center justify-center text-muted-foreground",
-										"aria-hidden": "true",
-										children: /* @__PURE__ */ V(Se, { className: "size-icon-sm" })
 									}),
-									/* @__PURE__ */ V("div", {
+									/* @__PURE__ */ G("div", {
 										className: "product-options-matrix--item-main min-w-0",
-										children: l && !ie ? /* @__PURE__ */ V("button", {
+										children: l && !z ? /* @__PURE__ */ G("button", {
 											type: "button",
-											onClick: () => je(e),
-											"aria-label": ct(R.editLabel, e),
-											className: `product-options-matrix--edit-summary ${v.nativeButtonReset} block w-full cursor-pointer whitespace-normal rounded-inner text-start text-inherit outline-none ${c.edge}`,
-											children: C
-										}) : C
+											onClick: () => We(e),
+											disabled: $,
+											"aria-label": dt(V.editLabel, e),
+											className: `product-options-matrix--edit-summary ${x.nativeButtonReset} block w-full cursor-pointer whitespace-normal rounded-radius text-start text-inherit outline-none ${c.edge}`,
+											children: ne
+										}) : ne
 									}),
-									(ae || !!y) && /* @__PURE__ */ H("div", {
-										className: i("product-options-matrix--item-actions col-start-2 flex min-w-fit items-center justify-start @2xl/product-options-matrix:justify-end lg:col-start-auto", h.commands),
-										children: [!!P && ae && /* @__PURE__ */ H("div", {
+									(!!P && B || !!j) && /* @__PURE__ */ K("div", {
+										className: i("product-options-matrix--item-actions flex min-w-0 flex-wrap items-center justify-start @2xl/product-options-matrix:col-start-auto @2xl/product-options-matrix:justify-end", R ? "col-start-2" : "col-start-1", v.commands),
+										children: [!!P && B && /* @__PURE__ */ K("div", {
 											className: "inline-flex items-center gap-space-sm",
-											children: [/* @__PURE__ */ V(o, {
+											children: [/* @__PURE__ */ G(o, {
 												tag: "span",
 												id: `product-option-${e.id}-variant-toggle-label`,
 												size: "pxs",
 												type: "secondary",
 												weight: "medium",
-												children: R.useForVariantsLabel
-											}), /* @__PURE__ */ V(ee, {
+												children: V.useForVariantsLabel
+											}), /* @__PURE__ */ G(te, {
 												checked: !!e.usedForVariants,
-												onValueChange: (t) => P(e, t),
+												disabled: $,
+												onValueChange: (t) => {
+													Z.current || P(e, t);
+												},
 												"aria-labelledby": `product-option-${e.id}-variant-toggle-label`
 											})]
-										}), y]
+										}), j]
 									})
 								]
 							})
 						}, e.id);
-					}), !!Oe && /* @__PURE__ */ V("div", {
+					}), !!ze && /* @__PURE__ */ G("div", {
 						className: "product-options-matrix--create-row border-t border-border/60 p-surface-xs",
-						children: /* @__PURE__ */ V(a, {
+						children: /* @__PURE__ */ G(a, {
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "ghost",
-							onClick: y,
-							icon: we,
+							onClick: () => {
+								Z.current || S?.();
+							},
+							disabled: $,
+							icon: Ce,
 							size: "sm",
 							fullWidth: !0,
 							className: "justify-start text-foreground",
-							children: R.addAnotherOptionLabel
+							children: V.addAnotherOptionLabel
 						})
 					})]
-				}) : /* @__PURE__ */ V("div", {
-					className: i(De && "border-t border-border/60"),
-					children: ce ?? /* @__PURE__ */ V($, {
-						title: R.emptyTitle,
-						description: R.emptyDescription,
-						action: y && !De ? /* @__PURE__ */ V(a, {
+				}) : /* @__PURE__ */ G("div", {
+					className: i(Re && "border-t border-border/60"),
+					children: le ?? /* @__PURE__ */ G(Ve, {
+						title: V.emptyTitle,
+						description: V.emptyDescription,
+						action: S && !Re ? /* @__PURE__ */ G(a, {
 							tone: "primary",
 							type: "button",
-							onClick: y,
-							icon: G,
-							children: R.createLabel
+							onClick: S,
+							icon: Y,
+							children: V.createLabel
 						}) : void 0
 					})
 				})]
 			}),
-			!!(C !== !1 && Fe) && /* @__PURE__ */ V(_, {
-				...Pe.overlayProps,
+			!!(T !== !1 && Ze) && /* @__PURE__ */ G(b, {
+				...Xe.overlayProps,
 				destructive: !0,
-				title: R.confirmRemoveValuesTitle,
-				description: n(R.confirmRemoveValuesDescription, { count: Fe.removed }),
-				strings: { confirm: R.confirmRemoveValuesLabel },
-				onConfirm: () => Ne(Fe.option)
+				title: V.confirmRemoveValuesTitle,
+				description: n(V.confirmRemoveValuesDescription, { count: Ze.removed }),
+				strings: {
+					confirm: je?.optionId === Ze.option.id ? V.retrySaveLabel : V.confirmRemoveValuesLabel,
+					loading: V.savingLabel
+				},
+				alertMessage: je?.optionId === Ze.option.id ? je.message : void 0,
+				closeOnAsyncComplete: !1,
+				onAsyncConfirm: async () => {
+					await Je(Ze.option) && Xe.hide();
+				}
 			}),
-			!!(C !== !1 && x) && /* @__PURE__ */ V(_, {
-				...ze.overlayProps,
+			!!(T !== !1 && w) && /* @__PURE__ */ G(b, {
+				...tt.overlayProps,
 				destructive: !0,
-				title: R.confirmDeleteOptionTitle,
-				description: R.confirmDeleteOptionDescription,
-				strings: { confirm: R.deleteLabel },
+				title: V.confirmDeleteOptionTitle,
+				description: V.confirmDeleteOptionDescription,
+				strings: { confirm: V.deleteLabel },
 				onConfirm: () => {
-					Be && Re(Be);
+					nt && et(nt);
 				}
 			})
 		]
 	});
-	return t === "embedded" ? /* @__PURE__ */ V("section", {
-		"aria-label": R.title,
-		className: i("product-options-matrix--component @container/product-options-matrix min-w-0", le),
-		children: Ge
-	}) : /* @__PURE__ */ V(j, {
-		title: R.title,
-		description: R.description,
+	return t === "embedded" ? /* @__PURE__ */ G("section", {
+		"aria-label": V.title,
+		className: i("product-options-matrix--component @container/product-options-matrix min-w-0", ue),
+		children: st
+	}) : /* @__PURE__ */ G(M, {
+		title: V.title,
+		description: V.description,
 		actions: oe,
-		headerAction: Ue,
-		headerEnd: L,
-		footerSlot: se,
-		className: i("product-options-matrix--component @container/product-options-matrix w-full", le),
-		children: Ge
+		headerAction: at,
+		headerEnd: se,
+		footerSlot: ce,
+		className: i("product-options-matrix--component @container/product-options-matrix w-full", ue),
+		children: st
 	});
 }
-ut.displayName = "ProductOptionsMatrix";
+pt.displayName = "ProductOptionsMatrix";
 //#endregion
 //#region src/components/features/products/components/product-options-summary.tsx
-function dt({ options: e = [], onManageOptions: t, onCreateOption: n, onSelectOption: o, onEditOption: s, onDeleteOption: c, renderOptionActions: l, actions: u, footerSlot: d, renderOption: f, empty: p, className: m, strings: h }) {
-	let g = r(Y, h), _ = !!(o || s || c || l), v = [...u ?? [], ...n && t ? [{
+function mt({ options: e = [], onManageOptions: t, onCreateOption: n, onSelectOption: o, onEditOption: s, onDeleteOption: c, renderOptionActions: l, actions: u, footerSlot: d, renderOption: f, empty: p, className: m, strings: h }) {
+	let g = r(je, h), _ = !!(o || s || c || l), v = [...u ?? [], ...n && t ? [{
 		id: "manage-options",
 		label: g.manageLabel,
-		icon: /* @__PURE__ */ V(q, { className: "size-icon-md" }),
+		icon: /* @__PURE__ */ G(Te, { className: "size-icon-md" }),
 		onClick: t
-	}] : []], y = n || t ? /* @__PURE__ */ V(a, {
+	}] : []], y = n || t ? /* @__PURE__ */ G(a, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: n ?? t,
-		icon: n ? G : void 0,
+		icon: n ? Y : void 0,
 		children: n ? g.createLabel : g.manageLabel
 	}) : void 0;
-	return /* @__PURE__ */ V(j, {
+	return /* @__PURE__ */ G(M, {
 		title: g.title,
 		description: g.description,
 		actions: v.length > 0 ? v : void 0,
 		headerAction: y,
 		footerSlot: d,
 		className: i("product-options-summary--component w-full", m),
-		children: e.length === 0 ? p ?? /* @__PURE__ */ V($, {
+		children: e.length === 0 ? p ?? /* @__PURE__ */ G(Ve, {
 			title: g.emptyTitle,
 			description: g.emptyDescription,
-			action: n ? /* @__PURE__ */ V(a, {
+			action: n ? /* @__PURE__ */ G(a, {
 				tone: "primary",
 				type: "button",
 				onClick: n,
-				icon: G,
+				icon: Y,
 				children: g.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ V(I, { children: e.map((e, t) => (() => {
-			let n = _ ? /* @__PURE__ */ V(it, {
+		}) : /* @__PURE__ */ G(F, { children: e.map((e, t) => (() => {
+			let n = _ ? /* @__PURE__ */ G(st, {
 				option: e,
 				index: t,
 				onSelectOption: o,
@@ -1383,54 +1432,54 @@ function dt({ options: e = [], onManageOptions: t, onCreateOption: n, onSelectOp
 					actionsLabel: g.actionsLabel
 				}
 			}) : void 0;
-			return f ? /* @__PURE__ */ V("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ V(tt, {
+			return f ? /* @__PURE__ */ G("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ G(it, {
 				item: e,
 				actions: n
 			}, e.id);
 		})()) })
 	});
 }
-dt.displayName = "ProductOptionsSummary";
+mt.displayName = "ProductOptionsSummary";
 //#endregion
 //#region src/components/features/products/components/product-policies-card.tsx
-function ft({ policies: e = [], onCreatePolicy: t, onSelectPolicy: n, onEditPolicy: o, onDeletePolicy: s, renderPolicyActions: c, actions: l, footerSlot: u, renderPolicy: d, empty: f, className: p, strings: m }) {
-	let h = r(Q, m), g = t ? /* @__PURE__ */ V(a, {
+function ht({ policies: e = [], onCreatePolicy: t, onSelectPolicy: n, onEditPolicy: o, onDeletePolicy: s, renderPolicyActions: c, actions: l, footerSlot: u, renderPolicy: d, empty: f, className: p, strings: m }) {
+	let h = r(Pe, m), g = t ? /* @__PURE__ */ G(a, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: t,
-		icon: G,
+		icon: Y,
 		children: h.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ V(j, {
+	return /* @__PURE__ */ G(M, {
 		title: h.title,
 		description: h.description,
 		actions: l,
 		headerAction: g,
 		footerSlot: u,
 		className: i("product-policies-card--component w-full", p),
-		children: e.length === 0 ? f ?? /* @__PURE__ */ V($, {
+		children: e.length === 0 ? f ?? /* @__PURE__ */ G(Ve, {
 			title: h.emptyTitle,
 			description: h.emptyDescription,
-			action: t ? /* @__PURE__ */ V(a, {
+			action: t ? /* @__PURE__ */ G(a, {
 				tone: "primary",
 				type: "button",
 				onClick: t,
-				icon: G,
+				icon: Y,
 				children: h.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ V(I, { children: e.map((e, t) => (() => {
+		}) : /* @__PURE__ */ G(F, { children: e.map((e, t) => (() => {
 			let r = n ? () => n(e) : void 0, i = o ? () => o(e) : void 0, a = s ? () => s(e) : void 0, l = [...i ? [{
 				id: "edit",
 				label: h.editLabel,
-				icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ G(Se, { className: "size-icon-md" }),
 				onClick: () => i(),
 				tone: "secondary",
 				buttonStyle: "ghost"
 			}] : [], ...a ? [{
 				id: "delete",
 				label: h.deleteLabel,
-				icon: /* @__PURE__ */ V(J, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ G(X, { className: "size-icon-md" }),
 				onClick: () => a(),
 				tone: "destructive"
 			}] : []], u = c ? c(e, {
@@ -1438,12 +1487,12 @@ function ft({ policies: e = [], onCreatePolicy: t, onSelectPolicy: n, onEditPoli
 				onSelect: r,
 				onEdit: i,
 				onDelete: a
-			}) : /* @__PURE__ */ V(Ke, {
+			}) : /* @__PURE__ */ G(Ye, {
 				item: e,
 				actions: l,
 				menuLabel: h.actionsLabel
 			});
-			return d ? /* @__PURE__ */ V("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ V(tt, {
+			return d ? /* @__PURE__ */ G("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ G(it, {
 				item: e,
 				actionLabel: h.viewLabel,
 				onSelect: r,
@@ -1452,69 +1501,69 @@ function ft({ policies: e = [], onCreatePolicy: t, onSelectPolicy: n, onEditPoli
 		})()) })
 	});
 }
-ft.displayName = "ProductPoliciesCard";
+ht.displayName = "ProductPoliciesCard";
 //#endregion
 //#region src/components/features/products/components/product-quote-preview-card.tsx
-function pt({ lines: e = [], subtotal: t, tax: n, discount: s, total: c, onOpenQuote: l, onCreateLine: d, onSelectLine: f, onEditLine: p, onDeleteLine: m, renderLineActions: h, actions: g, footerSlot: _, empty: v, className: b, strings: x }) {
-	let S = r(Z, x), C = t !== void 0 || n !== void 0 || s !== void 0, T = d || l ? /* @__PURE__ */ H("div", {
+function gt({ lines: e = [], subtotal: t, tax: n, discount: s, total: c, onOpenQuote: l, onCreateLine: d, onSelectLine: f, onEditLine: p, onDeleteLine: m, renderLineActions: h, actions: g, footerSlot: _, empty: v, className: y, strings: b }) {
+	let x = r(Ne, b), C = t !== void 0 || n !== void 0 || s !== void 0, w = d || l ? /* @__PURE__ */ K("div", {
 		className: "flex items-center gap-space-md",
-		children: [!!d && /* @__PURE__ */ V(a, {
+		children: [!!d && /* @__PURE__ */ G(a, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: d,
-			icon: G,
-			children: S.createLineLabel
-		}), !!l && /* @__PURE__ */ V(a, {
+			icon: Y,
+			children: x.createLineLabel
+		}), !!l && /* @__PURE__ */ G(a, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: l,
-			children: S.actionLabel
+			children: x.actionLabel
 		})]
 	}) : void 0;
-	return /* @__PURE__ */ V(j, {
-		title: S.title,
-		description: S.description,
+	return /* @__PURE__ */ G(M, {
+		title: x.title,
+		description: x.description,
 		actions: g,
-		headerAction: T,
+		headerAction: w,
 		footerSlot: _,
-		className: i("product-quote-preview-card--component w-full", b),
-		children: e.length === 0 ? v ?? /* @__PURE__ */ V($, {
-			title: S.emptyTitle,
-			description: S.emptyDescription,
-			action: d ? /* @__PURE__ */ V(a, {
+		className: i("product-quote-preview-card--component w-full", y),
+		children: e.length === 0 ? v ?? /* @__PURE__ */ G(Ve, {
+			title: x.emptyTitle,
+			description: x.emptyDescription,
+			action: d ? /* @__PURE__ */ G(a, {
 				tone: "primary",
 				type: "button",
 				onClick: d,
-				icon: G,
-				children: S.createLineLabel
+				icon: Y,
+				children: x.createLineLabel
 			}) : void 0
-		}) : /* @__PURE__ */ H(u, {
+		}) : /* @__PURE__ */ K(u, {
 			gap: "2xl",
 			className: "product-quote-preview-card--body",
-			children: [/* @__PURE__ */ V(I, { children: e.map((e, t) => {
+			children: [/* @__PURE__ */ G(F, { children: e.map((e, t) => {
 				let n = f ? () => f(e) : void 0, r = p ? () => p(e) : void 0, i = m ? () => m(e) : void 0, a = [
 					...n ? [{
 						id: "open",
-						label: S.viewLineLabel,
-						icon: /* @__PURE__ */ V(xe, { className: "size-icon-md" }),
+						label: x.viewLineLabel,
+						icon: /* @__PURE__ */ G(xe, { className: "size-icon-md" }),
 						onClick: () => n(),
 						tone: "secondary",
 						buttonStyle: "ghost"
 					}] : [],
 					...r ? [{
 						id: "edit",
-						label: S.editLineLabel,
-						icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
+						label: x.editLineLabel,
+						icon: /* @__PURE__ */ G(Se, { className: "size-icon-md" }),
 						onClick: () => r(),
 						tone: "secondary",
 						buttonStyle: "ghost"
 					}] : [],
 					...i ? [{
 						id: "delete",
-						label: S.deleteLineLabel,
-						icon: /* @__PURE__ */ V(J, { className: "size-icon-md" }),
+						label: x.deleteLineLabel,
+						icon: /* @__PURE__ */ G(X, { className: "size-icon-md" }),
 						onClick: () => i(),
 						tone: "destructive"
 					}] : []
@@ -1523,55 +1572,55 @@ function pt({ lines: e = [], subtotal: t, tax: n, discount: s, total: c, onOpenQ
 					onSelect: n,
 					onEdit: r,
 					onDelete: i
-				}) : /* @__PURE__ */ V(Ke, {
+				}) : /* @__PURE__ */ G(Ye, {
 					item: e,
 					actions: a,
-					menuLabel: S.lineActionsLabel
+					menuLabel: x.lineActionsLabel
 				});
-				return /* @__PURE__ */ H(re, {
+				return /* @__PURE__ */ K(L, {
 					className: "product-quote-preview-card--line",
-					children: [/* @__PURE__ */ H(ne, { children: [
-						/* @__PURE__ */ V(ie, { children: e.label }),
-						!!e.description && /* @__PURE__ */ V(P, { children: e.description }),
-						!!e.quantity && /* @__PURE__ */ V(P, { children: e.quantity })
-					] }), /* @__PURE__ */ H(F, { children: [/* @__PURE__ */ V(y, {
+					children: [/* @__PURE__ */ K(I, { children: [
+						/* @__PURE__ */ G(R, { children: e.label }),
+						!!e.description && /* @__PURE__ */ G(N, { children: e.description }),
+						!!e.quantity && /* @__PURE__ */ G(N, { children: e.quantity })
+					] }), /* @__PURE__ */ K(P, { children: [/* @__PURE__ */ G(S, {
 						type: "inherit",
 						className: "tabular-nums",
 						children: e.amount
 					}), o] })]
 				}, e.id);
-			}) }), /* @__PURE__ */ H(u, {
+			}) }), /* @__PURE__ */ K(u, {
 				gap: "lg",
 				className: "product-quote-preview-card--totals",
 				children: [
-					!!C && /* @__PURE__ */ H(u, {
+					!!C && /* @__PURE__ */ K(u, {
 						gap: "sm",
 						children: [
-							t !== void 0 && /* @__PURE__ */ V(R, {
-								label: S.subtotalLabel,
+							t !== void 0 && /* @__PURE__ */ G(de, {
+								label: x.subtotalLabel,
 								value: t,
 								valueClassName: "tabular-nums"
 							}),
-							n !== void 0 && /* @__PURE__ */ V(R, {
-								label: S.taxLabel,
+							n !== void 0 && /* @__PURE__ */ G(de, {
+								label: x.taxLabel,
 								value: n,
 								valueClassName: "tabular-nums"
 							}),
-							s !== void 0 && /* @__PURE__ */ V(R, {
-								label: S.discountLabel,
+							s !== void 0 && /* @__PURE__ */ G(de, {
+								label: x.discountLabel,
 								value: s,
 								valueClassName: "tabular-nums text-success"
 							})
 						]
 					}),
-					!!C && /* @__PURE__ */ V(w, {}),
-					/* @__PURE__ */ V(R, {
-						label: /* @__PURE__ */ V(o, {
+					!!C && /* @__PURE__ */ G(E, {}),
+					/* @__PURE__ */ G(de, {
+						label: /* @__PURE__ */ G(o, {
 							type: "inherit",
 							tag: "span",
 							weight: "semibold",
 							lineHeight: "tight",
-							children: S.totalLabel
+							children: x.totalLabel
 						}),
 						value: c ?? "-",
 						valueClassName: "font-semibold tabular-nums"
@@ -1581,135 +1630,135 @@ function pt({ lines: e = [], subtotal: t, tax: n, discount: s, total: c, onOpenQ
 		})
 	});
 }
-pt.displayName = "ProductQuotePreviewCard";
+gt.displayName = "ProductQuotePreviewCard";
 //#endregion
 //#region src/components/features/products/components/product-readiness-card.tsx
-function mt({ items: e = [], score: t, scoreLabel: n, summary: s, onCreateReadinessItem: c, onSelectReadinessItem: l, onEditReadinessItem: d, onDeleteReadinessItem: f, renderReadinessItemActions: m, actions: h, footerSlot: g, renderItem: _, empty: v, className: y, strings: b }) {
-	let S = r(Ee, b), C = t === void 0 ? void 0 : Ue(t), w = c ? /* @__PURE__ */ V(a, {
+function _t({ items: e = [], score: t, scoreLabel: n, summary: s, onCreateReadinessItem: c, onSelectReadinessItem: l, onEditReadinessItem: d, onDeleteReadinessItem: f, renderReadinessItemActions: p, actions: m, footerSlot: h, renderItem: _, empty: v, className: y, strings: b }) {
+	let x = r(De, b), S = t === void 0 ? void 0 : Ke(t), C = c ? /* @__PURE__ */ G(a, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: c,
-		icon: G,
-		children: S.createLabel
+		icon: Y,
+		children: x.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ H(j, {
-		title: S.title,
-		description: S.description,
-		actions: h,
-		headerAction: w,
-		footerSlot: g,
+	return /* @__PURE__ */ K(M, {
+		title: x.title,
+		description: x.description,
+		actions: m,
+		headerAction: C,
+		footerSlot: h,
 		contentGap: "2xl",
 		className: i("product-readiness-card--component w-full", y),
-		children: [(C !== void 0 || !!s) && /* @__PURE__ */ H(u, {
+		children: [(S !== void 0 || !!s) && /* @__PURE__ */ K(u, {
 			gap: "lg",
 			className: "product-readiness-card--summary",
-			children: [C !== void 0 && /* @__PURE__ */ H(u, {
+			children: [S !== void 0 && /* @__PURE__ */ K(u, {
 				gap: "sm",
 				className: "product-readiness-card--score",
-				children: [/* @__PURE__ */ H(u, {
+				children: [/* @__PURE__ */ K(u, {
 					direction: "horizontal",
 					justify: "between",
 					gap: "lg",
-					children: [/* @__PURE__ */ V(o, {
+					children: [/* @__PURE__ */ G(o, {
 						size: "xs",
 						type: "secondary",
-						children: n ?? S.scoreLabel
-					}), /* @__PURE__ */ V(x, {
+						children: n ?? x.scoreLabel
+					}), /* @__PURE__ */ G(w, {
 						type: "inherit",
-						value: C,
+						value: S,
 						scaled: !0,
 						size: "xs",
 						weight: "semibold"
 					})]
-				}), /* @__PURE__ */ V(p, {
-					value: C,
-					"aria-label": typeof n == "string" ? n : S.progressLabel,
-					"aria-valuetext": `${C}%`,
+				}), /* @__PURE__ */ G(g, {
+					value: S,
+					"aria-label": typeof n == "string" ? n : x.progressLabel,
+					"aria-valuetext": `${S}%`,
 					size: "sm"
 				})]
-			}), !!s && /* @__PURE__ */ V(o, {
+			}), !!s && /* @__PURE__ */ G(o, {
 				type: "secondary",
 				children: s
 			})]
-		}), e.length === 0 ? v ?? /* @__PURE__ */ V($, {
-			title: S.emptyTitle,
-			description: S.emptyDescription,
-			action: c ? /* @__PURE__ */ V(a, {
+		}), e.length === 0 ? v ?? /* @__PURE__ */ G(Ve, {
+			title: x.emptyTitle,
+			description: x.emptyDescription,
+			action: c ? /* @__PURE__ */ G(a, {
 				tone: "primary",
 				type: "button",
 				onClick: c,
-				icon: G,
-				children: S.createLabel
+				icon: Y,
+				children: x.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ V(I, { children: e.map((e, t) => {
+		}) : /* @__PURE__ */ G(F, { children: e.map((e, t) => {
 			let n = l ? () => l(e) : void 0, r = d ? () => d(e) : void 0, i = f ? () => f(e) : void 0, a = [...r ? [{
 				id: "edit",
-				label: S.editLabel,
-				icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
+				label: x.editLabel,
+				icon: /* @__PURE__ */ G(Se, { className: "size-icon-md" }),
 				onClick: () => r(),
 				tone: "secondary",
 				buttonStyle: "ghost"
 			}] : [], ...i ? [{
 				id: "delete",
-				label: S.deleteLabel,
-				icon: /* @__PURE__ */ V(J, { className: "size-icon-md" }),
+				label: x.deleteLabel,
+				icon: /* @__PURE__ */ G(X, { className: "size-icon-md" }),
 				onClick: () => i(),
 				tone: "destructive"
-			}] : []], o = m ? m(e, {
+			}] : []], o = p ? p(e, {
 				index: t,
 				onSelect: n,
 				onEdit: r,
 				onDelete: i
-			}) : /* @__PURE__ */ V(Ke, {
+			}) : /* @__PURE__ */ G(Ye, {
 				item: e,
 				actions: a,
-				menuLabel: S.actionsLabel
+				menuLabel: x.actionsLabel
 			});
-			return _ ? /* @__PURE__ */ V("div", { children: _(e, t) }, e.id) : /* @__PURE__ */ V($e, {
+			return _ ? /* @__PURE__ */ G("div", { children: _(e, t) }, e.id) : /* @__PURE__ */ G(nt, {
 				item: e,
-				actionFallback: S.actionLabel,
+				actionFallback: x.actionLabel,
 				onSelect: n,
 				actions: o
 			}, e.id);
 		}) })]
 	});
 }
-mt.displayName = "ProductReadinessCard";
+_t.displayName = "ProductReadinessCard";
 //#endregion
 //#region src/components/features/products/components/product-structure-card.tsx
-function ht({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetric: o, onDeleteMetric: s, renderMetricActions: c, actions: l, footerSlot: u, empty: d, className: f, strings: p }) {
-	let m = r(De, p), h = t ? /* @__PURE__ */ V(a, {
+function vt({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetric: o, onDeleteMetric: s, renderMetricActions: c, actions: l, footerSlot: u, empty: d, className: f, strings: p }) {
+	let m = r(Z, p), h = t ? /* @__PURE__ */ G(a, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: t,
-		icon: G,
+		icon: Y,
 		children: m.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ V(j, {
+	return /* @__PURE__ */ G(M, {
 		title: m.title,
 		description: m.description,
 		actions: l,
 		headerAction: h,
 		footerSlot: u,
 		className: i("product-structure-card--component w-full", f),
-		children: e.length === 0 ? d ?? /* @__PURE__ */ V($, {
+		children: e.length === 0 ? d ?? /* @__PURE__ */ G(Ve, {
 			title: m.emptyTitle,
 			description: m.emptyDescription,
-			action: t ? /* @__PURE__ */ V(a, {
+			action: t ? /* @__PURE__ */ G(a, {
 				tone: "primary",
 				type: "button",
 				onClick: t,
-				icon: G,
+				icon: Y,
 				children: m.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ V(I, { children: e.map((e, t) => {
+		}) : /* @__PURE__ */ G(F, { children: e.map((e, t) => {
 			let r = n ? () => n(e) : void 0, i = o ? () => o(e) : void 0, a = s ? () => s(e) : void 0, l = [
 				...r ? [{
 					id: "open",
 					label: m.viewLabel,
-					icon: /* @__PURE__ */ V(xe, { className: "size-icon-md" }),
+					icon: /* @__PURE__ */ G(xe, { className: "size-icon-md" }),
 					onClick: () => r(),
 					tone: "secondary",
 					buttonStyle: "ghost"
@@ -1717,7 +1766,7 @@ function ht({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetri
 				...i ? [{
 					id: "edit",
 					label: m.editLabel,
-					icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
+					icon: /* @__PURE__ */ G(Se, { className: "size-icon-md" }),
 					onClick: () => i(),
 					tone: "secondary",
 					buttonStyle: "ghost"
@@ -1725,7 +1774,7 @@ function ht({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetri
 				...a ? [{
 					id: "delete",
 					label: m.deleteLabel,
-					icon: /* @__PURE__ */ V(J, { className: "size-icon-md" }),
+					icon: /* @__PURE__ */ G(X, { className: "size-icon-md" }),
 					onClick: () => a(),
 					tone: "destructive"
 				}] : []
@@ -1734,51 +1783,51 @@ function ht({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetri
 				onSelect: r,
 				onEdit: i,
 				onDelete: a
-			}) : /* @__PURE__ */ V(Ke, {
+			}) : /* @__PURE__ */ G(Ye, {
 				item: e,
 				actions: l,
 				menuLabel: m.actionsLabel
 			});
-			return /* @__PURE__ */ V(Qe, {
+			return /* @__PURE__ */ G(tt, {
 				metric: e,
 				actions: u
 			}, e.id);
 		}) })
 	});
 }
-ht.displayName = "ProductStructureCard";
+vt.displayName = "ProductStructureCard";
 //#endregion
 //#region src/components/features/products/components/product-variants-table.tsx
-function gt({ variant: e, channelsLabel: t }) {
-	return /* @__PURE__ */ H(u, {
+function yt({ variant: e, channelsLabel: t }) {
+	return /* @__PURE__ */ K(u, {
 		gap: "xs",
 		className: "product-variants-table--variant-cell min-w-0",
-		children: [/* @__PURE__ */ H(u, {
+		children: [/* @__PURE__ */ K(u, {
 			gap: "dense",
-			children: [/* @__PURE__ */ H(u, {
+			children: [/* @__PURE__ */ K(u, {
 				direction: "horizontal",
 				gap: "sm",
-				children: [/* @__PURE__ */ V(o, {
+				children: [/* @__PURE__ */ G(o, {
 					type: "inherit",
 					weight: "semibold",
 					className: "truncate",
 					children: e.name
-				}), !!e.status && /* @__PURE__ */ V(S, {
+				}), !!e.status && /* @__PURE__ */ G(ee, {
 					tone: e.statusTone ?? "secondary",
 					children: e.status
 				})]
-			}), !!e.description && /* @__PURE__ */ V(o, {
+			}), !!e.description && /* @__PURE__ */ G(o, {
 				size: "xs",
 				type: "secondary",
 				children: e.description
 			})]
-		}), !!(e.options?.length || e.channels) && /* @__PURE__ */ H(u, {
+		}), !!(e.options?.length || e.channels) && /* @__PURE__ */ K(u, {
 			direction: "horizontal",
 			gap: "xs",
-			children: [e.options?.map((e, t) => /* @__PURE__ */ V(S, {
+			children: [e.options?.map((e, t) => /* @__PURE__ */ G(ee, {
 				tone: "secondary",
 				children: e
-			}, t)), !!e.channels && /* @__PURE__ */ H(o, {
+			}, t)), !!e.channels && /* @__PURE__ */ K(o, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -1791,22 +1840,22 @@ function gt({ variant: e, channelsLabel: t }) {
 		})]
 	});
 }
-function _t({ value: e, emphasis: t = !1 }) {
-	return /* @__PURE__ */ V(e ? y : b, {
+function bt({ value: e, emphasis: t = !1 }) {
+	return /* @__PURE__ */ G(e ? S : C, {
 		type: e ? "inherit" : "secondary",
 		weight: t ? "semibold" : void 0,
 		className: "min-w-0 tabular-nums",
 		children: e ?? "-"
 	});
 }
-function vt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVariant: o, onDuplicateVariant: s, onDeleteVariant: c, renderVariantActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: m }) {
-	let h = r(Me, m), g = B(() => {
+function xt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVariant: o, onDuplicateVariant: s, onDeleteVariant: c, renderVariantActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: m }) {
+	let h = r(Fe, m), g = W(() => {
 		if (l) return;
 		let e = [
 			...n ? [{
 				id: "open",
 				label: h.viewLabel,
-				icon: /* @__PURE__ */ V(xe, {
+				icon: /* @__PURE__ */ G(xe, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
@@ -1816,7 +1865,7 @@ function vt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 			...o ? [{
 				id: "edit",
 				label: h.editLabel,
-				icon: /* @__PURE__ */ V(W, {
+				icon: /* @__PURE__ */ G(Se, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
@@ -1826,7 +1875,7 @@ function vt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 			...s ? [{
 				id: "duplicate",
 				label: h.duplicateLabel,
-				icon: /* @__PURE__ */ V(be, {
+				icon: /* @__PURE__ */ G(be, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
@@ -1836,7 +1885,7 @@ function vt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 			...c ? [{
 				id: "delete",
 				label: h.deleteLabel,
-				icon: /* @__PURE__ */ V(J, {
+				icon: /* @__PURE__ */ G(X, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
@@ -1855,12 +1904,12 @@ function vt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 		h.duplicateLabel,
 		h.editLabel,
 		h.viewLabel
-	]), _ = B(() => {
+	]), _ = W(() => {
 		let e = [
 			{
 				accessorKey: "name",
 				header: h.headers.variant,
-				cell: ({ row: e }) => /* @__PURE__ */ V(gt, {
+				cell: ({ row: e }) => /* @__PURE__ */ G(yt, {
 					variant: e.original,
 					channelsLabel: h.headers.channels
 				})
@@ -1868,7 +1917,7 @@ function vt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 			{
 				accessorKey: "price",
 				header: h.headers.price,
-				cell: ({ row: e }) => /* @__PURE__ */ V(_t, {
+				cell: ({ row: e }) => /* @__PURE__ */ G(bt, {
 					value: e.original.price,
 					emphasis: !0
 				}),
@@ -1877,17 +1926,17 @@ function vt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 			{
 				accessorKey: "inventory",
 				header: h.headers.inventory,
-				cell: ({ row: e }) => /* @__PURE__ */ V(_t, { value: e.original.inventory })
+				cell: ({ row: e }) => /* @__PURE__ */ G(bt, { value: e.original.inventory })
 			},
 			{
 				accessorKey: "sku",
 				header: h.headers.sku,
-				cell: ({ row: e }) => /* @__PURE__ */ V(_t, { value: e.original.sku })
+				cell: ({ row: e }) => /* @__PURE__ */ G(bt, { value: e.original.sku })
 			},
 			{
 				accessorKey: "updatedAt",
 				header: h.headers.updated,
-				cell: ({ row: e }) => /* @__PURE__ */ V(_t, { value: e.original.updatedAt })
+				cell: ({ row: e }) => /* @__PURE__ */ G(bt, { value: e.original.updatedAt })
 			}
 		];
 		return l && e.push({
@@ -1915,32 +1964,32 @@ function vt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 		h.headers.sku,
 		h.headers.updated,
 		h.headers.variant
-	]), v = t ? /* @__PURE__ */ V(a, {
+	]), v = t ? /* @__PURE__ */ G(a, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: t,
-		icon: G,
+		icon: Y,
 		children: h.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ V(j, {
+	return /* @__PURE__ */ G(M, {
 		title: h.title,
 		description: h.description,
 		actions: u,
 		headerAction: v,
 		footerSlot: d,
 		className: i("product-variants-table--component w-full", p),
-		children: e.length === 0 ? f ?? /* @__PURE__ */ V($, {
+		children: e.length === 0 ? f ?? /* @__PURE__ */ G(Ve, {
 			title: h.emptyTitle,
 			description: h.emptyDescription,
-			action: t ? /* @__PURE__ */ V(a, {
+			action: t ? /* @__PURE__ */ G(a, {
 				tone: "primary",
 				type: "button",
 				onClick: t,
-				icon: G,
+				icon: Y,
 				children: h.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ V(pe, {
+		}) : /* @__PURE__ */ G(fe, {
 			data: e,
 			columns: _,
 			getRowId: (e) => e.id,
@@ -1957,43 +2006,43 @@ function vt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 		})
 	});
 }
-vt.displayName = "ProductVariantsTable";
+xt.displayName = "ProductVariantsTable";
 //#endregion
 //#region src/components/features/products/components/product-overview.tsx
-function yt({ details: e, contract: t, options: n, variants: a, readiness: o, structure: s, operations: c, quote: l, policies: d, slots: f, className: p, mainClassName: m, railClassName: h, strings: g }) {
-	let _ = r(Re, g), v = !!(o || s || c || l || d || f?.railTop || f?.railBottom);
-	return /* @__PURE__ */ H(u, {
+function St({ details: e, contract: t, options: n, variants: a, readiness: o, structure: s, operations: c, quote: l, policies: d, slots: f, className: p, mainClassName: m, railClassName: h, strings: g }) {
+	let _ = r(Be, g), v = !!(o || s || c || l || d || f?.railTop || f?.railBottom);
+	return /* @__PURE__ */ K(u, {
 		gap: "3xl",
 		className: i("product-overview--component @container/product-overview", p),
 		children: [
 			f?.before,
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ K("div", {
 				className: i("grid min-w-0 grid-cols-1 gap-space-3xl", v && "@5xl/product-overview:grid-cols-[minmax(0,1fr)_22rem]"),
-				children: [/* @__PURE__ */ H(u, {
-					render: /* @__PURE__ */ V("section", {}),
+				children: [/* @__PURE__ */ K(u, {
+					render: /* @__PURE__ */ G("section", {}),
 					gap: "3xl",
 					"aria-label": _.mainLabel,
 					className: i("product-overview--main", m),
 					children: [
 						f?.mainTop,
-						!!e && /* @__PURE__ */ V(rt, { ...e }),
-						!!t && /* @__PURE__ */ V(nt, { ...t }),
-						!!n && /* @__PURE__ */ V(dt, { ...n }),
-						!!a && /* @__PURE__ */ V(vt, { ...a }),
+						!!e && /* @__PURE__ */ G(ot, { ...e }),
+						!!t && /* @__PURE__ */ G(at, { ...t }),
+						!!n && /* @__PURE__ */ G(mt, { ...n }),
+						!!a && /* @__PURE__ */ G(xt, { ...a }),
 						f?.mainBottom
 					]
-				}), !!v && /* @__PURE__ */ H(u, {
-					render: /* @__PURE__ */ V("aside", {}),
+				}), !!v && /* @__PURE__ */ K(u, {
+					render: /* @__PURE__ */ G("aside", {}),
 					gap: "3xl",
 					"aria-label": _.railLabel,
 					className: i("product-overview--rail", h),
 					children: [
 						f?.railTop,
-						!!o && /* @__PURE__ */ V(mt, { ...o }),
-						!!s && /* @__PURE__ */ V(ht, { ...s }),
-						!!c && /* @__PURE__ */ V(at, { ...c }),
-						!!l && /* @__PURE__ */ V(pt, { ...l }),
-						!!d && /* @__PURE__ */ V(ft, { ...d }),
+						!!o && /* @__PURE__ */ G(_t, { ...o }),
+						!!s && /* @__PURE__ */ G(vt, { ...s }),
+						!!c && /* @__PURE__ */ G(ct, { ...c }),
+						!!l && /* @__PURE__ */ G(gt, { ...l }),
+						!!d && /* @__PURE__ */ G(ht, { ...d }),
 						f?.railBottom
 					]
 				})]
@@ -2002,15 +2051,15 @@ function yt({ details: e, contract: t, options: n, variants: a, readiness: o, st
 		]
 	});
 }
-yt.displayName = "ProductOverview";
+St.displayName = "ProductOverview";
 //#endregion
 //#region src/components/features/products/components/product-variant-action-menu.tsx
-function bt(e, { onSelectVariant: t, onEditVariant: n, onDuplicateVariant: r, onDeleteVariant: i }, a) {
+function Ct(e, { onSelectVariant: t, onEditVariant: n, onDuplicateVariant: r, onDeleteVariant: i }, a) {
 	return [
 		...t ? [{
 			id: "open",
 			label: a.viewLabel,
-			icon: /* @__PURE__ */ V(xe, { className: "size-icon-md" }),
+			icon: /* @__PURE__ */ G(xe, { className: "size-icon-md" }),
 			onClick: () => t(e),
 			tone: "secondary",
 			buttonStyle: "ghost"
@@ -2018,7 +2067,7 @@ function bt(e, { onSelectVariant: t, onEditVariant: n, onDuplicateVariant: r, on
 		...n ? [{
 			id: "edit",
 			label: a.editLabel,
-			icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
+			icon: /* @__PURE__ */ G(Se, { className: "size-icon-md" }),
 			onClick: () => n(e),
 			tone: "secondary",
 			buttonStyle: "ghost"
@@ -2026,7 +2075,7 @@ function bt(e, { onSelectVariant: t, onEditVariant: n, onDuplicateVariant: r, on
 		...r ? [{
 			id: "duplicate",
 			label: a.duplicateLabel,
-			icon: /* @__PURE__ */ V(be, { className: "size-icon-md" }),
+			icon: /* @__PURE__ */ G(be, { className: "size-icon-md" }),
 			onClick: () => r(e),
 			tone: "secondary",
 			buttonStyle: "ghost"
@@ -2034,15 +2083,15 @@ function bt(e, { onSelectVariant: t, onEditVariant: n, onDuplicateVariant: r, on
 		...i ? [{
 			id: "delete",
 			label: a.deleteLabel,
-			icon: /* @__PURE__ */ V(J, { className: "size-icon-md" }),
+			icon: /* @__PURE__ */ G(X, { className: "size-icon-md" }),
 			onClick: () => i(e),
 			tone: "destructive"
 		}] : []
 	];
 }
-function xt({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: s, renderVariantActions: c, menuLabel: l, className: u, strings: d }) {
-	let f = r(Fe, d), p = n ? () => n(e) : void 0, m = a ? () => a(e) : void 0, h = o ? () => o(e) : void 0, g = s ? () => s(e) : void 0;
-	return p || m || h || g || c ? c ? /* @__PURE__ */ V("div", {
+function wt({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: s, renderVariantActions: c, menuLabel: l, className: u, strings: d }) {
+	let f = r(Le, d), p = n ? () => n(e) : void 0, m = a ? () => a(e) : void 0, h = o ? () => o(e) : void 0, g = s ? () => s(e) : void 0;
+	return p || m || h || g || c ? c ? /* @__PURE__ */ G("div", {
 		className: i("product-variant-action-menu--component flex justify-end", u),
 		children: c(e, {
 			index: t,
@@ -2051,11 +2100,11 @@ function xt({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, on
 			onDuplicate: h,
 			onDelete: g
 		})
-	}) : /* @__PURE__ */ V(Ke, {
+	}) : /* @__PURE__ */ G(Ye, {
 		item: e,
 		menuLabel: l ?? f.actionsLabel,
 		className: i("product-variant-action-menu--component", u),
-		actions: bt(e, {
+		actions: Ct(e, {
 			onSelectVariant: n,
 			onEditVariant: a,
 			onDuplicateVariant: o,
@@ -2066,11 +2115,11 @@ function xt({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, on
 		}))
 	}) : null;
 }
-xt.displayName = "ProductVariantActionMenu";
+wt.displayName = "ProductVariantActionMenu";
 //#endregion
 //#region src/components/features/products/components/product-variant-details.tsx
-var St = (e) => e != null && e !== !1 && e !== "";
-function Ct(e, t) {
+var Tt = (e) => e != null && e !== !1 && e !== "";
+function Et(e, t) {
 	return [
 		{
 			label: t.price,
@@ -2092,24 +2141,24 @@ function Ct(e, t) {
 			label: t.updated,
 			value: e.updatedAt
 		}
-	].filter((e) => St(e.value));
+	].filter((e) => Tt(e.value));
 }
-function wt({ variant: e, metadata: t, optionItems: n = [], media: s, onBack: c, onSelectVariant: l, onEditVariant: d, onDuplicateVariant: f, onDeleteVariant: p, onSelectOption: m, actions: g, headerEnd: _, footerSlot: v, empty: y, renderActions: b, renderMetadata: x, renderOption: C, className: w, strings: T }) {
-	let E = r(Ie, T), D = e ? t ?? Ct(e, E.metadata) : [], O = [...e && !b ? bt(e, {
+function Dt({ variant: e, metadata: t, optionItems: n = [], media: s, onBack: c, onSelectVariant: l, onEditVariant: d, onDuplicateVariant: f, onDeleteVariant: p, onSelectOption: m, actions: h, headerEnd: g, footerSlot: _, empty: y, renderActions: b, renderMetadata: x, renderOption: S, className: C, strings: w }) {
+	let T = r(Re, w), E = e ? t ?? Et(e, T.metadata) : [], D = [...e && !b ? Ct(e, {
 		onSelectVariant: l,
 		onEditVariant: d,
 		onDuplicateVariant: f,
 		onDeleteVariant: p
-	}, Fe) : [], ...g ?? []], ee = !!(e && b), k = /* @__PURE__ */ H("div", {
-		className: i("product-variant-details--header-actions flex items-center", h.commands),
-		children: [!!c && /* @__PURE__ */ V(a, {
+	}, Le) : [], ...h ?? []], O = !!(e && b), k = /* @__PURE__ */ K("div", {
+		className: i("product-variant-details--header-actions flex items-center", v.commands),
+		children: [!!c && /* @__PURE__ */ G(a, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: c,
-			icon: U,
-			children: E.backLabel
-		}), !!ee && e && /* @__PURE__ */ V(xt, {
+			icon: ye,
+			children: T.backLabel
+		}), !!O && e && /* @__PURE__ */ G(wt, {
 			variant: e,
 			onSelectVariant: l,
 			onEditVariant: d,
@@ -2118,189 +2167,195 @@ function wt({ variant: e, metadata: t, optionItems: n = [], media: s, onBack: c,
 			renderVariantActions: b
 		})]
 	}), A = e?.options ?? [];
-	return /* @__PURE__ */ V(j, {
-		title: e?.name ?? E.title,
-		titleSuffix: e?.status ? /* @__PURE__ */ V(S, {
+	return /* @__PURE__ */ G(M, {
+		title: e?.name ?? T.title,
+		titleSuffix: e?.status ? /* @__PURE__ */ G(ee, {
 			tone: e.statusTone ?? "secondary",
 			children: e.status
 		}) : void 0,
-		description: e?.description ?? E.description,
-		actions: O.length ? O : void 0,
-		headerAction: c || ee ? k : void 0,
-		headerEnd: _,
-		footerSlot: v,
-		className: i("product-variant-details--component w-full", w),
-		children: e ? /* @__PURE__ */ H(u, {
+		description: e?.description ?? T.description,
+		actions: D.length ? D : void 0,
+		headerAction: c || O ? k : void 0,
+		headerEnd: g,
+		footerSlot: _,
+		className: i("product-variant-details--component w-full", C),
+		children: e ? /* @__PURE__ */ K(u, {
 			gap: "2xl",
 			className: "product-variant-details--body",
 			children: [
-				!!s && /* @__PURE__ */ V("div", {
-					className: "product-variant-details--media overflow-hidden rounded-inner border border-border bg-muted/30",
+				!!s && /* @__PURE__ */ G("div", {
+					className: "product-variant-details--media overflow-hidden rounded-radius border border-border bg-muted/30",
 					children: s
 				}),
-				x ? x(e) : D.some(Boolean) && /* @__PURE__ */ H(u, {
+				x ? x(e) : E.some(Boolean) && /* @__PURE__ */ K(u, {
 					gap: "md",
 					className: "product-variant-details--facts",
-					children: [/* @__PURE__ */ V(o, {
+					children: [/* @__PURE__ */ G(o, {
 						type: "inherit",
 						weight: "semibold",
-						children: E.factsTitle
-					}), /* @__PURE__ */ V(ae, {
+						children: T.factsTitle
+					}), /* @__PURE__ */ G(z, {
 						adaptTo: "container",
-						items: D,
+						items: E,
 						columns: 3,
 						density: "compact",
 						className: "product-variant-details--metadata"
 					})]
 				}),
-				!!A.length && /* @__PURE__ */ H(u, {
+				!!A.length && /* @__PURE__ */ K(u, {
 					gap: "md",
 					className: "product-variant-details--selected-options",
-					children: [/* @__PURE__ */ V(o, {
+					children: [/* @__PURE__ */ G(o, {
 						type: "inherit",
 						weight: "semibold",
-						children: E.selectedOptionsTitle
-					}), /* @__PURE__ */ V("div", {
+						children: T.selectedOptionsTitle
+					}), /* @__PURE__ */ G("div", {
 						className: "flex flex-wrap gap-space-sm",
-						children: A.map((e, t) => /* @__PURE__ */ V(S, {
+						children: A.map((e, t) => /* @__PURE__ */ G(ee, {
 							tone: "secondary",
 							children: e
 						}, t))
 					})]
 				}),
-				!!n.length && /* @__PURE__ */ H(u, {
+				!!n.length && /* @__PURE__ */ K(u, {
 					gap: "md",
 					className: "product-variant-details--related-options",
-					children: [/* @__PURE__ */ V(o, {
+					children: [/* @__PURE__ */ G(o, {
 						type: "inherit",
 						weight: "semibold",
-						children: E.relatedOptionsTitle
-					}), /* @__PURE__ */ V(I, { children: n.map((e, t) => C ? /* @__PURE__ */ V("div", { children: C(e, t) }, e.id) : /* @__PURE__ */ V(tt, {
+						children: T.relatedOptionsTitle
+					}), /* @__PURE__ */ G(F, { children: n.map((e, t) => S ? /* @__PURE__ */ G("div", { children: S(e, t) }, e.id) : /* @__PURE__ */ G(it, {
 						item: e,
-						actionLabel: E.viewOptionLabel,
+						actionLabel: T.viewOptionLabel,
 						onSelect: m ? () => m(e) : void 0
 					}, e.id)) })]
 				})
 			]
-		}) : y ?? /* @__PURE__ */ V($, {
-			title: E.emptyTitle,
-			description: E.emptyDescription
+		}) : y ?? /* @__PURE__ */ G(Ve, {
+			title: T.emptyTitle,
+			description: T.emptyDescription
 		})
 	});
 }
-wt.displayName = "ProductVariantDetails";
+Dt.displayName = "ProductVariantDetails";
 //#endregion
 //#region src/components/features/products/components/product-variant-editor.tsx
-var Tt = (e) => e.map((e) => ({
+var Ot = (e) => e.map((e) => ({
 	value: e.value,
 	label: e.label,
 	disabled: e.disabled
 }));
-function Et({ value: e, defaultValue: t, optionFields: n = [], statusOptions: s = [], onValueChange: c, onSubmit: l, onError: d, onCancel: f, onDelete: p, actions: m, headerEnd: h, footerSlot: g, disabled: _ = !1, submitting: v = !1, className: y, strings: b }) {
-	let x = r(Le, b), S = he(), C = e !== void 0, [w, T] = _e(t ?? {}), [ee, A] = _e(!1), M = (C ? e : w) ?? {}, te = v || ee, N = _ || te, P = (e) => {
-		C || T(e), c?.(e);
-	}, F = (e, t) => {
-		P({
-			...M,
+function kt({ value: e, defaultValue: t, optionFields: n = [], statusOptions: s = [], onValueChange: c, onSubmit: l, onError: d, onCancel: f, onDelete: p, actions: m, headerEnd: h, footerSlot: g, visibleFields: _, errors: v, formId: y, showHeader: b = !0, children: x, disabled: S = !1, submitting: C = !1, className: w, strings: ee }) {
+	let T = r(ze, ee), E = he(), D = y ?? E, te = e !== void 0, [ne, re] = _e(t ?? {}), [ie, ae] = _e(!1), N = (te ? e : ne) ?? {}, P = C || ie, F = S || P, I = (e) => _?.[e] !== !1, L = I("name") || I("sku") || I("description"), R = I("price") || I("inventory") || I("status") || I("channels"), z = (e) => {
+		te || re(e), c?.(e);
+	}, B = (e, t) => {
+		z({
+			...N,
 			[e]: t
 		});
-	}, I = (e, t) => {
-		P({
-			...M,
+	}, oe = (e, t) => {
+		z({
+			...N,
 			options: {
-				...M.options,
+				...N.options,
 				[e.id]: t
 			}
 		});
-	}, ne = async (e) => {
-		if (e.preventDefault(), l && !te) {
-			A(!0);
+	}, se = async (e) => {
+		if (e.preventDefault(), l && !P) {
+			ae(!0);
 			try {
-				await l(M);
+				await l(N);
 			} catch (e) {
 				d?.(e);
 			} finally {
-				A(!1);
+				ae(!1);
 			}
 		}
-	}, re = /* @__PURE__ */ H("div", {
+	}, ce = /* @__PURE__ */ K("div", {
 		className: "product-variant-editor--footer flex flex-col-reverse gap-space-md @sm/product-variant-editor:flex-row @sm/product-variant-editor:items-center @sm/product-variant-editor:justify-between",
-		children: [/* @__PURE__ */ V("div", { children: !!p && /* @__PURE__ */ V(a, {
+		children: [/* @__PURE__ */ G("div", { children: !!p && /* @__PURE__ */ G(a, {
 			type: "button",
 			tone: "destructive",
 			buttonStyle: "ghost",
-			onClick: () => p(M),
-			disabled: N,
-			children: x.deleteLabel
-		}) }), /* @__PURE__ */ H("div", {
+			onClick: () => p(N),
+			disabled: F,
+			children: T.deleteLabel
+		}) }), /* @__PURE__ */ K("div", {
 			className: "flex flex-col-reverse gap-space-md @sm/product-variant-editor:flex-row @sm/product-variant-editor:justify-end",
-			children: [!!f && /* @__PURE__ */ V(a, {
+			children: [!!f && /* @__PURE__ */ G(a, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				onClick: f,
-				disabled: N,
-				children: x.cancelLabel
-			}), !!l && /* @__PURE__ */ V(a, {
+				disabled: F,
+				children: T.cancelLabel
+			}), !!l && /* @__PURE__ */ G(a, {
 				tone: "primary",
 				type: "submit",
-				form: S,
-				disabled: N,
-				children: te ? x.savingLabel : x.saveLabel
+				form: D,
+				disabled: F,
+				children: P ? T.savingLabel : T.saveLabel
 			})]
 		})]
-	}), ie = !!(p || f || l);
-	return /* @__PURE__ */ V(j, {
-		title: x.title,
-		description: x.description,
+	}), le = !!(p || f || l);
+	return /* @__PURE__ */ G(M, {
+		title: b ? T.title : void 0,
+		description: b ? T.description : void 0,
 		actions: m,
 		headerEnd: h,
 		footerSlot: g,
-		className: i("product-variant-editor--component @container/product-variant-editor w-full", y),
-		children: /* @__PURE__ */ H(u, {
-			render: /* @__PURE__ */ V("form", {
-				id: S,
-				onSubmit: ne
+		className: i("product-variant-editor--component @container/product-variant-editor w-full", w),
+		children: /* @__PURE__ */ K(u, {
+			render: /* @__PURE__ */ G("form", {
+				id: D,
+				onSubmit: se
 			}),
 			gap: "2xl",
 			className: "product-variant-editor--form",
 			children: [
-				/* @__PURE__ */ H("section", {
+				L && /* @__PURE__ */ K("section", {
 					className: "product-variant-editor--section grid gap-space-lg",
-					children: [/* @__PURE__ */ V(o, {
+					children: [/* @__PURE__ */ G(o, {
 						type: "inherit",
 						weight: "semibold",
-						children: x.identityTitle
-					}), /* @__PURE__ */ H("div", {
+						children: T.identityTitle
+					}), /* @__PURE__ */ K("div", {
 						className: "grid gap-space-lg @sm/product-variant-editor:grid-cols-2",
 						children: [
-							/* @__PURE__ */ V(D, {
-								label: x.fields.name,
+							I("name") && /* @__PURE__ */ G(k, {
+								label: T.fields.name,
+								error: v?.name,
 								required: !0,
-								children: /* @__PURE__ */ V(E, {
-									value: M.name ?? "",
-									onChange: (e) => F("name", e.target.value),
-									placeholder: x.placeholders.name,
-									disabled: N
+								children: /* @__PURE__ */ G(O, {
+									value: N.name ?? "",
+									onChange: (e) => B("name", e.target.value),
+									invalid: !!v?.name,
+									placeholder: T.placeholders.name,
+									disabled: F
 								})
 							}),
-							/* @__PURE__ */ V(D, {
-								label: x.fields.sku,
-								children: /* @__PURE__ */ V(E, {
-									value: M.sku ?? "",
-									onChange: (e) => F("sku", e.target.value),
-									placeholder: x.placeholders.sku,
-									disabled: N
+							I("sku") && /* @__PURE__ */ G(k, {
+								label: T.fields.sku,
+								error: v?.sku,
+								children: /* @__PURE__ */ G(O, {
+									value: N.sku ?? "",
+									onChange: (e) => B("sku", e.target.value),
+									invalid: !!v?.sku,
+									placeholder: T.placeholders.sku,
+									disabled: F
 								})
 							}),
-							/* @__PURE__ */ V(D, {
-								label: x.fields.description,
+							I("description") && /* @__PURE__ */ G(k, {
+								label: T.fields.description,
+								error: v?.description,
 								className: "@sm/product-variant-editor:col-span-2",
-								children: /* @__PURE__ */ V(O, {
-									value: M.description ?? "",
-									onChange: (e) => F("description", e.target.value),
-									placeholder: x.placeholders.description,
-									disabled: N,
+								children: /* @__PURE__ */ G(A, {
+									value: N.description ?? "",
+									onChange: (e) => B("description", e.target.value),
+									invalid: !!v?.description,
+									placeholder: T.placeholders.description,
+									disabled: F,
 									autoResize: !0,
 									minRows: 2
 								})
@@ -2308,144 +2363,154 @@ function Et({ value: e, defaultValue: t, optionFields: n = [], statusOptions: s
 						]
 					})]
 				}),
-				/* @__PURE__ */ H("section", {
+				R && /* @__PURE__ */ K("section", {
 					className: "product-variant-editor--section grid gap-space-lg",
-					children: [/* @__PURE__ */ V(o, {
+					children: [/* @__PURE__ */ G(o, {
 						type: "inherit",
 						weight: "semibold",
-						children: x.commercialTitle
-					}), /* @__PURE__ */ H("div", {
+						children: T.commercialTitle
+					}), /* @__PURE__ */ K("div", {
 						className: "grid gap-space-lg @sm/product-variant-editor:grid-cols-2",
 						children: [
-							/* @__PURE__ */ V(D, {
-								label: x.fields.price,
-								children: /* @__PURE__ */ V(E, {
-									value: M.price ?? "",
-									onChange: (e) => F("price", e.target.value),
-									placeholder: x.placeholders.price,
-									disabled: N
+							I("price") && /* @__PURE__ */ G(k, {
+								label: T.fields.price,
+								error: v?.price,
+								children: /* @__PURE__ */ G(O, {
+									value: N.price ?? "",
+									onChange: (e) => B("price", e.target.value),
+									invalid: !!v?.price,
+									placeholder: T.placeholders.price,
+									disabled: F
 								})
 							}),
-							/* @__PURE__ */ V(D, {
-								label: x.fields.inventory,
-								children: /* @__PURE__ */ V(E, {
-									value: M.inventory ?? "",
-									onChange: (e) => F("inventory", e.target.value),
-									placeholder: x.placeholders.inventory,
-									disabled: N,
+							I("inventory") && /* @__PURE__ */ G(k, {
+								label: T.fields.inventory,
+								error: v?.inventory,
+								children: /* @__PURE__ */ G(O, {
+									value: N.inventory ?? "",
+									onChange: (e) => B("inventory", e.target.value),
+									invalid: !!v?.inventory,
+									placeholder: T.placeholders.inventory,
+									disabled: F,
 									inputMode: "numeric"
 								})
 							}),
-							/* @__PURE__ */ V(D, {
-								label: x.fields.status,
-								children: s.length > 0 ? /* @__PURE__ */ V(k, {
-									options: Tt(s),
-									value: M.status ?? null,
-									onValueChange: (e) => F("status", e ?? ""),
-									placeholder: x.statusPlaceholder,
-									disabled: N,
-									"aria-label": x.fields.status
-								}) : /* @__PURE__ */ V(E, {
-									value: M.status ?? "",
-									onChange: (e) => F("status", e.target.value),
-									placeholder: x.placeholders.status,
-									disabled: N
+							I("status") && /* @__PURE__ */ G(k, {
+								label: T.fields.status,
+								error: v?.status,
+								children: s.length > 0 ? /* @__PURE__ */ G(j, {
+									options: Ot(s),
+									value: N.status ?? null,
+									onValueChange: (e) => B("status", e ?? ""),
+									invalid: !!v?.status,
+									placeholder: T.statusPlaceholder,
+									disabled: F,
+									"aria-label": T.fields.status
+								}) : /* @__PURE__ */ G(O, {
+									value: N.status ?? "",
+									onChange: (e) => B("status", e.target.value),
+									invalid: !!v?.status,
+									placeholder: T.placeholders.status,
+									disabled: F
 								})
 							}),
-							/* @__PURE__ */ V(D, {
-								label: x.fields.channels,
-								children: /* @__PURE__ */ V(E, {
-									value: M.channels ?? "",
-									onChange: (e) => F("channels", e.target.value),
-									placeholder: x.placeholders.channels,
-									disabled: N
+							I("channels") && /* @__PURE__ */ G(k, {
+								label: T.fields.channels,
+								error: v?.channels,
+								children: /* @__PURE__ */ G(O, {
+									value: N.channels ?? "",
+									onChange: (e) => B("channels", e.target.value),
+									invalid: !!v?.channels,
+									placeholder: T.placeholders.channels,
+									disabled: F
 								})
 							})
 						]
 					})]
 				}),
-				!!n.length && /* @__PURE__ */ H("section", {
+				!!n.length && /* @__PURE__ */ K("section", {
 					className: "product-variant-editor--section grid gap-space-lg",
-					children: [/* @__PURE__ */ V(o, {
+					children: [/* @__PURE__ */ G(o, {
 						type: "inherit",
 						weight: "semibold",
-						children: x.optionsTitle
-					}), /* @__PURE__ */ V("div", {
+						children: T.optionsTitle
+					}), /* @__PURE__ */ G("div", {
 						className: "grid gap-space-lg @sm/product-variant-editor:grid-cols-2",
 						children: n.map((e) => {
-							let t = e.value ?? M.options?.[e.id] ?? "", n = !!e.choices?.length;
-							return /* @__PURE__ */ V(D, {
+							let t = e.value ?? N.options?.[e.id] ?? "", n = !!e.choices?.length;
+							return /* @__PURE__ */ G(k, {
 								label: e.label,
 								helperText: e.helperText,
-								children: n ? /* @__PURE__ */ V(k, {
-									options: Tt(e.choices ?? []),
+								children: n ? /* @__PURE__ */ G(j, {
+									options: Ot(e.choices ?? []),
 									value: t || null,
-									onValueChange: (t) => I(e, t),
-									placeholder: e.placeholder ?? x.optionPlaceholder,
-									disabled: N,
+									onValueChange: (t) => oe(e, t),
+									placeholder: e.placeholder ?? T.optionPlaceholder,
+									disabled: F,
 									"aria-label": e.label
-								}) : /* @__PURE__ */ V(E, {
+								}) : /* @__PURE__ */ G(O, {
 									value: t,
-									onChange: (t) => I(e, t.target.value),
-									placeholder: e.placeholder ?? x.optionPlaceholder,
-									disabled: N
+									onChange: (t) => oe(e, t.target.value),
+									placeholder: e.placeholder ?? T.optionPlaceholder,
+									disabled: F
 								})
 							}, e.id);
 						})
 					})]
 				}),
-				g == null && ie && re
+				x,
+				g == null && le && ce
 			]
 		})
 	});
 }
-Et.displayName = "ProductVariantEditor";
+kt.displayName = "ProductVariantEditor";
 //#endregion
 //#region src/components/features/products/components/product-variants-bulk-table.tsx
-var Dt = [
+var At = [
 	"variant",
 	"sku",
 	"price",
 	"inventory",
 	"status"
-], Ot = "text", kt = "text", At = "multiple";
-function jt(e) {
+], jt = "text", Mt = "text", Nt = "multiple";
+function Pt(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
-function Mt(e, t) {
+function Ft(e, t) {
 	let n = e.optionValues?.[t.id];
 	if (n != null && n !== !1 && n !== "") return n;
 	let r = e.optionValueIds?.[t.id];
 	return t.values?.find((e) => e.id === r)?.label ?? void 0;
 }
-function Nt(e, t) {
-	return e.name !== void 0 && e.name !== null && e.name !== "" ? e.name : t.filter((e) => e.usedForVariants !== !1).map((t) => Mt(e, t)).filter((e) => e != null && e !== "").map((e) => jt(e)).filter(Boolean).join(" / ") || "-";
+function It(e, t) {
+	return e.name !== void 0 && e.name !== null && e.name !== "" ? e.name : t.filter((e) => e.usedForVariants !== !1).map((t) => Ft(e, t)).filter((e) => e != null && e !== "").map((e) => Pt(e)).filter(Boolean).join(" / ") || "-";
 }
-function Pt(e, t) {
-	return t.filter((e) => e.usedForVariants !== !1).map((t) => Mt(e, t)).filter((e) => e != null && e !== "");
+function Lt(e, t) {
+	return t.filter((e) => e.usedForVariants !== !1).map((t) => Ft(e, t)).filter((e) => e != null && e !== "");
 }
-function Ft(e) {
-	return e.map(jt).filter(Boolean).join(" / ");
+function Rt(e) {
+	return e.map(Pt).filter(Boolean).join(" / ");
 }
-function It(e, t) {
-	return jt(Mt(e, t)) || "-";
+function zt(e, t) {
+	return Pt(Ft(e, t)) || "-";
 }
-function Lt(e, t) {
+function Bt(e, t) {
 	return e.map((e) => t.get(e)).filter((e) => !!e);
 }
-function Rt(e) {
+function Vt(e) {
 	return e == null || e === "" ? "-" : e;
 }
-function zt(e) {
+function Ht(e) {
 	return e != null && e !== "";
 }
-function Bt(e) {
+function Ut(e) {
 	return e === "sku" || e === "price" || e === "inventory";
 }
-function Vt(e, t) {
-	return e === "text" || e === "field" ? e : e[t] ?? kt;
+function Wt(e, t) {
+	return e === "text" || e === "field" ? e : e[t] ?? Mt;
 }
-function Ht(e, t, n, r) {
+function Gt(e, t, n, r) {
 	return {
 		index: e,
 		field: t,
@@ -2453,347 +2518,346 @@ function Ht(e, t, n, r) {
 		value: r
 	};
 }
-function Ut(e, t, n, r, a) {
-	let o = jt(e);
+function Kt(e, t, n, r, a, o = "whitespace-normal break-words") {
+	let s = Pt(e);
 	if (n === "field") {
 		let e = !!r;
-		return /* @__PURE__ */ V(E, {
+		return /* @__PURE__ */ G(O, {
 			readOnly: !e,
-			value: o,
+			value: s,
 			onChange: e ? (e) => r(e.currentTarget.value) : void 0,
 			onBlur: a ? (e) => a(e.currentTarget.value) : void 0,
 			"aria-label": t,
-			className: i("h-control-lg w-full min-w-24 bg-background px-control shadow-xs", !e && "text-muted-foreground")
+			className: i("h-control-lg w-full min-w-24 field-sizing-content bg-background px-control shadow-xs", !e && "text-muted-foreground")
 		});
 	}
-	let s = zt(e) ? y : b;
-	return /* @__PURE__ */ V(s, {
-		className: "min-w-0 whitespace-normal break-words tabular-nums",
-		children: Rt(e)
+	let c = Ht(e) ? S : C;
+	return /* @__PURE__ */ G(c, {
+		className: i("min-w-0 tabular-nums", o),
+		children: Vt(e)
 	});
 }
-function Wt({ variants: e = [], optionGroups: t = [], groupByOptionId: n, visibleColumns: c = Dt, optionCombinationDisplay: l = Ot, cellDisplay: d = kt, selectionMode: f, renderOptionCombination: p, renderCell: h, selectedVariantIds: g, defaultSelectedVariantIds: _ = [], onSelectedVariantIdsChange: v, onVariantFieldChange: y, onVariantFieldBlur: b, onCreateVariant: x, onGenerateVariants: w, onSelectVariant: T, onEditVariant: E, onDuplicateVariant: D, onDeleteVariant: O, onBulkEdit: ee, onBulkApply: k, onBulkDelete: M, renderVariantActions: te, renderBulkActions: N, actions: P, headerEnd: F, footerSlot: I, empty: ne, surface: re = "card", className: ie, strings: ae }) {
-	let R = r(Ne, ae), de = g !== void 0, [fe, pe] = _e(_), he = !!(N || ee || k || M), U = (f ?? (he || de || v ? At : "none")) === "multiple", ye = B(() => U ? de ? g : fe : [], [
-		fe,
-		U,
-		de,
-		g
-	]), Se = B(() => new Map(e.map((e) => [e.id, e])), [e]), Ce = B(() => Lt(ye, Se), [Se, ye]), we = B(() => new Set(ye), [ye]), K = B(() => new Set(c), [c]), q = B(() => t.find((e) => e.id === n), [t, n]), Te = B(() => new Map(e.map((e, t) => [e.id, t])), [e]), Ee = B(() => {
-		if (!q) return e;
-		let t = new Map((q.values ?? []).map((e, t) => [e.id, t]));
+function qt({ variants: e = [], optionGroups: t = [], groupByOptionId: n, visibleColumns: c = At, optionCombinationDisplay: l = jt, cellDisplay: d = Mt, selectionMode: f, renderOptionCombination: p, renderCell: m, selectedVariantIds: h, defaultSelectedVariantIds: g = [], onSelectedVariantIdsChange: v, onVariantFieldChange: y, onVariantFieldBlur: b, onCreateVariant: x, onGenerateVariants: S, onSelectVariant: C, onEditVariant: w, onDuplicateVariant: E, onDeleteVariant: D, onBulkEdit: O, onBulkApply: k, onBulkDelete: A, renderVariantActions: te, renderBulkActions: j, actions: re, headerEnd: ie, footerSlot: ae, empty: N, surface: P = "card", className: F, strings: I }) {
+	let L = r($, I), R = h !== void 0, [z, de] = _e(g), V = !!(j || O || k || A), H = (f ?? (V || R || v ? Nt : "none")) === "multiple", fe = W(() => H ? R ? h : z : [], [
+		z,
+		H,
+		R,
+		h
+	]), me = W(() => new Map(e.map((e) => [e.id, e])), [e]), he = W(() => Bt(fe, me), [me, fe]), ye = W(() => new Set(fe), [fe]), q = W(() => new Set(c), [c]), J = W(() => t.find((e) => e.id === n), [t, n]), Ce = W(() => new Map(e.map((e, t) => [e.id, t])), [e]), we = W(() => {
+		if (!J) return e;
+		let t = new Map((J.values ?? []).map((e, t) => [e.id, t]));
 		return [...e].sort((e, n) => {
-			let r = e.optionValueIds?.[q.id], i = n.optionValueIds?.[q.id], a = r === void 0 ? void 0 : t.get(r), o = i === void 0 ? void 0 : t.get(i), s = a ?? 2 ** 53 - 1, c = o ?? 2 ** 53 - 1;
-			return s === c ? (Te.get(e.id) ?? 0) - (Te.get(n.id) ?? 0) : s - c;
+			let r = e.optionValueIds?.[J.id], i = n.optionValueIds?.[J.id], a = r === void 0 ? void 0 : t.get(r), o = i === void 0 ? void 0 : t.get(i), s = a ?? 2 ** 53 - 1, c = o ?? 2 ** 53 - 1;
+			return s === c ? (Ce.get(e.id) ?? 0) - (Ce.get(n.id) ?? 0) : s - c;
 		});
 	}, [
-		q,
-		Te,
+		J,
+		Ce,
 		e
-	]), De = B(() => {
-		if (!q) return /* @__PURE__ */ new Map();
+	]), Te = W(() => {
+		if (!J) return /* @__PURE__ */ new Map();
 		let t = /* @__PURE__ */ new Map();
 		return e.forEach((e) => {
-			let n = It(e, q);
+			let n = zt(e, J);
 			t.set(n, (t.get(n) ?? 0) + 1);
 		}), t;
-	}, [q, e]), Oe = U && he, ke = e.length > 0, Ae = U && ke && e.every((e) => we.has(e.id)), Y = Ce.length > 0 && !Ae, je = ge(null), X = !!(T || E || D || O || te), Z = c.filter((e) => K.has(e)).length + +!!U + +!!X, Q = z((e) => {
-		let t = Lt(e, Se);
-		de || pe(e), v?.(e, t);
+	}, [J, e]), Ee = H && V, De = e.length > 0, Z = H && De && e.every((e) => ye.has(e.id)), Oe = he.length > 0 && !Z, ke = ge(null), Ae = !!(C || w || E || D || te), je = c.filter((e) => q.has(e)).length + +!!H + +!!Ae, Q = U((e) => {
+		let t = Bt(e, me);
+		R || de(e), v?.(e, t);
 	}, [
-		de,
+		R,
 		v,
-		Se
-	]), Me = z(() => Q([]), [Q]), Pe = z((e, t) => {
-		if (!U) return;
-		let n = t === !0 ? Array.from(/* @__PURE__ */ new Set([...ye, e.id])) : ye.filter((t) => t !== e.id);
+		me
+	]), Me = U(() => Q([]), [Q]), Ne = U((e, t) => {
+		if (!H) return;
+		let n = t === !0 ? Array.from(/* @__PURE__ */ new Set([...fe, e.id])) : fe.filter((t) => t !== e.id);
 		Q(n);
 	}, [
-		U,
-		ye,
+		H,
+		fe,
 		Q
-	]), Fe = z((t) => {
-		U && Q(t === !0 ? e.map((e) => e.id) : []);
+	]), Pe = U((t) => {
+		H && Q(t === !0 ? e.map((e) => e.id) : []);
 	}, [
-		U,
+		H,
 		Q,
 		e
-	]), Ie = {
-		selectedRows: Ce,
-		selectedIds: ye,
+	]), Fe = {
+		selectedRows: he,
+		selectedIds: fe,
 		allRows: e,
-		selectedCount: Ce.length,
+		selectedCount: he.length,
 		totalCount: e.length,
-		allRowsSelected: Ae,
+		allRowsSelected: Z,
 		clearSelection: Me,
 		setSelectedIds: Q
-	}, Le = x || w ? /* @__PURE__ */ H(u, {
+	}, Ie = x || S ? /* @__PURE__ */ K(u, {
 		direction: "horizontal",
-		gap: m.commands,
+		gap: _.commands,
 		justify: "end",
 		className: "product-variants-bulk-table--header-actions",
-		children: [!!w && /* @__PURE__ */ V(a, {
+		children: [!!S && /* @__PURE__ */ G(a, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
-			onClick: w,
-			children: R.generateLabel
-		}), !!x && /* @__PURE__ */ V(a, {
+			onClick: S,
+			children: L.generateLabel
+		}), !!x && /* @__PURE__ */ G(a, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: x,
-			icon: G,
-			children: R.createLabel
+			icon: Y,
+			children: L.createLabel
 		})]
-	}) : void 0, Re = Ce.length > 0 ? N?.(Ie) : void 0, ze = Oe ? /* @__PURE__ */ V(C, {
+	}) : void 0, Le = he.length > 0 ? j?.(Fe) : void 0, Re = Ee ? /* @__PURE__ */ G(T, {
 		placement: "inline",
 		className: "product-variants-bulk-table--bulk-toolbar",
-		selectedCount: Ce.length,
+		selectedCount: he.length,
 		totalCount: e.length,
 		onClear: Me,
-		returnFocusRef: je,
+		returnFocusRef: ke,
 		strings: {
-			summary: (t, n) => R.selectedLabel(t, n ?? e.length),
-			clear: R.clearSelectionLabel
+			summary: (t, n) => L.selectedLabel(t, n ?? e.length),
+			clear: L.clearSelectionLabel
 		},
-		children: Re ?? /* @__PURE__ */ H(ve, { children: [
-			!!ee && /* @__PURE__ */ V(a, {
+		children: Le ?? /* @__PURE__ */ K(ve, { children: [
+			!!O && /* @__PURE__ */ G(a, {
 				type: "button",
-				onClick: () => ee(Ce),
-				children: R.bulkEditLabel
+				onClick: () => O(he),
+				children: L.bulkEditLabel
 			}),
-			!!k && /* @__PURE__ */ V(a, {
+			!!k && /* @__PURE__ */ G(a, {
 				type: "button",
 				tone: "neutral",
 				buttonStyle: "ghost",
-				onClick: () => k(Ce),
-				children: R.bulkApplyLabel
+				onClick: () => k(he),
+				children: L.bulkApplyLabel
 			}),
-			!!M && /* @__PURE__ */ V(a, {
+			!!A && /* @__PURE__ */ G(a, {
 				type: "button",
 				tone: "destructive",
 				buttonStyle: "ghost",
-				onClick: () => M(Ce),
-				children: R.bulkDeleteLabel
+				onClick: () => A(he),
+				children: L.bulkDeleteLabel
 			})
 		] })
-	}) : null, Be = e.length === 0 ? ne ?? /* @__PURE__ */ V($, {
-		title: R.emptyTitle,
-		description: R.emptyDescription,
-		action: w ? /* @__PURE__ */ V(a, {
+	}) : null, ze = e.length === 0 ? N ?? /* @__PURE__ */ G(Ve, {
+		title: L.emptyTitle,
+		description: L.emptyDescription,
+		action: S ? /* @__PURE__ */ G(a, {
 			tone: "primary",
 			type: "button",
-			onClick: w,
-			children: R.generateLabel
+			onClick: S,
+			children: L.generateLabel
 		}) : void 0
-	}) : /* @__PURE__ */ H(u, {
+	}) : /* @__PURE__ */ K(u, {
 		gap: "md",
 		className: "product-variants-bulk-table--body",
-		children: [ze, /* @__PURE__ */ V("div", {
-			className: "product-variants-bulk-table--table overflow-hidden rounded-radius border border-border bg-background text-foreground",
-			children: /* @__PURE__ */ H(ue, {
-				containerClassName: "[scrollbar-gutter:stable] [scrollbar-width:thin] [&::-webkit-scrollbar]:h-2.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-border [&::-webkit-scrollbar-track]:bg-muted/30",
+		children: [Re, /* @__PURE__ */ G("div", {
+			className: "product-variants-bulk-table--table overflow-hidden rounded-surface border border-border bg-background text-foreground",
+			children: /* @__PURE__ */ K(ue, {
 				className: "w-full border-collapse",
 				children: [
-					/* @__PURE__ */ H("colgroup", { children: [
-						U && /* @__PURE__ */ V("col", { className: "w-14 min-w-14 max-w-14" }),
-						K.has("variant") && /* @__PURE__ */ V("col", {}),
-						K.has("sku") && /* @__PURE__ */ V("col", {}),
-						K.has("price") && /* @__PURE__ */ V("col", {}),
-						K.has("inventory") && /* @__PURE__ */ V("col", {}),
-						K.has("status") && /* @__PURE__ */ V("col", {}),
-						K.has("updated") && /* @__PURE__ */ V("col", {}),
-						X && /* @__PURE__ */ V("col", { className: "w-18" })
+					/* @__PURE__ */ K("colgroup", { children: [
+						H && /* @__PURE__ */ G("col", { className: "w-14 min-w-14 max-w-14" }),
+						q.has("variant") && /* @__PURE__ */ G("col", {}),
+						q.has("sku") && /* @__PURE__ */ G("col", {}),
+						q.has("price") && /* @__PURE__ */ G("col", {}),
+						q.has("inventory") && /* @__PURE__ */ G("col", {}),
+						q.has("status") && /* @__PURE__ */ G("col", {}),
+						q.has("updated") && /* @__PURE__ */ G("col", {}),
+						Ae && /* @__PURE__ */ G("col", { className: "w-18" })
 					] }),
-					/* @__PURE__ */ V(le, { children: /* @__PURE__ */ H(oe, {
+					/* @__PURE__ */ G(le, { children: /* @__PURE__ */ K(B, {
 						className: "h-12 border-b border-border/60 bg-muted/50",
 						children: [
-							U && /* @__PURE__ */ V(ce, {
+							H && /* @__PURE__ */ G(ce, {
 								className: "w-14 min-w-14 max-w-14 px-0 py-space-md text-center align-middle",
-								children: /* @__PURE__ */ V(A, {
-									ref: je,
-									checked: Ae,
-									indeterminate: Y,
-									onCheckedChange: Fe,
-									"aria-label": R.selectAllLabel,
+								children: /* @__PURE__ */ G(ne, {
+									ref: ke,
+									checked: Z,
+									indeterminate: Oe,
+									onCheckedChange: Pe,
+									"aria-label": L.selectAllLabel,
 									className: "mx-auto"
 								})
 							}),
-							K.has("variant") && /* @__PURE__ */ V(ce, {
+							q.has("variant") && /* @__PURE__ */ G(ce, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ V(s, {
+								children: /* @__PURE__ */ G(s, {
 									className: "whitespace-normal",
-									children: R.headers.variant
+									children: L.headers.variant
 								})
 							}),
-							K.has("sku") && /* @__PURE__ */ V(ce, {
+							q.has("sku") && /* @__PURE__ */ G(ce, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ V(s, {
+								children: /* @__PURE__ */ G(s, {
 									className: "whitespace-normal",
-									children: R.headers.sku
+									children: L.headers.sku
 								})
 							}),
-							K.has("price") && /* @__PURE__ */ V(ce, {
+							q.has("price") && /* @__PURE__ */ G(ce, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ V(s, {
+								children: /* @__PURE__ */ G(s, {
 									className: "whitespace-normal",
-									children: R.headers.price
+									children: L.headers.price
 								})
 							}),
-							K.has("inventory") && /* @__PURE__ */ V(ce, {
+							q.has("inventory") && /* @__PURE__ */ G(ce, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ V(s, {
+								children: /* @__PURE__ */ G(s, {
 									className: "whitespace-normal",
-									children: R.headers.inventory
+									children: L.headers.inventory
 								})
 							}),
-							K.has("status") && /* @__PURE__ */ V(ce, {
+							q.has("status") && /* @__PURE__ */ G(ce, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ V(s, {
+								children: /* @__PURE__ */ G(s, {
 									className: "whitespace-normal",
-									children: R.headers.status
+									children: L.headers.status
 								})
 							}),
-							K.has("updated") && /* @__PURE__ */ V(ce, {
+							q.has("updated") && /* @__PURE__ */ G(ce, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ V(s, {
+								children: /* @__PURE__ */ G(s, {
 									className: "whitespace-normal",
-									children: R.headers.updated
+									children: L.headers.updated
 								})
 							}),
-							X && /* @__PURE__ */ V(ce, {
+							Ae && /* @__PURE__ */ G(ce, {
 								className: "px-space-lg py-space-md text-right align-middle",
-								children: /* @__PURE__ */ V(s, {
+								children: /* @__PURE__ */ G(s, {
 									className: "whitespace-normal",
-									children: R.headers.actions
+									children: L.headers.actions
 								})
 							})
 						]
 					}) }),
-					/* @__PURE__ */ V(se, { children: Ee.map((e, n) => {
-						let r = Te.get(e.id) ?? n, i = q ? It(e, q) : null, a = n > 0 ? Ee[n - 1] : void 0, s = q && a ? It(a, q) : null, c = !!q && i !== s, f = we.has(e.id), m = {
+					/* @__PURE__ */ G(se, { children: we.map((e, n) => {
+						let r = Ce.get(e.id) ?? n, i = J ? zt(e, J) : null, a = n > 0 ? we[n - 1] : void 0, s = J && a ? zt(a, J) : null, c = !!J && i !== s, f = ye.has(e.id), h = {
 							index: r,
-							onSelect: T ? () => T(e) : void 0,
-							onEdit: E ? () => E(e) : void 0,
-							onDuplicate: D ? () => D(e) : void 0,
-							onDelete: O ? () => O(e) : void 0,
+							onSelect: C ? () => C(e) : void 0,
+							onEdit: w ? () => w(e) : void 0,
+							onDuplicate: E ? () => E(e) : void 0,
+							onDelete: D ? () => D(e) : void 0,
 							isSelected: f,
-							onToggleSelected: U ? (t) => Pe(e, t) : void 0
-						}, g = q ? t.filter((e) => e.id !== q.id) : t, _ = Pt(e, g), v = q ? Nt({
+							onToggleSelected: H ? (t) => Ne(e, t) : void 0
+						}, g = J ? t.filter((e) => e.id !== J.id) : t, _ = Lt(e, g), v = J ? It({
 							...e,
 							name: void 0
-						}, g) : Nt(e, t), x = v === "-" && q ? Nt(e, t) : v, C = Ft(_), w = C === jt(x), ee = (t, n, i = kt) => {
-							let a = Bt(t) && y ? (i) => y(e, t, i, Ht(r, t, n, i)) : void 0, o = Bt(t) && b ? (i) => b(e, t, i, Ht(r, t, n, i)) : void 0;
+						}, g) : It(e, t), x = v === "-" && J ? It(e, t) : v, S = Rt(_), T = S === Pt(x), O = (t, n, i = Mt) => {
+							let a = Ut(t) && y ? (i) => y(e, t, i, Gt(r, t, n, i)) : void 0, o = Ut(t) && b ? (i) => b(e, t, i, Gt(r, t, n, i)) : void 0;
 							return {
 								index: r,
 								column: t,
 								value: n,
 								variantName: x,
 								optionValues: _,
-								optionLabel: C,
+								optionLabel: S,
 								cellDisplay: i,
 								onValueChange: a,
 								onBlur: o
 							};
 						}, k = (t, n, r, i) => {
-							let a = ee(t, n, r), o = h?.(e, a);
+							let a = O(t, n, r), o = m?.(e, a);
 							return o === void 0 ? i(a) : o;
-						}, j = l !== "none" && _.length > 0 && (q ? !w : l === "tags" || !w), M = l === "none" ? null : p?.(e, {
+						}, A = l !== "none" && _.length > 0 && !T, j = l === "none" ? null : p?.(e, {
 							optionGroups: t,
 							optionValues: _,
-							optionLabel: C,
+							optionLabel: S,
 							display: l
-						}), N = [
-							...T ? [{
+						}), M = [
+							...C ? [{
 								id: "view",
-								label: R.viewLabel,
-								icon: /* @__PURE__ */ V(xe, { className: "size-icon-md" }),
-								onClick: () => T(e),
+								label: L.viewLabel,
+								icon: /* @__PURE__ */ G(xe, { className: "size-icon-md" }),
+								onClick: () => C(e),
 								tone: "secondary",
 								buttonStyle: "ghost"
 							}] : [],
-							...E ? [{
+							...w ? [{
 								id: "edit",
-								label: R.editLabel,
-								icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
-								onClick: () => E(e),
+								label: L.editLabel,
+								icon: /* @__PURE__ */ G(Se, { className: "size-icon-md" }),
+								onClick: () => w(e),
 								tone: "secondary",
 								buttonStyle: "ghost"
 							}] : [],
-							...D ? [{
+							...E ? [{
 								id: "duplicate",
-								label: R.duplicateLabel,
-								icon: /* @__PURE__ */ V(be, { className: "size-icon-md" }),
-								onClick: () => D(e),
+								label: L.duplicateLabel,
+								icon: /* @__PURE__ */ G(be, { className: "size-icon-md" }),
+								onClick: () => E(e),
 								tone: "secondary",
 								buttonStyle: "ghost"
 							}] : [],
-							...O ? [{
+							...D ? [{
 								id: "delete",
-								label: R.deleteLabel,
-								icon: /* @__PURE__ */ V(J, { className: "size-icon-md" }),
-								onClick: () => O(e),
+								label: L.deleteLabel,
+								icon: /* @__PURE__ */ G(X, { className: "size-icon-md" }),
+								onClick: () => D(e),
 								tone: "destructive"
 							}] : []
 						];
-						return /* @__PURE__ */ H(me, { children: [c && /* @__PURE__ */ V(oe, {
+						return /* @__PURE__ */ K(pe, { children: [c && /* @__PURE__ */ G(B, {
 							className: "product-variants-bulk-table--group-row border-b border-border/60 bg-muted/30",
-							children: /* @__PURE__ */ V(L, {
-								colSpan: Z,
+							children: /* @__PURE__ */ G(oe, {
+								colSpan: je,
 								className: "px-space-lg py-space-md align-middle",
-								children: /* @__PURE__ */ H(u, {
+								children: /* @__PURE__ */ K(u, {
 									direction: "horizontal",
 									gap: "sm",
 									wrap: !1,
-									children: [/* @__PURE__ */ V(o, {
+									children: [/* @__PURE__ */ G(o, {
 										type: "inherit",
 										tag: "span",
 										weight: "semibold",
 										className: "min-w-0 whitespace-normal break-words",
 										children: i
-									}), /* @__PURE__ */ V(o, {
+									}), /* @__PURE__ */ G(o, {
 										tag: "span",
 										size: "xs",
 										type: "secondary",
 										className: "whitespace-nowrap",
-										children: R.groupCountLabel(De.get(i ?? "") ?? 0)
+										children: L.groupCountLabel(Te.get(i ?? "") ?? 0)
 									})]
 								})
 							})
-						}), /* @__PURE__ */ H(oe, {
+						}), /* @__PURE__ */ K(B, {
 							className: "h-20 border-b border-border/60 last:border-b-0",
 							children: [
-								U && /* @__PURE__ */ V(L, {
+								H && /* @__PURE__ */ G(oe, {
 									className: "w-14 min-w-14 max-w-14 px-0 py-space-lg text-center align-middle",
-									children: /* @__PURE__ */ V(A, {
+									children: /* @__PURE__ */ G(ne, {
 										checked: f,
-										onCheckedChange: (t) => Pe(e, t),
-										"aria-label": R.selectRowLabel(r),
+										onCheckedChange: (t) => Ne(e, t),
+										"aria-label": L.selectRowLabel(r),
 										className: "mx-auto"
 									})
 								}),
-								K.has("variant") && /* @__PURE__ */ V(L, {
+								q.has("variant") && /* @__PURE__ */ G(oe, {
 									className: "px-space-lg py-space-lg align-middle",
-									children: k("variant", x, kt, () => /* @__PURE__ */ H(u, {
+									children: k("variant", x, Mt, () => /* @__PURE__ */ K(u, {
 										gap: "xs",
 										children: [
-											/* @__PURE__ */ V(o, {
+											/* @__PURE__ */ G(o, {
 												type: "inherit",
 												weight: "medium",
 												className: "min-w-0 whitespace-normal break-words",
 												children: x
 											}),
-											M,
-											!M && j && l === "text" && /* @__PURE__ */ V(o, {
+											j,
+											!j && A && l === "text" && /* @__PURE__ */ G(o, {
 												size: "xs",
 												type: "secondary",
 												className: "min-w-0 whitespace-normal break-words",
-												children: _.map((t, n) => /* @__PURE__ */ H("span", { children: [n > 0 ? " / " : null, t] }, `${e.id}-option-text-${n}`))
+												children: _.map((t, n) => /* @__PURE__ */ K("span", { children: [n > 0 ? " / " : null, t] }, `${e.id}-option-text-${n}`))
 											}),
-											!M && j && l === "tags" && /* @__PURE__ */ V(u, {
+											!j && A && l === "tags" && /* @__PURE__ */ G(u, {
 												direction: "horizontal",
 												gap: "xs",
-												children: _.map((t, n) => /* @__PURE__ */ V(S, {
+												children: _.map((t, n) => /* @__PURE__ */ G(ee, {
 													size: "sm",
 													tone: "secondary",
 													className: "max-w-full",
@@ -2803,38 +2867,38 @@ function Wt({ variants: e = [], optionGroups: t = [], groupByOptionId: n, visibl
 										]
 									}))
 								}),
-								K.has("sku") && /* @__PURE__ */ V(L, {
+								q.has("sku") && /* @__PURE__ */ G(oe, {
 									className: "px-space-lg py-space-md align-middle",
-									children: k("sku", e.sku, Vt(d, "sku"), (t) => Ut(e.sku, `${R.headers.sku}: ${jt(x)}`, t.cellDisplay, t.onValueChange, t.onBlur))
+									children: k("sku", e.sku, Wt(d, "sku"), (t) => Kt(e.sku, `${L.headers.sku}: ${Pt(x)}`, t.cellDisplay, t.onValueChange, t.onBlur, "whitespace-nowrap"))
 								}),
-								K.has("price") && /* @__PURE__ */ V(L, {
+								q.has("price") && /* @__PURE__ */ G(oe, {
 									className: "px-space-lg py-space-md align-middle",
-									children: k("price", e.price, Vt(d, "price"), (t) => Ut(e.price, `${R.headers.price}: ${jt(x)}`, t.cellDisplay, t.onValueChange, t.onBlur))
+									children: k("price", e.price, Wt(d, "price"), (t) => Kt(e.price, `${L.headers.price}: ${Pt(x)}`, t.cellDisplay, t.onValueChange, t.onBlur))
 								}),
-								K.has("inventory") && /* @__PURE__ */ V(L, {
+								q.has("inventory") && /* @__PURE__ */ G(oe, {
 									className: "px-space-lg py-space-md align-middle",
-									children: k("inventory", e.inventory, Vt(d, "inventory"), (t) => Ut(e.inventory, `${R.headers.inventory}: ${jt(x)}`, t.cellDisplay, t.onValueChange, t.onBlur))
+									children: k("inventory", e.inventory, Wt(d, "inventory"), (t) => Kt(e.inventory, `${L.headers.inventory}: ${Pt(x)}`, t.cellDisplay, t.onValueChange, t.onBlur))
 								}),
-								K.has("status") && /* @__PURE__ */ V(L, {
+								q.has("status") && /* @__PURE__ */ G(oe, {
 									className: "px-space-lg py-space-lg align-middle",
-									children: k("status", e.status, kt, () => e.status ? /* @__PURE__ */ V(S, {
+									children: k("status", e.status, Mt, () => e.status ? /* @__PURE__ */ G(ee, {
 										tone: e.statusTone ?? "secondary",
 										children: e.status
-									}) : /* @__PURE__ */ V(o, {
+									}) : /* @__PURE__ */ G(o, {
 										type: "secondary",
 										children: "-"
 									}))
 								}),
-								K.has("updated") && /* @__PURE__ */ V(L, {
+								q.has("updated") && /* @__PURE__ */ G(oe, {
 									className: "px-space-lg py-space-lg align-middle",
-									children: k("updated", e.updatedAt, kt, () => Ut(e.updatedAt, `${R.headers.updated}: ${jt(x)}`, "text"))
+									children: k("updated", e.updatedAt, Mt, () => Kt(e.updatedAt, `${L.headers.updated}: ${Pt(x)}`, "text"))
 								}),
-								X && /* @__PURE__ */ V(L, {
+								Ae && /* @__PURE__ */ G(oe, {
 									className: "px-space-lg py-space-lg text-right align-middle",
-									children: te ? te(e, m) : /* @__PURE__ */ V(Ke, {
+									children: te ? te(e, h) : /* @__PURE__ */ G(Ye, {
 										item: e,
-										actions: N,
-										menuLabel: R.headers.actions
+										actions: M,
+										menuLabel: L.headers.actions
 									})
 								})
 							]
@@ -2844,210 +2908,219 @@ function Wt({ variants: e = [], optionGroups: t = [], groupByOptionId: n, visibl
 			})
 		})]
 	});
-	return re === "embedded" ? /* @__PURE__ */ V("section", {
-		"aria-label": R.title,
-		className: i("product-variants-bulk-table--component min-w-0", ie),
-		children: Be
-	}) : /* @__PURE__ */ V(j, {
-		title: R.title,
-		description: R.description,
-		actions: P,
-		headerAction: Le,
-		headerEnd: F,
-		footerSlot: I,
-		className: i("product-variants-bulk-table--component w-full", ie),
-		children: Be
+	return P === "embedded" ? /* @__PURE__ */ G("section", {
+		"aria-label": L.title,
+		className: i("product-variants-bulk-table--component min-w-0", F),
+		children: ze
+	}) : /* @__PURE__ */ G(M, {
+		title: L.title,
+		description: L.description,
+		actions: re,
+		headerAction: Ie,
+		headerEnd: ie,
+		footerSlot: ae,
+		className: i("product-variants-bulk-table--component w-full", F),
+		children: ze
 	});
 }
-Wt.displayName = "ProductVariantsBulkTable";
+qt.displayName = "ProductVariantsBulkTable";
 //#endregion
 //#region src/components/features/products/components/product-variants-manager.tsx
-function Gt({ optionGroups: n = [], variants: s = [], visibleColumns: c, optionCombinationDisplay: l, cellDisplay: d, selectionMode: p, renderOptionCombination: h, renderCell: g, selectedVariantIds: _, defaultSelectedVariantIds: v, onSelectedVariantIdsChange: y, onVariantFieldChange: b, onVariantFieldBlur: x, collapsedOptionIds: S, defaultCollapsedOptionIds: C, onCollapsedOptionIdsChange: w, editingOptionId: T, defaultEditingOptionId: E, onEditingOptionIdChange: D, onCreateOption: O, onEditOption: ee, onDeleteOption: A, onAddValue: j, onDeleteValue: N, onOptionNameChange: P, onValueLabelChange: F, onDoneEditingOption: I, onSaveEditingOption: ne, onCancelEditingOption: re, onToggleUsedForVariants: ie, renderOptionActions: ae, renderValue: oe, onCreateVariant: L, onGenerateVariants: se, onSelectVariant: ce, onEditVariant: le, onDuplicateVariant: ue, onDeleteVariant: R, onBulkEdit: de, onBulkApply: fe, onBulkDelete: pe, renderVariantActions: me, renderBulkActions: he, groupByOptionId: ge, defaultGroupByOptionId: ve, onGroupByOptionIdChange: U, onSearchVariants: ye, onFilterVariants: be, controlsEnd: xe, actions: Se, headerEnd: W, footerSlot: we, surface: q = "flat", padding: J = q === "flat" ? "none" : "md", headerDivider: Te, footerDivider: Ee, className: De, strings: Oe, optionsStrings: ke, variantsStrings: Ae }) {
-	let { defaultScale: Y } = e(), je = t(void 0, Y), X = r(Pe, Oe), Z = B(() => n.filter((e) => e.usedForVariants !== !1), [n]), Q = Z[0]?.id ?? null, Me = ge !== void 0, [Ne, Fe] = _e(ve ?? Q), Ie = ge ?? Ne ?? Q, Le = B(() => Z.map((e) => ({
+function Jt({ optionGroups: n = [], variants: s = [], visibleColumns: c, optionCombinationDisplay: l, cellDisplay: d, selectionMode: f, renderOptionCombination: p, renderCell: h, selectedVariantIds: g, defaultSelectedVariantIds: v, onSelectedVariantIdsChange: y, onVariantFieldChange: b, onVariantFieldBlur: x, collapsedOptionIds: S, defaultCollapsedOptionIds: C, onCollapsedOptionIdsChange: w, editingOptionId: ee, defaultEditingOptionId: T, onEditingOptionIdChange: E, onCreateOption: D, onEditOption: O, onDeleteOption: k, onAddValue: A, onDeleteValue: te, onOptionNameChange: ne, onValueLabelChange: M, onDoneEditingOption: ae, onSaveEditingOption: N, onError: P, onCancelEditingOption: F, onToggleUsedForVariants: I, renderOptionActions: L, renderValue: R, onCreateVariant: z, onGenerateVariants: B, onSelectVariant: oe, onEditVariant: se, onDuplicateVariant: ce, onDeleteVariant: le, onBulkEdit: ue, onBulkApply: de, onBulkDelete: V, renderVariantActions: H, renderBulkActions: fe, groupByOptionId: pe, defaultGroupByOptionId: me, onGroupByOptionIdChange: he, showGroupBy: ge = !0, onSearchVariants: ve, onFilterVariants: ye, controlsEnd: q, actions: be, headerEnd: xe, footerSlot: Se, surface: Ce = "flat", padding: Te = Ce === "flat" ? "none" : "md", headerDivider: X, footerDivider: Ee, className: De, strings: Z, optionsStrings: Oe, variantsStrings: ke }) {
+	let { defaultScale: Ae } = t(), je = e(void 0, Ae), Q = r(Ie, Z), Me = W(() => n.filter((e) => e.usedForVariants !== !1), [n]), Ne = Me[0]?.id ?? null, Pe = pe !== void 0, [Fe, $] = _e(me), Le = Pe ? pe : ge ? Fe === void 0 ? Ne : Fe : me ?? null, Re = !!ve && !!ye, ze = !!ve || !!ye, Be = W(() => ge ? Me.map((e) => ({
 		value: e.id,
 		label: String(typeof e.name == "string" || typeof e.name == "number" ? e.name : e.id)
-	})), [Z]), Re = z((e) => {
+	})) : [], [Me, ge]), Ve = U((e) => {
 		let t = n.find((t) => t.id === e);
-		Me || Fe(e ?? null), U?.(e, t);
+		Pe || $(e ?? null), he?.(e, t);
 	}, [
-		Me,
-		U,
+		Pe,
+		he,
 		n
-	]), $ = se || L ? /* @__PURE__ */ H(u, {
+	]), He = B || z ? /* @__PURE__ */ K(u, {
 		direction: "horizontal",
-		gap: m.commands,
+		gap: _.commands,
 		justify: "end",
 		className: "product-variants-manager--header-actions",
-		children: [!!se && /* @__PURE__ */ V(a, {
+		children: [!!B && /* @__PURE__ */ G(a, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
-			onClick: se,
-			children: X.generateLabel
-		}), !!L && /* @__PURE__ */ V(a, {
+			onClick: B,
+			children: Q.generateLabel
+		}), !!z && /* @__PURE__ */ G(a, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
-			onClick: L,
-			icon: G,
-			children: X.createVariantLabel
+			onClick: z,
+			icon: Y,
+			children: Q.createVariantLabel
 		})]
 	}) : void 0;
-	return /* @__PURE__ */ V(f, {
-		surface: q,
-		padding: J,
-		headerDivider: Te,
+	return /* @__PURE__ */ G(m, {
+		surface: Ce,
+		padding: Te,
+		headerDivider: X,
 		footerDivider: Ee,
-		title: X.title,
-		description: X.description,
-		actions: Se,
-		actionsLabel: X.actionsLabel,
-		headerAction: $,
-		headerEnd: W,
-		footerSlot: we,
+		title: Q.title,
+		description: Q.description,
+		actions: be,
+		actionsLabel: Q.actionsLabel,
+		headerAction: He,
+		headerEnd: xe,
+		footerSlot: Se,
 		className: i("product-variants-manager--component w-full", De),
-		children: /* @__PURE__ */ H(u, {
+		children: /* @__PURE__ */ K(u, {
 			gap: "2xl",
 			className: "product-variants-manager--body",
-			children: [/* @__PURE__ */ V("section", {
+			children: [/* @__PURE__ */ G("section", {
 				className: "product-variants-manager--options min-w-0",
-				children: /* @__PURE__ */ V(ut, {
+				children: /* @__PURE__ */ G(pt, {
 					optionGroups: n,
 					collapsedOptionIds: S,
 					defaultCollapsedOptionIds: C,
 					onCollapsedOptionIdsChange: w,
-					editingOptionId: T,
-					defaultEditingOptionId: E,
-					onEditingOptionIdChange: D,
+					editingOptionId: ee,
+					defaultEditingOptionId: T,
+					onEditingOptionIdChange: E,
 					surface: "embedded",
-					onCreateOption: O,
-					onEditOption: ee,
-					onDeleteOption: A,
-					onAddValue: j,
-					onDeleteValue: N,
-					onOptionNameChange: P,
-					onValueLabelChange: F,
-					onDoneEditingOption: I,
-					onSaveEditingOption: ne,
-					onCancelEditingOption: re,
-					onToggleUsedForVariants: ie,
-					renderOptionActions: ae,
-					renderValue: oe,
+					onCreateOption: D,
+					onEditOption: O,
+					onDeleteOption: k,
+					onAddValue: A,
+					onDeleteValue: te,
+					onOptionNameChange: ne,
+					onValueLabelChange: M,
+					onDoneEditingOption: ae,
+					onSaveEditingOption: N,
+					onError: P,
+					onCancelEditingOption: F,
+					onToggleUsedForVariants: I,
+					renderOptionActions: L,
+					renderValue: R,
 					showHeader: !1,
 					showCollapseControls: !1,
 					showInlineActions: !1,
 					showVariantToggle: !1,
 					strings: {
-						title: X.optionsTitle,
-						...ke
+						title: Q.optionsTitle,
+						...Oe
 					}
 				})
-			}), /* @__PURE__ */ H(u, {
+			}), /* @__PURE__ */ K(u, {
 				gap: "md",
 				className: "product-variants-manager--variants-region",
-				children: [/* @__PURE__ */ V("div", {
+				children: [(Be.length > 0 || ze || q) && /* @__PURE__ */ G("div", {
 					className: "product-variants-manager--controls",
-					children: /* @__PURE__ */ H(u, {
+					children: /* @__PURE__ */ K(u, {
 						direction: "horizontal",
 						gap: "md",
 						justify: "between",
-						children: [/* @__PURE__ */ H(u, {
+						children: [Be.length > 0 && /* @__PURE__ */ K(u, {
 							direction: "horizontal",
 							gap: "sm",
 							wrap: !1,
 							className: "product-variants-manager--group-by",
-							children: [/* @__PURE__ */ V(o, {
+							children: [/* @__PURE__ */ G(o, {
 								type: "secondary",
 								className: "whitespace-nowrap",
-								children: X.groupByLabel
-							}), Le.length > 0 && /* @__PURE__ */ V(k, {
-								options: Le,
-								value: Ie,
-								onValueChange: Re,
-								"aria-label": X.groupByLabel,
+								children: Q.groupByLabel
+							}), Be.length > 0 && /* @__PURE__ */ G(j, {
+								options: Be,
+								value: Le ?? void 0,
+								onValueChange: Ve,
+								"aria-label": Q.groupByLabel,
 								className: "min-w-32 bg-background"
 							})]
-						}), /* @__PURE__ */ H(u, {
+						}), (ze || q) && /* @__PURE__ */ K(u, {
 							direction: "horizontal",
 							gap: "sm",
 							justify: "end",
 							wrap: !1,
-							className: "product-variants-manager--controls-end",
-							children: [/* @__PURE__ */ H("div", {
-								className: i("product-variants-manager--tool-buttons bg-background shadow-xs", M.joinedFrame, te[je]),
-								children: [/* @__PURE__ */ H(a, {
+							className: "product-variants-manager--controls-end ms-auto",
+							children: [ze && /* @__PURE__ */ K("div", {
+								className: i("flex", Re && [
+									"product-variants-manager--tool-buttons bg-background shadow-xs",
+									re.joinedFrame,
+									ie[je]
+								]),
+								children: [ve && /* @__PURE__ */ K(a, {
 									type: "button",
-									size: "sm",
+									size: je,
 									iconOnly: !0,
 									tone: "secondary",
-									buttonStyle: "ghost",
-									onClick: ye,
-									"aria-label": X.searchLabel,
-									className: i(M.joinedItem, M.firstItem, "border-r border-border text-muted-foreground hover:text-foreground"),
-									children: [/* @__PURE__ */ V(K, {
+									buttonStyle: Re ? "ghost" : "outline",
+									onClick: ve,
+									"aria-label": Q.searchLabel,
+									className: i(Re && [
+										re.joinedItem,
+										re.firstItem,
+										"border-r border-border"
+									], "text-muted-foreground hover:text-foreground"),
+									children: [/* @__PURE__ */ G(we, {
 										className: "size-icon-sm",
 										"aria-hidden": "true"
-									}), /* @__PURE__ */ V(o, {
+									}), /* @__PURE__ */ G(o, {
 										tag: "span",
 										size: "pxs",
 										className: "sr-only",
-										children: X.searchLabel
+										children: Q.searchLabel
 									})]
-								}), /* @__PURE__ */ H(a, {
+								}), ye && /* @__PURE__ */ K(a, {
 									type: "button",
-									size: "sm",
+									size: je,
 									iconOnly: !0,
 									tone: "secondary",
-									buttonStyle: "ghost",
-									onClick: be,
-									"aria-label": X.filterLabel,
-									className: i(M.joinedItem, M.lastItem, "text-muted-foreground hover:text-foreground"),
-									children: [/* @__PURE__ */ V(Ce, {
+									buttonStyle: Re ? "ghost" : "outline",
+									onClick: ye,
+									"aria-label": Q.filterLabel,
+									className: i(Re && [re.joinedItem, re.lastItem], "text-muted-foreground hover:text-foreground"),
+									children: [/* @__PURE__ */ G(J, {
 										className: "size-icon-sm",
 										"aria-hidden": "true"
-									}), /* @__PURE__ */ V(o, {
+									}), /* @__PURE__ */ G(o, {
 										tag: "span",
 										size: "pxs",
 										className: "sr-only",
-										children: X.filterLabel
+										children: Q.filterLabel
 									})]
 								})]
-							}), xe]
+							}), q]
 						})]
 					})
-				}), /* @__PURE__ */ V("section", {
+				}), /* @__PURE__ */ G("section", {
 					className: "product-variants-manager--variants min-w-0",
-					children: /* @__PURE__ */ V(Wt, {
+					children: /* @__PURE__ */ G(qt, {
 						variants: s,
 						optionGroups: n,
-						groupByOptionId: Ie,
+						groupByOptionId: Le,
 						visibleColumns: c,
 						optionCombinationDisplay: l,
 						cellDisplay: d,
-						selectionMode: p,
-						renderOptionCombination: h,
-						renderCell: g,
+						selectionMode: f,
+						renderOptionCombination: p,
+						renderCell: h,
 						surface: "embedded",
-						selectedVariantIds: _,
+						selectedVariantIds: g,
 						defaultSelectedVariantIds: v,
 						onSelectedVariantIdsChange: y,
 						onVariantFieldChange: b,
 						onVariantFieldBlur: x,
-						onCreateVariant: L,
-						onGenerateVariants: se,
-						onSelectVariant: ce,
-						onEditVariant: le,
-						onDuplicateVariant: ue,
-						onDeleteVariant: R,
-						onBulkEdit: de,
-						onBulkApply: fe,
-						onBulkDelete: pe,
-						renderVariantActions: me,
-						renderBulkActions: he,
+						onCreateVariant: z,
+						onGenerateVariants: B,
+						onSelectVariant: oe,
+						onEditVariant: se,
+						onDuplicateVariant: ce,
+						onDeleteVariant: le,
+						onBulkEdit: ue,
+						onBulkApply: de,
+						onBulkDelete: V,
+						renderVariantActions: H,
+						renderBulkActions: fe,
 						strings: {
-							title: X.variantsTitle,
-							generateLabel: X.generateLabel,
-							...Ae
+							title: Q.variantsTitle,
+							generateLabel: Q.generateLabel,
+							...ke
 						}
 					})
 				})]
@@ -3055,8 +3128,8 @@ function Gt({ optionGroups: n = [], variants: s = [], visibleColumns: c, optionC
 		})
 	});
 }
-Gt.displayName = "ProductVariantsManager";
+Jt.displayName = "ProductVariantsManager";
 //#endregion
-export { nt as ProductContractOverview, rt as ProductDetailsCard, at as ProductOperationsCard, it as ProductOptionActionMenu, ut as ProductOptionsMatrix, dt as ProductOptionsSummary, yt as ProductOverview, ft as ProductPoliciesCard, pt as ProductQuotePreviewCard, mt as ProductReadinessCard, ht as ProductStructureCard, xt as ProductVariantActionMenu, wt as ProductVariantDetails, Et as ProductVariantEditor, Wt as ProductVariantsBulkTable, Gt as ProductVariantsManager, vt as ProductVariantsTable, Ae as defaultProductContractOverviewStrings, ke as defaultProductDetailsCardStrings, Oe as defaultProductOperationsCardStrings, je as defaultProductOptionActionMenuStrings, X as defaultProductOptionsMatrixStrings, Y as defaultProductOptionsSummaryStrings, Re as defaultProductOverviewStrings, Q as defaultProductPoliciesCardStrings, Z as defaultProductQuotePreviewCardStrings, Ee as defaultProductReadinessCardStrings, De as defaultProductStructureCardStrings, Fe as defaultProductVariantActionMenuStrings, Ie as defaultProductVariantDetailsStrings, Le as defaultProductVariantEditorStrings, Ne as defaultProductVariantsBulkTableStrings, Pe as defaultProductVariantsManagerStrings, Me as defaultProductVariantsTableStrings };
+export { at as ProductContractOverview, ot as ProductDetailsCard, ct as ProductOperationsCard, st as ProductOptionActionMenu, pt as ProductOptionsMatrix, mt as ProductOptionsSummary, St as ProductOverview, ht as ProductPoliciesCard, gt as ProductQuotePreviewCard, _t as ProductReadinessCard, vt as ProductStructureCard, wt as ProductVariantActionMenu, Dt as ProductVariantDetails, kt as ProductVariantEditor, qt as ProductVariantsBulkTable, Jt as ProductVariantsManager, xt as ProductVariantsTable, Ae as defaultProductContractOverviewStrings, ke as defaultProductDetailsCardStrings, Oe as defaultProductOperationsCardStrings, Q as defaultProductOptionActionMenuStrings, Me as defaultProductOptionsMatrixStrings, je as defaultProductOptionsSummaryStrings, Be as defaultProductOverviewStrings, Pe as defaultProductPoliciesCardStrings, Ne as defaultProductQuotePreviewCardStrings, De as defaultProductReadinessCardStrings, Z as defaultProductStructureCardStrings, Le as defaultProductVariantActionMenuStrings, Re as defaultProductVariantDetailsStrings, ze as defaultProductVariantEditorStrings, $ as defaultProductVariantsBulkTableStrings, Ie as defaultProductVariantsManagerStrings, Fe as defaultProductVariantsTableStrings };
 
 //# sourceMappingURL=products.js.map