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

package/dist/combobox-Dn69QwGX.js

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