solid-baseui 0.1.0-alpha.0

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

@@ -0,0 +1,696 @@
+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 };

package/dist/lib/client/toast/index.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "../toast-D2P8UqUs.js";
+export { t as Toast, n as createToastManager, e as useToastManager };