@tesouro/embedded-components-react 0.2.288 → 0.2.289

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

@@ -1,88 +1,193 @@
-import { cn as e } from "./index49.js";
-import { Button as t, buttonVariants as n } from "./index56.js";
-import * as r from "react";
-import { ChevronDownIcon as i, ChevronLeftIcon as a, ChevronRightIcon as o } from "lucide-react";
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
+import { getCounterpartEmail as e, getCounterpartName as t } from "./index53.js";
+import { Button as n } from "./index56.js";
+import { Input as r } from "./index89.js";
+import { useCounterpartAddresses as i } from "./index126.js";
+import "./index138.js";
+import { Typography as a } from "./index62.js";
+import { Separator as o } from "./index64.js";
+import { Field as s, FieldContent as c, FieldError as l, FieldLabel as u } from "./index88.js";
+import { CounterpartDetails as d } from "./index230.js";
+import { CreateCounterpartDialog as f } from "./index245.js";
+import { Avatar as p, AvatarFallback as m } from "./index252.js";
+import { CounterpartSelector as h } from "./index451.js";
+import { useCallback as g, useEffect as _, useRef as v, useState as y } from "react";
+import { Plus as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "@emotion/react/jsx-runtime";
+import { useLingui as w } from "@lingui/react";
+import { Controller as T, useFormContext as E } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index452.js
-function u({ className: t, classNames: r, showOutsideDays: u = !0, captionLayout: f = "label", buttonVariant: p = "ghost", formatters: m, components: h, ...g }) {
-	let _ = l();
-	return /* @__PURE__ */ s(c, {
-		showOutsideDays: u,
-		className: e("ttw:bg-background ttw:group/calendar ttw:p-3 ttw:[--cell-size:--spacing(8)] ttw:[[data-slot=card-content]_&]:bg-transparent ttw:[[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
-		captionLayout: f,
-		formatters: {
-			formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
-			...m
-		},
-		classNames: {
-			root: e("ttw:w-fit", _.root),
-			months: e("ttw:flex ttw:gap-4 ttw:flex-col ttw:md:flex-row ttw:relative", _.months),
-			month: e("ttw:flex ttw:flex-col ttw:w-full ttw:gap-4", _.month),
-			nav: e("ttw:flex ttw:items-center ttw:gap-1 ttw:w-full ttw:absolute ttw:top-0 ttw:inset-x-0 ttw:justify-between", _.nav),
-			button_previous: e(n({ variant: p }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", _.button_previous),
-			button_next: e(n({ variant: p }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", _.button_next),
-			month_caption: e("ttw:flex ttw:items-center ttw:justify-center ttw:h-(--cell-size) ttw:w-full ttw:px-(--cell-size)", _.month_caption),
-			dropdowns: e("ttw:w-full ttw:flex ttw:items-center ttw:text-sm ttw:font-medium ttw:justify-center ttw:h-(--cell-size) ttw:gap-1.5", _.dropdowns),
-			dropdown_root: e("ttw:relative ttw:has-focus:border-ring ttw:border ttw:border-input ttw:shadow-xs ttw:has-focus:ring-ring/50 ttw:has-focus:ring-[3px] ttw:rounded-md", _.dropdown_root),
-			dropdown: e("ttw:absolute ttw:bg-popover ttw:inset-0 ttw:opacity-0", _.dropdown),
-			caption_label: e("ttw:select-none ttw:font-medium", f === "label" ? "ttw:text-sm" : "ttw:rounded-md ttw:pl-2 ttw:pr-1 ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:h-8 ttw:[&>svg]:text-muted-foreground ttw:[&>svg]:size-3.5", _.caption_label),
-			table: "ttw:w-full ttw:border-collapse",
-			weekdays: e("ttw:flex", _.weekdays),
-			weekday: e("ttw:text-muted-foreground ttw:rounded-md ttw:flex-1 ttw:font-normal ttw:text-[0.8rem] ttw:select-none", _.weekday),
-			week: e("ttw:flex ttw:w-full ttw:mt-2", _.week),
-			week_number_header: e("ttw:select-none ttw:w-(--cell-size)", _.week_number_header),
-			week_number: e("ttw:text-[0.8rem] ttw:select-none ttw:text-muted-foreground", _.week_number),
-			day: e("ttw:relative ttw:w-full ttw:h-full ttw:p-0 ttw:text-center ttw:[&:first-child[data-selected=true]_button]:rounded-l-md ttw:[&:last-child[data-selected=true]_button]:rounded-r-md ttw:group/day ttw:aspect-square ttw:select-none", _.day),
-			range_start: e("ttw:rounded-l-md ttw:bg-accent", _.range_start),
-			range_middle: e("ttw:rounded-none", _.range_middle),
-			range_end: e("ttw:rounded-r-md ttw:bg-accent", _.range_end),
-			today: e("ttw:bg-accent ttw:text-accent-foreground ttw:rounded-md ttw:data-[selected=true]:rounded-none", _.today),
-			outside: e("ttw:text-muted-foreground ttw:aria-selected:text-muted-foreground", _.outside),
-			disabled: e("ttw:text-muted-foreground ttw:opacity-50", _.disabled),
-			hidden: e("ttw:invisible", _.hidden),
-			...r
-		},
-		components: {
-			Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ s("div", {
-				"data-slot": "calendar",
-				ref: n,
-				className: e(t),
-				...r
-			}),
-			Chevron: ({ className: t, orientation: n, ...r }) => s(n === "left" ? a : n === "right" ? o : i, {
-				className: e("ttw:size-4", t),
-				...r
-			}),
-			DayButton: d,
-			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ s("td", {
+var D = ({ disabled: D, canCreateCounterpart: O, isEditCustomerOpen: k, handleOpenEditCustomer: A, counterpart: j }) => {
+	let { i18n: M } = w(), { watch: N, setValue: P, control: F, clearErrors: I } = E(), L = N("counterpart_id"), R = v(L), z = N("default_billing_address_id"), B = N("default_shipping_address_id"), { data: V } = i(j?.id), [H, U] = y(!1), [W, G] = y(!1), K = !!L, q = t(j), J = e(j), Y = q ? Array.from(q)[0]?.toUpperCase() ?? "?" : "?", X = N("counterpart_name") ?? "", Z = N("counterpart_email") ?? "", Q = () => {
+		P("counterpart_id", ""), P("counterpart_name", ""), P("counterpart_email", "");
+	}, $ = g((e) => {
+		let t = {
+			email: Z,
+			phone: "",
+			isCustomer: !0,
+			isVendor: !1,
+			line1: "",
+			line2: "",
+			city: "",
+			state: "",
+			postalCode: "",
+			country: "US"
+		};
+		if (e === "individual") {
+			let e = X.trim(), n = e.indexOf(" "), r = n === -1 ? e : e.slice(0, n), i = n === -1 ? "" : e.slice(n + 1);
+			return {
+				tax_id: "",
+				counterpart: {
+					...t,
+					firstName: r,
+					lastName: i
+				}
+			};
+		}
+		return {
+			tax_id: "",
+			counterpart: {
 				...t,
-				children: /* @__PURE__ */ s("div", {
-					className: "ttw:flex ttw:size-(--cell-size) ttw:items-center ttw:justify-center ttw:text-center",
-					children: e
+				companyName: X
+			}
+		};
+	}, [X, Z]);
+	return _(() => {
+		R.current !== L && (R.current = L, P("default_billing_address_id", ""), P("default_shipping_address_id", ""));
+	}, [L, P]), _(() => {
+		if (V?.data?.length && !(!j || j.id !== L)) {
+			if (!z) {
+				let e = j.default_billing_address_id || (V.data.length === 1 ? V.data[0].id : "");
+				P("default_billing_address_id", e);
+			}
+			if (!B) {
+				let e = j.default_shipping_address_id || "";
+				P("default_shipping_address_id", e);
+			}
+		}
+	}, [
+		V,
+		P,
+		j,
+		L,
+		z,
+		B
+	]), /* @__PURE__ */ C("div", {
+		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+				children: [/* @__PURE__ */ S(a, {
+					variant: "h4",
+					children: M._("Customer details")
+				}), /* @__PURE__ */ S(a, {
+					variant: "body2",
+					color: "muted",
+					className: "ttw:font-medium",
+					children: M._("Who are you billing?")
+				})]
+			}),
+			K ? /* @__PURE__ */ C("div", {
+				className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-center ttw:border ttw:border-border ttw:p-3 ttw:rounded-xl",
+				children: [/* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-5",
+					children: [/* @__PURE__ */ S(p, {
+						className: "ttw:size-16",
+						children: /* @__PURE__ */ S(m, {
+							className: "ttw:text-sm ttw:font-normal",
+							children: Y
+						})
+					}), /* @__PURE__ */ C("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ S(a, {
+							variant: "body1",
+							className: "ttw:font-medium",
+							children: q
+						}), /* @__PURE__ */ S(a, {
+							variant: "body2",
+							color: "muted",
+							children: J
+						})]
+					})]
+				}), /* @__PURE__ */ C("div", {
+					className: "ttw:flex ttw:items-center",
+					children: [
+						/* @__PURE__ */ S(n, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-primary ttw:hover:text-primary",
+							disabled: D,
+							onClick: () => U(!0),
+							children: M._("View details")
+						}),
+						/* @__PURE__ */ S(o, {
+							orientation: "vertical",
+							className: "ttw:h-6!"
+						}),
+						/* @__PURE__ */ S(n, {
+							type: "button",
+							variant: "ghost",
+							className: "ttw:text-primary ttw:hover:text-primary",
+							disabled: D,
+							onClick: Q,
+							children: M._("Clear")
+						})
+					]
+				})]
+			}) : /* @__PURE__ */ C(x, { children: [
+				/* @__PURE__ */ S(h, {
+					disabled: D,
+					canCreateCounterpart: O
+				}),
+				O && /* @__PURE__ */ S(T, {
+					name: "counterpart_email",
+					control: F,
+					render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(c, { children: [
+						/* @__PURE__ */ S(u, {
+							htmlFor: e.name,
+							children: M._("Email")
+						}),
+						/* @__PURE__ */ S(r, {
+							...e,
+							id: e.name,
+							type: "email",
+							disabled: D,
+							"aria-invalid": !!t
+						}),
+						/* @__PURE__ */ S(l, { errors: t ? [t] : [] })
+					] }) })
+				}),
+				O && /* @__PURE__ */ C(n, {
+					onClick: () => G(!0),
+					type: "button",
+					variant: "ghost",
+					disabled: D,
+					className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit",
+					children: [/* @__PURE__ */ S(b, {}), M._("Add more details including address, phone, etc.")]
 				})
+			] }),
+			W && /* @__PURE__ */ S(f, {
+				open: W,
+				onClose: () => {
+					G(!1);
+				},
+				onCreate: (e) => {
+					G(!1), P("counterpart_id", e), P("counterpart_name", ""), P("counterpart_email", ""), I(["counterpart_id", "counterpart_email"]);
+				},
+				getCounterpartDefaultValues: $,
+				customerType: "customer"
 			}),
-			...h
-		},
-		...g
-	});
-}
-function d({ className: n, day: i, modifiers: a, ...o }) {
-	let c = l(), u = r.useRef(null);
-	return r.useEffect(() => {
-		a.focused && u.current?.focus();
-	}, [a.focused]), /* @__PURE__ */ s(t, {
-		ref: u,
-		variant: "ghost",
-		size: "icon",
-		"data-day": i.date.toLocaleDateString(),
-		"data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle,
-		"data-range-start": a.range_start,
-		"data-range-end": a.range_end,
-		"data-range-middle": a.range_middle,
-		className: e("ttw:data-[selected-single=true]:bg-primary ttw:data-[selected-single=true]:text-primary-foreground ttw:data-[range-middle=true]:bg-accent ttw:data-[range-middle=true]:text-accent-foreground ttw:data-[range-start=true]:bg-primary ttw:data-[range-start=true]:text-primary-foreground ttw:data-[range-end=true]:bg-primary ttw:data-[range-end=true]:text-primary-foreground ttw:group-data-[focused=true]/day:border-ring ttw:group-data-[focused=true]/day:ring-ring/50 ttw:dark:hover:text-accent-foreground ttw:flex ttw:aspect-square ttw:size-auto ttw:w-full ttw:min-w-(--cell-size) ttw:flex-col ttw:gap-1 ttw:leading-none ttw:font-normal ttw:group-data-[focused=true]/day:relative ttw:group-data-[focused=true]/day:z-1300 ttw:group-data-[focused=true]/day:ring-[3px] ttw:data-[range-end=true]:rounded-md ttw:data-[range-end=true]:rounded-r-md ttw:data-[range-middle=true]:rounded-none ttw:data-[range-start=true]:rounded-md ttw:data-[range-start=true]:rounded-l-md ttw:[&>span]:text-xs ttw:[&>span]:opacity-70", c.day, n),
-		...o
+			(k || H) && /* @__PURE__ */ S(d, {
+				counterpartId: j?.id || "",
+				open: k || H,
+				onClose: () => {
+					k && A(!1), U(!1);
+				},
+				isEditMode: k,
+				showActionsMenu: !1,
+				customerType: "customer"
+			})
+		]
 	});
-}
+};
 //#endregion
