solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.2

package/dist/lib/client/tabs-fOAKs7r3.js

@@ -1,696 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
-import { C as n, p as r, s as i, w as a } from "./reasons-Co5CzjKq.js";
-import { n as o, t as s } from "./resolveStyle-XcgAuaKR.js";
-import { createChangeEventDetails as c } from "./internals/createBaseUIEventDetails.js";
-import { transitionStatusMapping as l } from "./internals/stateAttributesMapping.js";
-import { composeEventHandlers as u } from "./internals/composeEventHandlers.js";
-import { t as d } from "./runOnceAnimationsFinish-15EM-Z4l.js";
-import { t as f } from "./createTransitionStatus-B1L-whed.js";
-import { n as p } from "./DirectionContext-BwMabICS.js";
-import { n as m } from "./CSPContext-faVzToiT.js";
-import { mergeStyles as h } from "./internals/mergeStyles.js";
-import { Dynamic as g, createComponent as _, getNextElement as v, isServer as y, memo as b, mergeProps as x, ref as S, runHydrationEvents as C, spread as w, template as T } from "@solidjs/web";
-import { Show as E, createContext as D, createEffect as O, createMemo as k, createSignal as A, createUniqueId as j, omit as M, onCleanup as N, onSettled as P, sharedConfig as F, untrack as I, useContext as L } from "solid-js";
-//#region src/tabs/root/TabsRootContext.ts
-var R = Symbol("TabsRootContext"), z = D(R);
-function B() {
-	let e = L(z);
-	if (e === R) throw Error("Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.");
-	return e;
-}
-//#endregion
-//#region src/tabs/root/TabsRootDataAttributes.ts
-var V = /* @__PURE__ */ function(e) {
-	return e.orientation = "data-orientation", e.activationDirection = "data-activation-direction", e;
-}({}), H = {
-	orientation: (e) => ({ [V.orientation]: e }),
-	tabActivationDirection: (e) => ({ [V.activationDirection]: e })
-};
-//#endregion
-//#region src/tabs/root/TabsRoot.tsx
-function U(e) {
-	let a = e, l = e, u = I(() => a.value !== void 0), d = I(() => a.defaultValue !== void 0), f = I(() => a.defaultValue), p = I(() => a.defaultValue === void 0 ? 0 : a.defaultValue), [m, h] = A(() => p), [v, y] = A("none"), [b, S] = A(0), [C, w] = A(0), T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), D = 0, j = 0, P = I(() => u ? a.value : m()), F = !1, L = !d, R = d, B = !1, V, U = !1, W = !1, G = !1, re = !1, K = !1, ie = M(l, "as", "class", "defaultValue", "onValueChange", "orientation", "ref", "style", "value"), q = k(() => u ? a.value : m()), J = k(() => a.orientation ?? "horizontal"), Y = k(() => ({
-		orientation: J(),
-		tabActivationDirection: v()
-	})), ae = k(() => o(e.class, Y())), oe = k(() => s(e.style, Y())), se = k(() => t(Y(), H));
-	function X() {
-		U || (U = !0, queueMicrotask(() => {
-			U = !1, G || S((e) => e + 1);
-		}));
-	}
-	function Z() {
-		W || (W = !0, queueMicrotask(() => {
-			W = !1, G || w((e) => e + 1);
-		}));
-	}
-	function ce(e) {
-		return e.order = D, D += 1, T.set(e.token, e), X(), () => {
-			T.delete(e.token), X();
-		};
-	}
-	function Q(e) {
-		return e.order = j, j += 1, E.set(e.token, e), Z(), () => {
-			E.delete(e.token), Z();
-		};
-	}
-	function le(e) {
-		E.has(e.token) && (e.order = j, j += 1, Z());
-	}
-	function $() {
-		return Array.from(T.values()).filter((e) => {
-			let t = e.element();
-			return t && t.isConnected;
-		}).sort(ee);
-	}
-	function ue() {
-		return Array.from(E.values()).filter((e) => {
-			let t = e.element();
-			return e.rendered() && t && t.isConnected;
-		}).sort(ee);
-	}
-	function de(e) {
-		return b(), $().find((t) => t.value() === e)?.element();
-	}
-	function fe(e) {
-		return b(), $().find((t) => t.value() === e)?.id();
-	}
-	function pe(e) {
-		C();
-		let t;
-		for (let n of E.values()) {
-			let r = n.element();
-			n.rendered() && r?.isConnected && n.value() === e && (!t || n.order > t.order) && (t = n);
-		}
-		return t?.id();
-	}
-	function me(e, t) {
-		let n = te(q(), e, J(), $());
-		return t.activationDirection = n, a.onValueChange?.(e, t), !t.isCanceled && (u || (P = e, F = !1, y(n), h(() => e)), !0);
-	}
-	function he(e, t) {
-		P = e, F = !1, y("none"), h(() => e), a.onValueChange?.(e, c(t, void 0, void 0, { activationDirection: "none" })), L = !1;
-	}
-	let ge = {
-		value: q,
-		orientation: J,
-		tabActivationDirection: v,
-		state: Y,
-		tabsVersion: b,
-		panelsVersion: C,
-		getOrderedTabs: $,
-		getTabIndex(e) {
-			return b(), $().indexOf(e);
-		},
-		getPanelIndex(e) {
-			return C(), ue().indexOf(e);
-		},
-		getTabElementBySelectedValue: de,
-		getTabIdByPanelValue: fe,
-		getTabPanelIdByValue: pe,
-		claimPanel: le,
-		notifyTabChange: X,
-		notifyPanelChange: Z,
-		onValueChange: me,
-		registerTab: ce,
-		registerPanel: Q
-	};
-	return O(() => {
-		b();
-		let e = q(), t = J(), n = $();
-		return {
-			currentValue: e,
-			direction: P === e && !F ? void 0 : te(P, e, t, n),
-			incomplete: P != null && e != null && n.every((t) => t.value() !== e)
-		};
-	}, (e) => {
-		e.direction !== void 0 && (F = e.incomplete, y(e.direction), F || (P = e.currentValue));
-	}), O(() => (b(), {
-		currentValue: q(),
-		registrations: $().map((e) => ({
-			registration: e,
-			disabled: e.disabled(),
-			element: e.element(),
-			value: e.value()
-		}))
-	}), (e) => {
-		if (u) return;
-		let t = e.registrations;
-		if (t.length === 0) {
-			B && e.currentValue !== null && !V?.isConnected && he(null, n);
-			return;
-		}
-		B = !0, V = t[0]?.element;
-		let o = t.find((t) => t.value === e.currentValue), s = t.find((e) => !e.disabled), l = o?.disabled === !0, d = o == null && e.currentValue !== null;
-		if (!l && e.currentValue === p && (R = !1), !(R && l && e.currentValue === p)) {
-			if (l || d) {
-				let t = s?.value ?? null;
-				if (e.currentValue === t) {
-					L = !1;
-					return;
-				}
-				he(t, L ? r : l ? i : n);
-				return;
-			}
-			L && o && (a.onValueChange?.(e.currentValue, c(r, void 0, void 0, { activationDirection: "none" })), L = !1);
-		}
-	}), O(() => ({
-		defaultValue: a.defaultValue,
-		suppliedControlled: a.value !== void 0
-	}), (e) => {
-		ne() && (!re && e.suppliedControlled !== u && (re = !0, console.error(`Base UI: A Tabs component changed from ${u ? "controlled" : "uncontrolled"} to ${u ? "uncontrolled" : "controlled"}.`)), !u && !K && e.defaultValue !== f && (K = !0, console.error("Base UI: A Tabs component changed its defaultValue after initialization.")));
-	}), N(() => {
-		G = !0;
-	}), _(z, {
-		value: ge,
-		get children() {
-			return _(g, x({
-				get component() {
-					return e.as ?? "div";
-				},
-				ref: [a.ref],
-				get class() {
-					return ae();
-				},
-				get style() {
-					return oe();
-				}
-			}, se, ie));
-		}
-	});
-}
-function ee(e, t) {
-	let n = e.element(), r = t.element();
-	if (n && r && n !== r) {
-		let e = n.compareDocumentPosition(r);
-		if ((e & Node.DOCUMENT_POSITION_DISCONNECTED) === 0) {
-			if (e & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
-			if (e & Node.DOCUMENT_POSITION_PRECEDING) return 1;
-		}
-	}
-	return e.order - t.order;
-}
-function te(e, t, n, r) {
-	if (e == null || t == null) return "none";
-	let i = r.find((t) => t.value() === e)?.element(), a = r.find((e) => e.value() === t)?.element(), o = n === "horizontal" ? "left" : "up", s = n === "horizontal" ? "right" : "down";
-	if (!i || !a) return i !== a && (typeof e == "number" || typeof e == "string") && typeof e == typeof t ? t > e ? s : o : "none";
-	let c = n === "horizontal" ? "left" : "top", l = i.getBoundingClientRect()[c], u = a.getBoundingClientRect()[c];
-	return u < l ? o : u > l ? s : "none";
-}
-function ne() {
-	return !1;
-}
-//#endregion
-//#region src/tabs/list/TabsListContext.ts
-var W = Symbol("TabsListContext"), G = D(W);
-function re() {
-	let e = L(G);
-	if (e === W) throw Error("Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.");
-	return e;
-}
-//#endregion
-//#region src/tabs/list/TabsList.tsx
-function K(e) {
-	let n = B(), r = p(), i = e, a = e, [c, l] = A(), [d, f] = A(), m = /* @__PURE__ */ new Set(), h = !1, v = !1, y = !1, b = M(a, "activateOnFocus", "as", "class", "loopFocus", "onKeyDown", "ref", "style"), S = k(() => i.activateOnFocus ?? !1), C = k(() => i.loopFocus ?? !0), w = k(() => n.state()), T = k(() => o(e.class, w())), E = k(() => s(e.style, w())), D = k(() => t(w(), H));
-	function j() {
-		v = !0, !y && (y = !0, queueMicrotask(() => {
-			y = !1, v = !1;
-		}));
-	}
-	function N(e) {
-		f(e.token);
-	}
-	function P(e) {
-		return m.add(e), () => {
-			m.delete(e);
-		};
-	}
-	function F() {
-		for (let e of m) e();
-	}
-	function I(e) {
-		if (e.defaultPrevented || e.shiftKey || e.ctrlKey || e.altKey || e.metaKey) return;
-		let t = n.getOrderedTabs();
-		if (t.length < 2 && e.key !== "Home" && e.key !== "End") return;
-		let i = e.composedPath()[0], a = t.findIndex((e) => {
-			let t = e.element();
-			return t && i instanceof Node && t.contains(i);
-		});
-		if (a < 0) return;
-		let o;
-		if (e.key === "Home") o = J(t, 1);
-		else if (e.key === "End") o = J(t, -1);
-		else {
-			let i = ie(e.key, n.orientation(), r());
-			if (i === 0) return;
-			o = q(t, a, i, C());
-		}
-		if (o === void 0 || o === a) return;
-		let s = t[o], c = s?.element();
-		!s || !c || (e.preventDefault(), e.stopPropagation(), j(), N(s), ae(c, n.orientation()), queueMicrotask(() => s.element()?.focus()));
-	}
-	let L = u(() => i.onKeyDown, () => I), R = {
-		activateOnFocus: S,
-		highlightedTab: d,
-		listElement: c,
-		markNavigating: j,
-		registerIndicatorUpdateListener: P,
-		setHighlightedTab: N
-	};
-	return O(() => (n.tabsVersion(), {
-		activeValue: n.value(),
-		element: c(),
-		tabs: n.getOrderedTabs().map((e) => ({
-			registration: e,
-			disabled: e.disabled(),
-			value: e.value()
-		}))
-	}), (e) => {
-		let t = e.tabs.find((t) => t.value === e.activeValue);
-		if (!h && e.tabs.length > 0) {
-			h = !0, N(t?.registration ?? e.tabs[0].registration);
-			return;
-		}
-		if (!t || t.disabled || v) return;
-		let n = e.element ? oe(e.element.ownerDocument) : null;
-		e.element && n && se(e.element, n) || N(t.registration);
-	}), O(() => (n.tabsVersion(), {
-		element: c(),
-		tabs: n.getOrderedTabs().flatMap((e) => e.element() ?? [])
-	}), (e) => {
-		let t = e.element;
-		if (!t) return;
-		let n = t.ownerDocument.defaultView?.ResizeObserver;
-		if (!n) return;
-		let r = new n(F);
-		r.observe(t);
-		for (let t of e.tabs) r.observe(t);
-		return () => r.disconnect();
-	}), O(c, (e) => {
-		if (!e) return;
-		let t = e.ownerDocument.defaultView?.MutationObserver;
-		if (!t) return;
-		let r = new t(() => n.notifyTabChange());
-		return r.observe(e, {
-			childList: !0,
-			subtree: !0
-		}), () => r.disconnect();
-	}), O(() => ({
-		activeValue: n.value(),
-		version: n.tabsVersion()
-	}), () => F()), _(G, {
-		value: R,
-		get children() {
-			return _(g, x({
-				get component() {
-					return e.as ?? "div";
-				},
-				ref: [((e) => l(e)), i.ref],
-				get class() {
-					return T();
-				},
-				get style() {
-					return E();
-				},
-				role: "tablist",
-				get "aria-orientation"() {
-					return n.orientation() === "vertical" ? "vertical" : void 0;
-				},
-				onKeyDown: L
-			}, D, b));
-		}
-	});
-}
-function ie(e, t, n) {
-	return t === "vertical" ? e === "ArrowUp" ? -1 : +(e === "ArrowDown") : e === "ArrowLeft" ? n === "rtl" ? 1 : -1 : e === "ArrowRight" ? n === "rtl" ? -1 : 1 : 0;
-}
-function q(e, t, n, r) {
-	let i = t;
-	for (let t = 0; t < e.length; t += 1) {
-		if (i += n, i < 0 || i >= e.length) {
-			if (!r) return;
-			i = (i + e.length) % e.length;
-		}
-		let t = e[i]?.element();
-		if (t && !Y(t) && !t.hidden) return i;
-	}
-}
-function J(e, t) {
-	let n = t === 1 ? 0 : e.length - 1;
-	for (; n >= 0 && n < e.length;) {
-		let r = e[n]?.element();
-		if (r && !Y(r) && !r.hidden) return n;
-		n += t;
-	}
-}
-function Y(e) {
-	try {
-		return e.matches(":disabled");
-	} catch {
-		return !1;
-	}
-}
-function ae(e, t) {
-	e.scrollIntoView?.({
-		block: t === "vertical" ? "nearest" : "center",
-		inline: t === "horizontal" ? "nearest" : "center"
-	});
-}
-function oe(e) {
-	let t = e.activeElement;
-	for (; t?.shadowRoot?.activeElement;) t = t.shadowRoot.activeElement;
-	return t;
-}
-function se(e, t) {
-	if (e.contains(t)) return !0;
-	let n = t;
-	for (; n;) {
-		if (n === e) return !0;
-		n = n.parentNode ?? (n instanceof ShadowRoot ? n.host : null);
-	}
-	return !1;
-}
-//#endregion
-//#region src/tabs/tab/TabsTabDataAttributes.ts
-var X = /* @__PURE__ */ function(e) {
-	return e.orientation = "data-orientation", e.activationDirection = "data-activation-direction", e.active = "data-active", e.disabled = "data-disabled", e;
-}({}), Z = {
-	...H,
-	active: (e) => e ? { [X.active]: "" } : null,
-	disabled: (e) => e ? { [X.disabled]: "" } : null
-};
-function ce(e) {
-	let n = B(), r = re(), i = e, l = e, d = `base-ui-${j()}`, f = Symbol("TabsTab"), [p, m] = A(), h = k(() => i.id ?? d), v = k(() => i.disabled ?? !1), y = k(() => i.nativeButton ?? !0), b = k(() => i.value === n.value()), S = {
-		token: f,
-		order: 0,
-		element: p,
-		id: h,
-		value: () => i.value,
-		disabled: v
-	}, C = n.registerTab(S), w = M(l, "as", "class", "disabled", "id", "nativeButton", "onClick", "onFocus", "onKeyDown", "onPointerDown", "ref", "style", "value"), T = k(() => ({
-		disabled: v(),
-		active: b(),
-		orientation: n.orientation(),
-		tabActivationDirection: n.tabActivationDirection()
-	})), E = k(() => o(e.class, T())), D = k(() => s(e.style, T())), P = k(() => t(T(), Z)), F = k(() => r.highlightedTab() === f ? 0 : -1), L = k(() => n.getTabPanelIdByValue(i.value)), R = !1, z = !1, V;
-	function H(e) {
-		n.onValueChange(i.value, c(a, e, void 0, { activationDirection: "none" }));
-	}
-	function U(e) {
-		v() && (e.preventDefault(), e.preventBaseUIHandler());
-	}
-	function ee(e) {
-		b() || v() || e.button !== 0 || H(e);
-	}
-	function te(e) {
-		r.setHighlightedTab(S), !b() && !v() && r.activateOnFocus() && (!R || z) && H(e);
-	}
-	function ne(e) {
-		if (b() || v()) return;
-		R = !0, z = e.button === 0, V?.();
-		let t = e.currentTarget.ownerDocument, n = () => {
-			R = !1, z = !1, V?.(), V = void 0;
-		};
-		t.addEventListener("pointerup", n), t.addEventListener("pointercancel", n), V = () => {
-			t.removeEventListener("pointerup", n), t.removeEventListener("pointercancel", n);
-		};
-	}
-	function W(e) {
-		e.target !== e.currentTarget || b() || v() || r.activateOnFocus() || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), H(e));
-	}
-	let G = u(() => I(() => v() ? U : void 0), () => i.onClick, () => ee), K = u(() => i.onFocus, () => te), ie = u(() => i.onKeyDown, () => W), q = u(() => i.onPointerDown, () => ne);
-	return O(() => ({
-		disabled: v(),
-		element: p(),
-		id: h(),
-		value: i.value
-	}), () => n.notifyTabChange()), N(() => {
-		V?.(), C();
-	}), _(g, x({
-		get component() {
-			return e.as ?? "button";
-		},
-		ref: [((e) => m(e)), i.ref],
-		get id() {
-			return h();
-		},
-		get class() {
-			return E();
-		},
-		get style() {
-			return D();
-		},
-		get type() {
-			return y() ? "button" : void 0;
-		},
-		role: "tab",
-		get tabIndex() {
-			return F();
-		},
-		get "aria-controls"() {
-			return L();
-		},
-		get "aria-selected"() {
-			return b() ? "true" : "false";
-		},
-		get "aria-disabled"() {
-			return v() ? "true" : void 0;
-		},
-		get "data-composite-item-active"() {
-			return b() ? "" : void 0;
-		},
-		onClick: G,
-		onFocus: K,
-		onKeyDown: ie,
-		onPointerDown: q
-	}, P, w));
-}
-//#endregion
-//#region src/tabs/indicator/TabsIndicatorCssVars.ts
-var Q = /* @__PURE__ */ function(e) {
-	return e.activeTabLeft = "--active-tab-left", e.activeTabRight = "--active-tab-right", e.activeTabTop = "--active-tab-top", e.activeTabBottom = "--active-tab-bottom", e.activeTabWidth = "--active-tab-width", e.activeTabHeight = "--active-tab-height", e;
-}({}), le = /* @__PURE__ */ T("<span>"), $ = /* @__PURE__ */ T("<script>"), ue = {
-	...H,
-	activeTabPosition: () => null,
-	activeTabSize: () => null
-};
-function de(e) {
-	let n = B(), r = re(), i = m(), a = e, c = e, [l, u] = A(null), [d, f] = A(0), [p, T] = A(!!(y || F.hydrating)), D = { innerHTML: "" }, j = M(c, "as", "class", "ref", "renderBeforeHydration", "style"), I = k(() => ({
-		...n.state(),
-		activeTabPosition: l()?.position ?? null,
-		activeTabSize: l()?.size ?? null
-	})), L = k(() => o(e.class, I())), R = k(() => {
-		let e = l();
-		if (e) return {
-			[Q.activeTabLeft]: `${e.position.left}px`,
-			[Q.activeTabRight]: `${e.position.right}px`,
-			[Q.activeTabTop]: `${e.position.top}px`,
-			[Q.activeTabBottom]: `${e.position.bottom}px`,
-			[Q.activeTabWidth]: `${e.size.width}px`,
-			[Q.activeTabHeight]: `${e.size.height}px`
-		};
-	}), z = k(() => h(R(), s(e.style, I()))), V = k(() => {
-		let e = l();
-		return !e || e.size.width <= 0 || e.size.height <= 0;
-	}), H = k(() => t(I(), ue));
-	function U(e, t) {
-		if (!e || t == null) return null;
-		let r = n.getTabElementBySelectedValue(t);
-		if (!r) return null;
-		let i = fe(r), a = fe(e), o = r.getBoundingClientRect(), s = e.getBoundingClientRect(), c = a.width > 0 ? s.width / a.width : 1, l = a.height > 0 ? s.height / a.height : 1, u, d;
-		return c > 2 ** -52 && l > 2 ** -52 ? (u = (o.left - s.left) / c + e.scrollLeft - e.clientLeft, d = (o.top - s.top) / l + e.scrollTop - e.clientTop) : (u = r.offsetLeft, d = r.offsetTop), {
-			position: {
-				left: u,
-				right: e.scrollWidth - u - i.width,
-				top: d,
-				bottom: e.scrollHeight - d - i.height
-			},
-			size: i
-		};
-	}
-	let ee = r.registerIndicatorUpdateListener(() => {
-		f((e) => e + 1);
-	});
-	return O(() => (d(), n.tabsVersion(), U(r.listElement(), n.value())), (e) => {
-		u(e);
-	}), P(() => {
-		T(!1);
-	}), N(ee), _(E, {
-		get when() {
-			return n.value() != null;
-		},
-		get children() {
-			return [_(E, {
-				get when() {
-					return e.as;
-				},
-				get fallback() {
-					var e = v(le), t = a.ref;
-					return typeof t == "function" || Array.isArray(t) ? S(() => t, e) : a.ref = e, w(e, x({
-						get class() {
-							return L();
-						},
-						get style() {
-							return z();
-						},
-						role: "presentation",
-						get hidden() {
-							return V();
-						}
-					}, H, j), !1), C(), e;
-				},
-				children: (e) => _(g, x({
-					get component() {
-						return e();
-					},
-					get class() {
-						return L();
-					},
-					get style() {
-						return z();
-					},
-					role: "presentation",
-					get hidden() {
-						return V();
-					}
-				}, H, j))
-			}), b(() => b(() => !!((a.renderBeforeHydration ?? !1) && p()))() ? (() => {
-				var e = v($);
-				return w(e, x({ get nonce() {
-					return i.nonce();
-				} }, D), !1), C(), e;
-			})() : (a.renderBeforeHydration ?? !1) && p())];
-		}
-	});
-}
-function fe(e) {
-	let t = e.ownerDocument.defaultView?.getComputedStyle(e), n = Number.parseFloat(t?.width ?? "") || 0, r = Number.parseFloat(t?.height ?? "") || 0;
-	return (Math.round(n) !== e.offsetWidth || Math.round(r) !== e.offsetHeight) && (n = e.offsetWidth, r = e.offsetHeight), {
-		width: n,
-		height: r
-	};
-}
-//#endregion
-//#region src/tabs/panel/TabsPanelDataAttributes.ts
-var pe = /* @__PURE__ */ function(e) {
-	return e.orientation = "data-orientation", e.activationDirection = "data-activation-direction", e.hidden = "data-hidden", e.index = "data-index", e;
-}({}), me = /* @__PURE__ */ T("<div>"), he = {
-	...H,
-	...l,
-	hidden: (e) => e ? { [pe.hidden]: "" } : null
-};
-function ge(e) {
-	let n = B(), r = e, i = e, a = `base-ui-${j()}`, c = Symbol("TabsPanel"), [l, u] = A(), p = k(() => r.id ?? a), m = k(() => r.value === n.value()), h = f(() => m()), y = k(() => !h.mounted()), b = k(() => (r.keepMounted ?? !1) || h.mounted()), T = {
-		token: c,
-		order: 0,
-		element: l,
-		id: p,
-		value: () => r.value,
-		rendered: b
-	}, D = n.registerPanel(T), P = M(i, "as", "class", "id", "keepMounted", "ref", "style", "value"), F = k(() => ({
-		...n.state(),
-		hidden: y(),
-		transitionStatus: h.transitionStatus()
-	})), L = k(() => b() ? o(e.class, F()) : void 0), R = k(() => b() ? s(e.style, F()) : void 0), z = k(() => t(F(), he)), V = k(() => n.getPanelIndex(T)), H = k(() => n.getTabIdByPanelValue(r.value)), U = I(m);
-	return O(() => ({
-		element: l(),
-		open: m(),
-		status: h.transitionStatus()
-	}), (e) => {
-		if (U = e.open, e.open || e.status !== "ending" || !e.element) return;
-		let t = new AbortController();
-		return d(e.element, () => {
-			U || h.setMounted(!1);
-		}, t.signal), () => t.abort();
-	}), O(() => ({
-		element: l(),
-		id: p(),
-		rendered: b(),
-		value: r.value
-	}), (e) => {
-		e.rendered && e.element ? n.claimPanel(T) : n.notifyPanelChange();
-	}), N(() => D()), _(E, {
-		get when() {
-			return b();
-		},
-		get children() {
-			return _(E, {
-				get when() {
-					return e.as;
-				},
-				get fallback() {
-					var e = v(me);
-					return S(() => [((e) => u(e)), r.ref], e), w(e, x({
-						get id() {
-							return p();
-						},
-						get class() {
-							return L();
-						},
-						get style() {
-							return R();
-						},
-						role: "tabpanel",
-						get tabIndex() {
-							return m() ? 0 : -1;
-						},
-						get "aria-labelledby"() {
-							return H();
-						},
-						get hidden() {
-							return y();
-						},
-						get inert() {
-							return !m() || void 0;
-						},
-						get "data-index"() {
-							return V();
-						}
-					}, z, P), !1), C(), e;
-				},
-				children: (e) => _(g, x({
-					get component() {
-						return e();
-					},
-					ref: [((e) => u(e)), r.ref],
-					get id() {
-						return p();
-					},
-					get class() {
-						return L();
-					},
-					get style() {
-						return R();
-					},
-					role: "tabpanel",
-					get tabIndex() {
-						return m() ? 0 : -1;
-					},
-					get "aria-labelledby"() {
-						return H();
-					},
-					get hidden() {
-						return y();
-					},
-					get inert() {
-						return !m() || void 0;
-					},
-					get "data-index"() {
-						return V();
-					}
-				}, z, P))
-			});
-		}
-	});
-}
-//#endregion
-//#region src/tabs/index.parts.ts
-var _e = /* @__PURE__ */ e({
-	Indicator: () => de,
-	List: () => K,
-	Panel: () => ge,
-	Root: () => U,
-	Tab: () => ce
-});
-//#endregion
-export { _e as t };