@mt-gloss/ui 0.1.137 → 0.1.139

package/{COMMITS-B7dc_-m8.js → COMMITS-DEdHYT0E.js}

@@ -1,7 +1,55 @@
-import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import { motion as se } from "framer-motion";
-import Z, { useSyncExternalStore as le, useState as A, useRef as O, useMemo as $, useEffect as w, useCallback as T, createContext as ae, useContext as W, useReducer as ce, useId as X, useLayoutEffect as G } from "react";
+import { jsx as i, jsxs as N } from "react/jsx-runtime";
+import { motion as ie } 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 We = {
+  forwardStaggerMs: 50,
+  reverseStaggerMs: 30,
+  springStiffness: 380,
+  springDamping: 32,
+  reverseVelocityMultiplier: 1.4
+}, Xe = {
+  enterDurationMs: 220,
+  exitDurationMs: 140,
+  enterEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
+  exitEasing: "cubic-bezier(0.4, 0, 1, 1)",
+  translateOffsetPx: 8
+}, Ge = {
+  shiverCycles: 3,
+  shiverAmplitudePx: 2,
+  shiverDurationMs: 180,
+  validCellOpacity: 0.6
+}, Je = {
+  materializeMs: 180,
+  dematerializeMs: 140,
+  easing: "cubic-bezier(0.22, 1, 0.36, 1)",
+  dotStrokePx: 2,
+  dividerDashGapPx: 4
+}, en = {
+  cascadeStaggerMs: 0,
+  cascadeSpringCapMs: 120,
+  swingEnterMs: 100,
+  swingEnterStyle: "opacity",
+  provisionalMs: 80,
+  provisionalStyle: "opacity",
+  shiverMs: 200,
+  shiverStyle: "color-flash"
+}, nn = !0, tn = {
+  rejectionFill: "var(--gloss-rejection-fill)",
+  rejectionStroke: "var(--gloss-rejection-stroke)",
+  validFill: "var(--gloss-valid-fill)",
+  validStroke: "var(--gloss-valid-stroke)",
+  validCellStroke: "var(--gloss-valid-cell-stroke)",
+  provisionalWash: "var(--gloss-provisional-wash)"
+};
+function rn() {
+  if (typeof window > "u") return "full";
+  try {
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
+  } catch {
+    return "full";
+  }
+}
 const de = "(prefers-reduced-motion: reduce)";
 function J() {
   return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(de);
@@ -34,38 +82,38 @@ function ge({
   activeTab: n,
   onSelect: t,
   reduced: r,
-  labels: i,
+  labels: s,
   ariaLabel: a = "Settings dimensions"
 }) {
   const c = ee(), o = r ?? c;
   if (e.length < 2) return null;
-  const p = (d) => i?.[d] ?? me[d], u = (d, m) => {
+  const p = (d) => s?.[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__ */ s(
+  return /* @__PURE__ */ i(
     "div",
     {
       role: "tablist",
       "aria-label": a,
       className: "settings-tab-strip",
       children: e.map((d, m) => {
-        const b = n === d;
+        const _ = n === d;
         return /* @__PURE__ */ N(
           "button",
           {
             role: "tab",
             type: "button",
             id: `settings-tab-${d}`,
-            "aria-selected": b,
+            "aria-selected": _,
             "aria-controls": `settings-tabpanel-${d}`,
-            tabIndex: b ? 0 : -1,
-            className: `settings-tab-strip__tab${b ? " settings-tab-strip__tab--active" : ""}`,
+            tabIndex: _ ? 0 : -1,
+            className: `settings-tab-strip__tab${_ ? " settings-tab-strip__tab--active" : ""}`,
             onClick: () => t(d),
-            onKeyDown: (L) => u(L, m),
+            onKeyDown: (k) => u(k, m),
             children: [
-              /* @__PURE__ */ s("span", { className: "settings-tab-strip__label", children: p(d) }),
-              b && !o && /* @__PURE__ */ s(
-                se.span,
+              /* @__PURE__ */ i("span", { className: "settings-tab-strip__label", children: p(d) }),
+              _ && !o && /* @__PURE__ */ i(
+                ie.span,
                 {
                   layoutId: "settings-active-tab-indicator",
                   "data-layout-id": "settings-active-tab-indicator",
@@ -93,22 +141,22 @@ function Q(e, n) {
   const t = e.find((r) => r.zoneKey === n);
   return t ? t.zoneKey : U(e, n);
 }
-function he(e, n, t) {
-  const r = [...e], [i] = r.splice(n, 1);
-  return r.splice(t, 0, i), r;
+function ve(e, n, t) {
+  const r = [...e], [s] = r.splice(n, 1);
+  return r.splice(t, 0, s), r;
 }
-function ve(e) {
+function he(e) {
   return e.map((n) => `${n.zoneKey}:${n.items.map((t) => t.id).join(",")}`).join("|");
 }
 function ye(e) {
-  const [n, t] = A(
+  const [n, t] = F(
     () => 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, i] = A(null), [a, c] = A(null), o = O(null), p = O(e.onZoneChange);
+  ), [r, s] = F(null), [a, c] = F(null), o = O(null), p = O(e.onZoneChange);
   p.current = e.onZoneChange;
-  const u = $(
-    () => ve(e.zones),
+  const u = z(
+    () => he(e.zones),
     [e.zones]
   ), d = O(u);
   w(() => {
@@ -121,18 +169,18 @@ function ye(e) {
   const m = T(
     (l) => {
       const g = l.active.id;
-      let S = null, y = null;
-      for (const _ of n) {
-        const P = _.items.find((f) => f.id === g);
+      let C = null, y = null;
+      for (const b of n) {
+        const P = b.items.find((f) => f.id === g);
         if (P) {
-          S = P, y = _.zoneKey;
+          C = P, y = b.zoneKey;
           break;
         }
       }
-      o.current = y, i(S), c(y);
+      o.current = y, s(C), c(y);
     },
     [n]
-  ), b = T(
+  ), _ = T(
     (l) => {
       if (!l.over) {
         c(o.current);
@@ -142,56 +190,56 @@ function ye(e) {
       c(g);
     },
     [n]
-  ), L = T(
+  ), k = T(
     (l) => {
-      const { active: g, over: S } = l, y = () => {
-        o.current = null, i(null), c(null);
+      const { active: g, over: C } = l, y = () => {
+        o.current = null, s(null), c(null);
       };
-      if (!S) {
+      if (!C) {
         y();
         return;
       }
-      const _ = U(n, g.id), P = Q(n, S.id);
-      if (!_ || !P) {
+      const b = U(n, g.id), P = Q(n, C.id);
+      if (!b || !P) {
         y();
         return;
       }
       let f = n.map((I) => ({ ...I, items: [...I.items] }));
-      if (_ === P) {
-        const I = f.findIndex((D) => D.zoneKey === _), E = f[I], h = E.items.findIndex((D) => D.id === g.id), C = E.items.findIndex((D) => D.id === S.id), k = C >= 0 ? C : Math.max(0, E.items.length - 1);
+      if (b === P) {
+        const I = f.findIndex((D) => D.zoneKey === b), E = f[I], v = E.items.findIndex((D) => D.id === g.id), S = E.items.findIndex((D) => D.id === C.id), M = S >= 0 ? S : Math.max(0, E.items.length - 1);
         f[I] = {
           ...E,
-          items: he(E.items, h, k)
+          items: ve(E.items, v, M)
         };
       } else {
-        const I = f.findIndex((v) => v.zoneKey === _), E = f.findIndex((v) => v.zoneKey === P), h = f[I], C = f[E], k = h.items.find((v) => v.id === g.id);
-        if (!k) {
+        const I = f.findIndex((h) => h.zoneKey === b), E = f.findIndex((h) => h.zoneKey === P), v = f[I], S = f[E], M = v.items.find((h) => h.id === g.id);
+        if (!M) {
           y();
           return;
         }
-        const D = h.items.filter((v) => v.id !== g.id), z = C.items.findIndex((v) => v.id === S.id), oe = z >= 0 ? z : C.items.length;
-        let j = D, x = [...C.items];
-        if (C.maxItems !== void 0 && x.length >= C.maxItems) {
-          const v = x[x.length - 1];
-          x = x.slice(0, C.maxItems - 1), j = [...D, v];
+        const D = v.items.filter((h) => h.id !== g.id), $ = S.items.findIndex((h) => h.id === C.id), oe = $ >= 0 ? $ : S.items.length;
+        let j = D, x = [...S.items];
+        if (S.maxItems !== void 0 && x.length >= S.maxItems) {
+          const h = x[x.length - 1];
+          x = x.slice(0, S.maxItems - 1), j = [...D, h];
         }
-        const q = Math.min(oe, x.length), ie = [
+        const q = Math.min(oe, x.length), se = [
           ...x.slice(0, q),
-          k,
+          M,
           ...x.slice(q)
         ];
-        f[I] = { ...h, items: j }, f[E] = { ...C, items: ie };
+        f[I] = { ...v, items: j }, f[E] = { ...S, items: se };
       }
       t(f), p.current?.(f), y();
     },
     [n]
-  ), H = T(
+  ), A = T(
     (l) => ({
       id: l,
       "data-zone-key": l
     }),
     []
-  ), B = T(
+  ), H = T(
     (l) => {
       const g = U(n, l.id) ?? "";
       return {
@@ -206,14 +254,14 @@ function ye(e) {
     zones: n,
     activeZone: a,
     activeItem: r,
-    getZoneProps: H,
-    getItemProps: B,
+    getZoneProps: A,
+    getItemProps: H,
     handleDragStart: m,
-    handleDragOver: b,
-    handleDragEnd: L
+    handleDragOver: _,
+    handleDragEnd: k
   };
 }
-let R = null, F = null, M = !1;
+let L = null, R = null, Z = !1;
 const Ie = [
   "DndContext",
   "DragOverlay",
@@ -228,17 +276,17 @@ const Ie = [
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function Ce(e, n) {
+function Se(e, n) {
   const t = [], r = e ?? {};
   for (const a of Ie)
     r[a] === void 0 && t.push(`@dnd-kit/core:${a}`);
-  const i = n ?? {};
+  const s = n ?? {};
   for (const a of Ee)
-    i[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
+    s[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
   return t.length === 0 ? { ok: !0 } : { ok: !1, missing: t };
 }
-function Se() {
-  return R ? Promise.resolve(R) : M ? Promise.resolve(null) : F || (F = (async () => {
+function Ce() {
+  return L ? Promise.resolve(L) : Z ? Promise.resolve(null) : R || (R = (async () => {
     try {
       const [e, n, t] = await Promise.all([
         import("@dnd-kit/core"),
@@ -246,99 +294,99 @@ function Se() {
         import("@dnd-kit/utilities").catch(() => (process.env.NODE_ENV !== "production" && console.warn(
           "SortableZones: @dnd-kit/utilities failed to load; drag-overlay positioning will fall back (items may teleport instead of slide)."
         ), {}))
-      ]), r = Ce(e, n);
-      return r.ok ? (R = {
+      ]), r = Se(e, n);
+      return r.ok ? (L = {
         core: e,
         sortable: n,
         utilities: t
-      }, R) : (M = !0, process.env.NODE_ENV !== "production" && console.error(
+      }, L) : (Z = !0, process.env.NODE_ENV !== "production" && console.error(
         `SortableZones: @dnd-kit shape mismatch — missing exports: ${r.missing.join(", ")}. Check installed versions against optionalDependencies in @mt-gloss/ui.`
       ), null);
     } catch {
-      return M = !0, null;
+      return Z = !0, null;
     }
-  })(), F);
+  })(), R);
 }
-function _e(e) {
-  const { zones: n, onZoneChange: t, renderZone: r, renderItem: i, renderDragOverlay: a } = e, c = ye({ zones: n, onZoneChange: t }), [o, p] = Z.useState(R);
-  return Z.useEffect(() => {
+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);
+  return B.useEffect(() => {
     if (o) return;
     let u = !0;
-    return Se().then((d) => {
+    return Ce().then((d) => {
       u && p(d);
     }), () => {
       u = !1;
     };
-  }, [o]), o ? /* @__PURE__ */ s(
+  }, [o]), o ? /* @__PURE__ */ i(
     ne,
     {
       state: c,
       modules: o,
       renderZone: r,
-      renderItem: i,
+      renderItem: s,
       renderDragOverlay: a
     }
-  ) : /* @__PURE__ */ s("div", { "data-sortable-zones-passive": "true", children: c.zones.map((u) => {
-    const d = u.items.map((m) => /* @__PURE__ */ s(Z.Fragment, { children: i(m) }, m.id));
-    return /* @__PURE__ */ s("div", { ...c.getZoneProps(u.zoneKey), children: r(u.zoneKey, u.items, d) }, u.zoneKey);
+  ) : /* @__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);
   }) });
 }
-_e.displayName = "SortableZones";
+be.displayName = "SortableZones";
 function ne({
   state: e,
   modules: n,
   renderZone: t,
   renderItem: r,
-  renderDragOverlay: i
+  renderDragOverlay: s
 }) {
-  const { core: a, sortable: c, utilities: o } = n, { DndContext: p, DragOverlay: u, useSensors: d, useSensor: m, useDroppable: b, PointerSensor: L, KeyboardSensor: H, closestCenter: B } = a, { SortableContext: l, verticalListSortingStrategy: g } = c, S = d(
-    m(L, { activationConstraint: { distance: 5 } }),
-    m(H)
-  ), y = p, _ = u, P = l;
+  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 } }),
+    m(A)
+  ), y = p, b = u, P = l;
   return /* @__PURE__ */ N(
     y,
     {
-      sensors: S,
-      collisionDetection: B,
+      sensors: C,
+      collisionDetection: H,
       onDragStart: e.handleDragStart,
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
         e.zones.map((f) => {
-          const I = f.items.map((h) => h.id), E = f.items.map((h) => /* @__PURE__ */ s(
+          const I = f.items.map((v) => v.id), E = f.items.map((v) => /* @__PURE__ */ i(
             te,
             {
-              id: h.id,
+              id: v.id,
               useSortable: c.useSortable,
               cssHelper: o.CSS,
-              children: r(h)
+              children: r(v)
             },
-            h.id
+            v.id
           ));
-          return /* @__PURE__ */ s(
+          return /* @__PURE__ */ i(
             re,
             {
               zoneKey: f.zoneKey,
               zoneProps: e.getZoneProps(f.zoneKey),
-              useDroppable: b,
-              children: /* @__PURE__ */ s(P, { items: I, strategy: g, children: t(f.zoneKey, f.items, E) })
+              useDroppable: _,
+              children: /* @__PURE__ */ i(P, { items: I, strategy: g, children: t(f.zoneKey, f.items, E) })
             },
             f.zoneKey
           );
         }),
-        /* @__PURE__ */ s(_, { children: e.activeItem ? i?.(e.activeItem) ?? r(e.activeItem) : null })
+        /* @__PURE__ */ i(b, { children: e.activeItem ? s?.(e.activeItem) ?? r(e.activeItem) : null })
       ]
     }
   );
 }
 ne.displayName = "SortableZonesInner";
 function te({ id: e, useSortable: n, cssHelper: t, children: r }) {
-  const { attributes: i, listeners: a, setNodeRef: c, transform: o, transition: p, isDragging: u } = n({ id: e }), d = {
+  const { attributes: s, 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__ */ s("div", { ref: c, style: d, "data-sortable-item-id": e, ...i, ...a, children: r });
+  return /* @__PURE__ */ i("div", { ref: c, style: d, "data-sortable-item-id": e, ...s, ...a, children: r });
 }
 te.displayName = "SortableItem";
 function re({
@@ -347,12 +395,12 @@ function re({
   useDroppable: t,
   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 });
+  const { setNodeRef: s, isOver: a } = t({ id: e });
+  return /* @__PURE__ */ i("div", { ref: s, "data-zone-is-over": a || void 0, ...n, children: r });
 }
 re.displayName = "ZoneDroppable";
 const V = ae(null);
-function be() {
+function _e() {
   const e = W(V);
   if (!e)
     throw new Error(
@@ -444,12 +492,12 @@ function Te(e, n) {
     case "CLOSE_PANEL": {
       if (e.activePanelId == null)
         return e;
-      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 ? [
+      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 ? [
         {
           type: "COMMIT_BUFFER",
-          payload: { cardId: r, delta: i }
+          payload: { cardId: r, delta: s }
         }
-      ] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null && i != null ? (() => {
+      ] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null && s != null ? (() => {
         const o = { ...e.bufferByCard };
         return delete o[r], o;
       })() : e.bufferByCard;
@@ -489,12 +537,12 @@ function Te(e, n) {
             { type: "INVALID_DISPATCH", reason: "no-buffer-panel" }
           ]
         };
-      const t = e.bufferByCard[n.cardId], r = t == null, i = Ne(n.key, n.value);
-      if (!r && t.changes[n.key] === i)
+      const t = e.bufferByCard[n.cardId], r = t == null, s = Ne(n.key, n.value);
+      if (!r && t.changes[n.key] === s)
         return e;
       const c = { kind: "settings", changes: {
         ...t?.kind === "settings" ? t.changes : {},
-        [n.key]: i
+        [n.key]: s
       } }, o = { ...e.bufferByCard, [n.cardId]: c }, p = r ? [
         {
           type: "SCHEDULE_TIMER",
@@ -511,8 +559,8 @@ function Te(e, n) {
     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 r = Object.keys(e.bufferByCard).length === 1, s = { ...e.bufferByCard };
+      delete s[n.cardId];
       const a = r && e.isDirty ? [
         {
           type: "SCHEDULE_TIMER",
@@ -522,7 +570,7 @@ function Te(e, n) {
       ] : [];
       return {
         ...e,
-        bufferByCard: i,
+        bufferByCard: s,
         pendingSideEffects: [...e.pendingSideEffects, ...a]
       };
     }
@@ -563,10 +611,10 @@ function Te(e, n) {
       return e;
   }
 }
-function Le(e) {
+function ke(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 Re() {
+function Le() {
   const [e, n] = ce(Te, Oe), t = O([]), r = O(null);
   w(() => () => {
     r.current != null && (window.clearTimeout(r.current), r.current = null);
@@ -600,25 +648,25 @@ function Re() {
       c
     ];
   }, [e.lastClose]);
-  const i = $(
-    () => Le(e),
+  const s = z(
+    () => ke(e),
     [e.activePanelId, e.bellCutoutOpen, e.isDirty]
   ), a = T(() => t.current.slice(), []);
-  return { state: e, surfaceState: i, dispatch: n, getCloseLog: a };
+  return { state: e, surfaceState: s, dispatch: n, getCloseLog: a };
 }
-function We({ children: e }) {
-  const n = Re(), t = $(
+function on({ children: e }) {
+  const n = Le(), t = z(
     () => 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__ */ s(V.Provider, { value: t, children: e });
+  return /* @__PURE__ */ i(V.Provider, { value: t, children: e });
 }
-function ke({ title: e, onClose: n, titleId: t }) {
+function Me({ title: e, onClose: n, titleId: t }) {
   return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__header", children: [
-    e != null && /* @__PURE__ */ s("span", { id: t, className: "gloss-panel-chrome-v2__title", children: e }),
-    /* @__PURE__ */ s(
+    e != null && /* @__PURE__ */ i("span", { id: t, className: "gloss-panel-chrome-v2__title", children: e }),
+    /* @__PURE__ */ i(
       "button",
       {
         id: "panel-close",
@@ -631,8 +679,8 @@ function ke({ title: e, onClose: n, titleId: t }) {
     )
   ] });
 }
-function Fe({ children: e }) {
-  return /* @__PURE__ */ s(
+function Re({ children: e }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       "data-panel-stage": !0,
@@ -642,24 +690,24 @@ function Fe({ children: e }) {
     }
   );
 }
-function Ae({ children: e }) {
-  return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
+function Fe({ children: e }) {
+  return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
 }
-function He({ children: e }) {
-  return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__body", children: e });
+function Ae({ children: e }) {
+  return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__body", children: e });
 }
-function Be({ left: e, right: n }) {
+function He({ left: e, right: n }) {
   return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__footer", children: [
-    /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__footer-left", children: e }),
-    /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__footer-right", children: n })
+    /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__footer-left", children: e }),
+    /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__footer-right", children: n })
   ] });
 }
-function Ze({
+function Be({
   children: e,
   onClose: n,
   title: t,
   variant: r = "no-stage",
-  stage: i,
+  stage: s,
   navigation: a,
   footer: c
 }) {
@@ -676,12 +724,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__ */ s(ke, { 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(
+        !o && /* @__PURE__ */ i(Me, { title: t, onClose: n, titleId: p }),
+        r === "with-stage" && /* @__PURE__ */ i(Re, { children: s }),
+        a != null && /* @__PURE__ */ i(Fe, { children: a }),
+        /* @__PURE__ */ i(Ae, { children: e }),
+        c != null && /* @__PURE__ */ i(He, { left: c.left, right: c.right }),
+        o && /* @__PURE__ */ i(
           "button",
           {
             id: "panel-close",
@@ -696,45 +744,45 @@ function Ze({
     }
   );
 }
-function Xe({ isOpen: e }) {
+function sn({ isOpen: e }) {
   const n = Pe();
-  return /* @__PURE__ */ s(
-    Ze,
+  return /* @__PURE__ */ i(
+    Be,
     {
       variant: "no-stage",
       title: "Notifications",
       onClose: () => n?.dispatch({ type: "CLOSE_PANEL", reason: "header-x" }),
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ i(
         "div",
         {
           "data-shell": "notification-center",
           "data-panel": "notification-center",
           "aria-hidden": !e,
-          children: /* @__PURE__ */ s("p", { children: "No notifications" })
+          children: /* @__PURE__ */ i("p", { children: "No notifications" })
         }
       )
     }
   );
 }
-const Me = {
+const Ze = {
   position: "relative",
   pointerEvents: "auto"
 };
-function Ke({ children: e, onClose: n, footer: t, title: r, variant: i = "default" }) {
+function Ke({ children: e, onClose: n, footer: t, title: r, variant: s = "default" }) {
   const a = `panel-close-${X().replace(/:/g, "-")}`;
   return /* @__PURE__ */ N(
     "div",
     {
       "data-chrome": "panel",
-      "data-chrome-variant": i,
+      "data-chrome-variant": s,
       role: "dialog",
       "aria-modal": "true",
-      className: i === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
-      style: Me,
+      className: s === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
+      style: Ze,
       children: [
         /* @__PURE__ */ N("div", { className: "gloss-panel-chrome__header", children: [
-          r != null && /* @__PURE__ */ s("span", { className: "gloss-panel-chrome__title", children: r }),
-          /* @__PURE__ */ s(
+          r != null && /* @__PURE__ */ i("span", { className: "gloss-panel-chrome__title", children: r }),
+          /* @__PURE__ */ i(
             "button",
             {
               id: a,
@@ -746,8 +794,8 @@ function Ke({ children: e, onClose: n, footer: t, title: r, variant: i = "defaul
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { className: "gloss-panel-chrome__body", children: e }),
-        t != null && /* @__PURE__ */ s("div", { className: "gloss-panel-chrome__footer", children: t })
+        /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__body", children: e }),
+        t != null && /* @__PURE__ */ i("div", { className: "gloss-panel-chrome__footer", children: t })
       ]
     }
   );
@@ -763,12 +811,12 @@ function Ue(e) {
     n
   );
 }
-function $e({ isOpen: e, children: n }) {
+function ze({ isOpen: e, children: n }) {
   const t = ee(), r = O(null);
   G(() => {
     Ue(r.current);
   }, []);
-  const [i, a] = A(!1);
+  const [s, a] = F(!1);
   w(() => {
     if (!e) {
       a(!1);
@@ -779,10 +827,10 @@ function $e({ isOpen: e, children: n }) {
   }, [e]);
   const c = [
     "gloss-panel-mount",
-    i ? "has-panel" : "",
+    s ? "has-panel" : "",
     t ? "reduced-motion" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: r,
@@ -804,7 +852,7 @@ const Ve = {
   overflow: "visible",
   pointerEvents: "none",
   zIndex: 55
-}, ze = {
+}, $e = {
   position: "fixed",
   top: "var(--tb-h, 60px)",
   left: 0,
@@ -818,9 +866,9 @@ const Ve = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function Ge({ panelComponents: e }) {
-  const { state: n, dispatch: t, getCloseLog: r } = be(), i = n.activePanelId ? e[n.activePanelId] : null;
-  n.activePanelId && !i && process.env.NODE_ENV !== "production" && console.error(
+function ln({ 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(
     "[panels] No panel component registered for activePanelId:",
     n.activePanelId
   ), w(() => {
@@ -846,26 +894,26 @@ function Ge({ panelComponents: e }) {
       o.__panelsHostHandle?.dispatch === t && delete o.__panelsHostHandle;
     };
   }, [t, r]);
-  const c = n.activePanelId != null && i != null;
+  const c = n.activePanelId != null && s != null;
   return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: Ve, children: [
-    c && /* @__PURE__ */ s(
+    c && /* @__PURE__ */ i(
       "div",
       {
         "data-panel-scrim": "true",
-        style: ze
+        style: $e
       }
     ),
-    /* @__PURE__ */ s($e, { isOpen: c, children: c && /* @__PURE__ */ s(
+    /* @__PURE__ */ i(ze, { isOpen: c, children: c && /* @__PURE__ */ i(
       Ke,
       {
         isOpen: !0,
         onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
-        children: /* @__PURE__ */ s(i, { isOpen: !0 })
+        children: /* @__PURE__ */ i(s, { isOpen: !0 })
       }
     ) })
   ] });
 }
-const Je = {
+const an = {
   "apply-button": !0,
   // the ONLY commit reason
   "cancel-button": !1,
@@ -883,25 +931,33 @@ const Je = {
   // 260524 panel-x-axis-transitions — viewport shrank past targetSection
 };
 export {
-  Je as C,
-  Xe as N,
-  We as P,
-  _e as S,
-  ye as a,
-  be as b,
-  Ge as c,
-  Re as d,
-  Le as e,
-  ge as f,
-  ee as g,
-  Ze as h,
-  Oe as i,
-  $e as j,
+  an as C,
+  nn as H,
+  sn as N,
+  on as P,
+  be as S,
+  en as a,
+  tn as b,
+  We as c,
+  ye as d,
+  _e as e,
+  ln as f,
+  rn as g,
+  Le as h,
+  Te as i,
+  Oe as j,
   ke as k,
-  Fe as l,
-  Ae as m,
-  He as n,
-  Be as o,
-  Te as r,
-  Pe as u
+  ge as l,
+  ee as m,
+  Be as n,
+  ze as o,
+  Je as p,
+  Me as q,
+  Ge as r,
+  Xe as s,
+  Re as t,
+  Pe as u,
+  Fe as v,
+  Ae as w,
+  He as x
 };