@arcadeai/design-system 5.0.2 → 5.3.0

package/dist/{getPseudoElementBounds-D_dlkPnQ.js → getPseudoElementBounds-BOe22aYl.js}

@@ -7,11 +7,11 @@ import { n as o } from "./useAnimationFrame-jkCXMP_8.js";
 import { f as s, l as ee } from "./floating-ui.utils.dom-5U5b4xPf.js";
 import { t as c } from "./useValueAsRef-CfO5zn2c.js";
 import { t as l } from "./owner-CyZnQOKt.js";
-import { M as u, N as d } from "./popupStateMapping-C8W76brO.js";
+import { D as u, E as d } from "./popupStateMapping-XiLS0Jku.js";
 import { A as f, M as p, a as m, i as h, j as g, n as _, o as v, r as y, t as b } from "./composite-B-tEa-Zg.js";
 import { i as x, n as S, r as C, s as w, t as T } from "./constants-ouS7wtUt.js";
 import { n as E } from "./useTimeout-B0afjWAz.js";
-import { o as te } from "./useOpenInteractionType-DQhvPqO3.js";
+import { o as te } from "./useOpenInteractionType-INvHftZi.js";
 import { n as D, r as ne, t as re } from "./shadowDom-BACsbimN.js";
 import { c as ie, r as ae } from "./shim-BX-2V17R.js";
 import * as O from "react";
