@mcp-use/inspector 20.0.0-beta.5 → 20.0.0-beta.50

package/dist/cdn/tabs-subtle-CkdI6Mac.js

@@ -1,787 +0,0 @@
-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";
-//#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>.");
-	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,
-		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) => {
-		if (e === void 0) return null;
-		for (let [t, n] of C.entries()) if (n != null && e === (n.value ?? n.index)) return t;
-		return null;
-	}, [C]), [D, O] = X.useState(() => ({
-		previousValue: b,
-		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(() => {
-		I && O({
-			previousValue: F,
-			tabActivationDirection: M
-		});
-	}, [
-		F,
-		I,
-		M
-	]);
-	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) => {
-			if (n.get(e) === t) return n;
-			let r = new Map(n);
-			return r.set(e, t), r;
-		});
-	}), 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;
-		});
-	}), 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,
-		getTabIdByPanelValue: H,
-		getTabPanelIdByValue: V,
-		onValueChange: L,
-		orientation: c,
-		registerMountedTabPanel: z,
-		setTabMap: w,
-		unregisterMountedTabPanel: B,
-		tabActivationDirection: M,
-		value: b
-	}), [
-		E,
-		H,
-		V,
-		L,
-		c,
-		z,
-		w,
-		B,
-		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(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 : {
-				previousValue: e,
-				tabActivationDirection: "none"
-			}), R(e, t), K.current = !1;
-		}
-		if (C.size === 0) {
-			Y.current && b !== null && !T.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;
-		let a = K.current;
-		if (t || i) {
-			let i = G ?? null;
-			if (b === i) {
-				K.current = !1;
-				return;
-			}
-			let o = r;
-			a ? o = n : t && (o = u), e(i, o);
-			return;
-		}
-		a && W != null && (R(b, n), K.current = !1);
-	}, [
-		G,
-		S,
-		R,
-		W,
-		x,
-		C,
-		b
-	]);
-	let Q = v("div", e, {
-		state: {
-			orientation: c,
-			tabActivationDirection: M
-		},
-		ref: t,
-		props: m,
-		stateAttributesMapping: ne
-	});
-	return /*#__PURE__*/ (0, $.jsx)(Z.Provider, {
-		value: U,
-		children: /*#__PURE__*/ (0, $.jsx)(ee, {
-			elementsRef: g,
-			children: Q
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (re.displayName = "TabsRoot");
-function ie(e, t, n, r) {
-	if (e == null || t == null) return "none";
-	let i = null, a = null;
-	for (let [n, o] of r.entries()) {
-		if (o == null) continue;
-		let r = o.value ?? o.index;
-		if (e === r && (i = n), t === r && (a = n), i != null && a != null) break;
-	}
-	if (i == null || a == null) return i !== a && (typeof e == "number" || typeof e == "string") && typeof e == typeof t ? n === "horizontal" ? t > e ? "right" : "left" : t > e ? "down" : "up" : "none";
-	let o = i.getBoundingClientRect(), s = a.getBoundingClientRect();
-	if (n === "horizontal") {
-		if (s.left < o.left) return "left";
-		if (s.left > o.left) return "right";
-	} else {
-		if (s.top < o.top) return "up";
-		if (s.top > o.top) return "down";
-	}
-	return "none";
-}
-//#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/constants.mjs
-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>.");
-	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(() => ({
-		disabled: r,
-		id: k,
-		value: s
-	}), [
-		r,
-		k,
-		s
-	]) }), N = s === m, P = X.useRef(!1), F = X.useRef(null);
-	l(() => {
-		let e = F.current;
-		if (e) return C(e);
-	}, [C]), l(() => {
-		if (P.current) {
-			P.current = !1;
-			return;
-		}
-		if (!(N && M > -1 && x !== M)) return;
-		let e = O;
-		if (e != null) {
-			let t = E(T(e));
-			if (t && w(e, t)) return;
-		}
-		r || D(M);
-	}, [
-		N,
-		M,
-		x,
-		D,
-		r,
-		O
-	]);
-	let { getButtonProps: I, buttonRef: L } = h({
-		disabled: r,
-		native: u,
-		focusableWhenDisabled: !0
-	}), R = g(s), z = X.useRef(!1), B = X.useRef(!1);
-	function V(e) {
-		N || r || S(s, a(p, 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" })));
-	}
-	function U(e) {
-		if (N || r) return;
-		z.current = !0;
-		function t() {
-			z.current = !1, B.current = !1;
-		}
-		(!e.button || e.button === 0) && (B.current = !0, T(e.currentTarget).addEventListener("pointerup", t, { once: !0 }));
-	}
-	return v("button", e, {
-		state: {
-			disabled: r,
-			active: N,
-			orientation: _,
-			tabActivationDirection: y
-		},
-		ref: [
-			t,
-			L,
-			j,
-			F
-		],
-		props: [
-			A,
-			{
-				role: "tab",
-				"aria-controls": R,
-				"aria-selected": N,
-				id: k,
-				onClick: V,
-				onFocus: H,
-				onPointerDown: U,
-				[ae]: N ? "" : void 0,
-				onKeyDownCapture() {
-					P.current = !0;
-				}
-			},
-			f,
-			I
-		],
-		stateAttributesMapping: ne
-	});
-});
-process.env.NODE_ENV !== "production" && (ce.displayName = "TabsTab");
-//#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/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);
-		}
-	}), 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 (k(t, D, h)) {
-			let e = f(t, { disabledIndices: h });
-			y(t, e) || O(e);
-		}
-		J(x.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);
-		}
-	}, [
-		h,
-		o,
-		D,
-		T,
-		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,
-			vertical: V,
-			both: l
-		}[n], _ = c ? K : W, v = {
-			horizontal: _,
-			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;
-		}
-		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: M,
-			orientation: n,
-			rtl: c
-		}));
-		let A = {
-			horizontal: [l],
-			vertical: [V],
-			both: [l, V]
-		}[n], j = {
-			horizontal: [_],
-			vertical: [I],
-			both: [_, I]
-		}[n], N = b ? o : {
-			horizontal: d ? R : L,
-			vertical: d ? z : B,
-			both: o
-		}[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();
-		}));
-	});
-	return {
-		props: {
-			ref: w,
-			onFocus(e) {
-				let t = x.current, n = C(e.nativeEvent);
-				!t || n == null || !P(n) || n.setSelectionRange(0, n.value.length ?? 0);
-			},
-			onKeyDown: N
-		},
-		highlightedIndex: D,
-		onHighlightedIndexChange: O,
-		elementsRef: T,
-		disabledIndices: h,
-		onMapChange: A,
-		relayKeyboardEvent: N
-	};
-}
-function de(e, t) {
-	for (let n of G.values()) if (!t.includes(n) && e.getModifierState(n)) return !0;
-	return !1;
-}
-//#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({
-		grid: f,
-		loopFocus: p,
-		onLoop: m,
-		orientation: u,
-		highlightedIndex: c,
-		onHighlightedIndexChange: l,
-		rootRef: y,
-		stopEventPropagation: _,
-		enableHomeAndEndKeys: h,
-		direction: d(),
-		disabledIndices: b,
-		modifierKeys: S
-	}), P = v(w, e, {
-		state: o,
-		ref: i,
-		props: [
-			E,
-			...a,
-			T
-		],
-		stateAttributesMapping: s
-	}), F = X.useMemo(() => ({
-		highlightedIndex: O,
-		onHighlightedIndexChange: k,
-		highlightItemOnHover: C,
-		relayKeyboardEvent: N
-	}), [
-		O,
-		k,
-		C,
-		N
-	]);
-	return /*#__PURE__*/ (0, $.jsx)(A.Provider, {
-		value: F,
-		children: /*#__PURE__*/ (0, $.jsx)(ee, {
-			elementsRef: j,
-			onMapChange: (e) => {
-				g?.(e), M(e);
-			},
-			children: P
-		})
-	});
-}
-//#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(() => {
-		if (typeof ResizeObserver > "u") return;
-		let e = new ResizeObserver(() => {
-			v.current.forEach((e) => {
-				e();
-			});
-		});
-		return b.current = e, g && e.observe(g), y.current.forEach((t) => {
-			e.observe(t);
-		}), () => {
-			e.disconnect(), b.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,
-		role: "tablist"
-	}, D = X.useMemo(() => ({
-		activateOnFocus: n,
-		highlightedTabIndex: m,
-		registerIndicatorUpdateListener: S,
-		registerTabResizeObserverElement: C,
-		onTabActivation: w,
-		setHighlightedTabIndex: h,
-		tabsListElement: g
-	}), [
-		n,
-		m,
-		S,
-		C,
-		w,
-		h,
-		g
-	]);
-	return /*#__PURE__*/ (0, $.jsx)(oe.Provider, {
-		value: D,
-		children: /*#__PURE__*/ (0, $.jsx)(fe, {
-			render: a,
-			className: r,
-			style: o,
-			state: T,
-			refs: [t, _],
-			props: [E, s],
-			stateAttributesMapping: ne,
-			highlightedIndex: m,
-			enableHomeAndEndKeys: !0,
-			loopFocus: i,
-			orientation: u,
-			onHighlightedIndexChange: h,
-			onMapChange: f,
-			disabledIndices: x
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (pe.displayName = "TabsList");
-//#endregion
-//#region src/client/hooks/use-proximity-hover-index.ts
-function me(e, t) {
-	let n = e.getBoundingClientRect(), r = t === "x" ? e.offsetWidth : e.offsetHeight, i = t === "x" ? n.width : n.height;
-	return r > 0 ? i / r : 1;
-}
-function he(e, t) {
-	let n = e.getBoundingClientRect(), r = me(e, "x"), i = me(e, "y"), a = [];
-	return t.forEach((t, o) => {
-		let s = t.getBoundingClientRect();
-		a[o] = {
-			top: (s.top - n.top) / i + e.scrollTop,
-			left: (s.left - n.left) / r + e.scrollLeft,
-			width: t.offsetWidth,
-			height: t.offsetHeight
-		};
-	}), a;
-}
-function ge(e, t, n, r) {
-	let i = r === "x" ? t : n, a = null, o = Infinity, s = null;
-	return e.forEach((e, t) => {
-		let n = e.getBoundingClientRect(), c = r === "x" ? n.left : n.top, l = r === "x" ? n.right : n.bottom;
-		i >= c && i <= l && (s = t);
-		let u = (c + l) / 2, d = Math.abs(i - u);
-		d < o && (o = d, a = t);
-	}), s ?? a;
-}
-function _e(e, t) {
-	if (e.length !== t.length) return !0;
-	for (let n = 0; n < t.length; n++) {
-		let r = e[n], i = t[n];
-		if (r !== i && (!r || !i || r.top !== i.top || r.left !== i.left || r.width !== i.width || r.height !== i.height)) return !0;
-	}
-	return !1;
-}
-function ve(e, t = {}) {
-	let { axis: n = "y" } = t, r = (0, X.useRef)(/* @__PURE__ */ new Map()), [i, a] = (0, X.useState)(null), [o, s] = (0, X.useState)([]), c = (0, X.useRef)([]), l = (0, X.useRef)(0), u = (0, X.useRef)(null), d = (0, X.useRef)(null), f = (0, X.useRef)(null), p = (0, X.useCallback)(() => {
-		let t = e.current;
-		if (!t) return;
-		let n = he(t, r.current);
-		_e(c.current, n) && (c.current = n, s(n));
-	}, [e]), m = (0, X.useCallback)((e, t) => {
-		a(ge(r.current, e, t, n));
-	}, [n]), h = (0, X.useCallback)((e, t) => {
-		t ? r.current.set(e, t) : r.current.delete(e), d.current !== null && cancelAnimationFrame(d.current), d.current = requestAnimationFrame(() => {
-			d.current = null, p();
-		});
-	}, [p]), g = (0, X.useCallback)((e) => {
-		f.current = {
-			x: e.clientX,
-			y: e.clientY
-		}, u.current !== null && cancelAnimationFrame(u.current), u.current = requestAnimationFrame(() => {
-			u.current = null, p(), m(e.clientX, e.clientY);
-		});
-	}, [p, m]), _ = (0, X.useCallback)(() => {
-		l.current += 1;
-	}, []), v = (0, X.useCallback)(() => {
-		u.current !== null && (cancelAnimationFrame(u.current), u.current = null), f.current = null, a(null);
-	}, []);
-	return (0, X.useEffect)(() => {
-		let t = e.current;
-		if (!t || typeof ResizeObserver > "u") return;
-		let n = new ResizeObserver(() => {
-			d.current !== null && cancelAnimationFrame(d.current), d.current = requestAnimationFrame(() => {
-				d.current = null, p();
-			});
-		});
-		return n.observe(t), () => n.disconnect();
-	}, [e, p]), (0, X.useEffect)(() => {
-		let t = e.current;
-		if (!t) return;
-		let n = () => {
-			p();
-			let e = f.current;
-			e && m(e.x, e.y);
-		};
-		return t.addEventListener("scroll", n, {
-			capture: !0,
-			passive: !0
-		}), () => t.removeEventListener("scroll", n, { capture: !0 });
-	}, [
-		e,
-		p,
-		m
-	]), (0, X.useEffect)(() => () => {
-		u.current !== null && cancelAnimationFrame(u.current), d.current !== null && cancelAnimationFrame(d.current);
-	}, []), {
-		activeIndex: i,
-		setActiveIndex: a,
-		itemRects: o,
-		sessionRef: l,
-		handlers: {
-			onMouseMove: g,
-			onMouseEnter: _,
-			onMouseLeave: v
-		},
-		registerItem: h,
-		measureItems: p
-	};
-}
-//#endregion
-//#region src/client/components/ui/tabs-subtle.tsx
-var ye = (0, X.createContext)(null);
-function be() {
-	let e = (0, X.useContext)(ye);
-	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);
-	}, [_]);
-	(0, X.useEffect)(() => {
-		v();
-	}, [v, e]), (0, X.useEffect)(() => {
-		let e = y.current;
-		if (e.size === 0) return;
-		let t = new ResizeObserver(() => v());
-		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;
-	return /* @__PURE__ */ (0, $.jsx)(ye.Provider, {
-		value: {
-			registerTab: x,
-			hoveredIndex: p,
-			selectedIndex: t,
-			idPrefix: r,
-			activeLabel: a
-		},
-		children: /* @__PURE__ */ (0, $.jsx)(re, {
-			value: t,
-			onValueChange: (e) => {
-				typeof e == "number" && n(e);
-			},
-			render: /* @__PURE__ */ (0, $.jsxs)(pe, {
-				activateOnFocus: !1,
-				ref: (e) => {
-					u.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
-				},
-				onMouseMove: S,
-				onMouseLeave: C,
-				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);
-					}
-				},
-				onBlur: (e) => {
-					u.current?.contains(e.relatedTarget) || (T(null), !d.current && m(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,
-				children: [
-					E && /* @__PURE__ */ (0, $.jsx)(b.div, {
-						className: c("absolute bg-accent pointer-events-none", f.bg),
-						initial: !1,
-						animate: {
-							left: E.left,
-							width: E.width,
-							top: E.top,
-							height: E.height,
-							opacity: j ? .8 : 1
-						},
-						transition: {
-							...O.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),
-						initial: {
-							left: E.left,
-							width: E.width,
-							top: E.top,
-							height: E.height,
-							opacity: 0
-						},
-						animate: {
-							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,
-								opacity: { duration: .06 }
-							}
-						} : {
-							opacity: 0,
-							transition: O.fast.exit
-						},
-						transition: {
-							...O.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),
-						initial: !1,
-						animate: {
-							left: k.left - 2,
-							top: k.top - 2,
-							width: k.width + 4,
-							height: k.height + 4
-						},
-						exit: {
-							opacity: 0,
-							transition: O.fast.exit
-						},
-						transition: {
-							...O.fast,
-							opacity: { duration: .08 }
-						}
-					}) }),
-					e
-				]
-			})
-		})
-	});
-});
-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", {
-		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 },
-			"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 },
-			children: t
-		})]
-	});
-	return /* @__PURE__ */ (0, $.jsxs)(ce, {
-		ref: (e) => {
-			let t = e;
-			s.current = t, typeof o == "function" ? o(t) : o && (o.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,
-		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: "overflow-hidden",
-			initial: {
-				width: 0,
-				opacity: 0,
-				marginLeft: 0
-			},
-			animate: {
-				width: "auto",
-				opacity: 1,
-				marginLeft: 6
-			},
-			exit: {
-				width: 0,
-				opacity: 0,
-				marginLeft: 0
-			},
-			transition: {
-				...O.fast,
-				opacity: { duration: .06 }
-			},
-			children: x
-		}, "label") }) : x]
-	});
-});
-Se.displayName = "TabsSubtleItem";
-var Ce = (0, X.forwardRef)(({ index: e, selectedIndex: t, idPrefix: n, children: r, className: i, ...a }, o) => {
-	let s = t === e;
-	return /* @__PURE__ */ (0, $.jsx)("div", {
-		ref: o,
-		id: `${n}-panel-${e}`,
-		role: "tabpanel",
-		"aria-labelledby": `${n}-tab-${e}`,
-		hidden: !s,
-		tabIndex: -1,
-		className: c("outline-none", i),
-		...a,
-		children: s && r
-	});
-});
-Ce.displayName = "TabsSubtlePanel";
-//#endregion
-export { ae as a, fe as i, Se as n, Ce as r, xe as t };