react-panel-layout 0.6.1 → 0.7.0

package/dist/{PanelSystem-BqUzNtf2.js → PanelSystem-DDUSFjXD.js}

@@ -1,23 +1,24 @@
 import { jsx as m, jsxs as N, Fragment as et } from "react/jsx-runtime";
 import * as l from "react";
-import { e as M, t as Dt, G as ot } from "./GridLayout-UWNxXw77.js";
+import { e as M, t as Dt, G as ot } from "./GridLayout-B4aCqSyd.js";
+import { j as dt, k, l as kt } from "./FloatingWindow-Bw2djgpz.js";
 import { u as J } from "./useDocumentPointerEvents-DXxw3qWj.js";
-import { a as kt, R as st } from "./ResizeHandle-CXjc1meV.js";
-import { J as At, K as Mt, L as Ot, M as _t, N as Bt, O as $t, T as Nt, Q as Ht, U as Lt, V as zt, W as Xt, X as Yt, Y as Ft, Z as jt } from "./styles-NkjuMOVS.js";
+import { a as At, R as st } from "./ResizeHandle-CXjc1meV.js";
+import { J as Mt, K as _t, L as Ot, M as Bt, N as $t, O as Nt, T as Ht, Q as Lt, U as zt, V as Xt, W as Yt, X as Ft, Y as jt, Z as Kt } from "./styles-NkjuMOVS.js";
 import { u as nt } from "./useIsomorphicLayoutEffect-DhmEnmZ_.js";
