@slotted/react 0.0.0-stage → 0.1.0-beta.0

package/dist/entity-picker-UGhbVwkC.js

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