@mt-gloss/ui 0.1.105 → 0.1.106

package/composites-panels.js

@@ -1,7 +1,13 @@
-import { u as $, f as q, S as se, a as oe, g as E, c as A } from "./COMMITS-kaUvc5jL.js";
-import { C as Xe, b as Je, P as Ze, e as et, i as tt, r as nt, d as st } from "./COMMITS-kaUvc5jL.js";
+import { u as I, f as q, S as se, a as oe, g as E, c as A } from "./COMMITS-kaUvc5jL.js";
+import { C as Je, b as Ze, P as et, e as tt, i as nt, r as st, d as ot } from "./COMMITS-kaUvc5jL.js";
 import { jsx as s, jsxs as p, Fragment as ae } from "react/jsx-runtime";
 import z, { useState as b, useRef as U, createContext as Y, useContext as K, useEffect as V, useLayoutEffect as re, useCallback as W } from "react";
+function Be() {
+  const e = I();
+  if (e?.state.activePanelId !== "settings") return null;
+  const t = e.state.activeTrigger;
+  return t?.kind === "card-overflow" ? t.cardId : null;
+}
 function le({ children: e }) {
   return /* @__PURE__ */ s("div", { className: "clone-stage", children: e });
 }
@@ -92,7 +98,7 @@ function he({ value: e, onSelect: t }) {
   ] });
 }
 const fe = ["threshold", "timeframe", "color"];
