@tesouro/embedded-components-react 0.2.342 → 0.3.1

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

@@ -1,56 +1,68 @@
+import { AllowedCountries as e } from "./index92.js";
+import "./index98.js";
+import "./index99.js";
+import { z as t } from "zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index100.js
-var e = {
-	AL: "Alabama",
-	AK: "Alaska",
-	AZ: "Arizona",
-	AR: "Arkansas",
-	CA: "California",
-	CO: "Colorado",
-	CT: "Connecticut",
-	DE: "Delaware",
-	FL: "Florida",
-	GA: "Georgia",
-	HI: "Hawaii",
-	ID: "Idaho",
-	IL: "Illinois",
-	IN: "Indiana",
-	IA: "Iowa",
-	KS: "Kansas",
-	KY: "Kentucky",
-	LA: "Louisiana",
-	ME: "Maine",
-	MD: "Maryland",
-	MA: "Massachusetts",
-	MI: "Michigan",
-	MN: "Minnesota",
-	MS: "Mississippi",
-	MO: "Missouri",
-	MT: "Montana",
-	NE: "Nebraska",
-	NV: "Nevada",
-	NH: "New Hampshire",
-	NJ: "New Jersey",
-	NM: "New Mexico",
-	NY: "New York",
-	NC: "North Carolina",
-	ND: "North Dakota",
-	OH: "Ohio",
-	OK: "Oklahoma",
-	OR: "Oregon",
-	PA: "Pennsylvania",
-	RI: "Rhode Island",
-	SC: "South Carolina",
-	SD: "South Dakota",
-	TN: "Tennessee",
-	TX: "Texas",
-	UT: "Utah",
-	VT: "Vermont",
-	VA: "Virginia",
-	WA: "Washington",
-	WV: "West Virginia",
-	WI: "Wisconsin",
-	WY: "Wyoming",
-	DC: "Washington D.C."
-};
+var n = (n, r) => ({
+	line1: t.string().optional().refine((e) => !r || !!e?.trim(), { message: n._("Street address is required") }),
+	line2: t.string().optional(),
+	city: t.string().optional().refine((e) => !r || !!e?.trim(), { message: n._("City is required") }),
+	state: t.string().optional().refine((e) => !r || !!e?.trim(), { message: n._("State is required") }),
+	country: t.enum(e).optional().refine((e) => !r || !!e, { message: n._("Country is required") }),
+	postalCode: t.string().optional().refine((e) => !r || !!e?.trim(), { message: n._("Postal code is required") })
+}), r = (e, t) => e.superRefine((e, n) => {
+	let r = e;
+	(r.line1?.trim() || r.line2?.trim() || r.city?.trim() || r.state?.trim() || r.postalCode?.trim()) && (r.line1?.trim() || n.addIssue({
+		code: "custom",
+		message: t._("Street address is required"),
+		path: ["line1"]
+	}), r.city?.trim() || n.addIssue({
+		code: "custom",
+		message: t._("City is required"),
+		path: ["city"]
+	}), r.state?.trim() || n.addIssue({
+		code: "custom",
+		message: t._("State is required"),
+		path: ["state"]
+	}), r.postalCode?.trim() || n.addIssue({
+		code: "custom",
+		message: t._("Postal code is required"),
+		path: ["postalCode"]
+	}));
+}), i = (e, i) => {
+	let a = t.object(n(e, i));
+	return i ? a : r(a, e);
+}, a = (e, i, a) => {
+	let o = a === "vendor", c = t.object({
+		tax_id: t.string().optional(),
+		remindersEnabled: t.boolean(),
+		email: t.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+		phone: t.string().optional(),
+		isVendor: t.boolean(),
+		isCustomer: t.boolean(),
+		...s(e).shape,
+		...n(e, o)
+	}), l = c.extend({
+		firstName: t.string().min(1, e._("First name is required")),
+		lastName: t.string().min(1, e._("Last name is required"))
+	}), u = c.extend({ companyName: t.string().min(1, e._("Company name is required")) });
+	return o ? i === "individual" ? l : u : r(i === "individual" ? l : u, e);
+}, o = (e, i, a) => {
+	let o = a === "vendor", s = t.object({
+		tax_id: t.string().optional(),
+		remindersEnabled: t.boolean(),
+		email: t.email(e._("Email must be a valid email")).min(1, e._("Email is required")),
+		phone: t.string().optional(),
+		...n(e, o)
+	}), c = s.extend({
+		firstName: t.string().min(1, e._("First name is required")),
+		lastName: t.string().min(1, e._("Last name is required"))
+	}), l = s.extend({ companyName: t.string().min(1, e._("Company name is required")) });
+	return o ? i === "individual" ? c : l : r(i === "individual" ? c : l, e);
+}, s = (e) => t.object({
+	accountHolderName: t.string().optional(),
+	routingNumber: t.string().refine((e) => !e || e.length === 9, { message: e._("Routing number must be 9 digits") }).optional(),
+	accountNumber: t.string().refine((e) => !e || e.length >= 9 && e.length <= 12, { message: e._("Account number must be between 9 and 12 digits") }).optional()
+});
 //#endregion
