@tesouro/embedded-components-react 0.5.252 → 0.5.254

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index10.js

@@ -1,54 +1,41 @@
-import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuGroup as r, DropdownMenuItem as i, DropdownMenuLabel as a, DropdownMenuSeparator as o, DropdownMenuTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { groupBySectionHeading as c } from "./index9.js";
-import { Fragment as l, useId as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { MoreHorizontalIcon as p, MoreVerticalIcon as m } from "lucide-react";
+"use client";
+"use client";
+"use client";
+"use client";
+import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DEFAULT_LABELS as i } from "./index9.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index10.js
-function h({ actions: h, triggerLabel: g, placement: _ = "row", testId: v }) {
-	let y = u();
-	if (!h.length) return null;
-	let b = _ === "header", x = _ === "header" || _ === "table", S = b ? p : m, C = c(h);
-	return /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d(s, {
-		asChild: !0,
-		children: /* @__PURE__ */ d(e, {
-			type: "button",
-			variant: x ? "ghost" : "outline",
-			size: "icon",
-			"aria-label": g,
-			"data-testid": v,
-			onPointerDown: (e) => e.stopPropagation(),
-			onClick: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ d(S, { className: "ttw:size-4" })
-		})
-	}), /* @__PURE__ */ d(n, {
-		align: "end",
-		onPointerDown: (e) => e.stopPropagation(),
-		onClick: (e) => e.stopPropagation(),
-		children: C.map((e, t) => {
-			let n = e.items.map((e) => {
-				let t = e.icon;
-				return /* @__PURE__ */ f(i, {
-					disabled: e.disabled,
-					onClick: e.onSelect,
-					children: [t ? /* @__PURE__ */ d(t, { className: "ttw:size-4" }) : null, e.label]
-				}, e.id);
-			});
-			if (!e.heading) return /* @__PURE__ */ d(l, { children: n }, e.items[0]?.id);
-			let s = `${y}-${t}`;
-			return /* @__PURE__ */ f(l, { children: [
-				t > 0 ? /* @__PURE__ */ d(o, {}) : null,
-				/* @__PURE__ */ d(a, {
-					id: s,
-					className: "ttw:py-1 ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
-					children: e.heading
-				}),
-				/* @__PURE__ */ d(r, {
-					"aria-labelledby": s,
-					children: n
-				})
-			] }, e.items[0]?.id);
-		})
-	})] });
+function s({ labels: s, tabs: c, selectedTabId: l, onTabChange: u }) {
+	let d = {
+		...i,
+		...s
+	};
+	return /* @__PURE__ */ o("section", {
+		className: "ttw:w-full ttw:space-y-5",
+		children: [d.description ? /* @__PURE__ */ a("div", {
+			className: "ttw:min-w-0",
+			children: /* @__PURE__ */ a("p", {
+				className: "ttw:text-sm ttw:text-muted-foreground",
+				children: d.description
+			})
+		}) : null, /* @__PURE__ */ o(e, {
+			value: l,
+			onValueChange: u,
+			className: "ttw:w-full",
+			children: [/* @__PURE__ */ a(n, {
+				variant: "line",
+				children: c.map((e) => /* @__PURE__ */ a(r, {
+					value: e.id,
+					children: e.label
+				}, e.id))
+			}), c.map((e) => /* @__PURE__ */ a(t, {
+				value: e.id,
+				className: "ttw:mt-6",
+				children: e.content
+			}, e.id))]
+		})]
+	});
 }
 //#endregion
-export { h as BillOverflowMenu, h as default };
+export { s as BillPayWidgetUi };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index12.js

@@ -1,4 +1,14 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index12.js
-var e = {};
+var e = {
+	draft: "Draft",
+	ready_to_submit: "Ready to submit",
+	pending_approval: "Pending review",
+	ready_to_pay: "Ready to pay",
+	scheduled: "Scheduled",
+	paid: "Paid",
+	canceled: "Cancelled",
+	rejected: "Rejected",
+	unknown: "Unknown"
+};
 //#endregion
