@tesouro/embedded-components-react 0.5.270 → 0.5.272

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

@@ -1,235 +1,69 @@
-import { Button as e, DatePicker as t, Input as n, InputGroup as r, InputGroupAddon as i, InputGroupInput as a, Label as o, RadioGroup as s, RadioGroupItem as c, Select as l, SelectContent as u, SelectItem as d, SelectTrigger as f, SelectValue as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { EyeIcon as _, EyeOffIcon as v } from "lucide-react";
+import { Button as e, Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i, Typography as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BUSINESS_DETAILS_PANEL_LABELS_EN as o } from "./index21.js";
+import { BusinessDetailsEditForm as s } from "./index19.js";
+import { BusinessDetailsSummary as c } from "./index20.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/index22.js
-function y({ htmlFor: e, children: t }) {
-	return /* @__PURE__ */ h(o, {
-		htmlFor: e,
-		className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
-		children: t
-	});
-}
-var b = "ttw:w-full";
-function x({ fields: x, testIds: S, labels: C, isDisabled: w, ssnRevealed: T, ssnToggleAriaLabel: E, onToggleSsnVisibility: D, showOwnershipPercentage: O, maxBirthDate: k, ssnMaskedDisplay: A, ssnFormattedDisplay: j, ssnRequired: M, ssnPlaceholder: N, ssnHelpText: P }) {
-	let [F, I] = m(!1), L = !T && !F;
-	return /* @__PURE__ */ g("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		"data-testid": S?.root,
+function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels: g, isDisabled: _, taxIdRequired: v, taxIdPlaceholder: y, taxIdHelpText: b, testIds: x }) {
+	let S = {
+		...o,
+		...g
+	};
+	return f ? /* @__PURE__ */ l(s, {
+		fields: h,
+		labels: S,
+		isDisabled: _,
+		taxIdRequired: v,
+		taxIdPlaceholder: y,
+		taxIdHelpText: b,
+		testIds: x?.editForm
+	}) : /* @__PURE__ */ u("section", {
+		"data-testid": x?.root,
+		className: "ttw:relative ttw:min-w-0 ttw:rounded-lg ttw:bg-surface-subtle ttw:p-4",
 		children: [
-			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
-				htmlFor: "firstName",
-				children: C.firstName
-			}), /* @__PURE__ */ h(n, {
-				id: "firstName",
-				value: x.firstName.value,
-				onChange: (e) => x.firstName.onValueChange(e.target.value),
-				disabled: w,
-				required: !0
-			})] }),
-			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
-				htmlFor: "lastName",
-				children: C.lastName
-			}), /* @__PURE__ */ h(n, {
-				id: "lastName",
-				value: x.lastName.value,
-				onChange: (e) => x.lastName.onValueChange(e.target.value),
-				disabled: w,
-				required: !0
-			})] }),
-			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
-				htmlFor: "dateOfBirth",
-				children: C.dateOfBirth
-			}), /* @__PURE__ */ h(t, {
-				id: "dateOfBirth",
-				value: x.dateOfBirth.value,
-				onChange: x.dateOfBirth.onValueChange,
-				placeholder: C.dateOfBirthPlaceholder,
-				disabled: w,
-				maxDate: k
-			})] }),
-			/* @__PURE__ */ g("div", { children: [
-				/* @__PURE__ */ h(y, {
-					htmlFor: "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: L ? A : j,
-						onChange: (e) => x.ssn.onValueChange(e.target.value),
-						onFocus: () => I(!0),
-						onBlur: () => I(!1),
-						disabled: w,
-						autoComplete: "off",
-						inputMode: "numeric",
-						maxLength: 11,
-						required: M,
-						placeholder: N,
-						"aria-describedby": P ? "ssn-on-file" : void 0
-					}), /* @__PURE__ */ h(e, {
+			/* @__PURE__ */ u("div", {
+				className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-3",
+				children: [/* @__PURE__ */ l(a, {
+					component: "h3",
+					variant: "h6",
+					className: "ttw:font-semibold ttw:text-foreground",
+					children: S.panelTitle
+				}), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(i, {
+					asChild: !0,
+					onFocus: (e) => {
+						e.preventDefault();
+					},
+					children: /* @__PURE__ */ l(e, {
 						type: "button",
-						variant: "outline",
-						size: "icon",
-						onClick: D,
-						disabled: w,
-						"aria-label": E,
-						children: h(T ? v : _, { className: "ttw:size-4" })
-					})]
-				}),
-				P ? /* @__PURE__ */ h("p", {
-					id: "ssn-on-file",
-					className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
-					children: P
-				}) : null
-			] }),
-			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
-				htmlFor: "homeAddress",
-				children: C.homeAddress
-			}), /* @__PURE__ */ h(n, {
-				id: "homeAddress",
-				value: x.homeAddress.value,
-				onChange: (e) => x.homeAddress.onValueChange(e.target.value),
-				disabled: w,
-				required: !0
-			})] }),
-			/* @__PURE__ */ g("div", {
-				className: "ttw:grid ttw:grid-cols-3 ttw:gap-4",
-				children: [
-					/* @__PURE__ */ g("div", {
-						className: "ttw:min-w-0",
-						children: [/* @__PURE__ */ h(y, {
-							htmlFor: "city",
-							children: C.city
-						}), /* @__PURE__ */ h(n, {
-							id: "city",
-							value: x.city.value,
-							onChange: (e) => x.city.onValueChange(e.target.value),
-							disabled: w,
-							required: !0
-						})]
-					}),
-					/* @__PURE__ */ g("div", {
-						className: "ttw:min-w-0",
-						children: [/* @__PURE__ */ h(y, {
-							htmlFor: "state",
-							children: C.state
-						}), /* @__PURE__ */ g(l, {
-							value: x.state.value,
-							onValueChange: x.state.onValueChange,
-							disabled: w,
-							children: [/* @__PURE__ */ h(f, {
-								id: "state",
-								className: b,
-								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
-							}, e.value)) })]
-						})]
-					}),
-					/* @__PURE__ */ g("div", {
-						className: "ttw:min-w-0",
-						children: [/* @__PURE__ */ h(y, {
-							htmlFor: "zipCode",
-							children: C.zipCode
-						}), /* @__PURE__ */ h(n, {
-							id: "zipCode",
-							value: x.zipCode.value,
-							onChange: (e) => x.zipCode.onValueChange(e.target.value),
-							disabled: w,
-							required: !0,
-							inputMode: "numeric"
-						})]
+						variant: "ghost",
+						size: "icon-sm",
+						onClick: p,
+						disabled: _,
+						"aria-label": S.editButtonAriaLabel,
+						"data-testid": x?.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",
+							"aria-hidden": !0
+						})
 					})
