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

package/dist/select-BUylPwpb.js

@@ -1,995 +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 "./select-tags-CQMcHIQN.js";
-import { t as o } from "./highlight-0Qw23QPp.js";
-import { tabbables as s } from "@slotted/core/focus";
-import { createControllable as c } from "@slotted/core/state";
-import { createContext as l, useCallback as u, useContext as d, useEffect as f, useId as p, useImperativeHandle as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { createPresence as S } from "@slotted/core/presence";
-import { createPortalRoot as ee, setPortalContainer as C } from "@slotted/core/portal";
-import { createDismissableLayer as w } from "@slotted/core/dismissable-layer";
-import { createPositioner as T } from "@slotted/core/positioner";
-import { createTypeahead as te, isPrintable as E } from "@slotted/core/typeahead";
-import { createPortal as D } from "react-dom";
-import { selectMessages as O } from "@slotted/core/i18n";
-import { createFilter as k, moveIndex as ne, revealWithin as A } from "@slotted/core/collection";
-import { matchRanges as j } from "@slotted/core/highlight";
-//#region src/select/select-defaults.tsx
-var M = {
-	align: "start",
-	alignOffset: 0,
-	clearable: !1,
-	highlightMatch: !0,
-	search: !1,
-	closeOnEscape: !0,
-	closeOnOutsidePress: !0,
-	closeOnSelect: !0,
-	collisionPadding: 8,
-	disabled: !1,
-	flip: !0,
-	fullWidth: !0,
-	hideWhenDetached: !0,
-	invalid: !1,
-	loading: !1,
-	loop: !1,
-	mount: "active",
-	multiple: !1,
-	portal: !0,
-	readOnly: !1,
-	required: !1,
-	shift: !0,
-	side: "bottom",
-	sideOffset: 4,
-	size: "md",
-	strategy: "absolute",
-	typeahead: !0,
-	typeaheadTimeout: 500,
-	variant: "outline",
-	width: "content"
-}, N = l(M);
-function P() {
-	return d(N);
-}
-function F({ children: e, container: t, ...n }) {
-	let r = P();
-	f(() => {
-		if (t !== void 0) return C(t), () => C(null);
-	}, [t]);
-	let i = {
-		align: n.align ?? r.align,
-		alignOffset: n.alignOffset ?? r.alignOffset,
-		clearable: n.clearable ?? r.clearable,
-		highlightMatch: n.highlightMatch ?? r.highlightMatch,
-		search: n.search ?? r.search,
-		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,
-		invalid: n.invalid ?? r.invalid,
-		loading: n.loading ?? r.loading,
-		loop: n.loop ?? r.loop,
-		mount: n.mount ?? r.mount,
-		multiple: n.multiple ?? r.multiple,
-		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,
-		typeahead: n.typeahead ?? r.typeahead,
-		typeaheadTimeout: n.typeaheadTimeout ?? r.typeaheadTimeout,
-		variant: n.variant ?? r.variant,
-		width: n.width ?? r.width
-	};
-	return /* @__PURE__ */ b(N.Provider, {
-		value: i,
-		children: e
-	});
-}
-//#endregion
-//#region src/select/select.tsx
-var I = l(void 0);
-function L() {
-	let e = d(I);
-	if (e === void 0) throw Error("SelectTrigger, SelectContent and every option have to be inside a Select.");
-	return e;
-}
-function R(e) {
-	return e == null ? [] : typeof e == "string" ? [e] : e;
-}
-function re(e, t) {
-	return t ? e : e[0] ?? null;
-}
-var ie = (e) => "options" in e;
-function ae(e) {
-	return e === void 0 ? [] : e.flatMap((e) => ie(e) ? e.options : [e]);
-}
-function oe({ align: e, alignOffset: t, children: a, clearable: o, closeOnEscape: s, closeOnOutsidePress: l, closeOnSelect: d, collisionPadding: f, defaultHighlightedValue: h = null, defaultOpen: y = !1, defaultSearchValue: x = "", defaultValue: S, disabled: ee, filter: C, flip: w, form: T, fullWidth: te, hideWhenDetached: E, highlightedValue: D, highlightMatch: ne, invalid: j, items: M, loading: N, locale: F, loop: L, messages: ie, mount: oe, multiple: se, name: z, onHighlightedValueChange: B, onOpenChange: V, onSearchValueChange: H, onValueChange: U, open: W, portal: ce, readOnly: le, ref: G, required: ue, search: de, searchValue: K, shift: q, side: fe, sideOffset: pe, size: me, strategy: he, total: ge, typeahead: _e, typeaheadTimeout: ve, value: ye, variant: be, width: xe }) {
-	let J = P(), Y = i(), Se = r(O, ie), Ce = n(), we = F ?? Ce, X = p(), Te = `${X}listbox`, Ee = `${X}list`, De = `${X}search`, Oe = Y?.ids.control ?? `${X}trigger`, [ke, Ae] = v(y), [je] = v(() => R(S)), [Me, Ne] = v(je), [Pe, Fe] = v(h), [Ie, Le] = v(x), [Re, ze] = v(null), [Be, Ve] = v(null), [He, Ue] = v(null), We = se ?? J.multiple, Ge = ee ?? Y?.disabled ?? J.disabled, Ke = le ?? Y?.readOnly ?? J.readOnly, qe = (W ?? ke) && !Ge, Je = ye === void 0 ? Me : R(ye), Ye = D === void 0 ? Pe : D, Xe = de ?? J.search, Z = Xe ? K === void 0 ? Ie : K : "", Ze = _(qe);
-	qe && (Ze.current = !0);
-	let Qe = _("selected"), $e = _(/* @__PURE__ */ new Map()), [et, tt] = v(0), nt = g(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of ae(M)) e.set(t.value, t.label);
-		return e;
-	}, [M]), rt = u((e, t) => {
-		$e.current.get(e) !== t && ($e.current.set(e, t), tt((e) => e + 1));
-	}, []), it = u((e) => nt.get(e) ?? $e.current.get(e), [nt, et]), at = g(() => k({ locale: we }), [we]), ot = u((e) => Z === "" || C === null ? !0 : C === void 0 ? at.contains(e, Z) : C(e, Z), [
-		Z,
-		at,
-		C
-	]), st = u((e) => `${X}option-${encodeURIComponent(e)}`, [X]), ct = {
-		currentHighlighted: Ye,
-		currentOpen: qe,
-		currentQuery: Z,
-		currentSelection: Je,
-		highlightedValue: D,
-		onHighlightedValueChange: B,
-		onOpenChange: V,
-		onSearchValueChange: H,
-		onValueChange: U,
-		open: W,
-		resolvedMultiple: We,
-		resolvedSearch: Xe,
-		searchNode: He,
-		searchValue: K,
-		triggerNode: Re,
-		value: ye
-	}, Q = _(ct);
-	Q.current = ct;
-	let lt = u((e, t, n) => {
-		let r = Q.current;
-		e !== r.currentQuery && c({
-			controlled: r.searchValue,
-			initial: r.currentQuery,
-			onRequest: (e) => r.onSearchValueChange?.(e.value, e)
-		}).request(e, t, n) && Le(e);
-	}, []), ut = u((e, t, n) => {
-		let r = Q.current;
-		e !== r.currentOpen && c({
-			controlled: r.open,
-			initial: r.currentOpen,
-			onRequest: (e) => r.onOpenChange?.(e.value, e)
-		}).request(e, t, n) && (Ae(e), e || (Fe(null), Qe.current = "selected", lt("", "clear", n)));
-	}, [lt]), dt = u((e, t, n) => {
-		let r = Q.current;
-		e !== r.currentHighlighted && c({
-			controlled: r.highlightedValue,
-			initial: r.currentHighlighted,
-			onRequest: (e) => r.onHighlightedValueChange?.(e.value, e)
-		}).request(e, t, n) && Fe(e);
-	}, []), $ = u((e, t, n) => {
-		let r = Q.current;
-		e.length === r.currentSelection.length && e.every((e, t) => e === r.currentSelection[t]) || c({
-			controlled: r.value,
-			initial: re(r.currentSelection, r.resolvedMultiple),
-			equals: () => !1,
-			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(re(e, r.resolvedMultiple), t, n) && Ne(e);
-	}, []), ft = u((e, t, n) => {
-		let r = Q.current;
-		if (!r.resolvedMultiple) {
-			$([e], t, n);
-			return;
-		}
-		let i = r.currentSelection.includes(e);
-		$(i ? r.currentSelection.filter((t) => t !== e) : [...r.currentSelection, e], t, n);
-	}, [$]), pt = u((e, t) => $([], e, t), [$]), mt = u((e) => $(je, "programmatic", e), [$, je]);
-	m(G, () => ({
-		close: () => ut(!1, "programmatic"),
-		focus: () => Q.current.triggerNode?.focus({ preventScroll: !0 }),
-		focusSearch: () => {
-			let e = Q.current;
-			(e.searchNode ?? e.triggerNode)?.focus({ preventScroll: !0 });
-		},
-		open: () => ut(!0, "programmatic"),
-		scrollToKey: (e) => {
-			let t = Be?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
-			t != null && Be !== null && A(t, Be);
-		}
-	}), [Be, ut]);
-	let ht = {
-		align: e ?? J.align,
-		alignOffset: t ?? J.alignOffset,
-		clear: pt,
-		clearable: o ?? J.clearable,
-		closeOnEscape: s ?? J.closeOnEscape,
-		closeOnOutsidePress: l ?? J.closeOnOutsidePress,
-		closeOnSelect: d ?? J.closeOnSelect,
-		collisionPadding: f ?? J.collisionPadding,
-		contentId: Te,
-		contentNode: Be,
-		disabled: Ge,
-		entry: Qe,
-		flip: w ?? J.flip,
-		form: T,
-		fullWidth: te ?? J.fullWidth,
-		hideWhenDetached: E ?? J.hideWhenDetached,
-		highlighted: Ye,
-		highlightMatch: ne ?? J.highlightMatch,
-		invalid: j ?? Y?.invalid ?? J.invalid,
-		labelFor: it,
-		listId: Ee,
-		loading: N ?? J.loading,
-		locale: we,
-		loop: L ?? J.loop,
-		matches: ot,
-		mount: oe ?? J.mount,
-		multiple: We,
-		name: z,
-		open: qe,
-		optionId: st,
-		portal: ce ?? J.portal,
-		query: Z,
-		readOnly: Ke,
-		registerLabel: rt,
-		required: ue ?? Y?.required ?? J.required,
-		restore: mt,
-		search: Xe,
-		searchId: De,
-		searchNode: He,
-		seen: Ze.current,
-		selection: Je,
-		setContentNode: Ve,
-		setHighlighted: dt,
-		setOpen: ut,
-		setQuery: lt,
-		setSearchNode: Ue,
-		setTriggerNode: ze,
-		shift: q ?? J.shift,
-		side: fe ?? J.side,
-		sideOffset: pe ?? J.sideOffset,
-		size: me ?? Y?.size ?? J.size,
-		strategy: he ?? J.strategy,
-		t: Se,
-		toggle: ft,
-		total: ge,
-		triggerId: Oe,
-		triggerNode: Re,
-		typeahead: Xe ? !1 : _e ?? J.typeahead,
-		typeaheadTimeout: ve ?? J.typeaheadTimeout,
-		variant: be ?? J.variant,
-		width: xe ?? J.width
-	};
-	return /* @__PURE__ */ b(I.Provider, {
-		value: ht,
-		children: a
-	});
-}
-//#endregion
-//#region src/select/select-collection.ts
-var se = "[data-part='item']";
-function z(e) {
-	return e === null ? [] : [...e.querySelectorAll(se)];
-}
-var B = (e) => e.dataset.value ?? "", V = (e) => e.dataset.disabled === void 0, H = (e) => e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? e.textContent?.trim() ?? "";
-function U(e) {
-	let t = z(e).filter(V);
-	return {
-		elements: t,
-		labels: t.map(H)
-	};
-}
-function W(e, t, n, r) {
-	let i = z(e);
-	if (i.length === 0) return null;
-	let a = ne({
-		enabled: i.map(V),
-		from: t === null ? -1 : i.findIndex((e) => B(e) === t),
-		intent: n,
-		loop: r
-	});
-	return a === -1 ? null : B(i[a]);
-}
-function ce(e, t, n, r) {
-	if (n === "none") return null;
-	if (n === "selected") {
-		let n = z(e).find((e) => t.includes(B(e)) && V(e));
-		return n === void 0 ? W(e, null, "first", r) : B(n);
-	}
-	return W(e, null, n, r);
-}
-function le(e, t) {
-	if (e === null || t === null) return;
-	let n = z(e).find((e) => B(e) === t);
-	n !== void 0 && A(n, e);
-}
-//#endregion
-//#region src/select/select-parts.tsx
-function G(e, t) {
-	return (n) => {
-		e?.(n), n.defaultPrevented || t(n);
-	};
-}
-function ue(e, t, n) {
-	if (e === null) return;
-	let r = s(document.body).filter((e) => t === null || !t.contains(e)), i = r.indexOf(e);
-	((i === -1 ? void 0 : r[i + (n ? -1 : 1)]) ?? e).focus({ preventScroll: !0 });
-}
-function de(e, ...t) {
-	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
-}
-function K({ children: n, ref: r, render: o, ...s }) {
-	let c = L(), l = i(), d = l?.registerControl;
-	f(() => d?.(), [d]);
-	let [p, m] = v(null), [h, g] = v(null), S = _(!1);
-	f(() => {
-		if (h === null) return;
-		let e = h.ownerDocument, t = () => {
-			S.current = !1;
-		}, n = () => {
-			S.current = !0;
-		};
-		return e.addEventListener("pointerdown", t, !0), h.addEventListener("pointerdown", n), () => {
-			e.removeEventListener("pointerdown", t, !0), h.removeEventListener("pointerdown", n);
-		};
-	}, [h]);
-	let [ee, C] = v(!1), w = _(null), T = _(null);
-	f(() => {
-		c.setTriggerNode(p);
-	}, [p, c]), f(() => {
-		if (!c.typeahead) return;
-		let e = te({ timeout: c.typeaheadTimeout });
-		return T.current = e, () => {
-			e.destroy(), T.current = null;
-		};
-	}, [c.typeahead, c.typeaheadTimeout]), f(() => {
-		if (!c.open || c.contentNode === null) return;
-		let e = w.current;
-		if (w.current = null, e === null || T.current === null) return;
-		let { elements: t, labels: n } = U(c.contentNode), r = T.current.match(e, n, -1);
-		r !== -1 && c.setHighlighted(B(t[r]), "keyboard");
-	}, [
-		c,
-		c.contentNode,
-		c.open
-	]);
-	let D = (e, t) => {
-		c.entry.current = e, c.setOpen(!0, "keyboard", t);
-	}, O = (e, t) => {
-		let n = W(c.contentNode, c.highlighted, e, c.loop);
-		n !== null && c.setHighlighted(n, "keyboard", t);
-	}, k = (e, t) => {
-		if (c.highlighted === null) {
-			t && c.setOpen(!1, "select", e);
-			return;
-		}
-		c.toggle(c.highlighted, "keyboard", e), t && c.setOpen(!1, "select", e);
-	}, ne = (e) => {
-		if (c.disabled || c.readOnly) return;
-		let t = e.altKey;
-		if (!c.open) {
-			switch (e.key) {
-				case "ArrowDown":
-					e.preventDefault(), D(t ? "none" : "selected", e.nativeEvent);
-					return;
-				case "ArrowUp":
-					e.preventDefault(), D("last", e.nativeEvent);
-					return;
-				case "Enter":
-				case " ":
-					e.preventDefault(), D("selected", e.nativeEvent);
-					return;
-				case "Home":
-					e.preventDefault(), D("first", e.nativeEvent);
-					return;
-				case "End":
-					e.preventDefault(), D("last", e.nativeEvent);
-					return;
-			}
-			if (!e.ctrlKey && !e.metaKey && !t && E(e.key)) {
-				if (c.search) {
-					e.preventDefault(), c.setQuery(e.key, "keyboard", e.nativeEvent), D("first", e.nativeEvent);
-					return;
-				}
-				c.typeahead && (e.preventDefault(), w.current = e.key, D("none", e.nativeEvent));
-			}
-			return;
-		}
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), O("next", e.nativeEvent);
-				return;
-			case "ArrowUp":
-				e.preventDefault(), t ? k(e.nativeEvent, !0) : O("previous", e.nativeEvent);
-				return;
-			case "Home":
-				e.preventDefault(), O("first", e.nativeEvent);
-				return;
-			case "End":
-				e.preventDefault(), O("last", e.nativeEvent);
-				return;
-			case "PageDown":
-				e.preventDefault(), O("pageDown", e.nativeEvent);
-				return;
-			case "PageUp":
-				e.preventDefault(), O("pageUp", e.nativeEvent);
-				return;
-			case "Enter":
-				e.preventDefault(), k(e.nativeEvent, c.closeOnSelect);
-				return;
-			case " ":
-				e.preventDefault(), k(e.nativeEvent, !c.multiple && c.closeOnSelect);
-				return;
-			case "Escape":
-				e.preventDefault(), c.setOpen(!1, "escape", e.nativeEvent);
-				return;
-			case "Tab":
-				k(e.nativeEvent, !0);
-				return;
-		}
-		if (!c.typeahead || T.current === null || e.ctrlKey || e.metaKey || t || !E(e.key, T.current.query.length > 0)) return;
-		e.preventDefault();
-		let { elements: n, labels: r } = U(c.contentNode), i = n.findIndex((e) => B(e) === c.highlighted), a = T.current.match(e.key, r, i);
-		a !== -1 && c.setHighlighted(B(n[a]), "keyboard");
-	}, A = (e) => {
-		let t = S.current;
-		if (S.current = !1, e.detail > 0 && !t) {
-			e.currentTarget.focus({ preventScroll: !0 });
-			return;
-		}
-		c.disabled || c.readOnly || (c.entry.current = "selected", c.setOpen(!c.open, "pointer", e.nativeEvent));
-	}, j = (e) => {
-		c.clear("clear", e.nativeEvent), p?.focus({ preventScroll: !0 });
-	}, M = u((e) => {
-		m(e), de(e, r);
-	}, [r]), N = [s["aria-describedby"], l?.describedBy].filter(Boolean).join(" "), P = c.clearable && c.selection.length > 0 && !c.disabled && !c.readOnly, F = {
-		"data-part": "root",
-		"data-size": c.size,
-		"data-ui": "select",
-		"data-variant": c.variant,
-		...c.fullWidth ? { "data-full-width": "" } : {},
-		...c.multiple ? { "data-multiple": "" } : {},
-		...c.open ? { "data-open": "" } : {},
-		...c.disabled ? { "data-disabled": "" } : {},
-		...c.readOnly ? { "data-readonly": "" } : {},
-		...c.invalid ? { "data-invalid": "" } : {},
-		...c.required ? { "data-required": "" } : {},
-		...c.loading ? { "data-loading": "" } : {},
-		...ee ? { "data-narrow": "" } : {}
-	}, I = c.multiple && c.selection.length > 0 ? /* @__PURE__ */ b(a, {
-		disabled: c.disabled || c.readOnly,
-		frame: h,
-		labelFor: c.labelFor,
-		onNarrow: C,
-		onRemove: (e, t) => {
-			c.toggle(e, "select", t.nativeEvent), p?.focus({ preventScroll: !0 });
-		},
-		removeLabel: (e) => c.t("remove", { label: e }),
-		values: c.selection
-	}) : null, R = /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b("button", {
-			...s,
-			"aria-activedescendant": c.open && !c.search && c.highlighted !== null ? c.optionId(c.highlighted) : void 0,
-			"aria-controls": c.open ? c.contentId : void 0,
-			"aria-describedby": N === "" ? void 0 : N,
-			"aria-expanded": c.open,
-			"aria-haspopup": c.search ? "dialog" : "listbox",
-			"aria-invalid": c.invalid ? !0 : void 0,
-			"aria-labelledby": s["aria-label"] === void 0 && s["aria-labelledby"] === void 0 ? l?.ids.label : s["aria-labelledby"],
-			"aria-readonly": c.readOnly ? !0 : void 0,
-			"aria-required": c.required ? !0 : void 0,
-			"data-part": "trigger",
-			disabled: c.disabled,
-			id: c.triggerId,
-			onClick: G(s.onClick, A),
-			onKeyDown: G(s.onKeyDown, ne),
-			ref: M,
-			role: "combobox",
-			type: "button",
-			children: n
-		}),
-		I,
-		P ? /* @__PURE__ */ b("button", {
-			"aria-label": c.t("clear"),
-			"data-part": "clear",
-			onClick: j,
-			type: "button",
-			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "x" }) })
-		}) : null,
-		c.loading ? /* @__PURE__ */ b("span", {
-			"aria-hidden": "true",
-			"data-part": "busy",
-			"data-ui": "spinner"
-		}) : /* @__PURE__ */ b("span", {
-			"data-part": "arrow",
-			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "chevron-down" }) })
-		}),
-		/* @__PURE__ */ b(q, {})
-	] });
-	return o === void 0 ? /* @__PURE__ */ b("div", {
-		...F,
-		ref: g,
-		children: R
-	}) : o({
-		...F,
-		children: R
-	});
-}
-function q() {
-	let e = L(), [t, n] = v(null), { restore: r } = e;
-	return f(() => {
-		let e = t?.form;
-		if (e == null) return;
-		let n = (e) => r(e);
-		return e.addEventListener("reset", n), () => e.removeEventListener("reset", n);
-	}, [
-		t,
-		r,
-		e.form
-	]), e.name === void 0 ? null : /* @__PURE__ */ x("select", {
-		"aria-hidden": "true",
-		disabled: e.disabled,
-		form: e.form,
-		multiple: e.multiple,
-		name: e.name,
-		onChange: () => void 0,
-		ref: n,
-		required: e.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,
-		value: e.multiple ? [...e.selection] : e.selection[0] ?? "",
-		children: [/* @__PURE__ */ b("option", { value: "" }), e.selection.map((t) => /* @__PURE__ */ b("option", {
-			value: t,
-			children: e.labelFor(t) ?? t
-		}, t))]
-	});
-}
-function fe({ children: e, placeholder: t, ...n }) {
-	let r = L(), i = r.selection.map((e) => r.labelFor(e)), a = i.filter((e) => e !== void 0), o = r.selection.length > 0 && a.length < r.selection.length, s = (() => {
-		if (e !== void 0) return e(r.selection, a);
-		if (r.selection.length === 0) return t;
-		let n = i[0] ?? r.selection[0];
-		return !r.multiple || r.selection.length === 1 ? n : /* @__PURE__ */ b("span", {
-			"data-part": "summary",
-			children: r.t("summary", { count: r.selection.length })
-		});
-	})();
-	return /* @__PURE__ */ b("span", {
-		...n,
-		"data-part": "value",
-		...r.selection.length === 0 ? { "data-placeholder": "" } : {},
-		...o ? { "data-unmatched": "" } : {},
-		children: s
-	});
-}
-function pe({ icon: n, ref: r, render: i, ...a }) {
-	let o = L(), s = (e, t) => {
-		let n = W(o.contentNode, o.highlighted, e, o.loop);
-		n !== null && o.setHighlighted(n, "keyboard", t);
-	}, c = (e, t) => {
-		if (o.highlighted !== null && o.toggle(o.highlighted, "keyboard", e), t) {
-			o.setOpen(!1, "select", e), o.triggerNode?.focus({ preventScroll: !0 });
-			return;
-		}
-		o.highlighted !== null && o.setQuery("", "select", e);
-	}, l = (e) => {
-		let t = e.altKey;
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), s("next", e.nativeEvent);
-				return;
-			case "ArrowUp":
-				e.preventDefault(), t ? c(e.nativeEvent, !0) : s("previous", e.nativeEvent);
-				return;
-			case "PageDown":
-				e.preventDefault(), s("pageDown", e.nativeEvent);
-				return;
-			case "PageUp":
-				e.preventDefault(), s("pageUp", e.nativeEvent);
-				return;
-			case "Enter":
-				e.preventDefault(), c(e.nativeEvent, o.closeOnSelect && !o.multiple);
-				return;
-			case "Escape":
-				e.preventDefault(), o.query !== "" && o.setQuery("", "clear", e.nativeEvent);
-				return;
-			case "Tab":
-				e.preventDefault(), c(e.nativeEvent, !0), ue(o.triggerNode, e.currentTarget.closest("[data-part='positioner']"), e.shiftKey);
-				return;
-		}
-	}, u = { "data-part": "search" }, d = /* @__PURE__ */ x(y, { children: [n === null ? null : n ?? /* @__PURE__ */ b("span", {
-		"aria-hidden": "true",
-		"data-part": "search-icon",
-		children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "search" }) })
-	}), /* @__PURE__ */ b("input", {
-		...a,
-		"aria-activedescendant": o.highlighted === null ? void 0 : o.optionId(o.highlighted),
-		"aria-autocomplete": "list",
-		"aria-controls": o.listId,
-		"aria-expanded": !0,
-		"aria-label": a["aria-label"] ?? o.t("search"),
-		autoComplete: "off",
-		"data-part": "search-input",
-		id: a.id ?? o.searchId,
-		onChange: G(a.onChange, (e) => o.setQuery(e.target.value, "keyboard", e.nativeEvent)),
-		onKeyDown: G(a.onKeyDown, l),
-		placeholder: a.placeholder ?? o.t("searchPlaceholder"),
-		ref: (e) => {
-			o.setSearchNode(e), de(e, r);
-		},
-		role: "combobox",
-		spellCheck: !1,
-		type: "text",
-		value: o.query
-	})] });
-	return i === void 0 ? /* @__PURE__ */ b("div", {
-		...u,
-		children: d
-	}) : i({
-		...u,
-		children: d
-	});
-}
-function me({ children: e, empty: t, ref: n, render: r, searchProps: i, status: a, ...o }) {
-	let s = L(), [c, l] = v(null), [d, p] = v(null), [m, g] = v(null), [C, te] = v("unmounted"), [E, O] = v(!1), [k, ne] = v(0), A = _(null), j = _(s);
-	j.current = s, f(() => {
-		let e = S({
-			present: j.current.open,
-			onStatusChange: te
-		});
-		return A.current = e, te(e.status), () => {
-			e.destroy(), A.current = null;
-		};
-	}, []), f(() => A.current?.sync(s.open), [s.open]), f(() => A.current?.setNode(c), [c]), f(() => s.setContentNode(d), [s, d]);
-	let M = s.mount === "eager" || s.mount === "lazy" && s.seen || s.open || C !== "unmounted";
-	f(() => {
-		let e = s.triggerNode;
-		if (e === null || E) return;
-		let t = () => O(!0);
-		return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
-			e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
-		};
-	}, [s.triggerNode, E]);
-	let N = M || E;
-	h(() => {
-		if (!N) {
-			g(null);
-			return;
-		}
-		let e = ee({
-			origin: s.triggerNode,
-			disabled: !s.portal
-		});
-		return g(e.container), () => e.release();
-	}, [
-		N,
-		s.portal,
-		s.triggerNode
-	]);
-	let { align: P, alignOffset: F, collisionPadding: I, flip: R, hideWhenDetached: re, shift: ie, side: ae, sideOffset: oe, strategy: se, width: B } = s, V = _(null), H = _(0), U = u((e, t) => {
-		e.update().then(() => {
-			if (V.current !== e || !j.current.open) return;
-			t.setAttribute("data-open", "");
-			let n = t.ownerDocument.defaultView;
-			n !== null && H.current === 0 && (H.current = n.requestAnimationFrame(() => {
-				H.current = 0, le(j.current.contentNode, j.current.highlighted);
-			}));
-		});
-	}, []);
-	h(() => {
-		if (c === null || s.triggerNode === null) return;
-		let e = s.triggerNode.closest("[data-part='root']") ?? s.triggerNode, t = T(e, c, {
-			align: P,
-			alignOffset: F,
-			boundaryPadding: I,
-			flip: R,
-			hideWhenDetached: re,
-			matchWidth: B === "anchor",
-			shift: ie,
-			side: ae,
-			sideOffset: oe,
-			strategy: se
-		});
-		return V.current = t, j.current.open && U(t, c), () => {
-			t.destroy(), V.current = null, c.removeAttribute("data-open");
-		};
-	}, [
-		P,
-		F,
-		I,
-		R,
-		re,
-		c,
-		s.triggerNode,
-		ie,
-		ae,
-		oe,
-		se,
-		B,
-		U
-	]), h(() => {
-		let e = V.current;
-		if (e !== null && c !== null) {
-			if (s.open) {
-				U(e, c);
-				return;
-			}
-			c.removeAttribute("data-open"), H.current !== 0 && (c.ownerDocument.defaultView?.cancelAnimationFrame(H.current), H.current = 0);
-		}
-	}, [
-		c,
-		U,
-		s.open
-	]), f(() => {
-		if (c === null || !s.open) return;
-		let e = [s.triggerNode].filter((e) => e !== null), t = w(c, {
-			branches: e,
-			escape: s.closeOnEscape,
-			focusOutside: !1,
-			modal: !1,
-			outsidePress: s.closeOnOutsidePress,
-			scrollLock: !1,
-			onDismiss: (e) => {
-				let t = j.current;
-				if (e.reason === "escape" && t.search && t.query !== "") {
-					t.setQuery("", "clear", e.source);
-					return;
-				}
-				t.setOpen(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source), e.reason === "escape" && t.triggerNode?.focus({ preventScroll: !0 });
-			}
-		});
-		return () => t.destroy();
-	}, [
-		c,
-		s.closeOnEscape,
-		s.closeOnOutsidePress,
-		s.open,
-		s.triggerNode
-	]), h(() => {
-		let e = j.current;
-		if (!e.open || d === null || e.entry.current === "none") return;
-		let t = ce(d, e.selection, e.entry.current, e.loop);
-		t !== null && e.setHighlighted(t, "keyboard");
-	}, [s.open, d]), h(() => {
-		let e = z(d).length;
-		ne((t) => t === e ? t : e);
-	}), f(() => {
-		c?.hasAttribute("data-open") === !0 && le(d, s.highlighted);
-	}, [
-		c,
-		s.highlighted,
-		d
-	]);
-	let G = s.searchNode;
-	f(() => {
-		s.open && s.search && G !== null && G.focus({ preventScroll: !0 });
-	}, [
-		G,
-		s.open,
-		s.search
-	]);
-	let ue = _(s.query);
-	f(() => {
-		s.open && s.search && d !== null && ue.current !== s.query && (ue.current = s.query, j.current.setHighlighted(W(d, null, "first", !1), "keyboard"));
-	}, [
-		k,
-		s.open,
-		s.query,
-		s.search,
-		d
-	]);
-	let K = s.selection.filter((e) => s.labelFor(e) === void 0).join("\0"), [q, fe] = v(null), me = _(null);
-	if (f(() => {
-		if (q !== null) {
-			fe(null);
-			return;
-		}
-		M || K === "" || me.current === K || (me.current = K, fe((s.triggerNode?.ownerDocument ?? document).createDocumentFragment()));
-	}, [
-		q,
-		M,
-		s.triggerNode,
-		K
-	]), !M) return q === null ? null : D(e, q);
-	let he = {
-		"data-align": P,
-		...s.open ? {} : { inert: !0 },
-		"data-part": "positioner",
-		"data-size": s.size,
-		"data-ui": "select",
-		"data-width": s.width
-	}, ge = a === void 0 ? s.loading ? s.t("loading") : !s.search || k === 0 ? null : s.t("count", { count: k }) : a, _e = s.multiple && s.selection.length > 0 ? /* @__PURE__ */ b("div", {
-		"aria-hidden": "true",
-		"data-part": "chosen",
-		children: s.selection.map((e) => /* @__PURE__ */ b("span", {
-			"data-part": "root",
-			"data-size": "sm",
-			"data-ui": "tag",
-			"data-variant": "soft",
-			children: /* @__PURE__ */ b("span", {
-				"data-part": "body",
-				children: /* @__PURE__ */ b("span", {
-					"data-part": "label",
-					children: s.labelFor(e) ?? String(e)
-				})
-			})
-		}, String(e)))
-	}) : null, ve = /* @__PURE__ */ x(y, { children: [
-		_e,
-		e,
-		s.loading ? /* @__PURE__ */ b("div", {
-			"aria-hidden": "true",
-			"data-part": "placeholder",
-			children: [
-				0,
-				1,
-				2
-			].map((e) => /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b("span", {
-				"data-part": "root",
-				"data-shape": "text",
-				"data-ui": "skeleton",
-				"data-loading": ""
-			}) }, e))
-		}) : null,
-		!s.loading && k === 0 ? /* @__PURE__ */ b("div", {
-			"data-part": "empty",
-			children: t ?? s.t("empty")
-		}) : null,
-		s.search || s.loading ? /* @__PURE__ */ b("div", {
-			"aria-live": "polite",
-			"data-part": "status",
-			...s.loading ? { "data-loading": "" } : {},
-			role: "status",
-			children: ge
-		}) : null
-	] }), ye = {
-		"aria-busy": s.loading ? !0 : void 0,
-		"aria-multiselectable": s.multiple ? !0 : void 0
-	}, be = /* @__PURE__ */ b("div", {
-		...he,
-		ref: (e) => {
-			l(e), de(e, n);
-		},
-		children: /* @__PURE__ */ b("div", {
-			...o,
-			...s.search ? {} : ye,
-			"aria-labelledby": o["aria-label"] === void 0 ? s.triggerId : void 0,
-			"data-loading": s.loading ? "" : void 0,
-			"data-part": "content",
-			...s.search ? { "data-search": "" } : {},
-			id: s.contentId,
-			ref: p,
-			role: s.search ? "dialog" : "listbox",
-			children: s.search ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(pe, { ...i }), /* @__PURE__ */ b("div", {
-				...ye,
-				"aria-labelledby": s.triggerId,
-				"data-part": "list",
-				id: s.listId,
-				role: "listbox",
-				children: ve
-			})] }) : ve
-		})
-	}), xe = r === void 0 ? be : r({
-		...he,
-		children: e
-	});
-	return m === null ? xe : D(xe, m);
-}
-//#endregion
-//#region src/select/select-items.tsx
-function he({ children: n, description: r, disabled: i = !1, icon: a, position: s, ref: c, textValue: l, value: u, ...d }) {
-	let p = L(), m = _(null), h = _(null);
-	f(() => {
-		if (m.current === null) return;
-		let e = l ?? m.current.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
-		e !== "" && e !== h.current && (h.current = e, p.registerLabel(u, e));
-	}, [
-		n,
-		p,
-		l,
-		u
-	]);
-	let v = l ?? (typeof n == "string" ? n : void 0), y = g(() => {
-		if (!p.search || !p.highlightMatch || p.query === "" || v === void 0) return n;
-		let e = j(v, p.query, { locale: p.locale });
-		return e.length === 0 ? n : /* @__PURE__ */ b(o, {
-			ranges: e,
-			text: v
-		});
-	}, [
-		n,
-		p.highlightMatch,
-		p.locale,
-		p.query,
-		p.search,
-		v
-	]);
-	if (v !== void 0 && !p.matches(v)) return null;
-	let S = p.selection.includes(u), ee = p.highlighted === u, C = (e) => {
-		i || p.setHighlighted(u, "pointer", e.nativeEvent);
-	}, w = (e) => {
-		d.onPointerDown?.(e), !e.defaultPrevented && e.preventDefault();
-	}, T = (e) => {
-		if (!i) {
-			if (p.toggle(u, "pointer", e.nativeEvent), p.closeOnSelect && !p.multiple) {
-				p.setOpen(!1, "select", e.nativeEvent);
-				return;
-			}
-			p.setQuery("", "select", e.nativeEvent), p.searchNode?.focus({ preventScroll: !0 });
-		}
-	};
-	return /* @__PURE__ */ x("div", {
-		...d,
-		"aria-disabled": i ? !0 : void 0,
-		"aria-posinset": s,
-		"aria-setsize": s === void 0 ? void 0 : p.total,
-		"aria-selected": S,
-		"data-part": "item",
-		"data-value": u,
-		id: d.id ?? p.optionId(u),
-		...v === void 0 ? {} : { "data-text-value": v },
-		...i ? { "data-disabled": "" } : {},
-		...S ? { "data-selected": "" } : {},
-		...ee ? { "data-current": "" } : {},
-		onClick: T,
-		onPointerDown: w,
-		onPointerEnter: C,
-		ref: (e) => {
-			m.current = e, typeof c == "function" ? c(e) : c != null && (c.current = e);
-		},
-		role: "option",
-		children: [
-			a === void 0 ? null : /* @__PURE__ */ b("span", {
-				"data-part": "icon",
-				children: a
-			}),
-			/* @__PURE__ */ b("span", {
-				"data-part": "label",
-				children: y
-			}),
-			r === void 0 ? null : /* @__PURE__ */ b("span", {
-				"data-part": "description",
-				children: r
-			}),
-			/* @__PURE__ */ b("span", {
-				"data-part": "indicator",
-				children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "check" }) })
-			})
-		]
-	});
-}
-function ge({ children: e, label: t, ...n }) {
-	let r = `${p()}group`, { query: i } = L(), [a, o] = v(null), [s, c] = v(!1);
-	return f(() => {
-		a !== null && c(a.querySelector("[data-part='item']") === null);
-	}, [a, i]), /* @__PURE__ */ x("div", {
-		...n,
-		"aria-labelledby": r,
-		"data-part": "group",
-		hidden: s,
-		ref: o,
-		role: "group",
-		children: [/* @__PURE__ */ b("div", {
-			"data-part": "group-label",
-			id: r,
-			children: t
-		}), e]
-	});
-}
-function _e(e) {
-	return /* @__PURE__ */ b("div", {
-		"data-part": "separator",
-		ref: e.ref,
-		role: "separator"
-	});
-}
-//#endregion
-export { pe as a, oe as c, F as d, P as f, me as i, L as l, he as n, K as o, _e as r, fe as s, ge as t, M as u };