@mt-gloss/ui 0.1.85 → 0.1.86

package/catalog.js

@@ -1,5 +1,5 @@
-import { A as I, Q as N, E as B, J as x, L as D, D as F, F as A, H as M, K as v, T as R, U as W, V as H, b1 as _, W as k, b2 as L, b3 as z, b4 as E, X as G, Y as $, Z as O } from "./Expandable-D00kXkfM.js";
-import { a5 as Ne, b8 as Be, aB as xe, aj as De, $ as Fe, ap as Ae, bV as Me, N as ve, aa as Re, bo as We, P as He, B as _e, bj as ke, C as Le, by as ze, b as Ee, c as Ge, O as $e, q as Oe, af as Ve, aP as we, aE as Xe, as as je, m as Ue, o as Ze, aH as qe, ad as Je, ba as Ke, ab as Qe, bp as Ye, _ as ea, ar as aa, aS as sa, bc as ta, p as ra, ao as oa, a2 as ia, at as na, a4 as la, ac as da, bK as ca, aV as ga, t as ma, I as pa, i as ua, ay as ba, M as fa, y as ha, au as ya, bi as Ta, bQ as Sa, aq as Pa, w as Ca, bq as Ia, aU as Na, b5 as Ba, al as xa, aM as Da, ai as Fa, an as Aa, aw as Ma, bX as va, aT as Ra, bW as Wa, ae as Ha, e as _a, R as ka, l as La, r as za, aJ as Ea, ak as Ga, ag as $a, j as Oa, z as Va, b9 as wa, ah as Xa, be as ja, bh as Ua, bf as Za, bg as qa, k as Ja, bb as Ka, bn as Qa, S as Ya, bl as es, ax as as, bd as ss, bR as ts, am as rs, bU as os, v as is, bL as ns, n as ls, h as ds, s as cs, a0 as gs, a9 as ms, bk as ps, bx as us, bE as bs, aD as fs, a8 as hs, aR as ys, aG as Ts, aA as Ss, aO as Ps, aL as Cs, a3 as Is } from "./Expandable-D00kXkfM.js";
+import { A as I, Q as N, E as B, J as x, L as D, D as F, F as A, H as M, K as v, T as R, U as W, V as H, b1 as _, W as k, b2 as L, b3 as z, b4 as E, X as G, Y as $, Z as O } from "./Expandable-C5vX1uaQ.js";
+import { a5 as Ne, b8 as Be, aB as xe, aj as De, $ as Fe, ap as Ae, bV as Me, N as ve, aa as Re, bo as We, P as He, B as _e, bj as ke, C as Le, by as ze, b as Ee, c as Ge, O as $e, q as Oe, af as Ve, aP as we, aE as Xe, as as je, m as Ue, o as Ze, aH as qe, ad as Je, ba as Ke, ab as Qe, bp as Ye, _ as ea, ar as aa, aS as sa, bc as ta, p as ra, ao as oa, a2 as ia, at as na, a4 as la, ac as da, bK as ca, aV as ga, t as ma, I as pa, i as ua, ay as ba, M as fa, y as ha, au as ya, bi as Ta, bQ as Sa, aq as Pa, w as Ca, bq as Ia, aU as Na, b5 as Ba, al as xa, aM as Da, ai as Fa, an as Aa, aw as Ma, bX as va, aT as Ra, bW as Wa, ae as Ha, e as _a, R as ka, l as La, r as za, aJ as Ea, ak as Ga, ag as $a, j as Oa, z as Va, b9 as wa, ah as Xa, be as ja, bh as Ua, bf as Za, bg as qa, k as Ja, bb as Ka, bn as Qa, S as Ya, bl as es, ax as as, bd as ss, bR as ts, am as rs, bU as os, v as is, bL as ns, n as ls, h as ds, s as cs, a0 as gs, a9 as ms, bk as ps, bx as us, bE as bs, aD as fs, a8 as hs, aR as ys, aG as Ts, aA as Ss, aO as Ps, aL as Cs, a3 as Is } from "./Expandable-C5vX1uaQ.js";
 import { jsx as c, jsxs as S } from "react/jsx-runtime";
 import { C as e, T as a, ae as V, S as s, E as u, R as m, f as w, Z as X } from "./UIContext-DP6JGCto.js";
 import { B as j, a as U, e as Z, c as q, d as J, b as K } from "./BaseAsyncButton-Cq_l7clO.js";

package/composites-panels.js

