@slotted/react 0.1.0-beta.4 → 0.1.0-beta.6

package/dist/date-picker-D3-y2Jxw.js

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