themelia-react-ui 1.0.2 → 2.0.0

package/dist/features/products.js

@@ -1,32 +1,34 @@
 "use client";
-import { _ as e, s as t } from "../ui-provider-DRPn3qNl.js";
+import { _ as e, s as t } from "../ui-provider-D2_TeLqw.js";
 import { interpolateString as n, useStrings as r } from "../lib/strings.js";
-import { t as i } from "../utils-BvH9PSmq.js";
-import { a, r as o } from "../typography-BxQgiZyw.js";
-import { t as s } from "../button-BZDasD04.js";
-import { r as c, t as l } from "../structure-CRdqVawd.js";
-import { t as u } from "../progress-BroqrAyV.js";
-import { i as d, t as f } from "../overlays-DUbs1KEi.js";
-import { _ as p, g as m } from "../primitives-C7ff0QaI.js";
-import { n as h } from "../number-DasMFWEG.js";
-import { t as g } from "../badge-CzId1Wlm.js";
-import { t as _ } from "../field-affordance-recipes-uKY4MsZ_.js";
-import { t as v } from "../input-SX9V0AL3.js";
-import { d as y } from "../text-inputs-DsR56TR-.js";
-import { c as b, s as x } from "../choice-inputs-Mk3iWbhr.js";
-import { t as S } from "../checkbox-BQNDjUCh.js";
-import { n as C } from "../display-CS6Hbk18.js";
-import { t as w } from "../form-field-CZwrkP7m.js";
-import { c as T, i as E, n as D, o as O, r as k, t as A, u as j } from "../item-DE4YnuJx.js";
-import { c as ee, i as M, n as te, o as N, s as ne, t as P } from "../table-CLtJTxoR.js";
-import { g as re, l as ie, n as ae } from "../data-display-Bihs9Ven.js";
-import { O as oe, f as se } from "../table-CcRDZiLP.js";
-import { r as ce, t as le } from "../control-group-recipes-DBXmfh2E.js";
-import { Fragment as ue, useCallback as F, useId as I, useMemo as L, useState as de } from "react";
-import { Fragment as fe, jsx as R, jsxs as z } from "react/jsx-runtime";
-import { ArrowLeft as B, ArrowRight as V, Box as pe, ChevronDown as me, ClipboardCheck as he, Copy as ge, Eye as H, FileText as U, GripVertical as W, Layers3 as _e, ListChecks as ve, ListFilter as G, PackageCheck as ye, Pencil as K, Plus as q, PlusCircle as J, ReceiptText as Y, RefreshCw as be, Save as xe, Search as Se, ShieldCheck as Ce, SlidersHorizontal as X, Trash2 as Z, X as we } from "lucide-react";
+import { t as i } from "../utils-Cospvlj1.js";
+import { a, s as o } from "../typography-CAr3dQhX.js";
+import { t as s } from "../button-BS3KDg00.js";
+import { r as c, t as l } from "../structure-hzCW-XsV.js";
+import { t as u } from "../smart-card-Bek-TwUp.js";
+import { t as d } from "../progress-Br9WTFya.js";
+import { i as f, t as p } from "../overlays-DhZO7N-I.js";
+import { _ as m, g as h } from "../primitives-BHrwQXFC.js";
+import { n as g } from "../number-CKRBYmZK.js";
+import { t as _ } from "../badge-0tATj-tW.js";
+import { t as v } from "../separator-Do5GWDYi.js";
+import { t as y } from "../field-affordance-recipes-CkOCdE2y.js";
+import { t as b } from "../input-DhQdBnV3.js";
+import { t as x } from "../form-field-VZRULhUK.js";
+import { d as S } from "../text-inputs-BFpku0Qd.js";
+import { c as C, s as w } from "../choice-inputs-DrJ17tpL.js";
+import { t as T } from "../checkbox-B7ygNTYp.js";
+import { n as E } from "../display-DrdvPwF0.js";
+import { r as D, t as O } from "../control-group-recipes-DBXmfh2E.js";
+import { c as k, i as A, n as j, o as M, r as N, t as P, u as F } from "../item-xzh8Df65.js";
+import { c as ee, i as I, n as te, o as ne, s as re, t as ie } from "../table-D6zKeYQX.js";
+import { g as ae, l as oe, n as se } from "../data-display-3xWQUnMA.js";
+import { O as L, f as ce } from "../table-Dn4XSrSB.js";
+import { Fragment as le, useCallback as R, useId as z, useMemo as B, useState as ue } from "react";
+import { Fragment as de, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { ArrowLeft as fe, ChevronDown as pe, Copy as me, Eye as he, GripVertical as ge, ListFilter as U, Pencil as W, Plus as G, PlusCircle as _e, Search as ve, SlidersHorizontal as K, Trash2 as q, X as ye } from "lucide-react";
 //#region src/components/features/products/products.strings.ts
-var Te = {
+var J = {
 	title: "Readiness",
 	description: "Publishing checks and operational setup.",
 	scoreLabel: "Overall readiness",
@@ -38,7 +40,7 @@ var Te = {
 	emptyTitle: "No readiness checks",
 	emptyDescription: "Pass readiness items from your product workflow to show progress.",
 	actionLabel: "Open"
-}, Q = {
+}, Y = {
 	title: "Structure",
 	description: "Media, taxonomy, options, and content coverage.",
 	createLabel: "Add metric",
@@ -48,7 +50,7 @@ var Te = {
 	actionsLabel: "Metric actions",
 	emptyTitle: "No structure metrics",
 	emptyDescription: "Pass structure metrics to summarize the product setup."
-}, Ee = {
+}, be = {
 	title: "Operations",
 	description: "Availability, channels, service rules, and fulfilment signals.",
 	createLabel: "Add signal",
@@ -58,13 +60,13 @@ var Te = {
 	emptyTitle: "No operational signals",
 	emptyDescription: "Pass operational rows to show channel and availability health.",
 	actionLabel: "Open"
-}, $ = {
+}, xe = {
 	title: "Product details",
 	description: "Core identity and catalogue fields.",
 	editLabel: "Edit details",
 	emptyTitle: "No details",
 	emptyDescription: "Pass metadata rows to render product details."
-}, De = {
+}, Se = {
 	title: "Contract",
 	description: "Commercial terms, pricing rules, and customer-facing conditions.",
 	termsTitle: "Terms",
@@ -78,7 +80,7 @@ var Te = {
 	ruleActionsLabel: "Rule actions",
 	emptyTitle: "No contract summary",
 	emptyDescription: "Pass metrics, terms, or rules to summarize the product contract."
-}, Oe = {
+}, Ce = {
 	title: "Options",
 	description: "Variant-driving choices and add-ons customers can select.",
 	manageLabel: "Manage options",
@@ -89,12 +91,12 @@ var Te = {
 	actionsLabel: "Option actions",
 	emptyTitle: "No options",
 	emptyDescription: "Pass option groups to summarize configurable product choices."
-}, ke = {
+}, we = {
 	viewLabel: "Open option",
 	editLabel: "Edit option",
 	deleteLabel: "Delete option",
 	actionsLabel: "Option actions"
-}, Ae = {
+}, Te = {
 	title: "Variant options",
 	description: "Define option groups and values before generating sellable variants.",
 	createLabel: "Add attribute",
@@ -124,7 +126,7 @@ var Te = {
 	emptyTitle: "No option groups",
 	emptyDescription: "Add options such as size, color, or packaging to create variant combinations.",
 	noValuesLabel: "No values"
-}, je = {
+}, Ee = {
 	title: "Quote preview",
 	description: "How the product appears in a compact customer quote.",
 	subtotalLabel: "Subtotal",
@@ -139,7 +141,7 @@ var Te = {
 	lineActionsLabel: "Line actions",
 	emptyTitle: "No quote lines",
 	emptyDescription: "Pass quote lines to preview pricing."
-}, Me = {
+}, X = {
 	title: "Policies",
 	description: "Cancellation, booking, service, and customer-facing rules.",
 	createLabel: "Add policy",
@@ -149,7 +151,7 @@ var Te = {
 	actionsLabel: "Policy actions",
 	emptyTitle: "No policies",
 	emptyDescription: "Pass policies to summarize customer-facing rules."
-}, Ne = {
+}, Z = {
 	title: "Variants",
 	description: "Sellable combinations with price, availability, and SKU.",
 	createLabel: "Add variant",
@@ -168,7 +170,7 @@ var Te = {
 		updated: "Updated",
 		actions: "Actions"
 	}
-}, Pe = {
+}, De = {
 	title: "Variants",
 	description: "Review generated combinations, select rows, and apply bulk operations.",
 	createLabel: "Add variant",
@@ -196,7 +198,7 @@ var Te = {
 		updated: "Updated",
 		actions: "Actions"
 	}
-}, Fe = {
+}, Oe = {
 	title: "Variants",
 	description: "Configure option groups first, then manage the generated sellable variants.",
 	optionsTitle: "Variant options",
@@ -207,13 +209,13 @@ var Te = {
 	generateLabel: "Generate variants",
 	createVariantLabel: "Add variant",
 	actionsLabel: "Variant manager actions"
-}, Ie = {
+}, ke = {
 	viewLabel: "Open variant",
 	editLabel: "Edit",
 	duplicateLabel: "Duplicate",
 	deleteLabel: "Delete",
 	actionsLabel: "Variant actions"
-}, Le = {
+}, Q = {
 	title: "Variant",
 	description: "Sellable variant details, options, pricing, and fulfilment data.",
 	backLabel: "Back",
@@ -230,7 +232,7 @@ var Te = {
 		channels: "Channels",
 		updated: "Updated"
 	}
-}, Re = {
+}, Ae = {
 	title: "Edit variant",
 	description: "Controlled form for variant identity, pricing, inventory, and option values.",
 	identityTitle: "Identity",
@@ -260,14 +262,14 @@ var Te = {
 		status: "Active",
 		channels: "Online store, POS"
 	}
-}, ze = {
+}, je = {
 	mainLabel: "Product overview",
 	railLabel: "Product supporting information"
 };
 //#endregion
 //#region src/components/features/products/partials/product-empty-state.tsx
-function Be({ title: e, description: t, action: n, className: r }) {
-	return /* @__PURE__ */ R(ie, {
+function $({ title: e, description: t, action: n, className: r }) {
+	return /* @__PURE__ */ V(oe, {
 		padding: "md",
 		border: !0,
 		title: e,
@@ -278,30 +280,37 @@ function Be({ title: e, description: t, action: n, className: r }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-tone.tsx
-var Ve = {
+var Me = {
 	neutral: "secondary",
-	primary: "primary",
+	primary: "secondary",
 	success: "success",
 	warning: "warning",
 	destructive: "destructive",
 	info: "info"
-}, He = {
-	neutral: "border-border bg-card text-muted-foreground",
-	primary: "border-primary-accent/20 bg-primary/5 text-primary-accent",
-	success: "border-success/20 bg-success/5 text-success",
-	warning: "border-warning/30 bg-warning/8 text-warning-accent",
-	destructive: "border-destructive/25 bg-destructive/8 text-destructive",
-	info: "border-info/20 bg-info/5 text-info"
-};
-function Ue(e) {
+}, Ne = {
+	neutral: void 0,
+	primary: void 0,
+	success: "text-success",
+	warning: "text-warning-accent",
+	destructive: "text-destructive",
+	info: "text-info"
+}, Pe = /* @__PURE__ */ new Set([
+	"success",
+	"warning",
+	"destructive",
+	"info"
+]);
+function Fe(e) {
+	return e !== void 0 && Pe.has(e);
+}
+function Ie(e) {
 	return Number.isFinite(e) ? Math.min(100, Math.max(0, Math.round(e))) : 0;
 }
-function We({ tone: e = "neutral" }) {
-	return /* @__PURE__ */ R("span", {
+function Le({ tone: e = "neutral" }) {
+	return /* @__PURE__ */ V("span", {
 		"aria-hidden": "true",
-		className: i("product-tone-dot--component size-2 rounded-full", {
-			"bg-muted-foreground": e === "neutral",
-			"bg-primary": e === "primary",
+		className: i("product-tone-dot--component size-2 shrink-0 rounded-full", {
+			"bg-muted-foreground": e === "neutral" || e === "primary",
 			"bg-success": e === "success",
 			"bg-warning": e === "warning",
 			"bg-destructive": e === "destructive",
@@ -311,46 +320,48 @@ function We({ tone: e = "neutral" }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-metric-tile.tsx
-function Ge({ metric: e }) {
-	let t = e.tone ?? "neutral";
-	return /* @__PURE__ */ z(l, {
+function Re({ metric: e }) {
+	let t = "icon" in e ? e.icon : void 0;
+	return /* @__PURE__ */ H(l, {
 		gap: "dense",
-		className: i("border-border product-metric-tile--component rounded-radius border p-surface-xs", He[t]),
-		children: [/* @__PURE__ */ z(l, {
-			direction: "horizontal",
-			align: "start",
-			justify: "between",
-			gap: "md",
-			children: [/* @__PURE__ */ z(l, {
-				gap: "2xs",
-				className: "min-w-0",
-				children: [/* @__PURE__ */ R(a, {
-					size: "xs",
-					type: t === "neutral" ? "secondary" : "main",
-					className: "truncate",
-					children: e.label
-				}), /* @__PURE__ */ R(p, {
-					weight: "semibold",
-					className: "tabular-nums",
-					children: e.value
-				})]
-			}), "icon" in e && !!e.icon && /* @__PURE__ */ R("div", {
-				className: "shrink-0 opacity-80",
-				children: e.icon
-			})]
-		}), !!e.description && /* @__PURE__ */ R(a, {
-			size: "xs",
-			type: "secondary",
-			children: e.description
-		})]
+		className: "product-metric-tile--component min-w-0",
+		children: [
+			/* @__PURE__ */ H(l, {
+				direction: "horizontal",
+				gap: "sm",
+				wrap: !1,
+				children: [
+					Fe(e.tone) && /* @__PURE__ */ V(Le, { tone: e.tone }),
+					!!t && /* @__PURE__ */ V("span", {
+						className: "flex shrink-0 text-muted-foreground",
+						children: t
+					}),
+					/* @__PURE__ */ V(a, {
+						className: "truncate",
+						children: e.label
+					})
+				]
+			}),
+			/* @__PURE__ */ V(m, {
+				weight: "semibold",
+				className: "tabular-nums",
+				children: e.value
+			}),
+			!!e.description && /* @__PURE__ */ V(o, {
+				size: "xs",
+				type: "secondary",
+				lineHeight: "snug",
+				children: e.description
+			})
+		]
 	});
 }
 //#endregion
 //#region src/components/features/products/partials/product-actions.tsx
-function Ke({ item: e, actions: t, menuLabel: n, className: r }) {
-	return t.length === 0 ? null : /* @__PURE__ */ R("div", {
+function ze({ item: e, actions: t, menuLabel: n, className: r }) {
+	return t.length === 0 ? null : /* @__PURE__ */ V("div", {
 		className: i("product-row-actions--component flex justify-end", r),
-		children: /* @__PURE__ */ R(oe, {
+		children: /* @__PURE__ */ V(L, {
 			row: e,
 			actions: t,
 			menuLabel: n,
@@ -360,252 +371,227 @@ function Ke({ item: e, actions: t, menuLabel: n, className: r }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-rows.tsx
-var qe = "min-w-0 basis-48", Je = "line-clamp-none break-words overflow-visible";
-function Ye({ metric: e, actions: t }) {
-	let n = e.tone ?? "neutral";
-	return /* @__PURE__ */ z(A, {
+var Be = "min-w-0 basis-48", Ve = "line-clamp-none break-words overflow-visible", He = "ml-auto shrink-0 flex-wrap justify-end gap-space-md";
+function Ue({ label: e, value: t, tone: n, badge: r }) {
+	let i = /* @__PURE__ */ V(F, {
+		className: Ve,
+		children: e
+	});
+	return !t && !r ? i : /* @__PURE__ */ H(l, {
+		direction: "horizontal",
+		gap: "sm",
+		className: "product-row--heading",
+		children: [
+			i,
+			!!t && (Fe(n) ? /* @__PURE__ */ V(_, {
+				tone: Me[n],
+				children: t
+			}) : /* @__PURE__ */ V(o, {
+				tag: "span",
+				type: "secondary",
+				lineHeight: "tight",
+				children: t
+			})),
+			r
+		]
+	});
+}
+function We({ label: e, onSelect: t }) {
+	return /* @__PURE__ */ V(s, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: t,
+		children: e
+	});
+}
+function Ge({ metric: e, actions: t }) {
+	return /* @__PURE__ */ H(P, {
 		className: "product-structure-metric-row--component product-structure-card--item",
 		children: [
-			/* @__PURE__ */ R(T, {
+			!!e.icon && /* @__PURE__ */ V(k, {
 				variant: "icon",
-				className: i("border-border rounded-full border", He[n]),
-				children: e.icon ?? /* @__PURE__ */ R(We, { tone: n })
+				className: "text-muted-foreground",
+				children: e.icon
 			}),
-			/* @__PURE__ */ z(k, {
-				className: qe,
-				children: [/* @__PURE__ */ R(j, {
-					className: Je,
+			/* @__PURE__ */ H(N, {
+				className: Be,
+				children: [/* @__PURE__ */ V(F, {
+					className: Ve,
 					children: e.label
-				}), !!e.description && /* @__PURE__ */ R(E, {
+				}), !!e.description && /* @__PURE__ */ V(A, {
 					clamp: 2,
 					children: e.description
 				})]
 			}),
-			/* @__PURE__ */ z(D, {
+			/* @__PURE__ */ H(j, {
 				className: "ml-auto shrink-0 gap-space-md",
-				children: [/* @__PURE__ */ R(p, {
+				children: [/* @__PURE__ */ V(m, {
 					weight: "semibold",
-					className: "tabular-nums",
+					className: i("tabular-nums", e.tone && Ne[e.tone]),
 					children: e.value
 				}), t]
 			})
 		]
 	});
 }
-function Xe({ item: e, actionFallback: t, onSelect: n, actions: r }) {
-	let a = e.tone ?? (e.completed ? "success" : "neutral"), o = e.onSelect ?? n;
-	return /* @__PURE__ */ z(A, {
+function Ke({ item: e, actionFallback: t, onSelect: n, actions: r }) {
+	let i = e.tone ?? (e.completed ? "success" : "neutral"), a = e.onSelect ?? n;
+	return /* @__PURE__ */ H(P, {
 		className: "product-readiness-row--component product-readiness-card--item",
 		children: [
-			/* @__PURE__ */ R(T, {
-				variant: "icon",
-				className: i("border-border rounded-full border", He[a]),
-				children: /* @__PURE__ */ R(We, { tone: a })
+			/* @__PURE__ */ V(k, {
+				className: "product-readiness-row--state h-icon-lg",
+				children: /* @__PURE__ */ V(Le, { tone: i })
 			}),
-			/* @__PURE__ */ z(k, {
-				className: qe,
-				children: [/* @__PURE__ */ R(j, {
-					className: Je,
-					children: e.label
-				}), !!e.description && /* @__PURE__ */ R(E, {
+			/* @__PURE__ */ H(N, {
+				className: Be,
+				children: [/* @__PURE__ */ V(Ue, {
+					label: e.label,
+					value: e.value,
+					tone: e.tone
+				}), !!e.description && /* @__PURE__ */ V(A, {
 					clamp: 2,
 					children: e.description
 				})]
 			}),
-			!!(e.value || o || r) && /* @__PURE__ */ z(D, {
-				className: "ml-auto shrink-0 flex-wrap justify-end gap-space-md",
-				children: [
-					!!e.value && /* @__PURE__ */ R(g, {
-						tone: Ve[a],
-						children: e.value
-					}),
-					!!o && /* @__PURE__ */ R(s, {
-						type: "button",
-						tone: "secondary",
-						buttonStyle: "ghost",
-						onClick: o,
-						icon: V,
-						iconPosition: "right",
-						children: e.actionLabel ?? t
-					}),
-					r
-				]
+			!!(a || r) && /* @__PURE__ */ H(j, {
+				className: He,
+				children: [!!a && /* @__PURE__ */ V(We, {
+					label: e.actionLabel ?? t,
+					onSelect: a
+				}), r]
 			})
 		]
 	});
 }
-function Ze({ item: e, actionFallback: t, onSelect: n, actions: r }) {
-	let o = e.tone ?? "neutral", c = e.onSelect ?? n;
-	return /* @__PURE__ */ z(A, {
+function qe({ item: e, actionFallback: t, onSelect: n, actions: r }) {
+	let i = e.onSelect ?? n;
+	return /* @__PURE__ */ H(P, {
 		className: "product-operation-row--component product-operations-card--item",
-		children: [
-			/* @__PURE__ */ R(T, {
-				variant: "icon",
-				className: i("border-border rounded-full border", He[o]),
-				children: /* @__PURE__ */ R(We, { tone: o })
-			}),
-			/* @__PURE__ */ z(k, {
-				className: qe,
-				children: [/* @__PURE__ */ R(j, {
-					className: Je,
-					children: e.label
-				}), !!e.description && /* @__PURE__ */ R(E, {
-					clamp: 2,
-					children: e.description
-				})]
-			}),
-			!!(e.value || c || r) && /* @__PURE__ */ z(D, {
-				className: "ml-auto shrink-0 flex-wrap justify-end gap-space-md",
-				children: [
-					!!e.value && /* @__PURE__ */ R(a, {
-						tag: "span",
-						weight: "semibold",
-						children: e.value
-					}),
-					!!c && /* @__PURE__ */ R(s, {
-						type: "button",
-						tone: "secondary",
-						buttonStyle: "ghost",
-						onClick: c,
-						icon: V,
-						iconPosition: "right",
-						children: e.actionLabel ?? t
-					}),
-					r
-				]
-			})
-		]
+		children: [/* @__PURE__ */ H(N, {
+			className: Be,
+			children: [/* @__PURE__ */ V(Ue, {
+				label: e.label,
+				value: e.value,
+				tone: e.tone
+			}), !!e.description && /* @__PURE__ */ V(A, {
+				clamp: 2,
+				children: e.description
+			})]
+		}), !!(i || r) && /* @__PURE__ */ H(j, {
+			className: He,
+			children: [!!i && /* @__PURE__ */ V(We, {
+				label: e.actionLabel ?? t,
+				onSelect: i
+			}), r]
+		})]
 	});
 }
-function Qe({ item: e, actionLabel: t, onSelect: n, actions: r }) {
-	let o = e.tone ?? "neutral", c = "values" in e ? e.values : void 0;
-	return /* @__PURE__ */ z(A, {
+function Je({ item: e, actionLabel: t, onSelect: n, actions: r }) {
+	let i = "values" in e ? e.values : void 0;
+	return /* @__PURE__ */ H(P, {
 		className: "product-summary-row--component",
-		children: [
-			/* @__PURE__ */ R(T, {
-				variant: "icon",
-				className: i("border-border rounded-full border", He[o]),
-				children: /* @__PURE__ */ R(We, { tone: o })
-			}),
-			/* @__PURE__ */ z(k, {
-				className: qe,
-				children: [
-					/* @__PURE__ */ R(j, {
-						className: Je,
-						children: e.label
-					}),
-					!!e.description && /* @__PURE__ */ R(E, {
-						clamp: 2,
-						children: e.description
-					}),
-					!!c?.length && /* @__PURE__ */ R("div", {
-						className: "mt-space-md flex flex-wrap gap-space-xs",
-						children: c.map((e, t) => /* @__PURE__ */ R(g, {
-							tone: "secondary",
-							children: e
-						}, t))
-					})
-				]
-			}),
-			!!(e.value || e.badge || n || r) && /* @__PURE__ */ z(D, {
-				className: "ml-auto shrink-0 flex-wrap justify-end gap-space-md",
-				children: [
-					!!e.value && /* @__PURE__ */ R(a, {
-						tag: "span",
-						weight: "semibold",
-						children: e.value
-					}),
-					!!e.badge && e.badge,
-					!!n && /* @__PURE__ */ R(s, {
-						type: "button",
+		children: [/* @__PURE__ */ H(N, {
+			className: Be,
+			children: [
+				/* @__PURE__ */ V(Ue, {
+					label: e.label,
+					value: e.value,
+					tone: e.tone,
+					badge: e.badge
+				}),
+				!!e.description && /* @__PURE__ */ V(A, {
+					clamp: 2,
+					children: e.description
+				}),
+				!!i?.length && /* @__PURE__ */ V("div", {
+					className: "mt-space-md flex flex-wrap gap-space-xs",
+					children: i.map((e, t) => /* @__PURE__ */ V(_, {
 						tone: "secondary",
-						buttonStyle: "ghost",
-						onClick: n,
-						icon: V,
-						iconPosition: "right",
-						children: t
-					}),
-					r
-				]
-			})
-		]
+						children: e
+					}, t))
+				})
+			]
+		}), !!(n || r) && /* @__PURE__ */ H(j, {
+			className: He,
+			children: [!!n && /* @__PURE__ */ V(We, {
+				label: t,
+				onSelect: n
+			}), r]
+		})]
 	});
 }
 //#endregion
 //#region src/components/features/products/components/product-contract-overview.tsx
-function $e({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: o, onEditContract: u, onCreateRule: d, onSelectRule: f, onEditRule: p, onDeleteRule: m, renderRuleActions: h, actions: g, footerSlot: _, empty: v, className: y, strings: b }) {
-	let x = r(De, b), S = e.length > 0 || t.length > 0 || n.length > 0, w = o || u || d ? /* @__PURE__ */ z("div", {
+function Ye({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: a, onEditContract: u, onCreateRule: d, onSelectRule: f, onEditRule: p, onDeleteRule: m, renderRuleActions: h, actions: g, footerSlot: _, empty: v, className: y, strings: b }) {
+	let x = r(Se, b), S = e.length > 0 || t.length > 0 || n.length > 0, C = a || u || d ? /* @__PURE__ */ H("div", {
 		className: "flex items-center gap-space-md",
 		children: [
-			!!d && /* @__PURE__ */ R(s, {
+			!!d && /* @__PURE__ */ V(s, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				onClick: d,
-				icon: q,
+				icon: G,
 				children: x.createRuleLabel
 			}),
-			!!u && /* @__PURE__ */ R(s, {
+			!!u && /* @__PURE__ */ V(s, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				onClick: u,
-				icon: K,
 				children: x.editLabel
 			}),
-			!!o && /* @__PURE__ */ R(s, {
+			!!a && /* @__PURE__ */ V(s, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
-				onClick: o,
-				icon: V,
-				iconPosition: "right",
+				onClick: a,
 				children: x.actionLabel
 			})
 		]
 	}) : void 0;
-	return /* @__PURE__ */ R(C, {
-		icon: /* @__PURE__ */ R(U, { className: "size-icon" }),
+	return /* @__PURE__ */ V(E, {
 		title: x.title,
 		description: x.description,
 		actions: g,
-		headerAction: w,
+		headerAction: C,
 		footerSlot: _,
-		contentClassName: "mt-1",
 		className: i("product-contract-overview--component w-full", y),
-		children: S ? /* @__PURE__ */ z(l, {
-			gap: "xl",
+		children: S ? /* @__PURE__ */ H(l, {
+			gap: "2xl",
 			children: [
-				e.length > 0 && /* @__PURE__ */ R(c, {
+				e.length > 0 && /* @__PURE__ */ V(c, {
 					columns: {
 						base: 1,
 						sm: 3
 					},
 					gap: "md",
-					children: e.map((e) => /* @__PURE__ */ R(Ge, { metric: e }, e.id))
+					children: e.map((e) => /* @__PURE__ */ V(Re, { metric: e }, e.id))
 				}),
-				t.length > 0 && /* @__PURE__ */ z(l, {
+				t.length > 0 && /* @__PURE__ */ H(l, {
 					gap: "md",
-					children: [/* @__PURE__ */ R(a, {
+					children: [/* @__PURE__ */ V(o, {
 						weight: "semibold",
 						children: x.termsTitle
-					}), /* @__PURE__ */ R(ae, {
+					}), /* @__PURE__ */ V(se, {
 						items: t,
 						columns: 2,
 						density: "compact"
 					})]
 				}),
-				n.length > 0 && /* @__PURE__ */ z(l, {
+				n.length > 0 && /* @__PURE__ */ H(l, {
 					gap: "md",
-					children: [/* @__PURE__ */ R(a, {
+					children: [/* @__PURE__ */ V(o, {
 						weight: "semibold",
 						children: x.rulesTitle
-					}), /* @__PURE__ */ R(O, { children: n.map((e, t) => {
+					}), /* @__PURE__ */ V(M, { 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__ */ R(H, { className: "size-icon-md" }),
+								icon: /* @__PURE__ */ V(he, { className: "size-icon-md" }),
 								onClick: () => n(),
 								tone: "secondary",
 								buttonStyle: "ghost"
@@ -613,7 +599,7 @@ function $e({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: o,
 							...r ? [{
 								id: "edit",
 								label: x.editRuleLabel,
-								icon: /* @__PURE__ */ R(K, { className: "size-icon-md" }),
+								icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
 								onClick: () => r(),
 								tone: "secondary",
 								buttonStyle: "ghost"
@@ -621,7 +607,7 @@ function $e({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: o,
 							...i ? [{
 								id: "delete",
 								label: x.deleteRuleLabel,
-								icon: /* @__PURE__ */ R(Z, { className: "size-icon-md" }),
+								icon: /* @__PURE__ */ V(q, { className: "size-icon-md" }),
 								onClick: () => i(),
 								tone: "destructive"
 							}] : []
@@ -630,63 +616,61 @@ function $e({ metrics: e = [], terms: t = [], rules: n = [], onOpenContract: o,
 							onSelect: n,
 							onEdit: r,
 							onDelete: i
-						}) : /* @__PURE__ */ R(Ke, {
+						}) : /* @__PURE__ */ V(ze, {
 							item: e,
 							actions: a,
 							menuLabel: x.ruleActionsLabel
 						});
-						return /* @__PURE__ */ R(Qe, {
+						return /* @__PURE__ */ V(Je, {
 							item: e,
 							actions: o
 						}, e.id);
 					}) })]
 				})
 			]
-		}) : v ?? /* @__PURE__ */ R(Be, {
+		}) : v ?? /* @__PURE__ */ V($, {
 			title: x.emptyTitle,
 			description: x.emptyDescription,
-			action: d ? /* @__PURE__ */ R(s, {
+			action: d ? /* @__PURE__ */ V(s, {
+				tone: "primary",
 				type: "button",
 				onClick: d,
-				icon: q,
+				icon: G,
 				children: x.createRuleLabel
 			}) : void 0
 		})
 	});
 }
-$e.displayName = "ProductContractOverview";
+Ye.displayName = "ProductContractOverview";
 //#endregion
 //#region src/components/features/products/components/product-details-card.tsx
-function et({ title: e, description: t, metadata: n = [], media: a, onEditDetails: o, actions: c, headerEnd: l, footerSlot: u, empty: d, className: f, strings: p }) {
-	let m = r($, p), h = o ? /* @__PURE__ */ R(s, {
+function Xe({ title: e, description: t, metadata: n = [], media: a, onEditDetails: o, actions: c, headerEnd: l, footerSlot: u, empty: d, className: f, strings: p }) {
+	let m = r(xe, p), h = o ? /* @__PURE__ */ V(s, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: o,
-		icon: K,
 		children: m.editLabel
 	}) : void 0;
-	return /* @__PURE__ */ R(C, {
-		icon: /* @__PURE__ */ R(pe, { className: "size-icon" }),
+	return /* @__PURE__ */ V(E, {
 		title: e ?? m.title,
 		description: t === !1 ? void 0 : t ?? m.description,
 		actions: c,
 		headerAction: h,
 		headerEnd: l,
 		footerSlot: u,
-		contentClassName: "mt-1",
 		className: i("product-details-card--component w-full", f),
-		children: n.length === 0 ? d ?? /* @__PURE__ */ R(Be, {
+		children: n.length === 0 ? d ?? /* @__PURE__ */ V($, {
 			title: m.emptyTitle,
 			description: m.emptyDescription
-		}) : /* @__PURE__ */ R("div", {
+		}) : /* @__PURE__ */ V("div", {
 			className: "@container/product-details",
-			children: /* @__PURE__ */ z("div", {
+			children: /* @__PURE__ */ H("div", {
 				className: i("grid min-w-0 grid-cols-1 gap-space-xl", a && "@xl/product-details:grid-cols-[12rem_minmax(0,1fr)]"),
-				children: [!!a && /* @__PURE__ */ R("div", {
-					className: "product-details-card--media overflow-hidden rounded-inner border border-border bg-muted/30",
+				children: [!!a && /* @__PURE__ */ V("div", {
+					className: "product-details-card--media self-start overflow-hidden rounded-inner border border-border bg-muted/30",
 					children: a
-				}), /* @__PURE__ */ R(ae, {
+				}), /* @__PURE__ */ V(se, {
 					items: n,
 					columns: a ? 1 : 2,
 					density: "compact",
@@ -696,12 +680,12 @@ function et({ title: e, description: t, metadata: n = [], media: a, onEditDetail
 		})
 	});
 }
-et.displayName = "ProductDetailsCard";
+Xe.displayName = "ProductDetailsCard";
 //#endregion
 //#region src/components/features/products/components/product-option-action-menu.tsx
-function tt({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDeleteOption: o, renderOptionActions: s, menuLabel: c, className: l, strings: u }) {
-	let d = r(ke, 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__ */ R("div", {
+function Ze({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDeleteOption: o, renderOptionActions: s, menuLabel: c, className: l, strings: u }) {
+	let d = r(we, u), f = n ? () => n(e) : void 0, p = a ? () => a(e) : void 0, m = o ? () => o(e) : void 0;
+	return f || p || m || s ? s ? /* @__PURE__ */ V("div", {
 		className: i("product-option-action-menu--component flex justify-end", l),
 		children: s(e, {
 			index: t,
@@ -709,7 +693,7 @@ function tt({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDel
 			onEdit: p,
 			onDelete: m
 		})
-	}) : /* @__PURE__ */ R(Ke, {
+	}) : /* @__PURE__ */ V(ze, {
 		item: e,
 		menuLabel: c ?? d.actionsLabel,
 		className: i("product-option-action-menu--component", l),
@@ -717,7 +701,7 @@ function tt({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDel
 			...f ? [{
 				id: "open",
 				label: d.viewLabel,
-				icon: /* @__PURE__ */ R(H, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ V(he, { className: "size-icon-md" }),
 				onClick: () => f(),
 				tone: "secondary",
 				buttonStyle: "ghost"
@@ -725,7 +709,7 @@ function tt({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDel
 			...p ? [{
 				id: "edit",
 				label: d.editLabel,
-				icon: /* @__PURE__ */ R(K, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
 				onClick: () => p(),
 				tone: "secondary",
 				buttonStyle: "ghost"
@@ -733,55 +717,54 @@ function tt({ option: e, index: t = 0, onSelectOption: n, onEditOption: a, onDel
 			...m ? [{
 				id: "delete",
 				label: d.deleteLabel,
-				icon: /* @__PURE__ */ R(Z, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ V(q, { className: "size-icon-md" }),
 				onClick: () => m(),
 				tone: "destructive"
 			}] : []
 		]
 	}) : null;
 }
-tt.displayName = "ProductOptionActionMenu";
+Ze.displayName = "ProductOptionActionMenu";
 //#endregion
 //#region src/components/features/products/components/product-operations-card.tsx
-function nt({ items: e = [], onCreateOperation: t, onSelectOperation: n, onEditOperation: a, onDeleteOperation: o, renderOperationActions: c, actions: l, footerSlot: u, renderItem: d, empty: f, className: p, strings: m }) {
-	let h = r(Ee, m), g = t ? /* @__PURE__ */ R(s, {
+function Qe({ items: e = [], onCreateOperation: t, onSelectOperation: n, onEditOperation: a, onDeleteOperation: o, renderOperationActions: c, actions: l, footerSlot: u, renderItem: d, empty: f, className: p, strings: m }) {
+	let h = r(be, m), g = t ? /* @__PURE__ */ V(s, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: t,
-		icon: q,
+		icon: G,
 		children: h.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ R(C, {
-		icon: /* @__PURE__ */ R(ye, { className: "size-icon" }),
+	return /* @__PURE__ */ V(E, {
 		title: h.title,
 		description: h.description,
 		actions: l,
 		headerAction: g,
 		footerSlot: u,
-		contentClassName: "mt-1",
 		className: i("product-operations-card--component w-full", p),
-		children: e.length === 0 ? f ?? /* @__PURE__ */ R(Be, {
+		children: e.length === 0 ? f ?? /* @__PURE__ */ V($, {
 			title: h.emptyTitle,
 			description: h.emptyDescription,
-			action: t ? /* @__PURE__ */ R(s, {
+			action: t ? /* @__PURE__ */ V(s, {
+				tone: "primary",
 				type: "button",
 				onClick: t,
-				icon: q,
+				icon: G,
 				children: h.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ R(O, { children: e.map((e, t) => {
+		}) : /* @__PURE__ */ V(M, { children: e.map((e, t) => {
 			let r = n ? () => n(e) : void 0, i = a ? () => a(e) : void 0, s = o ? () => o(e) : void 0, l = [...i ? [{
 				id: "edit",
 				label: h.editLabel,
-				icon: /* @__PURE__ */ R(K, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
 				onClick: () => i(),
 				tone: "secondary",
 				buttonStyle: "ghost"
 			}] : [], ...s ? [{
 				id: "delete",
 				label: h.deleteLabel,
-				icon: /* @__PURE__ */ R(Z, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ V(q, { className: "size-icon-md" }),
 				onClick: () => s(),
 				tone: "destructive"
 			}] : []], u = c ? c(e, {
@@ -789,12 +772,12 @@ function nt({ items: e = [], onCreateOperation: t, onSelectOperation: n, onEditO
 				onSelect: r,
 				onEdit: i,
 				onDelete: s
-			}) : /* @__PURE__ */ R(Ke, {
+			}) : /* @__PURE__ */ V(ze, {
 				item: e,
 				actions: l,
 				menuLabel: h.actionsLabel
 			});
-			return d ? /* @__PURE__ */ R("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ R(Ze, {
+			return d ? /* @__PURE__ */ V("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ V(qe, {
 				item: e,
 				actionFallback: h.actionLabel,
 				onSelect: r,
@@ -803,236 +786,236 @@ function nt({ items: e = [], onCreateOperation: t, onSelectOperation: n, onEditO
 		}) })
 	});
 }
-nt.displayName = "ProductOperationsCard";
+Qe.displayName = "ProductOperationsCard";
 //#endregion
 //#region src/components/features/products/components/product-options-matrix.tsx
-function rt(e) {
+function $e(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
-function it(e) {
+function et(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function at(e, t) {
-	let n = rt(t.name);
+function tt(e, t) {
+	let n = $e(t.name);
 	return n ? `${e}: ${n}` : e;
 }
-function ot(e) {
+function nt(e) {
 	return {
-		name: rt(e.name),
+		name: $e(e.name),
 		values: (e.values ?? []).map((e) => ({
 			...e,
-			label: rt(e.label)
+			label: $e(e.label)
 		}))
 	};
 }
-function st({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: o, defaultCollapsedOptionIds: c = [], onCollapsedOptionIdsChange: u, editingOptionId: p, defaultEditingOptionId: m, onEditingOptionIdChange: h, onCreateOption: g, onEditOption: y, onDeleteOption: b, confirmDelete: S, onAddValue: T, onDeleteValue: E, onOptionNameChange: D, onValueLabelChange: O, onDoneEditingOption: k, onSaveEditingOption: A, onCancelEditingOption: j, onToggleUsedForVariants: ee, renderOptionActions: M, renderValue: te, showHeader: N, showCollapseControls: ne = !0, showInlineActions: P = !0, showVariantToggle: re = !0, actions: ie, headerEnd: ae, footerSlot: oe, empty: se, className: ce, strings: le }) {
-	let I = r(Ae, le), B = o !== void 0, [V, pe] = de(c), he = B ? o : V, ge = L(() => new Set(he), [he]), H = p !== void 0 || m !== void 0 || !!h || !!D || !!O || !!k || !!A || !!j, U = p !== void 0, [_e, ve] = de(m ?? null), [G, ye] = de({}), K = H ? U ? p : _e : null, Y = e.length > 0, be = t === "embedded" && N !== !1, xe = Y && !!g, Se = F((t) => {
-		B || pe(t), u?.(t, e.filter((e) => t.includes(e.id)));
+function rt({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: a, defaultCollapsedOptionIds: c = [], onCollapsedOptionIdsChange: u, editingOptionId: d, defaultEditingOptionId: m, onEditingOptionIdChange: h, onCreateOption: g, onEditOption: _, onDeleteOption: v, confirmDelete: S, onAddValue: C, onDeleteValue: T, onOptionNameChange: D, onValueLabelChange: O, onDoneEditingOption: k, onSaveEditingOption: A, onCancelEditingOption: j, onToggleUsedForVariants: M, renderOptionActions: N, renderValue: P, showHeader: F, showCollapseControls: ee = !0, showInlineActions: I = !0, showVariantToggle: te = !0, actions: ne, headerEnd: re, footerSlot: ie, empty: ae, className: oe, strings: se }) {
+	let L = r(Te, se), ce = a !== void 0, [z, fe] = ue(c), me = ce ? a : z, he = B(() => new Set(me), [me]), U = d !== void 0 || m !== void 0 || !!h || !!D || !!O || !!k || !!A || !!j, W = d !== void 0, [ve, K] = ue(m ?? null), [J, Y] = ue({}), be = U ? W ? d : ve : null, xe = e.length > 0, Se = t === "embedded" && F !== !1, Ce = xe && !!g, we = R((t) => {
+		ce || fe(t), u?.(t, e.filter((e) => t.includes(e.id)));
 	}, [
-		B,
+		ce,
 		u,
 		e
-	]), Ce = F((e) => {
-		let t = ge.has(e.id) ? he.filter((t) => t !== e.id) : [...he, e.id];
-		Se(t);
+	]), Ee = R((e) => {
+		let t = he.has(e.id) ? me.filter((t) => t !== e.id) : [...me, e.id];
+		we(t);
 	}, [
-		ge,
 		he,
-		Se
-	]), X = F((e, t) => {
-		H && (U || ve(e), h?.(e, t));
+		me,
+		we
+	]), X = R((e, t) => {
+		U && (W || K(e), h?.(e, t));
 	}, [
-		U,
+		W,
 		h,
-		H
-	]), Te = F((e) => {
-		ye((t) => ({
+		U
+	]), Z = R((e) => {
+		Y((t) => ({
 			...t,
-			[e.id]: ot(e)
-		})), X(e.id, e), y?.(e);
-	}, [y, X]), Q = F((e) => G[e.id] ?? ot(e), [G]), Ee = F((e, t) => {
-		ye((n) => ({
+			[e.id]: nt(e)
+		})), X(e.id, e), _?.(e);
+	}, [_, X]), De = R((e) => J[e.id] ?? nt(e), [J]), Oe = R((e, t) => {
+		Y((n) => ({
 			...n,
-			[e.id]: t(n[e.id] ?? ot(e))
+			[e.id]: t(n[e.id] ?? nt(e))
 		}));
-	}, []), $ = F((e) => {
-		let t = Q(e);
-		ye((t) => {
+	}, []), ke = R((e) => {
+		let t = De(e);
+		Y((t) => {
 			let { [e.id]: n, ...r } = t;
 			return r;
 		}), X(null, e), j?.(e, t);
 	}, [
-		Q,
+		De,
 		j,
 		X
-	]), De = F((e) => {
-		let t = Q(e), n = e.values ?? [], r = new Set(n.map((e) => e.id)), i = new Set(t.values.map((e) => e.id));
+	]), Q = R((e) => {
+		let t = De(e), n = e.values ?? [], r = new Set(n.map((e) => e.id)), i = new Set(t.values.map((e) => e.id));
 		A?.(e, t), D?.(e, t.name), n.forEach((n) => {
 			let r = t.values.find((e) => e.id === n.id);
-			r && rt(n.label) !== rt(r.label) && O?.(e, n, rt(r.label));
+			r && $e(n.label) !== $e(r.label) && O?.(e, n, $e(r.label));
 		}), t.values.forEach((t) => {
-			r.has(t.id) || T?.(e);
+			r.has(t.id) || C?.(e);
 		}), n.forEach((t) => {
-			i.has(t.id) || E?.(e, t);
-		}), ye((t) => {
+			i.has(t.id) || T?.(e, t);
+		}), Y((t) => {
 			let { [e.id]: n, ...r } = t;
 			return r;
 		}), X(null, e), k?.(e);
 	}, [
-		Q,
+		De,
+		C,
 		T,
-		E,
 		k,
 		D,
 		A,
 		O,
 		X
-	]), Oe = d(), [ke, je] = de(null), Me = F((e) => {
-		let t = Q(e), n = new Set(t.values.map((e) => e.id)), r = (e.values ?? []).filter((e) => !n.has(e.id)).length;
+	]), Ae = f(), [je, Me] = ue(null), Ne = R((e) => {
+		let t = De(e), n = new Set(t.values.map((e) => e.id)), r = (e.values ?? []).filter((e) => !n.has(e.id)).length;
 		if (S === !1 || r === 0) {
-			De(e);
+			Q(e);
 			return;
 		}
-		je({
+		Me({
 			option: e,
 			removed: r
-		}), Oe.show();
+		}), Ae.show();
 	}, [
-		De,
-		S,
 		Q,
-		Oe
-	]), Ne = F((e) => {
-		K === e.id && (ye((t) => {
+		S,
+		De,
+		Ae
+	]), Pe = R((e) => {
+		be === e.id && (Y((t) => {
 			let { [e.id]: n, ...r } = t;
 			return r;
-		}), X(null, e)), b?.(e);
+		}), X(null, e)), v?.(e);
 	}, [
-		b,
-		K,
+		v,
+		be,
 		X
-	]), Pe = d(), [Fe, Ie] = de(null), Le = F((e) => {
+	]), Fe = f(), [Ie, Le] = ue(null), Re = R((e) => {
 		if (S === !1) {
-			Ne(e);
+			Pe(e);
 			return;
 		}
-		Ie(e), Pe.show();
+		Le(e), Fe.show();
 	}, [
 		S,
-		Ne,
-		Pe
-	]), Re = g ? /* @__PURE__ */ R(s, {
+		Pe,
+		Fe
+	]), Be = g ? /* @__PURE__ */ V(s, {
 		type: "button",
 		tone: "neutral",
 		onClick: g,
-		icon: q,
-		children: I.createLabel
-	}) : void 0, ze = be ? /* @__PURE__ */ R("div", {
+		icon: G,
+		children: L.createLabel
+	}) : void 0, Ve = Se ? /* @__PURE__ */ V("div", {
 		className: "product-options-matrix--panel-header p-surface",
-		children: /* @__PURE__ */ z(l, {
+		children: /* @__PURE__ */ H(l, {
 			direction: "horizontal",
 			gap: "md",
 			justify: "between",
-			children: [/* @__PURE__ */ R(a, {
+			children: [/* @__PURE__ */ V(o, {
 				weight: "semibold",
-				children: I.title
-			}), Re]
+				children: L.title
+			}), Be]
 		})
-	}) : null, Ve = /* @__PURE__ */ z("div", {
+	}) : null, He = /* @__PURE__ */ H("div", {
 		className: "product-options-matrix--body min-w-0",
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ H("div", {
 				className: "product-options-matrix--panel overflow-hidden rounded-radius border border-border bg-background",
-				children: [ze, Y ? /* @__PURE__ */ z("div", {
-					className: i("product-options-matrix--list", be && "border-t border-border/70"),
+				children: [Ve, xe ? /* @__PURE__ */ H("div", {
+					className: i("product-options-matrix--list", Se && "border-t border-border/70"),
 					children: [e.map((e, t) => {
-						let n = e.values ?? [], r = ge.has(e.id), o = K === e.id, c = !!y || H, u = !!b, d = !!T, f = Q(e), p = M?.(e, {
+						let n = e.values ?? [], r = he.has(e.id), a = be === e.id, c = !!_ || U, u = !!v, d = !!C, f = De(e), p = N?.(e, {
 							index: t,
-							onEdit: c ? () => Te(e) : void 0,
-							onDelete: b ? () => Le(e) : void 0,
-							onAddValue: T ? () => T(e) : void 0,
-							onToggleCollapsed: () => Ce(e),
+							onEdit: c ? () => Z(e) : void 0,
+							onDelete: v ? () => Re(e) : void 0,
+							onAddValue: C ? () => C(e) : void 0,
+							onToggleCollapsed: () => Ee(e),
 							collapsed: r
 						}), m = [...d ? [{
 							id: "add-value",
-							label: I.addValueLabel,
-							icon: /* @__PURE__ */ R(q, { className: "size-icon-md" }),
-							onClick: () => T?.(e),
+							label: L.addValueLabel,
+							icon: /* @__PURE__ */ V(G, { className: "size-icon-md" }),
+							onClick: () => C?.(e),
 							tone: "secondary",
 							buttonStyle: "ghost"
 						}] : [], ...u ? [{
 							id: "delete",
-							label: I.deleteLabel,
-							icon: /* @__PURE__ */ R(Z, { className: "size-icon-md" }),
-							onClick: () => Le(e),
+							label: L.deleteLabel,
+							icon: /* @__PURE__ */ V(q, { className: "size-icon-md" }),
+							onClick: () => Re(e),
 							tone: "destructive"
-						}] : []], h = P ? /* @__PURE__ */ z(fe, { children: [!!c && /* @__PURE__ */ R(s, {
+						}] : []], h = I ? /* @__PURE__ */ H(de, { children: [!!c && /* @__PURE__ */ V(s, {
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "ghost",
-							onClick: () => Te(e),
-							children: I.editLabel
-						}), /* @__PURE__ */ R(Ke, {
+							onClick: () => Z(e),
+							children: L.editLabel
+						}), /* @__PURE__ */ V(ze, {
 							item: e,
 							actions: m,
-							menuLabel: I.actionsLabel
+							menuLabel: L.actionsLabel
 						})] }) : null, g = p === void 0 ? h : p;
-						if (o) return /* @__PURE__ */ R("div", {
+						if (a) return /* @__PURE__ */ V("div", {
 							className: "product-options-matrix--item product-options-matrix--item-editing border-b border-border/70 p-surface last:border-b-0",
-							children: /* @__PURE__ */ z("div", {
+							children: /* @__PURE__ */ H("div", {
 								className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] gap-x-space-md gap-y-space-lg",
-								children: [/* @__PURE__ */ R("span", {
+								children: [/* @__PURE__ */ V("span", {
 									className: "product-options-matrix--drag-handle self-start flex size-icon-lg items-center justify-center text-muted-foreground",
 									"aria-hidden": "true",
-									children: /* @__PURE__ */ R(W, { className: "size-icon-sm" })
-								}), /* @__PURE__ */ z(l, {
+									children: /* @__PURE__ */ V(ge, { className: "size-icon-sm" })
+								}), /* @__PURE__ */ H(l, {
 									gap: "lg",
 									className: "product-options-matrix--editor",
 									children: [
-										/* @__PURE__ */ R(w, {
-											label: I.optionNameLabel,
+										/* @__PURE__ */ V(x, {
+											label: L.optionNameLabel,
 											className: "product-options-matrix--editor-field",
-											children: /* @__PURE__ */ R(v, {
+											children: /* @__PURE__ */ V(b, {
 												value: f.name,
 												onChange: (t) => {
 													let n = t.currentTarget.value;
-													Ee(e, (e) => ({
+													Oe(e, (e) => ({
 														...e,
 														name: n
 													}));
 												},
-												"aria-label": I.optionNameLabel,
+												"aria-label": L.optionNameLabel,
 												className: "bg-background"
 											})
 										}),
-										/* @__PURE__ */ z(l, {
+										/* @__PURE__ */ H(l, {
 											gap: "sm",
 											className: "product-options-matrix--editor-field",
-											children: [/* @__PURE__ */ R(a, {
+											children: [/* @__PURE__ */ V(o, {
 												weight: "medium",
-												children: I.optionValuesLabel
-											}), /* @__PURE__ */ z(l, {
+												children: L.optionValuesLabel
+											}), /* @__PURE__ */ H(l, {
 												gap: "xs",
 												className: "product-options-matrix--editor-values",
 												children: [
-													f.values.length === 0 && /* @__PURE__ */ R(a, {
+													f.values.length === 0 && /* @__PURE__ */ V(o, {
 														size: "xs",
 														type: "secondary",
-														children: I.noValuesLabel
+														children: L.noValuesLabel
 													}),
-													f.values.map((t) => /* @__PURE__ */ z("div", {
+													f.values.map((t) => /* @__PURE__ */ H("div", {
 														className: "product-options-matrix--editor-value grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-space-sm",
 														children: [
-															/* @__PURE__ */ R("span", {
+															/* @__PURE__ */ V("span", {
 																className: "flex size-icon-lg items-center justify-center text-muted-foreground",
 																"aria-hidden": "true",
-																children: /* @__PURE__ */ R(W, { className: "size-icon-sm" })
+																children: /* @__PURE__ */ V(ge, { className: "size-icon-sm" })
 															}),
-															/* @__PURE__ */ R(v, {
-																value: rt(t.label),
+															/* @__PURE__ */ V(b, {
+																value: $e(t.label),
 																onChange: (n) => {
 																	let r = n.currentTarget.value;
-																	Ee(e, (e) => ({
+																	Oe(e, (e) => ({
 																		...e,
 																		values: e.values.map((e) => e.id === t.id ? {
 																			...e,
@@ -1040,45 +1023,45 @@ function st({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: o,
 																		} : e)
 																	}));
 																},
-																"aria-label": `${I.optionValuesLabel}: ${rt(t.label)}`,
+																"aria-label": `${L.optionValuesLabel}: ${$e(t.label)}`,
 																className: "bg-background"
 															}),
-															/* @__PURE__ */ z(s, {
+															/* @__PURE__ */ H(s, {
 																type: "button",
 																size: "sm",
 																iconOnly: !0,
 																tone: "secondary",
 																buttonStyle: "ghost",
-																onClick: () => Ee(e, (e) => ({
+																onClick: () => Oe(e, (e) => ({
 																	...e,
 																	values: e.values.filter((e) => e.id !== t.id)
 																})),
-																"aria-label": I.deleteValueLabel,
+																"aria-label": L.deleteValueLabel,
 																className: "text-muted-foreground hover:text-destructive",
-																children: [/* @__PURE__ */ R(Z, {
+																children: [/* @__PURE__ */ V(q, {
 																	className: "size-icon-sm",
 																	"aria-hidden": "true"
-																}), /* @__PURE__ */ R(a, {
+																}), /* @__PURE__ */ V(o, {
 																	tag: "span",
 																	size: "pxs",
 																	className: "sr-only",
-																	children: I.deleteValueLabel
+																	children: L.deleteValueLabel
 																})]
 															})
 														]
 													}, t.id)),
-													/* @__PURE__ */ z("div", {
+													/* @__PURE__ */ H("div", {
 														className: "product-options-matrix--editor-add-value grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-space-sm",
 														children: [
-															/* @__PURE__ */ R("span", {
+															/* @__PURE__ */ V("span", {
 																className: "size-icon-lg",
 																"aria-hidden": "true"
 															}),
-															/* @__PURE__ */ R(s, {
+															/* @__PURE__ */ V(s, {
 																type: "button",
 																tone: "secondary",
 																buttonStyle: "outline",
-																onClick: () => Ee(e, (t) => {
+																onClick: () => Oe(e, (t) => {
 																	let n = t.values.length + 1;
 																	return {
 																		...t,
@@ -1090,9 +1073,9 @@ function st({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: o,
 																}),
 																fullWidth: !0,
 																className: "justify-start border-input bg-background text-muted-foreground hover:bg-muted/60",
-																children: I.addAnotherValueLabel
+																children: L.addAnotherValueLabel
 															}),
-															/* @__PURE__ */ R("span", {
+															/* @__PURE__ */ V("span", {
 																className: "size-action-sm",
 																"aria-hidden": "true"
 															})
@@ -1101,34 +1084,34 @@ function st({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: o,
 												]
 											})]
 										}),
-										/* @__PURE__ */ z(l, {
+										/* @__PURE__ */ H(l, {
 											direction: "horizontal",
 											gap: "md",
 											justify: "between",
 											wrap: !1,
 											className: "product-options-matrix--editor-actions",
-											children: [/* @__PURE__ */ R("div", { children: !!b && /* @__PURE__ */ R(s, {
+											children: [/* @__PURE__ */ V("div", { children: !!v && /* @__PURE__ */ V(s, {
 												type: "button",
 												tone: "destructive",
 												buttonStyle: "outline",
-												onClick: () => Le(e),
-												children: I.deleteLabel
-											}) }), /* @__PURE__ */ z(l, {
+												onClick: () => Re(e),
+												children: L.deleteLabel
+											}) }), /* @__PURE__ */ H(l, {
 												direction: "horizontal",
 												gap: "sm",
 												justify: "end",
 												wrap: !1,
-												children: [/* @__PURE__ */ R(s, {
+												children: [/* @__PURE__ */ V(s, {
 													type: "button",
 													tone: "secondary",
 													buttonStyle: "ghost",
-													onClick: () => $(e),
-													children: I.cancelLabel
-												}), /* @__PURE__ */ R(s, {
+													onClick: () => ke(e),
+													children: L.cancelLabel
+												}), /* @__PURE__ */ V(s, {
 													type: "button",
 													tone: "neutral",
-													onClick: () => Me(e),
-													children: I.saveLabel ?? I.doneLabel
+													onClick: () => Ne(e),
+													children: L.saveLabel ?? L.doneLabel
 												})]
 											})]
 										})
@@ -1136,69 +1119,69 @@ function st({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: o,
 								})]
 							})
 						}, e.id);
-						let S = /* @__PURE__ */ z(l, {
-							render: /* @__PURE__ */ R("span", {}),
+						let S = /* @__PURE__ */ H(l, {
+							render: /* @__PURE__ */ V("span", {}),
 							gap: "sm",
 							children: [
-								/* @__PURE__ */ z(l, {
-									render: /* @__PURE__ */ R("span", {}),
+								/* @__PURE__ */ H(l, {
+									render: /* @__PURE__ */ V("span", {}),
 									direction: "horizontal",
 									gap: "sm",
-									children: [/* @__PURE__ */ R(a, {
+									children: [/* @__PURE__ */ V(o, {
 										tag: "span",
 										weight: "semibold",
 										className: "min-w-0 whitespace-normal break-words",
 										children: e.name
 									}), e.badge]
 								}),
-								!!e.description && /* @__PURE__ */ R(a, {
+								!!e.description && /* @__PURE__ */ V(o, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
 									className: "max-w-prose",
 									children: e.description
 								}),
-								!r && /* @__PURE__ */ R(l, {
-									render: /* @__PURE__ */ R("span", {}),
+								!r && /* @__PURE__ */ V(l, {
+									render: /* @__PURE__ */ V("span", {}),
 									gap: "sm",
 									className: "product-options-matrix--values",
-									children: n.length === 0 ? /* @__PURE__ */ R(a, {
+									children: n.length === 0 ? /* @__PURE__ */ V(o, {
 										tag: "span",
 										size: "xs",
 										type: "secondary",
-										children: I.noValuesLabel
-									}) : /* @__PURE__ */ R("span", {
+										children: L.noValuesLabel
+									}) : /* @__PURE__ */ V("span", {
 										className: "flex flex-wrap gap-space-xs",
 										children: n.map((n, r) => {
-											let o = E ? () => E(e, n) : void 0, s = te?.(n, {
+											let a = T ? () => T(e, n) : void 0, s = P?.(n, {
 												option: e,
 												optionIndex: t,
 												valueIndex: r,
-												onDelete: o
+												onDelete: a
 											});
-											return s ? /* @__PURE__ */ R(ue, { children: s }, n.id) : /* @__PURE__ */ z("span", {
+											return s ? /* @__PURE__ */ V(le, { children: s }, n.id) : /* @__PURE__ */ H("span", {
 												className: i("product-options-matrix--value inline-flex max-w-full items-center gap-space-xs rounded-radius bg-muted px-space-sm py-space-xs text-pxs font-medium leading-none text-muted-foreground", n.disabled && "opacity-60"),
 												children: [
-													it(n.label) ? /* @__PURE__ */ R(a, {
+													et(n.label) ? /* @__PURE__ */ V(o, {
 														tag: "span",
 														size: "inherit",
 														className: "min-w-0 whitespace-normal break-words",
 														children: n.label
 													}) : n.label,
 													n.badge,
-													!!o && P && /* @__PURE__ */ z("button", {
+													!!a && I && /* @__PURE__ */ H("button", {
 														type: "button",
-														onClick: o,
-														"aria-label": I.deleteValueLabel,
-														className: i(_.target, _.focus, _.clear, "hover:text-destructive"),
-														children: [/* @__PURE__ */ R(we, {
-															className: _.icon,
+														onClick: a,
+														"aria-label": L.deleteValueLabel,
+														className: i(y.target, y.focus, y.clear, "hover:text-destructive"),
+														children: [/* @__PURE__ */ V(ye, {
+															className: y.icon,
 															"aria-hidden": "true"
-														}), /* @__PURE__ */ R(a, {
+														}), /* @__PURE__ */ V(o, {
 															tag: "span",
 															size: "pxs",
 															className: "sr-only",
-															children: I.deleteValueLabel
+															children: L.deleteValueLabel
 														})]
 													})
 												]
@@ -1208,59 +1191,59 @@ function st({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: o,
 								})
 							]
 						});
-						return /* @__PURE__ */ R("div", {
+						return /* @__PURE__ */ V("div", {
 							className: "product-options-matrix--item border-b border-border/70 last:border-b-0",
-							children: /* @__PURE__ */ z("div", {
+							children: /* @__PURE__ */ H("div", {
 								className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-x-space-md gap-y-space-md p-surface @2xl/product-options-matrix:grid-cols-[auto_minmax(0,1fr)_auto]",
 								children: [
-									ne ? /* @__PURE__ */ z(s, {
+									ee ? /* @__PURE__ */ H(s, {
 										type: "button",
 										size: "sm",
 										iconOnly: !0,
 										tone: "secondary",
 										buttonStyle: "ghost",
-										onClick: () => Ce(e),
+										onClick: () => Ee(e),
 										"aria-expanded": !r,
-										"aria-label": r ? I.expandOptionLabel : I.collapseOptionLabel,
+										"aria-label": r ? L.expandOptionLabel : L.collapseOptionLabel,
 										className: "product-options-matrix--collapse-trigger mt-space-2xs shrink-0 text-muted-foreground",
-										children: [/* @__PURE__ */ R(me, {
+										children: [/* @__PURE__ */ V(pe, {
 											className: i("size-icon-sm transition-transform", r && "-rotate-90"),
 											"aria-hidden": "true"
-										}), /* @__PURE__ */ R(a, {
+										}), /* @__PURE__ */ V(o, {
 											tag: "span",
 											size: "pxs",
 											className: "sr-only",
-											children: r ? I.expandOptionLabel : I.collapseOptionLabel
+											children: r ? L.expandOptionLabel : L.collapseOptionLabel
 										})]
-									}) : /* @__PURE__ */ R("span", {
+									}) : /* @__PURE__ */ V("span", {
 										className: "product-options-matrix--drag-handle flex size-icon-lg items-center justify-center text-muted-foreground",
 										"aria-hidden": "true",
-										children: /* @__PURE__ */ R(W, { className: "size-icon-sm" })
+										children: /* @__PURE__ */ V(ge, { className: "size-icon-sm" })
 									}),
-									/* @__PURE__ */ R("div", {
+									/* @__PURE__ */ V("div", {
 										className: "product-options-matrix--item-main min-w-0",
-										children: c && !P ? /* @__PURE__ */ R("button", {
+										children: c && !I ? /* @__PURE__ */ V("button", {
 											type: "button",
-											onClick: () => Te(e),
-											"aria-label": at(I.editLabel, e),
+											onClick: () => Z(e),
+											"aria-label": tt(L.editLabel, e),
 											className: "product-options-matrix--edit-summary box-border block w-full cursor-pointer whitespace-normal rounded-inner border-0 bg-transparent p-0 text-start font-sans text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
 											children: S
 										}) : S
 									}),
-									(re || !!g) && /* @__PURE__ */ z("div", {
+									(te || !!g) && /* @__PURE__ */ H("div", {
 										className: "product-options-matrix--item-actions col-start-2 flex min-w-fit items-center gap-space-md justify-start @2xl/product-options-matrix:justify-end lg:col-start-auto",
-										children: [!!ee && re && /* @__PURE__ */ z("div", {
+										children: [!!M && te && /* @__PURE__ */ H("div", {
 											className: "inline-flex items-center gap-space-sm",
-											children: [/* @__PURE__ */ R(a, {
+											children: [/* @__PURE__ */ V(o, {
 												tag: "span",
 												id: `product-option-${e.id}-variant-toggle-label`,
 												size: "pxs",
 												type: "secondary",
 												weight: "medium",
-												children: I.useForVariantsLabel
-											}), /* @__PURE__ */ R(x, {
+												children: L.useForVariantsLabel
+											}), /* @__PURE__ */ V(w, {
 												checked: !!e.usedForVariants,
-												onValueChange: (t) => ee(e, t),
+												onValueChange: (t) => M(e, t),
 												"aria-labelledby": `product-option-${e.id}-variant-toggle-label`
 											})]
 										}), g]
@@ -1268,107 +1251,106 @@ function st({ optionGroups: e = [], surface: t = "card", collapsedOptionIds: o,
 								]
 							})
 						}, e.id);
-					}), !!xe && /* @__PURE__ */ R("div", {
+					}), !!Ce && /* @__PURE__ */ V("div", {
 						className: "product-options-matrix--create-row border-t border-border/70 p-surface-xs",
-						children: /* @__PURE__ */ R(s, {
+						children: /* @__PURE__ */ V(s, {
 							type: "button",
 							tone: "secondary",
 							buttonStyle: "ghost",
 							onClick: g,
-							icon: J,
+							icon: _e,
 							size: "sm",
 							fullWidth: !0,
 							className: "justify-start text-foreground",
-							children: I.addAnotherOptionLabel
+							children: L.addAnotherOptionLabel
 						})
 					})]
-				}) : /* @__PURE__ */ R("div", {
-					className: i(be && "border-t border-border/70"),
-					children: se ?? /* @__PURE__ */ R(Be, {
-						title: I.emptyTitle,
-						description: I.emptyDescription,
-						action: g && !be ? /* @__PURE__ */ R(s, {
+				}) : /* @__PURE__ */ V("div", {
+					className: i(Se && "border-t border-border/70"),
+					children: ae ?? /* @__PURE__ */ V($, {
+						title: L.emptyTitle,
+						description: L.emptyDescription,
+						action: g && !Se ? /* @__PURE__ */ V(s, {
+							tone: "primary",
 							type: "button",
 							onClick: g,
-							icon: q,
-							children: I.createLabel
+							icon: G,
+							children: L.createLabel
 						}) : void 0
 					})
 				})]
 			}),
-			!!(S !== !1 && ke) && /* @__PURE__ */ R(f, {
-				...Oe.overlayProps,
+			!!(S !== !1 && je) && /* @__PURE__ */ V(p, {
+				...Ae.overlayProps,
 				destructive: !0,
-				title: I.confirmRemoveValuesTitle,
-				description: n(I.confirmRemoveValuesDescription, { count: ke.removed }),
-				strings: { confirm: I.confirmRemoveValuesLabel },
-				onConfirm: () => De(ke.option)
+				title: L.confirmRemoveValuesTitle,
+				description: n(L.confirmRemoveValuesDescription, { count: je.removed }),
+				strings: { confirm: L.confirmRemoveValuesLabel },
+				onConfirm: () => Q(je.option)
 			}),
-			!!(S !== !1 && b) && /* @__PURE__ */ R(f, {
-				...Pe.overlayProps,
+			!!(S !== !1 && v) && /* @__PURE__ */ V(p, {
+				...Fe.overlayProps,
 				destructive: !0,
-				title: I.confirmDeleteOptionTitle,
-				description: I.confirmDeleteOptionDescription,
-				strings: { confirm: I.deleteLabel },
+				title: L.confirmDeleteOptionTitle,
+				description: L.confirmDeleteOptionDescription,
+				strings: { confirm: L.deleteLabel },
 				onConfirm: () => {
-					Fe && Ne(Fe);
+					Ie && Pe(Ie);
 				}
 			})
 		]
 	});
-	return t === "embedded" ? /* @__PURE__ */ R("section", {
-		"aria-label": I.title,
-		className: i("product-options-matrix--component @container/product-options-matrix min-w-0", ce),
-		children: Ve
-	}) : /* @__PURE__ */ R(C, {
-		title: I.title,
-		description: I.description,
-		actions: ie,
-		headerAction: Re,
-		headerEnd: ae,
-		footerSlot: oe,
-		contentClassName: "mt-1",
-		className: i("product-options-matrix--component @container/product-options-matrix w-full", ce),
-		children: Ve
+	return t === "embedded" ? /* @__PURE__ */ V("section", {
+		"aria-label": L.title,
+		className: i("product-options-matrix--component @container/product-options-matrix min-w-0", oe),
+		children: He
+	}) : /* @__PURE__ */ V(E, {
+		title: L.title,
+		description: L.description,
+		actions: ne,
+		headerAction: Be,
+		headerEnd: re,
+		footerSlot: ie,
+		className: i("product-options-matrix--component @container/product-options-matrix w-full", oe),
+		children: He
 	});
 }
-st.displayName = "ProductOptionsMatrix";
+rt.displayName = "ProductOptionsMatrix";
 //#endregion
 //#region src/components/features/products/components/product-options-summary.tsx
-function ct({ options: e = [], onManageOptions: t, onCreateOption: n, onSelectOption: a, onEditOption: o, onDeleteOption: c, renderOptionActions: l, actions: u, footerSlot: d, renderOption: f, empty: p, className: m, strings: h }) {
-	let g = r(Oe, h), _ = !!(a || o || c || l), v = [...u ?? [], ...n && t ? [{
+function it({ options: e = [], onManageOptions: t, onCreateOption: n, onSelectOption: a, onEditOption: o, onDeleteOption: c, renderOptionActions: l, actions: u, footerSlot: d, renderOption: f, empty: p, className: m, strings: h }) {
+	let g = r(Ce, h), _ = !!(a || o || c || l), v = [...u ?? [], ...n && t ? [{
 		id: "manage-options",
 		label: g.manageLabel,
-		icon: /* @__PURE__ */ R(X, { className: "size-icon-md" }),
+		icon: /* @__PURE__ */ V(K, { className: "size-icon-md" }),
 		onClick: t
-	}] : []], y = n || t ? /* @__PURE__ */ R(s, {
+	}] : []], y = n || t ? /* @__PURE__ */ V(s, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: n ?? t,
-		icon: n ? q : X,
+		icon: n ? G : void 0,
 		children: n ? g.createLabel : g.manageLabel
 	}) : void 0;
-	return /* @__PURE__ */ R(C, {
-		icon: /* @__PURE__ */ R(X, { className: "size-icon" }),
+	return /* @__PURE__ */ V(E, {
 		title: g.title,
 		description: g.description,
 		actions: v.length > 0 ? v : void 0,
 		headerAction: y,
 		footerSlot: d,
-		contentClassName: "mt-1",
 		className: i("product-options-summary--component w-full", m),
-		children: e.length === 0 ? p ?? /* @__PURE__ */ R(Be, {
+		children: e.length === 0 ? p ?? /* @__PURE__ */ V($, {
 			title: g.emptyTitle,
 			description: g.emptyDescription,
-			action: n ? /* @__PURE__ */ R(s, {
+			action: n ? /* @__PURE__ */ V(s, {
+				tone: "primary",
 				type: "button",
 				onClick: n,
-				icon: q,
+				icon: G,
 				children: g.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ R(O, { children: e.map((e, t) => (() => {
-			let n = _ ? /* @__PURE__ */ R(tt, {
+		}) : /* @__PURE__ */ V(M, { children: e.map((e, t) => (() => {
+			let n = _ ? /* @__PURE__ */ V(Ze, {
 				option: e,
 				index: t,
 				onSelectOption: a,
@@ -1383,55 +1365,54 @@ function ct({ options: e = [], onManageOptions: t, onCreateOption: n, onSelectOp
 					actionsLabel: g.actionsLabel
 				}
 			}) : void 0;
-			return f ? /* @__PURE__ */ R("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ R(Qe, {
+			return f ? /* @__PURE__ */ V("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ V(Je, {
 				item: e,
 				actions: n
 			}, e.id);
 		})()) })
 	});
 }
-ct.displayName = "ProductOptionsSummary";
+it.displayName = "ProductOptionsSummary";
 //#endregion
 //#region src/components/features/products/components/product-policies-card.tsx
-function lt({ policies: e = [], onCreatePolicy: t, onSelectPolicy: n, onEditPolicy: a, onDeletePolicy: o, renderPolicyActions: c, actions: l, footerSlot: u, renderPolicy: d, empty: f, className: p, strings: m }) {
-	let h = r(Me, m), g = t ? /* @__PURE__ */ R(s, {
+function at({ policies: e = [], onCreatePolicy: t, onSelectPolicy: n, onEditPolicy: a, onDeletePolicy: o, renderPolicyActions: c, actions: l, footerSlot: u, renderPolicy: d, empty: f, className: p, strings: m }) {
+	let h = r(X, m), g = t ? /* @__PURE__ */ V(s, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: t,
-		icon: q,
+		icon: G,
 		children: h.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ R(C, {
-		icon: /* @__PURE__ */ R(Ce, { className: "size-icon" }),
+	return /* @__PURE__ */ V(E, {
 		title: h.title,
 		description: h.description,
 		actions: l,
 		headerAction: g,
 		footerSlot: u,
-		contentClassName: "mt-1",
 		className: i("product-policies-card--component w-full", p),
-		children: e.length === 0 ? f ?? /* @__PURE__ */ R(Be, {
+		children: e.length === 0 ? f ?? /* @__PURE__ */ V($, {
 			title: h.emptyTitle,
 			description: h.emptyDescription,
-			action: t ? /* @__PURE__ */ R(s, {
+			action: t ? /* @__PURE__ */ V(s, {
+				tone: "primary",
 				type: "button",
 				onClick: t,
-				icon: q,
+				icon: G,
 				children: h.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ R(O, { children: e.map((e, t) => (() => {
+		}) : /* @__PURE__ */ V(M, { children: e.map((e, t) => (() => {
 			let r = n ? () => n(e) : void 0, i = a ? () => a(e) : void 0, s = o ? () => o(e) : void 0, l = [...i ? [{
 				id: "edit",
 				label: h.editLabel,
-				icon: /* @__PURE__ */ R(K, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
 				onClick: () => i(),
 				tone: "secondary",
 				buttonStyle: "ghost"
 			}] : [], ...s ? [{
 				id: "delete",
 				label: h.deleteLabel,
-				icon: /* @__PURE__ */ R(Z, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ V(q, { className: "size-icon-md" }),
 				onClick: () => s(),
 				tone: "destructive"
 			}] : []], u = c ? c(e, {
@@ -1439,12 +1420,12 @@ function lt({ policies: e = [], onCreatePolicy: t, onSelectPolicy: n, onEditPoli
 				onSelect: r,
 				onEdit: i,
 				onDelete: s
-			}) : /* @__PURE__ */ R(Ke, {
+			}) : /* @__PURE__ */ V(ze, {
 				item: e,
 				actions: l,
 				menuLabel: h.actionsLabel
 			});
-			return d ? /* @__PURE__ */ R("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ R(Qe, {
+			return d ? /* @__PURE__ */ V("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ V(Je, {
 				item: e,
 				actionLabel: h.viewLabel,
 				onSelect: r,
@@ -1453,71 +1434,69 @@ function lt({ policies: e = [], onCreatePolicy: t, onSelectPolicy: n, onEditPoli
 		})()) })
 	});
 }
-lt.displayName = "ProductPoliciesCard";
+at.displayName = "ProductPoliciesCard";
 //#endregion
 //#region src/components/features/products/components/product-quote-preview-card.tsx
-function ut({ lines: e = [], subtotal: t, tax: n, discount: o, total: c, onOpenQuote: u, onCreateLine: d, onSelectLine: f, onEditLine: m, onDeleteLine: h, renderLineActions: g, actions: _, footerSlot: v, empty: y, className: b, strings: x }) {
-	let S = r(je, x), w = d || u ? /* @__PURE__ */ z("div", {
+function ot({ lines: e = [], subtotal: t, tax: n, discount: a, total: c, onOpenQuote: u, onCreateLine: d, onSelectLine: f, onEditLine: p, onDeleteLine: h, renderLineActions: g, actions: _, footerSlot: y, empty: b, className: x, strings: S }) {
+	let C = r(Ee, S), w = t !== void 0 || n !== void 0 || a !== void 0, T = d || u ? /* @__PURE__ */ H("div", {
 		className: "flex items-center gap-space-md",
-		children: [!!d && /* @__PURE__ */ R(s, {
+		children: [!!d && /* @__PURE__ */ V(s, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: d,
-			icon: q,
-			children: S.createLineLabel
-		}), !!u && /* @__PURE__ */ R(s, {
+			icon: G,
+			children: C.createLineLabel
+		}), !!u && /* @__PURE__ */ V(s, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: u,
-			icon: V,
-			iconPosition: "right",
-			children: S.actionLabel
+			children: C.actionLabel
 		})]
 	}) : void 0;
-	return /* @__PURE__ */ R(C, {
-		icon: /* @__PURE__ */ R(Y, { className: "size-icon" }),
-		title: S.title,
-		description: S.description,
+	return /* @__PURE__ */ V(E, {
+		title: C.title,
+		description: C.description,
 		actions: _,
-		headerAction: w,
-		footerSlot: v,
-		contentClassName: "mt-1",
-		className: i("product-quote-preview-card--component w-full", b),
-		children: e.length === 0 ? y ?? /* @__PURE__ */ R(Be, {
-			title: S.emptyTitle,
-			description: S.emptyDescription,
-			action: d ? /* @__PURE__ */ R(s, {
+		headerAction: T,
+		footerSlot: y,
+		className: i("product-quote-preview-card--component w-full", x),
+		children: e.length === 0 ? b ?? /* @__PURE__ */ V($, {
+			title: C.emptyTitle,
+			description: C.emptyDescription,
+			action: d ? /* @__PURE__ */ V(s, {
+				tone: "primary",
 				type: "button",
 				onClick: d,
-				icon: q,
-				children: S.createLineLabel
+				icon: G,
+				children: C.createLineLabel
 			}) : void 0
-		}) : /* @__PURE__ */ z(l, {
-			gap: "lg",
-			children: [/* @__PURE__ */ R(O, { children: e.map((e, t) => {
-				let n = f ? () => f(e) : void 0, r = m ? () => m(e) : void 0, i = h ? () => h(e) : void 0, a = [
+		}) : /* @__PURE__ */ H(l, {
+			gap: "2xl",
+			className: "product-quote-preview-card--body",
+			children: [/* @__PURE__ */ V(M, { children: e.map((e, t) => {
+				let n = f ? () => f(e) : void 0, r = p ? () => p(e) : void 0, i = h ? () => h(e) : void 0, a = [
 					...n ? [{
 						id: "open",
-						label: S.viewLineLabel,
-						icon: /* @__PURE__ */ R(H, { className: "size-icon-md" }),
+						label: C.viewLineLabel,
+						icon: /* @__PURE__ */ V(he, { className: "size-icon-md" }),
 						onClick: () => n(),
 						tone: "secondary",
 						buttonStyle: "ghost"
 					}] : [],
 					...r ? [{
 						id: "edit",
-						label: S.editLineLabel,
-						icon: /* @__PURE__ */ R(K, { className: "size-icon-md" }),
+						label: C.editLineLabel,
+						icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
 						onClick: () => r(),
 						tone: "secondary",
 						buttonStyle: "ghost"
 					}] : [],
 					...i ? [{
 						id: "delete",
-						label: S.deleteLineLabel,
-						icon: /* @__PURE__ */ R(Z, { className: "size-icon-md" }),
+						label: C.deleteLineLabel,
+						icon: /* @__PURE__ */ V(q, { className: "size-icon-md" }),
 						onClick: () => i(),
 						tone: "destructive"
 					}] : []
@@ -1526,193 +1505,190 @@ function ut({ lines: e = [], subtotal: t, tax: n, discount: o, total: c, onOpenQ
 					onSelect: n,
 					onEdit: r,
 					onDelete: i
-				}) : /* @__PURE__ */ R(Ke, {
+				}) : /* @__PURE__ */ V(ze, {
 					item: e,
 					actions: a,
-					menuLabel: S.lineActionsLabel
+					menuLabel: C.lineActionsLabel
 				});
-				return /* @__PURE__ */ z(A, {
-					size: "sm",
-					className: "rounded-inner border border-border bg-muted/20 px-row-x py-row-y",
-					children: [/* @__PURE__ */ z(k, { children: [
-						/* @__PURE__ */ R(j, { children: e.label }),
-						!!e.description && /* @__PURE__ */ R(E, { children: e.description }),
-						!!e.quantity && /* @__PURE__ */ R(E, { children: e.quantity })
-					] }), /* @__PURE__ */ z(D, { children: [/* @__PURE__ */ R(p, {
-						weight: "semibold",
+				return /* @__PURE__ */ H(P, {
+					className: "product-quote-preview-card--line",
+					children: [/* @__PURE__ */ H(N, { children: [
+						/* @__PURE__ */ V(F, { children: e.label }),
+						!!e.description && /* @__PURE__ */ V(A, { children: e.description }),
+						!!e.quantity && /* @__PURE__ */ V(A, { children: e.quantity })
+					] }), /* @__PURE__ */ H(j, { children: [/* @__PURE__ */ V(m, {
 						className: "tabular-nums",
 						children: e.amount
 					}), o] })]
 				}, e.id);
-			}) }), /* @__PURE__ */ R("div", {
-				className: "rounded-radius bg-muted/30 p-surface",
-				children: /* @__PURE__ */ z(l, {
-					gap: "sm",
-					children: [
-						t !== void 0 && /* @__PURE__ */ R(re, {
-							label: S.subtotalLabel,
-							value: t,
-							mono: !0
-						}),
-						n !== void 0 && /* @__PURE__ */ R(re, {
-							label: S.taxLabel,
-							value: n,
-							mono: !0
-						}),
-						o !== void 0 && /* @__PURE__ */ R(re, {
-							label: S.discountLabel,
-							value: o,
-							mono: !0,
-							valueClassName: "text-success"
-						}),
-						/* @__PURE__ */ R(re, {
-							label: /* @__PURE__ */ R(a, {
-								tag: "span",
-								weight: "semibold",
-								lineHeight: "tight",
-								children: S.totalLabel
+			}) }), /* @__PURE__ */ H(l, {
+				gap: "lg",
+				className: "product-quote-preview-card--totals",
+				children: [
+					!!w && /* @__PURE__ */ H(l, {
+						gap: "sm",
+						children: [
+							t !== void 0 && /* @__PURE__ */ V(ae, {
+								label: C.subtotalLabel,
+								value: t,
+								valueClassName: "tabular-nums"
 							}),
-							value: c ?? "-",
-							mono: !0,
-							valueClassName: "font-semibold"
-						})
-					]
-				})
+							n !== void 0 && /* @__PURE__ */ V(ae, {
+								label: C.taxLabel,
+								value: n,
+								valueClassName: "tabular-nums"
+							}),
+							a !== void 0 && /* @__PURE__ */ V(ae, {
+								label: C.discountLabel,
+								value: a,
+								valueClassName: "tabular-nums text-success"
+							})
+						]
+					}),
+					!!w && /* @__PURE__ */ V(v, {}),
+					/* @__PURE__ */ V(ae, {
+						label: /* @__PURE__ */ V(o, {
+							tag: "span",
+							weight: "semibold",
+							lineHeight: "tight",
+							children: C.totalLabel
+						}),
+						value: c ?? "-",
+						valueClassName: "font-semibold tabular-nums"
+					})
+				]
 			})]
 		})
 	});
 }
-ut.displayName = "ProductQuotePreviewCard";
+ot.displayName = "ProductQuotePreviewCard";
 //#endregion
 //#region src/components/features/products/components/product-readiness-card.tsx
-function dt({ items: e = [], score: t, scoreLabel: n, summary: o, onCreateReadinessItem: c, onSelectReadinessItem: d, onEditReadinessItem: f, onDeleteReadinessItem: p, renderReadinessItemActions: m, actions: g, footerSlot: _, renderItem: v, empty: y, className: b, strings: x }) {
-	let S = r(Te, x), w = t === void 0 ? void 0 : Ue(t), T = c ? /* @__PURE__ */ R(s, {
+function st({ items: e = [], score: t, scoreLabel: n, summary: a, onCreateReadinessItem: c, onSelectReadinessItem: u, onEditReadinessItem: f, onDeleteReadinessItem: p, renderReadinessItemActions: m, actions: h, footerSlot: _, renderItem: v, empty: y, className: b, strings: x }) {
+	let S = r(J, x), C = t === void 0 ? void 0 : Ie(t), w = c ? /* @__PURE__ */ V(s, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: c,
-		icon: q,
+		icon: G,
 		children: S.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ z(C, {
-		icon: /* @__PURE__ */ R(he, { className: "size-icon" }),
+	return /* @__PURE__ */ H(E, {
 		title: S.title,
 		description: S.description,
-		actions: g,
-		headerAction: T,
+		actions: h,
+		headerAction: w,
 		footerSlot: _,
-		contentGap: "lg",
+		contentGap: "2xl",
 		className: i("product-readiness-card--component w-full", b),
-		children: [
-			w !== void 0 && /* @__PURE__ */ z("div", {
-				className: "rounded-radius border border-border bg-muted/20 p-surface",
-				children: [/* @__PURE__ */ z(l, {
+		children: [(C !== void 0 || !!a) && /* @__PURE__ */ H(l, {
+			gap: "lg",
+			className: "product-readiness-card--summary",
+			children: [C !== void 0 && /* @__PURE__ */ H(l, {
+				gap: "sm",
+				className: "product-readiness-card--score",
+				children: [/* @__PURE__ */ H(l, {
 					direction: "horizontal",
-					align: "center",
 					justify: "between",
 					gap: "lg",
-					className: "mb-space-md",
-					children: [/* @__PURE__ */ R(a, {
+					children: [/* @__PURE__ */ V(o, {
 						size: "xs",
 						type: "secondary",
 						children: n ?? S.scoreLabel
-					}), /* @__PURE__ */ R(h, {
-						value: w,
+					}), /* @__PURE__ */ V(g, {
+						value: C,
 						scaled: !0,
 						size: "xs",
 						weight: "semibold"
 					})]
-				}), /* @__PURE__ */ R(u, {
-					value: w,
+				}), /* @__PURE__ */ V(d, {
+					value: C,
 					"aria-label": typeof n == "string" ? n : S.progressLabel,
-					"aria-valuetext": `${w}%`,
+					"aria-valuetext": `${C}%`,
 					className: "h-1.5"
 				})]
-			}),
-			!!o && /* @__PURE__ */ R(a, {
+			}), !!a && /* @__PURE__ */ V(o, {
 				type: "secondary",
-				className: "leading-relaxed",
-				children: o
-			}),
-			e.length === 0 ? y ?? /* @__PURE__ */ R(Be, {
-				title: S.emptyTitle,
-				description: S.emptyDescription,
-				action: c ? /* @__PURE__ */ R(s, {
-					type: "button",
-					onClick: c,
-					icon: q,
-					children: S.createLabel
-				}) : void 0
-			}) : /* @__PURE__ */ R(O, { children: e.map((e, t) => {
-				let n = d ? () => d(e) : void 0, r = f ? () => f(e) : void 0, i = p ? () => p(e) : void 0, a = [...r ? [{
-					id: "edit",
-					label: S.editLabel,
-					icon: /* @__PURE__ */ R(K, { className: "size-icon-md" }),
-					onClick: () => r(),
-					tone: "secondary",
-					buttonStyle: "ghost"
-				}] : [], ...i ? [{
-					id: "delete",
-					label: S.deleteLabel,
-					icon: /* @__PURE__ */ R(Z, { className: "size-icon-md" }),
-					onClick: () => i(),
-					tone: "destructive"
-				}] : []], o = m ? m(e, {
-					index: t,
-					onSelect: n,
-					onEdit: r,
-					onDelete: i
-				}) : /* @__PURE__ */ R(Ke, {
-					item: e,
-					actions: a,
-					menuLabel: S.actionsLabel
-				});
-				return v ? /* @__PURE__ */ R("div", { children: v(e, t) }, e.id) : /* @__PURE__ */ R(Xe, {
-					item: e,
-					actionFallback: S.actionLabel,
-					onSelect: n,
-					actions: o
-				}, e.id);
-			}) })
-		]
+				children: a
+			})]
+		}), e.length === 0 ? y ?? /* @__PURE__ */ V($, {
+			title: S.emptyTitle,
+			description: S.emptyDescription,
+			action: c ? /* @__PURE__ */ V(s, {
+				tone: "primary",
+				type: "button",
+				onClick: c,
+				icon: G,
+				children: S.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ V(M, { children: e.map((e, t) => {
+			let n = u ? () => u(e) : void 0, r = f ? () => f(e) : void 0, i = p ? () => p(e) : void 0, a = [...r ? [{
+				id: "edit",
+				label: S.editLabel,
+				icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
+				onClick: () => r(),
+				tone: "secondary",
+				buttonStyle: "ghost"
+			}] : [], ...i ? [{
+				id: "delete",
+				label: S.deleteLabel,
+				icon: /* @__PURE__ */ V(q, { className: "size-icon-md" }),
+				onClick: () => i(),
+				tone: "destructive"
+			}] : []], o = m ? m(e, {
+				index: t,
+				onSelect: n,
+				onEdit: r,
+				onDelete: i
+			}) : /* @__PURE__ */ V(ze, {
+				item: e,
+				actions: a,
+				menuLabel: S.actionsLabel
+			});
+			return v ? /* @__PURE__ */ V("div", { children: v(e, t) }, e.id) : /* @__PURE__ */ V(Ke, {
+				item: e,
+				actionFallback: S.actionLabel,
+				onSelect: n,
+				actions: o
+			}, e.id);
+		}) })]
 	});
 }
-dt.displayName = "ProductReadinessCard";
+st.displayName = "ProductReadinessCard";
 //#endregion
 //#region src/components/features/products/components/product-structure-card.tsx
-function ft({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetric: a, onDeleteMetric: o, renderMetricActions: c, actions: l, footerSlot: u, empty: d, className: f, strings: p }) {
-	let m = r(Q, p), h = t ? /* @__PURE__ */ R(s, {
+function ct({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetric: a, onDeleteMetric: o, renderMetricActions: c, actions: l, footerSlot: u, empty: d, className: f, strings: p }) {
+	let m = r(Y, p), h = t ? /* @__PURE__ */ V(s, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: t,
-		icon: q,
+		icon: G,
 		children: m.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ R(C, {
-		icon: /* @__PURE__ */ R(_e, { className: "size-icon" }),
+	return /* @__PURE__ */ V(E, {
 		title: m.title,
 		description: m.description,
 		actions: l,
 		headerAction: h,
 		footerSlot: u,
-		contentClassName: "mt-1",
 		className: i("product-structure-card--component w-full", f),
-		children: e.length === 0 ? d ?? /* @__PURE__ */ R(Be, {
+		children: e.length === 0 ? d ?? /* @__PURE__ */ V($, {
 			title: m.emptyTitle,
 			description: m.emptyDescription,
-			action: t ? /* @__PURE__ */ R(s, {
+			action: t ? /* @__PURE__ */ V(s, {
+				tone: "primary",
 				type: "button",
 				onClick: t,
-				icon: q,
+				icon: G,
 				children: m.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ R(O, { children: e.map((e, t) => {
+		}) : /* @__PURE__ */ V(M, { children: e.map((e, t) => {
 			let r = n ? () => n(e) : void 0, i = a ? () => a(e) : void 0, s = o ? () => o(e) : void 0, l = [
 				...r ? [{
 					id: "open",
 					label: m.viewLabel,
-					icon: /* @__PURE__ */ R(H, { className: "size-icon-md" }),
+					icon: /* @__PURE__ */ V(he, { className: "size-icon-md" }),
 					onClick: () => r(),
 					tone: "secondary",
 					buttonStyle: "ghost"
@@ -1720,7 +1696,7 @@ function ft({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetri
 				...i ? [{
 					id: "edit",
 					label: m.editLabel,
-					icon: /* @__PURE__ */ R(K, { className: "size-icon-md" }),
+					icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
 					onClick: () => i(),
 					tone: "secondary",
 					buttonStyle: "ghost"
@@ -1728,7 +1704,7 @@ function ft({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetri
 				...s ? [{
 					id: "delete",
 					label: m.deleteLabel,
-					icon: /* @__PURE__ */ R(Z, { className: "size-icon-md" }),
+					icon: /* @__PURE__ */ V(q, { className: "size-icon-md" }),
 					onClick: () => s(),
 					tone: "destructive"
 				}] : []
@@ -1737,54 +1713,53 @@ function ft({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetri
 				onSelect: r,
 				onEdit: i,
 				onDelete: s
-			}) : /* @__PURE__ */ R(Ke, {
+			}) : /* @__PURE__ */ V(ze, {
 				item: e,
 				actions: l,
 				menuLabel: m.actionsLabel
 			});
-			return /* @__PURE__ */ R(Ye, {
+			return /* @__PURE__ */ V(Ge, {
 				metric: e,
 				actions: u
 			}, e.id);
 		}) })
 	});
 }
-ft.displayName = "ProductStructureCard";
+ct.displayName = "ProductStructureCard";
 //#endregion
 //#region src/components/features/products/components/product-variants-table.tsx
-function pt({ variant: e, channelsLabel: t }) {
-	return /* @__PURE__ */ z("div", {
+function lt({ variant: e, channelsLabel: t }) {
+	return /* @__PURE__ */ H(l, {
+		gap: "xs",
 		className: "product-variants-table--variant-cell min-w-0",
-		children: [/* @__PURE__ */ z(l, {
+		children: [/* @__PURE__ */ H(l, {
 			gap: "dense",
-			children: [/* @__PURE__ */ z(l, {
+			children: [/* @__PURE__ */ H(l, {
 				direction: "horizontal",
 				gap: "sm",
-				children: [/* @__PURE__ */ R(a, {
+				children: [/* @__PURE__ */ V(o, {
 					weight: "semibold",
 					className: "truncate",
 					children: e.name
-				}), !!e.status && /* @__PURE__ */ R(g, {
+				}), !!e.status && /* @__PURE__ */ V(_, {
 					tone: e.statusTone ?? "secondary",
 					children: e.status
 				})]
-			}), !!e.description && /* @__PURE__ */ R(a, {
+			}), !!e.description && /* @__PURE__ */ V(o, {
 				size: "xs",
 				type: "secondary",
 				children: e.description
 			})]
-		}), !!(e.options?.length || e.channels) && /* @__PURE__ */ z(l, {
+		}), !!(e.options?.length || e.channels) && /* @__PURE__ */ H(l, {
 			direction: "horizontal",
 			gap: "xs",
-			className: "mt-space-xs",
-			children: [e.options?.map((e, t) => /* @__PURE__ */ R(g, {
+			children: [e.options?.map((e, t) => /* @__PURE__ */ V(_, {
 				tone: "secondary",
 				children: e
-			}, t)), !!e.channels && /* @__PURE__ */ z(a, {
+			}, t)), !!e.channels && /* @__PURE__ */ H(o, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
-				className: "pl-space-2xs",
 				children: [
 					t,
 					": ",
@@ -1794,21 +1769,21 @@ function pt({ variant: e, channelsLabel: t }) {
 		})]
 	});
 }
-function mt({ value: e, emphasis: t = !1 }) {
-	return /* @__PURE__ */ R(e ? p : m, {
+function ut({ value: e, emphasis: t = !1 }) {
+	return /* @__PURE__ */ V(e ? m : h, {
 		weight: t ? "semibold" : void 0,
 		className: "min-w-0 tabular-nums",
 		children: e ?? "-"
 	});
 }
-function ht({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: c, renderVariantActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: m }) {
-	let h = r(Ne, m), g = L(() => {
+function dt({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: c, renderVariantActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: m }) {
+	let h = r(Z, m), g = B(() => {
 		if (l) return;
 		let e = [
 			...n ? [{
 				id: "open",
 				label: h.viewLabel,
-				icon: /* @__PURE__ */ R(H, {
+				icon: /* @__PURE__ */ V(he, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
@@ -1818,7 +1793,7 @@ function ht({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 			...a ? [{
 				id: "edit",
 				label: h.editLabel,
-				icon: /* @__PURE__ */ R(K, {
+				icon: /* @__PURE__ */ V(W, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
@@ -1828,7 +1803,7 @@ function ht({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 			...o ? [{
 				id: "duplicate",
 				label: h.duplicateLabel,
-				icon: /* @__PURE__ */ R(ge, {
+				icon: /* @__PURE__ */ V(me, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
@@ -1838,7 +1813,7 @@ function ht({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 			...c ? [{
 				id: "delete",
 				label: h.deleteLabel,
-				icon: /* @__PURE__ */ R(Z, {
+				icon: /* @__PURE__ */ V(q, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				}),
@@ -1857,12 +1832,12 @@ function ht({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 		h.duplicateLabel,
 		h.editLabel,
 		h.viewLabel
-	]), _ = L(() => {
+	]), _ = B(() => {
 		let e = [
 			{
 				accessorKey: "name",
 				header: h.headers.variant,
-				cell: ({ row: e }) => /* @__PURE__ */ R(pt, {
+				cell: ({ row: e }) => /* @__PURE__ */ V(lt, {
 					variant: e.original,
 					channelsLabel: h.headers.channels
 				})
@@ -1870,7 +1845,7 @@ function ht({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 			{
 				accessorKey: "price",
 				header: h.headers.price,
-				cell: ({ row: e }) => /* @__PURE__ */ R(mt, {
+				cell: ({ row: e }) => /* @__PURE__ */ V(ut, {
 					value: e.original.price,
 					emphasis: !0
 				}),
@@ -1879,17 +1854,17 @@ function ht({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 			{
 				accessorKey: "inventory",
 				header: h.headers.inventory,
-				cell: ({ row: e }) => /* @__PURE__ */ R(mt, { value: e.original.inventory })
+				cell: ({ row: e }) => /* @__PURE__ */ V(ut, { value: e.original.inventory })
 			},
 			{
 				accessorKey: "sku",
 				header: h.headers.sku,
-				cell: ({ row: e }) => /* @__PURE__ */ R(mt, { value: e.original.sku })
+				cell: ({ row: e }) => /* @__PURE__ */ V(ut, { value: e.original.sku })
 			},
 			{
 				accessorKey: "updatedAt",
 				header: h.headers.updated,
-				cell: ({ row: e }) => /* @__PURE__ */ R(mt, { value: e.original.updatedAt })
+				cell: ({ row: e }) => /* @__PURE__ */ V(ut, { value: e.original.updatedAt })
 			}
 		];
 		return l && e.push({
@@ -1917,33 +1892,32 @@ function ht({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 		h.headers.sku,
 		h.headers.updated,
 		h.headers.variant
-	]), v = t ? /* @__PURE__ */ R(s, {
+	]), v = t ? /* @__PURE__ */ V(s, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		onClick: t,
-		icon: q,
+		icon: G,
 		children: h.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ R(C, {
-		icon: /* @__PURE__ */ R(ve, { className: "size-icon" }),
+	return /* @__PURE__ */ V(E, {
 		title: h.title,
 		description: h.description,
 		actions: u,
 		headerAction: v,
 		footerSlot: d,
-		contentClassName: "mt-1",
 		className: i("product-variants-table--component w-full", p),
-		children: e.length === 0 ? f ?? /* @__PURE__ */ R(Be, {
+		children: e.length === 0 ? f ?? /* @__PURE__ */ V($, {
 			title: h.emptyTitle,
 			description: h.emptyDescription,
-			action: t ? /* @__PURE__ */ R(s, {
+			action: t ? /* @__PURE__ */ V(s, {
+				tone: "primary",
 				type: "button",
 				onClick: t,
-				icon: q,
+				icon: G,
 				children: h.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ R(se, {
+		}) : /* @__PURE__ */ V(ce, {
 			data: e,
 			columns: _,
 			getRowId: (e) => e.id,
@@ -1960,43 +1934,43 @@ function ht({ variants: e = [], onCreateVariant: t, onSelectVariant: n, onEditVa
 		})
 	});
 }
-ht.displayName = "ProductVariantsTable";
+dt.displayName = "ProductVariantsTable";
 //#endregion
 //#region src/components/features/products/components/product-overview.tsx
-function gt({ details: e, contract: t, options: n, variants: a, readiness: o, structure: s, operations: c, quote: u, policies: d, slots: f, className: p, mainClassName: m, railClassName: h, strings: g }) {
-	let _ = r(ze, g), v = !!(o || s || c || u || d || f?.railTop || f?.railBottom);
-	return /* @__PURE__ */ z(l, {
-		gap: "xl",
+function ft({ details: e, contract: t, options: n, variants: a, readiness: o, structure: s, operations: c, quote: u, policies: d, slots: f, className: p, mainClassName: m, railClassName: h, strings: g }) {
+	let _ = r(je, g), v = !!(o || s || c || u || d || f?.railTop || f?.railBottom);
+	return /* @__PURE__ */ H(l, {
+		gap: "3xl",
 		className: i("product-overview--component @container/product-overview", p),
 		children: [
 			f?.before,
-			/* @__PURE__ */ z("div", {
-				className: i("grid min-w-0 grid-cols-1 gap-space-xl", v && "@5xl/product-overview:grid-cols-[minmax(0,1fr)_22rem]"),
-				children: [/* @__PURE__ */ z(l, {
-					render: /* @__PURE__ */ R("section", {}),
-					gap: "xl",
+			/* @__PURE__ */ H("div", {
+				className: i("grid min-w-0 grid-cols-1 gap-space-3xl", v && "@5xl/product-overview:grid-cols-[minmax(0,1fr)_22rem]"),
+				children: [/* @__PURE__ */ H(l, {
+					render: /* @__PURE__ */ V("section", {}),
+					gap: "3xl",
 					"aria-label": _.mainLabel,
 					className: i("product-overview--main", m),
 					children: [
 						f?.mainTop,
-						!!e && /* @__PURE__ */ R(et, { ...e }),
-						!!t && /* @__PURE__ */ R($e, { ...t }),
-						!!n && /* @__PURE__ */ R(ct, { ...n }),
-						!!a && /* @__PURE__ */ R(ht, { ...a }),
+						!!e && /* @__PURE__ */ V(Xe, { ...e }),
+						!!t && /* @__PURE__ */ V(Ye, { ...t }),
+						!!n && /* @__PURE__ */ V(it, { ...n }),
+						!!a && /* @__PURE__ */ V(dt, { ...a }),
 						f?.mainBottom
 					]
-				}), !!v && /* @__PURE__ */ z(l, {
-					render: /* @__PURE__ */ R("aside", {}),
-					gap: "xl",
+				}), !!v && /* @__PURE__ */ H(l, {
+					render: /* @__PURE__ */ V("aside", {}),
+					gap: "3xl",
 					"aria-label": _.railLabel,
 					className: i("product-overview--rail", h),
 					children: [
 						f?.railTop,
-						!!o && /* @__PURE__ */ R(dt, { ...o }),
-						!!s && /* @__PURE__ */ R(ft, { ...s }),
-						!!c && /* @__PURE__ */ R(nt, { ...c }),
-						!!u && /* @__PURE__ */ R(ut, { ...u }),
-						!!d && /* @__PURE__ */ R(lt, { ...d }),
+						!!o && /* @__PURE__ */ V(st, { ...o }),
+						!!s && /* @__PURE__ */ V(ct, { ...s }),
+						!!c && /* @__PURE__ */ V(Qe, { ...c }),
+						!!u && /* @__PURE__ */ V(ot, { ...u }),
+						!!d && /* @__PURE__ */ V(at, { ...d }),
 						f?.railBottom
 					]
 				})]
@@ -2005,12 +1979,12 @@ function gt({ details: e, contract: t, options: n, variants: a, readiness: o, st
 		]
 	});
 }
-gt.displayName = "ProductOverview";
+ft.displayName = "ProductOverview";
 //#endregion
 //#region src/components/features/products/components/product-variant-action-menu.tsx
-function _t({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: s, renderVariantActions: c, menuLabel: l, className: u, strings: d }) {
-	let f = r(Ie, 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__ */ R("div", {
+function pt({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: s, renderVariantActions: c, menuLabel: l, className: u, strings: d }) {
+	let f = r(ke, d), p = n ? () => n(e) : void 0, m = a ? () => a(e) : void 0, h = o ? () => o(e) : void 0, g = s ? () => s(e) : void 0;
+	return p || m || h || g || c ? c ? /* @__PURE__ */ V("div", {
 		className: i("product-variant-action-menu--component flex justify-end", u),
 		children: c(e, {
 			index: t,
@@ -2019,7 +1993,7 @@ function _t({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, on
 			onDuplicate: h,
 			onDelete: g
 		})
-	}) : /* @__PURE__ */ R(Ke, {
+	}) : /* @__PURE__ */ V(ze, {
 		item: e,
 		menuLabel: l ?? f.actionsLabel,
 		className: i("product-variant-action-menu--component", u),
@@ -2027,7 +2001,7 @@ function _t({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, on
 			...p ? [{
 				id: "open",
 				label: f.viewLabel,
-				icon: /* @__PURE__ */ R(H, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ V(he, { className: "size-icon-md" }),
 				onClick: () => p(),
 				tone: "secondary",
 				buttonStyle: "ghost"
@@ -2035,7 +2009,7 @@ function _t({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, on
 			...m ? [{
 				id: "edit",
 				label: f.editLabel,
-				icon: /* @__PURE__ */ R(K, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
 				onClick: () => m(),
 				tone: "secondary",
 				buttonStyle: "ghost"
@@ -2043,7 +2017,7 @@ function _t({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, on
 			...h ? [{
 				id: "duplicate",
 				label: f.duplicateLabel,
-				icon: /* @__PURE__ */ R(ge, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ V(me, { className: "size-icon-md" }),
 				onClick: () => h(),
 				tone: "secondary",
 				buttonStyle: "ghost"
@@ -2051,18 +2025,18 @@ function _t({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: a, on
 			...g ? [{
 				id: "delete",
 				label: f.deleteLabel,
-				icon: /* @__PURE__ */ R(Z, { className: "size-icon-md" }),
+				icon: /* @__PURE__ */ V(q, { className: "size-icon-md" }),
 				onClick: () => g(),
 				tone: "destructive"
 			}] : []
 		]
 	}) : null;
 }
-_t.displayName = "ProductVariantActionMenu";
+pt.displayName = "ProductVariantActionMenu";
 //#endregion
 //#region src/components/features/products/components/product-variant-details.tsx
-var vt = (e) => e != null && e !== !1 && e !== "";
-function yt(e, t) {
+var mt = (e) => e != null && e !== !1 && e !== "";
+function ht(e, t) {
 	return [
 		{
 			label: t.price,
@@ -2084,19 +2058,19 @@ function yt(e, t) {
 			label: t.updated,
 			value: e.updatedAt
 		}
-	].filter((e) => vt(e.value));
+	].filter((e) => mt(e.value));
 }
-function bt({ variant: e, metadata: t, optionItems: n = [], media: o, onBack: c, onSelectVariant: u, onEditVariant: d, onDuplicateVariant: f, onDeleteVariant: p, onSelectOption: m, actions: h, headerEnd: _, footerSlot: v, empty: y, renderActions: b, renderMetadata: x, renderOption: S, className: w, strings: T }) {
-	let E = r(Le, T), D = e ? t ?? yt(e, E.metadata) : [], k = !!(e && (u || d || f || p || b)), A = /* @__PURE__ */ z("div", {
+function gt({ variant: e, metadata: t, optionItems: n = [], media: a, onBack: c, onSelectVariant: u, onEditVariant: d, onDuplicateVariant: f, onDeleteVariant: p, onSelectOption: m, actions: h, headerEnd: g, footerSlot: v, empty: y, renderActions: b, renderMetadata: x, renderOption: S, className: C, strings: w }) {
+	let T = r(Q, w), D = e ? t ?? ht(e, T.metadata) : [], O = !!(e && (u || d || f || p || b)), k = /* @__PURE__ */ H("div", {
 		className: "product-variant-details--header-actions flex items-center gap-space-md",
-		children: [!!c && /* @__PURE__ */ R(s, {
+		children: [!!c && /* @__PURE__ */ V(s, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: c,
-			icon: B,
-			children: E.backLabel
-		}), !!k && e && /* @__PURE__ */ R(_t, {
+			icon: fe,
+			children: T.backLabel
+		}), !!O && e && /* @__PURE__ */ V(pt, {
 			variant: e,
 			onSelectVariant: u,
 			onEditVariant: d,
@@ -2104,186 +2078,185 @@ function bt({ variant: e, metadata: t, optionItems: n = [], media: o, onBack: c,
 			onDeleteVariant: p,
 			renderVariantActions: b
 		})]
-	}), j = e?.options ?? [];
-	return /* @__PURE__ */ R(C, {
-		icon: /* @__PURE__ */ R(ve, { className: "size-icon" }),
-		title: e?.name ?? E.title,
-		titleSuffix: e?.status ? /* @__PURE__ */ R(g, {
+	}), A = e?.options ?? [];
+	return /* @__PURE__ */ V(E, {
+		title: e?.name ?? T.title,
+		titleSuffix: e?.status ? /* @__PURE__ */ V(_, {
 			tone: e.statusTone ?? "secondary",
 			children: e.status
 		}) : void 0,
-		description: e?.description ?? E.description,
+		description: e?.description ?? T.description,
 		actions: h,
-		headerAction: c || k ? A : void 0,
-		headerEnd: _,
+		headerAction: c || O ? k : void 0,
+		headerEnd: g,
 		footerSlot: v,
-		contentClassName: "mt-1",
-		className: i("product-variant-details--component w-full", w),
-		children: e ? /* @__PURE__ */ z(l, {
-			gap: "xl",
+		className: i("product-variant-details--component w-full", C),
+		children: e ? /* @__PURE__ */ H(l, {
+			gap: "2xl",
 			className: "product-variant-details--body",
 			children: [
-				!!o && /* @__PURE__ */ R("div", {
+				!!a && /* @__PURE__ */ V("div", {
 					className: "product-variant-details--media overflow-hidden rounded-inner border border-border bg-muted/30",
-					children: o
+					children: a
 				}),
-				x ? x(e) : /* @__PURE__ */ R(ae, {
-					title: E.factsTitle,
-					items: D,
-					columns: 3,
-					density: "compact",
-					className: "product-variant-details--metadata"
+				x ? x(e) : D.some(Boolean) && /* @__PURE__ */ H(l, {
+					gap: "md",
+					className: "product-variant-details--facts",
+					children: [/* @__PURE__ */ V(o, {
+						weight: "semibold",
+						children: T.factsTitle
+					}), /* @__PURE__ */ V(se, {
+						items: D,
+						columns: 3,
+						density: "compact",
+						className: "product-variant-details--metadata"
+					})]
 				}),
-				!!j.length && /* @__PURE__ */ z(l, {
+				!!A.length && /* @__PURE__ */ H(l, {
 					gap: "md",
 					className: "product-variant-details--selected-options",
-					children: [/* @__PURE__ */ R(a, {
+					children: [/* @__PURE__ */ V(o, {
 						weight: "semibold",
-						children: E.selectedOptionsTitle
-					}), /* @__PURE__ */ R("div", {
+						children: T.selectedOptionsTitle
+					}), /* @__PURE__ */ V("div", {
 						className: "flex flex-wrap gap-space-sm",
-						children: j.map((e, t) => /* @__PURE__ */ R(g, {
+						children: A.map((e, t) => /* @__PURE__ */ V(_, {
 							tone: "secondary",
 							children: e
 						}, t))
 					})]
 				}),
-				!!n.length && /* @__PURE__ */ z(l, {
+				!!n.length && /* @__PURE__ */ H(l, {
 					gap: "md",
 					className: "product-variant-details--related-options",
-					children: [/* @__PURE__ */ R(a, {
+					children: [/* @__PURE__ */ V(o, {
 						weight: "semibold",
-						children: E.relatedOptionsTitle
-					}), /* @__PURE__ */ R(O, { children: n.map((e, t) => S ? /* @__PURE__ */ R("div", { children: S(e, t) }, e.id) : /* @__PURE__ */ R(Qe, {
+						children: T.relatedOptionsTitle
+					}), /* @__PURE__ */ V(M, { children: n.map((e, t) => S ? /* @__PURE__ */ V("div", { children: S(e, t) }, e.id) : /* @__PURE__ */ V(Je, {
 						item: e,
-						actionLabel: E.viewOptionLabel,
+						actionLabel: T.viewOptionLabel,
 						onSelect: m ? () => m(e) : void 0
 					}, e.id)) })]
 				})
 			]
-		}) : y ?? /* @__PURE__ */ R(Be, {
-			title: E.emptyTitle,
-			description: E.emptyDescription
+		}) : y ?? /* @__PURE__ */ V($, {
+			title: T.emptyTitle,
+			description: T.emptyDescription
 		})
 	});
 }
-bt.displayName = "ProductVariantDetails";
+gt.displayName = "ProductVariantDetails";
 //#endregion
 //#region src/components/features/products/components/product-variant-editor.tsx
-var xt = (e) => e.map((e) => ({
+var _t = (e) => e.map((e) => ({
 	value: e.value,
 	label: e.label,
 	disabled: e.disabled
 }));
-function St({ value: e, defaultValue: t, optionFields: n = [], statusOptions: o = [], onValueChange: c, onSubmit: u, onError: d, onCancel: f, onDelete: p, actions: m, headerEnd: h, footerSlot: g, disabled: _ = !1, submitting: x = !1, className: S, strings: T }) {
-	let E = r(Re, T), D = I(), O = e !== void 0, [k, A] = de(t ?? {}), [j, ee] = de(!1), M = (O ? e : k) ?? {}, te = x || j, N = _ || te, ne = (e) => {
+function vt({ value: e, defaultValue: t, optionFields: n = [], statusOptions: a = [], onValueChange: c, onSubmit: u, onError: d, onCancel: f, onDelete: p, actions: m, headerEnd: h, footerSlot: g, disabled: _ = !1, submitting: v = !1, className: y, strings: w }) {
+	let T = r(Ae, w), D = z(), O = e !== void 0, [k, A] = ue(t ?? {}), [j, M] = ue(!1), N = (O ? e : k) ?? {}, P = v || j, F = _ || P, ee = (e) => {
 		O || A(e), c?.(e);
-	}, P = (e, t) => {
-		ne({
-			...M,
+	}, I = (e, t) => {
+		ee({
+			...N,
 			[e]: t
 		});
-	}, re = (e, t) => {
-		ne({
-			...M,
+	}, te = (e, t) => {
+		ee({
+			...N,
 			options: {
-				...M.options,
+				...N.options,
 				[e.id]: t
 			}
 		});
-	}, ie = async (e) => {
-		if (e.preventDefault(), u && !te) {
-			ee(!0);
+	}, ne = async (e) => {
+		if (e.preventDefault(), u && !P) {
+			M(!0);
 			try {
-				await u(M);
+				await u(N);
 			} catch (e) {
 				d?.(e);
 			} finally {
-				ee(!1);
+				M(!1);
 			}
 		}
-	}, ae = /* @__PURE__ */ z("div", {
+	}, re = /* @__PURE__ */ H("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__ */ R("div", { children: !!p && /* @__PURE__ */ R(s, {
+		children: [/* @__PURE__ */ V("div", { children: !!p && /* @__PURE__ */ V(s, {
 			type: "button",
 			tone: "destructive",
 			buttonStyle: "ghost",
-			onClick: () => p(M),
-			disabled: N,
-			icon: Z,
-			children: E.deleteLabel
-		}) }), /* @__PURE__ */ z("div", {
+			onClick: () => p(N),
+			disabled: F,
+			children: T.deleteLabel
+		}) }), /* @__PURE__ */ H("div", {
 			className: "flex flex-col-reverse gap-space-md @sm/product-variant-editor:flex-row @sm/product-variant-editor:justify-end",
-			children: [!!f && /* @__PURE__ */ R(s, {
+			children: [!!f && /* @__PURE__ */ V(s, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				onClick: f,
-				disabled: N,
-				icon: we,
-				children: E.cancelLabel
-			}), !!u && /* @__PURE__ */ R(s, {
+				disabled: F,
+				children: T.cancelLabel
+			}), !!u && /* @__PURE__ */ V(s, {
+				tone: "primary",
 				type: "submit",
 				form: D,
-				disabled: N,
-				icon: xe,
-				children: te ? E.savingLabel : E.saveLabel
+				disabled: F,
+				children: P ? T.savingLabel : T.saveLabel
 			})]
 		})]
-	}), oe = !!(p || f || u);
-	return /* @__PURE__ */ R(C, {
-		icon: /* @__PURE__ */ R(K, { className: "size-4" }),
-		title: E.title,
-		description: E.description,
+	}), ie = !!(p || f || u);
+	return /* @__PURE__ */ V(E, {
+		title: T.title,
+		description: T.description,
 		actions: m,
 		headerEnd: h,
-		footerSlot: g ?? (oe ? ae : void 0),
-		footerDivider: !0,
-		contentClassName: "mt-1",
-		className: i("product-variant-editor--component @container/product-variant-editor w-full", S),
-		children: /* @__PURE__ */ z(l, {
-			render: /* @__PURE__ */ R("form", {
+		footerSlot: g,
+		className: i("product-variant-editor--component @container/product-variant-editor w-full", y),
+		children: /* @__PURE__ */ H(l, {
+			render: /* @__PURE__ */ V("form", {
 				id: D,
-				onSubmit: ie
+				onSubmit: ne
 			}),
 			gap: "2xl",
 			className: "product-variant-editor--form",
 			children: [
-				/* @__PURE__ */ z("section", {
+				/* @__PURE__ */ H("section", {
 					className: "product-variant-editor--section grid gap-space-lg",
-					children: [/* @__PURE__ */ R(a, {
+					children: [/* @__PURE__ */ V(o, {
 						weight: "semibold",
-						children: E.identityTitle
-					}), /* @__PURE__ */ z("div", {
+						children: T.identityTitle
+					}), /* @__PURE__ */ H("div", {
 						className: "grid gap-space-lg @sm/product-variant-editor:grid-cols-2",
 						children: [
-							/* @__PURE__ */ R(w, {
-								label: E.fields.name,
+							/* @__PURE__ */ V(x, {
+								label: T.fields.name,
 								required: !0,
-								children: /* @__PURE__ */ R(v, {
-									value: M.name ?? "",
-									onChange: (e) => P("name", e.target.value),
-									placeholder: E.placeholders.name,
-									disabled: N
+								children: /* @__PURE__ */ V(b, {
+									value: N.name ?? "",
+									onChange: (e) => I("name", e.target.value),
+									placeholder: T.placeholders.name,
+									disabled: F
 								})
 							}),
-							/* @__PURE__ */ R(w, {
-								label: E.fields.sku,
-								children: /* @__PURE__ */ R(v, {
-									value: M.sku ?? "",
-									onChange: (e) => P("sku", e.target.value),
-									placeholder: E.placeholders.sku,
-									disabled: N
+							/* @__PURE__ */ V(x, {
+								label: T.fields.sku,
+								children: /* @__PURE__ */ V(b, {
+									value: N.sku ?? "",
+									onChange: (e) => I("sku", e.target.value),
+									placeholder: T.placeholders.sku,
+									disabled: F
 								})
 							}),
-							/* @__PURE__ */ R(w, {
-								label: E.fields.description,
+							/* @__PURE__ */ V(x, {
+								label: T.fields.description,
 								className: "@sm/product-variant-editor:col-span-2",
-								children: /* @__PURE__ */ R(y, {
-									value: M.description ?? "",
-									onChange: (e) => P("description", e.target.value),
-									placeholder: E.placeholders.description,
-									disabled: N,
+								children: /* @__PURE__ */ V(S, {
+									value: N.description ?? "",
+									onChange: (e) => I("description", e.target.value),
+									placeholder: T.placeholders.description,
+									disabled: F,
 									autoResize: !0,
 									minRows: 2
 								})
@@ -2291,141 +2264,142 @@ function St({ value: e, defaultValue: t, optionFields: n = [], statusOptions: o
 						]
 					})]
 				}),
-				/* @__PURE__ */ z("section", {
+				/* @__PURE__ */ H("section", {
 					className: "product-variant-editor--section grid gap-space-lg",
-					children: [/* @__PURE__ */ R(a, {
+					children: [/* @__PURE__ */ V(o, {
 						weight: "semibold",
-						children: E.commercialTitle
-					}), /* @__PURE__ */ z("div", {
+						children: T.commercialTitle
+					}), /* @__PURE__ */ H("div", {
 						className: "grid gap-space-lg @sm/product-variant-editor:grid-cols-2",
 						children: [
-							/* @__PURE__ */ R(w, {
-								label: E.fields.price,
-								children: /* @__PURE__ */ R(v, {
-									value: M.price ?? "",
-									onChange: (e) => P("price", e.target.value),
-									placeholder: E.placeholders.price,
-									disabled: N
+							/* @__PURE__ */ V(x, {
+								label: T.fields.price,
+								children: /* @__PURE__ */ V(b, {
+									value: N.price ?? "",
+									onChange: (e) => I("price", e.target.value),
+									placeholder: T.placeholders.price,
+									disabled: F
 								})
 							}),
-							/* @__PURE__ */ R(w, {
-								label: E.fields.inventory,
-								children: /* @__PURE__ */ R(v, {
-									value: M.inventory ?? "",
-									onChange: (e) => P("inventory", e.target.value),
-									placeholder: E.placeholders.inventory,
-									disabled: N,
+							/* @__PURE__ */ V(x, {
+								label: T.fields.inventory,
+								children: /* @__PURE__ */ V(b, {
+									value: N.inventory ?? "",
+									onChange: (e) => I("inventory", e.target.value),
+									placeholder: T.placeholders.inventory,
+									disabled: F,
 									inputMode: "numeric"
 								})
 							}),
-							/* @__PURE__ */ R(w, {
-								label: E.fields.status,
-								children: o.length > 0 ? /* @__PURE__ */ R(b, {
-									options: xt(o),
-									value: M.status ?? null,
-									onValueChange: (e) => P("status", e ?? ""),
-									placeholder: E.statusPlaceholder,
-									disabled: N,
-									"aria-label": E.fields.status
-								}) : /* @__PURE__ */ R(v, {
-									value: M.status ?? "",
-									onChange: (e) => P("status", e.target.value),
-									placeholder: E.placeholders.status,
-									disabled: N
+							/* @__PURE__ */ V(x, {
+								label: T.fields.status,
+								children: a.length > 0 ? /* @__PURE__ */ V(C, {
+									options: _t(a),
+									value: N.status ?? null,
+									onValueChange: (e) => I("status", e ?? ""),
+									placeholder: T.statusPlaceholder,
+									disabled: F,
+									"aria-label": T.fields.status
+								}) : /* @__PURE__ */ V(b, {
+									value: N.status ?? "",
+									onChange: (e) => I("status", e.target.value),
+									placeholder: T.placeholders.status,
+									disabled: F
 								})
 							}),
-							/* @__PURE__ */ R(w, {
-								label: E.fields.channels,
-								children: /* @__PURE__ */ R(v, {
-									value: M.channels ?? "",
-									onChange: (e) => P("channels", e.target.value),
-									placeholder: E.placeholders.channels,
-									disabled: N
+							/* @__PURE__ */ V(x, {
+								label: T.fields.channels,
+								children: /* @__PURE__ */ V(b, {
+									value: N.channels ?? "",
+									onChange: (e) => I("channels", e.target.value),
+									placeholder: T.placeholders.channels,
+									disabled: F
 								})
 							})
 						]
 					})]
 				}),
-				!!n.length && /* @__PURE__ */ z("section", {
+				!!n.length && /* @__PURE__ */ H("section", {
 					className: "product-variant-editor--section grid gap-space-lg",
-					children: [/* @__PURE__ */ R(a, {
+					children: [/* @__PURE__ */ V(o, {
 						weight: "semibold",
-						children: E.optionsTitle
-					}), /* @__PURE__ */ R("div", {
+						children: T.optionsTitle
+					}), /* @__PURE__ */ V("div", {
 						className: "grid gap-space-lg @sm/product-variant-editor:grid-cols-2",
 						children: n.map((e) => {
-							let t = e.value ?? M.options?.[e.id] ?? "", n = !!e.choices?.length;
-							return /* @__PURE__ */ R(w, {
+							let t = e.value ?? N.options?.[e.id] ?? "", n = !!e.choices?.length;
+							return /* @__PURE__ */ V(x, {
 								label: e.label,
 								helperText: e.helperText,
-								children: n ? /* @__PURE__ */ R(b, {
-									options: xt(e.choices ?? []),
+								children: n ? /* @__PURE__ */ V(C, {
+									options: _t(e.choices ?? []),
 									value: t || null,
-									onValueChange: (t) => re(e, t),
-									placeholder: e.placeholder ?? E.optionPlaceholder,
-									disabled: N,
+									onValueChange: (t) => te(e, t),
+									placeholder: e.placeholder ?? T.optionPlaceholder,
+									disabled: F,
 									"aria-label": e.label
-								}) : /* @__PURE__ */ R(v, {
+								}) : /* @__PURE__ */ V(b, {
 									value: t,
-									onChange: (t) => re(e, t.target.value),
-									placeholder: e.placeholder ?? E.optionPlaceholder,
-									disabled: N
+									onChange: (t) => te(e, t.target.value),
+									placeholder: e.placeholder ?? T.optionPlaceholder,
+									disabled: F
 								})
 							}, e.id);
 						})
 					})]
-				})
+				}),
+				g == null && ie && re
 			]
 		})
 	});
 }
-St.displayName = "ProductVariantEditor";
+vt.displayName = "ProductVariantEditor";
 //#endregion
 //#region src/components/features/products/components/product-variants-bulk-table.tsx
-var Ct = [
+var yt = [
 	"variant",
 	"sku",
 	"price",
 	"inventory",
 	"status"
-], wt = "text", Tt = "text", Et = "multiple";
-function Dt(e) {
+], bt = "text", xt = "text", St = "multiple";
+function Ct(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
-function Ot(e, t) {
+function wt(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 kt(e, t) {
-	return e.name !== void 0 && e.name !== null && e.name !== "" ? e.name : t.filter((e) => e.usedForVariants !== !1).map((t) => Ot(e, t)).filter((e) => e != null && e !== "").map((e) => Dt(e)).filter(Boolean).join(" / ") || "-";
+function Tt(e, t) {
+	return e.name !== void 0 && e.name !== null && e.name !== "" ? e.name : t.filter((e) => e.usedForVariants !== !1).map((t) => wt(e, t)).filter((e) => e != null && e !== "").map((e) => Ct(e)).filter(Boolean).join(" / ") || "-";
 }
-function At(e, t) {
-	return t.filter((e) => e.usedForVariants !== !1).map((t) => Ot(e, t)).filter((e) => e != null && e !== "");
+function Et(e, t) {
+	return t.filter((e) => e.usedForVariants !== !1).map((t) => wt(e, t)).filter((e) => e != null && e !== "");
 }
-function jt(e) {
-	return e.map(Dt).filter(Boolean).join(" / ");
+function Dt(e) {
+	return e.map(Ct).filter(Boolean).join(" / ");
 }
-function Mt(e, t) {
-	return Dt(Ot(e, t)) || "-";
+function Ot(e, t) {
+	return Ct(wt(e, t)) || "-";
 }
-function Nt(e, t) {
+function kt(e, t) {
 	return e.map((e) => t.get(e)).filter((e) => !!e);
 }
-function Pt(e) {
+function At(e) {
 	return e == null || e === "" ? "-" : e;
 }
-function Ft(e) {
+function jt(e) {
 	return e != null && e !== "";
 }
-function It(e) {
+function Mt(e) {
 	return e === "sku" || e === "price" || e === "inventory";
 }
-function Lt(e, t) {
-	return e === "text" || e === "field" ? e : e[t] ?? Tt;
+function Nt(e, t) {
+	return e === "text" || e === "field" ? e : e[t] ?? xt;
 }
-function Rt(e, t, n, r) {
+function Pt(e, t, n, r) {
 	return {
 		index: e,
 		field: t,
@@ -2433,11 +2407,11 @@ function Rt(e, t, n, r) {
 		value: r
 	};
 }
-function zt(e, t, n, r, a) {
-	let o = Dt(e);
+function Ft(e, t, n, r, a) {
+	let o = Ct(e);
 	if (n === "field") {
 		let e = !!r;
-		return /* @__PURE__ */ R(v, {
+		return /* @__PURE__ */ V(b, {
 			readOnly: !e,
 			value: o,
 			onChange: e ? (e) => r(e.currentTarget.value) : void 0,
@@ -2446,263 +2420,261 @@ function zt(e, t, n, r, a) {
 			className: i("h-control-lg w-full min-w-24 bg-background px-control shadow-xs", !e && "text-muted-foreground")
 		});
 	}
-	let s = Ft(e) ? p : m;
-	return /* @__PURE__ */ R(s, {
+	let s = jt(e) ? m : h;
+	return /* @__PURE__ */ V(s, {
 		className: "min-w-0 whitespace-normal break-words tabular-nums",
-		children: Pt(e)
+		children: At(e)
 	});
 }
-function Bt({ variants: e = [], optionGroups: t = [], groupByOptionId: n, visibleColumns: c = Ct, optionCombinationDisplay: u = wt, cellDisplay: d = Tt, selectionMode: f, renderOptionCombination: p, renderCell: m, selectedVariantIds: h, defaultSelectedVariantIds: _ = [], onSelectedVariantIdsChange: v, onVariantFieldChange: y, onVariantFieldBlur: b, onCreateVariant: x, onGenerateVariants: w, onSelectVariant: T, onEditVariant: E, onDuplicateVariant: D, onDeleteVariant: O, onBulkEdit: k, onBulkApply: A, onBulkDelete: j, renderVariantActions: re, renderBulkActions: ie, actions: ae, headerEnd: oe, footerSlot: se, empty: ce, surface: le = "card", className: I, strings: fe }) {
-	let B = r(Pe, fe), V = h !== void 0, [pe, me] = de(_), he = !!(ie || k || A || j), U = (f ?? (he || V || v ? Et : "none")) === "multiple", W = L(() => U ? V ? h : pe : [], [
-		pe,
+function It({ variants: e = [], optionGroups: t = [], groupByOptionId: n, visibleColumns: c = yt, optionCombinationDisplay: u = bt, cellDisplay: d = xt, 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: D, onDeleteVariant: O, onBulkEdit: k, onBulkApply: A, onBulkDelete: j, renderVariantActions: M, renderBulkActions: N, actions: P, headerEnd: F, footerSlot: ae, empty: oe, surface: se = "card", className: L, strings: ce }) {
+	let z = r(De, ce), de = h !== void 0, [fe, pe] = ue(g), ge = !!(N || k || A || j), U = (f ?? (ge || de || v ? St : "none")) === "multiple", _e = B(() => U ? de ? h : fe : [], [
+		fe,
 		U,
-		V,
+		de,
 		h
-	]), _e = L(() => new Map(e.map((e) => [e.id, e])), [e]), G = L(() => Nt(W, _e), [_e, W]), ye = L(() => new Set(W), [W]), J = L(() => new Set(c), [c]), Y = L(() => t.find((e) => e.id === n), [t, n]), xe = L(() => new Map(e.map((e, t) => [e.id, t])), [e]), Se = L(() => {
+	]), ve = B(() => new Map(e.map((e) => [e.id, e])), [e]), K = B(() => kt(_e, ve), [ve, _e]), ye = B(() => new Set(_e), [_e]), J = B(() => new Set(c), [c]), Y = B(() => t.find((e) => e.id === n), [t, n]), be = B(() => new Map(e.map((e, t) => [e.id, t])), [e]), xe = B(() => {
 		if (!Y) return e;
 		let t = new Map((Y.values ?? []).map((e, t) => [e.id, t]));
 		return [...e].sort((e, n) => {
 			let r = e.optionValueIds?.[Y.id], i = n.optionValueIds?.[Y.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 ? (xe.get(e.id) ?? 0) - (xe.get(n.id) ?? 0) : s - c;
+			return s === c ? (be.get(e.id) ?? 0) - (be.get(n.id) ?? 0) : s - c;
 		});
 	}, [
 		Y,
-		xe,
+		be,
 		e
-	]), Ce = L(() => {
+	]), Se = B(() => {
 		if (!Y) return /* @__PURE__ */ new Map();
 		let t = /* @__PURE__ */ new Map();
 		return e.forEach((e) => {
-			let n = Mt(e, Y);
+			let n = Ot(e, Y);
 			t.set(n, (t.get(n) ?? 0) + 1);
 		}), t;
-	}, [Y, e]), X = U && he, we = e.length > 0, Te = U && we && e.every((e) => ye.has(e.id)), Q = !!(T || E || D || O || re), Ee = c.filter((e) => J.has(e)).length + +!!U + +!!Q, $ = F((e) => {
-		let t = Nt(e, _e);
-		V || me(e), v?.(e, t);
+	}, [Y, e]), Ce = U && ge, we = e.length > 0, Te = U && we && e.every((e) => ye.has(e.id)), Ee = !!(C || w || D || O || M), X = c.filter((e) => J.has(e)).length + +!!U + +!!Ee, Z = R((e) => {
+		let t = kt(e, ve);
+		de || pe(e), v?.(e, t);
 	}, [
-		V,
+		de,
 		v,
-		_e
-	]), De = F(() => $([]), [$]), Oe = F((e, t) => {
+		ve
+	]), Oe = R(() => Z([]), [Z]), ke = R((e, t) => {
 		if (!U) return;
-		let n = t === !0 ? Array.from(/* @__PURE__ */ new Set([...W, e.id])) : W.filter((t) => t !== e.id);
-		$(n);
+		let n = t === !0 ? Array.from(/* @__PURE__ */ new Set([..._e, e.id])) : _e.filter((t) => t !== e.id);
+		Z(n);
 	}, [
 		U,
-		W,
-		$
-	]), ke = F((t) => {
-		U && $(t === !0 ? e.map((e) => e.id) : []);
+		_e,
+		Z
+	]), Q = R((t) => {
+		U && Z(t === !0 ? e.map((e) => e.id) : []);
 	}, [
 		U,
-		$,
+		Z,
 		e
 	]), Ae = {
-		selectedRows: G,
-		selectedIds: W,
+		selectedRows: K,
+		selectedIds: _e,
 		allRows: e,
-		selectedCount: G.length,
+		selectedCount: K.length,
 		totalCount: e.length,
 		allRowsSelected: Te,
-		clearSelection: De,
-		setSelectedIds: $
-	}, je = x || w ? /* @__PURE__ */ z(l, {
+		clearSelection: Oe,
+		setSelectedIds: Z
+	}, je = x || S ? /* @__PURE__ */ H(l, {
 		direction: "horizontal",
 		gap: "sm",
 		justify: "end",
 		className: "product-variants-bulk-table--header-actions",
-		children: [!!w && /* @__PURE__ */ R(s, {
+		children: [!!S && /* @__PURE__ */ V(s, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
-			onClick: w,
-			icon: be,
-			children: B.generateLabel
-		}), !!x && /* @__PURE__ */ R(s, {
+			onClick: S,
+			children: z.generateLabel
+		}), !!x && /* @__PURE__ */ V(s, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			onClick: x,
-			icon: q,
-			children: B.createLabel
+			icon: G,
+			children: z.createLabel
 		})]
-	}) : void 0, Me = X ? /* @__PURE__ */ z(l, {
+	}) : void 0, Me = Ce ? /* @__PURE__ */ H(l, {
 		direction: "horizontal",
 		gap: "md",
 		justify: "between",
 		className: "product-variants-bulk-table--bulk-toolbar rounded-radius bg-muted/45 px-space-lg py-space-md",
-		children: [/* @__PURE__ */ z(l, {
+		children: [/* @__PURE__ */ H(l, {
 			direction: "horizontal",
 			gap: "md",
-			children: [/* @__PURE__ */ R(a, {
+			children: [/* @__PURE__ */ V(o, {
 				size: "xs",
 				type: "secondary",
-				children: B.selectedLabel(G.length, e.length)
-			}), !!G.length && /* @__PURE__ */ R(s, {
+				children: z.selectedLabel(K.length, e.length)
+			}), !!K.length && /* @__PURE__ */ V(s, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				size: "sm",
-				onClick: De,
-				children: B.clearSelectionLabel
+				onClick: Oe,
+				children: z.clearSelectionLabel
 			})]
-		}), /* @__PURE__ */ z(l, {
+		}), /* @__PURE__ */ H(l, {
 			direction: "horizontal",
 			gap: "md",
 			justify: "end",
 			children: [
-				!!k && /* @__PURE__ */ R(s, {
+				!!k && /* @__PURE__ */ V(s, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "solid",
-					disabled: !G.length,
-					onClick: () => k(G),
+					disabled: !K.length,
+					onClick: () => k(K),
 					className: "bg-background text-foreground hover:bg-background/80",
-					children: B.bulkEditLabel
+					children: z.bulkEditLabel
 				}),
-				!!j && /* @__PURE__ */ z(s, {
+				!!j && /* @__PURE__ */ H(s, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
-					disabled: !G.length,
-					onClick: () => j(G),
-					icon: Z,
+					disabled: !K.length,
+					onClick: () => j(K),
 					className: "text-muted-foreground hover:text-destructive disabled:text-muted-foreground/55",
 					children: [
-						B.bulkDeleteLabel,
+						z.bulkDeleteLabel,
 						" (",
-						G.length,
+						K.length,
 						")"
 					]
 				}),
-				!!A && /* @__PURE__ */ R(s, {
+				!!A && /* @__PURE__ */ V(s, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
-					disabled: !G.length,
-					onClick: () => A(G),
+					disabled: !K.length,
+					onClick: () => A(K),
 					className: "text-muted-foreground disabled:text-muted-foreground/55",
-					children: B.bulkApplyLabel
+					children: z.bulkApplyLabel
 				}),
-				ie?.(Ae)
+				N?.(Ae)
 			]
 		})]
-	}) : null, Ne = e.length === 0 ? ce ?? /* @__PURE__ */ R(Be, {
-		title: B.emptyTitle,
-		description: B.emptyDescription,
-		action: w ? /* @__PURE__ */ R(s, {
+	}) : null, Ne = e.length === 0 ? oe ?? /* @__PURE__ */ V($, {
+		title: z.emptyTitle,
+		description: z.emptyDescription,
+		action: S ? /* @__PURE__ */ V(s, {
+			tone: "primary",
 			type: "button",
-			onClick: w,
-			icon: be,
-			children: B.generateLabel
+			onClick: S,
+			children: z.generateLabel
 		}) : void 0
-	}) : /* @__PURE__ */ z(l, {
+	}) : /* @__PURE__ */ H(l, {
 		gap: "md",
 		className: "product-variants-bulk-table--body",
-		children: [Me, /* @__PURE__ */ R("div", {
+		children: [Me, /* @__PURE__ */ V("div", {
 			className: "product-variants-bulk-table--table overflow-hidden rounded-radius border border-border bg-background",
-			children: /* @__PURE__ */ z(P, {
+			children: /* @__PURE__ */ H(ie, {
 				containerClassName: "[scrollbar-gutter:stable] [scrollbar-width:thin] [&::-webkit-scrollbar]:h-2.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-border [&::-webkit-scrollbar-track]:bg-muted/40",
 				className: "w-full border-collapse",
 				children: [
-					/* @__PURE__ */ z("colgroup", { children: [
-						U && /* @__PURE__ */ R("col", {
+					/* @__PURE__ */ H("colgroup", { children: [
+						U && /* @__PURE__ */ V("col", {
 							className: "w-14 min-w-14 max-w-14",
 							style: { width: "3.5rem" }
 						}),
-						J.has("variant") && /* @__PURE__ */ R("col", {}),
-						J.has("sku") && /* @__PURE__ */ R("col", {}),
-						J.has("price") && /* @__PURE__ */ R("col", {}),
-						J.has("inventory") && /* @__PURE__ */ R("col", {}),
-						J.has("status") && /* @__PURE__ */ R("col", {}),
-						J.has("updated") && /* @__PURE__ */ R("col", {}),
-						Q && /* @__PURE__ */ R("col", { style: { width: "4.5rem" } })
+						J.has("variant") && /* @__PURE__ */ V("col", {}),
+						J.has("sku") && /* @__PURE__ */ V("col", {}),
+						J.has("price") && /* @__PURE__ */ V("col", {}),
+						J.has("inventory") && /* @__PURE__ */ V("col", {}),
+						J.has("status") && /* @__PURE__ */ V("col", {}),
+						J.has("updated") && /* @__PURE__ */ V("col", {}),
+						Ee && /* @__PURE__ */ V("col", { style: { width: "4.5rem" } })
 					] }),
-					/* @__PURE__ */ R(ne, { children: /* @__PURE__ */ z(ee, {
+					/* @__PURE__ */ V(re, { children: /* @__PURE__ */ H(ee, {
 						className: "h-12 border-b border-border/70 bg-muted/45",
 						children: [
-							U && /* @__PURE__ */ R(N, {
+							U && /* @__PURE__ */ V(ne, {
 								className: "w-14 min-w-14 max-w-14 px-0 py-space-md text-center align-middle",
 								style: { width: "3.5rem" },
-								children: /* @__PURE__ */ R(S, {
+								children: /* @__PURE__ */ V(T, {
 									checked: Te,
-									onCheckedChange: ke,
-									"aria-label": B.selectAllLabel,
+									onCheckedChange: Q,
+									"aria-label": z.selectAllLabel,
 									className: "mx-auto"
 								})
 							}),
-							J.has("variant") && /* @__PURE__ */ R(N, {
+							J.has("variant") && /* @__PURE__ */ V(ne, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ R(o, {
+								children: /* @__PURE__ */ V(a, {
 									className: "whitespace-normal",
-									children: B.headers.variant
+									children: z.headers.variant
 								})
 							}),
-							J.has("sku") && /* @__PURE__ */ R(N, {
+							J.has("sku") && /* @__PURE__ */ V(ne, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ R(o, {
+								children: /* @__PURE__ */ V(a, {
 									className: "whitespace-normal",
-									children: B.headers.sku
+									children: z.headers.sku
 								})
 							}),
-							J.has("price") && /* @__PURE__ */ R(N, {
+							J.has("price") && /* @__PURE__ */ V(ne, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ R(o, {
+								children: /* @__PURE__ */ V(a, {
 									className: "whitespace-normal",
-									children: B.headers.price
+									children: z.headers.price
 								})
 							}),
-							J.has("inventory") && /* @__PURE__ */ R(N, {
+							J.has("inventory") && /* @__PURE__ */ V(ne, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ R(o, {
+								children: /* @__PURE__ */ V(a, {
 									className: "whitespace-normal",
-									children: B.headers.inventory
+									children: z.headers.inventory
 								})
 							}),
-							J.has("status") && /* @__PURE__ */ R(N, {
+							J.has("status") && /* @__PURE__ */ V(ne, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ R(o, {
+								children: /* @__PURE__ */ V(a, {
 									className: "whitespace-normal",
-									children: B.headers.status
+									children: z.headers.status
 								})
 							}),
-							J.has("updated") && /* @__PURE__ */ R(N, {
+							J.has("updated") && /* @__PURE__ */ V(ne, {
 								className: "px-space-lg py-space-md text-left align-middle",
-								children: /* @__PURE__ */ R(o, {
+								children: /* @__PURE__ */ V(a, {
 									className: "whitespace-normal",
-									children: B.headers.updated
+									children: z.headers.updated
 								})
 							}),
-							Q && /* @__PURE__ */ R(N, {
+							Ee && /* @__PURE__ */ V(ne, {
 								className: "px-space-lg py-space-md text-right align-middle",
-								children: /* @__PURE__ */ R(o, {
+								children: /* @__PURE__ */ V(a, {
 									className: "whitespace-normal",
-									children: B.headers.actions
+									children: z.headers.actions
 								})
 							})
 						]
 					}) }),
-					/* @__PURE__ */ R(te, { children: Se.map((e, n) => {
-						let r = xe.get(e.id) ?? n, i = Y ? Mt(e, Y) : null, o = n > 0 ? Se[n - 1] : void 0, s = Y && o ? Mt(o, Y) : null, c = !!Y && i !== s, f = ye.has(e.id), h = {
+					/* @__PURE__ */ V(te, { children: xe.map((e, n) => {
+						let r = be.get(e.id) ?? n, i = Y ? Ot(e, Y) : null, a = n > 0 ? xe[n - 1] : void 0, s = Y && a ? Ot(a, Y) : null, c = !!Y && i !== s, f = ye.has(e.id), h = {
 							index: r,
-							onSelect: T ? () => T(e) : void 0,
-							onEdit: E ? () => E(e) : void 0,
+							onSelect: C ? () => C(e) : void 0,
+							onEdit: w ? () => w(e) : void 0,
 							onDuplicate: D ? () => D(e) : void 0,
 							onDelete: O ? () => O(e) : void 0,
 							isSelected: f,
-							onToggleSelected: U ? (t) => Oe(e, t) : void 0
-						}, _ = Y ? t.filter((e) => e.id !== Y.id) : t, v = At(e, _), x = Y ? kt({
+							onToggleSelected: U ? (t) => ke(e, t) : void 0
+						}, g = Y ? t.filter((e) => e.id !== Y.id) : t, v = Et(e, g), x = Y ? Tt({
 							...e,
 							name: void 0
-						}, _) : kt(e, t), C = x === "-" && Y ? kt(e, t) : x, w = jt(v), k = w === Dt(C), A = (t, n, i = Tt) => {
-							let a = It(t) && y ? (i) => y(e, t, i, Rt(r, t, n, i)) : void 0, o = It(t) && b ? (i) => b(e, t, i, Rt(r, t, n, i)) : void 0;
+						}, g) : Tt(e, t), S = x === "-" && Y ? Tt(e, t) : x, E = Dt(v), k = E === Ct(S), A = (t, n, i = xt) => {
+							let a = Mt(t) && y ? (i) => y(e, t, i, Pt(r, t, n, i)) : void 0, o = Mt(t) && b ? (i) => b(e, t, i, Pt(r, t, n, i)) : void 0;
 							return {
 								index: r,
 								column: t,
 								value: n,
-								variantName: C,
+								variantName: S,
 								optionValues: v,
-								optionLabel: w,
+								optionLabel: E,
 								cellDisplay: i,
 								onValueChange: a,
 								onBlur: o
@@ -2710,101 +2682,101 @@ function Bt({ variants: e = [], optionGroups: t = [], groupByOptionId: n, visibl
 						}, j = (t, n, r, i) => {
 							let a = A(t, n, r), o = m?.(e, a);
 							return o === void 0 ? i(a) : o;
-						}, te = u !== "none" && v.length > 0 && (Y ? !k : u === "tags" || !k), N = u === "none" ? null : p?.(e, {
+						}, N = u !== "none" && v.length > 0 && (Y ? !k : u === "tags" || !k), P = u === "none" ? null : p?.(e, {
 							optionGroups: t,
 							optionValues: v,
-							optionLabel: w,
+							optionLabel: E,
 							display: u
-						}), ne = [
-							...T ? [{
+						}), F = [
+							...C ? [{
 								id: "view",
-								label: B.viewLabel,
-								icon: /* @__PURE__ */ R(H, { className: "size-icon-md" }),
-								onClick: () => T(e),
+								label: z.viewLabel,
+								icon: /* @__PURE__ */ V(he, { className: "size-icon-md" }),
+								onClick: () => C(e),
 								tone: "secondary",
 								buttonStyle: "ghost"
 							}] : [],
-							...E ? [{
+							...w ? [{
 								id: "edit",
-								label: B.editLabel,
-								icon: /* @__PURE__ */ R(K, { className: "size-icon-md" }),
-								onClick: () => E(e),
+								label: z.editLabel,
+								icon: /* @__PURE__ */ V(W, { className: "size-icon-md" }),
+								onClick: () => w(e),
 								tone: "secondary",
 								buttonStyle: "ghost"
 							}] : [],
 							...D ? [{
 								id: "duplicate",
-								label: B.duplicateLabel,
-								icon: /* @__PURE__ */ R(ge, { className: "size-icon-md" }),
+								label: z.duplicateLabel,
+								icon: /* @__PURE__ */ V(me, { className: "size-icon-md" }),
 								onClick: () => D(e),
 								tone: "secondary",
 								buttonStyle: "ghost"
 							}] : [],
 							...O ? [{
 								id: "delete",
-								label: B.deleteLabel,
-								icon: /* @__PURE__ */ R(Z, { className: "size-icon-md" }),
+								label: z.deleteLabel,
+								icon: /* @__PURE__ */ V(q, { className: "size-icon-md" }),
 								onClick: () => O(e),
 								tone: "destructive"
 							}] : []
 						];
-						return /* @__PURE__ */ z(ue, { children: [c && /* @__PURE__ */ R(ee, {
+						return /* @__PURE__ */ H(le, { children: [c && /* @__PURE__ */ V(ee, {
 							className: "product-variants-bulk-table--group-row border-b border-border/70 bg-muted/30",
-							children: /* @__PURE__ */ R(M, {
-								colSpan: Ee,
+							children: /* @__PURE__ */ V(I, {
+								colSpan: X,
 								className: "px-space-lg py-space-md align-middle",
-								children: /* @__PURE__ */ z(l, {
+								children: /* @__PURE__ */ H(l, {
 									direction: "horizontal",
 									gap: "sm",
 									wrap: !1,
-									children: [/* @__PURE__ */ R(a, {
+									children: [/* @__PURE__ */ V(o, {
 										tag: "span",
 										weight: "semibold",
 										className: "min-w-0 whitespace-normal break-words",
 										children: i
-									}), /* @__PURE__ */ R(a, {
+									}), /* @__PURE__ */ V(o, {
 										tag: "span",
 										size: "xs",
 										type: "secondary",
 										className: "whitespace-nowrap",
-										children: B.groupCountLabel(Ce.get(i ?? "") ?? 0)
+										children: z.groupCountLabel(Se.get(i ?? "") ?? 0)
 									})]
 								})
 							})
-						}), /* @__PURE__ */ z(ee, {
+						}), /* @__PURE__ */ H(ee, {
 							className: "h-20 border-b border-border/70 last:border-b-0",
 							children: [
-								U && /* @__PURE__ */ R(M, {
+								U && /* @__PURE__ */ V(I, {
 									className: "w-14 min-w-14 max-w-14 px-0 py-space-lg text-center align-middle",
 									style: { width: "3.5rem" },
-									children: /* @__PURE__ */ R(S, {
+									children: /* @__PURE__ */ V(T, {
 										checked: f,
-										onCheckedChange: (t) => Oe(e, t),
-										"aria-label": B.selectRowLabel(r),
+										onCheckedChange: (t) => ke(e, t),
+										"aria-label": z.selectRowLabel(r),
 										className: "mx-auto"
 									})
 								}),
-								J.has("variant") && /* @__PURE__ */ R(M, {
+								J.has("variant") && /* @__PURE__ */ V(I, {
 									className: "px-space-lg py-space-lg align-middle",
-									children: j("variant", C, Tt, () => /* @__PURE__ */ z(l, {
+									children: j("variant", S, xt, () => /* @__PURE__ */ H(l, {
 										gap: "xs",
 										children: [
-											/* @__PURE__ */ R(a, {
+											/* @__PURE__ */ V(o, {
 												weight: "medium",
 												className: "min-w-0 whitespace-normal break-words",
-												children: C
+												children: S
 											}),
-											N,
-											!N && te && u === "text" && /* @__PURE__ */ R(a, {
+											P,
+											!P && N && u === "text" && /* @__PURE__ */ V(o, {
 												size: "xs",
 												type: "secondary",
 												className: "min-w-0 whitespace-normal break-words",
-												children: v.map((t, n) => /* @__PURE__ */ z("span", { children: [n > 0 ? " / " : null, t] }, `${e.id}-option-text-${n}`))
+												children: v.map((t, n) => /* @__PURE__ */ H("span", { children: [n > 0 ? " / " : null, t] }, `${e.id}-option-text-${n}`))
 											}),
-											!N && te && u === "tags" && /* @__PURE__ */ R(l, {
+											!P && N && u === "tags" && /* @__PURE__ */ V(l, {
 												direction: "horizontal",
 												gap: "xs",
-												children: v.map((t, n) => /* @__PURE__ */ R(g, {
+												children: v.map((t, n) => /* @__PURE__ */ V(_, {
 													size: "sm",
 													tone: "secondary",
 													className: "max-w-full",
@@ -2814,42 +2786,38 @@ function Bt({ variants: e = [], optionGroups: t = [], groupByOptionId: n, visibl
 										]
 									}))
 								}),
-								J.has("sku") && /* @__PURE__ */ R(M, {
+								J.has("sku") && /* @__PURE__ */ V(I, {
 									className: "px-space-lg py-space-md align-middle",
-									children: j("sku", e.sku, Lt(d, "sku"), (t) => zt(e.sku, `${B.headers.sku}: ${Dt(C)}`, t.cellDisplay, t.onValueChange, t.onBlur))
+									children: j("sku", e.sku, Nt(d, "sku"), (t) => Ft(e.sku, `${z.headers.sku}: ${Ct(S)}`, t.cellDisplay, t.onValueChange, t.onBlur))
 								}),
-								J.has("price") && /* @__PURE__ */ R(M, {
+								J.has("price") && /* @__PURE__ */ V(I, {
 									className: "px-space-lg py-space-md align-middle",
-									children: j("price", e.price, Lt(d, "price"), (t) => zt(e.price, `${B.headers.price}: ${Dt(C)}`, t.cellDisplay, t.onValueChange, t.onBlur))
+									children: j("price", e.price, Nt(d, "price"), (t) => Ft(e.price, `${z.headers.price}: ${Ct(S)}`, t.cellDisplay, t.onValueChange, t.onBlur))
 								}),
-								J.has("inventory") && /* @__PURE__ */ R(M, {
+								J.has("inventory") && /* @__PURE__ */ V(I, {
 									className: "px-space-lg py-space-md align-middle",
-									children: j("inventory", e.inventory, Lt(d, "inventory"), (t) => zt(e.inventory, `${B.headers.inventory}: ${Dt(C)}`, t.cellDisplay, t.onValueChange, t.onBlur))
+									children: j("inventory", e.inventory, Nt(d, "inventory"), (t) => Ft(e.inventory, `${z.headers.inventory}: ${Ct(S)}`, t.cellDisplay, t.onValueChange, t.onBlur))
 								}),
-								J.has("status") && /* @__PURE__ */ R(M, {
+								J.has("status") && /* @__PURE__ */ V(I, {
 									className: "px-space-lg py-space-lg align-middle",
-									children: j("status", e.status, Tt, () => e.status ? /* @__PURE__ */ R(g, {
+									children: j("status", e.status, xt, () => e.status ? /* @__PURE__ */ V(_, {
 										tone: e.statusTone ?? "secondary",
 										children: e.status
-									}) : /* @__PURE__ */ R(a, {
+									}) : /* @__PURE__ */ V(o, {
 										type: "secondary",
 										children: "-"
 									}))
 								}),
-								J.has("updated") && /* @__PURE__ */ R(M, {
+								J.has("updated") && /* @__PURE__ */ V(I, {
 									className: "px-space-lg py-space-lg align-middle",
-									children: j("updated", e.updatedAt, Tt, () => /* @__PURE__ */ R(a, {
-										size: "xs",
-										type: "secondary",
-										children: Pt(e.updatedAt)
-									}))
+									children: j("updated", e.updatedAt, xt, () => Ft(e.updatedAt, `${z.headers.updated}: ${Ct(S)}`, "text"))
 								}),
-								Q && /* @__PURE__ */ R(M, {
+								Ee && /* @__PURE__ */ V(I, {
 									className: "px-space-lg py-space-lg text-right align-middle",
-									children: re ? re(e, h) : /* @__PURE__ */ R(Ke, {
+									children: M ? M(e, h) : /* @__PURE__ */ V(ze, {
 										item: e,
-										actions: ne,
-										menuLabel: B.headers.actions
+										actions: F,
+										menuLabel: z.headers.actions
 									})
 								})
 							]
@@ -2859,167 +2827,168 @@ function Bt({ variants: e = [], optionGroups: t = [], groupByOptionId: n, visibl
 			})
 		})]
 	});
-	return le === "embedded" ? /* @__PURE__ */ R("section", {
-		"aria-label": B.title,
-		className: i("product-variants-bulk-table--component min-w-0", I),
+	return se === "embedded" ? /* @__PURE__ */ V("section", {
+		"aria-label": z.title,
+		className: i("product-variants-bulk-table--component min-w-0", L),
 		children: Ne
-	}) : /* @__PURE__ */ R(C, {
-		icon: /* @__PURE__ */ R(ve, { className: "size-icon" }),
-		title: B.title,
-		description: B.description,
-		actions: ae,
+	}) : /* @__PURE__ */ V(E, {
+		title: z.title,
+		description: z.description,
+		actions: P,
 		headerAction: je,
-		headerEnd: oe,
-		footerSlot: se,
-		contentClassName: "mt-1",
-		className: i("product-variants-bulk-table--component w-full", I),
+		headerEnd: F,
+		footerSlot: ae,
+		className: i("product-variants-bulk-table--component w-full", L),
 		children: Ne
 	});
 }
-Bt.displayName = "ProductVariantsBulkTable";
+It.displayName = "ProductVariantsBulkTable";
 //#endregion
 //#region src/components/features/products/components/product-variants-manager.tsx
-function Vt({ optionGroups: n = [], variants: o = [], visibleColumns: c, optionCombinationDisplay: u, cellDisplay: d, selectionMode: f, renderOptionCombination: p, renderCell: m, selectedVariantIds: h, defaultSelectedVariantIds: g, onSelectedVariantIdsChange: _, onVariantFieldChange: v, onVariantFieldBlur: y, collapsedOptionIds: x, defaultCollapsedOptionIds: S, onCollapsedOptionIdsChange: w, editingOptionId: T, defaultEditingOptionId: E, onEditingOptionIdChange: D, onCreateOption: O, onEditOption: k, onDeleteOption: A, onAddValue: j, onDeleteValue: ee, onOptionNameChange: M, onValueLabelChange: te, onDoneEditingOption: N, onSaveEditingOption: ne, onCancelEditingOption: P, onToggleUsedForVariants: re, renderOptionActions: ie, renderValue: ae, onCreateVariant: oe, onGenerateVariants: se, onSelectVariant: ue, onEditVariant: I, onDuplicateVariant: fe, onDeleteVariant: B, onBulkEdit: V, onBulkApply: pe, onBulkDelete: me, renderVariantActions: he, renderBulkActions: ge, groupByOptionId: H, defaultGroupByOptionId: U, onGroupByOptionIdChange: W, onSearchVariants: _e, onFilterVariants: ve, controlsEnd: ye, actions: K, headerEnd: J, footerSlot: Y, className: xe, strings: Ce, optionsStrings: X, variantsStrings: Z }) {
-	let { defaultScale: we } = t(), Te = e(void 0, we), Q = r(Fe, Ce), Ee = L(() => n.filter((e) => e.usedForVariants !== !1), [n]), $ = Ee[0]?.id ?? null, De = H !== void 0, [Oe, ke] = de(U ?? $), Ae = H ?? Oe ?? $, je = L(() => Ee.map((e) => ({
+function Lt({ optionGroups: n = [], variants: a = [], visibleColumns: c, optionCombinationDisplay: d, cellDisplay: f, selectionMode: p, renderOptionCombination: m, renderCell: h, selectedVariantIds: g, defaultSelectedVariantIds: _, onSelectedVariantIdsChange: v, onVariantFieldChange: y, onVariantFieldBlur: b, collapsedOptionIds: x, defaultCollapsedOptionIds: S, onCollapsedOptionIdsChange: w, editingOptionId: T, defaultEditingOptionId: E, onEditingOptionIdChange: k, onCreateOption: A, onEditOption: j, onDeleteOption: M, onAddValue: N, onDeleteValue: P, onOptionNameChange: F, onValueLabelChange: ee, onDoneEditingOption: I, onSaveEditingOption: te, onCancelEditingOption: ne, onToggleUsedForVariants: re, renderOptionActions: ie, renderValue: ae, onCreateVariant: oe, onGenerateVariants: se, onSelectVariant: L, onEditVariant: ce, onDuplicateVariant: le, onDeleteVariant: z, onBulkEdit: de, onBulkApply: fe, onBulkDelete: pe, renderVariantActions: me, renderBulkActions: he, groupByOptionId: ge, defaultGroupByOptionId: W, onGroupByOptionIdChange: _e, onSearchVariants: K, onFilterVariants: q, controlsEnd: ye, actions: J, headerEnd: Y, footerSlot: be, surface: xe = "flat", padding: Se = xe === "flat" ? "none" : "md", headerDivider: Ce = xe !== "flat" && void 0, footerDivider: we = xe !== "flat" && void 0, className: Te, strings: Ee, optionsStrings: X, variantsStrings: Z }) {
+	let { defaultScale: De } = t(), ke = e(void 0, De), Q = r(Oe, Ee), Ae = B(() => n.filter((e) => e.usedForVariants !== !1), [n]), je = Ae[0]?.id ?? null, $ = ge !== void 0, [Me, Ne] = ue(W ?? je), Pe = ge ?? Me ?? je, Fe = B(() => Ae.map((e) => ({
 		value: e.id,
 		label: String(typeof e.name == "string" || typeof e.name == "number" ? e.name : e.id)
-	})), [Ee]), Me = F((e) => {
+	})), [Ae]), Ie = R((e) => {
 		let t = n.find((t) => t.id === e);
-		De || ke(e ?? null), W?.(e, t);
+		$ || Ne(e ?? null), _e?.(e, t);
 	}, [
-		De,
-		W,
+		$,
+		_e,
 		n
-	]), Ne = se || oe ? /* @__PURE__ */ z(l, {
+	]), Le = se || oe ? /* @__PURE__ */ H(l, {
 		direction: "horizontal",
 		gap: "sm",
 		justify: "end",
 		className: "product-variants-manager--header-actions",
-		children: [!!se && /* @__PURE__ */ R(s, {
+		children: [!!se && /* @__PURE__ */ V(s, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
 			onClick: se,
-			icon: be,
 			children: Q.generateLabel
-		}), !!oe && /* @__PURE__ */ R(s, {
+		}), !!oe && /* @__PURE__ */ V(s, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "outline",
 			onClick: oe,
-			icon: q,
+			icon: G,
 			children: Q.createVariantLabel
 		})]
 	}) : void 0;
-	return /* @__PURE__ */ R(C, {
+	return /* @__PURE__ */ V(u, {
+		surface: xe,
+		padding: Se,
+		headerDivider: Ce,
+		footerDivider: we,
 		title: Q.title,
 		description: Q.description,
-		actions: K,
+		actions: J,
 		actionsLabel: Q.actionsLabel,
-		headerAction: Ne,
-		headerEnd: J,
-		footerSlot: Y,
-		contentClassName: "px-0 pb-0",
-		className: i("product-variants-manager--component w-full", xe),
-		children: /* @__PURE__ */ z(l, {
-			gap: "none",
+		headerAction: Le,
+		headerEnd: Y,
+		footerSlot: be,
+		className: i("product-variants-manager--component w-full", Te),
+		children: /* @__PURE__ */ H(l, {
+			gap: "2xl",
 			className: "product-variants-manager--body",
-			children: [
-				/* @__PURE__ */ R("section", {
-					className: "product-variants-manager--options min-w-0 pb-space-lg",
-					children: /* @__PURE__ */ R(st, {
-						optionGroups: n,
-						collapsedOptionIds: x,
-						defaultCollapsedOptionIds: S,
-						onCollapsedOptionIdsChange: w,
-						editingOptionId: T,
-						defaultEditingOptionId: E,
-						onEditingOptionIdChange: D,
-						surface: "embedded",
-						onCreateOption: O,
-						onEditOption: k,
-						onDeleteOption: A,
-						onAddValue: j,
-						onDeleteValue: ee,
-						onOptionNameChange: M,
-						onValueLabelChange: te,
-						onDoneEditingOption: N,
-						onSaveEditingOption: ne,
-						onCancelEditingOption: P,
-						onToggleUsedForVariants: re,
-						renderOptionActions: ie,
-						renderValue: ae,
-						showHeader: !1,
-						showCollapseControls: !1,
-						showInlineActions: !1,
-						showVariantToggle: !1,
-						strings: {
-							title: Q.optionsTitle,
-							...X
-						}
-					})
-				}),
-				/* @__PURE__ */ R("div", {
-					className: "product-variants-manager--controls border-t border-border/70 py-space-md",
-					children: /* @__PURE__ */ z(l, {
+			children: [/* @__PURE__ */ V("section", {
+				className: "product-variants-manager--options min-w-0",
+				children: /* @__PURE__ */ V(rt, {
+					optionGroups: n,
+					collapsedOptionIds: x,
+					defaultCollapsedOptionIds: S,
+					onCollapsedOptionIdsChange: w,
+					editingOptionId: T,
+					defaultEditingOptionId: E,
+					onEditingOptionIdChange: k,
+					surface: "embedded",
+					onCreateOption: A,
+					onEditOption: j,
+					onDeleteOption: M,
+					onAddValue: N,
+					onDeleteValue: P,
+					onOptionNameChange: F,
+					onValueLabelChange: ee,
+					onDoneEditingOption: I,
+					onSaveEditingOption: te,
+					onCancelEditingOption: ne,
+					onToggleUsedForVariants: re,
+					renderOptionActions: ie,
+					renderValue: ae,
+					showHeader: !1,
+					showCollapseControls: !1,
+					showInlineActions: !1,
+					showVariantToggle: !1,
+					strings: {
+						title: Q.optionsTitle,
+						...X
+					}
+				})
+			}), /* @__PURE__ */ H(l, {
+				gap: "md",
+				className: "product-variants-manager--variants-region",
+				children: [/* @__PURE__ */ V("div", {
+					className: "product-variants-manager--controls",
+					children: /* @__PURE__ */ H(l, {
 						direction: "horizontal",
 						gap: "md",
 						justify: "between",
-						children: [/* @__PURE__ */ z(l, {
+						children: [/* @__PURE__ */ H(l, {
 							direction: "horizontal",
 							gap: "sm",
 							wrap: !1,
 							className: "product-variants-manager--group-by",
-							children: [/* @__PURE__ */ R(a, {
+							children: [/* @__PURE__ */ V(o, {
 								type: "secondary",
 								className: "whitespace-nowrap",
 								children: Q.groupByLabel
-							}), je.length > 0 && /* @__PURE__ */ R(b, {
-								options: je,
-								value: Ae,
-								onValueChange: Me,
+							}), Fe.length > 0 && /* @__PURE__ */ V(C, {
+								options: Fe,
+								value: Pe,
+								onValueChange: Ie,
 								"aria-label": Q.groupByLabel,
 								className: "min-w-32 bg-background"
 							})]
-						}), /* @__PURE__ */ z(l, {
+						}), /* @__PURE__ */ H(l, {
 							direction: "horizontal",
 							gap: "sm",
 							justify: "end",
 							wrap: !1,
 							className: "product-variants-manager--controls-end",
-							children: [/* @__PURE__ */ z("div", {
-								className: i("product-variants-manager--tool-buttons bg-background shadow-xs", ce.joinedFrame, le[Te]),
-								children: [/* @__PURE__ */ z(s, {
+							children: [/* @__PURE__ */ H("div", {
+								className: i("product-variants-manager--tool-buttons bg-background shadow-xs", D.joinedFrame, O[ke]),
+								children: [/* @__PURE__ */ H(s, {
 									type: "button",
 									size: "sm",
 									iconOnly: !0,
 									tone: "secondary",
 									buttonStyle: "ghost",
-									onClick: _e,
+									onClick: K,
 									"aria-label": Q.searchLabel,
-									className: i(ce.joinedItem, ce.firstItem, "border-r border-border text-muted-foreground hover:text-foreground"),
-									children: [/* @__PURE__ */ R(Se, {
+									className: i(D.joinedItem, D.firstItem, "border-r border-border text-muted-foreground hover:text-foreground"),
+									children: [/* @__PURE__ */ V(ve, {
 										className: "size-icon-sm",
 										"aria-hidden": "true"
-									}), /* @__PURE__ */ R(a, {
+									}), /* @__PURE__ */ V(o, {
 										tag: "span",
 										size: "pxs",
 										className: "sr-only",
 										children: Q.searchLabel
 									})]
-								}), /* @__PURE__ */ z(s, {
+								}), /* @__PURE__ */ H(s, {
 									type: "button",
 									size: "sm",
 									iconOnly: !0,
 									tone: "secondary",
 									buttonStyle: "ghost",
-									onClick: ve,
+									onClick: q,
 									"aria-label": Q.filterLabel,
-									className: i(ce.joinedItem, ce.lastItem, "text-muted-foreground hover:text-foreground"),
-									children: [/* @__PURE__ */ R(G, {
+									className: i(D.joinedItem, D.lastItem, "text-muted-foreground hover:text-foreground"),
+									children: [/* @__PURE__ */ V(U, {
 										className: "size-icon-sm",
 										"aria-hidden": "true"
-									}), /* @__PURE__ */ R(a, {
+									}), /* @__PURE__ */ V(o, {
 										tag: "span",
 										size: "pxs",
 										className: "sr-only",
@@ -3029,49 +2998,48 @@ function Vt({ optionGroups: n = [], variants: o = [], visibleColumns: c, optionC
 							}), ye]
 						})]
 					})
-				}),
-				/* @__PURE__ */ R("section", {
-					className: "product-variants-manager--variants min-w-0 pt-space-md",
-					children: /* @__PURE__ */ R(Bt, {
-						variants: o,
+				}), /* @__PURE__ */ V("section", {
+					className: "product-variants-manager--variants min-w-0",
+					children: /* @__PURE__ */ V(It, {
+						variants: a,
 						optionGroups: n,
-						groupByOptionId: Ae,
+						groupByOptionId: Pe,
 						visibleColumns: c,
-						optionCombinationDisplay: u,
-						cellDisplay: d,
-						selectionMode: f,
-						renderOptionCombination: p,
-						renderCell: m,
+						optionCombinationDisplay: d,
+						cellDisplay: f,
+						selectionMode: p,
+						renderOptionCombination: m,
+						renderCell: h,
 						surface: "embedded",
-						selectedVariantIds: h,
-						defaultSelectedVariantIds: g,
-						onSelectedVariantIdsChange: _,
-						onVariantFieldChange: v,
-						onVariantFieldBlur: y,
+						selectedVariantIds: g,
+						defaultSelectedVariantIds: _,
+						onSelectedVariantIdsChange: v,
+						onVariantFieldChange: y,
+						onVariantFieldBlur: b,
 						onCreateVariant: oe,
 						onGenerateVariants: se,
-						onSelectVariant: ue,
-						onEditVariant: I,
-						onDuplicateVariant: fe,
-						onDeleteVariant: B,
-						onBulkEdit: V,
-						onBulkApply: pe,
-						onBulkDelete: me,
-						renderVariantActions: he,
-						renderBulkActions: ge,
+						onSelectVariant: L,
+						onEditVariant: ce,
+						onDuplicateVariant: le,
+						onDeleteVariant: z,
+						onBulkEdit: de,
+						onBulkApply: fe,
+						onBulkDelete: pe,
+						renderVariantActions: me,
+						renderBulkActions: he,
 						strings: {
 							title: Q.variantsTitle,
 							generateLabel: Q.generateLabel,
 							...Z
 						}
 					})
-				})
-			]
+				})]
+			})]
 		})
 	});
 }
-Vt.displayName = "ProductVariantsManager";
+Lt.displayName = "ProductVariantsManager";
 //#endregion
-export { $e as ProductContractOverview, et as ProductDetailsCard, nt as ProductOperationsCard, tt as ProductOptionActionMenu, st as ProductOptionsMatrix, ct as ProductOptionsSummary, gt as ProductOverview, lt as ProductPoliciesCard, ut as ProductQuotePreviewCard, dt as ProductReadinessCard, ft as ProductStructureCard, _t as ProductVariantActionMenu, bt as ProductVariantDetails, St as ProductVariantEditor, Bt as ProductVariantsBulkTable, Vt as ProductVariantsManager, ht as ProductVariantsTable, De as defaultProductContractOverviewStrings, $ as defaultProductDetailsCardStrings, Ee as defaultProductOperationsCardStrings, ke as defaultProductOptionActionMenuStrings, Ae as defaultProductOptionsMatrixStrings, Oe as defaultProductOptionsSummaryStrings, ze as defaultProductOverviewStrings, Me as defaultProductPoliciesCardStrings, je as defaultProductQuotePreviewCardStrings, Te as defaultProductReadinessCardStrings, Q as defaultProductStructureCardStrings, Ie as defaultProductVariantActionMenuStrings, Le as defaultProductVariantDetailsStrings, Re as defaultProductVariantEditorStrings, Pe as defaultProductVariantsBulkTableStrings, Fe as defaultProductVariantsManagerStrings, Ne as defaultProductVariantsTableStrings };
+export { Ye as ProductContractOverview, Xe as ProductDetailsCard, Qe as ProductOperationsCard, Ze as ProductOptionActionMenu, rt as ProductOptionsMatrix, it as ProductOptionsSummary, ft as ProductOverview, at as ProductPoliciesCard, ot as ProductQuotePreviewCard, st as ProductReadinessCard, ct as ProductStructureCard, pt as ProductVariantActionMenu, gt as ProductVariantDetails, vt as ProductVariantEditor, It as ProductVariantsBulkTable, Lt as ProductVariantsManager, dt as ProductVariantsTable, Se as defaultProductContractOverviewStrings, xe as defaultProductDetailsCardStrings, be as defaultProductOperationsCardStrings, we as defaultProductOptionActionMenuStrings, Te as defaultProductOptionsMatrixStrings, Ce as defaultProductOptionsSummaryStrings, je as defaultProductOverviewStrings, X as defaultProductPoliciesCardStrings, Ee as defaultProductQuotePreviewCardStrings, J as defaultProductReadinessCardStrings, Y as defaultProductStructureCardStrings, ke as defaultProductVariantActionMenuStrings, Q as defaultProductVariantDetailsStrings, Ae as defaultProductVariantEditorStrings, De as defaultProductVariantsBulkTableStrings, Oe as defaultProductVariantsManagerStrings, Z as defaultProductVariantsTableStrings };
 
 //# sourceMappingURL=products.js.map