-export { e as USStatesEnum };
+export { i as getAddressValidationSchema, s as getCounterpartBankValidationSchema, a as getCreateCounterpartValidationSchema, o as getUpdateCounterpartValidationSchema };

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

@@ -1,82 +1,104 @@
-import { cn as e } from "./index49.js";
-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";
+import { getCounterpartName as e } from "./index53.js";
+import { Button as t } from "./index56.js";
+import { LoadingSpinner as n } from "./index51.js";
+import "./index52.js";
+import { useCreateCounterpartBank as r } from "./index66.js";
+import { useUpdateCounterpartBank as i } from "./index67.js";
+import "./index86.js";
+import { CounterpartBankFormContent as a } from "./index91.js";
+import { getCounterpartBankValidationSchema as o } from "./index100.js";
+import { useCallback as s, useId as c, useMemo as l } from "react";
+import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { toast as f } from "react-hot-toast";
+import { useLingui as p } from "@lingui/react";
+import { FormProvider as m, useForm as h } from "react-hook-form";
+import { zodResolver as g } from "@hookform/resolvers/zod";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index101.js
-function s({ ...e }) {
-	return /* @__PURE__ */ i(o.Root, {
-		"data-slot": "select",
-		...e
+var _ = ({ counterpartId: _, isStandalone: v, bankAccount: y, handleClose: b, onUpdate: x, onCreate: S }) => {
+	let { i18n: C } = p(), w = `vendor-bank-form-${c()}`, T = !!y, { mutate: E, isPending: D } = i(), { mutate: O, isPending: k } = r(), A = D || k, j = l(() => ({
+		accountHolderName: y?.account_holder_name ?? "",
+		accountNumber: y?.account_number ?? "",
+		routingNumber: y?.routing_number ?? ""
+	}), [y]), { resetField: M, ...N } = h({
+		resolver: g(o(C)),
+		defaultValues: j
+	}), P = s((e) => {
+		e.preventDefault(), e.stopPropagation(), N.handleSubmit((e) => {
+			if (y) {
+				let t = {
+					account_holder_name: e.accountHolderName,
+					account_number: e.accountNumber,
+					routing_number: e.routingNumber
+				};
+				return E({
+					path: {
+						counterpart_id: _,
+						bank_account_id: y?.id
+					},
+					body: t
+				}, { onSuccess: () => {
+					f.success(C._("Bank account information has been updated.")), x && x();
+				} });
+			}
+			{
+				let t = {
+					account_holder_name: e.accountHolderName,
+					account_number: e.accountNumber,
+					routing_number: e.routingNumber,
+					country: "US",
+					currency: "USD",
+					is_default_for_currency: !0
+				};
+				return O({
+					path: { counterpart_id: _ },
+					body: t
+				}, { onSuccess: () => {
+					f.success(C._("Bank Account has been added.")), S && S();
+				} });
+			}
+		})(e);
+	}, [
+		f,
+		E,
+		O,
+		e,
+		x,
+		S,
+		N.handleSubmit,
+		C
+	]);
+	return /* @__PURE__ */ u(m, {
+		resetField: M,
+		...N,
+		children: /* @__PURE__ */ d("form", {
+			id: w,
+			onSubmit: P,
+			className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100",
+			children: [/* @__PURE__ */ u(a, {
+				hasExistingBankAccount: T,
+				handleCancel: b,
+				isLoading: A,
+				isStandalone: v
+			}), /* @__PURE__ */ d("div", {
+				className: "ttw:flex ttw:gap-4 ttw:pt-6",
+				children: [/* @__PURE__ */ u(t, {
+					type: "button",
+					variant: "outline",
+					className: "ttw:border-border ttw:flex-1",
+					disabled: A,
+					onClick: () => {
+						M("accountHolderName"), M("accountNumber"), M("routingNumber"), b();
+					},
+					children: C._("Cancel")
+				}), /* @__PURE__ */ d(t, {
+					type: "submit",
+					className: "ttw:flex-1",
+					disabled: A || !N.formState.isDirty,
+					children: [A && /* @__PURE__ */ u(n, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), C._("Save")]
+				})]
+			})]
+		})
 	});
-}
-function c({ ...e }) {
-	return /* @__PURE__ */ i(o.Value, {
-		"data-slot": "select-value",
-		...e
-	});
-}
-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 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__ */ 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__ */ 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 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 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 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" })
-	});
-}
+};
 //#endregion