-				]
+				}), /* @__PURE__ */ l(n, {
+					side: "top",
+					sideOffset: 4,
+					children: S.editTooltip
+				})] }) })]
 			}),
-			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
-				htmlFor: "mobilePhoneNumber",
-				children: C.mobilePhoneNumber
-			}), /* @__PURE__ */ h(n, {
-				id: "mobilePhoneNumber",
-				type: "tel",
-				value: x.mobilePhoneNumber.value,
-				onChange: (e) => x.mobilePhoneNumber.onValueChange(e.target.value),
-				disabled: w,
-				required: !0
-			})] }),
-			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
-				htmlFor: "workEmail",
-				children: C.workEmail
-			}), /* @__PURE__ */ h(n, {
-				id: "workEmail",
-				type: "email",
-				value: x.workEmail.value,
-				onChange: (e) => x.workEmail.onValueChange(e.target.value),
-				disabled: w,
-				required: !0
-			})] }),
-			/* @__PURE__ */ g("fieldset", {
-				"data-testid": S?.ownsOver25Question,
-				children: [/* @__PURE__ */ h("legend", {
-					id: "ownsOver25Legend",
-					className: "ttw:mb-2 ttw:text-sm ttw:font-medium",
-					children: C.ownsOver25Question
-				}), /* @__PURE__ */ g(s, {
-					value: x.ownsOver25Percent.value,
-					onValueChange: x.ownsOver25Percent.onValueChange,
-					className: "ttw:flex ttw:gap-4",
-					disabled: w,
-					"aria-labelledby": "ownsOver25Legend",
-					children: [/* @__PURE__ */ g("div", {
-						className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
-						children: [/* @__PURE__ */ h(c, {
-							value: "yes",
-							id: "ownsOver25Yes",
-							className: "ttw:cursor-pointer"
-						}), /* @__PURE__ */ h(o, {
-							htmlFor: "ownsOver25Yes",
-							className: "ttw:cursor-pointer",
-							children: C.ownsOver25Yes
-						})]
-					}), /* @__PURE__ */ g("div", {
-						className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
-						children: [/* @__PURE__ */ h(c, {
-							value: "no",
-							id: "ownsOver25No",
-							className: "ttw:cursor-pointer"
-						}), /* @__PURE__ */ h(o, {
-							htmlFor: "ownsOver25No",
-							className: "ttw:cursor-pointer",
-							children: C.ownsOver25No
-						})]
-					})]
-				})]
+			/* @__PURE__ */ l("div", {
+				className: "ttw:mb-3 ttw:border-b ttw:border-border",
+				"aria-hidden": !0
 			}),
-			O ? /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(y, {
-				htmlFor: "ownershipPercentage",
-				children: C.ownershipPercentage
-			}), /* @__PURE__ */ g(r, {
-				className: "ttw:w-32",
-				children: [/* @__PURE__ */ h(a, {
-					id: "ownershipPercentage",
-					type: "number",
-					min: 25,
-					max: 100,
-					"data-has-end-addon": "",
-					placeholder: C.ownershipPercentagePlaceholder,
-					value: x.ownershipPercentage.value ?? "",
-					onChange: (e) => x.ownershipPercentage.onValueChange(e.target.value === "" ? null : Number(e.target.value)),
-					disabled: w,
-					required: !0
-				}), /* @__PURE__ */ h(i, {
-					align: "inline-end",
-					"aria-hidden": !0,
-					children: "%"
-				})]
-			})] }) : null
+			/* @__PURE__ */ l(c, {
+				rows: m,
+				testIds: x?.summary
+			})
 		]
 	});
 }
 //#endregion
