@danxbot/ui 3.3.1 → 3.4.1

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as p, jsxs as M, Fragment as dt } from "react/jsx-runtime";
 import * as b from "react";
-import zl, { createElement as zh, useState as Pe, useRef as Je, useLayoutEffect as Bl, useId as Dn, Component as sR, useMemo as st, useEffect as at, useCallback as Xe, Children as iR, isValidElement as aR, Fragment as ey, useSyncExternalStore as Hl, useContext as no, createContext as ro, memo as Gl } from "react";
+import zl, { createElement as zh, useState as Pe, useRef as Qe, useLayoutEffect as Bl, useId as Dn, Component as sR, useMemo as st, useEffect as at, useCallback as Xe, Children as iR, isValidElement as aR, Fragment as ey, useSyncExternalStore as Hl, useContext as no, createContext as ro, memo as Gl } from "react";
 import * as gn from "react-dom";
 import { createPortal as lR } from "react-dom";
 const cR = {
@@ -518,7 +518,7 @@ const fR = (e, t) => {
     c,
     ze,
     _e
-  ], L = () => ["", ct, Ls, po], W = () => ["solid", "dashed", "dotted", "double"], Y = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => [ct, cu, jh, Wh], ee = () => [
+  ], L = () => ["", ct, Ls, po], W = () => ["solid", "dashed", "dotted", "double"], Y = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], q = () => [ct, cu, jh, Wh], ee = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -2160,10 +2160,10 @@ const fR = (e, t) => {
         "mask-linear": [ct]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": K()
+        "mask-linear-from": q()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": K()
+        "mask-linear-to": q()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": P()
@@ -2172,10 +2172,10 @@ const fR = (e, t) => {
         "mask-linear-to": P()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": K()
+        "mask-t-from": q()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": K()
+        "mask-t-to": q()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": P()
@@ -2184,10 +2184,10 @@ const fR = (e, t) => {
         "mask-t-to": P()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": K()
+        "mask-r-from": q()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": K()
+        "mask-r-to": q()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": P()
@@ -2196,10 +2196,10 @@ const fR = (e, t) => {
         "mask-r-to": P()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": K()
+        "mask-b-from": q()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": K()
+        "mask-b-to": q()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": P()
@@ -2208,10 +2208,10 @@ const fR = (e, t) => {
         "mask-b-to": P()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": K()
+        "mask-l-from": q()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": K()
+        "mask-l-to": q()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": P()
@@ -2220,10 +2220,10 @@ const fR = (e, t) => {
         "mask-l-to": P()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": K()
+        "mask-x-from": q()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": K()
+        "mask-x-to": q()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": P()
@@ -2232,10 +2232,10 @@ const fR = (e, t) => {
         "mask-x-to": P()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": K()
+        "mask-y-from": q()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": K()
+        "mask-y-to": q()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": P()
@@ -2247,10 +2247,10 @@ const fR = (e, t) => {
         "mask-radial": [ze, _e]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": K()
+        "mask-radial-from": q()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": K()
+        "mask-radial-to": q()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": P()
@@ -2274,10 +2274,10 @@ const fR = (e, t) => {
         "mask-conic": [ct]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": K()
+        "mask-conic-from": q()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": K()
+        "mask-conic-to": q()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": P()
@@ -3169,7 +3169,7 @@ const fR = (e, t) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, nN = /* @__PURE__ */ AR(tN);
-function q(...e) {
+function K(...e) {
   return nN(dR(e));
 }
 const rN = {
@@ -3206,7 +3206,7 @@ function xe({
       strokeWidth: oN[n],
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: q("dx-icon shrink-0", o),
+      className: K("dx-icon shrink-0", o),
       style: { "--dx-icon-size": rN[n], ...s },
       ...r ? { role: "img", "aria-label": r } : { "aria-hidden": !0, focusable: !1 },
       ...a,
@@ -4426,7 +4426,7 @@ var mn = DN(), VN = (e) => {
     "saturation",
     "color",
     "luminosity"
-  ], K = () => [ut, du, rg, ng], ee = () => [
+  ], q = () => [ut, du, rg, ng], ee = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -5801,37 +5801,37 @@ var mn = DN(), VN = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{ "mask-linear": [ut] }],
-      "mask-image-linear-from-pos": [{ "mask-linear-from": K() }],
-      "mask-image-linear-to-pos": [{ "mask-linear-to": K() }],
+      "mask-image-linear-from-pos": [{ "mask-linear-from": q() }],
+      "mask-image-linear-to-pos": [{ "mask-linear-to": q() }],
       "mask-image-linear-from-color": [{ "mask-linear-from": P() }],
       "mask-image-linear-to-color": [{ "mask-linear-to": P() }],
-      "mask-image-t-from-pos": [{ "mask-t-from": K() }],
-      "mask-image-t-to-pos": [{ "mask-t-to": K() }],
+      "mask-image-t-from-pos": [{ "mask-t-from": q() }],
+      "mask-image-t-to-pos": [{ "mask-t-to": q() }],
       "mask-image-t-from-color": [{ "mask-t-from": P() }],
       "mask-image-t-to-color": [{ "mask-t-to": P() }],
-      "mask-image-r-from-pos": [{ "mask-r-from": K() }],
-      "mask-image-r-to-pos": [{ "mask-r-to": K() }],
+      "mask-image-r-from-pos": [{ "mask-r-from": q() }],
+      "mask-image-r-to-pos": [{ "mask-r-to": q() }],
       "mask-image-r-from-color": [{ "mask-r-from": P() }],
       "mask-image-r-to-color": [{ "mask-r-to": P() }],
-      "mask-image-b-from-pos": [{ "mask-b-from": K() }],
-      "mask-image-b-to-pos": [{ "mask-b-to": K() }],
+      "mask-image-b-from-pos": [{ "mask-b-from": q() }],
+      "mask-image-b-to-pos": [{ "mask-b-to": q() }],
       "mask-image-b-from-color": [{ "mask-b-from": P() }],
       "mask-image-b-to-color": [{ "mask-b-to": P() }],
-      "mask-image-l-from-pos": [{ "mask-l-from": K() }],
-      "mask-image-l-to-pos": [{ "mask-l-to": K() }],
+      "mask-image-l-from-pos": [{ "mask-l-from": q() }],
+      "mask-image-l-to-pos": [{ "mask-l-to": q() }],
       "mask-image-l-from-color": [{ "mask-l-from": P() }],
       "mask-image-l-to-color": [{ "mask-l-to": P() }],
-      "mask-image-x-from-pos": [{ "mask-x-from": K() }],
-      "mask-image-x-to-pos": [{ "mask-x-to": K() }],
+      "mask-image-x-from-pos": [{ "mask-x-from": q() }],
+      "mask-image-x-to-pos": [{ "mask-x-to": q() }],
       "mask-image-x-from-color": [{ "mask-x-from": P() }],
       "mask-image-x-to-color": [{ "mask-x-to": P() }],
-      "mask-image-y-from-pos": [{ "mask-y-from": K() }],
-      "mask-image-y-to-pos": [{ "mask-y-to": K() }],
+      "mask-image-y-from-pos": [{ "mask-y-from": q() }],
+      "mask-image-y-to-pos": [{ "mask-y-to": q() }],
       "mask-image-y-from-color": [{ "mask-y-from": P() }],
       "mask-image-y-to-color": [{ "mask-y-to": P() }],
       "mask-image-radial": [{ "mask-radial": [Be, Fe] }],
-      "mask-image-radial-from-pos": [{ "mask-radial-from": K() }],
-      "mask-image-radial-to-pos": [{ "mask-radial-to": K() }],
+      "mask-image-radial-from-pos": [{ "mask-radial-from": q() }],
+      "mask-image-radial-to-pos": [{ "mask-radial-to": q() }],
       "mask-image-radial-from-color": [{ "mask-radial-from": P() }],
       "mask-image-radial-to-color": [{ "mask-radial-to": P() }],
       "mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
@@ -5840,8 +5840,8 @@ var mn = DN(), VN = (e) => {
       ],
       "mask-image-radial-pos": [{ "mask-radial-at": C() }],
       "mask-image-conic-pos": [{ "mask-conic": [ut] }],
-      "mask-image-conic-from-pos": [{ "mask-conic-from": K() }],
-      "mask-image-conic-to-pos": [{ "mask-conic-to": K() }],
+      "mask-image-conic-from-pos": [{ "mask-conic-from": q() }],
+      "mask-image-conic-to-pos": [{ "mask-conic-to": q() }],
       "mask-image-conic-from-color": [{ "mask-conic-from": P() }],
       "mask-image-conic-to-color": [{ "mask-conic-to": P() }],
       /**
@@ -6762,7 +6762,7 @@ function Wl({ size: e = "md", label: t, className: n, style: r, ref: o, ...s })
       ref: o,
       viewBox: "0 0 24 24",
       fill: "none",
-      className: q("dx-icon shrink-0 animate-spin", n),
+      className: K("dx-icon shrink-0 animate-spin", n),
       style: { "--dx-icon-size": lI[e], ...r },
       ...t ? { role: "status", "aria-label": t } : { "aria-hidden": !0 },
       ...s,
@@ -6910,7 +6910,7 @@ function Vt({
   "aria-disabled": f,
   ...h
 }) {
-  const [g, x] = Pe([]), y = Je(0), w = i || c || f === !0 || f === "true";
+  const [g, x] = Pe([]), y = Qe(0), w = i || c || f === !0 || f === "true";
   function v(C) {
     if (m?.(C), t === "link" || w) return;
     const S = C.currentTarget.getBoundingClientRect(), R = Math.max(C.clientX - S.left, S.right - C.clientX), N = Math.max(C.clientY - S.top, S.bottom - C.clientY), E = 2 * Math.hypot(R, N), I = {
@@ -6926,7 +6926,7 @@ function Vt({
     ref: d,
     defaultTagName: "button",
     props: {
-      className: q(cI({ variant: t, size: n, iconOnly: r, fullWidth: o }), e),
+      className: K(cI({ variant: t, size: n, iconOnly: r, fullWidth: o }), e),
       disabled: c ?? i,
       "aria-disabled": f,
       "data-loading": i || void 0,
@@ -6952,7 +6952,7 @@ function Vt({
         /* @__PURE__ */ M(
           "span",
           {
-            className: q(
+            className: K(
               "inline-flex items-center gap-[inherit] transition-[var(--tx-colors),opacity] duration-(--dur-fast)",
               i && "opacity-0"
             ),
@@ -8325,16 +8325,16 @@ function Pi(e) {
   } = e, g = "rootStore" in t ? t.rootStore : t, x = g.useState("open"), y = g.useState("domReferenceElement"), w = g.useState("floatingElement"), {
     events: v,
     dataRef: C
-  } = g.context, S = de(() => C.current.floatingContext?.nodeId), R = o === !1, N = wd(y) && R, E = kt(o), I = kt(s), k = kt(c), T = kt(x), A = co(f), V = hv(), D = b.useRef(!1), _ = b.useRef(!1), F = b.useRef(!1), z = b.useRef(null), O = b.useRef(""), G = b.useRef(""), P = b.useRef(null), H = b.useRef(null), $ = ln(P, d, V?.beforeInsideRef), U = ln(H, V?.afterInsideRef), j = wt(), B = wt(), L = Oo(), W = V != null, Y = cl(w), K = de((Z = Y) => Z ? Mi(Z) : []), ee = de(() => h?.().filter((Z) => Z != null) ?? []);
+  } = g.context, S = de(() => C.current.floatingContext?.nodeId), R = o === !1, N = wd(y) && R, E = kt(o), I = kt(s), k = kt(c), T = kt(x), A = co(f), V = hv(), D = b.useRef(!1), _ = b.useRef(!1), F = b.useRef(!1), z = b.useRef(null), O = b.useRef(""), G = b.useRef(""), P = b.useRef(null), H = b.useRef(null), $ = ln(P, d, V?.beforeInsideRef), U = ln(H, V?.afterInsideRef), j = wt(), B = wt(), L = Oo(), W = V != null, Y = cl(w), q = de((Z = Y) => Z ? Mi(Z) : []), ee = de(() => h?.().filter((Z) => Z != null) ?? []);
   b.useEffect(() => {
     if (r || !a)
       return;
     function Z(J) {
-      J.key === "Tab" && ke(Y, Pt(je(Y))) && K().length === 0 && !N && vt(J);
+      J.key === "Tab" && ke(Y, Pt(je(Y))) && q().length === 0 && !N && vt(J);
     }
     const ne = je(Y);
     return Ye(ne, "keydown", Z);
-  }, [r, Y, a, N, K]), b.useEffect(() => {
+  }, [r, Y, a, N, q]), b.useEffect(() => {
     if (r || !x)
       return;
     const Z = je(Y);
@@ -8383,7 +8383,7 @@ function Pi(e) {
             });
             return;
           }
-          const ie = K(), ae = z.current, ye = (ae && ie.includes(ae) ? ae : null) || ie[ie.length - 1] || Y;
+          const ie = q(), ae = z.current, ye = (ae && ie.includes(ae) ? ae : null) || ie[ie.length - 1] || Y;
           gt(ye) && ye.focus();
         }
         if (C.current.insideReactTree) {
@@ -8408,7 +8408,7 @@ function Pi(e) {
     const pe = gt(y) ? y : null;
     if (!(!w && !pe))
       return Gn(pe && Ye(pe, "focusout", ce), pe && Ye(pe, "pointerdown", ne), w && Ye(w, "focusin", J), w && Ye(w, "focusout", ce), w && V && Ye(w, "focusout", me, !0));
-  }, [r, y, w, Y, a, A, V, g, l, i, K, N, S, C, j, B, L, u, m, ee]), b.useEffect(() => {
+  }, [r, y, w, Y, a, A, V, g, l, i, q, N, S, C, j, B, L, u, m, ee]), b.useEffect(() => {
     if (r || !w || !x)
       return;
     const Z = Array.from(V?.portalNode?.querySelectorAll(`[${pi("portal")}]`) || []), J = (A ? bg(A.nodesRef.current, S()) : []).find((le) => wd(le.context?.elements.domReference || null))?.context?.elements.domReference, me = [...[w, ...Z, P.current, H.current, V?.beforeOutsideRef.current, V?.afterOutsideRef.current, ...ee()], J, wr(m), wr(u), N ? y : null].filter((le) => le != null), pe = Cg(me, {
@@ -8428,7 +8428,7 @@ function Pi(e) {
       if (ce === void 0 || ce === !1 || ke(Y, ne))
         return;
       let pe = null;
-      const se = () => (pe == null && (pe = K(Y)), pe[0] || Y);
+      const se = () => (pe == null && (pe = q(Y)), pe[0] || Y);
       let oe;
       ce === !0 || ce === null ? oe = se() : oe = wr(ce), oe = oe || se();
       const le = ke(Y, Pt(Z));
@@ -8444,7 +8444,7 @@ function Pi(e) {
         }
       });
     });
-  }, [r, x, Y, K, E, k, T]), ge(() => {
+  }, [r, x, Y, q, E, k, T]), ge(() => {
     if (r || !Y)
       return;
     const Z = je(Y), ne = Pt(Z), J = k.current == null;
@@ -8521,7 +8521,7 @@ function Pi(e) {
       ref: $,
       onFocus: (Z) => {
         if (a) {
-          const ne = K();
+          const ne = q();
           Za(ne[ne.length - 1]);
         } else V?.portalNode && (D.current = !1, ss(Z, V.portalNode) ? Ff(y)?.focus() : wr(m ?? V.beforeOutsideRef)?.focus());
       }
@@ -8529,7 +8529,7 @@ function Pi(e) {
       "data-type": "inside",
       ref: U,
       onFocus: (Z) => {
-        a ? Za(K()[0]) : V?.portalNode && (l && (D.current = !0), ss(Z, V.portalNode) ? dv(y)?.focus() : wr(u ?? V.afterOutsideRef)?.focus());
+        a ? Za(q()[0]) : V?.portalNode && (l && (D.current = !0), ss(Z, V.portalNode) ? dv(y)?.focus() : wr(u ?? V.afterOutsideRef)?.focus());
       }
     })]
   });
@@ -8753,7 +8753,7 @@ function Ns(e, t = {}) {
       const X = E.current, re = X === "pen" || !X ? "mouse" : X, he = y(), ie = typeof he == "function" ? he() : he;
       return typeof ie == "string" ? ie : ie[re];
     }
-    function K(X) {
+    function q(X) {
       const re = Y();
       return re === "intentional" && X.type !== "click" || re === "sloppy" && X.type === "click";
     }
@@ -8762,7 +8762,7 @@ function Ns(e, t = {}) {
       return D(X) || he;
     }
     function te(X) {
-      if (K(X)) {
+      if (q(X)) {
         X.type !== "click" && !D(X) && (U.clear(), R.current = !1), A();
         return;
       }
@@ -11302,7 +11302,7 @@ function rp(e, t = {}) {
           }
       }
       it(L) && it(W) && !g.context.triggerElements.hasElement(L) && ke(L, W) && (Y = W);
-      const K = Y == null ? !1 : V(W, Y, B), ee = g.select("open"), te = k.current?.() ?? g.select("transitionStatus") === "ending", Z = !ee && te && C.current, ne = !K && it(Y) && it(W) && ke(W, Y) && Z, J = U > 0 && !j, ce = K && (ee || Z) || ne, me = !ee || K;
+      const q = Y == null ? !1 : V(W, Y, B), ee = g.select("open"), te = k.current?.() ?? g.select("transitionStatus") === "ending", Z = !ee && te && C.current, ne = !q && it(Y) && it(W) && ke(W, Y) && Z, J = U > 0 && !j, ce = q && (ee || Z) || ne, me = !ee || q;
       if (ce) {
         A() && g.setOpen(!0, we(Lt, $, Y));
         return;
@@ -11442,7 +11442,7 @@ function op(e, t) {
   process.env.NODE_ENV !== "production" && (a && (l || console.warn("`useListNavigation` looping must be enabled to allow escaping."), m || console.warn("`useListNavigation` must be virtual to allow escaping.")), x === "vertical" && R && console.warn("In grid list navigation mode, the `orientation` should", 'be either "horizontal" or "both".'));
   const N = "rootStore" in e ? e.rootStore : e, E = N.useState("open"), I = N.useState("floatingElement"), k = N.useState("domReferenceElement"), T = N.context.dataRef, A = cl(I), V = wd(k), D = kt(A), _ = lo(), F = co(C), z = b.useRef(d), O = b.useRef(i ?? -1), G = b.useRef(null), P = b.useRef(!0), H = de((X) => {
     o(O.current === -1 ? null : O.current, X);
-  }), $ = b.useRef(!!I), U = b.useRef(E), j = b.useRef(!1), B = b.useRef(!1), L = b.useRef(null), W = kt(g), Y = kt(E), K = kt(i), ee = kt(v), te = Oo(), Z = Oo(), ne = de(() => {
+  }), $ = b.useRef(!!I), U = b.useRef(E), j = b.useRef(!1), B = b.useRef(!1), L = b.useRef(null), W = kt(g), Y = kt(E), q = kt(i), ee = kt(v), te = Oo(), Z = Oo(), ne = de(() => {
     function X(ae) {
       m ? F?.events.emit("virtualfocus", ae) : L.current = Za(ae, {
         sync: j.current,
@@ -11473,7 +11473,7 @@ function op(e, t) {
       }
       if (I)
         if (r == null) {
-          if (j.current = !1, K.current != null)
+          if (j.current = !1, q.current != null)
             return;
           if ($.current && (O.current = -1, ne()), (!U.current || !$.current) && z.current && (G.current != null || z.current === !0 && G.current == null)) {
             let X = 0;
@@ -11484,7 +11484,7 @@ function op(e, t) {
           }
         } else Yr(n.current, r) || (O.current = r, ne(), B.current = !1);
     }
-  }, [s, E, I, r, K, c, n, x, u, H, ne, Z]), ge(() => {
+  }, [s, E, I, r, q, c, n, x, u, H, ne, Z]), ge(() => {
     if (!s || I || !F || m || !$.current)
       return;
     const X = F.nodesRef.current, re = X.find((ae) => ae.id === _)?.context?.elements.floating, he = Pt(je(k ?? re ?? null)), ie = X.some((ae) => ae.context && ke(ae.context.elements.floating, he));
@@ -11604,7 +11604,7 @@ function op(e, t) {
             Ee && (vt(ie), ae ? (O.current = pe(), H(ie)) : X(ie));
             return;
           }
-          $e && (K.current != null && (O.current = K.current), vt(ie), !ae && h ? X(ie) : se(ie), ae && H(ie));
+          $e && (q.current != null && (O.current = q.current), vt(ie), !ae && h ? X(ie) : se(ie), ae && H(ie));
         }
       },
       onFocus(ie) {
@@ -11615,7 +11615,7 @@ function op(e, t) {
       onMouseDown: re,
       onClick: re
     };
-  }, [se, d, pe, c, H, N, h, x, me, u, K, m]), Q = b.useMemo(() => ({
+  }, [se, d, pe, c, H, N, h, x, me, u, q, m]), Q = b.useMemo(() => ({
     ...le,
     ...be
   }), [le, be]);
@@ -11781,23 +11781,23 @@ function ip(e = {}) {
       let B = !1;
       switch (m) {
         case "top": {
-          const L = O ? Nt / 2 : Nt * 4, W = O || F ? o + L : o - L, Y = O ? o - L : F ? o + L : o - L, K = s + Nt + 1, ee = F || O ? _.bottom - Nt : _.top, te = F ? O ? _.bottom - Nt : _.top : _.bottom - Nt;
-          B = wa(R, N, W, K, Y, K, _.left, ee, _.right, te);
+          const L = O ? Nt / 2 : Nt * 4, W = O || F ? o + L : o - L, Y = O ? o - L : F ? o + L : o - L, q = s + Nt + 1, ee = F || O ? _.bottom - Nt : _.top, te = F ? O ? _.bottom - Nt : _.top : _.bottom - Nt;
+          B = wa(R, N, W, q, Y, q, _.left, ee, _.right, te);
           break;
         }
         case "bottom": {
-          const L = O ? Nt / 2 : Nt * 4, W = O || F ? o + L : o - L, Y = O ? o - L : F ? o + L : o - L, K = s - Nt, ee = F || O ? _.top + Nt : _.bottom, te = F ? O ? _.top + Nt : _.bottom : _.top + Nt;
-          B = wa(R, N, W, K, Y, K, _.left, ee, _.right, te);
+          const L = O ? Nt / 2 : Nt * 4, W = O || F ? o + L : o - L, Y = O ? o - L : F ? o + L : o - L, q = s - Nt, ee = F || O ? _.top + Nt : _.bottom, te = F ? O ? _.top + Nt : _.bottom : _.top + Nt;
+          B = wa(R, N, W, q, Y, q, _.left, ee, _.right, te);
           break;
         }
         case "left": {
-          const L = G ? Nt / 2 : Nt * 4, W = G || z ? s + L : s - L, Y = G ? s - L : z ? s + L : s - L, K = o + Nt + 1, ee = z || G ? _.right - Nt : _.left, te = z ? G ? _.right - Nt : _.left : _.right - Nt;
-          B = wa(R, N, ee, _.top, te, _.bottom, K, W, K, Y);
+          const L = G ? Nt / 2 : Nt * 4, W = G || z ? s + L : s - L, Y = G ? s - L : z ? s + L : s - L, q = o + Nt + 1, ee = z || G ? _.right - Nt : _.left, te = z ? G ? _.right - Nt : _.left : _.right - Nt;
+          B = wa(R, N, ee, _.top, te, _.bottom, q, W, q, Y);
           break;
         }
         case "right": {
-          const L = G ? Nt / 2 : Nt * 4, W = G || z ? s + L : s - L, Y = G ? s - L : z ? s + L : s - L, K = o - Nt, ee = z || G ? _.left + Nt : _.right, te = z ? G ? _.left + Nt : _.right : _.left + Nt;
-          B = wa(R, N, K, W, K, Y, ee, _.top, te, _.bottom);
+          const L = G ? Nt / 2 : Nt * 4, W = G || z ? s + L : s - L, Y = G ? s - L : z ? s + L : s - L, q = o - Nt, ee = z || G ? _.left + Nt : _.right, te = z ? G ? _.left + Nt : _.right : _.left + Nt;
+          B = wa(R, N, q, W, q, Y, ee, _.top, te, _.bottom);
           break;
         }
       }
@@ -12509,7 +12509,7 @@ function tP(e, t) {
     bottom: U.bottom || 0,
     left: U.left || 0
   });
-  const j = 1, B = o === "bottom" ? j : 0, L = o === "top" ? j : 0, W = o === "right" ? j : 0, Y = o === "left" ? j : 0, K = {
+  const j = 1, B = o === "bottom" ? j : 0, L = o === "top" ? j : 0, W = o === "right" ? j : 0, Y = o === "left" ? j : 0, q = {
     boundary: l === "clipping-ancestors" ? "clippingAncestors" : l,
     padding: U
   }, ee = b.useRef(null), te = kt(s), Z = kt(a), ne = typeof s != "function" ? s : 0, J = typeof a != "function" ? a : 0, ce = [];
@@ -12522,7 +12522,7 @@ function tP(e, t) {
     };
   }, [ne, J, P, o]));
   const me = k === "none" && I !== "shift", pe = !me && (u || A || I === "shift"), se = I === "none" ? null : nM({
-    ...K,
+    ...q,
     // Ensure the popup flips if it's been limited by its --available-height and it resizes.
     // Since the size() padding is smaller than the flip() padding, flip() will take precedence.
     padding: {
@@ -12535,7 +12535,7 @@ function tP(e, t) {
     crossAxis: k === "flip" ? "alignment" : !1,
     fallbackAxisSideDirection: T
   }), oe = me ? null : eM({
-    ...K,
+    ...q,
     // Use the Layout Viewport to avoid shifting around when pinch-zooming.
     rootBoundary: V,
     mainAxis: k !== "none",
@@ -12551,9 +12551,9 @@ function tP(e, t) {
         offset: We / 2 + ot / 2
       };
     })
-  }, [K, u, A, V, U, k]);
+  }, [q, u, A, V, U, k]);
   I === "shift" || k === "shift" || i === "center" ? ce.push(oe, se) : ce.push(se, oe), ce.push(rM({
-    ...K,
+    ...q,
     apply({
       elements: {
         floating: Ge
@@ -12668,12 +12668,12 @@ function tP(e, t) {
     position: "absolute",
     top: re.arrow?.y,
     left: re.arrow?.x
-  }), [re.arrow]), Qe = re.arrow?.centerOffset !== 0;
+  }), [re.arrow]), Je = re.arrow?.centerOffset !== 0;
   return b.useMemo(() => ({
     positionerStyles: Re,
     arrowStyles: He,
     arrowRef: ee,
-    arrowUncentered: Qe,
+    arrowUncentered: Je,
     side: De,
     align: Se,
     physicalSide: Le,
@@ -12682,7 +12682,7 @@ function tP(e, t) {
     context: ae,
     isPositioned: ye,
     update: he
-  }), [Re, He, ee, Qe, De, Se, Le, Oe, fe, ae, ye, he]);
+  }), [Re, He, ee, Je, De, Se, Le, Oe, fe, ae, ye, he]);
 }
 function qg(e) {
   return e != null && "current" in e;
@@ -13410,13 +13410,13 @@ const ew = Iv(function(t, n) {
       }, le = U();
       le === 0 ? (H.clear(), oe()) : H.start(le, oe);
     }
-  }, K = x.useState("triggerProps", I);
+  }, q = x.useState("triggerProps", I);
   return ve("button", t, {
     state: {
       open: v
     },
     ref: [n, E, S],
-    props: [L, W, I || O !== "none" ? K : void 0, {
+    props: [L, W, I || O !== "none" ? q : void 0, {
       onMouseOver(ne) {
         Y(ne.nativeEvent);
       },
@@ -13684,9 +13684,9 @@ function Yn({
             ref: i,
             "aria-labelledby": l,
             "aria-label": c,
-            className: q(CP, "max-w-[calc(20rem*var(--ui-scale))] p-4", o),
+            className: K(CP, "max-w-[calc(20rem*var(--ui-scale))] p-4", o),
             children: [
-              r && /* @__PURE__ */ p(Xv, { className: q(aw), children: /* @__PURE__ */ p("span", { className: q(lw) }) }),
+              r && /* @__PURE__ */ p(Xv, { className: K(aw), children: /* @__PURE__ */ p("span", { className: K(lw) }) }),
               s
             ]
           }
@@ -13710,7 +13710,7 @@ function Pn({ content: e, children: t, side: n = "top", className: r, defaultOpe
         children: /* @__PURE__ */ M(
           ow,
           {
-            className: q(
+            className: K(
               /* dx-tooltip is a stable hook for the overlay screenshot pass.
                  Base UI does not put role="tooltip" on the popup — it wires
                  aria-describedby from the trigger instead — so there is no
@@ -13731,7 +13731,7 @@ function Pn({ content: e, children: t, side: n = "top", className: r, defaultOpe
             ),
             children: [
               e,
-              /* @__PURE__ */ p(sw, { className: q(aw), children: /* @__PURE__ */ p("span", { className: q(lw) }) })
+              /* @__PURE__ */ p(sw, { className: K(aw), children: /* @__PURE__ */ p("span", { className: K(lw) }) })
             ]
           }
         )
@@ -13779,7 +13779,7 @@ function Tn({
       "aria-disabled": m || void 0,
       "aria-describedby": m ? d : void 0,
       onClick: f,
-      className: q(
+      className: K(
         /* `shrink-0` is load-bearing, not tidiness. `iconOnly` sizes the box
            with `aspect-square` off a definite height, but a flex item still
            shrinks: in a row with a `flex-1` label beside it this control was
@@ -13852,7 +13852,7 @@ function Ht({
   ref: a,
   ...l
 }) {
-  return /* @__PURE__ */ M("span", { ref: a, className: q(EP({ tone: t, size: n, dot: r }), e), ...l, children: [
+  return /* @__PURE__ */ M("span", { ref: a, className: K(EP({ tone: t, size: n, dot: r }), e), ...l, children: [
     r && /* @__PURE__ */ M("span", { className: "relative flex size-1.5", "aria-hidden": !0, children: [
       s && /* The halo expands and fades UNDER a solid core that never moves.
       Animating the dot itself would make the badge's baseline shift;
@@ -13861,7 +13861,7 @@ function Ht({
       /* @__PURE__ */ p(
         "span",
         {
-          className: q(
+          className: K(
             "absolute inline-flex size-full rounded-full opacity-70",
             "[animation:dx-ping_1.6s_var(--ease-out-strong)_infinite]",
             sb[t ?? "neutral"]
@@ -13871,7 +13871,7 @@ function Ht({
       /* @__PURE__ */ p(
         "span",
         {
-          className: q("relative inline-flex size-1.5 rounded-full", sb[t ?? "neutral"])
+          className: K("relative inline-flex size-1.5 rounded-full", sb[t ?? "neutral"])
         }
       )
     ] }),
@@ -13907,13 +13907,13 @@ function cw({ shape: e, sweep: t, className: n, width: r, height: o, style: s, r
     {
       ref: i,
       "aria-hidden": !0,
-      className: q(RP({ shape: e, sweep: t }), n),
+      className: K(RP({ shape: e, sweep: t }), n),
       style: { width: r, height: o, ...s }
     }
   );
 }
 function d3({ lines: e = 3, className: t }) {
-  return /* @__PURE__ */ p("span", { className: q("flex flex-col gap-2", t), children: Array.from({ length: e }, (n, r) => /* @__PURE__ */ p(
+  return /* @__PURE__ */ p("span", { className: K("flex flex-col gap-2", t), children: Array.from({ length: e }, (n, r) => /* @__PURE__ */ p(
     cw,
     {
       shape: "text",
@@ -13923,12 +13923,12 @@ function d3({ lines: e = 3, className: t }) {
   )) });
 }
 function NP({ active: e, message: t, children: n, className: r }) {
-  return /* @__PURE__ */ M("div", { className: q("relative", r), children: [
+  return /* @__PURE__ */ M("div", { className: K("relative", r), children: [
     /* @__PURE__ */ p("div", { inert: e || void 0, children: n }),
     e && /* @__PURE__ */ p(
       "div",
       {
-        className: q(
+        className: K(
           "absolute inset-0 z-(--z-overlay) grid place-items-center rounded-[inherit]",
           /* `veil`, not `scrim`: a scrim is built to push a whole page back
                          behind a modal, and using it here lays a grey sheet over content
@@ -13948,7 +13948,7 @@ function NP({ active: e, message: t, children: n, className: r }) {
           {
             role: "status",
             "aria-live": "polite",
-            className: q(
+            className: K(
               "flex items-center gap-3 rounded-lg border border-border bg-surface-overlay",
               "px-4 py-3 shadow-lg",
               "animate-rise-in"
@@ -14512,14 +14512,14 @@ const gw = /* @__PURE__ */ b.forwardRef(function(t, n) {
     errors: [],
     value: null,
     initialValue: null
-  }), K = !L && (S ? null : W.state.valid), ee = b.useMemo(() => ({
+  }), q = !L && (S ? null : W.state.valid), ee = b.useMemo(() => ({
     disabled: S,
     touched: _,
     dirty: D,
-    valid: K,
+    valid: q,
     filled: k,
     focused: A
-  }), [S, _, D, K, k, A]), te = MP({
+  }), [S, _, D, q, k, A]), te = MP({
     setValidityData: Y,
     validate: C,
     validityData: W,
@@ -14999,7 +14999,7 @@ function Pr({
       name: s,
       disabled: o,
       invalid: m,
-      className: q(u.root(), a),
+      className: K(u.root(), a),
       children: i === "inline" ? /* @__PURE__ */ M(dt, { children: [
         l,
         /* @__PURE__ */ M("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
@@ -15017,7 +15017,7 @@ function Pr({
   );
 }
 function p3({ legend: e, description: t, className: n, children: r, ref: o }) {
-  return /* @__PURE__ */ M(Sw, { ref: o, className: q("flex min-w-0 flex-col gap-3", n), children: [
+  return /* @__PURE__ */ M(Sw, { ref: o, className: K("flex min-w-0 flex-col gap-3", n), children: [
     e && /* @__PURE__ */ p(Ew, { className: "font-sans text-sm font-semibold text-primary", children: e }),
     t && /* @__PURE__ */ p("p", { className: "-mt-2 text-2xs text-tertiary", children: t }),
     r
@@ -15111,7 +15111,7 @@ function hs({
     Cp,
     {
       ref: s,
-      className: q(DP({ size: t, hasLeading: l, hasTrailing: c }), e),
+      className: K(DP({ size: t, hasLeading: l, hasTrailing: c }), e),
       ...i
     }
   );
@@ -15121,7 +15121,7 @@ function hs({
     c && /* Trailing content is often interactive (a clear button, a reveal
     toggle), so pointer events are restored here even though the
     wrapper disables them for the common decorative case. */
-    /* @__PURE__ */ p("span", { className: q(cb({ side: "trailing", size: t }), "[&>*]:pointer-events-auto"), children: a })
+    /* @__PURE__ */ p("span", { className: K(cb({ side: "trailing", size: t }), "[&>*]:pointer-events-auto"), children: a })
   ] });
 }
 const VP = Rt({
@@ -15163,7 +15163,7 @@ function m3({ className: e, size: t, resize: n, rows: r = 4, ref: o, ...s }) {
     {
       ref: o,
       render: /* @__PURE__ */ p("textarea", { rows: r }),
-      className: q(VP({ size: t, resize: n }), e),
+      className: K(VP({ size: t, resize: n }), e),
       ...s
     }
   );
@@ -15246,7 +15246,7 @@ const LP = "data-parent", kw = /* @__PURE__ */ b.forwardRef(function(t, n) {
     controlId: P,
     registerControlId: H,
     getDescriptionProps: $
-  } = sn(), U = FP(), j = U?.allValues === void 0 ? void 0 : U.parent, B = j !== void 0, L = E || O.disabled || U?.disabled || a, W = I ?? d, Y = v ?? W, K = yt(), ee = yt();
+  } = sn(), U = FP(), j = U?.allValues === void 0 ? void 0 : U.parent, B = j !== void 0, L = E || O.disabled || U?.disabled || a, W = I ?? d, Y = v ?? W, q = yt(), ee = yt();
   let te = c || P;
   B && (h ? te = ee : Y !== void 0 ? te = `${j.id}-${Y}` : te ||= ee);
   let Z = {};
@@ -15275,7 +15275,7 @@ const LP = "data-parent", kw = /* @__PURE__ */ b.forwardRef(function(t, n) {
     return () => {
       !le.current || H === pt || (le.current = !1, H(Se, void 0));
     };
-  }, [H, oe]), _r(se, K, X, void 0, !U && !L, d);
+  }, [H, oe]), _r(se, q, X, void 0, !U && !L, d);
   const ae = b.useRef(null), ye = Q.registerInput, Ee = U ? Y : void 0, $e = b.useCallback((Se) => ye(Se, {
     controlRef: se,
     value: Ee
@@ -15310,8 +15310,8 @@ const LP = "data-parent", kw = /* @__PURE__ */ b.forwardRef(function(t, n) {
         }
         const Oe = Se.currentTarget.checked, He = we(Et, Se.nativeEvent);
         if (f?.(Oe, He), !He.isCanceled && (ce?.(Oe, He), !He.isCanceled && (re(Oe), Y !== void 0 && U !== void 0 && !h && !B))) {
-          const Qe = Oe ? [...U.value, Y] : U.value.filter((Ge) => Ge !== Y);
-          U.setValue(Qe, He);
+          const Je = Oe ? [...U.value, Y] : U.value.filter((Ge) => Ge !== Y);
+          U.setValue(Je, He);
         }
       },
       onClick(Se) {
@@ -15348,7 +15348,7 @@ const LP = "data-parent", kw = /* @__PURE__ */ b.forwardRef(function(t, n) {
     state: Ke,
     ref: [be, se, n],
     props: [{
-      id: C ? te ?? void 0 : K,
+      id: C ? te ?? void 0 : q,
       role: "checkbox",
       "aria-checked": ie ? "mixed" : he,
       "aria-readonly": g || void 0,
@@ -15365,14 +15365,14 @@ const LP = "data-parent", kw = /* @__PURE__ */ b.forwardRef(function(t, n) {
       onKeyDown(Se) {
         if (Se.key !== "Enter" || (Se.preventBaseUIHandler(), Se.defaultPrevented))
           return;
-        const Oe = ae.current?.form ?? null, He = Se.currentTarget, Qe = Se.nativeEvent, Ge = Se.preventDefault, Ze = Qe.preventDefault;
+        const Oe = ae.current?.form ?? null, He = Se.currentTarget, Je = Se.nativeEvent, Ge = Se.preventDefault, Ze = Je.preventDefault;
         let Ae = !1;
         Se.preventDefault = () => {
           Ae = !0, Ge.call(Se);
-        }, Qe.preventDefault = () => {
-          Ae = !0, Ze.call(Qe);
-        }, Ze.call(Qe), ft(He).queueMicrotask(() => {
-          Se.preventDefault = Ge, Qe.preventDefault = Ze, Ae || _P(Oe)?.click();
+        }, Je.preventDefault = () => {
+          Ae = !0, Ze.call(Je);
+        }, Ze.call(Je), ft(He).queueMicrotask(() => {
+          Se.preventDefault = Ge, Je.preventDefault = Ze, Ae || _P(Oe)?.click();
         });
       },
       onClick(Se) {
@@ -15507,13 +15507,13 @@ const Tw = {
   } = _t({
     disabled: z,
     native: m
-  }), K = Cc(i, F, G, !m, j), ee = {
+  }), q = Cc(i, F, G, !m, j), ee = {
     id: m ? U : $,
     role: "switch",
     "aria-checked": B,
     "aria-readonly": f || void 0,
     "aria-required": h || void 0,
-    "aria-labelledby": K,
+    "aria-labelledby": q,
     onFocus() {
       z || T(!0);
     },
@@ -15793,16 +15793,16 @@ const Aw = /* @__PURE__ */ b.forwardRef(function(t, n) {
       k(j.current);
     }
   }, [$, O, k]);
-  const Y = yt(), K = br({
+  const Y = yt(), q = br({
     id: d,
     implicit: !1,
     controlRef: U
-  }), ee = m ? void 0 : K, te = Cc(l, F, j, !m, ee), Z = {
+  }), ee = m ? void 0 : q, te = Cc(l, F, j, !m, ee), Z = {
     role: "radio",
     "aria-checked": $,
     "aria-labelledby": te,
     [Rp]: $ ? "" : void 0,
-    id: m ? K : Y,
+    id: m ? q : Y,
     onKeyDown(be) {
       be.key === "Enter" && be.preventDefault();
     },
@@ -16249,7 +16249,7 @@ const QP = [qv], Fw = /* @__PURE__ */ b.forwardRef(function(t, n) {
     return () => {
       L.current === J && (L.current = null), B.current === J ? me ? (me(), B.current = null) : W(null) : me?.();
     };
-  }), K = de(() => {
+  }), q = de(() => {
     const J = V.current;
     if (!J)
       return O ?? null;
@@ -16258,7 +16258,7 @@ const QP = [qv], Fw = /* @__PURE__ */ b.forwardRef(function(t, n) {
         return O ?? null;
     return null;
   });
-  _r(j, z, O ?? null, K, !_, d), zn(O, () => {
+  _r(j, z, O ?? null, q, !_, d), zn(O, () => {
     A(F), E(O !== k.initialValue), I(O != null), N.change(O);
     const J = L.current;
     O == null && J && !J.disabled && W(J);
@@ -16342,7 +16342,7 @@ const JP = Rt({
   defaultVariants: { size: "md" }
 });
 function Od({ size: e, className: t, ref: n, ...r }) {
-  return /* @__PURE__ */ p(kw, { ref: n, className: q(JP({ size: e }), t), ...r, children: /* @__PURE__ */ M(
+  return /* @__PURE__ */ p(kw, { ref: n, className: K(JP({ size: e }), t), ...r, children: /* @__PURE__ */ M(
     Iw,
     {
       keepMounted: !0,
@@ -16358,7 +16358,7 @@ function Od({ size: e, className: t, ref: n, ...r }) {
             strokeLinejoin: "round",
             pathLength: "1",
             strokeDasharray: "1",
-            className: q(
+            className: K(
               "[stroke-dashoffset:1] transition-[var(--tx-colors),stroke-dashoffset] ease-pen",
               "duration-(--dur-slow)",
               "group-data-checked/checkbox:[stroke-dashoffset:0]",
@@ -16375,7 +16375,7 @@ function Od({ size: e, className: t, ref: n, ...r }) {
           "span",
           {
             "aria-hidden": !0,
-            className: q(
+            className: K(
               "absolute h-[3px] w-[55%] rounded-full bg-current",
               "origin-center scale-x-0 opacity-0",
               "transition-[var(--tx-colors),scale,opacity] duration-(--dur-base) ease-snappy",
@@ -16449,7 +16449,7 @@ const e2 = Rt({
   "group-active/switch:not-data-disabled:w-[calc((var(--switch-h)-8px)*1.15)]"
 ].join(" ");
 function Cl({ size: e, className: t, ref: n, ...r }) {
-  return /* @__PURE__ */ p(Mw, { ref: n, className: q(e2({ size: e }), t), ...r, children: /* @__PURE__ */ p(Pw, { className: t2 }) });
+  return /* @__PURE__ */ p(Mw, { ref: n, className: K(e2({ size: e }), t), ...r, children: /* @__PURE__ */ p(Pw, { className: t2 }) });
 }
 const n2 = Rt({
   base: [
@@ -16473,11 +16473,11 @@ const n2 = Rt({
   defaultVariants: { size: "md" }
 });
 function $w({ size: e, className: t, ref: n, ...r }) {
-  return /* @__PURE__ */ p(Aw, { ref: n, className: q(n2({ size: e }), t), ...r, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ p(Aw, { ref: n, className: K(n2({ size: e }), t), ...r, children: /* @__PURE__ */ p(
     Dw,
     {
       keepMounted: !0,
-      className: q(
+      className: K(
         "size-[55%] rounded-full bg-accent",
         "scale-0 opacity-0",
         /* --ease-snappy overshoots ~3%, so the dot arrives slightly too big
@@ -16502,7 +16502,7 @@ function h3({
     Fw,
     {
       ref: r,
-      className: q(
+      className: K(
         "flex min-w-0",
         t === "vertical" ? "flex-col gap-3" : "flex-row flex-wrap gap-x-6 gap-y-3",
         e
@@ -16585,7 +16585,7 @@ function y3({ label: e, description: t, className: n, size: r, ...o }) {
   return /* @__PURE__ */ M(
     "label",
     {
-      className: q(
+      className: K(
         "group/card relative flex cursor-pointer items-start gap-3 rounded-lg border p-4",
         "border-border bg-surface",
         "transition-[var(--tx-colors),box-shadow] duration-(--dur-fast) ease-hover",
@@ -17058,7 +17058,7 @@ function f2({
     e && /* @__PURE__ */ p(Nc, { render: e }),
     /* @__PURE__ */ M(zi, { children: [
       /* @__PURE__ */ p(Fi, { className: m.backdrop() }),
-      /* @__PURE__ */ M(Li, { ref: u, className: q(m.popup(), l), children: [
+      /* @__PURE__ */ M(Li, { ref: u, className: K(m.popup(), l), children: [
         /* @__PURE__ */ M("div", { className: m.header(), children: [
           /* @__PURE__ */ M("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ p(Bi, { className: m.title(), children: r }),
@@ -17102,7 +17102,7 @@ function p2({
     e && /* @__PURE__ */ p(d2, { render: e }),
     /* @__PURE__ */ M(zi, { children: [
       /* @__PURE__ */ p(Fi, { className: d.backdrop() }),
-      /* @__PURE__ */ M(Li, { ref: m, className: q(d.popup(), u), children: [
+      /* @__PURE__ */ M(Li, { ref: m, className: K(d.popup(), u), children: [
         /* @__PURE__ */ M("div", { className: "flex items-start gap-4 p-6", children: [
           a && /* @__PURE__ */ p("span", { className: "grid size-10 shrink-0 place-items-center rounded-full bg-danger-subtle text-danger-text", children: /* @__PURE__ */ p(xe, { name: "triangle-alert", size: "md" }) }),
           /* @__PURE__ */ M("div", { className: "min-w-0 flex-1", children: [
@@ -17646,7 +17646,7 @@ const y2 = {
   }), H = b.useRef(!1), $ = b.useRef({
     x: 0,
     y: 0
-  }), U = b.useRef(null), j = b.useRef(null), B = d.useState("toastIndex", r.id), L = d.useState("toastVisibleIndex", r.id), W = d.useState("toastOffsetY", r.id), Y = d.useState("focused"), K = d.useState("expanded");
+  }), U = b.useRef(null), j = b.useRef(null), B = d.useState("toastIndex", r.id), L = d.useState("toastVisibleIndex", r.id), W = d.useState("toastOffsetY", r.id), Y = d.useState("focused"), q = d.useState("expanded");
   jt({
     open: r.transitionStatus !== "ending",
     ref: V,
@@ -17764,8 +17764,8 @@ const y2 = {
     let Te = T;
     if (!y && Math.sqrt(ae * ae + ye * ye) >= w2) {
       w(!0);
-      const He = u.includes("left") || u.includes("right"), Qe = u.includes("up") || u.includes("down");
-      if (He && Qe) {
+      const He = u.includes("left") || u.includes("right"), Je = u.includes("up") || u.includes("down");
+      if (He && Je) {
         const Ge = Math.abs(ae), Ze = Math.abs(ye);
         Te = Ge > Ze ? "horizontal" : "vertical", A(Te);
       }
@@ -17839,10 +17839,10 @@ const y2 = {
     setDescriptionId: k,
     recalculateHeight: ee,
     visibleIndex: L,
-    expanded: K
-  }), [r, E, k, ee, L, K]), fe = {
+    expanded: q
+  }), [r, E, k, ee, L, q]), fe = {
     transitionStatus: r.transitionStatus,
-    expanded: K,
+    expanded: q,
     limited: r.limited || !1,
     type: r.type,
     swiping: g,
@@ -18041,7 +18041,7 @@ function w3({ position: e = "bottom-right" }) {
   return /* @__PURE__ */ p(Qw, { children: /* @__PURE__ */ p(
     Hw,
     {
-      className: q(
+      className: K(
         "fixed z-(--z-toast) flex w-[min(24rem,calc(100vw-2rem))] flex-col outline-none",
         S2[e]
       ),
@@ -18051,7 +18051,7 @@ function w3({ position: e = "bottom-right" }) {
           Gw,
           {
             toast: r,
-            className: q(
+            className: K(
               /* dx-toast is a stable hook for the overlay screenshot pass —
                  Base UI gives the root role="dialog", which is not something
                  a test can select on unambiguously. */
@@ -18089,7 +18089,7 @@ function w3({ position: e = "bottom-right" }) {
             style: { zIndex: t.length - o },
             swipeDirection: n ? "up" : "down",
             children: /* @__PURE__ */ M("div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ p(xe, { name: s.icon, size: "md", className: q("mt-px", s.className) }),
+              /* @__PURE__ */ p(xe, { name: s.icon, size: "md", className: K("mt-px", s.className) }),
               /* @__PURE__ */ M("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ p(Yw, { className: "text-sm font-semibold text-primary" }),
                 /* @__PURE__ */ p(qw, { className: "mt-0.5 text-xs text-secondary text-pretty" }),
@@ -18492,14 +18492,14 @@ const c0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
   } = Uo(), C = N2(), S = zp(!0), R = v.useState("parent"), N = v.useState("floatingRootContext"), E = v.useState("floatingTreeRoot"), I = v.useState("mounted"), k = v.useState("open"), T = v.useState("modal"), A = v.useState("openMethod"), V = v.useState("activeTriggerElement"), D = v.useState("transitionStatus"), _ = v.useState("positionerElement"), F = v.useState("instantType"), z = v.useState("adaptiveOrigin"), O = v.useState("lastOpenChangeReason"), G = v.useState("floatingNodeId"), P = v.useState("floatingParentNodeId"), H = N.useState("domReferenceElement"), $ = b.useRef(null), U = sc(_);
   let j = r, B = c, L = u, W = l, Y = x;
   R.type === "context-menu" && (j = r ?? R.context?.anchor, W = W ?? "start", !a && W !== "center" && (L = t.alignOffset ?? 2, B = t.sideOffset ?? -5));
-  let K = a, ee = W;
-  R.type === "menu" ? (K = K ?? "inline-end", ee = ee ?? "start", Y = t.collisionAvoidance ?? zf) : R.type === "menubar" && (K = K ?? (R.context.orientation === "vertical" ? "inline-end" : "bottom"), ee = ee ?? "start");
+  let q = a, ee = W;
+  R.type === "menu" ? (q = q ?? "inline-end", ee = ee ?? "start", Y = t.collisionAvoidance ?? zf) : R.type === "menubar" && (q = q ?? (R.context.orientation === "vertical" ? "inline-end" : "bottom"), ee = ee ?? "start");
   const te = R.type === "context-menu", Z = Ai({
     anchor: j,
     floatingRootContext: N,
     positionMethod: S ? "fixed" : o,
     mounted: I,
-    side: K,
+    side: q,
     sideOffset: B,
     align: ee,
     alignOffset: L,
@@ -18914,7 +18914,7 @@ const g0 = Yf(function(t) {
   process.env.NODE_ENV !== "production" && O.type !== void 0 && l !== void 0 && console.warn("Base UI: The `modal` prop is not supported on nested menus. It will be ignored.");
   const {
     openMethod: Y,
-    triggerProps: K
+    triggerProps: q
   } = up(A);
   R.useSyncedValues({
     disabled: a,
@@ -19040,12 +19040,12 @@ const g0 = Yf(function(t) {
       onMouseMove() {
         R.set("allowMouseEnter", !0);
       }
-    }, K);
+    }, q);
     return ae["aria-haspopup"] = "menu", ae["aria-expanded"] = A, ae;
-  }, [R, fe.reference, oe.reference, me.reference, K, A]), Q = b.useMemo(() => {
-    const ae = rn(oe.trigger, me.trigger, K);
+  }, [R, fe.reference, oe.reference, me.reference, q, A]), Q = b.useMemo(() => {
+    const ae = rn(oe.trigger, me.trigger, q);
     return ae["aria-haspopup"] = "menu", ae["aria-expanded"] = !1, ae;
-  }, [oe.trigger, me.trigger, K]), X = b.useMemo(() => rn(ks, {
+  }, [oe.trigger, me.trigger, q]), X = b.useMemo(() => rn(ks, {
     id: E,
     role: "menu",
     "aria-labelledby": V?.id,
@@ -19207,13 +19207,13 @@ const x0 = Iv(function(t, n) {
     toggle: !0,
     ignoreMouse: !1,
     stickIfOpen: E.type === void 0 ? W : !1
-  }), K = _v(C, {
+  }), q = _v(C, {
     enabled: !O && j
   }), ee = _2({
     open: S,
     enabled: F,
     mouseDownAction: "open"
-  }), te = b.useMemo(() => rn(K.reference, Y.reference), [K.reference, Y.reference]), Z = y.useState("triggerProps", _), {
+  }), te = b.useMemo(() => rn(q.reference, Y.reference), [q.reference, Y.reference]), Z = y.useState("triggerProps", _), {
     preFocusGuardRef: ne,
     handlePreFocusGuardFocus: J,
     handleFocusTargetFocus: ce
@@ -19340,7 +19340,7 @@ function Wp({
         align: n,
         sideOffset: 6,
         className: "z-(--z-popover) outline-none",
-        children: /* @__PURE__ */ p(a0, { className: q(L2, s), children: i })
+        children: /* @__PURE__ */ p(a0, { className: K(L2, s), children: i })
       }
     ) })
   ] });
@@ -19351,21 +19351,21 @@ function gs({ className: e, selected: t, children: n, ref: r, ...o }) {
     {
       ref: r,
       "data-selected": t || void 0,
-      className: q(y0, t && z2, e),
+      className: K(y0, t && z2, e),
       ...o,
       children: n
     }
   );
 }
 function E3({ className: e, children: t, ...n }) {
-  return /* @__PURE__ */ p(u0, { className: q("flex flex-col", e), ...n, children: t });
+  return /* @__PURE__ */ p(u0, { className: K("flex flex-col", e), ...n, children: t });
 }
 function R3({ className: e, children: t, ref: n, ...r }) {
   return /* @__PURE__ */ M(
     d0,
     {
       ref: n,
-      className: q(
+      className: K(
         y0,
         "data-checked:bg-surface-selected data-checked:font-medium data-checked:text-accent-text",
         /* Checked AND highlighted — see SELECTED_ITEM. Base UI spells this
@@ -19389,7 +19389,7 @@ function gi({ label: e, children: t }) {
   ] });
 }
 function v0({ className: e }) {
-  return /* @__PURE__ */ p(Tc, { className: q("my-1 h-px bg-border-subtle", e) });
+  return /* @__PURE__ */ p(Tc, { className: K("my-1 h-px bg-border-subtle", e) });
 }
 function Mc(e, t, n = (r, o) => r === o) {
   return e.length === t.length && e.every((r, o) => n(r, t[o]));
@@ -19475,7 +19475,7 @@ const E0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     validation: H
   } = Kt(), {
     labelId: $
-  } = sn(), [U, j] = b.useState(), B = r ?? jp($, U), L = F || i, W = z ?? x, [Y, K] = on({
+  } = sn(), [U, j] = b.useState(), B = r ?? jp($, U), L = F || i, W = z ?? x, [Y, q] = on({
     controlled: N,
     default: s ?? f,
     name: "Slider"
@@ -19493,21 +19493,21 @@ const E0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
   const Te = de((De, Se) => {
     if (Number.isNaN(De) || H2(De, Y))
       return !1;
-    const Oe = Se.event, He = Oe.constructor, Qe = new He(Oe.type, Oe);
-    return Object.defineProperty(Qe, "target", {
+    const Oe = Se.event, He = Oe.constructor, Je = new He(Oe.type, Oe);
+    return Object.defineProperty(Je, "target", {
       writable: !0,
       value: {
         value: De,
         name: W
       }
-    }), Se.event = Qe, A(De, Se), Se.isCanceled ? !1 : (me.current = Se.reason, K(De), !0);
+    }), Se.event = Je, A(De, Se), Se.isCanceled ? !1 : (me.current = Se.reason, q(De), !0);
   }), Ne = de((De, Se, Oe) => {
     const He = C0(De, Se, f, d, ye, Ee);
     if (S0(He, C, h)) {
-      const Qe = "key" in Oe ? fr : Hn, Ge = Te(He, we(Qe, Oe.nativeEvent, void 0, {
+      const Je = "key" in Oe ? fr : Hn, Ge = Te(He, we(Je, Oe.nativeEvent, void 0, {
         activeThumbIndex: Se
       }));
-      O(!0), Ge && V(He, Rn(Qe, Oe.nativeEvent));
+      O(!0), Ge && V(He, Rn(Je, Oe.nativeEvent));
     }
   });
   process.env.NODE_ENV !== "production" && f >= d && tr("Slider `max` must be greater than `min`."), ge(() => {
@@ -19826,7 +19826,7 @@ const I0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
       didSwap: !1
     };
   }
-  function K(se) {
+  function q(se) {
     w.current = D ? A.slice() : null, $.current = null, U.current = A;
     const oe = y.current;
     let le = oe;
@@ -19905,7 +19905,7 @@ const I0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
       x: oe.clientX,
       y: oe.clientY
     };
-    K(le);
+    q(le);
     const fe = Y(le);
     if (fe == null)
       return;
@@ -19950,7 +19950,7 @@ const I0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
           x: se.clientX,
           y: se.clientY
         };
-        K(fe);
+        q(fe);
         const be = Y(fe);
         if (be == null)
           return;
@@ -20082,7 +20082,7 @@ const A0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     renderBeforeHydration: L,
     setActive: W,
     setIndicatorPosition: Y,
-    state: K,
+    state: q,
     step: ee,
     thumbRefs: te,
     values: Z
@@ -20126,13 +20126,13 @@ const A0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
       Ue.disconnect();
     };
   }, [I, He, D]);
-  const Qe = me ? "bottom" : "insetInlineStart", Ge = me ? "left" : "top";
+  const Je = me ? "bottom" : "insetInlineStart", Ge = me ? "left" : "top";
   let Ze;
   ce ? N === Te ? Ze = 2 : Oe === Te && (Ze = 1) : N === Te && (Ze = 1);
   let Ae;
   !D && !Number.isFinite(Ke) ? Ae = Mn : Ae = {
     position: "absolute",
-    [Qe]: D ? "var(--position)" : `${Ke}%`,
+    [Je]: D ? "var(--position)" : `${Ke}%`,
     [Ge]: "50%",
     translate: `${(me || !pe ? -1 : 1) * 50}% ${(me ? 1 : -1) * 50}%`,
     zIndex: Ze,
@@ -20229,7 +20229,7 @@ const A0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     onKeyDown: w
   }), lt = ln(be, T.inputRef, g);
   return ve("div", t, {
-    state: K,
+    state: q,
     ref: [n, Ee, fe],
     props: [{
       "data-index": Te,
@@ -20375,7 +20375,7 @@ function V0({
     const I = Math.floor((s - o) / i);
     return I > 20 ? [] : Array.from({ length: I + 1 }, (k, T) => ({ value: o + T * i }));
   }, [m, o, s, i]), E = (I) => (I - o) / (s - o) * 100;
-  return /* @__PURE__ */ M("div", { className: q(w.root(), x), children: [
+  return /* @__PURE__ */ M("div", { className: K(w.root(), x), children: [
     /* @__PURE__ */ M(
       E0,
       {
@@ -20427,7 +20427,7 @@ function V0({
               "span",
               {
                 "aria-hidden": !0,
-                className: q(
+                className: K(
                   "pointer-events-none absolute bottom-[calc(100%+0.5rem)] left-1/2 -translate-x-1/2",
                   "rounded-md border border-border bg-surface-inset px-2 py-1",
                   "font-mono text-2xs tabular-nums whitespace-nowrap text-primary shadow-md",
@@ -20680,137 +20680,182 @@ function k3({
   header: o,
   contentLandmark: s = "main",
   navLabel: i = "Main",
-  children: a,
-  className: l
+  scroll: a = "content",
+  scrollResetKey: l,
+  children: c,
+  className: u
 }) {
-  const c = s === "main" ? "main" : "div", [u, m] = Pe(!1), [d, f] = Pe(!1), h = /* @__PURE__ */ p(
+  const m = s === "main" ? "main" : "div", d = a === "content", [f, h] = Pe(!1), g = Qe(null);
+  at(() => {
+    l !== void 0 && g.current?.scrollTo({ top: 0, behavior: "instant" });
+  }, [l]);
+  const [x, y] = Pe(!1), w = /* @__PURE__ */ p(
     wb,
     {
       sections: t,
       activeId: n,
-      collapsed: u,
+      collapsed: f,
       label: i,
-      onNavigate: () => f(!1)
+      onNavigate: () => y(!1)
     }
   );
-  return /* @__PURE__ */ M("div", { className: q("flex min-h-dvh bg-canvas", l), children: [
-    /* @__PURE__ */ M(
-      "aside",
-      {
-        className: q(
-          "sticky top-0 hidden h-dvh shrink-0 flex-col border-r border-border-subtle bg-surface lg:flex",
-          "transition-[var(--tx-colors),width] duration-(--dur-slow) ease-emphasis",
-          u ? "w-14" : "w-60"
-        ),
-        children: [
-          /* @__PURE__ */ M("div", { className: q("flex h-control-xl shrink-0 items-center gap-2 px-3", u && "justify-center"), children: [
-            !u && /* @__PURE__ */ p("div", { className: "min-w-0 flex-1", children: e }),
-            /* @__PURE__ */ p(
-              Tn,
-              {
-                label: u ? "Expand sidebar" : "Collapse sidebar",
-                tooltipSide: "right",
-                onClick: () => m((g) => !g),
-                icon: /* @__PURE__ */ p(
-                  xe,
-                  {
-                    name: "panel-left",
-                    size: "sm",
-                    className: q("transition-[var(--tx-colors),transform,translate,scale,rotate] duration-(--dur-base)", u && "rotate-180")
-                  }
-                )
-              }
-            )
-          ] }),
-          /* @__PURE__ */ p("div", { className: "min-h-0 flex-1 overflow-y-auto px-2 py-2", children: h }),
-          r && /* @__PURE__ */ p("div", { className: "shrink-0 border-t border-border-subtle p-2", children: r })
-        ]
-      }
-    ),
-    /* @__PURE__ */ M("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ M("header", { className: "sticky top-0 z-(--z-sticky) flex h-control-xl shrink-0 items-center gap-3 border-b border-border-subtle bg-canvas/85 px-4 backdrop-blur-md", children: [
-        /* @__PURE__ */ M(Ap, { open: d, onOpenChange: f, children: [
-          /* @__PURE__ */ p(
-            Nc,
-            {
-              render: (
-                /* `hideTooltip` on every Base UI `render` slot in this file:
-                   the slot expects ONE element it can merge props and a ref
-                   into, and a tooltip wrapper would swallow both. The name
-                   still comes from `label` — that part is never optional. */
+  return (
+    /* THE ONE VIEWPORT UNIT. Everything below it is `flex-1` and `min-h-0`,
+       so no descendant — here or in a consumer's screen — ever has a reason to
+       name `dvh` or subtract a token from it. */
+    /* @__PURE__ */ M("div", { className: K("flex bg-canvas", d ? "h-dvh" : "min-h-dvh", u), children: [
+      /* @__PURE__ */ M(
+        "aside",
+        {
+          className: K(
+            "hidden shrink-0 flex-col border-r border-border-subtle bg-surface lg:flex",
+            /* Bounded: nothing. A flex item in a row of a fixed height is
+               stretched to it by `align-items`, so the nav list's own
+               `min-h-0 flex-1 overflow-y-auto` engages with no viewport unit and
+               no stickiness. Unbounded: the row's height comes from its content,
+               so the aside has to state the viewport itself and stay put while
+               the page scrolls past it — the ONE place a second viewport unit is
+               unavoidable, and the reason it lives behind an opt-out. */
+            !d && "sticky top-0 h-dvh",
+            "transition-[var(--tx-colors),width] duration-(--dur-slow) ease-emphasis",
+            f ? "w-14" : "w-60"
+          ),
+          children: [
+            /* @__PURE__ */ M("div", { className: K("flex h-control-xl shrink-0 items-center gap-2 px-3", f && "justify-center"), children: [
+              !f && /* @__PURE__ */ p("div", { className: "min-w-0 flex-1", children: e }),
+              /* @__PURE__ */ p(
+                Tn,
+                {
+                  label: f ? "Expand sidebar" : "Collapse sidebar",
+                  tooltipSide: "right",
+                  onClick: () => h((v) => !v),
+                  icon: /* @__PURE__ */ p(
+                    xe,
+                    {
+                      name: "panel-left",
+                      size: "sm",
+                      className: K("transition-[var(--tx-colors),transform,translate,scale,rotate] duration-(--dur-base)", f && "rotate-180")
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ p("div", { className: "relative min-h-0 flex-1 overflow-y-auto px-2 py-2", children: w }),
+            r && /* @__PURE__ */ p("div", { className: "shrink-0 border-t border-border-subtle p-2", children: r })
+          ]
+        }
+      ),
+      /* @__PURE__ */ M("div", { className: K("flex min-w-0 flex-1 flex-col", d && "min-h-0"), children: [
+        /* @__PURE__ */ M(
+          "header",
+          {
+            className: K(
+              "z-(--z-sticky) flex h-control-xl shrink-0 items-center gap-3",
+              "border-b border-border-subtle bg-canvas/85 px-4 backdrop-blur-md",
+              /* FIXED BY STRUCTURE when the shell is bounded: the header sits
+                 OUTSIDE the scroller, so there is nothing for it to stick to.
+                 `sticky top-0` there would be a declaration that reads as intent
+                 and does nothing. */
+              !d && "sticky top-0"
+            ),
+            children: [
+              /* @__PURE__ */ M(Ap, { open: x, onOpenChange: y, children: [
                 /* @__PURE__ */ p(
-                  Tn,
+                  Nc,
                   {
-                    label: "Open navigation",
-                    hideTooltip: !0,
-                    className: "lg:hidden",
-                    icon: /* @__PURE__ */ p(xe, { name: "menu", size: "sm" })
+                    render: (
+                      /* `hideTooltip` on every Base UI `render` slot in this file:
+                         the slot expects ONE element it can merge props and a ref
+                         into, and a tooltip wrapper would swallow both. The name
+                         still comes from `label` — that part is never optional. */
+                      /* @__PURE__ */ p(
+                        Tn,
+                        {
+                          label: "Open navigation",
+                          hideTooltip: !0,
+                          className: "lg:hidden",
+                          icon: /* @__PURE__ */ p(xe, { name: "menu", size: "sm" })
+                        }
+                      )
+                    )
                   }
-                )
-              )
-            }
-          ),
-          /* @__PURE__ */ M(zi, { children: [
-            /* @__PURE__ */ p(
-              Fi,
-              {
-                className: q(
-                  "fixed inset-0 z-(--z-overlay) bg-scrim lg:hidden",
-                  "transition-[var(--tx-colors),opacity] duration-(--dur-slower) ease-standard",
-                  "data-starting-style:opacity-0 data-ending-style:opacity-0"
-                )
-              }
-            ),
-            /* @__PURE__ */ M(
-              Li,
-              {
-                className: q(
-                  "fixed inset-y-0 left-0 z-(--z-drawer) flex w-72 flex-col",
-                  "border-r border-border bg-surface shadow-xl outline-none lg:hidden",
-                  /* Slides from the edge it lives on, so it reads as coming
-                     from off-screen rather than materialising in place. */
-                  "transition-[var(--tx-colors),transform,translate,scale,rotate] duration-(--dur-slower) ease-emphasis",
-                  "data-starting-style:-translate-x-full data-ending-style:-translate-x-full"
                 ),
-                children: [
-                  /* @__PURE__ */ p(Bi, { className: "sr-only", children: "Navigation" }),
-                  /* @__PURE__ */ M("div", { className: "flex h-control-xl shrink-0 items-center justify-between gap-2 px-3", children: [
-                    /* @__PURE__ */ p("div", { className: "min-w-0 flex-1", children: e }),
-                    /* @__PURE__ */ p(
-                      $i,
-                      {
-                        render: /* @__PURE__ */ p(
-                          Tn,
+                /* @__PURE__ */ M(zi, { children: [
+                  /* @__PURE__ */ p(
+                    Fi,
+                    {
+                      className: K(
+                        "fixed inset-0 z-(--z-overlay) bg-scrim lg:hidden",
+                        "transition-[var(--tx-colors),opacity] duration-(--dur-slower) ease-standard",
+                        "data-starting-style:opacity-0 data-ending-style:opacity-0"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ M(
+                    Li,
+                    {
+                      className: K(
+                        "fixed inset-y-0 left-0 z-(--z-drawer) flex w-72 flex-col",
+                        "border-r border-border bg-surface shadow-xl outline-none lg:hidden",
+                        /* Slides from the edge it lives on, so it reads as coming
+                           from off-screen rather than materialising in place. */
+                        "transition-[var(--tx-colors),transform,translate,scale,rotate] duration-(--dur-slower) ease-emphasis",
+                        "data-starting-style:-translate-x-full data-ending-style:-translate-x-full"
+                      ),
+                      children: [
+                        /* @__PURE__ */ p(Bi, { className: "sr-only", children: "Navigation" }),
+                        /* @__PURE__ */ M("div", { className: "flex h-control-xl shrink-0 items-center justify-between gap-2 px-3", children: [
+                          /* @__PURE__ */ p("div", { className: "min-w-0 flex-1", children: e }),
+                          /* @__PURE__ */ p(
+                            $i,
+                            {
+                              render: /* @__PURE__ */ p(
+                                Tn,
+                                {
+                                  label: "Close navigation",
+                                  hideTooltip: !0,
+                                  icon: /* @__PURE__ */ p(xe, { name: "x", size: "sm" })
+                                }
+                              )
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ p("div", { className: "relative min-h-0 flex-1 overflow-y-auto px-2 py-2", children: /* @__PURE__ */ p(
+                          wb,
                           {
-                            label: "Close navigation",
-                            hideTooltip: !0,
-                            icon: /* @__PURE__ */ p(xe, { name: "x", size: "sm" })
+                            sections: t,
+                            activeId: n,
+                            collapsed: !1,
+                            label: i,
+                            onNavigate: () => y(!1)
                           }
-                        )
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ p("div", { className: "min-h-0 flex-1 overflow-y-auto px-2 py-2", children: /* @__PURE__ */ p(
-                    wb,
-                    {
-                      sections: t,
-                      activeId: n,
-                      collapsed: !1,
-                      label: i,
-                      onNavigate: () => f(!1)
+                        ) }),
+                        r && /* @__PURE__ */ p("div", { className: "shrink-0 border-t border-border-subtle p-2", children: r })
+                      ]
                     }
-                  ) }),
-                  r && /* @__PURE__ */ p("div", { className: "shrink-0 border-t border-border-subtle p-2", children: r })
-                ]
-              }
-            )
-          ] })
-        ] }),
-        o
-      ] }),
-      /* @__PURE__ */ p(c, { className: "min-w-0 flex-1", children: a })
+                  )
+                ] })
+              ] }),
+              o
+            ]
+          }
+        ),
+        /* @__PURE__ */ p(
+          m,
+          {
+            ref: g,
+            "data-app-shell-content": "",
+            tabIndex: d ? 0 : -1,
+            className: K(
+              "flex min-w-0 flex-1 flex-col outline-none",
+              d && "relative min-h-0 overflow-y-auto focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent-border"
+            ),
+            children: c
+          }
+        )
+      ] })
     ] })
-  ] });
+  );
 }
 function wb({
   sections: e,
@@ -20830,7 +20875,7 @@ function wb({
             a.href || u.preventDefault(), a.onClick?.(), o();
           },
           "aria-current": l ? "page" : void 0,
-          className: q(
+          className: K(
             "flex h-control-md items-center gap-3 rounded-md px-2.5",
             "text-sm font-medium",
             "transition-[var(--tx-colors)] duration-(--dur-fast) ease-hover",
@@ -21137,7 +21182,7 @@ function mO({
   ref: a
 }) {
   const l = W0({ size: o, tone: s }), c = e === null;
-  return /* @__PURE__ */ M(_0, { ref: a, value: e, className: q(l.root(), i), children: [
+  return /* @__PURE__ */ M(_0, { ref: a, value: e, className: K(l.root(), i), children: [
     (t || r) && /* @__PURE__ */ M("div", { className: l.header(), children: [
       t && /* @__PURE__ */ p(L0, { className: l.label(), children: t }),
       r && /* @__PURE__ */ p("span", { className: l.value(), children: c ? "—" : n(e) })
@@ -21145,7 +21190,7 @@ function mO({
     /* @__PURE__ */ p(F0, { className: l.track(), children: /* @__PURE__ */ p(
       $0,
       {
-        className: q(
+        className: K(
           l.indicator(),
           /* Indeterminate is a short bar sweeping the track, NOT a full bar
              pulsing. A pulsing full bar says "finished, and stuck"; a
@@ -21170,7 +21215,7 @@ function hO({
   ref: c
 }) {
   const u = W0({ size: i, tone: a });
-  return /* @__PURE__ */ M(B0, { ref: c, value: e, min: t, max: n, className: q(u.root(), l), children: [
+  return /* @__PURE__ */ M(B0, { ref: c, value: e, min: t, max: n, className: K(u.root(), l), children: [
     (r || s) && /* @__PURE__ */ M("div", { className: u.header(), children: [
       r && /* @__PURE__ */ p(U0, { className: u.label(), children: r }),
       s && /* @__PURE__ */ p("span", { className: u.value(), children: o(e) })
@@ -21227,14 +21272,14 @@ function yO({
   return /* @__PURE__ */ M(
     "div",
     {
-      className: q(j0({ size: n }), s),
+      className: K(j0({ size: n }), s),
       role: "progressbar",
       "aria-valuenow": i ? void 0 : Math.round(e),
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-label": t,
       children: [
-        /* @__PURE__ */ M("svg", { viewBox: "0 0 24 24", className: q("size-full -rotate-90", i && "animate-spin"), children: [
+        /* @__PURE__ */ M("svg", { viewBox: "0 0 24 24", className: K("size-full -rotate-90", i && "animate-spin"), children: [
           /* @__PURE__ */ p("circle", { cx: "12", cy: "12", r: "10", fill: "none", strokeWidth: "2.5", className: "stroke-surface-inset" }),
           /* @__PURE__ */ p(
             "circle",
@@ -21248,7 +21293,7 @@ function yO({
               pathLength: "1",
               strokeDasharray: "1",
               strokeDashoffset: 1 - a,
-              className: q(
+              className: K(
                 "transition-[var(--tx-colors),stroke-dashoffset] duration-(--dur-slow) ease-emphasis",
                 K0[r ?? "accent"]
               ),
@@ -21276,7 +21321,7 @@ function vO({
   return /* @__PURE__ */ M(
     "div",
     {
-      className: q(j0({ size: r }), i),
+      className: K(j0({ size: r }), i),
       role: "progressbar",
       "aria-valuenow": Math.min(100, u),
       "aria-valuemin": 0,
@@ -21299,7 +21344,7 @@ function vO({
               pathLength: "1",
               strokeDasharray: `${g.length} 1`,
               strokeDashoffset: -g.start,
-              className: q(
+              className: K(
                 "transition-[var(--tx-colors),stroke-dasharray,stroke-dashoffset] duration-(--dur-slow) ease-emphasis",
                 K0[g.tone]
               ),
@@ -21336,7 +21381,7 @@ function T3({
   hint: l,
   className: c
 }) {
-  const u = Dn(), m = Je(0), [d, f] = Pe(!1), [h, g] = Pe([]);
+  const u = Dn(), m = Qe(0), [d, f] = Pe(!1), [h, g] = Pe([]);
   function x(y) {
     if (!y) return;
     const w = Array.from(y), v = s ? w.filter((S) => S.size > s) : [], C = s ? w.filter((S) => S.size <= s) : w;
@@ -21344,7 +21389,7 @@ function T3({
       v.map((S) => `${S.name} is ${ka(S.size)} — the limit is ${ka(s)}`)
     ), C.length && t?.(C);
   }
-  return /* @__PURE__ */ M("div", { className: q("flex w-full min-w-0 flex-col gap-3", c), children: [
+  return /* @__PURE__ */ M("div", { className: K("flex w-full min-w-0 flex-col gap-3", c), children: [
     /* @__PURE__ */ M(
       "label",
       {
@@ -21359,7 +21404,7 @@ function T3({
         onDrop: (y) => {
           y.preventDefault(), m.current = 0, f(!1), i || x(y.dataTransfer.files);
         },
-        className: q(
+        className: K(
           "flex cursor-pointer flex-col items-center justify-center gap-2 rounded-xl px-6 py-10 text-center",
           /* `dx-ground-sunken`: the interaction fills mix from the surface a
              thing is painted ON, and this well is two ramp steps below the
@@ -21379,7 +21424,7 @@ function T3({
           /* @__PURE__ */ p(
             "span",
             {
-              className: q(
+              className: K(
                 "grid size-12 place-items-center rounded-full bg-surface-raised text-tertiary",
                 "transition-[var(--tx-colors),translate] duration-(--dur-base) ease-snappy",
                 d && "-translate-y-1 bg-accent text-accent-contrast"
@@ -21502,7 +21547,7 @@ function M3({
     Yn,
     {
       align: "start",
-      className: q("w-auto p-3", c),
+      className: K("w-auto p-3", c),
       trigger: /* @__PURE__ */ p(
         Vt,
         {
@@ -21510,7 +21555,7 @@ function M3({
           disabled: a,
           className: "w-full justify-between font-normal",
           leadingIcon: /* @__PURE__ */ p(xe, { name: "calendar", size: "sm", className: "text-tertiary" }),
-          children: /* @__PURE__ */ p("span", { className: q("flex-1 text-left", !I && "text-field-placeholder"), children: I ?? i })
+          children: /* @__PURE__ */ p("span", { className: K("flex-1 text-left", !I && "text-field-placeholder"), children: I ?? i })
         }
       ),
       children: /* @__PURE__ */ M("div", { className: "flex w-[17.5rem] flex-col gap-3 pointer-coarse:w-[20.5rem]", children: [
@@ -21558,7 +21603,7 @@ function M3({
                 onMouseEnter: () => x(k),
                 onMouseLeave: () => x(null),
                 onKeyDown: (_) => E(_, k),
-                className: q(
+                className: K(
                   "dx-tap grid h-9 place-items-center rounded-md text-sm tabular-nums",
                   "transition-[var(--tx-colors)] duration-(--dur-instant)",
                   "disabled:pointer-events-none disabled:opacity-30",
@@ -21647,7 +21692,7 @@ function P3({ nodes: e, defaultExpanded: t = [], selectedId: n, onSelect: r, cla
         break;
     }
   }
-  return /* @__PURE__ */ p("div", { role: "tree", className: q("flex min-w-0 flex-col", o), children: a.map(({ node: d, depth: f }, h) => {
+  return /* @__PURE__ */ p("div", { role: "tree", className: K("flex min-w-0 flex-col", o), children: a.map(({ node: d, depth: f }, h) => {
     const g = !!d.children?.length, x = s.has(d.id), y = d.id === n;
     return /* @__PURE__ */ M(
       "div",
@@ -21661,7 +21706,7 @@ function P3({ nodes: e, defaultExpanded: t = [], selectedId: n, onSelect: r, cla
         tabIndex: y || !n && h === 0 ? 0 : -1,
         onKeyDown: (w) => m(w, h, d),
         onClick: () => !d.disabled && r?.(d),
-        className: q(
+        className: K(
           "flex h-control-sm cursor-pointer items-center gap-1.5 rounded-md pr-2 outline-none",
           "text-sm transition-colors duration-(--dur-instant)",
           /* The selected row keeps a hover of its OWN. Written as a single
@@ -21688,7 +21733,7 @@ function P3({ nodes: e, defaultExpanded: t = [], selectedId: n, onSelect: r, cla
                 {
                   name: "chevron-right",
                   size: "xs",
-                  className: q(
+                  className: K(
                     "transition-[var(--tx-colors),transform,translate,scale,rotate] duration-(--dur-base) ease-snappy",
                     x && "rotate-90"
                   )
@@ -21705,7 +21750,7 @@ function P3({ nodes: e, defaultExpanded: t = [], selectedId: n, onSelect: r, cla
             {
               name: d.icon,
               size: "sm",
-              className: q("shrink-0", y ? "text-accent-text" : "text-tertiary")
+              className: K("shrink-0", y ? "text-accent-text" : "text-tertiary")
             }
           ),
           /* @__PURE__ */ p("span", { className: "min-w-0 flex-1 truncate", children: d.label }),
@@ -21766,7 +21811,7 @@ function O3({
     /* @__PURE__ */ p(
       Fi,
       {
-        className: q(
+        className: K(
           "fixed inset-0 z-(--z-overlay) bg-scrim backdrop-blur-[2px]",
           "transition-[var(--tx-colors),opacity] duration-(--dur-slower) ease-standard",
           "data-starting-style:opacity-0",
@@ -21777,7 +21822,7 @@ function O3({
     /* @__PURE__ */ M(
       Li,
       {
-        className: q(
+        className: K(
           /* Sits at 15% from the top rather than centred. A palette centred
              vertically puts the list you are reading below the middle of the
              screen and moves your eye down as it filters; anchored high, the
@@ -21826,7 +21871,7 @@ function O3({
                     onClick: () => {
                       g.onSelect(), n(!1);
                     },
-                    className: q(
+                    className: K(
                       "dx-tap flex w-full items-center gap-3 rounded-md px-3 py-2.5 text-left",
                       "transition-colors duration-(--dur-instant)",
                       x ? "bg-surface-hover text-primary" : "text-secondary"
@@ -22039,7 +22084,7 @@ const Q0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     validation: O
   } = Kt(), {
     clearErrors: G
-  } = kn(), P = D || u, H = F ?? f, $ = a === "any" ? 1 : a, [U, j] = b.useState(!1), B = o ?? Number.MIN_SAFE_INTEGER, L = s ?? Number.MAX_SAFE_INTEGER, W = o ?? 0, Y = S?.style, K = b.useRef(null), ee = ln(I, O.inputRef), te = br({
+  } = kn(), P = D || u, H = F ?? f, $ = a === "any" ? 1 : a, [U, j] = b.useState(!1), B = o ?? Number.MIN_SAFE_INTEGER, L = s ?? Number.MAX_SAFE_INTEGER, W = o ?? 0, Y = S?.style, q = b.useRef(null), ee = ln(I, O.inputRef), te = br({
     id: r
   }), [Z, ne] = on({
     controlled: g,
@@ -22089,13 +22134,13 @@ const Q0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     let Re = "text";
     B >= 0 && (Re = "decimal"), re(Re);
   }, [B]), b.useEffect(function() {
-    const Re = K.current;
+    const Re = q.current;
     if (P || m || !w || !Re)
       return;
     function Ke(Le) {
       if (
         // Allow pinch-zooming.
-        Le.ctrlKey || Pt(je(K.current)) !== K.current
+        Le.ctrlKey || Pt(je(q.current)) !== q.current
       )
         return;
       Le.preventDefault(), le.current = !0;
@@ -22117,7 +22162,7 @@ const Q0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     inputValue: be,
     scrubbing: U
   }), [z, P, m, c, J, be, U]), $e = b.useMemo(() => ({
-    inputRef: K,
+    inputRef: q,
     minWithDefault: B,
     maxWithDefault: L,
     id: te,
@@ -22140,7 +22185,7 @@ const Q0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     setIsScrubbing: j,
     state: Ee,
     onValueCommitted: oe
-  }), [K, B, L, te, ae, ye, ie, pe, ce, H, f, X, he, o, s, Q, R, Ee, oe]), Te = ve("div", t, {
+  }), [q, B, L, te, ae, ye, ie, pe, ce, H, f, X, he, o, s, Q, R, Ee, oe]), Te = ve("div", t, {
     ref: n,
     state: Ee,
     props: T,
@@ -22151,7 +22196,7 @@ const Q0 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     children: [Te, /* @__PURE__ */ p("input", {
       ...O.getValidationProps(P, {
         onFocus() {
-          K.current?.focus();
+          q.current?.focus();
         },
         onChange(Ne) {
           if (Ne.nativeEvent.defaultPrevented || P || m)
@@ -22476,8 +22521,8 @@ const oA = /* @__PURE__ */ new Set(["Backspace", "Delete", "ArrowLeft", "ArrowRi
   } = sn(), j = b.useRef(!1), B = b.useRef(!1), L = b.useRef(null);
   return _r(R, m, D, void 0, !T, y), ge(() => {
     if (L.current != null) {
-      const K = L.current;
-      L.current = null, R.current?.setSelectionRange(K, K);
+      const q = L.current;
+      L.current = null, R.current?.setSelectionRange(q, q);
     }
   }), zn(D, () => {
     if (F(x), B.current && !H()) {
@@ -22505,22 +22550,22 @@ const oA = /* @__PURE__ */ new Set(["Backspace", "Delete", "ArrowLeft", "ArrowRi
       // If the server's locale does not match the client's locale, the formatting may not match,
       // causing a hydration mismatch.
       suppressHydrationWarning: !0,
-      onFocus(K) {
-        if (K.defaultPrevented || T || (G(!0), j.current))
+      onFocus(q) {
+        if (q.defaultPrevented || T || (G(!0), j.current))
           return;
         j.current = !0;
-        const ee = K.currentTarget, te = ee.value.length;
+        const ee = q.currentTarget, te = ee.value.length;
         ee.setSelectionRange(te, te);
       },
-      onBlur(K) {
-        if (K.defaultPrevented || T || (O(!0), G(!1), A))
+      onBlur(q) {
+        if (q.defaultPrevented || T || (O(!0), G(!1), A))
           return;
         const ee = !a.current, te = I.current;
         if (a.current = !0, _.trim() === "") {
-          const fe = we(Sn, K.nativeEvent);
+          const fe = we(Sn, q.nativeEvent);
           if (w(null, fe), fe.isCanceled)
             return;
-          z === "onBlur" && $.commit(null), (ee || te || D !== null) && N(null, Rn(Sn, K.nativeEvent));
+          z === "onBlur" && $.commit(null), (ee || te || D !== null) && N(null, Rn(Sn, q.nativeEvent));
           return;
         }
         const Z = l.current, ne = rs(_, S, Z);
@@ -22529,10 +22574,10 @@ const oA = /* @__PURE__ */ new Set(["Backspace", "Delete", "ArrowLeft", "ArrowRi
         const J = nm(Z);
         let ce;
         !ee && !J ? ce = D : J ? ce = Z0(ne, Z) : ce = ne;
-        const me = Rn(lg, K.nativeEvent), pe = D !== ce, se = ee || pe || te;
+        const me = Rn(lg, q.nativeEvent), pe = D !== ce, se = ee || pe || te;
         let oe = ce;
         if (pe) {
-          const fe = we(lg, K.nativeEvent);
+          const fe = we(lg, q.nativeEvent);
           if (B.current = !0, w(ce, fe), fe.isCanceled) {
             B.current = !1;
             return;
@@ -22543,13 +22588,13 @@ const oA = /* @__PURE__ */ new Set(["Backspace", "Delete", "ArrowLeft", "ArrowRi
         const le = Jn(oe, S, Z);
         _ !== le && C(le);
       },
-      onChange(K) {
-        if (K.nativeEvent.defaultPrevented)
+      onChange(q) {
+        if (q.nativeEvent.defaultPrevented)
           return;
         a.current = !1;
-        const ee = K.currentTarget.value;
+        const ee = q.currentTarget.value;
         if (ee.trim() === "") {
-          C(ee), w(null, we(Sn, K.nativeEvent));
+          C(ee), w(null, we(Sn, q.nativeEvent));
           return;
         }
         const te = c();
@@ -22558,57 +22603,57 @@ const oA = /* @__PURE__ */ new Set(["Backspace", "Delete", "ArrowLeft", "ArrowRi
         BO.test(J)))
           return;
         const ne = rs(ee, S, l.current);
-        C(ee), ne !== null && w(ne, we(Hn, K.nativeEvent));
+        C(ee), ne !== null && w(ne, we(Hn, q.nativeEvent));
       },
-      onKeyDown(K) {
-        if (K.defaultPrevented || A || T)
+      onKeyDown(q) {
+        if (q.defaultPrevented || A || T)
           return;
-        const ee = K.nativeEvent, te = !a.current, Z = c();
-        let ne = Z.has(K.key);
+        const ee = q.nativeEvent, te = !a.current, Z = c();
+        let ne = Z.has(q.key);
         const {
           decimal: J,
           currency: ce,
           percentSign: me
-        } = tm(S, l.current), pe = K.currentTarget.selectionStart, se = K.currentTarget.selectionEnd, oe = pe === 0 && se === _.length, le = (ye) => pe != null && se != null && ye >= pe && ye < se;
+        } = tm(S, l.current), pe = q.currentTarget.selectionStart, se = q.currentTarget.selectionEnd, oe = pe === 0 && se === _.length, le = (ye) => pe != null && se != null && ye >= pe && ye < se;
         [[Au, q0], [Rb, Y0]].forEach(([ye, Ee]) => {
-          if (ye.test(K.key) && Array.from(Z).some(($e) => ye.test($e))) {
+          if (ye.test(q.key) && Array.from(Z).some(($e) => ye.test($e))) {
             const $e = _.search(Ee), Te = $e !== -1 && le($e);
             ne = !(Au.test(_) || Rb.test(_)) || oe || Te;
           }
         }), [J, ce, me].forEach((ye) => {
-          if (K.key === ye) {
+          if (q.key === ye) {
             const Ee = _.indexOf(ye), $e = le(Ee);
             ne = Ee === -1 || oe || $e;
           }
         });
-        const be = oA.has(K.key), Q = K.key === "ArrowUp" || K.key === "ArrowDown";
+        const be = oA.has(q.key), Q = q.key === "ArrowUp" || q.key === "ArrowDown";
         if (
           // Allow composition events (e.g., pinyin)
           // event.nativeEvent.isComposing does not work in Safari:
           // https://bugs.webkit.org/show_bug.cgi?id=165004
-          K.which === 229 || K.altKey && !Q || K.ctrlKey || K.metaKey || ne || Sb(K.key) || be
+          q.which === 229 || q.altKey && !Q || q.ctrlKey || q.metaKey || ne || Sb(q.key) || be
         )
           return;
         let X = null;
-        if (K.key === "Home" && g != null ? X = g : K.key === "End" && h != null && (X = h), K.key.length > 1 && !Q && X === null)
+        if (q.key === "Home" && g != null ? X = g : q.key === "End" && h != null && (X = h), q.key.length > 1 && !Q && X === null)
           return;
-        const re = te ? rs(_, S, l.current) : null, he = u(K);
-        K.preventDefault(), K.stopPropagation();
+        const re = te ? rs(_, S, l.current) : null, he = u(q);
+        q.preventDefault(), q.stopPropagation();
         const ie = Rn(fr, ee);
         let ae = !1;
         (Q || X !== null) && (a.current = !0), Q ? (te || (E.current = k.current), ae = d(he, {
-          direction: K.key === "ArrowUp" ? 1 : -1,
+          direction: q.key === "ArrowUp" ? 1 : -1,
           currentValue: re,
           event: ee,
           reason: fr
         })) : X !== null && (ae = w(X, we(fr, ee))), ae && N(E.current, ie);
       },
-      onPaste(K) {
-        if (K.defaultPrevented || A || T)
+      onPaste(q) {
+        if (q.defaultPrevented || A || T)
           return;
         let ee = "";
         try {
-          ee = K.clipboardData?.getData("text/plain") ?? "";
+          ee = q.clipboardData?.getData("text/plain") ?? "";
         } catch {
           if (process.env.NODE_ENV !== "production") {
             const me = Wn.captureOwnerStack?.() || "";
@@ -22616,11 +22661,11 @@ const oA = /* @__PURE__ */ new Set(["Backspace", "Delete", "ArrowLeft", "ArrowRi
           }
           return;
         }
-        K.preventDefault();
-        const te = K.currentTarget, Z = te.selectionStart, ne = te.selectionEnd, J = _.slice(0, Z) + ee + _.slice(ne), ce = rs(J, S, l.current);
-        ce !== null && (a.current = !1, L.current = Z + ee.length, w(ce, we(ui, K.nativeEvent)), C(J));
+        q.preventDefault();
+        const te = q.currentTarget, Z = te.selectionStart, ne = te.selectionEnd, J = _.slice(0, Z) + ee + _.slice(ne), ce = rs(J, S, l.current);
+        ce !== null && (a.current = !1, L.current = Z + ee.length, w(ce, we(ui, q.nativeEvent)), C(J));
       }
-    }, i, (K) => $.getValidationProps(T, K)],
+    }, i, (q) => $.getValidationProps(T, q)],
     stateAttributesMapping: Os
   });
 });
@@ -22698,9 +22743,9 @@ const aA = {
     const L = I.current, W = S.current;
     if (!L || !W)
       return;
-    const Y = iA(a, W), K = k.current, ee = (Z, ne, J, ce) => Z + ne < J ? ce - ne : Z + ne > ce ? J - ne : Z, te = {
-      x: ee(Math.round(K.x + j), L.offsetWidth / 2, Y.left, Y.right),
-      y: ee(Math.round(K.y + B), L.offsetHeight / 2, Y.top, Y.bottom)
+    const Y = iA(a, W), q = k.current, ee = (Z, ne, J, ce) => Z + ne < J ? ce - ne : Z + ne > ce ? J - ne : Z, te = {
+      x: ee(Math.round(q.x + j), L.offsetWidth / 2, Y.left, Y.right),
+      y: ee(Math.round(q.y + B), L.offsetHeight / 2, Y.top, Y.bottom)
     };
     k.current = te, O(L, te.x, te.y);
   }), P = de((j, {
@@ -22757,9 +22802,9 @@ const aA = {
         }));
       }
     }
-    const Y = ft(d.current), K = Gn(Ye(Y, "pointerup", L, !0), Ye(Y, "pointermove", W, !0));
+    const Y = ft(d.current), q = Gn(Ye(Y, "pointerup", L, !0), Ye(Y, "pointermove", W, !0));
     return () => {
-      T.clear(), K();
+      T.clear(), q();
     };
   }, [v, C, h, f, F, g, d, P, G, s, i, y, x, w, T]), b.useEffect(() => () => {
     if (R.current) {
@@ -22889,7 +22934,7 @@ function D3({
   ...s
 }) {
   const i = cA({ size: e });
-  return /* @__PURE__ */ M(Q0, { ref: o, className: q("flex w-full min-w-0 flex-col gap-1.5", t), ...s, children: [
+  return /* @__PURE__ */ M(Q0, { ref: o, className: K("flex w-full min-w-0 flex-col gap-1.5", t), ...s, children: [
     r && /* @__PURE__ */ M(o1, { className: i.scrub(), children: [
       /* @__PURE__ */ M("span", { className: "inline-flex items-center gap-1", children: [
         /* @__PURE__ */ p(xe, { name: "arrow-up-down", size: "xs", className: "rotate-90" }),
@@ -22898,9 +22943,9 @@ function D3({
       /* @__PURE__ */ p(s1, { className: "drop-shadow-md", children: /* @__PURE__ */ p(xe, { name: "arrow-up-down", size: "sm", className: "rotate-90 text-primary" }) })
     ] }),
     /* @__PURE__ */ M(J0, { className: i.group(), children: [
-      !n && /* @__PURE__ */ p(n1, { className: q(i.stepper(), "border-r border-field-border"), children: /* @__PURE__ */ p(xe, { name: "minus", size: "sm" }) }),
+      !n && /* @__PURE__ */ p(n1, { className: K(i.stepper(), "border-r border-field-border"), children: /* @__PURE__ */ p(xe, { name: "minus", size: "sm" }) }),
       /* @__PURE__ */ p(r1, { className: i.input() }),
-      !n && /* @__PURE__ */ p(t1, { className: q(i.stepper(), "border-l border-field-border"), children: /* @__PURE__ */ p(xe, { name: "plus", size: "sm" }) })
+      !n && /* @__PURE__ */ p(t1, { className: K(i.stepper(), "border-l border-field-border"), children: /* @__PURE__ */ p(xe, { name: "plus", size: "sm" }) })
     ] })
   ] });
 }
@@ -23025,7 +23070,7 @@ const a1 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     default: a,
     name: "OTPField",
     state: "value"
-  }), K = b.useRef(null), ee = b.useRef([]), te = b.useRef(null), Z = b.useRef(null), ne = b.useMemo(() => ({
+  }), q = b.useRef(null), ee = b.useRef([]), te = b.useRef(null), Z = b.useRef(null), ne = b.useMemo(() => ({
     get current() {
       return ee.current[0] ?? null;
     }
@@ -23050,7 +23095,7 @@ const a1 = /* @__PURE__ */ b.forwardRef(function(t, n) {
   function Le() {
     let We = O.inputRef.current?.form ?? ee.current[0]?.form ?? null;
     if (m) {
-      const ot = je(K.current).getElementById(m);
+      const ot = je(q.current).getElementById(m);
       ot?.tagName === "FORM" && (We = ot);
     }
     We && typeof We.requestSubmit == "function" && We.requestSubmit();
@@ -23079,8 +23124,8 @@ const a1 = /* @__PURE__ */ b.forwardRef(function(t, n) {
       return;
     }
     Ee(We), Te(!0), P(!0), ot.currentTarget.select();
-  }), Qe = de((We) => {
-    ke(K.current, We.relatedTarget) || (H(!0), Te(!1), P(!1), G === "onBlur" && O.commit(re.current));
+  }), Je = de((We) => {
+    ke(q.current, We.relatedTarget) || (H(!0), Te(!1), P(!1), G === "onBlur" && O.commit(re.current));
   }), Ge = b.useCallback((We) => {
     if (J != null)
       return We === 0 ? J : `${J}-${We + 1}`;
@@ -23102,7 +23147,7 @@ const a1 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     focusInput: Re,
     queueFocusInput: Ke,
     getInputId: Ge,
-    handleInputBlur: Qe,
+    handleInputBlur: Je,
     handleInputFocus: He,
     inputMode: be,
     inputAriaLabelledBy: me,
@@ -23118,8 +23163,8 @@ const a1 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     state: Ze,
     validationType: x,
     value: X
-  }), [Ne, i, B, Re, m, Ge, Qe, He, be, me, _, d, h, le, Ke, v, Oe, C, y, Se, Ze, x, X]), mt = ve("div", t, {
-    ref: [n, K],
+  }), [Ne, i, B, Re, m, Ge, Je, He, be, me, _, d, h, le, Ke, v, Oe, C, y, Se, Ze, x, X]), mt = ve("div", t, {
+    ref: [n, q],
     state: Ze,
     props: [{
       role: "group",
@@ -23268,27 +23313,27 @@ const l1 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     onChange(W) {
       if (W.defaultPrevented || m || I)
         return;
-      const Y = W.currentTarget.value, [K, ee] = Sl(Y, S, D, T);
-      if (ee && E(Y, Rn(Hn, W.nativeEvent)), K === "") {
+      const Y = W.currentTarget.value, [q, ee] = Sl(Y, S, D, T);
+      if (ee && E(Y, Rn(Hn, W.nativeEvent)), q === "") {
         Y === "" ? A(Du(_, z), we(Sn, W.nativeEvent)) : P !== "" && (W.currentTarget.value = P, W.currentTarget.select());
         return;
       }
-      const te = Ib(_, z, K, S, D, T), Z = A(te, we(Hn, W.nativeEvent));
+      const te = Ib(_, z, q, S, D, T), Z = A(te, we(Hn, W.nativeEvent));
       if (Z != null) {
-        const ne = Math.min(z + K.length, S - 1);
+        const ne = Math.min(z + q.length, S - 1);
         h(ne, Z);
       }
     },
     onKeyDown(W) {
       if (W.defaultPrevented || m)
         return;
-      const Y = 0, K = Math.max(S - 1, Y), ee = Math.min(_.length, K), te = (W.ctrlKey || W.metaKey) && !W.altKey, Z = G === "rtl", ne = Z ? "ArrowRight" : "ArrowLeft", J = Z ? "ArrowLeft" : "ArrowRight";
+      const Y = 0, q = Math.max(S - 1, Y), ee = Math.min(_.length, q), te = (W.ctrlKey || W.metaKey) && !W.altKey, Z = G === "rtl", ne = Z ? "ArrowRight" : "ArrowLeft", J = Z ? "ArrowLeft" : "ArrowRight";
       if (W.key === ne) {
         vt(W), f(te ? Y : Math.max(Y, z - 1));
         return;
       }
       if (W.key === J) {
-        vt(W), f(te ? ee : Math.min(K, z + 1));
+        vt(W), f(te ? ee : Math.min(q, z + 1));
         return;
       }
       if (W.key === "Home" || W.key === "ArrowUp") {
@@ -23338,12 +23383,12 @@ const l1 = /* @__PURE__ */ b.forwardRef(function(t, n) {
         return;
       }
       W.preventDefault();
-      const [K, ee] = Sl(Y, S, D, T);
-      if (ee && E(Y, Rn(ui, W.nativeEvent)), K === "")
+      const [q, ee] = Sl(Y, S, D, T);
+      if (ee && E(Y, Rn(ui, W.nativeEvent)), q === "")
         return;
-      const te = A(Ib(_, z, K, S, D, T), we(ui, W.nativeEvent));
+      const te = A(Ib(_, z, q, S, D, T), we(ui, W.nativeEvent));
       if (te != null) {
-        const Z = Math.min(z + K.length, S - 1);
+        const Z = Math.min(z + q.length, S - 1);
         h(Z, te);
       }
     }
@@ -23368,13 +23413,13 @@ function V3({
     {
       ref: r,
       length: e,
-      className: q("flex items-center gap-2", n),
+      className: K("flex items-center gap-2", n),
       ...o,
       children: Array.from({ length: e }, (s, i) => /* @__PURE__ */ M("span", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ p(
           l1,
           {
-            className: q(
+            className: K(
               "grid h-control-md w-11 place-items-center rounded-md",
               "border border-field-border bg-field",
               "text-center font-mono text-lg tabular-nums text-primary",
@@ -23677,7 +23722,7 @@ function EA(e) {
     setFilled: L,
     name: W,
     disabled: Y,
-    setTouched: K,
+    setTouched: q,
     setFocused: ee,
     validationMode: te,
     validation: Z
@@ -23685,7 +23730,7 @@ function EA(e) {
     id: t
   }), ce = SA({
     locale: H
-  }), [me, pe] = b.useState(!1), [se, oe] = b.useState(null), le = b.useRef([]), fe = b.useRef([]), be = b.useRef(null), Q = b.useRef(null), X = b.useRef(null), re = b.useRef(null), he = b.useRef(null), ie = b.useRef(!0), ae = b.useRef(!1), ye = b.useRef(null), Ee = b.useRef(null), $e = b.useRef(null), Te = b.useRef(_u), Ne = b.useRef(null), Re = b.useRef([]), Ke = b.useRef(null), Le = Y || h, De = W ?? d, Se = u === "multiple", Oe = u === "single", He = a !== void 0 || i !== void 0, Qe = v !== void 0, Ge = C !== void 0;
+  }), [me, pe] = b.useState(!1), [se, oe] = b.useState(null), le = b.useRef([]), fe = b.useRef([]), be = b.useRef(null), Q = b.useRef(null), X = b.useRef(null), re = b.useRef(null), he = b.useRef(null), ie = b.useRef(!0), ae = b.useRef(!1), ye = b.useRef(null), Ee = b.useRef(null), $e = b.useRef(null), Te = b.useRef(_u), Ne = b.useRef(null), Re = b.useRef([]), Ke = b.useRef(null), Le = Y || h, De = W ?? d, Se = u === "multiple", Oe = u === "single", He = a !== void 0 || i !== void 0, Je = v !== void 0, Ge = C !== void 0;
   let Ze;
   N === "always" ? Ze = "always" : Ze = N ? "input-change" : !1;
   const [Ae, mt] = on({
@@ -23703,7 +23748,7 @@ function EA(e) {
     default: c,
     name: "Combobox",
     state: "open"
-  }), St = fm(v), Ue = se ?? String(lt).trim(), ht = Oe ? _n(Ae, T) : "", $t = Oe && !me && Ue !== "" && ht.length === Ue.length && ce.contains(ht, Ue), qt = $t ? "" : Ue, dn = Qe && Ge && $t, Gt = b.useMemo(() => v ? St ? v.flatMap((Ie) => Ie.items) : v : hn, [v, St]), en = b.useMemo(() => {
+  }), St = fm(v), Ue = se ?? String(lt).trim(), ht = Oe ? _n(Ae, T) : "", $t = Oe && !me && Ue !== "" && ht.length === Ue.length && ce.contains(ht, Ue), qt = $t ? "" : Ue, dn = Je && Ge && $t, Gt = b.useMemo(() => v ? St ? v.flatMap((Ie) => Ie.items) : v : hn, [v, St]), en = b.useMemo(() => {
     if (C && !dn)
       return C;
     if (!v)
@@ -23750,7 +23795,7 @@ function EA(e) {
     return Ie;
   }, [C, dn, v, St, qt, O, We, T, Gt]), Yt = b.useMemo(() => St ? en.flatMap((Ve) => Ve.items) : en, [en, St]), et = At(() => {
     let Ie = null;
-    return _ && Me && Qe && u !== "none" && (Ie = Vu(Yt, Ae, V, Se)), new Tv({
+    return _ && Me && Je && u !== "none" && (Ie = Vu(Yt, Ae, V, Se)), new Tv({
       id: J,
       labelId: void 0,
       selectedValue: Ae,
@@ -23879,9 +23924,9 @@ function EA(e) {
       Ft(Ie);
     }
   }), Fs = de((Ie, Ve) => {
-    if (Me !== Ie && (Ve.reason === $o && Qe && Yt.length === 0 && !he.current && Ve.allowPropagation(), e.onOpenChange?.(Ie, Ve), !Ve.isCanceled && (Ie && rr && !vn && se !== null && (pe(!1), oe(null), lt !== "" && Ve.reason !== Hn && sr("", we(Sn, Ve.event))), !Ie && me && (Oe ? (vn || oe(Ue), Ue === "" && pe(!1)) : Se && (vn || oe(Ue), rr && or({
+    if (Me !== Ie && (Ve.reason === $o && Je && Yt.length === 0 && !he.current && Ve.allowPropagation(), e.onOpenChange?.(Ie, Ve), !Ve.isCanceled && (Ie && rr && !vn && se !== null && (pe(!1), oe(null), lt !== "" && Ve.reason !== Hn && sr("", we(Sn, Ve.event))), !Ie && me && (Oe ? (vn || oe(Ue), Ue === "" && pe(!1)) : Se && (vn || oe(Ue), rr && or({
       activeIndex: null
-    }), (!rr || vn) && sr("", we(Sn, Ve.event)))), Ct(Ie), !Ie && rr && (Ve.reason === Mr || Ve.reason === Ti) && (K(!0), ee(!1), te === "onBlur")))) {
+    }), (!rr || vn) && sr("", we(Sn, Ve.event)))), Ct(Ie), !Ie && rr && (Ve.reason === Mr || Ve.reason === Ti) && (q(!0), ee(!1), te === "onBlur")))) {
       const It = u === "none" ? lt : Ae;
       Z.commit(It);
     }
@@ -23938,11 +23983,11 @@ function EA(e) {
   }), [ru]), ge(function() {
     if (Me || (Ke.current = null, u === "none"))
       return;
-    const Ve = Qe ? Gt : Re.current;
+    const Ve = Je ? Gt : Re.current;
     or({
       selectedIndex: Vu(Ve, Ae, V, Se)
     });
-  }, [Me, Ae, u, Se, Qe, Gt, V, or]), ge(() => {
+  }, [Me, Ae, u, Se, Je, Gt, V, or]), ge(() => {
     v && (Re.current = Yt, le.current.length = Yt.length);
   }, [v, Yt]), ge(() => {
     const Ie = Ne.current;
@@ -23957,7 +24002,7 @@ function EA(e) {
             return;
           const Lr = et.state.selectedValue, $s = et.state.selectionMode === "multiple", rR = $s && Array.isArray(Lr) ? Lr[Lr.length - 1] : Lr, Lh = et.state.selectionMode !== "none" && rR != null;
           if (Lh || Zn) {
-            const oR = Qe || Ge ? Yt : Re.current;
+            const oR = Je || Ge ? Yt : Re.current;
             et.set("activeIndex", Lh ? Vu(oR, Lr, et.state.isItemEqualToValue, $s) : null);
           } else Ze === "always" && et.set("activeIndex", 0);
         });
@@ -23965,7 +24010,7 @@ function EA(e) {
     }
     if (!Me && !vn)
       return;
-    const It = Qe || Ge ? Yt : Re.current, Tt = et.state.activeIndex;
+    const It = Je || Ge ? Yt : Re.current, Tt = et.state.activeIndex;
     if (Tt == null) {
       if (Ze === "always" && It.length > 0) {
         et.set("activeIndex", 0);
@@ -23985,7 +24030,7 @@ function EA(e) {
     Ze,
     Ko,
     Ge,
-    Qe,
+    Je,
     Yt,
     vn,
     Me,
@@ -24000,10 +24045,10 @@ function EA(e) {
     }
     L(Se ? Array.isArray(Ae) && Ae.length > 0 : Ae != null);
   }, [L, u, lt, Ae, Se]), b.useEffect(() => {
-    Qe && Ze && Yt.length === 0 && or({
+    Je && Ze && Yt.length === 0 && or({
       activeIndex: null
     });
-  }, [Qe, Ze, Yt.length, or]);
+  }, [Je, Ze, Yt.length, or]);
   function XE(Ie) {
     const Ve = B.initialValue;
     return Array.isArray(Ie) && Array.isArray(Ve) ? !Mc(Ie, Ve, (It, Tt) => jn(It, Tt, V)) : Ie !== Ve;
@@ -24152,10 +24197,10 @@ function EA(e) {
   }, [et, J, Ae, Me, Oh, tu, v, su, iu, ou, au, Ah, nu, u, De, Le, g, x, w, D, R, T, z, V, $, He, _, Ze, f]);
   const ZE = ln(y, Z.inputRef), QE = b.useMemo(() => ({
     query: Ue,
-    hasItems: Qe,
+    hasItems: Je,
     filteredItems: en,
     flatFilteredItems: Yt
-  }), [Ue, Qe, en, Yt]), JE = b.useMemo(() => Array.isArray(Xn) ? "" : Qn(Xn, A), [Xn, A]), eR = Se && Array.isArray(Ae) && Ae.length > 0, lu = Se || u === "none" && GE ? void 0 : De, tR = b.useMemo(() => !Se || !Array.isArray(Ae) || !De ? null : Ae.map((Ie) => {
+  }), [Ue, Je, en, Yt]), JE = b.useMemo(() => Array.isArray(Xn) ? "" : Qn(Xn, A), [Xn, A]), eR = Se && Array.isArray(Ae) && Ae.length > 0, lu = Se || u === "none" && GE ? void 0 : De, tR = b.useMemo(() => !Se || !Array.isArray(Ae) || !De ? null : Ae.map((Ie) => {
     const Ve = Qn(Ie, A);
     return /* @__PURE__ */ p("input", {
       type: "hidden",
@@ -24218,7 +24263,7 @@ function EA(e) {
     children: /* @__PURE__ */ p(am.Provider, {
       value: na,
       children: /* @__PURE__ */ p(cm.Provider, {
-        value: Qe,
+        value: Je,
         children: /* @__PURE__ */ p(lm.Provider, {
           value: QE,
           children: /* @__PURE__ */ p(um.Provider, {
@@ -24337,7 +24382,7 @@ const xm = /* @__PURE__ */ b.forwardRef(function(t, n) {
     validation: h
   } = Kt(), {
     labelId: g
-  } = sn(), x = x1(), w = !!gm(!0), v = pn(), C = dm(), S = qn(), R = ue(v, Ce.required), N = ue(v, Ce.disabled), E = ue(v, Ce.readOnly), I = ue(v, Ce.name), k = ue(v, Ce.form), T = ue(v, Ce.selectionMode), A = ue(v, Ce.autoHighlight), V = ue(v, Ce.inputProps), D = ue(v, Ce.triggerProps), _ = ue(v, Ce.open), F = ue(v, Ce.mounted), z = ue(v, Ce.selectedValue), O = ue(v, Ce.id), G = ue(v, Ce.inline), P = ue(v, Ce.modal), H = !!A, $ = y1(v), U = u || N || s, j = Dc(), B = w || G, L = !B || P, W = yt(i ?? (B ? void 0 : O)), Y = w ? uw : c, [K, ee] = b.useState(null), te = b.useRef(!1), Z = b.useRef(null), ne = b.useRef(!1), J = T === "none" && !w, ce = de((Q) => {
+  } = sn(), x = x1(), w = !!gm(!0), v = pn(), C = dm(), S = qn(), R = ue(v, Ce.required), N = ue(v, Ce.disabled), E = ue(v, Ce.readOnly), I = ue(v, Ce.name), k = ue(v, Ce.form), T = ue(v, Ce.selectionMode), A = ue(v, Ce.autoHighlight), V = ue(v, Ce.inputProps), D = ue(v, Ce.triggerProps), _ = ue(v, Ce.open), F = ue(v, Ce.mounted), z = ue(v, Ce.selectedValue), O = ue(v, Ce.id), G = ue(v, Ce.inline), P = ue(v, Ce.modal), H = !!A, $ = y1(v), U = u || N || s, j = Dc(), B = w || G, L = !B || P, W = yt(i ?? (B ? void 0 : O)), Y = w ? uw : c, [q, ee] = b.useState(null), te = b.useRef(!1), Z = b.useRef(null), ne = b.useRef(!1), J = T === "none" && !w, ce = de((Q) => {
     const X = w || v.state.inline;
     X && !v.state.hasInputValue && v.state.setInputValue("", we(Et)), v.update({
       inputElement: Q,
@@ -24376,7 +24421,7 @@ const xm = /* @__PURE__ */ b.forwardRef(function(t, n) {
     state: oe,
     ref: [n, v.state.inputRef, ce],
     props: [V, D, {
-      value: K ?? C,
+      value: q ?? C,
       "aria-readonly": E || void 0,
       "aria-required": R || void 0,
       "aria-labelledby": g,
@@ -24524,7 +24569,7 @@ const S1 = /* @__PURE__ */ b.forwardRef(function(t, n) {
     W.current = me.pointerType;
   }
   const {
-    reference: K
+    reference: q
   } = sp(O, {
     enabled: !V && !C && !v && w === "single",
     listRef: y.state.labelsRef,
@@ -24558,7 +24603,7 @@ const S1 = /* @__PURE__ */ b.forwardRef(function(t, n) {
   return ve("button", t, {
     ref: [n, te, J],
     state: ne,
-    props: [I, ee, K, {
+    props: [I, ee, q, {
       id: j,
       tabIndex: k ? 0 : -1,
       role: k ? "combobox" : void 0,
@@ -25379,7 +25424,7 @@ const $1 = [
   "has-disabled:opacity-45"
 ];
 function z1(e) {
-  const t = Je(null), [n, r] = Pe(null);
+  const t = Qe(null), [n, r] = Pe(null);
   return {
     anchorRef: t,
     handleOpenChange: ((...s) => {
@@ -25408,7 +25453,7 @@ function _3({
       ...a,
       onOpenChange: c,
       children: [
-        /* @__PURE__ */ M("div", { ref: l, className: q(L1, "h-control-md", n), children: [
+        /* @__PURE__ */ M("div", { ref: l, className: K(L1, "h-control-md", n), children: [
           /* @__PURE__ */ p(xe, { name: "search", size: "sm", className: "shrink-0 text-tertiary" }),
           /* @__PURE__ */ p(
             xm,
@@ -25443,7 +25488,7 @@ function _3({
             }
           )
         ] }),
-        /* @__PURE__ */ p(Cm, { children: /* @__PURE__ */ p(Sm, { sideOffset: 6, className: "z-(--z-popover) outline-none", children: /* @__PURE__ */ M(Em, { className: q($1), style: u, children: [
+        /* @__PURE__ */ p(Cm, { children: /* @__PURE__ */ p(Sm, { sideOffset: 6, className: "z-(--z-popover) outline-none", children: /* @__PURE__ */ M(Em, { className: K($1), style: u, children: [
           /* @__PURE__ */ p(Im, { className: "px-3 py-6 text-center text-sm text-tertiary", children: t }),
           /* @__PURE__ */ p(vm, { children: r })
         ] }) }) })
@@ -25456,7 +25501,7 @@ function F3({ className: e, children: t, ref: n, ...r }) {
     M1,
     {
       ref: n,
-      className: q(
+      className: K(
         "dx-tap relative flex cursor-pointer select-none items-center gap-2 rounded-md py-2 pr-2 pl-8",
         "text-sm text-secondary outline-none",
         "transition-[var(--tx-colors)] duration-(--dur-instant)",
@@ -25505,12 +25550,12 @@ function L3({
           A1,
           {
             ref: c,
-            className: q(L1, "min-h-control-md flex-wrap gap-1.5 py-1.5", r),
+            className: K(L1, "min-h-control-md flex-wrap gap-1.5 py-1.5", r),
             children: [
               /* @__PURE__ */ p(RA, { children: (d) => d.map((f, h) => /* @__PURE__ */ M(
                 D1,
                 {
-                  className: q(
+                  className: K(
                     "flex items-center gap-1.5 rounded-md bg-accent-subtle py-1 pr-1 pl-2",
                     "text-xs font-medium text-accent-text",
                     "animate-scale-in"
@@ -25541,7 +25586,7 @@ function L3({
             ]
           }
         ),
-        /* @__PURE__ */ p(Cm, { children: /* @__PURE__ */ p(Sm, { sideOffset: 6, className: "z-(--z-popover) outline-none", children: /* @__PURE__ */ M(Em, { className: q($1), style: m, children: [
+        /* @__PURE__ */ p(Cm, { children: /* @__PURE__ */ p(Sm, { sideOffset: 6, className: "z-(--z-popover) outline-none", children: /* @__PURE__ */ M(Em, { className: K($1), style: m, children: [
           /* @__PURE__ */ p(Im, { className: "px-3 py-6 text-center text-sm text-tertiary", children: t }),
           /* @__PURE__ */ p(vm, { children: o })
         ] }) }) })
@@ -25656,7 +25701,7 @@ function BA(e) {
     default: i,
     name: "Select",
     state: "open"
-  }), L = b.useRef([]), W = b.useRef([]), Y = b.useRef(null), K = b.useRef(null), ee = b.useRef(0), te = b.useRef(null), Z = b.useRef([]), ne = b.useRef(!1), J = b.useRef(null), ce = b.useRef(null), me = b.useRef({
+  }), L = b.useRef([]), W = b.useRef([]), Y = b.useRef(null), q = b.useRef(null), ee = b.useRef(0), te = b.useRef(null), Z = b.useRef([]), ne = b.useRef(!1), J = b.useRef(null), ce = b.useRef(null), me = b.useRef({
     allowSelectedMouseUp: !1,
     allowUnselectedMouseUp: !1,
     dragY: 0
@@ -25739,17 +25784,17 @@ function BA(e) {
   }), He = de((Ue) => {
     const ht = B1(Ue.scrollHeight, Ue.clientHeight), $t = Dd(Ue.scrollTop, ht), qt = $t > 0, dn = $t < ht;
     Q.set("scrollUpArrowVisible", qt), Q.set("scrollDownArrowVisible", dn);
-  }), Qe = Vv({
+  }), Je = Vv({
     open: j,
     onOpenChange: De,
     elements: {
       reference: he,
       floating: ie
     }
-  }), Ge = Rs(Qe, {
+  }), Ge = Rs(Je, {
     enabled: !d && !P,
     event: "mousedown"
-  }), Ze = Ns(Qe), Ae = op(Qe, {
+  }), Ze = Ns(Je), Ae = op(Je, {
     enabled: !d && !P,
     listRef: L,
     activeIndex: X,
@@ -25759,7 +25804,7 @@ function BA(e) {
       Ue === null && !j || Q.set("activeIndex", Ue);
     },
     focusItemOnHover: N
-  }), mt = sp(Qe, {
+  }), mt = sp(Je, {
     enabled: !d && !P && (j || !v),
     listRef: W,
     activeIndex: X,
@@ -25800,7 +25845,7 @@ function BA(e) {
   });
   const Ft = b.useMemo(() => ({
     store: Q,
-    floatingContext: Qe,
+    floatingContext: Je,
     required: f,
     disabled: P,
     readOnly: d,
@@ -25810,7 +25855,7 @@ function BA(e) {
     setOpen: De,
     listRef: L,
     popupRef: Y,
-    scrollHandlerRef: K,
+    scrollHandlerRef: q,
     handleScrollArrowVisibility: He,
     scrollArrowsMountedCountRef: ee,
     itemProps: lt,
@@ -25825,7 +25870,7 @@ function BA(e) {
     onOpenChangeComplete: y,
     alignItemWithTriggerActiveRef: pe,
     initialValueRef: Re
-  }), [Q, Qe, f, P, d, v, N, Oe, De, lt, z, y, He]), Me = ln(x, z.inputRef), Ct = v ? void 0 : H, St = b.useMemo(() => !v || !Array.isArray($) || !H ? null : $.map((Ue) => {
+  }), [Q, Je, f, P, d, v, N, Oe, De, lt, z, y, He]), Me = ln(x, z.inputRef), Ct = v ? void 0 : H, St = b.useMemo(() => !v || !Array.isArray($) || !H ? null : $.map((Ue) => {
     const ht = Qn(Ue, S);
     return /* @__PURE__ */ p("input", {
       type: "hidden",
@@ -25924,20 +25969,20 @@ const HA = 400, GA = {
   } = _t({
     disabled: E,
     native: a
-  }), L = x.useStateSetter("triggerElement"), W = wt(), Y = wt(), K = wt();
+  }), L = x.useStateSetter("triggerElement"), W = wt(), Y = wt(), q = wt();
   b.useEffect(() => {
     if (I)
-      return K.start(HA, () => {
+      return q.start(HA, () => {
         w.current.allowUnselectedMouseUp = !0, w.current.allowSelectedMouseUp = !0;
       }), () => {
-        K.clear();
+        q.clear();
       };
     w.current = {
       allowSelectedMouseUp: !1,
       allowUnselectedMouseUp: !1,
       dragY: 0
     }, Y.clear();
-  }, [I, w, Y, K]);
+  }, [I, w, Y, q]);
   const ee = rn(A, {
     id: P,
     role: "combobox",
@@ -26119,9 +26164,9 @@ const K1 = {
     disableAnchorTracking: g ?? W,
     collisionAvoidance: y,
     keepMounted: !0
-  }), K = W ? "none" : Y.side, ee = W ? WA : Y.positionerStyles, te = {
+  }), q = W ? "none" : Y.side, ee = W ? WA : Y.positionerStyles, te = {
     open: D,
-    side: K,
+    side: q,
     align: Y.align,
     anchorHidden: Y.anchorHidden
   };
@@ -26162,12 +26207,12 @@ const K1 = {
     }
   }), me = b.useMemo(() => ({
     ...Y,
-    side: K,
+    side: q,
     alignItemWithTriggerActive: W,
     setControlledAlignItemWithTrigger: L,
     scrollUpArrowRef: U,
     scrollDownArrowRef: j
-  }), [Y, K, W, L]);
+  }), [Y, q, W, L]);
   return /* @__PURE__ */ p(Fr, {
     elementsRef: S,
     labelsRef: R,
@@ -26307,7 +26352,7 @@ const jA = {
       }
       const Oe = Ke + Se + ie + re;
       let He = Math.min(Ne, Oe);
-      const Qe = Ne - he - ie, Ge = Oe - He, Ze = Re - $e;
+      const Je = Ne - he - ie, Ge = Oe - He, Ze = Re - $e;
       H.style.left = `${Ot(De, Ee, Ze - fe.width)}px`, H.style.height = `${He}px`, H.style.maxHeight = "none", H.style.marginTop = `${he}px`, H.style.marginBottom = `${ie}px`, te.style.height = "100%";
       const Ae = Ma(Q), mt = Ge >= Ae - Cr;
       mt && (He = Math.min(Ne, fe.height) - (Ge - Ae));
@@ -26319,7 +26364,7 @@ const jA = {
       const lt = Math.max(ae, He);
       if (mt) {
         const Ft = Math.max(0, Ne - Oe);
-        H.style.top = fe.height >= Qe ? "0" : `${Ft}px`, H.style.height = `${He}px`, Q.scrollTop = Ma(Q);
+        H.style.top = fe.height >= Je ? "0" : `${Ft}px`, H.style.height = `${He}px`, Q.scrollTop = Ma(Q);
       } else
         H.style.bottom = "0", Q.scrollTop = Ge;
       if (Le) {
@@ -26339,7 +26384,7 @@ const jA = {
     }
     return Ye(te, "resize", Z);
   }, [m, N, H, _]);
-  const K = {
+  const q = {
     ...$ ? {
       role: "presentation",
       "aria-orientation": void 0
@@ -26364,7 +26409,7 @@ const jA = {
     ref: [n, c],
     state: Y,
     stateAttributesMapping: jA,
-    props: [O, K, Ms(G), a]
+    props: [O, q, Ms(G), a]
   });
   return /* @__PURE__ */ M(b.Fragment, {
     children: [!V && bs.getElement(A), /* @__PURE__ */ p(Pi, {
@@ -26507,8 +26552,8 @@ const Z1 = /* @__PURE__ */ b.memo(/* @__PURE__ */ b.forwardRef(function(t, n) {
       return;
     const W = f.state.value;
     if (C) {
-      const Y = Array.isArray(W) ? W : [], K = T ? d1(Y, i, V) : [...Y, i];
-      x(K, we(Ro, L));
+      const Y = Array.isArray(W) ? W : [], q = T ? d1(Y, i, V) : [...Y, i];
+      x(q, we(Ro, L));
     } else
       x(i, we(Ro, L)), g(!1, we(Ro, L));
   }
@@ -26523,10 +26568,10 @@ const Z1 = /* @__PURE__ */ b.memo(/* @__PURE__ */ b.forwardRef(function(t, n) {
       f.set("activeIndex", D), L.key === " " && w.current && L.preventDefault();
     },
     onClick(L) {
-      const W = F.current !== "touch", Y = L.nativeEvent.pointerType, K = W && Rf(L.nativeEvent) && // Generic no-pointer `detail === 0` clicks stay tied to highlight state. Virtual
+      const W = F.current !== "touch", Y = L.nativeEvent.pointerType, q = W && Rf(L.nativeEvent) && // Generic no-pointer `detail === 0` clicks stay tied to highlight state. Virtual
       // clicks that carry browser pointer data, including an empty string from assistive
       // technology, can activate unhighlighted items.
-      (Y !== void 0 || I), ee = W && !K && !z.current;
+      (Y !== void 0 || I), ee = W && !q && !z.current;
       z.current = !1, !(E || ee) && H(L.nativeEvent);
     },
     onPointerEnter(L) {
@@ -26729,7 +26774,7 @@ function Vd(e, t = []) {
   }), t;
 }
 function QA(e) {
-  const t = Je(e), n = t.current;
+  const t = Qe(e), n = t.current;
   return n.length === e.length && n.every(
     (o, s) => Object.is(o.value, e[s]?.value) && Object.is(o.label, e[s]?.label)
   ) || (t.current = e), t.current;
@@ -26757,7 +26802,7 @@ function Xr({
       ...a,
       ...c ? { items: c } : {},
       children: [
-        /* @__PURE__ */ M(H1, { ref: o, "aria-label": i, className: q(ZA({ size: e }), n), children: [
+        /* @__PURE__ */ M(H1, { ref: o, "aria-label": i, className: K(ZA({ size: e }), n), children: [
           /* @__PURE__ */ p(
             G1,
             {
@@ -26786,7 +26831,7 @@ function Xr({
         /* @__PURE__ */ p(W1, { children: /* @__PURE__ */ p(q1, { sideOffset: 6, className: "z-(--z-popover) outline-none", children: /* @__PURE__ */ p(
           Y1,
           {
-            className: q(
+            className: K(
               "max-h-[min(24rem,var(--available-height))] min-w-[var(--anchor-width)] overflow-y-auto",
               "dx-ground-overlay rounded-lg border border-border bg-surface-overlay p-1 shadow-lg",
               "origin-[var(--transform-origin)]",
@@ -26806,7 +26851,7 @@ function pr({ className: e, children: t, ref: n, ...r }) {
     Z1,
     {
       ref: n,
-      className: q(
+      className: K(
         "dx-tap relative flex cursor-pointer select-none items-center gap-2 rounded-md py-2 pr-2 pl-8",
         "text-sm text-secondary outline-none",
         "transition-[var(--tx-colors)] duration-(--dur-instant)",
@@ -26848,7 +26893,7 @@ function tD({ label: e, children: t }) {
   ] });
 }
 function z3({ className: e }) {
-  return /* @__PURE__ */ p(YA, { className: q("my-1 h-px bg-border-subtle", e) });
+  return /* @__PURE__ */ p(YA, { className: K("my-1 h-px bg-border-subtle", e) });
 }
 function nD({
   value: e,
@@ -26870,7 +26915,7 @@ function nD({
           type: "button",
           disabled: s,
           "aria-label": o,
-          className: q(
+          className: K(
             "dx-tap group/status inline-flex items-center gap-1 rounded-full outline-none",
             "transition-[var(--tx-colors),box-shadow,opacity] duration-(--dur-fast) ease-hover",
             "hover:not-disabled:opacity-85",
@@ -26896,7 +26941,7 @@ function nD({
         {
           type: "button",
           onClick: () => n(l.value),
-          className: q(
+          className: K(
             "dx-tap flex items-center justify-between gap-2 rounded-md px-1.5 py-1.5",
             "text-left outline-none transition-[var(--tx-colors)] duration-(--dur-instant)",
             "hover:bg-surface-hover focus-visible:bg-surface-hover"
@@ -26996,7 +27041,7 @@ function Vm({
        activates on Enter and Space, and announces as actionable — none of
        which a div with an onClick does. */
     defaultTagName: n ? "button" : "div",
-    props: { className: q(c.root(), s), children: i, ...l }
+    props: { className: K(c.root(), s), children: i, ...l }
   });
 }
 function rC({
@@ -27008,10 +27053,10 @@ function rC({
   className: s
 }) {
   const i = Dm();
-  return /* @__PURE__ */ M("div", { className: q(i.header(), s), children: [
+  return /* @__PURE__ */ M("div", { className: K(i.header(), s), children: [
     r,
     /* @__PURE__ */ M("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-      e && /* @__PURE__ */ p(o, { className: q(i.title(), "text-md"), children: e }),
+      e && /* @__PURE__ */ p(o, { className: K(i.title(), "text-md"), children: e }),
       t && /* @__PURE__ */ p("p", { className: i.description(), children: t })
     ] }),
     n
@@ -27019,7 +27064,7 @@ function rC({
 }
 function B3({ className: e, children: t }) {
   const n = Dm();
-  return /* @__PURE__ */ p("div", { className: q(n.footer(), e), children: t });
+  return /* @__PURE__ */ p("div", { className: K(n.footer(), e), children: t });
 }
 const rD = Rt({
   slots: {
@@ -27104,7 +27149,7 @@ function H3({
        A `render` prop overrides it for the link case. */
     defaultTagName: c ? "button" : "div",
     props: {
-      className: q(x.root(), d),
+      className: K(x.root(), d),
       ...g,
       children: /* @__PURE__ */ M(dt, { children: [
         /* @__PURE__ */ M("div", { className: x.top(), children: [
@@ -27170,27 +27215,27 @@ const Ki = {
       tabActivationDirection: k
     });
   }, [A, V, k]);
-  const D = de((Y, K) => {
+  const D = de((Y, q) => {
     const ee = Db(g, Y, i, w);
-    K.activationDirection = ee, s?.(Y, K), !K.isCanceled && x(Y);
-  }), _ = de((Y, K) => {
-    s?.(Y, we(K, void 0, void 0, {
+    q.activationDirection = ee, s?.(Y, q), !q.isCanceled && x(Y);
+  }), _ = de((Y, q) => {
+    s?.(Y, we(q, void 0, void 0, {
       activationDirection: "none"
     }));
-  }), F = de((Y, K) => (h((ee) => {
+  }), F = de((Y, q) => (h((ee) => {
     const te = new Map(ee);
-    return te.set(Y, K), te;
+    return te.set(Y, q), te;
   }), () => {
     h((ee) => {
-      if (ee.get(Y) !== K)
+      if (ee.get(Y) !== q)
         return ee;
       const te = new Map(ee);
       return te.delete(Y), te;
     });
   })), z = b.useCallback((Y) => f.get(Y), [f]), O = b.useCallback((Y) => {
-    for (const K of w.values())
-      if (Y === K.value)
-        return K.id;
+    for (const q of w.values())
+      if (Y === q.value)
+        return q.id;
   }, [w]), G = b.useMemo(() => ({
     getTabElementBySelectedValue: S,
     getTabIdByPanelValue: O,
@@ -27224,18 +27269,18 @@ const Ki = {
       return;
     }
     B.current = !0, C.current = w.keys().next().value;
-    const K = P?.disabled, ee = P == null && g !== null;
-    if (!K && g === U.current && (j.current = !1), j.current && K && g === U.current)
+    const q = P?.disabled, ee = P == null && g !== null;
+    if (!q && g === U.current && (j.current = !1), j.current && q && g === U.current)
       return;
     const te = $.current;
-    if (K || ee) {
+    if (q || ee) {
       const Z = H ?? null;
       if (g === Z) {
         $.current = !1;
         return;
       }
       let ne = dg;
-      te ? ne = fg : K && (ne = Jy), Y(Z, ne);
+      te ? ne = fg : q && (ne = Jy), Y(Z, ne);
       return;
     }
     te && P != null && (_(g, fg), $.current = !1);
@@ -27678,7 +27723,7 @@ const _c = Rt({
 });
 function iD({ variant: e, className: t, children: n, ref: r, ...o }) {
   const s = _c({ variant: e });
-  return /* @__PURE__ */ p(oC, { ref: r, className: q(s.root(), t), ...o, children: n });
+  return /* @__PURE__ */ p(oC, { ref: r, className: K(s.root(), t), ...o, children: n });
 }
 function _b(e) {
   if (e.scrollWidth <= e.clientWidth) return;
@@ -27692,7 +27737,7 @@ function _b(e) {
   i = Math.max(0, Math.min(i, e.scrollWidth - e.clientWidth)), !(Math.abs(i - s) < 1) && e.scrollTo({ left: i, behavior: uC() ? "auto" : "smooth" });
 }
 function aD({ className: e, children: t, variant: n }) {
-  const r = _c({ variant: n }), o = Je(null);
+  const r = _c({ variant: n }), o = Qe(null);
   return at(() => {
     const s = o.current;
     if (!s) return;
@@ -27703,14 +27748,14 @@ function aD({ className: e, children: t, variant: n }) {
       attributes: !0,
       attributeFilter: ["data-active"]
     }), () => i.disconnect();
-  }, []), /* @__PURE__ */ M(cC, { ref: o, className: q(r.list(), e), children: [
+  }, []), /* @__PURE__ */ M(cC, { ref: o, className: K(r.list(), e), children: [
     t,
     /* @__PURE__ */ p(aC, { className: r.indicator() })
   ] });
 }
 function lD({ className: e, children: t, variant: n, ref: r, ...o }) {
   const s = _c({ variant: n });
-  return /* @__PURE__ */ p(iC, { ref: r, className: q(s.tab(), e), ...o, children: t });
+  return /* @__PURE__ */ p(iC, { ref: r, className: K(s.tab(), e), ...o, children: t });
 }
 function cD({ className: e, children: t, ref: n, ...r }) {
   const o = _c();
@@ -27718,7 +27763,7 @@ function cD({ className: e, children: t, ref: n, ...r }) {
     lC,
     {
       ref: n,
-      className: q(
+      className: K(
         o.panel(),
         /* Content fades and rises a little on arrival. Deliberately subtle and
            quick — a panel that makes an entrance every time you switch tabs
@@ -28305,7 +28350,7 @@ function bD({ className: e, children: t, ref: n, ...r }) {
     {
       ref: n,
       multiple: !0,
-      className: q("flex min-w-0 flex-col", e),
+      className: K("flex min-w-0 flex-col", e),
       ...r,
       children: t
     }
@@ -28316,13 +28361,13 @@ function xD({ title: e, meta: t, className: n, children: r, ref: o, ...s }) {
     gC,
     {
       ref: o,
-      className: q("border-b border-border-subtle last:border-b-0", n),
+      className: K("border-b border-border-subtle last:border-b-0", n),
       ...s,
       children: [
         /* @__PURE__ */ p(bC, { children: /* @__PURE__ */ M(
           xC,
           {
-            className: q(
+            className: K(
               "group/trigger flex w-full cursor-pointer items-center gap-3 py-4 text-left",
               "font-medium text-primary outline-none",
               "transition-colors duration-(--dur-fast) ease-hover",
@@ -28345,7 +28390,7 @@ function xD({ title: e, meta: t, className: n, children: r, ref: o, ...s }) {
         /* @__PURE__ */ p(
           vC,
           {
-            className: q(
+            className: K(
               "overflow-hidden text-sm text-secondary",
               "h-(--accordion-panel-height) transition-[var(--tx-colors),height,opacity] duration-(--dur-slow) ease-emphasis",
               "data-starting-style:h-0 data-starting-style:opacity-0",
@@ -28379,7 +28424,7 @@ function wC(e, t = !1) {
 }
 function wD({ items: e, maxItems: t = 4, className: n }) {
   const o = e.length > t ? [e[0], "ellipsis", ...e.slice(-2)] : e;
-  return /* @__PURE__ */ p("nav", { "aria-label": "Breadcrumb", className: q("min-w-0", n), children: /* @__PURE__ */ p("ol", { className: "flex min-w-0 flex-wrap items-center gap-1 text-sm", children: o.map((s, i) => {
+  return /* @__PURE__ */ p("nav", { "aria-label": "Breadcrumb", className: K("min-w-0", n), children: /* @__PURE__ */ p("ol", { className: "flex min-w-0 flex-wrap items-center gap-1 text-sm", children: o.map((s, i) => {
     const a = i === o.length - 1;
     return /* @__PURE__ */ M("li", { className: "flex min-w-0 items-center gap-1", children: [
       i > 0 && /* @__PURE__ */ p(xe, { name: "chevron-right", size: "xs", className: "shrink-0 text-tertiary" }),
@@ -28408,7 +28453,7 @@ function G3({
   className: o
 }) {
   const s = wC("sm"), i = CD(e, t, s ? 0 : r);
-  return /* @__PURE__ */ M("nav", { "aria-label": "Pagination", className: q("flex items-center gap-1", o), children: [
+  return /* @__PURE__ */ M("nav", { "aria-label": "Pagination", className: K("flex items-center gap-1", o), children: [
     /* @__PURE__ */ p(
       Tn,
       {
@@ -28541,7 +28586,7 @@ function U3({
 }) {
   Lc(t, n);
   const m = RD(t, n), d = ED(t, n), f = n === t.length - 1, g = `stepper-blocked-${Dn()}`, x = l === "vertical";
-  return /* @__PURE__ */ M("div", { className: q("flex min-w-0 flex-col gap-6", u), children: [
+  return /* @__PURE__ */ M("div", { className: K("flex min-w-0 flex-col gap-6", u), children: [
     /* @__PURE__ */ M("div", { className: "flex flex-wrap items-center gap-3", children: [
       /* @__PURE__ */ M("p", { className: "text-2xs font-semibold tracking-widest text-tertiary uppercase", children: [
         "Step ",
@@ -28561,7 +28606,7 @@ function U3({
       "ol",
       {
         "aria-label": e,
-        className: q(
+        className: K(
           "flex min-w-0",
           /* `relative` pairs with `overflow-x-auto`: each step's status carries
              an `sr-only` span, which is `position: absolute`, and an
@@ -28576,7 +28621,7 @@ function U3({
               "span",
               {
                 "aria-hidden": "true",
-                className: q(
+                className: K(
                   "grid size-7 shrink-0 place-items-center rounded-full border",
                   "font-mono text-2xs tabular-nums",
                   "transition-colors duration-(--dur-base) ease-hover",
@@ -28589,7 +28634,7 @@ function U3({
               /* @__PURE__ */ p(
                 "span",
                 {
-                  className: q(
+                  className: K(
                     "truncate text-sm font-medium",
                     "transition-colors duration-(--dur-fast) ease-hover",
                     C.label
@@ -28609,14 +28654,14 @@ function U3({
             {
               "data-status": v,
               "aria-current": w === n ? "step" : void 0,
-              className: q("flex min-w-0 items-center gap-3", !x && "flex-1"),
+              className: K("flex min-w-0 items-center gap-3", !x && "flex-1"),
               children: [
                 S ? /* @__PURE__ */ p(
                   "button",
                   {
                     type: "button",
                     onClick: () => r(w),
-                    className: q(
+                    className: K(
                       N,
                       "dx-tap cursor-pointer text-left outline-none",
                       "transition-colors duration-(--dur-fast) ease-hover",
@@ -28751,7 +28796,7 @@ const Qo = (e) => (t) => t ? {
   } = OD(s), d = yt(), f = wt(), h = wt(), {
     nonce: g,
     disableStyleElements: x
-  } = Xp(), [y, w] = b.useState(!1), [v, C] = b.useState(!1), [S, R] = b.useState(!1), [N, E] = b.useState(!1), [I, k] = b.useState(!1), [T, A] = b.useState(Lb), [V, D] = b.useState(Lb), [_, F] = b.useState(MD), [z, O] = b.useState(PD), G = b.useRef(null), P = b.useRef(null), H = b.useRef(null), $ = b.useRef(null), U = b.useRef(null), j = b.useRef(null), B = b.useRef(null), L = b.useRef(null), W = b.useRef(0), Y = b.useRef(0), K = b.useRef(0), ee = b.useRef(0), te = b.useRef("vertical"), Z = b.useRef(TD), ne = b.useRef(null);
+  } = Xp(), [y, w] = b.useState(!1), [v, C] = b.useState(!1), [S, R] = b.useState(!1), [N, E] = b.useState(!1), [I, k] = b.useState(!1), [T, A] = b.useState(Lb), [V, D] = b.useState(Lb), [_, F] = b.useState(MD), [z, O] = b.useState(PD), G = b.useRef(null), P = b.useRef(null), H = b.useRef(null), $ = b.useRef(null), U = b.useRef(null), j = b.useRef(null), B = b.useRef(null), L = b.useRef(null), W = b.useRef(0), Y = b.useRef(0), q = b.useRef(0), ee = b.useRef(0), te = b.useRef("vertical"), Z = b.useRef(TD), ne = b.useRef(null);
   function J(he) {
     const ie = he ? R : C, ae = he ? f : h;
     ie(!0), ae.start(ID, () => {
@@ -28769,7 +28814,7 @@ const Qo = (e) => (t) => t ? {
       return;
     L.current = he.pointerId, W.current = he.clientY, Y.current = he.clientX, te.current = he.currentTarget.getAttribute("data-orientation");
     const ie = P.current;
-    ie && (K.current = ie.scrollTop, ee.current = ie.scrollLeft, me()), (te.current === "vertical" ? U.current : j.current)?.setPointerCapture(he.pointerId);
+    ie && (q.current = ie.scrollTop, ee.current = ie.scrollLeft, me()), (te.current === "vertical" ? U.current : j.current)?.setPointerCapture(he.pointerId);
   }), se = de((he) => {
     if (he.pointerId !== L.current)
       return;
@@ -28789,7 +28834,7 @@ const Qo = (e) => (t) => t ? {
     const ae = te.current === "vertical", ye = ae ? U.current : j.current, Ee = ae ? H.current : $.current;
     if (!ye || !Ee)
       return;
-    const $e = ae ? "y" : "x", Te = Wr(Ee, "padding", $e), Ne = Wr(ye, "margin", $e), Re = ae ? ye.offsetHeight : ye.offsetWidth, Le = (ae ? Ee.offsetHeight : Ee.offsetWidth) - Re - Te - Ne, De = ae ? he.clientY - W.current : he.clientX - Y.current, Se = Le <= 0 ? 0 : De / Le, Oe = ae ? ie.scrollHeight : ie.scrollWidth, He = ae ? ie.clientHeight : ie.clientWidth, Ge = (ae ? K.current : ee.current) + Se * (Oe - He);
+    const $e = ae ? "y" : "x", Te = Wr(Ee, "padding", $e), Ne = Wr(ye, "margin", $e), Re = ae ? ye.offsetHeight : ye.offsetWidth, Le = (ae ? Ee.offsetHeight : Ee.offsetWidth) - Re - Te - Ne, De = ae ? he.clientY - W.current : he.clientX - Y.current, Se = Le <= 0 ? 0 : De / Le, Oe = ae ? ie.scrollHeight : ie.scrollWidth, He = ae ? ie.clientHeight : ie.clientWidth, Ge = (ae ? q.current : ee.current) + Se * (Oe - He);
     ae ? ie.scrollTop = Ge : ie.scrollLeft = Ge, he.preventDefault(), J(ae);
   });
   function le(he) {
@@ -28939,21 +28984,21 @@ const EC = /* @__PURE__ */ b.forwardRef(function(t, n) {
     const P = a.current, H = l.current, $ = c.current, U = u.current, j = m.current, B = d.current;
     if (!P)
       return;
-    const L = P.scrollHeight, W = P.scrollWidth, Y = P.clientHeight, K = P.clientWidth, ee = P.scrollTop, te = P.scrollLeft, Z = A.current, ne = Number.isNaN(Z[0]);
-    if (Z[0] = Y, Z[1] = L, Z[2] = K, Z[3] = W, ne && v(!0), L === 0 || W === 0)
+    const L = P.scrollHeight, W = P.scrollWidth, Y = P.clientHeight, q = P.clientWidth, ee = P.scrollTop, te = P.scrollLeft, Z = A.current, ne = Number.isNaN(Z[0]);
+    if (Z[0] = Y, Z[1] = L, Z[2] = q, Z[3] = W, ne && v(!0), L === 0 || W === 0)
       return;
-    const J = VD(P), ce = J.y, me = J.x, pe = K / W, se = Y / L, oe = Math.max(0, W - K), le = Math.max(0, L - Y);
+    const J = VD(P), ce = J.y, me = J.x, pe = q / W, se = Y / L, oe = Math.max(0, W - q), le = Math.max(0, L - Y);
     let fe = 0, be = 0;
     me || (fe = Dd(k === "rtl" ? -te : te, oe), be = oe - fe);
-    const Q = ce ? 0 : Dd(ee, le), X = ce ? 0 : le - Q, re = me ? 0 : K, he = ce ? 0 : Y;
+    const Q = ce ? 0 : Dd(ee, le), X = ce ? 0 : le - Q, re = me ? 0 : q, he = ce ? 0 : Y;
     let ie = 0, ae = 0;
     !me && !ce && (ie = H?.offsetWidth || 0, ae = $?.offsetHeight || 0);
-    const ye = f.width === 0 && f.height === 0, Ee = ye ? ie : 0, $e = ye ? ae : 0, Te = Wr($, "padding", "x"), Ne = Wr(H, "padding", "y"), Re = Wr(j, "margin", "x"), Ke = Wr(U, "margin", "y"), Le = re - Te - Re, De = he - Ne - Ke, Se = $ ? Math.min($.offsetWidth - Ee, Le) : Le, Oe = H ? Math.min(H.offsetHeight - $e, De) : De, He = Math.max(Fd, Se * pe), Qe = Math.max(Fd, Oe * se);
+    const ye = f.width === 0 && f.height === 0, Ee = ye ? ie : 0, $e = ye ? ae : 0, Te = Wr($, "padding", "x"), Ne = Wr(H, "padding", "y"), Re = Wr(j, "margin", "x"), Ke = Wr(U, "margin", "y"), Le = re - Te - Re, De = he - Ne - Ke, Se = $ ? Math.min($.offsetWidth - Ee, Le) : Le, Oe = H ? Math.min(H.offsetHeight - $e, De) : De, He = Math.max(Fd, Se * pe), Je = Math.max(Fd, Oe * se);
     if (g((Ae) => Da(Ae, {
       width: He,
-      height: Qe
+      height: Je
     })), H && U) {
-      const Ae = H.offsetHeight - Qe - Ne - Ke, mt = Bb(U, "--scroll-area-thumb-height", ee, le, L, Qe, Ae);
+      const Ae = H.offsetHeight - Je - Ne - Ke, mt = Bb(U, "--scroll-area-thumb-height", ee, le, L, Je, Ae);
       U.style.transform = `translate3d(0,${mt}px,0)`;
     }
     if ($ && j) {
@@ -29142,10 +29187,10 @@ const $d = /* @__PURE__ */ b.forwardRef(function(t, n) {
       const $ = k ? f.current : h.current;
       if (!P || !$)
         return;
-      const U = k ? "y" : "x", j = Wr(P, "margin", U), B = Wr($, "padding", U), L = k ? P.offsetHeight : P.offsetWidth, W = $.getBoundingClientRect(), Y = k ? O.clientY - W.top - L / 2 - B + j / 2 : O.clientX - W.left - L / 2 - B + j / 2, K = k ? H.scrollHeight : H.scrollWidth, ee = k ? H.clientHeight : H.clientWidth, Z = (k ? $.offsetHeight : $.offsetWidth) - L - B - j;
+      const U = k ? "y" : "x", j = Wr(P, "margin", U), B = Wr($, "padding", U), L = k ? P.offsetHeight : P.offsetWidth, W = $.getBoundingClientRect(), Y = k ? O.clientY - W.top - L / 2 - B + j / 2 : O.clientX - W.left - L / 2 - B + j / 2, q = k ? H.scrollHeight : H.scrollWidth, ee = k ? H.clientHeight : H.clientWidth, Z = (k ? $.offsetHeight : $.offsetWidth) - L - B - j;
       if (Z <= 0)
         return;
-      const ne = Y / Z, J = K - ee;
+      const ne = Y / Z, J = q - ee;
       S(), k ? H.scrollTop = ne * J : A === "rtl" ? H.scrollLeft = -(1 - ne) * J : H.scrollLeft = ne * J, C({
         x: H.scrollLeft,
         y: H.scrollTop
@@ -29418,7 +29463,7 @@ const TC = /* @__PURE__ */ b.forwardRef(function(t, n) {
 });
 process.env.NODE_ENV !== "production" && (TC.displayName = "CollapsiblePanel");
 function Gb({ orientation: e = "horizontal", label: t, className: n, ref: r }) {
-  return t ? /* @__PURE__ */ M("div", { className: q("flex items-center gap-3", n), role: "separator", children: [
+  return t ? /* @__PURE__ */ M("div", { className: K("flex items-center gap-3", n), role: "separator", children: [
     /* @__PURE__ */ p("span", { className: "h-px flex-1 bg-border-subtle" }),
     /* @__PURE__ */ p("span", { className: "text-2xs font-semibold tracking-widest text-tertiary uppercase", children: t }),
     /* @__PURE__ */ p("span", { className: "h-px flex-1 bg-border-subtle" })
@@ -29427,7 +29472,7 @@ function Gb({ orientation: e = "horizontal", label: t, className: n, ref: r }) {
     {
       ref: r,
       orientation: e,
-      className: q(
+      className: K(
         "shrink-0 bg-border-subtle",
         e === "horizontal" ? "h-px w-full" : "h-full w-px",
         n
@@ -29436,7 +29481,7 @@ function Gb({ orientation: e = "horizontal", label: t, className: n, ref: r }) {
   );
 }
 function W3({ children: e, maxHeight: t, className: n }) {
-  return /* @__PURE__ */ M(CC, { className: q("relative min-w-0", n), children: [
+  return /* @__PURE__ */ M(CC, { className: K("relative min-w-0", n), children: [
     /* @__PURE__ */ p(
       EC,
       {
@@ -29449,7 +29494,7 @@ function W3({ children: e, maxHeight: t, className: n }) {
       $d,
       {
         orientation: "vertical",
-        className: q(
+        className: K(
           "flex w-2.5 touch-none justify-center p-0.5 select-none",
           "opacity-0 transition-[var(--tx-colors),opacity] duration-(--dur-base)",
           "data-hovering:opacity-100 data-scrolling:opacity-100"
@@ -29461,7 +29506,7 @@ function W3({ children: e, maxHeight: t, className: n }) {
       $d,
       {
         orientation: "horizontal",
-        className: q(
+        className: K(
           "flex h-2.5 touch-none flex-col justify-center p-0.5 select-none",
           "opacity-0 transition-[var(--tx-colors),opacity] duration-(--dur-base)",
           "data-hovering:opacity-100 data-scrolling:opacity-100"
@@ -29487,12 +29532,12 @@ function MC({
       defaultOpen: t,
       open: n,
       onOpenChange: r,
-      className: q("flex min-w-0 flex-col", a),
+      className: K("flex min-w-0 flex-col", a),
       children: [
         /* @__PURE__ */ M(
           IC,
           {
-            className: q(
+            className: K(
               "group/collapsible flex cursor-pointer items-center gap-2 self-start rounded-md",
               "text-sm font-medium text-secondary outline-none",
               "transition-colors duration-(--dur-fast) hover:text-primary",
@@ -29514,7 +29559,7 @@ function MC({
         /* @__PURE__ */ p(
           TC,
           {
-            className: q(
+            className: K(
               "overflow-hidden",
               "h-(--collapsible-panel-height) transition-[var(--tx-colors),height,opacity] duration-(--dur-slow) ease-emphasis",
               "data-starting-style:h-0 data-starting-style:opacity-0",
@@ -29538,7 +29583,7 @@ function PC({
   return /* @__PURE__ */ M(
     "div",
     {
-      className: q(
+      className: K(
         "flex flex-col items-center justify-center gap-3 px-6 py-16 text-center",
         s
       ),
@@ -29564,7 +29609,7 @@ const $D = {
   danger: "border-danger-border bg-danger-subtle text-danger-text"
 };
 function j3({ items: e, className: t }) {
-  return /* @__PURE__ */ p("ol", { className: q("flex min-w-0 flex-col", t), children: e.map((n, r) => /* @__PURE__ */ M("li", { className: "relative flex min-w-0 gap-4 pb-6 last:pb-0", children: [
+  return /* @__PURE__ */ p("ol", { className: K("flex min-w-0 flex-col", t), children: e.map((n, r) => /* @__PURE__ */ M("li", { className: "relative flex min-w-0 gap-4 pb-6 last:pb-0", children: [
     r < e.length - 1 && /* @__PURE__ */ p(
       "span",
       {
@@ -29575,7 +29620,7 @@ function j3({ items: e, className: t }) {
     /* @__PURE__ */ p(
       "span",
       {
-        className: q(
+        className: K(
           "relative z-1 grid size-8 shrink-0 place-items-center rounded-full border",
           $D[n.tone ?? "neutral"]
         ),
@@ -29616,7 +29661,7 @@ function Ub({
     "li",
     {
       "data-state": e.state,
-      className: q(
+      className: K(
         "flex min-w-0 items-start gap-3 rounded-lg border border-border-subtle bg-surface px-3 py-2.5",
         "transition-colors duration-(--dur-fast) ease-hover"
       ),
@@ -29648,7 +29693,7 @@ function K3({
        three of these would offer three landmarks — the `landmark-unique`
        finding the docs' code blocks already produced once. A checklist is
        content, not page structure. */
-    /* @__PURE__ */ M("div", { role: "group", "aria-label": e, className: q("flex min-w-0 flex-col gap-4", l), children: [
+    /* @__PURE__ */ M("div", { role: "group", "aria-label": e, className: K("flex min-w-0 flex-col gap-4", l), children: [
       /* @__PURE__ */ p("div", { className: "flex flex-wrap items-center gap-2", children: c.map((d) => (
         /* EVERY declared state, including the zeroes — see `tallyChecklist`. */
         /* @__PURE__ */ p(OC, { option: d.option, children: `${d.count} ${d.option.label}` }, d.option.value)
@@ -29881,7 +29926,7 @@ const BD = Rt({
   defaultVariants: { size: "md", iconOnly: !1 }
 });
 function $C({ size: e, iconOnly: t, className: n, children: r, ref: o, ...s }) {
-  return /* @__PURE__ */ p(AC, { ref: o, className: q(BD({ size: e, iconOnly: t }), n), ...s, children: r });
+  return /* @__PURE__ */ p(AC, { ref: o, className: K(BD({ size: e, iconOnly: t }), n), ...s, children: r });
 }
 function HD({
   className: e,
@@ -29894,7 +29939,7 @@ function HD({
     VC,
     {
       ref: r,
-      className: q(
+      className: K(
         "inline-flex items-center gap-1",
         t === "segmented" && "rounded-lg border border-border bg-surface-inset p-1",
         e
@@ -29909,7 +29954,7 @@ function q3({ className: e, children: t, ref: n, ...r }) {
     FC,
     {
       ref: n,
-      className: q(
+      className: K(
         "flex min-w-0 flex-wrap items-center gap-1 rounded-lg border border-border bg-surface p-1.5",
         e
       ),
@@ -29922,7 +29967,7 @@ function Y3({ className: e }) {
   return /* @__PURE__ */ p(
     _C,
     {
-      className: q("mx-1 h-5 w-px shrink-0 self-center bg-border", e)
+      className: K("mx-1 h-5 w-px shrink-0 self-center bg-border", e)
     }
   );
 }
@@ -29969,7 +30014,7 @@ function UD(e, t, { isValid: n, enabled: r = !0 }) {
     if (!e || !r) return o();
     const c = qm(e, n);
     return c === void 0 ? o() : c;
-  }), a = Je(!1);
+  }), a = Qe(!1);
   at(() => {
     if (!(!e || !r)) {
       if (!a.current) {
@@ -30002,7 +30047,7 @@ function X3({
   className: i,
   ref: a
 }) {
-  const l = wC(n === !1 ? "sm" : n), c = n !== !1 && l && r, u = Je(null), m = Je(/* @__PURE__ */ new Map()), [d, f] = Pe(0), [h, g] = Pe(!1), [x, y] = Pe(null), [w, v, C] = UD(o, {}, {
+  const l = wC(n === !1 ? "sm" : n), c = n !== !1 && l && r, u = Qe(null), m = Qe(/* @__PURE__ */ new Map()), [d, f] = Pe(0), [h, g] = Pe(!1), [x, y] = Pe(null), [w, v, C] = UD(o, {}, {
     isValid: WD
   }), S = Xe((F) => (m.current.set(F.id, F), f((z) => z + 1), () => {
     m.current.delete(F.id), f((z) => z + 1);
@@ -30113,7 +30158,7 @@ function X3({
       "data-direction": t,
       "data-narrow": c || void 0,
       "data-dragging": h || void 0,
-      className: q(
+      className: K(
         /* Fills the box it is given, in BOTH axes. A layout primitive that
            sizes to its content is the wrong default: panels have no
            intrinsic height, so an auto-height group collapses to whatever
@@ -30155,7 +30200,7 @@ function X3({
       {
         value: E,
         onValueChange: (F) => y(typeof F == "string" ? F : null),
-        className: q("size-full min-h-0", i),
+        className: K("size-full min-h-0", i),
         children: [
           /* @__PURE__ */ p(aD, { children: N.map((F) => /* @__PURE__ */ p(lD, { value: F.id, children: F.label }, F.id)) }),
           _
@@ -30176,7 +30221,7 @@ function Z3({
   className: l,
   ref: c
 }) {
-  const u = zC("Panel"), m = Je(null), { register: d } = u;
+  const u = zC("Panel"), m = Qe(null), { register: d } = u;
   Bl(() => {
     const w = m.current;
     if (w)
@@ -30216,7 +30261,7 @@ function Z3({
       "data-panel": t,
       "data-collapsed": h || void 0,
       style: u.narrow === "stack" ? g : x,
-      className: q(
+      className: K(
         /* COLUMN, deliberately. As a row, the cross axis is vertical: content
            stretches to the panel's height but takes its own WIDTH, so a panel
            sized to 58% renders its content at whatever the text needed and
@@ -30253,7 +30298,7 @@ function Q3({
   className: o,
   ref: s
 }) {
-  const i = zC("PanelResizer"), a = Je(null), l = Je(null), c = Dn(), u = i.direction === "horizontal", d = (a.current ? i.neighbours(a.current) : null)?.[0], f = d ? i.sizes[d.id] : void 0, h = (w) => {
+  const i = zC("PanelResizer"), a = Qe(null), l = Qe(null), c = Dn(), u = i.direction === "horizontal", d = (a.current ? i.neighbours(a.current) : null)?.[0], f = d ? i.sizes[d.id] : void 0, h = (w) => {
     if (r || w.button !== 0) return;
     const v = a.current;
     v && (v.setPointerCapture(w.pointerId), l.current = {
@@ -30322,7 +30367,7 @@ function Q3({
       onPointerCancel: x,
       onKeyDown: y,
       onDoubleClick: () => !r && i.resetLayout(),
-      className: q(
+      className: K(
         "group/resizer relative flex shrink-0 items-center justify-center",
         /* The visible line is 1px; the HIT AREA is not. A one-pixel drag
            target is a well-known way to make a splitter feel broken, so the
@@ -30340,7 +30385,7 @@ function Q3({
         "span",
         {
           "aria-hidden": !0,
-          className: q(
+          className: K(
             "relative rounded-full bg-border-strong opacity-0 transition-[var(--tx-colors),opacity] duration-(--dur-fast)",
             "group-hover/resizer:opacity-100 group-focus-visible/resizer:opacity-100",
             "[[data-panel-group][data-dragging]_&]:opacity-100",
@@ -30520,15 +30565,15 @@ const XD = {
 };
 function Nl({ src: e, name: t, fallback: n, status: r, size: o, shape: s, className: i, ref: a }) {
   const l = WC({ size: o, shape: s });
-  return /* @__PURE__ */ M(HC, { ref: a, className: q(l.root(), i), children: [
+  return /* @__PURE__ */ M(HC, { ref: a, className: K(l.root(), i), children: [
     e && /* @__PURE__ */ p(GC, { src: e, alt: t, className: l.image() }),
-    /* @__PURE__ */ p(UC, { className: q(l.fallback(), "grid size-full place-items-center", qD(t)), children: n ?? YD(t) }),
-    r && /* @__PURE__ */ p("span", { className: q(l.status(), XD[r]), "aria-label": r, role: "img" })
+    /* @__PURE__ */ p(UC, { className: K(l.fallback(), "grid size-full place-items-center", qD(t)), children: n ?? YD(t) }),
+    r && /* @__PURE__ */ p("span", { className: K(l.status(), XD[r]), "aria-label": r, role: "img" })
   ] });
 }
 function J3({ children: e, max: t = 4, size: n = "md", className: r }) {
   const o = Array.isArray(e) ? e : [e], s = o.slice(0, t), i = o.length - s.length, a = WC({ size: n });
-  return /* @__PURE__ */ M("div", { className: q("flex items-center", r), children: [
+  return /* @__PURE__ */ M("div", { className: K("flex items-center", r), children: [
     s.map((l, c) => /* @__PURE__ */ p(
       "span",
       {
@@ -30541,7 +30586,7 @@ function J3({ children: e, max: t = 4, size: n = "md", className: r }) {
     i > 0 && /* @__PURE__ */ M(
       "span",
       {
-        className: q(
+        className: K(
           a.root(),
           a.fallback(),
           "relative -ml-2 bg-surface-raised text-tertiary ring-2 ring-canvas"
@@ -30602,7 +30647,7 @@ function eV({
   ref: u
 }) {
   const m = ZD({ size: l });
-  return /* @__PURE__ */ M("div", { ref: u, className: q(m.box(), c), children: [
+  return /* @__PURE__ */ M("div", { ref: u, className: K(m.box(), c), children: [
     /* @__PURE__ */ M("div", { className: m.root(), children: [
       /* @__PURE__ */ p("span", { className: m.label(), children: e }),
       /* @__PURE__ */ M("span", { className: "flex items-baseline gap-1.5", children: [
@@ -30610,7 +30655,7 @@ function eV({
         n && /* @__PURE__ */ p("span", { className: m.unit(), children: n })
       ] }),
       (r || i) && /* @__PURE__ */ M("span", { className: "flex flex-wrap items-center gap-2", children: [
-        r && /* @__PURE__ */ M("span", { className: q(m.delta(), QD[s]), children: [
+        r && /* @__PURE__ */ M("span", { className: K(m.delta(), QD[s]), children: [
           o && /* @__PURE__ */ p(xe, { name: JD[o], size: "xs" }),
           r
         ] }),
@@ -30642,7 +30687,7 @@ const tV = Rt({
   defaultVariants: { size: "md", align: "start" }
 });
 function e4({ stats: e, size: t = "md", align: n = "start", className: r, ref: o }) {
-  return e.length === 0 ? null : /* @__PURE__ */ p("div", { ref: o, className: q(tV({ size: t, align: n }), r), children: e.map((s, i) => (
+  return e.length === 0 ? null : /* @__PURE__ */ p("div", { ref: o, className: K(tV({ size: t, align: n }), r), children: e.map((s, i) => (
     /* INDEX IS THE KEY DELIBERATELY. A readout is a fixed, hand-authored
        list per screen — never reordered, never filtered — so there is no
        identity for a key to preserve. Keying on the label would read better
@@ -30664,7 +30709,7 @@ function t4({ values: e, sentiment: t = "neutral", className: n }) {
       viewBox: "0 0 100 30",
       preserveAspectRatio: "none",
       "aria-hidden": !0,
-      className: q("h-10 w-24 shrink-0 overflow-visible", nV[t], n),
+      className: K("h-10 w-24 shrink-0 overflow-visible", nV[t], n),
       children: [
         /* @__PURE__ */ p(
           "path",
@@ -32594,14 +32639,14 @@ function n4({
     getFilteredRowModel: jV(),
     ...f ? { getRowId: f } : {}
   }), C = v.getRowModel().rows, S = !i && C.length === 0, R = w.length;
-  return /* @__PURE__ */ M("div", { className: q("flex min-w-0 flex-col gap-3", d), children: [
+  return /* @__PURE__ */ M("div", { className: K("flex min-w-0 flex-col gap-3", d), children: [
     m?.(v),
     /* @__PURE__ */ p(
       NP,
       {
         active: a && !i,
         message: "Updating…",
-        className: q(
+        className: K(
           "min-w-0 overflow-hidden rounded-xl border border-border bg-surface",
           "shadow-sm"
         ),
@@ -32620,7 +32665,7 @@ function n4({
                     colSpan: E.colSpan,
                     style: E.column.columnDef.size ? { width: `${E.column.columnDef.size}px` } : void 0,
                     "aria-sort": k === "asc" ? "ascending" : k === "desc" ? "descending" : I ? "none" : void 0,
-                    className: q(
+                    className: K(
                       "h-12 whitespace-nowrap border-b border-border bg-surface-raised",
                       "font-semibold uppercase tracking-widest text-2xs text-tertiary",
                       Wu[n]
@@ -32630,7 +32675,7 @@ function n4({
                       {
                         type: "button",
                         onClick: E.column.getToggleSortingHandler(),
-                        className: q(
+                        className: K(
                           "dx-tap group/sort -mx-1.5 flex h-8 items-center gap-1.5 rounded-sm px-1.5",
                           "uppercase tracking-widest transition-colors duration-(--dur-fast)",
                           "hover:text-primary",
@@ -32643,7 +32688,7 @@ function n4({
                             {
                               name: "arrow-up",
                               size: "xs",
-                              className: q(
+                              className: K(
                                 "transition-[var(--tx-colors),rotate,opacity] duration-(--dur-base) ease-snappy",
                                 k === "desc" && "rotate-180",
                                 !k && "opacity-0 group-hover/sort:opacity-40"
@@ -32658,7 +32703,7 @@ function n4({
                 );
               }) }, N.id)) }),
               /* @__PURE__ */ M("tbody", { children: [
-                i && Array.from({ length: l }).map((N, E) => /* @__PURE__ */ p("tr", { className: Zb[n], children: Array.from({ length: R }).map((I, k) => /* @__PURE__ */ p("td", { className: q("border-b border-border-subtle", Wu[n]), children: /* @__PURE__ */ p(
+                i && Array.from({ length: l }).map((N, E) => /* @__PURE__ */ p("tr", { className: Zb[n], children: Array.from({ length: R }).map((I, k) => /* @__PURE__ */ p("td", { className: K("border-b border-border-subtle", Wu[n]), children: /* @__PURE__ */ p(
                   cw,
                   {
                     shape: "pill",
@@ -32674,7 +32719,7 @@ function n4({
                     {
                       "data-selected": E || void 0,
                       onClick: u ? () => u(N.original) : void 0,
-                      className: q(
+                      className: K(
                         Zb[n],
                         "border-b border-border-subtle transition-colors duration-(--dur-fast)",
                         "last:border-b-0",
@@ -32690,7 +32735,7 @@ function n4({
                       children: N.getVisibleCells().map((I) => /* @__PURE__ */ p(
                         "td",
                         {
-                          className: q("align-middle text-primary", Wu[n]),
+                          className: K("align-middle text-primary", Wu[n]),
                           children: Uu(I.column.columnDef.cell, I.getContext())
                         },
                         I.id
@@ -32736,7 +32781,7 @@ function r4({
   mono: n = !1
 }) {
   return /* @__PURE__ */ M("div", { className: "min-w-0", children: [
-    /* @__PURE__ */ p("div", { className: q("truncate font-medium text-primary", n && "font-mono text-xs"), children: e }),
+    /* @__PURE__ */ p("div", { className: K("truncate font-medium text-primary", n && "font-mono text-xs"), children: e }),
     t && /* @__PURE__ */ p("div", { className: "mt-0.5 truncate text-xs text-tertiary", children: t })
   ] });
 }
@@ -33811,7 +33856,7 @@ function B_({ node: e, renderCode: t }) {
         n,
         {
           id: e.id,
-          className: q(
+          className: K(
             "mt-4 mb-1 scroll-mt-4 font-display font-semibold text-primary first:mt-0",
             z_[e.level]
           ),
@@ -33849,7 +33894,7 @@ function H_({
     n,
     {
       start: e.ordered && e.start !== 1 ? e.start : void 0,
-      className: q(
+      className: K(
         "my-1.5 flex flex-col pl-5 marker:text-tertiary",
         e.tight ? "gap-1" : "gap-2",
         /* A checkbox IS the marker. Leaving the disc in place gives every task
@@ -33878,7 +33923,7 @@ function G_({
         className: "mt-0.5 size-3.5 shrink-0 accent-accent"
       }
     ),
-    /* @__PURE__ */ p("span", { className: q("min-w-0 flex-1", e.checked && "text-tertiary line-through"), children: o })
+    /* @__PURE__ */ p("span", { className: K("min-w-0 flex-1", e.checked && "text-tertiary line-through"), children: o })
   ] });
 }
 const lx = {
@@ -33903,7 +33948,7 @@ function U_({ node: e }) {
             "th",
             {
               scope: "col",
-              className: q(
+              className: K(
                 "border-b border-border-subtle bg-surface-inset px-3 py-1.5 font-semibold text-primary",
                 lx[e.align[n] ?? "left"]
               ),
@@ -33914,7 +33959,7 @@ function U_({ node: e }) {
           /* @__PURE__ */ p("tbody", { children: e.rows.map((t, n) => /* @__PURE__ */ p("tr", { children: t.map((r, o) => /* @__PURE__ */ p(
             "td",
             {
-              className: q(
+              className: K(
                 "border-b border-border-subtle px-3 py-1.5 text-secondary last:border-b-0",
                 lx[e.align[o] ?? "left"]
               ),
@@ -34888,7 +34933,7 @@ const FF = Gl(function({
   }
 });
 function qu(e, t, n) {
-  const [r, o] = Pe(t), s = e !== void 0, i = Je(n);
+  const [r, o] = Pe(t), s = e !== void 0, i = Qe(n);
   i.current = n;
   const a = Xe(
     (l) => {
@@ -34931,7 +34976,7 @@ function yS({
     h ?? (k && r ? "rendered" : "source"),
     g
   ), D = T.includes(A) ? A : "source", _ = st(() => R.split(`
-`).length, [R]), [F, z] = Pe(!1), O = Je(void 0), G = Xe(() => {
+`).length, [R]), [F, z] = Pe(!1), O = Qe(void 0), G = Xe(() => {
     navigator.clipboard?.writeText(R).then(() => {
       z(!0), clearTimeout(O.current), O.current = setTimeout(() => z(!1), 1600);
     }).catch(() => {
@@ -34965,7 +35010,7 @@ function yS({
       F,
       _
     ]
-  ), W = Wo(), Y = U ? c : l, K = Y === void 0 ? void 0 : { maxHeight: `calc(${Y} * 1lh + 2 * var(--code-pad-y))` };
+  ), W = Wo(), Y = U ? c : l, q = Y === void 0 ? void 0 : { maxHeight: `calc(${Y} * 1lh + 2 * var(--code-pad-y))` };
   return /* @__PURE__ */ p(tF, { value: L, children: /* @__PURE__ */ M(
     "div",
     {
@@ -34973,7 +35018,7 @@ function yS({
       "data-code-root": "",
       "data-view": D,
       "data-read-only": r ? "" : void 0,
-      className: q(W.root(), v),
+      className: K(W.root(), v),
       ...S,
       children: [
         w ?? /* @__PURE__ */ p(KF, {}),
@@ -34991,7 +35036,7 @@ function yS({
                 wrap: E,
                 indent: x,
                 placeholder: y,
-                style: K,
+                style: q,
                 collapsed: U,
                 tabLeaves: j,
                 onTabLeavesChange: B
@@ -35004,11 +35049,11 @@ function yS({
             /* @__PURE__ */ p(
               "div",
               {
-                className: q(
+                className: K(
                   "flex min-w-0 flex-1",
                   D === "split" && "border-t border-border-subtle md:border-t-0 md:border-l"
                 ),
-                children: /* @__PURE__ */ p(HF, { text: R, style: K, collapsed: U })
+                children: /* @__PURE__ */ p(HF, { text: R, style: q, collapsed: U })
               }
             )
           ] }),
@@ -35049,7 +35094,7 @@ function BF({
   onTabLeavesChange: d
 }) {
   const f = Wo(), h = _F(e, n), g = st(() => e.split(`
-`).length, [e]), x = s !== void 0 && !i, y = x ? String(s + g - 1).length : 0, w = Je(m), v = (S) => {
+`).length, [e]), x = s !== void 0 && !i, y = x ? String(s + g - 1).length : 0, w = Qe(m), v = (S) => {
     w.current = S, d(S);
   }, C = (S) => {
     const R = S.currentTarget;
@@ -35084,7 +35129,7 @@ function BF({
     {
       "data-code-scroller": "",
       style: c,
-      className: q(f.scroller(), u && "overflow-hidden"),
+      className: K(f.scroller(), u && "overflow-hidden"),
       ...o ? { tabIndex: 0, role: "group", "aria-label": r } : {},
       children: /* @__PURE__ */ M(
         "div",
@@ -35092,15 +35137,15 @@ function BF({
           "data-code-layers": "",
           ...x ? { "data-gutter": "" } : {},
           style: { "--code-digits": y },
-          className: q(f.layers(), i ? "w-full" : "w-max min-w-full"),
+          className: K(f.layers(), i ? "w-full" : "w-max min-w-full"),
           children: [
-            x && /* @__PURE__ */ p("div", { "data-code-gutter": "", "aria-hidden": "true", className: q(f.gutter(), "dx-code-nowrap"), children: /* @__PURE__ */ p($F, { count: g, from: s }) }),
+            x && /* @__PURE__ */ p("div", { "data-code-gutter": "", "aria-hidden": "true", className: K(f.gutter(), "dx-code-nowrap"), children: /* @__PURE__ */ p($F, { count: g, from: s }) }),
             /* @__PURE__ */ p(
               "pre",
               {
                 "data-code-pre": "",
                 "aria-hidden": o ? void 0 : "true",
-                className: q(
+                className: K(
                   f.pre(),
                   i ? "dx-code-wrap min-w-0 flex-1" : "dx-code-nowrap w-max shrink-0"
                 ),
@@ -35126,7 +35171,7 @@ function BF({
                 "data-enable-grammarly": "false",
                 wrap: i ? "soft" : "off",
                 style: { left: "var(--code-gutter-w)" },
-                className: q(f.textarea(), i ? "dx-code-wrap" : "dx-code-nowrap")
+                className: K(f.textarea(), i ? "dx-code-wrap" : "dx-code-nowrap")
               }
             )
           ]
@@ -35146,7 +35191,7 @@ function HF({
     {
       "data-code-preview": "",
       style: t,
-      className: q(r.rendered(), n && "overflow-hidden"),
+      className: K(r.rendered(), n && "overflow-hidden"),
       children: /* @__PURE__ */ p(
         jc,
         {
@@ -35178,11 +35223,11 @@ function HF({
 }
 function vS({ children: e, className: t }) {
   const n = Wo();
-  return /* @__PURE__ */ p("div", { "data-code-toolbar": "", className: q(n.toolbar(), t), children: e });
+  return /* @__PURE__ */ p("div", { "data-code-toolbar": "", className: K(n.toolbar(), t), children: e });
 }
 function wS({ className: e }) {
   const { filename: t, language: n } = Yi("CodeEditorCaption"), r = Wo();
-  return /* @__PURE__ */ p("span", { "data-code-caption": "", className: q(r.caption(), e), children: t ?? n ?? "code" });
+  return /* @__PURE__ */ p("span", { "data-code-caption": "", className: K(r.caption(), e), children: t ?? n ?? "code" });
 }
 function GF({ className: e }) {
   const { copy: t, copied: n } = Yi("CodeEditorCopyButton"), r = Wo();
@@ -35193,7 +35238,7 @@ function GF({ className: e }) {
       onClick: t,
       "data-code-copy": "",
       "aria-label": n ? "Copied" : "Copy code",
-      className: q(r.control(), e),
+      className: K(r.control(), e),
       children: /* @__PURE__ */ p(xe, { name: n ? "check" : "copy", size: "xs" })
     }
   ) });
@@ -35208,7 +35253,7 @@ function UF({ className: e }) {
       pressed: t,
       onPressedChange: n,
       "aria-label": "Soft wrap",
-      className: q("dx-tap shrink-0", e),
+      className: K("dx-tap shrink-0", e),
       children: /* @__PURE__ */ p(xe, { name: "corner-down-left", size: "xs" })
     }
   ) });
@@ -35232,7 +35277,7 @@ function jF({ className: e }) {
       },
       "aria-label": "View",
       "data-code-views": "",
-      className: q("shrink-0 p-0.5", e),
+      className: K("shrink-0 p-0.5", e),
       children: r.map((o) => /* @__PURE__ */ p(Pn, { content: hx[o], children: /* @__PURE__ */ p(
         $C,
         {
@@ -35240,7 +35285,7 @@ function jF({ className: e }) {
           iconOnly: !0,
           value: o,
           "aria-label": hx[o],
-          className: q("dx-tap shrink-0", o === "split" && "hidden md:inline-flex"),
+          className: K("dx-tap shrink-0", o === "split" && "hidden md:inline-flex"),
           children: /* @__PURE__ */ p(xe, { name: WF[o], size: "xs" })
         }
       ) }, o))
@@ -37201,7 +37246,7 @@ function hL(e, t) {
   } : null;
 }
 function gL(e, t) {
-  const [n, r] = Pe(0), o = Je(null);
+  const [n, r] = Pe(0), o = Qe(null);
   return at(() => {
     if (!e) return;
     const s = e.root.ownerDocument, i = () => r((a) => a + 1);
@@ -37284,7 +37329,7 @@ function bL({ surface: e, state: t, run: n, container: r }) {
           "aria-label": `Line type — currently ${m ? xL(m) : "text"}`,
           onMouseDown: (d) => d.preventDefault(),
           onClick: () => c(!0),
-          className: q(
+          className: K(
             /* Naming a transition REPLACES the global colour one, so fading
                only `opacity` here left this control cutting between themes —
                and snapping to `text-secondary` on hover — while the line it
@@ -37327,7 +37372,7 @@ function yL({ surface: e, state: t, run: n, container: r }) {
   }, [e, r, o, t.source]), !o || s === null || !e ? null : /* @__PURE__ */ M(
     "div",
     {
-      className: q(
+      className: K(
         "absolute left-8 z-20 flex items-center gap-1 rounded-lg border border-border-subtle",
         "bg-surface px-1.5 py-1 shadow-lg"
       ),
@@ -37359,7 +37404,7 @@ function vL({
           s.key === "Enter" && (s.preventDefault(), n(o({ target: s.target.value })));
         },
         onBlur: (s) => n(o({ target: s.target.value })),
-        className: q(
+        className: K(
           "h-7 w-56 rounded border border-border-subtle bg-surface-inset px-2 text-sm",
           "text-primary outline-none focus:border-accent"
         )
@@ -37398,7 +37443,7 @@ function wL({ language: e, run: t }) {
         value: e,
         onMouseDown: (r) => r.stopPropagation(),
         onChange: (r) => t(pL(r.target.value)),
-        className: q(
+        className: K(
           "h-7 rounded border border-border-subtle bg-surface-inset px-1.5 text-sm",
           "text-primary outline-none focus:border-accent"
         ),
@@ -37564,7 +37609,7 @@ function c4({
   className: a,
   minHeight: l = 240
 }) {
-  const c = Je(null), u = Je(null), [m, d] = Pe(e.length === 0), f = Dn(), [h, g] = Pe(null), [x, y] = Pe(0), [w, v] = Pe(null), C = Je(t);
+  const c = Qe(null), u = Qe(null), [m, d] = Pe(e.length === 0), f = Dn(), [h, g] = Pe(null), [x, y] = Pe(0), [w, v] = Pe(null), C = Qe(t);
   C.current = t, at(() => {
     if (!c.current) return;
     const E = new lL(c.current, e, {
@@ -37603,7 +37648,7 @@ function c4({
     }
     return [...E.entries()];
   }, []);
-  return /* @__PURE__ */ M("div", { className: q("flex flex-col rounded-lg border border-border-subtle bg-surface", a), children: [
+  return /* @__PURE__ */ M("div", { className: K("flex flex-col rounded-lg border border-border-subtle bg-surface", a), children: [
     /* @__PURE__ */ p("span", { id: f, className: o ? "sr-only" : "px-3 pt-2 text-sm font-medium text-secondary", children: r }),
     !n && /* @__PURE__ */ M(
       "div",
@@ -38225,7 +38270,7 @@ function u4(e) {
   return t;
 }
 function HL(e) {
-  const t = Je(null);
+  const t = Qe(null);
   t.current ??= new AL(e);
   const n = t.current;
   return n.setCallbacks(e), at(() => _L(n), [n]), n;
@@ -38239,7 +38284,7 @@ function GL(e, t) {
     if (l)
       return e.registerItem({ id: n, container: r, index: o, element: l });
   }, [e, l, n, r, o]);
-  const d = `${a?.distance ?? ""}/${a?.delay ?? ""}/${a?.tolerance ?? ""}`, f = Je(a);
+  const d = `${a?.distance ?? ""}/${a?.delay ?? ""}/${a?.tolerance ?? ""}`, f = Qe(a);
   f.current = a, at(() => {
     if (!u || i) return;
     const g = VL(e, u, {
@@ -38292,9 +38337,9 @@ function nd(e, t, n, r) {
   };
 }
 function jL(e, t = {}) {
-  const [n, r] = Pe(""), o = Je(t);
+  const [n, r] = Pe(""), o = Qe(t);
   o.current = t;
-  const s = Je(null), i = Je(null), a = Je(null), l = Je(0);
+  const s = Qe(null), i = Qe(null), a = Qe(null), l = Qe(0);
   return at(() => {
     function c() {
       i.current !== null && (window.clearTimeout(i.current), i.current = null, a.current = null);
@@ -38667,7 +38712,7 @@ function mE(e, t) {
 const nz = () => {
 };
 function rz(e) {
-  const t = Je([]), n = Je([]), r = Je(null), o = Xe(() => {
+  const t = Qe([]), n = Qe([]), r = Qe(null), o = Xe(() => {
     const i = t.current;
     if (i.length === 0) return;
     const a = new Set(n.current), l = i.filter((f) => !a.has(f.id));
@@ -38735,7 +38780,7 @@ function Ch({
     [u, m, d]
   );
   at(() => zL(i, f), [i, f]);
-  const h = Je({
+  const h = Qe({
     item: /* @__PURE__ */ new Map(),
     container: /* @__PURE__ */ new Map()
   }), g = Xe(
@@ -38748,7 +38793,7 @@ function Ch({
     () => ({ session: i, instructionsId: l, renderCarried: n, registerLabel: g, census: a }),
     [i, l, n, g, a]
   );
-  return /* @__PURE__ */ M("div", { className: q(c.root(), r), children: [
+  return /* @__PURE__ */ M("div", { className: K(c.root(), r), children: [
     /* @__PURE__ */ p(qL, { id: l, strings: e }),
     /* @__PURE__ */ p(
       KL,
@@ -38781,7 +38826,7 @@ function Sh({
       ref: a,
       "data-dnd-container": e,
       "data-dnd-over": l ? "true" : void 0,
-      className: q(u.container(), r),
+      className: K(u.container(), r),
       children: /* @__PURE__ */ M(XL, { value: d, children: [
         o,
         m && m.markerAt !== null && m.restCount === 0 && /* @__PURE__ */ p(gE, { shift: m, at: m.restCount })
@@ -38817,11 +38862,11 @@ function Eh({
           ref: d,
           "data-dnd-item": e,
           "data-dnd-dragging": g ? "true" : void 0,
-          className: q(x.item(), r),
+          className: K(x.item(), r),
           children: /* @__PURE__ */ p(
             "div",
             {
-              className: q(
+              className: K(
                 x.shift(),
                 /* THE HOLE, never the card. The card is always somewhere else while
                                it is carried — `CarriedCard` below — so this one is invisible,
@@ -38895,13 +38940,13 @@ function iz({ label: e, className: t, children: n }) {
         const C = v.split(/\s+/).filter((S) => S && S !== r);
         C.length ? x.setAttribute("aria-describedby", C.join(" ")) : x.removeAttribute("aria-describedby");
       };
-  }, [m, c, r, n]), c ? /* @__PURE__ */ p("div", { className: q(u.surface(), t), children: n }) : /* @__PURE__ */ p(
+  }, [m, c, r, n]), c ? /* @__PURE__ */ p("div", { className: K(u.surface(), t), children: n }) : /* @__PURE__ */ p(
     "div",
     {
       ref: g,
       "data-dnd-handle": i,
       "data-dnd-surface": "",
-      className: q(u.surface(), t),
+      className: K(u.surface(), t),
       ...f ? {
         role: "button",
         tabIndex: 0,
@@ -38916,7 +38961,7 @@ function hE({ label: e, className: t, children: n }) {
   const { instructionsId: r, census: o } = Jc("DragDropHandle"), { axis: s } = wh("DragDropHandle"), { id: i, setHandleRef: a, label: l } = dE("DragDropHandle"), c = uE();
   at(() => c ? void 0 : o.source(i), [o, i, c]);
   const u = jo({ axis: s }), m = n ?? /* @__PURE__ */ p(xe, { name: "grip-vertical", size: "sm" });
-  return c ? /* @__PURE__ */ p("span", { "aria-hidden": "true", className: q(u.handle(), t), children: m }) : /* @__PURE__ */ p(
+  return c ? /* @__PURE__ */ p("span", { "aria-hidden": "true", className: K(u.handle(), t), children: m }) : /* @__PURE__ */ p(
     "span",
     {
       ref: a,
@@ -38925,7 +38970,7 @@ function hE({ label: e, className: t, children: n }) {
       tabIndex: 0,
       "aria-label": e ?? `Reorder ${l ?? i}`,
       "aria-describedby": r,
-      className: q(u.handle(), t),
+      className: K(u.handle(), t),
       children: m
     }
   );
@@ -39120,7 +39165,7 @@ function d4({
         children: /* @__PURE__ */ p(
           "div",
           {
-            className: q(m.root(), c),
+            className: K(m.root(), c),
             tabIndex: 0,
             role: "group",
             "aria-label": e,
@@ -39222,7 +39267,7 @@ function xE({
   const u = t === "tile", m = e.status === "uploading", d = e.status === "error", f = e.thumbnailUrl ?? (ii(e) === "image" ? e.url : void 0), h = st(() => d ? e.error ?? "Upload failed" : m ? e.progress === void 0 ? "Uploading…" : `${Math.round(e.progress)}%` : n !== void 0 ? n : e.size === void 0 ? "" : bE(e.size), [d, m, n, e.error, e.progress, e.size]), g = /* @__PURE__ */ M(
     "div",
     {
-      className: q(
+      className: K(
         /* Above the full-card trigger, so a button click is a button click.
            z-index rather than stopPropagation: propagation still fires the
            card's handler on keyboard activation, which is where that trick
@@ -39260,7 +39305,7 @@ function xE({
       ref: c,
       "data-attachment": e.id,
       "data-status": e.status ?? "ready",
-      className: q(
+      className: K(
         /* `dx-ground-raised` so the action buttons inside mix their hover from
            the tile they sit on, not from the page behind it. */
         "dx-ground-raised group/attachment relative isolate overflow-hidden border bg-surface-raised",
@@ -39298,21 +39343,21 @@ function xE({
           ) : /* @__PURE__ */ p(xe, { name: ii(e), size: "lg", className: "text-tertiary" }) }),
           /* @__PURE__ */ M("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-0 flex flex-col gap-0.5 bg-linear-to-t from-black/72 to-transparent px-2.5 pt-6 pb-2", children: [
             /* @__PURE__ */ p("span", { className: "truncate text-2xs font-semibold text-white", children: e.name }),
-            h !== "" && /* @__PURE__ */ p("span", { className: q("truncate text-2xs", d ? "text-danger" : "text-white/70"), children: h })
+            h !== "" && /* @__PURE__ */ p("span", { className: K("truncate text-2xs", d ? "text-danger" : "text-white/70"), children: h })
           ] }),
           g
         ] }) : /* @__PURE__ */ M(dt, { children: [
           /* @__PURE__ */ p("div", { className: "relative grid size-9 shrink-0 place-items-center overflow-hidden rounded-md bg-surface-inset", children: f ? /* @__PURE__ */ p("img", { src: f, alt: "", loading: "lazy", className: "size-full object-cover" }) : /* @__PURE__ */ p(xe, { name: ii(e), size: "sm", className: "text-tertiary" }) }),
           /* @__PURE__ */ M("div", { className: "flex min-w-0 flex-1 flex-col", children: [
             /* @__PURE__ */ p("span", { className: "truncate text-sm font-medium text-primary", children: e.name }),
-            h !== "" && /* @__PURE__ */ p("span", { className: q("truncate text-2xs", d ? "text-danger-text" : "text-tertiary"), children: h })
+            h !== "" && /* @__PURE__ */ p("span", { className: K("truncate text-2xs", d ? "text-danger-text" : "text-tertiary"), children: h })
           ] }),
           g
         ] }),
         m && /* @__PURE__ */ p("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-20 h-0.5 bg-border-subtle", children: /* @__PURE__ */ p(
           "div",
           {
-            className: q(
+            className: K(
               "h-full bg-accent transition-[var(--tx-colors),width] duration-(--dur-slow) ease-(--ease-standard)",
               e.progress === void 0 && "w-1/3 animate-sweep"
             ),
@@ -39338,7 +39383,7 @@ function Ix({
       onClick: n,
       disabled: r,
       "aria-label": t,
-      className: q(
+      className: K(
         "dx-tap grid size-6 shrink-0 cursor-pointer place-items-center rounded-md outline-none",
         "transition-[var(--tx-colors),opacity] duration-(--dur-fast)",
         "focus-visible:ring-2 focus-visible:ring-focus-ring",
@@ -39397,7 +39442,7 @@ function yE({
   return /* @__PURE__ */ M(
     "div",
     {
-      className: q(
+      className: K(
         t === "tile" ? "flex flex-wrap gap-2" : "flex flex-col gap-1.5",
         a
       ),
@@ -39417,7 +39462,7 @@ function yE({
         c > 0 && /* @__PURE__ */ M(
           "div",
           {
-            className: q(
+            className: K(
               "grid place-items-center rounded-xl border border-dashed border-border text-sm font-medium text-tertiary",
               t === "tile" ? "aspect-4/3 w-36 shrink-0" : "h-9 w-full"
             ),
@@ -39452,7 +39497,7 @@ function dz({
   className: x,
   ref: y
 }) {
-  const w = Je(null), [v, C] = Pe(!1), S = !c && !i && (e.trim().length > 0 || r.length > 0), R = () => {
+  const w = Qe(null), [v, C] = Pe(!1), S = !c && !i && (e.trim().length > 0 || r.length > 0), R = () => {
     S && n(e, r);
   }, N = (k) => {
     k.key !== "Enter" || k.shiftKey || k.nativeEvent.isComposing || (k.preventDefault(), R());
@@ -39465,7 +39510,7 @@ function dz({
     const T = [...k.dataTransfer.files];
     T.length > 0 && o(T);
   };
-  return /* @__PURE__ */ M("div", { className: q("flex flex-col gap-1.5", x), children: [
+  return /* @__PURE__ */ M("div", { className: K("flex flex-col gap-1.5", x), children: [
     /* @__PURE__ */ M(
       "div",
       {
@@ -39477,7 +39522,7 @@ function dz({
         },
         onDrop: I,
         "data-dragging": v || void 0,
-        className: q(
+        className: K(
           "relative flex flex-col gap-2 rounded-2xl border bg-field p-2.5",
           "transition-[var(--tx-colors),box-shadow] duration-(--dur-fast) ease-(--ease-standard)",
           "focus-within:border-accent focus-within:ring-4 focus-within:ring-focus-halo",
@@ -39507,7 +39552,7 @@ function dz({
               disabled: c,
               rows: 1,
               "aria-label": l,
-              className: q(
+              className: K(
                 "field-sizing-content w-full resize-none bg-transparent px-1 py-1",
                 "text-sm text-primary outline-none placeholder:text-field-placeholder"
               ),
@@ -39539,7 +39584,7 @@ function dz({
                   onClick: () => w.current?.click(),
                   disabled: c,
                   "aria-label": "Attach files",
-                  className: q(
+                  className: K(
                     "dx-tap grid size-7 shrink-0 cursor-pointer place-items-center rounded-lg text-tertiary outline-none",
                     "transition-colors duration-(--dur-fast) hover:bg-surface-hover hover:text-primary",
                     "focus-visible:ring-2 focus-visible:ring-focus-ring",
@@ -39569,7 +39614,7 @@ function dz({
                   onClick: R,
                   disabled: !S,
                   "aria-label": "Send message",
-                  className: q(
+                  className: K(
                     "dx-tap grid size-8 shrink-0 cursor-pointer place-items-center rounded-xl outline-none",
                     "transition-[var(--tx-colors),transform] duration-(--dur-fast) ease-(--ease-snappy)",
                     "focus-visible:ring-2 focus-visible:ring-focus-ring",
@@ -39724,7 +39769,7 @@ function vE({ code: e, language: t, filename: n, streaming: r, className: o }) {
       value: e,
       language: t,
       filename: n,
-      className: q("my-2", o),
+      className: K("my-2", o),
       toolbar: r ? /* @__PURE__ */ p(vS, { children: /* @__PURE__ */ p(wS, {}) }) : void 0
     }
   );
@@ -39743,7 +39788,7 @@ const bz = Gl(function({ block: t, index: n }) {
         r,
         {
           start: t.ordered ? t.start : void 0,
-          className: q(
+          className: K(
             "my-1.5 flex flex-col gap-1 pl-5",
             t.ordered ? "list-decimal" : "list-disc",
             "marker:text-tertiary"
@@ -39761,7 +39806,7 @@ const bz = Gl(function({ block: t, index: n }) {
   }
 }), xz = Gl(function({ children: t, className: n }) {
   const r = st(() => mz(t), [t]);
-  return /* @__PURE__ */ p("div", { className: q("text-sm leading-relaxed text-secondary", n), children: r.map((o, s) => /* @__PURE__ */ p(bz, { block: o, index: s }, `${o.kind}-${s}`)) });
+  return /* @__PURE__ */ p("div", { className: K("text-sm leading-relaxed text-secondary", n), children: r.map((o, s) => /* @__PURE__ */ p(bz, { block: o, index: s }, `${o.kind}-${s}`)) });
 }), za = [
   "var(--color-accent)",
   "var(--color-info)",
@@ -39808,14 +39853,14 @@ function yz({
     /* Marker for the overlay and visual gates — same reason as the effort
        panel: the popup's own DOM has no selector a probe can name without
        depending on an implementation detail. */
-    /* @__PURE__ */ M("div", { "data-context-panel": "", className: q("flex w-72 flex-col gap-3", s && l), children: [
+    /* @__PURE__ */ M("div", { "data-context-panel": "", className: K("flex w-72 flex-col gap-3", s && l), children: [
       /* @__PURE__ */ M("div", { className: "flex flex-col gap-1.5", children: [
         /* @__PURE__ */ M("div", { className: "flex items-baseline justify-between gap-3", children: [
           /* @__PURE__ */ p("span", { id: c, className: "text-sm font-semibold text-primary", children: "Context window" }),
           /* @__PURE__ */ p(
             "span",
             {
-              className: q(
+              className: K(
                 "font-mono text-2xs tabular-nums",
                 f === "danger" ? "text-danger-text" : f === "warning" ? "text-warning-text" : "text-tertiary"
               ),
@@ -39864,7 +39909,7 @@ function yz({
         /* @__PURE__ */ p("div", { className: "h-1 w-full overflow-hidden rounded-full bg-surface-inset", children: /* @__PURE__ */ p(
           "div",
           {
-            className: q(
+            className: K(
               "h-full rounded-full transition-[var(--tx-colors),width] duration-(--dur-slow) ease-(--ease-standard)",
               y.percent >= o * 100 ? "bg-danger" : y.percent >= r * 100 ? "bg-warning" : "bg-accent"
             ),
@@ -39885,7 +39930,7 @@ function yz({
         {
           type: "button",
           "aria-label": `Context window, ${h}`,
-          className: q(
+          className: K(
             "dx-tap group/context inline-flex cursor-pointer items-center gap-2 rounded-md px-2 py-1",
             "transition-colors duration-(--dur-fast) hover:bg-surface-hover",
             "outline-none focus-visible:ring-2 focus-visible:ring-focus-ring",
@@ -39896,7 +39941,7 @@ function yz({
             /* @__PURE__ */ M(
               "span",
               {
-                className: q(
+                className: K(
                   "font-mono text-2xs tabular-nums transition-colors duration-(--dur-fast)",
                   f === "danger" ? "text-danger-text" : f === "warning" ? "text-warning-text" : "text-tertiary group-hover/context:text-secondary"
                 ),
@@ -39947,7 +39992,7 @@ function vz({ fraction: e, tone: t }) {
         strokeWidth: "5",
         strokeDasharray: "1",
         strokeDashoffset: 1 - n,
-        className: q(
+        className: K(
           "transition-[var(--tx-colors),stroke-dashoffset] duration-(--dur-slow) ease-(--ease-standard)",
           t === "danger" ? "stroke-danger" : t === "warning" ? "stroke-warning" : "stroke-accent"
         )
@@ -39960,7 +40005,7 @@ function wE({ children: e, active: t = !0, className: n }) {
     "span",
     {
       "aria-live": "polite",
-      className: q(
+      className: K(
         "text-2xs font-medium",
         t ? "animate-shimmer bg-[linear-gradient(90deg,var(--color-tertiary)_20%,var(--color-primary)_45%,var(--color-tertiary)_70%)] bg-[length:220%_100%] bg-clip-text text-transparent" : "text-tertiary",
         n
@@ -39976,7 +40021,7 @@ const wz = {
 };
 function Cz({ part: e, defaultOpen: t = !1, className: n }) {
   const r = wz[e.status], { added: o, removed: s } = e.stats ?? {}, i = /* @__PURE__ */ M("span", { className: "flex w-full items-center gap-2 text-left", children: [
-    /* @__PURE__ */ p(xe, { name: r.icon, size: "xs", className: q("shrink-0", r.className) }),
+    /* @__PURE__ */ p(xe, { name: r.icon, size: "xs", className: K("shrink-0", r.className) }),
     /* @__PURE__ */ p("span", { className: "min-w-0 flex-1 truncate text-xs text-secondary", children: e.status === "running" ? /* @__PURE__ */ p(wE, { children: e.summary }) : e.summary }),
     o !== void 0 && o > 0 && /* @__PURE__ */ M("span", { className: "shrink-0 font-mono text-2xs text-success", children: [
       "+",
@@ -39998,7 +40043,7 @@ function Cz({ part: e, defaultOpen: t = !1, className: n }) {
   return e.detail === void 0 ? /* @__PURE__ */ p(
     "div",
     {
-      className: q(
+      className: K(
         "my-1 flex items-center rounded-md border border-border-subtle bg-surface-raised px-2.5 py-1.5",
         n
       ),
@@ -40008,7 +40053,7 @@ function Cz({ part: e, defaultOpen: t = !1, className: n }) {
     MC,
     {
       defaultOpen: t,
-      className: q("my-1", n),
+      className: K("my-1", n),
       chevron: !1,
       triggerClassName: "dx-ground-raised w-full self-stretch border border-border-subtle bg-surface-raised px-2.5 py-1.5 text-left hover:border-border hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-focus-ring",
       trigger: i,
@@ -40166,7 +40211,7 @@ function Rz({
       "div",
       {
         role: "note",
-        className: q(
+        className: K(
           "mx-auto my-1 flex max-w-prose items-center gap-2 rounded-md border border-border-subtle bg-surface-raised px-3 py-1.5 text-2xs text-tertiary",
           u
         ),
@@ -40187,7 +40232,7 @@ function Rz({
       ref: m,
       "data-message": e.id,
       "data-role": e.role,
-      className: q(
+      className: K(
         "group/message flex w-full gap-3",
         h ? "justify-end" : "justify-start",
         s ? "mt-1" : "mt-5 first:mt-0",
@@ -40202,11 +40247,11 @@ function Rz({
             src: e.author?.avatarUrl
           }
         ) }),
-        /* @__PURE__ */ M("div", { className: q("flex min-w-0 flex-col", h ? "max-w-[min(42rem,85%)]" : "flex-1"), children: [
+        /* @__PURE__ */ M("div", { className: K("flex min-w-0 flex-col", h ? "max-w-[min(42rem,85%)]" : "flex-1"), children: [
           !s && (e.author?.name || a) && /* @__PURE__ */ M(
             "div",
             {
-              className: q(
+              className: K(
                 "mb-1 flex items-baseline gap-2 text-2xs text-tertiary",
                 h && "justify-end"
               ),
@@ -40222,7 +40267,7 @@ function Rz({
           /* @__PURE__ */ p(
             "div",
             {
-              className: q(
+              className: K(
                 h ? "rounded-2xl rounded-br-md bg-accent-subtle px-3.5 py-2.5 text-sm text-primary" : "min-w-0"
               ),
               children: y
@@ -40231,7 +40276,7 @@ function Rz({
           o && o.length > 0 && !e.streaming && /* @__PURE__ */ M(
             "div",
             {
-              className: q(
+              className: K(
                 "mt-1.5 flex items-center gap-0.5",
                 h && "justify-end",
                 /* Revealed on hover or focus, but ALWAYS present in the DOM and
@@ -40281,7 +40326,7 @@ function Dx({
       onClick: () => e.onClick(t),
       "aria-label": e.label,
       "aria-pressed": e.active,
-      className: q(
+      className: K(
         "dx-tap grid size-6 shrink-0 cursor-pointer place-items-center rounded-md outline-none",
         "transition-colors duration-(--dur-fast)",
         "hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-focus-ring",
@@ -40295,13 +40340,13 @@ function f4({ children: e, variant: t = "rule", className: n }) {
   return t === "note" ? /* @__PURE__ */ p(
     "div",
     {
-      className: q(
+      className: K(
         "my-2 flex items-center gap-2 rounded-md border border-border-subtle bg-surface-raised px-3 py-1.5 text-2xs text-tertiary",
         n
       ),
       children: e
     }
-  ) : /* @__PURE__ */ M("div", { className: q("my-3 flex items-center gap-3", n), children: [
+  ) : /* @__PURE__ */ M("div", { className: K("my-3 flex items-center gap-3", n), children: [
     /* @__PURE__ */ p("span", { className: "h-px flex-1 bg-border-subtle" }),
     /* @__PURE__ */ p("span", { className: "text-2xs font-semibold tracking-widest text-tertiary uppercase", children: e }),
     /* @__PURE__ */ p("span", { className: "h-px flex-1 bg-border-subtle" })
@@ -40315,7 +40360,7 @@ function Nz({
   className: o,
   ref: s
 }) {
-  const i = Je(null), a = Je(null), l = Je(!0), [c, u] = Pe(!1), m = Xe((f = "smooth") => {
+  const i = Qe(null), a = Qe(null), l = Qe(!0), [c, u] = Pe(!1), m = Xe((f = "smooth") => {
     const h = i.current;
     h && (h.scrollTo({ top: h.scrollHeight, behavior: f }), l.current = !0, u(!1));
   }, []), d = Xe(() => {
@@ -40349,7 +40394,7 @@ function Nz({
         role: "log",
         "aria-live": "polite",
         "aria-relevant": "additions text",
-        className: q(
+        className: K(
           "min-h-0 flex-1 overflow-y-auto overscroll-contain outline-none",
           "focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset",
           o
@@ -40369,7 +40414,7 @@ function Nz({
       {
         type: "button",
         onClick: () => m(),
-        className: q(
+        className: K(
           "dx-tap absolute bottom-3 left-1/2 flex -translate-x-1/2 cursor-pointer items-center justify-center gap-1.5",
           /* `dx-ground-overlay`: this pill paints itself on the overlay
              surface, which on dark sits ABOVE the neutral hover fill — so
@@ -40416,14 +40461,14 @@ function kz({
       onOpenChange: u,
       side: s,
       align: i,
-      className: q("min-w-60", l),
+      className: K("min-w-60", l),
       trigger: /* @__PURE__ */ M(
         "button",
         {
           type: "button",
           disabled: a,
           "aria-label": `Model: ${g?.name ?? t}`,
-          className: q(
+          className: K(
             /* `whitespace-nowrap` because a model NAME is one token even when it
                contains a space: squeezed into a narrow composer, "Opus 5" broke
                across two lines and made the whole toolbar row twice as tall. A
@@ -40519,7 +40564,7 @@ function Vx({
       {
         name: "check",
         size: "xs",
-        className: q("shrink-0 text-accent-text", !t && "invisible")
+        className: K("shrink-0 text-accent-text", !t && "invisible")
       }
     ),
     /* @__PURE__ */ M("span", { className: "flex min-w-0 flex-1 flex-col", children: [
@@ -40561,7 +40606,7 @@ function Tz({
        `input[type=range]`, not `role="slider"`, and the panel has no other
        unique selector — a marker class is how the tooltip and toast cases
        already solve this. */
-    /* @__PURE__ */ M("div", { "data-effort-panel": "", className: q("flex flex-col gap-1", o && l), children: [
+    /* @__PURE__ */ M("div", { "data-effort-panel": "", className: K("flex flex-col gap-1", o && l), children: [
       /* @__PURE__ */ M("div", { className: "flex items-baseline gap-1.5", children: [
         /* @__PURE__ */ p("span", { className: "text-sm font-semibold text-primary", children: "Effort" }),
         /* @__PURE__ */ p("span", { className: "text-sm text-secondary", children: u?.label }),
@@ -40606,14 +40651,14 @@ function Tz({
     {
       side: s,
       align: i,
-      className: q("w-auto p-3", l),
+      className: K("w-auto p-3", l),
       trigger: /* @__PURE__ */ M(
         "button",
         {
           type: "button",
           disabled: a,
           "aria-label": `Effort: ${u?.label ?? t}`,
-          className: q(
+          className: K(
             "dx-tap inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium",
             "text-secondary transition-colors duration-(--dur-fast)",
             "hover:bg-surface-hover hover:text-primary",
@@ -40624,7 +40669,7 @@ function Tz({
             /* @__PURE__ */ p("span", { "aria-hidden": !0, className: "flex items-end gap-px", children: e.map((f, h) => /* @__PURE__ */ p(
               "span",
               {
-                className: q(
+                className: K(
                   "w-0.5 rounded-full transition-colors duration-(--dur-fast)",
                   h <= c ? "bg-accent" : "bg-border"
                 ),
@@ -40693,7 +40738,7 @@ function Mz({
     "section",
     {
       "data-chat-surface": C,
-      className: q(
+      className: K(
         "flex min-h-0 flex-col bg-canvas",
         C === "sidebar" && "h-full border-l border-border-subtle",
         C === "popover" && "h-[32rem] w-[26rem]",
@@ -40763,7 +40808,7 @@ function p4({
         {
           type: "button",
           "aria-label": "Open chat",
-          className: q(
+          className: K(
             "grid size-12 cursor-pointer place-items-center rounded-full bg-accent text-accent-contrast",
             "shadow-lg outline-none transition-[var(--tx-colors),transform] duration-(--dur-fast) ease-(--ease-snappy)",
             "hover:bg-accent-hover active:scale-95 focus-visible:ring-2 focus-visible:ring-focus-ring"
@@ -41215,7 +41260,7 @@ function qz(e) {
   return t.setUTCFullYear(e.year, e.month, 0), { year: t.getUTCFullYear(), month: t.getUTCMonth() + 1, day: t.getUTCDate() };
 }
 function Yz(e, t) {
-  const { month: n, weekStartsOn: r, onMonthChange: o } = t, [s, i] = Pe(e), [a, l] = Pe(!1), c = Je(s), u = Xe(
+  const { month: n, weekStartsOn: r, onMonthChange: o } = t, [s, i] = Pe(e), [a, l] = Pe(!1), c = Qe(s), u = Xe(
     (d) => {
       Mo(c.current, d) || (c.current = d, i(d), (d.year !== n.year || d.month !== n.month) && o?.(d));
     },
@@ -41335,7 +41380,7 @@ function E4({
   }, [x]), w = Yz(
     Xz(x, e, o, s),
     { month: e, weekStartsOn: r, onMonthChange: l }
-  ), v = Je(/* @__PURE__ */ new Map()), C = Je(!1);
+  ), v = Qe(/* @__PURE__ */ new Map()), C = Qe(!1);
   at(() => {
     C.current && v.current.get(Bn(w.focusedDay))?.focus();
   }, [w.focusedDay]);
@@ -41373,7 +41418,7 @@ function E4({
     }),
     [y, n, t, c]
   ), R = y[0] ?? [];
-  return /* @__PURE__ */ M("div", { className: q(h.root(), d), children: [
+  return /* @__PURE__ */ M("div", { className: K(h.root(), d), children: [
     /* @__PURE__ */ M(
       "table",
       {
@@ -41420,7 +41465,7 @@ function E4({
                 children: /* @__PURE__ */ M(
                   "div",
                   {
-                    className: q(
+                    className: K(
                       h.cellInner(),
                       !T && "bg-canvas-subtle",
                       V && "bg-surface-selected"
@@ -41435,7 +41480,7 @@ function E4({
                       /* @__PURE__ */ p(
                         "span",
                         {
-                          className: q(
+                          className: K(
                             h.dayNumber(),
                             !T && "text-tertiary",
                             T && !A && "text-secondary",
@@ -41452,7 +41497,7 @@ function E4({
                             type: "button",
                             tabIndex: w.insideCell && D ? 0 : -1,
                             "aria-label": $l(O.event, t, P.label, u),
-                            className: q(
+                            className: K(
                               h.bar(),
                               /* Only the clipped end loses its radius, so the
                                  bar reads as continuing rather than ending. */
@@ -41507,7 +41552,7 @@ function E4({
                               "button",
                               {
                                 type: "button",
-                                className: q(h.bar(), "relative! w-full"),
+                                className: K(h.bar(), "relative! w-full"),
                                 "aria-label": $l(O, t, G.label, u),
                                 style: {
                                   background: G.fill,
@@ -41685,9 +41730,9 @@ function Ys(e, t, n) {
   return Ei(e, t, n);
 }
 function o5(e) {
-  const { zone: t, days: n, snapMinutes: r, measure: o, onCommit: s, onCreate: i, onAnnounce: a, locale: l, disabled: c } = e, [u, m] = Pe(null), [d, f] = Pe(null), [h, g] = Pe(!1), x = Je({ zone: t, days: n, snapMinutes: r, measure: o, onCommit: s, onCreate: i, onAnnounce: a, locale: l });
+  const { zone: t, days: n, snapMinutes: r, measure: o, onCommit: s, onCreate: i, onAnnounce: a, locale: l, disabled: c } = e, [u, m] = Pe(null), [d, f] = Pe(null), [h, g] = Pe(!1), x = Qe({ zone: t, days: n, snapMinutes: r, measure: o, onCommit: s, onCreate: i, onAnnounce: a, locale: l });
   x.current = { zone: t, days: n, snapMinutes: r, measure: o, onCommit: s, onCreate: i, onAnnounce: a, locale: l };
-  const y = Je({ columns: [], origin: null, anchor: null, last: null, spoken: null, point: null }), w = Xe(() => {
+  const y = Qe({ columns: [], origin: null, anchor: null, last: null, spoken: null, point: null }), w = Xe(() => {
     y.current.columns = x.current.measure();
   }, []);
   at(() => {
@@ -41704,7 +41749,7 @@ function o5(e) {
   const v = Xe((V) => {
     const D = IE(V, x.current.zone, x.current.locale);
     y.current.spoken !== D && (y.current.spoken = D, x.current.onAnnounce?.(D));
-  }, []), C = Je(
+  }, []), C = Qe(
     /* @__PURE__ */ new Map()
   ), S = Xe(
     (V) => (D) => {
@@ -41766,7 +41811,7 @@ function o5(e) {
       } }, F.cb = S(F), C.current.set(_, F)), F.event = V, F.cb;
     },
     [S]
-  ), N = Je(null), E = Xe(
+  ), N = Qe(null), E = Xe(
     (V) => !V || c || !i ? void 0 : Si(V, {
       onPress: (_, F) => !F.target?.closest("button"),
       onActivate: (_) => {
@@ -41872,7 +41917,7 @@ function l5({
       endExclusive: Kr(t, I, { minutes: k })
     }), i?.();
   };
-  return /* @__PURE__ */ M("div", { className: q(c.root(), l), children: [
+  return /* @__PURE__ */ M("div", { className: K(c.root(), l), children: [
     /* @__PURE__ */ M("div", { children: [
       /* @__PURE__ */ p("div", { className: c.title(), children: e.title }),
       /* @__PURE__ */ M("div", { className: c.meta(), children: [
@@ -41913,7 +41958,7 @@ function l5({
   ] });
 }
 function c5(e) {
-  const { zone: t, snapMinutes: n, days: r, onCommit: o, onAnnounce: s, locale: i } = e, [a, l] = Pe(null), [c, u] = Pe({}), m = Je(null), d = Xe(
+  const { zone: t, snapMinutes: n, days: r, onCommit: o, onAnnounce: s, locale: i } = e, [a, l] = Pe(null), [c, u] = Pe({}), m = Qe(null), d = Xe(
     (x, y) => {
       const w = r[Math.max(0, Math.min(r.length - 1, y))];
       w && s?.(
@@ -42078,7 +42123,7 @@ function R4({
   className: v,
   label: C = "Schedule"
 }) {
-  const S = u5(), R = Je(null), N = Je([]), [E, I] = Pe(""), k = n5({ fixed: m }), T = st(
+  const S = u5(), R = Qe(null), N = Qe([]), [E, I] = Pe(""), k = n5({ fixed: m }), T = st(
     () => e.length > 0 ? Bx(t, e[0], s) : [],
     [e, t, s]
   ), A = st(() => e.reduce(
@@ -42109,22 +42154,22 @@ function R4({
     const $ = jx / Math.max(1, A);
     return e.map((U, j) => {
       const B = [];
-      for (const K of n) {
-        if (K.allDay) continue;
-        const ee = of(t, e, K);
-        ee && ee.endColumn > ee.startColumn || B.push(...zz(t, [U], K));
-      }
-      const L = B.map((K, ee) => ({
-        key: `${K.event.id}:${ee}`,
-        start: K.top,
-        end: K.bottom
-      })), W = t5(L, { mode: u, minSpan: $, maxLanes: c, minWidth: 0.16 }), Y = new Map(L.map((K, ee) => [K.key, B[ee]]));
+      for (const q of n) {
+        if (q.allDay) continue;
+        const ee = of(t, e, q);
+        ee && ee.endColumn > ee.startColumn || B.push(...zz(t, [U], q));
+      }
+      const L = B.map((q, ee) => ({
+        key: `${q.event.id}:${ee}`,
+        start: q.top,
+        end: q.bottom
+      })), W = t5(L, { mode: u, minSpan: $, maxLanes: c, minWidth: 0.16 }), Y = new Map(L.map((q, ee) => [q.key, B[ee]]));
       return {
         day: U,
         dayIndex: j,
-        events: W.map((K) => ({
-          ...Y.get(K.key),
-          placement: K
+        events: W.map((q) => ({
+          ...Y.get(q.key),
+          placement: q
         }))
       };
     });
@@ -42176,7 +42221,7 @@ function R4({
     const U = nn(t, $);
     return k >= U && k < nn(t, ws($));
   }), H = P >= 0 ? Ei(t, e[P], k) : -1;
-  return /* @__PURE__ */ M("div", { className: q(S.root(), v), "aria-label": C, children: [
+  return /* @__PURE__ */ M("div", { className: K(S.root(), v), "aria-label": C, children: [
     /* @__PURE__ */ M("div", { className: S.header(), children: [
       /* @__PURE__ */ M("div", { className: S.headerRow(), children: [
         /* @__PURE__ */ p("div", { className: S.gutter(), style: { width: Ua }, children: /* @__PURE__ */ p("div", { className: S.zoneLabel(), children: Bz(t, k, y) }) }),
@@ -42187,7 +42232,7 @@ function R4({
             /* @__PURE__ */ p(
               "span",
               {
-                className: q(
+                className: K(
                   S.dayDigit(),
                   U ? "bg-accent font-semibold text-accent-contrast" : "text-primary"
                 ),
@@ -42210,7 +42255,7 @@ function R4({
                 "button",
                 {
                   type: "button",
-                  className: q(
+                  className: K(
                     S.bandBar(),
                     !$.isStart && "rounded-l-none",
                     !$.isEnd && "rounded-r-none"
@@ -42288,7 +42333,7 @@ function R4({
                   "aria-label": `Events on ${Fl($.day, y)}`,
                   children: [
                     $.events.map(({ event: U, top: j, bottom: B, isStart: L, isEnd: W, placement: Y }) => {
-                      const K = Ll(U.paletteKey), ee = G.preview(O.preview(U)), te = G.grabbedId === U.id, Z = O.draft?.id === U.id || te, ne = Z ? Ys(t, $.day, ee.start) : Y.start, J = Z ? Ys(t, $.day, ee.endExclusive) : Y.end, me = (B - j) * A < 30, pe = !!f && U.editable !== !1;
+                      const q = Ll(U.paletteKey), ee = G.preview(O.preview(U)), te = G.grabbedId === U.id, Z = O.draft?.id === U.id || te, ne = Z ? Ys(t, $.day, ee.start) : Y.start, J = Z ? Ys(t, $.day, ee.endExclusive) : Y.end, me = (B - j) * A < 30, pe = !!f && U.editable !== !1;
                       return /* @__PURE__ */ M("li", { className: "contents", children: [
                         /* @__PURE__ */ p(
                           d5,
@@ -42309,7 +42354,7 @@ function R4({
                               "button",
                               {
                                 type: "button",
-                                className: q(
+                                className: K(
                                   S.event(),
                                   me && "flex-row items-center gap-1",
                                   pe && "cursor-grab",
@@ -42321,7 +42366,7 @@ function R4({
                                   !L && "rounded-t-none",
                                   !W && "rounded-b-none"
                                 ),
-                                "aria-label": $l(U, t, K.label, y),
+                                "aria-label": $l(U, t, q.label, y),
                                 ref: pe ? O.bindEvent(U, "move") : void 0,
                                 "data-dragging": Z ? "" : void 0,
                                 style: {
@@ -42330,20 +42375,20 @@ function R4({
                                   left: `calc(${Y.left * 100}% + 1px)`,
                                   width: `calc(${Y.width * 100}% - 2px)`,
                                   zIndex: 10 + Y.zIndex,
-                                  background: K.fill,
-                                  color: K.text,
-                                  borderLeft: `3px solid ${K.edge}`,
+                                  background: q.fill,
+                                  color: q.text,
+                                  borderLeft: `3px solid ${q.edge}`,
                                   /* A 1px rim on any lane past the first is what stops a
                                      cascade becoming mush — the overlapping chips need
                                      an edge to read against each other. */
-                                  boxShadow: Y.column > 0 ? `inset 0 0 0 1px ${K.edge}` : void 0
+                                  boxShadow: Y.column > 0 ? `inset 0 0 0 1px ${q.edge}` : void 0
                                 },
                                 onClick: () => o?.(U),
                                 onKeyDown: pe ? (se) => G.onKeyDown(U, se) : void 0,
                                 "data-grabbed": te ? "" : void 0,
                                 children: w ? w(U) : /* @__PURE__ */ M(dt, { children: [
                                   /* @__PURE__ */ p("span", { className: "truncate font-medium", children: U.title }),
-                                  /* @__PURE__ */ p("span", { className: q("truncate opacity-80", me && "shrink-0"), children: Dr(U.start, t, y) })
+                                  /* @__PURE__ */ p("span", { className: K("truncate opacity-80", me && "shrink-0"), children: Dr(U.start, t, y) })
                                 ] })
                               }
                             )
@@ -42353,7 +42398,7 @@ function R4({
                           "span",
                           {
                             "aria-hidden": "true",
-                            className: q(S.resizeHandle(), "top-0"),
+                            className: K(S.resizeHandle(), "top-0"),
                             style: { top: ne * A, left: `calc(${Y.left * 100}% + 1px)`, width: `calc(${Y.width * 100}% - 2px)`, position: "absolute", zIndex: 20 + Y.zIndex },
                             ref: O.bindEvent(U, "resize-start")
                           }
@@ -42362,7 +42407,7 @@ function R4({
                           "span",
                           {
                             "aria-hidden": "true",
-                            className: q(S.resizeHandle()),
+                            className: K(S.resizeHandle()),
                             style: { top: J * A - 20, left: `calc(${Y.left * 100}% + 1px)`, width: `calc(${Y.width * 100}% - 2px)`, position: "absolute", zIndex: 20 + Y.zIndex },
                             ref: O.bindEvent(U, "resize-end")
                           }
@@ -42514,11 +42559,11 @@ function I4({
           ] })
         ] }),
         (e || t) && /* @__PURE__ */ M("div", { className: "flex flex-col gap-0.5 border-t border-border-subtle pt-2", children: [
-          e && /* @__PURE__ */ p(Js, { children: /* @__PURE__ */ M("button", { type: "button", className: q(Wa), onClick: e, children: [
+          e && /* @__PURE__ */ p(Js, { children: /* @__PURE__ */ M("button", { type: "button", className: K(Wa), onClick: e, children: [
             /* @__PURE__ */ p(xe, { name: "user", size: "sm" }),
             "Profile"
           ] }) }),
-          t && /* @__PURE__ */ p(Js, { children: /* @__PURE__ */ M("button", { type: "button", className: q(Wa), onClick: t, children: [
+          t && /* @__PURE__ */ p(Js, { children: /* @__PURE__ */ M("button", { type: "button", className: K(Wa), onClick: t, children: [
             /* @__PURE__ */ p(xe, { name: "shield-check", size: "sm" }),
             "Roles & Permissions"
           ] }) })
@@ -42538,8 +42583,8 @@ function I4({
           ] }) : /* @__PURE__ */ p("p", { className: "text-xs text-tertiary", children: "No role is assigned for this team." })
         ] }),
         l.length > 1 && n && /* @__PURE__ */ M("div", { className: "flex flex-col gap-0.5 border-t border-border-subtle pt-2", children: [
-          /* @__PURE__ */ p("span", { className: q(Kx, "px-1 pb-1"), children: "Switch team" }),
-          l.map((u) => /* @__PURE__ */ p(Js, { children: /* @__PURE__ */ M("button", { type: "button", className: q(Wa), onClick: () => n(u.id), children: [
+          /* @__PURE__ */ p("span", { className: K(Kx, "px-1 pb-1"), children: "Switch team" }),
+          l.map((u) => /* @__PURE__ */ p(Js, { children: /* @__PURE__ */ M("button", { type: "button", className: K(Wa), onClick: () => n(u.id), children: [
             /* @__PURE__ */ p(xe, { name: "users", size: "sm" }),
             u.name
           ] }) }, u.id))
@@ -42548,7 +42593,7 @@ function I4({
           "button",
           {
             type: "button",
-            className: q(Wa, "text-danger-text hover:bg-danger-subtle hover:text-danger-text focus-visible:bg-danger-subtle focus-visible:text-danger-text"),
+            className: K(Wa, "text-danger-text hover:bg-danger-subtle hover:text-danger-text focus-visible:bg-danger-subtle focus-visible:text-danger-text"),
             onClick: r,
             children: [
               /* @__PURE__ */ p(xe, { name: "log-out", size: "sm" }),
@@ -42900,7 +42945,7 @@ function T5({
   return /* @__PURE__ */ M(
     "article",
     {
-      className: q(
+      className: K(
         "flex min-w-0 flex-col gap-2 rounded-lg border border-border-subtle bg-surface-sunken p-3",
         o
       ),
@@ -42971,7 +43016,7 @@ function AE({
   className: u
 }) {
   const [m, d] = Pe(c), f = OE[kh(s, Ih(i))], h = Dn();
-  return /* @__PURE__ */ M(Vm, { variant: "raised", padding: "md", className: q("gap-3", u), children: [
+  return /* @__PURE__ */ M(Vm, { variant: "raised", padding: "md", className: K("gap-3", u), children: [
     /* @__PURE__ */ M("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
       /* @__PURE__ */ M("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
         /* @__PURE__ */ p(Ht, { size: "sm", tone: "neutral", className: "font-mono", children: e.ref }),
@@ -42992,7 +43037,7 @@ function AE({
           onClick: () => d((g) => !g),
           "aria-expanded": m,
           "aria-controls": h,
-          className: q(
+          className: K(
             "dx-tap flex w-fit items-center gap-1.5 rounded-md px-2 py-1",
             "text-xs font-medium text-tertiary transition-colors duration-(--dur-fast)",
             "hover:bg-surface-hover hover:text-primary"
@@ -43003,7 +43048,7 @@ function AE({
               {
                 name: "chevron-right",
                 size: "xs",
-                className: q(
+                className: K(
                   /* The colour half is not optional: naming a transition REPLACES
                      the global one, so a bare `transition-transform` leaves this
                      chevron cutting between themes while the label beside it
@@ -43069,13 +43114,13 @@ function A5({
   return c.length === 0 ? /* @__PURE__ */ p(
     "div",
     {
-      className: q(
+      className: K(
         "rounded-xl border border-dashed border-border-subtle bg-surface-sunken p-8 text-center",
         s
       ),
       children: /* @__PURE__ */ p("p", { className: "text-sm text-tertiary", children: "Nothing on the public roadmap yet." })
     }
-  ) : /* @__PURE__ */ p("div", { className: q("flex min-w-0 flex-col gap-8", s), children: c.map(({ domain: u, domainIndex: m, items: d }) => /* @__PURE__ */ M("section", { "aria-labelledby": `swimlane-${u.slug}`, className: "flex flex-col gap-3", children: [
+  ) : /* @__PURE__ */ p("div", { className: K("flex min-w-0 flex-col gap-8", s), children: c.map(({ domain: u, domainIndex: m, items: d }) => /* @__PURE__ */ M("section", { "aria-labelledby": `swimlane-${u.slug}`, className: "flex flex-col gap-3", children: [
     /* @__PURE__ */ p(
       "h3",
       {
@@ -43159,7 +43204,7 @@ function A4({
       return kh(w, f) === u;
     })
   })).filter((g) => g.items.length > 0), [e, n, l, u, d, f]);
-  return /* @__PURE__ */ M("div", { className: q("flex min-w-0 flex-col gap-6", a), children: [
+  return /* @__PURE__ */ M("div", { className: K("flex min-w-0 flex-col gap-6", a), children: [
     /* @__PURE__ */ M("header", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ p("h1", { className: "font-display text-lg font-semibold text-primary", children: "Use-Case Ledger" }),
       /* @__PURE__ */ p("p", { className: "text-sm text-secondary", children: "Every roadmap item and the use cases behind it — internal and customer-facing alike." })
@@ -43220,7 +43265,7 @@ function D4({
   tracks: o,
   className: s
 }) {
-  return /* @__PURE__ */ M("div", { className: q("flex min-w-0 flex-col gap-6", s), children: [
+  return /* @__PURE__ */ M("div", { className: K("flex min-w-0 flex-col gap-6", s), children: [
     /* @__PURE__ */ M("header", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ p("h1", { className: "font-display text-lg font-semibold text-primary", children: "Roadmap" }),
       /* @__PURE__ */ p("p", { className: "text-sm text-secondary", children: "What we're building, organized by area." })
@@ -43270,7 +43315,7 @@ function V4({
     }));
     o(C);
   }
-  return /* @__PURE__ */ M(Vm, { variant: "sunken", padding: "md", className: q("gap-4", i), children: [
+  return /* @__PURE__ */ M(Vm, { variant: "sunken", padding: "md", className: K("gap-4", i), children: [
     /* @__PURE__ */ p(
       rC,
       {
@@ -43382,7 +43427,7 @@ function _4({
     }));
     o(v);
   }
-  return /* @__PURE__ */ M(Vm, { variant: "sunken", padding: "md", className: q("gap-4", i), children: [
+  return /* @__PURE__ */ M(Vm, { variant: "sunken", padding: "md", className: K("gap-4", i), children: [
     /* @__PURE__ */ p(
       rC,
       {
@@ -43482,9 +43527,9 @@ function z5({
   className: r
 }) {
   if (e === null)
-    return /* @__PURE__ */ p("p", { className: q("text-xs text-tertiary", r), "data-band": "none", children: t });
+    return /* @__PURE__ */ p("p", { className: K("text-xs text-tertiary", r), "data-band": "none", children: t });
   const o = F5(e), s = Math.round(e * 100);
-  return /* @__PURE__ */ p("div", { className: q("flex flex-col gap-1", r), "data-band": o, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ p("div", { className: K("flex flex-col gap-1", r), "data-band": o, children: /* @__PURE__ */ p(
     hO,
     {
       value: s,
@@ -43516,14 +43561,14 @@ function Zx({
       tone: s.tone,
       size: r,
       "data-state": e,
-      className: q(
+      className: K(
         /* A square-ish box for the glyph. The padding comes off the spacing
            scale like everything else, so it tracks the size control. */
         i && "px-1",
         o
       ),
       icon: /* @__PURE__ */ p(xe, { name: s.icon, size: "xs" }),
-      children: /* @__PURE__ */ p("span", { className: q(i && "sr-only"), children: s.label })
+      children: /* @__PURE__ */ p("span", { className: K(i && "sr-only"), children: s.label })
     }
   );
 }
@@ -43537,7 +43582,7 @@ const B5 = {
 };
 function ld({ kind: e, children: t }) {
   const n = B5[e];
-  return /* @__PURE__ */ M("span", { "data-absence": e, className: q("inline-flex items-center gap-1.5", n.className), children: [
+  return /* @__PURE__ */ M("span", { "data-absence": e, className: K("inline-flex items-center gap-1.5", n.className), children: [
     /* @__PURE__ */ p(xe, { name: n.icon, size: "xs" }),
     t
   ] });
@@ -43570,7 +43615,7 @@ function $4({
     "button",
     {
       type: "button",
-      className: q(
+      className: K(
         "dx-tap group inline-flex max-w-full gap-1.5 rounded-sm text-left",
         /* A wrapping value is several lines tall; centring the badge against
            the block would float it beside the middle line. Aligned to the top
@@ -43592,7 +43637,7 @@ function $4({
         i ?? /* @__PURE__ */ p(
           "span",
           {
-            className: q(
+            className: K(
               "min-w-0 text-sm text-primary",
               /* `truncate` sets `overflow-hidden` and `white-space: nowrap`
                  together, so wrapping is not "drop truncate" — the wrap case
@@ -43644,7 +43689,7 @@ function $4({
             ),
             /* @__PURE__ */ p(Zx, { state: e.state, alwaysShow: !0 })
           ] }),
-          /* @__PURE__ */ p("p", { className: q("text-md text-primary", c && "text-danger-text"), children: f }),
+          /* @__PURE__ */ p("p", { className: K("text-md text-primary", c && "text-danger-text"), children: f }),
           /* @__PURE__ */ p(z5, { confidence: e.confidence })
         ] }),
         /* @__PURE__ */ p(Gb, {}),
@@ -43657,7 +43702,7 @@ function $4({
               children: /* @__PURE__ */ p(
                 "span",
                 {
-                  className: q(
+                  className: K(
                     e.check.passed === !1 && "text-danger-text",
                     e.check.passed === null && "text-tertiary"
                   ),
@@ -43941,9 +43986,9 @@ function $E(e, t) {
 }
 const Jx = (e, t, n) => Math.min(Math.max(e, t), n);
 function e3(e) {
-  const { layoutBoxOf: t, planeSize: n, onNodeClick: r, onNodeDragEnd: o, disabled: s } = e, [i, a] = Pe({}), [l, c] = Pe(null), [u, m] = Pe(!1), d = Je({ layoutBoxOf: t, planeSize: n, onNodeClick: r, onNodeDragEnd: o, disabled: s, offsets: i });
+  const { layoutBoxOf: t, planeSize: n, onNodeClick: r, onNodeDragEnd: o, disabled: s } = e, [i, a] = Pe({}), [l, c] = Pe(null), [u, m] = Pe(!1), d = Qe({ layoutBoxOf: t, planeSize: n, onNodeClick: r, onNodeDragEnd: o, disabled: s, offsets: i });
   d.current = { layoutBoxOf: t, planeSize: n, onNodeClick: r, onNodeDragEnd: o, disabled: s, offsets: i };
-  const f = Je(null), h = Je({ frame: null, drag: null, pan: null, point: null }), g = Xe(() => {
+  const f = Qe(null), h = Qe({ frame: null, drag: null, pan: null, point: null }), g = Xe(() => {
     const I = f.current;
     if (!I) return;
     const k = I.getBoundingClientRect();
@@ -43997,7 +44042,7 @@ function e3(e) {
     };
     I.addEventListener("click", k, { capture: !0, once: !0 }), setTimeout(() => I.removeEventListener("click", k, { capture: !0 }), 0);
   }
-  const C = Je(/* @__PURE__ */ new Map()), S = Xe(
+  const C = Qe(/* @__PURE__ */ new Map()), S = Xe(
     (I) => (k) => {
       if (k)
         return Si(k, {
@@ -44103,13 +44148,13 @@ function z4({
   disabled: u,
   className: m
 }) {
-  const d = Dn(), [f, h] = Pe([e.id]), [g, x] = Pe(null), y = Je(e.id);
+  const d = Dn(), [f, h] = Pe([e.id]), [g, x] = Pe(null), y = Qe(e.id);
   y.current !== e.id && (y.current = e.id, h([e.id]), x(null));
   const w = st(() => {
     const B = [];
     let L = e;
     for (const W of f) {
-      const Y = L && L.id === W ? L : L?.children?.find((K) => K.id === W);
+      const Y = L && L.id === W ? L : L?.children?.find((q) => q.id === W);
       if (!Y) break;
       B.push(Y), L = Y;
     }
@@ -44148,7 +44193,7 @@ function z4({
     onNodeClick: E,
     onNodeDragEnd: c,
     disabled: u
-  }), { clearOffsets: k } = I, T = `${v.id}:${r}:${o}`, A = Je(T);
+  }), { clearOffsets: k } = I, T = `${v.id}:${r}:${o}`, A = Qe(T);
   at(() => {
     A.current !== T && (A.current = T, k());
   }, [T, k]);
@@ -44165,7 +44210,7 @@ function z4({
       };
     },
     [R, I.offsets]
-  ), D = Je(null), _ = g && R.has(g) ? g : v.id, F = Xe((B) => {
+  ), D = Qe(null), _ = g && R.has(g) ? g : v.id, F = Xe((B) => {
     x(B), queueMicrotask(() => {
       const L = D.current?.querySelector(
         `[data-canvas-node="${CSS.escape(B)}"]`
@@ -44186,17 +44231,17 @@ function z4({
   function G(B, L) {
     const W = R.get(B);
     if (!W?.parentId) return null;
-    const Y = C.nodes.filter((ee) => ee.parentId === W.parentId), K = Y.findIndex((ee) => ee.id === B);
-    return Y[K + L]?.id ?? null;
+    const Y = C.nodes.filter((ee) => ee.parentId === W.parentId), q = Y.findIndex((ee) => ee.id === B);
+    return Y[q + L]?.id ?? null;
   }
   function P(B, L) {
-    const W = r === "vertical", Y = W ? "ArrowLeft" : "ArrowUp", K = W ? "ArrowRight" : "ArrowDown", ee = W ? "ArrowUp" : "ArrowLeft", te = W ? "ArrowDown" : "ArrowRight";
+    const W = r === "vertical", Y = W ? "ArrowLeft" : "ArrowUp", q = W ? "ArrowRight" : "ArrowDown", ee = W ? "ArrowUp" : "ArrowLeft", te = W ? "ArrowDown" : "ArrowRight";
     let Z = null;
     switch (B.key) {
       case Y:
         Z = G(L.id, -1);
         break;
-      case K:
+      case q:
         Z = G(L.id, 1);
         break;
       case ee:
@@ -44217,7 +44262,7 @@ function z4({
     }
     Z && (B.preventDefault(), F(Z));
   }
-  const H = Je(null), { bindViewport: $ } = I, U = Xe(
+  const H = Qe(null), { bindViewport: $ } = I, U = Xe(
     (B) => {
       H.current = B, $(B);
     },
@@ -44234,7 +44279,7 @@ function z4({
   return /* @__PURE__ */ M(
     "div",
     {
-      className: q(
+      className: K(
         /* `relative` is what makes `overflow-hidden` true for the canvas's
            out-of-flow contents. The "showing X, level N" announcement is
            `sr-only` — `position: absolute` — and an unpositioned clipper is
@@ -44263,7 +44308,7 @@ function z4({
           {
             ref: U,
             "data-canvas-viewport": !0,
-            className: q(
+            className: K(
               "relative min-w-0 overflow-auto overscroll-contain bg-canvas-subtle",
               /* NO TEXT SELECTION ANYWHERE ON THE CANVAS. Seen in a screenshot, not
                  reasoned about: a pan drags across whatever node bodies lie under
@@ -44327,8 +44372,8 @@ function z4({
                         "data-canvas-dragging": W || void 0,
                         tabIndex: B.id === _ ? 0 : -1,
                         onFocus: () => x(B.id),
-                        onKeyDown: (K) => P(K, B),
-                        className: q(
+                        onKeyDown: (q) => P(q, B),
+                        className: K(
                           "pointer-events-auto absolute rounded-lg border bg-surface-raised outline-none",
                           /* NOT a bare `transition-transform`: `transition-property`
                              is not additive, so naming one property drops the base
@@ -44568,7 +44613,7 @@ export {
   o4 as checkCoverage,
   $$ as chordsOf,
   GD as clearStored,
-  q as cn,
+  K as cn,
   ai as comparePlainDate,
   F5 as confidenceBand,
   Al as constructAt,