@mt-gloss/ui 0.1.94 → 0.1.96

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
 };