@arcadeai/design-system 5.0.2 → 5.3.0

package/dist/{usePositioner-DkeyI5Le.js → usePositioner-CaLGGc-z.js}

@@ -3,18 +3,19 @@ import { t as e } from "./useIsoLayoutEffect-4LGv3HzC.js";
 import { f as t, o as n, t as r } from "./useRenderElement-BToElZ97.js";
 import { t as i } from "./useStableCallback-CrM0Nb2q.js";
 import { t as a } from "./DirectionContext-OzWG1tsQ.js";
-import { n as o } from "./useBaseUiId-voePHgyX.js";
+import { t as o } from "./useId-Bzr7_bed.js";
 import { _ as s, a as c, c as l, d as u, f as d, h as f, i as p, l as m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, y as C } from "./floating-ui.utils.dom-5U5b4xPf.js";
 import { t as w } from "./useValueAsRef-CfO5zn2c.js";
 import { t as T } from "./owner-CyZnQOKt.js";
-import { M as E, N as D, o as O, r as k, x as A, z as j } from "./popupStateMapping-C8W76brO.js";
-import { C as M, E as N, S as P, T as F, _ as ee, b as I, c as L, d as R, f as z, g as te, h as ne, l as B, m as re, p as ie, s as ae, u as V, v as oe, w as H, x as U, y as se } from "./composite-B-tEa-Zg.js";
+import { D as E, E as D, o as O, r as k, x as A } from "./popupStateMapping-XiLS0Jku.js";
+import { C as j, E as M, S as N, T as P, _ as ee, b as F, c as I, d as te, f as ne, g as L, h as re, l as R, m as z, p as ie, s as ae, u as B, v as oe, w as V, x as H, y as U } from "./composite-B-tEa-Zg.js";
+import { f as se } from "./ReactStore-C3H8e2ha.js";
 import * as W from "react";
 import { useLayoutEffect as ce } from "react";
 import * as le from "react-dom";
 //#region ../../node_modules/.bun/@floating-ui+core@1.7.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
 function ue(e, t, n) {
-	let { reference: r, floating: i } = e, a = U(t), o = z(t), s = re(o), c = I(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
+	let { reference: r, floating: i } = e, a = H(t), o = ne(t), s = z(o), c = F(t), l = a === "y", u = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, f = r[s] / 2 - i[s] / 2, p;
 	switch (c) {
 		case "top":
 			p = {
@@ -45,7 +46,7 @@ function ue(e, t, n) {
 			y: r.y
 		};
 	}
-	switch (R(t)) {
+	switch (te(t)) {
 		case "start":
 			p[o] -= f * (n && l ? -1 : 1);
 			break;
@@ -57,7 +58,7 @@ function ue(e, t, n) {
 }
 async function G(e, t) {
 	t === void 0 && (t = {});
-	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = B(t, e), p = se(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = H(await i.getClippingRect({
+	let { x: n, y: r, platform: i, rects: a, elements: o, strategy: s } = e, { boundary: c = "clippingAncestors", rootBoundary: l = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = R(t, e), p = U(f), m = o[d ? u === "floating" ? "reference" : "floating" : u], h = V(await i.getClippingRect({
 		element: await (i.isElement == null ? void 0 : i.isElement(m)) ?? !0 ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(o.floating)),
 		boundary: c,
 		rootBoundary: l,
@@ -70,7 +71,7 @@ async function G(e, t) {
 	} : a.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(o.floating)), v = await (i.isElement == null ? void 0 : i.isElement(_)) && await (i.getScale == null ? void 0 : i.getScale(_)) || {
 		x: 1,
 		y: 1
-	}, y = H(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+	}, y = V(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
 		elements: o,
 		rect: g,
 		offsetParent: _,
@@ -131,9 +132,9 @@ var de = 50, fe = async (e, t, n) => {
 		options: e,
 		async fn(t) {
 			var n;
-			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = B(e, t);
+			let { placement: r, middlewareData: i, rects: a, initialPlacement: o, platform: s, elements: c } = t, { mainAxis: l = !0, crossAxis: u = !0, fallbackPlacements: d, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: p = "none", flipAlignment: m = !0, ...h } = R(e, t);
 			if ((n = i.arrow) != null && n.alignmentOffset) return {};
-			let g = I(r), _ = U(o), v = I(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [oe(o)] : ne(o)), x = p !== "none";
+			let g = F(r), _ = H(o), v = F(o) === o, y = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), b = d || (v || !m ? [oe(o)] : re(o)), x = p !== "none";
 			!d && x && b.push(...ee(o, m, p, y));
 			let S = [o, ...b], C = await s.detectOverflow(t, h), w = [], T = i.flip?.overflows || [];
 			if (l && w.push(C[g]), u) {
@@ -145,7 +146,7 @@ var de = 50, fe = async (e, t, n) => {
 				overflows: w
 			}], !w.every((e) => e <= 0)) {
 				let e = (i.flip?.index || 0) + 1, t = S[e];
-				if (t && (!(u === "alignment" && _ !== U(t)) || T.every((e) => U(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
+				if (t && (!(u === "alignment" && _ !== H(t)) || T.every((e) => H(e.placement) === _ ? e.overflows[0] > 0 : !0))) return {
 					data: {
 						index: e,
 						overflows: T
@@ -157,7 +158,7 @@ var de = 50, fe = async (e, t, n) => {
 					case "bestFit": {
 						let e = T.filter((e) => {
 							if (x) {
-								let t = U(e.placement);
+								let t = H(e.placement);
 								return t === _ || t === "y";
 							}
 							return !0;
@@ -184,14 +185,14 @@ function me(e, t) {
 	};
 }
 function he(e) {
-	return N.some((t) => e[t] >= 0);
+	return M.some((t) => e[t] >= 0);
 }
 var K = function(e) {
 	return e === void 0 && (e = {}), {
 		name: "hide",
 		options: e,
 		async fn(t) {
-			let { rects: n, platform: r } = t, { strategy: i = "referenceHidden", ...a } = B(e, t);
+			let { rects: n, platform: r } = t, { strategy: i = "referenceHidden", ...a } = R(e, t);
 			switch (i) {
 				case "referenceHidden": {
 					let e = me(await r.detectOverflow(t, {
@@ -219,7 +220,7 @@ var K = function(e) {
 	};
 }, q = /*#__PURE__*/ new Set(["left", "top"]);
 async function ge(e, t) {
-	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = I(n), s = R(n), c = U(n) === "y", l = q.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = B(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
+	let { placement: n, platform: r, elements: i } = e, a = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), o = F(n), s = te(n), c = H(n) === "y", l = q.has(o) ? -1 : 1, u = a && c ? -1 : 1, d = R(t, e), { mainAxis: f, crossAxis: p, alignmentAxis: m } = typeof d == "number" ? {
 		mainAxis: d,
 		crossAxis: 0,
 		alignmentAxis: null
@@ -264,10 +265,10 @@ var _e = function(e) {
 					x: t,
 					y: n
 				};
-			} }, ...l } = B(e, t), u = {
+			} }, ...l } = R(e, t), u = {
 				x: n,
 				y: r
-			}, d = await a.detectOverflow(t, l), f = U(I(i)), p = te(f), m = u[p], h = u[f];
+			}, d = await a.detectOverflow(t, l), f = H(F(i)), p = L(f), m = u[p], h = u[f];
 			if (o) {
 				let e = p === "y" ? "top" : "left", t = p === "y" ? "bottom" : "right", n = m + d[e], r = m - d[t];
 				m = ae(n, m, r);
@@ -298,10 +299,10 @@ var _e = function(e) {
 	return e === void 0 && (e = {}), {
 		options: e,
 		fn(t) {
-			let { x: n, y: r, placement: i, rects: a, middlewareData: o } = t, { offset: s = 0, mainAxis: c = !0, crossAxis: l = !0 } = B(e, t), u = {
+			let { x: n, y: r, placement: i, rects: a, middlewareData: o } = t, { offset: s = 0, mainAxis: c = !0, crossAxis: l = !0 } = R(e, t), u = {
 				x: n,
 				y: r
-			}, d = U(i), f = te(d), p = u[f], m = u[d], h = B(s, t), g = typeof h == "number" ? {
+			}, d = H(i), f = L(d), p = u[f], m = u[d], h = R(s, t), g = typeof h == "number" ? {
 				mainAxis: h,
 				crossAxis: 0
 			} : {
@@ -314,7 +315,7 @@ var _e = function(e) {
 				p < t ? p = t : p > n && (p = n);
 			}
 			if (l) {
-				let e = f === "y" ? "width" : "height", t = q.has(I(i)), n = a.reference[d] - a.floating[e] + (t && o.offset?.[d] || 0) + (t ? 0 : g.crossAxis), r = a.reference[d] + a.reference[e] + (t ? 0 : o.offset?.[d] || 0) - (t ? g.crossAxis : 0);
+				let e = f === "y" ? "width" : "height", t = q.has(F(i)), n = a.reference[d] - a.floating[e] + (t && o.offset?.[d] || 0) + (t ? 0 : g.crossAxis), r = a.reference[d] + a.reference[e] + (t ? 0 : o.offset?.[d] || 0) - (t ? g.crossAxis : 0);
 				m < n ? m = n : m > r && (m = r);
 			}
 			return {
@@ -329,12 +330,12 @@ var _e = function(e) {
 		options: e,
 		async fn(t) {
 			var n, r;
-			let { placement: i, rects: a, platform: o, elements: s } = t, { apply: c = () => {}, ...l } = B(e, t), u = await o.detectOverflow(t, l), d = I(i), f = R(i), p = U(i) === "y", { width: m, height: h } = a.floating, g, _;
+			let { placement: i, rects: a, platform: o, elements: s } = t, { apply: c = () => {}, ...l } = R(e, t), u = await o.detectOverflow(t, l), d = F(i), f = te(i), p = H(i) === "y", { width: m, height: h } = a.floating, g, _;
 			d === "top" || d === "bottom" ? (g = d, _ = f === (await (o.isRTL == null ? void 0 : o.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (_ = d, g = f === "end" ? "top" : "bottom");
-			let v = h - u.top - u.bottom, y = m - u.left - u.right, b = M(h - u[g], v), x = M(m - u[_], y), S = !t.middlewareData.shift, C = b, w = x;
+			let v = h - u.top - u.bottom, y = m - u.left - u.right, b = j(h - u[g], v), x = j(m - u[_], y), S = !t.middlewareData.shift, C = b, w = x;
 			if ((n = t.middlewareData.shift) != null && n.enabled.x && (w = y), (r = t.middlewareData.shift) != null && r.enabled.y && (C = v), S && !f) {
-				let e = P(u.left, 0), t = P(u.right, 0), n = P(u.top, 0), r = P(u.bottom, 0);
-				p ? w = m - 2 * (e !== 0 || t !== 0 ? e + t : P(u.left, u.right)) : C = h - 2 * (n !== 0 || r !== 0 ? n + r : P(u.top, u.bottom));
+				let e = N(u.left, 0), t = N(u.right, 0), n = N(u.top, 0), r = N(u.bottom, 0);
+				p ? w = m - 2 * (e !== 0 || t !== 0 ? e + t : N(u.left, u.right)) : C = h - 2 * (n !== 0 || r !== 0 ? n + r : N(u.top, u.bottom));
 			}
 			await c({
 				...t,
@@ -349,7 +350,7 @@ var _e = function(e) {
 //#endregion
 //#region ../../node_modules/.bun/@floating-ui+dom@1.7.6/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function be(e) {
-	let t = b(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = d(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = F(n) !== a || F(r) !== o;
+	let t = b(e), n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0, i = d(e), a = i ? e.offsetWidth : n, o = i ? e.offsetHeight : r, s = P(n) !== a || P(r) !== o;
 	return s && (n = a, r = o), {
 		width: n,
 		height: r,
@@ -361,14 +362,14 @@ function Y(e) {
 }
 function X(e) {
 	let t = Y(e);
-	if (!d(t)) return L(1);
-	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = be(t), o = (a ? F(n.width) : n.width) / r, s = (a ? F(n.height) : n.height) / i;
+	if (!d(t)) return I(1);
+	let n = t.getBoundingClientRect(), { width: r, height: i, $: a } = be(t), o = (a ? P(n.width) : n.width) / r, s = (a ? P(n.height) : n.height) / i;
 	return (!o || !Number.isFinite(o)) && (o = 1), (!s || !Number.isFinite(s)) && (s = 1), {
 		x: o,
 		y: s
 	};
 }
-var xe = /*#__PURE__*/ L(0);
+var xe = /*#__PURE__*/ I(0);
 function Se(e) {
 	let t = m(e);
 	return !C() || !t.visualViewport ? xe : {
@@ -381,9 +382,9 @@ function Ce(e, t, n) {
 }
 function Z(e, t, n, r) {
 	t === void 0 && (t = !1), n === void 0 && (n = !1);
-	let i = e.getBoundingClientRect(), a = Y(e), o = L(1);
+	let i = e.getBoundingClientRect(), a = Y(e), o = I(1);
 	t && (r ? u(r) && (o = X(r)) : o = X(e));
-	let s = Ce(a, n, r) ? Se(a) : L(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, d = i.width / o.x, f = i.height / o.y;
+	let s = Ce(a, n, r) ? Se(a) : I(0), c = (i.left + s.x) / o.x, l = (i.top + s.y) / o.y, d = i.width / o.x, f = i.height / o.y;
 	if (a) {
 		let e = m(a), t = r && u(r) ? m(r) : r, n = e, i = p(n);
 		for (; i && r && t !== n;) {
@@ -391,7 +392,7 @@ function Z(e, t, n, r) {
 			c *= e.x, l *= e.y, d *= e.x, f *= e.y, c += a, l += o, n = m(i), i = p(n);
 		}
 	}
-	return H({
+	return V({
 		width: d,
 		height: f,
 		x: c,
@@ -415,12 +416,12 @@ function we(e) {
 	let l = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, u = L(1), p = L(0), m = d(r);
+	}, u = I(1), p = I(0), m = d(r);
 	if ((m || !m && !a) && ((c(r) !== "body" || f(o)) && (l = g(r)), m)) {
 		let e = Z(r);
 		u = X(r), p.x = e.x + r.clientLeft, p.y = e.y + r.clientTop;
 	}
-	let h = o && !m && !a ? $(o, l) : L(0);
+	let h = o && !m && !a ? $(o, l) : I(0);
 	return {
 		width: n.width * u.x,
 		height: n.height * u.y,
@@ -432,8 +433,8 @@ function Te(e) {
 	return Array.from(e.getClientRects());
 }
 function Ee(e) {
-	let t = v(e), n = g(e), r = e.ownerDocument.body, i = P(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = P(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + Q(e), s = -n.scrollTop;
-	return b(r).direction === "rtl" && (o += P(t.clientWidth, r.clientWidth) - i), {
+	let t = v(e), n = g(e), r = e.ownerDocument.body, i = N(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = N(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight), o = -n.scrollLeft + Q(e), s = -n.scrollTop;
+	return b(r).direction === "rtl" && (o += N(t.clientWidth, r.clientWidth) - i), {
 		width: i,
 		height: a,
 		x: o,
@@ -461,7 +462,7 @@ function Oe(e, t) {
 	};
 }
 function ke(e, t) {
-	let n = Z(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = d(e) ? X(e) : L(1);
+	let n = Z(e, !0, t === "fixed"), r = n.top + e.clientTop, i = n.left + e.clientLeft, a = d(e) ? X(e) : I(1);
 	return {
 		width: e.clientWidth * a.x,
 		height: e.clientHeight * a.y,
@@ -483,7 +484,7 @@ function Ae(e, t, n) {
 			height: t.height
 		};
 	}
-	return H(r);
+	return V(r);
 }
 function je(e, t) {
 	let n = l(e);
@@ -503,7 +504,7 @@ function Ne(e) {
 	let { element: t, boundary: n, rootBoundary: r, strategy: i } = e, a = [...n === "clippingAncestors" ? S(t) ? [] : Me(t, this._c) : [].concat(n), r], o = Ae(t, a[0], i), s = o.top, c = o.right, l = o.bottom, u = o.left;
 	for (let e = 1; e < a.length; e++) {
 		let n = Ae(t, a[e], i);
-		s = P(n.top, s), c = M(n.right, c), l = M(n.bottom, l), u = P(n.left, u);
+		s = N(n.top, s), c = j(n.right, c), l = j(n.bottom, l), u = N(n.left, u);
 	}
 	return {
 		width: c - u,
@@ -523,7 +524,7 @@ function Fe(e, t, n) {
 	let r = d(t), i = v(t), a = n === "fixed", o = Z(e, !0, a, t), s = {
 		scrollLeft: 0,
 		scrollTop: 0
-	}, l = L(0);
+	}, l = I(0);
 	function u() {
 		l.x = Q(i);
 	}
@@ -532,7 +533,7 @@ function Fe(e, t, n) {
 		l.x = e.x + t.clientLeft, l.y = e.y + t.clientTop;
 	} else i && u();
 	a && !r && i && u();
-	let p = i && !r && !a ? $(i, s) : L(0);
+	let p = i && !r && !a ? $(i, s) : I(0);
 	return {
 		x: o.left + s.scrollLeft - l.x - p.x,
 		y: o.top + s.scrollTop - l.y - p.y,
@@ -604,9 +605,9 @@ function Ue(e, t) {
 		s === void 0 && (s = !1), c === void 0 && (c = 1), a();
 		let l = e.getBoundingClientRect(), { left: u, top: d, width: f, height: p } = l;
 		if (s || t(), !f || !p) return;
-		let m = V(d), h = V(i.clientWidth - (u + f)), g = V(i.clientHeight - (d + p)), _ = V(u), v = {
+		let m = B(d), h = B(i.clientWidth - (u + f)), g = B(i.clientHeight - (d + p)), _ = B(u), v = {
 			rootMargin: -m + "px " + -h + "px " + -g + "px " + -_ + "px",
-			threshold: P(0, M(1, c)) || 1
+			threshold: N(0, j(1, c)) || 1
 		}, y = !0;
 		function b(t) {
 			let n = t[0].intersectionRatio;
@@ -851,7 +852,7 @@ var it = (e, t) => {
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/floating-ui-react/hooks/useFloatingRootContext.mjs
 function ut(n) {
-	let { open: r = !1, onOpenChange: i, elements: a = {} } = n, s = o(), c = E() != null;
+	let { open: r = !1, onOpenChange: i, elements: a = {} } = n, s = o(), c = D() != null;
 	if (process.env.NODE_ENV !== "production") {
 		let e = a.reference;
 		e && !u(e) && console.error("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `context.setPositionReference()`", "instead.");
@@ -884,7 +885,7 @@ function ut(n) {
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/floating-ui-react/hooks/useFloating.mjs
 function dt(t = {}) {
-	let { nodeId: n, externalTree: r } = t, i = ut(t), a = t.rootContext || i, o = a.useState("referenceElement"), s = a.useState("floatingElement"), c = a.useState("domReferenceElement"), l = a.useState("open"), d = a.useState("floatingId"), [f, p] = W.useState(null), [m, h] = W.useState(void 0), [g, _] = W.useState(void 0), v = W.useRef(null), y = D(r), b = W.useMemo(() => ({
+	let { nodeId: n, externalTree: r } = t, i = ut(t), a = t.rootContext || i, o = a.useState("referenceElement"), s = a.useState("floatingElement"), c = a.useState("domReferenceElement"), l = a.useState("open"), d = a.useState("floatingId"), [f, p] = W.useState(null), [m, h] = W.useState(void 0), [g, _] = W.useState(void 0), v = W.useRef(null), y = E(r), b = W.useMemo(() => ({
 		reference: o,
 		floating: s,
 		domReference: c
@@ -909,18 +910,18 @@ function dt(t = {}) {
 		p(t), x.refs.setReference(t);
 	}, [x.refs]), T = W.useCallback((e) => {
 		(u(e) || e === null) && (v.current = e, h(e)), (u(x.refs.reference.current) || x.refs.reference.current === null || e !== null && !u(e)) && x.refs.setReference(e);
-	}, [x.refs, h]), E = W.useCallback((e) => {
+	}, [x.refs, h]), D = W.useCallback((e) => {
 		_(e), x.refs.setFloating(e);
 	}, [x.refs]), O = W.useMemo(() => ({
 		...x.refs,
 		setReference: T,
-		setFloating: E,
+		setFloating: D,
 		setPositionReference: w,
 		domReference: v
 	}), [
 		x.refs,
 		T,
-		E,
+		D,
 		w
 	]), k = W.useMemo(() => ({
 		...x.elements,
@@ -971,14 +972,14 @@ var ft = (e) => ({
 	name: "arrow",
 	options: e,
 	async fn(t) {
-		let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0, offsetParent: d = "real" } = B(e, t) || {};
+		let { x: n, y: r, placement: i, rects: a, platform: o, elements: s, middlewareData: c } = t, { element: l, padding: u = 0, offsetParent: d = "real" } = R(e, t) || {};
 		if (l == null) return {};
-		let f = se(u), p = {
+		let f = U(u), p = {
 			x: n,
 			y: r
-		}, m = z(i), h = re(m), g = await o.getDimensions(l), _ = m === "y", v = _ ? "top" : "left", y = _ ? "bottom" : "right", b = _ ? "clientHeight" : "clientWidth", x = a.reference[h] + a.reference[m] - p[m] - a.floating[h], S = p[m] - a.reference[m], C = d === "real" ? await o.getOffsetParent?.(l) : s.floating, w = s.floating[b] || a.floating[h];
+		}, m = ne(i), h = z(m), g = await o.getDimensions(l), _ = m === "y", v = _ ? "top" : "left", y = _ ? "bottom" : "right", b = _ ? "clientHeight" : "clientWidth", x = a.reference[h] + a.reference[m] - p[m] - a.floating[h], S = p[m] - a.reference[m], C = d === "real" ? await o.getOffsetParent?.(l) : s.floating, w = s.floating[b] || a.floating[h];
 		(!w || !await o.isElement?.(C)) && (w = s.floating[b] || a.floating[h]);
-		let T = x / 2 - S / 2, E = w / 2 - g[h] / 2 - 1, D = Math.min(f[v], E), O = Math.min(f[y], E), k = D, A = w - g[h] - O, j = w / 2 - g[h] / 2 + T, M = ae(k, j, A), N = !c.arrow && R(i) != null && j !== M && a.reference[h] / 2 - (j < k ? D : O) - g[h] / 2 < 0, P = N ? j < k ? j - k : j - A : 0;
+		let T = x / 2 - S / 2, E = w / 2 - g[h] / 2 - 1, D = Math.min(f[v], E), O = Math.min(f[y], E), k = D, A = w - g[h] - O, j = w / 2 - g[h] / 2 + T, M = ae(k, j, A), N = !c.arrow && te(i) != null && j !== M && a.reference[h] / 2 - (j < k ? D : O) - g[h] / 2 < 0, P = N ? j < k ? j - k : j - A : 0;
 		return {
 			[m]: p[m] + P,
 			data: {
@@ -1025,7 +1026,7 @@ var ft = (e) => ({
 				height: e.documentElement.clientHeight
 			};
 		} else await a.isElement?.(u) && (d = await a.getDimensions(u));
-		let f = I(s), p = t, h = n;
+		let f = F(s), p = t, h = n;
 		f === "left" && (p = d.width - (t + r.width)), f === "top" && (h = d.height - (n + r.height));
 		let g = f === "left" ? "right" : gt.sideX, _ = f === "top" ? "bottom" : gt.sideY;
 		return {
@@ -1052,8 +1053,8 @@ function vt(e, t, n) {
 function yt(e, t, n) {
 	let { rects: r, placement: i } = e;
 	return {
-		side: vt(t, I(i), n),
-		align: R(i) || "center",
+		side: vt(t, F(i), n),
+		align: te(i) || "center",
 		anchor: {
 			width: r.reference.width,
 			height: r.reference.height
@@ -1067,31 +1068,31 @@ function yt(e, t, n) {
 function bt(t) {
 	let { anchor: n, positionMethod: r = "absolute", side: o = "bottom", sideOffset: s = 0, align: c = "center", alignOffset: l = 0, collisionBoundary: u, collisionPadding: d = 5, sticky: f = !1, arrowPadding: p = 5, disableAnchorTracking: h = !1, inline: g, keepMounted: _ = !1, floatingRootContext: v, mounted: y, collisionAvoidance: b, shiftCrossAxis: x = !1, nodeId: S, adaptiveOrigin: C, lazyFlip: E = !1, externalTree: D } = t, [O, k] = W.useState(null);
 	!y && O !== null && k(null);
-	let A = b.side || "flip", j = b.align || "flip", M = b.fallbackAxisSide || "end", N = typeof n == "function" ? n : void 0, P = i(N), F = N ? P : n, ee = w(n), L = w(y), z = a() === "rtl", te = O || {
+	let A = b.side || "flip", j = b.align || "flip", M = b.fallbackAxisSide || "end", N = typeof n == "function" ? n : void 0, P = i(N), ee = N ? P : n, I = w(n), ne = w(y), L = a() === "rtl", re = O || {
 		top: "top",
 		right: "right",
 		bottom: "bottom",
 		left: "left",
-		"inline-end": z ? "left" : "right",
-		"inline-start": z ? "right" : "left"
-	}[o], ne = c === "center" ? te : `${te}-${c}`, B = d, re = +(o === "bottom"), ie = +(o === "top"), ae = +(o === "right"), V = +(o === "left");
-	typeof B == "number" ? B = {
-		top: B + re,
-		right: B + V,
-		bottom: B + ie,
-		left: B + ae
-	} : B &&= {
-		top: (B.top || 0) + re,
-		right: (B.right || 0) + V,
-		bottom: (B.bottom || 0) + ie,
-		left: (B.left || 0) + ae
+		"inline-end": L ? "left" : "right",
+		"inline-start": L ? "right" : "left"
+	}[o], R = c === "center" ? re : `${re}-${c}`, z = d, ie = +(o === "bottom"), ae = +(o === "top"), B = +(o === "right"), oe = +(o === "left");
+	typeof z == "number" ? z = {
+		top: z + ie,
+		right: z + oe,
+		bottom: z + ae,
+		left: z + B
+	} : z &&= {
+		top: (z.top || 0) + ie,
+		right: (z.right || 0) + oe,
+		bottom: (z.bottom || 0) + ae,
+		left: (z.left || 0) + B
 	};
-	let oe = {
+	let V = {
 		boundary: u === "clipping-ancestors" ? "clippingAncestors" : u,
-		padding: B
-	}, H = W.useRef(null), se = w(s), ce = w(l), le = typeof s == "function" ? 0 : s, ue = typeof l == "function" ? 0 : l, G = [];
+		padding: z
+	}, U = W.useRef(null), se = w(s), ce = w(l), le = typeof s == "function" ? 0 : s, ue = typeof l == "function" ? 0 : l, G = [];
 	g && G.push(g), G.push(it((e) => {
-		let t = yt(e, o, z), n = typeof se.current == "function" ? se.current(t) : se.current, r = typeof ce.current == "function" ? ce.current(t) : ce.current;
+		let t = yt(e, o, L), n = typeof se.current == "function" ? se.current(t) : se.current, r = typeof ce.current == "function" ? ce.current(t) : ce.current;
 		return {
 			mainAxis: n,
 			crossAxis: r,
@@ -1100,16 +1101,16 @@ function bt(t) {
 	}, [
 		le,
 		ue,
-		z,
+		L,
 		o
 	]));
 	let de = j === "none" && A !== "shift", fe = !de && (f || x || A === "shift"), pe = A === "none" ? null : st({
-		...oe,
+		...V,
 		padding: {
-			top: B.top + 1,
-			right: B.right + 1,
-			bottom: B.bottom + 1,
-			left: B.left + 1
+			top: z.top + 1,
+			right: z.right + 1,
+			bottom: z.bottom + 1,
+			left: z.left + 1
 		},
 		mainAxis: !x && A === "flip",
 		crossAxis: j === "flip" ? "alignment" : !1,
@@ -1117,7 +1118,7 @@ function bt(t) {
 	}), me = de ? null : at((e) => {
 		let t = T(e.elements.floating).documentElement;
 		return {
-			...oe,
+			...V,
 			rootBoundary: x ? {
 				x: 0,
 				y: 0,
@@ -1127,35 +1128,35 @@ function bt(t) {
 			mainAxis: j !== "none",
 			crossAxis: fe,
 			limiter: f || x ? void 0 : ot((e) => {
-				if (!H.current) return {};
-				let { width: t, height: n } = H.current.getBoundingClientRect(), r = U(I(e.placement)), i = r === "y" ? t : n, a = r === "y" ? B.left + B.right : B.top + B.bottom;
+				if (!U.current) return {};
+				let { width: t, height: n } = U.current.getBoundingClientRect(), r = H(F(e.placement)), i = r === "y" ? t : n, a = r === "y" ? z.left + z.right : z.top + z.bottom;
 				return { offset: i / 2 + a / 2 };
 			})
 		};
 	}, [
-		oe,
+		V,
 		f,
 		x,
-		B,
+		z,
 		j
 	]);
 	A === "shift" || j === "shift" || c === "center" ? G.push(me, pe) : G.push(pe, me), G.push(ct({
-		...oe,
+		...V,
 		apply({ elements: { floating: e }, availableWidth: t, availableHeight: n, rects: r }) {
-			if (!L.current) return;
+			if (!ne.current) return;
 			let i = e.style;
 			i.setProperty("--available-width", `${t}px`), i.setProperty("--available-height", `${n}px`);
 			let a = m(e).devicePixelRatio || 1, { x: o, y: s, width: c, height: l } = r.reference, u = (Math.round((o + c) * a) - Math.round(o * a)) / a, d = (Math.round((s + l) * a) - Math.round(s * a)) / a;
 			i.setProperty("--anchor-width", `${u}px`), i.setProperty("--anchor-height", `${d}px`);
 		}
 	}), pt((e) => ({
-		element: H.current || T(e.elements.floating).createElement("div"),
+		element: U.current || T(e.elements.floating).createElement("div"),
 		padding: p,
 		offsetParent: "floating"
 	}), [p]), {
 		name: "transformOrigin",
 		fn(e) {
-			let { elements: t, middlewareData: n, placement: r, rects: i, y: a } = e, c = I(r), l = U(c), u = H.current, d = n.arrow?.x || 0, f = n.arrow?.y || 0, p = u?.clientWidth || 0, m = u?.clientHeight || 0, h = d + p / 2, g = f + m / 2, _ = Math.abs(n.shift?.y || 0), v = i.reference.height / 2, y = typeof s == "function" ? s(yt(e, o, z)) : s, b = _ > y, x = {
+			let { elements: t, middlewareData: n, placement: r, rects: i, y: a } = e, c = F(r), l = H(c), u = U.current, d = n.arrow?.x || 0, f = n.arrow?.y || 0, p = u?.clientWidth || 0, m = u?.clientHeight || 0, h = d + p / 2, g = f + m / 2, _ = Math.abs(n.shift?.y || 0), v = i.reference.height / 2, y = typeof s == "function" ? s(yt(e, o, L)) : s, b = _ > y, x = {
 				top: `${h}px calc(100% + ${y}px)`,
 				bottom: `${h}px ${-y}px`,
 				left: `calc(100% + ${y}px) ${g}px`,
@@ -1177,7 +1178,7 @@ function bt(t) {
 	}), [h]), { refs: K, elements: q, x: ge, y: _e, middlewareData: J, update: ve, placement: ye, context: be, isPositioned: Y, floatingStyles: X } = dt({
 		rootContext: v,
 		open: _ ? y : void 0,
-		placement: ne,
+		placement: R,
 		middleware: G,
 		strategy: r,
 		whileElementsMounted: _ ? void 0 : (...e) => We(...e, he),
@@ -1205,22 +1206,22 @@ function bt(t) {
 	]), Q = W.useRef(null);
 	e(() => {
 		if (!y) return;
-		let e = ee.current, t = typeof e == "function" ? e() : e, n = (xt(t) ? t.current : t) || null;
+		let e = I.current, t = typeof e == "function" ? e() : e, n = (xt(t) ? t.current : t) || null;
 		n !== Q.current && (K.setPositionReference(n), Q.current = n);
 	}, [
 		y,
 		K,
-		F,
-		ee
+		ee,
+		I
 	]), W.useEffect(() => {
 		if (!y) return;
-		let e = ee.current;
+		let e = I.current;
 		typeof e != "function" && xt(e) && e.current !== Q.current && (K.setPositionReference(e.current), Q.current = e.current);
 	}, [
 		y,
 		K,
-		F,
-		ee
+		ee,
+		I
 	]), W.useEffect(() => {
 		if (_ && y && q.reference && q.floating) return We(q.reference, q.floating, ve, he);
 	}, [
@@ -1230,7 +1231,7 @@ function bt(t) {
 		ve,
 		he
 	]);
-	let $ = I(ye), we = vt(o, $, z), Te = R(ye) || "center", Ee = !!J.hide?.referenceHidden;
+	let $ = F(ye), we = vt(o, $, L), Te = te(ye) || "center", Ee = !!J.hide?.referenceHidden;
 	e(() => {
 		E && y && Y && k($);
 	}, [
@@ -1247,7 +1248,7 @@ function bt(t) {
 	return W.useMemo(() => ({
 		positionerStyles: Z,
 		arrowStyles: De,
-		arrowRef: H,
+		arrowRef: U,
 		arrowUncentered: Oe,
 		side: we,
 		align: Te,
@@ -1260,7 +1261,7 @@ function bt(t) {
 	}), [
 		Z,
 		De,
-		H,
+		U,
 		Oe,
 		we,
 		Te,
@@ -1278,7 +1279,7 @@ function xt(e) {
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/utils/getDisabledMountTransitionStyles.mjs
 function St(e) {
-	return e === "starting" ? j : n;
+	return e === "starting" ? se : n;
 }
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/utils/usePositioner.mjs

package/dist/useTransitionStatus-CCIoL5RH.js

@@ -0,0 +1,51 @@
+"use client";
+import { t as e } from "./useIsoLayoutEffect-4LGv3HzC.js";
+import { t } from "./useAnimationFrame-jkCXMP_8.js";
+import * as n from "react";
+//#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/internals/useTransitionStatus.mjs
+function r(r, i = !1, a = !1) {
+	let [o, s] = n.useState(r && i ? "idle" : void 0), [c, l] = n.useState(r);
+	return r && !c && (l(!0), s("starting")), !r && c && o !== "ending" && !a && s("ending"), !r && !c && o === "ending" && s(void 0), e(() => {
+		if (!r && c && o !== "ending" && a) {
+			let e = t.request(() => {
+				s("ending");
+			});
+			return () => {
+				t.cancel(e);
+			};
+		}
+	}, [
+		r,
+		c,
+		o,
+		a
+	]), e(() => {
+		if (!r || i) return;
+		let e = t.request(() => {
+			s(void 0);
+		});
+		return () => {
+			t.cancel(e);
+		};
+	}, [i, r]), e(() => {
+		if (!r || !i) return;
+		r && c && o !== "idle" && s("starting");
+		let e = t.request(() => {
+			s("idle");
+		});
+		return () => {
+			t.cancel(e);
+		};
+	}, [
+		i,
+		r,
+		c,
+		o
+	]), {
+		mounted: c,
+		setMounted: l,
+		transitionStatus: o
+	};
+}
+//#endregion
+export { r as t };

package/dist/{useTriggerFocusGuards-Qi8iK-AK.js → useTriggerFocusGuards-Dlv8KvSm.js}

@@ -1,6 +1,6 @@
 "use client";
 import { c as e, t } from "./createBaseUIEventDetails-C_dwdqj4.js";
-import { J as n, K as r, X as i, Y as a } from "./popupStateMapping-C8W76brO.js";
+import { S as n, b as r, v as i, x as a } from "./ReactStore-C3H8e2ha.js";
 import { n as o } from "./shadowDom-BACsbimN.js";
 import * as s from "react";
 import * as c from "react-dom";
@@ -14,17 +14,17 @@ function l(l, u) {
 	}
 	function p(a) {
 		let s = l.select("positionerElement");
-		if (s && i(a, s)) l.context.beforeContentFocusGuardRef.current?.focus();
+		if (s && n(a, s)) l.context.beforeContentFocusGuardRef.current?.focus();
 		else {
 			c.flushSync(() => {
 				l.setOpen(!1, t(e, a.nativeEvent, a.currentTarget));
 			});
-			let i = n(l.context.triggerFocusTargetRef.current || u.current);
-			for (; i !== null && o(s, i);) {
-				let e = i;
-				if (i = r(i), i === e) break;
+			let n = r(l.context.triggerFocusTargetRef.current || u.current);
+			for (; n !== null && o(s, n);) {
+				let e = n;
+				if (n = i(n), n === e) break;
 			}
-			i?.focus();
+			n?.focus();
 		}
 	}
 	return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "5.0.2",
+  "version": "5.3.0",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",