@mt-gloss/ui 0.1.146 → 0.1.148

package/{COMMITS-PC2MRjv_.js → COMMITS-eopq0SRK.js}

@@ -1,5 +1,5 @@
-import { jsx as i, jsxs as N } from "react/jsx-runtime";
-import { motion as ie } from "framer-motion";
+import { jsx as s, jsxs as N } from "react/jsx-runtime";
+import { motion as se } from "framer-motion";
 import B, { useSyncExternalStore as le, useState as F, useRef as O, useMemo as z, useEffect as w, useCallback as T, createContext as ae, useContext as W, useReducer as ce, useId as X, useLayoutEffect as G } from "react";
 import { z as K } from "zod";
 const Xe = {
@@ -75,22 +75,23 @@ const me = {
   threshold: "Threshold",
   timeframe: "Timeframe",
   slots: "Slots",
-  color: "Color"
+  color: "Color",
+  info: "Info"
 };
 function ge({
   dimensions: e,
   activeTab: n,
   onSelect: t,
   reduced: r,
-  labels: s,
+  labels: i,
   ariaLabel: a = "Settings dimensions"
 }) {
   const c = ee(), o = r ?? c;
   if (e.length < 2) return null;
-  const p = (d) => s?.[d] ?? me[d], u = (d, m) => {
+  const p = (d) => i?.[d] ?? me[d], u = (d, m) => {
     d.key === "ArrowRight" ? (d.preventDefault(), t(e[(m + 1) % e.length])) : d.key === "ArrowLeft" ? (d.preventDefault(), t(e[(m - 1 + e.length) % e.length])) : d.key === "Home" ? (d.preventDefault(), t(e[0])) : d.key === "End" && (d.preventDefault(), t(e[e.length - 1]));
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     "div",
     {
       role: "tablist",
@@ -111,9 +112,9 @@ function ge({
             onClick: () => t(d),
             onKeyDown: (k) => u(k, m),
             children: [
-              /* @__PURE__ */ i("span", { className: "settings-tab-strip__label", children: p(d) }),
-              _ && !o && /* @__PURE__ */ i(
-                ie.span,
+              /* @__PURE__ */ s("span", { className: "settings-tab-strip__label", children: p(d) }),
+              _ && !o && /* @__PURE__ */ s(
+                se.span,
                 {
                   layoutId: "settings-active-tab-indicator",
                   "data-layout-id": "settings-active-tab-indicator",
@@ -142,8 +143,8 @@ function Q(e, n) {
   return t ? t.zoneKey : U(e, n);
 }
 function ve(e, n, t) {
-  const r = [...e], [s] = r.splice(n, 1);
-  return r.splice(t, 0, s), r;
+  const r = [...e], [i] = r.splice(n, 1);
+  return r.splice(t, 0, i), r;
 }
 function he(e) {
   return e.map((n) => `${n.zoneKey}:${n.items.map((t) => t.id).join(",")}`).join("|");
@@ -153,7 +154,7 @@ function ye(e) {
     () => e.zones.map((l) => l.maxItems !== void 0 && l.items.length > l.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
       `useSortableZones: zone "${l.zoneKey}" exceeds maxItems (${l.items.length} > ${l.maxItems}); trimming to cap.`
     ), { ...l, items: l.items.slice(0, l.maxItems) }) : l)
-  ), [r, s] = F(null), [a, c] = F(null), o = O(null), p = O(e.onZoneChange);
+  ), [r, i] = F(null), [a, c] = F(null), o = O(null), p = O(e.onZoneChange);
   p.current = e.onZoneChange;
   const u = z(
     () => he(e.zones),
@@ -177,7 +178,7 @@ function ye(e) {
           break;
         }
       }
-      o.current = y, s(C), c(y);
+      o.current = y, i(C), c(y);
     },
     [n]
   ), _ = T(
@@ -193,7 +194,7 @@ function ye(e) {
   ), k = T(
     (l) => {
       const { active: g, over: C } = l, y = () => {
-        o.current = null, s(null), c(null);
+        o.current = null, i(null), c(null);
       };
       if (!C) {
         y();
@@ -223,12 +224,12 @@ function ye(e) {
           const h = x[x.length - 1];
           x = x.slice(0, S.maxItems - 1), j = [...D, h];
         }
-        const q = Math.min(oe, x.length), se = [
+        const q = Math.min(oe, x.length), ie = [
           ...x.slice(0, q),
           M,
           ...x.slice(q)
         ];
-        f[E] = { ...v, items: j }, f[I] = { ...S, items: se };
+        f[E] = { ...v, items: j }, f[I] = { ...S, items: ie };
       }
       t(f), p.current?.(f), y();
     },
@@ -280,9 +281,9 @@ function Se(e, n) {
   const t = [], r = e ?? {};
   for (const a of Ee)
     r[a] === void 0 && t.push(`@dnd-kit/core:${a}`);
-  const s = n ?? {};
+  const i = n ?? {};
   for (const a of Ie)
-    s[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
+    i[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
   return t.length === 0 ? { ok: !0 } : { ok: !1, missing: t };
 }
 function Ce() {
@@ -308,7 +309,7 @@ function Ce() {
   })(), R);
 }
 function be(e) {
-  const { zones: n, onZoneChange: t, renderZone: r, renderItem: s, renderDragOverlay: a } = e, c = ye({ zones: n, onZoneChange: t }), [o, p] = B.useState(L);
+  const { zones: n, onZoneChange: t, renderZone: r, renderItem: i, renderDragOverlay: a } = e, c = ye({ zones: n, onZoneChange: t }), [o, p] = B.useState(L);
   return B.useEffect(() => {
     if (o) return;
     let u = !0;
@@ -317,18 +318,18 @@ function be(e) {
     }), () => {
       u = !1;
     };
-  }, [o]), o ? /* @__PURE__ */ i(
+  }, [o]), o ? /* @__PURE__ */ s(
     ne,
     {
       state: c,
       modules: o,
       renderZone: r,
-      renderItem: s,
+      renderItem: i,
       renderDragOverlay: a
     }
-  ) : /* @__PURE__ */ i("div", { "data-sortable-zones-passive": "true", children: c.zones.map((u) => {
-    const d = u.items.map((m) => /* @__PURE__ */ i(B.Fragment, { children: s(m) }, m.id));
-    return /* @__PURE__ */ i("div", { ...c.getZoneProps(u.zoneKey), children: r(u.zoneKey, u.items, d) }, u.zoneKey);
+  ) : /* @__PURE__ */ s("div", { "data-sortable-zones-passive": "true", children: c.zones.map((u) => {
+    const d = u.items.map((m) => /* @__PURE__ */ s(B.Fragment, { children: i(m) }, m.id));
+    return /* @__PURE__ */ s("div", { ...c.getZoneProps(u.zoneKey), children: r(u.zoneKey, u.items, d) }, u.zoneKey);
   }) });
 }
 be.displayName = "SortableZones";
@@ -337,7 +338,7 @@ function ne({
   modules: n,
   renderZone: t,
   renderItem: r,
-  renderDragOverlay: s
+  renderDragOverlay: i
 }) {
   const { core: a, sortable: c, utilities: o } = n, { DndContext: p, DragOverlay: u, useSensors: d, useSensor: m, useDroppable: _, PointerSensor: k, KeyboardSensor: A, closestCenter: H } = a, { SortableContext: l, verticalListSortingStrategy: g } = c, C = d(
     m(k, { activationConstraint: { distance: 5 } }),
@@ -353,7 +354,7 @@ function ne({
       onDragEnd: e.handleDragEnd,
       children: [
         e.zones.map((f) => {
-          const E = f.items.map((v) => v.id), I = f.items.map((v) => /* @__PURE__ */ i(
+          const E = f.items.map((v) => v.id), I = f.items.map((v) => /* @__PURE__ */ s(
             te,
             {
               id: v.id,
@@ -363,30 +364,30 @@ function ne({
             },
             v.id
           ));
-          return /* @__PURE__ */ i(
+          return /* @__PURE__ */ s(
             re,
             {
               zoneKey: f.zoneKey,
               zoneProps: e.getZoneProps(f.zoneKey),
               useDroppable: _,
-              children: /* @__PURE__ */ i(P, { items: E, strategy: g, children: t(f.zoneKey, f.items, I) })
+              children: /* @__PURE__ */ s(P, { items: E, strategy: g, children: t(f.zoneKey, f.items, I) })
             },
             f.zoneKey
           );
         }),
-        /* @__PURE__ */ i(b, { children: e.activeItem ? s?.(e.activeItem) ?? r(e.activeItem) : null })
+        /* @__PURE__ */ s(b, { children: e.activeItem ? i?.(e.activeItem) ?? r(e.activeItem) : null })
       ]
     }
   );
 }
 ne.displayName = "SortableZonesInner";
 function te({ id: e, useSortable: n, cssHelper: t, children: r }) {
-  const { attributes: s, listeners: a, setNodeRef: c, transform: o, transition: p, isDragging: u } = n({ id: e }), d = {
+  const { attributes: i, listeners: a, setNodeRef: c, transform: o, transition: p, isDragging: u } = n({ id: e }), d = {
     transform: t?.Transform?.toString(o) ?? void 0,
     transition: p,
     opacity: u ? 0.5 : 1
   };
-  return /* @__PURE__ */ i("div", { ref: c, style: d, "data-sortable-item-id": e, ...s, ...a, children: r });
+  return /* @__PURE__ */ s("div", { ref: c, style: d, "data-sortable-item-id": e, ...i, ...a, children: r });
 }
 te.displayName = "SortableItem";
 function re({
@@ -395,8 +396,8 @@ function re({
   useDroppable: t,
   children: r
 }) {
-  const { setNodeRef: s, isOver: a } = t({ id: e });
-  return /* @__PURE__ */ i("div", { ref: s, "data-zone-is-over": a || void 0, ...n, children: r });
+  const { setNodeRef: i, isOver: a } = t({ id: e });
+  return /* @__PURE__ */ s("div", { ref: i, "data-zone-is-over": a || void 0, ...n, children: r });
 }
 re.displayName = "ZoneDroppable";
 const V = ae(null);
@@ -501,12 +502,12 @@ function ke(e, n) {
     case "CLOSE_PANEL": {
       if (e.activePanelId == null)
         return e;
-      const t = e.activePanelId, r = e.activeTrigger?.cardId ?? null, s = r != null ? e.bufferByCard[r] : void 0, a = e.isDirty ? n.reason === "apply-button" ? r != null && s != null ? [
+      const t = e.activePanelId, r = e.activeTrigger?.cardId ?? null, i = r != null ? e.bufferByCard[r] : void 0, a = e.isDirty ? n.reason === "apply-button" ? r != null && i != null ? [
         {
           type: "COMMIT_BUFFER",
-          payload: { cardId: r, delta: s }
+          payload: { cardId: r, delta: i }
         }
-      ] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null && s != null ? (() => {
+      ] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null && i != null ? (() => {
         const o = { ...e.bufferByCard };
         return delete o[r], o;
       })() : e.bufferByCard;
@@ -546,12 +547,12 @@ function ke(e, n) {
             { type: "INVALID_DISPATCH", reason: "no-buffer-panel" }
           ]
         };
-      const t = e.bufferByCard[n.cardId], r = t == null, s = Oe(n.key, n.value);
-      if (!r && t.changes[n.key] === s)
+      const t = e.bufferByCard[n.cardId], r = t == null, i = Oe(n.key, n.value);
+      if (!r && t.changes[n.key] === i)
         return e;
       const c = { kind: "settings", changes: {
         ...t?.kind === "settings" ? t.changes : {},
-        [n.key]: s
+        [n.key]: i
       } }, o = { ...e.bufferByCard, [n.cardId]: c }, p = r ? [
         {
           type: "SCHEDULE_TIMER",
@@ -568,8 +569,8 @@ function ke(e, n) {
     case "CLEAR_BUFFER": {
       if (e.bufferByCard[n.cardId] == null)
         return e;
-      const r = Object.keys(e.bufferByCard).length === 1, s = { ...e.bufferByCard };
-      delete s[n.cardId];
+      const r = Object.keys(e.bufferByCard).length === 1, i = { ...e.bufferByCard };
+      delete i[n.cardId];
       const a = r && e.isDirty ? [
         {
           type: "SCHEDULE_TIMER",
@@ -579,7 +580,7 @@ function ke(e, n) {
       ] : [];
       return {
         ...e,
-        bufferByCard: s,
+        bufferByCard: i,
         pendingSideEffects: [...e.pendingSideEffects, ...a]
       };
     }
@@ -657,11 +658,11 @@ function Me() {
       c
     ];
   }, [e.lastClose]);
-  const s = z(
+  const i = z(
     () => Le(e),
     [e.activePanelId, e.bellCutoutOpen, e.isDirty]
   ), a = T(() => t.current.slice(), []);
-  return { state: e, surfaceState: s, dispatch: n, getCloseLog: a };
+  return { state: e, surfaceState: i, dispatch: n, getCloseLog: a };
 }
 function sn({ children: e }) {
   const n = Me(), t = z(
@@ -670,12 +671,12 @@ function sn({ children: e }) {
     // dispatch + getCloseLog are stable. state + surfaceState change on dispatch.
     [n.state, n.surfaceState, n.dispatch, n.getCloseLog]
   );
-  return /* @__PURE__ */ i(V.Provider, { value: t, children: e });
+  return /* @__PURE__ */ s(V.Provider, { value: t, children: e });
 }
 function Re({ title: e, onClose: n, titleId: t }) {
   return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__header", children: [
-    e != null && /* @__PURE__ */ i("span", { id: t, className: "gloss-panel-chrome-v2__title", children: e }),
-    /* @__PURE__ */ i(
+    e != null && /* @__PURE__ */ s("span", { id: t, className: "gloss-panel-chrome-v2__title", children: e }),
+    /* @__PURE__ */ s(
       "button",
       {
         id: "panel-close",
@@ -689,7 +690,7 @@ function Re({ title: e, onClose: n, titleId: t }) {
   ] });
 }
 function Fe({ children: e }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     "div",
     {
       "data-panel-stage": !0,
@@ -700,15 +701,15 @@ function Fe({ children: e }) {
   );
 }
 function Ae({ children: e }) {
-  return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
+  return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
 }
 function He({ children: e }) {
-  return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__body", children: e });
+  return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__body", children: e });
 }
 function Be({ left: e, right: n }) {
   return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__footer", children: [
-    /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__footer-left", children: e }),
-    /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__footer-right", children: n })
+    /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__footer-left", children: e }),
+    /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__footer-right", children: n })
   ] });
 }
 function Ze({
@@ -716,7 +717,7 @@ function Ze({
   onClose: n,
   title: t,
   variant: r = "no-stage",
-  stage: s,
+  stage: i,
   navigation: a,
   footer: c
 }) {
@@ -733,12 +734,12 @@ function Ze({
       "aria-label": u ? void 0 : "Panel",
       className: `gloss-panel-chrome-v2 gloss-panel-chrome-v2--${r}${o ? " gloss-panel-chrome-v2--headerless" : ""}`,
       children: [
-        !o && /* @__PURE__ */ i(Re, { title: t, onClose: n, titleId: p }),
-        r === "with-stage" && /* @__PURE__ */ i(Fe, { children: s }),
-        a != null && /* @__PURE__ */ i(Ae, { children: a }),
-        /* @__PURE__ */ i(He, { children: e }),
-        c != null && /* @__PURE__ */ i(Be, { left: c.left, right: c.right }),
-        o && /* @__PURE__ */ i(
+        !o && /* @__PURE__ */ s(Re, { title: t, onClose: n, titleId: p }),
+        r === "with-stage" && /* @__PURE__ */ s(Fe, { children: i }),
+        a != null && /* @__PURE__ */ s(Ae, { children: a }),
+        /* @__PURE__ */ s(He, { children: e }),
+        c != null && /* @__PURE__ */ s(Be, { left: c.left, right: c.right }),
+        o && /* @__PURE__ */ s(
           "button",
           {
             id: "panel-close",
@@ -755,19 +756,19 @@ function Ze({
 }
 function ln({ isOpen: e }) {
   const n = Pe();
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     Ze,
     {
       variant: "no-stage",
       title: "Notifications",
       onClose: () => n?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ s(
         "div",
         {
           "data-shell": "notification-center",
           "data-panel": "notification-center",
           "aria-hidden": !e,
-          children: /* @__PURE__ */ i("p", { children: "No notifications" })
+          children: /* @__PURE__ */ s("p", { children: "No notifications" })
         }
       )
     }
@@ -777,21 +778,21 @@ const Ke = {
   position: "relative",
   pointerEvents: "auto"
 };
-function Ue({ children: e, onClose: n, footer: t, title: r, variant: s = "default" }) {
+function Ue({ children: e, onClose: n, footer: t, title: r, variant: i = "default" }) {
   const a = `panel-close-${X().replace(/:/g, "-")}`;
   return /* @__PURE__ */ N(
     "div",
     {
       "data-chrome": "panel",
-      "data-chrome-variant": s,
+      "data-chrome-variant": i,
       role: "dialog",
       "aria-modal": "true",
-      className: s === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
+      className: i === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
       style: Ke,
       children: [
         /* @__PURE__ */ N("div", { className: "gloss-panel-chrome__header", children: [
-          r != null && /* @__PURE__ */ i("span", { className: "gloss-panel-chrome__title", children: r }),
-          /* @__PURE__ */ i(
+          r != null && /* @__PURE__ */ s("span", { className: "gloss-panel-chrome__title", children: r }),
+          /* @__PURE__ */ s(
             "button",
             {
               id: a,
@@ -803,8 +804,8 @@ function Ue({ children: e, onClose: n, footer: t, title: r, variant: s = "defaul
             }
           )
         ] }),
-        /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__body", children: e }),
-        t != null && /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__footer", children: t })
+        /* @__PURE__ */ s("div", { className: "gloss-panel-chrome__body", children: e }),
+        t != null && /* @__PURE__ */ s("div", { className: "gloss-panel-chrome__footer", children: t })
       ]
     }
   );
@@ -829,7 +830,7 @@ function Ve({ isOpen: e, children: n }) {
   G(() => {
     ze(r.current);
   }, []);
-  const [s, a] = F(!1);
+  const [i, a] = F(!1);
   w(() => {
     if (!e) {
       a(!1);
@@ -840,10 +841,10 @@ function Ve({ isOpen: e, children: n }) {
   }, [e]);
   const c = [
     "gloss-panel-mount",
-    s ? "has-panel" : "",
+    i ? "has-panel" : "",
     t ? "reduced-motion" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: r,
@@ -880,8 +881,8 @@ const $e = {
   background: "rgba(0, 0, 0, 0.04)"
 };
 function an({ panelComponents: e }) {
-  const { state: n, dispatch: t, getCloseLog: r } = _e(), s = n.activePanelId ? e[n.activePanelId] : null;
-  n.activePanelId && !s && process.env.NODE_ENV !== "production" && console.error(
+  const { state: n, dispatch: t, getCloseLog: r } = _e(), 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
   ), w(() => {
@@ -907,21 +908,21 @@ function an({ panelComponents: e }) {
       o.__panelsHostHandle?.dispatch === t && delete o.__panelsHostHandle;
     };
   }, [t, r]);
-  const c = n.activePanelId != null && s != null;
+  const c = n.activePanelId != null && i != null;
   return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: $e, children: [
-    c && /* @__PURE__ */ i(
+    c && /* @__PURE__ */ s(
       "div",
       {
         "data-panel-scrim": "true",
         style: je
       }
     ),
-    /* @__PURE__ */ i(Ve, { isOpen: c, children: c && /* @__PURE__ */ i(
+    /* @__PURE__ */ s(Ve, { isOpen: c, children: c && /* @__PURE__ */ s(
       Ue,
       {
         isOpen: !0,
         onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
-        children: /* @__PURE__ */ i(s, { isOpen: !0 })
+        children: /* @__PURE__ */ s(i, { isOpen: !0 })
       }
     ) })
   ] });