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

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

@@ -0,0 +1,692 @@
+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 } from "./internals/composeEventHandlers.js";
+import { t as f } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { t as p } from "./createTransitionStatus-BL_cPSEA.js";
+import { n as m } from "./DirectionContext-BwMabICS.js";
+import { n as h } from "./CSPContext-faVzToiT.js";
+import { mergeStyles as g } from "./internals/mergeStyles.js";
+import { createComponent as _, getNextElement as v, isServer as y, memo as b, mergeProps as x, runHydrationEvents as S, spread as C, template as w } from "@solidjs/web";
+import { Show as T, createContext as E, createEffect as D, createMemo as O, createSignal as k, createUniqueId as A, omit as ee, onCleanup as te, onSettled as j, sharedConfig as M, untrack as N, useContext as P } from "solid-js";
+//#region src/tabs/root/TabsRootContext.ts
+var F = Symbol("TabsRootContext"), I = E(F);
+function L() {
+	let e = P(I);
+	if (e === F) 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 R = /* @__PURE__ */ function(e) {
+	return e.orientation = "data-orientation", e.activationDirection = "data-activation-direction", e;
+}({}), z = {
+	orientation: (e) => ({ [R.orientation]: e }),
+	tabActivationDirection: (e) => ({ [R.activationDirection]: e })
+}, B = /* @__PURE__ */ w("<div>");
+function V(e) {
+	let o = e, u = e, d = N(() => o.value !== void 0), f = N(() => o.defaultValue !== void 0), p = N(() => o.defaultValue), m = N(() => o.defaultValue === void 0 ? 0 : o.defaultValue), [h, g] = k(() => m), [y, b] = k("none"), [w, T] = k(0), [E, A] = k(0), j = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map(), P = 0, F = 0, L = N(() => d ? o.value : h()), R = !1, V = !f, W = f, re = !1, ie, G = !1, K = !1, q = !1, ae = !1, J = !1, oe = ee(u, "render", "class", "defaultValue", "onValueChange", "orientation", "ref", "style", "value"), Y = O(() => d ? o.value : h()), X = O(() => o.orientation ?? "horizontal"), Z = O(() => ({
+		orientation: X(),
+		tabActivationDirection: y()
+	})), se = O(() => s(e.class, Z())), ce = O(() => c(e.style, Z())), le = O(() => n(Z(), z));
+	function ue() {
+		G || (G = !0, queueMicrotask(() => {
+			G = !1, q || T((e) => e + 1);
+		}));
+	}
+	function Q() {
+		K || (K = !0, queueMicrotask(() => {
+			K = !1, q || A((e) => e + 1);
+		}));
+	}
+	function de(e) {
+		return e.order = P, P += 1, j.set(e.token, e), ue(), () => {
+			j.delete(e.token), ue();
+		};
+	}
+	function fe(e) {
+		return e.order = F, F += 1, M.set(e.token, e), Q(), () => {
+			M.delete(e.token), Q();
+		};
+	}
+	function pe(e) {
+		M.has(e.token) && (e.order = F, F += 1, Q());
+	}
+	function $() {
+		return Array.from(j.values()).filter((e) => {
+			let t = e.element();
+			return t && t.isConnected;
+		}).sort(H);
+	}
+	function me() {
+		return Array.from(M.values()).filter((e) => {
+			let t = e.element();
+			return e.rendered() && t && t.isConnected;
+		}).sort(H);
+	}
+	function he(e) {
+		return w(), $().find((t) => t.value() === e)?.element();
+	}
+	function ge(e) {
+		return w(), $().find((t) => t.value() === e)?.id();
+	}
+	function _e(e) {
+		E();
+		let t;
+		for (let n of M.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 = U(Y(), e, X(), $());
+		return t.activationDirection = n, o.onValueChange?.(e, t), !t.isCanceled && (d || (L = e, R = !1, b(n), g(() => e)), !0);
+	}
+	function ye(e, t) {
+		L = e, R = !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: y,
+		state: Z,
+		tabsVersion: w,
+		panelsVersion: E,
+		getOrderedTabs: $,
+		getTabIndex(e) {
+			return w(), $().indexOf(e);
+		},
+		getPanelIndex(e) {
+			return E(), me().indexOf(e);
+		},
+		getTabElementBySelectedValue: he,
+		getTabIdByPanelValue: ge,
+		getTabPanelIdByValue: _e,
+		claimPanel: pe,
+		notifyTabChange: ue,
+		notifyPanelChange: Q,
+		onValueChange: ve,
+		registerTab: de,
+		registerPanel: fe
+	};
+	D(() => {
+		w();
+		let e = Y(), t = X(), n = $();
+		return {
+			currentValue: e,
+			direction: L === e && !R ? void 0 : U(L, e, t, n),
+			incomplete: L != null && e != null && n.every((t) => t.value() !== e)
+		};
+	}, (e) => {
+		e.direction !== void 0 && (R = e.incomplete, b(e.direction), R || (L = e.currentValue));
+	}), D(() => (w(), {
+		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) {
+			re && e.currentValue !== null && !ie?.isConnected && ye(null, r);
+			return;
+		}
+		re = !0, ie = 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);
+		}
+	}), D(() => ({
+		defaultValue: o.defaultValue,
+		suppliedControlled: o.value !== void 0
+	}), (e) => {
+		ne() && (!ae && e.suppliedControlled !== d && (ae = !0, console.error(`Base UI: A Tabs component changed from ${d ? "controlled" : "uncontrolled"} to ${d ? "uncontrolled" : "controlled"}.`)), !d && !J && e.defaultValue !== p && (J = !0, console.error("Base UI: A Tabs component changed its defaultValue after initialization.")));
+	}), te(() => {
+		q = !0;
+	});
+	let xe = t(e, () => Z(), (e) => (() => {
+		var t = v(B);
+		return C(t, e, !1), S(), t;
+	})());
+	return _(I, {
+		value: be,
+		get children() {
+			return _(xe, x({
+				ref: [o.ref],
+				get class() {
+					return se();
+				},
+				get style() {
+					return ce();
+				}
+			}, le, oe));
+		}
+	});
+}
+function H(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 U(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"), re = E(W);
+function ie() {
+	let e = P(re);
+	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
+var G = /* @__PURE__ */ w("<div>");
+function K(e) {
+	let r = L(), i = m(), a = e, o = e, [l, u] = k(), [f, p] = k(), h = /* @__PURE__ */ new Set(), g = !1, y = 0, b, w = !1, T = !1, E = ee(o, "activateOnFocus", "render", "class", "loopFocus", "onKeyDown", "ref", "style"), A = O(() => a.activateOnFocus ?? !1), te = O(() => a.loopFocus ?? !0), j = O(() => r.state()), M = O(() => s(e.class, j())), P = O(() => c(e.style, j())), F = O(() => n(j(), z));
+	function I() {
+		w = !0, !T && (T = !0, queueMicrotask(() => {
+			T = !1, w = !1;
+		}));
+	}
+	function R(e) {
+		y = N(r.getOrderedTabs).indexOf(e), b = e.token, p(e.token);
+	}
+	function B(e) {
+		return h.add(e), () => {
+			h.delete(e);
+		};
+	}
+	function V() {
+		for (let e of h) e();
+	}
+	function H(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 = J(t, 1);
+		else if (e.key === "End") o = J(t, -1);
+		else {
+			let n = q(e.key, r.orientation(), i());
+			if (n === 0) return;
+			o = ae(t, a, n, te());
+		}
+		if (o === void 0 || o === a) return;
+		let s = t[o], c = s?.element();
+		!s || !c || (e.preventDefault(), e.stopPropagation(), I(), R(s), Y(c, r.orientation()), queueMicrotask(() => s.element()?.focus()));
+	}
+	let U = d(() => a.onKeyDown, () => H), ne = {
+		activateOnFocus: A,
+		highlightedTab: f,
+		listElement: l,
+		markNavigating: I,
+		registerIndicatorUpdateListener: B,
+		setHighlightedTab: R
+	};
+	D(() => (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 && !oe(t) && !t.hidden && t.ownerDocument.defaultView?.getComputedStyle(t).display !== "none";
+		};
+		if (!g && e.tabs.length > 0) {
+			g = !0, R((n(t) ? t : e.tabs.find(n) ?? e.tabs[0]).registration);
+			return;
+		}
+		let r = e.tabs.findIndex((e) => e.registration.token === b);
+		if (r === -1 && e.tabs.length > 0) {
+			let r = e.tabs[y];
+			R((n(r) ? r : n(t) ? t : e.tabs.find(n) ?? e.tabs[0]).registration);
+		} else r !== -1 && (y = r);
+		if (!t || t.disabled || w) return;
+		let i = e.element ? X(e.element.ownerDocument) : null;
+		e.element && i && Z(e.element, i) || R(t.registration);
+	}), D(() => (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(V);
+		r.observe(t);
+		for (let t of e.tabs) r.observe(t);
+		return () => r.disconnect();
+	}), D(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();
+	}), D(() => ({
+		activeValue: r.value(),
+		version: r.tabsVersion()
+	}), () => V());
+	let W = t(e, () => j(), (e) => (() => {
+		var t = v(G);
+		return C(t, e, !1), S(), t;
+	})());
+	return _(re, {
+		value: ne,
+		get children() {
+			return _(W, x({
+				ref: [((e) => u(e)), a.ref],
+				get class() {
+					return M();
+				},
+				get style() {
+					return P();
+				},
+				role: "tablist",
+				get "aria-orientation"() {
+					return r.orientation() === "vertical" ? "vertical" : void 0;
+				},
+				onKeyDown: U
+			}, F, E));
+		}
+	});
+}
+function q(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 && !oe(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 && !oe(r) && !r.hidden) return n;
+		n += t;
+	}
+}
+function oe(e) {
+	try {
+		return e.matches(":disabled");
+	} catch {
+		return !1;
+	}
+}
+function Y(e, t) {
+	e.scrollIntoView?.({
+		block: t === "vertical" ? "nearest" : "center",
+		inline: t === "horizontal" ? "nearest" : "center"
+	});
+}
+function X(e) {
+	let t = e.activeElement;
+	for (; t?.shadowRoot?.activeElement;) t = t.shadowRoot.activeElement;
+	return t;
+}
+function Z(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 se = /* @__PURE__ */ function(e) {
+	return e.orientation = "data-orientation", e.activationDirection = "data-activation-direction", e.active = "data-active", e.disabled = "data-disabled", e;
+}({}), ce = /* @__PURE__ */ w("<button>"), le = {
+	...z,
+	active: (e) => e ? { [se.active]: "" } : null,
+	disabled: (e) => e ? { [se.disabled]: "" } : null
+};
+function ue(e) {
+	let r = L(), i = ie(), a = e, u = e, f = `base-ui-${A()}`, p = Symbol("TabsTab"), [m, h] = k(), g = O(() => a.id ?? f), y = O(() => a.disabled ?? !1), b = O(() => a.nativeButton ?? !0), w = O(() => a.value === r.value()), T = {
+		token: p,
+		order: 0,
+		element: m,
+		id: g,
+		value: () => a.value,
+		disabled: y
+	}, E = r.registerTab(T), j = ee(u, "render", "class", "disabled", "id", "nativeButton", "onClick", "onFocus", "onKeyDown", "onPointerDown", "ref", "style", "value"), M = O(() => ({
+		disabled: y(),
+		active: w(),
+		orientation: r.orientation(),
+		tabActivationDirection: r.tabActivationDirection()
+	})), P = O(() => s(e.class, M())), F = O(() => c(e.style, M())), I = O(() => n(M(), le)), R = O(() => i.highlightedTab() === p ? 0 : -1), z = O(() => r.getTabPanelIdByValue(a.value)), B = !1, V = !1, H;
+	function U(e) {
+		r.onValueChange(a.value, l(o, e, void 0, { activationDirection: "none" }));
+	}
+	function ne(e) {
+		y() && (e.preventDefault(), e.preventBaseUIHandler());
+	}
+	function W(e) {
+		w() || y() || e.button !== 0 || U(e);
+	}
+	function re(e) {
+		i.setHighlightedTab(T), !w() && !y() && i.activateOnFocus() && (!B || V) && U(e);
+	}
+	function G(e) {
+		if (w() || y()) return;
+		B = !0, V = e.button === 0, H?.();
+		let t = e.currentTarget.ownerDocument, n = () => {
+			B = !1, V = !1, H?.(), H = void 0;
+		};
+		t.addEventListener("pointerup", n), t.addEventListener("pointercancel", n), H = () => {
+			t.removeEventListener("pointerup", n), t.removeEventListener("pointercancel", n);
+		};
+	}
+	function K(e) {
+		e.target !== e.currentTarget || w() || y() || i.activateOnFocus() || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), U(e));
+	}
+	let q = d(() => N(() => y() ? ne : void 0), () => a.onClick, () => W), ae = d(() => a.onFocus, () => re), J = d(() => a.onKeyDown, () => K), oe = d(() => a.onPointerDown, () => G);
+	D(() => ({
+		disabled: y(),
+		element: m(),
+		id: g(),
+		value: a.value
+	}), () => r.notifyTabChange()), te(() => {
+		H?.(), E();
+	});
+	let Y = t(e, () => M(), (e) => (() => {
+		var t = v(ce);
+		return C(t, e, !1), S(), t;
+	})());
+	return _(Y, x({
+		ref: [((e) => h(e)), a.ref],
+		get id() {
+			return g();
+		},
+		get class() {
+			return P();
+		},
+		get style() {
+			return F();
+		},
+		get type() {
+			return b() ? "button" : void 0;
+		},
+		role: "tab",
+		get tabIndex() {
+			return R();
+		},
+		get "aria-controls"() {
+			return z();
+		},
+		get "aria-selected"() {
+			return w() ? "true" : "false";
+		},
+		get "aria-disabled"() {
+			return y() ? "true" : void 0;
+		},
+		get "data-composite-item-active"() {
+			return w() ? "" : void 0;
+		},
+		onClick: q,
+		onFocus: ae,
+		onKeyDown: J,
+		onPointerDown: oe
+	}, I, j));
+}
+//#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;
+}({}), de = /* @__PURE__ */ w("<span>"), fe = /* @__PURE__ */ w("<script>"), pe = {
+	...z,
+	activeTabPosition: () => null,
+	activeTabSize: () => null
+};
+function $(e) {
+	let r = L(), i = ie(), a = h(), o = e, l = e, [u, d] = k(null), [f, p] = k(0), [m, w] = k(!!(y || M.hydrating)), E = { innerHTML: "" }, A = ee(l, "render", "class", "ref", "renderBeforeHydration", "style"), N = O(() => ({
+		...r.state(),
+		activeTabPosition: u()?.position ?? null,
+		activeTabSize: u()?.size ?? null
+	})), P = O(() => s(e.class, N())), F = O(() => {
+		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`
+		};
+	}), I = O(() => g(F(), c(e.style, N()))), R = O(() => {
+		let e = u();
+		return !e || e.size.width <= 0 || e.size.height <= 0;
+	}), z = O(() => n(N(), pe));
+	function B(e, t) {
+		if (!e || t == null) return null;
+		let n = r.getTabElementBySelectedValue(t);
+		if (!n) return null;
+		let i = _e(n), a = _e(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 } = me(n, e), f = (o.left - s.left) / c + e.scrollLeft - e.clientLeft, p = (o.top - s.top) / l + e.scrollTop - e.clientTop, m = ge(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 V = i.registerIndicatorUpdateListener(() => {
+		p((e) => e + 1);
+	});
+	D(() => (f(), r.tabsVersion(), B(i.listElement(), r.value())), (e) => {
+		d(e);
+	}), j(() => {
+		w(!1);
+	}), te(V);
+	let H = t(e, () => N(), (e) => (() => {
+		var t = v(de);
+		return C(t, e, !1), S(), t;
+	})());
+	return _(T, {
+		get when() {
+			return r.value() != null;
+		},
+		get children() {
+			return [_(H, x({
+				ref: [o.ref],
+				get class() {
+					return P();
+				},
+				get style() {
+					return I();
+				},
+				role: "presentation",
+				get hidden() {
+					return R();
+				}
+			}, z, A)), b(() => b(() => !!((o.renderBeforeHydration ?? !1) && m()))() ? (() => {
+				var e = v(fe);
+				return C(e, x({ get nonce() {
+					return a.nonce();
+				} }, E), !1), S(), e;
+			})() : (o.renderBeforeHydration ?? !1) && m())];
+		}
+	});
+}
+function me(e, t) {
+	let n = he(e), r = he(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 he(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 ge(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 _e(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 ve = /* @__PURE__ */ function(e) {
+	return e.orientation = "data-orientation", e.activationDirection = "data-activation-direction", e.hidden = "data-hidden", e.index = "data-index", e;
+}({}), ye = /* @__PURE__ */ w("<div>"), be = {
+	...z,
+	...u,
+	hidden: (e) => e ? { [ve.hidden]: "" } : null
+};
+function xe(e) {
+	let r = L(), i = e, a = e, o = `base-ui-${A()}`, l = Symbol("TabsPanel"), [u, d] = k(), m = O(() => i.id ?? o), h = O(() => i.value === r.value()), g = p(() => h()), y = O(() => !g.mounted()), b = O(() => (i.keepMounted ?? !1) || g.mounted()), w = {
+		token: l,
+		order: 0,
+		element: u,
+		id: m,
+		value: () => i.value,
+		rendered: b
+	}, E = r.registerPanel(w), j = ee(a, "render", "class", "id", "keepMounted", "ref", "style", "value"), M = O(() => ({
+		...r.state(),
+		hidden: y(),
+		transitionStatus: g.transitionStatus()
+	})), P = O(() => b() ? s(e.class, M()) : void 0), F = O(() => b() ? c(e.style, M()) : void 0), I = O(() => n(M(), be)), R = O(() => r.getPanelIndex(w)), z = O(() => r.getTabIdByPanelValue(i.value)), B = N(h);
+	D(() => ({
+		element: u(),
+		open: h(),
+		status: g.transitionStatus()
+	}), (e) => {
+		if (B = e.open, e.open || e.status !== "ending" || !e.element) return;
+		let t = new AbortController();
+		return f(e.element, () => {
+			B || g.setMounted(!1);
+		}, t.signal), () => t.abort();
+	}), D(() => ({
+		element: u(),
+		id: m(),
+		rendered: b(),
+		value: i.value
+	}), (e) => {
+		e.rendered && e.element ? r.claimPanel(w) : r.notifyPanelChange();
+	}), te(() => E());
+	let V = t(e, () => M(), (e) => (() => {
+		var t = v(ye);
+		return C(t, e, !1), S(), t;
+	})());
+	return _(T, {
+		get when() {
+			return b();
+		},
+		get children() {
+			return _(V, x({
+				ref: [((e) => d(e)), i.ref],
+				get id() {
+					return m();
+				},
+				get class() {
+					return P();
+				},
+				get style() {
+					return F();
+				},
+				role: "tabpanel",
+				get tabIndex() {
+					return h() ? 0 : -1;
+				},
+				get "aria-labelledby"() {
+					return z();
+				},
+				get hidden() {
+					return y();
+				},
+				get inert() {
+					return !h() || void 0;
+				},
+				get "data-index"() {
+					return R();
+				}
+			}, I, j));
+		}
+	});
+}
+//#endregion
+//#region src/tabs/index.parts.ts
+var Se = /* @__PURE__ */ e({
+	Indicator: () => $,
+	List: () => K,
+	Panel: () => xe,
+	Root: () => V,
+	Tab: () => ue
+});
+//#endregion
+export { Se 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-7LdqZWOs.js";
 export { t as Toast, n as createToastManager, e as useToastManager };