@mt-gloss/ui 0.1.93 → 0.1.95

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

@@ -1,6 +1,6 @@
-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);
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { createContext as I, useContext as E, useReducer as P, useRef as d, useEffect as s, useMemo as v, useCallback as g, useSyncExternalStore as S, useLayoutEffect as C, useState as _ } from "react";
+const f = I(null);
 function y() {
   const e = E(f);
   if (!e)
@@ -9,7 +9,7 @@ function y() {
     );
   return e;
 }
-function q() {
+function j() {
   return E(f);
 }
 const O = {
@@ -20,8 +20,8 @@ const O = {
   lockHint: null,
   lastClose: null,
   pendingSideEffects: []
-}, L = /* @__PURE__ */ new Set(["settings"]);
-function T(e, n) {
+}, w = /* @__PURE__ */ new Set(["settings"]);
+function L(e, n) {
   if (e == null || e.kind !== n.kind) return !1;
   switch (e.kind) {
     case "bell":
@@ -34,7 +34,7 @@ function T(e, n) {
       return e.global === n.global && e.align === n.align;
   }
 }
-function D(e, n) {
+function N(e, n) {
   switch (n.type) {
     case "OPEN_PANEL": {
       if (e.activePanelId && e.isDirty)
@@ -52,7 +52,7 @@ function D(e, n) {
             }
           ]
         };
-      if (e.activePanelId === n.panelId && T(e.activeTrigger, n.trigger))
+      if (e.activePanelId === n.panelId && L(e.activeTrigger, n.trigger))
         return e;
       const t = e.activePanelId != null ? [
         {
@@ -101,7 +101,7 @@ function D(e, n) {
     case "CLOSE_BELL_CUTOUT":
       return e.bellCutoutOpen ? { ...e, bellCutoutOpen: !1 } : e;
     case "BUFFER_BECOMES_DIRTY":
-      return e.activePanelId == null || !L.has(e.activePanelId) ? {
+      return e.activePanelId == null || !w.has(e.activePanelId) ? {
         ...e,
         pendingSideEffects: [
           ...e.pendingSideEffects,
@@ -134,11 +134,11 @@ function D(e, n) {
       return e;
   }
 }
-function N(e) {
+function T(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 w() {
-  const [e, n] = m(D, O), t = d([]), r = d(null);
+function D() {
+  const [e, n] = P(N, O), t = d([]), r = d(null);
   s(() => () => {
     r.current != null && (window.clearTimeout(r.current), r.current = null);
   }, []), s(() => {
@@ -170,26 +170,47 @@ function w() {
       l
     ];
   }, [e.lastClose]);
-  const o = g(
-    () => N(e),
+  const i = v(
+    () => T(e),
     [e.activePanelId, e.bellCutoutOpen, e.isDirty]
-  ), a = v(() => t.current.slice(), []);
-  return { state: e, surfaceState: o, dispatch: n, getCloseLog: a };
+  ), a = g(() => t.current.slice(), []);
+  return { state: e, surfaceState: i, dispatch: n, getCloseLog: a };
 }
-function j({ children: e }) {
-  const n = w(), t = g(
+function Y({ children: e }) {
+  const n = D(), t = v(
     () => 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(f.Provider, { value: t, children: e });
+  return /* @__PURE__ */ o(f.Provider, { value: t, children: e });
 }
-const x = {
+const x = "(prefers-reduced-motion: reduce)";
+function h() {
+  return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(x);
+}
+function H(e) {
+  const n = h();
+  return n ? (n.addEventListener("change", e), () => {
+    n.removeEventListener("change", e);
+  }) : () => {
+  };
+}
+function b() {
+  const e = h();
+  return e ? e.matches : !1;
+}
+function A() {
+  return !1;
+}
+function R() {
+  return S(H, b, A);
+}
+const F = {
   position: "relative",
   pointerEvents: "auto"
 };
-function H({ children: e, onClose: n, footer: t }) {
+function k({ children: e, onClose: n, footer: t }) {
   return /* @__PURE__ */ p(
     "div",
     {
@@ -197,9 +218,9 @@ function H({ children: e, onClose: n, footer: t }) {
       role: "dialog",
       "aria-modal": "true",
       className: "gloss-panel-chrome",
-      style: x,
+      style: F,
       children: [
-        /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__header", children: /* @__PURE__ */ i(
+        /* @__PURE__ */ o("div", { className: "gloss-panel-chrome__header", children: /* @__PURE__ */ o(
           "button",
           {
             id: "panel-close",
@@ -210,59 +231,54 @@ function H({ children: e, onClose: n, footer: t }) {
             children: "×"
           }
         ) }),
-        /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__body", children: e }),
-        t != null && /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__footer", children: t })
+        /* @__PURE__ */ o("div", { className: "gloss-panel-chrome__body", children: e }),
+        t != null && /* @__PURE__ */ o("div", { className: "gloss-panel-chrome__footer", children: t })
       ]
     }
   );
 }
-const b = "(prefers-reduced-motion: reduce)";
-function C() {
-  return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(b);
-}
-function A(e) {
-  const n = C();
-  return n ? (n.addEventListener("change", e), () => {
-    n.removeEventListener("change", e);
-  }) : () => {
-  };
-}
-function F() {
-  const e = C();
-  return e ? e.matches : !1;
-}
-function R() {
-  return !1;
-}
-function k() {
-  return S(A, F, R);
+function M(e) {
+  if (process.env.NODE_ENV === "production" || !e || !e.parentElement) return;
+  const n = e.parentElement, t = window.getComputedStyle(n);
+  t.perspective === "none" && console.warn(
+    "[PanelMount] §2.7 violation: parent of .gloss-panel-mount has perspective:none. Rotated mount will render flat. Parent:",
+    n
+  ), (t.overflow === "hidden" || t.overflowY === "hidden") && console.warn(
+    "[PanelMount] §2.9 violation: parent of .gloss-panel-mount has overflow:hidden. Rising panel will be clipped. Parent:",
+    n
+  );
 }
-function M({ isOpen: e, children: n }) {
-  const t = k(), [r, o] = _(!1);
+function U({ isOpen: e, children: n }) {
+  const t = R(), r = d(null);
+  C(() => {
+    M(r.current);
+  }, []);
+  const [i, a] = _(!1);
   s(() => {
     if (!e) {
-      o(!1);
+      a(!1);
       return;
     }
-    const l = requestAnimationFrame(() => o(!0));
-    return () => cancelAnimationFrame(l);
+    const u = requestAnimationFrame(() => a(!0));
+    return () => cancelAnimationFrame(u);
   }, [e]);
-  const a = [
+  const l = [
     "gloss-panel-mount",
-    r ? "has-panel" : "",
+    i ? "has-panel" : "",
     t ? "reduced-motion" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: a,
+      ref: r,
+      className: l,
       "data-mount": "panel",
       "data-open": e ? "true" : "false",
       children: n
     }
   );
 }
-const U = {
+const B = {
   position: "fixed",
   top: 0,
   left: 0,
@@ -273,7 +289,7 @@ const U = {
   overflow: "visible",
   pointerEvents: "none",
   zIndex: 55
-}, B = {
+}, K = {
   position: "fixed",
   top: "var(--tb-h, 60px)",
   left: 0,
@@ -290,21 +306,21 @@ const U = {
   background: "rgba(0, 0, 0, 0.04)"
 };
 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(
+  const { state: n, dispatch: t, getCloseLog: r } = y(), i = n.activePanelId ? e[n.activePanelId] : null;
+  n.activePanelId && !i && process.env.NODE_ENV !== "production" && console.error(
     "[panels] No panel component registered for activePanelId:",
     n.activePanelId
   ), s(() => {
     if (n.activePanelId == null) return;
-    function c(I) {
-      I.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
+    function c(m) {
+      m.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
     return document.addEventListener("keydown", c), () => {
       document.removeEventListener("keydown", c);
     };
   }, [n.activePanelId, t]);
   const a = d(n);
-  P(() => {
+  C(() => {
     a.current = n;
   }), s(() => {
     if (process.env.NODE_ENV === "production") return;
@@ -317,24 +333,24 @@ function z({ panelComponents: e }) {
       c.__panelsHostHandle?.dispatch === t && delete c.__panelsHostHandle;
     };
   }, [t, r]);
-  const l = v(() => {
+  const l = g(() => {
     t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
-  }, [t]), u = n.activePanelId != null && o != null;
-  return /* @__PURE__ */ p("div", { "data-panel-host": "true", style: U, children: [
-    u && /* @__PURE__ */ i(
+  }, [t]), u = n.activePanelId != null && i != null;
+  return /* @__PURE__ */ p("div", { "data-panel-host": "true", style: B, children: [
+    u && /* @__PURE__ */ o(
       "div",
       {
         "data-panel-scrim": "true",
-        style: B,
+        style: K,
         onClick: l
       }
     ),
-    /* @__PURE__ */ i(M, { isOpen: u, children: u && /* @__PURE__ */ i(
-      H,
+    /* @__PURE__ */ o(U, { isOpen: u, children: u && /* @__PURE__ */ o(
+      k,
       {
         isOpen: !0,
         onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
-        children: /* @__PURE__ */ i(o, { isOpen: !0 })
+        children: /* @__PURE__ */ o(i, { isOpen: !0 })
       }
     ) })
   ] });
@@ -354,15 +370,15 @@ const Q = {
 };
 export {
   Q as C,
-  j as P,
-  q as a,
+  Y as P,
+  j as a,
   z as b,
-  H as c,
-  w as d,
-  N as e,
-  M as f,
-  k as g,
+  k as c,
+  D as d,
+  T as e,
+  R as f,
+  U as g,
   O as i,
-  D as r,
+  N as r,
   y as u
 };

package/composites-panels.js

@@ -1,20 +1,36 @@
-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 }) {
-  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" }),
+import { a as h, f as S, u as b, g as N, c as A } from "./COMMITS-By42AA8m.js";
+import { C as ee, b as ne, P as te, e as oe, i as re, r as se, d as ie } from "./COMMITS-By42AA8m.js";
+import { jsx as a, jsxs as m, Fragment as I } from "react/jsx-runtime";
+import { useEffect as y, useRef as L, useLayoutEffect as C, useCallback as v } from "react";
+function x({ children: e }) {
+  return /* @__PURE__ */ a("div", { className: "clone-stage", children: e });
+}
+function O({ span: e, rotating: n = !0, children: t }) {
+  const r = ["clone-card", `span-${e}`, n ? "rotating" : ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: r, children: t });
+}
+function K({
+  isOpen: e,
+  cardSpan: n,
+  cardLabel: t = "Metric",
+  cardValue: r = "—"
+}) {
+  const o = h()?.state.activeTrigger, i = o?.kind === "card-overflow" ? o.cardId : null, l = S(), c = o?.span;
+  return /* @__PURE__ */ m("div", { "data-shell": "settings", "aria-hidden": !e, children: [
+    /* @__PURE__ */ a(x, { children: /* @__PURE__ */ m(O, { span: n ?? c ?? 1, rotating: !l, children: [
+      /* @__PURE__ */ a("div", { style: { fontSize: 9, textTransform: "uppercase", letterSpacing: "0.06em", color: "#9ca3af", marginBottom: 6 }, children: t }),
+      /* @__PURE__ */ a("div", { style: { fontSize: 22, fontWeight: 700, color: "#111827", lineHeight: 1 }, children: r })
+    ] }) }),
+    /* @__PURE__ */ a("p", { style: { margin: "12px 0 0", fontSize: 14, color: "#495057" }, children: i ? `Settings for card: ${i}` : "Settings" }),
     /* @__PURE__ */ a("p", { style: { margin: "8px 0 0", fontSize: 12, color: "#adb5bd" }, children: "Configuration options coming soon." })
   ] });
 }
-const y = {
+const z = {
   position: "fixed",
   inset: 0,
   pointerEvents: "none",
   zIndex: 55
-}, g = {
+}, D = {
   position: "absolute",
   inset: 0,
   zIndex: 1,
@@ -23,45 +39,45 @@ const y = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function b() {
-  const { state: e, dispatch: n, getCloseLog: t } = u();
-  i(() => {
+function G() {
+  const { state: e, dispatch: n, getCloseLog: t } = b();
+  y(() => {
     if (e.activePanelId == null) return;
-    function l(d) {
-      d.key === "Escape" && n({ type: "CLOSE_PANEL", reason: "escape-key" });
+    function o(i) {
+      i.key === "Escape" && n({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
-    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
   }, [e.activePanelId, n]);
-  const o = P(e);
-  h(() => {
-    o.current = e;
-  }), i(() => {
+  const r = L(e);
+  C(() => {
+    r.current = e;
+  }), y(() => {
     if (process.env.NODE_ENV === "production") return;
-    const l = window;
-    return l.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), l.__panelsHostHandle = {
+    const o = window;
+    return o.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), o.__panelsHostHandle = {
       dispatch: n,
-      getState: () => o.current,
+      getState: () => r.current,
       getCloseLog: t
     }, () => {
-      l.__panelsHostHandle?.dispatch === n && delete window.__panelsHostHandle;
+      o.__panelsHostHandle?.dispatch === n && delete window.__panelsHostHandle;
     };
   }, [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(
+  return /* @__PURE__ */ a("div", { "data-panel-host": "true", style: z, children: e.activePanelId != null && /* @__PURE__ */ a(
     "div",
     {
       "data-panel-scrim": "true",
-      style: g,
+      style: D,
       onClick: s
     }
   ) });
 }
-function x({ panelComponents: e }) {
-  const n = r();
+function Q({ panelComponents: e }) {
+  const n = h();
   if (n == null) return null;
-  const { state: t, dispatch: o } = n;
+  const { state: t, dispatch: r } = n;
   if (t.activePanelId == null) return null;
   const s = e[t.activePanelId];
   if (s == null)
@@ -69,14 +85,14 @@ function x({ panelComponents: e }) {
       "[panels] No panel component registered for activePanelId:",
       t.activePanelId
     ), null;
-  const l = t.activePanelId === "settings" ? /* @__PURE__ */ c(m, { children: [
+  const o = t.activePanelId === "settings" ? /* @__PURE__ */ m(I, { children: [
     /* @__PURE__ */ a(
       "button",
       {
         id: "settings-cancel",
         type: "button",
         className: "gloss-panel-chrome__footer-btn",
-        onClick: () => o({ type: "CLOSE_PANEL", reason: "cancel-button" }),
+        onClick: () => r({ type: "CLOSE_PANEL", reason: "cancel-button" }),
         children: "Cancel"
       }
     ),
@@ -86,39 +102,196 @@ function x({ panelComponents: e }) {
         id: "settings-apply",
         type: "button",
         className: "gloss-panel-chrome__footer-btn gloss-panel-chrome__footer-btn--primary",
-        onClick: () => o({ type: "CLOSE_PANEL", reason: "apply-button" }),
+        onClick: () => r({ type: "CLOSE_PANEL", reason: "apply-button" }),
         children: "Apply"
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ a(p, { isOpen: !0, children: /* @__PURE__ */ a(
-    f,
+  return /* @__PURE__ */ a(N, { isOpen: !0, children: /* @__PURE__ */ a(
+    A,
     {
       isOpen: !0,
-      onClose: () => o({ type: "CLOSE_PANEL", reason: "header-x" }),
-      footer: l,
+      onClose: () => r({ type: "CLOSE_PANEL", reason: "header-x" }),
+      footer: o,
       children: /* @__PURE__ */ a(s, { isOpen: !0 })
     }
   ) });
 }
-function k(e) {
+function P(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;
 }
+const T = 685, g = 627, k = "cubic-bezier(0.22, 1, 0.36, 1)", H = 200;
+function w(e, n) {
+  if (typeof window > "u") return n;
+  const t = window.getComputedStyle(document.documentElement).getPropertyValue(e).trim();
+  if (!t) return n;
+  const r = parseFloat(t);
+  return Number.isNaN(r) ? n : t.endsWith("s") && !t.endsWith("ms") ? r * 1e3 : r;
+}
+function M(e, n) {
+  return typeof window > "u" ? n : window.getComputedStyle(document.documentElement).getPropertyValue(e).trim() || n;
+}
+function d(e) {
+  e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
+}
+function R(e) {
+  const { mountEl: n, chromeEl: t, reducedMotion: r, onAssert: s } = e;
+  if (n == null || t == null) {
+    d(e), s?.({ branch: "slide-fallback-no-dom", timestamp: Date.now() });
+    return;
+  }
+  if (r) {
+    e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), s?.({ branch: "slide-reduced-motion", timestamp: Date.now() });
+    return;
+  }
+  if (typeof t.animate != "function") {
+    d(e), s?.({ branch: "slide-no-waapi", timestamp: Date.now() });
+    return;
+  }
+  const o = t.cloneNode(!0);
+  o.id = "panel-chrome-frozen", o.style.cssText = "position:absolute;left:8px;right:8px;top:8px;z-index:1;pointer-events:none;", n.appendChild(o), t.style.zIndex = "2", e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger });
+  const i = w("--panel-open-dur", T), l = M("--panel-easing", k), c = t.animate(
+    [{ transform: "translateY(100%)" }, { transform: "translateY(0)" }],
+    { duration: i, easing: l, fill: "forwards" }
+  );
+  c.addEventListener(
+    "finish",
+    () => {
+      o.remove(), t.style.zIndex = "", c.cancel(), s?.({ branch: "slide-complete", frozen: "cleaned", timestamp: Date.now() });
+    },
+    { once: !0 }
+  );
+}
+function F(e) {
+  const { mountEl: n, onAssert: t } = e;
+  if (n == null) {
+    e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), setTimeout(() => d(e), g), t?.({ branch: "handoff-fallback-no-mount", timestamp: Date.now() });
+    return;
+  }
+  const r = w("--panel-close-dur", g);
+  let s = !1, o = null;
+  const i = (c) => {
+    c.target !== n || c.propertyName !== "max-height" || s || (s = !0, o != null && clearTimeout(o), n.removeEventListener("transitionend", i), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), t?.({ branch: "handoff-complete", timestamp: Date.now() }));
+  }, l = () => {
+    s || (s = !0, n.removeEventListener("transitionend", i), e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), t?.({ branch: "handoff-forced", timestamp: Date.now() }));
+  };
+  n.addEventListener("transitionend", i), e.dispatch({ type: "CLOSE_PANEL", reason: "mutex-handoff" }), o = setTimeout(l, r + H);
+}
+function $(e) {
+  const { state: n, onAssert: t } = e;
+  if (n.activePanelId && n.isDirty) {
+    e.dispatch({ type: "OPEN_PANEL", panelId: e.panelId, trigger: e.trigger }), t?.({ branch: "blocked-dirty", timestamp: Date.now() });
+    return;
+  }
+  const r = P(n.activeTrigger), s = P(e.trigger);
+  if (!!n.activePanelId && r != null && r === s) {
+    R(e);
+    return;
+  }
+  if (n.activePanelId) {
+    F(e);
+    return;
+  }
+  d(e), t?.({ branch: "fresh-open", timestamp: Date.now() });
+}
+function q() {
+  if (!(typeof window > "u"))
+    return window.__panelsAsserter;
+}
+function J() {
+  const e = h(), n = S();
+  return v(
+    (t, r) => {
+      if (!e)
+        return;
+      const s = typeof document < "u" ? document.querySelector('[data-mount="panel"]') : null, o = typeof document < "u" ? document.querySelector('[data-chrome="panel"]') : null, i = {
+        panelId: t,
+        trigger: r,
+        state: e.state,
+        dispatch: e.dispatch,
+        mountEl: s,
+        chromeEl: o,
+        reducedMotion: n,
+        onAssert: (l) => {
+          q()?.recordTransition?.(l);
+        }
+      };
+      $(i);
+    },
+    [e, n]
+  );
+}
+let u = !1, f = null;
+function E() {
+  const e = [];
+  let n = "cleaned";
+  document.querySelectorAll("#panel-chrome-frozen").length > 0 && (e.push("#panel-chrome-frozen"), n = "lingering");
+  const r = document.querySelectorAll(".gloss-panel-mount");
+  r.length > 1 && e.push(`mount-count=${r.length}`);
+  const s = r[0] ?? null, o = s ? s.querySelectorAll(".gloss-panel-chrome") : [];
+  o.length > 1 && e.push(`chrome-count=${o.length}`);
+  const i = o[0] ?? null;
+  if (i) {
+    const p = i.style.zIndex;
+    p !== "" && p !== "2" && e.push(`chrome-zindex=${p}`);
+  }
+  const l = s ? "present" : "absent", c = i ? "present" : "absent";
+  return {
+    valid: e.length === 0,
+    mount: l,
+    chrome: c,
+    frozen: n,
+    orphans: e,
+    timestamp: Date.now()
+  };
+}
+function U() {
+  return {
+    enable: V,
+    disable: j,
+    isEnabled: () => u,
+    getLastReport: () => f,
+    recordTransition: (e) => {
+      u && (f = { ...e, ...E() });
+    },
+    assertOnce: () => {
+      const e = E();
+      return f = e, e;
+    }
+  };
+}
+function V() {
+  if (u = !0, typeof window > "u") return;
+  const e = window;
+  e.__panelsAsserter || (e.__panelsAsserter = U(), console.info(
+    "[panels] Q12-12 asserter enabled. Inspect via window.__panelsAsserter.getLastReport()."
+  ));
+}
+function j() {
+  u = !1;
+}
 export {
-  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,
-  r as usePanelContextOptional,
-  M as usePanelCoordinator,
-  D as useReducedMotionPanel
+  ee as COMMITS,
+  O as CloneCard,
+  x as CloneStage,
+  A as PanelChrome,
+  ne as PanelHost,
+  G as PanelHostShell,
+  N as PanelMount,
+  te as PanelProvider,
+  Q as PanelSlot,
+  K as SettingsShell,
+  E as assertPanelDomShape,
+  oe as deriveSurfaceState,
+  j as disablePanelAsserter,
+  V as enablePanelAsserter,
+  re as initialState,
+  P as positionKey,
+  se as reducer,
+  $ as transitionToPanel,
+  b as usePanelContext,
+  h as usePanelContextOptional,
+  ie as usePanelCoordinator,
+  S as useReducedMotionPanel,
+  J as useTransitionToPanel
 };

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-DAem0P4s.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-By42AA8m.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";