@slotted/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/data-list.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./data-list-UtLdop-1.js";
+import { n as e, r as t, t as n } from "./data-list-nqUyMq3p.js";
 export { n as DataList, e as DataListDefaultsProvider, t as useDataListDefaults };

package/dist/date-field-BSxzX9I5.js

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

package/dist/date-picker-Cw5cGND1.js

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