themelia-react-ui 2.0.6 → 3.0.0

package/dist/features/products.js

@@ -1,38 +1,38 @@
 "use client";
-import { S as e, d as t } from "../ui-provider-C-74NVLc.js";
+import { C as e, f as t } from "../ui-provider-Bu1S-o96.js";
 import { interpolateString as n, useStrings as r } from "../lib/strings.js";
-import { t as i } from "../utils-DhuoqFy4.js";
-import { n as a } from "../buttons-DeW0bQeK.js";
-import { c as o, o as s } from "../typography-C7-YMW1S.js";
-import { t as c } from "../focus-recipes-B653VaLq.js";
-import { r as l, t as u } from "../structure-DZJ2wbAU.js";
+import { t as i } from "../utils-BVbAG2J6.js";
+import { c as a, o } from "../typography-C0dELqYV.js";
+import { t as s } from "../focus-recipes-DSkiUvUp.js";
+import { n as c } from "../buttons-pZVgPTZn.js";
+import { r as l, t as u } from "../structure-DElaQwwN.js";
 import { t as d } from "../tone-recipes-BPsRAvhu.js";
-import { h as f, p, t as m, v as h } from "../smart-card-B6vLxqa_.js";
-import { t as g } from "../progress-DZFXXzPs.js";
-import { n as _, t as v } from "../composition.recipes-COdiFhxB.js";
-import { i as y, t as b } from "../overlays-CC8zI3Du.js";
-import { t as x } from "../interaction-recipes-4wZ2tvfb.js";
-import { _ as S, g as C } from "../primitives-BkkQjYl7.js";
-import { n as w } from "../number-CYqBcrSj.js";
-import { t as ee } from "../badge-wWauMgAt.js";
-import { t as T } from "../batch-action-bar-BoqWIIpV.js";
-import { t as E } from "../separator-DM6gs2vu.js";
-import { n as D } from "../field-affordance-recipes-D6H7tVJi.js";
-import { t as O } from "../input-7KAc7XQL.js";
-import { t as k } from "../form-field-CAPdwdnZ.js";
-import { d as te } from "../text-inputs-jdkS3ReG.js";
-import { c as ne, l as re } from "../choice-inputs-DHGtx0QV.js";
-import { t as ie } from "../checkbox-MoyHIAPs.js";
-import { n as A } from "../display-CT_N2a3w.js";
+import { a as f, o as p } from "../surface-recipes-DV6rrOFq.js";
+import { _ as m, f as h, m as g, t as _ } from "../smart-card-C59z6KFO.js";
+import { t as v } from "../progress-RARK8AjB.js";
+import { n as y, t as b } from "../composition.recipes-COdiFhxB.js";
+import { i as x, t as S } from "../overlays-D-gAIfPF.js";
+import { t as C } from "../interaction-recipes-DmuS1ase.js";
+import { _ as w, g as T } from "../primitives-BlC1lXBr.js";
+import { n as E } from "../number-NFWKIoiK.js";
+import { t as ee } from "../badge-oGiXblW7.js";
+import { t as D } from "../batch-action-bar-D6MZQNnC.js";
+import { t as O } from "../separator-DaDe26sf.js";
+import { n as k } from "../field-affordance-recipes-DfbMadot.js";
+import { t as A } from "../input-DfJyrjoR.js";
+import { t as j } from "../form-field-BdfCwSoQ.js";
+import { d as te } from "../text-inputs-ljyBYaCd.js";
+import { c as ne, l as re } from "../choice-inputs-oJEsrb5Y.js";
+import { t as ie } from "../checkbox-Dy5_XBMZ.js";
 import { r as ae, t as oe } from "../control-group-recipes-fMuFo0H7.js";
