@tesouro/embedded-components-react 0.3.0 → 0.3.2

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

@@ -1,555 +1,88 @@
 import { cn as e } from "./index49.js";
-import { Button as t } from "./index56.js";
-import { Input as n } from "./index89.js";
-import { Typography as r } from "./index62.js";
-import { Label as i } from "./index87.js";
-import { Field as a, FieldContent as o, FieldError 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 { RECURRENCE_CREATION_MODES as ee, RECURRENCE_EMAIL_FIELD_NAMES as te } from "./index217.js";
-import { isRecurrenceEmailComplete as ne } from "./index219.js";
-import { RECEIPT_DUE_PAYMENT_TERM as re } from "./index226.js";
-import { DatePicker as m } from "./index460.js";
-import { useRecurrenceSectionLabels as h } from "./index461.js";
-import { RecurrenceEmailModal as g } from "./index462.js";
-import { useState as ie } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
-import { useLingui as ae } from "@lingui/react";
-import { Controller as b, useFormContext as oe } from "react-hook-form";
+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/index463.js
-var x = "recurrence-email-error", S = [
-	"day",
-	"week",
-	"month"
-], C = (e) => {
-	(e.key === "." || e.key === ",") && e.preventDefault();
-}, w = (e) => {
-	let t = [
-		"th",
-		"st",
-		"nd",
-		"rd"
-	], n = e % 100;
-	return `${e}${t[(n - 20) % 10] ?? t[n] ?? t[0]}`;
-}, T = Array.from({ length: 31 }, (e, t) => t + 1), E = [
-	"recurrence_start_date",
-	"recurrence_end_date",
-	"recurrence_issue_mode",
-	"recurrence_days_of_week",
-	"recurrence_end_mode",
-	"recurrence_max_occurrences"
-], D = {
-	su: 0,
-	mo: 1,
-	tu: 2,
-	we: 3,
-	th: 4,
-	fr: 5,
-	sa: 6
-}, O = () => {
-	let e = /* @__PURE__ */ new Date();
-	return e.setHours(0, 0, 0, 0), e;
-}, se = () => {
-	let e = O();
-	return e.setDate(e.getDate() + 1), e;
-}, ce = (e) => {
-	let t = O(), n = (D[e] - t.getDay() + 7) % 7 || 7, r = new Date(t);
-	return r.setDate(t.getDate() + n), r;
-}, k = ({ lockSchedule: O = !1, labels: k, emailModalLabels: ue }) => {
-	let { i18n: A } = ae(), j = h(k), { control: M, watch: N, clearErrors: P, getValues: F, setValue: I, formState: { errors: L } } = oe(), R = N("frequency"), z = N("payment_terms_id"), B = N("recurrence_issue_mode"), V = N("recurrence_end_mode"), H = N("recurrence_days_of_week"), de = N("recurrence_max_occurrences"), U = Number(de) === 1, W = N("recurrence_start_date"), G = W ? new Date(W) : void 0, K = N("recurrence_end_date"), q = K ? new Date(K) : void 0, [fe, J] = ie(!1), Y = N("recurrence_automation_level") ?? "issue", X = Y === "issue_and_send", Z = N("recurrence_recipients_to"), pe = Z?.length ? Z.join(", ") : j.noRecipients, Q = te.map((e) => L[e]).find(Boolean), $ = (e) => {
-		if (e < se()) return !0;
-		if (R === "week") return H ? e.getDay() !== D[H] : !1;
-		if (R !== "month" || !B) return !1;
-		let t = e.getDate(), n = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
-		if (B === "first_day") return t !== 1;
-		if (B === "last_day") return t !== n;
-		let r = Number(B);
-		return !Number.isNaN(r) && t !== Math.min(r, n);
-	}, me = (e) => {
-		if ($(e)) return !0;
-		if (!G) return !1;
-		let t = new Date(G);
-		return t.setHours(0, 0, 0, 0), e < t;
-	}, he = (e) => {
-		if ($(e)) return !0;
-		if (!q) return !1;
-		let t = new Date(q);
-		return t.setHours(0, 0, 0, 0), e > t;
-	};
-	return /* @__PURE__ */ y("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-		children: [
-			/* @__PURE__ */ y("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-2.5",
-				children: [
-					/* @__PURE__ */ v(r, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:text-nowrap",
-						children: A._("Repeat this invoice")
-					}),
-					/* @__PURE__ */ v(b, {
-						name: "frequency",
-						control: M,
-						render: ({ field: e }) => /* @__PURE__ */ v(a, {
-							className: "ttw:w-fit",
-							children: /* @__PURE__ */ v(o, {
-								className: "ttw:grow-0",
-								children: /* @__PURE__ */ y(c, {
-									value: e.value,
-									disabled: O,
-									onValueChange: (t) => {
-										P(E), E.forEach((e) => {
-											I(e, void 0, { shouldDirty: !1 });
-										}), S.includes(t) ? (I("payment_terms_id", re, { shouldDirty: !0 }), I("payment_terms_custom_date", null, { shouldDirty: !1 }), I("payment_reminder_id", "", { shouldDirty: !0 })) : t !== "once" && z === "custom" && (I("payment_terms_id", "", { shouldDirty: !0 }), I("payment_terms_custom_date", null, { shouldDirty: !1 })), e.onChange(t);
-									},
-									children: [/* @__PURE__ */ v(f, {
-										id: "frequency",
-										className: "ttw:w-31",
-										children: /* @__PURE__ */ v(p, {})
-									}), /* @__PURE__ */ y(l, { children: [
-										/* @__PURE__ */ v(u, {
-											value: "once",
-											children: A._("Once")
-										}),
-										/* @__PURE__ */ v(u, {
-											value: "day",
-											children: A._("Daily")
-										}),
-										/* @__PURE__ */ v(u, {
-											value: "week",
-											children: A._("Weekly")
-										}),
-										/* @__PURE__ */ v(u, {
-											value: "month",
-											children: A._("Monthly")
-										}),
-										/* @__PURE__ */ v(u, {
-											value: "quarter",
-											children: A._("Quarterly")
-										}),
-										/* @__PURE__ */ v(u, {
-											value: "year",
-											children: A._("Annually")
-										})
-									] })]
-								})
-							})
-						})
-					}),
-					(() => {
-						switch (R) {
-							case "once":
-							case "day":
-							case "quarter":
-							case "year":
-							default: return null;
-							case "month": return /* @__PURE__ */ y(_, { children: [
-								/* @__PURE__ */ v(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: A._("on the")
-								}),
-								/* @__PURE__ */ v(b, {
-									name: "recurrence_issue_mode",
-									control: M,
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ v(o, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ y(c, {
-												value: e.value,
-												disabled: O,
-												onValueChange: (t) => {
-													e.onChange(t), P("recurrence_issue_mode"), O || I("recurrence_start_date", void 0, { shouldDirty: !1 });
-												},
-												children: [/* @__PURE__ */ v(f, {
-													id: "recurrence_issue_mode",
-													className: "ttw:min-w-21 ttw:w-fit",
-													"aria-invalid": !!t,
-													children: /* @__PURE__ */ v(p, {})
-												}), /* @__PURE__ */ y(l, { children: [
-													/* @__PURE__ */ v(u, {
-														value: "first_day",
-														children: A._("First day")
-													}),
-													/* @__PURE__ */ v(u, {
-														value: "last_day",
-														children: A._("Last day")
-													}),
-													/* @__PURE__ */ v(d, {}),
-													T.map((e) => /* @__PURE__ */ v(u, {
-														value: String(e),
-														children: w(e)
-													}, e))
-												] })]
-											})
-										})
-									})
-								}),
-								/* @__PURE__ */ v(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: A._("day of every month")
-								})
-							] });
-							case "week": return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(r, {
-								variant: "body2",
-								color: "muted",
-								children: A._("on")
-							}), /* @__PURE__ */ v(b, {
-								name: "recurrence_days_of_week",
-								control: M,
-								render: ({ field: t, fieldState: { error: n } }) => {
-									let r = t.value, i = (e) => {
-										O || r === e || (t.onChange(e), I("recurrence_start_date", ce(e), { shouldDirty: !0 }), P("recurrence_start_date"));
-									};
-									return /* @__PURE__ */ v(a, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ v(o, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ y("div", {
-												"aria-invalid": !!n,
-												"aria-disabled": O || void 0,
-												className: e("ttw:flex ttw:border ttw:border-border ttw:rounded-md ttw:h-8 ttw:w-56 ttw:aria-invalid:border-destructive", O && "ttw:opacity-50 ttw:pointer-events-none"),
-												children: [
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "mo",
-														"data-active": r === "mo",
-														onClick: () => i("mo"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Mo")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "tu",
-														"data-active": r === "tu",
-														onClick: () => i("tu"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Tu")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "we",
-														"data-active": r === "we",
-														onClick: () => i("we"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("We")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "th",
-														"data-active": r === "th",
-														onClick: () => i("th"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Th")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "fr",
-														"data-active": r === "fr",
-														onClick: () => i("fr"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Fr")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "sa",
-														"data-active": r === "sa",
-														onClick: () => i("sa"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Sa")
-													}),
-													/* @__PURE__ */ v("button", {
-														type: "button",
-														disabled: O,
-														"aria-pressed": r === "su",
-														"data-active": r === "su",
-														onClick: () => i("su"),
-														className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center",
-														children: A._("Su")
-													})
-												]
-											})
-										})
-									});
-								}
-							})] });
-						}
-					})()
-				]
+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
 			}),
