@mt-gloss/ui 0.1.121 → 0.1.123

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

@@ -1,35 +1,35 @@
 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 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 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, useId as ce, useLayoutEffect as X } from "react";
 import { z as T } from "zod";
-const ce = "(prefers-reduced-motion: reduce)";
+const de = "(prefers-reduced-motion: reduce)";
 function G() {
-  return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(ce);
+  return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(de);
 }
-function de(e) {
+function ue(e) {
   const n = G();
   return n ? (n.addEventListener("change", e), () => {
     n.removeEventListener("change", e);
   }) : () => {
   };
 }
-function ue() {
+function fe() {
   const e = G();
   return e ? e.matches : !1;
 }
-function fe() {
+function pe() {
   return !1;
 }
 function J() {
-  return ie(de, ue, fe);
+  return ie(ue, fe, pe);
 }
-const pe = {
+const me = {
   threshold: "Threshold",
   timeframe: "Timeframe",
   slots: "Slots",
   color: "Color"
 };
-function me({
+function ge({
   dimensions: e,
   activeTab: n,
   onSelect: t,
@@ -39,7 +39,7 @@ function me({
 }) {
   const c = J(), s = r ?? c;
   if (e.length < 2) return null;
-  const p = (d) => o?.[d] ?? pe[d], u = (d, m) => {
+  const f = (d) => o?.[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(
@@ -63,7 +63,7 @@ function me({
             onClick: () => t(d),
             onKeyDown: (R) => u(R, m),
             children: [
-              /* @__PURE__ */ i("span", { className: "settings-tab-strip__label", children: p(d) }),
+              /* @__PURE__ */ i("span", { className: "settings-tab-strip__label", children: f(d) }),
               _ && !s && /* @__PURE__ */ i(
                 se.span,
                 {
@@ -82,7 +82,7 @@ function me({
     }
   );
 }
-me.displayName = "SettingsTabStrip";
+ge.displayName = "SettingsTabStrip";
 function U(e, n) {
   for (const t of e)
     if (t.items.some((r) => r.id === n))
@@ -93,22 +93,22 @@ function Q(e, n) {
   const t = e.find((r) => r.zoneKey === n);
   return t ? t.zoneKey : U(e, n);
 }
-function ge(e, n, t) {
+function he(e, n, t) {
   const r = [...e], [o] = r.splice(n, 1);
   return r.splice(t, 0, o), r;
 }
-function he(e) {
+function ve(e) {
   return e.map((n) => `${n.zoneKey}:${n.items.map((t) => t.id).join(",")}`).join("|");
 }
-function ve(e) {
+function ye(e) {
   const [n, t] = H(
     () => 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;
+  ), [r, o] = H(null), [a, c] = H(null), s = w(null), f = w(e.onZoneChange);
+  f.current = e.onZoneChange;
   const u = V(
-    () => he(e.zones),
+    () => ve(e.zones),
     [e.zones]
   ), d = w(u);
   L(() => {
@@ -123,7 +123,7 @@ function ve(e) {
       const g = l.active.id;
       let S = null, y = null;
       for (const b of n) {
-        const P = b.items.find((f) => f.id === g);
+        const P = b.items.find((p) => p.id === g);
         if (P) {
           S = P, y = b.zoneKey;
           break;
@@ -156,15 +156,15 @@ function ve(e) {
         y();
         return;
       }
-      let f = n.map((E) => ({ ...E, items: [...E.items] }));
+      let p = n.map((E) => ({ ...E, items: [...E.items] }));
       if (b === P) {
-        const E = f.findIndex((D) => D.zoneKey === b), I = f[E], h = I.items.findIndex((D) => D.id === g.id), C = I.items.findIndex((D) => D.id === S.id), A = C >= 0 ? C : Math.max(0, I.items.length - 1);
-        f[E] = {
+        const E = p.findIndex((D) => D.zoneKey === b), I = p[E], h = I.items.findIndex((D) => D.id === g.id), C = I.items.findIndex((D) => D.id === S.id), A = C >= 0 ? C : Math.max(0, I.items.length - 1);
+        p[E] = {
           ...I,
-          items: ge(I.items, h, A)
+          items: he(I.items, h, A)
         };
       } else {
-        const E = f.findIndex((v) => v.zoneKey === b), I = f.findIndex((v) => v.zoneKey === P), h = f[E], C = f[I], A = h.items.find((v) => v.id === g.id);
+        const E = p.findIndex((v) => v.zoneKey === b), I = p.findIndex((v) => v.zoneKey === P), h = p[E], C = p[I], A = h.items.find((v) => v.id === g.id);
         if (!A) {
           y();
           return;
@@ -180,9 +180,9 @@ function ve(e) {
           A,
           ...x.slice(q)
         ];
-        f[E] = { ...h, items: j }, f[I] = { ...C, items: oe };
+        p[E] = { ...h, items: j }, p[I] = { ...C, items: oe };
       }
-      t(f), p.current?.(f), y();
+      t(p), f.current?.(p), y();
     },
     [n]
   ), B = O(
@@ -214,7 +214,7 @@ function ve(e) {
   };
 }
 let k = null, F = null, K = !1;
-const ye = [
+const Ee = [
   "DndContext",
   "DragOverlay",
   "useSensors",
@@ -223,21 +223,21 @@ const ye = [
   "PointerSensor",
   "KeyboardSensor",
   "closestCenter"
-], Ee = [
+], Ie = [
   "SortableContext",
   "useSortable",
   "verticalListSortingStrategy"
 ];
-function Ie(e, n) {
+function Ce(e, n) {
   const t = [], r = e ?? {};
-  for (const a of ye)
+  for (const a of Ee)
     r[a] === void 0 && t.push(`@dnd-kit/core:${a}`);
   const o = n ?? {};
-  for (const a of Ee)
+  for (const a of Ie)
     o[a] === void 0 && t.push(`@dnd-kit/sortable:${a}`);
   return t.length === 0 ? { ok: !0 } : { ok: !1, missing: t };
 }
-function Ce() {
+function Se() {
   return k ? Promise.resolve(k) : K ? Promise.resolve(null) : F || (F = (async () => {
     try {
       const [e, n, t] = await Promise.all([
@@ -246,7 +246,7 @@ function Ce() {
         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 = Ie(e, n);
+      ]), r = Ce(e, n);
       return r.ok ? (k = {
         core: e,
         sortable: n,
@@ -259,13 +259,13 @@ function Ce() {
     }
   })(), F);
 }
-function Se(e) {
-  const { zones: n, onZoneChange: t, renderZone: r, renderItem: o, renderDragOverlay: a } = e, c = ve({ zones: n, onZoneChange: t }), [s, p] = M.useState(k);
+function be(e) {
+  const { zones: n, onZoneChange: t, renderZone: r, renderItem: o, renderDragOverlay: a } = e, c = ye({ zones: n, onZoneChange: t }), [s, f] = M.useState(k);
   return M.useEffect(() => {
     if (s) return;
     let u = !0;
-    return Ce().then((d) => {
-      u && p(d);
+    return Se().then((d) => {
+      u && f(d);
     }), () => {
       u = !1;
     };
@@ -283,7 +283,7 @@ function Se(e) {
     return /* @__PURE__ */ i("div", { ...c.getZoneProps(u.zoneKey), children: r(u.zoneKey, u.items, d) }, u.zoneKey);
   }) });
 }
-Se.displayName = "SortableZones";
+be.displayName = "SortableZones";
 function ee({
   state: e,
   modules: n,
@@ -291,10 +291,10 @@ function ee({
   renderItem: r,
   renderDragOverlay: o
 }) {
-  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(
+  const { core: a, sortable: c, utilities: s } = n, { DndContext: f, 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 = l;
+  ), y = f, b = u, P = l;
   return /* @__PURE__ */ N(
     y,
     {
@@ -304,8 +304,8 @@ function ee({
       onDragOver: e.handleDragOver,
       onDragEnd: e.handleDragEnd,
       children: [
-        e.zones.map((f) => {
-          const E = f.items.map((h) => h.id), I = f.items.map((h) => /* @__PURE__ */ i(
+        e.zones.map((p) => {
+          const E = p.items.map((h) => h.id), I = p.items.map((h) => /* @__PURE__ */ i(
             ne,
             {
               id: h.id,
@@ -318,12 +318,12 @@ function ee({
           return /* @__PURE__ */ i(
             te,
             {
-              zoneKey: f.zoneKey,
-              zoneProps: e.getZoneProps(f.zoneKey),
+              zoneKey: p.zoneKey,
+              zoneProps: e.getZoneProps(p.zoneKey),
               useDroppable: _,
-              children: /* @__PURE__ */ i(P, { items: E, strategy: g, children: t(f.zoneKey, f.items, I) })
+              children: /* @__PURE__ */ i(P, { items: E, strategy: g, children: t(p.zoneKey, p.items, I) })
             },
-            f.zoneKey
+            p.zoneKey
           );
         }),
         /* @__PURE__ */ i(b, { children: e.activeItem ? o?.(e.activeItem) ?? r(e.activeItem) : null })
@@ -333,9 +333,9 @@ function ee({
 }
 ee.displayName = "SortableZonesInner";
 function ne({ id: e, useSortable: n, cssHelper: t, children: r }) {
-  const { attributes: o, listeners: a, setNodeRef: c, transform: s, transition: p, isDragging: u } = n({ id: e }), d = {
+  const { attributes: o, listeners: a, setNodeRef: c, transform: s, transition: f, isDragging: u } = n({ id: e }), d = {
     transform: t?.Transform?.toString(s) ?? void 0,
-    transition: p,
+    transition: f,
     opacity: u ? 0.5 : 1
   };
   return /* @__PURE__ */ i("div", { ref: c, style: d, "data-sortable-item-id": e, ...o, ...a, children: r });
@@ -352,7 +352,7 @@ function te({
 }
 te.displayName = "ZoneDroppable";
 const $ = le(null);
-function be() {
+function _e() {
   const e = W($);
   if (!e)
     throw new Error(
@@ -360,34 +360,34 @@ function be() {
     );
   return e;
 }
-function _e() {
+function Pe() {
   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 we(e, n) {
+const De = T.number().min(0).max(100), xe = T.number().min(7).max(90), Ne = T.enum(["#1d6fd8", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6"]), Oe = T.array(T.string().min(1)).max(3), we = T.boolean();
+function Le(e, n) {
   if (e === "threshold") {
-    const t = Pe.safeParse(n);
+    const t = De.safeParse(n);
     return t.success ? t.data : 80;
   }
   if (e === "timeframe") {
-    const t = De.safeParse(n);
+    const t = xe.safeParse(n);
     return t.success ? t.data : 30;
   }
   if (e === "accent") {
-    const t = xe.safeParse(n);
+    const t = Ne.safeParse(n);
     return t.success ? t.data : null;
   }
   if (e === "slots") {
-    const t = Ne.safeParse(n);
+    const t = Oe.safeParse(n);
     return t.success ? t.data : [];
   }
   if (e === "thresholdEnabled" || e === "accentEnabled") {
-    const t = Oe.safeParse(n);
+    const t = we.safeParse(n);
     return t.success ? t.data : !1;
   }
   return n;
 }
-const Le = {
+const Te = {
   activePanelId: null,
   activeTrigger: null,
   bellCutoutOpen: !1,
@@ -398,7 +398,7 @@ const Le = {
   lastClose: null,
   pendingSideEffects: []
 }, Y = /* @__PURE__ */ new Set(["settings"]);
-function Te(e, n) {
+function Re(e, n) {
   if (e == null || e.kind !== n.kind) return !1;
   switch (e.kind) {
     case "bell":
@@ -413,7 +413,7 @@ function Te(e, n) {
       return e.action === n.action && e.blockedCardId === n.blockedCardId && e.activeCardId === n.activeCardId;
   }
 }
-function Re(e, n) {
+function ke(e, n) {
   switch (n.type) {
     case "OPEN_PANEL": {
       if (e.activePanelId && e.isDirty)
@@ -431,7 +431,7 @@ function Re(e, n) {
             }
           ]
         };
-      if (e.activePanelId === n.panelId && Te(e.activeTrigger, n.trigger))
+      if (e.activePanelId === n.panelId && Re(e.activeTrigger, n.trigger))
         return e;
       const t = e.activePanelId != null ? [
         {
@@ -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 = we(n.key, n.value);
+      const t = e.bufferByCard[n.cardId], r = t == null, o = Le(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
-      } }, s = { ...e.bufferByCard, [n.cardId]: c }, p = r ? [
+      } }, s = { ...e.bufferByCard, [n.cardId]: c }, f = r ? [
         {
           type: "SCHEDULE_TIMER",
           ms: 0,
@@ -517,7 +517,7 @@ function Re(e, n) {
       return {
         ...e,
         bufferByCard: s,
-        pendingSideEffects: [...e.pendingSideEffects, ...p]
+        pendingSideEffects: [...e.pendingSideEffects, ...f]
       };
     }
     case "CLEAR_BUFFER": {
@@ -575,11 +575,11 @@ function Re(e, n) {
       return e;
   }
 }
-function ke(e) {
+function Ae(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, Le), t = w([]), r = w(null);
+function Fe() {
+  const [e, n] = ae(ke, Te), t = w([]), r = w(null);
   L(() => () => {
     r.current != null && (window.clearTimeout(r.current), r.current = null);
   }, []), L(() => {
@@ -613,13 +613,13 @@ function Ae() {
     ];
   }, [e.lastClose]);
   const o = V(
-    () => ke(e),
+    () => Ae(e),
     [e.activePanelId, e.bellCutoutOpen, e.isDirty]
   ), a = O(() => t.current.slice(), []);
   return { state: e, surfaceState: o, dispatch: n, getCloseLog: a };
 }
-function Ge({ children: e }) {
-  const n = Ae(), t = V(
+function Je({ children: e }) {
+  const n = Fe(), t = V(
     () => n,
     // Re-publish only when one of the four coordinator fields changes identity.
     // dispatch + getCloseLog are stable. state + surfaceState change on dispatch.
@@ -627,9 +627,9 @@ function Ge({ children: e }) {
   );
   return /* @__PURE__ */ i($.Provider, { value: t, children: e });
 }
-function Fe({ title: e, onClose: n }) {
+function He({ title: e, onClose: n, titleId: t }) {
   return /* @__PURE__ */ N("div", { className: "gloss-panel-chrome-v2__header", children: [
-    e != null && /* @__PURE__ */ i("span", { className: "gloss-panel-chrome-v2__title", children: e }),
+    e != null && /* @__PURE__ */ i("span", { id: t, className: "gloss-panel-chrome-v2__title", children: e }),
     /* @__PURE__ */ i(
       "button",
       {
@@ -643,7 +643,7 @@ function Fe({ title: e, onClose: n }) {
     )
   ] });
 }
-function He({ children: e }) {
+function Be({ children: e }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -654,19 +654,19 @@ function He({ children: e }) {
     }
   );
 }
-function Be({ children: e }) {
+function Ze({ children: e }) {
   return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__navigation", children: e });
 }
-function Ze({ children: e }) {
+function Me({ children: e }) {
   return /* @__PURE__ */ i("div", { className: "gloss-panel-chrome-v2__body", children: e });
 }
-function Me({ left: e, right: n }) {
+function Ke({ 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 })
   ] });
 }
-function Ke({
+function Ue({
   children: e,
   onClose: n,
   title: t,
@@ -675,7 +675,7 @@ function Ke({
   navigation: a,
   footer: c
 }) {
-  const s = t == null && r === "with-stage";
+  const s = t == null && r === "with-stage", f = ce(), u = t != null;
   return /* @__PURE__ */ N(
     "div",
     {
@@ -684,13 +684,15 @@ function Ke({
       "data-headerless": s || void 0,
       role: "dialog",
       "aria-modal": "true",
+      "aria-labelledby": u ? f : void 0,
+      "aria-label": u ? void 0 : "Panel",
       className: `gloss-panel-chrome-v2 gloss-panel-chrome-v2--${r}${s ? " gloss-panel-chrome-v2--headerless" : ""}`,
       children: [
-        !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(He, { title: t, onClose: n, titleId: f }),
+        r === "with-stage" && /* @__PURE__ */ i(Be, { children: o }),
+        a != null && /* @__PURE__ */ i(Ze, { children: a }),
+        /* @__PURE__ */ i(Me, { children: e }),
+        c != null && /* @__PURE__ */ i(Ke, { left: c.left, right: c.right }),
         s && /* @__PURE__ */ i(
           "button",
           {
@@ -706,10 +708,10 @@ function Ke({
     }
   );
 }
-function Je({ isOpen: e }) {
-  const n = _e();
+function en({ isOpen: e }) {
+  const n = Pe();
   return /* @__PURE__ */ i(
-    Ke,
+    Ue,
     {
       variant: "no-stage",
       title: "Notifications",
@@ -726,11 +728,11 @@ function Je({ isOpen: e }) {
     }
   );
 }
-const Ue = {
+const Ve = {
   position: "relative",
   pointerEvents: "auto"
 };
-function Ve({ children: e, onClose: n, footer: t, title: r, variant: o = "default" }) {
+function $e({ children: e, onClose: n, footer: t, title: r, variant: o = "default" }) {
   return /* @__PURE__ */ N(
     "div",
     {
@@ -739,7 +741,7 @@ function Ve({ children: e, onClose: n, footer: t, title: r, variant: o = "defaul
       role: "dialog",
       "aria-modal": "true",
       className: o === "merged-stage" ? "gloss-panel-chrome gloss-panel-chrome--merged-stage" : "gloss-panel-chrome",
-      style: Ue,
+      style: Ve,
       children: [
         /* @__PURE__ */ N("div", { className: "gloss-panel-chrome__header", children: [
           r != null && /* @__PURE__ */ i("span", { className: "gloss-panel-chrome__title", children: r }),
@@ -761,7 +763,7 @@ function Ve({ children: e, onClose: n, footer: t, title: r, variant: o = "defaul
     }
   );
 }
-function $e(e) {
+function ze(e) {
   if (process.env.NODE_ENV === "production" || !e || !e.parentElement) return;
   const n = e.parentElement, t = window.getComputedStyle(n);
   t.perspective === "none" && console.warn(
@@ -772,10 +774,10 @@ function $e(e) {
     n
   );
 }
-function ze({ isOpen: e, children: n }) {
+function je({ isOpen: e, children: n }) {
   const t = J(), r = w(null);
   X(() => {
-    $e(r.current);
+    ze(r.current);
   }, []);
   const [o, a] = H(!1);
   L(() => {
@@ -802,7 +804,7 @@ function ze({ isOpen: e, children: n }) {
     }
   );
 }
-const je = {
+const qe = {
   position: "fixed",
   top: 0,
   left: 0,
@@ -813,7 +815,7 @@ const je = {
   overflow: "visible",
   pointerEvents: "none",
   zIndex: 55
-}, qe = {
+}, Qe = {
   position: "fixed",
   top: "var(--tb-h, 60px)",
   left: 0,
@@ -829,18 +831,18 @@ const je = {
   pointerEvents: "none",
   background: "rgba(0, 0, 0, 0.04)"
 };
-function en({ panelComponents: e }) {
-  const { state: n, dispatch: t, getCloseLog: r } = be(), o = n.activePanelId ? e[n.activePanelId] : null;
+function nn({ panelComponents: e }) {
+  const { state: n, dispatch: t, getCloseLog: r } = _e(), o = n.activePanelId ? e[n.activePanelId] : null;
   n.activePanelId && !o && process.env.NODE_ENV !== "production" && console.error(
     "[panels] No panel component registered for activePanelId:",
     n.activePanelId
   ), L(() => {
     if (n.activePanelId == null) return;
-    function p(u) {
+    function f(u) {
       u.key === "Escape" && t({ type: "CLOSE_PANEL", reason: "escape-key" });
     }
-    return document.addEventListener("keydown", p), () => {
-      document.removeEventListener("keydown", p);
+    return document.addEventListener("keydown", f), () => {
+      document.removeEventListener("keydown", f);
     };
   }, [n.activePanelId, t]);
   const a = w(n);
@@ -848,29 +850,29 @@ function en({ panelComponents: e }) {
     a.current = n;
   }), 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 = {
+    const f = window;
+    return f.__panelsHostHandle && console.warn("[panels] multiple PanelHost/PanelHostShell instances mounted; dev handle is unreliable"), f.__panelsHostHandle = {
       dispatch: t,
       getState: () => a.current,
       getCloseLog: r
     }, () => {
-      p.__panelsHostHandle?.dispatch === t && delete p.__panelsHostHandle;
+      f.__panelsHostHandle?.dispatch === t && delete f.__panelsHostHandle;
     };
   }, [t, r]);
   const c = O(() => {
     t({ type: "CLOSE_PANEL", reason: "nav-escape-hatch" });
   }, [t]), s = n.activePanelId != null && o != null;
-  return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: je, children: [
+  return /* @__PURE__ */ N("div", { "data-panel-host": "true", style: qe, children: [
     s && /* @__PURE__ */ i(
       "div",
       {
         "data-panel-scrim": "true",
-        style: qe,
+        style: Qe,
         onClick: c
       }
     ),
-    /* @__PURE__ */ i(ze, { isOpen: s, children: s && /* @__PURE__ */ i(
-      Ve,
+    /* @__PURE__ */ i(je, { isOpen: s, children: s && /* @__PURE__ */ i(
+      $e,
       {
         isOpen: !0,
         onClose: () => t({ type: "CLOSE_PANEL", reason: "header-x" }),
@@ -879,7 +881,7 @@ function en({ panelComponents: e }) {
     ) })
   ] });
 }
-const nn = {
+const tn = {
   "apply-button": !0,
   // the ONLY commit reason
   "cancel-button": !1,
@@ -895,26 +897,26 @@ const nn = {
   // Phase 11.6 D-19 — R9 drag-start auto-close discards buffer
 };
 export {
-  nn as C,
-  Je as N,
-  Ge as P,
-  Se as S,
-  ve as a,
-  be as b,
-  en as c,
-  Ve as d,
-  Ae as e,
-  ke as f,
-  me as g,
+  tn as C,
+  en as N,
+  Je as P,
+  be as S,
+  ye as a,
+  _e as b,
+  nn as c,
+  $e as d,
+  Fe as e,
+  Ae as f,
+  ge as g,
   J as h,
-  Le as i,
-  Ke as j,
-  ze as k,
-  Fe as l,
-  He as m,
-  Be as n,
-  Ze as o,
-  Me as p,
-  Re as r,
-  _e as u
+  Te as i,
+  Ue as j,
+  je as k,
+  He as l,
+  Be as m,
+  Ze as n,
+  Me as o,
+  Ke as p,
+  ke as r,
+  Pe as u
 };