@noxickon/onyx 5.0.2 → 6.1.0

package/dist/node_modules/@base-ui/react/tabs/indicator/TabsIndicator.js

@@ -0,0 +1,77 @@
+"use client";
+import { useRenderElement as e } from "../../internals/useRenderElement.js";
+import { useForcedRerendering as t } from "../../../utils/useForcedRerendering.js";
+import { getCssDimensions as n } from "../../utils/getCssDimensions.js";
+import { useCSPContext as r } from "../../internals/csp-context/CSPContext.js";
+import { useTabsRootContext as i } from "../root/TabsRootContext.js";
+import { tabsStateAttributesMapping as a } from "../root/stateAttributesMapping.js";
+import { useTabsListContext as o } from "../list/TabsListContext.js";
+import { useIsHydrating as s } from "../../utils/useIsHydrating.js";
+import "./prehydrationScript.min.js";
+import { TabsIndicatorCssVars as c } from "./TabsIndicatorCssVars.js";
+import * as l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/tabs/indicator/TabsIndicator.mjs
+var f = {
+	...a,
+	activeTabPosition: () => null,
+	activeTabSize: () => null
+}, p = /*#__PURE__*/ l.forwardRef(function(a, p) {
+	let { className: m, render: h, renderBeforeHydration: g = !1, style: _, ...v } = a, { nonce: y } = r(), { getTabElementBySelectedValue: b, orientation: x, tabActivationDirection: S, value: C } = i(), { tabsListElement: w, registerIndicatorUpdateListener: T } = o(), E = s(), D = t();
+	l.useEffect(() => T(D), [T, D]);
+	let O = 0, k = 0, A = 0, j = 0, M = 0, N = 0, P = !1;
+	if (C != null && w != null) {
+		let e = b(C);
+		if (e != null) {
+			P = !0;
+			let { width: t, height: r } = n(e), { width: i, height: a } = n(w), o = e.getBoundingClientRect(), s = w.getBoundingClientRect(), c = i > 0 ? s.width / i : 1, l = a > 0 ? s.height / a : 1;
+			if (Math.abs(c) > 2 ** -52 && Math.abs(l) > 2 ** -52) {
+				let e = o.left - s.left, t = o.top - s.top;
+				O = e / c + w.scrollLeft - w.clientLeft, A = t / l + w.scrollTop - w.clientTop;
+			} else O = e.offsetLeft, A = e.offsetTop;
+			M = t, N = r, k = w.scrollWidth - O - M, j = w.scrollHeight - A - N;
+		}
+	}
+	let F = P ? {
+		left: O,
+		right: k,
+		top: A,
+		bottom: j
+	} : null, I = P ? {
+		width: M,
+		height: N
+	} : null, L = P ? {
+		[c.activeTabLeft]: `${O}px`,
+		[c.activeTabRight]: `${k}px`,
+		[c.activeTabTop]: `${A}px`,
+		[c.activeTabBottom]: `${j}px`,
+		[c.activeTabWidth]: `${M}px`,
+		[c.activeTabHeight]: `${N}px`
+	} : void 0, R = e("span", a, {
+		state: {
+			orientation: x,
+			activeTabPosition: F,
+			activeTabSize: I,
+			tabActivationDirection: S
+		},
+		ref: p,
+		props: [
+			{
+				role: "presentation",
+				style: L,
+				hidden: !(P && M > 0 && N > 0)
+			},
+			v,
+			{ suppressHydrationWarning: !0 }
+		],
+		stateAttributesMapping: f
+	});
+	return C == null ? null : /*#__PURE__*/ d(l.Fragment, { children: [R, E && g && /*#__PURE__*/ u("script", {
+		nonce: y,
+		dangerouslySetInnerHTML: { __html: "!function(){const t=document.currentScript.previousElementSibling;if(!t)return;const e=t.closest('[role=\"tablist\"]');if(!e)return;const i=e.querySelector(\"[data-active]\");if(!i)return;if(0===i.offsetWidth||0===e.offsetWidth)return;let o=0,n=0,h=0,l=0,r=0,f=0;function s(t){const e=getComputedStyle(t);let i=parseFloat(e.width)||0,o=parseFloat(e.height)||0;return(Math.round(i)!==t.offsetWidth||Math.round(o)!==t.offsetHeight)&&(i=t.offsetWidth,o=t.offsetHeight),{width:i,height:o}}if(null!=i&&null!=e){const{width:t,height:c}=s(i),{width:u,height:d}=s(e),a=i.getBoundingClientRect(),g=e.getBoundingClientRect(),p=u>0?g.width/u:1,b=d>0?g.height/d:1;if(Math.abs(p)>Number.EPSILON&&Math.abs(b)>Number.EPSILON){const t=a.left-g.left,i=a.top-g.top;o=t/p+e.scrollLeft-e.clientLeft,h=i/b+e.scrollTop-e.clientTop}else o=i.offsetLeft,h=i.offsetTop;r=t,f=c,n=e.scrollWidth-o-r,l=e.scrollHeight-h-f}function c(e,i){t.style.setProperty(`--active-tab-${e}`,`${i}px`)}c(\"left\",o),c(\"right\",n),c(\"top\",h),c(\"bottom\",l),c(\"width\",r),c(\"height\",f),r>0&&f>0&&t.removeAttribute(\"hidden\")}();" },
+		suppressHydrationWarning: !0
+	})] });
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "TabsIndicator");
+//#endregion
+export { p as TabsIndicator };

package/dist/node_modules/@base-ui/react/tabs/indicator/TabsIndicatorCssVars.js

@@ -0,0 +1,6 @@
+//#region node_modules/@base-ui/react/tabs/indicator/TabsIndicatorCssVars.mjs
+var e = /*#__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;
+}({});
+//#endregion
+export { e as TabsIndicatorCssVars };

package/dist/node_modules/@base-ui/react/tabs/indicator/prehydrationScript.min.js

@@ -0,0 +1,4 @@
+//#region node_modules/@base-ui/react/tabs/indicator/prehydrationScript.min.mjs
+var e = "!function(){const t=document.currentScript.previousElementSibling;if(!t)return;const e=t.closest('[role=\"tablist\"]');if(!e)return;const i=e.querySelector(\"[data-active]\");if(!i)return;if(0===i.offsetWidth||0===e.offsetWidth)return;let o=0,n=0,h=0,l=0,r=0,f=0;function s(t){const e=getComputedStyle(t);let i=parseFloat(e.width)||0,o=parseFloat(e.height)||0;return(Math.round(i)!==t.offsetWidth||Math.round(o)!==t.offsetHeight)&&(i=t.offsetWidth,o=t.offsetHeight),{width:i,height:o}}if(null!=i&&null!=e){const{width:t,height:c}=s(i),{width:u,height:d}=s(e),a=i.getBoundingClientRect(),g=e.getBoundingClientRect(),p=u>0?g.width/u:1,b=d>0?g.height/d:1;if(Math.abs(p)>Number.EPSILON&&Math.abs(b)>Number.EPSILON){const t=a.left-g.left,i=a.top-g.top;o=t/p+e.scrollLeft-e.clientLeft,h=i/b+e.scrollTop-e.clientTop}else o=i.offsetLeft,h=i.offsetTop;r=t,f=c,n=e.scrollWidth-o-r,l=e.scrollHeight-h-f}function c(e,i){t.style.setProperty(`--active-tab-${e}`,`${i}px`)}c(\"left\",o),c(\"right\",n),c(\"top\",h),c(\"bottom\",l),c(\"width\",r),c(\"height\",f),r>0&&f>0&&t.removeAttribute(\"hidden\")}();";
+//#endregion
+export { e as script };

package/dist/node_modules/@base-ui/react/tabs/list/TabsList.js

@@ -0,0 +1,78 @@
+"use client";
+import { useStableCallback as e } from "../../../utils/useStableCallback.js";
+import { useIsoLayoutEffect as t } from "../../../utils/useIsoLayoutEffect.js";
+import { EMPTY_ARRAY as n } from "../../../utils/empty.js";
+import { CompositeRoot as r } from "../../internals/composite/root/CompositeRoot.js";
+import { useTabsRootContext as i } from "../root/TabsRootContext.js";
+import { tabsStateAttributesMapping as a } from "../root/stateAttributesMapping.js";
+import { TabsListContext as o } from "./TabsListContext.js";
+import * as s from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/tabs/list/TabsList.mjs
+var l = /*#__PURE__*/ s.forwardRef(function(l, u) {
+	let { activateOnFocus: d = !1, className: f, loopFocus: p = !0, render: m, style: h, ...g } = l, { onValueChange: _, orientation: v, value: y, setTabMap: b, tabActivationDirection: x } = i(), [S, C] = s.useState(0), [w, T] = s.useState(null), E = s.useRef(/* @__PURE__ */ new Set()), D = s.useRef(/* @__PURE__ */ new Set()), O = s.useRef(null);
+	t(() => {
+		if (typeof ResizeObserver > "u") return;
+		let e = new ResizeObserver(() => {
+			E.current.forEach((e) => {
+				e();
+			});
+		});
+		return O.current = e, w && e.observe(w), D.current.forEach((t) => {
+			e.observe(t);
+		}), () => {
+			e.disconnect(), O.current = null;
+		};
+	}, [w]);
+	let k = e((e) => (E.current.add(e), () => {
+		E.current.delete(e);
+	})), A = e((e) => (D.current.add(e), O.current?.observe(e), () => {
+		D.current.delete(e), O.current?.unobserve(e);
+	})), j = e((e, t) => {
+		e !== y && _(e, t);
+	}), M = {
+		orientation: v,
+		tabActivationDirection: x
+	}, N = {
+		"aria-orientation": v === "vertical" ? "vertical" : void 0,
+		role: "tablist"
+	}, P = s.useMemo(() => ({
+		activateOnFocus: d,
+		highlightedTabIndex: S,
+		registerIndicatorUpdateListener: k,
+		registerTabResizeObserverElement: A,
+		onTabActivation: j,
+		setHighlightedTabIndex: C,
+		tabsListElement: w
+	}), [
+		d,
+		S,
+		k,
+		A,
+		j,
+		C,
+		w
+	]);
+	return /*#__PURE__*/ c(o.Provider, {
+		value: P,
+		children: /*#__PURE__*/ c(r, {
+			render: m,
+			className: f,
+			style: h,
+			state: M,
+			refs: [u, T],
+			props: [N, g],
+			stateAttributesMapping: a,
+			highlightedIndex: S,
+			enableHomeAndEndKeys: !0,
+			loopFocus: p,
+			orientation: v,
+			onHighlightedIndexChange: C,
+			onMapChange: b,
+			disabledIndices: n
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "TabsList");
+//#endregion
+export { l as TabsList };

package/dist/node_modules/@base-ui/react/tabs/list/TabsListContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/tabs/list/TabsListContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "TabsListContext");
+function r() {
+	let r = t.useContext(n);
+	if (r === void 0) throw Error(process.env.NODE_ENV === "production" ? e(65) : "Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.");
+	return r;
+}
+//#endregion
+export { n as TabsListContext, r as useTabsListContext };

package/dist/node_modules/@base-ui/react/tabs/panel/TabsPanel.js

@@ -0,0 +1,66 @@
+"use client";
+import { useIsoLayoutEffect as e } from "../../../utils/useIsoLayoutEffect.js";
+import { useRenderElement as t } from "../../internals/useRenderElement.js";
+import { useBaseUiId as n } from "../../internals/useBaseUiId.js";
+import { useTransitionStatus as r } from "../../internals/useTransitionStatus.js";
+import { useCompositeListItem as i } from "../../internals/composite/list/useCompositeListItem.js";
+import { transitionStatusMapping as a } from "../../internals/stateAttributesMapping.js";
+import { useOpenChangeComplete as o } from "../../internals/useOpenChangeComplete.js";
+import { inertValue as s } from "../../../utils/inertValue.js";
+import { useTabsRootContext as c } from "../root/TabsRootContext.js";
+import { tabsStateAttributesMapping as l } from "../root/stateAttributesMapping.js";
+import { TabsPanelDataAttributes as u } from "./TabsPanelDataAttributes.js";
+import * as d from "react";
+//#region node_modules/@base-ui/react/tabs/panel/TabsPanel.mjs
+var f = {
+	...l,
+	...a
+}, p = /*#__PURE__*/ d.forwardRef(function(a, l) {
+	let { className: p, value: m, render: h, keepMounted: g = !1, style: _, ...v } = a, { value: y, getTabIdByPanelValue: b, orientation: x, tabActivationDirection: S, registerMountedTabPanel: C, unregisterMountedTabPanel: w } = c(), T = n(), { ref: E, index: D } = i({ metadata: d.useMemo(() => ({
+		id: T,
+		value: m
+	}), [T, m]) }), O = m === y, { mounted: k, transitionStatus: A, setMounted: j } = r(O), M = !k, N = b(m), P = {
+		hidden: M,
+		orientation: x,
+		tabActivationDirection: S,
+		transitionStatus: A
+	}, F = d.useRef(null), I = t("div", a, {
+		state: P,
+		ref: [
+			l,
+			E,
+			F
+		],
+		props: [{
+			"aria-labelledby": N,
+			hidden: M,
+			id: T,
+			role: "tabpanel",
+			tabIndex: O ? 0 : -1,
+			inert: s(!O),
+			[u.index]: D
+		}, v],
+		stateAttributesMapping: f
+	});
+	return o({
+		open: O,
+		ref: F,
+		onComplete() {
+			O || j(!1);
+		}
+	}), e(() => {
+		if (!(M && !g) && T != null) return C(m, T), () => {
+			w(m, T);
+		};
+	}, [
+		M,
+		g,
+		m,
+		T,
+		C,
+		w
+	]), g || k ? I : null;
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "TabsPanel");
+//#endregion
+export { p as TabsPanel };

package/dist/node_modules/@base-ui/react/tabs/panel/TabsPanelDataAttributes.js

@@ -0,0 +1,7 @@
+import { TransitionStatusDataAttributes as e } from "../../internals/stateAttributesMapping.js";
+//#region node_modules/@base-ui/react/tabs/panel/TabsPanelDataAttributes.mjs
+var t = function(t) {
+	return t.index = "data-index", t.activationDirection = "data-activation-direction", t.orientation = "data-orientation", t.hidden = "data-hidden", t[t.startingStyle = e.startingStyle] = "startingStyle", t[t.endingStyle = e.endingStyle] = "endingStyle", t;
+}({});
+//#endregion
+export { t as TabsPanelDataAttributes };

package/dist/node_modules/@base-ui/react/tabs/root/TabsRoot.js

@@ -0,0 +1,159 @@
+"use client";
+import { useControlled as e } from "../../../utils/useControlled.js";
+import { useStableCallback as t } from "../../../utils/useStableCallback.js";
+import { useIsoLayoutEffect as n } from "../../../utils/useIsoLayoutEffect.js";
+import { CompositeList as r } from "../../internals/composite/list/CompositeList.js";
+import { useRenderElement as i } from "../../internals/useRenderElement.js";
+import { disabled as a, initial as o, missing as s } from "../../internals/reason-parts.js";
+import { createChangeEventDetails as c } from "../../internals/createBaseUIEventDetails.js";
+import { TabsRootContext as l } from "./TabsRootContext.js";
+import { tabsStateAttributesMapping as u } from "./stateAttributesMapping.js";
+import * as d from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region node_modules/@base-ui/react/tabs/root/TabsRoot.mjs
+var p = /*#__PURE__*/ d.forwardRef(function(p, h) {
+	let { className: ee, defaultValue: g = 0, onValueChange: _, orientation: v = "horizontal", render: te, value: y, style: ne, ...b } = p, x = p.defaultValue !== void 0, S = d.useRef([]), [C, w] = d.useState(() => /* @__PURE__ */ new Map()), [T, E] = e({
+		controlled: y,
+		default: g,
+		name: "Tabs",
+		state: "value"
+	}), D = y !== void 0, [O, k] = d.useState(() => /* @__PURE__ */ new Map()), A = d.useRef(void 0), j = d.useCallback((e) => {
+		if (e === void 0) return null;
+		for (let [t, n] of O.entries()) if (n != null && e === (n.value ?? n.index)) return t;
+		return null;
+	}, [O]), [M, N] = d.useState(() => ({
+		previousValue: T,
+		tabActivationDirection: "none"
+	})), { previousValue: P, tabActivationDirection: F } = M, I = F, L = !1;
+	P !== T && (I = m(P, T, v, O), L = P != null && T != null && j(T) == null);
+	let R = L ? P : T, z = P !== R || F !== I;
+	n(() => {
+		z && N({
+			previousValue: R,
+			tabActivationDirection: I
+		});
+	}, [
+		R,
+		z,
+		I
+	]);
+	let B = t((e, t) => {
+		t.activationDirection = m(T, e, v, O), _?.(e, t), !t.isCanceled && E(e);
+	}), V = t((e, t) => {
+		_?.(e, c(t, void 0, void 0, { activationDirection: "none" }));
+	}), H = t((e, t) => {
+		w((n) => {
+			if (n.get(e) === t) return n;
+			let r = new Map(n);
+			return r.set(e, t), r;
+		});
+	}), U = t((e, t) => {
+		w((n) => {
+			if (!n.has(e) || n.get(e) !== t) return n;
+			let r = new Map(n);
+			return r.delete(e), r;
+		});
+	}), W = d.useCallback((e) => C.get(e), [C]), G = d.useCallback((e) => {
+		for (let t of O.values()) if (e === t?.value) return t?.id;
+	}, [O]), K = d.useMemo(() => ({
+		getTabElementBySelectedValue: j,
+		getTabIdByPanelValue: G,
+		getTabPanelIdByValue: W,
+		onValueChange: B,
+		orientation: v,
+		registerMountedTabPanel: H,
+		setTabMap: k,
+		unregisterMountedTabPanel: U,
+		tabActivationDirection: I,
+		value: T
+	}), [
+		j,
+		G,
+		W,
+		B,
+		v,
+		H,
+		k,
+		U,
+		I,
+		T
+	]), q = d.useMemo(() => {
+		for (let e of O.values()) if (e != null && e.value === T) return e;
+	}, [O, T]), J = d.useMemo(() => {
+		for (let e of O.values()) if (e != null && !e.disabled) return e.value;
+	}, [O]), Y = d.useRef(!x), X = d.useRef(g), Z = d.useRef(x), Q = d.useRef(!1);
+	n(() => {
+		if (D) return;
+		function e(e, t) {
+			E(e), N((t) => t.previousValue === e && t.tabActivationDirection === "none" ? t : {
+				previousValue: e,
+				tabActivationDirection: "none"
+			}), V(e, t), Y.current = !1;
+		}
+		if (O.size === 0) {
+			Q.current && T !== null && !A.current?.isConnected && e(null, s);
+			return;
+		}
+		Q.current = !0, A.current = O.keys().next().value;
+		let t = q?.disabled, n = q == null && T !== null;
+		if (!t && T === X.current && (Z.current = !1), Z.current && t && T === X.current) return;
+		let r = Y.current;
+		if (t || n) {
+			let n = J ?? null;
+			if (T === n) {
+				Y.current = !1;
+				return;
+			}
+			let i = s;
+			r ? i = o : t && (i = a), e(n, i);
+			return;
+		}
+		r && q != null && (V(T, o), Y.current = !1);
+	}, [
+		J,
+		D,
+		V,
+		q,
+		E,
+		O,
+		T
+	]);
+	let $ = i("div", p, {
+		state: {
+			orientation: v,
+			tabActivationDirection: I
+		},
+		ref: h,
+		props: b,
+		stateAttributesMapping: u
+	});
+	return /*#__PURE__*/ f(l.Provider, {
+		value: K,
+		children: /*#__PURE__*/ f(r, {
+			elementsRef: S,
+			children: $
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "TabsRoot");
+function m(e, t, n, r) {
+	if (e == null || t == null) return "none";
+	let i = null, a = null;
+	for (let [n, o] of r.entries()) {
+		if (o == null) continue;
+		let r = o.value ?? o.index;
+		if (e === r && (i = n), t === r && (a = n), i != null && a != null) break;
+	}
+	if (i == null || a == null) return i !== a && (typeof e == "number" || typeof e == "string") && typeof e == typeof t ? n === "horizontal" ? t > e ? "right" : "left" : t > e ? "down" : "up" : "none";
+	let o = i.getBoundingClientRect(), s = a.getBoundingClientRect();
+	if (n === "horizontal") {
+		if (s.left < o.left) return "left";
+		if (s.left > o.left) return "right";
+	} else {
+		if (s.top < o.top) return "up";
+		if (s.top > o.top) return "down";
+	}
+	return "none";
+}
+//#endregion
+export { p as TabsRoot };

package/dist/node_modules/@base-ui/react/tabs/root/TabsRootContext.js

@@ -0,0 +1,13 @@
+"use client";
+import e from "../../../utils/formatErrorMessage.js";
+import * as t from "react";
+//#region node_modules/@base-ui/react/tabs/root/TabsRootContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "TabsRootContext");
+function r() {
+	let r = t.useContext(n);
+	if (r === void 0) throw Error(process.env.NODE_ENV === "production" ? e(64) : "Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.");
+	return r;
+}
+//#endregion
+export { n as TabsRootContext, r as useTabsRootContext };

package/dist/node_modules/@base-ui/react/tabs/root/TabsRootDataAttributes.js

@@ -0,0 +1,6 @@
+//#region node_modules/@base-ui/react/tabs/root/TabsRootDataAttributes.mjs
+var e = /*#__PURE__*/ function(e) {
+	return e.activationDirection = "data-activation-direction", e.orientation = "data-orientation", e;
+}({});
+//#endregion
+export { e as TabsRootDataAttributes };

package/dist/node_modules/@base-ui/react/tabs/root/stateAttributesMapping.js

@@ -0,0 +1,5 @@
+import { TabsRootDataAttributes as e } from "./TabsRootDataAttributes.js";
+//#region node_modules/@base-ui/react/tabs/root/stateAttributesMapping.mjs
+var t = { tabActivationDirection: (t) => ({ [e.activationDirection]: t }) };
+//#endregion
+export { t as tabsStateAttributesMapping };

package/dist/node_modules/@base-ui/react/tabs/tab/TabsTab.js

@@ -0,0 +1,105 @@
+"use client";
+import { useIsoLayoutEffect as e } from "../../../utils/useIsoLayoutEffect.js";
+import { useRenderElement as t } from "../../internals/useRenderElement.js";
+import { useBaseUiId as n } from "../../internals/useBaseUiId.js";
+import { none as r } from "../../internals/reason-parts.js";
+import { createChangeEventDetails as i } from "../../internals/createBaseUIEventDetails.js";
+import { useButton as a } from "../../internals/use-button/useButton.js";
+import { ownerDocument as o } from "../../../utils/owner.js";
+import { activeElement as s, contains as c } from "../../internals/shadowDom.js";
+import { useCompositeItem as l } from "../../internals/composite/item/useCompositeItem.js";
+import { ACTIVE_COMPOSITE_ITEM as u } from "../../internals/composite/constants.js";
+import { useTabsRootContext as d } from "../root/TabsRootContext.js";
+import { tabsStateAttributesMapping as f } from "../root/stateAttributesMapping.js";
+import { useTabsListContext as p } from "../list/TabsListContext.js";
+import * as m from "react";
+//#region node_modules/@base-ui/react/tabs/tab/TabsTab.mjs
+var h = /*#__PURE__*/ m.forwardRef(function(h, g) {
+	let { className: _, disabled: v = !1, render: y, value: b, id: x, nativeButton: S = !0, style: C, ...w } = h, { value: T, getTabPanelIdByValue: E, orientation: D, tabActivationDirection: O } = d(), { activateOnFocus: k, highlightedTabIndex: A, onTabActivation: j, registerTabResizeObserverElement: M, setHighlightedTabIndex: N, tabsListElement: P } = p(), F = n(x), { compositeProps: I, compositeRef: L, index: R } = l({ metadata: m.useMemo(() => ({
+		disabled: v,
+		id: F,
+		value: b
+	}), [
+		v,
+		F,
+		b
+	]) }), z = b === T, B = m.useRef(!1), V = m.useRef(null);
+	e(() => {
+		let e = V.current;
+		if (e) return M(e);
+	}, [M]), e(() => {
+		if (B.current) {
+			B.current = !1;
+			return;
+		}
+		if (!(z && R > -1 && A !== R)) return;
+		let e = P;
+		if (e != null) {
+			let t = s(o(e));
+			if (t && c(e, t)) return;
+		}
+		v || N(R);
+	}, [
+		z,
+		R,
+		A,
+		N,
+		v,
+		P
+	]);
+	let { getButtonProps: H, buttonRef: U } = a({
+		disabled: v,
+		native: S,
+		focusableWhenDisabled: !0
+	}), W = E(b), G = m.useRef(!1), K = m.useRef(!1);
+	function q(e) {
+		z || v || j(b, i(r, e.nativeEvent, void 0, { activationDirection: "none" }));
+	}
+	function J(e) {
+		z || (R > -1 && !v && N(R), !v && k && (!G.current || G.current && K.current) && j(b, i(r, e.nativeEvent, void 0, { activationDirection: "none" })));
+	}
+	function Y(e) {
+		if (z || v) return;
+		G.current = !0;
+		function t() {
+			G.current = !1, K.current = !1;
+		}
+		(!e.button || e.button === 0) && (K.current = !0, o(e.currentTarget).addEventListener("pointerup", t, { once: !0 }));
+	}
+	return t("button", h, {
+		state: {
+			disabled: v,
+			active: z,
+			orientation: D,
+			tabActivationDirection: O
+		},
+		ref: [
+			g,
+			U,
+			L,
+			V
+		],
+		props: [
+			I,
+			{
+				role: "tab",
+				"aria-controls": W,
+				"aria-selected": z,
+				id: F,
+				onClick: q,
+				onFocus: J,
+				onPointerDown: Y,
+				[u]: z ? "" : void 0,
+				onKeyDownCapture() {
+					B.current = !0;
+				}
+			},
+			w,
+			H
+		],
+		stateAttributesMapping: f
+	});
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "TabsTab");
+//#endregion
+export { h as TabsTab };

package/dist/node_modules/@base-ui/react/toast/action/ToastAction.js

@@ -0,0 +1,25 @@
+"use client";
+import { useRenderElement as e } from "../../internals/useRenderElement.js";
+import { useButton as t } from "../../internals/use-button/useButton.js";
+import { useToastRootContext as n } from "../root/ToastRootContext.js";
+import * as r from "react";
+//#region node_modules/@base-ui/react/toast/action/ToastAction.mjs
+var i = /*#__PURE__*/ r.forwardRef(function(r, i) {
+	let { render: a, className: o, style: s, disabled: c, nativeButton: l = !0, ...u } = r, { toast: d } = n(), f = d.actionProps?.children ?? u.children, p = !!f, { getButtonProps: m, buttonRef: h } = t({
+		disabled: c,
+		native: l
+	}), g = { type: d.type }, _ = e("button", r, {
+		ref: [i, h],
+		state: g,
+		props: [
+			u,
+			d.actionProps,
+			m,
+			{ children: f }
+		]
+	});
+	return p ? _ : null;
+});
+process.env.NODE_ENV !== "production" && (i.displayName = "ToastAction");
+//#endregion
+export { i as ToastAction };

package/dist/node_modules/@base-ui/react/toast/arrow/ToastArrow.js

@@ -0,0 +1,23 @@
+"use client";
+import { useRenderElement as e } from "../../internals/useRenderElement.js";
+import { useToastPositionerContext as t } from "../positioner/ToastPositionerContext.js";
+import * as n from "react";
+//#region node_modules/@base-ui/react/toast/arrow/ToastArrow.mjs
+var r = /*#__PURE__*/ n.forwardRef(function(n, r) {
+	let { className: i, render: a, style: o, ...s } = n, { arrowRef: c, side: l, align: u, arrowUncentered: d, arrowStyles: f } = t();
+	return e("div", n, {
+		state: {
+			side: l,
+			align: u,
+			uncentered: d
+		},
+		ref: [r, c],
+		props: [{
+			style: f,
+			"aria-hidden": !0
+		}, s]
+	});
+});
+process.env.NODE_ENV !== "production" && (r.displayName = "ToastArrow");
+//#endregion
+export { r as ToastArrow };

package/dist/node_modules/@base-ui/react/toast/close/ToastClose.js

@@ -0,0 +1,36 @@
+"use client";
+import { useRenderElement as e } from "../../internals/useRenderElement.js";
+import { useButton as t } from "../../internals/use-button/useButton.js";
+import { useToastProviderContext as n } from "../provider/ToastProviderContext.js";
+import { useToastRootContext as r } from "../root/ToastRootContext.js";
+import * as i from "react";
+//#region node_modules/@base-ui/react/toast/close/ToastClose.mjs
+var a = /*#__PURE__*/ i.forwardRef(function(a, o) {
+	let { render: s, className: c, style: l, disabled: u, nativeButton: d = !0, ...f } = a, p = n(), { toast: m } = r(), h = p.useState("expanded"), [g, _] = i.useState(!1), { getButtonProps: v, buttonRef: y } = t({
+		disabled: u,
+		native: d
+	}), b = { type: m.type };
+	return e("button", a, {
+		ref: [o, y],
+		state: b,
+		props: [
+			{
+				"aria-hidden": !h && !g,
+				onClick() {
+					p.closeToast(m.id);
+				},
+				onFocus() {
+					_(!0);
+				},
+				onBlur() {
+					_(!1);
+				}
+			},
+			f,
+			v
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "ToastClose");
+//#endregion
+export { a as ToastClose };

package/dist/node_modules/@base-ui/react/toast/content/ToastContent.js

@@ -0,0 +1,31 @@
+"use client";
+import { useIsoLayoutEffect as e } from "../../../utils/useIsoLayoutEffect.js";
+import { useRenderElement as t } from "../../internals/useRenderElement.js";
+import { useToastRootContext as n } from "../root/ToastRootContext.js";
+import * as r from "react";
+//#region node_modules/@base-ui/react/toast/content/ToastContent.mjs
+var i = /*#__PURE__*/ r.forwardRef(function(i, a) {
+	let { render: o, className: s, style: c, ...l } = i, { visibleIndex: u, expanded: d, recalculateHeight: f } = n(), p = r.useRef(null);
+	return e(() => {
+		let e = p.current;
+		if (!e || (f(), typeof ResizeObserver != "function" || typeof MutationObserver != "function")) return;
+		let t = new ResizeObserver(() => f(!0)), n = new MutationObserver(() => f(!0));
+		return t.observe(e), n.observe(e, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}), () => {
+			t.disconnect(), n.disconnect();
+		};
+	}, [f]), t("div", i, {
+		ref: [a, p],
+		state: {
+			expanded: d,
+			behind: u > 0
+		},
+		props: l
+	});
+});
+process.env.NODE_ENV !== "production" && (i.displayName = "ToastContent");
+//#endregion
+export { i as ToastContent };