-export { u as Calendar, d as CalendarDayButton };
+export { D as CustomerSection };

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

@@ -1,136 +1,33 @@
-import { calculateDueDate as e } from "./index53.js";
-import { cn as t } from "./index49.js";
-import { Skeleton as n } from "./index54.js";
-import { Field as r, FieldContent as i, FieldDescription as a, FieldError as o, FieldLabel as s } from "./index88.js";
-import { Select as c, SelectContent as l, SelectItem as u, SelectSeparator as d, SelectTrigger as f, SelectValue as p } from "./index101.js";
-import { RECEIPT_DUE_PAYMENT_TERM as m } from "./index222.js";
-import { Popover as h, PopoverAnchor as g, PopoverContent as _ } from "./index428.js";
-import "./index434.js";
-import { dedupePaymentTermsByContent as v } from "./index451.js";
-import { Calendar as y } from "./index452.js";
-import { useMemo as b, useState as x } from "react";
-import { Calendar as S } from "lucide-react";
-import { addYears as C, format as w, max as T, min as E } from "date-fns";
-import { Fragment as D, jsx as O, jsxs as k } from "@emotion/react/jsx-runtime";
-import { useLingui as A } from "@lingui/react";
-import { Controller as j, useFormContext as M } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index453.js
-var N = "MMM d, yyyy", P = ({ disabled: P, paymentTerms: F, isLoading: I }) => {
-	let { i18n: L } = A(), { control: R, watch: z, setValue: B } = M(), [V, H] = x(!1), U = z("payment_terms_id"), W = z("frequency") !== "once", G = z("payment_terms_custom_date") ?? void 0, K = (e) => B("payment_terms_custom_date", e ?? null), { dedupedTerms: q } = b(() => v(F?.data ?? []), [F]), J = q.find((e) => e?.id === U), Y = J && e(J), X = b(() => {
-		let e = /* @__PURE__ */ new Date(), t = C(e, 5);
-		return {
-			start: G ? E([e, G]) : e,
-			end: G ? T([t, G]) : t
-		};
-	}, [G]), Z = () => {
-		window.setTimeout(() => H(!0), 0);
-	}, Q = (e, t) => /* @__PURE__ */ k("span", {
-		className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
-		children: [/* @__PURE__ */ O("span", {
-			className: "ttw:truncate",
-			children: e
-		}), t && /* @__PURE__ */ O("span", {
-			className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs",
-			children: w(t, N)
-		})]
+function e(e) {
+	return e ? {
+		number_of_days: e.number_of_days ?? null,
+		discount: e.discount ?? null
+	} : null;
+}
+function t(t) {
+	return JSON.stringify({
+		name: t.name,
+		description: t.description ?? null,
+		term_final: { number_of_days: t.term_final?.number_of_days ?? null },
+		term_1: e(t.term_1),
+		term_2: e(t.term_2)
 	});
-	return /* @__PURE__ */ O(D, { children: I ? /* @__PURE__ */ O(n, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ O(D, { children: /* @__PURE__ */ O(j, {
-		name: "payment_terms_id",
-		control: R,
-		render: ({ field: n, fieldState: { error: v } }) => /* @__PURE__ */ O(r, { children: /* @__PURE__ */ k(i, { children: [
-			/* @__PURE__ */ O(s, {
-				htmlFor: "payment_terms_id",
-				children: L._("Payment terms")
-			}),
-			/* @__PURE__ */ k(h, {
-				open: V,
-				onOpenChange: (e) => {
-					H(e), !e && U === "custom" && !G && n.onChange(void 0);
-				},
-				children: [/* @__PURE__ */ k(c, {
-					...n,
-					disabled: P,
-					value: n.value,
-					onValueChange: (e) => {
-						if (e === "custom") {
-							U !== "custom" && K(void 0), n.onChange(e), Z();
-							return;
-						}
-						n.onChange(e), e === "receipt_due" && B("payment_reminder_id", "", { shouldDirty: !0 }), K(void 0), H(!1);
-					},
-					children: [/* @__PURE__ */ O(g, {
-						className: "ttw:w-full",
-						children: /* @__PURE__ */ O(f, {
-							id: "payment_terms_id",
-							className: "ttw:w-full",
-							"aria-invalid": !!v,
-							children: /* @__PURE__ */ k(p, {
-								placeholder: L._("Select payment terms"),
-								children: [
-									U === "receipt_due" && /* @__PURE__ */ O("span", {
-										className: "ttw:truncate",
-										children: L._("Due on receipt")
-									}),
-									U === "custom" && /* @__PURE__ */ k("span", {
-										className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
-										children: [/* @__PURE__ */ k("span", {
-											className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5",
-											children: [/* @__PURE__ */ O(S, { className: t("ttw:size-4 ttw:shrink-0", !G && "ttw:text-muted-foreground") }), /* @__PURE__ */ O("span", {
-												className: t("ttw:truncate", !G && "ttw:text-muted-foreground"),
-												children: G ? w(G, N) : L._("Mon DD, YYYY")
-											})]
-										}), /* @__PURE__ */ O("span", {
-											className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs",
-											children: L._("Custom date")
-										})]
-									}),
-									J && Q(J.name, Y)
-								]
-							})
-						})
-					}), /* @__PURE__ */ k(l, { children: [
-						/* @__PURE__ */ O(u, {
-							value: m,
-							children: L._("Due on receipt")
-						}),
-						!W && /* @__PURE__ */ O(u, {
-							value: "custom",
-							onPointerUp: Z,
-							onClick: Z,
-							onKeyDown: (e) => {
-								(e.key === "Enter" || e.key === " ") && Z();
-							},
-							children: L._("Custom date")
-						}),
-						/* @__PURE__ */ O(d, {}),
-						q.map((t) => /* @__PURE__ */ O(u, {
-							value: t.id,
-							children: Q(t.name, e(t))
-						}, t.id))
-					] })]
-				}), /* @__PURE__ */ O(_, {
-					className: "ttw:w-auto ttw:overflow-hidden ttw:p-0",
-					align: "start",
-					onFocusOutside: (e) => {
-						e.preventDefault();
-					},
-					children: /* @__PURE__ */ O(y, {
-						mode: "single",
-						captionLayout: "dropdown",
-						selected: G,
-						disabled: { before: /* @__PURE__ */ new Date() },
-						startMonth: X.start,
-						endMonth: X.end,
-						onSelect: (e) => {
-							K(e), H(!1);
-						}
-					})
-				})]
-			}),
-			W && /* @__PURE__ */ O(a, { children: L._("Each invoice in the series will have the same payment term.") }),
-			/* @__PURE__ */ O(o, { errors: v ? [v] : [] })
-		] }) })
-	}) }) });
-};
+}
+function n(e) {
+	let n = /* @__PURE__ */ new Map(), r = [], i = /* @__PURE__ */ new Map();
+	for (let a of e) {
+		let e = t(a), o = n.get(e);
+		if (!o) {
+			n.set(e, a.id), r.push(a);
+			continue;
+		}
+		i.set(a.id, o);
+	}
+	return {
+		dedupedTerms: r,
+		duplicateIdMap: i
+	};
+}
 //#endregion
-export { P as PaymentSection };
+export { n as dedupePaymentTermsByContent };

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

@@ -1,41 +1,88 @@
-import { Button as e } from "./index56.js";
-import { Popover as t, PopoverContent as n, PopoverTrigger as r } from "./index428.js";
-import { Calendar as i } from "./index452.js";
-import * as a from "react";
-import { Calendar as o } from "lucide-react";
-import { format as s } from "date-fns";
-import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
-import { useLingui as u } from "@lingui/react";
+import { cn as e } from "./index49.js";
+import { Button as t, buttonVariants as n } from "./index56.js";
+import * as r from "react";
+import { ChevronDownIcon as i, ChevronLeftIcon as a, ChevronRightIcon as o } from "lucide-react";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index454.js
-var d = "MMM d, yyyy";
-function f(f) {
-	let [p, m] = a.useState(!1), { i18n: h } = u();
-	return /* @__PURE__ */ l(t, {
-		open: p,
-		onOpenChange: m,
-		children: [/* @__PURE__ */ c(r, {
-			asChild: !0,
-			children: /* @__PURE__ */ l(e, {
-				variant: "outline",
-				id: "date",
-				disabled: !!f.shouldDisableButton,
-				"aria-invalid": f["aria-invalid"],
-				className: "ttw:w-full ttw:justify-between ttw:font-normal ttw:border-border",
-				children: [f.selected ? s(f.selected, d) : f.placeholder ?? h._("Mon DD, YYYY"), /* @__PURE__ */ c(o, {})]
-			})
-		}), /* @__PURE__ */ c(n, {
-			className: "ttw:w-auto ttw:overflow-hidden ttw:p-0",
-			align: "start",
-			children: /* @__PURE__ */ c(i, {
-				...f,
-				mode: "single",
-				captionLayout: "dropdown",
-				onSelect: (e) => {
-					f.onSelect(e), m(!1);
-				}
-			})
-		})]
+function u({ className: t, classNames: r, showOutsideDays: u = !0, captionLayout: f = "label", buttonVariant: p = "ghost", formatters: m, components: h, ...g }) {
+	let _ = l();
+	return /* @__PURE__ */ s(c, {
+		showOutsideDays: u,
+		className: e("ttw:bg-background ttw:group/calendar ttw:p-3 ttw:[--cell-size:--spacing(8)] ttw:[[data-slot=card-content]_&]:bg-transparent ttw:[[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
+		captionLayout: f,
+		formatters: {
+			formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
+			...m
+		},
+		classNames: {
+			root: e("ttw:w-fit", _.root),
+			months: e("ttw:flex ttw:gap-4 ttw:flex-col ttw:md:flex-row ttw:relative", _.months),
+			month: e("ttw:flex ttw:flex-col ttw:w-full ttw:gap-4", _.month),
+			nav: e("ttw:flex ttw:items-center ttw:gap-1 ttw:w-full ttw:absolute ttw:top-0 ttw:inset-x-0 ttw:justify-between", _.nav),
+			button_previous: e(n({ variant: p }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", _.button_previous),
+			button_next: e(n({ variant: p }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", _.button_next),
+			month_caption: e("ttw:flex ttw:items-center ttw:justify-center ttw:h-(--cell-size) ttw:w-full ttw:px-(--cell-size)", _.month_caption),
+			dropdowns: e("ttw:w-full ttw:flex ttw:items-center ttw:text-sm ttw:font-medium ttw:justify-center ttw:h-(--cell-size) ttw:gap-1.5", _.dropdowns),
+			dropdown_root: e("ttw:relative ttw:has-focus:border-ring ttw:border ttw:border-input ttw:shadow-xs ttw:has-focus:ring-ring/50 ttw:has-focus:ring-[3px] ttw:rounded-md", _.dropdown_root),
+			dropdown: e("ttw:absolute ttw:bg-popover ttw:inset-0 ttw:opacity-0", _.dropdown),
+			caption_label: e("ttw:select-none ttw:font-medium", f === "label" ? "ttw:text-sm" : "ttw:rounded-md ttw:pl-2 ttw:pr-1 ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:h-8 ttw:[&>svg]:text-muted-foreground ttw:[&>svg]:size-3.5", _.caption_label),
+			table: "ttw:w-full ttw:border-collapse",
+			weekdays: e("ttw:flex", _.weekdays),
+			weekday: e("ttw:text-muted-foreground ttw:rounded-md ttw:flex-1 ttw:font-normal ttw:text-[0.8rem] ttw:select-none", _.weekday),
+			week: e("ttw:flex ttw:w-full ttw:mt-2", _.week),
+			week_number_header: e("ttw:select-none ttw:w-(--cell-size)", _.week_number_header),
+			week_number: e("ttw:text-[0.8rem] ttw:select-none ttw:text-muted-foreground", _.week_number),
+			day: e("ttw:relative ttw:w-full ttw:h-full ttw:p-0 ttw:text-center ttw:[&:first-child[data-selected=true]_button]:rounded-l-md ttw:[&:last-child[data-selected=true]_button]:rounded-r-md ttw:group/day ttw:aspect-square ttw:select-none", _.day),
+			range_start: e("ttw:rounded-l-md ttw:bg-accent", _.range_start),
+			range_middle: e("ttw:rounded-none", _.range_middle),
+			range_end: e("ttw:rounded-r-md ttw:bg-accent", _.range_end),
+			today: e("ttw:bg-accent ttw:text-accent-foreground ttw:rounded-md ttw:data-[selected=true]:rounded-none", _.today),
+			outside: e("ttw:text-muted-foreground ttw:aria-selected:text-muted-foreground", _.outside),
+			disabled: e("ttw:text-muted-foreground ttw:opacity-50", _.disabled),
+			hidden: e("ttw:invisible", _.hidden),
+			...r
+		},
+		components: {
+			Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ s("div", {
+				"data-slot": "calendar",
+				ref: n,
+				className: e(t),
+				...r
+			}),
+			Chevron: ({ className: t, orientation: n, ...r }) => s(n === "left" ? a : n === "right" ? o : i, {
+				className: e("ttw:size-4", t),
+				...r
+			}),
+			DayButton: d,
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ s("td", {
+				...t,
+				children: /* @__PURE__ */ s("div", {
+					className: "ttw:flex ttw:size-(--cell-size) ttw:items-center ttw:justify-center ttw:text-center",
+					children: e
+				})
+			}),
+			...h
+		},
+		...g
+	});
+}
+function d({ className: n, day: i, modifiers: a, ...o }) {
+	let c = l(), u = r.useRef(null);
+	return r.useEffect(() => {
+		a.focused && u.current?.focus();
+	}, [a.focused]), /* @__PURE__ */ s(t, {
+		ref: u,
+		variant: "ghost",
+		size: "icon",
+		"data-day": i.date.toLocaleDateString(),
+		"data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle,
+		"data-range-start": a.range_start,
+		"data-range-end": a.range_end,
+		"data-range-middle": a.range_middle,
+		className: e("ttw:data-[selected-single=true]:bg-primary ttw:data-[selected-single=true]:text-primary-foreground ttw:data-[range-middle=true]:bg-accent ttw:data-[range-middle=true]:text-accent-foreground ttw:data-[range-start=true]:bg-primary ttw:data-[range-start=true]:text-primary-foreground ttw:data-[range-end=true]:bg-primary ttw:data-[range-end=true]:text-primary-foreground ttw:group-data-[focused=true]/day:border-ring ttw:group-data-[focused=true]/day:ring-ring/50 ttw:dark:hover:text-accent-foreground ttw:flex ttw:aspect-square ttw:size-auto ttw:w-full ttw:min-w-(--cell-size) ttw:flex-col ttw:gap-1 ttw:leading-none ttw:font-normal ttw:group-data-[focused=true]/day:relative ttw:group-data-[focused=true]/day:z-1300 ttw:group-data-[focused=true]/day:ring-[3px] ttw:data-[range-end=true]:rounded-md ttw:data-[range-end=true]:rounded-r-md ttw:data-[range-middle=true]:rounded-none ttw:data-[range-start=true]:rounded-md ttw:data-[range-start=true]:rounded-l-md ttw:[&>span]:text-xs ttw:[&>span]:opacity-70", c.day, n),
+		...o
 	});
 }
 //#endregion
-export { f as DatePicker };
+export { u as Calendar, d as CalendarDayButton };