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

package/dist/lib/client/{tabs-Bn4rZDyZ.js → tabs-DWiBDv8D.js}

@@ -5,101 +5,101 @@ import { C as r, p as i, s as a, w as o } from "./reasons-Co5CzjKq.js";
 import { n as s, t as c } from "./resolveStyle-XcgAuaKR.js";
 import { createChangeEventDetails as l } from "./internals/createBaseUIEventDetails.js";
 import { transitionStatusMapping as u } from "./internals/stateAttributesMapping.js";
-import { composeEventHandlers as d } from "./internals/composeEventHandlers.js";
-import { t as f } from "./runOnceAnimationsFinish-CFADb4CN.js";
-import { t as p } from "./createTransitionStatus-BL_cPSEA.js";
-import { n as m } from "./DirectionContext-BwMabICS.js";
-import { n as h } from "./CSPContext-faVzToiT.js";
-import { mergeStyles as g } from "./internals/mergeStyles.js";
-import { createComponent as _, getNextElement as v, isServer as y, memo as b, mergeProps as x, runHydrationEvents as S, spread as C, template as w } from "@solidjs/web";
-import { Show as T, createContext as E, createEffect as D, createMemo as O, createSignal as k, createUniqueId as A, omit as ee, onCleanup as te, onSettled as j, sharedConfig as M, untrack as N, useContext as P } from "solid-js";
+import { composeEventHandlers as d, liveEventHandler as f } from "./internals/composeEventHandlers.js";
+import { t as p } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { t as m } from "./createTransitionStatus-BL_cPSEA.js";
+import { n as h } from "./DirectionContext-BwMabICS.js";
+import { t as g } from "./mergeStyleValue-Dcd36yxZ.js";
+import { n as _ } from "./CSPContext-faVzToiT.js";
+import { createComponent as v, getNextElement as y, isServer as b, memo as x, mergeProps as S, runHydrationEvents as C, spread as w, template as T } from "@solidjs/web";
+import { Show as E, createContext as D, createEffect as O, createMemo as k, createSignal as A, createUniqueId as j, omit as M, onCleanup as N, onSettled as P, sharedConfig as F, untrack as I, useContext as L } from "solid-js";
 //#region src/tabs/root/TabsRootContext.ts