-export { x as AboutYouEditForm };
+export { o as BUSINESS_DETAILS_PANEL_LABELS_EN, f as BusinessDetailsPanel };

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

@@ -1,31 +1,343 @@
-import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Button as e, DatePicker as t, Input as n, InputGroup as r, InputGroupAddon as i, InputGroupInput as a, Label as o, RadioGroup as s, RadioGroupItem as c, Select as l, SelectContent as u, SelectItem as d, SelectTrigger as f, SelectValue as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { FieldError as m, fieldErrorAria as h, onCompositeBlur as g, selectBlurHandlers as _ } from "./index3.js";
+import { useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EyeIcon as x, EyeOffIcon as S } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index23.js
-function i({ label: i, value: a, testId: o, valueMonospace: s }) {
-	return a ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, {
-		component: "span",
-		variant: "body2",
-		className: "ttw:text-muted-foreground",
-		children: i
-	}), /* @__PURE__ */ n(e, {
-		component: "span",
-		variant: "body2",
-		"data-testid": o,
-		className: `ttw:min-w-0 ttw:wrap-break-word ttw:whitespace-pre-line ttw:text-left ttw:font-medium ttw:text-foreground ${s ? "ttw:font-mono ttw:tracking-wider" : ""}`,
-		children: a
-	})] }) : null;
+function C({ htmlFor: e, children: t }) {
+	return /* @__PURE__ */ y(o, {
+		htmlFor: e,
+		className: "ttw:mb-1 ttw:block ttw:text-sm ttw:font-medium",
+		children: t
+	});
 }
