@mt-gloss/ui 0.1.86 → 0.1.88

package/catalog.js

@@ -1,5 +1,5 @@
-import { A as I, Q as N, E as B, J as x, L as D, D as F, F as A, H as M, K as v, T as R, U as W, V as H, b1 as _, W as k, b2 as L, b3 as z, b4 as E, X as G, Y as $, Z as O } from "./Expandable-C5vX1uaQ.js";
-import { a5 as Ne, b8 as Be, aB as xe, aj as De, $ as Fe, ap as Ae, bV as Me, N as ve, aa as Re, bo as We, P as He, B as _e, bj as ke, C as Le, by as ze, b as Ee, c as Ge, O as $e, q as Oe, af as Ve, aP as we, aE as Xe, as as je, m as Ue, o as Ze, aH as qe, ad as Je, ba as Ke, ab as Qe, bp as Ye, _ as ea, ar as aa, aS as sa, bc as ta, p as ra, ao as oa, a2 as ia, at as na, a4 as la, ac as da, bK as ca, aV as ga, t as ma, I as pa, i as ua, ay as ba, M as fa, y as ha, au as ya, bi as Ta, bQ as Sa, aq as Pa, w as Ca, bq as Ia, aU as Na, b5 as Ba, al as xa, aM as Da, ai as Fa, an as Aa, aw as Ma, bX as va, aT as Ra, bW as Wa, ae as Ha, e as _a, R as ka, l as La, r as za, aJ as Ea, ak as Ga, ag as $a, j as Oa, z as Va, b9 as wa, ah as Xa, be as ja, bh as Ua, bf as Za, bg as qa, k as Ja, bb as Ka, bn as Qa, S as Ya, bl as es, ax as as, bd as ss, bR as ts, am as rs, bU as os, v as is, bL as ns, n as ls, h as ds, s as cs, a0 as gs, a9 as ms, bk as ps, bx as us, bE as bs, aD as fs, a8 as hs, aR as ys, aG as Ts, aA as Ss, aO as Ps, aL as Cs, a3 as Is } from "./Expandable-C5vX1uaQ.js";
+import { A as I, Q as N, E as B, J as x, L as D, D as F, F as A, H as M, K as v, T as R, U as W, V as H, b1 as _, W as k, b2 as L, b3 as z, b4 as E, X as G, Y as $, Z as O } from "./Expandable-D4ZdxEEQ.js";
+import { a5 as Ne, b8 as Be, aB as xe, aj as De, $ as Fe, ap as Ae, bV as Me, N as ve, aa as Re, bo as We, P as He, B as _e, bj as ke, C as Le, by as ze, b as Ee, c as Ge, O as $e, q as Oe, af as Ve, aP as we, aE as Xe, as as je, m as Ue, o as Ze, aH as qe, ad as Je, ba as Ke, ab as Qe, bp as Ye, _ as ea, ar as aa, aS as sa, bc as ta, p as ra, ao as oa, a2 as ia, at as na, a4 as la, ac as da, bK as ca, aV as ga, t as ma, I as pa, i as ua, ay as ba, M as fa, y as ha, au as ya, bi as Ta, bQ as Sa, aq as Pa, w as Ca, bq as Ia, aU as Na, b5 as Ba, al as xa, aM as Da, ai as Fa, an as Aa, aw as Ma, bX as va, aT as Ra, bW as Wa, ae as Ha, e as _a, R as ka, l as La, r as za, aJ as Ea, ak as Ga, ag as $a, j as Oa, z as Va, b9 as wa, ah as Xa, be as ja, bh as Ua, bf as Za, bg as qa, k as Ja, bb as Ka, bn as Qa, S as Ya, bl as es, ax as as, bd as ss, bR as ts, am as rs, bU as os, v as is, bL as ns, n as ls, h as ds, s as cs, a0 as gs, a9 as ms, bk as ps, bx as us, bE as bs, aD as fs, a8 as hs, aR as ys, aG as Ts, aA as Ss, aO as Ps, aL as Cs, a3 as Is } from "./Expandable-D4ZdxEEQ.js";
 import { jsx as c, jsxs as S } from "react/jsx-runtime";
 import { C as e, T as a, ae as V, S as s, E as u, R as m, f as w, Z as X } from "./UIContext-DP6JGCto.js";
 import { B as j, a as U, e as Z, c as q, d as J, b as K } from "./BaseAsyncButton-Cq_l7clO.js";

package/composites-panels.js

