admin-ui-starter-kit 0.6.8 → 0.7.0

package/dist/components/features/products/index.js

@@ -1,21 +1,22 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-Be2ayMxF.js";
-import { s as r } from "../../../_shared/typography-5bLhAYaK.js";
-import { t as i } from "../../../_shared/badge-nZ2zbAV4.js";
-import { t as a } from "../../../_shared/cards-BJctT9KD.js";
-import { t as o } from "../../../_shared/input-CzJzVyQ0.js";
-import { Y as s } from "../../../_shared/forms-BA8Aa_fi.js";
-import { t as c } from "../../../_shared/textarea-C0iZwWdD.js";
-import { D as l, n as u } from "../../../_shared/display-DFVeSuWL.js";
-import { c as d, i as f, n as p, o as m, r as h, t as g, u as _ } from "../../../_shared/item-CVjjpHQd.js";
-import { M as v } from "../../../_shared/table-Cq0jkSm5.js";
-import { a as y, i as b, m as x } from "../../../_shared/data-display-4E_irfF2.js";
-import { useId as S, useState as C } from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { ArrowLeft as E, ArrowRight as D, Box as O, ClipboardCheck as k, Copy as A, Eye as j, FileText as M, Layers3 as N, ListChecks as P, PackageCheck as F, Pencil as I, Plus as L, ReceiptText as R, Save as ee, ShieldCheck as te, SlidersHorizontal as z, Trash2 as B, X as ne } from "lucide-react";
+import { t as n } from "../../../_shared/button-CNEMqDHK.js";
+import { s as r } from "../../../_shared/typography-C_kCoR1d.js";
+import { t as i } from "../../../_shared/badge-DOJpEtsa.js";
+import { t as a } from "../../../_shared/cards-B7voInTJ.js";
+import { t as o } from "../../../_shared/input-BEhrcsk7.js";
+import { t as s } from "../../../_shared/checkbox-Cbh5x6ad.js";
+import { J as c, Y as l } from "../../../_shared/forms-C5uZX_kQ.js";
+import { t as u } from "../../../_shared/textarea-Dx9yEZY2.js";
+import { D as d, n as f } from "../../../_shared/display-BHIs_Y_j.js";
+import { c as p, i as m, n as h, o as g, r as _, t as v, u as y } from "../../../_shared/item-D75eGy8G.js";
+import { M as b } from "../../../_shared/table-B70kyH2E.js";
+import { a as x, i as S, m as C } from "../../../_shared/data-display-CYmwUdmU.js";
+import { Fragment as w, useCallback as T, useId as E, useMemo as D, useState as ee } from "react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { ArrowLeft as te, ArrowRight as j, Box as M, ChevronDown as ne, ClipboardCheck as N, Copy as re, Eye as P, FileText as ie, GripVertical as ae, Layers3 as oe, ListChecks as se, ListFilter as ce, PackageCheck as le, Pencil as F, Plus as I, PlusCircle as ue, ReceiptText as L, RefreshCw as de, Save as fe, Search as R, ShieldCheck as z, SlidersHorizontal as pe, Trash2 as B, X as me } from "lucide-react";
 //#region src/components/features/products/products.strings.ts
