@archbase/layout 3.0.23 → 4.0.0

package/dist/index.js

@@ -1,31 +1,33 @@
-import { Menu as at, ActionIcon as Zt } from "@mantine/core";
-import { Card as gi, Container as bi, Group as pi, Stack as zi } from "@mantine/core";
-import { jsx as c, jsxs as G, Fragment as Nt } from "react/jsx-runtime";
-import * as d from "prop-types";
-import * as M from "react";
-import J, { useRef as it, useState as V, useEffect as et, useMemo as kt, useCallback as Gt } from "react";
-import { ResizeSensor as Yt } from "css-element-queries";
-import { useWindowSize as Kt } from "usehooks-ts";
-import { useArchbaseTranslation as Ht } from "@archbase/core";
-import { useElementSize as Qt } from "@mantine/hooks";
-import { Split as Bt } from "@gfazioli/mantine-split-pane";
-import { IconPinnedOff as te, IconPinned as ee } from "@tabler/icons-react";
-import { DockviewReact as ie } from "dockview-react";
-function ei({ children: t }) {
-  return /* @__PURE__ */ c("form", { children: t });
+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 { 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 { 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 "react-mosaic-component/react-mosaic-component.css";
+import { DockviewReact as he } from "dockview-react";
+function bi({ 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 || {}), p = /* @__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))(p || {}), 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 oe(t, ...i) {
+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) {
   const o = /* @__PURE__ */ Object.create(null);
-  i.forEach((f) => {
-    o[f] = !0;
+  i.forEach((u) => {
+    o[u] = !0;
   });
   const n = /* @__PURE__ */ Object.create(null);
-  return Object.keys(t).forEach((f) => {
-    o[f] || (n[f] = t[f]);
+  return Object.keys(t).forEach((u) => {
+    o[u] || (n[u] = t[u]);
   }), n;
 }
-function ne() {
+function fe() {
   let t = Math.random() * 46656 | 0, i = Math.random() * 46656 | 0;
   return ("000" + t.toString(36)).slice(-3) + ("000" + i.toString(36)).slice(-3);
 }
@@ -50,7 +52,7 @@ function Ct(t, i) {
       return !1;
   return !0;
 }
-function re(t, i) {
+function me(t, i) {
   var o = !1;
   return function(...n) {
     o || (t(...n), o = !0, setTimeout(function() {
@@ -58,7 +60,7 @@ function re(t, i) {
     }, i));
   };
 }
-function se(t) {
+function ge(t) {
   const i = [], o = {
     position: t.position,
     left: v(t.left),
@@ -70,160 +72,160 @@ function se(t) {
     zIndex: t.zIndex
   }, n = [];
   o.position && n.push(`position: ${o.position};`), o.left && n.push(`left: ${o.left};`), o.top && n.push(`top: ${o.top};`), o.right && n.push(`right: ${o.right};`), o.bottom && n.push(`bottom: ${o.bottom};`), o.width && n.push(`width: ${o.width};`), o.height && n.push(`height: ${o.height};`), o.zIndex && n.push(`z-index: ${o.zIndex};`), t.allowOverflow && n.push("overflow: visible;"), n.length > 0 && i.push(`#${t.id} { ${n.join(" ")} }`), t.scrollable && i.push(`#${t.id} > .spaces-space-inner { overflow: auto; touch-action: auto; }`);
-  let f = 0;
-  const h = `${t.handleSize}px`, s = `-${t.touchHandleSize / 2 - t.handleSize / 2}px`, y = `${t.touchHandleSize / 2 - t.handleSize / 2}px`;
+  let u = 0;
+  const d = `${t.handleSize}px`, r = `-${t.touchHandleSize / 2 - t.handleSize / 2}px`, b = `${t.touchHandleSize / 2 - t.handleSize / 2}px`;
   switch (t.handlePlacement) {
     case rt.Inside:
     case rt.OverlayInside:
-      f = t.handleSize, t.type === A.Positioned && (f = 0);
+      u = t.handleSize, t.type === A.Positioned && (u = 0);
       break;
     case rt.OverlayBoundary:
-      f = t.handleSize / 2;
+      u = t.handleSize / 2;
       break;
   }
-  const e = `${f}px`, a = (r, g) => {
-    const u = [];
-    g.left && u.push(`left: ${g.left}`), g.top && u.push(`top: ${g.top}`), g.right && u.push(`right: ${g.right}`), g.bottom && u.push(`bottom: ${g.bottom}`), g.width && u.push(`width: ${g.width}`), g.height && u.push(`height: ${g.height}`), i.push(`#${t.id}-${r} { ${u.join("; ")}}`);
-  }, b = () => 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 ? a("ml", {
+  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("; ")}}`);
+  }, 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})`,
     top: "0",
     bottom: "0",
-    width: h
-  }) : a("ml", {
+    width: d
+  }) : l("ml", {
     left: `calc(${v(t.left, !0)} - ${e})`,
     top: v(t.top),
     bottom: v(t.bottom),
-    width: h,
+    width: d,
     height: v(t.height)
-  }), a("ml:after", {
-    left: s,
-    right: s,
-    top: s,
-    bottom: s
-  })), t.canResizeTop && (t.anchor ? (a("mt", {
+  }), l("ml:after", {
+    left: r,
+    right: r,
+    top: r,
+    bottom: r
+  })), t.canResizeTop && (t.anchor ? (l("mt", {
     left: "0",
     right: "0",
     bottom: `calc(${v(t.bottom)} + ${v(t.height)} - ${e})`,
-    height: h
-  }), a("mt:after", {
-    top: s,
-    bottom: s,
-    left: s,
+    height: d
+  }), l("mt:after", {
+    top: r,
+    bottom: r,
+    left: r,
     width: v(t.width),
-    right: s
-  })) : (a("mt", {
+    right: r
+  })) : (l("mt", {
     top: `calc(${v(t.top, !0)} - ${e})`,
     left: v(t.left),
     right: v(t.right),
     width: v(t.width),
-    height: h
-  }), b() ? a("mt:after", {
-    top: s,
-    bottom: s,
-    left: s,
-    width: `calc(${v(t.width, !0)} - ${e}) + ${y}`,
-    right: s
-  }) : a("mt:after", {
-    top: s,
-    bottom: s,
-    left: s,
+    height: d
+  }), p() ? l("mt:after", {
+    top: r,
+    bottom: r,
+    left: r,
+    width: `calc(${v(t.width, !0)} - ${e}) + ${b}`,
+    right: r
+  }) : l("mt:after", {
+    top: r,
+    bottom: r,
+    left: r,
     width: v(t.width),
-    right: s
-  }))), t.canResizeRight && (b() ? a("mr", {
-    left: `calc(${v(t.left, !0)} + ${v(t.width, !0)} - ${h} + ${e})`,
+    right: r
+  }))), t.canResizeRight && (p() ? l("mr", {
+    left: `calc(${v(t.left, !0)} + ${v(t.width, !0)} - ${d} + ${e})`,
     top: v(t.top),
     bottom: v(t.bottom),
-    width: h,
+    width: d,
     height: v(t.height)
-  }) : a("mr", {
+  }) : l("mr", {
     right: `calc(${v(t.right, !0)} - ${e})`,
     top: v(t.top),
     bottom: v(t.bottom),
-    width: h,
+    width: d,
     height: v(t.height)
-  }), a("mr:after", {
-    left: s,
-    right: s,
-    top: s,
-    bottom: s
-  })), t.canResizeBottom && (b() ? a("mb", {
-    top: `calc(${v(t.top, !0)} + ${v(t.height, !0)} - ${h} + ${e})`,
+  }), l("mr:after", {
+    left: r,
+    right: r,
+    top: r,
+    bottom: r
+  })), t.canResizeBottom && (p() ? l("mb", {
+    top: `calc(${v(t.top, !0)} + ${v(t.height, !0)} - ${d} + ${e})`,
     left: v(t.left),
     right: v(t.right),
     width: v(t.width),
-    height: h
-  }) : a("mb", {
+    height: d
+  }) : l("mb", {
     bottom: `calc(${v(t.bottom, !0)} - ${e})`,
     left: v(t.left),
     right: v(t.right),
     width: v(t.width),
-    height: h
-  }), a("mb:after", {
-    top: s,
-    bottom: s,
-    left: s,
-    right: s
-  })), t.canResizeTopLeft && (a("mtl", {
+    height: d
+  }), l("mb:after", {
+    top: r,
+    bottom: r,
+    left: r,
+    right: r
+  })), t.canResizeTopLeft && (l("mtl", {
     left: `calc(${v(t.left, !0)} - ${e})`,
     top: v(t.top),
-    width: h,
-    height: h
-  }), a("mtl:after", {
-    top: s,
-    bottom: s,
-    left: s,
-    right: s
-  })), t.canResizeTopRight && (b() ? a("mtr", {
-    left: `calc(${v(t.left, !0)} + ${v(t.width, !0)} - ${h} + ${e})`,
+    width: d,
+    height: d
+  }), l("mtl:after", {
+    top: r,
+    bottom: r,
+    left: r,
+    right: r
+  })), t.canResizeTopRight && (p() ? l("mtr", {
+    left: `calc(${v(t.left, !0)} + ${v(t.width, !0)} - ${d} + ${e})`,
     top: v(t.top),
-    width: h,
-    height: h
-  }) : a("mtr", {
+    width: d,
+    height: d
+  }) : l("mtr", {
     right: `calc(${v(t.right, !0)} - ${e})`,
     top: v(t.top),
-    width: h,
-    height: h
-  }), a("mtr:after", {
-    top: s,
-    bottom: s,
-    left: s,
-    right: s
-  })), t.canResizeBottomLeft && (b() ? a("mbl", {
-    top: `calc(${v(t.top, !0)} + ${v(t.height, !0)} - ${h} + ${e})`,
+    width: d,
+    height: d
+  }), l("mtr:after", {
+    top: r,
+    bottom: r,
+    left: r,
+    right: r
+  })), t.canResizeBottomLeft && (p() ? l("mbl", {
+    top: `calc(${v(t.top, !0)} + ${v(t.height, !0)} - ${d} + ${e})`,
     left: v(t.left),
-    width: h,
-    height: h
-  }) : a("mbl", {
+    width: d,
+    height: d
+  }) : l("mbl", {
     bottom: `calc(${v(t.bottom, !0)} - ${e})`,
     left: v(t.left),
-    width: h,
-    height: h
-  }), a("mbl:after", {
-    top: s,
-    bottom: s,
-    left: s,
-    right: s
-  })), t.canResizeBottomRight && (b() ? a("mbr", {
-    left: `calc(${v(t.left, !0)} + ${v(t.width, !0)} - ${h} + ${e})`,
-    top: `calc(${v(t.top, !0)} + ${v(t.height, !0)} - ${h} + ${e})`,
-    width: h,
-    height: h
-  }) : a("mbr", {
+    width: d,
+    height: d
+  }), l("mbl:after", {
+    top: r,
+    bottom: r,
+    left: r,
+    right: r
+  })), t.canResizeBottomRight && (p() ? l("mbr", {
+    left: `calc(${v(t.left, !0)} + ${v(t.width, !0)} - ${d} + ${e})`,
+    top: `calc(${v(t.top, !0)} + ${v(t.height, !0)} - ${d} + ${e})`,
+    width: d,
+    height: d
+  }) : l("mbr", {
     right: `calc(${v(t.right, !0)} - ${e})`,
     bottom: `calc(${v(t.bottom, !0)} - ${e})`,
-    width: h,
-    height: h
-  }), a("mbr:after", {
-    top: s,
-    bottom: s,
-    left: s,
-    right: s
+    width: d,
+    height: d
+  }), l("mbr:after", {
+    top: r,
+    bottom: r,
+    left: r,
+    right: r
   })), i.join(" ");
 }
-function Rt(t) {
-  const i = se(t);
-  if (Wt())
+function yt(t) {
+  const i = ge(t);
+  if (qt())
     t.ssrStyle = i;
   else {
     const o = document.getElementById(`style_${t.id}`);
@@ -235,122 +237,122 @@ function Rt(t) {
     }
   }
 }
-function le(t) {
+function be(t) {
   const i = document.getElementById(`style_${t.id}`);
   i && document.head.removeChild(i);
 }
-function Wt() {
+function qt() {
   return !(typeof document < "u" && document);
 }
-function vt(t) {
-  return t === p.Left || t === p.Right;
+function Rt(t) {
+  return t === y.Left || t === y.Right;
 }
-function Q(t, i, o, n, f, h) {
-  const s = i === p.Right || i === p.Bottom ? (u) => -u : (u) => u, y = vt(i) ? n.width : n.height, e = o.resized, a = y.resized, b = vt(i) ? t.width : t.height, r = Z(n.minimumSize, 20) - b + 0, g = n.maximumSize ? n.maximumSize - b + 0 : void 0;
-  return (u, z) => {
-    let l = (vt(i) ? f : h) - (vt(i) ? u : z), m = s(l);
-    n.type !== A.Positioned && (m = Math.max(s(l), r), m < r && (m = r), typeof g == "number" && m > g && (m = g)), o.size !== void 0 ? (o.resized = s(-l) + e, y.size && (y.resized = s(l) + a)) : y.resized = m + a;
+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;
   };
 }
-function ae(t, i, o, n) {
-  const f = i.element.getBoundingClientRect();
+function pe(t, i, o, n) {
+  const u = i.element.getBoundingClientRect();
   switch (t) {
-    case p.Left:
-      return Q(f, t, i.left, i, o, n);
-    case p.Right:
-      return Q(f, t, i.right, i, o, n);
-    case p.Bottom:
-      return Q(f, t, i.bottom, i, o, n);
-    case p.Top:
-      return Q(f, t, i.top, i, o, n);
-    case p.TopLeft:
-      const h = Q(f, p.Top, i.top, i, o, n), s = Q(f, p.Left, i.left, i, o, n);
-      return (u, z) => {
-        h(u, z), s(u, z);
+    case y.Left:
+      return Q(u, t, i.left, i, o, n);
+    case y.Right:
+      return Q(u, t, i.right, i, o, n);
+    case y.Bottom:
+      return Q(u, t, i.bottom, i, o, n);
+    case y.Top:
+      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);
       };
-    case p.TopRight:
-      const y = Q(f, p.Top, i.top, i, o, n), e = Q(f, p.Right, i.right, i, o, n);
-      return (u, z) => {
-        y(u, z), e(u, 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);
       };
-    case p.BottomLeft:
-      const a = Q(f, p.Bottom, i.bottom, i, o, n), b = Q(f, p.Left, i.left, i, o, n);
-      return (u, z) => {
-        a(u, z), b(u, 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);
       };
-    case p.BottomRight:
-      const r = Q(f, p.Bottom, i.bottom, i, o, n), g = Q(f, p.Right, i.right, i, o, n);
-      return (u, z) => {
-        r(u, z), g(u, 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);
       };
     default:
       throw `Resize type ${t} not supported`;
   }
 }
-function de(t) {
+function ze(t) {
   return {
-    startResize(i, o, n, f, h, s, y) {
+    startResize(i, o, n, u, d, r, b) {
       if (n.onResizeStart) {
         const m = n.onResizeStart(o);
         if (typeof m == "boolean" && !m)
           return;
       }
-      const e = s(i), a = ae(o, n, e.x, e.y);
+      const e = r(i), l = pe(o, n, e.x, e.y);
       n.resizing = !0, n.updateParent();
-      let b = 0, r = 0, g = !1;
-      const u = (m, R) => {
-        a(m, R), t.updateStyles(n);
+      let p = 0, s = 0, f = !1;
+      const g = (m, R) => {
+        l(m, R), t.updateStyles(n);
       }, z = (m) => {
-        g = !0;
-        const R = s(m);
-        b = R.x, r = R.y, m.preventDefault(), window.requestAnimationFrame(() => {
-          n.resizing && u(b, r);
+        f = !0;
+        const R = r(m);
+        p = R.x, s = R.y, m.preventDefault(), window.requestAnimationFrame(() => {
+          n.resizing && g(p, s);
         });
-      }, l = () => {
-        n.resizing = !1, g && u(b, r), window.removeEventListener(h, z), window.removeEventListener(f, l), n.updateParent();
-        const m = y || n.onResizeEnd;
+      }, 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) {
           const R = n.element.getBoundingClientRect();
-          m(Math.floor(vt(o) ? R.width : R.height), R, o);
+          m(Math.floor(Rt(o) ? R.width : R.height), R, o);
         }
       };
-      window.addEventListener(h, z), window.addEventListener(f, l);
+      window.addEventListener(d, z), window.addEventListener(u, c);
     }
   };
 }
-function ce(t) {
-  function i(o, n, f, h, s) {
-    const y = -(n - h), e = -(f - s);
-    o.left.adjusted = [y], o.top.adjusted = [e], o.right.size && (o.right.adjusted = [-y]), o.bottom.size && (o.bottom.adjusted = [-e]), t.updateStyles(o);
+function we(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);
   }
   return {
-    startDrag(o, n, f, h, s, y) {
+    startDrag(o, n, u, d, r, b) {
       if (n.element) {
-        const e = s(o), a = n.left.adjusted.length === 0 ? 0 : n.left.adjusted[0], b = n.top.adjusted.length === 0 ? 0 : n.top.adjusted[0], r = e.x - a, g = e.y - b;
-        let u = 0, z = 0, l = !1;
-        const m = (I, B) => i(n, r, g, I, B), R = re(m, 5), S = (I) => {
-          l = !0;
-          const B = s(I);
-          u = B.x, z = B.y, I.preventDefault(), R(u, z);
+        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) => {
+          c = !0;
+          const M = r(I);
+          g = M.x, z = M.y, I.preventDefault(), R(g, z);
         }, w = () => {
-          if (l && m(u, z), window.removeEventListener(h, S), window.removeEventListener(f, w), y) {
+          if (c && m(g, z), window.removeEventListener(d, S), window.removeEventListener(u, w), b) {
             const I = n.parentId && t.getSpace(n.parentId)?.element.getBoundingClientRect() || {
               left: 0,
               top: 0
-            }, B = (({ left: P, top: x, right: T, bottom: _, width: k, height: N }) => ({ left: P, top: x, right: T, bottom: _, width: k, height: N }))(
+            }, 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 }))(
               n.element.getBoundingClientRect()
             );
-            y(
+            b(
               {
-                ...B,
-                left: B.left - I.left,
-                top: B.top - I.top
+                ...M,
+                left: M.left - I.left,
+                top: M.top - I.top
               },
-              l
+              c
             );
           }
         };
-        window.addEventListener(h, S), window.addEventListener(f, w);
+        window.addEventListener(d, S), window.addEventListener(u, w);
       }
     }
   };
@@ -372,14 +374,14 @@ const bt = {
   adjustBottom: () => !1,
   adjustEdge: () => !1,
   anchoredChildren: () => []
-}, he = [C.Left, C.Top, C.Right, C.Bottom];
-function Et(t) {
+}, ye = [C.Left, C.Top, C.Right, C.Bottom];
+function _t(t) {
   return t === A.ViewPort ? "fixed" : t === A.Fixed ? "relative" : "absolute";
 }
-function Pt(t) {
+function Nt(t) {
   return t === C.Bottom || t === C.Top ? mt.Vertical : mt.Horizontal;
 }
-function ue(t) {
+function Re(t) {
   return [
     {
       anchor: C.Left,
@@ -402,87 +404,87 @@ function ue(t) {
 function ut(t) {
   return { size: t, adjusted: [], resized: 0 };
 }
-function fe() {
+function ve() {
   let t = [];
   const i = (e) => {
     t = e;
-  }, o = (e) => n().find((a) => a.id === e), n = () => t, f = (e) => {
-    const a = (z, l, m) => m.indexOf(z) === l, r = ((z) => {
-      let l = [];
-      return he.forEach((m) => {
+  }, o = (e) => n().find((l) => l.id === e), n = () => t, u = (e) => {
+    const l = (z, c, m) => m.indexOf(z) === c, s = ((z) => {
+      let c = [];
+      return ye.forEach((m) => {
         const R = z.filter((w) => w.anchor !== void 0 && w.anchor === m);
-        R.map((w) => w.zIndex).filter(a).forEach((w) => {
-          const I = R.filter((T) => T.zIndex === w), B = I.filter((T) => T.order !== void 0), P = I.filter((T) => T.order === void 0);
-          var x = B.length > 0 ? B.map((T) => T.order).reduce((T, _) => Math.max(T, _)) : 0;
-          l = [...l, ...B, ...P.map((T, _) => ({ ...T, order: x + _ + 1 }))];
+        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 }))];
         });
-      }), [...l, ...z.filter((m) => m.anchor === void 0)];
+      }), [...c, ...z.filter((m) => m.anchor === void 0)];
     })(e.children);
-    for (var g = 0, u = r.length; g < u; g++) {
-      const z = r[g];
-      let l = !1;
+    for (var f = 0, g = s.length; f < g; f++) {
+      const z = s[f];
+      let c = !1;
       if (z.type === A.Fill)
-        ue(z).forEach((m) => {
+        Re(z).forEach((m) => {
           const R = [];
-          e.anchoredChildren(r, m.anchor, z.zIndex).forEach((w) => {
+          e.anchoredChildren(s, m.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) && (l = !0);
+          }), m.update(R) && (c = !0);
         });
       else if (z.type === A.Anchored) {
         const m = [];
-        e.anchoredChildren(r, z.anchor, z.zIndex).filter((S) => S.id !== z.id && S.order <= z.order).forEach((S) => {
+        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) && (l = !0);
+        }), z.adjustEdge(m) && (c = !0);
       }
-      l && Rt(z);
+      c && yt(z);
     }
-  }, h = {
+  }, d = {
     getSpaces: n,
     getSpace: o,
     addSpace: (e) => {
       if (n().push(e), e.parentId) {
-        const a = o(e.parentId);
-        a && (a.children.push(e), f(a));
+        const l = o(e.parentId);
+        l && (l.children.push(e), u(l));
       }
-      Rt(e);
+      yt(e);
     },
     removeSpace: (e) => {
-      if (i(n().filter((a) => a.id !== e.id)), e.parentId) {
-        const a = o(e.parentId);
-        a && (a.children = a.children.filter((b) => b.id !== e.id), f(a));
+      if (i(n().filter((l) => l.id !== e.id)), e.parentId) {
+        const l = o(e.parentId);
+        l && (l.children = l.children.filter((p) => p.id !== e.id), u(l));
       }
-      le(e);
+      be(e);
     },
     updateStyles: (e) => {
       if (e.parentId) {
-        const a = o(e.parentId);
-        a && f(a);
+        const l = o(e.parentId);
+        l && u(l);
       }
-      Rt(e);
+      yt(e);
     },
-    updateSpace: (e, a) => {
+    updateSpace: (e, l) => {
       const {
-        type: b,
-        anchor: r,
-        order: g,
-        zIndex: u,
+        type: p,
+        anchor: s,
+        order: f,
+        zIndex: g,
         scrollable: z,
-        position: l,
+        position: c,
         centerContent: m,
         minimumSize: R,
         maximumSize: S,
         handleSize: w,
         touchHandleSize: I,
-        handlePlacement: B,
-        allowOverflow: P
-      } = a, x = l && l.leftResizable || !1, T = l && l.rightResizable || !1, _ = l && l.topResizable || !1, k = l && l.bottomResizable || !1, N = l && l.topLeftResizable || !1, q = l && l.topRightResizable || !1, D = l && l.bottomLeftResizable || !1, ot = l && l.bottomRightResizable || !1;
+        handlePlacement: M,
+        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 !== b && (e.type = b, e.position = Et(b), L = !0), e.anchor !== r && (e.anchor = r, e.orientation = Pt(r), L = !0, b === A.Anchored && (r === C.Left ? e.adjustEdge = e.adjustLeft : r === C.Top ? e.adjustEdge = e.adjustTop : r === C.Right ? e.adjustEdge = e.adjustRight : r === C.Bottom && (e.adjustEdge = e.adjustBottom))), e.left.size !== (l && l.left) && (e.left.size = l && l.left, e.left.resized = 0, e.left.adjusted = [], L = !0), e.right.size !== (l && l.right) && (e.right.size = l && l.right, e.right.resized = 0, e.right.adjusted = [], L = !0), e.top.size !== (l && l.top) && (e.top.size = l && l.top, e.top.resized = 0, e.top.adjusted = [], L = !0), e.bottom.size !== (l && l.bottom) && (e.bottom.size = l && l.bottom, e.bottom.resized = 0, e.bottom.adjusted = [], L = !0), e.width.size !== (l && l.width) && (e.width.size = l && l.width, e.width.resized = 0, e.width.adjusted = [], L = !0), e.height.size !== (l && l.height) && (e.height.size = l && l.height, e.height.resized = 0, e.height.adjusted = [], L = !0), Z(e.order, 0) !== Z(g, 0) && (e.order = Z(g, 0), L = !0), Z(e.zIndex, 0) !== Z(u, 0) && (e.zIndex = Z(u, 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 !== B && (e.handlePlacement = B || bt.handlePlacement, L = !0), e.canResizeBottom !== k && (e.canResizeBottom = k, L = !0), e.canResizeTop !== _ && (e.canResizeTop = _, L = !0), e.canResizeLeft !== x && (e.canResizeLeft = x, L = !0), e.canResizeRight !== T && (e.canResizeRight = T, L = !0), e.canResizeTopLeft !== N && (e.canResizeTopLeft = N, L = !0), e.canResizeTopRight !== q && (e.canResizeTopRight = q, L = !0), e.canResizeBottomLeft !== D && (e.canResizeBottomLeft = D, L = !0), e.canResizeBottomRight !== ot && (e.canResizeBottomRight = ot, L = !0), e.allowOverflow !== P && (e.allowOverflow = P || bt.allowOverflow, L = !0), L) {
+      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) {
         if (e.parentId) {
-          const F = o(e.parentId);
-          F && f(F);
+          const q = o(e.parentId);
+          q && u(q);
         }
-        Rt(e);
+        yt(e);
       }
     },
     createSpace: () => ({}),
@@ -490,332 +492,332 @@ function fe() {
     startTouchResize: () => null,
     startMouseDrag: () => null,
     startTouchDrag: () => null
-  }, s = de(h), y = ce(h);
-  return h.createSpace = (e, a, b) => {
-    const { position: r, anchor: g, type: u, ...z } = a, l = r && r.rightResizable || !1, m = r && r.leftResizable || !1, R = r && r.bottomResizable || !1, S = r && r.topResizable || !1, w = r && r.topLeftResizable || !1, I = r && r.topRightResizable || !1, B = r && r.bottomLeftResizable || !1, P = r && r.bottomRightResizable || !1, x = {
+  }, r = ze(d), b = we(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 = {
       ...bt,
       ...z,
-      store: h,
-      update: b,
+      store: d,
+      update: p,
       updateParent: () => {
         if (e) {
-          const T = h.getSpace(e);
+          const T = d.getSpace(e);
           T && T.update();
         }
       },
       parentId: e,
       children: [],
-      anchor: g,
-      type: u,
-      orientation: Pt(g),
-      position: Et(u),
-      left: ut(r && r.left),
-      right: ut(r && r.right),
-      top: ut(r && r.top),
-      bottom: ut(r && r.bottom),
-      width: ut(r && r.width),
-      height: ut(r && r.height),
-      canResizeLeft: l,
+      anchor: f,
+      type: g,
+      orientation: Nt(f),
+      position: _t(g),
+      left: ut(s && s.left),
+      right: ut(s && s.right),
+      top: ut(s && s.top),
+      bottom: ut(s && s.bottom),
+      width: ut(s && s.width),
+      height: ut(s && s.height),
+      canResizeLeft: c,
       canResizeRight: m,
       canResizeTop: R,
       canResizeBottom: S,
       canResizeTopLeft: w,
       canResizeTopRight: I,
-      canResizeBottomLeft: B,
-      canResizeBottomRight: P
+      canResizeBottomLeft: M,
+      canResizeBottomRight: N
     };
-    return x.anchoredChildren = (T, _, k) => T.filter((N) => N.type === A.Anchored && N.anchor === _ && N.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), u === A.Anchored && (g === C.Left ? x.adjustEdge = x.adjustLeft : g === C.Top ? x.adjustEdge = x.adjustTop : g === C.Right ? x.adjustEdge = x.adjustRight : g === C.Bottom && (x.adjustEdge = x.adjustBottom)), x;
-  }, h.startMouseResize = (e, a, b, r) => {
-    s.startResize(
-      b,
+    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;
+  }, d.startMouseResize = (e, l, p, s) => {
+    r.startResize(
+      p,
       e,
-      a,
+      l,
       wt.Mouse,
       zt.Mouse,
-      (g) => ({
-        x: g.clientX,
-        y: g.clientY
+      (f) => ({
+        x: f.clientX,
+        y: f.clientY
       }),
-      r
+      s
     );
-  }, h.startTouchResize = (e, a, b, r) => {
-    s.startResize(
-      b,
+  }, d.startTouchResize = (e, l, p, s) => {
+    r.startResize(
+      p,
       e,
-      a,
+      l,
       wt.Touch,
       zt.Touch,
-      (g) => ({
-        x: g.touches[0].clientX,
-        y: g.touches[0].clientY
+      (f) => ({
+        x: f.touches[0].clientX,
+        y: f.touches[0].clientY
       }),
-      r
+      s
     );
-  }, h.startMouseDrag = (e, a, b) => {
-    y.startDrag(
-      a,
+  }, d.startMouseDrag = (e, l, p) => {
+    b.startDrag(
+      l,
       e,
       wt.Mouse,
       zt.Mouse,
-      (r) => ({
-        x: r.clientX,
-        y: r.clientY
+      (s) => ({
+        x: s.clientX,
+        y: s.clientY
       }),
-      b
+      p
     );
-  }, h.startTouchDrag = (e, a, b) => {
-    y.startDrag(
-      a,
+  }, d.startTouchDrag = (e, l, p) => {
+    b.startDrag(
+      l,
       e,
       wt.Touch,
       zt.Touch,
-      (r) => ({
-        x: r.touches[0].clientX,
-        y: r.touches[0].clientY
+      (s) => ({
+        x: s.touches[0].clientX,
+        y: s.touches[0].clientY
       }),
-      b
+      p
     );
-  }, h;
+  }, d;
 }
-const Ft = (t) => {
-  const i = it(void 0), o = it(!1), n = it(!1), [f, h] = V(0);
-  o.current && (n.current = !0), et(() => (o.current || (i.current = t(), o.current = !0), h((s) => s + 1), () => {
+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), () => {
     n.current && i.current && i.current();
   }), []);
-}, jt = M.createContext(void 0), Ot = M.createContext(void 0), At = M.createContext(void 0), Vt = M.createContext({}), qt = fe(), yt = {
-  id: d.string,
-  className: d.string,
-  style: d.oneOfType([d.object, d.array]),
-  as: d.any,
-  centerContent: d.oneOf([st.None, st.Vertical, st.HorizontalVertical]),
-  zIndex: d.number,
-  scrollable: d.bool,
-  trackSize: d.bool,
-  allowOverflow: d.bool,
-  handleRender: d.func,
-  onClick: d.func,
-  onDoubleClick: d.func,
-  onMouseDown: d.func,
-  onMouseEnter: d.func,
-  onMouseLeave: d.func,
-  onMouseMove: d.func,
-  onTouchStart: d.func,
-  onTouchMove: d.func,
-  onTouchEnd: d.func
+}, jt = O.createContext(void 0), Bt = O.createContext(void 0), At = O.createContext(void 0), Xt = O.createContext({}), Gt = ve(), vt = {
+  id: h.string,
+  className: h.string,
+  style: h.oneOfType([h.object, h.array]),
+  as: h.any,
+  centerContent: h.oneOf([st.None, st.Vertical, st.HorizontalVertical]),
+  zIndex: h.number,
+  scrollable: h.bool,
+  trackSize: h.bool,
+  allowOverflow: h.bool,
+  handleRender: h.func,
+  onClick: h.func,
+  onDoubleClick: h.func,
+  onMouseDown: h.func,
+  onMouseEnter: h.func,
+  onMouseLeave: h.func,
+  onMouseMove: h.func,
+  onTouchStart: h.func,
+  onTouchMove: h.func,
+  onTouchEnd: h.func
 };
-function me() {
-  const [, t] = M.useState(0);
-  return M.useCallback(() => {
+function Se() {
+  const [, t] = O.useState(0);
+  return O.useCallback(() => {
     t((i) => i + 1);
   }, []);
 }
-function Ut() {
+function Jt() {
   if (ft) {
-    if (M.version && M.version.startsWith("18"))
-      return `s${M.useId().replace(/\:/g, "")}`;
-    if (typeof M.useId == "function")
-      return `s${M.useId().replace(/\:/g, "")}`;
+    if (O.version && O.version.startsWith("18"))
+      return `s${O.useId().replace(/\:/g, "")}`;
+    if (typeof O.useId == "function")
+      return `s${O.useId().replace(/\:/g, "")}`;
   }
-  return `s${ne()}`;
+  return `s${fe()}`;
 }
-function ge(t) {
-  const i = qt, o = me(), n = M.useContext(jt), f = M.useContext(At), { debug: h } = M.useContext(Vt), s = Ut(), [y] = M.useState(t.id || s), e = M.useRef(null), a = M.useRef(void 0), [b, r] = M.useState();
-  let g = i.getSpace(y);
-  h && console.table(i.getSpaces());
-  const u = {
+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();
+  let f = i.getSpace(b);
+  d && console.table(i.getSpaces());
+  const g = {
     ...t,
-    id: y,
-    zIndex: Z(t.zIndex, f)
+    id: b,
+    zIndex: Z(t.zIndex, u)
   };
-  g ? i.updateSpace(g, u) : (g = i.createSpace(n, u, o), i.addSpace(g));
-  const z = pe(i, g);
-  return Ft(() => {
-    const l = e.current ? e.current.getBoundingClientRect() : new DOMRect();
-    return g.dimension = {
-      ...l,
-      left: Math.floor(l.left),
-      top: Math.floor(l.top),
-      right: Math.floor(l.right),
-      bottom: Math.floor(l.bottom),
-      width: Math.floor(l.width),
-      height: Math.floor(l.height),
-      x: Math.floor(l.x),
-      y: Math.floor(l.y)
-    }, r(g.dimension), t.trackSize && (a.current = new Yt(e.current, (m) => {
-      g.dimension = {
-        ...l,
+  f ? i.updateSpace(f, g) : (f = i.createSpace(n, g, o), i.addSpace(f));
+  const z = Ce(i, f);
+  return Ut(() => {
+    const c = e.current ? e.current.getBoundingClientRect() : new DOMRect();
+    return f.dimension = {
+      ...c,
+      left: Math.floor(c.left),
+      top: Math.floor(c.top),
+      right: Math.floor(c.right),
+      bottom: Math.floor(c.bottom),
+      width: Math.floor(c.width),
+      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) => {
+      f.dimension = {
+        ...c,
         width: Math.floor(m.width),
         height: Math.floor(m.height)
-      }, r(g.dimension);
+      }, s(f.dimension);
     })), () => {
-      a.current && a.current.detach(), i.removeSpace(g);
+      l.current && l.current.detach(), i.removeSpace(f);
     };
-  }), { space: g, resizeHandles: z, domRect: b, elementRef: e };
+  }), { space: f, resizeHandles: z, domRect: p, elementRef: e };
 }
-const be = [
-  { id: "ml", className: "resize-left", resizeType: p.Left, condition: (t) => t.canResizeLeft },
-  { id: "mr", className: "resize-right", resizeType: p.Right, condition: (t) => t.canResizeRight },
-  { id: "mt", className: "resize-top", resizeType: p.Top, condition: (t) => t.canResizeTop },
-  { id: "mb", className: "resize-bottom", resizeType: p.Bottom, condition: (t) => t.canResizeBottom },
-  { id: "mtl", className: "resize-top-left", resizeType: p.TopLeft, condition: (t) => t.canResizeTopLeft },
-  { id: "mtr", className: "resize-top-right", resizeType: p.TopRight, condition: (t) => t.canResizeTopRight },
+const xe = [
+  { 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 },
+  { id: "mb", className: "resize-bottom", resizeType: y.Bottom, condition: (t) => t.canResizeBottom },
+  { id: "mtl", className: "resize-top-left", resizeType: y.TopLeft, condition: (t) => t.canResizeTopLeft },
+  { id: "mtr", className: "resize-top-right", resizeType: y.TopRight, condition: (t) => t.canResizeTopRight },
   {
     id: "mbl",
     className: "resize-bottom-left",
-    resizeType: p.BottomLeft,
+    resizeType: y.BottomLeft,
     condition: (t) => t.canResizeBottomLeft
   },
   {
     id: "mbr",
     className: "resize-bottom-right",
-    resizeType: p.BottomRight,
+    resizeType: y.BottomRight,
     condition: (t) => t.canResizeBottomRight
   }
 ];
-function pe(t, i) {
-  const o = [], n = (f, h, s) => {
+function Ce(t, i) {
+  const o = [], n = (u, d, r) => {
     o.push({
-      id: `${i.id}-${f}`,
-      key: f,
-      className: `spaces-resize-handle ${h}`,
-      onMouseDown: (y) => t.startMouseResize(s, i, y),
-      onTouchStart: (y) => t.startTouchResize(s, i, y)
+      id: `${i.id}-${u}`,
+      key: u,
+      className: `spaces-resize-handle ${d}`,
+      onMouseDown: (b) => t.startMouseResize(r, i, b),
+      onTouchStart: (b) => t.startTouchResize(r, i, b)
     });
   };
-  return be.forEach((f) => {
-    f.condition(i) && n(f.id, f.className, f.resizeType);
+  return xe.forEach((u) => {
+    u.condition(i) && n(u.id, u.className, u.resizeType);
   }), {
     mouseHandles: o
   };
 }
-function ii() {
-  const t = qt, i = M.useContext(jt), o = i ? t.getSpace(i) : void 0, n = M.useContext(Ot), f = M.useContext(At), h = M.useCallback(
-    (b, r) => o ? t.startMouseDrag(o, b, r) : null,
+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(
+    (p, s) => o ? t.startMouseDrag(o, p, s) : null,
     [i]
-  ), s = M.useCallback(
-    (b, r) => o ? t.startTouchDrag(o, b, r) : null,
+  ), r = O.useCallback(
+    (p, s) => o ? t.startTouchDrag(o, p, s) : null,
     [i]
-  ), y = M.useCallback(() => o ? t.updateStyles(o) : null, [i]);
+  ), b = O.useCallback(() => o ? t.updateStyles(o) : null, [i]);
   return {
     size: {
       ...{ width: 0, height: 0, x: 0, y: 0 },
       ...n
     },
-    layer: f || 0,
-    startMouseDrag: h,
-    startTouchDrag: s,
-    forceUpdate: y
+    layer: u || 0,
+    startMouseDrag: d,
+    startTouchDrag: r,
+    forceUpdate: b
   };
 }
 let ft = !1;
-function oi() {
+function zi() {
   ft = !0;
 }
-const ze = (t) => /* @__PURE__ */ c("div", { className: "spaces-centered", children: t.children }), we = (t) => /* @__PURE__ */ c("div", { className: "spaces-centered-vertically", children: t.children });
-function Re(t, i) {
+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) {
   switch (i) {
     case st.Vertical:
-      return /* @__PURE__ */ c(we, { children: t });
+      return /* @__PURE__ */ a(Le, { children: t });
     case st.HorizontalVertical:
-      return /* @__PURE__ */ c(ze, { children: t });
+      return /* @__PURE__ */ a(Ae, { children: t });
   }
   return t;
 }
-class K extends M.Component {
+class K extends O.Component {
   _react_spaces_uniqueid;
   render() {
-    return /* @__PURE__ */ c(ve, { ...this.props, wrapperInstance: this });
+    return /* @__PURE__ */ a(Me, { ...this.props, wrapperInstance: this });
   }
 }
-const ve = (t) => {
+const Me = (t) => {
   let i = t.id ?? t.wrapperInstance._react_spaces_uniqueid;
-  const [o, n] = M.useState(!!ft), f = Ut();
-  i || (t.wrapperInstance._react_spaces_uniqueid = f, i = 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);
   const {
-    style: h,
-    className: s,
-    onClick: y,
+    style: d,
+    className: r,
+    onClick: b,
     onDoubleClick: e,
-    onMouseDown: a,
-    onMouseEnter: b,
-    onMouseLeave: r,
-    onMouseMove: g,
-    onTouchStart: u,
+    onMouseDown: l,
+    onMouseEnter: p,
+    onMouseLeave: s,
+    onMouseMove: f,
+    onTouchStart: g,
     onTouchMove: z,
-    onTouchEnd: l,
+    onTouchEnd: c,
     children: m,
     handleRender: R
   } = t, S = {
-    onClick: y,
+    onClick: b,
     onDoubleClick: e,
-    onMouseDown: a,
-    onMouseEnter: b,
-    onMouseLeave: r,
-    onMouseMove: g,
-    onTouchStart: u,
+    onMouseDown: l,
+    onMouseEnter: p,
+    onMouseLeave: s,
+    onMouseMove: f,
+    onTouchStart: g,
     onTouchMove: z,
-    onTouchEnd: l
-  }, { space: w, domRect: I, elementRef: B, resizeHandles: P } = ge({
+    onTouchEnd: c
+  }, { space: w, domRect: I, elementRef: M, resizeHandles: N } = Te({
     ...t,
     id: i
   });
-  if (ft && !Wt()) {
+  if (ft && !qt()) {
     const D = document.getElementById(`style_${i}_ssr`);
-    D && (w.ssrStyle = D.innerHTML), Rt(w);
+    D && (w.ssrStyle = D.innerHTML), yt(w);
   }
-  Ft(() => {
-    w.element = B.current, ft && o && n(!1);
+  Ut(() => {
+    w.element = M.current, ft && o && n(!1);
   });
-  const x = s ? s.split(" ").map((D) => D.trim()) : [], T = [
+  const x = r ? r.split(" ").map((D) => D.trim()) : [], T = [
     "spaces-space",
     w.children.find((D) => D.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), _ = ["spaces-space-inner", ...x];
-  let k = h;
+  ].filter((D) => D), P = ["spaces-space-inner", ...x];
+  let k = d;
   w.handlePlacement === rt.Inside && (k = {
-    ...h,
+    ...d,
     left: w.anchor === C.Right ? w.handleSize : void 0,
     right: w.anchor === C.Left ? w.handleSize : void 0,
     top: w.anchor === C.Bottom ? w.handleSize : void 0,
     bottom: w.anchor === C.Top ? w.handleSize : void 0
   });
-  const N = Re(m, t.centerContent), q = {
+  const E = $e(m, t.centerContent), X = {
     id: w.id,
-    ref: B,
+    ref: M,
     className: T.join(" "),
     ...S
   };
-  return /* @__PURE__ */ G(Nt, { children: [
-    P.mouseHandles.map((D) => R?.(D) || /* @__PURE__ */ c("div", { ...D })),
-    ft && w.ssrStyle && o && /* @__PURE__ */ c("style", { id: `style_${w.id}_ssr`, children: w.ssrStyle }),
-    M.createElement(
+  return /* @__PURE__ */ F(Et, { children: [
+    N.mouseHandles.map((D) => R?.(D) || /* @__PURE__ */ a("div", { ...D })),
+    ft && w.ssrStyle && o && /* @__PURE__ */ a("style", { id: `style_${w.id}_ssr`, children: w.ssrStyle }),
+    O.createElement(
       t.as || "div",
-      q,
-      /* @__PURE__ */ c("div", { className: _.join(" "), style: k, children: /* @__PURE__ */ c(jt.Provider, { value: w.id, children: /* @__PURE__ */ c(At.Provider, { value: void 0, children: /* @__PURE__ */ c(Ot.Provider, { value: I, children: N }) }) }) })
+      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 }) }) }) })
     )
   ] });
 }, St = {
-  ...yt,
-  size: d.oneOfType([d.string, d.number]).isRequired,
-  order: d.number,
-  handleSize: d.number,
-  touchHandleSize: d.number,
-  handlePlacement: d.oneOf([
+  ...vt,
+  size: h.oneOfType([h.string, h.number]).isRequired,
+  order: h.number,
+  handleSize: h.number,
+  touchHandleSize: h.number,
+  handlePlacement: h.oneOf([
     rt.Inside,
     rt.OverlayBoundary,
     rt.OverlayInside
   ]),
-  handleRender: d.func,
-  minimumSize: d.number,
-  maximumSize: d.number,
-  onResizeStart: d.func,
-  onResizeEnd: d.func
+  handleRender: h.func,
+  minimumSize: h.number,
+  maximumSize: h.number,
+  onResizeStart: h.func,
+  onResizeEnd: h.func
 }, Tt = {
   ...St,
-  resizable: d.bool
-}, ye = ({ children: t, size: i, ...o }) => /* @__PURE__ */ c(
+  resizable: h.bool
+}, je = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
   K,
   {
     ...o,
@@ -825,8 +827,8 @@ const ve = (t) => {
     children: t
   }
 );
-ye.propTypes = St;
-const Se = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
+je.propTypes = St;
+const Be = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
   K,
   {
     ...n,
@@ -836,8 +838,8 @@ const Se = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
     children: i
   }
 );
-Se.propTypes = Tt;
-const Te = ({ children: t, size: i, ...o }) => /* @__PURE__ */ c(
+Be.propTypes = Tt;
+const Ie = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
   K,
   {
     ...o,
@@ -847,8 +849,8 @@ const Te = ({ children: t, size: i, ...o }) => /* @__PURE__ */ c(
     children: t
   }
 );
-Te.propTypes = St;
-const xe = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
+Ie.propTypes = St;
+const Oe = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
   K,
   {
     ...n,
@@ -858,8 +860,8 @@ const xe = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
     children: i
   }
 );
-xe.propTypes = Tt;
-const Ce = ({ children: t, size: i, ...o }) => /* @__PURE__ */ c(
+Oe.propTypes = Tt;
+const De = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
   K,
   {
     ...o,
@@ -869,8 +871,8 @@ const Ce = ({ children: t, size: i, ...o }) => /* @__PURE__ */ c(
     children: t
   }
 );
-Ce.propTypes = St;
-const Ae = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
+De.propTypes = St;
+const _e = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
   K,
   {
     ...n,
@@ -880,8 +882,8 @@ const Ae = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
     children: i
   }
 );
-Ae.propTypes = Tt;
-const Le = ({ children: t, size: i, ...o }) => /* @__PURE__ */ c(
+_e.propTypes = Tt;
+const Ne = ({ children: t, size: i, ...o }) => /* @__PURE__ */ a(
   K,
   {
     ...o,
@@ -891,8 +893,8 @@ const Le = ({ children: t, size: i, ...o }) => /* @__PURE__ */ c(
     children: t
   }
 );
-Le.propTypes = St;
-const $e = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
+Ne.propTypes = St;
+const Pe = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ a(
   K,
   {
     ...n,
@@ -902,297 +904,297 @@ const $e = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
     children: i
   }
 );
-$e.propTypes = Tt;
-const Be = oe(
+Pe.propTypes = Tt;
+const Ee = ue(
   {
     ...Tt,
-    type: d.oneOf([A.Positioned, A.Fill, A.Anchored]),
-    anchor: d.oneOf([C.Left, C.Top, C.Right, C.Bottom]),
-    anchorSize: d.oneOfType([d.string, d.number]),
-    left: d.oneOfType([d.string, d.number]),
-    top: d.oneOfType([d.string, d.number]),
-    right: d.oneOfType([d.string, d.number]),
-    bottom: d.oneOfType([d.string, d.number]),
-    width: d.oneOfType([d.string, d.number]),
-    height: d.oneOfType([d.string, d.number]),
-    resizeTypes: d.array
+    type: h.oneOf([A.Positioned, A.Fill, A.Anchored]),
+    anchor: h.oneOf([C.Left, C.Top, C.Right, C.Bottom]),
+    anchorSize: h.oneOfType([h.string, h.number]),
+    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]),
+    width: h.oneOfType([h.string, h.number]),
+    height: h.oneOfType([h.string, h.number]),
+    resizeTypes: h.array
   },
   "size"
-), je = ({
+), ke = ({
   children: t,
   type: i,
   left: o,
   top: n,
-  right: f,
-  bottom: h,
-  width: s,
-  height: y,
+  right: u,
+  bottom: d,
+  width: r,
+  height: b,
   anchorSize: e,
-  anchor: a,
-  resizable: b,
-  resizeTypes: r,
-  ...g
+  anchor: l,
+  resizable: p,
+  resizeTypes: s,
+  ...f
 }) => {
-  let u;
-  return i = i || A.Fill, i === A.Positioned ? u = {
+  let g;
+  return i = i || A.Fill, i === A.Positioned ? g = {
     left: o,
     top: n,
-    right: f,
-    bottom: h,
-    width: s,
-    height: y,
-    leftResizable: r && (r.includes(p.Left) || r.includes(p.All)),
-    topResizable: r && (r.includes(p.Top) || r.includes(p.All)),
-    rightResizable: r && (r.includes(p.Right) || r.includes(p.All)),
-    bottomResizable: r && (r.includes(p.Bottom) || r.includes(p.All)),
-    topLeftResizable: r && (r.includes(p.TopLeft) || r.includes(p.All)),
-    topRightResizable: r && (r.includes(p.TopRight) || r.includes(p.All)),
-    bottomLeftResizable: r && (r.includes(p.BottomLeft) || r.includes(p.All)),
-    bottomRightResizable: r && (r.includes(p.BottomRight) || r.includes(p.All))
-  } : a === C.Left ? (u = { left: 0, top: 0, bottom: 0, width: e, rightResizable: b }, i = A.Anchored) : a === C.Right ? (u = { right: 0, top: 0, bottom: 0, width: e, leftResizable: b }, i = A.Anchored) : a === C.Top ? (u = { left: 0, top: 0, right: 0, height: e, bottomResizable: b }, i = A.Anchored) : a === C.Bottom ? (u = { left: 0, bottom: 0, right: 0, height: e, topResizable: b }, i = A.Anchored) : (u = {
+    right: u,
+    bottom: d,
+    width: r,
+    height: b,
+    leftResizable: s && (s.includes(y.Left) || s.includes(y.All)),
+    topResizable: s && (s.includes(y.Top) || s.includes(y.All)),
+    rightResizable: s && (s.includes(y.Right) || s.includes(y.All)),
+    bottomResizable: s && (s.includes(y.Bottom) || s.includes(y.All)),
+    topLeftResizable: s && (s.includes(y.TopLeft) || s.includes(y.All)),
+    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 = {
     left: 0,
     top: 0,
     bottom: 0,
     right: 0
-  }, i = A.Fill), /* @__PURE__ */ c(K, { ...g, type: i, anchor: a, position: u, children: t });
+  }, i = A.Fill), /* @__PURE__ */ a(K, { ...f, type: i, anchor: l, position: g, children: t });
 };
-je.propTypes = Be;
-const Oe = (t) => /* @__PURE__ */ c(K, { ...t, type: A.Fill, position: { left: 0, top: 0, right: 0, bottom: 0 }, children: t.children });
-Oe.propTypes = yt;
-const Me = ({ width: t, height: i, children: o, ...n }) => /* @__PURE__ */ c(K, { ...n, type: A.Fixed, position: { width: t, height: i }, children: o });
-Me.propTypes = {
-  ...yt,
-  width: d.oneOfType([d.string, d.number]),
-  height: d.oneOfType([d.string, d.number]).isRequired
+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 = {
+  ...vt,
+  width: h.oneOfType([h.string, h.number]),
+  height: h.oneOfType([h.string, h.number]).isRequired
 };
-const Ie = (t) => /* @__PURE__ */ c(At.Provider, { value: t.zIndex, children: t.children });
-Ie.propTypes = {
-  zIndex: d.number.isRequired
+const Fe = (t) => /* @__PURE__ */ a(At.Provider, { value: t.zIndex, children: t.children });
+Fe.propTypes = {
+  zIndex: h.number.isRequired
 };
-const De = ({ left: t, top: i, right: o, bottom: n, width: f, height: h, resizable: s, ...y }) => {
-  const e = s || [];
-  return /* @__PURE__ */ c(
+const Ve = ({ 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,
       position: {
         left: t,
         top: i,
         right: o,
         bottom: n,
-        leftResizable: e.includes(p.Left) || e.includes(p.All),
-        topResizable: e.includes(p.Top) || e.includes(p.All),
-        rightResizable: e.includes(p.Right) || e.includes(p.All),
-        bottomResizable: e.includes(p.Bottom) || e.includes(p.All),
-        topLeftResizable: e.includes(p.TopLeft) || e.includes(p.All),
-        topRightResizable: e.includes(p.TopRight) || e.includes(p.All),
-        bottomLeftResizable: e.includes(p.BottomLeft) || e.includes(p.All),
-        bottomRightResizable: e.includes(p.BottomRight) || e.includes(p.All),
-        width: f,
-        height: h
+        leftResizable: e.includes(y.Left) || e.includes(y.All),
+        topResizable: e.includes(y.Top) || e.includes(y.All),
+        rightResizable: e.includes(y.Right) || e.includes(y.All),
+        bottomResizable: e.includes(y.Bottom) || e.includes(y.All),
+        topLeftResizable: e.includes(y.TopLeft) || e.includes(y.All),
+        topRightResizable: e.includes(y.TopRight) || e.includes(y.All),
+        bottomLeftResizable: e.includes(y.BottomLeft) || e.includes(y.All),
+        bottomRightResizable: e.includes(y.BottomRight) || e.includes(y.All),
+        width: u,
+        height: d
       },
-      children: y.children
+      children: b.children
     }
   );
 };
-De.propTypes = {
-  ...yt,
-  left: d.oneOfType([d.string, d.number]),
-  top: d.oneOfType([d.string, d.number]),
-  right: d.oneOfType([d.string, d.number]),
-  bottom: d.oneOfType([d.string, d.number]),
-  width: d.oneOfType([d.string, d.number]),
-  height: d.oneOfType([d.string, d.number]),
-  resizable: d.array
+Ve.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]),
+  width: h.oneOfType([h.string, h.number]),
+  height: h.oneOfType([h.string, h.number]),
+  resizable: h.array
 };
-const ni = (t) => {
-  const i = M.useContext(Ot);
+const wi = (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: () => "" });
-}, Ee = ({ left: t, top: i, right: o, bottom: n, children: f, ...h }) => /* @__PURE__ */ c(K, { ...h, type: A.ViewPort, position: { left: t || 0, top: i || 0, right: o || 0, bottom: n || 0 }, children: f });
-Ee.propTypes = {
-  ...yt,
-  left: d.oneOfType([d.string, d.number]),
-  top: d.oneOfType([d.string, d.number]),
-  right: d.oneOfType([d.string, d.number]),
-  bottom: d.oneOfType([d.string, d.number])
+}, 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 = {
+  ...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 ri = ({ children: t, ...i }) => /* @__PURE__ */ c(Vt.Provider, { value: i, children: t }), Pe = (t) => {
+const yi = ({ children: t, ...i }) => /* @__PURE__ */ a(Xt.Provider, { value: i, children: t }), Ue = (t) => {
   const {
     favicon: i,
     title: o,
     customTitle: n,
-    activeTab: f,
-    position: h,
-    contentWidth: s,
-    onClick: y,
+    activeTab: u,
+    position: d,
+    contentWidth: r,
+    onClick: b,
     onClose: e,
-    setDragging: a,
-    tabsContentWidth: b,
-    animateTabMove: r,
-    isDragging: g,
-    index: u,
+    setDragging: l,
+    tabsContentWidth: p,
+    animateTabMove: s,
+    isDragging: f,
+    index: g,
     sorting: z,
-    showButtonClose: l,
+    showButtonClose: c,
     onCloseAllTabs: m,
     onCloseLeftTabs: R,
     onCloseRightTabs: S,
     onCloseOtherTabs: w,
     totalTabs: I
-  } = t, { t: B } = Ht("archbase"), [P, x] = V(0), [T, _] = V(!1), [k, N] = V(null), [q, D] = V(null), [ot, L] = V(!1), [F, tt] = V(0), [nt, U] = V(!1), lt = it(null), $ = 9, E = 84, H = 60, W = 48;
-  et(() => (document.addEventListener("mousemove", j), document.addEventListener("mouseup", O), () => {
-    document.removeEventListener("mousemove", j), document.addEventListener("mouseup", O);
+  } = 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.addEventListener("mouseup", B);
   })), et(() => {
-    T || setTimeout(() => _(!0), 500);
+    T || setTimeout(() => P(!0), 500);
   }, [T]), et(() => {
-    x(s + 2 * $);
-  }, [s]);
-  const X = (Y) => {
-    Y.button === 0 && (a(!0), D(Y.pageX), L(!1), tt(h));
+    x(r + 2 * $);
+  }, [r]);
+  const J = (Y) => {
+    Y.button === 0 && (l(!0), D(Y.pageX), L(!1), tt(d));
   }, j = (Y) => {
-    if (q != null && g) {
-      let ht = F - $ + (Y.pageX - q);
-      ht < 0 && (ht = 0), ht > b - P && (ht = b - P), N(ht), !z && r(ht);
+    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);
     }
-  }, O = (Y) => {
-    q != null && g && (D(null), N(null), a(!1), L(!0));
-  }, [dt, ct] = V(h - $);
+  }, B = (Y) => {
+    X != null && f && (D(null), E(null), l(!1), L(!0));
+  }, [dt, ct] = U(d - $);
   et(() => {
-    ct(h ? h - $ : 0);
-  }, [u, h]);
+    ct(d ? d - $ : 0);
+  }, [g, d]);
   const gt = () => {
-    w && w(t.id), U(!1);
+    w && w(t.id), G(!1);
   }, xt = () => {
-    R && R(t.id), U(!1);
+    R && R(t.id), G(!1);
   }, Lt = () => {
-    S && S(t.id), U(!1);
-  }, Xt = () => {
-    m && m(), U(!1);
-  }, Jt = (Y) => {
-    Y.preventDefault(), U(!0);
-  }, Mt = u > 0, It = I !== void 0 && u < I - 1, Dt = (I || 0) > 1;
-  return /* @__PURE__ */ G(
+    S && S(t.id), G(!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;
+  return /* @__PURE__ */ F(
     "div",
     {
-      className: `archbase_tab ${T ? "" : " archbase_tab-was-just-added"}${q == null && !f ? " archbase_tab-was-just-dragged" : ""}`,
+      className: `archbase_tab ${T ? "" : " archbase_tab-was-just-added"}${X == null && !u ? " archbase_tab-was-just-dragged" : ""}`,
       style: {
         transform: `translate3d(${k ?? dt}px, 0, 0)`,
-        width: `${P}px`
+        width: `${N}px`
       },
-      "tab-active": f !== !1 ? "" : null,
-      "is-small": s < E ? "" : null,
-      "is-smaller": s < H ? "" : null,
-      "is-mini": s < W ? "" : null,
+      "tab-active": u !== !1 ? "" : null,
+      "is-small": r < _ ? "" : null,
+      "is-smaller": r < H ? "" : null,
+      "is-mini": r < V ? "" : null,
       ref: lt,
-      onContextMenu: Jt,
+      onContextMenu: Kt,
       children: [
-        /* @__PURE__ */ c("div", { className: "archbase_tab-dividers" }),
-        /* @__PURE__ */ c("div", { className: "archbase_tab-background", children: /* @__PURE__ */ G("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: [
-          /* @__PURE__ */ G("defs", { children: [
-            /* @__PURE__ */ c("symbol", { id: "archbase_tab-geometry-left", viewBox: "0 0 214 36", children: /* @__PURE__ */ c("path", { d: "M17 0h197v36H0v-2c4.5 0 9-3.5 9-8V8c0-4.5 3.5-8 8-8z" }) }),
-            /* @__PURE__ */ c("symbol", { id: "archbase_tab-geometry-right", viewBox: "0 0 214 36", children: /* @__PURE__ */ c("use", { xlinkHref: "#archbase_tab-geometry-left" }) }),
-            /* @__PURE__ */ c("clipPath", { id: "crop", children: /* @__PURE__ */ c("rect", { className: "mask", width: "100%", height: "100%", x: "0" }) })
+        /* @__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: [
+          /* @__PURE__ */ F("defs", { children: [
+            /* @__PURE__ */ a("symbol", { id: "archbase_tab-geometry-left", viewBox: "0 0 214 36", children: /* @__PURE__ */ a("path", { d: "M17 0h197v36H0v-2c4.5 0 9-3.5 9-8V8c0-4.5 3.5-8 8-8z" }) }),
+            /* @__PURE__ */ a("symbol", { id: "archbase_tab-geometry-right", viewBox: "0 0 214 36", children: /* @__PURE__ */ a("use", { xlinkHref: "#archbase_tab-geometry-left" }) }),
+            /* @__PURE__ */ a("clipPath", { id: "crop", children: /* @__PURE__ */ a("rect", { className: "mask", width: "100%", height: "100%", x: "0" }) })
           ] }),
-          /* @__PURE__ */ c("svg", { width: "52%", height: "100%", children: /* @__PURE__ */ c("use", { xlinkHref: "#archbase_tab-geometry-left", width: "214", height: "36", className: "archbase_tab-geometry" }) }),
-          /* @__PURE__ */ c("g", { transform: "scale(-1, 1)", children: /* @__PURE__ */ c("svg", { width: "52%", height: "100%", x: "-100%", y: "0", children: /* @__PURE__ */ c("use", { xlinkHref: "#archbase_tab-geometry-right", width: "214", height: "36", className: "archbase_tab-geometry" }) }) })
+          /* @__PURE__ */ a("svg", { width: "52%", height: "100%", children: /* @__PURE__ */ a("use", { xlinkHref: "#archbase_tab-geometry-left", width: "214", height: "36", className: "archbase_tab-geometry" }) }),
+          /* @__PURE__ */ a("g", { transform: "scale(-1, 1)", children: /* @__PURE__ */ a("svg", { width: "52%", height: "100%", x: "-100%", y: "0", children: /* @__PURE__ */ a("use", { xlinkHref: "#archbase_tab-geometry-right", width: "214", height: "36", className: "archbase_tab-geometry" }) }) })
         ] }) }),
-        /* @__PURE__ */ G("div", { className: "archbase_tab-content", children: [
-          !!i && /* @__PURE__ */ c("div", { className: "archbase_tab-favicon", style: { backgroundImage: `url(${i})` } }),
-          /* @__PURE__ */ c("div", { className: "archbase_tab-title", children: n ?? o }),
-          /* @__PURE__ */ c("div", { className: "archbase_tab-drag-handle", title: n ?? o, onClick: y, onPointerDown: (Y) => y(Y), onMouseUp: O, onMouseMove: j, onMouseDown: X }),
-          (m || R || S || w) && /* @__PURE__ */ G(at, { shadow: "md", width: 200, opened: nt, onChange: U, position: "bottom-end", children: [
-            /* @__PURE__ */ c(at.Target, { children: /* @__PURE__ */ c("div", { className: "archbase_tab-dropdown", onClick: (Y) => {
-              Y.stopPropagation(), U(!nt);
+        /* @__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__ */ G(at.Dropdown, { children: [
-              Dt && /* @__PURE__ */ c(at.Item, { onClick: gt, children: String(B("tabs.closeOthers")) }),
-              Mt && /* @__PURE__ */ c(at.Item, { onClick: xt, children: String(B("tabs.closeLeft")) }),
-              It && /* @__PURE__ */ c(at.Item, { onClick: Lt, children: String(B("tabs.closeRight")) }),
-              (Dt || Mt || It) && /* @__PURE__ */ c(at.Divider, {}),
-              /* @__PURE__ */ c(at.Item, { onClick: Xt, children: String(B("tabs.closeAll")) })
+            /* @__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")) })
             ] })
           ] }),
-          l ? /* @__PURE__ */ c("div", { className: "archbase_tab-close", onClick: (Y) => {
+          c ? /* @__PURE__ */ a("div", { className: "archbase_tab-close", onClick: (Y) => {
             e(Y);
           } }) : null
         ] })
       ]
     }
   );
-}, si = (t) => {
-  const { currentTabs: i, onTabChange: o, activeTab: n, onTabClose: f, className: h, style: s, dark: y, onClick: e, buttonCloseOnlyActiveTab: a = !1, onCloseAllTabs: b, onCloseLeftTabs: r, onCloseRightTabs: g, onCloseOtherTabs: u } = t, [z, l] = V([]), [m, R] = V([]), [S, w] = V(i || []), [I, B] = V(!1), [P, x] = V(!1), T = it(null), { width: _, height: k } = Kt(), N = 9, q = 1, D = 24, ot = 240;
+}, 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(() => {
-    l(F()), R(tt(F()));
+    c(q()), R(tt(q()));
   }, []), et(() => {
     L();
-  }, [JSON.stringify(S), _, k]), et(() => {
+  }, [JSON.stringify(S), P, k]), et(() => {
     i && w(i);
   }, [JSON.stringify(i)]);
   const L = () => {
-    const $ = F();
-    $ && (l($), R(tt($)));
-  }, F = () => {
+    const $ = q();
+    $ && (c($), R(tt($)));
+  }, q = () => {
     const $ = [];
     if (T.current) {
-      const E = S.length, H = T.current.clientWidth, W = (E - 1) * q, X = (H - 2 * N + W) / E, j = Math.max(D, Math.min(ot, X)), O = Math.floor(j), dt = O * E + 2 * N - W;
+      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 < E; xt += 1) {
-        const Lt = O < ot && gt > 0 ? 1 : 0;
-        $.push(O + Lt), gt > 0 && (gt -= 1);
+      for (let xt = 0; xt < _; xt += 1) {
+        const Lt = B < ot && gt > 0 ? 1 : 0;
+        $.push(B + Lt), gt > 0 && (gt -= 1);
       }
     }
     return $;
   }, tt = ($) => {
-    const E = [], H = $ || z;
-    let W = N;
-    return H.forEach((X, j) => {
-      const O = j * q;
-      E.push(W - O), W += X;
-    }), E;
-  }, nt = ($, E) => {
-    B(!0);
-    let H = 1 / 0, W = -1, X = [];
-    m.forEach((j, O) => {
-      Math.abs($ - j) < H && (H = Math.abs($ - j), W = O);
-    }), W = Math.max(0, Math.min(m.length, W)), E != W && (m.forEach((j, O) => {
-      O == E ? X[O] = S[W > E ? O + 1 : O - 1] : E > O && O >= W ? X[O] = S[O + 1] : E < O && O <= W ? X[O] = S[O - 1] : X[O] = S[O];
-    }), U(X) && o(X)), B(!1);
-  }, U = ($) => new Set($).size === $.length, lt = ($) => {
-    f ? f($) : o(S.filter((E, H) => H != $));
+    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 /* @__PURE__ */ c("div", { className: h, style: s, children: /* @__PURE__ */ G(
+  return /* @__PURE__ */ a("div", { className: d, style: r, children: /* @__PURE__ */ F(
     "div",
     {
-      className: `archbase_tabs${y ? " archbase_tabs-dark-theme" : ""}${P ? "" : " archbase_tabs-is-sorting"}`,
+      className: `archbase_tabs${b ? " archbase_tabs-dark-theme" : ""}${N ? "" : " archbase_tabs-is-sorting"}`,
       children: [
-        /* @__PURE__ */ c("div", { className: "archbase_tabs_content", ref: T, children: !!S && S.map(($, E) => !!m[E] && /* @__PURE__ */ c(
-          Pe,
+        /* @__PURE__ */ a("div", { className: "archbase_tabs_content", ref: T, children: !!S && S.map(($, _) => !!m[_] && /* @__PURE__ */ a(
+          Ue,
           {
             favicon: $.favicon,
             title: $.title,
             customTitle: $.customTitle,
             activeTab: n === $.key,
-            position: m[E],
-            contentWidth: z[E],
+            position: m[_],
+            contentWidth: z[_],
             onClick: (H) => e($.key),
             onClose: (H) => lt($.key),
             setDragging: x,
-            showButtonClose: a ? n === $.key : !0,
+            showButtonClose: l ? n === $.key : !0,
             tabsContentWidth: T.current && T.current.clientWidth,
-            animateTabMove: (H) => nt(H, E),
-            isDragging: P,
+            animateTabMove: (H) => nt(H, _),
+            isDragging: N,
             id: $.key,
-            index: E,
+            index: _,
             sorting: I,
-            onCloseAllTabs: b,
-            onCloseLeftTabs: r,
-            onCloseRightTabs: g,
-            onCloseOtherTabs: u,
+            onCloseAllTabs: p,
+            onCloseLeftTabs: s,
+            onCloseRightTabs: f,
+            onCloseOtherTabs: g,
             totalTabs: S.length
           },
           $.key
         )) }),
-        /* @__PURE__ */ c("div", { className: "archbase_tabs-bottom-bar" })
+        /* @__PURE__ */ a("div", { className: "archbase_tabs-bottom-bar" })
       ]
     }
   ) });
@@ -1202,7 +1204,7 @@ const ri = ({ children: t, ...i }) => /* @__PURE__ */ c(Vt.Provider, { value: i,
     const n = parseInt(o.style.zIndex);
     t = Math.max(isNaN(n) ? 0 : n, t);
   }), t + 1;
-}, li = (t) => {
+}, vi = (t) => {
   const i = Object.assign(
     {
       id: t.id && t.id.length ? t.id : Date.now().toString(),
@@ -1232,55 +1234,55 @@ const ri = ({ children: t, ...i }) => /* @__PURE__ */ c(Vt.Provider, { value: i,
     t
   );
   i.id || (i.id = Date.now().toString()), Object.freeze(i);
-  const [o, n] = J.useState(i.height), [f, h] = J.useState(i.width), [s, y] = J.useState(i.top || 0), [e, a] = J.useState(i.left || 0), [b, r] = J.useState(0), [g, u] = J.useState(0), [z, l] = J.useState(!1), [m, R] = J.useState(!1), [S, w] = J.useState("▁"), [I, B] = J.useState("□"), [P, x] = J.useState(""), [T, _] = J.useState(pt()), [k, N] = J.useState(1), { ref: q, width: D, height: ot } = Qt(), L = J.useRef(null), F = it(o), tt = it(f), nt = it(s), U = it(e), lt = 500, $ = (j) => {
-    u(j.clientY - s), r(j.clientX - e), _(pt()), N(0.5);
-  }, E = (j) => {
-    a((j.clientX || j.screenX || e + b) - b), y((j.clientY || j.screenY || s + g) - g);
+  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) => {
-    a((j.clientX || j.screenX) - b), y((j.clientY || j.screenY) - g), N(1);
-  }, W = () => {
+    l((j.clientX || j.screenX) - p), b((j.clientY || j.screenY) - f), E(1);
+  }, V = () => {
     if (x(`${lt}ms ease-in-out`), z)
-      F.current = o, y(nt.current || 0), a(U.current || 0), l(!1), w("▁"), R(!1);
+      q.current = o, b(nt.current || 0), l(G.current || 0), c(!1), w("▁"), R(!1);
     else {
-      F.current = 32, m || (U.current = e, nt.current = s);
+      q.current = 32, m || (G.current = e, nt.current = r);
       const j = document.getElementById(i.id)?.parentElement;
-      tt.current = f;
-      let O = (j?.clientHeight || window.innerHeight) - F.current - 4;
+      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,
-        O + F.current / 2
+        B + q.current / 2
       );
-      ct && ["archbase-window-container", "windowTitle"].includes(ct?.className || "") && (O -= ct?.clientHeight + 4), y(O), a(dt), l(!0), w("◰"), R(!1);
+      ct && ["archbase-window-container", "windowTitle"].includes(ct?.className || "") && (B -= ct?.clientHeight + 4), b(B), l(dt), c(!0), w("◰"), R(!1);
     }
-    _(pt()), setTimeout(x, lt + 1, "");
-  }, X = () => {
+    P(pt()), setTimeout(x, lt + 1, "");
+  }, J = () => {
     x(`${lt}ms ease-in-out`);
     const j = document.getElementById(i.id)?.parentElement;
-    m ? (F.current = o, tt.current = f, y(nt.current || 0), a(U.current || 0), R(!1), B("□"), l(!1), w("▁")) : (F.current = j?.clientHeight || window.innerHeight, tt.current = j?.clientWidth || window.innerWidth, z || (U.current = e, nt.current = s), y(j?.offsetTop || 0), a(j?.offsetLeft || 0), R(!0), B("❐"), l(!1), w("▁")), _(pt()), setTimeout(x, lt + 1, "");
+    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, "");
   };
   return et(() => {
-    !m && !z && (h(D), n(ot));
-  }, [D, ot, m, z]), /* @__PURE__ */ G(
+    !m && !z && (d(D), n(ot));
+  }, [D, ot, m, z]), /* @__PURE__ */ F(
     "div",
     {
       id: i.id,
       className: "archbase-window-container",
       style: {
-        height: F.current,
+        height: q.current,
         width: tt.current,
-        top: s,
+        top: r,
         left: e,
         resize: i.resizable ? "both" : "none",
-        transition: P,
+        transition: N,
         zIndex: T,
         opacity: k
       },
-      ref: q,
+      ref: X,
       onClick: () => {
-        _(pt());
+        P(pt());
       },
       children: [
-        i.titleBar && /* @__PURE__ */ G(
+        i.titleBar && /* @__PURE__ */ F(
           "div",
           {
             className: "title-bar",
@@ -1289,29 +1291,29 @@ const ri = ({ children: t, ...i }) => /* @__PURE__ */ c(Vt.Provider, { value: i,
               opacity: k
             },
             children: [
-              i.titleBar.icon && /* @__PURE__ */ c("span", { className: "icon", children: i.titleBar.icon }),
-              /* @__PURE__ */ c(
+              i.titleBar.icon && /* @__PURE__ */ a("span", { className: "icon", children: i.titleBar.icon }),
+              /* @__PURE__ */ a(
                 "span",
                 {
                   className: "windowTitle",
                   draggable: !0,
                   onDragStart: $,
-                  onDrag: E,
+                  onDrag: _,
                   onDragEnd: H,
                   style: { opacity: Math.floor(k) },
                   ref: L,
                   children: i.titleBar.title
                 }
               ),
-              i.titleBar.buttons && /* @__PURE__ */ G("span", { className: "buttonContainer", children: [
-                i.titleBar.buttons.minimize && /* @__PURE__ */ c("span", { className: "windowButton", onClick: W, children: S }),
-                i.titleBar.buttons.maximize && /* @__PURE__ */ c("span", { className: "windowButton", onClick: X, children: I }),
-                !!i.titleBar.buttons.close && /* @__PURE__ */ c("span", { className: "windowButton", onClick: i.titleBar.buttons.close, children: "⨯" })
+              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.close && /* @__PURE__ */ a("span", { className: "windowButton", onClick: i.titleBar.buttons.close, children: "⨯" })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ a(
           "div",
           {
             className: "content",
@@ -1328,91 +1330,128 @@ const ri = ({ children: t, ...i }) => /* @__PURE__ */ c(Vt.Provider, { value: i,
       ]
     }
   );
-}, ai = ({
+}, Si = ({
   children: t,
   direction: i = "row",
-  splitterSize: o = 4,
+  splitterSize: o,
   splitterColor: n,
-  splitterHoverColor: f,
-  splitterRadius: h,
-  withKnob: s = !1,
-  opacity: y,
-  style: e,
-  className: a
-}) => /* @__PURE__ */ c(
-  Bt,
-  {
-    orientation: i === "row" ? "horizontal" : "vertical",
-    size: o,
-    color: n,
-    hoverColor: f,
-    radius: h,
-    withKnob: s,
-    opacity: y,
-    style: e,
-    className: a,
-    children: t
-  }
-), di = ({
+  splitterHoverColor: u,
+  style: d,
+  className: r,
+  autoSaveId: b
+}) => {
+  const e = i === "row" ? "horizontal" : "vertical";
+  return /* @__PURE__ */ a(
+    Ft,
+    {
+      direction: e,
+      autoSaveId: b,
+      style: { height: "100%", ...d },
+      className: r,
+      children: W.Children.map(t, (l) => W.isValidElement(l) && l.type === Xe ? W.cloneElement(l, {
+        _splitterSize: o,
+        _splitterColor: n,
+        _splitterHoverColor: u,
+        _direction: e
+      }) : l)
+    }
+  );
+}, Ti = ({
   children: t,
   minSize: i,
   maxSize: o,
   defaultSize: n,
-  style: f,
-  className: h
-}) => /* @__PURE__ */ c(
-  Bt.Pane,
-  {
-    initialWidth: n,
-    initialHeight: n,
-    minWidth: i,
-    minHeight: i,
-    maxWidth: o,
-    maxHeight: o,
-    style: f,
-    className: h,
-    children: t
-  }
-), ci = ({
+  collapsible: u = !1,
+  style: d,
+  className: r
+}) => {
+  const b = (e) => {
+    if (e !== void 0)
+      return typeof e == "string" ? parseFloat(e) : e;
+  };
+  return /* @__PURE__ */ a(
+    Mt,
+    {
+      defaultSize: b(n),
+      minSize: b(i),
+      maxSize: b(o),
+      collapsible: u,
+      style: d,
+      className: r,
+      children: t
+    }
+  );
+}, Xe = ({
   style: t,
-  className: i
-}) => /* @__PURE__ */ c(Bt.Resizer, { style: t, className: i }), hi = ({
+  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]);
+  o._splitterHoverColor ?? n.colors.blue[5];
+  const l = (o._direction ?? "horizontal") === "horizontal";
+  return /* @__PURE__ */ a(
+    Vt,
+    {
+      className: i,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: b,
+        transition: "background-color 150ms ease",
+        ...l ? { width: Number(r), cursor: "col-resize" } : { height: Number(r), cursor: "row-resize" },
+        ...t
+      },
+      onDragging: () => {
+      },
+      children: /* @__PURE__ */ a(
+        ee,
+        {
+          style: {
+            ...l ? { width: 2, height: 20, borderRadius: 1 } : { width: 20, height: 2, borderRadius: 1 },
+            backgroundColor: d ? n.colors.dark[2] : n.colors.gray[5]
+          }
+        }
+      )
+    }
+  );
+}, xi = ({
   children: t,
   title: i,
   reducedTitle: o,
   containerWidth: n = "300px",
-  backgroundColor: f = "transparent",
-  hiddenBackgroundColor: h = "#ccc",
-  withBorder: s = !1,
-  hiddenWidth: y = "30px",
+  backgroundColor: u = "transparent",
+  hiddenBackgroundColor: d = "#ccc",
+  withBorder: r = !1,
+  hiddenWidth: b = "30px",
   position: e = "right",
-  onShow: a,
-  onHide: b,
-  defaultIsDocked: r = !1,
-  defaultIsVisible: g = !1
+  onShow: l,
+  onHide: p,
+  defaultIsDocked: s = !1,
+  defaultIsVisible: f = !1
 }) => {
-  const [u, z] = V(r), [l, m] = V(g), R = () => z(!u), S = () => {
-    !u && !l && (m(!0), a && a());
+  const [g, z] = U(s), [c, m] = U(f), R = () => z(!g), S = () => {
+    !g && !c && (m(!0), l && l());
   }, w = () => {
-    !u && l && (m(!1), b && b());
+    !g && c && (m(!1), p && p());
   };
   et(() => {
-    g ? S() : w();
-  }, [g]);
+    f ? S() : w();
+  }, [f]);
   const I = {
     writingMode: "vertical-rl",
     transform: "rotate(360deg)",
     margin: "10px 0",
     alignSelf: "flex-center",
     cursor: "pointer"
-  }, B = {
+  }, M = {
     writingMode: "vertical-rl",
     transform: "rotate(180deg)",
     margin: "10px 0",
     alignSelf: "flex-center",
     cursor: "pointer"
-  }, P = s ? "1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4))" : "none";
-  return /* @__PURE__ */ G(
+  }, N = r ? "1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4))" : "none";
+  return /* @__PURE__ */ F(
     "div",
     {
       style: {
@@ -1424,40 +1463,40 @@ const ri = ({ children: t, ...i }) => /* @__PURE__ */ c(Vt.Provider, { value: i,
         flexDirection: e === "left" ? "row-reverse" : "row"
       },
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ a(
           "div",
           {
             onMouseOver: S,
             style: {
-              width: l || u ? "0px" : y,
+              width: c || g ? "0px" : b,
               height: "100%",
-              backgroundColor: h,
+              backgroundColor: d,
               cursor: "pointer",
-              border: P,
+              border: N,
               display: "flex",
               flexDirection: "column",
               justifyContent: "flex-start",
               alignItems: "center"
             },
-            children: !l && !u && // @ts-ignore
-            /* @__PURE__ */ c("span", { style: e === "right" ? I : B, children: o })
+            children: !c && !g && // @ts-ignore
+            /* @__PURE__ */ a("span", { style: e === "right" ? I : M, children: o })
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ a(
           "div",
           {
             onMouseLeave: w,
             style: {
-              width: l || u ? n : "0px",
+              width: c || g ? n : "0px",
               height: "100%",
               overflow: "hidden",
               transition: "width 0.3s ease-in-out",
-              backgroundColor: f,
-              padding: l || u ? "10px" : "0px",
-              border: l || u ? P : 0
+              backgroundColor: u,
+              padding: c || g ? "10px" : "0px",
+              border: c || g ? N : 0
             },
-            children: l || u ? /* @__PURE__ */ G(Nt, { children: [
-              /* @__PURE__ */ G(
+            children: c || g ? /* @__PURE__ */ F(Et, { children: [
+              /* @__PURE__ */ F(
                 "div",
                 {
                   style: {
@@ -1467,8 +1506,8 @@ const ri = ({ children: t, ...i }) => /* @__PURE__ */ c(Vt.Provider, { value: i,
                     marginBottom: "10px"
                   },
                   children: [
-                    /* @__PURE__ */ c("span", { children: i }),
-                    /* @__PURE__ */ c(Zt, { onClick: R, children: u ? /* @__PURE__ */ c(te, { size: 16 }) : /* @__PURE__ */ c(ee, { size: 16 }) })
+                    /* @__PURE__ */ a("span", { children: i }),
+                    /* @__PURE__ */ a(ie, { onClick: R, children: g ? /* @__PURE__ */ a(le, { size: 16 }) : /* @__PURE__ */ a(ae, { size: 16 }) })
                   ]
                 }
               ),
@@ -1479,35 +1518,230 @@ const ri = ({ children: t, ...i }) => /* @__PURE__ */ c(Vt.Provider, { value: i,
       ]
     }
   );
+}, Ge = ({
+  panels: t,
+  initialLayout: i,
+  onChange: o,
+  onPanelClose: n,
+  zeroStateView: u,
+  resize: d = { minimumPaneSizePercentage: 10 },
+  style: r,
+  className: b,
+  height: e,
+  width: l
+}) => {
+  const { colorScheme: p } = oe(), s = p === "dark", f = kt(
+    (z, c) => {
+      const m = t[z];
+      if (!m)
+        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 })
+      ] }), w = [];
+      m.toolbarControls && w.push(...m.toolbarControls), R && w.push(
+        /* @__PURE__ */ a(
+          "button",
+          {
+            onClick: () => n?.(z),
+            title: "Close",
+            style: {
+              background: "none",
+              border: "none",
+              cursor: "pointer",
+              fontSize: 16,
+              lineHeight: 1,
+              padding: "0 4px",
+              color: "inherit"
+            },
+            children: "×"
+          },
+          "close"
+        )
+      );
+      const I = typeof m.component == "function" ? m.component() : m.component;
+      return /* @__PURE__ */ a(
+        de,
+        {
+          path: c,
+          title: S,
+          toolbarControls: w.length > 0 ? w : void 0,
+          children: I
+        }
+      );
+    },
+    [t, n]
+  ), g = {
+    position: "relative",
+    height: e ?? "100%",
+    width: l ?? "100%",
+    ...r
+  };
+  return /* @__PURE__ */ a("div", { style: g, className: b, children: /* @__PURE__ */ a(
+    ce,
+    {
+      renderTile: f,
+      value: i,
+      onChange: (z) => o?.(z ?? null),
+      zeroStateView: u || void 0,
+      resize: d,
+      className: s ? "mosaic-blueprint-theme bp4-dark" : "mosaic-blueprint-theme"
+    }
+  ) });
+};
+Ge.displayName = "ArchbaseMosaicLayout";
+const Je = ({
+  children: t,
+  id: i,
+  defaultSize: o,
+  minSize: n = 10,
+  maxSize: u,
+  collapsible: d = !1,
+  collapsedSize: r = 0,
+  order: b,
+  style: e,
+  className: l
+}) => /* @__PURE__ */ a(
+  Mt,
+  {
+    id: i,
+    defaultSize: o,
+    minSize: n,
+    maxSize: u,
+    collapsible: d,
+    collapsedSize: r,
+    order: b,
+    style: e,
+    className: l,
+    children: t
+  }
+);
+Je.displayName = "ArchbaseResizablePanel";
+const Zt = ({
+  direction: t = "horizontal",
+  size: i = 4,
+  className: o,
+  showGrip: n = !0
+}) => {
+  const u = t === "vertical", d = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    transition: "background-color 150ms ease",
+    ...u ? { height: `${i}px`, width: "100%", cursor: "row-resize" } : { width: `${i}px`, height: "100%", cursor: "col-resize" }
+  }, r = {
+    display: "flex",
+    gap: "2px",
+    flexDirection: u ? "row" : "column",
+    alignItems: "center",
+    justifyContent: "center"
+  }, b = {
+    width: 3,
+    height: 3,
+    borderRadius: "50%",
+    backgroundColor: "var(--archbase-resizable-grip-color, #adb5bd)",
+    transition: "background-color 150ms ease"
+  };
+  return /* @__PURE__ */ a(
+    Vt,
+    {
+      className: o,
+      style: d,
+      children: n && /* @__PURE__ */ F("span", { style: r, "aria-hidden": !0, children: [
+        /* @__PURE__ */ a("span", { style: b }),
+        /* @__PURE__ */ a("span", { style: b }),
+        /* @__PURE__ */ a("span", { style: b })
+      ] })
+    }
+  );
+};
+Zt.displayName = "ArchbaseResizableHandle";
+const Ze = ({
+  direction: t = "horizontal",
+  panels: i,
+  onLayout: o,
+  autoSaveId: n,
+  handleSize: u = 4,
+  handleClassName: d,
+  showHandleGrip: r = !0,
+  style: b,
+  className: e,
+  height: l,
+  width: p
+}) => {
+  const s = {
+    height: l ?? "100%",
+    width: p ?? "100%",
+    ...b
+  };
+  return /* @__PURE__ */ a(
+    Ft,
+    {
+      direction: t,
+      onLayout: o,
+      autoSaveId: n,
+      style: s,
+      className: e,
+      children: i.map((f, g) => /* @__PURE__ */ F(W.Fragment, { children: [
+        /* @__PURE__ */ a(
+          Mt,
+          {
+            id: f.id,
+            defaultSize: f.defaultSize,
+            minSize: f.minSize ?? 10,
+            maxSize: f.maxSize,
+            collapsible: f.collapsible ?? !1,
+            collapsedSize: f.collapsedSize ?? 0,
+            order: f.order,
+            children: f.children
+          }
+        ),
+        g < i.length - 1 && /* @__PURE__ */ a(
+          Zt,
+          {
+            direction: t,
+            size: u,
+            className: d,
+            showGrip: r
+          }
+        )
+      ] }, f.id))
+    }
+  );
 };
-function _e({
+Ze.displayName = "ArchbaseResizableLayout";
+function Ye({
   components: t,
   defaultLayout: i,
   watermark: o,
   hideBorders: n = !1,
-  autoHideHeaders: f = !1,
-  onLayoutChange: h,
-  onPanelClose: s,
-  onPanelOpen: y,
+  autoHideHeaders: u = !1,
+  onLayoutChange: d,
+  onPanelClose: r,
+  onPanelOpen: b,
   style: e,
-  className: a,
-  height: b = "600px",
-  disabled: r = !1
+  className: l,
+  height: p = "600px",
+  disabled: s = !1
 }) {
-  const { t: g } = Ht(), u = it(null), z = kt(() => {
+  const { t: f } = Wt(), g = it(null), z = Ht(() => {
     const m = {};
     for (const R of Object.values(t))
-      m[R.id] = (S) => /* @__PURE__ */ c(
-        Ne,
+      m[R.id] = (S) => /* @__PURE__ */ a(
+        Ke,
         {
           component: R,
           api: S.api,
-          onClose: () => s?.(R.id)
+          onClose: () => r?.(R.id)
         }
       );
     return m;
-  }, [t, s]), l = Gt((m) => {
-    if (u.current = m.api, i && typeof i != "string")
+  }, [t, r]), c = kt((m) => {
+    if (g.current = m.api, i && typeof i != "string")
       try {
         m.api.fromJSON(i);
       } catch (R) {
@@ -1527,40 +1761,40 @@ function _e({
     }
   }, [i, t]);
   return et(() => {
-    if (!u.current)
+    if (!g.current)
       return;
     const m = [];
-    if (h) {
-      const R = u.current.onDidLayoutChange(() => {
-        h(u.current.toJSON());
+    if (d) {
+      const R = g.current.onDidLayoutChange(() => {
+        d(g.current.toJSON());
       });
       m.push(R);
     }
-    if (s) {
-      const R = u.current.onDidRemovePanel((S) => {
-        s(S.panel.id);
+    if (r) {
+      const R = g.current.onDidRemovePanel((S) => {
+        r(S.panel.id);
       });
       m.push(R);
     }
     return () => {
       m.forEach((R) => R.dispose());
     };
-  }, [h, s]), /* @__PURE__ */ c(
+  }, [d, r]), /* @__PURE__ */ a(
     "div",
     {
       style: {
         width: "100%",
-        height: b,
+        height: p,
         ...e
       },
-      className: a,
-      children: /* @__PURE__ */ c(
-        ie,
+      className: l,
+      children: /* @__PURE__ */ a(
+        he,
         {
           components: z,
-          onReady: l,
+          onReady: c,
           hideBorders: n,
-          watermarkComponent: o ? () => /* @__PURE__ */ c("div", { style: {
+          watermarkComponent: o ? () => /* @__PURE__ */ a("div", { style: {
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
@@ -1574,9 +1808,9 @@ function _e({
     }
   );
 }
-function Ne({ component: t, api: i, onClose: o }) {
+function Ke({ component: t, api: i, onClose: o }) {
   const n = t.component;
-  return /* @__PURE__ */ c("div", { style: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ a("div", { style: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ a(
     n,
     {
       api: i,
@@ -1585,131 +1819,131 @@ function Ne({ component: t, api: i, onClose: o }) {
     }
   ) });
 }
-function ui({
+function Ci({
   preset: t,
   components: i = {},
   onPanelClose: o,
   onPanelOpen: n,
-  style: f,
-  className: h,
-  height: s
+  style: u,
+  className: d,
+  height: r
 }) {
-  const { layout: y, components: e } = kt(() => ke(t, i), [t, i]);
-  return /* @__PURE__ */ c(
-    _e,
+  const { layout: b, components: e } = Ht(() => Qe(t, i), [t, i]);
+  return /* @__PURE__ */ a(
+    Ye,
     {
       components: e,
-      defaultLayout: y,
+      defaultLayout: b,
       onPanelClose: o,
       onPanelOpen: n,
-      style: f,
-      className: h,
-      height: s
+      style: u,
+      className: d,
+      height: r
     }
   );
 }
-function ke(t, i) {
+function Qe(t, i) {
   const o = {
-    ...He(),
+    ...ti(),
     ...i
   };
   let n;
   switch (t) {
     case "dashboard":
-      n = _t(o);
+      n = Pt(o);
       break;
     case "ide":
-      n = We(o);
+      n = ei(o);
       break;
     case "explorer":
-      n = Fe(o);
+      n = ii(o);
       break;
     case "analytics":
-      n = Ve(o);
+      n = oi(o);
       break;
     default:
-      n = _t(o);
+      n = Pt(o);
   }
   return { layout: n, components: o };
 }
-function He() {
+function ti() {
   return {
     // Dashboard
     overview: {
       id: "overview",
       title: "Overview",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Overview Panel" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Overview Panel" })
     },
     charts: {
       id: "charts",
       title: "Charts",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Charts Panel" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Charts Panel" })
     },
     details: {
       id: "details",
       title: "Details",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Details Panel" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Details Panel" })
     },
     recent: {
       id: "recent",
       title: "Recent Activity",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Recent Activity" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Recent Activity" })
     },
     // IDE
     explorer: {
       id: "explorer",
       title: "Explorer",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "File Explorer" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "File Explorer" })
     },
     search: {
       id: "search",
       title: "Search",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Search Panel" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Search Panel" })
     },
     editor: {
       id: "editor",
       title: "Editor",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Code Editor" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Code Editor" })
     },
     terminal: {
       id: "terminal",
       title: "Terminal",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Terminal" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Terminal" })
     },
     output: {
       id: "output",
       title: "Output",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Output" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Output" })
     },
     problems: {
       id: "problems",
       title: "Problems",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Problems Panel" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Problems Panel" })
     },
     // Analytics
     metrics: {
       id: "metrics",
       title: "Metrics",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Metrics Dashboard" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Metrics Dashboard" })
     },
     reports: {
       id: "reports",
       title: "Reports",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Reports Panel" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Reports Panel" })
     },
     data: {
       id: "data",
       title: "Data Source",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Data Configuration" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Data Configuration" })
     },
     filters: {
       id: "filters",
       title: "Filters",
-      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Filter Panel" })
+      component: () => /* @__PURE__ */ a("div", { style: { padding: 16 }, children: "Filter Panel" })
     }
   };
 }
-function _t(t) {
+function Pt(t) {
   return {
     root: {
       type: "branch",
@@ -1768,7 +2002,7 @@ function _t(t) {
     }
   };
 }
-function We(t) {
+function ei(t) {
   return {
     root: {
       type: "branch",
@@ -1849,7 +2083,7 @@ function We(t) {
     }
   };
 }
-function Fe(t) {
+function ii(t) {
   return {
     root: {
       type: "branch",
@@ -1880,7 +2114,7 @@ function Fe(t) {
     }
   };
 }
-function Ve(t) {
+function oi(t) {
   return {
     root: {
       type: "branch",
@@ -1935,43 +2169,47 @@ function Ve(t) {
 }
 export {
   C as AnchorType,
-  si as ArchbaseAdvancedTabs,
-  gi as ArchbaseCard,
-  bi as ArchbaseContainer,
-  _e as ArchbaseDockLayout,
-  ui as ArchbaseDockLayoutPreset,
-  hi as ArchbaseDockableContainer,
-  li as ArchbaseFloatingWindow,
-  ei as ArchbaseForm,
-  pi as ArchbaseGroup,
-  $e as ArchbaseSpaceBottom,
-  Le as ArchbaseSpaceBottomResizable,
-  ze as ArchbaseSpaceCentered,
-  we as ArchbaseSpaceCenteredVertically,
-  je as ArchbaseSpaceCustom,
-  Oe as ArchbaseSpaceFill,
-  Me as ArchbaseSpaceFixed,
-  ni as ArchbaseSpaceInfo,
-  Ie as ArchbaseSpaceLayer,
-  Se as ArchbaseSpaceLeft,
-  ye as ArchbaseSpaceLeftResizable,
-  ri as ArchbaseSpaceOptions,
-  De as ArchbaseSpacePositioned,
-  Ae as ArchbaseSpaceRight,
-  Ce as ArchbaseSpaceRightResizable,
-  xe as ArchbaseSpaceTop,
-  Te as ArchbaseSpaceTopResizable,
-  Ee as ArchbaseSpaceViewPort,
-  ai as ArchbaseSplitPane,
-  di as ArchbaseSplitPanePane,
-  ci as ArchbaseSplitPaneResizer,
-  zi as ArchbaseStack,
+  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,
+  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,
   st as CenterType,
   rt as ResizeHandlePlacement,
-  p as ResizeType,
+  y as ResizeType,
   A as Type,
   Tt as anchoredProps,
-  oi as enabledSsrSupport,
+  zi as enabledSsrSupport,
   St as resizableProps,
-  ii as useArchbaseCurrentSpace
+  pi as useArchbaseCurrentSpace
 };