@tesouro/embedded-components-react 0.2.296 → 0.2.299

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

@@ -0,0 +1,76 @@
+import { Button as e, Input as t, Label as n, Select as r, SelectContent as i, SelectItem as a, SelectTrigger as o, SelectValue as s } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { COUNTERPART_SELECTOR_LABELS_EN as c } from "./index2.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { PlusIcon as d, RotateCwIcon as f, SearchIcon as p } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index15.js
+function m({ value: m, options: h, searchValue: g, isLoading: _, isError: v, disabled: y, onSearchChange: b, onValueChange: x, onRetry: S, onCreateClick: C, labels: w }) {
+	let T = {
+		...c,
+		...w
+	}, E = h.length > 0;
+	return /* @__PURE__ */ u("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
+				children: [/* @__PURE__ */ l(n, { children: T.fieldLabel }), C ? /* @__PURE__ */ u(e, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					onClick: C,
+					disabled: y,
+					children: [/* @__PURE__ */ l(d, { className: "ttw:size-4" }), T.createButton]
+				}) : null]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "ttw:relative",
+				children: [/* @__PURE__ */ l(p, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ l(t, {
+					className: "ttw:pl-9",
+					value: g,
+					placeholder: T.searchPlaceholder,
+					disabled: y,
+					onChange: (e) => b(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ u(r, {
+				value: m || void 0,
+				onValueChange: x,
+				disabled: y || _ || v || !E,
+				children: [/* @__PURE__ */ l(o, {
+					className: "ttw:w-full",
+					children: /* @__PURE__ */ l(s, { placeholder: T.selectPlaceholder })
+				}), /* @__PURE__ */ l(i, { children: h.map((e) => /* @__PURE__ */ l(a, {
+					value: e.value,
+					children: /* @__PURE__ */ u("span", {
+						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+						children: [/* @__PURE__ */ l("span", { children: e.label }), e.supportingLabel ? /* @__PURE__ */ l("span", {
+							className: "ttw:text-xs ttw:text-muted-foreground",
+							children: e.supportingLabel
+						}) : null]
+					})
+				}, e.value)) })]
+			}),
+			_ ? /* @__PURE__ */ l("p", {
+				className: "ttw:text-sm ttw:text-muted-foreground",
+				children: T.loadingText
+			}) : v ? /* @__PURE__ */ u("div", {
+				className: "ttw:flex ttw:items-center ttw:gap-2",
+				children: [/* @__PURE__ */ l("p", {
+					className: "ttw:text-sm ttw:text-destructive",
+					children: T.errorText
+				}), S ? /* @__PURE__ */ u(e, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: S,
+					children: [/* @__PURE__ */ l(f, { className: "ttw:size-4" }), T.retryButton]
+				}) : null]
+			}) : E ? null : /* @__PURE__ */ l("p", {
+				className: "ttw:text-sm ttw:text-muted-foreground",
+				children: T.emptyText
+			})
+		]
+	});
+}
+//#endregion
+export { m as CounterpartSelector, m as default };

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

@@ -18,6 +18,10 @@ var e = {
 	country: "Country",
 	countryValue: "United States"
 }, r = {
+	accountHolderName: "Account holder name",
+	routingNumber: "Routing number",
+	accountNumber: "Account number"
+}, i = {
 	createTitleOrganization: "Create organization",
 	createTitleIndividual: "Create individual",
 	editTitleOrganization: "Edit organization",
@@ -43,7 +47,7 @@ var e = {
 	lastNameLabel: "Last name",
 	titleLabel: "Title",
 	emailLabel: "Email",
-	phoneLabel: "Phone",
+	phoneLabel: "Phone (optional)",
 	taxIdLabel: "Tax ID",
 	customerTaxIdHelp: "Required only if you'll issue a 1099 IRS form at year-end.",
 	vendorTaxIdHelp: "Required only if you'll file a 1099 IRS form for this vendor at year-end.",
@@ -54,11 +58,13 @@ var e = {
 	accountHolderNameLabel: "Account holder name",
 	routingNumberLabel: "Routing number",
 	accountNumberLabel: "Account number",
+	addAddress: "Add address",
 	cancelButton: "Cancel",
 	createButton: "Create",
 	saveButton: "Save",
-	address: n
-}, i = {
+	address: n,
+	ach: r
+}, a = {
 	createTitle: "Add bank account",
 	editTitle: "Edit bank account",
 	nameLabel: "Account name",
@@ -76,15 +82,15 @@ var e = {
 	cancelButton: "Cancel",
 	createButton: "Add",
 	saveButton: "Save"
-}, a = {
+}, o = {
 	title: "Edit address",
 	cancelButton: "Cancel",
 	saveButton: "Save",
 	address: n
-}, o = {
+}, s = {
 	confirmButton: "Delete",
 	cancelButton: "Cancel"
-}, s = {
+}, c = {
 	fieldLabel: "Counterpart",
 	searchPlaceholder: "Search counterparts",
 	selectPlaceholder: "Select a counterpart",
@@ -95,4 +101,4 @@ var e = {
 	createButton: "Create counterpart"
 };
 //#endregion
-export { n as ADDRESS_FIELD_GROUP_LABELS_EN, a as ADDRESS_FORM_SHEET_LABELS_EN, i as BANK_ACCOUNT_FORM_SHEET_LABELS_EN, o as CONFIRM_DELETE_DIALOG_LABELS_EN, r as COUNTERPART_FORM_SHEET_LABELS_EN, s as COUNTERPART_SELECTOR_LABELS_EN, e as COUNTERPART_TYPE_BADGE_LABELS_EN, t as COUNTERPART_TYPE_CHOOSER_LABELS_EN };
+export { r as ACH_FIELD_GROUP_LABELS_EN, n as ADDRESS_FIELD_GROUP_LABELS_EN, o as ADDRESS_FORM_SHEET_LABELS_EN, a as BANK_ACCOUNT_FORM_SHEET_LABELS_EN, s as CONFIRM_DELETE_DIALOG_LABELS_EN, i as COUNTERPART_FORM_SHEET_LABELS_EN, c as COUNTERPART_SELECTOR_LABELS_EN, e as COUNTERPART_TYPE_BADGE_LABELS_EN, t as COUNTERPART_TYPE_CHOOSER_LABELS_EN };

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

@@ -1,122 +1,65 @@
-import { Input as e, Label as t, Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ADDRESS_FIELD_GROUP_LABELS_EN as s } from "./index2.js";
-import { FieldError as c } from "./index4.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Input as e, Label as t } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ACH_FIELD_GROUP_LABELS_EN as n } from "./index2.js";
+import { FieldError as r } from "./index4.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index5.js
-var d = {
-	line1: "",
-	line2: "",
-	city: "",
-	state: "",
-	postalCode: ""
-};
-function f({ idPrefix: d, values: f, errors: p, stateOptions: m, onChange: h, labels: g }) {
-	let _ = {
-		...s,
-		...g
+function o({ idPrefix: o, values: s, errors: c, onChange: l, labels: u }) {
+	let d = {
+		...n,
+		...u
 	};
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ a("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [
-			/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ a("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+			children: [
+				/* @__PURE__ */ i(t, {
+					htmlFor: `${o}-account-holder`,
+					children: d.accountHolderName
+				}),
+				/* @__PURE__ */ i(e, {
+					id: `${o}-account-holder`,
+					value: s.accountHolderName,
+					"aria-invalid": !!c?.accountHolderName,
+					onChange: (e) => l({ accountHolderName: e.target.value })
+				}),
+				/* @__PURE__ */ i(r, { message: c?.accountHolderName })
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+			children: [/* @__PURE__ */ a("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 				children: [
-					/* @__PURE__ */ l(t, {
-						htmlFor: `${d}-line1`,
-						children: _.line1
+					/* @__PURE__ */ i(t, {
+						htmlFor: `${o}-routing-number`,
+						children: d.routingNumber
 					}),
-					/* @__PURE__ */ l(e, {
-						id: `${d}-line1`,
-						value: f.line1,
-						"aria-invalid": !!p?.line1,
-						onChange: (e) => h({ line1: e.target.value })
+					/* @__PURE__ */ i(e, {
+						id: `${o}-routing-number`,
+						value: s.routingNumber,
+						"aria-invalid": !!c?.routingNumber,
+						onChange: (e) => l({ routingNumber: e.target.value })
 					}),
-					/* @__PURE__ */ l(c, { message: p?.line1 })
+					/* @__PURE__ */ i(r, { message: c?.routingNumber })
 				]
-			}),
-			/* @__PURE__ */ u("div", {
+			}), /* @__PURE__ */ a("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-				children: [/* @__PURE__ */ l(t, {
-					htmlFor: `${d}-line2`,
-					children: _.line2
-				}), /* @__PURE__ */ l(e, {
-					id: `${d}-line2`,
-					value: f.line2,
-					onChange: (e) => h({ line2: e.target.value })
-				})]
-			}),
-			/* @__PURE__ */ u("div", {
-				className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-				children: [/* @__PURE__ */ u("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [
-						/* @__PURE__ */ l(t, {
-							htmlFor: `${d}-city`,
-							children: _.city
-						}),
-						/* @__PURE__ */ l(e, {
-							id: `${d}-city`,
-							value: f.city,
-							"aria-invalid": !!p?.city,
-							onChange: (e) => h({ city: e.target.value })
-						}),
-						/* @__PURE__ */ l(c, { message: p?.city })
-					]
-				}), /* @__PURE__ */ u("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [
-						/* @__PURE__ */ l(t, {
-							htmlFor: `${d}-state`,
-							children: _.state
-						}),
-						/* @__PURE__ */ u(n, {
-							value: f.state === "" ? void 0 : f.state,
-							onValueChange: (e) => h({ state: e }),
-							children: [/* @__PURE__ */ l(a, {
-								id: `${d}-state`,
-								className: "ttw:w-full",
-								children: /* @__PURE__ */ l(o, { placeholder: _.statePlaceholder })
-							}), /* @__PURE__ */ l(r, { children: m.map((e) => /* @__PURE__ */ l(i, {
-								value: e.value,
-								children: e.label
-							}, e.value)) })]
-						}),
-						/* @__PURE__ */ l(c, { message: p?.state })
-					]
-				})]
-			}),
-			/* @__PURE__ */ u("div", {
-				className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
-				children: [/* @__PURE__ */ u("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [
-						/* @__PURE__ */ l(t, {
-							htmlFor: `${d}-postal`,
-							children: _.postalCode
-						}),
-						/* @__PURE__ */ l(e, {
-							id: `${d}-postal`,
-							value: f.postalCode,
-							"aria-invalid": !!p?.postalCode,
-							onChange: (e) => h({ postalCode: e.target.value })
-						}),
-						/* @__PURE__ */ l(c, { message: p?.postalCode })
-					]
-				}), /* @__PURE__ */ u("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
-					children: [/* @__PURE__ */ l(t, {
-						htmlFor: `${d}-country`,
-						children: _.country
-					}), /* @__PURE__ */ l(e, {
-						id: `${d}-country`,
-						value: _.countryValue,
-						disabled: !0,
-						readOnly: !0
-					})]
-				})]
-			})
-		]
+				children: [
+					/* @__PURE__ */ i(t, {
+						htmlFor: `${o}-account-number`,
+						children: d.accountNumber
+					}),
+					/* @__PURE__ */ i(e, {
+						id: `${o}-account-number`,
+						value: s.accountNumber,
+						"aria-invalid": !!c?.accountNumber,
+						onChange: (e) => l({ accountNumber: e.target.value })
+					}),
+					/* @__PURE__ */ i(r, { message: c?.accountNumber })
+				]
+			})]
+		})]
 	});
 }
 //#endregion
