solid-baseui 0.1.0-alpha.1 → 0.1.0-alpha.3

package/dist/lib/client/{toolbar-DcCi3HNp.js → toolbar-BXT_g-oX.js}

@@ -2,98 +2,98 @@ 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 { n as r, t as i } from "./resolveStyle-XcgAuaKR.js";
-import { composeEventHandlers as a } from "./internals/composeEventHandlers.js";
-import { t as o } from "./setRef-fXF6OIo3.js";
-import { n as s } from "./DirectionContext-BwMabICS.js";
-import { n as c, t as l } from "./ToolbarRootContext-88yZoAOy.js";
-import { n as u, t as d } from "./ToolbarGroupContext-Dpc3_mFx.js";
-import { t as f } from "./ToolbarItemOwnerContext-DtVqVnSE.js";
-import { claimElement as p, createComponent as m, delegateEvents as h, getNextElement as g, mergeProps as _, runHydrationEvents as v, spread as y, template as b } from "@solidjs/web";
-import { createEffect as x, createMemo as S, createSignal as C, omit as w, onCleanup as T, onSettled as E, untrack as D } from "solid-js";
+import { composeEventHandlers as a, liveEventHandler as o } from "./internals/composeEventHandlers.js";
+import { t as s } from "./setRef-fXF6OIo3.js";
+import { n as c } from "./DirectionContext-BwMabICS.js";
+import { n as l, t as u } from "./ToolbarRootContext-88yZoAOy.js";
+import { n as d, t as f } from "./ToolbarGroupContext-Dpc3_mFx.js";
+import { t as p } from "./ToolbarItemOwnerContext-DtVqVnSE.js";
+import { claimElement as m, createComponent as h, delegateEvents as g, getNextElement as _, mergeProps as v, runHydrationEvents as y, spread as b, template as x } from "@solidjs/web";
+import { createEffect as S, createMemo as C, createSignal as w, omit as T, onCleanup as E, onSettled as D, untrack as O } from "solid-js";
 //#region src/toolbar/root/ToolbarRoot.tsx