-var re = {
+var he = {
 	title: "Readiness",
 	description: "Publishing checks and operational setup.",
 	scoreLabel: "Overall readiness",
@@ -27,7 +28,7 @@ var re = {
 	emptyTitle: "No readiness checks",
 	emptyDescription: "Pass readiness items from your product workflow to show progress.",
 	actionLabel: "Open"
-}, ie = {
+}, V = {
 	title: "Structure",
 	description: "Media, taxonomy, options, and content coverage.",
 	createLabel: "Add metric",
@@ -37,7 +38,7 @@ var re = {
 	actionsLabel: "Metric actions",
 	emptyTitle: "No structure metrics",
 	emptyDescription: "Pass structure metrics to summarize the product setup."
-}, ae = {
+}, H = {
 	title: "Operations",
 	description: "Availability, channels, service rules, and fulfilment signals.",
 	createLabel: "Add signal",
@@ -47,13 +48,13 @@ var re = {
 	emptyTitle: "No operational signals",
 	emptyDescription: "Pass operational rows to show channel and availability health.",
 	actionLabel: "Open"
-}, oe = {
+}, ge = {
 	title: "Product details",
 	description: "Core identity and catalogue fields.",
 	editLabel: "Edit details",
 	emptyTitle: "No details",
 	emptyDescription: "Pass metadata rows to render product details."
-}, se = {
+}, U = {
 	title: "Contract",
 	description: "Commercial terms, pricing rules, and customer-facing conditions.",
 	termsTitle: "Terms",
@@ -67,7 +68,7 @@ var re = {
 	ruleActionsLabel: "Rule actions",
 	emptyTitle: "No contract summary",
 	emptyDescription: "Pass metrics, terms, or rules to summarize the product contract."
-}, ce = {
+}, W = {
 	title: "Options",
 	description: "Variant-driving choices and add-ons customers can select.",
 	manageLabel: "Manage options",
@@ -78,12 +79,37 @@ var re = {
 	actionsLabel: "Option actions",
 	emptyTitle: "No options",
 	emptyDescription: "Pass option groups to summarize configurable product choices."
-}, le = {
+}, G = {
 	viewLabel: "Open option",
 	editLabel: "Edit option",
 	deleteLabel: "Delete option",
 	actionsLabel: "Option actions"
-}, ue = {
+}, K = {
+	title: "Variant options",
+	description: "Define option groups and values before generating sellable variants.",
+	createLabel: "Add attribute",
+	editLabel: "Configure",
+	deleteLabel: "Delete option",
+	addValueLabel: "Add value",
+	addAnotherValueLabel: "Add another value",
+	addAnotherOptionLabel: "Add another option",
+	deleteValueLabel: "Delete value",
+	doneLabel: "Done",
+	saveLabel: "Save",
+	cancelLabel: "Cancel",
+	expandOptionLabel: "Expand option",
+	collapseOptionLabel: "Collapse option",
+	actionsLabel: "Option actions",
+	optionNameLabel: "Option name",
+	optionValuesLabel: "Option values",
+	valuesLabel: "Values",
+	useForVariantsLabel: "Use for variants",
+	usedForVariantsLabel: "Used for variants",
+	notUsedForVariantsLabel: "Not used for variants",
+	emptyTitle: "No option groups",
+	emptyDescription: "Add options such as size, color, or packaging to create variant combinations.",
+	noValuesLabel: "No values"
+}, _e = {
 	title: "Quote preview",
 	description: "How the product appears in a compact customer quote.",
 	subtotalLabel: "Subtotal",
@@ -98,7 +124,7 @@ var re = {
 	lineActionsLabel: "Line actions",
 	emptyTitle: "No quote lines",
 	emptyDescription: "Pass quote lines to preview pricing."
-}, de = {
+}, ve = {
 	title: "Policies",
 	description: "Cancellation, booking, service, and customer-facing rules.",
 	createLabel: "Add policy",
@@ -108,7 +134,7 @@ var re = {
 	actionsLabel: "Policy actions",
 	emptyTitle: "No policies",
 	emptyDescription: "Pass policies to summarize customer-facing rules."
-}, fe = {
+}, ye = {
 	title: "Variants",
 	description: "Sellable combinations with price, availability, and SKU.",
 	createLabel: "Add variant",
@@ -127,13 +153,52 @@ var re = {
 		updated: "Updated",
 		actions: "Actions"
 	}
-}, pe = {
+}, be = {
+	title: "Variants",
+	description: "Review generated combinations, select rows, and apply bulk operations.",
+	createLabel: "Add variant",
+	generateLabel: "Generate variants",
+	bulkEditLabel: "Bulk edit selected",
+	viewLabel: "Open variant",
+	editLabel: "Edit",
+	duplicateLabel: "Duplicate",
+	deleteLabel: "Delete",
+	bulkApplyLabel: "Apply changes",
+	bulkDeleteLabel: "Delete selected",
+	selectedLabel: (e, t) => `${e} of ${t} selected`,
+	groupCountLabel: (e) => `${e} ${e === 1 ? "variant" : "variants"}`,
+	clearSelectionLabel: "Clear",
+	selectAllLabel: "Select all variants",
+	selectRowLabel: (e) => `Select row ${e + 1}`,
+	emptyTitle: "No variants",
+	emptyDescription: "Generate variants from option groups or pass sellable rows from the app.",
+	headers: {
+		variant: "Variant",
+		price: "Price",
+		inventory: "Available",
+		sku: "SKU",
+		status: "Status",
+		updated: "Updated",
+		actions: "Actions"
+	}
+}, xe = {
+	title: "Variants",
+	description: "Configure option groups first, then manage the generated sellable variants.",
+	optionsTitle: "Variant options",
+	variantsTitle: "Variants",
+	groupByLabel: "Group by",
+	searchLabel: "Search variants",
+	filterLabel: "Filter variants",
+	generateLabel: "Generate variants",
+	createVariantLabel: "Add variant",
+	actionsLabel: "Variant manager actions"
+}, q = {
 	viewLabel: "Open variant",
 	editLabel: "Edit",
 	duplicateLabel: "Duplicate",
 	deleteLabel: "Delete",
 	actionsLabel: "Variant actions"
-}, me = {
+}, Se = {
 	title: "Variant",
 	description: "Sellable variant details, options, pricing, and fulfilment data.",
 	backLabel: "Back",
@@ -150,7 +215,7 @@ var re = {
 		channels: "Channels",
 		updated: "Updated"
 	}
-}, he = {
+}, J = {
 	title: "Edit variant",
 	description: "Controlled form for variant identity, pricing, inventory, and option values.",
 	identityTitle: "Identity",
@@ -180,14 +245,14 @@ var re = {
 		status: "Active",
 		channels: "Online store, POS"
 	}
-}, ge = {
+}, Y = {
 	mainLabel: "Product overview",
 	railLabel: "Product supporting information"
 };
 //#endregion
 //#region src/components/features/products/partials/product-empty-state.tsx
-function V({ title: e, description: n, action: r, className: i }) {
-	return /* @__PURE__ */ w(x, {
+function X({ title: e, description: n, action: r, className: i }) {
+	return /* @__PURE__ */ k(C, {
 		padding: "small",
 		border: !0,
 		title: e,
@@ -198,14 +263,14 @@ function V({ title: e, description: n, action: r, className: i }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-tone.tsx
-var _e = {
+var Z = {
 	neutral: "secondary",
 	primary: "primary",
 	success: "success",
 	warning: "warning",
 	error: "error",
 	info: "info"
-}, H = {
+}, Q = {
 	neutral: "border-border bg-card text-muted-foreground",
 	primary: "border-primary/20 bg-primary/5 text-primary",
 	success: "border-success/20 bg-success/5 text-success",
@@ -213,11 +278,11 @@ var _e = {
 	error: "border-destructive/25 bg-destructive/8 text-destructive",
 	info: "border-info/20 bg-info/5 text-info"
 };
-function ve(e) {
+function Ce(e) {
 	return Number.isFinite(e) ? Math.min(100, Math.max(0, Math.round(e))) : 0;
 }
-function U({ tone: e = "neutral" }) {
-	return /* @__PURE__ */ w("span", {
+function we({ tone: e = "neutral" }) {
+	return /* @__PURE__ */ k("span", {
 		"aria-hidden": "true",
 		className: t("product-tone-dot--component size-2 rounded-full", {
 			"bg-muted-foreground": e === "neutral",
@@ -231,29 +296,29 @@ function U({ tone: e = "neutral" }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-metric-tile.tsx
-function ye({ metric: e }) {
+function Te({ metric: e }) {
 	let n = e.tone ?? "neutral";
-	return /* @__PURE__ */ T("div", {
-		className: t("product-metric-tile--component rounded-md border px-3 py-2.5", H[n]),
-		children: [/* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ A("div", {
+		className: t("product-metric-tile--component rounded-md border px-3 py-2.5", Q[n]),
+		children: [/* @__PURE__ */ A("div", {
 			className: "flex items-start justify-between gap-2",
-			children: [/* @__PURE__ */ T("div", {
+			children: [/* @__PURE__ */ A("div", {
 				className: "min-w-0 space-y-0.5",
-				children: [/* @__PURE__ */ w(r, {
+				children: [/* @__PURE__ */ k(r, {
 					size: "xs",
 					type: n === "neutral" ? "secondary" : "main",
 					className: "truncate",
 					children: e.label
-				}), /* @__PURE__ */ w(r, {
+				}), /* @__PURE__ */ k(r, {
 					weight: "semibold",
 					className: "tabular-nums",
 					children: e.value
 				})]
-			}), "icon" in e && !!e.icon && /* @__PURE__ */ w("div", {
+			}), "icon" in e && !!e.icon && /* @__PURE__ */ k("div", {
 				className: "shrink-0 opacity-80",
 				children: e.icon
 			})]
-		}), !!e.description && /* @__PURE__ */ w(r, {
+		}), !!e.description && /* @__PURE__ */ k(r, {
 			size: "xs",
 			type: "secondary",
 			className: "mt-1.5 leading-snug",
@@ -263,10 +328,10 @@ function ye({ metric: e }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-actions.tsx
-function W({ item: e, actions: n, menuLabel: r, className: i }) {
-	return n.length === 0 ? null : /* @__PURE__ */ w("div", {
+function $({ item: e, actions: n, menuLabel: r, className: i }) {
+	return n.length === 0 ? null : /* @__PURE__ */ k("div", {
 		className: t("product-row-actions--component flex justify-end", i),
-		children: /* @__PURE__ */ w(v, {
+		children: /* @__PURE__ */ k(b, {
 			row: e,
 			actions: n,
 			menuLabel: r,
@@ -276,26 +341,26 @@ function W({ item: e, actions: n, menuLabel: r, className: i }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-rows.tsx
-function be({ metric: e, actions: n }) {
+function Ee({ metric: e, actions: n }) {
 	let i = e.tone ?? "neutral";
-	return /* @__PURE__ */ T(g, {
+	return /* @__PURE__ */ A(v, {
 		className: "product-structure-metric-row--component product-structure-card--item",
 		children: [
-			/* @__PURE__ */ w(d, {
+			/* @__PURE__ */ k(p, {
 				variant: "icon",
-				className: t("rounded-full border", H[i]),
-				children: e.icon ?? /* @__PURE__ */ w(U, { tone: i })
+				className: t("rounded-full border", Q[i]),
+				children: e.icon ?? /* @__PURE__ */ k(we, { tone: i })
 			}),
-			/* @__PURE__ */ T(h, {
+			/* @__PURE__ */ A(_, {
 				className: "min-w-0 sm:min-w-48",
-				children: [/* @__PURE__ */ w(_, { children: e.label }), !!e.description && /* @__PURE__ */ w(f, {
+				children: [/* @__PURE__ */ k(y, { children: e.label }), !!e.description && /* @__PURE__ */ k(m, {
 					clamp: 2,
 					children: e.description
 				})]
 			}),
-			/* @__PURE__ */ T(p, {
+			/* @__PURE__ */ A(h, {
 				className: "ml-auto shrink-0 gap-2",
-				children: [/* @__PURE__ */ w(r, {
+				children: [/* @__PURE__ */ k(r, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
@@ -306,36 +371,36 @@ function be({ metric: e, actions: n }) {
 		]
 	});
 }
-function xe({ item: e, actionFallback: r, onSelect: a, actions: o }) {
+function De({ item: e, actionFallback: r, onSelect: a, actions: o }) {
 	let s = e.tone ?? (e.completed ? "success" : "neutral"), c = e.onSelect ?? a;
-	return /* @__PURE__ */ T(g, {
+	return /* @__PURE__ */ A(v, {
 		className: "product-readiness-row--component product-readiness-card--item",
 		children: [
-			/* @__PURE__ */ w(d, {
+			/* @__PURE__ */ k(p, {
 				variant: "icon",
-				className: t("rounded-full border", H[s]),
-				children: /* @__PURE__ */ w(U, { tone: s })
+				className: t("rounded-full border", Q[s]),
+				children: /* @__PURE__ */ k(we, { tone: s })
 			}),
-			/* @__PURE__ */ T(h, {
+			/* @__PURE__ */ A(_, {
 				className: "min-w-0 sm:min-w-48",
-				children: [/* @__PURE__ */ w(_, { children: e.label }), !!e.description && /* @__PURE__ */ w(f, {
+				children: [/* @__PURE__ */ k(y, { children: e.label }), !!e.description && /* @__PURE__ */ k(m, {
 					clamp: 2,
 					children: e.description
 				})]
 			}),
-			!!(e.value || c || o) && /* @__PURE__ */ T(p, {
+			!!(e.value || c || o) && /* @__PURE__ */ A(h, {
 				className: "ml-auto shrink-0 flex-wrap justify-end gap-2",
 				children: [
-					!!e.value && /* @__PURE__ */ w(i, {
-						variant: _e[s],
+					!!e.value && /* @__PURE__ */ k(i, {
+						variant: Z[s],
 						children: e.value
 					}),
-					!!c && /* @__PURE__ */ w(n, {
+					!!c && /* @__PURE__ */ k(n, {
 						type: "button",
 						variant: "secondary",
 						buttonStyle: "ghost",
 						onClick: c,
-						icon: D,
+						icon: j,
 						iconPosition: "right",
 						children: e.actionLabel ?? r
 					}),
@@ -345,38 +410,38 @@ function xe({ item: e, actionFallback: r, onSelect: a, actions: o }) {
 		]
 	});
 }
-function Se({ item: e, actionFallback: i, onSelect: a, actions: o }) {
+function Oe({ item: e, actionFallback: i, onSelect: a, actions: o }) {
 	let s = e.tone ?? "neutral", c = e.onSelect ?? a;
-	return /* @__PURE__ */ T(g, {
+	return /* @__PURE__ */ A(v, {
 		className: "product-operation-row--component product-operations-card--item",
 		children: [
-			/* @__PURE__ */ w(d, {
+			/* @__PURE__ */ k(p, {
 				variant: "icon",
-				className: t("rounded-full border", H[s]),
-				children: /* @__PURE__ */ w(U, { tone: s })
+				className: t("rounded-full border", Q[s]),
+				children: /* @__PURE__ */ k(we, { tone: s })
 			}),
-			/* @__PURE__ */ T(h, {
+			/* @__PURE__ */ A(_, {
 				className: "min-w-0 sm:min-w-48",
-				children: [/* @__PURE__ */ w(_, { children: e.label }), !!e.description && /* @__PURE__ */ w(f, {
+				children: [/* @__PURE__ */ k(y, { children: e.label }), !!e.description && /* @__PURE__ */ k(m, {
 					clamp: 2,
 					children: e.description
 				})]
 			}),
-			!!(e.value || c || o) && /* @__PURE__ */ T(p, {
+			!!(e.value || c || o) && /* @__PURE__ */ A(h, {
 				className: "ml-auto shrink-0 flex-wrap justify-end gap-2",
 				children: [
-					!!e.value && /* @__PURE__ */ w(r, {
+					!!e.value && /* @__PURE__ */ k(r, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
 						children: e.value
 					}),
-					!!c && /* @__PURE__ */ w(n, {
+					!!c && /* @__PURE__ */ k(n, {
 						type: "button",
 						variant: "secondary",
 						buttonStyle: "ghost",
 						onClick: c,
-						icon: D,
+						icon: j,
 						iconPosition: "right",
 						children: e.actionLabel ?? i
 					}),
@@ -386,49 +451,49 @@ function Se({ item: e, actionFallback: i, onSelect: a, actions: o }) {
 		]
 	});
 }
-function G({ item: e, actionLabel: a, onSelect: o, actions: s }) {
+function ke({ item: e, actionLabel: a, onSelect: o, actions: s }) {
 	let c = e.tone ?? "neutral", l = "values" in e ? e.values : void 0;
-	return /* @__PURE__ */ T(g, {
+	return /* @__PURE__ */ A(v, {
 		className: "product-summary-row--component",
 		children: [
-			/* @__PURE__ */ w(d, {
+			/* @__PURE__ */ k(p, {
 				variant: "icon",
-				className: t("rounded-full border", H[c]),
-				children: /* @__PURE__ */ w(U, { tone: c })
+				className: t("rounded-full border", Q[c]),
+				children: /* @__PURE__ */ k(we, { tone: c })
 			}),
-			/* @__PURE__ */ T(h, {
+			/* @__PURE__ */ A(_, {
 				className: "min-w-0 sm:min-w-48",
 				children: [
-					/* @__PURE__ */ w(_, { children: e.label }),
-					!!e.description && /* @__PURE__ */ w(f, {
+					/* @__PURE__ */ k(y, { children: e.label }),
+					!!e.description && /* @__PURE__ */ k(m, {
 						clamp: 2,
 						children: e.description
 					}),
-					!!l?.length && /* @__PURE__ */ w("div", {
+					!!l?.length && /* @__PURE__ */ k("div", {
 						className: "mt-2 flex flex-wrap gap-1",
-						children: l.map((e, t) => /* @__PURE__ */ w(i, {
+						children: l.map((e, t) => /* @__PURE__ */ k(i, {
 							variant: "secondary",
 							children: e
 						}, t))
 					})
 				]
 			}),
-			!!(e.value || e.badge || o || s) && /* @__PURE__ */ T(p, {
+			!!(e.value || e.badge || o || s) && /* @__PURE__ */ A(h, {
 				className: "ml-auto shrink-0 flex-wrap justify-end gap-2",
 				children: [
-					!!e.value && /* @__PURE__ */ w(r, {
+					!!e.value && /* @__PURE__ */ k(r, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
 						children: e.value
 					}),
 					!!e.badge && e.badge,
-					!!o && /* @__PURE__ */ w(n, {
+					!!o && /* @__PURE__ */ k(n, {
 						type: "button",
 						variant: "secondary",
 						buttonStyle: "ghost",
 						onClick: o,
-						icon: D,
+						icon: j,
 						iconPosition: "right",
 						children: a
 					}),
@@ -440,103 +505,103 @@ function G({ item: e, actionLabel: a, onSelect: o, actions: s }) {
 }
 //#endregion
 //#region src/components/features/products/components/product-contract-overview.tsx
-function K({ metrics: i = [], terms: o = [], rules: s = [], onOpenContract: c, onEditContract: l, onCreateRule: u, onSelectRule: d, onEditRule: f, onDeleteRule: p, renderRuleActions: h, actions: g, footerSlot: _, empty: v, className: b, strings: x }) {
-	let S = e(se, x), C = i.length > 0 || o.length > 0 || s.length > 0, E = c || l || u ? /* @__PURE__ */ T("div", {
+function Ae({ metrics: i = [], terms: o = [], rules: s = [], onOpenContract: c, onEditContract: l, onCreateRule: u, onSelectRule: d, onEditRule: f, onDeleteRule: p, renderRuleActions: m, actions: h, footerSlot: _, empty: v, className: y, strings: b }) {
+	let S = e(U, b), C = i.length > 0 || o.length > 0 || s.length > 0, w = c || l || u ? /* @__PURE__ */ A("div", {
 		className: "flex items-center gap-2",
 		children: [
-			!!u && /* @__PURE__ */ w(n, {
+			!!u && /* @__PURE__ */ k(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
 				onClick: u,
-				icon: L,
+				icon: I,
 				children: S.createRuleLabel
 			}),
-			!!l && /* @__PURE__ */ w(n, {
+			!!l && /* @__PURE__ */ k(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
 				onClick: l,
-				icon: I,
+				icon: F,
 				children: S.editLabel
 			}),
-			!!c && /* @__PURE__ */ w(n, {
+			!!c && /* @__PURE__ */ k(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
 				onClick: c,
-				icon: D,
+				icon: j,
 				iconPosition: "right",
 				children: S.actionLabel
 			})
 		]
 	}) : void 0;
-	return /* @__PURE__ */ w(a, {
-		icon: /* @__PURE__ */ w(M, { className: "size-4" }),
+	return /* @__PURE__ */ k(a, {
+		icon: /* @__PURE__ */ k(ie, { className: "size-4" }),
 		title: S.title,
 		description: S.description,
-		actions: g,
-		headerAction: E,
+		actions: h,
+		headerAction: w,
 		footerSlot: _,
 		contentClassName: "mt-1",
-		className: t("product-contract-overview--component w-full", b),
-		children: C ? /* @__PURE__ */ T("div", {
+		className: t("product-contract-overview--component w-full", y),
+		children: C ? /* @__PURE__ */ A("div", {
 			className: "space-y-4",
 			children: [
-				i.length > 0 && /* @__PURE__ */ w("div", {
+				i.length > 0 && /* @__PURE__ */ k("div", {
 					className: "grid gap-2 sm:grid-cols-3",
-					children: i.map((e) => /* @__PURE__ */ w(ye, { metric: e }, e.id))
+					children: i.map((e) => /* @__PURE__ */ k(Te, { metric: e }, e.id))
 				}),
-				o.length > 0 && /* @__PURE__ */ T("div", {
+				o.length > 0 && /* @__PURE__ */ A("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ k(r, {
 						size: "xs",
 						weight: "semibold",
 						children: S.termsTitle
-					}), /* @__PURE__ */ w(y, {
+					}), /* @__PURE__ */ k(x, {
 						items: o,
 						columns: 2,
 						dense: !0
 					})]
 				}),
-				s.length > 0 && /* @__PURE__ */ T("div", {
+				s.length > 0 && /* @__PURE__ */ A("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ k(r, {
 						size: "xs",
 						weight: "semibold",
 						children: S.rulesTitle
-					}), /* @__PURE__ */ w(m, { children: s.map((e, t) => {
+					}), /* @__PURE__ */ k(g, { children: s.map((e, t) => {
 						let n = d ? () => d(e) : void 0, r = f ? () => f(e) : void 0, i = p ? () => p(e) : void 0, a = [
 							...n ? [{
 								id: "open",
 								label: S.viewRuleLabel,
-								icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
+								icon: /* @__PURE__ */ k(P, { className: "size-3.5" }),
 								onClick: () => n(),
 								variant: "ghost"
 							}] : [],
 							...r ? [{
 								id: "edit",
 								label: S.editRuleLabel,
-								icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+								icon: /* @__PURE__ */ k(F, { className: "size-3.5" }),
 								onClick: () => r(),
 								variant: "ghost"
 							}] : [],
 							...i ? [{
 								id: "delete",
 								label: S.deleteRuleLabel,
-								icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+								icon: /* @__PURE__ */ k(B, { className: "size-3.5" }),
 								onClick: () => i(),
 								variant: "destructive"
 							}] : []
 						];
-						return /* @__PURE__ */ w(G, {
+						return /* @__PURE__ */ k(ke, {
 							item: e,
-							actions: h ? h(e, {
+							actions: m ? m(e, {
 								index: t,
 								onSelect: n,
 								onEdit: r,
 								onDelete: i
-							}) : /* @__PURE__ */ w(W, {
+							}) : /* @__PURE__ */ k($, {
 								item: e,
 								actions: a,
 								menuLabel: S.ruleActionsLabel
@@ -545,32 +610,32 @@ function K({ metrics: i = [], terms: o = [], rules: s = [], onOpenContract: c, o
 					}) })]
 				})
 			]
-		}) : v ?? /* @__PURE__ */ w(V, {
+		}) : v ?? /* @__PURE__ */ k(X, {
 			title: S.emptyTitle,
 			description: S.emptyDescription,
-			action: u ? /* @__PURE__ */ w(n, {
+			action: u ? /* @__PURE__ */ k(n, {
 				type: "button",
 				onClick: u,
-				icon: L,
+				icon: I,
 				children: S.createRuleLabel
 			}) : void 0
 		})
 	});
 }
-K.displayName = "ProductContractOverview";
+Ae.displayName = "ProductContractOverview";
 //#endregion
 //#region src/components/features/products/components/product-details-card.tsx
-function q({ title: r, description: i, metadata: o = [], media: s, onEditDetails: c, actions: l, headerEnd: u, footerSlot: d, empty: f, className: p, strings: m }) {
-	let h = e(oe, m), g = c ? /* @__PURE__ */ w(n, {
+function je({ title: r, description: i, metadata: o = [], media: s, onEditDetails: c, actions: l, headerEnd: u, footerSlot: d, empty: f, className: p, strings: m }) {
+	let h = e(ge, m), g = c ? /* @__PURE__ */ k(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		onClick: c,
-		icon: I,
+		icon: F,
 		children: h.editLabel
 	}) : void 0;
-	return /* @__PURE__ */ w(a, {
-		icon: /* @__PURE__ */ w(O, { className: "size-4" }),
+	return /* @__PURE__ */ k(a, {
+		icon: /* @__PURE__ */ k(M, { className: "size-4" }),
 		title: r ?? h.title,
 		description: i === !1 ? void 0 : i ?? h.description,
 		actions: l,
@@ -579,17 +644,17 @@ function q({ title: r, description: i, metadata: o = [], media: s, onEditDetails
 		footerSlot: d,
 		contentClassName: "mt-1",
 		className: t("product-details-card--component w-full", p),
-		children: o.length === 0 ? f ?? /* @__PURE__ */ w(V, {
+		children: o.length === 0 ? f ?? /* @__PURE__ */ k(X, {
 			title: h.emptyTitle,
 			description: h.emptyDescription
-		}) : /* @__PURE__ */ w("div", {
+		}) : /* @__PURE__ */ k("div", {
 			className: "@container/product-details",
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ A("div", {
 				className: t("grid gap-4", s && "@xl/product-details:grid-cols-[12rem_minmax(0,1fr)]"),
-				children: [!!s && /* @__PURE__ */ w("div", {
+				children: [!!s && /* @__PURE__ */ k("div", {
 					className: "product-details-card--media overflow-hidden rounded-md border border-border bg-muted/30",
 					children: s
-				}), /* @__PURE__ */ w(y, {
+				}), /* @__PURE__ */ k(x, {
 					items: o,
 					columns: s ? 1 : 2,
 					dense: !0,
@@ -600,12 +665,12 @@ function q({ title: r, description: i, metadata: o = [], media: s, onEditDetails
 		})
 	});
 }
-q.displayName = "ProductDetailsCard";
+je.displayName = "ProductDetailsCard";
 //#endregion
 //#region src/components/features/products/components/product-option-action-menu.tsx
-function J({ option: n, index: r = 0, onSelectOption: i, onEditOption: a, onDeleteOption: o, renderOptionActions: s, menuLabel: c, className: l, strings: u }) {
-	let d = e(le, u), f = i ? () => i(n) : void 0, p = a ? () => a(n) : void 0, m = o ? () => o(n) : void 0;
-	return f || p || m || s ? s ? /* @__PURE__ */ w("div", {
+function Me({ option: n, index: r = 0, onSelectOption: i, onEditOption: a, onDeleteOption: o, renderOptionActions: s, menuLabel: c, className: l, strings: u }) {
+	let d = e(G, u), f = i ? () => i(n) : void 0, p = a ? () => a(n) : void 0, m = o ? () => o(n) : void 0;
+	return f || p || m || s ? s ? /* @__PURE__ */ k("div", {
 		className: t("product-option-action-menu--component flex justify-end", l),
 		children: s(n, {
 			index: r,
@@ -613,7 +678,7 @@ function J({ option: n, index: r = 0, onSelectOption: i, onEditOption: a, onDele
 			onEdit: p,
 			onDelete: m
 		})
-	}) : /* @__PURE__ */ w(W, {
+	}) : /* @__PURE__ */ k($, {
 		item: n,
 		menuLabel: c ?? d.actionsLabel,
 		className: t("product-option-action-menu--component", l),
@@ -621,68 +686,68 @@ function J({ option: n, index: r = 0, onSelectOption: i, onEditOption: a, onDele
 			...f ? [{
 				id: "open",
 				label: d.viewLabel,
-				icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ k(P, { className: "size-3.5" }),
 				onClick: () => f(),
 				variant: "ghost"
 			}] : [],
 			...p ? [{
 				id: "edit",
 				label: d.editLabel,
-				icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ k(F, { className: "size-3.5" }),
 				onClick: () => p(),
 				variant: "ghost"
 			}] : [],
 			...m ? [{
 				id: "delete",
 				label: d.deleteLabel,
-				icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ k(B, { className: "size-3.5" }),
 				onClick: () => m(),
 				variant: "destructive"
 			}] : []
 		]
 	}) : null;
 }
-J.displayName = "ProductOptionActionMenu";
+Me.displayName = "ProductOptionActionMenu";
 //#endregion
 //#region src/components/features/products/components/product-operations-card.tsx
-function Y({ items: r = [], onCreateOperation: i, onSelectOperation: o, onEditOperation: s, onDeleteOperation: c, renderOperationActions: l, actions: u, footerSlot: d, renderItem: f, empty: p, className: h, strings: g }) {
-	let _ = e(ae, g), v = i ? /* @__PURE__ */ w(n, {
+function Ne({ items: r = [], onCreateOperation: i, onSelectOperation: o, onEditOperation: s, onDeleteOperation: c, renderOperationActions: l, actions: u, footerSlot: d, renderItem: f, empty: p, className: m, strings: h }) {
+	let _ = e(H, h), v = i ? /* @__PURE__ */ k(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		onClick: i,
-		icon: L,
+		icon: I,
 		children: _.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ w(a, {
-		icon: /* @__PURE__ */ w(F, { className: "size-4" }),
+	return /* @__PURE__ */ k(a, {
+		icon: /* @__PURE__ */ k(le, { className: "size-4" }),
 		title: _.title,
 		description: _.description,
 		actions: u,
 		headerAction: v,
 		footerSlot: d,
 		contentClassName: "mt-1",
-		className: t("product-operations-card--component w-full", h),
-		children: r.length === 0 ? p ?? /* @__PURE__ */ w(V, {
+		className: t("product-operations-card--component w-full", m),
+		children: r.length === 0 ? p ?? /* @__PURE__ */ k(X, {
 			title: _.emptyTitle,
 			description: _.emptyDescription,
-			action: i ? /* @__PURE__ */ w(n, {
+			action: i ? /* @__PURE__ */ k(n, {
 				type: "button",
 				onClick: i,
-				icon: L,
+				icon: I,
 				children: _.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(m, { children: r.map((e, t) => {
+		}) : /* @__PURE__ */ k(g, { children: r.map((e, t) => {
 			let n = o ? () => o(e) : void 0, r = s ? () => s(e) : void 0, i = c ? () => c(e) : void 0, a = [...r ? [{
 				id: "edit",
 				label: _.editLabel,
-				icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ k(F, { className: "size-3.5" }),
 				onClick: () => r(),
 				variant: "ghost"
 			}] : [], ...i ? [{
 				id: "delete",
 				label: _.deleteLabel,
-				icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ k(B, { className: "size-3.5" }),
 				onClick: () => i(),
 				variant: "destructive"
 			}] : []], u = l ? l(e, {
@@ -690,12 +755,12 @@ function Y({ items: r = [], onCreateOperation: i, onSelectOperation: o, onEditOp
 				onSelect: n,
 				onEdit: r,
 				onDelete: i
-			}) : /* @__PURE__ */ w(W, {
+			}) : /* @__PURE__ */ k($, {
 				item: e,
 				actions: a,
 				menuLabel: _.actionsLabel
 			});
-			return f ? /* @__PURE__ */ w("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ w(Se, {
+			return f ? /* @__PURE__ */ k("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ k(Oe, {
 				item: e,
 				actionFallback: _.actionLabel,
 				onSelect: n,
@@ -704,43 +769,496 @@ function Y({ items: r = [], onCreateOperation: i, onSelectOperation: o, onEditOp
 		}) })
 	});
 }
-Y.displayName = "ProductOperationsCard";
+Ne.displayName = "ProductOperationsCard";
+//#endregion
+//#region src/components/features/products/components/product-options-matrix.tsx
+function Pe(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "";
+}
+function Fe(e) {
+	return e.label;
+}
+function Ie(e, t) {
+	let n = Pe(t.name);
+	return n ? `${e}: ${n}` : e;
+}
+function Le(e) {
+	return {
+		name: Pe(e.name),
+		values: (e.values ?? []).map((e) => ({
+			...e,
+			label: Pe(e.label)
+		}))
+	};
+}
+function Re({ optionGroups: i = [], surface: s = "card", collapsedOptionIds: l, defaultCollapsedOptionIds: u = [], onCollapsedOptionIdsChange: d, editingOptionId: f, defaultEditingOptionId: p, onEditingOptionIdChange: m, onCreateOption: h, onEditOption: g, onDeleteOption: _, onAddValue: v, onDeleteValue: y, onOptionNameChange: b, onValueLabelChange: x, onDoneEditingOption: S, onSaveEditingOption: C, onCancelEditingOption: w, onToggleUsedForVariants: E, renderOptionActions: te, renderValue: j, showHeader: M, showCollapseControls: N = !0, showInlineActions: re = !0, showVariantToggle: P = !0, actions: ie, headerEnd: oe, footerSlot: se, empty: ce, className: le, strings: F }) {
+	let L = e(K, F), de = l !== void 0, [fe, R] = ee(u), z = de ? l : fe, pe = D(() => new Set(z), [z]), he = f !== void 0 || p !== void 0 || !!m || !!b || !!x || !!S || !!C || !!w, V = f !== void 0, [H, ge] = ee(p ?? null), [U, W] = ee({}), G = he ? V ? f : H : null, _e = i.length > 0, ve = s === "embedded" && M !== !1, ye = _e && !!h, be = T((e) => {
+		de || R(e), d?.(e, i.filter((t) => e.includes(t.id)));
+	}, [
+		de,
+		d,
+		i
+	]), xe = T((e) => {
+		be(pe.has(e.id) ? z.filter((t) => t !== e.id) : [...z, e.id]);
+	}, [
+		pe,
+		z,
+		be
+	]), q = T((e, t) => {
+		he && (V || ge(e), m?.(e, t));
+	}, [
+		V,
+		m,
+		he
+	]), Se = T((e) => {
+		W((t) => ({
+			...t,
+			[e.id]: Le(e)
+		})), q(e.id, e), g?.(e);
+	}, [g, q]), J = T((e) => U[e.id] ?? Le(e), [U]), Y = T((e, t) => {
+		W((n) => ({
+			...n,
+			[e.id]: t(n[e.id] ?? Le(e))
+		}));
+	}, []), Z = T((e) => {
+		let t = J(e);
+		W((t) => {
+			let { [e.id]: n, ...r } = t;
+			return r;
+		}), q(null, e), w?.(e, t);
+	}, [
+		J,
+		w,
+		q
+	]), Q = T((e) => {
+		let t = J(e), n = e.values ?? [], r = new Set(n.map((e) => e.id)), i = new Set(t.values.map((e) => e.id));
+		C?.(e, t), b?.(e, t.name), n.forEach((n) => {
+			let r = t.values.find((e) => e.id === n.id);
+			r && Pe(n.label) !== Pe(r.label) && x?.(e, n, Pe(r.label));
+		}), t.values.forEach((t) => {
+			r.has(t.id) || v?.(e);
+		}), n.forEach((t) => {
+			i.has(t.id) || y?.(e, t);
+		}), W((t) => {
+			let { [e.id]: n, ...r } = t;
+			return r;
+		}), q(null, e), S?.(e);
+	}, [
+		J,
+		v,
+		y,
+		S,
+		b,
+		C,
+		x,
+		q
+	]), Ce = T((e) => {
+		G === e.id && (W((t) => {
+			let { [e.id]: n, ...r } = t;
+			return r;
+		}), q(null, e)), _?.(e);
+	}, [
+		_,
+		G,
+		q
+	]), we = h ? /* @__PURE__ */ k(n, {
+		type: "button",
+		variant: "dark",
+		onClick: h,
+		icon: I,
+		children: L.createLabel
+	}) : void 0, Te = /* @__PURE__ */ k("div", {
+		className: "product-options-matrix--body min-w-0",
+		children: /* @__PURE__ */ A("div", {
+			className: "product-options-matrix--panel overflow-hidden rounded-radius-lg border border-border bg-background",
+			children: [ve ? /* @__PURE__ */ A("div", {
+				className: "product-options-matrix--panel-header flex min-w-0 flex-wrap items-center justify-between gap-space-md p-surface",
+				children: [/* @__PURE__ */ k(r, {
+					weight: "semibold",
+					children: L.title
+				}), we]
+			}) : null, _e ? /* @__PURE__ */ A("div", {
+				className: t("product-options-matrix--list", ve && "border-t border-border/70"),
+				children: [i.map((e, i) => {
+					let a = e.values ?? [], s = pe.has(e.id), l = G === e.id, u = !!g || he, d = !!_, f = !!v, p = J(e), m = te?.(e, {
+						index: i,
+						onEdit: u ? () => Se(e) : void 0,
+						onDelete: _ ? () => Ce(e) : void 0,
+						onAddValue: v ? () => v(e) : void 0,
+						onToggleCollapsed: () => xe(e),
+						collapsed: s
+					}), h = [...f ? [{
+						id: "add-value",
+						label: L.addValueLabel,
+						icon: /* @__PURE__ */ k(I, { className: "size-3.5" }),
+						onClick: () => v?.(e),
+						variant: "ghost"
+					}] : [], ...d ? [{
+						id: "delete",
+						label: L.deleteLabel,
+						icon: /* @__PURE__ */ k(B, { className: "size-3.5" }),
+						onClick: () => Ce(e),
+						variant: "destructive"
+					}] : []], b = re ? /* @__PURE__ */ A(O, { children: [!!u && /* @__PURE__ */ k(n, {
+						type: "button",
+						variant: "secondary",
+						buttonStyle: "ghost",
+						onClick: () => Se(e),
+						children: L.editLabel
+					}), /* @__PURE__ */ k($, {
+						item: e,
+						actions: h,
+						menuLabel: L.actionsLabel
+					})] }) : null, x = m === void 0 ? b : m;
+					if (l) return /* @__PURE__ */ k("div", {
+						className: "product-options-matrix--item product-options-matrix--item-editing border-b border-border/70 p-surface last:border-b-0",
+						children: /* @__PURE__ */ A("div", {
+							className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] gap-x-space-md gap-y-space-lg",
+							children: [/* @__PURE__ */ k("span", {
+								className: "product-options-matrix--drag-handle mt-[2.625rem] flex size-icon-lg items-center justify-center text-muted-foreground",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ k(ae, { className: "size-icon-sm" })
+							}), /* @__PURE__ */ A("div", {
+								className: "product-options-matrix--editor grid min-w-0 gap-space-lg",
+								children: [
+									/* @__PURE__ */ A("div", {
+										className: "product-options-matrix--editor-field grid min-w-0 gap-space-sm",
+										children: [/* @__PURE__ */ k(r, {
+											weight: "medium",
+											children: L.optionNameLabel
+										}), /* @__PURE__ */ k(o, {
+											value: p.name,
+											onChange: (t) => {
+												let n = t.currentTarget.value;
+												Y(e, (e) => ({
+													...e,
+													name: n
+												}));
+											},
+											"aria-label": L.optionNameLabel,
+											className: "bg-background"
+										})]
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "product-options-matrix--editor-field grid min-w-0 gap-space-sm",
+										children: [/* @__PURE__ */ k(r, {
+											weight: "medium",
+											children: L.optionValuesLabel
+										}), /* @__PURE__ */ A("div", {
+											className: "product-options-matrix--editor-values grid min-w-0 gap-space-xs",
+											children: [
+												p.values.length === 0 && /* @__PURE__ */ k(r, {
+													size: "xs",
+													type: "secondary",
+													children: L.noValuesLabel
+												}),
+												p.values.map((t) => /* @__PURE__ */ A("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__ */ k("span", {
+															className: "flex size-icon-lg items-center justify-center text-muted-foreground",
+															"aria-hidden": "true",
+															children: /* @__PURE__ */ k(ae, { className: "size-icon-sm" })
+														}),
+														/* @__PURE__ */ k(o, {
+															value: Pe(t.label),
+															onChange: (n) => {
+																let r = n.currentTarget.value;
+																Y(e, (e) => ({
+																	...e,
+																	values: e.values.map((e) => e.id === t.id ? {
+																		...e,
+																		label: r
+																	} : e)
+																}));
+															},
+															"aria-label": `${L.optionValuesLabel}: ${Pe(t.label)}`,
+															className: "bg-background"
+														}),
+														/* @__PURE__ */ A(n, {
+															type: "button",
+															size: "icon-small",
+															variant: "secondary",
+															buttonStyle: "ghost",
+															onClick: () => Y(e, (e) => ({
+																...e,
+																values: e.values.filter((e) => e.id !== t.id)
+															})),
+															"aria-label": L.deleteValueLabel,
+															className: "text-muted-foreground hover:text-destructive",
+															children: [/* @__PURE__ */ k(B, {
+																className: "size-icon-sm",
+																"aria-hidden": "true"
+															}), /* @__PURE__ */ k("span", {
+																className: "sr-only",
+																children: L.deleteValueLabel
+															})]
+														})
+													]
+												}, t.id)),
+												/* @__PURE__ */ A("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__ */ k("span", {
+															className: "size-icon-lg",
+															"aria-hidden": "true"
+														}),
+														/* @__PURE__ */ k(n, {
+															type: "button",
+															variant: "secondary",
+															buttonStyle: "outline",
+															onClick: () => Y(e, (t) => {
+																let n = t.values.length + 1;
+																return {
+																	...t,
+																	values: [...t.values, {
+																		id: `${e.id}-draft-value-${n}`,
+																		label: ""
+																	}]
+																};
+															}),
+															fullWidth: !0,
+															className: "justify-start border-input bg-background text-muted-foreground hover:bg-muted/60",
+															children: L.addAnotherValueLabel
+														}),
+														/* @__PURE__ */ k("span", {
+															className: "size-control-sm",
+															"aria-hidden": "true"
+														})
+													]
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ A("div", {
+										className: "product-options-matrix--editor-actions flex min-w-0 items-center justify-between gap-space-md",
+										children: [/* @__PURE__ */ k("div", { children: !!_ && /* @__PURE__ */ k(n, {
+											type: "button",
+											variant: "error",
+											buttonStyle: "outline",
+											onClick: () => Ce(e),
+											children: L.deleteLabel
+										}) }), /* @__PURE__ */ A("div", {
+											className: "flex items-center justify-end gap-space-sm",
+											children: [/* @__PURE__ */ k(n, {
+												type: "button",
+												variant: "secondary",
+												buttonStyle: "ghost",
+												onClick: () => Z(e),
+												children: L.cancelLabel
+											}), /* @__PURE__ */ k(n, {
+												type: "button",
+												variant: "dark",
+												onClick: () => Q(e),
+												children: L.saveLabel ?? L.doneLabel
+											})]
+										})]
+									})
+								]
+							})]
+						})
+					}, e.id);
+					let S = /* @__PURE__ */ A("span", {
+						className: "grid min-w-0 gap-space-sm",
+						children: [
+							/* @__PURE__ */ A("span", {
+								className: "flex min-w-0 flex-wrap items-center gap-space-sm",
+								children: [/* @__PURE__ */ k(r, {
+									tag: "span",
+									weight: "semibold",
+									className: "min-w-0 whitespace-normal break-words",
+									children: e.name
+								}), e.badge]
+							}),
+							!!e.description && /* @__PURE__ */ k(r, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								className: "max-w-prose",
+								children: e.description
+							}),
+							!s && /* @__PURE__ */ k("span", {
+								className: "product-options-matrix--values grid gap-space-sm",
+								children: a.length === 0 ? /* @__PURE__ */ k(r, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									children: L.noValuesLabel
+								}) : /* @__PURE__ */ k("span", {
+									className: "flex flex-wrap gap-space-xs",
+									children: a.map((r, a) => {
+										let o = y ? () => y(e, r) : void 0, s = j?.(r, {
+											option: e,
+											optionIndex: i,
+											valueIndex: a,
+											onDelete: o
+										});
+										return s ? /* @__PURE__ */ k("span", { children: s }, r.id) : /* @__PURE__ */ A("span", {
+											className: t("product-options-matrix--value inline-flex max-w-full items-center gap-space-xs rounded-radius-sm bg-muted px-space-sm py-space-xs text-pxs font-medium leading-none text-muted-foreground", r.disabled && "opacity-60"),
+											children: [
+												/* @__PURE__ */ k("span", {
+													className: "min-w-0 whitespace-normal break-words",
+													children: Fe(r)
+												}),
+												r.badge,
+												!!o && re && /* @__PURE__ */ A(n, {
+													type: "button",
+													size: "icon-small",
+													variant: "secondary",
+													buttonStyle: "ghost",
+													onClick: o,
+													"aria-label": L.deleteValueLabel,
+													className: "size-icon-sm shrink-0 rounded-radius-sm text-muted-foreground/70 hover:text-destructive",
+													children: [/* @__PURE__ */ k(me, {
+														className: "size-3",
+														"aria-hidden": "true"
+													}), /* @__PURE__ */ k("span", {
+														className: "sr-only",
+														children: L.deleteValueLabel
+													})]
+												})
+											]
+										}, r.id);
+									})
+								})
+							})
+						]
+					});
+					return /* @__PURE__ */ k("div", {
+						className: "product-options-matrix--item border-b border-border/70 last:border-b-0",
+						children: /* @__PURE__ */ A("div", {
+							className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-x-space-md gap-y-space-md p-surface lg:grid-cols-[auto_minmax(0,1fr)_auto]",
+							children: [
+								N ? /* @__PURE__ */ A(n, {
+									type: "button",
+									size: "icon-small",
+									variant: "secondary",
+									buttonStyle: "ghost",
+									onClick: () => xe(e),
+									"aria-expanded": !s,
+									"aria-label": s ? L.expandOptionLabel : L.collapseOptionLabel,
+									className: "product-options-matrix--collapse-trigger mt-space-2xs shrink-0 text-muted-foreground",
+									children: [/* @__PURE__ */ k(ne, {
+										className: t("size-icon-sm transition-transform", s && "-rotate-90"),
+										"aria-hidden": "true"
+									}), /* @__PURE__ */ k("span", {
+										className: "sr-only",
+										children: s ? L.expandOptionLabel : L.collapseOptionLabel
+									})]
+								}) : /* @__PURE__ */ k("span", {
+									className: "product-options-matrix--drag-handle flex size-icon-lg items-center justify-center text-muted-foreground",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ k(ae, { className: "size-icon-sm" })
+								}),
+								/* @__PURE__ */ k("div", {
+									className: "product-options-matrix--item-main min-w-0",
+									children: u && !re ? /* @__PURE__ */ k(n, {
+										type: "button",
+										variant: "secondary",
+										buttonStyle: "ghost",
+										onClick: () => Se(e),
+										"aria-label": Ie(L.editLabel, e),
+										className: "h-auto min-h-0 w-full justify-start rounded-radius-sm p-0 text-left hover:bg-transparent focus-visible:ring-offset-2",
+										children: S
+									}) : S
+								}),
+								(P || !!x) && /* @__PURE__ */ A("div", {
+									className: "product-options-matrix--item-actions col-start-2 flex min-w-fit flex-wrap items-center justify-start gap-space-md lg:col-start-auto lg:justify-end",
+									children: [!!E && P && /* @__PURE__ */ A("div", {
+										className: "inline-flex items-center gap-space-sm text-pxs font-medium text-muted-foreground",
+										children: [/* @__PURE__ */ k("span", {
+											id: `product-option-${e.id}-variant-toggle-label`,
+											children: L.useForVariantsLabel
+										}), /* @__PURE__ */ k(c, {
+											checked: !!e.usedForVariants,
+											onCheckedChange: (t) => E(e, t),
+											"aria-labelledby": `product-option-${e.id}-variant-toggle-label`
+										})]
+									}), x]
+								})
+							]
+						})
+					}, e.id);
+				}), !!ye && /* @__PURE__ */ k("div", {
+					className: "product-options-matrix--create-row border-t border-border/70",
+					children: /* @__PURE__ */ k(n, {
+						type: "button",
+						variant: "secondary",
+						buttonStyle: "ghost",
+						onClick: h,
+						icon: ue,
+						className: "h-auto min-h-control-sm w-full justify-start rounded-none px-surface py-space-sm text-foreground hover:bg-muted/60",
+						children: L.addAnotherOptionLabel
+					})
+				})]
+			}) : /* @__PURE__ */ k("div", {
+				className: t(ve && "border-t border-border/70"),
+				children: ce ?? /* @__PURE__ */ k(X, {
+					title: L.emptyTitle,
+					description: L.emptyDescription,
+					action: h && !ve ? /* @__PURE__ */ k(n, {
+						type: "button",
+						onClick: h,
+						icon: I,
+						children: L.createLabel
+					}) : void 0
+				})
+			})]
+		})
+	});
+	return s === "embedded" ? /* @__PURE__ */ k("section", {
+		"aria-label": L.title,
+		className: t("product-options-matrix--component min-w-0", le),
+		children: Te
+	}) : /* @__PURE__ */ k(a, {
+		title: L.title,
+		description: L.description,
+		actions: ie,
+		headerAction: we,
+		headerEnd: oe,
+		footerSlot: se,
+		contentClassName: "mt-1",
+		className: t("product-options-matrix--component w-full", le),
+		children: Te
+	});
+}
+Re.displayName = "ProductOptionsMatrix";
 //#endregion
 //#region src/components/features/products/components/product-options-summary.tsx
-function Ce({ options: r = [], onManageOptions: i, onCreateOption: o, onSelectOption: s, onEditOption: c, onDeleteOption: l, renderOptionActions: u, actions: d, footerSlot: f, renderOption: p, empty: h, className: g, strings: _ }) {
-	let v = e(ce, _), y = !!(s || c || l || u), b = [...d ?? [], ...o && i ? [{
+function ze({ options: r = [], onManageOptions: i, onCreateOption: o, onSelectOption: s, onEditOption: c, onDeleteOption: l, renderOptionActions: u, actions: d, footerSlot: f, renderOption: p, empty: m, className: h, strings: _ }) {
+	let v = e(W, _), y = !!(s || c || l || u), b = [...d ?? [], ...o && i ? [{
 		id: "manage-options",
 		label: v.manageLabel,
-		icon: /* @__PURE__ */ w(z, { className: "size-3.5" }),
+		icon: /* @__PURE__ */ k(pe, { className: "size-3.5" }),
 		onClick: i
-	}] : []], x = o || i ? /* @__PURE__ */ w(n, {
+	}] : []], x = o || i ? /* @__PURE__ */ k(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		onClick: o ?? i,
-		icon: o ? L : z,
+		icon: o ? I : pe,
 		children: o ? v.createLabel : v.manageLabel
 	}) : void 0;
-	return /* @__PURE__ */ w(a, {
-		icon: /* @__PURE__ */ w(z, { className: "size-4" }),
+	return /* @__PURE__ */ k(a, {
+		icon: /* @__PURE__ */ k(pe, { className: "size-4" }),
 		title: v.title,
 		description: v.description,
 		actions: b.length > 0 ? b : void 0,
 		headerAction: x,
 		footerSlot: f,
 		contentClassName: "mt-1",
-		className: t("product-options-summary--component w-full", g),
-		children: r.length === 0 ? h ?? /* @__PURE__ */ w(V, {
+		className: t("product-options-summary--component w-full", h),
+		children: r.length === 0 ? m ?? /* @__PURE__ */ k(X, {
 			title: v.emptyTitle,
 			description: v.emptyDescription,
-			action: o ? /* @__PURE__ */ w(n, {
+			action: o ? /* @__PURE__ */ k(n, {
 				type: "button",
 				onClick: o,
-				icon: L,
+				icon: I,
 				children: v.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(m, { children: r.map((e, t) => (() => {
-			let n = y ? /* @__PURE__ */ w(J, {
+		}) : /* @__PURE__ */ k(g, { children: r.map((e, t) => (() => {
+			let n = y ? /* @__PURE__ */ k(Me, {
 				option: e,
 				index: t,
 				onSelectOption: s,
@@ -755,54 +1273,54 @@ function Ce({ options: r = [], onManageOptions: i, onCreateOption: o, onSelectOp
 					actionsLabel: v.actionsLabel
 				}
 			}) : void 0;
-			return p ? /* @__PURE__ */ w("div", { children: p(e, t) }, e.id) : /* @__PURE__ */ w(G, {
+			return p ? /* @__PURE__ */ k("div", { children: p(e, t) }, e.id) : /* @__PURE__ */ k(ke, {
 				item: e,
 				actions: n
 			}, e.id);
 		})()) })
 	});
 }
-Ce.displayName = "ProductOptionsSummary";
+ze.displayName = "ProductOptionsSummary";
 //#endregion
 //#region src/components/features/products/components/product-policies-card.tsx
-function we({ policies: r = [], onCreatePolicy: i, onSelectPolicy: o, onEditPolicy: s, onDeletePolicy: c, renderPolicyActions: l, actions: u, footerSlot: d, renderPolicy: f, empty: p, className: h, strings: g }) {
-	let _ = e(de, g), v = i ? /* @__PURE__ */ w(n, {
+function Be({ policies: r = [], onCreatePolicy: i, onSelectPolicy: o, onEditPolicy: s, onDeletePolicy: c, renderPolicyActions: l, actions: u, footerSlot: d, renderPolicy: f, empty: p, className: m, strings: h }) {
+	let _ = e(ve, h), v = i ? /* @__PURE__ */ k(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		onClick: i,
-		icon: L,
+		icon: I,
 		children: _.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ w(a, {
-		icon: /* @__PURE__ */ w(te, { className: "size-4" }),
+	return /* @__PURE__ */ k(a, {
+		icon: /* @__PURE__ */ k(z, { className: "size-4" }),
 		title: _.title,
 		description: _.description,
 		actions: u,
 		headerAction: v,
 		footerSlot: d,
 		contentClassName: "mt-1",
-		className: t("product-policies-card--component w-full", h),
-		children: r.length === 0 ? p ?? /* @__PURE__ */ w(V, {
+		className: t("product-policies-card--component w-full", m),
+		children: r.length === 0 ? p ?? /* @__PURE__ */ k(X, {
 			title: _.emptyTitle,
 			description: _.emptyDescription,
-			action: i ? /* @__PURE__ */ w(n, {
+			action: i ? /* @__PURE__ */ k(n, {
 				type: "button",
 				onClick: i,
-				icon: L,
+				icon: I,
 				children: _.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(m, { children: r.map((e, t) => (() => {
+		}) : /* @__PURE__ */ k(g, { children: r.map((e, t) => (() => {
 			let n = o ? () => o(e) : void 0, r = s ? () => s(e) : void 0, i = c ? () => c(e) : void 0, a = [...r ? [{
 				id: "edit",
 				label: _.editLabel,
-				icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ k(F, { className: "size-3.5" }),
 				onClick: () => r(),
 				variant: "ghost"
 			}] : [], ...i ? [{
 				id: "delete",
 				label: _.deleteLabel,
-				icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ k(B, { className: "size-3.5" }),
 				onClick: () => i(),
 				variant: "destructive"
 			}] : []], u = l ? l(e, {
@@ -810,12 +1328,12 @@ function we({ policies: r = [], onCreatePolicy: i, onSelectPolicy: o, onEditPoli
 				onSelect: n,
 				onEdit: r,
 				onDelete: i
-			}) : /* @__PURE__ */ w(W, {
+			}) : /* @__PURE__ */ k($, {
 				item: e,
 				actions: a,
 				menuLabel: _.actionsLabel
 			});
-			return f ? /* @__PURE__ */ w("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ w(G, {
+			return f ? /* @__PURE__ */ k("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ k(ke, {
 				item: e,
 				actionLabel: _.viewLabel,
 				onSelect: n,
@@ -824,74 +1342,74 @@ function we({ policies: r = [], onCreatePolicy: i, onSelectPolicy: o, onEditPoli
 		})()) })
 	});
 }
-we.displayName = "ProductPoliciesCard";
+Be.displayName = "ProductPoliciesCard";
 //#endregion
 //#region src/components/features/products/partials/product-values.ts
-var Te = "-";
+var Ve = "-";
 //#endregion
 //#region src/components/features/products/components/product-quote-preview-card.tsx
-function Ee({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQuote: u, onCreateLine: d, onSelectLine: f, onEditLine: p, onDeleteLine: m, renderLineActions: h, actions: g, footerSlot: _, empty: v, className: y, strings: x }) {
-	let S = e(ue, x), C = d || u ? /* @__PURE__ */ T("div", {
+function He({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQuote: u, onCreateLine: d, onSelectLine: f, onEditLine: p, onDeleteLine: m, renderLineActions: h, actions: g, footerSlot: _, empty: v, className: y, strings: b }) {
+	let x = e(_e, b), C = d || u ? /* @__PURE__ */ A("div", {
 		className: "flex items-center gap-2",
-		children: [!!d && /* @__PURE__ */ w(n, {
+		children: [!!d && /* @__PURE__ */ k(n, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
 			onClick: d,
-			icon: L,
-			children: S.createLineLabel
-		}), !!u && /* @__PURE__ */ w(n, {
+			icon: I,
+			children: x.createLineLabel
+		}), !!u && /* @__PURE__ */ k(n, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
 			onClick: u,
-			icon: D,
+			icon: j,
 			iconPosition: "right",
-			children: S.actionLabel
+			children: x.actionLabel
 		})]
 	}) : void 0;
-	return /* @__PURE__ */ w(a, {
-		icon: /* @__PURE__ */ w(R, { className: "size-4" }),
-		title: S.title,
-		description: S.description,
+	return /* @__PURE__ */ k(a, {
+		icon: /* @__PURE__ */ k(L, { className: "size-4" }),
+		title: x.title,
+		description: x.description,
 		actions: g,
 		headerAction: C,
 		footerSlot: _,
 		contentClassName: "mt-1",
 		className: t("product-quote-preview-card--component w-full", y),
-		children: i.length === 0 ? v ?? /* @__PURE__ */ w(V, {
-			title: S.emptyTitle,
-			description: S.emptyDescription,
-			action: d ? /* @__PURE__ */ w(n, {
+		children: i.length === 0 ? v ?? /* @__PURE__ */ k(X, {
+			title: x.emptyTitle,
+			description: x.emptyDescription,
+			action: d ? /* @__PURE__ */ k(n, {
 				type: "button",
 				onClick: d,
-				icon: L,
-				children: S.createLineLabel
+				icon: I,
+				children: x.createLineLabel
 			}) : void 0
-		}) : /* @__PURE__ */ T("div", {
+		}) : /* @__PURE__ */ A("div", {
 			className: "space-y-3",
-			children: [/* @__PURE__ */ w("div", {
+			children: [/* @__PURE__ */ k("div", {
 				className: "space-y-2",
 				children: i.map((e, t) => {
 					let n = f ? () => f(e) : void 0, i = p ? () => p(e) : void 0, a = m ? () => m(e) : void 0, o = [
 						...n ? [{
 							id: "open",
-							label: S.viewLineLabel,
-							icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
+							label: x.viewLineLabel,
+							icon: /* @__PURE__ */ k(P, { className: "size-3.5" }),
 							onClick: () => n(),
 							variant: "ghost"
 						}] : [],
 						...i ? [{
 							id: "edit",
-							label: S.editLineLabel,
-							icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+							label: x.editLineLabel,
+							icon: /* @__PURE__ */ k(F, { className: "size-3.5" }),
 							onClick: () => i(),
 							variant: "ghost"
 						}] : [],
 						...a ? [{
 							id: "delete",
-							label: S.deleteLineLabel,
-							icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+							label: x.deleteLineLabel,
+							icon: /* @__PURE__ */ k(B, { className: "size-3.5" }),
 							onClick: () => a(),
 							variant: "destructive"
 						}] : []
@@ -900,37 +1418,37 @@ function Ee({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 						onSelect: n,
 						onEdit: i,
 						onDelete: a
-					}) : /* @__PURE__ */ w(W, {
+					}) : /* @__PURE__ */ k($, {
 						item: e,
 						actions: o,
-						menuLabel: S.lineActionsLabel
+						menuLabel: x.lineActionsLabel
 					});
-					return /* @__PURE__ */ T("div", {
+					return /* @__PURE__ */ A("div", {
 						className: "flex items-start justify-between gap-3 rounded-md border border-border bg-muted/20 px-3 py-2",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ A("div", {
 							className: "min-w-0",
 							children: [
-								/* @__PURE__ */ w(r, {
+								/* @__PURE__ */ k(r, {
 									weight: "semibold",
 									className: "truncate",
 									children: e.label
 								}),
-								!!e.description && /* @__PURE__ */ w(r, {
+								!!e.description && /* @__PURE__ */ k(r, {
 									size: "xs",
 									type: "secondary",
 									className: "mt-0.5",
 									children: e.description
 								}),
-								!!e.quantity && /* @__PURE__ */ w(r, {
+								!!e.quantity && /* @__PURE__ */ k(r, {
 									size: "xs",
 									type: "secondary",
 									className: "mt-1",
 									children: e.quantity
 								})
 							]
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "flex shrink-0 items-center gap-2",
-							children: [/* @__PURE__ */ w(r, {
+							children: [/* @__PURE__ */ k(r, {
 								weight: "semibold",
 								className: "tabular-nums",
 								children: e.amount
@@ -938,27 +1456,27 @@ function Ee({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 						})]
 					}, e.id);
 				})
-			}), /* @__PURE__ */ T("div", {
+			}), /* @__PURE__ */ A("div", {
 				className: "space-y-1.5 rounded-md bg-muted/30 px-3 py-2.5",
 				children: [
-					o !== void 0 && /* @__PURE__ */ w(b, {
-						label: S.subtotalLabel,
+					o !== void 0 && /* @__PURE__ */ k(S, {
+						label: x.subtotalLabel,
 						value: o,
 						mono: !0
 					}),
-					s !== void 0 && /* @__PURE__ */ w(b, {
-						label: S.taxLabel,
+					s !== void 0 && /* @__PURE__ */ k(S, {
+						label: x.taxLabel,
 						value: s,
 						mono: !0
 					}),
-					c !== void 0 && /* @__PURE__ */ w(b, {
-						label: S.discountLabel,
+					c !== void 0 && /* @__PURE__ */ k(S, {
+						label: x.discountLabel,
 						value: c,
 						mono: !0,
 						valueClassName: "text-success"
 					}),
-					/* @__PURE__ */ w(b, {
-						label: S.totalLabel,
+					/* @__PURE__ */ k(S, {
+						label: x.totalLabel,
 						value: l ?? "-",
 						mono: !0,
 						labelClassName: "font-semibold",
@@ -969,88 +1487,88 @@ function Ee({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 		})
 	});
 }
-Ee.displayName = "ProductQuotePreviewCard";
+He.displayName = "ProductQuotePreviewCard";
 //#endregion
 //#region src/components/features/products/components/product-readiness-card.tsx
-function X({ items: i = [], score: o, scoreLabel: s, summary: c, onCreateReadinessItem: l, onSelectReadinessItem: d, onEditReadinessItem: f, onDeleteReadinessItem: p, renderReadinessItemActions: h, actions: g, footerSlot: _, renderItem: v, empty: y, className: b, strings: x }) {
-	let S = e(re, x), C = o === void 0 ? void 0 : ve(o), E = l ? /* @__PURE__ */ w(n, {
+function Ue({ items: i = [], score: o, scoreLabel: s, summary: c, onCreateReadinessItem: l, onSelectReadinessItem: u, onEditReadinessItem: d, onDeleteReadinessItem: p, renderReadinessItemActions: m, actions: h, footerSlot: _, renderItem: v, empty: y, className: b, strings: x }) {
+	let S = e(he, x), C = o === void 0 ? void 0 : Ce(o), w = l ? /* @__PURE__ */ k(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		onClick: l,
-		icon: L,
+		icon: I,
 		children: S.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ T(a, {
-		icon: /* @__PURE__ */ w(k, { className: "size-4" }),
+	return /* @__PURE__ */ A(a, {
+		icon: /* @__PURE__ */ k(N, { className: "size-4" }),
 		title: S.title,
 		description: S.description,
-		actions: g,
-		headerAction: E,
+		actions: h,
+		headerAction: w,
 		footerSlot: _,
 		contentClassName: "mt-1",
 		className: t("product-readiness-card--component w-full", b),
 		children: [
-			C !== void 0 && /* @__PURE__ */ T("div", {
+			C !== void 0 && /* @__PURE__ */ A("div", {
 				className: "mb-3 rounded-md border border-border bg-muted/20 px-3 py-2.5",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: "mb-2 flex items-center justify-between gap-3",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ k(r, {
 						size: "xs",
 						type: "secondary",
 						children: s ?? S.scoreLabel
-					}), /* @__PURE__ */ T(r, {
+					}), /* @__PURE__ */ A(r, {
 						size: "xs",
 						weight: "semibold",
 						className: "tabular-nums",
 						children: [C, "%"]
 					})]
-				}), /* @__PURE__ */ w(u, {
+				}), /* @__PURE__ */ k(f, {
 					value: C,
 					"aria-label": typeof s == "string" ? s : S.progressLabel,
 					"aria-valuetext": `${C}%`,
 					className: "h-1.5"
 				})]
 			}),
-			!!c && /* @__PURE__ */ w(r, {
+			!!c && /* @__PURE__ */ k(r, {
 				size: "xs",
 				type: "secondary",
 				className: "mb-3 leading-relaxed",
 				children: c
 			}),
-			i.length === 0 ? y ?? /* @__PURE__ */ w(V, {
+			i.length === 0 ? y ?? /* @__PURE__ */ k(X, {
 				title: S.emptyTitle,
 				description: S.emptyDescription,
-				action: l ? /* @__PURE__ */ w(n, {
+				action: l ? /* @__PURE__ */ k(n, {
 					type: "button",
 					onClick: l,
-					icon: L,
+					icon: I,
 					children: S.createLabel
 				}) : void 0
-			}) : /* @__PURE__ */ w(m, { children: i.map((e, t) => {
-				let n = d ? () => d(e) : void 0, r = f ? () => f(e) : void 0, i = p ? () => p(e) : void 0, a = [...r ? [{
+			}) : /* @__PURE__ */ k(g, { children: i.map((e, t) => {
+				let n = u ? () => u(e) : void 0, r = d ? () => d(e) : void 0, i = p ? () => p(e) : void 0, a = [...r ? [{
 					id: "edit",
 					label: S.editLabel,
-					icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+					icon: /* @__PURE__ */ k(F, { className: "size-3.5" }),
 					onClick: () => r(),
 					variant: "ghost"
 				}] : [], ...i ? [{
 					id: "delete",
 					label: S.deleteLabel,
-					icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+					icon: /* @__PURE__ */ k(B, { className: "size-3.5" }),
 					onClick: () => i(),
 					variant: "destructive"
-				}] : []], o = h ? h(e, {
+				}] : []], o = m ? m(e, {
 					index: t,
 					onSelect: n,
 					onEdit: r,
 					onDelete: i
-				}) : /* @__PURE__ */ w(W, {
+				}) : /* @__PURE__ */ k($, {
 					item: e,
 					actions: a,
 					menuLabel: S.actionsLabel
 				});
-				return v ? /* @__PURE__ */ w("div", { children: v(e, t) }, e.id) : /* @__PURE__ */ w(xe, {
+				return v ? /* @__PURE__ */ k("div", { children: v(e, t) }, e.id) : /* @__PURE__ */ k(De, {
 					item: e,
 					actionFallback: S.actionLabel,
 					onSelect: n,
@@ -1060,82 +1578,82 @@ function X({ items: i = [], score: o, scoreLabel: s, summary: c, onCreateReadine
 		]
 	});
 }
-X.displayName = "ProductReadinessCard";
+Ue.displayName = "ProductReadinessCard";
 //#endregion
 //#region src/components/features/products/components/product-structure-card.tsx
-function De({ metrics: r = [], onCreateMetric: i, onSelectMetric: o, onEditMetric: s, onDeleteMetric: c, renderMetricActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: h }) {
-	let g = e(ie, h), _ = i ? /* @__PURE__ */ w(n, {
+function We({ metrics: r = [], onCreateMetric: i, onSelectMetric: o, onEditMetric: s, onDeleteMetric: c, renderMetricActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: m }) {
+	let h = e(V, m), _ = i ? /* @__PURE__ */ k(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		onClick: i,
-		icon: L,
-		children: g.createLabel
+		icon: I,
+		children: h.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ w(a, {
-		icon: /* @__PURE__ */ w(N, { className: "size-4" }),
-		title: g.title,
-		description: g.description,
+	return /* @__PURE__ */ k(a, {
+		icon: /* @__PURE__ */ k(oe, { className: "size-4" }),
+		title: h.title,
+		description: h.description,
 		actions: u,
 		headerAction: _,
 		footerSlot: d,
 		contentClassName: "mt-1",
 		className: t("product-structure-card--component w-full", p),
-		children: r.length === 0 ? f ?? /* @__PURE__ */ w(V, {
-			title: g.emptyTitle,
-			description: g.emptyDescription,
-			action: i ? /* @__PURE__ */ w(n, {
+		children: r.length === 0 ? f ?? /* @__PURE__ */ k(X, {
+			title: h.emptyTitle,
+			description: h.emptyDescription,
+			action: i ? /* @__PURE__ */ k(n, {
 				type: "button",
 				onClick: i,
-				icon: L,
-				children: g.createLabel
+				icon: I,
+				children: h.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(m, { children: r.map((e, t) => {
+		}) : /* @__PURE__ */ k(g, { children: r.map((e, t) => {
 			let n = o ? () => o(e) : void 0, r = s ? () => s(e) : void 0, i = c ? () => c(e) : void 0, a = [
 				...n ? [{
 					id: "open",
-					label: g.viewLabel,
-					icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
+					label: h.viewLabel,
+					icon: /* @__PURE__ */ k(P, { className: "size-3.5" }),
 					onClick: () => n(),
 					variant: "ghost"
 				}] : [],
 				...r ? [{
 					id: "edit",
-					label: g.editLabel,
-					icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+					label: h.editLabel,
+					icon: /* @__PURE__ */ k(F, { className: "size-3.5" }),
 					onClick: () => r(),
 					variant: "ghost"
 				}] : [],
 				...i ? [{
 					id: "delete",
-					label: g.deleteLabel,
-					icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+					label: h.deleteLabel,
+					icon: /* @__PURE__ */ k(B, { className: "size-3.5" }),
 					onClick: () => i(),
 					variant: "destructive"
 				}] : []
 			];
-			return /* @__PURE__ */ w(be, {
+			return /* @__PURE__ */ k(Ee, {
 				metric: e,
 				actions: l ? l(e, {
 					index: t,
 					onSelect: n,
 					onEdit: r,
 					onDelete: i
-				}) : /* @__PURE__ */ w(W, {
+				}) : /* @__PURE__ */ k($, {
 					item: e,
 					actions: a,
-					menuLabel: g.actionsLabel
+					menuLabel: h.actionsLabel
 				})
 			}, e.id);
 		}) })
 	});
 }
-De.displayName = "ProductStructureCard";
+We.displayName = "ProductStructureCard";
 //#endregion
 //#region src/components/features/products/components/product-variant-action-menu.tsx
-function Z({ variant: n, index: r = 0, onSelectVariant: i, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: s, renderVariantActions: c, menuLabel: l, className: u, strings: d }) {
-	let f = e(pe, d), p = i ? () => i(n) : void 0, m = a ? () => a(n) : void 0, h = o ? () => o(n) : void 0, g = s ? () => s(n) : void 0;
-	return p || m || h || g || c ? c ? /* @__PURE__ */ w("div", {
+function Ge({ variant: n, index: r = 0, onSelectVariant: i, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: s, renderVariantActions: c, menuLabel: l, className: u, strings: d }) {
+	let f = e(q, d), p = i ? () => i(n) : void 0, m = a ? () => a(n) : void 0, h = o ? () => o(n) : void 0, g = s ? () => s(n) : void 0;
+	return p || m || h || g || c ? c ? /* @__PURE__ */ k("div", {
 		className: t("product-variant-action-menu--component flex justify-end", u),
 		children: c(n, {
 			index: r,
@@ -1144,7 +1662,7 @@ function Z({ variant: n, index: r = 0, onSelectVariant: i, onEditVariant: a, onD
 			onDuplicate: h,
 			onDelete: g
 		})
-	}) : /* @__PURE__ */ w(W, {
+	}) : /* @__PURE__ */ k($, {
 		item: n,
 		menuLabel: l ?? f.actionsLabel,
 		className: t("product-variant-action-menu--component", u),
@@ -1152,39 +1670,39 @@ function Z({ variant: n, index: r = 0, onSelectVariant: i, onEditVariant: a, onD
 			...p ? [{
 				id: "open",
 				label: f.viewLabel,
-				icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ k(P, { className: "size-3.5" }),
 				onClick: () => p(),
 				variant: "ghost"
 			}] : [],
 			...m ? [{
 				id: "edit",
 				label: f.editLabel,
-				icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ k(F, { className: "size-3.5" }),
 				onClick: () => m(),
 				variant: "ghost"
 			}] : [],
 			...h ? [{
 				id: "duplicate",
 				label: f.duplicateLabel,
-				icon: /* @__PURE__ */ w(A, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ k(re, { className: "size-3.5" }),
 				onClick: () => h(),
 				variant: "ghost"
 			}] : [],
 			...g ? [{
 				id: "delete",
 				label: f.deleteLabel,
-				icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ k(B, { className: "size-3.5" }),
 				onClick: () => g(),
 				variant: "destructive"
 			}] : []
 		]
 	}) : null;
 }
-Z.displayName = "ProductVariantActionMenu";
+Ge.displayName = "ProductVariantActionMenu";
 //#endregion
 //#region src/components/features/products/partials/product-variant-table-parts.tsx
-function Oe({ variant: e, index: n, onSelectVariant: r, onEditVariant: i, onDuplicateVariant: a, onDeleteVariant: o, renderVariantActions: s, strings: c, className: l }) {
-	return /* @__PURE__ */ w(Z, {
+function Ke({ variant: e, index: n, onSelectVariant: r, onEditVariant: i, onDuplicateVariant: a, onDeleteVariant: o, renderVariantActions: s, strings: c, className: l }) {
+	return /* @__PURE__ */ k(Ge, {
 		variant: e,
 		index: n,
 		onSelectVariant: r,
@@ -1203,15 +1721,15 @@ function Oe({ variant: e, index: n, onSelectVariant: r, onEditVariant: i, onDupl
 		}
 	});
 }
-function Q({ label: e, children: n, className: i, textClassName: a, weight: o }) {
-	return /* @__PURE__ */ T("div", {
+function qe({ label: e, children: n, className: i, textClassName: a, weight: o }) {
+	return /* @__PURE__ */ A("div", {
 		className: t("product-variant-cell--component grid min-w-0 grid-cols-[6rem_minmax(0,1fr)] items-center gap-2 lg:block lg:space-y-0.5", i),
-		children: [/* @__PURE__ */ w(r, {
+		children: [/* @__PURE__ */ k(r, {
 			size: "xs",
 			type: "secondary",
 			className: "uppercase tracking-wide lg:sr-only",
 			children: e
-		}), /* @__PURE__ */ w(r, {
+		}), /* @__PURE__ */ k(r, {
 			size: "xs",
 			type: "secondary",
 			weight: o,
@@ -1222,17 +1740,17 @@ function Q({ label: e, children: n, className: i, textClassName: a, weight: o })
 }
 //#endregion
 //#region src/components/features/products/components/product-variants-table.tsx
-function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVariant: l, onDuplicateVariant: u, onDeleteVariant: d, renderVariantActions: f, actions: p, footerSlot: m, empty: h, className: g, strings: _ }) {
-	let v = e(fe, _), y = !!(c || l || u || d || f), b = "lg:grid-cols-[minmax(12rem,1.45fr)_minmax(4rem,0.6fr)_minmax(4rem,0.55fr)_minmax(4.75rem,0.7fr)_minmax(4rem,0.55fr)]", x = s ? /* @__PURE__ */ w(n, {
+function Je({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVariant: l, onDuplicateVariant: u, onDeleteVariant: d, renderVariantActions: f, actions: p, footerSlot: m, empty: h, className: g, strings: _ }) {
+	let v = e(ye, _), y = !!(c || l || u || d || f), b = "lg:grid-cols-[minmax(12rem,1.45fr)_minmax(4rem,0.6fr)_minmax(4rem,0.55fr)_minmax(4.75rem,0.7fr)_minmax(4rem,0.55fr)]", x = s ? /* @__PURE__ */ k(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		onClick: s,
-		icon: L,
+		icon: I,
 		children: v.createLabel
 	}) : void 0;
-	return /* @__PURE__ */ w(a, {
-		icon: /* @__PURE__ */ w(P, { className: "size-4" }),
+	return /* @__PURE__ */ k(a, {
+		icon: /* @__PURE__ */ k(se, { className: "size-4" }),
 		title: v.title,
 		description: v.description,
 		actions: p,
@@ -1240,51 +1758,51 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 		footerSlot: m,
 		contentClassName: "mt-1",
 		className: t("product-variants-table--component w-full", g),
-		children: o.length === 0 ? h ?? /* @__PURE__ */ w(V, {
+		children: o.length === 0 ? h ?? /* @__PURE__ */ k(X, {
 			title: v.emptyTitle,
 			description: v.emptyDescription,
-			action: s ? /* @__PURE__ */ w(n, {
+			action: s ? /* @__PURE__ */ k(n, {
 				type: "button",
 				onClick: s,
-				icon: L,
+				icon: I,
 				children: v.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w("div", {
+		}) : /* @__PURE__ */ k("div", {
 			className: "product-variants-table--table rounded-md border border-border",
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ A("div", {
 				className: "lg:min-w-136",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: t("hidden gap-3 border-b border-border bg-muted/40 px-3 py-2 lg:grid", b),
 					children: [
-						/* @__PURE__ */ w(r, {
+						/* @__PURE__ */ k(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "secondary",
 							children: v.headers.variant
 						}),
-						/* @__PURE__ */ w(r, {
+						/* @__PURE__ */ k(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "secondary",
 							children: v.headers.price
 						}),
-						/* @__PURE__ */ w(r, {
+						/* @__PURE__ */ k(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "secondary",
 							children: v.headers.inventory
 						}),
-						/* @__PURE__ */ w(r, {
+						/* @__PURE__ */ k(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "secondary",
 							children: v.headers.sku
 						}),
-						/* @__PURE__ */ w(r, {
+						/* @__PURE__ */ k(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
@@ -1292,41 +1810,41 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 							children: v.headers.updated
 						})
 					]
-				}), /* @__PURE__ */ w("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "divide-y divide-border",
-					children: o.map((e, n) => /* @__PURE__ */ T("div", {
+					children: o.map((e, n) => /* @__PURE__ */ A("div", {
 						className: t("grid gap-2 px-3 py-3 lg:items-center lg:gap-3 lg:py-2.5", b),
 						children: [
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ k("div", {
 								className: "min-w-0",
-								children: /* @__PURE__ */ T("div", {
+								children: /* @__PURE__ */ A("div", {
 									className: "flex min-w-0 items-start gap-2",
-									children: [/* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ A("div", {
 										className: "min-w-0 flex-1",
 										children: [
-											/* @__PURE__ */ T("div", {
+											/* @__PURE__ */ A("div", {
 												className: "flex min-w-0 flex-wrap items-center gap-2",
-												children: [/* @__PURE__ */ w(r, {
+												children: [/* @__PURE__ */ k(r, {
 													weight: "semibold",
 													className: "truncate",
 													children: e.name
-												}), !!e.status && /* @__PURE__ */ w(i, {
+												}), !!e.status && /* @__PURE__ */ k(i, {
 													variant: e.statusVariant ?? "secondary",
 													children: e.status
 												})]
 											}),
-											!!e.description && /* @__PURE__ */ w(r, {
+											!!e.description && /* @__PURE__ */ k(r, {
 												size: "xs",
 												type: "secondary",
 												className: "mt-0.5",
 												children: e.description
 											}),
-											!!(e.options?.length || e.channels) && /* @__PURE__ */ T("div", {
+											!!(e.options?.length || e.channels) && /* @__PURE__ */ A("div", {
 												className: "mt-1.5 flex flex-wrap items-center gap-1",
-												children: [e.options?.map((e, t) => /* @__PURE__ */ w(i, {
+												children: [e.options?.map((e, t) => /* @__PURE__ */ k(i, {
 													variant: "secondary",
 													children: e
-												}, t)), !!e.channels && /* @__PURE__ */ T(r, {
+												}, t)), !!e.channels && /* @__PURE__ */ A(r, {
 													tag: "span",
 													size: "xs",
 													type: "secondary",
@@ -1339,7 +1857,7 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 												})]
 											})
 										]
-									}), !!y && /* @__PURE__ */ w(Z, {
+									}), !!y && /* @__PURE__ */ k(Ge, {
 										variant: e,
 										index: n,
 										onSelectVariant: c,
@@ -1359,23 +1877,23 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 									})]
 								})
 							}),
-							/* @__PURE__ */ w(Q, {
+							/* @__PURE__ */ k(qe, {
 								label: v.headers.price,
 								weight: "semibold",
 								textClassName: "tabular-nums text-foreground",
 								children: e.price ?? "-"
 							}),
-							/* @__PURE__ */ w(Q, {
+							/* @__PURE__ */ k(qe, {
 								label: v.headers.inventory,
 								textClassName: "tabular-nums",
 								children: e.inventory ?? "-"
 							}),
-							/* @__PURE__ */ w(Q, {
+							/* @__PURE__ */ k(qe, {
 								label: v.headers.sku,
 								textClassName: "tabular-nums",
 								children: e.sku ?? "-"
 							}),
-							/* @__PURE__ */ w(Q, {
+							/* @__PURE__ */ k(qe, {
 								label: v.headers.updated,
 								children: e.updatedAt ?? "-"
 							})
@@ -1386,38 +1904,38 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 		})
 	});
 }
-ke.displayName = "ProductVariantsTable";
+Je.displayName = "ProductVariantsTable";
 //#endregion
 //#region src/components/features/products/components/product-overview.tsx
-function $({ details: n, contract: r, options: i, variants: a, readiness: o, structure: s, operations: c, quote: l, policies: u, slots: d, className: f, mainClassName: p, railClassName: m, strings: h }) {
-	let g = e(ge, h), _ = !!(o || s || c || l || u || d?.railTop || d?.railBottom);
-	return /* @__PURE__ */ T("div", {
+function Ye({ details: n, contract: r, options: i, variants: a, readiness: o, structure: s, operations: c, quote: l, policies: u, slots: d, className: f, mainClassName: p, railClassName: m, strings: h }) {
+	let g = e(Y, h), _ = !!(o || s || c || l || u || d?.railTop || d?.railBottom);
+	return /* @__PURE__ */ A("div", {
 		className: t("product-overview--component @container/product-overview space-y-4", f),
 		children: [
 			d?.before,
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ A("div", {
 				className: t("grid gap-4", _ && "@5xl/product-overview:grid-cols-[minmax(0,1fr)_22rem]"),
-				children: [/* @__PURE__ */ T("section", {
+				children: [/* @__PURE__ */ A("section", {
 					"aria-label": g.mainLabel,
 					className: t("product-overview--main min-w-0 space-y-4", p),
 					children: [
 						d?.mainTop,
-						!!n && /* @__PURE__ */ w(q, { ...n }),
-						!!r && /* @__PURE__ */ w(K, { ...r }),
-						!!i && /* @__PURE__ */ w(Ce, { ...i }),
-						!!a && /* @__PURE__ */ w(ke, { ...a }),
+						!!n && /* @__PURE__ */ k(je, { ...n }),
+						!!r && /* @__PURE__ */ k(Ae, { ...r }),
+						!!i && /* @__PURE__ */ k(ze, { ...i }),
+						!!a && /* @__PURE__ */ k(Je, { ...a }),
 						d?.mainBottom
 					]
-				}), !!_ && /* @__PURE__ */ T("aside", {
+				}), !!_ && /* @__PURE__ */ A("aside", {
 					"aria-label": g.railLabel,
 					className: t("product-overview--rail min-w-0 space-y-4", m),
 					children: [
 						d?.railTop,
-						!!o && /* @__PURE__ */ w(X, { ...o }),
-						!!s && /* @__PURE__ */ w(De, { ...s }),
-						!!c && /* @__PURE__ */ w(Y, { ...c }),
-						!!l && /* @__PURE__ */ w(Ee, { ...l }),
-						!!u && /* @__PURE__ */ w(we, { ...u }),
+						!!o && /* @__PURE__ */ k(Ue, { ...o }),
+						!!s && /* @__PURE__ */ k(We, { ...s }),
+						!!c && /* @__PURE__ */ k(Ne, { ...c }),
+						!!l && /* @__PURE__ */ k(He, { ...l }),
+						!!u && /* @__PURE__ */ k(Be, { ...u }),
 						d?.railBottom
 					]
 				})]
@@ -1426,11 +1944,11 @@ function $({ details: n, contract: r, options: i, variants: a, readiness: o, str
 		]
 	});
 }
-$.displayName = "ProductOverview";
+Ye.displayName = "ProductOverview";
 //#endregion
 //#region src/components/features/products/components/product-variant-details.tsx
-var Ae = (e) => e != null && e !== !1 && e !== "";
-function je(e, t) {
+var Xe = (e) => e != null && e !== !1 && e !== "";
+function Ze(e, t) {
 	return [
 		{
 			label: t.price,
@@ -1452,191 +1970,191 @@ function je(e, t) {
 			label: t.updated,
 			value: e.updatedAt
 		}
-	].filter((e) => Ae(e.value));
+	].filter((e) => Xe(e.value));
 }
-function Me({ variant: o, metadata: s, optionItems: c = [], media: l, onBack: u, onSelectVariant: d, onEditVariant: f, onDuplicateVariant: p, onDeleteVariant: h, onSelectOption: g, actions: _, headerEnd: v, footerSlot: b, empty: x, renderActions: S, renderMetadata: C, renderOption: D, className: O, strings: k }) {
-	let A = e(me, k), j = o ? s ?? je(o, A.metadata) : [], M = !!(o && (d || f || p || h || S)), N = /* @__PURE__ */ T("div", {
+function Qe({ variant: o, metadata: s, optionItems: c = [], media: l, onBack: u, onSelectVariant: d, onEditVariant: f, onDuplicateVariant: p, onDeleteVariant: m, onSelectOption: h, actions: _, headerEnd: v, footerSlot: y, empty: b, renderActions: S, renderMetadata: C, renderOption: w, className: T, strings: E }) {
+	let D = e(Se, E), ee = o ? s ?? Ze(o, D.metadata) : [], O = !!(o && (d || f || p || m || S)), j = /* @__PURE__ */ A("div", {
 		className: "product-variant-details--header-actions flex items-center gap-2",
-		children: [!!u && /* @__PURE__ */ w(n, {
+		children: [!!u && /* @__PURE__ */ k(n, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
 			onClick: u,
-			icon: E,
-			children: A.backLabel
-		}), !!M && o && /* @__PURE__ */ w(Z, {
+			icon: te,
+			children: D.backLabel
+		}), !!O && o && /* @__PURE__ */ k(Ge, {
 			variant: o,
 			onSelectVariant: d,
 			onEditVariant: f,
 			onDuplicateVariant: p,
-			onDeleteVariant: h,
+			onDeleteVariant: m,
 			renderVariantActions: S
 		})]
-	}), F = o?.options ?? [];
-	return /* @__PURE__ */ w(a, {
-		icon: /* @__PURE__ */ w(P, { className: "size-4" }),
-		title: o?.name ?? A.title,
-		titleSuffix: o?.status ? /* @__PURE__ */ w(i, {
+	}), M = o?.options ?? [];
+	return /* @__PURE__ */ k(a, {
+		icon: /* @__PURE__ */ k(se, { className: "size-4" }),
+		title: o?.name ?? D.title,
+		titleSuffix: o?.status ? /* @__PURE__ */ k(i, {
 			variant: o.statusVariant ?? "secondary",
 			children: o.status
 		}) : void 0,
-		description: o?.description ?? A.description,
+		description: o?.description ?? D.description,
 		actions: _,
-		headerAction: u || M ? N : void 0,
+		headerAction: u || O ? j : void 0,
 		headerEnd: v,
-		footerSlot: b,
+		footerSlot: y,
 		contentClassName: "mt-1",
-		className: t("product-variant-details--component w-full", O),
-		children: o ? /* @__PURE__ */ T("div", {
+		className: t("product-variant-details--component w-full", T),
+		children: o ? /* @__PURE__ */ A("div", {
 			className: "product-variant-details--body grid gap-5",
 			children: [
-				!!l && /* @__PURE__ */ w("div", {
+				!!l && /* @__PURE__ */ k("div", {
 					className: "product-variant-details--media overflow-hidden rounded-md border border-border bg-muted/30",
 					children: l
 				}),
-				C ? C(o) : /* @__PURE__ */ w(y, {
-					title: A.factsTitle,
-					items: j,
+				C ? C(o) : /* @__PURE__ */ k(x, {
+					title: D.factsTitle,
+					items: ee,
 					columns: 3,
 					dense: !0,
 					className: "product-variant-details--metadata"
 				}),
-				!!F.length && /* @__PURE__ */ T("div", {
+				!!M.length && /* @__PURE__ */ A("div", {
 					className: "product-variant-details--selected-options space-y-2",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ k(r, {
 						weight: "semibold",
-						children: A.selectedOptionsTitle
-					}), /* @__PURE__ */ w("div", {
+						children: D.selectedOptionsTitle
+					}), /* @__PURE__ */ k("div", {
 						className: "flex flex-wrap gap-1.5",
-						children: F.map((e, t) => /* @__PURE__ */ w(i, {
+						children: M.map((e, t) => /* @__PURE__ */ k(i, {
 							variant: "secondary",
 							children: e
 						}, t))
 					})]
 				}),
-				!!c.length && /* @__PURE__ */ T("div", {
+				!!c.length && /* @__PURE__ */ A("div", {
 					className: "product-variant-details--related-options space-y-2",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ k(r, {
 						weight: "semibold",
-						children: A.relatedOptionsTitle
-					}), /* @__PURE__ */ w(m, { children: c.map((e, t) => D ? /* @__PURE__ */ w("div", { children: D(e, t) }, e.id) : /* @__PURE__ */ w(G, {
+						children: D.relatedOptionsTitle
+					}), /* @__PURE__ */ k(g, { children: c.map((e, t) => w ? /* @__PURE__ */ k("div", { children: w(e, t) }, e.id) : /* @__PURE__ */ k(ke, {
 						item: e,
-						actionLabel: A.viewOptionLabel,
-						onSelect: g ? () => g(e) : void 0
+						actionLabel: D.viewOptionLabel,
+						onSelect: h ? () => h(e) : void 0
 					}, e.id)) })]
 				})
 			]
-		}) : x ?? /* @__PURE__ */ w(V, {
-			title: A.emptyTitle,
-			description: A.emptyDescription
+		}) : b ?? /* @__PURE__ */ k(X, {
+			title: D.emptyTitle,
+			description: D.emptyDescription
 		})
 	});
 }
-Me.displayName = "ProductVariantDetails";
+Qe.displayName = "ProductVariantDetails";
 //#endregion
 //#region src/components/features/products/components/product-variant-editor.tsx
-var Ne = (e) => e.map((e) => ({
+var $e = (e) => e.map((e) => ({
 	value: e.value,
 	label: e.label,
 	disabled: e.disabled
 }));
-function Pe({ value: i, defaultValue: u, optionFields: d = [], statusOptions: f = [], onValueChange: p, onSubmit: m, onCancel: h, onDelete: g, actions: _, headerEnd: v, footerSlot: y, disabled: b = !1, isSubmitting: x = !1, className: E, strings: D }) {
-	let O = e(he, D), k = S(), A = i !== void 0, [j, M] = C(u ?? {}), N = (A ? i : j) ?? {}, P = b || x, F = (e) => {
-		A || M(e), p?.(e);
-	}, L = (e, t) => {
-		F({
-			...N,
+function et({ value: i, defaultValue: s, optionFields: c = [], statusOptions: f = [], onValueChange: p, onSubmit: m, onCancel: h, onDelete: g, actions: _, headerEnd: v, footerSlot: y, disabled: b = !1, isSubmitting: x = !1, className: S, strings: C }) {
+	let w = e(J, C), T = E(), D = i !== void 0, [O, te] = ee(s ?? {}), j = (D ? i : O) ?? {}, M = b || x, ne = (e) => {
+		D || te(e), p?.(e);
+	}, N = (e, t) => {
+		ne({
+			...j,
 			[e]: t
 		});
-	}, R = (e, t) => {
-		F({
-			...N,
+	}, re = (e, t) => {
+		ne({
+			...j,
 			options: {
-				...N.options ?? {},
+				...j.options ?? {},
 				[e.id]: t
 			}
 		});
-	}, te = (e) => {
-		e.preventDefault(), m?.(N);
-	}, z = /* @__PURE__ */ T("div", {
+	}, P = (e) => {
+		e.preventDefault(), m?.(j);
+	}, ie = /* @__PURE__ */ A("div", {
 		className: "product-variant-editor--footer flex flex-col-reverse gap-2 sm:flex-row sm:items-center sm:justify-between",
-		children: [/* @__PURE__ */ w("div", { children: !!g && /* @__PURE__ */ w(n, {
+		children: [/* @__PURE__ */ k("div", { children: !!g && /* @__PURE__ */ k(n, {
 			type: "button",
 			variant: "error",
 			buttonStyle: "ghost",
-			onClick: () => g(N),
-			disabled: P,
+			onClick: () => g(j),
+			disabled: M,
 			icon: B,
-			children: O.deleteLabel
-		}) }), /* @__PURE__ */ T("div", {
+			children: w.deleteLabel
+		}) }), /* @__PURE__ */ A("div", {
 			className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-			children: [!!h && /* @__PURE__ */ w(n, {
+			children: [!!h && /* @__PURE__ */ k(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
 				onClick: h,
-				disabled: P,
-				icon: ne,
-				children: O.cancelLabel
-			}), !!m && /* @__PURE__ */ w(n, {
+				disabled: M,
+				icon: me,
+				children: w.cancelLabel
+			}), !!m && /* @__PURE__ */ k(n, {
 				type: "submit",
-				form: k,
-				disabled: P,
-				icon: ee,
-				children: x ? O.savingLabel : O.saveLabel
+				form: T,
+				disabled: M,
+				icon: fe,
+				children: x ? w.savingLabel : w.saveLabel
 			})]
 		})]
-	}), re = !!(g || h || m);
-	return /* @__PURE__ */ w(a, {
-		icon: /* @__PURE__ */ w(I, { className: "size-4" }),
-		title: O.title,
-		description: O.description,
+	}), ae = !!(g || h || m);
+	return /* @__PURE__ */ k(a, {
+		icon: /* @__PURE__ */ k(F, { className: "size-4" }),
+		title: w.title,
+		description: w.description,
 		actions: _,
 		headerEnd: v,
-		footerSlot: y ?? (re ? z : void 0),
+		footerSlot: y ?? (ae ? ie : void 0),
 		footerDivider: !0,
 		contentClassName: "mt-1",
-		className: t("product-variant-editor--component w-full", E),
-		children: /* @__PURE__ */ T("form", {
-			id: k,
+		className: t("product-variant-editor--component w-full", S),
+		children: /* @__PURE__ */ A("form", {
+			id: T,
 			className: "product-variant-editor--form grid gap-5",
-			onSubmit: te,
+			onSubmit: P,
 			children: [
-				/* @__PURE__ */ T("section", {
+				/* @__PURE__ */ A("section", {
 					className: "product-variant-editor--section grid gap-3",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ k(r, {
 						weight: "semibold",
-						children: O.identityTitle
-					}), /* @__PURE__ */ T("div", {
+						children: w.identityTitle
+					}), /* @__PURE__ */ A("div", {
 						className: "grid gap-3 md:grid-cols-2",
 						children: [
-							/* @__PURE__ */ w(l, {
-								label: O.fields.name,
+							/* @__PURE__ */ k(d, {
+								label: w.fields.name,
 								required: !0,
-								children: /* @__PURE__ */ w(o, {
-									value: N.name ?? "",
-									onChange: (e) => L("name", e.target.value),
-									placeholder: O.placeholders.name,
-									disabled: P
+								children: /* @__PURE__ */ k(o, {
+									value: j.name ?? "",
+									onChange: (e) => N("name", e.target.value),
+									placeholder: w.placeholders.name,
+									disabled: M
 								})
 							}),
-							/* @__PURE__ */ w(l, {
-								label: O.fields.sku,
-								children: /* @__PURE__ */ w(o, {
-									value: N.sku ?? "",
-									onChange: (e) => L("sku", e.target.value),
-									placeholder: O.placeholders.sku,
-									disabled: P
+							/* @__PURE__ */ k(d, {
+								label: w.fields.sku,
+								children: /* @__PURE__ */ k(o, {
+									value: j.sku ?? "",
+									onChange: (e) => N("sku", e.target.value),
+									placeholder: w.placeholders.sku,
+									disabled: M
 								})
 							}),
-							/* @__PURE__ */ w(l, {
-								label: O.fields.description,
+							/* @__PURE__ */ k(d, {
+								label: w.fields.description,
 								className: "md:col-span-2",
-								children: /* @__PURE__ */ w(c, {
-									value: N.description ?? "",
-									onChange: (e) => L("description", e.target.value),
-									placeholder: O.placeholders.description,
-									disabled: P,
+								children: /* @__PURE__ */ k(u, {
+									value: j.description ?? "",
+									onChange: (e) => N("description", e.target.value),
+									placeholder: w.placeholders.description,
+									disabled: M,
 									autoResize: !0,
 									minRows: 2
 								})
@@ -1644,85 +2162,85 @@ function Pe({ value: i, defaultValue: u, optionFields: d = [], statusOptions: f
 						]
 					})]
 				}),
-				/* @__PURE__ */ T("section", {
+				/* @__PURE__ */ A("section", {
 					className: "product-variant-editor--section grid gap-3",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ k(r, {
 						weight: "semibold",
-						children: O.commercialTitle
-					}), /* @__PURE__ */ T("div", {
+						children: w.commercialTitle
+					}), /* @__PURE__ */ A("div", {
 						className: "grid gap-3 md:grid-cols-2",
 						children: [
-							/* @__PURE__ */ w(l, {
-								label: O.fields.price,
-								children: /* @__PURE__ */ w(o, {
-									value: N.price ?? "",
-									onChange: (e) => L("price", e.target.value),
-									placeholder: O.placeholders.price,
-									disabled: P
+							/* @__PURE__ */ k(d, {
+								label: w.fields.price,
+								children: /* @__PURE__ */ k(o, {
+									value: j.price ?? "",
+									onChange: (e) => N("price", e.target.value),
+									placeholder: w.placeholders.price,
+									disabled: M
 								})
 							}),
-							/* @__PURE__ */ w(l, {
-								label: O.fields.inventory,
-								children: /* @__PURE__ */ w(o, {
-									value: N.inventory ?? "",
-									onChange: (e) => L("inventory", e.target.value),
-									placeholder: O.placeholders.inventory,
-									disabled: P,
+							/* @__PURE__ */ k(d, {
+								label: w.fields.inventory,
+								children: /* @__PURE__ */ k(o, {
+									value: j.inventory ?? "",
+									onChange: (e) => N("inventory", e.target.value),
+									placeholder: w.placeholders.inventory,
+									disabled: M,
 									inputMode: "numeric"
 								})
 							}),
-							/* @__PURE__ */ w(l, {
-								label: O.fields.status,
-								children: f.length > 0 ? /* @__PURE__ */ w(s, {
-									options: Ne(f),
-									value: N.status ?? null,
-									onChange: (e) => L("status", e ?? ""),
-									placeholder: O.statusPlaceholder,
-									disabled: P,
-									"aria-label": O.fields.status
-								}) : /* @__PURE__ */ w(o, {
-									value: N.status ?? "",
-									onChange: (e) => L("status", e.target.value),
-									placeholder: O.placeholders.status,
-									disabled: P
+							/* @__PURE__ */ k(d, {
+								label: w.fields.status,
+								children: f.length > 0 ? /* @__PURE__ */ k(l, {
+									options: $e(f),
+									value: j.status ?? null,
+									onChange: (e) => N("status", e ?? ""),
+									placeholder: w.statusPlaceholder,
+									disabled: M,
+									"aria-label": w.fields.status
+								}) : /* @__PURE__ */ k(o, {
+									value: j.status ?? "",
+									onChange: (e) => N("status", e.target.value),
+									placeholder: w.placeholders.status,
+									disabled: M
 								})
 							}),
-							/* @__PURE__ */ w(l, {
-								label: O.fields.channels,
-								children: /* @__PURE__ */ w(o, {
-									value: N.channels ?? "",
-									onChange: (e) => L("channels", e.target.value),
-									placeholder: O.placeholders.channels,
-									disabled: P
+							/* @__PURE__ */ k(d, {
+								label: w.fields.channels,
+								children: /* @__PURE__ */ k(o, {
+									value: j.channels ?? "",
+									onChange: (e) => N("channels", e.target.value),
+									placeholder: w.placeholders.channels,
+									disabled: M
 								})
 							})
 						]
 					})]
 				}),
-				!!d.length && /* @__PURE__ */ T("section", {
+				!!c.length && /* @__PURE__ */ A("section", {
 					className: "product-variant-editor--section grid gap-3",
-					children: [/* @__PURE__ */ w(r, {
+					children: [/* @__PURE__ */ k(r, {
 						weight: "semibold",
-						children: O.optionsTitle
-					}), /* @__PURE__ */ w("div", {
+						children: w.optionsTitle
+					}), /* @__PURE__ */ k("div", {
 						className: "grid gap-3 md:grid-cols-2",
-						children: d.map((e) => {
-							let t = e.value ?? N.options?.[e.id] ?? "", n = !!e.choices?.length;
-							return /* @__PURE__ */ w(l, {
+						children: c.map((e) => {
+							let t = e.value ?? j.options?.[e.id] ?? "", n = !!e.choices?.length;
+							return /* @__PURE__ */ k(d, {
 								label: e.label,
 								helperText: e.helperText,
-								children: n ? /* @__PURE__ */ w(s, {
-									options: Ne(e.choices ?? []),
+								children: n ? /* @__PURE__ */ k(l, {
+									options: $e(e.choices ?? []),
 									value: t || null,
-									onChange: (t) => R(e, t),
-									placeholder: e.placeholder ?? O.optionPlaceholder,
-									disabled: P,
+									onChange: (t) => re(e, t),
+									placeholder: e.placeholder ?? w.optionPlaceholder,
+									disabled: M,
 									"aria-label": e.label
-								}) : /* @__PURE__ */ w(o, {
+								}) : /* @__PURE__ */ k(o, {
 									value: t,
-									onChange: (t) => R(e, t.target.value),
-									placeholder: e.placeholder ?? O.optionPlaceholder,
-									disabled: P
+									onChange: (t) => re(e, t.target.value),
+									placeholder: e.placeholder ?? w.optionPlaceholder,
+									disabled: M
 								})
 							}, e.id);
 						})
@@ -1732,17 +2250,693 @@ function Pe({ value: i, defaultValue: u, optionFields: d = [], statusOptions: f
 		})
 	});
 }
-Pe.displayName = "ProductVariantEditor";
+et.displayName = "ProductVariantEditor";
+//#endregion
+//#region src/components/features/products/components/product-variants-bulk-table.tsx
+var tt = [
+	"variant",
+	"sku",
+	"price",
+	"inventory",
+	"status"
+], nt = "text", rt = "text", it = "multiple";
+function at(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "";
+}
+function ot(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 st(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) => at(e)).filter(Boolean).join(" / ") || "-";
+}
+function ct(e, t) {
+	return t.filter((e) => e.usedForVariants !== !1).map((t) => ot(e, t)).filter((e) => e != null && e !== "");
+}
+function lt(e) {
+	return e.map(at).filter(Boolean).join(" / ");
+}
+function ut(e, t) {
+	return at(ot(e, t)) || "-";
+}
+function dt(e, t) {
+	return e.map((e) => t.get(e)).filter((e) => !!e);
+}
+function ft(e) {
+	return e == null || e === "" ? "-" : e;
+}
+function pt(e) {
+	return e != null && e !== "";
+}
+function mt(e) {
+	return e === "sku" || e === "price" || e === "inventory";
+}
+function ht(e, t) {
+	return e === "text" || e === "field" ? e : e[t] ?? rt;
+}
+function gt(e, t, n, r) {
+	return {
+		index: e,
+		field: t,
+		previousValue: n,
+		value: r
+	};
+}
+function _t(e, n, i, a, s) {
+	let c = at(e);
+	if (i === "field") {
+		let e = !!a;
+		return /* @__PURE__ */ k(o, {
+			readOnly: !e,
+			value: c,
+			onChange: e ? (e) => a(e.currentTarget.value) : void 0,
+			onBlur: s ? (e) => s(e.currentTarget.value) : void 0,
+			"aria-label": n,
+			className: t("h-10 w-full min-w-36 bg-background px-space-md shadow-xs", !e && "text-muted-foreground")
+		});
+	}
+	return /* @__PURE__ */ k(r, {
+		className: "min-w-0 whitespace-normal break-words tabular-nums",
+		type: pt(e) ? "main" : "secondary",
+		children: ft(e)
+	});
+}
+function vt({ variants: o = [], optionGroups: c = [], groupByOptionId: l, visibleColumns: u = tt, optionCombinationDisplay: d = nt, cellDisplay: f = rt, selectionMode: p, renderOptionCombination: m, renderCell: h, selectedVariantIds: g, defaultSelectedVariantIds: _ = [], onSelectedVariantIdsChange: v, onVariantFieldChange: y, onVariantFieldBlur: b, onCreateVariant: x, onGenerateVariants: S, onSelectVariant: C, onEditVariant: E, onDuplicateVariant: O, onDeleteVariant: te, onBulkEdit: j, onBulkApply: M, onBulkDelete: ne, renderVariantActions: N, renderBulkActions: ie, actions: ae, headerEnd: oe, footerSlot: ce, empty: le, surface: ue = "card", className: L, strings: fe }) {
+	let R = e(be, fe), z = g !== void 0, [pe, me] = ee(_), he = !!(ie || j || M || ne), V = (p ?? (he || z || v ? it : "none")) === "multiple", H = D(() => V ? z ? g : pe : [], [
+		pe,
+		V,
+		z,
+		g
+	]), ge = D(() => new Map(o.map((e) => [e.id, e])), [o]), U = D(() => dt(H, ge), [ge, H]), W = D(() => new Set(H), [H]), G = D(() => new Set(u), [u]), K = D(() => c.find((e) => e.id === l), [c, l]), _e = D(() => new Map(o.map((e, t) => [e.id, t])), [o]), ve = D(() => {
+		if (!K) return o;
+		let e = new Map((K.values ?? []).map((e, t) => [e.id, t]));
+		return [...o].sort((t, n) => {
+			let r = t.optionValueIds?.[K.id], i = n.optionValueIds?.[K.id], a = r === void 0 ? void 0 : e.get(r), o = i === void 0 ? void 0 : e.get(i), s = a ?? 2 ** 53 - 1, c = o ?? 2 ** 53 - 1;
+			return s === c ? (_e.get(t.id) ?? 0) - (_e.get(n.id) ?? 0) : s - c;
+		});
+	}, [
+		K,
+		_e,
+		o
+	]), ye = D(() => {
+		if (!K) return /* @__PURE__ */ new Map();
+		let e = /* @__PURE__ */ new Map();
+		return o.forEach((t) => {
+			let n = ut(t, K);
+			e.set(n, (e.get(n) ?? 0) + 1);
+		}), e;
+	}, [K, o]), xe = V && he, q = o.length > 0, Se = V && q && o.every((e) => W.has(e.id)), J = !!(C || E || O || te || N), Y = u.filter((e) => G.has(e)).length + +!!V + +!!J, Z = T((e) => {
+		let t = dt(e, ge);
+		z || me(e), v?.(e, t);
+	}, [
+		z,
+		v,
+		ge
+	]), Q = T(() => Z([]), [Z]), Ce = T((e, t) => {
+		V && Z(t === !0 ? Array.from(new Set([...H, e.id])) : H.filter((t) => t !== e.id));
+	}, [
+		V,
+		H,
+		Z
+	]), we = T((e) => {
+		V && Z(e === !0 ? o.map((e) => e.id) : []);
+	}, [
+		V,
+		Z,
+		o
+	]), Te = {
+		selectedRows: U,
+		selectedIds: H,
+		allRows: o,
+		selectedCount: U.length,
+		totalCount: o.length,
+		allRowsSelected: Se,
+		clearSelection: Q,
+		setSelectedIds: Z
+	}, Ee = x || S ? /* @__PURE__ */ A("div", {
+		className: "product-variants-bulk-table--header-actions flex flex-wrap items-center justify-end gap-space-sm",
+		children: [!!S && /* @__PURE__ */ k(n, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "outline",
+			onClick: S,
+			icon: de,
+			children: R.generateLabel
+		}), !!x && /* @__PURE__ */ k(n, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "ghost",
+			onClick: x,
+			icon: I,
+			children: R.createLabel
+		})]
+	}) : void 0, De = xe ? /* @__PURE__ */ A("div", {
+		className: "product-variants-bulk-table--bulk-toolbar flex min-w-0 flex-wrap items-center justify-between gap-space-md rounded-radius-lg bg-muted/45 px-space-lg py-space-md",
+		children: [/* @__PURE__ */ A("div", {
+			className: "flex min-w-0 flex-wrap items-center gap-space-md",
+			children: [/* @__PURE__ */ k(r, {
+				size: "xs",
+				type: "secondary",
+				children: R.selectedLabel(U.length, o.length)
+			}), !!U.length && /* @__PURE__ */ k(n, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "small",
+				onClick: Q,
+				children: R.clearSelectionLabel
+			})]
+		}), /* @__PURE__ */ A("div", {
+			className: "flex min-w-0 flex-wrap items-center justify-end gap-space-md",
+			children: [
+				!!j && /* @__PURE__ */ k(n, {
+					type: "button",
+					variant: "secondary",
+					buttonStyle: "solid",
+					disabled: !U.length,
+					onClick: () => j(U),
+					className: "bg-background text-foreground hover:bg-background/80 disabled:opacity-70",
+					children: R.bulkEditLabel
+				}),
+				!!ne && /* @__PURE__ */ A(n, {
+					type: "button",
+					variant: "secondary",
+					buttonStyle: "ghost",
+					disabled: !U.length,
+					onClick: () => ne(U),
+					icon: B,
+					className: "text-muted-foreground hover:text-destructive disabled:text-muted-foreground/55",
+					children: [
+						R.bulkDeleteLabel,
+						" (",
+						U.length,
+						")"
+					]
+				}),
+				!!M && /* @__PURE__ */ k(n, {
+					type: "button",
+					variant: "secondary",
+					buttonStyle: "ghost",
+					disabled: !U.length,
+					onClick: () => M(U),
+					className: "text-muted-foreground disabled:text-muted-foreground/55",
+					children: R.bulkApplyLabel
+				}),
+				ie?.(Te)
+			]
+		})]
+	}) : null, Oe = o.length === 0 ? le ?? /* @__PURE__ */ k(X, {
+		title: R.emptyTitle,
+		description: R.emptyDescription,
+		action: S ? /* @__PURE__ */ k(n, {
+			type: "button",
+			onClick: S,
+			icon: de,
+			children: R.generateLabel
+		}) : void 0
+	}) : /* @__PURE__ */ A("div", {
+		className: "product-variants-bulk-table--body grid min-w-0 gap-space-md",
+		children: [De, /* @__PURE__ */ k("div", {
+			className: "product-variants-bulk-table--table overflow-hidden rounded-radius-lg border border-border bg-background",
+			children: /* @__PURE__ */ k("div", {
+				className: "overflow-x-auto [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",
+				children: /* @__PURE__ */ A("table", {
+					className: "w-full min-w-max border-collapse",
+					children: [
+						/* @__PURE__ */ A("colgroup", { children: [
+							V && /* @__PURE__ */ k("col", {
+								className: "w-14 min-w-14 max-w-14",
+								style: { width: "3.5rem" }
+							}),
+							G.has("variant") && /* @__PURE__ */ k("col", {}),
+							G.has("sku") && /* @__PURE__ */ k("col", {}),
+							G.has("price") && /* @__PURE__ */ k("col", {}),
+							G.has("inventory") && /* @__PURE__ */ k("col", {}),
+							G.has("status") && /* @__PURE__ */ k("col", {}),
+							G.has("updated") && /* @__PURE__ */ k("col", {}),
+							J && /* @__PURE__ */ k("col", { style: { width: "4.5rem" } })
+						] }),
+						/* @__PURE__ */ k("thead", { children: /* @__PURE__ */ A("tr", {
+							className: "h-12 border-b border-border/70 bg-muted/45",
+							children: [
+								V && /* @__PURE__ */ k("th", {
+									className: "w-14 min-w-14 max-w-14 px-0 py-space-md text-center align-middle",
+									style: { width: "3.5rem" },
+									children: /* @__PURE__ */ k(s, {
+										checked: Se,
+										onCheckedChange: we,
+										"aria-label": R.selectAllLabel,
+										className: "mx-auto"
+									})
+								}),
+								G.has("variant") && /* @__PURE__ */ k("th", {
+									className: "px-space-lg py-space-md text-left align-middle",
+									children: /* @__PURE__ */ k(r, {
+										tag: "span",
+										size: "pxs",
+										type: "secondary",
+										weight: "medium",
+										className: "whitespace-normal uppercase tracking-wider",
+										children: R.headers.variant
+									})
+								}),
+								G.has("sku") && /* @__PURE__ */ k("th", {
+									className: "px-space-lg py-space-md text-left align-middle",
+									children: /* @__PURE__ */ k(r, {
+										tag: "span",
+										size: "pxs",
+										type: "secondary",
+										weight: "medium",
+										className: "whitespace-normal uppercase tracking-wider",
+										children: R.headers.sku
+									})
+								}),
+								G.has("price") && /* @__PURE__ */ k("th", {
+									className: "px-space-lg py-space-md text-left align-middle",
+									children: /* @__PURE__ */ k(r, {
+										tag: "span",
+										size: "pxs",
+										type: "secondary",
+										weight: "medium",
+										className: "whitespace-normal uppercase tracking-wider",
+										children: R.headers.price
+									})
+								}),
+								G.has("inventory") && /* @__PURE__ */ k("th", {
+									className: "px-space-lg py-space-md text-left align-middle",
+									children: /* @__PURE__ */ k(r, {
+										tag: "span",
+										size: "pxs",
+										type: "secondary",
+										weight: "medium",
+										className: "whitespace-normal uppercase tracking-wider",
+										children: R.headers.inventory
+									})
+								}),
+								G.has("status") && /* @__PURE__ */ k("th", {
+									className: "px-space-lg py-space-md text-left align-middle",
+									children: /* @__PURE__ */ k(r, {
+										tag: "span",
+										size: "pxs",
+										type: "secondary",
+										weight: "medium",
+										className: "whitespace-normal uppercase tracking-wider",
+										children: R.headers.status
+									})
+								}),
+								G.has("updated") && /* @__PURE__ */ k("th", {
+									className: "px-space-lg py-space-md text-left align-middle",
+									children: /* @__PURE__ */ k(r, {
+										tag: "span",
+										size: "pxs",
+										type: "secondary",
+										weight: "medium",
+										className: "whitespace-normal uppercase tracking-wider",
+										children: R.headers.updated
+									})
+								}),
+								J && /* @__PURE__ */ k("th", {
+									className: "px-space-lg py-space-md text-right align-middle",
+									children: /* @__PURE__ */ k(r, {
+										tag: "span",
+										size: "pxs",
+										type: "secondary",
+										weight: "medium",
+										className: "whitespace-normal uppercase tracking-wider",
+										children: R.headers.actions
+									})
+								})
+							]
+						}) }),
+						/* @__PURE__ */ k("tbody", { children: ve.map((e, t) => {
+							let n = _e.get(e.id) ?? t, a = K ? ut(e, K) : null, o = t > 0 ? ve[t - 1] : void 0, l = K && o ? ut(o, K) : null, u = !!K && a !== l, p = W.has(e.id), g = {
+								index: n,
+								onSelect: C ? () => C(e) : void 0,
+								onEdit: E ? () => E(e) : void 0,
+								onDuplicate: O ? () => O(e) : void 0,
+								onDelete: te ? () => te(e) : void 0,
+								isSelected: p,
+								onToggleSelected: V ? (t) => Ce(e, t) : void 0
+							}, _ = K ? c.filter((e) => e.id !== K.id) : c, v = ct(e, _), x = K ? st({
+								...e,
+								name: void 0
+							}, _) : st(e, c), S = x === "-" && K ? st(e, c) : x, T = lt(v), D = T === at(S), ee = (t, r, i = rt) => ({
+								index: n,
+								column: t,
+								value: r,
+								variantName: S,
+								optionValues: v,
+								optionLabel: T,
+								cellDisplay: i,
+								onChange: mt(t) && y ? (i) => y(e, t, i, gt(n, t, r, i)) : void 0,
+								onBlur: mt(t) && b ? (i) => b(e, t, i, gt(n, t, r, i)) : void 0
+							}), j = (t, n, r, i) => {
+								let a = ee(t, n, r), o = h?.(e, a);
+								return o === void 0 ? i(a) : o;
+							}, M = d !== "none" && v.length > 0 && (K ? !D : d === "tags" || !D), ne = d === "none" ? null : m?.(e, {
+								optionGroups: c,
+								optionValues: v,
+								optionLabel: T,
+								display: d
+							}), ie = [
+								...C ? [{
+									id: "view",
+									label: R.viewLabel,
+									icon: /* @__PURE__ */ k(P, { className: "size-3.5" }),
+									onClick: () => C(e),
+									variant: "ghost"
+								}] : [],
+								...E ? [{
+									id: "edit",
+									label: R.editLabel,
+									icon: /* @__PURE__ */ k(F, { className: "size-3.5" }),
+									onClick: () => E(e),
+									variant: "ghost"
+								}] : [],
+								...O ? [{
+									id: "duplicate",
+									label: R.duplicateLabel,
+									icon: /* @__PURE__ */ k(re, { className: "size-3.5" }),
+									onClick: () => O(e),
+									variant: "ghost"
+								}] : [],
+								...te ? [{
+									id: "delete",
+									label: R.deleteLabel,
+									icon: /* @__PURE__ */ k(B, { className: "size-3.5" }),
+									onClick: () => te(e),
+									variant: "destructive"
+								}] : []
+							];
+							return /* @__PURE__ */ A(w, { children: [u && /* @__PURE__ */ k("tr", {
+								className: "product-variants-bulk-table--group-row border-b border-border/70 bg-muted/30",
+								children: /* @__PURE__ */ k("td", {
+									colSpan: Y,
+									className: "px-space-lg py-space-md align-middle",
+									children: /* @__PURE__ */ A("div", {
+										className: "flex min-w-0 items-center gap-space-sm",
+										children: [/* @__PURE__ */ k(r, {
+											tag: "span",
+											weight: "semibold",
+											className: "min-w-0 whitespace-normal break-words",
+											children: a
+										}), /* @__PURE__ */ k(r, {
+											tag: "span",
+											size: "xs",
+											type: "secondary",
+											className: "whitespace-nowrap",
+											children: R.groupCountLabel(ye.get(a ?? "") ?? 0)
+										})]
+									})
+								})
+							}), /* @__PURE__ */ A("tr", {
+								className: "h-20 border-b border-border/70 last:border-b-0",
+								children: [
+									V && /* @__PURE__ */ k("td", {
+										className: "w-14 min-w-14 max-w-14 px-0 py-space-lg text-center align-middle",
+										style: { width: "3.5rem" },
+										children: /* @__PURE__ */ k(s, {
+											checked: p,
+											onCheckedChange: (t) => Ce(e, t),
+											"aria-label": R.selectRowLabel(n),
+											className: "mx-auto"
+										})
+									}),
+									G.has("variant") && /* @__PURE__ */ k("td", {
+										className: "px-space-lg py-space-lg align-middle",
+										children: j("variant", S, rt, () => /* @__PURE__ */ A("div", {
+											className: "grid min-w-0 gap-space-xs",
+											children: [
+												/* @__PURE__ */ k(r, {
+													weight: "medium",
+													className: "min-w-0 whitespace-normal break-words",
+													children: S
+												}),
+												ne,
+												!ne && M && d === "text" && /* @__PURE__ */ k(r, {
+													size: "xs",
+													type: "secondary",
+													className: "min-w-0 whitespace-normal break-words",
+													children: v.map((t, n) => /* @__PURE__ */ A("span", { children: [n > 0 ? " / " : null, t] }, `${e.id}-option-text-${n}`))
+												}),
+												!ne && M && d === "tags" && /* @__PURE__ */ k("div", {
+													className: "flex min-w-0 flex-wrap gap-space-xs",
+													children: v.map((t, n) => /* @__PURE__ */ k("span", {
+														className: "max-w-full rounded-radius-sm bg-muted px-space-sm py-space-2xs text-pxs font-medium text-muted-foreground",
+														children: t
+													}, `${e.id}-option-${n}`))
+												})
+											]
+										}))
+									}),
+									G.has("sku") && /* @__PURE__ */ k("td", {
+										className: "px-space-lg py-space-md align-middle",
+										children: j("sku", e.sku, ht(f, "sku"), (t) => _t(e.sku, `${R.headers.sku}: ${at(S)}`, t.cellDisplay, t.onChange, t.onBlur))
+									}),
+									G.has("price") && /* @__PURE__ */ k("td", {
+										className: "px-space-lg py-space-md align-middle",
+										children: j("price", e.price, ht(f, "price"), (t) => _t(e.price, `${R.headers.price}: ${at(S)}`, t.cellDisplay, t.onChange, t.onBlur))
+									}),
+									G.has("inventory") && /* @__PURE__ */ k("td", {
+										className: "px-space-lg py-space-md align-middle",
+										children: j("inventory", e.inventory, ht(f, "inventory"), (t) => _t(e.inventory, `${R.headers.inventory}: ${at(S)}`, t.cellDisplay, t.onChange, t.onBlur))
+									}),
+									G.has("status") && /* @__PURE__ */ k("td", {
+										className: "px-space-lg py-space-lg align-middle",
+										children: j("status", e.status, rt, () => e.status ? /* @__PURE__ */ k(i, {
+											variant: e.statusVariant ?? "secondary",
+											children: e.status
+										}) : /* @__PURE__ */ k(r, {
+											type: "secondary",
+											children: "-"
+										}))
+									}),
+									G.has("updated") && /* @__PURE__ */ k("td", {
+										className: "px-space-lg py-space-lg align-middle",
+										children: j("updated", e.updatedAt, rt, () => /* @__PURE__ */ k(r, {
+											size: "xs",
+											type: "secondary",
+											children: ft(e.updatedAt)
+										}))
+									}),
+									J && /* @__PURE__ */ k("td", {
+										className: "px-space-lg py-space-lg text-right align-middle",
+										children: N ? N(e, g) : /* @__PURE__ */ k($, {
+											item: e,
+											actions: ie,
+											menuLabel: R.headers.actions
+										})
+									})
+								]
+							})] }, e.id);
+						}) })
+					]
+				})
+			})
+		})]
+	});
+	return ue === "embedded" ? /* @__PURE__ */ k("section", {
+		"aria-label": R.title,
+		className: t("product-variants-bulk-table--component min-w-0", L),
+		children: Oe
+	}) : /* @__PURE__ */ k(a, {
+		icon: /* @__PURE__ */ k(se, { className: "size-4" }),
+		title: R.title,
+		description: R.description,
+		actions: ae,
+		headerAction: Ee,
+		headerEnd: oe,
+		footerSlot: ce,
+		contentClassName: "mt-1",
+		className: t("product-variants-bulk-table--component w-full", L),
+		children: Oe
+	});
+}
+vt.displayName = "ProductVariantsBulkTable";
+//#endregion
+//#region src/components/features/products/components/product-variants-manager.tsx
+function yt({ optionGroups: i = [], variants: o = [], visibleColumns: s, optionCombinationDisplay: c, cellDisplay: u, selectionMode: d, renderOptionCombination: f, renderCell: p, selectedVariantIds: m, defaultSelectedVariantIds: h, onSelectedVariantIdsChange: g, onVariantFieldChange: _, onVariantFieldBlur: v, collapsedOptionIds: y, defaultCollapsedOptionIds: b, onCollapsedOptionIdsChange: x, editingOptionId: S, defaultEditingOptionId: C, onEditingOptionIdChange: w, onCreateOption: E, onEditOption: O, onDeleteOption: te, onAddValue: j, onDeleteValue: M, onOptionNameChange: ne, onValueLabelChange: N, onDoneEditingOption: re, onSaveEditingOption: P, onCancelEditingOption: ie, onToggleUsedForVariants: ae, renderOptionActions: oe, renderValue: se, onCreateVariant: le, onGenerateVariants: F, onSelectVariant: ue, onEditVariant: L, onDuplicateVariant: fe, onDeleteVariant: z, onBulkEdit: pe, onBulkApply: B, onBulkDelete: me, renderVariantActions: he, renderBulkActions: V, groupByOptionId: H, defaultGroupByOptionId: ge, onGroupByOptionIdChange: U, onSearchVariants: W, onFilterVariants: G, controlsEnd: K, actions: _e, headerEnd: ve, footerSlot: ye, className: be, strings: q, optionsStrings: Se, variantsStrings: J }) {
+	let Y = e(xe, q), X = D(() => i.filter((e) => e.usedForVariants !== !1), [i]), Z = X[0]?.id ?? null, Q = H !== void 0, [Ce, we] = ee(ge ?? Z), Te = H ?? Ce ?? Z, $ = D(() => X.map((e) => ({
+		value: e.id,
+		label: String(typeof e.name == "string" || typeof e.name == "number" ? e.name : e.id)
+	})), [X]), Ee = T((e) => {
+		let t = i.find((t) => t.id === e);
+		Q || we(e ?? null), U?.(e, t);
+	}, [
+		Q,
+		U,
+		i
+	]), De = F || le ? /* @__PURE__ */ A("div", {
+		className: "product-variants-manager--header-actions flex min-w-0 flex-wrap items-center justify-end gap-space-sm",
+		children: [!!F && /* @__PURE__ */ k(n, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "outline",
+			onClick: F,
+			icon: de,
+			children: Y.generateLabel
+		}), !!le && /* @__PURE__ */ k(n, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "outline",
+			onClick: le,
+			icon: I,
+			children: Y.createVariantLabel
+		})]
+	}) : void 0;
+	return /* @__PURE__ */ k(a, {
+		title: Y.title,
+		description: Y.description,
+		actions: _e,
+		actionsLabel: Y.actionsLabel,
+		headerAction: De,
+		headerEnd: ve,
+		footerSlot: ye,
+		contentClassName: "mt-1 px-0 pb-0",
+		className: t("product-variants-manager--component w-full", be),
+		children: /* @__PURE__ */ A("div", {
+			className: "product-variants-manager--body grid min-w-0 gap-0",
+			children: [
+				/* @__PURE__ */ k("section", {
+					className: "product-variants-manager--options min-w-0 px-surface pb-space-lg",
+					children: /* @__PURE__ */ k(Re, {
+						optionGroups: i,
+						collapsedOptionIds: y,
+						defaultCollapsedOptionIds: b,
+						onCollapsedOptionIdsChange: x,
+						editingOptionId: S,
+						defaultEditingOptionId: C,
+						onEditingOptionIdChange: w,
+						surface: "embedded",
+						onCreateOption: E,
+						onEditOption: O,
+						onDeleteOption: te,
+						onAddValue: j,
+						onDeleteValue: M,
+						onOptionNameChange: ne,
+						onValueLabelChange: N,
+						onDoneEditingOption: re,
+						onSaveEditingOption: P,
+						onCancelEditingOption: ie,
+						onToggleUsedForVariants: ae,
+						renderOptionActions: oe,
+						renderValue: se,
+						showHeader: !1,
+						showCollapseControls: !1,
+						showInlineActions: !1,
+						showVariantToggle: !1,
+						strings: {
+							title: Y.optionsTitle,
+							...Se
+						}
+					})
+				}),
+				/* @__PURE__ */ A("div", {
+					className: "product-variants-manager--controls flex min-w-0 flex-wrap items-center justify-between gap-space-md border-t border-border/70 px-surface py-space-md",
+					children: [/* @__PURE__ */ A("div", {
+						className: "product-variants-manager--group-by flex min-w-0 items-center gap-space-sm",
+						children: [/* @__PURE__ */ k(r, {
+							type: "secondary",
+							className: "whitespace-nowrap",
+							children: Y.groupByLabel
+						}), $.length > 0 && /* @__PURE__ */ k(l, {
+							options: $,
+							value: Te,
+							onChange: Ee,
+							"aria-label": Y.groupByLabel,
+							className: "min-w-32 bg-background"
+						})]
+					}), /* @__PURE__ */ A("div", {
+						className: "product-variants-manager--controls-end flex min-w-0 items-center justify-end gap-space-sm",
+						children: [/* @__PURE__ */ A("div", {
+							className: "product-variants-manager--tool-buttons inline-flex overflow-hidden rounded-radius border border-border bg-background shadow-xs",
+							children: [/* @__PURE__ */ A(n, {
+								type: "button",
+								size: "icon-small",
+								variant: "secondary",
+								buttonStyle: "ghost",
+								onClick: W,
+								"aria-label": Y.searchLabel,
+								className: "rounded-none border-r border-border text-muted-foreground hover:text-foreground",
+								children: [/* @__PURE__ */ k(R, {
+									className: "size-icon-sm",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ k("span", {
+									className: "sr-only",
+									children: Y.searchLabel
+								})]
+							}), /* @__PURE__ */ A(n, {
+								type: "button",
+								size: "icon-small",
+								variant: "secondary",
+								buttonStyle: "ghost",
+								onClick: G,
+								"aria-label": Y.filterLabel,
+								className: "rounded-none text-muted-foreground hover:text-foreground",
+								children: [/* @__PURE__ */ k(ce, {
+									className: "size-icon-sm",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ k("span", {
+									className: "sr-only",
+									children: Y.filterLabel
+								})]
+							})]
+						}), K]
+					})]
+				}),
+				/* @__PURE__ */ k("section", {
+					className: "product-variants-manager--variants min-w-0 px-surface pb-surface pt-space-md",
+					children: /* @__PURE__ */ k(vt, {
+						variants: o,
+						optionGroups: i,
+						groupByOptionId: Te,
+						visibleColumns: s,
+						optionCombinationDisplay: c,
+						cellDisplay: u,
+						selectionMode: d,
+						renderOptionCombination: f,
+						renderCell: p,
+						surface: "embedded",
+						selectedVariantIds: m,
+						defaultSelectedVariantIds: h,
+						onSelectedVariantIdsChange: g,
+						onVariantFieldChange: _,
+						onVariantFieldBlur: v,
+						onCreateVariant: le,
+						onGenerateVariants: F,
+						onSelectVariant: ue,
+						onEditVariant: L,
+						onDuplicateVariant: fe,
+						onDeleteVariant: z,
+						onBulkEdit: pe,
+						onBulkApply: B,
+						onBulkDelete: me,
+						renderVariantActions: he,
+						renderBulkActions: V,
+						strings: {
+							title: Y.variantsTitle,
+							generateLabel: Y.generateLabel,
+							...J
+						}
+					})
+				})
+			]
+		})
+	});
+}
+yt.displayName = "ProductVariantsManager";
 //#endregion
 //#region src/components/features/products/products.tsx
-function Fe({ className: e, ...n }) {
-	return /* @__PURE__ */ w($, {
+function bt({ className: e, ...n }) {
+	return /* @__PURE__ */ k(Ye, {
 		...n,
 		className: t("products--component", e)
 	});
 }
-Fe.displayName = "Products";
+bt.displayName = "Products";
 //#endregion
-export { Te as PRODUCT_EMPTY_VALUE, _e as PRODUCT_TONE_BADGE, H as PRODUCT_TONE_SURFACE, K as ProductContractOverview, q as ProductDetailsCard, V as ProductEmptyState, ye as ProductMetricTile, Se as ProductOperationRow, Y as ProductOperationsCard, J as ProductOptionActionMenu, Ce as ProductOptionsSummary, $ as ProductOverview, we as ProductPoliciesCard, Ee as ProductQuotePreviewCard, X as ProductReadinessCard, xe as ProductReadinessRow, W as ProductRowActions, De as ProductStructureCard, be as ProductStructureMetricRow, G as ProductSummaryRow, U as ProductToneDot, Z as ProductVariantActionMenu, Oe as ProductVariantActions, Q as ProductVariantCell, Me as ProductVariantDetails, Pe as ProductVariantEditor, ke as ProductVariantsTable, Fe as Products, ve as clampProductPercent, se as defaultProductContractOverviewStrings, oe as defaultProductDetailsCardStrings, ae as defaultProductOperationsCardStrings, le as defaultProductOptionActionMenuStrings, ce as defaultProductOptionsSummaryStrings, ge as defaultProductOverviewStrings, de as defaultProductPoliciesCardStrings, ue as defaultProductQuotePreviewCardStrings, re as defaultProductReadinessCardStrings, ie as defaultProductStructureCardStrings, pe as defaultProductVariantActionMenuStrings, me as defaultProductVariantDetailsStrings, he as defaultProductVariantEditorStrings, fe as defaultProductVariantsTableStrings };
+export { Ve as PRODUCT_EMPTY_VALUE, Z as PRODUCT_TONE_BADGE, Q as PRODUCT_TONE_SURFACE, Ae as ProductContractOverview, je as ProductDetailsCard, X as ProductEmptyState, Te as ProductMetricTile, Oe as ProductOperationRow, Ne as ProductOperationsCard, Me as ProductOptionActionMenu, Re as ProductOptionsMatrix, ze as ProductOptionsSummary, Ye as ProductOverview, Be as ProductPoliciesCard, He as ProductQuotePreviewCard, Ue as ProductReadinessCard, De as ProductReadinessRow, $ as ProductRowActions, We as ProductStructureCard, Ee as ProductStructureMetricRow, ke as ProductSummaryRow, we as ProductToneDot, Ge as ProductVariantActionMenu, Ke as ProductVariantActions, qe as ProductVariantCell, Qe as ProductVariantDetails, et as ProductVariantEditor, vt as ProductVariantsBulkTable, yt as ProductVariantsManager, Je as ProductVariantsTable, bt as Products, Ce as clampProductPercent, U as defaultProductContractOverviewStrings, ge as defaultProductDetailsCardStrings, H as defaultProductOperationsCardStrings, G as defaultProductOptionActionMenuStrings, K as defaultProductOptionsMatrixStrings, W as defaultProductOptionsSummaryStrings, Y as defaultProductOverviewStrings, ve as defaultProductPoliciesCardStrings, _e as defaultProductQuotePreviewCardStrings, he as defaultProductReadinessCardStrings, V as defaultProductStructureCardStrings, q as defaultProductVariantActionMenuStrings, Se as defaultProductVariantDetailsStrings, J as defaultProductVariantEditorStrings, be as defaultProductVariantsBulkTableStrings, xe as defaultProductVariantsManagerStrings, ye as defaultProductVariantsTableStrings };
 
 //# sourceMappingURL=index.js.map