@tesouro/embedded-components-react 0.3.49 → 0.3.51

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

@@ -1,34 +1,7 @@
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { REVEALABLE_FIELD_LABELS_EN as t } from "./index79.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/index80.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]
-	});
-}
+var e = {
+	revealValue: "Show value",
+	hideValue: "Hide value"
+};
 //#endregion
-export { s as RevealableField, s as default };
+export { e as REVEALABLE_FIELD_LABELS_EN };

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

@@ -1,2 +1,34 @@
-import "./index79.js";
-import "./index80.js";
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { REVEALABLE_FIELD_LABELS_EN as t } from "./index80.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/index81.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/index82.js

@@ -1,12 +1,2 @@
-import { REVEALABLE_FIELD_LABELS_EN as e } from "./index79.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index82.js
-var t = {
-	title: "Review transaction",
-	hiddenDescription: "Review the payment before submitting it.",
-	payToHeading: "Pay to",
-	backButton: "Back",
-	submitButton: "Submit",
-	...e
-};
-//#endregion
-export { t as REVIEW_TRANSACTION_DIALOG_LABELS_EN };
+import "./index80.js";
+import "./index81.js";

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

@@ -1,106 +1,12 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, cn as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RevealableField as c } from "./index80.js";
-import "./index81.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index82.js";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { REVEALABLE_FIELD_LABELS_EN as e } from "./index80.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index83.js
-function f({ open: f, onOpenChange: p, amountLabel: m, amount: h, rows: g, payTo: _, isSubmitting: v, onBack: y, onCancel: b, onSubmit: x, testId: S, labels: C }) {
-	let w = {
-		...l,
-		...C
-	};
-	return /* @__PURE__ */ u(t, {
-		open: f,
-		onOpenChange: (e) => e ? p(e) : b(),
-		children: /* @__PURE__ */ d(n, {
-			"data-testid": S,
-			className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-6",
-			children: [
-				/* @__PURE__ */ d(a, {
-					className: "ttw:border-b ttw:border-border ttw:pb-7",
-					children: [/* @__PURE__ */ u(o, {
-						className: "ttw:text-3xl ttw:tracking-tight",
-						children: w.title
-					}), /* @__PURE__ */ u(r, {
-						className: "ttw:sr-only",
-						children: w.hiddenDescription
-					})]
-				}),
-				/* @__PURE__ */ d("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-6",
-					children: [
-						/* @__PURE__ */ d("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1",
-							children: [/* @__PURE__ */ u("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: m
-							}), /* @__PURE__ */ u("p", {
-								className: "ttw:text-4xl ttw:font-semibold",
-								children: h
-							})]
-						}),
-						/* @__PURE__ */ u("dl", {
-							className: "ttw:flex ttw:flex-col",
-							children: g.map((e, t) => /* @__PURE__ */ d("div", {
-								className: s("ttw:flex ttw:items-center ttw:gap-4 ttw:py-2.5", t < g.length - 1 && "ttw:border-b ttw:border-border"),
-								children: [/* @__PURE__ */ u("dt", {
-									className: "ttw:w-32 ttw:shrink-0 ttw:text-sm ttw:text-muted-foreground",
-									children: e.label
-								}), /* @__PURE__ */ u("dd", {
-									className: "ttw:text-sm ttw:font-medium",
-									children: e.value
-								})]
-							}, e.label))
-						}),
-						/* @__PURE__ */ d("section", {
-							className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
-							children: [
-								/* @__PURE__ */ u("p", {
-									className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-									children: w.payToHeading
-								}),
-								/* @__PURE__ */ u("p", {
-									className: "ttw:mt-1 ttw:text-xl ttw:font-semibold",
-									children: _.name
-								}),
-								_.email ? /* @__PURE__ */ u("p", {
-									className: "ttw:text-sm ttw:text-muted-foreground",
-									children: _.email
-								}) : null,
-								_.methodLabel || _.fields.length > 0 ? /* @__PURE__ */ d("div", {
-									className: "ttw:mt-4 ttw:border-t ttw:border-border ttw:pt-4",
-									children: [_.methodLabel ? /* @__PURE__ */ u("p", {
-										className: "ttw:text-xs ttw:font-semibold ttw:text-muted-foreground",
-										children: _.methodLabel
-									}) : null, /* @__PURE__ */ u("dl", {
-										className: "ttw:mt-3 ttw:grid ttw:gap-3",
-										children: _.fields.map((e) => /* @__PURE__ */ u(c, {
-											field: e,
-											labels: w
-										}, e.label))
-									})]
-								}) : null
-							]
-						})
-					]
-				}),
-				/* @__PURE__ */ d(i, {
-					className: "ttw:pt-4 ttw:sm:gap-3",
-					children: [/* @__PURE__ */ u(e, {
-						type: "button",
-						variant: "outline",
-						onClick: y,
-						children: w.backButton
-					}), /* @__PURE__ */ u(e, {
-						type: "button",
-						loading: v,
-						onClick: x,
-						children: w.submitButton
-					})]
-				})
-			]
-		})
-	});
-}
+var t = {
+	title: "Review transaction",
+	hiddenDescription: "Review the payment before submitting it.",
+	payToHeading: "Pay to",
+	backButton: "Back",
+	submitButton: "Submit",
+	...e
+};
 //#endregion