-var O = /* @__PURE__ */ b("<div>");
-function k(e) {
-	let o = s(), c = e, u = e, [d, f] = C(), [p, h] = C(), [b, T] = C(0), E = /* @__PURE__ */ new Map(), D = 0, k = !1, F = w(u, "render", "class", "disabled", "loopFocus", "onFocus", "onFocusIn", "onKeyDown", "orientation", "ref", "style"), I = S(() => c.disabled ?? !1), L = S(() => c.orientation ?? "horizontal"), R = S(() => ({
-		disabled: I(),
-		orientation: L()
-	})), z = S(() => r(e.class, R())), B = S(() => i(e.style, R())), ee = S(() => n(R()));
-	function V() {
-		k || (k = !0, queueMicrotask(() => {
-			k = !1, T((e) => e + 1);
+var k = /* @__PURE__ */ x("<div>");
+function A(e) {
+	let s = c(), l = e, d = e, [f, p] = w(), [m, g] = w(), [x, E] = w(0), D = /* @__PURE__ */ new Map(), O = 0, A = !1, I = T(d, "render", "class", "disabled", "loopFocus", "onFocus", "onFocusIn", "onKeyDown", "orientation", "ref", "style"), L = C(() => l.disabled ?? !1), R = C(() => l.orientation ?? "horizontal"), z = C(() => ({
+		disabled: L(),
+		orientation: R()
+	})), B = C(() => r(e.class, z())), V = C(() => i(e.style, z())), ee = C(() => n(z()));
+	function H() {
+		A || (A = !0, queueMicrotask(() => {
+			A = !1, E((e) => e + 1);
 		}));
 	}
-	function H(e) {
-		return e.order = D, D += 1, E.set(e.token, e), V(), () => {
-			E.delete(e.token), V();
+	function U(e) {
+		return e.order = O, O += 1, D.set(e.token, e), H(), () => {
+			D.delete(e.token), H();
 		};
 	}
-	function U() {
-		let e = Array.from(E.values()).sort(A), t = /* @__PURE__ */ new Set();
+	function W() {
+		let e = Array.from(D.values()).sort(j), t = /* @__PURE__ */ new Set();
 		return e.filter((e) => {
 			let n = e.element();
 			return !n || t.has(n) ? !1 : (t.add(n), !0);
 		});
 	}
-	function W() {
-		return U().filter(j);
-	}
-	function G(e) {
-		b();
-		let t = W(), n = t.find((e) => e.token === p());
-		return j(e) && (n ?? t[0])?.token === e.token;
+	function G() {
+		return W().filter(M);
 	}
 	function K(e) {
-		j(e) && h(e.token);
+		x();
+		let t = G(), n = t.find((e) => e.token === m());
+		return M(e) && (n ?? t[0])?.token === e.token;
 	}
 	function q(e) {
+		M(e) && g(e.token);
+	}
+	function J(e) {
 		let t = e.composedPath(), n = t[0];
-		return U().find((e) => {
+		return W().find((e) => {
 			let r = e.element();
 			return r && (t.includes(r) || n instanceof Node && r.contains(n));
 		});
 	}
-	function J(e) {
-		let t = q(e);
-		t && K(t);
+	function Y(e) {
+		let t = J(e);
+		t && q(t);
 		let n = e.composedPath()[0];
-		M(n) && queueMicrotask(() => n.setSelectionRange(0, n.value.length));
+		N(n) && queueMicrotask(() => n.setSelectionRange(0, n.value.length));
 	}
-	function Y(e) {
+	function X(e) {
 		if (e.shiftKey || e.ctrlKey || e.altKey || e.metaKey) return;
-		let t = o() === "rtl" ? "ArrowLeft" : "ArrowRight", n = o() === "rtl" ? "ArrowRight" : "ArrowLeft", r = L() === "vertical" ? "ArrowDown" : t, i = L() === "vertical" ? "ArrowUp" : n;
+		let t = s() === "rtl" ? "ArrowLeft" : "ArrowRight", n = s() === "rtl" ? "ArrowRight" : "ArrowLeft", r = R() === "vertical" ? "ArrowDown" : t, i = R() === "vertical" ? "ArrowUp" : n;
 		if (e.key !== r && e.key !== i) return;
 		let a = e.composedPath()[0];
-		if (M(a) && !N(a)) {
+		if (N(a) && !P(a)) {
 			let t = a.selectionStart, n = a.selectionEnd;
 			if (t == null || e.shiftKey || t !== n || e.key !== i && t < a.value.length || e.key !== r && t > 0) return;
 		}
-		b();
-		let s = W();
-		if (s.length === 0) return;
-		let l = q(e), u = s.findIndex((e) => e.token === (l?.token ?? p())), f = e.key === r ? 1 : -1, m = u === -1 ? f > 0 ? 0 : s.length - 1 : u + f;
-		if (m < 0 || m >= s.length) {
-			if (!(c.loopFocus ?? !0)) return;
-			m = (m + s.length) % s.length;
+		x();
+		let o = G();
+		if (o.length === 0) return;
+		let c = J(e), u = o.findIndex((e) => e.token === (c?.token ?? m())), d = e.key === r ? 1 : -1, p = u === -1 ? d > 0 ? 0 : o.length - 1 : u + d;
+		if (p < 0 || p >= o.length) {
+			if (!(l.loopFocus ?? !0)) return;
+			p = (p + o.length) % o.length;
 		}
-		let h = s[m];
-		!h || h.token === l?.token || (e.preventDefault(), e.stopPropagation(), K(h), P(d(), h.element(), o(), L()), queueMicrotask(() => h.element()?.focus()));
+		let h = o[p];
+		!h || h.token === c?.token || (e.preventDefault(), e.stopPropagation(), q(h), F(f(), h.element(), s(), R()), queueMicrotask(() => h.element()?.focus()));
 	}
-	let X = a(() => c.onFocusIn, () => J), Z = a(() => c.onKeyDown, () => Y);
-	function Q(e) {
-		Reflect.deleteProperty(e, "baseUIHandlerPrevented"), Reflect.apply(Z, e.currentTarget, [e]);
+	let Z = a(o(() => l.onFocusIn), Y), Q = a(o(() => l.onKeyDown), X);
+	function $(e) {
+		Reflect.deleteProperty(e, "baseUIHandlerPrevented"), Reflect.apply(Q, e.currentTarget, [e]);
 	}
-	let $ = {
-		disabled: I,
-		orientation: L,
-		isTabStop: G,
-		notifyItemChange: V,
-		registerItem: H,
-		setActiveItem: K
+	let te = {
+		disabled: L,
+		orientation: R,
+		isTabStop: K,
+		notifyItemChange: H,
+		registerItem: U,
+		setActiveItem: q
 	};
-	x(d, (e) => {
+	S(f, (e) => {
 		let t = e?.ownerDocument.defaultView?.MutationObserver;
 		if (!e || !t) return;
-		let n = new t(V);
+		let n = new t(H);
 		return n.observe(e, {
 			attributes: !0,
 			childList: !0,
@@ -106,35 +106,35 @@ function k(e) {
 			]
 		}), () => n.disconnect();
 	});
-	let te = t(e, () => R(), (e) => (() => {
-		var t = g(O);
-		return y(t, e, !1), v(), t;
+	let ne = t(e, () => z(), (e) => (() => {
+		var t = _(k);
+		return b(t, e, !1), y(), t;
 	})());
-	return m(l, {
-		value: $,
+	return h(u, {
+		value: te,
 		get children() {
-			return m(te, _({
-				ref: [((e) => f(e)), c.ref],
+			return h(ne, v({
+				ref: [((e) => p(e)), l.ref],
 				get class() {
-					return z();
+					return B();
 				},
 				get style() {
-					return B();
+					return V();
 				},
 				role: "toolbar",
 				get "aria-orientation"() {
-					return L();
+					return R();
 				},
 				get onFocus() {
-					return c.onFocus;
+					return l.onFocus;
 				},
-				onFocusIn: X,
-				onKeyDown: Q
-			}, ee, F));
+				onFocusIn: Z,
+				onKeyDown: $
+			}, ee, I));
 		}
 	});
 }
-function A(e, t) {
+function j(e, t) {
 	let n = e.element(), r = t.element();
 	if (n && r && n !== r) {
 		let e = n.compareDocumentPosition(r);
@@ -145,29 +145,29 @@ function A(e, t) {
 	}
 	return e.order - t.order;
 }
-function j(e) {
+function M(e) {
 	let t = e.element();
 	if (!t?.isConnected || e.disabled() && !e.focusableWhenDisabled() || t.matches(":disabled")) return !1;
 	let n = t.ownerDocument.defaultView?.getComputedStyle(t);
 	return !n || n.display === "none" || n.display === "contents" || n.visibility === "hidden" || n.visibility === "collapse" ? !1 : typeof t.checkVisibility != "function" || t.checkVisibility();
 }
-function M(e) {
+function N(e) {
 	if (!e || typeof e != "object" || !("tagName" in e)) return !1;
 	let t = e;
 	return t.tagName === "TEXTAREA" || t.tagName === "INPUT" && t.selectionStart != null;
 }
-function N(e) {
+function P(e) {
 	return e.matches(":disabled") || e.getAttribute("aria-disabled") === "true";
 }
-function P(e, t, n, r) {
+function F(e, t, n, r) {
 	if (!e || !t || typeof e.scrollTo != "function") return;
-	let i = e.scrollLeft, a = e.scrollTop, o = I(e), s = I(t);
+	let i = e.scrollLeft, a = e.scrollTop, o = L(e), s = L(t);
 	if (r === "horizontal" && e.clientWidth < e.scrollWidth) {
-		let n = F(e, t, "left");
+		let n = I(e, t, "left");
 		n - s.scrollMarginLeft < e.scrollLeft + o.scrollPaddingLeft ? i = n - s.scrollMarginLeft - o.scrollPaddingLeft : n + t.offsetWidth + s.scrollMarginRight > e.scrollLeft + e.clientWidth - o.scrollPaddingRight && (i = n + t.offsetWidth + s.scrollMarginRight - e.clientWidth + o.scrollPaddingRight);
 	}
 	if (r === "vertical" && e.scrollHeight > e.clientHeight) {
-		let n = F(e, t, "top");
+		let n = I(e, t, "top");
 		n - s.scrollMarginTop < e.scrollTop + o.scrollPaddingTop ? a = n - s.scrollMarginTop - o.scrollPaddingTop : n + t.offsetHeight + s.scrollMarginBottom > e.scrollTop + e.clientHeight - o.scrollPaddingBottom && (a = n + t.offsetHeight + s.scrollMarginBottom - e.clientHeight + o.scrollPaddingBottom);
 	}
 	e.scrollTo({
@@ -176,12 +176,12 @@ function P(e, t, n, r) {
 		top: a
 	});
 }
-function F(e, t, n) {
+function I(e, t, n) {
 	let r = n === "left" ? "offsetLeft" : "offsetTop", i = t, a = 0;
 	for (; i.offsetParent && (a += i[r], i.offsetParent !== e);) i = i.offsetParent;
 	return a;
 }
-function I(e) {
+function L(e) {
 	let t = e.ownerDocument.defaultView?.getComputedStyle(e);
 	return {
 		scrollMarginTop: Number.parseFloat(t?.scrollMarginTop ?? "") || 0,
@@ -196,34 +196,34 @@ function I(e) {
 }
 //#endregion
 //#region src/toolbar/group/ToolbarGroup.tsx
-var L = /* @__PURE__ */ b("<div>");
-function R(e) {
-	let a = c(), o = e, s = w(e, "render", "class", "disabled", "ref", "style"), l = S(() => a.disabled() || (o.disabled ?? !1)), u = S(() => ({
-		disabled: l(),
+var R = /* @__PURE__ */ x("<div>");
+function z(e) {
+	let a = l(), o = e, s = T(e, "render", "class", "disabled", "ref", "style"), c = C(() => a.disabled() || (o.disabled ?? !1)), u = C(() => ({
+		disabled: c(),
 		orientation: a.orientation()
-	})), f = S(() => r(e.class, u())), p = S(() => i(e.style, u())), h = S(() => n(u())), b = { disabled: l }, x = t(e, () => u(), (e) => (() => {
-		var t = g(L);
-		return y(t, e, !1), v(), t;
+	})), d = C(() => r(e.class, u())), p = C(() => i(e.style, u())), m = C(() => n(u())), g = { disabled: c }, x = t(e, () => u(), (e) => (() => {
+		var t = _(R);
+		return b(t, e, !1), y(), t;
 	})());
-	return m(d, {
-		value: b,
+	return h(f, {
+		value: g,
 		get children() {
-			return m(x, _({
+			return h(x, v({
 				ref: [o.ref],
 				get class() {
-					return f();
+					return d();
 				},
 				get style() {
 					return p();
 				},
 				role: "group"
-			}, h, s));
+			}, m, s));
 		}
 	});
 }
 //#endregion
 //#region src/internals/installOwnedEventHandlers.ts
-function z(e, t) {
+function B(e, t) {
 	let n = /* @__PURE__ */ new WeakSet(), r = /* @__PURE__ */ new WeakSet(), i = [], a = [];
 	for (let [a, o] of t) {
 		let t = (t) => {
@@ -253,26 +253,26 @@ function z(e, t) {
 			Reflect.deleteProperty(c, t), Reflect.deleteProperty(c, s), c[t] = l, c[s] = u;
 		});
 	}
-	return h(t.map(([e]) => e)), () => {
+	return g(t.map(([e]) => e)), () => {
 		for (let [t, n] of i) e.removeEventListener(t, n);
 		for (let e of a) e();
 	};
 }
 //#endregion
 //#region src/toolbar/createToolbarItem.ts
-function B(e) {
-	let t = c(), [n, r] = C(), i = {
+function V(e) {
+	let t = l(), [n, r] = w(), i = {
 		token: Symbol("ToolbarItem"),
 		order: 0,
 		element: n,
 		disabled: e.disabled,
 		focusableWhenDisabled: e.focusableWhenDisabled
 	}, a = t.registerItem(i);
-	return x(() => ({
+	return S(() => ({
 		disabled: e.disabled(),
 		element: n(),
 		focusableWhenDisabled: e.focusableWhenDisabled()
-	}), () => t.notifyItemChange()), T(a), {
+	}), () => t.notifyItemChange()), E(a), {
 		element: n,
 		registration: i,
 		root: t,
@@ -282,101 +282,101 @@ function B(e) {
 }
 //#endregion
 //#region src/toolbar/button/ToolbarButton.tsx
-var ee = /* @__PURE__ */ b("<button>");
-function V(e) {
-	let s = c(), l = u(), d = e, p = e, [h, b] = C(!1), O = S(() => s.disabled() || (l?.disabled() ?? !1) || (d.disabled ?? !1)), k = S(() => O() || h()), A = S(() => h() && !O() ? !1 : d.focusableWhenDisabled ?? !0), j = S(() => d.nativeButton ?? !0), M = B({
-		disabled: k,
-		focusableWhenDisabled: A
-	}), N = w(p, "render", "class", "disabled", "focusableWhenDisabled", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), P = S(() => ({
-		disabled: k(),
-		focusable: A(),
-		orientation: s.orientation()
-	})), F = S(() => r(e.class, P())), I = S(() => i(e.style, P())), L = S(() => n(P())), R, V = S(() => j() && k() && !A()), K = S(() => j() && A() ? k() ? "true" : "false" : !j() && k() ? "true" : void 0);
-	function q() {
-		M.root.setActiveItem(M.registration);
+var ee = /* @__PURE__ */ x("<button>");
+function H(e) {
+	let c = l(), u = d(), f = e, m = e, [g, x] = w(!1), k = C(() => c.disabled() || (u?.disabled() ?? !1) || (f.disabled ?? !1)), A = C(() => k() || g()), j = C(() => g() && !k() ? !1 : f.focusableWhenDisabled ?? !0), M = C(() => f.nativeButton ?? !0), N = V({
+		disabled: A,
+		focusableWhenDisabled: j
+	}), P = T(m, "render", "class", "disabled", "focusableWhenDisabled", "nativeButton", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style"), F = C(() => ({
+		disabled: A(),
+		focusable: j(),
+		orientation: c.orientation()
+	})), I = C(() => r(e.class, F())), L = C(() => i(e.style, F())), R = C(() => n(F())), z, H = C(() => M() && A() && !j()), q = C(() => M() && j() ? A() ? "true" : "false" : !M() && A() ? "true" : void 0);
+	function J() {
+		N.root.setActiveItem(N.registration);
 	}
-	function J(e) {
+	function Y(e) {
 		if (e.target !== e.currentTarget) return;
 		let t = e.key === " ", n = e.key === "Enter", r = e.currentTarget.tagName === "BUTTON", i = e.currentTarget.tagName === "A" && !!e.currentTarget.href, a = e.currentTarget.getAttribute("role"), o = a?.startsWith("menuitem") || a === "option" || a === "gridcell";
 		if (t) {
 			if (e.defaultPrevented && o) return;
-			e.preventDefault(), (!j() || r) && (e.preventBaseUIHandler(), G(e.currentTarget, e));
+			e.preventDefault(), (!M() || r) && (e.preventBaseUIHandler(), K(e.currentTarget, e));
 			return;
 		}
-		!j() && !i && n && !e.defaultPrevented && (e.preventDefault(), e.preventBaseUIHandler(), G(e.currentTarget, e));
+		!M() && !i && n && !e.defaultPrevented && (e.preventDefault(), e.preventBaseUIHandler(), K(e.currentTarget, e));
 	}
-	function Y(e) {
-		e.target === e.currentTarget && e.key === " " && (!j() || e.currentTarget.tagName === "BUTTON") && (e.preventDefault(), e.preventBaseUIHandler());
+	function X(e) {
+		e.target === e.currentTarget && e.key === " " && (!M() || e.currentTarget.tagName === "BUTTON") && (e.preventDefault(), e.preventBaseUIHandler());
 	}
-	let X = a(() => D(() => k() ? H : void 0), () => d.onClick), Z = a(() => d.onFocus, () => q), Q = a(() => D(() => k() ? W : void 0), () => D(() => k() ? void 0 : d.onKeyDown), () => D(() => k() ? void 0 : J)), $ = a(() => D(() => k() ? U : void 0), () => D(() => k() ? void 0 : d.onKeyUp), () => D(() => k() ? void 0 : Y)), te = a(() => D(() => k() ? U : void 0), () => D(() => k() ? void 0 : d.onMouseDown)), ne = a(() => D(() => k() ? H : void 0), () => d.onPointerDown);
-	E(() => {
-		M.element();
+	let Z = a(o(() => O(() => A() ? U : void 0)), o(() => f.onClick)), Q = a(o(() => f.onFocus), J), $ = a(o(() => O(() => A() ? G : void 0)), o(() => O(() => A() ? void 0 : f.onKeyDown)), o(() => O(() => A() ? void 0 : Y))), te = a(o(() => O(() => A() ? W : void 0)), o(() => O(() => A() ? void 0 : f.onKeyUp)), o(() => O(() => A() ? void 0 : X))), ne = a(o(() => O(() => A() ? W : void 0)), o(() => O(() => A() ? void 0 : f.onMouseDown))), re = a(o(() => O(() => A() ? U : void 0)), o(() => f.onPointerDown));
+	D(() => {
+		N.element();
 	});
-	function re(e) {
-		R?.(), M.setElement(e), R = z(e, [
-			["click", X],
-			["focus", Z],
-			["keydown", Q],
-			["keyup", $],
-			["mousedown", te],
-			["pointerdown", ne]
-		]), o(d.ref, e);
+	function ie(e) {
+		z?.(), N.setElement(e), z = B(e, [
+			["click", Z],
+			["focus", Q],
+			["keydown", $],
+			["keyup", te],
+			["mousedown", ne],
+			["pointerdown", re]
+		]), s(f.ref, e);
 	}
-	x(() => ({
-		disabled: k(),
-		element: M.element(),
-		focusableWhenDisabled: A()
+	S(() => ({
+		disabled: A(),
+		element: N.element(),
+		focusableWhenDisabled: j()
 	}), (e) => {
 		e.disabled && e.focusableWhenDisabled && e.element && e.element.removeAttribute("disabled");
-	}), T(() => R?.());
-	let ie = t(e, () => P(), (e) => (() => {
-		var t = g(ee);
-		return y(t, e, !1), v(), t;
+	}), E(() => z?.());
+	let ae = t(e, () => F(), (e) => (() => {
+		var t = _(ee);
+		return b(t, e, !1), y(), t;
 	})());
-	return m(f, {
+	return h(p, {
 		value: {
-			disabled: k,
-			focusableWhenDisabled: A,
-			setChildDisabled: b
+			disabled: A,
+			focusableWhenDisabled: j,
+			setChildDisabled: x
 		},
 		get children() {
-			return m(ie, _({
+			return h(ae, v({
 				ref: (e) => {
-					re(e);
+					ie(e);
 				},
 				get class() {
-					return F();
+					return I();
 				},
 				get style() {
-					return I();
+					return L();
 				},
 				get type() {
-					return j() ? "button" : void 0;
+					return M() ? "button" : void 0;
 				}
-			}, () => j() ? {} : { role: "button" }, {
+			}, () => M() ? {} : { role: "button" }, {
 				get tabIndex() {
-					return M.tabIndex();
+					return N.tabIndex();
 				},
 				get disabled() {
-					return V();
+					return H();
 				},
 				get "aria-disabled"() {
-					return K();
+					return q();
 				}
-			}, L, N));
+			}, R, P));
 		}
 	});
 }
-function H(e) {
+function U(e) {
 	e.preventDefault(), e.preventBaseUIHandler();
 }
-function U(e) {
+function W(e) {
 	e.preventBaseUIHandler();
 }
-function W(e) {
+function G(e) {
 	e.key !== "Tab" && (e.preventDefault(), e.preventBaseUIHandler());
 }
-function G(e, t) {
+function K(e, t) {
 	let n = e.ownerDocument.defaultView;
 	n && e.dispatchEvent(new n.MouseEvent("click", {
 		bubbles: !0,
@@ -391,93 +391,93 @@ function G(e, t) {
 }
 //#endregion
 //#region src/toolbar/link/ToolbarLink.tsx
-var K = /* @__PURE__ */ b("<a>"), q = () => !1, J = () => !0;
-function Y(e) {
-	let s = c(), l = e, u = e, d = B({
-		disabled: q,
-		focusableWhenDisabled: J
-	}), f = w(u, "render", "class", "onFocus", "ref", "style"), h = S(() => ({ orientation: s.orientation() })), b = S(() => r(e.class, h())), x = S(() => i(e.style, h())), C = S(() => n(h())), T = a(() => l.onFocus, () => () => d.root.setActiveItem(d.registration)), E = t(e, () => h(), (e) => (() => {
-		var t = g(K);
-		return p(t), y(t, e, !1), v(), t;
+var q = /* @__PURE__ */ x("<a>"), J = () => !1, Y = () => !0;
+function X(e) {
+	let c = l(), u = e, d = e, f = V({
+		disabled: J,
+		focusableWhenDisabled: Y
+	}), p = T(d, "render", "class", "onFocus", "ref", "style"), g = C(() => ({ orientation: c.orientation() })), x = C(() => r(e.class, g())), S = C(() => i(e.style, g())), w = C(() => n(g())), E = a(o(() => u.onFocus), () => f.root.setActiveItem(f.registration)), D = t(e, () => g(), (e) => (() => {
+		var t = _(q);
+		return m(t), b(t, e, !1), y(), t;
 	})());
-	return m(E, _({
+	return h(D, v({
 		ref: (e) => {
-			d.setElement(e), o(l.ref, e);
+			f.setElement(e), s(u.ref, e);
 		},
 		get class() {
-			return b();
+			return x();
 		},
 		get style() {
-			return x();
+			return S();
 		},
 		get tabIndex() {
-			return d.tabIndex();
+			return f.tabIndex();
 		},
-		onFocus: T
-	}, C, f));
+		onFocus: E
+	}, w, p));
 }
 //#endregion
 //#region src/toolbar/input/ToolbarInput.tsx
-var X = /* @__PURE__ */ b("<input>");
-function Z(e) {
-	let s = c(), l = u(), d = e, f = e, p = S(() => s.disabled() || (l?.disabled() ?? !1) || (d.disabled ?? !1)), h = S(() => d.focusableWhenDisabled ?? !0), b = B({
-		disabled: p,
-		focusableWhenDisabled: h
-	}), x = w(f, "render", "class", "disabled", "focusableWhenDisabled", "onClick", "onFocus", "onKeyDown", "onPointerDown", "ref", "style"), C = S(() => ({
-		disabled: p(),
-		focusable: h(),
-		orientation: s.orientation()
-	})), E = S(() => r(e.class, C())), O = S(() => i(e.style, C())), k = S(() => n(C())), A;
-	function j() {
-		b.root.setActiveItem(b.registration);
+var Z = /* @__PURE__ */ x("<input>");
+function Q(e) {
+	let c = l(), u = d(), f = e, p = e, m = C(() => c.disabled() || (u?.disabled() ?? !1) || (f.disabled ?? !1)), g = C(() => f.focusableWhenDisabled ?? !0), x = V({
+		disabled: m,
+		focusableWhenDisabled: g
+	}), S = T(p, "render", "class", "disabled", "focusableWhenDisabled", "onClick", "onFocus", "onKeyDown", "onPointerDown", "ref", "style"), w = C(() => ({
+		disabled: m(),
+		focusable: g(),
+		orientation: c.orientation()
+	})), D = C(() => r(e.class, w())), k = C(() => i(e.style, w())), A = C(() => n(w())), j;
+	function M() {
+		x.root.setActiveItem(x.registration);
 	}
-	let M = a(() => d.onClick, () => D(() => p() ? Q : void 0)), N = a(() => d.onFocus, () => j), P = a(() => D(() => p() ? $ : void 0), () => d.onKeyDown), F = a(() => d.onPointerDown, () => D(() => p() ? Q : void 0));
-	function I(e) {
-		A?.(), b.setElement(e), A = z(e, [
-			["click", M],
-			["focus", N],
-			["keydown", P],
-			["pointerdown", F]
-		]), o(d.ref, e);
+	let N = a(o(() => f.onClick), o(() => O(() => m() ? $ : void 0))), P = a(o(() => f.onFocus), M), F = a(o(() => O(() => m() ? te : void 0)), o(() => f.onKeyDown)), I = a(o(() => f.onPointerDown), o(() => O(() => m() ? $ : void 0)));
+	function L(e) {
+		j?.(), x.setElement(e), j = B(e, [
+			["click", N],
+			["focus", P],
+			["keydown", F],
+			["pointerdown", I]
+		]), s(f.ref, e);
 	}
-	T(() => A?.());
-	let L = t(e, () => C(), (e) => (() => {
-		var t = g(X);
-		return y(t, e, !1), v(), t;
+	E(() => j?.());
+	let R = t(e, () => w(), (e) => (() => {
+		var t = _(Z);
+		return b(t, e, !1), y(), t;
 	})());
-	return m(L, _({
+	return h(R, v({
 		ref: (e) => {
-			I(e);
+			L(e);
 		},
 		get class() {
-			return E();
+			return D();
 		},
 		get style() {
-			return O();
+			return k();
 		},
 		get tabIndex() {
-			return b.tabIndex();
+			return x.tabIndex();
 		},
 		get "aria-disabled"() {
-			return p() ? "true" : void 0;
+			return m() ? "true" : void 0;
 		}
-	}, k, x));
+	}, A, S));
 }
-function Q(e) {
+function $(e) {
 	e.preventDefault();
 }
-function $(e) {
+function te(e) {
 	e.key !== "Tab" && e.preventDefault();
 }
 //#endregion
 //#region src/toolbar/separator/ToolbarSeparator.tsx
-var te = /* @__PURE__ */ b("<div>");
-function ne(e) {
-	let a = c(), o = w(e, "render", "class", "orientation", "style"), s = S(() => e.orientation ?? (a.orientation() === "vertical" ? "horizontal" : "vertical")), l = S(() => ({ orientation: s() })), u = S(() => r(e.class, l())), d = S(() => i(e.style, l())), f = S(() => n(l())), p = t(e, () => l(), (e) => (() => {
-		var t = g(te);
-		return y(t, e, !1), v(), t;
+var ne = /* @__PURE__ */ x("<div>");
+function re(e) {
+	let a = l(), o = T(e, "render", "class", "orientation", "style"), s = C(() => e.orientation ?? (a.orientation() === "vertical" ? "horizontal" : "vertical")), c = C(() => ({ orientation: s() })), u = C(() => r(e.class, c())), d = C(() => i(e.style, c())), f = C(() => n(c())), p = t(e, () => c(), (e) => (() => {
+		var t = _(ne);
+		return b(t, e, !1), y(), t;
 	})());
-	return m(p, _({
+	return h(p, v({
 		get class() {
 			return u();
 		},
@@ -492,13 +492,13 @@ function ne(e) {
 }
 //#endregion
 //#region src/toolbar/index.parts.ts
-var re = /* @__PURE__ */ e({
-	Button: () => V,
-	Group: () => R,
-	Input: () => Z,
-	Link: () => Y,
-	Root: () => k,
-	Separator: () => ne
+var ie = /* @__PURE__ */ e({
+	Button: () => H,
+	Group: () => z,
+	Input: () => Q,
+	Link: () => X,
+	Root: () => A,
+	Separator: () => re
 });
 //#endregion
-export { re as t };
+export { ie as t };