themelia-react-ui 1.0.0 → 1.0.1

package/dist/features/products.js

@@ -3,21 +3,22 @@ import { interpolateString as e, useStrings as t } from "../lib/strings.js";
 import { t as n } from "../utils-C2EKeIw3.js";
 import { n as r } from "../buttons-Co6GavvM.js";
 import { a as i, r as a } from "../typography-Cv8MT-82.js";
-import { r as o, t as s } from "../structure-BvW4vG4H.js";
-import { r as c } from "../feedback-a9j9J-9A.js";
-import { i as l, t as u } from "../overlays-DBqV0J_V.js";
+import { r as o, t as s } from "../structure-MvKVq-oL.js";
+import { t as c } from "../progress-BOe8l_FZ.js";
+import { i as l, t as u } from "../overlays-B11wZka6.js";
 import { _ as d, g as f } from "../primitives-DKPOGVpj.js";
 import { n as p } from "../number-BNT_BIzJ.js";
 import { t as m } from "../badge-BZXZT9wd.js";
-import { t as h } from "../input-DMorJiTI.js";
-import { d as g } from "../text-inputs-BhOcedTo.js";
-import { n as _ } from "../display-ByI5tkqy.js";
-import { t as v } from "../form-field-C6W-y2hR.js";
-import { c as y, l as b, s as ee } from "../choice-inputs-CavA-SGV.js";
+import { t as h } from "../input-WwYQZJzG.js";
+import { d as g } from "../text-inputs-Dh9XGyiS.js";
+import { n as _ } from "../display-CFM5myut.js";
+import { t as v } from "../form-field-Bn7ZH1rA.js";
+import { c as y, s as ee } from "../choice-inputs-CC7XqPQO.js";
+import { t as b } from "../checkbox-BavDRjF7.js";
 import { c as x, i as S, n as C, o as w, r as T, t as E, u as D } from "../item-pJ0GsOiJ.js";
 import { c as O, i as k, n as te, o as A, s as j, t as M } from "../table-DnlAJ-xR.js";
-import { g as N, l as P, n as ne } from "../data-display-b3d1TfL4.js";
-import { O as re, f as ie } from "../table-ghtAQ-JJ.js";
+import { g as N, l as P, n as ne } from "../data-display-cWIRdeaf.js";
+import { O as re, f as ie } from "../table-BS39xnlq.js";
 import { Fragment as ae, useCallback as F, useId as oe, useMemo as I, useState as se } from "react";
 import { Fragment as ce, jsx as L, jsxs as R } from "react/jsx-runtime";
 import { ArrowLeft as le, ArrowRight as ue, Box as de, ChevronDown as fe, ClipboardCheck as z, Copy as pe, Eye as me, FileText as B, GripVertical as he, Layers3 as ge, ListChecks as _e, ListFilter as ve, PackageCheck as ye, Pencil as V, Plus as H, PlusCircle as U, ReceiptText as be, RefreshCw as xe, Save as Se, Search as W, ShieldCheck as Ce, SlidersHorizontal as G, Trash2 as K, X as q } from "lucide-react";
@@ -529,8 +530,8 @@ function qe({ item: e, actionLabel: t, onSelect: a, actions: o }) {
 }
 //#endregion
 //#region src/components/features/products/components/product-contract-overview.tsx
