@mt-gloss/ui 0.1.90 → 0.1.92

package/{COMMITS-qn5rIipN.js → COMMITS-DAem0P4s.js}

@@ -1,18 +1,18 @@
-import { jsx as i, jsxs as f, Fragment as I } from "react/jsx-runtime";
-import { createContext as h, useContext as p, useReducer as m, useRef as u, useEffect as a, useMemo as E, useCallback as g, useSyncExternalStore as S, useLayoutEffect as _ } from "react";
-const d = h(null);
-function P() {
-  const e = p(d);
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { createContext as h, useContext as E, useReducer as m, useRef as d, useEffect as s, useMemo as g, useCallback as v, useSyncExternalStore as S, useState as _, useLayoutEffect as P } from "react";
+const f = h(null);
+function y() {
+  const e = E(f);
   if (!e)
     throw new Error(
       "[panels] usePanelContext must be used inside <PanelProvider>. See @mt-gloss/ui/composites/panels."
     );
   return e;
 }
-function V() {
-  return p(d);
+function q() {
+  return E(f);
 }
-const y = {
+const O = {
   activePanelId: null,
   activeTrigger: null,
   bellCutoutOpen: !1,
@@ -20,8 +20,8 @@ const y = {
   lockHint: null,
   lastClose: null,
   pendingSideEffects: []
-}, O = /* @__PURE__ */ new Set(["settings"]);
-function L(e, n) {
+}, L = /* @__PURE__ */ new Set(["settings"]);
+function T(e, n) {
   if (e == null || e.kind !== n.kind) return !1;
   switch (e.kind) {
     case "bell":
@@ -34,7 +34,7 @@ function L(e, n) {
       return e.global === n.global && e.align === n.align;
   }
 }
-function T(e, n) {
+function D(e, n) {
   switch (n.type) {
     case "OPEN_PANEL": {
       if (e.activePanelId && e.isDirty)
@@ -52,7 +52,7 @@ function T(e, n) {
             }
           ]
         };
-      if (e.activePanelId === n.panelId && L(e.activeTrigger, n.trigger))
+      if (e.activePanelId === n.panelId && T(e.activeTrigger, n.trigger))
         return e;
       const t = e.activePanelId != null ? [
         {
@@ -60,13 +60,13 @@ function T(e, n) {
           reason: "mutex-handoff",
           previousPanelId: e.activePanelId
         }
-      ] : [], l = n.panelId === "notification-center" && e.bellCutoutOpen;
+      ] : [], r = n.panelId === "notification-center" && e.bellCutoutOpen;
       return {
         ...e,
         activePanelId: n.panelId,
         activeTrigger: n.trigger,
         isDirty: !1,
-        bellCutoutOpen: l ? !1 : e.bellCutoutOpen,
+        bellCutoutOpen: r ? !1 : e.bellCutoutOpen,
         lastClose: null,
         // reset on fresh open
         pendingSideEffects: [...e.pendingSideEffects, ...t]
@@ -75,7 +75,7 @@ function T(e, n) {
     case "CLOSE_PANEL": {
       if (e.activePanelId == null)
         return e;
-      const t = e.activePanelId, l = e.isDirty ? n.reason === "apply-button" ? [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [];
+      const t = e.activePanelId, r = e.isDirty ? n.reason === "apply-button" ? [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [];
       return {
         ...e,
         activePanelId: null,
@@ -84,7 +84,7 @@ function T(e, n) {
         lockHint: null,
         // closing clears any active lockHint (dirty-buffer condition gone)
         lastClose: { panelId: t, reason: n.reason },
-        pendingSideEffects: [...e.pendingSideEffects, ...l]
+        pendingSideEffects: [...e.pendingSideEffects, ...r]
       };
     }
     case "OPEN_BELL_CUTOUT":
@@ -101,7 +101,7 @@ function T(e, n) {
     case "CLOSE_BELL_CUTOUT":
       return e.bellCutoutOpen ? { ...e, bellCutoutOpen: !1 } : e;
     case "BUFFER_BECOMES_DIRTY":
-      return e.activePanelId == null || !O.has(e.activePanelId) ? {
+      return e.activePanelId == null || !L.has(e.activePanelId) ? {
         ...e,
         pendingSideEffects: [
           ...e.pendingSideEffects,
@@ -134,32 +134,32 @@ function T(e, n) {
       return e;
   }
 }
-function D(e) {
+function N(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 N() {
-  const [e, n] = m(T, y), t = u([]), l = u(null);
-  a(() => () => {
-    l.current != null && (window.clearTimeout(l.current), l.current = null);
-  }, []), a(() => {
+function w() {
+  const [e, n] = m(D, O), t = d([]), r = d(null);
+  s(() => () => {
+    r.current != null && (window.clearTimeout(r.current), r.current = null);
+  }, []), s(() => {
     if (e.pendingSideEffects.length !== 0) {
-      for (const r of e.pendingSideEffects)
-        r.type === "SCHEDULE_TIMER" ? (l.current != null && window.clearTimeout(l.current), l.current = window.setTimeout(() => {
-          l.current = null, n(r.action);
-        }, Math.max(0, r.ms))) : r.type === "SET_LOCK_HINT" ? n({ type: "SET_LOCK_HINT", hint: r.hint }) : r.type === "HANDOFF_CLOSE" ? t.current = [
+      for (const l of e.pendingSideEffects)
+        l.type === "SCHEDULE_TIMER" ? (r.current != null && window.clearTimeout(r.current), r.current = window.setTimeout(() => {
+          r.current = null, n(l.action);
+        }, Math.max(0, l.ms))) : l.type === "SET_LOCK_HINT" ? n({ type: "SET_LOCK_HINT", hint: l.hint }) : l.type === "HANDOFF_CLOSE" ? t.current = [
           ...t.current.slice(-99),
           {
-            panelId: r.previousPanelId,
+            panelId: l.previousPanelId,
             reason: "mutex-handoff",
             at: Date.now(),
             note: "F22: mutex-handoff synthetic close-log entry"
           }
-        ] : r.type === "INVALID_DISPATCH" && process.env.NODE_ENV !== "production" && console.warn("[panels] INVALID_DISPATCH:", r.reason);
+        ] : l.type === "INVALID_DISPATCH" && process.env.NODE_ENV !== "production" && console.warn("[panels] INVALID_DISPATCH:", l.reason);
       n({ type: "DRAIN_SIDE_EFFECTS" });
     }
-  }, [e.pendingSideEffects, n]), a(() => {
+  }, [e.pendingSideEffects, n]), s(() => {
     if (!e.lastClose) return;
-    const r = {
+    const l = {
       panelId: e.lastClose.panelId,
       reason: e.lastClose.reason,
       at: Date.now(),
@@ -167,37 +167,37 @@ function N() {
     };
     t.current = [
       ...t.current.slice(-99),
-      r
+      l
     ];
   }, [e.lastClose]);
-  const c = E(
-    () => D(e),
+  const o = g(
+    () => N(e),
     [e.activePanelId, e.bellCutoutOpen, e.isDirty]
-  ), s = g(() => t.current.slice(), []);
-  return { state: e, surfaceState: c, dispatch: n, getCloseLog: s };
+  ), a = v(() => t.current.slice(), []);
+  return { state: e, surfaceState: o, dispatch: n, getCloseLog: a };
 }
 function j({ children: e }) {
-  const n = N(), t = E(
+  const n = w(), t = g(
     () => n,
     // Re-publish only when one of the four coordinator fields changes identity.
     // dispatch + getCloseLog are stable. state + surfaceState change on dispatch.
     [n.state, n.surfaceState, n.dispatch, n.getCloseLog]
   );
-  return /* @__PURE__ */ i(d.Provider, { value: t, children: e });
+  return /* @__PURE__ */ i(f.Provider, { value: t, children: e });
 }
-const w = {
+const x = {
   position: "relative",
   pointerEvents: "auto"
 };
-function x({ children: e, onClose: n, footer: t }) {
-  return /* @__PURE__ */ f(
+function H({ children: e, onClose: n, footer: t }) {
+  return /* @__PURE__ */ p(
     "div",
     {
       "data-chrome": "panel",
       role: "dialog",
       "aria-modal": "true",
       className: "gloss-panel-chrome",
-      style: w,
+      style: x,
       children: [
         /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__header", children: /* @__PURE__ */ i(
           "button",
@@ -216,44 +216,53 @@ function x({ children: e, onClose: n, footer: t }) {
     }
   );
 }
-const H = "(prefers-reduced-motion: reduce)";
-function v() {
-  return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(H);
+const b = "(prefers-reduced-motion: reduce)";
+function C() {
+  return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(b);
 }
-function b(e) {
-  const n = v();
+function A(e) {
+  const n = C();
   return n ? (n.addEventListener("change", e), () => {
     n.removeEventListener("change", e);
   }) : () => {
   };
 }
-function A() {
-  const e = v();
+function F() {
+  const e = C();
   return e ? e.matches : !1;
 }
-function F() {
+function R() {
   return !1;
 }
-function R() {
-  return S(b, A, F);
+function k() {
+  return S(A, F, R);
 }
-function k({ isOpen: e, children: n }) {
-  const t = R(), l = [
+function M({ isOpen: e, children: n }) {
+  const t = k(), [r, o] = _(!1);
+  s(() => {
+    if (!e) {
+      o(!1);
+      return;
+    }
+    const l = requestAnimationFrame(() => o(!0));
+    return () => cancelAnimationFrame(l);
+  }, [e]);
+  const a = [
     "gloss-panel-mount",
-    e ? "has-panel" : "",
+    r ? "has-panel" : "",
     t ? "reduced-motion" : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ i(
     "div",
     {
-      className: l,
+      className: a,
       "data-mount": "panel",
       "data-open": e ? "true" : "false",
       children: n
     }
   );
 }
-const M = {
+const U = {
   position: "fixed",
   top: 0,
   left: 0,
@@ -264,7 +273,7 @@ const M = {
   overflow: "visible",
   pointerEvents: "none",
   zIndex: 55
-}, U = {
+}, B = {
   position: "fixed",
   top: "var(--tb-h, 60px)",
   left: 0,
@@ -280,57 +289,57 @@ const M = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function q({ panelComponents: e }) {
-  const { state: n, dispatch: t, getCloseLog: l } = P(), c = n.activePanelId ? e[n.activePanelId] : null;
-  n.activePanelId && !c && process.env.NODE_ENV !== "production" && console.error(
+function z({ panelComponents: e }) {
+  const { state: n, dispatch: t, getCloseLog: r } = y(), o = n.activePanelId ? e[n.activePanelId] : null;
+  n.activePanelId && !o && process.env.NODE_ENV !== "production" && console.error(
     "[panels] No panel component registered for activePanelId:",
     n.activePanelId
-  ), a(() => {
+  ), s(() => {
     if (n.activePanelId == null) return;
-    function o(C) {
-      C.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
+    function c(I) {
+      I.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
-    return document.addEventListener("keydown", o), () => {
-      document.removeEventListener("keydown", o);
+    return document.addEventListener("keydown", c), () => {
+      document.removeEventListener("keydown", c);
     };
   }, [n.activePanelId, t]);
-  const s = u(n);
-  _(() => {
-    s.current = n;
-  }), a(() => {
+  const a = d(n);
+  P(() => {
+    a.current = n;
+  }), s(() => {
     if (process.env.NODE_ENV === "production") return;
-    const o = window;
-    return o.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), o.__panelsHostHandle = {
+    const c = window;
+    return c.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), c.__panelsHostHandle = {
       dispatch: t,
-      getState: () => s.current,
-      getCloseLog: l
+      getState: () => a.current,
+      getCloseLog: r
     }, () => {
-      o.__panelsHostHandle?.dispatch === t && delete o.__panelsHostHandle;
+      c.__panelsHostHandle?.dispatch === t && delete c.__panelsHostHandle;
     };
-  }, [t, l]);
-  const r = g(() => {
+  }, [t, r]);
+  const l = v(() => {
     t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
-  }, [t]);
-  return /* @__PURE__ */ i("div", { "data-panel-host": "true", style: M, children: n.activePanelId != null && c != null && /* @__PURE__ */ f(I, { children: [
-    /* @__PURE__ */ i(
+  }, [t]), u = n.activePanelId != null && o != null;
+  return /* @__PURE__ */ p("div", { "data-panel-host": "true", style: U, children: [
+    u && /* @__PURE__ */ i(
       "div",
       {
         "data-panel-scrim": "true",
-        style: U,
-        onClick: r
+        style: B,
+        onClick: l
       }
     ),
-    /* @__PURE__ */ i(k, { isOpen: !0, children: /* @__PURE__ */ i(
-      x,
+    /* @__PURE__ */ i(M, { isOpen: u, children: u && /* @__PURE__ */ i(
+      H,
       {
         isOpen: !0,
         onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
-        children: /* @__PURE__ */ i(c, { isOpen: !0 })
+        children: /* @__PURE__ */ i(o, { isOpen: !0 })
       }
     ) })
-  ] }) });
+  ] });
 }
-const z = {
+const Q = {
   "apply-button": !0,
   // the ONLY commit reason
   "cancel-button": !1,
@@ -344,16 +353,16 @@ const z = {
   "nav-escape-hatch": !1
 };
 export {
-  z as C,
+  Q as C,
   j as P,
-  V as a,
-  q as b,
-  x as c,
-  N as d,
-  D as e,
-  k as f,
-  R as g,
-  y as i,
-  T as r,
-  P as u
+  q as a,
+  z as b,
+  H as c,
+  w as d,
+  N as e,
+  M as f,
+  k as g,
+  O as i,
+  D as r,
+  y as u
 };

package/composites-panels.js

@@ -1,5 +1,5 @@
-import { a as r, u, f as p, c as f } from "./COMMITS-qn5rIipN.js";
-import { C as H, b as N, P as O, e as w, i as A, r as z, d as M, g as D } from "./COMMITS-qn5rIipN.js";
+import { a as r, u, f as p, c as f } from "./COMMITS-DAem0P4s.js";
+import { C as H, b as N, P as O, e as w, i as A, r as z, d as M, g as D } from "./COMMITS-DAem0P4s.js";
 import { jsxs as c, jsx as a, Fragment as m } from "react/jsx-runtime";
 import { useEffect as i, useRef as P, useLayoutEffect as h, useCallback as v } from "react";
 function _({ isOpen: e }) {

package/index.js

@@ -6,7 +6,7 @@ import F, { useRef as P, useEffect as A, useState as E, useCallback as C, useId
 import { motion as G, useMotionValue as tt, AnimatePresence as at, useDragControls as nt } from "framer-motion";
 import { B as rt, a as X, b as ce, U as fe } from "./UIContext-DP6JGCto.js";
 import { c as Wo, u as Vo } from "./UIContext-DP6JGCto.js";
-import { C as Uo, c as Yo, b as Zo, P as qo, e as Qo, i as Xo, r as Jo, u as el, a as tl, d as al } from "./COMMITS-qn5rIipN.js";
+import { C as Uo, c as Yo, b as Zo, P as qo, e as Qo, i as Xo, r as Jo, u as el, a as tl, d as al } from "./COMMITS-DAem0P4s.js";
 import { createPortal as st } from "react-dom";
 import { DEFAULT_MARKET_PRESETS as rl, DEFAULT_PINNED as sl, PERIOD_OPTIONS as il, ROLLING_OPTIONS as ol, TODAY_PRESET as ll, findPreset as cl, formatDateRange as dl, formatMarketDates as ul, formatTrend as ml, formatValue as gl, generateMarketId as pl, getAllPresets as hl, getDateRangeForPreset as fl, getPresetLabel as bl, isInRange as vl, isMarketActive as yl, isSameDay as wl, normalizePresetId as _l, toUppercasePresetId as Cl } from "@mt-gloss/utils";
 import it from "@mui/icons-material/AccessTime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mt-gloss/ui",
-  "version": "0.1.90",
+  "version": "0.1.92",
   "type": "module",
   "publishConfig": {
     "access": "restricted"