themelia-react-ui 0.0.0-stage → 1.0.1

package/dist/features/products.js

@@ -0,0 +1,3077 @@
+"use client";
+import { interpolateString as e, useStrings as t } from "../lib/strings.js";
+import { t as n } from "../utils-C2EKeIw3.js";
+import { n as r } from "../buttons-Co6GavvM.js";
+import { a as i, r as a } from "../typography-Cv8MT-82.js";
+import { r as o, t as s } from "../structure-MvKVq-oL.js";
+import { t as c } from "../progress-BOe8l_FZ.js";
+import { i as l, t as u } from "../overlays-B11wZka6.js";
+import { _ as d, g as f } from "../primitives-DKPOGVpj.js";
+import { n as p } from "../number-BNT_BIzJ.js";
+import { t as m } from "../badge-BZXZT9wd.js";
+import { t as h } from "../input-WwYQZJzG.js";
+import { d as g } from "../text-inputs-Dh9XGyiS.js";
+import { n as _ } from "../display-CFM5myut.js";
+import { t as v } from "../form-field-Bn7ZH1rA.js";
+import { c as y, s as ee } from "../choice-inputs-CC7XqPQO.js";
+import { t as b } from "../checkbox-BavDRjF7.js";
+import { c as x, i as S, n as C, o as w, r as T, t as E, u as D } from "../item-pJ0GsOiJ.js";
+import { c as O, i as k, n as te, o as A, s as j, t as M } from "../table-DnlAJ-xR.js";
+import { g as N, l as P, n as ne } from "../data-display-cWIRdeaf.js";
+import { O as re, f as ie } from "../table-BS39xnlq.js";
+import { Fragment as ae, useCallback as F, useId as oe, useMemo as I, useState as se } from "react";
+import { Fragment as ce, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { ArrowLeft as le, ArrowRight as ue, Box as de, ChevronDown as fe, ClipboardCheck as z, Copy as pe, Eye as me, FileText as B, GripVertical as he, Layers3 as ge, ListChecks as _e, ListFilter as ve, PackageCheck as ye, Pencil as V, Plus as H, PlusCircle as U, ReceiptText as be, RefreshCw as xe, Save as Se, Search as W, ShieldCheck as Ce, SlidersHorizontal as G, Trash2 as K, X as q } from "lucide-react";
+//#region src/components/features/products/products.strings.ts
+var J = {
+	title: "Readiness",
+	description: "Publishing checks and operational setup.",
+	scoreLabel: "Overall readiness",
+	progressLabel: "Readiness progress",
+	createLabel: "Add check",
+	editLabel: "Edit check",
+	deleteLabel: "Delete check",
+	actionsLabel: "Check actions",
+	emptyTitle: "No readiness checks",
+	emptyDescription: "Pass readiness items from your product workflow to show progress.",
+	actionLabel: "Open"
+}, we = {
+	title: "Structure",
+	description: "Media, taxonomy, options, and content coverage.",
+	createLabel: "Add metric",
+	viewLabel: "Open",
+	editLabel: "Edit metric",
+	deleteLabel: "Delete metric",
+	actionsLabel: "Metric actions",
+	emptyTitle: "No structure metrics",
+	emptyDescription: "Pass structure metrics to summarize the product setup."
+}, Te = {
+	title: "Operations",
+	description: "Availability, channels, service rules, and fulfilment signals.",
+	createLabel: "Add signal",
+	editLabel: "Edit signal",
+	deleteLabel: "Delete signal",
+	actionsLabel: "Signal actions",
+	emptyTitle: "No operational signals",
+	emptyDescription: "Pass operational rows to show channel and availability health.",
+	actionLabel: "Open"
+}, Y = {
+	title: "Product details",
+	description: "Core identity and catalogue fields.",
+	editLabel: "Edit details",
+	emptyTitle: "No details",
+	emptyDescription: "Pass metadata rows to render product details."
+}, Ee = {
+	title: "Contract",
+	description: "Commercial terms, pricing rules, and customer-facing conditions.",
+	termsTitle: "Terms",
+	rulesTitle: "Rules",
+	actionLabel: "Manage contract",
+	editLabel: "Edit contract",
+	createRuleLabel: "Add rule",
+	viewRuleLabel: "Open rule",
+	editRuleLabel: "Edit rule",
+	deleteRuleLabel: "Delete rule",
+	ruleActionsLabel: "Rule actions",
+	emptyTitle: "No contract summary",
+	emptyDescription: "Pass metrics, terms, or rules to summarize the product contract."
+}, X = {
+	title: "Options",
+	description: "Variant-driving choices and add-ons customers can select.",
+	manageLabel: "Manage options",
+	createLabel: "Add option",
+	viewLabel: "Open option",
+	editLabel: "Edit option",
+	deleteLabel: "Delete option",
+	actionsLabel: "Option actions",
+	emptyTitle: "No options",
+	emptyDescription: "Pass option groups to summarize configurable product choices."
+}, Z = {
+	viewLabel: "Open option",
+	editLabel: "Edit option",
+	deleteLabel: "Delete option",
+	actionsLabel: "Option actions"
+}, De = {
+	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",
+	confirmDeleteOptionTitle: "Delete this option?",
+	confirmRemoveValuesTitle: "Save and remove these values?",
+	confirmRemoveValuesDescription: "Saving removes {count} value(s) from this option, and any variant built from them goes with it. This cannot be undone.",
+	confirmRemoveValuesLabel: "Save changes",
+	confirmDeleteOptionDescription: "Its values are removed from the product, and any variant built from them goes with it. This cannot be undone.",
+	doneLabel: "Done",
+	saveLabel: "Save",
+	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"
+}, Q = {
+	title: "Quote preview",
+	description: "How the product appears in a compact customer quote.",
+	subtotalLabel: "Subtotal",
+	taxLabel: "Tax",
+	discountLabel: "Discount",
+	totalLabel: "Total",
+	actionLabel: "Open quote",
+	createLineLabel: "Add line",
+	viewLineLabel: "Open line",
+	editLineLabel: "Edit line",
+	deleteLineLabel: "Delete line",
+	lineActionsLabel: "Line actions",
+	emptyTitle: "No quote lines",
+	emptyDescription: "Pass quote lines to preview pricing."
+}, Oe = {
+	title: "Policies",
+	description: "Cancellation, booking, service, and customer-facing rules.",
+	createLabel: "Add policy",
+	viewLabel: "View",
+	editLabel: "Edit policy",
+	deleteLabel: "Delete policy",
+	actionsLabel: "Policy actions",
+	emptyTitle: "No policies",
+	emptyDescription: "Pass policies to summarize customer-facing rules."
+}, ke = {
+	title: "Variants",
+	description: "Sellable combinations with price, availability, and SKU.",
+	createLabel: "Add variant",
+	viewLabel: "Open variant",
+	editLabel: "Edit",
+	duplicateLabel: "Duplicate",
+	deleteLabel: "Delete",
+	emptyTitle: "No variants",
+	emptyDescription: "Create or pass variants to show sellable rows.",
+	headers: {
+		variant: "Variant",
+		sku: "SKU",
+		price: "Price",
+		inventory: "Available",
+		channels: "Channels",
+		updated: "Updated",
+		actions: "Actions"
+	}
+}, Ae = {
+	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"
+	}
+}, je = {
+	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"
+}, Me = {
+	viewLabel: "Open variant",
+	editLabel: "Edit",
+	duplicateLabel: "Duplicate",
+	deleteLabel: "Delete",
+	actionsLabel: "Variant actions"
+}, Ne = {
+	title: "Variant",
+	description: "Sellable variant details, options, pricing, and fulfilment data.",
+	backLabel: "Back",
+	factsTitle: "Variant facts",
+	selectedOptionsTitle: "Selected options",
+	relatedOptionsTitle: "Option groups",
+	viewOptionLabel: "Open option",
+	emptyTitle: "No variant selected",
+	emptyDescription: "Pass a variant to render a standalone variant detail surface.",
+	metadata: {
+		price: "Price",
+		inventory: "Available",
+		sku: "SKU",
+		channels: "Channels",
+		updated: "Updated"
+	}
+}, Pe = {
+	title: "Edit variant",
+	description: "Controlled form for variant identity, pricing, inventory, and option values.",
+	identityTitle: "Identity",
+	commercialTitle: "Commercial setup",
+	optionsTitle: "Options",
+	saveLabel: "Save variant",
+	savingLabel: "Saving",
+	cancelLabel: "Cancel",
+	deleteLabel: "Delete variant",
+	statusPlaceholder: "Select status",
+	optionPlaceholder: "Select value",
+	fields: {
+		name: "Name",
+		description: "Description",
+		sku: "SKU",
+		price: "Price",
+		inventory: "Inventory",
+		status: "Status",
+		channels: "Channels"
+	},
+	placeholders: {
+		name: "750 ml bottle",
+		description: "Standard retail pack",
+		sku: "BAL-750-CL",
+		price: "US$ 24.00",
+		inventory: "82",
+		status: "Active",
+		channels: "Online store, POS"
+	}
+}, Fe = {
+	mainLabel: "Product overview",
+	railLabel: "Product supporting information"
+};
+//#endregion
+//#region src/components/features/products/partials/product-empty-state.tsx
+function $({ title: e, description: t, action: r, className: i }) {
+	return /* @__PURE__ */ L(P, {
+		padding: "md",
+		border: !0,
+		title: e,
+		description: t,
+		actions: r,
+		className: n("product-empty-state--component bg-muted/20", i)
+	});
+}
+//#endregion
+//#region src/components/features/products/partials/product-tone.tsx
+var Ie = {
+	neutral: "secondary",
+	primary: "primary",
+	success: "success",
+	warning: "warning",
+	destructive: "destructive",
+	info: "info"
+}, Le = {
+	neutral: "border-border bg-card text-muted-foreground",
+	primary: "border-primary-accent/20 bg-primary/5 text-primary-accent",
+	success: "border-success/20 bg-success/5 text-success",
+	warning: "border-warning/30 bg-warning/8 text-warning",
+	destructive: "border-destructive/25 bg-destructive/8 text-destructive",
+	info: "border-info/20 bg-info/5 text-info"
+};
+function Re(e) {
+	return Number.isFinite(e) ? Math.min(100, Math.max(0, Math.round(e))) : 0;
+}
+function ze({ tone: e = "neutral" }) {
+	return /* @__PURE__ */ L("span", {
+		"aria-hidden": "true",
+		className: n("product-tone-dot--component size-2 rounded-full", {
+			"bg-muted-foreground": e === "neutral",
+			"bg-primary": e === "primary",
+			"bg-success": e === "success",
+			"bg-warning": e === "warning",
+			"bg-destructive": e === "destructive",
+			"bg-info": e === "info"
+		})
+	});
+}
+//#endregion
+//#region src/components/features/products/partials/product-metric-tile.tsx
+function Be({ metric: e }) {
+	let t = e.tone ?? "neutral";
+	return /* @__PURE__ */ R("div", {
+		className: n("border-border product-metric-tile--component rounded-radius-md border p-surface-xs", Le[t]),
+		children: [/* @__PURE__ */ R(s, {
+			direction: "horizontal",
+			align: "start",
+			justify: "between",
+			gap: "md",
+			children: [/* @__PURE__ */ R(s, {
+				gap: "2xs",
+				className: "min-w-0",
+				children: [/* @__PURE__ */ L(i, {
+					size: "xs",
+					type: t === "neutral" ? "secondary" : "main",
+					className: "truncate",
+					children: e.label
+				}), /* @__PURE__ */ L(d, {
+					weight: "semibold",
+					className: "tabular-nums",
+					children: e.value
+				})]
+			}), "icon" in e && !!e.icon && /* @__PURE__ */ L("div", {
+				className: "shrink-0 opacity-80",
+				children: e.icon
+			})]
+		}), !!e.description && /* @__PURE__ */ L(i, {
+			size: "xs",
+			type: "secondary",
+			className: "mt-1.5 leading-snug",
+			children: e.description
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/products/partials/product-actions.tsx
+function Ve({ item: e, actions: t, menuLabel: r, className: i }) {
+	return t.length === 0 ? null : /* @__PURE__ */ L("div", {
+		className: n("product-row-actions--component flex justify-end", i),
+		children: /* @__PURE__ */ L(re, {
+			row: e,
+			actions: t,
+			menuLabel: r,
+			displayMode: "menu"
+		})
+	});
+}
+//#endregion
+//#region src/components/features/products/partials/product-rows.tsx
+var He = "min-w-0 basis-48", Ue = "line-clamp-none break-words overflow-visible";
+function We({ metric: e, actions: t }) {
+	let r = e.tone ?? "neutral";
+	return /* @__PURE__ */ R(E, {
+		className: "product-structure-metric-row--component product-structure-card--item",
+		children: [
+			/* @__PURE__ */ L(x, {
+				variant: "icon",
+				className: n("border-border rounded-full border", Le[r]),
+				children: e.icon ?? /* @__PURE__ */ L(ze, { tone: r })
+			}),
+			/* @__PURE__ */ R(T, {
+				className: He,
+				children: [/* @__PURE__ */ L(D, {
+					className: Ue,
+					children: e.label
+				}), !!e.description && /* @__PURE__ */ L(S, {
+					clamp: 2,
+					children: e.description
+				})]
+			}),
+			/* @__PURE__ */ R(C, {
+				className: "ml-auto shrink-0 gap-space-md",
+				children: [/* @__PURE__ */ L(d, {
+					weight: "semibold",
+					className: "tabular-nums",
+					children: e.value
+				}), t]
+			})
+		]
+	});
+}
+function Ge({ item: e, actionFallback: t, onSelect: i, actions: a }) {
+	let o = e.tone ?? (e.completed ? "success" : "neutral"), s = e.onSelect ?? i;
+	return /* @__PURE__ */ R(E, {
+		className: "product-readiness-row--component product-readiness-card--item",
+		children: [
+			/* @__PURE__ */ L(x, {
+				variant: "icon",
+				className: n("border-border rounded-full border", Le[o]),
+				children: /* @__PURE__ */ L(ze, { tone: o })
+			}),
+			/* @__PURE__ */ R(T, {
+				className: He,
+				children: [/* @__PURE__ */ L(D, {
+					className: Ue,
+					children: e.label
+				}), !!e.description && /* @__PURE__ */ L(S, {
+					clamp: 2,
+					children: e.description
+				})]
+			}),
+			!!(e.value || s || a) && /* @__PURE__ */ R(C, {
+				className: "ml-auto shrink-0 flex-wrap justify-end gap-space-md",
+				children: [
+					!!e.value && /* @__PURE__ */ L(m, {
+						tone: Ie[o],
+						children: e.value
+					}),
+					!!s && /* @__PURE__ */ L(r, {
+						type: "button",
+						tone: "secondary",
+						buttonStyle: "ghost",
+						onClick: s,
+						icon: ue,
+						iconPosition: "right",
+						children: e.actionLabel ?? t
+					}),
+					a
+				]
+			})
+		]
+	});
+}
+function Ke({ item: e, actionFallback: t, onSelect: a, actions: o }) {
+	let s = e.tone ?? "neutral", c = e.onSelect ?? a;
+	return /* @__PURE__ */ R(E, {
+		className: "product-operation-row--component product-operations-card--item",
+		children: [
+			/* @__PURE__ */ L(x, {
+				variant: "icon",
+				className: n("border-border rounded-full border", Le[s]),
+				children: /* @__PURE__ */ L(ze, { tone: s })
+			}),
+			/* @__PURE__ */ R(T, {
+				className: He,
+				children: [/* @__PURE__ */ L(D, {
+					className: Ue,
+					children: e.label
+				}), !!e.description && /* @__PURE__ */ L(S, {
+					clamp: 2,
+					children: e.description
+				})]
+			}),
+			!!(e.value || c || o) && /* @__PURE__ */ R(C, {
+				className: "ml-auto shrink-0 flex-wrap justify-end gap-space-md",
+				children: [
+					!!e.value && /* @__PURE__ */ L(i, {
+						tag: "span",
+						weight: "semibold",
+						children: e.value
+					}),
+					!!c && /* @__PURE__ */ L(r, {
+						type: "button",
+						tone: "secondary",
+						buttonStyle: "ghost",
+						onClick: c,
+						icon: ue,
+						iconPosition: "right",
+						children: e.actionLabel ?? t
+					}),
+					o
+				]
+			})
+		]
+	});
+}
+function qe({ item: e, actionLabel: t, onSelect: a, actions: o }) {
+	let s = e.tone ?? "neutral", c = "values" in e ? e.values : void 0;
+	return /* @__PURE__ */ R(E, {
+		className: "product-summary-row--component",
+		children: [
+			/* @__PURE__ */ L(x, {
+				variant: "icon",
+				className: n("border-border rounded-full border", Le[s]),
+				children: /* @__PURE__ */ L(ze, { tone: s })
+			}),
+			/* @__PURE__ */ R(T, {
+				className: He,
+				children: [
+					/* @__PURE__ */ L(D, {
+						className: Ue,
+						children: e.label
+					}),
+					!!e.description && /* @__PURE__ */ L(S, {
+						clamp: 2,
+						children: e.description
+					}),
+					!!c?.length && /* @__PURE__ */ L("div", {
+						className: "mt-space-md flex flex-wrap gap-space-xs",
+						children: c.map((e, t) => /* @__PURE__ */ L(m, {
+							tone: "secondary",
+							children: e
+						}, t))
+					})
+				]
+			}),
+			!!(e.value || e.badge || a || o) && /* @__PURE__ */ R(C, {
+				className: "ml-auto shrink-0 flex-wrap justify-end gap-space-md",
+				children: [
+					!!e.value && /* @__PURE__ */ L(i, {
+						tag: "span",
+						weight: "semibold",
+						children: e.value
+					}),
+					!!e.badge && e.badge,
+					!!a && /* @__PURE__ */ L(r, {
+						type: "button",
+						tone: "secondary",
+						buttonStyle: "ghost",
+						onClick: a,
+						icon: ue,
+						iconPosition: "right",
+						children: t
+					}),
+					o
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/products/components/product-contract-overview.tsx
+function Je({ metrics: e = [], terms: a = [], rules: c = [], onOpenContract: l, onEditContract: u, onCreateRule: d, onSelectRule: f, onEditRule: p, onDeleteRule: m, renderRuleActions: h, actions: g, footerSlot: v, empty: y, className: ee, strings: b }) {
+	let x = t(Ee, b), S = e.length > 0 || a.length > 0 || c.length > 0, C = l || u || d ? /* @__PURE__ */ R("div", {
+		className: "flex items-center gap-space-md",
+		children: [
+			!!d && /* @__PURE__ */ L(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				onClick: d,
+				icon: H,
+				children: x.createRuleLabel
+			}),
+			!!u && /* @__PURE__ */ L(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				onClick: u,
+				icon: V,
+				children: x.editLabel
+			}),
+			!!l && /* @__PURE__ */ L(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				onClick: l,
+				icon: ue,
+				iconPosition: "right",
+				children: x.actionLabel
+			})
+		]
+	}) : void 0;
+	return /* @__PURE__ */ L(_, {
+		icon: /* @__PURE__ */ L(B, { className: "size-icon" }),
+		title: x.title,
+		description: x.description,
+		actions: g,
+		headerAction: C,
+		footerSlot: v,
+		contentClassName: "mt-1",
+		className: n("product-contract-overview--component w-full", ee),
+		children: S ? /* @__PURE__ */ R(s, {
+			gap: "xl",
+			children: [
+				e.length > 0 && /* @__PURE__ */ L(o, {
+					columns: {
+						base: 1,
+						sm: 3
+					},
+					gap: "md",
+					children: e.map((e) => /* @__PURE__ */ L(Be, { metric: e }, e.id))
+				}),
+				a.length > 0 && /* @__PURE__ */ R(s, {
+					gap: "md",
+					children: [/* @__PURE__ */ L(i, {
+						weight: "semibold",
+						children: x.termsTitle
+					}), /* @__PURE__ */ L(ne, {
+						items: a,
+						columns: 2,
+						density: "compact"
+					})]
+				}),
+				c.length > 0 && /* @__PURE__ */ R(s, {
+					gap: "md",
+					children: [/* @__PURE__ */ L(i, {
+						weight: "semibold",
+						children: x.rulesTitle
+					}), /* @__PURE__ */ L(w, { children: c.map((e, t) => {
+						let n = f ? () => f(e) : void 0, r = p ? () => p(e) : void 0, i = m ? () => m(e) : void 0, a = [
+							...n ? [{
+								id: "open",
+								label: x.viewRuleLabel,
+								icon: /* @__PURE__ */ L(me, { className: "size-icon-md" }),
+								onClick: () => n(),
+								tone: "secondary",
+								buttonStyle: "ghost"
+							}] : [],
+							...r ? [{
+								id: "edit",
+								label: x.editRuleLabel,
+								icon: /* @__PURE__ */ L(V, { className: "size-icon-md" }),
+								onClick: () => r(),
+								tone: "secondary",
+								buttonStyle: "ghost"
+							}] : [],
+							...i ? [{
+								id: "delete",
+								label: x.deleteRuleLabel,
+								icon: /* @__PURE__ */ L(K, { className: "size-icon-md" }),
+								onClick: () => i(),
+								tone: "destructive"
+							}] : []
+						], o = h ? h(e, {
+							index: t,
+							onSelect: n,
+							onEdit: r,
+							onDelete: i
+						}) : /* @__PURE__ */ L(Ve, {
+							item: e,
+							actions: a,
+							menuLabel: x.ruleActionsLabel
+						});
+						return /* @__PURE__ */ L(qe, {
+							item: e,
+							actions: o
+						}, e.id);
+					}) })]
+				})
+			]
+		}) : y ?? /* @__PURE__ */ L($, {
+			title: x.emptyTitle,
+			description: x.emptyDescription,
+			action: d ? /* @__PURE__ */ L(r, {
+				type: "button",
+				onClick: d,
+				icon: H,
+				children: x.createRuleLabel
+			}) : void 0
+		})
+	});
+}
+Je.displayName = "ProductContractOverview";
+//#endregion
+//#region src/components/features/products/components/product-details-card.tsx
+function Ye({ title: e, description: i, metadata: a = [], media: o, onEditDetails: s, actions: c, headerEnd: l, footerSlot: u, empty: d, className: f, strings: p }) {
+	let m = t(Y, p), h = s ? /* @__PURE__ */ L(r, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: s,
+		icon: V,
+		children: m.editLabel
+	}) : void 0;
+	return /* @__PURE__ */ L(_, {
+		icon: /* @__PURE__ */ L(de, { className: "size-icon" }),
+		title: e ?? m.title,
+		description: i === !1 ? void 0 : i ?? m.description,
+		actions: c,
+		headerAction: h,
+		headerEnd: l,
+		footerSlot: u,
+		contentClassName: "mt-1",
+		className: n("product-details-card--component w-full", f),
+		children: a.length === 0 ? d ?? /* @__PURE__ */ L($, {
+			title: m.emptyTitle,
+			description: m.emptyDescription
+		}) : /* @__PURE__ */ L("div", {
+			className: "@container/product-details",
+			children: /* @__PURE__ */ R("div", {
+				className: n("grid min-w-0 grid-cols-1 gap-space-xl", o && "@xl/product-details:grid-cols-[12rem_minmax(0,1fr)]"),
+				children: [!!o && /* @__PURE__ */ L("div", {
+					className: "product-details-card--media overflow-hidden rounded-radius-md border border-border bg-muted/30",
+					children: o
+				}), /* @__PURE__ */ L(ne, {
+					items: a,
+					columns: o ? 1 : 2,
+					density: "compact",
+					className: "min-w-0 [&_.metadata-list--value]:break-words"
+				})]
+			})
+		})
+	});
+}
+Ye.displayName = "ProductDetailsCard";
+//#endregion
+//#region src/components/features/products/components/product-option-action-menu.tsx
+function Xe({ option: e, index: r = 0, onSelectOption: i, onEditOption: a, onDeleteOption: o, renderOptionActions: s, menuLabel: c, className: l, strings: u }) {
+	let d = t(Z, u), f = i ? () => i(e) : void 0, p = a ? () => a(e) : void 0, m = o ? () => o(e) : void 0;
+	return f || p || m || s ? s ? /* @__PURE__ */ L("div", {
+		className: n("product-option-action-menu--component flex justify-end", l),
+		children: s(e, {
+			index: r,
+			onSelect: f,
+			onEdit: p,
+			onDelete: m
+		})
+	}) : /* @__PURE__ */ L(Ve, {
+		item: e,
+		menuLabel: c ?? d.actionsLabel,
+		className: n("product-option-action-menu--component", l),
+		actions: [
+			...f ? [{
+				id: "open",
+				label: d.viewLabel,
+				icon: /* @__PURE__ */ L(me, { className: "size-icon-md" }),
+				onClick: () => f(),
+				tone: "secondary",
+				buttonStyle: "ghost"
+			}] : [],
+			...p ? [{
+				id: "edit",
+				label: d.editLabel,
+				icon: /* @__PURE__ */ L(V, { className: "size-icon-md" }),
+				onClick: () => p(),
+				tone: "secondary",
+				buttonStyle: "ghost"
+			}] : [],
+			...m ? [{
+				id: "delete",
+				label: d.deleteLabel,
+				icon: /* @__PURE__ */ L(K, { className: "size-icon-md" }),
+				onClick: () => m(),
+				tone: "destructive"
+			}] : []
+		]
+	}) : null;
+}
+Xe.displayName = "ProductOptionActionMenu";
+//#endregion
+//#region src/components/features/products/components/product-operations-card.tsx
+function Ze({ items: e = [], onCreateOperation: i, onSelectOperation: a, onEditOperation: o, onDeleteOperation: s, renderOperationActions: c, actions: l, footerSlot: u, renderItem: d, empty: f, className: p, strings: m }) {
+	let h = t(Te, m), g = i ? /* @__PURE__ */ L(r, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: i,
+		icon: H,
+		children: h.createLabel
+	}) : void 0;
+	return /* @__PURE__ */ L(_, {
+		icon: /* @__PURE__ */ L(ye, { className: "size-icon" }),
+		title: h.title,
+		description: h.description,
+		actions: l,
+		headerAction: g,
+		footerSlot: u,
+		contentClassName: "mt-1",
+		className: n("product-operations-card--component w-full", p),
+		children: e.length === 0 ? f ?? /* @__PURE__ */ L($, {
+			title: h.emptyTitle,
+			description: h.emptyDescription,
+			action: i ? /* @__PURE__ */ L(r, {
+				type: "button",
+				onClick: i,
+				icon: H,
+				children: h.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ L(w, { children: e.map((e, t) => {
+			let n = a ? () => a(e) : void 0, r = o ? () => o(e) : void 0, i = s ? () => s(e) : void 0, l = [...r ? [{
+				id: "edit",
+				label: h.editLabel,
+				icon: /* @__PURE__ */ L(V, { className: "size-icon-md" }),
+				onClick: () => r(),
+				tone: "secondary",
+				buttonStyle: "ghost"
+			}] : [], ...i ? [{
+				id: "delete",
+				label: h.deleteLabel,
+				icon: /* @__PURE__ */ L(K, { className: "size-icon-md" }),
+				onClick: () => i(),
+				tone: "destructive"
+			}] : []], u = c ? c(e, {
+				index: t,
+				onSelect: n,
+				onEdit: r,
+				onDelete: i
+			}) : /* @__PURE__ */ L(Ve, {
+				item: e,
+				actions: l,
+				menuLabel: h.actionsLabel
+			});
+			return d ? /* @__PURE__ */ L("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ L(Ke, {
+				item: e,
+				actionFallback: h.actionLabel,
+				onSelect: n,
+				actions: u
+			}, e.id);
+		}) })
+	});
+}
+Ze.displayName = "ProductOperationsCard";
+//#endregion
+//#region src/components/features/products/components/product-options-matrix.tsx
+function Qe(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "";
+}
+function $e(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function et(e, t) {
+	let n = Qe(t.name);
+	return n ? `${e}: ${n}` : e;
+}
+function tt(e) {
+	return {
+		name: Qe(e.name),
+		values: (e.values ?? []).map((e) => ({
+			...e,
+			label: Qe(e.label)
+		}))
+	};
+}
+function nt({ optionGroups: a = [], surface: o = "card", collapsedOptionIds: c, defaultCollapsedOptionIds: d = [], onCollapsedOptionIdsChange: f, editingOptionId: p, defaultEditingOptionId: m, onEditingOptionIdChange: g, onCreateOption: y, onEditOption: b, onDeleteOption: x, confirmDelete: S, onAddValue: C, onDeleteValue: w, onOptionNameChange: T, onValueLabelChange: E, onDoneEditingOption: D, onSaveEditingOption: O, onCancelEditingOption: k, onToggleUsedForVariants: te, renderOptionActions: A, renderValue: j, showHeader: M, showCollapseControls: N = !0, showInlineActions: P = !0, showVariantToggle: ne = !0, actions: re, headerEnd: ie, footerSlot: oe, empty: le, className: ue, strings: de }) {
+	let z = t(De, de), pe = c !== void 0, [me, B] = se(d), ge = pe ? c : me, _e = I(() => new Set(ge), [ge]), ve = p !== void 0 || m !== void 0 || !!g || !!T || !!E || !!D || !!O || !!k, ye = p !== void 0, [V, be] = se(m ?? null), [xe, Se] = se({}), W = ve ? ye ? p : V : null, Ce = a.length > 0, G = o === "embedded" && M !== !1, J = Ce && !!y, we = F((e) => {
+		pe || B(e), f?.(e, a.filter((t) => e.includes(t.id)));
+	}, [
+		pe,
+		f,
+		a
+	]), Te = F((e) => {
+		let t = _e.has(e.id) ? ge.filter((t) => t !== e.id) : [...ge, e.id];
+		we(t);
+	}, [
+		_e,
+		ge,
+		we
+	]), Y = F((e, t) => {
+		ve && (ye || be(e), g?.(e, t));
+	}, [
+		ye,
+		g,
+		ve
+	]), Ee = F((e) => {
+		Se((t) => ({
+			...t,
+			[e.id]: tt(e)
+		})), Y(e.id, e), b?.(e);
+	}, [b, Y]), X = F((e) => xe[e.id] ?? tt(e), [xe]), Z = F((e, t) => {
+		Se((n) => ({
+			...n,
+			[e.id]: t(n[e.id] ?? tt(e))
+		}));
+	}, []), Q = F((e) => {
+		let t = X(e);
+		Se((t) => {
+			let { [e.id]: n, ...r } = t;
+			return r;
+		}), Y(null, e), k?.(e, t);
+	}, [
+		X,
+		k,
+		Y
+	]), Oe = F((e) => {
+		let t = X(e), n = e.values ?? [], r = new Set(n.map((e) => e.id)), i = new Set(t.values.map((e) => e.id));
+		O?.(e, t), T?.(e, t.name), n.forEach((n) => {
+			let r = t.values.find((e) => e.id === n.id);
+			r && Qe(n.label) !== Qe(r.label) && E?.(e, n, Qe(r.label));
+		}), t.values.forEach((t) => {
+			r.has(t.id) || C?.(e);
+		}), n.forEach((t) => {
+			i.has(t.id) || w?.(e, t);
+		}), Se((t) => {
+			let { [e.id]: n, ...r } = t;
+			return r;
+		}), Y(null, e), D?.(e);
+	}, [
+		X,
+		C,
+		w,
+		D,
+		T,
+		O,
+		E,
+		Y
+	]), ke = l(), [Ae, je] = se(null), Me = F((e) => {
+		let t = X(e), n = new Set(t.values.map((e) => e.id)), r = (e.values ?? []).filter((e) => !n.has(e.id)).length;
+		if (S === !1 || r === 0) {
+			Oe(e);
+			return;
+		}
+		je({
+			option: e,
+			removed: r
+		}), ke.show();
+	}, [
+		Oe,
+		S,
+		X,
+		ke
+	]), Ne = F((e) => {
+		W === e.id && (Se((t) => {
+			let { [e.id]: n, ...r } = t;
+			return r;
+		}), Y(null, e)), x?.(e);
+	}, [
+		x,
+		W,
+		Y
+	]), Pe = l(), [Fe, Ie] = se(null), Le = F((e) => {
+		if (S === !1) {
+			Ne(e);
+			return;
+		}
+		Ie(e), Pe.show();
+	}, [
+		S,
+		Ne,
+		Pe
+	]), Re = y ? /* @__PURE__ */ L(r, {
+		type: "button",
+		tone: "neutral",
+		onClick: y,
+		icon: H,
+		children: z.createLabel
+	}) : void 0, ze = G ? /* @__PURE__ */ L("div", {
+		className: "product-options-matrix--panel-header p-surface",
+		children: /* @__PURE__ */ R(s, {
+			direction: "horizontal",
+			gap: "md",
+			justify: "between",
+			children: [/* @__PURE__ */ L(i, {
+				weight: "semibold",
+				children: z.title
+			}), Re]
+		})
+	}) : null, Be = /* @__PURE__ */ R("div", {
+		className: "product-options-matrix--body min-w-0",
+		children: [
+			/* @__PURE__ */ R("div", {
+				className: "product-options-matrix--panel overflow-hidden rounded-radius-lg border border-border bg-background",
+				children: [ze, Ce ? /* @__PURE__ */ R("div", {
+					className: n("product-options-matrix--list", G && "border-t border-border/70"),
+					children: [a.map((e, t) => {
+						let a = e.values ?? [], o = _e.has(e.id), c = W === e.id, l = !!b || ve, u = !!x, d = !!C, f = X(e), p = A?.(e, {
+							index: t,
+							onEdit: l ? () => Ee(e) : void 0,
+							onDelete: x ? () => Le(e) : void 0,
+							onAddValue: C ? () => C(e) : void 0,
+							onToggleCollapsed: () => Te(e),
+							collapsed: o
+						}), m = [...d ? [{
+							id: "add-value",
+							label: z.addValueLabel,
+							icon: /* @__PURE__ */ L(H, { className: "size-icon-md" }),
+							onClick: () => C?.(e),
+							tone: "secondary",
+							buttonStyle: "ghost"
+						}] : [], ...u ? [{
+							id: "delete",
+							label: z.deleteLabel,
+							icon: /* @__PURE__ */ L(K, { className: "size-icon-md" }),
+							onClick: () => Le(e),
+							tone: "destructive"
+						}] : []], g = P ? /* @__PURE__ */ R(ce, { children: [!!l && /* @__PURE__ */ L(r, {
+							type: "button",
+							tone: "secondary",
+							buttonStyle: "ghost",
+							onClick: () => Ee(e),
+							children: z.editLabel
+						}), /* @__PURE__ */ L(Ve, {
+							item: e,
+							actions: m,
+							menuLabel: z.actionsLabel
+						})] }) : null, _ = p === void 0 ? g : p;
+						if (c) return /* @__PURE__ */ L("div", {
+							className: "product-options-matrix--item product-options-matrix--item-editing border-b border-border/70 p-surface last:border-b-0",
+							children: /* @__PURE__ */ R("div", {
+								className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] gap-x-space-md gap-y-space-lg",
+								children: [/* @__PURE__ */ L("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__ */ L(he, { className: "size-icon-sm" })
+								}), /* @__PURE__ */ R(s, {
+									gap: "lg",
+									className: "product-options-matrix--editor",
+									children: [
+										/* @__PURE__ */ L(v, {
+											label: z.optionNameLabel,
+											className: "product-options-matrix--editor-field",
+											children: /* @__PURE__ */ L(h, {
+												value: f.name,
+												onChange: (t) => {
+													let n = t.currentTarget.value;
+													Z(e, (e) => ({
+														...e,
+														name: n
+													}));
+												},
+												"aria-label": z.optionNameLabel,
+												className: "bg-background"
+											})
+										}),
+										/* @__PURE__ */ R(s, {
+											gap: "sm",
+											className: "product-options-matrix--editor-field",
+											children: [/* @__PURE__ */ L(i, {
+												weight: "medium",
+												children: z.optionValuesLabel
+											}), /* @__PURE__ */ R(s, {
+												gap: "xs",
+												className: "product-options-matrix--editor-values",
+												children: [
+													f.values.length === 0 && /* @__PURE__ */ L(i, {
+														size: "xs",
+														type: "secondary",
+														children: z.noValuesLabel
+													}),
+													f.values.map((t) => /* @__PURE__ */ R("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__ */ L("span", {
+																className: "flex size-icon-lg items-center justify-center text-muted-foreground",
+																"aria-hidden": "true",
+																children: /* @__PURE__ */ L(he, { className: "size-icon-sm" })
+															}),
+															/* @__PURE__ */ L(h, {
+																value: Qe(t.label),
+																onChange: (n) => {
+																	let r = n.currentTarget.value;
+																	Z(e, (e) => ({
+																		...e,
+																		values: e.values.map((e) => e.id === t.id ? {
+																			...e,
+																			label: r
+																		} : e)
+																	}));
+																},
+																"aria-label": `${z.optionValuesLabel}: ${Qe(t.label)}`,
+																className: "bg-background"
+															}),
+															/* @__PURE__ */ R(r, {
+																type: "button",
+																size: "sm",
+																iconOnly: !0,
+																tone: "secondary",
+																buttonStyle: "ghost",
+																onClick: () => Z(e, (e) => ({
+																	...e,
+																	values: e.values.filter((e) => e.id !== t.id)
+																})),
+																"aria-label": z.deleteValueLabel,
+																className: "text-muted-foreground hover:text-destructive",
+																children: [/* @__PURE__ */ L(K, {
+																	className: "size-icon-sm",
+																	"aria-hidden": "true"
+																}), /* @__PURE__ */ L(i, {
+																	tag: "span",
+																	size: "pxs",
+																	className: "sr-only",
+																	children: z.deleteValueLabel
+																})]
+															})
+														]
+													}, t.id)),
+													/* @__PURE__ */ R("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__ */ L("span", {
+																className: "size-icon-lg",
+																"aria-hidden": "true"
+															}),
+															/* @__PURE__ */ L(r, {
+																type: "button",
+																tone: "secondary",
+																buttonStyle: "outline",
+																onClick: () => Z(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: z.addAnotherValueLabel
+															}),
+															/* @__PURE__ */ L("span", {
+																className: "size-action-sm",
+																"aria-hidden": "true"
+															})
+														]
+													})
+												]
+											})]
+										}),
+										/* @__PURE__ */ R(s, {
+											direction: "horizontal",
+											gap: "md",
+											justify: "between",
+											wrap: !1,
+											className: "product-options-matrix--editor-actions",
+											children: [/* @__PURE__ */ L("div", { children: !!x && /* @__PURE__ */ L(r, {
+												type: "button",
+												tone: "destructive",
+												buttonStyle: "outline",
+												onClick: () => Le(e),
+												children: z.deleteLabel
+											}) }), /* @__PURE__ */ R(s, {
+												direction: "horizontal",
+												gap: "sm",
+												justify: "end",
+												wrap: !1,
+												children: [/* @__PURE__ */ L(r, {
+													type: "button",
+													tone: "secondary",
+													buttonStyle: "ghost",
+													onClick: () => Q(e),
+													children: z.cancelLabel
+												}), /* @__PURE__ */ L(r, {
+													type: "button",
+													tone: "neutral",
+													onClick: () => Me(e),
+													children: z.saveLabel ?? z.doneLabel
+												})]
+											})]
+										})
+									]
+								})]
+							})
+						}, e.id);
+						let y = /* @__PURE__ */ R(s, {
+							render: /* @__PURE__ */ L("span", {}),
+							gap: "sm",
+							children: [
+								/* @__PURE__ */ R(s, {
+									render: /* @__PURE__ */ L("span", {}),
+									direction: "horizontal",
+									gap: "sm",
+									children: [/* @__PURE__ */ L(i, {
+										tag: "span",
+										weight: "semibold",
+										className: "min-w-0 whitespace-normal break-words",
+										children: e.name
+									}), e.badge]
+								}),
+								!!e.description && /* @__PURE__ */ L(i, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									className: "max-w-prose",
+									children: e.description
+								}),
+								!o && /* @__PURE__ */ L(s, {
+									render: /* @__PURE__ */ L("span", {}),
+									gap: "sm",
+									className: "product-options-matrix--values",
+									children: a.length === 0 ? /* @__PURE__ */ L(i, {
+										tag: "span",
+										size: "xs",
+										type: "secondary",
+										children: z.noValuesLabel
+									}) : /* @__PURE__ */ L("span", {
+										className: "flex flex-wrap gap-space-xs",
+										children: a.map((a, o) => {
+											let s = w ? () => w(e, a) : void 0, c = j?.(a, {
+												option: e,
+												optionIndex: t,
+												valueIndex: o,
+												onDelete: s
+											});
+											return c ? /* @__PURE__ */ L(ae, { children: c }, a.id) : /* @__PURE__ */ R("span", {
+												className: n("product-options-matrix--value inline-flex max-w-full items-center gap-space-xs rounded-radius bg-muted px-space-sm py-space-xs text-pxs font-medium leading-none text-muted-foreground", a.disabled && "opacity-60"),
+												children: [
+													$e(a.label) ? /* @__PURE__ */ L(i, {
+														tag: "span",
+														size: "inherit",
+														className: "min-w-0 whitespace-normal break-words",
+														children: a.label
+													}) : a.label,
+													a.badge,
+													!!s && P && /* @__PURE__ */ R(r, {
+														type: "button",
+														size: "sm",
+														iconOnly: !0,
+														tone: "secondary",
+														buttonStyle: "ghost",
+														onClick: s,
+														"aria-label": z.deleteValueLabel,
+														className: "size-icon-sm shrink-0 rounded-radius text-muted-foreground/70 hover:text-destructive",
+														children: [/* @__PURE__ */ L(q, {
+															className: "size-icon-sm",
+															"aria-hidden": "true"
+														}), /* @__PURE__ */ L(i, {
+															tag: "span",
+															size: "pxs",
+															className: "sr-only",
+															children: z.deleteValueLabel
+														})]
+													})
+												]
+											}, a.id);
+										})
+									})
+								})
+							]
+						});
+						return /* @__PURE__ */ L("div", {
+							className: "product-options-matrix--item border-b border-border/70 last:border-b-0",
+							children: /* @__PURE__ */ R("div", {
+								className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-x-space-md gap-y-space-md p-surface @2xl/product-options-matrix:grid-cols-[auto_minmax(0,1fr)_auto]",
+								children: [
+									N ? /* @__PURE__ */ R(r, {
+										type: "button",
+										size: "sm",
+										iconOnly: !0,
+										tone: "secondary",
+										buttonStyle: "ghost",
+										onClick: () => Te(e),
+										"aria-expanded": !o,
+										"aria-label": o ? z.expandOptionLabel : z.collapseOptionLabel,
+										className: "product-options-matrix--collapse-trigger mt-space-2xs shrink-0 text-muted-foreground",
+										children: [/* @__PURE__ */ L(fe, {
+											className: n("size-icon-sm transition-transform", o && "-rotate-90"),
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ L(i, {
+											tag: "span",
+											size: "pxs",
+											className: "sr-only",
+											children: o ? z.expandOptionLabel : z.collapseOptionLabel
+										})]
+									}) : /* @__PURE__ */ L("span", {
+										className: "product-options-matrix--drag-handle flex size-icon-lg items-center justify-center text-muted-foreground",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ L(he, { className: "size-icon-sm" })
+									}),
+									/* @__PURE__ */ L("div", {
+										className: "product-options-matrix--item-main min-w-0",
+										children: l && !P ? /* @__PURE__ */ L(r, {
+											type: "button",
+											tone: "secondary",
+											buttonStyle: "ghost",
+											onClick: () => Ee(e),
+											"aria-label": et(z.editLabel, e),
+											className: "h-auto min-h-0 w-full justify-start whitespace-normal rounded-radius p-0 text-left hover:bg-transparent focus-visible:ring-offset-2",
+											children: y
+										}) : y
+									}),
+									(ne || !!_) && /* @__PURE__ */ R("div", {
+										className: "product-options-matrix--item-actions col-start-2 flex min-w-fit items-center gap-space-md justify-start @2xl/product-options-matrix:justify-end lg:col-start-auto",
+										children: [!!te && ne && /* @__PURE__ */ R("div", {
+											className: "inline-flex items-center gap-space-sm",
+											children: [/* @__PURE__ */ L(i, {
+												tag: "span",
+												id: `product-option-${e.id}-variant-toggle-label`,
+												size: "pxs",
+												type: "secondary",
+												weight: "medium",
+												children: z.useForVariantsLabel
+											}), /* @__PURE__ */ L(ee, {
+												checked: !!e.usedForVariants,
+												onValueChange: (t) => te(e, t),
+												"aria-labelledby": `product-option-${e.id}-variant-toggle-label`
+											})]
+										}), _]
+									})
+								]
+							})
+						}, e.id);
+					}), !!J && /* @__PURE__ */ L("div", {
+						className: "product-options-matrix--create-row border-t border-border/70",
+						children: /* @__PURE__ */ L(r, {
+							type: "button",
+							tone: "secondary",
+							buttonStyle: "ghost",
+							onClick: y,
+							icon: U,
+							className: "h-auto min-h-action-sm w-full justify-start rounded-none px-surface py-space-sm text-foreground hover:bg-muted/60",
+							children: z.addAnotherOptionLabel
+						})
+					})]
+				}) : /* @__PURE__ */ L("div", {
+					className: n(G && "border-t border-border/70"),
+					children: le ?? /* @__PURE__ */ L($, {
+						title: z.emptyTitle,
+						description: z.emptyDescription,
+						action: y && !G ? /* @__PURE__ */ L(r, {
+							type: "button",
+							onClick: y,
+							icon: H,
+							children: z.createLabel
+						}) : void 0
+					})
+				})]
+			}),
+			!!(S !== !1 && Ae) && /* @__PURE__ */ L(u, {
+				...ke.overlayProps,
+				destructive: !0,
+				title: z.confirmRemoveValuesTitle,
+				description: e(z.confirmRemoveValuesDescription, { count: Ae.removed }),
+				strings: { confirm: z.confirmRemoveValuesLabel },
+				onConfirm: () => Oe(Ae.option)
+			}),
+			!!(S !== !1 && x) && /* @__PURE__ */ L(u, {
+				...Pe.overlayProps,
+				destructive: !0,
+				title: z.confirmDeleteOptionTitle,
+				description: z.confirmDeleteOptionDescription,
+				strings: { confirm: z.deleteLabel },
+				onConfirm: () => {
+					Fe && Ne(Fe);
+				}
+			})
+		]
+	});
+	return o === "embedded" ? /* @__PURE__ */ L("section", {
+		"aria-label": z.title,
+		className: n("product-options-matrix--component @container/product-options-matrix min-w-0", ue),
+		children: Be
+	}) : /* @__PURE__ */ L(_, {
+		title: z.title,
+		description: z.description,
+		actions: re,
+		headerAction: Re,
+		headerEnd: ie,
+		footerSlot: oe,
+		contentClassName: "mt-1",
+		className: n("product-options-matrix--component @container/product-options-matrix w-full", ue),
+		children: Be
+	});
+}
+nt.displayName = "ProductOptionsMatrix";
+//#endregion
+//#region src/components/features/products/components/product-options-summary.tsx
+function rt({ options: e = [], onManageOptions: i, onCreateOption: a, onSelectOption: o, onEditOption: s, onDeleteOption: c, renderOptionActions: l, actions: u, footerSlot: d, renderOption: f, empty: p, className: m, strings: h }) {
+	let g = t(X, h), v = !!(o || s || c || l), y = [...u ?? [], ...a && i ? [{
+		id: "manage-options",
+		label: g.manageLabel,
+		icon: /* @__PURE__ */ L(G, { className: "size-icon-md" }),
+		onClick: i
+	}] : []], ee = a || i ? /* @__PURE__ */ L(r, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: a ?? i,
+		icon: a ? H : G,
+		children: a ? g.createLabel : g.manageLabel
+	}) : void 0;
+	return /* @__PURE__ */ L(_, {
+		icon: /* @__PURE__ */ L(G, { className: "size-icon" }),
+		title: g.title,
+		description: g.description,
+		actions: y.length > 0 ? y : void 0,
+		headerAction: ee,
+		footerSlot: d,
+		contentClassName: "mt-1",
+		className: n("product-options-summary--component w-full", m),
+		children: e.length === 0 ? p ?? /* @__PURE__ */ L($, {
+			title: g.emptyTitle,
+			description: g.emptyDescription,
+			action: a ? /* @__PURE__ */ L(r, {
+				type: "button",
+				onClick: a,
+				icon: H,
+				children: g.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ L(w, { children: e.map((e, t) => (() => {
+			let n = v ? /* @__PURE__ */ L(Xe, {
+				option: e,
+				index: t,
+				onSelectOption: o,
+				onEditOption: s,
+				onDeleteOption: c,
+				renderOptionActions: l,
+				menuLabel: g.actionsLabel,
+				strings: {
+					viewLabel: g.viewLabel,
+					editLabel: g.editLabel,
+					deleteLabel: g.deleteLabel,
+					actionsLabel: g.actionsLabel
+				}
+			}) : void 0;
+			return f ? /* @__PURE__ */ L("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ L(qe, {
+				item: e,
+				actions: n
+			}, e.id);
+		})()) })
+	});
+}
+rt.displayName = "ProductOptionsSummary";
+//#endregion
+//#region src/components/features/products/components/product-policies-card.tsx
+function it({ policies: e = [], onCreatePolicy: i, onSelectPolicy: a, onEditPolicy: o, onDeletePolicy: s, renderPolicyActions: c, actions: l, footerSlot: u, renderPolicy: d, empty: f, className: p, strings: m }) {
+	let h = t(Oe, m), g = i ? /* @__PURE__ */ L(r, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: i,
+		icon: H,
+		children: h.createLabel
+	}) : void 0;
+	return /* @__PURE__ */ L(_, {
+		icon: /* @__PURE__ */ L(Ce, { className: "size-icon" }),
+		title: h.title,
+		description: h.description,
+		actions: l,
+		headerAction: g,
+		footerSlot: u,
+		contentClassName: "mt-1",
+		className: n("product-policies-card--component w-full", p),
+		children: e.length === 0 ? f ?? /* @__PURE__ */ L($, {
+			title: h.emptyTitle,
+			description: h.emptyDescription,
+			action: i ? /* @__PURE__ */ L(r, {
+				type: "button",
+				onClick: i,
+				icon: H,
+				children: h.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ L(w, { children: e.map((e, t) => (() => {
+			let n = a ? () => a(e) : void 0, r = o ? () => o(e) : void 0, i = s ? () => s(e) : void 0, l = [...r ? [{
+				id: "edit",
+				label: h.editLabel,
+				icon: /* @__PURE__ */ L(V, { className: "size-icon-md" }),
+				onClick: () => r(),
+				tone: "secondary",
+				buttonStyle: "ghost"
+			}] : [], ...i ? [{
+				id: "delete",
+				label: h.deleteLabel,
+				icon: /* @__PURE__ */ L(K, { className: "size-icon-md" }),
+				onClick: () => i(),
+				tone: "destructive"
+			}] : []], u = c ? c(e, {
+				index: t,
+				onSelect: n,
+				onEdit: r,
+				onDelete: i
+			}) : /* @__PURE__ */ L(Ve, {
+				item: e,
+				actions: l,
+				menuLabel: h.actionsLabel
+			});
+			return d ? /* @__PURE__ */ L("div", { children: d(e, t) }, e.id) : /* @__PURE__ */ L(qe, {
+				item: e,
+				actionLabel: h.viewLabel,
+				onSelect: n,
+				actions: u
+			}, e.id);
+		})()) })
+	});
+}
+it.displayName = "ProductPoliciesCard";
+//#endregion
+//#region src/components/features/products/components/product-quote-preview-card.tsx
+function at({ lines: e = [], subtotal: a, tax: o, discount: c, total: l, onOpenQuote: u, onCreateLine: f, onSelectLine: p, onEditLine: m, onDeleteLine: h, renderLineActions: g, actions: v, footerSlot: y, empty: ee, className: b, strings: x }) {
+	let O = t(Q, x), k = f || u ? /* @__PURE__ */ R("div", {
+		className: "flex items-center gap-space-md",
+		children: [!!f && /* @__PURE__ */ L(r, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			onClick: f,
+			icon: H,
+			children: O.createLineLabel
+		}), !!u && /* @__PURE__ */ L(r, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			onClick: u,
+			icon: ue,
+			iconPosition: "right",
+			children: O.actionLabel
+		})]
+	}) : void 0;
+	return /* @__PURE__ */ L(_, {
+		icon: /* @__PURE__ */ L(be, { className: "size-icon" }),
+		title: O.title,
+		description: O.description,
+		actions: v,
+		headerAction: k,
+		footerSlot: y,
+		contentClassName: "mt-1",
+		className: n("product-quote-preview-card--component w-full", b),
+		children: e.length === 0 ? ee ?? /* @__PURE__ */ L($, {
+			title: O.emptyTitle,
+			description: O.emptyDescription,
+			action: f ? /* @__PURE__ */ L(r, {
+				type: "button",
+				onClick: f,
+				icon: H,
+				children: O.createLineLabel
+			}) : void 0
+		}) : /* @__PURE__ */ R(s, {
+			gap: "lg",
+			children: [/* @__PURE__ */ L(w, { children: e.map((e, t) => {
+				let n = p ? () => p(e) : void 0, r = m ? () => m(e) : void 0, i = h ? () => h(e) : void 0, a = [
+					...n ? [{
+						id: "open",
+						label: O.viewLineLabel,
+						icon: /* @__PURE__ */ L(me, { className: "size-icon-md" }),
+						onClick: () => n(),
+						tone: "secondary",
+						buttonStyle: "ghost"
+					}] : [],
+					...r ? [{
+						id: "edit",
+						label: O.editLineLabel,
+						icon: /* @__PURE__ */ L(V, { className: "size-icon-md" }),
+						onClick: () => r(),
+						tone: "secondary",
+						buttonStyle: "ghost"
+					}] : [],
+					...i ? [{
+						id: "delete",
+						label: O.deleteLineLabel,
+						icon: /* @__PURE__ */ L(K, { className: "size-icon-md" }),
+						onClick: () => i(),
+						tone: "destructive"
+					}] : []
+				], o = g ? g(e, {
+					index: t,
+					onSelect: n,
+					onEdit: r,
+					onDelete: i
+				}) : /* @__PURE__ */ L(Ve, {
+					item: e,
+					actions: a,
+					menuLabel: O.lineActionsLabel
+				});
+				return /* @__PURE__ */ R(E, {
+					size: "sm",
+					className: "rounded-radius-md border border-border bg-muted/20 px-row-x py-row-y",
+					children: [/* @__PURE__ */ R(T, { children: [
+						/* @__PURE__ */ L(D, { children: e.label }),
+						!!e.description && /* @__PURE__ */ L(S, { children: e.description }),
+						!!e.quantity && /* @__PURE__ */ L(S, { children: e.quantity })
+					] }), /* @__PURE__ */ R(C, { children: [/* @__PURE__ */ L(d, {
+						weight: "semibold",
+						className: "tabular-nums",
+						children: e.amount
+					}), o] })]
+				}, e.id);
+			}) }), /* @__PURE__ */ L("div", {
+				className: "rounded-radius-md bg-muted/30 p-surface",
+				children: /* @__PURE__ */ R(s, {
+					gap: "sm",
+					children: [
+						a !== void 0 && /* @__PURE__ */ L(N, {
+							label: O.subtotalLabel,
+							value: a,
+							mono: !0
+						}),
+						o !== void 0 && /* @__PURE__ */ L(N, {
+							label: O.taxLabel,
+							value: o,
+							mono: !0
+						}),
+						c !== void 0 && /* @__PURE__ */ L(N, {
+							label: O.discountLabel,
+							value: c,
+							mono: !0,
+							valueClassName: "text-success"
+						}),
+						/* @__PURE__ */ L(N, {
+							label: /* @__PURE__ */ L(i, {
+								tag: "span",
+								weight: "semibold",
+								lineHeight: "tight",
+								children: O.totalLabel
+							}),
+							value: l ?? "-",
+							mono: !0,
+							valueClassName: "font-semibold"
+						})
+					]
+				})
+			})]
+		})
+	});
+}
+at.displayName = "ProductQuotePreviewCard";
+//#endregion
+//#region src/components/features/products/components/product-readiness-card.tsx
+function ot({ items: e = [], score: a, scoreLabel: o, summary: l, onCreateReadinessItem: u, onSelectReadinessItem: d, onEditReadinessItem: f, onDeleteReadinessItem: m, renderReadinessItemActions: h, actions: g, footerSlot: v, renderItem: y, empty: ee, className: b, strings: x }) {
+	let S = t(J, x), C = a === void 0 ? void 0 : Re(a), T = u ? /* @__PURE__ */ L(r, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: u,
+		icon: H,
+		children: S.createLabel
+	}) : void 0;
+	return /* @__PURE__ */ R(_, {
+		icon: /* @__PURE__ */ L(z, { className: "size-icon" }),
+		title: S.title,
+		description: S.description,
+		actions: g,
+		headerAction: T,
+		footerSlot: v,
+		contentClassName: "mt-1",
+		className: n("product-readiness-card--component w-full", b),
+		children: [
+			C !== void 0 && /* @__PURE__ */ R("div", {
+				className: "mb-space-lg rounded-radius-md border border-border bg-muted/20 p-surface",
+				children: [/* @__PURE__ */ R(s, {
+					direction: "horizontal",
+					align: "center",
+					justify: "between",
+					gap: "lg",
+					className: "mb-space-md",
+					children: [/* @__PURE__ */ L(i, {
+						size: "xs",
+						type: "secondary",
+						children: o ?? S.scoreLabel
+					}), /* @__PURE__ */ L(p, {
+						value: C,
+						scaled: !0,
+						size: "xs",
+						weight: "semibold"
+					})]
+				}), /* @__PURE__ */ L(c, {
+					value: C,
+					"aria-label": typeof o == "string" ? o : S.progressLabel,
+					"aria-valuetext": `${C}%`,
+					className: "h-1.5"
+				})]
+			}),
+			!!l && /* @__PURE__ */ L(i, {
+				type: "secondary",
+				className: "mb-space-lg leading-relaxed",
+				children: l
+			}),
+			e.length === 0 ? ee ?? /* @__PURE__ */ L($, {
+				title: S.emptyTitle,
+				description: S.emptyDescription,
+				action: u ? /* @__PURE__ */ L(r, {
+					type: "button",
+					onClick: u,
+					icon: H,
+					children: S.createLabel
+				}) : void 0
+			}) : /* @__PURE__ */ L(w, { children: e.map((e, t) => {
+				let n = d ? () => d(e) : void 0, r = f ? () => f(e) : void 0, i = m ? () => m(e) : void 0, a = [...r ? [{
+					id: "edit",
+					label: S.editLabel,
+					icon: /* @__PURE__ */ L(V, { className: "size-icon-md" }),
+					onClick: () => r(),
+					tone: "secondary",
+					buttonStyle: "ghost"
+				}] : [], ...i ? [{
+					id: "delete",
+					label: S.deleteLabel,
+					icon: /* @__PURE__ */ L(K, { className: "size-icon-md" }),
+					onClick: () => i(),
+					tone: "destructive"
+				}] : []], o = h ? h(e, {
+					index: t,
+					onSelect: n,
+					onEdit: r,
+					onDelete: i
+				}) : /* @__PURE__ */ L(Ve, {
+					item: e,
+					actions: a,
+					menuLabel: S.actionsLabel
+				});
+				return y ? /* @__PURE__ */ L("div", { children: y(e, t) }, e.id) : /* @__PURE__ */ L(Ge, {
+					item: e,
+					actionFallback: S.actionLabel,
+					onSelect: n,
+					actions: o
+				}, e.id);
+			}) })
+		]
+	});
+}
+ot.displayName = "ProductReadinessCard";
+//#endregion
+//#region src/components/features/products/components/product-structure-card.tsx
+function st({ metrics: e = [], onCreateMetric: i, onSelectMetric: a, onEditMetric: o, onDeleteMetric: s, renderMetricActions: c, actions: l, footerSlot: u, empty: d, className: f, strings: p }) {
+	let m = t(we, p), h = i ? /* @__PURE__ */ L(r, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: i,
+		icon: H,
+		children: m.createLabel
+	}) : void 0;
+	return /* @__PURE__ */ L(_, {
+		icon: /* @__PURE__ */ L(ge, { className: "size-icon" }),
+		title: m.title,
+		description: m.description,
+		actions: l,
+		headerAction: h,
+		footerSlot: u,
+		contentClassName: "mt-1",
+		className: n("product-structure-card--component w-full", f),
+		children: e.length === 0 ? d ?? /* @__PURE__ */ L($, {
+			title: m.emptyTitle,
+			description: m.emptyDescription,
+			action: i ? /* @__PURE__ */ L(r, {
+				type: "button",
+				onClick: i,
+				icon: H,
+				children: m.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ L(w, { children: e.map((e, t) => {
+			let n = a ? () => a(e) : void 0, r = o ? () => o(e) : void 0, i = s ? () => s(e) : void 0, l = [
+				...n ? [{
+					id: "open",
+					label: m.viewLabel,
+					icon: /* @__PURE__ */ L(me, { className: "size-icon-md" }),
+					onClick: () => n(),
+					tone: "secondary",
+					buttonStyle: "ghost"
+				}] : [],
+				...r ? [{
+					id: "edit",
+					label: m.editLabel,
+					icon: /* @__PURE__ */ L(V, { className: "size-icon-md" }),
+					onClick: () => r(),
+					tone: "secondary",
+					buttonStyle: "ghost"
+				}] : [],
+				...i ? [{
+					id: "delete",
+					label: m.deleteLabel,
+					icon: /* @__PURE__ */ L(K, { className: "size-icon-md" }),
+					onClick: () => i(),
+					tone: "destructive"
+				}] : []
+			], u = c ? c(e, {
+				index: t,
+				onSelect: n,
+				onEdit: r,
+				onDelete: i
+			}) : /* @__PURE__ */ L(Ve, {
+				item: e,
+				actions: l,
+				menuLabel: m.actionsLabel
+			});
+			return /* @__PURE__ */ L(We, {
+				metric: e,
+				actions: u
+			}, e.id);
+		}) })
+	});
+}
+st.displayName = "ProductStructureCard";
+//#endregion
+//#region src/components/features/products/components/product-variants-table.tsx
+function ct({ variant: e, channelsLabel: t }) {
+	return /* @__PURE__ */ R("div", {
+		className: "product-variants-table--variant-cell min-w-0",
+		children: [
+			/* @__PURE__ */ R(s, {
+				direction: "horizontal",
+				gap: "sm",
+				children: [/* @__PURE__ */ L(i, {
+					weight: "semibold",
+					className: "truncate",
+					children: e.name
+				}), !!e.status && /* @__PURE__ */ L(m, {
+					tone: e.statusTone ?? "secondary",
+					children: e.status
+				})]
+			}),
+			!!e.description && /* @__PURE__ */ L(i, {
+				size: "xs",
+				type: "secondary",
+				className: "mt-space-2xs",
+				children: e.description
+			}),
+			!!(e.options?.length || e.channels) && /* @__PURE__ */ R(s, {
+				direction: "horizontal",
+				gap: "xs",
+				className: "mt-space-xs",
+				children: [e.options?.map((e, t) => /* @__PURE__ */ L(m, {
+					tone: "secondary",
+					children: e
+				}, t)), !!e.channels && /* @__PURE__ */ R(i, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: "pl-space-2xs",
+					children: [
+						t,
+						": ",
+						e.channels
+					]
+				})]
+			})
+		]
+	});
+}
+function lt({ value: e, emphasis: t = !1 }) {
+	return /* @__PURE__ */ L(e ? d : f, {
+		weight: t ? "semibold" : void 0,
+		className: "min-w-0 tabular-nums",
+		children: e ?? "-"
+	});
+}
+function ut({ variants: e = [], onCreateVariant: i, onSelectVariant: a, onEditVariant: o, onDuplicateVariant: s, onDeleteVariant: c, renderVariantActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: m }) {
+	let h = t(ke, m), g = I(() => {
+		if (l) return;
+		let e = [
+			...a ? [{
+				id: "open",
+				label: h.viewLabel,
+				icon: /* @__PURE__ */ L(me, {
+					className: "size-icon-sm",
+					"aria-hidden": "true"
+				}),
+				onClick: a,
+				buttonStyle: "ghost"
+			}] : [],
+			...o ? [{
+				id: "edit",
+				label: h.editLabel,
+				icon: /* @__PURE__ */ L(V, {
+					className: "size-icon-sm",
+					"aria-hidden": "true"
+				}),
+				onClick: o,
+				buttonStyle: "ghost"
+			}] : [],
+			...s ? [{
+				id: "duplicate",
+				label: h.duplicateLabel,
+				icon: /* @__PURE__ */ L(pe, {
+					className: "size-icon-sm",
+					"aria-hidden": "true"
+				}),
+				onClick: s,
+				buttonStyle: "ghost"
+			}] : [],
+			...c ? [{
+				id: "delete",
+				label: h.deleteLabel,
+				icon: /* @__PURE__ */ L(K, {
+					className: "size-icon-sm",
+					"aria-hidden": "true"
+				}),
+				onClick: c,
+				tone: "destructive"
+			}] : []
+		];
+		return e.length > 0 ? e : void 0;
+	}, [
+		c,
+		s,
+		o,
+		a,
+		l,
+		h.deleteLabel,
+		h.duplicateLabel,
+		h.editLabel,
+		h.viewLabel
+	]), v = I(() => {
+		let e = [
+			{
+				accessorKey: "name",
+				header: h.headers.variant,
+				cell: ({ row: e }) => /* @__PURE__ */ L(ct, {
+					variant: e.original,
+					channelsLabel: h.headers.channels
+				})
+			},
+			{
+				accessorKey: "price",
+				header: h.headers.price,
+				cell: ({ row: e }) => /* @__PURE__ */ L(lt, {
+					value: e.original.price,
+					emphasis: !0
+				}),
+				meta: { align: "start" }
+			},
+			{
+				accessorKey: "inventory",
+				header: h.headers.inventory,
+				cell: ({ row: e }) => /* @__PURE__ */ L(lt, { value: e.original.inventory })
+			},
+			{
+				accessorKey: "sku",
+				header: h.headers.sku,
+				cell: ({ row: e }) => /* @__PURE__ */ L(lt, { value: e.original.sku })
+			},
+			{
+				accessorKey: "updatedAt",
+				header: h.headers.updated,
+				cell: ({ row: e }) => /* @__PURE__ */ L(lt, { value: e.original.updatedAt })
+			}
+		];
+		return l && e.push({
+			id: "actions",
+			header: h.headers.actions,
+			cell: ({ row: e }) => l(e.original, {
+				index: e.index,
+				onSelect: a ? () => a(e.original) : void 0,
+				onEdit: o ? () => o(e.original) : void 0,
+				onDuplicate: s ? () => s(e.original) : void 0,
+				onDelete: c ? () => c(e.original) : void 0
+			}),
+			meta: { align: "end" }
+		}), e;
+	}, [
+		c,
+		s,
+		o,
+		a,
+		l,
+		h.headers.actions,
+		h.headers.channels,
+		h.headers.inventory,
+		h.headers.price,
+		h.headers.sku,
+		h.headers.updated,
+		h.headers.variant
+	]), y = i ? /* @__PURE__ */ L(r, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		onClick: i,
+		icon: H,
+		children: h.createLabel
+	}) : void 0;
+	return /* @__PURE__ */ L(_, {
+		icon: /* @__PURE__ */ L(_e, { className: "size-icon" }),
+		title: h.title,
+		description: h.description,
+		actions: u,
+		headerAction: y,
+		footerSlot: d,
+		contentClassName: "mt-1",
+		className: n("product-variants-table--component w-full", p),
+		children: e.length === 0 ? f ?? /* @__PURE__ */ L($, {
+			title: h.emptyTitle,
+			description: h.emptyDescription,
+			action: i ? /* @__PURE__ */ L(r, {
+				type: "button",
+				onClick: i,
+				icon: H,
+				children: h.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ L(ie, {
+			data: e,
+			columns: v,
+			getRowId: (e) => e.id,
+			enableColumnVisibility: !0,
+			surface: "glass",
+			size: "sm",
+			rowActions: g,
+			rowActionsMenuLabel: h.headers.actions,
+			rowActionsDisplayMode: "menu",
+			storageKey: "product-variants",
+			className: "product-variants-table--table",
+			tableContainerClassName: "max-h-none",
+			strings: { emptyState: { message: h.emptyTitle } }
+		})
+	});
+}
+ut.displayName = "ProductVariantsTable";
+//#endregion
+//#region src/components/features/products/components/product-overview.tsx
+function dt({ details: e, contract: r, options: i, variants: a, readiness: o, structure: c, operations: l, quote: u, policies: d, slots: f, className: p, mainClassName: m, railClassName: h, strings: g }) {
+	let _ = t(Fe, g), v = !!(o || c || l || u || d || f?.railTop || f?.railBottom);
+	return /* @__PURE__ */ R(s, {
+		gap: "xl",
+		className: n("product-overview--component @container/product-overview", p),
+		children: [
+			f?.before,
+			/* @__PURE__ */ R("div", {
+				className: n("grid min-w-0 grid-cols-1 gap-space-xl", v && "@5xl/product-overview:grid-cols-[minmax(0,1fr)_22rem]"),
+				children: [/* @__PURE__ */ R(s, {
+					render: /* @__PURE__ */ L("section", {}),
+					gap: "xl",
+					"aria-label": _.mainLabel,
+					className: n("product-overview--main", m),
+					children: [
+						f?.mainTop,
+						!!e && /* @__PURE__ */ L(Ye, { ...e }),
+						!!r && /* @__PURE__ */ L(Je, { ...r }),
+						!!i && /* @__PURE__ */ L(rt, { ...i }),
+						!!a && /* @__PURE__ */ L(ut, { ...a }),
+						f?.mainBottom
+					]
+				}), !!v && /* @__PURE__ */ R(s, {
+					render: /* @__PURE__ */ L("aside", {}),
+					gap: "xl",
+					"aria-label": _.railLabel,
+					className: n("product-overview--rail", h),
+					children: [
+						f?.railTop,
+						!!o && /* @__PURE__ */ L(ot, { ...o }),
+						!!c && /* @__PURE__ */ L(st, { ...c }),
+						!!l && /* @__PURE__ */ L(Ze, { ...l }),
+						!!u && /* @__PURE__ */ L(at, { ...u }),
+						!!d && /* @__PURE__ */ L(it, { ...d }),
+						f?.railBottom
+					]
+				})]
+			}),
+			f?.after
+		]
+	});
+}
+dt.displayName = "ProductOverview";
+//#endregion
+//#region src/components/features/products/components/product-variant-action-menu.tsx
+function ft({ variant: e, index: r = 0, onSelectVariant: i, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: s, renderVariantActions: c, menuLabel: l, className: u, strings: d }) {
+	let f = t(Me, d), p = i ? () => i(e) : void 0, m = a ? () => a(e) : void 0, h = o ? () => o(e) : void 0, g = s ? () => s(e) : void 0;
+	return p || m || h || g || c ? c ? /* @__PURE__ */ L("div", {
+		className: n("product-variant-action-menu--component flex justify-end", u),
+		children: c(e, {
+			index: r,
+			onSelect: p,
+			onEdit: m,
+			onDuplicate: h,
+			onDelete: g
+		})
+	}) : /* @__PURE__ */ L(Ve, {
+		item: e,
+		menuLabel: l ?? f.actionsLabel,
+		className: n("product-variant-action-menu--component", u),
+		actions: [
+			...p ? [{
+				id: "open",
+				label: f.viewLabel,
+				icon: /* @__PURE__ */ L(me, { className: "size-icon-md" }),
+				onClick: () => p(),
+				tone: "secondary",
+				buttonStyle: "ghost"
+			}] : [],
+			...m ? [{
+				id: "edit",
+				label: f.editLabel,
+				icon: /* @__PURE__ */ L(V, { className: "size-icon-md" }),
+				onClick: () => m(),
+				tone: "secondary",
+				buttonStyle: "ghost"
+			}] : [],
+			...h ? [{
+				id: "duplicate",
+				label: f.duplicateLabel,
+				icon: /* @__PURE__ */ L(pe, { className: "size-icon-md" }),
+				onClick: () => h(),
+				tone: "secondary",
+				buttonStyle: "ghost"
+			}] : [],
+			...g ? [{
+				id: "delete",
+				label: f.deleteLabel,
+				icon: /* @__PURE__ */ L(K, { className: "size-icon-md" }),
+				onClick: () => g(),
+				tone: "destructive"
+			}] : []
+		]
+	}) : null;
+}
+ft.displayName = "ProductVariantActionMenu";
+//#endregion
+//#region src/components/features/products/components/product-variant-details.tsx
+var pt = (e) => e != null && e !== !1 && e !== "";
+function mt(e, t) {
+	return [
+		{
+			label: t.price,
+			value: e.price
+		},
+		{
+			label: t.inventory,
+			value: e.inventory
+		},
+		{
+			label: t.sku,
+			value: e.sku
+		},
+		{
+			label: t.channels,
+			value: e.channels
+		},
+		{
+			label: t.updated,
+			value: e.updatedAt
+		}
+	].filter((e) => pt(e.value));
+}
+function ht({ variant: e, metadata: a, optionItems: o = [], media: c, onBack: l, onSelectVariant: u, onEditVariant: d, onDuplicateVariant: f, onDeleteVariant: p, onSelectOption: h, actions: g, headerEnd: v, footerSlot: y, empty: ee, renderActions: b, renderMetadata: x, renderOption: S, className: C, strings: T }) {
+	let E = t(Ne, T), D = e ? a ?? mt(e, E.metadata) : [], O = !!(e && (u || d || f || p || b)), k = /* @__PURE__ */ R("div", {
+		className: "product-variant-details--header-actions flex items-center gap-space-md",
+		children: [!!l && /* @__PURE__ */ L(r, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			onClick: l,
+			icon: le,
+			children: E.backLabel
+		}), !!O && e && /* @__PURE__ */ L(ft, {
+			variant: e,
+			onSelectVariant: u,
+			onEditVariant: d,
+			onDuplicateVariant: f,
+			onDeleteVariant: p,
+			renderVariantActions: b
+		})]
+	}), te = e?.options ?? [];
+	return /* @__PURE__ */ L(_, {
+		icon: /* @__PURE__ */ L(_e, { className: "size-icon" }),
+		title: e?.name ?? E.title,
+		titleSuffix: e?.status ? /* @__PURE__ */ L(m, {
+			tone: e.statusTone ?? "secondary",
+			children: e.status
+		}) : void 0,
+		description: e?.description ?? E.description,
+		actions: g,
+		headerAction: l || O ? k : void 0,
+		headerEnd: v,
+		footerSlot: y,
+		contentClassName: "mt-1",
+		className: n("product-variant-details--component w-full", C),
+		children: e ? /* @__PURE__ */ R(s, {
+			gap: "xl",
+			className: "product-variant-details--body",
+			children: [
+				!!c && /* @__PURE__ */ L("div", {
+					className: "product-variant-details--media overflow-hidden rounded-radius-md border border-border bg-muted/30",
+					children: c
+				}),
+				x ? x(e) : /* @__PURE__ */ L(ne, {
+					title: E.factsTitle,
+					items: D,
+					columns: 3,
+					density: "compact",
+					className: "product-variant-details--metadata"
+				}),
+				!!te.length && /* @__PURE__ */ R(s, {
+					gap: "md",
+					className: "product-variant-details--selected-options",
+					children: [/* @__PURE__ */ L(i, {
+						weight: "semibold",
+						children: E.selectedOptionsTitle
+					}), /* @__PURE__ */ L("div", {
+						className: "flex flex-wrap gap-space-sm",
+						children: te.map((e, t) => /* @__PURE__ */ L(m, {
+							tone: "secondary",
+							children: e
+						}, t))
+					})]
+				}),
+				!!o.length && /* @__PURE__ */ R(s, {
+					gap: "md",
+					className: "product-variant-details--related-options",
+					children: [/* @__PURE__ */ L(i, {
+						weight: "semibold",
+						children: E.relatedOptionsTitle
+					}), /* @__PURE__ */ L(w, { children: o.map((e, t) => S ? /* @__PURE__ */ L("div", { children: S(e, t) }, e.id) : /* @__PURE__ */ L(qe, {
+						item: e,
+						actionLabel: E.viewOptionLabel,
+						onSelect: h ? () => h(e) : void 0
+					}, e.id)) })]
+				})
+			]
+		}) : ee ?? /* @__PURE__ */ L($, {
+			title: E.emptyTitle,
+			description: E.emptyDescription
+		})
+	});
+}
+ht.displayName = "ProductVariantDetails";
+//#endregion
+//#region src/components/features/products/components/product-variant-editor.tsx
+var gt = (e) => e.map((e) => ({
+	value: e.value,
+	label: e.label,
+	disabled: e.disabled
+}));
+function _t({ value: e, defaultValue: a, optionFields: o = [], statusOptions: s = [], onValueChange: c, onSubmit: l, onError: u, onCancel: d, onDelete: f, actions: p, headerEnd: m, footerSlot: ee, disabled: b = !1, submitting: x = !1, className: S, strings: C }) {
+	let w = t(Pe, C), T = oe(), E = e !== void 0, [D, O] = se(a ?? {}), [k, te] = se(!1), A = (E ? e : D) ?? {}, j = x || k, M = b || j, N = (e) => {
+		E || O(e), c?.(e);
+	}, P = (e, t) => {
+		N({
+			...A,
+			[e]: t
+		});
+	}, ne = (e, t) => {
+		N({
+			...A,
+			options: {
+				...A.options ?? {},
+				[e.id]: t
+			}
+		});
+	}, re = async (e) => {
+		if (e.preventDefault(), l && !j) {
+			te(!0);
+			try {
+				await l(A);
+			} catch (e) {
+				u?.(e);
+			} finally {
+				te(!1);
+			}
+		}
+	}, ie = /* @__PURE__ */ R("div", {
+		className: "product-variant-editor--footer flex flex-col-reverse gap-space-md @sm/product-variant-editor:flex-row @sm/product-variant-editor:items-center @sm/product-variant-editor:justify-between",
+		children: [/* @__PURE__ */ L("div", { children: !!f && /* @__PURE__ */ L(r, {
+			type: "button",
+			tone: "destructive",
+			buttonStyle: "ghost",
+			onClick: () => f(A),
+			disabled: M,
+			icon: K,
+			children: w.deleteLabel
+		}) }), /* @__PURE__ */ R("div", {
+			className: "flex flex-col-reverse gap-space-md @sm/product-variant-editor:flex-row @sm/product-variant-editor:justify-end",
+			children: [!!d && /* @__PURE__ */ L(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				onClick: d,
+				disabled: M,
+				icon: q,
+				children: w.cancelLabel
+			}), !!l && /* @__PURE__ */ L(r, {
+				type: "submit",
+				form: T,
+				disabled: M,
+				icon: Se,
+				children: j ? w.savingLabel : w.saveLabel
+			})]
+		})]
+	}), ae = !!(f || d || l);
+	return /* @__PURE__ */ L(_, {
+		icon: /* @__PURE__ */ L(V, { className: "size-4" }),
+		title: w.title,
+		description: w.description,
+		actions: p,
+		headerEnd: m,
+		footerSlot: ee ?? (ae ? ie : void 0),
+		footerDivider: !0,
+		contentClassName: "mt-1",
+		className: n("product-variant-editor--component @container/product-variant-editor w-full", S),
+		children: /* @__PURE__ */ R("form", {
+			id: T,
+			className: "product-variant-editor--form grid gap-5",
+			onSubmit: re,
+			children: [
+				/* @__PURE__ */ R("section", {
+					className: "product-variant-editor--section grid gap-space-lg",
+					children: [/* @__PURE__ */ L(i, {
+						weight: "semibold",
+						children: w.identityTitle
+					}), /* @__PURE__ */ R("div", {
+						className: "grid gap-space-lg @sm/product-variant-editor:grid-cols-2",
+						children: [
+							/* @__PURE__ */ L(v, {
+								label: w.fields.name,
+								required: !0,
+								children: /* @__PURE__ */ L(h, {
+									value: A.name ?? "",
+									onChange: (e) => P("name", e.target.value),
+									placeholder: w.placeholders.name,
+									disabled: M
+								})
+							}),
+							/* @__PURE__ */ L(v, {
+								label: w.fields.sku,
+								children: /* @__PURE__ */ L(h, {
+									value: A.sku ?? "",
+									onChange: (e) => P("sku", e.target.value),
+									placeholder: w.placeholders.sku,
+									disabled: M
+								})
+							}),
+							/* @__PURE__ */ L(v, {
+								label: w.fields.description,
+								className: "@sm/product-variant-editor:col-span-2",
+								children: /* @__PURE__ */ L(g, {
+									value: A.description ?? "",
+									onChange: (e) => P("description", e.target.value),
+									placeholder: w.placeholders.description,
+									disabled: M,
+									autoResize: !0,
+									minRows: 2
+								})
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ R("section", {
+					className: "product-variant-editor--section grid gap-space-lg",
+					children: [/* @__PURE__ */ L(i, {
+						weight: "semibold",
+						children: w.commercialTitle
+					}), /* @__PURE__ */ R("div", {
+						className: "grid gap-space-lg @sm/product-variant-editor:grid-cols-2",
+						children: [
+							/* @__PURE__ */ L(v, {
+								label: w.fields.price,
+								children: /* @__PURE__ */ L(h, {
+									value: A.price ?? "",
+									onChange: (e) => P("price", e.target.value),
+									placeholder: w.placeholders.price,
+									disabled: M
+								})
+							}),
+							/* @__PURE__ */ L(v, {
+								label: w.fields.inventory,
+								children: /* @__PURE__ */ L(h, {
+									value: A.inventory ?? "",
+									onChange: (e) => P("inventory", e.target.value),
+									placeholder: w.placeholders.inventory,
+									disabled: M,
+									inputMode: "numeric"
+								})
+							}),
+							/* @__PURE__ */ L(v, {
+								label: w.fields.status,
+								children: s.length > 0 ? /* @__PURE__ */ L(y, {
+									options: gt(s),
+									value: A.status ?? null,
+									onValueChange: (e) => P("status", e ?? ""),
+									placeholder: w.statusPlaceholder,
+									disabled: M,
+									"aria-label": w.fields.status
+								}) : /* @__PURE__ */ L(h, {
+									value: A.status ?? "",
+									onChange: (e) => P("status", e.target.value),
+									placeholder: w.placeholders.status,
+									disabled: M
+								})
+							}),
+							/* @__PURE__ */ L(v, {
+								label: w.fields.channels,
+								children: /* @__PURE__ */ L(h, {
+									value: A.channels ?? "",
+									onChange: (e) => P("channels", e.target.value),
+									placeholder: w.placeholders.channels,
+									disabled: M
+								})
+							})
+						]
+					})]
+				}),
+				!!o.length && /* @__PURE__ */ R("section", {
+					className: "product-variant-editor--section grid gap-space-lg",
+					children: [/* @__PURE__ */ L(i, {
+						weight: "semibold",
+						children: w.optionsTitle
+					}), /* @__PURE__ */ L("div", {
+						className: "grid gap-space-lg @sm/product-variant-editor:grid-cols-2",
+						children: o.map((e) => {
+							let t = e.value ?? A.options?.[e.id] ?? "", n = !!e.choices?.length;
+							return /* @__PURE__ */ L(v, {
+								label: e.label,
+								helperText: e.helperText,
+								children: n ? /* @__PURE__ */ L(y, {
+									options: gt(e.choices ?? []),
+									value: t || null,
+									onValueChange: (t) => ne(e, t),
+									placeholder: e.placeholder ?? w.optionPlaceholder,
+									disabled: M,
+									"aria-label": e.label
+								}) : /* @__PURE__ */ L(h, {
+									value: t,
+									onChange: (t) => ne(e, t.target.value),
+									placeholder: e.placeholder ?? w.optionPlaceholder,
+									disabled: M
+								})
+							}, e.id);
+						})
+					})]
+				})
+			]
+		})
+	});
+}
+_t.displayName = "ProductVariantEditor";
+//#endregion
+//#region src/components/features/products/components/product-variants-bulk-table.tsx
+var vt = [
+	"variant",
+	"sku",
+	"price",
+	"inventory",
+	"status"
+], yt = "text", bt = "text", xt = "multiple";
+function St(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "";
+}
+function Ct(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 wt(e, t) {
+	return e.name !== void 0 && e.name !== null && e.name !== "" ? e.name : t.filter((e) => e.usedForVariants !== !1).map((t) => Ct(e, t)).filter((e) => e != null && e !== "").map((e) => St(e)).filter(Boolean).join(" / ") || "-";
+}
+function Tt(e, t) {
+	return t.filter((e) => e.usedForVariants !== !1).map((t) => Ct(e, t)).filter((e) => e != null && e !== "");
+}
+function Et(e) {
+	return e.map(St).filter(Boolean).join(" / ");
+}
+function Dt(e, t) {
+	return St(Ct(e, t)) || "-";
+}
+function Ot(e, t) {
+	return e.map((e) => t.get(e)).filter((e) => !!e);
+}
+function kt(e) {
+	return e == null || e === "" ? "-" : e;
+}
+function At(e) {
+	return e != null && e !== "";
+}
+function jt(e) {
+	return e === "sku" || e === "price" || e === "inventory";
+}
+function Mt(e, t) {
+	return e === "text" || e === "field" ? e : e[t] ?? bt;
+}
+function Nt(e, t, n, r) {
+	return {
+		index: e,
+		field: t,
+		previousValue: n,
+		value: r
+	};
+}
+function Pt(e, t, r, i, a) {
+	let o = St(e);
+	if (r === "field") {
+		let e = !!i;
+		return /* @__PURE__ */ L(h, {
+			readOnly: !e,
+			value: o,
+			onChange: e ? (e) => i(e.currentTarget.value) : void 0,
+			onBlur: a ? (e) => a(e.currentTarget.value) : void 0,
+			"aria-label": t,
+			className: n("h-control-lg w-full min-w-36 bg-background px-control shadow-xs", !e && "text-muted-foreground")
+		});
+	}
+	let s = At(e) ? d : f;
+	return /* @__PURE__ */ L(s, {
+		className: "min-w-0 whitespace-normal break-words tabular-nums",
+		children: kt(e)
+	});
+}
+function Ft({ variants: e = [], optionGroups: o = [], groupByOptionId: c, visibleColumns: l = vt, optionCombinationDisplay: u = yt, cellDisplay: d = bt, selectionMode: f, renderOptionCombination: p, renderCell: h, selectedVariantIds: g, defaultSelectedVariantIds: v = [], onSelectedVariantIdsChange: y, onVariantFieldChange: ee, onVariantFieldBlur: x, onCreateVariant: S, onGenerateVariants: C, onSelectVariant: w, onEditVariant: T, onDuplicateVariant: E, onDeleteVariant: D, onBulkEdit: N, onBulkApply: P, onBulkDelete: ne, renderVariantActions: re, renderBulkActions: ie, actions: oe, headerEnd: ce, footerSlot: le, empty: ue, surface: de = "card", className: fe, strings: z }) {
+	let B = t(Ae, z), he = g !== void 0, [ge, ve] = se(v), ye = !!(ie || N || P || ne), U = (f ?? (ye || he || y ? xt : "none")) === "multiple", be = I(() => U ? he ? g : ge : [], [
+		ge,
+		U,
+		he,
+		g
+	]), Se = I(() => new Map(e.map((e) => [e.id, e])), [e]), W = I(() => Ot(be, Se), [Se, be]), Ce = I(() => new Set(be), [be]), G = I(() => new Set(l), [l]), q = I(() => o.find((e) => e.id === c), [o, c]), J = I(() => new Map(e.map((e, t) => [e.id, t])), [e]), we = I(() => {
+		if (!q) return e;
+		let t = new Map((q.values ?? []).map((e, t) => [e.id, t]));
+		return [...e].sort((e, n) => {
+			let r = e.optionValueIds?.[q.id], i = n.optionValueIds?.[q.id], a = r === void 0 ? void 0 : t.get(r), o = i === void 0 ? void 0 : t.get(i), s = a ?? 2 ** 53 - 1, c = o ?? 2 ** 53 - 1;
+			return s === c ? (J.get(e.id) ?? 0) - (J.get(n.id) ?? 0) : s - c;
+		});
+	}, [
+		q,
+		J,
+		e
+	]), Te = I(() => {
+		if (!q) return /* @__PURE__ */ new Map();
+		let t = /* @__PURE__ */ new Map();
+		return e.forEach((e) => {
+			let n = Dt(e, q);
+			t.set(n, (t.get(n) ?? 0) + 1);
+		}), t;
+	}, [q, e]), Y = U && ye, Ee = e.length > 0, X = U && Ee && e.every((e) => Ce.has(e.id)), Z = !!(w || T || E || D || re), De = l.filter((e) => G.has(e)).length + +!!U + +!!Z, Q = F((e) => {
+		let t = Ot(e, Se);
+		he || ve(e), y?.(e, t);
+	}, [
+		he,
+		y,
+		Se
+	]), Oe = F(() => Q([]), [Q]), ke = F((e, t) => {
+		if (!U) return;
+		let n = t === !0 ? Array.from(/* @__PURE__ */ new Set([...be, e.id])) : be.filter((t) => t !== e.id);
+		Q(n);
+	}, [
+		U,
+		be,
+		Q
+	]), je = F((t) => {
+		U && Q(t === !0 ? e.map((e) => e.id) : []);
+	}, [
+		U,
+		Q,
+		e
+	]), Me = {
+		selectedRows: W,
+		selectedIds: be,
+		allRows: e,
+		selectedCount: W.length,
+		totalCount: e.length,
+		allRowsSelected: X,
+		clearSelection: Oe,
+		setSelectedIds: Q
+	}, Ne = S || C ? /* @__PURE__ */ R(s, {
+		direction: "horizontal",
+		gap: "sm",
+		justify: "end",
+		className: "product-variants-bulk-table--header-actions",
+		children: [!!C && /* @__PURE__ */ L(r, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "outline",
+			onClick: C,
+			icon: xe,
+			children: B.generateLabel
+		}), !!S && /* @__PURE__ */ L(r, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "ghost",
+			onClick: S,
+			icon: H,
+			children: B.createLabel
+		})]
+	}) : void 0, Pe = Y ? /* @__PURE__ */ R(s, {
+		direction: "horizontal",
+		gap: "md",
+		justify: "between",
+		className: "product-variants-bulk-table--bulk-toolbar rounded-radius-lg bg-muted/45 px-space-lg py-space-md",
+		children: [/* @__PURE__ */ R(s, {
+			direction: "horizontal",
+			gap: "md",
+			children: [/* @__PURE__ */ L(i, {
+				size: "xs",
+				type: "secondary",
+				children: B.selectedLabel(W.length, e.length)
+			}), !!W.length && /* @__PURE__ */ L(r, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				size: "sm",
+				onClick: Oe,
+				children: B.clearSelectionLabel
+			})]
+		}), /* @__PURE__ */ R(s, {
+			direction: "horizontal",
+			gap: "md",
+			justify: "end",
+			children: [
+				!!N && /* @__PURE__ */ L(r, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: "solid",
+					disabled: !W.length,
+					onClick: () => N(W),
+					className: "bg-background text-foreground hover:bg-background/80",
+					children: B.bulkEditLabel
+				}),
+				!!ne && /* @__PURE__ */ R(r, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: "ghost",
+					disabled: !W.length,
+					onClick: () => ne(W),
+					icon: K,
+					className: "text-muted-foreground hover:text-destructive disabled:text-muted-foreground/55",
+					children: [
+						B.bulkDeleteLabel,
+						" (",
+						W.length,
+						")"
+					]
+				}),
+				!!P && /* @__PURE__ */ L(r, {
+					type: "button",
+					tone: "secondary",
+					buttonStyle: "ghost",
+					disabled: !W.length,
+					onClick: () => P(W),
+					className: "text-muted-foreground disabled:text-muted-foreground/55",
+					children: B.bulkApplyLabel
+				}),
+				ie?.(Me)
+			]
+		})]
+	}) : null, Fe = e.length === 0 ? ue ?? /* @__PURE__ */ L($, {
+		title: B.emptyTitle,
+		description: B.emptyDescription,
+		action: C ? /* @__PURE__ */ L(r, {
+			type: "button",
+			onClick: C,
+			icon: xe,
+			children: B.generateLabel
+		}) : void 0
+	}) : /* @__PURE__ */ R(s, {
+		gap: "md",
+		className: "product-variants-bulk-table--body",
+		children: [Pe, /* @__PURE__ */ L("div", {
+			className: "product-variants-bulk-table--table overflow-hidden rounded-radius-lg border border-border bg-background",
+			children: /* @__PURE__ */ R(M, {
+				containerClassName: "[scrollbar-gutter:stable] [scrollbar-width:thin] [&::-webkit-scrollbar]:h-2.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-border [&::-webkit-scrollbar-track]:bg-muted/40",
+				className: "min-w-max border-collapse",
+				children: [
+					/* @__PURE__ */ R("colgroup", { children: [
+						U && /* @__PURE__ */ L("col", {
+							className: "w-14 min-w-14 max-w-14",
+							style: { width: "3.5rem" }
+						}),
+						G.has("variant") && /* @__PURE__ */ L("col", {}),
+						G.has("sku") && /* @__PURE__ */ L("col", {}),
+						G.has("price") && /* @__PURE__ */ L("col", {}),
+						G.has("inventory") && /* @__PURE__ */ L("col", {}),
+						G.has("status") && /* @__PURE__ */ L("col", {}),
+						G.has("updated") && /* @__PURE__ */ L("col", {}),
+						Z && /* @__PURE__ */ L("col", { style: { width: "4.5rem" } })
+					] }),
+					/* @__PURE__ */ L(j, { children: /* @__PURE__ */ R(O, {
+						className: "h-12 border-b border-border/70 bg-muted/45",
+						children: [
+							U && /* @__PURE__ */ L(A, {
+								className: "w-14 min-w-14 max-w-14 px-0 py-space-md text-center align-middle",
+								style: { width: "3.5rem" },
+								children: /* @__PURE__ */ L(b, {
+									checked: X,
+									onCheckedChange: je,
+									"aria-label": B.selectAllLabel,
+									className: "mx-auto"
+								})
+							}),
+							G.has("variant") && /* @__PURE__ */ L(A, {
+								className: "px-space-lg py-space-md text-left align-middle",
+								children: /* @__PURE__ */ L(a, {
+									className: "whitespace-normal",
+									children: B.headers.variant
+								})
+							}),
+							G.has("sku") && /* @__PURE__ */ L(A, {
+								className: "px-space-lg py-space-md text-left align-middle",
+								children: /* @__PURE__ */ L(a, {
+									className: "whitespace-normal",
+									children: B.headers.sku
+								})
+							}),
+							G.has("price") && /* @__PURE__ */ L(A, {
+								className: "px-space-lg py-space-md text-left align-middle",
+								children: /* @__PURE__ */ L(a, {
+									className: "whitespace-normal",
+									children: B.headers.price
+								})
+							}),
+							G.has("inventory") && /* @__PURE__ */ L(A, {
+								className: "px-space-lg py-space-md text-left align-middle",
+								children: /* @__PURE__ */ L(a, {
+									className: "whitespace-normal",
+									children: B.headers.inventory
+								})
+							}),
+							G.has("status") && /* @__PURE__ */ L(A, {
+								className: "px-space-lg py-space-md text-left align-middle",
+								children: /* @__PURE__ */ L(a, {
+									className: "whitespace-normal",
+									children: B.headers.status
+								})
+							}),
+							G.has("updated") && /* @__PURE__ */ L(A, {
+								className: "px-space-lg py-space-md text-left align-middle",
+								children: /* @__PURE__ */ L(a, {
+									className: "whitespace-normal",
+									children: B.headers.updated
+								})
+							}),
+							Z && /* @__PURE__ */ L(A, {
+								className: "px-space-lg py-space-md text-right align-middle",
+								children: /* @__PURE__ */ L(a, {
+									className: "whitespace-normal",
+									children: B.headers.actions
+								})
+							})
+						]
+					}) }),
+					/* @__PURE__ */ L(te, { children: we.map((e, t) => {
+						let n = J.get(e.id) ?? t, r = q ? Dt(e, q) : null, a = t > 0 ? we[t - 1] : void 0, c = q && a ? Dt(a, q) : null, l = !!q && r !== c, f = Ce.has(e.id), g = {
+							index: n,
+							onSelect: w ? () => w(e) : void 0,
+							onEdit: T ? () => T(e) : void 0,
+							onDuplicate: E ? () => E(e) : void 0,
+							onDelete: D ? () => D(e) : void 0,
+							isSelected: f,
+							onToggleSelected: U ? (t) => ke(e, t) : void 0
+						}, _ = q ? o.filter((e) => e.id !== q.id) : o, v = Tt(e, _), y = q ? wt({
+							...e,
+							name: void 0
+						}, _) : wt(e, o), S = y === "-" && q ? wt(e, o) : y, C = Et(v), te = C === St(S), A = (t, r, i = bt) => {
+							let a = jt(t) && ee ? (i) => ee(e, t, i, Nt(n, t, r, i)) : void 0, o = jt(t) && x ? (i) => x(e, t, i, Nt(n, t, r, i)) : void 0;
+							return {
+								index: n,
+								column: t,
+								value: r,
+								variantName: S,
+								optionValues: v,
+								optionLabel: C,
+								cellDisplay: i,
+								onValueChange: a,
+								onBlur: o
+							};
+						}, j = (t, n, r, i) => {
+							let a = A(t, n, r), o = h?.(e, a);
+							return o === void 0 ? i(a) : o;
+						}, M = u !== "none" && v.length > 0 && (q ? !te : u === "tags" || !te), N = u === "none" ? null : p?.(e, {
+							optionGroups: o,
+							optionValues: v,
+							optionLabel: C,
+							display: u
+						}), P = [
+							...w ? [{
+								id: "view",
+								label: B.viewLabel,
+								icon: /* @__PURE__ */ L(me, { className: "size-icon-md" }),
+								onClick: () => w(e),
+								tone: "secondary",
+								buttonStyle: "ghost"
+							}] : [],
+							...T ? [{
+								id: "edit",
+								label: B.editLabel,
+								icon: /* @__PURE__ */ L(V, { className: "size-icon-md" }),
+								onClick: () => T(e),
+								tone: "secondary",
+								buttonStyle: "ghost"
+							}] : [],
+							...E ? [{
+								id: "duplicate",
+								label: B.duplicateLabel,
+								icon: /* @__PURE__ */ L(pe, { className: "size-icon-md" }),
+								onClick: () => E(e),
+								tone: "secondary",
+								buttonStyle: "ghost"
+							}] : [],
+							...D ? [{
+								id: "delete",
+								label: B.deleteLabel,
+								icon: /* @__PURE__ */ L(K, { className: "size-icon-md" }),
+								onClick: () => D(e),
+								tone: "destructive"
+							}] : []
+						];
+						return /* @__PURE__ */ R(ae, { children: [l && /* @__PURE__ */ L(O, {
+							className: "product-variants-bulk-table--group-row border-b border-border/70 bg-muted/30",
+							children: /* @__PURE__ */ L(k, {
+								colSpan: De,
+								className: "px-space-lg py-space-md align-middle",
+								children: /* @__PURE__ */ R(s, {
+									direction: "horizontal",
+									gap: "sm",
+									wrap: !1,
+									children: [/* @__PURE__ */ L(i, {
+										tag: "span",
+										weight: "semibold",
+										className: "min-w-0 whitespace-normal break-words",
+										children: r
+									}), /* @__PURE__ */ L(i, {
+										tag: "span",
+										size: "xs",
+										type: "secondary",
+										className: "whitespace-nowrap",
+										children: B.groupCountLabel(Te.get(r ?? "") ?? 0)
+									})]
+								})
+							})
+						}), /* @__PURE__ */ R(O, {
+							className: "h-20 border-b border-border/70 last:border-b-0",
+							children: [
+								U && /* @__PURE__ */ L(k, {
+									className: "w-14 min-w-14 max-w-14 px-0 py-space-lg text-center align-middle",
+									style: { width: "3.5rem" },
+									children: /* @__PURE__ */ L(b, {
+										checked: f,
+										onCheckedChange: (t) => ke(e, t),
+										"aria-label": B.selectRowLabel(n),
+										className: "mx-auto"
+									})
+								}),
+								G.has("variant") && /* @__PURE__ */ L(k, {
+									className: "px-space-lg py-space-lg align-middle",
+									children: j("variant", S, bt, () => /* @__PURE__ */ R(s, {
+										gap: "xs",
+										children: [
+											/* @__PURE__ */ L(i, {
+												weight: "medium",
+												className: "min-w-0 whitespace-normal break-words",
+												children: S
+											}),
+											N,
+											!N && M && u === "text" && /* @__PURE__ */ L(i, {
+												size: "xs",
+												type: "secondary",
+												className: "min-w-0 whitespace-normal break-words",
+												children: v.map((t, n) => /* @__PURE__ */ R("span", { children: [n > 0 ? " / " : null, t] }, `${e.id}-option-text-${n}`))
+											}),
+											!N && M && u === "tags" && /* @__PURE__ */ L(s, {
+												direction: "horizontal",
+												gap: "xs",
+												children: v.map((t, n) => /* @__PURE__ */ L(m, {
+													size: "sm",
+													tone: "secondary",
+													className: "max-w-full",
+													children: t
+												}, `${e.id}-option-${n}`))
+											})
+										]
+									}))
+								}),
+								G.has("sku") && /* @__PURE__ */ L(k, {
+									className: "px-space-lg py-space-md align-middle",
+									children: j("sku", e.sku, Mt(d, "sku"), (t) => Pt(e.sku, `${B.headers.sku}: ${St(S)}`, t.cellDisplay, t.onValueChange, t.onBlur))
+								}),
+								G.has("price") && /* @__PURE__ */ L(k, {
+									className: "px-space-lg py-space-md align-middle",
+									children: j("price", e.price, Mt(d, "price"), (t) => Pt(e.price, `${B.headers.price}: ${St(S)}`, t.cellDisplay, t.onValueChange, t.onBlur))
+								}),
+								G.has("inventory") && /* @__PURE__ */ L(k, {
+									className: "px-space-lg py-space-md align-middle",
+									children: j("inventory", e.inventory, Mt(d, "inventory"), (t) => Pt(e.inventory, `${B.headers.inventory}: ${St(S)}`, t.cellDisplay, t.onValueChange, t.onBlur))
+								}),
+								G.has("status") && /* @__PURE__ */ L(k, {
+									className: "px-space-lg py-space-lg align-middle",
+									children: j("status", e.status, bt, () => e.status ? /* @__PURE__ */ L(m, {
+										tone: e.statusTone ?? "secondary",
+										children: e.status
+									}) : /* @__PURE__ */ L(i, {
+										type: "secondary",
+										children: "-"
+									}))
+								}),
+								G.has("updated") && /* @__PURE__ */ L(k, {
+									className: "px-space-lg py-space-lg align-middle",
+									children: j("updated", e.updatedAt, bt, () => /* @__PURE__ */ L(i, {
+										size: "xs",
+										type: "secondary",
+										children: kt(e.updatedAt)
+									}))
+								}),
+								Z && /* @__PURE__ */ L(k, {
+									className: "px-space-lg py-space-lg text-right align-middle",
+									children: re ? re(e, g) : /* @__PURE__ */ L(Ve, {
+										item: e,
+										actions: P,
+										menuLabel: B.headers.actions
+									})
+								})
+							]
+						})] }, e.id);
+					}) })
+				]
+			})
+		})]
+	});
+	return de === "embedded" ? /* @__PURE__ */ L("section", {
+		"aria-label": B.title,
+		className: n("product-variants-bulk-table--component min-w-0", fe),
+		children: Fe
+	}) : /* @__PURE__ */ L(_, {
+		icon: /* @__PURE__ */ L(_e, { className: "size-icon" }),
+		title: B.title,
+		description: B.description,
+		actions: oe,
+		headerAction: Ne,
+		headerEnd: ce,
+		footerSlot: le,
+		contentClassName: "mt-1",
+		className: n("product-variants-bulk-table--component w-full", fe),
+		children: Fe
+	});
+}
+Ft.displayName = "ProductVariantsBulkTable";
+//#endregion
+//#region src/components/features/products/components/product-variants-manager.tsx
+function It({ optionGroups: e = [], variants: a = [], visibleColumns: o, optionCombinationDisplay: c, cellDisplay: l, selectionMode: u, renderOptionCombination: d, renderCell: f, selectedVariantIds: p, defaultSelectedVariantIds: m, onSelectedVariantIdsChange: h, onVariantFieldChange: g, onVariantFieldBlur: v, collapsedOptionIds: ee, defaultCollapsedOptionIds: b, onCollapsedOptionIdsChange: x, editingOptionId: S, defaultEditingOptionId: C, onEditingOptionIdChange: w, onCreateOption: T, onEditOption: E, onDeleteOption: D, onAddValue: O, onDeleteValue: k, onOptionNameChange: te, onValueLabelChange: A, onDoneEditingOption: j, onSaveEditingOption: M, onCancelEditingOption: N, onToggleUsedForVariants: P, renderOptionActions: ne, renderValue: re, onCreateVariant: ie, onGenerateVariants: ae, onSelectVariant: oe, onEditVariant: ce, onDuplicateVariant: le, onDeleteVariant: ue, onBulkEdit: de, onBulkApply: fe, onBulkDelete: z, renderVariantActions: pe, renderBulkActions: me, groupByOptionId: B, defaultGroupByOptionId: he, onGroupByOptionIdChange: ge, onSearchVariants: _e, onFilterVariants: ye, controlsEnd: V, actions: U, headerEnd: be, footerSlot: Se, className: Ce, strings: G, optionsStrings: K, variantsStrings: q }) {
+	let J = t(je, G), we = I(() => e.filter((e) => e.usedForVariants !== !1), [e]), Te = we[0]?.id ?? null, Y = B !== void 0, [Ee, X] = se(he ?? Te), Z = B ?? Ee ?? Te, De = I(() => we.map((e) => ({
+		value: e.id,
+		label: String(typeof e.name == "string" || typeof e.name == "number" ? e.name : e.id)
+	})), [we]), Q = F((t) => {
+		let n = e.find((e) => e.id === t);
+		Y || X(t ?? null), ge?.(t, n);
+	}, [
+		Y,
+		ge,
+		e
+	]), Oe = ae || ie ? /* @__PURE__ */ R(s, {
+		direction: "horizontal",
+		gap: "sm",
+		justify: "end",
+		className: "product-variants-manager--header-actions",
+		children: [!!ae && /* @__PURE__ */ L(r, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "outline",
+			onClick: ae,
+			icon: xe,
+			children: J.generateLabel
+		}), !!ie && /* @__PURE__ */ L(r, {
+			type: "button",
+			tone: "secondary",
+			buttonStyle: "outline",
+			onClick: ie,
+			icon: H,
+			children: J.createVariantLabel
+		})]
+	}) : void 0;
+	return /* @__PURE__ */ L(_, {
+		title: J.title,
+		description: J.description,
+		actions: U,
+		actionsLabel: J.actionsLabel,
+		headerAction: Oe,
+		headerEnd: be,
+		footerSlot: Se,
+		contentClassName: "mt-1 px-0 pb-0",
+		className: n("product-variants-manager--component w-full", Ce),
+		children: /* @__PURE__ */ R(s, {
+			gap: "none",
+			className: "product-variants-manager--body",
+			children: [
+				/* @__PURE__ */ L("section", {
+					className: "product-variants-manager--options min-w-0 px-surface pb-space-lg",
+					children: /* @__PURE__ */ L(nt, {
+						optionGroups: e,
+						collapsedOptionIds: ee,
+						defaultCollapsedOptionIds: b,
+						onCollapsedOptionIdsChange: x,
+						editingOptionId: S,
+						defaultEditingOptionId: C,
+						onEditingOptionIdChange: w,
+						surface: "embedded",
+						onCreateOption: T,
+						onEditOption: E,
+						onDeleteOption: D,
+						onAddValue: O,
+						onDeleteValue: k,
+						onOptionNameChange: te,
+						onValueLabelChange: A,
+						onDoneEditingOption: j,
+						onSaveEditingOption: M,
+						onCancelEditingOption: N,
+						onToggleUsedForVariants: P,
+						renderOptionActions: ne,
+						renderValue: re,
+						showHeader: !1,
+						showCollapseControls: !1,
+						showInlineActions: !1,
+						showVariantToggle: !1,
+						strings: {
+							title: J.optionsTitle,
+							...K
+						}
+					})
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "product-variants-manager--controls border-t border-border/70 px-surface py-space-md",
+					children: /* @__PURE__ */ R(s, {
+						direction: "horizontal",
+						gap: "md",
+						justify: "between",
+						children: [/* @__PURE__ */ R(s, {
+							direction: "horizontal",
+							gap: "sm",
+							wrap: !1,
+							className: "product-variants-manager--group-by",
+							children: [/* @__PURE__ */ L(i, {
+								type: "secondary",
+								className: "whitespace-nowrap",
+								children: J.groupByLabel
+							}), De.length > 0 && /* @__PURE__ */ L(y, {
+								options: De,
+								value: Z,
+								onValueChange: Q,
+								"aria-label": J.groupByLabel,
+								className: "min-w-32 bg-background"
+							})]
+						}), /* @__PURE__ */ R(s, {
+							direction: "horizontal",
+							gap: "sm",
+							justify: "end",
+							wrap: !1,
+							className: "product-variants-manager--controls-end",
+							children: [/* @__PURE__ */ R("div", {
+								className: "product-variants-manager--tool-buttons inline-flex overflow-hidden rounded-radius border border-border bg-background shadow-xs",
+								children: [/* @__PURE__ */ R(r, {
+									type: "button",
+									size: "sm",
+									iconOnly: !0,
+									tone: "secondary",
+									buttonStyle: "ghost",
+									onClick: _e,
+									"aria-label": J.searchLabel,
+									className: "rounded-none border-r border-border text-muted-foreground hover:text-foreground",
+									children: [/* @__PURE__ */ L(W, {
+										className: "size-icon-sm",
+										"aria-hidden": "true"
+									}), /* @__PURE__ */ L(i, {
+										tag: "span",
+										size: "pxs",
+										className: "sr-only",
+										children: J.searchLabel
+									})]
+								}), /* @__PURE__ */ R(r, {
+									type: "button",
+									size: "sm",
+									iconOnly: !0,
+									tone: "secondary",
+									buttonStyle: "ghost",
+									onClick: ye,
+									"aria-label": J.filterLabel,
+									className: "rounded-none text-muted-foreground hover:text-foreground",
+									children: [/* @__PURE__ */ L(ve, {
+										className: "size-icon-sm",
+										"aria-hidden": "true"
+									}), /* @__PURE__ */ L(i, {
+										tag: "span",
+										size: "pxs",
+										className: "sr-only",
+										children: J.filterLabel
+									})]
+								})]
+							}), V]
+						})]
+					})
+				}),
+				/* @__PURE__ */ L("section", {
+					className: "product-variants-manager--variants min-w-0 px-surface pb-surface pt-space-md",
+					children: /* @__PURE__ */ L(Ft, {
+						variants: a,
+						optionGroups: e,
+						groupByOptionId: Z,
+						visibleColumns: o,
+						optionCombinationDisplay: c,
+						cellDisplay: l,
+						selectionMode: u,
+						renderOptionCombination: d,
+						renderCell: f,
+						surface: "embedded",
+						selectedVariantIds: p,
+						defaultSelectedVariantIds: m,
+						onSelectedVariantIdsChange: h,
+						onVariantFieldChange: g,
+						onVariantFieldBlur: v,
+						onCreateVariant: ie,
+						onGenerateVariants: ae,
+						onSelectVariant: oe,
+						onEditVariant: ce,
+						onDuplicateVariant: le,
+						onDeleteVariant: ue,
+						onBulkEdit: de,
+						onBulkApply: fe,
+						onBulkDelete: z,
+						renderVariantActions: pe,
+						renderBulkActions: me,
+						strings: {
+							title: J.variantsTitle,
+							generateLabel: J.generateLabel,
+							...q
+						}
+					})
+				})
+			]
+		})
+	});
+}
+It.displayName = "ProductVariantsManager";
+//#endregion
+export { Je as ProductContractOverview, Ye as ProductDetailsCard, Ze as ProductOperationsCard, Xe as ProductOptionActionMenu, nt as ProductOptionsMatrix, rt as ProductOptionsSummary, dt as ProductOverview, it as ProductPoliciesCard, at as ProductQuotePreviewCard, ot as ProductReadinessCard, st as ProductStructureCard, ft as ProductVariantActionMenu, ht as ProductVariantDetails, _t as ProductVariantEditor, Ft as ProductVariantsBulkTable, It as ProductVariantsManager, ut as ProductVariantsTable, Ee as defaultProductContractOverviewStrings, Y as defaultProductDetailsCardStrings, Te as defaultProductOperationsCardStrings, Z as defaultProductOptionActionMenuStrings, De as defaultProductOptionsMatrixStrings, X as defaultProductOptionsSummaryStrings, Fe as defaultProductOverviewStrings, Oe as defaultProductPoliciesCardStrings, Q as defaultProductQuotePreviewCardStrings, J as defaultProductReadinessCardStrings, we as defaultProductStructureCardStrings, Me as defaultProductVariantActionMenuStrings, Ne as defaultProductVariantDetailsStrings, Pe as defaultProductVariantEditorStrings, Ae as defaultProductVariantsBulkTableStrings, je as defaultProductVariantsManagerStrings, ke as defaultProductVariantsTableStrings };
+
+//# sourceMappingURL=products.js.map