themelia-ui 3.0.0 → 3.2.0

package/dist/features/products.js

@@ -1,37 +1,39 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { i as t, o as n } from "../typography-BkxEiwQ1.js";
-import { p as r, s as i } from "../feedback-DRerHGuV.js";
-import { c as a } from "../buttons-CqXKWty3.js";
-import { n as o } from "../action-menu-BNLURfMK.js";
-import { d as s, l as c, n as l, v as u } from "../display-B3Q17h5z.js";
-import { o as d } from "../structure-D0WGQAP3.js";
-import { T as f, U as p } from "../primitives-D0bdDozz.js";
-import { t as m } from "../badge-CxOuTfVr.js";
-import { c as h, i as g, n as _, o as v, r as y, t as b, u as x } from "../item-B3yQ26as.js";
-import { y as S } from "../upload-B38YZeFJ.js";
-import { u as C } from "../forms-CPrGGif_.js";
-import { t as ee } from "../strings-Co9_qArR.js";
-import { c as w, l as T } from "../text-inputs-DF_lD7pA.js";
-import { c as E, i as D, l as O, n as k, s as A, t as j } from "../table-BC4qqsUb.js";
-import { n as M, s as N, x as P } from "../choice-inputs-OUDn0kQw.js";
-import { t as F } from "../batch-action-bar-BZYNKXdV.js";
-import { s as I } from "../repeaters-DuP1N0nw.js";
-import { i as te, t as ne } from "../overlays-DvVoS3td.js";
-import { t as re } from "../use-synced-state-DnZ4lW4g.js";
-import { C as ie } from "../table-BHDpjajL.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";
+import "#core.css";
+import { a as e, c as t, s as n } from "../typography-DmeR05Er.js";
+import { t as r } from "../cx--CBrhWH0.js";
+import { c as i } from "../buttons-BX2JfL5X.js";
+import { n as a } from "../action-menu-BwiL_F6I.js";
+import { o } from "../structure-CynEZ-OY.js";
+import { t as s } from "../strings-Co9_qArR.js";
+import { T as c, U as l } from "../primitives-BskKlf35.js";
+import { t as u } from "../badge-VlJVZjdm.js";
+import { t as d } from "../batch-action-bar-DZVMVW83.js";
+import { p as f, s as p } from "../feedback-D4qVsKlD.js";
+import { d as m, l as h, n as g, v as _ } from "../display-a7AoX_u7.js";
+import { n as v, s as y, x as b } from "../choice-inputs-NwRxvmZN.js";
+import { c as x, l as S } from "../text-inputs-BboE77nZ.js";
+import { u as C } from "../forms-C0WeNPFF.js";
+import { c as w, i as T, n as E, o as D, r as O, t as k, u as A } from "../item-M2pmpWXh.js";
+import { s as j } from "../repeaters-CeH20dvr.js";
+import { y as M } from "../upload-CYuoJykZ.js";
+import { c as N, i as P, l as F, n as ee, s as I, t as te } from "../table-Ds_eO9av.js";
+import { i as ne, t as re } from "../overlays-1sULyytH.js";
+import { t as ie } from "../use-synced-state-DnZ4lW4g.js";
+import { C as ae } from "../table-B7dtIFUx.js";
+import { ArrowLeftIcon as L, BoxesIcon as R, ChevronDownIcon as oe, ChevronRightIcon as se, ClipboardCheckIcon as ce, CopyIcon as z, EyeIcon as le, FileTextIcon as B, ImagePlusIcon as ue, LayersIcon as de, ListChecksIcon as V, PencilIcon as H, PlusIcon as U, ReceiptIcon as W, RotateCcwIcon as fe, SaveIcon as pe, SettingsIcon as me, ShieldCheckIcon as he, SparklesIcon as ge, Trash2Icon as _e, XIcon as ve } from "lucide-react";
+import { Fragment as ye, useId as be, useMemo as xe, useState as G } from "react";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import "#css/products.css";
 //#region src/components/features/products/product-tone.ts