-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 };
+export { _ as CounterpartBankForm };

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

@@ -1,13 +1,92 @@
-import { cn as e } from "./index49.js";
-import "react";
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Button as e } from "./index56.js";
+import { Typography as t } from "./index62.js";
+import { CounterpartBankFormContent as n } from "./index91.js";
+import { CounterpartBankForm as r } from "./index101.js";
+import { useState as i } from "react";
+import { Landmark as a, Plus as o } from "lucide-react";
+import { Fragment as s, jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
+import { useLingui as u } from "@lingui/react";
+import { twMerge as d } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index102.js
-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
+var f = ({ isStandalone: f, counterpartId: p, bankAccount: m, isUpdateAllowed: h, isDeleteAllowed: g, onRemoveClick: _, isLoading: v }) => {
+	let { i18n: y } = u(), [b, x] = i(!1), S = !!m, C = S && (!m?.account_holder_name || !m?.account_number || !m?.routing_number), w = () => {
+		x(!1);
+	};
+	return b ? /* @__PURE__ */ c(s, { children: f && p ? /* @__PURE__ */ c(s, { children: m ? /* @__PURE__ */ c(r, {
+		bankAccount: m,
+		handleClose: w,
+		counterpartId: p,
+		onUpdate: w,
+		isStandalone: !0
+	}) : /* @__PURE__ */ c(r, {
+		handleClose: w,
+		counterpartId: p,
+		onCreate: w,
+		isStandalone: !0
+	}) }) : /* @__PURE__ */ c(n, {
+		hasExistingBankAccount: !1,
+		handleCancel: w,
+		isLoading: v,
+		isStandalone: !1
+	}) }) : /* @__PURE__ */ l("div", {
+		className: d("ttw:flex ttw:items-start ttw:gap-3 ttw:p-3 ttw:rounded-lg ttw:border ttw:border-border", C ? "ttw:border-danger" : "ttw:border-border"),
+		children: [/* @__PURE__ */ c("div", {
+			className: "ttw:p-2 ttw:text-white ttw:flex ttw:items-center ttw:justify-center ttw:bg-primary ttw:rounded-lg",
+			children: /* @__PURE__ */ c(a, { className: "ttw:size-4" })
+		}), S ? /* @__PURE__ */ l("div", {
+			className: "ttw:flex ttw:items-center ttw:flex-1 ttw:gap-0.5",
+			children: [/* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-0.5 ttw:flex-1",
+				children: [/* @__PURE__ */ c(t, {
+					variant: "body2",
+					className: "ttw:leading-5",
+					children: y._("ACH bank transfer")
+				}), /* @__PURE__ */ c(t, {
+					variant: "caption",
+					color: C ? "destructive" : "muted",
+					className: "ttw:leading-4",
+					children: C ? y._("Incomplete") : y._("Account ending in {last4}", { last4: m?.account_number?.slice(m.account_number?.length - 4) })
+				})]
+			}), (h || g) && /* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:gap-3 ttw:items-center",
+				children: [h && /* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "ghost",
+					className: "ttw:text-primary ttw:p-0 ttw:hover:text-primary ttw:hover:underline ttw:w-fit ttw:hover:bg-transparent",
+					onClick: () => x(!0),
+					children: y._("Edit")
+				}), g && /* @__PURE__ */ c(e, {
+					type: "button",
+					variant: "ghost",
+					className: "ttw:text-primary ttw:p-0 ttw:hover:text-primary ttw:hover:underline ttw:w-fit ttw:hover:bg-transparent",
+					onClick: () => _?.(),
+					children: y._("Remove")
+				})]
+			})]
+		}) : /* @__PURE__ */ l("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+			children: [/* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+				children: [/* @__PURE__ */ c(t, {
+					variant: "body2",
+					className: "ttw:leading-5",
+					children: y._("ACH bank transfer")
+				}), /* @__PURE__ */ c(t, {
+					variant: "caption",
+					color: "muted",
+					className: "ttw:leading-4",
+					children: y._("Fast, direct deposit to the vendor's bank. Arrives in 1–3 business days.")
+				})]
+			}), /* @__PURE__ */ l(e, {
+				type: "button",
+				variant: "ghost",
+				className: "ttw:text-primary ttw:hover:text-primary/70 ttw:w-fit ttw:px-0 ttw:has-[>svg]:px-0 ttw:py-2 ttw:hover:bg-transparent",
+				onClick: () => x(!0),
+				disabled: v,
+				children: [/* @__PURE__ */ c(o, {}), y._("Add bank account")]
+			})]
+		})]
 	});
