themelia-ui 1.0.0

package/dist/features/products.js

@@ -0,0 +1,2060 @@
+"use client";
+import "../core.css";
+import "../css/products.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { i as t, o as n } from "../typography-vC_wwEBm.js";
+import { p as r, s as i } from "../feedback-DHdvxang.js";
+import { c as a } from "../buttons-CabBjPap.js";
+import { n as o } from "../action-menu-jAPdRvbi.js";
+import { d as s, l as c, n as l, v as u } from "../display-DTWjv_bB.js";
+import { o as d } from "../structure-es_UqqmD.js";
+import { T as f, U as p } from "../primitives-D-cyAv5O.js";
+import { t as m } from "../badge-DwsR_WXN.js";
+import { c as h, i as g, n as _, o as v, r as y, t as b, u as x } from "../item-CVi-_7OU.js";
+import { y as S } from "../upload-4YDU7od8.js";
+import { u as C } from "../forms-BjJns3n7.js";
+import { t as ee } from "../strings-Co9_qArR.js";
+import { c as w, l as T } from "../text-inputs-BMW3hP0R.js";
+import { c as E, i as D, l as O, n as k, s as A, t as j } from "../table-MIC6hYQ7.js";
+import { s as M, t as N, x as P } from "../choice-inputs-B4fseaKf.js";
+import { t as F } from "../batch-action-bar-B42CIB6A.js";
+import { s as I } from "../repeaters-birDhmqY.js";
+import { i as te, t as ne } from "../overlays-BN7GOm51.js";
+import { t as re } from "../use-synced-state-DnZ4lW4g.js";
+import { C as ie } from "../table-DTaGJ0WS.js";
+import { ArrowLeftIcon as ae, BoxesIcon as L, ChevronDownIcon as R, ChevronRightIcon as z, ClipboardCheckIcon as oe, CopyIcon as se, EyeIcon as B, FileTextIcon as ce, ImagePlusIcon as V, LayersIcon as le, ListChecksIcon as ue, PencilIcon as H, PlusIcon as U, ReceiptIcon as W, RotateCcwIcon as G, SaveIcon as de, SettingsIcon as fe, ShieldCheckIcon as pe, SparklesIcon as me, Trash2Icon as K, XIcon as he } from "lucide-react";
+import { Fragment as ge, useId as _e, useMemo as ve, useState as q } from "react";
+import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
+//#region src/components/features/products/product-tone.ts
+var ye = {
+	neutral: "neutral",
+	primary: "primary",
+	success: "success",
+	warning: "warning",
+	destructive: "destructive",
+	info: "info"
+}, be = {
+	title: "Readiness",
+	description: "What is still needed before this can go live.",
+	scoreLabel: "Complete",
+	progressLabel: "Readiness",
+	createLabel: "Add a check",
+	editLabel: "Edit",
+	deleteLabel: "Delete",
+	actionLabel: "Resolve",
+	actionsLabel: "Check actions",
+	emptyTitle: "Nothing outstanding",
+	emptyDescription: "Every readiness check has passed."
+}, xe = {
+	title: "Structure",
+	description: "How this product is put together.",
+	createLabel: "Add a metric",
+	editLabel: "Edit",
+	deleteLabel: "Delete",
+	actionsLabel: "Metric actions",
+	emptyTitle: "No metrics yet",
+	emptyDescription: "Add one to summarise how this product is structured."
+}, Se = {
+	title: "Operations",
+	description: "How this product is delivered and supported.",
+	createLabel: "Add an entry",
+	editLabel: "Edit",
+	deleteLabel: "Delete",
+	actionLabel: "Open",
+	actionsLabel: "Entry actions",
+	emptyTitle: "Nothing configured",
+	emptyDescription: "Add an operational detail to show it here."
+}, Ce = {
+	title: "Details",
+	description: "The facts that identify this product.",
+	editLabel: "Edit details",
+	emptyTitle: "No details yet",
+	emptyDescription: "Add the facts that identify this product."
+}, we = {
+	title: "Contract",
+	description: "The commercial terms this product is sold under.",
+	termsTitle: "Terms",
+	rulesTitle: "Rules",
+	openLabel: "Open contract",
+	editLabel: "Edit",
+	createRuleLabel: "Add a rule",
+	editRuleLabel: "Edit",
+	deleteRuleLabel: "Delete",
+	ruleActionsLabel: "Rule actions",
+	emptyTitle: "No rules yet",
+	emptyDescription: "Add a rule to govern how this product is sold."
+}, Te = {
+	title: "Policies",
+	description: "Cancellation, refunds, and everything else the customer agrees to.",
+	createLabel: "Add a policy",
+	editLabel: "Edit",
+	deleteLabel: "Delete",
+	actionsLabel: "Policy actions",
+	emptyTitle: "No policies yet",
+	emptyDescription: "Add one to say what the customer is agreeing to."
+}, Ee = {
+	title: "Options",
+	description: "What a customer chooses between.",
+	manageLabel: "Manage options",
+	createLabel: "Add an option",
+	editLabel: "Edit",
+	deleteLabel: "Delete",
+	actionLabel: "Open",
+	actionsLabel: "Option actions",
+	emptyTitle: "No options yet",
+	emptyDescription: "Add one — size, colour, duration — to generate variants from it."
+}, De = {
+	title: "Options and values",
+	description: "Each option's values combine into the variants below.",
+	createLabel: "Add an option",
+	editLabel: "Edit",
+	deleteLabel: "Delete",
+	actionsLabel: "Option actions",
+	nameLabel: "Option name",
+	namePlaceholder: "Size",
+	valuesLabel: "Values",
+	valuePlaceholder: "Large",
+	addValueLabel: "Add a value",
+	removeValueLabel: "Remove",
+	usedForVariantsLabel: "Generates variants",
+	usedForVariantsDescription: "Combine this option's values with the others.",
+	saveLabel: "Save",
+	cancelLabel: "Cancel",
+	doneLabel: "Done",
+	noValues: "No values yet.",
+	confirmDeleteTitle: "Delete this option?",
+	confirmDeleteDescription: (e) => `Every variant generated from “${e}” goes with it. This cannot be undone.`,
+	confirmDeleteConfirm: "Delete option",
+	confirmDeleteCancel: "Keep it",
+	emptyTitle: "No options yet",
+	emptyDescription: "Add one — size, colour, duration — to generate variants from it."
+}, Oe = {
+	menuLabel: "Variant actions",
+	openLabel: "Open",
+	editLabel: "Edit",
+	duplicateLabel: "Duplicate",
+	deleteLabel: "Delete"
+}, ke = {
+	title: "Variants",
+	description: "Every combination this product is sold as.",
+	createLabel: "Add a variant",
+	columns: {
+		actions: "Actions",
+		variant: "Variant",
+		sku: "SKU",
+		price: "Price",
+		inventory: "Stock",
+		channels: "Channels",
+		status: "Status",
+		updated: "Updated"
+	},
+	emptyTitle: "No variants yet",
+	emptyDescription: "Add an option above, then generate the variants from it."
+}, Ae = {
+	...ke,
+	generateLabel: "Generate variants",
+	selectAllLabel: "Select every variant",
+	selectRowLabel: (e) => `Select ${e}`,
+	selectedCount: (e, t) => `${e} of ${t} selected`,
+	clearSelection: "Clear selection",
+	bulkEditLabel: "Edit selected",
+	bulkDeleteLabel: "Delete selected",
+	groupLabel: (e, t) => `${e}: ${t}`,
+	ungrouped: "Everything else",
+	groupCount: (e) => `${e} ${e === 1 ? "variant" : "variants"}`,
+	selectGroupLabel: (e) => `Select every variant in ${e}`,
+	expandGroup: "Show these variants",
+	collapseGroup: "Hide these variants",
+	setImageLabel: (e) => `Choose a picture for ${e}`
+}, je = {
+	title: "Variants",
+	groupByLabel: "Group by",
+	groupByNone: "Nothing"
+}, Me = {
+	title: "Overview",
+	description: "How this product is doing."
+}, Ne = {
+	title: "Quote preview",
+	description: "What a customer sees before they book.",
+	recalculateLabel: "Recalculate",
+	emptyTitle: "Nothing to price yet",
+	emptyDescription: "Add a rate or a policy to see the quote build up."
+}, Pe = "—", Fe = {
+	viewLabel: "Open option",
+	editLabel: "Edit option",
+	deleteLabel: "Delete option",
+	actionsLabel: "Option actions"
+}, Ie = {
+	title: "Variant",
+	description: "Options, pricing, and fulfilment for one sellable variant.",
+	backLabel: "Back",
+	factsTitle: "Variant facts",
+	selectedOptionsTitle: "Selected options",
+	relatedOptionsTitle: "Option groups",
+	viewOptionLabel: "Open option",
+	emptyTitle: "No variant selected",
+	emptyDescription: "Choose one from the table to see what it is made of.",
+	metadata: {
+		price: "Price",
+		inventory: "Available",
+		sku: "SKU",
+		channels: "Channels",
+		updated: "Updated"
+	}
+}, Le = {
+	title: "Edit variant",
+	description: "Identity, pricing, inventory, and the option values this variant stands for.",
+	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: "€24.00",
+		inventory: "82",
+		status: "Active",
+		channels: "Online store, POS"
+	}
+}, Z = {
+	light: "products-module__light___NX7nn",
+	dark: "products-module__dark___JFZSR",
+	card: "products-module__card___Iphcc",
+	dot: "products-module__dot___Z7MwU",
+	rowMedia: "products-module__rowMedia___Gq0Tn",
+	metricValue: "products-module__metricValue___r0FRr",
+	quoteValue: "products-module__quoteValue___yqYlF",
+	row: "products-module__row___NXSOr",
+	rowContent: "products-module__rowContent___9z9lk",
+	rowTrailing: "products-module__rowTrailing___0VKaw",
+	rowChevron: "products-module__rowChevron___GVvWA",
+	rowValues: "products-module__rowValues___-4bC6",
+	rowActions: "products-module__rowActions___ABai1",
+	score: "products-module__score___xghK-",
+	scoreHead: "products-module__scoreHead___X6OiT",
+	numeric: "products-module__numeric___-BYWH",
+	section: "products-module__section___oY7ll",
+	sectionHead: "products-module__sectionHead___9bLK7",
+	media: "products-module__media___7p5jU",
+	empty: "products-module__empty___xWz4-",
+	quoteTotal: "products-module__quoteTotal___CatN0",
+	quoteTotalRow: "products-module__quoteTotalRow___2h1Qz",
+	matrix: "products-module__matrix___Wpmu3",
+	optionList: "products-module__optionList___iRKfu",
+	optionRow: "products-module__optionRow___kboKH",
+	optionHead: "products-module__optionHead___Wao43",
+	optionToggle: "products-module__optionToggle___ePkh0",
+	optionChevron: "products-module__optionChevron___8LRYw",
+	optionName: "products-module__optionName___5fsT-",
+	optionText: "products-module__optionText___XkNxo",
+	optionActions: "products-module__optionActions___H65s-",
+	optionValues: "products-module__optionValues___W30tu",
+	optionEditor: "products-module__optionEditor___Vxg3W",
+	optionValueFields: "products-module__optionValueFields___wO3-O",
+	optionValueField: "products-module__optionValueField___sW3pF",
+	optionEditorActions: "products-module__optionEditorActions___3S2NZ",
+	variants: "products-module__variants___bPHbW",
+	variantHead: "products-module__variantHead___E1irA",
+	variantCell: "products-module__variantCell___OIJJN",
+	variantOptions: "products-module__variantOptions___WIhOA",
+	variantFieldCell: "products-module__variantFieldCell___0aq3K",
+	variantField: "products-module__variantField___VDV9f",
+	selectCell: "products-module__selectCell___GuQ2V",
+	groupRow: "products-module__groupRow___njwYe",
+	groupChevron: "products-module__groupChevron___6mFxx",
+	variantRow: "products-module__variantRow___ikIot",
+	manager: "products-module__manager___HNVIb",
+	managerHead: "products-module__managerHead___uf2m-",
+	managerTitle: "products-module__managerTitle___YSItU",
+	managerActions: "products-module__managerActions___xA89j",
+	managerOptions: "products-module__managerOptions___mJ9bW",
+	managerToolbar: "products-module__managerToolbar___UpEz9",
+	managerGroupBy: "products-module__managerGroupBy___T-JoW",
+	editor: "products-module__editor___AEnas",
+	editorForm: "products-module__editorForm___T3hzy",
+	fields: "products-module__fields___GFaWm",
+	fieldWide: "products-module__fieldWide___Mg6l9",
+	editorFooter: "products-module__editorFooter___hMO4i",
+	editorFooterEnd: "products-module__editorFooterEnd___PyMi0",
+	variantPair: "products-module__variantPair___ZS-pl",
+	variantPairLabel: "products-module__variantPairLabel___jriz5",
+	thumb: "products-module__thumb___iNd4I",
+	thumbImage: "products-module__thumbImage___7owaq"
+};
+//#endregion
+//#region src/components/features/products/product-parts.tsx
+function Re(e, t) {
+	let n = (e) => typeof e == "string" || typeof e == "number" ? String(e) : "", r = n(e), i = n(t);
+	if (!(!r && !i)) return r && i ? `${r}: ${i}` : r || i;
+}
+function ze({ tone: t = "neutral" }) {
+	return /* @__PURE__ */ Y("span", {
+		"aria-hidden": !0,
+		"data-tone": t,
+		className: e("product-tone-dot--component", Z.dot)
+	});
+}
+function Be({ src: t, alt: n, media: r, onSelect: i, label: a, className: o }) {
+	let s = r ?? (t ? /* @__PURE__ */ Y(S, {
+		src: t,
+		alt: n,
+		fallback: /* @__PURE__ */ Y(V, { "aria-hidden": !0 }),
+		className: Z.thumbImage
+	}) : /* @__PURE__ */ Y(V, { "aria-hidden": !0 })), c = !!r || !!t, l = e("product-thumbnail--component", Z.thumb, o);
+	return i ? /* @__PURE__ */ Y("button", {
+		type: "button",
+		"aria-label": a,
+		"data-filled": c || void 0,
+		className: l,
+		onClick: i,
+		children: s
+	}) : /* @__PURE__ */ Y("span", {
+		"aria-hidden": !n || void 0,
+		"data-filled": c || void 0,
+		className: l,
+		children: s
+	});
+}
+function Q({ title: t, description: n, action: i, className: a }) {
+	return /* @__PURE__ */ Y(r, {
+		padding: "md",
+		border: !0,
+		title: t,
+		description: n,
+		action: i,
+		className: e("product-empty-state--component", Z.empty, a)
+	});
+}
+function Ve({ item: t, actions: n, menuLabel: r, className: i }) {
+	return n.length === 0 ? null : /* @__PURE__ */ Y("div", {
+		className: e("product-row-actions--component", Z.rowActions, i),
+		children: /* @__PURE__ */ Y(ie, {
+			row: t,
+			actions: n,
+			menuLabel: r,
+			displayMode: "menu"
+		})
+	});
+}
+function He({ tone: e = "neutral", label: t, description: n, media: r, trailing: i, onSelect: a, selectLabel: o, children: s }) {
+	let c = !!a;
+	return /* @__PURE__ */ X(b, {
+		render: c ? /* @__PURE__ */ Y("button", { type: "button" }) : void 0,
+		onClick: a,
+		"aria-label": o,
+		"data-interactive": c || void 0,
+		className: Z.row,
+		children: [
+			/* @__PURE__ */ Y(h, {
+				variant: "icon",
+				"data-tone": e,
+				className: Z.rowMedia,
+				children: r ?? /* @__PURE__ */ Y(ze, { tone: e })
+			}),
+			/* @__PURE__ */ X(y, {
+				className: Z.rowContent,
+				children: [
+					/* @__PURE__ */ Y(x, { children: t }),
+					!!n && /* @__PURE__ */ Y(g, { children: n }),
+					s
+				]
+			}),
+			(!!i || c) && /* @__PURE__ */ X(_, {
+				className: Z.rowTrailing,
+				children: [i, c && /* @__PURE__ */ Y(z, {
+					"aria-hidden": !0,
+					className: Z.rowChevron
+				})]
+			})
+		]
+	});
+}
+function Ue({ metric: t, actions: n }) {
+	return /* @__PURE__ */ Y(He, {
+		tone: t.tone ?? "neutral",
+		label: t.label,
+		description: t.description,
+		media: t.icon,
+		trailing: /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(p, {
+			weight: "semibold",
+			className: e("product-structure-metric-row--component", Z.numeric),
+			children: t.value
+		}), n] })
+	});
+}
+function We({ item: e, actionFallback: t, onSelect: n, actions: r }) {
+	let i = e.tone ?? (e.completed ? "success" : "neutral"), a = e.onSelect ?? n, o = r ? void 0 : a;
+	return /* @__PURE__ */ Y(He, {
+		tone: i,
+		label: e.label,
+		description: e.description,
+		onSelect: o,
+		selectLabel: o ? Re(e.actionLabel ?? t, e.label) : void 0,
+		trailing: e.value || r ? /* @__PURE__ */ X(J, { children: [!!e.value && /* @__PURE__ */ Y(m, {
+			tone: ye[i],
+			children: e.value
+		}), r] }) : void 0
+	});
+}
+function Ge({ item: e, actionFallback: t, onSelect: r, actions: i }) {
+	let a = e.tone ?? "neutral", o = e.onSelect ?? r, s = i ? void 0 : o;
+	return /* @__PURE__ */ Y(He, {
+		tone: a,
+		label: e.label,
+		description: e.description,
+		onSelect: s,
+		selectLabel: s ? Re(e.actionLabel ?? t, e.label) : void 0,
+		trailing: e.value || i ? /* @__PURE__ */ X(J, { children: [!!e.value && /* @__PURE__ */ Y(n, {
+			tag: "span",
+			weight: "semibold",
+			children: e.value
+		}), i] }) : void 0
+	});
+}
+function Ke({ item: e, actionLabel: t, onSelect: r, actions: i }) {
+	let a = e.tone ?? "neutral", o = "values" in e ? e.values : void 0, s = i ? void 0 : r;
+	return /* @__PURE__ */ Y(He, {
+		tone: a,
+		label: e.label,
+		description: e.description,
+		onSelect: s,
+		selectLabel: s ? Re(t, e.label) : void 0,
+		trailing: e.value || e.badge || i ? /* @__PURE__ */ X(J, { children: [
+			!!e.value && /* @__PURE__ */ Y(n, {
+				tag: "span",
+				weight: "semibold",
+				children: e.value
+			}),
+			e.badge,
+			i
+		] }) : void 0,
+		children: !!o?.length && /* @__PURE__ */ Y("div", {
+			className: Z.rowValues,
+			children: o.map((e, t) => /* @__PURE__ */ Y(m, {
+				tone: "neutral",
+				children: e
+			}, t))
+		})
+	});
+}
+function qe({ option: t, index: n = 0, onSelectOption: r, onEditOption: i, onDeleteOption: a, renderOptionActions: o, menuLabel: s, className: c, strings: l }) {
+	let u = {
+		...Fe,
+		...l
+	}, d = r ? () => r(t) : void 0, f = i ? () => i(t) : void 0, p = a ? () => a(t) : void 0;
+	return o ? /* @__PURE__ */ Y("div", {
+		className: e("product-option-action-menu--component", Z.rowActions, c),
+		children: o(t, {
+			index: n,
+			onSelect: d,
+			onEdit: f,
+			onDelete: p
+		})
+	}) : /* @__PURE__ */ Y(Ve, {
+		item: t,
+		menuLabel: s ?? u.actionsLabel,
+		className: e("product-option-action-menu--component", c),
+		actions: [
+			...d ? [{
+				id: "open",
+				label: u.viewLabel,
+				icon: /* @__PURE__ */ Y(B, {}),
+				onClick: d
+			}] : [],
+			...f ? [{
+				id: "edit",
+				label: u.editLabel,
+				icon: /* @__PURE__ */ Y(H, {}),
+				onClick: f
+			}] : [],
+			...p ? [{
+				id: "delete",
+				label: u.deleteLabel,
+				icon: /* @__PURE__ */ Y(K, {}),
+				tone: "destructive",
+				onClick: p
+			}] : []
+		]
+	});
+}
+function Je({ label: r, weight: i, className: a, children: o }) {
+	return /* @__PURE__ */ X("div", {
+		className: e("product-variant-cell--component", Z.variantPair, a),
+		children: [/* @__PURE__ */ Y(t, {
+			className: Z.variantPairLabel,
+			children: r
+		}), /* @__PURE__ */ Y(n, {
+			weight: i,
+			truncate: !0,
+			children: o
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/products/product-percent.ts
+function Ye(e) {
+	return Number.isFinite(e) ? Math.min(100, Math.max(0, Math.round(e))) : 0;
+}
+//#endregion
+//#region src/components/features/products/product-cards.tsx
+function Xe(e, t, n, r) {
+	return [...n ? [{
+		id: "edit",
+		label: e,
+		icon: /* @__PURE__ */ Y(H, {}),
+		onClick: n
+	}] : [], ...r ? [{
+		id: "delete",
+		label: t,
+		icon: /* @__PURE__ */ Y(K, {}),
+		tone: "destructive",
+		onClick: r
+	}] : []];
+}
+function Ze(e, t, n, r) {
+	if (e) return e;
+	if (n.length !== 0) return /* @__PURE__ */ Y(Ve, {
+		item: t,
+		actions: n,
+		menuLabel: r
+	});
+}
+function Qe(e) {
+	return e.map((e) => ({
+		id: e.id,
+		label: e.label,
+		description: e.description,
+		render: () => /* @__PURE__ */ Y(p, {
+			weight: "semibold",
+			"data-tone": e.tone ?? "neutral",
+			className: Z.metricValue,
+			children: e.value
+		})
+	}));
+}
+function $e(e, t, n, r) {
+	if (!(!t && !n?.length && !r)) return /* @__PURE__ */ X(J, { children: [
+		r,
+		!!t && /* @__PURE__ */ X(a, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "ghost",
+			onClick: t,
+			children: [/* @__PURE__ */ Y(U, {}), e]
+		}),
+		!!n?.length && /* @__PURE__ */ Y(o, { actions: n })
+	] });
+}
+function et({ items: t = [], score: r, scoreLabel: o, summary: s, onCreateReadinessItem: l, onSelectReadinessItem: u, onEditReadinessItem: d, onDeleteReadinessItem: p, renderReadinessItemActions: m, actions: h, footerSlot: g, renderItem: _, empty: y, className: b, strings: x }) {
+	let S = {
+		...be,
+		...x
+	}, C = r === void 0 ? void 0 : Ye(r);
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(oe, {}),
+		title: S.title,
+		description: S.description,
+		headerEnd: $e(S.createLabel, l, h),
+		className: e("product-readiness-card--component", Z.card, b),
+		children: [
+			C !== void 0 && /* @__PURE__ */ X("div", {
+				className: Z.score,
+				children: [/* @__PURE__ */ X("div", {
+					className: Z.scoreHead,
+					children: [/* @__PURE__ */ Y(n, {
+						size: "xs",
+						type: "secondary",
+						children: o ?? S.scoreLabel
+					}), /* @__PURE__ */ Y(f, {
+						value: C,
+						scaled: !0,
+						size: "xs",
+						weight: "semibold"
+					})]
+				}), /* @__PURE__ */ Y(i, {
+					value: C,
+					"aria-label": typeof o == "string" ? o : S.progressLabel
+				})]
+			}),
+			!!s && /* @__PURE__ */ Y(n, {
+				type: "secondary",
+				children: s
+			}),
+			t.length === 0 ? y ?? /* @__PURE__ */ Y(Q, {
+				title: S.emptyTitle,
+				description: S.emptyDescription,
+				action: l ? /* @__PURE__ */ X(a, {
+					type: "button",
+					onClick: l,
+					children: [/* @__PURE__ */ Y(U, {}), S.createLabel]
+				}) : void 0
+			}) : /* @__PURE__ */ Y(v, { children: t.map((e, t) => {
+				if (_) return /* @__PURE__ */ Y("div", { children: _(e, t) }, e.id);
+				let n = u ? () => u(e) : void 0, r = d ? () => d(e) : void 0, i = p ? () => p(e) : void 0, a = {
+					index: t,
+					onSelect: n,
+					onEdit: r,
+					onDelete: i
+				};
+				return /* @__PURE__ */ Y(We, {
+					item: e,
+					actionFallback: S.actionLabel,
+					onSelect: n,
+					actions: Ze(m?.(e, a), e, Xe(S.editLabel, S.deleteLabel, r, i), S.actionsLabel)
+				}, e.id);
+			}) }),
+			g
+		]
+	});
+}
+function tt({ metrics: t = [], onCreateMetric: n, onSelectMetric: r, onEditMetric: i, onDeleteMetric: a, renderMetricActions: o, actions: s, footerSlot: l, empty: u, className: d, strings: f }) {
+	let p = {
+		...xe,
+		...f
+	};
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(le, {}),
+		title: p.title,
+		description: p.description,
+		headerEnd: $e(p.createLabel, n, s),
+		className: e("product-structure-card--component", Z.card, d),
+		children: [t.length === 0 ? u ?? /* @__PURE__ */ Y(Q, {
+			title: p.emptyTitle,
+			description: p.emptyDescription
+		}) : /* @__PURE__ */ Y(v, { children: t.map((e, t) => {
+			let n = r ? () => r(e) : void 0, s = i ? () => i(e) : void 0, c = a ? () => a(e) : void 0;
+			return /* @__PURE__ */ Y(Ue, {
+				metric: e,
+				actions: Ze(o?.(e, {
+					index: t,
+					onSelect: n,
+					onEdit: s,
+					onDelete: c
+				}), e, Xe(p.editLabel, p.deleteLabel, s, c), p.actionsLabel)
+			}, e.id);
+		}) }), l]
+	});
+}
+function nt({ items: t = [], onCreateOperation: n, onSelectOperation: r, onEditOperation: i, onDeleteOperation: a, renderOperationActions: o, actions: s, footerSlot: l, renderItem: u, empty: d, className: f, strings: p }) {
+	let m = {
+		...Se,
+		...p
+	};
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(fe, {}),
+		title: m.title,
+		description: m.description,
+		headerEnd: $e(m.createLabel, n, s),
+		className: e("product-operations-card--component", Z.card, f),
+		children: [t.length === 0 ? d ?? /* @__PURE__ */ Y(Q, {
+			title: m.emptyTitle,
+			description: m.emptyDescription
+		}) : /* @__PURE__ */ Y(v, { children: t.map((e, t) => {
+			if (u) return /* @__PURE__ */ Y("div", { children: u(e, t) }, e.id);
+			let n = r ? () => r(e) : void 0, s = i ? () => i(e) : void 0, c = a ? () => a(e) : void 0;
+			return /* @__PURE__ */ Y(Ge, {
+				item: e,
+				actionFallback: m.actionLabel,
+				onSelect: n,
+				actions: Ze(o?.(e, {
+					index: t,
+					onSelect: n,
+					onEdit: s,
+					onDelete: c
+				}), e, Xe(m.editLabel, m.deleteLabel, s, c), m.actionsLabel)
+			}, e.id);
+		}) }), l]
+	});
+}
+function rt({ title: t, description: n, metadata: r = [], media: i, onEditDetails: s, actions: u, headerEnd: d, footerSlot: f, empty: p, className: m, strings: h }) {
+	let g = {
+		...Ce,
+		...h
+	};
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(ce, {}),
+		title: t ?? g.title,
+		description: n === !1 ? void 0 : n ?? g.description,
+		headerEnd: /* @__PURE__ */ X(J, { children: [
+			d,
+			!!s && /* @__PURE__ */ X(a, {
+				type: "button",
+				tone: "neutral",
+				buttonStyle: "ghost",
+				onClick: s,
+				children: [/* @__PURE__ */ Y(H, {}), g.editLabel]
+			}),
+			!!u?.length && /* @__PURE__ */ Y(o, { actions: u })
+		] }),
+		className: e("product-details-card--component", Z.card, m),
+		children: [
+			!!i && /* @__PURE__ */ Y("div", {
+				className: Z.media,
+				children: i
+			}),
+			r.length === 0 ? p ?? /* @__PURE__ */ Y(Q, {
+				title: g.emptyTitle,
+				description: g.emptyDescription
+			}) : /* @__PURE__ */ Y(l, {
+				items: r,
+				columns: 2
+			}),
+			f
+		]
+	});
+}
+function it({ metricColumns: t = 3, metrics: r = [], terms: i = [], rules: s = [], onOpenContract: u, onEditContract: d, onCreateRule: f, onSelectRule: p, onEditRule: m, onDeleteRule: h, renderRuleActions: g, actions: _, footerSlot: y, empty: b, className: x, strings: S }) {
+	let C = {
+		...we,
+		...S
+	};
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(pe, {}),
+		title: C.title,
+		description: C.description,
+		headerEnd: /* @__PURE__ */ X(J, { children: [
+			!!u && /* @__PURE__ */ Y(a, {
+				type: "button",
+				tone: "neutral",
+				buttonStyle: "ghost",
+				onClick: u,
+				children: C.openLabel
+			}),
+			!!d && /* @__PURE__ */ X(a, {
+				type: "button",
+				tone: "neutral",
+				buttonStyle: "ghost",
+				onClick: d,
+				children: [/* @__PURE__ */ Y(H, {}), C.editLabel]
+			}),
+			!!_?.length && /* @__PURE__ */ Y(o, { actions: _ })
+		] }),
+		className: e("product-contract-overview--component", Z.card, x),
+		children: [
+			r.length > 0 && /* @__PURE__ */ Y(l, {
+				columns: t,
+				items: Qe(r)
+			}),
+			i.length > 0 && /* @__PURE__ */ X("section", {
+				className: Z.section,
+				children: [/* @__PURE__ */ Y(n, {
+					size: "xs",
+					type: "discrete",
+					children: C.termsTitle
+				}), /* @__PURE__ */ Y(l, {
+					items: i,
+					columns: 2
+				})]
+			}),
+			/* @__PURE__ */ X("section", {
+				className: Z.section,
+				children: [/* @__PURE__ */ X("div", {
+					className: Z.sectionHead,
+					children: [/* @__PURE__ */ Y(n, {
+						size: "xs",
+						type: "discrete",
+						children: C.rulesTitle
+					}), !!f && /* @__PURE__ */ X(a, {
+						type: "button",
+						tone: "neutral",
+						buttonStyle: "ghost",
+						onClick: f,
+						children: [/* @__PURE__ */ Y(U, {}), C.createRuleLabel]
+					})]
+				}), s.length === 0 ? b ?? /* @__PURE__ */ Y(Q, {
+					title: C.emptyTitle,
+					description: C.emptyDescription
+				}) : /* @__PURE__ */ Y(v, { children: s.map((e, t) => {
+					let n = p ? () => p(e) : void 0, r = m ? () => m(e) : void 0, i = h ? () => h(e) : void 0;
+					return /* @__PURE__ */ Y(Ke, {
+						item: e,
+						onSelect: n,
+						actions: Ze(g?.(e, {
+							index: t,
+							onSelect: n,
+							onEdit: r,
+							onDelete: i
+						}), e, Xe(C.editRuleLabel, C.deleteRuleLabel, r, i), C.ruleActionsLabel)
+					}, e.id);
+				}) })]
+			}),
+			y
+		]
+	});
+}
+function at({ policies: t = [], onCreatePolicy: n, onSelectPolicy: r, onEditPolicy: i, onDeletePolicy: a, renderPolicyActions: o, actions: s, footerSlot: l, empty: u, className: d, strings: f }) {
+	let p = {
+		...Te,
+		...f
+	};
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(pe, {}),
+		title: p.title,
+		description: p.description,
+		headerEnd: $e(p.createLabel, n, s),
+		className: e("product-policies-card--component", Z.card, d),
+		children: [t.length === 0 ? u ?? /* @__PURE__ */ Y(Q, {
+			title: p.emptyTitle,
+			description: p.emptyDescription
+		}) : /* @__PURE__ */ Y(v, { children: t.map((e, t) => {
+			let n = r ? () => r(e) : void 0, s = i ? () => i(e) : void 0, c = a ? () => a(e) : void 0;
+			return /* @__PURE__ */ Y(Ke, {
+				item: e,
+				onSelect: n,
+				actions: Ze(o?.(e, {
+					index: t,
+					onSelect: n,
+					onEdit: s,
+					onDelete: c
+				}), e, Xe(p.editLabel, p.deleteLabel, s, c), p.actionsLabel)
+			}, e.id);
+		}) }), l]
+	});
+}
+function ot({ options: t = [], onManageOptions: n, onCreateOption: r, onSelectOption: i, onEditOption: o, onDeleteOption: s, renderOptionActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: m }) {
+	let h = {
+		...Ee,
+		...m
+	};
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(le, {}),
+		title: h.title,
+		description: h.description,
+		headerEnd: $e(h.createLabel, r, u, n ? /* @__PURE__ */ Y(a, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "ghost",
+			onClick: n,
+			children: h.manageLabel
+		}) : void 0),
+		className: e("product-options-summary--component", Z.card, p),
+		children: [t.length === 0 ? f ?? /* @__PURE__ */ Y(Q, {
+			title: h.emptyTitle,
+			description: h.emptyDescription,
+			action: r ? /* @__PURE__ */ X(a, {
+				type: "button",
+				onClick: r,
+				children: [/* @__PURE__ */ Y(U, {}), h.createLabel]
+			}) : void 0
+		}) : /* @__PURE__ */ Y(v, { children: t.map((e, t) => {
+			let n = i ? () => i(e) : void 0, r = o ? () => o(e) : void 0, a = s ? () => s(e) : void 0;
+			return /* @__PURE__ */ Y(Ke, {
+				item: e,
+				actionLabel: h.actionLabel,
+				onSelect: n,
+				actions: Ze(l?.(e, {
+					index: t,
+					onSelect: n,
+					onEdit: r,
+					onDelete: a
+				}), e, Xe(h.editLabel, h.deleteLabel, r, a), h.actionsLabel)
+			}, e.id);
+		}) }), d]
+	});
+}
+function st({ metricColumns: t = 3, title: n, description: r, metrics: i = [], media: a, status: s, statusTone: u = "neutral", actions: d, headerEnd: f, footerSlot: p, className: h, strings: g }) {
+	let _ = {
+		...Me,
+		...g
+	};
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		title: n ?? _.title,
+		description: r ?? _.description,
+		titleSuffix: s ? /* @__PURE__ */ Y(m, {
+			tone: u,
+			children: s
+		}) : void 0,
+		headerEnd: /* @__PURE__ */ X(J, { children: [f, !!d?.length && /* @__PURE__ */ Y(o, { actions: d })] }),
+		className: e("product-overview--component", Z.card, h),
+		children: [
+			!!a && /* @__PURE__ */ Y("div", {
+				className: Z.media,
+				children: a
+			}),
+			i.length > 0 && /* @__PURE__ */ Y(l, {
+				columns: t,
+				items: Qe(i)
+			}),
+			p
+		]
+	});
+}
+function ct({ lines: t = [], summary: r, note: i, onRecalculate: s, actions: d, footerSlot: f, empty: m, className: h, strings: g }) {
+	let _ = {
+		...Ne,
+		...g
+	}, v = t.filter((e) => !e.emphasis), y = t.filter((e) => e.emphasis);
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(W, {}),
+		title: _.title,
+		description: _.description,
+		headerEnd: /* @__PURE__ */ X(J, { children: [!!s && /* @__PURE__ */ X(a, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "ghost",
+			onClick: s,
+			children: [/* @__PURE__ */ Y(G, {}), _.recalculateLabel]
+		}), !!d?.length && /* @__PURE__ */ Y(o, { actions: d })] }),
+		className: e("product-quote-card--component", Z.card, h),
+		children: [
+			t.length === 0 ? m ?? /* @__PURE__ */ Y(Q, {
+				title: _.emptyTitle,
+				description: _.emptyDescription
+			}) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(l, {
+				layout: "rows",
+				columns: 1,
+				items: v.map((e) => ({
+					id: e.id,
+					label: e.label,
+					description: e.description,
+					render: () => /* @__PURE__ */ Y(p, {
+						"data-tone": e.tone ?? "neutral",
+						className: Z.quoteValue,
+						children: e.value
+					})
+				}))
+			}), y.map((e) => /* @__PURE__ */ X("div", {
+				className: Z.quoteTotal,
+				children: [
+					/* @__PURE__ */ Y(u, {}),
+					/* @__PURE__ */ X("div", {
+						className: Z.quoteTotalRow,
+						children: [/* @__PURE__ */ Y(n, {
+							tag: "span",
+							weight: "semibold",
+							children: e.label
+						}), /* @__PURE__ */ Y(p, {
+							weight: "semibold",
+							className: Z.numeric,
+							children: e.value
+						})]
+					}),
+					!!e.description && /* @__PURE__ */ Y(n, {
+						size: "xs",
+						type: "secondary",
+						children: e.description
+					})
+				]
+			}, e.id))] }),
+			!!r && /* @__PURE__ */ Y(n, {
+				type: "secondary",
+				children: r
+			}),
+			!!i && /* @__PURE__ */ Y(n, {
+				size: "xs",
+				type: "secondary",
+				children: i
+			}),
+			f
+		]
+	});
+}
+//#endregion
+//#region src/components/features/products/product-options-matrix.tsx
+function lt(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "";
+}
+var ut = 0;
+function dt(e, t, n) {
+	let r = [...e];
+	return r.splice(n, 0, ...r.splice(t, 1)), r;
+}
+function ft({ optionGroups: t = [], surface: r = "card", editingOptionId: i, defaultEditingOptionId: s = null, onEditingOptionIdChange: l, onCreateOption: u, onEditOption: f, onDeleteOption: p, confirmDelete: h = !0, onAddValue: _, onDeleteValue: v, onOptionNameChange: S, onValueLabelChange: ee, onSaveEditingOption: w, onCancelEditingOption: E, onToggleUsedForVariants: D, onReorderOptions: O, actions: k, footerSlot: A, empty: j, className: M, strings: P }) {
+	let F = {
+		...De,
+		...P
+	}, [re, ie] = q(s), ae = i === void 0 ? re : i, [L, R] = q({
+		name: "",
+		values: []
+	}), [z, oe] = q(null), se = te(), B = ve(() => [...t].sort((e, t) => (e.position ?? 0) - (t.position ?? 0)), [t]), ce = (e) => {
+		R({
+			name: lt(e.name),
+			values: [...e.values ?? []]
+		}), i === void 0 && ie(e.id), l?.(e.id, e), f?.(e);
+	}, V = () => {
+		i === void 0 && ie(null), l?.(null);
+	}, ue = (e) => {
+		if (p) {
+			if (!h) {
+				p(e), V();
+				return;
+			}
+			oe(e), se.show();
+		}
+	}, H = (e) => /* @__PURE__ */ X(d, {
+		gap: "lg",
+		className: Z.optionEditor,
+		children: [
+			/* @__PURE__ */ Y(C, {
+				label: F.nameLabel,
+				children: /* @__PURE__ */ Y(T, {
+					value: L.name,
+					placeholder: F.namePlaceholder,
+					onChange: (t) => {
+						R((e) => ({
+							...e,
+							name: t.target.value
+						})), S?.(e, t.target.value);
+					}
+				})
+			}),
+			/* @__PURE__ */ Y(C, {
+				label: F.valuesLabel,
+				children: /* @__PURE__ */ Y(I, {
+					items: L.values,
+					getKey: (e) => e.id,
+					strings: {
+						add: F.addValueLabel,
+						remove: (e) => `${F.removeValueLabel} ${e}`
+					},
+					emptyState: /* @__PURE__ */ Y(n, {
+						size: "sm",
+						type: "secondary",
+						children: F.noValues
+					}),
+					onAdd: () => {
+						let t = {
+							id: `draft-value-${ut += 1}`,
+							label: ""
+						};
+						R((e) => ({
+							...e,
+							values: [...e.values, t]
+						})), _?.(e);
+					},
+					onRemove: (t) => {
+						let n = L.values[t];
+						R((e) => ({
+							...e,
+							values: e.values.filter((e, n) => n !== t)
+						})), n && v?.(e, n);
+					},
+					onMove: (e, t) => R((n) => ({
+						...n,
+						values: dt(n.values, e, t)
+					})),
+					children: (t, { index: n }) => /* @__PURE__ */ Y(T, {
+						value: lt(t.label),
+						placeholder: F.valuePlaceholder,
+						"aria-label": `${F.valuesLabel} ${n + 1}`,
+						onChange: (r) => {
+							let i = [...L.values];
+							i[n] = {
+								...t,
+								label: r.target.value
+							}, R((e) => ({
+								...e,
+								values: i
+							})), ee?.(e, t, r.target.value);
+						}
+					})
+				})
+			}),
+			!!D && /* @__PURE__ */ Y(N, {
+				label: F.usedForVariantsLabel,
+				description: F.usedForVariantsDescription,
+				value: e.usedForVariants ?? !0,
+				onValueChange: (t) => D(e, t)
+			}),
+			/* @__PURE__ */ X("div", {
+				className: Z.optionEditorActions,
+				children: [/* @__PURE__ */ Y("div", { children: !!p && /* @__PURE__ */ Y(a, {
+					type: "button",
+					tone: "destructive",
+					buttonStyle: "ghost",
+					onClick: () => ue(e),
+					children: F.deleteLabel
+				}) }), /* @__PURE__ */ X(d, {
+					direction: "horizontal",
+					gap: "sm",
+					align: "center",
+					children: [/* @__PURE__ */ Y(a, {
+						type: "button",
+						tone: "neutral",
+						buttonStyle: "ghost",
+						onClick: () => {
+							E?.(e, L), V();
+						},
+						children: F.cancelLabel
+					}), /* @__PURE__ */ Y(a, {
+						type: "button",
+						onClick: () => {
+							w?.(e, L), V();
+						},
+						children: F.doneLabel
+					})]
+				})]
+			})
+		]
+	}), U = B.length === 0 ? j ?? /* @__PURE__ */ Y(Q, {
+		title: F.emptyTitle,
+		description: F.emptyDescription,
+		action: u ? /* @__PURE__ */ Y(a, {
+			type: "button",
+			onClick: u,
+			children: F.createLabel
+		}) : void 0
+	}) : /* @__PURE__ */ Y(I, {
+		items: B,
+		getKey: (e) => e.id,
+		strings: { add: F.createLabel },
+		className: Z.optionList,
+		onAdd: u,
+		onMove: O ? (e, t) => O(dt(B, e, t).map((e, t) => ({
+			...e,
+			position: t
+		}))) : void 0,
+		children: (e) => {
+			if (ae === e.id) return H(e);
+			let t = e.values ?? [];
+			return /* @__PURE__ */ Y(b, {
+				render: /* @__PURE__ */ Y("button", { type: "button" }),
+				onClick: () => ce(e),
+				className: Z.optionRow,
+				children: /* @__PURE__ */ X(y, { children: [
+					/* @__PURE__ */ X(x, { children: [e.name, e.badge] }),
+					!!e.description && /* @__PURE__ */ Y(g, { children: e.description }),
+					/* @__PURE__ */ Y("span", {
+						className: Z.optionValues,
+						children: t.map((e) => /* @__PURE__ */ Y(m, {
+							tone: "neutral",
+							children: e.label
+						}, e.id))
+					})
+				] })
+			});
+		}
+	}), W = /* @__PURE__ */ Y(ne, {
+		...se.overlayProps,
+		destructive: !0,
+		title: F.confirmDeleteTitle,
+		description: z ? F.confirmDeleteDescription(lt(z.name)) : void 0,
+		strings: {
+			confirm: F.confirmDeleteConfirm,
+			cancel: F.confirmDeleteCancel
+		},
+		onConfirm: () => {
+			z && p?.(z), oe(null), V();
+		}
+	});
+	return r === "embedded" ? /* @__PURE__ */ X("div", {
+		className: e("product-options-matrix--component", Z.matrix, M),
+		children: [
+			U,
+			A,
+			W
+		]
+	}) : /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(le, {}),
+		title: F.title,
+		description: F.description,
+		headerEnd: k?.length ? /* @__PURE__ */ Y(o, { actions: k }) : void 0,
+		className: e("product-options-matrix--component", Z.card, M),
+		children: [
+			U,
+			A,
+			W
+		]
+	});
+}
+//#endregion
+//#region src/components/features/products/product-variants.tsx
+var pt = [
+	"variant",
+	"sku",
+	"price",
+	"inventory",
+	"status"
+], mt = {
+	variant: null,
+	sku: "sku",
+	price: "price",
+	inventory: "inventory",
+	status: null,
+	updated: null
+};
+function $(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "";
+}
+function ht(e) {
+	let t = e.map($).filter(Boolean);
+	if (t.length === 0) return "—";
+	let n = [...new Set(t)];
+	if (n.length === 1) return n[0];
+	let r = (e) => Number(e.replace(/[^0-9.-]/g, ""));
+	if (n.every((e) => Number.isFinite(r(e)))) {
+		let e = [...n].sort((e, t) => r(e) - r(t));
+		return `${e[0]} – ${e[e.length - 1]}`;
+	}
+	return `${n[0]} – ${n[n.length - 1]}`;
+}
+function gt(e) {
+	let t = e.map($).filter(Boolean);
+	if (t.length === 0) return "—";
+	let n = t.map((e) => Number(e.replace(/[^0-9.-]/g, "")));
+	return n.every(Number.isFinite) ? String(n.reduce((e, t) => e + t, 0)) : "—";
+}
+function _t({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: r, onDuplicateVariant: i, onDeleteVariant: a, renderVariantActions: o, menuLabel: s, className: c, strings: l }) {
+	let u = {
+		...Oe,
+		...l
+	}, d = n ? () => n(e) : void 0, f = r ? () => r(e) : void 0, p = i ? () => i(e) : void 0, m = a ? () => a(e) : void 0, h = o?.(e, {
+		index: t,
+		onSelect: d,
+		onEdit: f,
+		onDuplicate: p,
+		onDelete: m
+	});
+	if (h) return /* @__PURE__ */ Y(J, { children: h });
+	let g = [
+		...d ? [{
+			id: "open",
+			label: u.openLabel,
+			onClick: d
+		}] : [],
+		...f ? [{
+			id: "edit",
+			label: u.editLabel,
+			icon: /* @__PURE__ */ Y(H, {}),
+			onClick: f
+		}] : [],
+		...p ? [{
+			id: "duplicate",
+			label: u.duplicateLabel,
+			icon: /* @__PURE__ */ Y(se, {}),
+			onClick: p
+		}] : [],
+		...m ? [{
+			id: "delete",
+			label: u.deleteLabel,
+			icon: /* @__PURE__ */ Y(K, {}),
+			tone: "destructive",
+			onClick: m
+		}] : []
+	];
+	return g.length === 0 ? null : /* @__PURE__ */ Y(Ve, {
+		item: e,
+		actions: g,
+		menuLabel: s ?? u.menuLabel,
+		className: c
+	});
+}
+function vt({ variants: t = [], onCreateVariant: r, onSelectVariant: i, onEditVariant: l, onDuplicateVariant: u, onDeleteVariant: d, renderVariantActions: f, actions: p, footerSlot: h, empty: g, className: _, strings: v }) {
+	let y = {
+		...ke,
+		...v
+	};
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(L, {}),
+		title: y.title,
+		description: y.description,
+		headerEnd: /* @__PURE__ */ X(J, { children: [!!r && /* @__PURE__ */ X(a, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "ghost",
+			onClick: r,
+			children: [/* @__PURE__ */ Y(U, {}), y.createLabel]
+		}), !!p?.length && /* @__PURE__ */ Y(o, { actions: p })] }),
+		className: e("product-variants-table--component", Z.card, _),
+		children: [t.length === 0 ? g ?? /* @__PURE__ */ Y(Q, {
+			title: y.emptyTitle,
+			description: y.emptyDescription
+		}) : /* @__PURE__ */ X(j, { children: [/* @__PURE__ */ Y(E, { children: /* @__PURE__ */ X(O, { children: [
+			/* @__PURE__ */ Y(A, { children: y.columns.variant }),
+			/* @__PURE__ */ Y(A, { children: y.columns.sku }),
+			/* @__PURE__ */ Y(A, {
+				align: "end",
+				children: y.columns.price
+			}),
+			/* @__PURE__ */ Y(A, {
+				align: "end",
+				children: y.columns.inventory
+			}),
+			/* @__PURE__ */ Y(A, { children: y.columns.status }),
+			/* @__PURE__ */ Y(A, {
+				align: "end",
+				children: /* @__PURE__ */ Y(s, { children: y.columns.actions })
+			})
+		] }) }), /* @__PURE__ */ Y(k, { children: t.map((e, t) => /* @__PURE__ */ X(O, { children: [
+			/* @__PURE__ */ Y(D, { children: /* @__PURE__ */ X("span", {
+				className: Z.variantCell,
+				children: [/* @__PURE__ */ Y(n, {
+					tag: "span",
+					weight: "medium",
+					children: e.name
+				}), !!e.options?.length && /* @__PURE__ */ Y("span", {
+					className: Z.variantOptions,
+					children: e.options.map((e, t) => /* @__PURE__ */ Y(m, {
+						tone: "neutral",
+						children: e
+					}, t))
+				})]
+			}) }),
+			/* @__PURE__ */ Y(D, { children: e.sku ?? "—" }),
+			/* @__PURE__ */ Y(D, {
+				align: "end",
+				children: e.price ?? "—"
+			}),
+			/* @__PURE__ */ Y(D, {
+				align: "end",
+				children: e.inventory ?? "—"
+			}),
+			/* @__PURE__ */ Y(D, { children: e.status ? /* @__PURE__ */ Y(m, {
+				tone: e.statusTone ?? "neutral",
+				children: e.status
+			}) : "—" }),
+			/* @__PURE__ */ Y(D, {
+				align: "end",
+				children: /* @__PURE__ */ Y(_t, {
+					variant: e,
+					index: t,
+					onSelectVariant: i,
+					onEditVariant: l,
+					onDuplicateVariant: u,
+					onDeleteVariant: d,
+					renderVariantActions: f
+				})
+			})
+		] }, e.id)) })] }), h]
+	});
+}
+function yt({ value: e, field: t, align: n, label: r, onValueChange: i, onBlur: a }) {
+	let [o, s] = re($(e));
+	return /* @__PURE__ */ Y("span", {
+		"data-field": t,
+		"data-align": n,
+		className: Z.variantFieldCell,
+		children: /* @__PURE__ */ Y(T, {
+			value: o,
+			"aria-label": r,
+			onChange: (e) => {
+				s(e.target.value), i?.(e.target.value);
+			},
+			onBlur: () => a?.(o),
+			className: Z.variantField
+		})
+	});
+}
+function bt({ variants: t = [], optionGroups: r = [], groupByOptionId: i = null, visibleColumns: l = pt, optionCombinationDisplay: u = "tags", cellDisplay: d = "text", selectionMode: f = "multiple", renderOptionCombination: p, selectedVariantIds: h, defaultSelectedVariantIds: g, onSelectedVariantIdsChange: _, onVariantFieldChange: v, onVariantFieldBlur: y, onCreateVariant: b, onGenerateVariants: x, onSelectVariant: S, onEditVariant: C, onDuplicateVariant: ee, onDeleteVariant: w, onSetVariantImage: T, onBulkEdit: M, onBulkDelete: N, renderVariantActions: I, renderBulkActions: te, actions: ne, headerEnd: re, footerSlot: ie, empty: ae, surface: z = "card", className: oe, strings: se }) {
+	let B = {
+		...Ae,
+		...se
+	}, [ce, V] = q(() => g ?? []), [le, ue] = q([]), H = h ?? ce, W = ve(() => new Set(H), [H]), G = (e) => {
+		h === void 0 && V(e);
+		let n = new Set(e);
+		_?.(e, t.filter((e) => n.has(e.id)));
+	}, de = (e) => typeof d == "string" ? d : d[e] ?? "text", fe = ve(() => {
+		if (!i) return [{
+			key: "",
+			option: "",
+			value: "",
+			rows: t
+		}];
+		let e = r.find((e) => e.id === i), n = /* @__PURE__ */ new Map(), a = [];
+		for (let e of t) {
+			let t = e.optionValueIds?.[i];
+			if (!t) {
+				a.push(e);
+				continue;
+			}
+			let r = n.get(t);
+			r ? r.push(e) : n.set(t, [e]);
+		}
+		let o = (e?.values ?? []).filter((e) => n.has(e.id)).map((t) => ({
+			key: t.id,
+			option: $(e?.name),
+			value: $(t.label),
+			rows: n.get(t.id) ?? []
+		}));
+		return a.length > 0 ? [...o, {
+			key: "__ungrouped",
+			option: "",
+			value: "",
+			rows: a
+		}] : o;
+	}, [
+		i,
+		r,
+		t
+	]), pe = t.length === 0 && !ae, K = t.length > 0 && H.length === t.length, he = f === "multiple" && H.length > 0 && /* @__PURE__ */ Y(F, {
+		placement: "inline",
+		selectedCount: H.length,
+		totalCount: t.length,
+		onClear: () => G([]),
+		strings: {
+			summary: (e, n) => B.selectedCount(e, n ?? t.length),
+			clear: B.clearSelection
+		},
+		children: te?.({
+			selectedRows: t.filter((e) => W.has(e.id)),
+			selectedIds: H,
+			allRows: t,
+			selectedCount: H.length,
+			totalCount: t.length,
+			allRowsSelected: K,
+			clearSelection: () => G([]),
+			setSelectedIds: G
+		}) ?? /* @__PURE__ */ X(J, { children: [!!M && /* @__PURE__ */ Y(a, {
+			type: "button",
+			tone: "neutral",
+			buttonStyle: "outline",
+			onClick: () => M(t.filter((e) => W.has(e.id))),
+			children: B.bulkEditLabel
+		}), !!N && /* @__PURE__ */ Y(a, {
+			type: "button",
+			tone: "destructive",
+			buttonStyle: "outline",
+			onClick: () => N(t.filter((e) => W.has(e.id))),
+			children: B.bulkDeleteLabel
+		})] })
+	}), _e = t.length === 0 ? ae ?? /* @__PURE__ */ Y(Q, {
+		title: B.emptyTitle,
+		description: B.emptyDescription,
+		action: x ? /* @__PURE__ */ X(a, {
+			type: "button",
+			onClick: x,
+			children: [/* @__PURE__ */ Y(me, {}), B.generateLabel]
+		}) : void 0
+	}) : /* @__PURE__ */ X(J, { children: [he, /* @__PURE__ */ X(j, { children: [/* @__PURE__ */ Y(E, { children: /* @__PURE__ */ X(O, { children: [
+		f === "multiple" && /* @__PURE__ */ Y(A, {
+			className: Z.selectCell,
+			children: /* @__PURE__ */ Y(P, {
+				checked: K,
+				indeterminate: H.length > 0 && !K,
+				onChange: (e) => G(e.target.checked ? t.map((e) => e.id) : []),
+				"aria-label": B.selectAllLabel
+			})
+		}),
+		l.map((e) => /* @__PURE__ */ Y(A, {
+			align: e === "price" || e === "inventory" ? "end" : "start",
+			children: B.columns[e === "updated" ? "updated" : e]
+		}, e)),
+		/* @__PURE__ */ Y(A, {
+			align: "end",
+			children: /* @__PURE__ */ Y(s, { children: B.columns.actions })
+		})
+	] }) }), /* @__PURE__ */ Y(k, { children: fe.map((e) => {
+		let t = e.rows.map((e) => e.id), o = t.every((e) => W.has(e)), s = !i || le.includes(e.key);
+		return /* @__PURE__ */ X(ge, { children: [!!i && /* @__PURE__ */ X(O, {
+			className: Z.groupRow,
+			children: [
+				f === "multiple" && /* @__PURE__ */ Y(D, {
+					className: Z.selectCell,
+					children: /* @__PURE__ */ Y(P, {
+						checked: o,
+						indeterminate: !o && t.some((e) => W.has(e)),
+						"aria-label": B.selectGroupLabel(e.key === "__ungrouped" ? String(B.ungrouped) : B.groupLabel(e.option, e.value)),
+						onChange: (e) => G(e.target.checked ? [.../* @__PURE__ */ new Set([...H, ...t])] : H.filter((e) => !t.includes(e)))
+					})
+				}),
+				l.map((t) => {
+					if (t === "variant") {
+						let r = e.rows.find((e) => e.image || e.media);
+						return /* @__PURE__ */ Y(D, { children: /* @__PURE__ */ X("span", {
+							className: Z.variantHead,
+							children: [/* @__PURE__ */ Y(Be, {
+								src: r?.image,
+								alt: r?.imageAlt,
+								media: r?.media
+							}), /* @__PURE__ */ X("span", {
+								className: Z.variantCell,
+								children: [/* @__PURE__ */ Y(n, {
+									tag: "span",
+									weight: "semibold",
+									children: e.key === "__ungrouped" ? B.ungrouped : B.groupLabel(e.option, e.value)
+								}), /* @__PURE__ */ Y(n, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									children: B.groupCount(e.rows.length)
+								})]
+							})]
+						}) }, t);
+					}
+					return t === "price" || t === "inventory" ? /* @__PURE__ */ Y(D, {
+						align: "end",
+						children: /* @__PURE__ */ Y(n, {
+							tag: "span",
+							size: "sm",
+							weight: "medium",
+							className: Z.numeric,
+							children: t === "price" ? ht(e.rows.map((e) => e.price)) : gt(e.rows.map((e) => e.inventory))
+						})
+					}, t) : /* @__PURE__ */ Y(D, {}, t);
+				}),
+				/* @__PURE__ */ Y(D, {
+					align: "end",
+					children: /* @__PURE__ */ Y(a, {
+						type: "button",
+						tone: "neutral",
+						buttonStyle: "ghost",
+						iconOnly: !0,
+						"aria-expanded": s,
+						"aria-label": s ? B.collapseGroup : B.expandGroup,
+						onClick: () => ue((t) => s ? t.filter((t) => t !== e.key) : [...t, e.key]),
+						children: /* @__PURE__ */ Y(R, {
+							"data-expanded": s || void 0,
+							className: Z.groupChevron
+						})
+					})
+				})
+			]
+		}), s && e.rows.map((e, t) => {
+			let a = W.has(e.id);
+			return /* @__PURE__ */ X(O, {
+				"data-state": a ? "selected" : void 0,
+				"data-nested": i ? !0 : void 0,
+				className: Z.variantRow,
+				children: [
+					f === "multiple" && /* @__PURE__ */ Y(D, {
+						className: Z.selectCell,
+						children: /* @__PURE__ */ Y(P, {
+							checked: a,
+							onChange: (t) => G(t.target.checked ? [...H, e.id] : H.filter((t) => t !== e.id)),
+							"aria-label": B.selectRowLabel($(e.name))
+						})
+					}),
+					l.map((a) => {
+						if (a === "variant") {
+							let t = r.filter((e) => e.id !== i).map((t) => e.optionValues?.[t.id]).filter(Boolean), o = i && t.length > 0 ? t.map($).join(" · ") : e.name;
+							return /* @__PURE__ */ Y(D, { children: /* @__PURE__ */ X("span", {
+								className: Z.variantHead,
+								children: [/* @__PURE__ */ Y(Be, {
+									src: e.image,
+									alt: e.imageAlt,
+									media: e.media,
+									label: T ? B.setImageLabel($(e.name)) : void 0,
+									onSelect: T ? () => T(e) : void 0
+								}), /* @__PURE__ */ X("span", {
+									className: Z.variantCell,
+									children: [/* @__PURE__ */ Y(n, {
+										tag: "span",
+										weight: "medium",
+										children: o
+									}), p?.(e, t) ?? (u === "tags" && !i && t.length > 0 ? /* @__PURE__ */ Y("span", {
+										className: Z.variantOptions,
+										children: t.map((e, t) => /* @__PURE__ */ Y(m, {
+											tone: "neutral",
+											children: e
+										}, t))
+									}) : u === "text" && !i && t.length > 0 ? /* @__PURE__ */ Y(n, {
+										tag: "span",
+										size: "xs",
+										type: "secondary",
+										children: t.map($).join(" · ")
+									}) : null)]
+								})]
+							}) }, a);
+						}
+						if (a === "status") return /* @__PURE__ */ Y(D, { children: e.status ? /* @__PURE__ */ Y(m, {
+							tone: e.statusTone ?? "neutral",
+							children: e.status
+						}) : "—" }, a);
+						if (a === "updated") return /* @__PURE__ */ Y(D, { children: e.updatedAt ?? "—" }, a);
+						let o = mt[a], s = o ? e[o] : void 0, c = a === "price" || a === "inventory" ? "end" : "start";
+						return o && de(o) === "field" ? /* @__PURE__ */ Y(D, {
+							align: c,
+							children: /* @__PURE__ */ Y(yt, {
+								value: s,
+								field: o,
+								align: c,
+								label: `${B.columns[a]}: ${$(e.name)}`,
+								onValueChange: (n) => v?.(e, o, n, {
+									index: t,
+									field: o,
+									previousValue: s,
+									value: n
+								}),
+								onBlur: (n) => y?.(e, o, n, {
+									index: t,
+									field: o,
+									previousValue: s,
+									value: n
+								})
+							})
+						}, a) : /* @__PURE__ */ Y(D, {
+							align: c,
+							children: s ?? "—"
+						}, a);
+					}),
+					/* @__PURE__ */ Y(D, {
+						align: "end",
+						children: /* @__PURE__ */ Y(_t, {
+							variant: e,
+							index: t,
+							onSelectVariant: S,
+							onEditVariant: C,
+							onDuplicateVariant: ee,
+							onDeleteVariant: w,
+							renderVariantActions: I
+						})
+					})
+				]
+			}, e.id);
+		})] }, e.key);
+	}) })] })] });
+	return z === "embedded" ? /* @__PURE__ */ X("div", {
+		className: e("product-variants-bulk-table--component", Z.variants, oe),
+		children: [_e, ie]
+	}) : /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(L, {}),
+		title: B.title,
+		description: B.description,
+		headerEnd: /* @__PURE__ */ X(J, { children: [
+			re,
+			!!x && !pe && /* @__PURE__ */ X(a, {
+				type: "button",
+				tone: "neutral",
+				buttonStyle: "ghost",
+				onClick: x,
+				children: [/* @__PURE__ */ Y(me, {}), B.generateLabel]
+			}),
+			!!b && /* @__PURE__ */ X(a, {
+				type: "button",
+				tone: "neutral",
+				buttonStyle: "ghost",
+				onClick: b,
+				children: [/* @__PURE__ */ Y(U, {}), B.createLabel]
+			}),
+			!!ne?.length && /* @__PURE__ */ Y(o, { actions: ne })
+		] }),
+		className: e("product-variants-bulk-table--component", Z.card, oe),
+		children: [_e, ie]
+	});
+}
+function xt({ className: t, strings: r, optionsStrings: i, variantsStrings: o, optionGroups: s = [], editingOptionId: c, defaultEditingOptionId: l, onEditingOptionIdChange: u, onCreateOption: d, onEditOption: f, onDeleteOption: p, onAddValue: m, onDeleteValue: h, onOptionNameChange: g, onValueLabelChange: _, onSaveEditingOption: v, onCancelEditingOption: y, onToggleUsedForVariants: b, onReorderOptions: x, confirmDelete: S, groupByOptionId: C, defaultGroupByOptionId: ee = null, onGroupByOptionIdChange: w, showGroupBy: T = !0, ...E }) {
+	let D = {
+		...je,
+		...r
+	}, O = {
+		...Ae,
+		...o
+	}, [k, A] = q(ee), j = C === void 0 ? k : C, N = (e) => {
+		C === void 0 && A(e), w?.(e);
+	}, P = s.filter((e) => e.usedForVariants ?? !0);
+	return /* @__PURE__ */ X("section", {
+		className: e("product-variants-manager--component", Z.manager, t),
+		children: [
+			/* @__PURE__ */ X("header", {
+				className: Z.managerHead,
+				children: [/* @__PURE__ */ X("span", {
+					className: Z.managerTitle,
+					children: [/* @__PURE__ */ Y(L, { "aria-hidden": !0 }), /* @__PURE__ */ Y(n, {
+						tag: "span",
+						weight: "semibold",
+						children: D.title
+					})]
+				}), /* @__PURE__ */ X("div", {
+					className: Z.managerActions,
+					children: [!!E.onGenerateVariants && /* @__PURE__ */ X(a, {
+						type: "button",
+						tone: "neutral",
+						buttonStyle: "ghost",
+						onClick: E.onGenerateVariants,
+						children: [/* @__PURE__ */ Y(me, {}), O.generateLabel]
+					}), !!E.onCreateVariant && /* @__PURE__ */ X(a, {
+						type: "button",
+						tone: "neutral",
+						buttonStyle: "ghost",
+						onClick: E.onCreateVariant,
+						children: [/* @__PURE__ */ Y(U, {}), O.createLabel]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ Y("div", {
+				className: Z.managerOptions,
+				children: /* @__PURE__ */ Y(ft, {
+					surface: "embedded",
+					optionGroups: s,
+					editingOptionId: c,
+					defaultEditingOptionId: l,
+					onEditingOptionIdChange: u,
+					onCreateOption: d,
+					onEditOption: f,
+					onDeleteOption: p,
+					onAddValue: m,
+					onDeleteValue: h,
+					onOptionNameChange: g,
+					onValueLabelChange: _,
+					onSaveEditingOption: v,
+					onCancelEditingOption: y,
+					onToggleUsedForVariants: b,
+					onReorderOptions: x,
+					confirmDelete: S,
+					strings: i
+				})
+			}),
+			T && P.length > 1 && /* @__PURE__ */ X("div", {
+				className: Z.managerToolbar,
+				children: [/* @__PURE__ */ Y(n, {
+					tag: "span",
+					size: "sm",
+					type: "secondary",
+					children: D.groupByLabel
+				}), /* @__PURE__ */ Y(M, {
+					"aria-label": D.groupByLabel,
+					value: j,
+					allowClear: !0,
+					strings: { clear: D.groupByNone },
+					options: P.map((e) => ({
+						value: e.id,
+						label: typeof e.name == "string" ? e.name : e.id
+					})),
+					onValueChange: (e) => N(e ?? null),
+					className: Z.managerGroupBy
+				})]
+			}),
+			/* @__PURE__ */ Y(bt, {
+				...E,
+				surface: "embedded",
+				optionGroups: s,
+				groupByOptionId: j,
+				strings: o
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/products/product-variant-details.tsx
+function St(e) {
+	return e != null && e !== !1 && e !== "";
+}
+function Ct(e, t) {
+	return [
+		{
+			id: "price",
+			label: t.price,
+			value: e.price
+		},
+		{
+			id: "inventory",
+			label: t.inventory,
+			value: e.inventory
+		},
+		{
+			id: "sku",
+			label: t.sku,
+			value: e.sku
+		},
+		{
+			id: "channels",
+			label: t.channels,
+			value: e.channels
+		},
+		{
+			id: "updated",
+			label: t.updated,
+			value: e.updatedAt
+		}
+	].filter((e) => St(e.value));
+}
+function wt({ variant: t, metadata: r, optionItems: i = [], media: s, onBack: u, onSelectVariant: d, onEditVariant: f, onDuplicateVariant: p, onDeleteVariant: h, onSelectOption: g, actions: _, headerEnd: y, footerSlot: b, empty: x, renderActions: S, renderMetadata: C, renderOption: w, className: T, strings: E }) {
+	let D = ee(Ie, E), O = t ? r ?? Ct(t, D.metadata) : [], k = !!(t && (d || f || p || h || S)), A = t?.options ?? [];
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(ue, {}),
+		title: t?.name ?? D.title,
+		titleSuffix: t?.status ? /* @__PURE__ */ Y(m, {
+			tone: t.statusTone ?? "neutral",
+			children: t.status
+		}) : void 0,
+		description: t?.description ?? D.description,
+		headerEnd: /* @__PURE__ */ X(J, { children: [
+			!!u && /* @__PURE__ */ X(a, {
+				type: "button",
+				tone: "neutral",
+				buttonStyle: "ghost",
+				onClick: u,
+				children: [/* @__PURE__ */ Y(ae, {}), D.backLabel]
+			}),
+			!!k && !!t && /* @__PURE__ */ Y(_t, {
+				variant: t,
+				onSelectVariant: d,
+				onEditVariant: f,
+				onDuplicateVariant: p,
+				onDeleteVariant: h,
+				renderVariantActions: S
+			}),
+			y,
+			!!_?.length && /* @__PURE__ */ Y(o, { actions: _ })
+		] }),
+		className: e("product-variant-details--component", Z.card, T),
+		children: [t ? /* @__PURE__ */ X(J, { children: [
+			!!s && /* @__PURE__ */ Y("div", {
+				className: Z.media,
+				children: s
+			}),
+			C ? C(t) : /* @__PURE__ */ Y(l, {
+				title: D.factsTitle,
+				items: O,
+				columns: 3,
+				density: "compact"
+			}),
+			A.length > 0 && /* @__PURE__ */ X("section", {
+				className: Z.section,
+				children: [/* @__PURE__ */ Y(n, {
+					size: "xs",
+					type: "discrete",
+					children: D.selectedOptionsTitle
+				}), /* @__PURE__ */ Y("div", {
+					className: Z.rowValues,
+					children: A.map((e, t) => /* @__PURE__ */ Y(m, {
+						tone: "neutral",
+						children: e
+					}, t))
+				})]
+			}),
+			i.length > 0 && /* @__PURE__ */ X("section", {
+				className: Z.section,
+				children: [/* @__PURE__ */ Y(n, {
+					size: "xs",
+					type: "discrete",
+					children: D.relatedOptionsTitle
+				}), /* @__PURE__ */ Y(v, { children: i.map((e, t) => w ? /* @__PURE__ */ Y("div", { children: w(e, t) }, e.id) : /* @__PURE__ */ Y(Ke, {
+					item: e,
+					actionLabel: D.viewOptionLabel,
+					onSelect: g ? () => g(e) : void 0
+				}, e.id)) })]
+			})
+		] }) : x ?? /* @__PURE__ */ Y(Q, {
+			title: D.emptyTitle,
+			description: D.emptyDescription
+		}), b]
+	});
+}
+//#endregion
+//#region src/components/features/products/product-variant-editor.tsx
+function Tt(e) {
+	return e.map((e) => ({
+		value: e.value,
+		label: e.label,
+		disabled: e.disabled
+	}));
+}
+function Et({ value: t, defaultValue: r, optionFields: i = [], statusOptions: s = [], onValueChange: l, onSubmit: u, onError: d, onCancel: f, onDelete: p, actions: m, headerEnd: h, footerSlot: g, disabled: _ = !1, submitting: v = !1, className: y, strings: b }) {
+	let x = ee(Le, b), S = _e(), E = t !== void 0, [D, O] = q(() => r ?? {}), [k, A] = q(!1), j = (E ? t : D) ?? {}, N = v || k, P = _ || N, F = (e) => {
+		E || O(e), l?.(e);
+	}, I = (e, t) => {
+		F({
+			...j,
+			[e]: t
+		});
+	}, te = (e, t) => {
+		F({
+			...j,
+			options: {
+				...j.options ?? {},
+				[e.id]: t
+			}
+		});
+	}, ne = async (e) => {
+		if (e.preventDefault(), !(!u || N)) {
+			A(!0);
+			try {
+				await u(j);
+			} catch (e) {
+				d?.(e);
+			} finally {
+				A(!1);
+			}
+		}
+	}, re = !!(p || f || u);
+	return /* @__PURE__ */ X(c, {
+		surface: "bordered",
+		icon: /* @__PURE__ */ Y(H, {}),
+		title: x.title,
+		description: x.description,
+		headerEnd: /* @__PURE__ */ X(J, { children: [h, !!m?.length && /* @__PURE__ */ Y(o, { actions: m })] }),
+		className: e("product-variant-editor--component", Z.editor, y),
+		children: [/* @__PURE__ */ X("form", {
+			id: S,
+			className: Z.editorForm,
+			onSubmit: ne,
+			children: [
+				/* @__PURE__ */ X("section", {
+					className: Z.section,
+					children: [/* @__PURE__ */ Y(n, {
+						size: "xs",
+						type: "discrete",
+						children: x.identityTitle
+					}), /* @__PURE__ */ X("div", {
+						className: Z.fields,
+						children: [
+							/* @__PURE__ */ Y(C, {
+								label: x.fields.name,
+								required: !0,
+								children: /* @__PURE__ */ Y(T, {
+									value: j.name ?? "",
+									placeholder: x.placeholders.name,
+									disabled: P,
+									onChange: (e) => I("name", e.target.value)
+								})
+							}),
+							/* @__PURE__ */ Y(C, {
+								label: x.fields.sku,
+								children: /* @__PURE__ */ Y(T, {
+									value: j.sku ?? "",
+									placeholder: x.placeholders.sku,
+									disabled: P,
+									onChange: (e) => I("sku", e.target.value)
+								})
+							}),
+							/* @__PURE__ */ Y(C, {
+								label: x.fields.description,
+								className: Z.fieldWide,
+								children: /* @__PURE__ */ Y(w, {
+									value: j.description ?? "",
+									placeholder: x.placeholders.description,
+									disabled: P,
+									minRows: 2,
+									onChange: (e) => I("description", e.target.value)
+								})
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ X("section", {
+					className: Z.section,
+					children: [/* @__PURE__ */ Y(n, {
+						size: "xs",
+						type: "discrete",
+						children: x.commercialTitle
+					}), /* @__PURE__ */ X("div", {
+						className: Z.fields,
+						children: [
+							/* @__PURE__ */ Y(C, {
+								label: x.fields.price,
+								children: /* @__PURE__ */ Y(T, {
+									value: j.price ?? "",
+									placeholder: x.placeholders.price,
+									disabled: P,
+									onChange: (e) => I("price", e.target.value)
+								})
+							}),
+							/* @__PURE__ */ Y(C, {
+								label: x.fields.inventory,
+								children: /* @__PURE__ */ Y(T, {
+									value: j.inventory ?? "",
+									placeholder: x.placeholders.inventory,
+									disabled: P,
+									inputMode: "numeric",
+									onChange: (e) => I("inventory", e.target.value)
+								})
+							}),
+							/* @__PURE__ */ Y(C, {
+								label: x.fields.status,
+								children: s.length > 0 ? /* @__PURE__ */ Y(M, {
+									options: Tt(s),
+									value: j.status ?? null,
+									placeholder: x.statusPlaceholder,
+									disabled: P,
+									"aria-label": x.fields.status,
+									onValueChange: (e) => I("status", e ?? "")
+								}) : /* @__PURE__ */ Y(T, {
+									value: j.status ?? "",
+									placeholder: x.placeholders.status,
+									disabled: P,
+									onChange: (e) => I("status", e.target.value)
+								})
+							}),
+							/* @__PURE__ */ Y(C, {
+								label: x.fields.channels,
+								children: /* @__PURE__ */ Y(T, {
+									value: j.channels ?? "",
+									placeholder: x.placeholders.channels,
+									disabled: P,
+									onChange: (e) => I("channels", e.target.value)
+								})
+							})
+						]
+					})]
+				}),
+				i.length > 0 && /* @__PURE__ */ X("section", {
+					className: Z.section,
+					children: [/* @__PURE__ */ Y(n, {
+						size: "xs",
+						type: "discrete",
+						children: x.optionsTitle
+					}), /* @__PURE__ */ Y("div", {
+						className: Z.fields,
+						children: i.map((e) => {
+							let t = e.value ?? j.options?.[e.id] ?? "";
+							return /* @__PURE__ */ Y(C, {
+								label: e.label,
+								helperText: e.helperText,
+								children: e.choices?.length ? /* @__PURE__ */ Y(M, {
+									options: Tt(e.choices),
+									value: t || null,
+									placeholder: e.placeholder ?? x.optionPlaceholder,
+									disabled: P,
+									"aria-label": e.label,
+									onValueChange: (t) => te(e, t)
+								}) : /* @__PURE__ */ Y(T, {
+									value: t,
+									placeholder: e.placeholder ?? x.optionPlaceholder,
+									disabled: P,
+									onChange: (t) => te(e, t.target.value)
+								})
+							}, e.id);
+						})
+					})]
+				})
+			]
+		}), g ?? (re && /* @__PURE__ */ X("div", {
+			className: Z.editorFooter,
+			children: [/* @__PURE__ */ Y("div", { children: !!p && /* @__PURE__ */ X(a, {
+				type: "button",
+				tone: "destructive",
+				buttonStyle: "ghost",
+				disabled: P,
+				onClick: () => p(j),
+				children: [/* @__PURE__ */ Y(K, {}), x.deleteLabel]
+			}) }), /* @__PURE__ */ X("div", {
+				className: Z.editorFooterEnd,
+				children: [!!f && /* @__PURE__ */ X(a, {
+					type: "button",
+					tone: "neutral",
+					buttonStyle: "ghost",
+					disabled: P,
+					onClick: f,
+					children: [/* @__PURE__ */ Y(he, {}), x.cancelLabel]
+				}), !!u && /* @__PURE__ */ X(a, {
+					type: "submit",
+					form: S,
+					disabled: P,
+					loading: N,
+					children: [/* @__PURE__ */ Y(de, {}), N ? x.savingLabel : x.saveLabel]
+				})]
+			})]
+		}))]
+	});
+}
+//#endregion
+export { Pe as PRODUCT_EMPTY_VALUE, ye as PRODUCT_TONE_BADGE, it as ProductContractOverview, rt as ProductDetailsCard, Q as ProductEmptyState, Ge as ProductOperationRow, nt as ProductOperationsCard, qe as ProductOptionActionMenu, ft as ProductOptionsMatrix, ot as ProductOptionsSummary, st as ProductOverview, at as ProductPoliciesCard, ct as ProductQuotePreviewCard, et as ProductReadinessCard, We as ProductReadinessRow, Ve as ProductRowActions, tt as ProductStructureCard, Ue as ProductStructureMetricRow, Ke as ProductSummaryRow, Be as ProductThumbnail, ze as ProductToneDot, _t as ProductVariantActionMenu, Je as ProductVariantCell, wt as ProductVariantDetails, Et as ProductVariantEditor, bt as ProductVariantsBulkTable, xt as ProductVariantsManager, vt as ProductVariantsTable, Ye as clampProductPercent, we as defaultProductContractOverviewStrings, Ce as defaultProductDetailsCardStrings, Se as defaultProductOperationsCardStrings, Fe as defaultProductOptionActionMenuStrings, De as defaultProductOptionsMatrixStrings, Ee as defaultProductOptionsSummaryStrings, Me as defaultProductOverviewStrings, Te as defaultProductPoliciesCardStrings, Ne as defaultProductQuotePreviewCardStrings, be as defaultProductReadinessCardStrings, xe as defaultProductStructureCardStrings, Oe as defaultProductVariantActionMenuStrings, Ae as defaultProductVariantBulkTableStrings, Ie as defaultProductVariantDetailsStrings, Le as defaultProductVariantEditorStrings, je as defaultProductVariantsManagerStrings, ke as defaultProductVariantsTableStrings };