-var F = Symbol("TabsRootContext"), I = E(F);
-function L() {
-	let e = P(I);
-	if (e === F) throw Error("Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.");
+var R = Symbol("TabsRootContext"), z = D(R);
+function B() {
+	let e = L(z);
+	if (e === R) throw Error("Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.");
 	return e;
 }
 //#endregion
 //#region src/tabs/root/TabsRootDataAttributes.ts
-var R = /* @__PURE__ */ function(e) {
+var V = /* @__PURE__ */ function(e) {
 	return e.orientation = "data-orientation", e.activationDirection = "data-activation-direction", e;
-}({}), z = {
-	orientation: (e) => ({ [R.orientation]: e }),
-	tabActivationDirection: (e) => ({ [R.activationDirection]: e })
-}, B = /* @__PURE__ */ w("<div>");
-function V(e) {
-	let o = e, u = e, d = N(() => o.value !== void 0), f = N(() => o.defaultValue !== void 0), p = N(() => o.defaultValue), m = N(() => o.defaultValue === void 0 ? 0 : o.defaultValue), [h, g] = k(() => m), [y, b] = k("none"), [w, T] = k(0), [E, A] = k(0), j = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map(), P = 0, F = 0, L = N(() => d ? o.value : h()), R = !1, V = !f, W = f, re = !1, ie, G = !1, K = !1, q = !1, ae = !1, J = !1, oe = ee(u, "render", "class", "defaultValue", "onValueChange", "orientation", "ref", "style", "value"), Y = O(() => d ? o.value : h()), X = O(() => o.orientation ?? "horizontal"), Z = O(() => ({
+}({}), H = {
+	orientation: (e) => ({ [V.orientation]: e }),
+	tabActivationDirection: (e) => ({ [V.activationDirection]: e })
+}, U = /* @__PURE__ */ T("<div>");
+function W(e) {
+	let o = e, u = e, d = I(() => o.value !== void 0), f = I(() => o.defaultValue !== void 0), p = I(() => o.defaultValue), m = I(() => o.defaultValue === void 0 ? 0 : o.defaultValue), [h, g] = A(() => m), [_, b] = A("none"), [x, T] = A(0), [E, D] = A(0), j = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map(), F = 0, L = 0, R = I(() => d ? o.value : h()), B = !1, V = !f, W = f, q = !1, J, te = !1, ne = !1, re = !1, ie = !1, ae = !1, oe = M(u, "render", "class", "defaultValue", "onValueChange", "orientation", "ref", "style", "value"), Y = k(() => d ? o.value : h()), X = k(() => o.orientation ?? "horizontal"), Z = k(() => ({
 		orientation: X(),
-		tabActivationDirection: y()
-	})), se = O(() => s(e.class, Z())), ce = O(() => c(e.style, Z())), le = O(() => n(Z(), z));
+		tabActivationDirection: _()
+	})), se = k(() => s(e.class, Z())), ce = k(() => c(e.style, Z())), le = k(() => n(Z(), H));
 	function ue() {
-		G || (G = !0, queueMicrotask(() => {
-			G = !1, q || T((e) => e + 1);
+		te || (te = !0, queueMicrotask(() => {
+			te = !1, re || T((e) => e + 1);
 		}));
 	}
-	function Q() {
-		K || (K = !0, queueMicrotask(() => {
-			K = !1, q || A((e) => e + 1);
+	function de() {
+		ne || (ne = !0, queueMicrotask(() => {
+			ne = !1, re || D((e) => e + 1);
 		}));
 	}
-	function de(e) {
-		return e.order = P, P += 1, j.set(e.token, e), ue(), () => {
+	function Q(e) {
+		return e.order = F, F += 1, j.set(e.token, e), ue(), () => {
 			j.delete(e.token), ue();
 		};
 	}
 	function fe(e) {
-		return e.order = F, F += 1, M.set(e.token, e), Q(), () => {
-			M.delete(e.token), Q();
+		return e.order = L, L += 1, P.set(e.token, e), de(), () => {
+			P.delete(e.token), de();
 		};
 	}
 	function pe(e) {
-		M.has(e.token) && (e.order = F, F += 1, Q());
+		P.has(e.token) && (e.order = L, L += 1, de());
 	}
 	function $() {
 		return Array.from(j.values()).filter((e) => {
 			let t = e.element();
 			return t && t.isConnected;
-		}).sort(H);
+		}).sort(G);
 	}
 	function me() {
-		return Array.from(M.values()).filter((e) => {
+		return Array.from(P.values()).filter((e) => {
 			let t = e.element();
 			return e.rendered() && t && t.isConnected;
-		}).sort(H);
+		}).sort(G);
 	}
 	function he(e) {
-		return w(), $().find((t) => t.value() === e)?.element();
+		return x(), $().find((t) => t.value() === e)?.element();
 	}
 	function ge(e) {
-		return w(), $().find((t) => t.value() === e)?.id();
+		return x(), $().find((t) => t.value() === e)?.id();
 	}
 	function _e(e) {
 		E();
 		let t;
-		for (let n of M.values()) {
+		for (let n of P.values()) {
 			let r = n.element();
 			n.rendered() && r?.isConnected && n.value() === e && (!t || n.order > t.order) && (t = n);
 		}
 		return t?.id();
 	}
 	function ve(e, t) {
-		let n = U(Y(), e, X(), $());
-		return t.activationDirection = n, o.onValueChange?.(e, t), !t.isCanceled && (d || (L = e, R = !1, b(n), g(() => e)), !0);
+		let n = K(Y(), e, X(), $());
+		return t.activationDirection = n, o.onValueChange?.(e, t), !t.isCanceled && (d || (R = e, B = !1, b(n), g(() => e)), !0);
 	}
 	function ye(e, t) {
-		L = e, R = !1, b("none"), g(() => e), o.onValueChange?.(e, l(t, void 0, void 0, { activationDirection: "none" })), V = !1;
+		R = e, B = !1, b("none"), g(() => e), o.onValueChange?.(e, l(t, void 0, void 0, { activationDirection: "none" })), V = !1;
 	}
 	let be = {
 		value: Y,
 		orientation: X,
-		tabActivationDirection: y,
+		tabActivationDirection: _,
 		state: Z,
-		tabsVersion: w,
+		tabsVersion: x,
 		panelsVersion: E,
 		getOrderedTabs: $,
 		getTabIndex(e) {
-			return w(), $().indexOf(e);
+			return x(), $().indexOf(e);
 		},
 		getPanelIndex(e) {
 			return E(), me().indexOf(e);
@@ -109,22 +109,22 @@ function V(e) {
 		getTabPanelIdByValue: _e,
 		claimPanel: pe,
 		notifyTabChange: ue,
-		notifyPanelChange: Q,
+		notifyPanelChange: de,
 		onValueChange: ve,
-		registerTab: de,
+		registerTab: Q,
 		registerPanel: fe
 	};
-	D(() => {
-		w();
+	O(() => {
+		x();
 		let e = Y(), t = X(), n = $();
 		return {
 			currentValue: e,
-			direction: L === e && !R ? void 0 : U(L, e, t, n),
-			incomplete: L != null && e != null && n.every((t) => t.value() !== e)
+			direction: R === e && !B ? void 0 : K(R, e, t, n),
+			incomplete: R != null && e != null && n.every((t) => t.value() !== e)
 		};
 	}, (e) => {
-		e.direction !== void 0 && (R = e.incomplete, b(e.direction), R || (L = e.currentValue));
-	}), D(() => (w(), {
+		e.direction !== void 0 && (B = e.incomplete, b(e.direction), B || (R = e.currentValue));
+	}), O(() => (x(), {
 		currentValue: Y(),
 		registrations: $().map((e) => ({
 			registration: e,
@@ -136,10 +136,10 @@ function V(e) {
 		if (d) return;
 		let t = e.registrations;
 		if (t.length === 0) {
-			re && e.currentValue !== null && !ie?.isConnected && ye(null, r);
+			q && e.currentValue !== null && !J?.isConnected && ye(null, r);
 			return;
 		}
-		re = !0, ie = t[0]?.element;
+		q = !0, J = t[0]?.element;
 		let n = t.find((t) => t.value === e.currentValue), s = t.find((e) => !e.disabled), c = n?.disabled === !0, u = n == null && e.currentValue !== null;
 		if (!c && e.currentValue === m && (W = !1), !(W && c && e.currentValue === m)) {
 			if (c || u) {
@@ -153,22 +153,22 @@ function V(e) {
 			}
 			V && n && (o.onValueChange?.(e.currentValue, l(i, void 0, void 0, { activationDirection: "none" })), V = !1);
 		}
-	}), D(() => ({
+	}), O(() => ({
 		defaultValue: o.defaultValue,
 		suppliedControlled: o.value !== void 0
 	}), (e) => {
-		ne() && (!ae && e.suppliedControlled !== d && (ae = !0, console.error(`Base UI: A Tabs component changed from ${d ? "controlled" : "uncontrolled"} to ${d ? "uncontrolled" : "controlled"}.`)), !d && !J && e.defaultValue !== p && (J = !0, console.error("Base UI: A Tabs component changed its defaultValue after initialization.")));
-	}), te(() => {
-		q = !0;
+		ee() && (!ie && e.suppliedControlled !== d && (ie = !0, console.error(`Base UI: A Tabs component changed from ${d ? "controlled" : "uncontrolled"} to ${d ? "uncontrolled" : "controlled"}.`)), !d && !ae && e.defaultValue !== p && (ae = !0, console.error("Base UI: A Tabs component changed its defaultValue after initialization.")));
+	}), N(() => {
+		re = !0;
 	});
 	let xe = t(e, () => Z(), (e) => (() => {
-		var t = v(B);
-		return C(t, e, !1), S(), t;
+		var t = y(U);
+		return w(t, e, !1), C(), t;
 	})());
-	return _(I, {
+	return v(z, {
 		value: be,
 		get children() {
-			return _(xe, x({
+			return v(xe, S({
 				ref: [o.ref],
 				get class() {
 					return se();
@@ -180,7 +180,7 @@ function V(e) {
 		}
 	});
 }
-function H(e, t) {
+function G(e, t) {
 	let n = e.element(), r = t.element();
 	if (n && r && n !== r) {
 		let e = n.compareDocumentPosition(r);
@@ -191,46 +191,46 @@ function H(e, t) {
 	}
 	return e.order - t.order;
 }
-function U(e, t, n, r) {
+function K(e, t, n, r) {
 	if (e == null || t == null) return "none";
 	let i = r.find((t) => t.value() === e)?.element(), a = r.find((e) => e.value() === t)?.element(), o = n === "horizontal" ? "left" : "up", s = n === "horizontal" ? "right" : "down";
 	if (!i || !a) return i !== a && (typeof e == "number" || typeof e == "string") && typeof e == typeof t ? t > e ? s : o : "none";
 	let c = n === "horizontal" ? "left" : "top", l = i.getBoundingClientRect()[c], u = a.getBoundingClientRect()[c];
 	return u < l ? o : u > l ? s : "none";
 }
-function ne() {
+function ee() {
 	return !1;
 }
 //#endregion
 //#region src/tabs/list/TabsListContext.ts
-var W = Symbol("TabsListContext"), re = E(W);
-function ie() {
-	let e = P(re);
-	if (e === W) throw Error("Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.");
+var q = Symbol("TabsListContext"), J = D(q);
+function te() {
+	let e = L(J);
+	if (e === q) throw Error("Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.");
 	return e;
 }
 //#endregion
 //#region src/tabs/list/TabsList.tsx
-var G = /* @__PURE__ */ w("<div>");
-function K(e) {
-	let r = L(), i = m(), a = e, o = e, [l, u] = k(), [f, p] = k(), h = /* @__PURE__ */ new Set(), g = !1, y = 0, b, w = !1, T = !1, E = ee(o, "activateOnFocus", "render", "class", "loopFocus", "onKeyDown", "ref", "style"), A = O(() => a.activateOnFocus ?? !1), te = O(() => a.loopFocus ?? !0), j = O(() => r.state()), M = O(() => s(e.class, j())), P = O(() => c(e.style, j())), F = O(() => n(j(), z));
-	function I() {
-		w = !0, !T && (T = !0, queueMicrotask(() => {
-			T = !1, w = !1;
+var ne = /* @__PURE__ */ T("<div>");
+function re(e) {
+	let r = B(), i = h(), a = e, o = e, [l, u] = A(), [p, m] = A(), g = /* @__PURE__ */ new Set(), _ = !1, b = 0, x, T = !1, E = !1, D = M(o, "activateOnFocus", "render", "class", "loopFocus", "onKeyDown", "ref", "style"), j = k(() => a.activateOnFocus ?? !1), N = k(() => a.loopFocus ?? !0), P = k(() => r.state()), F = k(() => s(e.class, P())), L = k(() => c(e.style, P())), R = k(() => n(P(), H));
+	function z() {
+		T = !0, !E && (E = !0, queueMicrotask(() => {
+			E = !1, T = !1;
 		}));
 	}
-	function R(e) {
-		y = N(r.getOrderedTabs).indexOf(e), b = e.token, p(e.token);
+	function V(e) {
+		b = I(r.getOrderedTabs).indexOf(e), x = e.token, m(e.token);
 	}
-	function B(e) {
-		return h.add(e), () => {
-			h.delete(e);
+	function U(e) {
+		return g.add(e), () => {
+			g.delete(e);
 		};
 	}
-	function V() {
-		for (let e of h) e();
+	function W() {
+		for (let e of g) e();
 	}
-	function H(e) {
+	function G(e) {
 		if (e.defaultPrevented || e.shiftKey || e.ctrlKey || e.altKey || e.metaKey) return;
 		let t = r.getOrderedTabs();
 		if (t.length < 2 && e.key !== "Home" && e.key !== "End") return;
@@ -240,26 +240,26 @@ function K(e) {
 		});
 		if (a < 0) return;
 		let o;
-		if (e.key === "Home") o = J(t, 1);
-		else if (e.key === "End") o = J(t, -1);
+		if (e.key === "Home") o = oe(t, 1);
+		else if (e.key === "End") o = oe(t, -1);
 		else {
-			let n = q(e.key, r.orientation(), i());
+			let n = ie(e.key, r.orientation(), i());
 			if (n === 0) return;
-			o = ae(t, a, n, te());
+			o = ae(t, a, n, N());
 		}
 		if (o === void 0 || o === a) return;
 		let s = t[o], c = s?.element();
-		!s || !c || (e.preventDefault(), e.stopPropagation(), I(), R(s), Y(c, r.orientation()), queueMicrotask(() => s.element()?.focus()));
+		!s || !c || (e.preventDefault(), e.stopPropagation(), z(), V(s), X(c, r.orientation()), queueMicrotask(() => s.element()?.focus()));
 	}
-	let U = d(() => a.onKeyDown, () => H), ne = {
-		activateOnFocus: A,
-		highlightedTab: f,
+	let K = d(f(() => a.onKeyDown), G), ee = {
+		activateOnFocus: j,
+		highlightedTab: p,
 		listElement: l,
-		markNavigating: I,
-		registerIndicatorUpdateListener: B,
-		setHighlightedTab: R
+		markNavigating: z,
+		registerIndicatorUpdateListener: U,
+		setHighlightedTab: V
 	};
-	D(() => (r.tabsVersion(), {
+	O(() => (r.tabsVersion(), {
 		activeValue: r.value(),
 		element: l(),
 		tabs: r.getOrderedTabs().map((e) => ({
@@ -271,21 +271,21 @@ function K(e) {
 	}), (e) => {
 		let t = e.tabs.find((t) => t.value === e.activeValue), n = (e) => {
 			let t = e?.element;
-			return t && !oe(t) && !t.hidden && t.ownerDocument.defaultView?.getComputedStyle(t).display !== "none";
+			return t && !Y(t) && !t.hidden && t.ownerDocument.defaultView?.getComputedStyle(t).display !== "none";
 		};
-		if (!g && e.tabs.length > 0) {
-			g = !0, R((n(t) ? t : e.tabs.find(n) ?? e.tabs[0]).registration);
+		if (!_ && e.tabs.length > 0) {
+			_ = !0, V((n(t) ? t : e.tabs.find(n) ?? e.tabs[0]).registration);
 			return;
 		}
-		let r = e.tabs.findIndex((e) => e.registration.token === b);
+		let r = e.tabs.findIndex((e) => e.registration.token === x);
 		if (r === -1 && e.tabs.length > 0) {
-			let r = e.tabs[y];
-			R((n(r) ? r : n(t) ? t : e.tabs.find(n) ?? e.tabs[0]).registration);
-		} else r !== -1 && (y = r);
-		if (!t || t.disabled || w) return;
-		let i = e.element ? X(e.element.ownerDocument) : null;
-		e.element && i && Z(e.element, i) || R(t.registration);
-	}), D(() => (r.tabsVersion(), {
+			let r = e.tabs[b];
+			V((n(r) ? r : n(t) ? t : e.tabs.find(n) ?? e.tabs[0]).registration);
+		} else r !== -1 && (b = r);
+		if (!t || t.disabled || T) return;
+		let i = e.element ? Z(e.element.ownerDocument) : null;
+		e.element && i && se(e.element, i) || V(t.registration);
+	}), O(() => (r.tabsVersion(), {
 		element: l(),
 		tabs: r.getOrderedTabs().flatMap((e) => e.element() ?? [])
 	}), (e) => {
@@ -293,11 +293,11 @@ function K(e) {
 		if (!t) return;
 		let n = t.ownerDocument.defaultView?.ResizeObserver;
 		if (!n) return;
-		let r = new n(V);
+		let r = new n(W);
 		r.observe(t);
 		for (let t of e.tabs) r.observe(t);
 		return () => r.disconnect();
-	}), D(l, (e) => {
+	}), O(l, (e) => {
 		if (!e) return;
 		let t = e.ownerDocument.defaultView?.MutationObserver;
 		if (!t) return;
@@ -306,35 +306,35 @@ function K(e) {
 			childList: !0,
 			subtree: !0
 		}), () => n.disconnect();
-	}), D(() => ({
+	}), O(() => ({
 		activeValue: r.value(),
 		version: r.tabsVersion()
-	}), () => V());
-	let W = t(e, () => j(), (e) => (() => {
-		var t = v(G);
-		return C(t, e, !1), S(), t;
+	}), () => W());
+	let q = t(e, () => P(), (e) => (() => {
+		var t = y(ne);
+		return w(t, e, !1), C(), t;
 	})());
-	return _(re, {
-		value: ne,
+	return v(J, {
+		value: ee,
 		get children() {
-			return _(W, x({
+			return v(q, S({
 				ref: [((e) => u(e)), a.ref],
 				get class() {
-					return M();
+					return F();
 				},
 				get style() {
-					return P();
+					return L();
 				},
 				role: "tablist",
 				get "aria-orientation"() {
 					return r.orientation() === "vertical" ? "vertical" : void 0;
 				},
-				onKeyDown: U
-			}, F, E));
+				onKeyDown: K
+			}, R, D));
 		}
 	});
 }
-function q(e, t, n) {
+function ie(e, t, n) {
 	return t === "vertical" ? e === "ArrowUp" ? -1 : +(e === "ArrowDown") : e === "ArrowLeft" ? n === "rtl" ? 1 : -1 : e === "ArrowRight" ? n === "rtl" ? -1 : 1 : 0;
 }
 function ae(e, t, n, r) {
@@ -345,36 +345,36 @@ function ae(e, t, n, r) {
 			i = (i + e.length) % e.length;
 		}
 		let t = e[i]?.element();
-		if (t && !oe(t) && !t.hidden) return i;
+		if (t && !Y(t) && !t.hidden) return i;
 	}
 }
-function J(e, t) {
+function oe(e, t) {
 	let n = t === 1 ? 0 : e.length - 1;
 	for (; n >= 0 && n < e.length;) {
 		let r = e[n]?.element();
-		if (r && !oe(r) && !r.hidden) return n;
+		if (r && !Y(r) && !r.hidden) return n;
 		n += t;
 	}
 }
-function oe(e) {
+function Y(e) {
 	try {
 		return e.matches(":disabled");
 	} catch {
 		return !1;
 	}
 }
-function Y(e, t) {
+function X(e, t) {
 	e.scrollIntoView?.({
 		block: t === "vertical" ? "nearest" : "center",
 		inline: t === "horizontal" ? "nearest" : "center"
 	});
 }
-function X(e) {
+function Z(e) {
 	let t = e.activeElement;
 	for (; t?.shadowRoot?.activeElement;) t = t.shadowRoot.activeElement;
 	return t;
 }
-function Z(e, t) {
+function se(e, t) {
 	if (e.contains(t)) return !0;
 	let n = t;
 	for (; n;) {
@@ -385,116 +385,116 @@ function Z(e, t) {
 }
 //#endregion
 //#region src/tabs/tab/TabsTabDataAttributes.ts
-var se = /* @__PURE__ */ function(e) {
+var ce = /* @__PURE__ */ function(e) {
 	return e.orientation = "data-orientation", e.activationDirection = "data-activation-direction", e.active = "data-active", e.disabled = "data-disabled", e;
-}({}), ce = /* @__PURE__ */ w("<button>"), le = {
-	...z,
-	active: (e) => e ? { [se.active]: "" } : null,
-	disabled: (e) => e ? { [se.disabled]: "" } : null
+}({}), le = /* @__PURE__ */ T("<button>"), ue = {
+	...H,
+	active: (e) => e ? { [ce.active]: "" } : null,
+	disabled: (e) => e ? { [ce.disabled]: "" } : null
 };
-function ue(e) {
-	let r = L(), i = ie(), a = e, u = e, f = `base-ui-${A()}`, p = Symbol("TabsTab"), [m, h] = k(), g = O(() => a.id ?? f), y = O(() => a.disabled ?? !1), b = O(() => a.nativeButton ?? !0), w = O(() => a.value === r.value()), T = {
-		token: p,
+function de(e) {
+	let r = B(), i = te(), a = e, u = e, p = `base-ui-${j()}`, m = Symbol("TabsTab"), [h, g] = A(), _ = k(() => a.id ?? p), b = k(() => a.disabled ?? !1), x = k(() => a.nativeButton ?? !0), T = k(() => a.value === r.value()), E = {
+		token: m,
 		order: 0,
-		element: m,
-		id: g,
+		element: h,
+		id: _,
 		value: () => a.value,
-		disabled: y
-	}, E = r.registerTab(T), j = ee(u, "render", "class", "disabled", "id", "nativeButton", "onClick", "onFocus", "onKeyDown", "onPointerDown", "ref", "style", "value"), M = O(() => ({
-		disabled: y(),
-		active: w(),
+		disabled: b
+	}, D = r.registerTab(E), P = M(u, "render", "class", "disabled", "id", "nativeButton", "onClick", "onFocus", "onKeyDown", "onPointerDown", "ref", "style", "value"), F = k(() => ({
+		disabled: b(),
+		active: T(),
 		orientation: r.orientation(),
 		tabActivationDirection: r.tabActivationDirection()
-	})), P = O(() => s(e.class, M())), F = O(() => c(e.style, M())), I = O(() => n(M(), le)), R = O(() => i.highlightedTab() === p ? 0 : -1), z = O(() => r.getTabPanelIdByValue(a.value)), B = !1, V = !1, H;
-	function U(e) {
+	})), L = k(() => s(e.class, F())), R = k(() => c(e.style, F())), z = k(() => n(F(), ue)), V = k(() => i.highlightedTab() === m ? 0 : -1), H = k(() => r.getTabPanelIdByValue(a.value)), U = !1, W = !1, G;
+	function K(e) {
 		r.onValueChange(a.value, l(o, e, void 0, { activationDirection: "none" }));
 	}
-	function ne(e) {
-		y() && (e.preventDefault(), e.preventBaseUIHandler());
+	function ee(e) {
+		b() && (e.preventDefault(), e.preventBaseUIHandler());
 	}
-	function W(e) {
-		w() || y() || e.button !== 0 || U(e);
+	function q(e) {
+		T() || b() || e.button !== 0 || K(e);
 	}
-	function re(e) {
-		i.setHighlightedTab(T), !w() && !y() && i.activateOnFocus() && (!B || V) && U(e);
+	function J(e) {
+		i.setHighlightedTab(E), !T() && !b() && i.activateOnFocus() && (!U || W) && K(e);
 	}
-	function G(e) {
-		if (w() || y()) return;
-		B = !0, V = e.button === 0, H?.();
+	function ne(e) {
+		if (T() || b()) return;
+		U = !0, W = e.button === 0, G?.();
 		let t = e.currentTarget.ownerDocument, n = () => {
-			B = !1, V = !1, H?.(), H = void 0;
+			U = !1, W = !1, G?.(), G = void 0;
 		};
-		t.addEventListener("pointerup", n), t.addEventListener("pointercancel", n), H = () => {
+		t.addEventListener("pointerup", n), t.addEventListener("pointercancel", n), G = () => {
 			t.removeEventListener("pointerup", n), t.removeEventListener("pointercancel", n);
 		};
 	}
-	function K(e) {
-		e.target !== e.currentTarget || w() || y() || i.activateOnFocus() || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), U(e));
+	function re(e) {
+		e.target !== e.currentTarget || T() || b() || i.activateOnFocus() || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), K(e));
 	}
-	let q = d(() => N(() => y() ? ne : void 0), () => a.onClick, () => W), ae = d(() => a.onFocus, () => re), J = d(() => a.onKeyDown, () => K), oe = d(() => a.onPointerDown, () => G);
-	D(() => ({
-		disabled: y(),
-		element: m(),
-		id: g(),
+	let ie = d(f(() => I(() => b() ? ee : void 0)), f(() => a.onClick), q), ae = d(f(() => a.onFocus), J), oe = d(f(() => a.onKeyDown), re), Y = d(f(() => a.onPointerDown), ne);
+	O(() => ({
+		disabled: b(),
+		element: h(),
+		id: _(),
 		value: a.value
-	}), () => r.notifyTabChange()), te(() => {
-		H?.(), E();
+	}), () => r.notifyTabChange()), N(() => {
+		G?.(), D();
 	});
-	let Y = t(e, () => M(), (e) => (() => {
-		var t = v(ce);
-		return C(t, e, !1), S(), t;
+	let X = t(e, () => F(), (e) => (() => {
+		var t = y(le);
+		return w(t, e, !1), C(), t;
 	})());
-	return _(Y, x({
-		ref: [((e) => h(e)), a.ref],
+	return v(X, S({
+		ref: [((e) => g(e)), a.ref],
 		get id() {
-			return g();
+			return _();
 		},
 		get class() {
-			return P();
+			return L();
 		},
 		get style() {
-			return F();
+			return R();
 		},
 		get type() {
-			return b() ? "button" : void 0;
+			return x() ? "button" : void 0;
 		},
 		role: "tab",
 		get tabIndex() {
-			return R();
+			return V();
 		},
 		get "aria-controls"() {
-			return z();
+			return H();
 		},
 		get "aria-selected"() {
-			return w() ? "true" : "false";
+			return T() ? "true" : "false";
 		},
 		get "aria-disabled"() {
-			return y() ? "true" : void 0;
+			return b() ? "true" : void 0;
 		},
 		get "data-composite-item-active"() {
-			return w() ? "" : void 0;
+			return T() ? "" : void 0;
 		},
-		onClick: q,
+		onClick: ie,
 		onFocus: ae,
-		onKeyDown: J,
-		onPointerDown: oe
-	}, I, j));
+		onKeyDown: oe,
+		onPointerDown: Y
+	}, z, P));
 }
 //#endregion
 //#region src/tabs/indicator/TabsIndicatorCssVars.ts
 var Q = /* @__PURE__ */ function(e) {
 	return e.activeTabLeft = "--active-tab-left", e.activeTabRight = "--active-tab-right", e.activeTabTop = "--active-tab-top", e.activeTabBottom = "--active-tab-bottom", e.activeTabWidth = "--active-tab-width", e.activeTabHeight = "--active-tab-height", e;
-}({}), de = /* @__PURE__ */ w("<span>"), fe = /* @__PURE__ */ w("<script>"), pe = {
-	...z,
+}({}), fe = /* @__PURE__ */ T("<span>"), pe = /* @__PURE__ */ T("<script>"), $ = {
+	...H,
 	activeTabPosition: () => null,
 	activeTabSize: () => null
 };
-function $(e) {
-	let r = L(), i = ie(), a = h(), o = e, l = e, [u, d] = k(null), [f, p] = k(0), [m, w] = k(!!(y || M.hydrating)), E = { innerHTML: "" }, A = ee(l, "render", "class", "ref", "renderBeforeHydration", "style"), N = O(() => ({
+function me(e) {
+	let r = B(), i = te(), a = _(), o = e, l = e, [u, d] = A(null), [f, p] = A(0), [m, h] = A(!!(b || F.hydrating)), T = { innerHTML: "" }, D = M(l, "render", "class", "ref", "renderBeforeHydration", "style"), j = k(() => ({
 		...r.state(),
 		activeTabPosition: u()?.position ?? null,
 		activeTabSize: u()?.size ?? null
-	})), P = O(() => s(e.class, N())), F = O(() => {
+	})), I = k(() => s(e.class, j())), L = k(() => {
 		let e = u();
 		if (e) return {
 			[Q.activeTabLeft]: `${e.position.left}px`,
@@ -504,15 +504,18 @@ function $(e) {
 			[Q.activeTabWidth]: `${e.size.width}px`,
 			[Q.activeTabHeight]: `${e.size.height}px`
 		};
-	}), I = O(() => g(F(), c(e.style, N()))), R = O(() => {
+	}), R = k(() => {
+		let t = L(), n = c(e.style, j());
+		return t ? g(t, n) : n;
+	}), z = k(() => {
 		let e = u();
 		return !e || e.size.width <= 0 || e.size.height <= 0;
-	}), z = O(() => n(N(), pe));
-	function B(e, t) {
+	}), V = k(() => n(j(), $));
+	function H(e, t) {
 		if (!e || t == null) return null;
 		let n = r.getTabElementBySelectedValue(t);
 		if (!n) return null;
-		let i = _e(n), a = _e(e), o = n.getBoundingClientRect(), s = e.getBoundingClientRect(), c = a.width > 0 ? s.width / a.width : 1, l = a.height > 0 ? s.height / a.height : 1, { left: u, top: d } = me(n, e), f = (o.left - s.left) / c + e.scrollLeft - e.clientLeft, p = (o.top - s.top) / l + e.scrollTop - e.clientTop, m = ge(n);
+		let i = ve(n), a = ve(e), o = n.getBoundingClientRect(), s = e.getBoundingClientRect(), c = a.width > 0 ? s.width / a.width : 1, l = a.height > 0 ? s.height / a.height : 1, { left: u, top: d } = he(n, e), f = (o.left - s.left) / c + e.scrollLeft - e.clientLeft, p = (o.top - s.top) / l + e.scrollTop - e.clientTop, m = _e(n);
 		return Math.abs(f - m.x - u) <= 2 && Math.abs(p - m.y - d) <= 2 && (u = f, d = p), {
 			position: {
 				left: u,
@@ -523,53 +526,53 @@ function $(e) {
 			size: i
 		};
 	}
-	let V = i.registerIndicatorUpdateListener(() => {
+	let U = i.registerIndicatorUpdateListener(() => {
 		p((e) => e + 1);
 	});
-	D(() => (f(), r.tabsVersion(), B(i.listElement(), r.value())), (e) => {
+	O(() => (f(), r.tabsVersion(), H(i.listElement(), r.value())), (e) => {
 		d(e);
-	}), j(() => {
-		w(!1);
-	}), te(V);
-	let H = t(e, () => N(), (e) => (() => {
-		var t = v(de);
-		return C(t, e, !1), S(), t;
+	}), P(() => {
+		h(!1);
+	}), N(U);
+	let W = t(e, () => j(), (e) => (() => {
+		var t = y(fe);
+		return w(t, e, !1), C(), t;
 	})());
-	return _(T, {
+	return v(E, {
 		get when() {
 			return r.value() != null;
 		},
 		get children() {
-			return [_(H, x({
+			return [v(W, S({
 				ref: [o.ref],
 				get class() {
-					return P();
+					return I();
 				},
 				get style() {
-					return I();
+					return R();
 				},
 				role: "presentation",
 				get hidden() {
-					return R();
+					return z();
 				}
-			}, z, A)), b(() => b(() => !!((o.renderBeforeHydration ?? !1) && m()))() ? (() => {
-				var e = v(fe);
-				return C(e, x({ get nonce() {
+			}, V, D)), x(() => x(() => !!((o.renderBeforeHydration ?? !1) && m()))() ? (() => {
+				var e = y(pe);
+				return w(e, S({ get nonce() {
 					return a.nonce();
-				} }, E), !1), S(), e;
+				} }, T), !1), C(), e;
 			})() : (o.renderBeforeHydration ?? !1) && m())];
 		}
 	});
 }
-function me(e, t) {
-	let n = he(e), r = he(t), i = n.left - r.left - t.clientLeft, a = n.top - r.top - t.clientTop, o = e.assignedSlot ?? e.parentNode;
+function he(e, t) {
+	let n = ge(e), r = ge(t), i = n.left - r.left - t.clientLeft, a = n.top - r.top - t.clientTop, o = e.assignedSlot ?? e.parentNode;
 	for (; o && o !== t;) o.nodeType === 1 && (i -= o.scrollLeft || 0, a -= o.scrollTop || 0), o = o.assignedSlot ?? o.parentNode ?? o.host;
 	return {
 		left: i,
 		top: a
 	};
 }
-function he(e) {
+function ge(e) {
 	let t = 0, n = 0, r = e;
 	for (; r;) {
 		t += r.offsetLeft, n += r.offsetTop;
@@ -581,7 +584,7 @@ function he(e) {
 		top: n
 	};
 }
-function ge(e) {
+function _e(e) {
 	let t = e.ownerDocument.defaultView.getComputedStyle(e), n = t.transform.match(/matrix(?:3d)?\(([^)]+)\)/)?.[1]?.split(",").map(Number), r = n?.[n.length === 16 ? 12 : 4] ?? 0, i = n?.[n.length === 16 ? 13 : 5] ?? 0, a = t.translate?.split(" ") ?? [];
 	for (let t = 0; t < 2; t += 1) {
 		let n = a[t] ?? "", o = Number.parseFloat(n), s = Number.isFinite(o) ? o * (n.endsWith("%") ? (t === 0 ? e.offsetWidth : e.offsetHeight) / 100 : 1) : 0;
@@ -592,7 +595,7 @@ function ge(e) {
 		y: i
 	};
 }
-function _e(e) {
+function ve(e) {
 	let t = e.ownerDocument.defaultView?.getComputedStyle(e), n = Number.parseFloat(t?.width ?? "") || 0, r = Number.parseFloat(t?.height ?? "") || 0;
 	return (Math.round(n) !== e.offsetWidth || Math.round(r) !== e.offsetHeight) && (n = e.offsetWidth, r = e.offsetHeight), {
 		width: n,
@@ -601,92 +604,92 @@ function _e(e) {
 }
 //#endregion
 //#region src/tabs/panel/TabsPanelDataAttributes.ts
-var ve = /* @__PURE__ */ function(e) {
+var ye = /* @__PURE__ */ function(e) {
 	return e.orientation = "data-orientation", e.activationDirection = "data-activation-direction", e.hidden = "data-hidden", e.index = "data-index", e;
-}({}), ye = /* @__PURE__ */ w("<div>"), be = {
-	...z,
+}({}), be = /* @__PURE__ */ T("<div>"), xe = {
+	...H,
 	...u,
-	hidden: (e) => e ? { [ve.hidden]: "" } : null
+	hidden: (e) => e ? { [ye.hidden]: "" } : null
 };
-function xe(e) {
-	let r = L(), i = e, a = e, o = `base-ui-${A()}`, l = Symbol("TabsPanel"), [u, d] = k(), m = O(() => i.id ?? o), h = O(() => i.value === r.value()), g = p(() => h()), y = O(() => !g.mounted()), b = O(() => (i.keepMounted ?? !1) || g.mounted()), w = {
+function Se(e) {
+	let r = B(), i = e, a = e, o = `base-ui-${j()}`, l = Symbol("TabsPanel"), [u, d] = A(), f = k(() => i.id ?? o), h = k(() => i.value === r.value()), g = m(() => h()), _ = k(() => !g.mounted()), b = k(() => (i.keepMounted ?? !1) || g.mounted()), x = {
 		token: l,
 		order: 0,
 		element: u,
-		id: m,
+		id: f,
 		value: () => i.value,
 		rendered: b
-	}, E = r.registerPanel(w), j = ee(a, "render", "class", "id", "keepMounted", "ref", "style", "value"), M = O(() => ({
+	}, T = r.registerPanel(x), D = M(a, "render", "class", "id", "keepMounted", "ref", "style", "value"), P = k(() => ({
 		...r.state(),
-		hidden: y(),
+		hidden: _(),
 		transitionStatus: g.transitionStatus()
-	})), P = O(() => b() ? s(e.class, M()) : void 0), F = O(() => b() ? c(e.style, M()) : void 0), I = O(() => n(M(), be)), R = O(() => r.getPanelIndex(w)), z = O(() => r.getTabIdByPanelValue(i.value)), B = N(h);
-	D(() => ({
+	})), F = k(() => b() ? s(e.class, P()) : void 0), L = k(() => b() ? c(e.style, P()) : void 0), R = k(() => n(P(), xe)), z = k(() => r.getPanelIndex(x)), V = k(() => r.getTabIdByPanelValue(i.value)), H = I(h);
+	O(() => ({
 		element: u(),
 		open: h(),
 		status: g.transitionStatus()
 	}), (e) => {
-		if (B = e.open, e.open || e.status !== "ending" || !e.element) return;
+		if (H = e.open, e.open || e.status !== "ending" || !e.element) return;
 		let t = new AbortController();
-		return f(e.element, () => {
-			B || g.setMounted(!1);
+		return p(e.element, () => {
+			H || g.setMounted(!1);
 		}, t.signal), () => t.abort();
-	}), D(() => ({
+	}), O(() => ({
 		element: u(),
-		id: m(),
+		id: f(),
 		rendered: b(),
 		value: i.value
 	}), (e) => {
-		e.rendered && e.element ? r.claimPanel(w) : r.notifyPanelChange();
-	}), te(() => E());
-	let V = t(e, () => M(), (e) => (() => {
-		var t = v(ye);
-		return C(t, e, !1), S(), t;
+		e.rendered && e.element ? r.claimPanel(x) : r.notifyPanelChange();
+	}), N(() => T());
+	let U = t(e, () => P(), (e) => (() => {
+		var t = y(be);
+		return w(t, e, !1), C(), t;
 	})());
-	return _(T, {
+	return v(E, {
 		get when() {
 			return b();
 		},
 		get children() {
-			return _(V, x({
+			return v(U, S({
 				ref: [((e) => d(e)), i.ref],
 				get id() {
-					return m();
+					return f();
 				},
 				get class() {
-					return P();
+					return F();
 				},
 				get style() {
-					return F();
+					return L();
 				},
 				role: "tabpanel",
 				get tabIndex() {
 					return h() ? 0 : -1;
 				},
 				get "aria-labelledby"() {
-					return z();
+					return V();
 				},
 				get hidden() {
-					return y();
+					return _();
 				},
 				get inert() {
 					return !h() || void 0;
 				},
 				get "data-index"() {
-					return R();
+					return z();
 				}
-			}, I, j));
+			}, R, D));
 		}
 	});
 }
 //#endregion
 //#region src/tabs/index.parts.ts
-var Se = /* @__PURE__ */ e({
-	Indicator: () => $,
-	List: () => K,
-	Panel: () => xe,
-	Root: () => V,
-	Tab: () => ue
+var Ce = /* @__PURE__ */ e({
+	Indicator: () => me,
+	List: () => re,
+	Panel: () => Se,
+	Root: () => W,
+	Tab: () => de
 });
 //#endregion
-export { Se as t };
+export { Ce as t };