admin-ui-starter-kit 0.5.0 → 0.6.1

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

@@ -1,16 +1,16 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.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-A8wQRShC.js";
-import { t as a } from "../../../_shared/smart-card-thLb85Ih.js";
-import { t as o } from "../../../_shared/input-C7t-RHYq.js";
-import { Y as s } from "../../../_shared/forms-Yd0b-3MQ.js";
-import { t as c } from "../../../_shared/textarea-CsMkelmp.js";
-import { F as l, g as u, i as d, p as f } from "../../../_shared/display-CL69dmsv.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 { M as x } from "../../../_shared/table-Ct3nl0lV.js";
+import { t as n } from "../../../_shared/button-DHksjMvc.js";
+import { s as r } from "../../../_shared/typography-DE0NGEIE.js";
+import { t as i } from "../../../_shared/badge-a2Z3K5aQ.js";
+import { t as a } from "../../../_shared/cards-CtBoSZG9.js";
+import { t as o } from "../../../_shared/input-CfnHBT--.js";
+import { Y as s } from "../../../_shared/forms-qnwoUqxf.js";
+import { t as c } from "../../../_shared/textarea-ChLRmmVU.js";
+import { D as l, n as u } from "../../../_shared/display-B0wLVN8t.js";
+import { c as d, i as f, n as p, o as m, r as h, t as g, u as _ } from "../../../_shared/item-Xs-fgzaT.js";
+import { M as v } from "../../../_shared/table-CUA_A-oO.js";
+import { a as y, i as b, m as x } from "../../../_shared/data-display-CRFaMkxT.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";
@@ -187,8 +187,8 @@ var re = {
 //#endregion
 //#region src/components/features/products/partials/product-empty-state.tsx
 function V({ title: e, description: n, action: r, className: i }) {
-	return /* @__PURE__ */ w(f, {
-		padding: "compact",
+	return /* @__PURE__ */ w(x, {
+		padding: "small",
 		border: !0,
 		title: e,
 		description: n,
@@ -266,7 +266,7 @@ function ye({ metric: e }) {
 function W({ item: e, actions: n, menuLabel: r, className: i }) {
 	return n.length === 0 ? null : /* @__PURE__ */ w("div", {
 		className: t("product-row-actions--component flex justify-end", i),
-		children: /* @__PURE__ */ w(x, {
+		children: /* @__PURE__ */ w(v, {
 			row: e,
 			actions: n,
 			menuLabel: r,
@@ -278,22 +278,22 @@ function W({ item: e, actions: n, menuLabel: r, className: i }) {
 //#region src/components/features/products/partials/product-rows.tsx
 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",
+	return /* @__PURE__ */ T(g, {
+		className: "product-structure-metric-row--component product-structure-card--item",
 		children: [
-			/* @__PURE__ */ w(m, {
+			/* @__PURE__ */ w(d, {
 				variant: "icon",
 				className: t("rounded-full border", H[i]),
 				children: e.icon ?? /* @__PURE__ */ w(U, { tone: i })
 			}),
-			/* @__PURE__ */ T(v, {
-				className: "min-w-[min(12rem,100%)]",
-				children: [/* @__PURE__ */ w(b, { children: e.label }), !!e.description && /* @__PURE__ */ w(h, {
+			/* @__PURE__ */ T(h, {
+				className: "min-w-0 sm:min-w-48",
+				children: [/* @__PURE__ */ w(_, { children: e.label }), !!e.description && /* @__PURE__ */ w(f, {
 					clamp: 2,
 					children: e.description
 				})]
 			}),
-			/* @__PURE__ */ T(g, {
+			/* @__PURE__ */ T(p, {
 				className: "ml-auto shrink-0 gap-2",
 				children: [/* @__PURE__ */ w(r, {
 					tag: "span",
@@ -308,22 +308,22 @@ function be({ metric: e, actions: n }) {
 }
 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",
+	return /* @__PURE__ */ T(g, {
+		className: "product-readiness-row--component product-readiness-card--item",
 		children: [
-			/* @__PURE__ */ w(m, {
+			/* @__PURE__ */ w(d, {
 				variant: "icon",
 				className: t("rounded-full border", H[s]),
 				children: /* @__PURE__ */ w(U, { tone: s })
 			}),
-			/* @__PURE__ */ T(v, {
-				className: "min-w-[min(12rem,100%)]",
-				children: [/* @__PURE__ */ w(b, { children: e.label }), !!e.description && /* @__PURE__ */ w(h, {
+			/* @__PURE__ */ T(h, {
+				className: "min-w-0 sm:min-w-48",
+				children: [/* @__PURE__ */ w(_, { children: e.label }), !!e.description && /* @__PURE__ */ w(f, {
 					clamp: 2,
 					children: e.description
 				})]
 			}),
-			!!(e.value || c || o) && /* @__PURE__ */ T(g, {
+			!!(e.value || c || o) && /* @__PURE__ */ T(p, {
 				className: "ml-auto shrink-0 flex-wrap justify-end gap-2",
 				children: [
 					!!e.value && /* @__PURE__ */ w(i, {
@@ -347,22 +347,22 @@ function xe({ 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",
+	return /* @__PURE__ */ T(g, {
+		className: "product-operation-row--component product-operations-card--item",
 		children: [
-			/* @__PURE__ */ w(m, {
+			/* @__PURE__ */ w(d, {
 				variant: "icon",
 				className: t("rounded-full border", H[s]),
 				children: /* @__PURE__ */ w(U, { tone: s })
 			}),
-			/* @__PURE__ */ T(v, {
-				className: "min-w-[min(12rem,100%)]",
-				children: [/* @__PURE__ */ w(b, { children: e.label }), !!e.description && /* @__PURE__ */ w(h, {
+			/* @__PURE__ */ T(h, {
+				className: "min-w-0 sm:min-w-48",
+				children: [/* @__PURE__ */ w(_, { children: e.label }), !!e.description && /* @__PURE__ */ w(f, {
 					clamp: 2,
 					children: e.description
 				})]
 			}),
-			!!(e.value || c || o) && /* @__PURE__ */ T(g, {
+			!!(e.value || c || o) && /* @__PURE__ */ T(p, {
 				className: "ml-auto shrink-0 flex-wrap justify-end gap-2",
 				children: [
 					!!e.value && /* @__PURE__ */ w(r, {
@@ -388,19 +388,19 @@ function Se({ item: e, actionFallback: i, onSelect: a, actions: o }) {
 }
 function G({ item: e, actionLabel: a, onSelect: o, actions: s }) {
 	let c = e.tone ?? "neutral", l = "values" in e ? e.values : void 0;
-	return /* @__PURE__ */ T(y, {
-		className: "product-summary-row--component px-0",
+	return /* @__PURE__ */ T(g, {
+		className: "product-summary-row--component",
 		children: [
-			/* @__PURE__ */ w(m, {
+			/* @__PURE__ */ w(d, {
 				variant: "icon",
 				className: t("rounded-full border", H[c]),
 				children: /* @__PURE__ */ w(U, { tone: c })
 			}),
-			/* @__PURE__ */ T(v, {
-				className: "min-w-[min(12rem,100%)]",
+			/* @__PURE__ */ T(h, {
+				className: "min-w-0 sm:min-w-48",
 				children: [
-					/* @__PURE__ */ w(b, { children: e.label }),
-					!!e.description && /* @__PURE__ */ w(h, {
+					/* @__PURE__ */ w(_, { children: e.label }),
+					!!e.description && /* @__PURE__ */ w(f, {
 						clamp: 2,
 						children: e.description
 					}),
@@ -413,7 +413,7 @@ function G({ item: e, actionLabel: a, onSelect: o, actions: s }) {
 					})
 				]
 			}),
-			!!(e.value || e.badge || o || s) && /* @__PURE__ */ T(g, {
+			!!(e.value || e.badge || o || s) && /* @__PURE__ */ T(p, {
 				className: "ml-auto shrink-0 flex-wrap justify-end gap-2",
 				children: [
 					!!e.value && /* @__PURE__ */ w(r, {
@@ -440,7 +440,7 @@ function G({ item: e, actionLabel: a, onSelect: o, actions: s }) {
 }
 //#endregion
 //#region src/components/features/products/components/product-contract-overview.tsx
-function K({ metrics: i = [], terms: o = [], rules: s = [], onOpenContract: c, onEditContract: l, onCreateRule: u, onSelectRule: d, onEditRule: f, onDeleteRule: m, renderRuleActions: h, actions: g, footerSlot: v, empty: y, className: b, strings: x }) {
+function K({ metrics: i = [], terms: o = [], rules: s = [], onOpenContract: c, onEditContract: l, onCreateRule: u, onSelectRule: d, onEditRule: f, onDeleteRule: p, renderRuleActions: h, actions: g, footerSlot: _, empty: v, className: b, strings: x }) {
 	let S = e(se, x), C = i.length > 0 || o.length > 0 || s.length > 0, E = c || l || u ? /* @__PURE__ */ T("div", {
 		className: "flex items-center gap-2",
 		children: [
@@ -477,7 +477,7 @@ function K({ metrics: i = [], terms: o = [], rules: s = [], onOpenContract: c, o
 		description: S.description,
 		actions: g,
 		headerAction: E,
-		footerSlot: v,
+		footerSlot: _,
 		contentClassName: "mt-1",
 		className: t("product-contract-overview--component w-full", b),
 		children: C ? /* @__PURE__ */ T("div", {
@@ -493,7 +493,7 @@ function K({ metrics: i = [], terms: o = [], rules: s = [], onOpenContract: c, o
 						size: "xs",
 						weight: "semibold",
 						children: S.termsTitle
-					}), /* @__PURE__ */ w(p, {
+					}), /* @__PURE__ */ w(y, {
 						items: o,
 						columns: 2,
 						dense: !0
@@ -505,8 +505,8 @@ function K({ metrics: i = [], terms: o = [], rules: s = [], onOpenContract: c, o
 						size: "xs",
 						weight: "semibold",
 						children: S.rulesTitle
-					}), /* @__PURE__ */ w(_, { children: s.map((e, t) => {
-						let n = d ? () => d(e) : void 0, r = f ? () => f(e) : void 0, i = m ? () => m(e) : void 0, a = [
+					}), /* @__PURE__ */ w(m, { children: s.map((e, t) => {
+						let n = d ? () => d(e) : void 0, r = f ? () => f(e) : void 0, i = p ? () => p(e) : void 0, a = [
 							...n ? [{
 								id: "open",
 								label: S.viewRuleLabel,
@@ -545,7 +545,7 @@ function K({ metrics: i = [], terms: o = [], rules: s = [], onOpenContract: c, o
 					}) })]
 				})
 			]
-		}) : y ?? /* @__PURE__ */ w(V, {
+		}) : v ?? /* @__PURE__ */ w(V, {
 			title: S.emptyTitle,
 			description: S.emptyDescription,
 			action: u ? /* @__PURE__ */ w(n, {
@@ -560,28 +560,28 @@ function K({ metrics: i = [], terms: o = [], rules: s = [], onOpenContract: c, o
 K.displayName = "ProductContractOverview";
 //#endregion
 //#region src/components/features/products/components/product-details-card.tsx
-function q({ title: r, description: i, metadata: o = [], media: s, onEditDetails: c, actions: l, headerEnd: u, footerSlot: d, empty: f, className: m, strings: h }) {
-	let g = e(oe, h), _ = c ? /* @__PURE__ */ w(n, {
+function q({ title: r, description: i, metadata: o = [], media: s, onEditDetails: c, actions: l, headerEnd: u, footerSlot: d, empty: f, className: p, strings: m }) {
+	let h = e(oe, m), g = c ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		onClick: c,
 		icon: I,
-		children: g.editLabel
+		children: h.editLabel
 	}) : void 0;
 	return /* @__PURE__ */ w(a, {
 		icon: /* @__PURE__ */ w(O, { className: "size-4" }),
-		title: r ?? g.title,
-		description: i === !1 ? void 0 : i ?? g.description,
+		title: r ?? h.title,
+		description: i === !1 ? void 0 : i ?? h.description,
 		actions: l,
-		headerAction: _,
+		headerAction: g,
 		headerEnd: u,
 		footerSlot: d,
 		contentClassName: "mt-1",
-		className: t("product-details-card--component w-full", m),
+		className: t("product-details-card--component w-full", p),
 		children: o.length === 0 ? f ?? /* @__PURE__ */ w(V, {
-			title: g.emptyTitle,
-			description: g.emptyDescription
+			title: h.emptyTitle,
+			description: h.emptyDescription
 		}) : /* @__PURE__ */ w("div", {
 			className: "@container/product-details",
 			children: /* @__PURE__ */ T("div", {
@@ -589,7 +589,7 @@ function q({ title: r, description: i, metadata: o = [], media: s, onEditDetails
 				children: [!!s && /* @__PURE__ */ w("div", {
 					className: "product-details-card--media overflow-hidden rounded-md border border-border bg-muted/30",
 					children: s
-				}), /* @__PURE__ */ w(p, {
+				}), /* @__PURE__ */ w(y, {
 					items: o,
 					columns: s ? 1 : 2,
 					dense: !0,
@@ -645,43 +645,43 @@ 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: 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, {
+function Y({ items: r = [], onCreateOperation: i, onSelectOperation: o, onEditOperation: s, onDeleteOperation: c, renderOperationActions: l, actions: u, footerSlot: d, renderItem: f, empty: p, className: h, strings: g }) {
+	let _ = e(ae, g), v = i ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		onClick: i,
 		icon: L,
-		children: g.createLabel
+		children: _.createLabel
 	}) : void 0;
 	return /* @__PURE__ */ w(a, {
 		icon: /* @__PURE__ */ w(F, { className: "size-4" }),
-		title: g.title,
-		description: g.description,
+		title: _.title,
+		description: _.description,
 		actions: u,
 		headerAction: v,
 		footerSlot: d,
 		contentClassName: "mt-1",
-		className: t("product-operations-card--component w-full", m),
+		className: t("product-operations-card--component w-full", h),
 		children: r.length === 0 ? p ?? /* @__PURE__ */ w(V, {
-			title: g.emptyTitle,
-			description: g.emptyDescription,
+			title: _.emptyTitle,
+			description: _.emptyDescription,
 			action: i ? /* @__PURE__ */ w(n, {
 				type: "button",
 				onClick: i,
 				icon: L,
-				children: g.createLabel
+				children: _.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(_, { children: r.map((e, t) => {
+		}) : /* @__PURE__ */ w(m, { 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,
+				label: _.editLabel,
 				icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
 				onClick: () => r(),
 				variant: "ghost"
 			}] : [], ...i ? [{
 				id: "delete",
-				label: g.deleteLabel,
+				label: _.deleteLabel,
 				icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
 				onClick: () => i(),
 				variant: "destructive"
@@ -693,11 +693,11 @@ function Y({ items: r = [], onCreateOperation: i, onSelectOperation: o, onEditOp
 			}) : /* @__PURE__ */ w(W, {
 				item: e,
 				actions: a,
-				menuLabel: g.actionsLabel
+				menuLabel: _.actionsLabel
 			});
 			return f ? /* @__PURE__ */ w("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ w(Se, {
 				item: e,
-				actionFallback: g.actionLabel,
+				actionFallback: _.actionLabel,
 				onSelect: n,
 				actions: u
 			}, e.id);
@@ -707,8 +707,8 @@ function Y({ items: r = [], onCreateOperation: i, onSelectOperation: o, onEditOp
 Y.displayName = "ProductOperationsCard";
 //#endregion
 //#region src/components/features/products/components/product-options-summary.tsx
-function Ce({ options: r = [], onManageOptions: i, onCreateOption: o, onSelectOption: s, onEditOption: c, onDeleteOption: l, renderOptionActions: u, actions: d, footerSlot: f, renderOption: p, empty: m, className: h, strings: g }) {
-	let v = e(ce, g), y = !!(s || c || l || u), b = [...d ?? [], ...o && i ? [{
+function Ce({ options: r = [], onManageOptions: i, onCreateOption: o, onSelectOption: s, onEditOption: c, onDeleteOption: l, renderOptionActions: u, actions: d, footerSlot: f, renderOption: p, empty: h, className: g, strings: _ }) {
+	let v = e(ce, _), y = !!(s || c || l || u), b = [...d ?? [], ...o && i ? [{
 		id: "manage-options",
 		label: v.manageLabel,
 		icon: /* @__PURE__ */ w(z, { className: "size-3.5" }),
@@ -729,8 +729,8 @@ function Ce({ options: r = [], onManageOptions: i, onCreateOption: o, onSelectOp
 		headerAction: x,
 		footerSlot: f,
 		contentClassName: "mt-1",
-		className: t("product-options-summary--component w-full", h),
-		children: r.length === 0 ? m ?? /* @__PURE__ */ w(V, {
+		className: t("product-options-summary--component w-full", g),
+		children: r.length === 0 ? h ?? /* @__PURE__ */ w(V, {
 			title: v.emptyTitle,
 			description: v.emptyDescription,
 			action: o ? /* @__PURE__ */ w(n, {
@@ -739,7 +739,7 @@ function Ce({ options: r = [], onManageOptions: i, onCreateOption: o, onSelectOp
 				icon: L,
 				children: v.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(_, { children: r.map((e, t) => (() => {
+		}) : /* @__PURE__ */ w(m, { children: r.map((e, t) => (() => {
 			let n = y ? /* @__PURE__ */ w(J, {
 				option: e,
 				index: t,
@@ -765,43 +765,43 @@ function Ce({ options: r = [], onManageOptions: i, onCreateOption: o, onSelectOp
 Ce.displayName = "ProductOptionsSummary";
 //#endregion
 //#region src/components/features/products/components/product-policies-card.tsx
-function we({ policies: r = [], onCreatePolicy: i, onSelectPolicy: o, onEditPolicy: s, onDeletePolicy: c, renderPolicyActions: l, actions: u, footerSlot: d, renderPolicy: f, empty: p, className: m, strings: h }) {
-	let g = e(de, h), v = i ? /* @__PURE__ */ w(n, {
+function we({ policies: r = [], onCreatePolicy: i, onSelectPolicy: o, onEditPolicy: s, onDeletePolicy: c, renderPolicyActions: l, actions: u, footerSlot: d, renderPolicy: f, empty: p, className: h, strings: g }) {
+	let _ = e(de, g), v = i ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		onClick: i,
 		icon: L,
-		children: g.createLabel
+		children: _.createLabel
 	}) : void 0;
 	return /* @__PURE__ */ w(a, {
 		icon: /* @__PURE__ */ w(te, { className: "size-4" }),
-		title: g.title,
-		description: g.description,
+		title: _.title,
+		description: _.description,
 		actions: u,
 		headerAction: v,
 		footerSlot: d,
 		contentClassName: "mt-1",
-		className: t("product-policies-card--component w-full", m),
+		className: t("product-policies-card--component w-full", h),
 		children: r.length === 0 ? p ?? /* @__PURE__ */ w(V, {
-			title: g.emptyTitle,
-			description: g.emptyDescription,
+			title: _.emptyTitle,
+			description: _.emptyDescription,
 			action: i ? /* @__PURE__ */ w(n, {
 				type: "button",
 				onClick: i,
 				icon: L,
-				children: g.createLabel
+				children: _.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(_, { children: r.map((e, t) => (() => {
+		}) : /* @__PURE__ */ w(m, { 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,
+				label: _.editLabel,
 				icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
 				onClick: () => r(),
 				variant: "ghost"
 			}] : [], ...i ? [{
 				id: "delete",
-				label: g.deleteLabel,
+				label: _.deleteLabel,
 				icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
 				onClick: () => i(),
 				variant: "destructive"
@@ -813,11 +813,11 @@ function we({ policies: r = [], onCreatePolicy: i, onSelectPolicy: o, onEditPoli
 			}) : /* @__PURE__ */ w(W, {
 				item: e,
 				actions: a,
-				menuLabel: g.actionsLabel
+				menuLabel: _.actionsLabel
 			});
 			return f ? /* @__PURE__ */ w("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ w(G, {
 				item: e,
-				actionLabel: g.viewLabel,
+				actionLabel: _.viewLabel,
 				onSelect: n,
 				actions: u
 			}, e.id);
@@ -830,14 +830,14 @@ we.displayName = "ProductPoliciesCard";
 var Te = "-";
 //#endregion
 //#region src/components/features/products/components/product-quote-preview-card.tsx
-function Ee({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQuote: u, onCreateLine: 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", {
+function Ee({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQuote: u, onCreateLine: d, onSelectLine: f, onEditLine: p, onDeleteLine: m, renderLineActions: h, actions: g, footerSlot: _, empty: v, className: y, strings: x }) {
+	let S = e(ue, x), C = d || u ? /* @__PURE__ */ T("div", {
 		className: "flex items-center gap-2",
-		children: [!!f && /* @__PURE__ */ w(n, {
+		children: [!!d && /* @__PURE__ */ w(n, {
 			type: "button",
 			variant: "secondary",
 			buttonStyle: "ghost",
-			onClick: f,
+			onClick: d,
 			icon: L,
 			children: S.createLineLabel
 		}), !!u && /* @__PURE__ */ w(n, {
@@ -854,17 +854,17 @@ function Ee({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 		icon: /* @__PURE__ */ w(R, { className: "size-4" }),
 		title: S.title,
 		description: S.description,
-		actions: _,
+		actions: g,
 		headerAction: C,
-		footerSlot: v,
+		footerSlot: _,
 		contentClassName: "mt-1",
-		className: t("product-quote-preview-card--component w-full", b),
-		children: i.length === 0 ? y ?? /* @__PURE__ */ w(V, {
+		className: t("product-quote-preview-card--component w-full", y),
+		children: i.length === 0 ? v ?? /* @__PURE__ */ w(V, {
 			title: S.emptyTitle,
 			description: S.emptyDescription,
-			action: f ? /* @__PURE__ */ w(n, {
+			action: d ? /* @__PURE__ */ w(n, {
 				type: "button",
-				onClick: f,
+				onClick: d,
 				icon: L,
 				children: S.createLineLabel
 			}) : void 0
@@ -873,7 +873,7 @@ function Ee({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 			children: [/* @__PURE__ */ w("div", {
 				className: "space-y-2",
 				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 = [
+					let n = f ? () => f(e) : void 0, i = p ? () => p(e) : void 0, a = m ? () => m(e) : void 0, o = [
 						...n ? [{
 							id: "open",
 							label: S.viewLineLabel,
@@ -895,7 +895,7 @@ function Ee({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 							onClick: () => a(),
 							variant: "destructive"
 						}] : []
-					], s = g ? g(e, {
+					], s = h ? h(e, {
 						index: t,
 						onSelect: n,
 						onEdit: i,
@@ -941,23 +941,23 @@ function Ee({ lines: i = [], subtotal: o, tax: s, discount: c, total: l, onOpenQ
 			}), /* @__PURE__ */ T("div", {
 				className: "space-y-1.5 rounded-md bg-muted/30 px-3 py-2.5",
 				children: [
-					o !== void 0 && /* @__PURE__ */ w(d, {
+					o !== void 0 && /* @__PURE__ */ w(b, {
 						label: S.subtotalLabel,
 						value: o,
 						mono: !0
 					}),
-					s !== void 0 && /* @__PURE__ */ w(d, {
+					s !== void 0 && /* @__PURE__ */ w(b, {
 						label: S.taxLabel,
 						value: s,
 						mono: !0
 					}),
-					c !== void 0 && /* @__PURE__ */ w(d, {
+					c !== void 0 && /* @__PURE__ */ w(b, {
 						label: S.discountLabel,
 						value: c,
 						mono: !0,
 						valueClassName: "text-success"
 					}),
-					/* @__PURE__ */ w(d, {
+					/* @__PURE__ */ w(b, {
 						label: S.totalLabel,
 						value: l ?? "-",
 						mono: !0,
@@ -972,7 +972,7 @@ function Ee({ lines: i = [], 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: 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 }) {
+function X({ items: i = [], score: o, scoreLabel: s, summary: c, onCreateReadinessItem: l, onSelectReadinessItem: d, onEditReadinessItem: f, onDeleteReadinessItem: p, renderReadinessItemActions: h, actions: g, footerSlot: _, renderItem: v, empty: y, className: b, strings: x }) {
 	let S = e(re, x), C = o === void 0 ? void 0 : ve(o), E = l ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
@@ -985,9 +985,9 @@ function X({ items: i = [], score: o, scoreLabel: s, summary: c, onCreateReadine
 		icon: /* @__PURE__ */ w(k, { className: "size-4" }),
 		title: S.title,
 		description: S.description,
-		actions: h,
+		actions: g,
 		headerAction: E,
-		footerSlot: g,
+		footerSlot: _,
 		contentClassName: "mt-1",
 		className: t("product-readiness-card--component w-full", b),
 		children: [
@@ -1027,7 +1027,7 @@ function X({ items: i = [], score: o, scoreLabel: s, summary: c, onCreateReadine
 					icon: L,
 					children: S.createLabel
 				}) : void 0
-			}) : /* @__PURE__ */ w(_, { children: i.map((e, t) => {
+			}) : /* @__PURE__ */ w(m, { children: i.map((e, t) => {
 				let n = d ? () => d(e) : void 0, r = f ? () => f(e) : void 0, i = p ? () => p(e) : void 0, a = [...r ? [{
 					id: "edit",
 					label: S.editLabel,
@@ -1040,7 +1040,7 @@ function X({ items: i = [], score: o, scoreLabel: s, summary: c, onCreateReadine
 					icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
 					onClick: () => i(),
 					variant: "destructive"
-				}] : []], o = m ? m(e, {
+				}] : []], o = h ? h(e, {
 					index: t,
 					onSelect: n,
 					onEdit: r,
@@ -1063,52 +1063,52 @@ function X({ items: i = [], score: o, scoreLabel: s, summary: c, onCreateReadine
 X.displayName = "ProductReadinessCard";
 //#endregion
 //#region src/components/features/products/components/product-structure-card.tsx
-function De({ metrics: r = [], onCreateMetric: i, onSelectMetric: o, onEditMetric: s, onDeleteMetric: c, renderMetricActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: m }) {
-	let h = e(ie, m), g = i ? /* @__PURE__ */ w(n, {
+function De({ metrics: r = [], onCreateMetric: i, onSelectMetric: o, onEditMetric: s, onDeleteMetric: c, renderMetricActions: l, actions: u, footerSlot: d, empty: f, className: p, strings: h }) {
+	let g = e(ie, h), _ = i ? /* @__PURE__ */ w(n, {
 		type: "button",
 		variant: "secondary",
 		buttonStyle: "ghost",
 		onClick: i,
 		icon: L,
-		children: h.createLabel
+		children: g.createLabel
 	}) : void 0;
 	return /* @__PURE__ */ w(a, {
 		icon: /* @__PURE__ */ w(N, { className: "size-4" }),
-		title: h.title,
-		description: h.description,
+		title: g.title,
+		description: g.description,
 		actions: u,
-		headerAction: g,
+		headerAction: _,
 		footerSlot: d,
 		contentClassName: "mt-1",
 		className: t("product-structure-card--component w-full", p),
 		children: r.length === 0 ? f ?? /* @__PURE__ */ w(V, {
-			title: h.emptyTitle,
-			description: h.emptyDescription,
+			title: g.emptyTitle,
+			description: g.emptyDescription,
 			action: i ? /* @__PURE__ */ w(n, {
 				type: "button",
 				onClick: i,
 				icon: L,
-				children: h.createLabel
+				children: g.createLabel
 			}) : void 0
-		}) : /* @__PURE__ */ w(_, { children: r.map((e, t) => {
+		}) : /* @__PURE__ */ w(m, { children: r.map((e, t) => {
 			let n = o ? () => o(e) : void 0, r = s ? () => s(e) : void 0, i = c ? () => c(e) : void 0, a = [
 				...n ? [{
 					id: "open",
-					label: h.viewLabel,
+					label: g.viewLabel,
 					icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
 					onClick: () => n(),
 					variant: "ghost"
 				}] : [],
 				...r ? [{
 					id: "edit",
-					label: h.editLabel,
+					label: g.editLabel,
 					icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
 					onClick: () => r(),
 					variant: "ghost"
 				}] : [],
 				...i ? [{
 					id: "delete",
-					label: h.deleteLabel,
+					label: g.deleteLabel,
 					icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
 					onClick: () => i(),
 					variant: "destructive"
@@ -1124,7 +1124,7 @@ function De({ metrics: r = [], onCreateMetric: i, onSelectMetric: o, onEditMetri
 				}) : /* @__PURE__ */ w(W, {
 					item: e,
 					actions: a,
-					menuLabel: h.actionsLabel
+					menuLabel: g.actionsLabel
 				})
 			}, e.id);
 		}) })
@@ -1252,7 +1252,7 @@ function ke({ variants: o = [], onCreateVariant: s, onSelectVariant: c, onEditVa
 		}) : /* @__PURE__ */ w("div", {
 			className: "product-variants-table--table rounded-md border border-border",
 			children: /* @__PURE__ */ T("div", {
-				className: "lg:min-w-[34rem]",
+				className: "lg:min-w-136",
 				children: [/* @__PURE__ */ T("div", {
 					className: t("hidden gap-3 border-b border-border bg-muted/40 px-3 py-2 lg:grid", b),
 					children: [
@@ -1454,8 +1454,8 @@ function je(e, t) {
 		}
 	].filter((e) => Ae(e.value));
 }
-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", {
+function Me({ variant: o, metadata: s, optionItems: c = [], media: l, onBack: u, onSelectVariant: d, onEditVariant: f, onDuplicateVariant: p, onDeleteVariant: h, onSelectOption: g, actions: _, headerEnd: v, footerSlot: b, empty: x, renderActions: S, renderMetadata: C, renderOption: D, className: O, strings: k }) {
+	let A = e(me, k), j = o ? s ?? je(o, A.metadata) : [], M = !!(o && (d || f || p || h || S)), N = /* @__PURE__ */ T("div", {
 		className: "product-variant-details--header-actions flex items-center gap-2",
 		children: [!!u && /* @__PURE__ */ w(n, {
 			type: "button",
@@ -1468,7 +1468,7 @@ function Me({ variant: o, metadata: s, optionItems: c = [], media: l, onBack: u,
 			variant: o,
 			onSelectVariant: d,
 			onEditVariant: f,
-			onDuplicateVariant: m,
+			onDuplicateVariant: p,
 			onDeleteVariant: h,
 			renderVariantActions: S
 		})]
@@ -1481,9 +1481,9 @@ function Me({ variant: o, metadata: s, optionItems: c = [], media: l, onBack: u,
 			children: o.status
 		}) : void 0,
 		description: o?.description ?? A.description,
-		actions: v,
+		actions: _,
 		headerAction: u || M ? N : void 0,
-		headerEnd: y,
+		headerEnd: v,
 		footerSlot: b,
 		contentClassName: "mt-1",
 		className: t("product-variant-details--component w-full", O),
@@ -1494,7 +1494,7 @@ function Me({ variant: o, metadata: s, optionItems: c = [], media: l, onBack: u,
 					className: "product-variant-details--media overflow-hidden rounded-md border border-border bg-muted/30",
 					children: l
 				}),
-				C ? C(o) : /* @__PURE__ */ w(p, {
+				C ? C(o) : /* @__PURE__ */ w(y, {
 					title: A.factsTitle,
 					items: j,
 					columns: 3,
@@ -1519,7 +1519,7 @@ function Me({ variant: o, metadata: s, optionItems: c = [], media: l, onBack: u,
 					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, {
+					}), /* @__PURE__ */ w(m, { children: c.map((e, t) => D ? /* @__PURE__ */ w("div", { children: D(e, t) }, e.id) : /* @__PURE__ */ w(G, {
 						item: e,
 						actionLabel: A.viewOptionLabel,
 						onSelect: g ? () => g(e) : void 0