-			R !== "once" && /* @__PURE__ */ y("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-2.5",
-				children: [
-					/* @__PURE__ */ v(r, {
-						variant: "body2",
-						color: "muted",
-						className: "ttw:text-nowrap",
-						children: A._("Start on")
-					}),
-					/* @__PURE__ */ v(b, {
-						control: M,
-						name: "recurrence_start_date",
-						render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-							className: "ttw:grow-0 ttw:w-44",
-							children: /* @__PURE__ */ v(o, { children: /* @__PURE__ */ v(m, {
-								...e,
-								selected: e.value ? new Date(e.value) : void 0,
-								onSelect: e.onChange,
-								showOutsideDays: !1,
-								shouldDisableButton: O || R === "week" && !H,
-								disabled: he,
-								"aria-invalid": !!t,
-								startMonth: /* @__PURE__ */ new Date(),
-								endMonth: q ? new Date(q.getFullYear(), q.getMonth(), 1) : new Date(2050, 11)
-							}) })
-						})
-					}),
-					(() => {
-						switch (R) {
-							case "once":
-							default: return null;
-							case "day": return /* @__PURE__ */ y(_, { children: [
-								/* @__PURE__ */ v(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: A._("and end")
-								}),
-								/* @__PURE__ */ v(b, {
-									name: "recurrence_end_mode",
-									control: M,
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ v(o, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ y(c, {
-												value: e.value,
-												onValueChange: (t) => {
-													e.onChange(t), I(t === "after" ? "recurrence_end_date" : "recurrence_max_occurrences", void 0, { shouldDirty: !1 });
-												},
-												children: [/* @__PURE__ */ v(f, {
-													id: "recurrence_end_mode",
-													className: "ttw:w-21",
-													"aria-invalid": !!t,
-													children: /* @__PURE__ */ v(p, {})
-												}), /* @__PURE__ */ y(l, { children: [/* @__PURE__ */ v(u, {
-													value: "after",
-													children: A._("After")
-												}), /* @__PURE__ */ v(u, {
-													value: "on",
-													children: A._("On")
-												})] })]
-											})
-										})
-									})
-								}),
-								V === "on" ? /* @__PURE__ */ v(b, {
-									control: M,
-									name: "recurrence_end_date",
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-										className: "ttw:grow-0 ttw:w-44",
-										children: /* @__PURE__ */ v(o, { children: /* @__PURE__ */ v(m, {
-											...e,
-											selected: e.value ? new Date(e.value) : void 0,
-											onSelect: e.onChange,
-											showOutsideDays: !1,
-											disabled: me,
-											"aria-invalid": !!t,
-											startMonth: G ? new Date(G.getFullYear(), G.getMonth(), 1) : /* @__PURE__ */ new Date(),
-											endMonth: new Date(2050, 11)
-										}) })
-									})
-								}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(b, {
-									name: "recurrence_max_occurrences",
-									control: M,
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ v(o, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ v(n, {
-												...e,
-												className: "ttw:w-16",
-												value: e.value ?? "",
-												type: "number",
-												min: 0,
-												max: 1e3,
-												onKeyDown: C,
-												"aria-invalid": !!t
-											})
-										})
-									})
-								}), /* @__PURE__ */ v(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: U ? A._("day") : A._("days")
-								})] })
-							] });
-							case "month":
-							case "quarter":
-							case "year":
-							case "week": return /* @__PURE__ */ y(_, { children: [
-								/* @__PURE__ */ v(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: A._("and end after")
-								}),
-								/* @__PURE__ */ v(b, {
-									name: "recurrence_max_occurrences",
-									control: M,
-									render: ({ field: e, fieldState: { error: t } }) => /* @__PURE__ */ v(a, {
-										className: "ttw:w-fit",
-										children: /* @__PURE__ */ v(o, {
-											className: "ttw:grow-0",
-											children: /* @__PURE__ */ v(n, {
-												...e,
-												className: "ttw:w-16",
-												value: e.value ?? "",
-												type: "number",
-												min: 0,
-												max: 1e3,
-												onKeyDown: C,
-												"aria-invalid": !!t
-											})
-										})
-									})
-								}),
-								/* @__PURE__ */ y(r, {
-									variant: "body2",
-									color: "muted",
-									className: "ttw:text-nowrap",
-									children: [
-										R === "month" && (U ? A._("month") : A._("months")),
-										R === "quarter" && (U ? A._("quarter") : A._("quarters")),
-										R === "week" && (U ? A._("week") : A._("weeks")),
-										R === "year" && (U ? A._("year") : A._("years"))
-									]
-								})
-							] });
-						}
-					})()
-				]
+			Chevron: ({ className: t, orientation: n, ...r }) => s(n === "left" ? a : n === "right" ? o : i, {
+				className: e("ttw:size-4", t),
+				...r
 			}),
