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

package/dist/date-picker-DQ5SIhdA.js

@@ -1,264 +0,0 @@
-import { t as e } from "./react-dom-DzrKNxo6.js";
-import { n as t, t as n } from "./icon-T9Yt4tnm.js";
-import { n as r, r as i } from "./i18n-DpW8lqJ1.js";
-import { n as a, r as ee, t as te } from "./calendar-B3mio8iQ.js";
-import { b as ne } from "./field-BJh5HI7w.js";
-import { t as re } from "./date-field-D_kLLTfL.js";
-import { tabbables as ie } from "@slotted/core/focus";
-import { createControllable as o } from "@slotted/core/state";
-import { createContext as s, useCallback as c, useContext as l, useEffect as u, useId as ae, useImperativeHandle as oe, useMemo as se, useRef as d, useState as f } from "react";
-import { Fragment as ce, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { createPresence as le } from "@slotted/core/presence";
-import { createPortalRoot as ue } from "@slotted/core/portal";
-import { createDismissableLayer as de } from "@slotted/core/dismissable-layer";
-import { createPositioner as fe } from "@slotted/core/positioner";
-import { datePickerMessages as pe } from "@slotted/core/i18n";
-import { createDateFormat as me, isDateInRange as he } from "@slotted/core/date";
-//#region src/date-picker/date-picker-defaults.tsx
-var ge = e(), h = s({
-	calendar: "gregory",
-	closeOnSelect: "auto",
-	placement: "bottom-start",
-	size: "md",
-	timeZone: void 0,
-	variant: "outline"
-});
-function g() {
-	return l(h);
-}
-function _e({ children: e, ...t }) {
-	let n = g();
-	return /* @__PURE__ */ p(h.Provider, {
-		value: {
-			calendar: t.calendar ?? n.calendar,
-			closeOnSelect: t.closeOnSelect ?? n.closeOnSelect,
-			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-picker/date-picker.tsx
-var ve = "(max-width: 480px) and (pointer: coarse)";
-function _({ calendar: e, className: s, clearable: l = !1, closeOnSelect: h, defaultOpen: _e = !1, defaultValue: _, defaultView: ye, disabled: be, firstDayOfWeek: v, fixedWeeks: xe = !0, footer: y, invalid: Se, isDateUnavailable: b, locale: Ce, max: x, messages: we, min: S, months: Te, name: Ee, onKeyDown: De, onOpenChange: C, onValueChange: w, open: T, placement: Oe, presets: ke, readOnly: Ae, ref: je, render: Me, required: Ne, selectionMode: Pe = "single", size: Fe, style: Ie, timeZone: Le, value: E, variant: Re, weekNumbers: ze, yearPivot: Be, ...Ve }) {
-	let D = ne(), O = g(), He = r(), Ue = i(pe, we), k = d(null), A = d(null), j = d(null), M = ae(), [N, We] = f(null), [P, F] = f(null), [Ge, I] = f("unmounted"), [Ke, L] = f(!1), [R, qe] = f(!1), [Je, Ye] = f(_e), z = d(!1), B = T ?? Je, [V, Xe] = f(_ ?? null), H = E ?? V, [U, W] = f(ye ?? "day"), G = Ce ?? He, Ze = Le ?? O.timeZone, Qe = e ?? O.calendar, $e = Fe ?? D?.size ?? O.size, et = Re ?? O.variant, tt = Oe ?? O.placement, nt = h ?? O.closeOnSelect, K = be ?? D?.disabled, q = Ae ?? D?.readOnly, rt = Se ?? (a(E ?? V).some((e) => !he(e, S, x) || b?.(e) === !0) ? !0 : D?.invalid), it = Ne ?? D?.required, at = K !== !0 && q !== !0, ot = se(() => me({ locale: G }), [G]), J = c((e, t, n) => {
-		o({
-			controlled: T,
-			initial: B,
-			onRequest: (e) => {
-				C?.(e.value, e), z.current = e.value && !e.cancelled;
-			}
-		}).request(e, t, n) && Ye(e);
-	}, [
-		B,
-		C,
-		T
-	]), Y = c((e, t) => {
-		o({
-			controlled: E,
-			initial: H,
-			equals: () => !1,
-			onRequest: (e) => w?.(e.value, e)
-		}).request(e, t.reason, t.source) && Xe(e);
-	}, [
-		H,
-		w,
-		E
-	]), [st] = f(() => _ ?? null);
-	u(() => {
-		let e = k.current?.closest("form");
-		if (e == null) return;
-		let t = (e) => Y(st, {
-			reason: "programmatic",
-			source: e
-		});
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [st, Y]);
-	let X = d(null);
-	u(() => {
-		let e = le({
-			present: B,
-			onStatusChange: I
-		});
-		return X.current = e, I(e.status), () => {
-			e.destroy(), X.current = null;
-		};
-	}, []), u(() => X.current?.sync(B), [B]), u(() => X.current?.setNode(N), [N]);
-	let Z = Ge !== "unmounted";
-	u(() => {
-		if (!Z) {
-			F(null);
-			return;
-		}
-		let e = ue({
-			origin: j.current,
-			disabled: !1
-		});
-		return F(e.container), () => e.release();
-	}, [Z]), u(() => {
-		if (typeof window > "u" || typeof window.matchMedia != "function") return;
-		let e = window.matchMedia(ve), t = () => qe(e.matches);
-		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), u(() => {
-		if (N === null || k.current === null || R) return;
-		let e = !0, t = k.current.querySelector("[data-part=\"control\"]") ?? k.current, [n, r = "center"] = tt.split("-"), i = fe(t, N, {
-			align: r === void 0 ? "center" : r,
-			side: n
-		});
-		return i.update().then(() => {
-			e && L(!0);
-		}), () => {
-			e = !1, i.destroy(), L(!1);
-		};
-	}, [
-		N,
-		tt,
-		R
-	]);
-	let Q = d(U);
-	Q.current = U, u(() => {
-		if (N === null || !B) return;
-		let e = j.current === null ? [] : [j.current], t = de(N, {
-			branches: e,
-			escape: !0,
-			focusOutside: !1,
-			modal: !1,
-			outsidePress: !0,
-			scrollLock: !1,
-			onDismiss: (e) => {
-				if (e.reason === "escape" && Q.current !== "day") {
-					W(Q.current === "year" ? "month" : "day");
-					return;
-				}
-				J(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source), e.reason === "escape" && j.current?.focus({ preventScroll: !0 });
-			}
-		});
-		return () => t.destroy();
-	}, [
-		B,
-		N,
-		J
-	]), u(() => {
-		N !== null && P !== null && B && z.current && P.contains(N) && (z.current = !1, N.querySelector("[data-part=\"day\"][tabindex=\"0\"]")?.focus({ preventScroll: !0 }));
-	}, [
-		P,
-		B,
-		N
-	]);
-	let ct = (e) => {
-		if (e.key !== "Tab" || e.altKey || e.ctrlKey || e.metaKey) return;
-		let t = ie(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());
-	};
-	oe(je, () => ({
-		focus: () => A.current?.focus(),
-		open: () => J(!0, "keyboard", void 0),
-		close: () => J(!1, "keyboard", void 0)
-	}), [J]);
-	let lt = a(H), ut = lt.length === 0 ? Ue("choose") : Ue("change", { date: lt.map((e) => ot.describe(e)).join(" – ") }), dt = nt === "always" || nt === "auto" && Pe === "single", ft = (e) => {
-		De?.(e), !e.defaultPrevented && at && e.altKey && e.key === "ArrowDown" && (e.preventDefault(), J(!0, "keyboard", e));
-	}, pt = ee(H) || Array.isArray(H) ? void 0 : H ?? null, mt = Z ? /* @__PURE__ */ p("div", {
-		"data-part": "positioner",
-		"data-presentation": R ? "sheet" : "popover",
-		"data-ui": "date-picker",
-		ref: We,
-		...B ? { "data-open": "" } : {},
-		...Ke ? { "data-positioned": "" } : {},
-		children: /* @__PURE__ */ m("div", {
-			"aria-label": ut,
-			"data-part": "content",
-			id: M,
-			onKeyDown: ct,
-			role: "dialog",
-			children: [
-				ke === void 0 ? null : /* @__PURE__ */ p("div", {
-					"data-part": "presets",
-					children: ke
-				}),
-				/* @__PURE__ */ p(te, {
-					fixedWeeks: xe,
-					isDateUnavailable: b,
-					locale: G,
-					max: x,
-					min: S,
-					months: Te,
-					onValueChange: (e, t) => {
-						Y(e, t), dt && (J(!1, "select", t.source), j.current?.focus({ preventScroll: !0 }));
-					},
-					onViewChange: W,
-					readOnly: q,
-					selectionMode: Pe,
-					timeZone: Ze,
-					value: H,
-					view: U,
-					weekNumbers: ze,
-					...v === void 0 ? {} : { firstDayOfWeek: v }
-				}),
-				y === void 0 ? null : /* @__PURE__ */ p("div", {
-					"data-part": "footer",
-					children: y
-				})
-			]
-		})
-	}) : null, ht = /* @__PURE__ */ m(ce, { children: [/* @__PURE__ */ p("div", {
-		"data-part": "control",
-		onKeyDown: ft,
-		children: /* @__PURE__ */ p(re, {
-			calendar: Qe,
-			clearable: l,
-			disabled: K,
-			end: /* @__PURE__ */ p("button", {
-				"aria-controls": B ? M : void 0,
-				"aria-expanded": B,
-				"aria-haspopup": "dialog",
-				"aria-label": ut,
-				"data-part": "trigger",
-				disabled: !at,
-				onClick: (e) => J(!B, "pointer", e),
-				ref: j,
-				type: "button",
-				children: /* @__PURE__ */ p(n, { children: /* @__PURE__ */ p(t, { name: "calendar" }) })
-			}),
-			invalid: rt,
-			isDateUnavailable: b,
-			locale: G,
-			max: x,
-			min: S,
-			name: Ee,
-			onValueChange: (e, t) => Y(e, t),
-			readOnly: q,
-			ref: A,
-			required: it,
-			size: $e,
-			timeZone: Ze,
-			variant: et,
-			...v === void 0 ? {} : { firstDayOfWeek: v },
-			...Be === void 0 ? {} : { yearPivot: Be },
-			...pt === void 0 ? {} : { value: pt }
-		})
-	}), P === null ? mt : null] }), $ = {
-		...Ve,
-		children: ht,
-		className: s,
-		style: Ie,
-		...K === !0 ? { "data-disabled": "" } : {},
-		...rt === !0 ? { "data-invalid": "" } : {},
-		...q === !0 ? { "data-readonly": "" } : {},
-		...it === !0 ? { "data-required": "" } : {},
-		...B ? { "data-open": "" } : {},
-		"data-calendar": Qe,
-		"data-part": "root",
-		"data-size": $e,
-		"data-ui": "date-picker",
-		"data-variant": et,
-		ref: k
-	};
-	return /* @__PURE__ */ m(ce, { children: [Me === void 0 ? /* @__PURE__ */ p("div", { ...$ }) : Me($), P === null ? null : (0, ge.createPortal)(mt, P)] });
-}
-//#endregion
-export { _e as n, g as r, _ as t };