-export { e as DEFAULT_LABELS };
+export { e as BILL_STATUS_BADGE_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index13.js

@@ -1,41 +1,13 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { DEFAULT_LABELS as i } from "./index12.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index13.js
-function s({ labels: s, tabs: c, selectedTabId: l, onTabChange: u }) {
-	let d = {
-		...i,
-		...s
-	};
-	return /* @__PURE__ */ o("section", {
-		className: "ttw:w-full ttw:space-y-5",
-		children: [d.description ? /* @__PURE__ */ a("div", {
-			className: "ttw:min-w-0",
-			children: /* @__PURE__ */ a("p", {
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: d.description
-			})
-		}) : null, /* @__PURE__ */ o(e, {
-			value: l,
-			onValueChange: u,
-			className: "ttw:w-full",
-			children: [/* @__PURE__ */ a(n, {
-				variant: "line",
-				children: c.map((e) => /* @__PURE__ */ a(r, {
-					value: e.id,
-					children: e.label
-				}, e.id))
-			}), c.map((e) => /* @__PURE__ */ a(t, {
-				value: e.id,
-				className: "ttw:mt-6",
-				children: e.content
-			}, e.id))]
-		})]
-	});
-}
+var e = {
+	accent: "ttw:border-violet-100 ttw:bg-violet-100 ttw:text-violet-700 ttw:hover:bg-violet-100",
+	committed: "ttw:border-cyan-200 ttw:bg-cyan-50 ttw:text-cyan-700 ttw:hover:bg-cyan-50",
+	danger: "ttw:border-destructive/20 ttw:bg-destructive/20 ttw:text-destructive ttw:hover:bg-destructive/20",
+	info: "ttw:border-blue-100 ttw:bg-blue-100 ttw:text-blue-700 ttw:hover:bg-blue-100",
+	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
+	settled: "ttw:border-border ttw:bg-background ttw:text-green-900 ttw:hover:bg-background",
+	success: "ttw:border-green-100 ttw:bg-green-100 ttw:text-green-700 ttw:hover:bg-green-100",
+	warning: "ttw:border-amber-100 ttw:bg-amber-100 ttw:text-amber-700 ttw:hover:bg-amber-100"
+};
 //#endregion
-export { s as BillPayWidgetUi };
+export { e as BADGE_TONE_CLASS_NAME };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index14.js

@@ -1,2 +1,18 @@
-import "./index12.js";
-import "./index13.js";
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILL_STATUS_BADGE_LABELS_EN as n } from "./index12.js";
+import { BADGE_TONE_CLASS_NAME as r } from "./index13.js";
+import { jsxs as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index14.js
+function a({ status: a, tone: o, labels: s, icon: c }) {
+	let l = {
+		...n,
+		...s
+	}, u = l[a] ?? l.unknown;
+	return /* @__PURE__ */ i(e, {
+		variant: "outline",
+		className: t(c && "ttw:gap-1", r[o]),
+		children: [c, u]
+	});
+}
+//#endregion
+export { a as BillStatusBadge, a as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index15.js

@@ -1,14 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index15.js
-var e = {
-	draft: "Draft",
-	ready_to_submit: "Ready to submit",
-	pending_approval: "Pending review",
-	ready_to_pay: "Ready to pay",
-	scheduled: "Scheduled",
-	paid: "Paid",
-	canceled: "Cancelled",
-	rejected: "Rejected",
-	unknown: "Unknown"
-};
-//#endregion
-export { e as BILL_STATUS_BADGE_LABELS_EN };
+import "./index12.js";
+import "./index14.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index16.js

@@ -1,18 +1,11 @@
-import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BADGE_TONE_CLASS_NAME as n } from "./index6.js";
-import { BILL_STATUS_BADGE_LABELS_EN as r } from "./index15.js";
-import { jsxs as i } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index16.js
-function a({ status: a, tone: o, labels: s, icon: c }) {
-	let l = {
-		...r,
-		...s
-	}, u = l[a] ?? l.unknown;
-	return /* @__PURE__ */ i(e, {
-		variant: "outline",
-		className: t(c && "ttw:gap-1", n[o]),
-		children: [c, u]
-	});
-}
+var e = {
+	dropPrefix: "Drop your files here, or",
+	browseAction: "browse to upload",
+	fileTypesHint: "PDF, JPG, or PNG (max. 3MB)",
+	fileCountHint: (e) => `up to ${e} files at a time`,
+	uploadingText: "Uploading…",
+	fileInput: "Choose a file to upload"
+};
 //#endregion
-export { a as BillStatusBadge, a as default };
+export { e as BILL_UPLOAD_DROPZONE_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index17.js

@@ -1,2 +1,78 @@
-import "./index15.js";
-import "./index16.js";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InlineErrorAlert as t } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../shared/ui/dist/index.js";
+import { BILL_UPLOAD_DROPZONE_LABELS_EN as n } from "./index16.js";
+import { useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Loader2 as c, Upload as l } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index17.js
+function u(e, t) {
+	let n = t.split(",").map((e) => e.trim()).filter(Boolean);
+	return n.length === 0 || n.some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t.toLowerCase()) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type === t);
+}
+function d(e, t, n = !0) {
+	let r = e.filter((e) => u(e, t));
+	return n ? r : r.slice(0, 1);
+}
+function f({ status: u = "idle", errorMessage: f, accept: p = ".pdf,.png,.jpg,.jpeg", multiple: m = !0, maxFiles: h, onFilesSelected: g, testId: _, labels: v }) {
+	let y = {
+		...n,
+		...v
+	}, b = r(null), [x, S] = i(!1), C = u === "uploading";
+	return /* @__PURE__ */ s("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2",
+		"data-testid": _,
+		children: [
+			/* @__PURE__ */ s("button", {
+				type: "button",
+				disabled: C,
+				className: e("ttw:flex ttw:w-full ttw:items-center ttw:justify-center ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-dashed ttw:px-6 ttw:py-8", x ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted/40"),
+				onClick: () => b.current?.click(),
+				onDragOver: (e) => {
+					e.preventDefault(), S(!0);
+				},
+				onDragLeave: (e) => {
+					e.preventDefault(), S(!1);
+				},
+				onDrop: (e) => {
+					if (e.preventDefault(), S(!1), C) return;
+					let t = d(e.dataTransfer.files ? Array.from(e.dataTransfer.files) : [], p, m);
+					t.length > 0 && g(t);
+				},
+				children: [C ? /* @__PURE__ */ o(c, { className: "ttw:size-5 ttw:animate-spin ttw:text-primary" }) : /* @__PURE__ */ o(l, { className: "ttw:size-5 ttw:text-muted-foreground" }), /* @__PURE__ */ s("span", {
+					className: "ttw:flex ttw:flex-col ttw:items-start",
+					children: [/* @__PURE__ */ o("span", {
+						className: "ttw:text-sm ttw:text-primary",
+						children: C ? y.uploadingText : /* @__PURE__ */ s(a, { children: [
+							y.dropPrefix,
+							" ",
+							/* @__PURE__ */ o("span", {
+								className: "ttw:underline",
+								children: y.browseAction
+							})
+						] })
+					}), /* @__PURE__ */ o("span", {
+						className: "ttw:text-xs ttw:text-muted-foreground",
+						children: h === void 0 ? y.fileTypesHint : `${y.fileTypesHint} · ${y.fileCountHint(h)}`
+					})]
+				})]
+			}),
+			/* @__PURE__ */ o("input", {
+				ref: b,
+				type: "file",
+				accept: p,
+				multiple: m,
+				disabled: C,
+				"aria-label": y.fileInput,
+				className: "ttw:hidden",
+				onChange: (e) => {
+					let t = d(e.target.files ? Array.from(e.target.files) : [], p, m);
+					t.length > 0 && g(t), e.target.value = "";
+				}
+			}),
+			u === "error" && f ? /* @__PURE__ */ o(t, { children: f }) : null
+		]
+	});
+}
+//#endregion
+export { f as BillUploadDropzone, f as default, d as getAcceptedBillUploadFiles };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index19.js

