@danxbot/ui 15.6.0 → 15.7.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as P, Fragment as ct } from "react/jsx-runtime";
 import * as y from "react";
-import uu, { createElement as ix, useLayoutEffect as Gn, useState as fe, useRef as ye, useId as _t, Component as ZM, useCallback as Ne, useEffect as $e, createContext as Mn, useContext as Tn, useMemo as De, memo as du, useImperativeHandle as QM, Fragment as fh, Children as JM, isValidElement as eT, useSyncExternalStore as Vr } from "react";
+import uu, { createElement as ix, useLayoutEffect as Gn, useState as fe, useRef as ye, useId as _t, Component as ZM, useCallback as Ne, useEffect as Ve, createContext as Mn, useContext as Tn, useMemo as De, memo as du, useImperativeHandle as QM, Fragment as fh, Children as JM, isValidElement as eT, useSyncExternalStore as Vr } from "react";
 import * as Rn from "react-dom";
 import { createPortal as tT } from "react-dom";
 const nT = {
@@ -12328,9 +12328,9 @@ function GD(e, t) {
     padding: H
   }, Z = y.useRef(null), ne = Tt(s), te = Tt(a), q = typeof s != "function" ? s : 0, J = typeof a != "function" ? a : 0, se = [];
   h && se.push(h), se.push(jA((Ke) => {
-    const et = pv(Ke, o, O), Ve = typeof ne.current == "function" ? ne.current(et) : ne.current, bt = typeof te.current == "function" ? te.current(et) : te.current;
+    const et = pv(Ke, o, O), $e = typeof ne.current == "function" ? ne.current(et) : ne.current, bt = typeof te.current == "function" ? te.current(et) : te.current;
     return {
-      mainAxis: Ve,
+      mainAxis: $e,
       crossAxis: bt,
       alignmentAxis: bt
     };
@@ -12359,8 +12359,8 @@ function GD(e, t) {
         return {};
       const {
         width: et,
-        height: Ve
-      } = Z.current.getBoundingClientRect(), bt = er(or(Ke.placement)), Xe = bt === "y" ? et : Ve, it = bt === "y" ? H.left + H.right : H.top + H.bottom;
+        height: $e
+      } = Z.current.getBoundingClientRect(), bt = er(or(Ke.placement)), Xe = bt === "y" ? et : $e, it = bt === "y" ? H.left + H.right : H.top + H.bottom;
       return {
         offset: Xe / 2 + it / 2
       };
@@ -12373,13 +12373,13 @@ function GD(e, t) {
         floating: Ke
       },
       availableWidth: et,
-      availableHeight: Ve,
+      availableHeight: $e,
       rects: bt
     }) {
       if (!F.current)
         return;
       const Xe = Ke.style;
-      Xe.setProperty(dv, `${et}px`), Xe.setProperty(fv, `${Ve}px`);
+      Xe.setProperty(dv, `${et}px`), Xe.setProperty(fv, `${$e}px`);
       const it = ht(Ke).devicePixelRatio || 1, {
         x: ut,
         y: Bt,
@@ -12399,11 +12399,11 @@ function GD(e, t) {
     fn(Ke) {
       const {
         elements: et,
-        middlewareData: Ve,
+        middlewareData: $e,
         placement: bt,
         rects: Xe,
         y: it
-      } = Ke, ut = or(bt), Bt = er(ut), _e = Z.current, Rt = Ve.arrow?.x || 0, Nt = Ve.arrow?.y || 0, qe = _e?.clientWidth || 0, xt = _e?.clientHeight || 0, Ht = Rt + qe / 2, en = Nt + xt / 2, vn = Math.abs(Ve.shift?.y || 0), Kt = Xe.reference.height / 2, ln = typeof s == "function" ? s(pv(Ke, o, O)) : s, tn = vn > ln, nt = {
+      } = Ke, ut = or(bt), Bt = er(ut), _e = Z.current, Rt = $e.arrow?.x || 0, Nt = $e.arrow?.y || 0, qe = _e?.clientWidth || 0, xt = _e?.clientHeight || 0, Ht = Rt + qe / 2, en = Nt + xt / 2, vn = Math.abs($e.shift?.y || 0), Kt = Xe.reference.height / 2, ln = typeof s == "function" ? s(pv(Ke, o, O)) : s, tn = vn > ln, nt = {
         top: `${Ht}px calc(100% + ${ln}px)`,
         bottom: `${Ht}px ${-ln}px`,
         left: `calc(100% + ${ln}px) ${en}px`,
@@ -15498,9 +15498,9 @@ function VC(e) {
   const t = ye(e);
   t.current = e;
   const [n, r] = fe(!1), [o, s] = fe(null), [i, a] = fe(null), [l, c] = fe(0), u = ye(!1), p = ye(0), f = ye(e.value), h = ye(null), m = ye([]);
-  $e(() => {
+  Ve(() => {
     l > 0 && t.current.refocus();
-  }, [l]), $e(
+  }, [l]), Ve(
     () => () => {
       p.current += 1;
     },
@@ -15701,7 +15701,7 @@ function A_(e, t) {
 }
 function D_(e, t, n) {
   const r = ye(n);
-  r.current = n, $e(() => {
+  r.current = n, Ve(() => {
     const o = e.current;
     if (!o) return;
     function s(i) {
@@ -15721,7 +15721,7 @@ function __({ delayMs: e, session: t, elRef: n, openRef: r, composingRef: o, ...
   function g() {
     c.current !== null && (clearTimeout(c.current), c.current = null);
   }
-  $e(
+  Ve(
     () => () => {
       if (h.current = !0, c.current === null) return;
       g();
@@ -15867,13 +15867,13 @@ function M8(e) {
     onError: p,
     close: W
   }), { pending: z, refusal: F, blocked: B } = _, O = _t(), L = _t(), $ = u !== void 0, H = R && !$;
-  $e(() => {
+  Ve(() => {
     S && R && $ && k(!1);
   }, [S, R, $, k]);
   function G(ie) {
     I.current = ie, typeof w == "function" ? w(ie) : w && (w.current = ie);
   }
-  $e(() => {
+  Ve(() => {
     const ie = I.current;
     if (!ie) return;
     H && !D.current ? (_.begin(t, o?.(t) ?? null), V.seed(t), T.current = !0, Tv(ie, t), LC(ie), ie.focus(), M(t.length === 0)) : H || (T.current && X(), Tv(ie, t), M(t.length === 0)), D.current = H;
@@ -16014,13 +16014,20 @@ function V_(e, t) {
 }
 function T8({ label: e, children: t, editing: n, onEditingChange: r, disabled: o, className: s }) {
   km("EditGutter", n, r);
-  const [i, a] = Us(n, !1, r), l = ye(null), c = ye(null), u = !i && !o;
-  return z_(l, c, u), B_(l, c, i), /* @__PURE__ */ P(
+  const [i, a] = Us(n, !1, r), l = ye(null), c = ye(null), u = !i && !o, [p, f] = fe(!1);
+  z_(l, c, u), B_(l, c, i), Ve(() => {
+    u || f(!1);
+  }, [u]);
+  function h(m) {
+    m.pointerType === "touch" && f(!0);
+  }
+  return /* @__PURE__ */ P(
     "div",
     {
       ref: l,
       "data-slot": "edit-gutter",
       "data-editing": i || void 0,
+      onPointerDown: h,
       className: U("group/edit-gutter relative min-w-0", s),
       children: [
         u && /* @__PURE__ */ d(
@@ -16028,12 +16035,25 @@ function T8({ label: e, children: t, editing: n, onEditingChange: r, disabled: o
           {
             ref: c,
             "data-slot": "edit-gutter-pencil",
+            "data-touch-revealed": p || void 0,
             className: U(
               "absolute top-0 right-full z-10 flex",
               "transition-[var(--tx-colors),opacity] duration-(--dur-fast)",
+              // DX-3623 — reveal on real HOVER or the pencil's OWN
+              // `:focus-visible` (never `focus-within`, which also fires for
+              // the M2 return-focus programmatic `.focus()` after a
+              // pointer-driven close — see the module comment).
               "[@media(any-hover:hover)]:opacity-0",
+              "[@media(any-hover:hover)]:pointer-events-none",
               "[@media(any-hover:hover)]:group-hover/edit-gutter:opacity-100",
-              "[@media(any-hover:hover)]:focus-within:opacity-100"
+              "[@media(any-hover:hover)]:group-hover/edit-gutter:pointer-events-auto",
+              "[@media(any-hover:hover)]:has-focus-visible:opacity-100",
+              "[@media(any-hover:hover)]:has-focus-visible:pointer-events-auto",
+              // DX-3623 AC3 — a device with NO hover capability starts
+              // hidden too, and is armed only by `touchRevealed` (a tap).
+              "[@media(any-hover:none)]:opacity-0",
+              "[@media(any-hover:none)]:pointer-events-none",
+              p && "[@media(any-hover:none)]:opacity-100 [@media(any-hover:none)]:pointer-events-auto"
             ),
             children: /* @__PURE__ */ d(gt, { icon: /* @__PURE__ */ d(de, { name: "pencil", size: "sm" }), label: e, size: "sm", onClick: () => a(!0) })
           }
@@ -16057,7 +16077,7 @@ function L_(e) {
 }
 function z_(e, t, n) {
   const r = ye(!1);
-  $e(() => {
+  Ve(() => {
     const o = e.current, s = t.current;
     if (!n || !o || !s) return;
     function i() {
@@ -16082,7 +16102,7 @@ function z_(e, t, n) {
 }
 function B_(e, t, n) {
   const r = ye(n);
-  $e(() => {
+  Ve(() => {
     const o = r.current && !n;
     if (r.current = n, !o) return;
     const s = document.activeElement;
@@ -23786,7 +23806,7 @@ function sz(e, t) {
 }
 function iz(e, t) {
   const [n, r] = fe(0), o = ye(null);
-  return $e(() => {
+  return Ve(() => {
     if (!e) return;
     const s = e.root.ownerDocument, i = () => r((a) => a + 1);
     return s.addEventListener("selectionchange", i), () => s.removeEventListener("selectionchange", i);
@@ -23837,7 +23857,7 @@ function iy({ surface: e, state: t, run: n, container: r, external: o }) {
     },
     [e, r]
   );
-  $e(() => {
+  Ve(() => {
     if (!e || !r || c) return;
     const h = e.root, m = (b) => {
       const x = gz(e, b.clientX, b.clientY);
@@ -23849,7 +23869,7 @@ function iy({ surface: e, state: t, run: n, container: r, external: o }) {
     return h.addEventListener("pointermove", m), r.addEventListener("pointerleave", g), () => {
       h.removeEventListener("pointermove", m), r.removeEventListener("pointerleave", g);
     };
-  }, [e, r, p, c, t.caret]), $e(() => {
+  }, [e, r, p, c, t.caret]), Ve(() => {
     c || t.caret === null || (l(t.caret), i(p(t.caret)));
   }, [t.caret, p, c]);
   const f = De(
@@ -24061,7 +24081,7 @@ function Rr({ icon: e, label: t, onClick: n }) {
 }
 function fz({ surface: e, state: t, run: n, container: r }) {
   const [o, s] = fe(null);
-  if ($e(() => {
+  if (Ve(() => {
     if (!e || !r) return;
     const a = e.root, l = (c) => {
       const u = e.getSelection();
@@ -24305,7 +24325,7 @@ function Ez({
   const R = ye(p);
   R.current = p;
   const [k, N] = fe(e.length === 0), M = _t(), I = ye(c), [T, A] = fe(null), [D, _] = fe(0), [V, z] = fe(null), F = ye(t);
-  F.current = t, $e(() => {
+  F.current = t, Ve(() => {
     if (!g.current) return;
     const W = new TL({
       uploader: () => S.current,
@@ -24371,13 +24391,13 @@ function Ez({
       }
     }),
     [r, n]
-  ), $e(() => {
+  ), Ve(() => {
     b.current?.setSource(e), N(e.length === 0), x.current?.sync();
-  }, [e]), $e(() => {
+  }, [e]), Ve(() => {
     x.current?.uploaderChanged();
   }, [E]);
   const B = !n && v.unstored > 0;
-  $e(() => {
+  Ve(() => {
     if (!B) return;
     const W = (j) => {
       j.preventDefault(), j.returnValue = !0;
@@ -24791,7 +24811,7 @@ function U8(e) {
     close: () => n(!1),
     refocus: () => o.current?.focus()
   });
-  return $e(() => {
+  return Ve(() => {
     t && r && n(!1);
   }, [t, r, n]), t && !r ? /* @__PURE__ */ d(Oz, { ...e, session: s, editorRef: o }) : /* @__PURE__ */ d(Pz, { ...e });
 }
@@ -24836,12 +24856,12 @@ function Oz({
   function E(N) {
     C.current !== N && (C.current = N, v.current?.(N));
   }
-  $e(() => () => E(!1), []);
+  Ve(() => () => E(!1), []);
   const S = Az({
     shouldCommit: () => !l.isPending() && x.current === null,
     commit: w
   });
-  $e(() => {
+  Ve(() => {
     l.begin(e);
     const N = c.current;
     if (!N) throw new Error("InlineMarkdownEdit: the editor was not mounted when the field opened.");
@@ -24900,7 +24920,7 @@ function Az({ shouldCommit: e, commit: t }) {
   function i() {
     r.current !== null && clearTimeout(r.current), r.current = null, o.current !== null && window.removeEventListener("focus", o.current), o.current = null;
   }
-  $e(() => i, []);
+  Ve(() => i, []);
   function a() {
     r.current !== null && clearTimeout(r.current), r.current = setTimeout(l, 0);
   }
@@ -25408,31 +25428,31 @@ const zS = /* @__PURE__ */ y.forwardRef(function(t, n) {
     let Q = 0, re = 0;
     !ue && !se && (Q = L?.offsetWidth || 0, re = $?.offsetHeight || 0);
     const be = h.width === 0 && h.height === 0, Ce = be ? Q : 0, Oe = be ? re : 0, Te = bo($, "padding", "x"), Ie = bo(L, "padding", "y"), Re = bo(G, "margin", "x"), Ye = bo(H, "margin", "y"), Ue = ce - Te - Re, Le = xe - Ie - Ye, Me = $ ? Math.min($.offsetWidth - Ce, Ue) : Ue, Fe = L ? Math.min(L.offsetHeight - Oe, Le) : Le, We = Math.max(Pp, Me * pe), tt = Math.max(Pp, Fe * le);
-    if (g((Ve) => _l(Ve, {
+    if (g(($e) => _l($e, {
       width: We,
       height: tt
     })), L && H) {
-      const Ve = L.offsetHeight - tt - Ie - Ye, bt = dy(H, "--scroll-area-thumb-height", Z, ie, K, tt, Ve);
+      const $e = L.offsetHeight - tt - Ie - Ye, bt = dy(H, "--scroll-area-thumb-height", Z, ie, K, tt, $e);
       H.style.transform = `translate3d(0,${bt}px,0)`;
     }
     if ($ && G) {
-      const Ve = $.offsetWidth - We - Te - Re, bt = M === "rtl" ? -ne : ne, Xe = dy(G, "--scroll-area-thumb-width", bt, ae, X, We, Ve);
+      const $e = $.offsetWidth - We - Te - Re, bt = M === "rtl" ? -ne : ne, Xe = dy(G, "--scroll-area-thumb-width", bt, ae, X, We, $e);
       G.style.transform = `translate3d(${M === "rtl" ? -Xe : Xe}px,0,0)`;
     }
     const Ke = [he, we, oe, ee];
-    LS.forEach((Ve, bt) => {
-      O.style.setProperty(Ve, `${Ke[bt]}px`);
-    }), Y && m((Ve) => _l(Ve, {
+    LS.forEach(($e, bt) => {
+      O.style.setProperty($e, `${Ke[bt]}px`);
+    }), Y && m(($e) => _l($e, {
       width: Q,
       height: re
-    })), x((Ve) => _l(Ve, J));
+    })), x(($e) => _l($e, J));
     const et = {
       xStart: !ue && he > k.xStart,
       xEnd: !ue && we > k.xEnd,
       yStart: !se && oe > k.yStart,
       yEnd: !se && ee > k.yEnd
     };
-    R((Ve) => _l(Ve, et));
+    R(($e) => _l($e, et));
   });
   ve(() => {
     jz();
@@ -26839,13 +26859,13 @@ const c5 = "data-parent", tk = /* @__PURE__ */ y.forwardRef(function(t, n) {
         if (Me.key !== "Enter" || (Me.preventBaseUIHandler(), Me.defaultPrevented))
           return;
         const Fe = re.current?.form ?? null, We = Me.currentTarget, tt = Me.nativeEvent, Ke = Me.preventDefault, et = tt.preventDefault;
-        let Ve = !1;
+        let $e = !1;
         Me.preventDefault = () => {
-          Ve = !0, Ke.call(Me);
+          $e = !0, Ke.call(Me);
         }, tt.preventDefault = () => {
-          Ve = !0, et.call(tt);
+          $e = !0, et.call(tt);
         }, et.call(tt), ht(We).queueMicrotask(() => {
-          Me.preventDefault = Ke, tt.preventDefault = et, Ve || i5(Fe)?.click();
+          Me.preventDefault = Ke, tt.preventDefault = et, $e || i5(Fe)?.click();
         });
       },
       onClick(Me) {
@@ -29577,8 +29597,8 @@ const Dk = /* @__PURE__ */ y.forwardRef(function(t, n) {
   const tt = ue ? "bottom" : "insetInlineStart", Ke = ue ? "left" : "top";
   let et;
   se ? R === Te ? et = 2 : Fe === Te && (et = 1) : R === Te && (et = 1);
-  let Ve;
-  !D && !Number.isFinite(Ye) ? Ve = Kn : Ve = {
+  let $e;
+  !D && !Number.isFinite(Ye) ? $e = Kn : $e = {
     position: "absolute",
     [tt]: D ? "var(--position)" : `${Ye}%`,
     [Ke]: "50%",
@@ -29698,7 +29718,7 @@ const Dk = /* @__PURE__ */ y.forwardRef(function(t, n) {
         const Rt = Ik(_e.currentTarget, ue);
         G.current = (ue ? _e.clientY : _e.clientX) - Rt;
       },
-      style: Ve,
+      style: $e,
       suppressHydrationWarning: K || void 0
     }, E],
     stateAttributesMapping: vi
@@ -29980,7 +30000,7 @@ function Vk(e, t, { isValid: n, enabled: r = !0 }) {
     const c = Rg(e, n);
     return c === void 0 ? o() : c;
   }), a = ye(!1);
-  $e(() => {
+  Ve(() => {
     if (!(!e || !r)) {
       if (!a.current) {
         a.current = !0;
@@ -30009,7 +30029,7 @@ function hd({
     const a = W5(t);
     return n.includes(a ?? "") ? a : r();
   });
-  $e(() => {
+  Ve(() => {
     Y5(e, o), K5(t, o);
   }, [e, t, o]);
   const i = Ne(() => {
@@ -30224,7 +30244,7 @@ function iK({
     !1,
     { isValid: iB }
   ), x = ye(null);
-  $e(() => {
+  Ve(() => {
     c !== void 0 && x.current?.scrollTo({ top: 0, behavior: "instant" });
   }, [c]);
   const [w, v] = fe(!1), C = /* @__PURE__ */ d(
@@ -31795,9 +31815,9 @@ function pK({
     })).filter((m) => m.score >= 0);
     return h.sort((m, g) => g.score - m.score), h.map((m) => m.item);
   }, [e, s]);
-  $e(() => {
+  Ve(() => {
     t && (i(""), l(0));
-  }, [t]), $e(() => l(0), [s]);
+  }, [t]), Ve(() => l(0), [s]);
   function u(h) {
     h.key === "ArrowDown" ? (h.preventDefault(), l((m) => (m + 1) % Math.max(c.length, 1))) : h.key === "ArrowUp" ? (h.preventDefault(), l((m) => (m - 1 + c.length) % Math.max(c.length, 1))) : h.key === "Enter" && c[a] && (h.preventDefault(), c[a].onSelect(), n(!1));
   }
@@ -31911,7 +31931,7 @@ function pK({
 }
 function hK(e = "k") {
   const [t, n] = fe(!1);
-  return $e(() => {
+  return Ve(() => {
     function r(o) {
       o.key.toLowerCase() === e && (o.metaKey || o.ctrlKey) && (o.preventDefault(), n((s) => !s));
     }
@@ -33194,7 +33214,7 @@ const mR = /* @__PURE__ */ y.forwardRef(function(t, n) {
     readOnly: v,
     required: C,
     value: ee
-  }), [Y, z, xe, Oe, f, v, C, ee]), Ve = y.useMemo(() => ({
+  }), [Y, z, xe, Oe, f, v, C, ee]), $e = y.useMemo(() => ({
     autoComplete: i,
     activeIndex: Ie,
     disabled: Y,
@@ -33234,7 +33254,7 @@ const mR = /* @__PURE__ */ y.forwardRef(function(t, n) {
       re(Xe.size);
     },
     children: /* @__PURE__ */ P(Fg.Provider, {
-      value: Ve,
+      value: $e,
       children: [bt, oe && /* @__PURE__ */ d("input", {
         ...F.getValidationProps(Y, {
           onFocus() {
@@ -33788,12 +33808,12 @@ function F3(e) {
   }), [ue, pe] = y.useState(!1), [le, ae] = y.useState(null), ie = y.useRef([]), he = y.useRef([]), we = y.useRef(null), oe = y.useRef(null), ee = y.useRef(null), ce = y.useRef(null), xe = y.useRef(null), Q = y.useRef(!0), re = y.useRef(!1), be = y.useRef(null), Ce = y.useRef(null), Oe = y.useRef(null), Te = y.useRef(Nf), Ie = y.useRef(null), Re = y.useRef([]), Ye = y.useRef(null), Ue = W || m, Le = X ?? f, Me = u === "multiple", Fe = u === "single", We = a !== void 0 || i !== void 0, tt = v !== void 0, Ke = C !== void 0;
   let et;
   R === "always" ? et = "always" : et = R ? "input-change" : !1;
-  const [Ve, bt] = fn({
+  const [$e, bt] = fn({
     controlled: o,
     default: Me ? r ?? Sn : r,
     name: "Combobox",
     state: "selectedValue"
-  }), Xe = y.useMemo(() => E === null ? () => !0 : E !== void 0 ? E : A3(se, I), [E, se, I]), it = $t(() => We ? i ?? "" : Fe ? Xn(Ve, I) : "").current, [ut, Bt] = fn({
+  }), Xe = y.useMemo(() => E === null ? () => !0 : E !== void 0 ? E : A3(se, I), [E, se, I]), it = $t(() => We ? i ?? "" : Fe ? Xn($e, I) : "").current, [ut, Bt] = fn({
     controlled: a,
     default: it,
     name: "Combobox",
@@ -33803,7 +33823,7 @@ function F3(e) {
     default: c,
     name: "Combobox",
     state: "open"
-  }), Nt = Ug(v), qe = le ?? String(ut).trim(), xt = Fe ? Xn(Ve, I) : "", Ht = Fe && !ue && qe !== "" && xt.length === qe.length && se.contains(xt, qe), en = Ht ? "" : qe, vn = tt && Ke && Ht, Kt = y.useMemo(() => v ? Nt ? v.flatMap((Ae) => Ae.items) : v : Sn, [v, Nt]), ln = y.useMemo(() => {
+  }), Nt = Ug(v), qe = le ?? String(ut).trim(), xt = Fe ? Xn($e, I) : "", Ht = Fe && !ue && qe !== "" && xt.length === qe.length && se.contains(xt, qe), en = Ht ? "" : qe, vn = tt && Ke && Ht, Kt = y.useMemo(() => v ? Nt ? v.flatMap((Ae) => Ae.items) : v : Sn, [v, Nt]), ln = y.useMemo(() => {
     if (C && !vn)
       return C;
     if (!v)
@@ -33850,10 +33870,10 @@ function F3(e) {
     return Ae;
   }, [C, vn, v, Nt, en, F, Xe, I, Kt]), tn = y.useMemo(() => Nt ? ln.flatMap((ze) => ze.items) : ln, [ln, Nt]), nt = $t(() => {
     let Ae = null;
-    return _ && _e && tt && u !== "none" && (Ae = Rf(tn, Ve, A, Me)), new D1({
+    return _ && _e && tt && u !== "none" && (Ae = Rf(tn, $e, A, Me)), new D1({
       id: J,
       labelId: void 0,
-      selectedValue: Ve,
+      selectedValue: $e,
       open: _e,
       items: v,
       selectionMode: u,
@@ -33917,7 +33937,7 @@ function F3(e) {
       forceMount: mt,
       requestSubmit: mt
     });
-  }).current, cr = u === "none" ? ut : Ve, PM = y.useMemo(() => u === "none" ? cr : Array.isArray(Ve) ? Ve.map((Ae) => dr(Ae, T)) : dr(Ve, T), [cr, T, u, Ve]), OM = ge(p), Yb = ge(n), Xb = me(nt, ke.activeIndex), AM = me(nt, ke.selectedIndex), il = me(nt, ke.positionerElement), Zb = me(nt, ke.listElement), ki = me(nt, ke.triggerElement), al = me(nt, ke.inputElement), DM = me(nt, ke.inputGroupElement), On = me(nt, ke.inline), vr = me(nt, ke.inputInsidePopup), _M = me(nt, ke.inputOwnsFormValue), FM = Tt(ki), {
+  }).current, cr = u === "none" ? ut : $e, PM = y.useMemo(() => u === "none" ? cr : Array.isArray($e) ? $e.map((Ae) => dr(Ae, T)) : dr($e, T), [cr, T, u, $e]), OM = ge(p), Yb = ge(n), Xb = me(nt, ke.activeIndex), AM = me(nt, ke.selectedIndex), il = me(nt, ke.positionerElement), Zb = me(nt, ke.listElement), ki = me(nt, ke.triggerElement), al = me(nt, ke.inputElement), DM = me(nt, ke.inputGroupElement), On = me(nt, ke.inline), vr = me(nt, ke.inputInsidePopup), _M = me(nt, ke.inputOwnsFormValue), FM = Tt(ki), {
     mounted: Qb,
     setMounted: VM,
     transitionStatus: $d
@@ -33982,7 +34002,7 @@ function F3(e) {
     if (_e !== Ae && (ze.reason === ms && tt && tn.length === 0 && !xe.current && ze.allowPropagation(), e.onOpenChange?.(Ae, ze), !ze.isCanceled && (Ae && vr && !On && le !== null && (pe(!1), ae(null), ut !== "" && ze.reason !== nr && wr("", Se(_n, ze.event))), !Ae && ue && (Fe ? (On || ae(qe), qe === "" && pe(!1)) : Me && (On || ae(qe), vr && yr({
       activeIndex: null
     }), (!vr || On) && wr("", Se(_n, ze.event)))), Rt(Ae), !Ae && vr && (ze.reason === Jr || ze.reason === Ia) && (j(!0), Z(!1), ne === "onBlur")))) {
-      const Pt = u === "none" ? ut : Ve;
+      const Pt = u === "none" ? ut : $e;
       te.commit(Pt);
     }
   }), ll = ge((Ae, ze) => {
@@ -33998,7 +34018,7 @@ function F3(e) {
       return;
     }
     if (Me) {
-      const zt = Array.isArray(Ve) ? Ve : [], ur = O3(zt, ze, A) ? vR(zt, ze, A) : [...zt, ze];
+      const zt = Array.isArray($e) ? $e : [], ur = O3(zt, ze, A) ? vR(zt, ze, A) : [...zt, ze];
       if (ll(ur, nn), nn.isCanceled || !(oe.current ? oe.current.value.trim() !== "" : !1))
         return;
       nt.state.inputInsidePopup ? wr("", Se(_n, nn.event)) : Ri(!1, nn);
@@ -34020,7 +34040,7 @@ function F3(e) {
       if (nt.state.inputInsidePopup)
         oe.current && oe.current.value !== "" && wr("", Se(_n));
       else {
-        const Ae = Xn(Ve, I);
+        const Ae = Xn($e, I);
         oe.current && oe.current.value !== Ae && wr(Ae, Se(Ae === "" ? _n : It));
       }
   }), BM = y.useMemo(() => On && il ? {
@@ -34040,9 +34060,9 @@ function F3(e) {
       return;
     const ze = tt ? Kt : Re.current;
     yr({
-      selectedIndex: Rf(ze, Ve, A, Me)
+      selectedIndex: Rf(ze, $e, A, Me)
     });
-  }, [_e, Ve, u, Me, tt, Kt, A, yr]), ve(() => {
+  }, [_e, $e, u, Me, tt, Kt, A, yr]), ve(() => {
     v && (Re.current = tn, ie.current.length = tn.length);
   }, [v, tn]), ve(() => {
     const Ae = Ie.current;
@@ -34098,8 +34118,8 @@ function F3(e) {
       K(String(ut) !== "");
       return;
     }
-    K(Me ? Array.isArray(Ve) && Ve.length > 0 : Ve != null);
-  }, [K, u, ut, Ve, Me]), y.useEffect(() => {
+    K(Me ? Array.isArray($e) && $e.length > 0 : $e != null);
+  }, [K, u, ut, $e, Me]), y.useEffect(() => {
     tt && et && tn.length === 0 && yr({
       activeIndex: null
     });
@@ -34112,11 +34132,11 @@ function F3(e) {
     !_e || qe === "" || qe === String(it) || pe(!0);
   });
   function tx() {
-    const Ae = Xn(Ve, I);
+    const Ae = Xn($e, I);
     ut !== Ae && wr(Ae, Se(It));
   }
-  tr(Ve, () => {
-    u !== "none" && (H(Le), G(HM(Ve)), te.change(Ve), Fe && !We && !vr && tx());
+  tr($e, () => {
+    u !== "none" && (H(Le), G(HM($e)), te.change($e), Fe && !We && !vr && tx());
   }), tr(ut, () => {
     u === "none" && (H(Le), G(ut !== Y.initialValue), te.change(ut));
   }), tr(v, () => {
@@ -34220,7 +34240,7 @@ function F3(e) {
   }), ve(() => {
     nt.update({
       id: J,
-      selectedValue: Ve,
+      selectedValue: $e,
       open: _e,
       mounted: Qb,
       transitionStatus: $d,
@@ -34249,13 +34269,13 @@ function F3(e) {
       hasInputValue: We,
       inputOwnsFormValue: u === "none" && (_ || !nt.state.inputInsidePopup)
     });
-  }, [nt, J, Ve, _e, Qb, $d, v, Hd, Ud, Bd, jd, Jb, Ld, u, Le, Ue, g, b, w, D, S, I, z, A, $, We, _, et, h]);
+  }, [nt, J, $e, _e, Qb, $d, v, Hd, Ud, Bd, jd, Jb, Ld, u, Le, Ue, g, b, w, D, S, I, z, A, $, We, _, et, h]);
   const UM = gn(x, te.inputRef), jM = y.useMemo(() => ({
     query: qe,
     hasItems: tt,
     filteredItems: ln,
     flatFilteredItems: tn
-  }), [qe, tt, ln, tn]), GM = y.useMemo(() => Array.isArray(cr) ? "" : dr(cr, T), [cr, T]), WM = Me && Array.isArray(Ve) && Ve.length > 0, Gd = Me || u === "none" && _M ? void 0 : Le, KM = y.useMemo(() => !Me || !Array.isArray(Ve) || !Le ? null : Ve.map((Ae) => {
+  }), [qe, tt, ln, tn]), GM = y.useMemo(() => Array.isArray(cr) ? "" : dr(cr, T), [cr, T]), WM = Me && Array.isArray($e) && $e.length > 0, Gd = Me || u === "none" && _M ? void 0 : Le, KM = y.useMemo(() => !Me || !Array.isArray($e) || !Le ? null : $e.map((Ae) => {
     const ze = dr(Ae, T);
     return /* @__PURE__ */ d("input", {
       type: "hidden",
@@ -34264,7 +34284,7 @@ function F3(e) {
       value: ze,
       disabled: Ue
     }, ze);
-  }), [Me, Ve, h, Le, T, Ue]), qM = /* @__PURE__ */ P(y.Fragment, {
+  }), [Me, $e, h, Le, T, Ue]), qM = /* @__PURE__ */ P(y.Fragment, {
     children: [e.children, /* @__PURE__ */ d("input", {
       ...te.getValidationProps(Ue, {
         // Move focus when the hidden input is focused.
@@ -35842,7 +35862,7 @@ function t4(e) {
   }), Ke = di(tt, {
     enabled: !f && !O,
     event: "mousedown"
-  }), et = fi(tt), Ve = im(tt, {
+  }), et = fi(tt), $e = im(tt, {
     enabled: !f && !O,
     listRef: K,
     activeIndex: ee,
@@ -35869,7 +35889,7 @@ function t4(e) {
     onTyping(qe) {
       q.current = qe;
     }
-  }), Xe = y.useMemo(() => dn(bt.reference, Ve.reference, et.reference, Ke.reference, we), [Ke.reference, bt.reference, Ve.reference, et.reference, we]), it = y.useMemo(() => dn(pi, bt.floating, Ve.floating, et.floating), [bt.floating, Ve.floating, et.floating]), ut = Ve.item ?? yt;
+  }), Xe = y.useMemo(() => dn(bt.reference, $e.reference, et.reference, Ke.reference, we), [Ke.reference, bt.reference, $e.reference, et.reference, we]), it = y.useMemo(() => dn(pi, bt.floating, $e.floating, et.floating), [bt.floating, $e.floating, et.floating]), ut = $e.item ?? yt;
   bR(() => {
     oe.update({
       popupProps: it,
@@ -36390,8 +36410,8 @@ const i4 = {
       let We = Math.min(Ie, Fe);
       const tt = Ie - xe - Q, Ke = Fe - We, et = Re - Oe;
       L.style.left = `${Vt(Le, Ce, et - he.width)}px`, L.style.height = `${We}px`, L.style.maxHeight = "none", L.style.marginTop = `${xe}px`, L.style.marginBottom = `${Q}px`, ne.style.height = "100%";
-      const Ve = zl(oe), bt = Ke >= Ve - Ur;
-      bt && (We = Math.min(Ie, he.height) - (Ke - Ve));
+      const $e = zl(oe), bt = Ke >= $e - Ur;
+      bt && (We = Math.min(Ie, he.height) - (Ke - $e));
       const Xe = ie.top < Te || ie.bottom > Ie - Te || Math.ceil(We) + Ur < Math.min(ee, re), it = (se.visualViewport?.scale ?? 1) !== 1 && ar;
       if (Xe || it) {
         qc(L, Y.current), N(!1);
@@ -37100,9 +37120,24 @@ const uN = [
     placement: {
       corner: { media: "size-9" },
       cover: { media: "aspect-video w-full" }
+    },
+    /**
+     * DX-3621 — `RecordCardTitle`'s own text size, independent of `as` (the
+     * heading LEVEL). Before this variant the title carried no explicit
+     * `text-*` class at all, so its rendered size was whatever the browser's
+     * UA default for the chosen heading level happened to be — a kanban board
+     * lane of `h4` titles rendering at UA default size, not a deliberate one.
+     * `md` (default) pins that same visual size explicitly rather than
+     * changing it out from under existing consumers; `sm` is for a dense
+     * listing (a kanban lane, a compact picker row) where several of these
+     * stack in view together.
+     */
+    size: {
+      sm: { title: "text-sm" },
+      md: { title: "text-base" }
     }
   },
-  defaultVariants: { placement: "corner" }
+  defaultVariants: { placement: "corner", size: "md" }
 });
 function CK({
   identifier: e,
@@ -37164,9 +37199,9 @@ function SK({ className: e, children: t, ref: n }) {
   const r = wi();
   return /* @__PURE__ */ d("span", { ref: n, className: U(r.eyebrow(), e), children: t });
 }
-function kK({ as: e = "h3", className: t, children: n, ref: r }) {
-  const o = wi();
-  return /* @__PURE__ */ d(e, { ref: r, className: U(o.title(), t), children: n });
+function kK({ as: e = "h3", size: t = "md", className: n, children: r, ref: o }) {
+  const s = wi({ size: t });
+  return /* @__PURE__ */ d(e, { ref: o, className: U(s.title(), n), children: r });
 }
 function RK({ className: e, children: t, ref: n }) {
   const r = wi();
@@ -37767,7 +37802,7 @@ function Wy(e) {
 }
 function w4({ className: e, children: t, variant: n }) {
   const r = yd({ variant: n }), o = ye(null);
-  return $e(() => {
+  return Ve(() => {
     const s = o.current;
     if (!s) return;
     Wy(s);
@@ -38751,7 +38786,7 @@ function OK({
     v(
       Object.fromEntries(O.map((X) => [X.id, X.defaultSize ?? K]))
     );
-  }, [f, S, C, v]), $e(() => {
+  }, [f, S, C, v]), Ve(() => {
     Object.keys(w).length > 0 && s?.(w);
   }, [w, s]);
   const A = Ne(
@@ -42139,19 +42174,19 @@ function cU(e) {
   const t = ye(null);
   t.current ??= new eU(e);
   const n = t.current;
-  return n.setCallbacks(e), $e(() => rU(n), [n]), n;
+  return n.setCallbacks(e), Ve(() => rU(n), [n]), n;
 }
 function Rd(e) {
   return Vr(e.subscribe, e.getState, e.getState);
 }
 function uU(e, t) {
   const { id: n, container: r, index: o, axis: s = "y", disabled: i = !1, activation: a } = t, [l, c] = fe(null), [u, p] = fe(null);
-  $e(() => {
+  Ve(() => {
     if (l)
       return e.registerItem({ id: n, container: r, index: o, element: l });
   }, [e, l, n, r, o]);
   const f = `${a?.distance ?? ""}/${a?.delay ?? ""}/${a?.tolerance ?? ""}`, h = ye(a);
-  h.current = a, $e(() => {
+  h.current = a, Ve(() => {
     if (!u || i) return;
     const g = nU(e, u, {
       id: n,
@@ -42170,7 +42205,7 @@ function uU(e, t) {
 }
 function dU(e, t) {
   const { id: n, axis: r = "y" } = t, [o, s] = fe(null);
-  $e(() => {
+  Ve(() => {
     if (o)
       return e.registerContainer({ id: n, element: o, axis: r });
   }, [e, o, n, r]);
@@ -42206,7 +42241,7 @@ function pU(e, t = {}) {
   const [n, r] = fe(""), o = ye(t);
   o.current = t;
   const s = ye(null), i = ye(null), a = ye(null), l = ye(0);
-  return $e(() => {
+  return Ve(() => {
     function c() {
       i.current !== null && (window.clearTimeout(i.current), i.current = null, a.current = null);
     }
@@ -42631,7 +42666,7 @@ function SU(e) {
       r.current = null, o();
     }, 0));
   }, [o]);
-  return $e(
+  return Ve(
     () => () => {
       r.current !== null && (clearTimeout(r.current), r.current = null);
     },
@@ -42665,7 +42700,7 @@ function Sb({
     () => ({ threshold: u, maxSpeed: p, reducedMaxSpeed: f }),
     [u, p, f]
   );
-  $e(() => aU(i, h), [i, h]);
+  Ve(() => aU(i, h), [i, h]);
   const m = ye({
     item: /* @__PURE__ */ new Map(),
     container: /* @__PURE__ */ new Map()
@@ -42701,7 +42736,7 @@ function kb({
   children: o
 }) {
   const { session: s, registerLabel: i } = Nd("DragDropContainer"), { setContainerRef: a, isOver: l } = dU(s, { id: e, axis: n }), c = Rd(s), u = Ss({ axis: n });
-  $e(
+  Ve(
     () => i("container", e, t),
     [i, e, t]
   );
@@ -42733,7 +42768,7 @@ function Rb({
     index: t,
     axis: u
   }), m = Rd(s);
-  $e(() => a("item", e, n), [a, e, n]), $e(() => l.item(e, c, t), [l, e, c, t]);
+  Ve(() => a("item", e, n), [a, e, n]), Ve(() => l.item(e, c, t), [l, e, c, t]);
   const g = m.phase === "dragging" && m.id === e, b = Ss({ axis: u, moving: p !== null }), x = m.from && m.from.container === c && m.from.index < t ? t - 1 : t, w = !g && p?.markerAt === x, v = !g && p !== null && p.markerAt === p.restCount && x === p.restCount - 1, C = p && /* @__PURE__ */ d(iI, { shift: p, at: w ? x : p.restCount - 1 });
   return (
     /* A FRAGMENT, so the marker is a DIRECT CHILD of the container. Wrapping the
@@ -42807,14 +42842,14 @@ function kU({
 const RU = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function oI({ label: e, className: t, children: n }) {
   const { instructionsId: r, census: o } = Nd("DragDropSurface"), { axis: s } = Id("DragDropSurface"), { id: i, setHandleRef: a, label: l } = eI("DragDropSurface"), c = JN();
-  $e(() => c ? void 0 : o.source(i), [o, i, c]);
+  Ve(() => c ? void 0 : o.source(i), [o, i, c]);
   const u = Ss({ axis: s }), [p, f] = fe(null), [h, m] = fe(!1), g = Ne(
     (b) => {
       f(b), a(b);
     },
     [a]
   );
-  return $e(() => {
+  return Ve(() => {
     if (!p || c) return;
     const b = p.querySelector(RU);
     if (m(b === null), !b) return;
@@ -42845,7 +42880,7 @@ function oI({ label: e, className: t, children: n }) {
 }
 function sI({ label: e, className: t, children: n }) {
   const { instructionsId: r, census: o } = Nd("DragDropHandle"), { axis: s } = Id("DragDropHandle"), { id: i, setHandleRef: a, label: l } = eI("DragDropHandle"), c = JN();
-  $e(() => c ? void 0 : o.source(i), [o, i, c]);
+  Ve(() => c ? void 0 : o.source(i), [o, i, c]);
   const u = Ss({ axis: s }), p = n ?? /* @__PURE__ */ d(de, { name: "grip-vertical", size: "sm" });
   return c ? /* @__PURE__ */ d("span", { "aria-hidden": "true", className: U(u.handle(), t), children: p }) : /* @__PURE__ */ d(
     "span",
@@ -43686,7 +43721,7 @@ function jK({ id: e, index: t, label: n, className: r, children: o }) {
   const { columnId: s } = $U("BoardCard"), i = ye(!1), a = Ne(() => (i.current = !0, () => {
     i.current = !1;
   }), []);
-  $e(() => {
+  Ve(() => {
     i.current || console.warn(
       `[danxbot] board: card "${String(e)}" rendered without placing the move control it was handed. Every drag outcome must stay reachable by pointer alone without dragging (WCAG 2.2 SC 2.5.7) — a keyboard path does not satisfy it. Render the node \`BoardCard\` passes to its children function.`
     );
@@ -43699,7 +43734,7 @@ function jK({ id: e, index: t, label: n, className: r, children: o }) {
 }
 function HU({ columnId: e }) {
   const t = VU("BoardCardHandle"), n = LU("BoardCardHandle"), r = AU(), [o, s] = fe(!1), i = Nb(), { registerHandle: a } = n;
-  $e(() => a(), [a]);
+  Ve(() => a(), [a]);
   const c = t.columns.find((g) => g.id === e)?.count ?? 0, u = t.columns.filter((g) => g.id !== e);
   function p(g) {
     s(!1), t.requestMove({
@@ -44842,7 +44877,7 @@ function sj({
   return Gn(() => {
     const h = i.current;
     h && (h.scrollTop = h.scrollHeight);
-  }, []), $e(() => {
+  }, []), Ve(() => {
     const h = a.current;
     if (!h || typeof ResizeObserver > "u") return;
     const m = new ResizeObserver(() => {
@@ -44914,7 +44949,7 @@ function ij({
   className: l
 }) {
   const [c, u] = fe(!1), [p, f] = fe(!1), h = e.filter((b) => !b.secondary), m = e.filter((b) => b.secondary), g = e.find((b) => b.id === t);
-  return $e(() => {
+  return Ve(() => {
     if (!c || !o) return;
     const b = (x) => {
       if (x.metaKey || x.ctrlKey || x.altKey) return;
@@ -44922,7 +44957,7 @@ function ij({
       !Number.isInteger(w) || w < 0 || !v || v.disabled || (x.preventDefault(), n(v.id), u(!1));
     };
     return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
-  }, [c, o, h, n]), $e(() => {
+  }, [c, o, h, n]), Ve(() => {
     c || f(!1);
   }, [c]), /* @__PURE__ */ P(
     Ka,
@@ -45696,7 +45731,7 @@ function nq({
     Rj(b, e, o, s),
     { month: e, weekStartsOn: r, onMonthChange: l }
   ), v = ye(/* @__PURE__ */ new Map()), C = ye(!1);
-  $e(() => {
+  Ve(() => {
     C.current && v.current.get(Vn(w.focusedDay))?.focus();
   }, [w.focusedDay]);
   const E = De(
@@ -45963,7 +45998,7 @@ function Pj(e, t = {}) {
 }
 function Oj(e = {}) {
   const { resolutionMs: t = 6e4, enabled: n = !0, fixed: r } = e, [o, s] = fe(() => r ?? Date.now());
-  return $e(() => {
+  return Ve(() => {
     if (r !== void 0) {
       s(r);
       return;
@@ -46050,11 +46085,11 @@ function Dj(e) {
   const x = ye({ columns: [], origin: null, anchor: null, last: null, spoken: null, point: null }), w = Ne(() => {
     x.current.columns = b.current.measure();
   }, []);
-  $e(() => {
+  Ve(() => {
     if (!u && !f) return;
     const A = () => w();
     return window.addEventListener("scroll", A, { capture: !0, passive: !0 }), () => window.removeEventListener("scroll", A, { capture: !0 });
-  }, [u, f, w]), $e(() => {
+  }, [u, f, w]), Ve(() => {
     if (!u && !f) return;
     const A = (D) => {
       D.key === "Escape" && (D.preventDefault(), x.current.origin = null, x.current.anchor = null, x.current.last = null, p(null), h(null), g(!1), b.current.onAnnounce?.("Move cancelled"));
@@ -46493,7 +46528,7 @@ function rq({
     const $ = e[0], H = un(t, $) + a * 36e5;
     return Math.max(0, Math.min(1, Ca(t, $, H))) * T;
   }, [_, t, a, T]);
-  $e(() => {
+  Ve(() => {
     const $ = S.current;
     !$ || V === null || ($.scrollTop = V);
   }, [V]);
@@ -46528,7 +46563,7 @@ function rq({
     },
     locale: x
   });
-  $e(() => {
+  Ve(() => {
     if (!(!F.draft && !F.creating || !S.current))
       return Eb({ getPoint: F.getPoint, onScrolled: F.onScrolled });
   }, [F.draft, F.creating, F.getPoint, F.onScrolled]);
@@ -47266,7 +47301,7 @@ function rG({
   className: l
 }) {
   const [c, u] = fe(o), [p, f] = fe(s), [h, m] = fe(zi);
-  $e(() => {
+  Ve(() => {
     t && (u(o), f(s), m(zi));
   }, [t]);
   const g = c.trim().length > 0 && !i;
@@ -48188,7 +48223,7 @@ function vq({
   className: i
 }) {
   const [a, l] = fe([]), [c, u] = fe(""), [p, f] = fe(n[0]?.id ?? ""), [h, m] = fe(void 0);
-  $e(() => {
+  Ve(() => {
     e && (l([]), u(""), m(void 0), f(n[0]?.id ?? ""));
   }, [e]);
   function g() {
@@ -51781,7 +51816,7 @@ function vW(e) {
   ), w = Ne(() => {
     m.current.drag = null, m.current.point = null, c(null);
   }, []);
-  $e(() => {
+  Ve(() => {
     if (!l) return;
     const N = (M) => {
       if (M.key !== "Escape") return;
@@ -51792,13 +51827,13 @@ function vW(e) {
       }), w());
     };
     return window.addEventListener("keydown", N), () => window.removeEventListener("keydown", N);
-  }, [l, w]), $e(() => {
+  }, [l, w]), Ve(() => {
     if (!l && !u) return;
     const N = () => g();
     return window.addEventListener("scroll", N, { capture: !0, passive: !0 }), window.addEventListener("resize", N), () => {
       window.removeEventListener("scroll", N, { capture: !0 }), window.removeEventListener("resize", N);
     };
-  }, [l, u, g]), $e(() => {
+  }, [l, u, g]), Ve(() => {
     if (l)
       return Eb({
         getPoint: () => m.current.point,
@@ -51932,7 +51967,7 @@ function $q({
     () => S ? { cycleMemberIds: S } : C,
     [S, C]
   ), [N, M] = fe(null), [I, T] = fe("canvas"), A = ye(!1);
-  $e(() => {
+  Ve(() => {
     A.current || (A.current = !0, typeof window < "u" && window.matchMedia("(max-width: 640px)").matches && T("list"));
   }, []);
   const D = ye(e.nodes), _ = ye(e.edges);
@@ -51977,7 +52012,7 @@ function $q({
     onNodeDragEnd: m,
     disabled: g
   }), { clearOffsets: G } = H, Y = `${C ?? ""}:${S?.join(",") ?? ""}:${i}`, K = ye(Y);
-  $e(() => {
+  Ve(() => {
     K.current !== Y && (K.current = Y, G());
   }, [Y, G]);
   const X = Ne(
@@ -52063,7 +52098,7 @@ function $q({
     },
     [ie]
   );
-  $e(() => {
+  Ve(() => {
     const Q = ae.current;
     !Q || V.nodes.length === 0 || (Q.scrollLeft = Math.max(0, B.width / 2 - Q.clientWidth / 2), Q.scrollTop = Math.max(0, B.height / 2 - Q.clientHeight / 2));
   }, [C, S, B.width, B.height]);
@@ -52478,7 +52513,7 @@ function FW(e) {
     const L = v.current;
     L.width === 0 || L.height === 0 || k(dM(S.current.contentBox, L, S.current.fitBounds));
   }, [k]), I = ye(!1), [T, A] = fe(PW);
-  $e(() => {
+  Ve(() => {
     if (!C) return;
     const L = v.current, $ = S.current.frameBox ?? S.current.contentBox, H = { ...S.current.fitBounds, padding: S.current.framePadding ?? Or.fitPadding }, { camera: G, overflow: Y } = SW($, L, {
       ...H,
@@ -52580,7 +52615,7 @@ function FW(e) {
     },
     [N, B]
   );
-  return $e(
+  return Ve(
     () => () => {
       R.current !== null && window.clearTimeout(R.current);
     },
@@ -52627,7 +52662,7 @@ function Yw({
       pe.observe(se), S.current.set(q, pe);
     }, R.current.set(q, J), J);
   }, []);
-  $e(() => {
+  Ve(() => {
     const q = S.current;
     return () => {
       for (const J of q.values()) J.disconnect();
@@ -53876,7 +53911,7 @@ function A7(e, t, n) {
     () => r === null ? rl : Dd(r, o),
     [r, o]
   ), a = Vr(s, i, E7);
-  return $e(() => r === null ? void 0 : Gb([r]), [r]), a;
+  return Ve(() => r === null ? void 0 : Gb([r]), [r]), a;
 }
 function Wq(e, t, n) {
   const r = n.needs, o = De(() => t.map((f) => co(e.type, f)), [e.type, t.join("\0")]), s = o.join("\0"), i = Ne(
@@ -53892,7 +53927,7 @@ function Wq(e, t, n) {
     const m = Object.freeze(f);
     return a.current = { signature: s, needs: r, states: m }, m;
   }, [s, r]), c = De(() => Object.freeze(o.map(() => rl)), [s]), u = Ne(() => c, [c]), p = Vr(i, l, u);
-  return $e(() => Gb(o), [s]), p;
+  return Ve(() => Gb(o), [s]), p;
 }
 function Kq() {
   return Vr(CM, jb, M7);
@@ -54364,7 +54399,7 @@ function Yq({
   ...o
 }) {
   const [s] = fe(() => new U7({ transport: e, tenant: t, ...o })), i = ye(t);
-  return $e(() => (s.start(), () => s.stop()), [s]), $e(() => {
+  return Ve(() => (s.start(), () => s.stop()), [s]), Ve(() => {
     i.current !== t && (i.current = t, s.setTenant(t)), n && p7(t);
   }, [s, t, n]), /* @__PURE__ */ d(SM.Provider, { value: s, children: r });
 }
@@ -54373,7 +54408,7 @@ function kM() {
 }
 function Xq(e, t, n) {
   const r = kM(), o = Kb(Fd(t)), s = [...n].sort().join(","), i = ye({ scope: t, events: n });
-  i.current = { scope: t, events: n }, $e(() => {
+  i.current = { scope: t, events: n }, Ve(() => {
     if (r)
       return r.acquire(e.type, i.current.scope, i.current.events);
   }, [r, e.type, o, s]);
@@ -54668,11 +54703,11 @@ function tY(e, t, n) {
   const f = ye(o);
   f.current = o;
   const h = ye(!0);
-  $e(() => (h.current = !0, () => {
+  Ve(() => (h.current = !0, () => {
     h.current = !1;
   }), []);
   const m = ye(null);
-  $e(() => {
+  Ve(() => {
     if (a === null || !s) {
       m.current = null;
       return;
@@ -54714,14 +54749,14 @@ function nY(e, t) {
   const g = ye(o);
   g.current = o;
   const b = ye(!0);
-  $e(() => (b.current = !0, () => {
+  Ve(() => (b.current = !0, () => {
     b.current = !1;
-  }), []), $e(
+  }), []), Ve(
     () => J7(n, { type: e.type, tag: r, createdScope: u.current }),
     [n, e.type, r, c]
   );
   const x = Ne((S) => l8(n, S), [n]), w = Ne(() => u8(n), [n]), v = Vr(x, w, X7), C = ye(null);
-  $e(() => {
+  Ve(() => {
     if (!s) {
       C.current = null;
       return;
@@ -54767,7 +54802,7 @@ function rY(e, t) {
   });
 }
 function oY(e = 6e4) {
-  $e(() => {
+  Ve(() => {
     const t = setInterval(() => O7(), e);
     return () => clearInterval(t);
   }, [e]);