@slotted/react 0.1.0-beta.3 → 0.1.0-beta.5

package/dist/date-range-picker-CNOAtHwU.js

@@ -1,471 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { i, t as a } from "./calendar-B3mio8iQ.js";
-import { b as ee } from "./field-NJaCxl2h.js";
-import { t as o } from "./date-field-CYcN6diW.js";
-import { tabbables as te } from "@slotted/core/focus";
-import { createControllable as s } from "@slotted/core/state";
-import { createContext as c, useCallback as l, useContext as u, useEffect as d, useId as ne, useImperativeHandle as re, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as ie, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { createPresence as ae } from "@slotted/core/presence";
-import { createPortalRoot as oe } from "@slotted/core/portal";
-import { createDismissableLayer as se } from "@slotted/core/dismissable-layer";
-import { createPositioner as ce } from "@slotted/core/positioner";
-import { createPortal as le } from "react-dom";
-import { dateRangePickerMessages as ue } from "@slotted/core/i18n";
-import { blockedAround as de, clampDate as fe, compareDate as pe, createDateFormat as me, isDateRefusedInRun as he, isSameDate as ge, orderedRun as _e, rangeLength as ve, rangeProblems as ye, todayIn as be } from "@slotted/core/date";
-//#region src/date-range-picker/date-range-picker-defaults.tsx
-var xe = c({
-	calendar: "gregory",
-	closeOnSelect: "auto",
-	count: "days",
-	months: 2,
-	placement: "bottom-start",
-	size: "md",
-	timeZone: void 0,
-	variant: "outline"
-});
-function Se() {
-	return u(xe);
-}
-function Ce({ children: e, ...t }) {
-	let n = Se();
-	return /* @__PURE__ */ h(xe.Provider, {
-		value: {
-			calendar: t.calendar ?? n.calendar,
-			closeOnSelect: t.closeOnSelect ?? n.closeOnSelect,
-			count: t.count ?? n.count,
-			months: t.months ?? n.months,
-			placement: t.placement ?? n.placement,
-			size: t.size ?? n.size,
-			timeZone: t.timeZone ?? n.timeZone,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/date-range-picker/date-range-picker.tsx
-var we = "(max-width: 480px) and (pointer: coarse)", Te = 366, Ee = c(null);
-function _(e) {
-	return e === null || e.start === null && e.end === null ? null : e;
-}
-function v({ calendar: c, className: u, clearable: xe = !1, closeOnSelect: Ce, contiguous: v = !0, count: De, defaultOpen: Oe = !1, defaultPosition: ke = "start", defaultValue: Ae, disabled: je, endName: Me, firstDayOfWeek: y, fixedWeeks: Ne = !0, footer: Pe, invalid: Fe, isDateUnavailable: b, locale: Ie, max: x, maxLength: S, messages: Le, min: C, minLength: w, months: Re, onKeyDown: ze, onOpenChange: Be, onPositionChange: Ve, onValueChange: He, open: Ue, placement: We, position: T, presets: Ge, readOnly: Ke, ref: qe, render: Je, required: Ye, size: Xe, startName: Ze, style: Qe, timeZone: $e, value: E, variant: et, weekNumbers: tt, yearPivot: nt, ...rt }) {
-	let D = ee(), O = Se(), it = n(), k = r(ue, Le), A = p(null), at = p(null), ot = p(null), st = p(null), j = p(null), M = ne(), [N, ct] = m(null), [P, lt] = m(null), [ut, dt] = m("unmounted"), [ft, pt] = m(!1), [mt, ht] = m(!1), [gt, _t] = m(Oe), F = Ue ?? gt, [vt, yt] = m(_(Ae ?? null)), I = E === void 0 ? vt : _(E), [bt, xt] = m(ke), L = T ?? bt, [St, Ct] = m("day"), [R, z] = m(null), [wt, Tt] = m(null), B = Ie ?? it, V = $e ?? O.timeZone, Et = c ?? O.calendar, Dt = Xe ?? D?.size ?? O.size, Ot = et ?? O.variant, kt = We ?? O.placement, At = Ce ?? O.closeOnSelect, H = De ?? O.count, jt = Re ?? O.months, Mt = (e) => k(`${H}.length`, { count: e }), Nt = je ?? D?.disabled, U = Ke ?? D?.readOnly, Pt = Ye ?? D?.required, Ft = Nt !== !0 && U !== !0, W = I?.start ?? null, G = I?.end ?? null, K = W !== null && G !== null && pe(W, G) <= 0, It = f(() => ye(I, {
-		contiguous: v,
-		count: H,
-		max: x,
-		maxLength: S,
-		min: C,
-		minLength: w,
-		unavailable: b
-	}), [
-		v,
-		I,
-		b,
-		x,
-		S,
-		C,
-		w,
-		H
-	]), Lt = Fe ?? (It.length > 0 || D?.invalid), Rt = f(() => me({ locale: B }), [B]), zt = f(() => new Intl.DateTimeFormat(B, {
-		day: "numeric",
-		month: "short",
-		timeZone: "UTC"
-	}), [B]), Bt = (e) => zt.format(Date.UTC(e.year, e.month - 1, e.day)), Vt = p(!1), q = l((e, t, n, r = !1) => {
-		s({
-			controlled: Ue,
-			initial: F,
-			onRequest: (e) => {
-				Be?.(e.value, e), Vt.current = r && e.value && !e.cancelled;
-			}
-		}).request(e, t, n) && _t(e), e || z(null);
-	}, [
-		F,
-		Be,
-		Ue
-	]), J = l((e, t, n) => {
-		let r = _(e);
-		s({
-			controlled: E === void 0 ? void 0 : I,
-			initial: I,
-			equals: (e, t) => i(e, t),
-			onRequest: (e) => He?.(e.value, e)
-		}).request(r, t, n) && yt(r);
-	}, [
-		I,
-		He,
-		E
-	]), [Ht] = m(() => _(Ae ?? null));
-	d(() => {
-		let e = A.current?.closest("form");
-		if (e == null) return;
-		let t = (e) => {
-			z(null), J(Ht, "programmatic", e);
-		};
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [Ht, J]);
-	let Y = l((e, t, n) => {
-		s({
-			controlled: T,
-			initial: L,
-			onRequest: (e) => Ve?.(e.value, e)
-		}).request(e, t, n) && xt(e);
-	}, [
-		L,
-		Ve,
-		T
-	]), X = p(null);
-	d(() => {
-		let e = ae({
-			present: F,
-			onStatusChange: dt
-		});
-		return X.current = e, dt(e.status), () => {
-			e.destroy(), X.current = null;
-		};
-	}, []), d(() => X.current?.sync(F), [F]), d(() => X.current?.setNode(N), [N]);
-	let Ut = ut !== "unmounted";
-	d(() => {
-		if (!Ut) {
-			lt(null);
-			return;
-		}
-		let e = oe({
-			origin: j.current,
-			disabled: !1
-		});
-		return lt(e.container), () => e.release();
-	}, [Ut]), d(() => {
-		if (typeof window > "u" || typeof window.matchMedia != "function") return;
-		let e = window.matchMedia(we), t = () => ht(e.matches);
-		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), d(() => {
-		if (N === null || A.current === null || mt) return;
-		let e = !0, t = A.current.querySelector("[data-part=\"control\"]") ?? A.current, [n, r = "center"] = kt.split("-"), i = ce(t, N, {
-			align: r,
-			side: n
-		});
-		return i.update().then(() => {
-			e && pt(!0);
-		}), () => {
-			e = !1, i.destroy(), pt(!1);
-		};
-	}, [
-		N,
-		kt,
-		mt
-	]);
-	let Wt = p(St);
-	Wt.current = St, d(() => {
-		if (N === null || !F) return;
-		let e = j.current === null ? [] : [j.current], t = se(N, {
-			branches: e,
-			escape: !0,
-			focusOutside: !1,
-			modal: !1,
-			outsidePress: !0,
-			scrollLock: !1,
-			onDismiss: (e) => {
-				if (e.reason === "escape" && Wt.current !== "day") {
-					Ct(Wt.current === "year" ? "month" : "day");
-					return;
-				}
-				q(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source), e.reason === "escape" && j.current?.focus({ preventScroll: !0 });
-			}
-		});
-		return () => t.destroy();
-	}, [
-		F,
-		N,
-		q
-	]), d(() => {
-		if (!F || N === null || P === null || !Vt.current || !P.contains(N)) return;
-		Vt.current = !1;
-		let e = st.current;
-		if (e === null) return;
-		let t = L === "end" ? G : W;
-		t !== null && e.focusDate(t), e.focus();
-	}, [
-		P,
-		L,
-		G,
-		F,
-		N,
-		W
-	]);
-	let Gt = (e) => {
-		if (e.key !== "Tab" || e.altKey || e.ctrlKey || e.metaKey) return;
-		let t = te(e.currentTarget), n = t[0], r = t[t.length - 1];
-		if (n === void 0 || r === void 0) return;
-		let i = e.currentTarget.ownerDocument.activeElement;
-		e.shiftKey && i === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && i === r && (e.preventDefault(), n.focus());
-	}, Kt = l((e) => (e === "end" ? ot : at).current?.focus(), []);
-	re(qe, () => ({
-		focus: (e) => Kt(e ?? L),
-		open: () => q(!0, "keyboard", void 0, !0),
-		close: () => q(!1, "keyboard", void 0)
-	}), [
-		L,
-		Kt,
-		q
-	]);
-	let Z = R === null ? L === "end" && W !== null ? {
-		start: W,
-		end: null
-	} : I : {
-		start: R,
-		end: null
-	}, Q = Z !== null && !Array.isArray(Z) && "start" in Z && Z.end === null ? Z.start : null, qt = f(() => Q === null || !v ? {
-		before: null,
-		after: null
-	} : de(Q, b ?? (() => !1), S ?? Te), [
-		v,
-		b,
-		S,
-		Q
-	]), Jt = l((e) => Q === null ? b?.(e) === !0 : he(Q, e, {
-		contiguous: v,
-		count: H,
-		maxLength: S,
-		minLength: w,
-		unavailable: b
-	}, qt), [
-		qt,
-		v,
-		b,
-		S,
-		w,
-		Q,
-		H
-	]), $ = Q !== null && wt !== null ? _e(Q, wt) : null, Yt = $?.start ?? R ?? W, Xt = $?.end ?? (R === null ? G : null), Zt = $ !== null && !ge($.start, Q), Qt = $ !== null && !Zt, $t = $ === null ? K ? Mt(ve(W, G, H)) : "" : Mt(ve($.start, $.end, H)), en = w !== void 0 && S !== void 0 ? k(`${H}.between`, {
-		min: w,
-		max: S
-	}) : w === void 0 ? S === void 0 ? null : k(`${H}.atMost`, { max: S }) : k(`${H}.atLeast`, { min: w }), tn = K ? k("change", {
-		start: Rt.describe(W),
-		end: Rt.describe(G),
-		length: $t
-	}) : k("choose"), nn = (e, t) => {
-		(At === "always" || At === "auto" && e) && (q(!1, "select", t), j.current?.focus({ preventScroll: !0 }));
-	}, rn = (e, t) => {
-		if (e !== null && !Array.isArray(e) && "start" in e) {
-			if (e.end === null) {
-				z(e.start), Y("end", "select", t.source), nn(!1, t.source);
-				return;
-			}
-			z(null), J(e, "select", t.source), Y("start", "select", t.source), nn(!0, t.source);
-		}
-	}, an = (e, t) => {
-		z(null), J(e, "select", t), Y("start", "select", t), nn(!0, t);
-	}, on = p(!1), sn = (e) => (t) => {
-		let n = on.current ? "pointer" : "keyboard";
-		on.current = !1, e !== L && Y(e, n, t);
-	}, cn = (e) => {
-		ze?.(e), !e.defaultPrevented && Ft && e.altKey && e.key === "ArrowDown" && (e.preventDefault(), q(!0, "keyboard", e));
-	}, ln = {
-		held: I,
-		choose: an
-	}, un = Ut ? /* @__PURE__ */ h("div", {
-		"data-part": "positioner",
-		"data-presentation": mt ? "sheet" : "popover",
-		"data-ui": "date-range-picker",
-		ref: ct,
-		...F ? { "data-open": "" } : {},
-		...ft ? { "data-positioned": "" } : {},
-		children: /* @__PURE__ */ g("div", {
-			"aria-label": tn,
-			"data-part": "content",
-			id: M,
-			onKeyDown: Gt,
-			role: "dialog",
-			children: [
-				/* @__PURE__ */ g("div", {
-					"data-part": "head",
-					children: [
-						/* @__PURE__ */ h("span", {
-							"data-part": "head-start",
-							...Yt === null ? { "data-placeholder": "" } : {},
-							...Zt ? { "data-pending": "" } : {},
-							children: Yt === null ? k("start") : Bt(Yt)
-						}),
-						" – ",
-						/* @__PURE__ */ h("span", {
-							"data-part": "head-end",
-							...Xt === null ? { "data-placeholder": "" } : {},
-							...Qt ? { "data-pending": "" } : {},
-							children: Xt === null ? k("end") : Bt(Xt)
-						}),
-						/* @__PURE__ */ h("span", {
-							"aria-live": "polite",
-							"data-part": "length",
-							...$ === null ? {} : { "data-pending": "" },
-							children: $t
-						}),
-						en === null ? null : /* @__PURE__ */ h("span", {
-							"data-part": "limit",
-							children: en
-						})
-					]
-				}),
-				/* @__PURE__ */ g("div", {
-					"data-part": "panels",
-					children: [Ge === void 0 ? null : /* @__PURE__ */ h(Ee.Provider, {
-						value: ln,
-						children: /* @__PURE__ */ h("div", {
-							"data-part": "presets",
-							children: Ge
-						})
-					}), /* @__PURE__ */ h(a, {
-						defaultFocusedDate: fe((L === "end" ? G : W) ?? be(V), C, x),
-						fixedWeeks: Ne,
-						isDateUnavailable: Jt,
-						locale: B,
-						max: x,
-						min: C,
-						months: jt,
-						onPreviewChange: Tt,
-						onValueChange: rn,
-						onViewChange: Ct,
-						readOnly: U,
-						ref: st,
-						selectionMode: "range",
-						timeZone: V,
-						value: Z,
-						view: St,
-						weekNumbers: tt,
-						...y === void 0 ? {} : { firstDayOfWeek: y }
-					})]
-				}),
-				Pe === void 0 ? null : /* @__PURE__ */ h("div", {
-					"data-part": "footer",
-					children: Pe
-				})
-			]
-		})
-	}) : null, dn = K && (x === void 0 || pe(G, x) < 0) ? G : x, fn = K && (C === void 0 || pe(W, C) > 0) ? W : C, pn = {
-		calendar: Et,
-		disabled: Nt,
-		isDateUnavailable: b,
-		locale: B,
-		readOnly: U,
-		required: Pt,
-		size: Dt,
-		timeZone: V,
-		variant: "plain",
-		...y === void 0 ? {} : { firstDayOfWeek: y },
-		...nt === void 0 ? {} : { yearPivot: nt }
-	}, mn = /* @__PURE__ */ g(ie, { children: [/* @__PURE__ */ g("div", {
-		"data-part": "control",
-		...D === void 0 ? {} : {
-			"aria-labelledby": D.ids.label,
-			id: D.ids.control,
-			role: "group"
-		},
-		onKeyDown: cn,
-		onPointerDownCapture: () => {
-			on.current = !0;
-		},
-		children: [
-			/* @__PURE__ */ h("div", {
-				"data-part": "start",
-				onFocus: sn("start"),
-				...L === "start" ? { "data-current": "" } : {},
-				children: /* @__PURE__ */ h(o, {
-					...pn,
-					"aria-label": k("start"),
-					id: `${M}-start`,
-					max: dn,
-					min: C,
-					name: Ze,
-					onValueChange: (e, t) => J({
-						start: e,
-						end: G
-					}, t.reason, t.source),
-					ref: at,
-					value: W
-				})
-			}),
-			/* @__PURE__ */ h("span", {
-				"aria-hidden": "true",
-				"data-part": "separator",
-				children: "–"
-			}),
-			/* @__PURE__ */ h("div", {
-				"data-part": "end",
-				onFocus: sn("end"),
-				...L === "end" ? { "data-current": "" } : {},
-				children: /* @__PURE__ */ h(o, {
-					...pn,
-					"aria-label": k("end"),
-					id: `${M}-end`,
-					invalid: It.includes("order") ? !0 : void 0,
-					max: x,
-					min: fn,
-					name: Me,
-					onValueChange: (e, t) => J({
-						start: W,
-						end: e
-					}, t.reason, t.source),
-					ref: ot,
-					value: G
-				})
-			}),
-			xe && I !== null ? /* @__PURE__ */ h("button", {
-				"aria-label": k("clear"),
-				"data-part": "clear",
-				disabled: !Ft,
-				onClick: (e) => {
-					J(null, "clear", e), Y("start", "clear", e), Kt("start");
-				},
-				type: "button",
-				children: /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "x" }) })
-			}) : null,
-			/* @__PURE__ */ h("button", {
-				"aria-controls": F ? M : void 0,
-				"aria-expanded": F,
-				"aria-haspopup": "dialog",
-				"aria-label": tn,
-				"data-part": "trigger",
-				disabled: !Ft,
-				onClick: (e) => q(!F, "pointer", e, !0),
-				ref: j,
-				type: "button",
-				children: /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "calendar" }) })
-			})
-		]
-	}), P === null ? un : null] }), hn = {
-		...rt,
-		children: mn,
-		className: u,
-		style: Qe,
-		...Nt === !0 ? { "data-disabled": "" } : {},
-		...Lt === !0 ? { "data-invalid": "" } : {},
-		...U === !0 ? { "data-readonly": "" } : {},
-		...Pt === !0 ? { "data-required": "" } : {},
-		...F ? { "data-open": "" } : {},
-		"data-calendar": Et,
-		"data-count": H,
-		"data-part": "root",
-		"data-size": Dt,
-		"data-ui": "date-range-picker",
-		"data-variant": Ot,
-		ref: A
-	};
-	return /* @__PURE__ */ g(ie, { children: [Je === void 0 ? /* @__PURE__ */ h("div", { ...hn }) : Je(hn), P === null ? null : le(un, P)] });
-}
-function De({ children: e, onClick: t, ref: n, render: r, value: a, ...ee }) {
-	let o = u(Ee), te = typeof a == "function" ? a() : a, s = o !== null && i(o.held, te), c = {
-		...ee,
-		children: e,
-		"data-part": "preset",
-		...s ? { "data-selected": "" } : {},
-		onClick: (e) => {
-			t?.(e), !e.defaultPrevented && o?.choose(typeof a == "function" ? a() : a, e);
-		},
-		ref: n,
-		type: "button"
-	};
-	return r === void 0 ? /* @__PURE__ */ h("button", { ...c }) : r(c);
-}
-//#endregion
-export { Se as i, De as n, Ce as r, v as t };