-function a({ rows: e, testIds: t }) {
-	return /* @__PURE__ */ n("div", {
-		className: "ttw:grid ttw:grid-cols-[max-content_1fr] ttw:gap-x-4 ttw:gap-y-2",
-		"data-testid": t?.root,
-		children: e.map((e) => /* @__PURE__ */ n(i, {
-			label: e.label,
-			value: e.value,
-			testId: e.testId,
-			valueMonospace: e.valueMonospace
-		}, e.testId ?? e.label))
+var w = "ttw:w-full";
+function T({ fields: T, testIds: E, labels: D, isDisabled: O, ssnRevealed: k, ssnToggleAriaLabel: A, onToggleSsnVisibility: j, showOwnershipPercentage: M, maxBirthDate: N, ssnMaskedDisplay: P, ssnFormattedDisplay: F, ssnRequired: I, ssnPlaceholder: L, ssnHelpText: R }) {
+	let [z, B] = v(!1), V = !k && !z, H = _(T.state.onBlur);
+	return /* @__PURE__ */ b("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		"data-testid": E?.root,
+		children: [
+			/* @__PURE__ */ b("div", { children: [
+				/* @__PURE__ */ y(C, {
+					htmlFor: "firstName",
+					children: D.firstName
+				}),
+				/* @__PURE__ */ y(n, {
+					id: "firstName",
+					value: T.firstName.value,
+					onChange: (e) => T.firstName.onValueChange(e.target.value),
+					onBlur: T.firstName.onBlur,
+					...h("firstName", T.firstName.error),
+					disabled: O,
+					required: !0
+				}),
+				/* @__PURE__ */ y(m, {
+					fieldId: "firstName",
+					error: T.firstName.error
+				})
+			] }),
+			/* @__PURE__ */ b("div", { children: [
+				/* @__PURE__ */ y(C, {
+					htmlFor: "lastName",
+					children: D.lastName
+				}),
+				/* @__PURE__ */ y(n, {
+					id: "lastName",
+					value: T.lastName.value,
+					onChange: (e) => T.lastName.onValueChange(e.target.value),
+					onBlur: T.lastName.onBlur,
+					...h("lastName", T.lastName.error),
+					disabled: O,
+					required: !0
+				}),
+				/* @__PURE__ */ y(m, {
+					fieldId: "lastName",
+					error: T.lastName.error
+				})
+			] }),
+			/* @__PURE__ */ b("div", { children: [
+				/* @__PURE__ */ y(C, {
+					htmlFor: "dateOfBirth",
+					children: D.dateOfBirth
+				}),
+				/* @__PURE__ */ y(t, {
+					id: "dateOfBirth",
+					value: T.dateOfBirth.value,
+					onChange: T.dateOfBirth.onValueChange,
+					placeholder: D.dateOfBirthPlaceholder,
+					disabled: O,
+					maxDate: N,
+					onBlur: T.dateOfBirth.onBlur,
+					...h("dateOfBirth", T.dateOfBirth.error)
+				}),
+				/* @__PURE__ */ y(m, {
+					fieldId: "dateOfBirth",
+					error: T.dateOfBirth.error
+				})
+			] }),
+			/* @__PURE__ */ b("div", { children: [
+				/* @__PURE__ */ y(C, {
+					htmlFor: "ssn",
+					children: D.ssn
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "ttw:flex ttw:gap-2",
+					onBlur: g(T.ssn.onBlur),
+					children: [/* @__PURE__ */ y(n, {
+						id: "ssn",
+						className: "ttw:flex-1 ttw:font-mono ttw:tracking-wider",
+						type: "text",
+						value: V ? P : F,
+						onChange: (e) => T.ssn.onValueChange(e.target.value),
+						onFocus: () => B(!0),
+						onBlur: () => B(!1),
+						disabled: O,
+						autoComplete: "off",
+						inputMode: "numeric",
+						maxLength: 11,
+						required: I,
+						placeholder: L,
+						...h("ssn", T.ssn.error, R ? "ssn-on-file" : void 0)
+					}), /* @__PURE__ */ y(e, {
+						type: "button",
+						variant: "outline",
+						size: "icon",
+						onClick: j,
+						disabled: O,
+						"aria-label": A,
+						children: y(k ? S : x, { className: "ttw:size-4" })
+					})]
+				}),
+				R ? /* @__PURE__ */ y("p", {
+					id: "ssn-on-file",
+					className: "ttw:mt-1 ttw:text-xs ttw:text-muted-foreground",
+					children: R
+				}) : null,
+				/* @__PURE__ */ y(m, {
+					fieldId: "ssn",
+					error: T.ssn.error
+				})
+			] }),
+			/* @__PURE__ */ b("div", { children: [
+				/* @__PURE__ */ y(C, {
+					htmlFor: "homeAddress",
+					children: D.homeAddress
+				}),
+				/* @__PURE__ */ y(n, {
+					id: "homeAddress",
+					value: T.homeAddress.value,
+					onChange: (e) => T.homeAddress.onValueChange(e.target.value),
+					onBlur: T.homeAddress.onBlur,
+					...h("homeAddress", T.homeAddress.error),
+					disabled: O,
+					required: !0
+				}),
+				/* @__PURE__ */ y(m, {
+					fieldId: "homeAddress",
+					error: T.homeAddress.error
+				})
+			] }),
+			/* @__PURE__ */ b("div", {
+				className: "ttw:grid ttw:grid-cols-3 ttw:gap-4",
+				children: [
+					/* @__PURE__ */ b("div", {
+						className: "ttw:min-w-0",
+						children: [
+							/* @__PURE__ */ y(C, {
+								htmlFor: "city",
+								children: D.city
+							}),
+							/* @__PURE__ */ y(n, {
+								id: "city",
+								value: T.city.value,
+								onChange: (e) => T.city.onValueChange(e.target.value),
+								onBlur: T.city.onBlur,
+								...h("city", T.city.error),
+								disabled: O,
+								required: !0
+							}),
+							/* @__PURE__ */ y(m, {
+								fieldId: "city",
+								error: T.city.error
+							})
+						]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "ttw:min-w-0",
+						children: [
+							/* @__PURE__ */ y(C, {
+								htmlFor: "state",
+								children: D.state
+							}),
+							/* @__PURE__ */ b(l, {
+								value: T.state.value,
+								onValueChange: T.state.onValueChange,
+								onOpenChange: H.onOpenChange,
+								disabled: O,
+								children: [/* @__PURE__ */ y(f, {
+									id: "state",
+									className: w,
+									onBlur: H.onTriggerBlur,
+									...h("state", T.state.error),
+									children: /* @__PURE__ */ y(p, { placeholder: D.statePlaceholder })
+								}), /* @__PURE__ */ y(u, { children: T.state.options.map((e) => /* @__PURE__ */ y(d, {
+									value: e.value,
+									children: e.label
+								}, e.value)) })]
+							}),
+							/* @__PURE__ */ y(m, {
+								fieldId: "state",
+								error: T.state.error
+							})
+						]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "ttw:min-w-0",
+						children: [
+							/* @__PURE__ */ y(C, {
+								htmlFor: "zipCode",
+								children: D.zipCode
+							}),
+							/* @__PURE__ */ y(n, {
+								id: "zipCode",
+								value: T.zipCode.value,
+								onChange: (e) => T.zipCode.onValueChange(e.target.value),
+								onBlur: T.zipCode.onBlur,
+								...h("zipCode", T.zipCode.error),
+								disabled: O,
+								required: !0,
+								inputMode: "numeric"
+							}),
+							/* @__PURE__ */ y(m, {
+								fieldId: "zipCode",
+								error: T.zipCode.error
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ b("div", { children: [
+				/* @__PURE__ */ y(C, {
+					htmlFor: "mobilePhoneNumber",
+					children: D.mobilePhoneNumber
+				}),
+				/* @__PURE__ */ y(n, {
+					id: "mobilePhoneNumber",
+					type: "tel",
+					value: T.mobilePhoneNumber.value,
+					onChange: (e) => T.mobilePhoneNumber.onValueChange(e.target.value),
+					onBlur: T.mobilePhoneNumber.onBlur,
+					...h("mobilePhoneNumber", T.mobilePhoneNumber.error),
+					disabled: O,
+					required: !0
+				}),
+				/* @__PURE__ */ y(m, {
+					fieldId: "mobilePhoneNumber",
+					error: T.mobilePhoneNumber.error
+				})
+			] }),
+			/* @__PURE__ */ b("div", { children: [
+				/* @__PURE__ */ y(C, {
+					htmlFor: "workEmail",
+					children: D.workEmail
+				}),
+				/* @__PURE__ */ y(n, {
+					id: "workEmail",
+					type: "email",
+					value: T.workEmail.value,
+					onChange: (e) => T.workEmail.onValueChange(e.target.value),
+					onBlur: T.workEmail.onBlur,
+					...h("workEmail", T.workEmail.error),
+					disabled: O,
+					required: !0
+				}),
+				/* @__PURE__ */ y(m, {
+					fieldId: "workEmail",
+					error: T.workEmail.error
+				})
+			] }),
+			/* @__PURE__ */ b("fieldset", {
+				"data-testid": E?.ownsOver25Question,
+				children: [
+					/* @__PURE__ */ y("legend", {
+						id: "ownsOver25Legend",
+						className: "ttw:mb-2 ttw:text-sm ttw:font-medium",
+						children: D.ownsOver25Question
+					}),
+					/* @__PURE__ */ b(s, {
+						value: T.ownsOver25Percent.value,
+						onValueChange: T.ownsOver25Percent.onValueChange,
+						className: "ttw:flex ttw:gap-4",
+						disabled: O,
+						"aria-labelledby": "ownsOver25Legend",
+						"aria-describedby": h("ownsOver25", T.ownsOver25Percent.error)["aria-describedby"],
+						onBlur: g(T.ownsOver25Percent.onBlur),
+						children: [/* @__PURE__ */ b("div", {
+							className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ y(c, {
+								value: "yes",
+								id: "ownsOver25Yes",
+								"aria-invalid": T.ownsOver25Percent.error ? !0 : void 0,
+								className: "ttw:cursor-pointer"
+							}), /* @__PURE__ */ y(o, {
+								htmlFor: "ownsOver25Yes",
+								className: "ttw:cursor-pointer",
+								children: D.ownsOver25Yes
+							})]
+						}), /* @__PURE__ */ b("div", {
+							className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ y(c, {
+								value: "no",
+								id: "ownsOver25No",
+								"aria-invalid": T.ownsOver25Percent.error ? !0 : void 0,
+								className: "ttw:cursor-pointer"
+							}), /* @__PURE__ */ y(o, {
+								htmlFor: "ownsOver25No",
+								className: "ttw:cursor-pointer",
+								children: D.ownsOver25No
+							})]
+						})]
+					}),
+					/* @__PURE__ */ y(m, {
+						fieldId: "ownsOver25",
+						error: T.ownsOver25Percent.error
+					})
+				]
+			}),
+			M ? /* @__PURE__ */ b("div", { children: [
+				/* @__PURE__ */ y(C, {
+					htmlFor: "ownershipPercentage",
+					children: D.ownershipPercentage
+				}),
+				/* @__PURE__ */ b(r, {
+					className: "ttw:w-32",
+					children: [/* @__PURE__ */ y(a, {
+						id: "ownershipPercentage",
+						type: "number",
+						min: 25,
+						max: 100,
+						"data-has-end-addon": "",
+						placeholder: D.ownershipPercentagePlaceholder,
+						value: T.ownershipPercentage.value ?? "",
+						onChange: (e) => T.ownershipPercentage.onValueChange(e.target.value === "" ? null : Number(e.target.value)),
+						onBlur: T.ownershipPercentage.onBlur,
+						...h("ownershipPercentage", T.ownershipPercentage.error),
+						disabled: O,
+						required: !0
+					}), /* @__PURE__ */ y(i, {
+						align: "inline-end",
+						"aria-hidden": !0,
+						children: "%"
+					})]
+				}),
+				/* @__PURE__ */ y(m, {
+					fieldId: "ownershipPercentage",
+					error: T.ownershipPercentage.error
+				})
+			] }) : null
+		]
 	});
 }
 //#endregion
-export { a as AboutYouSummary };
+export { T as AboutYouEditForm };