@slotted/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/combobox-C1D5doWM.js

@@ -1,885 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-BxQFpOXS.js";
-import { t as a } from "./highlight-0Qw23QPp.js";
-import { createControllable as o } from "@slotted/core/state";
-import { createContext as s, useCallback as c, useContext as l, useEffect as u, useId as d, useImperativeHandle as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { createPresence as ee } from "@slotted/core/presence";
-import { createPortalRoot as b, setPortalContainer as x } from "@slotted/core/portal";
-import { createDismissableLayer as te, pressOrigin as S } from "@slotted/core/dismissable-layer";
-import { createPositioner as ne } from "@slotted/core/positioner";
-import { createPortal as re } from "react-dom";
-import { comboboxMessages as C } from "@slotted/core/i18n";
-import { createFilter as ie, moveIndex as w, revealWithin as ae } from "@slotted/core/collection";
-import { matchRanges as T } from "@slotted/core/highlight";
-//#region src/combobox/combobox-defaults.tsx
-var E = {
-	align: "start",
-	alignOffset: 0,
-	allowsCustomValue: !1,
-	autocomplete: "list",
-	autoHighlight: !1,
-	clearable: !0,
-	closeOnEscape: !0,
-	closeOnOutsidePress: !0,
-	closeOnSelect: !0,
-	collisionPadding: 8,
-	disabled: !1,
-	flip: !0,
-	fullWidth: !0,
-	hideWhenDetached: !0,
-	highlightMatch: !0,
-	invalid: !1,
-	loading: !1,
-	loop: !1,
-	mount: "active",
-	openOn: "input",
-	portal: !0,
-	readOnly: !1,
-	required: !1,
-	shift: !0,
-	side: "bottom",
-	sideOffset: 4,
-	size: "md",
-	strategy: "absolute",
-	variant: "outline",
-	width: "content"
-}, D = s(E);
-function O() {
-	return l(D);
-}
-function oe({ children: e, container: t, ...n }) {
-	let r = O();
-	u(() => {
-		if (t !== void 0) return x(t), () => x(null);
-	}, [t]);
-	let i = {
-		align: n.align ?? r.align,
-		alignOffset: n.alignOffset ?? r.alignOffset,
-		allowsCustomValue: n.allowsCustomValue ?? r.allowsCustomValue,
-		autocomplete: n.autocomplete ?? r.autocomplete,
-		autoHighlight: n.autoHighlight ?? r.autoHighlight,
-		clearable: n.clearable ?? r.clearable,
-		closeOnEscape: n.closeOnEscape ?? r.closeOnEscape,
-		closeOnOutsidePress: n.closeOnOutsidePress ?? r.closeOnOutsidePress,
-		closeOnSelect: n.closeOnSelect ?? r.closeOnSelect,
-		collisionPadding: n.collisionPadding ?? r.collisionPadding,
-		disabled: n.disabled ?? r.disabled,
-		flip: n.flip ?? r.flip,
-		fullWidth: n.fullWidth ?? r.fullWidth,
-		hideWhenDetached: n.hideWhenDetached ?? r.hideWhenDetached,
-		highlightMatch: n.highlightMatch ?? r.highlightMatch,
-		invalid: n.invalid ?? r.invalid,
-		loading: n.loading ?? r.loading,
-		loop: n.loop ?? r.loop,
-		mount: n.mount ?? r.mount,
-		openOn: n.openOn ?? r.openOn,
-		portal: n.portal ?? r.portal,
-		readOnly: n.readOnly ?? r.readOnly,
-		required: n.required ?? r.required,
-		shift: n.shift ?? r.shift,
-		side: n.side ?? r.side,
-		sideOffset: n.sideOffset ?? r.sideOffset,
-		size: n.size ?? r.size,
-		strategy: n.strategy ?? r.strategy,
-		variant: n.variant ?? r.variant,
-		width: n.width ?? r.width
-	};
-	return /* @__PURE__ */ v(D.Provider, {
-		value: i,
-		children: e
-	});
-}
-//#endregion
-//#region src/combobox/combobox.tsx
-var k = s(void 0);
-function A() {
-	let e = l(k);
-	if (e === void 0) throw Error("ComboboxInput, ComboboxContent and every option have to be inside a Combobox.");
-	return e;
-}
-var j = (e) => "options" in e;
-function se(e) {
-	return e === void 0 ? [] : e.flatMap((e) => j(e) ? e.options : [e]);
-}
-function M({ align: e, alignOffset: t, allowsCustomValue: a, autocomplete: s, autoHighlight: l, children: u, clearable: p, closeOnEscape: _, closeOnOutsidePress: y, closeOnSelect: ee, collisionPadding: b, onCreate: x, defaultHighlightedValue: te = null, defaultInputValue: S = "", defaultOpen: ne = !1, defaultValue: re = null, disabled: w, filter: T, flip: E, form: D, fullWidth: oe, hideWhenDetached: A, highlightedValue: j, highlightMatch: M, inputValue: N, invalid: P, items: F, loading: I, locale: L, loop: R, messages: ce, mount: le, name: ue, onHighlightedValueChange: de, onInputValueChange: z, onInputReset: fe, onLoadMore: B, onOpenChange: V, onValueChange: H, open: pe, openOn: me, portal: he, readOnly: ge, ref: _e, required: ve, shift: ye, side: be, sideOffset: xe, size: Se, strategy: Ce, total: we, value: Te, variant: Ee, width: De }) {
-	let U = O(), W = i(), Oe = r(C, ce), ke = n(), Ae = L ?? ke, je = d(), Me = `${je}listbox`, Ne = `${je}input`, [Pe, Fe] = g(ne), [Ie, Le] = g(re), [Re, ze] = g(S), [Be, Ve] = g(te), [He, Ue] = g(null), [G, We] = g(null), Ge = w ?? W?.disabled ?? U.disabled, Ke = ge ?? W?.readOnly ?? U.readOnly, K = (pe ?? Pe) && !Ge, q = Te === void 0 ? Ie : Te, J = N ?? Re, qe = j === void 0 ? Be : j, Je = h(K);
-	K && (Je.current = !0);
-	let Ye = h("none"), [Xe, Ze] = g(null), Qe = h(!1), $e = h(/* @__PURE__ */ new Map()), [et, tt] = g(0), nt = m(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of se(F)) e.set(t.value, t.label);
-		return e;
-	}, [F]), rt = c((e, t) => {
-		$e.current.get(e) !== t && ($e.current.set(e, t), tt((e) => e + 1));
-	}, []), it = c((e) => nt.get(e) ?? $e.current.get(e), [nt, et]), at = c((e) => `${je}option-${encodeURIComponent(e)}`, [je]), Y = J === (q === null ? void 0 : it(q)) ? "" : J, X = m(() => ie({ locale: Ae }), [Ae]), ot = c((e) => Y === "" || T === null ? !0 : T === void 0 ? X.contains(e, Y) : T(e, Y), [
-		X,
-		T,
-		Y
-	]), Z = h({
-		currentHighlighted: qe,
-		currentInput: J,
-		currentOpen: K,
-		currentValue: q,
-		highlightedValue: j,
-		inputNode: He,
-		inputValue: N,
-		onHighlightedValueChange: de,
-		onInputValueChange: z,
-		onCreate: x,
-		onOpenChange: V,
-		onValueChange: H,
-		open: pe,
-		value: Te
-	});
-	Z.current = {
-		currentHighlighted: qe,
-		currentInput: J,
-		currentOpen: K,
-		currentValue: q,
-		highlightedValue: j,
-		inputNode: He,
-		inputValue: N,
-		onHighlightedValueChange: de,
-		onInputValueChange: z,
-		onCreate: x,
-		onOpenChange: V,
-		onValueChange: H,
-		open: pe,
-		value: Te
-	};
-	let st = c((e, t, n) => {
-		let r = Z.current;
-		e !== r.currentOpen && o({
-			controlled: r.open,
-			initial: r.currentOpen,
-			onRequest: (e) => r.onOpenChange?.(e.value, e)
-		}).request(e, t, n) && (Fe(e), e || (Ve(null), Ye.current = "none"));
-	}, []), ct = c((e, t, n) => {
-		let r = Z.current;
-		e !== r.currentHighlighted && o({
-			controlled: r.highlightedValue,
-			initial: r.currentHighlighted,
-			onRequest: (e) => r.onHighlightedValueChange?.(e.value, e)
-		}).request(e, t, n) && Ve(e);
-	}, []), lt = c((e) => {
-		if (e !== "") {
-			for (let [t, n] of nt) if (X.equals(n, e)) return t;
-			for (let [t, n] of $e.current) if (X.equals(n, e)) return t;
-		}
-	}, [
-		nt,
-		X,
-		et
-	]), Q = c((e, t, n) => {
-		let r = Z.current;
-		Ze(null), e !== r.currentInput && o({
-			controlled: r.inputValue,
-			initial: r.currentInput,
-			onRequest: (e) => r.onInputValueChange?.(e.value, e)
-		}).request(e, t, n) && ze(e);
-	}, []), $ = c((e, t, n) => {
-		let r = Z.current;
-		e !== r.currentValue && o({
-			controlled: r.value,
-			initial: r.currentValue,
-			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(e, t, n) && Le(e);
-	}, []), ut = h({
-		allowsCustomValue: !1,
-		currentInput: J,
-		currentValue: q,
-		labelFor: it,
-		onInputReset: fe,
-		select: $,
-		setInputValue: Q,
-		valueForLabel: lt
-	});
-	ut.current = {
-		allowsCustomValue: a ?? U.allowsCustomValue,
-		currentInput: J,
-		currentValue: q,
-		labelFor: it,
-		onInputReset: fe,
-		select: $,
-		setInputValue: Q,
-		valueForLabel: lt
-	};
-	let dt = c((e) => {
-		let t = ut.current, n = t.currentInput, r = t.valueForLabel(n);
-		if (r !== void 0) {
-			r !== t.currentValue && t.select(r, "blur", e), t.setInputValue(t.labelFor(r) ?? n, "blur", e);
-			return;
-		}
-		if (n === "") {
-			t.currentValue !== null && t.select(null, "blur", e);
-			return;
-		}
-		if (t.allowsCustomValue) {
-			n !== t.currentValue && t.select(n, "blur", e);
-			return;
-		}
-		let i = t.currentValue === null ? "" : t.labelFor(t.currentValue) ?? "";
-		t.setInputValue(i, "blur", e), t.onInputReset?.(n, {
-			reason: "blur",
-			source: e
-		});
-	}, []), ft = c((e, t, n) => {
-		Z.current.onCreate?.(e, {
-			reason: t,
-			source: n
-		});
-	}, []), pt = c((e, t) => {
-		$(null, e, t), Q("", e === "clear" ? "clear" : "programmatic", t);
-	}, [$, Q]);
-	f(_e, () => ({
-		close: () => st(!1, "programmatic"),
-		focus: () => Z.current.inputNode?.focus({ preventScroll: !0 }),
-		open: () => st(!0, "programmatic"),
-		scrollToKey: (e) => {
-			let t = G?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
-			t != null && G !== null && ae(t, G);
-		}
-	}), [G, st]);
-	let mt = {
-		align: e ?? U.align,
-		alignOffset: t ?? U.alignOffset,
-		allowsCustomValue: a ?? U.allowsCustomValue,
-		autocomplete: s ?? U.autocomplete,
-		autoHighlight: l ?? U.autoHighlight,
-		clear: pt,
-		clearable: p ?? U.clearable,
-		closeOnEscape: _ ?? U.closeOnEscape,
-		closeOnOutsidePress: y ?? U.closeOnOutsidePress,
-		closeOnSelect: ee ?? U.closeOnSelect,
-		collisionPadding: b ?? U.collisionPadding,
-		completion: Xe,
-		contentId: Me,
-		contentNode: G,
-		canCreate: x !== void 0,
-		create: ft,
-		disabled: Ge,
-		entry: Ye,
-		flip: E ?? U.flip,
-		form: D,
-		fullWidth: oe ?? U.fullWidth,
-		hideWhenDetached: A ?? U.hideWhenDetached,
-		highlighted: qe,
-		highlightMatch: M ?? U.highlightMatch,
-		inputId: Ne,
-		inputNode: He,
-		inputValue: J,
-		invalid: P ?? W?.invalid ?? U.invalid,
-		labelFor: it,
-		loading: I ?? U.loading,
-		locale: Ae,
-		loop: R ?? U.loop,
-		matches: ot,
-		mount: le ?? U.mount,
-		name: ue,
-		onLoadMore: B,
-		open: K,
-		openOn: me ?? U.openOn,
-		optionId: at,
-		portal: he ?? U.portal,
-		query: Y,
-		readOnly: Ke,
-		registerLabel: rt,
-		required: ve ?? W?.required ?? U.required,
-		seen: Je.current,
-		select: $,
-		setCompletion: Ze,
-		setContentNode: We,
-		setHighlighted: ct,
-		setInputNode: Ue,
-		setInputValue: Q,
-		setOpen: st,
-		settleInput: dt,
-		shift: ye ?? U.shift,
-		side: be ?? U.side,
-		sideOffset: xe ?? U.sideOffset,
-		size: Se ?? W?.size ?? U.size,
-		strategy: Ce ?? U.strategy,
-		t: Oe,
-		total: we,
-		value: q,
-		variant: Ee ?? U.variant,
-		wantsCompletion: Qe,
-		width: De ?? U.width
-	};
-	return /* @__PURE__ */ v(k.Provider, {
-		value: mt,
-		children: u
-	});
-}
-//#endregion
-//#region src/combobox/combobox-collection.ts
-var N = "[data-part='item']";
-function P(e) {
-	return e === null ? [] : [...e.querySelectorAll(N)];
-}
-var F = (e) => e.dataset.value ?? "", I = (e) => e.dataset.disabled === void 0, L = (e) => e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? e.textContent?.trim() ?? "";
-function R(e, t, n, r) {
-	let i = P(e);
-	if (i.length === 0) return null;
-	let a = w({
-		enabled: i.map(I),
-		from: t === null ? -1 : i.findIndex((e) => F(e) === t),
-		intent: n,
-		loop: r
-	});
-	return a === -1 ? null : F(i[a]);
-}
-function ce(e, t, n, r) {
-	if (n === "none") return null;
-	if (n === "selected") {
-		if (t === null) return null;
-		let n = P(e).find((e) => F(e) === t && I(e));
-		return n === void 0 ? null : F(n);
-	}
-	return R(e, null, n, r);
-}
-function le(e) {
-	let t = P(e).find(I);
-	return t === void 0 ? null : L(t);
-}
-function ue(e, t) {
-	let n = P(e).find((e) => L(e) === t);
-	return n === void 0 ? null : F(n);
-}
-function de(e, t) {
-	if (e === null || t === null) return;
-	let n = P(e).find((e) => F(e) === t);
-	n !== void 0 && ae(n, e);
-}
-//#endregion
-//#region src/combobox/combobox-parts.tsx
-function z(e, t) {
-	return (n) => {
-		e?.(n), n.defaultPrevented || t(n);
-	};
-}
-function fe(e, ...t) {
-	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
-}
-function B({ ref: n, render: r, ...a }) {
-	let o = A(), s = i(), [l, d] = g(null);
-	u(() => {
-		o.setInputNode(l);
-	}, [o, l]), p(() => {
-		o.completion !== null && l !== null && l.setSelectionRange(o.inputValue.length, o.completion.length);
-	}, [
-		o.completion,
-		o.inputValue,
-		l
-	]);
-	let f = (e, t) => {
-		let n = R(o.contentNode, o.highlighted, e, o.loop);
-		n !== null && o.setHighlighted(n, "keyboard", t);
-	}, m = (e) => {
-		if (o.highlighted === null && o.completion !== null) {
-			let t = ue(o.contentNode, o.completion);
-			if (t !== null) {
-				o.select(t, "keyboard", e), o.setInputValue(o.completion, "select", e), o.setOpen(!1, "select", e);
-				return;
-			}
-		}
-		let t = o.highlighted;
-		if (t !== null && V(o.contentNode, t)) {
-			o.create(t, "keyboard", e), o.setOpen(!1, "select", e);
-			return;
-		}
-		if (t === null) {
-			o.allowsCustomValue ? o.select(o.inputValue === "" ? null : o.inputValue, "keyboard", e) : o.setInputValue(o.value === null ? "" : o.labelFor(o.value) ?? "", "select", e), o.setOpen(!1, "select", e);
-			return;
-		}
-		o.select(t, "keyboard", e), o.setInputValue(o.labelFor(t) ?? t, "select", e), o.closeOnSelect && o.setOpen(!1, "select", e);
-	}, h = (e, t) => {
-		o.entry.current = e, o.setOpen(!0, "keyboard", t);
-	}, ee = (e) => {
-		if (o.disabled) return;
-		let t = e.altKey;
-		switch (e.key) {
-			case "ArrowDown":
-				if (o.readOnly) return;
-				e.preventDefault(), o.open ? t || f("next", e.nativeEvent) : h(t ? "none" : "first", e.nativeEvent);
-				return;
-			case "ArrowUp":
-				if (o.readOnly) return;
-				e.preventDefault(), t ? o.setOpen(!1, "keyboard", e.nativeEvent) : o.open ? f("previous", e.nativeEvent) : h("last", e.nativeEvent);
-				return;
-			case "PageDown":
-				if (!o.open) return;
-				e.preventDefault(), f("pageDown", e.nativeEvent);
-				return;
-			case "PageUp":
-				if (!o.open) return;
-				e.preventDefault(), f("pageUp", e.nativeEvent);
-				return;
-			case "Enter":
-				if (!o.open && !o.allowsCustomValue) return;
-				e.preventDefault(), m(e.nativeEvent);
-				return;
-			case "Escape":
-				if (o.open) {
-					e.preventDefault(), o.setOpen(!1, "escape", e.nativeEvent);
-					return;
-				}
-				if (o.value === null) return;
-				e.preventDefault(), o.inputValue === (o.labelFor(o.value) ?? "") ? o.clear("keyboard", e.nativeEvent) : o.setInputValue(o.labelFor(o.value) ?? "", "keyboard", e.nativeEvent);
-				return;
-			case "Tab":
-				o.completion === null ? o.open && o.setOpen(!1, "dismiss", e.nativeEvent) : m(e.nativeEvent);
-				return;
-		}
-	}, b = (e) => {
-		let t = e.currentTarget.value;
-		o.setInputValue(t, "keyboard", e.nativeEvent), o.wantsCompletion.current = o.autocomplete === "both" && t.length > o.inputValue.length, o.openOn === "input" && !o.open && !o.readOnly && (o.entry.current = o.autoHighlight ? "first" : "none", o.setOpen(!0, "keyboard", e.nativeEvent));
-	}, x = () => {
-		o.openOn !== "focus" || o.readOnly || o.open || (o.entry.current = "selected", o.setOpen(!0, "keyboard"));
-	}, te = (e) => {
-		o.openOn === "manual" || o.open || o.disabled || o.readOnly || (o.entry.current = "selected", o.setOpen(!0, "pointer", e.nativeEvent));
-	}, ne = (e) => {
-		let t = e.relatedTarget;
-		if (t instanceof Node && o.contentNode?.contains(t) === !0) return;
-		let n = S(l?.ownerDocument);
-		n instanceof Node && o.contentNode?.contains(n) === !0 || (o.settleInput(e), o.open && o.setOpen(!1, "blur"));
-	}, re = (e) => {
-		o.clear("clear", e.nativeEvent), l?.focus({ preventScroll: !0 });
-	}, C = (e) => {
-		o.disabled || o.readOnly || (o.entry.current = "selected", o.setOpen(!o.open, "pointer", e.nativeEvent), l?.focus({ preventScroll: !0 }));
-	}, ie = c((e) => {
-		d(e), fe(e, n);
-	}, [n]), w = [a["aria-describedby"], s?.describedBy].filter(Boolean).join(" "), ae = o.clearable && o.inputValue !== "" && !o.disabled && !o.readOnly, T = {
-		"data-part": "root",
-		"data-size": o.size,
-		"data-ui": "combobox",
-		"data-variant": o.variant,
-		...o.fullWidth ? { "data-full-width": "" } : {},
-		...o.open ? { "data-open": "" } : {},
-		...o.disabled ? { "data-disabled": "" } : {},
-		...o.readOnly ? { "data-readonly": "" } : {},
-		...o.invalid ? { "data-invalid": "" } : {},
-		...o.required ? { "data-required": "" } : {},
-		...o.loading ? { "data-loading": "" } : {}
-	}, E = /* @__PURE__ */ y(_, { children: [
-		/* @__PURE__ */ v("input", {
-			...a,
-			"aria-activedescendant": o.open && o.highlighted !== null ? o.optionId(o.highlighted) : void 0,
-			"aria-autocomplete": o.autocomplete,
-			"aria-controls": o.open ? o.contentId : void 0,
-			"aria-describedby": w === "" ? void 0 : w,
-			"aria-expanded": o.open,
-			"aria-invalid": o.invalid ? !0 : void 0,
-			"aria-readonly": o.readOnly ? !0 : void 0,
-			"data-part": "input",
-			disabled: o.disabled,
-			id: a.id ?? s?.ids.control ?? o.inputId,
-			onBlur: z(a.onBlur, ne),
-			onChange: z(a.onChange, b),
-			onClick: z(a.onClick, te),
-			onFocus: z(a.onFocus, x),
-			onKeyDown: z(a.onKeyDown, ee),
-			readOnly: o.readOnly,
-			ref: ie,
-			required: o.required,
-			role: "combobox",
-			type: "text",
-			value: o.completion ?? o.inputValue
-		}),
-		ae ? /* @__PURE__ */ v("button", {
-			"aria-label": o.t("clear"),
-			"data-part": "clear",
-			onClick: re,
-			type: "button",
-			children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "x" }) })
-		}) : null,
-		/* @__PURE__ */ v("button", {
-			"aria-label": o.t("trigger"),
-			"data-part": "trigger",
-			disabled: o.disabled,
-			onClick: C,
-			tabIndex: -1,
-			type: "button",
-			children: o.loading ? /* @__PURE__ */ v("span", {
-				"aria-hidden": "true",
-				"data-part": "busy",
-				"data-ui": "spinner"
-			}) : /* @__PURE__ */ v("span", {
-				"data-part": "arrow",
-				children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "chevron-down" }) })
-			})
-		}),
-		o.name === void 0 ? null : /* @__PURE__ */ v("input", {
-			"aria-hidden": "true",
-			form: o.form,
-			name: o.name,
-			readOnly: !0,
-			required: o.required,
-			style: {
-				border: 0,
-				clip: "rect(0 0 0 0)",
-				clipPath: "inset(50%)",
-				height: "1px",
-				overflow: "hidden",
-				padding: 0,
-				position: "absolute",
-				whiteSpace: "nowrap",
-				width: "1px"
-			},
-			tabIndex: -1,
-			type: "text",
-			value: o.value ?? ""
-		})
-	] });
-	return r === void 0 ? /* @__PURE__ */ v("div", {
-		...T,
-		children: E
-	}) : r({
-		...T,
-		children: E
-	});
-}
-function V(e, t) {
-	return e !== null && e.querySelector(`[data-part='item'][data-value="${CSS.escape(t)}"]`)?.hasAttribute("data-create") === !0;
-}
-function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
-	let o = A(), [s, l] = g(null), [d, f] = g(null), [m, _] = g(null), [x, S] = g("unmounted"), [C, ie] = g(!1), [w, ae] = g(0), T = h(null), E = h(null), D = h(o);
-	D.current = o, u(() => {
-		let e = ee({
-			present: D.current.open,
-			onStatusChange: S
-		});
-		return T.current = e, S(e.status), () => {
-			e.destroy(), T.current = null;
-		};
-	}, []), u(() => T.current?.sync(o.open), [o.open]), u(() => T.current?.setNode(s), [s]), u(() => o.setContentNode(d), [o, d]);
-	let O = o.mount === "eager" || o.mount === "lazy" && o.seen || o.open || x !== "unmounted";
-	u(() => {
-		let e = o.inputNode;
-		if (e === null || C) return;
-		let t = () => ie(!0);
-		return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
-			e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
-		};
-	}, [o.inputNode, C]);
-	let oe = O || C;
-	p(() => {
-		if (!oe) {
-			_(null);
-			return;
-		}
-		let e = b({
-			origin: o.inputNode,
-			disabled: !o.portal
-		});
-		return _(e.container), () => e.release();
-	}, [
-		o.inputNode,
-		o.portal,
-		oe
-	]);
-	let { align: k, alignOffset: j, collisionPadding: se, flip: M, hideWhenDetached: N, shift: I, side: L, sideOffset: R, strategy: le, width: ue } = o, z = h(null), B = h(0), V = c((e, t) => {
-		e.update().then(() => {
-			if (z.current !== e || !D.current.open) return;
-			t.setAttribute("data-open", "");
-			let n = t.ownerDocument.defaultView;
-			n !== null && B.current === 0 && (B.current = n.requestAnimationFrame(() => {
-				B.current = 0, de(D.current.contentNode, D.current.highlighted);
-			}));
-		});
-	}, []);
-	if (p(() => {
-		if (s === null || o.inputNode === null) return;
-		let e = o.inputNode.closest("[data-part='root']") ?? o.inputNode, t = ne(e, s, {
-			align: k,
-			alignOffset: j,
-			boundaryPadding: se,
-			flip: M,
-			hideWhenDetached: N,
-			matchWidth: ue === "anchor",
-			shift: I,
-			side: L,
-			sideOffset: R,
-			strategy: le
-		});
-		return z.current = t, D.current.open && V(t, s), () => {
-			t.destroy(), z.current = null, s.removeAttribute("data-open");
-		};
-	}, [
-		k,
-		j,
-		se,
-		o.inputNode,
-		M,
-		N,
-		s,
-		I,
-		L,
-		R,
-		le,
-		ue,
-		V
-	]), p(() => {
-		let e = z.current;
-		if (e !== null && s !== null) {
-			if (o.open) {
-				V(e, s);
-				return;
-			}
-			s.removeAttribute("data-open"), B.current !== 0 && (s.ownerDocument.defaultView?.cancelAnimationFrame(B.current), B.current = 0);
-		}
-	}, [
-		s,
-		V,
-		o.open
-	]), u(() => {
-		if (s === null || !o.open) return;
-		let e = [o.inputNode?.closest("[data-part='root']") ?? null].filter((e) => e !== null), t = te(s, {
-			branches: e,
-			escape: o.closeOnEscape,
-			focusOutside: !1,
-			modal: !1,
-			outsidePress: o.closeOnOutsidePress,
-			scrollLock: !1,
-			onDismiss: (e) => {
-				D.current.setOpen(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source);
-			}
-		});
-		return () => t.destroy();
-	}, [
-		o.closeOnEscape,
-		o.closeOnOutsidePress,
-		o.inputNode,
-		o.open,
-		s
-	]), p(() => {
-		let e = P(d).filter((e) => e.dataset.create === void 0).length;
-		ae((t) => t === e ? t : e);
-	}), p(() => {
-		let e = D.current;
-		if (e.open && d !== null) {
-			if (e.entry.current !== "none") {
-				let t = ce(d, e.value, e.entry.current, e.loop) ?? (e.autoHighlight ? ce(d, null, "first", e.loop) : null);
-				t !== null && e.setHighlighted(t, "keyboard");
-				return;
-			}
-			e.highlighted !== null && (P(d).some((t) => F(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
-		}
-	}, [
-		o.open,
-		o.query,
-		w,
-		d
-	]), u(() => {
-		s?.hasAttribute("data-open") === !0 && de(d, o.highlighted);
-	}, [
-		s,
-		o.highlighted,
-		d
-	]), p(() => {
-		let e = D.current;
-		if (!e.wantsCompletion.current || d === null) return;
-		e.wantsCompletion.current = !1;
-		let t = pe(d, e.inputValue);
-		t !== null && t !== e.inputValue && e.setCompletion(t);
-	}, [
-		o.inputValue,
-		w,
-		d
-	]), u(() => {
-		let e = E.current, t = d, n = o.onLoadMore;
-		if (e === null || t === null || n === void 0 || typeof IntersectionObserver != "function") return;
-		let r = new IntersectionObserver((e) => {
-			e.some((e) => e.isIntersecting) && n();
-		}, { root: t });
-		return r.observe(e), () => r.disconnect();
-	}, [
-		o.onLoadMore,
-		w,
-		d
-	]), !O) return null;
-	let H = {
-		"data-align": k,
-		...o.open ? {} : { inert: !0 },
-		"data-part": "positioner",
-		"data-size": o.size,
-		"data-ui": "combobox",
-		"data-width": o.width
-	}, me = i === void 0 ? o.loading ? o.t("loading") : w === 0 ? null : o.t("count", { count: w }) : i, he = /* @__PURE__ */ v("div", {
-		...H,
-		ref: (e) => {
-			l(e), fe(e, n);
-		},
-		children: /* @__PURE__ */ y("div", {
-			...a,
-			"aria-busy": o.loading ? !0 : void 0,
-			"aria-label": a["aria-label"] ?? void 0,
-			"data-loading": o.loading ? "" : void 0,
-			"data-part": "content",
-			id: o.contentId,
-			ref: f,
-			role: "listbox",
-			children: [
-				e,
-				/* @__PURE__ */ v("div", { ref: E }),
-				!o.loading && w === 0 && o.canCreate && o.query !== "" ? /* @__PURE__ */ v("div", {
-					"data-create": "",
-					"data-part": "item",
-					"data-value": o.query,
-					id: o.optionId(o.query),
-					onClick: (e) => {
-						o.create(o.query, "pointer", e.nativeEvent), o.setOpen(!1, "select", e.nativeEvent), o.inputNode?.focus({ preventScroll: !0 });
-					},
-					onPointerDown: (e) => {
-						e.defaultPrevented || e.preventDefault();
-					},
-					onPointerEnter: (e) => o.setHighlighted(o.query, "pointer", e.nativeEvent),
-					role: "option",
-					...o.highlighted === o.query ? { "data-current": "" } : {},
-					children: /* @__PURE__ */ v("span", {
-						"data-part": "label",
-						children: o.t("create", { query: o.query })
-					})
-				}) : null,
-				!o.loading && w === 0 && !(o.canCreate && o.query !== "") ? /* @__PURE__ */ v("div", {
-					"data-part": "empty",
-					children: t ?? o.t("empty")
-				}) : null,
-				o.loading ? /* @__PURE__ */ v("div", {
-					"aria-hidden": "true",
-					"data-part": "placeholder",
-					children: [
-						0,
-						1,
-						2
-					].map((e) => /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v("span", {
-						"data-part": "root",
-						"data-shape": "text",
-						"data-ui": "skeleton",
-						"data-loading": ""
-					}) }, e))
-				}) : null,
-				/* @__PURE__ */ v("div", {
-					"aria-live": "polite",
-					"data-part": "status",
-					...o.loading ? { "data-loading": "" } : {},
-					role: "status",
-					children: me
-				})
-			]
-		})
-	}), ge = r === void 0 ? he : r({
-		...H,
-		children: e
-	});
-	return m === null ? ge : re(ge, m);
-}
-function pe(e, t) {
-	if (t === "") return null;
-	let n = le(e);
-	return n === null ? null : n.toLowerCase().startsWith(t.toLowerCase()) ? n : null;
-}
-//#endregion
-//#region src/combobox/combobox-items.tsx
-function me({ children: n, description: r, disabled: i = !1, icon: o, position: s, ref: c, textValue: l, value: d, ...f }) {
-	let p = A(), [_, ee] = g(null), b = h(null), x = l ?? (typeof n == "string" ? n : void 0);
-	u(() => {
-		if (_ === null) return;
-		let e = x ?? _.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
-		e !== "" && e !== b.current && (b.current = e, p.registerLabel(d, e));
-	}, [
-		p,
-		_,
-		x,
-		d
-	]);
-	let te = m(() => {
-		if (!p.highlightMatch || p.query === "" || x === void 0) return n;
-		let e = T(x, p.query, { locale: p.locale });
-		return e.length === 0 ? n : /* @__PURE__ */ v(a, {
-			ranges: e,
-			text: x
-		});
-	}, [
-		n,
-		p.highlightMatch,
-		p.locale,
-		p.query,
-		x
-	]);
-	if (x !== void 0 && !p.matches(x)) return null;
-	let S = p.value === d, ne = p.highlighted === d, re = (e) => {
-		i || p.setHighlighted(d, "pointer", e.nativeEvent);
-	}, C = (e) => {
-		f.onPointerDown?.(e), !e.defaultPrevented && e.preventDefault();
-	}, ie = (e) => {
-		i || (p.select(d, "pointer", e.nativeEvent), p.setInputValue(p.labelFor(d) ?? x ?? d, "select", e.nativeEvent), p.closeOnSelect && p.setOpen(!1, "select", e.nativeEvent), p.inputNode?.focus({ preventScroll: !0 }));
-	};
-	return /* @__PURE__ */ y("div", {
-		...f,
-		"aria-disabled": i ? !0 : void 0,
-		"aria-posinset": s,
-		"aria-selected": S,
-		"aria-setsize": s === void 0 ? void 0 : p.total,
-		"data-part": "item",
-		"data-value": d,
-		...x === void 0 ? {} : { "data-text-value": x },
-		...i ? { "data-disabled": "" } : {},
-		...S ? { "data-selected": "" } : {},
-		...ne ? { "data-current": "" } : {},
-		id: f.id ?? p.optionId(d),
-		onClick: ie,
-		onPointerDown: C,
-		onPointerEnter: re,
-		ref: (e) => {
-			ee(e), typeof c == "function" ? c(e) : c != null && (c.current = e);
-		},
-		role: "option",
-		children: [
-			o === void 0 ? null : /* @__PURE__ */ v("span", {
-				"data-part": "icon",
-				children: o
-			}),
-			/* @__PURE__ */ v("span", {
-				"data-part": "label",
-				children: te
-			}),
-			r === void 0 ? null : /* @__PURE__ */ v("span", {
-				"data-part": "description",
-				children: r
-			}),
-			/* @__PURE__ */ v("span", {
-				"data-part": "indicator",
-				children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "check" }) })
-			})
-		]
-	});
-}
-function he({ children: e, label: t, ...n }) {
-	let r = `${d()}group`, { query: i } = A(), [a, o] = g(null), [s, c] = g(!1);
-	return u(() => {
-		a !== null && c(a.querySelector("[data-part='item']") === null);
-	}, [a, i]), /* @__PURE__ */ y("div", {
-		...n,
-		"aria-labelledby": r,
-		"data-part": "group",
-		hidden: s,
-		ref: o,
-		role: "group",
-		children: [/* @__PURE__ */ v("div", {
-			"data-part": "group-label",
-			id: r,
-			children: t
-		}), e]
-	});
-}
-function ge(e) {
-	return /* @__PURE__ */ v("div", {
-		"data-part": "separator",
-		ref: e.ref,
-		role: "separator"
-	});
-}
-//#endregion
-export { B as a, E as c, H as i, oe as l, me as n, M as o, ge as r, A as s, he as t, O as u };