@@ -1,78 +1,2 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { InlineErrorAlert as t } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import "../../../shared/ui/dist/index.js";
-import { BILL_UPLOAD_DROPZONE_LABELS_EN as n } from "./index18.js";
-import { useRef as r, useState as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Loader2 as c, Upload as l } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index19.js
-function u(e, t) {
-	let n = t.split(",").map((e) => e.trim()).filter(Boolean);
-	return n.length === 0 || n.some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t.toLowerCase()) : t.endsWith("/*") ? e.type.startsWith(t.slice(0, -1)) : e.type === t);
-}
-function d(e, t, n = !0) {
-	let r = e.filter((e) => u(e, t));
-	return n ? r : r.slice(0, 1);
-}
-function f({ status: u = "idle", errorMessage: f, accept: p = ".pdf,.png,.jpg,.jpeg", multiple: m = !0, maxFiles: h, onFilesSelected: g, testId: _, labels: v }) {
-	let y = {
-		...n,
-		...v
-	}, b = r(null), [x, S] = i(!1), C = u === "uploading";
-	return /* @__PURE__ */ s("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2",
-		"data-testid": _,
-		children: [
-			/* @__PURE__ */ s("button", {
-				type: "button",
-				disabled: C,
-				className: e("ttw:flex ttw:w-full ttw:items-center ttw:justify-center ttw:gap-3 ttw:rounded-lg ttw:border ttw:border-dashed ttw:px-6 ttw:py-8", x ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted/40"),
-				onClick: () => b.current?.click(),
-				onDragOver: (e) => {
-					e.preventDefault(), S(!0);
-				},
-				onDragLeave: (e) => {
-					e.preventDefault(), S(!1);
-				},
-				onDrop: (e) => {
-					if (e.preventDefault(), S(!1), C) return;
-					let t = d(e.dataTransfer.files ? Array.from(e.dataTransfer.files) : [], p, m);
-					t.length > 0 && g(t);
-				},
-				children: [C ? /* @__PURE__ */ o(c, { className: "ttw:size-5 ttw:animate-spin ttw:text-primary" }) : /* @__PURE__ */ o(l, { className: "ttw:size-5 ttw:text-muted-foreground" }), /* @__PURE__ */ s("span", {
-					className: "ttw:flex ttw:flex-col ttw:items-start",
-					children: [/* @__PURE__ */ o("span", {
-						className: "ttw:text-sm ttw:text-primary",
-						children: C ? y.uploadingText : /* @__PURE__ */ s(a, { children: [
-							y.dropPrefix,
-							" ",
-							/* @__PURE__ */ o("span", {
-								className: "ttw:underline",
-								children: y.browseAction
-							})
-						] })
-					}), /* @__PURE__ */ o("span", {
-						className: "ttw:text-xs ttw:text-muted-foreground",
-						children: h === void 0 ? y.fileTypesHint : `${y.fileTypesHint} · ${y.fileCountHint(h)}`
-					})]
-				})]
-			}),
-			/* @__PURE__ */ o("input", {
-				ref: b,
-				type: "file",
-				accept: p,
-				multiple: m,
-				disabled: C,
-				"aria-label": y.fileInput,
-				className: "ttw:hidden",
-				onChange: (e) => {
-					let t = d(e.target.files ? Array.from(e.target.files) : [], p, m);
-					t.length > 0 && g(t), e.target.value = "";
-				}
-			}),
-			u === "error" && f ? /* @__PURE__ */ o(t, { children: f }) : null
-		]
-	});
-}
-//#endregion
-export { f as BillUploadDropzone, f as default, d as getAcceptedBillUploadFiles };
+import "./index16.js";
+import "./index17.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index20.js

