@rpcbase/ui 0.208.0 → 0.209.0

package/dist/index190.js

@@ -1,389 +1,499 @@
-import { enUS as e } from "./index95.js";
-import { DateLib as t } from "./index96.js";
-import { DayFlag as n, SelectionState as r, UI as i } from "./index105.js";
-import { dayPickerContext as a } from "./index113.js";
-import { rangeIncludesDate as o } from "./index129.js";
-import { isDateRange as ee } from "./index130.js";
-import { createGetModifiers as te } from "./index132.js";
-import { getClassNamesForModifiers as ne } from "./index133.js";
-import { getComponents as s } from "./index134.js";
-import { getDataAttributes as c } from "./index135.js";
-import { getDefaultClassNames as re } from "./index136.js";
-import { getFormatters as ie } from "./index145.js";
-import { getLabels as ae } from "./index158.js";
-import { getMonthOptions as oe } from "./index159.js";
-import { getStyleForModifiers as se } from "./index160.js";
-import { getWeekdays as ce } from "./index161.js";
-import { getYearOptions as le } from "./index162.js";
-import { createNoonOverrides as ue } from "./index163.js";
-import { useAnimation as de } from "./index164.js";
-import { useCalendar as fe } from "./index175.js";
-import { useFocus as pe } from "./index179.js";
-import { useSelection as me } from "./index187.js";
-import { toTimeZone as l } from "./index188.js";
-import { convertMatchersToTimeZone as u } from "./index189.js";
-import d, { useCallback as f, useMemo as p, useRef as he } from "react";
-//#region ../../node_modules/react-day-picker/dist/esm/DayPicker.js
-function m(m) {
-	let h = m, g = h.timeZone;
-	if (g && (h = {
-		...m,
-		timeZone: g
-	}, h.today &&= l(h.today, g), h.month &&= l(h.month, g), h.defaultMonth &&= l(h.defaultMonth, g), h.startMonth &&= l(h.startMonth, g), h.endMonth &&= l(h.endMonth, g), h.mode === "single" && h.selected ? h.selected = l(h.selected, g) : h.mode === "multiple" && h.selected ? h.selected = h.selected?.map((e) => l(e, g)) : h.mode === "range" && h.selected && (h.selected = {
-		from: h.selected.from ? l(h.selected.from, g) : h.selected.from,
-		to: h.selected.to ? l(h.selected.to, g) : h.selected.to
-	}), h.disabled !== void 0 && (h.disabled = u(h.disabled, g)), h.hidden !== void 0 && (h.hidden = u(h.hidden, g)), h.modifiers)) {
-		let e = {};
-		Object.keys(h.modifiers).forEach((t) => {
-			e[t] = u(h.modifiers?.[t], g);
-		}), h.modifiers = e;
+import { useIsTouchDevice as e } from "./index4.js";
+import { cn as t } from "./index12.js";
+import { DismissableLayerBranch as n } from "./index23.js";
+import { dateMatchModifiers as r } from "./index130.js";
+import { DayPicker as i } from "./index189.js";
+import { c as a } from "react/compiler-runtime";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { CalendarDays as l, ChevronLeft as u, ChevronRight as d } from "lucide-react";
+import { createPortal as f } from "react-dom";
+import { IMaskInput as p } from "react-imask";
+import m, { InputMask as h } from "imask";
+//#region src/components/DayPickerField/index.tsx
+var g = m;
+typeof g.InputMask != "function" && (g.InputMask = h);
+function _(e) {
+	let n = a(18), r, o, c, l, u;
+	n[0] === e ? (r = n[1], o = n[2], c = n[3], l = n[4], u = n[5]) : ({className: r, classNames: o, components: c, showOutsideDays: u, ...l} = e, n[0] = e, n[1] = r, n[2] = o, n[3] = c, n[4] = l, n[5] = u);
+	let d = u === void 0 ? !0 : u, f;
+	n[6] === r ? f = n[7] : (f = t("p-3", r), n[6] = r, n[7] = f);
+	let p;
+	n[8] === o ? p = n[9] : (p = {
+		month: "space-y-4",
+		months: "flex flex-col sm:flex-row space-y-4 sm:space-y-0 relative gap-2",
+		month_caption: "flex justify-center pt-1 relative items-center",
+		month_grid: "w-full border-collapse space-y-1",
+		caption_label: "text-sm font-medium",
+		nav: "flex items-center justify-between absolute inset-x-0 z-10",
+		button_previous: "inline-flex h-7 w-7 items-center justify-center rounded-md border border-input bg-transparent p-0 opacity-50 shadow-sm transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 z-10",
+		button_next: "inline-flex h-7 w-7 items-center justify-center rounded-md border border-input bg-transparent p-0 opacity-50 shadow-sm transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 z-10",
+		weeks: "w-full border-collapse",
+		weekdays: "flex",
+		weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+		week: "flex w-full mt-2",
+		day: "h-9 w-9 p-0 font-normal aria-selected:opacity-100 rounded-md first:aria-selected:rounded-l-md last:aria-selected:rounded-r-md",
+		day_button: "inline-flex h-9 w-9 items-center justify-center rounded-md p-0 text-center text-sm font-normal transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+		range_start: "day-range-start !bg-accent rounded-l-md [&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground",
+		range_end: "day-range-end !bg-accent rounded-r-md [&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground",
+		range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground !rounded-none",
+		day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+		day_today: "bg-accent text-accent-foreground",
+		day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+		day_disabled: "text-muted-foreground opacity-50",
+		day_hidden: "invisible",
+		selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+		today: "bg-gray-50 text-accent-foreground !rounded-md",
+		outside: "day-outside text-muted-foreground opacity-50 !aria-selected:bg-accent/50 !aria-selected:text-muted-foreground !aria-selected:opacity-30",
+		disabled: "text-muted-foreground opacity-50",
+		hidden: "invisible",
+		...o
+	}, n[8] = o, n[9] = p);
+	let m;
+	n[10] === c ? m = n[11] : (m = {
+		Chevron: v,
+		...c
+	}, n[10] = c, n[11] = m);
+	let h;
+	return n[12] !== l || n[13] !== d || n[14] !== f || n[15] !== p || n[16] !== m ? (h = /* @__PURE__ */ s(i, {
+		weekStartsOn: 1,
+		showOutsideDays: d,
+		className: f,
+		classNames: p,
+		components: m,
+		...l
+	}), n[12] = l, n[13] = d, n[14] = f, n[15] = p, n[16] = m, n[17] = h) : h = n[17], h;
+}
+function v(e) {
+	return e.orientation === "left" ? /* @__PURE__ */ s(u, {
+		...e,
+		className: "h-4 w-4"
+	}) : /* @__PURE__ */ s(d, {
+		...e,
+		className: "h-4 w-4"
+	});
+}
+_.displayName = "DayPicker";
+function y(e) {
+	return String(e).padStart(2, "0");
+}
+function b(e) {
+	let t = new Date(e);
+	return t.setHours(0, 0, 0, 0), t;
+}
+function x(e) {
+	return b(new Date(e.getFullYear(), e.getMonth(), 1));
+}
+function S(e) {
+	return `${y(e.getDate())}/${y(e.getMonth() + 1)}/${e.getFullYear()}`;
+}
+function C({ day: e, month: t, year: n }) {
+	if (!Number.isFinite(e) || !Number.isFinite(t) || !Number.isFinite(n)) return null;
+	let r = new Date(n, t - 1, e);
+	return r.getFullYear() !== n || r.getMonth() !== t - 1 || r.getDate() !== e ? null : b(r);
+}
+function w(e, t) {
+	let n = e.trim();
+	if (!n) return null;
+	let r = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(n);
+	if (r) return C({
+		day: Number(r[1]),
+		month: Number(r[2]),
+		year: Number(r[3])
+	});
+	let i = /^(\d{2})\/(\d{2})\/(\d{2})$/.exec(n);
+	if (i) {
+		let e = Number(i[3]);
+		return Number.isFinite(e) ? C({
+			day: Number(i[1]),
+			month: Number(i[2]),
+			year: 2e3 + e
+		}) : null;
 	}
-	let { components: _, formatters: v, labels: ge, dateLib: y, locale: b, classNames: x } = p(() => {
-		let n = {
-			...e,
-			...h.locale
-		}, r = h.broadcastCalendar ? 1 : h.weekStartsOn, i = h.noonSafe && h.timeZone ? ue(h.timeZone, {
-			weekStartsOn: r,
-			locale: n
-		}) : void 0, a = h.dateLib && i ? {
-			...i,
-			...h.dateLib
-		} : h.dateLib ?? i, o = new t({
-			locale: n,
-			weekStartsOn: r,
-			firstWeekContainsDate: h.firstWeekContainsDate,
-			useAdditionalWeekYearTokens: h.useAdditionalWeekYearTokens,
-			useAdditionalDayOfYearTokens: h.useAdditionalDayOfYearTokens,
-			timeZone: h.timeZone,
-			numerals: h.numerals
-		}, a);
-		return {
-			dateLib: o,
-			components: s(h.components),
-			formatters: ie(h.formatters),
-			labels: ae(h.labels, o.options),
-			locale: n,
-			classNames: {
-				...re(),
-				...h.classNames
-			}
+	let a = /^(\d{2})\/(\d{2})$/.exec(n);
+	return a ? C({
+		day: Number(a[1]),
+		month: Number(a[2]),
+		year: t.getFullYear()
+	}) : null;
+}
+var T = o.forwardRef(function({ value: e, onChange: i, onValueUpdate: a, className: u, inputClassName: d, placeholder: m = "DD/MM/YYYY", disabled: h, readOnly: g, open: v, onOpenChange: C, dayPickerComponent: T, dayPickerProps: E, onFocus: D, onBlur: O, onKeyDown: k, onPointerDown: A, onMouseDown: j, ...M }, N) {
+	let P = o.useRef(null), F = o.useRef(null), I = o.useRef(null), L = o.useRef(!1), R = o.useRef(!1), z = o.useRef(!1), B = o.useRef(!1), V = o.useRef(!1), H = o.useRef(null), [ee, te] = o.useState(!1), U = v ?? ee, W = C ?? te;
+	R.current = U;
+	let [G, K] = o.useState(() => e ? S(e) : ""), q = o.useMemo(() => w(G, /* @__PURE__ */ new Date()), [G]), [ne, J] = o.useState(() => x(e ?? /* @__PURE__ */ new Date())), [Y, re] = o.useState(() => ({
+		left: 0,
+		top: 0
+	})), X = o.useCallback((e) => {
+		a && a(e);
+	}, [a]), Z = o.useCallback((e) => {
+		a && a(e), i(e);
+	}, [i, a]);
+	o.useEffect(() => {
+		L.current || K(e ? S(e) : "");
+	}, [e]), o.useEffect(() => {
+		U && J(x(e ?? /* @__PURE__ */ new Date()));
+	}, [U, e]), o.useEffect(() => {
+		U && q && J(x(q));
+	}, [q, U]), o.useEffect(() => {
+		if (!U) return;
+		let e = P.current?.ownerDocument ?? document, t = e.defaultView ?? window, n = (e) => {
+			let t = e.target;
+			t instanceof Node && (P.current?.contains(t) || F.current?.contains(t) || W(!1));
+		}, r = (e) => {
+			if (e.key !== "Escape" || !R.current) return;
+			let t = e.target;
+			t instanceof Node && (!P.current?.contains(t) && !F.current?.contains(t) || (e.preventDefault(), e.stopPropagation(), W(!1)));
+		};
+		return e.addEventListener("pointerdown", n, !0), t.addEventListener("keydown", r, !0), () => {
+			e.removeEventListener("pointerdown", n, !0), t.removeEventListener("keydown", r, !0);
+		};
+	}, [U]), o.useEffect(() => {
+		if (!U || typeof window > "u" || !("IntersectionObserver" in window)) return;
+		let e = P.current;
+		if (!e) return;
+		let t = !0, n = new IntersectionObserver((e) => {
+			if (!t) return;
+			let n = e[0];
+			n && !n.isIntersecting && W(!1);
+		});
+		return n.observe(e), () => {
+			t = !1, n.disconnect();
+		};
+	}, [U]);
+	let ie = o.useCallback((e) => {
+		I.current = e, typeof N == "function" ? N(e) : N && (N.current = e);
+	}, [N]), Q = () => W(!1), ae = T ?? _, $ = o.useCallback(() => {
+		if (typeof window > "u") return;
+		let e = P.current, t = F.current;
+		if (!e || !t) return;
+		let n = e.getBoundingClientRect(), r = t.offsetWidth, i = t.offsetHeight, a = window.innerWidth ?? 0, o = window.innerHeight ?? 0, s = n.left;
+		s + r > a - 8 && (s = Math.max(8, a - r - 8)), s < 8 && (s = 8);
+		let c = n.bottom + 8, l = c + i > o - 8, u = n.top - i - 8;
+		l && u >= 8 && (c = u), c < 8 && (c = 8), c + i > o - 8 && (c = Math.max(8, o - i - 8)), re({
+			left: s,
+			top: c
+		});
+	}, []);
+	return o.useLayoutEffect(() => {
+		if (!U || h || typeof window > "u") return;
+		$();
+		let e = window.requestAnimationFrame($);
+		return window.addEventListener("scroll", $, !0), window.addEventListener("resize", $), () => {
+			window.cancelAnimationFrame(e), window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $);
 		};
 	}, [
-		h.locale,
-		h.broadcastCalendar,
-		h.weekStartsOn,
-		h.firstWeekContainsDate,
-		h.useAdditionalWeekYearTokens,
-		h.useAdditionalDayOfYearTokens,
-		h.timeZone,
-		h.numerals,
-		h.dateLib,
-		h.noonSafe,
-		h.components,
-		h.formatters,
-		h.labels,
-		h.classNames
-	]);
-	h.today || (h = {
-		...h,
-		today: y.today()
+		h,
+		U,
+		$
+	]), /* @__PURE__ */ c("div", {
+		ref: P,
+		"data-slot": "day-picker-input",
+		className: t("relative group", u),
+		children: [
+			/* @__PURE__ */ s(p, {
+				...M,
+				"data-slot": "day-picker-input-input",
+				disabled: h,
+				readOnly: g,
+				autoComplete: "off",
+				inputRef: ie,
+				mask: [
+					{
+						mask: "00/00",
+						lazy: !0
+					},
+					{
+						mask: "00/00/00",
+						lazy: !0
+					},
+					{
+						mask: "00/00/0000",
+						lazy: !0
+					}
+				],
+				dispatch: (e, t) => {
+					let n = (t.value + e).replace(/\D/g, "");
+					return n.length <= 4 ? t.compiledMasks[0] : n.length <= 6 ? t.compiledMasks[1] : t.compiledMasks[2];
+				},
+				placeholder: m,
+				value: G,
+				className: t("flex h-10 w-full rounded-md border border-input bg-background py-2 pr-3 pl-[37px] text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "transition-colors group-hover:bg-accent group-hover:text-accent-foreground", d),
+				onAccept: (e) => {
+					let t = typeof e == "string" ? e : String(e ?? ""), n = G.replace(/\D/g, "").length;
+					K(t), t.replace(/\D/g, "").length === 0 && (U && J(x(/* @__PURE__ */ new Date())), n !== 0 && X(null));
+				},
+				onComplete: (t) => {
+					let n = typeof t == "string" ? t : String(t ?? "");
+					if (H.current === n) {
+						H.current = null;
+						return;
+					}
+					let r = w(n, /* @__PURE__ */ new Date());
+					r && (e && r.getTime() === b(e).getTime() || X(r));
+				},
+				onPointerDown: (e) => {
+					z.current = !0, B.current = typeof document < "u" && document.activeElement === e.currentTarget, A?.(e);
+				},
+				onMouseDown: (e) => {
+					z.current = !0, B.current = typeof document < "u" && document.activeElement === e.currentTarget, j?.(e);
+				},
+				onFocus: (e) => {
+					let t = !z.current || !B.current;
+					if (z.current = !1, B.current = !1, L.current = !0, D?.(e), t) {
+						let t = e.currentTarget;
+						requestAnimationFrame(() => t.select());
+					}
+					h || W(!0);
+				},
+				onKeyDown: (t) => {
+					let n = t.defaultPrevented;
+					if (k?.(t), !(!n && t.defaultPrevented)) {
+						if (t.key === "Enter") {
+							if (!q) return;
+							if (t.preventDefault(), U) {
+								let e = `${q.getFullYear()}-${y(q.getMonth() + 1)}-${y(q.getDate())}`, t = F.current?.querySelector(`[data-day='${e}']:not([data-outside]) button`);
+								if (t instanceof HTMLButtonElement) {
+									if (t.disabled) return;
+									t.focus();
+								}
+							}
+							K(S(q)), Z(q), W(!1);
+							return;
+						}
+						if (t.key === "ArrowUp" || t.key === "ArrowDown") {
+							let n = q ?? e;
+							if (!n) return;
+							let i = b(new Date(n));
+							if (i.setDate(i.getDate() + (t.key === "ArrowUp" ? 1 : -1)), E?.disabled && r(i, E.disabled)) return;
+							t.preventDefault();
+							let a = S(i);
+							H.current = a, K(a), X(i);
+						}
+						U || (t.key.length === 1 || t.key === "Backspace" || t.key === "Delete" || t.key === "ArrowUp" || t.key === "ArrowDown") && !t.ctrlKey && !t.metaKey && !t.altKey && W(!0), t.key === "Tab" && !t.defaultPrevented && W(!1);
+					}
+				},
+				onBlur: (t) => {
+					L.current = !1, O?.(t);
+					let n = V.current;
+					if (V.current = !1, n) return;
+					let r = t.relatedTarget;
+					if (r instanceof Node) {
+						let e = P.current;
+						if (!e || e.contains(r) || F.current?.contains(r)) return;
+					}
+					U && typeof window < "u" && requestAnimationFrame(() => {
+						let e = P.current;
+						if (!e) return;
+						let t = document.activeElement;
+						t && (e.contains(t) || F.current?.contains(t)) || W(!1);
+					});
+					let i = G.trim();
+					if (i === "") {
+						e && (K(""), Z(null));
+						return;
+					}
+					let a = w(i, /* @__PURE__ */ new Date());
+					if (a) {
+						K(S(a)), (!e || a.getTime() !== b(e).getTime()) && Z(a);
+						return;
+					}
+					K(e ? S(e) : "");
+				}
+			}),
+			/* @__PURE__ */ s("button", {
+				type: "button",
+				tabIndex: -1,
+				disabled: h,
+				"aria-label": "Open calendar",
+				"data-slot": "day-picker-input-trigger",
+				className: "absolute left-[13px] top-1/2 -translate-y-1/2 text-muted-foreground transition-colors group-hover:text-accent-foreground",
+				onPointerDown: (e) => {
+					e.preventDefault(), !h && I.current?.focus({ preventScroll: !0 });
+				},
+				onMouseDown: (e) => {
+					e.preventDefault(), !h && I.current?.focus({ preventScroll: !0 });
+				},
+				onClick: () => {
+					h || (I.current?.focus({ preventScroll: !0 }), W(!0));
+				},
+				children: /* @__PURE__ */ s(l, {
+					"aria-hidden": !0,
+					className: "size-4"
+				})
+			}),
+			U && !h && (() => {
+				let t = G.trim() === "" ? void 0 : q ?? e ?? void 0, r = /* @__PURE__ */ s(n, { children: /* @__PURE__ */ s("div", {
+					ref: F,
+					"data-slot": "day-picker-input-popover",
+					className: "pointer-events-auto fixed z-[60] w-max rounded-md border bg-popover text-popover-foreground shadow-md",
+					style: {
+						left: Y.left,
+						top: Y.top
+					},
+					onPointerDownCapture: () => {
+						V.current = !0;
+					},
+					onMouseDownCapture: () => {
+						V.current = !0;
+					},
+					children: /* @__PURE__ */ s(ae, {
+						mode: "single",
+						month: ne,
+						onMonthChange: J,
+						selected: t,
+						onSelect: (t) => {
+							if (!t) {
+								e && Z(null), K(""), Q();
+								return;
+							}
+							let n = b(t);
+							(!e || n.getTime() !== b(e).getTime()) && Z(n), K(S(n)), Q();
+						},
+						...E
+					})
+				}) });
+				return typeof document > "u" ? r : f(r, document.body);
+			})()
+		]
 	});
-	let { captionLayout: S, mode: C, navLayout: w, numberOfMonths: T = 1, onDayBlur: E, onDayClick: D, onDayFocus: O, onDayKeyDown: k, onDayMouseEnter: A, onDayMouseLeave: j, onNextClick: M, onPrevClick: N, showWeekNumber: P, styles: F } = h, { formatCaption: _e, formatDay: ve, formatMonthDropdown: ye, formatWeekNumber: be, formatWeekNumberHeader: xe, formatWeekdayName: Se, formatYearDropdown: Ce } = v, I = fe(h, y), { days: we, months: L, navStart: R, navEnd: z, previousMonth: B, nextMonth: V, goToMonth: H } = I, U = te(we, h, R, z, y), { isSelected: W, select: G, selected: K } = me(h, y) ?? {}, { blur: q, focused: J, isFocusTarget: Te, moveFocus: Y, setFocused: X } = pe(h, I, U, W ?? (() => !1), y), { labelDayButton: Ee, labelGridcell: De, labelGrid: Oe, labelMonthDropdown: ke, labelNav: Ae, labelPrevious: je, labelNext: Me, labelWeekday: Ne, labelWeekNumber: Pe, labelWeekNumberHeader: Fe, labelYearDropdown: Ie } = ge, Le = p(() => ce(y, h.ISOWeek, h.broadcastCalendar, h.today), [
-		y,
-		h.ISOWeek,
-		h.broadcastCalendar,
-		h.today
-	]), Z = C !== void 0 || D !== void 0, Q = f(() => {
-		B && (H(B), N?.(B));
-	}, [
-		B,
-		H,
-		N
-	]), $ = f(() => {
-		V && (H(V), M?.(V));
-	}, [
-		H,
-		V,
-		M
-	]), Re = f((e, t) => (n) => {
-		n.preventDefault(), n.stopPropagation(), X(e), !t.disabled && (G?.(e.date, t, n), D?.(e.date, t, n));
-	}, [
-		G,
-		D,
-		X
-	]), ze = f((e, t) => (n) => {
-		X(e), O?.(e.date, t, n);
-	}, [O, X]), Be = f((e, t) => (n) => {
-		q(), E?.(e.date, t, n);
-	}, [q, E]), Ve = f((e, t) => (n) => {
-		let r = {
-			ArrowLeft: [n.shiftKey ? "month" : "day", h.dir === "rtl" ? "after" : "before"],
-			ArrowRight: [n.shiftKey ? "month" : "day", h.dir === "rtl" ? "before" : "after"],
-			ArrowDown: [n.shiftKey ? "year" : "week", "after"],
-			ArrowUp: [n.shiftKey ? "year" : "week", "before"],
-			PageUp: [n.shiftKey ? "year" : "month", "before"],
-			PageDown: [n.shiftKey ? "year" : "month", "after"],
-			Home: ["startOfWeek", "before"],
-			End: ["endOfWeek", "after"]
+});
+T.displayName = "DayPickerInput";
+function E({ id: e, value: r, onChange: i, onValueUpdate: a, className: u, inputClassName: d, placeholder: p = "DD/MM/YYYY", disabled: m, open: h, onOpenChange: g, dayPickerComponent: v, dayPickerProps: y, triggerTestId: C, isHydrated: w }) {
+	let T = o.useRef(null), E = o.useRef(null), D = o.useRef(!1), [O, k] = o.useState(!1), A = h ?? O, j = g ?? k;
+	D.current = A;
+	let [M, N] = o.useState(() => x(r ?? /* @__PURE__ */ new Date())), [P, F] = o.useState(() => ({
+		left: 0,
+		top: 0
+	}));
+	o.useEffect(() => {
+		A && N(x(r ?? /* @__PURE__ */ new Date()));
+	}, [A, r]), o.useEffect(() => {
+		if (!A) return;
+		let e = T.current?.ownerDocument ?? document, t = e.defaultView ?? window, n = (e) => {
+			let t = e.target;
+			t instanceof Node && (T.current?.contains(t) || E.current?.contains(t) || j(!1));
+		}, r = (e) => {
+			if (e.key !== "Escape" || !D.current) return;
+			let t = e.target;
+			t instanceof Node && (!T.current?.contains(t) && !E.current?.contains(t) || (e.preventDefault(), e.stopPropagation(), j(!1)));
+		};
+		return e.addEventListener("pointerdown", n, !0), t.addEventListener("keydown", r, !0), () => {
+			e.removeEventListener("pointerdown", n, !0), t.removeEventListener("keydown", r, !0);
+		};
+	}, [A]), o.useEffect(() => {
+		if (!A || typeof window > "u" || !("IntersectionObserver" in window)) return;
+		let e = T.current;
+		if (!e) return;
+		let t = !0, n = new IntersectionObserver((e) => {
+			if (!t) return;
+			let n = e[0];
+			n && !n.isIntersecting && j(!1);
+		});
+		return n.observe(e), () => {
+			t = !1, n.disconnect();
+		};
+	}, [A]);
+	let I = v ?? _, L = o.useCallback(() => {
+		if (typeof window > "u") return;
+		let e = T.current, t = E.current;
+		if (!e || !t) return;
+		let n = e.getBoundingClientRect(), r = t.offsetWidth, i = t.offsetHeight, a = window.innerWidth ?? 0, o = window.innerHeight ?? 0, s = n.left;
+		s + r > a - 8 && (s = Math.max(8, a - r - 8)), s < 8 && (s = 8);
+		let c = n.bottom + 8, l = c + i > o - 8, u = n.top - i - 8;
+		l && u >= 8 && (c = u), c < 8 && (c = 8), c + i > o - 8 && (c = Math.max(8, o - i - 8)), F({
+			left: s,
+			top: c
+		});
+	}, []);
+	o.useLayoutEffect(() => {
+		if (!A || m || typeof window > "u") return;
+		L();
+		let e = window.requestAnimationFrame(L);
+		return window.addEventListener("scroll", L, !0), window.addEventListener("resize", L), () => {
+			window.cancelAnimationFrame(e), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L);
 		};
-		if (r[n.key]) {
-			n.preventDefault(), n.stopPropagation();
-			let [e, t] = r[n.key];
-			Y(e, t);
-		}
-		k?.(e.date, t, n);
 	}, [
-		Y,
-		k,
-		h.dir
-	]), He = f((e, t) => (n) => {
-		A?.(e.date, t, n);
-	}, [A]), Ue = f((e, t) => (n) => {
-		j?.(e.date, t, n);
-	}, [j]), We = f((e) => (t) => {
-		let n = Number(t.target.value);
-		H(y.setMonth(y.startOfMonth(e), n));
-	}, [y, H]), Ge = f((e) => (t) => {
-		let n = Number(t.target.value);
-		H(y.setYear(y.startOfMonth(e), n));
-	}, [y, H]), { className: Ke, style: qe } = p(() => ({
-		className: [x[i.Root], h.className].filter(Boolean).join(" "),
-		style: {
-			...F?.[i.Root],
-			...h.style
-		}
-	}), [
-		x,
-		h.className,
-		h.style,
-		F
-	]), Je = c(h), Ye = he(null);
-	de(Ye, !!h.animate, {
-		classNames: x,
-		months: L,
-		focused: J,
-		dateLib: y
+		m,
+		A,
+		L
+	]);
+	let R = o.useCallback((e) => {
+		a && a(e), i(e);
+	}, [i, a]);
+	return /* @__PURE__ */ c("div", {
+		ref: T,
+		"data-slot": "day-picker-input",
+		className: t("relative group", u),
+		children: [/* @__PURE__ */ c("button", {
+			id: e,
+			type: "button",
+			disabled: m,
+			"data-testid": C,
+			"data-hydrated": w ? "true" : void 0,
+			"data-slot": "day-picker-input-input",
+			className: t("flex h-10 w-full items-center rounded-md border border-input bg-background px-3 py-2 text-left text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "transition-colors group-hover:bg-accent group-hover:text-accent-foreground", !r && "text-muted-foreground", A && "ring-2 ring-primary ring-offset-2", d),
+			onClick: () => {
+				m || j(!A);
+			},
+			children: [/* @__PURE__ */ s(l, {
+				"aria-hidden": !0,
+				className: "mr-2 size-4 text-muted-foreground transition-colors group-hover:text-accent-foreground"
+			}), r ? S(r) : p]
+		}), A && !m && (() => {
+			let e = /* @__PURE__ */ s(n, { children: /* @__PURE__ */ s("div", {
+				ref: E,
+				"data-slot": "day-picker-input-popover",
+				className: "pointer-events-auto fixed z-[60] w-max rounded-md border bg-popover text-popover-foreground shadow-md",
+				style: {
+					left: P.left,
+					top: P.top
+				},
+				children: /* @__PURE__ */ s(I, {
+					mode: "single",
+					month: M,
+					onMonthChange: N,
+					selected: r ?? void 0,
+					onSelect: (e) => {
+						if (!e) {
+							R(null), j(!1);
+							return;
+						}
+						let t = b(e);
+						(!r || t.getTime() !== b(r).getTime()) && R(t), j(!1);
+					},
+					...y
+				})
+			}) });
+			return typeof document > "u" ? e : f(e, document.body);
+		})()]
 	});
-	let Xe = {
+}
+function D(t) {
+	let n = a(18);
+	if (e()) {
+		let e;
+		return n[0] === t ? e = n[1] : (e = /* @__PURE__ */ s(E, { ...t }), n[0] = t, n[1] = e), e;
+	}
+	let { id: r, value: i, onChange: o, onValueUpdate: c, className: l, inputClassName: u, placeholder: d, disabled: f, readOnly: p, dayPickerComponent: m, dayPickerProps: h, triggerTestId: g, isHydrated: _, open: v, onOpenChange: y } = t, b = d === void 0 ? "DD/MM/YYYY" : d, x = _ ? "true" : void 0, S;
+	return n[2] !== l || n[3] !== m || n[4] !== h || n[5] !== f || n[6] !== r || n[7] !== u || n[8] !== o || n[9] !== y || n[10] !== c || n[11] !== v || n[12] !== b || n[13] !== p || n[14] !== x || n[15] !== g || n[16] !== i ? (S = /* @__PURE__ */ s(T, {
+		id: r,
+		value: i,
+		onChange: o,
+		onValueUpdate: c,
+		className: l,
+		inputClassName: u,
+		placeholder: b,
+		disabled: f,
+		readOnly: p,
+		open: v,
+		onOpenChange: y,
+		dayPickerComponent: m,
 		dayPickerProps: h,
-		selected: K,
-		select: G,
-		isSelected: W,
-		months: L,
-		nextMonth: V,
-		previousMonth: B,
-		goToMonth: H,
-		getModifiers: U,
-		components: _,
-		classNames: x,
-		styles: F,
-		labels: ge,
-		formatters: v
-	};
-	return d.createElement(a.Provider, { value: Xe }, d.createElement(_.Root, {
-		rootRef: h.animate ? Ye : void 0,
-		className: Ke,
-		style: qe,
-		dir: h.dir,
-		id: h.id,
-		lang: h.lang ?? b.code,
-		nonce: h.nonce,
-		title: h.title,
-		role: h.role,
-		"aria-label": h["aria-label"],
-		"aria-labelledby": h["aria-labelledby"],
-		...Je
-	}, d.createElement(_.Months, {
-		className: x[i.Months],
-		style: F?.[i.Months]
-	}, !h.hideNavigation && !w && d.createElement(_.Nav, {
-		"data-animated-nav": h.animate ? "true" : void 0,
-		className: x[i.Nav],
-		style: F?.[i.Nav],
-		"aria-label": Ae(),
-		onPreviousClick: Q,
-		onNextClick: $,
-		previousMonth: B,
-		nextMonth: V
-	}), L.map((e, t) => d.createElement(_.Month, {
-		"data-animated-month": h.animate ? "true" : void 0,
-		className: x[i.Month],
-		style: F?.[i.Month],
-		key: t,
-		displayIndex: t,
-		calendarMonth: e
-	}, w === "around" && !h.hideNavigation && t === 0 && d.createElement(_.PreviousMonthButton, {
-		type: "button",
-		className: x[i.PreviousMonthButton],
-		tabIndex: B ? void 0 : -1,
-		"aria-disabled": B ? void 0 : !0,
-		"aria-label": je(B),
-		onClick: Q,
-		"data-animated-button": h.animate ? "true" : void 0
-	}, d.createElement(_.Chevron, {
-		disabled: B ? void 0 : !0,
-		className: x[i.Chevron],
-		orientation: h.dir === "rtl" ? "right" : "left"
-	})), d.createElement(_.MonthCaption, {
-		"data-animated-caption": h.animate ? "true" : void 0,
-		className: x[i.MonthCaption],
-		style: F?.[i.MonthCaption],
-		calendarMonth: e,
-		displayIndex: t
-	}, S?.startsWith("dropdown") ? d.createElement(_.DropdownNav, {
-		className: x[i.Dropdowns],
-		style: F?.[i.Dropdowns]
-	}, (() => {
-		let t = S === "dropdown" || S === "dropdown-months" ? d.createElement(_.MonthsDropdown, {
-			key: "month",
-			className: x[i.MonthsDropdown],
-			"aria-label": ke(),
-			classNames: x,
-			components: _,
-			disabled: !!h.disableNavigation,
-			onChange: We(e.date),
-			options: oe(e.date, R, z, v, y),
-			style: F?.[i.Dropdown],
-			value: y.getMonth(e.date)
-		}) : d.createElement("span", { key: "month" }, ye(e.date, y)), n = S === "dropdown" || S === "dropdown-years" ? d.createElement(_.YearsDropdown, {
-			key: "year",
-			className: x[i.YearsDropdown],
-			"aria-label": Ie(y.options),
-			classNames: x,
-			components: _,
-			disabled: !!h.disableNavigation,
-			onChange: Ge(e.date),
-			options: le(R, z, v, y, !!h.reverseYears),
-			style: F?.[i.Dropdown],
-			value: y.getYear(e.date)
-		}) : d.createElement("span", { key: "year" }, Ce(e.date, y));
-		return y.getMonthYearOrder() === "year-first" ? [n, t] : [t, n];
-	})(), d.createElement("span", {
-		role: "status",
-		"aria-live": "polite",
-		style: {
-			border: 0,
-			clip: "rect(0 0 0 0)",
-			height: "1px",
-			margin: "-1px",
-			overflow: "hidden",
-			padding: 0,
-			position: "absolute",
-			width: "1px",
-			whiteSpace: "nowrap",
-			wordWrap: "normal"
-		}
-	}, _e(e.date, y.options, y))) : d.createElement(_.CaptionLabel, {
-		className: x[i.CaptionLabel],
-		role: "status",
-		"aria-live": "polite"
-	}, _e(e.date, y.options, y))), w === "around" && !h.hideNavigation && t === T - 1 && d.createElement(_.NextMonthButton, {
-		type: "button",
-		className: x[i.NextMonthButton],
-		tabIndex: V ? void 0 : -1,
-		"aria-disabled": V ? void 0 : !0,
-		"aria-label": Me(V),
-		onClick: $,
-		"data-animated-button": h.animate ? "true" : void 0
-	}, d.createElement(_.Chevron, {
-		disabled: V ? void 0 : !0,
-		className: x[i.Chevron],
-		orientation: h.dir === "rtl" ? "left" : "right"
-	})), t === T - 1 && w === "after" && !h.hideNavigation && d.createElement(_.Nav, {
-		"data-animated-nav": h.animate ? "true" : void 0,
-		className: x[i.Nav],
-		style: F?.[i.Nav],
-		"aria-label": Ae(),
-		onPreviousClick: Q,
-		onNextClick: $,
-		previousMonth: B,
-		nextMonth: V
-	}), d.createElement(_.MonthGrid, {
-		role: "grid",
-		"aria-multiselectable": C === "multiple" || C === "range",
-		"aria-label": Oe(e.date, y.options, y) || void 0,
-		className: x[i.MonthGrid],
-		style: F?.[i.MonthGrid]
-	}, !h.hideWeekdays && d.createElement(_.Weekdays, {
-		"data-animated-weekdays": h.animate ? "true" : void 0,
-		className: x[i.Weekdays],
-		style: F?.[i.Weekdays]
-	}, P && d.createElement(_.WeekNumberHeader, {
-		"aria-label": Fe(y.options),
-		className: x[i.WeekNumberHeader],
-		style: F?.[i.WeekNumberHeader],
-		scope: "col"
-	}, xe()), Le.map((e) => d.createElement(_.Weekday, {
-		"aria-label": Ne(e, y.options, y),
-		className: x[i.Weekday],
-		key: String(e),
-		style: F?.[i.Weekday],
-		scope: "col"
-	}, Se(e, y.options, y)))), d.createElement(_.Weeks, {
-		"data-animated-weeks": h.animate ? "true" : void 0,
-		className: x[i.Weeks],
-		style: F?.[i.Weeks]
-	}, e.weeks.map((e) => d.createElement(_.Week, {
-		className: x[i.Week],
-		key: e.weekNumber,
-		style: F?.[i.Week],
-		week: e
-	}, P && d.createElement(_.WeekNumber, {
-		week: e,
-		style: F?.[i.WeekNumber],
-		"aria-label": Pe(e.weekNumber, { locale: b }),
-		className: x[i.WeekNumber],
-		scope: "row",
-		role: "rowheader"
-	}, be(e.weekNumber, y)), e.days.map((e) => {
-		let { date: t } = e, a = U(e);
-		if (a[n.focused] = !a.hidden && !!J?.isEqualTo(e), a[r.selected] = W?.(t) || a.selected, ee(K)) {
-			let { from: e, to: n } = K;
-			a[r.range_start] = !!(e && n && y.isSameDay(t, e)), a[r.range_end] = !!(e && n && y.isSameDay(t, n)), a[r.range_middle] = o(K, t, !0, y);
-		}
-		let te = se(a, F, h.modifiersStyles), s = ne(a, x, h.modifiersClassNames), c = !Z && !a.hidden ? De(t, a, y.options, y) : void 0;
-		return d.createElement(_.Day, {
-			key: `${e.isoDate}_${e.displayMonthId}`,
-			day: e,
-			modifiers: a,
-			className: s.join(" "),
-			style: te,
-			role: "gridcell",
-			"aria-selected": a.selected || void 0,
-			"aria-label": c,
-			"data-day": e.isoDate,
-			"data-month": e.outside ? e.dateMonthId : void 0,
-			"data-selected": a.selected || void 0,
-			"data-disabled": a.disabled || void 0,
-			"data-hidden": a.hidden || void 0,
-			"data-outside": e.outside || void 0,
-			"data-focused": a.focused || void 0,
-			"data-today": a.today || void 0
-		}, !a.hidden && Z ? d.createElement(_.DayButton, {
-			className: x[i.DayButton],
-			style: F?.[i.DayButton],
-			type: "button",
-			day: e,
-			modifiers: a,
-			disabled: !a.focused && a.disabled || void 0,
-			"aria-disabled": a.focused && a.disabled || void 0,
-			tabIndex: Te(e) ? 0 : -1,
-			"aria-label": Ee(t, a, y.options, y),
-			onClick: Re(e, a),
-			onBlur: Be(e, a),
-			onFocus: ze(e, a),
-			onKeyDown: Ve(e, a),
-			onMouseEnter: He(e, a),
-			onMouseLeave: Ue(e, a)
-		}, ve(t, y.options, y)) : !a.hidden && ve(e.date, y.options, y));
-	})))))))), h.footer && d.createElement(_.Footer, {
-		className: x[i.Footer],
-		style: F?.[i.Footer],
-		role: "status",
-		"aria-live": "polite"
-	}, h.footer)));
+		"data-testid": g,
+		"data-hydrated": x
+	}), n[2] = l, n[3] = m, n[4] = h, n[5] = f, n[6] = r, n[7] = u, n[8] = o, n[9] = y, n[10] = c, n[11] = v, n[12] = b, n[13] = p, n[14] = x, n[15] = g, n[16] = i, n[17] = S) : S = n[17], S;
 }
 //#endregion
-export { m as DayPicker };
+export { _ as DayPicker, D as DayPickerField, T as DayPickerInput };
 
 //# sourceMappingURL=index190.js.map