-export { f as ReviewTransactionDialog, f as default };
+export { t as REVIEW_TRANSACTION_DIALOG_LABELS_EN };

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

@@ -1,2 +1,106 @@
+import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, cn as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RevealableField as c } from "./index81.js";
 import "./index82.js";
-import "./index83.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as l } from "./index83.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index84.js
+function f({ open: f, onOpenChange: p, amountLabel: m, amount: h, rows: g, payTo: _, isSubmitting: v, onBack: y, onCancel: b, onSubmit: x, testId: S, labels: C }) {
+	let w = {
+		...l,
+		...C
+	};
+	return /* @__PURE__ */ u(t, {
+		open: f,
+		onOpenChange: (e) => e ? p(e) : b(),
+		children: /* @__PURE__ */ d(n, {
+			"data-testid": S,
+			className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-6",
+			children: [
+				/* @__PURE__ */ d(a, {
+					className: "ttw:border-b ttw:border-border ttw:pb-7",
+					children: [/* @__PURE__ */ u(o, {
+						className: "ttw:text-3xl ttw:tracking-tight",
+						children: w.title
+					}), /* @__PURE__ */ u(r, {
+						className: "ttw:sr-only",
+						children: w.hiddenDescription
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-6",
+					children: [
+						/* @__PURE__ */ d("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ u("p", {
+								className: "ttw:text-sm ttw:text-muted-foreground",
+								children: m
+							}), /* @__PURE__ */ u("p", {
+								className: "ttw:text-4xl ttw:font-semibold",
+								children: h
+							})]
+						}),
+						/* @__PURE__ */ u("dl", {
+							className: "ttw:flex ttw:flex-col",
+							children: g.map((e, t) => /* @__PURE__ */ d("div", {
+								className: s("ttw:flex ttw:items-center ttw:gap-4 ttw:py-2.5", t < g.length - 1 && "ttw:border-b ttw:border-border"),
+								children: [/* @__PURE__ */ u("dt", {
+									className: "ttw:w-32 ttw:shrink-0 ttw:text-sm ttw:text-muted-foreground",
+									children: e.label
+								}), /* @__PURE__ */ u("dd", {
+									className: "ttw:text-sm ttw:font-medium",
+									children: e.value
+								})]
+							}, e.label))
+						}),
+						/* @__PURE__ */ d("section", {
+							className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted/30 ttw:p-4",
+							children: [
+								/* @__PURE__ */ u("p", {
+									className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
+									children: w.payToHeading
+								}),
+								/* @__PURE__ */ u("p", {
+									className: "ttw:mt-1 ttw:text-xl ttw:font-semibold",
+									children: _.name
+								}),
+								_.email ? /* @__PURE__ */ u("p", {
+									className: "ttw:text-sm ttw:text-muted-foreground",
+									children: _.email
+								}) : null,
+								_.methodLabel || _.fields.length > 0 ? /* @__PURE__ */ d("div", {
+									className: "ttw:mt-4 ttw:border-t ttw:border-border ttw:pt-4",
+									children: [_.methodLabel ? /* @__PURE__ */ u("p", {
+										className: "ttw:text-xs ttw:font-semibold ttw:text-muted-foreground",
+										children: _.methodLabel
+									}) : null, /* @__PURE__ */ u("dl", {
+										className: "ttw:mt-3 ttw:grid ttw:gap-3",
+										children: _.fields.map((e) => /* @__PURE__ */ u(c, {
+											field: e,
+											labels: w
+										}, e.label))
+									})]
+								}) : null
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ d(i, {
+					className: "ttw:pt-4 ttw:sm:gap-3",
+					children: [/* @__PURE__ */ u(e, {
+						type: "button",
+						variant: "outline",
+						onClick: y,
+						children: w.backButton
+					}), /* @__PURE__ */ u(e, {
+						type: "button",
+						loading: v,
+						onClick: x,
+						children: w.submitButton
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { f as ReviewTransactionDialog, f as default };

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

@@ -1,17 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index85.js
-var e = {
-	title: "Mark this bill as paid",
-	description: "You can't undo this action.",
-	amountDue: "Amount due",
-	paymentAmount: "Payment amount",
-	paymentDate: "Payment date",
-	paymentDatePlaceholder: "Select",
-	today: "Today",
-	comments: "Comments",
-	commentsOptionalSuffix: "(optional)",
-	commentsPlaceholder: "Additional context for this payment.",
-	cancelButton: "Cancel",
-	confirmButton: "Mark as paid"
-};
-//#endregion
-export { e as MARK_AS_PAID_DIALOG_LABELS_EN };
+import "./index83.js";
+import "./index84.js";

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

@@ -1,125 +1,17 @@
-import { Badge as e, Button as t, Calendar as n, Dialog as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as s, DialogTitle as c, Label as l, Popover as u, PopoverContent as d, PopoverTrigger as f, Textarea as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { MARK_AS_PAID_DIALOG_LABELS_EN as m } from "./index85.js";
-import { useId as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { CalendarIcon as v } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index86.js
-function y({ open: y, amountDue: b, dueDateSuffix: x, paymentAmount: S, selectedDate: C, selectedDateLabel: w, isToday: T, comment: E, isSubmitting: D, onDateChange: O, onCommentChange: k, onConfirm: A, onCancel: j, testId: M, confirmTestId: N, labels: P }) {
-	let F = {
-		...m,
-		...P
-	}, I = h(), L = h(), R = h();
-	return /* @__PURE__ */ g(r, {
-		open: y,
-		onOpenChange: (e) => e ? void 0 : j(),
-		children: /* @__PURE__ */ _(i, {
-			"data-testid": M,
-			className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-3",
-			children: [
-				/* @__PURE__ */ _(s, { children: [/* @__PURE__ */ g(c, { children: F.title }), /* @__PURE__ */ g(a, { children: F.description })] }),
-				/* @__PURE__ */ _("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-3",
-					children: [
-						/* @__PURE__ */ _("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-							children: [/* @__PURE__ */ g("p", {
-								className: "ttw:text-base ttw:text-muted-foreground",
-								children: F.amountDue
-							}), /* @__PURE__ */ _("div", {
-								className: "ttw:flex ttw:flex-wrap ttw:items-end ttw:gap-2",
-								children: [/* @__PURE__ */ g("p", {
-									className: "ttw:text-4xl ttw:font-semibold ttw:text-foreground",
-									children: b
-								}), x ? /* @__PURE__ */ g("p", {
-									className: "ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
-									children: x
-								}) : null]
-							})]
-						}),
-						/* @__PURE__ */ _("div", {
-							className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-							children: [/* @__PURE__ */ _("div", {
-								className: "ttw:grid ttw:gap-2.5",
-								children: [/* @__PURE__ */ g(l, { children: F.paymentAmount }), /* @__PURE__ */ g("div", {
-									"aria-disabled": !0,
-									className: "ttw:flex ttw:h-9 ttw:items-center ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted ttw:px-3 ttw:text-sm ttw:font-medium ttw:text-muted-foreground",
-									children: S
-								})]
-							}), /* @__PURE__ */ _("div", {
-								className: "ttw:grid ttw:gap-2.5",
-								children: [/* @__PURE__ */ g(l, {
-									id: I,
-									children: F.paymentDate
-								}), /* @__PURE__ */ _(u, { children: [/* @__PURE__ */ g(f, {
-									asChild: !0,
-									children: /* @__PURE__ */ _(t, {
-										type: "button",
-										variant: "outline",
-										className: "ttw:justify-start ttw:gap-2",
-										"aria-labelledby": `${I} ${L}`,
-										children: [
-											/* @__PURE__ */ g(v, { className: "ttw:size-4" }),
-											/* @__PURE__ */ g("span", {
-												id: L,
-												children: w ?? F.paymentDatePlaceholder
-											}),
-											T ? /* @__PURE__ */ g(e, {
-												variant: "secondary",
-												children: F.today
-											}) : null
-										]
-									})
-								}), /* @__PURE__ */ g(d, {
-									align: "start",
-									className: "ttw:w-auto ttw:p-0",
-									children: /* @__PURE__ */ g(n, {
-										mode: "single",
-										selected: C,
-										onSelect: O
-									})
-								})] })]
-							})]
-						}),
-						/* @__PURE__ */ _("div", {
-							className: "ttw:grid ttw:gap-2.5",
-							children: [/* @__PURE__ */ _(l, {
-								htmlFor: R,
-								children: [
-									F.comments,
-									" ",
-									/* @__PURE__ */ g("span", {
-										className: "ttw:font-normal ttw:text-muted-foreground",
-										children: F.commentsOptionalSuffix
-									})
-								]
-							}), /* @__PURE__ */ g(p, {
-								id: R,
-								value: E,
-								placeholder: F.commentsPlaceholder,
-								onChange: (e) => k(e.target.value)
-							})]
-						})
-					]
-				}),
-				/* @__PURE__ */ _(o, {
-					className: "ttw:pt-4 ttw:sm:gap-3",
-					children: [/* @__PURE__ */ g(t, {
-						type: "button",
-						variant: "outline",
-						onClick: j,
-						children: F.cancelButton
-					}), /* @__PURE__ */ g(t, {
-						type: "button",
-						"data-testid": N,
-						disabled: !C,
-						loading: D,
-						onClick: A,
-						children: F.confirmButton
-					})]
-				})
-			]
-		})
-	});
-}
+var e = {
+	title: "Mark this bill as paid",
+	description: "You can't undo this action.",
+	amountDue: "Amount due",
+	paymentAmount: "Payment amount",
+	paymentDate: "Payment date",
+	paymentDatePlaceholder: "Select",
+	today: "Today",
+	comments: "Comments",
+	commentsOptionalSuffix: "(optional)",
+	commentsPlaceholder: "Additional context for this payment.",
+	cancelButton: "Cancel",
+	confirmButton: "Mark as paid"
+};
 //#endregion
-export { y as MarkAsPaidDialog, y as default };
+export { e as MARK_AS_PAID_DIALOG_LABELS_EN };

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

@@ -1,2 +1,125 @@
-import "./index85.js";
-import "./index86.js";
+import { Badge as e, Button as t, Calendar as n, Dialog as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as s, DialogTitle as c, Label as l, Popover as u, PopoverContent as d, PopoverTrigger as f, Textarea as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MARK_AS_PAID_DIALOG_LABELS_EN as m } from "./index86.js";
+import { useId as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { CalendarIcon as v } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index87.js
+function y({ open: y, amountDue: b, dueDateSuffix: x, paymentAmount: S, selectedDate: C, selectedDateLabel: w, isToday: T, comment: E, isSubmitting: D, onDateChange: O, onCommentChange: k, onConfirm: A, onCancel: j, testId: M, confirmTestId: N, labels: P }) {
+	let F = {
+		...m,
+		...P
+	}, I = h(), L = h(), R = h();
+	return /* @__PURE__ */ g(r, {
+		open: y,
+		onOpenChange: (e) => e ? void 0 : j(),
+		children: /* @__PURE__ */ _(i, {
+			"data-testid": M,
+			className: "ttw:flex ttw:max-w-lg ttw:flex-col ttw:gap-3",
+			children: [
+				/* @__PURE__ */ _(s, { children: [/* @__PURE__ */ g(c, { children: F.title }), /* @__PURE__ */ g(a, { children: F.description })] }),
+				/* @__PURE__ */ _("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-3",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+							children: [/* @__PURE__ */ g("p", {
+								className: "ttw:text-base ttw:text-muted-foreground",
+								children: F.amountDue
+							}), /* @__PURE__ */ _("div", {
+								className: "ttw:flex ttw:flex-wrap ttw:items-end ttw:gap-2",
+								children: [/* @__PURE__ */ g("p", {
+									className: "ttw:text-4xl ttw:font-semibold ttw:text-foreground",
+									children: b
+								}), x ? /* @__PURE__ */ g("p", {
+									className: "ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
+									children: x
+								}) : null]
+							})]
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+							children: [/* @__PURE__ */ _("div", {
+								className: "ttw:grid ttw:gap-2.5",
+								children: [/* @__PURE__ */ g(l, { children: F.paymentAmount }), /* @__PURE__ */ g("div", {
+									"aria-disabled": !0,
+									className: "ttw:flex ttw:h-9 ttw:items-center ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted ttw:px-3 ttw:text-sm ttw:font-medium ttw:text-muted-foreground",
+									children: S
+								})]
+							}), /* @__PURE__ */ _("div", {
+								className: "ttw:grid ttw:gap-2.5",
+								children: [/* @__PURE__ */ g(l, {
+									id: I,
+									children: F.paymentDate
+								}), /* @__PURE__ */ _(u, { children: [/* @__PURE__ */ g(f, {
+									asChild: !0,
+									children: /* @__PURE__ */ _(t, {
+										type: "button",
+										variant: "outline",
+										className: "ttw:justify-start ttw:gap-2",
+										"aria-labelledby": `${I} ${L}`,
+										children: [
+											/* @__PURE__ */ g(v, { className: "ttw:size-4" }),
+											/* @__PURE__ */ g("span", {
+												id: L,
+												children: w ?? F.paymentDatePlaceholder
+											}),
+											T ? /* @__PURE__ */ g(e, {
+												variant: "secondary",
+												children: F.today
+											}) : null
+										]
+									})
+								}), /* @__PURE__ */ g(d, {
+									align: "start",
+									className: "ttw:w-auto ttw:p-0",
+									children: /* @__PURE__ */ g(n, {
+										mode: "single",
+										selected: C,
+										onSelect: O
+									})
+								})] })]
+							})]
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "ttw:grid ttw:gap-2.5",
+							children: [/* @__PURE__ */ _(l, {
+								htmlFor: R,
+								children: [
+									F.comments,
+									" ",
+									/* @__PURE__ */ g("span", {
+										className: "ttw:font-normal ttw:text-muted-foreground",
+										children: F.commentsOptionalSuffix
+									})
+								]
+							}), /* @__PURE__ */ g(p, {
+								id: R,
+								value: E,
+								placeholder: F.commentsPlaceholder,
+								onChange: (e) => k(e.target.value)
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ _(o, {
+					className: "ttw:pt-4 ttw:sm:gap-3",
+					children: [/* @__PURE__ */ g(t, {
+						type: "button",
+						variant: "outline",
+						onClick: j,
+						children: F.cancelButton
+					}), /* @__PURE__ */ g(t, {
+						type: "button",
+						"data-testid": N,
+						disabled: !C,
+						loading: D,
+						onClick: A,
+						children: F.confirmButton
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { y as MarkAsPaidDialog, y as default };

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

@@ -1,18 +1,2 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index88.js
-var e = {
-	title: "Schedule payment",
-	hiddenDescription: "Choose the account to pay from and the payment date.",
-	payFrom: "Pay from",
-	payFromPlaceholder: "Select an account",
-	paymentDate: "Payment date",
-	paymentDatePlaceholder: "Choose a date",
-	today: "Today",
-	noAccounts: "No accounts available",
-	loadingAccounts: "Loading accounts",
-	accountsError: "Couldn't load accounts. Try again.",
-	poweredByBank: (e) => `Powered by ${e}`,
-	cancelButton: "Cancel",
-	reviewButton: "Review payment"
-};
-//#endregion
-export { e as SCHEDULE_PAYMENT_DIALOG_LABELS_EN };
+import "./index86.js";
+import "./index87.js";

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

@@ -1,10 +1,18 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index89.js
 var e = {
-	neutral: "ttw:text-foreground",
-	muted: "ttw:text-muted-foreground",
-	success: "ttw:text-emerald-700",
-	warning: "ttw:text-amber-700",
-	error: "ttw:text-destructive"
+	title: "Schedule payment",
+	hiddenDescription: "Choose the account to pay from and the payment date.",
+	payFrom: "Pay from",
+	payFromPlaceholder: "Select an account",
+	paymentDate: "Payment date",
+	paymentDatePlaceholder: "Choose a date",
+	today: "Today",
+	noAccounts: "No accounts available",
+	loadingAccounts: "Loading accounts",
+	accountsError: "Couldn't load accounts. Try again.",
+	poweredByBank: (e) => `Powered by ${e}`,
+	cancelButton: "Cancel",
+	reviewButton: "Review payment"
 };
 //#endregion
-export { e as TONE_TEXT_CLASS };
+export { e as SCHEDULE_PAYMENT_DIALOG_LABELS_EN };