@tesouro/embedded-components-react 0.3.15 → 0.3.17

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index15.js

@@ -9,38 +9,38 @@ function u({ htmlFor: e, children: t }) {
 	});
 }
 var d = "ttw:w-full";
-function f({ fields: n, labels: f, isDisabled: p, websiteInvalid: m = !1 }) {
+function f({ fields: n, testIds: f, labels: p, isDisabled: m, websiteInvalid: h = !1 }) {
 	return /* @__PURE__ */ l("section", {
 		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-testid": "business-details-edit-form",
+		"data-testid": f?.root,
 		children: [
 			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
 				htmlFor: "companyLegalName",
-				children: f.companyLegalName
+				children: p.companyLegalName
 			}), /* @__PURE__ */ c(t, {
 				id: "companyLegalName",
 				value: n.companyLegalName.value,
 				onChange: (e) => n.companyLegalName.onValueChange(e.target.value),
-				disabled: p,
+				disabled: m,
 				required: !0
 			})] }),
 			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
 				htmlFor: "companyDbaName",
-				children: f.companyDbaName
+				children: p.companyDbaName
 			}), /* @__PURE__ */ c(t, {
 				id: "companyDbaName",
 				value: n.companyDbaName.value,
 				onChange: (e) => n.companyDbaName.onValueChange(e.target.value),
-				disabled: p
+				disabled: m
 			})] }),
 			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
 				htmlFor: "businessAddress",
