@mcp-use/inspector 20.0.0-beta.6 → 20.0.0-beta.8

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

@@ -1,141 +1,142 @@
 import { s as e, t } from "./react-BIs9pQ3H.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";
+import { Gn as n, Jn as r, Mn as i, Nn as a, Qt as o, Vn as s, X as c, Xt as l, Yn as u, Zt as d, c as f, en as p, f as m, hn as h, mn as g, on as _, pn as v, s as y, tn as b } from "./input-BCpgLXU1.js";
+import { n as x } from "./createLucideIcon-BONxC1L5.js";
+import { H as S, U as C, a as w, d as T, f as E, g as D, m as O, o as k, s as A, u as j, v as M } from "./button-CB4uOoUV.js";
+import { n as N } from "./label-A0UGV8FE.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-D1bZ5_-l.js";
+import { t as Y } from "./useCompositeItem-Dhnm-7el.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" ? g(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" ? O(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 }) }, $ = 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,
+}({}), ne = { tabActivationDirection: (e) => ({ [te.activationDirection]: e }) }, $ = x(), re = /*#__PURE__*/ X.forwardRef(function(e, t) {
+	let { className: a, defaultValue: o = 0, onValueChange: c, orientation: l = "horizontal", render: u, value: d, style: f, ...p } = e, m = e.defaultValue !== void 0, h = X.useRef([]), [g, _] = X.useState(() => /* @__PURE__ */ new Map()), [v, y] = N({
+		controlled: d,
 		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) => {
+	}), b = d !== void 0, [x, S] = X.useState(() => /* @__PURE__ */ new Map()), C = X.useRef(void 0), T = X.useCallback((e) => {
 		if (e === void 0) return null;
-		for (let [t, n] of C.entries()) if (n != null && e === (n.value ?? n.index)) return t;
+		for (let [t, n] of x.entries()) if (n != null && e === (n.value ?? n.index)) return t;
 		return null;
-	}, [C]), [D, O] = X.useState(() => ({
-		previousValue: b,
+	}, [x]), [E, O] = X.useState(() => ({
+		previousValue: v,
 		tabActivationDirection: "none"
-	})), { 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(() => {
+	})), { previousValue: k, tabActivationDirection: A } = E, j = A, P = !1;
+	k !== v && (j = ie(k, v, l, x), P = k != null && v != null && T(v) == null);
+	let F = P ? k : v, I = k !== F || A !== j;
+	D(() => {
 		I && O({
 			previousValue: F,
-			tabActivationDirection: M
+			tabActivationDirection: j
 		});
 	}, [
 		F,
 		I,
-		M
+		j
 	]);
-	let L = j((e, t) => {
-		t.activationDirection = ie(b, e, c, C), s?.(e, t), !t.isCanceled && x(e);
-	}), R = j((e, t) => {
-		s?.(e, a(t, void 0, void 0, { activationDirection: "none" }));
-	}), z = j((e, t) => {
-		y((n) => {
+	let L = M((e, t) => {
+		t.activationDirection = ie(v, e, l, x), c?.(e, t), !t.isCanceled && y(e);
+	}), R = M((e, t) => {
+		c?.(e, i(t, void 0, void 0, { activationDirection: "none" }));
+	}), z = M((e, t) => {
+		_((n) => {
 			if (n.get(e) === t) return n;
 			let r = new Map(n);
 			return r.set(e, t), r;
 		});
-	}), B = j((e, t) => {
-		y((n) => {
+	}), B = M((e, t) => {
+		_((n) => {
 			if (!n.has(e) || n.get(e) !== t) return n;
 			let r = new Map(n);
 			return r.delete(e), r;
 		});
-	}), V = X.useCallback((e) => _.get(e), [_]), H = X.useCallback((e) => {
-		for (let t of C.values()) if (e === t?.value) return t?.id;
-	}, [C]), U = X.useMemo(() => ({
-		getTabElementBySelectedValue: E,
+	}), V = X.useCallback((e) => g.get(e), [g]), H = X.useCallback((e) => {
+		for (let t of x.values()) if (e === t?.value) return t?.id;
+	}, [x]), U = X.useMemo(() => ({
+		getTabElementBySelectedValue: T,
 		getTabIdByPanelValue: H,
 		getTabPanelIdByValue: V,
 		onValueChange: L,
-		orientation: c,
+		orientation: l,
 		registerMountedTabPanel: z,
-		setTabMap: w,
+		setTabMap: S,
 		unregisterMountedTabPanel: B,
-		tabActivationDirection: M,
-		value: b
+		tabActivationDirection: j,
+		value: v
 	}), [
-		E,
+		T,
 		H,
 		V,
 		L,
-		c,
+		l,
 		z,
-		w,
+		S,
 		B,
-		M,
-		b
+		j,
+		v
 	]), 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(o), J = X.useRef(h), Y = X.useRef(!1);
-	l(() => {
-		if (S) return;
+		for (let e of x.values()) if (e != null && e.value === v) return e;
+	}, [x, v]), G = X.useMemo(() => {
+		for (let e of x.values()) if (e != null && !e.disabled) return e.value;
+	}, [x]), K = X.useRef(!m), q = X.useRef(o), J = X.useRef(m), Y = X.useRef(!1);
+	D(() => {
+		if (b) return;
 		function e(e, t) {
-			x(e), O((t) => t.previousValue === e && t.tabActivationDirection === "none" ? t : {
+			y(e), O((t) => t.previousValue === e && t.tabActivationDirection === "none" ? t : {
 				previousValue: e,
 				tabActivationDirection: "none"
 			}), R(e, t), K.current = !1;
 		}
-		if (C.size === 0) {
-			Y.current && b !== null && !T.current?.isConnected && e(null, r);
+		if (x.size === 0) {
+			Y.current && v !== null && !C.current?.isConnected && e(null, r);
 			return;
 		}
-		Y.current = !0, T.current = C.keys().next().value;
-		let t = W?.disabled, i = W == null && b !== null;
-		if (!t && b === q.current && (J.current = !1), J.current && t && b === q.current) return;
+		Y.current = !0, C.current = x.keys().next().value;
+		let t = W?.disabled, i = W == null && v !== null;
+		if (!t && v === q.current && (J.current = !1), J.current && t && v === q.current) return;
 		let a = K.current;
 		if (t || i) {
 			let i = G ?? null;
-			if (b === i) {
+			if (v === i) {
 				K.current = !1;
 				return;
 			}
 			let o = r;
-			a ? o = n : t && (o = u), e(i, o);
+			a ? o = n : t && (o = s), e(i, o);
 			return;
 		}
-		a && W != null && (R(b, n), K.current = !1);
+		a && W != null && (R(v, n), K.current = !1);
 	}, [
 		G,
-		S,
+		b,
 		R,
 		W,
+		y,
 		x,
-		C,
-		b
+		v
 	]);
-	let Q = v("div", e, {
+	let Q = w("div", e, {
 		state: {
-			orientation: c,
-			tabActivationDirection: M
+			orientation: l,
+			tabActivationDirection: j
 		},
 		ref: t,
-		props: m,
+		props: p,
 		stateAttributesMapping: ne
 	});
 	return /*#__PURE__*/ (0, $.jsx)(Z.Provider, {
 		value: U,
 		children: /*#__PURE__*/ (0, $.jsx)(ee, {
-			elementsRef: g,
+			elementsRef: h,
 			children: Q
 		})
 	});
@@ -166,13 +167,13 @@ 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" ? g(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" ? O(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: 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(() => ({
+	let { className: n, disabled: r = !1, render: o, value: s, id: c, nativeButton: l = !0, style: d, ...f } = e, { value: p, getTabPanelIdByValue: m, orientation: h, tabActivationDirection: y } = Q(), { activateOnFocus: b, highlightedTabIndex: x, onTabActivation: S, registerTabResizeObserverElement: C, setHighlightedTabIndex: E, tabsListElement: O } = se(), k = a(c), { compositeProps: A, compositeRef: j, index: M } = Y({ metadata: X.useMemo(() => ({
 		disabled: r,
 		id: k,
 		value: s
@@ -180,11 +181,11 @@ var ce = /*#__PURE__*/ X.forwardRef(function(e, t) {
 		r,
 		k,
 		s
-	]) }), N = s === m, P = X.useRef(!1), F = X.useRef(null);
-	l(() => {
+	]) }), N = s === p, P = X.useRef(!1), F = X.useRef(null);
+	D(() => {
 		let e = F.current;
 		if (e) return C(e);
-	}, [C]), l(() => {
+	}, [C]), D(() => {
 		if (P.current) {
 			P.current = !1;
 			return;
@@ -192,28 +193,28 @@ var ce = /*#__PURE__*/ X.forwardRef(function(e, t) {
 		if (!(N && M > -1 && x !== M)) return;
 		let e = O;
 		if (e != null) {
-			let t = E(T(e));
-			if (t && w(e, t)) return;
+			let t = v(_(e));
+			if (t && g(e, t)) return;
 		}
-		r || D(M);
+		r || E(M);
 	}, [
 		N,
 		M,
 		x,
-		D,
+		E,
 		r,
 		O
 	]);
-	let { getButtonProps: I, buttonRef: L } = h({
+	let { getButtonProps: I, buttonRef: L } = T({
 		disabled: r,
-		native: u,
+		native: l,
 		focusableWhenDisabled: !0
-	}), R = g(s), z = X.useRef(!1), B = X.useRef(!1);
+	}), R = m(s), z = X.useRef(!1), B = X.useRef(!1);
 	function V(e) {
-		N || r || S(s, a(p, e.nativeEvent, void 0, { activationDirection: "none" }));
+		N || r || S(s, i(u, e.nativeEvent, void 0, { activationDirection: "none" }));
 	}
 	function H(e) {
-		N || (M > -1 && !r && D(M), !r && b && (!z.current || z.current && B.current) && S(s, a(p, e.nativeEvent, void 0, { activationDirection: "none" })));
+		N || (M > -1 && !r && E(M), !r && b && (!z.current || z.current && B.current) && S(s, i(u, e.nativeEvent, void 0, { activationDirection: "none" })));
 	}
 	function U(e) {
 		if (N || r) return;
@@ -221,13 +222,13 @@ var ce = /*#__PURE__*/ X.forwardRef(function(e, t) {
 		function t() {
 			z.current = !1, B.current = !1;
 		}
-		(!e.button || e.button === 0) && (B.current = !0, T(e.currentTarget).addEventListener("pointerup", t, { once: !0 }));
+		(!e.button || e.button === 0) && (B.current = !0, _(e.currentTarget).addEventListener("pointerup", t, { once: !0 }));
 	}
-	return v("button", e, {
+	return w("button", e, {
 		state: {
 			disabled: r,
 			active: N,
-			orientation: _,
+			orientation: h,
 			tabActivationDirection: y
 		},
 		ref: [
@@ -262,100 +263,100 @@ 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: 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);
+	let { loopFocus: t = !0, orientation: n = "both", grid: r, onLoop: i, direction: a, highlightedIndex: s, onHighlightedIndexChange: c, rootRef: u, enableHomeAndEndKeys: f = !1, stopEventPropagation: m = !1, disabledIndices: g, modifierKeys: _ = le } = e, [v, y] = X.useState(0), x = r != null, S = X.useRef(null), C = j(S, u), w = X.useRef([]), T = X.useRef(!1), E = s ?? v, O = M((e, t = !1) => {
+		if ((c ?? y)(e), t) {
+			let t = w.current[e];
+			J(S.current, t, a, n);
 		}
-	}), A = j((e) => {
-		if (e.size === 0 || E.current) return;
-		E.current = !0;
+	}), k = M((e) => {
+		if (e.size === 0 || T.current) return;
+		T.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 (k(t, D, h)) {
-			let e = f(t, { disabledIndices: h });
-			y(t, e) || O(e);
+		else if (b(t, E, g)) {
+			let e = l(t, { disabledIndices: g });
+			p(t, e) || O(e);
 		}
-		J(x.current, r, a, n);
+		J(S.current, r, a, n);
 	});
-	l(() => {
-		if (h == null || o != null || !E.current) return;
-		let e = T.current;
-		if (k(e, D, h)) {
-			let t = f(e, { disabledIndices: h });
-			y(e, t) || O(t);
+	D(() => {
+		if (g == null || s != null || !T.current) return;
+		let e = w.current;
+		if (b(e, E, g)) {
+			let t = l(e, { disabledIndices: g });
+			p(e, t) || O(t);
 		}
 	}, [
-		h,
-		o,
-		D,
-		T,
+		g,
+		s,
+		E,
+		w,
 		O
 	]);
-	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 c = a === "rtl", l = c ? W : K, u = {
-			horizontal: l,
+	let A = M((e, t, n) => i ? i(e, t, n, w) : n), N = M((e) => {
+		let s = f ? H : F;
+		if (!s.has(e.key) || de(e, _) || !S.current) return;
+		let c = a === "rtl", u = c ? W : K, v = {
+			horizontal: u,
 			vertical: V,
-			both: l
-		}[n], _ = c ? K : W, v = {
-			horizontal: _,
+			both: u
+		}[n], y = c ? K : W, b = {
+			horizontal: y,
 			vertical: I,
-			both: _
-		}[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;
+			both: y
+		}[n], C = h(e.nativeEvent);
+		if (C != null && P(C) && !U(C)) {
+			let t = C.selectionStart, n = C.selectionEnd, r = C.value ?? "";
+			if (t == null || e.shiftKey || t !== n || e.key !== b && t < r.length || e.key !== v && t > 0) return;
 		}
-		let w = D, E = s(T, h), k = m(T, h);
-		r != null && (w = r({
-			disabledIndices: h,
-			elementsRef: T,
+		let T = E, D = o(w, g), k = d(w, g);
+		r != null && (T = r({
+			disabledIndices: g,
+			elementsRef: w,
 			event: e,
-			highlightedIndex: D,
+			highlightedIndex: E,
 			loopFocus: t,
 			maxIndex: k,
-			minIndex: E,
-			onLoop: M,
+			minIndex: D,
+			onLoop: A,
 			orientation: n,
 			rtl: c
 		}));
-		let A = {
-			horizontal: [l],
+		let j = {
+			horizontal: [u],
 			vertical: [V],
-			both: [l, V]
-		}[n], j = {
-			horizontal: [_],
+			both: [u, V]
+		}[n], M = {
+			horizontal: [y],
 			vertical: [I],
-			both: [_, I]
-		}[n], N = b ? o : {
-			horizontal: d ? R : L,
-			vertical: d ? z : B,
-			both: o
+			both: [y, I]
+		}[n], N = x ? s : {
+			horizontal: f ? R : L,
+			vertical: f ? z : B,
+			both: s
 		}[n];
-		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();
+		f && (e.key === "Home" ? T = D : e.key === "End" && (T = k)), T === E && (j.includes(e.key) || M.includes(e.key)) && (t && T === k && j.includes(e.key) ? (T = D, i && (T = i(e, E, T, w))) : t && T === D && M.includes(e.key) ? (T = k, i && (T = i(e, E, T, w))) : T = l(w.current, {
+			startingIndex: T,
+			decrement: M.includes(e.key),
+			disabledIndices: g
+		})), T !== E && !p(w.current, T) && (m && e.stopPropagation(), N.has(e.key) && e.preventDefault(), O(T, !0), queueMicrotask(() => {
+			w.current[T]?.focus();
 		}));
 	});
 	return {
 		props: {
-			ref: w,
+			ref: C,
 			onFocus(e) {
-				let t = x.current, n = C(e.nativeEvent);
+				let t = S.current, n = h(e.nativeEvent);
 				!t || n == null || !P(n) || n.setSelectionRange(0, n.value.length ?? 0);
 			},
 			onKeyDown: N
 		},
-		highlightedIndex: D,
+		highlightedIndex: E,
 		onHighlightedIndexChange: O,
-		elementsRef: T,
-		disabledIndices: h,
-		onMapChange: A,
+		elementsRef: w,
+		disabledIndices: g,
+		onMapChange: k,
 		relayKeyboardEvent: N
 	};
 }
@@ -366,40 +367,40 @@ 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 = 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({
+	let { render: t, className: n, style: r, refs: i = k, props: a = k, state: o = A, stateAttributesMapping: s, highlightedIndex: l, onHighlightedIndexChange: u, orientation: d, grid: f, loopFocus: p, onLoop: m, enableHomeAndEndKeys: h, onMapChange: g, stopEventPropagation: _ = !0, rootRef: v, disabledIndices: y, modifierKeys: b, highlightItemOnHover: x = !1, tag: S = "div", ...C } = e, { props: T, highlightedIndex: D, onHighlightedIndexChange: O, elementsRef: j, onMapChange: M, relayKeyboardEvent: N } = ue({
 		grid: f,
 		loopFocus: p,
 		onLoop: m,
-		orientation: u,
-		highlightedIndex: c,
-		onHighlightedIndexChange: l,
-		rootRef: y,
+		orientation: d,
+		highlightedIndex: l,
+		onHighlightedIndexChange: u,
+		rootRef: v,
 		stopEventPropagation: _,
 		enableHomeAndEndKeys: h,
-		direction: d(),
-		disabledIndices: b,
-		modifierKeys: S
-	}), P = v(w, e, {
+		direction: c(),
+		disabledIndices: y,
+		modifierKeys: b
+	}), P = w(S, e, {
 		state: o,
 		ref: i,
 		props: [
-			E,
+			T,
 			...a,
-			T
+			C
 		],
 		stateAttributesMapping: s
 	}), F = X.useMemo(() => ({
-		highlightedIndex: O,
-		onHighlightedIndexChange: k,
-		highlightItemOnHover: C,
+		highlightedIndex: D,
+		onHighlightedIndexChange: O,
+		highlightItemOnHover: x,
 		relayKeyboardEvent: N
 	}), [
+		D,
 		O,
-		k,
-		C,
+		x,
 		N
 	]);
-	return /*#__PURE__*/ (0, $.jsx)(A.Provider, {
+	return /*#__PURE__*/ (0, $.jsx)(E.Provider, {
 		value: F,
 		children: /*#__PURE__*/ (0, $.jsx)(ee, {
 			elementsRef: j,
@@ -413,66 +414,66 @@ 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: 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(() => {
+	let { activateOnFocus: n = !1, className: r, loopFocus: i = !0, render: a, style: o, ...s } = e, { onValueChange: c, orientation: l, value: u, setTabMap: d, tabActivationDirection: f } = Q(), [p, m] = X.useState(0), [h, g] = X.useState(null), _ = X.useRef(/* @__PURE__ */ new Set()), v = X.useRef(/* @__PURE__ */ new Set()), y = X.useRef(null);
+	D(() => {
 		if (typeof ResizeObserver > "u") return;
 		let e = new ResizeObserver(() => {
-			v.current.forEach((e) => {
+			_.current.forEach((e) => {
 				e();
 			});
 		});
-		return b.current = e, g && e.observe(g), y.current.forEach((t) => {
+		return y.current = e, h && e.observe(h), v.current.forEach((t) => {
 			e.observe(t);
 		}), () => {
-			e.disconnect(), b.current = null;
+			e.disconnect(), y.current = null;
 		};
-	}, [g]);
-	let S = j((e) => (v.current.add(e), () => {
-		v.current.delete(e);
-	})), C = j((e) => (y.current.add(e), b.current?.observe(e), () => {
-		y.current.delete(e), b.current?.unobserve(e);
-	})), w = j((e, t) => {
-		e !== d && c(e, t);
-	}), T = {
-		orientation: u,
-		tabActivationDirection: p
-	}, E = {
-		"aria-orientation": u === "vertical" ? "vertical" : void 0,
+	}, [h]);
+	let b = M((e) => (_.current.add(e), () => {
+		_.current.delete(e);
+	})), x = M((e) => (v.current.add(e), y.current?.observe(e), () => {
+		v.current.delete(e), y.current?.unobserve(e);
+	})), S = M((e, t) => {
+		e !== u && c(e, t);
+	}), C = {
+		orientation: l,
+		tabActivationDirection: f
+	}, w = {
+		"aria-orientation": l === "vertical" ? "vertical" : void 0,
 		role: "tablist"
-	}, D = X.useMemo(() => ({
+	}, T = X.useMemo(() => ({
 		activateOnFocus: n,
-		highlightedTabIndex: m,
-		registerIndicatorUpdateListener: S,
-		registerTabResizeObserverElement: C,
-		onTabActivation: w,
-		setHighlightedTabIndex: h,
-		tabsListElement: g
+		highlightedTabIndex: p,
+		registerIndicatorUpdateListener: b,
+		registerTabResizeObserverElement: x,
+		onTabActivation: S,
+		setHighlightedTabIndex: m,
+		tabsListElement: h
 	}), [
 		n,
-		m,
+		p,
+		b,
+		x,
 		S,
-		C,
-		w,
-		h,
-		g
+		m,
+		h
 	]);
 	return /*#__PURE__*/ (0, $.jsx)(oe.Provider, {
-		value: D,
+		value: T,
 		children: /*#__PURE__*/ (0, $.jsx)(fe, {
 			render: a,
 			className: r,
 			style: o,
-			state: T,
-			refs: [t, _],
-			props: [E, s],
+			state: C,
+			refs: [t, g],
+			props: [w, s],
 			stateAttributesMapping: ne,
-			highlightedIndex: m,
+			highlightedIndex: p,
 			enableHomeAndEndKeys: !0,
 			loopFocus: i,
-			orientation: u,
-			onHighlightedIndexChange: h,
-			onMapChange: f,
-			disabledIndices: x
+			orientation: l,
+			onHighlightedIndexChange: m,
+			onMapChange: d,
+			disabledIndices: k
 		})
 	});
 });
@@ -585,30 +586,30 @@ 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: 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);
-	}, [_]);
+var xe = (0, X.forwardRef)(({ children: e, selectedIndex: t, onSelect: n, idPrefix: r, activeLabel: i = !1, className: a, ...o }, s) => {
+	let c = (0, X.useRef)(null), l = (0, X.useRef)(!1), u = S(), { activeIndex: d, setActiveIndex: f, itemRects: p, handlers: h, registerItem: g, measureItems: _ } = ve(c, { axis: "x" }), v = (0, X.useRef)(/* @__PURE__ */ new Map()), b = (0, X.useCallback)((e, t) => {
+		g(e, t), t ? v.current.set(e, t) : v.current.delete(e);
+	}, [g]);
 	(0, X.useEffect)(() => {
-		v();
-	}, [v, e]), (0, X.useEffect)(() => {
-		let e = y.current;
+		_();
+	}, [_, e]), (0, X.useEffect)(() => {
+		let e = v.current;
 		if (e.size === 0) return;
-		let t = new ResizeObserver(() => v());
+		let t = new ResizeObserver(() => _());
 		return e.forEach((e) => t.observe(e)), () => t.disconnect();
-	}, [v, e]);
-	let S = (0, X.useCallback)((e) => {
-		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], k = w === null ? null : h[w], A = p === t, j = p !== null && !A;
+	}, [_, e]);
+	let x = (0, X.useCallback)((e) => {
+		l.current = !0, h.onMouseMove(e);
+	}, [h]), w = (0, X.useCallback)(() => {
+		l.current = !1, h.onMouseLeave();
+	}, [h]), [T, E] = (0, X.useState)(null), D = p[t], O = d === null ? null : p[d], k = T === null ? null : p[T], A = d === t, j = d !== null && !A;
 	return /* @__PURE__ */ (0, $.jsx)(ye.Provider, {
 		value: {
-			registerTab: x,
-			hoveredIndex: p,
+			registerTab: b,
+			hoveredIndex: d,
 			selectedIndex: t,
 			idPrefix: r,
-			activeLabel: a
+			activeLabel: i
 		},
 		children: /* @__PURE__ */ (0, $.jsx)(re, {
 			value: t,
@@ -618,75 +619,75 @@ 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 l == "function" ? l(e) : l && (l.current = e);
+					c.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
 				},
-				onMouseMove: S,
-				onMouseLeave: C,
+				onMouseMove: x,
+				onMouseLeave: w,
 				onFocus: (e) => {
 					let t = e.target.closest("[data-proximity-index]")?.getAttribute("data-proximity-index");
 					if (t != null) {
 						let n = Number(t);
-						m(n), T(e.target.matches(":focus-visible") ? n : null);
+						f(n), E(e.target.matches(":focus-visible") ? n : null);
 					}
 				},
 				onBlur: (e) => {
-					u.current?.contains(e.relatedTarget) || (T(null), !d.current && m(null));
+					c.current?.contains(e.relatedTarget) || (E(null), !l.current && f(null));
 				},
-				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,
+				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", a),
+				...o,
 				children: [
-					E && /* @__PURE__ */ (0, $.jsx)(b.div, {
-						className: c("absolute bg-accent pointer-events-none", f.bg),
+					D && /* @__PURE__ */ (0, $.jsx)(m.div, {
+						className: C("absolute bg-accent pointer-events-none", u.bg),
 						initial: !1,
 						animate: {
-							left: E.left,
-							width: E.width,
-							top: E.top,
-							height: E.height,
+							left: D.left,
+							width: D.width,
+							top: D.top,
+							height: D.height,
 							opacity: j ? .8 : 1
 						},
 						transition: {
-							...O.moderate,
+							...y.moderate,
 							opacity: { duration: .08 }
 						}
 					}),
-					/* @__PURE__ */ (0, $.jsx)(q, { children: D && !A && E && /* @__PURE__ */ (0, $.jsx)(b.div, {
-						className: c("absolute bg-accent pointer-events-none", f.bg),
+					/* @__PURE__ */ (0, $.jsx)(q, { children: O && !A && D && /* @__PURE__ */ (0, $.jsx)(m.div, {
+						className: C("absolute bg-accent pointer-events-none", u.bg),
 						initial: {
-							left: E.left,
-							width: E.width,
-							top: E.top,
-							height: E.height,
+							left: D.left,
+							width: D.width,
+							top: D.top,
+							height: D.height,
 							opacity: 0
 						},
 						animate: {
+							left: O.left,
+							width: O.width,
+							top: O.top,
+							height: O.height,
+							opacity: .4
+						},
+						exit: !l.current && D ? {
 							left: D.left,
 							width: D.width,
 							top: D.top,
 							height: D.height,
-							opacity: .4
-						},
-						exit: !d.current && E ? {
-							left: E.left,
-							width: E.width,
-							top: E.top,
-							height: E.height,
 							opacity: 0,
 							transition: {
-								...O.moderate,
+								...y.moderate,
 								opacity: { duration: .06 }
 							}
 						} : {
 							opacity: 0,
-							transition: O.fast.exit
+							transition: y.fast.exit
 						},
 						transition: {
-							...O.fast,
+							...y.fast,
 							opacity: { duration: .08 }
 						}
 					}) }),
-					/* @__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),
+					/* @__PURE__ */ (0, $.jsx)(q, { children: k && /* @__PURE__ */ (0, $.jsx)(m.div, {
+						className: C("absolute pointer-events-none z-20 border border-[color:var(--focus-ring,#6B97FF)]", u.focusRing),
 						initial: !1,
 						animate: {
 							left: k.left - 2,
@@ -696,10 +697,10 @@ var xe = (0, X.forwardRef)(({ children: e, selectedIndex: t, onSelect: n, idPref
 						},
 						exit: {
 							opacity: 0,
-							transition: O.fast.exit
+							transition: y.fast.exit
 						},
 						transition: {
-							...O.fast,
+							...y.fast,
 							opacity: { duration: .08 }
 						}
 					}) }),
@@ -710,39 +711,39 @@ 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, ...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, v = m && !!e, y = !v || h, x = /* @__PURE__ */ (0, $.jsxs)("span", {
+var Se = (0, X.forwardRef)(({ icon: e, label: t, index: n, className: r, ...i }, a) => {
+	let o = (0, X.useRef)(null), s = S(), { registerTab: c, hoveredIndex: l, selectedIndex: u, idPrefix: d, activeLabel: p } = be();
+	(0, X.useEffect)(() => (c(n, o.current), () => c(n, null)), [n, c]);
+	let h = u === n, g = l === n || h, _ = p && !!e, v = !_ || h, b = /* @__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: _.semibold },
+			style: { fontVariationSettings: f.semibold },
 			"aria-hidden": "true",
 			children: t
 		}), /* @__PURE__ */ (0, $.jsx)("span", {
-			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 },
+			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 ? f.semibold : f.normal },
 			children: t
 		})]
 	});
 	return /* @__PURE__ */ (0, $.jsxs)(ce, {
 		ref: (e) => {
 			let t = e;
-			s.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+			o.current = t, typeof a == "function" ? a(t) : a && (a.current = t);
 		},
 		value: n,
 		"data-proximity-index": n,
-		id: p ? `${p}-tab-${n}` : void 0,
-		"aria-controls": p ? `${p}-panel-${n}` : void 0,
-		"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,
+		id: d ? `${d}-tab-${n}` : void 0,
+		"aria-controls": d ? `${d}-panel-${n}` : void 0,
+		"aria-label": _ && !v ? t : void 0,
+		className: C("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", s.bg, r),
+		...i,
 		children: [e && /* @__PURE__ */ (0, $.jsx)(e, {
 			size: 14,
 			strokeWidth: g ? 2 : 1.5,
-			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: C("shrink-0 transition-[color,stroke-width] duration-80", g ? "text-foreground" : "text-muted-foreground")
+		}), _ ? /* @__PURE__ */ (0, $.jsx)(q, { children: v && /* @__PURE__ */ (0, $.jsx)(m.span, {
 			className: "overflow-hidden",
 			initial: {
 				width: 0,
@@ -760,11 +761,11 @@ var Se = (0, X.forwardRef)(({ icon: e, label: t, index: n, className: r, ...a },
 				marginLeft: 0
 			},
 			transition: {
-				...O.fast,
+				...y.fast,
 				opacity: { duration: .06 }
 			},
-			children: x
-		}, "label") }) : x]
+			children: b
+		}, "label") }) : b]
 	});
 });
 Se.displayName = "TabsSubtleItem";
@@ -777,7 +778,7 @@ var Ce = (0, X.forwardRef)(({ index: e, selectedIndex: t, idPrefix: n, children:
 		"aria-labelledby": `${n}-tab-${e}`,
 		hidden: !s,
 		tabIndex: -1,
-		className: c("outline-none", i),
+		className: C("outline-none", i),
 		...a,
 		children: s && r
 	});