-			L.recurrence_max_occurrences && /* @__PURE__ */ v(s, { errors: [L.recurrence_max_occurrences] }),
-			/* @__PURE__ */ v(g, {
-				open: fe,
-				onOpenChange: J,
-				labels: ue
+			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
+				})
 			}),
-			[
-				"month",
-				"quarter",
-				"year"
-			].includes(R) && /* @__PURE__ */ v(r, {
-				variant: "caption",
-				color: "muted",
-				children: A._("If the issue day doesn't exist in a given month, e.g., the 31st, then the invoice will be sent on the last day of that month.")
-			}),
-			R !== "once" && /* @__PURE__ */ y("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-1.5",
-				children: [
-					/* @__PURE__ */ v(i, {
-						htmlFor: "recurrence_automation_level",
-						children: /* @__PURE__ */ y(r, {
-							variant: "body2",
-							component: "span",
-							className: "ttw:block",
-							children: [
-								j.creationModeQuestion,
-								" ",
-								/* @__PURE__ */ v(r, {
-									variant: "body2",
-									component: "span",
-									color: "muted",
-									children: j.creationModeHint
-								})
-							]
-						})
-					}),
-					/* @__PURE__ */ v(b, {
-						name: "recurrence_automation_level",
-						control: M,
-						render: ({ field: e }) => /* @__PURE__ */ y(c, {
-							value: Y,
-							onValueChange: (t) => {
-								e.onChange(t);
-								let [n, r, i, a, o] = F([
-									"recurrence_subject_text",
-									"recurrence_body_text",
-									"recurrence_recipients_to",
-									"recurrence_recipients_cc",
-									"recurrence_recipients_bcc"
-								]);
-								t === "issue_and_send" && !ne({
-									to: i,
-									cc: a,
-									bcc: o,
-									subject: n,
-									body: r
-								}) && J(!0);
-							},
-							children: [/* @__PURE__ */ v(f, {
-								id: "recurrence_automation_level",
-								"aria-invalid": !!Q,
-								"aria-describedby": Q ? x : void 0,
-								className: "ttw:h-auto! ttw:w-full ttw:py-2.5 ttw:*:data-[slot=select-value]:line-clamp-none",
-								children: /* @__PURE__ */ v(p, {})
-							}), /* @__PURE__ */ v(l, { children: ee.map(({ value: e, Icon: t }) => /* @__PURE__ */ v(u, {
-								value: e,
-								children: /* @__PURE__ */ v(le, {
-									Icon: t,
-									...j.creationModes[e]
-								})
-							}, e)) })]
-						})
-					}),
-					X && /* @__PURE__ */ y("div", {
-						className: "ttw:flex ttw:items-center ttw:gap-2",
-						children: [/* @__PURE__ */ v(r, {
-							variant: "body2",
-							color: "muted",
-							className: "ttw:truncate",
-							children: pe
-						}), /* @__PURE__ */ v(t, {
-							type: "button",
-							variant: "link",
-							className: "ttw:h-auto ttw:p-0",
-							onClick: () => J(!0),
-							children: j.setUpEmail
-						})]
-					}),
-					Q && /* @__PURE__ */ v(s, {
-						id: x,
-						errors: [Q]
-					})
-				]
-			})
-		]
+			...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
 	});
-}, le = ({ Icon: e, title: t, description: n }) => /* @__PURE__ */ y("div", {
-	className: "ttw:flex ttw:items-center ttw:gap-3",
-	children: [/* @__PURE__ */ v(e, { className: "ttw:size-5 ttw:shrink-0 ttw:text-muted-foreground" }), /* @__PURE__ */ y("div", {
-		className: "ttw:flex ttw:flex-col ttw:text-left",
-		children: [/* @__PURE__ */ v(r, {
-			variant: "body2",
-			children: t
-		}), /* @__PURE__ */ v(r, {
-			variant: "body2",
-			color: "muted",
-			children: n
-		})]
-	})]
-});
+}
 //#endregion
-export { k as RecurrenceSection };
+export { u as Calendar, d as CalendarDayButton };