@mt-gloss/ui 0.1.98 → 0.1.100

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

@@ -1,27 +1,28 @@
-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);
+import { jsx as a, jsxs as E } from "react/jsx-runtime";
+import { createContext as S, useContext as g, useReducer as m, useRef as d, useEffect as u, useMemo as C, useCallback as v, useSyncExternalStore as _, useLayoutEffect as I, useState as P } from "react";
+const f = S(null);
+function O() {
+  const e = g(f);
   if (!e)
     throw new Error(
       "[panels] usePanelContext must be used inside <PanelProvider>. See @mt-gloss/ui/composites/panels."
     );
   return e;
 }
-function j() {
-  return E(f);
+function q() {
+  return g(f);
 }
-const O = {
+const L = {
   activePanelId: null,
   activeTrigger: null,
   bellCutoutOpen: !1,
   isDirty: !1,
   lockHint: null,
+  bufferByCard: {},
   lastClose: null,
   pendingSideEffects: []
-}, w = /* @__PURE__ */ new Set(["settings"]);
-function L(e, n) {
+}, p = /* @__PURE__ */ new Set(["settings"]);
+function b(e, n) {
   if (e == null || e.kind !== n.kind) return !1;
   switch (e.kind) {
     case "bell":
@@ -34,7 +35,7 @@ function L(e, n) {
       return e.global === n.global && e.align === n.align;
   }
 }
-function N(e, n) {
+function T(e, n) {
   switch (n.type) {
     case "OPEN_PANEL": {
       if (e.activePanelId && e.isDirty)
@@ -52,7 +53,7 @@ function N(e, n) {
             }
           ]
         };
-      if (e.activePanelId === n.panelId && L(e.activeTrigger, n.trigger))
+      if (e.activePanelId === n.panelId && b(e.activeTrigger, n.trigger))
         return e;
       const t = e.activePanelId != null ? [
         {
@@ -75,7 +76,15 @@ function N(e, n) {
     case "CLOSE_PANEL": {
       if (e.activePanelId == null)
         return e;
-      const t = e.activePanelId, r = e.isDirty ? n.reason === "apply-button" ? [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [];
+      const t = e.activePanelId, r = e.activeTrigger?.cardId ?? null, i = r != null ? e.bufferByCard[r] : void 0, o = e.isDirty ? n.reason === "apply-button" ? r != null && i != null ? [
+        {
+          type: "COMMIT_BUFFER",
+          payload: { cardId: r, delta: i }
+        }
+      ] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null && i != null ? (() => {
+        const l = { ...e.bufferByCard };
+        return delete l[r], l;
+      })() : e.bufferByCard;
       return {
         ...e,
         activePanelId: null,
@@ -83,8 +92,9 @@ function N(e, n) {
         isDirty: !1,
         lockHint: null,
         // closing clears any active lockHint (dirty-buffer condition gone)
+        bufferByCard: c,
         lastClose: { panelId: t, reason: n.reason },
-        pendingSideEffects: [...e.pendingSideEffects, ...r]
+        pendingSideEffects: [...e.pendingSideEffects, ...o]
       };
     }
     case "OPEN_BELL_CUTOUT":
@@ -100,8 +110,54 @@ function N(e, n) {
       } : { ...e, bellCutoutOpen: !0 };
     case "CLOSE_BELL_CUTOUT":
       return e.bellCutoutOpen ? { ...e, bellCutoutOpen: !1 } : e;
+    case "SET_BUFFER_VALUE": {
+      if (e.activePanelId == null || !p.has(e.activePanelId))
+        return {
+          ...e,
+          pendingSideEffects: [
+            ...e.pendingSideEffects,
+            { type: "INVALID_DISPATCH", reason: "no-buffer-panel" }
+          ]
+        };
+      const t = e.bufferByCard[n.cardId], r = t == null;
+      if (!r && t.changes[n.key] === n.value)
+        return e;
+      const o = { kind: "settings", changes: {
+        ...t?.kind === "settings" ? t.changes : {},
+        [n.key]: n.value
+      } }, c = { ...e.bufferByCard, [n.cardId]: o }, l = r ? [
+        {
+          type: "SCHEDULE_TIMER",
+          ms: 0,
+          action: { type: "BUFFER_BECOMES_DIRTY" }
+        }
+      ] : [];
+      return {
+        ...e,
+        bufferByCard: c,
+        pendingSideEffects: [...e.pendingSideEffects, ...l]
+      };
+    }
+    case "CLEAR_BUFFER": {
+      if (e.bufferByCard[n.cardId] == null)
+        return e;
+      const r = Object.keys(e.bufferByCard).length === 1, i = { ...e.bufferByCard };
+      delete i[n.cardId];
+      const o = r && e.isDirty ? [
+        {
+          type: "SCHEDULE_TIMER",
+          ms: 0,
+          action: { type: "BUFFER_BECOMES_CLEAN" }
+        }
+      ] : [];
+      return {
+        ...e,
+        bufferByCard: i,
+        pendingSideEffects: [...e.pendingSideEffects, ...o]
+      };
+    }
     case "BUFFER_BECOMES_DIRTY":
-      return e.activePanelId == null || !w.has(e.activePanelId) ? {
+      return e.activePanelId == null || !p.has(e.activePanelId) ? {
         ...e,
         pendingSideEffects: [
           ...e.pendingSideEffects,
@@ -126,7 +182,10 @@ function N(e, n) {
     case "CLEAR_LOCK_HINT":
       return e.lockHint == null ? e : { ...e, lockHint: null };
     case "DRAIN_SIDE_EFFECTS":
-      return e.pendingSideEffects.length === 0 ? e : {
+      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: []
       };
@@ -134,15 +193,16 @@ function N(e, n) {
       return e;
   }
 }
-function T(e) {
+function D(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 D() {
-  const [e, n] = P(N, O), t = d([]), r = d(null);
-  s(() => () => {
+function w() {
+  const [e, n] = m(T, L), t = d([]), r = d(null);
+  u(() => () => {
     r.current != null && (window.clearTimeout(r.current), r.current = null);
-  }, []), s(() => {
-    if (e.pendingSideEffects.length !== 0) {
+  }, []), u(() => {
+    const c = e.pendingSideEffects.length;
+    if (c !== 0) {
       for (const l of e.pendingSideEffects)
         l.type === "SCHEDULE_TIMER" ? (r.current != null && window.clearTimeout(r.current), r.current = window.setTimeout(() => {
           r.current = null, n(l.action);
@@ -155,11 +215,11 @@ function D() {
             note: "F22: mutex-handoff synthetic close-log entry"
           }
         ] : l.type === "INVALID_DISPATCH" && process.env.NODE_ENV !== "production" && console.warn("[panels] INVALID_DISPATCH:", l.reason);
-      n({ type: "DRAIN_SIDE_EFFECTS" });
+      n({ type: "DRAIN_SIDE_EFFECTS", count: c });
     }
-  }, [e.pendingSideEffects, n]), s(() => {
+  }, [e.pendingSideEffects, n]), u(() => {
     if (!e.lastClose) return;
-    const l = {
+    const c = {
       panelId: e.lastClose.panelId,
       reason: e.lastClose.reason,
       at: Date.now(),
@@ -167,60 +227,60 @@ function D() {
     };
     t.current = [
       ...t.current.slice(-99),
-      l
+      c
     ];
   }, [e.lastClose]);
-  const i = v(
-    () => T(e),
+  const i = C(
+    () => D(e),
     [e.activePanelId, e.bellCutoutOpen, e.isDirty]
-  ), a = g(() => t.current.slice(), []);
-  return { state: e, surfaceState: i, dispatch: n, getCloseLog: a };
+  ), o = v(() => t.current.slice(), []);
+  return { state: e, surfaceState: i, dispatch: n, getCloseLog: o };
 }
 function Y({ children: e }) {
-  const n = D(), t = v(
+  const n = w(), t = C(
     () => 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__ */ o(f.Provider, { value: t, children: e });
+  return /* @__PURE__ */ a(f.Provider, { value: t, children: e });
 }
-const x = "(prefers-reduced-motion: reduce)";
-function h() {
-  return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(x);
+const N = "(prefers-reduced-motion: reduce)";
+function y() {
+  return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(N);
 }
-function H(e) {
-  const n = h();
+function x(e) {
+  const n = y();
   return n ? (n.addEventListener("change", e), () => {
     n.removeEventListener("change", e);
   }) : () => {
   };
 }
-function b() {
-  const e = h();
+function H() {
+  const e = y();
   return e ? e.matches : !1;
 }
-function A() {
+function F() {
   return !1;
 }
 function R() {
-  return S(H, b, A);
+  return _(x, H, F);
 }
-const F = {
+const B = {
   position: "relative",
   pointerEvents: "auto"
 };
-function k({ children: e, onClose: n, footer: t }) {
-  return /* @__PURE__ */ p(
+function A({ children: e, onClose: n, footer: t }) {
+  return /* @__PURE__ */ E(
     "div",
     {
       "data-chrome": "panel",
       role: "dialog",
       "aria-modal": "true",
       className: "gloss-panel-chrome",
-      style: F,
+      style: B,
       children: [
-        /* @__PURE__ */ o("div", { className: "gloss-panel-chrome__header", children: /* @__PURE__ */ o(
+        /* @__PURE__ */ a("div", { className: "gloss-panel-chrome__header", children: /* @__PURE__ */ a(
           "button",
           {
             id: "panel-close",
@@ -231,13 +291,13 @@ function k({ children: e, onClose: n, footer: t }) {
             children: "×"
           }
         ) }),
-        /* @__PURE__ */ o("div", { className: "gloss-panel-chrome__body", children: e }),
-        t != null && /* @__PURE__ */ o("div", { className: "gloss-panel-chrome__footer", children: t })
+        /* @__PURE__ */ a("div", { className: "gloss-panel-chrome__body", children: e }),
+        t != null && /* @__PURE__ */ a("div", { className: "gloss-panel-chrome__footer", children: t })
       ]
     }
   );
 }
-function M(e) {
+function k(e) {
   if (process.env.NODE_ENV === "production" || !e || !e.parentElement) return;
   const n = e.parentElement, t = window.getComputedStyle(n);
   t.perspective === "none" && console.warn(
@@ -248,37 +308,37 @@ function M(e) {
     n
   );
 }
-function U({ isOpen: e, children: n }) {
+function M({ isOpen: e, children: n }) {
   const t = R(), r = d(null);
-  C(() => {
-    M(r.current);
+  I(() => {
+    k(r.current);
   }, []);
-  const [i, a] = _(!1);
-  s(() => {
+  const [i, o] = P(!1);
+  u(() => {
     if (!e) {
-      a(!1);
+      o(!1);
       return;
     }
-    const u = requestAnimationFrame(() => a(!0));
-    return () => cancelAnimationFrame(u);
+    const l = requestAnimationFrame(() => o(!0));
+    return () => cancelAnimationFrame(l);
   }, [e]);
-  const l = [
+  const c = [
     "gloss-panel-mount",
     i ? "has-panel" : "",
     t ? "reduced-motion" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: r,
-      className: l,
+      className: c,
       "data-mount": "panel",
       "data-open": e ? "true" : "false",
       children: n
     }
   );
 }
-const B = {
+const U = {
   position: "fixed",
   top: 0,
   left: 0,
@@ -289,7 +349,7 @@ const B = {
   overflow: "visible",
   pointerEvents: "none",
   zIndex: 55
-}, K = {
+}, V = {
   position: "fixed",
   top: "var(--tb-h, 60px)",
   left: 0,
@@ -306,51 +366,51 @@ const B = {
   background: "rgba(0, 0, 0, 0.04)"
 };
 function z({ panelComponents: e }) {
-  const { state: n, dispatch: t, getCloseLog: r } = y(), i = n.activePanelId ? e[n.activePanelId] : null;
+  const { state: n, dispatch: t, getCloseLog: r } = O(), 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(() => {
+  ), u(() => {
     if (n.activePanelId == null) return;
-    function c(m) {
-      m.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
+    function s(h) {
+      h.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
-    return document.addEventListener("keydown", c), () => {
-      document.removeEventListener("keydown", c);
+    return document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s);
     };
   }, [n.activePanelId, t]);
-  const a = d(n);
-  C(() => {
-    a.current = n;
-  }), s(() => {
+  const o = d(n);
+  I(() => {
+    o.current = n;
+  }), u(() => {
     if (process.env.NODE_ENV === "production") return;
-    const c = window;
-    return c.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), c.__panelsHostHandle = {
+    const s = window;
+    return s.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), s.__panelsHostHandle = {
       dispatch: t,
-      getState: () => a.current,
+      getState: () => o.current,
       getCloseLog: r
     }, () => {
-      c.__panelsHostHandle?.dispatch === t && delete c.__panelsHostHandle;
+      s.__panelsHostHandle?.dispatch === t && delete s.__panelsHostHandle;
     };
   }, [t, r]);
-  const l = g(() => {
+  const c = v(() => {
     t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
-  }, [t]), u = n.activePanelId != null && i != null;
-  return /* @__PURE__ */ p("div", { "data-panel-host": "true", style: B, children: [
-    u && /* @__PURE__ */ o(
+  }, [t]), l = n.activePanelId != null && i != null;
+  return /* @__PURE__ */ E("div", { "data-panel-host": "true", style: U, children: [
+    l && /* @__PURE__ */ a(
       "div",
       {
         "data-panel-scrim": "true",
-        style: K,
-        onClick: l
+        style: V,
+        onClick: c
       }
     ),
-    /* @__PURE__ */ o(U, { isOpen: u, children: u && /* @__PURE__ */ o(
-      k,
+    /* @__PURE__ */ a(M, { isOpen: l, children: l && /* @__PURE__ */ a(
+      A,
       {
         isOpen: !0,
         onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
-        children: /* @__PURE__ */ o(i, { isOpen: !0 })
+        children: /* @__PURE__ */ a(i, { isOpen: !0 })
       }
     ) })
   ] });
@@ -371,14 +431,14 @@ const Q = {
 export {
   Q as C,
   Y as P,
-  j as a,
+  O as a,
   z as b,
-  k as c,
-  D as d,
-  T as e,
+  A as c,
+  w as d,
+  D as e,
   R as f,
-  U as g,
-  O as i,
-  N as r,
-  y as u
+  M as g,
+  L as i,
+  T as r,
+  q as u
 };