@@ -1,73 +1,76 @@
-import { a as i, u, c as p } from "./COMMITS-6U31xb_s.js";
-import { C as I, b as N, P as k, e as O, i as w, r as A, d as H } from "./COMMITS-6U31xb_s.js";
-import { jsxs as c, jsx as r, Fragment as f } from "react/jsx-runtime";
-import { useEffect as l, useRef as m, useLayoutEffect as g, useCallback as P } from "react";
-function S({ isOpen: n }) {
-  const t = i()?.state.activeTrigger, o = t?.kind === "card-overflow" ? t.cardId : null;
-  return n ? /* @__PURE__ */ c("div", { "data-shell": "settings", children: [
-    /* @__PURE__ */ r("p", { style: { margin: 0, fontSize: 14, color: "#495057" }, children: o ? `Settings for card: ${o}` : "Settings" }),
-    /* @__PURE__ */ r("p", { style: { margin: "8px 0 0", fontSize: 12, color: "#adb5bd" }, children: "Configuration options coming soon." })
-  ] }) : null;
+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." })
+  ] });
 }
-const v = {
+const g = {
   position: "fixed",
   inset: 0,
   pointerEvents: "none",
   zIndex: 55
-}, y = {
+}, v = {
   position: "absolute",
   inset: 0,
   zIndex: 1,
-  pointerEvents: "auto",
+  // CR-03 fix: pass-through tint — scrim is visual-only and must not intercept
+  // grid card clicks. See PanelHost.tsx CR-03 comment for full rationale.
+  pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
 function _() {
-  const { state: n, dispatch: e, getCloseLog: t } = u();
-  l(() => {
-    if (n.activePanelId == null) return;
-    function s(d) {
+  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" });
     }
-    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-  }, [n.activePanelId, e]);
-  const o = m(n);
-  g(() => {
-    o.current = n;
-  }), l(() => {
-    if (process.env.NODE_ENV !== "production")
-      return window.__panelsHostHandle = {
-        dispatch: e,
-        getState: () => o.current,
-        getCloseLog: t
-      }, () => {
-        delete window.__panelsHostHandle;
-      };
-  }, [e, t]);
-  const a = P(() => {
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [t.activePanelId, e]);
+  const o = m(t);
+  h(() => {
+    o.current = t;
+  }), r(() => {
+    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,
+      getState: () => o.current,
+      getCloseLog: n
+    }, () => {
+      a.__panelsHostHandle?.dispatch === e && delete window.__panelsHostHandle;
+    };
+  }, [e, n]);
+  const l = P(() => {
     e({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
   }, [e]);
-  return /* @__PURE__ */ r("div", { "data-panel-host": "true", style: v, children: n.activePanelId != null && /* @__PURE__ */ r(
+  return /* @__PURE__ */ s("div", { "data-panel-host": "true", style: g, children: t.activePanelId != null && /* @__PURE__ */ s(
     "div",
     {
       "data-panel-scrim": "true",
-      style: y,
-      onClick: a
+      style: v,
+      onClick: l
     }
   ) });
 }
-function b({ panelComponents: n }) {
+function b({ panelComponents: t }) {
   const e = i();
   if (e == null) return null;
-  const { state: t, dispatch: o } = e;
-  if (t.activePanelId == null) return null;
-  const a = n[t.activePanelId];
-  if (a == null)
+  const { state: n, dispatch: o } = e;
+  if (n.activePanelId == null) return null;
+  const l = t[n.activePanelId];
+  if (l == null)
     return process.env.NODE_ENV !== "production" && console.error(
       "[panels] No panel component registered for activePanelId:",
-      t.activePanelId
+      n.activePanelId
     ), null;
-  const s = t.activePanelId === "settings" ? /* @__PURE__ */ c(f, { children: [
-    /* @__PURE__ */ r(
+  const a = n.activePanelId === "settings" ? /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ s(
       "button",
       {
         id: "settings-cancel",
@@ -77,7 +80,7 @@ function b({ panelComponents: n }) {
         children: "Cancel"
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ s(
       "button",
       {
         id: "settings-apply",
@@ -88,28 +91,28 @@ function b({ panelComponents: n }) {
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     p,
     {
       isOpen: !0,
       onClose: () => o({ type: "CLOSE_PANEL", reason: "header-x" }),
-      footer: s,
-      children: /* @__PURE__ */ r(a, { isOpen: !0 })
+      footer: a,
+      children: /* @__PURE__ */ s(l, { isOpen: !0 })
     }
   );
 }
 export {
   I as COMMITS,
   p as PanelChrome,
-  N as PanelHost,
+  H as PanelHost,
   _ as PanelHostShell,
-  k as PanelProvider,
+  N as PanelProvider,
   b as PanelSlot,
-  S as SettingsShell,
-  O as deriveSurfaceState,
-  w as initialState,
-  A as reducer,
+  E as SettingsShell,
+  k as deriveSurfaceState,
+  O as initialState,
+  w as reducer,
   u as usePanelContext,
   i as usePanelContextOptional,
-  H as usePanelCoordinator
+  A as usePanelCoordinator
 };