@mcp-use/inspector 20.0.0-beta.1 → 20.0.0-beta.2

package/dist/cdn/{tabs-subtle-C5cy35sY.js → tabs-subtle-CkdI6Mac.js}

@@ -1,25 +1,25 @@
 import { s as e, t } from "./react-BIs9pQ3H.js";
-import { t as n } from "./jsx-runtime-CIxvMpEo.js";
-import { Gn as r, Jn as i, Lr as a, Mn as o, Nn as s, Qt as c, Rr as l, Sr as u, Vn as d, X as f, Xt as p, Yn as m, Zt as h, _r as g, br as _, c as v, dr as y, en as b, f as x, fr as S, gr as C, hn as w, mn as T, on as E, pn as D, pr as O, s as k, tn as A, vr as j, wr as M } from "./input-BLxOA7V-.js";
-import { n as N } from "./label-CBvG613A.js";
-import { _ as P, a as F, c as I, d as L, f as R, g as z, h as B, i as V, l as H, n as U, o as W, p as G, r as ee, s as K, t as q, v as J } from "./AnimatePresence-B4HhIdgq.js";
-import { t as Y } from "./useCompositeItem-CNJ6MXdi.js";
+import { Gn as n, Jn as r, Lr as i, Mn as a, Nn as o, Qt as s, Rr as c, Sr as l, Vn as u, X as d, Xt as f, Yn as p, Zt as m, _r as h, br as g, c as _, dr as v, en as y, f as b, fr as x, gr as S, hn as C, mn as w, on as T, pn as E, pr as D, s as O, tn as k, vr as A, wr as j } from "./input-C2OBd4PJ.js";
+import { t as M } from "./jsx-runtime-CIxvMpEo.js";
+import { n as N } from "./label-B9Jmm9be.js";
+import { _ as P, a as F, c as I, d as L, f as R, g as z, h as B, i as V, l as H, n as U, o as W, p as G, r as ee, s as K, t as q, v as J } from "./AnimatePresence-Dcw-FOy8.js";
+import { t as Y } from "./useCompositeItem-BRqEzYh-.js";
 //#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/tabs/root/TabsRootContext.mjs
 var X = /* @__PURE__ */ e(t(), 1), Z = /*#__PURE__*/ X.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Z.displayName = "TabsRootContext");
 function Q() {
 	let e = X.useContext(Z);
-	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? _(64) : "Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.");
+	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? g(64) : "Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.");
 	return e;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/tabs/root/TabsRootDataAttributes.mjs
 var te = /*#__PURE__*/ function(e) {
 	return e.activationDirection = "data-activation-direction", e.orientation = "data-orientation", e;
-}({}), ne = { tabActivationDirection: (e) => ({ [te.activationDirection]: e }) }, $ = n(), re = /*#__PURE__*/ X.forwardRef(function(e, t) {
-	let { className: n, defaultValue: a = 0, onValueChange: s, orientation: c = "horizontal", render: l, value: f, style: p, ...m } = e, h = e.defaultValue !== void 0, g = X.useRef([]), [_, v] = X.useState(() => /* @__PURE__ */ new Map()), [b, x] = N({
+}({}), ne = { tabActivationDirection: (e) => ({ [te.activationDirection]: e }) }, $ = M(), re = /*#__PURE__*/ X.forwardRef(function(e, t) {
+	let { className: i, defaultValue: o = 0, onValueChange: s, orientation: c = "horizontal", render: d, value: f, style: p, ...m } = e, h = e.defaultValue !== void 0, g = X.useRef([]), [_, y] = X.useState(() => /* @__PURE__ */ new Map()), [b, x] = N({
 		controlled: f,
-		default: a,
+		default: o,
 		name: "Tabs",
 		state: "value"
 	}), S = f !== void 0, [C, w] = X.useState(() => /* @__PURE__ */ new Map()), T = X.useRef(void 0), E = X.useCallback((e) => {
@@ -29,31 +29,31 @@ var te = /*#__PURE__*/ function(e) {
 	}, [C]), [D, O] = X.useState(() => ({
 		previousValue: b,
 		tabActivationDirection: "none"
-	})), { previousValue: k, tabActivationDirection: A } = D, j = A, P = !1;
-	k !== b && (j = ie(k, b, c, C), P = k != null && b != null && E(b) == null);
-	let F = P ? k : b, I = k !== F || A !== j;
-	u(() => {
+	})), { previousValue: k, tabActivationDirection: A } = D, M = A, P = !1;
+	k !== b && (M = ie(k, b, c, C), P = k != null && b != null && E(b) == null);
+	let F = P ? k : b, I = k !== F || A !== M;
+	l(() => {
 		I && O({
 			previousValue: F,
-			tabActivationDirection: j
+			tabActivationDirection: M
 		});
 	}, [
 		F,
 		I,
-		j
+		M
 	]);
-	let L = M((e, t) => {
+	let L = j((e, t) => {
 		t.activationDirection = ie(b, e, c, C), s?.(e, t), !t.isCanceled && x(e);
-	}), R = M((e, t) => {
-		s?.(e, o(t, void 0, void 0, { activationDirection: "none" }));
-	}), z = M((e, t) => {
-		v((n) => {
+	}), R = j((e, t) => {
+		s?.(e, a(t, void 0, void 0, { activationDirection: "none" }));
+	}), z = j((e, t) => {
+		y((n) => {
 			if (n.get(e) === t) return n;
 			let r = new Map(n);
 			return r.set(e, t), r;
 		});
-	}), B = M((e, t) => {
-		v((n) => {
+	}), B = j((e, t) => {
+		y((n) => {
 			if (!n.has(e) || n.get(e) !== t) return n;
 			let r = new Map(n);
 			return r.delete(e), r;
@@ -69,7 +69,7 @@ var te = /*#__PURE__*/ function(e) {
 		registerMountedTabPanel: z,
 		setTabMap: w,
 		unregisterMountedTabPanel: B,
-		tabActivationDirection: j,
+		tabActivationDirection: M,
 		value: b
 	}), [
 		E,
@@ -80,14 +80,14 @@ var te = /*#__PURE__*/ function(e) {
 		z,
 		w,
 		B,
-		j,
+		M,
 		b
 	]), W = X.useMemo(() => {
 		for (let e of C.values()) if (e != null && e.value === b) return e;
 	}, [C, b]), G = X.useMemo(() => {
 		for (let e of C.values()) if (e != null && !e.disabled) return e.value;
-	}, [C]), K = X.useRef(!h), q = X.useRef(a), J = X.useRef(h), Y = X.useRef(!1);
-	u(() => {
+	}, [C]), K = X.useRef(!h), q = X.useRef(o), J = X.useRef(h), Y = X.useRef(!1);
+	l(() => {
 		if (S) return;
 		function e(e, t) {
 			x(e), O((t) => t.previousValue === e && t.tabActivationDirection === "none" ? t : {
@@ -96,24 +96,24 @@ var te = /*#__PURE__*/ function(e) {
 			}), R(e, t), K.current = !1;
 		}
 		if (C.size === 0) {
-			Y.current && b !== null && !T.current?.isConnected && e(null, i);
+			Y.current && b !== null && !T.current?.isConnected && e(null, r);
 			return;
 		}
 		Y.current = !0, T.current = C.keys().next().value;
-		let t = W?.disabled, n = W == null && b !== null;
+		let t = W?.disabled, i = W == null && b !== null;
 		if (!t && b === q.current && (J.current = !1), J.current && t && b === q.current) return;
 		let a = K.current;
-		if (t || n) {
-			let n = G ?? null;
-			if (b === n) {
+		if (t || i) {
+			let i = G ?? null;
+			if (b === i) {
 				K.current = !1;
 				return;
 			}
-			let o = i;
-			a ? o = r : t && (o = d), e(n, o);
+			let o = r;
+			a ? o = n : t && (o = u), e(i, o);
 			return;
 		}
-		a && W != null && (R(b, r), K.current = !1);
+		a && W != null && (R(b, n), K.current = !1);
 	}, [
 		G,
 		S,
@@ -123,10 +123,10 @@ var te = /*#__PURE__*/ function(e) {
 		C,
 		b
 	]);
-	let Q = y("div", e, {
+	let Q = v("div", e, {
 		state: {
 			orientation: c,
-			tabActivationDirection: j
+			tabActivationDirection: M
 		},
 		ref: t,
 		props: m,
@@ -166,25 +166,25 @@ var ae = "data-composite-item-active", oe = /*#__PURE__*/ X.createContext(void 0
 process.env.NODE_ENV !== "production" && (oe.displayName = "TabsListContext");
 function se() {
 	let e = X.useContext(oe);
-	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? _(65) : "Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.");
+	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? g(65) : "Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.");
 	return e;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/tabs/tab/TabsTab.mjs
 var ce = /*#__PURE__*/ X.forwardRef(function(e, t) {
-	let { className: n, disabled: r = !1, render: i, value: a, id: c, nativeButton: l = !0, style: d, ...f } = e, { value: p, getTabPanelIdByValue: h, orientation: _, tabActivationDirection: v } = Q(), { activateOnFocus: b, highlightedTabIndex: x, onTabActivation: S, registerTabResizeObserverElement: C, setHighlightedTabIndex: w, tabsListElement: O } = se(), k = s(c), { compositeProps: A, compositeRef: j, index: M } = Y({ metadata: X.useMemo(() => ({
+	let { className: n, disabled: r = !1, render: i, value: s, id: c, nativeButton: u = !0, style: d, ...f } = e, { value: m, getTabPanelIdByValue: g, orientation: _, tabActivationDirection: y } = Q(), { activateOnFocus: b, highlightedTabIndex: x, onTabActivation: S, registerTabResizeObserverElement: C, setHighlightedTabIndex: D, tabsListElement: O } = se(), k = o(c), { compositeProps: A, compositeRef: j, index: M } = Y({ metadata: X.useMemo(() => ({
 		disabled: r,
 		id: k,
-		value: a
+		value: s
 	}), [
 		r,
 		k,
-		a
-	]) }), N = a === p, P = X.useRef(!1), F = X.useRef(null);
-	u(() => {
+		s
+	]) }), N = s === m, P = X.useRef(!1), F = X.useRef(null);
+	l(() => {
 		let e = F.current;
 		if (e) return C(e);
-	}, [C]), u(() => {
+	}, [C]), l(() => {
 		if (P.current) {
 			P.current = !1;
 			return;
@@ -192,28 +192,28 @@ var ce = /*#__PURE__*/ X.forwardRef(function(e, t) {
 		if (!(N && M > -1 && x !== M)) return;
 		let e = O;
 		if (e != null) {
-			let t = D(E(e));
-			if (t && T(e, t)) return;
+			let t = E(T(e));
+			if (t && w(e, t)) return;
 		}
-		r || w(M);
+		r || D(M);
 	}, [
 		N,
 		M,
 		x,
-		w,
+		D,
 		r,
 		O
 	]);
-	let { getButtonProps: I, buttonRef: L } = g({
+	let { getButtonProps: I, buttonRef: L } = h({
 		disabled: r,
-		native: l,
+		native: u,
 		focusableWhenDisabled: !0
-	}), R = h(a), z = X.useRef(!1), B = X.useRef(!1);
+	}), R = g(s), z = X.useRef(!1), B = X.useRef(!1);
 	function V(e) {
-		N || r || S(a, o(m, e.nativeEvent, void 0, { activationDirection: "none" }));
+		N || r || S(s, a(p, e.nativeEvent, void 0, { activationDirection: "none" }));
 	}
 	function H(e) {
-		N || (M > -1 && !r && w(M), !r && b && (!z.current || z.current && B.current) && S(a, o(m, e.nativeEvent, void 0, { activationDirection: "none" })));
+		N || (M > -1 && !r && D(M), !r && b && (!z.current || z.current && B.current) && S(s, a(p, e.nativeEvent, void 0, { activationDirection: "none" })));
 	}
 	function U(e) {
 		if (N || r) return;
@@ -221,14 +221,14 @@ var ce = /*#__PURE__*/ X.forwardRef(function(e, t) {
 		function t() {
 			z.current = !1, B.current = !1;
 		}
-		(!e.button || e.button === 0) && (B.current = !0, E(e.currentTarget).addEventListener("pointerup", t, { once: !0 }));
+		(!e.button || e.button === 0) && (B.current = !0, T(e.currentTarget).addEventListener("pointerup", t, { once: !0 }));
 	}
-	return y("button", e, {
+	return v("button", e, {
 		state: {
 			disabled: r,
 			active: N,
 			orientation: _,
-			tabActivationDirection: v
+			tabActivationDirection: y
 		},
 		ref: [
 			t,
@@ -262,91 +262,91 @@ process.env.NODE_ENV !== "production" && (ce.displayName = "TabsTab");
 //#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/internals/composite/root/useCompositeRoot.mjs
 var le = [];
 function ue(e) {
-	let { loopFocus: t = !0, orientation: n = "both", grid: r, onLoop: i, direction: a, highlightedIndex: o, onHighlightedIndexChange: s, rootRef: l, enableHomeAndEndKeys: d = !1, stopEventPropagation: f = !1, disabledIndices: m, modifierKeys: g = le } = e, [_, v] = X.useState(0), y = r != null, x = X.useRef(null), S = C(x, l), T = X.useRef([]), E = X.useRef(!1), D = o ?? _, O = M((e, t = !1) => {
-		if ((s ?? v)(e), t) {
+	let { loopFocus: t = !0, orientation: n = "both", grid: r, onLoop: i, direction: a, highlightedIndex: o, onHighlightedIndexChange: c, rootRef: u, enableHomeAndEndKeys: d = !1, stopEventPropagation: p = !1, disabledIndices: h, modifierKeys: g = le } = e, [_, v] = X.useState(0), b = r != null, x = X.useRef(null), w = S(x, u), T = X.useRef([]), E = X.useRef(!1), D = o ?? _, O = j((e, t = !1) => {
+		if ((c ?? v)(e), t) {
 			let t = T.current[e];
 			J(x.current, t, a, n);
 		}
-	}), k = M((e) => {
+	}), A = j((e) => {
 		if (e.size === 0 || E.current) return;
 		E.current = !0;
 		let t = Array.from(e.keys()), r = t.find((e) => e?.hasAttribute("data-composite-item-active")) ?? null, i = r ? t.indexOf(r) : -1;
 		if (i !== -1) O(i);
-		else if (A(t, D, m)) {
-			let e = p(t, { disabledIndices: m });
-			b(t, e) || O(e);
+		else if (k(t, D, h)) {
+			let e = f(t, { disabledIndices: h });
+			y(t, e) || O(e);
 		}
 		J(x.current, r, a, n);
 	});
-	u(() => {
-		if (m == null || o != null || !E.current) return;
+	l(() => {
+		if (h == null || o != null || !E.current) return;
 		let e = T.current;
-		if (A(e, D, m)) {
-			let t = p(e, { disabledIndices: m });
-			b(e, t) || O(t);
+		if (k(e, D, h)) {
+			let t = f(e, { disabledIndices: h });
+			y(e, t) || O(t);
 		}
 	}, [
-		m,
+		h,
 		o,
 		D,
 		T,
 		O
 	]);
-	let j = M((e, t, n) => i ? i(e, t, n, T) : n), N = M((e) => {
+	let M = j((e, t, n) => i ? i(e, t, n, T) : n), N = j((e) => {
 		let o = d ? H : F;
 		if (!o.has(e.key) || de(e, g) || !x.current) return;
-		let s = a === "rtl", l = s ? W : K, u = {
+		let c = a === "rtl", l = c ? W : K, u = {
 			horizontal: l,
 			vertical: V,
 			both: l
-		}[n], _ = s ? K : W, v = {
+		}[n], _ = c ? K : W, v = {
 			horizontal: _,
 			vertical: I,
 			both: _
-		}[n], S = w(e.nativeEvent);
+		}[n], S = C(e.nativeEvent);
 		if (S != null && P(S) && !U(S)) {
 			let t = S.selectionStart, n = S.selectionEnd, r = S.value ?? "";
 			if (t == null || e.shiftKey || t !== n || e.key !== v && t < r.length || e.key !== u && t > 0) return;
 		}
-		let C = D, E = c(T, m), k = h(T, m);
-		r != null && (C = r({
-			disabledIndices: m,
+		let w = D, E = s(T, h), k = m(T, h);
+		r != null && (w = r({
+			disabledIndices: h,
 			elementsRef: T,
 			event: e,
 			highlightedIndex: D,
 			loopFocus: t,
 			maxIndex: k,
 			minIndex: E,
-			onLoop: j,
+			onLoop: M,
 			orientation: n,
-			rtl: s
+			rtl: c
 		}));
 		let A = {
 			horizontal: [l],
 			vertical: [V],
 			both: [l, V]
-		}[n], M = {
+		}[n], j = {
 			horizontal: [_],
 			vertical: [I],
 			both: [_, I]
-		}[n], N = y ? o : {
+		}[n], N = b ? o : {
 			horizontal: d ? R : L,
 			vertical: d ? z : B,
 			both: o
 		}[n];
-		d && (e.key === "Home" ? C = E : e.key === "End" && (C = k)), C === D && (A.includes(e.key) || M.includes(e.key)) && (t && C === k && A.includes(e.key) ? (C = E, i && (C = i(e, D, C, T))) : t && C === E && M.includes(e.key) ? (C = k, i && (C = i(e, D, C, T))) : C = p(T.current, {
-			startingIndex: C,
-			decrement: M.includes(e.key),
-			disabledIndices: m
-		})), C !== D && !b(T.current, C) && (f && e.stopPropagation(), N.has(e.key) && e.preventDefault(), O(C, !0), queueMicrotask(() => {
-			T.current[C]?.focus();
+		d && (e.key === "Home" ? w = E : e.key === "End" && (w = k)), w === D && (A.includes(e.key) || j.includes(e.key)) && (t && w === k && A.includes(e.key) ? (w = E, i && (w = i(e, D, w, T))) : t && w === E && j.includes(e.key) ? (w = k, i && (w = i(e, D, w, T))) : w = f(T.current, {
+			startingIndex: w,
+			decrement: j.includes(e.key),
+			disabledIndices: h
+		})), w !== D && !y(T.current, w) && (p && e.stopPropagation(), N.has(e.key) && e.preventDefault(), O(w, !0), queueMicrotask(() => {
+			T.current[w]?.focus();
 		}));
 	});
 	return {
 		props: {
-			ref: S,
+			ref: w,
 			onFocus(e) {
-				let t = x.current, n = w(e.nativeEvent);
+				let t = x.current, n = C(e.nativeEvent);
 				!t || n == null || !P(n) || n.setSelectionRange(0, n.value.length ?? 0);
 			},
 			onKeyDown: N
@@ -354,8 +354,8 @@ function ue(e) {
 		highlightedIndex: D,
 		onHighlightedIndexChange: O,
 		elementsRef: T,
-		disabledIndices: m,
-		onMapChange: k,
+		disabledIndices: h,
+		onMapChange: A,
 		relayKeyboardEvent: N
 	};
 }
@@ -366,20 +366,20 @@ function de(e, t) {
 //#endregion
 //#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/internals/composite/root/CompositeRoot.mjs
 function fe(e) {
-	let { render: t, className: n, style: r, refs: i = S, props: a = S, state: o = O, stateAttributesMapping: s, highlightedIndex: c, onHighlightedIndexChange: l, orientation: u, grid: d, loopFocus: p, onLoop: m, enableHomeAndEndKeys: h, onMapChange: g, stopEventPropagation: _ = !0, rootRef: v, disabledIndices: b, modifierKeys: x, highlightItemOnHover: C = !1, tag: w = "div", ...T } = e, { props: E, highlightedIndex: D, onHighlightedIndexChange: k, elementsRef: A, onMapChange: M, relayKeyboardEvent: N } = ue({
-		grid: d,
+	let { render: t, className: n, style: r, refs: i = x, props: a = x, state: o = D, stateAttributesMapping: s, highlightedIndex: c, onHighlightedIndexChange: l, orientation: u, grid: f, loopFocus: p, onLoop: m, enableHomeAndEndKeys: h, onMapChange: g, stopEventPropagation: _ = !0, rootRef: y, disabledIndices: b, modifierKeys: S, highlightItemOnHover: C = !1, tag: w = "div", ...T } = e, { props: E, highlightedIndex: O, onHighlightedIndexChange: k, elementsRef: j, onMapChange: M, relayKeyboardEvent: N } = ue({
+		grid: f,
 		loopFocus: p,
 		onLoop: m,
 		orientation: u,
 		highlightedIndex: c,
 		onHighlightedIndexChange: l,
-		rootRef: v,
+		rootRef: y,
 		stopEventPropagation: _,
 		enableHomeAndEndKeys: h,
-		direction: f(),
+		direction: d(),
 		disabledIndices: b,
-		modifierKeys: x
-	}), P = y(w, e, {
+		modifierKeys: S
+	}), P = v(w, e, {
 		state: o,
 		ref: i,
 		props: [
@@ -389,20 +389,20 @@ function fe(e) {
 		],
 		stateAttributesMapping: s
 	}), F = X.useMemo(() => ({
-		highlightedIndex: D,
+		highlightedIndex: O,
 		onHighlightedIndexChange: k,
 		highlightItemOnHover: C,
 		relayKeyboardEvent: N
 	}), [
-		D,
+		O,
 		k,
 		C,
 		N
 	]);
-	return /*#__PURE__*/ (0, $.jsx)(j.Provider, {
+	return /*#__PURE__*/ (0, $.jsx)(A.Provider, {
 		value: F,
 		children: /*#__PURE__*/ (0, $.jsx)(ee, {
-			elementsRef: A,
+			elementsRef: j,
 			onMapChange: (e) => {
 				g?.(e), M(e);
 			},
@@ -413,8 +413,8 @@ function fe(e) {
 //#endregion
 //#region ../../node_modules/.pnpm/@base-ui+react@1.6.0_@types+react@19.2.17_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/tabs/list/TabsList.mjs
 var pe = /*#__PURE__*/ X.forwardRef(function(e, t) {
-	let { activateOnFocus: n = !1, className: r, loopFocus: i = !0, render: a, style: o, ...s } = e, { onValueChange: c, orientation: l, value: d, setTabMap: f, tabActivationDirection: p } = Q(), [m, h] = X.useState(0), [g, _] = X.useState(null), v = X.useRef(/* @__PURE__ */ new Set()), y = X.useRef(/* @__PURE__ */ new Set()), b = X.useRef(null);
-	u(() => {
+	let { activateOnFocus: n = !1, className: r, loopFocus: i = !0, render: a, style: o, ...s } = e, { onValueChange: c, orientation: u, value: d, setTabMap: f, tabActivationDirection: p } = Q(), [m, h] = X.useState(0), [g, _] = X.useState(null), v = X.useRef(/* @__PURE__ */ new Set()), y = X.useRef(/* @__PURE__ */ new Set()), b = X.useRef(null);
+	l(() => {
 		if (typeof ResizeObserver > "u") return;
 		let e = new ResizeObserver(() => {
 			v.current.forEach((e) => {
@@ -427,22 +427,22 @@ var pe = /*#__PURE__*/ X.forwardRef(function(e, t) {
 			e.disconnect(), b.current = null;
 		};
 	}, [g]);
-	let x = M((e) => (v.current.add(e), () => {
+	let S = j((e) => (v.current.add(e), () => {
 		v.current.delete(e);
-	})), C = M((e) => (y.current.add(e), b.current?.observe(e), () => {
+	})), C = j((e) => (y.current.add(e), b.current?.observe(e), () => {
 		y.current.delete(e), b.current?.unobserve(e);
-	})), w = M((e, t) => {
+	})), w = j((e, t) => {
 		e !== d && c(e, t);
 	}), T = {
-		orientation: l,
+		orientation: u,
 		tabActivationDirection: p
 	}, E = {
-		"aria-orientation": l === "vertical" ? "vertical" : void 0,
+		"aria-orientation": u === "vertical" ? "vertical" : void 0,
 		role: "tablist"
 	}, D = X.useMemo(() => ({
 		activateOnFocus: n,
 		highlightedTabIndex: m,
-		registerIndicatorUpdateListener: x,
+		registerIndicatorUpdateListener: S,
 		registerTabResizeObserverElement: C,
 		onTabActivation: w,
 		setHighlightedTabIndex: h,
@@ -450,7 +450,7 @@ var pe = /*#__PURE__*/ X.forwardRef(function(e, t) {
 	}), [
 		n,
 		m,
-		x,
+		S,
 		C,
 		w,
 		h,
@@ -469,10 +469,10 @@ var pe = /*#__PURE__*/ X.forwardRef(function(e, t) {
 			highlightedIndex: m,
 			enableHomeAndEndKeys: !0,
 			loopFocus: i,
-			orientation: l,
+			orientation: u,
 			onHighlightedIndexChange: h,
 			onMapChange: f,
-			disabledIndices: S
+			disabledIndices: x
 		})
 	});
 });
@@ -585,8 +585,8 @@ function be() {
 	if (!e) throw Error("useTabsSubtle must be used within a TabsSubtle");
 	return e;
 }
-var xe = (0, X.forwardRef)(({ children: e, selectedIndex: t, onSelect: n, idPrefix: r, activeLabel: i = !1, className: o, ...s }, c) => {
-	let u = (0, X.useRef)(null), d = (0, X.useRef)(!1), f = a(), { activeIndex: p, setActiveIndex: m, itemRects: h, handlers: g, registerItem: _, measureItems: v } = ve(u, { axis: "x" }), y = (0, X.useRef)(/* @__PURE__ */ new Map()), b = (0, X.useCallback)((e, t) => {
+var xe = (0, X.forwardRef)(({ children: e, selectedIndex: t, onSelect: n, idPrefix: r, activeLabel: a = !1, className: o, ...s }, l) => {
+	let u = (0, X.useRef)(null), d = (0, X.useRef)(!1), f = i(), { activeIndex: p, setActiveIndex: m, itemRects: h, handlers: g, registerItem: _, measureItems: v } = ve(u, { axis: "x" }), y = (0, X.useRef)(/* @__PURE__ */ new Map()), x = (0, X.useCallback)((e, t) => {
 		_(e, t), t ? y.current.set(e, t) : y.current.delete(e);
 	}, [_]);
 	(0, X.useEffect)(() => {
@@ -601,14 +601,14 @@ var xe = (0, X.forwardRef)(({ children: e, selectedIndex: t, onSelect: n, idPref
 		d.current = !0, g.onMouseMove(e);
 	}, [g]), C = (0, X.useCallback)(() => {
 		d.current = !1, g.onMouseLeave();
-	}, [g]), [w, T] = (0, X.useState)(null), E = h[t], D = p === null ? null : h[p], O = w === null ? null : h[w], A = p === t, j = p !== null && !A;
+	}, [g]), [w, T] = (0, X.useState)(null), E = h[t], D = p === null ? null : h[p], k = w === null ? null : h[w], A = p === t, j = p !== null && !A;
 	return /* @__PURE__ */ (0, $.jsx)(ye.Provider, {
 		value: {
-			registerTab: b,
+			registerTab: x,
 			hoveredIndex: p,
 			selectedIndex: t,
 			idPrefix: r,
-			activeLabel: i
+			activeLabel: a
 		},
 		children: /* @__PURE__ */ (0, $.jsx)(re, {
 			value: t,
@@ -618,7 +618,7 @@ var xe = (0, X.forwardRef)(({ children: e, selectedIndex: t, onSelect: n, idPref
 			render: /* @__PURE__ */ (0, $.jsxs)(pe, {
 				activateOnFocus: !1,
 				ref: (e) => {
-					u.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
+					u.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
 				},
 				onMouseMove: S,
 				onMouseLeave: C,
@@ -632,11 +632,11 @@ var xe = (0, X.forwardRef)(({ children: e, selectedIndex: t, onSelect: n, idPref
 				onBlur: (e) => {
 					u.current?.contains(e.relatedTarget) || (T(null), !d.current && m(null));
 				},
-				className: l("relative flex items-center gap-0.5 select-none overflow-x-auto max-w-full -mx-1 px-1 -my-1 py-1", o),
+				className: c("relative flex items-center gap-0.5 select-none overflow-x-auto max-w-full -mx-1 px-1 -my-1 py-1", o),
 				...s,
 				children: [
-					E && /* @__PURE__ */ (0, $.jsx)(x.div, {
-						className: l("absolute bg-accent pointer-events-none", f.bg),
+					E && /* @__PURE__ */ (0, $.jsx)(b.div, {
+						className: c("absolute bg-accent pointer-events-none", f.bg),
 						initial: !1,
 						animate: {
 							left: E.left,
@@ -646,12 +646,12 @@ var xe = (0, X.forwardRef)(({ children: e, selectedIndex: t, onSelect: n, idPref
 							opacity: j ? .8 : 1
 						},
 						transition: {
-							...k.moderate,
+							...O.moderate,
 							opacity: { duration: .08 }
 						}
 					}),
-					/* @__PURE__ */ (0, $.jsx)(q, { children: D && !A && E && /* @__PURE__ */ (0, $.jsx)(x.div, {
-						className: l("absolute bg-accent pointer-events-none", f.bg),
+					/* @__PURE__ */ (0, $.jsx)(q, { children: D && !A && E && /* @__PURE__ */ (0, $.jsx)(b.div, {
+						className: c("absolute bg-accent pointer-events-none", f.bg),
 						initial: {
 							left: E.left,
 							width: E.width,
@@ -673,33 +673,33 @@ var xe = (0, X.forwardRef)(({ children: e, selectedIndex: t, onSelect: n, idPref
 							height: E.height,
 							opacity: 0,
 							transition: {
-								...k.moderate,
+								...O.moderate,
 								opacity: { duration: .06 }
 							}
 						} : {
 							opacity: 0,
-							transition: k.fast.exit
+							transition: O.fast.exit
 						},
 						transition: {
-							...k.fast,
+							...O.fast,
 							opacity: { duration: .08 }
 						}
 					}) }),
-					/* @__PURE__ */ (0, $.jsx)(q, { children: O && /* @__PURE__ */ (0, $.jsx)(x.div, {
-						className: l("absolute pointer-events-none z-20 border border-[color:var(--focus-ring,#6B97FF)]", f.focusRing),
+					/* @__PURE__ */ (0, $.jsx)(q, { children: k && /* @__PURE__ */ (0, $.jsx)(b.div, {
+						className: c("absolute pointer-events-none z-20 border border-[color:var(--focus-ring,#6B97FF)]", f.focusRing),
 						initial: !1,
 						animate: {
-							left: O.left - 2,
-							top: O.top - 2,
-							width: O.width + 4,
-							height: O.height + 4
+							left: k.left - 2,
+							top: k.top - 2,
+							width: k.width + 4,
+							height: k.height + 4
 						},
 						exit: {
 							opacity: 0,
-							transition: k.fast.exit
+							transition: O.fast.exit
 						},
 						transition: {
-							...k.fast,
+							...O.fast,
 							opacity: { duration: .08 }
 						}
 					}) }),
@@ -710,19 +710,19 @@ var xe = (0, X.forwardRef)(({ children: e, selectedIndex: t, onSelect: n, idPref
 	});
 });
 xe.displayName = "TabsSubtle";
-var Se = (0, X.forwardRef)(({ icon: e, label: t, index: n, className: r, ...i }, o) => {
-	let s = (0, X.useRef)(null), c = a(), { registerTab: u, hoveredIndex: d, selectedIndex: f, idPrefix: p, activeLabel: m } = be();
+var Se = (0, X.forwardRef)(({ icon: e, label: t, index: n, className: r, ...a }, o) => {
+	let s = (0, X.useRef)(null), l = i(), { registerTab: u, hoveredIndex: d, selectedIndex: f, idPrefix: p, activeLabel: m } = be();
 	(0, X.useEffect)(() => (u(n, s.current), () => u(n, null)), [n, u]);
-	let h = f === n, g = d === n || h, _ = m && !!e, y = !_ || h, b = /* @__PURE__ */ (0, $.jsxs)("span", {
+	let h = f === n, g = d === n || h, v = m && !!e, y = !v || h, x = /* @__PURE__ */ (0, $.jsxs)("span", {
 		className: "inline-grid",
 		children: [/* @__PURE__ */ (0, $.jsx)("span", {
 			className: "col-start-1 row-start-1 invisible [text-box:trim-both_cap_alphabetic]",
-			style: { fontVariationSettings: v.semibold },
+			style: { fontVariationSettings: _.semibold },
 			"aria-hidden": "true",
 			children: t
 		}), /* @__PURE__ */ (0, $.jsx)("span", {
-			className: l("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-80 [text-box:trim-both_cap_alphabetic]", g ? "text-foreground" : "text-muted-foreground"),
-			style: { fontVariationSettings: h ? v.semibold : v.normal },
+			className: c("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-80 [text-box:trim-both_cap_alphabetic]", g ? "text-foreground" : "text-muted-foreground"),
+			style: { fontVariationSettings: h ? _.semibold : _.normal },
 			children: t
 		})]
 	});
@@ -735,14 +735,14 @@ var Se = (0, X.forwardRef)(({ icon: e, label: t, index: n, className: r, ...i },
 		"data-proximity-index": n,
 		id: p ? `${p}-tab-${n}` : void 0,
 		"aria-controls": p ? `${p}-panel-${n}` : void 0,
-		"aria-label": _ && !y ? t : void 0,
-		className: l("relative z-10 flex items-center px-2 cursor-pointer bg-transparent border-none outline-none text-xs", _ ? "h-7" : "h-7 gap-1.5", c.bg, r),
-		...i,
+		"aria-label": v && !y ? t : void 0,
+		className: c("relative z-10 flex items-center px-2 cursor-pointer bg-transparent border-none outline-none text-xs", v ? "h-7" : "h-7 gap-1.5", l.bg, r),
+		...a,
 		children: [e && /* @__PURE__ */ (0, $.jsx)(e, {
 			size: 14,
 			strokeWidth: g ? 2 : 1.5,
-			className: l("shrink-0 transition-[color,stroke-width] duration-80", g ? "text-foreground" : "text-muted-foreground")
-		}), _ ? /* @__PURE__ */ (0, $.jsx)(q, { children: y && /* @__PURE__ */ (0, $.jsx)(x.span, {
+			className: c("shrink-0 transition-[color,stroke-width] duration-80", g ? "text-foreground" : "text-muted-foreground")
+		}), v ? /* @__PURE__ */ (0, $.jsx)(q, { children: y && /* @__PURE__ */ (0, $.jsx)(b.span, {
 			className: "overflow-hidden",
 			initial: {
 				width: 0,
@@ -760,11 +760,11 @@ var Se = (0, X.forwardRef)(({ icon: e, label: t, index: n, className: r, ...i },
 				marginLeft: 0
 			},
 			transition: {
-				...k.fast,
+				...O.fast,
 				opacity: { duration: .06 }
 			},
-			children: b
-		}, "label") }) : b]
+			children: x
+		}, "label") }) : x]
 	});
 });
 Se.displayName = "TabsSubtleItem";
@@ -777,7 +777,7 @@ var Ce = (0, X.forwardRef)(({ index: e, selectedIndex: t, idPrefix: n, children:
 		"aria-labelledby": `${n}-tab-${e}`,
 		hidden: !s,
 		tabIndex: -1,
-		className: l("outline-none", i),
+		className: c("outline-none", i),
 		...a,
 		children: s && r
 	});