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

package/dist/select-C0JYHwBy.js

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