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

package/dist/tags-input.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./tags-input-DLdHLWrH.js";
+import { i as e, n as t, r as n, t as r } from "./tags-input-BgpS22sf.js";
 export { t as TAGS_INPUT_FALLBACK, r as TagsInput, n as TagsInputDefaultsProvider, e as useTagsInputDefaults };

package/dist/text-field-DL_uhNXV.js

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

package/dist/textarea-DNCjsQYd.js

@@ -0,0 +1,100 @@
+import { b as e, h as t } from "./field-CzSGs7wo.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";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/textarea/textarea-defaults.tsx
+var u = i({
+	mono: !1,
+	resize: "block",
+	size: "md",
+	variant: "outline"
+});
+function d() {
+	return a(u);
+}
+function f({ children: e, ...t }) {
+	let n = d();
+	return /* @__PURE__ */ l(u.Provider, {
+		value: {
+			mono: t.mono ?? n.mono,
+			resize: t.resize ?? n.resize,
+			size: t.size ?? n.size,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/textarea/textarea.tsx
+function p({ "aria-describedby": t, "aria-invalid": i, "aria-required": a, autoSize: u = !1, countMax: f, defaultValue: p, disabled: m, id: h, invalid: g, maxLength: _, maxRows: v = 12, mono: y, onChange: b, onValueChange: x, readOnly: S, ref: C, render: w, resize: T, rows: E = 3, showCount: D = !1, size: O, style: k, value: A, variant: j, ...M }) {
+	let N = e(), P = d(), F = s(null), [I, L] = c(p ?? ""), R = A ?? I, z = O ?? N?.size ?? P.size, B = j ?? P.variant, V = y ?? P.mono, H = T ?? P.resize, U = m ?? N?.disabled, W = S ?? N?.readOnly, G = g ?? N?.invalid, K = N?.registerControl;
+	o(() => K?.(), [K]), o(() => {
+		let e = F.current?.form;
+		if (e == null) return;
+		let t = () => L(p ?? "");
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [p]);
+	let q = N?.setCount, J = f ?? _ ?? void 0;
+	o(() => {
+		if (D && q !== void 0) return q({
+			length: R.length,
+			max: J
+		}), () => q(void 0);
+	}, [
+		R,
+		J,
+		q,
+		D
+	]);
+	let Y = (e, t) => {
+		r({
+			controlled: A,
+			initial: R,
+			onRequest: (e) => x?.(e.value, e)
+		}).request(e, "keyboard", t) && L(e);
+	}, X = {
+		"--slotted-textarea-rows": String(E),
+		"--slotted-textarea-max-rows": String(v)
+	}, Z = n({
+		...M,
+		"aria-describedby": [t, N?.describedBy].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": i ?? (G === !0 || void 0),
+		"aria-required": a ?? (N?.required === !0 || void 0),
+		...u ? { "data-auto-size": "" } : {},
+		...U === !0 ? { "data-disabled": "" } : {},
+		...G === !0 ? { "data-invalid": "" } : {},
+		...V ? { "data-mono": "" } : {},
+		...W === !0 ? { "data-readonly": "" } : {},
+		"data-part": "root",
+		"data-resize": u ? "none" : H,
+		"data-size": z,
+		"data-ui": "textarea",
+		"data-variant": B,
+		id: h ?? N?.ids.control,
+		style: {
+			...X,
+			...k
+		}
+	});
+	return w === void 0 ? /* @__PURE__ */ l("textarea", {
+		...Z,
+		disabled: U,
+		maxLength: _,
+		onChange: (e) => {
+			b?.(e), Y(e.currentTarget.value, e);
+		},
+		readOnly: W,
+		ref: (e) => {
+			F.current = e, typeof C == "function" ? C(e) : C != null && (C.current = e);
+		},
+		rows: E,
+		...A === void 0 ? { defaultValue: p } : { value: A }
+	}) : w(Z);
+}
+t(p, ({ 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 { f as n, d as r, p as t };

package/dist/textarea.js

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

package/dist/time-field-Cm6iBjwH.js

@@ -0,0 +1,366 @@
+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 { 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";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { timeFieldMessages as re } from "@slotted/core/i18n";
+import { EMPTY_SEGMENTS as g, boundSegment as _, clearSegment as ie, commitTyping as ae, createTimeFormat as oe, fieldRange as se, isRelativeKey as ce, isSameTime as le, isTimeInRange as ue, nowIn as de, parseDuration as fe, plainDate as pe, resolveRelative as me, segmentsOfTime as v, stepSegment as y, timeOf as b, toISOTime as he, typeDayPeriod as ge, typeDigit as _e } from "@slotted/core/date";
+//#region src/time-field/time-field-defaults.tsx
+var x = a({
+	granularity: "minute",
+	hourCycle: void 0,
+	relative: !0,
+	size: "md",
+	timeZone: void 0,
+	variant: "outline"
+});
+function S() {
+	return s(x);
+}
+function ve({ children: e, ...t }) {
+	let n = S();
+	return /* @__PURE__ */ m(x.Provider, {
+		value: {
+			granularity: t.granularity ?? n.granularity,
+			hourCycle: t.hourCycle ?? n.hourCycle,
+			relative: t.relative ?? n.relative,
+			size: t.size ?? n.size,
+			timeZone: t.timeZone ?? n.timeZone,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/time-field/time-field.tsx
+var ye = {
+	hour: 3,
+	minute: 15,
+	second: 15,
+	dayPeriod: 1
+}, be = pe(2e3, 1, 1), xe = {
+	hour: 12,
+	minute: 0,
+	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({
+		granularity: j,
+		hourCycle: Qe,
+		locale: Xe
+	}), [
+		j,
+		Qe,
+		Xe
+	]), [rt, it] = f(() => xe);
+	c(() => it(de(Ze)), [Ze]);
+	let I = ze ?? rt, L = u(() => {
+		let e = F.toDisplay(I.hour);
+		return {
+			...be,
+			dayPeriod: e.dayPeriod ?? 0,
+			hour: e.hour,
+			hourCycle: F.hourCycle,
+			minute: I.minute,
+			second: I.second
+		};
+	}, [I, F]), [at, ot] = f(() => v(E ?? ve ?? null, F)), [R, z] = f(void 0), [B, V] = f(null), H = d(at), U = () => H.current;
+	c(() => {
+		E !== void 0 && (le(b(H.current, F), E) || (H.current = v(E, F), ot(H.current)));
+	}, [F, E]);
+	let W = at, G = b(W, F), K = u(() => F.pattern.filter((e) => e.type !== "literal").map((e) => e.type), [F]), q = o((e, t, n, r = !1) => {
+		let i = b(H.current, F);
+		H.current = e, ot(e), e.typing === null && te({
+			controlled: E,
+			initial: i,
+			equals: le,
+			onRequest: (t) => {
+				Ie?.(t.value, {
+					...t,
+					crossesMidnight: r,
+					segments: e
+				});
+			}
+		}).request(b(e, F), t, n);
+	}, [
+		F,
+		Ie,
+		E
+	]), J = o((e) => {
+		z(e), A.current?.querySelector(`[data-part="segment"][data-field="${e}"]`)?.focus();
+	}, []), st = o(() => {
+		let e = U(), t = K.find((t) => e[t] === null) ?? K[0];
+		t !== void 0 && J(t);
+	}, [K, J]), Y = o((e, t) => {
+		let n = K.indexOf(e) + t, r = K[n];
+		r !== void 0 && J(r);
+	}, [K, J]);
+	ne(Re, () => ({
+		focus: () => {
+			let e = K[0];
+			e !== void 0 && J(e);
+		},
+		clear: () => q(g, "clear", void 0),
+		get activeField() {
+			return R;
+		}
+	}), [
+		R,
+		q,
+		K,
+		J
+	]);
+	let X = M !== !0 && N !== !0, Z = B !== null, Q = u(() => {
+		if (B === null) return null;
+		let e = fe(B);
+		return e === null ? null : me(I, e);
+	}, [I, B]);
+	c(() => {
+		if (!Z) return;
+		let e = Je.current;
+		e !== null && (e.focus(), e.setSelectionRange(e.value.length, e.value.length));
+	}, [Z]);
+	let ct = o(() => {
+		V(null);
+		let e = K[0];
+		e !== void 0 && J(e);
+	}, [K, J]), lt = o((e) => {
+		if (Q === null) {
+			V(null);
+			return;
+		}
+		q(v(Q.time, F), "keyboard", e, Q.days !== 0), V(null);
+	}, [
+		q,
+		F,
+		Q
+	]), $ = (e) => {
+		e.preventDefault(), e.stopPropagation();
+	}, ut = (e) => (t) => {
+		if (Pe?.(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), Y(e, 1);
+			return;
+		}
+		if (t.key === i) {
+			$(t), Y(e, -1);
+			return;
+		}
+		if (X && !t.altKey) {
+			if ($e && ce(t.key)) {
+				$(t), V(t.key);
+				return;
+			}
+			switch (t.key) {
+				case "ArrowUp":
+					$(t), q(y(U(), e, 1, L), "keyboard", t);
+					return;
+				case "ArrowDown":
+					$(t), q(y(U(), e, -1, L), "keyboard", t);
+					return;
+				case "PageUp":
+					$(t), q(y(U(), e, ye[e], L), "keyboard", t);
+					return;
+				case "PageDown":
+					$(t), q(y(U(), e, -ye[e], L), "keyboard", t);
+					return;
+				case "Home":
+					$(t), q(_(U(), e, "min", L), "keyboard", t);
+					return;
+				case "End":
+					$(t), q(_(U(), e, "max", L), "keyboard", t);
+					return;
+				case "Backspace":
+				case "Delete":
+					$(t), q(ie(U(), e), "clear", t);
+					return;
+			}
+			if (e === "dayPeriod" && /^\p{L}$/u.test(t.key)) {
+				let n = ge(U(), t.key, F);
+				if (n === null) return;
+				$(t), q(n.segments, "keyboard", t), n.advance && Y(e, 1);
+				return;
+			}
+			if (/^\d$/.test(t.key)) {
+				$(t);
+				let n = _e(U(), e, Number(t.key), F, L);
+				q(n.segments, "keyboard", t), n.advance && Y(e, 1);
+			}
+		}
+	}, dt = (e) => {
+		if (Pe?.(e), !e.defaultPrevented) {
+			if (e.key === "Enter") {
+				$(e), lt(e);
+				let t = K[0];
+				t !== void 0 && J(t);
+				return;
+			}
+			e.key === "Escape" && ($(e), ct());
+		}
+	}, ft = (e) => {
+		if (Fe?.(e), e.defaultPrevented || !X) return;
+		let t = e.clipboardData.getData("text/plain"), n = F.parse(t);
+		if (n !== null) {
+			e.preventDefault(), q(v(n, F), "keyboard", e);
+			return;
+		}
+		$e && fe(t) !== null && (e.preventDefault(), V(t.trim()));
+	}, pt = () => {
+		z(void 0);
+		let e = U();
+		e.typing !== null && q(ae(e, F, L), "blur", void 0);
+	}, mt = (e) => {
+		e.target?.closest("[data-part=\"segment\"], button, a, input, select, textarea") ?? (e.preventDefault(), Z || st());
+	}, ht = (e) => {
+		q(g, "clear", e);
+		let t = K[0];
+		t !== void 0 && J(t);
+	}, gt = `${Ye}-value`, _t = G === null ? void 0 : F.describe(G), vt = G !== null && Oe?.(G) === !0, yt = G !== null && !ue(G, Me, Ae), bt = nt === !0 || vt || yt, xt = K.every((e) => W[e] === null), St = x && !xt && X && !Z, Ct = /* @__PURE__ */ h(p, { children: [
+		T === void 0 ? null : /* @__PURE__ */ m("span", {
+			"data-part": "start",
+			"data-part-start": "",
+			children: T
+		}),
+		Z ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("input", {
+			"aria-describedby": [a, D?.describedBy].filter(Boolean).join(" ") || void 0,
+			"aria-label": k("duration"),
+			"data-part": "duration",
+			"data-part-duration": "",
+			onBlur: (e) => lt(e),
+			onChange: (e) => V(e.target.value),
+			onKeyDown: dt,
+			placeholder: "+40m",
+			ref: Je,
+			type: "text",
+			value: B
+		}), /* @__PURE__ */ h("span", {
+			"aria-live": "polite",
+			"data-part": "preview",
+			"data-part-preview": "",
+			role: "status",
+			...Q === null ? {} : { "data-resolved": "" },
+			...Q !== null && Q.days !== 0 ? { "data-crosses-midnight": "" } : {},
+			children: [/* @__PURE__ */ m(t, {
+				directional: !0,
+				children: /* @__PURE__ */ m(e, { 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,
+			"aria-disabled": M === !0 || void 0,
+			"aria-invalid": bt ? !0 : void 0,
+			"aria-label": s,
+			"aria-labelledby": s === void 0 ? [se ?? D?.ids.label, gt].filter(Boolean).join(" ") : void 0,
+			"aria-readonly": N === !0 || void 0,
+			"aria-required": P === !0 || void 0,
+			"data-part": "segments",
+			"data-part-segments": "",
+			id: Ee ?? D?.ids.control,
+			onPaste: ft,
+			role: "group",
+			children: F.pattern.map((e, t) => {
+				if (e.type === "literal") return /* @__PURE__ */ m("span", {
+					"aria-hidden": "true",
+					"data-part": "literal",
+					"data-part-literal": "",
+					children: e.value
+				}, `literal-${String(t)}`);
+				let n = e.type;
+				return /* @__PURE__ */ m(Ce, {
+					disabled: M === !0,
+					field: n,
+					format: F,
+					onBlur: pt,
+					onFocus: () => z(n),
+					onKeyDown: ut(n),
+					label: k(n),
+					readOnly: N === !0,
+					segments: W,
+					tabIndex: n === (R ?? K[0]) ? 0 : -1
+				}, n);
+			})
+		}),
+		/* @__PURE__ */ m("span", {
+			"data-part": "value-text",
+			"data-part-value-text": "",
+			hidden: !0,
+			id: gt,
+			children: _t
+		}),
+		St ? /* @__PURE__ */ m("button", {
+			"aria-label": k("clear"),
+			"data-part": "clear",
+			"data-part-clear": "",
+			onClick: ht,
+			type: "button",
+			children: /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "x" }) })
+		}) : null,
+		C === void 0 ? null : /* @__PURE__ */ m("span", {
+			"data-part": "end",
+			"data-part-end": "",
+			children: C
+		}),
+		/* @__PURE__ */ m("input", {
+			"data-part": "hidden-input",
+			"data-part-hidden-input": "",
+			name: Ne,
+			readOnly: !0,
+			type: "hidden",
+			value: G === null ? "" : he(G)
+		})
+	] }), wt = ee({
+		...Ke,
+		children: Ct,
+		className: pe,
+		style: Ue,
+		...M === !0 ? { "data-disabled": "" } : {},
+		...bt ? { "data-invalid": "" } : {},
+		...N === !0 ? { "data-readonly": "" } : {},
+		...P === !0 ? { "data-required": "" } : {},
+		...Z ? { "data-relative": "" } : {},
+		"data-cycle": F.usesDayPeriod ? "12" : "24",
+		"data-granularity": j,
+		"data-part": "root",
+		"data-size": et,
+		"data-ui": "time-field",
+		"data-variant": tt,
+		onMouseDown: mt,
+		ref: A
+	});
+	return w === void 0 ? /* @__PURE__ */ m("div", { ...wt }) : w(wt);
+}
+function C(e, t, n) {
+	let r = n[e];
+	if (r === null) return t.pattern.find((t) => t.type === e)?.value ?? "";
+	let i = n.typing;
+	return i !== null && i.field === e ? String(r).padStart(i.digits, "0") : t.formatValue(r, e);
+}
+function Ce({ disabled: e, field: t, format: n, onBlur: r, onFocus: i, onKeyDown: ee, label: te, readOnly: a, segments: o, tabIndex: s }) {
+	let c = o[t], l = se(t, { hourCycle: n.hourCycle }), ne = c === null ? void 0 : t === "dayPeriod" ? n.dayPeriodNames()[+(c === 1)] : String(c);
+	return /* @__PURE__ */ m("div", {
+		"aria-disabled": e ? !0 : void 0,
+		"aria-label": te,
+		"aria-readonly": a ? !0 : void 0,
+		"aria-valuemax": l.max,
+		"aria-valuemin": l.min,
+		"aria-valuenow": c ?? void 0,
+		"aria-valuetext": ne,
+		"data-field": t,
+		"data-part": "segment",
+		"data-part-segment": "",
+		...c === null ? { "data-placeholder": "" } : {},
+		onBlur: r,
+		onFocus: i,
+		onKeyDown: ee,
+		onMouseDown: (e) => {
+			e.preventDefault(), e.currentTarget.focus();
+		},
+		role: "spinbutton",
+		tabIndex: e ? -1 : s,
+		children: C(t, n, o)
+	});
+}
+//#endregion
+export { ve as n, S as r, Se as t };

package/dist/time-field.js

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