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

package/dist/entity-picker-ClyhBTyK.js

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