@@ -39,7 +39,7 @@ function ce(e, t, n, r) {
 function M(t, ee) {
 	let { listRef: h, activeIndex: v, onNavigate: x = () => {}, enabled: S = !0, selectedIndex: C = null, allowEscape: w = !1, loopFocus: T = !1, nested: E = !1, rtl: k = !1, virtual: A = !1, focusItemOnOpen: M = "auto", focusItemOnHover: le = !0, openOnArrowKeyDown: N = !0, disabledIndices: P = void 0, orientation: F = "vertical", parentOrientation: ue, id: de, resetOnPointerLeave: fe = !0, externalTree: pe, grid: me } = ee, he = me != null;
 	process.env.NODE_ENV !== "production" && (w && (T || console.warn("`useListNavigation` looping must be enabled to allow escaping."), A || console.warn("`useListNavigation` must be virtual to allow escaping.")), F === "vertical" && he && console.warn("In grid list navigation mode, the `orientation` should", "be either \"horizontal\" or \"both\"."));
-	let I = "rootStore" in t ? t.rootStore : t, L = I.useState("open"), R = I.useState("floatingElement"), z = I.useState("domReferenceElement"), ge = I.context.dataRef, _e = ae(R), ve = ie(z), B = c(_e), ye = u(), V = d(pe), H = O.useRef(M), U = O.useRef(C ?? -1), W = O.useRef(null), G = O.useRef(!0), K = n((e) => {
+	let I = "rootStore" in t ? t.rootStore : t, L = I.useState("open"), R = I.useState("floatingElement"), z = I.useState("domReferenceElement"), ge = I.context.dataRef, _e = ae(R), ve = ie(z), B = c(_e), ye = d(), V = u(pe), H = O.useRef(M), U = O.useRef(C ?? -1), W = O.useRef(null), G = O.useRef(!0), K = n((e) => {
 		x(U.current === -1 ? null : U.current, e);
 	}), q = O.useRef(!!R), be = O.useRef(L), J = O.useRef(!1), Y = O.useRef(!1), xe = O.useRef(null), Se = c(P), X = c(L), Z = c(C), Ce = c(fe), we = o(), Te = o(), Ee = n(() => {
 		function e(e) {

package/dist/{hover-card-GELKDadU.js → hover-card-CGLPPPPP.js}

@@ -2,17 +2,18 @@
 import { t as e } from "./useIsoLayoutEffect-4LGv3HzC.js";
 import { o as t, r as n, t as r, u as i } from "./useRenderElement-BToElZ97.js";
 import { t as a } from "./useStableCallback-CrM0Nb2q.js";
-import { t as o } from "./useBaseUiId-voePHgyX.js";
+import { t as o } from "./useBaseUiId-CXSJgVcI.js";
 import { l as s, t as c } from "./createBaseUIEventDetails-C_dwdqj4.js";
-import { a as l, t as u } from "./useOpenChangeComplete-Bs6gnxd9.js";
+import { a as l, t as u } from "./useOpenChangeComplete-CVIwfcpl.js";
 import { d } from "./floating-ui.utils.dom-5U5b4xPf.js";
 import { cn as f } from "./lib/utils.js";
-import { A as p, D as m, E as h, O as g, S as _, T as v, V as y, _ as b, a as x, c as S, f as C, h as w, j as T, k as E, m as D, o as O, p as k, r as A, s as j, v as M } from "./popupStateMapping-C8W76brO.js";
-import { n as N, r as P, t as ee } from "./safePolygon-os2F06tc.js";
-import { i as te, n as ne, r as re, t as ie } from "./usePositioner-DkeyI5Le.js";
-import { n as ae, r as oe, t as F } from "./store-C-KXBzZ0.js";
-import { t as se } from "./useFocus-DwJfNYN6.js";
-import { t as ce } from "./FloatingPortalLite-e0IaokaG.js";
+import { C as p, S as m, T as h, _ as g, a as _, c as v, f as y, h as b, m as x, o as S, p as C, r as w, s as T, v as E, w as D } from "./popupStateMapping-XiLS0Jku.js";
+import { a as O, h as k, i as A, o as j, t as M } from "./ReactStore-C3H8e2ha.js";
+import { n as N, r as P, t as ee } from "./safePolygon-DmV1hDsw.js";
+import { i as te, n as ne, r as re, t as ie } from "./usePositioner-CaLGGc-z.js";
+import { n as ae, r as F, t as oe } from "./store-D7k1qIkZ.js";
+import { t as se } from "./useFocus-B_SrhX9q.js";
+import { t as ce } from "./FloatingPortalLite-D5nFwFgJ.js";
 import * as I from "react";
 import { jsx as L, jsxs as le } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/utils/popups/inlineRect.mjs
@@ -59,7 +60,7 @@ function B(e, t, n) {
 function V(e) {
 	return R(e.left, e.top, e.right, e.bottom);
 }
-function H(e, t, n) {
+function de(e, t, n) {
 	let { lines: r } = z(e.getClientRects());
 	if (r.length < 2) return;
 	let i = B(r, t, n);
@@ -70,7 +71,7 @@ function H(e, t, n) {
 		element: e
 	};
 }
-function de(e, t, n) {
+function fe(e, t, n) {
 	let { lines: r, fallback: i } = z(e.getClientRects());
 	if (r.length < 2) return null;
 	let a = n?.x, o = n?.y, s = t[0];
@@ -92,10 +93,10 @@ function de(e, t, n) {
 	}
 	return R(l, f.top, u, p.bottom);
 }
-function fe(e) {
+function pe(e) {
 	return "contextElement" in e && e.contextElement ? e.contextElement : d(e) ? e : void 0;
 }
-function pe(e, t) {
+function H(e, t) {
 	function n(t) {
 		U(e, t.currentTarget, t.clientX, t.clientY);
 	}
@@ -111,7 +112,7 @@ function pe(e, t) {
 	};
 }
 function U(e, t, n, r) {
-	let i = H(t, n, r);
+	let i = de(t, n, r);
 	return e.current = i, i;
 }
 function me(e) {
@@ -120,7 +121,7 @@ function me(e) {
 		async fn(t) {
 			let n = t.elements.reference;
 			if (typeof n?.getClientRects != "function") return {};
-			let r = fe(n), i = e.current, a = i?.element === n || i?.element === r ? i : void 0, o = de(n, t.placement, a);
+			let r = pe(n), i = e.current, a = i?.element === n || i?.element === r ? i : void 0, o = fe(n, t.placement, a);
 			if (!o || typeof t.platform.getElementRects != "function") return {};
 			let s = await t.platform.getElementRects({
 				reference: {
@@ -148,12 +149,12 @@ function G(e) {
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/preview-card/store/PreviewCardStore.mjs
 var he = {
-	...oe,
-	instantType: m((e) => e.instantType),
-	hasViewport: m((e) => e.hasViewport)
-}, ge = class e extends _ {
+	...F,
+	instantType: j((e) => e.instantType),
+	hasViewport: j((e) => e.hasViewport)
+}, ge = class e extends M {
 	constructor(e, t, n = !1) {
-		let r = new O(), i = {
+		let r = new S(), i = {
 			..._e(),
 			...e
 		};
@@ -168,18 +169,18 @@ var he = {
 	}
 	setOpen = (e, t) => {
 		let { inlineRectCoordsRef: n } = this.context;
-		S(this, e, t, { onBeforeDispatch() {
+		v(this, e, t, { onBeforeDispatch() {
 			let r = t.event;
 			e && t.reason === "trigger-hover" && t.trigger && "clientX" in r && "clientY" in r && n.current?.element !== t.trigger && U(n, t.trigger, r.clientX, r.clientY);
 		} });
 	};
 	static useStore(t, n) {
-		return b(t, (t, r) => new e(n, t, r)).store;
+		return g(t, (t, r) => new e(n, t, r)).store;
 	}
 };
 function _e() {
 	return {
-		...F(),
+		...oe(),
 		instantType: void 0,
 		hasViewport: !1
 	};
@@ -193,10 +194,10 @@ function K(t) {
 		activeTriggerId: d,
 		triggerIdProp: u
 	});
-	k(p, n, r, d), p.useControlledProp("openProp", n), p.useControlledProp("triggerIdProp", u), p.useContextCallback("onOpenChange", i), p.useContextCallback("onOpenChangeComplete", a);
+	C(p, n, r, d), p.useControlledProp("openProp", n), p.useControlledProp("triggerIdProp", u), p.useContextCallback("onOpenChange", i), p.useContextCallback("onOpenChangeComplete", a);
 	let m = p.useState("open"), h = p.useState("activeTriggerId"), g = p.useState("mounted"), _ = p.useState("payload");
-	C(p, { closeOnActiveTriggerUnmount: !0 });
-	let { forceUnmount: v } = D(m, p, () => {
+	y(p, { closeOnActiveTriggerUnmount: !0 });
+	let { forceUnmount: v } = x(m, p, () => {
 		p.context.inlineRectCoordsRef.current = void 0;
 	});
 	e(() => {
@@ -206,29 +207,29 @@ function K(t) {
 		h,
 		m
 	]);
-	let y = I.useCallback(() => {
+	let b = I.useCallback(() => {
 		p.setOpen(!1, c(s));
 	}, [p]);
 	I.useImperativeHandle(o, () => ({
 		unmount: v,
-		close: y
-	}), [v, y]);
-	let b = m || g;
+		close: b
+	}), [v, b]);
+	let S = m || g;
 	return /*#__PURE__*/ le(W.Provider, {
 		value: p,
-		children: [b && /*#__PURE__*/ L(ve, { store: p }), typeof f == "function" ? f({ payload: _ }) : f]
+		children: [S && /*#__PURE__*/ L(ve, { store: p }), typeof f == "function" ? f({ payload: _ }) : f]
 	});
 }
 function ve({ store: e }) {
-	let r = g(e.useState("floatingRootContext"));
-	return w(e, {
+	let r = m(e.useState("floatingRootContext"));
+	return b(e, {
 		activeTriggerProps: r.reference ?? t,
 		inactiveTriggerProps: r.trigger ?? t,
-		popupProps: I.useMemo(() => n(j, r.floating), [r.floating])
+		popupProps: I.useMemo(() => n(T, r.floating), [r.floating])
 	}), null;
 }
-var q = v(function(e) {
-	return G(!0) ? /*#__PURE__*/ L(K, { ...e }) : /*#__PURE__*/ L(p, { children: /*#__PURE__*/ L(K, { ...e }) });
+var q = A(function(e) {
+	return G(!0) ? /*#__PURE__*/ L(K, { ...e }) : /*#__PURE__*/ L(D, { children: /*#__PURE__*/ L(K, { ...e }) });
 });
 process.env.NODE_ENV !== "production" && (q.displayName = "PreviewCardRoot");
 //#endregion
@@ -255,18 +256,18 @@ var Y = /*#__PURE__*/ I.forwardRef(function(e, t) {
 process.env.NODE_ENV !== "production" && (Y.displayName = "PreviewCardPortal");
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/preview-card/trigger/PreviewCardTrigger.mjs
-var X = h(function(t, n) {
+var X = O(function(t, n) {
 	let { render: a, className: s, delay: c, closeDelay: l, id: u, payload: d, handle: f, style: p, ...m } = t, h = G(!0), g = f?.store ?? h;
 	if (!g) throw Error(process.env.NODE_ENV === "production" ? i(89) : "Base UI: <PreviewCard.Trigger> must be either used within a <PreviewCard.Root> component or provided with a handle.");
-	let _ = o(u), v = g.useState("isTriggerActive", _), y = g.useState("isOpenedByTrigger", _), b = g.useState("floatingRootContext"), S = g.context.inlineRectCoordsRef, C = I.useRef(null), w = c ?? 600, T = l ?? 300, { registerTrigger: E, isMountedByThisTrigger: D } = M(_, C, g, { payload: d });
+	let v = o(u), y = g.useState("isTriggerActive", v), b = g.useState("isOpenedByTrigger", v), x = g.useState("floatingRootContext"), S = g.context.inlineRectCoordsRef, C = I.useRef(null), w = c ?? 600, T = l ?? 300, { registerTrigger: D, isMountedByThisTrigger: O } = E(v, C, g, { payload: d });
 	e(() => {
-		D && (g.context.closeDelayRef.current = T);
+		O && (g.context.closeDelayRef.current = T);
 	}, [
 		g,
-		D,
+		O,
 		T
 	]);
-	let O = N(b, {
+	let k = N(x, {
 		mouseOnly: !0,
 		move: !1,
 		handleClose: ee(),
@@ -275,25 +276,25 @@ var X = h(function(t, n) {
 			close: T
 		}),
 		triggerElementRef: C,
-		isActiveTrigger: v,
+		isActiveTrigger: y,
 		isClosing: () => g.select("transitionStatus") === "ending"
-	}), k = se(b, { delay: w }), A = { open: y }, j = g.useState("triggerProps", D), P = pe(S, y);
+	}), A = se(x, { delay: w }), j = { open: b }, M = g.useState("triggerProps", O), P = H(S, b);
 	return r("a", t, {
-		state: A,
+		state: j,
 		ref: [
 			n,
-			E,
+			D,
 			C
 		],
 		props: [
-			O,
-			k.reference,
-			j,
+			k,
+			A.reference,
+			M,
 			P,
-			{ id: _ },
+			{ id: v },
 			m
 		],
-		stateAttributesMapping: x
+		stateAttributesMapping: _
 	});
 });
 process.env.NODE_ENV !== "production" && (X.displayName = "PreviewCardTrigger");
@@ -309,51 +310,51 @@ function be() {
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/preview-card/positioner/PreviewCardPositioner.mjs
 var Q = /*#__PURE__*/ I.forwardRef(function(t, n) {
-	let { render: r, className: i, anchor: a, positionMethod: o = "absolute", side: s = "bottom", align: c = "center", sideOffset: l = 0, alignOffset: u = 0, collisionBoundary: d = "clipping-ancestors", collisionPadding: f = 5, arrowPadding: p = 5, sticky: m = !1, disableAnchorTracking: h = !1, collisionAvoidance: g = y, style: _, ...v } = t, b = G(), x = ye(), S = T(), C = b.useState("open"), w = b.useState("mounted"), D = b.useState("floatingRootContext"), O = b.useState("instantType"), k = b.useState("transitionStatus"), A = b.useState("hasViewport"), j = b.context.inlineRectCoordsRef, M = re({
+	let { render: r, className: i, anchor: a, positionMethod: o = "absolute", side: s = "bottom", align: c = "center", sideOffset: l = 0, alignOffset: u = 0, collisionBoundary: d = "clipping-ancestors", collisionPadding: f = 5, arrowPadding: m = 5, sticky: g = !1, disableAnchorTracking: _ = !1, collisionAvoidance: v = k, style: y, ...b } = t, x = G(), S = ye(), C = h(), w = x.useState("open"), T = x.useState("mounted"), E = x.useState("floatingRootContext"), D = x.useState("instantType"), O = x.useState("transitionStatus"), A = x.useState("hasViewport"), j = x.context.inlineRectCoordsRef, M = re({
 		anchor: a,
-		floatingRootContext: D,
+		floatingRootContext: E,
 		positionMethod: o,
-		mounted: w,
+		mounted: T,
 		side: s,
 		sideOffset: l,
 		align: c,
 		alignOffset: u,
-		arrowPadding: p,
+		arrowPadding: m,
 		collisionBoundary: d,
 		collisionPadding: f,
-		sticky: m,
-		disableAnchorTracking: h,
-		keepMounted: x,
-		nodeId: S,
-		collisionAvoidance: g,
+		sticky: g,
+		disableAnchorTracking: _,
+		keepMounted: S,
+		nodeId: C,
+		collisionAvoidance: v,
 		adaptiveOrigin: A ? te : void 0,
 		inline: me(j)
 	}), N = M.update;
 	e(() => {
-		C && w && N();
+		w && T && N();
 	}, [
-		C,
 		w,
+		T,
 		N
 	]);
 	let P = ie(t, {
-		open: C,
+		open: w,
 		side: M.side,
 		align: M.align,
 		anchorHidden: M.anchorHidden,
-		instant: O
+		instant: D
 	}, {
 		styles: M.positionerStyles,
-		transitionStatus: k,
-		props: v,
-		refs: [n, b.useStateSetter("positionerElement")],
-		hidden: !w,
-		inert: !C
+		transitionStatus: O,
+		props: b,
+		refs: [n, x.useStateSetter("positionerElement")],
+		hidden: !T,
+		inert: !w
 	});
 	return /*#__PURE__*/ L(Z.Provider, {
 		value: M,
-		children: /*#__PURE__*/ L(E, {
-			id: S,
+		children: /*#__PURE__*/ L(p, {
+			id: C,
 			children: P
 		})
 	});
@@ -362,7 +363,7 @@ process.env.NODE_ENV !== "production" && (Q.displayName = "PreviewCardPositioner
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/preview-card/popup/PreviewCardPopup.mjs
 var xe = {
-	...A,
+	...w,
 	...l
 }, $ = /*#__PURE__*/ I.forwardRef(function(e, t) {
 	let { className: n, render: i, style: o, ...s } = e, c = G(), { side: l, align: d } = be(), f = c.useState("open"), p = c.useState("instantType"), m = c.useState("transitionStatus"), h = c.useState("popupProps"), g = c.useState("floatingRootContext");

package/dist/{input-DZfZK6b1.js → input-DZTqcpe-.js}

@@ -8,7 +8,7 @@ import { t as o } from "./owner-CyZnQOKt.js";
 import { cn as s } from "./lib/utils.js";
 import { t as c } from "./shadowDom-BACsbimN.js";
 import { a as l, i as u, n as d, r as f, t as p } from "./LabelableContext-C6DIbcnY.js";
-import { t as m } from "./useLabelableId-CC2YaILf.js";
+import { t as m } from "./useLabelableId-9jrDGk5d.js";
 import * as h from "react";
 import { jsx as g } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/@base-ui+react@1.6.0+df7f6a806acd27ca/node_modules/@base-ui/react/field/control/FieldControl.mjs