-export { f as AddressFieldGroup, f as default, d as EMPTY_ADDRESS_FORM_VALUES };
+export { o as AchFieldGroup, o as default };

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

@@ -1,58 +1,122 @@
-import { Label as e, RadioGroup as t, RadioGroupItem as n } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { COUNTERPART_TYPE_CHOOSER_LABELS_EN as r } from "./index2.js";
-import { useId as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Input as e, Label as t, Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ADDRESS_FIELD_GROUP_LABELS_EN as s } from "./index2.js";
+import { FieldError as c } from "./index4.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index6.js
-function s({ value: s, onChange: c, disabled: l, labels: u }) {
-	let d = {
-		...r,
-		...u
-	}, f = i();
-	return /* @__PURE__ */ o("fieldset", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2",
-		disabled: l,
-		children: [/* @__PURE__ */ a("legend", {
-			className: "ttw:mb-1 ttw:text-sm ttw:font-medium",
-			children: d.heading
-		}), /* @__PURE__ */ o(t, {
-			className: "ttw:grid ttw:grid-cols-2 ttw:gap-3",
-			value: s,
-			onValueChange: (e) => c(e),
-			children: [/* @__PURE__ */ o(e, {
-				htmlFor: `${f}-organization`,
-				className: "ttw:flex ttw:cursor-pointer ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3 ttw:has-[:checked]:border-primary",
-				children: [/* @__PURE__ */ a(n, {
-					value: "organization",
-					id: `${f}-organization`
-				}), /* @__PURE__ */ o("span", {
-					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-					children: [/* @__PURE__ */ a("span", {
-						className: "ttw:font-medium",
-						children: d.organization
-					}), /* @__PURE__ */ a("span", {
-						className: "ttw:text-sm ttw:text-muted-foreground",
-						children: d.organizationHint
-					})]
+var d = {
+	line1: "",
+	line2: "",
+	city: "",
+	state: "",
+	postalCode: ""
+};
+function f({ idPrefix: d, values: f, errors: p, stateOptions: m, onChange: h, labels: g }) {
+	let _ = {
+		...s,
+		...g
+	};
+	return /* @__PURE__ */ u("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+				children: [
+					/* @__PURE__ */ l(t, {
+						htmlFor: `${d}-line1`,
+						children: _.line1
+					}),
+					/* @__PURE__ */ l(e, {
+						id: `${d}-line1`,
+						value: f.line1,
+						"aria-invalid": !!p?.line1,
+						onChange: (e) => h({ line1: e.target.value })
+					}),
+					/* @__PURE__ */ l(c, { message: p?.line1 })
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+				children: [/* @__PURE__ */ l(t, {
+					htmlFor: `${d}-line2`,
+					children: _.line2
+				}), /* @__PURE__ */ l(e, {
+					id: `${d}-line2`,
+					value: f.line2,
+					onChange: (e) => h({ line2: e.target.value })
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+				children: [/* @__PURE__ */ u("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					children: [
+						/* @__PURE__ */ l(t, {
+							htmlFor: `${d}-city`,
+							children: _.city
+						}),
+						/* @__PURE__ */ l(e, {
+							id: `${d}-city`,
+							value: f.city,
+							"aria-invalid": !!p?.city,
+							onChange: (e) => h({ city: e.target.value })
+						}),
+						/* @__PURE__ */ l(c, { message: p?.city })
+					]
+				}), /* @__PURE__ */ u("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					children: [
+						/* @__PURE__ */ l(t, {
+							htmlFor: `${d}-state`,
+							children: _.state
+						}),
+						/* @__PURE__ */ u(n, {
+							value: f.state === "" ? void 0 : f.state,
+							onValueChange: (e) => h({ state: e }),
+							children: [/* @__PURE__ */ l(a, {
+								id: `${d}-state`,
+								className: "ttw:w-full",
+								children: /* @__PURE__ */ l(o, { placeholder: _.statePlaceholder })
+							}), /* @__PURE__ */ l(r, { children: m.map((e) => /* @__PURE__ */ l(i, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						}),
+						/* @__PURE__ */ l(c, { message: p?.state })
+					]
 				})]
-			}), /* @__PURE__ */ o(e, {
-				htmlFor: `${f}-individual`,
-				className: "ttw:flex ttw:cursor-pointer ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3 ttw:has-[:checked]:border-primary",
-				children: [/* @__PURE__ */ a(n, {
-					value: "individual",
-					id: `${f}-individual`
-				}), /* @__PURE__ */ o("span", {
-					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-					children: [/* @__PURE__ */ a("span", {
-						className: "ttw:font-medium",
-						children: d.individual
-					}), /* @__PURE__ */ a("span", {
-						className: "ttw:text-sm ttw:text-muted-foreground",
-						children: d.individualHint
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+				children: [/* @__PURE__ */ u("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					children: [
+						/* @__PURE__ */ l(t, {
+							htmlFor: `${d}-postal`,
+							children: _.postalCode
+						}),
+						/* @__PURE__ */ l(e, {
+							id: `${d}-postal`,
+							value: f.postalCode,
+							"aria-invalid": !!p?.postalCode,
+							onChange: (e) => h({ postalCode: e.target.value })
+						}),
+						/* @__PURE__ */ l(c, { message: p?.postalCode })
+					]
+				}), /* @__PURE__ */ u("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+					children: [/* @__PURE__ */ l(t, {
+						htmlFor: `${d}-country`,
+						children: _.country
+					}), /* @__PURE__ */ l(e, {
+						id: `${d}-country`,
+						value: _.countryValue,
+						disabled: !0,
+						readOnly: !0
 					})]
 				})]
-			})]
-		})]
+			})
+		]
 	});
 }
 //#endregion
-export { s as CounterpartTypeChooser, s as default };
+export { f as AddressFieldGroup, f as default, d as EMPTY_ADDRESS_FORM_VALUES };

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

@@ -1,52 +1,58 @@
-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 { Label as e, RadioGroup as t, RadioGroupItem as n } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { COUNTERPART_TYPE_CHOOSER_LABELS_EN as r } from "./index2.js";
+import { useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index7.js
-function u({ open: u, onOpenChange: d, title: f, description: p, formError: m, inProgress: h, submitDisabled: g, submitLabel: _, cancelLabel: v, onSubmit: y, onCancel: b, children: x }) {
-	let S = s();
-	return /* @__PURE__ */ c(t, {
-		open: u,
-		onOpenChange: d,
-		children: /* @__PURE__ */ l(n, {
-			className: "ttw:w-[600px] ttw:sm:max-w-[600px] ttw:overflow-y-auto",
-			children: [
-				/* @__PURE__ */ l(a, { children: [/* @__PURE__ */ c(o, { children: f }), /* @__PURE__ */ c(r, {
-					className: p ? void 0 : "ttw:sr-only",
-					children: p ?? f
-				})] }),
-				/* @__PURE__ */ c("form", {
-					id: S,
-					onSubmit: (e) => {
-						e.preventDefault(), e.stopPropagation(), y();
-					},
-					children: /* @__PURE__ */ l("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:pt-8 ttw:pb-6",
-						children: [m && /* @__PURE__ */ c("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
-						}), x]
-					})
-				}),
-				/* @__PURE__ */ l(i, {
-					className: "ttw:flex ttw:flex-row ttw:justify-end ttw:gap-2",
-					children: [/* @__PURE__ */ c(e, {
-						type: "button",
-						variant: "ghost",
-						size: "lg",
-						onClick: b,
-						children: v
-					}), /* @__PURE__ */ c(e, {
-						type: "submit",
-						form: S,
-						size: "lg",
-						disabled: h || g,
-						children: _
+function s({ value: s, onChange: c, disabled: l, variant: u = "cards", labels: d }) {
+	let f = {
+		...r,
+		...d
+	}, p = i(), m = u === "pills";
+	return /* @__PURE__ */ o("fieldset", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2",
+		disabled: l,
+		children: [/* @__PURE__ */ a("legend", {
+			className: "ttw:mb-1 ttw:text-sm ttw:font-medium",
+			children: f.heading
+		}), /* @__PURE__ */ o(t, {
+			className: m ? "ttw:flex ttw:flex-wrap ttw:gap-2" : "ttw:grid ttw:grid-cols-2 ttw:gap-3",
+			value: s,
+			onValueChange: (e) => c(e),
+			children: [/* @__PURE__ */ o(e, {
+				htmlFor: `${p}-organization`,
+				className: m ? "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2 ttw:rounded-full ttw:border ttw:border-border ttw:px-3 ttw:py-1.5 ttw:text-sm ttw:has-[:checked]:border-primary ttw:has-[:checked]:bg-primary/10" : "ttw:flex ttw:cursor-pointer ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3 ttw:has-[:checked]:border-primary",
+				children: [/* @__PURE__ */ a(n, {
+					value: "organization",
+					id: `${p}-organization`
+				}), /* @__PURE__ */ o("span", {
+					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+					children: [/* @__PURE__ */ a("span", {
+						className: "ttw:font-medium",
+						children: f.organization
+					}), m ? null : /* @__PURE__ */ a("span", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: f.organizationHint
 					})]
-				})
-			]
-		})
+				})]
+			}), /* @__PURE__ */ o(e, {
+				htmlFor: `${p}-individual`,
+				className: m ? "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2 ttw:rounded-full ttw:border ttw:border-border ttw:px-3 ttw:py-1.5 ttw:text-sm ttw:has-[:checked]:border-primary ttw:has-[:checked]:bg-primary/10" : "ttw:flex ttw:cursor-pointer ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3 ttw:has-[:checked]:border-primary",
+				children: [/* @__PURE__ */ a(n, {
+					value: "individual",
+					id: `${p}-individual`
+				}), /* @__PURE__ */ o("span", {
+					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+					children: [/* @__PURE__ */ a("span", {
+						className: "ttw:font-medium",
+						children: f.individual
+					}), m ? null : /* @__PURE__ */ a("span", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: f.individualHint
+					})]
+				})]
+			})]
+		})]
 	});
 }
 //#endregion
-export { u as FormSheet, u as default };
+export { s as CounterpartTypeChooser, s as default };