-				children: f.businessAddress
+				children: p.businessAddress
 			}), /* @__PURE__ */ c(t, {
 				id: "businessAddress",
 				value: n.businessAddress.value,
 				onChange: (e) => n.businessAddress.onValueChange(e.target.value),
-				disabled: p,
+				disabled: m,
 				required: !0
 			})] }),
 			/* @__PURE__ */ l("div", {
@@ -50,12 +50,12 @@ function f({ fields: n, labels: f, isDisabled: p, websiteInvalid: m = !1 }) {
 						className: "ttw:min-w-0",
 						children: [/* @__PURE__ */ c(u, {
 							htmlFor: "city",
-							children: f.city
+							children: p.city
 						}), /* @__PURE__ */ c(t, {
 							id: "city",
 							value: n.city.value,
 							onChange: (e) => n.city.onValueChange(e.target.value),
-							disabled: p,
+							disabled: m,
 							required: !0
 						})]
 					}),
@@ -63,15 +63,15 @@ function f({ fields: n, labels: f, isDisabled: p, websiteInvalid: m = !1 }) {
 						className: "ttw:min-w-0",
 						children: [/* @__PURE__ */ c(u, {
 							htmlFor: "state",
-							children: f.state
+							children: p.state
 						}), /* @__PURE__ */ l(r, {
 							value: n.state.value,
 							onValueChange: n.state.onValueChange,
-							disabled: p,
+							disabled: m,
 							children: [/* @__PURE__ */ c(o, {
 								id: "state",
 								className: d,
-								children: /* @__PURE__ */ c(s, { placeholder: f.statePlaceholder })
+								children: /* @__PURE__ */ c(s, { placeholder: p.statePlaceholder })
 							}), /* @__PURE__ */ c(i, { children: n.state.options.map((e) => /* @__PURE__ */ c(a, {
 								value: e.value,
 								children: e.label
@@ -82,12 +82,12 @@ function f({ fields: n, labels: f, isDisabled: p, websiteInvalid: m = !1 }) {
 						className: "ttw:min-w-0",
 						children: [/* @__PURE__ */ c(u, {
 							htmlFor: "zipCode",
-							children: f.zipCode
+							children: p.zipCode
 						}), /* @__PURE__ */ c(t, {
 							id: "zipCode",
 							value: n.zipCode.value,
 							onChange: (e) => n.zipCode.onValueChange(e.target.value),
-							disabled: p,
+							disabled: m,
 							required: !0,
 							inputMode: "numeric"
 						})]
@@ -96,26 +96,26 @@ function f({ fields: n, labels: f, isDisabled: p, websiteInvalid: m = !1 }) {
 			}),
 			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
 				htmlFor: "companyPhoneNumber",
-				children: f.companyPhoneNumber
+				children: p.companyPhoneNumber
 			}), /* @__PURE__ */ c(t, {
 				id: "companyPhoneNumber",
 				type: "tel",
 				value: n.companyPhoneNumber.value,
 				onChange: (e) => n.companyPhoneNumber.onValueChange(e.target.value),
-				disabled: p,
+				disabled: m,
 				required: !0
 			})] }),
 			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
 				htmlFor: "companyStructure",
-				children: f.companyStructure
+				children: p.companyStructure
 			}), /* @__PURE__ */ l(r, {
 				value: n.companyStructure.value,
 				onValueChange: n.companyStructure.onValueChange,
-				disabled: p,
+				disabled: m,
 				children: [/* @__PURE__ */ c(o, {
 					id: "companyStructure",
 					className: d,
-					children: /* @__PURE__ */ c(s, { placeholder: f.companyStructurePlaceholder })
+					children: /* @__PURE__ */ c(s, { placeholder: p.companyStructurePlaceholder })
 				}), /* @__PURE__ */ c(i, { children: n.companyStructure.options.map((e) => /* @__PURE__ */ c(a, {
 					value: e.value,
 					children: e.label
@@ -124,49 +124,49 @@ function f({ fields: n, labels: f, isDisabled: p, websiteInvalid: m = !1 }) {
 			/* @__PURE__ */ l("div", { children: [
 				/* @__PURE__ */ c(u, {
 					htmlFor: "website",
-					children: f.website
+					children: p.website
 				}),
 				/* @__PURE__ */ c(t, {
 					id: "website",
 					type: "url",
 					value: n.website.value,
 					onChange: (e) => n.website.onValueChange(e.target.value),
-					disabled: p,
-					"aria-invalid": m || void 0,
-					"aria-describedby": m ? "website-error" : void 0
+					disabled: m,
+					"aria-invalid": h || void 0,
+					"aria-describedby": h ? "website-error" : void 0
 				}),
-				m ? /* @__PURE__ */ c("p", {
+				h ? /* @__PURE__ */ c("p", {
 					id: "website-error",
 					className: "ttw:mt-1 ttw:text-sm ttw:text-destructive",
 					role: "alert",
-					children: f.websiteInvalid
+					children: p.websiteInvalid
 				}) : null
 			] }),
 			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
 				htmlFor: "taxId",
-				children: f.taxId
+				children: p.taxId
 			}), /* @__PURE__ */ c(t, {
 				id: "taxId",
 				value: n.taxId.value,
 				onChange: (e) => n.taxId.onValueChange(e.target.value),
-				disabled: p,
+				disabled: m,
 				required: !0,
 				inputMode: "numeric",
 				maxLength: 9
 			})] }),
 			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(u, {
 				htmlFor: "naicsCode",
-				children: f.naicsCode
+				children: p.naicsCode
 			}), /* @__PURE__ */ c(e, {
 				id: "naicsCode",
-				"data-testid": "business-details-naics-combobox",
+				"data-testid": f?.naicsCombobox,
 				items: n.naicsCode.options,
 				value: n.naicsCode.value,
 				onValueChange: (e) => {
 					n.naicsCode.onValueChange(Array.isArray(e) ? e[0] ?? "" : e);
 				},
-				labels: { placeholder: f.naicsCodePlaceholder },
-				disabled: p
+				labels: { placeholder: p.naicsCodePlaceholder },
+				disabled: m
 			})] })
 		]
 	});

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index16.js

@@ -18,10 +18,10 @@ function r({ label: r, value: i, testId: a }) {
 		})]
 	}) : null;
 }
