@tesouro/embedded-components-react 0.9.58 → 0.10.0

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/data-access/dist/index9.js

@@ -8,7 +8,7 @@ import { useEmbedApi as n } from "../../../data-access/dist/lib/EmbedApiContext.
 import { organizationHeaders as r } from "../../../data-access/dist/lib/organizationHeaders.js";
 import "../../../data-access/dist/index.js";
 import { useQuery as i } from "@tanstack/react-query";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/data-access/dist/index9.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/data-access/dist/index9.js
 function a({ enabled: a = !0 } = {}) {
 	let { client: o, organizationId: s, widgetToken: c, authEpoch: l, organizationStatus: u } = n(), d = !!(s && c) && a, f = e({
 		client: o,
@@ -22,5 +22,4 @@ function a({ enabled: a = !0 } = {}) {
 		enabled: d
 	});
 }
-//#endregion
 export { a as useMeasureUnitsQuery };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/MeasureUnitsManagerContainer.js

@@ -20,7 +20,7 @@ import { useDeleteMeasureUnitMutation as f } from "../../../data-access/dist/ind
 import "../../../data-access/dist/index.js";
 import { useCallback as p, useMemo as m, useState as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/MeasureUnitsManagerContainer.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/MeasureUnitsManagerContainer.js
 var y = {
 	name: "",
 	description: ""
@@ -45,19 +45,18 @@ function b({ open: b, onClose: x, suspended: S = !1, managerLabels: C, deleteLab
 	})), [Y.data]), Z = p(async () => {
 		if (S) return;
 		let e = i(N, E);
-		if (e) {
-			I(e);
-			return;
-		}
-		I(void 0);
-		try {
-			let e = await O.mutateAsync({ body: {
-				name: N.name.trim(),
-				description: N.description.trim() || void 0
-			} });
-			a(E.measureUnitCreated, e.name), P(y);
-		} catch (e) {
-			I(t(e) ?? E.createMeasureUnitError);
+		if (e) I(e);
+		else {
+			I(void 0);
+			try {
+				let e = await O.mutateAsync({ body: {
+					name: N.name.trim(),
+					description: N.description.trim() || void 0
+				} });
+				a(E.measureUnitCreated, e.name), P(y);
+			} catch (e) {
+				I(t(e) ?? E.createMeasureUnitError);
+			}
 		}
 	}, [
 		S,
@@ -72,22 +71,21 @@ function b({ open: b, onClose: x, suspended: S = !1, managerLabels: C, deleteLab
 	}, []), $ = p(async () => {
 		if (S || !L) return;
 		let e = i(z, E);
-		if (e) {
-			H(e);
-			return;
-		}
-		H(void 0);
-		try {
-			let e = await k.mutateAsync({
-				path: { unit_id: L },
-				body: {
-					name: z.name.trim(),
-					description: z.description.trim() || void 0
-				}
-			});
-			a(E.measureUnitUpdated, e.name), R(void 0);
-		} catch (e) {
-			H(t(e) ?? E.updateMeasureUnitError);
+		if (e) H(e);
+		else {
+			H(void 0);
+			try {
+				let e = await k.mutateAsync({
+					path: { unit_id: L },
+					body: {
+						name: z.name.trim(),
+						description: z.description.trim() || void 0
+					}
+				});
+				a(E.measureUnitUpdated, e.name), R(void 0);
+			} catch (e) {
+				H(t(e) ?? E.updateMeasureUnitError);
+			}
 		}
 	}, [
 		S,
@@ -152,5 +150,4 @@ function b({ open: b, onClose: x, suspended: S = !1, managerLabels: C, deleteLab
 		labels: w
 	})] });
 }
-//#endregion
 export { b as MeasureUnitsManagerContainer, b as default };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/ProductSelector.js

@@ -6,7 +6,7 @@ import { ProductSelector as e } from "../../../ui/dist/index7.js";
 import "../../../ui/dist/index.js";
 import { useProductSelector as t } from "./useProductSelector.js";
 import { jsx as n } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/ProductSelector.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/ProductSelector.js
 function r({ disabled: r, invalid: i, inputId: a, focusOnMount: o, maxLength: s, labels: c, ...l }) {
 	let u = t(l);
 	return /* @__PURE__ */ n(e, {
@@ -19,5 +19,4 @@ function r({ disabled: r, invalid: i, inputId: a, focusOnMount: o, maxLength: s,
 		labels: c
 	});
 }
-//#endregion
 export { r as ProductSelector, r as default };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/helpers.js

@@ -3,7 +3,7 @@ import { extractApiErrorMessage as t } from "../../../../util/dist/lib/apiErrors
 import { parseApiValidationErrors as n } from "../../../../util/dist/lib/apiValidationErrors.js";
 import "../../../../util/dist/index.js";
 import { PRODUCT_MESSAGE_LABELS_EN as r } from "./labels.js";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/helpers.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/helpers.js
 function i(e) {
 	try {
 		return new Intl.NumberFormat("en-US", {
@@ -170,5 +170,4 @@ function D() {
 	let e = globalThis.getSelection?.();
 	return !!(e && e.toString().length > 0);
 }
-//#endregion
 export { h as EMPTY_PRODUCT_FORM_VALUES, w as apiErrorToProductFormErrors, g as areProductFormValuesEqual, m as buildProductDetailsView, p as buildProductRows, d as buildUnitNamesById, f as buildUnitOptions, s as currencySymbol, c as formatPrice, u as formatProductDate, o as fromMinorUnits, T as hasProductFormErrors, D as hasSelectedText, v as productFormValuesToRequest, y as productFormValuesToUpdateRequest, _ as productToFormValues, a as toMinorUnits, E as validateMeasureUnit, S as validateProductForm };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/labels.js

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/labels.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/labels.js
 var e = {
 	nameRequired: "Product name is required",
 	nameTooLong: "Product name must be 100 characters or less",
@@ -19,5 +19,4 @@ var e = {
 	measureUnitDeleted: "Unit {name} was deleted from the list.",
 	deleteMeasureUnitError: "Failed to delete measure unit."
 };
-//#endregion
 export { e as PRODUCT_MESSAGE_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/toasts.js

@@ -2,7 +2,7 @@ import { toast as e } from "../../../../../../../packages/shared-ui-shadcn/dist/
 import { ToastNameMessage as t } from "../../../../ui/dist/lib/ToastNameMessage/ToastNameMessage.js";
 import "../../../../ui/dist/index.js";
 import { jsx as n } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/toasts.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/toasts.js
 var r = "{name}";
 function i(i, a) {
 	e.success(/* @__PURE__ */ n(t, {
@@ -10,5 +10,4 @@ function i(i, a) {
 		name: a
 	}));
 }
-//#endregion
 export { i as toastSuccessWithName };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useMeasureUnits.js

@@ -6,7 +6,7 @@ import { buildUnitNamesById as e, buildUnitOptions as t } from "./helpers.js";
 import { useMeasureUnitsQuery as n } from "../../../data-access/dist/index9.js";
 import "../../../data-access/dist/index.js";
 import { useMemo as r } from "react";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useMeasureUnits.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useMeasureUnits.js
 function i({ enabled: i = !0 } = {}) {
 	let a = n({ enabled: i });
 	return {
@@ -14,5 +14,4 @@ function i({ enabled: i = !0 } = {}) {
 		unitOptions: r(() => t(a.data?.data), [a.data])
 	};
 }
-//#endregion
 export { i as useMeasureUnits };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useProductForm.js

@@ -8,7 +8,7 @@ import { useCreateProductMutation as u } from "../../../data-access/dist/index6.
 import { useUpdateProductMutation as d } from "../../../data-access/dist/index7.js";
 import "../../../data-access/dist/index.js";
 import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useProductForm.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useProductForm.js
 function _({ view: _, setView: v, selectedProductId: y, setSelectedProductId: b, product: x, messages: S }) {
 	let C = u(), w = d(), T = C.isPending || w.isPending, [E, D] = g(e), [O, k] = g({}), A = h({
 		view: _,
@@ -34,24 +34,23 @@ function _({ view: _, setView: v, selectedProductId: y, setSelectedProductId: b,
 		E
 	]), I = f(async () => {
 		let e = c(E, S);
-		if (i(e)) {
-			k(e);
-			return;
-		}
-		k({});
-		try {
-			if (_ === "edit" && y) {
-				let e = y, t = await w.mutateAsync({
-					path: { product_id: y },
-					body: o(E)
-				});
-				l(t.type === "service" ? S.serviceUpdated : S.productUpdated, t.name), A.current.view === "edit" && A.current.selectedProductId === e && v("details");
-				return;
+		if (i(e)) k(e);
+		else {
+			k({});
+			try {
+				if (_ === "edit" && y) {
+					let e = y, t = await w.mutateAsync({
+						path: { product_id: y },
+						body: o(E)
+					});
+					l(t.type === "service" ? S.serviceUpdated : S.productUpdated, t.name), A.current.view === "edit" && A.current.selectedProductId === e && v("details");
+					return;
+				}
+				let e = await C.mutateAsync({ body: a(E) });
+				l(S.productCreated, e.name), v("none"), b(void 0);
+			} catch (e) {
+				k(t(e, S));
 			}
-			let e = await C.mutateAsync({ body: a(E) });
-			l(S.productCreated, e.name), v("none"), b(void 0);
-		} catch (e) {
-			k(t(e, S));
 		}
 	}, [
 		E,
@@ -77,5 +76,4 @@ function _({ view: _, setView: v, selectedProductId: y, setSelectedProductId: b,
 		submit: I
 	};
 }
-//#endregion
 export { _ as useProductForm };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useProductSelector.js

@@ -7,7 +7,7 @@ import { useAllProductsQuery as t } from "../../../data-access/dist/index3.js";
 import "../../../data-access/dist/index.js";
 import { useMeasureUnits as n } from "./useMeasureUnits.js";
 import { useCallback as r, useMemo as i } from "react";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useProductSelector.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useProductSelector.js
 function a(t, n = {}) {
 	return (t ?? []).map((t) => ({
 		value: t.id,
@@ -39,5 +39,4 @@ function o({ inputValue: e, onInputValueChange: o, onProductSelect: s, selectedP
 		isLoading: u.isLoading
 	};
 }
-//#endregion
 export { a as buildProductSelectorOptions, o as useProductSelector };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index2.js

@@ -1,5 +1,5 @@
 import { LABEL_LABELS_EN as e, REQUIRED_FIELDS_LEGEND_LABELS_EN as t, mergeRequiredFieldsLegendLabels as n } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index2.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index2.js
 var r = {
 	createTitle: "Add a product or service",
 	headerDescription: "Save the products and services you sell so you can quickly add them as line items on invoices.",
@@ -70,5 +70,4 @@ var a = {
 	emptyText: "No saved items found - type to add an item",
 	toggleListButton: "Show saved items"
 };
-//#endregion
 export { a as MEASURE_UNITS_MANAGER_LABELS_EN, o as MEASURE_UNIT_DELETE_DIALOG_LABELS_EN, r as PRODUCT_FORM_SHEET_LABELS_EN, s as PRODUCT_SELECTOR_LABELS_EN, i as mergeProductFormSheetLabels };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index3.js

@@ -1,7 +1,7 @@
 import { Combobox as e, FieldRequirement as t, Input as n, InputGroup as r, InputGroupAddon as i, InputGroupInput as a, Label as o, RadioGroup as s, RadioGroupItem as c, RequiredFieldsLegend as l, Textarea as u, Typography as d } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { mergeProductFormSheetLabels as f } from "./index2.js";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index3.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index3.js
 var g = "__no_unit__", _ = "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2 ttw:rounded-full ttw:border ttw:border-border ttw:bg-background ttw:px-3 ttw:py-1.5 ttw:text-sm ttw:has-[:checked]:border-primary ttw:has-[:checked]:bg-primary/10", v = "ttw:bg-background!";
 function y({ id: e, message: t }) {
 	return t ? /* @__PURE__ */ m("p", {
@@ -183,5 +183,4 @@ function b({ idPrefix: b, values: x, errors: S, unitOptions: C, pricePrefix: w,
 		})
 	] });
 }
-//#endregion
 export { b as ProductFormFields, b as default };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index4.js

@@ -3,7 +3,7 @@ import { mergeProductFormSheetLabels as s } from "./index2.js";
 import { ProductFormFields as c } from "./index3.js";
 import { useId as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index4.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index4.js
 function f({ open: f, onOpenChange: p, values: m, errors: h, unitOptions: g, pricePrefix: _, inProgress: v, onChange: y, onSubmit: b, onCancel: x, labels: S }) {
 	let C = s(S), w = l(), T = m.type === "service" ? C.typeService.toLowerCase() : C.typeProduct.toLowerCase();
 	return /* @__PURE__ */ u(t, {
@@ -62,5 +62,4 @@ function f({ open: f, onOpenChange: p, values: m, errors: h, unitOptions: g, pri
 		})
 	});
 }
-//#endregion
 export { f as ProductFormSheet, f as default };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index5.js

@@ -2,7 +2,7 @@ import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuI
 import { MEASURE_UNITS_MANAGER_LABELS_EN as b } from "./index2.js";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
 import { CheckIcon as C, MoreVerticalIcon as w, PencilIcon as T, Trash2Icon as E, XIcon as D } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index5.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index5.js
 var O = "—";
 function k({ open: k, onOpenChange: A, units: j, isLoading: M, searchValue: N, onSearchChange: P, createValues: F, createError: I, onCreateChange: L, onCreateSubmit: R, isCreating: z, editingUnitId: B, editValues: V, editError: H, onEditStart: U, onEditChange: W, onEditSubmit: G, onEditCancel: K, isUpdating: q, onDeleteClick: J, onDone: Y, labels: X }) {
 	let Z = {
@@ -194,5 +194,4 @@ function k({ open: k, onOpenChange: A, units: j, isLoading: M, searchValue: N, o
 		})
 	});
 }
-//#endregion
 export { k as MeasureUnitsManager, k as default };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index6.js

@@ -1,7 +1,7 @@
 import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o, Spinner as s, Table as c, TableBody as l, TableCell as u, TableRow as d } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { MEASURE_UNIT_DELETE_DIALOG_LABELS_EN as f } from "./index2.js";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index6.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index6.js
 function h({ open: h, onOpenChange: g, unitName: _, affectedProducts: v, isLoadingProducts: y, isDeleting: b, onConfirm: x, onCancel: S, labels: C }) {
 	let w = {
 		...f,
@@ -51,5 +51,4 @@ function h({ open: h, onOpenChange: g, unitName: _, affectedProducts: v, isLoadi
 		})
 	});
 }
-//#endregion
 export { h as MeasureUnitDeleteDialog, h as default };

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index7.js

@@ -3,7 +3,7 @@ import { PRODUCT_SELECTOR_LABELS_EN as t } from "./index2.js";
 import { useCallback as n, useId as r, useRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { CheckIcon as c, ChevronDownIcon as l, Loader2Icon as u } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index7.js
+// ../../libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index7.js
 function d({ inputValue: d, onInputValueChange: f, options: p, value: m, onOptionSelect: h, isLoading: g, disabled: _, invalid: v, inputId: y, focusOnMount: b, maxLength: x, labels: S }) {
 	let C = {
 		...t,
@@ -17,30 +17,20 @@ function d({ inputValue: d, onInputValueChange: f, options: p, value: m, onOptio
 			if (e.preventDefault(), E(!0), !p.length) return;
 			let t = e.key === "ArrowDown" ? Math.min(k + 1, p.length - 1) : Math.max(k - 1, 0);
 			O(p[t].value), document.getElementById(M(t))?.scrollIntoView?.({ block: "nearest" });
-			return;
-		}
-		if (e.key === "Enter") {
+		} else if (e.key === "Enter") {
 			e.preventDefault();
 			let t = p[k];
 			T && t ? j(t.value) : A();
-			return;
-		}
-		if (e.key === "Tab" && T) {
+		} else if (e.key === "Tab" && T) {
 			let e = d.trim().toLowerCase();
 			if (!e) return;
 			let t = p.find((t) => t.label.toLowerCase() === e) ?? (p.length === 1 ? p[0] : void 0);
 			t ? j(t.value) : A();
-			return;
-		}
-		e.key === "Escape" && T && (e.stopPropagation(), A());
+		} else e.key === "Escape" && T && (e.stopPropagation(), A());
 	}, P = i(null), F = n((e) => {
 		P.current = e, e && b && e.focus();
 	}, [b]), I = () => {
-		if (T) {
-			A();
-			return;
-		}
-		P.current?.focus(), E(!0);
+		T ? A() : (P.current?.focus(), E(!0));
 	}, L = T && k >= 0 ? M(k) : void 0;
 	return /* @__PURE__ */ s("div", {
 		className: "ttw:relative ttw:w-full",
@@ -124,5 +114,4 @@ function d({ inputValue: d, onInputValueChange: f, options: p, value: m, onOptio
 		}) : null]
 	});
 }
-//#endregion
 export { d as ProductSelector, d as default };

package/dist/libs/tesouro-embedded-components-react/shared/quick-view/ui/dist/index.js

@@ -1,3 +1,2 @@
 import "./index2.js";
-import { QuickViewTile as e } from "./index3.js";
-export { e as QuickViewTile };
+export { QuickViewTile } from "./index3.js";

package/dist/libs/tesouro-embedded-components-react/shared/quick-view/ui/dist/index2.js

@@ -1,8 +1,7 @@
-//#region ../../libs/tesouro-embedded-components-react/shared/quick-view/ui/dist/index2.js
+// ../../libs/tesouro-embedded-components-react/shared/quick-view/ui/dist/index2.js
 var e = {
 	loadingLabel: "Loading",
 	loadErrorTitle: "Could not load",
 	loadErrorRetry: "Retry"
 };
-//#endregion
 export { e as QUICK_VIEW_TILE_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/shared/quick-view/ui/dist/index3.js

@@ -4,13 +4,13 @@ import "../../../ui/dist/index.js";
 import { QUICK_VIEW_TILE_LABELS_EN as i } from "./index2.js";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { ChevronRight as c } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/shared/quick-view/ui/dist/index3.js
+// ../../libs/tesouro-embedded-components-react/shared/quick-view/ui/dist/index3.js
 var l = "ttw:flex ttw:w-[320px] ttw:max-w-full ttw:flex-col ttw:gap-1 ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-4 ttw:text-left ttw:text-card-foreground";
-function u({ title: u, value: d, subtext: f, linkText: p, onClick: m, isLoading: h = !1, isError: g = !1, onRetry: _, labels: v, testIds: y, className: b, style: x }) {
-	let S = {
+function u({ title: u, value: d, subtext: f, subtextTone: p = "muted", linkText: m, onClick: h, ariaLabel: g, isLoading: _ = !1, isError: v = !1, onRetry: y, labels: b, testIds: x, className: S, style: C }) {
+	let w = {
 		...i,
-		...v
-	}, C = !!m && !h && !g, w = /* @__PURE__ */ s("span", {
+		...b
+	}, T = !!h && !_ && !v, E = /* @__PURE__ */ s("span", {
 		className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
 		children: [/* @__PURE__ */ o(t, {
 			component: "span",
@@ -18,26 +18,26 @@ function u({ title: u, value: d, subtext: f, linkText: p, onClick: m, isLoading:
 			color: "muted",
 			className: "ttw:font-semibold",
 			children: u
-		}), C ? /* @__PURE__ */ o(c, {
+		}), T ? /* @__PURE__ */ o(c, {
 			className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground",
 			"aria-hidden": !0
 		}) : null]
 	});
-	if (h) return /* @__PURE__ */ s("div", {
-		className: n(l, b),
-		style: x,
-		"data-testid": y?.tile,
-		children: [w, /* @__PURE__ */ s("div", {
+	if (_) return /* @__PURE__ */ s("div", {
+		className: n(l, S),
+		style: C,
+		"data-testid": x?.tile,
+		children: [E, /* @__PURE__ */ s("div", {
 			role: "status",
 			"aria-busy": !0,
 			className: "ttw:flex ttw:flex-col ttw:gap-2",
 			children: [
 				/* @__PURE__ */ o("span", {
 					className: "ttw:sr-only",
-					children: S.loadingLabel
+					children: w.loadingLabel
 				}),
 				/* @__PURE__ */ o(e, {
-					"data-testid": y?.skeleton,
+					"data-testid": x?.skeleton,
 					height: 36,
 					width: "60%",
 					className: "ttw:rounded-md"
@@ -50,20 +50,20 @@ function u({ title: u, value: d, subtext: f, linkText: p, onClick: m, isLoading:
 			]
 		})]
 	});
-	if (g) return /* @__PURE__ */ s("div", {
-		className: n(l, b),
-		style: x,
-		"data-testid": y?.tile,
-		children: [w, /* @__PURE__ */ o(r, {
-			title: S.loadErrorTitle,
-			retryLabel: S.loadErrorRetry,
-			onRetry: _,
+	if (v) return /* @__PURE__ */ s("div", {
+		className: n(l, S),
+		style: C,
+		"data-testid": x?.tile,
+		children: [E, /* @__PURE__ */ o(r, {
+			title: w.loadErrorTitle,
+			retryLabel: w.loadErrorRetry,
+			onRetry: y,
 			className: "ttw:px-0 ttw:py-4",
-			testId: y?.error
+			testId: x?.error
 		})]
 	});
-	let T = /* @__PURE__ */ s(a, { children: [
-		w,
+	let D = /* @__PURE__ */ s(a, { children: [
+		E,
 		/* @__PURE__ */ o(t, {
 			component: "span",
 			variant: "h6",
@@ -73,28 +73,28 @@ function u({ title: u, value: d, subtext: f, linkText: p, onClick: m, isLoading:
 		f ? /* @__PURE__ */ o(t, {
 			component: "span",
 			variant: "body2",
-			color: "muted",
-			className: "ttw:block",
+			color: p,
+			className: n("ttw:block", p === "destructive" && "ttw:font-medium"),
 			children: f
 		}) : null,
-		C ? /* @__PURE__ */ o("span", {
+		T && m ? /* @__PURE__ */ o("span", {
 			className: "ttw:mt-3 ttw:text-sm ttw:font-medium ttw:text-primary ttw:group-hover:underline",
-			children: p
+			children: m
 		}) : null
 	] });
-	return C ? /* @__PURE__ */ o("button", {
+	return T ? /* @__PURE__ */ o("button", {
 		type: "button",
-		onClick: m,
-		"data-testid": y?.tile,
-		style: x,
-		className: n(l, "ttw:group ttw:cursor-pointer ttw:transition-colors ttw:hover:bg-accent/40 ttw:focus-visible:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:ring-offset-2", b),
-		children: T
+		onClick: h,
+		"aria-label": g,
+		"data-testid": x?.tile,
+		style: C,
+		className: n(l, "ttw:group ttw:cursor-pointer ttw:transition-colors ttw:hover:bg-accent/40 ttw:focus-visible:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:ring-offset-2", S),
+		children: D
 	}) : /* @__PURE__ */ o("div", {
-		className: n(l, b),
-		style: x,
-		"data-testid": y?.tile,
-		children: T
+		className: n(l, S),
+		style: C,
+		"data-testid": x?.tile,
+		children: D
 	});
 }
-//#endregion
 export { u as QuickViewTile };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/EmbeddedToaster.js

@@ -7,7 +7,7 @@ import { OVERLAY_Z_INDEX as n, SCOPE_CLASS as r } from "./HostIsolationScope/iso
 import { useEffect as i, useLayoutEffect as a, useState as o, useSyncExternalStore as s } from "react";
 import { createPortal as c } from "react-dom";
 import { jsx as l } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/EmbeddedToaster.js
+// ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/EmbeddedToaster.js
 var u = Symbol.for("tesouro.embedded-toaster.registry.v1");
 function d() {
 	let e = globalThis, t = e[u];
@@ -63,5 +63,4 @@ function y(n = {}) {
 	let g = /* @__PURE__ */ l(e, { ...n });
 	return h ? c(g, h) : g;
 }
-//#endregion
 export { y as EmbeddedToaster };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/EmptyState/EmptyState.js

@@ -1,7 +1,7 @@
 import { Button as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { StatePanel as t } from "../StatePanel/StatePanel.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/EmptyState/EmptyState.js
+// ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/EmptyState/EmptyState.js
 function i({ icon: i, title: a, description: o, actionLabel: s, actionIcon: c, onAction: l, className: u, testId: d }) {
 	return /* @__PURE__ */ n(t, {
 		kind: "empty",
@@ -16,5 +16,4 @@ function i({ icon: i, title: a, description: o, actionLabel: s, actionIcon: c, o
 		}) : void 0
 	});
 }
-//#endregion
 export { i as EmptyState, i as default };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/ErrorState/ErrorState.js

@@ -1,7 +1,7 @@
 import { Button as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { StatePanel as t } from "../StatePanel/StatePanel.js";
 import { jsx as n } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/ErrorState/ErrorState.js
+// ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/ErrorState/ErrorState.js
 var r = "error-state";
 function i({ icon: r, title: i, description: a, retryLabel: o, onRetry: s, className: c, testId: l }) {
 	return /* @__PURE__ */ n(t, {
@@ -18,5 +18,4 @@ function i({ icon: r, title: i, description: a, retryLabel: o, onRetry: s, class
 		}) : void 0
 	});
 }
-//#endregion
 export { r as ERROR_STATE_ID, i as ErrorState, i as default };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/HostIsolationScope.js

@@ -8,7 +8,7 @@ import { usePortalThemeSync as i } from "./usePortalThemeSync.js";
 import { useRenderedThemeCheck as a } from "./useRenderedThemeCheck.js";
 import { useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
 import { jsx as u } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/HostIsolationScope.js
+// ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/HostIsolationScope.js
 var d = { display: "contents" }, f = `position: relative; z-index: ${n};`, p = "document" in globalThis ? s : o;
 function m({ children: n }) {
 	let o = t(), [s] = l(() => {
@@ -34,5 +34,4 @@ function m({ children: n }) {
 		})
 	});
 }
-//#endregion
 export { m as HostIsolationScope };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/isolationRoot.js

@@ -1,4 +1,3 @@
-//#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/isolationRoot.js
+// ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/isolationRoot.js
 var e = "tesouro-embedded", t = "var(--tesouro-embedded-overlay-z-index, 2147483000)";
-//#endregion
 export { t as OVERLAY_Z_INDEX, e as SCOPE_CLASS };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/usePortalThemeSync.js

@@ -5,7 +5,7 @@
 import { THEME_TOKEN_NAMES as e } from "../../../../util/dist/lib/theme/themeTokens.js";
 import "../../../../util/dist/index.js";
 import { useEffect as t, useLayoutEffect as n } from "react";
-//#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/usePortalThemeSync.js
+// ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/usePortalThemeSync.js
 var r = "document" in globalThis ? n : t, i = Object.values(e);
 function a(e, t) {
 	let n = t, { getComputedStyle: r } = globalThis;
@@ -41,5 +41,4 @@ function o(e, n) {
 		};
 	}, [e, n]);
 }
-//#endregion
 export { o as usePortalThemeSync };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/useRenderedThemeCheck.js

@@ -5,7 +5,7 @@
 import { isThemeDevelopmentBuild as e, readThemeTokens as t, reportThemeIssues as n, themeIssues as r } from "../../../../util/dist/lib/theme/createTheme.js";
 import "../../../../util/dist/index.js";
 import { useEffect as i } from "react";
-//#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/useRenderedThemeCheck.js
+// ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/HostIsolationScope/useRenderedThemeCheck.js
 function a(a, o) {
 	i(() => {
 		if (!o || !e()) return;
@@ -16,5 +16,4 @@ function a(a, o) {
 		} catch {}
 	}, [o, a]);
 }
-//#endregion
 export { a as useRenderedThemeCheck };