-function Be({
+function He({
   isOpen: e,
   cardSpan: t,
   cardLabel: o = "Metric",
@@ -100,7 +106,7 @@ function Be({
   dimensions: r = fe,
   initialTab: l
 }) {
-  const d = $(), i = d?.state.activeTrigger, a = i?.kind === "card-overflow" ? i.cardId : null, c = q(), u = i?.span, h = t ?? u ?? 1, g = r[0] ?? "threshold", [f, y] = z.useState(l ?? g);
+  const d = I(), i = d?.state.activeTrigger, a = i?.kind === "card-overflow" ? i.cardId : null, c = q(), u = i?.span, h = t ?? u ?? 1, g = r[0] ?? "threshold", [f, y] = z.useState(l ?? g);
   z.useEffect(() => {
     r.includes(f) || y(g);
   }, [r, f, g]);
@@ -328,7 +334,7 @@ const Q = [
     { id: "cm-rate", label: "Effective rate", value: "6.8%", desc: "Realized commission rate across all orders." }
   ]
 };
-function He({
+function qe({
   isOpen: e,
   lenses: t = Q,
   defaultLens: o = X,
@@ -369,7 +375,7 @@ function He({
     }
   );
 }
-function qe({
+function Ue({
   isOpen: e,
   replacingLabel: t,
   lenses: o = Q,
@@ -478,7 +484,7 @@ const _e = [
   { id: "p-morning", name: "My Morning", active: !1 },
   { id: "p-accounts", name: "My Accounts", active: !1 }
 ];
-function Ue({
+function Ye({
   isOpen: e,
   pages: t = _e,
   footerSlot: o
@@ -492,7 +498,7 @@ function Ue({
     o
   ] });
 }
-const Ye = {
+const Ke = {
   SETTINGS: "settings",
   CATALOG_ADD: "catalog-add",
   CATALOG_REPLACE: "catalog-replace",
@@ -512,7 +518,7 @@ const Ye = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function Ke() {
+function We() {
   const { state: e, dispatch: t, getCloseLog: o } = oe();
   V(() => {
     if (e.activePanelId == null) return;
@@ -547,8 +553,8 @@ function Ke() {
     }
   ) });
 }
-function We({ panelComponents: e, children: t }) {
-  const o = $();
+function je({ panelComponents: e, children: t }) {
+  const o = I();
   if (o == null) return null;
   const { state: n, dispatch: r } = o;
   if (n.activePanelId == null) return null;
@@ -688,7 +694,7 @@ function Te(e) {
     { once: !0 }
   );
 }
-function Le(e) {
+function Ie(e) {
   const { mountEl: t, onAssert: o } = e;
   if (t == null) {
     e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => x(e), H), o?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
@@ -703,7 +709,7 @@ function Le(e) {
   };
   t.addEventListener("transitionend", d), e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), l = setTimeout(i, n + Ae);
 }
-function Oe(e) {
+function Le(e) {
   const { state: t, onAssert: o } = e;
   if (t.activePanelId && t.isDirty) {
     e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), o?.({ branch: "blocked-dirty", timestamp: Date.now() });
@@ -715,17 +721,17 @@ function Oe(e) {
     return;
   }
   if (t.activePanelId) {
-    Le(e);
+    Ie(e);
     return;
   }
   x(e), o?.({ branch: "fresh-open", timestamp: Date.now() });
 }
-function Ie() {
+function Oe() {
   if (!(typeof window > "u"))
     return window.__panelsAsserter;
 }
-function je() {
-  const e = $(), t = q();
+function Ge() {
+  const e = I(), t = q();
   return W(
     (o, n) => {
       if (!e)
@@ -739,16 +745,16 @@ function je() {
         chromeEl: l,
         reducedMotion: t,
         onAssert: (i) => {
-          Ie()?.recordTransition?.(i);
+          Oe()?.recordTransition?.(i);
         }
       };
-      Oe(d);
+      Le(d);
     },
     [e, t]
   );
 }
 let T = !1, L = null;
-function D() {
+function $() {
   const e = [];
   let t = "cleaned";
   document.querySelectorAll("#panel-chrome-frozen").length > 0 && (e.push("#panel-chrome-frozen"), t = "lingering");
@@ -771,7 +777,7 @@ function D() {
     timestamp: Date.now()
   };
 }
-const O = "8px 8px 0px", I = "64px", k = "inset(0px 0px 60px 0px)", M = "inset(0px -40px -40px -40px)";
+const O = "8px 8px 0px", k = "64px", M = "inset(0px 0px 60px 0px)", D = "inset(0px -40px -40px -40px)";
 function m(e, t, o, n, r) {
   return { id: e, constraint: t, expected: o, actual: n, pass: r };
 }
@@ -802,10 +808,10 @@ function F() {
     e.push(m("C2", "mount padding constant", O, c || "n/a", u));
   }
   if (!t)
-    e.push(m("C3", "mount.bottom resolves to var(--tb-h)=64px", I, "absent", !1));
+    e.push(m("C3", "mount.bottom resolves to var(--tb-h)=64px", k, "absent", !1));
   else {
-    const a = getComputedStyle(t).bottom || t.style.bottom || "", c = a === I;
-    e.push(m("C3", "mount.bottom resolves to var(--tb-h)=64px", I, a || "n/a", c));
+    const a = getComputedStyle(t).bottom || t.style.bottom || "", c = a === k;
+    e.push(m("C3", "mount.bottom resolves to var(--tb-h)=64px", k, a || "n/a", c));
   }
   if (!o)
     e.push(m("C4", "panel-chrome height formula = (row-h*3)+(row-gap*3)-8px", "formula match", "absent", !1));
@@ -899,10 +905,10 @@ function F() {
     );
   }
   if (!t)
-    e.push(m("C9", "mount closed-state clipPath", k, "absent", !1));
+    e.push(m("C9", "mount closed-state clipPath", M, "absent", !1));
   else {
-    const i = t.style.clipPath, a = getComputedStyle(t), c = i || a.clipPath || "", u = c === k;
-    e.push(m("C9", "mount closed-state clipPath", k, c || "n/a", u));
+    const i = t.style.clipPath, a = getComputedStyle(t), c = i || a.clipPath || "", u = c === M;
+    e.push(m("C9", "mount closed-state clipPath", M, c || "n/a", u));
   }
   if (!l)
     e.push(m("C10", "bell-popover parentElement === document.body (open)", "body", "absent", !1));
@@ -925,10 +931,10 @@ function F() {
     e.push(m("C11", "coordinator overflow === visible", "visible", a || "n/a", c));
   }
   if (!d)
-    e.push(m("C12", "toolbar clipPath = inset(0 -40 -40 -40)", M, "absent", !1));
+    e.push(m("C12", "toolbar clipPath = inset(0 -40 -40 -40)", D, "absent", !1));
   else {
-    const i = d.style.clipPath, a = getComputedStyle(d), c = i || a.clipPath || "", u = c === M;
-    e.push(m("C12", "toolbar clipPath = inset(0 -40 -40 -40)", M, c || "n/a", u));
+    const i = d.style.clipPath, a = getComputedStyle(d), c = i || a.clipPath || "", u = c === D;
+    e.push(m("C12", "toolbar clipPath = inset(0 -40 -40 -40)", D, c || "n/a", u));
   }
   return e.push(
     m(
@@ -952,7 +958,7 @@ function ke(e) {
   return F().find((t) => t.id === e);
 }
 function Me() {
-  const e = D();
+  const e = $();
   return { q12: [
     {
       id: "Q12-12",
@@ -970,10 +976,10 @@ function De() {
     isEnabled: () => T,
     getLastReport: () => L,
     recordTransition: (e) => {
-      T && (L = { ...e, ...D() });
+      T && (L = { ...e, ...$() });
     },
     assertOnce: () => {
-      const e = D();
+      const e = $();
       return L = e, e;
     },
     assertCcOnly: F,
@@ -991,10 +997,10 @@ function Re() {
   T = !1;
 }
 export {
-  Xe as COMMITS,
-  He as CatalogAddShell,
+  Je as COMMITS,
+  qe as CatalogAddShell,
   be as CatalogFooter,
-  qe as CatalogReplaceShell,
+  Ue as CatalogReplaceShell,
   R as CatalogStateContext,
   ie as CloneCard,
   le as CloneStage,
@@ -1002,33 +1008,34 @@ export {
   Q as MOCK_LENSES,
   _e as MOCK_PAGES,
   J as MOCK_TILES_BY_LENS,
-  Ye as PANEL_IDS,
+  Ke as PANEL_IDS,
   Pe as PageMgmtFooter,
-  Ue as PageMgmtShell,
+  Ye as PageMgmtShell,
   Z as PageMgmtStateContext,
   A as PanelChrome,
-  Je as PanelHost,
-  Ke as PanelHostShell,
+  Ze as PanelHost,
+  We as PanelHostShell,
   E as PanelMount,
-  Ze as PanelProvider,
-  We as PanelSlot,
-  Be as SettingsShell,
+  et as PanelProvider,
+  je as PanelSlot,
+  He as SettingsShell,
   F as assertCcOnly,
-  D as assertPanelDomShape,
+  $ as assertPanelDomShape,
   Me as assertPanelTruths,
-  et as deriveSurfaceState,
+  tt as deriveSurfaceState,
   Re as disablePanelAsserter,
   $e as enablePanelAsserter,
   ke as getCcRowById,
-  tt as initialState,
+  nt as initialState,
   B as positionKey,
-  nt as reducer,
-  Oe as transitionToPanel,
+  st as reducer,
+  Le as transitionToPanel,
   ve as useCatalogState,
+  Be as useEditingCardId,
   Ce as usePageMgmtState,
   oe as usePanelContext,
-  $ as usePanelContextOptional,
-  st as usePanelCoordinator,
+  I as usePanelContextOptional,
+  ot as usePanelCoordinator,
   q as useReducedMotionPanel,
-  je as useTransitionToPanel
+  Ge as useTransitionToPanel
 };

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

@@ -0,0 +1,16 @@
+/**
+ * useEditingCardId — derives the currently-editing card ID from coordinator state.
+ *
+ * Returns the cardId when activePanelId === 'settings' AND the trigger is a card-overflow.
+ * Returns null otherwise.
+ *
+ * Phase 16 D-05: pure derivation — zero new state slice. Supersedes PHASE-C editingCardId slice proposal.
+ *
+ * Consumers (Phase 16):
+ *   - reptime MetricCardSlot — useSortable({ disabled: ... || !!editingCardId })
+ *   - reptime MetricCardSlot — useDraggable({ disabled: ... || !!editingCardId })
+ *   - reptime useEdgeHoverResize — enabled: !editingCardId
+ *   - reptime EmptyCellPackAffordance.onClick — early-return + dispatch SET_LOCK_HINT
+ *   - reptime toolbar `+` button — disabled attribute
+ */
+export declare function useEditingCardId(): string | null;

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

@@ -8,6 +8,7 @@
  * `composites-panels.js` matching existing `internals` + `catalog` pattern.
  */
 export { PanelProvider, usePanelContext, usePanelContextOptional } from './PanelProvider';
+export { useEditingCardId } from './hooks/useEditingCardId';
 export { SettingsShell } from './shells/SettingsShell';
 export { CatalogAddShell } from './shells/CatalogAddShell';
 export type { CatalogAddShellProps } from './shells/CatalogAddShell';

package/package.json

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