-var ye = {
+var Se = {
 	neutral: "neutral",
 	primary: "primary",
 	success: "success",
 	warning: "warning",
 	destructive: "destructive",
 	info: "info"
-}, be = {
+}, Ce = {
 	title: "Readiness",
 	description: "What is still needed before this can go live.",
 	scoreLabel: "Complete",
@@ -43,7 +45,7 @@ var ye = {
 	actionsLabel: "Check actions",
 	emptyTitle: "Nothing outstanding",
 	emptyDescription: "Every readiness check has passed."
-}, xe = {
+}, we = {
 	title: "Structure",
 	description: "How this product is put together.",
 	createLabel: "Add a metric",
@@ -52,7 +54,7 @@ var ye = {
 	actionsLabel: "Metric actions",
 	emptyTitle: "No metrics yet",
 	emptyDescription: "Add one to summarise how this product is structured."
-}, Se = {
+}, Te = {
 	title: "Operations",
 	description: "How this product is delivered and supported.",
 	createLabel: "Add an entry",
@@ -62,13 +64,13 @@ var ye = {
 	actionsLabel: "Entry actions",
 	emptyTitle: "Nothing configured",
 	emptyDescription: "Add an operational detail to show it here."
-}, Ce = {
+}, Ee = {
 	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 = {
+}, De = {
 	title: "Contract",
 	description: "The commercial terms this product is sold under.",
 	termsTitle: "Terms",
@@ -81,7 +83,7 @@ var ye = {
 	ruleActionsLabel: "Rule actions",
 	emptyTitle: "No rules yet",
 	emptyDescription: "Add a rule to govern how this product is sold."
-}, Te = {
+}, Oe = {
 	title: "Policies",
 	description: "Cancellation, refunds, and everything else the customer agrees to.",
 	createLabel: "Add a policy",
@@ -90,7 +92,7 @@ var ye = {
 	actionsLabel: "Policy actions",
 	emptyTitle: "No policies yet",
 	emptyDescription: "Add one to say what the customer is agreeing to."
-}, Ee = {
+}, ke = {
 	title: "Options",
 	description: "What a customer chooses between.",
 	manageLabel: "Manage options",
@@ -101,7 +103,7 @@ var ye = {
 	actionsLabel: "Option actions",
 	emptyTitle: "No options yet",
 	emptyDescription: "Add one — size, colour, duration — to generate variants from it."
-}, De = {
+}, Ae = {
 	title: "Options and values",
 	description: "Each option's values combine into the variants below.",
 	createLabel: "Add an option",
@@ -126,13 +128,13 @@ var ye = {
 	confirmDeleteCancel: "Keep it",
 	emptyTitle: "No options yet",
 	emptyDescription: "Add one — size, colour, duration — to generate variants from it."
-}, Oe = {
+}, je = {
 	menuLabel: "Variant actions",
 	openLabel: "Open",
 	editLabel: "Edit",
 	duplicateLabel: "Duplicate",
 	deleteLabel: "Delete"
-}, ke = {
+}, Me = {
 	title: "Variants",
 	description: "Every combination this product is sold as.",
 	createLabel: "Add a variant",
@@ -148,8 +150,8 @@ var ye = {
 	},
 	emptyTitle: "No variants yet",
 	emptyDescription: "Add an option above, then generate the variants from it."
-}, Ae = {
-	...ke,
+}, Ne = {
+	...Me,
 	generateLabel: "Generate variants",
 	selectAllLabel: "Select every variant",
 	selectRowLabel: (e) => `Select ${e}`,
@@ -164,25 +166,25 @@ var ye = {
 	expandGroup: "Show these variants",
 	collapseGroup: "Hide these variants",
 	setImageLabel: (e) => `Choose a picture for ${e}`
-}, je = {
+}, Pe = {
 	title: "Variants",
 	groupByLabel: "Group by",
 	groupByNone: "Nothing"
-}, Me = {
+}, Fe = {
 	title: "Overview",
 	description: "How this product is doing."
-}, Ne = {
+}, Ie = {
 	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 = {
+}, Le = "—", Re = {
 	viewLabel: "Open option",
 	editLabel: "Edit option",
 	deleteLabel: "Delete option",
 	actionsLabel: "Option actions"
-}, Ie = {
+}, ze = {
 	title: "Variant",
 	description: "Options, pricing, and fulfilment for one sellable variant.",
 	backLabel: "Back",
@@ -199,7 +201,7 @@ var ye = {
 		channels: "Channels",
 		updated: "Updated"
 	}
-}, Le = {
+}, Be = {
 	title: "Edit variant",
 	description: "Identity, pricing, inventory, and the option values this variant stands for.",
 	identityTitle: "Identity",
@@ -229,13 +231,11 @@ var ye = {
 		status: "Active",
 		channels: "Online store, POS"
 	}
-}, Z = {
+}, Y = {
 	card: "products__card___Fq32o",
 	dot: "products__dot___P862v",
-	rowMedia: "products__rowMedia___yeoOC",
-	metricValue: "products__metricValue___8ccmN",
-	quoteValue: "products__quoteValue___A9bDU",
 	row: "products__row___R-owj",
+	rowMedia: "products__rowMedia___yeoOC",
 	rowContent: "products__rowContent___byFAL",
 	rowTrailing: "products__rowTrailing___5UOjV",
 	rowChevron: "products__rowChevron___-iLRs",
@@ -243,11 +243,12 @@ var ye = {
 	rowActions: "products__rowActions___Jvn8j",
 	score: "products__score___yo1iz",
 	scoreHead: "products__scoreHead___q2QBx",
-	numeric: "products__numeric___IO4KP",
+	metricValue: "products__metricValue___8ccmN",
 	section: "products__section___kvUJr",
 	sectionHead: "products__sectionHead___EsSd6",
 	media: "products__media___0_ZxS",
 	empty: "products__empty___1bPpK",
+	quoteValue: "products__quoteValue___A9bDU",
 	quoteTotal: "products__quoteTotal___gol6U",
 	quoteTotalRow: "products__quoteTotalRow___RpU_B",
 	matrix: "products__matrix___5exBf",
@@ -287,144 +288,146 @@ var ye = {
 };
 //#endregion
 //#region src/components/features/products/product-parts.tsx
-function Re(e, t) {
+function Ve(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", {
+function He({ tone: e = "neutral" }) {
+	return /* @__PURE__ */ q("span", {
 		"aria-hidden": !0,
-		"data-tone": t,
-		className: e("product-tone-dot--component", Z.dot)
+		"data-tone": e,
+		className: r("product-tone-dot--component", Y.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", {
+function Ue({ src: e, alt: t, media: n, onSelect: i, label: a, className: o }) {
+	let s = n ?? (e ? /* @__PURE__ */ q(M, {
+		src: e,
+		alt: t,
+		fallback: /* @__PURE__ */ q(ue, { "aria-hidden": !0 }),
+		className: Y.thumbImage
+	}) : /* @__PURE__ */ q(ue, { "aria-hidden": !0 })), c = !!n || !!e, l = r("product-thumbnail--component", Y.thumb, o);
+	return i ? /* @__PURE__ */ q("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,
+	}) : /* @__PURE__ */ q("span", {
+		"aria-hidden": !t || 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",
+function X({ title: e, description: t, action: n, className: i }) {
+	return /* @__PURE__ */ q(f, {
 		border: !0,
-		title: t,
-		description: n,
-		action: i,
-		className: e("product-empty-state--component", Z.empty, a)
+		title: e,
+		description: t,
+		action: n,
+		className: r("product-empty-state--component", Y.empty, i)
 	});
 }
-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,
+function We({ item: e, actions: t, menuLabel: n, className: i }) {
+	return t.length === 0 ? null : /* @__PURE__ */ q("div", {
+		className: r("product-row-actions--component", Y.rowActions, i),
+		children: /* @__PURE__ */ q(ae, {
+			row: e,
+			actions: t,
+			menuLabel: n,
 			displayMode: "menu"
 		})
 	});
 }
-function He({ tone: e = "neutral", label: t, description: n, media: r, trailing: i, onSelect: a, selectLabel: o, children: s }) {
+function Ge({ 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,
+	return /* @__PURE__ */ J(k, {
+		render: c ? /* @__PURE__ */ q("button", { type: "button" }) : void 0,
 		onClick: a,
 		"aria-label": o,
 		"data-interactive": c || void 0,
-		className: Z.row,
+		className: Y.row,
 		children: [
-			/* @__PURE__ */ Y(h, {
+			/* @__PURE__ */ q(w, {
 				variant: "icon",
 				"data-tone": e,
-				className: Z.rowMedia,
-				children: r ?? /* @__PURE__ */ Y(ze, { tone: e })
+				className: Y.rowMedia,
+				children: r ?? /* @__PURE__ */ q(He, { tone: e })
 			}),
-			/* @__PURE__ */ X(y, {
-				className: Z.rowContent,
+			/* @__PURE__ */ J(O, {
+				className: Y.rowContent,
 				children: [
-					/* @__PURE__ */ Y(x, { children: t }),
-					!!n && /* @__PURE__ */ Y(g, { children: n }),
+					/* @__PURE__ */ q(A, { children: t }),
+					!!n && /* @__PURE__ */ q(T, { children: n }),
 					s
 				]
 			}),
-			(!!i || c) && /* @__PURE__ */ X(_, {
-				className: Z.rowTrailing,
-				children: [i, c && /* @__PURE__ */ Y(z, {
+			(!!i || c) && /* @__PURE__ */ J(E, {
+				className: Y.rowTrailing,
+				children: [i, c && /* @__PURE__ */ q(se, {
 					"aria-hidden": !0,
-					className: Z.rowChevron
+					className: Y.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, {
+function Ke({ metric: e, actions: n }) {
+	return /* @__PURE__ */ q(Ge, {
+		tone: e.tone ?? "neutral",
+		label: e.label,
+		description: e.description,
+		media: e.icon,
+		trailing: /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(l, {
 			weight: "semibold",
-			className: e("product-structure-metric-row--component", Z.numeric),
-			children: t.value
+			className: r("product-structure-metric-row--component", t({
+				size: "inherit",
+				numeric: !0
+			})),
+			children: e.value
 		}), n] })
 	});
 }
-function We({ item: e, actionFallback: t, onSelect: n, actions: r }) {
+function qe({ 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, {
+	return /* @__PURE__ */ q(Ge, {
 		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],
+		selectLabel: o ? Ve(e.actionLabel ?? t, e.label) : void 0,
+		trailing: e.value || r ? /* @__PURE__ */ J(K, { children: [!!e.value && /* @__PURE__ */ q(u, {
+			tone: Se[i],
 			children: e.value
 		}), r] }) : void 0
 	});
 }
-function Ge({ item: e, actionFallback: t, onSelect: r, actions: i }) {
+function Je({ 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, {
+	return /* @__PURE__ */ q(Ge, {
 		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, {
+		selectLabel: s ? Ve(e.actionLabel ?? t, e.label) : void 0,
+		trailing: e.value || i ? /* @__PURE__ */ J(K, { children: [!!e.value && /* @__PURE__ */ q(n, {
 			tag: "span",
 			weight: "semibold",
 			children: e.value
 		}), i] }) : void 0
 	});
 }
-function Ke({ item: e, actionLabel: t, onSelect: r, actions: i }) {
+function Ye({ 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, {
+	return /* @__PURE__ */ q(Ge, {
 		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, {
+		selectLabel: s ? Ve(t, e.label) : void 0,
+		trailing: e.value || e.badge || i ? /* @__PURE__ */ J(K, { children: [
+			!!e.value && /* @__PURE__ */ q(n, {
 				tag: "span",
 				weight: "semibold",
 				children: e.value
@@ -432,62 +435,62 @@ function Ke({ item: e, actionLabel: t, onSelect: r, actions: i }) {
 			e.badge,
 			i
 		] }) : void 0,
-		children: !!o?.length && /* @__PURE__ */ Y("div", {
-			className: Z.rowValues,
-			children: o.map((e, t) => /* @__PURE__ */ Y(m, {
+		children: !!o?.length && /* @__PURE__ */ q("div", {
+			className: Y.rowValues,
+			children: o.map((e, t) => /* @__PURE__ */ q(u, {
 				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 }) {
+function Xe({ option: e, index: t = 0, onSelectOption: n, onEditOption: i, onDeleteOption: a, renderOptionActions: o, menuLabel: s, className: c, strings: l }) {
 	let u = {
-		...Fe,
+		...Re,
 		...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,
+	}, d = n ? () => n(e) : void 0, f = i ? () => i(e) : void 0, p = a ? () => a(e) : void 0;
+	return o ? /* @__PURE__ */ q("div", {
+		className: r("product-option-action-menu--component", Y.rowActions, c),
+		children: o(e, {
+			index: t,
 			onSelect: d,
 			onEdit: f,
 			onDelete: p
 		})
-	}) : /* @__PURE__ */ Y(Ve, {
-		item: t,
+	}) : /* @__PURE__ */ q(We, {
+		item: e,
 		menuLabel: s ?? u.actionsLabel,
-		className: e("product-option-action-menu--component", c),
+		className: r("product-option-action-menu--component", c),
 		actions: [
 			...d ? [{
 				id: "open",
 				label: u.viewLabel,
-				icon: /* @__PURE__ */ Y(B, {}),
+				icon: /* @__PURE__ */ q(le, {}),
 				onClick: d
 			}] : [],
 			...f ? [{
 				id: "edit",
 				label: u.editLabel,
-				icon: /* @__PURE__ */ Y(H, {}),
+				icon: /* @__PURE__ */ q(H, {}),
 				onClick: f
 			}] : [],
 			...p ? [{
 				id: "delete",
 				label: u.deleteLabel,
-				icon: /* @__PURE__ */ Y(K, {}),
+				icon: /* @__PURE__ */ q(_e, {}),
 				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, {
+function Ze({ label: t, weight: i, className: a, children: o }) {
+	return /* @__PURE__ */ J("div", {
+		className: r("product-variant-cell--component", Y.variantPair, a),
+		children: [/* @__PURE__ */ q(e, {
+			className: Y.variantPairLabel,
+			children: t
+		}), /* @__PURE__ */ q(n, {
 			weight: i,
 			truncate: !0,
 			children: o
@@ -496,551 +499,556 @@ function Je({ label: r, weight: i, className: a, children: o }) {
 }
 //#endregion
 //#region src/components/features/products/product-percent.ts
-function Ye(e) {
+function Qe(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) {
+function Z(e, t, n, r) {
 	return [...n ? [{
 		id: "edit",
 		label: e,
-		icon: /* @__PURE__ */ Y(H, {}),
+		icon: /* @__PURE__ */ q(H, {}),
 		onClick: n
 	}] : [], ...r ? [{
 		id: "delete",
 		label: t,
-		icon: /* @__PURE__ */ Y(K, {}),
+		icon: /* @__PURE__ */ q(_e, {}),
 		tone: "destructive",
 		onClick: r
 	}] : []];
 }
-function Ze(e, t, n, r) {
+function Q(e, t, n, r) {
 	if (e) return e;
-	if (n.length !== 0) return /* @__PURE__ */ Y(Ve, {
+	if (n.length !== 0) return /* @__PURE__ */ q(We, {
 		item: t,
 		actions: n,
 		menuLabel: r
 	});
 }
-function Qe(e) {
+var $e = t({
+	size: "inherit",
+	numeric: !0
+});
+function et(e) {
 	return e.map((e) => ({
 		id: e.id,
 		label: e.label,
 		description: e.description,
-		render: () => /* @__PURE__ */ Y(p, {
+		render: () => /* @__PURE__ */ q(l, {
 			weight: "semibold",
+			type: "inherit",
 			"data-tone": e.tone ?? "neutral",
-			className: Z.metricValue,
+			className: r(Y.metricValue, $e),
 			children: e.value
 		})
 	}));
 }
-function $e(e, t, n, r) {
-	if (!(!t && !n?.length && !r)) return /* @__PURE__ */ X(J, { children: [
+function tt(e, t, n, r) {
+	if (!(!t && !n?.length && !r)) return /* @__PURE__ */ J(K, { children: [
 		r,
-		!!t && /* @__PURE__ */ X(a, {
+		!!t && /* @__PURE__ */ J(i, {
 			type: "button",
 			tone: "neutral",
-			buttonStyle: "ghost",
+			appearance: "ghost",
 			onClick: t,
-			children: [/* @__PURE__ */ Y(U, {}), e]
+			children: [/* @__PURE__ */ q(U, {}), e]
 		}),
-		!!n?.length && /* @__PURE__ */ Y(o, { actions: n })
+		!!n?.length && /* @__PURE__ */ q(a, { 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, {
+function nt({ items: e = [], score: t, scoreLabel: a, summary: o, onCreateReadinessItem: s, onSelectReadinessItem: l, onEditReadinessItem: u, onDeleteReadinessItem: d, renderReadinessItemActions: f, actions: m, footerSlot: g, renderItem: _, empty: v, className: y, strings: b }) {
+	let x = {
+		...Ce,
+		...b
+	}, S = t === void 0 ? void 0 : Qe(t);
+	return /* @__PURE__ */ J(h, {
 		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),
+		icon: /* @__PURE__ */ q(ce, {}),
+		title: x.title,
+		description: x.description,
+		headerEnd: tt(x.createLabel, s, m),
+		className: r("product-readiness-card--component", Y.card, y),
 		children: [
-			C !== void 0 && /* @__PURE__ */ X("div", {
-				className: Z.score,
-				children: [/* @__PURE__ */ X("div", {
-					className: Z.scoreHead,
-					children: [/* @__PURE__ */ Y(n, {
+			S !== void 0 && /* @__PURE__ */ J("div", {
+				className: Y.score,
+				children: [/* @__PURE__ */ J("div", {
+					className: Y.scoreHead,
+					children: [/* @__PURE__ */ q(n, {
 						size: "xs",
 						type: "secondary",
-						children: o ?? S.scoreLabel
-					}), /* @__PURE__ */ Y(f, {
-						value: C,
+						children: a ?? x.scoreLabel
+					}), /* @__PURE__ */ q(c, {
+						value: S,
 						scaled: !0,
 						size: "xs",
 						weight: "semibold"
 					})]
-				}), /* @__PURE__ */ Y(i, {
-					value: C,
-					"aria-label": typeof o == "string" ? o : S.progressLabel
+				}), /* @__PURE__ */ q(p, {
+					value: S,
+					"aria-label": typeof a == "string" ? a : x.progressLabel
 				})]
 			}),
-			!!s && /* @__PURE__ */ Y(n, {
+			!!o && /* @__PURE__ */ q(n, {
 				type: "secondary",
-				children: s
+				children: o
 			}),
-			t.length === 0 ? y ?? /* @__PURE__ */ Y(Q, {
-				title: S.emptyTitle,
-				description: S.emptyDescription,
-				action: l ? /* @__PURE__ */ X(a, {
+			e.length === 0 ? v ?? /* @__PURE__ */ q(X, {
+				title: x.emptyTitle,
+				description: x.emptyDescription,
+				action: s ? /* @__PURE__ */ J(i, {
 					type: "button",
-					onClick: l,
-					children: [/* @__PURE__ */ Y(U, {}), S.createLabel]
+					onClick: s,
+					children: [/* @__PURE__ */ q(U, {}), x.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 = {
+			}) : /* @__PURE__ */ q(D, { children: e.map((e, t) => {
+				if (_) return /* @__PURE__ */ q("div", { children: _(e, t) }, e.id);
+				let n = l ? () => l(e) : void 0, r = u ? () => u(e) : void 0, i = d ? () => d(e) : void 0, a = {
 					index: t,
 					onSelect: n,
 					onEdit: r,
 					onDelete: i
 				};
-				return /* @__PURE__ */ Y(We, {
+				return /* @__PURE__ */ q(qe, {
 					item: e,
-					actionFallback: S.actionLabel,
+					actionFallback: x.actionLabel,
 					onSelect: n,
-					actions: Ze(m?.(e, a), e, Xe(S.editLabel, S.deleteLabel, r, i), S.actionsLabel)
+					actions: Q(f?.(e, a), e, Z(x.editLabel, x.deleteLabel, r, i), x.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
+function rt({ metrics: e = [], onCreateMetric: t, onSelectMetric: n, onEditMetric: i, onDeleteMetric: a, renderMetricActions: o, actions: s, footerSlot: c, empty: l, className: u, strings: d }) {
+	let f = {
+		...we,
+		...d
 	};
-	return /* @__PURE__ */ X(c, {
+	return /* @__PURE__ */ J(h, {
 		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, {
+		icon: /* @__PURE__ */ q(de, {}),
+		title: f.title,
+		description: f.description,
+		headerEnd: tt(f.createLabel, t, s),
+		className: r("product-structure-card--component", Y.card, u),
+		children: [e.length === 0 ? l ?? /* @__PURE__ */ q(X, {
+			title: f.emptyTitle,
+			description: f.emptyDescription
+		}) : /* @__PURE__ */ q(D, { children: e.map((e, t) => {
+			let r = n ? () => n(e) : void 0, s = i ? () => i(e) : void 0, c = a ? () => a(e) : void 0;
+			return /* @__PURE__ */ q(Ke, {
 				metric: e,
-				actions: Ze(o?.(e, {
+				actions: Q(o?.(e, {
 					index: t,
-					onSelect: n,
+					onSelect: r,
 					onEdit: s,
 					onDelete: c
-				}), e, Xe(p.editLabel, p.deleteLabel, s, c), p.actionsLabel)
+				}), e, Z(f.editLabel, f.deleteLabel, s, c), f.actionsLabel)
 			}, e.id);
-		}) }), l]
+		}) }), c]
 	});
 }
-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
+function it({ items: e = [], onCreateOperation: t, onSelectOperation: n, onEditOperation: i, onDeleteOperation: a, renderOperationActions: o, actions: s, footerSlot: c, renderItem: l, empty: u, className: d, strings: f }) {
+	let p = {
+		...Te,
+		...f
 	};
-	return /* @__PURE__ */ X(c, {
+	return /* @__PURE__ */ J(h, {
 		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, {
+		icon: /* @__PURE__ */ q(me, {}),
+		title: p.title,
+		description: p.description,
+		headerEnd: tt(p.createLabel, t, s),
+		className: r("product-operations-card--component", Y.card, d),
+		children: [e.length === 0 ? u ?? /* @__PURE__ */ q(X, {
+			title: p.emptyTitle,
+			description: p.emptyDescription
+		}) : /* @__PURE__ */ q(D, { children: e.map((e, t) => {
+			if (l) return /* @__PURE__ */ q("div", { children: l(e, t) }, e.id);
+			let r = n ? () => n(e) : void 0, s = i ? () => i(e) : void 0, c = a ? () => a(e) : void 0;
+			return /* @__PURE__ */ q(Je, {
 				item: e,
-				actionFallback: m.actionLabel,
-				onSelect: n,
-				actions: Ze(o?.(e, {
+				actionFallback: p.actionLabel,
+				onSelect: r,
+				actions: Q(o?.(e, {
 					index: t,
-					onSelect: n,
+					onSelect: r,
 					onEdit: s,
 					onDelete: c
-				}), e, Xe(m.editLabel, m.deleteLabel, s, c), m.actionsLabel)
+				}), e, Z(p.editLabel, p.deleteLabel, s, c), p.actionsLabel)
 			}, e.id);
-		}) }), l]
+		}) }), c]
 	});
 }
-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
+function at({ title: e, description: t, metadata: n = [], media: o, onEditDetails: s, actions: c, headerEnd: l, footerSlot: u, empty: d, className: f, strings: p }) {
+	let m = {
+		...Ee,
+		...p
 	};
-	return /* @__PURE__ */ X(c, {
+	return /* @__PURE__ */ J(h, {
 		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, {
+		icon: /* @__PURE__ */ q(B, {}),
+		title: e ?? m.title,
+		description: t === !1 ? void 0 : t ?? m.description,
+		headerEnd: /* @__PURE__ */ J(K, { children: [
+			l,
+			!!s && /* @__PURE__ */ J(i, {
 				type: "button",
 				tone: "neutral",
-				buttonStyle: "ghost",
+				appearance: "ghost",
 				onClick: s,
-				children: [/* @__PURE__ */ Y(H, {}), g.editLabel]
+				children: [/* @__PURE__ */ q(H, {}), m.editLabel]
 			}),
-			!!u?.length && /* @__PURE__ */ Y(o, { actions: u })
+			!!c?.length && /* @__PURE__ */ q(a, { actions: c })
 		] }),
-		className: e("product-details-card--component", Z.card, m),
+		className: r("product-details-card--component", Y.card, f),
 		children: [
-			!!i && /* @__PURE__ */ Y("div", {
-				className: Z.media,
-				children: i
+			!!o && /* @__PURE__ */ q("div", {
+				className: Y.media,
+				children: o
 			}),
-			r.length === 0 ? p ?? /* @__PURE__ */ Y(Q, {
-				title: g.emptyTitle,
-				description: g.emptyDescription
-			}) : /* @__PURE__ */ Y(l, {
-				items: r,
+			n.length === 0 ? d ?? /* @__PURE__ */ q(X, {
+				title: m.emptyTitle,
+				description: m.emptyDescription
+			}) : /* @__PURE__ */ q(g, {
+				items: n,
 				columns: 2
 			}),
-			f
+			u
 		]
 	});
 }
-function it({ metricColumns: n = 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
+function ot({ metricColumns: t = 3, metrics: n = [], terms: o = [], rules: s = [], onOpenContract: c, onEditContract: l, onCreateRule: u, onSelectRule: d, onEditRule: f, onDeleteRule: p, renderRuleActions: m, actions: _, footerSlot: v, empty: y, className: b, strings: x }) {
+	let S = {
+		...De,
+		...x
 	};
-	return /* @__PURE__ */ X(c, {
+	return /* @__PURE__ */ J(h, {
 		surface: "bordered",
-		icon: /* @__PURE__ */ Y(pe, {}),
-		title: C.title,
-		description: C.description,
-		headerEnd: /* @__PURE__ */ X(J, { children: [
-			!!u && /* @__PURE__ */ Y(a, {
+		icon: /* @__PURE__ */ q(he, {}),
+		title: S.title,
+		description: S.description,
+		headerEnd: /* @__PURE__ */ J(K, { children: [
+			!!c && /* @__PURE__ */ q(i, {
 				type: "button",
 				tone: "neutral",
-				buttonStyle: "ghost",
-				onClick: u,
-				children: C.openLabel
+				appearance: "ghost",
+				onClick: c,
+				children: S.openLabel
 			}),
-			!!d && /* @__PURE__ */ X(a, {
+			!!l && /* @__PURE__ */ J(i, {
 				type: "button",
 				tone: "neutral",
-				buttonStyle: "ghost",
-				onClick: d,
-				children: [/* @__PURE__ */ Y(H, {}), C.editLabel]
+				appearance: "ghost",
+				onClick: l,
+				children: [/* @__PURE__ */ q(H, {}), S.editLabel]
 			}),
-			!!_?.length && /* @__PURE__ */ Y(o, { actions: _ })
+			!!_?.length && /* @__PURE__ */ q(a, { actions: _ })
 		] }),
-		className: e("product-contract-overview--component", Z.card, x),
+		className: r("product-contract-overview--component", Y.card, b),
 		children: [
-			r.length > 0 && /* @__PURE__ */ Y(l, {
-				columns: n,
-				items: Qe(r)
+			n.length > 0 && /* @__PURE__ */ q(g, {
+				columns: t,
+				items: et(n)
 			}),
-			i.length > 0 && /* @__PURE__ */ X("section", {
-				className: Z.section,
-				children: [/* @__PURE__ */ Y(t, { children: C.termsTitle }), /* @__PURE__ */ Y(l, {
-					items: i,
+			o.length > 0 && /* @__PURE__ */ J("section", {
+				className: Y.section,
+				children: [/* @__PURE__ */ q(e, { children: S.termsTitle }), /* @__PURE__ */ q(g, {
+					items: o,
 					columns: 2
 				})]
 			}),
-			/* @__PURE__ */ X("section", {
-				className: Z.section,
-				children: [/* @__PURE__ */ X("div", {
-					className: Z.sectionHead,
-					children: [/* @__PURE__ */ Y(t, { children: C.rulesTitle }), !!f && /* @__PURE__ */ X(a, {
+			/* @__PURE__ */ J("section", {
+				className: Y.section,
+				children: [/* @__PURE__ */ J("div", {
+					className: Y.sectionHead,
+					children: [/* @__PURE__ */ q(e, { children: S.rulesTitle }), !!u && /* @__PURE__ */ J(i, {
 						type: "button",
 						tone: "neutral",
-						buttonStyle: "ghost",
-						onClick: f,
-						children: [/* @__PURE__ */ Y(U, {}), C.createRuleLabel]
+						appearance: "ghost",
+						onClick: u,
+						children: [/* @__PURE__ */ q(U, {}), S.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, {
+				}), s.length === 0 ? y ?? /* @__PURE__ */ q(X, {
+					title: S.emptyTitle,
+					description: S.emptyDescription
+				}) : /* @__PURE__ */ q(D, { children: s.map((e, t) => {
+					let n = d ? () => d(e) : void 0, r = f ? () => f(e) : void 0, i = p ? () => p(e) : void 0;
+					return /* @__PURE__ */ q(Ye, {
 						item: e,
 						onSelect: n,
-						actions: Ze(g?.(e, {
+						actions: Q(m?.(e, {
 							index: t,
 							onSelect: n,
 							onEdit: r,
 							onDelete: i
-						}), e, Xe(C.editRuleLabel, C.deleteRuleLabel, r, i), C.ruleActionsLabel)
+						}), e, Z(S.editRuleLabel, S.deleteRuleLabel, r, i), S.ruleActionsLabel)
 					}, e.id);
 				}) })]
 			}),
-			y
+			v
 		]
 	});
 }
-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
+function st({ policies: e = [], onCreatePolicy: t, onSelectPolicy: n, onEditPolicy: i, onDeletePolicy: a, renderPolicyActions: o, actions: s, footerSlot: c, empty: l, className: u, strings: d }) {
+	let f = {
+		...Oe,
+		...d
 	};
-	return /* @__PURE__ */ X(c, {
+	return /* @__PURE__ */ J(h, {
 		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, {
+		icon: /* @__PURE__ */ q(he, {}),
+		title: f.title,
+		description: f.description,
+		headerEnd: tt(f.createLabel, t, s),
+		className: r("product-policies-card--component", Y.card, u),
+		children: [e.length === 0 ? l ?? /* @__PURE__ */ q(X, {
+			title: f.emptyTitle,
+			description: f.emptyDescription
+		}) : /* @__PURE__ */ q(D, { children: e.map((e, t) => {
+			let r = n ? () => n(e) : void 0, s = i ? () => i(e) : void 0, c = a ? () => a(e) : void 0;
+			return /* @__PURE__ */ q(Ye, {
 				item: e,
-				onSelect: n,
-				actions: Ze(o?.(e, {
+				onSelect: r,
+				actions: Q(o?.(e, {
 					index: t,
-					onSelect: n,
+					onSelect: r,
 					onEdit: s,
 					onDelete: c
-				}), e, Xe(p.editLabel, p.deleteLabel, s, c), p.actionsLabel)
+				}), e, Z(f.editLabel, f.deleteLabel, s, c), f.actionsLabel)
 			}, e.id);
-		}) }), l]
+		}) }), c]
 	});
 }
-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
+function ct({ options: e = [], onManageOptions: t, onCreateOption: n, onSelectOption: a, onEditOption: o, onDeleteOption: s, renderOptionActions: c, actions: l, footerSlot: u, empty: d, className: f, strings: p }) {
+	let m = {
+		...ke,
+		...p
 	};
-	return /* @__PURE__ */ X(c, {
+	return /* @__PURE__ */ J(h, {
 		surface: "bordered",
-		icon: /* @__PURE__ */ Y(le, {}),
-		title: h.title,
-		description: h.description,
-		headerEnd: $e(h.createLabel, r, u, n ? /* @__PURE__ */ Y(a, {
+		icon: /* @__PURE__ */ q(de, {}),
+		title: m.title,
+		description: m.description,
+		headerEnd: tt(m.createLabel, n, l, t ? /* @__PURE__ */ q(i, {
 			type: "button",
 			tone: "neutral",
-			buttonStyle: "ghost",
-			onClick: n,
-			children: h.manageLabel
+			appearance: "ghost",
+			onClick: t,
+			children: m.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, {
+		className: r("product-options-summary--component", Y.card, f),
+		children: [e.length === 0 ? d ?? /* @__PURE__ */ q(X, {
+			title: m.emptyTitle,
+			description: m.emptyDescription,
+			action: n ? /* @__PURE__ */ J(i, {
 				type: "button",
-				onClick: r,
-				children: [/* @__PURE__ */ Y(U, {}), h.createLabel]
+				onClick: n,
+				children: [/* @__PURE__ */ q(U, {}), m.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, {
+		}) : /* @__PURE__ */ q(D, { children: e.map((e, t) => {
+			let n = a ? () => a(e) : void 0, r = o ? () => o(e) : void 0, i = s ? () => s(e) : void 0;
+			return /* @__PURE__ */ q(Ye, {
 				item: e,
-				actionLabel: h.actionLabel,
+				actionLabel: m.actionLabel,
 				onSelect: n,
-				actions: Ze(l?.(e, {
+				actions: Q(c?.(e, {
 					index: t,
 					onSelect: n,
 					onEdit: r,
-					onDelete: a
-				}), e, Xe(h.editLabel, h.deleteLabel, r, a), h.actionsLabel)
+					onDelete: i
+				}), e, Z(m.editLabel, m.deleteLabel, r, i), m.actionsLabel)
 			}, e.id);
-		}) }), d]
+		}) }), u]
 	});
 }
-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 }) {
+function lt({ metricColumns: e = 3, title: t, description: n, metrics: i = [], media: o, status: s, statusTone: c = "neutral", actions: l, headerEnd: d, footerSlot: f, className: p, strings: m }) {
 	let _ = {
-		...Me,
-		...g
+		...Fe,
+		...m
 	};
-	return /* @__PURE__ */ X(c, {
+	return /* @__PURE__ */ J(h, {
 		surface: "bordered",
-		title: n ?? _.title,
-		description: r ?? _.description,
-		titleSuffix: s ? /* @__PURE__ */ Y(m, {
-			tone: u,
+		title: t ?? _.title,
+		description: n ?? _.description,
+		titleSuffix: s ? /* @__PURE__ */ q(u, {
+			tone: c,
 			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),
+		headerEnd: /* @__PURE__ */ J(K, { children: [d, !!l?.length && /* @__PURE__ */ q(a, { actions: l })] }),
+		className: r("product-overview--component", Y.card, p),
 		children: [
-			!!a && /* @__PURE__ */ Y("div", {
-				className: Z.media,
-				children: a
+			!!o && /* @__PURE__ */ q("div", {
+				className: Y.media,
+				children: o
 			}),
-			i.length > 0 && /* @__PURE__ */ Y(l, {
-				columns: t,
-				items: Qe(i)
+			i.length > 0 && /* @__PURE__ */ q(g, {
+				columns: e,
+				items: et(i)
 			}),
-			p
+			f
 		]
 	});
 }
-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, {
+function ut({ lines: e = [], summary: t, note: o, onRecalculate: s, actions: c, footerSlot: u, empty: d, className: f, strings: p }) {
+	let m = {
+		...Ie,
+		...p
+	}, v = e.filter((e) => !e.emphasis), y = e.filter((e) => e.emphasis);
+	return /* @__PURE__ */ J(h, {
 		surface: "bordered",
-		icon: /* @__PURE__ */ Y(W, {}),
-		title: _.title,
-		description: _.description,
-		headerEnd: /* @__PURE__ */ X(J, { children: [!!s && /* @__PURE__ */ X(a, {
+		icon: /* @__PURE__ */ q(W, {}),
+		title: m.title,
+		description: m.description,
+		headerEnd: /* @__PURE__ */ J(K, { children: [!!s && /* @__PURE__ */ J(i, {
 			type: "button",
 			tone: "neutral",
-			buttonStyle: "ghost",
+			appearance: "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: [/* @__PURE__ */ q(fe, {}), m.recalculateLabel]
+		}), !!c?.length && /* @__PURE__ */ q(a, { actions: c })] }),
+		className: r("product-quote-card--component", Y.card, f),
 		children: [
-			t.length === 0 ? m ?? /* @__PURE__ */ Y(Q, {
-				title: _.emptyTitle,
-				description: _.emptyDescription
-			}) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(l, {
+			e.length === 0 ? d ?? /* @__PURE__ */ q(X, {
+				title: m.emptyTitle,
+				description: m.emptyDescription
+			}) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(g, {
 				layout: "rows",
 				columns: 1,
 				items: v.map((e) => ({
 					id: e.id,
 					label: e.label,
 					description: e.description,
-					render: () => /* @__PURE__ */ Y(p, {
+					render: () => /* @__PURE__ */ q(l, {
+						type: "inherit",
 						"data-tone": e.tone ?? "neutral",
-						className: Z.quoteValue,
+						className: r(Y.quoteValue, $e),
 						children: e.value
 					})
 				}))
-			}), y.map((e) => /* @__PURE__ */ X("div", {
-				className: Z.quoteTotal,
+			}), y.map((e) => /* @__PURE__ */ J("div", {
+				className: Y.quoteTotal,
 				children: [
-					/* @__PURE__ */ Y(u, {}),
-					/* @__PURE__ */ X("div", {
-						className: Z.quoteTotalRow,
-						children: [/* @__PURE__ */ Y(n, {
+					/* @__PURE__ */ q(_, {}),
+					/* @__PURE__ */ J("div", {
+						className: Y.quoteTotalRow,
+						children: [/* @__PURE__ */ q(n, {
 							tag: "span",
 							weight: "semibold",
 							children: e.label
-						}), /* @__PURE__ */ Y(p, {
+						}), /* @__PURE__ */ q(l, {
 							weight: "semibold",
-							className: Z.numeric,
+							className: $e,
 							children: e.value
 						})]
 					}),
-					!!e.description && /* @__PURE__ */ Y(n, {
+					!!e.description && /* @__PURE__ */ q(n, {
 						size: "xs",
 						type: "secondary",
 						children: e.description
 					})
 				]
 			}, e.id))] }),
-			!!r && /* @__PURE__ */ Y(n, {
+			!!t && /* @__PURE__ */ q(n, {
 				type: "secondary",
-				children: r
+				children: t
 			}),
-			!!i && /* @__PURE__ */ Y(n, {
+			!!o && /* @__PURE__ */ q(n, {
 				size: "xs",
 				type: "secondary",
-				children: i
+				children: o
 			}),
-			f
+			u
 		]
 	});
 }
 //#endregion
 //#region src/components/features/products/product-options-matrix.tsx
-function lt(e) {
+function dt(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
-var ut = 0;
-function dt(e, t, n) {
+var ft = 0;
+function pt(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: N, strings: P }) {
-	let F = {
-		...De,
-		...P
-	}, [re, ie] = q(s), ae = i === void 0 ? re : i, [L, R] = q({
+function mt({ optionGroups: e = [], surface: t = "card", editingOptionId: s, defaultEditingOptionId: c = null, onEditingOptionIdChange: l, onCreateOption: d, onEditOption: f, onDeleteOption: p, confirmDelete: m = !0, onAddValue: g, onDeleteValue: _, onOptionNameChange: y, onValueLabelChange: b, onSaveEditingOption: x, onCancelEditingOption: w, onToggleUsedForVariants: E, onReorderOptions: D, actions: M, footerSlot: N, empty: P, className: F, strings: ee }) {
+	let I = {
+		...Ae,
+		...ee
+	}, [te, ie] = G(c), ae = s === void 0 ? te : s, [L, R] = G({
 		name: "",
 		values: []
-	}), [z, oe] = q(null), se = te(), B = ve(() => [...t].sort((e, t) => (e.position ?? 0) - (t.position ?? 0)), [t]), ce = (e) => {
+	}), [oe, se] = G(null), ce = ne(), z = xe(() => [...e].sort((e, t) => (e.position ?? 0) - (t.position ?? 0)), [e]), le = (e) => {
 		R({
-			name: lt(e.name),
+			name: dt(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);
+		}), s === void 0 && ie(e.id), l?.(e.id, e), f?.(e);
+	}, B = () => {
+		s === void 0 && ie(null), l?.(null);
 	}, ue = (e) => {
 		if (p) {
-			if (!h) {
-				p(e), V();
+			if (!m) {
+				p(e), B();
 				return;
 			}
-			oe(e), se.show();
+			se(e), ce.show();
 		}
-	}, H = (e) => /* @__PURE__ */ X(d, {
-		gap: "lg",
-		className: Z.optionEditor,
+	}, V = (e) => /* @__PURE__ */ J(o, {
+		className: Y.optionEditor,
 		children: [
-			/* @__PURE__ */ Y(C, {
-				label: F.nameLabel,
-				children: /* @__PURE__ */ Y(T, {
+			/* @__PURE__ */ q(C, {
+				label: I.nameLabel,
+				children: /* @__PURE__ */ q(S, {
 					value: L.name,
-					placeholder: F.namePlaceholder,
+					placeholder: I.namePlaceholder,
 					onChange: (t) => {
 						R((e) => ({
 							...e,
 							name: t.target.value
-						})), S?.(e, t.target.value);
+						})), y?.(e, t.target.value);
 					}
 				})
 			}),
-			/* @__PURE__ */ Y(C, {
-				label: F.valuesLabel,
-				children: /* @__PURE__ */ Y(I, {
+			/* @__PURE__ */ q(C, {
+				label: I.valuesLabel,
+				children: /* @__PURE__ */ q(j, {
 					items: L.values,
 					getKey: (e) => e.id,
 					strings: {
-						add: F.addValueLabel,
-						remove: (e) => `${F.removeValueLabel} ${e}`
+						add: I.addValueLabel,
+						remove: (e) => `${I.removeValueLabel} ${e}`
 					},
-					emptyState: /* @__PURE__ */ Y(n, {
+					emptyState: /* @__PURE__ */ q(n, {
 						type: "secondary",
-						children: F.noValues
+						children: I.noValues
 					}),
 					onAdd: () => {
 						let t = {
-							id: `draft-value-${ut += 1}`,
+							id: `draft-value-${ft += 1}`,
 							label: ""
 						};
 						R((e) => ({
 							...e,
 							values: [...e.values, t]
-						})), _?.(e);
+						})), g?.(e);
 					},
 					onRemove: (t) => {
 						let n = L.values[t];
 						R((e) => ({
 							...e,
 							values: e.values.filter((e, n) => n !== t)
-						})), n && v?.(e, n);
+						})), n && _?.(e, n);
 					},
 					onMove: (e, t) => R((n) => ({
 						...n,
-						values: dt(n.values, e, t)
+						values: pt(n.values, e, t)
 					})),
-					children: (t, { index: n }) => /* @__PURE__ */ Y(T, {
-						value: lt(t.label),
-						placeholder: F.valuePlaceholder,
-						"aria-label": `${F.valuesLabel} ${n + 1}`,
+					children: (t, { index: n }) => /* @__PURE__ */ q(S, {
+						value: dt(t.label),
+						placeholder: I.valuePlaceholder,
+						"aria-label": `${I.valuesLabel} ${n + 1}`,
 						onChange: (r) => {
 							let i = r.target.value;
 							R((e) => ({
@@ -1049,78 +1057,78 @@ function ft({ optionGroups: t = [], surface: r = "card", editingOptionId: i, def
 									...e,
 									label: i
 								} : e)
-							})), ee?.(e, t, i);
+							})), b?.(e, t, i);
 						}
 					})
 				})
 			}),
-			!!D && /* @__PURE__ */ Y(M, {
-				label: F.usedForVariantsLabel,
-				description: F.usedForVariantsDescription,
+			!!E && /* @__PURE__ */ q(v, {
+				label: I.usedForVariantsLabel,
+				description: I.usedForVariantsDescription,
 				value: e.usedForVariants ?? !0,
-				onValueChange: (t) => D(e, t)
+				onValueChange: (t) => E(e, t)
 			}),
-			/* @__PURE__ */ X("div", {
-				className: Z.optionEditorActions,
-				children: [/* @__PURE__ */ Y("div", { children: !!p && /* @__PURE__ */ Y(a, {
+			/* @__PURE__ */ J("div", {
+				className: Y.optionEditorActions,
+				children: [/* @__PURE__ */ q("div", { children: !!p && /* @__PURE__ */ q(i, {
 					type: "button",
 					tone: "destructive",
-					buttonStyle: "ghost",
+					appearance: "ghost",
 					onClick: () => ue(e),
-					children: F.deleteLabel
-				}) }), /* @__PURE__ */ X(d, {
+					children: I.deleteLabel
+				}) }), /* @__PURE__ */ J(o, {
 					direction: "horizontal",
 					gap: "sm",
 					align: "center",
-					children: [/* @__PURE__ */ Y(a, {
+					children: [/* @__PURE__ */ q(i, {
 						type: "button",
 						tone: "neutral",
-						buttonStyle: "ghost",
+						appearance: "ghost",
 						onClick: () => {
-							E?.(e, L), V();
+							w?.(e, L), B();
 						},
-						children: F.cancelLabel
-					}), /* @__PURE__ */ Y(a, {
+						children: I.cancelLabel
+					}), /* @__PURE__ */ q(i, {
 						type: "button",
 						onClick: () => {
-							w?.(e, L), V();
+							x?.(e, L), B();
 						},
-						children: F.doneLabel
+						children: I.doneLabel
 					})]
 				})]
 			})
 		]
-	}), U = B.length === 0 ? j ?? /* @__PURE__ */ Y(Q, {
-		title: F.emptyTitle,
-		description: F.emptyDescription,
-		action: u ? /* @__PURE__ */ Y(a, {
+	}), H = z.length === 0 ? P ?? /* @__PURE__ */ q(X, {
+		title: I.emptyTitle,
+		description: I.emptyDescription,
+		action: d ? /* @__PURE__ */ q(i, {
 			type: "button",
-			onClick: u,
-			children: F.createLabel
+			onClick: d,
+			children: I.createLabel
 		}) : void 0
-	}) : /* @__PURE__ */ Y(I, {
-		items: B,
+	}) : /* @__PURE__ */ q(j, {
+		items: z,
 		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) => ({
+		strings: { add: I.createLabel },
+		className: Y.optionList,
+		onAdd: d,
+		onMove: D ? (e, t) => D(pt(z, e, t).map((e, t) => ({
 			...e,
 			position: t
 		}))) : void 0,
 		children: (e) => {
-			if (ae === e.id) return H(e);
+			if (ae === e.id) return V(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, {
+			return /* @__PURE__ */ q(k, {
+				render: /* @__PURE__ */ q("button", { type: "button" }),
+				onClick: () => le(e),
+				className: Y.optionRow,
+				children: /* @__PURE__ */ J(O, { children: [
+					/* @__PURE__ */ J(A, { children: [e.name, e.badge] }),
+					!!e.description && /* @__PURE__ */ q(T, { children: e.description }),
+					/* @__PURE__ */ q("span", {
+						className: Y.optionValues,
+						children: t.map((e) => /* @__PURE__ */ q(u, {
 							tone: "neutral",
 							children: e.label
 						}, e.id))
@@ -1128,49 +1136,49 @@ function ft({ optionGroups: t = [], surface: r = "card", editingOptionId: i, def
 				] })
 			});
 		}
-	}), W = /* @__PURE__ */ Y(ne, {
-		...se.overlayProps,
+	}), U = /* @__PURE__ */ q(re, {
+		...ce.overlayProps,
 		destructive: !0,
-		title: F.confirmDeleteTitle,
-		description: z ? F.confirmDeleteDescription(lt(z.name)) : void 0,
+		title: I.confirmDeleteTitle,
+		description: oe ? I.confirmDeleteDescription(dt(oe.name)) : void 0,
 		strings: {
-			confirm: F.confirmDeleteConfirm,
-			cancel: F.confirmDeleteCancel
+			confirm: I.confirmDeleteConfirm,
+			cancel: I.confirmDeleteCancel
 		},
 		onConfirm: () => {
-			z && p?.(z), oe(null), V();
+			oe && p?.(oe), se(null), B();
 		}
 	});
-	return r === "embedded" ? /* @__PURE__ */ X("div", {
-		className: e("product-options-matrix--component", Z.matrix, N),
+	return t === "embedded" ? /* @__PURE__ */ J("div", {
+		className: r("product-options-matrix--component", Y.matrix, F),
 		children: [
-			U,
-			A,
-			W
+			H,
+			N,
+			U
 		]
-	}) : /* @__PURE__ */ X(c, {
+	}) : /* @__PURE__ */ J(h, {
 		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, N),
+		icon: /* @__PURE__ */ q(de, {}),
+		title: I.title,
+		description: I.description,
+		headerEnd: M?.length ? /* @__PURE__ */ q(a, { actions: M }) : void 0,
+		className: r("product-options-matrix--component", Y.card, F),
 		children: [
-			U,
-			A,
-			W
+			H,
+			N,
+			U
 		]
 	});
 }
 //#endregion
 //#region src/components/features/products/product-variants.tsx
-var pt = [
+var ht = [
 	"variant",
 	"sku",
 	"price",
 	"inventory",
 	"status"
-], mt = {
+], gt = {
 	variant: null,
 	sku: "sku",
 	price: "price",
@@ -1181,7 +1189,7 @@ var pt = [
 function $(e) {
 	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
-function ht(e) {
+function _t(e) {
 	let t = e.map($).filter(Boolean);
 	if (t.length === 0) return "—";
 	let n = [...new Set(t)];
@@ -1193,15 +1201,15 @@ function ht(e) {
 	}
 	return `${n[0]} – ${n[n.length - 1]}`;
 }
-function gt(e) {
+function vt(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 }) {
+function yt({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: r, onDuplicateVariant: i, onDeleteVariant: a, renderVariantActions: o, menuLabel: s, className: c, strings: l }) {
 	let u = {
-		...Oe,
+		...je,
 		...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,
@@ -1210,7 +1218,7 @@ function _t({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: r, on
 		onDuplicate: p,
 		onDelete: m
 	});
-	if (h) return /* @__PURE__ */ Y(J, { children: h });
+	if (h) return /* @__PURE__ */ q(K, { children: h });
 	let g = [
 		...d ? [{
 			id: "open",
@@ -1220,457 +1228,457 @@ function _t({ variant: e, index: t = 0, onSelectVariant: n, onEditVariant: r, on
 		...f ? [{
 			id: "edit",
 			label: u.editLabel,
-			icon: /* @__PURE__ */ Y(H, {}),
+			icon: /* @__PURE__ */ q(H, {}),
 			onClick: f
 		}] : [],
 		...p ? [{
 			id: "duplicate",
 			label: u.duplicateLabel,
-			icon: /* @__PURE__ */ Y(se, {}),
+			icon: /* @__PURE__ */ q(z, {}),
 			onClick: p
 		}] : [],
 		...m ? [{
 			id: "delete",
 			label: u.deleteLabel,
-			icon: /* @__PURE__ */ Y(K, {}),
+			icon: /* @__PURE__ */ q(_e, {}),
 			tone: "destructive",
 			onClick: m
 		}] : []
 	];
-	return g.length === 0 ? null : /* @__PURE__ */ Y(Ve, {
+	return g.length === 0 ? null : /* @__PURE__ */ q(We, {
 		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 }) {
+function bt({ variants: e = [], onCreateVariant: t, onSelectVariant: o, onEditVariant: s, onDuplicateVariant: c, onDeleteVariant: l, renderVariantActions: d, actions: f, footerSlot: p, empty: g, className: _, strings: v }) {
 	let y = {
-		...ke,
+		...Me,
 		...v
 	};
-	return /* @__PURE__ */ X(c, {
+	return /* @__PURE__ */ J(h, {
 		surface: "bordered",
-		icon: /* @__PURE__ */ Y(L, {}),
+		icon: /* @__PURE__ */ q(R, {}),
 		title: y.title,
 		description: y.description,
-		headerEnd: /* @__PURE__ */ X(J, { children: [!!r && /* @__PURE__ */ X(a, {
+		headerEnd: /* @__PURE__ */ J(K, { children: [!!t && /* @__PURE__ */ J(i, {
 			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, {
+			appearance: "ghost",
+			onClick: t,
+			children: [/* @__PURE__ */ q(U, {}), y.createLabel]
+		}), !!f?.length && /* @__PURE__ */ q(a, { actions: f })] }),
+		className: r("product-variants-table--component", Y.card, _),
+		children: [e.length === 0 ? g ?? /* @__PURE__ */ q(X, {
 			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, {
+		}) : /* @__PURE__ */ J(te, { children: [/* @__PURE__ */ q(N, { children: /* @__PURE__ */ J(F, { children: [
+			/* @__PURE__ */ q(I, { children: y.columns.variant }),
+			/* @__PURE__ */ q(I, { children: y.columns.sku }),
+			/* @__PURE__ */ q(I, {
 				align: "end",
 				children: y.columns.price
 			}),
-			/* @__PURE__ */ Y(A, {
+			/* @__PURE__ */ q(I, {
 				align: "end",
 				children: y.columns.inventory
 			}),
-			/* @__PURE__ */ Y(A, { children: y.columns.status }),
-			/* @__PURE__ */ Y(A, {
+			/* @__PURE__ */ q(I, { children: y.columns.status }),
+			/* @__PURE__ */ q(I, {
 				align: "end",
-				children: /* @__PURE__ */ Y(s, { children: y.columns.actions })
+				children: /* @__PURE__ */ q(m, { 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, {
+		] }) }), /* @__PURE__ */ q(ee, { children: e.map((e, t) => /* @__PURE__ */ J(F, { children: [
+			/* @__PURE__ */ q(P, { children: /* @__PURE__ */ J("span", {
+				className: Y.variantCell,
+				children: [/* @__PURE__ */ q(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, {
+				}), !!e.options?.length && /* @__PURE__ */ q("span", {
+					className: Y.variantOptions,
+					children: e.options.map((e, t) => /* @__PURE__ */ q(u, {
 						tone: "neutral",
 						children: e
 					}, t))
 				})]
 			}) }),
-			/* @__PURE__ */ Y(D, { children: e.sku ?? "—" }),
-			/* @__PURE__ */ Y(D, {
+			/* @__PURE__ */ q(P, { children: e.sku ?? "—" }),
+			/* @__PURE__ */ q(P, {
 				align: "end",
 				children: e.price ?? "—"
 			}),
-			/* @__PURE__ */ Y(D, {
+			/* @__PURE__ */ q(P, {
 				align: "end",
 				children: e.inventory ?? "—"
 			}),
-			/* @__PURE__ */ Y(D, { children: e.status ? /* @__PURE__ */ Y(m, {
+			/* @__PURE__ */ q(P, { children: e.status ? /* @__PURE__ */ q(u, {
 				tone: e.statusTone ?? "neutral",
 				children: e.status
 			}) : "—" }),
-			/* @__PURE__ */ Y(D, {
+			/* @__PURE__ */ q(P, {
 				align: "end",
-				children: /* @__PURE__ */ Y(_t, {
+				children: /* @__PURE__ */ q(yt, {
 					variant: e,
 					index: t,
-					onSelectVariant: i,
-					onEditVariant: l,
-					onDuplicateVariant: u,
-					onDeleteVariant: d,
-					renderVariantActions: f
+					onSelectVariant: o,
+					onEditVariant: s,
+					onDuplicateVariant: c,
+					onDeleteVariant: l,
+					renderVariantActions: d
 				})
 			})
-		] }, e.id)) })] }), h]
+		] }, e.id)) })] }), p]
 	});
 }
-function yt({ value: e, field: t, align: n, label: r, onValueChange: i, onBlur: a }) {
-	let [o, s] = re($(e));
-	return /* @__PURE__ */ Y("span", {
+function xt({ value: e, field: t, align: n, label: r, onValueChange: i, onBlur: a }) {
+	let [o, s] = ie($(e));
+	return /* @__PURE__ */ q("span", {
 		"data-field": t,
 		"data-align": n,
-		className: Z.variantFieldCell,
-		children: /* @__PURE__ */ Y(T, {
+		className: Y.variantFieldCell,
+		children: /* @__PURE__ */ q(S, {
 			value: o,
 			"aria-label": r,
 			onChange: (e) => {
 				s(e.target.value), i?.(e.target.value);
 			},
 			onBlur: () => a?.(o),
-			className: Z.variantField
+			className: Y.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 [{
+function St({ variants: e = [], optionGroups: t = [], groupByOptionId: o = null, visibleColumns: s = ht, optionCombinationDisplay: c = "tags", cellDisplay: l = "text", selectionMode: f = "multiple", renderOptionCombination: p, selectedVariantIds: g, defaultSelectedVariantIds: _, onSelectedVariantIdsChange: v, onVariantFieldChange: y, onVariantFieldBlur: x, onCreateVariant: S, onGenerateVariants: C, onSelectVariant: w, onEditVariant: T, onDuplicateVariant: E, onDeleteVariant: D, onSetVariantImage: O, onBulkEdit: k, onBulkDelete: A, renderVariantActions: j, renderBulkActions: M, actions: ne, headerEnd: re, footerSlot: ie, empty: ae, surface: L = "card", className: se, strings: ce }) {
+	let z = {
+		...Ne,
+		...ce
+	}, [le, B] = G(() => _ ?? []), [ue, de] = G([]), V = g ?? le, H = xe(() => new Set(V), [V]), W = (t) => {
+		g === void 0 && B(t);
+		let n = new Set(t);
+		v?.(t, e.filter((e) => n.has(e.id)));
+	}, fe = (e) => typeof l == "string" ? l : l[e] ?? "text", pe = xe(() => {
+		if (!o) return [{
 			key: "",
 			option: "",
 			value: "",
-			rows: t
+			rows: e
 		}];
-		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);
+		let n = t.find((e) => e.id === o), r = /* @__PURE__ */ new Map(), i = [];
+		for (let t of e) {
+			let e = t.optionValueIds?.[o];
+			if (!e) {
+				i.push(t);
 				continue;
 			}
-			let r = n.get(t);
-			r ? r.push(e) : n.set(t, [e]);
+			let n = r.get(e);
+			n ? n.push(t) : r.set(e, [t]);
 		}
-		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) ?? []
+		let a = (n?.values ?? []).filter((e) => r.has(e.id)).map((e) => ({
+			key: e.id,
+			option: $(n?.name),
+			value: $(e.label),
+			rows: r.get(e.id) ?? []
 		}));
-		return a.length > 0 ? [...o, {
+		return i.length > 0 ? [...a, {
 			key: "__ungrouped",
 			option: "",
 			value: "",
-			rows: a
-		}] : o;
+			rows: i
+		}] : a;
 	}, [
-		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, {
+		o,
+		t,
+		e
+	]), me = e.length === 0 && !ae, he = e.length > 0 && V.length === e.length, _e = f === "multiple" && V.length > 0 && /* @__PURE__ */ q(d, {
 		placement: "inline",
-		className: Z.bulkBar,
-		selectedCount: H.length,
-		totalCount: t.length,
-		onClear: () => G([]),
+		className: Y.bulkBar,
+		selectedCount: V.length,
+		totalCount: e.length,
+		onClear: () => W([]),
 		strings: {
-			summary: (e, n) => B.selectedCount(e, n ?? t.length),
-			clear: B.clearSelection
+			summary: (t, n) => z.selectedCount(t, n ?? e.length),
+			clear: z.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, {
+		children: M?.({
+			selectedRows: e.filter((e) => H.has(e.id)),
+			selectedIds: V,
+			allRows: e,
+			selectedCount: V.length,
+			totalCount: e.length,
+			allRowsSelected: he,
+			clearSelection: () => W([]),
+			setSelectedIds: W
+		}) ?? /* @__PURE__ */ J(K, { children: [!!k && /* @__PURE__ */ q(i, {
 			type: "button",
 			tone: "neutral",
-			buttonStyle: "outline",
-			onClick: () => M(t.filter((e) => W.has(e.id))),
-			children: B.bulkEditLabel
-		}), !!N && /* @__PURE__ */ Y(a, {
+			appearance: "outline",
+			onClick: () => k(e.filter((e) => H.has(e.id))),
+			children: z.bulkEditLabel
+		}), !!A && /* @__PURE__ */ q(i, {
 			type: "button",
 			tone: "destructive",
-			buttonStyle: "outline",
-			onClick: () => N(t.filter((e) => W.has(e.id))),
-			children: B.bulkDeleteLabel
+			appearance: "outline",
+			onClick: () => A(e.filter((e) => H.has(e.id))),
+			children: z.bulkDeleteLabel
 		})] })
-	}), _e = t.length === 0 ? ae ?? /* @__PURE__ */ Y(Q, {
-		title: B.emptyTitle,
-		description: B.emptyDescription,
-		action: x ? /* @__PURE__ */ X(a, {
+	}), ve = e.length === 0 ? ae ?? /* @__PURE__ */ q(X, {
+		title: z.emptyTitle,
+		description: z.emptyDescription,
+		action: C ? /* @__PURE__ */ J(i, {
 			type: "button",
-			onClick: x,
-			children: [/* @__PURE__ */ Y(me, {}), B.generateLabel]
+			onClick: C,
+			children: [/* @__PURE__ */ q(ge, {}), z.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
+	}) : /* @__PURE__ */ J(K, { children: [_e, /* @__PURE__ */ J(te, { children: [/* @__PURE__ */ q(N, { children: /* @__PURE__ */ J(F, { children: [
+		f === "multiple" && /* @__PURE__ */ q(I, {
+			className: Y.selectCell,
+			children: /* @__PURE__ */ q(b, {
+				checked: he,
+				indeterminate: V.length > 0 && !he,
+				onChange: (t) => W(t.target.checked ? e.map((e) => e.id) : []),
+				"aria-label": z.selectAllLabel
 			})
 		}),
-		l.map((e) => /* @__PURE__ */ Y(A, {
+		s.map((e) => /* @__PURE__ */ q(I, {
 			align: e === "price" || e === "inventory" ? "end" : "start",
-			children: B.columns[e === "updated" ? "updated" : e]
+			children: z.columns[e === "updated" ? "updated" : e]
 		}, e)),
-		/* @__PURE__ */ Y(A, {
+		/* @__PURE__ */ q(I, {
 			align: "end",
-			children: /* @__PURE__ */ Y(s, { children: B.columns.actions })
+			children: /* @__PURE__ */ q(m, { children: z.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,
+	] }) }), /* @__PURE__ */ q(ee, { children: pe.map((e) => {
+		let r = e.rows.map((e) => e.id), a = r.every((e) => H.has(e)), l = !o || ue.includes(e.key);
+		return /* @__PURE__ */ J(ye, { children: [!!o && /* @__PURE__ */ J(F, {
+			className: Y.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)))
+				f === "multiple" && /* @__PURE__ */ q(P, {
+					className: Y.selectCell,
+					children: /* @__PURE__ */ q(b, {
+						checked: a,
+						indeterminate: !a && r.some((e) => H.has(e)),
+						"aria-label": z.selectGroupLabel(e.key === "__ungrouped" ? String(z.ungrouped) : z.groupLabel(e.option, e.value)),
+						onChange: (e) => W(e.target.checked ? [.../* @__PURE__ */ new Set([...V, ...r])] : V.filter((e) => !r.includes(e)))
 					})
 				}),
-				l.map((t) => {
+				s.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, {
+						return /* @__PURE__ */ q(P, { children: /* @__PURE__ */ J("span", {
+							className: Y.variantHead,
+							children: [/* @__PURE__ */ q(Ue, {
 								src: r?.image,
 								alt: r?.imageAlt,
 								media: r?.media
-							}), /* @__PURE__ */ X("span", {
-								className: Z.variantCell,
-								children: [/* @__PURE__ */ Y(n, {
+							}), /* @__PURE__ */ J("span", {
+								className: Y.variantCell,
+								children: [/* @__PURE__ */ q(n, {
 									tag: "span",
 									weight: "semibold",
-									children: e.key === "__ungrouped" ? B.ungrouped : B.groupLabel(e.option, e.value)
-								}), /* @__PURE__ */ Y(n, {
+									children: e.key === "__ungrouped" ? z.ungrouped : z.groupLabel(e.option, e.value)
+								}), /* @__PURE__ */ q(n, {
 									tag: "span",
 									size: "xs",
 									type: "secondary",
-									children: B.groupCount(e.rows.length)
+									children: z.groupCount(e.rows.length)
 								})]
 							})]
 						}) }, t);
 					}
-					return t === "price" || t === "inventory" ? /* @__PURE__ */ Y(D, {
+					return t === "price" || t === "inventory" ? /* @__PURE__ */ q(P, {
 						align: "end",
-						children: /* @__PURE__ */ Y(n, {
+						children: /* @__PURE__ */ q(n, {
 							tag: "span",
 							weight: "medium",
-							className: Z.numeric,
-							children: t === "price" ? ht(e.rows.map((e) => e.price)) : gt(e.rows.map((e) => e.inventory))
+							numeric: !0,
+							children: t === "price" ? _t(e.rows.map((e) => e.price)) : vt(e.rows.map((e) => e.inventory))
 						})
-					}, t) : /* @__PURE__ */ Y(D, {}, t);
+					}, t) : /* @__PURE__ */ q(P, {}, t);
 				}),
-				/* @__PURE__ */ Y(D, {
+				/* @__PURE__ */ q(P, {
 					align: "end",
-					children: /* @__PURE__ */ Y(a, {
+					children: /* @__PURE__ */ q(i, {
 						type: "button",
 						tone: "neutral",
-						buttonStyle: "ghost",
+						appearance: "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
+						"aria-expanded": l,
+						"aria-label": l ? z.collapseGroup : z.expandGroup,
+						onClick: () => de((t) => l ? t.filter((t) => t !== e.key) : [...t, e.key]),
+						children: /* @__PURE__ */ q(oe, {
+							"data-expanded": l || void 0,
+							className: Y.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,
+		}), l && e.rows.map((e, r) => {
+			let i = H.has(e.id);
+			return /* @__PURE__ */ J(F, {
+				"data-state": i ? "selected" : void 0,
+				"data-nested": o ? !0 : void 0,
+				className: Y.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))
+					f === "multiple" && /* @__PURE__ */ q(P, {
+						className: Y.selectCell,
+						children: /* @__PURE__ */ q(b, {
+							checked: i,
+							onChange: (t) => W(t.target.checked ? [...V, e.id] : V.filter((t) => t !== e.id)),
+							"aria-label": z.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, {
+					s.map((i) => {
+						if (i === "variant") {
+							let r = t.filter((e) => e.id !== o).map((t) => e.optionValues?.[t.id]).filter(Boolean), a = o && r.length > 0 ? r.map($).join(" · ") : e.name;
+							return /* @__PURE__ */ q(P, { children: /* @__PURE__ */ J("span", {
+								className: Y.variantHead,
+								children: [/* @__PURE__ */ q(Ue, {
 									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, {
+									label: O ? z.setImageLabel($(e.name)) : void 0,
+									onSelect: O ? () => O(e) : void 0
+								}), /* @__PURE__ */ J("span", {
+									className: Y.variantCell,
+									children: [/* @__PURE__ */ q(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, {
+										children: a
+									}), p?.(e, r) ?? (c === "tags" && !o && r.length > 0 ? /* @__PURE__ */ q("span", {
+										className: Y.variantOptions,
+										children: r.map((e, t) => /* @__PURE__ */ q(u, {
 											tone: "neutral",
 											children: e
 										}, t))
-									}) : u === "text" && !i && t.length > 0 ? /* @__PURE__ */ Y(n, {
+									}) : c === "text" && !o && r.length > 0 ? /* @__PURE__ */ q(n, {
 										tag: "span",
 										size: "xs",
 										type: "secondary",
-										children: t.map($).join(" · ")
+										children: r.map($).join(" · ")
 									}) : null)]
 								})]
-							}) }, a);
+							}) }, i);
 						}
-						if (a === "status") return /* @__PURE__ */ Y(D, { children: e.status ? /* @__PURE__ */ Y(m, {
+						if (i === "status") return /* @__PURE__ */ q(P, { children: e.status ? /* @__PURE__ */ q(u, {
 							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, {
+						}) : "—" }, i);
+						if (i === "updated") return /* @__PURE__ */ q(P, { children: e.updatedAt ?? "—" }, i);
+						let a = gt[i], s = a ? e[a] : void 0, l = i === "price" || i === "inventory" ? "end" : "start";
+						return a && fe(a) === "field" ? /* @__PURE__ */ q(P, {
+							align: l,
+							children: /* @__PURE__ */ q(xt, {
 								value: s,
-								field: o,
-								align: c,
-								label: `${B.columns[a]}: ${$(e.name)}`,
-								onValueChange: (n) => v?.(e, o, n, {
-									index: t,
-									field: o,
+								field: a,
+								align: l,
+								label: `${z.columns[i]}: ${$(e.name)}`,
+								onValueChange: (t) => y?.(e, a, t, {
+									index: r,
+									field: a,
 									previousValue: s,
-									value: n
+									value: t
 								}),
-								onBlur: (n) => y?.(e, o, n, {
-									index: t,
-									field: o,
+								onBlur: (t) => x?.(e, a, t, {
+									index: r,
+									field: a,
 									previousValue: s,
-									value: n
+									value: t
 								})
 							})
-						}, a) : /* @__PURE__ */ Y(D, {
-							align: c,
+						}, i) : /* @__PURE__ */ q(P, {
+							align: l,
 							children: s ?? "—"
-						}, a);
+						}, i);
 					}),
-					/* @__PURE__ */ Y(D, {
+					/* @__PURE__ */ q(P, {
 						align: "end",
-						children: /* @__PURE__ */ Y(_t, {
+						children: /* @__PURE__ */ q(yt, {
 							variant: e,
-							index: t,
-							onSelectVariant: S,
-							onEditVariant: C,
-							onDuplicateVariant: ee,
-							onDeleteVariant: w,
-							renderVariantActions: I
+							index: r,
+							onSelectVariant: w,
+							onEditVariant: T,
+							onDuplicateVariant: E,
+							onDeleteVariant: D,
+							renderVariantActions: j
 						})
 					})
 				]
 			}, 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, {
+	return L === "embedded" ? /* @__PURE__ */ J("div", {
+		className: r("product-variants-bulk-table--component", Y.variants, se),
+		children: [ve, ie]
+	}) : /* @__PURE__ */ J(h, {
 		surface: "bordered",
-		icon: /* @__PURE__ */ Y(L, {}),
-		title: B.title,
-		description: B.description,
-		headerEnd: /* @__PURE__ */ X(J, { children: [
+		icon: /* @__PURE__ */ q(R, {}),
+		title: z.title,
+		description: z.description,
+		headerEnd: /* @__PURE__ */ J(K, { children: [
 			re,
-			!!x && !pe && /* @__PURE__ */ X(a, {
+			!!C && !me && /* @__PURE__ */ J(i, {
 				type: "button",
 				tone: "neutral",
-				buttonStyle: "ghost",
-				onClick: x,
-				children: [/* @__PURE__ */ Y(me, {}), B.generateLabel]
+				appearance: "ghost",
+				onClick: C,
+				children: [/* @__PURE__ */ q(ge, {}), z.generateLabel]
 			}),
-			!!b && /* @__PURE__ */ X(a, {
+			!!S && /* @__PURE__ */ J(i, {
 				type: "button",
 				tone: "neutral",
-				buttonStyle: "ghost",
-				onClick: b,
-				children: [/* @__PURE__ */ Y(U, {}), B.createLabel]
+				appearance: "ghost",
+				onClick: S,
+				children: [/* @__PURE__ */ q(U, {}), z.createLabel]
 			}),
-			!!ne?.length && /* @__PURE__ */ Y(o, { actions: ne })
+			!!ne?.length && /* @__PURE__ */ q(a, { actions: ne })
 		] }),
-		className: e("product-variants-bulk-table--component", Z.card, oe),
-		children: [_e, ie]
+		className: r("product-variants-bulk-table--component", Y.card, se),
+		children: [ve, 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,
+function Ct({ className: e, strings: t, optionsStrings: a, 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: b, onToggleUsedForVariants: x, onReorderOptions: S, confirmDelete: C, groupByOptionId: w, defaultGroupByOptionId: T = null, onGroupByOptionIdChange: E, showGroupBy: D = !0, ...O }) {
+	let k = {
+		...Pe,
+		...t
+	}, A = {
+		...Ne,
 		...o
-	}, [k, A] = q(ee), j = C === void 0 ? k : C, M = (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),
+	}, [j, M] = G(T), N = w === void 0 ? j : w, P = (e) => {
+		w === void 0 && M(e), E?.(e);
+	}, F = s.filter((e) => e.usedForVariants ?? !0);
+	return /* @__PURE__ */ J("section", {
+		className: r("product-variants-manager--component", Y.manager, e),
 		children: [
-			/* @__PURE__ */ X("header", {
-				className: Z.managerHead,
-				children: [/* @__PURE__ */ X("span", {
-					className: Z.managerTitle,
-					children: [/* @__PURE__ */ Y(L, { "aria-hidden": !0 }), /* @__PURE__ */ Y(n, {
+			/* @__PURE__ */ J("header", {
+				className: Y.managerHead,
+				children: [/* @__PURE__ */ J("span", {
+					className: Y.managerTitle,
+					children: [/* @__PURE__ */ q(R, { "aria-hidden": !0 }), /* @__PURE__ */ q(n, {
 						tag: "span",
 						weight: "semibold",
-						children: D.title
+						children: k.title
 					})]
-				}), /* @__PURE__ */ X("div", {
-					className: Z.managerActions,
-					children: [!!E.onGenerateVariants && /* @__PURE__ */ X(a, {
+				}), /* @__PURE__ */ J("div", {
+					className: Y.managerActions,
+					children: [!!O.onGenerateVariants && /* @__PURE__ */ J(i, {
 						type: "button",
 						tone: "neutral",
-						buttonStyle: "ghost",
-						onClick: E.onGenerateVariants,
-						children: [/* @__PURE__ */ Y(me, {}), O.generateLabel]
-					}), !!E.onCreateVariant && /* @__PURE__ */ X(a, {
+						appearance: "ghost",
+						onClick: O.onGenerateVariants,
+						children: [/* @__PURE__ */ q(ge, {}), A.generateLabel]
+					}), !!O.onCreateVariant && /* @__PURE__ */ J(i, {
 						type: "button",
 						tone: "neutral",
-						buttonStyle: "ghost",
-						onClick: E.onCreateVariant,
-						children: [/* @__PURE__ */ Y(U, {}), O.createLabel]
+						appearance: "ghost",
+						onClick: O.onCreateVariant,
+						children: [/* @__PURE__ */ q(U, {}), A.createLabel]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ Y("div", {
-				className: Z.managerOptions,
-				children: /* @__PURE__ */ Y(ft, {
+			/* @__PURE__ */ q("div", {
+				className: Y.managerOptions,
+				children: /* @__PURE__ */ q(mt, {
 					surface: "embedded",
 					optionGroups: s,
 					editingOptionId: c,
@@ -1684,37 +1692,37 @@ function xt({ className: t, strings: r, optionsStrings: i, variantsStrings: o, o
 					onOptionNameChange: g,
 					onValueLabelChange: _,
 					onSaveEditingOption: v,
-					onCancelEditingOption: y,
-					onToggleUsedForVariants: b,
-					onReorderOptions: x,
-					confirmDelete: S,
-					strings: i
+					onCancelEditingOption: b,
+					onToggleUsedForVariants: x,
+					onReorderOptions: S,
+					confirmDelete: C,
+					strings: a
 				})
 			}),
-			T && P.length > 1 && /* @__PURE__ */ X("div", {
-				className: Z.managerToolbar,
-				children: [/* @__PURE__ */ Y(n, {
+			D && F.length > 1 && /* @__PURE__ */ J("div", {
+				className: Y.managerToolbar,
+				children: [/* @__PURE__ */ q(n, {
 					tag: "span",
 					type: "secondary",
-					children: D.groupByLabel
-				}), /* @__PURE__ */ Y(N, {
-					"aria-label": D.groupByLabel,
-					value: j,
+					children: k.groupByLabel
+				}), /* @__PURE__ */ q(y, {
+					"aria-label": k.groupByLabel,
+					value: N,
 					allowClear: !0,
-					strings: { clear: D.groupByNone },
-					options: P.map((e) => ({
+					strings: { clear: k.groupByNone },
+					options: F.map((e) => ({
 						value: e.id,
 						label: typeof e.name == "string" ? e.name : e.id
 					})),
-					onValueChange: (e) => M(e ?? null),
-					className: Z.managerGroupBy
+					onValueChange: (e) => P(e ?? null),
+					className: Y.managerGroupBy
 				})]
 			}),
-			/* @__PURE__ */ Y(bt, {
-				...E,
+			/* @__PURE__ */ q(St, {
+				...O,
 				surface: "embedded",
 				optionGroups: s,
-				groupByOptionId: j,
+				groupByOptionId: N,
 				strings: o
 			})
 		]
@@ -1722,10 +1730,10 @@ function xt({ className: t, strings: r, optionsStrings: i, variantsStrings: o, o
 }
 //#endregion
 //#region src/components/features/products/product-variant-details.tsx
-function St(e) {
+function wt(e) {
 	return e != null && e !== !1 && e !== "";
 }
-function Ct(e, t) {
+function Tt(e, t) {
 	return [
 		{
 			id: "price",
@@ -1752,154 +1760,154 @@ function Ct(e, t) {
 			label: t.updated,
 			value: e.updatedAt
 		}
-	].filter((e) => St(e.value));
+	].filter((e) => wt(e.value));
 }
-function wt({ variant: n, 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 = n ? r ?? Ct(n, D.metadata) : [], k = !!(n && (d || f || p || h || S)), A = n?.options ?? [];
-	return /* @__PURE__ */ X(c, {
+function Et({ variant: t, metadata: n, optionItems: o = [], media: c, onBack: l, onSelectVariant: d, onEditVariant: f, onDuplicateVariant: p, onDeleteVariant: m, onSelectOption: _, actions: v, headerEnd: y, footerSlot: b, empty: x, renderActions: S, renderMetadata: C, renderOption: w, className: T, strings: E }) {
+	let O = s(ze, E), k = t ? n ?? Tt(t, O.metadata) : [], A = !!(t && (d || f || p || m || S)), j = t?.options ?? [];
+	return /* @__PURE__ */ J(h, {
 		surface: "bordered",
-		icon: /* @__PURE__ */ Y(ue, {}),
-		title: n?.name ?? D.title,
-		titleSuffix: n?.status ? /* @__PURE__ */ Y(m, {
-			tone: n.statusTone ?? "neutral",
-			children: n.status
+		icon: /* @__PURE__ */ q(V, {}),
+		title: t?.name ?? O.title,
+		titleSuffix: t?.status ? /* @__PURE__ */ q(u, {
+			tone: t.statusTone ?? "neutral",
+			children: t.status
 		}) : void 0,
-		description: n?.description ?? D.description,
-		headerEnd: /* @__PURE__ */ X(J, { children: [
-			!!u && /* @__PURE__ */ X(a, {
+		description: t?.description ?? O.description,
+		headerEnd: /* @__PURE__ */ J(K, { children: [
+			!!l && /* @__PURE__ */ J(i, {
 				type: "button",
 				tone: "neutral",
-				buttonStyle: "ghost",
-				onClick: u,
-				children: [/* @__PURE__ */ Y(ae, {}), D.backLabel]
+				appearance: "ghost",
+				onClick: l,
+				children: [/* @__PURE__ */ q(L, {}), O.backLabel]
 			}),
-			!!k && !!n && /* @__PURE__ */ Y(_t, {
-				variant: n,
+			!!A && !!t && /* @__PURE__ */ q(yt, {
+				variant: t,
 				onSelectVariant: d,
 				onEditVariant: f,
 				onDuplicateVariant: p,
-				onDeleteVariant: h,
+				onDeleteVariant: m,
 				renderVariantActions: S
 			}),
 			y,
-			!!_?.length && /* @__PURE__ */ Y(o, { actions: _ })
+			!!v?.length && /* @__PURE__ */ q(a, { actions: v })
 		] }),
-		className: e("product-variant-details--component", Z.card, T),
-		children: [n ? /* @__PURE__ */ X(J, { children: [
-			!!s && /* @__PURE__ */ Y("div", {
-				className: Z.media,
-				children: s
+		className: r("product-variant-details--component", Y.card, T),
+		children: [t ? /* @__PURE__ */ J(K, { children: [
+			!!c && /* @__PURE__ */ q("div", {
+				className: Y.media,
+				children: c
 			}),
-			C ? C(n) : /* @__PURE__ */ Y(l, {
-				title: D.factsTitle,
-				items: O,
+			C ? C(t) : /* @__PURE__ */ q(g, {
+				title: O.factsTitle,
+				items: k,
 				columns: 3,
-				density: "compact"
+				size: "sm"
 			}),
-			A.length > 0 && /* @__PURE__ */ X("section", {
-				className: Z.section,
-				children: [/* @__PURE__ */ Y(t, { children: D.selectedOptionsTitle }), /* @__PURE__ */ Y("div", {
-					className: Z.rowValues,
-					children: A.map((e, t) => /* @__PURE__ */ Y(m, {
+			j.length > 0 && /* @__PURE__ */ J("section", {
+				className: Y.section,
+				children: [/* @__PURE__ */ q(e, { children: O.selectedOptionsTitle }), /* @__PURE__ */ q("div", {
+					className: Y.rowValues,
+					children: j.map((e, t) => /* @__PURE__ */ q(u, {
 						tone: "neutral",
 						children: e
 					}, t))
 				})]
 			}),
-			i.length > 0 && /* @__PURE__ */ X("section", {
-				className: Z.section,
-				children: [/* @__PURE__ */ Y(t, { children: D.relatedOptionsTitle }), /* @__PURE__ */ Y(v, { children: i.map((e, t) => w ? /* @__PURE__ */ Y("div", { children: w(e, t) }, e.id) : /* @__PURE__ */ Y(Ke, {
+			o.length > 0 && /* @__PURE__ */ J("section", {
+				className: Y.section,
+				children: [/* @__PURE__ */ q(e, { children: O.relatedOptionsTitle }), /* @__PURE__ */ q(D, { children: o.map((e, t) => w ? /* @__PURE__ */ q("div", { children: w(e, t) }, e.id) : /* @__PURE__ */ q(Ye, {
 					item: e,
-					actionLabel: D.viewOptionLabel,
-					onSelect: g ? () => g(e) : void 0
+					actionLabel: O.viewOptionLabel,
+					onSelect: _ ? () => _(e) : void 0
 				}, e.id)) })]
 			})
-		] }) : x ?? /* @__PURE__ */ Y(Q, {
-			title: D.emptyTitle,
-			description: D.emptyDescription
+		] }) : x ?? /* @__PURE__ */ q(X, {
+			title: O.emptyTitle,
+			description: O.emptyDescription
 		}), b]
 	});
 }
 //#endregion
 //#region src/components/features/products/product-variant-editor.tsx
-function Tt(e) {
+function Dt(e) {
 	return e.map((e) => ({
 		value: e.value,
 		label: e.label,
 		disabled: e.disabled
 	}));
 }
-function Et({ value: n, 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 = n !== void 0, [D, O] = q(() => r ?? {}), [k, A] = q(!1), j = (E ? n : D) ?? {}, M = v || k, P = _ || M, F = (e) => {
-		E || O(e), l?.(e);
+function Ot({ value: t, defaultValue: n, optionFields: o = [], statusOptions: c = [], onValueChange: l, onSubmit: u, onError: d, onCancel: f, onDelete: p, actions: m, headerEnd: g, footerSlot: _, disabled: v = !1, submitting: b = !1, className: w, strings: T }) {
+	let E = s(Be, T), D = be(), O = t !== void 0, [k, A] = G(() => n ?? {}), [j, M] = G(!1), N = (O ? t : k) ?? {}, P = b || j, F = v || P, ee = (e) => {
+		O || A(e), l?.(e);
 	}, I = (e, t) => {
-		F({
-			...j,
+		ee({
+			...N,
 			[e]: t
 		});
 	}, te = (e, t) => {
-		F({
-			...j,
+		ee({
+			...N,
 			options: {
-				...j.options ?? {},
+				...N.options ?? {},
 				[e.id]: t
 			}
 		});
 	}, ne = async (e) => {
-		if (e.preventDefault(), !(!u || M)) {
-			A(!0);
+		if (e.preventDefault(), !(!u || P)) {
+			M(!0);
 			try {
-				await u(j);
+				await u(N);
 			} catch (e) {
 				d?.(e);
 			} finally {
-				A(!1);
+				M(!1);
 			}
 		}
 	}, re = !!(p || f || u);
-	return /* @__PURE__ */ X(c, {
+	return /* @__PURE__ */ J(h, {
 		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,
+		icon: /* @__PURE__ */ q(H, {}),
+		title: E.title,
+		description: E.description,
+		headerEnd: /* @__PURE__ */ J(K, { children: [g, !!m?.length && /* @__PURE__ */ q(a, { actions: m })] }),
+		className: r("product-variant-editor--component", Y.editor, w),
+		children: [/* @__PURE__ */ J("form", {
+			id: D,
+			className: Y.editorForm,
 			onSubmit: ne,
 			children: [
-				/* @__PURE__ */ X("section", {
-					className: Z.section,
-					children: [/* @__PURE__ */ Y(t, { children: x.identityTitle }), /* @__PURE__ */ X("div", {
-						className: Z.fields,
+				/* @__PURE__ */ J("section", {
+					className: Y.section,
+					children: [/* @__PURE__ */ q(e, { children: E.identityTitle }), /* @__PURE__ */ J("div", {
+						className: Y.fields,
 						children: [
-							/* @__PURE__ */ Y(C, {
-								label: x.fields.name,
+							/* @__PURE__ */ q(C, {
+								label: E.fields.name,
 								required: !0,
-								children: /* @__PURE__ */ Y(T, {
-									value: j.name ?? "",
-									placeholder: x.placeholders.name,
-									disabled: P,
+								children: /* @__PURE__ */ q(S, {
+									value: N.name ?? "",
+									placeholder: E.placeholders.name,
+									disabled: F,
 									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,
+							/* @__PURE__ */ q(C, {
+								label: E.fields.sku,
+								children: /* @__PURE__ */ q(S, {
+									value: N.sku ?? "",
+									placeholder: E.placeholders.sku,
+									disabled: F,
 									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,
+							/* @__PURE__ */ q(C, {
+								label: E.fields.description,
+								className: Y.fieldWide,
+								children: /* @__PURE__ */ q(x, {
+									value: N.description ?? "",
+									placeholder: E.placeholders.description,
+									disabled: F,
 									minRows: 2,
 									onChange: (e) => I("description", e.target.value)
 								})
@@ -1907,78 +1915,78 @@ function Et({ value: n, defaultValue: r, optionFields: i = [], statusOptions: s
 						]
 					})]
 				}),
-				/* @__PURE__ */ X("section", {
-					className: Z.section,
-					children: [/* @__PURE__ */ Y(t, { children: x.commercialTitle }), /* @__PURE__ */ X("div", {
-						className: Z.fields,
+				/* @__PURE__ */ J("section", {
+					className: Y.section,
+					children: [/* @__PURE__ */ q(e, { children: E.commercialTitle }), /* @__PURE__ */ J("div", {
+						className: Y.fields,
 						children: [
-							/* @__PURE__ */ Y(C, {
-								label: x.fields.price,
-								children: /* @__PURE__ */ Y(T, {
-									value: j.price ?? "",
-									placeholder: x.placeholders.price,
-									disabled: P,
+							/* @__PURE__ */ q(C, {
+								label: E.fields.price,
+								children: /* @__PURE__ */ q(S, {
+									value: N.price ?? "",
+									placeholder: E.placeholders.price,
+									disabled: F,
 									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,
+							/* @__PURE__ */ q(C, {
+								label: E.fields.inventory,
+								children: /* @__PURE__ */ q(S, {
+									value: N.inventory ?? "",
+									placeholder: E.placeholders.inventory,
+									disabled: F,
 									inputMode: "numeric",
 									onChange: (e) => I("inventory", e.target.value)
 								})
 							}),
-							/* @__PURE__ */ Y(C, {
-								label: x.fields.status,
-								children: s.length > 0 ? /* @__PURE__ */ Y(N, {
-									options: Tt(s),
-									value: j.status ?? null,
-									placeholder: x.statusPlaceholder,
-									disabled: P,
-									"aria-label": x.fields.status,
+							/* @__PURE__ */ q(C, {
+								label: E.fields.status,
+								children: c.length > 0 ? /* @__PURE__ */ q(y, {
+									options: Dt(c),
+									value: N.status ?? null,
+									placeholder: E.statusPlaceholder,
+									disabled: F,
+									"aria-label": E.fields.status,
 									onValueChange: (e) => I("status", e ?? "")
-								}) : /* @__PURE__ */ Y(T, {
-									value: j.status ?? "",
-									placeholder: x.placeholders.status,
-									disabled: P,
+								}) : /* @__PURE__ */ q(S, {
+									value: N.status ?? "",
+									placeholder: E.placeholders.status,
+									disabled: F,
 									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,
+							/* @__PURE__ */ q(C, {
+								label: E.fields.channels,
+								children: /* @__PURE__ */ q(S, {
+									value: N.channels ?? "",
+									placeholder: E.placeholders.channels,
+									disabled: F,
 									onChange: (e) => I("channels", e.target.value)
 								})
 							})
 						]
 					})]
 				}),
-				i.length > 0 && /* @__PURE__ */ X("section", {
-					className: Z.section,
-					children: [/* @__PURE__ */ Y(t, { 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, {
+				o.length > 0 && /* @__PURE__ */ J("section", {
+					className: Y.section,
+					children: [/* @__PURE__ */ q(e, { children: E.optionsTitle }), /* @__PURE__ */ q("div", {
+						className: Y.fields,
+						children: o.map((e) => {
+							let t = e.value ?? N.options?.[e.id] ?? "";
+							return /* @__PURE__ */ q(C, {
 								label: e.label,
 								helperText: e.helperText,
-								children: e.choices?.length ? /* @__PURE__ */ Y(N, {
-									options: Tt(e.choices),
+								children: e.choices?.length ? /* @__PURE__ */ q(y, {
+									options: Dt(e.choices),
 									value: t || null,
-									placeholder: e.placeholder ?? x.optionPlaceholder,
-									disabled: P,
+									placeholder: e.placeholder ?? E.optionPlaceholder,
+									disabled: F,
 									"aria-label": e.label,
 									onValueChange: (t) => te(e, t)
-								}) : /* @__PURE__ */ Y(T, {
+								}) : /* @__PURE__ */ q(S, {
 									value: t,
-									placeholder: e.placeholder ?? x.optionPlaceholder,
-									disabled: P,
+									placeholder: e.placeholder ?? E.optionPlaceholder,
+									disabled: F,
 									onChange: (t) => te(e, t.target.value)
 								})
 							}, e.id);
@@ -1986,34 +1994,34 @@ function Et({ value: n, defaultValue: r, optionFields: i = [], statusOptions: s
 					})]
 				})
 			]
-		}), g ?? (re && /* @__PURE__ */ X("div", {
-			className: Z.editorFooter,
-			children: [/* @__PURE__ */ Y("div", { children: !!p && /* @__PURE__ */ X(a, {
+		}), _ ?? (re && /* @__PURE__ */ J("div", {
+			className: Y.editorFooter,
+			children: [/* @__PURE__ */ q("div", { children: !!p && /* @__PURE__ */ J(i, {
 				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, {
+				appearance: "ghost",
+				disabled: F,
+				onClick: () => p(N),
+				children: [/* @__PURE__ */ q(_e, {}), E.deleteLabel]
+			}) }), /* @__PURE__ */ J("div", {
+				className: Y.editorFooterEnd,
+				children: [!!f && /* @__PURE__ */ J(i, {
 					type: "button",
 					tone: "neutral",
-					buttonStyle: "ghost",
-					disabled: P,
+					appearance: "ghost",
+					disabled: F,
 					onClick: f,
-					children: [/* @__PURE__ */ Y(he, {}), x.cancelLabel]
-				}), !!u && /* @__PURE__ */ X(a, {
+					children: [/* @__PURE__ */ q(ve, {}), E.cancelLabel]
+				}), !!u && /* @__PURE__ */ J(i, {
 					type: "submit",
-					form: S,
-					disabled: P,
-					loading: M,
-					children: [/* @__PURE__ */ Y(de, {}), M ? x.savingLabel : x.saveLabel]
+					form: D,
+					disabled: F,
+					loading: P,
+					children: [/* @__PURE__ */ q(pe, {}), P ? E.savingLabel : E.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 };
+export { Le as PRODUCT_EMPTY_VALUE, Se as PRODUCT_TONE_BADGE, ot as ProductContractOverview, at as ProductDetailsCard, X as ProductEmptyState, Je as ProductOperationRow, it as ProductOperationsCard, Xe as ProductOptionActionMenu, mt as ProductOptionsMatrix, ct as ProductOptionsSummary, lt as ProductOverview, st as ProductPoliciesCard, ut as ProductQuotePreviewCard, nt as ProductReadinessCard, qe as ProductReadinessRow, We as ProductRowActions, rt as ProductStructureCard, Ke as ProductStructureMetricRow, Ye as ProductSummaryRow, Ue as ProductThumbnail, He as ProductToneDot, yt as ProductVariantActionMenu, Ze as ProductVariantCell, Et as ProductVariantDetails, Ot as ProductVariantEditor, St as ProductVariantsBulkTable, Ct as ProductVariantsManager, bt as ProductVariantsTable, Qe as clampProductPercent, De as defaultProductContractOverviewStrings, Ee as defaultProductDetailsCardStrings, Te as defaultProductOperationsCardStrings, Re as defaultProductOptionActionMenuStrings, Ae as defaultProductOptionsMatrixStrings, ke as defaultProductOptionsSummaryStrings, Fe as defaultProductOverviewStrings, Oe as defaultProductPoliciesCardStrings, Ie as defaultProductQuotePreviewCardStrings, Ce as defaultProductReadinessCardStrings, we as defaultProductStructureCardStrings, je as defaultProductVariantActionMenuStrings, Ne as defaultProductVariantBulkTableStrings, ze as defaultProductVariantDetailsStrings, Be as defaultProductVariantEditorStrings, Pe as defaultProductVariantsManagerStrings, Me as defaultProductVariantsTableStrings };