@arcadeai/design-system 5.0.1 → 5.3.0

package/dist/{tabs-C7JA8G0W.js → tabs-Cj3LY-7F.js}

@@ -1,24 +1,25 @@
 "use client";
-import { t as e } from "./useControlled-ZBScq72P.js";
-import { t } from "./useIsoLayoutEffect-CKOv1bV_.js";
-import { a as n, t as r, u as i } from "./useRenderElement-CmuWsiNa.js";
-import { t as a } from "./useStableCallback-CqEVb76s.js";
-import { n as o } from "./useCompositeListItem-xM6vOR9-.js";
-import { t as s } from "./CompositeList-DJUJLDbx.js";
-import { a as c, g as l, h as u, t as d, u as f } from "./createBaseUIEventDetails-ChcQXp54.js";
-import { t as p } from "./useBaseUiId-DOm5ACje.js";
-import { a as m, i as h, o as g, t as _ } from "./useOpenChangeComplete-DjMFUwhi.js";
-import { t as v } from "./useButton-AXffhTAZ.js";
-import { n as y, t as b } from "./shadowDom-C-4Ejp9R.js";
-import { t as x } from "./owner-BrzQrszh.js";
-import { cn as S } from "./lib/utils.js";
-import { t as C } from "./dist-Ber_p4PA.js";
-import { t as w } from "./inertValue-C36grUTu.js";
-import { t as T } from "./useCompositeItem-DA_RDTEI.js";
-import { n as E, t as D } from "./CompositeRoot-BIh8l7ys.js";
+import { t as e } from "./useControlled-Bu1mahWG.js";
+import { t } from "./useIsoLayoutEffect-4LGv3HzC.js";
+import { a as n, t as r, u as i } from "./useRenderElement-BToElZ97.js";
+import { t as a } from "./useStableCallback-CrM0Nb2q.js";
+import { n as o } from "./useCompositeListItem-C8B8UyMD.js";
+import { t as s } from "./CompositeList-BUPONQmB.js";
+import { t as c } from "./useBaseUiId-CXSJgVcI.js";
+import { a as l, g as u, h as d, t as f, u as p } from "./createBaseUIEventDetails-C_dwdqj4.js";
+import { t as m } from "./useTransitionStatus-CCIoL5RH.js";
+import { a as h, i as g, t as _ } from "./useOpenChangeComplete-CVIwfcpl.js";
+import { t as v } from "./useButton-DjF6Owsn.js";
+import { t as y } from "./owner-CyZnQOKt.js";
+import { cn as b } from "./lib/utils.js";
+import { t as x } from "./dist-Ber_p4PA.js";
+import { n as S, t as C } from "./shadowDom-BACsbimN.js";
+import { t as w } from "./inertValue-BhczR0H5.js";
+import { t as T } from "./useCompositeItem-JoGwOIGJ.js";
+import { n as E, t as D } from "./CompositeRoot-B_7HJZA1.js";
 import * as O from "react";
 import { jsx as k } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/tabs/root/TabsRootContext.js
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/tabs/root/TabsRootContext.mjs
 var A = /*#__PURE__*/ O.createContext(void 0);
 process.env.NODE_ENV !== "production" && (A.displayName = "TabsRootContext");
 function j() {
@@ -27,132 +28,130 @@ function j() {
 	return e;
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/tabs/root/TabsRootDataAttributes.js
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/tabs/root/TabsRootDataAttributes.mjs
 var M = /*#__PURE__*/ function(e) {
 	return e.activationDirection = "data-activation-direction", e.orientation = "data-orientation", e;
 }({}), N = { tabActivationDirection: (e) => ({ [M.activationDirection]: e }) }, P = /*#__PURE__*/ O.forwardRef(function(n, i) {
-	let { className: o, defaultValue: l = 0, onValueChange: p, orientation: m = "horizontal", render: h, value: g, style: _, ...v } = n, y = n.defaultValue !== void 0, b = O.useRef([]), [x, S] = O.useState(() => /* @__PURE__ */ new Map()), [C, w] = e({
+	let { className: o, defaultValue: c = 0, onValueChange: u, orientation: m = "horizontal", render: h, value: g, style: _, ...v } = n, y = n.defaultValue !== void 0, b = O.useRef([]), [x, S] = O.useState(() => /* @__PURE__ */ new Map()), [C, w] = e({
 		controlled: g,
-		default: l,
+		default: c,
 		name: "Tabs",
 		state: "value"
-	}), T = g !== void 0, [E, D] = O.useState(() => /* @__PURE__ */ new Map()), j = O.useCallback((e) => {
+	}), T = g !== void 0, [E, D] = O.useState(() => /* @__PURE__ */ new Map()), j = O.useRef(void 0), M = O.useCallback((e) => {
 		if (e === void 0) return null;
 		for (let [t, n] of E.entries()) if (n != null && e === (n.value ?? n.index)) return t;
 		return null;
-	}, [E]), [M, P] = O.useState(() => ({
+	}, [E]), [P, I] = O.useState(() => ({
 		previousValue: C,
 		tabActivationDirection: "none"
-	})), { previousValue: I, tabActivationDirection: L } = M, R = L, z = !1;
-	I !== C && (R = F(I, C, m, E), z = I != null && C != null && j(C) == null);
-	let B = z ? I : C, V = I !== B || L !== R;
+	})), { previousValue: L, tabActivationDirection: R } = P, z = R, B = !1;
+	L !== C && (z = F(L, C, m, E), B = L != null && C != null && M(C) == null);
+	let V = B ? L : C, H = L !== V || R !== z;
 	t(() => {
-		V && P({
-			previousValue: B,
-			tabActivationDirection: R
+		H && I({
+			previousValue: V,
+			tabActivationDirection: z
 		});
 	}, [
-		B,
 		V,
-		R
+		H,
+		z
 	]);
-	let H = a((e, t) => {
-		t.activationDirection = F(C, e, m, E), p?.(e, t), !t.isCanceled && w(e);
-	}), U = a((e, t) => {
-		p?.(e, d(t, void 0, void 0, { activationDirection: "none" }));
+	let U = a((e, t) => {
+		t.activationDirection = F(C, e, m, E), u?.(e, t), !t.isCanceled && w(e);
 	}), W = a((e, t) => {
+		u?.(e, f(t, void 0, void 0, { activationDirection: "none" }));
+	}), G = a((e, t) => {
 		S((n) => {
 			if (n.get(e) === t) return n;
 			let r = new Map(n);
 			return r.set(e, t), r;
 		});
-	}), G = a((e, t) => {
+	}), K = a((e, t) => {
 		S((n) => {
 			if (!n.has(e) || n.get(e) !== t) return n;
 			let r = new Map(n);
 			return r.delete(e), r;
 		});
-	}), K = O.useCallback((e) => x.get(e), [x]), q = O.useCallback((e) => {
+	}), q = O.useCallback((e) => x.get(e), [x]), J = O.useCallback((e) => {
 		for (let t of E.values()) if (e === t?.value) return t?.id;
-	}, [E]), J = O.useMemo(() => ({
-		getTabElementBySelectedValue: j,
-		getTabIdByPanelValue: q,
-		getTabPanelIdByValue: K,
-		onValueChange: H,
+	}, [E]), Y = O.useMemo(() => ({
+		getTabElementBySelectedValue: M,
+		getTabIdByPanelValue: J,
+		getTabPanelIdByValue: q,
+		onValueChange: U,
 		orientation: m,
-		registerMountedTabPanel: W,
+		registerMountedTabPanel: G,
 		setTabMap: D,
-		unregisterMountedTabPanel: G,
-		tabActivationDirection: R,
+		unregisterMountedTabPanel: K,
+		tabActivationDirection: z,
 		value: C
 	}), [
-		j,
+		M,
+		J,
 		q,
-		K,
-		H,
+		U,
 		m,
-		W,
-		D,
 		G,
-		R,
+		D,
+		K,
+		z,
 		C
-	]), Y = O.useMemo(() => {
+	]), X = O.useMemo(() => {
 		for (let e of E.values()) if (e != null && e.value === C) return e;
-	}, [E, C]), X = O.useMemo(() => {
+	}, [E, C]), Z = O.useMemo(() => {
 		for (let e of E.values()) if (e != null && !e.disabled) return e.value;
-	}, [E]), Z = O.useRef(!y), Q = O.useRef(y), $ = O.useRef(!1);
+	}, [E]), Q = O.useRef(!y), $ = O.useRef(c), ee = O.useRef(y), te = O.useRef(!1);
 	t(() => {
 		if (T) return;
 		function e(e, t) {
-			w(e), P((t) => t.previousValue === e && t.tabActivationDirection === "none" ? t : {
+			w(e), I((t) => t.previousValue === e && t.tabActivationDirection === "none" ? t : {
 				previousValue: e,
 				tabActivationDirection: "none"
-			}), U(e, t), Z.current = !1;
+			}), W(e, t), Q.current = !1;
 		}
 		if (E.size === 0) {
-			if (!$.current || C === null) return;
-			e(null, u);
+			te.current && C !== null && !j.current?.isConnected && e(null, d);
 			return;
 		}
-		$.current = !0;
-		let t = Y?.disabled, n = Y == null && C !== null;
-		if (!t && C === l && (Q.current = !1), Q.current && t && C === l) return;
-		let r = Z.current;
+		te.current = !0, j.current = E.keys().next().value;
+		let t = X?.disabled, n = X == null && C !== null;
+		if (!t && C === $.current && (ee.current = !1), ee.current && t && C === $.current) return;
+		let r = Q.current;
 		if (t || n) {
-			let n = X ?? null;
+			let n = Z ?? null;
 			if (C === n) {
-				Z.current = !1;
+				Q.current = !1;
 				return;
 			}
-			let i = u;
-			r ? i = f : t && (i = c), e(n, i);
+			let i = d;
+			r ? i = p : t && (i = l), e(n, i);
 			return;
 		}
-		r && Y != null && (U(C, f), Z.current = !1);
+		r && X != null && (W(C, p), Q.current = !1);
 	}, [
-		l,
-		X,
+		Z,
 		T,
-		U,
-		Y,
+		W,
+		X,
 		w,
 		E,
 		C
 	]);
-	let ee = r("div", n, {
+	let ne = r("div", n, {
 		state: {
 			orientation: m,
-			tabActivationDirection: R
+			tabActivationDirection: z
 		},
 		ref: i,
 		props: v,
 		stateAttributesMapping: N
 	});
 	return /*#__PURE__*/ k(A.Provider, {
-		value: J,
+		value: Y,
 		children: /*#__PURE__*/ k(s, {
 			elementsRef: b,
-			children: ee
+			children: ne
 		})
 	});
 });
@@ -177,7 +176,7 @@ function F(e, t, n, r) {
 	return "none";
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/tabs/list/TabsListContext.js
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/tabs/list/TabsListContext.mjs
 var I = /*#__PURE__*/ O.createContext(void 0);
 process.env.NODE_ENV !== "production" && (I.displayName = "TabsListContext");
 function L() {
@@ -186,107 +185,109 @@ function L() {
 	return e;
 }
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/tabs/tab/TabsTab.js
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/tabs/tab/TabsTab.mjs
 var R = /*#__PURE__*/ O.forwardRef(function(e, n) {
-	let { className: i, disabled: a = !1, render: o, value: s, id: c, nativeButton: u = !0, style: f, ...m } = e, { value: h, getTabPanelIdByValue: g, orientation: _ } = j(), { activateOnFocus: S, highlightedTabIndex: C, onTabActivation: w, registerTabResizeObserverElement: D, setHighlightedTabIndex: k, tabsListElement: A } = L(), M = p(c), { compositeProps: N, compositeRef: P, index: F } = T({ metadata: O.useMemo(() => ({
+	let { className: i, disabled: a = !1, render: o, value: s, id: l, nativeButton: d = !0, style: p, ...m } = e, { value: h, getTabPanelIdByValue: g, orientation: _, tabActivationDirection: b } = j(), { activateOnFocus: x, highlightedTabIndex: w, onTabActivation: D, registerTabResizeObserverElement: k, setHighlightedTabIndex: A, tabsListElement: M } = L(), P = c(l), { compositeProps: F, compositeRef: I, index: R } = T({ metadata: O.useMemo(() => ({
 		disabled: a,
-		id: M,
+		id: P,
 		value: s
 	}), [
 		a,
-		M,
+		P,
 		s
-	]) }), I = s === h, R = O.useRef(!1), z = O.useRef(null);
-	O.useEffect(() => {
-		let e = z.current;
-		if (e) return D(e);
-	}, [D]), t(() => {
-		if (R.current) {
-			R.current = !1;
+	]) }), z = s === h, B = O.useRef(!1), V = O.useRef(null);
+	t(() => {
+		let e = V.current;
+		if (e) return k(e);
+	}, [k]), t(() => {
+		if (B.current) {
+			B.current = !1;
 			return;
 		}
-		if (!(I && F > -1 && C !== F)) return;
-		let e = A;
+		if (!(z && R > -1 && w !== R)) return;
+		let e = M;
 		if (e != null) {
-			let t = b(x(e));
-			if (t && y(e, t)) return;
+			let t = C(y(e));
+			if (t && S(e, t)) return;
 		}
-		a || k(F);
+		a || A(R);
 	}, [
-		I,
-		F,
-		C,
-		k,
+		z,
+		R,
+		w,
+		A,
 		a,
-		A
+		M
 	]);
-	let { getButtonProps: B, buttonRef: V } = v({
+	let { getButtonProps: H, buttonRef: U } = v({
 		disabled: a,
-		native: u,
+		native: d,
 		focusableWhenDisabled: !0
-	}), H = g(s), U = O.useRef(!1), W = O.useRef(!1);
-	function G(e) {
-		I || a || w(s, d(l, e.nativeEvent, void 0, { activationDirection: "none" }));
+	}), W = g(s), G = O.useRef(!1), K = O.useRef(!1);
+	function q(e) {
+		z || a || D(s, f(u, e.nativeEvent, void 0, { activationDirection: "none" }));
 	}
-	function K(e) {
-		I || (F > -1 && !a && k(F), !a && S && (!U.current || U.current && W.current) && w(s, d(l, e.nativeEvent, void 0, { activationDirection: "none" })));
+	function J(e) {
+		z || (R > -1 && !a && A(R), !a && x && (!G.current || G.current && K.current) && D(s, f(u, e.nativeEvent, void 0, { activationDirection: "none" })));
 	}
-	function q(e) {
-		if (I || a) return;
-		U.current = !0;
+	function Y(e) {
+		if (z || a) return;
+		G.current = !0;
 		function t() {
-			U.current = !1, W.current = !1;
+			G.current = !1, K.current = !1;
 		}
-		(!e.button || e.button === 0) && (W.current = !0, x(e.currentTarget).addEventListener("pointerup", t, { once: !0 }));
+		(!e.button || e.button === 0) && (K.current = !0, y(e.currentTarget).addEventListener("pointerup", t, { once: !0 }));
 	}
 	return r("button", e, {
 		state: {
 			disabled: a,
-			active: I,
-			orientation: _
+			active: z,
+			orientation: _,
+			tabActivationDirection: b
 		},
 		ref: [
 			n,
-			V,
-			P,
-			z
+			U,
+			I,
+			V
 		],
 		props: [
-			N,
+			F,
 			{
 				role: "tab",
-				"aria-controls": H,
-				"aria-selected": I,
-				id: M,
-				onClick: G,
-				onFocus: K,
-				onPointerDown: q,
-				[E]: I ? "" : void 0,
+				"aria-controls": W,
+				"aria-selected": z,
+				id: P,
+				onClick: q,
+				onFocus: J,
+				onPointerDown: Y,
+				[E]: z ? "" : void 0,
 				onKeyDownCapture() {
-					R.current = !0;
+					B.current = !0;
 				}
 			},
 			m,
-			B
-		]
+			H
+		],
+		stateAttributesMapping: N
 	});
 });
 process.env.NODE_ENV !== "production" && (R.displayName = "TabsTab");
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/tabs/panel/TabsPanelDataAttributes.js
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/tabs/panel/TabsPanelDataAttributes.mjs
 var z = function(e) {
-	return e.index = "data-index", e.activationDirection = "data-activation-direction", e.orientation = "data-orientation", e.hidden = "data-hidden", e[e.startingStyle = h.startingStyle] = "startingStyle", e[e.endingStyle = h.endingStyle] = "endingStyle", e;
+	return e.index = "data-index", e.activationDirection = "data-activation-direction", e.orientation = "data-orientation", e.hidden = "data-hidden", e[e.startingStyle = g.startingStyle] = "startingStyle", e[e.endingStyle = g.endingStyle] = "endingStyle", e;
 }({}), B = {
 	...N,
-	...m
+	...h
 }, V = /*#__PURE__*/ O.forwardRef(function(e, n) {
-	let { className: i, value: a, render: s, keepMounted: c = !1, style: l, ...u } = e, { value: d, getTabIdByPanelValue: f, orientation: m, tabActivationDirection: h, registerMountedTabPanel: v, unregisterMountedTabPanel: y } = j(), b = p(), { ref: x, index: S } = o({ metadata: O.useMemo(() => ({
+	let { className: i, value: a, render: s, keepMounted: l = !1, style: u, ...d } = e, { value: f, getTabIdByPanelValue: p, orientation: h, tabActivationDirection: g, registerMountedTabPanel: v, unregisterMountedTabPanel: y } = j(), b = c(), { ref: x, index: S } = o({ metadata: O.useMemo(() => ({
 		id: b,
 		value: a
-	}), [b, a]) }), C = a === d, { mounted: T, transitionStatus: E, setMounted: D } = g(C), k = !T, A = f(a), M = {
+	}), [b, a]) }), C = a === f, { mounted: T, transitionStatus: E, setMounted: D } = m(C), k = !T, A = p(a), M = {
 		hidden: k,
-		orientation: m,
-		tabActivationDirection: h,
+		orientation: h,
+		tabActivationDirection: g,
 		transitionStatus: E
 	}, N = O.useRef(null), P = r("div", e, {
 		state: M,
@@ -303,7 +304,7 @@ var z = function(e) {
 			tabIndex: C ? 0 : -1,
 			inert: w(!C),
 			[z.index]: S
-		}, u],
+		}, d],
 		stateAttributesMapping: B
 	});
 	return _({
@@ -313,81 +314,81 @@ var z = function(e) {
 			C || D(!1);
 		}
 	}), t(() => {
-		if (!(k && !c) && b != null) return v(a, b), () => {
+		if (!(k && !l) && b != null) return v(a, b), () => {
 			y(a, b);
 		};
 	}, [
 		k,
-		c,
+		l,
 		a,
 		b,
 		v,
 		y
-	]), c || T ? P : null;
+	]), l || T ? P : null;
 });
 process.env.NODE_ENV !== "production" && (V.displayName = "TabsPanel");
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.5.0+f4ada88178b00e6f/node_modules/@base-ui/react/esm/tabs/list/TabsList.js
-var H = /*#__PURE__*/ O.forwardRef(function(e, t) {
-	let { activateOnFocus: r = !1, className: i, loopFocus: o = !0, render: s, style: c, ...l } = e, { onValueChange: u, orientation: d, value: f, setTabMap: p, tabActivationDirection: m } = j(), [h, g] = O.useState(0), [_, v] = O.useState(null), y = O.useRef(/* @__PURE__ */ new Set()), b = O.useRef(/* @__PURE__ */ new Set()), x = O.useRef(null);
-	O.useEffect(() => {
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/tabs/list/TabsList.mjs
+var H = /*#__PURE__*/ O.forwardRef(function(e, r) {
+	let { activateOnFocus: i = !1, className: o, loopFocus: s = !0, render: c, style: l, ...u } = e, { onValueChange: d, orientation: f, value: p, setTabMap: m, tabActivationDirection: h } = j(), [g, _] = O.useState(0), [v, y] = O.useState(null), b = O.useRef(/* @__PURE__ */ new Set()), x = O.useRef(/* @__PURE__ */ new Set()), S = O.useRef(null);
+	t(() => {
 		if (typeof ResizeObserver > "u") return;
 		let e = new ResizeObserver(() => {
-			y.current.forEach((e) => {
+			b.current.forEach((e) => {
 				e();
 			});
 		});
-		return x.current = e, _ && e.observe(_), b.current.forEach((t) => {
+		return S.current = e, v && e.observe(v), x.current.forEach((t) => {
 			e.observe(t);
 		}), () => {
-			e.disconnect(), x.current = null;
+			e.disconnect(), S.current = null;
 		};
-	}, [_]);
-	let S = a((e) => (y.current.add(e), () => {
-		y.current.delete(e);
-	})), C = a((e) => (b.current.add(e), x.current?.observe(e), () => {
-		b.current.delete(e), x.current?.unobserve(e);
-	})), w = a((e, t) => {
-		e !== f && u(e, t);
-	}), T = {
-		orientation: d,
-		tabActivationDirection: m
-	}, E = {
-		"aria-orientation": d === "vertical" ? "vertical" : void 0,
+	}, [v]);
+	let C = a((e) => (b.current.add(e), () => {
+		b.current.delete(e);
+	})), w = a((e) => (x.current.add(e), S.current?.observe(e), () => {
+		x.current.delete(e), S.current?.unobserve(e);
+	})), T = a((e, t) => {
+		e !== p && d(e, t);
+	}), E = {
+		orientation: f,
+		tabActivationDirection: h
+	}, A = {
+		"aria-orientation": f === "vertical" ? "vertical" : void 0,
 		role: "tablist"
-	}, A = O.useMemo(() => ({
-		activateOnFocus: r,
-		highlightedTabIndex: h,
-		registerIndicatorUpdateListener: S,
-		registerTabResizeObserverElement: C,
-		onTabActivation: w,
-		setHighlightedTabIndex: g,
-		tabsListElement: _
+	}, M = O.useMemo(() => ({
+		activateOnFocus: i,
+		highlightedTabIndex: g,
+		registerIndicatorUpdateListener: C,
+		registerTabResizeObserverElement: w,
+		onTabActivation: T,
+		setHighlightedTabIndex: _,
+		tabsListElement: v
 	}), [
-		r,
-		h,
-		S,
+		i,
+		g,
 		C,
 		w,
-		g,
-		_
+		T,
+		_,
+		v
 	]);
 	return /*#__PURE__*/ k(I.Provider, {
-		value: A,
+		value: M,
 		children: /*#__PURE__*/ k(D, {
-			render: s,
-			className: i,
-			style: c,
-			state: T,
-			refs: [t, v],
-			props: [E, l],
+			render: c,
+			className: o,
+			style: l,
+			state: E,
+			refs: [r, y],
+			props: [A, u],
 			stateAttributesMapping: N,
-			highlightedIndex: h,
+			highlightedIndex: g,
 			enableHomeAndEndKeys: !0,
-			loopFocus: o,
-			orientation: d,
-			onHighlightedIndexChange: g,
-			onMapChange: p,
+			loopFocus: s,
+			orientation: f,
+			onHighlightedIndexChange: _,
+			onMapChange: m,
 			disabledIndices: n
 		})
 	});
@@ -397,13 +398,13 @@ process.env.NODE_ENV !== "production" && (H.displayName = "TabsList");
 //#region lib/components/ui/atoms/tabs.tsx
 function U({ className: e, orientation: t = "horizontal", ...n }) {
 	return /* @__PURE__ */ k(P, {
-		className: S("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", e),
+		className: b("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", e),
 		"data-slot": "tabs",
 		orientation: t,
 		...n
 	});
 }
-var W = C("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground data-[variant=line]:rounded-none group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
+var W = x("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground data-[variant=line]:rounded-none group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
 	variants: { variant: {
 		default: "bg-muted",
 		line: "gap-1 bg-transparent"
@@ -412,7 +413,7 @@ var W = C("group/tabs-list inline-flex w-fit items-center justify-center rounded
 });
 function G({ className: e, variant: t = "default", ...n }) {
 	return /* @__PURE__ */ k(H, {
-		className: S(W({ variant: t }), e),
+		className: b(W({ variant: t }), e),
 		"data-slot": "tabs-list",
 		"data-variant": t,
 		...n
@@ -420,14 +421,14 @@ function G({ className: e, variant: t = "default", ...n }) {
 }
 function K({ className: e, ...t }) {
 	return /* @__PURE__ */ k(R, {
-		className: S("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-1.5 py-0.5 font-medium text-foreground/60 text-sm transition-all hover:text-foreground focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", e),
+		className: b("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-1.5 py-0.5 font-medium text-foreground/60 text-sm transition-all hover:text-foreground focus-visible:border-ring focus-visible:outline-1 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", e),
 		"data-slot": "tabs-trigger",
 		...t
 	});
 }
 function q({ className: e, ...t }) {
 	return /* @__PURE__ */ k(V, {
-		className: S("flex-1 text-sm outline-none", e),
+		className: b("flex-1 text-sm outline-none", e),
 		"data-slot": "tabs-content",
 		...t
 	});