@mt-gloss/ui 0.1.88 → 0.1.90

package/composites-panels.js

@@ -1,20 +1,20 @@
-import { a as i, u, c as p } from "./COMMITS-CoGFzpf4.js";
-import { C as I, b as H, P as N, e as k, i as O, r as w, d as A } from "./COMMITS-CoGFzpf4.js";
-import { jsxs as c, jsx as s, Fragment as f } from "react/jsx-runtime";
-import { useEffect as r, useRef as m, useLayoutEffect as h, useCallback as P } from "react";
-function E({ isOpen: t }) {
-  const n = i()?.state.activeTrigger, o = n?.kind === "card-overflow" ? n.cardId : null;
-  return /* @__PURE__ */ c("div", { "data-shell": "settings", "aria-hidden": !t, children: [
-    /* @__PURE__ */ s("p", { style: { margin: 0, fontSize: 14, color: "#495057" }, children: o ? `Settings for card: ${o}` : "Settings" }),
-    /* @__PURE__ */ s("p", { style: { margin: "8px 0 0", fontSize: 12, color: "#adb5bd" }, children: "Configuration options coming soon." })
+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 { 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 }) {
+  const t = r()?.state.activeTrigger, o = t?.kind === "card-overflow" ? t.cardId : null;
+  return /* @__PURE__ */ c("div", { "data-shell": "settings", "aria-hidden": !e, children: [
+    /* @__PURE__ */ a("p", { style: { margin: 0, fontSize: 14, color: "#495057" }, children: o ? `Settings for card: ${o}` : "Settings" }),
+    /* @__PURE__ */ a("p", { style: { margin: "8px 0 0", fontSize: 12, color: "#adb5bd" }, children: "Configuration options coming soon." })
   ] });
 }
-const g = {
+const y = {
   position: "fixed",
   inset: 0,
   pointerEvents: "none",
   zIndex: 55
-}, v = {
+}, g = {
   position: "absolute",
   inset: 0,
   zIndex: 1,
@@ -23,54 +23,54 @@ const g = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function _() {
-  const { state: t, dispatch: e, getCloseLog: n } = u();
-  r(() => {
-    if (t.activePanelId == null) return;
-    function a(d) {
-      d.key === "Escape" && e({ type: "CLOSE_PANEL", reason: "escape-key" });
+function b() {
+  const { state: e, dispatch: n, getCloseLog: t } = u();
+  i(() => {
+    if (e.activePanelId == null) return;
+    function l(d) {
+      d.key === "Escape" && n({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
-    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-  }, [t.activePanelId, e]);
-  const o = m(t);
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [e.activePanelId, n]);
+  const o = P(e);
   h(() => {
-    o.current = t;
-  }), r(() => {
+    o.current = e;
+  }), i(() => {
     if (process.env.NODE_ENV === "production") return;
-    const a = window;
-    return a.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), a.__panelsHostHandle = {
-      dispatch: e,
+    const l = window;
+    return l.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), l.__panelsHostHandle = {
+      dispatch: n,
       getState: () => o.current,
-      getCloseLog: n
+      getCloseLog: t
     }, () => {
-      a.__panelsHostHandle?.dispatch === e && delete window.__panelsHostHandle;
+      l.__panelsHostHandle?.dispatch === n && delete window.__panelsHostHandle;
     };
-  }, [e, n]);
-  const l = P(() => {
-    e({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
-  }, [e]);
-  return /* @__PURE__ */ s("div", { "data-panel-host": "true", style: g, children: t.activePanelId != null && /* @__PURE__ */ s(
+  }, [n, t]);
+  const s = v(() => {
+    n({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
+  }, [n]);
+  return /* @__PURE__ */ a("div", { "data-panel-host": "true", style: y, children: e.activePanelId != null && /* @__PURE__ */ a(
     "div",
     {
       "data-panel-scrim": "true",
-      style: v,
-      onClick: l
+      style: g,
+      onClick: s
     }
   ) });
 }
-function b({ panelComponents: t }) {
-  const e = i();
-  if (e == null) return null;
-  const { state: n, dispatch: o } = e;
-  if (n.activePanelId == null) return null;
-  const l = t[n.activePanelId];
-  if (l == null)
+function x({ panelComponents: e }) {
+  const n = r();
+  if (n == null) return null;
+  const { state: t, dispatch: o } = n;
+  if (t.activePanelId == null) return null;
+  const s = e[t.activePanelId];
+  if (s == null)
     return process.env.NODE_ENV !== "production" && console.error(
       "[panels] No panel component registered for activePanelId:",
-      n.activePanelId
+      t.activePanelId
     ), null;
-  const a = n.activePanelId === "settings" ? /* @__PURE__ */ c(f, { children: [
-    /* @__PURE__ */ s(
+  const l = t.activePanelId === "settings" ? /* @__PURE__ */ c(m, { children: [
+    /* @__PURE__ */ a(
       "button",
       {
         id: "settings-cancel",
@@ -80,7 +80,7 @@ function b({ panelComponents: t }) {
         children: "Cancel"
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ a(
       "button",
       {
         id: "settings-apply",
@@ -91,28 +91,34 @@ function b({ panelComponents: t }) {
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ s(
-    p,
+  return /* @__PURE__ */ a(p, { isOpen: !0, children: /* @__PURE__ */ a(
+    f,
     {
       isOpen: !0,
       onClose: () => o({ type: "CLOSE_PANEL", reason: "header-x" }),
-      footer: a,
-      children: /* @__PURE__ */ s(l, { isOpen: !0 })
+      footer: l,
+      children: /* @__PURE__ */ a(s, { isOpen: !0 })
     }
-  );
+  ) });
+}
+function k(e) {
+  return e === null ? null : e.kind === "manage-pages-action" ? `global-${e.align ?? "left"}` : e.kind === "card-overflow" || e.kind === "empty-cell" ? `section-${e.sectionIndex}` : null;
 }
 export {
-  I as COMMITS,
-  p as PanelChrome,
-  H as PanelHost,
-  _ as PanelHostShell,
-  N as PanelProvider,
-  b as PanelSlot,
-  E as SettingsShell,
-  k as deriveSurfaceState,
-  O as initialState,
-  w as reducer,
+  H as COMMITS,
+  f as PanelChrome,
+  N as PanelHost,
+  b as PanelHostShell,
+  p as PanelMount,
+  O as PanelProvider,
+  x as PanelSlot,
+  _ as SettingsShell,
+  w as deriveSurfaceState,
+  A as initialState,
+  k as positionKey,
+  z as reducer,
   u as usePanelContext,
-  i as usePanelContextOptional,
-  A as usePanelCoordinator
+  r as usePanelContextOptional,
+  M as usePanelCoordinator,
+  D as useReducedMotionPanel
 };

package/index.js

@@ -1,12 +1,12 @@
-import { u as Ze, C as qe } from "./Expandable-D4ZdxEEQ.js";
-import { Q as Sr, V as kr, T as Dr, U as xr, a5 as Tr, b8 as Rr, aB as Mr, aj as Pr, $ as Ir, ap as Er, N as Ar, aa as Fr, bo as Or, P as Lr, B as $r, a as zr, A as Br, K as Kr, bj as Gr, J as Hr, L as Wr, E as Vr, D as jr, H as Ur, F as Yr, by as Zr, b as qr, c as Qr, O as Xr, q as Jr, af as es, aP as ts, A as as, K as ns, J as rs, L as ss, E as is, D as os, H as ls, F as cs, b1 as ds, b4 as us, b3 as ms, b2 as gs, b5 as ps, aE as hs, a7 as fs, a6 as bs, as as vs, m as ys, o as ws, aH as _s, ad as Cs, ba as Ns, ab as Ss, bp as ks, _ as Ds, bI as xs, bH as Ts, bJ as Rs, ar as Ms, aS as Ps, bc as Is, bN as Es, bw as As, p as Fs, ao as Os, bC as Ls, bt as $s, a2 as zs, at as Bs, a4 as Ks, bB as Gs, bS as Hs, G as Ws, f as Vs, ac as js, bK as Us, aV as Ys, t as Zs, x as qs, I as Qs, i as Xs, ay as Js, bO as ei, M as ti, y as ai, W as ni, Z as ri, X as si, Y as ii, au as oi, bi as li, bQ as ci, bM as di, aq as ui, w as mi, bq as gi, aU as pi, al as hi, aM as fi, ai as bi, an as vi, aw as yi, aT as wi, ae as _i, av as Ci, e as Ni, R as Si, l as ki, r as Di, aJ as xi, bz as Ti, bA as Ri, ak as Mi, ag as Pi, j as Ii, z as Ei, b9 as Ai, ah as Fi, bP as Oi, be as Li, bh as $i, bf as zi, bg as Bi, k as Ki, bb as Gi, bn as Hi, S as Wi, bl as Vi, bm as ji, ax as Ui, bd as Yi, bR as Zi, am as qi, v as Qi, bL as Xi, n as Ji, h as eo, s as to, a0 as ao, a1 as no, a9 as ro, bk as so, bx as io, bE as oo, aC as lo, aD as co, a8 as uo, aQ as mo, aR as go, aF as po, aG as ho, aI as fo, aX as bo, aY as vo, br as yo, bG as wo, bF as _o, a_ as Co, a$ as No, az as So, aA as ko, b7 as Do, b6 as xo, b0 as To, aN as Ro, aO as Mo, aZ as Po, aK as Io, aL as Eo, d as Ao, bD as Fo, bs as Oo, bu as Lo, bv as $o, aW as zo, a3 as Bo, bT as Ko, g as Go } from "./Expandable-D4ZdxEEQ.js";
+import { u as Ze, C as qe } from "./Expandable-BcmIxWR8.js";
+import { Q as Sr, V as kr, T as Dr, U as xr, a5 as Tr, b8 as Rr, aB as Mr, aj as Pr, $ as Ir, ap as Er, N as Ar, aa as Fr, bo as Or, P as Lr, B as $r, a as zr, A as Br, K as Kr, bj as Gr, J as Hr, L as Wr, E as Vr, D as jr, H as Ur, F as Yr, by as Zr, b as qr, c as Qr, O as Xr, q as Jr, af as es, aP as ts, A as as, K as ns, J as rs, L as ss, E as is, D as os, H as ls, F as cs, b1 as ds, b4 as us, b3 as ms, b2 as gs, b5 as ps, aE as hs, a7 as fs, a6 as bs, as as vs, m as ys, o as ws, aH as _s, ad as Cs, ba as Ns, ab as Ss, bp as ks, _ as Ds, bI as xs, bH as Ts, bJ as Rs, ar as Ms, aS as Ps, bc as Is, bN as Es, bw as As, p as Fs, ao as Os, bC as Ls, bt as $s, a2 as zs, at as Bs, a4 as Ks, bB as Gs, bS as Hs, G as Ws, f as Vs, ac as js, bK as Us, aV as Ys, t as Zs, x as qs, I as Qs, i as Xs, ay as Js, bO as ei, M as ti, y as ai, W as ni, Z as ri, X as si, Y as ii, au as oi, bi as li, bQ as ci, bM as di, aq as ui, w as mi, bq as gi, aU as pi, al as hi, aM as fi, ai as bi, an as vi, aw as yi, aT as wi, ae as _i, av as Ci, e as Ni, R as Si, l as ki, r as Di, aJ as xi, bz as Ti, bA as Ri, ak as Mi, ag as Pi, j as Ii, z as Ei, b9 as Ai, ah as Fi, bP as Oi, be as Li, bh as $i, bf as zi, bg as Bi, k as Ki, bb as Gi, bn as Hi, S as Wi, bl as Vi, bm as ji, ax as Ui, bd as Yi, bR as Zi, am as qi, v as Qi, bL as Xi, n as Ji, h as eo, s as to, a0 as ao, a1 as no, a9 as ro, bk as so, bx as io, bE as oo, aC as lo, aD as co, a8 as uo, aQ as mo, aR as go, aF as po, aG as ho, aI as fo, aX as bo, aY as vo, br as yo, bG as wo, bF as _o, a_ as Co, a$ as No, az as So, aA as ko, b7 as Do, b6 as xo, b0 as To, aN as Ro, aO as Mo, aZ as Po, aK as Io, aL as Eo, d as Ao, bD as Fo, bs as Oo, bu as Lo, bv as $o, aW as zo, a3 as Bo, bT as Ko, g as Go } from "./Expandable-BcmIxWR8.js";
 import { jsxs as w, jsx as r, Fragment as $ } from "react/jsx-runtime";
 import * as B from "react";
 import F, { useRef as P, useEffect as A, useState as E, useCallback as C, useId as Qe, forwardRef as Xe, useMemo as re, createContext as Je, useContext as et } from "react";
 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-CoGFzpf4.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 { 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/lib/composites/panels/PanelChrome.d.ts

@@ -2,8 +2,12 @@ import { ReactNode } from 'react';
 export interface PanelChromeProps {
     children: ReactNode;
     onClose: () => void;
+    /**
+     * @deprecated No-op since Phase 11.5 P3a. PanelMount owns all enter/exit motion.
+     * Kept for back-compat with P1/P2 call sites; has no rendering effect.
+     */
     isOpen?: boolean;
     /** P2 — optional footer slot. Notification-center keeps null (no footer). */
     footer?: ReactNode;
 }
-export declare function PanelChrome({ children, onClose, isOpen, footer }: PanelChromeProps): import("react/jsx-runtime").JSX.Element;
+export declare function PanelChrome({ children, onClose, footer }: PanelChromeProps): import("react/jsx-runtime").JSX.Element;

package/lib/composites/panels/PanelMount.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface PanelMountProps {
+    /** Whether the panel is open. Maps to .has-panel class toggle. */
+    isOpen: boolean;
+    children: ReactNode;
+}
+export declare function PanelMount({ isOpen, children }: PanelMountProps): import("react/jsx-runtime").JSX.Element;

package/lib/composites/panels/hooks/useReducedMotionPanel.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns `true` when the user's system preference is `prefers-reduced-motion: reduce`.
+ * SSR-safe (returns false during server render).
+ * Reactive — re-renders the host component when the system pref changes.
+ */
+export declare function useReducedMotionPanel(): boolean;

package/lib/composites/panels/index.d.ts

@@ -17,6 +17,10 @@ export type { PanelHostProps, PanelShellProps } from './PanelHost';
 export type { PanelSlotProps } from './PanelSlot';
 export type { PanelProviderProps } from './PanelProvider';
 export type { PanelChromeProps } from './PanelChrome';
+export { positionKey } from './utils/positionKey';
+export { useReducedMotionPanel } from './hooks/useReducedMotionPanel';
+export { PanelMount } from './PanelMount';
+export type { PanelMountProps } from './PanelMount';
 export { usePanelCoordinator } from './hooks/usePanelCoordinator';
 export type { UsePanelCoordinatorReturn } from './hooks/usePanelCoordinator';
 export { reducer, initialState } from './coordinator/coordinator';

package/lib/composites/panels/utils/positionKey.d.ts

@@ -0,0 +1,2 @@
+import { TriggerContext } from '../coordinator/types';
+export declare function positionKey(trigger: TriggerContext | null): string | null;

package/package.json

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