@slotted/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/{entity-picker-BdySwW8F.js → entity-picker-Z_R15jez.js}

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