@tesouro/embedded-components-react 0.9.59 → 0.10.2

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

@@ -6,11 +6,11 @@ import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { ChevronRight as c } from "lucide-react";
 // ../../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,27 +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
 	});
 }
 export { u as QuickViewTile };