@@ -0,0 +1,29 @@
+import { Popover as e, PopoverContent as t, PopoverTrigger as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index20.js
+function o({ children: o, date: s }) {
+	let [c, l] = r(!1);
+	return /* @__PURE__ */ a(e, {
+		open: c,
+		onOpenChange: l,
+		children: [/* @__PURE__ */ i(n, {
+			type: "button",
+			className: "ttw:cursor-default",
+			onPointerEnter: (e) => {
+				e.pointerType === "mouse" && l(!0);
+			},
+			onPointerLeave: (e) => {
+				e.pointerType === "mouse" && l(!1);
+			},
+			onClick: (e) => e.stopPropagation(),
+			children: o
+		}), /* @__PURE__ */ i(t, {
+			onOpenAutoFocus: (e) => e.preventDefault(),
+			className: "ttw:w-auto ttw:px-3 ttw:py-1.5 ttw:text-xs",
+			children: s
+		})]
+	});
+}
+//#endregion
+export { o as DateDisclosure };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index21.js

@@ -1,2 +1,4 @@
-import "./index18.js";
-import "./index19.js";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index21.js
+var e = { overdue: "Overdue" };
+//#endregion
+export { e as DUE_DATE_VALUE_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index22.js

@@ -1,29 +1,30 @@
-import { Popover as e, PopoverContent as t, PopoverTrigger as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DUE_DATE_VALUE_LABELS_EN as t } from "./index21.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { AlertTriangleIcon as i } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index22.js
-function o({ children: o, date: s }) {
-	let [c, l] = r(!1);
-	return /* @__PURE__ */ a(e, {
-		open: c,
-		onOpenChange: l,
-		children: [/* @__PURE__ */ i(n, {
-			type: "button",
-			className: "ttw:cursor-default",
-			onPointerEnter: (e) => {
-				e.pointerType === "mouse" && l(!0);
-			},
-			onPointerLeave: (e) => {
-				e.pointerType === "mouse" && l(!1);
-			},
-			onClick: (e) => e.stopPropagation(),
-			children: o
-		}), /* @__PURE__ */ i(t, {
-			onOpenAutoFocus: (e) => e.preventDefault(),
-			className: "ttw:w-auto ttw:px-3 ttw:py-1.5 ttw:text-xs",
-			children: s
-		})]
+function a({ value: a, tone: o = "default", labels: s, className: c }) {
+	let l = {
+		...t,
+		...s
+	};
+	return o === "danger" ? /* @__PURE__ */ r("span", {
+		className: e("ttw:inline-flex ttw:items-center ttw:gap-1 ttw:whitespace-nowrap ttw:font-medium ttw:text-destructive", c),
+		children: [
+			/* @__PURE__ */ n(i, {
+				"aria-hidden": !0,
+				className: "ttw:size-3.5 ttw:shrink-0"
+			}),
+			a,
+			/* @__PURE__ */ n("span", {
+				className: "ttw:sr-only",
+				children: l.overdue
+			})
+		]
+	}) : /* @__PURE__ */ n("span", {
+		className: c,
+		children: a
 	});
 }
 //#endregion
-export { o as DateDisclosure };
+export { a as DueDateValue, a as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index23.js

@@ -1,4 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index23.js
-var e = { overdue: "Overdue" };
-//#endregion
-export { e as DUE_DATE_VALUE_LABELS_EN };
+import "./index21.js";
+import "./index22.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index24.js

@@ -1,30 +1,7 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { DUE_DATE_VALUE_LABELS_EN as t } from "./index23.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { AlertTriangleIcon as i } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index24.js
-function a({ value: a, tone: o = "default", labels: s, className: c }) {
-	let l = {
-		...t,
-		...s
-	};
-	return o === "danger" ? /* @__PURE__ */ r("span", {
-		className: e("ttw:inline-flex ttw:items-center ttw:gap-1 ttw:whitespace-nowrap ttw:font-medium ttw:text-destructive", c),
-		children: [
-			/* @__PURE__ */ n(i, {
-				"aria-hidden": !0,
-				className: "ttw:size-3.5 ttw:shrink-0"
-			}),
-			a,
-			/* @__PURE__ */ n("span", {
-				className: "ttw:sr-only",
-				children: l.overdue
-			})
-		]
-	}) : /* @__PURE__ */ n("span", {
-		className: c,
-		children: a
-	});
-}
+var e = {
+	revealValue: "Show value",
+	hideValue: "Hide value"
+};
 //#endregion
-export { a as DueDateValue, a as default };
+export { e as REVEALABLE_FIELD_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index25.js

@@ -1,2 +1,34 @@
-import "./index23.js";
-import "./index24.js";
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { REVEALABLE_FIELD_LABELS_EN as t } from "./index24.js";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Eye as a, EyeOff as o } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index25.js
+function s({ field: s, labels: c }) {
+	let l = {
+		...t,
+		...c
+	}, [u, d] = n(!1), f = s.maskedValue && !u ? s.maskedValue : s.value;
+	return /* @__PURE__ */ i("div", {
+		className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-3",
+		children: [/* @__PURE__ */ i("div", {
+			className: "ttw:min-w-0",
+			children: [/* @__PURE__ */ r("dt", {
+				className: "ttw:text-xs ttw:text-muted-foreground",
+				children: s.label
+			}), /* @__PURE__ */ r("dd", {
+				className: "ttw:break-words ttw:text-sm ttw:font-medium",
+				children: f
+			})]
+		}), s.maskedValue ? /* @__PURE__ */ r(e, {
+			type: "button",
+			variant: "ghost",
+			size: "icon",
+			"aria-label": u ? l.hideValue : l.revealValue,
+			onClick: () => d((e) => !e),
+			children: r(u ? o : a, { className: "ttw:size-4" })
+		}) : null]
+	});
+}
+//#endregion
+export { s as RevealableField, s as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index26.js

@@ -1,7 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index26.js
-var e = {
-	revealValue: "Show value",
-	hideValue: "Hide value"
-};
-//#endregion
-export { e as REVEALABLE_FIELD_LABELS_EN };
+import "./index24.js";
+import "./index25.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index6.js

@@ -1,13 +1,18 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index6.js
-var e = {
-	accent: "ttw:border-violet-100 ttw:bg-violet-100 ttw:text-violet-700 ttw:hover:bg-violet-100",
-	committed: "ttw:border-cyan-200 ttw:bg-cyan-50 ttw:text-cyan-700 ttw:hover:bg-cyan-50",
-	danger: "ttw:border-destructive/20 ttw:bg-destructive/20 ttw:text-destructive ttw:hover:bg-destructive/20",
-	info: "ttw:border-blue-100 ttw:bg-blue-100 ttw:text-blue-700 ttw:hover:bg-blue-100",
-	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
-	settled: "ttw:border-border ttw:bg-background ttw:text-green-900 ttw:hover:bg-background",
-	success: "ttw:border-green-100 ttw:bg-green-100 ttw:text-green-700 ttw:hover:bg-green-100",
-	warning: "ttw:border-amber-100 ttw:bg-amber-100 ttw:text-amber-700 ttw:hover:bg-amber-100"
-};
+function e(e) {
+	let t = [];
+	for (let n of e) {
+		let e = t.at(-1);
+		if (e && e.heading === n.sectionHeading) {
+			e.items = [...e.items, n];
+			continue;
+		}
+		t.push({
+			heading: n.sectionHeading,
+			items: [n]
+		});
+	}
+	return t;
+}
 //#endregion
-export { e as BADGE_TONE_CLASS_NAME };
+export { e as groupBySectionHeading };