-function Je({ metrics: e = [], terms: a = [], rules: c = [], onOpenContract: l, onEditContract: u, onCreateRule: d, onSelectRule: f, onEditRule: p, onDeleteRule: m, renderRuleActions: h, actions: g, footerSlot: v, empty: y, className: b, strings: ee }) {
-	let x = t(Ee, ee), S = e.length > 0 || a.length > 0 || c.length > 0, C = l || u || d ? /* @__PURE__ */ R("div", {
+function Je({ metrics: e = [], terms: a = [], rules: c = [], onOpenContract: l, onEditContract: u, onCreateRule: d, onSelectRule: f, onEditRule: p, onDeleteRule: m, renderRuleActions: h, actions: g, footerSlot: v, empty: y, className: ee, strings: b }) {
+	let x = t(Ee, b), S = e.length > 0 || a.length > 0 || c.length > 0, C = l || u || d ? /* @__PURE__ */ R("div", {
 		className: "flex items-center gap-space-md",
 		children: [
 			!!d && /* @__PURE__ */ L(r, {
@@ -568,7 +569,7 @@ function Je({ metrics: e = [], terms: a = [], rules: c = [], onOpenContract: l,
 		headerAction: C,
 		footerSlot: v,
 		contentClassName: "mt-1",
-		className: n("product-contract-overview--component w-full", b),
+		className: n("product-contract-overview--component w-full", ee),
 		children: S ? /* @__PURE__ */ R(s, {
 			gap: "xl",
 			children: [
@@ -1341,7 +1342,7 @@ function rt({ options: e = [], onManageOptions: i, onCreateOption: a, onSelectOp
 		label: g.manageLabel,
 		icon: /* @__PURE__ */ L(G, { className: "size-icon-md" }),
 		onClick: i
-	}] : []], b = a || i ? /* @__PURE__ */ L(r, {
+	}] : []], ee = a || i ? /* @__PURE__ */ L(r, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -1354,7 +1355,7 @@ function rt({ options: e = [], onManageOptions: i, onCreateOption: a, onSelectOp
 		title: g.title,
 		description: g.description,
 		actions: y.length > 0 ? y : void 0,
-		headerAction: b,
+		headerAction: ee,
 		footerSlot: d,
 		contentClassName: "mt-1",
 		className: n("product-options-summary--component w-full", m),
@@ -1456,7 +1457,7 @@ function it({ policies: e = [], onCreatePolicy: i, onSelectPolicy: a, onEditPoli
 it.displayName = "ProductPoliciesCard";
 //#endregion
 //#region src/components/features/products/components/product-quote-preview-card.tsx
-function at({ lines: e = [], subtotal: a, tax: o, discount: c, total: l, onOpenQuote: u, onCreateLine: f, onSelectLine: p, onEditLine: m, onDeleteLine: h, renderLineActions: g, actions: v, footerSlot: y, empty: b, className: ee, strings: x }) {
+function at({ lines: e = [], subtotal: a, tax: o, discount: c, total: l, onOpenQuote: u, onCreateLine: f, onSelectLine: p, onEditLine: m, onDeleteLine: h, renderLineActions: g, actions: v, footerSlot: y, empty: ee, className: b, strings: x }) {
 	let O = t(Q, x), k = f || u ? /* @__PURE__ */ R("div", {
 		className: "flex items-center gap-space-md",
 		children: [!!f && /* @__PURE__ */ L(r, {
@@ -1484,8 +1485,8 @@ function at({ lines: e = [], subtotal: a, tax: o, discount: c, total: l, onOpenQ
 		headerAction: k,
 		footerSlot: y,
 		contentClassName: "mt-1",
-		className: n("product-quote-preview-card--component w-full", ee),
-		children: e.length === 0 ? b ?? /* @__PURE__ */ L($, {
+		className: n("product-quote-preview-card--component w-full", b),
+		children: e.length === 0 ? ee ?? /* @__PURE__ */ L($, {
 			title: O.emptyTitle,
 			description: O.emptyDescription,
 			action: f ? /* @__PURE__ */ L(r, {
@@ -1585,7 +1586,7 @@ function at({ lines: e = [], subtotal: a, tax: o, discount: c, total: l, onOpenQ
 at.displayName = "ProductQuotePreviewCard";
 //#endregion
 //#region src/components/features/products/components/product-readiness-card.tsx
-function ot({ items: e = [], score: a, scoreLabel: o, summary: l, onCreateReadinessItem: u, onSelectReadinessItem: d, onEditReadinessItem: f, onDeleteReadinessItem: m, renderReadinessItemActions: h, actions: g, footerSlot: v, renderItem: y, empty: b, className: ee, strings: x }) {
+function ot({ items: e = [], score: a, scoreLabel: o, summary: l, onCreateReadinessItem: u, onSelectReadinessItem: d, onEditReadinessItem: f, onDeleteReadinessItem: m, renderReadinessItemActions: h, actions: g, footerSlot: v, renderItem: y, empty: ee, className: b, strings: x }) {
 	let S = t(J, x), C = a === void 0 ? void 0 : Re(a), T = u ? /* @__PURE__ */ L(r, {
 		type: "button",
 		tone: "secondary",
@@ -1602,7 +1603,7 @@ function ot({ items: e = [], score: a, scoreLabel: o, summary: l, onCreateReadin
 		headerAction: T,
 		footerSlot: v,
 		contentClassName: "mt-1",
-		className: n("product-readiness-card--component w-full", ee),
+		className: n("product-readiness-card--component w-full", b),
 		children: [
 			C !== void 0 && /* @__PURE__ */ R("div", {
 				className: "mb-space-lg rounded-radius-md border border-border bg-muted/20 p-surface",
@@ -1634,7 +1635,7 @@ function ot({ items: e = [], score: a, scoreLabel: o, summary: l, onCreateReadin
 				className: "mb-space-lg leading-relaxed",
 				children: l
 			}),
-			e.length === 0 ? b ?? /* @__PURE__ */ L($, {
+			e.length === 0 ? ee ?? /* @__PURE__ */ L($, {
 				title: S.emptyTitle,
 				description: S.emptyDescription,
 				action: u ? /* @__PURE__ */ L(r, {
@@ -2088,8 +2089,8 @@ function mt(e, t) {
 		}
 	].filter((e) => pt(e.value));
 }
-function ht({ variant: e, metadata: a, optionItems: o = [], media: c, onBack: l, onSelectVariant: u, onEditVariant: d, onDuplicateVariant: f, onDeleteVariant: p, onSelectOption: h, actions: g, headerEnd: v, footerSlot: y, empty: b, renderActions: ee, renderMetadata: x, renderOption: S, className: C, strings: T }) {
-	let E = t(Ne, T), D = e ? a ?? mt(e, E.metadata) : [], O = !!(e && (u || d || f || p || ee)), k = /* @__PURE__ */ R("div", {
+function ht({ variant: e, metadata: a, optionItems: o = [], media: c, onBack: l, onSelectVariant: u, onEditVariant: d, onDuplicateVariant: f, onDeleteVariant: p, onSelectOption: h, actions: g, headerEnd: v, footerSlot: y, empty: ee, renderActions: b, renderMetadata: x, renderOption: S, className: C, strings: T }) {
+	let E = t(Ne, T), D = e ? a ?? mt(e, E.metadata) : [], O = !!(e && (u || d || f || p || b)), k = /* @__PURE__ */ R("div", {
 		className: "product-variant-details--header-actions flex items-center gap-space-md",
 		children: [!!l && /* @__PURE__ */ L(r, {
 			type: "button",
@@ -2104,7 +2105,7 @@ function ht({ variant: e, metadata: a, optionItems: o = [], media: c, onBack: l,
 			onEditVariant: d,
 			onDuplicateVariant: f,
 			onDeleteVariant: p,
-			renderVariantActions: ee
+			renderVariantActions: b
 		})]
 	}), te = e?.options ?? [];
 	return /* @__PURE__ */ L(_, {
@@ -2163,7 +2164,7 @@ function ht({ variant: e, metadata: a, optionItems: o = [], media: c, onBack: l,
 					}, e.id)) })]
 				})
 			]
-		}) : b ?? /* @__PURE__ */ L($, {
+		}) : ee ?? /* @__PURE__ */ L($, {
 			title: E.emptyTitle,
 			description: E.emptyDescription
 		})
@@ -2177,8 +2178,8 @@ var gt = (e) => e.map((e) => ({
 	label: e.label,
 	disabled: e.disabled
 }));
-function _t({ value: e, defaultValue: a, optionFields: o = [], statusOptions: s = [], onValueChange: c, onSubmit: l, onError: u, onCancel: d, onDelete: f, actions: p, headerEnd: m, footerSlot: y, disabled: ee = !1, submitting: x = !1, className: S, strings: C }) {
-	let w = t(Pe, C), T = oe(), E = e !== void 0, [D, O] = se(a ?? {}), [k, te] = se(!1), A = (E ? e : D) ?? {}, j = x || k, M = ee || j, N = (e) => {
+function _t({ value: e, defaultValue: a, optionFields: o = [], statusOptions: s = [], onValueChange: c, onSubmit: l, onError: u, onCancel: d, onDelete: f, actions: p, headerEnd: m, footerSlot: ee, disabled: b = !1, submitting: x = !1, className: S, strings: C }) {
+	let w = t(Pe, C), T = oe(), E = e !== void 0, [D, O] = se(a ?? {}), [k, te] = se(!1), A = (E ? e : D) ?? {}, j = x || k, M = b || j, N = (e) => {
 		E || O(e), c?.(e);
 	}, P = (e, t) => {
 		N({
@@ -2239,7 +2240,7 @@ function _t({ value: e, defaultValue: a, optionFields: o = [], statusOptions: s
 		description: w.description,
 		actions: p,
 		headerEnd: m,
-		footerSlot: y ?? (ae ? ie : void 0),
+		footerSlot: ee ?? (ae ? ie : void 0),
 		footerDivider: !0,
 		contentClassName: "mt-1",
 		className: n("product-variant-editor--component @container/product-variant-editor w-full", S),
@@ -2319,7 +2320,7 @@ function _t({ value: e, defaultValue: a, optionFields: o = [], statusOptions: s
 							}),
 							/* @__PURE__ */ L(v, {
 								label: w.fields.status,
-								children: s.length > 0 ? /* @__PURE__ */ L(b, {
+								children: s.length > 0 ? /* @__PURE__ */ L(y, {
 									options: gt(s),
 									value: A.status ?? null,
 									onValueChange: (e) => P("status", e ?? ""),
@@ -2357,7 +2358,7 @@ function _t({ value: e, defaultValue: a, optionFields: o = [], statusOptions: s
 							return /* @__PURE__ */ L(v, {
 								label: e.label,
 								helperText: e.helperText,
-								children: n ? /* @__PURE__ */ L(b, {
+								children: n ? /* @__PURE__ */ L(y, {
 									options: gt(e.choices ?? []),
 									value: t || null,
 									onValueChange: (t) => ne(e, t),
@@ -2451,8 +2452,8 @@ function Pt(e, t, r, i, a) {
 		children: kt(e)
 	});
 }
-function Ft({ variants: e = [], optionGroups: o = [], groupByOptionId: c, visibleColumns: l = vt, optionCombinationDisplay: u = yt, cellDisplay: d = bt, selectionMode: f, renderOptionCombination: p, renderCell: h, selectedVariantIds: g, defaultSelectedVariantIds: v = [], onSelectedVariantIdsChange: b, onVariantFieldChange: ee, onVariantFieldBlur: x, onCreateVariant: S, onGenerateVariants: C, onSelectVariant: w, onEditVariant: T, onDuplicateVariant: E, onDeleteVariant: D, onBulkEdit: N, onBulkApply: P, onBulkDelete: ne, renderVariantActions: re, renderBulkActions: ie, actions: oe, headerEnd: ce, footerSlot: le, empty: ue, surface: de = "card", className: fe, strings: z }) {
-	let B = t(Ae, z), he = g !== void 0, [ge, ve] = se(v), ye = !!(ie || N || P || ne), U = (f ?? (ye || he || b ? xt : "none")) === "multiple", be = I(() => U ? he ? g : ge : [], [
+function Ft({ variants: e = [], optionGroups: o = [], groupByOptionId: c, visibleColumns: l = vt, optionCombinationDisplay: u = yt, cellDisplay: d = bt, selectionMode: f, renderOptionCombination: p, renderCell: h, selectedVariantIds: g, defaultSelectedVariantIds: v = [], onSelectedVariantIdsChange: y, onVariantFieldChange: ee, onVariantFieldBlur: x, onCreateVariant: S, onGenerateVariants: C, onSelectVariant: w, onEditVariant: T, onDuplicateVariant: E, onDeleteVariant: D, onBulkEdit: N, onBulkApply: P, onBulkDelete: ne, renderVariantActions: re, renderBulkActions: ie, actions: oe, headerEnd: ce, footerSlot: le, empty: ue, surface: de = "card", className: fe, strings: z }) {
+	let B = t(Ae, z), he = g !== void 0, [ge, ve] = se(v), ye = !!(ie || N || P || ne), U = (f ?? (ye || he || y ? xt : "none")) === "multiple", be = I(() => U ? he ? g : ge : [], [
 		ge,
 		U,
 		he,
@@ -2477,10 +2478,10 @@ function Ft({ variants: e = [], optionGroups: o = [], groupByOptionId: c, visibl
 		}), t;
 	}, [q, e]), Y = U && ye, Ee = e.length > 0, X = U && Ee && e.every((e) => Ce.has(e.id)), Z = !!(w || T || E || D || re), De = l.filter((e) => G.has(e)).length + +!!U + +!!Z, Q = F((e) => {
 		let t = Ot(e, Se);
-		he || ve(e), b?.(e, t);
+		he || ve(e), y?.(e, t);
 	}, [
 		he,
-		b,
+		y,
 		Se
 	]), Oe = F(() => Q([]), [Q]), ke = F((e, t) => {
 		if (!U) return;
@@ -2623,7 +2624,7 @@ function Ft({ variants: e = [], optionGroups: o = [], groupByOptionId: c, visibl
 							U && /* @__PURE__ */ L(A, {
 								className: "w-14 min-w-14 max-w-14 px-0 py-space-md text-center align-middle",
 								style: { width: "3.5rem" },
-								children: /* @__PURE__ */ L(y, {
+								children: /* @__PURE__ */ L(b, {
 									checked: X,
 									onCheckedChange: je,
 									"aria-label": B.selectAllLabel,
@@ -2690,10 +2691,10 @@ function Ft({ variants: e = [], optionGroups: o = [], groupByOptionId: c, visibl
 							onDelete: D ? () => D(e) : void 0,
 							isSelected: f,
 							onToggleSelected: U ? (t) => ke(e, t) : void 0
-						}, _ = q ? o.filter((e) => e.id !== q.id) : o, v = Tt(e, _), b = q ? wt({
+						}, _ = q ? o.filter((e) => e.id !== q.id) : o, v = Tt(e, _), y = q ? wt({
 							...e,
 							name: void 0
-						}, _) : wt(e, o), S = b === "-" && q ? wt(e, o) : b, C = Et(v), te = C === St(S), A = (t, r, i = bt) => {
+						}, _) : wt(e, o), S = y === "-" && q ? wt(e, o) : y, C = Et(v), te = C === St(S), A = (t, r, i = bt) => {
 							let a = jt(t) && ee ? (i) => ee(e, t, i, Nt(n, t, r, i)) : void 0, o = jt(t) && x ? (i) => x(e, t, i, Nt(n, t, r, i)) : void 0;
 							return {
 								index: n,
@@ -2776,7 +2777,7 @@ function Ft({ variants: e = [], optionGroups: o = [], groupByOptionId: c, visibl
 								U && /* @__PURE__ */ L(k, {
 									className: "w-14 min-w-14 max-w-14 px-0 py-space-lg text-center align-middle",
 									style: { width: "3.5rem" },
-									children: /* @__PURE__ */ L(y, {
+									children: /* @__PURE__ */ L(b, {
 										checked: f,
 										onCheckedChange: (t) => ke(e, t),
 										"aria-label": B.selectRowLabel(n),
@@ -2878,7 +2879,7 @@ function Ft({ variants: e = [], optionGroups: o = [], groupByOptionId: c, visibl
 Ft.displayName = "ProductVariantsBulkTable";
 //#endregion
 //#region src/components/features/products/components/product-variants-manager.tsx
-function It({ optionGroups: e = [], variants: a = [], visibleColumns: o, optionCombinationDisplay: c, cellDisplay: l, selectionMode: u, renderOptionCombination: d, renderCell: f, selectedVariantIds: p, defaultSelectedVariantIds: m, onSelectedVariantIdsChange: h, onVariantFieldChange: g, onVariantFieldBlur: v, collapsedOptionIds: y, defaultCollapsedOptionIds: ee, onCollapsedOptionIdsChange: x, editingOptionId: S, defaultEditingOptionId: C, onEditingOptionIdChange: w, onCreateOption: T, onEditOption: E, onDeleteOption: D, onAddValue: O, onDeleteValue: k, onOptionNameChange: te, onValueLabelChange: A, onDoneEditingOption: j, onSaveEditingOption: M, onCancelEditingOption: N, onToggleUsedForVariants: P, renderOptionActions: ne, renderValue: re, onCreateVariant: ie, onGenerateVariants: ae, onSelectVariant: oe, onEditVariant: ce, onDuplicateVariant: le, onDeleteVariant: ue, onBulkEdit: de, onBulkApply: fe, onBulkDelete: z, renderVariantActions: pe, renderBulkActions: me, groupByOptionId: B, defaultGroupByOptionId: he, onGroupByOptionIdChange: ge, onSearchVariants: _e, onFilterVariants: ye, controlsEnd: V, actions: U, headerEnd: be, footerSlot: Se, className: Ce, strings: G, optionsStrings: K, variantsStrings: q }) {
+function It({ optionGroups: e = [], variants: a = [], visibleColumns: o, optionCombinationDisplay: c, cellDisplay: l, selectionMode: u, renderOptionCombination: d, renderCell: f, selectedVariantIds: p, defaultSelectedVariantIds: m, onSelectedVariantIdsChange: h, onVariantFieldChange: g, onVariantFieldBlur: v, collapsedOptionIds: ee, defaultCollapsedOptionIds: b, onCollapsedOptionIdsChange: x, editingOptionId: S, defaultEditingOptionId: C, onEditingOptionIdChange: w, onCreateOption: T, onEditOption: E, onDeleteOption: D, onAddValue: O, onDeleteValue: k, onOptionNameChange: te, onValueLabelChange: A, onDoneEditingOption: j, onSaveEditingOption: M, onCancelEditingOption: N, onToggleUsedForVariants: P, renderOptionActions: ne, renderValue: re, onCreateVariant: ie, onGenerateVariants: ae, onSelectVariant: oe, onEditVariant: ce, onDuplicateVariant: le, onDeleteVariant: ue, onBulkEdit: de, onBulkApply: fe, onBulkDelete: z, renderVariantActions: pe, renderBulkActions: me, groupByOptionId: B, defaultGroupByOptionId: he, onGroupByOptionIdChange: ge, onSearchVariants: _e, onFilterVariants: ye, controlsEnd: V, actions: U, headerEnd: be, footerSlot: Se, className: Ce, strings: G, optionsStrings: K, variantsStrings: q }) {
 	let J = t(je, G), we = I(() => e.filter((e) => e.usedForVariants !== !1), [e]), Te = we[0]?.id ?? null, Y = B !== void 0, [Ee, X] = se(he ?? Te), Z = B ?? Ee ?? Te, De = I(() => we.map((e) => ({
 		value: e.id,
 		label: String(typeof e.name == "string" || typeof e.name == "number" ? e.name : e.id)
@@ -2928,8 +2929,8 @@ function It({ optionGroups: e = [], variants: a = [], visibleColumns: o, optionC
 					className: "product-variants-manager--options min-w-0 px-surface pb-space-lg",
 					children: /* @__PURE__ */ L(nt, {
 						optionGroups: e,
-						collapsedOptionIds: y,
-						defaultCollapsedOptionIds: ee,
+						collapsedOptionIds: ee,
+						defaultCollapsedOptionIds: b,
 						onCollapsedOptionIdsChange: x,
 						editingOptionId: S,
 						defaultEditingOptionId: C,
@@ -2973,7 +2974,7 @@ function It({ optionGroups: e = [], variants: a = [], visibleColumns: o, optionC
 								type: "secondary",
 								className: "whitespace-nowrap",
 								children: J.groupByLabel
-							}), De.length > 0 && /* @__PURE__ */ L(b, {
+							}), De.length > 0 && /* @__PURE__ */ L(y, {
 								options: De,
 								value: Z,
 								onValueChange: Q,