@theroutingcompany/components 0.0.39-alpha.0 → 0.0.39-alpha.1

package/dist/trc-components.es.js

@@ -1,5 +1,5 @@
 import * as Z from "react";
-import K, { useCallback as oe, forwardRef as V, Children as Qt, isValidElement as qr, createElement as S, cloneElement as nn, Fragment as Cr, useEffect as J, createContext as Zr, useMemo as re, useContext as Ve, useRef as z, useState as X, useLayoutEffect as Mh, useReducer as ID, PureComponent as OD, useId as MD } from "react";
+import K, { useCallback as oe, forwardRef as V, Children as Qt, isValidElement as qr, createElement as S, cloneElement as nn, Fragment as Cr, useEffect as X, createContext as Zr, useMemo as re, useContext as Ve, useRef as z, useState as J, useLayoutEffect as Mh, useReducer as ID, PureComponent as OD, useId as MD } from "react";
 import * as Nh from "react-dom";
 import Br, { flushSync as Fh, createPortal as Hi } from "react-dom";
 import C, { keyframes as Be, css as De } from "styled-components";
@@ -744,7 +744,7 @@ const tS = [
 ], he = tS.reduce((e, t) => {
   const r = /* @__PURE__ */ V((n, o) => {
     const { asChild: a, ...i } = n, s = a ? xr : t;
-    return J(() => {
+    return X(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ S(s, I({}, i, {
       ref: o
@@ -960,7 +960,7 @@ function ne(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
 }
 function We(e) {
   const t = z(e);
-  return J(() => {
+  return X(() => {
     t.current = e;
   }), re(
     () => (...r) => {
@@ -993,8 +993,8 @@ function qe({ prop: e, defaultProp: t, onChange: r = () => {
   ];
 }
 function iS({ defaultProp: e, onChange: t }) {
-  const r = X(e), [n] = r, o = z(n), a = We(t);
-  return J(() => {
+  const r = J(e), [n] = r, o = z(n), a = We(t);
+  return X(() => {
     o.current !== n && (a(n), o.current = n);
   }, [
     n,
@@ -1020,7 +1020,7 @@ const He = (e) => {
 };
 He.displayName = "Presence";
 function lS(e) {
-  const [t, r] = X(), n = z({}), o = z(e), a = z("none"), i = e ? "mounted" : "unmounted", [s, l] = sS(i, {
+  const [t, r] = J(), n = z({}), o = z(e), a = z("none"), i = e ? "mounted" : "unmounted", [s, l] = sS(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -1033,7 +1033,7 @@ function lS(e) {
       MOUNT: "mounted"
     }
   });
-  return J(() => {
+  return X(() => {
     const c = ka(n.current);
     a.current = s === "mounted" ? c : "none";
   }, [
@@ -1142,8 +1142,8 @@ const jh = "Collapsible", [uS, Uh] = je(jh), [fS, Md] = uS(jh), pS = /* @__PURE_
     }))
   );
 }), gS = /* @__PURE__ */ V((e, t) => {
-  const { __scopeCollapsible: r, present: n, children: o, ...a } = e, i = Md(Wh, r), [s, l] = X(n), c = z(null), d = _e(t, c), u = z(0), p = u.current, m = z(0), h = m.current, b = i.open || s, g = z(b), $ = z();
-  return J(() => {
+  const { __scopeCollapsible: r, present: n, children: o, ...a } = e, i = Md(Wh, r), [s, l] = J(n), c = z(null), d = _e(t, c), u = z(0), p = u.current, m = z(0), h = m.current, b = i.open || s, g = z(b), $ = z();
+  return X(() => {
     const v = requestAnimationFrame(
       () => g.current = !1
     );
@@ -2995,7 +2995,7 @@ sa.Content = NP;
 const aB = sa;
 function FP(e, t = globalThis == null ? void 0 : globalThis.document) {
   const r = We(e);
-  J(() => {
+  X(() => {
     const n = (o) => {
       o.key === "Escape" && r(o);
     };
@@ -3013,7 +3013,7 @@ const ob = /* @__PURE__ */ Zr({
   branches: /* @__PURE__ */ new Set()
 }), ao = /* @__PURE__ */ V((e, t) => {
   var r;
-  const { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: o, onPointerDownOutside: a, onFocusOutside: i, onInteractOutside: s, onDismiss: l, ...c } = e, d = Ve(ob), [u, p] = X(null), m = (r = u == null ? void 0 : u.ownerDocument) !== null && r !== void 0 ? r : globalThis == null ? void 0 : globalThis.document, [, h] = X({}), b = _e(
+  const { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: o, onPointerDownOutside: a, onFocusOutside: i, onInteractOutside: s, onDismiss: l, ...c } = e, d = Ve(ob), [u, p] = J(null), m = (r = u == null ? void 0 : u.ownerDocument) !== null && r !== void 0 ? r : globalThis == null ? void 0 : globalThis.document, [, h] = J({}), b = _e(
     t,
     (_) => p(_)
   ), g = Array.from(d.layers), [$] = [
@@ -3035,7 +3035,7 @@ const ob = /* @__PURE__ */ Zr({
   }, m);
   return FP((_) => {
     y === d.layers.size - 1 && (o == null || o(_), !_.defaultPrevented && l && (_.preventDefault(), l()));
-  }, m), J(() => {
+  }, m), X(() => {
     if (u)
       return n && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (Uf = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(u)), d.layers.add(u), Wf(), () => {
         n && d.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = Uf);
@@ -3045,12 +3045,12 @@ const ob = /* @__PURE__ */ Zr({
     m,
     n,
     d
-  ]), J(() => () => {
+  ]), X(() => () => {
     u && (d.layers.delete(u), d.layersWithOutsidePointerEventsDisabled.delete(u), Wf());
   }, [
     u,
     d
-  ]), J(() => {
+  ]), X(() => {
     const _ = () => h({});
     return document.addEventListener(yc, _), () => document.removeEventListener(yc, _);
   }, []), /* @__PURE__ */ S(he.div, I({}, c, {
@@ -3065,7 +3065,7 @@ const ob = /* @__PURE__ */ Zr({
   }));
 }), KP = /* @__PURE__ */ V((e, t) => {
   const r = Ve(ob), n = z(null), o = _e(t, n);
-  return J(() => {
+  return X(() => {
     const a = n.current;
     if (a)
       return r.branches.add(a), () => {
@@ -3080,7 +3080,7 @@ const ob = /* @__PURE__ */ Zr({
 function VP(e, t = globalThis == null ? void 0 : globalThis.document) {
   const r = We(e), n = z(!1), o = z(() => {
   });
-  return J(() => {
+  return X(() => {
     const a = (s) => {
       if (s.target && !n.current) {
         let c = function() {
@@ -3112,7 +3112,7 @@ function VP(e, t = globalThis == null ? void 0 : globalThis.document) {
 }
 function BP(e, t = globalThis == null ? void 0 : globalThis.document) {
   const r = We(e), n = z(!1);
-  return J(() => {
+  return X(() => {
     const o = (a) => {
       a.target && !n.current && ab(zP, r, {
         originalEvent: a
@@ -3147,7 +3147,7 @@ const jP = ao, UP = KP, rl = "focusScope.autoFocusOnMount", nl = "focusScope.aut
   bubbles: !1,
   cancelable: !0
 }, rs = /* @__PURE__ */ V((e, t) => {
-  const { loop: r = !1, trapped: n = !1, onMountAutoFocus: o, onUnmountAutoFocus: a, ...i } = e, [s, l] = X(null), c = We(o), d = We(a), u = z(null), p = _e(
+  const { loop: r = !1, trapped: n = !1, onMountAutoFocus: o, onUnmountAutoFocus: a, ...i } = e, [s, l] = J(null), c = We(o), d = We(a), u = z(null), p = _e(
     t,
     (b) => l(b)
   ), m = z({
@@ -3159,7 +3159,7 @@ const jP = ao, UP = KP, rl = "focusScope.autoFocusOnMount", nl = "focusScope.aut
       this.paused = !1;
     }
   }).current;
-  J(() => {
+  X(() => {
     if (n) {
       let b = function(y) {
         if (m.paused || !s)
@@ -3193,7 +3193,7 @@ const jP = ao, UP = KP, rl = "focusScope.autoFocusOnMount", nl = "focusScope.aut
     n,
     s,
     m.paused
-  ]), J(() => {
+  ]), X(() => {
     if (s) {
       Yf.add(m);
       const b = document.activeElement;
@@ -3332,7 +3332,7 @@ const io = /* @__PURE__ */ V((e, t) => {
 });
 let ol = 0;
 function ns() {
-  J(() => {
+  X(() => {
     var e, t;
     const r = document.querySelectorAll("[data-radix-focus-guard]");
     return document.body.insertAdjacentElement("afterbegin", (e = r[0]) !== null && e !== void 0 ? e : Zf()), document.body.insertAdjacentElement("beforeend", (t = r[1]) !== null && t !== void 0 ? t : Zf()), ol++, () => {
@@ -3376,7 +3376,7 @@ function e7(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function t7(e, t) {
-  var r = X(function() {
+  var r = J(function() {
     return {
       // value
       value: e,
@@ -3931,7 +3931,7 @@ const yb = "Dialog", [_b, xb] = je(yb), [C7, Et] = _b(yb), R7 = (e) => {
   })));
 }), z7 = /* @__PURE__ */ V((e, t) => {
   const r = Et(qn, e.__scopeDialog), n = z(null), o = _e(t, r.contentRef, n);
-  return J(() => {
+  return X(() => {
     const a = n.current;
     if (a)
       return is(a);
@@ -4562,7 +4562,7 @@ var Lb = Hd({}, function(e) {
   }, [R]), G = Z.useCallback(function() {
     l.current = !1, q && q(s.current);
   }, [q]);
-  J(function() {
+  X(function() {
     u || (c.current = null);
   }, []);
   var L = Z.useCallback(function(se) {
@@ -6117,8 +6117,10 @@ const _k = vg, sn = C(Ie)`
 Zn.displayName = "Title";
 const $g = K.createContext({}), yg = K.forwardRef(
   function(t, r) {
-    const { children: n } = t;
-    return K.useContext($g), /* @__PURE__ */ x(Ie, { "data-id": "modal-header", bg: "white", mb: f.spacing_200, ref: r, children: /* @__PURE__ */ x(Ie, { display: "flex", alignItems: "center", children: /* @__PURE__ */ x(Ie, { flex: "1", children: /* @__PURE__ */ x(Zn, { as: "h2", looksLike: "h6", children: n }) }) }) });
+    const { children: n } = t, { setModalTitle: o } = K.useContext($g);
+    return X(() => {
+      o && typeof n == "string" && o(n);
+    }, [n, o]), /* @__PURE__ */ x(Ie, { "data-id": "modal-header", bg: "white", mb: f.spacing_200, ref: r, children: /* @__PURE__ */ x(Ie, { display: "flex", alignItems: "center", children: /* @__PURE__ */ x(Ie, { flex: "1", children: /* @__PURE__ */ x(Zn, { as: "h2", looksLike: "h6", children: n }) }) }) });
   }
 );
 yg.displayName = "Modal.Header";
@@ -6148,7 +6150,7 @@ const Ck = yg, lu = {
   } = t;
   let { maxWidth: u } = t;
   u || (u = lu[d]);
-  const [p, m] = X(""), h = z(), b = z(), g = z();
+  const [p, m] = J(""), h = z(), b = z(), g = z();
   function $(y) {
     if (!i)
       return;
@@ -6443,8 +6445,8 @@ function SB({ children: e, size: t = "large", variant: r = "positive", ...n }) {
   );
 }
 function Tt(e, t, r) {
-  let [n, o] = X(e || t), a = z(e !== void 0), i = e !== void 0;
-  J(() => {
+  let [n, o] = J(e || t), a = z(e !== void 0), i = e !== void 0;
+  X(() => {
     let c = a.current;
     c !== i && console.warn(`WARN: A component changed from ${c ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}.`), a.current = i;
   }, [
@@ -6510,7 +6512,7 @@ function Gk(e) {
   return e || `react-aria${t.prefix}-${r}`;
 }
 function Yk(e) {
-  let t = K.useId(), [r] = X(ps()), n = r ? "react-aria" : `react-aria${cu.prefix}`;
+  let t = K.useId(), [r] = J(ps()), n = r ? "react-aria" : `react-aria${cu.prefix}`;
   return e || `${n}-${t}`;
 }
 const qk = typeof K.useId == "function" ? Yk : Gk;
@@ -6548,7 +6550,7 @@ function ms() {
 const Oe = typeof window < "u" ? K.useLayoutEffect : () => {
 };
 function Qk(e) {
-  let [t, r] = X(e), n = z(t), o = z(null), a = oe(() => {
+  let [t, r] = J(e), n = z(t), o = z(null), a = oe(() => {
     let s = o.current.next();
     for (; !s.done && n.current === s.value; )
       s = o.current.next();
@@ -6579,7 +6581,7 @@ function Qk(e) {
 }
 let hi = /* @__PURE__ */ new Map();
 function ut(e) {
-  let [t, r] = X(e), n = z(null), o = qk(t), a = oe((i) => {
+  let [t, r] = J(e), n = z(null), o = qk(t), a = oe((i) => {
     n.current = i;
   }, []);
   return hi.set(o, a), Oe(() => {
@@ -6589,7 +6591,7 @@ function ut(e) {
     };
   }, [
     o
-  ]), J(() => {
+  ]), X(() => {
     let i = n.current;
     i && (n.current = null, r(i));
   }), o;
@@ -6742,7 +6744,7 @@ function uu() {
   }, [
     r
   ]);
-  return J(() => n, [
+  return X(() => n, [
     n
   ]), {
     addGlobalListener: t,
@@ -6778,9 +6780,9 @@ function Ct(e) {
 }
 function yp(e, t) {
   const r = z(!0), n = z(null);
-  J(() => (r.current = !0, () => {
+  X(() => (r.current = !0, () => {
     r.current = !1;
-  }), []), J(() => {
+  }), []), X(() => {
     r.current ? r.current = !1 : (!n.current || t.some((o, a) => !Object.is(o, n[a]))) && e(), n.current = t;
   }, t);
 }
@@ -6789,7 +6791,7 @@ function sE() {
 }
 function lE(e) {
   const { ref: t, onResize: r } = e;
-  J(() => {
+  X(() => {
     let n = t == null ? void 0 : t.current;
     if (n)
       if (sE()) {
@@ -6831,7 +6833,7 @@ function bi(e) {
 let cE = 0;
 const vl = /* @__PURE__ */ new Map();
 function hs(e) {
-  let [t, r] = X(void 0);
+  let [t, r] = J(void 0);
   return Oe(() => {
     if (!e)
       return;
@@ -6902,7 +6904,7 @@ function Ue(e) {
 }
 function $r(e, t, r, n) {
   let o = Ue(r), a = r == null;
-  J(() => {
+  X(() => {
     if (a)
       return;
     let i = e.current;
@@ -7012,7 +7014,7 @@ function cn(e) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ref: u,
     ...p
-  } = pE(e), [m, h] = X(!1), b = z({
+  } = pE(e), [m, h] = J(!1), b = z({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -7172,7 +7174,7 @@ function cn(e) {
     v,
     w
   ]);
-  return J(() => () => {
+  return X(() => () => {
     d || Na(b.current.target);
   }, [
     d
@@ -7381,8 +7383,8 @@ function Fg(e) {
 }
 function Lg() {
   vi();
-  let [e, t] = X(ir);
-  return J(() => {
+  let [e, t] = J(ir);
+  return X(() => {
     let r = () => {
       t(ir);
     };
@@ -7395,7 +7397,7 @@ function DE(e, t, r) {
   return !(e && t === "keyboard" && r instanceof KeyboardEvent && !$E[r.key]);
 }
 function SE(e, t, r) {
-  vi(), J(() => {
+  vi(), X(() => {
     let n = (o, a) => {
       DE(r == null ? void 0 : r.isTextInput, o, a) && e($i());
     };
@@ -7448,13 +7450,13 @@ function PE() {
     };
 }
 function TE(e) {
-  let { onHoverStart: t, onHoverChange: r, onHoverEnd: n, isDisabled: o } = e, [a, i] = X(!1), s = z({
+  let { onHoverStart: t, onHoverChange: r, onHoverEnd: n, isDisabled: o } = e, [a, i] = J(!1), s = z({
     isHovered: !1,
     ignoreEmulatedMouseEvents: !1,
     pointerType: "",
     target: null
   }).current;
-  J(PE, []);
+  X(PE, []);
   let { hoverProps: l, triggerHoverEnd: c } = re(() => {
     let d = (m, h) => {
       if (s.pointerType = h, o || h === "touch" || s.isHovered || !m.currentTarget.contains(m.target))
@@ -7498,7 +7500,7 @@ function TE(e) {
     o,
     s
   ]);
-  return J(() => {
+  return X(() => {
     o && c({
       currentTarget: s.target
     }, s.pointerType);
@@ -7518,7 +7520,7 @@ function kE(e) {
   }), s = Ue((l) => {
     r && r(l);
   });
-  J(() => {
+  X(() => {
     let l = a.current;
     if (!n)
       if (typeof PointerEvent < "u") {
@@ -7653,7 +7655,7 @@ const Ep = {
   whiteSpace: "nowrap"
 };
 function Kg(e = {}) {
-  let { style: t, isFocusable: r } = e, [n, o] = X(!1), { focusWithinProps: a } = lo({
+  let { style: t, isFocusable: r } = e, [n, o] = J(!1), { focusWithinProps: a } = lo({
     isDisabled: !r,
     onFocusWithinChange: (s) => o(s)
   }), i = re(() => n ? t : t ? {
@@ -8718,7 +8720,7 @@ const y6 = (e, t, r) => {
     }
   };
 };
-var ai = typeof document < "u" ? Mh : J;
+var ai = typeof document < "u" ? Mh : X;
 function Pi(e, t) {
   if (e === t)
     return !0;
@@ -8874,7 +8876,7 @@ const w6 = /* @__PURE__ */ V((e, t) => {
   }));
 }), D6 = w6;
 function _s(e) {
-  const [t, r] = X(void 0);
+  const [t, r] = J(void 0);
   return _t(() => {
     if (e) {
       r({
@@ -8906,7 +8908,7 @@ function _s(e) {
   ]), t;
 }
 const a0 = "Popper", [i0, Ir] = je(a0), [S6, s0] = i0(a0), P6 = (e) => {
-  const { __scopePopper: t, children: r } = e, [n, o] = X(null);
+  const { __scopePopper: t, children: r } = e, [n, o] = J(null);
   return /* @__PURE__ */ S(S6, {
     scope: t,
     anchor: n,
@@ -8914,17 +8916,17 @@ const a0 = "Popper", [i0, Ir] = je(a0), [S6, s0] = i0(a0), P6 = (e) => {
   }, r);
 }, T6 = "PopperAnchor", k6 = /* @__PURE__ */ V((e, t) => {
   const { __scopePopper: r, virtualRef: n, ...o } = e, a = s0(T6, r), i = z(null), s = _e(t, i);
-  return J(() => {
+  return X(() => {
     a.onAnchorChange((n == null ? void 0 : n.current) || i.current);
   }), n ? null : /* @__PURE__ */ S(he.div, I({}, o, {
     ref: s
   }));
 }), l0 = "PopperContent", [E6, C6] = i0(l0), R6 = /* @__PURE__ */ V((e, t) => {
   var r, n, o, a, i, s, l, c;
-  const { __scopePopper: d, side: u = "bottom", sideOffset: p = 0, align: m = "center", alignOffset: h = 0, arrowPadding: b = 0, collisionBoundary: g = [], collisionPadding: $ = 0, sticky: v = "partial", hideWhenDetached: y = !1, avoidCollisions: w = !0, onPlaced: P, ...M } = e, k = s0(l0, d), [_, E] = X(null), F = _e(
+  const { __scopePopper: d, side: u = "bottom", sideOffset: p = 0, align: m = "center", alignOffset: h = 0, arrowPadding: b = 0, collisionBoundary: g = [], collisionPadding: $ = 0, sticky: v = "partial", hideWhenDetached: y = !1, avoidCollisions: w = !0, onPlaced: P, ...M } = e, k = s0(l0, d), [_, E] = J(null), F = _e(
     t,
     (ye) => E(ye)
-  ), [D, j] = X(null), O = _s(D), R = (r = O == null ? void 0 : O.width) !== null && r !== void 0 ? r : 0, q = (n = O == null ? void 0 : O.height) !== null && n !== void 0 ? n : 0, N = u + (m !== "center" ? "-" + m : ""), B = typeof $ == "number" ? $ : {
+  ), [D, j] = J(null), O = _s(D), R = (r = O == null ? void 0 : O.width) !== null && r !== void 0 ? r : 0, q = (n = O == null ? void 0 : O.height) !== null && n !== void 0 ? n : 0, N = u + (m !== "center" ? "-" + m : ""), B = typeof $ == "number" ? $ : {
     top: 0,
     right: 0,
     bottom: 0,
@@ -8985,7 +8987,7 @@ const a0 = "Popper", [i0, Ir] = je(a0), [S6, s0] = i0(a0), P6 = (e) => {
     Y,
     se
   ]);
-  const de = (o = fe.arrow) === null || o === void 0 ? void 0 : o.x, le = (a = fe.arrow) === null || a === void 0 ? void 0 : a.y, me = ((i = fe.arrow) === null || i === void 0 ? void 0 : i.centerOffset) !== 0, [ae, be] = X();
+  const de = (o = fe.arrow) === null || o === void 0 ? void 0 : o.x, le = (a = fe.arrow) === null || a === void 0 ? void 0 : a.y, me = ((i = fe.arrow) === null || i === void 0 ? void 0 : i.centerOffset) !== 0, [ae, be] = J();
   return _t(() => {
     _ && be(window.getComputedStyle(_).zIndex);
   }, [
@@ -9100,7 +9102,7 @@ function c0(e) {
 const da = P6, xs = k6, ws = R6, yu = O6, d0 = "Popover", [u0, PB] = je(d0, [
   Ir
 ]), Ds = Ir(), [F6, un] = u0(d0), f0 = (e) => {
-  const { __scopePopover: t, children: r, open: n, defaultOpen: o, onOpenChange: a, modal: i = !1 } = e, s = Ds(t), l = z(null), [c, d] = X(!1), [u = !1, p] = qe({
+  const { __scopePopover: t, children: r, open: n, defaultOpen: o, onOpenChange: a, modal: i = !1 } = e, s = Ds(t), l = z(null), [c, d] = J(!1), [u = !1, p] = qe({
     prop: n,
     defaultProp: o,
     onChange: a
@@ -9168,7 +9170,7 @@ const da = P6, xs = k6, ws = R6, yu = O6, d0 = "Popover", [u0, PB] = je(d0, [
   })));
 }), B6 = /* @__PURE__ */ V((e, t) => {
   const r = un(Yo, e.__scopePopover), n = z(null), o = _e(t, n), a = z(!1);
-  return J(() => {
+  return X(() => {
     const i = n.current;
     if (i)
       return is(i);
@@ -9326,7 +9328,7 @@ function e4(e) {
     s.current = m;
   }, [
     t
-  ]), s4(s, n, r), o4(s, r), c4(s, n, r), i4(s, o), J(() => {
+  ]), s4(s, n, r), o4(s, r), c4(s, n, r), i4(s, o), X(() => {
     if (s) {
       let p = document.activeElement, m = null;
       if (Ye(p, s.current)) {
@@ -9520,7 +9522,7 @@ function Ei(e, t = !0) {
 }
 function i4(e, t) {
   const r = K.useRef(t);
-  J(() => {
+  X(() => {
     r.current && (Ce = e, Ye(document.activeElement, Ce.current) || Ei(e.current)), r.current = !1;
   }, [
     e
@@ -9751,7 +9753,7 @@ function fn(e = {}) {
   let { autoFocus: t = !1, isTextInput: r, within: n } = e, o = z({
     isFocused: !1,
     isFocusVisible: t || $i()
-  }), [a, i] = X(!1), [s, l] = X(() => o.current.isFocused && o.current.isFocusVisible), c = oe(() => l(o.current.isFocused && o.current.isFocusVisible), []), d = oe((m) => {
+  }), [a, i] = J(!1), [s, l] = J(() => o.current.isFocused && o.current.isFocusVisible), c = oe(() => l(o.current.isFocused && o.current.isFocusVisible), []), d = oe((m) => {
     o.current.isFocused = m, i(m), c();
   }, [
     c
@@ -9793,7 +9795,7 @@ function f4(e) {
 }
 function wu(e, t) {
   let { focusProps: r } = mu(e), { keyboardProps: n } = EE(e), o = $e(r, n), a = f4(t), i = e.isDisabled ? {} : a, s = z(e.autoFocus);
-  return J(() => {
+  return X(() => {
     s.current && t.current && qo(t.current), s.current = !1;
   }, [
     t
@@ -11738,8 +11740,8 @@ function um() {
     e(Yc);
 }
 function PC() {
-  let e = ps(), [t, r] = X(Yc);
-  return J(() => (Co.size === 0 && window.addEventListener("languagechange", um), Co.add(r), () => {
+  let e = ps(), [t, r] = J(Yc);
+  return X(() => (Co.size === 0 && window.addEventListener("languagechange", um), Co.add(r), () => {
     Co.delete(r), Co.size === 0 && window.removeEventListener("languagechange", um);
   }), []), e ? {
     locale: "en-US",
@@ -13328,9 +13330,9 @@ function v$(e, t) {
     errorMessageId: s,
     selectedDateDescription: i
   });
-  let [l, c] = X(!1), d = e.isDisabled || t.isNextVisibleRangeInvalid();
+  let [l, c] = J(!1), d = e.isDisabled || t.isNextVisibleRangeInvalid();
   d && l && (c(!1), t.setFocused(!0));
-  let [u, p] = X(!1), m = e.isDisabled || t.isPreviousVisibleRangeInvalid();
+  let [u, p] = J(!1), m = e.isDisabled || t.isPreviousVisibleRangeInvalid();
   m && u && (p(!1), t.setFocused(!0));
   let h = Xr({
     id: e.id,
@@ -13551,7 +13553,7 @@ function f8(e, t, r) {
           D.pointerType === "virtual" && (t.selectDate(n), t.setFocusedDate(n));
     }
   }), _ = null;
-  o || (_ = Le(n, t.focusedDate) ? 0 : -1), J(() => {
+  o || (_ = Le(n, t.focusedDate) ? 0 : -1), X(() => {
     d && r.current && (qt(r.current), yi() !== "pointer" && document.activeElement === r.current && gi(r.current, {
       containingElement: Xn(r.current)
     }));
@@ -14084,7 +14086,7 @@ function _$(e) {
     u,
     i,
     s
-  ]), [v, y] = Tt(g, $, e.onFocusChange), [w, P] = X(() => {
+  ]), [v, y] = Tt(g, $, e.onFocusChange), [w, P] = J(() => {
     switch (l) {
       case "start":
         return Wr(v, a, n, i, s);
@@ -14094,7 +14096,7 @@ function _$(e) {
       default:
         return ed(v, a, n, i, s);
     }
-  }), [M, k] = X(e.autoFocus || !1), _ = re(() => {
+  }), [M, k] = J(e.autoFocus || !1), _ = re(() => {
     let N = {
       ...a
     };
@@ -14102,7 +14104,7 @@ function _$(e) {
   }, [
     w,
     a
-  ]), [E, F] = X(u.identifier);
+  ]), [E, F] = J(u.identifier);
   if (u.identifier !== E) {
     let N = Ae(v, u);
     P(ed(N, a, n, i, s)), y(N), F(u.identifier);
@@ -14269,14 +14271,14 @@ function Il(e) {
 function P8(e) {
   let { value: t, defaultValue: r, onChange: n, createCalendar: o, locale: a, visibleDuration: i = {
     months: 1
-  }, minValue: s, maxValue: l, ...c } = e, [d, u] = Tt(t, r || null, n), [p, m] = X(null), h = "center";
+  }, minValue: s, maxValue: l, ...c } = e, [d, u] = Tt(t, r || null, n), [p, m] = J(null), h = "center";
   if (d && d.start && d.end) {
     let B = ed(yt(d.start), i, a, s, l).add(i).subtract({
       days: 1
     });
     d.end.compare(B) > 0 && (h = "start");
   }
-  let b = z(null), [g, $] = X(null), v = re(() => Tu(s, g == null ? void 0 : g.start), [
+  let b = z(null), [g, $] = J(null), v = re(() => Tu(s, g == null ? void 0 : g.start), [
     s,
     g
   ]), y = re(() => Pu(l, g == null ? void 0 : g.end), [
@@ -14296,7 +14298,7 @@ function P8(e) {
       start: gm(N, w, -1),
       end: gm(N, w, 1)
     }, $(b.current)) : (b.current = null, $(null));
-  }, [M, k] = X(w.visibleRange);
+  }, [M, k] = J(w.visibleRange);
   (!zc(w.visibleRange.start, M.start) || !zc(w.visibleRange.end, M.end)) && (P(p), k(w.visibleRange));
   let _ = (N) => {
     N ? (m(N), P(N)) : (m(null), P(null));
@@ -14311,7 +14313,7 @@ function P8(e) {
           end: bm(B.end, d == null ? void 0 : d.end)
         }), _(null);
       }
-  }, [D, j] = X(!1), { isDateUnavailable: O } = e, R = re(() => !d || p ? !1 : O && (O(d.start) || O(d.end)) ? !0 : Gn(d.start, s, l) || Gn(d.end, s, l), [
+  }, [D, j] = J(!1), { isDateUnavailable: O } = e, R = re(() => !d || p ? !1 : O && (O(d.start) || O(d.end)) ? !0 : Gn(d.start, s, l) || Gn(d.end, s, l), [
     O,
     d,
     p,
@@ -14642,7 +14644,7 @@ const O8 = [
   N8,
   Ir
 ]), Ku = Ir(), [F8, po] = fo(Is), [L8, z8] = fo(Is), K8 = (e) => {
-  const { __scopeSelect: t, children: r, open: n, defaultOpen: o, onOpenChange: a, value: i, defaultValue: s, onValueChange: l, dir: c, name: d, autoComplete: u, disabled: p, required: m } = e, h = Ku(t), [b, g] = X(null), [$, v] = X(null), [y, w] = X(!1), P = oo(c), [M = !1, k] = qe({
+  const { __scopeSelect: t, children: r, open: n, defaultOpen: o, onOpenChange: a, value: i, defaultValue: s, onValueChange: l, dir: c, name: d, autoComplete: u, disabled: p, required: m } = e, h = Ku(t), [b, g] = J(null), [$, v] = J(null), [y, w] = J(!1), P = oo(c), [M = !1, k] = qe({
     prop: n,
     defaultProp: o,
     onChange: a
@@ -14650,7 +14652,7 @@ const O8 = [
     prop: i,
     defaultProp: s,
     onChange: l
-  }), F = z(null), D = b ? !!b.closest("form") : !0, [j, O] = X(/* @__PURE__ */ new Set()), R = Array.from(j).map(
+  }), F = z(null), D = b ? !!b.closest("form") : !0, [j, O] = J(/* @__PURE__ */ new Set()), R = Array.from(j).map(
     (q) => q.props.value
   ).join(";");
   return /* @__PURE__ */ S(da, h, /* @__PURE__ */ S(F8, {
@@ -14743,7 +14745,7 @@ const O8 = [
 }), j8 = (e) => /* @__PURE__ */ S(io, I({
   asChild: !0
 }, e)), to = "SelectContent", U8 = /* @__PURE__ */ V((e, t) => {
-  const r = po(to, e.__scopeSelect), [n, o] = X();
+  const r = po(to, e.__scopeSelect), [n, o] = J();
   if (_t(() => {
     o(new DocumentFragment());
   }, []), !r.open) {
@@ -14776,11 +14778,11 @@ const O8 = [
     avoidCollisions: g,
     //
     ...$
-  } = e, v = po(to, r), [y, w] = X(null), [P, M] = X(null), k = _e(
+  } = e, v = po(to, r), [y, w] = J(null), [P, M] = J(null), k = _e(
     t,
     (Q) => w(Q)
-  ), [_, E] = X(null), [F, D] = X(null), j = zu(r), [O, R] = X(!1), q = z(!1);
-  J(() => {
+  ), [_, E] = J(null), [F, D] = J(null), j = zu(r), [O, R] = J(!1), q = z(!1);
+  X(() => {
     if (y)
       return is(y);
   }, [
@@ -14809,14 +14811,14 @@ const O8 = [
       y
     ]
   );
-  J(() => {
+  X(() => {
     O && B();
   }, [
     O,
     B
   ]);
   const { onOpenChange: U, triggerPointerDownPosRef: G } = v;
-  J(() => {
+  X(() => {
     if (y) {
       let Q = {
         x: 0,
@@ -14844,7 +14846,7 @@ const O8 = [
     y,
     U,
     G
-  ]), J(() => {
+  ]), X(() => {
     const Q = () => U(!1);
     return window.addEventListener("blur", Q), window.addEventListener("resize", Q), () => {
       window.removeEventListener("blur", Q), window.removeEventListener("resize", Q);
@@ -14971,7 +14973,7 @@ const O8 = [
     })
   }))))));
 }), H8 = /* @__PURE__ */ V((e, t) => {
-  const { __scopeSelect: r, onPlaced: n, ...o } = e, a = po(to, r), i = Ms(to, r), [s, l] = X(null), [c, d] = X(null), u = _e(
+  const { __scopeSelect: r, onPlaced: n, ...o } = e, a = po(to, r), i = Ms(to, r), [s, l] = J(null), [c, d] = J(null), u = _e(
     t,
     (k) => d(k)
   ), p = zu(r), m = z(!1), h = z(!0), { viewport: b, selectedItem: g, selectedItemText: $, focusSelectedItem: v } = i, y = oe(() => {
@@ -15024,7 +15026,7 @@ const O8 = [
       y
     ]
   );
-  const [w, P] = X();
+  const [w, P] = J();
   _t(() => {
     c && P(window.getComputedStyle(c).zIndex);
   }, [
@@ -15117,7 +15119,7 @@ const O8 = [
 }), Z8 = "SelectGroup";
 fo(Z8);
 const nd = "SelectItem", [X8, D$] = fo(nd), J8 = /* @__PURE__ */ V((e, t) => {
-  const { __scopeSelect: r, value: n, disabled: o = !1, textValue: a, ...i } = e, s = po(nd, r), l = Ms(nd, r), c = s.value === n, [d, u] = X(a ?? ""), [p, m] = X(!1), h = _e(t, ($) => {
+  const { __scopeSelect: r, value: n, disabled: o = !1, textValue: a, ...i } = e, s = po(nd, r), l = Ms(nd, r), c = s.value === n, [d, u] = J(a ?? ""), [p, m] = J(!1), h = _e(t, ($) => {
     var v;
     return (v = l.itemRefCallback) === null || v === void 0 ? void 0 : v.call(l, $, n, o);
   }), b = Qe(), g = () => {
@@ -15181,7 +15183,7 @@ const nd = "SelectItem", [X8, D$] = fo(nd), J8 = /* @__PURE__ */ V((e, t) => {
     })
   }))));
 }), ja = "SelectItemText", Q8 = /* @__PURE__ */ V((e, t) => {
-  const { __scopeSelect: r, className: n, style: o, ...a } = e, i = po(ja, r), s = Ms(ja, r), l = D$(ja, r), c = z8(ja, r), [d, u] = X(null), p = _e(
+  const { __scopeSelect: r, className: n, style: o, ...a } = e, i = po(ja, r), s = Ms(ja, r), l = D$(ja, r), c = z8(ja, r), [d, u] = J(null), p = _e(
     t,
     ($) => u($),
     l.onItemTextChange,
@@ -15219,7 +15221,7 @@ const nd = "SelectItem", [X8, D$] = fo(nd), J8 = /* @__PURE__ */ V((e, t) => {
   })) : null;
 }), S$ = /* @__PURE__ */ V((e, t) => {
   const { value: r, ...n } = e, o = z(null), a = _e(t, o), i = As(r);
-  return J(() => {
+  return X(() => {
     const s = o.current, l = window.HTMLSelectElement.prototype, d = Object.getOwnPropertyDescriptor(l, "value").set;
     if (i !== r && d) {
       const u = new Event("change", {
@@ -15252,7 +15254,7 @@ function P$(e) {
   ]), a = oe(() => {
     r.current = "", window.clearTimeout(n.current);
   }, []);
-  return J(() => () => window.clearTimeout(n.current), []), [
+  return X(() => () => window.clearTimeout(n.current), []), [
     r,
     o,
     a
@@ -15502,7 +15504,7 @@ function dy(e) {
   const t = z();
   let { value: r, textValue: n, minValue: o, maxValue: a, isDisabled: i, isReadOnly: s, isRequired: l, onIncrement: c, onIncrementPage: d, onDecrement: u, onDecrementPage: p, onDecrementToMin: m, onIncrementToMax: h } = e;
   const b = pt(/* @__PURE__ */ u9(E$)), g = () => clearTimeout(t.current);
-  J(() => () => g(), []);
+  X(() => () => g(), []);
   let $ = (F) => {
     if (!(F.ctrlKey || F.metaKey || F.shiftKey || F.altKey || s))
       switch (F.key) {
@@ -15536,7 +15538,7 @@ function dy(e) {
   }, w = () => {
     v.current = !1;
   };
-  n = n === "" ? b.format("Empty") : (n || `${r}`).replace("-", "−"), J(() => {
+  n = n === "" ? b.format("Empty") : (n || `${r}`).replace("-", "−"), X(() => {
     v.current && (i8("assertive"), Hn(n, "assertive"));
   }, [
     n
@@ -16359,7 +16361,7 @@ function m9(e, t, r) {
     role: "group",
     "aria-disabled": e.isDisabled || void 0,
     "aria-describedby": m
-  }), J(() => {
+  }), X(() => {
     $.current && b.focusFirst(), $.current = !1;
   }, [
     b
@@ -16731,7 +16733,7 @@ function D9(e, t) {
   let r = e && "timeZone" in e ? e.timeZone : void 0, n = e && "minute" in e ? "minute" : "day";
   if (e && t && !(t in e))
     throw new Error("Invalid granularity " + t + " for value " + e.toString());
-  let [o, a] = X([
+  let [o, a] = J([
     n,
     r
   ]);
@@ -17156,7 +17158,7 @@ function k9(e) {
   ]), [m, h] = Tt(e.value, e.defaultValue, e.onChange), b = re(() => Gy(m, p), [
     m,
     p
-  ]), [g, $] = X(() => Ua(e.placeholderValue, l, p, c)), v = b || g, y = p.identifier === "gregory" && v.era === "BC";
+  ]), [g, $] = J(() => Ua(e.placeholderValue, l, p, c)), v = b || g, y = p.identifier === "gregory" && v.era === "BC";
   var w;
   let P = re(() => ({
     granularity: l,
@@ -17183,10 +17185,10 @@ function k9(e) {
     k
   ]), E = re(() => k.formatToParts(/* @__PURE__ */ new Date()).filter((A) => Wa[A.type]).reduce((A, ee) => (A[ee.type] = !0, A), {}), [
     k
-  ]), [F, D] = X(() => e.value || e.defaultValue ? {
+  ]), [F, D] = J(() => e.value || e.defaultValue ? {
     ...E
   } : {}), j = z(p.identifier);
-  J(() => {
+  X(() => {
     p.identifier !== j.current && (j.current = p.identifier, $((A) => Object.keys(F).length > 0 ? Ae(A, p) : Ua(e.placeholderValue, l, p, c)));
   }, [
     p,
@@ -17813,14 +17815,14 @@ function uR(e) {
     return `${e.month}-${e.day}-${e.year}`;
 }
 const fR = K.forwardRef(({ dateString: e, timeZone: t, onChange: r, ...n }, o) => {
-  const a = new Date(e), [i, s] = X(!1), l = dR(a, t), c = cR(a, t), [d, u] = X(l), [p, m] = X(
+  const a = new Date(e), [i, s] = J(!1), l = dR(a, t), c = cR(a, t), [d, u] = J(l), [p, m] = J(
     new Me(
       c.year ?? 0,
       c.month ?? 0,
       c.day ?? 0
     )
   ), { day: h, month: b, year: g } = p, { hour: $, minute: v, second: y, millisecond: w } = d;
-  J(() => {
+  X(() => {
     r && r({
       day: h,
       month: b,
@@ -17878,7 +17880,7 @@ const pR = K.forwardRef(({ children: e, ...t }, r) => /* @__PURE__ */ ie(l9, { .
 ] }));
 pR.displayName = "TimeDateSelectItem";
 const Qy = "Checkbox", [mR, AB] = je(Qy), [hR, bR] = mR(Qy), gR = /* @__PURE__ */ V((e, t) => {
-  const { __scopeCheckbox: r, name: n, checked: o, defaultChecked: a, required: i, disabled: s, value: l = "on", onCheckedChange: c, ...d } = e, [u, p] = X(null), m = _e(
+  const { __scopeCheckbox: r, name: n, checked: o, defaultChecked: a, required: i, disabled: s, value: l = "on", onCheckedChange: c, ...d } = e, [u, p] = J(null), m = _e(
     t,
     (y) => p(y)
   ), h = z(!1), b = u ? !!u.closest("form") : !0, [g = !1, $] = qe({
@@ -17886,7 +17888,7 @@ const Qy = "Checkbox", [mR, AB] = je(Qy), [hR, bR] = mR(Qy), gR = /* @__PURE__ *
     defaultProp: a,
     onChange: c
   }), v = z(g);
-  return J(() => {
+  return X(() => {
     const y = u == null ? void 0 : u.form;
     if (y) {
       const w = () => $(v.current);
@@ -17946,7 +17948,7 @@ const Qy = "Checkbox", [mR, AB] = je(Qy), [hR, bR] = mR(Qy), gR = /* @__PURE__ *
   })));
 }), yR = (e) => {
   const { control: t, checked: r, bubbles: n = !0, ...o } = e, a = z(null), i = As(r), s = _s(t);
-  return J(() => {
+  return X(() => {
     const l = a.current, c = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(c, "checked").set;
     if (i !== r && u) {
       const p = new Event("click", {
@@ -18165,7 +18167,7 @@ function DR(e, t, r) {
     }
     (p == null || !t.validate(p)) && d.preventDefault();
   });
-  J(() => {
+  X(() => {
     if (!Dm())
       return;
     let d = r.current;
@@ -18474,7 +18476,7 @@ function PR(e, t, r) {
     onDecrementToMin: F,
     value: D,
     textValue: L
-  }), [Y, fe] = X(!1), { focusWithinProps: pe } = lo({
+  }), [Y, fe] = J(!1), { focusWithinProps: pe } = lo({
     isDisabled: i,
     onFocusWithinChange: fe
   }), Q = oe((ct) => {
@@ -18572,7 +18574,7 @@ function PR(e, t, r) {
   };
 }
 function TR(e) {
-  let { minValue: t, maxValue: r, step: n, formatOptions: o, value: a, defaultValue: i, onChange: s, locale: l, isDisabled: c, isReadOnly: d } = e, [u, p] = Tt(a, isNaN(i) ? NaN : i, s), [m, h] = X(() => isNaN(u) ? "" : new Gc(l, o).format(u)), b = re(() => new q0(l, o), [
+  let { minValue: t, maxValue: r, step: n, formatOptions: o, value: a, defaultValue: i, onChange: s, locale: l, isDisabled: c, isReadOnly: d } = e, [u, p] = Tt(a, isNaN(i) ? NaN : i, s), [m, h] = J(() => isNaN(u) ? "" : new Gc(l, o).format(u)), b = re(() => new q0(l, o), [
     l,
     o
   ]), g = re(() => b.getNumberingSystem(m), [
@@ -18591,7 +18593,7 @@ function TR(e) {
     $
   ]), w = isNaN(n) ? 1 : n;
   v.style === "percent" && isNaN(n) && (w = 0.01);
-  let [P, M] = X(u), [k, _] = X(l), [E, F] = X(o);
+  let [P, M] = J(u), [k, _] = J(l), [E, F] = J(o);
   (!Object.is(u, P) || l !== k || o !== E) && (h(y(u)), M(u), _(l), F(o));
   let D = re(() => b.parse(m), [
     b,
@@ -18986,7 +18988,7 @@ const Bu = K_, V_ = V(
       v
     );
     let E = null;
-    return typeof m == "string" ? E = /* @__PURE__ */ x(tt, { ...P, mb: f.spacing_100, children: m }) : qr(m) && (E = nn(m, { ...P, mb: f.spacing_100 })), J(() => {
+    return typeof m == "string" ? E = /* @__PURE__ */ x(tt, { ...P, mb: f.spacing_100, children: m }) : qr(m) && (E = nn(m, { ...P, mb: f.spacing_100 })), X(() => {
       r && v.current.focus();
     }, [r, v]), /* @__PURE__ */ ie(mn, { "data-id": "input-wrapper", children: [
       E,
@@ -19018,8 +19020,8 @@ V_.displayName = "TextInput";
 const [Ls, IB] = je("Tooltip", [
   Ir
 ]), zs = Ir(), AR = "TooltipProvider", IR = 700, od = "tooltip.open", [OR, ju] = Ls(AR), MR = (e) => {
-  const { __scopeTooltip: t, delayDuration: r = IR, skipDelayDuration: n = 300, disableHoverableContent: o = !1, children: a } = e, [i, s] = X(!0), l = z(!1), c = z(0);
-  return J(() => {
+  const { __scopeTooltip: t, delayDuration: r = IR, skipDelayDuration: n = 300, disableHoverableContent: o = !1, children: a } = e, [i, s] = J(!0), l = z(!1), c = z(0);
+  return X(() => {
     const d = c.current;
     return () => window.clearTimeout(d);
   }, []), /* @__PURE__ */ S(OR, {
@@ -19044,7 +19046,7 @@ const [Ls, IB] = je("Tooltip", [
     disableHoverableContent: o
   }, a);
 }, Uu = "Tooltip", [NR, ya] = Ls(Uu), FR = (e) => {
-  const { __scopeTooltip: t, children: r, open: n, defaultOpen: o = !1, onOpenChange: a, disableHoverableContent: i, delayDuration: s } = e, l = ju(Uu, e.__scopeTooltip), c = zs(t), [d, u] = X(null), p = Qe(), m = z(0), h = i ?? l.disableHoverableContent, b = s ?? l.delayDuration, g = z(!1), [$ = !1, v] = qe({
+  const { __scopeTooltip: t, children: r, open: n, defaultOpen: o = !1, onOpenChange: a, disableHoverableContent: i, delayDuration: s } = e, l = ju(Uu, e.__scopeTooltip), c = zs(t), [d, u] = J(null), p = Qe(), m = z(0), h = i ?? l.disableHoverableContent, b = s ?? l.delayDuration, g = z(!1), [$ = !1, v] = qe({
     prop: n,
     defaultProp: o,
     onChange: (k) => {
@@ -19068,7 +19070,7 @@ const [Ls, IB] = je("Tooltip", [
     b,
     v
   ]);
-  return J(() => () => window.clearTimeout(m.current), []), /* @__PURE__ */ S(da, c, /* @__PURE__ */ S(NR, {
+  return X(() => () => window.clearTimeout(m.current), []), /* @__PURE__ */ S(da, c, /* @__PURE__ */ S(NR, {
     scope: t,
     contentId: p,
     open: $,
@@ -19097,7 +19099,7 @@ const [Ls, IB] = je("Tooltip", [
     () => c.current = !1,
     []
   );
-  return J(() => () => document.removeEventListener("pointerup", u), [
+  return X(() => () => document.removeEventListener("pointerup", u), [
     u
   ]), /* @__PURE__ */ S(xs, I({
     asChild: !0
@@ -19152,7 +19154,7 @@ const [Ls, IB] = je("Tooltip", [
     ref: t
   })));
 }), jR = /* @__PURE__ */ V((e, t) => {
-  const r = ya(ta, e.__scopeTooltip), n = ju(ta, e.__scopeTooltip), o = z(null), a = _e(t, o), [i, s] = X(null), { trigger: l, onClose: c } = r, d = o.current, { onPointerInTransitChange: u } = n, p = oe(() => {
+  const r = ya(ta, e.__scopeTooltip), n = ju(ta, e.__scopeTooltip), o = z(null), a = _e(t, o), [i, s] = J(null), { trigger: l, onClose: c } = r, d = o.current, { onPointerInTransitChange: u } = n, p = oe(() => {
     s(null), u(!1);
   }, [
     u
@@ -19168,9 +19170,9 @@ const [Ls, IB] = je("Tooltip", [
   }, [
     u
   ]);
-  return J(() => () => p(), [
+  return X(() => () => p(), [
     p
-  ]), J(() => {
+  ]), X(() => {
     if (l && d) {
       const h = (g) => m(g, d), b = (g) => m(g, l);
       return l.addEventListener("pointerleave", h), d.addEventListener("pointerleave", b), () => {
@@ -19182,7 +19184,7 @@ const [Ls, IB] = je("Tooltip", [
     d,
     m,
     p
-  ]), J(() => {
+  ]), X(() => {
     if (i) {
       const h = (b) => {
         const g = b.target, $ = {
@@ -19206,9 +19208,9 @@ const [Ls, IB] = je("Tooltip", [
   isInside: !1
 }), j_ = /* @__PURE__ */ V((e, t) => {
   const { __scopeTooltip: r, children: n, "aria-label": o, onEscapeKeyDown: a, onPointerDownOutside: i, ...s } = e, l = ya(ta, r), c = zs(r), { onClose: d } = l;
-  return J(() => (document.addEventListener(od, d), () => document.removeEventListener(od, d)), [
+  return X(() => (document.addEventListener(od, d), () => document.removeEventListener(od, d)), [
     d
-  ]), J(() => {
+  ]), X(() => {
     if (l.trigger) {
       const u = (p) => {
         const m = p.target;
@@ -19877,7 +19879,7 @@ function Am(e) {
 const H_ = /* @__PURE__ */ new WeakMap();
 function MA(e) {
   let { triggerRef: t, isOpen: r, onClose: n } = e;
-  J(() => {
+  X(() => {
     if (!r || n === null)
       return;
     let o = (a) => {
@@ -19898,7 +19900,7 @@ function MA(e) {
 }
 let gt = typeof window < "u" && window.visualViewport;
 function NA(e) {
-  let { direction: t } = Ze(), { arrowSize: r = 0, targetRef: n, overlayRef: o, scrollRef: a = o, placement: i = "bottom", containerPadding: s = 12, shouldFlip: l = !0, boundaryElement: c = typeof document < "u" ? document.body : null, offset: d = 0, crossOffset: u = 0, shouldUpdatePosition: p = !0, isOpen: m = !0, onClose: h, maxHeight: b, arrowBoundaryOffset: g = 0 } = e, [$, v] = X({
+  let { direction: t } = Ze(), { arrowSize: r = 0, targetRef: n, overlayRef: o, scrollRef: a = o, placement: i = "bottom", containerPadding: s = 12, shouldFlip: l = !0, boundaryElement: c = typeof document < "u" ? document.body : null, offset: d = 0, crossOffset: u = 0, shouldUpdatePosition: p = !0, isOpen: m = !0, onClose: h, maxHeight: b, arrowBoundaryOffset: g = 0 } = e, [$, v] = J({
     position: {},
     arrowOffsetLeft: void 0,
     arrowOffsetTop: void 0,
@@ -19998,7 +20000,7 @@ function LA(e, t) {
 const Ht = [];
 function zA(e, t) {
   let { onClose: r, shouldCloseOnBlur: n, isOpen: o, isDismissable: a = !1, isKeyboardDismissDisabled: i = !1, shouldCloseOnInteractOutside: s } = e;
-  J(() => (o && Ht.push(t), () => {
+  X(() => (o && Ht.push(t), () => {
     let h = Ht.indexOf(t);
     h >= 0 && Ht.splice(h, 1);
   }), [
@@ -20039,7 +20041,7 @@ function zA(e, t) {
 }
 function KA(e, t, r) {
   let { type: n } = e, { isOpen: o } = t;
-  J(() => {
+  X(() => {
     r && r.current && H_.set(r.current, t.close);
   });
   let a;
@@ -20428,7 +20430,7 @@ function WA(e, t) {
 }
 const Nm = /* @__PURE__ */ K.createContext(null);
 function HA(e) {
-  let t = ps(), { portalContainer: r = t ? null : document.body } = e, [n, o] = X(!1), a = re(() => ({
+  let t = ps(), { portalContainer: r = t ? null : document.body } = e, [n, o] = J(!1), a = re(() => ({
     contain: n,
     setContain: o
   }), [
@@ -20604,7 +20606,7 @@ function C1(e) {
     _.currentTarget.contains(_.relatedTarget) || t.setFocused(!1);
   };
   const y = z(o);
-  J(() => {
+  X(() => {
     if (y.current) {
       let _ = null;
       o === "first" && (_ = r.getFirstKey()), o === "last" && (_ = r.getLastKey());
@@ -20614,7 +20616,7 @@ function C1(e) {
     y.current = !1;
   }, []);
   let w = z(t.focusedKey);
-  J(() => {
+  X(() => {
     let _ = yi();
     if (t.isFocused && t.focusedKey != null && (m != null && m.current)) {
       let E = m.current.querySelector(`[data-key="${t.focusedKey}"]`);
@@ -20660,7 +20662,7 @@ function qA(e) {
       t.selectionMode === "single" ? t.isSelected(r) && !t.disallowEmptySelection ? t.toggleSelection(r) : t.replaceSelection(r) : D && D.shiftKey ? t.extendSelection(r) : t.selectionBehavior === "toggle" || D && (On(D) || D.pointerType === "touch" || D.pointerType === "virtual") ? t.toggleSelection(r) : t.replaceSelection(r);
     }
   };
-  J(() => {
+  X(() => {
     r === t.focusedKey && t.isFocused && !a && (i ? i() : document.activeElement !== n.current && qo(n.current));
   }, [
     n,
@@ -22293,7 +22295,7 @@ function iI(e, t) {
   let R = (O = j == null ? void 0 : j.parentKey) !== null && O !== void 0 ? O : null;
   var q;
   let N = (q = t.selectionManager.focusedKey) !== null && q !== void 0 ? q : null, B = z(R), U = z(N);
-  J(() => {
+  X(() => {
     if (ni() && j != null && N !== U.current) {
       let H = t.selectionManager.isSelected(N), Y = R != null ? t.collection.getItem(R) : null, fe = (Y == null ? void 0 : Y["aria-label"]) || (typeof (Y == null ? void 0 : Y.rendered) == "string" ? Y.rendered : "") || "", pe = d.format("focusAnnouncement", {
         isGroupChange: Y && R !== B.current,
@@ -22309,7 +22311,7 @@ function iI(e, t) {
     B.current = R, U.current = N;
   });
   let G = O1(t.collection), L = z(G), A = z(t.isOpen);
-  J(() => {
+  X(() => {
     let H = t.isOpen !== A.current && (t.selectionManager.focusedKey == null || ni());
     if (t.isOpen && (H || G !== L.current)) {
       let Y = d.format("countAnnouncement", {
@@ -22320,7 +22322,7 @@ function iI(e, t) {
     L.current = G, A.current = t.isOpen;
   });
   let ee = z(t.selectedKey);
-  return J(() => {
+  return X(() => {
     if (ni() && t.isFocused && t.selectedItem && t.selectedKey !== ee.current) {
       let H = t.selectedItem["aria-label"] || t.selectedItem.textValue || "", Y = d.format("selectedAnnouncement", {
         optionText: H
@@ -22328,7 +22330,7 @@ function iI(e, t) {
       Hn(Y);
     }
     ee.current = t.selectedKey;
-  }), J(() => {
+  }), X(() => {
     if (t.isOpen)
       return k1([
         o.current,
@@ -22385,16 +22387,16 @@ function sI(e, t) {
   return !0;
 }
 function lI(e) {
-  let { selectionMode: t = "none", disallowEmptySelection: r, allowDuplicateSelectionEvents: n, selectionBehavior: o = "toggle", disabledBehavior: a = "all" } = e, i = z(!1), [, s] = X(!1), l = z(null), c = z(null), [, d] = X(null), u = re(() => Bm(e.selectedKeys), [
+  let { selectionMode: t = "none", disallowEmptySelection: r, allowDuplicateSelectionEvents: n, selectionBehavior: o = "toggle", disabledBehavior: a = "all" } = e, i = z(!1), [, s] = J(!1), l = z(null), c = z(null), [, d] = J(null), u = re(() => Bm(e.selectedKeys), [
     e.selectedKeys
   ]), p = re(() => Bm(e.defaultSelectedKeys, new wt()), [
     e.defaultSelectedKeys
   ]), [m, h] = Tt(u, p, e.onSelectionChange), b = re(() => e.disabledKeys ? new Set(e.disabledKeys) : /* @__PURE__ */ new Set(), [
     e.disabledKeys
-  ]), [g, $] = X(o);
+  ]), [g, $] = J(o);
   o === "replace" && g === "toggle" && typeof m == "object" && m.size === 0 && $("replace");
   let v = z(o);
-  return J(() => {
+  return X(() => {
     o !== v.current && ($(o), v.current = o);
   }, [
     o
@@ -22759,7 +22761,7 @@ function ew(e) {
     r
   ]);
   const l = z(null);
-  return J(() => {
+  return X(() => {
     if (r.focusedKey != null && !i.getItem(r.focusedKey)) {
       const c = l.current.getItem(r.focusedKey), d = [
         ...l.current.getKeys()
@@ -22821,7 +22823,7 @@ function tw(e) {
   };
 }
 function Zu(e) {
-  let t = y9(e), [r, n] = X(null);
+  let t = y9(e), [r, n] = J(null);
   return {
     focusStrategy: r,
     ...t,
@@ -22835,7 +22837,7 @@ function Zu(e) {
 }
 function dI(e) {
   var t;
-  let { defaultFilter: r, menuTrigger: n = "input", allowsEmptyCollection: o = !1, allowsCustomValue: a, shouldCloseOnBlur: i = !0 } = e, [s, l] = X(!1), [c, d] = X(!1);
+  let { defaultFilter: r, menuTrigger: n = "input", allowsEmptyCollection: o = !1, allowsCustomValue: a, shouldCloseOnBlur: i = !0 } = e, [s, l] = J(!1), [c, d] = J(!1);
   var u;
   let [p, m] = Tt(e.inputValue, (u = e.defaultInputValue) !== null && u !== void 0 ? u : "", e.onInputChange), h = (ae) => {
     e.onSelectionChange && e.onSelectionChange(ae), ae === v && (U(), N());
@@ -22853,7 +22855,7 @@ function dI(e) {
     p,
     r,
     e.items
-  ]), [_, E] = X(k), F = z("focus"), j = Zu({
+  ]), [_, E] = J(k), F = z("focus"), j = Zu({
     ...e,
     onOpenChange: (ae) => {
       e.onOpenChange && e.onOpenChange(ae, ae ? F.current : void 0), $.setFocused(ae), ae || $.setFocusedKey(null);
@@ -22885,7 +22887,7 @@ function dI(e) {
   let ee = z((A = (L = e.selectedKey) !== null && L !== void 0 ? L : e.defaultSelectedKey) !== null && A !== void 0 ? A : null);
   var H;
   let Y = z((H = (t = g.getItem(v)) === null || t === void 0 ? void 0 : t.textValue) !== null && H !== void 0 ? H : "");
-  J(() => {
+  X(() => {
     var ae;
     c && (k.size > 0 || o) && !j.isOpen && p !== B.current && n !== "manual" && O(null, "input"), !s && !o && j.isOpen && k.size === 0 && N(), v != null && v !== ee.current && N(), p !== B.current && ($.setFocusedKey(null), l(!1), p === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && y(null)), G.current && e.inputValue === void 0 && e.defaultInputValue === void 0 && U(), v !== ee.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? U() : B.current = p;
     var be;
@@ -23580,8 +23582,8 @@ const Ul = "rovingFocusGroup.onEntryFocus", AI = {
     prop: i,
     defaultProp: s,
     onChange: l
-  }), [g, $] = X(!1), v = We(c), y = pw(r), w = z(!1), [P, M] = X(0);
-  return J(() => {
+  }), [g, $] = J(!1), v = We(c), y = pw(r), w = z(!1), [P, M] = J(0);
+  return X(() => {
     const k = u.current;
     if (k)
       return k.addEventListener(Ul, v), () => k.removeEventListener(Ul, v);
@@ -23657,7 +23659,7 @@ const Ul = "rovingFocusGroup.onEntryFocus", AI = {
   })));
 }), zI = "RovingFocusGroupItem", KI = /* @__PURE__ */ V((e, t) => {
   const { __scopeRovingFocusGroup: r, focusable: n = !0, active: o = !1, tabStopId: a, ...i } = e, s = Qe(), l = a || s, c = NI(zI, r), d = c.currentTabStopId === l, u = pw(r), { onFocusableItemAdd: p, onFocusableItemRemove: m } = c;
-  return J(() => {
+  return X(() => {
     if (n)
       return p(), () => m();
   }, [
@@ -23779,8 +23781,8 @@ const tf = FI, rf = KI, cd = [
   Ir,
   ho
 ]), xa = Ir(), gw = ho(), [vw, Or] = bn(Us), [XI, wa] = bn(Us), JI = (e) => {
-  const { __scopeMenu: t, open: r = !1, children: n, dir: o, onOpenChange: a, modal: i = !0 } = e, s = xa(t), [l, c] = X(null), d = z(!1), u = We(a), p = oo(o);
-  return J(() => {
+  const { __scopeMenu: t, open: r = !1, children: n, dir: o, onOpenChange: a, modal: i = !0 } = e, s = xa(t), [l, c] = J(null), d = z(!1), u = We(a), p = oo(o);
+  return X(() => {
     const m = () => {
       d.current = !0, document.addEventListener("pointerdown", h, {
         capture: !0,
@@ -23852,7 +23854,7 @@ const tf = FI, rf = KI, cd = [
   })))));
 }), nO = /* @__PURE__ */ V((e, t) => {
   const r = Or(Pt, e.__scopeMenu), n = z(null), o = _e(t, n);
-  return J(() => {
+  return X(() => {
     const a = n.current;
     if (a)
       return is(a);
@@ -23880,7 +23882,7 @@ const tf = FI, rf = KI, cd = [
     onDismiss: () => r.onOpenChange(!1)
   }));
 }), of = /* @__PURE__ */ V((e, t) => {
-  const { __scopeMenu: r, loop: n = !1, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: i, disableOutsidePointerEvents: s, onEntryFocus: l, onEscapeKeyDown: c, onPointerDownOutside: d, onFocusOutside: u, onInteractOutside: p, onDismiss: m, disableOutsideScroll: h, ...b } = e, g = Or(Pt, r), $ = wa(Pt, r), v = xa(r), y = gw(r), w = qI(r), [P, M] = X(null), k = z(null), _ = _e(t, k, g.onContentChange), E = z(0), F = z(""), D = z(0), j = z(null), O = z("right"), R = z(0), q = h ? as : Cr, N = h ? {
+  const { __scopeMenu: r, loop: n = !1, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: i, disableOutsidePointerEvents: s, onEntryFocus: l, onEscapeKeyDown: c, onPointerDownOutside: d, onFocusOutside: u, onInteractOutside: p, onDismiss: m, disableOutsideScroll: h, ...b } = e, g = Or(Pt, r), $ = wa(Pt, r), v = xa(r), y = gw(r), w = qI(r), [P, M] = J(null), k = z(null), _ = _e(t, k, g.onContentChange), E = z(0), F = z(""), D = z(0), j = z(null), O = z("right"), R = z(0), q = h ? as : Cr, N = h ? {
     as: xr,
     allowPinchZoom: !0
   } : void 0, B = (G) => {
@@ -23903,7 +23905,7 @@ const tf = FI, rf = KI, cd = [
       () => se.focus()
     );
   };
-  J(() => () => window.clearTimeout(E.current), []), ns();
+  X(() => () => window.clearTimeout(E.current), []), ns();
   const U = oe((G) => {
     var L, A;
     return O.current === ((L = j.current) === null || L === void 0 ? void 0 : L.side) && PO(G, (A = j.current) === null || A === void 0 ? void 0 : A.area);
@@ -24042,8 +24044,8 @@ const tf = FI, rf = KI, cd = [
     })
   }));
 }), ww = /* @__PURE__ */ V((e, t) => {
-  const { __scopeMenu: r, disabled: n = !1, textValue: o, ...a } = e, i = nf(dd, r), s = gw(r), l = z(null), c = _e(t, l), [d, u] = X(!1), [p, m] = X("");
-  return J(() => {
+  const { __scopeMenu: r, disabled: n = !1, textValue: o, ...a } = e, i = nf(dd, r), s = gw(r), l = z(null), c = _e(t, l), [d, u] = J(!1), [p, m] = J("");
+  return X(() => {
     const h = l.current;
     if (h) {
       var b;
@@ -24155,8 +24157,8 @@ const tf = FI, rf = KI, cd = [
     ref: t
   }));
 }), Pw = "MenuSub", [gO, Tw] = bn(Pw), vO = (e) => {
-  const { __scopeMenu: t, children: r, open: n = !1, onOpenChange: o } = e, a = Or(Pw, t), i = xa(t), [s, l] = X(null), [c, d] = X(null), u = We(o);
-  return J(() => (a.open === !1 && u(!1), () => u(!1)), [
+  const { __scopeMenu: t, children: r, open: n = !1, onOpenChange: o } = e, a = Or(Pw, t), i = xa(t), [s, l] = J(null), [c, d] = J(null), u = We(o);
+  return X(() => (a.open === !1 && u(!1), () => u(!1)), [
     a.open,
     u
   ]), /* @__PURE__ */ S(da, i, /* @__PURE__ */ S(vw, {
@@ -24178,12 +24180,12 @@ const tf = FI, rf = KI, cd = [
   }, d = oe(() => {
     i.current && window.clearTimeout(i.current), i.current = null;
   }, []);
-  return J(
+  return X(
     () => d,
     [
       d
     ]
-  ), J(() => {
+  ), X(() => {
     const u = s.current;
     return () => {
       window.clearTimeout(u), l(null);
@@ -24780,8 +24782,8 @@ function KM(e) {
   };
 }
 function VM() {
-  let [e, t] = X(Ym);
-  return J(() => {
+  let [e, t] = J(Ym);
+  return X(() => {
     let r = () => t(Ym);
     return qm.add(r), () => {
       qm.delete(r);
@@ -26275,7 +26277,7 @@ function jM() {
 }
 const UM = 800;
 function WM(e) {
-  let { hasDropButton: t } = e, [r, n] = X(!1), o = z({
+  let { hasDropButton: t } = e, [r, n] = J(!1), o = z({
     x: 0,
     y: 0,
     dragOverElements: /* @__PURE__ */ new Set(),
@@ -26665,7 +26667,7 @@ const Xm = (e, t, r, n = []) => {
   allowedOutsideClickContainers: m,
   ...h
 }) => {
-  const b = z(null), [g, $] = X(!1), [v, y] = X(!1), w = Mt(h, Ar.propNames ?? []), P = Mt(h, bu.propNames ?? []), M = oe(() => {
+  const b = z(null), [g, $] = J(!1), [v, y] = J(!1), w = Mt(h, Ar.propNames ?? []), P = Mt(h, bu.propNames ?? []), M = oe(() => {
     $(!1), s(!1), y(!1);
   }, [s]), k = oe(() => {
     s(!0), y(!0);
@@ -26689,7 +26691,7 @@ const Xm = (e, t, r, n = []) => {
     },
     [n, i, M, r]
   );
-  J(() => {
+  X(() => {
     const D = () => {
       M(), l();
     };
@@ -26700,7 +26702,7 @@ const Xm = (e, t, r, n = []) => {
       "mousedown",
       (j) => Xm(j, b, D, m)
     );
-  }, [m, l, M]), J(() => M, []);
+  }, [m, l, M]), X(() => M, []);
   const E = oe(() => u && typeof u == "string" ? /* @__PURE__ */ x(tt, { bold: !0, size: "medium", htmlFor: u, color: f.color_gray_52, onClick: () => !c && k(), mb: f.spacing_100, children: u }) : /* @__PURE__ */ x(Hr, { children: u }), [c, k, u]);
   if (v)
     return /* @__PURE__ */ ie(Hr, { children: [
@@ -26872,7 +26874,7 @@ function dN(e) {
   };
 }
 function uN(e) {
-  const [t, r] = X(!1), n = Zu(e), o = dN({
+  const [t, r] = J(!1), n = Zu(e), o = dN({
     ...e,
     onSelectionChange: (a) => {
       e.onSelectionChange != null && (a === "all" ? e.onSelectionChange(new Set(o.collection.getKeys())) : e.onSelectionChange(a)), e.selectionMode === "single" && n.close();
@@ -27048,8 +27050,8 @@ const df = K.createContext({
 }), bN = C.div`
   position: relative;
 `, bo = V((e, t) => {
-  const [r, n] = X(!1), o = Ct(t);
-  return J(() => {
+  const [r, n] = J(!1), o = Ct(t);
+  return X(() => {
     const a = document.getElementById(cf);
     function i(s) {
       const l = s.target;
@@ -27111,7 +27113,7 @@ const vN = C.div`
   children: e,
   portalIdOverride: t
 }) => {
-  const [r, n] = X(null), { direction: o, open: a, menuRef: i } = Ve(df), [s, l] = X(0), [c, d] = X(0), [u, p] = X(0), m = document.getElementById(
+  const [r, n] = J(null), { direction: o, open: a, menuRef: i } = Ve(df), [s, l] = J(0), [c, d] = J(0), [u, p] = J(0), m = document.getElementById(
     t || cf
   ), h = oe((g) => {
     n(g);
@@ -27125,16 +27127,16 @@ const vN = C.div`
       l(g.width), d(Math.ceil(g.y + g.height)), p(g.x);
     }
   }, [o, r, i]);
-  return J(() => {
+  return X(() => {
     b();
-  }, [r == null ? void 0 : r.offsetHeight, b]), J(() => {
+  }, [r == null ? void 0 : r.offsetHeight, b]), X(() => {
     const g = setTimeout(() => {
       b();
     }, 1e3);
     return () => {
       clearTimeout(g);
     };
-  }, [r, b]), J(() => (window.addEventListener("resize", b), () => {
+  }, [r, b]), X(() => (window.addEventListener("resize", b), () => {
     window.removeEventListener("resize", b);
   }), [r, b]), Hi(
     /* @__PURE__ */ x(vN, { width: s, top: c, left: u, ref: h, open: a, children: e }),
@@ -27238,7 +27240,7 @@ const QB = Object.assign(bo, {
     return /* @__PURE__ */ x(ot, { ref: r, "data-id": n, borderRadius: f.border_radius_800, padding: f.spacing_400, border: `1px solid ${f.color_gray_opacity_12}`, children: o });
   }
 ), w2 = "Radio", [DN, D2] = je(w2), [SN, PN] = DN(w2), TN = /* @__PURE__ */ V((e, t) => {
-  const { __scopeRadio: r, name: n, checked: o = !1, required: a, disabled: i, value: s = "on", onCheck: l, ...c } = e, [d, u] = X(null), p = _e(
+  const { __scopeRadio: r, name: n, checked: o = !1, required: a, disabled: i, value: s = "on", onCheck: l, ...c } = e, [d, u] = J(null), p = _e(
     t,
     (b) => u(b)
   ), m = z(!1), h = d ? !!d.closest("form") : !0;
@@ -27283,7 +27285,7 @@ const QB = Object.assign(bo, {
   })));
 }), CN = (e) => {
   const { control: t, checked: r, bubbles: n = !0, ...o } = e, a = z(null), i = As(r), s = _s(t);
-  return J(() => {
+  return X(() => {
     const l = a.current, c = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(c, "checked").set;
     if (i !== r && u) {
       const p = new Event("click", {
@@ -27353,7 +27355,7 @@ const RN = [
   }))));
 }), NN = "RadioGroupItem", FN = /* @__PURE__ */ V((e, t) => {
   const { __scopeRadioGroup: r, disabled: n, ...o } = e, a = ON(NN, r), i = a.disabled || n, s = T2(r), l = k2(r), c = z(null), d = _e(t, c), u = a.value === o.value, p = z(!1);
-  return J(() => {
+  return X(() => {
     const m = (b) => {
       RN.includes(b.key) && (p.current = !0);
     }, h = () => p.current = !1;
@@ -31074,7 +31076,7 @@ function FK(e) {
     onSelectionChange: (a) => {
       e.onSelectionChange != null && e.onSelectionChange(a), t.close();
     }
-  }), [n, o] = X(!1);
+  }), [n, o] = J(!1);
   return {
     ...r,
     ...t,
@@ -31186,7 +31188,7 @@ function cj(e) {
   ] });
 }
 const U5 = "Switch", [VK, dj] = je(U5), [BK, jK] = VK(U5), UK = /* @__PURE__ */ V((e, t) => {
-  const { __scopeSwitch: r, name: n, checked: o, defaultChecked: a, required: i, disabled: s, value: l = "on", onCheckedChange: c, ...d } = e, [u, p] = X(null), m = _e(
+  const { __scopeSwitch: r, name: n, checked: o, defaultChecked: a, required: i, disabled: s, value: l = "on", onCheckedChange: c, ...d } = e, [u, p] = J(null), m = _e(
     t,
     (v) => p(v)
   ), h = z(!1), b = u ? !!u.closest("form") : !0, [g = !1, $] = qe({
@@ -31236,7 +31238,7 @@ const U5 = "Switch", [VK, dj] = je(U5), [BK, jK] = VK(U5), UK = /* @__PURE__ */
   }));
 }), GK = (e) => {
   const { control: t, checked: r, bubbles: n = !0, ...o } = e, a = z(null), i = As(r), s = _s(t);
-  return J(() => {
+  return X(() => {
     const l = a.current, c = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(c, "checked").set;
     if (i !== r && u) {
       const p = new Event("click", {
@@ -31403,7 +31405,7 @@ const H5 = "Tabs", [QK, uj] = je(H5, [
   })));
 }), iV = "TabsContent", sV = /* @__PURE__ */ V((e, t) => {
   const { __scopeTabs: r, value: n, forceMount: o, children: a, ...i } = e, s = wf(iV, r), l = Y5(s.baseId, n), c = q5(s.baseId, n), d = n === s.value, u = z(d);
-  return J(() => {
+  return X(() => {
     const p = requestAnimationFrame(
       () => u.current = !1
     );
@@ -31643,7 +31645,7 @@ function iD(e) {
 const hV = aD, sD = "ToastProvider", [Sf, bV, gV] = aa("Toast"), [lD, fj] = je("Toast", [
   gV
 ]), [vV, Ys] = lD(sD), cD = (e) => {
-  const { __scopeToast: t, label: r = "Notification", duration: n = 5e3, swipeDirection: o = "right", swipeThreshold: a = 50, children: i } = e, [s, l] = X(null), [c, d] = X(0), u = z(!1), p = z(!1);
+  const { __scopeToast: t, label: r = "Notification", duration: n = 5e3, swipeDirection: o = "right", swipeThreshold: a = 50, children: i } = e, [s, l] = J(null), [c, d] = J(0), u = z(!1), p = z(!1);
   return /* @__PURE__ */ S(Sf.Provider, {
     scope: t
   }, /* @__PURE__ */ S(vV, {
@@ -31684,7 +31686,7 @@ const $V = "ToastViewport", yV = [
   "F8"
 ], kd = "toast.viewportPause", Ed = "toast.viewportResume", _V = /* @__PURE__ */ V((e, t) => {
   const { __scopeToast: r, hotkey: n = yV, label: o = "Notifications ({hotkey})", ...a } = e, i = Ys($V, r), s = bV(r), l = z(null), c = z(null), d = z(null), u = z(null), p = _e(t, u, i.onViewportChange), m = n.join("+").replace(/Key/g, "").replace(/Digit/g, ""), h = i.toastCount > 0;
-  J(() => {
+  X(() => {
     const g = ($) => {
       var v;
       n.every(
@@ -31694,7 +31696,7 @@ const $V = "ToastViewport", yV = [
     return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
   }, [
     n
-  ]), J(() => {
+  ]), X(() => {
     const g = l.current, $ = u.current;
     if (h && g && $) {
       const v = () => {
@@ -31732,7 +31734,7 @@ const $V = "ToastViewport", yV = [
   }, [
     s
   ]);
-  return J(() => {
+  return X(() => {
     const g = u.current;
     if (g) {
       const $ = (v) => {
@@ -31843,7 +31845,7 @@ const $V = "ToastViewport", yV = [
   onClose() {
   }
 }), dD = /* @__PURE__ */ V((e, t) => {
-  const { __scopeToast: r, type: n = "foreground", duration: o, open: a, onClose: i, onEscapeKeyDown: s, onPause: l, onResume: c, onSwipeStart: d, onSwipeMove: u, onSwipeCancel: p, onSwipeEnd: m, ...h } = e, b = Ys(qs, r), [g, $] = X(null), v = _e(
+  const { __scopeToast: r, type: n = "foreground", duration: o, open: a, onClose: i, onEscapeKeyDown: s, onPause: l, onResume: c, onSwipeStart: d, onSwipeMove: u, onSwipeCancel: p, onSwipeEnd: m, ...h } = e, b = Ys(qs, r), [g, $] = J(null), v = _e(
     t,
     (R) => $(R)
   ), y = z(null), w = z(null), P = o || b.duration, M = z(0), k = z(P), _ = z(0), { onToastAdd: E, onToastRemove: F } = b, D = We(() => {
@@ -31854,7 +31856,7 @@ const $V = "ToastViewport", yV = [
   }, [
     D
   ]);
-  J(() => {
+  X(() => {
     const R = b.viewport;
     if (R) {
       const q = () => {
@@ -31873,14 +31875,14 @@ const $V = "ToastViewport", yV = [
     l,
     c,
     j
-  ]), J(() => {
+  ]), X(() => {
     a && !b.isClosePausedRef.current && j(P);
   }, [
     a,
     P,
     b.isClosePausedRef,
     j
-  ]), J(() => (E(), () => F()), [
+  ]), X(() => (E(), () => F()), [
     E,
     F
   ]);
@@ -31983,10 +31985,10 @@ dD.propTypes = {
   }
 };
 const CV = (e) => {
-  const { __scopeToast: t, children: r, ...n } = e, o = Ys(qs, t), [a, i] = X(!1), [s, l] = X(!1);
+  const { __scopeToast: t, children: r, ...n } = e, o = Ys(qs, t), [a, i] = J(!1), [s, l] = J(!1);
   return OV(
     () => i(!0)
-  ), J(() => {
+  ), X(() => {
     const c = window.setTimeout(
       () => l(!0),
       1e3