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

package/dist/collapsible.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./collapsible-CGo49NNW.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./collapsible-F-K36XbF.js";
 export { e as COLLAPSIBLE_TRIGGER_SELECTOR, a as Collapsible, c as CollapsibleActions, t as CollapsibleDefaultsProvider, i as CollapsibleHeader, o as CollapsiblePanel, n as CollapsibleTrigger, s as useCollapsible, r as useCollapsibleDefaults };

package/dist/{data-grid-BKaGMqIm.js → data-grid-Eb-a4jg3.js}

@@ -9,16 +9,16 @@ import { t as g } from "./text-field-DLfIZ0fk.js";
 import { a as _, d as ee, f as te, l as ne, r as re, t as ie } from "./popover-Be7JWbGJ.js";
 import { t as v } from "./visually-hidden-CE6u5JLW.js";
 import { i as ae, n as oe, o as se, r as ce, t as le } from "./result-state-CZsQfdN4.js";
-import { t as ue } from "./date-picker-4X-_2ltN.js";
-import { t as de } from "./date-field-CYcN6diW.js";
-import { t as fe } from "./date-range-picker-CNOAtHwU.js";
-import { t as pe } from "./datetime-picker-HDVlUhzy.js";
+import { t as ue } from "./date-picker-D3-y2Jxw.js";
+import { t as de } from "./date-field-Hr-OCU-H.js";
+import { t as fe } from "./date-range-picker-y3b82Wmf.js";
+import { t as pe } from "./datetime-picker-CIRHVLQp.js";
 import { t as me } from "./datetime-field-B8TrmsDK.js";
-import { t as he } from "./datetime-range-picker-IqOFJtdW.js";
+import { t as he } from "./datetime-range-picker-DM-1m98z.js";
 import { a as ge, i as _e, n as ve, s as ye } from "./multi-select-DQ5ds0fX.js";
 import { t as be } from "./number-field-BFIAmv-z.js";
 import { a as xe, t as Se } from "./segmented-control-DmuOGiu6.js";
-import { c as Ce, i as we, n as Te, o as Ee, s as De } from "./select-DOFqPy26.js";
+import { c as Ce, i as we, n as Te, o as Ee, s as De } from "./select-M7Io4UL9.js";
 import { t as Oe } from "./time-picker-CRQsMJbQ.js";
 import { t as ke } from "./time-field-DrhiCtUl.js";
 import { t as Ae } from "./time-range-picker-DlZJsj1e.js";

package/dist/data-grid.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./data-grid-BKaGMqIm.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./data-grid-Eb-a4jg3.js";
 export { e as DRAG_COLUMN, n as DataGrid, i as DataGridDefaultsProvider, r as EXPANDER_COLUMN, a as SELECTION_COLUMN, t as useDataGridDefaults, o as usePersistedGridView };

package/dist/date-field-Hr-OCU-H.js

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

package/dist/date-field.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./date-field-CYcN6diW.js";
+import { i as e, n as t, r as n, t as r } from "./date-field-Hr-OCU-H.js";
 export { t as DATE_FIELD_YEAR_PIVOT, r as DateField, n as DateFieldDefaultsProvider, e as useDateFieldDefaults };

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

@@ -0,0 +1,295 @@
+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 };

package/dist/date-picker.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./date-picker-4X-_2ltN.js";
+import { n as e, r as t, t as n } from "./date-picker-D3-y2Jxw.js";
 export { n as DatePicker, e as DatePickerDefaultsProvider, t as useDatePickerDefaults };

package/dist/{date-range-picker-CNOAtHwU.js → date-range-picker-y3b82Wmf.js}

@@ -1,8 +1,8 @@
 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 { i, t as a } from "./calendar-BZ6PP7Ke.js";
 import { b as ee } from "./field-NJaCxl2h.js";
-import { t as o } from "./date-field-CYcN6diW.js";
+import { t as o } from "./date-field-Hr-OCU-H.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";

package/dist/date-range-picker.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./date-range-picker-CNOAtHwU.js";
+import { i as e, n as t, r as n, t as r } from "./date-range-picker-y3b82Wmf.js";
 export { r as DateRangePicker, n as DateRangePickerDefaultsProvider, t as DateRangePickerPreset, e as useDateRangePickerDefaults };

package/dist/{datetime-picker-HDVlUhzy.js → datetime-picker-CIRHVLQp.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { t as i } from "./calendar-B3mio8iQ.js";
+import { t as i } from "./calendar-BZ6PP7Ke.js";
 import { b as ee } from "./field-NJaCxl2h.js";
 import { t as te } from "./datetime-field-B8TrmsDK.js";
 import { tabbables as ne } from "@slotted/core/focus";

package/dist/datetime-picker.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./datetime-picker-HDVlUhzy.js";
+import { i as e, n as t, r as n, t as r } from "./datetime-picker-CIRHVLQp.js";
 export { t as DATE_TIME_PICKER_MAX_OPTIONS, r as DateTimePicker, n as DateTimePickerDefaultsProvider, e as useDateTimePickerDefaults };

package/dist/{datetime-range-picker-IqOFJtdW.js → datetime-range-picker-DM-1m98z.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { t as i } from "./calendar-B3mio8iQ.js";
+import { t as i } from "./calendar-BZ6PP7Ke.js";
 import { b as a } from "./field-NJaCxl2h.js";
 import { t as o } from "./datetime-field-B8TrmsDK.js";
 import { createControllable as s } from "@slotted/core/state";

package/dist/datetime-range-picker.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./datetime-range-picker-IqOFJtdW.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./datetime-range-picker-DM-1m98z.js";
 export { n as DATETIME_RANGE_PICKER_MAX_OPTIONS, e as DATETIME_RANGE_PICKER_MONTHS, a as DATETIME_RANGE_PICKER_STEP, c as DateTimeRangePicker, s as DateTimeRangePickerDefaultsProvider, i as DateTimeRangePickerPreset, t as dateTimeRangePickerLengthLabel, o as isSameDateTimeRange, r as useDateTimeRangePickerDefaults };