@tesouro/embedded-components-react 0.9.17 → 0.9.18

package/dist/libs/tesouro-embedded-components-react/settings-widget/chart-of-accounts/ui/dist/index5.js

@@ -10,29 +10,33 @@ function d({ open: d, onOpenChange: f, title: p, message: m, isDeleting: h, erro
 	return /* @__PURE__ */ l(e, {
 		open: d,
 		onOpenChange: f,
-		children: /* @__PURE__ */ u(n, { children: [
-			/* @__PURE__ */ u(a, { children: [/* @__PURE__ */ l(o, { children: p }), /* @__PURE__ */ l(r, { children: m ?? b.message })] }),
-			g && /* @__PURE__ */ l("p", {
-				role: "alert",
-				className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-				children: g
-			}),
-			/* @__PURE__ */ u(i, { children: [/* @__PURE__ */ l(t, {
-				asChild: !0,
-				children: /* @__PURE__ */ l(s, {
-					variant: "outline",
-					onClick: v,
+		children: /* @__PURE__ */ u(n, {
+			closeDisabled: h,
+			labels: { close: b.close },
+			children: [
+				/* @__PURE__ */ u(a, { children: [/* @__PURE__ */ l(o, { children: p }), /* @__PURE__ */ l(r, { children: m ?? b.message })] }),
+				g && /* @__PURE__ */ l("p", {
+					role: "alert",
+					className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+					children: g
+				}),
+				/* @__PURE__ */ u(i, { children: [/* @__PURE__ */ l(t, {
+					asChild: !0,
+					children: /* @__PURE__ */ l(s, {
+						variant: "outline",
+						onClick: v,
+						disabled: h,
+						children: b.cancelButton
+					})
+				}), /* @__PURE__ */ l(s, {
+					variant: "destructive",
+					onClick: _,
 					disabled: h,
-					children: b.cancelButton
-				})
-			}), /* @__PURE__ */ l(s, {
-				variant: "destructive",
-				onClick: _,
-				disabled: h,
-				loading: h,
-				children: b.confirmButton
-			})] })
-		] })
+					loading: h,
+					children: b.confirmButton
+				})] })
+			]
+		})
 	});
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/settings-widget/team/feature/dist/index13.js

@@ -74,6 +74,7 @@ function d({ canRead: d, canWrite: f, featureLabels: p }) {
 			membersEmptyMessage: p.groupMembersEmpty,
 			cancelButton: p.groupCancelButton,
 			saveButton: p.groupSaveButton,
+			close: p.groupCloseButton,
 			deleteButton: p.locationDeleteAction
 		},
 		countLabels: {

package/dist/libs/tesouro-embedded-components-react/settings-widget/team/feature/dist/index3.js

@@ -49,6 +49,7 @@ var e = {
 	groupMembersEmpty: "No team members found.",
 	groupCancelButton: "Cancel",
 	groupSaveButton: "Save",
+	groupCloseButton: "Close",
 	groupMemberSingular: "member",
 	groupMemberPlural: "members",
 	groupNoMembers: "—",

package/dist/libs/tesouro-embedded-components-react/settings-widget/team/feature/dist/index6.js

@@ -74,6 +74,7 @@ function d({ canRead: d, canWrite: f, featureLabels: p }) {
 			membersEmptyMessage: p.groupMembersEmpty,
 			cancelButton: p.groupCancelButton,
 			saveButton: p.groupSaveButton,
+			close: p.groupCloseButton,
 			deleteButton: p.departmentDeleteAction
 		},
 		countLabels: {

package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index11.js

@@ -10,7 +10,8 @@ var e = {
 	membersEmptyMessage: "No members found.",
 	cancelButton: "Cancel",
 	saveButton: "Save",
-	deleteButton: "Delete"
+	deleteButton: "Delete",
+	close: "Close"
 };
 //#endregion
 export { e as DEFAULT_GROUP_ADMIN_DRAWER_LABELS };

package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index12.js

@@ -18,6 +18,7 @@ function m({ open: m, isEditMode: h, name: g, onNameChange: _, options: v, selec
 		onOpenChange: C,
 		children: /* @__PURE__ */ p(a, {
 			className: "ttw:gap-0",
+			labels: { close: D.close },
 			children: [/* @__PURE__ */ p(c, { children: [/* @__PURE__ */ f(l, { children: h ? D.editTitle : D.createTitle }), /* @__PURE__ */ f(o, { children: D.description })] }), /* @__PURE__ */ p("form", {
 				noValidate: !0,
 				className: "ttw:flex ttw:flex-1 ttw:flex-col",

package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index15.js

@@ -16,39 +16,43 @@ function f({ open: f, icon: p, title: m, description: h, subjectName: g, subject
 	return /* @__PURE__ */ u(e, {
 		open: f,
 		onOpenChange: S,
-		children: /* @__PURE__ */ d(n, { children: [
-			p ? /* @__PURE__ */ u("div", {
-				className: "ttw:flex ttw:justify-center",
-				children: /* @__PURE__ */ u("span", {
-					className: `ttw:flex ttw:size-12 ttw:items-center ttw:justify-center ttw:rounded-full ${y === "destructive" ? "ttw:bg-destructive/10 ttw:text-destructive" : "ttw:bg-primary/10 ttw:text-primary"}`,
-					children: p
-				})
-			}) : null,
-			/* @__PURE__ */ d(a, {
-				className: p ? "ttw:text-center" : void 0,
-				children: [/* @__PURE__ */ u(o, { children: m }), /* @__PURE__ */ u(r, { children: h })]
-			}),
-			g && /* @__PURE__ */ d("div", {
-				className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted/50 ttw:px-3 ttw:py-2",
-				children: [/* @__PURE__ */ u("p", {
-					className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-					children: g
-				}), _ && /* @__PURE__ */ u("p", {
-					className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground",
-					children: _
-				})]
-			}),
-			b && /* @__PURE__ */ u(c, { children: b }),
-			/* @__PURE__ */ d(i, { children: [/* @__PURE__ */ u(t, {
-				disabled: x,
-				children: T.actionDialogCancelButton
-			}), /* @__PURE__ */ u(s, {
-				variant: y,
-				loading: x,
-				onClick: C,
-				children: v
-			})] })
-		] })
+		children: /* @__PURE__ */ d(n, {
+			closeDisabled: x,
+			labels: { close: T.actionDialogCloseButton },
+			children: [
+				p ? /* @__PURE__ */ u("div", {
+					className: "ttw:flex ttw:justify-center",
+					children: /* @__PURE__ */ u("span", {
+						className: `ttw:flex ttw:size-12 ttw:items-center ttw:justify-center ttw:rounded-full ${y === "destructive" ? "ttw:bg-destructive/10 ttw:text-destructive" : "ttw:bg-primary/10 ttw:text-primary"}`,
+						children: p
+					})
+				}) : null,
+				/* @__PURE__ */ d(a, {
+					className: p ? "ttw:text-center" : void 0,
+					children: [/* @__PURE__ */ u(o, { children: m }), /* @__PURE__ */ u(r, { children: h })]
+				}),
+				g && /* @__PURE__ */ d("div", {
+					className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted/50 ttw:px-3 ttw:py-2",
+					children: [/* @__PURE__ */ u("p", {
+						className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
+						children: g
+					}), _ && /* @__PURE__ */ u("p", {
+						className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground",
+						children: _
+					})]
+				}),
+				b && /* @__PURE__ */ u(c, { children: b }),
+				/* @__PURE__ */ d(i, { children: [/* @__PURE__ */ u(t, {
+					disabled: x,
+					children: T.actionDialogCancelButton
+				}), /* @__PURE__ */ u(s, {
+					variant: y,
+					loading: x,
+					onClick: C,
+					children: v
+				})] })
+			]
+		})
 	});
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index6.js

@@ -93,7 +93,8 @@ var e = {
 	editAccountAccessLabel: "Account access",
 	editCancelButton: "Cancel",
 	editSaveButton: "Save changes",
-	actionDialogCancelButton: "Cancel"
+	actionDialogCancelButton: "Cancel",
+	actionDialogCloseButton: "Close"
 };
 //#endregion
 export { e as DEFAULT_LABELS };

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index17.js

@@ -3,7 +3,8 @@ var e = {
 	Title: "Delete this rule?",
 	Description: "You can't undo this action.",
 	Cancel: "Cancel",
-	Delete: "Delete"
+	Delete: "Delete",
+	Close: "Close"
 };
 //#endregion
 export { e as DeleteRuleDialogDefaultLabels };

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index18.js

@@ -13,6 +13,8 @@ var f = ({ open: f, onOpenChange: p, onConfirm: m, onCancel: h, isDeleting: g, c
 		open: f,
 		onOpenChange: p,
 		children: /* @__PURE__ */ u(t, {
+			closeDisabled: g,
+			labels: { close: b.Close },
 			"data-testid": y?.root,
 			className: "ttw:sm:max-w-sm",
 			children: [/* @__PURE__ */ u(i, {

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index10.js

@@ -121,6 +121,7 @@ function O({ open: e, onOpenChange: c, mode: l, counterpartMode: f = "customer",
 		initialFocusId: I ? `${F}-legal-name` : `${F}-first-name`,
 		submitLabel: H,
 		cancelLabel: P.cancelButton,
+		labels: { close: P.close },
 		onSubmit: j,
 		onCancel: M,
 		children: /* @__PURE__ */ x("div", {

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index13.js

@@ -10,18 +10,22 @@ function u({ open: u, onOpenChange: d, title: f, message: p, isDeleting: m, onCo
 	return /* @__PURE__ */ c(e, {
 		open: u,
 		onOpenChange: d,
-		children: /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(a, { children: f }), /* @__PURE__ */ c(n, { children: p })] }), /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(o, {
-			variant: "ghost",
-			onClick: g,
-			disabled: m,
-			children: v.cancelButton
-		}), /* @__PURE__ */ c(o, {
-			variant: "destructive",
-			onClick: h,
-			disabled: m,
-			loading: m,
-			children: v.confirmButton
-		})] })] })
+		children: /* @__PURE__ */ l(t, {
+			closeDisabled: m,
+			labels: { close: v.close },
+			children: [/* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(a, { children: f }), /* @__PURE__ */ c(n, { children: p })] }), /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(o, {
+				variant: "ghost",
+				onClick: g,
+				disabled: m,
+				children: v.cancelButton
+			}), /* @__PURE__ */ c(o, {
+				variant: "destructive",
+				onClick: h,
+				disabled: m,
+				loading: m,
+				children: v.confirmButton
+			})] })]
+		})
 	});
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index2.js

@@ -69,6 +69,7 @@ var n = {
 	createButtonCustomer: "Save customer",
 	createButtonVendor: "Save vendor",
 	saveButton: "Save",
+	close: "Close",
 	address: r,
 	ach: i,
 	fieldMarkers: e,
@@ -87,7 +88,8 @@ var n = {
 	fieldMarkers: e
 }, s = {
 	confirmButton: "Delete",
-	cancelButton: "Cancel"
-};
+	cancelButton: "Cancel",
+	close: "Close"
+}, c = { close: "Close" };
 //#endregion
-export { i as ACH_FIELD_GROUP_LABELS_EN, r as ADDRESS_FIELD_GROUP_LABELS_EN, o as BANK_ACCOUNT_FORM_SHEET_LABELS_EN, s as CONFIRM_DELETE_DIALOG_LABELS_EN, a as COUNTERPART_FORM_SHEET_LABELS_EN, n as COUNTERPART_TYPE_CHOOSER_LABELS_EN };
+export { i as ACH_FIELD_GROUP_LABELS_EN, r as ADDRESS_FIELD_GROUP_LABELS_EN, o as BANK_ACCOUNT_FORM_SHEET_LABELS_EN, s as CONFIRM_DELETE_DIALOG_LABELS_EN, a as COUNTERPART_FORM_SHEET_LABELS_EN, n as COUNTERPART_TYPE_CHOOSER_LABELS_EN, c as FORM_SHEET_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index9.js

@@ -1,58 +1,63 @@
 import { Button as e, Sheet as t, SheetContent as n, SheetDescription as r, SheetFooter as i, SheetHeader as a, SheetTitle as o } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { useId as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { FORM_SHEET_LABELS_EN as s } from "./index2.js";
+import { useId as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index9.js
-function u({ open: u, onOpenChange: d, title: f, description: p, formError: m, inProgress: h, submitDisabled: g, initialFocusId: _, submitLabel: v, cancelLabel: y, onSubmit: b, onCancel: x, children: S }) {
-	let C = s();
-	return /* @__PURE__ */ c(t, {
-		open: u,
-		onOpenChange: d,
-		children: /* @__PURE__ */ l(n, {
+function d({ open: d, onOpenChange: f, title: p, description: m, formError: h, inProgress: g, submitDisabled: _, initialFocusId: v, submitLabel: y, cancelLabel: b, onSubmit: x, onCancel: S, children: C, labels: w }) {
+	let T = {
+		...s,
+		...w
+	}, E = c();
+	return /* @__PURE__ */ l(t, {
+		open: d,
+		onOpenChange: f,
+		children: /* @__PURE__ */ u(n, {
 			className: "ttw:w-150 ttw:sm:max-w-150 ttw:overflow-y-auto",
+			labels: { close: T.close },
 			onOpenAutoFocus: (e) => {
-				let t = _ ? document.getElementById(_) : null;
+				let t = v ? document.getElementById(v) : null;
 				t && (e.preventDefault(), t.focus());
 			},
 			children: [
-				/* @__PURE__ */ l(a, {
+				/* @__PURE__ */ u(a, {
 					className: "ttw:border-b ttw:border-border",
-					children: [/* @__PURE__ */ c(o, {
+					children: [/* @__PURE__ */ l(o, {
 						className: "ttw:text-2xl",
-						children: f
-					}), /* @__PURE__ */ c(r, {
-						className: p ? void 0 : "ttw:sr-only",
-						children: p ?? f
+						children: p
+					}), /* @__PURE__ */ l(r, {
+						className: m ? void 0 : "ttw:sr-only",
+						children: m ?? p
 					})]
 				}),
-				/* @__PURE__ */ c("form", {
-					id: C,
+				/* @__PURE__ */ l("form", {
+					id: E,
 					noValidate: !0,
 					onSubmit: (e) => {
-						e.preventDefault(), e.stopPropagation(), b();
+						e.preventDefault(), e.stopPropagation(), x();
 					},
-					children: /* @__PURE__ */ l("div", {
+					children: /* @__PURE__ */ u("div", {
 						className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:pt-8 ttw:pb-6",
-						children: [m && /* @__PURE__ */ c("p", {
+						children: [h && /* @__PURE__ */ l("p", {
 							role: "alert",
 							className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-							children: m
-						}), S]
+							children: h
+						}), C]
 					})
 				}),
-				/* @__PURE__ */ l(i, {
+				/* @__PURE__ */ u(i, {
 					className: "ttw:flex ttw:flex-row ttw:justify-end ttw:gap-2",
-					children: [/* @__PURE__ */ c(e, {
+					children: [/* @__PURE__ */ l(e, {
 						type: "button",
 						variant: "ghost",
 						size: "lg",
-						onClick: x,
-						children: y
-					}), /* @__PURE__ */ c(e, {
+						onClick: S,
+						children: b
+					}), /* @__PURE__ */ l(e, {
 						type: "submit",
-						form: C,
+						form: E,
 						size: "lg",
-						disabled: h || g,
-						children: v
+						disabled: g || _,
+						children: y
 					})]
 				})
 			]
@@ -60,4 +65,4 @@ function u({ open: u, onOpenChange: d, title: f, description: p, formError: m, i
 	});
 }
 //#endregion
-export { u as FormSheet, u as default };
+export { d as FormSheet, d as default };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.9.17", n = "765fbb441a95b8f193725623aad8ccb055c67679", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.9.18", n = "5fe60eee17764a2ad85523b90e2d35c4910227b1", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

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

@@ -22,6 +22,7 @@ var r = {
 	cancelButton: "Cancel",
 	createButton: "Save {type}",
 	saveButton: "Save",
+	close: "Close",
 	fieldMarkers: e,
 	requiredFieldsLegend: t
 };
@@ -52,7 +53,8 @@ var a = {
 	moreActionsLabel: "More actions",
 	saveAction: "Save unit",
 	cancelAction: "Cancel edit",
-	emptyText: "No measure units yet."
+	emptyText: "No measure units yet.",
+	close: "Close"
 }, o = {
 	title: "Delete \"{name}\"?",
 	messageNoItems: "There are no items created with this measure unit.",
@@ -60,7 +62,8 @@ var a = {
 	messageWithItems: "Any products or services referencing this unit will update to use a blank unit of measure.",
 	messageWithItemsHint: "Previously issued invoices will not be impacted.",
 	confirmButton: "Delete",
-	cancelButton: "Cancel"
+	cancelButton: "Cancel",
+	close: "Close"
 }, s = {
 	fieldLabel: "Item name",
 	placeholder: "e.g., Office supplies",

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

@@ -11,6 +11,7 @@ function f({ open: f, onOpenChange: p, values: m, errors: h, unitOptions: g, pri
 		onOpenChange: p,
 		children: /* @__PURE__ */ d(n, {
 			className: "ttw:w-150 ttw:sm:max-w-150 ttw:gap-0",
+			labels: { close: C.close },
 			children: [
 				/* @__PURE__ */ d(a, {
 					className: "ttw:border-b ttw:border-border",

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

@@ -14,6 +14,7 @@ function k({ open: k, onOpenChange: A, units: j, isLoading: M, searchValue: N, o
 		onOpenChange: A,
 		children: /* @__PURE__ */ S(l, {
 			className: "ttw:w-150 ttw:sm:max-w-150 ttw:gap-0 ttw:p-0",
+			labels: { close: Z.close },
 			children: [
 				/* @__PURE__ */ S(f, {
 					className: "ttw:border-b ttw:border-border",

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

@@ -10,41 +10,45 @@ function h({ open: h, onOpenChange: g, unitName: _, affectedProducts: v, isLoadi
 	return /* @__PURE__ */ p(e, {
 		open: h,
 		onOpenChange: g,
-		children: /* @__PURE__ */ m(t, { children: [
-			/* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(a, { children: w.title.replace("{name}", _) }), /* @__PURE__ */ p(n, { children: T ? w.messageWithItems : w.messageNoItems })] }),
-			/* @__PURE__ */ p("p", {
-				className: "ttw:text-sm ttw:text-muted-foreground",
-				children: T ? w.messageWithItemsHint : w.messageNoItemsHint
-			}),
-			y ? /* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:justify-center ttw:py-4",
-				children: /* @__PURE__ */ p(s, {})
-			}) : T ? /* @__PURE__ */ p("div", {
-				className: "ttw:max-h-60 ttw:overflow-auto ttw:rounded-md ttw:border",
-				children: /* @__PURE__ */ p(c, { children: /* @__PURE__ */ p(l, { children: v.map((e) => /* @__PURE__ */ m(d, {
-					className: "ttw:border-border ttw:hover:bg-transparent",
-					children: [/* @__PURE__ */ p(u, {
-						className: "ttw:pl-4 ttw:whitespace-normal ttw:text-text ttw:font-medium",
-						children: e.name
-					}), /* @__PURE__ */ p(u, {
-						className: "ttw:pr-4 ttw:text-right ttw:text-text ttw:font-medium",
-						children: e.priceLabel
-					})]
-				}, e.id)) }) })
-			}) : null,
-			/* @__PURE__ */ m(r, { children: [/* @__PURE__ */ p(o, {
-				variant: "ghost",
-				onClick: S,
-				disabled: b,
-				children: w.cancelButton
-			}), /* @__PURE__ */ p(o, {
-				variant: "destructive",
-				onClick: x,
-				disabled: b || y,
-				loading: b,
-				children: w.confirmButton
-			})] })
-		] })
+		children: /* @__PURE__ */ m(t, {
+			closeDisabled: b,
+			labels: { close: w.close },
+			children: [
+				/* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(a, { children: w.title.replace("{name}", _) }), /* @__PURE__ */ p(n, { children: T ? w.messageWithItems : w.messageNoItems })] }),
+				/* @__PURE__ */ p("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: T ? w.messageWithItemsHint : w.messageNoItemsHint
+				}),
+				y ? /* @__PURE__ */ p("div", {
+					className: "ttw:flex ttw:justify-center ttw:py-4",
+					children: /* @__PURE__ */ p(s, {})
+				}) : T ? /* @__PURE__ */ p("div", {
+					className: "ttw:max-h-60 ttw:overflow-auto ttw:rounded-md ttw:border",
+					children: /* @__PURE__ */ p(c, { children: /* @__PURE__ */ p(l, { children: v.map((e) => /* @__PURE__ */ m(d, {
+						className: "ttw:border-border ttw:hover:bg-transparent",
+						children: [/* @__PURE__ */ p(u, {
+							className: "ttw:pl-4 ttw:whitespace-normal ttw:text-text ttw:font-medium",
+							children: e.name
+						}), /* @__PURE__ */ p(u, {
+							className: "ttw:pr-4 ttw:text-right ttw:text-text ttw:font-medium",
+							children: e.priceLabel
+						})]
+					}, e.id)) }) })
+				}) : null,
+				/* @__PURE__ */ m(r, { children: [/* @__PURE__ */ p(o, {
+					variant: "ghost",
+					onClick: S,
+					disabled: b,
+					children: w.cancelButton
+				}), /* @__PURE__ */ p(o, {
+					variant: "destructive",
+					onClick: x,
+					disabled: b || y,
+					loading: b,
+					children: w.confirmButton
+				})] })
+			]
+		})
 	});
 }
 //#endregion

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

@@ -11,6 +11,7 @@ import { registerDesignSystemEnsurer as o, registerUIRenderers as s, useDesignSy
 import "./lib/UIContext/index.js";
 import { HostIsolationScope as u } from "./lib/HostIsolationScope/HostIsolationScope.js";
 import { Link as d } from "./lib/Link/Link.js";
+import "./lib/WidgetFrame/WidgetFrame.js";
 import { WidgetContainer as f } from "./lib/WidgetContainer/WidgetContainer.js";
 import { EmptyState as p } from "./lib/EmptyState/EmptyState.js";
 import { ERROR_STATE_ID as m, ErrorState as h } from "./lib/ErrorState/ErrorState.js";

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

@@ -1,25 +1,13 @@
-import { Typography as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { WidgetFrame as e } from "../WidgetFrame/WidgetFrame.js";
+import { jsx as t } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/WidgetContainer/WidgetContainer.js
-function r({ icon: r, title: i, children: a, showHeaderDivider: o = !0 }) {
-	return /* @__PURE__ */ n("div", {
-		className: "ttw:flex ttw:w-full ttw:flex-col ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:text-card-foreground ttw:shadow-sm",
-		children: [/* @__PURE__ */ n("div", {
-			className: `ttw:flex ttw:items-center ttw:gap-2 ttw:px-4 ttw:py-3${o ? " ttw:border-b ttw:border-border" : ""}`,
-			children: [r ? /* @__PURE__ */ t("span", {
-				className: "ttw:flex ttw:shrink-0 ttw:items-center ttw:leading-none",
-				children: r
-			}) : null, /* @__PURE__ */ t(e, {
-				component: "h2",
-				variant: "h6",
-				className: "ttw:font-semibold ttw:text-foreground",
-				children: i
-			})]
-		}), /* @__PURE__ */ t("div", {
-			className: "ttw:flex ttw:flex-col ttw:p-4",
-			children: a
-		})]
+function n({ icon: n, title: r, children: i, showHeaderDivider: a = !0 }) {
+	return /* @__PURE__ */ t(e, {
+		icon: n,
+		title: r,
+		showHeaderDivider: a,
+		children: i
 	});
 }
 //#endregion
-export { r as WidgetContainer };
+export { n as WidgetContainer };

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

@@ -0,0 +1,35 @@
+import { Separator as e, Typography as t, cn as n } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/WidgetFrame/WidgetFrame.js
+function o({ title: o, icon: s, action: c, showHeaderDivider: l = !0, bodyClassName: u, className: d, children: f, ...p }) {
+	let m = o !== void 0 || c != null;
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "widget-frame",
+		className: n("ttw:@container/widget ttw:flex ttw:w-full ttw:flex-col ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:text-card-foreground", d),
+		...p,
+		children: [m ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
+			className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:px-4 ttw:py-3",
+			children: [o === void 0 ? null : /* @__PURE__ */ a("div", {
+				className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-2",
+				children: [s ? /* @__PURE__ */ i("span", {
+					"aria-hidden": !0,
+					className: "ttw:flex ttw:shrink-0 ttw:items-center ttw:text-primary ttw:[&>svg]:size-5 ttw:[&>svg]:text-primary",
+					children: s
+				}) : null, /* @__PURE__ */ i(t, {
+					component: "h2",
+					variant: "h6",
+					className: "ttw:min-w-0 ttw:font-semibold ttw:text-foreground",
+					children: o
+				})]
+			}), c == null ? null : /* @__PURE__ */ i("div", {
+				className: "ttw:ml-auto ttw:flex ttw:shrink-0 ttw:items-center ttw:justify-end ttw:gap-2",
+				children: c
+			})]
+		}), l ? /* @__PURE__ */ i(e, {}) : null] }) : null, /* @__PURE__ */ i("div", {
+			className: n("ttw:flex ttw:flex-col ttw:p-4", u),
+			children: f
+		})]
+	});
+}
+//#endregion
+export { o as WidgetFrame };