admin-ui-starter-kit 0.1.3 → 0.4.2

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

@@ -0,0 +1,1749 @@
+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 o } from "../../../_shared/input-C7t-RHYq.js";
+import { H as s } from "../../../_shared/forms-CwJci54_.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 { 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 { 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";
+//#region src/components/features/products/products.strings.ts
+var re = {
+	title: "Readiness",
+	description: "Publishing checks and operational setup.",
+	scoreLabel: "Overall readiness",
+	progressLabel: "Readiness progress",
+	createLabel: "Add check",
+	editLabel: "Edit check",
+	deleteLabel: "Delete check",
+	actionsLabel: "Check actions",
+	emptyTitle: "No readiness checks",
+	emptyDescription: "Pass readiness items from your product workflow to show progress.",
+	actionLabel: "Open"
+}, ie = {
+	title: "Structure",
+	description: "Media, taxonomy, options, and content coverage.",
+	createLabel: "Add metric",
+	viewLabel: "Open",
+	editLabel: "Edit metric",
+	deleteLabel: "Delete metric",
+	actionsLabel: "Metric actions",
+	emptyTitle: "No structure metrics",
+	emptyDescription: "Pass structure metrics to summarize the product setup."
+}, ae = {
+	title: "Operations",
+	description: "Availability, channels, service rules, and fulfilment signals.",
+	createLabel: "Add signal",
+	editLabel: "Edit signal",
+	deleteLabel: "Delete signal",
+	actionsLabel: "Signal actions",
+	emptyTitle: "No operational signals",
+	emptyDescription: "Pass operational rows to show channel and availability health.",
+	actionLabel: "Open"
+}, oe = {
+	title: "Product details",
+	description: "Core identity and catalogue fields.",
+	editLabel: "Edit details",
+	emptyTitle: "No details",
+	emptyDescription: "Pass metadata rows to render product details."
+}, se = {
+	title: "Contract",
+	description: "Commercial terms, pricing rules, and customer-facing conditions.",
+	termsTitle: "Terms",
+	rulesTitle: "Rules",
+	actionLabel: "Manage contract",
+	editLabel: "Edit contract",
+	createRuleLabel: "Add rule",
+	viewRuleLabel: "Open rule",
+	editRuleLabel: "Edit rule",
+	deleteRuleLabel: "Delete rule",
+	ruleActionsLabel: "Rule actions",
+	emptyTitle: "No contract summary",
+	emptyDescription: "Pass metrics, terms, or rules to summarize the product contract."
+}, ce = {
+	title: "Options",
+	description: "Variant-driving choices and add-ons customers can select.",
+	manageLabel: "Manage options",
+	createLabel: "Add option",
+	viewLabel: "Open option",
+	editLabel: "Edit option",
+	deleteLabel: "Delete option",
+	actionsLabel: "Option actions",
+	emptyTitle: "No options",
+	emptyDescription: "Pass option groups to summarize configurable product choices."
+}, le = {
+	viewLabel: "Open option",
+	editLabel: "Edit option",
+	deleteLabel: "Delete option",
+	actionsLabel: "Option actions"
+}, ue = {
+	title: "Quote preview",
+	description: "How the product appears in a compact customer quote.",
+	subtotalLabel: "Subtotal",
+	taxLabel: "Tax",
+	discountLabel: "Discount",
+	totalLabel: "Total",
+	actionLabel: "Open quote",
+	createLineLabel: "Add line",
+	viewLineLabel: "Open line",
+	editLineLabel: "Edit line",
+	deleteLineLabel: "Delete line",
+	lineActionsLabel: "Line actions",
+	emptyTitle: "No quote lines",
+	emptyDescription: "Pass quote lines to preview pricing."
+}, de = {
+	title: "Policies",
+	description: "Cancellation, booking, service, and customer-facing rules.",
+	createLabel: "Add policy",
+	viewLabel: "View",
+	editLabel: "Edit policy",
+	deleteLabel: "Delete policy",
+	actionsLabel: "Policy actions",
+	emptyTitle: "No policies",
+	emptyDescription: "Pass policies to summarize customer-facing rules."
+}, fe = {
+	title: "Variants",
+	description: "Sellable combinations with price, availability, and SKU.",
+	createLabel: "Add variant",
+	viewLabel: "Open variant",
+	editLabel: "Edit",
+	duplicateLabel: "Duplicate",
+	deleteLabel: "Delete",
+	emptyTitle: "No variants",
+	emptyDescription: "Create or pass variants to show sellable rows.",
+	headers: {
+		variant: "Variant",
+		sku: "SKU",
+		price: "Price",
+		inventory: "Available",
+		channels: "Channels",
+		updated: "Updated",
+		actions: "Actions"
+	}
+}, pe = {
+	viewLabel: "Open variant",
+	editLabel: "Edit",
+	duplicateLabel: "Duplicate",
+	deleteLabel: "Delete",
+	actionsLabel: "Variant actions"
+}, me = {
+	title: "Variant",
+	description: "Sellable variant details, options, pricing, and fulfilment data.",
+	backLabel: "Back",
+	factsTitle: "Variant facts",
+	selectedOptionsTitle: "Selected options",
+	relatedOptionsTitle: "Option groups",
+	viewOptionLabel: "Open option",
+	emptyTitle: "No variant selected",
+	emptyDescription: "Pass a variant to render a standalone variant detail surface.",
+	metadata: {
+		price: "Price",
+		inventory: "Available",
+		sku: "SKU",
+		channels: "Channels",
+		updated: "Updated"
+	}
+}, he = {
+	title: "Edit variant",
+	description: "Controlled form for variant identity, pricing, inventory, and option values.",
+	identityTitle: "Identity",
+	commercialTitle: "Commercial setup",
+	optionsTitle: "Options",
+	saveLabel: "Save variant",
+	savingLabel: "Saving",
+	cancelLabel: "Cancel",
+	deleteLabel: "Delete variant",
+	statusPlaceholder: "Select status",
+	optionPlaceholder: "Select value",
+	fields: {
+		name: "Name",
+		description: "Description",
+		sku: "SKU",
+		price: "Price",
+		inventory: "Inventory",
+		status: "Status",
+		channels: "Channels"
+	},
+	placeholders: {
+		name: "750 ml bottle",
+		description: "Standard retail pack",
+		sku: "BAL-750-CL",
+		price: "US$ 24.00",
+		inventory: "82",
+		status: "Active",
+		channels: "Online store, POS"
+	}
+}, ge = {
+	mainLabel: "Product overview",
+	railLabel: "Product supporting information"
+};
+//#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",
+		border: !0,
+		title: e,
+		description: n,
+		actions: r,
+		className: t("product-empty-state--component bg-muted/20", i)
+	});
+}
+//#endregion
+//#region src/components/features/products/partials/product-tone.tsx
+var _e = {
+	neutral: "secondary",
+	primary: "primary",
+	success: "success",
+	warning: "warning",
+	error: "error",
+	info: "info"
+}, H = {
+	neutral: "border-border bg-card text-muted-foreground",
+	primary: "border-primary/20 bg-primary/5 text-primary",
+	success: "border-success/20 bg-success/5 text-success",
+	warning: "border-warning/30 bg-warning/8 text-warning",
+	error: "border-destructive/25 bg-destructive/8 text-destructive",
+	info: "border-info/20 bg-info/5 text-info"
+};
+function ve(e) {
+	return Number.isFinite(e) ? Math.min(100, Math.max(0, Math.round(e))) : 0;
+}
+function U({ tone: e = "neutral" }) {
+	return /* @__PURE__ */ w("span", {
+		"aria-hidden": "true",
+		className: t("product-tone-dot--component size-2 rounded-full", {
+			"bg-muted-foreground": e === "neutral",
+			"bg-primary": e === "primary",
+			"bg-success": e === "success",
+			"bg-warning": e === "warning",
+			"bg-destructive": e === "error",
+			"bg-info": e === "info"
+		})
+	});
+}
+//#endregion
+//#region src/components/features/products/partials/product-metric-tile.tsx
+function ye({ metric: e }) {
+	let r = e.tone ?? "neutral";
+	return /* @__PURE__ */ T("div", {
+		className: t("product-metric-tile--component rounded-md border px-3 py-2.5", H[r]),
+		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, {
+					size: "xs",
+					type: r === "neutral" ? "secondary" : "main",
+					className: "truncate",
+					children: e.label
+				}), /* @__PURE__ */ w(n, {
+					weight: "semibold",
+					className: "tabular-nums",
+					children: e.value
+				})]
+			}), "icon" in e && !!e.icon && /* @__PURE__ */ w("div", {
+				className: "shrink-0 opacity-80",
+				children: e.icon
+			})]
+		}), !!e.description && /* @__PURE__ */ w(n, {
+			size: "xs",
+			type: "secondary",
+			className: "mt-1.5 leading-snug",
+			children: e.description
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/products/partials/product-actions.tsx
+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, {
+			row: e,
+			actions: n,
+			menuLabel: r,
+			displayMode: "menu"
+		})
+	});
+}
+//#endregion
+//#region src/components/features/products/partials/product-rows.tsx
+function be({ metric: e, actions: r }) {
+	let i = e.tone ?? "neutral";
+	return /* @__PURE__ */ T(y, {
+		className: "product-structure-metric-row--component product-structure-card--item px-0",
+		children: [
+			/* @__PURE__ */ w(m, {
+				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, {
+					clamp: 2,
+					children: e.description
+				})]
+			}),
+			/* @__PURE__ */ T(g, {
+				className: "ml-auto shrink-0 gap-2",
+				children: [/* @__PURE__ */ w(n, {
+					tag: "span",
+					size: "xs",
+					weight: "semibold",
+					className: "tabular-nums",
+					children: e.value
+				}), r]
+			})
+		]
+	});
+}
+function xe({ item: e, actionFallback: n, 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",
+		children: [
+			/* @__PURE__ */ w(m, {
+				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, {
+					clamp: 2,
+					children: e.description
+				})]
+			}),
+			!!(e.value || c || o) && /* @__PURE__ */ T(g, {
+				className: "ml-auto shrink-0 flex-wrap justify-end gap-2",
+				children: [
+					!!e.value && /* @__PURE__ */ w(r, {
+						variant: _e[s],
+						children: e.value
+					}),
+					!!c && /* @__PURE__ */ w(i, {
+						type: "button",
+						variant: "secondary",
+						buttonStyle: "ghost",
+						onClick: c,
+						icon: D,
+						iconPosition: "right",
+						children: e.actionLabel ?? n
+					}),
+					o
+				]
+			})
+		]
+	});
+}
+function Se({ item: e, actionFallback: r, 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",
+		children: [
+			/* @__PURE__ */ w(m, {
+				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, {
+					clamp: 2,
+					children: e.description
+				})]
+			}),
+			!!(e.value || c || o) && /* @__PURE__ */ T(g, {
+				className: "ml-auto shrink-0 flex-wrap justify-end gap-2",
+				children: [
+					!!e.value && /* @__PURE__ */ w(n, {
+						tag: "span",
+						size: "xs",
+						weight: "semibold",
+						children: e.value
+					}),
+					!!c && /* @__PURE__ */ w(i, {
+						type: "button",
+						variant: "secondary",
+						buttonStyle: "ghost",
+						onClick: c,
+						icon: D,
+						iconPosition: "right",
+						children: e.actionLabel ?? r
+					}),
+					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",
+		children: [
+			/* @__PURE__ */ w(m, {
+				variant: "icon",
+				className: t("rounded-full border", H[c]),
+				children: /* @__PURE__ */ w(U, { tone: c })
+			}),
+			/* @__PURE__ */ T(v, {
+				className: "min-w-[min(12rem,100%)]",
+				children: [
+					/* @__PURE__ */ w(b, { children: e.label }),
+					!!e.description && /* @__PURE__ */ w(h, {
+						clamp: 2,
+						children: e.description
+					}),
+					!!l?.length && /* @__PURE__ */ w("div", {
+						className: "mt-2 flex flex-wrap gap-1",
+						children: l.map((e, t) => /* @__PURE__ */ w(r, {
+							variant: "secondary",
+							children: e
+						}, t))
+					})
+				]
+			}),
+			!!(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, {
+						tag: "span",
+						size: "xs",
+						weight: "semibold",
+						children: e.value
+					}),
+					!!e.badge && e.badge,
+					!!o && /* @__PURE__ */ w(i, {
+						type: "button",
+						variant: "secondary",
+						buttonStyle: "ghost",
+						onClick: o,
+						icon: D,
+						iconPosition: "right",
+						children: a
+					}),
+					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", {
+		className: "flex items-center gap-2",
+		children: [
+			!!u && /* @__PURE__ */ w(i, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				onClick: u,
+				icon: L,
+				children: S.createRuleLabel
+			}),
+			!!l && /* @__PURE__ */ w(i, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				onClick: l,
+				icon: I,
+				children: S.editLabel
+			}),
+			!!c && /* @__PURE__ */ w(i, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				onClick: c,
+				icon: D,
+				iconPosition: "right",
+				children: S.actionLabel
+			})
+		]
+	}) : void 0;
+	return /* @__PURE__ */ w(a, {
+		icon: /* @__PURE__ */ w(M, { className: "size-4" }),
+		title: S.title,
+		description: S.description,
+		actions: g,
+		headerAction: E,
+		footerSlot: v,
+		contentClassName: "mt-1",
+		className: t("product-contract-overview--component w-full", b),
+		children: C ? /* @__PURE__ */ T("div", {
+			className: "space-y-4",
+			children: [
+				r.length > 0 && /* @__PURE__ */ w("div", {
+					className: "grid gap-2 sm:grid-cols-3",
+					children: r.map((e) => /* @__PURE__ */ w(ye, { metric: e }, e.id))
+				}),
+				o.length > 0 && /* @__PURE__ */ T("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ w(n, {
+						size: "xs",
+						weight: "semibold",
+						children: S.termsTitle
+					}), /* @__PURE__ */ w(p, {
+						items: o,
+						columns: 2,
+						dense: !0
+					})]
+				}),
+				s.length > 0 && /* @__PURE__ */ T("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ w(n, {
+						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 = [
+							...n ? [{
+								id: "open",
+								label: S.viewRuleLabel,
+								icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
+								onClick: () => n(),
+								variant: "ghost"
+							}] : [],
+							...r ? [{
+								id: "edit",
+								label: S.editRuleLabel,
+								icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+								onClick: () => r(),
+								variant: "ghost"
+							}] : [],
+							...i ? [{
+								id: "delete",
+								label: S.deleteRuleLabel,
+								icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+								onClick: () => i(),
+								variant: "destructive"
+							}] : []
+						];
+						return /* @__PURE__ */ w(G, {
+							item: e,
+							actions: h ? h(e, {
+								index: t,
+								onSelect: n,
+								onEdit: r,
+								onDelete: i
+							}) : /* @__PURE__ */ w(W, {
+								item: e,
+								actions: a,
+								menuLabel: S.ruleActionsLabel
+							})
+						}, e.id);
+					}) })]
+				})
+			]
+		}) : y ?? /* @__PURE__ */ w(V, {
+			title: S.emptyTitle,
+			description: S.emptyDescription,
+			action: u ? /* @__PURE__ */ w(i, {
+				type: "button",
+				onClick: u,
+				icon: L,
+				children: S.createRuleLabel
+			}) : void 0
+		})
+	});
+}
+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, {
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		onClick: c,
+		icon: I,
+		children: g.editLabel
+	}) : 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,
+		actions: l,
+		headerAction: _,
+		headerEnd: u,
+		footerSlot: d,
+		contentClassName: "mt-1",
+		className: t("product-details-card--component w-full", m),
+		children: o.length === 0 ? f ?? /* @__PURE__ */ w(V, {
+			title: g.emptyTitle,
+			description: g.emptyDescription
+		}) : /* @__PURE__ */ w("div", {
+			className: "@container/product-details",
+			children: /* @__PURE__ */ T("div", {
+				className: t("grid gap-4", s && "@xl/product-details:grid-cols-[12rem_minmax(0,1fr)]"),
+				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, {
+					items: o,
+					columns: s ? 1 : 2,
+					dense: !0,
+					className: "min-w-0",
+					valueClassName: "break-words"
+				})]
+			})
+		})
+	});
+}
+q.displayName = "ProductDetailsCard";
+//#endregion
+//#region src/components/features/products/components/product-option-action-menu.tsx
+function J({ option: n, index: r = 0, onSelectOption: i, onEditOption: a, onDeleteOption: o, renderOptionActions: s, menuLabel: c, className: l, strings: u }) {
+	let d = e(le, u), f = i ? () => i(n) : void 0, p = a ? () => a(n) : void 0, m = o ? () => o(n) : void 0;
+	return f || p || m || s ? s ? /* @__PURE__ */ w("div", {
+		className: t("product-option-action-menu--component flex justify-end", l),
+		children: s(n, {
+			index: r,
+			onSelect: f,
+			onEdit: p,
+			onDelete: m
+		})
+	}) : /* @__PURE__ */ w(W, {
+		item: n,
+		menuLabel: c ?? d.actionsLabel,
+		className: t("product-option-action-menu--component", l),
+		actions: [
+			...f ? [{
+				id: "open",
+				label: d.viewLabel,
+				icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
+				onClick: () => f(),
+				variant: "ghost"
+			}] : [],
+			...p ? [{
+				id: "edit",
+				label: d.editLabel,
+				icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+				onClick: () => p(),
+				variant: "ghost"
+			}] : [],
+			...m ? [{
+				id: "delete",
+				label: d.deleteLabel,
+				icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+				onClick: () => m(),
+				variant: "destructive"
+			}] : []
+		]
+	}) : null;
+}
+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, {
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		onClick: r,
+		icon: L,
+		children: g.createLabel
+	}) : void 0;
+	return /* @__PURE__ */ w(a, {
+		icon: /* @__PURE__ */ w(F, { className: "size-4" }),
+		title: g.title,
+		description: g.description,
+		actions: u,
+		headerAction: v,
+		footerSlot: d,
+		contentClassName: "mt-1",
+		className: t("product-operations-card--component w-full", m),
+		children: n.length === 0 ? p ?? /* @__PURE__ */ w(V, {
+			title: g.emptyTitle,
+			description: g.emptyDescription,
+			action: r ? /* @__PURE__ */ w(i, {
+				type: "button",
+				onClick: r,
+				icon: L,
+				children: g.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ w(_, { children: n.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,
+				icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+				onClick: () => r(),
+				variant: "ghost"
+			}] : [], ...i ? [{
+				id: "delete",
+				label: g.deleteLabel,
+				icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+				onClick: () => i(),
+				variant: "destructive"
+			}] : []], u = l ? l(e, {
+				index: t,
+				onSelect: n,
+				onEdit: r,
+				onDelete: i
+			}) : /* @__PURE__ */ w(W, {
+				item: e,
+				actions: a,
+				menuLabel: g.actionsLabel
+			});
+			return f ? /* @__PURE__ */ w("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ w(Se, {
+				item: e,
+				actionFallback: g.actionLabel,
+				onSelect: n,
+				actions: u
+			}, e.id);
+		}) })
+	});
+}
+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 ? [{
+		id: "manage-options",
+		label: v.manageLabel,
+		icon: /* @__PURE__ */ w(z, { className: "size-3.5" }),
+		onClick: r
+	}] : []], x = o || r ? /* @__PURE__ */ w(i, {
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		onClick: o ?? r,
+		icon: o ? L : z,
+		children: o ? v.createLabel : v.manageLabel
+	}) : void 0;
+	return /* @__PURE__ */ w(a, {
+		icon: /* @__PURE__ */ w(z, { className: "size-4" }),
+		title: v.title,
+		description: v.description,
+		actions: b.length > 0 ? b : void 0,
+		headerAction: x,
+		footerSlot: f,
+		contentClassName: "mt-1",
+		className: t("product-options-summary--component w-full", h),
+		children: n.length === 0 ? m ?? /* @__PURE__ */ w(V, {
+			title: v.emptyTitle,
+			description: v.emptyDescription,
+			action: o ? /* @__PURE__ */ w(i, {
+				type: "button",
+				onClick: o,
+				icon: L,
+				children: v.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ w(_, { children: n.map((e, t) => (() => {
+			let n = y ? /* @__PURE__ */ w(J, {
+				option: e,
+				index: t,
+				onSelectOption: s,
+				onEditOption: c,
+				onDeleteOption: l,
+				renderOptionActions: u,
+				menuLabel: v.actionsLabel,
+				strings: {
+					viewLabel: v.viewLabel,
+					editLabel: v.editLabel,
+					deleteLabel: v.deleteLabel,
+					actionsLabel: v.actionsLabel
+				}
+			}) : void 0;
+			return p ? /* @__PURE__ */ w("div", { children: p(e, t) }, e.id) : /* @__PURE__ */ w(G, {
+				item: e,
+				actions: n
+			}, e.id);
+		})()) })
+	});
+}
+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, {
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		onClick: r,
+		icon: L,
+		children: g.createLabel
+	}) : void 0;
+	return /* @__PURE__ */ w(a, {
+		icon: /* @__PURE__ */ w(te, { className: "size-4" }),
+		title: g.title,
+		description: g.description,
+		actions: u,
+		headerAction: v,
+		footerSlot: d,
+		contentClassName: "mt-1",
+		className: t("product-policies-card--component w-full", m),
+		children: n.length === 0 ? p ?? /* @__PURE__ */ w(V, {
+			title: g.emptyTitle,
+			description: g.emptyDescription,
+			action: r ? /* @__PURE__ */ w(i, {
+				type: "button",
+				onClick: r,
+				icon: L,
+				children: g.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ w(_, { children: n.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,
+				icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+				onClick: () => r(),
+				variant: "ghost"
+			}] : [], ...i ? [{
+				id: "delete",
+				label: g.deleteLabel,
+				icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+				onClick: () => i(),
+				variant: "destructive"
+			}] : []], u = l ? l(e, {
+				index: t,
+				onSelect: n,
+				onEdit: r,
+				onDelete: i
+			}) : /* @__PURE__ */ w(W, {
+				item: e,
+				actions: a,
+				menuLabel: g.actionsLabel
+			});
+			return f ? /* @__PURE__ */ w("div", { children: f(e, t) }, e.id) : /* @__PURE__ */ w(G, {
+				item: e,
+				actionLabel: g.viewLabel,
+				onSelect: n,
+				actions: u
+			}, e.id);
+		})()) })
+	});
+}
+we.displayName = "ProductPoliciesCard";
+//#endregion
+//#region src/components/features/products/partials/product-values.ts
+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 }) {
+	let S = e(ue, x), C = f || u ? /* @__PURE__ */ T("div", {
+		className: "flex items-center gap-2",
+		children: [!!f && /* @__PURE__ */ w(i, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "ghost",
+			onClick: f,
+			icon: L,
+			children: S.createLineLabel
+		}), !!u && /* @__PURE__ */ w(i, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "ghost",
+			onClick: u,
+			icon: D,
+			iconPosition: "right",
+			children: S.actionLabel
+		})]
+	}) : void 0;
+	return /* @__PURE__ */ w(a, {
+		icon: /* @__PURE__ */ w(R, { className: "size-4" }),
+		title: S.title,
+		description: S.description,
+		actions: _,
+		headerAction: C,
+		footerSlot: v,
+		contentClassName: "mt-1",
+		className: t("product-quote-preview-card--component w-full", b),
+		children: r.length === 0 ? y ?? /* @__PURE__ */ w(V, {
+			title: S.emptyTitle,
+			description: S.emptyDescription,
+			action: f ? /* @__PURE__ */ w(i, {
+				type: "button",
+				onClick: f,
+				icon: L,
+				children: S.createLineLabel
+			}) : void 0
+		}) : /* @__PURE__ */ T("div", {
+			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 ? [{
+							id: "open",
+							label: S.viewLineLabel,
+							icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
+							onClick: () => r(),
+							variant: "ghost"
+						}] : [],
+						...i ? [{
+							id: "edit",
+							label: S.editLineLabel,
+							icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+							onClick: () => i(),
+							variant: "ghost"
+						}] : [],
+						...a ? [{
+							id: "delete",
+							label: S.deleteLineLabel,
+							icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+							onClick: () => a(),
+							variant: "destructive"
+						}] : []
+					], s = g ? g(e, {
+						index: t,
+						onSelect: r,
+						onEdit: i,
+						onDelete: a
+					}) : /* @__PURE__ */ w(W, {
+						item: e,
+						actions: o,
+						menuLabel: S.lineActionsLabel
+					});
+					return /* @__PURE__ */ T("div", {
+						className: "flex items-start justify-between gap-3 rounded-md border border-border bg-muted/20 px-3 py-2",
+						children: [/* @__PURE__ */ T("div", {
+							className: "min-w-0",
+							children: [
+								/* @__PURE__ */ w(n, {
+									weight: "semibold",
+									className: "truncate",
+									children: e.label
+								}),
+								!!e.description && /* @__PURE__ */ w(n, {
+									size: "xs",
+									type: "secondary",
+									className: "mt-0.5",
+									children: e.description
+								}),
+								!!e.quantity && /* @__PURE__ */ w(n, {
+									size: "xxs",
+									type: "secondary",
+									className: "mt-1",
+									children: e.quantity
+								})
+							]
+						}), /* @__PURE__ */ T("div", {
+							className: "flex shrink-0 items-center gap-2",
+							children: [/* @__PURE__ */ w(n, {
+								weight: "semibold",
+								className: "tabular-nums",
+								children: e.amount
+							}), s]
+						})]
+					}, e.id);
+				})
+			}), /* @__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, {
+						label: S.subtotalLabel,
+						value: o,
+						mono: !0
+					}),
+					s !== void 0 && /* @__PURE__ */ w(d, {
+						label: S.taxLabel,
+						value: s,
+						mono: !0
+					}),
+					c !== void 0 && /* @__PURE__ */ w(d, {
+						label: S.discountLabel,
+						value: c,
+						mono: !0,
+						valueClassName: "text-success"
+					}),
+					/* @__PURE__ */ w(d, {
+						label: S.totalLabel,
+						value: l ?? "-",
+						mono: !0,
+						labelClassName: "font-semibold",
+						valueClassName: "font-semibold"
+					})
+				]
+			})]
+		})
+	});
+}
+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, {
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		onClick: l,
+		icon: L,
+		children: S.createLabel
+	}) : void 0;
+	return /* @__PURE__ */ T(a, {
+		icon: /* @__PURE__ */ w(k, { className: "size-4" }),
+		title: S.title,
+		description: S.description,
+		actions: h,
+		headerAction: E,
+		footerSlot: g,
+		contentClassName: "mt-1",
+		className: t("product-readiness-card--component w-full", b),
+		children: [
+			C !== void 0 && /* @__PURE__ */ T("div", {
+				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, {
+						size: "xs",
+						type: "secondary",
+						children: s ?? S.scoreLabel
+					}), /* @__PURE__ */ T(n, {
+						size: "xs",
+						weight: "semibold",
+						className: "tabular-nums",
+						children: [C, "%"]
+					})]
+				}), /* @__PURE__ */ w(u, {
+					value: C,
+					"aria-label": typeof s == "string" ? s : S.progressLabel,
+					"aria-valuetext": `${C}%`,
+					className: "h-1.5"
+				})]
+			}),
+			!!c && /* @__PURE__ */ w(n, {
+				size: "xs",
+				type: "secondary",
+				className: "mb-3 leading-relaxed",
+				children: c
+			}),
+			r.length === 0 ? y ?? /* @__PURE__ */ w(V, {
+				title: S.emptyTitle,
+				description: S.emptyDescription,
+				action: l ? /* @__PURE__ */ w(i, {
+					type: "button",
+					onClick: l,
+					icon: L,
+					children: S.createLabel
+				}) : void 0
+			}) : /* @__PURE__ */ w(_, { children: r.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,
+					icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+					onClick: () => r(),
+					variant: "ghost"
+				}] : [], ...i ? [{
+					id: "delete",
+					label: S.deleteLabel,
+					icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+					onClick: () => i(),
+					variant: "destructive"
+				}] : []], o = m ? m(e, {
+					index: t,
+					onSelect: n,
+					onEdit: r,
+					onDelete: i
+				}) : /* @__PURE__ */ w(W, {
+					item: e,
+					actions: a,
+					menuLabel: S.actionsLabel
+				});
+				return v ? /* @__PURE__ */ w("div", { children: v(e, t) }, e.id) : /* @__PURE__ */ w(xe, {
+					item: e,
+					actionFallback: S.actionLabel,
+					onSelect: n,
+					actions: o
+				}, e.id);
+			}) })
+		]
+	});
+}
+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, {
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		onClick: r,
+		icon: L,
+		children: h.createLabel
+	}) : void 0;
+	return /* @__PURE__ */ w(a, {
+		icon: /* @__PURE__ */ w(N, { className: "size-4" }),
+		title: h.title,
+		description: h.description,
+		actions: u,
+		headerAction: g,
+		footerSlot: d,
+		contentClassName: "mt-1",
+		className: t("product-structure-card--component w-full", p),
+		children: n.length === 0 ? f ?? /* @__PURE__ */ w(V, {
+			title: h.emptyTitle,
+			description: h.emptyDescription,
+			action: r ? /* @__PURE__ */ w(i, {
+				type: "button",
+				onClick: r,
+				icon: L,
+				children: h.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ w(_, { children: n.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,
+					icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
+					onClick: () => n(),
+					variant: "ghost"
+				}] : [],
+				...r ? [{
+					id: "edit",
+					label: h.editLabel,
+					icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+					onClick: () => r(),
+					variant: "ghost"
+				}] : [],
+				...i ? [{
+					id: "delete",
+					label: h.deleteLabel,
+					icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+					onClick: () => i(),
+					variant: "destructive"
+				}] : []
+			];
+			return /* @__PURE__ */ w(be, {
+				metric: e,
+				actions: l ? l(e, {
+					index: t,
+					onSelect: n,
+					onEdit: r,
+					onDelete: i
+				}) : /* @__PURE__ */ w(W, {
+					item: e,
+					actions: a,
+					menuLabel: h.actionsLabel
+				})
+			}, e.id);
+		}) })
+	});
+}
+De.displayName = "ProductStructureCard";
+//#endregion
+//#region src/components/features/products/components/product-variant-action-menu.tsx
+function Z({ variant: n, index: r = 0, onSelectVariant: i, onEditVariant: a, onDuplicateVariant: o, onDeleteVariant: s, renderVariantActions: c, menuLabel: l, className: u, strings: d }) {
+	let f = e(pe, d), p = i ? () => i(n) : void 0, m = a ? () => a(n) : void 0, h = o ? () => o(n) : void 0, g = s ? () => s(n) : void 0;
+	return p || m || h || g || c ? c ? /* @__PURE__ */ w("div", {
+		className: t("product-variant-action-menu--component flex justify-end", u),
+		children: c(n, {
+			index: r,
+			onSelect: p,
+			onEdit: m,
+			onDuplicate: h,
+			onDelete: g
+		})
+	}) : /* @__PURE__ */ w(W, {
+		item: n,
+		menuLabel: l ?? f.actionsLabel,
+		className: t("product-variant-action-menu--component", u),
+		actions: [
+			...p ? [{
+				id: "open",
+				label: f.viewLabel,
+				icon: /* @__PURE__ */ w(j, { className: "size-3.5" }),
+				onClick: () => p(),
+				variant: "ghost"
+			}] : [],
+			...m ? [{
+				id: "edit",
+				label: f.editLabel,
+				icon: /* @__PURE__ */ w(I, { className: "size-3.5" }),
+				onClick: () => m(),
+				variant: "ghost"
+			}] : [],
+			...h ? [{
+				id: "duplicate",
+				label: f.duplicateLabel,
+				icon: /* @__PURE__ */ w(A, { className: "size-3.5" }),
+				onClick: () => h(),
+				variant: "ghost"
+			}] : [],
+			...g ? [{
+				id: "delete",
+				label: f.deleteLabel,
+				icon: /* @__PURE__ */ w(B, { className: "size-3.5" }),
+				onClick: () => g(),
+				variant: "destructive"
+			}] : []
+		]
+	}) : null;
+}
+Z.displayName = "ProductVariantActionMenu";
+//#endregion
+//#region src/components/features/products/partials/product-variant-table-parts.tsx
+function Oe({ variant: e, index: n, onSelectVariant: r, onEditVariant: i, onDuplicateVariant: a, onDeleteVariant: o, renderVariantActions: s, strings: c, className: l }) {
+	return /* @__PURE__ */ w(Z, {
+		variant: e,
+		index: n,
+		onSelectVariant: r,
+		onEditVariant: i,
+		onDuplicateVariant: a,
+		onDeleteVariant: o,
+		renderVariantActions: s,
+		menuLabel: c.headers.actions,
+		className: t("product-variant-actions--component product-variants-table--row-actions", l),
+		strings: {
+			viewLabel: c.viewLabel,
+			editLabel: c.editLabel,
+			duplicateLabel: c.duplicateLabel,
+			deleteLabel: c.deleteLabel,
+			actionsLabel: c.headers.actions
+		}
+	});
+}
+function Q({ label: e, children: r, 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, {
+			size: "xxs",
+			type: "secondary",
+			className: "uppercase tracking-wide lg:sr-only",
+			children: e
+		}), /* @__PURE__ */ w(n, {
+			size: "xs",
+			type: "secondary",
+			weight: o,
+			className: t("truncate", a),
+			children: r
+		})]
+	});
+}
+//#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, {
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		onClick: s,
+		icon: L,
+		children: v.createLabel
+	}) : void 0;
+	return /* @__PURE__ */ w(a, {
+		icon: /* @__PURE__ */ w(P, { className: "size-4" }),
+		title: v.title,
+		description: v.description,
+		actions: p,
+		headerAction: x,
+		footerSlot: m,
+		contentClassName: "mt-1",
+		className: t("product-variants-table--component w-full", g),
+		children: o.length === 0 ? h ?? /* @__PURE__ */ w(V, {
+			title: v.emptyTitle,
+			description: v.emptyDescription,
+			action: s ? /* @__PURE__ */ w(i, {
+				type: "button",
+				onClick: s,
+				icon: L,
+				children: v.createLabel
+			}) : void 0
+		}) : /* @__PURE__ */ w("div", {
+			className: "product-variants-table--table rounded-md border border-border",
+			children: /* @__PURE__ */ T("div", {
+				className: "lg:min-w-[34rem]",
+				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, {
+							tag: "span",
+							size: "xs",
+							weight: "semibold",
+							type: "secondary",
+							children: v.headers.variant
+						}),
+						/* @__PURE__ */ w(n, {
+							tag: "span",
+							size: "xs",
+							weight: "semibold",
+							type: "secondary",
+							children: v.headers.price
+						}),
+						/* @__PURE__ */ w(n, {
+							tag: "span",
+							size: "xs",
+							weight: "semibold",
+							type: "secondary",
+							children: v.headers.inventory
+						}),
+						/* @__PURE__ */ w(n, {
+							tag: "span",
+							size: "xs",
+							weight: "semibold",
+							type: "secondary",
+							children: v.headers.sku
+						}),
+						/* @__PURE__ */ w(n, {
+							tag: "span",
+							size: "xs",
+							weight: "semibold",
+							type: "secondary",
+							children: v.headers.updated
+						})
+					]
+				}), /* @__PURE__ */ w("div", {
+					className: "divide-y divide-border",
+					children: o.map((e, i) => /* @__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", {
+								className: "min-w-0",
+								children: /* @__PURE__ */ T("div", {
+									className: "flex min-w-0 items-start gap-2",
+									children: [/* @__PURE__ */ T("div", {
+										className: "min-w-0 flex-1",
+										children: [
+											/* @__PURE__ */ T("div", {
+												className: "flex min-w-0 flex-wrap items-center gap-2",
+												children: [/* @__PURE__ */ w(n, {
+													weight: "semibold",
+													className: "truncate",
+													children: e.name
+												}), !!e.status && /* @__PURE__ */ w(r, {
+													variant: e.statusVariant ?? "secondary",
+													children: e.status
+												})]
+											}),
+											!!e.description && /* @__PURE__ */ w(n, {
+												size: "xs",
+												type: "secondary",
+												className: "mt-0.5",
+												children: e.description
+											}),
+											!!(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, {
+													variant: "secondary",
+													children: e
+												}, t)), !!e.channels && /* @__PURE__ */ T(n, {
+													tag: "span",
+													size: "xxs",
+													type: "secondary",
+													className: "pl-1",
+													children: [
+														v.headers.channels,
+														": ",
+														e.channels
+													]
+												})]
+											})
+										]
+									}), !!y && /* @__PURE__ */ w(Z, {
+										variant: e,
+										index: i,
+										onSelectVariant: c,
+										onEditVariant: l,
+										onDuplicateVariant: u,
+										onDeleteVariant: d,
+										renderVariantActions: f,
+										menuLabel: v.headers.actions,
+										className: "shrink-0",
+										strings: {
+											viewLabel: v.viewLabel,
+											editLabel: v.editLabel,
+											duplicateLabel: v.duplicateLabel,
+											deleteLabel: v.deleteLabel,
+											actionsLabel: v.headers.actions
+										}
+									})]
+								})
+							}),
+							/* @__PURE__ */ w(Q, {
+								label: v.headers.price,
+								weight: "semibold",
+								textClassName: "tabular-nums text-foreground",
+								children: e.price ?? "-"
+							}),
+							/* @__PURE__ */ w(Q, {
+								label: v.headers.inventory,
+								textClassName: "tabular-nums",
+								children: e.inventory ?? "-"
+							}),
+							/* @__PURE__ */ w(Q, {
+								label: v.headers.sku,
+								textClassName: "tabular-nums",
+								children: e.sku ?? "-"
+							}),
+							/* @__PURE__ */ w(Q, {
+								label: v.headers.updated,
+								children: e.updatedAt ?? "-"
+							})
+						]
+					}, e.id))
+				})]
+			})
+		})
+	});
+}
+ke.displayName = "ProductVariantsTable";
+//#endregion
+//#region src/components/features/products/components/product-overview.tsx
+function $({ details: n, contract: r, options: i, variants: a, readiness: o, structure: s, operations: c, quote: l, policies: u, slots: d, className: f, mainClassName: p, railClassName: m, strings: h }) {
+	let g = e(ge, h), _ = !!(o || s || c || l || u || d?.railTop || d?.railBottom);
+	return /* @__PURE__ */ T("div", {
+		className: t("product-overview--component @container/product-overview space-y-4", f),
+		children: [
+			d?.before,
+			/* @__PURE__ */ T("div", {
+				className: t("grid gap-4", _ && "@5xl/product-overview:grid-cols-[minmax(0,1fr)_22rem]"),
+				children: [/* @__PURE__ */ T("section", {
+					"aria-label": g.mainLabel,
+					className: t("product-overview--main min-w-0 space-y-4", p),
+					children: [
+						d?.mainTop,
+						!!n && /* @__PURE__ */ w(q, { ...n }),
+						!!r && /* @__PURE__ */ w(K, { ...r }),
+						!!i && /* @__PURE__ */ w(Ce, { ...i }),
+						!!a && /* @__PURE__ */ w(ke, { ...a }),
+						d?.mainBottom
+					]
+				}), !!_ && /* @__PURE__ */ T("aside", {
+					"aria-label": g.railLabel,
+					className: t("product-overview--rail min-w-0 space-y-4", m),
+					children: [
+						d?.railTop,
+						!!o && /* @__PURE__ */ w(X, { ...o }),
+						!!s && /* @__PURE__ */ w(De, { ...s }),
+						!!c && /* @__PURE__ */ w(Y, { ...c }),
+						!!l && /* @__PURE__ */ w(Ee, { ...l }),
+						!!u && /* @__PURE__ */ w(we, { ...u }),
+						d?.railBottom
+					]
+				})]
+			}),
+			d?.after
+		]
+	});
+}
+$.displayName = "ProductOverview";
+//#endregion
+//#region src/components/features/products/components/product-variant-details.tsx
+var Ae = (e) => e != null && e !== !1 && e !== "";
+function je(e, t) {
+	return [
+		{
+			label: t.price,
+			value: e.price
+		},
+		{
+			label: t.inventory,
+			value: e.inventory
+		},
+		{
+			label: t.sku,
+			value: e.sku
+		},
+		{
+			label: t.channels,
+			value: e.channels
+		},
+		{
+			label: t.updated,
+			value: e.updatedAt
+		}
+	].filter((e) => 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", {
+		className: "product-variant-details--header-actions flex items-center gap-2",
+		children: [!!u && /* @__PURE__ */ w(i, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "ghost",
+			onClick: u,
+			icon: E,
+			children: A.backLabel
+		}), !!M && o && /* @__PURE__ */ w(Z, {
+			variant: o,
+			onSelectVariant: d,
+			onEditVariant: f,
+			onDuplicateVariant: m,
+			onDeleteVariant: h,
+			renderVariantActions: S
+		})]
+	}), F = o?.options ?? [];
+	return /* @__PURE__ */ w(a, {
+		icon: /* @__PURE__ */ w(P, { className: "size-4" }),
+		title: o?.name ?? A.title,
+		titleSuffix: o?.status ? /* @__PURE__ */ w(r, {
+			variant: o.statusVariant ?? "secondary",
+			children: o.status
+		}) : void 0,
+		description: o?.description ?? A.description,
+		actions: v,
+		headerAction: u || M ? N : void 0,
+		headerEnd: y,
+		footerSlot: b,
+		contentClassName: "mt-1",
+		className: t("product-variant-details--component w-full", O),
+		children: o ? /* @__PURE__ */ T("div", {
+			className: "product-variant-details--body grid gap-5",
+			children: [
+				!!l && /* @__PURE__ */ w("div", {
+					className: "product-variant-details--media overflow-hidden rounded-md border border-border bg-muted/30",
+					children: l
+				}),
+				C ? C(o) : /* @__PURE__ */ w(p, {
+					title: A.factsTitle,
+					items: j,
+					columns: 3,
+					dense: !0,
+					className: "product-variant-details--metadata"
+				}),
+				!!F.length && /* @__PURE__ */ T("div", {
+					className: "product-variant-details--selected-options space-y-2",
+					children: [/* @__PURE__ */ w(n, {
+						weight: "semibold",
+						children: A.selectedOptionsTitle
+					}), /* @__PURE__ */ w("div", {
+						className: "flex flex-wrap gap-1.5",
+						children: F.map((e, t) => /* @__PURE__ */ w(r, {
+							variant: "secondary",
+							children: e
+						}, t))
+					})]
+				}),
+				!!c.length && /* @__PURE__ */ T("div", {
+					className: "product-variant-details--related-options space-y-2",
+					children: [/* @__PURE__ */ w(n, {
+						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, {
+						item: e,
+						actionLabel: A.viewOptionLabel,
+						onSelect: g ? () => g(e) : void 0
+					}, e.id)) })]
+				})
+			]
+		}) : x ?? /* @__PURE__ */ w(V, {
+			title: A.emptyTitle,
+			description: A.emptyDescription
+		})
+	});
+}
+Me.displayName = "ProductVariantDetails";
+//#endregion
+//#region src/components/features/products/components/product-variant-editor.tsx
+var Ne = (e) => e.map((e) => ({
+	value: e.value,
+	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) => {
+		A || M(e), p?.(e);
+	}, L = (e, t) => {
+		F({
+			...N,
+			[e]: t
+		});
+	}, R = (e, t) => {
+		F({
+			...N,
+			options: {
+				...N.options ?? {},
+				[e.id]: t
+			}
+		});
+	}, te = (e) => {
+		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, {
+			type: "button",
+			variant: "error",
+			buttonStyle: "ghost",
+			onClick: () => g(N),
+			disabled: P,
+			icon: B,
+			children: O.deleteLabel
+		}) }), /* @__PURE__ */ T("div", {
+			className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+			children: [!!h && /* @__PURE__ */ w(i, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				onClick: h,
+				disabled: P,
+				icon: ne,
+				children: O.cancelLabel
+			}), !!m && /* @__PURE__ */ w(i, {
+				type: "submit",
+				form: k,
+				disabled: P,
+				icon: ee,
+				children: x ? O.savingLabel : O.saveLabel
+			})]
+		})]
+	}), re = !!(g || h || m);
+	return /* @__PURE__ */ w(a, {
+		icon: /* @__PURE__ */ w(I, { className: "size-4" }),
+		title: O.title,
+		description: O.description,
+		actions: _,
+		headerEnd: v,
+		footerSlot: y ?? (re ? z : void 0),
+		footerDivider: !0,
+		contentClassName: "mt-1",
+		className: t("product-variant-editor--component w-full", E),
+		children: /* @__PURE__ */ T("form", {
+			id: k,
+			className: "product-variant-editor--form grid gap-5",
+			onSubmit: te,
+			children: [
+				/* @__PURE__ */ T("section", {
+					className: "product-variant-editor--section grid gap-3",
+					children: [/* @__PURE__ */ w(n, {
+						weight: "semibold",
+						children: O.identityTitle
+					}), /* @__PURE__ */ T("div", {
+						className: "grid gap-3 md:grid-cols-2",
+						children: [
+							/* @__PURE__ */ w(l, {
+								label: O.fields.name,
+								required: !0,
+								children: /* @__PURE__ */ w(o, {
+									value: N.name ?? "",
+									onChange: (e) => L("name", e.target.value),
+									placeholder: O.placeholders.name,
+									disabled: P
+								})
+							}),
+							/* @__PURE__ */ w(l, {
+								label: O.fields.sku,
+								children: /* @__PURE__ */ w(o, {
+									value: N.sku ?? "",
+									onChange: (e) => L("sku", e.target.value),
+									placeholder: O.placeholders.sku,
+									disabled: P
+								})
+							}),
+							/* @__PURE__ */ w(l, {
+								label: O.fields.description,
+								className: "md:col-span-2",
+								children: /* @__PURE__ */ w(c, {
+									value: N.description ?? "",
+									onChange: (e) => L("description", e.target.value),
+									placeholder: O.placeholders.description,
+									disabled: P,
+									autoResize: !0,
+									minRows: 2
+								})
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ T("section", {
+					className: "product-variant-editor--section grid gap-3",
+					children: [/* @__PURE__ */ w(n, {
+						weight: "semibold",
+						children: O.commercialTitle
+					}), /* @__PURE__ */ T("div", {
+						className: "grid gap-3 md:grid-cols-2",
+						children: [
+							/* @__PURE__ */ w(l, {
+								label: O.fields.price,
+								children: /* @__PURE__ */ w(o, {
+									value: N.price ?? "",
+									onChange: (e) => L("price", e.target.value),
+									placeholder: O.placeholders.price,
+									disabled: P
+								})
+							}),
+							/* @__PURE__ */ w(l, {
+								label: O.fields.inventory,
+								children: /* @__PURE__ */ w(o, {
+									value: N.inventory ?? "",
+									onChange: (e) => L("inventory", e.target.value),
+									placeholder: O.placeholders.inventory,
+									disabled: P,
+									inputMode: "numeric"
+								})
+							}),
+							/* @__PURE__ */ w(l, {
+								label: O.fields.status,
+								children: f.length > 0 ? /* @__PURE__ */ w(s, {
+									options: Ne(f),
+									value: N.status ?? null,
+									onChange: (e) => L("status", e ?? ""),
+									placeholder: O.statusPlaceholder,
+									disabled: P,
+									"aria-label": O.fields.status
+								}) : /* @__PURE__ */ w(o, {
+									value: N.status ?? "",
+									onChange: (e) => L("status", e.target.value),
+									placeholder: O.placeholders.status,
+									disabled: P
+								})
+							}),
+							/* @__PURE__ */ w(l, {
+								label: O.fields.channels,
+								children: /* @__PURE__ */ w(o, {
+									value: N.channels ?? "",
+									onChange: (e) => L("channels", e.target.value),
+									placeholder: O.placeholders.channels,
+									disabled: P
+								})
+							})
+						]
+					})]
+				}),
+				!!d.length && /* @__PURE__ */ T("section", {
+					className: "product-variant-editor--section grid gap-3",
+					children: [/* @__PURE__ */ w(n, {
+						weight: "semibold",
+						children: O.optionsTitle
+					}), /* @__PURE__ */ w("div", {
+						className: "grid gap-3 md:grid-cols-2",
+						children: d.map((e) => {
+							let t = e.value ?? N.options?.[e.id] ?? "", n = !!e.choices?.length;
+							return /* @__PURE__ */ w(l, {
+								label: e.label,
+								helperText: e.helperText,
+								children: n ? /* @__PURE__ */ w(s, {
+									options: Ne(e.choices ?? []),
+									value: t || null,
+									onChange: (t) => R(e, t),
+									placeholder: e.placeholder ?? O.optionPlaceholder,
+									disabled: P,
+									"aria-label": e.label
+								}) : /* @__PURE__ */ w(o, {
+									value: t,
+									onChange: (t) => R(e, t.target.value),
+									placeholder: e.placeholder ?? O.optionPlaceholder,
+									disabled: P
+								})
+							}, e.id);
+						})
+					})]
+				})
+			]
+		})
+	});
+}
+Pe.displayName = "ProductVariantEditor";
+//#endregion
+//#region src/components/features/products/products.tsx
+function Fe({ className: e, ...n }) {
+	return /* @__PURE__ */ w($, {
+		...n,
+		className: t("products--component", e)
+	});
+}
+Fe.displayName = "Products";
+//#endregion
+export { Te as PRODUCT_EMPTY_VALUE, _e as PRODUCT_TONE_BADGE, H as PRODUCT_TONE_SURFACE, K as ProductContractOverview, q as ProductDetailsCard, V as ProductEmptyState, ye as ProductMetricTile, Se as ProductOperationRow, Y as ProductOperationsCard, J as ProductOptionActionMenu, Ce as ProductOptionsSummary, $ as ProductOverview, we as ProductPoliciesCard, Ee as ProductQuotePreviewCard, X as ProductReadinessCard, xe as ProductReadinessRow, W as ProductRowActions, De as ProductStructureCard, be as ProductStructureMetricRow, G as ProductSummaryRow, U as ProductToneDot, Z as ProductVariantActionMenu, Oe as ProductVariantActions, Q as ProductVariantCell, Me as ProductVariantDetails, Pe as ProductVariantEditor, ke as ProductVariantsTable, Fe as Products, ve as clampProductPercent, se as defaultProductContractOverviewStrings, oe as defaultProductDetailsCardStrings, ae as defaultProductOperationsCardStrings, le as defaultProductOptionActionMenuStrings, ce as defaultProductOptionsSummaryStrings, ge as defaultProductOverviewStrings, de as defaultProductPoliciesCardStrings, ue as defaultProductQuotePreviewCardStrings, re as defaultProductReadinessCardStrings, ie as defaultProductStructureCardStrings, pe as defaultProductVariantActionMenuStrings, me as defaultProductVariantDetailsStrings, he as defaultProductVariantEditorStrings, fe as defaultProductVariantsTableStrings };
+
+//# sourceMappingURL=index.js.map