@mcp-use/inspector 12.0.4-canary.0 → 20.0.0-beta.0

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

@@ -0,0 +1,787 @@
+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";
+//#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>.");
+	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({
+		controlled: f,
+		default: a,
+		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, 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(() => {
+		I && O({
+			previousValue: F,
+			tabActivationDirection: j
+		});
+	}, [
+		F,
+		I,
+		j
+	]);
+	let L = M((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) => {
+			if (n.get(e) === t) return n;
+			let r = new Map(n);
+			return r.set(e, t), r;
+		});
+	}), B = M((e, t) => {
+		v((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: j,
+		value: b
+	}), [
+		E,
+		H,
+		V,
+		L,
+		c,
+		z,
+		w,
+		B,
+		j,
+		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(() => {
+		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, i);
+			return;
+		}
+		Y.current = !0, T.current = C.keys().next().value;
+		let t = W?.disabled, n = 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) {
+				K.current = !1;
+				return;
+			}
+			let o = i;
+			a ? o = r : t && (o = d), e(n, o);
+			return;
+		}
+		a && W != null && (R(b, r), K.current = !1);
+	}, [
+		G,
+		S,
+		R,
+		W,
+		x,
+		C,
+		b
+	]);
+	let Q = y("div", e, {
+		state: {
+			orientation: c,
+			tabActivationDirection: j
+		},
+		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" ? _(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(() => ({
+		disabled: r,
+		id: k,
+		value: a
+	}), [
+		r,
+		k,
+		a
+	]) }), N = a === p, P = X.useRef(!1), F = X.useRef(null);
+	u(() => {
+		let e = F.current;
+		if (e) return C(e);
+	}, [C]), u(() => {
+		if (P.current) {
+			P.current = !1;
+			return;
+		}
+		if (!(N && M > -1 && x !== M)) return;
+		let e = O;
+		if (e != null) {
+			let t = D(E(e));
+			if (t && T(e, t)) return;
+		}
+		r || w(M);
+	}, [
+		N,
+		M,
+		x,
+		w,
+		r,
+		O
+	]);
+	let { getButtonProps: I, buttonRef: L } = g({
+		disabled: r,
+		native: l,
+		focusableWhenDisabled: !0
+	}), R = h(a), z = X.useRef(!1), B = X.useRef(!1);
+	function V(e) {
+		N || r || S(a, o(m, 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" })));
+	}
+	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(e.currentTarget).addEventListener("pointerup", t, { once: !0 }));
+	}
+	return y("button", e, {
+		state: {
+			disabled: r,
+			active: N,
+			orientation: _,
+			tabActivationDirection: v
+		},
+		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: 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 t = T.current[e];
+			J(x.current, t, a, n);
+		}
+	}), k = M((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);
+		}
+		J(x.current, r, a, n);
+	});
+	u(() => {
+		if (m == 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);
+		}
+	}, [
+		m,
+		o,
+		D,
+		T,
+		O
+	]);
+	let j = M((e, t, n) => i ? i(e, t, n, T) : n), N = M((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 = {
+			horizontal: l,
+			vertical: V,
+			both: l
+		}[n], _ = s ? K : W, v = {
+			horizontal: _,
+			vertical: I,
+			both: _
+		}[n], S = w(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,
+			elementsRef: T,
+			event: e,
+			highlightedIndex: D,
+			loopFocus: t,
+			maxIndex: k,
+			minIndex: E,
+			onLoop: j,
+			orientation: n,
+			rtl: s
+		}));
+		let A = {
+			horizontal: [l],
+			vertical: [V],
+			both: [l, V]
+		}[n], M = {
+			horizontal: [_],
+			vertical: [I],
+			both: [_, I]
+		}[n], N = y ? 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();
+		}));
+	});
+	return {
+		props: {
+			ref: S,
+			onFocus(e) {
+				let t = x.current, n = w(e.nativeEvent);
+				!t || n == null || !P(n) || n.setSelectionRange(0, n.value.length ?? 0);
+			},
+			onKeyDown: N
+		},
+		highlightedIndex: D,
+		onHighlightedIndexChange: O,
+		elementsRef: T,
+		disabledIndices: m,
+		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 = 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,
+		loopFocus: p,
+		onLoop: m,
+		orientation: u,
+		highlightedIndex: c,
+		onHighlightedIndexChange: l,
+		rootRef: v,
+		stopEventPropagation: _,
+		enableHomeAndEndKeys: h,
+		direction: f(),
+		disabledIndices: b,
+		modifierKeys: x
+	}), P = y(w, e, {
+		state: o,
+		ref: i,
+		props: [
+			E,
+			...a,
+			T
+		],
+		stateAttributesMapping: s
+	}), F = X.useMemo(() => ({
+		highlightedIndex: D,
+		onHighlightedIndexChange: k,
+		highlightItemOnHover: C,
+		relayKeyboardEvent: N
+	}), [
+		D,
+		k,
+		C,
+		N
+	]);
+	return /*#__PURE__*/ (0, $.jsx)(j.Provider, {
+		value: F,
+		children: /*#__PURE__*/ (0, $.jsx)(ee, {
+			elementsRef: A,
+			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: 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(() => {
+		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 x = M((e) => (v.current.add(e), () => {
+		v.current.delete(e);
+	})), C = M((e) => (y.current.add(e), b.current?.observe(e), () => {
+		y.current.delete(e), b.current?.unobserve(e);
+	})), w = M((e, t) => {
+		e !== d && c(e, t);
+	}), T = {
+		orientation: l,
+		tabActivationDirection: p
+	}, E = {
+		"aria-orientation": l === "vertical" ? "vertical" : void 0,
+		role: "tablist"
+	}, D = X.useMemo(() => ({
+		activateOnFocus: n,
+		highlightedTabIndex: m,
+		registerIndicatorUpdateListener: x,
+		registerTabResizeObserverElement: C,
+		onTabActivation: w,
+		setHighlightedTabIndex: h,
+		tabsListElement: g
+	}), [
+		n,
+		m,
+		x,
+		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: l,
+			onHighlightedIndexChange: h,
+			onMapChange: f,
+			disabledIndices: S
+		})
+	});
+});
+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: 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) => {
+		_(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], O = w === null ? null : h[w], A = p === t, j = p !== null && !A;
+	return /* @__PURE__ */ (0, $.jsx)(ye.Provider, {
+		value: {
+			registerTab: b,
+			hoveredIndex: p,
+			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) => {
+					u.current = e, typeof c == "function" ? c(e) : c && (c.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: 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),
+				...s,
+				children: [
+					E && /* @__PURE__ */ (0, $.jsx)(x.div, {
+						className: l("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: {
+							...k.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),
+						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: {
+								...k.moderate,
+								opacity: { duration: .06 }
+							}
+						} : {
+							opacity: 0,
+							transition: k.fast.exit
+						},
+						transition: {
+							...k.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),
+						initial: !1,
+						animate: {
+							left: O.left - 2,
+							top: O.top - 2,
+							width: O.width + 4,
+							height: O.height + 4
+						},
+						exit: {
+							opacity: 0,
+							transition: k.fast.exit
+						},
+						transition: {
+							...k.fast,
+							opacity: { duration: .08 }
+						}
+					}) }),
+					e
+				]
+			})
+		})
+	});
+});
+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();
+	(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", {
+		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 },
+			"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 },
+			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": _ && !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,
+		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: "overflow-hidden",
+			initial: {
+				width: 0,
+				opacity: 0,
+				marginLeft: 0
+			},
+			animate: {
+				width: "auto",
+				opacity: 1,
+				marginLeft: 6
+			},
+			exit: {
+				width: 0,
+				opacity: 0,
+				marginLeft: 0
+			},
+			transition: {
+				...k.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: l("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 };