-function i({ rows: e }) {
+function i({ rows: e, testIds: n }) {
 	return /* @__PURE__ */ t("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-2",
-		"data-testid": "business-details-summary",
+		"data-testid": n?.root,
 		children: e.map((e) => /* @__PURE__ */ t(r, {
 			label: e.label,
 			value: e.value,

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index18.js

@@ -5,18 +5,19 @@ import { BusinessDetailsSummary as c } from "./index16.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Pen as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index18.js
-function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels: g, isDisabled: _, websiteInvalid: v }) {
-	let y = {
+function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels: g, isDisabled: _, websiteInvalid: v, testIds: y }) {
+	let b = {
 		...o,
 		...g
 	};
 	return f ? /* @__PURE__ */ l(s, {
 		fields: h,
-		labels: y,
+		labels: b,
 		isDisabled: _,
-		websiteInvalid: v
+		websiteInvalid: v,
+		testIds: y?.editForm
 	}) : /* @__PURE__ */ u("section", {
-		"data-testid": "business-details-panel",
+		"data-testid": y?.root,
 		className: "ttw:relative ttw:min-w-0 ttw:rounded-lg ttw:bg-surface-subtle ttw:p-4",
 		children: [
 			/* @__PURE__ */ u("div", {
@@ -25,7 +26,7 @@ function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels
 					component: "h3",
 					variant: "h6",
 					className: "ttw:font-semibold ttw:text-foreground",
-					children: y.panelTitle
+					children: b.panelTitle
 				}), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(i, {
 					asChild: !0,
 					onFocus: (e) => {
@@ -37,8 +38,8 @@ function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels
 						size: "icon-sm",
 						onClick: p,
 						disabled: _,
-						"aria-label": y.editButtonAriaLabel,
-						"data-testid": "business-details-edit-button",
+						"aria-label": b.editButtonAriaLabel,
+						"data-testid": y?.editButton,
 						className: "ttw:rounded-lg ttw:bg-muted ttw:text-foreground ttw:hover:bg-primary/10 ttw:hover:text-foreground",
 						children: /* @__PURE__ */ l(d, {
 							className: "ttw:size-5",
@@ -48,14 +49,17 @@ function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels
 				}), /* @__PURE__ */ l(n, {
 					side: "top",
 					sideOffset: 4,
-					children: y.editTooltip
+					children: b.editTooltip
 				})] }) })]
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "ttw:mb-3 ttw:border-b ttw:border-border",
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ l(c, { rows: m })
+			/* @__PURE__ */ l(c, {
+				rows: m,
+				testIds: y?.summary
+			})
 		]
 	});
 }

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index19.js

@@ -11,57 +11,57 @@ function y({ htmlFor: e, children: t }) {
 	});
 }
 var b = "ttw:w-full";
-function x({ fields: x, labels: S, isDisabled: C, ssnRevealed: w, ssnToggleAriaLabel: T, onToggleSsnVisibility: E, showOwnershipPercentage: D, maxBirthDate: O, ssnMaskedDisplay: k, ssnFormattedDisplay: A }) {
-	let [j, M] = m(!1), N = !w && !j;
+function x({ fields: x, testIds: S, labels: C, isDisabled: w, ssnRevealed: T, ssnToggleAriaLabel: E, onToggleSsnVisibility: D, showOwnershipPercentage: O, maxBirthDate: k, ssnMaskedDisplay: A, ssnFormattedDisplay: j }) {
+	let [M, N] = m(!1), P = !T && !M;
 	return /* @__PURE__ */ g("section", {
 		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-testid": "about-you-edit-form",
+		"data-testid": S?.root,
 		children: [
 			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
 				htmlFor: "firstName",
-				children: S.firstName
+				children: C.firstName
 			}), /* @__PURE__ */ h(n, {
 				id: "firstName",
 				value: x.firstName.value,
 				onChange: (e) => x.firstName.onValueChange(e.target.value),
-				disabled: C,
+				disabled: w,
 				required: !0
 			})] }),
 			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
 				htmlFor: "lastName",