-import { createPortal as Kt } from "react-dom";
-import { u as Wt } from "./useContentCache-CO3LYNmz.js";
-const dt = l.createContext(null), Ut = () => {
-  const t = l.useContext(dt);
+import { createPortal as Wt } from "react-dom";
+import { u as Ut } from "./useContentCache-CO3LYNmz.js";
+const pt = l.createContext(null), Vt = () => {
+  const t = l.useContext(pt);
   if (!t)
     throw new Error("useKeybindings must be used within KeybindingsProvider");
   return t;
-}, Vt = (t) => {
+}, qt = (t) => {
   const e = [];
   t.metaKey && e.push("Mod"), t.ctrlKey && e.push("Ctrl"), t.altKey && e.push("Alt"), t.shiftKey && e.push("Shift");
   const n = t.key.length === 1 ? t.key.toUpperCase() : t.key;
   return e.push(n), e.join("-");
-}, qt = ({ children: t, configure: e }) => {
+}, Zt = ({ children: t, configure: e }) => {
   const n = l.useRef({}), r = l.useCallback((a, i) => {
     n.current = { ...n.current, [a]: i };
   }, []), o = l.useCallback((a) => {
@@ -26,7 +27,7 @@ const dt = l.createContext(null), Ut = () => {
   }, []);
   l.useEffect(() => {
     const a = (i) => {
-      const c = Vt(i), u = n.current[c];
+      const c = qt(i), u = n.current[c];
       u && u(i);
     };
     return window.addEventListener("keydown", a), () => {
@@ -36,8 +37,8 @@ const dt = l.createContext(null), Ut = () => {
   const s = l.useMemo(() => ({ register: r, unregister: o }), [r, o]);
   return l.useEffect(() => {
     e && e(s);
-  }, [s, e]), /* @__PURE__ */ m(dt.Provider, { value: s, children: t });
-}, Zt = (t, e) => {
+  }, [s, e]), /* @__PURE__ */ m(pt.Provider, { value: s, children: t });
+}, Jt = (t, e) => {
   t.register("Mod-\\", (n) => {
     n.preventDefault(), e.splitFocused("vertical");
   }), t.register("Mod-Shift-\\", (n) => {
@@ -52,9 +53,9 @@ const dt = l.createContext(null), Ut = () => {
   }), t.register("Alt-ArrowLeft", (n) => {
     n.preventDefault(), e.focusPrevGroup();
   });
-}, Jt = (t) => t.type === "group", pt = (t, e = { x: 0, y: 0, w: 100, h: 100 }) => {
+}, Qt = (t) => t.type === "group", ft = (t, e = { x: 0, y: 0, w: 100, h: 100 }) => {
   const n = /* @__PURE__ */ new Map(), r = (o, s) => {
-    if (Jt(o)) {
+    if (Qt(o)) {
       n.set(o.groupId, s);
       return;
     }
@@ -67,8 +68,8 @@ const dt = l.createContext(null), Ut = () => {
     r(o.a, { x: s.x, y: s.y, w: s.w, h: a }), r(o.b, { x: s.x, y: s.y + a, w: s.w, h: i });
   };
   return r(t, e), n;
-}, Qt = (t, e) => {
-  const n = pt(t.tree), r = {
+}, te = (t, e) => {
+  const n = ft(t.tree), r = {
     areas: [["root"]],
     rows: [{ size: "1fr" }],
     columns: [{ size: "1fr" }],
@@ -93,17 +94,17 @@ const dt = l.createContext(null), Ut = () => {
     };
   });
   return { config: r, layers: o };
-}, te = (t, e, n) => {
-  const r = pt(t.tree), o = Array.from(new Set(Array.from(r.values()).flatMap((h) => [h.x, h.x + h.w]))).sort((h, v) => h - v), s = Array.from(new Set(Array.from(r.values()).flatMap((h) => [h.y, h.y + h.h]))).sort((h, v) => h - v), a = o.slice(1).map((h, v) => `${h - o[v]}fr`), i = s.slice(1).map((h, v) => `${h - s[v]}fr`), c = a.map((h) => ({ size: h, resizable: n })), u = i.map((h) => ({ size: h, resizable: n })), d = (h, v, w, T) => {
-    for (const [f, I] of r.entries())
-      if (h >= I.x && v <= I.x + I.w && w >= I.y && T <= I.y + I.h)
+}, ee = (t, e, n) => {
+  const r = ft(t.tree), o = Array.from(new Set(Array.from(r.values()).flatMap((h) => [h.x, h.x + h.w]))).sort((h, v) => h - v), s = Array.from(new Set(Array.from(r.values()).flatMap((h) => [h.y, h.y + h.h]))).sort((h, v) => h - v), a = o.slice(1).map((h, v) => `${h - o[v]}fr`), i = s.slice(1).map((h, v) => `${h - s[v]}fr`), c = a.map((h) => ({ size: h, resizable: n })), u = i.map((h) => ({ size: h, resizable: n })), d = (h, v, I, T) => {
+    for (const [f, w] of r.entries())
+      if (h >= w.x && v <= w.x + w.w && I >= w.y && T <= w.y + w.h)
         return f;
     return ".";
   }, b = [];
   for (let h = 0; h < s.length - 1; h += 1) {
     const v = [];
-    for (let w = 0; w < o.length - 1; w += 1)
-      v.push(d(o[w], o[w + 1], s[h], s[h + 1]));
+    for (let I = 0; I < o.length - 1; I += 1)
+      v.push(d(o[I], o[I + 1], s[h], s[h + 1]));
     b.push(v);
   }
   const g = {
@@ -117,17 +118,17 @@ const dt = l.createContext(null), Ut = () => {
     component: e(h)
   }));
   return { config: g, layers: y };
-}, ft = l.createContext(null), ee = () => {
-  const t = l.useContext(ft);
+}, bt = l.createContext(null), ne = () => {
+  const t = l.useContext(bt);
   if (!t)
     throw new Error("usePanelRenderContext must be used within PanelRenderProvider");
   return t;
-}, ne = ({ value: t, children: e }) => /* @__PURE__ */ m(ft.Provider, { value: t, children: e }), bt = l.createContext(null), ht = () => {
-  const t = l.useContext(bt);
+}, re = ({ value: t, children: e }) => /* @__PURE__ */ m(bt.Provider, { value: t, children: e }), ht = l.createContext(null), gt = () => {
+  const t = l.useContext(ht);
   if (!t)
     throw new Error("useDomRegistry must be used within DomRegistryProvider");
   return t;
-}, re = ({ children: t }) => {
+}, oe = ({ children: t }) => {
   const e = l.useRef(/* @__PURE__ */ new Map()), n = l.useCallback((c) => {
     const u = e.current.get(c);
     if (u)
@@ -162,26 +163,26 @@ const dt = l.createContext(null), Ut = () => {
     },
     [n]
   ), a = l.useCallback(() => e.current, []), i = l.useMemo(() => ({ setGroupEl: r, setTabbarEl: o, setContentEl: s, getAll: a }), [r, o, s, a]);
-  return /* @__PURE__ */ m(bt.Provider, { value: i, children: t });
-}, oe = {
+  return /* @__PURE__ */ m(ht.Provider, { value: i, children: t });
+}, se = {
   display: "flex",
   flexDirection: "column",
   width: "100%",
   height: "100%"
-}, se = {
+}, ie = {
   flex: "1 1 auto",
   minWidth: 0,
   minHeight: 0,
   position: "relative",
   overflow: "hidden"
 };
-function ie(t, e, n, r) {
+function ae(t, e, n, r) {
   return t ? l.cloneElement(t, n, r) : e ? /* @__PURE__ */ m(e, { ...n, children: r }) : /* @__PURE__ */ m("div", { ...n, children: r });
 }
-function ae(t, e, n, r) {
+function ce(t, e, n, r) {
   return t ? l.cloneElement(t, n, r) : e ? /* @__PURE__ */ m(e, { ...n, children: r }) : /* @__PURE__ */ m("div", { ...n, children: r });
 }
-const ce = ({
+const ue = ({
   group: t,
   tabbar: e,
   content: n,
@@ -195,63 +196,23 @@ const ce = ({
 }) => {
   const d = {
     ref: o,
-    style: oe,
+    style: se,
     "data-group-id": t.id
-  }, g = ie(u, c, {
+  }, g = ae(u, c, {
     ref: s,
-    style: se,
+    style: ie,
     "data-dnd-zone": "content",
     onPointerDown: r
   }, n);
-  return ae(i, a, d, /* @__PURE__ */ N(et, { children: [
+  return ce(i, a, d, /* @__PURE__ */ N(et, { children: [
     e,
     g
   ] }));
-}, gt = l.memo(ce, (t, e) => t.group.id !== e.group.id || t.group.activeTabId !== e.group.activeTabId || t.group.tabs.length !== e.group.tabs.length ? !1 : t.group.tabs === e.group.tabs);
-gt.displayName = "PanelGroupView";
+}, mt = l.memo(ue, (t, e) => t.group.id !== e.group.id || t.group.activeTabId !== e.group.activeTabId || t.group.tabs.length !== e.group.tabs.length ? !1 : t.group.tabs === e.group.tabs);
+mt.displayName = "PanelGroupView";
 const K = (t, e, n) => {
   const r = t.left, o = t.top, s = t.width, a = t.height, i = e - r, c = n - o, u = s / 3, d = a / 3;
   return i > u && i < s - u && c > d && c < a - d ? "center" : i < c && i < s - i && c < a - c ? "left" : s - i < c && s - i < i && c < a - c ? "right" : c < i && c < a - c && i < s - i ? "top" : "bottom";
-};
-function k(t, e) {
-  if (!e) {
-    const r = (() => ({ type: t }));
-    return Object.defineProperty(r, "type", {
-      value: t,
-      writable: !1,
-      enumerable: !0
-    }), r;
-  }
-  const n = ((...r) => {
-    const o = e(...r);
-    return typeof o > "u" ? { type: t } : { type: t, payload: o };
-  });
-  return Object.defineProperty(n, "type", {
-    value: t,
-    writable: !1,
-    enumerable: !0
-  }), n;
-}
-const ue = (t, e) => {
-  const n = {};
-  return Object.keys(t).forEach((r) => {
-    const o = t[r];
-    n[r] = ((...s) => {
-      const a = o(...s);
-      return e(a), a;
-    });
-  }), n;
-}, mt = (t, e) => {
-  const n = {};
-  return Object.keys(e).forEach((r) => {
-    const o = e[r];
-    if (!o)
-      return;
-    const s = t[r];
-    if (!s)
-      throw new Error(`Missing action creator for key "${String(r)}"`);
-    n[s.type] = o;
-  }), n;
 }, vt = { phase: { kind: "idle" }, suggest: null, pointer: null, tabbarHover: null, draggingTabElement: null }, D = {
   startContent: k(
     "START_CONTENT",
@@ -268,7 +229,7 @@ const ue = (t, e) => {
     (t) => t
   ),
   reset: k("RESET")
-}, le = mt(D, {
+}, le = dt(D, {
   startContent: (t, e) => ({
     phase: {
       kind: "content",
@@ -304,8 +265,8 @@ const ue = (t, e) => {
 }), de = (t, e) => {
   const n = le[e.type];
   return n ? n(t, e, void 0) : t;
-}, wt = l.createContext(null), V = () => {
-  const t = l.useContext(wt);
+}, It = l.createContext(null), V = () => {
+  const t = l.useContext(It);
   if (!t)
     throw new Error("usePanelInteractions must be used within InteractionsProvider");
   return t;
@@ -317,77 +278,77 @@ const ue = (t, e) => {
   isContentZoneAllowed: o,
   children: s
 }) => {
-  const [a, i] = l.useReducer(de, vt), c = ht(), u = l.useCallback(() => {
-    const w = Array.from(c.getAll().entries()), T = w.map(([p, G]) => ({ gid: p, el: G.content ?? G.group })).filter((p) => !!p.el).map((p) => ({ ...p, rect: p.el.getBoundingClientRect() })), f = w.map(([p, G]) => ({ gid: p, el: G.tabbar })).filter((p) => !!p.el).map((p) => ({ ...p, rect: p.el.getBoundingClientRect() })), I = w.map(([p, G]) => ({ gid: p, el: G.content ?? G.group })).filter((p) => !!p.el).map((p) => ({ ...p, rect: p.el.getBoundingClientRect() }));
-    return { groups: T, tabbars: f, contents: I };
-  }, [c]), d = J((w) => {
+  const [a, i] = l.useReducer(de, vt), c = gt(), u = l.useCallback(() => {
+    const I = Array.from(c.getAll().entries()), T = I.map(([p, G]) => ({ gid: p, el: G.content ?? G.group })).filter((p) => !!p.el).map((p) => ({ ...p, rect: p.el.getBoundingClientRect() })), f = I.map(([p, G]) => ({ gid: p, el: G.tabbar })).filter((p) => !!p.el).map((p) => ({ ...p, rect: p.el.getBoundingClientRect() })), w = I.map(([p, G]) => ({ gid: p, el: G.content ?? G.group })).filter((p) => !!p.el).map((p) => ({ ...p, rect: p.el.getBoundingClientRect() }));
+    return { groups: T, tabbars: f, contents: w };
+  }, [c]), d = J((I) => {
     if (!t.current)
       return;
-    const f = w.clientX, I = w.clientY, p = a.phase;
+    const f = I.clientX, w = I.clientY, p = a.phase;
     if (p.kind === "idle")
       return;
-    const G = Math.abs(f - p.startX), C = Math.abs(I - p.startY);
+    const G = Math.abs(f - p.startX), C = Math.abs(w - p.startY);
     if (G < e && C < e) {
       a.phase.kind === "content" && i(D.setSuggest(null)), i(D.setPointer(null)), i(D.setTabbarHover(null));
       return;
     }
-    if (i(D.setPointer({ x: f, y: I })), p.kind === "content") {
-      const S = p.cache.groups.find(({ rect: x }) => f >= x.left && f <= x.right && I >= x.top && I <= x.bottom);
+    if (i(D.setPointer({ x: f, y: w })), p.kind === "content") {
+      const S = p.cache.groups.find(({ rect: x }) => f >= x.left && f <= x.right && w >= x.top && w <= x.bottom);
       if (!S) {
         i(D.setSuggest(null));
         return;
       }
-      const P = K(S.rect, f, I);
-      if (o && !o({ targetGroupId: S.gid, zone: P })) {
+      const R = K(S.rect, f, w);
+      if (o && !o({ targetGroupId: S.gid, zone: R })) {
         i(D.setSuggest(null));
         return;
       }
-      i(D.setSuggest({ rect: S.rect, zone: P }));
+      i(D.setSuggest({ rect: S.rect, zone: R }));
       return;
     }
     if (p.kind === "tab") {
-      const S = p.cache.tabbars.find(({ rect: E }) => f >= E.left && f <= E.right && I >= E.top && I <= E.bottom);
+      const S = p.cache.tabbars.find(({ rect: E }) => f >= E.left && f <= E.right && w >= E.top && w <= E.bottom);
       if (S) {
-        const A = Array.from(S.el.querySelectorAll("[role='tab']")).map((L) => L.getBoundingClientRect()), R = A.map((L) => L.left + L.width / 2), _ = R.findIndex((L) => f < L), B = _ === -1 ? R.length : _, Rt = A.length === 0 ? S.rect.left + 8 : B === 0 ? A[0].left : B === A.length ? A[A.length - 1].right : (A[B - 1].right + A[B].left) / 2;
-        i(D.setTabbarHover({ groupId: S.gid, index: B, rect: S.rect, insertX: Rt }));
+        const A = Array.from(S.el.querySelectorAll("[role='tab']")).map((L) => L.getBoundingClientRect()), P = A.map((L) => L.left + L.width / 2), O = P.findIndex((L) => f < L), B = O === -1 ? P.length : O, Pt = A.length === 0 ? S.rect.left + 8 : B === 0 ? A[0].left : B === A.length ? A[A.length - 1].right : (A[B - 1].right + A[B].left) / 2;
+        i(D.setTabbarHover({ groupId: S.gid, index: B, rect: S.rect, insertX: Pt }));
       } else
         i(D.setTabbarHover(null));
-      const P = p.cache.contents.find(({ rect: E }) => f >= E.left && f <= E.right && I >= E.top && I <= E.bottom);
-      if (!P) {
+      const R = p.cache.contents.find(({ rect: E }) => f >= E.left && f <= E.right && w >= E.top && w <= E.bottom);
+      if (!R) {
         i(D.setSuggest(null));
         return;
       }
-      const x = K(P.rect, f, I);
-      if (o && !o({ targetGroupId: P.gid, zone: x })) {
+      const x = K(R.rect, f, w);
+      if (o && !o({ targetGroupId: R.gid, zone: x })) {
         i(D.setSuggest(null));
         return;
       }
-      i(D.setSuggest({ rect: P.rect, zone: x }));
+      i(D.setSuggest({ rect: R.rect, zone: x }));
     }
-  }), b = J((w) => {
+  }), b = J((I) => {
     const T = t.current, f = a;
     if (i(D.reset()), !T)
       return;
-    const I = w.clientX, p = w.clientY;
+    const w = I.clientX, p = I.clientY;
     if (f.phase.kind === "idle")
       return;
-    const G = Math.abs(I - f.phase.startX), C = Math.abs(p - f.phase.startY);
+    const G = Math.abs(w - f.phase.startX), C = Math.abs(p - f.phase.startY);
     if (!(G < e && C < e)) {
       if (f.phase.kind === "content") {
-        const S = f.phase.cache.groups.find(({ rect: E }) => I >= E.left && I <= E.right && p >= E.top && p <= E.bottom);
+        const S = f.phase.cache.groups.find(({ rect: E }) => w >= E.left && w <= E.right && p >= E.top && p <= E.bottom);
         if (!S)
           return;
-        const P = S.gid ?? null;
-        if (!P)
+        const R = S.gid ?? null;
+        if (!R)
           return;
-        const x = K(S.rect, I, p);
-        if (o && !o({ targetGroupId: P, zone: x }))
+        const x = K(S.rect, w, p);
+        if (o && !o({ targetGroupId: R, zone: x }))
           return;
-        n({ fromGroupId: f.phase.fromGroupId, tabId: f.phase.tabId, targetGroupId: P, zone: x });
+        n({ fromGroupId: f.phase.fromGroupId, tabId: f.phase.tabId, targetGroupId: R, zone: x });
         return;
       }
       if (f.phase.kind === "tab") {
-        const S = f.phase.cache.tabbars.find(({ rect: x }) => I >= x.left && I <= x.right && p >= x.top && p <= x.bottom);
+        const S = f.phase.cache.tabbars.find(({ rect: x }) => w >= x.left && w <= x.right && p >= x.top && p <= x.bottom);
         if (S) {
           const x = S.gid;
           if (!x)
@@ -395,16 +356,16 @@ const ue = (t, e) => {
           const A = Array.from(S.el.querySelectorAll("[role='tab']")).map((B) => {
             const Z = B.getBoundingClientRect();
             return Z.left + Z.width / 2;
-          }), R = A.findIndex((B) => I < B), _ = R === -1 ? A.length : R;
-          r({ fromGroupId: f.phase.fromGroupId, tabId: f.phase.tabId, targetGroupId: x, targetIndex: _ });
+          }), P = A.findIndex((B) => w < B), O = P === -1 ? A.length : P;
+          r({ fromGroupId: f.phase.fromGroupId, tabId: f.phase.tabId, targetGroupId: x, targetIndex: O });
           return;
         }
-        const P = f.phase.cache.contents.find(({ rect: x }) => I >= x.left && I <= x.right && p >= x.top && p <= x.bottom);
-        if (P) {
-          const x = P.gid ?? null;
+        const R = f.phase.cache.contents.find(({ rect: x }) => w >= x.left && w <= x.right && p >= x.top && p <= x.bottom);
+        if (R) {
+          const x = R.gid ?? null;
           if (!x)
             return;
-          const E = K(P.rect, I, p);
+          const E = K(R.rect, w, p);
           if (o && !o({ targetGroupId: x, zone: E }))
             return;
           n({ fromGroupId: f.phase.fromGroupId, tabId: f.phase.tabId, targetGroupId: x, zone: E });
@@ -420,19 +381,19 @@ const ue = (t, e) => {
         window.removeEventListener("pointermove", d), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", g);
       };
   }, [a.phase.kind]);
-  const y = l.useCallback((w, T, f) => {
+  const y = l.useCallback((I, T, f) => {
     if (f.button !== 0)
       return;
     f.currentTarget.setPointerCapture(f.pointerId);
-    const I = u();
-    i(D.startContent({ x: f.clientX, y: f.clientY, groupId: w, tabId: T, cache: I }));
-  }, [u]), h = l.useCallback((w, T, f) => {
+    const w = u();
+    i(D.startContent({ x: f.clientX, y: f.clientY, groupId: I, tabId: T, cache: w }));
+  }, [u]), h = l.useCallback((I, T, f) => {
     if (f.button !== 0)
       return;
-    const I = f.currentTarget;
-    I && I.setPointerCapture(f.pointerId);
+    const w = f.currentTarget;
+    w && w.setPointerCapture(f.pointerId);
     const p = u();
-    i(D.startTab({ x: f.clientX, y: f.clientY, groupId: T, tabId: w, cache: p, element: I }));
+    i(D.startTab({ x: f.clientX, y: f.clientY, groupId: T, tabId: I, cache: p, element: w }));
   }, [u]), v = l.useMemo(() => ({
     suggest: a.suggest,
     isTabDragging: a.phase.kind === "tab",
@@ -443,7 +404,7 @@ const ue = (t, e) => {
     onStartContentDrag: y,
     onStartTabDrag: h
   }), [a.suggest, a.pointer, a.tabbarHover, a.phase, a.draggingTabElement, y, h]);
-  return /* @__PURE__ */ m(wt.Provider, { value: v, children: s });
+  return /* @__PURE__ */ m(It.Provider, { value: v, children: s });
 }, it = {
   display: "inline-flex",
   alignItems: "center",
@@ -471,8 +432,8 @@ const ue = (t, e) => {
       {
         type: "button",
         "aria-label": `Close tab ${e.title}`,
-        onClick: (w) => {
-          a && (w.stopPropagation(), a(t, e.id));
+        onClick: (I) => {
+          a && (I.stopPropagation(), a(t, e.id));
         },
         style: { marginLeft: 6 },
         tabIndex: v ? void 0 : -1,
@@ -552,20 +513,20 @@ const ue = (t, e) => {
     const C = Array.from(G.querySelectorAll('[role="tab"]'));
     if (C.length === 0)
       return;
-    const S = (R) => {
-      const _ = Math.max(0, Math.min(R, C.length - 1)), B = C[_];
+    const S = (P) => {
+      const O = Math.max(0, Math.min(P, C.length - 1)), B = C[O];
       B && B.focus();
-    }, P = document.activeElement, x = P ? C.indexOf(P) : C.findIndex((R) => R.getAttribute("data-tab-id") === t.activeTabId);
+    }, R = document.activeElement, x = R ? C.indexOf(R) : C.findIndex((P) => P.getAttribute("data-tab-id") === t.activeTabId);
     if (p.key === "ArrowRight") {
       p.preventDefault();
-      const R = x >= 0 ? x + 1 : 0;
-      S(R >= C.length ? 0 : R);
+      const P = x >= 0 ? x + 1 : 0;
+      S(P >= C.length ? 0 : P);
       return;
     }
     if (p.key === "ArrowLeft") {
       p.preventDefault();
-      const R = x >= 0 ? x - 1 : C.length - 1;
-      S(R < 0 ? C.length - 1 : R);
+      const P = x >= 0 ? x - 1 : C.length - 1;
+      S(P < 0 ? C.length - 1 : P);
       return;
     }
     if (p.key === "Home") {
@@ -578,15 +539,15 @@ const ue = (t, e) => {
     }
     if (p.key === "Enter" || p.key === " ") {
       p.preventDefault();
-      const _ = (x >= 0 ? C[x] : null)?.getAttribute("data-tab-id") ?? null;
-      _ && e(_);
+      const O = (x >= 0 ? C[x] : null)?.getAttribute("data-tab-id") ?? null;
+      O && e(O);
       return;
     }
     if (p.key === "Delete" || p.key === "Backspace") {
       if (u) {
         p.preventDefault();
-        const _ = (x >= 0 ? C[x] : null)?.getAttribute("data-tab-id") ?? null;
-        _ && u(t.id, _);
+        const O = (x >= 0 ? C[x] : null)?.getAttribute("data-tab-id") ?? null;
+        O && u(t.id, O);
       }
       return;
     }
@@ -605,14 +566,14 @@ const ue = (t, e) => {
       return;
     !p.contains(document.activeElement) && G && G.focus();
   }, [t.activeTabId]);
-  const w = {
+  const I = {
     style: be,
     role: "tablist",
     "data-tabbar": "true",
     "data-group-id": t.id,
     "data-dragging": b ? "true" : "false",
     onKeyDown: v
-  }, T = kt({
+  }, T = At({
     element: s,
     component: o
   }), f = () => c ? /* @__PURE__ */ m(
@@ -625,10 +586,10 @@ const ue = (t, e) => {
       },
       children: "+"
     }
-  ) : null, I = l.useCallback(() => {
+  ) : null, w = l.useCallback(() => {
     d && c && c(t.id);
   }, [d, c, t.id]);
-  return /* @__PURE__ */ N(T, { ...w, ref: h, onDoubleClick: I, children: [
+  return /* @__PURE__ */ N(T, { ...I, ref: h, onDoubleClick: w, children: [
     t.tabs.map((p, G) => /* @__PURE__ */ m(
       fe,
       {
@@ -649,7 +610,7 @@ const ue = (t, e) => {
     f()
   ] });
 }, me = ({ id: t, TabBarComponent: e, PanelGroupComponent: n }) => {
-  const { getGroup: r, getGroupContent: o, onClickTab: s, onAddTab: a, onCloseTab: i, onStartTabDrag: c, doubleClickToAdd: u, registerContentContainer: d } = ee(), { setGroupEl: b, setTabbarEl: g, setContentEl: y } = ht(), h = l.useCallback(
+  const { getGroup: r, getGroupContent: o, onClickTab: s, onAddTab: a, onCloseTab: i, onStartTabDrag: c, doubleClickToAdd: u, registerContentContainer: d } = ne(), { setGroupEl: b, setTabbarEl: g, setContentEl: y } = gt(), h = l.useCallback(
     (G) => {
       b(t, G);
     },
@@ -659,7 +620,7 @@ const ue = (t, e) => {
       y(t, G), d(t, G);
     },
     [t, y, d]
-  ), w = l.useCallback(
+  ), I = l.useCallback(
     (G) => {
       g(t, G);
     },
@@ -669,13 +630,13 @@ const ue = (t, e) => {
     return null;
   const f = o(t);
   return /* @__PURE__ */ m(
-    n ?? ((G) => /* @__PURE__ */ m(gt, { ...G })),
+    n ?? ((G) => /* @__PURE__ */ m(mt, { ...G })),
     {
       group: T,
       tabbar: /* @__PURE__ */ m(
         e ?? ge,
         {
-          rootRef: w,
+          rootRef: I,
           group: T,
           onClickTab: (G) => s(t, G),
           onAddTab: a,
@@ -1091,7 +1052,7 @@ const ue = (t, e) => {
     ].join(`
 `)
   });
-}, we = () => W([
+}, Ie = () => W([
   1,
   0,
   0,
@@ -1108,16 +1069,16 @@ const ue = (t, e) => {
   0,
   0,
   1
-]), Ie = {
+]), we = {
   position: "fixed",
   inset: 0,
   pointerEvents: "none",
-  zIndex: At
+  zIndex: Mt
 }, ye = {
   position: "absolute",
-  border: `${_t} dashed ${Bt}`,
+  border: `${Bt} dashed ${$t}`,
   background: Ot,
-  borderRadius: Mt,
+  borderRadius: _t,
   transformOrigin: "top left"
 }, $ = (t, e) => e <= 0 ? 0 : M(t / e, 0), Te = (t, e, n) => {
   const { width: r, height: o } = t, s = n / 2, a = r > 0 ? r : 1, i = o > 0 ? o : 1, c = {
@@ -1151,10 +1112,10 @@ const ue = (t, e) => {
     right: d,
     top: b,
     bottom: g
-  }, { translateX: h, translateY: v, scaleX: w, scaleY: T } = y[e];
-  return we().translate(h, v, 0).scale(w, T, 1).toCSS();
+  }, { translateX: h, translateY: v, scaleX: I, scaleY: T } = y[e];
+  return Ie().translate(h, v, 0).scale(I, T, 1).toCSS();
 }, Ge = (t, e) => {
-  const n = $t;
+  const n = Nt;
   return {
     ...ye,
     left: t.left,
@@ -1167,7 +1128,7 @@ const ue = (t, e) => {
   if (!t)
     return null;
   const { rect: e, zone: n } = t, r = Ge(e, n);
-  return /* @__PURE__ */ m("div", { style: Ie, children: /* @__PURE__ */ m("div", { style: r }) });
+  return /* @__PURE__ */ m("div", { style: we, children: /* @__PURE__ */ m("div", { style: r }) });
 }, Se = typeof window < "u" && typeof document < "u", Ce = (t) => {
   const [e, n] = l.useState(null), [r, o] = l.useState(null);
   return nt(() => {
@@ -1182,21 +1143,21 @@ const ue = (t, e) => {
   position: "fixed",
   inset: 0,
   pointerEvents: "none",
-  zIndex: Ft
-}, Pe = {
+  zIndex: jt
+}, Re = {
   position: "absolute",
-  width: Yt,
-  borderRadius: Xt,
-  background: zt,
-  boxShadow: Lt
-}, Re = () => {
+  width: Ft,
+  borderRadius: Yt,
+  background: Xt,
+  boxShadow: zt
+}, Pe = () => {
   const { isTabDragging: t, draggingTabId: e, dragPointer: n, tabbarHover: r, draggingTabElement: o } = V(), { html: s, size: a } = Ce(o), i = n !== null && e !== null, c = l.useMemo(() => {
     if (!(!i || !n))
       return {
         position: "absolute",
         left: n.x,
         top: n.y,
-        transform: `translate(${Nt}, ${Ht})`,
+        transform: `translate(${Ht}, ${Lt})`,
         pointerEvents: "none"
       };
   }, [i, n]), u = l.useMemo(() => {
@@ -1205,7 +1166,7 @@ const ue = (t, e) => {
   }, [c, o, a]), d = l.useMemo(() => {
     if (r)
       return {
-        ...Pe,
+        ...Re,
         left: r.insertX,
         top: r.rect.top + 4,
         height: Math.max(0, r.rect.height - 8)
@@ -1221,26 +1182,26 @@ const ue = (t, e) => {
     ) }) }),
     /* @__PURE__ */ m(l.Activity, { mode: d ? "visible" : "hidden", children: /* @__PURE__ */ m("div", { style: d }) })
   ] }) : null;
-}, O = (t) => t.type === "group", z = (t, e = []) => {
-  if (O(t))
+}, _ = (t) => t.type === "group", z = (t, e = []) => {
+  if (_(t))
     return [...e, t.groupId];
   const n = z(t.a, e);
   return z(t.b, n);
-}, q = (t, e) => e.reduce((n, r) => O(n) ? n : n[r], t), j = (t, e, n) => {
+}, q = (t, e) => e.reduce((n, r) => _(n) ? n : n[r], t), j = (t, e, n) => {
   if (e.length === 0)
     return n;
   const [r, ...o] = e;
-  return O(t) ? t : r === "a" ? { ...t, a: j(t.a, o, n) } : { ...t, b: j(t.b, o, n) };
+  return _(t) ? t : r === "a" ? { ...t, a: j(t.a, o, n) } : { ...t, b: j(t.b, o, n) };
 }, U = (t, e, n = []) => {
-  if (O(t))
+  if (_(t))
     return t.groupId === e ? { splitPath: null, side: null } : null;
-  if (O(t.a) && t.a.groupId === e)
+  if (_(t.a) && t.a.groupId === e)
     return { splitPath: n, side: "a" };
-  if (O(t.b) && t.b.groupId === e)
+  if (_(t.b) && t.b.groupId === e)
     return { splitPath: n, side: "b" };
   const r = U(t.a, e, [...n, "a"]);
   return r || U(t.b, e, [...n, "b"]);
-}, It = (t, e, n, r) => {
+}, wt = (t, e, n, r) => {
   const o = r(), s = U(t, e), a = {
     type: "split",
     direction: n,
@@ -1251,7 +1212,7 @@ const ue = (t, e) => {
   if (!s || s.splitPath === null)
     return { tree: a, newGroupId: o };
   const i = s.splitPath, c = q(t, i);
-  if (O(c))
+  if (_(c))
     return { tree: a, newGroupId: o };
   const u = s.side === "a" ? { ...c, a } : { ...c, b: a };
   return { tree: j(t, i, u), newGroupId: o };
@@ -1260,13 +1221,13 @@ const ue = (t, e) => {
   if (!n || n.splitPath === null)
     return { tree: t, survivorGroupId: e };
   const r = n.splitPath, o = q(t, r);
-  if (O(o))
+  if (_(o))
     return { tree: t, survivorGroupId: e };
-  const s = n.side === "a" ? o.b : o.a, a = j(t, r, s), i = O(s) ? s.groupId : z(s)[0] ?? null;
+  const s = n.side === "a" ? o.b : o.a, a = j(t, r, s), i = _(s) ? s.groupId : z(s)[0] ?? null;
   return { tree: a, survivorGroupId: i };
 }, ke = (t, e, n) => {
   const r = q(t, e);
-  if (O(r))
+  if (_(r))
     return t;
   const o = { ...r, ratio: M(n, 0.05, 0.95) };
   return j(t, e, o);
@@ -1333,10 +1294,10 @@ const ue = (t, e) => {
   if (!t.groups[e])
     throw new Error(`setFocusedGroup: group ${e} not found.`);
   return { ...t, focusedGroupId: e };
-}, Oe = (t, e) => {
+}, _e = (t, e) => {
   const n = e - 1, r = t.groupOrder[n];
   return r ? H(t, r) : t;
-}, _e = (t) => {
+}, Oe = (t) => {
   const e = t.groupOrder, n = t.focusedGroupId;
   if (!n) {
     const s = e[0];
@@ -1352,13 +1313,13 @@ const ue = (t, e) => {
   }
   const r = e.indexOf(n), o = e[(r - 1 + e.length) % e.length];
   return H(t, o);
-}, In = (t) => {
+}, yn = (t) => {
   const e = z(t.tree);
   return { ...t, groupOrder: e };
 }, Tt = (t, e, n, r) => {
-  const { tree: o, newGroupId: s } = It(t.tree, e, n, r), a = { ...t.groups, [s]: Ae(s) }, i = z(o);
+  const { tree: o, newGroupId: s } = wt(t.tree, e, n, r), a = { ...t.groups, [s]: Ae(s) }, i = z(o);
   return { ...t, tree: o, groups: a, groupOrder: i, focusedGroupId: s };
-}, yn = (t) => {
+}, Tn = (t) => {
   const n = { type: "group", groupId: "g_1" }, r = Object.fromEntries(t.map((i) => [i.id, i])), s = { g_1: { id: "g_1", tabIds: t.map((i) => i.id), tabs: t, activeTabId: t[0]?.id ?? null } };
   return { tree: n, panels: r, groups: s, groupOrder: ["g_1"], focusedGroupId: "g_1" };
 }, $e = l.createContext(null), Ne = ({ value: t, children: e }) => /* @__PURE__ */ m($e.Provider, { value: t, children: e }), Gt = l.createContext(null), He = () => {
@@ -1390,12 +1351,12 @@ const ue = (t, e) => {
     cols: Y(e.maxVertical)
   };
 }, tt = (t) => {
-  if (O(t))
+  if (_(t))
     return { horizontal: 1, vertical: 1 };
   const e = tt(t.a), n = tt(t.b);
   return t.direction === "horizontal" ? { horizontal: e.horizontal + n.horizontal, vertical: Math.max(e.vertical, n.vertical) } : { horizontal: Math.max(e.horizontal, n.horizontal), vertical: e.vertical + n.vertical };
 }, je = (t, e, n) => {
-  const { tree: r } = It(t, e, n, () => "__preview__");
+  const { tree: r } = wt(t, e, n, () => "__preview__");
   return r;
 }, rt = (t, e, n, r) => {
   if (!Number.isFinite(r.rows) && !Number.isFinite(r.cols))
@@ -1446,8 +1407,8 @@ const ue = (t, e) => {
   if (!n || !r || !t.panels[e.tabId])
     return t;
   if (e.fromGroupId === e.targetGroupId) {
-    const g = n.tabIds.filter((T) => T !== e.tabId), y = Math.max(0, Math.min(e.targetIndex, g.length)), h = g.slice(0, y).concat([e.tabId], g.slice(y)), v = h.map((T) => t.panels[T]).filter(Boolean), w = { ...t.groups, [e.fromGroupId]: { ...n, tabIds: h, tabs: v } };
-    return { ...t, groups: w };
+    const g = n.tabIds.filter((T) => T !== e.tabId), y = Math.max(0, Math.min(e.targetIndex, g.length)), h = g.slice(0, y).concat([e.tabId], g.slice(y)), v = h.map((T) => t.panels[T]).filter(Boolean), I = { ...t.groups, [e.fromGroupId]: { ...n, tabIds: h, tabs: v } };
+    return { ...t, groups: I };
   }
   const s = { ...t.groups }, a = n.tabIds.filter((g) => g !== e.tabId), i = a.map((g) => t.panels[g]);
   s[e.fromGroupId] = {
@@ -1458,13 +1419,13 @@ const ue = (t, e) => {
   };
   const c = r.tabIds.filter((g) => g !== e.tabId), u = Math.max(0, Math.min(e.targetIndex, c.length)), d = c.slice(0, u).concat([e.tabId], c.slice(u)), b = d.map((g) => t.panels[g]).filter(Boolean);
   return s[e.targetGroupId] = { ...r, tabIds: d, tabs: b, activeTabId: e.tabId }, { ...t, groups: s, focusedGroupId: e.targetGroupId };
-}, Ue = mt(St, {
+}, Ue = dt(St, {
   splitFocused: (t, e, n) => {
     const r = t.focusedGroupId ?? t.groupOrder[0] ?? null;
     return !r || !rt(t.tree, r, e.payload.direction, n.splitLimits) ? t : Tt(t, r, e.payload.direction, n.createGroupId);
   },
-  focusGroupIndex: (t, e) => Oe(t, e.payload.index1Based),
-  focusNextGroup: (t) => _e(t),
+  focusGroupIndex: (t, e) => _e(t, e.payload.index1Based),
+  focusNextGroup: (t) => Oe(t),
   focusPrevGroup: (t) => Be(t),
   setActiveTab: (t, e) => yt(t, e.payload.groupId, e.payload.tabId),
   addTab: (t, e) => {
@@ -1482,7 +1443,7 @@ const ue = (t, e) => {
   tabDrop: (t, e) => We(t, e.payload),
   adjustSplitRatio: (t, e) => {
     const n = q(t.tree, e.payload.path);
-    if (O(n))
+    if (_(n))
       return t;
     const r = ke(t.tree, e.payload.path, n.ratio + e.payload.deltaRatio);
     return { ...t, tree: r };
@@ -1527,33 +1488,33 @@ const ue = (t, e) => {
       b(G);
     },
     [h, o, b]
-  ), w = l.useMemo(() => ue(St, v), [v]), T = l.useMemo(
+  ), I = l.useMemo(() => kt(St, v), [v]), T = l.useMemo(
     () => ({
-      setActiveTab: w.setActiveTab,
-      tabDrop: w.tabDrop
+      setActiveTab: I.setActiveTab,
+      tabDrop: I.tabDrop
     }),
-    [w]
+    [I]
   ), f = l.useMemo(
     () => ({
-      adjustSplitRatio: w.adjustSplitRatio
+      adjustSplitRatio: I.adjustSplitRatio
     }),
-    [w]
-  ), I = l.useMemo(
+    [I]
+  ), w = l.useMemo(
     () => ({
-      focusGroupIndex: w.focusGroupIndex,
-      focusNextGroup: w.focusNextGroup,
-      focusPrevGroup: w.focusPrevGroup
+      focusGroupIndex: I.focusGroupIndex,
+      focusNextGroup: I.focusNextGroup,
+      focusPrevGroup: I.focusPrevGroup
     }),
-    [w]
+    [I]
   ), p = l.useMemo(
     () => ({
       state: g,
       dispatch: v,
-      actions: w
+      actions: I
     }),
-    [g, v, w]
+    [g, v, I]
   );
-  return /* @__PURE__ */ m(Ct.Provider, { value: p, children: /* @__PURE__ */ m(Ne, { value: T, children: /* @__PURE__ */ m(Le, { value: f, children: /* @__PURE__ */ m(Xe, { value: I, children: a }) }) }) });
+  return /* @__PURE__ */ m(Ct.Provider, { value: p, children: /* @__PURE__ */ m(Ne, { value: T, children: /* @__PURE__ */ m(Le, { value: f, children: /* @__PURE__ */ m(Xe, { value: w, children: a }) }) }) });
 }, qe = () => {
   const { actions: t } = X();
   return l.useMemo(
@@ -1589,9 +1550,9 @@ const ue = (t, e) => {
   );
   return { onCommitContentDrop: e, onCommitTabDrop: n };
 }, Je = () => {
-  const t = Ut(), e = qe();
+  const t = Vt(), e = qe();
   return l.useEffect(() => {
-    Zt(t, e);
+    Jt(t, e);
   }, [t, e]), null;
 }, Et = l.createContext(null), Qe = () => {
   const t = l.useContext(Et);
@@ -1606,16 +1567,16 @@ const ue = (t, e) => {
   return nt(() => (r.style.display = n ? "contents" : "none", e && r.parentElement !== e && e.appendChild(r), () => {
     r.parentElement?.removeChild(r);
   }), [r, e, n]), r;
-}, Pt = l.memo(
+}, Rt = l.memo(
   ({ panelId: t, content: e, placement: n, containerElement: r }) => {
     const o = n?.isActive ?? !1, s = en(t, r, o);
-    return Kt(
+    return Wt(
       /* @__PURE__ */ m(l.Activity, { mode: o ? "visible" : "hidden", children: e }),
       s
     );
   }
 );
-Pt.displayName = "PanelContentHost";
+Rt.displayName = "PanelContentHost";
 const nn = ({
   children: t,
   panels: e,
@@ -1634,7 +1595,7 @@ const nn = ({
   const c = l.useCallback((g) => {
     const y = i.current[g];
     return y ? y.render(y.id) : null;
-  }, []), u = l.useMemo(() => Object.keys(e), [e]), { getCachedContent: d } = Wt({
+  }, []), u = l.useMemo(() => Object.keys(e), [e]), { getCachedContent: d } = Ut({
     resolveContent: c,
     validIds: u
   }), b = Object.keys(e);
@@ -1643,12 +1604,12 @@ const nn = ({
     b.map((g) => {
       if (!e[g])
         return null;
-      const h = n[g] ?? null, v = h ? r.get(h.groupId) ?? null : null, w = d(g);
+      const h = n[g] ?? null, v = h ? r.get(h.groupId) ?? null : null, I = d(g);
       return /* @__PURE__ */ m(
-        Pt,
+        Rt,
         {
           panelId: g,
-          content: w,
+          content: I,
           placement: h,
           containerElement: v
         },
@@ -1666,8 +1627,8 @@ const nn = ({
       const f = o.groups[T];
       if (!f)
         return null;
-      const I = f.tabIds.map((p) => o.panels[p]).filter(Boolean);
-      return { ...f, tabs: I };
+      const w = f.tabIds.map((p) => o.panels[p]).filter(Boolean);
+      return { ...f, tabs: w };
     },
     [o.groups, o.panels]
   ), d = l.useCallback(
@@ -1682,16 +1643,16 @@ const nn = ({
     s.addNewTab({ groupId: T, title: "New Tab", makeActive: !0 });
   }, [s]), y = l.useCallback((T, f) => {
     s.removeTab(T, f);
-  }, [s]), h = l.useCallback((T, f, I) => {
-    s.setActiveTab(f, T), r.onStartTabDrag(T, f, I);
+  }, [s]), h = l.useCallback((T, f, w) => {
+    s.setActiveTab(f, T), r.onStartTabDrag(T, f, w);
   }, [s, r]), v = l.useCallback((T, f) => {
-    const I = o.groups[T];
-    !I || !I.activeTabId || r.onStartContentDrag(T, I.activeTabId, f);
-  }, [o.groups, r]), w = l.useMemo(
+    const w = o.groups[T];
+    !w || !w.activeTabId || r.onStartContentDrag(T, w.activeTabId, f);
+  }, [o.groups, r]), I = l.useMemo(
     () => ({ getGroup: u, getGroupContent: d, onClickTab: b, onAddTab: g, onCloseTab: y, onStartTabDrag: h, onStartContentDrag: v, doubleClickToAdd: n, registerContentContainer: a }),
     [u, d, b, g, y, h, v, n, a]
   );
-  return /* @__PURE__ */ m(ne, { value: w, children: t });
+  return /* @__PURE__ */ m(re, { value: I, children: t });
 }, on = ({
   children: t,
   emptyContentComponent: e,
@@ -1709,7 +1670,7 @@ const nn = ({
   }, [r.groups]);
   return /* @__PURE__ */ m(nn, { panels: r.panels, placements: o, children: /* @__PURE__ */ m(rn, { emptyContentComponent: e, doubleClickToAdd: n, children: t }) });
 }, F = (t, e, n, r) => {
-  if (O(t))
+  if (_(t))
     return r;
   const o = t.direction, s = o === "vertical" ? n.x + n.w * t.ratio : n.y + n.h * t.ratio;
   if (r.push({ path: e, direction: o, parentRect: n, linePos: s }), o === "vertical") {
@@ -1751,7 +1712,7 @@ const nn = ({
       top: o.top + o.height * i.parentRect.y / 100,
       width: o.width * i.parentRect.w / 100,
       height: o.height * i.parentRect.h / 100
-    }, d = jt;
+    }, d = Kt;
     if (i.direction === "vertical") {
       const h = u.left + u.width * (i.linePos - i.parentRect.x) / i.parentRect.w, v = {
         position: "fixed",
@@ -1763,8 +1724,8 @@ const nn = ({
         pointerEvents: "auto"
       };
       return /* @__PURE__ */ m("div", { style: v, children: /* @__PURE__ */ m(st, { direction: "vertical", onResize: (T) => {
-        const f = o.width * i.parentRect.w / 100, I = f === 0 ? 0 : T / f;
-        n({ path: i.path, deltaRatio: I });
+        const f = o.width * i.parentRect.w / 100, w = f === 0 ? 0 : T / f;
+        n({ path: i.path, deltaRatio: w });
       } }) }, `split-${c}`);
     }
     const b = u.top + u.height * (i.linePos - i.parentRect.y) / i.parentRect.h, g = {
@@ -1777,8 +1738,8 @@ const nn = ({
       pointerEvents: "auto"
     };
     return /* @__PURE__ */ m("div", { style: g, children: /* @__PURE__ */ m(st, { direction: "horizontal", onResize: (h) => {
-      const v = o.height * i.parentRect.h / 100, w = v === 0 ? 0 : h / v;
-      n({ path: i.path, deltaRatio: w });
+      const v = o.height * i.parentRect.h / 100, I = v === 0 ? 0 : h / v;
+      n({ path: i.path, deltaRatio: I });
     } }) }, `split-${c}`);
   };
   return /* @__PURE__ */ m("div", { style: { position: "fixed", inset: 0, pointerEvents: "none" }, children: r.map((i, c) => a(i, c)) });
@@ -1797,10 +1758,10 @@ const nn = ({
 }) => {
   const a = (c) => r ? /* @__PURE__ */ m(r, { groupId: c }) : /* @__PURE__ */ m(me, { id: c, TabBarComponent: o, PanelGroupComponent: s });
   if (e === "grid") {
-    const c = te(t, a, !!n);
+    const c = ee(t, a, !!n);
     return /* @__PURE__ */ m(ot, { config: c.config, layers: c.layers });
   }
-  const i = Qt(t, a);
+  const i = te(t, a);
   return /* @__PURE__ */ m(ot, { config: i.config, layers: i.layers });
 }, un = ({
   containerRef: t,
@@ -1816,23 +1777,23 @@ const nn = ({
   emptyContentComponent: d,
   doubleClickToAdd: b
 }) => {
-  const { state: g } = X(), { onCommitContentDrop: y, onCommitTabDrop: h } = Ze(), v = l.useMemo(() => ({ ...an, ...s }), [s]), w = l.useCallback(
+  const { state: g } = X(), { onCommitContentDrop: y, onCommitTabDrop: h } = Ze(), v = l.useMemo(() => ({ ...an, ...s }), [s]), I = l.useCallback(
     ({ targetGroupId: T, zone: f }) => {
       if (f === "center")
         return !0;
-      const I = f === "left" || f === "right" ? "vertical" : "horizontal";
-      return rt(g.tree, T, I, u);
+      const w = f === "left" || f === "right" ? "vertical" : "horizontal";
+      return rt(g.tree, T, w, u);
     },
     [g.tree, u]
   );
-  return /* @__PURE__ */ m(re, { children: /* @__PURE__ */ N(
+  return /* @__PURE__ */ m(oe, { children: /* @__PURE__ */ N(
     pe,
     {
       containerRef: t,
       dragThresholdPx: r,
       onCommitContentDrop: y,
       onCommitTabDrop: h,
-      isContentZoneAllowed: w,
+      isContentZoneAllowed: I,
       children: [
         /* @__PURE__ */ m(on, { emptyContentComponent: d, doubleClickToAdd: b, children: /* @__PURE__ */ m("div", { ref: t, className: a, style: v, children: /* @__PURE__ */ m(
           cn,
@@ -1854,9 +1815,9 @@ const nn = ({
   const t = V();
   return /* @__PURE__ */ N(et, { children: [
     /* @__PURE__ */ m(xe, { suggest: t.suggest }),
-    /* @__PURE__ */ m(Re, {})
+    /* @__PURE__ */ m(Pe, {})
   ] });
-}, Tn = ({
+}, Gn = ({
   initialState: t,
   createGroupId: e,
   createPanelId: n,
@@ -1884,7 +1845,7 @@ const nn = ({
     throw new Error("PanelSystem(layoutMode='grid') requires explicit 'gridTracksInteractive' flag.");
   if (s === void 0)
     throw new Error("PanelSystem requires explicit 'dragThresholdPx' value.");
-  const w = l.useRef(null), T = l.useMemo(() => xt(h), [h]);
+  const I = l.useRef(null), T = l.useMemo(() => xt(h), [h]);
   return /* @__PURE__ */ m(
     Ve,
     {
@@ -1894,12 +1855,12 @@ const nn = ({
       state: c,
       onStateChange: u,
       splitLimits: h,
-      children: /* @__PURE__ */ N(qt, { children: [
+      children: /* @__PURE__ */ N(Zt, { children: [
         /* @__PURE__ */ m(Je, {}),
         /* @__PURE__ */ m(
           un,
           {
-            containerRef: w,
+            containerRef: I,
             layoutMode: r,
             gridTracksInteractive: o,
             dragThresholdPx: s,
@@ -1919,8 +1880,8 @@ const nn = ({
 };
 export {
   xe as D,
-  Tn as P,
-  gt as a,
+  Gn as P,
+  mt as a,
   Ve as b,
   z as c,
   De as d,
@@ -1928,19 +1889,19 @@ export {
   Ae as f,
   at as g,
   yt as h,
-  O as i,
+  _ as i,
   wn as j,
   ut as k,
   H as l,
   ct as m,
-  Oe as n,
-  _e as o,
+  _e as n,
+  Oe as o,
   Be as p,
-  In as q,
+  yn as q,
   Me as r,
-  It as s,
+  wt as s,
   Tt as t,
   X as u,
-  yn as v
+  Tn as v
 };
-//# sourceMappingURL=PanelSystem-BqUzNtf2.js.map
+//# sourceMappingURL=PanelSystem-DDUSFjXD.js.map