@tesouro/embedded-components-react 0.3.57 → 0.3.60

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index108.js

@@ -1,169 +1,82 @@
 import { cn as e } from "./index49.js";
-import { Button as t } from "./index56.js";
-import { InputGroup as n, InputGroupAddon as r, InputGroupButton as i, InputGroupInput as a } from "./index107.js";
-import * as o from "react";
-import { CheckIcon as s, ChevronDownIcon as c, XIcon as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
-import { Combobox as f } from "@base-ui/react";
+import "react";
+import { CheckIcon as t, ChevronDownIcon as n, ChevronUpIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "@emotion/react/jsx-runtime";
+import * as o from "@radix-ui/react-select";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index108.js
-var p = f.Root;
-function m({ ...e }) {
-	return /* @__PURE__ */ u(f.Value, {
-		"data-slot": "combobox-value",
+function s({ ...e }) {
+	return /* @__PURE__ */ i(o.Root, {
+		"data-slot": "select",
 		...e
 	});
 }
-function h({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ d(f.Trigger, {
-		"data-slot": "combobox-trigger",
-		className: e("ttw:[&_svg:not([class*=size-])]:size-4", t),
-		...r,
-		children: [n, /* @__PURE__ */ u(c, {
-			"data-slot": "combobox-trigger-icon",
-			className: "ttw:pointer-events-none ttw:size-4 ttw:text-muted-foreground"
-		})]
+function c({ ...e }) {
+	return /* @__PURE__ */ i(o.Value, {
+		"data-slot": "select-value",
+		...e
 	});
 }
-function g({ className: t, ...n }) {
-	return /* @__PURE__ */ u(f.Clear, {
-		"data-slot": "combobox-clear",
-		render: /* @__PURE__ */ u(i, {
-			variant: "ghost",
-			size: "icon-xs"
-		}),
-		className: e(t),
-		...n,
-		children: /* @__PURE__ */ u(l, { className: "ttw:pointer-events-none" })
+function l({ className: t, size: r = "default", children: s, ...c }) {
+	return /* @__PURE__ */ a(o.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": r,
+		className: e("ttw:border-input ttw:data-[placeholder]:text-muted-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:dark:hover:bg-input/50 ttw:flex ttw:w-fit ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-md ttw:border ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-sm ttw:whitespace-nowrap ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-9 ttw:data-[size=sm]:h-8 ttw:*:data-[slot=select-value]:line-clamp-1 ttw:*:data-[slot=select-value]:flex ttw:*:data-[slot=select-value]:min-w-0 ttw:*:data-[slot=select-value]:flex-1 ttw:*:data-[slot=select-value]:items-center ttw:*:data-[slot=select-value]:gap-2 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", t),
+		...c,
+		children: [s, /* @__PURE__ */ i(o.Icon, {
+			asChild: !0,
+			children: /* @__PURE__ */ i(n, { className: "ttw:size-4 ttw:opacity-50" })
+		})]
 	});
 }
-function _({ className: t, children: o, disabled: s = !1, showTrigger: c = !0, showClear: l = !1, ...p }) {
-	return /* @__PURE__ */ d(n, {
-		className: e("ttw:w-auto", t),
+function u({ className: t, children: n, position: r = "popper", ...s }) {
+	return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ a(o.Content, {
+		"data-slot": "select-content",
+		className: e("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:relative ttw:z-1300 ttw:max-h-(--radix-select-content-available-height) ttw:min-w-[8rem] ttw:origin-(--radix-select-content-transform-origin) ttw:overflow-x-hidden ttw:overflow-y-auto ttw:rounded-md ttw:border-none ttw:shadow-md", r === "popper" && "ttw:data-[side=bottom]:translate-y-1 ttw:data-[side=left]:-translate-x-1 ttw:data-[side=right]:translate-x-1 ttw:data-[side=top]:-translate-y-1", t),
+		position: r,
+		...s,
 		children: [
-			/* @__PURE__ */ u(f.Input, {
-				render: /* @__PURE__ */ u(a, { disabled: s }),
-				...p
+			/* @__PURE__ */ i(p, {}),
+			/* @__PURE__ */ i(o.Viewport, {
+				className: e("ttw:p-1", r === "popper" && "ttw:h-[var(--radix-select-trigger-height)] ttw:w-full ttw:min-w-[var(--radix-select-trigger-width)] ttw:scroll-my-1"),
+				children: n
 			}),
-			/* @__PURE__ */ d(r, {
-				align: "inline-end",
-				children: [c && /* @__PURE__ */ u(i, {
-					size: "icon-xs",
-					variant: "ghost",
-					asChild: !0,
-					"data-slot": "input-group-button",
-					className: "ttw:group-has-data-[slot=combobox-clear]/input-group:hidden ttw:data-pressed:bg-transparent",
-					disabled: s,
-					children: /* @__PURE__ */ u(h, {})
-				}), l && /* @__PURE__ */ u(g, { disabled: s })]
-			}),
-			o
+			/* @__PURE__ */ i(m, {})
 		]
+	}) });
+}
+function d({ className: n, children: r, ...s }) {
+	return /* @__PURE__ */ a(o.Item, {
+		"data-slot": "select-item",
+		className: e("ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4 ttw:*:[span]:last:flex ttw:*:[span]:last:min-w-0 ttw:*:[span]:last:flex-1 ttw:*:[span]:last:items-center ttw:*:[span]:last:gap-2", n),
+		...s,
+		children: [/* @__PURE__ */ i("span", {
+			className: "ttw:absolute ttw:right-2 ttw:flex ttw:size-3.5 ttw:items-center ttw:justify-center",
+			children: /* @__PURE__ */ i(o.ItemIndicator, { children: /* @__PURE__ */ i(t, { className: "ttw:size-4" }) })
+		}), /* @__PURE__ */ i(o.ItemText, { children: r })]
 	});
 }
-function v({ className: t, side: n = "bottom", sideOffset: r = 6, align: i = "start", alignOffset: a = 0, anchor: o, container: s, ...c }) {
-	return /* @__PURE__ */ u(f.Portal, {
-		container: s ?? void 0,
-		children: /* @__PURE__ */ u(f.Positioner, {
-			side: n,
-			sideOffset: r,
-			align: i,
-			alignOffset: a,
-			anchor: o,
-			className: "ttw:isolate ttw:z-1300",
-			children: /* @__PURE__ */ u(f.Popup, {
-				"data-slot": "combobox-content",
-				"data-chips": !!o,
-				className: e("ttw:group/combobox-content ttw:relative ttw:max-h-96 ttw:w-(--anchor-width) ttw:max-w-(--available-width) ttw:min-w-[calc(var(--anchor-width)+--spacing(7))] ttw:origin-(--transform-origin) ttw:overflow-hidden ttw:rounded-md ttw:bg-popover ttw:text-popover-foreground ttw:shadow-md ttw:ring-1 ttw:ring-foreground/10 ttw:duration-100 ttw:data-[chips=true]:min-w-(--anchor-width) ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:*:data-[slot=input-group]:m-1 ttw:*:data-[slot=input-group]:mb-0 ttw:*:data-[slot=input-group]:h-8 ttw:*:data-[slot=input-group]:border-input/30 ttw:*:data-[slot=input-group]:bg-input/30 ttw:*:data-[slot=input-group]:shadow-none ttw:data-open:animate-in ttw:data-open:fade-in-0 ttw:data-open:zoom-in-95 ttw:data-closed:animate-out ttw:data-closed:fade-out-0 ttw:data-closed:zoom-out-95", t),
-				...c
-			})
-		})
-	});
-}
-function y({ className: t, ...n }) {
-	return /* @__PURE__ */ u(f.List, {
-		"data-slot": "combobox-list",
-		className: e("ttw:max-h-[min(calc(--spacing(96)---spacing(9)),calc(var(--available-height)---spacing(9)))] ttw:scroll-py-1 ttw:overflow-y-auto ttw:p-1 ttw:data-empty:p-0", t),
-		...n
-	});
-}
-function b({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ d(f.Item, {
-		"data-slot": "combobox-item",
-		className: e("ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-highlighted:bg-accent ttw:data-highlighted:text-accent-foreground ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", t),
-		...r,
-		children: [n, /* @__PURE__ */ u(f.ItemIndicator, {
-			"data-slot": "combobox-item-indicator",
-			render: /* @__PURE__ */ u("span", { className: "ttw:pointer-events-none ttw:absolute ttw:right-2 ttw:flex ttw:size-4 ttw:items-center ttw:justify-center" }),
-			children: /* @__PURE__ */ u(s, { className: "ttw:pointer-events-none ttw:size-4 ttw:pointer-coarse:size-5" })
-		})]
-	});
-}
-function x({ className: t, ...n }) {
-	return /* @__PURE__ */ u(f.Group, {
-		"data-slot": "combobox-group",
-		className: e(t),
-		...n
-	});
-}
-function S({ className: t, ...n }) {
-	return /* @__PURE__ */ u(f.GroupLabel, {
-		"data-slot": "combobox-label",
-		className: e("ttw:px-2 ttw:py-1.5 ttw:text-xs ttw:text-muted-foreground ttw:pointer-coarse:px-3 ttw:pointer-coarse:py-2 ttw:pointer-coarse:text-sm", t),
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Separator, {
+		"data-slot": "select-separator",
+		className: e("ttw:bg-border ttw:pointer-events-none ttw:-mx-1 ttw:my-1 ttw:h-px", t),
 		...n
 	});
 }
-function C({ ...e }) {
-	return /* @__PURE__ */ u(f.Collection, {
-		"data-slot": "combobox-collection",
-		...e
-	});
-}
-function w({ className: t, ...n }) {
-	return /* @__PURE__ */ u(f.Empty, {
-		"data-slot": "combobox-empty",
-		className: e("ttw:hidden ttw:w-full ttw:justify-center ttw:py-2 ttw:text-center ttw:text-sm ttw:text-muted-foreground ttw:group-data-empty/combobox-content:flex", t),
-		...n
-	});
-}
-function T({ className: t, ...n }) {
-	return /* @__PURE__ */ u(f.Separator, {
-		"data-slot": "combobox-separator",
-		className: e("ttw:-mx-1 ttw:my-1 ttw:h-px ttw:bg-border", t),
-		...n
-	});
-}
-function E({ className: t, ...n }) {
-	return /* @__PURE__ */ u(f.Chips, {
-		"data-slot": "combobox-chips",
-		className: e("ttw:flex ttw:min-h-9 ttw:flex-wrap ttw:items-center ttw:gap-1.5 ttw:rounded-md ttw:border ttw:border-input ttw:bg-transparent ttw:bg-clip-padding ttw:px-2.5 ttw:py-1.5 ttw:text-sm ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:focus-within:border-ring ttw:focus-within:ring-[3px] ttw:focus-within:ring-ring/50 ttw:has-aria-invalid:border-destructive ttw:has-aria-invalid:ring-[3px] ttw:has-aria-invalid:ring-destructive/20 ttw:has-data-[slot=combobox-chip]:px-1.5 ttw:dark:bg-input/30 ttw:dark:has-aria-invalid:border-destructive/50 ttw:dark:has-aria-invalid:ring-destructive/40", t),
-		...n
-	});
-}
-function D({ className: n, children: r, showRemove: i = !0, ...a }) {
-	return /* @__PURE__ */ d(f.Chip, {
-		"data-slot": "combobox-chip",
-		className: e("ttw:flex ttw:h-[calc(--spacing(5.5))] ttw:w-fit ttw:items-center ttw:justify-center ttw:gap-1 ttw:rounded-sm ttw:bg-muted ttw:px-1.5 ttw:text-xs ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:has-disabled:pointer-events-none ttw:has-disabled:cursor-not-allowed ttw:has-disabled:opacity-50 ttw:has-data-[slot=combobox-chip-remove]:pr-0", n),
-		...a,
-		children: [r, i && /* @__PURE__ */ u(f.ChipRemove, {
-			render: /* @__PURE__ */ u(t, {
-				variant: "ghost",
-				className: "ttw:size-6"
-			}),
-			className: "ttw:-ml-1 ttw:opacity-50 ttw:hover:opacity-100",
-			"data-slot": "combobox-chip-remove",
-			children: /* @__PURE__ */ u(l, { className: "ttw:pointer-events-none" })
-		})]
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: e("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", t),
+		...n,
+		children: /* @__PURE__ */ i(r, { className: "ttw:size-4" })
 	});
 }
-function O({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ u(f.Input, {
-		"data-slot": "combobox-chip-input",
-		className: e("ttw:min-w-16 ttw:flex-1 ttw:outline-none", t),
-		...r
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ i(o.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: e("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", t),
+		...r,
+		children: /* @__PURE__ */ i(n, { className: "ttw:size-4" })
 	});
 }
-function k() {
-	return o.useRef(null);
-}
 //#endregion
-export { p as Combobox, D as ComboboxChip, E as ComboboxChips, O as ComboboxChipsInput, C as ComboboxCollection, v as ComboboxContent, w as ComboboxEmpty, x as ComboboxGroup, _ as ComboboxInput, b as ComboboxItem, S as ComboboxLabel, y as ComboboxList, T as ComboboxSeparator, h as ComboboxTrigger, m as ComboboxValue, k as useComboboxAnchor };
+export { s as Select, u as SelectContent, d as SelectItem, m as SelectScrollDownButton, p as SelectScrollUpButton, f as SelectSeparator, l as SelectTrigger, c as SelectValue };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index109.js

@@ -1,41 +1,13 @@
-import { getCountriesArray as e } from "./index12.js";
-import { Combobox as t, ComboboxCollection as n, ComboboxContent as r, ComboboxEmpty as i, ComboboxInput as a, ComboboxItem as o, ComboboxList as s } from "./index108.js";
-import { useMemo as c } from "react";
-import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
+import { cn as e } from "./index49.js";
+import "react";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index109.js
-var f = ({ value: f, onChange: p, disabled: m, invalid: h, allowedCountries: g, showClearButton: _ = !0, className: v, container: y }) => {
-	let { i18n: b } = d(), x = c(() => {
-		let t = e(b);
-		return g ? t.filter((e) => g.includes(e.code)) : t;
-	}, [g, b]), S = c(() => new Map(x.map((e) => [e.code, e])), [x]), C = m || x.length === 1;
-	return /* @__PURE__ */ u(t, {
-		value: f ?? null,
-		onValueChange: (e) => p?.(e ?? void 0),
-		items: x.map((e) => e.code),
-		itemToStringLabel: (e) => S.get(e)?.label ?? e,
-		filter: (e, t, n) => {
-			let r = t.toLowerCase().trim();
-			return !r || e.toLowerCase().includes(r) || (n?.(e) ?? "").toLowerCase().includes(r);
-		},
-		disabled: C,
-		children: [/* @__PURE__ */ l(a, {
-			showClear: _,
-			disabled: C,
-			className: v,
-			placeholder: b._("Country"),
-			"aria-invalid": h || void 0
-		}), /* @__PURE__ */ l(r, {
-			container: y,
-			children: /* @__PURE__ */ u(s, { children: [/* @__PURE__ */ l(i, { children: b._("No countries found") }), /* @__PURE__ */ l(n, { children: (e) => /* @__PURE__ */ u(o, {
-				value: e,
-				children: [/* @__PURE__ */ l("span", { children: S.get(e)?.label ?? e }), /* @__PURE__ */ l("span", {
-					className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground",
-					children: e
-				})]
-			}, e) })] })
-		})]
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("textarea", {
+		"data-slot": "textarea",
+		className: e("ttw:border-input ttw:placeholder:text-muted-foreground ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:flex ttw:field-sizing-content ttw:min-h-16 ttw:w-full ttw:rounded-md ttw:border ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-base ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:md:text-sm", n),
+		...r
 	});
-};
+}
 //#endregion
-export { f as MoniteCountryShadcn };
+export { n as Textarea };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index110.js

@@ -1,190 +1,71 @@
-import { Input as e } from "./index89.js";
-import { Typography as t } from "./index62.js";
-import { Field as n, FieldContent as r, FieldError as i, FieldLabel as a } from "./index88.js";
-import { USStatesEnum as o } from "./index104.js";
-import { Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d } from "./index105.js";
-import { MoniteCountryShadcn as f } from "./index109.js";
-import { useRef as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useLingui as _ } from "@lingui/react";
-import { twMerge as v } from "tailwind-merge";
-import { Controller as y, useFormContext as b } from "react-hook-form";
+import { cn as e } from "./index49.js";
+import { Button as t } from "./index56.js";
+import { Input as n } from "./index89.js";
+import { Textarea as r } from "./index109.js";
+import "react";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index110.js
-var x = ({ hasExistingAddress: x, isLoading: S, isStandalone: C, customerType: w }) => {
-	let { i18n: T } = _(), { watch: E, control: D } = b(), O = p(null), k = w === "vendor";
-	return /* @__PURE__ */ g("div", {
-		className: v("ttw:flex ttw:flex-col ttw:gap-4"),
-		ref: O,
-		children: [
-			C ? /* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border",
-				children: /* @__PURE__ */ h(t, {
-					variant: "body1",
-					className: "ttw:font-medium",
-					children: x ? T._("Editing address") : T._("Adding address")
-				})
-			}) : /* @__PURE__ */ h(m, { children: !k && /* @__PURE__ */ h("div", {
-				className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border",
-				children: /* @__PURE__ */ g(t, {
-					variant: "body1",
-					className: "ttw:font-medium",
-					children: [
-						T._("Address"),
-						" ",
-						/* @__PURE__ */ h("span", {
-							className: "ttw:text-muted-foreground",
-							children: T._("(optional)")
-						})
-					]
-				})
-			}) }),
-			/* @__PURE__ */ g("div", {
-				className: "ttw:flex ttw:gap-4",
-				children: [/* @__PURE__ */ h(y, {
-					name: "line1",
-					control: D,
-					render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
-						/* @__PURE__ */ h(a, {
-							htmlFor: t.name,
-							children: T._("Street address")
-						}),
-						/* @__PURE__ */ h(e, {
-							id: t.name,
-							...t,
-							className: C || k ? "ttw:bg-white" : "",
-							disabled: S,
-							"aria-invalid": !!o || void 0
-						}),
-						/* @__PURE__ */ h(i, { errors: [o] })
-					] }) })
-				}), /* @__PURE__ */ h(y, {
-					name: "line2",
-					control: D,
-					render: ({ field: o, fieldState: { error: s } }) => /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
-						/* @__PURE__ */ g(a, {
-							htmlFor: o.name,
-							className: "ttw:gap-1",
-							children: [T._("Apt, suite, floor, etc."), k && /* @__PURE__ */ h(t, {
-								variant: "body2",
-								color: "muted",
-								className: "ttw:leading-snug",
-								children: T._("(optional)")
-							})]
-						}),
-						/* @__PURE__ */ h(e, {
-							id: o.name,
-							...o,
-							className: C || k ? "ttw:bg-white" : "",
-							disabled: S,
-							"aria-invalid": !!s || void 0
-						}),
-						/* @__PURE__ */ h(i, { errors: [s] })
-					] }) })
-				})]
-			}),
-			/* @__PURE__ */ g("div", {
-				className: "ttw:flex ttw:gap-4",
-				children: [/* @__PURE__ */ h(y, {
-					name: "city",
-					control: D,
-					render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
-						/* @__PURE__ */ h(a, {
-							htmlFor: t.name,
-							children: T._("City")
-						}),
-						/* @__PURE__ */ h(e, {
-							id: t.name,
-							...t,
-							className: C || k ? "ttw:bg-white" : "",
-							disabled: S,
-							"aria-invalid": !!o || void 0
-						}),
-						/* @__PURE__ */ h(i, { errors: [o] })
-					] }) })
-				}), /* @__PURE__ */ h(y, {
-					name: "state",
-					control: D,
-					render: ({ field: t, fieldState: { error: f } }) => E("country") === "US" ? /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
-						/* @__PURE__ */ h(a, {
-							htmlFor: t.name,
-							children: T._("State")
-						}),
-						/* @__PURE__ */ g(s, {
-							value: t.value ?? void 0,
-							onValueChange: t.onChange,
-							disabled: S,
-							children: [/* @__PURE__ */ h(u, {
-								ref: t.ref,
-								onBlur: t.onBlur,
-								"aria-invalid": !!f || void 0,
-								className: v("ttw:w-full", (C || k) && "ttw:bg-white"),
-								disabled: S,
-								children: /* @__PURE__ */ h(d, { placeholder: T._("Select a state") })
-							}), /* @__PURE__ */ h(c, { children: Object.entries(o).map(([e, t]) => /* @__PURE__ */ g(l, {
-								value: e,
-								children: [
-									t,
-									" — ",
-									e
-								]
-							}, e)) })]
-						}),
-						/* @__PURE__ */ h(i, { errors: [f] })
-					] }) }) : /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
-						/* @__PURE__ */ h(a, {
-							htmlFor: t.name,
-							children: T._("State")
-						}),
-						/* @__PURE__ */ h(e, {
-							id: t.name,
-							...t,
-							className: C || k ? "ttw:bg-white" : "",
-							disabled: S,
-							"aria-invalid": !!f || void 0
-						}),
-						/* @__PURE__ */ h(i, { errors: [f] })
-					] }) })
-				})]
-			}),
-			/* @__PURE__ */ g("div", {
-				className: "ttw:flex ttw:gap-4",
-				children: [/* @__PURE__ */ h(y, {
-					name: "postalCode",
-					control: D,
-					render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
-						/* @__PURE__ */ h(a, {
-							htmlFor: t.name,
-							children: T._("Postal code")
-						}),
-						/* @__PURE__ */ h(e, {
-							id: t.name,
-							...t,
-							className: C || k ? "ttw:bg-white" : "",
-							disabled: S,
-							"aria-invalid": !!o || void 0
-						}),
-						/* @__PURE__ */ h(i, { errors: [o] })
-					] }) })
-				}), /* @__PURE__ */ h(y, {
-					name: "country",
-					control: D,
-					render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ h(n, { children: /* @__PURE__ */ g(r, { children: [
-						/* @__PURE__ */ h(a, { children: T._("Country") }),
-						/* @__PURE__ */ h(f, {
-							value: e.value,
-							className: C || k ? "ttw:bg-white" : "",
-							onChange: e.onChange,
-							invalid: !!t,
-							disabled: S,
-							container: O?.current,
-							allowedCountries: ["US"]
-						}),
-						/* @__PURE__ */ h(i, { errors: [t] })
-					] }) })
-				})]
-			})
-		]
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: e("ttw:group/input-group ttw:relative ttw:flex ttw:w-full ttw:items-center ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:dark:bg-input/30", "ttw:h-9 ttw:min-w-0 ttw:has-[>textarea]:h-auto", "ttw:has-[>[data-align=inline-start]]:[&>input]:pl-2", "ttw:has-[>[data-align=inline-end]]:[&>input]:pr-2", "ttw:has-[>[data-align=block-start]]:h-auto ttw:has-[>[data-align=block-start]]:flex-col ttw:has-[>[data-align=block-start]]:[&>input]:pb-3", "ttw:has-[>[data-align=block-end]]:h-auto ttw:has-[>[data-align=block-end]]:flex-col ttw:has-[>[data-align=block-end]]:[&>input]:pt-3", "ttw:has-[[data-slot=input-group-control]:focus-visible]:border-ring ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "ttw:has-[[data-slot][aria-invalid=true]]:border-destructive ttw:has-[[data-slot][aria-invalid=true]]:ring-destructive/20 ttw:dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", t),
+		...n
 	});
