admin-ui-starter-kit 0.4.2 → 0.4.4

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

@@ -1,17 +1,17 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { n } from "../../../_shared/heading-HeP06nXG.js";
-import { t as r } from "../../../_shared/badge-yGlx9trX.js";
-import { t as i } from "../../../_shared/button-SuocMQFT.js";
-import { t as a } from "../../../_shared/smart-card-DYZGY_Su.js";
+import { t as n } from "../../../_shared/button-BGKY8UY0.js";
+import { n as r } from "../../../_shared/heading-HeP06nXG.js";
+import { t as i } from "../../../_shared/badge-6WYAMJwA.js";
+import { t as a } from "../../../_shared/smart-card-thLb85Ih.js";
 import { t as o } from "../../../_shared/input-C7t-RHYq.js";
-import { H as s } from "../../../_shared/forms-CwJci54_.js";
+import { H as s } from "../../../_shared/forms-L1hyNKpZ.js";
 import { t as c } from "../../../_shared/textarea-CsMkelmp.js";
 import { n as l } from "../../../_shared/form-field-B7taMVbC.js";
-import { g as u, i as d, p as f } from "../../../_shared/display-C4n0uuxl.js";
-import { t as p } from "../../../_shared/metadata-qTNAOM7E.js";
+import { g as u, i as d, p as f } from "../../../_shared/display-NBtWdAMl.js";
+import { t as p } from "../../../_shared/metadata-Ckcmar8d.js";
 import { c as m, i as h, n as g, o as _, r as v, t as y, u as b } from "../../../_shared/item-DAjqQhhj.js";
-import { O as x } from "../../../_shared/table-CBKDA7ZE.js";
+import { O as x } from "../../../_shared/table-D3349b-v.js";
 import { useId as S, useState as C } from "react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
 import { ArrowLeft as E, ArrowRight as D, Box as O, ClipboardCheck as k, Copy as A, Eye as j, FileText as M, Layers3 as N, ListChecks as P, PackageCheck as F, Pencil as I, Plus as L, ReceiptText as R, Save as ee, ShieldCheck as te, SlidersHorizontal as z, Trash2 as B, X as ne } from "lucide-react";
