@slotted/react 0.1.0-beta.10 → 0.1.0-beta.11

package/dist/text-field-Cguj75tn.js

@@ -0,0 +1,205 @@
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } from "./icon-DjqSEQ-o.js";
+import { t as r } from "./spinner-ring-DyfaYloA.js";
+import { b as i, h as a } from "./field-tnEZiRLg.js";
+import { keyedProps as o, withSelectorKey as ee } from "@slotted/core/selector-key";
+import { createControllable as s } from "@slotted/core/state";
+import { createContext as c, useContext as l, useEffect as u, useLayoutEffect as te, useRef as d, useState as f } from "react";
+import { Fragment as ne, jsx as p, jsxs as re } from "react/jsx-runtime";
+import { textFieldMessages as ie } from "@slotted/core/i18n";
+import { getLiveAnnouncer as ae } from "@slotted/core/live-announcer";
+import { writeToClipboard as oe } from "@slotted/core/clipboard";
+//#region src/text-field/text-field-defaults.tsx
+var m = c({
+	mono: !1,
+	size: "md",
+	variant: "outline"
+});
+function h() {
+	return l(m);
+}
+function g({ children: e, ...t }) {
+	let n = h();
+	return /* @__PURE__ */ p(m.Provider, {
+		value: {
+			mono: t.mono ?? n.mono,
+			size: t.size ?? n.size,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/text-field/text-field.tsx
+var se = 2e3;
+function _(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function v({ "aria-describedby": a, "aria-invalid": c, "aria-required": l, className: m, clearable: g = !1, copyable: v = !1, countMax: y, defaultRevealed: ce = !1, defaultValue: b, disabled: le, end: ue, id: de, invalid: fe, loading: x, maxLength: S, messages: pe, mono: me, onBlur: he, onChange: ge, onKeyDown: _e, onKeyUp: ve, onRevealedChange: ye, onValueChange: be, onValueCopy: xe, readOnly: Se, ref: C, render: w, revealable: Ce = !1, revealed: T, showCount: E = !1, size: we, start: D, style: Te, type: O = "text", value: k, variant: Ee, ...De }) {
+	let A = i(), j = h(), M = e(ie, pe), N = d(null), [Oe, P] = f(b ?? ""), [ke, Ae] = f(ce), [F, I] = f(!1), [L, R] = f(!1), z = d(void 0);
+	u(() => () => clearTimeout(z.current), []);
+	let B = k ?? Oe, V = T ?? ke, je = we ?? A?.size ?? j.size, Me = Ee ?? j.variant, Ne = me ?? j.mono, H = le ?? A?.disabled, U = Se ?? A?.readOnly, W = fe ?? A?.invalid, G = A?.registerControl;
+	u(() => G?.(), [G]), u(() => {
+		let e = N.current?.form;
+		if (e == null) return;
+		let t = () => P(b ?? "");
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [b]);
+	let K = A?.setCount, q = y ?? S ?? void 0;
+	u(() => {
+		if (E && K !== void 0) return K({
+			length: B.length,
+			max: q
+		}), () => K(void 0);
+	}, [
+		B,
+		q,
+		K,
+		E
+	]);
+	let J = d(null);
+	te(() => {
+		let e = J.current, t = N.current;
+		e !== null && t !== null && (J.current = null, t.focus(), t.setSelectionRange(e[0], e[1]));
+	}, [V]);
+	let Y = (e, t, n) => {
+		s({
+			controlled: k,
+			initial: B,
+			onRequest: (e) => be?.(e.value, e)
+		}).request(e, t, n) && P(e);
+	}, Pe = (e) => {
+		let t = N.current;
+		k === void 0 && t !== null && (t.value = ""), Y("", "clear", e), t?.focus();
+	}, Fe = (e) => {
+		let t = N.current;
+		J.current = t === null ? null : [t.selectionStart ?? 0, t.selectionEnd ?? 0], s({
+			controlled: T,
+			initial: V,
+			onRequest: (e) => ye?.(e.value, e)
+		}).request(!V, _(e), e) && Ae(!V);
+	}, X = (e) => ae(N.current?.ownerDocument).announce(e), Ie = async (e) => {
+		let t = _(e), n = await oe(B) !== "refused";
+		n && (I(!0), clearTimeout(z.current), z.current = setTimeout(() => I(!1), se)), X(M(n ? "copied" : "copyFailed")), xe?.({
+			copied: n,
+			reason: t,
+			source: e,
+			value: B
+		});
+	}, Z = O === "password", Q = (e) => {
+		if (!Z || typeof e.getModifierState != "function") return;
+		let t = e.getModifierState("CapsLock");
+		t && !L && X(M("capsLock")), t !== L && R(t);
+	}, Le = g && B !== "" && H !== !0 && U !== !0, Re = v && B !== "" && H !== !0, ze = Ce && Z && H !== !0, Be = /* @__PURE__ */ p("input", {
+		...ee(De, "part", "input"),
+		"aria-busy": x === !0 || void 0,
+		"aria-describedby": [a, A?.describedBy].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": c ?? (W === !0 || void 0),
+		"aria-required": l ?? (A?.required === !0 || void 0),
+		disabled: H,
+		id: de ?? A?.ids.control,
+		maxLength: S,
+		onBlur: (e) => {
+			he?.(e), R(!1);
+		},
+		onKeyDown: (e) => {
+			_e?.(e), Q(e);
+		},
+		onKeyUp: (e) => {
+			ve?.(e), Q(e);
+		},
+		onChange: (e) => {
+			ge?.(e), Y(e.currentTarget.value, "keyboard", e);
+		},
+		readOnly: U,
+		ref: (e) => {
+			N.current = e, typeof C == "function" ? C(e) : C != null && (C.current = e);
+		},
+		type: Z && V ? "text" : O,
+		...k === void 0 ? { defaultValue: b } : { value: k }
+	}), Ve = /* @__PURE__ */ re(ne, { children: [
+		D === void 0 ? null : /* @__PURE__ */ p("span", {
+			"data-part": "start",
+			"data-part-start": "",
+			children: D
+		}),
+		Be,
+		x === void 0 ? null : /* @__PURE__ */ p("span", {
+			"aria-hidden": "true",
+			"data-part": "busy",
+			"data-part-busy": "",
+			"data-ui": "spinner",
+			"data-ui-spinner": "",
+			hidden: !x,
+			children: r
+		}),
+		Z ? /* @__PURE__ */ p("span", {
+			"aria-hidden": "true",
+			"data-part": "caps-lock",
+			"data-part-caps-lock": "",
+			hidden: !L,
+			children: /* @__PURE__ */ p(n, { children: /* @__PURE__ */ p(t, { name: "caps-lock" }) })
+		}) : null,
+		g ? /* @__PURE__ */ p("button", {
+			"aria-label": M("clear"),
+			"data-part": "clear",
+			"data-part-clear": "",
+			hidden: !Le,
+			onClick: Pe,
+			type: "button",
+			children: /* @__PURE__ */ p(n, { children: /* @__PURE__ */ p(t, { name: "x" }) })
+		}) : null,
+		v ? /* @__PURE__ */ p("button", {
+			"aria-label": M("copy"),
+			"data-part": "copy",
+			"data-part-copy": "",
+			hidden: !Re,
+			onClick: (e) => void Ie(e),
+			type: "button",
+			...F ? { "data-complete": "" } : {},
+			children: /* @__PURE__ */ p(n, { children: /* @__PURE__ */ p(t, { name: F ? "check" : "copy" }) }, F ? "check" : "copy")
+		}) : null,
+		ze ? /* @__PURE__ */ p("button", {
+			"aria-label": M("reveal"),
+			"aria-pressed": V,
+			"data-part": "reveal",
+			"data-part-reveal": "",
+			onClick: Fe,
+			type: "button",
+			children: /* @__PURE__ */ p(n, { children: /* @__PURE__ */ p(t, { name: V ? "eye-off" : "eye" }) }, V ? "eye-off" : "eye")
+		}) : null,
+		ue === void 0 ? null : /* @__PURE__ */ p("span", {
+			"data-part": "end",
+			"data-part-end": "",
+			children: ue
+		})
+	] }), $ = o({
+		children: Ve,
+		className: m,
+		style: Te,
+		...H === !0 ? { "data-disabled": "" } : {},
+		...W === !0 ? { "data-invalid": "" } : {},
+		...x === !0 ? { "data-loading": "" } : {},
+		...Ne ? { "data-mono": "" } : {},
+		...U === !0 ? { "data-readonly": "" } : {},
+		"data-part": "root",
+		"data-size": je,
+		"data-ui": "text-field",
+		"data-variant": Me
+	});
+	return w === void 0 ? /* @__PURE__ */ p("div", { ...$ }) : w($);
+}
+function y({ render: e, type: t = "button", ...n }) {
+	let r = o({
+		...n,
+		"data-part": "action",
+		type: t
+	});
+	return e === void 0 ? /* @__PURE__ */ p("button", { ...r }) : e(r);
+}
+a(v, ({ countMax: e, defaultValue: t, maxLength: n, showCount: r, value: i }) => r === !0 ? {
+	length: (i ?? t ?? "").length,
+	max: e ?? n ?? void 0
+} : void 0);
+//#endregion
+export { h as i, y as n, g as r, v as t };

package/dist/text-field.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./text-field-DL_uhNXV.js";
+import { i as e, n as t, r as n, t as r } from "./text-field-Cguj75tn.js";
 export { r as TextField, t as TextFieldAction, n as TextFieldDefaultsProvider, e as useTextFieldDefaults };

package/dist/{textarea-DNCjsQYd.js → textarea-BKsh_jAo.js}

@@ -1,4 +1,4 @@
-import { b as e, h as t } from "./field-CzSGs7wo.js";
+import { b as e, h as t } from "./field-tnEZiRLg.js";
 import { keyedProps as n } from "@slotted/core/selector-key";
 import { createControllable as r } from "@slotted/core/state";
 import { createContext as i, useContext as a, useEffect as o, useRef as s, useState as c } from "react";

package/dist/textarea.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./textarea-DNCjsQYd.js";
+import { n as e, r as t, t as n } from "./textarea-BKsh_jAo.js";
 export { n as Textarea, e as TextareaDefaultsProvider, t as useTextareaDefaults };

package/dist/{time-field-Cm6iBjwH.js → time-field-BIE4WMpS.js}

@@ -1,6 +1,6 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-CzSGs7wo.js";
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
+import { b as i } from "./field-tnEZiRLg.js";
 import { keyedProps as ee } from "@slotted/core/selector-key";
 import { createControllable as te } from "@slotted/core/state";
 import { createContext as a, useCallback as o, useContext as s, useEffect as c, useId as l, useImperativeHandle as ne, useMemo as u, useRef as d, useState as f } from "react";
@@ -46,7 +46,7 @@ var ye = {
 	second: 0
 };
 function Se({ "aria-describedby": a, "aria-label": s, "aria-labelledby": se, className: pe, clearable: x = !1, defaultValue: ve, disabled: Se, end: C, granularity: we, hourCycle: Te, id: Ee, invalid: De, isTimeUnavailable: Oe, locale: ke, max: Ae, messages: je, min: Me, name: Ne, onKeyDown: Pe, onPaste: Fe, onValueChange: Ie, readOnly: Le, ref: Re, referenceTime: ze, relative: Be, render: w, required: Ve, size: He, start: T, style: Ue, timeZone: We, value: E, variant: Ge, ...Ke }) {
-	let D = i(), O = S(), qe = n(), k = r(re, je), A = d(null), Je = d(null), Ye = l(), Xe = ke ?? qe, Ze = We ?? O.timeZone, j = we ?? O.granularity, Qe = Te ?? O.hourCycle, $e = Be ?? O.relative, et = He ?? D?.size ?? O.size, tt = Ge ?? O.variant, M = Se ?? D?.disabled, N = Le ?? D?.readOnly, nt = De ?? D?.invalid, P = Ve ?? D?.required, F = u(() => oe({
+	let D = i(), O = S(), qe = e(), k = t(re, je), A = d(null), Je = d(null), Ye = l(), Xe = ke ?? qe, Ze = We ?? O.timeZone, j = we ?? O.granularity, Qe = Te ?? O.hourCycle, $e = Be ?? O.relative, et = He ?? D?.size ?? O.size, tt = Ge ?? O.variant, M = Se ?? D?.disabled, N = Le ?? D?.readOnly, nt = De ?? D?.invalid, P = Ve ?? D?.required, F = u(() => oe({
 		granularity: j,
 		hourCycle: Qe,
 		locale: Xe
@@ -243,9 +243,9 @@ function Se({ "aria-describedby": a, "aria-label": s, "aria-labelledby": se, cla
 			role: "status",
 			...Q === null ? {} : { "data-resolved": "" },
 			...Q !== null && Q.days !== 0 ? { "data-crosses-midnight": "" } : {},
-			children: [/* @__PURE__ */ m(t, {
+			children: [/* @__PURE__ */ m(r, {
 				directional: !0,
-				children: /* @__PURE__ */ m(e, { name: "chevron-right" })
+				children: /* @__PURE__ */ m(n, { name: "chevron-right" })
 			}), Q === null ? "" : Q.days === 0 ? F.format(Q.time) : k("nextDay", { time: F.format(Q.time) })]
 		})] }) : /* @__PURE__ */ m("div", {
 			"aria-describedby": [a, D?.describedBy].filter(Boolean).join(" ") || void 0,
@@ -295,7 +295,7 @@ function Se({ "aria-describedby": a, "aria-label": s, "aria-labelledby": se, cla
 			"data-part-clear": "",
 			onClick: ht,
 			type: "button",
-			children: /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "x" }) })
+			children: /* @__PURE__ */ m(r, { children: /* @__PURE__ */ m(n, { name: "x" }) })
 		}) : null,
 		C === void 0 ? null : /* @__PURE__ */ m("span", {
 			"data-part": "end",

package/dist/time-field.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./time-field-Cm6iBjwH.js";
+import { n as e, r as t, t as n } from "./time-field-BIE4WMpS.js";
 export { n as TimeField, e as TimeFieldDefaultsProvider, t as useTimeFieldDefaults };

package/dist/{time-picker-Ce18FSO2.js → time-picker-CNfafRDF.js}

@@ -1,18 +1,18 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-CzSGs7wo.js";
-import { t as ee } from "./time-field-Cm6iBjwH.js";
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
+import { b as i } from "./field-tnEZiRLg.js";
+import { t as ee } from "./time-field-BIE4WMpS.js";
 import { keyedProps as te } from "@slotted/core/selector-key";
 import { createControllable as a } from "@slotted/core/state";
 import { createContext as ne, useCallback as o, useContext as re, useEffect as s, useId as ie, useImperativeHandle as ae, useLayoutEffect as oe, useMemo as c, useRef as l, useState as u } from "react";
 import { Fragment as se, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { createPresence as ce } from "@slotted/core/presence";
-import { createPortalRoot as le } from "@slotted/core/portal";
-import { createDismissableLayer as ue } from "@slotted/core/dismissable-layer";
-import { createPositioner as de } from "@slotted/core/positioner";
-import { createTypeahead as fe, isPrintable as pe } from "@slotted/core/typeahead";
-import { createPortal as me } from "react-dom";
-import { timePickerMessages as he } from "@slotted/core/i18n";
+import { timePickerMessages as le } from "@slotted/core/i18n";
+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 { createTypeahead as pe, isPrintable as me } from "@slotted/core/typeahead";
+import { createPortal as he } from "react-dom";
 import { createTimeFormat as ge, hourJump as _e, isSameTime as p, isTimeInRange as ve, isTruncated as ye, nearestIndex as be, nowIn as xe, timeList as Se, toISOTime as Ce } from "@slotted/core/date";
 //#region src/time-picker/time-picker-defaults.tsx
 var we = 900, m = 1440, h = ne({
@@ -56,7 +56,7 @@ var Ee = "(max-width: 480px) and (pointer: coarse)", De = {
 	second: 0
 };
 function Oe({ className: ne, clearable: re = !1, closeOnSelect: we, defaultHighlightedValue: m, defaultOpen: h = !1, defaultValue: Te, disabled: Oe, footer: ke, granularity: Ae, highlightedValue: _, hourCycle: je, invalid: Me, isTimeUnavailable: v, locale: Ne, max: y, maxOptions: Pe, messages: Fe, min: b, name: Ie, onHighlightedValueChange: Le, onKeyDown: x, onOpenChange: Re, onValueChange: ze, open: S, options: Be, placement: Ve, presets: He, readOnly: Ue, ref: We, referenceTime: Ge, relative: Ke, render: qe, renderOption: Je, required: Ye, size: Xe, step: Ze, style: Qe, timeZone: $e, unavailableOptions: et, value: tt, variant: nt, ...rt }) {
-	let C = i(), w = g(), it = n(), T = r(he, Fe), E = l(null), at = l(null), D = l(null), O = l(null), ot = ie(), [k, st] = u(null), [A, ct] = u(null), [lt, ut] = u("unmounted"), [j, dt] = u(!1), [M, ft] = u(!1), [pt, mt] = u(h), N = S ?? pt, [ht, gt] = u(Te ?? null), P = tt ?? ht, F = Ne ?? it, _t = $e ?? w.timeZone, I = Ae ?? w.granularity, L = je ?? w.hourCycle, vt = Xe ?? C?.size ?? w.size, yt = nt ?? w.variant, bt = Ve ?? w.placement, xt = we ?? w.closeOnSelect, St = Ze ?? w.step, Ct = Pe ?? w.maxOptions, wt = et ?? w.unavailableOptions, R = Oe ?? C?.disabled, z = Ue ?? C?.readOnly, Tt = Ye ?? C?.required, B = R !== !0 && z !== !0, V = c(() => ge({
+	let C = i(), w = g(), it = e(), T = t(le, Fe), E = l(null), at = l(null), D = l(null), O = l(null), ot = ie(), [k, st] = u(null), [A, ct] = u(null), [lt, ut] = u("unmounted"), [j, dt] = u(!1), [M, ft] = u(!1), [pt, mt] = u(h), N = S ?? pt, [ht, gt] = u(Te ?? null), P = tt ?? ht, F = Ne ?? it, _t = $e ?? w.timeZone, I = Ae ?? w.granularity, L = je ?? w.hourCycle, vt = Xe ?? C?.size ?? w.size, yt = nt ?? w.variant, bt = Ve ?? w.placement, xt = we ?? w.closeOnSelect, St = Ze ?? w.step, Ct = Pe ?? w.maxOptions, wt = et ?? w.unavailableOptions, R = Oe ?? C?.disabled, z = Ue ?? C?.readOnly, Tt = Ye ?? C?.required, B = R !== !0 && z !== !0, V = c(() => ge({
 		granularity: I,
 		hourCycle: L,
 		locale: F
@@ -153,7 +153,7 @@ function Oe({ className: ne, clearable: re = !1, closeOnSelect: we, defaultHighl
 			ct(null);
 			return;
 		}
-		let e = le({
+		let e = ue({
 			origin: D.current,
 			disabled: !1
 		});
@@ -164,7 +164,7 @@ function Oe({ className: ne, clearable: re = !1, closeOnSelect: we, defaultHighl
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []), oe(() => {
 		if (k === null || E.current === null || M) return;
-		let e = E.current.querySelector("[data-part=\"control\"]") ?? E.current, [t, n = "center"] = bt.split("-"), r = de(e, k, {
+		let e = E.current.querySelector("[data-part=\"control\"]") ?? E.current, [t, n = "center"] = bt.split("-"), r = fe(e, k, {
 			align: n,
 			side: t
 		});
@@ -177,7 +177,7 @@ function Oe({ className: ne, clearable: re = !1, closeOnSelect: we, defaultHighl
 		M
 	]), s(() => {
 		if (k === null || !N) return;
-		let e = D.current === null ? [] : [D.current], t = ue(k, {
+		let e = D.current === null ? [] : [D.current], t = de(k, {
 			branches: e,
 			escape: !0,
 			focusOutside: !1,
@@ -200,7 +200,7 @@ function Oe({ className: ne, clearable: re = !1, closeOnSelect: we, defaultHighl
 	}, [N, W]), s(() => {
 		!N || q < 0 || (O.current?.querySelectorAll("[data-part=\"option\"]")[q])?.scrollIntoView?.({ block: "nearest" });
 	}, [q, N]);
-	let It = l(fe({ locale: () => F }));
+	let It = l(pe({ locale: () => F }));
 	s(() => {
 		let e = It.current;
 		return () => e.destroy();
@@ -268,7 +268,7 @@ function Oe({ className: ne, clearable: re = !1, closeOnSelect: we, defaultHighl
 				return;
 			}
 		}
-		if (pe(e.key, It.current.query.length > 0)) {
+		if (me(e.key, It.current.query.length > 0)) {
 			let n = It.current.match(e.key, jt, t);
 			if (n < 0) return;
 			e.preventDefault(), Y(n, e), $(n);
@@ -371,7 +371,7 @@ function Oe({ className: ne, clearable: re = !1, closeOnSelect: we, defaultHighl
 				onKeyDown: Vt,
 				ref: D,
 				type: "button",
-				children: /* @__PURE__ */ d(t, { children: /* @__PURE__ */ d(e, { name: "clock" }) })
+				children: /* @__PURE__ */ d(r, { children: /* @__PURE__ */ d(n, { name: "clock" }) })
 			}),
 			granularity: I,
 			invalid: kt,
@@ -409,7 +409,7 @@ function Oe({ className: ne, clearable: re = !1, closeOnSelect: we, defaultHighl
 		"data-variant": yt,
 		ref: E
 	});
-	return /* @__PURE__ */ f(se, { children: [qe === void 0 ? /* @__PURE__ */ d("div", { ...Kt }) : qe(Kt), A === null ? null : me(Wt, A)] });
+	return /* @__PURE__ */ f(se, { children: [qe === void 0 ? /* @__PURE__ */ d("div", { ...Kt }) : qe(Kt), A === null ? null : he(Wt, A)] });
 }
 //#endregion
 export { g as a, Te as i, m as n, we as r, Oe as t };

package/dist/time-picker.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./time-picker-Ce18FSO2.js";
+import { a as e, i as t, n, r, t as i } from "./time-picker-CNfafRDF.js";
 export { n as TIME_PICKER_MAX_OPTIONS, r as TIME_PICKER_STEP, i as TimePicker, t as TimePickerDefaultsProvider, e as useTimePickerDefaults };

package/dist/{time-range-picker-kDnw4PQ3.js → time-range-picker-D7gM_Wno.js}

@@ -1,18 +1,18 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-CzSGs7wo.js";
-import { t as a } from "./time-field-Cm6iBjwH.js";
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
+import { b as i } from "./field-tnEZiRLg.js";
+import { t as a } from "./time-field-BIE4WMpS.js";
 import { keyedProps as o } from "@slotted/core/selector-key";
 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";
 import { createPresence as ae } from "@slotted/core/presence";
-import { createPortalRoot as oe } from "@slotted/core/portal";
-import { createDismissableLayer as se } from "@slotted/core/dismissable-layer";
-import { createPositioner as ce } from "@slotted/core/positioner";
-import { createTypeahead as le, isPrintable as ue } from "@slotted/core/typeahead";
-import { createPortal as de } from "react-dom";
-import { timeRangePickerMessages as fe } from "@slotted/core/i18n";
+import { timeRangePickerMessages as oe } from "@slotted/core/i18n";
+import { createPortalRoot as se } from "@slotted/core/portal";
+import { createDismissableLayer as ce } from "@slotted/core/dismissable-layer";
+import { createPositioner as le } from "@slotted/core/positioner";
+import { createTypeahead as ue, isPrintable as de } from "@slotted/core/typeahead";
+import { createPortal as fe } from "react-dom";
 import { compareTime as g, createTimeFormat as pe, durationLabel as me, firstUnavailableIndex as he, hourJump as ge, isSameTime as _, isTruncated as _e, nearestIndex as ve, nowIn as ye, openingIndex as be, runRefusal as xe, secondsOfDay as Se, timeList as Ce, timeRangeProblems as we, timeRangeSeconds as v, toISOTime as Te } from "@slotted/core/date";
 //#region src/time-range-picker/time-range-picker-defaults.tsx
 var Ee = 900, De = 1440;
@@ -83,7 +83,7 @@ function Be(e) {
 	return e === "start" ? "end" : "start";
 }
 function Ve({ className: c, clearable: ee = !1, closeOnSelect: me, contiguous: Ee = !0, defaultHighlighted: De, defaultOpen: Oe = !1, defaultPosition: ke = "start", defaultValue: je, disabled: Ve, endName: Ue, footer: We, granularity: Ge, highlighted: Ke, hourCycle: qe, invalid: Je, isTimeUnavailable: y, lengthLabel: Ye, locale: Xe, max: b, maxLength: x, maxOptions: Ze, messages: Qe, min: S, minLength: C, onHighlightedChange: $e, onKeyDown: et, onOpenChange: tt, onPositionChange: nt, onValueChange: rt, open: it, options: at, placement: ot, position: st, presets: ct, readOnly: lt, ref: ut, referenceTime: dt, relative: ft, render: pt, renderOption: mt, required: ht, size: gt, startName: _t, step: vt, style: yt, timeZone: bt, unavailableOptions: xt, value: w, variant: St, ...Ct }) {
-	let T = i(), E = Ae(), wt = n(), D = r(fe, Qe), O = f(null), k = f(null), Tt = f(null), Et = f(null), Dt = f(null), Ot = f({
+	let T = i(), E = Ae(), wt = e(), D = t(oe, Qe), O = f(null), k = f(null), Tt = f(null), Et = f(null), Dt = f(null), Ot = f({
 		start: null,
 		end: null
 	}), A = te(), [j, kt] = p(null), [At, jt] = p(null), [Mt, Nt] = p("unmounted"), [Pt, Ft] = p(!1), [It, Lt] = p(!1), [Rt, zt] = p(Oe), M = it ?? Rt, [Bt, Vt] = p(Le(je ?? null)), N = w === void 0 ? Bt : Le(w), [Ht, Ut] = p(ke), P = st ?? Ht, [Wt, Gt] = p(De ?? Fe), F = Ke ?? Wt, [I, L] = p(N ?? Pe), [Kt, qt] = p(null), [Jt, Yt] = p(!1), R = Xe ?? wt, Xt = bt ?? E.timeZone, Zt = Ge ?? E.granularity, z = qe ?? E.hourCycle, Qt = gt ?? T?.size ?? E.size, $t = St ?? E.variant, en = ot ?? E.placement, tn = me ?? E.closeOnSelect, nn = vt ?? E.step, rn = Ze ?? E.maxOptions, an = xt ?? E.unavailableOptions, on = Ye ?? E.lengthLabel, B = l((e) => on(e, R), [on, R]), sn = (e) => D(e), cn = Ve ?? T?.disabled, ln = lt ?? T?.readOnly, un = ht ?? T?.required, V = cn !== !0 && ln !== !0, H = d(() => pe({
@@ -259,8 +259,8 @@ function Ve({ className: c, clearable: ee = !1, closeOnSelect: me, contiguous: E
 		j
 	]);
 	let Dn = f({
-		start: le({ locale: () => R }),
-		end: le({ locale: () => R })
+		start: ue({ locale: () => R }),
+		end: ue({ locale: () => R })
 	});
 	u(() => {
 		let e = Dn.current;
@@ -293,7 +293,7 @@ function Ve({ className: c, clearable: ee = !1, closeOnSelect: me, contiguous: E
 			jt(null);
 			return;
 		}
-		let e = oe({
+		let e = se({
 			origin: k.current,
 			disabled: !1
 		});
@@ -304,7 +304,7 @@ function Ve({ className: c, clearable: ee = !1, closeOnSelect: me, contiguous: E
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []), re(() => {
 		if (j === null || O.current === null || It) return;
-		let e = O.current.querySelector("[data-part=\"control\"]") ?? O.current, [t, n = "center"] = en.split("-"), r = ce(e, j, {
+		let e = O.current.querySelector("[data-part=\"control\"]") ?? O.current, [t, n = "center"] = en.split("-"), r = le(e, j, {
 			align: n,
 			side: t
 		});
@@ -317,7 +317,7 @@ function Ve({ className: c, clearable: ee = !1, closeOnSelect: me, contiguous: E
 		It
 	]), u(() => {
 		if (j === null || !M) return;
-		let e = k.current === null ? [] : [k.current], t = se(j, {
+		let e = k.current === null ? [] : [k.current], t = ce(j, {
 			branches: e,
 			escape: !0,
 			focusOutside: !1,
@@ -457,7 +457,7 @@ function Ve({ className: c, clearable: ee = !1, closeOnSelect: me, contiguous: E
 			}
 		}
 		let a = Dn.current[e];
-		if (ue(t.key, a.query.length > 0)) {
+		if (de(t.key, a.query.length > 0)) {
 			let n = a.match(t.key, Cn[e], i);
 			if (n < 0) return;
 			t.preventDefault(), X(e, n, t), Z(n);
@@ -707,7 +707,7 @@ function Ve({ className: c, clearable: ee = !1, closeOnSelect: me, contiguous: E
 					"data-part-summary": "",
 					...Zn === null ? { "data-placeholder": "" } : {},
 					children: Zn ?? D("choose")
-				}), /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "clock" }) })]
+				}), /* @__PURE__ */ m(r, { children: /* @__PURE__ */ m(n, { name: "clock" }) })]
 			}),
 			ee && N !== null ? /* @__PURE__ */ m("button", {
 				"aria-label": D("clear"),
@@ -718,7 +718,7 @@ function Ve({ className: c, clearable: ee = !1, closeOnSelect: me, contiguous: E
 					L(Pe), K(null, "clear", e), q("start", "clear", e), k.current?.focus();
 				},
 				type: "button",
-				children: /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "x" }) })
+				children: /* @__PURE__ */ m(r, { children: /* @__PURE__ */ m(n, { name: "x" }) })
 			}) : null,
 			/* @__PURE__ */ m("input", {
 				"data-part": "hidden-input",
@@ -752,7 +752,7 @@ function Ve({ className: c, clearable: ee = !1, closeOnSelect: me, contiguous: E
 		"data-variant": $t,
 		ref: O
 	});
-	return /* @__PURE__ */ h(ie, { children: [pt === void 0 ? /* @__PURE__ */ m("div", { ...cr }) : pt(cr), At === null ? null : de(or, At)] });
+	return /* @__PURE__ */ h(ie, { children: [pt === void 0 ? /* @__PURE__ */ m("div", { ...cr }) : pt(cr), At === null ? null : fe(or, At)] });
 }
 function He(e, t) {
 	let n = t[e];

package/dist/time-range-picker.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./time-range-picker-kDnw4PQ3.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./time-range-picker-D7gM_Wno.js";
 export { n as TIME_RANGE_PICKER_MAX_OPTIONS, e as TIME_RANGE_PICKER_STEP, s as TimeRangePicker, i as TimeRangePickerDefaultsProvider, r as TimeRangePickerPreset, a as isSameTimeRange, o as timeRangePickerLengthLabel, t as useTimeRangePickerDefaults };