@mt-gloss/ui 0.1.127 → 0.1.128

package/{COMMITS-DlJB1KcF.js → COMMITS-WBmqrmdI.js}

@@ -889,8 +889,10 @@ const tn = {
   "viewport-collapse": !1,
   unmount: !1,
   "nav-escape-hatch": !1,
-  "drag-start": !1
+  "drag-start": !1,
   // Phase 11.6 D-19 — R9 drag-start auto-close discards buffer
+  "section-hidden": !1
+  // 260524 panel-x-axis-transitions — viewport shrank past targetSection
 };
 export {
   tn as C,

package/composites-panels.js

@@ -1,5 +1,5 @@
-import { u as M, g as he, h as Y, f as we, S as Te, b as Pe, j as Ae } from "./COMMITS-DlJB1KcF.js";
-import { C as zt, N as Ht, n as Ut, o as Bt, k as Yt, c as Vt, m as Kt, P as qt, l as Qt, e as Wt, i as Gt, r as jt, d as Zt } from "./COMMITS-DlJB1KcF.js";
+import { u as M, g as he, h as Y, f as we, S as Te, b as Pe, j as Ae } from "./COMMITS-WBmqrmdI.js";
+import { C as zt, N as Ht, n as Ut, o as Bt, k as Yt, c as Vt, m as Kt, P as qt, l as Qt, e as Wt, i as Gt, r as jt, d as Zt } from "./COMMITS-WBmqrmdI.js";
 import { jsx as a, jsxs as f, Fragment as V } from "react/jsx-runtime";
 import H, { useState as A, useRef as K, createContext as fe, useContext as ge, useMemo as le, useEffect as F, useCallback as L, useLayoutEffect as xe } from "react";
 import { useSensors as ke, useSensor as ie, PointerSensor as De, KeyboardSensor as Le, DndContext as Me, closestCenter as Oe } from "@dnd-kit/core";
@@ -1295,30 +1295,34 @@ function Mt() {
   ) });
 }
 const at = 700;
-function st(e) {
-  const [t, r] = A(null), l = K(null);
+function st(e, t) {
+  const [r, l] = A(null), n = K(null);
   return F(() => {
     if (e != null) {
-      l.current != null && (clearTimeout(l.current), l.current = null), r(null);
+      n.current != null && (clearTimeout(n.current), n.current = null), l(null);
       return;
     }
-    return l.current = setTimeout(() => {
-      r(null), l.current = null;
+    if (t) {
+      n.current != null && (clearTimeout(n.current), n.current = null), l(null);
+      return;
+    }
+    return n.current = setTimeout(() => {
+      l(null), n.current = null;
     }, at), () => {
-      l.current != null && (clearTimeout(l.current), l.current = null);
+      n.current != null && (clearTimeout(n.current), n.current = null);
     };
-  }, [e]), F(() => {
-    e != null && r(e);
-  }, [e]), e != null ? { panelId: e, isOpen: !0 } : t != null ? { panelId: t, isOpen: !1 } : { panelId: null, isOpen: !1 };
+  }, [e, t]), F(() => {
+    e != null && l(e);
+  }, [e]), e != null ? { panelId: e, isOpen: !0 } : r != null ? { panelId: r, isOpen: !1 } : { panelId: null, isOpen: !1 };
 }
 function Ot({ panelComponents: e, children: t }) {
-  const r = M(), l = st(r?.state.activePanelId ?? null);
-  if (r == null || l.panelId == null) return null;
-  const n = l.panelId, i = l.isOpen, u = e?.[n];
-  return u == null && t == null ? (process.env.NODE_ENV !== "production" && console.error(
+  const r = M(), l = r?.state.lastClose?.reason === "section-hidden", n = st(r?.state.activePanelId ?? null, l);
+  if (r == null || n.panelId == null) return null;
+  const i = n.panelId, u = n.isOpen, o = e?.[i];
+  return o == null && t == null ? (process.env.NODE_ENV !== "production" && console.error(
     "[panels] No panel component registered for activePanelId:",
-    n
-  ), null) : /* @__PURE__ */ a(Ae, { isOpen: i, children: u != null ? /* @__PURE__ */ a(u, { isOpen: i }) : t });
+    i
+  ), null) : /* @__PURE__ */ a(Ae, { isOpen: u, children: o != null ? /* @__PURE__ */ a(o, { isOpen: u }) : t });
 }
 function pe(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;

package/index.js

@@ -4,8 +4,8 @@ import { jsxs as f, jsx as r, Fragment as L } from "react/jsx-runtime";
 import * as $ from "react";
 import I, { useRef as M, useEffect as E, useState as A, useCallback as C, useId as Ne, forwardRef as Ge, useMemo as ce, useLayoutEffect as ke, createContext as He, useContext as We } from "react";
 import { motion as B, useMotionValue as Ve, AnimatePresence as je, useDragControls as Ke } from "framer-motion";
-import { u as Ue } from "./COMMITS-DlJB1KcF.js";
-import { N as Nl, C as kl, c as Sl, P as Dl, f as xl, S as Tl, e as Rl, i as Ml, r as Pl, b as Al, d as El, a as Fl } from "./COMMITS-DlJB1KcF.js";
+import { u as Ue } from "./COMMITS-WBmqrmdI.js";
+import { N as Nl, C as kl, c as Sl, P as Dl, f as xl, S as Tl, e as Rl, i as Ml, r as Pl, b as Al, d as El, a as Fl } from "./COMMITS-WBmqrmdI.js";
 import { createPortal as Se } from "react-dom";
 import { B as Ye, U as de } from "./UIContext-Dm0GYHFT.js";
 import { a as Ll, u as Ol } from "./UIContext-Dm0GYHFT.js";

package/lib/composites/panels/coordinator/types.d.ts

@@ -23,7 +23,7 @@
  *              page-nav escape; spike enum has no `BACKDROP_CLICK` literal.
  */
 export type PanelId = 'settings' | 'catalog-add' | 'catalog-replace' | 'page-management' | 'notification-center';
-export type CloseReason = 'cancel-button' | 'apply-button' | 'header-x' | 'escape-key' | 'page-nav' | 'mutex-handoff' | 'ghost-anchor' | 'viewport-collapse' | 'unmount' | 'nav-escape-hatch' | 'drag-start';
+export type CloseReason = 'cancel-button' | 'apply-button' | 'header-x' | 'escape-key' | 'page-nav' | 'mutex-handoff' | 'ghost-anchor' | 'viewport-collapse' | 'unmount' | 'nav-escape-hatch' | 'drag-start' | 'section-hidden';
 export type SurfaceState = 'idle' | 'bell-cutout-only' | 'panel-clean' | 'panel-dirty' | 'panel-clean+cutout' | 'panel-dirty+cutout' | 'notif-center';
 export type TriggerContext = {
     kind: 'bell';

package/package.json

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