@@ -1,30 +1,37 @@
-import { u as c, a as u, c as d } from "./COMMITS-BUj_vdP8.js";
-import { C as L, b as O, P as _, e as k, i as N, r as w, d as g } from "./COMMITS-BUj_vdP8.js";
-import { jsx as r } from "react/jsx-runtime";
-import { useEffect as l, useRef as p, useLayoutEffect as f, useCallback as P } from "react";
+import { a as i, u, c as p } from "./COMMITS-6U31xb_s.js";
+import { C as I, b as N, P as k, e as O, i as w, r as A, d as H } from "./COMMITS-6U31xb_s.js";
+import { jsxs as c, jsx as r, Fragment as f } from "react/jsx-runtime";
+import { useEffect as l, useRef as m, useLayoutEffect as g, useCallback as P } from "react";
+function S({ isOpen: n }) {
+  const t = i()?.state.activeTrigger, o = t?.kind === "card-overflow" ? t.cardId : null;
+  return n ? /* @__PURE__ */ c("div", { "data-shell": "settings", children: [
+    /* @__PURE__ */ r("p", { style: { margin: 0, fontSize: 14, color: "#495057" }, children: o ? `Settings for card: ${o}` : "Settings" }),
+    /* @__PURE__ */ r("p", { style: { margin: "8px 0 0", fontSize: 12, color: "#adb5bd" }, children: "Configuration options coming soon." })
+  ] }) : null;
+}
 const v = {
   position: "fixed",
   inset: 0,
   pointerEvents: "none",
   zIndex: 55
-}, E = {
+}, y = {
   position: "absolute",
   inset: 0,
   zIndex: 1,
   pointerEvents: "auto",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function S() {
-  const { state: n, dispatch: e, getCloseLog: t } = c();
+function _() {
+  const { state: n, dispatch: e, getCloseLog: t } = u();
   l(() => {
     if (n.activePanelId == null) return;
-    function s(i) {
-      i.key === "Escape" && e({ type: "CLOSE_PANEL", reason: "escape-key" });
+    function s(d) {
+      d.key === "Escape" && e({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
     return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
   }, [n.activePanelId, e]);
-  const o = p(n);
-  f(() => {
+  const o = m(n);
+  g(() => {
     o.current = n;
   }), l(() => {
     if (process.env.NODE_ENV !== "production")
@@ -43,40 +50,66 @@ function S() {
     "div",
     {
       "data-panel-scrim": "true",
-      style: E,
+      style: y,
       onClick: a
     }
   ) });
 }
-function h({ panelComponents: n }) {
-  const e = u();
+function b({ panelComponents: n }) {
+  const e = i();
   if (e == null) return null;
   const { state: t, dispatch: o } = e;
   if (t.activePanelId == null) return null;
   const a = n[t.activePanelId];
-  return a == null ? (process.env.NODE_ENV !== "production" && console.error(
-    "[panels] No panel component registered for activePanelId:",
-    t.activePanelId
-  ), null) : /* @__PURE__ */ r(
-    d,
+  if (a == null)
+    return process.env.NODE_ENV !== "production" && console.error(
+      "[panels] No panel component registered for activePanelId:",
+      t.activePanelId
+    ), null;
+  const s = t.activePanelId === "settings" ? /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ r(
+      "button",
+      {
+        id: "settings-cancel",
+        type: "button",
+        className: "gloss-panel-chrome__footer-btn",
+        onClick: () => o({ type: "CLOSE_PANEL", reason: "cancel-button" }),
+        children: "Cancel"
+      }
+    ),
+    /* @__PURE__ */ r(
+      "button",
+      {
+        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" }),
+        children: "Apply"
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ r(
+    p,
     {
       isOpen: !0,
       onClose: () => o({ type: "CLOSE_PANEL", reason: "header-x" }),
+      footer: s,
       children: /* @__PURE__ */ r(a, { isOpen: !0 })
     }
   );
 }
 export {
-  L as COMMITS,
-  d as PanelChrome,
-  O as PanelHost,
-  S as PanelHostShell,
-  _ as PanelProvider,
-  h as PanelSlot,
-  k as deriveSurfaceState,
-  N as initialState,
-  w as reducer,
-  c as usePanelContext,
-  u as usePanelContextOptional,
-  g as usePanelCoordinator
+  I as COMMITS,
+  p as PanelChrome,
+  N as PanelHost,
+  _ as PanelHostShell,
+  k as PanelProvider,
+  b as PanelSlot,
+  S as SettingsShell,
+  O as deriveSurfaceState,
+  w as initialState,
+  A as reducer,
+  u as usePanelContext,
+  i as usePanelContextOptional,
+  H as usePanelCoordinator
 };