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

package/dist/entity-picker-CPDd73JR.js

@@ -0,0 +1,1110 @@
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+/* empty css                 */
+import { t as i } from "./avatar-BnlE5jjr.js";
+/* empty css                  */
+import { b as a } from "./field-NJaCxl2h.js";
+/* empty css             */
+import { t as o } from "./highlight-0Qw23QPp.js";
+import { c as s, i as c, n as l, o as ee, s as te } from "./select-DOFqPy26.js";
+import { createArrowNavigation as ne, createRemovalFocus as re } from "@slotted/core/focus";
+import { createControllable as u } from "@slotted/core/state";
+import { createContext as ie, useCallback as d, useContext as f, useEffect as p, useId as ae, useImperativeHandle as oe, useLayoutEffect as se, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as ce, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { createCollapse as y } from "@slotted/core/overflow";
+import { createPresence as le } from "@slotted/core/presence";
+import { createPortalRoot as ue } from "@slotted/core/portal";
+import { createDismissableLayer as de, pressOrigin as fe } from "@slotted/core/dismissable-layer";
+import { createPositioner as pe } from "@slotted/core/positioner";
+import { createPortal as me } from "react-dom";
+import { entityPickerMessages as he } from "@slotted/core/i18n";
+import { getLiveAnnouncer as ge } from "@slotted/core/live-announcer";
+import { moveIndex as _e } from "@slotted/core/collection";
+import { CREATE_OPTION as b, CREATE_OPTION as x, RETRY_OPTION as ve, RETRY_OPTION as S, createEntityCache as ye, createEntityResolver as be, createEntitySearch as xe, entityInitials as Se, entityName as C, entityOptions as Ce, entityPickerKey as we, entitySections as Te, localEntitySource as Ee, localEntitySource as De, offersCreation as Oe, rememberRecent as ke } from "@slotted/core/entity-picker";
+//#region src/entity-picker/entity-picker-defaults.tsx
+var w = {
+	clearable: !0,
+	disabled: !1,
+	fullWidth: !0,
+	highlightMatch: !0,
+	invalid: !1,
+	loop: !1,
+	media: "avatar",
+	minQueryLength: 0,
+	openOn: "input",
+	overflow: "collapse",
+	portal: !0,
+	readOnly: !1,
+	required: !1,
+	searchDelay: 250,
+	side: "bottom",
+	size: "md",
+	strategy: "absolute",
+	variant: "outline",
+	width: "content"
+}, Ae = ie(w);
+function je() {
+	return f(Ae);
+}
+function Me({ children: e, ...t }) {
+	let n = { ...je() };
+	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = r);
+	return /* @__PURE__ */ _(Ae.Provider, {
+		value: n,
+		children: e
+	});
+}
+//#endregion
+//#region src/entity-picker/entity-picker-control.tsx
+var Ne = "[data-part='chips'] > [data-ui='tag']:not([data-count])";
+function T(e, t) {
+	return (n) => {
+		e?.(n), n.defaultPrevented || t(n);
+	};
+}
+function Pe(e, ...t) {
+	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
+}
+var Fe = {
+	border: 0,
+	clip: "rect(0 0 0 0)",
+	clipPath: "inset(50%)",
+	height: "1px",
+	overflow: "hidden",
+	padding: 0,
+	position: "absolute",
+	whiteSpace: "nowrap",
+	width: "1px"
+};
+function Ie({ entity: e, locale: t }) {
+	return e.avatar === null ? null : /* @__PURE__ */ _(i, {
+		decorative: !0,
+		initials: Se(e),
+		locale: t,
+		name: e.avatar?.name ?? e.label,
+		shape: e.avatar?.shape ?? "circle",
+		size: "xs",
+		...e.avatar?.src === void 0 ? {} : { src: e.avatar.src }
+	});
+}
+function Le() {
+	let n = k(), r = a(), { props: i } = n, { "aria-describedby": o, "aria-label": u, form: ie, id: f, name: ae, onBlur: oe, onClick: m, onFocus: le, onKeyDown: ue, placeholder: de, ref: pe, render: me, source: he, items: ge, entities: b, favorites: x, recent: ve, scopes: S, scope: ye, defaultScope: be, onScopeChange: xe, inputValue: Se, defaultInputValue: C, onInputValueChange: Ce, open: Te, defaultOpen: Ee, onOpenChange: De, highlightedValue: Oe, defaultHighlightedValue: ke, onHighlightedValueChange: w, onCreate: Ae, renderOption: je, renderChip: Me, handleRef: Le, locale: D, max: O, clearable: Re, disabled: ze, fullWidth: A, highlightMatch: Be, invalid: Ve, messages: He, loop: Ue, media: We, minQueryLength: Ge, openOn: j, overflow: Ke, portal: qe, readOnly: Je, required: Ye, searchDelay: Xe, side: Ze, size: Qe, strategy: $e, variant: et, width: M, selectionMode: tt, value: N, defaultValue: nt, onValueChange: rt, ...it } = i, { t: P, multiple: F } = n, I = n.chosen, at = h(null), L = h(null), [ot, st] = g(0), ct = d((e) => {
+		n.setInputNode(e), Pe(e, pe);
+	}, [pe]), lt = (e, t) => {
+		n.entry.current = e, n.setOpen(!0, "keyboard", t);
+	}, ut = (e, t) => {
+		let r = n.options, i = r.findIndex((e) => e.key === n.highlighted), a = _e({
+			enabled: r.map((e) => !e.disabled),
+			from: i,
+			intent: e,
+			loop: n.loop
+		});
+		a >= 0 && n.setHighlighted(r[a].key, "keyboard", t);
+	}, dt = (e) => {
+		if (n.disabled) return;
+		let t = e.currentTarget, r = we({
+			key: e.key,
+			altKey: e.altKey,
+			ctrlKey: e.ctrlKey,
+			metaKey: e.metaKey,
+			composing: e.nativeEvent.isComposing,
+			open: n.open,
+			selectionMode: F ? "multiple" : "single",
+			readOnly: n.readOnly,
+			highlighted: n.highlighted !== null,
+			empty: t.value === "",
+			caretAtStart: t.selectionStart === 0 && t.selectionEnd === 0,
+			chips: I.length,
+			dir: getComputedStyle(t).direction === "rtl" ? "rtl" : "ltr"
+		}), i = e.nativeEvent;
+		switch (r.type) {
+			case "none":
+				e.key === "Tab" && n.open && n.setOpen(!1, "blur", i);
+				return;
+			case "open":
+				e.preventDefault(), lt(r.highlight, i);
+				return;
+			case "close":
+				e.preventDefault(), n.setOpen(!1, r.reason, i);
+				return;
+			case "move":
+				e.preventDefault(), ut(r.intent, i);
+				return;
+			case "activate":
+				e.preventDefault(), n.highlighted !== null && n.activate(n.highlighted, "keyboard", i);
+				return;
+			case "revert":
+				e.preventDefault(), n.revert(i);
+				return;
+			case "clearQuery":
+				e.preventDefault(), n.clearQuery(i);
+				return;
+			case "focusChip": {
+				e.preventDefault();
+				let t = [...at.current?.querySelectorAll(Ne) ?? []].filter((e) => !e.hidden);
+				t[t.length - 1]?.focus({ preventScroll: !0 });
+				return;
+			}
+		}
+	}, ft = (e) => {
+		n.setTyped(e.currentTarget.value, e.nativeEvent), !n.open && !n.readOnly && n.openOn !== "manual" && (n.entry.current = "keep", n.setOpen(!0, "keyboard", e.nativeEvent));
+	}, pt = () => {
+		n.openOn !== "focus" || n.readOnly || n.open || (n.entry.current = F ? "keep" : "selected", n.setOpen(!0, "keyboard"));
+	}, mt = (e) => {
+		n.openOn === "manual" || n.disabled || n.readOnly || n.open || (n.entry.current = F ? "keep" : "selected", n.setOpen(!0, "pointer", e.nativeEvent));
+	}, ht = (e) => {
+		let t = e.relatedTarget, r = n.inputNode?.ownerDocument.getElementById(n.contentId) ?? null;
+		if (n.controlNode?.parentElement, t instanceof Node && (r?.contains(t) || n.controlNode?.contains(t))) return;
+		let i = fe(n.inputNode?.ownerDocument);
+		i instanceof Node && r?.contains(i) === !0 || (n.settle(e), n.open && n.setOpen(!1, "blur"));
+	}, gt = (e) => {
+		n.disabled || n.readOnly || (n.entry.current = F ? "keep" : "selected", n.setOpen(!n.open, "pointer", e.nativeEvent), n.inputNode?.focus({ preventScroll: !0 }));
+	}, R = (e) => {
+		n.clear(e.nativeEvent), n.inputNode?.focus({ preventScroll: !0 });
+	};
+	p(() => {
+		let e = at.current;
+		if (e === null) return;
+		let t = ne(e, {
+			itemSelector: `${Ne}, [data-part='field'] > [data-part='input']`,
+			loop: !1,
+			ownedKeys: (e) => e instanceof HTMLInputElement && e.value !== "" ? [
+				"ArrowLeft",
+				"ArrowRight",
+				"Home",
+				"End"
+			] : []
+		}), r = re(e, {
+			itemSelector: Ne,
+			fallback: () => n.inputNode
+		});
+		return () => {
+			t.destroy(), r.destroy();
+		};
+	}, [F, n.inputNode]);
+	let z = F && n.overflow === "collapse", B = h(null);
+	p(() => {
+		let e = at.current;
+		if (e === null || !z) {
+			st(0);
+			return;
+		}
+		let t = y(e, {
+			collapsible: (e) => e.dataset.part !== "field",
+			fixedSize: (e) => e.dataset.part === "field" ? Number.parseFloat(getComputedStyle(e).minInlineSize) || 0 : void 0,
+			onChange: (e) => st(e.length),
+			trigger: () => L.current,
+			units: () => [...e.children].filter((e) => e instanceof HTMLElement && !e.hasAttribute("data-count"))
+		});
+		return B.current = t, () => {
+			t.destroy(), B.current = null;
+		};
+	}, [z]), se(() => {
+		B.current?.refresh();
+	}, [I, n.version]);
+	let V = [o, r?.describedBy].filter(Boolean).join(" "), H = f ?? r?.ids.control ?? n.inputId, _t = !F && I.length > 0 && n.resolver.status(I[0]) === "pending", vt = n.search.indicator || _t, yt = n.clearable && !n.disabled && !n.readOnly && (I.length > 0 || n.inputValue !== ""), U = /* @__PURE__ */ _("input", {
+		...it,
+		"aria-activedescendant": n.open && n.highlighted !== null ? n.optionId(n.highlighted) : void 0,
+		"aria-autocomplete": "list",
+		"aria-busy": _t ? !0 : void 0,
+		"aria-controls": n.open ? n.contentId : void 0,
+		"aria-describedby": V === "" ? void 0 : V,
+		"aria-expanded": n.open,
+		"aria-invalid": n.invalid ? !0 : void 0,
+		"aria-label": u,
+		"aria-readonly": n.readOnly ? !0 : void 0,
+		autoComplete: "off",
+		"data-part": "input",
+		disabled: n.disabled,
+		id: H,
+		onBlur: T(oe, ht),
+		onChange: ft,
+		onClick: T(m, mt),
+		onFocus: T(le, pt),
+		onKeyDown: T(ue, dt),
+		placeholder: de,
+		readOnly: n.readOnly,
+		ref: ct,
+		required: n.required && I.length === 0,
+		role: "combobox",
+		type: "text",
+		value: n.inputValue
+	}), W = !F && I[0] !== void 0 ? n.cache.get(I[0]) : void 0, G = {
+		"data-overflow": n.overflow,
+		"data-part": "root",
+		"data-selection-mode": F ? "multiple" : "single",
+		"data-size": n.size,
+		"data-ui": "entity-picker",
+		"data-variant": n.variant,
+		...n.fullWidth ? { "data-full-width": "" } : {},
+		...n.open ? { "data-open": "" } : {},
+		...n.disabled ? { "data-disabled": "" } : {},
+		...n.readOnly ? { "data-readonly": "" } : {},
+		...n.invalid ? { "data-invalid": "" } : {},
+		...n.required ? { "data-required": "" } : {},
+		...vt ? { "data-loading": "" } : {},
+		...n.max !== null && I.length >= n.max ? { "data-complete": "" } : {},
+		...S !== void 0 && S.length > 0 ? {
+			role: "group",
+			...r?.ids.label === void 0 ? u === void 0 ? {} : { "aria-label": u } : { "aria-labelledby": r.ids.label }
+		} : {}
+	}, bt = P("chips", {
+		label: u ?? "",
+		count: I.length
+	}).replace(/^, /, ""), K = /* @__PURE__ */ v(ce, { children: [
+		S !== void 0 && S.length > 0 ? /* @__PURE__ */ _("div", {
+			"data-part": "scope",
+			children: /* @__PURE__ */ v(s, {
+				disabled: n.disabled || n.readOnly,
+				items: S.map((e) => ({
+					value: e.id,
+					label: e.label
+				})),
+				onValueChange: (e, t) => n.setScope(typeof e == "string" ? e : null, t.reason === "pointer" || t.reason === "keyboard" ? t.reason : "programmatic", t.source),
+				size: n.size,
+				value: n.scope,
+				variant: n.variant === "plain" ? "plain" : n.variant,
+				children: [/* @__PURE__ */ _(ee, {
+					"aria-label": P("scope"),
+					children: /* @__PURE__ */ _(te, {})
+				}), /* @__PURE__ */ _(c, { children: S.map((e) => /* @__PURE__ */ _(l, {
+					value: e.id,
+					children: e.label
+				}, e.id)) })]
+			})
+		}) : null,
+		/* @__PURE__ */ v("div", {
+			"data-part": "control",
+			ref: n.setControlNode,
+			children: [
+				!F && W !== void 0 && W.avatar !== null && n.media === "avatar" && n.inputValue === W.label ? /* @__PURE__ */ _("span", {
+					"aria-hidden": "true",
+					"data-part": "selection",
+					children: /* @__PURE__ */ _(Ie, {
+						entity: W,
+						locale: n.locale
+					})
+				}) : null,
+				F ? /* @__PURE__ */ _("div", {
+					"aria-label": bt,
+					"data-part": "values",
+					role: "grid",
+					children: /* @__PURE__ */ v("div", {
+						"data-part": "chips",
+						ref: at,
+						role: "row",
+						children: [
+							I.map((e) => /* @__PURE__ */ _(E, {
+								id: e,
+								renderChip: Me
+							}, e)),
+							z ? /* @__PURE__ */ _("span", {
+								"aria-label": P("moreLabel", { count: Math.max(ot, 1) }),
+								"data-count": "",
+								"data-part": "root",
+								"data-size": "sm",
+								"data-tone": "secondary",
+								"data-ui": "tag",
+								"data-variant": "outline",
+								hidden: !0,
+								onClick: (e) => {
+									n.setTyped("", e.nativeEvent), n.entry.current = "keep", n.setOpen(!0, "pointer", e.nativeEvent), n.inputNode?.focus({ preventScroll: !0 });
+								},
+								ref: L,
+								role: "gridcell",
+								tabIndex: -1,
+								children: /* @__PURE__ */ _("span", {
+									"data-part": "body",
+									children: /* @__PURE__ */ _("span", {
+										"data-part": "label",
+										children: P("more", { count: Math.max(ot, 1) })
+									})
+								})
+							}) : null,
+							/* @__PURE__ */ _("span", {
+								"data-part": "field",
+								role: "gridcell",
+								children: U
+							})
+						]
+					})
+				}) : U,
+				yt ? /* @__PURE__ */ _("button", {
+					"aria-label": P("clear"),
+					"data-part": "clear",
+					onClick: R,
+					type: "button",
+					children: /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "x" }) })
+				}) : null,
+				/* @__PURE__ */ _("button", {
+					"aria-label": P("trigger"),
+					"data-part": "trigger",
+					disabled: n.disabled,
+					onClick: gt,
+					tabIndex: -1,
+					type: "button",
+					children: vt ? /* @__PURE__ */ _("span", {
+						"aria-hidden": "true",
+						"data-part": "busy",
+						"data-ui": "spinner"
+					}) : /* @__PURE__ */ _("span", {
+						"data-part": "arrow",
+						children: /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "chevron-down" }) })
+					})
+				})
+			]
+		}),
+		ae === void 0 ? null : (I.length === 0 ? [""] : I).map((e, t) => /* @__PURE__ */ _("input", {
+			"aria-hidden": "true",
+			form: ie,
+			name: ae,
+			readOnly: !0,
+			required: t === 0 && n.required,
+			style: Fe,
+			tabIndex: -1,
+			type: "text",
+			value: e
+		}, `${e}-${t}`))
+	] });
+	return me === void 0 ? /* @__PURE__ */ _("div", {
+		...G,
+		children: K
+	}) : me({
+		...G,
+		children: K
+	});
+}
+function E({ id: n, renderChip: r }) {
+	let i = k(), { t: a } = i, o = i.cache.get(n), s = i.resolver.status(n), c = o === void 0 && s === "pending", l = o === void 0 && s === "missing", ee = i.readOnly || i.disabled, te = o === void 0 ? a(l ? "unresolvedChip" : "loadingChip", { id: n }) : C(o), ne = o?.label ?? (l ? a("unresolved") : n), re = (e) => {
+		if (!e.defaultPrevented) switch (e.key) {
+			case "Delete":
+			case "Backspace":
+				if (ee) return;
+				e.preventDefault(), i.remove(n, e.nativeEvent);
+				return;
+			case "Escape":
+				e.preventDefault(), i.inputNode?.focus({ preventScroll: !0 });
+				return;
+			default: e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && i.inputNode?.focus({ preventScroll: !0 });
+		}
+	}, u = (e) => {
+		e.stopPropagation(), i.remove(n, e.nativeEvent), i.inputNode?.focus({ preventScroll: !0 });
+	};
+	return /* @__PURE__ */ v("span", {
+		"aria-busy": c ? !0 : void 0,
+		"aria-label": te,
+		"data-part": "root",
+		"data-size": "sm",
+		"data-tone": "secondary",
+		"data-ui": "tag",
+		"data-value": n,
+		"data-variant": l || c ? "outline" : "soft",
+		onKeyDown: re,
+		role: "gridcell",
+		tabIndex: -1,
+		...c ? { "data-loading": "" } : {},
+		...l ? { "data-unresolved": "" } : {},
+		...i.disabled ? { "data-disabled": "" } : {},
+		children: [/* @__PURE__ */ v("span", {
+			"data-part": "body",
+			children: [i.media === "avatar" && o?.avatar !== null ? /* @__PURE__ */ _("span", {
+				"data-part": "start",
+				children: o === void 0 ? c ? /* @__PURE__ */ _("span", {
+					"aria-hidden": "true",
+					"data-loading": "",
+					"data-part": "root",
+					"data-shape": "circle",
+					"data-size": "xs",
+					"data-ui": "skeleton"
+				}) : l ? /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "circle-alert" }) }) : null : /* @__PURE__ */ _(Ie, {
+					entity: o,
+					locale: i.locale
+				})
+			}) : null, /* @__PURE__ */ _("span", {
+				"data-part": "label",
+				children: c ? /* @__PURE__ */ _("span", {
+					"aria-hidden": "true",
+					"data-loading": "",
+					"data-part": "root",
+					"data-shape": "text",
+					"data-ui": "skeleton"
+				}) : o !== void 0 && r !== void 0 ? r(o) : ne
+			})]
+		}), ee ? null : /* @__PURE__ */ _("button", {
+			"aria-label": a("remove", { label: o?.label ?? ne }),
+			"data-part": "remove",
+			onClick: u,
+			tabIndex: -1,
+			type: "button",
+			children: /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "x" }) })
+		})]
+	});
+}
+//#endregion
+//#region src/entity-picker/entity-picker-popup.tsx
+function D(e) {
+	e.defaultPrevented || e.preventDefault();
+}
+function O() {
+	return /* @__PURE__ */ v("div", { children: [
+		/* @__PURE__ */ _("span", {
+			"data-loading": "",
+			"data-part": "root",
+			"data-shape": "circle",
+			"data-size": "xs",
+			"data-ui": "skeleton"
+		}),
+		/* @__PURE__ */ _("span", {
+			"data-loading": "",
+			"data-part": "root",
+			"data-shape": "text",
+			"data-ui": "skeleton"
+		}),
+		/* @__PURE__ */ _("span", {
+			"data-loading": "",
+			"data-part": "root",
+			"data-shape": "text",
+			"data-ui": "skeleton"
+		})
+	] });
+}
+function Re() {
+	let n = k(), { t: r, search: i } = n, a = ae(), [s, c] = g(null), [l, ee] = g(null), [te, ne] = g(null), [re, u] = g("unmounted"), [ie, d] = g(!1), f = h(null), oe = h(null), m = h(n);
+	m.current = n, p(() => {
+		let e = le({
+			present: m.current.open,
+			onStatusChange: u
+		});
+		return f.current = e, u(e.status), () => {
+			e.destroy(), f.current = null;
+		};
+	}, []), p(() => f.current?.sync(n.open), [n.open]), p(() => f.current?.setNode(s), [s]);
+	let y = re !== "unmounted";
+	p(() => {
+		if (!y) {
+			ne(null);
+			return;
+		}
+		let e = ue({
+			origin: n.inputNode,
+			disabled: !n.portal
+		});
+		return ne(e.container), () => e.release();
+	}, [
+		y,
+		n.inputNode,
+		n.portal
+	]);
+	let { side: fe, strategy: he, width: _e, controlNode: x } = n;
+	p(() => {
+		if (s === null || x === null) return;
+		let e = !0, t = pe(x, s, {
+			align: "start",
+			alignOffset: 0,
+			boundaryPadding: 8,
+			flip: !0,
+			hideWhenDetached: !0,
+			matchWidth: _e === "anchor",
+			shift: !0,
+			side: fe,
+			sideOffset: 4,
+			strategy: he
+		});
+		return t.update().then(() => {
+			e && d(!0);
+		}), () => {
+			e = !1, t.destroy(), d(!1);
+		};
+	}, [
+		x,
+		s,
+		fe,
+		he,
+		_e
+	]), p(() => {
+		if (s === null || !n.open || x === null) return;
+		let e = de(s, {
+			branches: [x],
+			escape: !0,
+			focusOutside: !1,
+			modal: !1,
+			outsidePress: !0,
+			scrollLock: !1,
+			onDismiss: (e) => {
+				m.current.setOpen(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source);
+			}
+		});
+		return () => e.destroy();
+	}, [
+		x,
+		s,
+		n.open
+	]);
+	let S = n.options.map((e) => e.key).join("
");
+	se(() => {
+		let e = m.current;
+		if (!e.open) return;
+		let t = e.options, n = e.entry.current;
+		if (n !== "keep") {
+			let r = t.filter((e) => !e.disabled), i = n === "last" ? r[r.length - 1] : n === "selected" ? t.find((t) => e.chosen.includes(t.key)) ?? void 0 : r[0];
+			(i !== void 0 || n !== "selected") && (e.entry.current = "keep", i !== void 0 && e.setHighlighted(i.key, "keyboard"));
+			return;
+		}
+		e.highlighted !== null && !t.some((t) => t.key === e.highlighted) && e.setHighlighted(null, "keyboard");
+	}, [S, n.open]), p(() => {
+		if (l === null || n.highlighted === null) return;
+		let e = l.ownerDocument.getElementById(n.optionId(n.highlighted));
+		typeof e?.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
+	}, [
+		n,
+		n.highlighted,
+		l
+	]);
+	let ye = i.status === "error";
+	if (p(() => {
+		ye && m.current.open && ge(m.current.inputNode?.ownerDocument).announce(m.current.t("error"), { repeat: !0 });
+	}, [ye]), p(() => {
+		let e = oe.current, t = l;
+		if (e === null || t === null || !i.hasMore || typeof IntersectionObserver != "function") return;
+		let n = new IntersectionObserver((e) => {
+			e.some((e) => e.isIntersecting) && m.current.session.more();
+		}, { root: t });
+		return n.observe(e), () => n.disconnect();
+	}, [
+		i.hasMore,
+		i.items.length,
+		l
+	]), !y) return null;
+	let be = n.options.filter((e) => e.key !== b && e.key !== ve).length, xe = i.status === "loading" && i.items.length === 0, Se = i.status === "loading" && i.items.length > 0 && i.indicator, C = i.status === "error", Ce = be === 0 && !n.offerCreate && !C && !xe && i.status !== "waiting" && i.status !== "short", we = i.status === "short" ? r("minQuery", { count: n.props.minQueryLength ?? 0 }) : C ? null : i.indicator && (xe || i.loadingMore) ? r("loading") : i.status === "ready" && n.query !== "" ? r("count", { count: i.total ?? i.items.length }) : null, Te = (r) => {
+		let i = r.id, a = n.chosen.includes(i), s = n.highlighted === i, c = n.options.find((e) => e.key === i)?.disabled ?? r.disabled === !0, l = (e) => {
+			c || (n.activate(i, "pointer", e.nativeEvent), n.inputNode?.focus({ preventScroll: !0 }));
+		}, ee = n.props.renderOption === void 0 ? /* @__PURE__ */ v(ce, { children: [
+			/* @__PURE__ */ _("span", {
+				"data-part": "label",
+				children: n.highlightMatch && n.query !== "" ? /* @__PURE__ */ _(o, {
+					locale: n.locale,
+					query: n.query,
+					text: r.label
+				}) : r.label
+			}),
+			r.description === void 0 ? null : /* @__PURE__ */ _("span", {
+				"data-part": "description",
+				children: r.description
+			}),
+			r.meta === void 0 ? null : /* @__PURE__ */ _("span", {
+				"data-part": "meta",
+				children: r.meta
+			})
+		] }) : n.props.renderOption(r, {
+			current: s,
+			disabled: c,
+			query: n.query,
+			selected: a
+		});
+		return /* @__PURE__ */ v("div", {
+			"aria-disabled": c ? !0 : void 0,
+			"aria-selected": a,
+			"data-part": "item",
+			"data-value": i,
+			id: n.optionId(i),
+			onClick: l,
+			onPointerDown: D,
+			onPointerEnter: (e) => {
+				c || n.setHighlighted(i, "pointer", e.nativeEvent);
+			},
+			role: "option",
+			...s ? { "data-current": "" } : {},
+			...a ? { "data-selected": "" } : {},
+			...c ? { "data-disabled": "" } : {},
+			children: [
+				n.media === "avatar" && r.avatar !== null ? /* @__PURE__ */ _("span", {
+					"data-part": "media",
+					children: /* @__PURE__ */ _(Ie, {
+						entity: r,
+						locale: n.locale
+					})
+				}) : null,
+				ee,
+				/* @__PURE__ */ _("span", {
+					"data-part": "indicator",
+					children: /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "check" }) })
+				})
+			]
+		}, i);
+	}, Ee = (r, i, a) => /* @__PURE__ */ v("div", {
+		"aria-selected": !1,
+		"data-part": "item",
+		"data-value": r,
+		id: n.optionId(r),
+		onClick: a,
+		onPointerDown: D,
+		onPointerEnter: (e) => n.setHighlighted(r, "pointer", e.nativeEvent),
+		role: "option",
+		...r === b ? { "data-create": "" } : { "data-retry": "" },
+		...n.highlighted === r ? { "data-current": "" } : {},
+		...n.creating && r === b ? { "data-loading": "" } : {},
+		children: [/* @__PURE__ */ _("span", {
+			"aria-hidden": "true",
+			"data-part": "media",
+			children: /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: r === b ? "plus" : "rotate-ccw" }) })
+		}), /* @__PURE__ */ _("span", {
+			"data-part": "label",
+			children: i
+		})]
+	}), { sections: De, headings: Oe } = n.sections, ke = !(C && i.items.length === 0), w = /* @__PURE__ */ _("div", {
+		"data-align": "start",
+		"data-part": "positioner",
+		"data-size": n.size,
+		"data-ui": "entity-picker",
+		"data-width": n.width,
+		ref: c,
+		...n.open ? {} : { inert: !0 },
+		...n.open && ie ? { "data-open": "" } : {},
+		children: /* @__PURE__ */ v("div", {
+			"aria-busy": i.status === "loading" || void 0,
+			"aria-label": n.props["aria-label"],
+			"data-part": "content",
+			id: n.contentId,
+			ref: ee,
+			role: "listbox",
+			...n.multiple ? { "aria-multiselectable": !0 } : {},
+			...Se ? { "data-loading": "" } : {},
+			children: [
+				ke ? De.map((e) => Oe ? /* @__PURE__ */ v("div", {
+					"aria-labelledby": `${a}${e.key}`,
+					"data-part": "group",
+					role: "group",
+					children: [/* @__PURE__ */ _("div", {
+						"data-part": "group-label",
+						id: `${a}${e.key}`,
+						children: e.label
+					}), e.entities.map(Te)]
+				}, e.key) : e.entities.map(Te)) : null,
+				xe && i.indicator ? /* @__PURE__ */ v("div", {
+					"aria-hidden": "true",
+					"data-part": "placeholder",
+					children: [
+						/* @__PURE__ */ _(O, {}),
+						/* @__PURE__ */ _(O, {}),
+						/* @__PURE__ */ _(O, {})
+					]
+				}) : null,
+				i.loadingMore && i.indicator ? /* @__PURE__ */ _("div", {
+					"aria-hidden": "true",
+					"data-part": "more",
+					children: /* @__PURE__ */ _(O, {})
+				}) : null,
+				/* @__PURE__ */ _("div", { ref: oe }),
+				n.offerCreate ? Ee(b, r("create", { query: n.query.trim() }), (e) => n.activate(b, "pointer", e.nativeEvent)) : null,
+				C ? /* @__PURE__ */ v("div", {
+					"data-part": "error",
+					children: [/* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "circle-alert" }) }), r("error")]
+				}) : null,
+				C ? Ee(ve, r("retry"), () => {
+					n.retry(), n.inputNode?.focus({ preventScroll: !0 });
+				}) : null,
+				Ce ? /* @__PURE__ */ _("div", {
+					"data-part": "empty",
+					children: r("empty")
+				}) : null,
+				/* @__PURE__ */ _("div", {
+					"aria-live": "polite",
+					"data-part": "status",
+					role: "status",
+					children: we
+				})
+			]
+		})
+	});
+	return te === null ? w : me(w, te);
+}
+//#endregion
+//#region src/entity-picker/entity-picker.tsx
+var ze = ie(void 0);
+function k() {
+	let e = f(ze);
+	if (e === void 0) throw Error("An entity picker part is outside an EntityPicker.");
+	return e;
+}
+var A = [], Be = {
+	state: {
+		status: "idle",
+		query: "",
+		scope: null,
+		items: [],
+		answered: !1,
+		total: void 0,
+		hasMore: !1,
+		loadingMore: !1,
+		indicator: !1,
+		error: void 0
+	},
+	search: () => {},
+	more: () => {},
+	retry: () => {},
+	refresh: () => {},
+	reset: () => {},
+	dispose: () => {}
+}, Ve = {
+	require: () => {},
+	status: () => "pending",
+	retry: () => {},
+	dispose: () => {}
+};
+function He(e) {
+	return Array.isArray(e) ? e : typeof e == "string" ? [e] : [];
+}
+function Ue(e) {
+	let { clearable: t, defaultHighlightedValue: i = null, defaultInputValue: o, defaultOpen: s = !1, defaultScope: c = null, disabled: l, entities: ee = A, favorites: te = A, fullWidth: ne, handleRef: re, highlightMatch: ie, highlightedValue: f, inputValue: se, invalid: ce, items: y, locale: le, messages: ue, loop: de, max: fe, media: pe, minQueryLength: me, onCreate: _e, open: x, openOn: S, overflow: Se, portal: C, readOnly: we, recent: De = A, required: ke, scope: w, searchDelay: Ae, side: Me, size: Ne, source: T, strategy: Pe, variant: Fe, width: Ie } = e, E = e.selectionMode === "multiple", D = je(), O = a(), k = ae(), Ue = `${k}listbox`, We = `${k}input`, Ge = d((e) => `${k}option-${encodeURIComponent(e)}`, [k]), j = r(he, ue), Ke = n(), qe = le ?? Ke, Je = l ?? O?.disabled ?? D.disabled, Ye = we ?? O?.readOnly ?? D.readOnly, Xe = me ?? D.minQueryLength, [Ze, Qe] = g(0), $e = d(() => Qe((e) => e + 1), []), et = h(null);
+	et.current === null && (et.current = ye());
+	let M = et.current;
+	M.remember(ee), M.remember(te), M.remember(De);
+	let tt = m(() => T ?? Ee(y ?? A, { locale: qe }), [
+		y,
+		qe,
+		T
+	]), N = h(tt);
+	N.current = tt;
+	let nt = m(() => ({
+		search: (e, t) => N.current.search(e, t),
+		resolve: (e, t) => N.current.resolve === void 0 ? Promise.resolve([]) : N.current.resolve(e, t)
+	}), []), [rt, it] = g(null), P = h(Xe);
+	P.current = Xe;
+	let F = h(Ae ?? D.searchDelay);
+	F.current = Ae ?? D.searchDelay;
+	let [I, at] = g(null);
+	p(() => {
+		let e = xe({
+			source: nt,
+			get delay() {
+				return F.current;
+			},
+			get minQueryLength() {
+				return P.current;
+			},
+			onChange: it,
+			onResults: (e) => M.remember(e)
+		}), t = be({
+			source: {
+				search: nt.search,
+				resolve: (e, t) => N.current.resolve === void 0 ? Promise.reject(/* @__PURE__ */ Error("no resolve")) : N.current.resolve(e, t)
+			},
+			cache: M,
+			onChange: $e
+		});
+		return at({
+			session: e,
+			resolver: t
+		}), () => {
+			e.dispose(), t.dispose(), it(null);
+		};
+	}, [
+		$e,
+		M,
+		nt
+	]);
+	let L = I?.session ?? Be, ot = I?.resolver ?? Ve, st = He(e.defaultValue), [ct, lt] = g(st), [ut, dt] = g(s), [ft, pt] = g(i), [mt, ht] = g(c), gt = e.value, R = gt === void 0 ? ct : He(gt), z = (x ?? ut) && !Je, B = f === void 0 ? ft : f, V = w === void 0 ? mt : w, H = (e) => e === void 0 ? "" : M.get(e)?.label ?? "", [_t, vt] = g(() => o ?? (E ? "" : H(st[0]))), yt = se ?? _t, [U, W] = g(!1), G = E || U ? yt : "", bt = h("keep"), [K, xt] = g(null), [St, Ct] = g(null), q = h({
+		props: e,
+		currentIds: R,
+		currentOpen: z,
+		currentHighlighted: B,
+		currentInput: yt,
+		currentScope: V,
+		typed: U
+	});
+	q.current = {
+		props: e,
+		currentIds: R,
+		currentOpen: z,
+		currentHighlighted: B,
+		currentInput: yt,
+		currentScope: V,
+		typed: U
+	};
+	let J = d((e) => {
+		ge(K?.ownerDocument).announce(e, { repeat: !0 });
+	}, [K]), Y = d((e, t, n) => {
+		let r = q.current, i = r.currentIds;
+		if (e.length === i.length && e.every((e, t) => e === i[t])) return !1;
+		let a = r.props.selectionMode === "multiple", o = (e) => a ? e : e[0] ?? null, s = u({
+			controlled: r.props.value,
+			initial: o(i),
+			equals: (e, t) => JSON.stringify(e) === JSON.stringify(t),
+			onRequest: (t) => {
+				let n = Object.assign(t, { entities: M.pick(e) });
+				r.props.onValueChange?.(t.value, n);
+			}
+		}).request(o(e), t, n);
+		return s && lt(e), s || r.props.value !== void 0;
+	}, [M]), X = d((e, t, n) => {
+		let r = q.current;
+		e !== r.currentInput && u({
+			controlled: r.props.inputValue,
+			initial: r.currentInput,
+			onRequest: (e) => r.props.onInputValueChange?.(e.value, e)
+		}).request(e, t, n) && vt(e);
+	}, []), Z = d((e, t, n) => {
+		let r = q.current;
+		e !== r.currentOpen && u({
+			controlled: r.props.open,
+			initial: r.currentOpen,
+			onRequest: (e) => r.props.onOpenChange?.(e.value, e)
+		}).request(e, t, n) && (dt(e), e || (pt(null), bt.current = "keep"));
+	}, []), wt = d((e, t, n) => {
+		let r = q.current;
+		e !== r.currentHighlighted && u({
+			controlled: r.props.highlightedValue,
+			initial: r.currentHighlighted,
+			onRequest: (e) => r.props.onHighlightedValueChange?.(e.value, e)
+		}).request(e, t, n) && pt(e);
+	}, []), Tt = d((e, t, n) => {
+		let r = q.current;
+		e !== r.currentScope && u({
+			controlled: r.props.scope,
+			initial: r.currentScope,
+			onRequest: (e) => r.props.onScopeChange?.(e.value, e)
+		}).request(e, t, n) && ht(e);
+	}, []), Et = d((e, t) => {
+		W(!0), X(e, "keyboard", t);
+	}, [X]), Dt = d((e, t, n) => {
+		Y(e === null ? [] : [e], t, n), W(!1), X(e === null ? "" : H(e), "select", n);
+	}, [Y, X]), Q = E ? fe ?? null : null, Ot = d((e, t, n) => {
+		let r = q.current.currentIds, i = H(e);
+		if (r.includes(e)) {
+			let a = r.filter((t) => t !== e);
+			Y(a, t === "remove" ? "remove" : t, n) && J(j("removed", {
+				label: i,
+				count: a.length
+			}));
+		} else {
+			if (Q !== null && r.length >= Q) return;
+			let a = [...r, e];
+			Y(a, t, n) && (J(j("added", {
+				label: i,
+				count: a.length
+			})), Q !== null && a.length === Q && J(j("complete", { max: Q })));
+		}
+		X("", "select", n);
+	}, [
+		J,
+		Q,
+		Y,
+		X,
+		j
+	]), kt = d((e, t) => {
+		let n = q.current.currentIds.filter((t) => t !== e);
+		Y(n, "remove", t) && J(j("removed", {
+			label: H(e) || j("unresolved"),
+			count: n.length
+		}));
+	}, [
+		J,
+		Y,
+		j
+	]), At = d((e) => {
+		Y([], "clear", e), W(!1), X("", "clear", e);
+	}, [Y, X]), [jt, Mt] = g(!1), Nt = d((e, t) => {
+		let n = q.current, r = n.currentInput.trim(), i = n.props.onCreate;
+		if (i === void 0 || r === "") return;
+		let a = (e) => {
+			if (Mt(!1), e != null) {
+				if (M.remember([e]), $e(), q.current.props.selectionMode === "multiple") {
+					let n = q.current.currentIds;
+					n.includes(e.id) || (Y([...n, e.id], "submit", t), J(j("added", {
+						label: e.label,
+						count: n.length + 1
+					}))), X("", "select", t);
+				} else Y([e.id], "submit", t), W(!1), X(e.label, "select", t);
+			}
+		}, o = i(r);
+		o instanceof Promise ? (Mt(!0), o.then(a, () => Mt(!1))) : a(o);
+	}, [
+		J,
+		$e,
+		M,
+		E,
+		Y,
+		X,
+		j
+	]), Pt = d((e, t, n) => {
+		if (e === ve) {
+			L.retry();
+			return;
+		}
+		if (e === b) {
+			Nt(t, n), E || Z(!1, "select", n);
+			return;
+		}
+		if (M.get(e)?.disabled !== !0) {
+			if (E) {
+				Ot(e, t, n);
+				return;
+			}
+			Dt(e, t, n), Z(!1, "select", n);
+		}
+	}, [
+		M,
+		Dt,
+		Nt,
+		E,
+		L,
+		Z,
+		Ot
+	]), Ft = d((e) => {
+		let t = q.current;
+		if (t.props.selectionMode !== "multiple" && t.typed) {
+			if (t.currentInput.trim() === "") {
+				t.currentIds.length > 0 && Y([], "clear", e), W(!1);
+				return;
+			}
+			W(!1), X(H(t.currentIds[0]), "blur", e);
+		}
+	}, [Y, X]), It = d((e) => {
+		let t = q.current, n = H(t.currentIds[0]);
+		if (t.currentIds.length === 0) {
+			W(!1), X("", "programmatic", e);
+			return;
+		}
+		if (t.currentInput === n) {
+			At(e);
+			return;
+		}
+		W(!1), X(n, "programmatic", e);
+	}, [At, X]), Lt = d((e) => X("", "clear", e), [X]);
+	p(() => {
+		ot.require(R);
+	}, [
+		R,
+		ot,
+		Ze
+	]);
+	let Rt = E ? "" : H(R[0]);
+	p(() => {
+		E || U || q.current.currentInput !== Rt && X(Rt, "programmatic");
+	}, [
+		Rt,
+		E,
+		X,
+		U
+	]), p(() => {
+		z && L.search({
+			query: G,
+			scope: V,
+			selected: q.current.currentIds
+		});
+	}, [
+		z,
+		V,
+		G,
+		L
+	]), oe(re, () => ({
+		close: () => Z(!1, "programmatic"),
+		focus: () => K?.focus({ preventScroll: !0 }),
+		open: () => Z(!0, "programmatic"),
+		refresh: () => L.refresh()
+	}), [
+		K,
+		L,
+		Z
+	]);
+	let $ = rt ?? L.state, zt = $.answered || $.status === "loading" ? $.items : A, Bt = Te({
+		query: G,
+		scope: V,
+		chosen: E ? M.pick(R) : A,
+		favorites: te,
+		recent: De,
+		results: $.status === "error" || $.status === "short" ? $.items : zt,
+		searchedEmpty: Xe === 0,
+		labels: {
+			chosen: j("chosen"),
+			favorites: j("favorites"),
+			recent: j("recent"),
+			results: j("results")
+		}
+	}), Vt = !jt && Oe({
+		enabled: _e !== void 0,
+		query: G,
+		answered: $.status === "ready",
+		results: $.items,
+		locale: qe
+	}), Ht = m(() => {
+		if (Q === null || R.length < Q) return;
+		let e = new Set(R);
+		return new Set(Bt.sections.flatMap((e) => e.entities).map((e) => e.id).filter((t) => !e.has(t)));
+	}, [
+		R,
+		Q,
+		Bt
+	]), Ut = Ce({
+		sections: Bt.sections,
+		create: Vt,
+		...Ht === void 0 ? {} : { blocked: Ht }
+	}), Wt = $.status === "error" ? [...Ut.filter((e) => e.key !== b), {
+		key: ve,
+		disabled: !1
+	}] : Ut, Gt = {
+		activate: Pt,
+		cache: M,
+		chosen: R,
+		clear: At,
+		clearQuery: Lt,
+		clearable: t ?? D.clearable,
+		contentId: Ue,
+		controlNode: St,
+		create: Nt,
+		creating: jt,
+		disabled: Je,
+		entry: bt,
+		fullWidth: ne ?? D.fullWidth,
+		highlightMatch: ie ?? D.highlightMatch,
+		highlighted: B,
+		inputId: We,
+		inputNode: K,
+		inputValue: yt,
+		invalid: ce ?? O?.invalid ?? D.invalid,
+		locale: qe,
+		loop: de ?? D.loop,
+		max: Q,
+		media: pe ?? D.media,
+		multiple: E,
+		offerCreate: Vt,
+		open: z,
+		openOn: S ?? D.openOn,
+		optionId: Ge,
+		options: Wt,
+		overflow: Se ?? D.overflow,
+		portal: C ?? D.portal,
+		props: e,
+		query: G,
+		readOnly: Ye,
+		remove: kt,
+		required: ke ?? O?.required ?? D.required,
+		resolver: ot,
+		retry: () => L.retry(),
+		revert: It,
+		scope: V,
+		search: $,
+		sections: Bt,
+		session: L,
+		setControlNode: Ct,
+		setHighlighted: wt,
+		setInputNode: xt,
+		setOpen: Z,
+		setScope: Tt,
+		setTyped: Et,
+		settle: Ft,
+		side: Me ?? D.side,
+		size: Ne ?? O?.size ?? D.size,
+		strategy: Pe ?? D.strategy,
+		t: j,
+		variant: Fe ?? D.variant,
+		version: Ze,
+		width: Ie ?? D.width
+	};
+	return /* @__PURE__ */ v(ze.Provider, {
+		value: Gt,
+		children: [/* @__PURE__ */ _(Le, {}), /* @__PURE__ */ _(Re, {})]
+	});
+}
+//#endregion
+export { Ue as a, je as c, ke as i, S as n, w as o, De as r, Me as s, x as t };