@danxbot/ui 15.23.0 → 15.24.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as T, Fragment as it } from "react/jsx-runtime";
 import * as y from "react";
-import xu, { createElement as Sx, useLayoutEffect as Gn, useState as fe, useRef as ye, useId as _t, Component as wT, useCallback as Re, useEffect as Ve, createContext as Mn, useContext as Tn, useMemo as Oe, memo as vu, useImperativeHandle as CT, Fragment as kh, Children as ET, isValidElement as ST, useSyncExternalStore as $r } from "react";
+import xu, { createElement as Sx, useLayoutEffect as Gn, useState as fe, useRef as ye, useId as _t, Component as wT, useCallback as Re, useEffect as Fe, createContext as Mn, useContext as Tn, useMemo as Oe, memo as vu, useImperativeHandle as CT, Fragment as kh, Children as ET, isValidElement as ST, useSyncExternalStore as $r } from "react";
 import * as Nn from "react-dom";
 import { createPortal as kT } from "react-dom";
 const NT = {
@@ -8621,8 +8621,8 @@ function mi(e, t = {}) {
       // element was injected after the floating element rendered.
       re.every((Ae) => !Pe(Ce, Ae)))) {
         if (yt(ce) && !("touches" in ee)) {
-          const Ae = Kr(ce), Te = In(ce), Ie = /auto|scroll/, Ne = Ae || Ie.test(Te.overflowX), Ye = Ae || Ie.test(Te.overflowY), Ue = Ne && ce.clientWidth > 0 && ce.scrollWidth > ce.clientWidth, Le = Ye && ce.clientHeight > 0 && ce.scrollHeight > ce.clientHeight, Me = Te.direction === "rtl", Fe = Le && (Me ? ee.offsetX <= ce.offsetWidth - ce.clientWidth : ee.offsetX > ce.clientWidth), We = Ue && ee.offsetY > ce.clientHeight;
-          if (Fe || We)
+          const Ae = Kr(ce), Te = In(ce), Ie = /auto|scroll/, Ne = Ae || Ie.test(Te.overflowX), Ye = Ae || Ie.test(Te.overflowY), Ue = Ne && ce.clientWidth > 0 && ce.scrollWidth > ce.clientWidth, Le = Ye && ce.clientHeight > 0 && ce.scrollHeight > ce.clientHeight, Me = Te.direction === "rtl", Ve = Le && (Me ? ee.offsetX <= ce.offsetWidth - ce.clientWidth : ee.offsetX > ce.clientWidth), We = Ue && ee.offsetY > ce.clientHeight;
+          if (Ve || We)
             return;
         }
         if (!Z(ee)) {
@@ -12496,7 +12496,7 @@ function m_(e, t) {
     if (m && b && we.reference && we.floating)
       return bv(we.reference, we.floating, xe, ie);
   }, [m, b, we, xe, ie]);
-  const Ue = or(Q), Le = bC(o, Ue, O), Me = Do(Q) || "center", Fe = !!ce.hide?.referenceHidden;
+  const Ue = or(Q), Le = bC(o, Ue, O), Me = Do(Q) || "center", Ve = !!ce.hide?.referenceHidden;
   ve(() => {
     E && b && be && Ue !== L && k(Ue);
   }, [E, b, be, Ue, L]);
@@ -12513,12 +12513,12 @@ function m_(e, t) {
     side: Le,
     align: Me,
     physicalSide: Ue,
-    anchorHidden: Fe,
+    anchorHidden: Ve,
     refs: he,
     context: re,
     isPositioned: be,
     update: xe
-  }), [Ne, We, Z, tt, Le, Me, Ue, Fe, he, re, be, xe]);
+  }), [Ne, We, Z, tt, Le, Me, Ue, Ve, he, re, be, xe]);
 }
 function Ov(e) {
   return e != null && "current" in e;
@@ -15538,9 +15538,9 @@ function sE(e) {
   const t = ye(e);
   t.current = e;
   const [n, r] = fe(!1), [o, s] = fe(null), [i, a] = fe(null), [l, c] = fe(0), u = ye(!1), p = ye(0), f = ye(e.value), h = ye(null), m = ye([]);
-  Ve(() => {
+  Fe(() => {
     l > 0 && t.current.refocus();
-  }, [l]), Ve(
+  }, [l]), Fe(
     () => () => {
       p.current += 1;
     },
@@ -15741,7 +15741,7 @@ function rF(e, t) {
 }
 function oF(e, t, n) {
   const r = ye(n);
-  r.current = n, Ve(() => {
+  r.current = n, Fe(() => {
     const o = e.current;
     if (!o) return;
     function s(i) {
@@ -15761,7 +15761,7 @@ function sF({ delayMs: e, session: t, elRef: n, openRef: r, composingRef: o, ...
   function g() {
     c.current !== null && (clearTimeout(c.current), c.current = null);
   }
-  Ve(
+  Fe(
     () => () => {
       if (h.current = !0, c.current === null) return;
       g();
@@ -15907,13 +15907,13 @@ function SK(e) {
     onError: p,
     close: W
   }), { pending: z, refusal: F, blocked: B } = _, O = _t(), L = _t(), $ = u !== void 0, H = N && !$;
-  Ve(() => {
+  Fe(() => {
     S && N && $ && k(!1);
   }, [S, N, $, k]);
   function G(ie) {
     I.current = ie, typeof w == "function" ? w(ie) : w && (w.current = ie);
   }
-  Ve(() => {
+  Fe(() => {
     const ie = I.current;
     if (!ie) return;
     H && !D.current ? (_.begin(t, o?.(t) ?? null), V.seed(t), P.current = !0, qv(ie, t), aE(ie), ie.focus(), M(t.length === 0)) : H || (P.current && X(), qv(ie, t), M(t.length === 0)), D.current = H;
@@ -16063,7 +16063,7 @@ function kK({
 }) {
   $m("EditGutter", n, r);
   const [a, l] = Gs(n, !1, r), c = ye(null), u = ye(null), p = !a && !o, [f, h] = fe(!1);
-  uF(c, u, p), dF(c, u, a), Ve(() => {
+  uF(c, u, p), dF(c, u, a), Fe(() => {
     p || h(!1);
   }, [p]);
   function m(g) {
@@ -16125,7 +16125,7 @@ function cF(e) {
 }
 function uF(e, t, n) {
   const r = ye(!1);
-  Ve(() => {
+  Fe(() => {
     const o = e.current, s = t.current;
     if (!n || !o || !s) return;
     function i() {
@@ -16150,7 +16150,7 @@ function uF(e, t, n) {
 }
 function dF(e, t, n) {
   const r = ye(n);
-  Ve(() => {
+  Fe(() => {
     const o = r.current && !n;
     if (r.current = n, !o) return;
     const s = document.activeElement;
@@ -24065,7 +24065,7 @@ function Pz(e, t) {
 }
 function Oz(e, t) {
   const [n, r] = fe(0), o = ye(null);
-  return Ve(() => {
+  return Fe(() => {
     if (!e) return;
     const s = e.root.ownerDocument, i = () => r((a) => a + 1);
     return s.addEventListener("selectionchange", i), () => s.removeEventListener("selectionchange", i);
@@ -24116,7 +24116,7 @@ function Sy({ surface: e, state: t, run: n, container: r, external: o }) {
     },
     [e, r]
   );
-  Ve(() => {
+  Fe(() => {
     if (!e || !r || c) return;
     const h = e.root, m = (b) => {
       const x = Hz(e, b.clientX, b.clientY);
@@ -24128,7 +24128,7 @@ function Sy({ surface: e, state: t, run: n, container: r, external: o }) {
     return h.addEventListener("pointermove", m), r.addEventListener("pointerleave", g), () => {
       h.removeEventListener("pointermove", m), r.removeEventListener("pointerleave", g);
     };
-  }, [e, r, p, c, t.caret]), Ve(() => {
+  }, [e, r, p, c, t.caret]), Fe(() => {
     c || t.caret === null || (l(t.caret), i(p(t.caret)));
   }, [t.caret, p, c]);
   const f = Oe(
@@ -24340,7 +24340,7 @@ function Rr({ icon: e, label: t, onClick: n }) {
 }
 function $z({ surface: e, state: t, run: n, container: r }) {
   const [o, s] = fe(null);
-  if (Ve(() => {
+  if (Fe(() => {
     if (!e || !r) return;
     const a = e.root, l = (c) => {
       const u = e.getSelection();
@@ -24584,7 +24584,7 @@ function Yz({
   const N = ye(p);
   N.current = p;
   const [k, R] = fe(e.length === 0), M = _t(), I = ye(c), [P, A] = fe(null), [D, _] = fe(0), [V, z] = fe(null), F = ye(t);
-  F.current = t, Ve(() => {
+  F.current = t, Fe(() => {
     if (!g.current) return;
     const W = new tz({
       uploader: () => S.current,
@@ -24650,13 +24650,13 @@ function Yz({
       }
     }),
     [r, n]
-  ), Ve(() => {
+  ), Fe(() => {
     b.current?.setSource(e), R(e.length === 0), x.current?.sync();
-  }, [e]), Ve(() => {
+  }, [e]), Fe(() => {
     x.current?.uploaderChanged();
   }, [E]);
   const B = !n && v.unstored > 0;
-  Ve(() => {
+  Fe(() => {
     if (!B) return;
     const W = (j) => {
       j.preventDefault(), j.returnValue = !0;
@@ -25070,7 +25070,7 @@ function LK(e) {
     close: () => n(!1),
     refocus: () => o.current?.focus()
   });
-  return Ve(() => {
+  return Fe(() => {
     t && r && n(!1);
   }, [t, r, n]), t && !r ? /* @__PURE__ */ d(o5, { ...e, session: s, editorRef: o }) : /* @__PURE__ */ d(r5, { ...e });
 }
@@ -25115,12 +25115,12 @@ function o5({
   function E(R) {
     C.current !== R && (C.current = R, v.current?.(R));
   }
-  Ve(() => () => E(!1), []);
+  Fe(() => () => E(!1), []);
   const S = s5({
     shouldCommit: () => !l.isPending() && x.current === null,
     commit: w
   });
-  Ve(() => {
+  Fe(() => {
     l.begin(e);
     const R = c.current;
     if (!R) throw new Error("InlineMarkdownEdit: the editor was not mounted when the field opened.");
@@ -25179,7 +25179,7 @@ function s5({ shouldCommit: e, commit: t }) {
   function i() {
     r.current !== null && clearTimeout(r.current), r.current = null, o.current !== null && window.removeEventListener("focus", o.current), o.current = null;
   }
-  Ve(() => i, []);
+  Fe(() => i, []);
   function a() {
     r.current !== null && clearTimeout(r.current), r.current = setTimeout(l, 0);
   }
@@ -25514,7 +25514,7 @@ const d5 = {
     const re = ne.current === "vertical", be = re ? H.current : G.current, Ce = re ? L.current : $.current;
     if (!be || !Ce)
       return;
-    const Ae = re ? "y" : "x", Te = bo(Ce, "padding", Ae), Ie = bo(be, "margin", Ae), Ne = re ? be.offsetHeight : be.offsetWidth, Ue = (re ? Ce.offsetHeight : Ce.offsetWidth) - Ne - Te - Ie, Le = re ? xe.clientY - X.current : xe.clientX - W.current, Me = Ue <= 0 ? 0 : Le / Ue, Fe = re ? Q.scrollHeight : Q.scrollWidth, We = re ? Q.clientHeight : Q.clientWidth, Ke = (re ? j.current : Z.current) + Me * (Fe - We);
+    const Ae = re ? "y" : "x", Te = bo(Ce, "padding", Ae), Ie = bo(be, "margin", Ae), Ne = re ? be.offsetHeight : be.offsetWidth, Ue = (re ? Ce.offsetHeight : Ce.offsetWidth) - Ne - Te - Ie, Le = re ? xe.clientY - X.current : xe.clientX - W.current, Me = Ue <= 0 ? 0 : Le / Ue, Ve = re ? Q.scrollHeight : Q.scrollWidth, We = re ? Q.clientHeight : Q.clientWidth, Ke = (re ? j.current : Z.current) + Me * (Ve - We);
     re ? Q.scrollTop = Ke : Q.scrollLeft = Ke, xe.preventDefault(), J(re);
   });
   function ie(xe) {
@@ -25686,7 +25686,7 @@ const ok = /* @__PURE__ */ y.forwardRef(function(t, n) {
     const oe = se ? 0 : Gp(Z, ie), ee = se ? 0 : ie - oe, ce = de ? 0 : j, xe = se ? 0 : W;
     let Q = 0, re = 0;
     !de && !se && (Q = L?.offsetWidth || 0, re = $?.offsetHeight || 0);
-    const be = h.width === 0 && h.height === 0, Ce = be ? Q : 0, Ae = be ? re : 0, Te = bo($, "padding", "x"), Ie = bo(L, "padding", "y"), Ne = bo(G, "margin", "x"), Ye = bo(H, "margin", "y"), Ue = ce - Te - Ne, Le = xe - Ie - Ye, Me = $ ? Math.min($.offsetWidth - Ce, Ue) : Ue, Fe = L ? Math.min(L.offsetHeight - Ae, Le) : Le, We = Math.max(jp, Me * pe), tt = Math.max(jp, Fe * le);
+    const be = h.width === 0 && h.height === 0, Ce = be ? Q : 0, Ae = be ? re : 0, Te = bo($, "padding", "x"), Ie = bo(L, "padding", "y"), Ne = bo(G, "margin", "x"), Ye = bo(H, "margin", "y"), Ue = ce - Te - Ne, Le = xe - Ie - Ye, Me = $ ? Math.min($.offsetWidth - Ce, Ue) : Ue, Ve = L ? Math.min(L.offsetHeight - Ae, Le) : Le, We = Math.max(jp, Me * pe), tt = Math.max(jp, Ve * le);
     if (g(($e) => zl($e, {
       width: We,
       height: tt
@@ -27060,9 +27060,9 @@ const D5 = "data-parent", vk = /* @__PURE__ */ y.forwardRef(function(t, n) {
           Me.preventDefault();
           return;
         }
-        const Fe = Me.currentTarget.checked, We = Se(Mt, Me.nativeEvent);
-        if (h?.(Fe, We), !We.isCanceled && (se?.(Fe, We), !We.isCanceled && (ce(Fe), W !== void 0 && H !== void 0 && !m && !Y))) {
-          const tt = Fe ? [...H.value, W] : H.value.filter((Ke) => Ke !== W);
+        const Ve = Me.currentTarget.checked, We = Se(Mt, Me.nativeEvent);
+        if (h?.(Ve, We), !We.isCanceled && (se?.(Ve, We), !We.isCanceled && (ce(Ve), W !== void 0 && H !== void 0 && !m && !Y))) {
+          const tt = Ve ? [...H.value, W] : H.value.filter((Ke) => Ke !== W);
           H.setValue(tt, We);
         }
       },
@@ -27117,22 +27117,22 @@ const D5 = "data-parent", vk = /* @__PURE__ */ y.forwardRef(function(t, n) {
       onKeyDown(Me) {
         if (Me.key !== "Enter" || (Me.preventBaseUIHandler(), Me.defaultPrevented))
           return;
-        const Fe = re.current?.form ?? null, We = Me.currentTarget, tt = Me.nativeEvent, Ke = Me.preventDefault, et = tt.preventDefault;
+        const Ve = re.current?.form ?? null, We = Me.currentTarget, tt = Me.nativeEvent, Ke = Me.preventDefault, et = tt.preventDefault;
         let $e = !1;
         Me.preventDefault = () => {
           $e = !0, Ke.call(Me);
         }, tt.preventDefault = () => {
           $e = !0, et.call(tt);
         }, et.call(tt), gt(We).queueMicrotask(() => {
-          Me.preventDefault = Ke, tt.preventDefault = et, $e || P5(Fe)?.click();
+          Me.preventDefault = Ke, tt.preventDefault = et, $e || P5(Ve)?.click();
         });
       },
       onClick(Me) {
         if (g || K)
           return;
         Me.preventDefault();
-        const Fe = re.current;
-        Fe && es(Fe, Me);
+        const Ve = re.current;
+        Ve && es(Ve, Me);
       }
     }, S, de, he, $, (Me) => oe.getValidationProps(K, Me)],
     stateAttributesMapping: Ue
@@ -28722,8 +28722,8 @@ const Z5 = {
     if (!z.current)
       Te === "vertical" ? be > 0 ? Ie = "down" : be < 0 && (Ie = "up") : Te === "horizontal" ? re > 0 ? Ie = "right" : re < 0 && (Ie = "left") : Math.abs(re) >= Math.abs(be) ? Ie = re > 0 ? "right" : "left" : Ie = be > 0 ? "down" : "up", Ie && u.includes(Ie) && (z.current = Ie, F.current = Df(Ie, re, be), m(Ie));
     else {
-      const Fe = z.current, We = Df(Fe, Ae, Ce);
-      We > Dy ? (B.current = !1, m(Fe)) : !(u.includes("left") && u.includes("right")) && !(u.includes("up") && u.includes("down")) && F.current - We >= Q5 && (B.current = !0);
+      const Ve = z.current, We = Df(Ve, Ae, Ce);
+      We > Dy ? (B.current = !1, m(Ve)) : !(u.includes("left") && u.includes("right")) && !(u.includes("up") && u.includes("down")) && F.current - We >= Q5 && (B.current = !0);
     }
     const Ne = te(re, be);
     let Ye = V.current.x, Ue = V.current.y;
@@ -29228,7 +29228,7 @@ const jk = /* @__PURE__ */ y.forwardRef(function(t, n) {
   const Te = ge((Le, Me) => {
     if (Number.isNaN(Le) || r3(Le, W))
       return !1;
-    const Fe = Me.event, We = Fe.constructor, tt = new We(Fe.type, Fe);
+    const Ve = Me.event, We = Ve.constructor, tt = new We(Ve.type, Ve);
     return Object.defineProperty(tt, "target", {
       writable: !0,
       value: {
@@ -29236,13 +29236,13 @@ const jk = /* @__PURE__ */ y.forwardRef(function(t, n) {
         name: X
       }
     }), Me.event = tt, P(Le, Me), Me.isCanceled ? !1 : (de.current = Me.reason, j(Le), !0);
-  }), Ie = ge((Le, Me, Fe) => {
+  }), Ie = ge((Le, Me, Ve) => {
     const We = Hk(Le, Me, h, f, be, Ce);
     if (Uk(We, C, m)) {
-      const tt = "key" in Fe ? Dr : nr, Ke = Te(We, Se(tt, Fe.nativeEvent, void 0, {
+      const tt = "key" in Ve ? Dr : nr, Ke = Te(We, Se(tt, Ve.nativeEvent, void 0, {
         activeThumbIndex: Me
       }));
-      F(!0), Ke && A(We, $n(tt, Fe.nativeEvent));
+      F(!0), Ke && A(We, $n(tt, Ve.nativeEvent));
     }
   });
   process.env.NODE_ENV !== "production" && h >= f && gr("Slider `max` must be greater than `min`."), ve(() => {
@@ -29828,7 +29828,7 @@ const Qk = /* @__PURE__ */ y.forwardRef(function(t, n) {
     index: Ae
   } = xr({
     metadata: be
-  }), Te = se ? m ?? Ae : 0, Ie = Te === te.length - 1, Ne = te[Te], Ye = Ea(Ne, B, F), [Ue, Le] = y.useState(), Me = Ug(), Fe = k >= 0 && k < te.length ? k : -1, We = ge(() => {
+  }), Te = se ? m ?? Ae : 0, Ie = Te === te.length - 1, Ne = te[Te], Ye = Ea(Ne, B, F), [Ue, Le] = y.useState(), Me = Ug(), Ve = k >= 0 && k < te.length ? k : -1, We = ge(() => {
     const _e = R.current, Rt = he.current;
     if (!_e || !Rt)
       return;
@@ -29855,7 +29855,7 @@ const Qk = /* @__PURE__ */ y.forwardRef(function(t, n) {
   }, [R, We, D]);
   const tt = de ? "bottom" : "insetInlineStart", Ke = de ? "left" : "top";
   let et;
-  se ? N === Te ? et = 2 : Fe === Te && (et = 1) : N === Te && (et = 1);
+  se ? N === Te ? et = 2 : Ve === Te && (et = 1) : N === Te && (et = 1);
   let $e;
   !D && !Number.isFinite(Ye) ? $e = Kn : $e = {
     position: "absolute",
@@ -30267,7 +30267,7 @@ function tN(e, t, { isValid: n, enabled: r = !0 }) {
     const c = jg(e, n);
     return c === void 0 ? o() : c;
   }), a = ye(!1);
-  Ve(() => {
+  Fe(() => {
     if (!(!e || !r)) {
       if (!a.current) {
         a.current = !0;
@@ -30296,7 +30296,7 @@ function Ed({
     const a = b3(t);
     return n.includes(a ?? "") ? a : r();
   });
-  Ve(() => {
+  Fe(() => {
     y3(e, o), x3(t, o);
   }, [e, t, o]);
   const i = Re(() => {
@@ -30513,7 +30513,7 @@ function tq({
     !1,
     { isValid: P3 }
   ), x = ye(null);
-  Ve(() => {
+  Fe(() => {
     c !== void 0 && x.current?.scrollTo({ top: 0, behavior: "instant" });
   }, [c]);
   const [w, v] = fe(!1), C = /* @__PURE__ */ d(
@@ -32108,9 +32108,9 @@ function lq({
     })).filter((m) => m.score >= 0);
     return h.sort((m, g) => g.score - m.score), h.map((m) => m.item);
   }, [e, s]);
-  Ve(() => {
+  Fe(() => {
     t && (i(""), l(0));
-  }, [t]), Ve(() => l(0), [s]);
+  }, [t]), Fe(() => l(0), [s]);
   function u(h) {
     h.key === "ArrowDown" ? (h.preventDefault(), l((m) => (m + 1) % Math.max(c.length, 1))) : h.key === "ArrowUp" ? (h.preventDefault(), l((m) => (m - 1 + c.length) % Math.max(c.length, 1))) : h.key === "Enter" && c[a] && (h.preventDefault(), c[a].onSelect(), n(!1));
   }
@@ -32224,7 +32224,7 @@ function lq({
 }
 function cq(e = "k") {
   const [t, n] = fe(!1);
-  return Ve(() => {
+  return Fe(() => {
     function r(o) {
       o.key.toLowerCase() === e && (o.metaKey || o.ctrlKey) && (o.preventDefault(), n((s) => !s));
     }
@@ -32403,28 +32403,28 @@ const SN = /* @__PURE__ */ y.forwardRef(function(t, n) {
   const de = rC(), pe = Pt(E), le = y.useRef(!1), ae = ge((Ie, Ne) => {
     le.current = !1, x?.(Ie, Ne);
   }), ie = y.useRef(!0), he = y.useRef(null), [we, oe] = y.useState(() => fr(J, S, E)), [ee, ce] = y.useState("numeric"), xe = ge(() => {
-    const Ie = CN(S, E), Ne = new Set(x4), Ye = (Fe) => Fe.forEach((We) => Ne.add(We)), Ue = Ie.find((Fe) => Fe.type === "decimal")?.value ?? Xg(S, E).decimal;
-    Ne.add(Ue), Ie.forEach((Fe) => {
-      Fe.type === "integer" || Fe.type === "fraction" || Fe.type === "exponentInteger" || Fe.type === "compact" || (Ye(Array.from(Fe.value)), v4.test(Fe.value) && Ne.add(" "));
+    const Ie = CN(S, E), Ne = new Set(x4), Ye = (Ve) => Ve.forEach((We) => Ne.add(We)), Ue = Ie.find((Ve) => Ve.type === "decimal")?.value ?? Xg(S, E).decimal;
+    Ne.add(Ue), Ie.forEach((Ve) => {
+      Ve.type === "integer" || Ve.type === "fraction" || Ve.type === "exponentInteger" || Ve.type === "compact" || (Ye(Array.from(Ve.value)), v4.test(Ve.value) && Ne.add(" "));
     });
     const Le = W === "percent" || W === "unit" && E?.unit === "percent", Me = W === "percent" || W === "unit" && E?.unit === "permille";
     return Le && Ye(a4), Me && Ye(l4), Ye(C4), (Y < 0 || C) && Ye(E4), Ne;
   }), Q = ge((Ie) => Ie?.altKey ? i : Ie?.shiftKey ? l : $), re = ge((Ie, Ne) => {
-    const Ye = Ne.event, Ue = Ne.direction, Le = Ne.reason.startsWith("input-") || Ne.reason === Mt, Me = !C || !Le, Fe = I4(Ie, Ue ? Q(Ye) * Ue : void 0, Y, K, X, pe.current, v, Ye?.altKey ?? !1, Me), We = Fe !== J || Le && (Ie !== J || ie.current === !1);
+    const Ye = Ne.event, Ue = Ne.direction, Le = Ne.reason.startsWith("input-") || Ne.reason === Mt, Me = !C || !Le, Ve = I4(Ie, Ue ? Q(Ye) * Ue : void 0, Y, K, X, pe.current, v, Ye?.altKey ?? !1, Me), We = Ve !== J || Le && (Ie !== J || ie.current === !1);
     if (We) {
-      if (b?.(Fe, Ne), Ne.isCanceled)
+      if (b?.(Ve, Ne), Ne.isCanceled)
         return !1;
-      q(Fe), P(Fe !== A.initialValue), le.current = !0;
+      q(Ve), P(Ve !== A.initialValue), le.current = !0;
     }
-    return he.current = Fe, ie.current && oe(fr(Fe, S, E)), de(), We;
+    return he.current = Ve, ie.current && oe(fr(Ve, S, E)), de(), We;
   }), be = ge((Ie, {
     direction: Ne,
     currentValue: Ye,
     event: Ue,
     reason: Le
   }) => {
-    const Me = Ye ?? se.current, Fe = Ue;
-    return typeof Me != "number" ? re(0, Se(Le, Fe)) : re(Me + Ie * Ne, Se(Le, Fe, void 0, {
+    const Me = Ye ?? se.current, Ve = Ue;
+    return typeof Me != "number" ? re(0, Se(Le, Ve)) : re(Me + Ie * Ne, Se(Le, Ve, void 0, {
       direction: Ne
     }));
   });
@@ -33484,7 +33484,7 @@ const AN = /* @__PURE__ */ y.forwardRef(function(t, n) {
       value: ut,
       eventDetails: _e
     } : ut.length !== f && (te.current = null), ut));
-  }), Fe = ge((Xe, lt) => {
+  }), Ve = ge((Xe, lt) => {
     S?.(Xe, lt);
   }), We = ge((Xe, lt) => {
     if (Xe > ce.current.length) {
@@ -33523,7 +33523,7 @@ const AN = /* @__PURE__ */ y.forwardRef(function(t, n) {
     length: f,
     mask: m,
     pattern: ie,
-    reportValueInvalid: Fe,
+    reportValueInvalid: Ve,
     readOnly: v,
     required: C,
     normalizeValue: x,
@@ -33531,7 +33531,7 @@ const AN = /* @__PURE__ */ y.forwardRef(function(t, n) {
     state: et,
     validationType: b,
     value: ee
-  }), [Ie, i, Y, Ne, p, Ke, tt, We, we, de, _, f, m, ie, Ye, v, Fe, C, x, Me, et, b, ee]), xt = Ee("div", t, {
+  }), [Ie, i, Y, Ne, p, Ke, tt, We, we, de, _, f, m, ie, Ye, v, Ve, C, x, Me, et, b, ee]), xt = Ee("div", t, {
     ref: [n, j],
     state: et,
     props: [{
@@ -33557,7 +33557,7 @@ const AN = /* @__PURE__ */ y.forwardRef(function(t, n) {
             if (Xe.nativeEvent.defaultPrevented || Y || v)
               return;
             const lt = Xe.currentTarget.value, [ut, Bt] = Jc(lt, f, b, x);
-            Bt && Fe(lt, $n(nr, Xe.nativeEvent));
+            Bt && Ve(lt, $n(nr, Xe.nativeEvent));
             const _e = Me(ut, Se(nr, Xe.nativeEvent));
             _e != null && _e !== "" && Ye(_e.length - 1, _e);
           }
@@ -34098,7 +34098,7 @@ function aB(e) {
     id: t
   }), se = iB({
     locale: L
-  }), [de, pe] = y.useState(!1), [le, ae] = y.useState(null), ie = y.useRef([]), he = y.useRef([]), we = y.useRef(null), oe = y.useRef(null), ee = y.useRef(null), ce = y.useRef(null), xe = y.useRef(null), Q = y.useRef(!0), re = y.useRef(!1), be = y.useRef(null), Ce = y.useRef(null), Ae = y.useRef(null), Te = y.useRef(Lf), Ie = y.useRef(null), Ne = y.useRef([]), Ye = y.useRef(null), Ue = W || m, Le = X ?? f, Me = u === "multiple", Fe = u === "single", We = a !== void 0 || i !== void 0, tt = v !== void 0, Ke = C !== void 0;
+  }), [de, pe] = y.useState(!1), [le, ae] = y.useState(null), ie = y.useRef([]), he = y.useRef([]), we = y.useRef(null), oe = y.useRef(null), ee = y.useRef(null), ce = y.useRef(null), xe = y.useRef(null), Q = y.useRef(!0), re = y.useRef(!1), be = y.useRef(null), Ce = y.useRef(null), Ae = y.useRef(null), Te = y.useRef(Lf), Ie = y.useRef(null), Ne = y.useRef([]), Ye = y.useRef(null), Ue = W || m, Le = X ?? f, Me = u === "multiple", Ve = u === "single", We = a !== void 0 || i !== void 0, tt = v !== void 0, Ke = C !== void 0;
   let et;
   N === "always" ? et = "always" : et = N ? "input-change" : !1;
   const [$e, xt] = ln({
@@ -34106,7 +34106,7 @@ function aB(e) {
     default: Me ? r ?? Sn : r,
     name: "Combobox",
     state: "selectedValue"
-  }), Xe = y.useMemo(() => E === null ? () => !0 : E !== void 0 ? E : oB(se, I), [E, se, I]), lt = $t(() => We ? i ?? "" : Fe ? Xn($e, I) : "").current, [ut, Bt] = ln({
+  }), Xe = y.useMemo(() => E === null ? () => !0 : E !== void 0 ? E : oB(se, I), [E, se, I]), lt = $t(() => We ? i ?? "" : Ve ? Xn($e, I) : "").current, [ut, Bt] = ln({
     controlled: a,
     default: lt,
     name: "Combobox",
@@ -34116,7 +34116,7 @@ function aB(e) {
     default: c,
     name: "Combobox",
     state: "open"
-  }), It = ab(v), qe = le ?? String(ut).trim(), vt = Fe ? Xn($e, I) : "", Ht = Fe && !de && qe !== "" && vt.length === qe.length && se.contains(vt, qe), en = Ht ? "" : qe, vn = tt && Ke && Ht, qt = y.useMemo(() => v ? It ? v.flatMap((De) => De.items) : v : Sn, [v, It]), cn = y.useMemo(() => {
+  }), It = ab(v), qe = le ?? String(ut).trim(), vt = Ve ? Xn($e, I) : "", Ht = Ve && !de && qe !== "" && vt.length === qe.length && se.contains(vt, qe), en = Ht ? "" : qe, vn = tt && Ke && Ht, qt = y.useMemo(() => v ? It ? v.flatMap((De) => De.items) : v : Sn, [v, It]), cn = y.useMemo(() => {
     if (C && !vn)
       return C;
     if (!v)
@@ -34292,7 +34292,7 @@ function aB(e) {
       Bt(De);
     }
   }), Mi = ge((De, ze) => {
-    if (_e !== De && (ze.reason === gs && tt && tn.length === 0 && !xe.current && ze.allowPropagation(), e.onOpenChange?.(De, ze), !ze.isCanceled && (De && yr && !On && le !== null && (pe(!1), ae(null), ut !== "" && ze.reason !== nr && Cr("", Se(_n, ze.event))), !De && de && (Fe ? (On || ae(qe), qe === "" && pe(!1)) : Me && (On || ae(qe), yr && wr({
+    if (_e !== De && (ze.reason === gs && tt && tn.length === 0 && !xe.current && ze.allowPropagation(), e.onOpenChange?.(De, ze), !ze.isCanceled && (De && yr && !On && le !== null && (pe(!1), ae(null), ut !== "" && ze.reason !== nr && Cr("", Se(_n, ze.event))), !De && de && (Ve ? (On || ae(qe), qe === "" && pe(!1)) : Me && (On || ae(qe), yr && wr({
       activeIndex: null
     }), (!yr || On) && Cr("", Se(_n, ze.event)))), Rt(De), !De && yr && (ze.reason === Jr || ze.reason === Oa) && (j(!0), Z(!1), ne === "onBlur")))) {
       const Ot = u === "none" ? ut : $e;
@@ -34301,7 +34301,7 @@ function aB(e) {
   }), pl = ge((De, ze) => {
     if (s?.(De, ze), ze.isCanceled)
       return;
-    xt(De), (u === "none" && we.current && V || Fe && !nt.state.inputInsidePopup) && Cr(Xn(De, I), Se(ze.reason, ze.event));
+    xt(De), (u === "none" && we.current && V || Ve && !nt.state.inputInsidePopup) && Cr(Xn(De, I), Se(ze.reason, ze.event));
   }), cT = ge((De, ze) => {
     const Ot = Ct(De), At = Ae.current ?? De;
     Ae.current = null;
@@ -34329,7 +34329,7 @@ function aB(e) {
       selectedIndex: null
     } : {
       activeIndex: null
-    }), Me && oe.current && oe.current.value !== "" && !re.current && Cr("", Se(_n)), Fe)
+    }), Me && oe.current && oe.current.value !== "" && !re.current && Cr("", Se(_n)), Ve)
       if (nt.state.inputInsidePopup)
         oe.current && oe.current.value !== "" && Cr("", Se(_n));
       else {
@@ -34429,11 +34429,11 @@ function aB(e) {
     ut !== De && Cr(De, Se(Mt));
   }
   tr($e, () => {
-    u !== "none" && (H(Le), G(fT($e)), te.change($e), Fe && !We && !yr && vx());
+    u !== "none" && (H(Le), G(fT($e)), te.change($e), Ve && !We && !yr && vx());
   }), tr(ut, () => {
     u === "none" && (H(Le), G(ut !== Y.initialValue), te.change(ut));
   }), tr(v, () => {
-    !Fe || We || yr || de || vx();
+    !Ve || We || yr || de || vx();
   });
   const hl = lC({
     open: On ? !0 : _e,
@@ -34608,7 +34608,7 @@ function aB(e) {
             const Dn = zt === -1 ? void 0 : Ne.current[zt];
             Dn != null && pl?.(Dn, At);
           }
-          Fe && (xx(), v && nn() === -1 && nt.set("forceMounted", !0)), queueMicrotask(An);
+          Ve && (xx(), v && nn() === -1 && nt.set("forceMounted", !0)), queueMicrotask(An);
         }
       }),
       id: J && rf == null ? `${J}-hidden-input` : void 0,
@@ -36140,7 +36140,7 @@ function NB(e) {
   }), y.useImperativeHandle(g, () => ({
     unmount: Me
   }), [Me]);
-  const Fe = ge((qe, vt) => {
+  const Ve = ge((qe, vt) => {
     o?.(qe, vt), !vt.isCanceled && H(qe);
   }), We = ge((qe) => {
     const vt = nk(qe.scrollHeight, qe.clientHeight), Ht = Gp(qe.scrollTop, vt), en = Ht > 0, vn = Ht < vt;
@@ -36177,7 +36177,7 @@ function NB(e) {
     // `elementsRef`/visibility filter that `disabledIndices` deliberately sidesteps.
     disabledIndices: (qe) => VE(K.current[qe]),
     onMatch(qe) {
-      G ? oe.set("activeIndex", qe) : Fe(te.current[qe], Se(Mt));
+      G ? oe.set("activeIndex", qe) : Ve(te.current[qe], Se(Mt));
     },
     onTyping(qe) {
       q.current = qe;
@@ -36212,7 +36212,7 @@ function NB(e) {
     readOnly: f,
     multiple: v,
     highlightItemOnHover: N,
-    setValue: Fe,
+    setValue: Ve,
     setOpen: Le,
     listRef: K,
     popupRef: W,
@@ -36231,7 +36231,7 @@ function NB(e) {
     onOpenChangeComplete: x,
     alignItemWithTriggerActiveRef: pe,
     initialValueRef: Ne
-  }), [oe, tt, h, O, f, v, N, Fe, Le, ut, z, x, We]), _e = gn(b, z.inputRef), Rt = v ? void 0 : L, It = y.useMemo(() => !v || !Array.isArray($) || !L ? null : $.map((qe) => {
+  }), [oe, tt, h, O, f, v, N, Ve, Le, ut, z, x, We]), _e = gn(b, z.inputRef), Rt = v ? void 0 : L, It = y.useMemo(() => !v || !Array.isArray($) || !L ? null : $.map((qe) => {
     const vt = dr(qe, E);
     return /* @__PURE__ */ d("input", {
       type: "hidden",
@@ -36266,7 +36266,7 @@ function NB(e) {
               return cr != null && cr.toLowerCase() === vn;
             }));
             const cn = te.current[qt];
-            cn != null && Fe(cn, Ht);
+            cn != null && Ve(cn, Ht);
           }
           oe.set("forceMount", !0), queueMicrotask(en);
         }
@@ -36699,9 +36699,9 @@ const PB = {
         const _e = Bt.top - ie.top + Bt.height / 2;
         Me = Ue.top - he.top + Ue.height / 2 - _e;
       }
-      const Fe = Ye + Me + Q + ce;
-      let We = Math.min(Ie, Fe);
-      const tt = Ie - xe - Q, Ke = Fe - We, et = Ne - Ae;
+      const Ve = Ye + Me + Q + ce;
+      let We = Math.min(Ie, Ve);
+      const tt = Ie - xe - Q, Ke = Ve - We, et = Ne - Ae;
       L.style.left = `${Vt(Le, Ce, et - he.width)}px`, L.style.height = `${We}px`, L.style.maxHeight = "none", L.style.marginTop = `${xe}px`, L.style.marginBottom = `${Q}px`, ne.style.height = "100%";
       const $e = Gl(oe), xt = Ke >= $e - Ur;
       xt && (We = Math.min(Ie, he.height) - (Ke - $e));
@@ -36712,7 +36712,7 @@ const PB = {
       }
       const ut = Math.max(re, We);
       if (xt) {
-        const Bt = Math.max(0, Ie - Fe);
+        const Bt = Math.max(0, Ie - Ve);
         L.style.top = he.height >= tt ? "0" : `${Bt}px`, L.style.height = `${We}px`, oe.scrollTop = Gl(oe);
       } else
         L.style.bottom = "0", oe.scrollTop = Ke;
@@ -38095,7 +38095,7 @@ function uw(e) {
 }
 function $R({ className: e, children: t, variant: n }) {
   const r = Md({ variant: n }), o = ye(null);
-  return Ve(() => {
+  return Fe(() => {
     const s = o.current;
     if (!s) return;
     uw(s);
@@ -39079,7 +39079,7 @@ function Nq({
     v(
       Object.fromEntries(O.map((X) => [X.id, X.defaultSize ?? K]))
     );
-  }, [f, S, C, v]), Ve(() => {
+  }, [f, S, C, v]), Fe(() => {
     Object.keys(w).length > 0 && s?.(w);
   }, [w, s]);
   const A = Re(
@@ -42569,19 +42569,19 @@ function F6(e) {
   const t = ye(null);
   t.current ??= new R6(e);
   const n = t.current;
-  return n.setCallbacks(e), Ve(() => T6(n), [n]), n;
+  return n.setCallbacks(e), Fe(() => T6(n), [n]), n;
 }
 function Vd(e) {
   return $r(e.subscribe, e.getState, e.getState);
 }
 function V6(e, t) {
   const { id: n, container: r, index: o, axis: s = "y", disabled: i = !1, activation: a } = t, [l, c] = fe(null), [u, p] = fe(null);
-  Ve(() => {
+  Fe(() => {
     if (l)
       return e.registerItem({ id: n, container: r, index: o, element: l });
   }, [e, l, n, r, o]);
   const f = `${a?.distance ?? ""}/${a?.delay ?? ""}/${a?.tolerance ?? ""}`, h = ye(a);
-  h.current = a, Ve(() => {
+  h.current = a, Fe(() => {
     if (!u || i) return;
     const g = M6(e, u, {
       id: n,
@@ -42600,7 +42600,7 @@ function V6(e, t) {
 }
 function $6(e, t) {
   const { id: n, axis: r = "y" } = t, [o, s] = fe(null);
-  Ve(() => {
+  Fe(() => {
     if (o)
       return e.registerContainer({ id: n, element: o, axis: r });
   }, [e, o, n, r]);
@@ -42636,7 +42636,7 @@ function z6(e, t = {}) {
   const [n, r] = fe(""), o = ye(t);
   o.current = t;
   const s = ye(null), i = ye(null), a = ye(null), l = ye(0);
-  return Ve(() => {
+  return Fe(() => {
     function c() {
       i.current !== null && (window.clearTimeout(i.current), i.current = null, a.current = null);
     }
@@ -43061,7 +43061,7 @@ function Z6(e) {
       r.current = null, o();
     }, 0));
   }, [o]);
-  return Ve(
+  return Fe(
     () => () => {
       r.current !== null && (clearTimeout(r.current), r.current = null);
     },
@@ -43095,7 +43095,7 @@ function Hb({
     () => ({ threshold: u, maxSpeed: p, reducedMaxSpeed: f }),
     [u, p, f]
   );
-  Ve(() => D6(i, h), [i, h]);
+  Fe(() => D6(i, h), [i, h]);
   const m = ye({
     item: /* @__PURE__ */ new Map(),
     container: /* @__PURE__ */ new Map()
@@ -43131,7 +43131,7 @@ function Ub({
   children: o
 }) {
   const { session: s, registerLabel: i } = $d("DragDropContainer"), { setContainerRef: a, isOver: l } = $6(s, { id: e, axis: n }), c = Vd(s), u = Ss({ axis: n });
-  Ve(
+  Fe(
     () => i("container", e, t),
     [i, e, t]
   );
@@ -43163,7 +43163,7 @@ function jb({
     index: t,
     axis: u
   }), m = Vd(s);
-  Ve(() => a("item", e, n), [a, e, n]), Ve(() => l.item(e, c, t), [l, e, c, t]);
+  Fe(() => a("item", e, n), [a, e, n]), Fe(() => l.item(e, c, t), [l, e, c, t]);
   const g = m.phase === "dragging" && m.id === e, b = Ss({ axis: u, moving: p !== null }), x = m.from && m.from.container === c && m.from.index < t ? t - 1 : t, w = !g && p?.markerAt === x, v = !g && p !== null && p.markerAt === p.restCount && x === p.restCount - 1, C = p && /* @__PURE__ */ d(NI, { shift: p, at: w ? x : p.restCount - 1 });
   return (
     /* A FRAGMENT, so the marker is a DIRECT CHILD of the container. Wrapping the
@@ -43237,14 +43237,14 @@ function Q6({
 const J6 = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function SI({ label: e, className: t, children: n }) {
   const { instructionsId: r, census: o } = $d("DragDropSurface"), { axis: s } = Ld("DragDropSurface"), { id: i, setHandleRef: a, label: l } = yI("DragDropSurface"), c = vI();
-  Ve(() => c ? void 0 : o.source(i), [o, i, c]);
+  Fe(() => c ? void 0 : o.source(i), [o, i, c]);
   const u = Ss({ axis: s }), [p, f] = fe(null), [h, m] = fe(!1), g = Re(
     (b) => {
       f(b), a(b);
     },
     [a]
   );
-  return Ve(() => {
+  return Fe(() => {
     if (!p || c) return;
     const b = p.querySelector(J6);
     if (m(b === null), !b) return;
@@ -43275,7 +43275,7 @@ function SI({ label: e, className: t, children: n }) {
 }
 function kI({ label: e, className: t, children: n }) {
   const { instructionsId: r, census: o } = $d("DragDropHandle"), { axis: s } = Ld("DragDropHandle"), { id: i, setHandleRef: a, label: l } = yI("DragDropHandle"), c = vI();
-  Ve(() => c ? void 0 : o.source(i), [o, i, c]);
+  Fe(() => c ? void 0 : o.source(i), [o, i, c]);
   const u = Ss({ axis: s }), p = n ?? /* @__PURE__ */ d(ue, { name: "grip-vertical", size: "sm" });
   return c ? /* @__PURE__ */ d("span", { "aria-hidden": "true", className: U(u.handle(), t), children: p }) : /* @__PURE__ */ d(
     "span",
@@ -43939,12 +43939,15 @@ const Gb = ht({
     /* The whole column: header + list, stacked. Width and grid placement are
        the consumer's job (a page decides 3 columns vs 7, fixed vs scrolling) —
        this only owns the INSIDE of one column. */
-    column: "flex min-h-0 min-w-64 flex-col rounded-xl border border-border-subtle bg-surface-sunken",
+    column: "flex min-h-0 min-w-64 flex-col rounded-xl border",
     header: [
       "flex items-center justify-between gap-2 rounded-t-xl px-3 py-2.5",
       "transition-[var(--tx-colors)] duration-(--dur-base)"
     ],
-    label: "truncate text-2xs font-semibold tracking-widest text-tertiary uppercase",
+    /* The label and its optional icon sit together at the header's start. */
+    title: "flex min-w-0 items-center gap-1.5",
+    glyph: "inline-grid shrink-0 place-items-center",
+    label: "truncate text-2xs font-semibold tracking-widest uppercase",
     /* The scrollable list itself. `role="list"` lives on THIS element in
        `Board.tsx` — see its header for why the ARIA role has to sit on a
        wrapper rather than on `DragDropContainer`'s own div, which this
@@ -43979,11 +43982,26 @@ const Gb = ht({
   },
   variants: {
     overWip: {
-      true: { header: "bg-danger-subtle", label: "text-danger-text" },
+      true: { header: "bg-danger-subtle", label: "text-danger-text", glyph: "text-danger-text" },
       false: {}
+    },
+    /* DX-3981: a lane in a caller-given colour. The tint, the card-edge
+       override and the header fill live in `.dx-lane` / `.dx-lane-header`
+       (components.css) over per-theme `--lane-*` tokens, so the one formula
+       is written once and the contrast test reads the shipped CSS. Without
+       an accent the shell keeps exactly the classes it always had. */
+    accented: {
+      true: { column: "dx-lane", header: "dx-lane-header" },
+      false: { column: "border-border-subtle bg-surface-sunken" }
     }
   },
-  defaultVariants: { overWip: !1 }
+  compoundVariants: [
+    /* DX-3981: ink, never the accent as text. `text-primary` is the one ink
+       token that clears 4.5:1 on every tinted header in both themes. */
+    { accented: !0, overWip: !1, class: { label: "text-primary", glyph: "text-primary" } },
+    { accented: !1, overWip: !1, class: { label: "text-tertiary", glyph: "text-tertiary" } }
+  ],
+  defaultVariants: { overWip: !1, accented: !1 }
 });
 function Vq({
   items: e,
@@ -44055,35 +44073,59 @@ function Lq({
   emptyState: t,
   className: n,
   listClassName: r,
-  children: o
+  accent: o,
+  icon: s,
+  children: i
 }) {
-  const s = Gb({ overWip: e.overWip }), i = Oe(
+  const a = Gb({ overWip: e.overWip, accented: o !== void 0 }), l = e.id;
+  Fe(() => {
+    o === void 0 || typeof CSS > "u" || CSS.supports("color", o) || console.warn(`[danxbot] board: column "${String(l)}" got accent "${o}", which is not a CSS colour.`);
+  }, [o, l]);
+  const c = Oe(
     () => ({ columnId: e.id, label: e.label }),
     [e.id, e.label]
-  ), a = t ?? /* @__PURE__ */ d(
+  ), u = t ?? /* @__PURE__ */ d(
     Qa,
     {
       title: "No cards",
       description: "Drag a card here, or use its Move to… menu.",
-      className: s.empty()
+      className: a.empty()
+    }
+  );
+  return /* @__PURE__ */ T(
+    "div",
+    {
+      className: U(a.column(), n),
+      style: o === void 0 ? void 0 : { "--lane-accent": o },
+      children: [
+        /* @__PURE__ */ T("div", { className: a.header(), children: [
+          s === void 0 ? /* @__PURE__ */ d("span", { className: a.label(), children: e.label }) : /* @__PURE__ */ T("span", { className: a.title(), children: [
+            /* @__PURE__ */ d("span", { className: a.glyph(), "aria-hidden": "true", children: s }),
+            /* @__PURE__ */ d("span", { className: a.label(), children: e.label })
+          ] }),
+          /* @__PURE__ */ d(
+            hU,
+            {
+              count: e.count,
+              wipLimit: e.wipLimit,
+              overWip: e.overWip,
+              accented: o !== void 0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ d("div", { role: "list", "aria-label": e.label, className: a.list(), children: /* @__PURE__ */ d(
+          Ub,
+          {
+            id: e.id,
+            label: e.label,
+            axis: "y",
+            className: U("min-h-24 flex-1 p-2", r),
+            children: /* @__PURE__ */ d(lU, { value: c, children: /* @__PURE__ */ d(pU, { isEmpty: e.count === 0, emptyState: u, children: i }) })
+          }
+        ) })
+      ]
     }
   );
-  return /* @__PURE__ */ T("div", { className: U(s.column(), n), children: [
-    /* @__PURE__ */ T("div", { className: s.header(), children: [
-      /* @__PURE__ */ d("span", { className: s.label(), children: e.label }),
-      /* @__PURE__ */ d(hU, { count: e.count, wipLimit: e.wipLimit, overWip: e.overWip })
-    ] }),
-    /* @__PURE__ */ d("div", { role: "list", "aria-label": e.label, className: s.list(), children: /* @__PURE__ */ d(
-      Ub,
-      {
-        id: e.id,
-        label: e.label,
-        axis: "y",
-        className: U("min-h-24 flex-1 p-2", r),
-        children: /* @__PURE__ */ d(lU, { value: i, children: /* @__PURE__ */ d(pU, { isEmpty: e.count === 0, emptyState: a, children: o }) })
-      }
-    ) })
-  ] });
 }
 function pU({
   isEmpty: e,
@@ -44096,14 +44138,15 @@ function pU({
 function hU({
   count: e,
   wipLimit: t,
-  overWip: n
+  overWip: n,
+  accented: r
 }) {
   return /* @__PURE__ */ T(
     "span",
     {
       className: U(
         "inline-flex items-center gap-1 font-mono text-2xs",
-        n ? "font-semibold text-danger-text" : "text-tertiary"
+        n ? "font-semibold text-danger-text" : r ? "text-primary" : "text-tertiary"
       ),
       children: [
         n && /* @__PURE__ */ d(ue, { name: "triangle-alert", size: "xs" }),
@@ -44116,7 +44159,7 @@ function zq({ id: e, index: t, label: n, className: r, children: o }) {
   const { columnId: s } = dU("BoardCard"), i = ye(!1), a = Re(() => (i.current = !0, () => {
     i.current = !1;
   }), []);
-  Ve(() => {
+  Fe(() => {
     i.current || console.warn(
       `[danxbot] board: card "${String(e)}" rendered without placing the move control it was handed. Every drag outcome must stay reachable by pointer alone without dragging (WCAG 2.2 SC 2.5.7) — a keyboard path does not satisfy it. Render the node \`BoardCard\` passes to its children function.`
     );
@@ -44129,7 +44172,7 @@ function zq({ id: e, index: t, label: n, className: r, children: o }) {
 }
 function mU({ columnId: e }) {
   const t = uU("BoardCardHandle"), n = fU("BoardCardHandle"), r = iU(), [o, s] = fe(!1), i = Gb(), { registerHandle: a } = n;
-  Ve(() => a(), [a]);
+  Fe(() => a(), [a]);
   const c = t.columns.find((g) => g.id === e)?.count ?? 0, u = t.columns.filter((g) => g.id !== e);
   function p(g) {
     s(!1), t.requestMove({
@@ -45272,7 +45315,7 @@ function OU({
   return Gn(() => {
     const h = i.current;
     h && (h.scrollTop = h.scrollHeight);
-  }, []), Ve(() => {
+  }, []), Fe(() => {
     const h = a.current;
     if (!h || typeof ResizeObserver > "u") return;
     const m = new ResizeObserver(() => {
@@ -45344,7 +45387,7 @@ function AU({
   className: l
 }) {
   const [c, u] = fe(!1), [p, f] = fe(!1), h = e.filter((b) => !b.secondary), m = e.filter((b) => b.secondary), g = e.find((b) => b.id === t);
-  return Ve(() => {
+  return Fe(() => {
     if (!c || !o) return;
     const b = (x) => {
       if (x.metaKey || x.ctrlKey || x.altKey) return;
@@ -45352,7 +45395,7 @@ function AU({
       !Number.isInteger(w) || w < 0 || !v || v.disabled || (x.preventDefault(), n(v.id), u(!1));
     };
     return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
-  }, [c, o, h, n]), Ve(() => {
+  }, [c, o, h, n]), Fe(() => {
     c || f(!1);
   }, [c]), /* @__PURE__ */ T(
     Za,
@@ -46228,7 +46271,7 @@ function Jq({
     tj(b, e, o, s),
     { month: e, weekStartsOn: r, onMonthChange: l }
   ), v = ye(/* @__PURE__ */ new Map()), C = ye(!1);
-  Ve(() => {
+  Fe(() => {
     C.current && v.current.get(Vn(w.focusedDay))?.focus();
   }, [w.focusedDay]);
   const E = Oe(
@@ -46495,7 +46538,7 @@ function ij(e, t = {}) {
 }
 function aj(e = {}) {
   const { resolutionMs: t = 6e4, enabled: n = !0, fixed: r } = e, [o, s] = fe(() => r ?? Date.now());
-  return Ve(() => {
+  return Fe(() => {
     if (r !== void 0) {
       s(r);
       return;
@@ -46582,11 +46625,11 @@ function cj(e) {
   const x = ye({ columns: [], origin: null, anchor: null, last: null, spoken: null, point: null }), w = Re(() => {
     x.current.columns = b.current.measure();
   }, []);
-  Ve(() => {
+  Fe(() => {
     if (!u && !f) return;
     const A = () => w();
     return window.addEventListener("scroll", A, { capture: !0, passive: !0 }), () => window.removeEventListener("scroll", A, { capture: !0 });
-  }, [u, f, w]), Ve(() => {
+  }, [u, f, w]), Fe(() => {
     if (!u && !f) return;
     const A = (D) => {
       D.key === "Escape" && (D.preventDefault(), x.current.origin = null, x.current.anchor = null, x.current.last = null, p(null), h(null), g(!1), b.current.onAnnounce?.("Move cancelled"));
@@ -47025,7 +47068,7 @@ function eY({
     const $ = e[0], H = dn(t, $) + a * 36e5;
     return Math.max(0, Math.min(1, Na(t, $, H))) * P;
   }, [_, t, a, P]);
-  Ve(() => {
+  Fe(() => {
     const $ = S.current;
     !$ || V === null || ($.scrollTop = V);
   }, [V]);
@@ -47060,7 +47103,7 @@ function eY({
     },
     locale: x
   });
-  Ve(() => {
+  Fe(() => {
     if (!(!F.draft && !F.creating || !S.current))
       return Bb({ getPoint: F.getPoint, onScrolled: F.onScrolled });
   }, [F.draft, F.creating, F.getPoint, F.onScrolled]);
@@ -47798,7 +47841,7 @@ function Oj({
   className: l
 }) {
   const [c, u] = fe(o), [p, f] = fe(s), [h, m] = fe(Ui);
-  Ve(() => {
+  Fe(() => {
     t && (u(o), f(s), m(Ui));
   }, [t]);
   const g = c.trim().length > 0 && !i;
@@ -48720,7 +48763,7 @@ function gY({
   className: i
 }) {
   const [a, l] = fe([]), [c, u] = fe(""), [p, f] = fe(n[0]?.id ?? ""), [h, m] = fe(void 0);
-  Ve(() => {
+  Fe(() => {
     e && (l([]), u(""), m(void 0), f(n[0]?.id ?? ""));
   }, [e]);
   function g() {
@@ -52313,7 +52356,7 @@ function q9(e) {
   ), w = Re(() => {
     m.current.drag = null, m.current.point = null, c(null);
   }, []);
-  Ve(() => {
+  Fe(() => {
     if (!l) return;
     const R = (M) => {
       if (M.key !== "Escape") return;
@@ -52324,13 +52367,13 @@ function q9(e) {
       }), w());
     };
     return window.addEventListener("keydown", R), () => window.removeEventListener("keydown", R);
-  }, [l, w]), Ve(() => {
+  }, [l, w]), Fe(() => {
     if (!l && !u) return;
     const R = () => g();
     return window.addEventListener("scroll", R, { capture: !0, passive: !0 }), window.addEventListener("resize", R), () => {
       window.removeEventListener("scroll", R, { capture: !0 }), window.removeEventListener("resize", R);
     };
-  }, [l, u, g]), Ve(() => {
+  }, [l, u, g]), Fe(() => {
     if (l)
       return Bb({
         getPoint: () => m.current.point,
@@ -52464,7 +52507,7 @@ function _Y({
     () => S ? { cycleMemberIds: S } : C,
     [S, C]
   ), [R, M] = fe(null), [I, P] = fe("canvas"), A = ye(!1);
-  Ve(() => {
+  Fe(() => {
     A.current || (A.current = !0, typeof window < "u" && window.matchMedia("(max-width: 640px)").matches && P("list"));
   }, []);
   const D = ye(e.nodes), _ = ye(e.edges);
@@ -52509,7 +52552,7 @@ function _Y({
     onNodeDragEnd: m,
     disabled: g
   }), { clearOffsets: G } = H, Y = `${C ?? ""}:${S?.join(",") ?? ""}:${i}`, K = ye(Y);
-  Ve(() => {
+  Fe(() => {
     K.current !== Y && (K.current = Y, G());
   }, [Y, G]);
   const X = Re(
@@ -52595,7 +52638,7 @@ function _Y({
     },
     [ie]
   );
-  Ve(() => {
+  Fe(() => {
     const Q = ae.current;
     !Q || V.nodes.length === 0 || (Q.scrollLeft = Math.max(0, B.width / 2 - Q.clientWidth / 2), Q.scrollTop = Math.max(0, B.height / 2 - Q.clientHeight / 2));
   }, [C, S, B.width, B.height]);
@@ -53010,7 +53053,7 @@ function d7(e) {
     const L = v.current;
     L.width === 0 || L.height === 0 || k(AM(S.current.contentBox, L, S.current.fitBounds));
   }, [k]), I = ye(!1), [P, A] = fe(i7);
-  Ve(() => {
+  Fe(() => {
     if (!C) return;
     const L = v.current, $ = S.current.frameBox ?? S.current.contentBox, H = { ...S.current.fitBounds, padding: S.current.framePadding ?? Ar.fitPadding }, { camera: G, overflow: Y } = J9($, L, {
       ...H,
@@ -53112,7 +53155,7 @@ function d7(e) {
     },
     [R, B]
   );
-  return Ve(
+  return Fe(
     () => () => {
       N.current !== null && window.clearTimeout(N.current);
     },
@@ -53159,7 +53202,7 @@ function m0({
       pe.observe(se), S.current.set(q, pe);
     }, N.current.set(q, J), J);
   }, []);
-  Ve(() => {
+  Fe(() => {
     const q = S.current;
     return () => {
       for (const J of q.values()) J.disconnect();
@@ -54227,7 +54270,7 @@ function J7(e) {
     const r = w0();
     return r && e.has(r) ? /* @__PURE__ */ new Set([r]) : /* @__PURE__ */ new Set();
   });
-  return Ve(() => {
+  return Fe(() => {
     if (typeof window > "u") return;
     function r() {
       const o = w0();
@@ -54801,7 +54844,7 @@ function IW(e, t, n) {
     () => r === null ? ll : Wd(r, o),
     [r, o]
   ), a = $r(s, i, xW);
-  return Ve(() => r === null ? void 0 : cx([r]), [r]), a;
+  return Fe(() => r === null ? void 0 : cx([r]), [r]), a;
 }
 function GY(e, t, n) {
   const r = n.needs, o = Oe(() => t.map((f) => co(e.type, f)), [e.type, t.join("\0")]), s = o.join("\0"), i = Re(
@@ -54817,7 +54860,7 @@ function GY(e, t, n) {
     const m = Object.freeze(f);
     return a.current = { signature: s, needs: r, states: m }, m;
   }, [s, r]), c = Oe(() => Object.freeze(o.map(() => ll)), [s]), u = Re(() => c, [c]), p = $r(i, l, u);
-  return Ve(() => cx(o), [s]), p;
+  return Fe(() => cx(o), [s]), p;
 }
 function WY() {
   return $r(WM, lx, SW);
@@ -55289,7 +55332,7 @@ function qY({
   ...o
 }) {
   const [s] = fe(() => new $W({ transport: e, tenant: t, ...o })), i = ye(t);
-  return Ve(() => (s.start(), () => s.stop()), [s]), Ve(() => {
+  return Fe(() => (s.start(), () => s.stop()), [s]), Fe(() => {
     i.current !== t && (i.current = t, s.setTenant(t)), n && lW(t);
   }, [s, t, n]), /* @__PURE__ */ d(qM.Provider, { value: s, children: r });
 }
@@ -55298,7 +55341,7 @@ function YM() {
 }
 function YY(e, t, n) {
   const r = YM(), o = dx(qd(t)), s = [...n].sort().join(","), i = ye({ scope: t, events: n });
-  i.current = { scope: t, events: n }, Ve(() => {
+  i.current = { scope: t, events: n }, Fe(() => {
     if (r)
       return r.acquire(e.type, i.current.scope, i.current.events);
   }, [r, e.type, o, s]);
@@ -55593,11 +55636,11 @@ function eX(e, t, n) {
   const f = ye(o);
   f.current = o;
   const h = ye(!0);
-  Ve(() => (h.current = !0, () => {
+  Fe(() => (h.current = !0, () => {
     h.current = !1;
   }), []);
   const m = ye(null);
-  Ve(() => {
+  Fe(() => {
     if (a === null || !s) {
       m.current = null;
       return;
@@ -55639,14 +55682,14 @@ function tX(e, t) {
   const g = ye(o);
   g.current = o;
   const b = ye(!0);
-  Ve(() => (b.current = !0, () => {
+  Fe(() => (b.current = !0, () => {
     b.current = !1;
-  }), []), Ve(
+  }), []), Fe(
     () => qW(n, { type: e.type, tag: r, createdScope: u.current }),
     [n, e.type, r, c]
   );
   const x = Re((S) => rK(n, S), [n]), w = Re(() => sK(n), [n]), v = $r(x, w, GW), C = ye(null);
-  Ve(() => {
+  Fe(() => {
     if (!s) {
       C.current = null;
       return;
@@ -55692,7 +55735,7 @@ function nX(e, t) {
   });
 }
 function rX(e = 6e4) {
-  Ve(() => {
+  Fe(() => {
     const t = setInterval(() => RW(), e);
     return () => clearInterval(t);
   }, [e]);