@mcp-use/inspector 20.0.0-beta.14 → 20.0.0-beta.15

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

@@ -1,788 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.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" ? 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 }) }, $ = 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"
-	}), 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 x.entries()) if (n != null && e === (n.value ?? n.index)) return t;
-		return null;
-	}, [x]), [E, O] = X.useState(() => ({
-		previousValue: v,
-		tabActivationDirection: "none"
-	})), { 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: j
-		});
-	}, [
-		F,
-		I,
-		j
-	]);
-	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 = 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) => 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: l,
-		registerMountedTabPanel: z,
-		setTabMap: S,
-		unregisterMountedTabPanel: B,
-		tabActivationDirection: j,
-		value: v
-	}), [
-		T,
-		H,
-		V,
-		L,
-		l,
-		z,
-		S,
-		B,
-		j,
-		v
-	]), W = X.useMemo(() => {
-		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) {
-			y(e), O((t) => t.previousValue === e && t.tabActivationDirection === "none" ? t : {
-				previousValue: e,
-				tabActivationDirection: "none"
-			}), R(e, t), K.current = !1;
-		}
-		if (x.size === 0) {
-			Y.current && v !== null && !C.current?.isConnected && e(null, r);
-			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 (v === i) {
-				K.current = !1;
-				return;
-			}
-			let o = r;
-			a ? o = n : t && (o = s), e(i, o);
-			return;
-		}
-		a && W != null && (R(v, n), K.current = !1);
-	}, [
-		G,
-		b,
-		R,
-		W,
-		y,
-		x,
-		v
-	]);
-	let Q = w("div", e, {
-		state: {
-			orientation: l,
-			tabActivationDirection: j
-		},
-		ref: t,
-		props: p,
-		stateAttributesMapping: ne
-	});
-	return /*#__PURE__*/ (0, $.jsx)(Z.Provider, {
-		value: U,
-		children: /*#__PURE__*/ (0, $.jsx)(ee, {
-			elementsRef: h,
-			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" ? 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: 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
-	}), [
-		r,
-		k,
-		s
-	]) }), N = s === p, P = X.useRef(!1), F = X.useRef(null);
-	D(() => {
-		let e = F.current;
-		if (e) return C(e);
-	}, [C]), D(() => {
-		if (P.current) {
-			P.current = !1;
-			return;
-		}
-		if (!(N && M > -1 && x !== M)) return;
-		let e = O;
-		if (e != null) {
-			let t = v(_(e));
-			if (t && g(e, t)) return;
-		}
-		r || E(M);
-	}, [
-		N,
-		M,
-		x,
-		E,
-		r,
-		O
-	]);
-	let { getButtonProps: I, buttonRef: L } = T({
-		disabled: r,
-		native: l,
-		focusableWhenDisabled: !0
-	}), R = m(s), z = X.useRef(!1), B = X.useRef(!1);
-	function V(e) {
-		N || r || S(s, i(u, e.nativeEvent, void 0, { activationDirection: "none" }));
-	}
-	function H(e) {
-		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;
-		z.current = !0;
-		function t() {
-			z.current = !1, B.current = !1;
-		}
-		(!e.button || e.button === 0) && (B.current = !0, _(e.currentTarget).addEventListener("pointerup", t, { once: !0 }));
-	}
-	return w("button", e, {
-		state: {
-			disabled: r,
-			active: N,
-			orientation: h,
-			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: 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);
-		}
-	}), 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 (b(t, E, g)) {
-			let e = l(t, { disabledIndices: g });
-			p(t, e) || O(e);
-		}
-		J(S.current, r, a, n);
-	});
-	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);
-		}
-	}, [
-		g,
-		s,
-		E,
-		w,
-		O
-	]);
-	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: u
-		}[n], y = c ? K : W, b = {
-			horizontal: y,
-			vertical: I,
-			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 T = E, D = o(w, g), k = d(w, g);
-		r != null && (T = r({
-			disabledIndices: g,
-			elementsRef: w,
-			event: e,
-			highlightedIndex: E,
-			loopFocus: t,
-			maxIndex: k,
-			minIndex: D,
-			onLoop: A,
-			orientation: n,
-			rtl: c
-		}));
-		let j = {
-			horizontal: [u],
-			vertical: [V],
-			both: [u, V]
-		}[n], M = {
-			horizontal: [y],
-			vertical: [I],
-			both: [y, I]
-		}[n], N = x ? s : {
-			horizontal: f ? R : L,
-			vertical: f ? z : B,
-			both: s
-		}[n];
-		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: C,
-			onFocus(e) {
-				let t = S.current, n = h(e.nativeEvent);
-				!t || n == null || !P(n) || n.setSelectionRange(0, n.value.length ?? 0);
-			},
-			onKeyDown: N
-		},
-		highlightedIndex: E,
-		onHighlightedIndexChange: O,
-		elementsRef: w,
-		disabledIndices: g,
-		onMapChange: k,
-		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 = 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: d,
-		highlightedIndex: l,
-		onHighlightedIndexChange: u,
-		rootRef: v,
-		stopEventPropagation: _,
-		enableHomeAndEndKeys: h,
-		direction: c(),
-		disabledIndices: y,
-		modifierKeys: b
-	}), P = w(S, e, {
-		state: o,
-		ref: i,
-		props: [
-			T,
-			...a,
-			C
-		],
-		stateAttributesMapping: s
-	}), F = X.useMemo(() => ({
-		highlightedIndex: D,
-		onHighlightedIndexChange: O,
-		highlightItemOnHover: x,
-		relayKeyboardEvent: N
-	}), [
-		D,
-		O,
-		x,
-		N
-	]);
-	return /*#__PURE__*/ (0, $.jsx)(E.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: 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(() => {
-			_.current.forEach((e) => {
-				e();
-			});
-		});
-		return y.current = e, h && e.observe(h), v.current.forEach((t) => {
-			e.observe(t);
-		}), () => {
-			e.disconnect(), y.current = null;
-		};
-	}, [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"
-	}, T = X.useMemo(() => ({
-		activateOnFocus: n,
-		highlightedTabIndex: p,
-		registerIndicatorUpdateListener: b,
-		registerTabResizeObserverElement: x,
-		onTabActivation: S,
-		setHighlightedTabIndex: m,
-		tabsListElement: h
-	}), [
-		n,
-		p,
-		b,
-		x,
-		S,
-		m,
-		h
-	]);
-	return /*#__PURE__*/ (0, $.jsx)(oe.Provider, {
-		value: T,
-		children: /*#__PURE__*/ (0, $.jsx)(fe, {
-			render: a,
-			className: r,
-			style: o,
-			state: C,
-			refs: [t, g],
-			props: [w, s],
-			stateAttributesMapping: ne,
-			highlightedIndex: p,
-			enableHomeAndEndKeys: !0,
-			loopFocus: i,
-			orientation: l,
-			onHighlightedIndexChange: m,
-			onMapChange: d,
-			disabledIndices: k
-		})
-	});
-});
-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: 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)(() => {
-		_();
-	}, [_, e]), (0, X.useEffect)(() => {
-		let e = v.current;
-		if (e.size === 0) return;
-		let t = new ResizeObserver(() => _());
-		return e.forEach((e) => t.observe(e)), () => t.disconnect();
-	}, [_, 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: b,
-			hoveredIndex: d,
-			selectedIndex: t,
-			idPrefix: r,
-			activeLabel: i
-		},
-		children: /* @__PURE__ */ (0, $.jsx)(re, {
-			value: t,
-			onValueChange: (e) => {
-				typeof e == "number" && n(e);
-			},
-			render: /* @__PURE__ */ (0, $.jsxs)(pe, {
-				activateOnFocus: !1,
-				ref: (e) => {
-					c.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
-				},
-				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);
-						f(n), E(e.target.matches(":focus-visible") ? n : null);
-					}
-				},
-				onBlur: (e) => {
-					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", a),
-				...o,
-				children: [
-					D && /* @__PURE__ */ (0, $.jsx)(m.div, {
-						className: C("absolute bg-accent pointer-events-none", u.bg),
-						initial: !1,
-						animate: {
-							left: D.left,
-							width: D.width,
-							top: D.top,
-							height: D.height,
-							opacity: j ? .8 : 1
-						},
-						transition: {
-							...y.moderate,
-							opacity: { duration: .08 }
-						}
-					}),
-					/* @__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: 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: 0,
-							transition: {
-								...y.moderate,
-								opacity: { duration: .06 }
-							}
-						} : {
-							opacity: 0,
-							transition: y.fast.exit
-						},
-						transition: {
-							...y.fast,
-							opacity: { duration: .08 }
-						}
-					}) }),
-					/* @__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,
-							top: k.top - 2,
-							width: k.width + 4,
-							height: k.height + 4
-						},
-						exit: {
-							opacity: 0,
-							transition: y.fast.exit
-						},
-						transition: {
-							...y.fast,
-							opacity: { duration: .08 }
-						}
-					}) }),
-					e
-				]
-			})
-		})
-	});
-});
-xe.displayName = "TabsSubtle";
-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: 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 ? f.semibold : f.normal },
-			children: t
-		})]
-	});
-	return /* @__PURE__ */ (0, $.jsxs)(ce, {
-		ref: (e) => {
-			let t = e;
-			o.current = t, typeof a == "function" ? a(t) : a && (a.current = t);
-		},
-		value: n,
-		"data-proximity-index": n,
-		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")
-		}), _ ? /* @__PURE__ */ (0, $.jsx)(q, { children: v && /* @__PURE__ */ (0, $.jsx)(m.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: {
-				...y.fast,
-				opacity: { duration: .06 }
-			},
-			children: b
-		}, "label") }) : b]
-	});
-});
-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 };