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

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

@@ -0,0 +1,695 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
+import { C as r, p as i, s as a, w as o } from "./reasons-Co5CzjKq.js";
+import { n as s, t as c } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as l } from "./internals/createBaseUIEventDetails.js";
+import { transitionStatusMapping as u } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as d, liveEventHandler as f } from "./internals/composeEventHandlers.js";
+import { t as p } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { t as m } from "./createTransitionStatus-BL_cPSEA.js";
+import { n as h } from "./DirectionContext-BwMabICS.js";
+import { t as g } from "./mergeStyleValue-Dcd36yxZ.js";
+import { n as _ } from "./CSPContext-faVzToiT.js";
+import { createComponent as v, getNextElement as y, isServer as b, memo as x, mergeProps 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 })
+}, U = /* @__PURE__ */ T("<div>");
+function W(e) {
+	let o = e, u = e, d = I(() => o.value !== void 0), f = I(() => o.defaultValue !== void 0), p = I(() => o.defaultValue), m = I(() => o.defaultValue === void 0 ? 0 : o.defaultValue), [h, g] = A(() => m), [_, b] = A("none"), [x, T] = A(0), [E, D] = A(0), j = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map(), F = 0, L = 0, R = I(() => d ? o.value : h()), B = !1, V = !f, W = f, q = !1, J, te = !1, ne = !1, re = !1, ie = !1, ae = !1, oe = M(u, "render", "class", "defaultValue", "onValueChange", "orientation", "ref", "style", "value"), Y = k(() => d ? o.value : h()), X = k(() => o.orientation ?? "horizontal"), Z = k(() => ({
+		orientation: X(),
+		tabActivationDirection: _()
+	})), se = k(() => s(e.class, Z())), ce = k(() => c(e.style, Z())), le = k(() => n(Z(), H));
+	function ue() {
+		te || (te = !0, queueMicrotask(() => {
+			te = !1, re || T((e) => e + 1);
+		}));
+	}
+	function de() {
+		ne || (ne = !0, queueMicrotask(() => {
+			ne = !1, re || D((e) => e + 1);
+		}));
+	}
+	function Q(e) {
+		return e.order = F, F += 1, j.set(e.token, e), ue(), () => {
+			j.delete(e.token), ue();
+		};
+	}
+	function fe(e) {
+		return e.order = L, L += 1, P.set(e.token, e), de(), () => {
+			P.delete(e.token), de();
+		};
+	}
+	function pe(e) {
+		P.has(e.token) && (e.order = L, L += 1, de());
+	}
+	function $() {
+		return Array.from(j.values()).filter((e) => {
+			let t = e.element();
+			return t && t.isConnected;
+		}).sort(G);
+	}
+	function me() {
+		return Array.from(P.values()).filter((e) => {
+			let t = e.element();
+			return e.rendered() && t && t.isConnected;
+		}).sort(G);
+	}
+	function he(e) {
+		return x(), $().find((t) => t.value() === e)?.element();
+	}
+	function ge(e) {
+		return x(), $().find((t) => t.value() === e)?.id();
+	}
+	function _e(e) {
+		E();
+		let t;
+		for (let n of P.values()) {
+			let r = n.element();
+			n.rendered() && r?.isConnected && n.value() === e && (!t || n.order > t.order) && (t = n);
+		}
+		return t?.id();
+	}
+	function ve(e, t) {
+		let n = K(Y(), e, X(), $());
+		return t.activationDirection = n, o.onValueChange?.(e, t), !t.isCanceled && (d || (R = e, B = !1, b(n), g(() => e)), !0);
+	}
+	function ye(e, t) {
+		R = e, B = !1, b("none"), g(() => e), o.onValueChange?.(e, l(t, void 0, void 0, { activationDirection: "none" })), V = !1;
+	}
+	let be = {
+		value: Y,
+		orientation: X,
+		tabActivationDirection: _,
+		state: Z,
+		tabsVersion: x,
+		panelsVersion: E,
+		getOrderedTabs: $,
+		getTabIndex(e) {
+			return x(), $().indexOf(e);
+		},
+		getPanelIndex(e) {
+			return E(), me().indexOf(e);
+		},
+		getTabElementBySelectedValue: he,
+		getTabIdByPanelValue: ge,
+		getTabPanelIdByValue: _e,
+		claimPanel: pe,
+		notifyTabChange: ue,
+		notifyPanelChange: de,
+		onValueChange: ve,
+		registerTab: Q,
+		registerPanel: fe
+	};
+	O(() => {
+		x();
+		let e = Y(), t = X(), n = $();
+		return {
+			currentValue: e,
+			direction: R === e && !B ? void 0 : K(R, e, t, n),
+			incomplete: R != null && e != null && n.every((t) => t.value() !== e)
+		};
+	}, (e) => {
+		e.direction !== void 0 && (B = e.incomplete, b(e.direction), B || (R = e.currentValue));
+	}), O(() => (x(), {
+		currentValue: Y(),
+		registrations: $().map((e) => ({
+			registration: e,
+			disabled: e.disabled(),
+			element: e.element(),
+			value: e.value()
+		}))
+	}), (e) => {
+		if (d) return;
+		let t = e.registrations;
+		if (t.length === 0) {
+			q && e.currentValue !== null && !J?.isConnected && ye(null, r);
+			return;
+		}
+		q = !0, J = t[0]?.element;
+		let n = t.find((t) => t.value === e.currentValue), s = t.find((e) => !e.disabled), c = n?.disabled === !0, u = n == null && e.currentValue !== null;
+		if (!c && e.currentValue === m && (W = !1), !(W && c && e.currentValue === m)) {
+			if (c || u) {
+				let t = s?.value ?? null;
+				if (e.currentValue === t) {
+					V = !1;
+					return;
+				}
+				ye(t, V ? i : c ? a : r);
+				return;
+			}
+			V && n && (o.onValueChange?.(e.currentValue, l(i, void 0, void 0, { activationDirection: "none" })), V = !1);
+		}
+	}), O(() => ({
+		defaultValue: o.defaultValue,
+		suppliedControlled: o.value !== void 0
+	}), (e) => {
+		ee() && (!ie && e.suppliedControlled !== d && (ie = !0, console.error(`Base UI: A Tabs component changed from ${d ? "controlled" : "uncontrolled"} to ${d ? "uncontrolled" : "controlled"}.`)), !d && !ae && e.defaultValue !== p && (ae = !0, console.error("Base UI: A Tabs component changed its defaultValue after initialization.")));
+	}), N(() => {
+		re = !0;
+	});
+	let xe = t(e, () => Z(), (e) => (() => {
+		var t = y(U);
+		return w(t, e, !1), C(), t;
+	})());
+	return v(z, {
+		value: be,
+		get children() {
+			return v(xe, S({
+				ref: [o.ref],
+				get class() {
+					return se();
+				},
+				get style() {
+					return ce();
+				}
+			}, le, oe));
+		}
+	});
+}
+function G(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 K(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 ee() {
+	return !1;
+}
+//#endregion
+//#region src/tabs/list/TabsListContext.ts
+var q = Symbol("TabsListContext"), J = D(q);
+function te() {
+	let e = L(J);
+	if (e === q) throw Error("Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.");
+	return e;
+}
+//#endregion
+//#region src/tabs/list/TabsList.tsx
+var ne = /* @__PURE__ */ T("<div>");
+function re(e) {
+	let r = B(), i = h(), a = e, o = e, [l, u] = A(), [p, m] = A(), g = /* @__PURE__ */ new Set(), _ = !1, b = 0, x, T = !1, E = !1, D = M(o, "activateOnFocus", "render", "class", "loopFocus", "onKeyDown", "ref", "style"), j = k(() => a.activateOnFocus ?? !1), N = k(() => a.loopFocus ?? !0), P = k(() => r.state()), F = k(() => s(e.class, P())), L = k(() => c(e.style, P())), R = k(() => n(P(), H));
+	function z() {
+		T = !0, !E && (E = !0, queueMicrotask(() => {
+			E = !1, T = !1;
+		}));
+	}
+	function V(e) {
+		b = I(r.getOrderedTabs).indexOf(e), x = e.token, m(e.token);
+	}
+	function U(e) {
+		return g.add(e), () => {
+			g.delete(e);
+		};
+	}
+	function W() {
+		for (let e of g) e();
+	}
+	function G(e) {
+		if (e.defaultPrevented || e.shiftKey || e.ctrlKey || e.altKey || e.metaKey) return;
+		let t = r.getOrderedTabs();
+		if (t.length < 2 && e.key !== "Home" && e.key !== "End") return;
+		let n = e.composedPath()[0], a = t.findIndex((e) => {
+			let t = e.element();
+			return t && n instanceof Node && t.contains(n);
+		});
+		if (a < 0) return;
+		let o;
+		if (e.key === "Home") o = oe(t, 1);
+		else if (e.key === "End") o = oe(t, -1);
+		else {
+			let n = ie(e.key, r.orientation(), i());
+			if (n === 0) return;
+			o = ae(t, a, n, N());
+		}
+		if (o === void 0 || o === a) return;
+		let s = t[o], c = s?.element();
+		!s || !c || (e.preventDefault(), e.stopPropagation(), z(), V(s), X(c, r.orientation()), queueMicrotask(() => s.element()?.focus()));
+	}
+	let K = d(f(() => a.onKeyDown), G), ee = {
+		activateOnFocus: j,
+		highlightedTab: p,
+		listElement: l,
+		markNavigating: z,
+		registerIndicatorUpdateListener: U,
+		setHighlightedTab: V
+	};
+	O(() => (r.tabsVersion(), {
+		activeValue: r.value(),
+		element: l(),
+		tabs: r.getOrderedTabs().map((e) => ({
+			registration: e,
+			element: e.element(),
+			disabled: e.disabled(),
+			value: e.value()
+		}))
+	}), (e) => {
+		let t = e.tabs.find((t) => t.value === e.activeValue), n = (e) => {
+			let t = e?.element;
+			return t && !Y(t) && !t.hidden && t.ownerDocument.defaultView?.getComputedStyle(t).display !== "none";
+		};
+		if (!_ && e.tabs.length > 0) {
+			_ = !0, V((n(t) ? t : e.tabs.find(n) ?? e.tabs[0]).registration);
+			return;
+		}
+		let r = e.tabs.findIndex((e) => e.registration.token === x);
+		if (r === -1 && e.tabs.length > 0) {
+			let r = e.tabs[b];
+			V((n(r) ? r : n(t) ? t : e.tabs.find(n) ?? e.tabs[0]).registration);
+		} else r !== -1 && (b = r);
+		if (!t || t.disabled || T) return;
+		let i = e.element ? Z(e.element.ownerDocument) : null;
+		e.element && i && se(e.element, i) || V(t.registration);
+	}), O(() => (r.tabsVersion(), {
+		element: l(),
+		tabs: r.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(W);
+		r.observe(t);
+		for (let t of e.tabs) r.observe(t);
+		return () => r.disconnect();
+	}), O(l, (e) => {
+		if (!e) return;
+		let t = e.ownerDocument.defaultView?.MutationObserver;
+		if (!t) return;
+		let n = new t(() => r.notifyTabChange());
+		return n.observe(e, {
+			childList: !0,
+			subtree: !0
+		}), () => n.disconnect();
+	}), O(() => ({
+		activeValue: r.value(),
+		version: r.tabsVersion()
+	}), () => W());
+	let q = t(e, () => P(), (e) => (() => {
+		var t = y(ne);
+		return w(t, e, !1), C(), t;
+	})());
+	return v(J, {
+		value: ee,
+		get children() {
+			return v(q, S({
+				ref: [((e) => u(e)), a.ref],
+				get class() {
+					return F();
+				},
+				get style() {
+					return L();
+				},
+				role: "tablist",
+				get "aria-orientation"() {
+					return r.orientation() === "vertical" ? "vertical" : void 0;
+				},
+				onKeyDown: K
+			}, R, D));
+		}
+	});
+}
+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 ae(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 oe(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 X(e, t) {
+	e.scrollIntoView?.({
+		block: t === "vertical" ? "nearest" : "center",
+		inline: t === "horizontal" ? "nearest" : "center"
+	});
+}
+function Z(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 ce = /* @__PURE__ */ function(e) {
+	return e.orientation = "data-orientation", e.activationDirection = "data-activation-direction", e.active = "data-active", e.disabled = "data-disabled", e;
+}({}), le = /* @__PURE__ */ T("<button>"), ue = {
+	...H,
+	active: (e) => e ? { [ce.active]: "" } : null,
+	disabled: (e) => e ? { [ce.disabled]: "" } : null
+};
+function de(e) {
+	let r = B(), i = te(), a = e, u = e, p = `base-ui-${j()}`, m = Symbol("TabsTab"), [h, g] = A(), _ = k(() => a.id ?? p), b = k(() => a.disabled ?? !1), x = k(() => a.nativeButton ?? !0), T = k(() => a.value === r.value()), E = {
+		token: m,
+		order: 0,
+		element: h,
+		id: _,
+		value: () => a.value,
+		disabled: b
+	}, D = r.registerTab(E), P = M(u, "render", "class", "disabled", "id", "nativeButton", "onClick", "onFocus", "onKeyDown", "onPointerDown", "ref", "style", "value"), F = k(() => ({
+		disabled: b(),
+		active: T(),
+		orientation: r.orientation(),
+		tabActivationDirection: r.tabActivationDirection()
+	})), L = k(() => s(e.class, F())), R = k(() => c(e.style, F())), z = k(() => n(F(), ue)), V = k(() => i.highlightedTab() === m ? 0 : -1), H = k(() => r.getTabPanelIdByValue(a.value)), U = !1, W = !1, G;
+	function K(e) {
+		r.onValueChange(a.value, l(o, e, void 0, { activationDirection: "none" }));
+	}
+	function ee(e) {
+		b() && (e.preventDefault(), e.preventBaseUIHandler());
+	}
+	function q(e) {
+		T() || b() || e.button !== 0 || K(e);
+	}
+	function J(e) {
+		i.setHighlightedTab(E), !T() && !b() && i.activateOnFocus() && (!U || W) && K(e);
+	}
+	function ne(e) {
+		if (T() || b()) return;
+		U = !0, W = e.button === 0, G?.();
+		let t = e.currentTarget.ownerDocument, n = () => {
+			U = !1, W = !1, G?.(), G = void 0;
+		};
+		t.addEventListener("pointerup", n), t.addEventListener("pointercancel", n), G = () => {
+			t.removeEventListener("pointerup", n), t.removeEventListener("pointercancel", n);
+		};
+	}
+	function re(e) {
+		e.target !== e.currentTarget || T() || b() || i.activateOnFocus() || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), K(e));
+	}
+	let ie = d(f(() => I(() => b() ? ee : void 0)), f(() => a.onClick), q), ae = d(f(() => a.onFocus), J), oe = d(f(() => a.onKeyDown), re), Y = d(f(() => a.onPointerDown), ne);
+	O(() => ({
+		disabled: b(),
+		element: h(),
+		id: _(),
+		value: a.value
+	}), () => r.notifyTabChange()), N(() => {
+		G?.(), D();
+	});
+	let X = t(e, () => F(), (e) => (() => {
+		var t = y(le);
+		return w(t, e, !1), C(), t;
+	})());
+	return v(X, S({
+		ref: [((e) => g(e)), a.ref],
+		get id() {
+			return _();
+		},
+		get class() {
+			return L();
+		},
+		get style() {
+			return R();
+		},
+		get type() {
+			return x() ? "button" : void 0;
+		},
+		role: "tab",
+		get tabIndex() {
+			return V();
+		},
+		get "aria-controls"() {
+			return H();
+		},
+		get "aria-selected"() {
+			return T() ? "true" : "false";
+		},
+		get "aria-disabled"() {
+			return b() ? "true" : void 0;
+		},
+		get "data-composite-item-active"() {
+			return T() ? "" : void 0;
+		},
+		onClick: ie,
+		onFocus: ae,
+		onKeyDown: oe,
+		onPointerDown: Y
+	}, z, P));
+}
+//#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;
+}({}), fe = /* @__PURE__ */ T("<span>"), pe = /* @__PURE__ */ T("<script>"), $ = {
+	...H,
+	activeTabPosition: () => null,
+	activeTabSize: () => null
+};
+function me(e) {
+	let r = B(), i = te(), a = _(), o = e, l = e, [u, d] = A(null), [f, p] = A(0), [m, h] = A(!!(b || F.hydrating)), T = { innerHTML: "" }, D = M(l, "render", "class", "ref", "renderBeforeHydration", "style"), j = k(() => ({
+		...r.state(),
+		activeTabPosition: u()?.position ?? null,
+		activeTabSize: u()?.size ?? null
+	})), I = k(() => s(e.class, j())), L = k(() => {
+		let e = u();
+		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`
+		};
+	}), R = k(() => {
+		let t = L(), n = c(e.style, j());
+		return t ? g(t, n) : n;
+	}), z = k(() => {
+		let e = u();
+		return !e || e.size.width <= 0 || e.size.height <= 0;
+	}), V = k(() => n(j(), $));
+	function H(e, t) {
+		if (!e || t == null) return null;
+		let n = r.getTabElementBySelectedValue(t);
+		if (!n) return null;
+		let i = ve(n), a = ve(e), o = n.getBoundingClientRect(), s = e.getBoundingClientRect(), c = a.width > 0 ? s.width / a.width : 1, l = a.height > 0 ? s.height / a.height : 1, { left: u, top: d } = he(n, e), f = (o.left - s.left) / c + e.scrollLeft - e.clientLeft, p = (o.top - s.top) / l + e.scrollTop - e.clientTop, m = _e(n);
+		return Math.abs(f - m.x - u) <= 2 && Math.abs(p - m.y - d) <= 2 && (u = f, d = p), {
+			position: {
+				left: u,
+				right: e.scrollWidth - u - i.width,
+				top: d,
+				bottom: e.scrollHeight - d - i.height
+			},
+			size: i
+		};
+	}
+	let U = i.registerIndicatorUpdateListener(() => {
+		p((e) => e + 1);
+	});
+	O(() => (f(), r.tabsVersion(), H(i.listElement(), r.value())), (e) => {
+		d(e);
+	}), P(() => {
+		h(!1);
+	}), N(U);
+	let W = t(e, () => j(), (e) => (() => {
+		var t = y(fe);
+		return w(t, e, !1), C(), t;
+	})());
+	return v(E, {
+		get when() {
+			return r.value() != null;
+		},
+		get children() {
+			return [v(W, S({
+				ref: [o.ref],
+				get class() {
+					return I();
+				},
+				get style() {
+					return R();
+				},
+				role: "presentation",
+				get hidden() {
+					return z();
+				}
+			}, V, D)), x(() => x(() => !!((o.renderBeforeHydration ?? !1) && m()))() ? (() => {
+				var e = y(pe);
+				return w(e, S({ get nonce() {
+					return a.nonce();
+				} }, T), !1), C(), e;
+			})() : (o.renderBeforeHydration ?? !1) && m())];
+		}
+	});
+}
+function he(e, t) {
+	let n = ge(e), r = ge(t), i = n.left - r.left - t.clientLeft, a = n.top - r.top - t.clientTop, o = e.assignedSlot ?? e.parentNode;
+	for (; o && o !== t;) o.nodeType === 1 && (i -= o.scrollLeft || 0, a -= o.scrollTop || 0), o = o.assignedSlot ?? o.parentNode ?? o.host;
+	return {
+		left: i,
+		top: a
+	};
+}
+function ge(e) {
+	let t = 0, n = 0, r = e;
+	for (; r;) {
+		t += r.offsetLeft, n += r.offsetTop;
+		let e = r.offsetParent;
+		e && (t += e.clientLeft, n += e.clientTop), r = e;
+	}
+	return {
+		left: t,
+		top: n
+	};
+}
+function _e(e) {
+	let t = e.ownerDocument.defaultView.getComputedStyle(e), n = t.transform.match(/matrix(?:3d)?\(([^)]+)\)/)?.[1]?.split(",").map(Number), r = n?.[n.length === 16 ? 12 : 4] ?? 0, i = n?.[n.length === 16 ? 13 : 5] ?? 0, a = t.translate?.split(" ") ?? [];
+	for (let t = 0; t < 2; t += 1) {
+		let n = a[t] ?? "", o = Number.parseFloat(n), s = Number.isFinite(o) ? o * (n.endsWith("%") ? (t === 0 ? e.offsetWidth : e.offsetHeight) / 100 : 1) : 0;
+		t === 0 ? r += s : i += s;
+	}
+	return {
+		x: r,
+		y: i
+	};
+}
+function ve(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 ye = /* @__PURE__ */ function(e) {
+	return e.orientation = "data-orientation", e.activationDirection = "data-activation-direction", e.hidden = "data-hidden", e.index = "data-index", e;
+}({}), be = /* @__PURE__ */ T("<div>"), xe = {
+	...H,
+	...u,
+	hidden: (e) => e ? { [ye.hidden]: "" } : null
+};
+function Se(e) {
+	let r = B(), i = e, a = e, o = `base-ui-${j()}`, l = Symbol("TabsPanel"), [u, d] = A(), f = k(() => i.id ?? o), h = k(() => i.value === r.value()), g = m(() => h()), _ = k(() => !g.mounted()), b = k(() => (i.keepMounted ?? !1) || g.mounted()), x = {
+		token: l,
+		order: 0,
+		element: u,
+		id: f,
+		value: () => i.value,
+		rendered: b
+	}, T = r.registerPanel(x), D = M(a, "render", "class", "id", "keepMounted", "ref", "style", "value"), P = k(() => ({
+		...r.state(),
+		hidden: _(),
+		transitionStatus: g.transitionStatus()
+	})), F = k(() => b() ? s(e.class, P()) : void 0), L = k(() => b() ? c(e.style, P()) : void 0), R = k(() => n(P(), xe)), z = k(() => r.getPanelIndex(x)), V = k(() => r.getTabIdByPanelValue(i.value)), H = I(h);
+	O(() => ({
+		element: u(),
+		open: h(),
+		status: g.transitionStatus()
+	}), (e) => {
+		if (H = e.open, e.open || e.status !== "ending" || !e.element) return;
+		let t = new AbortController();
+		return p(e.element, () => {
+			H || g.setMounted(!1);
+		}, t.signal), () => t.abort();
+	}), O(() => ({
+		element: u(),
+		id: f(),
+		rendered: b(),
+		value: i.value
+	}), (e) => {
+		e.rendered && e.element ? r.claimPanel(x) : r.notifyPanelChange();
+	}), N(() => T());
+	let U = t(e, () => P(), (e) => (() => {
+		var t = y(be);
+		return w(t, e, !1), C(), t;
+	})());
+	return v(E, {
+		get when() {
+			return b();
+		},
+		get children() {
+			return v(U, S({
+				ref: [((e) => d(e)), i.ref],
+				get id() {
+					return f();
+				},
+				get class() {
+					return F();
+				},
+				get style() {
+					return L();
+				},
+				role: "tabpanel",
+				get tabIndex() {
+					return h() ? 0 : -1;
+				},
+				get "aria-labelledby"() {
+					return V();
+				},
+				get hidden() {
+					return _();
+				},
+				get inert() {
+					return !h() || void 0;
+				},
+				get "data-index"() {
+					return z();
+				}
+			}, R, D));
+		}
+	});
+}
+//#endregion
+//#region src/tabs/index.parts.ts
+var Ce = /* @__PURE__ */ e({
+	Indicator: () => me,
+	List: () => re,
+	Panel: () => Se,
+	Root: () => W,
+	Tab: () => de
+});
+//#endregion
+export { Ce as t };

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

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