@mt-gloss/ui 0.1.113 → 0.1.115

package/COMMITS-DG0Q_9DU.js

@@ -1,538 +0,0 @@
-import { jsx as c, jsxs as E } from "react/jsx-runtime";
-import { motion as L } from "framer-motion";
-import { useSyncExternalStore as O, createContext as T, useContext as y, useReducer as N, useRef as C, useEffect as d, useMemo as S, useCallback as I, useLayoutEffect as _, useState as w } from "react";
-import { z as f } from "zod";
-const x = "(prefers-reduced-motion: reduce)";
-function b() {
-  return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(x);
-}
-function H(e) {
-  const n = b();
-  return n ? (n.addEventListener("change", e), () => {
-    n.removeEventListener("change", e);
-  }) : () => {
-  };
-}
-function A() {
-  const e = b();
-  return e ? e.matches : !1;
-}
-function F() {
-  return !1;
-}
-function P() {
-  return O(H, A, F);
-}
-const R = {
-  threshold: "Threshold",
-  timeframe: "Timeframe",
-  slots: "Slots",
-  color: "Color"
-};
-function B({
-  dimensions: e,
-  activeTab: n,
-  onSelect: t,
-  reduced: r,
-  labels: l,
-  ariaLabel: a = "Settings dimensions"
-}) {
-  const s = P(), i = r ?? s;
-  if (e.length < 2) return null;
-  const u = (o) => l?.[o] ?? R[o], h = (o, p) => {
-    o.key === "ArrowRight" ? (o.preventDefault(), t(e[(p + 1) % e.length])) : o.key === "ArrowLeft" ? (o.preventDefault(), t(e[(p - 1 + e.length) % e.length])) : o.key === "Home" ? (o.preventDefault(), t(e[0])) : o.key === "End" && (o.preventDefault(), t(e[e.length - 1]));
-  };
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      role: "tablist",
-      "aria-label": a,
-      className: "settings-tab-strip",
-      children: e.map((o, p) => {
-        const g = n === o;
-        return /* @__PURE__ */ E(
-          "button",
-          {
-            role: "tab",
-            type: "button",
-            id: `settings-tab-${o}`,
-            "aria-selected": g,
-            "aria-controls": `settings-tabpanel-${o}`,
-            tabIndex: g ? 0 : -1,
-            className: `settings-tab-strip__tab${g ? " settings-tab-strip__tab--active" : ""}`,
-            onClick: () => t(o),
-            onKeyDown: (D) => h(D, p),
-            children: [
-              /* @__PURE__ */ c("span", { className: "settings-tab-strip__label", children: u(o) }),
-              g && !i && /* @__PURE__ */ c(
-                L.span,
-                {
-                  layoutId: "settings-active-tab-indicator",
-                  "data-layout-id": "settings-active-tab-indicator",
-                  className: "settings-tab-strip__indicator",
-                  "aria-hidden": "true",
-                  transition: { type: "spring", stiffness: 380, damping: 30 }
-                }
-              )
-            ]
-          },
-          o
-        );
-      })
-    }
-  );
-}
-B.displayName = "SettingsTabStrip";
-const v = T(null);
-function k() {
-  const e = y(v);
-  if (!e)
-    throw new Error(
-      "[panels] usePanelContext must be used inside <PanelProvider>. See @mt-gloss/ui/composites/panels."
-    );
-  return e;
-}
-function ie() {
-  return y(v);
-}
-const M = f.number().min(0).max(100), U = f.number().min(7).max(90), V = f.enum(["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"]), K = f.array(f.string().min(1)).max(3);
-function j(e, n) {
-  if (e === "threshold") {
-    const t = M.safeParse(n);
-    return t.success ? t.data : 80;
-  }
-  if (e === "timeframe") {
-    const t = U.safeParse(n);
-    return t.success ? t.data : 30;
-  }
-  if (e === "accent") {
-    const t = V.safeParse(n);
-    return t.success ? t.data : null;
-  }
-  if (e === "slots") {
-    const t = K.safeParse(n);
-    return t.success ? t.data : [];
-  }
-  return n;
-}
-const q = {
-  activePanelId: null,
-  activeTrigger: null,
-  bellCutoutOpen: !1,
-  isDirty: !1,
-  dirtySessionCount: 0,
-  lockHint: null,
-  bufferByCard: {},
-  lastClose: null,
-  pendingSideEffects: []
-}, m = /* @__PURE__ */ new Set(["settings"]);
-function z(e, n) {
-  if (e == null || e.kind !== n.kind) return !1;
-  switch (e.kind) {
-    case "bell":
-      return !0;
-    case "card-overflow":
-      return e.cardId === n.cardId && e.sectionIndex === n.sectionIndex && e.action === n.action;
-    case "empty-cell":
-      return e.sectionIndex === n.sectionIndex && e.cellPosition.row === n.cellPosition.row && e.cellPosition.col === n.cellPosition.col;
-    case "manage-pages-action":
-      return e.global === n.global && e.align === n.align;
-    case "layout-action-blocked":
-      return e.action === n.action && e.blockedCardId === n.blockedCardId && e.activeCardId === n.activeCardId;
-  }
-}
-function Y(e, n) {
-  switch (n.type) {
-    case "OPEN_PANEL": {
-      if (e.activePanelId && e.isDirty)
-        return {
-          ...e,
-          pendingSideEffects: [
-            ...e.pendingSideEffects,
-            {
-              type: "SET_LOCK_HINT",
-              hint: {
-                blockedTrigger: n.trigger,
-                activeCardId: e.activeTrigger?.cardId ?? null,
-                expiresAt: Date.now() + 4e3
-              }
-            }
-          ]
-        };
-      if (e.activePanelId === n.panelId && z(e.activeTrigger, n.trigger))
-        return e;
-      const t = e.activePanelId != null ? [
-        {
-          type: "HANDOFF_CLOSE",
-          reason: "mutex-handoff",
-          previousPanelId: e.activePanelId
-        }
-      ] : [], r = n.panelId === "notification-center" && e.bellCutoutOpen;
-      return {
-        ...e,
-        activePanelId: n.panelId,
-        activeTrigger: n.trigger,
-        isDirty: !1,
-        dirtySessionCount: 0,
-        // Phase 16 P2 CC-17 — fresh open starts a clean session
-        bellCutoutOpen: r ? !1 : e.bellCutoutOpen,
-        lastClose: null,
-        // reset on fresh open
-        pendingSideEffects: [...e.pendingSideEffects, ...t]
-      };
-    }
-    case "CLOSE_PANEL": {
-      if (e.activePanelId == null)
-        return e;
-      const t = e.activePanelId, r = e.activeTrigger?.cardId ?? null, l = r != null ? e.bufferByCard[r] : void 0, a = e.isDirty ? n.reason === "apply-button" ? r != null && l != null ? [
-        {
-          type: "COMMIT_BUFFER",
-          payload: { cardId: r, delta: l }
-        }
-      ] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], s = r != null && l != null ? (() => {
-        const i = { ...e.bufferByCard };
-        return delete i[r], i;
-      })() : e.bufferByCard;
-      return {
-        ...e,
-        activePanelId: null,
-        activeTrigger: null,
-        isDirty: !1,
-        dirtySessionCount: 0,
-        // Phase 16 P2 CC-17 — session ends on panel close (apply or discard)
-        lockHint: null,
-        // closing clears any active lockHint (dirty-buffer condition gone)
-        bufferByCard: s,
-        lastClose: { panelId: t, reason: n.reason },
-        pendingSideEffects: [...e.pendingSideEffects, ...a]
-      };
-    }
-    case "OPEN_BELL_CUTOUT":
-      return e.bellCutoutOpen ? e : e.activePanelId === "notification-center" ? {
-        ...e,
-        activePanelId: null,
-        activeTrigger: null,
-        bellCutoutOpen: !0,
-        pendingSideEffects: [
-          ...e.pendingSideEffects,
-          { type: "AUTO_CLOSE_NOTIF_CENTER" }
-        ]
-      } : { ...e, bellCutoutOpen: !0 };
-    case "CLOSE_BELL_CUTOUT":
-      return e.bellCutoutOpen ? { ...e, bellCutoutOpen: !1 } : e;
-    case "SET_BUFFER_VALUE": {
-      if (e.activePanelId == null || !m.has(e.activePanelId))
-        return {
-          ...e,
-          pendingSideEffects: [
-            ...e.pendingSideEffects,
-            { type: "INVALID_DISPATCH", reason: "no-buffer-panel" }
-          ]
-        };
-      const t = e.bufferByCard[n.cardId], r = t == null, l = j(n.key, n.value);
-      if (!r && t.changes[n.key] === l)
-        return e;
-      const s = { kind: "settings", changes: {
-        ...t?.kind === "settings" ? t.changes : {},
-        [n.key]: l
-      } }, i = { ...e.bufferByCard, [n.cardId]: s }, u = r ? [
-        {
-          type: "SCHEDULE_TIMER",
-          ms: 0,
-          action: { type: "BUFFER_BECOMES_DIRTY" }
-        }
-      ] : [];
-      return {
-        ...e,
-        bufferByCard: i,
-        pendingSideEffects: [...e.pendingSideEffects, ...u]
-      };
-    }
-    case "CLEAR_BUFFER": {
-      if (e.bufferByCard[n.cardId] == null)
-        return e;
-      const r = Object.keys(e.bufferByCard).length === 1, l = { ...e.bufferByCard };
-      delete l[n.cardId];
-      const a = r && e.isDirty ? [
-        {
-          type: "SCHEDULE_TIMER",
-          ms: 0,
-          action: { type: "BUFFER_BECOMES_CLEAN" }
-        }
-      ] : [];
-      return {
-        ...e,
-        bufferByCard: l,
-        pendingSideEffects: [...e.pendingSideEffects, ...a]
-      };
-    }
-    case "BUFFER_BECOMES_DIRTY":
-      return e.activePanelId == null || !m.has(e.activePanelId) ? {
-        ...e,
-        pendingSideEffects: [
-          ...e.pendingSideEffects,
-          { type: "INVALID_DISPATCH", reason: "no-buffer-panel" }
-        ]
-      } : e.isDirty ? e : { ...e, isDirty: !0, dirtySessionCount: e.dirtySessionCount + 1 };
-    case "BUFFER_BECOMES_CLEAN":
-      return e.isDirty ? { ...e, isDirty: !1, dirtySessionCount: 0 } : e;
-    case "SET_LOCK_HINT":
-      return {
-        ...e,
-        lockHint: n.hint,
-        pendingSideEffects: [
-          ...e.pendingSideEffects,
-          {
-            type: "SCHEDULE_TIMER",
-            ms: Math.max(0, n.hint.expiresAt - Date.now()),
-            action: { type: "CLEAR_LOCK_HINT" }
-          }
-        ]
-      };
-    case "CLEAR_LOCK_HINT":
-      return e.lockHint == null ? e : { ...e, lockHint: null };
-    case "DRAIN_SIDE_EFFECTS":
-      return e.pendingSideEffects.length === 0 ? e : typeof n.count == "number" && n.count > 0 ? n.count >= e.pendingSideEffects.length ? { ...e, pendingSideEffects: [] } : {
-        ...e,
-        pendingSideEffects: e.pendingSideEffects.slice(n.count)
-      } : {
-        ...e,
-        pendingSideEffects: []
-      };
-    default:
-      return e;
-  }
-}
-function $(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 Q() {
-  const [e, n] = N(Y, q), t = C([]), r = C(null);
-  d(() => () => {
-    r.current != null && (window.clearTimeout(r.current), r.current = null);
-  }, []), d(() => {
-    const s = e.pendingSideEffects.length;
-    if (s !== 0) {
-      for (const i of e.pendingSideEffects)
-        i.type === "SCHEDULE_TIMER" ? (r.current != null && window.clearTimeout(r.current), r.current = window.setTimeout(() => {
-          r.current = null, n(i.action);
-        }, Math.max(0, i.ms))) : i.type === "SET_LOCK_HINT" ? n({ type: "SET_LOCK_HINT", hint: i.hint }) : i.type === "HANDOFF_CLOSE" ? t.current = [
-          ...t.current.slice(-99),
-          {
-            panelId: i.previousPanelId,
-            reason: "mutex-handoff",
-            at: Date.now(),
-            note: "F22: mutex-handoff synthetic close-log entry"
-          }
-        ] : i.type === "INVALID_DISPATCH" && process.env.NODE_ENV !== "production" && console.warn("[panels] INVALID_DISPATCH:", i.reason);
-      n({ type: "DRAIN_SIDE_EFFECTS", count: s });
-    }
-  }, [e.pendingSideEffects, n]), d(() => {
-    if (!e.lastClose) return;
-    const s = {
-      panelId: e.lastClose.panelId,
-      reason: e.lastClose.reason,
-      at: Date.now(),
-      note: e.lastClose.reason === "nav-escape-hatch" ? "F21: backdrop-click OR page-nav escape" : void 0
-    };
-    t.current = [
-      ...t.current.slice(-99),
-      s
-    ];
-  }, [e.lastClose]);
-  const l = S(
-    () => $(e),
-    [e.activePanelId, e.bellCutoutOpen, e.isDirty]
-  ), a = I(() => t.current.slice(), []);
-  return { state: e, surfaceState: l, dispatch: n, getCloseLog: a };
-}
-function oe({ children: e }) {
-  const n = Q(), t = S(
-    () => 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__ */ c(v.Provider, { value: t, children: e });
-}
-const W = {
-  position: "relative",
-  pointerEvents: "auto"
-};
-function G({ children: e, onClose: n, footer: t, title: r, variant: l = "default" }) {
-  return /* @__PURE__ */ E(
-    "div",
-    {
-      "data-chrome": "panel",
-      "data-chrome-variant": l,
-      role: "dialog",
-      "aria-modal": "true",
-      className: l === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
-      style: W,
-      children: [
-        /* @__PURE__ */ E("div", { className: "gloss-panel-chrome__header", children: [
-          r != null && /* @__PURE__ */ c("span", { className: "gloss-panel-chrome__title", children: r }),
-          /* @__PURE__ */ c(
-            "button",
-            {
-              id: "panel-close",
-              type: "button",
-              "aria-label": "Close panel",
-              className: "gloss-panel-chrome__close",
-              onClick: n,
-              children: "×"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c("div", { className: "gloss-panel-chrome__body", children: e }),
-        t != null && /* @__PURE__ */ c("div", { className: "gloss-panel-chrome__footer", children: t })
-      ]
-    }
-  );
-}
-function J(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 X({ isOpen: e, children: n }) {
-  const t = P(), r = C(null);
-  _(() => {
-    J(r.current);
-  }, []);
-  const [l, a] = w(!1);
-  d(() => {
-    if (!e) {
-      a(!1);
-      return;
-    }
-    const i = requestAnimationFrame(() => a(!0));
-    return () => cancelAnimationFrame(i);
-  }, [e]);
-  const s = [
-    "gloss-panel-mount",
-    l ? "has-panel" : "",
-    t ? "reduced-motion" : ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      ref: r,
-      className: s,
-      "data-mount": "panel",
-      "data-open": e ? "true" : "false",
-      children: n
-    }
-  );
-}
-const Z = {
-  position: "fixed",
-  top: 0,
-  left: 0,
-  right: 0,
-  height: "var(--tb-h, 60px)",
-  perspective: "var(--panel-perspective, 1500px)",
-  perspectiveOrigin: "center bottom",
-  overflow: "visible",
-  pointerEvents: "none",
-  zIndex: 55
-}, ee = {
-  position: "fixed",
-  top: "var(--tb-h, 60px)",
-  left: 0,
-  right: 0,
-  bottom: 0,
-  zIndex: 1,
-  // CR-03 fix: pass-through tint — scrim is visual-only and must not intercept
-  // grid card clicks. Click-outside / scrim-dismiss is handled via the onClick
-  // on the div below, which still fires because pointer events on the element
-  // itself are honoured when explicitly set; using 'none' prevents the invisible
-  // overlay from swallowing clicks on underlying controls (same class as the
-  // panel-wrapper-covers-grid-cards bug fixed at V2FeedbackSurface).
-  pointerEvents: "none",
-  background: "rgba(0, 0, 0, 0.04)"
-};
-function ae({ panelComponents: e }) {
-  const { state: n, dispatch: t, getCloseLog: r } = k(), l = n.activePanelId ? e[n.activePanelId] : null;
-  n.activePanelId && !l && process.env.NODE_ENV !== "production" && console.error(
-    "[panels] No panel component registered for activePanelId:",
-    n.activePanelId
-  ), d(() => {
-    if (n.activePanelId == null) return;
-    function u(h) {
-      h.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
-    }
-    return document.addEventListener("keydown", u), () => {
-      document.removeEventListener("keydown", u);
-    };
-  }, [n.activePanelId, t]);
-  const a = C(n);
-  _(() => {
-    a.current = n;
-  }), d(() => {
-    if (process.env.NODE_ENV === "production") return;
-    const u = window;
-    return u.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), u.__panelsHostHandle = {
-      dispatch: t,
-      getState: () => a.current,
-      getCloseLog: r
-    }, () => {
-      u.__panelsHostHandle?.dispatch === t && delete u.__panelsHostHandle;
-    };
-  }, [t, r]);
-  const s = I(() => {
-    t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
-  }, [t]), i = n.activePanelId != null && l != null;
-  return /* @__PURE__ */ E("div", { "data-panel-host": "true", style: Z, children: [
-    i && /* @__PURE__ */ c(
-      "div",
-      {
-        "data-panel-scrim": "true",
-        style: ee,
-        onClick: s
-      }
-    ),
-    /* @__PURE__ */ c(X, { isOpen: i, children: i && /* @__PURE__ */ c(
-      G,
-      {
-        isOpen: !0,
-        onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
-        children: /* @__PURE__ */ c(l, { isOpen: !0 })
-      }
-    ) })
-  ] });
-}
-const se = {
-  "apply-button": !0,
-  // the ONLY commit reason
-  "cancel-button": !1,
-  "header-x": !1,
-  "escape-key": !1,
-  "page-nav": !1,
-  "mutex-handoff": !1,
-  "ghost-anchor": !1,
-  "viewport-collapse": !1,
-  unmount: !1,
-  "nav-escape-hatch": !1
-};
-export {
-  se as C,
-  oe as P,
-  B as S,
-  k as a,
-  ae as b,
-  G as c,
-  Q as d,
-  $ as e,
-  P as f,
-  X as g,
-  q as i,
-  Y as r,
-  ie as u
-};