@archbase/layout 4.0.24 → 4.0.26

package/dist/index.js

@@ -1,23 +1,23 @@
-import { Menu as at, useMantineTheme as Qt, useComputedColorScheme as te, Box as ee, ActionIcon as ie, useMantineColorScheme as oe } from "@mantine/core";
-import { Card as $i, Container as Mi, Group as ji, Stack as Bi } from "@mantine/core";
+import { Menu as dt, Loader as te, useMantineTheme as ee, useComputedColorScheme as ie, Box as oe, ActionIcon as ne, useMantineColorScheme as re } from "@mantine/core";
+import { Card as Mi, Container as Bi, Group as Ii, Stack as Oi } from "@mantine/core";
 import { jsx as a, jsxs as F, Fragment as Et } from "react/jsx-runtime";
 import * as h from "prop-types";
 import * as O from "react";
-import W, { useRef as it, useState as U, useEffect as et, useCallback as kt, useMemo as Ht } from "react";
-import { ResizeSensor as ne } from "css-element-queries";
-import { useWindowSize as re } from "usehooks-ts";
+import W, { useRef as ot, useState as U, useEffect as it, useCallback as kt, useMemo as Ht } from "react";
+import { ResizeSensor as se } from "css-element-queries";
+import { useWindowSize as le } from "usehooks-ts";
 import { useArchbaseTranslation as Wt } from "@archbase/core";
-import { useElementSize as se } from "@mantine/hooks";
-import { PanelGroup as Ft, Panel as Mt, PanelResizeHandle as Vt } from "react-resizable-panels";
-import { IconPinnedOff as le, IconPinned as ae } from "@tabler/icons-react";
-import { MosaicWindow as de, Mosaic as ce } from "react-mosaic-component";
+import { useElementSize as ae } from "@mantine/hooks";
+import { PanelGroup as Ft, Panel as jt, PanelResizeHandle as Vt } from "react-resizable-panels";
+import { IconPinnedOff as de, IconPinned as ce } from "@tabler/icons-react";
+import { MosaicWindow as he, Mosaic as ue } from "react-mosaic-component";
 import "react-mosaic-component/react-mosaic-component.css";
