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

package/dist/tags-input-BgpS22sf.js

@@ -0,0 +1,729 @@
+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";
+/* empty css             */
+import { selectorKeyProps as a } from "@slotted/core/selector-key";
+import { createArrowNavigation as o, createRemovalFocus as s } from "@slotted/core/focus";
+import { createControllable as c } from "@slotted/core/state";
+import { createContext as l, createElement as u, useCallback as d, useContext as f, useEffect as p, useId as ee, useImperativeHandle as te, useLayoutEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { Fragment as ne, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { createCollapse as re } from "@slotted/core/overflow";
+import { createPositioner as ie } from "@slotted/core/positioner";
+import { tagsInputMessages as ae } from "@slotted/core/i18n";
+import { createWidthGate as oe } from "@slotted/core/measure";
+import { getLiveAnnouncer as se } from "@slotted/core/live-announcer";
+import { createFilter as ce, revealWithin as le } from "@slotted/core/collection";
+import { writeToClipboard as ue } from "@slotted/core/clipboard";
+import { admitValues as de, joinValues as fe, judgeValue as pe, splitValues as me } from "@slotted/core/tags";
+//#region src/tags-input/tags-input-chips.tsx
+var b = "[data-part='chips'] > [role='gridcell']:not([data-part='field'])";
+function he({ context: n, index: r, value: i }) {
+	let [a, o] = _(null), s = g(null), c = g(!1), l = ee(), u = n.labelFor(i), d = n.lockedValues.includes(i), f = n.disabled || n.readOnly || d, te = n.verdicts[r] ?? { valid: !0 }, m = te.valid ? null : te.message || n.t("invalid"), h = n.value.length;
+	p(() => {
+		n.duplicate === i && s.current?.focus({ preventScroll: !0 });
+	}, [n.duplicate, i]);
+	let ne = (e, t) => {
+		if (c.current) {
+			c.current = !1;
+			return;
+		}
+		o(null), s.current?.focus({ preventScroll: !0 }), e.trim() !== "" && e !== i && n.replace(r, e, t);
+	}, re = (e) => {
+		if (e.defaultPrevented) return;
+		let t = e.ctrlKey || e.metaKey;
+		if (t && (e.key === "c" || e.key === "C")) {
+			e.preventDefault(), n.copy(i);
+			return;
+		}
+		if (t && (e.key === "x" || e.key === "X")) {
+			if (f) return;
+			e.preventDefault(), n.copy(i), n.remove(r, e.nativeEvent);
+			return;
+		}
+		switch (e.key) {
+			case "Delete":
+			case "Backspace":
+				if (f) return;
+				e.preventDefault(), n.remove(r, e.nativeEvent);
+				return;
+			case "Enter":
+				if (f || !n.editable) return;
+				e.preventDefault(), c.current = !1, o(i);
+				return;
+			case "Escape":
+				e.preventDefault(), n.inputNode?.focus({ preventScroll: !0 });
+				return;
+		}
+		if (n.reorderable && e.altKey && !f) {
+			let t = s.current?.ownerDocument.defaultView?.getComputedStyle(s.current).direction === "rtl", i = t ? "ArrowLeft" : "ArrowRight", a = t ? "ArrowRight" : "ArrowLeft", o = e.key === i ? r + 1 : e.key === a ? r - 1 : e.key === "Home" ? 0 : e.key === "End" ? h - 1 : null;
+			if (o !== null) {
+				e.preventDefault(), n.move(r, o, e.nativeEvent);
+				return;
+			}
+		}
+		e.key.length === 1 && !t && !e.altKey && n.inputNode?.focus({ preventScroll: !0 });
+	}, ie = (e) => {
+		e.stopPropagation(), n.remove(r, e.nativeEvent);
+	};
+	return a === null ? /* @__PURE__ */ y("span", {
+		"aria-describedby": m === null ? void 0 : l,
+		"aria-invalid": m !== null || void 0,
+		"aria-label": n.reorderable ? n.t("reorder", {
+			label: u,
+			position: r + 1,
+			count: h
+		}) : void 0,
+		"data-part": "root",
+		"data-part-root": "",
+		"data-size": "sm",
+		"data-ui": "tag",
+		"data-ui-tag": "",
+		"data-value": i,
+		"data-variant": "soft",
+		onDoubleClick: () => {
+			!f && n.editable && (c.current = !1, o(i));
+		},
+		onKeyDown: re,
+		ref: s,
+		role: "gridcell",
+		tabIndex: -1,
+		title: m ?? void 0,
+		...m === null ? {} : {
+			"data-invalid": "",
+			"data-tone": "danger"
+		},
+		...n.duplicate === i ? { "data-current": "" } : {},
+		...d || n.disabled ? { "data-disabled": "" } : {},
+		children: [
+			/* @__PURE__ */ y("span", {
+				"data-part": "body",
+				"data-part-body": "",
+				children: [m === null ? null : /* @__PURE__ */ v("span", {
+					"data-part": "start",
+					"data-part-start": "",
+					children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "circle-alert" }) })
+				}), /* @__PURE__ */ v("span", {
+					"data-part": "label",
+					"data-part-label": "",
+					children: u
+				})]
+			}),
+			m === null ? null : /* @__PURE__ */ v("span", {
+				"data-part": "message",
+				"data-part-message": "",
+				id: l,
+				children: m
+			}),
+			f ? null : /* @__PURE__ */ v("button", {
+				"aria-label": n.t("remove", { label: u }),
+				"data-part": "remove",
+				"data-part-remove": "",
+				onClick: ie,
+				tabIndex: -1,
+				type: "button",
+				children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "x" }) })
+			})
+		]
+	}) : /* @__PURE__ */ v("span", {
+		"data-part": "root",
+		"data-part-root": "",
+		"data-size": "sm",
+		"data-ui": "tag",
+		"data-ui-tag": "",
+		"data-value": i,
+		"data-variant": "soft",
+		ref: s,
+		role: "gridcell",
+		tabIndex: -1,
+		children: /* @__PURE__ */ v("span", {
+			"data-part": "body",
+			"data-part-body": "",
+			children: /* @__PURE__ */ v("input", {
+				"aria-label": u,
+				autoFocus: !0,
+				onBlur: (e) => ne(e.currentTarget.value, e.nativeEvent),
+				onChange: (e) => o(e.currentTarget.value),
+				onKeyDown: (e) => {
+					e.key === "Enter" && (e.preventDefault(), ne(e.currentTarget.value, e.nativeEvent)), e.key === "Escape" && (e.preventDefault(), c.current = !0, o(null), s.current?.focus({ preventScroll: !0 }));
+				},
+				size: Math.max(i.length, 1),
+				type: "text",
+				value: a
+			})
+		})
+	});
+}
+function x(e) {
+	let t = /* @__PURE__ */ new Map();
+	return e.map((e) => {
+		let n = t.get(e) ?? 0;
+		return t.set(e, n + 1), n === 0 ? e : `${e}\u0000${n}`;
+	});
+}
+function ge({ children: e, context: t, describedBy: n, label: r }) {
+	let i = g(null), a = g(null), c = g(null), [l, u] = _(0), d = g(t);
+	d.current = t, p(() => {
+		let e = i.current;
+		if (e === null) return;
+		let t = o(e, {
+			itemSelector: `${b}, [data-part='field'] > [data-part='input']`,
+			loop: !1,
+			ownedKeys: (e) => e instanceof HTMLInputElement && e.value !== "" ? [
+				"ArrowLeft",
+				"ArrowRight",
+				"Home",
+				"End"
+			] : []
+		});
+		return () => t.destroy();
+	}, []), p(() => {
+		let e = i.current;
+		if (e === null) return;
+		let t = s(e, {
+			fallback: () => d.current.inputNode,
+			itemSelector: b
+		});
+		return () => t.destroy();
+	}, []);
+	let f = t.collapsing;
+	return p(() => {
+		let e = i.current;
+		if (e === null || !f) {
+			u(0);
+			return;
+		}
+		let t = re(e, {
+			collapsible: () => !0,
+			onChange: (e) => u(e.length),
+			trigger: () => a.current,
+			units: () => [...e.querySelectorAll(b)].filter((e) => !e.hasAttribute("data-count"))
+		});
+		return c.current = t, () => {
+			t.destroy(), c.current = null, u(0);
+		};
+	}, [f]), m(() => {
+		c.current?.refresh();
+	}, [t.value]), /* @__PURE__ */ y("div", {
+		"aria-describedby": n,
+		"aria-label": r,
+		"data-part": "chips",
+		"data-part-chips": "",
+		ref: i,
+		role: "row",
+		children: [
+			x(t.value).map((e, n) => /* @__PURE__ */ v(he, {
+				context: t,
+				index: n,
+				value: t.value[n]
+			}, e)),
+			f ? /* @__PURE__ */ v("span", {
+				"data-count": "",
+				"data-part": "root",
+				"data-part-root": "",
+				"data-size": "sm",
+				"data-ui": "tag",
+				"data-ui-tag": "",
+				"data-variant": "outline",
+				hidden: !0,
+				onClick: () => d.current.inputNode?.focus({ preventScroll: !0 }),
+				ref: a,
+				role: "gridcell",
+				tabIndex: -1,
+				children: /* @__PURE__ */ v("span", {
+					"data-part": "body",
+					"data-part-body": "",
+					children: /* @__PURE__ */ v("span", {
+						"data-part": "label",
+						"data-part-label": "",
+						children: `+${Math.max(l, 1)}`
+					})
+				})
+			}) : null,
+			e
+		]
+	});
+}
+//#endregion
+//#region src/tags-input/tags-input-defaults.tsx
+var S = {
+	addOnPaste: !0,
+	allowDuplicates: !1,
+	clearable: !0,
+	delimiters: [","],
+	disabled: !1,
+	editable: !1,
+	fullWidth: !0,
+	invalid: !1,
+	invalidValues: "keep",
+	max: null,
+	overflow: "wrap",
+	pendingOnBlur: "commit",
+	readOnly: !1,
+	reorderable: !1,
+	required: !1,
+	size: "md",
+	variant: "outline"
+}, _e = l(S);
+function ve() {
+	return f(_e);
+}
+function ye({ children: e, ...t }) {
+	let n = ve(), r = { ...n };
+	for (let e of Object.keys(n)) {
+		let n = t[e];
+		n !== void 0 && (r[e] = n);
+	}
+	return /* @__PURE__ */ v(_e.Provider, {
+		value: r,
+		children: e
+	});
+}
+var be = Object.keys(S);
+function C(e, t) {
+	return (n) => {
+		e?.(n), n.defaultPrevented || t(n);
+	};
+}
+function xe(e, ...t) {
+	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
+}
+function Se(e, t) {
+	return e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function Ce(e) {
+	let t = e?.ownerDocument.defaultView?.getComputedStyle(e).getPropertyValue("--slotted-duration-long").trim();
+	if (t === void 0 || t === "") return 320;
+	let n = Number.parseFloat(t);
+	return Number.isFinite(n) ? t.endsWith("ms") ? n : n * 1e3 : 320;
+}
+function we({ className: o, defaultInputValue: s = "", defaultValue: l = [], formatLabel: f, handleRef: re, inputValue: b, locale: he, lockedValues: x = [], messages: S, normalize: _e, onValueCopy: ye, onInputValueChange: we, onValueChange: Te, onValueRefuse: Ee, ref: De, render: Oe, split: w, style: ke, suggestions: T, type: Ae = "text", validate: je, value: Me, ...Ne }) {
+	let E = ve(), D = i(), O = r(ae, S), Pe = n(), Fe = he ?? Pe, k = {}, Ie = {};
+	for (let [e, t] of Object.entries(Ne)) be.includes(e) ? k[e] = t : Ie[e] = t;
+	let A = Ie, Le = ee(), Re = `${Le}input`, ze = `${Le}hint`, Be = `${Le}suggestions`, [Ve, He] = _(l), [Ue, We] = _(s), [j, Ge] = _(null), [Ke, qe] = _(!1), [Je, Ye] = _(!1), [M, Xe] = _(null), [Ze, N] = _(!1), [Qe, P] = _(-1), [F, $e] = _(null), I = g(null), L = { ...E };
+	for (let e of be) {
+		let t = k[e];
+		t !== void 0 && (L[e] = t);
+	}
+	L.disabled = k.disabled ?? D?.disabled ?? E.disabled, L.readOnly = k.readOnly ?? D?.readOnly ?? E.readOnly, L.required = k.required ?? D?.required ?? E.required, L.invalid = k.invalid ?? D?.invalid ?? E.invalid, L.size = k.size ?? D?.size ?? E.size;
+	let R = Me ?? Ve, z = b ?? Ue, B = L.disabled || L.readOnly, et = L.max !== null && R.length >= L.max, V = h(() => ce({ locale: Fe }), [Fe]), tt = _e ?? ((e) => e.trim()), H = h(() => {
+		if (T === void 0) return [];
+		let e = z.trim();
+		return T.filter((t) => V.contains(t, e) && !R.some((e) => V.equals(e, t)));
+	}, [
+		T,
+		z,
+		R,
+		V
+	]), U = T !== void 0 && Ze && !B && H.length > 0, W = U && Qe < H.length ? Qe : -1, nt = (e) => `${Be}-${e}`;
+	m(() => {
+		if (!U || F === null || I.current === null) return;
+		let e = ie(I.current, F, {
+			side: "bottom",
+			align: "start",
+			sideOffset: 4,
+			matchWidth: !0,
+			strategy: "fixed"
+		});
+		return e.update(), () => e.destroy();
+	}, [U, F]), p(() => {
+		if (W < 0 || F === null) return;
+		let e = F.querySelector(`[id="${nt(W)}"]`);
+		e !== null && le(e, F);
+	});
+	let G = d((e) => pe(e, je, j), [je, j]), rt = h(() => R.map((e) => G(e)), [
+		R,
+		G,
+		Ae,
+		A.pattern,
+		A.minLength,
+		A.maxLength
+	]), K = rt.find((e) => !e.valid), it = L.invalid || K !== void 0 || et && L.max !== null && R.length > L.max, at = D?.registerControl;
+	p(() => at?.(), [at]), p(() => {
+		if (j === null) return;
+		let e = K === void 0 ? L.max !== null && R.length > L.max ? O("counter", {
+			count: R.length,
+			max: L.max
+		}) : "" : K.message || O("invalid");
+		j.setCustomValidity(e);
+	}, [
+		j,
+		K,
+		R.length,
+		L.max,
+		O
+	]), p(() => {
+		let e = I.current;
+		if (e === null) return;
+		let t = oe(e, {
+			at: 120,
+			onChange: qe
+		});
+		return () => t.destroy();
+	}, []), p(() => {
+		if (M === null) return;
+		let e = setTimeout(() => Xe(null), Ce(I.current));
+		return () => clearTimeout(e);
+	}, [M]);
+	let q = d((e) => {
+		e !== "" && se(j?.ownerDocument).announce(e, { repeat: !0 });
+	}, [j]), J = d((e) => f === void 0 ? e : f(e), [f]), Y = g({
+		currentInput: z,
+		currentValue: R,
+		inputValue: b,
+		onInputValueChange: we,
+		onValueChange: Te,
+		onValueRefuse: Ee,
+		value: Me
+	});
+	Y.current = {
+		currentInput: z,
+		currentValue: R,
+		inputValue: b,
+		onInputValueChange: we,
+		onValueChange: Te,
+		onValueRefuse: Ee,
+		value: Me
+	};
+	let X = d((e, t, n) => {
+		let r = Y.current;
+		e !== r.currentInput && c({
+			controlled: r.inputValue,
+			initial: r.currentInput,
+			onRequest: (e) => r.onInputValueChange?.(e.value, e)
+		}).request(e, t, n) && We(e);
+	}, []), Z = d((e, t, n) => {
+		let r = Y.current;
+		return Se(e, r.currentValue) || !c({
+			controlled: r.value,
+			initial: r.currentValue,
+			onRequest: (e) => r.onValueChange?.(e.value, e)
+		}).request(e, t, n) ? !1 : (He(e), !0);
+	}, []), Q = d((e, t, n) => {
+		let r = Y.current, i = de({
+			values: r.currentValue,
+			candidates: e,
+			max: L.max,
+			allowDuplicates: L.allowDuplicates,
+			invalidValues: L.invalidValues,
+			normalize: tt,
+			judge: G,
+			equals: V.equals,
+			...n === void 0 ? {} : { replacing: n }
+		});
+		if (i.added.length > 0 && Z(i.next, "submit", t)) {
+			let e = i.added[i.added.length - 1], t = G(e), n = J(e), r = i.next.length;
+			q(t.valid ? O("added", {
+				label: n,
+				count: r
+			}) : O("addedInvalid", {
+				label: n,
+				count: r,
+				reason: t.message || O("invalid")
+			}));
+		}
+		for (let e of [
+			"duplicate",
+			"limit",
+			"invalid"
+		]) i.refused[e].length !== 0 && r.onValueRefuse?.(i.refused[e], {
+			cause: e,
+			source: t
+		});
+		if (i.existing.length > 0) {
+			let e = i.existing[0];
+			Xe(e), q(O("duplicate", { label: J(e) }));
+		}
+		return i.refused.limit.length > 0 && L.max !== null && q(O("counter", {
+			count: L.max,
+			max: L.max
+		})), i.refused.invalid.length > 0 && q(G(i.refused.invalid[0]).valid ? "" : O("invalid")), i;
+	}, [
+		q,
+		V,
+		Z,
+		G,
+		J,
+		tt,
+		L,
+		O
+	]), ot = d((e, t) => {
+		let n = Y.current, r = n.currentValue[e];
+		if (r === void 0 || x.includes(r)) return;
+		let i = n.currentValue.filter((t, n) => n !== e);
+		Z(i, "remove", t) && q(O("removed", {
+			label: J(r),
+			count: i.length
+		}));
+	}, [
+		q,
+		Z,
+		J,
+		x,
+		O
+	]), st = d((e) => {
+		let t = Y.current.currentValue.filter((e) => x.includes(e));
+		Z(t, "clear", e), X("", "clear", e);
+	}, [
+		Z,
+		x,
+		X
+	]), ct = d((e, t, n) => {
+		let r = Y.current.currentValue;
+		if (e < 0 || e >= r.length) return;
+		let i = Math.min(Math.max(t, 0), r.length - 1);
+		if (i === e) return;
+		let a = [...r], [o] = a.splice(e, 1);
+		a.splice(i, 0, o), Z(a, "keyboard", n) && q(O("reorder", {
+			label: J(o),
+			position: i + 1,
+			count: a.length
+		}));
+	}, [
+		q,
+		Z,
+		J,
+		O
+	]), lt = d(async (e) => {
+		if (e.length === 0) return;
+		let t = await ue(fe(e, L.delimiters), I.current?.ownerDocument);
+		ye?.(e, t), t !== "refused" && q(O("copied", { count: e.length }));
+	}, [
+		q,
+		ye,
+		L.delimiters,
+		O
+	]), ut = d((e) => {
+		N(!1), P(-1);
+		let t = Y.current.currentInput;
+		return t.trim() !== "" && (Q(w === void 0 ? me(t, L.delimiters) : w(t), e), X("", "submit", e), !0);
+	}, [
+		Q,
+		L.delimiters,
+		X,
+		w
+	]), dt = d((e, t) => {
+		Q([e], t), X("", "submit", t), N(!1), P(-1);
+	}, [Q, X]);
+	te(re, () => ({
+		clear: () => st(),
+		focus: () => j?.focus({ preventScroll: !0 }),
+		setValue: (e, t = "programmatic") => Z([...e], t)
+	}), [
+		st,
+		Z,
+		j
+	]);
+	let ft = () => [...I.current?.querySelectorAll("[data-part='chips'] > [role='gridcell']:not([data-part='field'])") ?? []], pt = (e) => {
+		if (L.disabled) return;
+		let t = e.ctrlKey || e.metaKey;
+		if (!B && L.delimiters.includes(e.key) && !e.altKey && !t) {
+			e.preventDefault(), ut(e.nativeEvent);
+			return;
+		}
+		switch (e.key) {
+			case "ArrowDown":
+			case "ArrowUp": {
+				if (T === void 0 || B) return;
+				e.preventDefault();
+				let t = e.key === "ArrowDown";
+				if (!U) {
+					N(!0), P(t ? 0 : H.length - 1);
+					return;
+				}
+				P(W < 0 ? t ? 0 : H.length - 1 : (W + (t ? 1 : H.length - 1)) % H.length);
+				return;
+			}
+			case "Tab":
+				N(!1);
+				return;
+			case "Enter":
+				if (B) return;
+				if (W >= 0) {
+					e.preventDefault(), dt(H[W], e.nativeEvent);
+					return;
+				}
+				ut(e.nativeEvent) && e.preventDefault();
+				return;
+			case "Escape":
+				if (U) {
+					e.preventDefault(), N(!1), P(-1);
+					return;
+				}
+				if (z === "") return;
+				e.preventDefault(), X("", "clear", e.nativeEvent);
+				return;
+			case "Backspace": {
+				if (z !== "" || B || e.currentTarget.selectionStart !== 0) return;
+				let t = ft().reverse().find((e) => !e.hasAttribute("data-disabled") && !e.hasAttribute("data-count"));
+				if (t === void 0) return;
+				e.preventDefault(), t.focus({ preventScroll: !0 });
+				return;
+			}
+			case "c":
+			case "C":
+				if (!t || z !== "" || R.length === 0) return;
+				e.preventDefault(), lt(R);
+				return;
+		}
+	}, mt = (e) => {
+		N(e.currentTarget.value.trim() !== ""), P(-1), X(e.currentTarget.value, "keyboard", e.nativeEvent);
+	}, ht = (e) => {
+		if (!L.addOnPaste || B) return;
+		let t = e.clipboardData.getData("text"), n = w === void 0 ? me(t, L.delimiters) : w(t);
+		n.length < 2 || (e.preventDefault(), Q(n, e.nativeEvent), X("", "submit", e.nativeEvent));
+	}, gt = (e) => {
+		N(!1), P(-1);
+		let t = e.relatedTarget;
+		t instanceof Node && I.current?.contains(t) === !0 || B || (L.pendingOnBlur === "commit" ? ut(e.nativeEvent) : L.pendingOnBlur === "discard" && X("", "blur", e.nativeEvent));
+	}, _t = () => Ye(!0), vt = (e) => {
+		let t = e.relatedTarget;
+		t instanceof Node && I.current?.contains(t) === !0 || Ye(!1);
+	}, yt = (e) => {
+		st(e.nativeEvent), j?.focus({ preventScroll: !0 });
+	}, bt = d((e) => {
+		Ge(e), xe(e, De);
+	}, [De]), xt = [A["aria-describedby"], D?.describedBy].filter(Boolean).join(" "), St = O("count", { count: R.length }), $ = A["aria-label"], Ct = L.clearable && (R.some((e) => !x.includes(e)) || z !== "") && !B, wt = L.max === null ? Ke && R.length > 0 ? St : null : O("counter", {
+		count: R.length,
+		max: L.max
+	}), Tt = L.editable ? O("editHint") : O("hint"), Et = {
+		announce: q,
+		collapsing: L.overflow === "collapse" && !Je,
+		copy: (e) => void lt([e]),
+		disabled: L.disabled,
+		duplicate: M,
+		editable: L.editable && !B,
+		inputNode: j,
+		labelFor: J,
+		lockedValues: x,
+		move: ct,
+		readOnly: L.readOnly,
+		remove: ot,
+		reorderable: L.reorderable && !B,
+		replace: (e, t, n) => Q([t], n, e),
+		t: O,
+		value: R,
+		verdicts: rt
+	}, Dt = {
+		ref: I,
+		className: o,
+		style: ke,
+		onBlur: vt,
+		onFocus: _t,
+		"data-overflow": L.overflow,
+		"data-part": "root",
+		...a("part", "root"),
+		"data-size": L.size,
+		"data-ui": "tags-input",
+		...a("ui", "tags-input"),
+		"data-variant": L.variant,
+		...L.fullWidth ? { "data-full-width": "" } : {},
+		...L.disabled ? { "data-disabled": "" } : {},
+		...L.readOnly ? { "data-readonly": "" } : {},
+		...it ? { "data-invalid": "" } : {},
+		...L.required ? { "data-required": "" } : {},
+		...et ? { "data-complete": "" } : {},
+		...Ke ? { "data-narrow": "" } : {},
+		...L.overflow === "collapse" && Je ? { "data-expanded": "" } : {}
+	}, Ot = /* @__PURE__ */ y(ne, { children: [
+		/* @__PURE__ */ v("div", {
+			"aria-label": $ === void 0 ? void 0 : O("countNamed", {
+				label: $,
+				count: R.length
+			}),
+			"aria-labelledby": $ === void 0 && D !== void 0 ? D.ids.label : void 0,
+			"data-part": "control",
+			"data-part-control": "",
+			role: "grid",
+			children: /* @__PURE__ */ v(ge, {
+				context: Et,
+				describedBy: ze,
+				label: St,
+				children: /* @__PURE__ */ v("span", {
+					"data-part": "field",
+					"data-part-field": "",
+					role: "gridcell",
+					children: /* @__PURE__ */ v("input", {
+						...A,
+						"aria-describedby": xt === "" ? void 0 : xt,
+						"aria-invalid": it ? !0 : void 0,
+						...T === void 0 ? {} : {
+							role: "combobox",
+							"aria-autocomplete": "list",
+							"aria-expanded": U,
+							"aria-controls": U ? Be : void 0,
+							"aria-activedescendant": W < 0 ? void 0 : nt(W)
+						},
+						"data-part": "input",
+						"data-part-input": "",
+						disabled: L.disabled,
+						id: A.id ?? D?.ids.control ?? Re,
+						onBlur: C(A.onBlur, gt),
+						onChange: C(A.onChange, mt),
+						onKeyDown: C(A.onKeyDown, pt),
+						onPaste: C(A.onPaste, ht),
+						readOnly: L.readOnly,
+						ref: bt,
+						required: L.required && R.length === 0,
+						type: Ae,
+						value: z
+					})
+				})
+			})
+		}),
+		wt === null ? null : /* @__PURE__ */ v("span", {
+			"aria-hidden": "true",
+			"data-part": "counter",
+			"data-part-counter": "",
+			children: wt
+		}),
+		Ct ? /* @__PURE__ */ v("button", {
+			"aria-label": O("clear"),
+			"data-part": "clear",
+			"data-part-clear": "",
+			onClick: yt,
+			type: "button",
+			children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "x" }) })
+		}) : null,
+		/* @__PURE__ */ v("span", {
+			"data-part": "hint",
+			"data-part-hint": "",
+			id: ze,
+			children: Tt
+		}),
+		U ? /* @__PURE__ */ v("div", {
+			"aria-label": O("suggestions"),
+			"data-part": "suggestions",
+			"data-part-suggestions": "",
+			id: Be,
+			ref: $e,
+			role: "listbox",
+			children: H.map((e, t) => /* @__PURE__ */ u("div", {
+				"aria-selected": t === W,
+				"data-part": "suggestion",
+				"data-part-suggestion": "",
+				...t === W ? { "data-highlighted": "" } : {},
+				id: nt(t),
+				key: `${t}-${e}`,
+				onPointerDown: (e) => e.preventDefault(),
+				onPointerMove: () => P(t),
+				onClick: (t) => dt(e, t.nativeEvent),
+				role: "option"
+			}, J(e)))
+		}) : null,
+		A.name === void 0 ? null : R.map((e, t) => /* @__PURE__ */ v("input", {
+			form: A.form,
+			name: A.name,
+			type: "hidden",
+			value: e
+		}, `${t}-${e}`))
+	] });
+	return Oe === void 0 ? /* @__PURE__ */ v("div", {
+		...Dt,
+		children: Ot
+	}) : Oe({
+		...Dt,
+		children: Ot
+	});
+}
+//#endregion
+export { ve as i, S as n, ye as r, we as t };