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

package/dist/multi-select-CfzsvAeI.js

@@ -1,1193 +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                 */
-/* empty css                  */
-import { b as a } from "./field-BJh5HI7w.js";
-/* empty css             */
-import { t as o } from "./highlight-0Qw23QPp.js";
-import { createArrowNavigation as s, createRemovalFocus as c } from "@slotted/core/focus";
-import { createControllable as l } from "@slotted/core/state";
-import { createContext as u, useCallback as d, useContext as f, useEffect as p, useId as m, useImperativeHandle as h, useLayoutEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { createCollapse as C } from "@slotted/core/overflow";
-import { createPresence as w } from "@slotted/core/presence";
-import { createPortalRoot as T, setPortalContainer as E } from "@slotted/core/portal";
-import { createDismissableLayer as D, pressOrigin as O } from "@slotted/core/dismissable-layer";
-import { createPositioner as k } from "@slotted/core/positioner";
-import { multiSelectMessages as A } from "@slotted/core/i18n";
-import { createWidthGate as j } from "@slotted/core/measure";
-import { getLiveAnnouncer as M } from "@slotted/core/live-announcer";
-import { createFilter as ee, moveIndex as N } from "@slotted/core/collection";
-import { matchRanges as P } from "@slotted/core/highlight";
-//#region src/multi-select/multi-select-collection.ts
-var F = "[data-part='item']";
-function I(e) {
-	return e === null ? [] : [...e.querySelectorAll(F)];
-}
-var L = (e) => e.dataset.value ?? "", R = (e) => e.dataset.disabled === void 0 && e.getAttribute("aria-disabled") !== "true";
-function z(e, t) {
-	return e !== null && e.querySelector(`[data-part='item'][data-value="${CSS.escape(t)}"]`)?.hasAttribute("data-create") === !0;
-}
-function B(e, t, n, r) {
-	let i = I(e);
-	if (i.length === 0) return null;
-	let a = N({
-		enabled: i.map(R),
-		from: t === null ? -1 : i.findIndex((e) => L(e) === t),
-		intent: n,
-		loop: r
-	});
-	return a === -1 ? null : L(i[a]);
-}
-function te(e, t, n) {
-	return t === "none" ? null : B(e, null, t, n);
-}
-function V(e, t) {
-	if (e === null || t === null) return;
-	let n = I(e).find((e) => L(e) === t);
-	n !== void 0 && ne(n, e);
-}
-function ne(e, t) {
-	let n = t;
-	for (let r = e.parentElement; r !== null && r !== t; r = r.parentElement) {
-		let e = getComputedStyle(r).overflowY;
-		if (e === "auto" || e === "scroll") {
-			n = r;
-			break;
-		}
-	}
-	let r = e.getBoundingClientRect(), i = n.getBoundingClientRect().top + n.clientTop, a = i + n.clientHeight;
-	r.top < i ? n.scrollTop -= i - r.top : r.bottom > a && (n.scrollTop += Math.min(r.bottom - a, r.top - i));
-}
-var H = "[data-part='chips'] > [role='gridcell']:not([data-part='field'])", U = {
-	addOnPaste: !0,
-	align: "start",
-	alignOffset: 0,
-	allowDuplicates: !1,
-	chosenOptions: "show",
-	clearable: !0,
-	closeOnEscape: !0,
-	closeOnOutsidePress: !0,
-	closeOnSelect: !1,
-	collisionPadding: 8,
-	commitOnBlur: !0,
-	creatable: !1,
-	delimiters: [","],
-	disabled: !1,
-	editable: !1,
-	flip: !0,
-	fullWidth: !0,
-	hideWhenDetached: !0,
-	highlightMatch: !0,
-	invalid: !1,
-	loading: !1,
-	loop: !1,
-	max: null,
-	mount: "active",
-	openOn: "input",
-	overflow: "wrap",
-	portal: !0,
-	readOnly: !1,
-	reorderable: !1,
-	required: !1,
-	shift: !0,
-	side: "bottom",
-	sideOffset: 4,
-	size: "md",
-	strategy: "absolute",
-	variant: "outline",
-	width: "content"
-}, W = u(U);
-function G() {
-	return f(W);
-}
-function re({ children: e, container: t, ...n }) {
-	let r = G();
-	p(() => {
-		if (t !== void 0) return E(t), () => E(null);
-	}, [t]);
-	let i = {
-		addOnPaste: n.addOnPaste ?? r.addOnPaste,
-		align: n.align ?? r.align,
-		alignOffset: n.alignOffset ?? r.alignOffset,
-		allowDuplicates: n.allowDuplicates ?? r.allowDuplicates,
-		chosenOptions: n.chosenOptions ?? r.chosenOptions,
-		clearable: n.clearable ?? r.clearable,
-		closeOnEscape: n.closeOnEscape ?? r.closeOnEscape,
-		closeOnOutsidePress: n.closeOnOutsidePress ?? r.closeOnOutsidePress,
-		closeOnSelect: n.closeOnSelect ?? r.closeOnSelect,
-		collisionPadding: n.collisionPadding ?? r.collisionPadding,
-		commitOnBlur: n.commitOnBlur ?? r.commitOnBlur,
-		creatable: n.creatable ?? r.creatable,
-		delimiters: n.delimiters ?? r.delimiters,
-		disabled: n.disabled ?? r.disabled,
-		editable: n.editable ?? r.editable,
-		flip: n.flip ?? r.flip,
-		fullWidth: n.fullWidth ?? r.fullWidth,
-		hideWhenDetached: n.hideWhenDetached ?? r.hideWhenDetached,
-		highlightMatch: n.highlightMatch ?? r.highlightMatch,
-		invalid: n.invalid ?? r.invalid,
-		loading: n.loading ?? r.loading,
-		loop: n.loop ?? r.loop,
-		max: n.max ?? r.max,
-		mount: n.mount ?? r.mount,
-		openOn: n.openOn ?? r.openOn,
-		overflow: n.overflow ?? r.overflow,
-		portal: n.portal ?? r.portal,
-		readOnly: n.readOnly ?? r.readOnly,
-		reorderable: n.reorderable ?? r.reorderable,
-		required: n.required ?? r.required,
-		shift: n.shift ?? r.shift,
-		side: n.side ?? r.side,
-		sideOffset: n.sideOffset ?? r.sideOffset,
-		size: n.size ?? r.size,
-		strategy: n.strategy ?? r.strategy,
-		variant: n.variant ?? r.variant,
-		width: n.width ?? r.width
-	};
-	return /* @__PURE__ */ x(W.Provider, {
-		value: i,
-		children: e
-	});
-}
-//#endregion
-//#region src/multi-select/multi-select.tsx
-var ie = u(void 0);
-function K() {
-	let e = f(ie);
-	if (e === void 0) throw Error("MultiSelectControl, MultiSelectContent and every option have to be inside a MultiSelect.");
-	return e;
-}
-var ae = (e) => "options" in e;
-function oe(e) {
-	return e === void 0 ? [] : e.flatMap((e) => ae(e) ? e.options : [e]);
-}
-var se = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
-function ce({ children: e, defaultHighlightedValue: t = null, defaultInputValue: n = "", defaultOpen: o = !1, defaultValue: s = [], filter: c, form: u, highlightedValue: f, inputValue: p, items: g, locale: b, messages: S, name: C, onHighlightedValueChange: w, onInputValueChange: T, onLoadMore: E, onOpenChange: D, onValueChange: O, onValueRefuse: k, open: j, ref: N, total: P, validateValue: F, value: I, ...L }) {
-	let R = G(), z = a(), B = i(A, S), te = r(), V = b ?? te, H = m(), U = `${H}listbox`, W = `${H}input`, [re, K] = y(o), [ae, ce] = y(s), [le] = y(s), [ue, de] = y(n), [fe, pe] = y(t), [q, me] = y(null), [J, he] = y(null), [ge, _e] = y(null), [ve, ye] = y(!1), be = L.disabled ?? z?.disabled ?? R.disabled, xe = L.readOnly ?? z?.readOnly ?? R.readOnly, Y = L.max ?? R.max, Se = L.allowDuplicates ?? R.allowDuplicates, X = (j ?? re) && !be, Ce = I ?? ae, we = p ?? ue, Te = f === void 0 ? fe : f, Ee = v(X);
-	X && (Ee.current = !0);
-	let De = v("none"), Oe = v(/* @__PURE__ */ new Map()), [ke, Ae] = y(0), je = _(() => {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of oe(g)) e.set(t.value, t.label);
-		return e;
-	}, [g]), Me = d((e, t) => {
-		Oe.current.get(e) !== t && (Oe.current.set(e, t), Ae((e) => e + 1));
-	}, []), Ne = d((e) => je.get(e) ?? Oe.current.get(e), [je, ke]), Pe = d((e) => `${H}option-${encodeURIComponent(e)}`, [H]), Z = we, Fe = _(() => ee({ locale: V }), [V]), Ie = d((e) => Z === "" || c === null ? !0 : c === void 0 ? Fe.contains(e, Z) : c(e, Z), [
-		Fe,
-		c,
-		Z
-	]), Le = d((e) => {
-		e !== "" && M(q?.ownerDocument).announce(e, { repeat: !0 });
-	}, [q]), Q = v({
-		allowDuplicates: Se,
-		announcer: Le,
-		collator: Fe,
-		currentHighlighted: Te,
-		currentInput: we,
-		currentOpen: X,
-		currentValue: Ce,
-		highlightedValue: f,
-		inputNode: q,
-		inputValue: p,
-		labelFor: Ne,
-		max: Y,
-		onHighlightedValueChange: w,
-		onInputValueChange: T,
-		onOpenChange: D,
-		onValueChange: O,
-		onValueRefuse: k,
-		open: j,
-		t: B,
-		validateValue: F,
-		value: I
-	});
-	Q.current = {
-		allowDuplicates: Se,
-		announcer: Le,
-		collator: Fe,
-		currentHighlighted: Te,
-		currentInput: we,
-		currentOpen: X,
-		currentValue: Ce,
-		highlightedValue: f,
-		inputNode: q,
-		inputValue: p,
-		labelFor: Ne,
-		max: Y,
-		onHighlightedValueChange: w,
-		onInputValueChange: T,
-		onOpenChange: D,
-		onValueChange: O,
-		onValueRefuse: k,
-		open: j,
-		t: B,
-		validateValue: F,
-		value: I
-	};
-	let Re = d((e, t, n) => {
-		let r = Q.current;
-		e !== r.currentOpen && l({
-			controlled: r.open,
-			initial: r.currentOpen,
-			onRequest: (e) => r.onOpenChange?.(e.value, e)
-		}).request(e, t, n) && (K(e), e || (pe(null), De.current = "none"));
-	}, []), ze = d((e, t, n) => {
-		let r = Q.current;
-		e !== r.currentHighlighted && l({
-			controlled: r.highlightedValue,
-			initial: r.currentHighlighted,
-			onRequest: (e) => r.onHighlightedValueChange?.(e.value, e)
-		}).request(e, t, n) && pe(e);
-	}, []), Be = d((e, t, n) => {
-		let r = Q.current;
-		e !== r.currentInput && l({
-			controlled: r.inputValue,
-			initial: r.currentInput,
-			onRequest: (e) => r.onInputValueChange?.(e.value, e)
-		}).request(e, t, n) && de(e);
-	}, []), $ = d((e, t, n) => {
-		let r = Q.current;
-		return se(e, r.currentValue) || !l({
-			controlled: r.value,
-			initial: r.currentValue,
-			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(e, t, n) ? !1 : (ce(e), !0);
-	}, []), Ve = d((e, t) => {
-		let n = Q.current, r = [...t], i = {
-			duplicate: [],
-			limit: [],
-			invalid: []
-		}, a = null;
-		for (let t of e) {
-			let e = t.trim();
-			if (e !== "") {
-				if (n.validateValue !== void 0 && !n.validateValue(e, r)) {
-					i.invalid.push(e);
-					continue;
-				}
-				if (!n.allowDuplicates) {
-					let t = r.find((t) => t === e || n.collator.equals(t, e) || n.collator.equals(n.labelFor(t) ?? t, e));
-					if (t !== void 0) {
-						i.duplicate.push(e), a ??= t;
-						continue;
-					}
-				}
-				if (n.max !== null && r.length >= n.max) {
-					i.limit.push(e);
-					continue;
-				}
-				r.push(e);
-			}
-		}
-		return {
-			existing: a,
-			next: r,
-			refused: i
-		};
-	}, []), He = d((e, t, n) => {
-		let r = Q.current;
-		for (let t of [
-			"duplicate",
-			"limit",
-			"invalid"
-		]) e[t].length !== 0 && r.onValueRefuse?.(e[t], {
-			cause: t,
-			source: n
-		});
-		t !== null && _e(t), e.limit.length > 0 && r.max !== null && r.announcer(r.t("counter", {
-			count: r.max,
-			max: r.max
-		}));
-	}, []), Ue = d((e, t, n) => {
-		let r = Q.current, { existing: i, next: a, refused: o } = Ve(e, r.currentValue);
-		a.length > r.currentValue.length && $(a, t, n), He(o, i, n);
-	}, [
-		$,
-		Ve,
-		He
-	]), We = d((e, t, n) => {
-		let r = Q.current, i = r.currentValue.indexOf(e);
-		if (i === -1 || t.trim() === "" || t === e) return;
-		let a = r.currentValue.filter((t) => t !== e), { existing: o, next: s, refused: c } = Ve([t], a);
-		if (s.length > a.length) {
-			let e = s[s.length - 1], t = [...a];
-			t.splice(i, 0, e), $(t, "submit", n);
-		}
-		He(c, o, n);
-	}, [
-		$,
-		Ve,
-		He
-	]), Ge = d((e, t) => {
-		let n = Q.current, r = n.currentValue.filter((t) => t !== e);
-		r.length !== n.currentValue.length && $(r, "remove", t) && n.announcer(`${n.labelFor(e) ?? e}, ${r.length}`);
-	}, [$]), Ke = d((e, t, n) => {
-		if (Q.current.currentValue.includes(e)) {
-			Ge(e, n);
-			return;
-		}
-		Ue([e], t, n);
-	}, [Ue, Ge]), qe = d((e) => {
-		$([], "clear", e), Be("", "clear", e);
-	}, [$, Be]), Je = d((e) => {
-		$(le, "programmatic", e), Be("", "programmatic", e);
-	}, [
-		$,
-		le,
-		Be
-	]), Ye = d((e, t, n) => {
-		let r = Q.current, i = r.currentValue;
-		if (e < 0 || e >= i.length) return;
-		let a = Math.min(Math.max(t, 0), i.length - 1);
-		if (a === e) return;
-		let o = [...i], [s] = o.splice(e, 1);
-		o.splice(a, 0, s), $(o, "keyboard", n) && r.announcer(`${r.labelFor(s) ?? s}, ${a + 1}, ${o.length}`);
-	}, [$]);
-	h(N, () => ({
-		close: () => Re(!1, "programmatic"),
-		focus: () => Q.current.inputNode?.focus({ preventScroll: !0 }),
-		open: () => Re(!0, "programmatic"),
-		scrollToKey: (e) => {
-			let t = J?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
-			t != null && J !== null && ne(t, J);
-		},
-		setValue: (e, t = "programmatic") => $([...e], t)
-	}), [
-		$,
-		J,
-		Re
-	]);
-	let Xe = {
-		addOnPaste: L.addOnPaste ?? R.addOnPaste,
-		admit: Ue,
-		align: L.align ?? R.align,
-		alignOffset: L.alignOffset ?? R.alignOffset,
-		announce: Le,
-		chosenOptions: L.chosenOptions ?? R.chosenOptions,
-		clear: qe,
-		clearable: L.clearable ?? R.clearable,
-		closeOnEscape: L.closeOnEscape ?? R.closeOnEscape,
-		closeOnOutsidePress: L.closeOnOutsidePress ?? R.closeOnOutsidePress,
-		closeOnSelect: L.closeOnSelect ?? R.closeOnSelect,
-		collisionPadding: L.collisionPadding ?? R.collisionPadding,
-		commitOnBlur: L.commitOnBlur ?? R.commitOnBlur,
-		contentId: U,
-		contentNode: J,
-		creatable: L.creatable ?? R.creatable,
-		delimiters: L.delimiters ?? R.delimiters,
-		disabled: be,
-		duplicate: ge,
-		editable: L.editable ?? R.editable,
-		entry: De,
-		flip: L.flip ?? R.flip,
-		form: u,
-		full: Y !== null && Ce.length >= Y,
-		fullWidth: L.fullWidth ?? R.fullWidth,
-		hideWhenDetached: L.hideWhenDetached ?? R.hideWhenDetached,
-		highlighted: Te,
-		highlightMatch: L.highlightMatch ?? R.highlightMatch,
-		inputId: W,
-		inputNode: q,
-		inputValue: we,
-		invalid: L.invalid ?? z?.invalid ?? R.invalid,
-		labelFor: Ne,
-		loading: L.loading ?? R.loading,
-		locale: V,
-		loop: L.loop ?? R.loop,
-		matches: Ie,
-		max: Y,
-		mount: L.mount ?? R.mount,
-		move: Ye,
-		name: C,
-		narrow: ve,
-		onLoadMore: E,
-		open: X,
-		openOn: L.openOn ?? R.openOn,
-		optionId: Pe,
-		overflow: L.overflow ?? R.overflow,
-		portal: L.portal ?? R.portal,
-		query: Z,
-		readOnly: xe,
-		registerLabel: Me,
-		remove: Ge,
-		replace: We,
-		restore: Je,
-		reorderable: L.reorderable ?? R.reorderable,
-		required: L.required ?? z?.required ?? R.required,
-		seen: Ee.current,
-		setContentNode: he,
-		setDuplicate: _e,
-		setHighlighted: ze,
-		setInputNode: me,
-		setInputValue: Be,
-		setNarrow: ye,
-		setOpen: Re,
-		shift: L.shift ?? R.shift,
-		side: L.side ?? R.side,
-		sideOffset: L.sideOffset ?? R.sideOffset,
-		size: L.size ?? z?.size ?? R.size,
-		strategy: L.strategy ?? R.strategy,
-		toggle: Ke,
-		t: B,
-		total: P,
-		value: Ce,
-		variant: L.variant ?? R.variant,
-		width: L.width ?? R.width
-	};
-	return /* @__PURE__ */ x(ie.Provider, {
-		value: Xe,
-		children: e
-	});
-}
-//#endregion
-//#region src/multi-select/multi-select-chips.tsx
-var le = e();
-function ue(e, t) {
-	return e || t;
-}
-function de({ count: e, index: r, label: i, value: a }) {
-	let o = K(), [s, c] = y(null), l = v(null), u = ue(o.readOnly, o.disabled);
-	p(() => {
-		o.duplicate === a && (l.current?.focus({ preventScroll: !0 }), o.setDuplicate(null));
-	}, [o, a]);
-	let d = (e, t) => {
-		c(null), l.current?.focus({ preventScroll: !0 }), o.replace(a, e, t);
-	}, f = (t) => {
-		if (!t.defaultPrevented) {
-			switch (t.key) {
-				case "Delete":
-				case "Backspace":
-					if (u) return;
-					t.preventDefault(), o.remove(a, t.nativeEvent);
-					return;
-				case "Enter":
-					if (u || !o.editable) return;
-					t.preventDefault(), c(i);
-					return;
-				case "Escape":
-					t.preventDefault(), o.inputNode?.focus({ preventScroll: !0 });
-					return;
-			}
-			if (o.reorderable && t.altKey && !u) {
-				let n = l.current?.ownerDocument.defaultView?.getComputedStyle(l.current).direction === "rtl", i = n ? "ArrowLeft" : "ArrowRight", a = n ? "ArrowRight" : "ArrowLeft";
-				if (t.key === i) {
-					t.preventDefault(), o.move(r, r + 1, t.nativeEvent);
-					return;
-				}
-				if (t.key === a) {
-					t.preventDefault(), o.move(r, r - 1, t.nativeEvent);
-					return;
-				}
-				if (t.key === "Home") {
-					t.preventDefault(), o.move(r, 0, t.nativeEvent);
-					return;
-				}
-				if (t.key === "End") {
-					t.preventDefault(), o.move(r, e - 1, t.nativeEvent);
-					return;
-				}
-			}
-			t.key.length === 1 && !t.ctrlKey && !t.metaKey && !t.altKey && o.inputNode?.focus({ preventScroll: !0 });
-		}
-	}, m = (e) => {
-		e.stopPropagation(), o.remove(a, e.nativeEvent);
-	};
-	return s === null ? /* @__PURE__ */ S("span", {
-		"aria-label": o.reorderable ? o.t("reorder", {
-			label: i,
-			position: r + 1,
-			count: e
-		}) : void 0,
-		"data-part": "root",
-		"data-size": "sm",
-		"data-ui": "tag",
-		"data-value": a,
-		"data-variant": "soft",
-		onKeyDown: f,
-		ref: l,
-		role: "gridcell",
-		tabIndex: -1,
-		...u ? { "data-disabled": "" } : {},
-		children: [/* @__PURE__ */ x("span", {
-			"data-part": "body",
-			children: /* @__PURE__ */ x("span", {
-				"data-part": "label",
-				children: i
-			})
-		}), u ? null : /* @__PURE__ */ x("button", {
-			"aria-label": o.t("remove", { label: i }),
-			"data-part": "remove",
-			onClick: m,
-			tabIndex: -1,
-			type: "button",
-			children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(t, { name: "x" }) })
-		})]
-	}) : /* @__PURE__ */ x("span", {
-		"data-part": "root",
-		"data-size": "sm",
-		"data-ui": "tag",
-		"data-value": a,
-		"data-variant": "soft",
-		ref: l,
-		role: "gridcell",
-		children: /* @__PURE__ */ x("span", {
-			"data-part": "body",
-			children: /* @__PURE__ */ x("input", {
-				"aria-label": i,
-				autoFocus: !0,
-				onBlur: (e) => d(e.currentTarget.value, e.nativeEvent),
-				onChange: (e) => c(e.currentTarget.value),
-				onKeyDown: (e) => {
-					e.key === "Enter" && (e.preventDefault(), d(e.currentTarget.value, e.nativeEvent)), e.key === "Escape" && (e.preventDefault(), c(null), l.current?.focus({ preventScroll: !0 }));
-				},
-				size: Math.max(i.length, 1),
-				type: "text",
-				value: s
-			})
-		})
-	});
-}
-function fe({ children: e }) {
-	let t = K(), n = v(null), r = v(null), i = v(null), [a, o] = y(0), l = t.overflow === "collapse";
-	return p(() => {
-		let e = n.current;
-		if (e === null) return;
-		let t = s(e, {
-			itemSelector: `${H}, [data-part='field'] > [data-part='input']`,
-			loop: !1,
-			ownedKeys: (e) => e instanceof HTMLInputElement && e.value !== "" ? [
-				"ArrowLeft",
-				"ArrowRight",
-				"Home",
-				"End"
-			] : []
-		});
-		return () => t.destroy();
-	}, []), p(() => {
-		let e = n.current;
-		if (e === null) return;
-		let r = c(e, {
-			fallback: () => t.inputNode,
-			itemSelector: H
-		});
-		return () => r.destroy();
-	}, [t.inputNode]), p(() => {
-		let e = n.current;
-		if (e === null || !l) {
-			o(0);
-			return;
-		}
-		let t = C(e, {
-			collapsible: () => !0,
-			onChange: (e) => o(e.length),
-			trigger: () => r.current,
-			units: () => [...e.querySelectorAll(H)].filter((e) => !e.hasAttribute("data-count"))
-		});
-		return i.current = t, () => {
-			t.destroy(), i.current = null, o(0);
-		};
-	}, [l]), g(() => {
-		i.current?.refresh();
-	}, [t.value]), /* @__PURE__ */ S("div", {
-		"data-part": "chips",
-		ref: n,
-		role: "row",
-		children: [
-			t.value.map((e, n) => /* @__PURE__ */ x(de, {
-				count: t.value.length,
-				index: n,
-				label: t.labelFor(e) ?? e,
-				value: e
-			}, e)),
-			l ? /* @__PURE__ */ x("span", {
-				"data-count": "",
-				"data-part": "root",
-				"data-size": "sm",
-				"data-ui": "tag",
-				"data-variant": "outline",
-				hidden: !0,
-				onClick: (e) => t.setOpen(!0, "pointer", e.nativeEvent),
-				ref: r,
-				role: "gridcell",
-				tabIndex: -1,
-				children: /* @__PURE__ */ x("span", {
-					"data-part": "body",
-					children: /* @__PURE__ */ x("span", {
-						"data-part": "label",
-						children: `+${Math.max(a, 1)}`
-					})
-				})
-			}) : null,
-			e
-		]
-	});
-}
-//#endregion
-//#region src/multi-select/multi-select-parts.tsx
-var pe = 120;
-function q(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);
-}
-function J({ ref: e, render: r, ...i }) {
-	let o = K(), s = a(), [c, l] = y(null), u = v(null);
-	p(() => {
-		o.setInputNode(c);
-	}, [o, c]);
-	let f = o.setNarrow;
-	p(() => {
-		let e = u.current;
-		if (e === null) return;
-		let t = j(e, {
-			at: 120,
-			onChange: f
-		});
-		return () => t.destroy();
-	}, [f]);
-	let { form: m, restore: h } = o;
-	p(() => {
-		if (c === null) return;
-		let e = m === void 0 ? c.form : c.ownerDocument.getElementById(m);
-		if (!(e instanceof HTMLFormElement)) return;
-		let t = (e) => h(e);
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [
-		m,
-		c,
-		h
-	]);
-	let g = (e, t) => {
-		if (o.contentNode === null) {
-			o.entry.current = e === "previous" || e === "pageUp" ? "last" : "first";
-			return;
-		}
-		let n = B(o.contentNode, o.highlighted, e, o.loop);
-		n !== null && o.setHighlighted(n, "keyboard", t);
-	}, _ = (e) => {
-		let t = o.delimiters;
-		if (t.length === 0) return [e];
-		let n = RegExp(`[${t.map((e) => e.replace(/[.*+?^${}()|[\]\\-]/g, "\\$&")).join("")}]`);
-		return e.split(n);
-	}, C = (e) => {
-		if (!o.creatable) return !1;
-		let t = o.inputValue;
-		return t.trim() !== "" && (o.admit(_(t), "submit", e), o.setInputValue("", "submit", e), !0);
-	}, w = (e) => {
-		let t = o.highlighted;
-		return t === null ? !1 : z(o.contentNode, t) ? (C(e), !0) : (o.toggle(t, "select", e), o.setInputValue("", "select", e), o.closeOnSelect && o.setOpen(!1, "select", e), !0);
-	}, T = (e, t) => {
-		o.entry.current = e, o.setOpen(!0, "keyboard", t);
-	}, E = (e) => {
-		if (o.disabled) return;
-		let t = e.altKey;
-		if (o.delimiters.includes(e.key) && !t) {
-			e.preventDefault(), C(e.nativeEvent);
-			return;
-		}
-		switch (e.key) {
-			case "ArrowDown":
-				if (o.readOnly) return;
-				e.preventDefault(), o.open ? t || g("next", e.nativeEvent) : T(t ? "none" : "first", e.nativeEvent);
-				return;
-			case "ArrowUp":
-				if (o.readOnly) return;
-				e.preventDefault(), t ? o.setOpen(!1, "keyboard", e.nativeEvent) : o.open ? g("previous", e.nativeEvent) : T("last", e.nativeEvent);
-				return;
-			case "PageDown":
-				if (!o.open) return;
-				e.preventDefault(), g("pageDown", e.nativeEvent);
-				return;
-			case "PageUp":
-				if (!o.open) return;
-				e.preventDefault(), g("pageUp", e.nativeEvent);
-				return;
-			case "Enter":
-				if (w(e.nativeEvent)) {
-					e.preventDefault();
-					return;
-				}
-				C(e.nativeEvent) && e.preventDefault();
-				return;
-			case "Escape":
-				if (o.open) {
-					e.preventDefault(), o.setOpen(!1, "escape", e.nativeEvent);
-					return;
-				}
-				if (o.inputValue === "") return;
-				e.preventDefault(), o.setInputValue("", "clear", e.nativeEvent);
-				return;
-			case "Backspace": {
-				if (o.inputValue !== "" || e.currentTarget.selectionStart !== 0 || o.readOnly || o.value.length === 0) return;
-				let t = u.current?.querySelectorAll("[data-part='chips'] > [role='gridcell']:not([data-part='field'])"), n = t === void 0 ? void 0 : t[t.length - 1];
-				if (n === void 0) return;
-				e.preventDefault(), n.focus({ preventScroll: !0 });
-				return;
-			}
-			case "Tab":
-				o.open && o.setOpen(!1, "dismiss", e.nativeEvent);
-				return;
-		}
-	}, D = (e) => {
-		let t = e.currentTarget.value;
-		o.setInputValue(t, "keyboard", e.nativeEvent), o.openOn !== "manual" && !o.open && !o.readOnly && t !== "" && (o.entry.current = "none", o.setOpen(!0, "keyboard", e.nativeEvent));
-	}, k = () => {
-		o.openOn !== "focus" || o.open || o.disabled || o.readOnly || (o.entry.current = "none", o.setOpen(!0, "keyboard"));
-	}, A = (e) => {
-		o.openOn === "manual" || o.open || o.disabled || o.readOnly || (o.entry.current = "none", o.setOpen(!0, "pointer", e.nativeEvent));
-	}, M = (e) => {
-		if (!o.addOnPaste || !o.creatable || o.readOnly) return;
-		let t = e.clipboardData.getData("text"), n = _(t).filter((e) => e.trim() !== "");
-		n.length < 2 || (e.preventDefault(), o.admit(n, "submit", e.nativeEvent), o.setInputValue("", "submit", e.nativeEvent));
-	}, ee = (e) => {
-		let t = e.relatedTarget;
-		if (t instanceof Node && o.contentNode?.contains(t) === !0 || t instanceof Node && u.current?.contains(t) === !0) return;
-		let n = O(c?.ownerDocument);
-		n instanceof Node && o.contentNode?.contains(n) === !0 || (o.commitOnBlur && C(e), o.open && o.setOpen(!1, "blur"));
-	}, N = (e) => {
-		o.clear(e.nativeEvent), c?.focus({ preventScroll: !0 });
-	}, P = (e) => {
-		o.disabled || o.readOnly || (o.entry.current = "none", o.setOpen(!o.open, "pointer", e.nativeEvent), c?.focus({ preventScroll: !0 }));
-	}, F = d((t) => {
-		l(t), me(t, e);
-	}, [e]), I = [i["aria-describedby"], s?.describedBy].filter(Boolean).join(" "), L = o.clearable && (o.value.length > 0 || o.inputValue !== "") && !o.disabled && !o.readOnly, R = o.max === null ? o.narrow && o.value.length > 0 ? o.t("chosen", { count: o.value.length }) : null : o.t("counter", {
-		count: o.value.length,
-		max: o.max
-	}), te = {
-		ref: u,
-		"data-overflow": o.overflow,
-		"data-part": "root",
-		"data-size": o.size,
-		"data-ui": "multi-select",
-		"data-variant": o.variant,
-		...o.fullWidth ? { "data-full-width": "" } : {},
-		...o.open ? { "data-open": "" } : {},
-		...o.disabled ? { "data-disabled": "" } : {},
-		...o.readOnly ? { "data-readonly": "" } : {},
-		...o.invalid ? { "data-invalid": "" } : {},
-		...o.required ? { "data-required": "" } : {},
-		...o.loading ? { "data-loading": "" } : {},
-		...o.full ? { "data-complete": "" } : {},
-		...o.narrow ? { "data-narrow": "" } : {}
-	}, V = /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ x("div", {
-			"aria-label": o.t("chosen", { count: o.value.length }),
-			"data-part": "control",
-			role: "grid",
-			children: /* @__PURE__ */ x(fe, { children: /* @__PURE__ */ x("span", {
-				"data-part": "field",
-				role: "gridcell",
-				children: /* @__PURE__ */ x("input", {
-					...i,
-					"aria-activedescendant": o.open && o.highlighted !== null ? o.optionId(o.highlighted) : void 0,
-					"aria-autocomplete": "list",
-					"aria-controls": o.open ? o.contentId : void 0,
-					"aria-describedby": I === "" ? void 0 : I,
-					"aria-expanded": o.open,
-					"aria-invalid": o.invalid ? !0 : void 0,
-					"aria-readonly": o.readOnly ? !0 : void 0,
-					"data-part": "input",
-					disabled: o.disabled,
-					id: i.id ?? s?.ids.control ?? o.inputId,
-					onBlur: q(i.onBlur, ee),
-					onChange: q(i.onChange, D),
-					onClick: q(i.onClick, A),
-					onFocus: q(i.onFocus, k),
-					onKeyDown: q(i.onKeyDown, E),
-					onPaste: q(i.onPaste, M),
-					placeholder: o.value.length === 0 ? i.placeholder : void 0,
-					readOnly: o.readOnly,
-					ref: F,
-					required: o.required && o.value.length === 0,
-					role: "combobox",
-					type: "text",
-					value: o.inputValue
-				})
-			}) })
-		}),
-		R === null ? null : /* @__PURE__ */ x("span", {
-			"aria-hidden": "true",
-			"data-part": "counter",
-			children: R
-		}),
-		L ? /* @__PURE__ */ x("button", {
-			"aria-label": o.t("clear"),
-			"data-part": "clear",
-			onClick: N,
-			type: "button",
-			children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(t, { name: "x" }) })
-		}) : null,
-		o.loading ? /* @__PURE__ */ x("span", {
-			"aria-hidden": "true",
-			"data-part": "busy",
-			"data-ui": "spinner"
-		}) : /* @__PURE__ */ x("button", {
-			"aria-label": o.t("trigger"),
-			"data-part": "trigger",
-			disabled: o.disabled,
-			onClick: P,
-			tabIndex: -1,
-			type: "button",
-			children: /* @__PURE__ */ x("span", {
-				"data-part": "arrow",
-				children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(t, { name: "chevron-down" }) })
-			})
-		}),
-		o.name === void 0 ? null : o.value.map((e) => /* @__PURE__ */ x("input", {
-			"aria-hidden": "true",
-			form: o.form,
-			name: o.name,
-			readOnly: !0,
-			style: {
-				border: 0,
-				clip: "rect(0 0 0 0)",
-				clipPath: "inset(50%)",
-				height: "1px",
-				overflow: "hidden",
-				padding: 0,
-				position: "absolute",
-				whiteSpace: "nowrap",
-				width: "1px"
-			},
-			tabIndex: -1,
-			type: "text",
-			value: e
-		}, e))
-	] });
-	return r === void 0 ? /* @__PURE__ */ x("div", {
-		...te,
-		children: V
-	}) : r({
-		...te,
-		children: V
-	});
-}
-function he({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status: s, ...c }) {
-	let l = K(), [u, d] = y(null), [f, m] = y(null), [h, _] = y(null), [b, C] = y("unmounted"), [E, O] = y(!1), [A, j] = y(0), M = v(null), ee = v(null), N = v(l);
-	N.current = l, p(() => {
-		let e = w({
-			present: N.current.open,
-			onStatusChange: C
-		});
-		return M.current = e, C(e.status), () => {
-			e.destroy(), M.current = null;
-		};
-	}, []), p(() => M.current?.sync(l.open), [l.open]), p(() => M.current?.setNode(u), [u]), p(() => l.setContentNode(f), [l, f]);
-	let P = l.mount === "eager" || l.mount === "lazy" && l.seen || b !== "unmounted";
-	p(() => {
-		if (!P) {
-			_(null);
-			return;
-		}
-		let e = T({
-			origin: l.inputNode,
-			disabled: !l.portal
-		});
-		return _(e.container), () => e.release();
-	}, [
-		l.inputNode,
-		l.portal,
-		P
-	]);
-	let { align: F, alignOffset: R, collisionPadding: z, flip: B, hideWhenDetached: ne, shift: H, side: U, sideOffset: W, strategy: G, width: re } = l;
-	if (p(() => {
-		if (u === null || l.inputNode === null) return;
-		let e = !0, t = l.inputNode.closest("[data-part='root']") ?? l.inputNode, n = k(t, u, {
-			align: F,
-			alignOffset: R,
-			boundaryPadding: z,
-			flip: B,
-			hideWhenDetached: ne,
-			matchWidth: re === "anchor",
-			shift: H,
-			side: U,
-			sideOffset: W,
-			strategy: G
-		});
-		return n.update().then(() => {
-			e && O(!0);
-		}), () => {
-			e = !1, n.destroy(), O(!1);
-		};
-	}, [
-		F,
-		R,
-		z,
-		B,
-		ne,
-		u,
-		l.inputNode,
-		H,
-		U,
-		W,
-		G,
-		re
-	]), p(() => {
-		if (u === null || !l.open) return;
-		let e = [l.inputNode?.closest("[data-part='root']") ?? null].filter((e) => e !== null), t = D(u, {
-			branches: e,
-			escape: l.closeOnEscape,
-			focusOutside: !1,
-			modal: !1,
-			outsidePress: l.closeOnOutsidePress,
-			scrollLock: !1,
-			onDismiss: (e) => {
-				N.current.setOpen(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source);
-			}
-		});
-		return () => t.destroy();
-	}, [
-		l.closeOnEscape,
-		l.closeOnOutsidePress,
-		l.inputNode,
-		l.open,
-		u
-	]), g(() => {
-		let e = I(f).filter((e) => e.dataset.create === void 0).length;
-		j((t) => t === e ? t : e);
-	}), g(() => {
-		let e = N.current;
-		if (e.open && f !== null) {
-			if (e.entry.current !== "none") {
-				let t = te(f, e.entry.current, e.loop);
-				e.entry.current = "none", t !== null && e.setHighlighted(t, "keyboard");
-				return;
-			}
-			e.highlighted !== null && (I(f).some((t) => L(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
-		}
-	}, [
-		l.open,
-		A,
-		f
-	]), p(() => {
-		V(f, l.highlighted);
-	}, [
-		l.highlighted,
-		E,
-		f
-	]), p(() => {
-		let e = ee.current, t = f, n = l.onLoadMore;
-		if (e === null || t === null || n === void 0 || typeof IntersectionObserver != "function") return;
-		let r = new IntersectionObserver((e) => {
-			e.some((e) => e.isIntersecting) && n();
-		}, { root: t });
-		return r.observe(e), () => r.disconnect();
-	}, [
-		l.onLoadMore,
-		A,
-		f
-	]), !P) return null;
-	let ie = {
-		"data-align": F,
-		...l.open ? {} : { inert: !0 },
-		...l.open && E ? { "data-open": "" } : {},
-		"data-part": "positioner",
-		"data-size": l.size,
-		"data-ui": "multi-select",
-		"data-width": l.width
-	}, ae = s === void 0 ? l.loading ? l.t("loading") : A === 0 ? null : l.t("count", { count: A }) : s, oe = !l.loading && A === 0 && l.creatable && !l.full && l.query.trim() !== "", se = /* @__PURE__ */ x("div", {
-		...ie,
-		ref: (e) => {
-			d(e), me(e, a);
-		},
-		children: /* @__PURE__ */ S("div", {
-			...c,
-			"aria-busy": l.loading ? !0 : void 0,
-			"aria-multiselectable": "true",
-			"data-loading": l.loading ? "" : void 0,
-			"data-part": "content",
-			id: l.contentId,
-			ref: m,
-			role: "listbox",
-			children: [
-				r && l.value.length > 0 ? /* @__PURE__ */ x("div", {
-					"data-part": "chosen",
-					children: l.value.map((e) => /* @__PURE__ */ x("span", {
-						"data-part": "root",
-						"data-size": "sm",
-						"data-ui": "tag",
-						"data-variant": "soft",
-						children: /* @__PURE__ */ x("span", {
-							"data-part": "body",
-							children: /* @__PURE__ */ x("span", {
-								"data-part": "label",
-								children: l.labelFor(e) ?? e
-							})
-						})
-					}, e))
-				}) : null,
-				e,
-				/* @__PURE__ */ x("div", { ref: ee }),
-				oe ? /* @__PURE__ */ S("div", {
-					"data-create": "",
-					"data-part": "item",
-					"data-value": l.query,
-					id: l.optionId(l.query),
-					onClick: (e) => {
-						l.admit([l.query], "submit", e.nativeEvent), l.setInputValue("", "submit", e.nativeEvent), l.inputNode?.focus({ preventScroll: !0 });
-					},
-					onPointerDown: (e) => {
-						e.defaultPrevented || e.preventDefault();
-					},
-					onPointerEnter: (e) => l.setHighlighted(l.query, "pointer", e.nativeEvent),
-					role: "option",
-					"aria-selected": !1,
-					...l.highlighted === l.query ? { "data-current": "" } : {},
-					children: [
-						/* @__PURE__ */ x("span", { "data-part": "icon" }),
-						/* @__PURE__ */ x("span", {
-							"data-part": "label",
-							children: l.t("create", { query: l.query })
-						}),
-						/* @__PURE__ */ x("span", {
-							"data-part": "indicator",
-							children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(t, { name: "plus" }) })
-						})
-					]
-				}) : null,
-				!l.loading && A === 0 && !oe ? /* @__PURE__ */ x("div", {
-					"data-part": "empty",
-					children: i ?? l.t("empty")
-				}) : null,
-				l.loading ? /* @__PURE__ */ x("div", {
-					"aria-hidden": "true",
-					"data-part": "placeholder",
-					children: [
-						0,
-						1,
-						2
-					].map((e) => /* @__PURE__ */ x("div", { children: /* @__PURE__ */ x("span", {
-						"data-part": "root",
-						"data-shape": "text",
-						"data-ui": "skeleton",
-						"data-loading": ""
-					}) }, e))
-				}) : null,
-				/* @__PURE__ */ x("div", {
-					"aria-live": "polite",
-					"data-part": "status",
-					...l.loading ? { "data-loading": "" } : {},
-					role: "status",
-					children: ae
-				})
-			]
-		})
-	}), ce = o === void 0 ? se : o({
-		...ie,
-		children: e
-	});
-	return h === null ? ce : (0, le.createPortal)(ce, h);
-}
-//#endregion
-//#region src/multi-select/multi-select-items.tsx
-function ge({ children: e, description: r, disabled: i = !1, icon: a, position: s, ref: c, textValue: l, value: u, ...d }) {
-	let f = K(), [m, h] = y(null), g = v(null), b = l ?? (typeof e == "string" ? e : void 0);
-	p(() => {
-		if (m === null) return;
-		let e = b ?? m.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
-		e !== "" && e !== g.current && (g.current = e, f.registerLabel(u, e));
-	}, [
-		f,
-		m,
-		b,
-		u
-	]);
-	let C = _(() => {
-		if (!f.highlightMatch || f.query === "" || b === void 0) return e;
-		let t = P(b, f.query, { locale: f.locale });
-		return t.length === 0 ? e : /* @__PURE__ */ x(o, {
-			ranges: t,
-			text: b
-		});
-	}, [
-		e,
-		f.highlightMatch,
-		f.locale,
-		f.query,
-		b
-	]);
-	if (b !== void 0 && !f.matches(b)) return null;
-	let w = f.value.includes(u);
-	if (w && f.chosenOptions === "hide") return null;
-	let T = f.highlighted === u, E = f.full && !w, D = i || E, O = (e) => {
-		D || f.setHighlighted(u, "pointer", e.nativeEvent);
-	}, k = (e) => {
-		d.onPointerDown?.(e), !e.defaultPrevented && e.preventDefault();
-	}, A = (e) => {
-		D || (f.toggle(u, "select", e.nativeEvent), f.setInputValue("", "select", e.nativeEvent), f.closeOnSelect && f.setOpen(!1, "select", e.nativeEvent), f.inputNode?.focus({ preventScroll: !0 }));
-	};
-	return /* @__PURE__ */ S("div", {
-		...d,
-		"aria-disabled": D ? !0 : void 0,
-		"aria-posinset": s,
-		"aria-selected": w,
-		"aria-setsize": s === void 0 ? void 0 : f.total,
-		"data-part": "item",
-		"data-value": u,
-		...b === void 0 ? {} : { "data-text-value": b },
-		...i ? { "data-disabled": "" } : {},
-		...w ? { "data-selected": "" } : {},
-		...T ? { "data-current": "" } : {},
-		id: d.id ?? f.optionId(u),
-		onClick: A,
-		onPointerDown: k,
-		onPointerEnter: O,
-		ref: (e) => {
-			h(e), typeof c == "function" ? c(e) : c != null && (c.current = e);
-		},
-		role: "option",
-		children: [
-			a === void 0 ? null : /* @__PURE__ */ x("span", {
-				"data-part": "icon",
-				children: a
-			}),
-			/* @__PURE__ */ x("span", {
-				"data-part": "label",
-				children: C
-			}),
-			r === void 0 ? null : /* @__PURE__ */ x("span", {
-				"data-part": "description",
-				children: r
-			}),
-			/* @__PURE__ */ x("span", {
-				"data-part": "indicator",
-				children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(t, { name: "check" }) })
-			})
-		]
-	});
-}
-function _e({ children: e, label: t, ...n }) {
-	let r = `${m()}group`, { query: i, value: a } = K(), [o, s] = y(null), [c, l] = y(!1);
-	return p(() => {
-		o !== null && l(o.querySelector("[data-part='item']") === null);
-	}, [
-		o,
-		i,
-		a
-	]), /* @__PURE__ */ S("div", {
-		...n,
-		"aria-labelledby": r,
-		"data-part": "group",
-		hidden: c,
-		ref: s,
-		role: "group",
-		children: [/* @__PURE__ */ x("div", {
-			"data-part": "group-label",
-			id: r,
-			children: t
-		}), e]
-	});
-}
-function ve(e) {
-	return /* @__PURE__ */ x("div", {
-		"data-part": "separator",
-		ref: e.ref,
-		role: "separator"
-	});
-}
-//#endregion
-export { J as a, K as c, G as d, he as i, U as l, ge as n, pe as o, ve as r, ce as s, _e as t, re as u };