-import { DockviewReact as he } from "dockview-react";
-function bi({ children: t }) {
+import { DockviewReact as fe } from "dockview-react";
+function zi({ children: t }) {
   return /* @__PURE__ */ a("form", { children: t });
 }
 var A = /* @__PURE__ */ ((t) => (t.ViewPort = "viewport", t.Fixed = "fixed", t.Fill = "fill", t.Positioned = "positioned", t.Anchored = "anchored", t.Custom = "custom", t))(A || {}), C = /* @__PURE__ */ ((t) => (t.Left = "anchor-left", t.Right = "anchor-right", t.Top = "anchor-top", t.Bottom = "anchor-bottom", t))(C || {}), mt = /* @__PURE__ */ ((t) => (t[t.Horizontal = 0] = "Horizontal", t[t.Vertical = 1] = "Vertical", t))(mt || {}), y = /* @__PURE__ */ ((t) => (t.All = "resize-all", t.Left = "resize-left", t.Right = "resize-right", t.Top = "resize-top", t.Bottom = "resize-bottom", t.TopLeft = "resize-topleft", t.TopRight = "resize-topright", t.BottomLeft = "resize-bottomleft", t.BottomRight = "resize-bottomright", t))(y || {}), rt = /* @__PURE__ */ ((t) => (t.OverlayInside = "overlay-inside", t.Inside = "inside", t.OverlayBoundary = "overlay-boundary", t))(rt || {}), st = /* @__PURE__ */ ((t) => (t.None = "none", t.Vertical = "vertical", t.HorizontalVertical = "horizontalVertical", t))(st || {}), zt = /* @__PURE__ */ ((t) => (t.Mouse = "mousemove", t.Touch = "touchmove", t))(zt || {}), wt = /* @__PURE__ */ ((t) => (t.Mouse = "mouseup", t.Touch = "touchend", t))(wt || {});
-function ue(t, ...i) {
+function me(t, ...i) {
   const o = /* @__PURE__ */ Object.create(null);
   i.forEach((u) => {
     o[u] = !0;
@@ -27,7 +27,7 @@ function ue(t, ...i) {
     o[u] || (n[u] = t[u]);
   }), n;
 }
-function fe() {
+function ge() {
   let t = Math.random() * 46656 | 0, i = Math.random() * 46656 | 0;
   return ("000" + t.toString(36)).slice(-3) + ("000" + i.toString(36)).slice(-3);
 }
@@ -41,7 +41,7 @@ function v(t, i) {
   if (t.size !== void 0 && o.push($t(t.size)), t.adjusted.forEach((n) => o.push($t(n))), t.resized !== 0 && o.push($t(t.resized)), o.length !== 0)
     return o.length === 1 ? o[0] : i ? o.join(" + ") : `calc(${o.join(" + ")})`;
 }
-function Z(...t) {
+function J(...t) {
   return t.find((i) => i != null);
 }
 function Ct(t, i) {
@@ -52,7 +52,7 @@ function Ct(t, i) {
       return !1;
   return !0;
 }
-function me(t, i) {
+function be(t, i) {
   var o = !1;
   return function(...n) {
     o || (t(...n), o = !0, setTimeout(function() {
@@ -60,7 +60,7 @@ function me(t, i) {
     }, i));
   };
 }
-function ge(t) {
+function pe(t) {
   const i = [], o = {
     position: t.position,
     left: v(t.left),
@@ -84,8 +84,8 @@ function ge(t) {
       break;
   }
   const e = `${u}px`, l = (s, f) => {
-    const g = [];
-    f.left && g.push(`left: ${f.left}`), f.top && g.push(`top: ${f.top}`), f.right && g.push(`right: ${f.right}`), f.bottom && g.push(`bottom: ${f.bottom}`), f.width && g.push(`width: ${f.width}`), f.height && g.push(`height: ${f.height}`), i.push(`#${t.id}-${s} { ${g.join("; ")}}`);
+    const m = [];
+    f.left && m.push(`left: ${f.left}`), f.top && m.push(`top: ${f.top}`), f.right && m.push(`right: ${f.right}`), f.bottom && m.push(`bottom: ${f.bottom}`), f.width && m.push(`width: ${f.width}`), f.height && m.push(`height: ${f.height}`), i.push(`#${t.id}-${s} { ${m.join("; ")}}`);
   }, p = () => t.type === A.Positioned ? t.width.size && t.height.size : t.orientation == mt.Horizontal ? t.width.size : t.height.size;
   return t.canResizeLeft && (t.anchor ? l("ml", {
     right: `calc(${v(t.right, !0)} + ${v(t.width)} - ${e})`,
@@ -224,7 +224,7 @@ function ge(t) {
   })), i.join(" ");
 }
 function yt(t) {
-  const i = ge(t);
+  const i = pe(t);
   if (qt())
     t.ssrStyle = i;
   else {
@@ -237,7 +237,7 @@ function yt(t) {
     }
   }
 }
-function be(t) {
+function ze(t) {
   const i = document.getElementById(`style_${t.id}`);
   i && document.head.removeChild(i);
 }
@@ -248,13 +248,13 @@ function Rt(t) {
   return t === y.Left || t === y.Right;
 }
 function Q(t, i, o, n, u, d) {
-  const r = i === y.Right || i === y.Bottom ? (g) => -g : (g) => g, b = Rt(i) ? n.width : n.height, e = o.resized, l = b.resized, p = Rt(i) ? t.width : t.height, s = Z(n.minimumSize, 20) - p + 0, f = n.maximumSize ? n.maximumSize - p + 0 : void 0;
-  return (g, z) => {
-    let c = (Rt(i) ? u : d) - (Rt(i) ? g : z), m = r(c);
-    n.type !== A.Positioned && (m = Math.max(r(c), s), m < s && (m = s), typeof f == "number" && m > f && (m = f)), o.size !== void 0 ? (o.resized = r(-c) + e, b.size && (b.resized = r(c) + l)) : b.resized = m + l;
+  const r = i === y.Right || i === y.Bottom ? (m) => -m : (m) => m, b = Rt(i) ? n.width : n.height, e = o.resized, l = b.resized, p = Rt(i) ? t.width : t.height, s = J(n.minimumSize, 20) - p + 0, f = n.maximumSize ? n.maximumSize - p + 0 : void 0;
+  return (m, z) => {
+    let c = (Rt(i) ? u : d) - (Rt(i) ? m : z), g = r(c);
+    n.type !== A.Positioned && (g = Math.max(r(c), s), g < s && (g = s), typeof f == "number" && g > f && (g = f)), o.size !== void 0 ? (o.resized = r(-c) + e, b.size && (b.resized = r(c) + l)) : b.resized = g + l;
   };
 }
-function pe(t, i, o, n) {
+function we(t, i, o, n) {
   const u = i.element.getBoundingClientRect();
   switch (t) {
     case y.Left:
@@ -267,60 +267,60 @@ function pe(t, i, o, n) {
       return Q(u, t, i.top, i, o, n);
     case y.TopLeft:
       const d = Q(u, y.Top, i.top, i, o, n), r = Q(u, y.Left, i.left, i, o, n);
-      return (g, z) => {
-        d(g, z), r(g, z);
+      return (m, z) => {
+        d(m, z), r(m, z);
       };
     case y.TopRight:
       const b = Q(u, y.Top, i.top, i, o, n), e = Q(u, y.Right, i.right, i, o, n);
-      return (g, z) => {
-        b(g, z), e(g, z);
+      return (m, z) => {
+        b(m, z), e(m, z);
       };
     case y.BottomLeft:
       const l = Q(u, y.Bottom, i.bottom, i, o, n), p = Q(u, y.Left, i.left, i, o, n);
-      return (g, z) => {
-        l(g, z), p(g, z);
+      return (m, z) => {
+        l(m, z), p(m, z);
       };
     case y.BottomRight:
       const s = Q(u, y.Bottom, i.bottom, i, o, n), f = Q(u, y.Right, i.right, i, o, n);
-      return (g, z) => {
-        s(g, z), f(g, z);
+      return (m, z) => {
+        s(m, z), f(m, z);
       };
     default:
       throw `Resize type ${t} not supported`;
   }
 }
-function ze(t) {
+function ye(t) {
   return {
     startResize(i, o, n, u, d, r, b) {
       if (n.onResizeStart) {
-        const m = n.onResizeStart(o);
-        if (typeof m == "boolean" && !m)
+        const g = n.onResizeStart(o);
+        if (typeof g == "boolean" && !g)
           return;
       }
-      const e = r(i), l = pe(o, n, e.x, e.y);
+      const e = r(i), l = we(o, n, e.x, e.y);
       n.resizing = !0, n.updateParent();
       let p = 0, s = 0, f = !1;
-      const g = (m, R) => {
-        l(m, R), t.updateStyles(n);
-      }, z = (m) => {
+      const m = (g, R) => {
+        l(g, R), t.updateStyles(n);
+      }, z = (g) => {
         f = !0;
-        const R = r(m);
-        p = R.x, s = R.y, m.preventDefault(), window.requestAnimationFrame(() => {
-          n.resizing && g(p, s);
+        const R = r(g);
+        p = R.x, s = R.y, g.preventDefault(), window.requestAnimationFrame(() => {
+          n.resizing && m(p, s);
         });
       }, c = () => {
-        n.resizing = !1, f && g(p, s), window.removeEventListener(d, z), window.removeEventListener(u, c), n.updateParent();
-        const m = b || n.onResizeEnd;
-        if (m) {
+        n.resizing = !1, f && m(p, s), window.removeEventListener(d, z), window.removeEventListener(u, c), n.updateParent();
+        const g = b || n.onResizeEnd;
+        if (g) {
           const R = n.element.getBoundingClientRect();
-          m(Math.floor(Rt(o) ? R.width : R.height), R, o);
+          g(Math.floor(Rt(o) ? R.width : R.height), R, o);
         }
       };
       window.addEventListener(d, z), window.addEventListener(u, c);
     }
   };
 }
-function we(t) {
+function Re(t) {
   function i(o, n, u, d, r) {
     const b = -(n - d), e = -(u - r);
     o.left.adjusted = [b], o.top.adjusted = [e], o.right.size && (o.right.adjusted = [-b]), o.bottom.size && (o.bottom.adjusted = [-e]), t.updateStyles(o);
@@ -329,24 +329,24 @@ function we(t) {
     startDrag(o, n, u, d, r, b) {
       if (n.element) {
         const e = r(o), l = n.left.adjusted.length === 0 ? 0 : n.left.adjusted[0], p = n.top.adjusted.length === 0 ? 0 : n.top.adjusted[0], s = e.x - l, f = e.y - p;
-        let g = 0, z = 0, c = !1;
-        const m = (I, M) => i(n, s, f, I, M), R = me(m, 5), S = (I) => {
+        let m = 0, z = 0, c = !1;
+        const g = (I, L) => i(n, s, f, I, L), R = be(g, 5), S = (I) => {
           c = !0;
-          const M = r(I);
-          g = M.x, z = M.y, I.preventDefault(), R(g, z);
+          const L = r(I);
+          m = L.x, z = L.y, I.preventDefault(), R(m, z);
         }, w = () => {
-          if (c && m(g, z), window.removeEventListener(d, S), window.removeEventListener(u, w), b) {
+          if (c && g(m, z), window.removeEventListener(d, S), window.removeEventListener(u, w), b) {
             const I = n.parentId && t.getSpace(n.parentId)?.element.getBoundingClientRect() || {
               left: 0,
               top: 0
-            }, M = (({ left: N, top: x, right: T, bottom: P, width: k, height: E }) => ({ left: N, top: x, right: T, bottom: P, width: k, height: E }))(
+            }, L = (({ left: N, top: x, right: T, bottom: P, width: k, height: E }) => ({ left: N, top: x, right: T, bottom: P, width: k, height: E }))(
               n.element.getBoundingClientRect()
             );
             b(
               {
-                ...M,
-                left: M.left - I.left,
-                top: M.top - I.top
+                ...L,
+                left: L.left - I.left,
+                top: L.top - I.top
               },
               c
             );
@@ -374,14 +374,14 @@ const bt = {
   adjustBottom: () => !1,
   adjustEdge: () => !1,
   anchoredChildren: () => []
-}, ye = [C.Left, C.Top, C.Right, C.Bottom];
+}, ve = [C.Left, C.Top, C.Right, C.Bottom];
 function _t(t) {
   return t === A.ViewPort ? "fixed" : t === A.Fixed ? "relative" : "absolute";
 }
 function Nt(t) {
   return t === C.Bottom || t === C.Top ? mt.Vertical : mt.Horizontal;
 }
-function Re(t) {
+function Se(t) {
   return [
     {
       anchor: C.Left,
@@ -404,37 +404,37 @@ function Re(t) {
 function ut(t) {
   return { size: t, adjusted: [], resized: 0 };
 }
-function ve() {
+function Te() {
   let t = [];
   const i = (e) => {
     t = e;
   }, o = (e) => n().find((l) => l.id === e), n = () => t, u = (e) => {
-    const l = (z, c, m) => m.indexOf(z) === c, s = ((z) => {
+    const l = (z, c, g) => g.indexOf(z) === c, s = ((z) => {
       let c = [];
-      return ye.forEach((m) => {
-        const R = z.filter((w) => w.anchor !== void 0 && w.anchor === m);
+      return ve.forEach((g) => {
+        const R = z.filter((w) => w.anchor !== void 0 && w.anchor === g);
         R.map((w) => w.zIndex).filter(l).forEach((w) => {
-          const I = R.filter((T) => T.zIndex === w), M = I.filter((T) => T.order !== void 0), N = I.filter((T) => T.order === void 0);
-          var x = M.length > 0 ? M.map((T) => T.order).reduce((T, P) => Math.max(T, P)) : 0;
-          c = [...c, ...M, ...N.map((T, P) => ({ ...T, order: x + P + 1 }))];
+          const I = R.filter((T) => T.zIndex === w), L = I.filter((T) => T.order !== void 0), N = I.filter((T) => T.order === void 0);
+          var x = L.length > 0 ? L.map((T) => T.order).reduce((T, P) => Math.max(T, P)) : 0;
+          c = [...c, ...L, ...N.map((T, P) => ({ ...T, order: x + P + 1 }))];
         });
-      }), [...c, ...z.filter((m) => m.anchor === void 0)];
+      }), [...c, ...z.filter((g) => g.anchor === void 0)];
     })(e.children);
-    for (var f = 0, g = s.length; f < g; f++) {
+    for (var f = 0, m = s.length; f < m; f++) {
       const z = s[f];
       let c = !1;
       if (z.type === A.Fill)
-        Re(z).forEach((m) => {
+        Se(z).forEach((g) => {
           const R = [];
-          e.anchoredChildren(s, m.anchor, z.zIndex).forEach((w) => {
+          e.anchoredChildren(s, g.anchor, z.zIndex).forEach((w) => {
             w.orientation === mt.Vertical ? (w.height.size && R.push(w.height.size), w.height.resized && R.push(w.height.resized)) : (w.width.size && R.push(w.width.size), w.width.resized && R.push(w.width.resized));
-          }), m.update(R) && (c = !0);
+          }), g.update(R) && (c = !0);
         });
       else if (z.type === A.Anchored) {
-        const m = [];
+        const g = [];
         e.anchoredChildren(s, z.anchor, z.zIndex).filter((S) => S.id !== z.id && S.order <= z.order).forEach((S) => {
-          S.orientation === mt.Vertical ? (S.height.size && m.push(S.height.size), S.height.resized && m.push(S.height.resized)) : (S.width.size && m.push(S.width.size), S.width.resized && m.push(S.width.resized));
-        }), z.adjustEdge(m) && (c = !0);
+          S.orientation === mt.Vertical ? (S.height.size && g.push(S.height.size), S.height.resized && g.push(S.height.resized)) : (S.width.size && g.push(S.width.size), S.width.resized && g.push(S.width.resized));
+        }), z.adjustEdge(g) && (c = !0);
       }
       c && yt(z);
     }
@@ -453,7 +453,7 @@ function ve() {
         const l = o(e.parentId);
         l && (l.children = l.children.filter((p) => p.id !== e.id), u(l));
       }
-      be(e);
+      ze(e);
     },
     updateStyles: (e) => {
       if (e.parentId) {
@@ -467,22 +467,22 @@ function ve() {
         type: p,
         anchor: s,
         order: f,
-        zIndex: g,
+        zIndex: m,
         scrollable: z,
         position: c,
-        centerContent: m,
+        centerContent: g,
         minimumSize: R,
         maximumSize: S,
         handleSize: w,
         touchHandleSize: I,
-        handlePlacement: M,
+        handlePlacement: L,
         allowOverflow: N
-      } = l, x = c && c.leftResizable || !1, T = c && c.rightResizable || !1, P = c && c.topResizable || !1, k = c && c.bottomResizable || !1, E = c && c.topLeftResizable || !1, X = c && c.topRightResizable || !1, D = c && c.bottomLeftResizable || !1, ot = c && c.bottomRightResizable || !1;
-      let L = !1;
-      if (e.type !== p && (e.type = p, e.position = _t(p), L = !0), e.anchor !== s && (e.anchor = s, e.orientation = Nt(s), L = !0, p === A.Anchored && (s === C.Left ? e.adjustEdge = e.adjustLeft : s === C.Top ? e.adjustEdge = e.adjustTop : s === C.Right ? e.adjustEdge = e.adjustRight : s === C.Bottom && (e.adjustEdge = e.adjustBottom))), e.left.size !== (c && c.left) && (e.left.size = c && c.left, e.left.resized = 0, e.left.adjusted = [], L = !0), e.right.size !== (c && c.right) && (e.right.size = c && c.right, e.right.resized = 0, e.right.adjusted = [], L = !0), e.top.size !== (c && c.top) && (e.top.size = c && c.top, e.top.resized = 0, e.top.adjusted = [], L = !0), e.bottom.size !== (c && c.bottom) && (e.bottom.size = c && c.bottom, e.bottom.resized = 0, e.bottom.adjusted = [], L = !0), e.width.size !== (c && c.width) && (e.width.size = c && c.width, e.width.resized = 0, e.width.adjusted = [], L = !0), e.height.size !== (c && c.height) && (e.height.size = c && c.height, e.height.resized = 0, e.height.adjusted = [], L = !0), Z(e.order, 0) !== Z(f, 0) && (e.order = Z(f, 0), L = !0), Z(e.zIndex, 0) !== Z(g, 0) && (e.zIndex = Z(g, 0), L = !0), Z(e.scrollable, !1) !== Z(z, !1) && (e.scrollable = Z(z, !1), L = !0), e.minimumSize !== R && (e.minimumSize = R, L = !0), e.maximumSize !== S && (e.maximumSize = S, L = !0), Z(e.centerContent, st.None) !== Z(m, st.None) && (e.centerContent = Z(m, st.None), L = !0), e.handleSize !== w && (e.handleSize = w || bt.handleSize, L = !0), e.touchHandleSize !== I && (e.touchHandleSize = I || bt.touchHandleSize, L = !0), e.handlePlacement !== M && (e.handlePlacement = M || bt.handlePlacement, L = !0), e.canResizeBottom !== k && (e.canResizeBottom = k, L = !0), e.canResizeTop !== P && (e.canResizeTop = P, L = !0), e.canResizeLeft !== x && (e.canResizeLeft = x, L = !0), e.canResizeRight !== T && (e.canResizeRight = T, L = !0), e.canResizeTopLeft !== E && (e.canResizeTopLeft = E, L = !0), e.canResizeTopRight !== X && (e.canResizeTopRight = X, L = !0), e.canResizeBottomLeft !== D && (e.canResizeBottomLeft = D, L = !0), e.canResizeBottomRight !== ot && (e.canResizeBottomRight = ot, L = !0), e.allowOverflow !== N && (e.allowOverflow = N || bt.allowOverflow, L = !0), L) {
+      } = l, x = c && c.leftResizable || !1, T = c && c.rightResizable || !1, P = c && c.topResizable || !1, k = c && c.bottomResizable || !1, E = c && c.topLeftResizable || !1, K = c && c.topRightResizable || !1, _ = c && c.bottomLeftResizable || !1, tt = c && c.bottomRightResizable || !1;
+      let $ = !1;
+      if (e.type !== p && (e.type = p, e.position = _t(p), $ = !0), e.anchor !== s && (e.anchor = s, e.orientation = Nt(s), $ = !0, p === A.Anchored && (s === C.Left ? e.adjustEdge = e.adjustLeft : s === C.Top ? e.adjustEdge = e.adjustTop : s === C.Right ? e.adjustEdge = e.adjustRight : s === C.Bottom && (e.adjustEdge = e.adjustBottom))), e.left.size !== (c && c.left) && (e.left.size = c && c.left, e.left.resized = 0, e.left.adjusted = [], $ = !0), e.right.size !== (c && c.right) && (e.right.size = c && c.right, e.right.resized = 0, e.right.adjusted = [], $ = !0), e.top.size !== (c && c.top) && (e.top.size = c && c.top, e.top.resized = 0, e.top.adjusted = [], $ = !0), e.bottom.size !== (c && c.bottom) && (e.bottom.size = c && c.bottom, e.bottom.resized = 0, e.bottom.adjusted = [], $ = !0), e.width.size !== (c && c.width) && (e.width.size = c && c.width, e.width.resized = 0, e.width.adjusted = [], $ = !0), e.height.size !== (c && c.height) && (e.height.size = c && c.height, e.height.resized = 0, e.height.adjusted = [], $ = !0), J(e.order, 0) !== J(f, 0) && (e.order = J(f, 0), $ = !0), J(e.zIndex, 0) !== J(m, 0) && (e.zIndex = J(m, 0), $ = !0), J(e.scrollable, !1) !== J(z, !1) && (e.scrollable = J(z, !1), $ = !0), e.minimumSize !== R && (e.minimumSize = R, $ = !0), e.maximumSize !== S && (e.maximumSize = S, $ = !0), J(e.centerContent, st.None) !== J(g, st.None) && (e.centerContent = J(g, st.None), $ = !0), e.handleSize !== w && (e.handleSize = w || bt.handleSize, $ = !0), e.touchHandleSize !== I && (e.touchHandleSize = I || bt.touchHandleSize, $ = !0), e.handlePlacement !== L && (e.handlePlacement = L || bt.handlePlacement, $ = !0), e.canResizeBottom !== k && (e.canResizeBottom = k, $ = !0), e.canResizeTop !== P && (e.canResizeTop = P, $ = !0), e.canResizeLeft !== x && (e.canResizeLeft = x, $ = !0), e.canResizeRight !== T && (e.canResizeRight = T, $ = !0), e.canResizeTopLeft !== E && (e.canResizeTopLeft = E, $ = !0), e.canResizeTopRight !== K && (e.canResizeTopRight = K, $ = !0), e.canResizeBottomLeft !== _ && (e.canResizeBottomLeft = _, $ = !0), e.canResizeBottomRight !== tt && (e.canResizeBottomRight = tt, $ = !0), e.allowOverflow !== N && (e.allowOverflow = N || bt.allowOverflow, $ = !0), $) {
         if (e.parentId) {
-          const q = o(e.parentId);
-          q && u(q);
+          const V = o(e.parentId);
+          V && u(V);
         }
         yt(e);
       }
@@ -492,9 +492,9 @@ function ve() {
     startTouchResize: () => null,
     startMouseDrag: () => null,
     startTouchDrag: () => null
-  }, r = ze(d), b = we(d);
+  }, r = ye(d), b = Re(d);
   return d.createSpace = (e, l, p) => {
-    const { position: s, anchor: f, type: g, ...z } = l, c = s && s.rightResizable || !1, m = s && s.leftResizable || !1, R = s && s.bottomResizable || !1, S = s && s.topResizable || !1, w = s && s.topLeftResizable || !1, I = s && s.topRightResizable || !1, M = s && s.bottomLeftResizable || !1, N = s && s.bottomRightResizable || !1, x = {
+    const { position: s, anchor: f, type: m, ...z } = l, c = s && s.rightResizable || !1, g = s && s.leftResizable || !1, R = s && s.bottomResizable || !1, S = s && s.topResizable || !1, w = s && s.topLeftResizable || !1, I = s && s.topRightResizable || !1, L = s && s.bottomLeftResizable || !1, N = s && s.bottomRightResizable || !1, x = {
       ...bt,
       ...z,
       store: d,
@@ -508,9 +508,9 @@ function ve() {
       parentId: e,
       children: [],
       anchor: f,
-      type: g,
+      type: m,
       orientation: Nt(f),
-      position: _t(g),
+      position: _t(m),
       left: ut(s && s.left),
       right: ut(s && s.right),
       top: ut(s && s.top),
@@ -518,15 +518,15 @@ function ve() {
       width: ut(s && s.width),
       height: ut(s && s.height),
       canResizeLeft: c,
-      canResizeRight: m,
+      canResizeRight: g,
       canResizeTop: R,
       canResizeBottom: S,
       canResizeTopLeft: w,
       canResizeTopRight: I,
-      canResizeBottomLeft: M,
+      canResizeBottomLeft: L,
       canResizeBottomRight: N
     };
-    return x.anchoredChildren = (T, P, k) => T.filter((E) => E.type === A.Anchored && E.anchor === P && E.zIndex === k), x.adjustLeft = (T) => Ct(x.left.adjusted, T) ? !1 : (x.left.adjusted = T, !0), x.adjustRight = (T) => Ct(x.right.adjusted, T) ? !1 : (x.right.adjusted = T, !0), x.adjustTop = (T) => Ct(x.top.adjusted, T) ? !1 : (x.top.adjusted = T, !0), x.adjustBottom = (T) => Ct(x.bottom.adjusted, T) ? !1 : (x.bottom.adjusted = T, !0), g === A.Anchored && (f === C.Left ? x.adjustEdge = x.adjustLeft : f === C.Top ? x.adjustEdge = x.adjustTop : f === C.Right ? x.adjustEdge = x.adjustRight : f === C.Bottom && (x.adjustEdge = x.adjustBottom)), x;
+    return x.anchoredChildren = (T, P, k) => T.filter((E) => E.type === A.Anchored && E.anchor === P && E.zIndex === k), x.adjustLeft = (T) => Ct(x.left.adjusted, T) ? !1 : (x.left.adjusted = T, !0), x.adjustRight = (T) => Ct(x.right.adjusted, T) ? !1 : (x.right.adjusted = T, !0), x.adjustTop = (T) => Ct(x.top.adjusted, T) ? !1 : (x.top.adjusted = T, !0), x.adjustBottom = (T) => Ct(x.bottom.adjusted, T) ? !1 : (x.bottom.adjusted = T, !0), m === A.Anchored && (f === C.Left ? x.adjustEdge = x.adjustLeft : f === C.Top ? x.adjustEdge = x.adjustTop : f === C.Right ? x.adjustEdge = x.adjustRight : f === C.Bottom && (x.adjustEdge = x.adjustBottom)), x;
   }, d.startMouseResize = (e, l, p, s) => {
     r.startResize(
       p,
@@ -580,11 +580,11 @@ function ve() {
   }, d;
 }
 const Ut = (t) => {
-  const i = it(void 0), o = it(!1), n = it(!1), [u, d] = U(0);
-  o.current && (n.current = !0), et(() => (o.current || (i.current = t(), o.current = !0), d((r) => r + 1), () => {
+  const i = ot(void 0), o = ot(!1), n = ot(!1), [u, d] = U(0);
+  o.current && (n.current = !0), it(() => (o.current || (i.current = t(), o.current = !0), d((r) => r + 1), () => {
     n.current && i.current && i.current();
   }), []);
-}, jt = O.createContext(void 0), Bt = O.createContext(void 0), At = O.createContext(void 0), Xt = O.createContext({}), Gt = ve(), vt = {
+}, Mt = O.createContext(void 0), Bt = O.createContext(void 0), At = O.createContext(void 0), Xt = O.createContext({}), Gt = Te(), vt = {
   id: h.string,
   className: h.string,
   style: h.oneOfType([h.object, h.array]),
@@ -605,7 +605,7 @@ const Ut = (t) => {
   onTouchMove: h.func,
   onTouchEnd: h.func
 };
-function Se() {
+function xe() {
   const [, t] = O.useState(0);
   return O.useCallback(() => {
     t((i) => i + 1);
@@ -618,19 +618,19 @@ function Jt() {
     if (typeof O.useId == "function")
       return `s${O.useId().replace(/\:/g, "")}`;
   }
-  return `s${fe()}`;
+  return `s${ge()}`;
 }
-function Te(t) {
-  const i = Gt, o = Se(), n = O.useContext(jt), u = O.useContext(At), { debug: d } = O.useContext(Xt), r = Jt(), [b] = O.useState(t.id || r), e = O.useRef(null), l = O.useRef(void 0), [p, s] = O.useState();
+function Ce(t) {
+  const i = Gt, o = xe(), n = O.useContext(Mt), u = O.useContext(At), { debug: d } = O.useContext(Xt), r = Jt(), [b] = O.useState(t.id || r), e = O.useRef(null), l = O.useRef(void 0), [p, s] = O.useState();
   let f = i.getSpace(b);
   d && console.table(i.getSpaces());
-  const g = {
+  const m = {
     ...t,
     id: b,
-    zIndex: Z(t.zIndex, u)
+    zIndex: J(t.zIndex, u)
   };
-  f ? i.updateSpace(f, g) : (f = i.createSpace(n, g, o), i.addSpace(f));
-  const z = Ce(i, f);
+  f ? i.updateSpace(f, m) : (f = i.createSpace(n, m, o), i.addSpace(f));
+  const z = Le(i, f);
   return Ut(() => {
     const c = e.current ? e.current.getBoundingClientRect() : new DOMRect();
     return f.dimension = {
@@ -643,18 +643,18 @@ function Te(t) {
       height: Math.floor(c.height),
       x: Math.floor(c.x),
       y: Math.floor(c.y)
-    }, s(f.dimension), t.trackSize && (l.current = new ne(e.current, (m) => {
+    }, s(f.dimension), t.trackSize && (l.current = new se(e.current, (g) => {
       f.dimension = {
         ...c,
-        width: Math.floor(m.width),
-        height: Math.floor(m.height)
+        width: Math.floor(g.width),
+        height: Math.floor(g.height)
       }, s(f.dimension);
     })), () => {
       l.current && l.current.detach(), i.removeSpace(f);
     };
   }), { space: f, resizeHandles: z, domRect: p, elementRef: e };
 }
-const xe = [
+const Ae = [
   { id: "ml", className: "resize-left", resizeType: y.Left, condition: (t) => t.canResizeLeft },
   { id: "mr", className: "resize-right", resizeType: y.Right, condition: (t) => t.canResizeRight },
   { id: "mt", className: "resize-top", resizeType: y.Top, condition: (t) => t.canResizeTop },
@@ -674,7 +674,7 @@ const xe = [
     condition: (t) => t.canResizeBottomRight
   }
 ];
-function Ce(t, i) {
+function Le(t, i) {
   const o = [], n = (u, d, r) => {
     o.push({
       id: `${i.id}-${u}`,
@@ -684,14 +684,14 @@ function Ce(t, i) {
       onTouchStart: (b) => t.startTouchResize(r, i, b)
     });
   };
-  return xe.forEach((u) => {
+  return Ae.forEach((u) => {
     u.condition(i) && n(u.id, u.className, u.resizeType);
   }), {
     mouseHandles: o
   };
 }
-function pi() {
-  const t = Gt, i = O.useContext(jt), o = i ? t.getSpace(i) : void 0, n = O.useContext(Bt), u = O.useContext(At), d = O.useCallback(
+function wi() {
+  const t = Gt, i = O.useContext(Mt), o = i ? t.getSpace(i) : void 0, n = O.useContext(Bt), u = O.useContext(At), d = O.useCallback(
     (p, s) => o ? t.startMouseDrag(o, p, s) : null,
     [i]
   ), r = O.useCallback(
@@ -710,26 +710,26 @@ function pi() {
   };
 }
 let ft = !1;
-function zi() {
+function yi() {
   ft = !0;
 }
-const Ae = (t) => /* @__PURE__ */ a("div", { className: "spaces-centered", children: t.children }), Le = (t) => /* @__PURE__ */ a("div", { className: "spaces-centered-vertically", children: t.children });
-function $e(t, i) {
+const $e = (t) => /* @__PURE__ */ a("div", { className: "spaces-centered", children: t.children }), je = (t) => /* @__PURE__ */ a("div", { className: "spaces-centered-vertically", children: t.children });
+function Me(t, i) {
   switch (i) {
     case st.Vertical:
-      return /* @__PURE__ */ a(Le, { children: t });
+      return /* @__PURE__ */ a(je, { children: t });
     case st.HorizontalVertical:
-      return /* @__PURE__ */ a(Ae, { children: t });
+      return /* @__PURE__ */ a($e, { children: t });
   }
   return t;
 }
-class K extends O.Component {
+class Y extends O.Component {
   _react_spaces_uniqueid;
   render() {
-    return /* @__PURE__ */ a(Me, { ...this.props, wrapperInstance: this });
+    return /* @__PURE__ */ a(Be, { ...this.props, wrapperInstance: this });
   }
 }
-const Me = (t) => {
+const Be = (t) => {
   let i = t.id ?? t.wrapperInstance._react_spaces_uniqueid;
   const [o, n] = O.useState(!!ft), u = Jt();
   i || (t.wrapperInstance._react_spaces_uniqueid = u, i = t.wrapperInstance._react_spaces_uniqueid);
@@ -742,10 +742,10 @@ const Me = (t) => {
     onMouseEnter: p,
     onMouseLeave: s,
     onMouseMove: f,
-    onTouchStart: g,
+    onTouchStart: m,
     onTouchMove: z,
     onTouchEnd: c,
-    children: m,
+    children: g,
     handleRender: R
   } = t, S = {
     onClick: b,
@@ -754,27 +754,27 @@ const Me = (t) => {
     onMouseEnter: p,
     onMouseLeave: s,
     onMouseMove: f,
-    onTouchStart: g,
+    onTouchStart: m,
     onTouchMove: z,
     onTouchEnd: c
-  }, { space: w, domRect: I, elementRef: M, resizeHandles: N } = Te({
+  }, { space: w, domRect: I, elementRef: L, resizeHandles: N } = Ce({
     ...t,
     id: i
   });
   if (ft && !qt()) {
-    const D = document.getElementById(`style_${i}_ssr`);
-    D && (w.ssrStyle = D.innerHTML), yt(w);
+    const _ = document.getElementById(`style_${i}_ssr`);
+    _ && (w.ssrStyle = _.innerHTML), yt(w);
   }
   Ut(() => {
-    w.element = M.current, ft && o && n(!1);
+    w.element = L.current, ft && o && n(!1);
   });
-  const x = r ? r.split(" ").map((D) => D.trim()) : [], T = [
+  const x = r ? r.split(" ").map((_) => _.trim()) : [], T = [
     "spaces-space",
-    w.children.find((D) => D.resizing) ? "spaces-resizing" : void 0,
+    w.children.find((_) => _.resizing) ? "spaces-resizing" : void 0,
     w.type === A.Fixed ? "spaces-fixedsize-layout" : void 0,
     w.type === A.ViewPort ? "spaces-fullpage-layout" : void 0,
-    ...x.map((D) => `${D}-container`)
-  ].filter((D) => D), P = ["spaces-space-inner", ...x];
+    ...x.map((_) => `${_}-container`)
+  ].filter((_) => _), P = ["spaces-space-inner", ...x];
   let k = d;
   w.handlePlacement === rt.Inside && (k = {
     ...d,
@@ -783,19 +783,19 @@ const Me = (t) => {
     top: w.anchor === C.Bottom ? w.handleSize : void 0,
     bottom: w.anchor === C.Top ? w.handleSize : void 0
   });
-  const E = $e(m, t.centerContent), X = {
+  const E = Me(g, t.centerContent), K = {
     id: w.id,
-    ref: M,
+    ref: L,
     className: T.join(" "),
     ...S
   };
   return /* @__PURE__ */ F(Et, { children: [
-    N.mouseHandles.map((D) => R?.(D) || /* @__PURE__ */ a("div", { ...D })),
+    N.mouseHandles.map((_) => R?.(_) || /* @__PURE__ */ a("div", { ..._ })),
     ft && w.ssrStyle && o && /* @__PURE__ */ a("style", { id: `style_${w.id}_ssr`, children: w.ssrStyle }),
     O.createElement(
       t.as || "div",
-      X,
-      /* @__PURE__ */ a("div", { className: P.join(" "), style: k, children: /* @__PURE__ */ a(jt.Provider, { value: w.id, children: /* @__PURE__ */ a(At.Provider, { value: void 0, children: /* @__PURE__ */ a(Bt.Provider, { value: I, children: E }) }) }) })
+      K,
+      /* @__PURE__ */ a("div", { className: P.join(" "), style: k, children: /* @__PURE__ */ a(Mt.Provider, { value: w.id, children: /* @__PURE__ */ a(At.Provider, { value: void 0, children: /* @__PURE__ */ a(Bt.Provider, { value: I, children: E }) }) }) })
     )
   ] });
 }, St = {
@@ -817,8 +817,8 @@ const Me = (t) => {
 }, Tt = {
   ...St,
   resizable: h.bool
-}, je = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
-  K,
+}, Ie = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
+  Y,
   {
     ...o,
     type: A.Anchored,
@@ -827,9 +827,9 @@ const Me = (t) => {
     children: t
   }
 );
-je.propTypes = St;
-const Be = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
-  K,
+Ie.propTypes = St;
+const Oe = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
+  Y,
   {
     ...n,
     type: A.Anchored,
@@ -838,9 +838,9 @@ const Be = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
     children: i
   }
 );
-Be.propTypes = Tt;
-const Ie = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
-  K,
+Oe.propTypes = Tt;
+const De = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
+  Y,
   {
     ...o,
     type: A.Anchored,
@@ -849,9 +849,9 @@ const Ie = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
     children: t
   }
 );
-Ie.propTypes = St;
-const Oe = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
-  K,
+De.propTypes = St;
+const _e = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
+  Y,
   {
     ...n,
     type: A.Anchored,
@@ -860,9 +860,9 @@ const Oe = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
     children: i
   }
 );
-Oe.propTypes = Tt;
-const De = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
-  K,
+_e.propTypes = Tt;
+const Ne = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
+  Y,
   {
     ...o,
     type: A.Anchored,
@@ -871,9 +871,9 @@ const De = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
     children: t
   }
 );
-De.propTypes = St;
-const _e = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
-  K,
+Ne.propTypes = St;
+const Pe = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
+  Y,
   {
     ...n,
     type: A.Anchored,
@@ -882,9 +882,9 @@ const _e = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
     children: i
   }
 );
-_e.propTypes = Tt;
-const Ne = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
-  K,
+Pe.propTypes = Tt;
+const Ee = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
+  Y,
   {
     ...o,
     type: A.Anchored,
@@ -893,9 +893,9 @@ const Ne = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
     children: t
   }
 );
-Ne.propTypes = St;
-const Pe = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
-  K,
+Ee.propTypes = St;
+const ke = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
+  Y,
   {
     ...n,
     type: A.Anchored,
@@ -904,8 +904,8 @@ const Pe = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
     children: i
   }
 );
-Pe.propTypes = Tt;
-const Ee = ue(
+ke.propTypes = Tt;
+const He = me(
   {
     ...Tt,
     type: h.oneOf([A.Positioned, A.Fill, A.Anchored]),
@@ -920,7 +920,7 @@ const Ee = ue(
     resizeTypes: h.array
   },
   "size"
-), ke = ({
+), We = ({
   children: t,
   type: i,
   left: o,
@@ -935,8 +935,8 @@ const Ee = ue(
   resizeTypes: s,
   ...f
 }) => {
-  let g;
-  return i = i || A.Fill, i === A.Positioned ? g = {
+  let m;
+  return i = i || A.Fill, i === A.Positioned ? m = {
     left: o,
     top: n,
     right: u,
@@ -951,30 +951,30 @@ const Ee = ue(
     topRightResizable: s && (s.includes(y.TopRight) || s.includes(y.All)),
     bottomLeftResizable: s && (s.includes(y.BottomLeft) || s.includes(y.All)),
     bottomRightResizable: s && (s.includes(y.BottomRight) || s.includes(y.All))
-  } : l === C.Left ? (g = { left: 0, top: 0, bottom: 0, width: e, rightResizable: p }, i = A.Anchored) : l === C.Right ? (g = { right: 0, top: 0, bottom: 0, width: e, leftResizable: p }, i = A.Anchored) : l === C.Top ? (g = { left: 0, top: 0, right: 0, height: e, bottomResizable: p }, i = A.Anchored) : l === C.Bottom ? (g = { left: 0, bottom: 0, right: 0, height: e, topResizable: p }, i = A.Anchored) : (g = {
+  } : l === C.Left ? (m = { left: 0, top: 0, bottom: 0, width: e, rightResizable: p }, i = A.Anchored) : l === C.Right ? (m = { right: 0, top: 0, bottom: 0, width: e, leftResizable: p }, i = A.Anchored) : l === C.Top ? (m = { left: 0, top: 0, right: 0, height: e, bottomResizable: p }, i = A.Anchored) : l === C.Bottom ? (m = { left: 0, bottom: 0, right: 0, height: e, topResizable: p }, i = A.Anchored) : (m = {
     left: 0,
     top: 0,
     bottom: 0,
     right: 0
-  }, i = A.Fill), /* @__PURE__ */ a(K, { ...f, type: i, anchor: l, position: g, children: t });
+  }, i = A.Fill), /* @__PURE__ */ a(Y, { ...f, type: i, anchor: l, position: m, children: t });
 };
-ke.propTypes = Ee;
-const He = (t) => /* @__PURE__ */ a(K, { ...t, type: A.Fill, position: { left: 0, top: 0, right: 0, bottom: 0 }, children: t.children });
-He.propTypes = vt;
-const We = ({ width: t, height: i, children: o, ...n }) => /* @__PURE__ */ a(K, { ...n, type: A.Fixed, position: { width: t, height: i }, children: o });
-We.propTypes = {
+We.propTypes = He;
+const Fe = (t) => /* @__PURE__ */ a(Y, { ...t, type: A.Fill, position: { left: 0, top: 0, right: 0, bottom: 0 }, children: t.children });
+Fe.propTypes = vt;
+const Ve = ({ width: t, height: i, children: o, ...n }) => /* @__PURE__ */ a(Y, { ...n, type: A.Fixed, position: { width: t, height: i }, children: o });
+Ve.propTypes = {
   ...vt,
   width: h.oneOfType([h.string, h.number]),
   height: h.oneOfType([h.string, h.number]).isRequired
 };
-const Fe = (t) => /* @__PURE__ */ a(At.Provider, { value: t.zIndex, children: t.children });
-Fe.propTypes = {
+const qe = (t) => /* @__PURE__ */ a(At.Provider, { value: t.zIndex, children: t.children });
+qe.propTypes = {
   zIndex: h.number.isRequired
 };
-const Ve = ({ left: t, top: i, right: o, bottom: n, width: u, height: d, resizable: r, ...b }) => {
+const Ue = ({ left: t, top: i, right: o, bottom: n, width: u, height: d, resizable: r, ...b }) => {
   const e = r || [];
   return /* @__PURE__ */ a(
-    K,
+    Y,
     {
       ...b,
       type: A.Positioned,
@@ -998,7 +998,7 @@ const Ve = ({ left: t, top: i, right: o, bottom: n, width: u, height: d, resizab
     }
   );
 };
-Ve.propTypes = {
+Ue.propTypes = {
   ...vt,
   left: h.oneOfType([h.string, h.number]),
   top: h.oneOfType([h.string, h.number]),
@@ -1008,18 +1008,18 @@ Ve.propTypes = {
   height: h.oneOfType([h.string, h.number]),
   resizable: h.array
 };
-const wi = (t) => {
+const Ri = (t) => {
   const i = O.useContext(Bt);
   return i ? t.children(i) : t.children({ left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0, toJSON: () => "" });
-}, qe = ({ left: t, top: i, right: o, bottom: n, children: u, ...d }) => /* @__PURE__ */ a(K, { ...d, type: A.ViewPort, position: { left: t || 0, top: i || 0, right: o || 0, bottom: n || 0 }, children: u });
-qe.propTypes = {
+}, Xe = ({ left: t, top: i, right: o, bottom: n, children: u, ...d }) => /* @__PURE__ */ a(Y, { ...d, type: A.ViewPort, position: { left: t || 0, top: i || 0, right: o || 0, bottom: n || 0 }, children: u });
+Xe.propTypes = {
   ...vt,
   left: h.oneOfType([h.string, h.number]),
   top: h.oneOfType([h.string, h.number]),
   right: h.oneOfType([h.string, h.number]),
   bottom: h.oneOfType([h.string, h.number])
 };
-const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i, children: t }), Ue = (t) => {
+const vi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i, children: t }), Ge = (t) => {
   const {
     favicon: i,
     title: o,
@@ -1033,60 +1033,61 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
     tabsContentWidth: p,
     animateTabMove: s,
     isDragging: f,
-    index: g,
+    index: m,
     sorting: z,
     showButtonClose: c,
-    onCloseAllTabs: m,
-    onCloseLeftTabs: R,
-    onCloseRightTabs: S,
-    onCloseOtherTabs: w,
-    totalTabs: I
-  } = t, { t: M } = Wt("archbase"), [N, x] = U(0), [T, P] = U(!1), [k, E] = U(null), [X, D] = U(null), [ot, L] = U(!1), [q, tt] = U(0), [nt, G] = U(!1), lt = it(null), $ = 9, _ = 84, H = 60, V = 48;
-  et(() => (document.addEventListener("mousemove", j), document.addEventListener("mouseup", B), () => {
-    document.removeEventListener("mousemove", j), document.removeEventListener("mouseup", B);
-  })), et(() => {
-    T || setTimeout(() => P(!0), 500);
-  }, [T]), et(() => {
-    x(r + 2 * $);
+    closing: g,
+    onCloseAllTabs: R,
+    onCloseLeftTabs: S,
+    onCloseRightTabs: w,
+    onCloseOtherTabs: I,
+    totalTabs: L
+  } = t, { t: N } = Wt("archbase"), [x, T] = U(0), [P, k] = U(!1), [E, K] = U(null), [_, tt] = U(null), [$, V] = U(!1), [et, lt] = U(0), [nt, X] = U(!1), j = ot(null), D = 9, H = 84, q = 60, G = 48;
+  it(() => (document.addEventListener("mousemove", B), document.addEventListener("mouseup", at), () => {
+    document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", at);
+  })), it(() => {
+    P || setTimeout(() => k(!0), 500);
+  }, [P]), it(() => {
+    T(r + 2 * D);
   }, [r]);
-  const J = (Y) => {
-    Y.button === 0 && (l(!0), D(Y.pageX), L(!1), tt(d));
-  }, j = (Y) => {
-    if (X != null && f) {
-      let ht = q - $ + (Y.pageX - X);
-      ht < 0 && (ht = 0), ht > p - N && (ht = p - N), E(ht), !z && s(ht);
+  const M = (Z) => {
+    Z.button === 0 && (l(!0), tt(Z.pageX), V(!1), lt(d));
+  }, B = (Z) => {
+    if (_ != null && f) {
+      let ht = et - D + (Z.pageX - _);
+      ht < 0 && (ht = 0), ht > p - x && (ht = p - x), K(ht), !z && s(ht);
     }
-  }, B = (Y) => {
-    X != null && f && (D(null), E(null), l(!1), L(!0));
-  }, [dt, ct] = U(d - $);
-  et(() => {
-    ct(d ? d - $ : 0);
-  }, [g, d]);
-  const gt = () => {
-    w && w(t.id), G(!1);
-  }, xt = () => {
-    R && R(t.id), G(!1);
+  }, at = (Z) => {
+    _ != null && f && (tt(null), K(null), l(!1), V(!0));
+  }, [ct, gt] = U(d - D);
+  it(() => {
+    gt(d ? d - D : 0);
+  }, [m, d]);
+  const xt = () => {
+    I && I(t.id), X(!1);
   }, Lt = () => {
-    S && S(t.id), G(!1);
+    S && S(t.id), X(!1);
   }, Yt = () => {
-    m && m(), G(!1);
-  }, Kt = (Y) => {
-    Y.preventDefault(), G(!0);
-  }, It = g > 0, Ot = I !== void 0 && g < I - 1, Dt = (I || 0) > 1;
+    w && w(t.id), X(!1);
+  }, Kt = () => {
+    R && R(), X(!1);
+  }, Qt = (Z) => {
+    Z.preventDefault(), X(!0);
+  }, It = m > 0, Ot = L !== void 0 && m < L - 1, Dt = (L || 0) > 1;
   return /* @__PURE__ */ F(
     "div",
     {
-      className: `archbase_tab ${T ? "" : " archbase_tab-was-just-added"}${X == null && !u ? " archbase_tab-was-just-dragged" : ""}`,
+      className: `archbase_tab ${P ? "" : " archbase_tab-was-just-added"}${_ == null && !u ? " archbase_tab-was-just-dragged" : ""}`,
       style: {
-        transform: `translate3d(${k ?? dt}px, 0, 0)`,
-        width: `${N}px`
+        transform: `translate3d(${E ?? ct}px, 0, 0)`,
+        width: `${x}px`
       },
       "tab-active": u !== !1 ? "" : null,
-      "is-small": r < _ ? "" : null,
-      "is-smaller": r < H ? "" : null,
-      "is-mini": r < V ? "" : null,
-      ref: lt,
-      onContextMenu: Kt,
+      "is-small": r < H ? "" : null,
+      "is-smaller": r < q ? "" : null,
+      "is-mini": r < G ? "" : null,
+      ref: j,
+      onContextMenu: Qt,
       children: [
         /* @__PURE__ */ a("div", { className: "archbase_tab-dividers" }),
         /* @__PURE__ */ a("div", { className: "archbase_tab-background", children: /* @__PURE__ */ F("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: [
@@ -1101,98 +1102,107 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
         /* @__PURE__ */ F("div", { className: "archbase_tab-content", children: [
           !!i && /* @__PURE__ */ a("div", { className: "archbase_tab-favicon", style: { backgroundImage: `url(${i})` } }),
           /* @__PURE__ */ a("div", { className: "archbase_tab-title", children: n ?? o }),
-          /* @__PURE__ */ a("div", { className: "archbase_tab-drag-handle", title: n ?? o, onClick: b, onPointerDown: (Y) => b(Y), onMouseUp: B, onMouseMove: j, onMouseDown: J }),
-          (m || R || S || w) && /* @__PURE__ */ F(at, { shadow: "md", width: 200, opened: nt, onChange: G, position: "bottom-end", children: [
-            /* @__PURE__ */ a(at.Target, { children: /* @__PURE__ */ a("div", { className: "archbase_tab-dropdown", onClick: (Y) => {
-              Y.stopPropagation(), G(!nt);
+          /* @__PURE__ */ a("div", { className: "archbase_tab-drag-handle", title: n ?? o, onClick: b, onPointerDown: (Z) => b(Z), onMouseUp: at, onMouseMove: B, onMouseDown: M }),
+          (R || S || w || I) && /* @__PURE__ */ F(dt, { shadow: "md", width: 200, opened: nt, onChange: X, position: "bottom-end", children: [
+            /* @__PURE__ */ a(dt.Target, { children: /* @__PURE__ */ a("div", { className: "archbase_tab-dropdown", onClick: (Z) => {
+              Z.stopPropagation(), X(!nt);
             } }) }),
-            /* @__PURE__ */ F(at.Dropdown, { children: [
-              Dt && /* @__PURE__ */ a(at.Item, { onClick: gt, children: String(M("tabs.closeOthers")) }),
-              It && /* @__PURE__ */ a(at.Item, { onClick: xt, children: String(M("tabs.closeLeft")) }),
-              Ot && /* @__PURE__ */ a(at.Item, { onClick: Lt, children: String(M("tabs.closeRight")) }),
-              (Dt || It || Ot) && /* @__PURE__ */ a(at.Divider, {}),
-              /* @__PURE__ */ a(at.Item, { onClick: Yt, children: String(M("tabs.closeAll")) })
+            /* @__PURE__ */ F(dt.Dropdown, { children: [
+              Dt && /* @__PURE__ */ a(dt.Item, { onClick: xt, children: String(N("tabs.closeOthers")) }),
+              It && /* @__PURE__ */ a(dt.Item, { onClick: Lt, children: String(N("tabs.closeLeft")) }),
+              Ot && /* @__PURE__ */ a(dt.Item, { onClick: Yt, children: String(N("tabs.closeRight")) }),
+              (Dt || It || Ot) && /* @__PURE__ */ a(dt.Divider, {}),
+              /* @__PURE__ */ a(dt.Item, { onClick: Kt, children: String(N("tabs.closeAll")) })
             ] })
           ] }),
-          c ? /* @__PURE__ */ a("div", { className: "archbase_tab-close", onClick: (Y) => {
-            e(Y);
+          c ? g ? /* @__PURE__ */ a(
+            "div",
+            {
+              className: "archbase_tab-close",
+              style: { display: "flex", alignItems: "center", justifyContent: "center", cursor: "wait" },
+              "aria-label": "closing",
+              children: /* @__PURE__ */ a(te, { size: 12 })
+            }
+          ) : /* @__PURE__ */ a("div", { className: "archbase_tab-close", onClick: (Z) => {
+            e(Z);
           } }) : null
         ] })
       ]
     }
   );
-}, Ri = (t) => {
-  const { currentTabs: i, onTabChange: o, activeTab: n, onTabClose: u, className: d, style: r, dark: b, onClick: e, buttonCloseOnlyActiveTab: l = !1, onCloseAllTabs: p, onCloseLeftTabs: s, onCloseRightTabs: f, onCloseOtherTabs: g } = t, [z, c] = U([]), [m, R] = U([]), [S, w] = U(i || []), [I, M] = U(!1), [N, x] = U(!1), T = it(null), { width: P, height: k } = re(), E = 9, X = 1, D = 24, ot = 240;
-  et(() => {
-    c(q()), R(tt(q()));
-  }, []), et(() => {
-    L();
-  }, [JSON.stringify(S), P, k]), et(() => {
+}, Si = (t) => {
+  const { currentTabs: i, onTabChange: o, activeTab: n, onTabClose: u, className: d, style: r, dark: b, onClick: e, buttonCloseOnlyActiveTab: l = !1, onCloseAllTabs: p, onCloseLeftTabs: s, onCloseRightTabs: f, onCloseOtherTabs: m } = t, [z, c] = U([]), [g, R] = U([]), [S, w] = U(i || []), [I, L] = U(!1), [N, x] = U(!1), T = ot(null), { width: P, height: k } = le(), E = 9, K = 1, _ = 24, tt = 240;
+  it(() => {
+    c(V()), R(et(V()));
+  }, []), it(() => {
+    $();
+  }, [JSON.stringify(S), P, k]), it(() => {
     i && w(i);
   }, [JSON.stringify(i)]);
-  const L = () => {
-    const $ = q();
-    $ && (c($), R(tt($)));
-  }, q = () => {
-    const $ = [];
+  const $ = () => {
+    const j = V();
+    j && (c(j), R(et(j)));
+  }, V = () => {
+    const j = [];
     if (T.current) {
-      const _ = S.length, H = T.current.clientWidth, V = (_ - 1) * X, J = (H - 2 * E + V) / _, j = Math.max(D, Math.min(ot, J)), B = Math.floor(j), dt = B * _ + 2 * E - V;
-      let gt = H - dt;
-      for (let xt = 0; xt < _; xt += 1) {
-        const Lt = B < ot && gt > 0 ? 1 : 0;
-        $.push(B + Lt), gt > 0 && (gt -= 1);
+      const D = S.length, H = T.current.clientWidth, q = (D - 1) * K, G = (H - 2 * E + q) / D, M = Math.max(_, Math.min(tt, G)), B = Math.floor(M), at = B * D + 2 * E - q;
+      let gt = H - at;
+      for (let xt = 0; xt < D; xt += 1) {
+        const Lt = B < tt && gt > 0 ? 1 : 0;
+        j.push(B + Lt), gt > 0 && (gt -= 1);
       }
     }
-    return $;
-  }, tt = ($) => {
-    const _ = [], H = $ || z;
-    let V = E;
-    return H.forEach((J, j) => {
-      const B = j * X;
-      _.push(V - B), V += J;
-    }), _;
-  }, nt = ($, _) => {
-    M(!0);
-    let H = 1 / 0, V = -1, J = [];
-    m.forEach((j, B) => {
-      Math.abs($ - j) < H && (H = Math.abs($ - j), V = B);
-    }), V = Math.max(0, Math.min(m.length, V)), _ != V && (m.forEach((j, B) => {
-      B == _ ? J[B] = S[V > _ ? B + 1 : B - 1] : _ > B && B >= V ? J[B] = S[B + 1] : _ < B && B <= V ? J[B] = S[B - 1] : J[B] = S[B];
-    }), G(J) && o(J)), M(!1);
-  }, G = ($) => new Set($).size === $.length, lt = ($) => {
-    u ? u($) : o(S.filter((_, H) => H != $));
+    return j;
+  }, et = (j) => {
+    const D = [], H = j || z;
+    let q = E;
+    return H.forEach((G, M) => {
+      const B = M * K;
+      D.push(q - B), q += G;
+    }), D;
+  }, lt = (j, D) => {
+    L(!0);
+    let H = 1 / 0, q = -1, G = [];
+    g.forEach((M, B) => {
+      Math.abs(j - M) < H && (H = Math.abs(j - M), q = B);
+    }), q = Math.max(0, Math.min(g.length, q)), D != q && (g.forEach((M, B) => {
+      B == D ? G[B] = S[q > D ? B + 1 : B - 1] : D > B && B >= q ? G[B] = S[B + 1] : D < B && B <= q ? G[B] = S[B - 1] : G[B] = S[B];
+    }), nt(G) && o(G)), L(!1);
+  }, nt = (j) => new Set(j).size === j.length, X = (j) => {
+    u ? u(j) : o(S.filter((D, H) => H != j));
   };
   return /* @__PURE__ */ a("div", { className: d, style: r, children: /* @__PURE__ */ F(
     "div",
     {
       className: `archbase_tabs${b ? " archbase_tabs-dark-theme" : ""}${N ? "" : " archbase_tabs-is-sorting"}`,
       children: [
-        /* @__PURE__ */ a("div", { className: "archbase_tabs_content", ref: T, children: !!S && S.map(($, _) => !!m[_] && /* @__PURE__ */ a(
-          Ue,
+        /* @__PURE__ */ a("div", { className: "archbase_tabs_content", ref: T, children: !!S && S.map((j, D) => !!g[D] && /* @__PURE__ */ a(
+          Ge,
           {
-            favicon: $.favicon,
-            title: $.title,
-            customTitle: $.customTitle,
-            activeTab: n === $.key,
-            position: m[_],
-            contentWidth: z[_],
-            onClick: (H) => e($.key),
-            onClose: (H) => lt($.key),
+            favicon: j.favicon,
+            title: j.title,
+            customTitle: j.customTitle,
+            activeTab: n === j.key,
+            position: g[D],
+            contentWidth: z[D],
+            onClick: (H) => e(j.key),
+            onClose: (H) => X(j.key),
             setDragging: x,
-            showButtonClose: l ? n === $.key : !0,
+            showButtonClose: l ? n === j.key : !0,
+            closing: j.closing,
             tabsContentWidth: T.current && T.current.clientWidth,
-            animateTabMove: (H) => nt(H, _),
+            animateTabMove: (H) => lt(H, D),
             isDragging: N,
-            id: $.key,
-            index: _,
+            id: j.key,
+            index: D,
             sorting: I,
             onCloseAllTabs: p,
             onCloseLeftTabs: s,
             onCloseRightTabs: f,
-            onCloseOtherTabs: g,
+            onCloseOtherTabs: m,
             totalTabs: S.length
           },
-          $.key
+          j.key
         )) }),
         /* @__PURE__ */ a("div", { className: "archbase_tabs-bottom-bar" })
       ]
@@ -1204,7 +1214,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
     const n = parseInt(o.style.zIndex);
     t = Math.max(isNaN(n) ? 0 : n, t);
   }), t + 1;
-}, vi = (t) => {
+}, Ti = (t) => {
   const i = Object.assign(
     {
       id: t.id && t.id.length ? t.id : Date.now().toString(),
@@ -1234,42 +1244,42 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
     t
   );
   i.id || (i.id = Date.now().toString()), Object.freeze(i);
-  const [o, n] = W.useState(i.height), [u, d] = W.useState(i.width), [r, b] = W.useState(i.top || 0), [e, l] = W.useState(i.left || 0), [p, s] = W.useState(0), [f, g] = W.useState(0), [z, c] = W.useState(!1), [m, R] = W.useState(!1), [S, w] = W.useState("▁"), [I, M] = W.useState("□"), [N, x] = W.useState(""), [T, P] = W.useState(pt()), [k, E] = W.useState(1), { ref: X, width: D, height: ot } = se(), L = W.useRef(null), q = it(o), tt = it(u), nt = it(r), G = it(e), lt = 500, $ = (j) => {
-    g(j.clientY - r), s(j.clientX - e), P(pt()), E(0.5);
-  }, _ = (j) => {
-    l((j.clientX || j.screenX || e + p) - p), b((j.clientY || j.screenY || r + f) - f);
-  }, H = (j) => {
-    l((j.clientX || j.screenX) - p), b((j.clientY || j.screenY) - f), E(1);
-  }, V = () => {
-    if (x(`${lt}ms ease-in-out`), z)
-      q.current = o, b(nt.current || 0), l(G.current || 0), c(!1), w("▁"), R(!1);
+  const [o, n] = W.useState(i.height), [u, d] = W.useState(i.width), [r, b] = W.useState(i.top || 0), [e, l] = W.useState(i.left || 0), [p, s] = W.useState(0), [f, m] = W.useState(0), [z, c] = W.useState(!1), [g, R] = W.useState(!1), [S, w] = W.useState("▁"), [I, L] = W.useState("□"), [N, x] = W.useState(""), [T, P] = W.useState(pt()), [k, E] = W.useState(1), { ref: K, width: _, height: tt } = ae(), $ = W.useRef(null), V = ot(o), et = ot(u), lt = ot(r), nt = ot(e), X = 500, j = (M) => {
+    m(M.clientY - r), s(M.clientX - e), P(pt()), E(0.5);
+  }, D = (M) => {
+    l((M.clientX || M.screenX || e + p) - p), b((M.clientY || M.screenY || r + f) - f);
+  }, H = (M) => {
+    l((M.clientX || M.screenX) - p), b((M.clientY || M.screenY) - f), E(1);
+  }, q = () => {
+    if (x(`${X}ms ease-in-out`), z)
+      V.current = o, b(lt.current || 0), l(nt.current || 0), c(!1), w("▁"), R(!1);
     else {
-      q.current = 32, m || (G.current = e, nt.current = r);
-      const j = document.getElementById(i.id)?.parentElement;
-      tt.current = u;
-      let B = (j?.clientHeight || window.innerHeight) - q.current - 4;
-      const dt = (j?.clientWidth || window.innerWidth) - tt.current - 4, ct = document.elementFromPoint(
-        dt + tt.current / 2,
-        B + q.current / 2
+      V.current = 32, g || (nt.current = e, lt.current = r);
+      const M = document.getElementById(i.id)?.parentElement;
+      et.current = u;
+      let B = (M?.clientHeight || window.innerHeight) - V.current - 4;
+      const at = (M?.clientWidth || window.innerWidth) - et.current - 4, ct = document.elementFromPoint(
+        at + et.current / 2,
+        B + V.current / 2
       );
-      ct && ["archbase-window-container", "windowTitle"].includes(ct?.className || "") && (B -= ct?.clientHeight + 4), b(B), l(dt), c(!0), w("◰"), R(!1);
+      ct && ["archbase-window-container", "windowTitle"].includes(ct?.className || "") && (B -= ct?.clientHeight + 4), b(B), l(at), c(!0), w("◰"), R(!1);
     }
-    P(pt()), setTimeout(x, lt + 1, "");
-  }, J = () => {
-    x(`${lt}ms ease-in-out`);
-    const j = document.getElementById(i.id)?.parentElement;
-    m ? (q.current = o, tt.current = u, b(nt.current || 0), l(G.current || 0), R(!1), M("□"), c(!1), w("▁")) : (q.current = j?.clientHeight || window.innerHeight, tt.current = j?.clientWidth || window.innerWidth, z || (G.current = e, nt.current = r), b(j?.offsetTop || 0), l(j?.offsetLeft || 0), R(!0), M("❐"), c(!1), w("▁")), P(pt()), setTimeout(x, lt + 1, "");
+    P(pt()), setTimeout(x, X + 1, "");
+  }, G = () => {
+    x(`${X}ms ease-in-out`);
+    const M = document.getElementById(i.id)?.parentElement;
+    g ? (V.current = o, et.current = u, b(lt.current || 0), l(nt.current || 0), R(!1), L("□"), c(!1), w("▁")) : (V.current = M?.clientHeight || window.innerHeight, et.current = M?.clientWidth || window.innerWidth, z || (nt.current = e, lt.current = r), b(M?.offsetTop || 0), l(M?.offsetLeft || 0), R(!0), L("❐"), c(!1), w("▁")), P(pt()), setTimeout(x, X + 1, "");
   };
-  return et(() => {
-    !m && !z && (d(D), n(ot));
-  }, [D, ot, m, z]), /* @__PURE__ */ F(
+  return it(() => {
+    !g && !z && (d(_), n(tt));
+  }, [_, tt, g, z]), /* @__PURE__ */ F(
     "div",
     {
       id: i.id,
       className: "archbase-window-container",
       style: {
-        height: q.current,
-        width: tt.current,
+        height: V.current,
+        width: et.current,
         top: r,
         left: e,
         resize: i.resizable ? "both" : "none",
@@ -1277,7 +1287,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
         zIndex: T,
         opacity: k
       },
-      ref: X,
+      ref: K,
       onClick: () => {
         P(pt());
       },
@@ -1297,17 +1307,17 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
                 {
                   className: "windowTitle",
                   draggable: !0,
-                  onDragStart: $,
-                  onDrag: _,
+                  onDragStart: j,
+                  onDrag: D,
                   onDragEnd: H,
                   style: { opacity: Math.floor(k) },
-                  ref: L,
+                  ref: $,
                   children: i.titleBar.title
                 }
               ),
               i.titleBar.buttons && /* @__PURE__ */ F("span", { className: "buttonContainer", children: [
-                i.titleBar.buttons.minimize && /* @__PURE__ */ a("span", { className: "windowButton", onClick: V, children: S }),
-                i.titleBar.buttons.maximize && /* @__PURE__ */ a("span", { className: "windowButton", onClick: J, children: I }),
+                i.titleBar.buttons.minimize && /* @__PURE__ */ a("span", { className: "windowButton", onClick: q, children: S }),
+                i.titleBar.buttons.maximize && /* @__PURE__ */ a("span", { className: "windowButton", onClick: G, children: I }),
                 !!i.titleBar.buttons.close && /* @__PURE__ */ a("span", { className: "windowButton", onClick: i.titleBar.buttons.close, children: "⨯" })
               ] })
             ]
@@ -1330,7 +1340,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
       ]
     }
   );
-}, Si = ({
+}, xi = ({
   children: t,
   direction: i = "row",
   splitterSize: o,
@@ -1348,7 +1358,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
       autoSaveId: b,
       style: { height: "100%", ...d },
       className: r,
-      children: W.Children.map(t, (l) => W.isValidElement(l) && l.type === Xe ? W.cloneElement(l, {
+      children: W.Children.map(t, (l) => W.isValidElement(l) && l.type === Je ? W.cloneElement(l, {
         _splitterSize: o,
         _splitterColor: n,
         _splitterHoverColor: u,
@@ -1356,7 +1366,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
       }) : l)
     }
   );
-}, Ti = ({
+}, Ci = ({
   children: t,
   minSize: i,
   maxSize: o,
@@ -1370,7 +1380,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
       return typeof e == "string" ? parseFloat(e) : e;
   };
   return /* @__PURE__ */ a(
-    Mt,
+    jt,
     {
       defaultSize: b(n),
       minSize: b(i),
@@ -1381,12 +1391,12 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
       children: t
     }
   );
-}, Xe = ({
+}, Je = ({
   style: t,
   className: i,
   ...o
 }) => {
-  const n = Qt(), d = te() === "dark", r = o._splitterSize ?? 4, b = o._splitterColor ?? (d ? n.colors.dark[4] : n.colors.gray[3]);
+  const n = ee(), d = ie() === "dark", r = o._splitterSize ?? 4, b = o._splitterColor ?? (d ? n.colors.dark[4] : n.colors.gray[3]);
   o._splitterHoverColor ?? n.colors.blue[5];
   const l = (o._direction ?? "horizontal") === "horizontal";
   return /* @__PURE__ */ a(
@@ -1405,7 +1415,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
       onDragging: () => {
       },
       children: /* @__PURE__ */ a(
-        ee,
+        oe,
         {
           style: {
             ...l ? { width: 2, height: 20, borderRadius: 1 } : { width: 20, height: 2, borderRadius: 1 },
@@ -1415,7 +1425,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
       )
     }
   );
-}, xi = ({
+}, Ai = ({
   children: t,
   title: i,
   reducedTitle: o,
@@ -1430,12 +1440,12 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
   defaultIsDocked: s = !1,
   defaultIsVisible: f = !1
 }) => {
-  const [g, z] = U(s), [c, m] = U(f), R = () => z(!g), S = () => {
-    !g && !c && (m(!0), l && l());
+  const [m, z] = U(s), [c, g] = U(f), R = () => z(!m), S = () => {
+    !m && !c && (g(!0), l && l());
   }, w = () => {
-    !g && c && (m(!1), p && p());
+    !m && c && (g(!1), p && p());
   };
-  et(() => {
+  it(() => {
     f ? S() : w();
   }, [f]);
   const I = {
@@ -1444,7 +1454,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
     margin: "10px 0",
     alignSelf: "flex-center",
     cursor: "pointer"
-  }, M = {
+  }, L = {
     writingMode: "vertical-rl",
     transform: "rotate(180deg)",
     margin: "10px 0",
@@ -1468,7 +1478,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
           {
             onMouseOver: S,
             style: {
-              width: c || g ? "0px" : b,
+              width: c || m ? "0px" : b,
               height: "100%",
               backgroundColor: d,
               cursor: "pointer",
@@ -1478,8 +1488,8 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
               justifyContent: "flex-start",
               alignItems: "center"
             },
-            children: !c && !g && // @ts-ignore
-            /* @__PURE__ */ a("span", { style: e === "right" ? I : M, children: o })
+            children: !c && !m && // @ts-ignore
+            /* @__PURE__ */ a("span", { style: e === "right" ? I : L, children: o })
           }
         ),
         /* @__PURE__ */ a(
@@ -1487,15 +1497,15 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
           {
             onMouseLeave: w,
             style: {
-              width: c || g ? n : "0px",
+              width: c || m ? n : "0px",
               height: "100%",
               overflow: "hidden",
               transition: "width 0.3s ease-in-out",
               backgroundColor: u,
-              padding: c || g ? "10px" : "0px",
-              border: c || g ? N : 0
+              padding: c || m ? "10px" : "0px",
+              border: c || m ? N : 0
             },
-            children: c || g ? /* @__PURE__ */ F(Et, { children: [
+            children: c || m ? /* @__PURE__ */ F(Et, { children: [
               /* @__PURE__ */ F(
                 "div",
                 {
@@ -1507,7 +1517,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
                   },
                   children: [
                     /* @__PURE__ */ a("span", { children: i }),
-                    /* @__PURE__ */ a(ie, { onClick: R, children: g ? /* @__PURE__ */ a(le, { size: 16 }) : /* @__PURE__ */ a(ae, { size: 16 }) })
+                    /* @__PURE__ */ a(ne, { onClick: R, children: m ? /* @__PURE__ */ a(de, { size: 16 }) : /* @__PURE__ */ a(ce, { size: 16 }) })
                   ]
                 }
               ),
@@ -1518,7 +1528,7 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
       ]
     }
   );
-}, Ge = ({
+}, Ze = ({
   panels: t,
   initialLayout: i,
   onChange: o,
@@ -1530,19 +1540,19 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
   height: e,
   width: l
 }) => {
-  const { colorScheme: p } = oe(), s = p === "dark", f = kt(
+  const { colorScheme: p } = re(), s = p === "dark", f = kt(
     (z, c) => {
-      const m = t[z];
-      if (!m)
+      const g = t[z];
+      if (!g)
         return /* @__PURE__ */ F("div", { children: [
           "Panel not found: ",
           z
         ] });
-      const R = m.closable !== !1, S = /* @__PURE__ */ F("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-        m.icon && /* @__PURE__ */ a("span", { style: { display: "inline-flex" }, children: m.icon }),
-        /* @__PURE__ */ a("span", { children: m.title })
+      const R = g.closable !== !1, S = /* @__PURE__ */ F("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+        g.icon && /* @__PURE__ */ a("span", { style: { display: "inline-flex" }, children: g.icon }),
+        /* @__PURE__ */ a("span", { children: g.title })
       ] }), w = [];
-      m.toolbarControls && w.push(...m.toolbarControls), R && w.push(
+      g.toolbarControls && w.push(...g.toolbarControls), R && w.push(
         /* @__PURE__ */ a(
           "button",
           {
@@ -1562,9 +1572,9 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
           "close"
         )
       );
-      const I = typeof m.component == "function" ? m.component() : m.component;
+      const I = typeof g.component == "function" ? g.component() : g.component;
       return /* @__PURE__ */ a(
-        de,
+        he,
         {
           path: c,
           title: S,
@@ -1574,14 +1584,14 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
       );
     },
     [t, n]
-  ), g = {
+  ), m = {
     position: "relative",
     height: e ?? "100%",
     width: l ?? "100%",
     ...r
   };
-  return /* @__PURE__ */ a("div", { style: g, className: b, children: /* @__PURE__ */ a(
-    ce,
+  return /* @__PURE__ */ a("div", { style: m, className: b, children: /* @__PURE__ */ a(
+    ue,
     {
       renderTile: f,
       value: i,
@@ -1592,8 +1602,8 @@ const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i,
     }
   ) });
 };
-Ge.displayName = "ArchbaseMosaicLayout";
-const Je = ({
+Ze.displayName = "ArchbaseMosaicLayout";
+const Ye = ({
   children: t,
   id: i,
   defaultSize: o,
@@ -1605,7 +1615,7 @@ const Je = ({
   style: e,
   className: l
 }) => /* @__PURE__ */ a(
-  Mt,
+  jt,
   {
     id: i,
     defaultSize: o,
@@ -1619,7 +1629,7 @@ const Je = ({
     children: t
   }
 );
-Je.displayName = "ArchbaseResizablePanel";
+Ye.displayName = "ArchbaseResizablePanel";
 const Zt = ({
   direction: t = "horizontal",
   size: i = 4,
@@ -1660,7 +1670,7 @@ const Zt = ({
   );
 };
 Zt.displayName = "ArchbaseResizableHandle";
-const Ze = ({
+const Ke = ({
   direction: t = "horizontal",
   panels: i,
   onLayout: o,
@@ -1686,9 +1696,9 @@ const Ze = ({
       autoSaveId: n,
       style: s,
       className: e,
-      children: i.map((f, g) => /* @__PURE__ */ F(W.Fragment, { children: [
+      children: i.map((f, m) => /* @__PURE__ */ F(W.Fragment, { children: [
         /* @__PURE__ */ a(
-          Mt,
+          jt,
           {
             id: f.id,
             defaultSize: f.defaultSize,
@@ -1700,7 +1710,7 @@ const Ze = ({
             children: f.children
           }
         ),
-        g < i.length - 1 && /* @__PURE__ */ a(
+        m < i.length - 1 && /* @__PURE__ */ a(
           Zt,
           {
             direction: t,
@@ -1713,8 +1723,8 @@ const Ze = ({
     }
   );
 };
-Ze.displayName = "ArchbaseResizableLayout";
-function Ye({
+Ke.displayName = "ArchbaseResizableLayout";
+function Qe({
   components: t,
   defaultLayout: i,
   watermark: o,
@@ -1728,29 +1738,29 @@ function Ye({
   height: p = "600px",
   disabled: s = !1
 }) {
-  const { t: f } = Wt(), g = it(null), z = Ht(() => {
-    const m = {};
+  const { t: f } = Wt(), m = ot(null), z = Ht(() => {
+    const g = {};
     for (const R of Object.values(t))
-      m[R.id] = (S) => /* @__PURE__ */ a(
-        Ke,
+      g[R.id] = (S) => /* @__PURE__ */ a(
+        ti,
         {
           component: R,
           api: S.api,
           onClose: () => r?.(R.id)
         }
       );
-    return m;
-  }, [t, r]), c = kt((m) => {
-    if (g.current = m.api, i && typeof i != "string")
+    return g;
+  }, [t, r]), c = kt((g) => {
+    if (m.current = g.api, i && typeof i != "string")
       try {
-        m.api.fromJSON(i);
+        g.api.fromJSON(i);
       } catch (R) {
         console.warn("Failed to load default layout:", R);
       }
     if (!i && Object.keys(t).length > 0) {
       const R = Object.values(t)[0];
       try {
-        m.api.addPanel({
+        g.api.addPanel({
           id: R.id,
           component: R.id,
           title: R.title
@@ -1760,24 +1770,24 @@ function Ye({
       }
     }
   }, [i, t]);
-  return et(() => {
-    if (!g.current)
+  return it(() => {
+    if (!m.current)
       return;
-    const m = [];
+    const g = [];
     if (d) {
-      const R = g.current.onDidLayoutChange(() => {
-        d(g.current.toJSON());
+      const R = m.current.onDidLayoutChange(() => {
+        d(m.current.toJSON());
       });
-      m.push(R);
+      g.push(R);
     }
     if (r) {
-      const R = g.current.onDidRemovePanel((S) => {
+      const R = m.current.onDidRemovePanel((S) => {
         r(S.panel.id);
       });
-      m.push(R);
+      g.push(R);
     }
     return () => {
-      m.forEach((R) => R.dispose());
+      g.forEach((R) => R.dispose());
     };
   }, [d, r]), /* @__PURE__ */ a(
     "div",
@@ -1789,7 +1799,7 @@ function Ye({
       },
       className: l,
       children: /* @__PURE__ */ a(
-        he,
+        fe,
         {
           components: z,
           onReady: c,
@@ -1808,7 +1818,7 @@ function Ye({
     }
   );
 }
-function Ke({ component: t, api: i, onClose: o }) {
+function ti({ component: t, api: i, onClose: o }) {
   const n = t.component;
   return /* @__PURE__ */ a("div", { style: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ a(
     n,
@@ -1819,7 +1829,7 @@ function Ke({ component: t, api: i, onClose: o }) {
     }
   ) });
 }
-function Ci({
+function Li({
   preset: t,
   components: i = {},
   onPanelClose: o,
@@ -1828,9 +1838,9 @@ function Ci({
   className: d,
   height: r
 }) {
-  const { layout: b, components: e } = Ht(() => Qe(t, i), [t, i]);
+  const { layout: b, components: e } = Ht(() => ei(t, i), [t, i]);
   return /* @__PURE__ */ a(
-    Ye,
+    Qe,
     {
       components: e,
       defaultLayout: b,
@@ -1842,9 +1852,9 @@ function Ci({
     }
   );
 }
-function Qe(t, i) {
+function ei(t, i) {
   const o = {
-    ...ti(),
+    ...ii(),
     ...i
   };
   let n;
@@ -1853,20 +1863,20 @@ function Qe(t, i) {
       n = Pt(o);
       break;
     case "ide":
-      n = ei(o);
+      n = oi(o);
       break;
     case "explorer":
-      n = ii(o);
+      n = ni(o);
       break;
     case "analytics":
-      n = oi(o);
+      n = ri(o);
       break;
     default:
       n = Pt(o);
   }
   return { layout: n, components: o };
 }
-function ti() {
+function ii() {
   return {
     // Dashboard
     overview: {
@@ -2002,7 +2012,7 @@ function Pt(t) {
     }
   };
 }
-function ei(t) {
+function oi(t) {
   return {
     root: {
       type: "branch",
@@ -2083,7 +2093,7 @@ function ei(t) {
     }
   };
 }
-function ii(t) {
+function ni(t) {
   return {
     root: {
       type: "branch",
@@ -2114,7 +2124,7 @@ function ii(t) {
     }
   };
 }
-function oi(t) {
+function ri(t) {
   return {
     root: {
       type: "branch",
@@ -2169,47 +2179,47 @@ function oi(t) {
 }
 export {
   C as AnchorType,
-  Ri as ArchbaseAdvancedTabs,
-  $i as ArchbaseCard,
-  Mi as ArchbaseContainer,
-  Ye as ArchbaseDockLayout,
-  Ci as ArchbaseDockLayoutPreset,
-  xi as ArchbaseDockableContainer,
-  vi as ArchbaseFloatingWindow,
-  bi as ArchbaseForm,
-  ji as ArchbaseGroup,
-  Ge as ArchbaseMosaicLayout,
+  Si as ArchbaseAdvancedTabs,
+  Mi as ArchbaseCard,
+  Bi as ArchbaseContainer,
+  Qe as ArchbaseDockLayout,
+  Li as ArchbaseDockLayoutPreset,
+  Ai as ArchbaseDockableContainer,
+  Ti as ArchbaseFloatingWindow,
+  zi as ArchbaseForm,
+  Ii as ArchbaseGroup,
+  Ze as ArchbaseMosaicLayout,
   Zt as ArchbaseResizableHandle,
-  Ze as ArchbaseResizableLayout,
-  Je as ArchbaseResizablePanel,
-  Pe as ArchbaseSpaceBottom,
-  Ne as ArchbaseSpaceBottomResizable,
-  Ae as ArchbaseSpaceCentered,
-  Le as ArchbaseSpaceCenteredVertically,
-  ke as ArchbaseSpaceCustom,
-  He as ArchbaseSpaceFill,
-  We as ArchbaseSpaceFixed,
-  wi as ArchbaseSpaceInfo,
-  Fe as ArchbaseSpaceLayer,
-  Be as ArchbaseSpaceLeft,
-  je as ArchbaseSpaceLeftResizable,
-  yi as ArchbaseSpaceOptions,
-  Ve as ArchbaseSpacePositioned,
-  _e as ArchbaseSpaceRight,
-  De as ArchbaseSpaceRightResizable,
-  Oe as ArchbaseSpaceTop,
-  Ie as ArchbaseSpaceTopResizable,
-  qe as ArchbaseSpaceViewPort,
-  Si as ArchbaseSplitPane,
-  Ti as ArchbaseSplitPanePane,
-  Xe as ArchbaseSplitPaneResizer,
-  Bi as ArchbaseStack,
+  Ke as ArchbaseResizableLayout,
+  Ye as ArchbaseResizablePanel,
+  ke as ArchbaseSpaceBottom,
+  Ee as ArchbaseSpaceBottomResizable,
+  $e as ArchbaseSpaceCentered,
+  je as ArchbaseSpaceCenteredVertically,
+  We as ArchbaseSpaceCustom,
+  Fe as ArchbaseSpaceFill,
+  Ve as ArchbaseSpaceFixed,
+  Ri as ArchbaseSpaceInfo,
+  qe as ArchbaseSpaceLayer,
+  Oe as ArchbaseSpaceLeft,
+  Ie as ArchbaseSpaceLeftResizable,
+  vi as ArchbaseSpaceOptions,
+  Ue as ArchbaseSpacePositioned,
+  Pe as ArchbaseSpaceRight,
+  Ne as ArchbaseSpaceRightResizable,
+  _e as ArchbaseSpaceTop,
+  De as ArchbaseSpaceTopResizable,
+  Xe as ArchbaseSpaceViewPort,
+  xi as ArchbaseSplitPane,
+  Ci as ArchbaseSplitPanePane,
+  Je as ArchbaseSplitPaneResizer,
+  Oi as ArchbaseStack,
   st as CenterType,
   rt as ResizeHandlePlacement,
   y as ResizeType,
   A as Type,
   Tt as anchoredProps,
-  zi as enabledSsrSupport,
+  yi as enabledSsrSupport,
   St as resizableProps,
-  pi as useArchbaseCurrentSpace
+  wi as useArchbaseCurrentSpace
 };