-				children: S.lastName
+				children: C.lastName
 			}), /* @__PURE__ */ h(n, {
 				id: "lastName",
 				value: x.lastName.value,
 				onChange: (e) => x.lastName.onValueChange(e.target.value),
-				disabled: C,
+				disabled: w,
 				required: !0
 			})] }),
 			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
 				htmlFor: "dateOfBirth",
-				children: S.dateOfBirth
+				children: C.dateOfBirth
 			}), /* @__PURE__ */ h(t, {
 				id: "dateOfBirth",
 				value: x.dateOfBirth.value,
 				onChange: x.dateOfBirth.onValueChange,
-				placeholder: S.dateOfBirthPlaceholder,
-				disabled: C,
-				maxDate: O
+				placeholder: C.dateOfBirthPlaceholder,
+				disabled: w,
+				maxDate: k
 			})] }),
 			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
 				htmlFor: "ssn",
-				children: S.ssn
+				children: C.ssn
 			}), /* @__PURE__ */ g("div", {
 				className: "ttw:flex ttw:gap-2",
 				children: [/* @__PURE__ */ h(n, {
 					id: "ssn",
 					className: "ttw:flex-1 ttw:font-mono ttw:tracking-wider",
 					type: "text",
-					value: N ? k : A,
+					value: P ? A : j,
 					onChange: (e) => x.ssn.onValueChange(e.target.value),
-					onFocus: () => M(!0),
-					onBlur: () => M(!1),
-					disabled: C,
+					onFocus: () => N(!0),
+					onBlur: () => N(!1),
+					disabled: w,
 					autoComplete: "off",
 					inputMode: "numeric",
 					maxLength: 11,
@@ -70,20 +70,20 @@ function x({ fields: x, labels: S, isDisabled: C, ssnRevealed: w, ssnToggleAriaL
 					type: "button",
 					variant: "outline",
 					size: "icon",
-					onClick: E,
-					disabled: C,
-					"aria-label": T,
-					children: h(w ? v : _, { className: "ttw:size-4" })
+					onClick: D,
+					disabled: w,
+					"aria-label": E,
+					children: h(T ? v : _, { className: "ttw:size-4" })
 				})]
 			})] }),
 			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
 				htmlFor: "homeAddress",
