@mt-gloss/ui 0.0.14 → 0.0.15

package/index.js

@@ -1,8 +1,8 @@
-import { N as aa, T as ra, O as na, Q as oa, b2 as sa, av as ia, ad as la, Z as da, aj as ca, K as ua, a4 as ma, bl as ga, P as pa, B as ba, a as ha, y as fa, H as va, be as Ca, F as ya, J as Da, A as wa, z as Na, bd as Sa, E as xa, D as Ta, bt as ka, b as Ia, C as _a, L as Ra, o as Ma, a9 as Pa, aJ as Fa, y as Oa, H as Aa, F as Ea, J as La, A as Ba, z as Ga, E as za, D as Ha, aX as $a, a_ as Ka, aZ as Wa, aY as Za, a$ as Ya, ay as qa, am as Va, k as Ua, m as ja, aB as Qa, a7 as Xa, b4 as Ja, a5 as er, bm as tr, Y as ar, bD as rr, bC as nr, bE as or, al as sr, aM as ir, b6 as lr, bI as dr, n as cr, ai as ur, bx as mr, bp as gr, a0 as pr, an as br, a2 as hr, bw as fr, G as vr, d as Cr, bg as yr, a6 as Dr, bF as wr, aP as Nr, r as Sr, v as xr, I as Tr, g as kr, as as Ir, bJ as _r, M as Rr, w as Mr, U as Pr, X as Fr, V as Or, W as Ar, ao as Er, bc as Lr, bL as Br, bH as Gr, ak as zr, t as Hr, bn as $r, aO as Kr, af as Wr, aG as Zr, ac as Yr, ah as qr, aq as Vr, aN as Ur, a8 as jr, ap as Qr, c as Xr, R as Jr, j as en, p as tn, aD as an, bu as rn, bv as nn, ae as on, aa as sn, h as ln, x as dn, b3 as cn, ab as un, bK as mn, b8 as gn, bb as pn, b9 as bn, ba as hn, i as fn, b5 as vn, bk as Cn, S as yn, bh as Dn, bi as wn, ar as Nn, b7 as Sn, bM as xn, ag as Tn, s as kn, bG as In, l as _n, f as Rn, q as Mn, _ as Pn, $ as Fn, a3 as On, bf as An, bs as En, bz as Ln, aw as Bn, ax as Gn, aK as zn, aL as Hn, az as $n, aA as Kn, aC as Wn, aR as Zn, aS as Yn, bB as qn, bA as Vn, aU as Un, aV as jn, at as Qn, au as Xn, b1 as Jn, b0 as eo, aW as to, aH as ao, aI as ro, aT as no, aE as oo, aF as so, u as io, by as lo, bo as co, bq as uo, br as mo, aQ as go, a1 as po, e as bo, bj as ho } from "./Expandable-aJSmv_1C.js";
-import { jsxs as _, jsx as l } from "react/jsx-runtime";
-import R, { useRef as F, useEffect as G, useState as M, useCallback as b, forwardRef as ve, useMemo as Ce, createContext as ye, useContext as De } from "react";
-import { B as we, U } from "./UIContext-Cx54OlNB.js";
-import { a as vo, u as Co } from "./UIContext-Cx54OlNB.js";
+import { N as aa, T as ra, O as na, Q as oa, b2 as sa, av as ia, ad as la, Z as da, aj as ca, K as ua, a4 as ma, bl as ga, P as pa, B as ba, a as ha, y as fa, H as va, be as Ca, F as ya, J as Da, A as wa, z as Na, bd as Sa, E as xa, D as Ta, bt as ka, b as Ia, C as _a, L as Ra, o as Ma, a9 as Pa, aJ as Fa, y as Oa, H as Aa, F as Ea, J as La, A as Ba, z as Ga, E as za, D as Ha, aX as $a, a_ as Ka, aZ as Wa, aY as Za, a$ as Ya, ay as qa, am as Va, k as Ua, m as ja, aB as Qa, a7 as Xa, b4 as Ja, a5 as er, bm as tr, Y as ar, bD as rr, bC as nr, bE as or, al as sr, aM as ir, b6 as lr, bI as dr, n as cr, ai as ur, bx as mr, bp as gr, a0 as pr, an as br, a2 as hr, bw as fr, G as vr, d as Cr, bg as yr, a6 as Dr, bF as wr, aP as Nr, r as Sr, v as xr, I as Tr, g as kr, as as Ir, bJ as _r, M as Rr, w as Mr, U as Pr, X as Fr, V as Or, W as Ar, ao as Er, bc as Lr, bL as Br, bH as Gr, ak as zr, t as Hr, bn as $r, aO as Kr, af as Wr, aG as Zr, ac as Yr, ah as qr, aq as Vr, aN as Ur, a8 as jr, ap as Qr, c as Xr, R as Jr, j as en, p as tn, aD as an, bu as rn, bv as nn, ae as on, aa as sn, h as ln, x as dn, b3 as cn, ab as un, bK as mn, b8 as gn, bb as pn, b9 as bn, ba as hn, i as fn, b5 as vn, bk as Cn, S as yn, bh as Dn, bi as wn, ar as Nn, b7 as Sn, bM as xn, ag as Tn, s as kn, bG as In, l as _n, f as Rn, q as Mn, _ as Pn, $ as Fn, a3 as On, bf as An, bs as En, bz as Ln, aw as Bn, ax as Gn, aK as zn, aL as Hn, az as $n, aA as Kn, aC as Wn, aR as Zn, aS as Yn, bB as qn, bA as Vn, aU as Un, aV as jn, at as Qn, au as Xn, b1 as Jn, b0 as eo, aW as to, aH as ao, aI as ro, aT as no, aE as oo, aF as so, u as io, by as lo, bo as co, bq as uo, br as mo, aQ as go, a1 as po, e as bo, bj as ho } from "./Expandable-BXdTP6Nb.js";
+import { jsxs as _, jsx as d } from "react/jsx-runtime";
+import R, { useRef as F, useEffect as G, useState as M, useCallback as p, forwardRef as ve, useMemo as Ce, createContext as ye, useContext as De } from "react";
+import { B as we, U } from "./UIContext-C3E-k7HI.js";
+import { a as vo, u as Co } from "./UIContext-C3E-k7HI.js";
 import { createPortal as Ne } from "react-dom";
 import { DEFAULT_MARKET_PRESETS as Do, DEFAULT_PINNED as wo, PERIOD_OPTIONS as No, ROLLING_OPTIONS as So, TODAY_PRESET as xo, findPreset as To, formatDateRange as ko, formatMarketDates as Io, formatTrend as _o, formatValue as Ro, generateMarketId as Mo, getAllPresets as Po, getDateRangeForPreset as Fo, getPresetLabel as Oo, isInRange as Ao, isMarketActive as Eo, isSameDay as Lo, normalizePresetId as Bo, toUppercasePresetId as Go } from "@mt-gloss/utils";
 function ct(e = {}) {
@@ -23,93 +23,93 @@ function ut(e) {
     loop: n = !0,
     orientation: o = "vertical",
     enabled: s = !0,
-    isItemDisabled: c,
-    onSelect: u,
-    onEscape: g
-  } = e, [w, v] = M(-1), p = r !== void 0 ? r : w, m = b(
-    (d) => {
-      r === void 0 && v(d), a?.(d);
+    isItemDisabled: u,
+    onSelect: m,
+    onEscape: b
+  } = e, [D, N] = M(-1), g = r !== void 0 ? r : D, l = p(
+    (c) => {
+      r === void 0 && N(c), a?.(c);
     },
     [r, a]
-  ), f = b(() => t.map((d, D) => ({ item: d, index: D })).filter(({ item: d, index: D }) => !c?.(d, D)).map(({ index: d }) => d), [t, c]), S = b(
-    (d, D) => {
-      const y = f();
-      if (y.length === 0) return -1;
-      const O = y.indexOf(d);
+  ), h = p(() => t.map((c, y) => ({ item: c, index: y })).filter(({ item: c, index: y }) => !u?.(c, y)).map(({ index: c }) => c), [t, u]), S = p(
+    (c, y) => {
+      const C = h();
+      if (C.length === 0) return -1;
+      const O = C.indexOf(c);
       if (O === -1)
-        return D === 1 ? y.find((E) => E > d) ?? (n ? y[0] : -1) : [...y].reverse().find((B) => B < d) ?? (n ? y[y.length - 1] : -1);
-      let T = O + D;
-      return n ? T = (T + y.length) % y.length : T = Math.max(0, Math.min(y.length - 1, T)), y[T];
+        return y === 1 ? C.find((E) => E > c) ?? (n ? C[0] : -1) : [...C].reverse().find((B) => B < c) ?? (n ? C[C.length - 1] : -1);
+      let T = O + y;
+      return n ? T = (T + C.length) % C.length : T = Math.max(0, Math.min(C.length - 1, T)), C[T];
     },
-    [f, n]
-  ), x = b(() => {
-    const d = f();
-    d.length > 0 && m(d[0]);
-  }, [f, m]), i = b(() => {
-    const d = f();
-    d.length > 0 && m(d[d.length - 1]);
-  }, [f, m]), h = b(() => {
-    const d = S(p, 1);
-    d !== -1 && m(d);
-  }, [p, S, m]), N = b(() => {
-    const d = S(p, -1);
-    d !== -1 && m(d);
-  }, [p, S, m]), C = b(() => {
-    m(-1);
-  }, [m]), k = b(
-    (d) => {
+    [h, n]
+  ), x = p(() => {
+    const c = h();
+    c.length > 0 && l(c[0]);
+  }, [h, l]), i = p(() => {
+    const c = h();
+    c.length > 0 && l(c[c.length - 1]);
+  }, [h, l]), f = p(() => {
+    const c = S(g, 1);
+    c !== -1 && l(c);
+  }, [g, S, l]), w = p(() => {
+    const c = S(g, -1);
+    c !== -1 && l(c);
+  }, [g, S, l]), v = p(() => {
+    l(-1);
+  }, [l]), k = p(
+    (c) => {
       if (!s) return;
-      const { key: D } = d, y = D === "ArrowUp" && (o === "vertical" || o === "both"), O = D === "ArrowDown" && (o === "vertical" || o === "both"), T = D === "ArrowLeft" && (o === "horizontal" || o === "both"), E = D === "ArrowRight" && (o === "horizontal" || o === "both");
-      if (y || T) {
-        d.preventDefault(), p === -1 ? i() : N();
+      const { key: y } = c, C = y === "ArrowUp" && (o === "vertical" || o === "both"), O = y === "ArrowDown" && (o === "vertical" || o === "both"), T = y === "ArrowLeft" && (o === "horizontal" || o === "both"), E = y === "ArrowRight" && (o === "horizontal" || o === "both");
+      if (C || T) {
+        c.preventDefault(), g === -1 ? i() : w();
         return;
       }
       if (O || E) {
-        d.preventDefault(), p === -1 ? x() : h();
+        c.preventDefault(), g === -1 ? x() : f();
         return;
       }
-      if (D === "Home") {
-        d.preventDefault(), x();
+      if (y === "Home") {
+        c.preventDefault(), x();
         return;
       }
-      if (D === "End") {
-        d.preventDefault(), i();
+      if (y === "End") {
+        c.preventDefault(), i();
         return;
       }
-      if ((D === "Enter" || D === " ") && p >= 0 && p < t.length) {
-        d.preventDefault();
-        const B = t[p];
-        c?.(B, p) || u?.(B, p);
+      if ((y === "Enter" || y === " ") && g >= 0 && g < t.length) {
+        c.preventDefault();
+        const B = t[g];
+        u?.(B, g) || m?.(B, g);
         return;
       }
-      if (D === "Escape") {
-        g?.();
+      if (y === "Escape") {
+        b?.();
         return;
       }
     },
     [
       s,
       o,
-      p,
+      g,
       t,
       x,
       i,
-      h,
-      N,
-      c,
+      f,
+      w,
       u,
-      g
+      m,
+      b
     ]
   );
   return {
-    focusedIndex: p,
-    setFocusedIndex: m,
+    focusedIndex: g,
+    setFocusedIndex: l,
     handleKeyDown: k,
     focusFirst: x,
     focusLast: i,
-    focusNext: h,
-    focusPrevious: N,
-    resetFocus: C
+    focusNext: f,
+    focusPrevious: w,
+    resetFocus: v
   };
 }
 const H = (e) => {
@@ -231,88 +231,88 @@ function Re({
   overflowActions: o,
   onClose: s
 }) {
-  const [c, u] = M(null), g = F(null), w = b(() => {
+  const [u, m] = M(null), b = F(null), D = p(() => {
     if (!t) return { ...ee, top: 0, left: 0 };
-    const m = t.getBoundingClientRect();
+    const l = t.getBoundingClientRect();
     return {
       ...ee,
-      top: m.bottom + 4,
-      left: m.left
+      top: l.bottom + 4,
+      left: l.left
     };
   }, [t]);
   if (G(() => {
     if (!e) return;
-    const m = (f) => {
-      f.key === "Escape" && s();
+    const l = (h) => {
+      h.key === "Escape" && s();
     };
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
   }, [e, s]), G(() => {
     if (!e) return;
-    const m = (f) => {
-      g.current && !g.current.contains(f.target) && s();
+    const l = (h) => {
+      b.current && !b.current.contains(h.target) && s();
     };
-    return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
+    return document.addEventListener("pointerdown", l, !0), () => document.removeEventListener("pointerdown", l, !0);
   }, [e, s]), !e) return null;
-  const v = o && o.length > 0, p = /* @__PURE__ */ _(
+  const N = o && o.length > 0, g = /* @__PURE__ */ _(
     "div",
     {
-      ref: g,
+      ref: b,
       "data-status-chip-menu": r,
       role: "menu",
       "aria-label": "Status actions",
-      style: w(),
+      style: D(),
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ d(
           "button",
           {
             role: "menuitem",
-            style: Ie(c === "__primary"),
-            onMouseEnter: () => u("__primary"),
-            onMouseLeave: () => u(null),
+            style: Ie(u === "__primary"),
+            onMouseEnter: () => m("__primary"),
+            onMouseLeave: () => m(null),
             onClick: () => {
               a(r), s();
             },
             children: "Open in table"
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ d(
           "button",
           {
             role: "menuitem",
-            style: W(c === "__graph"),
-            onMouseEnter: () => u("__graph"),
-            onMouseLeave: () => u(null),
+            style: W(u === "__graph"),
+            onMouseEnter: () => m("__graph"),
+            onMouseLeave: () => m(null),
             onClick: () => {
               n(r), s();
             },
             children: "Show on graph"
           }
         ),
-        v && /* @__PURE__ */ l("div", { style: _e }),
-        v && o?.map((m) => /* @__PURE__ */ l(
+        N && /* @__PURE__ */ d("div", { style: _e }),
+        N && o?.map((l) => /* @__PURE__ */ d(
           "button",
           {
             role: "menuitem",
-            style: W(c === m.id),
-            onMouseEnter: () => u(m.id),
-            onMouseLeave: () => u(null),
+            style: W(u === l.id),
+            onMouseEnter: () => m(l.id),
+            onMouseLeave: () => m(null),
             onClick: () => {
-              m.onSelect(r), s();
+              l.onSelect(r), s();
             },
-            children: m.label
+            children: l.label
           },
-          m.id
+          l.id
         ))
       ]
     }
   );
-  return Ne(p, document.body);
+  return Ne(g, document.body);
 }
 Re.displayName = "StatusSlotChipMenu";
 const Me = ve(
   function({ state: t, onPointerDown: r, onPointerUp: a, edge: n = "right", ariaLabel: o = "Resize card" }, s) {
-    const c = t === "handle-visible" || t === "dragging";
-    return /* @__PURE__ */ l(
+    const u = t === "handle-visible" || t === "dragging";
+    return /* @__PURE__ */ d(
       "button",
       {
         ref: s,
@@ -323,11 +323,11 @@ const Me = ve(
         className: [
           "gloss-edge-handle",
           `gloss-edge-handle--${n}`,
-          c ? "gloss-edge-handle--visible" : ""
+          u ? "gloss-edge-handle--visible" : ""
         ].filter(Boolean).join(" "),
         onPointerDown: r,
         onPointerUp: a,
-        tabIndex: c ? 0 : -1
+        tabIndex: u ? 0 : -1
       }
     );
   }
@@ -339,7 +339,7 @@ function Pe({
   enterMs: r = 180,
   exitMs: a = 120
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(
     "div",
     {
       "aria-hidden": "true",
@@ -363,44 +363,44 @@ function wt({
   enterMs: o = 180,
   exitMs: s = 120
 }) {
-  const [c, u] = M("idle"), g = F(null), w = F(null), v = b(() => {
-    g.current && (clearTimeout(g.current), g.current = null);
-  }, []), p = b(() => {
-    u((i) => i !== "idle" ? i : (g.current = setTimeout(() => u("handle-visible"), n), "dwelling"));
-  }, [n]), m = b(() => {
-    v(), u((i) => i === "dwelling" || i === "handle-visible" ? "idle" : i);
-  }, [v]), f = b(
+  const [u, m] = M("idle"), b = F(null), D = F(null), N = p(() => {
+    b.current && (clearTimeout(b.current), b.current = null);
+  }, []), g = p(() => {
+    m((i) => i !== "idle" ? i : (b.current = setTimeout(() => m("handle-visible"), n), "dwelling"));
+  }, [n]), l = p(() => {
+    N(), m((i) => i === "dwelling" || i === "handle-visible" ? "idle" : i);
+  }, [N]), h = p(
     (i) => {
-      u((h) => h !== "handle-visible" ? h : (w.current = i.clientX, "dragging"));
+      m((f) => f !== "handle-visible" ? f : (D.current = i.clientX, "dragging"));
     },
     []
-  ), S = b(
+  ), S = p(
     (i) => {
-      u((h) => {
-        if (h !== "dragging") return h;
-        const N = i.clientX - (w.current ?? i.clientX), k = Math.round(N / 180), d = Math.min(3, Math.max(1, e + k));
-        if (d === e)
+      m((f) => {
+        if (f !== "dragging") return f;
+        const w = i.clientX - (D.current ?? i.clientX), k = Math.round(w / 180), c = Math.min(3, Math.max(1, e + k));
+        if (c === e)
           return a?.(), "cancelled";
-        const D = d > e ? "grow" : "shrink";
-        return r({ direction: D, targetColSpan: d, mode: t ? "slot-fill" : "sparkline-fidelity" }), "committed";
+        const y = c > e ? "grow" : "shrink";
+        return r({ direction: y, targetColSpan: c, mode: t ? "slot-fill" : "sparkline-fidelity" }), "committed";
       });
     },
     [e, t, r, a]
-  ), x = b(() => {
-    v(), u((i) => i === "dragging" || i === "handle-visible" ? (a?.(), "cancelled") : i);
-  }, [v, a]);
+  ), x = p(() => {
+    N(), m((i) => i === "dragging" || i === "handle-visible" ? (a?.(), "cancelled") : i);
+  }, [N, a]);
   return G(() => {
-    if (c !== "dragging" && c !== "handle-visible") return;
-    const i = (h) => {
-      h.key === "Escape" && x();
+    if (u !== "dragging" && u !== "handle-visible") return;
+    const i = (f) => {
+      f.key === "Escape" && x();
     };
     return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
-  }, [c, x]), G(() => () => v(), [v]), {
-    state: c,
-    enterEdgeZone: p,
-    leaveEdgeZone: m,
-    handleProps: { onPointerDown: f, onPointerUp: S },
-    ghostProps: { visible: c === "dragging", enterMs: o, exitMs: s }
+  }, [u, x]), G(() => () => N(), [N]), {
+    state: u,
+    enterEdgeZone: g,
+    leaveEdgeZone: l,
+    handleProps: { onPointerDown: h, onPointerUp: S },
+    ghostProps: { visible: u === "dragging", enterMs: o, exitMs: s }
   };
 }
 const Nt = {
@@ -660,18 +660,23 @@ function ne({
   activePageId: n,
   onPageChange: o,
   onCreatePage: s,
-  onManagePages: c
+  onManagePages: u
 }) {
-  const u = b(
-    (v) => {
-      o(v), t();
+  const m = p(
+    (g) => {
+      o(g), t();
     },
     [o, t]
-  ), g = b(() => {
+  ), b = p(
+    (g, l) => {
+      (l.key === "Enter" || l.key === " ") && (l.preventDefault(), m(g));
+    },
+    [m]
+  ), D = p(() => {
     s(), t();
-  }, [s, t]), w = b(() => {
-    c(), t();
-  }, [c, t]);
+  }, [s, t]), N = p(() => {
+    u(), t();
+  }, [u, t]);
   return /* @__PURE__ */ _(
     we,
     {
@@ -686,53 +691,55 @@ function ne({
       anchorRef: r,
       className: "gloss-page-dropdown",
       children: [
-        /* @__PURE__ */ l("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((v) => {
-          const p = v.id === n;
+        /* @__PURE__ */ d("ul", { role: "menu", className: "gloss-page-dropdown__list", children: a.map((g) => {
+          const l = g.id === n;
           return /* @__PURE__ */ _(
             "li",
             {
               role: "menuitemradio",
-              "aria-checked": p,
-              "aria-current": p ? "page" : void 0,
-              className: `gloss-page-dropdown__item${p ? " gloss-page-dropdown__item--active" : ""}`,
+              "aria-checked": l,
+              "aria-current": l ? "page" : void 0,
+              tabIndex: 0,
+              className: `gloss-page-dropdown__item${l ? " gloss-page-dropdown__item--active" : ""}`,
+              onClick: () => m(g.id),
+              onKeyDown: (h) => b(g.id, h),
               children: [
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ d(
                   "span",
                   {
-                    className: `gloss-page-dropdown__dot${p ? " gloss-page-dropdown__dot--active" : ""}`
+                    className: `gloss-page-dropdown__dot${l ? " gloss-page-dropdown__dot--active" : ""}`
                   }
                 ),
-                /* @__PURE__ */ l(
-                  "button",
+                /* @__PURE__ */ d(
+                  "span",
                   {
-                    className: `gloss-page-dropdown__name${v.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
-                    onClick: () => u(v.id),
-                    children: v.name
+                    className: `gloss-page-dropdown__name${g.named ? "" : " gloss-page-dropdown__name--unnamed"}`,
+                    children: g.name
                   }
                 ),
-                /* @__PURE__ */ l("span", { className: "gloss-page-dropdown__count", children: v.cardCount })
+                /* @__PURE__ */ d("span", { className: "gloss-page-dropdown__count", children: g.cardCount })
               ]
             },
-            v.id
+            g.id
           );
         }) }),
-        /* @__PURE__ */ l("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ d(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action",
-            onClick: g,
+            onClick: D,
             children: "+ New page"
           }
         ),
-        /* @__PURE__ */ l("hr", { className: "gloss-page-dropdown__separator" }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ d("hr", { className: "gloss-page-dropdown__separator" }),
+        /* @__PURE__ */ d(
           "button",
           {
             role: "menuitem",
             className: "gloss-page-dropdown__action gloss-page-dropdown__action--muted",
-            onClick: w,
+            onClick: N,
             children: "Manage pages"
           }
         )
@@ -748,26 +755,26 @@ const Ge = function({
   onPageChange: n,
   onCreatePage: o,
   onManagePages: s,
-  maskRadius: c = "var(--gloss-radius-md)"
+  maskRadius: u = "var(--gloss-radius-md)"
 }) {
-  const u = F(null), [g, w] = M(!1), v = b(() => {
-    w((f) => !f);
-  }, []), p = b(() => {
-    w(!1);
-  }, []), m = a[t]?.id ?? "";
+  const m = F(null), [b, D] = M(!1), N = p(() => {
+    D((h) => !h);
+  }, []), g = p(() => {
+    D(!1);
+  }, []), l = a[t]?.id ?? "";
   return /* @__PURE__ */ _(
     "div",
     {
       className: "gloss-page-chip",
-      ref: u,
+      ref: m,
       style: { position: "absolute", top: 0, right: 0 },
       "data-page-chip": !0,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ d(
           "div",
           {
             className: "gloss-page-chip__nuzzle",
-            style: { "--_nuzzle-r": c }
+            style: { "--_nuzzle-r": u }
           }
         ),
         /* @__PURE__ */ _(
@@ -775,9 +782,9 @@ const Ge = function({
           {
             className: "gloss-page-chip__trigger",
             "aria-haspopup": "menu",
-            "aria-expanded": g,
+            "aria-expanded": b,
             "aria-label": `Page ${t + 1} of ${r}. Click to switch pages.`,
-            onClick: v,
+            onClick: N,
             children: [
               t + 1,
               " / ",
@@ -785,14 +792,14 @@ const Ge = function({
             ]
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ d(
           ne,
           {
-            open: g,
-            onDismiss: p,
-            anchorRef: u,
+            open: b,
+            onDismiss: g,
+            anchorRef: m,
             pages: a,
-            activePageId: m,
+            activePageId: l,
             onPageChange: n,
             onCreatePage: o,
             onManagePages: s
@@ -1599,14 +1606,14 @@ function Ye(e) {
 }
 const qe = function(t) {
   if (t.renderMode === "discrete")
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ d(
       "div",
       {
         className: "gloss-metric-group gloss-metric-group--discrete",
         style: { display: "contents" },
         children: t.cards.map((n) => {
           const o = Y(n.size);
-          return /* @__PURE__ */ l(
+          return /* @__PURE__ */ d(
             "div",
             {
               className: "gloss-metric-group__slot",
@@ -1641,7 +1648,7 @@ const qe = function(t) {
       "aria-label": a?.label,
       tabIndex: void 0,
       children: [
-        a?.accentColor && /* @__PURE__ */ l(
+        a?.accentColor && /* @__PURE__ */ d(
           "div",
           {
             className: "gloss-metric-group__accent",
@@ -1649,8 +1656,8 @@ const qe = function(t) {
           }
         ),
         a?.label && /* @__PURE__ */ _("div", { className: "gloss-metric-group__label", children: [
-          /* @__PURE__ */ l("span", { children: a.label }),
-          a?.trend && /* @__PURE__ */ l(
+          /* @__PURE__ */ d("span", { children: a.label }),
+          a?.trend && /* @__PURE__ */ d(
             "span",
             {
               className: "gloss-metric-group__trend",
@@ -1659,7 +1666,7 @@ const qe = function(t) {
             }
           )
         ] }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ d(
           "div",
           {
             className: "gloss-metric-group__slots",
@@ -1670,7 +1677,7 @@ const qe = function(t) {
             },
             children: r.map((n) => {
               const o = Y(n.size);
-              return /* @__PURE__ */ l(
+              return /* @__PURE__ */ d(
                 "div",
                 {
                   className: "gloss-metric-group__slot--composite",
@@ -1705,7 +1712,7 @@ function Ve({
   anchorEl: a,
   anchorSelector: n
 }) {
-  const [o, s] = R.useState(null), c = R.useMemo(
+  const [o, s] = R.useState(null), u = R.useMemo(
     () => typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1,
     []
   );
@@ -1714,28 +1721,28 @@ function Ve({
       "[InlineNudge] requires anchorEl or anchorSelector. AP-07: Do not mount InlineNudge in Layout/** or _app.tsx."
     );
   }, [a, n]), R.useLayoutEffect(() => {
-    let g = null;
-    if (a ? g = a : n && (g = document.querySelector(n)), g) {
-      const w = g.getBoundingClientRect();
+    let b = null;
+    if (a ? b = a : n && (b = document.querySelector(n)), b) {
+      const D = b.getBoundingClientRect();
       s({
-        top: w.bottom + window.scrollY + 6,
-        left: w.left + window.scrollX
+        top: D.bottom + window.scrollY + 6,
+        left: D.left + window.scrollX
       });
     }
   }, [a, n]);
-  const u = o ? { top: o.top, left: o.left } : {};
+  const m = o ? { top: o.top, left: o.left } : {};
   return /* @__PURE__ */ _(
     "div",
     {
       className: L["gloss-inline-nudge"],
-      style: u,
+      style: m,
       role: "status",
       "aria-live": "polite",
-      "data-reduced-motion": c ? "true" : void 0,
+      "data-reduced-motion": u ? "true" : void 0,
       children: [
-        /* @__PURE__ */ l("span", { className: L["gloss-inline-nudge__message"], children: e }),
+        /* @__PURE__ */ d("span", { className: L["gloss-inline-nudge__message"], children: e }),
         /* @__PURE__ */ _("div", { className: L["gloss-inline-nudge__actions"], children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ d(
             "button",
             {
               type: "button",
@@ -1744,7 +1751,7 @@ function Ve({
               children: t.label
             }
           ),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ d(
             "button",
             {
               type: "button",
@@ -1764,9 +1771,9 @@ function le(e) {
   return e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
 }
 function Ue(e, t, r) {
-  const a = r - t || 1, o = [...e].sort((s, c) => s.value - c.value).map((s) => {
-    const c = (s.value - t) / a * 100;
-    return `${le(s)} ${c.toFixed(2)}%`;
+  const a = r - t || 1, o = [...e].sort((s, u) => s.value - u.value).map((s) => {
+    const u = (s.value - t) / a * 100;
+    return `${le(s)} ${u.toFixed(2)}%`;
   });
   return o.length === 0 ? "linear-gradient(to right, #888 0%, #888 100%)" : o.length === 1 ? `linear-gradient(to right, ${o[0]}, ${o[0]})` : `linear-gradient(to right, ${o.join(", ")})`;
 }
@@ -1777,62 +1784,62 @@ function je({
   max: a = 100,
   disabled: n = !1
 }) {
-  const o = F(null), [s, c] = M(null), [u, g] = M(e), w = F(e);
-  w.current !== e && (w.current = e, g(e));
-  const v = Ce(() => Ue(u, r, a), [u, r, a]), p = b(
+  const o = F(null), [s, u] = M(null), [m, b] = M(e), D = F(e);
+  D.current !== e && (D.current = e, b(e));
+  const N = Ce(() => Ue(m, r, a), [m, r, a]), g = p(
     (i) => {
       if (!o.current) return r;
-      const h = o.current.getBoundingClientRect(), N = Math.max(0, Math.min(1, (i - h.left) / h.width)), C = r + N * (a - r);
-      return Math.round(C * 100) / 100;
+      const f = o.current.getBoundingClientRect(), w = Math.max(0, Math.min(1, (i - f.left) / f.width)), v = r + w * (a - r);
+      return Math.round(v * 100) / 100;
     },
     [r, a]
-  ), m = b(
-    (i, h) => {
-      const N = u.find((C) => C.id === h);
-      n || N?.disabled || (typeof i.currentTarget.setPointerCapture == "function" && i.currentTarget.setPointerCapture(i.pointerId), c(h));
+  ), l = p(
+    (i, f) => {
+      const w = m.find((v) => v.id === f);
+      n || w?.disabled || (typeof i.currentTarget.setPointerCapture == "function" && i.currentTarget.setPointerCapture(i.pointerId), u(f));
     },
-    [n, u]
-  ), f = b(
+    [n, m]
+  ), h = p(
     (i) => {
       if (!s) return;
-      const h = p(i.clientX);
-      g(
-        (N) => N.map((C) => C.id === s ? { ...C, value: h } : C)
+      const f = g(i.clientX);
+      b(
+        (w) => w.map((v) => v.id === s ? { ...v, value: f } : v)
       );
     },
-    [s, p]
-  ), S = b(
+    [s, g]
+  ), S = p(
     (i) => {
       if (!s) return;
-      const h = p(i.clientX), N = u.map(
-        (C) => C.id === s ? { ...C, value: h } : C
+      const f = g(i.clientX), w = m.map(
+        (v) => v.id === s ? { ...v, value: f } : v
       );
-      g(N), c(null), t(N);
+      b(w), u(null), t(w);
     },
-    [s, p, u, t]
+    [s, g, m, t]
   ), x = a - r || 1;
-  return /* @__PURE__ */ l("div", { className: "gloss-threshold-ramp", "data-disabled": n || void 0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ d("div", { className: "gloss-threshold-ramp", "data-disabled": n || void 0, children: /* @__PURE__ */ d(
     "div",
     {
       ref: o,
       className: "gloss-threshold-ramp__track",
-      style: { background: v },
-      onPointerMove: f,
+      style: { background: N },
+      onPointerMove: h,
       onPointerUp: S,
       onPointerLeave: S,
-      children: u.map((i) => {
-        const h = (i.value - r) / x * 100;
-        return /* @__PURE__ */ l(
+      children: m.map((i) => {
+        const f = (i.value - r) / x * 100;
+        return /* @__PURE__ */ d(
           "span",
           {
             className: "gloss-threshold-ramp__stop",
             style: {
-              left: `${h}%`,
+              left: `${f}%`,
               color: le(i)
             },
             "data-disabled": i.disabled || void 0,
             "data-dragging": s === i.id || void 0,
-            onPointerDown: (N) => m(N, i.id),
+            onPointerDown: (w) => l(w, i.id),
             "aria-label": i.label ?? `Stop at ${i.value}`,
             role: "slider",
             "aria-valuenow": i.value,
@@ -1852,10 +1859,10 @@ function Qe() {
   return De(de);
 }
 function Xe({ option: e }) {
-  const t = Qe(), r = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, n = b(() => {
+  const t = Qe(), r = t?.isSelected(e.value) ?? !1, a = e.disabled || t?.groupDisabled, n = p(() => {
     a || t?.select(e.value);
   }, [a, t, e.value]), o = e.colorToken ? `var(--gloss-color-${e.colorToken}, ${e.color ?? "#888"})` : e.color ?? "#888";
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(
     "button",
     {
       type: "button",
@@ -1880,22 +1887,22 @@ function Je({
   disabled: n = !1,
   name: o
 }) {
-  const s = t !== void 0, [c, u] = M(r), g = s ? t : c, w = b(
-    (m) => {
-      s || u(m), a?.(m);
+  const s = t !== void 0, [u, m] = M(r), b = s ? t : u, D = p(
+    (l) => {
+      s || m(l), a?.(l);
     },
     [s, a]
-  ), v = b(
-    (m) => g === m,
-    [g]
-  ), p = {
-    selectedValue: g,
-    select: w,
-    isSelected: v,
+  ), N = p(
+    (l) => b === l,
+    [b]
+  ), g = {
+    selectedValue: b,
+    select: D,
+    isSelected: N,
     groupDisabled: n,
     name: o
   };
-  return /* @__PURE__ */ l(de.Provider, { value: p, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(de.Provider, { value: g, children: /* @__PURE__ */ d(
     "div",
     {
       className: "gloss-preset-swatch-row",
@@ -1903,7 +1910,7 @@ function Je({
       "aria-label": o,
       "aria-disabled": n,
       "data-disabled": n || void 0,
-      children: e.map((m) => /* @__PURE__ */ l(Xe, { option: m }, m.value))
+      children: e.map((l) => /* @__PURE__ */ d(Xe, { option: l }, l.value))
     }
   ) });
 }
@@ -1923,82 +1930,82 @@ function et(e, t, r) {
   return a.splice(r, 0, n), a;
 }
 function tt(e) {
-  const [t, r] = M(() => e.zones), [a, n] = M(null), [o, s] = M(null), c = F(null), u = F(e.onZoneChange);
-  u.current = e.onZoneChange;
-  const g = b(
-    (f) => {
-      const S = f.active.id;
+  const [t, r] = M(() => e.zones), [a, n] = M(null), [o, s] = M(null), u = F(null), m = F(e.onZoneChange);
+  m.current = e.onZoneChange;
+  const b = p(
+    (h) => {
+      const S = h.active.id;
       let x = null, i = null;
-      for (const h of t) {
-        const N = h.items.find((C) => C.id === S);
-        if (N) {
-          x = N, i = h.zoneKey;
+      for (const f of t) {
+        const w = f.items.find((v) => v.id === S);
+        if (w) {
+          x = w, i = f.zoneKey;
           break;
         }
       }
-      c.current = i, n(x), s(i);
+      u.current = i, n(x), s(i);
     },
     [t]
-  ), w = b(
-    (f) => {
-      if (!f.over) {
-        s(c.current);
+  ), D = p(
+    (h) => {
+      if (!h.over) {
+        s(u.current);
         return;
       }
-      const S = re(t, f.over.id);
+      const S = re(t, h.over.id);
       s(S);
     },
     [t]
-  ), v = b(
-    (f) => {
-      const { active: S, over: x } = f, i = () => {
-        c.current = null, n(null), s(null);
+  ), N = p(
+    (h) => {
+      const { active: S, over: x } = h, i = () => {
+        u.current = null, n(null), s(null);
       };
       if (!x) {
         i();
         return;
       }
-      const h = q(t, S.id), N = re(t, x.id);
-      if (!h || !N) {
+      const f = q(t, S.id), w = re(t, x.id);
+      if (!f || !w) {
         i();
         return;
       }
-      let C = t.map((k) => ({ ...k, items: [...k.items] }));
-      if (h === N) {
-        const k = C.findIndex((T) => T.zoneKey === h), d = C[k], D = d.items.findIndex((T) => T.id === S.id), y = d.items.findIndex((T) => T.id === x.id), O = y >= 0 ? y : d.items.length - 1;
-        C[k] = {
-          ...d,
-          items: et(d.items, D, O)
+      let v = t.map((k) => ({ ...k, items: [...k.items] }));
+      if (f === w) {
+        const k = v.findIndex((T) => T.zoneKey === f), c = v[k], y = c.items.findIndex((T) => T.id === S.id), C = c.items.findIndex((T) => T.id === x.id), O = C >= 0 ? C : c.items.length - 1;
+        v[k] = {
+          ...c,
+          items: et(c.items, y, O)
         };
       } else {
-        const k = C.findIndex((I) => I.zoneKey === h), d = C.findIndex((I) => I.zoneKey === N), D = C[k], y = C[d], O = D.items.find((I) => I.id === S.id), T = D.items.filter((I) => I.id !== S.id), E = y.items.findIndex((I) => I.id === x.id), B = E >= 0 ? E : y.items.length;
-        let X = T, A = [...y.items];
-        if (y.maxItems !== void 0 && A.length >= y.maxItems) {
+        const k = v.findIndex((I) => I.zoneKey === f), c = v.findIndex((I) => I.zoneKey === w), y = v[k], C = v[c], O = y.items.find((I) => I.id === S.id), T = y.items.filter((I) => I.id !== S.id), E = C.items.findIndex((I) => I.id === x.id), B = E >= 0 ? E : C.items.length;
+        let X = T, A = [...C.items];
+        if (C.maxItems !== void 0 && A.length >= C.maxItems) {
           const I = A[A.length - 1];
-          A = A.slice(0, y.maxItems - 1), X = [...T, I];
+          A = A.slice(0, C.maxItems - 1), X = [...T, I];
         }
         const J = Math.min(B, A.length), fe = [
           ...A.slice(0, J),
           O,
           ...A.slice(J)
         ];
-        C[k] = { ...D, items: X }, C[d] = { ...y, items: fe };
+        v[k] = { ...y, items: X }, v[c] = { ...C, items: fe };
       }
-      r(C), u.current?.(C), i();
+      r(v), m.current?.(v), i();
     },
     [t]
-  ), p = b(
-    (f) => ({
-      id: f,
-      "data-zone-key": f
+  ), g = p(
+    (h) => ({
+      id: h,
+      "data-zone-key": h
     }),
     []
-  ), m = b(
-    (f) => {
-      const S = q(t, f.id) ?? "";
+  ), l = p(
+    (h) => {
+      const S = q(t, h.id) ?? "";
       return {
-        id: f.id,
-        "data-item-id": f.id,
+        id: h.id,
+        "data-item-id": h.id,
         "data-zone-key": S
       };
     },
@@ -2008,11 +2015,11 @@ function tt(e) {
     zones: t,
     activeZone: o,
     activeItem: a,
-    getZoneProps: p,
-    getItemProps: m,
-    handleDragStart: g,
-    handleDragOver: w,
-    handleDragEnd: v
+    getZoneProps: g,
+    getItemProps: l,
+    handleDragStart: b,
+    handleDragOver: D,
+    handleDragEnd: N
   };
 }
 let j = null, ce = null, ue = null, V = null, me = null, ge = null, pe = null, Q = null, be = null;
@@ -2028,7 +2035,7 @@ try {
 }
 function at(e) {
   const { zones: t, onZoneChange: r, renderZone: a, renderItem: n, renderDragOverlay: o } = e, s = tt({ zones: t, onZoneChange: r });
-  return !j || !Q ? /* @__PURE__ */ l("div", { "data-sortable-zones-passive": "true", children: s.zones.map((c) => /* @__PURE__ */ l("div", { ...s.getZoneProps(c.zoneKey), children: a(c.zoneKey, c.items) }, c.zoneKey)) }) : /* @__PURE__ */ l(
+  return !j || !Q ? /* @__PURE__ */ d("div", { "data-sortable-zones-passive": "true", children: s.zones.map((u) => /* @__PURE__ */ d("div", { ...s.getZoneProps(u.zoneKey), children: a(u.zoneKey, u.items) }, u.zoneKey)) }) : /* @__PURE__ */ d(
     he,
     {
       state: s,
@@ -2048,7 +2055,7 @@ function he({
   const n = ue(
     V(me, { activationConstraint: { distance: 5 } }),
     V(ge)
-  ), o = j, s = ce, c = Q;
+  ), o = j, s = ce, u = Q;
   return /* @__PURE__ */ _(
     o,
     {
@@ -2058,18 +2065,18 @@ function he({
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((u) => {
-          const g = u.items.map((w) => w.id);
-          return /* @__PURE__ */ l("div", { ...e.getZoneProps(u.zoneKey), children: /* @__PURE__ */ l(
-            c,
+        e.zones.map((m) => {
+          const b = m.items.map((D) => D.id);
+          return /* @__PURE__ */ d("div", { ...e.getZoneProps(m.zoneKey), children: /* @__PURE__ */ d(
+            u,
             {
-              items: g,
+              items: b,
               strategy: be,
-              children: t(u.zoneKey, u.items)
+              children: t(m.zoneKey, m.items)
             }
-          ) }, u.zoneKey);
+          ) }, m.zoneKey);
         }),
-        /* @__PURE__ */ l(s, { children: e.activeItem ? a?.(e.activeItem) ?? r(e.activeItem) : null })
+        /* @__PURE__ */ d(s, { children: e.activeItem ? a?.(e.activeItem) ?? r(e.activeItem) : null })
       ]
     }
   );
@@ -2077,21 +2084,21 @@ function he({
 he.displayName = "SortableZonesInner";
 const rt = R.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
   const n = { ...r };
-  return delete n.className, delete n.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...n, children: /* @__PURE__ */ l(U, { region: "toolbar", density: e, children: t }) });
+  return delete n.className, delete n.style, /* @__PURE__ */ d("div", { ref: a, className: "gloss-container-toolbar", role: "toolbar", ...n, children: /* @__PURE__ */ d(U, { region: "toolbar", density: e, children: t }) });
 });
 rt.displayName = "ContainerToolbar";
 const nt = R.forwardRef(({ legend: e, description: t, density: r = "default", children: a, ...n }, o) => {
   const s = { ...n };
   return delete s.className, delete s.style, /* @__PURE__ */ _("fieldset", { ref: o, className: "gloss-container-form-section", ...s, children: [
-    e && /* @__PURE__ */ l("legend", { className: "gloss-container-form-section__legend", children: e }),
-    t && /* @__PURE__ */ l("p", { className: "gloss-container-form-section__description", children: t }),
-    /* @__PURE__ */ l(U, { region: "form-section", density: r, children: a })
+    e && /* @__PURE__ */ d("legend", { className: "gloss-container-form-section__legend", children: e }),
+    t && /* @__PURE__ */ d("p", { className: "gloss-container-form-section__description", children: t }),
+    /* @__PURE__ */ d(U, { region: "form-section", density: r, children: a })
   ] });
 });
 nt.displayName = "ContainerFormSection";
 const ot = R.forwardRef(({ density: e = "compact", children: t, ...r }, a) => {
   const n = { ...r };
-  return delete n.className, delete n.style, /* @__PURE__ */ l("div", { ref: a, className: "gloss-container-table", ...n, children: /* @__PURE__ */ l(U, { region: "table", density: e, children: t }) });
+  return delete n.className, delete n.style, /* @__PURE__ */ d("div", { ref: a, className: "gloss-container-table", ...n, children: /* @__PURE__ */ d(U, { region: "table", density: e, children: t }) });
 });
 ot.displayName = "ContainerTable";
 export {