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

package/dist/command-palette.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./command-palette-D1C1GDWC.js";
+import { a as e, i as t, n, r, t as i } from "./command-palette-Dw03scvF.js";
 export { r as COMMAND_PALETTE_FALLBACK, i as CommandPalette, t as CommandPaletteDefaultsProvider, n as CommandPaletteTrigger, e as useCommandPaletteDefaults };

package/dist/{data-grid-CjFQ2U6v.js → data-grid-B93D5XsR.js}

@@ -9,19 +9,19 @@ import { t as g } from "./text-field-CbQ6UCAP.js";
 import { a as _, d as ee, f as te, l as ne, r as re, t as ie } from "./popover-DEp8Bf3e.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-DRk9SZp1.js";
-import { t as de } from "./date-field-BxEpqAPg.js";
-import { t as fe } from "./date-range-picker-6Yz7avTS.js";
-import { t as pe } from "./datetime-picker-STqSWMkH.js";
-import { t as me } from "./datetime-field-D2f9u6im.js";
-import { t as he } from "./datetime-range-picker-DQNQwr3K.js";
+import { t as ue } from "./date-picker-C22jlzUv.js";
+import { t as de } from "./date-field-DEauLQVL.js";
+import { t as fe } from "./date-range-picker-BUKoddmL.js";
+import { t as pe } from "./datetime-picker-BiarFWN3.js";
+import { t as me } from "./datetime-field-Bptwvuip.js";
+import { t as he } from "./datetime-range-picker--JtLnGQ2.js";
 import { a as ge, i as _e, n as ve, s as ye } from "./multi-select-B8z6ApgW.js";
 import { t as be } from "./number-field-DXk1TAXA.js";
 import { a as xe, t as Se } from "./segmented-control-C-PzkTtg.js";
 import { c as Ce, i as we, n as Te, o as Ee, s as De } from "./select-BUylPwpb.js";
-import { t as Oe } from "./time-picker-D6SlQWNF.js";
-import { t as ke } from "./time-field-BI9n607q.js";
-import { t as Ae } from "./time-range-picker-CcV3_45h.js";
+import { t as Oe } from "./time-picker-C0-O0oMU.js";
+import { t as ke } from "./time-field-DeKrogZG.js";
+import { t as Ae } from "./time-range-picker-Fdb70Zj_.js";
 import { createControllable as je } from "@slotted/core/state";
 import { createContext as Me, createElement as Ne, memo as Pe, useCallback as y, useContext as Fe, useEffect as b, useId as Ie, useImperativeHandle as Le, useLayoutEffect as Re, useMemo as x, useRef as S, useState as C } from "react";
 import { Fragment as ze, jsx as w, jsxs as T } from "react/jsx-runtime";

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-CjFQ2U6v.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./data-grid-B93D5XsR.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-BxEpqAPg.js → date-field-DEauLQVL.js}

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

package/dist/{date-picker-DRk9SZp1.js → date-picker-C22jlzUv.js}

@@ -1,8 +1,8 @@
 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 { n as i, r as a, t as ee } from "./calendar-xcoBnHpK.js";
 import { b as o } from "./field-BxQFpOXS.js";
-import { t as te } from "./date-field-BxEpqAPg.js";
+import { t as te } from "./date-field-DEauLQVL.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, useLayoutEffect as se, useMemo as ce, useRef as u, useState as d } from "react";

package/dist/date-picker.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./date-picker-DRk9SZp1.js";
+import { n as e, r as t, t as n } from "./date-picker-C22jlzUv.js";
 export { n as DatePicker, e as DatePickerDefaultsProvider, t as useDatePickerDefaults };

package/dist/{date-range-picker-6Yz7avTS.js → date-range-picker-BUKoddmL.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-BZ6PP7Ke.js";
+import { i, t as a } from "./calendar-xcoBnHpK.js";
 import { b as ee } from "./field-BxQFpOXS.js";
-import { t as o } from "./date-field-BxEpqAPg.js";
+import { t as o } from "./date-field-DEauLQVL.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 ne, useEffect as u, useId as re, useImperativeHandle as ie, useLayoutEffect as ae, useMemo as d, useRef as f, useState as p } 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-6Yz7avTS.js";
+import { i as e, n as t, r as n, t as r } from "./date-range-picker-BUKoddmL.js";
 export { r as DateRangePicker, n as DateRangePickerDefaultsProvider, t as DateRangePickerPreset, e as useDateRangePickerDefaults };

package/dist/{datetime-field-D2f9u6im.js → datetime-field-Bptwvuip.js}

@@ -60,10 +60,10 @@ var Se = {
 		second: 0
 	}
 };
