@slotted/react 0.0.0-stage → 0.1.0-beta.0

package/dist/text-field-BktZbmzD.js

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

package/dist/text-field.js

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

package/dist/textarea-JAK2RJl0.js

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

package/dist/textarea.js

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

package/dist/theme.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import { seedStyle as t } from "@slotted/theme/seeds";
+//#region src/theme/theme-scope.tsx
+function n({ theme: n, scheme: r, density: i, seeds: a, render: o, style: s, ...c }) {
+	let l = t(a ?? {}), u = Object.keys(l).length > 0, d = {
+		...c,
+		"data-slotted-theme": n,
+		"data-slotted-scheme": r,
+		"data-slotted-density": i,
+		"data-slotted-seeds": u ? "" : void 0,
+		style: u ? {
+			...l,
+			...s
+		} : s
+	};
+	return o ? o(d) : /* @__PURE__ */ e("div", { ...d });
+}
+//#endregion
+export { n as ThemeScope };

package/dist/time-field-DCG_VtGO.js

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

package/dist/time-field.js

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