@tesouro/embedded-components-react 0.5.215 → 0.5.216

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

@@ -1,235 +1,23 @@
-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";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index20.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,
-		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, {
-						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"
-						})]
-					})
-				]
-			}),
-			/* @__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
-						})]
-					})]
-				})]
-			}),
-			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
-		]
-	});
-}
+var e = {
+	panelTitle: "Business Details",
+	editButtonAriaLabel: "Edit business details",
+	editTooltip: "Edit business details",
+	companyLegalName: "Legal company name",
+	companyDbaName: "Doing business as (optional)",
+	businessAddress: "Business address",
+	city: "City",
+	state: "State",
+	statePlaceholder: "Select state",
+	zipCode: "Postal code",
+	companyPhoneNumber: "Company phone number",
+	companyStructure: "Company structure",
+	companyStructurePlaceholder: "Select structure",
+	website: "Website (optional)",
+	websiteInvalid: "Enter a valid website URL (no spaces).",
+	taxId: "Tax ID (EIN)",
+	naicsCode: "Industry (NAICS code)",
+	naicsCodePlaceholder: "Search by code or industry"
+};
 //#endregion
-export { x as AboutYouEditForm };
+export { e as BUSINESS_DETAILS_PANEL_LABELS_EN };

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

@@ -1,31 +1,70 @@
-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, 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 "./index20.js";
+import { BusinessDetailsEditForm as s } from "./index18.js";
+import { BusinessDetailsSummary as c } from "./index19.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/index21.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 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))
+function f({ isEditing: f, onEditClick: p, summaryRows: m, editFields: h, labels: g, isDisabled: _, websiteInvalid: v, taxIdRequired: y, taxIdPlaceholder: b, taxIdHelpText: x, testIds: S }) {
+	let C = {
+		...o,
+		...g
+	};
+	return f ? /* @__PURE__ */ l(s, {
+		fields: h,
+		labels: C,
+		isDisabled: _,
+		websiteInvalid: v,
+		taxIdRequired: y,
+		taxIdPlaceholder: b,
+		taxIdHelpText: x,
+		testIds: S?.editForm
+	}) : /* @__PURE__ */ u("section", {
+		"data-testid": S?.root,
+		className: "ttw:relative ttw:min-w-0 ttw:rounded-lg ttw:bg-surface-subtle ttw:p-4",
+		children: [
+			/* @__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: C.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: "ghost",
+						size: "icon-sm",
+						onClick: p,
+						disabled: _,
+						"aria-label": C.editButtonAriaLabel,
+						"data-testid": S?.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: C.editTooltip
+				})] }) })]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "ttw:mb-3 ttw:border-b ttw:border-border",
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ l(c, {
+				rows: m,
+				testIds: S?.summary
+			})
+		]
 	});
 }
 //#endregion
-export { a as AboutYouSummary };
+export { o as BUSINESS_DETAILS_PANEL_LABELS_EN, f as BusinessDetailsPanel };

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

@@ -1,28 +1,235 @@
+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";
 //#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index22.js
-var e = {
-	panelTitle: "Personal Details",
-	editButtonAriaLabel: "Edit personal details",
-	editTooltip: "Edit personal details",
-	firstName: "First name",
-	lastName: "Last name",
-	dateOfBirth: "Date of birth",
-	dateOfBirthPlaceholder: "Pick a date",
-	ssn: "SSN",
-	ssnShow: "Show",
-	ssnHide: "Hide",
-	homeAddress: "Home address",
-	city: "City",
-	state: "State",
-	statePlaceholder: "Select state",
-	zipCode: "ZIP code",
-	mobilePhoneNumber: "Mobile phone number",
-	workEmail: "Work email",
-	ownsOver25Question: "Do you own 25% or more of the business?",
-	ownsOver25SummaryLabel: "Owns 25% or more of the business",
-	ownsOver25Yes: "Yes",
-	ownsOver25No: "No",
-	ownershipPercentage: "Ownership share (minimum 25%)",
-	ownershipPercentagePlaceholder: "e.g., 25"
-};
+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,
+		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, {
+						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"
+						})]
+					})
+				]
+			}),
+			/* @__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
+						})]
+					})]
+				})]
+			}),
+			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
+		]
+	});
+}
 //#endregion
-export { e as ABOUT_YOU_PANEL_LABELS_EN };
+export { x as AboutYouEditForm };