-import { c as se, i as j, n as M, o as N, r as ce, t as P, u as F } from "../item-FfWnaYST.js";
-import { t as I } from "../metadata-list-XkqZ_UXH.js";
-import { c as L, i as le, n as ue, o as de, s as fe, t as pe } from "../table-CXSPHH25.js";
-import { m as me, s as R } from "../data-display-Cmj-xZYl.js";
-import { O as z, f as he } from "../table-CBonSdTp.js";
-import { Fragment as ge, useCallback as B, useEffect as _e, useId as ve, useMemo as V, useRef as ye, useState as be } from "react";
-import { Fragment as xe, jsx as H, jsxs as U } from "react/jsx-runtime";
-import { ArrowLeft as Se, ChevronDown as W, Copy as Ce, Eye as G, ListFilter as K, Pencil as we, Plus as q, PlusCircle as Te, Search as Ee, SlidersHorizontal as De, Trash2 as J, X as Oe } from "lucide-react";
+import { c as se, i as M, n as ce, o as N, r as P, t as le, u as F } from "../item-GJ9mvCcg.js";
+import { t as I } from "../metadata-list-G85roWjS.js";
+import { c as L, i as ue, n as de, o as fe, s as pe, t as me } from "../table-CSRUgpdK.js";
+import { m as he, s as R } from "../data-display-CWe9SOYh.js";
+import { O as ge, f as z } from "../table-DdXDBsR_.js";
+import { Fragment as _e, useCallback as B, useEffect as ve, useId as ye, useMemo as V, useRef as H, useState as U } from "react";
+import { Fragment as be, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { ArrowLeft as K, ChevronDown as xe, Copy as Se, Eye as Ce, ListFilter as q, Pencil as we, Plus as J, PlusCircle as Y, Search as Te, SlidersHorizontal as Ee, Trash2 as De, X as Oe } from "lucide-react";
 //#region src/components/features/products/products.strings.ts
 var ke = {
 	title: "Readiness",
@@ -46,7 +46,7 @@ var ke = {
 	emptyTitle: "No readiness checks",
 	emptyDescription: "Pass readiness items from your product workflow to show progress.",
 	actionLabel: "Open"
-}, Y = {
+}, Ae = {
 	title: "Structure",
 	description: "Media, taxonomy, options, and content coverage.",
 	createLabel: "Add metric",
@@ -56,7 +56,7 @@ var ke = {
 	actionsLabel: "Metric actions",
 	emptyTitle: "No structure metrics",
 	emptyDescription: "Pass structure metrics to summarize the product setup."
-}, Ae = {
+}, X = {
 	title: "Operations",
 	description: "Availability, channels, service rules, and fulfilment signals.",
 	createLabel: "Add signal",
@@ -86,7 +86,7 @@ var ke = {
 	ruleActionsLabel: "Rule actions",
 	emptyTitle: "No contract summary",
 	emptyDescription: "Pass metrics, terms, or rules to summarize the product contract."
-}, X = {
+}, Ne = {
 	title: "Options",
 	description: "Variant-driving choices and add-ons customers can select.",
 	manageLabel: "Manage options",
@@ -102,7 +102,7 @@ var ke = {
 	editLabel: "Edit option",
 	deleteLabel: "Delete option",
 	actionsLabel: "Option actions"
-}, Ne = {
+}, Pe = {
 	title: "Variant options",
 	description: "Define option groups and values before generating sellable variants.",
 	createLabel: "Add attribute",
@@ -128,7 +128,9 @@ var ke = {
 	collapseOptionLabel: "Collapse option",
 	actionsLabel: "Option actions",
 	optionNameLabel: "Option name",
+	optionNameRequiredMessage: "Enter an option name.",
 	optionValuesLabel: "Option values",
+	optionValueRequiredMessage: "Enter a value or remove it.",
 	valuesLabel: "Values",
 	useForVariantsLabel: "Use for variants",
 	usedForVariantsLabel: "Used for variants",
@@ -136,7 +138,7 @@ var ke = {
 	emptyTitle: "No option groups",
 	emptyDescription: "Add options such as size, color, or packaging to create variant combinations.",
 	noValuesLabel: "No values"
-}, Pe = {
+}, Q = {
 	title: "Quote preview",
 	description: "How the product appears in a compact customer quote.",
 	subtotalLabel: "Subtotal",
@@ -208,24 +210,25 @@ var ke = {
 		updated: "Updated",
 		actions: "Actions"
 	}
-}, Q = {
+}, Re = {
 	title: "Variants",
 	description: "Configure option groups first, then manage the generated sellable variants.",
 	optionsTitle: "Variant options",
 	variantsTitle: "Variants",
 	groupByLabel: "Group by",
+	noGroupingLabel: "None",
 	searchLabel: "Search variants",
 	filterLabel: "Filter variants",
 	generateLabel: "Generate variants",
 	createVariantLabel: "Add variant",
 	actionsLabel: "Variant manager actions"
-}, Re = {
+}, ze = {
 	viewLabel: "Open variant",
 	editLabel: "Edit",
 	duplicateLabel: "Duplicate",
 	deleteLabel: "Delete",
 	actionsLabel: "Variant actions"
-}, ze = {
+}, Be = {
 	title: "Variant",
 	description: "Sellable variant details, options, pricing, and fulfilment data.",
 	backLabel: "Back",
@@ -235,6 +238,7 @@ var ke = {
 	viewOptionLabel: "Open option",
 	emptyTitle: "No variant selected",
 	emptyDescription: "Pass a variant to render a standalone variant detail surface.",
+	variantActions: ze,
 	metadata: {
 		price: "Price",
 		inventory: "Available",
@@ -242,7 +246,7 @@ var ke = {
 		channels: "Channels",
 		updated: "Updated"
 	}
-}, Be = {
+}, Ve = {
 	title: "Edit variant",
 	description: "Controlled form for variant identity, pricing, inventory, and option values.",
 	identityTitle: "Identity",
@@ -272,107 +276,42 @@ var ke = {
 		status: "Active",
 		channels: "Online store, POS"
 	}
-}, Ve = {
+}, $ = {
 	mainLabel: "Product overview",
 	railLabel: "Product supporting information"
 };
 //#endregion
+//#region src/components/features/products/partials/product-surface.ts
+function He(e) {
+	return {
+		surface: "flat",
+		padding: "none",
+		"data-component": "content-block",
+		"data-slot": "content-block",
+		className: i("content-block--component", e),
+		headerClassName: "content-block--header",
+		contentClassName: "content-block--content",
+		footerClassName: "content-block--footer"
+	};
+}
+//#endregion
 //#region src/components/features/products/partials/product-empty-state.tsx
-function $({ title: e, description: t, action: n, className: r }) {
-	return /* @__PURE__ */ H(R, {
+function Ue({ title: e, description: t, action: n, className: r }) {
+	return /* @__PURE__ */ W(R, {
 		padding: "md",
-		border: !0,
+		surface: "wash",
 		title: e,
 		description: t,
 		actions: n,
-		className: i("product-empty-state--component bg-muted/30", r)
-	});
-}
-//#endregion
-//#region src/components/features/products/partials/product-tone.tsx
-var He = {
-	neutral: "secondary",
-	primary: "secondary",
-	success: "success",
-	warning: "warning",
-	destructive: "destructive",
-	info: "info"
-}, Ue = {
-	neutral: void 0,
-	primary: void 0,
-	success: "text-success",
-	warning: "text-warning-accent",
-	destructive: "text-destructive",
-	info: "text-info"
-}, We = /* @__PURE__ */ new Set([
-	"success",
-	"warning",
-	"destructive",
-	"info"
-]);
-function Ge(e) {
-	return e !== void 0 && We.has(e);
-}
-function Ke(e) {
-	return Number.isFinite(e) ? Math.min(100, Math.max(0, Math.round(e))) : 0;
-}
-function qe({ tone: e = "neutral" }) {
-	return /* @__PURE__ */ H("span", {
-		"aria-hidden": "true",
-		className: i("product-tone-dot--component", d.marker, {
-			"bg-muted-foreground": e === "neutral" || e === "primary",
-			"bg-success": e === "success",
-			"bg-warning": e === "warning",
-			"bg-destructive": e === "destructive",
-			"bg-info": e === "info"
-		})
-	});
-}
-//#endregion
-//#region src/components/features/products/partials/product-metric-tile.tsx
-function Je({ metric: e }) {
-	let t = "icon" in e ? e.icon : void 0;
-	return /* @__PURE__ */ U(u, {
-		gap: "dense",
-		className: "product-metric-tile--component min-w-0",
-		children: [
-			/* @__PURE__ */ U(u, {
-				direction: "horizontal",
-				gap: "sm",
-				wrap: !1,
-				children: [
-					Ge(e.tone) && /* @__PURE__ */ H(qe, { tone: e.tone }),
-					!!t && /* @__PURE__ */ H("span", {
-						className: "flex shrink-0 text-muted-foreground",
-						children: t
-					}),
-					/* @__PURE__ */ H(s, {
-						className: "truncate text-inherit",
-						children: e.label
-					})
-				]
-			}),
-			/* @__PURE__ */ H(S, {
-				type: "inherit",
-				weight: "semibold",
-				className: "tabular-nums",
-				children: e.value
-			}),
-			!!e.description && /* @__PURE__ */ H(o, {
-				size: "xs",
-				type: "secondary",
-				lineHeight: "snug",
-				children: e.description
-			})
-		]
+		className: i("product-empty-state--component", r)
 	});
 }
 //#endregion
 //#region src/components/features/products/partials/product-actions.tsx
-function Ye({ item: e, actions: t, menuLabel: n, className: r }) {
-	return t.length === 0 ? null : /* @__PURE__ */ H("div", {
+function We({ item: e, actions: t, menuLabel: n, className: r }) {
+	return t.length === 0 ? null : /* @__PURE__ */ W("div", {
 		className: i("product-row-actions--component flex justify-end", r),
-		children: /* @__PURE__ */ H(z, {
+		children: /* @__PURE__ */ W(ge, {
 			row: e,
 			actions: t,
 			menuLabel: n,
@@ -381,526 +320,111 @@ function Ye({ item: e, actions: t, menuLabel: n, className: r }) {
 	});
 }
 //#endregion
-//#region src/components/features/products/partials/product-rows.tsx
-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__ */ H(F, {
-		className: Ze,
-		children: e
-	});
-	return !t && !r ? i : /* @__PURE__ */ U(u, {
-		direction: "horizontal",
-		gap: "sm",
-		className: "product-row--heading",
-		children: [
-			i,
-			!!t && (Ge(n) ? /* @__PURE__ */ H(ee, {
-				tone: He[n],
-				children: t
-			}) : /* @__PURE__ */ H(o, {
-				tag: "span",
-				type: "secondary",
-				lineHeight: "tight",
-				children: t
-			})),
-			r
-		]
-	});
-}
-function et({ label: e, onSelect: t }) {
-	return /* @__PURE__ */ H(a, {
-		type: "button",
-		tone: "secondary",
-		buttonStyle: "ghost",
-		onClick: t,
-		children: e
-	});
+//#region src/components/features/products/components/product-options-matrix.tsx
+function Ge(e) {
+	return Ke(e) ? String(e) : "";
 }
-function tt({ metric: e, actions: t }) {
-	return /* @__PURE__ */ U(P, {
-		className: "product-structure-metric-row--component product-structure-card--item",
-		children: [
-			!!e.icon && /* @__PURE__ */ H(se, {
-				variant: "icon",
-				className: "text-muted-foreground",
-				children: e.icon
-			}),
-			/* @__PURE__ */ U(ce, {
-				className: Xe,
-				children: [/* @__PURE__ */ H(F, {
-					className: Ze,
-					children: e.label
-				}), !!e.description && /* @__PURE__ */ H(j, {
-					clamp: 2,
-					children: e.description
-				})]
-			}),
-			/* @__PURE__ */ U(M, {
-				className: "ml-auto shrink-0 gap-space-md",
-				children: [/* @__PURE__ */ H(S, {
-					type: "inherit",
-					weight: "semibold",
-					className: i("tabular-nums", e.tone && Ue[e.tone]),
-					children: e.value
-				}), t]
-			})
-		]
-	});
+function Ke(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function nt({ item: e, actionFallback: t, onSelect: n, actions: r }) {
-	let i = e.tone ?? (e.completed ? "success" : "neutral"), a = e.onSelect ?? n;
-	return /* @__PURE__ */ U(P, {
-		className: "product-readiness-row--component product-readiness-card--item",
-		children: [
-			/* @__PURE__ */ H(se, {
-				className: "product-readiness-row--state h-icon-lg",
-				children: /* @__PURE__ */ H(qe, { tone: i })
-			}),
-			/* @__PURE__ */ U(ce, {
-				className: Xe,
-				children: [/* @__PURE__ */ H($e, {
-					label: e.label,
-					value: e.value,
-					tone: e.tone
-				}), !!e.description && /* @__PURE__ */ H(j, {
-					clamp: 2,
-					children: e.description
-				})]
-			}),
-			!!(a || r) && /* @__PURE__ */ U(M, {
-				className: Qe,
-				children: [!!a && /* @__PURE__ */ H(et, {
-					label: e.actionLabel ?? t,
-					onSelect: a
-				}), r]
-			})
-		]
-	});
+function qe(e, t) {
+	let n = Ge(t.name);
+	return n ? `${e}: ${n}` : e;
 }
-function rt({ item: e, actionFallback: t, onSelect: n, actions: r }) {
-	let i = e.onSelect ?? n;
-	return /* @__PURE__ */ U(P, {
-		className: "product-operation-row--component product-operations-card--item",
-		children: [/* @__PURE__ */ U(ce, {
-			className: Xe,
-			children: [/* @__PURE__ */ H($e, {
-				label: e.label,
-				value: e.value,
-				tone: e.tone
-			}), !!e.description && /* @__PURE__ */ H(j, {
-				clamp: 2,
-				children: e.description
-			})]
-		}), !!(i || r) && /* @__PURE__ */ U(M, {
-			className: Qe,
-			children: [!!i && /* @__PURE__ */ H(et, {
-				label: e.actionLabel ?? t,
-				onSelect: i
-			}), r]
-		})]
-	});
+var Je = (e) => Ke(e) && String(e).trim() === "";
+function Ye(e) {
+	return {
+		name: e.name.trim() === "",
+		valueIds: e.values.filter((e) => Je(e.label)).map((e) => e.id)
+	};
 }
-function it({ item: e, actionLabel: t, onSelect: n, actions: r }) {
-	let i = "values" in e ? e.values : void 0;
-	return /* @__PURE__ */ U(P, {
-		className: "product-summary-row--component",
-		children: [/* @__PURE__ */ U(ce, {
-			className: Xe,
-			children: [
-				/* @__PURE__ */ H($e, {
-					label: e.label,
-					value: e.value,
-					tone: e.tone,
-					badge: e.badge
-				}),
-				!!e.description && /* @__PURE__ */ H(j, {
-					clamp: 2,
-					children: e.description
-				}),
-				!!i?.length && /* @__PURE__ */ H("div", {
-					className: "mt-space-md flex flex-wrap gap-space-xs",
-					children: i.map((e, t) => /* @__PURE__ */ H(ee, {
-						tone: "secondary",
-						children: e
-					}, t))
-				})
-			]
-		}), !!(n || r) && /* @__PURE__ */ U(M, {
-			className: Qe,
-			children: [!!n && /* @__PURE__ */ H(et, {
-				label: t,
-				onSelect: n
-			}), r]
-		})]
-	});
+function Xe(e) {
+	return {
+		name: Ge(e.name),
+		values: (e.values ?? []).map((e) => ({ ...e }))
+	};
 }
-//#endregion
-//#region src/components/features/products/components/product-contract-overview.tsx
-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(Me, b), S = e.length > 0 || t.length > 0 || n.length > 0, C = s || c || d ? /* @__PURE__ */ U("div", {
-		className: "flex items-center gap-space-md",
-		children: [
-			!!d && /* @__PURE__ */ H(a, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "ghost",
-				onClick: d,
-				icon: q,
-				children: x.createRuleLabel
-			}),
-			!!c && /* @__PURE__ */ H(a, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "ghost",
-				onClick: c,
-				children: x.editLabel
-			}),
-			!!s && /* @__PURE__ */ H(a, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "ghost",
-				onClick: s,
-				children: x.actionLabel
-			})
-		]
-	}) : void 0;
-	return /* @__PURE__ */ H(A, {
-		title: x.title,
-		description: x.description,
-		actions: g,
-		headerAction: C,
-		footerSlot: _,
-		className: i("product-contract-overview--component w-full", y),
-		children: S ? /* @__PURE__ */ U(u, {
-			gap: "2xl",
-			children: [
-				e.length > 0 && /* @__PURE__ */ H(l, {
-					columns: {
-						base: 1,
-						sm: 3
-					},
-					gap: "md",
-					children: e.map((e) => /* @__PURE__ */ H(Je, { metric: e }, e.id))
-				}),
-				t.length > 0 && /* @__PURE__ */ U(u, {
-					gap: "md",
-					children: [/* @__PURE__ */ H(o, {
-						type: "inherit",
-						weight: "semibold",
-						children: x.termsTitle
-					}), /* @__PURE__ */ H(I, {
-						adaptTo: "container",
-						items: t,
-						columns: 2,
-						density: "compact"
-					})]
-				}),
-				n.length > 0 && /* @__PURE__ */ U(u, {
-					gap: "md",
-					children: [/* @__PURE__ */ H(o, {
-						type: "inherit",
-						weight: "semibold",
-						children: x.rulesTitle
-					}), /* @__PURE__ */ H(N, { 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__ */ H(G, { className: "size-icon-md" }),
-								onClick: () => n(),
-								tone: "secondary",
-								buttonStyle: "ghost"
-							}] : [],
-							...r ? [{
-								id: "edit",
-								label: x.editRuleLabel,
-								icon: /* @__PURE__ */ H(we, { className: "size-icon-md" }),
-								onClick: () => r(),
-								tone: "secondary",
-								buttonStyle: "ghost"
-							}] : [],
-							...i ? [{
-								id: "delete",
-								label: x.deleteRuleLabel,
-								icon: /* @__PURE__ */ H(J, { className: "size-icon-md" }),
-								onClick: () => i(),
-								tone: "destructive"
-							}] : []
-						], o = h ? h(e, {
-							index: t,
-							onSelect: n,
-							onEdit: r,
-							onDelete: i
-						}) : /* @__PURE__ */ H(Ye, {
-							item: e,
-							actions: a,
-							menuLabel: x.ruleActionsLabel
-						});
-						return /* @__PURE__ */ H(it, {
-							item: e,
-							actions: o
-						}, e.id);
-					}) })]
-				})
-			]
-		}) : v ?? /* @__PURE__ */ H($, {
-			title: x.emptyTitle,
-			description: x.emptyDescription,
-			action: d ? /* @__PURE__ */ H(a, {
-				tone: "primary",
-				type: "button",
-				onClick: d,
-				icon: q,
-				children: x.createRuleLabel
-			}) : void 0
-		})
-	});
-}
-at.displayName = "ProductContractOverview";
-//#endregion
-//#region src/components/features/products/components/product-details-card.tsx
-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(je, p), h = s ? /* @__PURE__ */ H(a, {
-		type: "button",
-		tone: "secondary",
-		buttonStyle: "ghost",
-		onClick: s,
-		children: m.editLabel
-	}) : void 0;
-	return /* @__PURE__ */ H(A, {
-		title: e ?? m.title,
-		description: t === !1 ? void 0 : t ?? m.description,
-		actions: c,
-		headerAction: h,
-		headerEnd: l,
-		footerSlot: u,
-		className: i("product-details-card--component w-full", f),
-		children: n.length === 0 && !o ? d ?? /* @__PURE__ */ H($, {
-			title: m.emptyTitle,
-			description: m.emptyDescription
-		}) : /* @__PURE__ */ H("div", {
-			className: "@container/product-details",
-			children: /* @__PURE__ */ U("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__ */ H("div", {
-					className: "product-details-card--media self-start overflow-hidden rounded-radius border border-border bg-muted/30",
-					children: o
-				}), n.length > 0 && /* @__PURE__ */ H(I, {
-					adaptTo: "container",
-					items: n,
-					columns: o ? 1 : 2,
-					density: "compact",
-					className: "min-w-0 [&_.metadata-list--value]:break-words"
-				})]
-			})
-		})
-	});
-}
-ot.displayName = "ProductDetailsCard";
-//#endregion
-//#region src/components/features/products/components/product-option-action-menu.tsx
-function st({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDeleteOption: o, renderOptionActions: s, menuLabel: c, className: l, strings: u }) {
-	let d = r(Z, 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__ */ H("div", {
-		className: i("product-option-action-menu--component flex justify-end", l),
-		children: s(e, {
-			index: t,
-			onSelect: f,
-			onEdit: p,
-			onDelete: m
-		})
-	}) : /* @__PURE__ */ H(Ye, {
-		item: e,
-		menuLabel: c ?? d.actionsLabel,
-		className: i("product-option-action-menu--component", l),
-		actions: [
-			...f ? [{
-				id: "open",
-				label: d.viewLabel,
-				icon: /* @__PURE__ */ H(G, { className: "size-icon-md" }),
-				onClick: () => f(),
-				tone: "secondary",
-				buttonStyle: "ghost"
-			}] : [],
-			...p ? [{
-				id: "edit",
-				label: d.editLabel,
-				icon: /* @__PURE__ */ H(we, { className: "size-icon-md" }),
-				onClick: () => p(),
-				tone: "secondary",
-				buttonStyle: "ghost"
-			}] : [],
-			...m ? [{
-				id: "delete",
-				label: d.deleteLabel,
-				icon: /* @__PURE__ */ H(J, { className: "size-icon-md" }),
-				onClick: () => m(),
-				tone: "destructive"
-			}] : []
-		]
-	}) : null;
-}
-st.displayName = "ProductOptionActionMenu";
-//#endregion
-//#region src/components/features/products/components/product-operations-card.tsx
-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(Ae, m), g = t ? /* @__PURE__ */ H(a, {
-		type: "button",
-		tone: "secondary",
-		buttonStyle: "ghost",
-		onClick: t,
-		icon: q,
-		children: h.createLabel
-	}) : void 0;
-	return /* @__PURE__ */ H(A, {
-		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__ */ H($, {
-			title: h.emptyTitle,
-			description: h.emptyDescription,
-			action: t ? /* @__PURE__ */ H(a, {
-				tone: "primary",
-				type: "button",
-				onClick: t,
-				icon: q,
-				children: h.createLabel
-			}) : void 0
-		}) : /* @__PURE__ */ H(N, { 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__ */ H(we, { className: "size-icon-md" }),
-				onClick: () => i(),
-				tone: "secondary",
-				buttonStyle: "ghost"
-			}] : [], ...a ? [{
-				id: "delete",
-				label: h.deleteLabel,
-				icon: /* @__PURE__ */ H(J, { className: "size-icon-md" }),
-				onClick: () => a(),
-				tone: "destructive"
-			}] : []], u = c ? c(e, {
-				index: t,
-				onSelect: r,
-				onEdit: i,
-				onDelete: a
-			}) : /* @__PURE__ */ H(Ye, {
-				item: e,
-				actions: l,
-				menuLabel: h.actionsLabel
-			});
-			return d ? /* @__PURE__ */ H("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ H(rt, {
-				item: e,
-				actionFallback: h.actionLabel,
-				onSelect: r,
-				actions: u
-			}, e.id);
-		}) })
-	});
-}
-ct.displayName = "ProductOperationsCard";
-//#endregion
-//#region src/components/features/products/components/product-options-matrix.tsx
-function lt(e) {
-	return ut(e) ? String(e) : "";
-}
-function ut(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function dt(e, t) {
-	let n = lt(t.name);
-	return n ? `${e}: ${n}` : e;
-}
-function ft(e) {
-	return {
-		name: lt(e.name),
-		values: (e.values ?? []).map((e) => ({ ...e }))
-	};
-}
-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: te, onOptionNameChange: re, onValueLabelChange: ie, onDoneEditingOption: ae, onSaveEditingOption: oe, onError: se, onCancelEditingOption: j, onToggleUsedForVariants: M, renderOptionActions: N, renderValue: ce, showHeader: P, showCollapseControls: F = !0, showInlineActions: I = !0, showVariantToggle: L = !0, actions: le, headerEnd: ue, footerSlot: de, empty: fe, className: pe, strings: me }) {
-	let R = r(Ne, me), z = s !== void 0, [he, ve] = be(l), Se = z ? s : he, Ce = V(() => new Set(Se), [Se]), G = m !== void 0 || g !== void 0 || !!_ || !!re || !!ie || !!ae || !!oe || !!j, K = m !== void 0, [we, Ee] = be(g ?? null), [De, ke] = be({}), Y = ye(!1), Ae = ye(!0), [je, Me] = be(null), [X, Z] = be(null), Pe = ye(null), Fe = ye(0), Ie = ye(null), Le = B((e) => {
-		e && (e.focus(), Ie.current = null);
-	}, []), Q = je !== null;
-	_e(() => (Ae.current = !0, () => {
-		Ae.current = !1;
+var Ze = ".product-options-matrix--edit-trigger:not(:disabled), .product-options-matrix--edit-summary:not(:disabled)", Qe = "button:not(:disabled), a[href]";
+function $e({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: o, defaultCollapsedOptionIds: l = [], onCollapsedOptionIdsChange: d, editingOptionId: f, defaultEditingOptionId: v, onEditingOptionIdChange: y, onCreateOption: w, onEditOption: T, onDeleteOption: E, confirmDelete: D, onAddValue: O, onDeleteValue: te, onOptionNameChange: re, onValueLabelChange: ie, onDoneEditingOption: ae, onSaveEditingOption: oe, onError: se, onCancelEditingOption: M, onToggleUsedForVariants: ce, renderOptionActions: N, renderValue: P, showHeader: le, showCollapseControls: F = !0, showInlineActions: I = !0, showVariantToggle: L = !0, actions: ue, headerEnd: de, footerSlot: fe, empty: pe, className: me, strings: he }) {
+	let R = r(Pe, he), ge = o !== void 0, [z, K] = U(l), Se = ge ? o : z, Ce = V(() => new Set(Se), [Se]), q = f !== void 0 || v !== void 0 || !!y || !!re || !!ie || !!ae || !!oe || !!M, we = f !== void 0, [Te, Ee] = U(v ?? null), [ke, Ae] = U({}), X = H(!1), je = H(!0), [Me, Ne] = U(null), [Z, Q] = U(null), Fe = H(null), [Ie, Le] = U(null), Re = ye(), ze = H(0), Be = H(null), Ve = B((e) => {
+		e && (e.focus(), Be.current = null);
+	}, []), $ = Me !== null;
+	ve(() => (je.current = !0, () => {
+		je.current = !1;
 	}), []);
-	let Re = G ? K ? m : we : null, ze = e.length > 0, Be = t === "embedded" && P !== !1, Ve = ze && !!S, He = B((t) => {
-		z || ve(t), d?.(t, e.filter((e) => t.includes(e.id)));
+	let Je = q ? we ? f : Te : null, $e = e.length > 0, et = t === "embedded" && le !== !1, tt = $e && !!w, nt = B((t) => {
+		ge || K(t), d?.(t, e.filter((e) => t.includes(e.id)));
 	}, [
-		z,
+		ge,
 		d,
 		e
-	]), Ue = B((e) => {
-		if (Y.current) return;
+	]), rt = B((e) => {
+		if (X.current) return;
 		let t = Ce.has(e.id) ? Se.filter((t) => t !== e.id) : [...Se, e.id];
-		He(t);
+		nt(t);
 	}, [
 		Ce,
 		Se,
-		He
-	]), We = B((e, t) => {
-		G && (K || Ee(e), _?.(e, t));
+		nt
+	]), it = B((e, t) => {
+		q && (we || Ee(e), y?.(e, t));
 	}, [
-		K,
-		_,
-		G
-	]), Ge = B((e) => {
-		Y.current || (G && ut(e.name) && (Z(null), ke((t) => ({
+		we,
+		y,
+		q
+	]), at = B((e) => {
+		X.current || (q && Ke(e.name) && (Q(null), Ae((t) => ({
 			...t,
-			[e.id]: ft(e)
-		})), We(e.id, e)), C?.(e));
+			[e.id]: Xe(e)
+		})), it(e.id, e)), T?.(e));
 	}, [
-		C,
-		G,
-		We
-	]), Ke = B((e) => De[e.id] ?? ft(e), [De]), qe = B((e, t) => {
-		Y.current || ke((n) => ({
+		T,
+		q,
+		it
+	]), ot = B((e) => ke[e.id] ?? Xe(e), [ke]), st = B((e, t) => {
+		X.current || Ae((n) => ({
 			...n,
-			[e.id]: t(n[e.id] ?? ft(e))
+			[e.id]: t(n[e.id] ?? Xe(e))
 		}));
-	}, []), Je = B((e) => {
-		if (Y.current) return;
-		let t = Ke(e);
-		Z(null), ke((t) => {
+	}, []), ct = B((e) => {
+		if (X.current) return;
+		let t = ot(e);
+		Q(null), Le(null), Ae((t) => {
 			let { [e.id]: n, ...r } = t;
 			return r;
-		}), We(null, e), j?.(e, t);
+		}), it(null, e), M?.(e, t);
 	}, [
-		Ke,
-		j,
-		We
-	]), Xe = B(async (e) => {
-		if (Y.current) return !1;
-		Y.current = !0, Me(e.id), Z(null);
-		let t = Ke(e), n = e.values ?? [], r = new Set(n.map((e) => e.id)), i = new Set(t.values.map((e) => e.id));
+		ot,
+		M,
+		it
+	]), lt = B(async (e) => {
+		if (X.current) return !1;
+		X.current = !0, Ne(e.id), Q(null);
+		let t = ot(e), n = e.values ?? [], r = new Set(n.map((e) => e.id)), i = new Set(t.values.map((e) => e.id));
 		try {
 			let a = oe?.(e, t);
-			return a && await a, Ae.current ? (t.name !== lt(e.name) && re?.(e, t.name), n.forEach((n) => {
+			return a && await a, je.current ? (t.name !== Ge(e.name) && re?.(e, t.name), n.forEach((n) => {
 				let r = t.values.find((e) => e.id === n.id);
-				r && lt(n.label) !== lt(r.label) && ie?.(e, n, lt(r.label));
+				r && Ge(n.label) !== Ge(r.label) && ie?.(e, n, Ge(r.label));
 			}), t.values.forEach((t) => {
-				r.has(t.id) || E?.(e);
+				r.has(t.id) || O?.(e, t);
 			}), n.forEach((t) => {
 				i.has(t.id) || te?.(e, t);
-			}), ke((t) => {
+			}), Ae((t) => {
 				let { [e.id]: n, ...r } = t;
 				return r;
-			}), We(null, e), ae?.(e), !0) : !1;
+			}), it(null, e), ae?.(e), !0) : !1;
 		} catch (t) {
-			return Ae.current && (Z({
+			return je.current && (Q({
 				optionId: e.id,
-				message: t instanceof Error && t.message ? t.message : R.saveErrorMessage ?? Ne.saveErrorMessage
+				message: t instanceof Error && t.message ? t.message : R.saveErrorMessage ?? Pe.saveErrorMessage
 			}), se?.(t)), !1;
 		} finally {
-			Y.current = !1, Ae.current && Me(null);
+			X.current = !1, je.current && Ne(null);
 		}
 	}, [
-		Ke,
-		E,
+		ot,
+		O,
 		te,
 		ae,
 		re,
@@ -908,137 +432,200 @@ function pt({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s,
 		se,
 		ie,
 		R.saveErrorMessage,
-		We
-	]), Ze = y(), [Qe, $e] = be(null);
-	_e(() => {
-		X && !Ze.isOpen && (Pe.current?.focus(), Pe.current?.scrollIntoView?.({ block: "nearest" }));
-	}, [X, Ze.isOpen]);
-	let et = B((e) => {
-		if (Y.current) return;
-		let t = Ke(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) {
-			Xe(e);
+		it
+	]), ut = H(null), dt = H(/* @__PURE__ */ new Map()), ft = H(Je), pt = H(null), mt = H(null), ht = B(() => {
+		let e = ut.current;
+		if (!e?.isConnected) return null;
+		let t = pt.current;
+		pt.current = null;
+		let n = t ? dt.current.get(t) : void 0;
+		if (n) return n.querySelector(Ze) ?? n.querySelector(Qe);
+		let r = mt.current;
+		if (!r || dt.current.has(r.id)) return null;
+		mt.current = null;
+		let i = e.querySelectorAll(".product-options-matrix--item"), a = i[Math.min(r.index, i.length - 1)];
+		return a?.querySelector(Ze) ?? a?.querySelector(Qe) ?? e.querySelector(Qe);
+	}, []), gt = B(() => {
+		let e = ut.current;
+		if (!e?.isConnected || X.current) return;
+		let t = e.ownerDocument.activeElement;
+		if (t?.closest("[role=alertdialog]")) return;
+		let n = !t || t === e.ownerDocument.body, r = ht();
+		n && r?.focus();
+	}, [ht]), _t = B(() => X.current ? !0 : ht() ?? !0, [ht]), vt = B((t) => {
+		let n = e.findIndex((e) => e.id === t.id);
+		mt.current = n === -1 ? null : {
+			id: t.id,
+			index: n
+		};
+	}, [e]);
+	ve(() => {
+		mt.current && queueMicrotask(gt);
+	}, [e, gt]), ve(() => {
+		let e = ft.current;
+		ft.current = Je, e && e !== Je && (pt.current = e), $ || gt();
+	}, [
+		Je,
+		$,
+		gt
+	]);
+	let yt = (e) => (t) => {
+		t ? dt.current.set(e, t) : dt.current.delete(e);
+	}, bt = x(), [xt, St] = U(null);
+	ve(() => {
+		Z && !bt.isOpen && (Fe.current?.focus(), Fe.current?.scrollIntoView?.({ block: "nearest" }));
+	}, [Z, bt.isOpen]);
+	let [Ct, wt] = U(null);
+	ve(() => {
+		Ct && dt.current.get(Ct.optionId)?.querySelector("input[aria-invalid=\"true\"]")?.focus();
+	}, [Ct]);
+	let Tt = B((e) => {
+		if (X.current) return;
+		let t = ot(e), n = Ye(t);
+		if (n.name || n.valueIds.length > 0) {
+			Q(null), Le({
+				optionId: e.id,
+				...n
+			}), wt({ optionId: e.id });
 			return;
 		}
-		$e({
+		Le(null);
+		let r = new Set(t.values.map((e) => e.id)), i = (e.values ?? []).filter((e) => !r.has(e.id)).length;
+		if (D === !1 || i === 0) {
+			lt(e);
+			return;
+		}
+		St({
 			option: e,
-			removed: r
-		}), Ze.show();
+			removed: i
+		}), bt.show();
 	}, [
-		Xe,
-		T,
-		Ke,
-		Ze
-	]), tt = B((e) => {
-		Y.current || (Re === e.id && (ke((t) => {
+		lt,
+		D,
+		ot,
+		bt
+	]), Et = B((e) => {
+		X.current || (Je === e.id && (Ae((t) => {
 			let { [e.id]: n, ...r } = t;
 			return r;
-		}), We(null, e)), w?.(e));
+		}), it(null, e)), E?.(e));
 	}, [
-		w,
-		Re,
-		We
-	]), nt = y(), [rt, it] = be(null), at = B((e) => {
-		if (!Y.current) {
-			if (T === !1) {
-				tt(e);
+		E,
+		Je,
+		it
+	]), Dt = x(), [Ot, kt] = U(null), At = B((e) => {
+		if (!X.current) {
+			if (D === !1) {
+				vt(e), Et(e);
 				return;
 			}
-			it(e), nt.show();
+			kt(e), Dt.show();
 		}
 	}, [
-		T,
-		tt,
-		nt
-	]), ot = S ? /* @__PURE__ */ H(a, {
+		D,
+		Et,
+		Dt,
+		vt
+	]), jt = w ? /* @__PURE__ */ W(c, {
 		type: "button",
 		tone: "neutral",
 		onClick: () => {
-			Y.current || S();
+			X.current || w();
 		},
-		disabled: Q,
-		icon: q,
+		disabled: $,
+		icon: J,
 		children: R.createLabel
-	}) : void 0, st = Be ? /* @__PURE__ */ H("div", {
+	}) : void 0, Mt = et ? /* @__PURE__ */ W("div", {
 		className: "product-options-matrix--panel-header p-surface",
-		children: /* @__PURE__ */ U(u, {
+		children: /* @__PURE__ */ G(u, {
 			direction: "horizontal",
 			gap: "md",
 			justify: "between",
-			children: [/* @__PURE__ */ H(o, {
+			children: [/* @__PURE__ */ W(a, {
 				type: "inherit",
 				weight: "semibold",
 				children: R.title
-			}), ot]
+			}), jt]
 		})
-	}) : null, ct = /* @__PURE__ */ U("div", {
+	}) : null, Nt = /* @__PURE__ */ G("div", {
+		ref: ut,
 		className: "product-options-matrix--body min-w-0",
 		children: [
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ G("div", {
 				className: "product-options-matrix--panel overflow-hidden rounded-surface border border-border bg-background text-foreground",
-				children: [st, ze ? /* @__PURE__ */ U("div", {
-					className: i("product-options-matrix--list", Be && "border-t border-border/60"),
+				children: [Mt, $e ? /* @__PURE__ */ G("div", {
+					className: i("product-options-matrix--list", et && p.footer),
 					children: [e.map((e, t) => {
-						let n = e.values ?? [], r = Ce.has(e.id), s = G && ut(e.name), l = s && Re === e.id, d = !!C || s, m = !!w, g = !!E, _ = Ke(e), y = X?.optionId === e.id ? X : null, b = je === e.id, S = N?.(e, {
+						let n = e.values ?? [], r = Ce.has(e.id), o = q && Ke(e.name), l = o && Je === e.id, d = !!T || o, f = !!E, p = !!O, _ = ot(e), v = Z?.optionId === e.id ? Z : null, y = Ie?.optionId === e.id ? Ie : null, x = (t) => Le((n) => !n || n.optionId !== e.id ? n : t === "name" ? {
+							...n,
+							name: !1
+						} : {
+							...n,
+							valueIds: n.valueIds.filter((e) => e !== t.valueId)
+						}), S = Me === e.id, w = N?.(e, {
 							index: t,
-							onEdit: d && !Q ? () => Ge(e) : void 0,
-							onDelete: w && !Q ? () => at(e) : void 0,
-							onAddValue: E && !Q ? () => {
-								Y.current || E(e);
+							onEdit: d && !$ ? () => at(e) : void 0,
+							onDelete: E && !$ ? () => At(e) : void 0,
+							onAddValue: O && !$ ? () => {
+								X.current || O(e);
 							} : void 0,
-							onToggleCollapsed: () => Ue(e),
+							onToggleCollapsed: () => rt(e),
 							collapsed: r
-						}), T = [...g ? [{
+						}), D = [...p ? [{
 							id: "add-value",
 							label: R.addValueLabel,
-							disabled: Q,
-							icon: /* @__PURE__ */ H(q, { className: "size-icon-md" }),
+							disabled: $,
+							icon: /* @__PURE__ */ W(J, { className: "size-icon-md" }),
 							onClick: () => {
-								Y.current || E?.(e);
+								X.current || O?.(e);
 							},
 							tone: "secondary",
 							buttonStyle: "ghost"
-						}] : [], ...m ? [{
+						}] : [], ...f ? [{
 							id: "delete",
 							label: R.deleteLabel,
-							disabled: Q,
-							icon: /* @__PURE__ */ H(J, { className: "size-icon-md" }),
-							onClick: () => at(e),
+							disabled: $,
+							icon: /* @__PURE__ */ W(De, { className: "size-icon-md" }),
+							onClick: () => At(e),
 							tone: "destructive"
-						}] : []], re = I && (d || T.length > 0) ? /* @__PURE__ */ U(xe, { children: [!!d && /* @__PURE__ */ H(a, {
+						}] : []], re = I && (d || D.length > 0) ? /* @__PURE__ */ G(be, { children: [!!d && /* @__PURE__ */ W(c, {
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "ghost",
-							onClick: () => Ge(e),
-							disabled: Q,
+							onClick: () => at(e),
+							disabled: $,
+							className: "product-options-matrix--edit-trigger",
 							children: R.editLabel
-						}), /* @__PURE__ */ H(Ye, {
+						}), /* @__PURE__ */ W(We, {
 							item: e,
-							actions: T,
+							actions: D,
 							menuLabel: R.actionsLabel
-						})] }) : null, ie = S === void 0 ? re : S;
-						if (l) return /* @__PURE__ */ H("div", {
+						})] }) : null, ie = w === void 0 ? re : w;
+						if (l) return /* @__PURE__ */ W("div", {
+							ref: yt(e.id),
 							className: "product-options-matrix--item product-options-matrix--item-editing border-b border-border/60 p-surface last:border-b-0",
-							children: /* @__PURE__ */ U(u, {
+							children: /* @__PURE__ */ G(u, {
 								gap: "lg",
 								className: "product-options-matrix--editor",
-								"aria-busy": b,
+								"aria-busy": S,
 								children: [
-									y && /* @__PURE__ */ U(p, {
-										ref: Pe,
+									v && /* @__PURE__ */ G(h, {
+										ref: Fe,
 										tabIndex: -1,
 										tone: "destructive",
-										children: [/* @__PURE__ */ H(h, { children: R.saveErrorTitle ?? Ne.saveErrorTitle }), /* @__PURE__ */ H(f, { children: y.message })]
+										children: [/* @__PURE__ */ W(m, { children: R.saveErrorTitle ?? Pe.saveErrorTitle }), /* @__PURE__ */ W(g, { children: v.message })]
 									}),
-									/* @__PURE__ */ H(k, {
+									/* @__PURE__ */ W(j, {
 										label: R.optionNameLabel,
+										error: y?.name ? R.optionNameRequiredMessage ?? Pe.optionNameRequiredMessage : void 0,
 										className: "product-options-matrix--editor-field",
-										children: /* @__PURE__ */ H(O, {
+										children: /* @__PURE__ */ W(A, {
 											value: _.name,
-											disabled: Q,
+											disabled: $,
+											invalid: !!y?.name,
 											onChange: (t) => {
 												let n = t.currentTarget.value;
-												qe(e, (e) => ({
+												x("name"), st(e, (e) => ({
 													...e,
 													name: n
 												}));
@@ -1047,81 +634,93 @@ function pt({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s,
 											className: "bg-background"
 										})
 									}),
-									/* @__PURE__ */ U(u, {
+									/* @__PURE__ */ G(u, {
 										gap: "sm",
 										className: "product-options-matrix--editor-field",
-										children: [/* @__PURE__ */ H(o, {
+										children: [/* @__PURE__ */ W(a, {
 											type: "inherit",
 											weight: "medium",
 											children: R.optionValuesLabel
-										}), /* @__PURE__ */ U(u, {
+										}), /* @__PURE__ */ G(u, {
 											gap: "xs",
 											className: "product-options-matrix--editor-values",
 											children: [
-												_.values.length === 0 && /* @__PURE__ */ H(o, {
+												_.values.length === 0 && /* @__PURE__ */ W(a, {
 													size: "xs",
 													type: "secondary",
 													children: R.noValuesLabel
 												}),
-												_.values.map((t) => /* @__PURE__ */ U("div", {
-													className: "product-options-matrix--editor-value grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-space-sm",
-													children: [ut(t.label) ? /* @__PURE__ */ H(O, {
-														ref: t.id === Ie.current ? Le : void 0,
-														value: lt(t.label),
-														disabled: Q,
-														onChange: (n) => {
-															let r = n.currentTarget.value;
-															qe(e, (e) => ({
-																...e,
-																values: e.values.map((e) => e.id === t.id ? {
-																	...e,
-																	label: r
-																} : e)
-															}));
-														},
-														"aria-label": `${R.optionValuesLabel}: ${lt(t.label)}`,
-														className: "bg-background"
-													}) : /* @__PURE__ */ H("div", {
-														className: "min-w-0",
-														children: t.label
-													}), /* @__PURE__ */ U(a, {
-														type: "button",
-														size: "sm",
-														iconOnly: !0,
-														tone: "secondary",
-														buttonStyle: "ghost",
-														onClick: () => qe(e, (e) => ({
-															...e,
-															values: e.values.filter((e) => e.id !== t.id)
-														})),
-														"aria-label": R.deleteValueLabel,
-														disabled: Q,
-														className: "text-muted-foreground hover:text-destructive",
-														children: [/* @__PURE__ */ H(J, {
-															className: "size-icon-sm",
-															"aria-hidden": "true"
-														}), /* @__PURE__ */ H(o, {
-															tag: "span",
-															size: "pxs",
-															className: "sr-only",
-															children: R.deleteValueLabel
-														})]
-													})]
-												}, t.id)),
-												/* @__PURE__ */ H("div", {
+												_.values.map((t, n) => {
+													let r = !!y?.valueIds.includes(t.id), i = `${Re}-value-${n}-error`;
+													return /* @__PURE__ */ W(j, {
+														error: r ? R.optionValueRequiredMessage ?? Pe.optionValueRequiredMessage : void 0,
+														supportingTextId: i,
+														className: "product-options-matrix--editor-value-field",
+														children: /* @__PURE__ */ G("div", {
+															className: "product-options-matrix--editor-value grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-space-sm",
+															children: [Ke(t.label) ? /* @__PURE__ */ W(A, {
+																ref: t.id === Be.current ? Ve : void 0,
+																value: Ge(t.label),
+																disabled: $,
+																invalid: r,
+																"aria-describedby": r ? i : void 0,
+																onChange: (n) => {
+																	let r = n.currentTarget.value;
+																	x({ valueId: t.id }), st(e, (e) => ({
+																		...e,
+																		values: e.values.map((e) => e.id === t.id ? {
+																			...e,
+																			label: r
+																		} : e)
+																	}));
+																},
+																"aria-label": `${R.optionValuesLabel}: ${Ge(t.label)}`,
+																className: "bg-background"
+															}) : /* @__PURE__ */ W("div", {
+																className: "min-w-0",
+																children: t.label
+															}), /* @__PURE__ */ G(c, {
+																type: "button",
+																size: "sm",
+																iconOnly: !0,
+																tone: "secondary",
+																buttonStyle: "ghost",
+																onClick: () => {
+																	x({ valueId: t.id }), st(e, (e) => ({
+																		...e,
+																		values: e.values.filter((e) => e.id !== t.id)
+																	}));
+																},
+																"aria-label": R.deleteValueLabel,
+																disabled: $,
+																className: "text-muted-foreground hover:text-destructive",
+																children: [/* @__PURE__ */ W(De, {
+																	className: "size-icon-sm",
+																	"aria-hidden": "true"
+																}), /* @__PURE__ */ W(a, {
+																	tag: "span",
+																	size: "pxs",
+																	className: "sr-only",
+																	children: R.deleteValueLabel
+																})]
+															})]
+														})
+													}, t.id);
+												}),
+												/* @__PURE__ */ W("div", {
 													className: "product-options-matrix--editor-add-value min-w-0",
-													children: /* @__PURE__ */ H(a, {
+													children: /* @__PURE__ */ W(c, {
 														type: "button",
 														tone: "secondary",
 														buttonStyle: "outline",
-														disabled: Q,
+														disabled: $,
 														onClick: () => {
-															if (Y.current) return;
+															if (X.current) return;
 															let t = new Set([...e.values ?? [], ..._.values].map((e) => e.id)), n;
 															do
-																n = `${e.id}-draft-value-${++Fe.current}`;
+																n = `${e.id}-draft-value-${++ze.current}`;
 															while (t.has(n));
-															Ie.current = n, qe(e, (e) => ({
+															Be.current = n, st(e, (e) => ({
 																...e,
 																values: [...e.values, {
 																	id: n,
@@ -1137,54 +736,54 @@ function pt({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s,
 											]
 										})]
 									}),
-									/* @__PURE__ */ U(u, {
+									/* @__PURE__ */ G(u, {
 										direction: "horizontal",
 										gap: "md",
 										justify: "between",
 										wrap: !1,
 										className: "product-options-matrix--editor-actions",
-										children: [/* @__PURE__ */ H("div", { children: !!w && /* @__PURE__ */ H(a, {
+										children: [/* @__PURE__ */ W("div", { children: !!E && /* @__PURE__ */ W(c, {
 											type: "button",
 											tone: "destructive",
 											buttonStyle: "outline",
-											onClick: () => at(e),
-											disabled: Q,
+											onClick: () => At(e),
+											disabled: $,
 											children: R.deleteLabel
-										}) }), /* @__PURE__ */ U(u, {
+										}) }), /* @__PURE__ */ G(u, {
 											direction: "horizontal",
 											gap: "sm",
 											justify: "end",
 											wrap: !1,
-											children: [/* @__PURE__ */ H(a, {
+											children: [/* @__PURE__ */ W(c, {
 												type: "button",
 												tone: "secondary",
 												buttonStyle: "ghost",
-												onClick: () => Je(e),
-												disabled: Q,
+												onClick: () => ct(e),
+												disabled: $,
 												children: R.cancelLabel
-											}), /* @__PURE__ */ H(a, {
+											}), /* @__PURE__ */ W(c, {
 												type: "button",
 												tone: "neutral",
-												onClick: () => et(e),
-												disabled: Q,
-												loading: b,
+												onClick: () => Tt(e),
+												disabled: $,
+												loading: S,
 												strings: { loading: R.savingLabel },
-												children: y ? R.retrySaveLabel ?? R.saveLabel : R.saveLabel ?? R.doneLabel
+												children: v ? R.retrySaveLabel ?? R.saveLabel : R.saveLabel ?? R.doneLabel
 											})]
 										})]
 									})
 								]
 							})
 						}, e.id);
-						let A = /* @__PURE__ */ U(u, {
-							render: /* @__PURE__ */ H("span", {}),
+						let ae = /* @__PURE__ */ G(u, {
+							render: /* @__PURE__ */ W("span", {}),
 							gap: "sm",
 							children: [
-								/* @__PURE__ */ U(u, {
-									render: /* @__PURE__ */ H("span", {}),
+								/* @__PURE__ */ G(u, {
+									render: /* @__PURE__ */ W("span", {}),
 									direction: "horizontal",
 									gap: "sm",
-									children: [/* @__PURE__ */ H(o, {
+									children: [/* @__PURE__ */ W(a, {
 										type: "inherit",
 										tag: "span",
 										weight: "semibold",
@@ -1192,39 +791,39 @@ function pt({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s,
 										children: e.name
 									}), e.badge]
 								}),
-								!!e.description && /* @__PURE__ */ H(o, {
+								!!e.description && /* @__PURE__ */ W(a, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
 									className: "max-w-prose",
 									children: e.description
 								}),
-								!r && /* @__PURE__ */ H(u, {
-									render: /* @__PURE__ */ H("span", {}),
+								!r && /* @__PURE__ */ W(u, {
+									render: /* @__PURE__ */ W("span", {}),
 									gap: "sm",
 									className: "product-options-matrix--values",
-									children: n.length === 0 ? /* @__PURE__ */ H(o, {
+									children: n.length === 0 ? /* @__PURE__ */ W(a, {
 										tag: "span",
 										size: "xs",
 										type: "secondary",
 										children: R.noValuesLabel
-									}) : /* @__PURE__ */ H("span", {
+									}) : /* @__PURE__ */ W("span", {
 										className: "flex flex-wrap gap-space-xs",
 										children: n.map((n, r) => {
-											let a = te ? () => {
-												Y.current || te(e, n);
-											} : void 0, s = ce?.(n, {
+											let o = te ? () => {
+												X.current || te(e, n);
+											} : void 0, c = P?.(n, {
 												option: e,
 												optionIndex: t,
 												valueIndex: r,
-												onDelete: a
+												onDelete: o
 											});
-											return s ? /* @__PURE__ */ H(ge, { children: s }, n.id) : /* @__PURE__ */ U(ee, {
+											return c ? /* @__PURE__ */ W(_e, { children: c }, n.id) : /* @__PURE__ */ G(ee, {
 												size: "sm",
 												tone: "neutral",
 												className: i("product-options-matrix--value", n.disabled && "opacity-50"),
 												children: [
-													ut(n.label) ? /* @__PURE__ */ H(o, {
+													Ke(n.label) ? /* @__PURE__ */ W(a, {
 														type: "inherit",
 														tag: "span",
 														size: "inherit",
@@ -1232,16 +831,16 @@ function pt({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s,
 														children: n.label
 													}) : n.label,
 													n.badge,
-													!!a && I && /* @__PURE__ */ U("button", {
+													!!o && I && /* @__PURE__ */ G("button", {
 														type: "button",
-														onClick: a,
-														disabled: Q,
+														onClick: o,
+														disabled: $,
 														"aria-label": R.deleteValueLabel,
-														className: i(D.target, D.focus, c.inset, D.clear, "hover:text-destructive"),
-														children: [/* @__PURE__ */ H(Oe, {
-															className: D.icon,
+														className: i(k.target, k.focus, s.inset, k.clear, "hover:text-destructive"),
+														children: [/* @__PURE__ */ W(Oe, {
+															className: k.icon,
 															"aria-hidden": "true"
-														}), /* @__PURE__ */ H(o, {
+														}), /* @__PURE__ */ W(a, {
 															tag: "span",
 															size: "pxs",
 															className: "sr-only",
@@ -1255,59 +854,60 @@ function pt({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s,
 								})
 							]
 						});
-						return /* @__PURE__ */ H("div", {
+						return /* @__PURE__ */ W("div", {
+							ref: yt(e.id),
 							className: "product-options-matrix--item border-b border-border/60 last:border-b-0",
-							children: /* @__PURE__ */ U("div", {
+							children: /* @__PURE__ */ G("div", {
 								className: i("grid min-w-0 items-center gap-x-space-md gap-y-space-md p-surface", F ? "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: [
-									F && /* @__PURE__ */ U(a, {
+									F && /* @__PURE__ */ G(c, {
 										type: "button",
 										size: "sm",
 										iconOnly: !0,
 										tone: "secondary",
 										buttonStyle: "ghost",
-										onClick: () => Ue(e),
-										disabled: Q,
+										onClick: () => rt(e),
+										disabled: $,
 										"aria-expanded": !r,
 										"aria-label": r ? R.expandOptionLabel : R.collapseOptionLabel,
 										className: "product-options-matrix--collapse-trigger mt-space-2xs shrink-0 text-muted-foreground",
-										children: [/* @__PURE__ */ H(W, {
+										children: [/* @__PURE__ */ W(xe, {
 											className: i("size-icon-sm transition-transform", r && "-rotate-90"),
 											"aria-hidden": "true"
-										}), /* @__PURE__ */ H(o, {
+										}), /* @__PURE__ */ W(a, {
 											tag: "span",
 											size: "pxs",
 											className: "sr-only",
 											children: r ? R.expandOptionLabel : R.collapseOptionLabel
 										})]
 									}),
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ W("div", {
 										className: "product-options-matrix--item-main min-w-0",
-										children: d && !I ? /* @__PURE__ */ H("button", {
+										children: d && !I ? /* @__PURE__ */ W("button", {
 											type: "button",
-											onClick: () => Ge(e),
-											disabled: Q,
-											"aria-label": dt(R.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: A
-										}) : A
+											onClick: () => at(e),
+											disabled: $,
+											"aria-label": qe(R.editLabel, e),
+											className: `product-options-matrix--edit-summary ${C.nativeButtonReset} block w-full cursor-pointer whitespace-normal rounded-radius text-start text-inherit outline-none ${s.edge}`,
+											children: ae
+										}) : ae
 									}),
-									(!!M && L || !!ie) && /* @__PURE__ */ U("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", F ? "col-start-2" : "col-start-1", v.commands),
-										children: [!!M && L && /* @__PURE__ */ U("div", {
+									(!!ce && L || !!ie) && /* @__PURE__ */ G("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", F ? "col-start-2" : "col-start-1", b.commands),
+										children: [!!ce && L && /* @__PURE__ */ G("div", {
 											className: "inline-flex items-center gap-space-sm",
-											children: [/* @__PURE__ */ H(o, {
+											children: [/* @__PURE__ */ W(a, {
 												tag: "span",
 												id: `product-option-${e.id}-variant-toggle-label`,
 												size: "pxs",
 												type: "secondary",
 												weight: "medium",
 												children: R.useForVariantsLabel
-											}), /* @__PURE__ */ H(ne, {
+											}), /* @__PURE__ */ W(ne, {
 												checked: !!e.usedForVariants,
-												disabled: Q,
+												disabled: $,
 												onValueChange: (t) => {
-													Y.current || M(e, t);
+													X.current || ce(e, t);
 												},
 												"aria-labelledby": `product-option-${e.id}-variant-toggle-label`
 											})]
@@ -1316,121 +916,629 @@ function pt({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: s,
 								]
 							})
 						}, e.id);
-					}), !!Ve && /* @__PURE__ */ H("div", {
-						className: "product-options-matrix--create-row border-t border-border/60 p-surface-xs",
-						children: /* @__PURE__ */ H(a, {
-							type: "button",
-							tone: "secondary",
-							buttonStyle: "ghost",
-							onClick: () => {
-								Y.current || S?.();
-							},
-							disabled: Q,
-							icon: Te,
-							size: "sm",
-							fullWidth: !0,
-							className: "justify-start text-foreground",
-							children: R.addAnotherOptionLabel
-						})
-					})]
-				}) : /* @__PURE__ */ H("div", {
-					className: i(Be && "border-t border-border/60"),
-					children: fe ?? /* @__PURE__ */ H($, {
-						title: R.emptyTitle,
-						description: R.emptyDescription,
-						action: S && !Be ? /* @__PURE__ */ H(a, {
-							tone: "primary",
-							type: "button",
-							onClick: S,
-							icon: q,
-							children: R.createLabel
-						}) : void 0
-					})
+					}), !!tt && /* @__PURE__ */ W("div", {
+						className: i("product-options-matrix--create-row p-surface-xs", p.footer),
+						children: /* @__PURE__ */ W(c, {
+							type: "button",
+							tone: "secondary",
+							buttonStyle: "ghost",
+							onClick: () => {
+								X.current || w?.();
+							},
+							disabled: $,
+							icon: Y,
+							size: "sm",
+							fullWidth: !0,
+							className: "justify-start text-foreground",
+							children: R.addAnotherOptionLabel
+						})
+					})]
+				}) : /* @__PURE__ */ W("div", {
+					className: i(et && p.footer),
+					children: pe ?? /* @__PURE__ */ W(Ue, {
+						title: R.emptyTitle,
+						description: R.emptyDescription,
+						action: w && !et ? /* @__PURE__ */ W(c, {
+							tone: "primary",
+							type: "button",
+							onClick: w,
+							icon: J,
+							children: R.createLabel
+						}) : void 0
+					})
+				})]
+			}),
+			!!(D !== !1 && xt) && /* @__PURE__ */ W(S, {
+				...bt.overlayProps,
+				destructive: !0,
+				title: R.confirmRemoveValuesTitle,
+				finalFocus: _t,
+				description: n(R.confirmRemoveValuesDescription, { count: xt.removed }),
+				strings: {
+					confirm: Z?.optionId === xt.option.id ? R.retrySaveLabel : R.confirmRemoveValuesLabel,
+					cancel: R.cancelLabel,
+					loading: R.savingLabel
+				},
+				alertMessage: Z?.optionId === xt.option.id ? Z.message : void 0,
+				closeOnAsyncComplete: !1,
+				onAsyncConfirm: async () => {
+					await lt(xt.option) && bt.hide();
+				}
+			}),
+			!!(D !== !1 && E) && /* @__PURE__ */ W(S, {
+				...Dt.overlayProps,
+				destructive: !0,
+				title: R.confirmDeleteOptionTitle,
+				finalFocus: _t,
+				description: R.confirmDeleteOptionDescription,
+				strings: {
+					confirm: R.deleteLabel,
+					cancel: R.cancelLabel
+				},
+				onConfirm: () => {
+					Ot && (vt(Ot), Et(Ot));
+				}
+			})
+		]
+	});
+	return t === "embedded" ? /* @__PURE__ */ W("section", {
+		"aria-label": R.title,
+		className: i("product-options-matrix--component @container/product-options-matrix min-w-0", me),
+		children: Nt
+	}) : /* @__PURE__ */ W(_, {
+		...He(i("product-options-matrix--component @container/product-options-matrix w-full", me)),
+		title: R.title,
+		description: R.description,
+		actions: ue,
+		headerAction: jt,
+		headerEnd: de,
+		footerSlot: fe,
+		children: Nt
+	});
+}
+$e.displayName = "ProductOptionsMatrix";
+//#endregion
+//#region src/components/features/products/partials/product-tone.tsx
+var et = {
+	neutral: "secondary",
+	primary: "secondary",
+	success: "success",
+	warning: "warning",
+	destructive: "destructive",
+	info: "info"
+}, tt = {
+	neutral: void 0,
+	primary: void 0,
+	success: "text-success",
+	warning: "text-warning-accent",
+	destructive: "text-destructive",
+	info: "text-info"
+}, nt = /* @__PURE__ */ new Set([
+	"success",
+	"warning",
+	"destructive",
+	"info"
+]);
+function rt(e) {
+	return e !== void 0 && nt.has(e);
+}
+function it(e) {
+	return Number.isFinite(e) ? Math.min(100, Math.max(0, Math.round(e))) : 0;
+}
+function at({ tone: e = "neutral" }) {
+	return /* @__PURE__ */ W("span", {
+		"aria-hidden": "true",
+		className: i("product-tone-dot--component", d.marker, {
+			"bg-muted-foreground": e === "neutral" || e === "primary",
+			"bg-success": e === "success",
+			"bg-warning": e === "warning",
+			"bg-destructive": e === "destructive",
+			"bg-info": e === "info"
+		})
+	});
+}
+//#endregion
+//#region src/components/features/products/partials/product-metric-tile.tsx
+function ot({ metric: e }) {
+	let t = "icon" in e ? e.icon : void 0;
+	return /* @__PURE__ */ G(u, {
+		gap: "dense",
+		className: "product-metric-tile--component min-w-0",
+		children: [
+			/* @__PURE__ */ G(u, {
+				direction: "horizontal",
+				gap: "sm",
+				wrap: !1,
+				children: [
+					rt(e.tone) && /* @__PURE__ */ W(at, { tone: e.tone }),
+					!!t && /* @__PURE__ */ W("span", {
+						className: "flex shrink-0 text-muted-foreground",
+						children: t
+					}),
+					/* @__PURE__ */ W(o, {
+						className: "truncate text-inherit",
+						children: e.label
+					})
+				]
+			}),
+			/* @__PURE__ */ W(w, {
+				type: "inherit",
+				weight: "semibold",
+				className: "tabular-nums",
+				children: e.value
+			}),
+			!!e.description && /* @__PURE__ */ W(a, {
+				size: "xs",
+				type: "secondary",
+				lineHeight: "snug",
+				children: e.description
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/products/partials/product-rows.tsx
+var st = "min-w-0 basis-48", ct = "line-clamp-none break-words overflow-visible", lt = "ml-auto shrink-0 flex-wrap justify-end gap-space-md", ut = (e) => e != null && e !== !1 && e !== "";
+function dt({ label: e, value: t, tone: n, badge: r }) {
+	let i = /* @__PURE__ */ W(F, {
+		className: ct,
+		children: e
+	}), o = ut(t);
+	return !o && !r ? i : /* @__PURE__ */ G(u, {
+		direction: "horizontal",
+		gap: "sm",
+		className: "product-row--heading",
+		children: [
+			i,
+			o && (rt(n) ? /* @__PURE__ */ W(ee, {
+				tone: et[n],
+				children: t
+			}) : /* @__PURE__ */ W(a, {
+				tag: "span",
+				type: "secondary",
+				lineHeight: "tight",
+				children: t
+			})),
+			r
+		]
+	});
+}
+function ft({ label: e, onSelect: t }) {
+	return /* @__PURE__ */ W(c, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: t,
+		children: e
+	});
+}
+function pt({ metric: e, actions: t }) {
+	return /* @__PURE__ */ G(le, {
+		className: "product-structure-metric-row--component product-structure-card--item",
+		children: [
+			!!e.icon && /* @__PURE__ */ W(se, {
+				variant: "icon",
+				className: "text-muted-foreground",
+				children: e.icon
+			}),
+			/* @__PURE__ */ G(P, {
+				className: st,
+				children: [/* @__PURE__ */ W(F, {
+					className: ct,
+					children: e.label
+				}), !!e.description && /* @__PURE__ */ W(M, {
+					clamp: 2,
+					children: e.description
+				})]
+			}),
+			/* @__PURE__ */ G(ce, {
+				className: "ml-auto shrink-0 gap-space-md",
+				children: [/* @__PURE__ */ W(w, {
+					type: "inherit",
+					weight: "semibold",
+					className: i("tabular-nums", e.tone && tt[e.tone]),
+					children: e.value
+				}), t]
+			})
+		]
+	});
+}
+function mt({ item: e, actionFallback: t, onSelect: n, actions: r }) {
+	let i = e.tone ?? (e.completed ? "success" : "neutral"), a = e.onSelect ?? n;
+	return /* @__PURE__ */ G(le, {
+		className: "product-readiness-row--component product-readiness-card--item",
+		children: [
+			/* @__PURE__ */ W(se, {
+				className: "product-readiness-row--state h-icon-lg",
+				children: /* @__PURE__ */ W(at, { tone: i })
+			}),
+			/* @__PURE__ */ G(P, {
+				className: st,
+				children: [/* @__PURE__ */ W(dt, {
+					label: e.label,
+					value: e.value,
+					tone: e.tone
+				}), !!e.description && /* @__PURE__ */ W(M, {
+					clamp: 2,
+					children: e.description
+				})]
+			}),
+			!!(a || r) && /* @__PURE__ */ G(ce, {
+				className: lt,
+				children: [!!a && /* @__PURE__ */ W(ft, {
+					label: e.actionLabel ?? t,
+					onSelect: a
+				}), r]
+			})
+		]
+	});
+}
+function ht({ item: e, actionFallback: t, onSelect: n, actions: r }) {
+	let i = e.onSelect ?? n;
+	return /* @__PURE__ */ G(le, {
+		className: "product-operation-row--component product-operations-card--item",
+		children: [/* @__PURE__ */ G(P, {
+			className: st,
+			children: [/* @__PURE__ */ W(dt, {
+				label: e.label,
+				value: e.value,
+				tone: e.tone
+			}), !!e.description && /* @__PURE__ */ W(M, {
+				clamp: 2,
+				children: e.description
+			})]
+		}), !!(i || r) && /* @__PURE__ */ G(ce, {
+			className: lt,
+			children: [!!i && /* @__PURE__ */ W(ft, {
+				label: e.actionLabel ?? t,
+				onSelect: i
+			}), r]
+		})]
+	});
+}
+function gt({ item: e, actionLabel: t, onSelect: n, actions: r }) {
+	let i = "values" in e ? e.values : void 0;
+	return /* @__PURE__ */ G(le, {
+		className: "product-summary-row--component",
+		children: [/* @__PURE__ */ G(P, {
+			className: st,
+			children: [
+				/* @__PURE__ */ W(dt, {
+					label: e.label,
+					value: e.value,
+					tone: e.tone,
+					badge: e.badge
+				}),
+				!!e.description && /* @__PURE__ */ W(M, {
+					clamp: 2,
+					children: e.description
+				}),
+				!!i?.length && /* @__PURE__ */ W("div", {
+					className: "mt-space-md flex flex-wrap gap-space-xs",
+					children: i.map((e, t) => /* @__PURE__ */ W(ee, {
+						tone: "secondary",
+						children: e
+					}, t))
+				})
+			]
+		}), !!(n || r) && /* @__PURE__ */ G(ce, {
+			className: lt,
+			children: [!!n && /* @__PURE__ */ W(ft, {
+				label: t,
+				onSelect: n
+			}), r]
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/products/components/product-contract-overview.tsx
+function _t({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: o, onEditContract: s, onCreateRule: d, onSelectRule: f, onEditRule: p, onDeleteRule: m, renderRuleActions: h, actions: g, footerSlot: v, empty: y, className: b, strings: x }) {
+	let S = r(Me, x), C = e.length > 0 || t.length > 0 || n.length > 0, w = o || s || d ? /* @__PURE__ */ G("div", {
+		className: "flex items-center gap-space-md",
+		children: [
+			!!d && /* @__PURE__ */ W(c, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				onClick: d,
+				icon: J,
+				children: S.createRuleLabel
+			}),
+			!!s && /* @__PURE__ */ W(c, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				onClick: s,
+				children: S.editLabel
+			}),
+			!!o && /* @__PURE__ */ W(c, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				onClick: o,
+				children: S.actionLabel
+			})
+		]
+	}) : void 0;
+	return /* @__PURE__ */ W(_, {
+		...He(i("product-contract-overview--component w-full", b)),
+		title: S.title,
+		description: S.description,
+		actions: g,
+		headerAction: w,
+		footerSlot: v,
+		children: C ? /* @__PURE__ */ G(u, {
+			gap: "2xl",
+			children: [
+				e.length > 0 && /* @__PURE__ */ W(l, {
+					columns: {
+						base: 1,
+						sm: 3
+					},
+					gap: "md",
+					children: e.map((e) => /* @__PURE__ */ W(ot, { metric: e }, e.id))
+				}),
+				t.length > 0 && /* @__PURE__ */ G(u, {
+					gap: "md",
+					children: [/* @__PURE__ */ W(a, {
+						type: "inherit",
+						weight: "semibold",
+						children: S.termsTitle
+					}), /* @__PURE__ */ W(I, {
+						adaptTo: "container",
+						items: t,
+						columns: 2,
+						density: "compact"
+					})]
+				}),
+				n.length > 0 && /* @__PURE__ */ G(u, {
+					gap: "md",
+					children: [/* @__PURE__ */ W(a, {
+						type: "inherit",
+						weight: "semibold",
+						children: S.rulesTitle
+					}), /* @__PURE__ */ W(N, { 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: S.viewRuleLabel,
+								icon: /* @__PURE__ */ W(Ce, { className: "size-icon-md" }),
+								onClick: () => n(),
+								tone: "secondary",
+								buttonStyle: "ghost"
+							}] : [],
+							...r ? [{
+								id: "edit",
+								label: S.editRuleLabel,
+								icon: /* @__PURE__ */ W(we, { className: "size-icon-md" }),
+								onClick: () => r(),
+								tone: "secondary",
+								buttonStyle: "ghost"
+							}] : [],
+							...i ? [{
+								id: "delete",
+								label: S.deleteRuleLabel,
+								icon: /* @__PURE__ */ W(De, { className: "size-icon-md" }),
+								onClick: () => i(),
+								tone: "destructive"
+							}] : []
+						], o = h ? h(e, {
+							index: t,
+							onSelect: n,
+							onEdit: r,
+							onDelete: i
+						}) : /* @__PURE__ */ W(We, {
+							item: e,
+							actions: a,
+							menuLabel: S.ruleActionsLabel
+						});
+						return /* @__PURE__ */ W(gt, {
+							item: e,
+							actions: o
+						}, e.id);
+					}) })]
+				})
+			]
+		}) : y ?? /* @__PURE__ */ W(Ue, {
+			title: S.emptyTitle,
+			description: S.emptyDescription,
+			action: d ? /* @__PURE__ */ W(c, {
+				tone: "primary",
+				type: "button",
+				onClick: d,
+				icon: J,
+				children: S.createRuleLabel
+			}) : void 0
+		})
+	});
+}
+_t.displayName = "ProductContractOverview";
+//#endregion
+//#region src/components/features/products/components/product-details-card.tsx
+function vt({ title: e, description: t, metadata: n = [], media: a, onEditDetails: o, actions: s, headerEnd: l, footerSlot: u, empty: d, className: f, strings: p }) {
+	let m = r(je, p), h = o ? /* @__PURE__ */ W(c, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: o,
+		children: m.editLabel
+	}) : void 0;
+	return /* @__PURE__ */ W(_, {
+		...He(i("product-details-card--component w-full", f)),
+		title: e ?? m.title,
+		description: t === !1 ? void 0 : t ?? m.description,
+		actions: s,
+		headerAction: h,
+		headerEnd: l,
+		footerSlot: u,
+		children: n.length === 0 && !a ? d ?? /* @__PURE__ */ W(Ue, {
+			title: m.emptyTitle,
+			description: m.emptyDescription
+		}) : /* @__PURE__ */ W("div", {
+			className: "@container/product-details",
+			children: /* @__PURE__ */ G("div", {
+				className: i("grid min-w-0 grid-cols-1 gap-space-xl", a && n.length > 0 && "@xl/product-details:grid-cols-[12rem_minmax(0,1fr)]"),
+				children: [!!a && /* @__PURE__ */ W("div", {
+					className: "product-details-card--media self-start overflow-hidden rounded-radius border border-border bg-muted/30",
+					children: a
+				}), n.length > 0 && /* @__PURE__ */ W(I, {
+					adaptTo: "container",
+					items: n,
+					columns: a ? 1 : 2,
+					density: "compact",
+					className: "min-w-0 [&_.metadata-list--value]:break-words"
 				})]
-			}),
-			!!(T !== !1 && Qe) && /* @__PURE__ */ H(b, {
-				...Ze.overlayProps,
-				destructive: !0,
-				title: R.confirmRemoveValuesTitle,
-				description: n(R.confirmRemoveValuesDescription, { count: Qe.removed }),
-				strings: {
-					confirm: X?.optionId === Qe.option.id ? R.retrySaveLabel : R.confirmRemoveValuesLabel,
-					loading: R.savingLabel
-				},
-				alertMessage: X?.optionId === Qe.option.id ? X.message : void 0,
-				closeOnAsyncComplete: !1,
-				onAsyncConfirm: async () => {
-					await Xe(Qe.option) && Ze.hide();
-				}
-			}),
-			!!(T !== !1 && w) && /* @__PURE__ */ H(b, {
-				...nt.overlayProps,
-				destructive: !0,
-				title: R.confirmDeleteOptionTitle,
-				description: R.confirmDeleteOptionDescription,
-				strings: { confirm: R.deleteLabel },
-				onConfirm: () => {
-					rt && tt(rt);
-				}
 			})
-		]
+		})
 	});
-	return t === "embedded" ? /* @__PURE__ */ H("section", {
-		"aria-label": R.title,
-		className: i("product-options-matrix--component @container/product-options-matrix min-w-0", pe),
-		children: ct
-	}) : /* @__PURE__ */ H(A, {
-		title: R.title,
-		description: R.description,
-		actions: le,
-		headerAction: ot,
-		headerEnd: ue,
-		footerSlot: de,
-		className: i("product-options-matrix--component @container/product-options-matrix w-full", pe),
-		children: ct
+}
+vt.displayName = "ProductDetailsCard";
+//#endregion
+//#region src/components/features/products/components/product-operations-card.tsx
+function yt({ items: e = [], onCreateOperation: t, onSelectOperation: n, onEditOperation: a, onDeleteOperation: o, renderOperationActions: s, actions: l, footerSlot: u, renderItem: d, empty: f, className: p, strings: m }) {
+	let h = r(X, m), g = t ? /* @__PURE__ */ W(c, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: t,
+		icon: J,
+		children: h.createLabel
+	}) : void 0;
+	return /* @__PURE__ */ W(_, {
+		...He(i("product-operations-card--component w-full", p)),
+		title: h.title,
+		description: h.description,
+		actions: l,
+		headerAction: g,
+		footerSlot: u,
+		children: e.length === 0 ? f ?? /* @__PURE__ */ W(Ue, {
+			title: h.emptyTitle,
+			description: h.emptyDescription,
+			action: t ? /* @__PURE__ */ W(c, {
+				tone: "primary",
+				type: "button",
+				onClick: t,
+				icon: J,
+				children: h.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ W(N, { children: e.map((e, t) => {
+			let r = n ? () => n(e) : void 0, i = a ? () => a(e) : void 0, c = o ? () => o(e) : void 0, l = [...i ? [{
+				id: "edit",
+				label: h.editLabel,
+				icon: /* @__PURE__ */ W(we, { className: "size-icon-md" }),
+				onClick: () => i(),
+				tone: "secondary",
+				buttonStyle: "ghost"
+			}] : [], ...c ? [{
+				id: "delete",
+				label: h.deleteLabel,
+				icon: /* @__PURE__ */ W(De, { className: "size-icon-md" }),
+				onClick: () => c(),
+				tone: "destructive"
+			}] : []], u = s ? s(e, {
+				index: t,
+				onSelect: r,
+				onEdit: i,
+				onDelete: c
+			}) : /* @__PURE__ */ W(We, {
+				item: e,
+				actions: l,
+				menuLabel: h.actionsLabel
+			});
+			return d ? /* @__PURE__ */ W("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ W(ht, {
+				item: e,
+				actionFallback: h.actionLabel,
+				onSelect: r,
+				actions: u
+			}, e.id);
+		}) })
 	});
 }
-pt.displayName = "ProductOptionsMatrix";
+yt.displayName = "ProductOperationsCard";
+//#endregion
+//#region src/components/features/products/components/product-option-action-menu.tsx
+function bt({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDeleteOption: o, renderOptionActions: s, menuLabel: c, className: l, strings: u }) {
+	let d = r(Z, 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__ */ W("div", {
+		className: i("product-option-action-menu--component flex justify-end", l),
+		children: s(e, {
+			index: t,
+			onSelect: f,
+			onEdit: p,
+			onDelete: m
+		})
+	}) : /* @__PURE__ */ W(We, {
+		item: e,
+		menuLabel: c ?? d.actionsLabel,
+		className: i("product-option-action-menu--component", l),
+		actions: [
+			...f ? [{
+				id: "open",
+				label: d.viewLabel,
+				icon: /* @__PURE__ */ W(Ce, { className: "size-icon-md" }),
+				onClick: () => f(),
+				tone: "secondary",
+				buttonStyle: "ghost"
+			}] : [],
+			...p ? [{
+				id: "edit",
+				label: d.editLabel,
+				icon: /* @__PURE__ */ W(we, { className: "size-icon-md" }),
+				onClick: () => p(),
+				tone: "secondary",
+				buttonStyle: "ghost"
+			}] : [],
+			...m ? [{
+				id: "delete",
+				label: d.deleteLabel,
+				icon: /* @__PURE__ */ W(De, { className: "size-icon-md" }),
+				onClick: () => m(),
+				tone: "destructive"
+			}] : []
+		]
+	}) : null;
+}
+bt.displayName = "ProductOptionActionMenu";
 //#endregion
 //#region src/components/features/products/components/product-options-summary.tsx
-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(X, h), _ = !!(o || s || c || l), v = [...u ?? [], ...n && t ? [{
+function xt({ options: e = [], onManageOptions: t, onCreateOption: n, onSelectOption: a, onEditOption: o, onDeleteOption: s, renderOptionActions: l, actions: u, footerSlot: d, renderOption: f, empty: p, className: m, strings: h }) {
+	let g = r(Ne, h), v = !!(a || o || s || l), y = [...u ?? [], ...n && t ? [{
 		id: "manage-options",
 		label: g.manageLabel,
-		icon: /* @__PURE__ */ H(De, { className: "size-icon-md" }),
+		icon: /* @__PURE__ */ W(Ee, { className: "size-icon-md" }),
 		onClick: t
-	}] : []], y = n || t ? /* @__PURE__ */ H(a, {
+	}] : []], b = n || t ? /* @__PURE__ */ W(c, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: n ?? t,
-		icon: n ? q : void 0,
+		icon: n ? J : void 0,
 		children: n ? g.createLabel : g.manageLabel
 	}) : void 0;
-	return /* @__PURE__ */ H(A, {
+	return /* @__PURE__ */ W(_, {
+		...He(i("product-options-summary--component w-full", m)),
 		title: g.title,
 		description: g.description,
-		actions: v.length > 0 ? v : void 0,
-		headerAction: y,
+		actions: y.length > 0 ? y : void 0,
+		headerAction: b,
 		footerSlot: d,
-		className: i("product-options-summary--component w-full", m),
-		children: e.length === 0 ? p ?? /* @__PURE__ */ H($, {
+		children: e.length === 0 ? p ?? /* @__PURE__ */ W(Ue, {
 			title: g.emptyTitle,
 			description: g.emptyDescription,
-			action: n ? /* @__PURE__ */ H(a, {
+			action: n ? /* @__PURE__ */ W(c, {
 				tone: "primary",
 				type: "button",
 				onClick: n,
-				icon: q,
+				icon: J,
 				children: g.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ H(N, { children: e.map((e, t) => (() => {
-			let n = _ ? /* @__PURE__ */ H(st, {
+		}) : /* @__PURE__ */ W(N, { children: e.map((e, t) => (() => {
+			let n = v ? /* @__PURE__ */ W(bt, {
 				option: e,
 				index: t,
-				onSelectOption: o,
-				onEditOption: s,
-				onDeleteOption: c,
+				onSelectOption: a,
+				onEditOption: o,
+				onDeleteOption: s,
 				renderOptionActions: l,
 				menuLabel: g.actionsLabel,
 				strings: {
@@ -1440,67 +1548,67 @@ function mt({ options: e = [], onManageOptions: t, onCreateOption: n, onSelectOp
 					actionsLabel: g.actionsLabel
 				}
 			}) : void 0;
-			return f ? /* @__PURE__ */ H("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ H(it, {
+			return f ? /* @__PURE__ */ W("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ W(gt, {
 				item: e,
 				actions: n
 			}, e.id);
 		})()) })
 	});
 }
-mt.displayName = "ProductOptionsSummary";
+xt.displayName = "ProductOptionsSummary";
 //#endregion
 //#region src/components/features/products/components/product-policies-card.tsx
-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(Fe, m), g = t ? /* @__PURE__ */ H(a, {
+function St({ policies: e = [], onCreatePolicy: t, onSelectPolicy: n, onEditPolicy: a, onDeletePolicy: o, renderPolicyActions: s, actions: l, footerSlot: u, renderPolicy: d, empty: f, className: p, strings: m }) {
+	let h = r(Fe, m), g = t ? /* @__PURE__ */ W(c, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: t,
-		icon: q,
+		icon: J,
 		children: h.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ H(A, {
+	return /* @__PURE__ */ W(_, {
+		...He(i("product-policies-card--component w-full", p)),
 		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__ */ H($, {
+		children: e.length === 0 ? f ?? /* @__PURE__ */ W(Ue, {
 			title: h.emptyTitle,
 			description: h.emptyDescription,
-			action: t ? /* @__PURE__ */ H(a, {
+			action: t ? /* @__PURE__ */ W(c, {
 				tone: "primary",
 				type: "button",
 				onClick: t,
-				icon: q,
+				icon: J,
 				children: h.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ H(N, { 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 ? [{
+		}) : /* @__PURE__ */ W(N, { children: e.map((e, t) => (() => {
+			let r = n ? () => n(e) : void 0, i = a ? () => a(e) : void 0, c = o ? () => o(e) : void 0, l = [...i ? [{
 				id: "edit",
 				label: h.editLabel,
-				icon: /* @__PURE__ */ H(we, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ W(we, { className: "size-icon-md" }),
 				onClick: () => i(),
 				tone: "secondary",
 				buttonStyle: "ghost"
-			}] : [], ...a ? [{
+			}] : [], ...c ? [{
 				id: "delete",
 				label: h.deleteLabel,
-				icon: /* @__PURE__ */ H(J, { className: "size-icon-md" }),
-				onClick: () => a(),
+				icon: /* @__PURE__ */ W(De, { className: "size-icon-md" }),
+				onClick: () => c(),
 				tone: "destructive"
-			}] : []], u = c ? c(e, {
+			}] : []], u = s ? s(e, {
 				index: t,
 				onSelect: r,
 				onEdit: i,
-				onDelete: a
-			}) : /* @__PURE__ */ H(Ye, {
+				onDelete: c
+			}) : /* @__PURE__ */ W(We, {
 				item: e,
 				actions: l,
 				menuLabel: h.actionsLabel
 			});
-			return d ? /* @__PURE__ */ H("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ H(it, {
+			return d ? /* @__PURE__ */ W("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ W(gt, {
 				item: e,
 				actionLabel: h.viewLabel,
 				onSelect: r,
@@ -1509,69 +1617,69 @@ function ht({ policies: e = [], onCreatePolicy: t, onSelectPolicy: n, onEditPoli
 		})()) })
 	});
 }
-ht.displayName = "ProductPoliciesCard";
+St.displayName = "ProductPoliciesCard";
 //#endregion
 //#region src/components/features/products/components/product-quote-preview-card.tsx
-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(Pe, b), C = t !== void 0 || n !== void 0 || s !== void 0, w = d || l ? /* @__PURE__ */ U("div", {
+function Ct({ lines: e = [], subtotal: t, tax: n, discount: o, total: s, onOpenQuote: l, onCreateLine: d, onSelectLine: f, onEditLine: p, onDeleteLine: m, renderLineActions: h, actions: g, footerSlot: v, empty: y, className: b, strings: x }) {
+	let S = r(Q, x), C = t !== void 0 || n !== void 0 || o !== void 0, T = d || l ? /* @__PURE__ */ G("div", {
 		className: "flex items-center gap-space-md",
-		children: [!!d && /* @__PURE__ */ H(a, {
+		children: [!!d && /* @__PURE__ */ W(c, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: d,
-			icon: q,
-			children: x.createLineLabel
-		}), !!l && /* @__PURE__ */ H(a, {
+			icon: J,
+			children: S.createLineLabel
+		}), !!l && /* @__PURE__ */ W(c, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: l,
-			children: x.actionLabel
+			children: S.actionLabel
 		})]
 	}) : void 0;
-	return /* @__PURE__ */ H(A, {
-		title: x.title,
-		description: x.description,
+	return /* @__PURE__ */ W(_, {
+		...He(i("product-quote-preview-card--component w-full", b)),
+		title: S.title,
+		description: S.description,
 		actions: g,
-		headerAction: w,
-		footerSlot: _,
-		className: i("product-quote-preview-card--component w-full", y),
-		children: e.length === 0 ? v ?? /* @__PURE__ */ H($, {
-			title: x.emptyTitle,
-			description: x.emptyDescription,
-			action: d ? /* @__PURE__ */ H(a, {
+		headerAction: T,
+		footerSlot: v,
+		children: e.length === 0 ? y ?? /* @__PURE__ */ W(Ue, {
+			title: S.emptyTitle,
+			description: S.emptyDescription,
+			action: d ? /* @__PURE__ */ W(c, {
 				tone: "primary",
 				type: "button",
 				onClick: d,
-				icon: q,
-				children: x.createLineLabel
+				icon: J,
+				children: S.createLineLabel
 			}) : void 0
-		}) : /* @__PURE__ */ U(u, {
+		}) : /* @__PURE__ */ G(u, {
 			gap: "2xl",
 			className: "product-quote-preview-card--body",
-			children: [/* @__PURE__ */ H(N, { children: e.map((e, t) => {
+			children: [/* @__PURE__ */ W(N, { 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: x.viewLineLabel,
-						icon: /* @__PURE__ */ H(G, { className: "size-icon-md" }),
+						label: S.viewLineLabel,
+						icon: /* @__PURE__ */ W(Ce, { className: "size-icon-md" }),
 						onClick: () => n(),
 						tone: "secondary",
 						buttonStyle: "ghost"
 					}] : [],
 					...r ? [{
 						id: "edit",
-						label: x.editLineLabel,
-						icon: /* @__PURE__ */ H(we, { className: "size-icon-md" }),
+						label: S.editLineLabel,
+						icon: /* @__PURE__ */ W(we, { className: "size-icon-md" }),
 						onClick: () => r(),
 						tone: "secondary",
 						buttonStyle: "ghost"
 					}] : [],
 					...i ? [{
 						id: "delete",
-						label: x.deleteLineLabel,
-						icon: /* @__PURE__ */ H(J, { className: "size-icon-md" }),
+						label: S.deleteLineLabel,
+						icon: /* @__PURE__ */ W(De, { className: "size-icon-md" }),
 						onClick: () => i(),
 						tone: "destructive"
 					}] : []
@@ -1580,57 +1688,57 @@ function gt({ lines: e = [], subtotal: t, tax: n, discount: s, total: c, onOpenQ
 					onSelect: n,
 					onEdit: r,
 					onDelete: i
-				}) : /* @__PURE__ */ H(Ye, {
+				}) : /* @__PURE__ */ W(We, {
 					item: e,
 					actions: a,
-					menuLabel: x.lineActionsLabel
+					menuLabel: S.lineActionsLabel
 				});
-				return /* @__PURE__ */ U(P, {
+				return /* @__PURE__ */ G(le, {
 					className: "product-quote-preview-card--line",
-					children: [/* @__PURE__ */ U(ce, { children: [
-						/* @__PURE__ */ H(F, { children: e.label }),
-						!!e.description && /* @__PURE__ */ H(j, { children: e.description }),
-						!!e.quantity && /* @__PURE__ */ H(j, { children: e.quantity })
-					] }), /* @__PURE__ */ U(M, { children: [/* @__PURE__ */ H(S, {
+					children: [/* @__PURE__ */ G(P, { children: [
+						/* @__PURE__ */ W(F, { children: e.label }),
+						!!e.description && /* @__PURE__ */ W(M, { children: e.description }),
+						!!e.quantity && /* @__PURE__ */ W(M, { children: e.quantity })
+					] }), /* @__PURE__ */ G(ce, { children: [/* @__PURE__ */ W(w, {
 						type: "inherit",
 						className: "tabular-nums",
 						children: e.amount
 					}), o] })]
 				}, e.id);
-			}) }), /* @__PURE__ */ U(u, {
+			}) }), /* @__PURE__ */ G(u, {
 				gap: "lg",
 				className: "product-quote-preview-card--totals",
 				children: [
-					!!C && /* @__PURE__ */ U(u, {
+					!!C && /* @__PURE__ */ G(u, {
 						gap: "sm",
 						children: [
-							t !== void 0 && /* @__PURE__ */ H(me, {
-								label: x.subtotalLabel,
+							t !== void 0 && /* @__PURE__ */ W(he, {
+								label: S.subtotalLabel,
 								value: t,
 								valueClassName: "tabular-nums"
 							}),
-							n !== void 0 && /* @__PURE__ */ H(me, {
-								label: x.taxLabel,
+							n !== void 0 && /* @__PURE__ */ W(he, {
+								label: S.taxLabel,
 								value: n,
 								valueClassName: "tabular-nums"
 							}),
-							s !== void 0 && /* @__PURE__ */ H(me, {
-								label: x.discountLabel,
-								value: s,
+							o !== void 0 && /* @__PURE__ */ W(he, {
+								label: S.discountLabel,
+								value: o,
 								valueClassName: "tabular-nums text-success"
 							})
 						]
 					}),
-					!!C && /* @__PURE__ */ H(E, {}),
-					/* @__PURE__ */ H(me, {
-						label: /* @__PURE__ */ H(o, {
+					!!C && /* @__PURE__ */ W(O, {}),
+					/* @__PURE__ */ W(he, {
+						label: /* @__PURE__ */ W(a, {
 							type: "inherit",
 							tag: "span",
 							weight: "semibold",
 							lineHeight: "tight",
-							children: x.totalLabel
+							children: S.totalLabel
 						}),
-						value: c ?? "-",
+						value: s ?? "-",
 						valueClassName: "font-semibold tabular-nums"
 					})
 				]
@@ -1638,79 +1746,79 @@ function gt({ lines: e = [], subtotal: t, tax: n, discount: s, total: c, onOpenQ
 		})
 	});
 }
-gt.displayName = "ProductQuotePreviewCard";
+Ct.displayName = "ProductQuotePreviewCard";
 //#endregion
 //#region src/components/features/products/components/product-readiness-card.tsx
-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(ke, b), S = t === void 0 ? void 0 : Ke(t), C = c ? /* @__PURE__ */ H(a, {
+function wt({ items: e = [], score: t, scoreLabel: n, summary: o, onCreateReadinessItem: s, onSelectReadinessItem: l, onEditReadinessItem: d, onDeleteReadinessItem: f, renderReadinessItemActions: p, actions: m, footerSlot: h, renderItem: g, empty: y, className: b, strings: x }) {
+	let S = r(ke, x), C = t === void 0 ? void 0 : it(t), w = s ? /* @__PURE__ */ W(c, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
-		onClick: c,
-		icon: q,
-		children: x.createLabel
+		onClick: s,
+		icon: J,
+		children: S.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ U(A, {
-		title: x.title,
-		description: x.description,
+	return /* @__PURE__ */ G(_, {
+		...He(i("product-readiness-card--component w-full", b)),
+		title: S.title,
+		description: S.description,
 		actions: m,
-		headerAction: C,
+		headerAction: w,
 		footerSlot: h,
 		contentGap: "2xl",
-		className: i("product-readiness-card--component w-full", y),
-		children: [(S !== void 0 || !!s) && /* @__PURE__ */ U(u, {
+		children: [(C !== void 0 || !!o) && /* @__PURE__ */ G(u, {
 			gap: "lg",
 			className: "product-readiness-card--summary",
-			children: [S !== void 0 && /* @__PURE__ */ U(u, {
+			children: [C !== void 0 && /* @__PURE__ */ G(u, {
 				gap: "sm",
 				className: "product-readiness-card--score",
-				children: [/* @__PURE__ */ U(u, {
+				children: [/* @__PURE__ */ G(u, {
 					direction: "horizontal",
 					justify: "between",
 					gap: "lg",
-					children: [/* @__PURE__ */ H(o, {
+					children: [/* @__PURE__ */ W(a, {
 						size: "xs",
 						type: "secondary",
-						children: n ?? x.scoreLabel
-					}), /* @__PURE__ */ H(w, {
+						children: n ?? S.scoreLabel
+					}), /* @__PURE__ */ W(E, {
 						type: "inherit",
-						value: S,
+						value: C,
 						scaled: !0,
 						size: "xs",
 						weight: "semibold"
 					})]
-				}), /* @__PURE__ */ H(g, {
-					value: S,
-					"aria-label": typeof n == "string" ? n : x.progressLabel,
-					"aria-valuetext": `${S}%`,
+				}), /* @__PURE__ */ W(v, {
+					value: C,
+					"aria-label": typeof n == "string" ? n : S.progressLabel,
+					"aria-valuetext": `${C}%`,
 					size: "sm"
 				})]
-			}), !!s && /* @__PURE__ */ H(o, {
+			}), !!o && /* @__PURE__ */ W(a, {
 				type: "secondary",
-				children: s
+				children: o
 			})]
-		}), e.length === 0 ? v ?? /* @__PURE__ */ H($, {
-			title: x.emptyTitle,
-			description: x.emptyDescription,
-			action: c ? /* @__PURE__ */ H(a, {
+		}), e.length === 0 ? y ?? /* @__PURE__ */ W(Ue, {
+			title: S.emptyTitle,
+			description: S.emptyDescription,
+			action: s ? /* @__PURE__ */ W(c, {
 				tone: "primary",
 				type: "button",
-				onClick: c,
-				icon: q,
-				children: x.createLabel
+				onClick: s,
+				icon: J,
+				children: S.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ H(N, { children: e.map((e, t) => {
+		}) : /* @__PURE__ */ W(N, { 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: x.editLabel,
-				icon: /* @__PURE__ */ H(we, { className: "size-icon-md" }),
+				label: S.editLabel,
+				icon: /* @__PURE__ */ W(we, { className: "size-icon-md" }),
 				onClick: () => r(),
 				tone: "secondary",
 				buttonStyle: "ghost"
 			}] : [], ...i ? [{
 				id: "delete",
-				label: x.deleteLabel,
-				icon: /* @__PURE__ */ H(J, { className: "size-icon-md" }),
+				label: S.deleteLabel,
+				icon: /* @__PURE__ */ W(De, { className: "size-icon-md" }),
 				onClick: () => i(),
 				tone: "destructive"
 			}] : []], o = p ? p(e, {
@@ -1718,55 +1826,55 @@ function _t({ items: e = [], score: t, scoreLabel: n, summary: s, onCreateReadin
 				onSelect: n,
 				onEdit: r,
 				onDelete: i
-			}) : /* @__PURE__ */ H(Ye, {
+			}) : /* @__PURE__ */ W(We, {
 				item: e,
 				actions: a,
-				menuLabel: x.actionsLabel
+				menuLabel: S.actionsLabel
 			});
-			return _ ? /* @__PURE__ */ H("div", { children: _(e, t) }, e.id) : /* @__PURE__ */ H(nt, {
+			return g ? /* @__PURE__ */ W("div", { children: g(e, t) }, e.id) : /* @__PURE__ */ W(mt, {
 				item: e,
-				actionFallback: x.actionLabel,
+				actionFallback: S.actionLabel,
 				onSelect: n,
 				actions: o
 			}, e.id);
 		}) })]
 	});
 }
-_t.displayName = "ProductReadinessCard";
+wt.displayName = "ProductReadinessCard";
 //#endregion
 //#region src/components/features/products/components/product-structure-card.tsx
-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(Y, p), h = t ? /* @__PURE__ */ H(a, {
+function Tt({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetric: a, onDeleteMetric: o, renderMetricActions: s, actions: l, footerSlot: u, empty: d, className: f, strings: p }) {
+	let m = r(Ae, p), h = t ? /* @__PURE__ */ W(c, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: t,
-		icon: q,
+		icon: J,
 		children: m.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ H(A, {
+	return /* @__PURE__ */ W(_, {
+		...He(i("product-structure-card--component w-full", f)),
 		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__ */ H($, {
+		children: e.length === 0 ? d ?? /* @__PURE__ */ W(Ue, {
 			title: m.emptyTitle,
 			description: m.emptyDescription,
-			action: t ? /* @__PURE__ */ H(a, {
+			action: t ? /* @__PURE__ */ W(c, {
 				tone: "primary",
 				type: "button",
 				onClick: t,
-				icon: q,
+				icon: J,
 				children: m.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ H(N, { 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 = [
+		}) : /* @__PURE__ */ W(N, { children: e.map((e, t) => {
+			let r = n ? () => n(e) : void 0, i = a ? () => a(e) : void 0, c = o ? () => o(e) : void 0, l = [
 				...r ? [{
 					id: "open",
 					label: m.viewLabel,
-					icon: /* @__PURE__ */ H(G, { className: "size-icon-md" }),
+					icon: /* @__PURE__ */ W(Ce, { className: "size-icon-md" }),
 					onClick: () => r(),
 					tone: "secondary",
 					buttonStyle: "ghost"
@@ -1774,68 +1882,68 @@ function vt({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetri
 				...i ? [{
 					id: "edit",
 					label: m.editLabel,
-					icon: /* @__PURE__ */ H(we, { className: "size-icon-md" }),
+					icon: /* @__PURE__ */ W(we, { className: "size-icon-md" }),
 					onClick: () => i(),
 					tone: "secondary",
 					buttonStyle: "ghost"
 				}] : [],
-				...a ? [{
+				...c ? [{
 					id: "delete",
 					label: m.deleteLabel,
-					icon: /* @__PURE__ */ H(J, { className: "size-icon-md" }),
-					onClick: () => a(),
+					icon: /* @__PURE__ */ W(De, { className: "size-icon-md" }),
+					onClick: () => c(),
 					tone: "destructive"
 				}] : []
-			], u = c ? c(e, {
+			], u = s ? s(e, {
 				index: t,
 				onSelect: r,
 				onEdit: i,
-				onDelete: a
-			}) : /* @__PURE__ */ H(Ye, {
+				onDelete: c
+			}) : /* @__PURE__ */ W(We, {
 				item: e,
 				actions: l,
 				menuLabel: m.actionsLabel
 			});
-			return /* @__PURE__ */ H(tt, {
+			return /* @__PURE__ */ W(pt, {
 				metric: e,
 				actions: u
 			}, e.id);
 		}) })
 	});
 }
-vt.displayName = "ProductStructureCard";
+Tt.displayName = "ProductStructureCard";
 //#endregion
 //#region src/components/features/products/components/product-variants-table.tsx
-function yt({ variant: e, channelsLabel: t }) {
-	return /* @__PURE__ */ U(u, {
+function Et({ variant: e, channelsLabel: t }) {
+	return /* @__PURE__ */ G(u, {
 		gap: "xs",
 		className: "product-variants-table--variant-cell min-w-0",
-		children: [/* @__PURE__ */ U(u, {
+		children: [/* @__PURE__ */ G(u, {
 			gap: "dense",
-			children: [/* @__PURE__ */ U(u, {
+			children: [/* @__PURE__ */ G(u, {
 				direction: "horizontal",
 				gap: "sm",
-				children: [/* @__PURE__ */ H(o, {
+				children: [/* @__PURE__ */ W(a, {
 					type: "inherit",
 					weight: "semibold",
 					className: "truncate",
 					children: e.name
-				}), !!e.status && /* @__PURE__ */ H(ee, {
+				}), !!e.status && /* @__PURE__ */ W(ee, {
 					tone: e.statusTone ?? "secondary",
 					children: e.status
 				})]
-			}), !!e.description && /* @__PURE__ */ H(o, {
+			}), !!e.description && /* @__PURE__ */ W(a, {
 				size: "xs",
 				type: "secondary",
 				children: e.description
 			})]
-		}), !!(e.options?.length || e.channels) && /* @__PURE__ */ U(u, {
+		}), !!(e.options?.length || e.channels) && /* @__PURE__ */ G(u, {
 			direction: "horizontal",
 			gap: "xs",
-			children: [e.options?.map((e, t) => /* @__PURE__ */ H(ee, {
+			children: [e.options?.map((e, t) => /* @__PURE__ */ W(ee, {
 				tone: "secondary",
 				children: e
-			}, t)), !!e.channels && /* @__PURE__ */ U(o, {
+			}, t)), !!e.channels && /* @__PURE__ */ G(a, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -1848,84 +1956,85 @@ function yt({ variant: e, channelsLabel: t }) {
 		})]
 	});
 }
-function bt({ value: e, emphasis: t = !1 }) {
-	return /* @__PURE__ */ H(e ? S : C, {
-		type: e ? "inherit" : "secondary",
+function Dt({ value: e, emphasis: t = !1 }) {
+	let n = e != null && e !== !1 && e !== "";
+	return /* @__PURE__ */ W(n ? w : T, {
+		type: n ? "inherit" : "secondary",
 		weight: t ? "semibold" : void 0,
 		className: "min-w-0 tabular-nums",
-		children: e ?? "-"
+		children: n ? e : "-"
 	});
 }
-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(Ie, m), g = V(() => {
+function Ot({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: s, renderVariantActions: l, actions: u, footerSlot: d, empty: f, storageKey: p = "product-variants", className: m, strings: h }) {
+	let g = r(Ie, h), v = V(() => {
 		if (l) return;
 		let e = [
 			...n ? [{
 				id: "open",
-				label: h.viewLabel,
-				icon: /* @__PURE__ */ H(G, {
+				label: g.viewLabel,
+				icon: /* @__PURE__ */ W(Ce, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
 				onClick: n,
 				buttonStyle: "ghost"
 			}] : [],
-			...o ? [{
+			...a ? [{
 				id: "edit",
-				label: h.editLabel,
-				icon: /* @__PURE__ */ H(we, {
+				label: g.editLabel,
+				icon: /* @__PURE__ */ W(we, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
-				onClick: o,
+				onClick: a,
 				buttonStyle: "ghost"
 			}] : [],
-			...s ? [{
+			...o ? [{
 				id: "duplicate",
-				label: h.duplicateLabel,
-				icon: /* @__PURE__ */ H(Ce, {
+				label: g.duplicateLabel,
+				icon: /* @__PURE__ */ W(Se, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
-				onClick: s,
+				onClick: o,
 				buttonStyle: "ghost"
 			}] : [],
-			...c ? [{
+			...s ? [{
 				id: "delete",
-				label: h.deleteLabel,
-				icon: /* @__PURE__ */ H(J, {
+				label: g.deleteLabel,
+				icon: /* @__PURE__ */ W(De, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
-				onClick: c,
+				onClick: s,
 				tone: "destructive"
 			}] : []
 		];
 		return e.length > 0 ? e : void 0;
 	}, [
-		c,
 		s,
 		o,
+		a,
 		n,
 		l,
-		h.deleteLabel,
-		h.duplicateLabel,
-		h.editLabel,
-		h.viewLabel
-	]), _ = V(() => {
+		g.deleteLabel,
+		g.duplicateLabel,
+		g.editLabel,
+		g.viewLabel
+	]), y = V(() => {
 		let e = [
 			{
 				accessorKey: "name",
-				header: h.headers.variant,
-				cell: ({ row: e }) => /* @__PURE__ */ H(yt, {
+				header: g.headers.variant,
+				cell: ({ row: e }) => /* @__PURE__ */ W(Et, {
 					variant: e.original,
-					channelsLabel: h.headers.channels
+					channelsLabel: g.headers.channels
 				})
 			},
 			{
 				accessorKey: "price",
-				header: h.headers.price,
-				cell: ({ row: e }) => /* @__PURE__ */ H(bt, {
+				header: g.headers.price,
+				cell: ({ row: e }) => /* @__PURE__ */ W(Dt, {
 					value: e.original.price,
 					emphasis: !0
 				}),
@@ -1933,124 +2042,126 @@ function xt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 			},
 			{
 				accessorKey: "inventory",
-				header: h.headers.inventory,
-				cell: ({ row: e }) => /* @__PURE__ */ H(bt, { value: e.original.inventory })
+				header: g.headers.inventory,
+				cell: ({ row: e }) => /* @__PURE__ */ W(Dt, { value: e.original.inventory })
 			},
 			{
 				accessorKey: "sku",
-				header: h.headers.sku,
-				cell: ({ row: e }) => /* @__PURE__ */ H(bt, { value: e.original.sku })
+				header: g.headers.sku,
+				cell: ({ row: e }) => /* @__PURE__ */ W(Dt, { value: e.original.sku })
 			},
 			{
 				accessorKey: "updatedAt",
-				header: h.headers.updated,
-				cell: ({ row: e }) => /* @__PURE__ */ H(bt, { value: e.original.updatedAt })
+				header: g.headers.updated,
+				cell: ({ row: e }) => /* @__PURE__ */ W(Dt, { value: e.original.updatedAt })
 			}
 		];
 		return l && e.push({
 			id: "actions",
-			header: h.headers.actions,
+			header: g.headers.actions,
 			cell: ({ row: e }) => l(e.original, {
 				index: e.index,
 				onSelect: n ? () => n(e.original) : void 0,
-				onEdit: o ? () => o(e.original) : void 0,
-				onDuplicate: s ? () => s(e.original) : void 0,
-				onDelete: c ? () => c(e.original) : void 0
+				onEdit: a ? () => a(e.original) : void 0,
+				onDuplicate: o ? () => o(e.original) : void 0,
+				onDelete: s ? () => s(e.original) : void 0
 			}),
 			meta: { align: "end" }
 		}), e;
 	}, [
-		c,
 		s,
 		o,
+		a,
 		n,
 		l,
-		h.headers.actions,
-		h.headers.channels,
-		h.headers.inventory,
-		h.headers.price,
-		h.headers.sku,
-		h.headers.updated,
-		h.headers.variant
-	]), v = t ? /* @__PURE__ */ H(a, {
+		g.headers.actions,
+		g.headers.channels,
+		g.headers.inventory,
+		g.headers.price,
+		g.headers.sku,
+		g.headers.updated,
+		g.headers.variant
+	]), b = t ? /* @__PURE__ */ W(c, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: t,
-		icon: q,
-		children: h.createLabel
+		icon: J,
+		children: g.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ H(A, {
-		title: h.title,
-		description: h.description,
+	return /* @__PURE__ */ W(_, {
+		...He(i("product-variants-table--component w-full", m)),
+		title: g.title,
+		description: g.description,
 		actions: u,
-		headerAction: v,
+		headerAction: b,
 		footerSlot: d,
-		className: i("product-variants-table--component w-full", p),
-		children: e.length === 0 ? f ?? /* @__PURE__ */ H($, {
-			title: h.emptyTitle,
-			description: h.emptyDescription,
-			action: t ? /* @__PURE__ */ H(a, {
+		children: e.length === 0 ? f ?? /* @__PURE__ */ W(Ue, {
+			title: g.emptyTitle,
+			description: g.emptyDescription,
+			action: t ? /* @__PURE__ */ W(c, {
 				tone: "primary",
 				type: "button",
 				onClick: t,
-				icon: q,
-				children: h.createLabel
+				icon: J,
+				children: g.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ H(he, {
+		}) : /* @__PURE__ */ W(z, {
 			data: e,
-			columns: _,
+			columns: y,
 			getRowId: (e) => e.id,
 			enableColumnVisibility: !0,
 			surface: "glass",
 			size: "sm",
-			rowActions: g,
-			rowActionsMenuLabel: h.headers.actions,
+			rowActions: v,
 			rowActionsDisplayMode: "menu",
-			storageKey: "product-variants",
+			storageKey: p === !1 ? void 0 : p,
 			className: "product-variants-table--table",
 			tableContainerClassName: "max-h-none",
-			strings: { emptyState: { message: h.emptyTitle } }
+			strings: {
+				actions: { menuLabel: g.headers.actions },
+				emptyState: { message: g.emptyTitle }
+			}
 		})
 	});
 }
-xt.displayName = "ProductVariantsTable";
+Ot.displayName = "ProductVariantsTable";
 //#endregion
 //#region src/components/features/products/components/product-overview.tsx
-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(Ve, g), v = !!(o || s || c || l || d || f?.railTop || f?.railBottom);
-	return /* @__PURE__ */ U(u, {
+function kt({ 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($, g), v = !!(o || s || c || l || d || f?.railTop || f?.railBottom);
+	return /* @__PURE__ */ G(u, {
 		gap: "3xl",
 		className: i("product-overview--component @container/product-overview", p),
 		children: [
 			f?.before,
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ G("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__ */ U(u, {
-					render: /* @__PURE__ */ H("section", {}),
+				children: [/* @__PURE__ */ G(u, {
+					render: /* @__PURE__ */ W("section", {}),
 					gap: "3xl",
 					"aria-label": _.mainLabel,
 					className: i("product-overview--main", m),
 					children: [
 						f?.mainTop,
-						!!e && /* @__PURE__ */ H(ot, { ...e }),
-						!!t && /* @__PURE__ */ H(at, { ...t }),
-						!!n && /* @__PURE__ */ H(mt, { ...n }),
-						!!a && /* @__PURE__ */ H(xt, { ...a }),
+						!!e && /* @__PURE__ */ W(vt, { ...e }),
+						!!t && /* @__PURE__ */ W(_t, { ...t }),
+						!!n && /* @__PURE__ */ W(xt, { ...n }),
+						!!a && /* @__PURE__ */ W(Ot, { ...a }),
 						f?.mainBottom
 					]
-				}), !!v && /* @__PURE__ */ U(u, {
-					render: /* @__PURE__ */ H("aside", {}),
+				}), !!v && /* @__PURE__ */ G(u, {
+					render: /* @__PURE__ */ W("aside", {}),
 					gap: "3xl",
 					"aria-label": _.railLabel,
 					className: i("product-overview--rail", h),
 					children: [
 						f?.railTop,
-						!!o && /* @__PURE__ */ H(_t, { ...o }),
-						!!s && /* @__PURE__ */ H(vt, { ...s }),
-						!!c && /* @__PURE__ */ H(ct, { ...c }),
-						!!l && /* @__PURE__ */ H(gt, { ...l }),
-						!!d && /* @__PURE__ */ H(ht, { ...d }),
+						!!o && /* @__PURE__ */ W(wt, { ...o }),
+						!!s && /* @__PURE__ */ W(Tt, { ...s }),
+						!!c && /* @__PURE__ */ W(yt, { ...c }),
+						!!l && /* @__PURE__ */ W(Ct, { ...l }),
+						!!d && /* @__PURE__ */ W(St, { ...d }),
 						f?.railBottom
 					]
 				})]
@@ -2059,15 +2170,15 @@ function St({ details: e, contract: t, options: n, variants: a, readiness: o, st
 		]
 	});
 }
-St.displayName = "ProductOverview";
+kt.displayName = "ProductOverview";
 //#endregion
 //#region src/components/features/products/components/product-variant-action-menu.tsx
-function Ct(e, { onSelectVariant: t, onEditVariant: n, onDuplicateVariant: r, onDeleteVariant: i }, a) {
+function At(e, { onSelectVariant: t, onEditVariant: n, onDuplicateVariant: r, onDeleteVariant: i }, a) {
 	return [
 		...t ? [{
 			id: "open",
 			label: a.viewLabel,
-			icon: /* @__PURE__ */ H(G, { className: "size-icon-md" }),
+			icon: /* @__PURE__ */ W(Ce, { className: "size-icon-md" }),
 			onClick: () => t(e),
 			tone: "secondary",
 			buttonStyle: "ghost"
@@ -2075,7 +2186,7 @@ function Ct(e, { onSelectVariant: t, onEditVariant: n, onDuplicateVariant: r, on
 		...n ? [{
 			id: "edit",
 			label: a.editLabel,
-			icon: /* @__PURE__ */ H(we, { className: "size-icon-md" }),
+			icon: /* @__PURE__ */ W(we, { className: "size-icon-md" }),
 			onClick: () => n(e),
 			tone: "secondary",
 			buttonStyle: "ghost"
@@ -2083,7 +2194,7 @@ function Ct(e, { onSelectVariant: t, onEditVariant: n, onDuplicateVariant: r, on
 		...r ? [{
 			id: "duplicate",
 			label: a.duplicateLabel,
-			icon: /* @__PURE__ */ H(Ce, { className: "size-icon-md" }),
+			icon: /* @__PURE__ */ W(Se, { className: "size-icon-md" }),
 			onClick: () => r(e),
 			tone: "secondary",
 			buttonStyle: "ghost"
@@ -2091,15 +2202,15 @@ function Ct(e, { onSelectVariant: t, onEditVariant: n, onDuplicateVariant: r, on
 		...i ? [{
 			id: "delete",
 			label: a.deleteLabel,
-			icon: /* @__PURE__ */ H(J, { className: "size-icon-md" }),
+			icon: /* @__PURE__ */ W(De, { className: "size-icon-md" }),
 			onClick: () => i(e),
 			tone: "destructive"
 		}] : []
 	];
 }
-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(Re, 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__ */ H("div", {
+function jt({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: s, renderVariantActions: c, menuLabel: l, className: u, strings: d }) {
+	let f = r(ze, 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__ */ W("div", {
 		className: i("product-variant-action-menu--component flex justify-end", u),
 		children: c(e, {
 			index: t,
@@ -2108,11 +2219,11 @@ function wt({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, on
 			onDuplicate: h,
 			onDelete: g
 		})
-	}) : /* @__PURE__ */ H(Ye, {
+	}) : /* @__PURE__ */ W(We, {
 		item: e,
 		menuLabel: l ?? f.actionsLabel,
 		className: i("product-variant-action-menu--component", u),
-		actions: Ct(e, {
+		actions: At(e, {
 			onSelectVariant: n,
 			onEditVariant: a,
 			onDuplicateVariant: o,
@@ -2123,11 +2234,11 @@ function wt({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, on
 		}))
 	}) : null;
 }
-wt.displayName = "ProductVariantActionMenu";
+jt.displayName = "ProductVariantActionMenu";
 //#endregion
 //#region src/components/features/products/components/product-variant-details.tsx
-var Tt = (e) => e != null && e !== !1 && e !== "";
-function Et(e, t) {
+var Mt = (e) => e != null && e !== !1 && e !== "";
+function Nt(e, t) {
 	return [
 		{
 			label: t.price,
@@ -2149,227 +2260,225 @@ function Et(e, t) {
 			label: t.updated,
 			value: e.updatedAt
 		}
-	].filter((e) => Tt(e.value));
+	].filter((e) => Mt(e.value));
 }
-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(ze, w), E = e ? t ?? Et(e, T.metadata) : [], D = [...e && !b ? Ct(e, {
+function Pt({ variant: e, metadata: t, optionItems: n = [], media: o, onBack: s, onSelectVariant: l, onEditVariant: d, onDuplicateVariant: f, onDeleteVariant: p, onSelectOption: m, actions: h, headerEnd: g, footerSlot: v, empty: y, renderActions: x, renderMetadata: S, renderOption: C, className: w, strings: T }) {
+	let E = r(Be, T), D = V(() => ({
+		...ze,
+		...E.variantActions
+	}), [E.variantActions]), O = e ? t ?? Nt(e, E.metadata) : [], k = [...e && !x ? At(e, {
 		onSelectVariant: l,
 		onEditVariant: d,
 		onDuplicateVariant: f,
 		onDeleteVariant: p
-	}, Re) : [], ...h ?? []], O = !!(e && b), k = /* @__PURE__ */ U("div", {
-		className: i("product-variant-details--header-actions flex items-center", v.commands),
-		children: [!!c && /* @__PURE__ */ H(a, {
+	}, D) : [], ...h ?? []], A = !!(e && x), j = /* @__PURE__ */ G("div", {
+		className: i("product-variant-details--header-actions flex items-center", b.commands),
+		children: [!!s && /* @__PURE__ */ W(c, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
-			onClick: c,
-			icon: Se,
-			children: T.backLabel
-		}), !!O && e && /* @__PURE__ */ H(wt, {
+			onClick: s,
+			icon: K,
+			children: E.backLabel
+		}), !!A && e && /* @__PURE__ */ W(jt, {
 			variant: e,
 			onSelectVariant: l,
 			onEditVariant: d,
 			onDuplicateVariant: f,
 			onDeleteVariant: p,
-			renderVariantActions: b
+			renderVariantActions: x,
+			strings: D
 		})]
 	}), te = e?.options ?? [];
-	return /* @__PURE__ */ H(A, {
-		title: e?.name ?? T.title,
-		titleSuffix: e?.status ? /* @__PURE__ */ H(ee, {
+	return /* @__PURE__ */ W(_, {
+		...He(i("product-variant-details--component w-full", w)),
+		title: e?.name ?? E.title,
+		titleSuffix: e?.status ? /* @__PURE__ */ W(ee, {
 			tone: e.statusTone ?? "secondary",
 			children: e.status
 		}) : void 0,
-		description: e?.description ?? T.description,
-		actions: D.length ? D : void 0,
-		headerAction: c || O ? k : void 0,
+		description: e?.description ?? E.description,
+		actions: k.length ? k : void 0,
+		headerAction: s || A ? j : void 0,
 		headerEnd: g,
-		footerSlot: _,
-		className: i("product-variant-details--component w-full", C),
-		children: e ? /* @__PURE__ */ U(u, {
+		footerSlot: v,
+		children: e ? /* @__PURE__ */ G(u, {
 			gap: "2xl",
 			className: "product-variant-details--body",
 			children: [
-				!!s && /* @__PURE__ */ H("div", {
+				!!o && /* @__PURE__ */ W("div", {
 					className: "product-variant-details--media overflow-hidden rounded-radius border border-border bg-muted/30",
-					children: s
+					children: o
 				}),
-				x ? x(e) : E.some(Boolean) && /* @__PURE__ */ U(u, {
+				S ? S(e) : O.some(Boolean) && /* @__PURE__ */ G(u, {
 					gap: "md",
 					className: "product-variant-details--facts",
-					children: [/* @__PURE__ */ H(o, {
+					children: [/* @__PURE__ */ W(a, {
 						type: "inherit",
 						weight: "semibold",
-						children: T.factsTitle
-					}), /* @__PURE__ */ H(I, {
+						children: E.factsTitle
+					}), /* @__PURE__ */ W(I, {
 						adaptTo: "container",
-						items: E,
+						items: O,
 						columns: 3,
 						density: "compact",
 						className: "product-variant-details--metadata"
 					})]
 				}),
-				!!te.length && /* @__PURE__ */ U(u, {
+				!!te.length && /* @__PURE__ */ G(u, {
 					gap: "md",
 					className: "product-variant-details--selected-options",
-					children: [/* @__PURE__ */ H(o, {
+					children: [/* @__PURE__ */ W(a, {
 						type: "inherit",
 						weight: "semibold",
-						children: T.selectedOptionsTitle
-					}), /* @__PURE__ */ H("div", {
+						children: E.selectedOptionsTitle
+					}), /* @__PURE__ */ W("div", {
 						className: "flex flex-wrap gap-space-sm",
-						children: te.map((e, t) => /* @__PURE__ */ H(ee, {
+						children: te.map((e, t) => /* @__PURE__ */ W(ee, {
 							tone: "secondary",
 							children: e
 						}, t))
 					})]
 				}),
-				!!n.length && /* @__PURE__ */ U(u, {
+				!!n.length && /* @__PURE__ */ G(u, {
 					gap: "md",
 					className: "product-variant-details--related-options",
-					children: [/* @__PURE__ */ H(o, {
+					children: [/* @__PURE__ */ W(a, {
 						type: "inherit",
 						weight: "semibold",
-						children: T.relatedOptionsTitle
-					}), /* @__PURE__ */ H(N, { children: n.map((e, t) => S ? /* @__PURE__ */ H("div", { children: S(e, t) }, e.id) : /* @__PURE__ */ H(it, {
+						children: E.relatedOptionsTitle
+					}), /* @__PURE__ */ W(N, { children: n.map((e, t) => C ? /* @__PURE__ */ W("div", { children: C(e, t) }, e.id) : /* @__PURE__ */ W(gt, {
 						item: e,
-						actionLabel: T.viewOptionLabel,
+						actionLabel: E.viewOptionLabel,
 						onSelect: m ? () => m(e) : void 0
 					}, e.id)) })]
 				})
 			]
-		}) : y ?? /* @__PURE__ */ H($, {
-			title: T.emptyTitle,
-			description: T.emptyDescription
+		}) : y ?? /* @__PURE__ */ W(Ue, {
+			title: E.emptyTitle,
+			description: E.emptyDescription
 		})
 	});
 }
-Dt.displayName = "ProductVariantDetails";
+Pt.displayName = "ProductVariantDetails";
 //#endregion
 //#region src/components/features/products/components/product-variant-editor.tsx
-var Ot = (e) => e.map((e) => ({
+var Ft = (e) => e.map((e) => ({
 	value: e.value,
 	label: e.label,
 	disabled: e.disabled
 }));
-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: y, formId: b, showHeader: x = !0, children: S, disabled: C = !1, submitting: w = !1, className: ee, strings: T }) {
-	let E = r(Be, T), D = ve(), ne = b ?? D, ie = e !== void 0, [ae, oe] = be(t ?? {}), [se, j] = be(!1), M = (ie ? e : ae) ?? {}, N = M.options, ce = n.filter((e) => e.value !== void 0 && (!N || !Object.hasOwn(N, e.id))), P = ce.length > 0 ? {
-		...M,
-		options: {
-			...N,
-			...Object.fromEntries(ce.map((e) => [e.id, e.value]))
-		}
-	} : M, F = w || se, I = C || F, L = (e) => _?.[e] !== !1, le = L("name") || L("sku") || L("description"), ue = L("price") || L("inventory") || L("status") || L("channels"), de = (e) => {
-		ie || oe(e), c?.(e);
-	}, fe = (e, t) => {
-		de({
-			...P,
+function It({ value: e, defaultValue: t, optionFields: n = [], statusOptions: o = [], onValueChange: s, onSubmit: l, onError: d, onCancel: f, onDelete: p, actions: m, headerEnd: h, footerSlot: g, visibleFields: v, errors: y, formId: x, showHeader: S = !0, children: C, disabled: w = !1, submitting: T = !1, className: E, strings: ee }) {
+	let D = r(Ve, ee), O = ye(), k = x ?? O, ne = e !== void 0, [ie, ae] = U(t ?? {}), [oe, se] = U(!1), M = (ne ? e : ie) ?? {}, ce = T || oe, N = w || ce, P = (e) => v?.[e] !== !1, le = P("name") || P("sku") || P("description"), F = P("price") || P("inventory") || P("status") || P("channels"), I = (e) => {
+		ne || ae(e), s?.(e);
+	}, L = (e, t) => {
+		I({
+			...M,
 			[e]: t
 		});
-	}, pe = (e, t) => {
-		de({
-			...P,
+	}, ue = (e, t) => {
+		I({
+			...M,
 			options: {
-				...P.options,
+				...M.options,
 				[e.id]: t
 			}
 		});
-	}, me = async (e) => {
-		if (e.preventDefault(), l && !F) {
-			j(!0);
+	}, de = async (e) => {
+		if (e.preventDefault(), l && !ce) {
+			se(!0);
 			try {
-				await l(P);
+				await l(M);
 			} catch (e) {
 				d?.(e);
 			} finally {
-				j(!1);
+				se(!1);
 			}
 		}
-	}, R = /* @__PURE__ */ U("div", {
+	}, fe = /* @__PURE__ */ G("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__ */ H("div", { children: !!p && /* @__PURE__ */ H(a, {
+		children: [/* @__PURE__ */ W("div", { children: !!p && /* @__PURE__ */ W(c, {
 			type: "button",
 			tone: "destructive",
 			buttonStyle: "ghost",
-			onClick: () => p(P),
-			disabled: I,
-			children: E.deleteLabel
-		}) }), /* @__PURE__ */ U("div", {
+			onClick: () => p(M),
+			disabled: N,
+			children: D.deleteLabel
+		}) }), /* @__PURE__ */ G("div", {
 			className: "flex flex-col-reverse gap-space-md @sm/product-variant-editor:flex-row @sm/product-variant-editor:justify-end",
-			children: [!!f && /* @__PURE__ */ H(a, {
+			children: [!!f && /* @__PURE__ */ W(c, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				onClick: f,
-				disabled: I,
-				children: E.cancelLabel
-			}), !!l && /* @__PURE__ */ H(a, {
+				disabled: N,
+				children: D.cancelLabel
+			}), !!l && /* @__PURE__ */ W(c, {
 				tone: "primary",
 				type: "submit",
-				form: ne,
-				disabled: I,
-				children: F ? E.savingLabel : E.saveLabel
+				form: k,
+				disabled: N,
+				children: ce ? D.savingLabel : D.saveLabel
 			})]
 		})]
-	}), z = !!(p || f || l);
-	return /* @__PURE__ */ H(A, {
-		title: x ? E.title : void 0,
-		description: x ? E.description : void 0,
+	}), pe = !!(p || f || l);
+	return /* @__PURE__ */ W(_, {
+		...He(i("product-variant-editor--component @container/product-variant-editor w-full", E)),
+		title: S ? D.title : void 0,
+		description: S ? D.description : void 0,
 		actions: m,
 		headerEnd: h,
 		footerSlot: g,
-		className: i("product-variant-editor--component @container/product-variant-editor w-full", ee),
-		children: /* @__PURE__ */ U(u, {
-			render: /* @__PURE__ */ H("form", {
-				id: ne,
-				onSubmit: me
+		children: /* @__PURE__ */ G(u, {
+			render: /* @__PURE__ */ W("form", {
+				id: k,
+				onSubmit: de
 			}),
 			gap: "2xl",
 			className: "product-variant-editor--form",
 			children: [
-				le && /* @__PURE__ */ U("section", {
-					className: i("product-variant-editor--section grid", v.related),
-					children: [/* @__PURE__ */ H(o, {
+				le && /* @__PURE__ */ G("section", {
+					className: i("product-variant-editor--section grid", b.related),
+					children: [/* @__PURE__ */ W(a, {
 						type: "inherit",
 						weight: "semibold",
-						children: E.identityTitle
-					}), /* @__PURE__ */ U("div", {
-						className: i("grid @sm/product-variant-editor:grid-cols-2", v.related),
+						children: D.identityTitle
+					}), /* @__PURE__ */ G("div", {
+						className: i("grid @sm/product-variant-editor:grid-cols-2", b.related),
 						children: [
-							L("name") && /* @__PURE__ */ H(k, {
-								label: E.fields.name,
+							P("name") && /* @__PURE__ */ W(j, {
+								label: D.fields.name,
 								error: y?.name,
 								required: !0,
-								children: /* @__PURE__ */ H(O, {
-									value: P.name ?? "",
-									onChange: (e) => fe("name", e.target.value),
+								children: /* @__PURE__ */ W(A, {
+									value: M.name ?? "",
+									onChange: (e) => L("name", e.target.value),
 									invalid: !!y?.name,
-									placeholder: E.placeholders.name,
-									disabled: I
+									placeholder: D.placeholders.name,
+									disabled: N
 								})
 							}),
-							L("sku") && /* @__PURE__ */ H(k, {
-								label: E.fields.sku,
+							P("sku") && /* @__PURE__ */ W(j, {
+								label: D.fields.sku,
 								error: y?.sku,
-								children: /* @__PURE__ */ H(O, {
-									value: P.sku ?? "",
-									onChange: (e) => fe("sku", e.target.value),
+								children: /* @__PURE__ */ W(A, {
+									value: M.sku ?? "",
+									onChange: (e) => L("sku", e.target.value),
 									invalid: !!y?.sku,
-									placeholder: E.placeholders.sku,
-									disabled: I
+									placeholder: D.placeholders.sku,
+									disabled: N
 								})
 							}),
-							L("description") && /* @__PURE__ */ H(k, {
-								label: E.fields.description,
+							P("description") && /* @__PURE__ */ W(j, {
+								label: D.fields.description,
 								error: y?.description,
 								className: "@sm/product-variant-editor:col-span-2",
-								children: /* @__PURE__ */ H(te, {
-									value: P.description ?? "",
-									onChange: (e) => fe("description", e.target.value),
+								children: /* @__PURE__ */ W(te, {
+									value: M.description ?? "",
+									onChange: (e) => L("description", e.target.value),
 									invalid: !!y?.description,
-									placeholder: E.placeholders.description,
-									disabled: I,
+									placeholder: D.placeholders.description,
+									disabled: N,
 									autoResize: !0,
 									minRows: 2
 								})
@@ -2377,154 +2486,163 @@ function kt({ value: e, defaultValue: t, optionFields: n = [], statusOptions: s
 						]
 					})]
 				}),
-				ue && /* @__PURE__ */ U("section", {
-					className: i("product-variant-editor--section grid", v.related),
-					children: [/* @__PURE__ */ H(o, {
+				F && /* @__PURE__ */ G("section", {
+					className: i("product-variant-editor--section grid", b.related),
+					children: [/* @__PURE__ */ W(a, {
 						type: "inherit",
 						weight: "semibold",
-						children: E.commercialTitle
-					}), /* @__PURE__ */ U("div", {
-						className: i("grid @sm/product-variant-editor:grid-cols-2", v.related),
+						children: D.commercialTitle
+					}), /* @__PURE__ */ G("div", {
+						className: i("grid @sm/product-variant-editor:grid-cols-2", b.related),
 						children: [
-							L("price") && /* @__PURE__ */ H(k, {
-								label: E.fields.price,
+							P("price") && /* @__PURE__ */ W(j, {
+								label: D.fields.price,
 								error: y?.price,
-								children: /* @__PURE__ */ H(O, {
-									value: P.price ?? "",
-									onChange: (e) => fe("price", e.target.value),
+								children: /* @__PURE__ */ W(A, {
+									value: M.price ?? "",
+									onChange: (e) => L("price", e.target.value),
 									invalid: !!y?.price,
-									placeholder: E.placeholders.price,
-									disabled: I
+									placeholder: D.placeholders.price,
+									disabled: N
 								})
 							}),
-							L("inventory") && /* @__PURE__ */ H(k, {
-								label: E.fields.inventory,
+							P("inventory") && /* @__PURE__ */ W(j, {
+								label: D.fields.inventory,
 								error: y?.inventory,
-								children: /* @__PURE__ */ H(O, {
-									value: P.inventory ?? "",
-									onChange: (e) => fe("inventory", e.target.value),
+								children: /* @__PURE__ */ W(A, {
+									value: M.inventory ?? "",
+									onChange: (e) => L("inventory", e.target.value),
 									invalid: !!y?.inventory,
-									placeholder: E.placeholders.inventory,
-									disabled: I,
+									placeholder: D.placeholders.inventory,
+									disabled: N,
 									inputMode: "numeric"
 								})
 							}),
-							L("status") && /* @__PURE__ */ H(k, {
-								label: E.fields.status,
+							P("status") && /* @__PURE__ */ W(j, {
+								label: D.fields.status,
 								error: y?.status,
-								children: s.length > 0 ? /* @__PURE__ */ H(re, {
-									options: Ot(s),
-									value: P.status ?? null,
-									onValueChange: (e) => fe("status", e ?? ""),
+								children: o.length > 0 ? /* @__PURE__ */ W(re, {
+									options: Ft(o),
+									value: M.status ?? null,
+									onValueChange: (e) => L("status", e ?? ""),
 									invalid: !!y?.status,
-									placeholder: E.statusPlaceholder,
-									disabled: I,
-									"aria-label": E.fields.status
-								}) : /* @__PURE__ */ H(O, {
-									value: P.status ?? "",
-									onChange: (e) => fe("status", e.target.value),
+									placeholder: D.statusPlaceholder,
+									disabled: N,
+									"aria-label": D.fields.status
+								}) : /* @__PURE__ */ W(A, {
+									value: M.status ?? "",
+									onChange: (e) => L("status", e.target.value),
 									invalid: !!y?.status,
-									placeholder: E.placeholders.status,
-									disabled: I
+									placeholder: D.placeholders.status,
+									disabled: N
 								})
 							}),
-							L("channels") && /* @__PURE__ */ H(k, {
-								label: E.fields.channels,
+							P("channels") && /* @__PURE__ */ W(j, {
+								label: D.fields.channels,
 								error: y?.channels,
-								children: /* @__PURE__ */ H(O, {
-									value: P.channels ?? "",
-									onChange: (e) => fe("channels", e.target.value),
+								children: /* @__PURE__ */ W(A, {
+									value: M.channels ?? "",
+									onChange: (e) => L("channels", e.target.value),
 									invalid: !!y?.channels,
-									placeholder: E.placeholders.channels,
-									disabled: I
+									placeholder: D.placeholders.channels,
+									disabled: N
 								})
 							})
 						]
 					})]
 				}),
-				!!n.length && /* @__PURE__ */ U("section", {
-					className: i("product-variant-editor--section grid", v.related),
-					children: [/* @__PURE__ */ H(o, {
+				!!n.length && /* @__PURE__ */ G("section", {
+					className: i("product-variant-editor--section grid", b.related),
+					children: [/* @__PURE__ */ W(a, {
 						type: "inherit",
 						weight: "semibold",
-						children: E.optionsTitle
-					}), /* @__PURE__ */ H("div", {
-						className: i("grid @sm/product-variant-editor:grid-cols-2", v.related),
+						children: D.optionsTitle
+					}), /* @__PURE__ */ W("div", {
+						className: i("grid @sm/product-variant-editor:grid-cols-2", b.related),
 						children: n.map((e) => {
-							let t = P.options?.[e.id] ?? "", n = !!e.choices?.length;
-							return /* @__PURE__ */ H(k, {
+							let t = M.options?.[e.id] ?? "", n = !!e.choices?.length;
+							return /* @__PURE__ */ W(j, {
 								label: e.label,
 								helperText: e.helperText,
-								children: n ? /* @__PURE__ */ H(re, {
-									options: Ot(e.choices ?? []),
+								children: n ? /* @__PURE__ */ W(re, {
+									options: Ft(e.choices ?? []),
 									value: t || null,
-									onValueChange: (t) => pe(e, t),
-									placeholder: e.placeholder ?? E.optionPlaceholder,
-									disabled: I,
+									onValueChange: (t) => ue(e, t),
+									placeholder: e.placeholder ?? D.optionPlaceholder,
+									disabled: N,
 									"aria-label": e.label
-								}) : /* @__PURE__ */ H(O, {
+								}) : /* @__PURE__ */ W(A, {
 									value: t,
-									onChange: (t) => pe(e, t.target.value),
-									placeholder: e.placeholder ?? E.optionPlaceholder,
-									disabled: I
+									onChange: (t) => ue(e, t.target.value),
+									placeholder: e.placeholder ?? D.optionPlaceholder,
+									disabled: N
 								})
 							}, e.id);
 						})
 					})]
 				}),
-				S,
-				g == null && z && R
+				C,
+				g == null && pe && fe
 			]
 		})
 	});
 }
-kt.displayName = "ProductVariantEditor";
+It.displayName = "ProductVariantEditor";
 //#endregion
 //#region src/components/features/products/components/product-variants-bulk-table.tsx
-var At = [
+var Lt = [
 	"variant",
 	"sku",
 	"price",
 	"inventory",
 	"status"
-], jt = "text", Mt = "text", Nt = "multiple";
-function Pt(e) {
+], Rt = "text", zt = "text", Bt = "multiple";
+function Vt(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
-function Ft(e, t) {
+function Ht(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 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 Ut(e, t) {
+	return e.name !== void 0 && e.name !== null && e.name !== "" ? e.name : t.filter((e) => e.usedForVariants !== !1).map((t) => Ht(e, t)).filter((e) => e != null && e !== "").map((e) => Vt(e)).filter(Boolean).join(" / ") || "-";
+}
+function Wt(e, t) {
+	return t.filter((e) => e.usedForVariants !== !1).map((t) => Ht(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 Gt(e) {
+	return e.map(Vt).filter(Boolean).join(" / ");
 }
-function Rt(e) {
-	return e.map(Pt).filter(Boolean).join(" / ");
+function Kt(e, t) {
+	return Vt(Ht(e, t)) || "-";
 }
-function zt(e, t) {
-	return Pt(Ft(e, t)) || "-";
+function qt(e, t) {
+	let n = Vt(e.optionValues?.[t.id]);
+	if (n) {
+		let e = t.values?.find((e) => Vt(e.label) === n);
+		return e ? `id:${e.id}` : `label:${n}`;
+	}
+	let r = e.optionValueIds?.[t.id];
+	return r !== void 0 && t.values?.some((e) => e.id === r) ? `id:${r}` : "none";
 }
-function Bt(e, t) {
+function Jt(e, t) {
 	return e.map((e) => t.get(e)).filter((e) => !!e);
 }
-function Vt(e) {
+function Yt(e) {
 	return e == null || e === "" ? "-" : e;
 }
-function Ht(e) {
+function Xt(e) {
 	return e != null && e !== "";
 }
-function Ut(e) {
+function Zt(e) {
 	return e === "sku" || e === "price" || e === "inventory";
 }
-function Wt(e, t) {
-	return e === "text" || e === "field" ? e : e[t] ?? Mt;
+function Qt(e, t) {
+	return e === "text" || e === "field" ? e : e[t] ?? zt;
 }
-function Gt(e, t, n, r) {
+function $t(e, t, n, r) {
 	return {
 		index: e,
 		field: t,
@@ -2532,387 +2650,355 @@ function Gt(e, t, n, r) {
 		value: r
 	};
 }
-function Kt(e, t, n, r, a, o = "whitespace-normal break-words") {
-	let s = Pt(e);
-	if (n === "field") {
-		let e = !!r;
-		return /* @__PURE__ */ H(O, {
-			readOnly: !e,
-			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 field-sizing-content bg-background px-control shadow-xs", !e && "text-muted-foreground")
-		});
-	}
-	let c = Ht(e) ? S : C;
-	return /* @__PURE__ */ H(c, {
+function en({ value: e, label: t, onValueChange: n, onBlur: r }) {
+	let [a, o] = U(null), s = !!(n || r), c = !n && !!r;
+	return /* @__PURE__ */ W(A, {
+		readOnly: !s,
+		value: c ? a ?? e : e,
+		onChange: s ? (e) => {
+			let t = e.currentTarget.value;
+			c && o(t), n?.(t);
+		} : void 0,
+		onBlur: r ? (e) => {
+			r(e.currentTarget.value), o(null);
+		} : void 0,
+		"aria-label": t,
+		className: i("h-control-lg w-full min-w-24 field-sizing-content bg-background px-control shadow-xs", !s && "text-muted-foreground")
+	});
+}
+function tn(e, t, n, r, a, o = "whitespace-normal break-words") {
+	let s = Vt(e);
+	if (n === "field") return /* @__PURE__ */ W(en, {
+		value: s,
+		label: t,
+		onValueChange: r,
+		onBlur: a
+	});
+	let c = Xt(e) ? w : T;
+	return /* @__PURE__ */ W(c, {
 		className: i("min-w-0 tabular-nums", o),
-		children: Vt(e)
+		children: Yt(e)
 	});
 }
-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: te, renderVariantActions: ne, renderBulkActions: re, actions: ae, headerEnd: oe, footerSlot: se, empty: j, surface: M = "card", className: N, strings: ce }) {
-	let P = r(Le, ce), F = h !== void 0, [I, me] = be(g), R = !!(re || O || k || te), z = (f ?? (R || F || v ? Nt : "none")) === "multiple", he = V(() => z ? F ? h : I : [], [
-		I,
+function nn({ variants: e = [], optionGroups: t = [], groupByOptionId: n, visibleColumns: s = Lt, optionCombinationDisplay: l = Rt, cellDisplay: d = zt, selectionMode: p, renderOptionCombination: m, renderCell: h, selectedVariantIds: g, defaultSelectedVariantIds: v = [], onSelectedVariantIdsChange: b, onVariantFieldChange: x, onVariantFieldBlur: S, onCreateVariant: w, onGenerateVariants: T, onSelectVariant: E, onEditVariant: O, onDuplicateVariant: k, onDeleteVariant: A, onBulkEdit: j, onBulkApply: te, onBulkDelete: ne, renderVariantActions: re, renderBulkActions: ae, actions: oe, headerEnd: se, footerSlot: M, empty: ce, surface: N = "card", className: P, strings: le }) {
+	let F = r(Le, le), I = g !== void 0, [he, R] = U(v), ge = !!(ae || j || te || ne), z = (p ?? (ge || I || b ? Bt : "none")) === "multiple", ve = V(() => new Map(e.map((e) => [e.id, e])), [e]);
+	!I && he.some((e) => !ve.has(e)) && R(he.filter((e) => ve.has(e)));
+	let ye = V(() => z ? I ? g : he : [], [
+		he,
 		z,
-		F,
-		h
-	]), _e = V(() => new Map(e.map((e) => [e.id, e])), [e]), ve = V(() => Bt(he, _e), [_e, he]), Se = V(() => new Set(he), [he]), W = V(() => new Set(c), [c]), K = V(() => t.find((e) => e.id === n), [t, n]), Te = V(() => new Map(e.map((e, t) => [e.id, t])), [e]), Ee = V(() => {
-		if (!K) return e;
-		let t = new Map((K.values ?? []).map((e, t) => [e.id, t]));
-		return [...e].sort((e, n) => {
-			let r = e.optionValueIds?.[K.id], i = n.optionValueIds?.[K.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;
+		I,
+		g
+	]), K = V(() => Jt(ye, ve), [ve, ye]), xe = V(() => new Set(ye), [ye]), q = V(() => new Set(s), [s]), Y = V(() => t.find((e) => e.id === n), [t, n]), Te = V(() => new Map(e.map((e, t) => [e.id, t])), [e]), Ee = V(() => new Map(Y ? e.map((e) => [e.id, qt(e, Y)]) : []), [Y, e]), Oe = V(() => {
+		if (!Y) return e;
+		let t = new Map((Y.values ?? []).map((e, t) => [`id:${e.id}`, t]));
+		return e.forEach((e) => {
+			let n = Ee.get(e.id) ?? "none";
+			t.has(n) || t.set(n, t.size);
+		}), [...e].sort((e, n) => {
+			let r = t.get(Ee.get(e.id) ?? "none") ?? 0, i = t.get(Ee.get(n.id) ?? "none") ?? 0;
+			return r === i ? (Te.get(e.id) ?? 0) - (Te.get(n.id) ?? 0) : r - i;
 		});
 	}, [
-		K,
+		Y,
+		Ee,
 		Te,
 		e
-	]), De = V(() => {
-		if (!K) return /* @__PURE__ */ new Map();
-		let t = /* @__PURE__ */ new Map();
-		return e.forEach((e) => {
-			let n = zt(e, K);
-			t.set(n, (t.get(n) ?? 0) + 1);
-		}), t;
-	}, [K, e]), Oe = z && R, ke = e.length > 0, Y = z && ke && e.every((e) => Se.has(e.id)), Ae = ve.length > 0 && !Y, je = ye(null), Me = !!(C || w || E || D || ne), X = c.filter((e) => W.has(e)).length + +!!z + +!!Me, Z = B((e) => {
-		let t = Bt(e, _e);
-		F || me(e), v?.(e, t);
+	]), ke = V(() => {
+		let e = /* @__PURE__ */ new Map();
+		return Ee.forEach((t) => e.set(t, (e.get(t) ?? 0) + 1)), e;
+	}, [Ee]), Ae = z && ge, X = e.length > 0, je = z && X && e.every((e) => xe.has(e.id)), Me = K.length > 0 && !je, Ne = H(null), Z = !!(E || O || k || A || re), Pe = s.filter((e) => q.has(e)).length + +!!z + +!!Z, Q = B((e) => {
+		let t = Jt(e, ve);
+		I || R(e), b?.(e, t);
 	}, [
-		F,
-		v,
-		_e
-	]), Ne = B(() => Z([]), [Z]), Pe = B((e, t) => {
+		I,
+		b,
+		ve
+	]), Fe = B(() => Q([]), [Q]), Ie = B((e, t) => {
 		if (!z) return;
-		let n = t === !0 ? Array.from(/* @__PURE__ */ new Set([...he, e.id])) : he.filter((t) => t !== e.id);
-		Z(n);
+		let n = t === !0 ? Array.from(/* @__PURE__ */ new Set([...ye, e.id])) : ye.filter((t) => t !== e.id);
+		Q(n);
 	}, [
 		z,
-		he,
-		Z
-	]), Fe = B((t) => {
-		z && Z(t === !0 ? e.map((e) => e.id) : []);
+		ye,
+		Q
+	]), Re = B((t) => {
+		z && Q(t === !0 ? e.map((e) => e.id) : []);
 	}, [
 		z,
-		Z,
+		Q,
 		e
-	]), Ie = {
-		selectedRows: ve,
-		selectedIds: he,
+	]), ze = {
+		selectedRows: K,
+		selectedIds: ye,
 		allRows: e,
-		selectedCount: ve.length,
+		selectedCount: K.length,
 		totalCount: e.length,
-		allRowsSelected: Y,
-		clearSelection: Ne,
-		setSelectedIds: Z
-	}, Q = x || S ? /* @__PURE__ */ U(u, {
+		allRowsSelected: je,
+		clearSelection: Fe,
+		setSelectedIds: Q
+	}, Be = w || T ? /* @__PURE__ */ G(u, {
 		direction: "horizontal",
-		gap: _.commands,
+		gap: y.commands,
 		justify: "end",
 		className: "product-variants-bulk-table--header-actions",
-		children: [!!S && /* @__PURE__ */ H(a, {
+		children: [!!T && /* @__PURE__ */ W(c, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
-			onClick: S,
-			children: P.generateLabel
-		}), !!x && /* @__PURE__ */ H(a, {
+			onClick: T,
+			children: F.generateLabel
+		}), !!w && /* @__PURE__ */ W(c, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
-			onClick: x,
-			icon: q,
-			children: P.createLabel
+			onClick: w,
+			icon: J,
+			children: F.createLabel
 		})]
-	}) : void 0, Re = ve.length > 0 ? re?.(Ie) : void 0, ze = Oe ? /* @__PURE__ */ H(T, {
+	}) : void 0, Ve = K.length > 0 ? ae?.(ze) : void 0, $ = Ae ? /* @__PURE__ */ W(D, {
 		placement: "inline",
 		className: "product-variants-bulk-table--bulk-toolbar",
-		selectedCount: ve.length,
+		selectedCount: K.length,
 		totalCount: e.length,
-		onClear: Ne,
-		returnFocusRef: je,
+		onClear: Fe,
+		returnFocusRef: Ne,
 		strings: {
-			summary: (t, n) => P.selectedLabel(t, n ?? e.length),
-			clear: P.clearSelectionLabel
+			summary: (t, n) => F.selectedLabel(t, n ?? e.length),
+			clear: F.clearSelectionLabel
 		},
-		children: Re ?? /* @__PURE__ */ U(xe, { children: [
-			!!O && /* @__PURE__ */ H(a, {
+		children: Ve ?? /* @__PURE__ */ G(be, { children: [
+			!!j && /* @__PURE__ */ W(c, {
 				type: "button",
-				onClick: () => O(ve),
-				children: P.bulkEditLabel
+				onClick: () => j(K),
+				children: F.bulkEditLabel
 			}),
-			!!k && /* @__PURE__ */ H(a, {
+			!!te && /* @__PURE__ */ W(c, {
 				type: "button",
 				tone: "neutral",
 				buttonStyle: "ghost",
-				onClick: () => k(ve),
-				children: P.bulkApplyLabel
+				onClick: () => te(K),
+				children: F.bulkApplyLabel
 			}),
-			!!te && /* @__PURE__ */ H(a, {
+			!!ne && /* @__PURE__ */ W(c, {
 				type: "button",
 				tone: "destructive",
 				buttonStyle: "ghost",
-				onClick: () => te(ve),
-				children: P.bulkDeleteLabel
+				onClick: () => ne(K),
+				children: F.bulkDeleteLabel
 			})
 		] })
-	}) : null, Be = e.length === 0 ? j ?? /* @__PURE__ */ H($, {
-		title: P.emptyTitle,
-		description: P.emptyDescription,
-		action: S ? /* @__PURE__ */ H(a, {
+	}) : null, Ge = e.length === 0 ? ce ?? /* @__PURE__ */ W(Ue, {
+		title: F.emptyTitle,
+		description: F.emptyDescription,
+		action: T ? /* @__PURE__ */ W(c, {
 			tone: "primary",
 			type: "button",
-			onClick: S,
-			children: P.generateLabel
+			onClick: T,
+			children: F.generateLabel
 		}) : void 0
-	}) : /* @__PURE__ */ U(u, {
+	}) : /* @__PURE__ */ G(u, {
 		gap: "md",
 		className: "product-variants-bulk-table--body",
-		children: [ze, /* @__PURE__ */ H("div", {
+		children: [$, /* @__PURE__ */ W("div", {
 			className: "product-variants-bulk-table--table overflow-hidden rounded-surface border border-border bg-background text-foreground",
-			children: /* @__PURE__ */ U(pe, {
-				className: "w-full border-collapse",
+			children: /* @__PURE__ */ G(me, {
+				density: "comfortable",
 				children: [
-					/* @__PURE__ */ U("colgroup", { children: [
-						z && /* @__PURE__ */ H("col", { className: "w-14 min-w-14 max-w-14" }),
-						W.has("variant") && /* @__PURE__ */ H("col", {}),
-						W.has("sku") && /* @__PURE__ */ H("col", {}),
-						W.has("price") && /* @__PURE__ */ H("col", {}),
-						W.has("inventory") && /* @__PURE__ */ H("col", {}),
-						W.has("status") && /* @__PURE__ */ H("col", {}),
-						W.has("updated") && /* @__PURE__ */ H("col", {}),
-						Me && /* @__PURE__ */ H("col", { className: "w-18" })
+					/* @__PURE__ */ G("colgroup", { children: [
+						z && /* @__PURE__ */ W("col", { className: "w-10" }),
+						q.has("variant") && /* @__PURE__ */ W("col", {}),
+						q.has("sku") && /* @__PURE__ */ W("col", {}),
+						q.has("price") && /* @__PURE__ */ W("col", {}),
+						q.has("inventory") && /* @__PURE__ */ W("col", {}),
+						q.has("status") && /* @__PURE__ */ W("col", {}),
+						q.has("updated") && /* @__PURE__ */ W("col", {}),
+						Z && /* @__PURE__ */ W("col", { className: "w-18" })
 					] }),
-					/* @__PURE__ */ H(fe, { children: /* @__PURE__ */ U(L, {
-						className: "h-12 border-b border-border/60 bg-muted/50",
+					/* @__PURE__ */ W(pe, { children: /* @__PURE__ */ G(L, {
+						className: i("border-b border-border/60", C.tableHead, C.tableRowHover),
 						children: [
-							z && /* @__PURE__ */ H(de, {
-								className: "w-14 min-w-14 max-w-14 px-0 py-space-md text-center align-middle",
-								children: /* @__PURE__ */ H(ie, {
-									ref: je,
-									checked: Y,
-									indeterminate: Ae,
-									onCheckedChange: Fe,
-									"aria-label": P.selectAllLabel,
-									className: "mx-auto"
-								})
-							}),
-							W.has("variant") && /* @__PURE__ */ H(de, {
-								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ H(s, {
-									className: "whitespace-normal",
-									children: P.headers.variant
-								})
-							}),
-							W.has("sku") && /* @__PURE__ */ H(de, {
-								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ H(s, {
-									className: "whitespace-normal",
-									children: P.headers.sku
-								})
-							}),
-							W.has("price") && /* @__PURE__ */ H(de, {
-								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ H(s, {
-									className: "whitespace-normal",
-									children: P.headers.price
-								})
-							}),
-							W.has("inventory") && /* @__PURE__ */ H(de, {
-								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ H(s, {
+							z && /* @__PURE__ */ W(fe, { children: /* @__PURE__ */ W(ie, {
+								ref: Ne,
+								checked: je,
+								indeterminate: Me,
+								onCheckedChange: Re,
+								"aria-label": F.selectAllLabel
+							}) }),
+							q.has("variant") && /* @__PURE__ */ W(fe, { children: /* @__PURE__ */ W(o, {
+								className: "whitespace-normal",
+								children: F.headers.variant
+							}) }),
+							q.has("sku") && /* @__PURE__ */ W(fe, { children: /* @__PURE__ */ W(o, {
+								className: "whitespace-normal",
+								children: F.headers.sku
+							}) }),
+							q.has("price") && /* @__PURE__ */ W(fe, { children: /* @__PURE__ */ W(o, {
+								className: "whitespace-normal",
+								children: F.headers.price
+							}) }),
+							q.has("inventory") && /* @__PURE__ */ W(fe, { children: /* @__PURE__ */ W(o, {
+								className: "whitespace-normal",
+								children: F.headers.inventory
+							}) }),
+							q.has("status") && /* @__PURE__ */ W(fe, { children: /* @__PURE__ */ W(o, {
+								className: "whitespace-normal",
+								children: F.headers.status
+							}) }),
+							q.has("updated") && /* @__PURE__ */ W(fe, { children: /* @__PURE__ */ W(o, {
+								className: "whitespace-normal",
+								children: F.headers.updated
+							}) }),
+							Z && /* @__PURE__ */ W(fe, {
+								className: "text-end",
+								children: /* @__PURE__ */ W(o, {
 									className: "whitespace-normal",
-									children: P.headers.inventory
-								})
-							}),
-							W.has("status") && /* @__PURE__ */ H(de, {
-								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ H(s, {
-									className: "whitespace-normal",
-									children: P.headers.status
-								})
-							}),
-							W.has("updated") && /* @__PURE__ */ H(de, {
-								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ H(s, {
-									className: "whitespace-normal",
-									children: P.headers.updated
-								})
-							}),
-							Me && /* @__PURE__ */ H(de, {
-								className: "px-space-lg py-space-md text-right align-middle",
-								children: /* @__PURE__ */ H(s, {
-									className: "whitespace-normal",
-									children: P.headers.actions
+									children: F.headers.actions
 								})
 							})
 						]
 					}) }),
-					/* @__PURE__ */ H(ue, { children: Ee.map((e, n) => {
-						let r = Te.get(e.id) ?? n, i = K ? zt(e, K) : null, a = n > 0 ? Ee[n - 1] : void 0, s = K && a ? zt(a, K) : null, c = !!K && i !== s, f = Se.has(e.id), h = {
+					/* @__PURE__ */ W(de, { children: Oe.map((e, n) => {
+						let r = Te.get(e.id) ?? n, o = Y ? Kt(e, Y) : null, s = n > 0 ? Oe[n - 1] : void 0, c = Ee.get(e.id), p = !!Y && (!s || c !== Ee.get(s.id)), g = xe.has(e.id), _ = {
 							index: r,
-							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: z ? (t) => Pe(e, t) : void 0
-						}, g = K ? t.filter((e) => e.id !== K.id) : t, _ = Lt(e, g), v = K ? It({
+							onSelect: E ? () => E(e) : void 0,
+							onEdit: O ? () => O(e) : void 0,
+							onDuplicate: k ? () => k(e) : void 0,
+							onDelete: A ? () => A(e) : void 0,
+							isSelected: g,
+							onToggleSelected: z ? (t) => Ie(e, t) : void 0
+						}, v = Y ? t.filter((e) => e.id !== Y.id) : t, y = Wt(e, v), b = Y ? Ut({
 							...e,
 							name: void 0
-						}, g) : It(e, t), x = v === "-" && K ? 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;
+						}, v) : Ut(e, t), C = b === "-" && Y ? Ut(e, t) : b, w = Gt(y), T = w === Vt(C), D = (t, n, i = zt) => {
+							let a = Zt(t) && x ? (i) => x(e, t, i, $t(r, t, n, i)) : void 0, o = Zt(t) && S ? (i) => S(e, t, i, $t(r, t, n, i)) : void 0;
 							return {
 								index: r,
 								column: t,
 								value: n,
-								variantName: x,
-								optionValues: _,
-								optionLabel: S,
+								variantName: C,
+								optionValues: y,
+								optionLabel: w,
 								cellDisplay: i,
 								onValueChange: a,
 								onBlur: o
 							};
-						}, k = (t, n, r, i) => {
-							let a = O(t, n, r), o = m?.(e, a);
+						}, j = (t, n, r, i) => {
+							let a = D(t, n, r), o = h?.(e, a);
 							return o === void 0 ? i(a) : o;
-						}, te = l !== "none" && _.length > 0 && !T, re = l === "none" ? null : p?.(e, {
+						}, te = l !== "none" && y.length > 0 && !T, ne = l === "none" ? null : m?.(e, {
 							optionGroups: t,
-							optionValues: _,
-							optionLabel: S,
+							optionValues: y,
+							optionLabel: w,
 							display: l
-						}), A = [
-							...C ? [{
+						}), ae = [
+							...E ? [{
 								id: "view",
-								label: P.viewLabel,
-								icon: /* @__PURE__ */ H(G, { className: "size-icon-md" }),
-								onClick: () => C(e),
+								label: F.viewLabel,
+								icon: /* @__PURE__ */ W(Ce, { className: "size-icon-md" }),
+								onClick: () => E(e),
 								tone: "secondary",
 								buttonStyle: "ghost"
 							}] : [],
-							...w ? [{
+							...O ? [{
 								id: "edit",
-								label: P.editLabel,
-								icon: /* @__PURE__ */ H(we, { className: "size-icon-md" }),
-								onClick: () => w(e),
+								label: F.editLabel,
+								icon: /* @__PURE__ */ W(we, { className: "size-icon-md" }),
+								onClick: () => O(e),
 								tone: "secondary",
 								buttonStyle: "ghost"
 							}] : [],
-							...E ? [{
+							...k ? [{
 								id: "duplicate",
-								label: P.duplicateLabel,
-								icon: /* @__PURE__ */ H(Ce, { className: "size-icon-md" }),
-								onClick: () => E(e),
+								label: F.duplicateLabel,
+								icon: /* @__PURE__ */ W(Se, { className: "size-icon-md" }),
+								onClick: () => k(e),
 								tone: "secondary",
 								buttonStyle: "ghost"
 							}] : [],
-							...D ? [{
+							...A ? [{
 								id: "delete",
-								label: P.deleteLabel,
-								icon: /* @__PURE__ */ H(J, { className: "size-icon-md" }),
-								onClick: () => D(e),
+								label: F.deleteLabel,
+								icon: /* @__PURE__ */ W(De, { className: "size-icon-md" }),
+								onClick: () => A(e),
 								tone: "destructive"
 							}] : []
 						];
-						return /* @__PURE__ */ U(ge, { children: [c && /* @__PURE__ */ H(L, {
-							className: "product-variants-bulk-table--group-row border-b border-border/60 bg-muted/30",
-							children: /* @__PURE__ */ H(le, {
-								colSpan: X,
-								className: "px-space-lg py-space-md align-middle",
-								children: /* @__PURE__ */ U(u, {
+						return /* @__PURE__ */ G(_e, { children: [p && /* @__PURE__ */ W(L, {
+							className: i("product-variants-bulk-table--group-row border-b border-border/60", f.wash),
+							children: /* @__PURE__ */ W(ue, {
+								colSpan: Pe,
+								children: /* @__PURE__ */ G(u, {
 									direction: "horizontal",
 									gap: "sm",
 									wrap: !1,
-									children: [/* @__PURE__ */ H(o, {
+									children: [/* @__PURE__ */ W(a, {
 										type: "inherit",
 										tag: "span",
 										weight: "semibold",
 										className: "min-w-0 whitespace-normal break-words",
-										children: i
-									}), /* @__PURE__ */ H(o, {
+										children: o
+									}), /* @__PURE__ */ W(a, {
 										tag: "span",
 										size: "xs",
 										type: "secondary",
 										className: "whitespace-nowrap",
-										children: P.groupCountLabel(De.get(i ?? "") ?? 0)
+										children: F.groupCountLabel(ke.get(c ?? "") ?? 0)
 									})]
 								})
 							})
-						}), /* @__PURE__ */ U(L, {
-							className: "h-20 border-b border-border/60 last:border-b-0",
+						}), /* @__PURE__ */ G(L, {
+							className: "border-b border-border/60",
 							children: [
-								z && /* @__PURE__ */ H(le, {
-									className: "w-14 min-w-14 max-w-14 px-0 py-space-lg text-center align-middle",
-									children: /* @__PURE__ */ H(ie, {
-										checked: f,
-										onCheckedChange: (t) => Pe(e, t),
-										"aria-label": P.selectRowLabel(r),
-										className: "mx-auto"
-									})
-								}),
-								W.has("variant") && /* @__PURE__ */ H(le, {
-									className: "px-space-lg py-space-lg align-middle",
-									children: k("variant", x, Mt, () => /* @__PURE__ */ U(u, {
-										gap: "xs",
-										children: [
-											/* @__PURE__ */ H(o, {
-												type: "inherit",
-												weight: "medium",
-												className: "min-w-0 whitespace-normal break-words",
-												children: x
-											}),
-											re,
-											!re && te && l === "text" && /* @__PURE__ */ H(o, {
-												size: "xs",
-												type: "secondary",
-												className: "min-w-0 whitespace-normal break-words",
-												children: _.map((t, n) => /* @__PURE__ */ U("span", { children: [n > 0 ? " / " : null, t] }, `${e.id}-option-text-${n}`))
-											}),
-											!re && te && l === "tags" && /* @__PURE__ */ H(u, {
-												direction: "horizontal",
-												gap: "xs",
-												children: _.map((t, n) => /* @__PURE__ */ H(ee, {
-													size: "sm",
-													tone: "secondary",
-													className: "max-w-full",
-													children: t
-												}, `${e.id}-option-${n}`))
-											})
-										]
-									}))
-								}),
-								W.has("sku") && /* @__PURE__ */ H(le, {
-									className: "px-space-lg py-space-md align-middle",
-									children: k("sku", e.sku, Wt(d, "sku"), (t) => Kt(e.sku, `${P.headers.sku}: ${Pt(x)}`, t.cellDisplay, t.onValueChange, t.onBlur, "whitespace-nowrap"))
-								}),
-								W.has("price") && /* @__PURE__ */ H(le, {
-									className: "px-space-lg py-space-md align-middle",
-									children: k("price", e.price, Wt(d, "price"), (t) => Kt(e.price, `${P.headers.price}: ${Pt(x)}`, t.cellDisplay, t.onValueChange, t.onBlur))
-								}),
-								W.has("inventory") && /* @__PURE__ */ H(le, {
-									className: "px-space-lg py-space-md align-middle",
-									children: k("inventory", e.inventory, Wt(d, "inventory"), (t) => Kt(e.inventory, `${P.headers.inventory}: ${Pt(x)}`, t.cellDisplay, t.onValueChange, t.onBlur))
-								}),
-								W.has("status") && /* @__PURE__ */ H(le, {
-									className: "px-space-lg py-space-lg align-middle",
-									children: k("status", e.status, Mt, () => e.status ? /* @__PURE__ */ H(ee, {
-										tone: e.statusTone ?? "secondary",
-										children: e.status
-									}) : /* @__PURE__ */ H(o, {
-										type: "secondary",
-										children: "-"
-									}))
-								}),
-								W.has("updated") && /* @__PURE__ */ H(le, {
-									className: "px-space-lg py-space-lg align-middle",
-									children: k("updated", e.updatedAt, Mt, () => Kt(e.updatedAt, `${P.headers.updated}: ${Pt(x)}`, "text"))
-								}),
-								Me && /* @__PURE__ */ H(le, {
-									className: "px-space-lg py-space-lg text-right align-middle",
-									children: ne ? ne(e, h) : /* @__PURE__ */ H(Ye, {
+								z && /* @__PURE__ */ W(ue, { children: /* @__PURE__ */ W(ie, {
+									checked: g,
+									onCheckedChange: (t) => Ie(e, t),
+									"aria-label": F.selectRowLabel(r)
+								}) }),
+								q.has("variant") && /* @__PURE__ */ W(ue, { children: j("variant", C, zt, () => /* @__PURE__ */ G(u, {
+									gap: "xs",
+									children: [
+										/* @__PURE__ */ W(a, {
+											type: "inherit",
+											weight: "medium",
+											className: "min-w-0 whitespace-normal break-words",
+											children: C
+										}),
+										ne,
+										!ne && te && l === "text" && /* @__PURE__ */ W(a, {
+											size: "xs",
+											type: "secondary",
+											className: "min-w-0 whitespace-normal break-words",
+											children: y.map((t, n) => /* @__PURE__ */ G("span", { children: [n > 0 ? " / " : null, t] }, `${e.id}-option-text-${n}`))
+										}),
+										!ne && te && l === "tags" && /* @__PURE__ */ W(u, {
+											direction: "horizontal",
+											gap: "xs",
+											children: y.map((t, n) => /* @__PURE__ */ W(ee, {
+												size: "sm",
+												tone: "secondary",
+												className: "max-w-full",
+												children: t
+											}, `${e.id}-option-${n}`))
+										})
+									]
+								})) }),
+								q.has("sku") && /* @__PURE__ */ W(ue, { children: j("sku", e.sku, Qt(d, "sku"), (t) => tn(e.sku, `${F.headers.sku}: ${Vt(C)}`, t.cellDisplay, t.onValueChange, t.onBlur, "whitespace-nowrap")) }),
+								q.has("price") && /* @__PURE__ */ W(ue, { children: j("price", e.price, Qt(d, "price"), (t) => tn(e.price, `${F.headers.price}: ${Vt(C)}`, t.cellDisplay, t.onValueChange, t.onBlur)) }),
+								q.has("inventory") && /* @__PURE__ */ W(ue, { children: j("inventory", e.inventory, Qt(d, "inventory"), (t) => tn(e.inventory, `${F.headers.inventory}: ${Vt(C)}`, t.cellDisplay, t.onValueChange, t.onBlur)) }),
+								q.has("status") && /* @__PURE__ */ W(ue, { children: j("status", e.status, zt, () => e.status ? /* @__PURE__ */ W(ee, {
+									tone: e.statusTone ?? "secondary",
+									children: e.status
+								}) : /* @__PURE__ */ W(a, {
+									type: "secondary",
+									children: "-"
+								})) }),
+								q.has("updated") && /* @__PURE__ */ W(ue, { children: j("updated", e.updatedAt, zt, () => tn(e.updatedAt, `${F.headers.updated}: ${Vt(C)}`, "text")) }),
+								Z && /* @__PURE__ */ W(ue, {
+									className: "text-end",
+									children: re ? re(e, _) : /* @__PURE__ */ W(We, {
 										item: e,
-										actions: A,
-										menuLabel: P.headers.actions
+										actions: ae,
+										menuLabel: F.headers.actions
 									})
 								})
 							]
@@ -2922,95 +3008,96 @@ function qt({ variants: e = [], optionGroups: t = [], groupByOptionId: n, visibl
 			})
 		})]
 	});
-	return M === "embedded" ? /* @__PURE__ */ H("section", {
-		"aria-label": P.title,
-		className: i("product-variants-bulk-table--component min-w-0", N),
-		children: Be
-	}) : /* @__PURE__ */ H(A, {
-		title: P.title,
-		description: P.description,
-		actions: ae,
-		headerAction: Q,
-		headerEnd: oe,
-		footerSlot: se,
-		className: i("product-variants-bulk-table--component w-full", N),
-		children: Be
+	return N === "embedded" ? /* @__PURE__ */ W("section", {
+		"aria-label": F.title,
+		className: i("product-variants-bulk-table--component min-w-0", P),
+		children: Ge
+	}) : /* @__PURE__ */ W(_, {
+		...He(i("product-variants-bulk-table--component w-full", P)),
+		title: F.title,
+		description: F.description,
+		actions: oe,
+		headerAction: Be,
+		headerEnd: se,
+		footerSlot: M,
+		children: Ge
 	});
 }
-qt.displayName = "ProductVariantsBulkTable";
+nn.displayName = "ProductVariantsBulkTable";
 //#endregion
 //#region src/components/features/products/components/product-variants-manager.tsx
-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: te, onDeleteValue: ne, onOptionNameChange: ie, onValueLabelChange: A, onDoneEditingOption: se, onSaveEditingOption: j, onError: M, onCancelEditingOption: N, onToggleUsedForVariants: ce, renderOptionActions: P, renderValue: F, onCreateVariant: I, onGenerateVariants: L, onSelectVariant: le, onEditVariant: ue, onDuplicateVariant: de, onDeleteVariant: fe, onBulkEdit: pe, onBulkApply: me, onBulkDelete: R, renderVariantActions: z, renderBulkActions: he, groupByOptionId: ge, defaultGroupByOptionId: _e, onGroupByOptionIdChange: ve, showGroupBy: ye = !0, onSearchVariants: xe, onFilterVariants: Se, controlsEnd: W, actions: Ce, headerEnd: G, footerSlot: we, surface: Te = "flat", padding: De = Te === "flat" ? "none" : "md", headerDivider: J, footerDivider: Oe, className: ke, strings: Y, optionsStrings: Ae, variantsStrings: je }) {
-	let { defaultScale: Me } = t(), X = e(void 0, Me), Z = r(Q, Y), Ne = V(() => n.filter((e) => e.usedForVariants !== !1), [n]), Pe = Ne[0]?.id ?? null, Fe = ge !== void 0, [Ie, Le] = be(_e), Re = Fe ? ge : ye ? Ie === void 0 ? Pe : Ie : _e ?? null, ze = !!xe && !!Se, Be = !!xe || !!Se, Ve = V(() => ye ? Ne.map((e) => ({
+function rn({ optionGroups: n = [], variants: o = [], visibleColumns: s, optionCombinationDisplay: l, cellDisplay: d, selectionMode: f, renderOptionCombination: p, renderCell: m, selectedVariantIds: h, defaultSelectedVariantIds: g, onSelectedVariantIdsChange: v, onVariantFieldChange: b, onVariantFieldBlur: x, collapsedOptionIds: S, defaultCollapsedOptionIds: C, onCollapsedOptionIdsChange: w, editingOptionId: T, defaultEditingOptionId: E, onEditingOptionIdChange: ee, onCreateOption: D, onEditOption: O, onDeleteOption: k, confirmDelete: A, onAddValue: j, onDeleteValue: te, onOptionNameChange: ne, onValueLabelChange: ie, onDoneEditingOption: se, onSaveEditingOption: M, onError: ce, onCancelEditingOption: N, onToggleUsedForVariants: P, renderOptionActions: le, renderValue: F, onCreateVariant: I, onGenerateVariants: L, onSelectVariant: ue, onEditVariant: de, onDuplicateVariant: fe, onDeleteVariant: pe, onBulkEdit: me, onBulkApply: he, onBulkDelete: R, renderVariantActions: ge, renderBulkActions: z, groupByOptionId: _e, defaultGroupByOptionId: ve, onGroupByOptionIdChange: ye, showGroupBy: H = !0, onSearchVariants: be, onFilterVariants: K, controlsEnd: xe, actions: Se, headerEnd: Ce, footerSlot: we, surface: Y = "flat", padding: Ee = Y === "flat" ? "none" : "md", headerDivider: De, footerDivider: Oe, className: ke, strings: Ae, optionsStrings: X, variantsStrings: je }) {
+	let { defaultScale: Me } = t(), Ne = e(void 0, Me), Z = r(Re, Ae), Pe = V(() => n.filter((e) => e.usedForVariants !== !1), [n]), Q = Pe[0]?.id ?? null, Fe = _e !== void 0, [Ie, Le] = U(ve), ze = Fe ? _e : H ? Ie === void 0 ? Q : Ie : ve ?? null, Be = !!be && !!K, Ve = !!be || !!K, $ = V(() => H ? Pe.map((e) => ({
 		value: e.id,
 		label: String(typeof e.name == "string" || typeof e.name == "number" ? e.name : e.id)
-	})) : [], [Ne, ye]), $ = B((e) => {
+	})) : [], [Pe, H]), He = B((e) => {
 		let t = n.find((t) => t.id === e);
-		Fe || Le(e ?? null), ve?.(e, t);
+		Fe || Le(e ?? null), ye?.(e, t);
 	}, [
 		Fe,
-		ve,
+		ye,
 		n
-	]), He = L || I ? /* @__PURE__ */ U(u, {
+	]), Ue = L || I ? /* @__PURE__ */ G(u, {
 		direction: "horizontal",
-		gap: _.commands,
+		gap: y.commands,
 		justify: "end",
 		className: "product-variants-manager--header-actions",
-		children: [!!L && /* @__PURE__ */ H(a, {
+		children: [!!L && /* @__PURE__ */ W(c, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
 			onClick: L,
 			children: Z.generateLabel
-		}), !!I && /* @__PURE__ */ H(a, {
+		}), !!I && /* @__PURE__ */ W(c, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
 			onClick: I,
-			icon: q,
+			icon: J,
 			children: Z.createVariantLabel
 		})]
 	}) : void 0;
-	return /* @__PURE__ */ H(m, {
-		surface: Te,
-		padding: De,
-		headerDivider: J,
+	return /* @__PURE__ */ W(_, {
+		surface: Y,
+		padding: Ee,
+		headerDivider: De,
 		footerDivider: Oe,
 		title: Z.title,
 		description: Z.description,
-		actions: Ce,
-		actionsLabel: Z.actionsLabel,
-		headerAction: He,
-		headerEnd: G,
+		actions: Se,
+		strings: { actionsLabel: Z.actionsLabel },
+		headerAction: Ue,
+		headerEnd: Ce,
 		footerSlot: we,
 		className: i("product-variants-manager--component w-full", ke),
-		children: /* @__PURE__ */ U(u, {
+		children: /* @__PURE__ */ G(u, {
 			gap: "2xl",
 			className: "product-variants-manager--body",
-			children: [/* @__PURE__ */ H("section", {
+			children: [/* @__PURE__ */ W("section", {
 				className: "product-variants-manager--options min-w-0",
-				children: /* @__PURE__ */ H(pt, {
+				children: /* @__PURE__ */ W($e, {
 					optionGroups: n,
 					collapsedOptionIds: S,
 					defaultCollapsedOptionIds: C,
 					onCollapsedOptionIdsChange: w,
-					editingOptionId: ee,
-					defaultEditingOptionId: T,
-					onEditingOptionIdChange: E,
+					editingOptionId: T,
+					defaultEditingOptionId: E,
+					onEditingOptionIdChange: ee,
 					surface: "embedded",
 					onCreateOption: D,
 					onEditOption: O,
 					onDeleteOption: k,
-					onAddValue: te,
-					onDeleteValue: ne,
-					onOptionNameChange: ie,
-					onValueLabelChange: A,
+					confirmDelete: A,
+					onAddValue: j,
+					onDeleteValue: te,
+					onOptionNameChange: ne,
+					onValueLabelChange: ie,
 					onDoneEditingOption: se,
-					onSaveEditingOption: j,
-					onError: M,
+					onSaveEditingOption: M,
+					onError: ce,
 					onCancelEditingOption: N,
-					onToggleUsedForVariants: ce,
-					renderOptionActions: P,
+					onToggleUsedForVariants: P,
+					renderOptionActions: le,
 					renderValue: F,
 					showHeader: !1,
 					showCollapseControls: !1,
@@ -3018,119 +3105,121 @@ function Jt({ optionGroups: n = [], variants: s = [], visibleColumns: c, optionC
 					showVariantToggle: !1,
 					strings: {
 						title: Z.optionsTitle,
-						...Ae
+						...X
 					}
 				})
-			}), /* @__PURE__ */ U(u, {
+			}), /* @__PURE__ */ G(u, {
 				gap: "md",
 				className: "product-variants-manager--variants-region",
-				children: [(Ve.length > 0 || Be || W) && /* @__PURE__ */ H("div", {
+				children: [($.length > 0 || Ve || xe) && /* @__PURE__ */ W("div", {
 					className: "product-variants-manager--controls",
-					children: /* @__PURE__ */ U(u, {
+					children: /* @__PURE__ */ G(u, {
 						direction: "horizontal",
 						gap: "md",
 						justify: "between",
-						children: [Ve.length > 0 && /* @__PURE__ */ U(u, {
+						children: [$.length > 0 && /* @__PURE__ */ G(u, {
 							direction: "horizontal",
 							gap: "sm",
 							wrap: !1,
 							className: "product-variants-manager--group-by",
-							children: [/* @__PURE__ */ H(o, {
+							children: [/* @__PURE__ */ W(a, {
 								type: "secondary",
 								className: "whitespace-nowrap",
 								children: Z.groupByLabel
-							}), Ve.length > 0 && /* @__PURE__ */ H(re, {
-								options: Ve,
-								value: Re ?? void 0,
-								onValueChange: $,
+							}), $.length > 0 && /* @__PURE__ */ W(re, {
+								options: $,
+								value: ze ?? void 0,
+								onValueChange: He,
+								allowClear: !0,
+								placeholder: Z.noGroupingLabel ?? Re.noGroupingLabel,
 								"aria-label": Z.groupByLabel,
 								className: "min-w-32 bg-background"
 							})]
-						}), (Be || W) && /* @__PURE__ */ U(u, {
+						}), (Ve || xe) && /* @__PURE__ */ G(u, {
 							direction: "horizontal",
 							gap: "sm",
 							justify: "end",
 							wrap: !1,
 							className: "product-variants-manager--controls-end ms-auto",
-							children: [Be && /* @__PURE__ */ U("div", {
-								className: i("flex", ze && [
+							children: [Ve && /* @__PURE__ */ G("div", {
+								className: i("flex", Be && [
 									"product-variants-manager--tool-buttons bg-background shadow-xs",
 									ae.joinedFrame,
-									oe[X]
+									oe[Ne]
 								]),
-								children: [xe && /* @__PURE__ */ U(a, {
+								children: [be && /* @__PURE__ */ G(c, {
 									type: "button",
-									size: X,
+									size: Ne,
 									iconOnly: !0,
 									tone: "secondary",
-									buttonStyle: ze ? "ghost" : "outline",
-									onClick: xe,
+									buttonStyle: Be ? "ghost" : "outline",
+									onClick: be,
 									"aria-label": Z.searchLabel,
-									className: i(ze && [
+									className: i(Be && [
 										ae.joinedItem,
 										ae.firstItem,
 										"border-r border-border"
 									], "text-muted-foreground hover:text-foreground"),
-									children: [/* @__PURE__ */ H(Ee, {
+									children: [/* @__PURE__ */ W(Te, {
 										className: "size-icon-sm",
 										"aria-hidden": "true"
-									}), /* @__PURE__ */ H(o, {
+									}), /* @__PURE__ */ W(a, {
 										tag: "span",
 										size: "pxs",
 										className: "sr-only",
 										children: Z.searchLabel
 									})]
-								}), Se && /* @__PURE__ */ U(a, {
+								}), K && /* @__PURE__ */ G(c, {
 									type: "button",
-									size: X,
+									size: Ne,
 									iconOnly: !0,
 									tone: "secondary",
-									buttonStyle: ze ? "ghost" : "outline",
-									onClick: Se,
+									buttonStyle: Be ? "ghost" : "outline",
+									onClick: K,
 									"aria-label": Z.filterLabel,
-									className: i(ze && [ae.joinedItem, ae.lastItem], "text-muted-foreground hover:text-foreground"),
-									children: [/* @__PURE__ */ H(K, {
+									className: i(Be && [ae.joinedItem, ae.lastItem], "text-muted-foreground hover:text-foreground"),
+									children: [/* @__PURE__ */ W(q, {
 										className: "size-icon-sm",
 										"aria-hidden": "true"
-									}), /* @__PURE__ */ H(o, {
+									}), /* @__PURE__ */ W(a, {
 										tag: "span",
 										size: "pxs",
 										className: "sr-only",
 										children: Z.filterLabel
 									})]
 								})]
-							}), W]
+							}), xe]
 						})]
 					})
-				}), /* @__PURE__ */ H("section", {
+				}), /* @__PURE__ */ W("section", {
 					className: "product-variants-manager--variants min-w-0",
-					children: /* @__PURE__ */ H(qt, {
-						variants: s,
+					children: /* @__PURE__ */ W(nn, {
+						variants: o,
 						optionGroups: n,
-						groupByOptionId: Re,
-						visibleColumns: c,
+						groupByOptionId: ze,
+						visibleColumns: s,
 						optionCombinationDisplay: l,
 						cellDisplay: d,
 						selectionMode: f,
 						renderOptionCombination: p,
-						renderCell: h,
+						renderCell: m,
 						surface: "embedded",
-						selectedVariantIds: g,
-						defaultSelectedVariantIds: v,
-						onSelectedVariantIdsChange: y,
+						selectedVariantIds: h,
+						defaultSelectedVariantIds: g,
+						onSelectedVariantIdsChange: v,
 						onVariantFieldChange: b,
 						onVariantFieldBlur: x,
 						onCreateVariant: I,
 						onGenerateVariants: L,
-						onSelectVariant: le,
-						onEditVariant: ue,
-						onDuplicateVariant: de,
-						onDeleteVariant: fe,
-						onBulkEdit: pe,
-						onBulkApply: me,
+						onSelectVariant: ue,
+						onEditVariant: de,
+						onDuplicateVariant: fe,
+						onDeleteVariant: pe,
+						onBulkEdit: me,
+						onBulkApply: he,
 						onBulkDelete: R,
-						renderVariantActions: z,
-						renderBulkActions: he,
+						renderVariantActions: ge,
+						renderBulkActions: z,
 						strings: {
 							title: Z.variantsTitle,
 							generateLabel: Z.generateLabel,
@@ -3142,8 +3231,8 @@ function Jt({ optionGroups: n = [], variants: s = [], visibleColumns: c, optionC
 		})
 	});
 }
-Jt.displayName = "ProductVariantsManager";
+rn.displayName = "ProductVariantsManager";
 //#endregion
-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, Me as defaultProductContractOverviewStrings, je as defaultProductDetailsCardStrings, Ae as defaultProductOperationsCardStrings, Z as defaultProductOptionActionMenuStrings, Ne as defaultProductOptionsMatrixStrings, X as defaultProductOptionsSummaryStrings, Ve as defaultProductOverviewStrings, Fe as defaultProductPoliciesCardStrings, Pe as defaultProductQuotePreviewCardStrings, ke as defaultProductReadinessCardStrings, Y as defaultProductStructureCardStrings, Re as defaultProductVariantActionMenuStrings, ze as defaultProductVariantDetailsStrings, Be as defaultProductVariantEditorStrings, Le as defaultProductVariantsBulkTableStrings, Q as defaultProductVariantsManagerStrings, Ie as defaultProductVariantsTableStrings };
+export { $e as ProductOptionsMatrix, kt as ProductOverview, Pt as ProductVariantDetails, It as ProductVariantEditor, nn as ProductVariantsBulkTable, rn as ProductVariantsManager, Ot as ProductVariantsTable, Me as defaultProductContractOverviewStrings, je as defaultProductDetailsCardStrings, X as defaultProductOperationsCardStrings, Z as defaultProductOptionActionMenuStrings, Pe as defaultProductOptionsMatrixStrings, Ne as defaultProductOptionsSummaryStrings, $ as defaultProductOverviewStrings, Fe as defaultProductPoliciesCardStrings, Q as defaultProductQuotePreviewCardStrings, ke as defaultProductReadinessCardStrings, Ae as defaultProductStructureCardStrings, ze as defaultProductVariantActionMenuStrings, Be as defaultProductVariantDetailsStrings, Ve as defaultProductVariantEditorStrings, Le as defaultProductVariantsBulkTableStrings, Re as defaultProductVariantsManagerStrings, Ie as defaultProductVariantsTableStrings };
 
 //# sourceMappingURL=products.js.map