-}
+};
 //#endregion
-export { n as Textarea };
+export { f as CounterpartBankSection };

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

@@ -1,71 +1,20 @@
 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 "./index102.js";
 import "react";
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { cva as a } from "class-variance-authority";
+import { CheckIcon as t } from "lucide-react";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import * as r from "@radix-ui/react-checkbox";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index103.js
-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
+function i({ className: i, ...a }) {
+	return /* @__PURE__ */ n(r.Root, {
+		"data-slot": "checkbox",
+		className: e("ttw:peer ttw:border-input ttw:dark:bg-input/30 ttw:data-[state=checked]:bg-primary ttw:data-[state=checked]:text-primary-foreground ttw:dark:data-[state=checked]:bg-primary ttw:data-[state=checked]:border-primary 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:size-4 ttw:shrink-0 ttw:rounded-[4px] ttw:border ttw:shadow-xs ttw:transition-shadow ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", i),
+		...a,
+		children: /* @__PURE__ */ n(r.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "ttw:flex ttw:items-center ttw:justify-center ttw:text-current ttw:transition-none",
+			children: /* @__PURE__ */ n(t, { className: "ttw:size-3.5" })
+		})
 	});
 }
 //#endregion
-export { o as InputGroup, c as InputGroupAddon, u as InputGroupButton, d as InputGroupInput, f as InputGroupTextarea };
+export { i as Checkbox };