-function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, calendar: le, className: x, clearable: xe = !1, defaultValue: we, disabled: Te, end: De, firstDayOfWeek: Oe, granularity: ke, hourCycle: Ae, id: je, invalid: Me, isDateUnavailable: Ne, isTimeUnavailable: Pe, locale: Fe, max: C, messages: Ie, maxTime: Le, min: w, minTime: Re, name: ze, onKeyDown: Be, onPaste: Ve, onValueChange: He, readOnly: Ue, ref: We, referenceDateTime: Ge, relative: Ke, render: qe, required: Je, size: Ye, start: Xe, style: Ze, timeZone: Qe, value: T, variant: $e, yearPivot: et, ...tt }) {
-	let E = i(), nt = E?.registerControl;
-	l(() => nt?.(), [nt]);
-	let D = S(), rt = n(), it = r(ee, Ie), O = p(null), at = p(null), ot = u(), st = Fe ?? rt, ct = Qe ?? D.timeZone, k = ke ?? D.granularity, lt = Ae ?? D.hourCycle, ut = le ?? D.calendar, A = Oe ?? D.firstDayOfWeek, j = et ?? D.yearPivot, dt = Ke ?? D.relative, ft = Ye ?? E?.size ?? D.size, pt = $e ?? D.variant, M = Te ?? E?.disabled, N = Ue ?? E?.readOnly, mt = Me ?? E?.invalid, ht = Je ?? E?.required, P = f(() => oe({
+function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, calendar: le, className: x, clearable: xe = !1, defaultValue: we, disabled: Te, end: De, firstDayOfWeek: Oe, granularity: ke, hourCycle: Ae, id: je, invalid: Me, isDateUnavailable: Ne, isTimeUnavailable: Pe, locale: Fe, max: C, messages: Ie, maxTime: Le, min: Re, minTime: ze, name: Be, onKeyDown: Ve, onPaste: He, onValueChange: Ue, readOnly: We, ref: Ge, referenceDateTime: Ke, relative: qe, render: Je, required: Ye, size: Xe, start: Ze, style: Qe, timeZone: $e, value: w, variant: et, yearPivot: tt, ...nt }) {
+	let T = i(), rt = T?.registerControl;
+	l(() => rt?.(), [rt]);
+	let E = S(), it = n(), D = r(ee, Ie), O = p(null), at = p(null), ot = u(), st = Fe ?? it, ct = $e ?? E.timeZone, k = ke ?? E.granularity, lt = Ae ?? E.hourCycle, ut = le ?? E.calendar, A = Oe ?? E.firstDayOfWeek, j = tt ?? E.yearPivot, dt = qe ?? E.relative, ft = Xe ?? T?.size ?? E.size, pt = et ?? E.variant, M = Te ?? T?.disabled, N = We ?? T?.readOnly, mt = Me ?? T?.invalid, ht = Ye ?? T?.required, P = f(() => oe({
 		granularity: k,
 		hourCycle: lt,
 		locale: st,
@@ -77,7 +77,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		j
 	]), [gt, _t] = m(() => Ce);
 	l(() => _t(he(ct)), [ct]);
-	let F = Ge ?? gt, I = f(() => {
+	let F = Ke ?? gt, I = f(() => {
 		let e = P.toDisplay(F.time.hour);
 		return {
 			...F.date,
@@ -87,18 +87,18 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 			minute: F.time.minute,
 			second: F.time.second
 		};
-	}, [F, P]), [vt, yt] = m(() => y(T ?? we ?? null, P)), [L, R] = m(void 0), [z, B] = m(null), V = p(vt), H = () => V.current;
+	}, [F, P]), [vt, yt] = m(() => y(w ?? we ?? null, P)), [L, R] = m(void 0), [z, B] = m(null), V = p(vt), H = () => V.current;
 	l(() => {
-		T !== void 0 && (pe(v(V.current, P), T) || (V.current = y(T, P), yt(V.current)));
-	}, [P, T]);
+		w !== void 0 && (pe(v(V.current, P), w) || (V.current = y(w, P), yt(V.current)));
+	}, [P, w]);
 	let U = vt, W = v(U, P), bt = ue(U, P), G = f(() => P.pattern.filter((e) => e.type !== "literal").map((e) => e.type), [P]), K = s((e, t, n) => {
 		let r = v(V.current, P);
 		V.current = e, yt(e), e.typing === null && a({
-			controlled: T,
+			controlled: w,
 			initial: r,
 			equals: pe,
 			onRequest: (t) => {
-				He?.(t.value, {
+				Ue?.(t.value, {
 					...t,
 					incomplete: ue(e, P),
 					segments: e
@@ -107,8 +107,8 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		}).request(v(e, P), t, n);
 	}, [
 		P,
-		He,
-		T
+		Ue,
+		w
 	]), q = s((e) => {
 		R(e), O.current?.querySelector(`[data-part="segment"][data-field="${e}"]`)?.focus();
 	}, []), xt = s(() => {
@@ -118,7 +118,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		let n = G.indexOf(e) + t, r = G[n];
 		r !== void 0 && q(r);
 	}, [G, q]);
-	d(We, () => ({
+	d(Ge, () => ({
 		focus: () => {
 			let e = G[0];
 			e !== void 0 && q(e);
@@ -160,7 +160,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 	]), Q = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	}, Tt = (e) => (t) => {
-		if (Be?.(t), t.defaultPrevented) return;
+		if (Ve?.(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) {
 			Q(t), J(e, 1);
@@ -212,7 +212,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 			}
 		}
 	}, Et = (e) => {
-		if (Be?.(e), !e.defaultPrevented) {
+		if (Ve?.(e), !e.defaultPrevented) {
 			if (e.key === "Enter") {
 				Q(e), wt(e);
 				let t = G[0];
@@ -222,7 +222,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 			e.key === "Escape" && (Q(e), Ct());
 		}
 	}, Dt = (e) => {
-		if (Ve?.(e), e.defaultPrevented || !Y) return;
+		if (He?.(e), e.defaultPrevented || !Y) return;
 		let t = e.clipboardData.getData("text/plain"), n = P.parse(t);
 		if (n !== null) {
 			e.preventDefault(), K(y(n, P), "keyboard", e);
@@ -242,9 +242,9 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 	}, jt = `${ot}-value`, Mt = W === null ? void 0 : P.describe(W), $ = W === null ? null : se(W.date, {
 		max: C,
 		maxTime: Le,
-		min: w,
-		minTime: Re
-	}), Nt = W !== null && (!de(W, w, C) || $ === null || !me(W.time, $.earliest, $.latest)), Pt = W !== null && (Ne?.(W.date) === !0 || Pe?.(W.time, W.date) === !0), Ft = mt === !0 || Pt || Nt, It = G.every((e) => U[e] === null), Lt = xe && !It && Y && !X, Rt = f(() => {
+		min: Re,
+		minTime: ze
+	}), Nt = W !== null && (!de(W, Re, C) || $ === null || !me(W.time, $.earliest, $.latest)), Pt = W !== null && (Ne?.(W.date) === !0 || Pe?.(W.time, W.date) === !0), Ft = mt === !0 || Pt || Nt, It = G.every((e) => U[e] === null), Lt = xe && !It && Y && !X, Rt = f(() => {
 		let e = [];
 		for (let t of P.pattern) {
 			let n = t.half ?? "date", r = e[e.length - 1];
@@ -255,13 +255,13 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		}
 		return e;
 	}, [P]), zt = /* @__PURE__ */ _(h, { children: [
-		Xe === void 0 ? null : /* @__PURE__ */ g("span", {
+		Ze === void 0 ? null : /* @__PURE__ */ g("span", {
 			"data-part": "start",
-			children: Xe
+			children: Ze
 		}),
 		X ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("input", {
-			"aria-describedby": [o, E?.describedBy].filter(Boolean).join(" ") || void 0,
-			"aria-label": it("duration"),
+			"aria-describedby": [o, T?.describedBy].filter(Boolean).join(" ") || void 0,
+			"aria-label": D("duration"),
 			"data-part": "duration",
 			onBlur: (e) => wt(e),
 			onChange: (e) => B(e.target.value),
@@ -288,15 +288,15 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 				P.time.format(Z.time)
 			] }) : P.time.format(Z.time)]
 		})] }) : /* @__PURE__ */ g("div", {
-			"aria-describedby": [o, E?.describedBy].filter(Boolean).join(" ") || void 0,
+			"aria-describedby": [o, T?.describedBy].filter(Boolean).join(" ") || void 0,
 			"aria-disabled": M === !0 || void 0,
 			"aria-invalid": Ft ? !0 : void 0,
 			"aria-label": c,
-			"aria-labelledby": c === void 0 ? [ce ?? E?.ids.label, jt].filter(Boolean).join(" ") : void 0,
+			"aria-labelledby": c === void 0 ? [ce ?? T?.ids.label, jt].filter(Boolean).join(" ") : void 0,
 			"aria-readonly": N === !0 || void 0,
 			"aria-required": ht === !0 || void 0,
 			"data-part": "segments",
-			id: je ?? E?.ids.control,
+			id: je ?? T?.ids.control,
 			onPaste: Dt,
 			role: "group",
 			children: Rt.map((e) => /* @__PURE__ */ g("span", {
@@ -317,7 +317,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 						onBlur: Ot,
 						onFocus: () => R(r),
 						onKeyDown: Tt(r),
-						placeholder: t.value,
+						label: D(r),
 						readOnly: N === !0,
 						segments: U,
 						tabIndex: r === (L ?? G[0]) ? 0 : -1
@@ -332,7 +332,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 			children: Mt
 		}),
 		Lt ? /* @__PURE__ */ g("button", {
-			"aria-label": it("clear"),
+			"aria-label": D("clear"),
 			"data-part": "clear",
 			onClick: At,
 			type: "button",
@@ -344,16 +344,16 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		}),
 		/* @__PURE__ */ g("input", {
 			"data-part": "hidden-input",
-			name: ze,
+			name: Be,
 			readOnly: !0,
 			type: "hidden",
 			value: W === null ? "" : ve(W)
 		})
 	] }), Bt = {
-		...tt,
+		...nt,
 		children: zt,
 		className: x,
-		style: Ze,
+		style: Qe,
 		...M === !0 ? { "data-disabled": "" } : {},
 		...Ft ? { "data-invalid": "" } : {},
 		...N === !0 ? { "data-readonly": "" } : {},
@@ -370,7 +370,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		onMouseDown: kt,
 		ref: O
 	};
-	return qe === void 0 ? /* @__PURE__ */ g("div", { ...Bt }) : qe(Bt);
+	return Je === void 0 ? /* @__PURE__ */ g("div", { ...Bt }) : Je(Bt);
 }
 function Te(e, t, n) {
 	let r = n[e];
@@ -378,7 +378,7 @@ function Te(e, t, n) {
 	let i = n.typing;
 	return i !== null && i.field === e ? String(r).padStart(i.digits, "0") : t.formatValue(r, e);
 }
-function Ee({ disabled: e, field: t, format: n, onBlur: r, onFocus: i, onKeyDown: a, placeholder: o, readOnly: s, segments: c, tabIndex: l }) {
+function Ee({ disabled: e, field: t, format: n, onBlur: r, onFocus: i, onKeyDown: a, label: o, readOnly: s, segments: c, tabIndex: l }) {
 	let u = c[t], d = ce(t, {
 		hourCycle: n.hourCycle,
 		...c.month === null ? {} : { month: c.month },

package/dist/datetime-field.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./datetime-field-D2f9u6im.js";
+import { n as e, r as t, t as n } from "./datetime-field-Bptwvuip.js";
 export { n as DateTimeField, e as DateTimeFieldDefaultsProvider, t as useDateTimeFieldDefaults };

package/dist/{datetime-picker-STqSWMkH.js → datetime-picker-BiarFWN3.js}

@@ -1,8 +1,8 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { t as i } from "./calendar-BZ6PP7Ke.js";
+import { t as i } from "./calendar-xcoBnHpK.js";
 import { b as ee } from "./field-BxQFpOXS.js";
-import { t as te } from "./datetime-field-D2f9u6im.js";
+import { t as te } from "./datetime-field-Bptwvuip.js";
 import { tabbables as ne } from "@slotted/core/focus";
 import { createControllable as re } from "@slotted/core/state";
 import { createContext as ie, useCallback as a, useContext as ae, useEffect as o, useId as oe, useImperativeHandle as se, useLayoutEffect as ce, useMemo as s, useRef as c, useState as l } from "react";

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-STqSWMkH.js";
+import { i as e, n as t, r as n, t as r } from "./datetime-picker-BiarFWN3.js";
 export { t as DATE_TIME_PICKER_MAX_OPTIONS, r as DateTimePicker, n as DateTimePickerDefaultsProvider, e as useDateTimePickerDefaults };

package/dist/{datetime-range-picker-DQNQwr3K.js → datetime-range-picker--JtLnGQ2.js}

@@ -1,8 +1,8 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { t as i } from "./calendar-BZ6PP7Ke.js";
+import { t as i } from "./calendar-xcoBnHpK.js";
 import { b as a } from "./field-BxQFpOXS.js";
-import { t as o } from "./datetime-field-D2f9u6im.js";
+import { t as o } from "./datetime-field-Bptwvuip.js";
 import { createControllable as s } from "@slotted/core/state";
 import { createContext as c, useCallback as l, useContext as ee, useEffect as u, useId as te, useImperativeHandle as ne, useLayoutEffect as re, useMemo as d, useRef as f, useState as p } from "react";
 import { Fragment as ie, jsx as m, jsxs as h } from "react/jsx-runtime";

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-DQNQwr3K.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--JtLnGQ2.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 };