@archbase/layout 3.0.0

package/dist/index.js

@@ -0,0 +1,1977 @@
+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 });
+}
+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) {
+  const o = /* @__PURE__ */ Object.create(null);
+  i.forEach((f) => {
+    o[f] = !0;
+  });
+  const n = /* @__PURE__ */ Object.create(null);
+  return Object.keys(t).forEach((f) => {
+    o[f] || (n[f] = t[f]);
+  }), n;
+}
+function ne() {
+  let t = Math.random() * 46656 | 0, i = Math.random() * 46656 | 0;
+  return ("000" + t.toString(36)).slice(-3) + ("000" + i.toString(36)).slice(-3);
+}
+function $t(t) {
+  return typeof t == "string" ? t : `${t}px`;
+}
+function v(t, i) {
+  if (t.size === 0 && t.adjusted.length === 0 && t.resized === 0)
+    return "0px";
+  const o = [];
+  if (t.size !== void 0 && o.push($t(t.size)), t.adjusted.forEach((n) => o.push($t(n))), t.resized !== 0 && o.push($t(t.resized)), o.length !== 0)
+    return o.length === 1 ? o[0] : i ? o.join(" + ") : `calc(${o.join(" + ")})`;
+}
+function Z(...t) {
+  return t.find((i) => i != null);
+}
+function Ct(t, i) {
+  if (t.length !== i.length)
+    return !1;
+  for (var o = 0, n = t.length; o < n; o++)
+    if (t[o] !== i[o])
+      return !1;
+  return !0;
+}
+function re(t, i) {
+  var o = !1;
+  return function(...n) {
+    o || (t(...n), o = !0, setTimeout(function() {
+      o = !1;
+    }, i));
+  };
+}
+function se(t) {
+  const i = [], o = {
+    position: t.position,
+    left: v(t.left),
+    top: v(t.top),
+    right: v(t.right),
+    bottom: v(t.bottom),
+    width: v(t.width),
+    height: v(t.height),
+    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`;
+  switch (t.handlePlacement) {
+    case rt.Inside:
+    case rt.OverlayInside:
+      f = t.handleSize, t.type === A.Positioned && (f = 0);
+      break;
+    case rt.OverlayBoundary:
+      f = 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", {
+    right: `calc(${v(t.right, !0)} + ${v(t.width)} - ${e})`,
+    top: "0",
+    bottom: "0",
+    width: h
+  }) : a("ml", {
+    left: `calc(${v(t.left, !0)} - ${e})`,
+    top: v(t.top),
+    bottom: v(t.bottom),
+    width: h,
+    height: v(t.height)
+  }), a("ml:after", {
+    left: s,
+    right: s,
+    top: s,
+    bottom: s
+  })), t.canResizeTop && (t.anchor ? (a("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,
+    width: v(t.width),
+    right: s
+  })) : (a("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,
+    width: v(t.width),
+    right: s
+  }))), t.canResizeRight && (b() ? a("mr", {
+    left: `calc(${v(t.left, !0)} + ${v(t.width, !0)} - ${h} + ${e})`,
+    top: v(t.top),
+    bottom: v(t.bottom),
+    width: h,
+    height: v(t.height)
+  }) : a("mr", {
+    right: `calc(${v(t.right, !0)} - ${e})`,
+    top: v(t.top),
+    bottom: v(t.bottom),
+    width: h,
+    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})`,
+    left: v(t.left),
+    right: v(t.right),
+    width: v(t.width),
+    height: h
+  }) : a("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", {
+    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})`,
+    top: v(t.top),
+    width: h,
+    height: h
+  }) : a("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})`,
+    left: v(t.left),
+    width: h,
+    height: h
+  }) : a("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", {
+    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
+  })), i.join(" ");
+}
+function Rt(t) {
+  const i = se(t);
+  if (Wt())
+    t.ssrStyle = i;
+  else {
+    const o = document.getElementById(`style_${t.id}`);
+    if (o)
+      o.innerHTML !== i && (o.innerHTML = i);
+    else {
+      const n = document.createElement("style");
+      n.id = `style_${t.id}`, n.innerHTML = i, document.head.appendChild(n);
+    }
+  }
+}
+function le(t) {
+  const i = document.getElementById(`style_${t.id}`);
+  i && document.head.removeChild(i);
+}
+function Wt() {
+  return !(typeof document < "u" && document);
+}
+function vt(t) {
+  return t === p.Left || t === p.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 ae(t, i, o, n) {
+  const f = 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 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 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 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);
+      };
+    default:
+      throw `Resize type ${t} not supported`;
+  }
+}
+function de(t) {
+  return {
+    startResize(i, o, n, f, h, s, y) {
+      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);
+      n.resizing = !0, n.updateParent();
+      let b = 0, r = 0, g = !1;
+      const u = (m, R) => {
+        a(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);
+        });
+      }, l = () => {
+        n.resizing = !1, g && u(b, r), window.removeEventListener(h, z), window.removeEventListener(f, l), n.updateParent();
+        const m = y || n.onResizeEnd;
+        if (m) {
+          const R = n.element.getBoundingClientRect();
+          m(Math.floor(vt(o) ? R.width : R.height), R, o);
+        }
+      };
+      window.addEventListener(h, z), window.addEventListener(f, l);
+    }
+  };
+}
+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);
+  }
+  return {
+    startDrag(o, n, f, h, s, y) {
+      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);
+        }, w = () => {
+          if (l && m(u, z), window.removeEventListener(h, S), window.removeEventListener(f, w), y) {
+            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 }))(
+              n.element.getBoundingClientRect()
+            );
+            y(
+              {
+                ...B,
+                left: B.left - I.left,
+                top: B.top - I.top
+              },
+              l
+            );
+          }
+        };
+        window.addEventListener(h, S), window.addEventListener(f, w);
+      }
+    }
+  };
+}
+const bt = {
+  id: "",
+  zIndex: 0,
+  scrollable: !1,
+  resizing: !1,
+  allowOverflow: !1,
+  centerContent: "none",
+  dimension: { left: 0, top: 0, right: 0, bottom: 0, width: 0, height: 0, x: 0, y: 0, toJSON: () => "" },
+  handleSize: 5,
+  touchHandleSize: 5,
+  handlePlacement: rt.OverlayInside,
+  adjustLeft: () => !1,
+  adjustRight: () => !1,
+  adjustTop: () => !1,
+  adjustBottom: () => !1,
+  adjustEdge: () => !1,
+  anchoredChildren: () => []
+}, he = [C.Left, C.Top, C.Right, C.Bottom];
+function Et(t) {
+  return t === A.ViewPort ? "fixed" : t === A.Fixed ? "relative" : "absolute";
+}
+function Pt(t) {
+  return t === C.Bottom || t === C.Top ? mt.Vertical : mt.Horizontal;
+}
+function ue(t) {
+  return [
+    {
+      anchor: C.Left,
+      update: t.adjustLeft
+    },
+    {
+      anchor: C.Top,
+      update: t.adjustTop
+    },
+    {
+      anchor: C.Right,
+      update: t.adjustRight
+    },
+    {
+      anchor: C.Bottom,
+      update: t.adjustBottom
+    }
+  ];
+}
+function ut(t) {
+  return { size: t, adjusted: [], resized: 0 };
+}
+function fe() {
+  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) => {
+        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 }))];
+        });
+      }), [...l, ...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;
+      if (z.type === A.Fill)
+        ue(z).forEach((m) => {
+          const R = [];
+          e.anchoredChildren(r, 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);
+        });
+      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) => {
+          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);
+      }
+      l && Rt(z);
+    }
+  }, h = {
+    getSpaces: n,
+    getSpace: o,
+    addSpace: (e) => {
+      if (n().push(e), e.parentId) {
+        const a = o(e.parentId);
+        a && (a.children.push(e), f(a));
+      }
+      Rt(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));
+      }
+      le(e);
+    },
+    updateStyles: (e) => {
+      if (e.parentId) {
+        const a = o(e.parentId);
+        a && f(a);
+      }
+      Rt(e);
+    },
+    updateSpace: (e, a) => {
+      const {
+        type: b,
+        anchor: r,
+        order: g,
+        zIndex: u,
+        scrollable: z,
+        position: l,
+        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;
+      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.parentId) {
+          const F = o(e.parentId);
+          F && f(F);
+        }
+        Rt(e);
+      }
+    },
+    createSpace: () => ({}),
+    startMouseResize: () => null,
+    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 = {
+      ...bt,
+      ...z,
+      store: h,
+      update: b,
+      updateParent: () => {
+        if (e) {
+          const T = h.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,
+      canResizeRight: m,
+      canResizeTop: R,
+      canResizeBottom: S,
+      canResizeTopLeft: w,
+      canResizeTopRight: I,
+      canResizeBottomLeft: B,
+      canResizeBottomRight: P
+    };
+    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,
+      e,
+      a,
+      wt.Mouse,
+      zt.Mouse,
+      (g) => ({
+        x: g.clientX,
+        y: g.clientY
+      }),
+      r
+    );
+  }, h.startTouchResize = (e, a, b, r) => {
+    s.startResize(
+      b,
+      e,
+      a,
+      wt.Touch,
+      zt.Touch,
+      (g) => ({
+        x: g.touches[0].clientX,
+        y: g.touches[0].clientY
+      }),
+      r
+    );
+  }, h.startMouseDrag = (e, a, b) => {
+    y.startDrag(
+      a,
+      e,
+      wt.Mouse,
+      zt.Mouse,
+      (r) => ({
+        x: r.clientX,
+        y: r.clientY
+      }),
+      b
+    );
+  }, h.startTouchDrag = (e, a, b) => {
+    y.startDrag(
+      a,
+      e,
+      wt.Touch,
+      zt.Touch,
+      (r) => ({
+        x: r.touches[0].clientX,
+        y: r.touches[0].clientY
+      }),
+      b
+    );
+  }, h;
+}
+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), () => {
+    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
+};
+function me() {
+  const [, t] = M.useState(0);
+  return M.useCallback(() => {
+    t((i) => i + 1);
+  }, []);
+}
+function Ut() {
+  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, "")}`;
+  }
+  return `s${ne()}`;
+}
+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 = {
+    ...t,
+    id: y,
+    zIndex: Z(t.zIndex, f)
+  };
+  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,
+        width: Math.floor(m.width),
+        height: Math.floor(m.height)
+      }, r(g.dimension);
+    })), () => {
+      a.current && a.current.detach(), i.removeSpace(g);
+    };
+  }), { space: g, resizeHandles: z, domRect: b, 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 },
+  {
+    id: "mbl",
+    className: "resize-bottom-left",
+    resizeType: p.BottomLeft,
+    condition: (t) => t.canResizeBottomLeft
+  },
+  {
+    id: "mbr",
+    className: "resize-bottom-right",
+    resizeType: p.BottomRight,
+    condition: (t) => t.canResizeBottomRight
+  }
+];
+function pe(t, i) {
+  const o = [], n = (f, h, s) => {
+    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)
+    });
+  };
+  return be.forEach((f) => {
+    f.condition(i) && n(f.id, f.className, f.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,
+    [i]
+  ), s = M.useCallback(
+    (b, r) => o ? t.startTouchDrag(o, b, r) : null,
+    [i]
+  ), y = M.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
+  };
+}
+let ft = !1;
+function oi() {
+  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) {
+  switch (i) {
+    case st.Vertical:
+      return /* @__PURE__ */ c(we, { children: t });
+    case st.HorizontalVertical:
+      return /* @__PURE__ */ c(ze, { children: t });
+  }
+  return t;
+}
+class K extends M.Component {
+  _react_spaces_uniqueid;
+  render() {
+    return /* @__PURE__ */ c(ve, { ...this.props, wrapperInstance: this });
+  }
+}
+const ve = (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 {
+    style: h,
+    className: s,
+    onClick: y,
+    onDoubleClick: e,
+    onMouseDown: a,
+    onMouseEnter: b,
+    onMouseLeave: r,
+    onMouseMove: g,
+    onTouchStart: u,
+    onTouchMove: z,
+    onTouchEnd: l,
+    children: m,
+    handleRender: R
+  } = t, S = {
+    onClick: y,
+    onDoubleClick: e,
+    onMouseDown: a,
+    onMouseEnter: b,
+    onMouseLeave: r,
+    onMouseMove: g,
+    onTouchStart: u,
+    onTouchMove: z,
+    onTouchEnd: l
+  }, { space: w, domRect: I, elementRef: B, resizeHandles: P } = ge({
+    ...t,
+    id: i
+  });
+  if (ft && !Wt()) {
+    const D = document.getElementById(`style_${i}_ssr`);
+    D && (w.ssrStyle = D.innerHTML), Rt(w);
+  }
+  Ft(() => {
+    w.element = B.current, ft && o && n(!1);
+  });
+  const x = s ? s.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;
+  w.handlePlacement === rt.Inside && (k = {
+    ...h,
+    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 = {
+    id: w.id,
+    ref: B,
+    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(
+      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 }) }) }) })
+    )
+  ] });
+}, St = {
+  ...yt,
+  size: d.oneOfType([d.string, d.number]).isRequired,
+  order: d.number,
+  handleSize: d.number,
+  touchHandleSize: d.number,
+  handlePlacement: d.oneOf([
+    rt.Inside,
+    rt.OverlayBoundary,
+    rt.OverlayInside
+  ]),
+  handleRender: d.func,
+  minimumSize: d.number,
+  maximumSize: d.number,
+  onResizeStart: d.func,
+  onResizeEnd: d.func
+}, Tt = {
+  ...St,
+  resizable: d.bool
+}, ye = ({ children: t, size: i, ...o }) => /* @__PURE__ */ c(
+  K,
+  {
+    ...o,
+    type: A.Anchored,
+    anchor: C.Left,
+    position: { left: 0, top: 0, bottom: 0, rightResizable: !0, width: i },
+    children: t
+  }
+);
+ye.propTypes = St;
+const Se = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
+  K,
+  {
+    ...n,
+    type: A.Anchored,
+    anchor: C.Left,
+    position: { left: 0, top: 0, bottom: 0, rightResizable: o, width: t },
+    children: i
+  }
+);
+Se.propTypes = Tt;
+const Te = ({ children: t, size: i, ...o }) => /* @__PURE__ */ c(
+  K,
+  {
+    ...o,
+    type: A.Anchored,
+    anchor: C.Top,
+    position: { left: 0, top: 0, right: 0, bottomResizable: !0, height: i },
+    children: t
+  }
+);
+Te.propTypes = St;
+const xe = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
+  K,
+  {
+    ...n,
+    type: A.Anchored,
+    anchor: C.Top,
+    position: { left: 0, top: 0, right: 0, bottomResizable: o, height: t },
+    children: i
+  }
+);
+xe.propTypes = Tt;
+const Ce = ({ children: t, size: i, ...o }) => /* @__PURE__ */ c(
+  K,
+  {
+    ...o,
+    type: A.Anchored,
+    anchor: C.Right,
+    position: { bottom: 0, top: 0, right: 0, leftResizable: !0, width: i },
+    children: t
+  }
+);
+Ce.propTypes = St;
+const Ae = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
+  K,
+  {
+    ...n,
+    type: A.Anchored,
+    anchor: C.Right,
+    position: { bottom: 0, top: 0, right: 0, leftResizable: o, width: t },
+    children: i
+  }
+);
+Ae.propTypes = Tt;
+const Le = ({ children: t, size: i, ...o }) => /* @__PURE__ */ c(
+  K,
+  {
+    ...o,
+    type: A.Anchored,
+    anchor: C.Bottom,
+    position: { bottom: 0, left: 0, right: 0, topResizable: !0, height: i },
+    children: t
+  }
+);
+Le.propTypes = St;
+const $e = ({ size: t, children: i, resizable: o, ...n }) => /* @__PURE__ */ c(
+  K,
+  {
+    ...n,
+    type: A.Anchored,
+    anchor: C.Bottom,
+    position: { bottom: 0, left: 0, right: 0, topResizable: o, height: t },
+    children: i
+  }
+);
+$e.propTypes = Tt;
+const Be = oe(
+  {
+    ...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
+  },
+  "size"
+), je = ({
+  children: t,
+  type: i,
+  left: o,
+  top: n,
+  right: f,
+  bottom: h,
+  width: s,
+  height: y,
+  anchorSize: e,
+  anchor: a,
+  resizable: b,
+  resizeTypes: r,
+  ...g
+}) => {
+  let u;
+  return i = i || A.Fill, i === A.Positioned ? u = {
+    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 = {
+    left: 0,
+    top: 0,
+    bottom: 0,
+    right: 0
+  }, i = A.Fill), /* @__PURE__ */ c(K, { ...g, type: i, anchor: a, position: u, 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
+};
+const Ie = (t) => /* @__PURE__ */ c(At.Provider, { value: t.zIndex, children: t.children });
+Ie.propTypes = {
+  zIndex: d.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(
+    K,
+    {
+      ...y,
+      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
+      },
+      children: y.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
+};
+const ni = (t) => {
+  const i = M.useContext(Ot);
+  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])
+};
+const ri = ({ children: t, ...i }) => /* @__PURE__ */ c(Vt.Provider, { value: i, children: t }), Pe = (t) => {
+  const {
+    favicon: i,
+    title: o,
+    customTitle: n,
+    activeTab: f,
+    position: h,
+    contentWidth: s,
+    onClick: y,
+    onClose: e,
+    setDragging: a,
+    tabsContentWidth: b,
+    animateTabMove: r,
+    isDragging: g,
+    index: u,
+    sorting: z,
+    showButtonClose: l,
+    onCloseAllTabs: m,
+    onCloseLeftTabs: R,
+    onCloseRightTabs: S,
+    onCloseOtherTabs: w,
+    totalTabs: I
+  } = t, { t: B } = Ht(), [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);
+  })), et(() => {
+    T || setTimeout(() => _(!0), 500);
+  }, [T]), et(() => {
+    x(s + 2 * $);
+  }, [s]);
+  const X = (Y) => {
+    Y.button === 0 && (a(!0), D(Y.pageX), L(!1), tt(h));
+  }, 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);
+    }
+  }, O = (Y) => {
+    q != null && g && (D(null), N(null), a(!1), L(!0));
+  }, [dt, ct] = V(h - $);
+  et(() => {
+    ct(h ? h - $ : 0);
+  }, [u, h]);
+  const gt = () => {
+    w && w(t.id), U(!1);
+  }, xt = () => {
+    R && R(t.id), U(!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(
+    "div",
+    {
+      className: `archbase_tab ${T ? "" : " archbase_tab-was-just-added"}${q == null && !f ? " archbase_tab-was-just-dragged" : ""}`,
+      style: {
+        transform: `translate3d(${k ?? dt}px, 0, 0)`,
+        width: `${P}px`
+      },
+      "tab-active": f !== !1 ? "" : null,
+      "is-small": s < E ? "" : null,
+      "is-smaller": s < H ? "" : null,
+      "is-mini": s < W ? "" : null,
+      ref: lt,
+      onContextMenu: Jt,
+      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__ */ 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__ */ 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__ */ 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")) })
+            ] })
+          ] }),
+          l ? /* @__PURE__ */ c("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;
+  et(() => {
+    l(F()), R(tt(F()));
+  }, []), et(() => {
+    L();
+  }, [JSON.stringify(S), _, k]), et(() => {
+    i && w(i);
+  }, [JSON.stringify(i)]);
+  const L = () => {
+    const $ = F();
+    $ && (l($), R(tt($)));
+  }, F = () => {
+    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;
+      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);
+      }
+    }
+    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 != $));
+  };
+  return /* @__PURE__ */ c("div", { className: h, style: s, children: /* @__PURE__ */ G(
+    "div",
+    {
+      className: `archbase_tabs${y ? " archbase_tabs-dark-theme" : ""}${P ? "" : " archbase_tabs-is-sorting"}`,
+      children: [
+        /* @__PURE__ */ c("div", { className: "archbase_tabs_content", ref: T, children: !!S && S.map(($, E) => !!m[E] && /* @__PURE__ */ c(
+          Pe,
+          {
+            favicon: $.favicon,
+            title: $.title,
+            customTitle: $.customTitle,
+            activeTab: n === $.key,
+            position: m[E],
+            contentWidth: z[E],
+            onClick: (H) => e($.key),
+            onClose: (H) => lt($.key),
+            setDragging: x,
+            showButtonClose: a ? n === $.key : !0,
+            tabsContentWidth: T.current && T.current.clientWidth,
+            animateTabMove: (H) => nt(H, E),
+            isDragging: P,
+            id: $.key,
+            index: E,
+            sorting: I,
+            onCloseAllTabs: b,
+            onCloseLeftTabs: r,
+            onCloseRightTabs: g,
+            onCloseOtherTabs: u,
+            totalTabs: S.length
+          },
+          $.key
+        )) }),
+        /* @__PURE__ */ c("div", { className: "archbase_tabs-bottom-bar" })
+      ]
+    }
+  ) });
+}, pt = () => {
+  let t = 0;
+  return document.querySelectorAll(".archbase-window-container").forEach((o) => {
+    const n = parseInt(o.style.zIndex);
+    t = Math.max(isNaN(n) ? 0 : n, t);
+  }), t + 1;
+}, li = (t) => {
+  const i = Object.assign(
+    {
+      id: t.id && t.id.length ? t.id : Date.now().toString(),
+      children: null,
+      height: 0,
+      width: 0,
+      top: 0,
+      left: 0,
+      resizable: !1,
+      titleBar: Object.assign(
+        {
+          icon: " ",
+          title: "Untitled window",
+          buttons: Object.assign(
+            {
+              minimize: !0,
+              maximize: !0,
+              close: !0
+            },
+            t.titleBar && t.titleBar.buttons || {}
+          )
+        },
+        t.titleBar
+      ),
+      style: {}
+    },
+    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);
+  }, H = (j) => {
+    a((j.clientX || j.screenX) - b), y((j.clientY || j.screenY) - g), N(1);
+  }, W = () => {
+    if (x(`${lt}ms ease-in-out`), z)
+      F.current = o, y(nt.current || 0), a(U.current || 0), l(!1), w("▁"), R(!1);
+    else {
+      F.current = 32, m || (U.current = e, nt.current = s);
+      const j = document.getElementById(i.id)?.parentElement;
+      tt.current = f;
+      let O = (j?.clientHeight || window.innerHeight) - F.current - 4;
+      const dt = (j?.clientWidth || window.innerWidth) - tt.current - 4, ct = document.elementFromPoint(
+        dt + tt.current / 2,
+        O + F.current / 2
+      );
+      ct && ["archbase-window-container", "windowTitle"].includes(ct?.className || "") && (O -= ct?.clientHeight + 4), y(O), a(dt), l(!0), w("◰"), R(!1);
+    }
+    _(pt()), setTimeout(x, lt + 1, "");
+  }, X = () => {
+    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, "");
+  };
+  return et(() => {
+    !m && !z && (h(D), n(ot));
+  }, [D, ot, m, z]), /* @__PURE__ */ G(
+    "div",
+    {
+      id: i.id,
+      className: "archbase-window-container",
+      style: {
+        height: F.current,
+        width: tt.current,
+        top: s,
+        left: e,
+        resize: i.resizable ? "both" : "none",
+        transition: P,
+        zIndex: T,
+        opacity: k
+      },
+      ref: q,
+      onClick: () => {
+        _(pt());
+      },
+      children: [
+        i.titleBar && /* @__PURE__ */ G(
+          "div",
+          {
+            className: "title-bar",
+            "data-parent": i.id,
+            style: {
+              opacity: k
+            },
+            children: [
+              i.titleBar.icon && /* @__PURE__ */ c("span", { className: "icon", children: i.titleBar.icon }),
+              /* @__PURE__ */ c(
+                "span",
+                {
+                  className: "windowTitle",
+                  draggable: !0,
+                  onDragStart: $,
+                  onDrag: E,
+                  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: "⨯" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: "content",
+            draggable: "false",
+            ref: t.innerRef,
+            style: {
+              height: "100%",
+              opacity: k,
+              ...i.style
+            },
+            children: i.children
+          }
+        )
+      ]
+    }
+  );
+}, ai = ({
+  children: t,
+  direction: i = "row",
+  splitterSize: o = 4,
+  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 = ({
+  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 = ({
+  style: t,
+  className: i
+}) => /* @__PURE__ */ c(Bt.Resizer, { style: t, className: i }), hi = ({
+  children: t,
+  title: i,
+  reducedTitle: o,
+  containerWidth: n = "300px",
+  backgroundColor: f = "transparent",
+  hiddenBackgroundColor: h = "#ccc",
+  withBorder: s = !1,
+  hiddenWidth: y = "30px",
+  position: e = "right",
+  onShow: a,
+  onHide: b,
+  defaultIsDocked: r = !1,
+  defaultIsVisible: g = !1
+}) => {
+  const [u, z] = V(r), [l, m] = V(g), R = () => z(!u), S = () => {
+    !u && !l && (m(!0), a && a());
+  }, w = () => {
+    !u && l && (m(!1), b && b());
+  };
+  et(() => {
+    g ? S() : w();
+  }, [g]);
+  const I = {
+    writingMode: "vertical-rl",
+    transform: "rotate(360deg)",
+    margin: "10px 0",
+    alignSelf: "flex-center",
+    cursor: "pointer"
+  }, B = {
+    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(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        [e]: 0,
+        top: 0,
+        height: "100vh",
+        display: "flex",
+        flexDirection: e === "left" ? "row-reverse" : "row"
+      },
+      children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            onMouseOver: S,
+            style: {
+              width: l || u ? "0px" : y,
+              height: "100%",
+              backgroundColor: h,
+              cursor: "pointer",
+              border: P,
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "flex-start",
+              alignItems: "center"
+            },
+            children: !l && !u && // @ts-ignore
+            /* @__PURE__ */ c("span", { style: e === "right" ? I : B, children: o })
+          }
+        ),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            onMouseLeave: w,
+            style: {
+              width: l || u ? 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
+            },
+            children: l || u ? /* @__PURE__ */ G(Nt, { children: [
+              /* @__PURE__ */ G(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    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 }) })
+                  ]
+                }
+              ),
+              t
+            ] }) : null
+          }
+        )
+      ]
+    }
+  );
+};
+function _e({
+  components: t,
+  defaultLayout: i,
+  watermark: o,
+  hideBorders: n = !1,
+  autoHideHeaders: f = !1,
+  onLayoutChange: h,
+  onPanelClose: s,
+  onPanelOpen: y,
+  style: e,
+  className: a,
+  height: b = "600px",
+  disabled: r = !1
+}) {
+  const { t: g } = Ht(), u = it(null), z = kt(() => {
+    const m = {};
+    for (const R of Object.values(t))
+      m[R.id] = (S) => /* @__PURE__ */ c(
+        Ne,
+        {
+          component: R,
+          api: S.api,
+          onClose: () => s?.(R.id)
+        }
+      );
+    return m;
+  }, [t, s]), l = Gt((m) => {
+    if (u.current = m.api, i && typeof i != "string")
+      try {
+        m.api.fromJSON(i);
+      } catch (R) {
+        console.warn("Failed to load default layout:", R);
+      }
+    if (!i && Object.keys(t).length > 0) {
+      const R = Object.values(t)[0];
+      try {
+        m.api.addPanel({
+          id: R.id,
+          component: R.id,
+          title: R.title
+        });
+      } catch (S) {
+        console.warn("Failed to add initial panel:", S);
+      }
+    }
+  }, [i, t]);
+  return et(() => {
+    if (!u.current)
+      return;
+    const m = [];
+    if (h) {
+      const R = u.current.onDidLayoutChange(() => {
+        h(u.current.toJSON());
+      });
+      m.push(R);
+    }
+    if (s) {
+      const R = u.current.onDidRemovePanel((S) => {
+        s(S.panel.id);
+      });
+      m.push(R);
+    }
+    return () => {
+      m.forEach((R) => R.dispose());
+    };
+  }, [h, s]), /* @__PURE__ */ c(
+    "div",
+    {
+      style: {
+        width: "100%",
+        height: b,
+        ...e
+      },
+      className: a,
+      children: /* @__PURE__ */ c(
+        ie,
+        {
+          components: z,
+          onReady: l,
+          hideBorders: n,
+          watermarkComponent: o ? () => /* @__PURE__ */ c("div", { style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            height: "100%",
+            opacity: 0.1,
+            fontSize: "2rem",
+            fontWeight: "bold"
+          }, children: o }) : void 0
+        }
+      )
+    }
+  );
+}
+function Ne({ component: t, api: i, onClose: o }) {
+  const n = t.component;
+  return /* @__PURE__ */ c("div", { style: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ c(
+    n,
+    {
+      api: i,
+      onClose: o,
+      params: t.params
+    }
+  ) });
+}
+function ui({
+  preset: t,
+  components: i = {},
+  onPanelClose: o,
+  onPanelOpen: n,
+  style: f,
+  className: h,
+  height: s
+}) {
+  const { layout: y, components: e } = kt(() => ke(t, i), [t, i]);
+  return /* @__PURE__ */ c(
+    _e,
+    {
+      components: e,
+      defaultLayout: y,
+      onPanelClose: o,
+      onPanelOpen: n,
+      style: f,
+      className: h,
+      height: s
+    }
+  );
+}
+function ke(t, i) {
+  const o = {
+    ...He(),
+    ...i
+  };
+  let n;
+  switch (t) {
+    case "dashboard":
+      n = _t(o);
+      break;
+    case "ide":
+      n = We(o);
+      break;
+    case "explorer":
+      n = Fe(o);
+      break;
+    case "analytics":
+      n = Ve(o);
+      break;
+    default:
+      n = _t(o);
+  }
+  return { layout: n, components: o };
+}
+function He() {
+  return {
+    // Dashboard
+    overview: {
+      id: "overview",
+      title: "Overview",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Overview Panel" })
+    },
+    charts: {
+      id: "charts",
+      title: "Charts",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Charts Panel" })
+    },
+    details: {
+      id: "details",
+      title: "Details",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Details Panel" })
+    },
+    recent: {
+      id: "recent",
+      title: "Recent Activity",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Recent Activity" })
+    },
+    // IDE
+    explorer: {
+      id: "explorer",
+      title: "Explorer",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "File Explorer" })
+    },
+    search: {
+      id: "search",
+      title: "Search",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Search Panel" })
+    },
+    editor: {
+      id: "editor",
+      title: "Editor",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Code Editor" })
+    },
+    terminal: {
+      id: "terminal",
+      title: "Terminal",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Terminal" })
+    },
+    output: {
+      id: "output",
+      title: "Output",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Output" })
+    },
+    problems: {
+      id: "problems",
+      title: "Problems",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Problems Panel" })
+    },
+    // Analytics
+    metrics: {
+      id: "metrics",
+      title: "Metrics",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Metrics Dashboard" })
+    },
+    reports: {
+      id: "reports",
+      title: "Reports",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Reports Panel" })
+    },
+    data: {
+      id: "data",
+      title: "Data Source",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Data Configuration" })
+    },
+    filters: {
+      id: "filters",
+      title: "Filters",
+      component: () => /* @__PURE__ */ c("div", { style: { padding: 16 }, children: "Filter Panel" })
+    }
+  };
+}
+function _t(t) {
+  return {
+    root: {
+      type: "branch",
+      data: [
+        {
+          type: "leaf",
+          size: 250,
+          data: [
+            {
+              id: t.overview.id,
+              title: t.overview.title,
+              component: t.overview.id
+            }
+          ]
+        },
+        {
+          type: "branch",
+          size: 0.7,
+          data: [
+            {
+              type: "leaf",
+              size: 0.6,
+              data: [
+                {
+                  id: t.charts.id,
+                  title: t.charts.title,
+                  component: t.charts.id
+                }
+              ]
+            },
+            {
+              type: "leaf",
+              size: 0.4,
+              data: [
+                {
+                  id: t.details.id,
+                  title: t.details.title,
+                  component: t.details.id
+                }
+              ]
+            }
+          ]
+        },
+        {
+          type: "leaf",
+          size: 250,
+          data: [
+            {
+              id: t.recent.id,
+              title: t.recent.title,
+              component: t.recent.id
+            }
+          ]
+        }
+      ]
+    }
+  };
+}
+function We(t) {
+  return {
+    root: {
+      type: "branch",
+      data: [
+        {
+          type: "leaf",
+          size: 250,
+          data: [
+            {
+              id: t.explorer.id,
+              title: t.explorer.title,
+              component: t.explorer.id
+            }
+          ]
+        },
+        {
+          type: "branch",
+          size: 0.7,
+          data: [
+            {
+              type: "leaf",
+              size: 0.7,
+              data: [
+                {
+                  id: t.editor.id,
+                  title: t.editor.title,
+                  component: t.editor.id
+                }
+              ]
+            },
+            {
+              type: "branch",
+              size: 0.3,
+              data: [
+                {
+                  type: "leaf",
+                  size: 0.5,
+                  data: [
+                    {
+                      id: t.terminal.id,
+                      title: t.terminal.title,
+                      component: t.terminal.id
+                    }
+                  ]
+                },
+                {
+                  type: "leaf",
+                  size: 0.5,
+                  data: [
+                    {
+                      id: t.output.id,
+                      title: t.output.title,
+                      component: t.output.id
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        },
+        {
+          type: "leaf",
+          size: 250,
+          data: [
+            {
+              id: t.search.id,
+              title: t.search.title,
+              component: t.search.id
+            },
+            {
+              id: t.problems.id,
+              title: t.problems.title,
+              component: t.problems.id
+            }
+          ]
+        }
+      ]
+    }
+  };
+}
+function Fe(t) {
+  return {
+    root: {
+      type: "branch",
+      data: [
+        {
+          type: "leaf",
+          size: 300,
+          data: [
+            {
+              id: t.explorer.id,
+              title: t.explorer.title,
+              component: t.explorer.id
+            }
+          ]
+        },
+        {
+          type: "leaf",
+          size: 0.7,
+          data: [
+            {
+              id: t.details.id,
+              title: t.details.title,
+              component: t.details.id
+            }
+          ]
+        }
+      ]
+    }
+  };
+}
+function Ve(t) {
+  return {
+    root: {
+      type: "branch",
+      data: [
+        {
+          type: "leaf",
+          size: 250,
+          data: [
+            {
+              id: t.filters.id,
+              title: t.filters.title,
+              component: t.filters.id
+            },
+            {
+              id: t.data.id,
+              title: t.data.title,
+              component: t.data.id
+            }
+          ]
+        },
+        {
+          type: "branch",
+          size: 0.75,
+          data: [
+            {
+              type: "leaf",
+              size: 0.6,
+              data: [
+                {
+                  id: t.metrics.id,
+                  title: t.metrics.title,
+                  component: t.metrics.id
+                }
+              ]
+            },
+            {
+              type: "leaf",
+              size: 0.4,
+              data: [
+                {
+                  id: t.reports.id,
+                  title: t.reports.title,
+                  component: t.reports.id
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  };
+}
+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,
+  st as CenterType,
+  rt as ResizeHandlePlacement,
+  p as ResizeType,
+  A as Type,
+  Tt as anchoredProps,
+  oi as enabledSsrSupport,
+  St as resizableProps,
+  ii as useArchbaseCurrentSpace
+};