solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.2

package/dist/lib/client/Separator-D5oJzlA3.js

@@ -0,0 +1,27 @@
+import { t as e } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
+import { createComponent as i, getNextElement as a, mergeProps as o, runHydrationEvents as s, spread as c, template as l } from "@solidjs/web";
+import { createMemo as u, omit as d } from "solid-js";
+//#region src/separator/Separator.tsx
+var f = /* @__PURE__ */ l("<div>");
+function p(l) {
+	let p = d(l, "render", "class", "orientation", "style"), m = u(() => l.orientation ?? "horizontal"), h = u(() => ({ orientation: m() })), g = u(() => n(l.class, h())), _ = u(() => r(l.style, h())), v = u(() => t(h())), y = e(l, () => h(), (e) => (() => {
+		var t = a(f);
+		return c(t, e, !1), s(), t;
+	})());
+	return i(y, o({
+		get class() {
+			return g();
+		},
+		get style() {
+			return _();
+		},
+		role: "separator",
+		get "aria-orientation"() {
+			return m();
+		}
+	}, v, p));
+}
+//#endregion
+export { p as t };

package/dist/lib/client/TriggerFocusGuards-Fzspp3Y1.js

@@ -0,0 +1,51 @@
+import { u as e } from "./reasons-Co5CzjKq.js";
+import { createChangeEventDetails as t } from "./internals/createBaseUIEventDetails.js";
+import { n } from "./dom-lDdayFF_.js";
+import { d as r, f as i, g as a, p as o } from "./popupStateMapping-nhukB8NK.js";
+import { t as s } from "./setRef-fXF6OIo3.js";
+import { createComponent as c, memo as l } from "@solidjs/web";
+import { createEffect as u, flush as d } from "solid-js";
+//#region src/internals/overlay/TriggerFocusGuards.tsx
+function f(f) {
+	let p = null, m = null, h = (n) => {
+		f.context.setOpen(!1, t(e, n, n.currentTarget)), d();
+	};
+	return u(() => f.enabled, (e) => {
+		e && (p && f.beforeGuardRef && s(f.beforeGuardRef, p), m && f.afterGuardRef && s(f.afterGuardRef, m));
+	}), [
+		c(a, {
+			get hidden() {
+				return !f.enabled;
+			},
+			"data-type": "trigger-before",
+			ref: (e) => p = e,
+			onFocus: (e) => {
+				h(e), i(p)?.focus();
+			}
+		}),
+		l(() => f.children),
+		c(a, {
+			get hidden() {
+				return !f.enabled;
+			},
+			"data-type": "trigger-after",
+			ref: (e) => m = e,
+			onFocus: (e) => {
+				let t = f.positioner();
+				if (t && o(e, t)) {
+					f.beforeContentGuard?.()?.focus();
+					return;
+				}
+				h(e);
+				let i = r(m ?? f.trigger());
+				for (; i && n(t, i);) {
+					let e = i;
+					if (i = r(i), i === e) break;
+				}
+				i?.focus();
+			}
+		})
+	];
+}
+//#endregion
+export { f as t };

package/dist/lib/client/accordion/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../accordion-sOXt9AlG.js";
+import { t as e } from "../accordion-CA2DfX67.js";
 export { e as Accordion };

package/dist/lib/client/accordion-CA2DfX67.js

