@slotted/react 0.1.0-beta.2 → 0.1.0-beta.4

package/dist/entity-picker-Dm-y0RNE.js

@@ -1,1111 +0,0 @@
-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-hRFp8nCj.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 };