-				children: S.homeAddress
+				children: C.homeAddress
 			}), /* @__PURE__ */ h(n, {
 				id: "homeAddress",
 				value: x.homeAddress.value,
 				onChange: (e) => x.homeAddress.onValueChange(e.target.value),
-				disabled: C,
+				disabled: w,
 				required: !0
 			})] }),
 			/* @__PURE__ */ g("div", {
@@ -93,12 +93,12 @@ function x({ fields: x, labels: S, isDisabled: C, ssnRevealed: w, ssnToggleAriaL
 						className: "ttw:min-w-0",
 						children: [/* @__PURE__ */ h(y, {
 							htmlFor: "city",
-							children: S.city
+							children: C.city
 						}), /* @__PURE__ */ h(n, {
 							id: "city",
 							value: x.city.value,
 							onChange: (e) => x.city.onValueChange(e.target.value),
-							disabled: C,
+							disabled: w,
 							required: !0
 						})]
 					}),
@@ -106,15 +106,15 @@ function x({ fields: x, labels: S, isDisabled: C, ssnRevealed: w, ssnToggleAriaL
 						className: "ttw:min-w-0",
 						children: [/* @__PURE__ */ h(y, {
 							htmlFor: "state",
-							children: S.state
+							children: C.state
 						}), /* @__PURE__ */ g(l, {
 							value: x.state.value,
 							onValueChange: x.state.onValueChange,
-							disabled: C,
+							disabled: w,
 							children: [/* @__PURE__ */ h(f, {
 								id: "state",
 								className: b,
-								children: /* @__PURE__ */ h(p, { placeholder: S.statePlaceholder })
+								children: /* @__PURE__ */ h(p, { placeholder: C.statePlaceholder })
 							}), /* @__PURE__ */ h(u, { children: x.state.options.map((e) => /* @__PURE__ */ h(d, {
 								value: e.value,
 								children: e.label
@@ -125,12 +125,12 @@ function x({ fields: x, labels: S, isDisabled: C, ssnRevealed: w, ssnToggleAriaL
 						className: "ttw:min-w-0",
 						children: [/* @__PURE__ */ h(y, {
 							htmlFor: "zipCode",
-							children: S.zipCode
+							children: C.zipCode
 						}), /* @__PURE__ */ h(n, {
 							id: "zipCode",
 							value: x.zipCode.value,
 							onChange: (e) => x.zipCode.onValueChange(e.target.value),
-							disabled: C,
+							disabled: w,
 							required: !0,
 							inputMode: "numeric"
 						})]
@@ -139,37 +139,37 @@ function x({ fields: x, labels: S, isDisabled: C, ssnRevealed: w, ssnToggleAriaL
 			}),
 			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
 				htmlFor: "mobilePhoneNumber",
-				children: S.mobilePhoneNumber
+				children: C.mobilePhoneNumber
 			}), /* @__PURE__ */ h(n, {
 				id: "mobilePhoneNumber",
 				type: "tel",
 				value: x.mobilePhoneNumber.value,
 				onChange: (e) => x.mobilePhoneNumber.onValueChange(e.target.value),
-				disabled: C,
+				disabled: w,
 				required: !0
 			})] }),
 			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
 				htmlFor: "workEmail",
-				children: S.workEmail
+				children: C.workEmail
 			}), /* @__PURE__ */ h(n, {
 				id: "workEmail",
 				type: "email",
 				value: x.workEmail.value,
 				onChange: (e) => x.workEmail.onValueChange(e.target.value),
-				disabled: C,
+				disabled: w,
 				required: !0
 			})] }),
 			/* @__PURE__ */ g("fieldset", {
-				"data-testid": "about-you-owns-over-25-question",
+				"data-testid": S?.ownsOver25Question,
 				children: [/* @__PURE__ */ h("legend", {
 					id: "ownsOver25Legend",
 					className: "ttw:mb-2 ttw:text-sm ttw:font-medium",
-					children: S.ownsOver25Question
+					children: C.ownsOver25Question
 				}), /* @__PURE__ */ g(s, {
 					value: x.ownsOver25Percent.value,
 					onValueChange: x.ownsOver25Percent.onValueChange,
 					className: "ttw:flex ttw:gap-4",
-					disabled: C,
+					disabled: w,
 					"aria-labelledby": "ownsOver25Legend",
 					children: [/* @__PURE__ */ g("div", {
 						className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
@@ -180,7 +180,7 @@ function x({ fields: x, labels: S, isDisabled: C, ssnRevealed: w, ssnToggleAriaL
 						}), /* @__PURE__ */ h(o, {
 							htmlFor: "ownsOver25Yes",
 							className: "ttw:cursor-pointer",
-							children: S.ownsOver25Yes
+							children: C.ownsOver25Yes
 						})]
 					}), /* @__PURE__ */ g("div", {
 						className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
@@ -191,14 +191,14 @@ function x({ fields: x, labels: S, isDisabled: C, ssnRevealed: w, ssnToggleAriaL
 						}), /* @__PURE__ */ h(o, {
 							htmlFor: "ownsOver25No",
 							className: "ttw:cursor-pointer",
-							children: S.ownsOver25No
+							children: C.ownsOver25No
 						})]
 					})]
 				})]
 			}),
-			D ? /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
+			O ? /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
 				htmlFor: "ownershipPercentage",
-				children: S.ownershipPercentage
+				children: C.ownershipPercentage
 			}), /* @__PURE__ */ g(r, {
 				className: "ttw:w-32",
 				children: [/* @__PURE__ */ h(a, {
@@ -207,10 +207,10 @@ function x({ fields: x, labels: S, isDisabled: C, ssnRevealed: w, ssnToggleAriaL
 					min: 25,
 					max: 100,
 					"data-has-end-addon": "",
-					placeholder: S.ownershipPercentagePlaceholder,
+					placeholder: C.ownershipPercentagePlaceholder,
 					value: x.ownershipPercentage.value ?? "",
 					onChange: (e) => x.ownershipPercentage.onValueChange(e.target.value === "" ? null : Number(e.target.value)),
-					disabled: C,
+					disabled: w,
 					required: !0
 				}), /* @__PURE__ */ h(i, {
 					align: "inline-end",

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index2.js

@@ -4,84 +4,87 @@ import "../../../shared/ui/dist/index.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { Trash2Icon as i, XIcon as a } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index2.js
-function o({ ownerName: o, labels: s, isDisabled: c, onCancel: l, onConfirm: u, onClose: d }) {
-	return /* @__PURE__ */ n(t, { children: /* @__PURE__ */ r("div", {
-		className: "ttw:flex ttw:h-full ttw:w-full ttw:min-h-0 ttw:flex-col ttw:px-8 ttw:pb-8 ttw:pt-8",
-		role: "alertdialog",
-		"aria-modal": "true",
-		"aria-labelledby": "additional-owner-delete-title",
-		"aria-describedby": "additional-owner-delete-description",
-		"data-testid": "additional-owner-delete-overlay",
-		children: [
-			/* @__PURE__ */ n("div", {
-				className: "ttw:relative ttw:shrink-0",
-				children: /* @__PURE__ */ n(e, {
-					type: "button",
-					variant: "ghost",
-					size: "icon-sm",
-					onClick: d,
-					disabled: c,
-					"aria-label": s.close,
-					className: "ttw:absolute ttw:top-0 ttw:right-0",
-					children: /* @__PURE__ */ n(a, { className: "ttw:size-4" })
-				})
-			}),
-			/* @__PURE__ */ r("div", {
-				className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:text-center",
-				"data-testid": "additional-owner-delete-content",
-				children: [
-					/* @__PURE__ */ r("div", {
-						className: "ttw:relative ttw:mb-6 ttw:flex ttw:items-center ttw:justify-center",
-						children: [/* @__PURE__ */ n("div", {
-							className: "ttw:absolute ttw:size-16 ttw:rounded-full ttw:bg-destructive/20 ttw:blur-md",
-							"aria-hidden": !0
-						}), /* @__PURE__ */ n("div", {
-							className: "ttw:relative ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive/10",
-							"aria-hidden": !0,
-							children: /* @__PURE__ */ n(i, { className: "ttw:size-6 ttw:text-destructive" })
-						})]
-					}),
-					/* @__PURE__ */ n("h2", {
-						id: "additional-owner-delete-title",
-						className: "ttw:mb-3 ttw:text-2xl ttw:font-semibold ttw:tracking-tight",
-						children: s.deleteOwnerHeading
-					}),
-					/* @__PURE__ */ r("p", {
-						id: "additional-owner-delete-description",
-						className: "ttw:max-w-sm ttw:text-base ttw:text-muted-foreground",
-						children: [
-							s.deleteOwnerPromptBeforeName,
-							" ",
-							/* @__PURE__ */ n("span", {
-								className: "ttw:font-semibold ttw:text-foreground",
-								children: o
-							}),
-							" ",
-							s.deleteOwnerPromptAfterName
-						]
+function o({ ownerName: o, labels: s, isDisabled: c, onCancel: l, onConfirm: u, onClose: d, testIds: f }) {
+	return /* @__PURE__ */ n(t, {
+		testIds: f?.overlay,
+		children: /* @__PURE__ */ r("div", {
+			className: "ttw:flex ttw:h-full ttw:w-full ttw:min-h-0 ttw:flex-col ttw:px-8 ttw:pb-8 ttw:pt-8",
+			role: "alertdialog",
+			"aria-modal": "true",
+			"aria-labelledby": "additional-owner-delete-title",
+			"aria-describedby": "additional-owner-delete-description",
+			"data-testid": f?.root,
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: "ttw:relative ttw:shrink-0",
+					children: /* @__PURE__ */ n(e, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						onClick: d,
+						disabled: c,
+						"aria-label": s.close,
+						className: "ttw:absolute ttw:top-0 ttw:right-0",
+						children: /* @__PURE__ */ n(a, { className: "ttw:size-4" })
 					})
-				]
-			}),
-			/* @__PURE__ */ r("div", {
-				className: "ttw:flex ttw:shrink-0 ttw:gap-3",
-				children: [/* @__PURE__ */ n(e, {
-					type: "button",
-					variant: "outline",
-					onClick: l,
-					disabled: c,
-					className: "ttw:h-auto ttw:flex-1 ttw:rounded-2xl ttw:border-border ttw:py-3 ttw:text-base ttw:font-medium ttw:text-foreground ttw:hover:bg-muted",
-					children: s.cancel
-				}), /* @__PURE__ */ n(e, {
-					type: "button",
-					variant: "destructive",
-					onClick: u,
-					disabled: c,
-					className: "ttw:h-auto ttw:flex-1 ttw:rounded-2xl ttw:py-3 ttw:text-base ttw:font-medium",
-					children: s.deleteOwnerConfirm
-				})]
-			})
-		]
-	}) });
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:text-center",
+					"data-testid": f?.content,
+					children: [
+						/* @__PURE__ */ r("div", {
+							className: "ttw:relative ttw:mb-6 ttw:flex ttw:items-center ttw:justify-center",
+							children: [/* @__PURE__ */ n("div", {
+								className: "ttw:absolute ttw:size-16 ttw:rounded-full ttw:bg-destructive/20 ttw:blur-md",
+								"aria-hidden": !0
+							}), /* @__PURE__ */ n("div", {
+								className: "ttw:relative ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive/10",
+								"aria-hidden": !0,
+								children: /* @__PURE__ */ n(i, { className: "ttw:size-6 ttw:text-destructive" })
+							})]
+						}),
+						/* @__PURE__ */ n("h2", {
+							id: "additional-owner-delete-title",
+							className: "ttw:mb-3 ttw:text-2xl ttw:font-semibold ttw:tracking-tight",
+							children: s.deleteOwnerHeading
+						}),
+						/* @__PURE__ */ r("p", {
+							id: "additional-owner-delete-description",
+							className: "ttw:max-w-sm ttw:text-base ttw:text-muted-foreground",
+							children: [
+								s.deleteOwnerPromptBeforeName,
+								" ",
+								/* @__PURE__ */ n("span", {
+									className: "ttw:font-semibold ttw:text-foreground",
+									children: o
+								}),
+								" ",
+								s.deleteOwnerPromptAfterName
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "ttw:flex ttw:shrink-0 ttw:gap-3",
+					children: [/* @__PURE__ */ n(e, {
+						type: "button",
+						variant: "outline",
+						onClick: l,
+						disabled: c,
+						className: "ttw:h-auto ttw:flex-1 ttw:rounded-2xl ttw:border-border ttw:py-3 ttw:text-base ttw:font-medium ttw:text-foreground ttw:hover:bg-muted",
+						children: s.cancel
+					}), /* @__PURE__ */ n(e, {
+						type: "button",
+						variant: "destructive",
+						onClick: u,
+						disabled: c,
+						className: "ttw:h-auto ttw:flex-1 ttw:rounded-2xl ttw:py-3 ttw:text-base ttw:font-medium",
+						children: s.deleteOwnerConfirm
+					})]
+				})
+			]
+		})
+	});
 }
 //#endregion
 export { o as AdditionalOwnerDeleteOverlay };