-};
+}
+var s = a("ttw:flex ttw:h-auto ttw:cursor-text ttw:items-center ttw:justify-center ttw:gap-2 ttw:py-1.5 ttw:text-sm ttw:font-medium ttw:text-muted-foreground ttw:select-none ttw:group-data-[disabled=true]/input-group:opacity-50 ttw:[&>kbd]:rounded-[calc(var(--radius)-5px)] ttw:[&>svg:not([class*=size-])]:size-4", {
+	variants: { align: {
+		"inline-start": "ttw:order-first ttw:pl-3 ttw:has-[>button]:ml-[-0.45rem] ttw:has-[>kbd]:ml-[-0.35rem]",
+		"inline-end": "ttw:order-last ttw:pr-3 ttw:has-[>button]:mr-[-0.45rem] ttw:has-[>kbd]:mr-[-0.35rem]",
+		"block-start": "ttw:order-first ttw:w-full ttw:justify-start ttw:px-3 ttw:pt-3 ttw:group-has-[>input]/input-group:pt-2.5 ttw:[.border-b]:pb-3",
+		"block-end": "ttw:order-last ttw:w-full ttw:justify-start ttw:px-3 ttw:pb-3 ttw:group-has-[>input]/input-group:pb-2.5 ttw:[.border-t]:pt-3"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+function c({ className: t, align: n = "inline-start", ...r }) {
+	return /* @__PURE__ */ i("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": n,
+		className: e(s({ align: n }), t),
+		onClick: (e) => {
+			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
+		},
+		...r
+	});
+}
+var l = a("ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:shadow-none", {
+	variants: { size: {
+		xs: "ttw:h-6 ttw:gap-1 ttw:rounded-[calc(var(--radius)-5px)] ttw:px-2 ttw:has-[>svg]:px-2 ttw:[&>svg:not([class*=size-])]:size-3.5",
+		sm: "ttw:h-8 ttw:gap-1.5 ttw:rounded-md ttw:px-2.5 ttw:has-[>svg]:px-2.5",
+		"icon-xs": "ttw:size-6 ttw:rounded-[calc(var(--radius)-5px)] ttw:p-0 ttw:has-[>svg]:p-0",
+		"icon-sm": "ttw:size-8 ttw:p-0 ttw:has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+function u({ className: n, type: r = "button", variant: a = "ghost", size: o = "xs", ...s }) {
+	return /* @__PURE__ */ i(t, {
+		type: r,
+		"data-size": o,
+		variant: a,
+		className: e(l({ size: o }), n),
+		...s
+	});
+}
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ i(n, {
+		"data-slot": "input-group-control",
+		className: e("ttw:flex-1 ttw:rounded-none ttw:border-0 ttw:bg-transparent ttw:shadow-none ttw:focus-visible:ring-0 ttw:dark:bg-transparent", t),
+		...r
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ i(r, {
+		"data-slot": "input-group-control",
+		className: e("ttw:flex-1 ttw:resize-none ttw:rounded-none ttw:border-0 ttw:bg-transparent ttw:py-3 ttw:shadow-none ttw:focus-visible:ring-0 ttw:dark:bg-transparent", t),
+		...n
+	});
+}
 //#endregion
-export { x as CounterpartAddressFormContent };
+export { o as InputGroup, c as InputGroupAddon, u as InputGroupButton, d as InputGroupInput, f as InputGroupTextarea };