@@ -0,0 +1,381 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
+import { P as r, w as i } from "./reasons-Co5CzjKq.js";
+import { n as a, t as o } from "./resolveStyle-XcgAuaKR.js";
+import { n as s, t as c } from "./createCollapsiblePanel-BQ8r4RTi.js";
+import { createChangeEventDetails as l } from "./internals/createBaseUIEventDetails.js";
+import { transitionStatusMapping as u } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as d, liveEventHandler as f } from "./internals/composeEventHandlers.js";
+import { createComponent as p, getNextElement as m, memo as h, mergeProps as g, runHydrationEvents as _, spread as v, template as y } from "@solidjs/web";
+import { Show as b, createContext as x, createEffect as S, createMemo as C, createSignal as w, createUniqueId as T, flush as E, omit as D, onCleanup as O, untrack as k, useContext as A } from "solid-js";
+//#region src/accordion/root/AccordionRootContext.ts
+var j = Symbol("AccordionRootContext"), M = x(j);
+function N() {
+	let e = A(M);
+	if (e === j) throw Error("Base UI: AccordionRootContext is missing. Accordion parts must be placed within <Accordion.Root>.");
+	return e;
+}
+//#endregion
+//#region src/accordion/root/stateAttributesMapping.ts
+var P = { value: () => null }, F = /* @__PURE__ */ y("<div>"), I = [];
+function L(e) {
+	let r = e, i = e, s = k(() => r.value !== void 0), [c, l] = w(() => k(() => r.defaultValue ?? [])), u = k(c), [d, f] = w(), [h, y] = w(0), b = /* @__PURE__ */ new Map(), x = 0, T = !1, A = !1, j = D(i, "render", "class", "defaultValue", "disabled", "hiddenUntilFound", "keepMounted", "loopFocus", "multiple", "onValueChange", "orientation", "ref", "style", "value"), N = C(() => s ? r.value ?? I : c()), L = C(() => r.disabled ?? !1), R = C(() => r.hiddenUntilFound ?? !1), z = C(() => r.keepMounted ?? !1), B = C(() => r.multiple ?? !1), V = C(() => r.orientation ?? "vertical"), H = C(() => ({
+		value: N(),
+		disabled: L(),
+		orientation: V()
+	})), U = C(() => a(e.class, H())), W = C(() => o(e.style, H())), G = C(() => n(H(), P));
+	function K() {
+		A || (A = !0, queueMicrotask(() => {
+			A = !1, T || y((e) => e + 1);
+		}));
+	}
+	function q(e) {
+		return e.order = x, x += 1, b.set(e.token, e), K(), () => {
+			b.delete(e.token), K();
+		};
+	}
+	function J() {
+		return Array.from(b.values()).sort(ee);
+	}
+	function Y(e) {
+		return h(), J().indexOf(e);
+	}
+	function X(e, t, n, i) {
+		let a = s ? r.value ?? I : u, o;
+		return B() ? t ? (o = a.slice(), o.push(e)) : o = a.filter((t) => t !== e) : o = a[0] === e ? [] : [e], r.onValueChange?.(o, n), !n.isCanceled && (i?.(), s || (u = o, l(() => o)), E(), !0);
+	}
+	let Z = {
+		disabled: L,
+		getItemIndex: Y,
+		handleValueChange: X,
+		hiddenUntilFound: R,
+		keepMounted: z,
+		notifyItemChange: K,
+		registerItem: q,
+		state: H,
+		value: N
+	};
+	S(() => ({
+		hiddenUntilFound: r.hiddenUntilFound,
+		keepMounted: r.keepMounted
+	}), (e) => {
+		e.hiddenUntilFound && e.keepMounted;
+	}), S(d, (e) => {
+		let t = e?.ownerDocument.defaultView?.MutationObserver;
+		if (!e || !t) return;
+		let n = new t(K);
+		return n.observe(e, {
+			childList: !0,
+			subtree: !0
+		}), () => n.disconnect();
+	}), O(() => {
+		T = !0;
+	});
+	let Q = t(e, () => H(), (e) => (() => {
+		var t = m(F);
+		return v(t, e, !1), _(), t;
+	})());
+	return p(M, {
+		value: Z,
+		get children() {
+			return p(Q, g({
+				ref: [((e) => f(e)), r.ref],
+				get class() {
+					return U();
+				},
+				get style() {
+					return W();
+				}
+			}, G, j));
+		}
+	});
+}
+function ee(e, t) {
+	let n = e.element(), r = t.element();
+	if (n && r && n !== r) {
+		let e = n.compareDocumentPosition(r);
+		if ((e & Node.DOCUMENT_POSITION_DISCONNECTED) === 0) {
+			if (e & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+			if (e & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+		}
+	}
+	return e.order - t.order;
+}
+//#endregion
+//#region src/accordion/item/AccordionItemContext.ts
+var R = Symbol("AccordionItemContext"), z = x(R);
+function B() {
+	let e = A(z);
+	if (e === R) throw Error("Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>.");
+	return e;
+}
+//#endregion
+//#region src/accordion/item/AccordionItemDataAttributes.ts
+var V = /* @__PURE__ */ function(e) {
+	return e.index = "data-index", e.disabled = "data-disabled", e.open = "data-open", e;
+}({}), H = { "data-open": "" }, U = { "data-closed": "" }, W = {
+	open(e) {
+		return e ? H : U;
+	},
+	index(e) {
+		return { [V.index]: String(e) };
+	},
+	...u,
+	value: () => null
+}, G = /* @__PURE__ */ y("<div>");
+function K(e) {
+	let r = N(), i = e, c = e, u = `base-ui-${T()}`, d = `base-ui-${T()}`, f = `base-ui-${T()}`, h = Symbol("AccordionItem"), [y, b] = w(), [x, E] = w(), [k, A] = w(), j = C(() => i.value === void 0 ? u : i.value), M = C(() => (i.disabled ?? !1) || r.disabled()), P = C(() => r.value().indexOf(j()) !== -1), F = s(() => P()), I = {
+		token: h,
+		order: 0,
+		element: y
+	}, L = r.registerItem(I), ee = C(() => {
+		let e = x();
+		return e === null ? void 0 : e ?? d;
+	}), R = C(() => {
+		let e = k();
+		return e === null ? void 0 : e ?? f;
+	}), B = D(c, "render", "class", "disabled", "onOpenChange", "ref", "style", "value"), V = C(() => ({
+		...r.state(),
+		hidden: !P() && !F.mounted(),
+		index: r.getItemIndex(I),
+		disabled: M(),
+		open: P()
+	})), H = C(() => a(e.class, V())), U = C(() => o(e.style, V())), K = C(() => n(V(), W));
+	function q(e, t, n, a) {
+		let o = l(n, t);
+		return i.onOpenChange?.(e, o), !o.isCanceled && r.handleValueChange(j(), e, o, a);
+	}
+	let J = {
+		defaultPanelId: d,
+		defaultTriggerId: f,
+		disabled: M,
+		mounted: F.mounted,
+		open: P,
+		panelId: ee,
+		requestOpenChange: q,
+		setMounted: F.setMounted,
+		setPanelIdState: E,
+		setTriggerIdState: A,
+		state: V,
+		transitionStatus: F.transitionStatus,
+		triggerId: R
+	};
+	S(() => ({
+		element: y(),
+		value: j()
+	}), () => r.notifyItemChange()), O(() => {
+		L(), b(void 0);
+	});
+	let Y = t(e, () => V(), (e) => (() => {
+		var t = m(G);
+		return v(t, e, !1), _(), t;
+	})());
+	return p(z, {
+		value: J,
+		get children() {
+			return p(Y, g({
+				ref: [((e) => b(e)), i.ref],
+				get class() {
+					return H();
+				},
+				get style() {
+					return U();
+				}
+			}, K, B));
+		}
+	});
+}
+//#endregion
+//#region src/accordion/header/AccordionHeader.tsx
+var q = /* @__PURE__ */ y("<h3>");
+function J(e) {
+	let r = B(), i = e, s = D(e, "render", "class", "ref", "style"), c = r.state, l = C(() => a(e.class, c())), u = C(() => o(e.style, c())), d = C(() => n(c(), W)), f = t(e, () => c(), (e) => (() => {
+		var t = m(q);
+		return v(t, e, !1), _(), t;
+	})());
+	return p(f, g({
+		ref: [i.ref],
+		get class() {
+			return l();
+		},
+		get style() {
+			return u();
+		}
+	}, d, s));
+}
+//#endregion
+//#region src/accordion/trigger/AccordionTriggerDataAttributes.ts
+var Y = /* @__PURE__ */ function(e) {
+	return e.panelOpen = "data-panel-open", e.disabled = "data-disabled", e;
+}({}), X = /* @__PURE__ */ y("<button>"), Z = { open(e) {
+	return e ? { [Y.panelOpen]: "" } : null;
+} };
+function Q(e) {
+	let i = B(), s = e, c = e, l = C(() => s.id || void 0), u = C(() => l() ?? i.defaultTriggerId), y = C(() => (s.disabled ?? !1) || i.disabled()), b = C(() => s.nativeButton ?? !0), x = D(c, "render", "class", "disabled", "id", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseUp", "onPointerDown", "ref", "style"), w = i.state, T = C(() => a(e.class, w())), E = C(() => o(e.style, w())), O = C(() => n(w(), Z)), A = C(() => b() ? y() ? "true" : "false" : y() ? "true" : void 0), j = d(f(() => k(() => y() ? te : void 0)), f(() => s.onClick), (e) => {
+		i.requestOpenChange(!i.open(), e, r);
+	}), M = d(f(() => k(() => y() ? ne : void 0)), f(() => s.onMouseDown)), N = d(f(() => s.onMouseUp)), P = d(f(() => k(() => y() ? te : void 0)), f(() => s.onPointerDown)), F = d(f(() => k(() => y() ? re : void 0)), f(() => s.onKeyDown), f(() => k(() => b() ? void 0 : ie))), I = d(f(() => k(() => y() ? ne : void 0)), f(() => s.onKeyUp), f(() => k(() => b() ? void 0 : ae)));
+	S(() => l(), (e) => (i.setTriggerIdState((t) => e ?? (t === null ? void 0 : t)), () => {
+		i.setTriggerIdState((t) => t === e ? null : t);
+	}));
+	let L = t(e, () => w(), (e) => (() => {
+		var t = m(X);
+		return v(t, e, !1), _(), t;
+	})());
+	return p(L, g({
+		ref: [s.ref],
+		get id() {
+			return u();
+		},
+		get class() {
+			return T();
+		},
+		get style() {
+			return E();
+		},
+		get type() {
+			return b() ? "button" : void 0;
+		},
+		get role() {
+			return b() ? void 0 : "button";
+		},
+		tabIndex: 0,
+		get "aria-controls"() {
+			return h(() => !!i.open())() ? i.panelId() : void 0;
+		},
+		get "aria-disabled"() {
+			return A();
+		},
+		get "aria-expanded"() {
+			return i.open() ? "true" : "false";
+		},
+		onClick: j,
+		onKeyDown: F,
+		onKeyUp: I,
+		onMouseDown: M,
+		onMouseUp: N,
+		onPointerDown: P
+	}, O, x));
+}
+function te(e) {
+	e.preventDefault(), e.preventBaseUIHandler();
+}
+function ne(e) {
+	e.preventBaseUIHandler();
+}
+function re(e) {
+	e.key !== "Tab" && e.preventDefault(), e.preventBaseUIHandler();
+}
+function ie(e) {
+	if (e.target !== e.currentTarget) return;
+	let t = e.currentTarget.tagName === "A" && !!e.currentTarget.href;
+	if (t || e.key !== "Enter" && e.key !== " ") {
+		t && e.key === " " && e.preventDefault();
+		return;
+	}
+	e.defaultPrevented || (e.preventDefault(), e.key === "Enter" && (e.preventBaseUIHandler(), oe(e.currentTarget, e)));
+}
+function ae(e) {
+	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), oe(e.currentTarget, e));
+}
+function oe(e, t) {
+	let n = e.ownerDocument.defaultView;
+	if (!n) return;
+	let r = n.PointerEvent ?? n.MouseEvent;
+	e.dispatchEvent(new r("click", {
+		bubbles: !0,
+		cancelable: !0,
+		composed: !0,
+		detail: 0,
+		shiftKey: t.shiftKey,
+		ctrlKey: t.ctrlKey,
+		altKey: t.altKey,
+		metaKey: t.metaKey
+	}));
+}
+//#endregion
+//#region src/accordion/panel/AccordionPanelCssVars.ts
+var $ = /* @__PURE__ */ function(e) {
+	return e.accordionPanelHeight = "--accordion-panel-height", e.accordionPanelWidth = "--accordion-panel-width", e;
+}({}), se = /* @__PURE__ */ y("<div>");
+function ce(e) {
+	let r = N(), s = B(), l = e, u = e, [d, f] = w(), h = C(() => l.hiddenUntilFound ?? r.hiddenUntilFound()), y = C(() => l.keepMounted ?? r.keepMounted()), x = C(() => l.id || void 0), T = C(() => l.id ?? s.defaultPanelId), E = D(u, "render", "class", "hiddenUntilFound", "id", "keepMounted", "ref", "style"), k = c({
+		element: d,
+		hiddenUntilFound: h,
+		keepMounted: y,
+		mounted: s.mounted,
+		open: s.open,
+		requestBeforeMatchOpen: (e, t) => s.requestOpenChange(!0, e, i, t),
+		setMounted: s.setMounted,
+		transitionStatus: s.transitionStatus
+	}), A = C(() => ({
+		...s.state(),
+		transitionStatus: k.panelTransitionStatus()
+	})), j = C(() => k.shouldRender() ? a(e.class, A()) : void 0), M = C(() => le(k.dimensions(), k.shouldRender() ? o(e.style, A()) : void 0, k.shouldPreventOpenAnimation())), P = C(() => {
+		let e = n(A(), W);
+		return k.shouldPersistHiddenTransitionStyles() && (e["data-starting-style"] = ""), e;
+	}), F = C(() => k.hidden() ? !h() || "until-found" : void 0);
+	S(() => x(), (e) => (s.setPanelIdState((t) => e ?? (t === null ? void 0 : t)), () => {
+		s.setPanelIdState((t) => t === e ? null : t);
+	})), S(() => ({
+		hiddenUntilFound: h(),
+		keepMounted: l.keepMounted
+	}), (e) => {
+		e.hiddenUntilFound && e.keepMounted;
+	}), O(() => f(void 0));
+	let I = t(e, () => A(), (e) => (() => {
+		var t = m(se);
+		return v(t, e, !1), _(), t;
+	})());
+	return p(b, {
+		get when() {
+			return k.shouldRender();
+		},
+		get children() {
+			return p(I, g({
+				ref: [l.ref, ((e) => f(e))],
+				get id() {
+					return T();
+				},
+				get class() {
+					return j();
+				},
+				get style() {
+					return M();
+				},
+				get hidden() {
+					return F();
+				},
+				role: "region",
+				get "aria-labelledby"() {
+					return s.triggerId();
+				}
+			}, P, E));
+		}
+	});
+}
+function le(e, t, n) {
+	let r = e.height === void 0 ? "auto" : `${e.height}px`, i = e.width === void 0 ? "auto" : `${e.width}px`;
+	return typeof t == "string" ? [
+		`${$.accordionPanelHeight}:${r}`,
+		`${$.accordionPanelWidth}:${i}`,
+		t,
+		n ? "animation-name:none" : ""
+	].filter(Boolean).join(";") : {
+		[$.accordionPanelHeight]: r,
+		[$.accordionPanelWidth]: i,
+		...t,
+		...n ? { "animation-name": "none" } : {}
+	};
+}
+//#endregion
+//#region src/accordion/index.parts.ts
+var ue = /* @__PURE__ */ e({
+	Header: () => J,
+	Item: () => K,
+	Panel: () => ce,
+	Root: () => L,
+	Trigger: () => Q
+});
+//#endregion
+export { ue as t };

