@mt-gloss/ui 0.1.141 → 0.1.143

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

@@ -1,31 +1,31 @@
-import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import { motion as se } from "framer-motion";
+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 = {
+const Xe = {
   forwardStaggerMs: 50,
   reverseStaggerMs: 30,
   springStiffness: 380,
   springDamping: 32,
   reverseVelocityMultiplier: 1.4
-}, Xe = {
+}, Ge = {
   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 = {
+}, Je = {
   shiverCycles: 3,
   shiverAmplitudePx: 2,
   shiverDurationMs: 180,
   validCellOpacity: 0.6
-}, Je = {
+}, en = {
   materializeMs: 180,
   dematerializeMs: 140,
   easing: "cubic-bezier(0.22, 1, 0.36, 1)",
   dotStrokePx: 2,
   dividerDashGapPx: 4
-}, en = {
+}, nn = {
   cascadeStaggerMs: 0,
   cascadeSpringCapMs: 120,
   swingEnterMs: 100,
@@ -34,7 +34,7 @@ const We = {
   provisionalStyle: "opacity",
   shiverMs: 200,
   shiverStyle: "color-flash"
-}, nn = !0, tn = {
+}, tn = !0, rn = {
   rejectionFill: "var(--gloss-rejection-fill)",
   rejectionStroke: "var(--gloss-rejection-stroke)",
   validFill: "var(--gloss-valid-fill)",
@@ -42,7 +42,7 @@ const We = {
   validCellStroke: "var(--gloss-valid-cell-stroke)",
   provisionalWash: "var(--gloss-provisional-wash)"
 };
-function rn() {
+function on() {
   if (typeof window > "u") return "full";
   try {
     return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
@@ -82,15 +82,15 @@ 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",
@@ -111,9 +111,9 @@ function ge({
             onClick: () => t(d),
             onKeyDown: (k) => u(k, m),
             children: [
-              /* @__PURE__ */ s("span", { className: "settings-tab-strip__label", children: p(d) }),
-              _ && !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",
@@ -142,8 +142,8 @@ function Q(e, n) {
   return t ? t.zoneKey : U(e, n);
 }
 function ve(e, n, t) {
-  const r = [...e], [i] = r.splice(n, 1);
-  return r.splice(t, 0, i), r;
+  const r = [...e], [s] = r.splice(n, 1);
+  return r.splice(t, 0, s), r;
 }
 function he(e) {
   return e.map((n) => `${n.zoneKey}:${n.items.map((t) => t.id).join(",")}`).join("|");
@@ -153,7 +153,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, i] = F(null), [a, c] = F(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 = z(
     () => he(e.zones),
@@ -177,7 +177,7 @@ function ye(e) {
           break;
         }
       }
-      o.current = y, i(C), c(y);
+      o.current = y, s(C), c(y);
     },
     [n]
   ), _ = T(
@@ -193,7 +193,7 @@ function ye(e) {
   ), k = T(
     (l) => {
       const { active: g, over: C } = l, y = () => {
-        o.current = null, i(null), c(null);
+        o.current = null, s(null), c(null);
       };
       if (!C) {
         y();
@@ -204,15 +204,15 @@ function ye(e) {
         y();
         return;
       }
-      let f = n.map((I) => ({ ...I, items: [...I.items] }));
+      let f = n.map((E) => ({ ...E, items: [...E.items] }));
       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: ve(E.items, v, M)
+        const E = f.findIndex((D) => D.zoneKey === b), I = f[E], v = I.items.findIndex((D) => D.id === g.id), S = I.items.findIndex((D) => D.id === C.id), M = S >= 0 ? S : Math.max(0, I.items.length - 1);
+        f[E] = {
+          ...I,
+          items: ve(I.items, v, M)
         };
       } else {
-        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);
+        const E = f.findIndex((h) => h.zoneKey === b), I = f.findIndex((h) => h.zoneKey === P), v = f[E], S = f[I], M = v.items.find((h) => h.id === g.id);
         if (!M) {
           y();
           return;
@@ -223,12 +223,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), ie = [
+        const q = Math.min(oe, x.length), se = [
           ...x.slice(0, q),
           M,
           ...x.slice(q)
         ];
-        f[I] = { ...v, items: j }, f[E] = { ...S, items: ie };
+        f[E] = { ...v, items: j }, f[I] = { ...S, items: se };
       }
       t(f), p.current?.(f), y();
     },
@@ -262,7 +262,7 @@ function ye(e) {
   };
 }
 let L = null, R = null, Z = !1;
-const Ie = [
+const Ee = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -271,18 +271,18 @@ const Ie = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], Ee = [
+], Ie = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
 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 ?? {};
   for (const a of Ee)
-    i[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
+    r[a] === void 0 && t.push(`@dnd-kit/core:${a}`);
+  const s = n ?? {};
+  for (const a of Ie)
+    s[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
   return t.length === 0 ? { ok: !0 } : { ok: !1, missing: t };
 }
 function Ce() {
@@ -308,7 +308,7 @@ function Ce() {
   })(), R);
 }
 function be(e) {
-  const { zones: n, onZoneChange: t, renderZone: r, renderItem: i, renderDragOverlay: a } = e, c = ye({ zones: n, onZoneChange: t }), [o, p] = B.useState(L);
+  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;
@@ -317,18 +317,18 @@ function be(e) {
     }), () => {
       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(B.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);
   }) });
 }
 be.displayName = "SortableZones";
@@ -337,7 +337,7 @@ function ne({
   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: _, PointerSensor: k, KeyboardSensor: A, closestCenter: H } = a, { SortableContext: l, verticalListSortingStrategy: g } = c, C = d(
     m(k, { activationConstraint: { distance: 5 } }),
@@ -353,7 +353,7 @@ function ne({
       onDragEnd: e.handleDragEnd,
       children: [
         e.zones.map((f) => {
-          const I = f.items.map((v) => v.id), E = f.items.map((v) => /* @__PURE__ */ s(
+          const E = f.items.map((v) => v.id), I = f.items.map((v) => /* @__PURE__ */ i(
             te,
             {
               id: v.id,
@@ -363,30 +363,30 @@ function ne({
             },
             v.id
           ));
-          return /* @__PURE__ */ s(
+          return /* @__PURE__ */ i(
             re,
             {
               zoneKey: f.zoneKey,
               zoneProps: e.getZoneProps(f.zoneKey),
               useDroppable: _,
-              children: /* @__PURE__ */ s(P, { items: I, strategy: g, children: t(f.zoneKey, f.items, E) })
+              children: /* @__PURE__ */ i(P, { items: E, strategy: g, children: t(f.zoneKey, f.items, I) })
             },
             f.zoneKey
           );
         }),
-        /* @__PURE__ */ s(b, { 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({
@@ -395,8 +395,8 @@ 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);
@@ -411,19 +411,28 @@ function _e() {
 function Pe() {
   return W(V);
 }
-const De = K.number().min(7).max(90), xe = K.array(K.string().min(1)).max(6);
-function Ne(e, n) {
+const De = [
+  "today",
+  "7d",
+  "30d",
+  "60d",
+  "90d",
+  "mtd",
+  "qtd",
+  "ytd"
+], xe = K.enum(De), Ne = K.array(K.string().min(1)).max(6);
+function Oe(e, n) {
   if (e === "timeframe") {
-    const t = De.safeParse(n);
-    return t.success ? t.data : 30;
+    const t = xe.safeParse(n);
+    return t.success ? t.data : "30d";
   }
   if (e === "slots") {
-    const t = xe.safeParse(n);
+    const t = Ne.safeParse(n);
     return t.success ? t.data : [];
   }
   return n;
 }
-const Oe = {
+const we = {
   activePanelId: null,
   activeTrigger: null,
   bellCutoutOpen: !1,
@@ -434,7 +443,7 @@ const Oe = {
   lastClose: null,
   pendingSideEffects: []
 }, Y = /* @__PURE__ */ new Set(["settings"]);
-function we(e, n) {
+function Te(e, n) {
   if (e == null || e.kind !== n.kind) return !1;
   switch (e.kind) {
     case "bell":
@@ -449,7 +458,7 @@ function we(e, n) {
       return e.action === n.action && e.blockedCardId === n.blockedCardId && e.activeCardId === n.activeCardId;
   }
 }
-function Te(e, n) {
+function ke(e, n) {
   switch (n.type) {
     case "OPEN_PANEL": {
       if (e.activePanelId && e.isDirty)
@@ -467,7 +476,7 @@ function Te(e, n) {
             }
           ]
         };
-      if (e.activePanelId === n.panelId && we(e.activeTrigger, n.trigger))
+      if (e.activePanelId === n.panelId && Te(e.activeTrigger, n.trigger))
         return e;
       const t = e.activePanelId != null ? [
         {
@@ -492,12 +501,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;
@@ -537,12 +546,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 = Oe(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",
@@ -559,8 +568,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",
@@ -570,7 +579,7 @@ function Te(e, n) {
       ] : [];
       return {
         ...e,
-        bufferByCard: i,
+        bufferByCard: s,
         pendingSideEffects: [...e.pendingSideEffects, ...a]
       };
     }
@@ -611,11 +620,11 @@ function Te(e, n) {
       return e;
   }
 }
-function ke(e) {
+function Le(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 Le() {
-  const [e, n] = ce(Te, Oe), t = O([]), r = O(null);
+function Me() {
+  const [e, n] = ce(ke, we), t = O([]), r = O(null);
   w(() => () => {
     r.current != null && (window.clearTimeout(r.current), r.current = null);
   }, []), w(() => {
@@ -648,25 +657,25 @@ function Le() {
       c
     ];
   }, [e.lastClose]);
-  const i = z(
-    () => ke(e),
+  const s = z(
+    () => Le(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 on({ children: e }) {
-  const n = Le(), t = z(
+function sn({ children: e }) {
+  const n = Me(), 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 Me({ title: e, onClose: n, titleId: t }) {
+function Re({ 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",
@@ -679,8 +688,8 @@ function Me({ title: e, onClose: n, titleId: t }) {
     )
   ] });
 }
-function Re({ children: e }) {
-  return /* @__PURE__ */ s(
+function Fe({ children: e }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       "data-panel-stage": !0,
@@ -690,24 +699,24 @@ function Re({ children: e }) {
     }
   );
 }
-function Fe({ children: e }) {
-  return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
-}
 function Ae({ children: e }) {
-  return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__body", children: e });
+  return /* @__PURE__ */ i("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 });
 }
-function He({ left: e, right: n }) {
+function Be({ 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 Be({
+function Ze({
   children: e,
   onClose: n,
   title: t,
   variant: r = "no-stage",
-  stage: i,
+  stage: s,
   navigation: a,
   footer: c
 }) {
@@ -724,12 +733,12 @@ function Be({
       "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(Me, { title: t, onClose: n, titleId: p }),
-        r === "with-stage" && /* @__PURE__ */ s(Re, { children: i }),
-        a != null && /* @__PURE__ */ s(Fe, { children: a }),
-        /* @__PURE__ */ s(Ae, { children: e }),
-        c != null && /* @__PURE__ */ s(He, { left: c.left, right: c.right }),
-        o && /* @__PURE__ */ s(
+        !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(
           "button",
           {
             id: "panel-close",
@@ -744,45 +753,45 @@ function Be({
     }
   );
 }
-function sn({ isOpen: e }) {
+function ln({ isOpen: e }) {
   const n = Pe();
-  return /* @__PURE__ */ s(
-    Be,
+  return /* @__PURE__ */ i(
+    Ze,
     {
       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 Ze = {
+const Ke = {
   position: "relative",
   pointerEvents: "auto"
 };
-function Ke({ children: e, onClose: n, footer: t, title: r, variant: i = "default" }) {
+function Ue({ 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: Ze,
+      className: s === "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__ */ 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,
@@ -794,13 +803,13 @@ 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 })
       ]
     }
   );
 }
-function Ue(e) {
+function ze(e) {
   if (process.env.NODE_ENV === "production" || !e || !e.parentElement) return;
   let n = e.parentElement;
   for (; n && window.getComputedStyle(n).display === "contents"; )
@@ -815,12 +824,12 @@ function Ue(e) {
     n
   );
 }
-function ze({ isOpen: e, children: n }) {
+function Ve({ isOpen: e, children: n }) {
   const t = ee(), r = O(null);
   G(() => {
-    Ue(r.current);
+    ze(r.current);
   }, []);
-  const [i, a] = F(!1);
+  const [s, a] = F(!1);
   w(() => {
     if (!e) {
       a(!1);
@@ -831,10 +840,10 @@ function ze({ 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,
@@ -845,7 +854,7 @@ function ze({ isOpen: e, children: n }) {
     }
   );
 }
-const Ve = {
+const $e = {
   position: "fixed",
   top: 0,
   left: 0,
@@ -856,7 +865,7 @@ const Ve = {
   overflow: "visible",
   pointerEvents: "none",
   zIndex: 55
-}, $e = {
+}, je = {
   position: "fixed",
   top: "var(--tb-h, 60px)",
   left: 0,
@@ -870,9 +879,9 @@ const Ve = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function ln({ panelComponents: e }) {
-  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(
+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(
     "[panels] No panel component registered for activePanelId:",
     n.activePanelId
   ), w(() => {
@@ -898,26 +907,26 @@ function ln({ panelComponents: e }) {
       o.__panelsHostHandle?.dispatch === t && delete o.__panelsHostHandle;
     };
   }, [t, r]);
-  const c = n.activePanelId != null && i != null;
-  return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: Ve, children: [
-    c && /* @__PURE__ */ s(
+  const c = n.activePanelId != null && s != null;
+  return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: $e, children: [
+    c && /* @__PURE__ */ i(
       "div",
       {
         "data-panel-scrim": "true",
-        style: $e
+        style: je
       }
     ),
-    /* @__PURE__ */ s(ze, { isOpen: c, children: c && /* @__PURE__ */ s(
-      Ke,
+    /* @__PURE__ */ i(Ve, { isOpen: c, children: c && /* @__PURE__ */ i(
+      Ue,
       {
         isOpen: !0,
         onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
-        children: /* @__PURE__ */ s(i, { isOpen: !0 })
+        children: /* @__PURE__ */ i(s, { isOpen: !0 })
       }
     ) })
   ] });
 }
-const an = {
+const cn = {
   "apply-button": !0,
   // the ONLY commit reason
   "cancel-button": !1,
@@ -935,33 +944,33 @@ const an = {
   // 260524 panel-x-axis-transitions — viewport shrank past targetSection
 };
 export {
-  an as C,
-  nn as H,
-  sn as N,
-  on as P,
+  cn as C,
+  tn as H,
+  ln as N,
+  sn as P,
   be as S,
-  en as a,
-  tn as b,
-  We as c,
+  nn as a,
+  rn as b,
+  Xe 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,
+  an as f,
+  on as g,
+  Me as h,
+  ke as i,
+  we as j,
+  Le as k,
   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,
+  Ze as n,
+  Ve as o,
+  en as p,
+  Re as q,
+  Je as r,
+  Ge as s,
+  Fe as t,
   Pe as u,
-  Fe as v,
-  Ae as w,
-  He as x
+  Ae as v,
+  He as w,
+  Be as x
 };