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

package/dist/date-field-D_kLLTfL.js

@@ -1,279 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-BJh5HI7w.js";
-import { createControllable as a } from "@slotted/core/state";
-import { createContext as o, useCallback as s, useContext as c, useEffect as l, useId as u, useImperativeHandle as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as ee, jsx as h, jsxs as te } from "react/jsx-runtime";
-import { dateFieldMessages as ne } from "@slotted/core/i18n";
-import { EMPTY_SEGMENTS as re, boundSegment as ie, clearSegment as ae, commitTyping as oe, createDateFormat as se, dateOf as g, fieldRange as _, isDateInRange as ce, isSameDate as le, plainDate as ue, segmentsOf as v, stepSegment as y, toISODate as de, todayIn as fe, typeDigit as pe } from "@slotted/core/date";
-//#region src/date-field/date-field-defaults.tsx
-var b = 20, x = o({
-	calendar: "gregory",
-	firstDayOfWeek: void 0,
-	size: "md",
-	timeZone: void 0,
-	variant: "outline",
-	yearPivot: 20
-});
-function S() {
-	return c(x);
-}
-function me({ children: e, ...t }) {
-	let n = S();
-	return /* @__PURE__ */ h(x.Provider, {
-		value: {
-			calendar: t.calendar ?? n.calendar,
-			firstDayOfWeek: t.firstDayOfWeek ?? n.firstDayOfWeek,
-			size: t.size ?? n.size,
-			timeZone: t.timeZone ?? n.timeZone,
-			variant: t.variant ?? n.variant,
-			yearPivot: t.yearPivot ?? n.yearPivot
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/date-field/date-field.tsx
-var he = {
-	day: 5,
-	month: 5,
-	year: 10
-}, ge = ue(2e3, 1, 1);
-function _e({ "aria-describedby": o, "aria-label": c, "aria-labelledby": _, calendar: ue, className: b, clearable: x = !1, defaultValue: me, disabled: _e, end: C, firstDayOfWeek: ye, id: be, invalid: xe, isDateUnavailable: Se, locale: Ce, max: we, messages: Te, min: Ee, name: De, onKeyDown: Oe, onPaste: ke, onValueChange: w, readOnly: Ae, ref: je, render: T, required: Me, size: Ne, start: E, style: Pe, timeZone: Fe, value: D, variant: Ie, yearPivot: Le, ...Re }) {
-	let O = i(), k = O?.registerControl;
-	l(() => k?.(), [k]);
-	let A = S(), ze = n(), Be = r(ne, Te), j = p(null), Ve = u(), M = Ce ?? ze, N = ye ?? A.firstDayOfWeek, P = Le ?? A.yearPivot, F = Fe ?? A.timeZone, He = ue ?? A.calendar, Ue = Ne ?? O?.size ?? A.size, We = Ie ?? A.variant, I = _e ?? O?.disabled, L = Ae ?? O?.readOnly, Ge = xe ?? O?.invalid, R = Me ?? O?.required, z = f(() => se({
-		locale: M,
-		firstDayOfWeek: N,
-		yearPivot: P
-	}), [
-		N,
-		M,
-		P
-	]), [B, Ke] = m(() => ge);
-	l(() => Ke(fe(F)), [F]);
-	let [qe, Je] = m(() => v(D ?? me ?? null)), [V, H] = m(void 0), U = p(qe), W = () => U.current;
-	l(() => {
-		D !== void 0 && (le(g(U.current), D) || (U.current = v(D), Je(U.current)));
-	}, [D]);
-	let G = qe, K = g(G), q = f(() => z.pattern.filter((e) => e.type !== "literal").map((e) => e.type), [z]), J = s((e, t, n) => {
-		let r = g(U.current);
-		U.current = e, Je(e), e.typing === null && a({
-			controlled: D,
-			initial: r,
-			equals: le,
-			onRequest: (t) => {
-				w?.(t.value, {
-					...t,
-					segments: e
-				});
-			}
-		}).request(g(e), t, n);
-	}, [w, D]), Y = s((e) => {
-		H(e), j.current?.querySelector(`[data-part="segment"][data-field="${e}"]`)?.focus();
-	}, []), Ye = s(() => {
-		let e = W(), t = q.find((t) => e[t] === null) ?? q[0];
-		t !== void 0 && Y(t);
-	}, [q, Y]), X = s((e, t) => {
-		let n = q.indexOf(e) + t, r = q[n];
-		r !== void 0 && Y(r);
-	}, [q, Y]);
-	d(je, () => ({
-		focus: () => {
-			let e = q[0];
-			e !== void 0 && Y(e);
-		},
-		clear: () => J(re, "clear", void 0),
-		get activeField() {
-			return V;
-		}
-	}), [
-		V,
-		J,
-		q,
-		Y
-	]);
-	let Z = I !== !0 && L !== !0, Q = (e) => {
-		e.preventDefault(), e.stopPropagation();
-	}, Xe = (e) => (t) => {
-		if (Oe?.(t), t.defaultPrevented) return;
-		let n = j.current !== null && getComputedStyle(j.current).direction === "rtl", r = n ? "ArrowLeft" : "ArrowRight", i = n ? "ArrowRight" : "ArrowLeft";
-		if (t.key === r) {
-			Q(t), X(e, 1);
-			return;
-		}
-		if (t.key === i) {
-			Q(t), X(e, -1);
-			return;
-		}
-		if (Z && !t.altKey) {
-			switch (t.key) {
-				case "ArrowUp":
-					Q(t), J(y(W(), e, 1, B), "keyboard", t);
-					return;
-				case "ArrowDown":
-					Q(t), J(y(W(), e, -1, B), "keyboard", t);
-					return;
-				case "PageUp":
-					Q(t), J(y(W(), e, he[e], B), "keyboard", t);
-					return;
-				case "PageDown":
-					Q(t), J(y(W(), e, -he[e], B), "keyboard", t);
-					return;
-				case "Home":
-					Q(t), J(ie(W(), e, "min", B), "keyboard", t);
-					return;
-				case "Backspace":
-				case "Delete":
-					Q(t), J(ae(W(), e), "clear", t);
-					return;
-				case "End":
-					Q(t), J(ie(W(), e, "max", B), "keyboard", t);
-					return;
-			}
-			if (/^\d$/.test(t.key)) {
-				Q(t);
-				let n = pe(W(), e, Number(t.key), z, B);
-				J(n.segments, "keyboard", t), n.advance && X(e, 1);
-			}
-		}
-	}, Ze = (e) => {
-		if (ke?.(e), e.defaultPrevented || !Z) return;
-		let t = z.parse(e.clipboardData.getData("text/plain"));
-		t !== null && (e.preventDefault(), J(v(t), "keyboard", e));
-	}, Qe = () => {
-		H(void 0);
-		let e = W();
-		e.typing !== null && J(oe(e, z, B), "blur", void 0);
-	}, $e = (e) => {
-		e.target?.closest("[data-part=\"segment\"], button, a, input, select, textarea") ?? (e.preventDefault(), Ye());
-	}, et = (e) => {
-		J(re, "clear", e);
-		let t = q[0];
-		t !== void 0 && Y(t);
-	}, tt = `${Ve}-value`, nt = K === null ? void 0 : z.describe(K), rt = K !== null && Se?.(K) === !0, it = K !== null && !ce(K, Ee, we), at = Ge === !0 || rt || it, ot = G.year === null && G.month === null && G.day === null, st = x && !ot && Z, ct = /* @__PURE__ */ te(ee, { children: [
-		E === void 0 ? null : /* @__PURE__ */ h("span", {
-			"data-part": "start",
-			children: E
-		}),
-		/* @__PURE__ */ h("div", {
-			"aria-describedby": [o, O?.describedBy].filter(Boolean).join(" ") || void 0,
-			"aria-disabled": I === !0 || void 0,
-			"aria-invalid": at ? !0 : void 0,
-			"aria-label": c,
-			"aria-labelledby": c === void 0 ? [_ ?? O?.ids.label, tt].filter(Boolean).join(" ") : void 0,
-			"aria-readonly": L === !0 || void 0,
-			"aria-required": R === !0 || void 0,
-			"data-part": "segments",
-			id: be ?? O?.ids.control,
-			onPaste: Ze,
-			role: "group",
-			children: z.pattern.map((e, t) => {
-				if (e.type === "literal") return /* @__PURE__ */ h("span", {
-					"aria-hidden": "true",
-					"data-part": "literal",
-					children: e.value
-				}, `literal-${String(t)}`);
-				let n = e.type;
-				return /* @__PURE__ */ h(ve, {
-					disabled: I === !0,
-					field: n,
-					format: z,
-					onBlur: Qe,
-					onFocus: () => H(n),
-					onKeyDown: Xe(n),
-					placeholder: e.value,
-					readOnly: L === !0,
-					reference: B,
-					segments: G,
-					tabIndex: n === (V ?? q[0]) ? 0 : -1
-				}, n);
-			})
-		}),
-		/* @__PURE__ */ h("span", {
-			"data-part": "value-text",
-			hidden: !0,
-			id: tt,
-			children: nt
-		}),
-		st ? /* @__PURE__ */ h("button", {
-			"aria-label": Be("clear"),
-			"data-part": "clear",
-			onClick: et,
-			type: "button",
-			children: /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "x" }) })
-		}) : null,
-		C === void 0 ? null : /* @__PURE__ */ h("span", {
-			"data-part": "end",
-			children: C
-		}),
-		/* @__PURE__ */ h("input", {
-			"data-part": "hidden-input",
-			name: De,
-			readOnly: !0,
-			type: "hidden",
-			value: K === null ? "" : de(K)
-		})
-	] }), $ = {
-		...Re,
-		children: ct,
-		className: b,
-		style: Pe,
-		...I === !0 ? { "data-disabled": "" } : {},
-		...at ? { "data-invalid": "" } : {},
-		...L === !0 ? { "data-readonly": "" } : {},
-		...R === !0 ? { "data-required": "" } : {},
-		"data-calendar": He,
-		"data-part": "root",
-		"data-size": Ue,
-		"data-ui": "date-field",
-		"data-variant": We,
-		onMouseDown: $e,
-		ref: j
-	};
-	return T === void 0 ? /* @__PURE__ */ h("div", { ...$ }) : T($);
-}
-function C({ field: e, format: t, reference: n, segments: r }) {
-	let i = r[e];
-	if (i === null) return t.pattern.find((t) => t.type === e)?.value ?? "";
-	let a = r.typing;
-	return a !== null && a.field === e ? String(i).padStart(a.digits, "0") : t.formatField({
-		year: r.year ?? n.year,
-		month: r.month ?? n.month,
-		day: r.day ?? n.day
-	}, e);
-}
-function ve({ disabled: e, field: t, format: n, onBlur: r, onFocus: i, onKeyDown: a, placeholder: o, readOnly: s, reference: c, segments: l, tabIndex: u }) {
-	let d = l[t], f = _(t, {
-		year: l.year ?? c.year,
-		month: l.month ?? c.month
-	}), p = d === null ? void 0 : t === "month" ? n.monthNames("long")[d - 1] ?? String(d) : String(d);
-	return /* @__PURE__ */ h("div", {
-		"aria-disabled": e ? !0 : void 0,
-		"aria-label": o,
-		"aria-readonly": s ? !0 : void 0,
-		"aria-valuemax": f.max,
-		"aria-valuemin": f.min,
-		"aria-valuenow": d ?? void 0,
-		"aria-valuetext": p,
-		"data-field": t,
-		"data-part": "segment",
-		...d === null ? { "data-placeholder": "" } : {},
-		onBlur: r,
-		onFocus: i,
-		onKeyDown: a,
-		onMouseDown: (e) => {
-			e.preventDefault(), e.currentTarget.focus();
-		},
-		role: "spinbutton",
-		tabIndex: e ? -1 : u,
-		children: C({
-			field: t,
-			format: n,
-			reference: c,
-			segments: l
-		})
-	});
-}
-//#endregion
-export { S as i, b as n, me as r, _e as t };

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 };