@mt-gloss/ui 0.1.138 → 0.1.140

package/{COMMITS-aGwevMtR.js → COMMITS-DEdHYT0E.js}

@@ -1,31 +1,31 @@
 import { jsx as i, jsxs as N } from "react/jsx-runtime";
 import { motion as ie } from "framer-motion";
-import Z, { useSyncExternalStore as le, useState as A, useRef as O, useMemo as z, useEffect as w, useCallback as T, createContext as ae, useContext as W, useReducer as ce, useId as X, useLayoutEffect as G } from "react";
-import { z as L } from "zod";
-const Je = {
+import B, { useSyncExternalStore as le, useState as F, useRef as O, useMemo as z, useEffect as w, useCallback as T, createContext as ae, useContext as W, useReducer as ce, useId as X, useLayoutEffect as G } from "react";
+import { z as K } from "zod";
+const We = {
   forwardStaggerMs: 50,
   reverseStaggerMs: 30,
   springStiffness: 380,
   springDamping: 32,
   reverseVelocityMultiplier: 1.4
-}, en = {
+}, Xe = {
   enterDurationMs: 220,
   exitDurationMs: 140,
   enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
   exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
   translateOffsetPx: 8
-}, nn = {
+}, Ge = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, tn = {
+}, Je = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, rn = {
+}, en = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -34,7 +34,7 @@ const Je = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, on = !0, sn = {
+}, nn = !0, tn = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -42,7 +42,7 @@ const Je = {
   validCellStroke: "var(--gloss-valid-cell-stroke)",
   provisionalWash: "var(--gloss-provisional-wash)"
 };
-function ln() {
+function rn() {
   if (typeof window > "u") return "full";
   try {
     return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
@@ -141,22 +141,22 @@ function Q(e, n) {
   const t = e.find((r) => r.zoneKey === n);
   return t ? t.zoneKey : U(e, n);
 }
-function he(e, n, t) {
+function ve(e, n, t) {
   const r = [...e], [s] = r.splice(n, 1);
   return r.splice(t, 0, s), r;
 }
-function ve(e) {
+function he(e) {
   return e.map((n) => `${n.zoneKey}:${n.items.map((t) => t.id).join(",")}`).join("|");
 }
 function ye(e) {
-  const [n, t] = A(
+  const [n, t] = F(
     () => e.zones.map((l) => l.maxItems !== void 0 && l.items.length > l.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
       `useSortableZones: zone "${l.zoneKey}" exceeds maxItems (${l.items.length} > ${l.maxItems}); trimming to cap.`
     ), { ...l, items: l.items.slice(0, l.maxItems) }) : l)
-  ), [r, s] = A(null), [a, c] = A(null), o = O(null), p = O(e.onZoneChange);
+  ), [r, s] = F(null), [a, c] = F(null), o = O(null), p = O(e.onZoneChange);
   p.current = e.onZoneChange;
   const u = z(
-    () => ve(e.zones),
+    () => he(e.zones),
     [e.zones]
   ), d = O(u);
   w(() => {
@@ -204,42 +204,42 @@ function ye(e) {
         y();
         return;
       }
-      let f = n.map((E) => ({ ...E, items: [...E.items] }));
+      let f = n.map((I) => ({ ...I, items: [...I.items] }));
       if (b === P) {
-        const E = f.findIndex((D) => D.zoneKey === b), I = f[E], h = I.items.findIndex((D) => D.id === g.id), S = I.items.findIndex((D) => D.id === C.id), R = S >= 0 ? S : Math.max(0, I.items.length - 1);
-        f[E] = {
-          ...I,
-          items: he(I.items, h, R)
+        const I = f.findIndex((D) => D.zoneKey === b), E = f[I], v = E.items.findIndex((D) => D.id === g.id), S = E.items.findIndex((D) => D.id === C.id), M = S >= 0 ? S : Math.max(0, E.items.length - 1);
+        f[I] = {
+          ...E,
+          items: ve(E.items, v, M)
         };
       } else {
-        const E = f.findIndex((v) => v.zoneKey === b), I = f.findIndex((v) => v.zoneKey === P), h = f[E], S = f[I], R = h.items.find((v) => v.id === g.id);
-        if (!R) {
+        const I = f.findIndex((h) => h.zoneKey === b), E = f.findIndex((h) => h.zoneKey === P), v = f[I], S = f[E], M = v.items.find((h) => h.id === g.id);
+        if (!M) {
           y();
           return;
         }
-        const D = h.items.filter((v) => v.id !== g.id), $ = S.items.findIndex((v) => v.id === C.id), oe = $ >= 0 ? $ : S.items.length;
+        const D = v.items.filter((h) => h.id !== g.id), $ = S.items.findIndex((h) => h.id === C.id), oe = $ >= 0 ? $ : S.items.length;
         let j = D, x = [...S.items];
         if (S.maxItems !== void 0 && x.length >= S.maxItems) {
-          const v = x[x.length - 1];
-          x = x.slice(0, S.maxItems - 1), j = [...D, v];
+          const h = x[x.length - 1];
+          x = x.slice(0, S.maxItems - 1), j = [...D, h];
         }
         const q = Math.min(oe, x.length), se = [
           ...x.slice(0, q),
-          R,
+          M,
           ...x.slice(q)
         ];
-        f[E] = { ...h, items: j }, f[I] = { ...S, items: se };
+        f[I] = { ...v, items: j }, f[E] = { ...S, items: se };
       }
       t(f), p.current?.(f), y();
     },
     [n]
-  ), H = T(
+  ), A = T(
     (l) => ({
       id: l,
       "data-zone-key": l
     }),
     []
-  ), B = T(
+  ), H = T(
     (l) => {
       const g = U(n, l.id) ?? "";
       return {
@@ -254,15 +254,15 @@ function ye(e) {
     zones: n,
     activeZone: a,
     activeItem: r,
-    getZoneProps: H,
-    getItemProps: B,
+    getZoneProps: A,
+    getItemProps: H,
     handleDragStart: m,
     handleDragOver: _,
     handleDragEnd: k
   };
 }
-let M = null, F = null, K = !1;
-const Ee = [
+let L = null, R = null, Z = !1;
+const Ie = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -271,22 +271,22 @@ const Ee = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], Ie = [
+], Ee = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
 function Se(e, n) {
   const t = [], r = e ?? {};
-  for (const a of Ee)
+  for (const a of Ie)
     r[a] === void 0 && t.push(`@dnd-kit/core:${a}`);
   const s = n ?? {};
-  for (const a of Ie)
+  for (const a of Ee)
     s[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
   return t.length === 0 ? { ok: !0 } : { ok: !1, missing: t };
 }
 function Ce() {
-  return M ? Promise.resolve(M) : K ? Promise.resolve(null) : F || (F = (async () => {
+  return L ? Promise.resolve(L) : Z ? Promise.resolve(null) : R || (R = (async () => {
     try {
       const [e, n, t] = await Promise.all([
         import("@dnd-kit/core"),
@@ -295,21 +295,21 @@ function Ce() {
           "SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
         ), {}))
       ]), r = Se(e, n);
-      return r.ok ? (M = {
+      return r.ok ? (L = {
         core: e,
         sortable: n,
         utilities: t
-      }, M) : (K = !0, process.env.NODE_ENV !== "production" && console.error(
+      }, L) : (Z = !0, process.env.NODE_ENV !== "production" && console.error(
         `SortableZones: @dnd-kit shape mismatch — missing exports: ${r.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
       ), null);
     } catch {
-      return K = !0, null;
+      return Z = !0, null;
     }
-  })(), F);
+  })(), R);
 }
 function be(e) {
-  const { zones: n, onZoneChange: t, renderZone: r, renderItem: s, renderDragOverlay: a } = e, c = ye({ zones: n, onZoneChange: t }), [o, p] = Z.useState(M);
-  return Z.useEffect(() => {
+  const { zones: n, onZoneChange: t, renderZone: r, renderItem: s, renderDragOverlay: a } = e, c = ye({ zones: n, onZoneChange: t }), [o, p] = B.useState(L);
+  return B.useEffect(() => {
     if (o) return;
     let u = !0;
     return Ce().then((d) => {
@@ -327,7 +327,7 @@ function be(e) {
       renderDragOverlay: a
     }
   ) : /* @__PURE__ */ i("div", { "data-sortable-zones-passive": "true", children: c.zones.map((u) => {
-    const d = u.items.map((m) => /* @__PURE__ */ i(Z.Fragment, { children: s(m) }, m.id));
+    const d = u.items.map((m) => /* @__PURE__ */ i(B.Fragment, { children: s(m) }, m.id));
     return /* @__PURE__ */ i("div", { ...c.getZoneProps(u.zoneKey), children: r(u.zoneKey, u.items, d) }, u.zoneKey);
   }) });
 }
@@ -339,29 +339,29 @@ function ne({
   renderItem: r,
   renderDragOverlay: s
 }) {
-  const { core: a, sortable: c, utilities: o } = n, { DndContext: p, DragOverlay: u, useSensors: d, useSensor: m, useDroppable: _, PointerSensor: k, KeyboardSensor: H, closestCenter: B } = a, { SortableContext: l, verticalListSortingStrategy: g } = c, C = d(
+  const { core: a, sortable: c, utilities: o } = n, { DndContext: p, DragOverlay: u, useSensors: d, useSensor: m, useDroppable: _, PointerSensor: k, KeyboardSensor: A, closestCenter: H } = a, { SortableContext: l, verticalListSortingStrategy: g } = c, C = d(
     m(k, { activationConstraint: { distance: 5 } }),
-    m(H)
+    m(A)
   ), y = p, b = u, P = l;
   return /* @__PURE__ */ N(
     y,
     {
       sensors: C,
-      collisionDetection: B,
+      collisionDetection: H,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
         e.zones.map((f) => {
-          const E = f.items.map((h) => h.id), I = f.items.map((h) => /* @__PURE__ */ i(
+          const I = f.items.map((v) => v.id), E = f.items.map((v) => /* @__PURE__ */ i(
             te,
             {
-              id: h.id,
+              id: v.id,
               useSortable: c.useSortable,
               cssHelper: o.CSS,
-              children: r(h)
+              children: r(v)
             },
-            h.id
+            v.id
           ));
           return /* @__PURE__ */ i(
             re,
@@ -369,7 +369,7 @@ function ne({
               zoneKey: f.zoneKey,
               zoneProps: e.getZoneProps(f.zoneKey),
               useDroppable: _,
-              children: /* @__PURE__ */ i(P, { items: E, strategy: g, children: t(f.zoneKey, f.items, I) })
+              children: /* @__PURE__ */ i(P, { items: I, strategy: g, children: t(f.zoneKey, f.items, E) })
             },
             f.zoneKey
           );
@@ -411,31 +411,19 @@ function _e() {
 function Pe() {
   return W(V);
 }
-const De = L.number().min(0).max(100), xe = L.number().min(7).max(90), Ne = L.enum(["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"]), Oe = L.array(L.string().min(1)).max(3), we = L.boolean();
-function Te(e, n) {
-  if (e === "threshold") {
-    const t = De.safeParse(n);
-    return t.success ? t.data : 80;
-  }
+const De = K.number().min(7).max(90), xe = K.array(K.string().min(1)).max(6);
+function Ne(e, n) {
   if (e === "timeframe") {
-    const t = xe.safeParse(n);
+    const t = De.safeParse(n);
     return t.success ? t.data : 30;
   }
-  if (e === "accent") {
-    const t = Ne.safeParse(n);
-    return t.success ? t.data : null;
-  }
   if (e === "slots") {
-    const t = Oe.safeParse(n);
+    const t = xe.safeParse(n);
     return t.success ? t.data : [];
   }
-  if (e === "thresholdEnabled" || e === "accentEnabled") {
-    const t = we.safeParse(n);
-    return t.success ? t.data : !1;
-  }
   return n;
 }
-const Le = {
+const Oe = {
   activePanelId: null,
   activeTrigger: null,
   bellCutoutOpen: !1,
@@ -446,7 +434,7 @@ const Le = {
   lastClose: null,
   pendingSideEffects: []
 }, Y = /* @__PURE__ */ new Set(["settings"]);
-function ke(e, n) {
+function we(e, n) {
   if (e == null || e.kind !== n.kind) return !1;
   switch (e.kind) {
     case "bell":
@@ -461,7 +449,7 @@ function ke(e, n) {
       return e.action === n.action && e.blockedCardId === n.blockedCardId && e.activeCardId === n.activeCardId;
   }
 }
-function Me(e, n) {
+function Te(e, n) {
   switch (n.type) {
     case "OPEN_PANEL": {
       if (e.activePanelId && e.isDirty)
@@ -479,7 +467,7 @@ function Me(e, n) {
             }
           ]
         };
-      if (e.activePanelId === n.panelId && ke(e.activeTrigger, n.trigger))
+      if (e.activePanelId === n.panelId && we(e.activeTrigger, n.trigger))
         return e;
       const t = e.activePanelId != null ? [
         {
@@ -549,7 +537,7 @@ function Me(e, n) {
             { type: "INVALID_DISPATCH", reason: "no-buffer-panel" }
           ]
         };
-      const t = e.bufferByCard[n.cardId], r = t == null, s = Te(n.key, n.value);
+      const t = e.bufferByCard[n.cardId], r = t == null, s = Ne(n.key, n.value);
       if (!r && t.changes[n.key] === s)
         return e;
       const c = { kind: "settings", changes: {
@@ -623,11 +611,11 @@ function Me(e, n) {
       return e;
   }
 }
-function Re(e) {
+function ke(e) {
   return e.activePanelId === "notification-center" ? "notif-center" : e.activePanelId != null && e.bellCutoutOpen ? e.isDirty ? "panel-dirty+cutout" : "panel-clean+cutout" : e.activePanelId != null ? e.isDirty ? "panel-dirty" : "panel-clean" : e.bellCutoutOpen ? "bell-cutout-only" : "idle";
 }
-function Fe() {
-  const [e, n] = ce(Me, Le), t = O([]), r = O(null);
+function Le() {
+  const [e, n] = ce(Te, Oe), t = O([]), r = O(null);
   w(() => () => {
     r.current != null && (window.clearTimeout(r.current), r.current = null);
   }, []), w(() => {
@@ -661,13 +649,13 @@ function Fe() {
     ];
   }, [e.lastClose]);
   const s = z(
-    () => Re(e),
+    () => ke(e),
     [e.activePanelId, e.bellCutoutOpen, e.isDirty]
   ), a = T(() => t.current.slice(), []);
   return { state: e, surfaceState: s, dispatch: n, getCloseLog: a };
 }
-function an({ children: e }) {
-  const n = Fe(), t = z(
+function on({ children: e }) {
+  const n = Le(), t = z(
     () => n,
     // Re-publish only when one of the four coordinator fields changes identity.
     // dispatch + getCloseLog are stable. state + surfaceState change on dispatch.
@@ -675,7 +663,7 @@ function an({ children: e }) {
   );
   return /* @__PURE__ */ i(V.Provider, { value: t, children: e });
 }
-function Ae({ title: e, onClose: n, titleId: t }) {
+function Me({ title: e, onClose: n, titleId: t }) {
   return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__header", children: [
     e != null && /* @__PURE__ */ i("span", { id: t, className: "gloss-panel-chrome-v2__title", children: e }),
     /* @__PURE__ */ i(
@@ -691,7 +679,7 @@ function Ae({ title: e, onClose: n, titleId: t }) {
     )
   ] });
 }
-function He({ children: e }) {
+function Re({ children: e }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -702,19 +690,19 @@ function He({ children: e }) {
     }
   );
 }
-function Be({ children: e }) {
+function Fe({ children: e }) {
   return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
 }
-function Ze({ children: e }) {
+function Ae({ children: e }) {
   return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__body", children: e });
 }
-function Ke({ left: e, right: n }) {
+function He({ left: e, right: n }) {
   return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__footer", children: [
     /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__footer-left", children: e }),
     /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__footer-right", children: n })
   ] });
 }
-function Ue({
+function Be({
   children: e,
   onClose: n,
   title: t,
@@ -736,11 +724,11 @@ function Ue({
       "aria-label": u ? void 0 : "Panel",
       className: `gloss-panel-chrome-v2 gloss-panel-chrome-v2--${r}${o ? " gloss-panel-chrome-v2--headerless" : ""}`,
       children: [
-        !o && /* @__PURE__ */ i(Ae, { title: t, onClose: n, titleId: p }),
-        r === "with-stage" && /* @__PURE__ */ i(He, { children: s }),
-        a != null && /* @__PURE__ */ i(Be, { children: a }),
-        /* @__PURE__ */ i(Ze, { children: e }),
-        c != null && /* @__PURE__ */ i(Ke, { left: c.left, right: c.right }),
+        !o && /* @__PURE__ */ i(Me, { title: t, onClose: n, titleId: p }),
+        r === "with-stage" && /* @__PURE__ */ i(Re, { children: s }),
+        a != null && /* @__PURE__ */ i(Fe, { children: a }),
+        /* @__PURE__ */ i(Ae, { children: e }),
+        c != null && /* @__PURE__ */ i(He, { left: c.left, right: c.right }),
         o && /* @__PURE__ */ i(
           "button",
           {
@@ -756,10 +744,10 @@ function Ue({
     }
   );
 }
-function cn({ isOpen: e }) {
+function sn({ isOpen: e }) {
   const n = Pe();
   return /* @__PURE__ */ i(
-    Ue,
+    Be,
     {
       variant: "no-stage",
       title: "Notifications",
@@ -776,11 +764,11 @@ function cn({ isOpen: e }) {
     }
   );
 }
-const ze = {
+const Ze = {
   position: "relative",
   pointerEvents: "auto"
 };
-function Ve({ children: e, onClose: n, footer: t, title: r, variant: s = "default" }) {
+function Ke({ children: e, onClose: n, footer: t, title: r, variant: s = "default" }) {
   const a = `panel-close-${X().replace(/:/g, "-")}`;
   return /* @__PURE__ */ N(
     "div",
@@ -790,7 +778,7 @@ function Ve({ children: e, onClose: n, footer: t, title: r, variant: s = "defaul
       role: "dialog",
       "aria-modal": "true",
       className: s === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
-      style: ze,
+      style: Ze,
       children: [
         /* @__PURE__ */ N("div", { className: "gloss-panel-chrome__header", children: [
           r != null && /* @__PURE__ */ i("span", { className: "gloss-panel-chrome__title", children: r }),
@@ -812,7 +800,7 @@ function Ve({ children: e, onClose: n, footer: t, title: r, variant: s = "defaul
     }
   );
 }
-function $e(e) {
+function Ue(e) {
   if (process.env.NODE_ENV === "production" || !e || !e.parentElement) return;
   const n = e.parentElement, t = window.getComputedStyle(n);
   t.perspective === "none" && console.warn(
@@ -823,12 +811,12 @@ function $e(e) {
     n
   );
 }
-function je({ isOpen: e, children: n }) {
+function ze({ isOpen: e, children: n }) {
   const t = ee(), r = O(null);
   G(() => {
-    $e(r.current);
+    Ue(r.current);
   }, []);
-  const [s, a] = A(!1);
+  const [s, a] = F(!1);
   w(() => {
     if (!e) {
       a(!1);
@@ -853,7 +841,7 @@ function je({ isOpen: e, children: n }) {
     }
   );
 }
-const qe = {
+const Ve = {
   position: "fixed",
   top: 0,
   left: 0,
@@ -864,7 +852,7 @@ const qe = {
   overflow: "visible",
   pointerEvents: "none",
   zIndex: 55
-}, Qe = {
+}, $e = {
   position: "fixed",
   top: "var(--tb-h, 60px)",
   left: 0,
@@ -878,7 +866,7 @@ const qe = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function dn({ panelComponents: e }) {
+function ln({ panelComponents: e }) {
   const { state: n, dispatch: t, getCloseLog: r } = _e(), s = n.activePanelId ? e[n.activePanelId] : null;
   n.activePanelId && !s && process.env.NODE_ENV !== "production" && console.error(
     "[panels] No panel component registered for activePanelId:",
@@ -907,16 +895,16 @@ function dn({ panelComponents: e }) {
     };
   }, [t, r]);
   const c = n.activePanelId != null && s != null;
-  return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: qe, children: [
+  return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: Ve, children: [
     c && /* @__PURE__ */ i(
       "div",
       {
         "data-panel-scrim": "true",
-        style: Qe
+        style: $e
       }
     ),
-    /* @__PURE__ */ i(je, { isOpen: c, children: c && /* @__PURE__ */ i(
-      Ve,
+    /* @__PURE__ */ i(ze, { isOpen: c, children: c && /* @__PURE__ */ i(
+      Ke,
       {
         isOpen: !0,
         onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
@@ -925,7 +913,7 @@ function dn({ panelComponents: e }) {
     ) })
   ] });
 }
-const un = {
+const an = {
   "apply-button": !0,
   // the ONLY commit reason
   "cancel-button": !1,
@@ -943,33 +931,33 @@ const un = {
   // 260524 panel-x-axis-transitions — viewport shrank past targetSection
 };
 export {
-  un as C,
-  on as H,
-  cn as N,
-  an as P,
+  an as C,
+  nn as H,
+  sn as N,
+  on as P,
   be as S,
-  rn as a,
-  sn as b,
-  Je as c,
+  en as a,
+  tn as b,
+  We as c,
   ye as d,
   _e as e,
-  dn as f,
-  ln as g,
-  Fe as h,
-  Me as i,
-  Le as j,
-  Re as k,
+  ln as f,
+  rn as g,
+  Le as h,
+  Te as i,
+  Oe as j,
+  ke as k,
   ge as l,
   ee as m,
-  Ue as n,
-  je as o,
-  tn as p,
-  Ae as q,
-  nn as r,
-  en as s,
-  He as t,
+  Be as n,
+  ze as o,
+  Je as p,
+  Me as q,
+  Ge as r,
+  Xe as s,
+  Re as t,
   Pe as u,
-  Be as v,
-  Ze as w,
-  Ke as x
+  Fe as v,
+  Ae as w,
+  He as x
 };