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

package/dist/text-field-BktZbmzD.js

@@ -1,195 +0,0 @@
-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/textarea-JAK2RJl0.js

@@ -1,99 +0,0 @@
-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/time-field-DCG_VtGO.js

@@ -1,355 +0,0 @@
-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 };