@@ -233,19 +233,19 @@ function U({ tone: e = "neutral" }) {
 //#endregion
 //#region src/components/features/products/partials/product-metric-tile.tsx
 function ye({ metric: e }) {
-	let r = e.tone ?? "neutral";
+	let n = e.tone ?? "neutral";
 	return /* @__PURE__ */ T("div", {
-		className: t("product-metric-tile--component rounded-md border px-3 py-2.5", H[r]),
+		className: t("product-metric-tile--component rounded-md border px-3 py-2.5", H[n]),
 		children: [/* @__PURE__ */ T("div", {
 			className: "flex items-start justify-between gap-2",
 			children: [/* @__PURE__ */ T("div", {
 				className: "min-w-0 space-y-0.5",
-				children: [/* @__PURE__ */ w(n, {
+				children: [/* @__PURE__ */ w(r, {
 					size: "xs",
-					type: r === "neutral" ? "secondary" : "main",
+					type: n === "neutral" ? "secondary" : "main",
 					className: "truncate",
 					children: e.label
-				}), /* @__PURE__ */ w(n, {
+				}), /* @__PURE__ */ w(r, {
 					weight: "semibold",
 					className: "tabular-nums",
 					children: e.value
@@ -254,7 +254,7 @@ function ye({ metric: e }) {
 				className: "shrink-0 opacity-80",
 				children: e.icon
 			})]
-		}), !!e.description && /* @__PURE__ */ w(n, {
+		}), !!e.description && /* @__PURE__ */ w(r, {
 			size: "xs",
 			type: "secondary",
 			className: "mt-1.5 leading-snug",
@@ -277,7 +277,7 @@ function W({ item: e, actions: n, menuLabel: r, className: i }) {
 }
 //#endregion
 //#region src/components/features/products/partials/product-rows.tsx
-function be({ metric: e, actions: r }) {
+function be({ metric: e, actions: n }) {
 	let i = e.tone ?? "neutral";
 	return /* @__PURE__ */ T(y, {
 		className: "product-structure-metric-row--component product-structure-card--item px-0",
@@ -296,18 +296,18 @@ function be({ metric: e, actions: r }) {
 			}),
 			/* @__PURE__ */ T(g, {
 				className: "ml-auto shrink-0 gap-2",
-				children: [/* @__PURE__ */ w(n, {
+				children: [/* @__PURE__ */ w(r, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
 					className: "tabular-nums",
 					children: e.value
-				}), r]
+				}), n]
 			})
 		]
 	});
 }
-function xe({ item: e, actionFallback: n, onSelect: a, actions: o }) {
+function xe({ item: e, actionFallback: r, onSelect: a, actions: o }) {
 	let s = e.tone ?? (e.completed ? "success" : "neutral"), c = e.onSelect ?? a;
 	return /* @__PURE__ */ T(y, {
 		className: "product-readiness-row--component product-readiness-card--item px-0",
@@ -327,18 +327,18 @@ function xe({ item: e, actionFallback: n, onSelect: a, actions: o }) {
 			!!(e.value || c || o) && /* @__PURE__ */ T(g, {
 				className: "ml-auto shrink-0 flex-wrap justify-end gap-2",
 				children: [
-					!!e.value && /* @__PURE__ */ w(r, {
+					!!e.value && /* @__PURE__ */ w(i, {
 						variant: _e[s],
 						children: e.value
 					}),
-					!!c && /* @__PURE__ */ w(i, {
+					!!c && /* @__PURE__ */ w(n, {
 						type: "button",
 						variant: "secondary",
 						buttonStyle: "ghost",
 						onClick: c,
 						icon: D,
 						iconPosition: "right",
-						children: e.actionLabel ?? n
+						children: e.actionLabel ?? r
 					}),
 					o
 				]
@@ -346,7 +346,7 @@ function xe({ item: e, actionFallback: n, onSelect: a, actions: o }) {
 		]
 	});
 }
-function Se({ item: e, actionFallback: r, onSelect: a, actions: o }) {
+function Se({ item: e, actionFallback: i, onSelect: a, actions: o }) {
 	let s = e.tone ?? "neutral", c = e.onSelect ?? a;
 	return /* @__PURE__ */ T(y, {
 		className: "product-operation-row--component product-operations-card--item px-0",
@@ -366,20 +366,20 @@ function Se({ item: e, actionFallback: r, onSelect: a, actions: o }) {
 			!!(e.value || c || o) && /* @__PURE__ */ T(g, {
 				className: "ml-auto shrink-0 flex-wrap justify-end gap-2",
 				children: [
-					!!e.value && /* @__PURE__ */ w(n, {
+					!!e.value && /* @__PURE__ */ w(r, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
 						children: e.value
 					}),
-					!!c && /* @__PURE__ */ w(i, {
+					!!c && /* @__PURE__ */ w(n, {
 						type: "button",
 						variant: "secondary",
 						buttonStyle: "ghost",
 						onClick: c,
 						icon: D,
 						iconPosition: "right",
-						children: e.actionLabel ?? r
+						children: e.actionLabel ?? i
 					}),
 					o
 				]
@@ -407,7 +407,7 @@ function G({ item: e, actionLabel: a, onSelect: o, actions: s }) {
 					}),
 					!!l?.length && /* @__PURE__ */ w("div", {
 						className: "mt-2 flex flex-wrap gap-1",
-						children: l.map((e, t) => /* @__PURE__ */ w(r, {
+						children: l.map((e, t) => /* @__PURE__ */ w(i, {
 							variant: "secondary",
 							children: e
 						}, t))
@@ -417,14 +417,14 @@ function G({ item: e, actionLabel: a, onSelect: o, actions: s }) {
 			!!(e.value || e.badge || o || s) && /* @__PURE__ */ T(g, {
 				className: "ml-auto shrink-0 flex-wrap justify-end gap-2",
 				children: [
-					!!e.value && /* @__PURE__ */ w(n, {
+					!!e.value && /* @__PURE__ */ w(r, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
 						children: e.value
 					}),
 					!!e.badge && e.badge,
-					!!o && /* @__PURE__ */ w(i, {
+					!!o && /* @__PURE__ */ w(n, {
 						type: "button",
 						variant: "secondary",
 						buttonStyle: "ghost",
@@ -441,11 +441,11 @@ function G({ item: e, actionLabel: a, onSelect: o, actions: s }) {
 }
 //#endregion
 //#region src/components/features/products/components/product-contract-overview.tsx
-function K({ metrics: r = [], terms: o = [], rules: s = [], onOpenContract: c, onEditContract: l, onCreateRule: u, onSelectRule: d, onEditRule: f, onDeleteRule: m, renderRuleActions: h, actions: g, footerSlot: v, empty: y, className: b, strings: x }) {
-	let S = e(se, x), C = r.length > 0 || o.length > 0 || s.length > 0, E = c || l || u ? /* @__PURE__ */ T("div", {
+function K({ metrics: i = [], terms: o = [], rules: s = [], onOpenContract: c, onEditContract: l, onCreateRule: u, onSelectRule: d, onEditRule: f, onDeleteRule: m, renderRuleActions: h, actions: g, footerSlot: v, empty: y, className: b, strings: x }) {
+	let S = e(se, x), C = i.length > 0 || o.length > 0 || s.length > 0, E = c || l || u ? /* @__PURE__ */ T("div", {
 		className: "flex items-center gap-2",
 		children: [
-			!!u && /* @__PURE__ */ w(i, {
+			!!u && /* @__PURE__ */ w(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
@@ -453,7 +453,7 @@ function K({ metrics: r = [], terms: o = [], rules: s = [], onOpenContract: c, o
 				icon: L,
 				children: S.createRuleLabel
 			}),
-			!!l && /* @__PURE__ */ w(i, {
+			!!l && /* @__PURE__ */ w(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
@@ -461,7 +461,7 @@ function K({ metrics: r = [], terms: o = [], rules: s = [], onOpenContract: c, o
 				icon: I,
 				children: S.editLabel
 			}),
-			!!c && /* @__PURE__ */ w(i, {
+			!!c && /* @__PURE__ */ w(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
@@ -484,13 +484,13 @@ function K({ metrics: r = [], terms: o = [], rules: s = [], onOpenContract: c, o
 		children: C ? /* @__PURE__ */ T("div", {
 			className: "space-y-4",
 			children: [
-				r.length > 0 && /* @__PURE__ */ w("div", {
+				i.length > 0 && /* @__PURE__ */ w("div", {
 					className: "grid gap-2 sm:grid-cols-3",
-					children: r.map((e) => /* @__PURE__ */ w(ye, { metric: e }, e.id))
+					children: i.map((e) => /* @__PURE__ */ w(ye, { metric: e }, e.id))
 				}),
 				o.length > 0 && /* @__PURE__ */ T("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						size: "xs",
 						weight: "semibold",
 						children: S.termsTitle
@@ -502,7 +502,7 @@ function K({ metrics: r = [], terms: o = [], rules: s = [], onOpenContract: c, o
 				}),
 				s.length > 0 && /* @__PURE__ */ T("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						size: "xs",
 						weight: "semibold",
 						children: S.rulesTitle
@@ -549,7 +549,7 @@ function K({ metrics: r = [], terms: o = [], rules: s = [], onOpenContract: c, o
 		}) : y ?? /* @__PURE__ */ w(V, {
 			title: S.emptyTitle,
 			description: S.emptyDescription,
-			action: u ? /* @__PURE__ */ w(i, {
+			action: u ? /* @__PURE__ */ w(n, {
 				type: "button",
 				onClick: u,
 				icon: L,
@@ -561,8 +561,8 @@ function K({ metrics: r = [], terms: o = [], rules: s = [], onOpenContract: c, o
 K.displayName = "ProductContractOverview";
 //#endregion
 //#region src/components/features/products/components/product-details-card.tsx
-function q({ title: n, description: r, metadata: o = [], media: s, onEditDetails: c, actions: l, headerEnd: u, footerSlot: d, empty: f, className: m, strings: h }) {
-	let g = e(oe, h), _ = c ? /* @__PURE__ */ w(i, {
+function q({ title: r, description: i, metadata: o = [], media: s, onEditDetails: c, actions: l, headerEnd: u, footerSlot: d, empty: f, className: m, strings: h }) {
+	let g = e(oe, h), _ = c ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
@@ -572,8 +572,8 @@ function q({ title: n, description: r, metadata: o = [], media: s, onEditDetails
 	}) : void 0;
 	return /* @__PURE__ */ w(a, {
 		icon: /* @__PURE__ */ w(O, { className: "size-4" }),
-		title: n ?? g.title,
-		description: r === !1 ? void 0 : r ?? g.description,
+		title: r ?? g.title,
+		description: i === !1 ? void 0 : i ?? g.description,
 		actions: l,
 		headerAction: _,
 		headerEnd: u,
@@ -646,12 +646,12 @@ function J({ option: n, index: r = 0, onSelectOption: i, onEditOption: a, onDele
 J.displayName = "ProductOptionActionMenu";
 //#endregion
 //#region src/components/features/products/components/product-operations-card.tsx
-function Y({ items: n = [], onCreateOperation: r, onSelectOperation: o, onEditOperation: s, onDeleteOperation: c, renderOperationActions: l, actions: u, footerSlot: d, renderItem: f, empty: p, className: m, strings: h }) {
-	let g = e(ae, h), v = r ? /* @__PURE__ */ w(i, {
+function Y({ items: r = [], onCreateOperation: i, onSelectOperation: o, onEditOperation: s, onDeleteOperation: c, renderOperationActions: l, actions: u, footerSlot: d, renderItem: f, empty: p, className: m, strings: h }) {
+	let g = e(ae, h), v = i ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
-		onClick: r,
+		onClick: i,
 		icon: L,
 		children: g.createLabel
 	}) : void 0;
@@ -664,16 +664,16 @@ function Y({ items: n = [], onCreateOperation: r, onSelectOperation: o, onEditOp
 		footerSlot: d,
 		contentClassName: "mt-1",
 		className: t("product-operations-card--component w-full", m),
-		children: n.length === 0 ? p ?? /* @__PURE__ */ w(V, {
+		children: r.length === 0 ? p ?? /* @__PURE__ */ w(V, {
 			title: g.emptyTitle,
 			description: g.emptyDescription,
-			action: r ? /* @__PURE__ */ w(i, {
+			action: i ? /* @__PURE__ */ w(n, {
 				type: "button",
-				onClick: r,
+				onClick: i,
 				icon: L,
 				children: g.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(_, { children: n.map((e, t) => {
+		}) : /* @__PURE__ */ w(_, { children: r.map((e, t) => {
 			let n = o ? () => o(e) : void 0, r = s ? () => s(e) : void 0, i = c ? () => c(e) : void 0, a = [...r ? [{
 				id: "edit",
 				label: g.editLabel,
@@ -708,17 +708,17 @@ function Y({ items: n = [], onCreateOperation: r, onSelectOperation: o, onEditOp
 Y.displayName = "ProductOperationsCard";
 //#endregion
 //#region src/components/features/products/components/product-options-summary.tsx
-function Ce({ options: n = [], onManageOptions: r, onCreateOption: o, onSelectOption: s, onEditOption: c, onDeleteOption: l, renderOptionActions: u, actions: d, footerSlot: f, renderOption: p, empty: m, className: h, strings: g }) {
-	let v = e(ce, g), y = !!(s || c || l || u), b = [...d ?? [], ...o && r ? [{
+function Ce({ options: r = [], onManageOptions: i, onCreateOption: o, onSelectOption: s, onEditOption: c, onDeleteOption: l, renderOptionActions: u, actions: d, footerSlot: f, renderOption: p, empty: m, className: h, strings: g }) {
+	let v = e(ce, g), y = !!(s || c || l || u), b = [...d ?? [], ...o && i ? [{
 		id: "manage-options",
 		label: v.manageLabel,
 		icon: /* @__PURE__ */ w(z, { className: "size-3.5" }),
-		onClick: r
-	}] : []], x = o || r ? /* @__PURE__ */ w(i, {
+		onClick: i
+	}] : []], x = o || i ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
-		onClick: o ?? r,
+		onClick: o ?? i,
 		icon: o ? L : z,
 		children: o ? v.createLabel : v.manageLabel
 	}) : void 0;
@@ -731,16 +731,16 @@ function Ce({ options: n = [], onManageOptions: r, onCreateOption: o, onSelectOp
 		footerSlot: f,
 		contentClassName: "mt-1",
 		className: t("product-options-summary--component w-full", h),
-		children: n.length === 0 ? m ?? /* @__PURE__ */ w(V, {
+		children: r.length === 0 ? m ?? /* @__PURE__ */ w(V, {
 			title: v.emptyTitle,
 			description: v.emptyDescription,
-			action: o ? /* @__PURE__ */ w(i, {
+			action: o ? /* @__PURE__ */ w(n, {
 				type: "button",
 				onClick: o,
 				icon: L,
 				children: v.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(_, { children: n.map((e, t) => (() => {
+		}) : /* @__PURE__ */ w(_, { children: r.map((e, t) => (() => {
 			let n = y ? /* @__PURE__ */ w(J, {
 				option: e,
 				index: t,
@@ -766,12 +766,12 @@ function Ce({ options: n = [], onManageOptions: r, onCreateOption: o, onSelectOp
 Ce.displayName = "ProductOptionsSummary";
 //#endregion
 //#region src/components/features/products/components/product-policies-card.tsx
-function we({ policies: n = [], onCreatePolicy: r, onSelectPolicy: o, onEditPolicy: s, onDeletePolicy: c, renderPolicyActions: l, actions: u, footerSlot: d, renderPolicy: f, empty: p, className: m, strings: h }) {
-	let g = e(de, h), v = r ? /* @__PURE__ */ w(i, {
+function we({ policies: r = [], onCreatePolicy: i, onSelectPolicy: o, onEditPolicy: s, onDeletePolicy: c, renderPolicyActions: l, actions: u, footerSlot: d, renderPolicy: f, empty: p, className: m, strings: h }) {
+	let g = e(de, h), v = i ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
-		onClick: r,
+		onClick: i,
 		icon: L,
 		children: g.createLabel
 	}) : void 0;
@@ -784,16 +784,16 @@ function we({ policies: n = [], onCreatePolicy: r, onSelectPolicy: o, onEditPoli
 		footerSlot: d,
 		contentClassName: "mt-1",
 		className: t("product-policies-card--component w-full", m),
-		children: n.length === 0 ? p ?? /* @__PURE__ */ w(V, {
+		children: r.length === 0 ? p ?? /* @__PURE__ */ w(V, {
 			title: g.emptyTitle,
 			description: g.emptyDescription,
-			action: r ? /* @__PURE__ */ w(i, {
+			action: i ? /* @__PURE__ */ w(n, {
 				type: "button",
-				onClick: r,
+				onClick: i,
 				icon: L,
 				children: g.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(_, { children: n.map((e, t) => (() => {
+		}) : /* @__PURE__ */ w(_, { children: r.map((e, t) => (() => {
 			let n = o ? () => o(e) : void 0, r = s ? () => s(e) : void 0, i = c ? () => c(e) : void 0, a = [...r ? [{
 				id: "edit",
 				label: g.editLabel,
@@ -831,17 +831,17 @@ we.displayName = "ProductPoliciesCard";
 var Te = "-";
 //#endregion
 //#region src/components/features/products/components/product-quote-preview-card.tsx
-function Ee({ lines: r = [], subtotal: o, tax: s, discount: c, total: l, onOpenQuote: u, onCreateLine: f, onSelectLine: p, onEditLine: m, onDeleteLine: h, renderLineActions: g, actions: _, footerSlot: v, empty: y, className: b, strings: x }) {
+function Ee({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQuote: u, onCreateLine: f, onSelectLine: p, onEditLine: m, onDeleteLine: h, renderLineActions: g, actions: _, footerSlot: v, empty: y, className: b, strings: x }) {
 	let S = e(ue, x), C = f || u ? /* @__PURE__ */ T("div", {
 		className: "flex items-center gap-2",
-		children: [!!f && /* @__PURE__ */ w(i, {
+		children: [!!f && /* @__PURE__ */ w(n, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
 			onClick: f,
 			icon: L,
 			children: S.createLineLabel
-		}), !!u && /* @__PURE__ */ w(i, {
+		}), !!u && /* @__PURE__ */ w(n, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
@@ -860,10 +860,10 @@ function Ee({ lines: r = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 		footerSlot: v,
 		contentClassName: "mt-1",
 		className: t("product-quote-preview-card--component w-full", b),
-		children: r.length === 0 ? y ?? /* @__PURE__ */ w(V, {
+		children: i.length === 0 ? y ?? /* @__PURE__ */ w(V, {
 			title: S.emptyTitle,
 			description: S.emptyDescription,
-			action: f ? /* @__PURE__ */ w(i, {
+			action: f ? /* @__PURE__ */ w(n, {
 				type: "button",
 				onClick: f,
 				icon: L,
@@ -873,13 +873,13 @@ function Ee({ lines: r = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 			className: "space-y-3",
 			children: [/* @__PURE__ */ w("div", {
 				className: "space-y-2",
-				children: r.map((e, t) => {
-					let r = p ? () => p(e) : void 0, i = m ? () => m(e) : void 0, a = h ? () => h(e) : void 0, o = [
-						...r ? [{
+				children: i.map((e, t) => {
+					let n = p ? () => p(e) : void 0, i = m ? () => m(e) : void 0, a = h ? () => h(e) : void 0, o = [
+						...n ? [{
 							id: "open",
 							label: S.viewLineLabel,
 							icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
-							onClick: () => r(),
+							onClick: () => n(),
 							variant: "ghost"
 						}] : [],
 						...i ? [{
@@ -898,7 +898,7 @@ function Ee({ lines: r = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 						}] : []
 					], s = g ? g(e, {
 						index: t,
-						onSelect: r,
+						onSelect: n,
 						onEdit: i,
 						onDelete: a
 					}) : /* @__PURE__ */ w(W, {
@@ -911,18 +911,18 @@ function Ee({ lines: r = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 						children: [/* @__PURE__ */ T("div", {
 							className: "min-w-0",
 							children: [
-								/* @__PURE__ */ w(n, {
+								/* @__PURE__ */ w(r, {
 									weight: "semibold",
 									className: "truncate",
 									children: e.label
 								}),
-								!!e.description && /* @__PURE__ */ w(n, {
+								!!e.description && /* @__PURE__ */ w(r, {
 									size: "xs",
 									type: "secondary",
 									className: "mt-0.5",
 									children: e.description
 								}),
-								!!e.quantity && /* @__PURE__ */ w(n, {
+								!!e.quantity && /* @__PURE__ */ w(r, {
 									size: "xxs",
 									type: "secondary",
 									className: "mt-1",
@@ -931,7 +931,7 @@ function Ee({ lines: r = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 							]
 						}), /* @__PURE__ */ T("div", {
 							className: "flex shrink-0 items-center gap-2",
-							children: [/* @__PURE__ */ w(n, {
+							children: [/* @__PURE__ */ w(r, {
 								weight: "semibold",
 								className: "tabular-nums",
 								children: e.amount
@@ -973,8 +973,8 @@ function Ee({ lines: r = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 Ee.displayName = "ProductQuotePreviewCard";
 //#endregion
 //#region src/components/features/products/components/product-readiness-card.tsx
-function X({ items: r = [], score: o, scoreLabel: s, summary: c, onCreateReadinessItem: l, onSelectReadinessItem: d, onEditReadinessItem: f, onDeleteReadinessItem: p, renderReadinessItemActions: m, actions: h, footerSlot: g, renderItem: v, empty: y, className: b, strings: x }) {
-	let S = e(re, x), C = o === void 0 ? void 0 : ve(o), E = l ? /* @__PURE__ */ w(i, {
+function X({ items: i = [], score: o, scoreLabel: s, summary: c, onCreateReadinessItem: l, onSelectReadinessItem: d, onEditReadinessItem: f, onDeleteReadinessItem: p, renderReadinessItemActions: m, actions: h, footerSlot: g, renderItem: v, empty: y, className: b, strings: x }) {
+	let S = e(re, x), C = o === void 0 ? void 0 : ve(o), E = l ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
@@ -996,11 +996,11 @@ function X({ items: r = [], score: o, scoreLabel: s, summary: c, onCreateReadine
 				className: "mb-3 rounded-md border border-border bg-muted/20 px-3 py-2.5",
 				children: [/* @__PURE__ */ T("div", {
 					className: "mb-2 flex items-center justify-between gap-3",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						size: "xs",
 						type: "secondary",
 						children: s ?? S.scoreLabel
-					}), /* @__PURE__ */ T(n, {
+					}), /* @__PURE__ */ T(r, {
 						size: "xs",
 						weight: "semibold",
 						className: "tabular-nums",
@@ -1013,22 +1013,22 @@ function X({ items: r = [], score: o, scoreLabel: s, summary: c, onCreateReadine
 					className: "h-1.5"
 				})]
 			}),
-			!!c && /* @__PURE__ */ w(n, {
+			!!c && /* @__PURE__ */ w(r, {
 				size: "xs",
 				type: "secondary",
 				className: "mb-3 leading-relaxed",
 				children: c
 			}),
-			r.length === 0 ? y ?? /* @__PURE__ */ w(V, {
+			i.length === 0 ? y ?? /* @__PURE__ */ w(V, {
 				title: S.emptyTitle,
 				description: S.emptyDescription,
-				action: l ? /* @__PURE__ */ w(i, {
+				action: l ? /* @__PURE__ */ w(n, {
 					type: "button",
 					onClick: l,
 					icon: L,
 					children: S.createLabel
 				}) : void 0
-			}) : /* @__PURE__ */ w(_, { children: r.map((e, t) => {
+			}) : /* @__PURE__ */ w(_, { children: i.map((e, t) => {
 				let n = d ? () => d(e) : void 0, r = f ? () => f(e) : void 0, i = p ? () => p(e) : void 0, a = [...r ? [{
 					id: "edit",
 					label: S.editLabel,
@@ -1064,12 +1064,12 @@ function X({ items: r = [], score: o, scoreLabel: s, summary: c, onCreateReadine
 X.displayName = "ProductReadinessCard";
 //#endregion
 //#region src/components/features/products/components/product-structure-card.tsx
-function De({ metrics: n = [], onCreateMetric: r, onSelectMetric: o, onEditMetric: s, onDeleteMetric: c, renderMetricActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: m }) {
-	let h = e(ie, m), g = r ? /* @__PURE__ */ w(i, {
+function De({ metrics: r = [], onCreateMetric: i, onSelectMetric: o, onEditMetric: s, onDeleteMetric: c, renderMetricActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: m }) {
+	let h = e(ie, m), g = i ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
-		onClick: r,
+		onClick: i,
 		icon: L,
 		children: h.createLabel
 	}) : void 0;
@@ -1082,16 +1082,16 @@ function De({ metrics: n = [], onCreateMetric: r, onSelectMetric: o, onEditMetri
 		footerSlot: d,
 		contentClassName: "mt-1",
 		className: t("product-structure-card--component w-full", p),
-		children: n.length === 0 ? f ?? /* @__PURE__ */ w(V, {
+		children: r.length === 0 ? f ?? /* @__PURE__ */ w(V, {
 			title: h.emptyTitle,
 			description: h.emptyDescription,
-			action: r ? /* @__PURE__ */ w(i, {
+			action: i ? /* @__PURE__ */ w(n, {
 				type: "button",
-				onClick: r,
+				onClick: i,
 				icon: L,
 				children: h.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(_, { children: n.map((e, t) => {
+		}) : /* @__PURE__ */ w(_, { children: r.map((e, t) => {
 			let n = o ? () => o(e) : void 0, r = s ? () => s(e) : void 0, i = c ? () => c(e) : void 0, a = [
 				...n ? [{
 					id: "open",
@@ -1204,27 +1204,27 @@ function Oe({ variant: e, index: n, onSelectVariant: r, onEditVariant: i, onDupl
 		}
 	});
 }
-function Q({ label: e, children: r, className: i, textClassName: a, weight: o }) {
+function Q({ label: e, children: n, className: i, textClassName: a, weight: o }) {
 	return /* @__PURE__ */ T("div", {
 		className: t("product-variant-cell--component grid min-w-0 grid-cols-[6rem_minmax(0,1fr)] items-center gap-2 lg:block lg:space-y-0.5", i),
-		children: [/* @__PURE__ */ w(n, {
+		children: [/* @__PURE__ */ w(r, {
 			size: "xxs",
 			type: "secondary",
 			className: "uppercase tracking-wide lg:sr-only",
 			children: e
-		}), /* @__PURE__ */ w(n, {
+		}), /* @__PURE__ */ w(r, {
 			size: "xs",
 			type: "secondary",
 			weight: o,
 			className: t("truncate", a),
-			children: r
+			children: n
 		})]
 	});
 }
 //#endregion
 //#region src/components/features/products/components/product-variants-table.tsx
 function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVariant: l, onDuplicateVariant: u, onDeleteVariant: d, renderVariantActions: f, actions: p, footerSlot: m, empty: h, className: g, strings: _ }) {
-	let v = e(fe, _), y = !!(c || l || u || d || f), b = "lg:grid-cols-[minmax(12rem,1.45fr)_minmax(4rem,0.6fr)_minmax(4rem,0.55fr)_minmax(4.75rem,0.7fr)_minmax(4rem,0.55fr)]", x = s ? /* @__PURE__ */ w(i, {
+	let v = e(fe, _), y = !!(c || l || u || d || f), b = "lg:grid-cols-[minmax(12rem,1.45fr)_minmax(4rem,0.6fr)_minmax(4rem,0.55fr)_minmax(4.75rem,0.7fr)_minmax(4rem,0.55fr)]", x = s ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
@@ -1244,7 +1244,7 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 		children: o.length === 0 ? h ?? /* @__PURE__ */ w(V, {
 			title: v.emptyTitle,
 			description: v.emptyDescription,
-			action: s ? /* @__PURE__ */ w(i, {
+			action: s ? /* @__PURE__ */ w(n, {
 				type: "button",
 				onClick: s,
 				icon: L,
@@ -1257,35 +1257,35 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 				children: [/* @__PURE__ */ T("div", {
 					className: t("hidden gap-3 border-b border-border bg-muted/40 px-3 py-2 lg:grid", b),
 					children: [
-						/* @__PURE__ */ w(n, {
+						/* @__PURE__ */ w(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "secondary",
 							children: v.headers.variant
 						}),
-						/* @__PURE__ */ w(n, {
+						/* @__PURE__ */ w(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "secondary",
 							children: v.headers.price
 						}),
-						/* @__PURE__ */ w(n, {
+						/* @__PURE__ */ w(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "secondary",
 							children: v.headers.inventory
 						}),
-						/* @__PURE__ */ w(n, {
+						/* @__PURE__ */ w(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
 							type: "secondary",
 							children: v.headers.sku
 						}),
-						/* @__PURE__ */ w(n, {
+						/* @__PURE__ */ w(r, {
 							tag: "span",
 							size: "xs",
 							weight: "semibold",
@@ -1295,7 +1295,7 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 					]
 				}), /* @__PURE__ */ w("div", {
 					className: "divide-y divide-border",
-					children: o.map((e, i) => /* @__PURE__ */ T("div", {
+					children: o.map((e, n) => /* @__PURE__ */ T("div", {
 						className: t("grid gap-2 px-3 py-3 lg:items-center lg:gap-3 lg:py-2.5", b),
 						children: [
 							/* @__PURE__ */ w("div", {
@@ -1307,16 +1307,16 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 										children: [
 											/* @__PURE__ */ T("div", {
 												className: "flex min-w-0 flex-wrap items-center gap-2",
-												children: [/* @__PURE__ */ w(n, {
+												children: [/* @__PURE__ */ w(r, {
 													weight: "semibold",
 													className: "truncate",
 													children: e.name
-												}), !!e.status && /* @__PURE__ */ w(r, {
+												}), !!e.status && /* @__PURE__ */ w(i, {
 													variant: e.statusVariant ?? "secondary",
 													children: e.status
 												})]
 											}),
-											!!e.description && /* @__PURE__ */ w(n, {
+											!!e.description && /* @__PURE__ */ w(r, {
 												size: "xs",
 												type: "secondary",
 												className: "mt-0.5",
@@ -1324,10 +1324,10 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 											}),
 											!!(e.options?.length || e.channels) && /* @__PURE__ */ T("div", {
 												className: "mt-1.5 flex flex-wrap items-center gap-1",
-												children: [e.options?.map((e, t) => /* @__PURE__ */ w(r, {
+												children: [e.options?.map((e, t) => /* @__PURE__ */ w(i, {
 													variant: "secondary",
 													children: e
-												}, t)), !!e.channels && /* @__PURE__ */ T(n, {
+												}, t)), !!e.channels && /* @__PURE__ */ T(r, {
 													tag: "span",
 													size: "xxs",
 													type: "secondary",
@@ -1342,7 +1342,7 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 										]
 									}), !!y && /* @__PURE__ */ w(Z, {
 										variant: e,
-										index: i,
+										index: n,
 										onSelectVariant: c,
 										onEditVariant: l,
 										onDuplicateVariant: u,
@@ -1458,7 +1458,7 @@ function je(e, t) {
 function Me({ variant: o, metadata: s, optionItems: c = [], media: l, onBack: u, onSelectVariant: d, onEditVariant: f, onDuplicateVariant: m, onDeleteVariant: h, onSelectOption: g, actions: v, headerEnd: y, footerSlot: b, empty: x, renderActions: S, renderMetadata: C, renderOption: D, className: O, strings: k }) {
 	let A = e(me, k), j = o ? s ?? je(o, A.metadata) : [], M = !!(o && (d || f || m || h || S)), N = /* @__PURE__ */ T("div", {
 		className: "product-variant-details--header-actions flex items-center gap-2",
-		children: [!!u && /* @__PURE__ */ w(i, {
+		children: [!!u && /* @__PURE__ */ w(n, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
@@ -1477,7 +1477,7 @@ function Me({ variant: o, metadata: s, optionItems: c = [], media: l, onBack: u,
 	return /* @__PURE__ */ w(a, {
 		icon: /* @__PURE__ */ w(P, { className: "size-4" }),
 		title: o?.name ?? A.title,
-		titleSuffix: o?.status ? /* @__PURE__ */ w(r, {
+		titleSuffix: o?.status ? /* @__PURE__ */ w(i, {
 			variant: o.statusVariant ?? "secondary",
 			children: o.status
 		}) : void 0,
@@ -1504,12 +1504,12 @@ function Me({ variant: o, metadata: s, optionItems: c = [], media: l, onBack: u,
 				}),
 				!!F.length && /* @__PURE__ */ T("div", {
 					className: "product-variant-details--selected-options space-y-2",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						weight: "semibold",
 						children: A.selectedOptionsTitle
 					}), /* @__PURE__ */ w("div", {
 						className: "flex flex-wrap gap-1.5",
-						children: F.map((e, t) => /* @__PURE__ */ w(r, {
+						children: F.map((e, t) => /* @__PURE__ */ w(i, {
 							variant: "secondary",
 							children: e
 						}, t))
@@ -1517,7 +1517,7 @@ function Me({ variant: o, metadata: s, optionItems: c = [], media: l, onBack: u,
 				}),
 				!!c.length && /* @__PURE__ */ T("div", {
 					className: "product-variant-details--related-options space-y-2",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						weight: "semibold",
 						children: A.relatedOptionsTitle
 					}), /* @__PURE__ */ w(_, { children: c.map((e, t) => D ? /* @__PURE__ */ w("div", { children: D(e, t) }, e.id) : /* @__PURE__ */ w(G, {
@@ -1541,8 +1541,8 @@ var Ne = (e) => e.map((e) => ({
 	label: e.label,
 	disabled: e.disabled
 }));
-function Pe({ value: r, defaultValue: u, optionFields: d = [], statusOptions: f = [], onValueChange: p, onSubmit: m, onCancel: h, onDelete: g, actions: _, headerEnd: v, footerSlot: y, disabled: b = !1, isSubmitting: x = !1, className: E, strings: D }) {
-	let O = e(he, D), k = S(), A = r !== void 0, [j, M] = C(u ?? {}), N = (A ? r : j) ?? {}, P = b || x, F = (e) => {
+function Pe({ value: i, defaultValue: u, optionFields: d = [], statusOptions: f = [], onValueChange: p, onSubmit: m, onCancel: h, onDelete: g, actions: _, headerEnd: v, footerSlot: y, disabled: b = !1, isSubmitting: x = !1, className: E, strings: D }) {
+	let O = e(he, D), k = S(), A = i !== void 0, [j, M] = C(u ?? {}), N = (A ? i : j) ?? {}, P = b || x, F = (e) => {
 		A || M(e), p?.(e);
 	}, L = (e, t) => {
 		F({
@@ -1561,7 +1561,7 @@ function Pe({ value: r, defaultValue: u, optionFields: d = [], statusOptions: f
 		e.preventDefault(), m?.(N);
 	}, z = /* @__PURE__ */ T("div", {
 		className: "product-variant-editor--footer flex flex-col-reverse gap-2 sm:flex-row sm:items-center sm:justify-between",
-		children: [/* @__PURE__ */ w("div", { children: !!g && /* @__PURE__ */ w(i, {
+		children: [/* @__PURE__ */ w("div", { children: !!g && /* @__PURE__ */ w(n, {
 			type: "button",
 			variant: "error",
 			buttonStyle: "ghost",
@@ -1571,7 +1571,7 @@ function Pe({ value: r, defaultValue: u, optionFields: d = [], statusOptions: f
 			children: O.deleteLabel
 		}) }), /* @__PURE__ */ T("div", {
 			className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-			children: [!!h && /* @__PURE__ */ w(i, {
+			children: [!!h && /* @__PURE__ */ w(n, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
@@ -1579,7 +1579,7 @@ function Pe({ value: r, defaultValue: u, optionFields: d = [], statusOptions: f
 				disabled: P,
 				icon: ne,
 				children: O.cancelLabel
-			}), !!m && /* @__PURE__ */ w(i, {
+			}), !!m && /* @__PURE__ */ w(n, {
 				type: "submit",
 				form: k,
 				disabled: P,
@@ -1605,7 +1605,7 @@ function Pe({ value: r, defaultValue: u, optionFields: d = [], statusOptions: f
 			children: [
 				/* @__PURE__ */ T("section", {
 					className: "product-variant-editor--section grid gap-3",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						weight: "semibold",
 						children: O.identityTitle
 					}), /* @__PURE__ */ T("div", {
@@ -1647,7 +1647,7 @@ function Pe({ value: r, defaultValue: u, optionFields: d = [], statusOptions: f
 				}),
 				/* @__PURE__ */ T("section", {
 					className: "product-variant-editor--section grid gap-3",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						weight: "semibold",
 						children: O.commercialTitle
 					}), /* @__PURE__ */ T("div", {
@@ -1702,7 +1702,7 @@ function Pe({ value: r, defaultValue: u, optionFields: d = [], statusOptions: f
 				}),
 				!!d.length && /* @__PURE__ */ T("section", {
 					className: "product-variant-editor--section grid gap-3",
-					children: [/* @__PURE__ */ w(n, {
+					children: [/* @__PURE__ */ w(r, {
 						weight: "semibold",
 						children: O.optionsTitle
 					}), /* @__PURE__ */ w("div", {