package/dist/lib/client/alert-dialog/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../alert-dialog-BH_3ndio.js";
+import { t as e } from "../alert-dialog-Bup88Dpx.js";
 export { e as AlertDialog };

package/dist/lib/client/{alert-dialog-BH_3ndio.js → alert-dialog-Bup88Dpx.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { a as t, c as n, i as r, l as i, m as a, o, r as s, t as c } from "./DialogHandle-DrN2YWCv.js";
-import { n as l, t as u } from "./DialogPopup-ZlqmGfdk.js";
+import { a as t, c as n, i as r, l as i, m as a, o, r as s, t as c } from "./DialogHandle-DluOK_7u.js";
+import { n as l, t as u } from "./DialogPopup-CfEb3F54.js";
 //#region src/alert-dialog/root/AlertDialogRoot.tsx
 function d(e) {
 	return a("alert-dialog", e);

package/dist/lib/client/autocomplete/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../autocomplete-Cob_FZEP.js";
+import { t as e } from "../autocomplete-oyy_uRpU.js";
 export { e as Autocomplete };

package/dist/lib/client/{autocomplete-Cob_FZEP.js → autocomplete-oyy_uRpU.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import "./reasons-Co5CzjKq.js";
-import { A as t, D as n, O as r, P as i, _ as a, a as o, c as s, d as c, f as l, g as u, h as d, i as f, k as p, l as m, m as h, n as g, p as _, r as v, s as y, t as b, u as x, v as S, x as C, y as w } from "./useFilteredItems-DTekHz39.js";
-import { n as T } from "./mergeStyleValue-C4ITiiIV.js";
-import { createComponent as E, mergeProps as D } from "@solidjs/web";
-import { createEffect as O, createMemo as k, createSignal as A, omit as j, untrack as M } from "solid-js";
+import { A as t, D as n, F as r, O as i, _ as a, a as o, c as s, d as c, f as l, g as u, h as d, i as f, k as p, l as m, m as h, n as g, p as _, r as v, s as y, t as b, u as x, v as S, x as C, y as w } from "./useFilteredItems-BX0BEuSI.js";
+import { t as T } from "./isSolidAccessor-BH_FevwH.js";
+import { createComponent as E, memo as D, mergeProps as O } from "@solidjs/web";
+import { createEffect as k, createMemo as A, createSignal as j, omit as M, untrack as N } from "solid-js";
 //#region src/autocomplete/root/AutocompleteRoot.tsx
-function N(e) {
-	let n = M(() => e.value !== void 0), [a, o] = A(M(() => e.defaultValue ?? ""), { ownedWrite: !0 }), [s, c] = A("", { ownedWrite: !0 }), l = M(() => e.value), u = !1, d = k(() => e.mode ?? "list"), f = k(() => d() === "inline" || d() === "both"), p = k(() => d() === "inline" || d() === "none"), m = k(() => n ? e.value ?? "" : a()), h = k(() => {
+function P(e) {
+	let n = N(() => e.value !== void 0), [a, o] = j(N(() => e.defaultValue ?? ""), { ownedWrite: !0 }), [s, c] = j("", { ownedWrite: !0 }), l = N(() => e.value), u = !1, d = A(() => e.mode ?? "list"), f = A(() => !e.readOnly && (d() === "inline" || d() === "both")), p = A(() => d() === "inline" || d() === "none"), m = A(() => n ? e.value ?? "" : a()), h = A(() => {
 		let e = s();
 		return f() && e !== "" ? e : m();
-	}), g = k(() => String(m()).trim()), _ = k(() => t({ locale: e.locale })), v = k(() => e.filter === void 0 ? _().contains : e.filter), y = k(() => {
+	}), g = A(() => String(m()).trim()), _ = A(() => t({ locale: e.locale })), v = A(() => e.filter === void 0 ? _().contains : e.filter), y = A(() => {
 		if (d() !== "both") return p() ? null : v();
 		let e = v();
 		return e === null ? null : (t, n, r) => e(t, g(), r);
 	});
 	function b(t, r) {
-		u = !1, c(""), n || o(t), e.onValueChange?.(t, r);
+		e.onValueChange?.(t, r), !r.isCanceled && (u = !1, c(""), n || o(t));
 	}
 	function x(t, n) {
 		if (e.onItemHighlighted?.(t, n), n.reason !== "pointer") {
@@ -23,15 +23,18 @@ function N(e) {
 				u = !1;
 				return;
 			}
-			u = !1, c(f() && t != null ? i(t, e.itemToStringValue) : "");
+			u = !1, c(f() && t != null ? r(t, e.itemToStringValue) : "");
 		}
 	}
-	let S = j(e, "defaultValue", "filter", "itemToStringValue", "mode", "onItemHighlighted", "onValueChange", "openOnInputClick", "value"), C = E(r, D({
+	let S = M(e, "defaultValue", "filter", "itemToStringValue", "mode", "onItemHighlighted", "onValueChange", "openOnInputClick", "value"), C = E(i, O({
 		selectionMode: "none",
 		fillInputOnItemPress: !0,
 		get autoComplete() {
 			return d();
 		},
+		get filterQuery() {
+			return D(() => d() === "both")() ? g() : void 0;
+		},
 		get filter() {
 			return y();
 		},
@@ -50,25 +53,27 @@ function N(e) {
 		onInputValueChange: b,
 		onItemHighlighted: x
 	}, S));
-	return O(() => e.value, (e) => {
+	return k(f, (e) => {
+		e || c("");
+	}), k(() => e.value, (e) => {
 		!n || e === l || (l = e, c(""), u = !0);
 	}), C;
 }
 //#endregion
 //#region src/autocomplete/value/AutocompleteValue.tsx
-function P(e) {
+function F(e) {
 	let t = p();
-	return k(() => {
+	return A(() => {
 		let n = e.children;
-		return typeof n == "function" ? T(n) ? M(() => n()) : n(String(t.inputValue())) : n ?? t.inputValue();
+		return typeof n == "function" ? T(n) ? N(() => n()) : n(String(t.inputValue())) : n ?? t.inputValue();
 	});
 }
 //#endregion
 //#region src/autocomplete/trigger/AutocompleteTrigger.tsx
-var F = n, I = w, L = o, R = g;
+var I = n, L = w, R = o, z = g;
 //#endregion
 //#region src/autocomplete/root/utils/useFilter.ts
-function z(e = {}) {
+function B(e = {}) {
 	let n = () => t(typeof e == "function" ? e() : e);
 	return {
 		contains(e, t, r) {
@@ -84,7 +89,7 @@ function z(e = {}) {
 }
 //#endregion
 //#region src/autocomplete/index.parts.ts
-var B = /* @__PURE__ */ e({
+var V = /* @__PURE__ */ e({
 	Arrow: () => m,
 	Backdrop: () => l,
 	Clear: () => a,
@@ -94,20 +99,20 @@ var B = /* @__PURE__ */ e({
 	GroupLabel: () => y,
 	Icon: () => S,
 	Input: () => C,
-	InputGroup: () => I,
-	Item: () => L,
+	InputGroup: () => L,
+	Item: () => R,
 	List: () => d,
 	Popup: () => x,
 	Portal: () => _,
 	Positioner: () => c,
-	Root: () => N,
+	Root: () => P,
 	Row: () => f,
-	Separator: () => R,
+	Separator: () => z,
 	Status: () => h,
-	Trigger: () => F,
-	Value: () => P,
-	useFilter: () => z,
+	Trigger: () => I,
+	Value: () => F,
+	useFilter: () => B,
 	useFilteredItems: () => b
 });
 //#endregion
-export { B as t };
+export { V as t };

package/dist/lib/client/avatar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../avatar-AF9vyD4q.js";
+import { t as e } from "../avatar-DNZ4fnBd.js";
 export { e as Avatar };