@mt-gloss/ui 0.1.119 → 0.1.120

package/{COMMITS-BkM1Urzh.js → COMMITS-8eHelQHO.js}

@@ -1,6 +1,6 @@
-import { jsx as s, jsxs as N } from "react/jsx-runtime";
+import { jsx as i, jsxs as N } from "react/jsx-runtime";
 import { motion as se } from "framer-motion";
-import M, { useSyncExternalStore as ie, useState as H, useRef as L, useMemo as V, useEffect as w, useCallback as O, createContext as le, useContext as W, useReducer as ae, useLayoutEffect as X } from "react";
+import M, { useSyncExternalStore as ie, useState as H, useRef as w, useMemo as V, useEffect as L, useCallback as O, createContext as le, useContext as W, useReducer as ae, useLayoutEffect as X } from "react";
 import { z as T } from "zod";
 const ce = "(prefers-reduced-motion: reduce)";
 function G() {
@@ -37,12 +37,12 @@ function me({
   labels: o,
   ariaLabel: a = "Settings dimensions"
 }) {
-  const c = J(), l = r ?? c;
+  const c = J(), s = r ?? c;
   if (e.length < 2) return null;
   const p = (d) => o?.[d] ?? pe[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",
@@ -63,8 +63,8 @@ function me({
             onClick: () => t(d),
             onKeyDown: (R) => u(R, m),
             children: [
-              /* @__PURE__ */ s("span", { className: "settings-tab-strip__label", children: p(d) }),
-              _ && !l && /* @__PURE__ */ s(
+              /* @__PURE__ */ i("span", { className: "settings-tab-strip__label", children: p(d) }),
+              _ && !s && /* @__PURE__ */ i(
                 se.span,
                 {
                   layoutId: "settings-active-tab-indicator",
@@ -102,25 +102,25 @@ function he(e) {
 }
 function ve(e) {
   const [n, t] = H(
-    () => e.zones.map((i) => i.maxItems !== void 0 && i.items.length > i.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-      `useSortableZones: zone "${i.zoneKey}" exceeds maxItems (${i.items.length} > ${i.maxItems}); trimming to cap.`
-    ), { ...i, items: i.items.slice(0, i.maxItems) }) : i)
-  ), [r, o] = H(null), [a, c] = H(null), l = L(null), p = L(e.onZoneChange);
+    () => 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, o] = H(null), [a, c] = H(null), s = w(null), p = w(e.onZoneChange);
   p.current = e.onZoneChange;
   const u = V(
     () => he(e.zones),
     [e.zones]
-  ), d = L(u);
-  w(() => {
+  ), d = w(u);
+  L(() => {
     d.current !== u && (d.current = u, !r && t(
-      e.zones.map((i) => i.maxItems !== void 0 && i.items.length > i.maxItems ? (process.env.NODE_ENV !== "production" && console.warn(
-        `useSortableZones: zone "${i.zoneKey}" exceeds maxItems (${i.items.length} > ${i.maxItems}); trimming to cap.`
-      ), { ...i, items: i.items.slice(0, i.maxItems) }) : i)
+      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)
     ));
   }, [u, e.zones, r]);
   const m = O(
-    (i) => {
-      const g = i.active.id;
+    (l) => {
+      const g = l.active.id;
       let S = null, y = null;
       for (const b of n) {
         const P = b.items.find((f) => f.id === g);
@@ -129,23 +129,23 @@ function ve(e) {
           break;
         }
       }
-      l.current = y, o(S), c(y);
+      s.current = y, o(S), c(y);
     },
     [n]
   ), _ = O(
-    (i) => {
-      if (!i.over) {
-        c(l.current);
+    (l) => {
+      if (!l.over) {
+        c(s.current);
         return;
       }
-      const g = Q(n, i.over.id);
+      const g = Q(n, l.over.id);
       c(g);
     },
     [n]
   ), R = O(
-    (i) => {
-      const { active: g, over: S } = i, y = () => {
-        l.current = null, o(null), c(null);
+    (l) => {
+      const { active: g, over: S } = l, y = () => {
+        s.current = null, o(null), c(null);
       };
       if (!S) {
         y();
@@ -186,17 +186,17 @@ function ve(e) {
     },
     [n]
   ), B = O(
-    (i) => ({
-      id: i,
-      "data-zone-key": i
+    (l) => ({
+      id: l,
+      "data-zone-key": l
     }),
     []
   ), Z = O(
-    (i) => {
-      const g = U(n, i.id) ?? "";
+    (l) => {
+      const g = U(n, l.id) ?? "";
       return {
-        id: i.id,
-        "data-item-id": i.id,
+        id: l.id,
+        "data-item-id": l.id,
         "data-zone-key": g
       };
     },
@@ -260,27 +260,27 @@ function Ce() {
   })(), F);
 }
 function Se(e) {
-  const { zones: n, onZoneChange: t, renderZone: r, renderItem: o, renderDragOverlay: a } = e, c = ve({ zones: n, onZoneChange: t }), [l, p] = M.useState(k);
+  const { zones: n, onZoneChange: t, renderZone: r, renderItem: o, renderDragOverlay: a } = e, c = ve({ zones: n, onZoneChange: t }), [s, p] = M.useState(k);
   return M.useEffect(() => {
-    if (l) return;
+    if (s) return;
     let u = !0;
     return Ce().then((d) => {
       u && p(d);
     }), () => {
       u = !1;
     };
-  }, [l]), l ? /* @__PURE__ */ s(
+  }, [s]), s ? /* @__PURE__ */ i(
     ee,
     {
       state: c,
-      modules: l,
+      modules: s,
       renderZone: r,
       renderItem: o,
       renderDragOverlay: a
     }
-  ) : /* @__PURE__ */ s("div", { "data-sortable-zones-passive": "true", children: c.zones.map((u) => {
-    const d = u.items.map((m) => /* @__PURE__ */ s(M.Fragment, { children: o(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(M.Fragment, { children: o(m) }, m.id));
+    return /* @__PURE__ */ i("div", { ...c.getZoneProps(u.zoneKey), children: r(u.zoneKey, u.items, d) }, u.zoneKey);
   }) });
 }
 Se.displayName = "SortableZones";
@@ -291,10 +291,10 @@ function ee({
   renderItem: r,
   renderDragOverlay: o
 }) {
-  const { core: a, sortable: c, utilities: l } = n, { DndContext: p, DragOverlay: u, useSensors: d, useSensor: m, useDroppable: _, PointerSensor: R, KeyboardSensor: B, closestCenter: Z } = a, { SortableContext: i, verticalListSortingStrategy: g } = c, S = d(
+  const { core: a, sortable: c, utilities: s } = n, { DndContext: p, DragOverlay: u, useSensors: d, useSensor: m, useDroppable: _, PointerSensor: R, KeyboardSensor: B, closestCenter: Z } = a, { SortableContext: l, verticalListSortingStrategy: g } = c, S = d(
     m(R, { activationConstraint: { distance: 5 } }),
     m(B)
-  ), y = p, b = u, P = i;
+  ), y = p, b = u, P = l;
   return /* @__PURE__ */ N(
     y,
     {
@@ -305,40 +305,40 @@ function ee({
       onDragEnd: e.handleDragEnd,
       children: [
         e.zones.map((f) => {
-          const E = f.items.map((h) => h.id), I = f.items.map((h) => /* @__PURE__ */ s(
+          const E = f.items.map((h) => h.id), I = f.items.map((h) => /* @__PURE__ */ i(
             ne,
             {
               id: h.id,
               useSortable: c.useSortable,
-              cssHelper: l.CSS,
+              cssHelper: s.CSS,
               children: r(h)
             },
             h.id
           ));
-          return /* @__PURE__ */ s(
+          return /* @__PURE__ */ i(
             te,
             {
               zoneKey: f.zoneKey,
               zoneProps: e.getZoneProps(f.zoneKey),
               useDroppable: _,
-              children: /* @__PURE__ */ s(P, { items: E, strategy: g, children: t(f.zoneKey, f.items, I) })
+              children: /* @__PURE__ */ i(P, { items: E, strategy: g, children: t(f.zoneKey, f.items, I) })
             },
             f.zoneKey
           );
         }),
-        /* @__PURE__ */ s(b, { children: e.activeItem ? o?.(e.activeItem) ?? r(e.activeItem) : null })
+        /* @__PURE__ */ i(b, { children: e.activeItem ? o?.(e.activeItem) ?? r(e.activeItem) : null })
       ]
     }
   );
 }
 ee.displayName = "SortableZonesInner";
 function ne({ id: e, useSortable: n, cssHelper: t, children: r }) {
-  const { attributes: o, listeners: a, setNodeRef: c, transform: l, transition: p, isDragging: u } = n({ id: e }), d = {
-    transform: t?.Transform?.toString(l) ?? void 0,
+  const { attributes: o, listeners: a, setNodeRef: c, transform: s, transition: p, isDragging: u } = n({ id: e }), d = {
+    transform: t?.Transform?.toString(s) ?? void 0,
     transition: p,
     opacity: u ? 0.5 : 1
   };
-  return /* @__PURE__ */ s("div", { ref: c, style: d, "data-sortable-item-id": e, ...o, ...a, children: r });
+  return /* @__PURE__ */ i("div", { ref: c, style: d, "data-sortable-item-id": e, ...o, ...a, children: r });
 }
 ne.displayName = "SortableItem";
 function te({
@@ -348,7 +348,7 @@ function te({
   children: r
 }) {
   const { setNodeRef: o, isOver: a } = t({ id: e });
-  return /* @__PURE__ */ s("div", { ref: o, "data-zone-is-over": a || void 0, ...n, children: r });
+  return /* @__PURE__ */ i("div", { ref: o, "data-zone-is-over": a || void 0, ...n, children: r });
 }
 te.displayName = "ZoneDroppable";
 const $ = le(null);
@@ -364,7 +364,7 @@ function _e() {
   return W($);
 }
 const Pe = T.number().min(0).max(100), De = T.number().min(7).max(90), xe = T.enum(["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"]), Ne = T.array(T.string().min(1)).max(3), Oe = T.boolean();
-function Le(e, n) {
+function we(e, n) {
   if (e === "threshold") {
     const t = Pe.safeParse(n);
     return t.success ? t.data : 80;
@@ -387,7 +387,7 @@ function Le(e, n) {
   }
   return n;
 }
-const we = {
+const Le = {
   activePanelId: null,
   activeTrigger: null,
   bellCutoutOpen: !1,
@@ -462,8 +462,8 @@ function Re(e, n) {
           payload: { cardId: r, delta: o }
         }
       ] : [{ type: "COMMIT_BUFFER" }] : [{ type: "DISCARD_BUFFER" }] : [], c = r != null && o != null ? (() => {
-        const l = { ...e.bufferByCard };
-        return delete l[r], l;
+        const s = { ...e.bufferByCard };
+        return delete s[r], s;
       })() : e.bufferByCard;
       return {
         ...e,
@@ -501,13 +501,13 @@ function Re(e, n) {
             { type: "INVALID_DISPATCH", reason: "no-buffer-panel" }
           ]
         };
-      const t = e.bufferByCard[n.cardId], r = t == null, o = Le(n.key, n.value);
+      const t = e.bufferByCard[n.cardId], r = t == null, o = we(n.key, n.value);
       if (!r && t.changes[n.key] === o)
         return e;
       const c = { kind: "settings", changes: {
         ...t?.kind === "settings" ? t.changes : {},
         [n.key]: o
-      } }, l = { ...e.bufferByCard, [n.cardId]: c }, p = r ? [
+      } }, s = { ...e.bufferByCard, [n.cardId]: c }, p = r ? [
         {
           type: "SCHEDULE_TIMER",
           ms: 0,
@@ -516,7 +516,7 @@ function Re(e, n) {
       ] : [];
       return {
         ...e,
-        bufferByCard: l,
+        bufferByCard: s,
         pendingSideEffects: [...e.pendingSideEffects, ...p]
       };
     }
@@ -579,27 +579,27 @@ 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 Ae() {
-  const [e, n] = ae(Re, we), t = L([]), r = L(null);
-  w(() => () => {
+  const [e, n] = ae(Re, Le), t = w([]), r = w(null);
+  L(() => () => {
     r.current != null && (window.clearTimeout(r.current), r.current = null);
-  }, []), w(() => {
+  }, []), L(() => {
     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);
-        }, Math.max(0, l.ms))) : l.type === "SET_LOCK_HINT" ? n({ type: "SET_LOCK_HINT", hint: l.hint }) : l.type === "HANDOFF_CLOSE" ? t.current = [
+      for (const s of e.pendingSideEffects)
+        s.type === "SCHEDULE_TIMER" ? (r.current != null && window.clearTimeout(r.current), r.current = window.setTimeout(() => {
+          r.current = null, n(s.action);
+        }, Math.max(0, s.ms))) : s.type === "SET_LOCK_HINT" ? n({ type: "SET_LOCK_HINT", hint: s.hint }) : s.type === "HANDOFF_CLOSE" ? t.current = [
           ...t.current.slice(-99),
           {
-            panelId: l.previousPanelId,
+            panelId: s.previousPanelId,
             reason: "mutex-handoff",
             at: Date.now(),
             note: "F22: mutex-handoff synthetic close-log entry"
           }
-        ] : l.type === "INVALID_DISPATCH" && process.env.NODE_ENV !== "production" && console.warn("[panels] INVALID_DISPATCH:", l.reason);
+        ] : s.type === "INVALID_DISPATCH" && process.env.NODE_ENV !== "production" && console.warn("[panels] INVALID_DISPATCH:", s.reason);
       n({ type: "DRAIN_SIDE_EFFECTS", count: c });
     }
-  }, [e.pendingSideEffects, n]), w(() => {
+  }, [e.pendingSideEffects, n]), L(() => {
     if (!e.lastClose) return;
     const c = {
       panelId: e.lastClose.panelId,
@@ -625,12 +625,12 @@ function Ge({ children: e }) {
     // dispatch + getCloseLog are stable. state + surfaceState change on dispatch.
     [n.state, n.surfaceState, n.dispatch, n.getCloseLog]
   );
-  return /* @__PURE__ */ s($.Provider, { value: t, children: e });
+  return /* @__PURE__ */ i($.Provider, { value: t, children: e });
 }
 function Fe({ title: e, onClose: n }) {
   return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__header", children: [
-    e != null && /* @__PURE__ */ s("span", { className: "gloss-panel-chrome-v2__title", children: e }),
-    /* @__PURE__ */ s(
+    e != null && /* @__PURE__ */ i("span", { className: "gloss-panel-chrome-v2__title", children: e }),
+    /* @__PURE__ */ i(
       "button",
       {
         id: "panel-close",
@@ -644,7 +644,7 @@ function Fe({ title: e, onClose: n }) {
   ] });
 }
 function He({ children: e }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     "div",
     {
       "data-panel-stage": !0,
@@ -655,15 +655,15 @@ function He({ children: e }) {
   );
 }
 function Be({ children: e }) {
-  return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
+  return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
 }
 function Ze({ children: e }) {
-  return /* @__PURE__ */ s("div", { className: "gloss-panel-chrome-v2__body", children: e });
+  return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__body", children: e });
 }
 function Me({ 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 Ke({
@@ -675,39 +675,52 @@ function Ke({
   navigation: a,
   footer: c
 }) {
+  const s = t == null && r === "with-stage";
   return /* @__PURE__ */ N(
     "div",
     {
       "data-chrome": "panel-v2",
       "data-chrome-variant": r,
+      "data-headerless": s || void 0,
       role: "dialog",
       "aria-modal": "true",
-      className: `gloss-panel-chrome-v2 gloss-panel-chrome-v2--${r}`,
+      className: `gloss-panel-chrome-v2 gloss-panel-chrome-v2--${r}${s ? " gloss-panel-chrome-v2--headerless" : ""}`,
       children: [
-        /* @__PURE__ */ s(Fe, { title: t, onClose: n }),
-        r === "with-stage" && /* @__PURE__ */ s(He, { children: o }),
-        a != null && /* @__PURE__ */ s(Be, { children: a }),
-        /* @__PURE__ */ s(Ze, { children: e }),
-        c != null && /* @__PURE__ */ s(Me, { left: c.left, right: c.right })
+        !s && /* @__PURE__ */ i(Fe, { title: t, onClose: n }),
+        r === "with-stage" && /* @__PURE__ */ i(He, { children: o }),
+        a != null && /* @__PURE__ */ i(Be, { children: a }),
+        /* @__PURE__ */ i(Ze, { children: e }),
+        c != null && /* @__PURE__ */ i(Me, { left: c.left, right: c.right }),
+        s && /* @__PURE__ */ i(
+          "button",
+          {
+            id: "panel-close",
+            type: "button",
+            "aria-label": "Close panel",
+            className: "gloss-panel-chrome-v2__close gloss-panel-chrome-v2__close--floating",
+            onClick: n,
+            children: "×"
+          }
+        )
       ]
     }
   );
 }
 function Je({ isOpen: e }) {
   const n = _e();
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     Ke,
     {
       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" })
         }
       )
     }
@@ -729,8 +742,8 @@ function Ve({ children: e, onClose: n, footer: t, title: r, variant: o = "defaul
       style: Ue,
       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: "panel-close",
@@ -742,8 +755,8 @@ function Ve({ children: e, onClose: n, footer: t, title: r, variant: o = "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 })
       ]
     }
   );
@@ -760,25 +773,25 @@ function $e(e) {
   );
 }
 function ze({ isOpen: e, children: n }) {
-  const t = J(), r = L(null);
+  const t = J(), r = w(null);
   X(() => {
     $e(r.current);
   }, []);
   const [o, a] = H(!1);
-  w(() => {
+  L(() => {
     if (!e) {
       a(!1);
       return;
     }
-    const l = requestAnimationFrame(() => a(!0));
-    return () => cancelAnimationFrame(l);
+    const s = requestAnimationFrame(() => a(!0));
+    return () => cancelAnimationFrame(s);
   }, [e]);
   const c = [
     "gloss-panel-mount",
     o ? "has-panel" : "",
     t ? "reduced-motion" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: r,
@@ -821,7 +834,7 @@ function en({ panelComponents: e }) {
   n.activePanelId && !o && process.env.NODE_ENV !== "production" && console.error(
     "[panels] No panel component registered for activePanelId:",
     n.activePanelId
-  ), w(() => {
+  ), L(() => {
     if (n.activePanelId == null) return;
     function p(u) {
       u.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
@@ -830,10 +843,10 @@ function en({ panelComponents: e }) {
       document.removeEventListener("keydown", p);
     };
   }, [n.activePanelId, t]);
-  const a = L(n);
+  const a = w(n);
   X(() => {
     a.current = n;
-  }), w(() => {
+  }), L(() => {
     if (process.env.NODE_ENV === "production") return;
     const p = window;
     return p.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), p.__panelsHostHandle = {
@@ -846,9 +859,9 @@ function en({ panelComponents: e }) {
   }, [t, r]);
   const c = O(() => {
     t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
-  }, [t]), l = n.activePanelId != null && o != null;
+  }, [t]), s = n.activePanelId != null && o != null;
   return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: je, children: [
-    l && /* @__PURE__ */ s(
+    s && /* @__PURE__ */ i(
       "div",
       {
         "data-panel-scrim": "true",
@@ -856,12 +869,12 @@ function en({ panelComponents: e }) {
         onClick: c
       }
     ),
-    /* @__PURE__ */ s(ze, { isOpen: l, children: l && /* @__PURE__ */ s(
+    /* @__PURE__ */ i(ze, { isOpen: s, children: s && /* @__PURE__ */ i(
       Ve,
       {
         isOpen: !0,
         onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
-        children: /* @__PURE__ */ s(o, { isOpen: !0 })
+        children: /* @__PURE__ */ i(o, { isOpen: !0 })
       }
     ) })
   ] });
@@ -894,7 +907,7 @@ export {
   ke as f,
   me as g,
   J as h,
-  we as i,
+  Le as i,
   Ke as j,
   ze as k,
   Fe as l,