@a-multilayout-splitter/core 6.0.0-alpha.1

package/dist/index.js

@@ -0,0 +1,1667 @@
+var _e = Object.defineProperty;
+var Be = (t, e, n) => e in t ? _e(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var ae = (t, e, n) => Be(t, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as k, jsxs as le, Fragment as Oe } from "react/jsx-runtime";
+import q, { useState as te, useRef as G, useEffect as O, useCallback as D, useMemo as X, createContext as ne, useContext as re, forwardRef as qe, useImperativeHandle as je } from "react";
+function gt(t, e) {
+  e ? (t.classList.add("a-split-hidden"), t.style.flexGrow = "0", t.style.flexShrink = "0", t.style.flexBasis = "0") : (t.classList.remove("a-split-hidden"), t.style.flexGrow = "", t.style.flexShrink = "");
+}
+function Xe(t, e, n = {}) {
+  return new Promise((i) => {
+    const a = n.duration || 300;
+    if (!n.animate) {
+      t.style.flexBasis = e, i();
+      return;
+    }
+    t.style.transition = `flex-basis ${a}ms ease`, t.offsetHeight, t.style.flexBasis = e, setTimeout(() => {
+      t.style.transition = "", i();
+    }, a);
+  });
+}
+function mt(t) {
+  return {
+    ...t,
+    collapsed: !t.collapsed
+  };
+}
+function St(t, e) {
+  return t.findIndex((n) => n.id === e);
+}
+function Ye(t) {
+  return !t.collapsed;
+}
+function zt(t) {
+  return t.filter(Ye);
+}
+function wt(t) {
+  return document.querySelector(`[data-pane-id="${t}"]`);
+}
+function yt(t, e, n) {
+  return Math.max(e, Math.min(n, t));
+}
+function vt(t, e, n, i = {}) {
+  return {
+    id: t,
+    size: e,
+    content: n,
+    collapsed: i.collapsed ?? !1,
+    minSize: i.minSize ?? 0,
+    maxSize: i.maxSize ?? 100
+  };
+}
+function xt(t, e) {
+  return {
+    ...t,
+    size: e
+  };
+}
+function bt(t, e) {
+  return t.map((n) => {
+    const i = e.get(n.id);
+    return i ? { ...n, ...i } : n;
+  });
+}
+function Pt(t, e) {
+  return {
+    ...t,
+    size: e.size,
+    collapsed: e.collapsed
+  };
+}
+function $t(t) {
+  return {
+    id: t.id,
+    size: t.size,
+    collapsed: t.collapsed
+  };
+}
+function We(t, e) {
+  return !0;
+}
+function $e(t, e) {
+  return typeof e == "boolean" ? e : Array.isArray(e) ? e.length > 0 && typeof e[0] == "boolean" ? e[t - 1] === !0 : e.includes(t) : !1;
+}
+function Ee(t, e) {
+  return typeof e == "boolean" ? e : Array.isArray(e) ? e.length > 0 && typeof e[0] == "boolean" ? e[t - 1] !== !1 : e.includes(t) : !0;
+}
+function Ie(t, e) {
+  return typeof e == "boolean" ? e : Array.isArray(e) ? e.length > 0 && typeof e[0] == "boolean" ? e[t - 1] === !0 : e.includes(t) : !1;
+}
+function Je(t, e = [], n = [], i = [], a = [], z = "split") {
+  const [f, S] = te(() => q.Children.toArray(t).map((g, h) => ({
+    id: `${z}-pane-${h}`,
+    size: e[h] || "100%",
+    collapsed: n[h] || !1,
+    minSize: i[h] || 0,
+    maxSize: a[h] || 100,
+    content: g
+  }))), P = G(t);
+  O(() => {
+    const l = q.Children.toArray(t), g = q.Children.toArray(P.current);
+    l.length === f.length && S((h) => {
+      let r = !1;
+      const s = h.map((o, c) => {
+        const m = l[c], C = g[c];
+        return m !== C ? (r = !0, { ...o, content: m }) : o;
+      });
+      return r ? s : h;
+    }), P.current = t;
+  }, [t, f.length]);
+  const x = D(
+    (l) => {
+      S((g) => {
+        const h = l.position ?? g.length, r = {
+          id: `${z}-pane-${Date.now()}`,
+          size: l.size,
+          collapsed: l.collapsed || !1,
+          minSize: l.minSize || 0,
+          maxSize: l.maxSize || 100,
+          content: l.content
+        }, s = [...g];
+        return s.splice(h, 0, r), Ue(s, h, l.size);
+      });
+    },
+    [z]
+  ), b = D((l) => {
+    S((g) => {
+      if (l < 0 || l >= g.length) return g;
+      const h = [...g], r = h.splice(l, 1)[0];
+      return r ? Ze(h, r.size) : h;
+    });
+  }, []), u = D((l) => {
+    S((g) => {
+      if (l < 0 || l >= g.length) return g;
+      const h = g[l];
+      if (!h) return g;
+      const r = [...g];
+      r[l] = {
+        ...h,
+        collapsed: !h.collapsed
+      };
+      const s = document.querySelector(`[data-pane-id="${h.id}"]`);
+      if (s) {
+        const o = r[l];
+        (o == null ? void 0 : o.collapsed) ?? !1 ? (s.classList.add("a-split-hidden"), s.style.flexGrow = "0") : (s.classList.remove("a-split-hidden"), s.style.flexGrow = "");
+      }
+      return r;
+    });
+  }, []), y = D((l, g, h) => {
+    S((r) => {
+      if (l < 0 || l >= r.length) return r;
+      const s = r[l];
+      if (!s) return r;
+      const o = [...r];
+      o[l] = { ...s, size: g, flexGrow: void 0 };
+      const c = document.querySelector(`[data-pane-id="${s.id}"]`);
+      return c && Xe(c, g, h || { animate: !1 }), o;
+    });
+  }, []), p = D(() => f, [f]), $ = D((l) => {
+    S((g) => {
+      const h = [...l].sort((o, c) => c - o);
+      let r = [...g], s = 0;
+      if (h.forEach((o) => {
+        if (o >= 0 && o < r.length) {
+          const c = r.splice(o, 1)[0];
+          c && (s += parseFloat(c.size) || 0);
+        }
+      }), r.length > 0 && s > 0) {
+        const o = s / r.length;
+        r = r.map((c) => ({
+          ...c,
+          size: `${(parseFloat(c.size) || 0) + o}%`
+        }));
+      }
+      return r;
+    });
+  }, []), F = D((l, g) => {
+    S((h) => {
+      if (l < 0 || l >= h.length || g < 0 || g >= h.length || l === g)
+        return h;
+      const r = [...h], s = r[l];
+      return r[l] = r[g], r[g] = s, r;
+    });
+  }, []), A = D((l, g) => {
+    S((h) => {
+      if (l < 0 || l >= h.length) return h;
+      const r = h[l];
+      if (!r || r.collapsed) return h;
+      const s = g == null ? void 0 : g.direction;
+      let o;
+      s === "left" ? o = l + 1 : s === "right" ? o = l - 1 : o = l < h.length - 1 ? l + 1 : l - 1;
+      const c = h.map((m, C) => C === l ? { ...m, collapsed: !0, flexGrow: 0 } : C === o && !m.collapsed ? { ...m, flexGrow: 1 } : m.collapsed ? m : { ...m, flexGrow: 0 });
+      if (g != null && g.animate) {
+        const m = document.querySelector(`[data-pane-id="${r.id}"]`);
+        m && (m.style.transition = `flex-basis ${g.duration || 300}ms ease`, setTimeout(() => {
+          m.style.transition = "";
+        }, g.duration || 300));
+      }
+      return c;
+    });
+  }, []), R = D((l, g) => {
+    S((h) => {
+      if (l < 0 || l >= h.length) return h;
+      const r = h[l];
+      if (!r || !r.collapsed) return h;
+      const s = h.filter((m) => !m.collapsed).length + 1, o = h.length;
+      let c = [...h];
+      if (c[l] = { ...r, collapsed: !1, flexGrow: void 0 }, s === o)
+        c = c.map((m) => ({
+          ...m,
+          flexGrow: void 0
+        }));
+      else {
+        const m = g == null ? void 0 : g.direction;
+        let C;
+        if (m === "left" ? C = l + 1 : m === "right" ? C = l - 1 : C = l < h.length - 1 ? l + 1 : l - 1, C >= 0 && C < c.length) {
+          const T = c[C];
+          T && T.flexGrow === 1 && (c[C] = { ...T, flexGrow: void 0 });
+        }
+      }
+      if (g != null && g.animate) {
+        const m = document.querySelector(`[data-pane-id="${r.id}"]`);
+        m && (m.style.transition = `flex-basis ${g.duration || 300}ms ease`, setTimeout(() => {
+          m.style.transition = "";
+        }, g.duration || 300));
+      }
+      return c;
+    });
+  }, []), L = D((l, g) => {
+    S((h) => {
+      if (l < 0 || l >= h.length) return h;
+      const r = h[l];
+      if (!r) return h;
+      const s = parseFloat(r.size) || 0, o = Math.max(r.minSize || 0, Math.min(r.maxSize || 100, s + g)), c = [...h];
+      c[l] = { ...r, size: `${o}%` };
+      const m = document.querySelector(`[data-pane-id="${r.id}"]`);
+      return m && (m.style.flexBasis = `${o}%`), c;
+    });
+  }, []);
+  return {
+    panes: f,
+    addPane: x,
+    removePane: b,
+    togglePane: u,
+    setPaneSize: y,
+    getPaneState: p,
+    removePanes: $,
+    swapPanes: F,
+    collapsePane: A,
+    expandPane: R,
+    resizePane: L
+  };
+}
+function Ue(t, e, n) {
+  const i = parseFloat(n);
+  if (!n.includes("%"))
+    return t;
+  const f = t.filter((P, x) => x !== e).reduce((P, x) => P + parseFloat(x.size), 0), S = (100 - i) / f;
+  return t.map((P, x) => {
+    if (x === e) return P;
+    const u = parseFloat(P.size) * S;
+    return {
+      ...P,
+      size: P.size.includes("%") ? `${u}%` : P.size
+    };
+  });
+}
+function Ze(t, e) {
+  if (t.length === 0) return t;
+  const n = parseFloat(e);
+  if (!e.includes("%"))
+    return t;
+  const a = n / t.length;
+  return t.map((z) => {
+    if (!z.size.includes("%")) return z;
+    const S = parseFloat(z.size) + a;
+    return {
+      ...z,
+      size: `${S}%`
+    };
+  });
+}
+function Qe(t, e) {
+  let n = null, i = 0;
+  return function(...z) {
+    const f = Date.now();
+    f - i >= e ? (t(...z), i = f) : (n && clearTimeout(n), n = setTimeout(() => {
+      t(...z), i = Date.now();
+    }, e - (f - i)));
+  };
+}
+function Ke(t, e) {
+  let n = null;
+  return function(...a) {
+    n && clearTimeout(n), n = setTimeout(() => {
+      t(...a);
+    }, e);
+  };
+}
+function et(t, e, n = {}) {
+  const { onDragStart: i, onDragMove: a, onDragEnd: z } = n, f = G(null), S = G(null), P = D(
+    (y, p) => {
+      var c, m;
+      p.preventDefault(), p.stopPropagation();
+      const $ = p.target;
+      if ($.closest("button") || $.tagName === "BUTTON")
+        return;
+      const F = t.current;
+      if (!F) return;
+      const A = Array.from(F.children), R = (y - 1) * 2, L = y * 2, l = A[R], g = A[L];
+      if (!l || !g || l.classList.contains("a-split-hidden") || g.classList.contains("a-split-hidden"))
+        return;
+      const h = "touches" in p ? ((c = p.touches[0]) == null ? void 0 : c.clientX) ?? 0 : p.clientX, r = "touches" in p ? ((m = p.touches[0]) == null ? void 0 : m.clientY) ?? 0 : p.clientY, s = Array.from(F.querySelectorAll(".a-split-handlebar")).filter(
+        (C) => C.parentElement === F
+      );
+      let o = 0;
+      s.forEach((C) => {
+        const T = C, I = window.getComputedStyle(T);
+        if (e === "horizontal") {
+          const V = parseFloat(I.marginLeft) || 0, j = parseFloat(I.marginRight) || 0;
+          o += T.offsetWidth + V + j;
+        } else {
+          const V = parseFloat(I.marginTop) || 0, j = parseFloat(I.marginBottom) || 0;
+          o += T.offsetHeight + V + j;
+        }
+      }), f.current = {
+        active: !0,
+        paneIndex: y,
+        startX: h,
+        startY: r,
+        prevElement: l,
+        nextElement: g,
+        prevInitialWidth: l.offsetWidth,
+        nextInitialWidth: g.offsetWidth,
+        prevInitialHeight: l.offsetHeight,
+        nextInitialHeight: g.offsetHeight,
+        containerWidth: F.offsetWidth - (e === "horizontal" ? o : 0),
+        containerHeight: F.offsetHeight - (e === "vertical" ? o : 0),
+        minPrevSize: parseFloat(l.getAttribute("data-min-size") || "0"),
+        maxPrevSize: parseFloat(l.getAttribute("data-max-size") || "100"),
+        minNextSize: parseFloat(g.getAttribute("data-min-size") || "0"),
+        maxNextSize: parseFloat(g.getAttribute("data-max-size") || "100")
+      }, S.current = null, i == null || i({ paneIndex: y });
+    },
+    [t, i, e]
+  ), x = D(
+    (y) => {
+      var I, V;
+      const p = f.current;
+      if (!(p != null && p.active)) return null;
+      const $ = e === "horizontal", F = "touches" in y ? ((I = y.touches[0]) == null ? void 0 : I.clientX) ?? 0 : y.clientX, A = "touches" in y ? ((V = y.touches[0]) == null ? void 0 : V.clientY) ?? 0 : y.clientY, R = $ ? F - p.startX : A - p.startY, L = $ ? p.containerWidth : p.containerHeight, l = $ ? p.prevInitialWidth : p.prevInitialHeight, g = $ ? p.nextInitialWidth : p.nextInitialHeight;
+      let h = l + R, r = g - R;
+      h < 0 && (h = 0), r < 0 && (r = 0);
+      const s = h / L * 100, o = r / L * 100, c = s <= p.minPrevSize, m = s >= p.maxPrevSize, C = o <= p.minNextSize, T = o >= p.maxNextSize;
+      return c || m || C || T ? null : {
+        prevSize: s,
+        nextSize: o,
+        prevSizePx: h,
+        nextSizePx: r,
+        state: p
+      };
+    },
+    [e]
+  ), b = D(
+    Qe((y) => {
+      const p = x(y);
+      if (!p) return;
+      const { prevSize: $, nextSize: F, prevSizePx: A, nextSizePx: R, state: L } = p, { prevInitialWidth: l, prevInitialHeight: g } = L, h = e === "horizontal" ? l : g;
+      Math.abs(p.prevSizePx - h) <= 1 || (S.current = { prevSize: $, nextSize: F }, requestAnimationFrame(() => {
+        if (!L.prevElement || !L.nextElement) return;
+        const r = L.prevElement.style.flexBasis.includes("%"), s = L.nextElement.style.flexBasis.includes("%");
+        r ? L.prevElement.style.flexBasis = `${$}%` : L.prevElement.style.flexBasis = `${A}px`, s ? L.nextElement.style.flexBasis = `${F}%` : L.nextElement.style.flexBasis = `${R}px`;
+      }), a == null || a({ paneIndex: L.paneIndex, prevSize: $, nextSize: F }));
+    }, 16),
+    [x, e, a]
+  ), u = D((y) => {
+    const p = f.current;
+    if (!(p != null && p.active)) return;
+    const $ = x(y);
+    $ && (S.current = { prevSize: $.prevSize, nextSize: $.nextSize });
+    const F = S.current;
+    F && (z == null || z({ paneIndex: p.paneIndex, prevSize: F.prevSize, nextSize: F.nextSize })), f.current = null, S.current = null;
+  }, [x, z]);
+  return O(() => {
+    const y = b, p = u;
+    return window.addEventListener("mousemove", y), window.addEventListener("mouseup", p), window.addEventListener("touchmove", y, { passive: !1 }), window.addEventListener("touchend", p), () => {
+      window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", p), window.removeEventListener("touchmove", y), window.removeEventListener("touchend", p);
+    };
+  }, [b, u]), {
+    handleMouseDown: P
+  };
+}
+function tt(t, e, n) {
+  const i = D(
+    Ke((f) => {
+      if (t)
+        try {
+          const S = `${e}-${n}`, P = f.map((x) => ({
+            id: x.id,
+            size: x.size,
+            collapsed: x.collapsed
+          }));
+          localStorage.setItem(S, JSON.stringify(P));
+        } catch (S) {
+          console.warn("Failed to save split state to localStorage:", S);
+        }
+    }, 300),
+    [t, e, n]
+  ), a = D(() => {
+    if (!t) return null;
+    try {
+      const f = `${e}-${n}`, S = localStorage.getItem(f);
+      return S ? JSON.parse(S) : null;
+    } catch (f) {
+      return console.warn("Failed to load split state from localStorage:", f), null;
+    }
+  }, [t, e, n]), z = D(() => {
+    if (t)
+      try {
+        const f = `${e}-${n}`;
+        localStorage.removeItem(f);
+      } catch (f) {
+        console.warn("Failed to clear split state from localStorage:", f);
+      }
+  }, [t, e, n]);
+  return {
+    save: i,
+    load: a,
+    clear: z
+  };
+}
+function nt(t, e, n, i) {
+  const a = G(e), z = G(n);
+  return a.current = e, z.current = n, X(() => ({
+    splitId: t,
+    getState: () => a.current(),
+    dispatch: (S) => z.current(S),
+    getElement: () => i.current,
+    getPanes: () => a.current().panes
+  }), [t, i]);
+}
+const Ae = ne(0);
+function Ce() {
+  return re(Ae);
+}
+const ce = ({
+  level: t = 0,
+  children: e
+}) => /* @__PURE__ */ k(Ae.Provider, { value: t, children: e });
+ce.displayName = "NestingProvider";
+function Et(t) {
+  const e = (n) => {
+    const i = Ce();
+    return /* @__PURE__ */ k(ce, { level: i + 1, children: /* @__PURE__ */ k(t, { ...n }) });
+  };
+  return e.displayName = `withNesting(${t.displayName || t.name || "Component"})`, e;
+}
+const Fe = ({
+  index: t,
+  mode: e,
+  disabled: n,
+  lineBar: i,
+  onMouseDown: a,
+  onTouchStart: z,
+  onCollapse: f,
+  onExpand: S,
+  renderCustom: P,
+  leftPaneCollapsed: x = !1,
+  rightPaneCollapsed: b = !1,
+  explicitlyDisabled: u = !1
+}) => {
+  if (P)
+    return /* @__PURE__ */ k(
+      "div",
+      {
+        className: "a-split-handlebar",
+        onMouseDown: (c) => !n && a(c),
+        onTouchStart: (c) => !n && (z ? z(c) : a(c)),
+        children: P({
+          index: t,
+          mode: e,
+          disabled: n,
+          lineBar: i,
+          onMouseDown: a,
+          onTouchStart: z || a,
+          onCollapse: f,
+          onExpand: S
+        }, t)
+      }
+    );
+  const y = [
+    "a-split-handlebar",
+    e === "horizontal" ? "a-split-handlebar-horizontal" : "a-split-handlebar-vertical",
+    n ? "a-split-handlebar-disabled" : "",
+    i ? "a-split-handlebar-line" : ""
+  ].filter(Boolean).join(" "), p = (o) => {
+    o.stopPropagation(), b ? S == null || S("right") : f == null || f("left");
+  }, $ = (o) => {
+    o.stopPropagation(), x ? S == null || S("left") : f == null || f("right");
+  }, F = !i && !u, A = e === "horizontal";
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: y,
+      onMouseDown: (o) => !n && a(o),
+      onTouchStart: (o) => !n && a(o),
+      style: { cursor: n ? "default" : A ? "col-resize" : "row-resize" },
+      children: F && /* @__PURE__ */ le(Oe, { children: [
+        /* @__PURE__ */ k(
+          "button",
+          {
+            className: `a-split-collapse-btn a-split-collapse-btn-${A ? "left" : "top"}${x && !b ? " hidden" : ""}`,
+            onClick: p,
+            "aria-label": b ? `Expand ${A ? "right" : "bottom"} pane` : `Collapse ${A ? "left" : "top"} pane`,
+            title: b ? `Expand ${A ? "right" : "bottom"} pane` : `Collapse ${A ? "left" : "top"} pane`,
+            children: /* @__PURE__ */ k("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ k("path", { d: A ? "M8 3L4 6L8 9" : "M3 8L6 4L9 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+          }
+        ),
+        /* @__PURE__ */ k("div", { className: `a-split-grip-icon${x || b ? " hidden" : ""}`, "aria-hidden": "true", children: A ? /* @__PURE__ */ le("svg", { width: "8", height: "24", viewBox: "0 0 8 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ k("circle", { cx: "4", cy: "4", r: "2.5", fill: "currentColor" }),
+          /* @__PURE__ */ k("circle", { cx: "4", cy: "12", r: "2.5", fill: "currentColor" }),
+          /* @__PURE__ */ k("circle", { cx: "4", cy: "20", r: "2.5", fill: "currentColor" })
+        ] }) : /* @__PURE__ */ le("svg", { width: "24", height: "8", viewBox: "0 0 24 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ k("circle", { cx: "4", cy: "4", r: "2.5", fill: "currentColor" }),
+          /* @__PURE__ */ k("circle", { cx: "12", cy: "4", r: "2.5", fill: "currentColor" }),
+          /* @__PURE__ */ k("circle", { cx: "20", cy: "4", r: "2.5", fill: "currentColor" })
+        ] }) }),
+        /* @__PURE__ */ k(
+          "button",
+          {
+            className: `a-split-collapse-btn a-split-collapse-btn-${A ? "right" : "bottom"}${b && !x ? " hidden" : ""}`,
+            onClick: $,
+            "aria-label": x ? `Expand ${A ? "left" : "top"} pane` : `Collapse ${A ? "right" : "bottom"} pane`,
+            title: x ? `Expand ${A ? "left" : "top"} pane` : `Collapse ${A ? "right" : "bottom"} pane`,
+            children: /* @__PURE__ */ k("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ k("path", { d: A ? "M4 3L8 6L4 9" : "M3 4L6 8L9 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+          }
+        )
+      ] })
+    }
+  );
+};
+Fe.displayName = "DragHandle";
+function It(t, e) {
+  if (e.includes("vw")) {
+    const n = parseFloat(e);
+    return t / 100 * window.innerWidth * (n / 100);
+  }
+  if (e.includes("vh")) {
+    const n = parseFloat(e);
+    return t / 100 * window.innerHeight * (n / 100);
+  }
+  if (e.includes("px")) {
+    const n = parseFloat(e);
+    return t / 100 * n;
+  }
+  return e.includes("%") ? (console.warn("Percentage reference not fully supported, assuming viewport"), t / 100 * window.innerWidth * (parseFloat(e) / 100)) : t / 100 * parseFloat(e);
+}
+function At(t, e) {
+  if (e.includes("vw")) {
+    const n = parseFloat(e), i = window.innerWidth * (n / 100);
+    return t / i * 100;
+  }
+  if (e.includes("vh")) {
+    const n = parseFloat(e), i = window.innerHeight * (n / 100);
+    return t / i * 100;
+  }
+  if (e.includes("px")) {
+    const n = parseFloat(e);
+    return t / n * 100;
+  }
+  if (e.includes("%")) {
+    console.warn("Percentage reference not fully supported, assuming viewport");
+    const n = window.innerWidth * (parseFloat(e) / 100);
+    return t / n * 100;
+  }
+  return t / parseFloat(e) * 100;
+}
+function Ct(t, e, n) {
+  const i = parseFloat(t);
+  return t.includes("%") ? n === "px" ? `${i / 100 * e}px` : t : t.includes("px") ? n === "%" ? `${i / e * 100}%` : t : n === "px" ? `${i}px` : `${i / e * 100}%`;
+}
+function J(t) {
+  const e = parseFloat(t);
+  return t.includes("%") ? { value: e, unit: "%" } : t.includes("px") ? { value: e, unit: "px" } : t.includes("vw") ? { value: e, unit: "vw" } : t.includes("vh") ? { value: e, unit: "vh" } : t.includes("fr") ? { value: e, unit: "fr" } : { value: e, unit: "px" };
+}
+function Ft(t, e) {
+  const n = J(t), i = J(e);
+  return n.unit === i.unit;
+}
+function Dt(t, e, n, i) {
+  return `${Math.max(e, Math.min(n, t))}${i}`;
+}
+function Ht(t) {
+  if (t.length === 0) return { total: 0, unit: "px" };
+  const e = t[0];
+  if (!e) return { total: 0, unit: "px" };
+  const n = J(e.size);
+  let i = 0;
+  for (const a of t) {
+    const z = J(a.size);
+    z.unit === n.unit || console.warn(
+      `Mixed units detected: ${n.unit} and ${z.unit}. Results may be inaccurate.`
+    ), i += z.value;
+  }
+  return { total: i, unit: n.unit };
+}
+function Nt(t, e) {
+  const n = [];
+  if (t.length === 0)
+    return n.push("No panes defined"), { valid: !1, errors: n };
+  const i = t.filter((a) => a.size.includes("%"));
+  if (i.length > 0) {
+    const a = i.reduce((z, f) => z + parseFloat(f.size), 0);
+    a > 100.1 && n.push(`Total percentage (${a}%) exceeds 100%`);
+  }
+  return t.forEach((a, z) => {
+    a.minSize < 0 && n.push(`Pane ${z}: minSize cannot be negative`), a.maxSize < a.minSize && n.push(`Pane ${z}: maxSize (${a.maxSize}) less than minSize (${a.minSize})`), a.maxSize > 100 && n.push(`Pane ${z}: maxSize (${a.maxSize}%) exceeds 100%`);
+  }), { valid: n.length === 0, errors: n };
+}
+function rt(t, e) {
+  const n = J(t);
+  switch (n.unit) {
+    case "%":
+      return t;
+    case "px":
+      return t;
+    case "vw":
+      return `${n.value / 100 * window.innerWidth}px`;
+    case "vh":
+      return `${n.value / 100 * window.innerHeight}px`;
+    case "fr":
+      return "0";
+    default:
+      return `${n.value}px`;
+  }
+}
+function it(t, e = !1) {
+  if (e)
+    return { flexGrow: 0, flexShrink: 0 };
+  const n = J(t.size);
+  return n.unit === "%" ? { flexGrow: 1, flexShrink: 1 } : n.unit === "fr" ? { flexGrow: n.value, flexShrink: 1 } : { flexGrow: 0, flexShrink: 0 };
+}
+function Lt(t, e, n) {
+  const i = J(t);
+  return i.unit === "%" ? i.value / 100 * e : i.unit === "px" ? i.value : i.unit === "vw" ? i.value / 100 * window.innerWidth : i.unit === "vh" ? i.value / 100 * window.innerHeight : i.value;
+}
+const st = 11;
+function kt(t, e, n = 0) {
+  const i = t.offsetWidth, a = t.offsetHeight, z = e === "horizontal" ? i : a, f = n * st, S = z - f;
+  return { width: i, height: a, primary: z, availableForPanes: S };
+}
+function Tt(t) {
+  const e = t.filter((a) => a.size.includes("%"));
+  if (e.length === 0)
+    return t;
+  const n = e.reduce((a, z) => a + parseFloat(z.size), 0);
+  if (Math.abs(n - 100) < 0.01)
+    return t;
+  const i = 100 / n;
+  return t.map((a) => {
+    if (!a.size.includes("%")) return a;
+    const f = parseFloat(a.size) * i;
+    return {
+      ...a,
+      size: `${f}%`
+    };
+  });
+}
+function Rt(t, e, n) {
+  const i = e + n;
+  return !(i < t.minSize || i > t.maxSize);
+}
+function Mt(t) {
+  return t === "horizontal" ? "width" : "height";
+}
+function Gt(t) {
+  return t === "horizontal" ? "clientX" : "clientY";
+}
+const De = ({
+  id: t,
+  size: e,
+  collapsed: n,
+  minSize: i,
+  maxSize: a,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  mode: z,
+  content: f,
+  flexGrow: S
+}) => {
+  const P = e || "100%", x = {
+    size: P
+  }, { flexGrow: b, flexShrink: u } = it(x, n), y = S !== void 0 ? S : b, p = n ? "0" : rt(P);
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      "data-pane-id": t,
+      "data-min-size": i,
+      "data-max-size": a,
+      className: `a-split-pane${n ? " a-split-hidden" : ""}`,
+      style: {
+        flexBasis: p,
+        flexGrow: y,
+        flexShrink: u,
+        overflow: n ? "hidden" : "auto"
+      },
+      children: f
+    }
+  );
+};
+De.displayName = "Pane";
+class ot {
+  constructor(e) {
+    ae(this, "plugins", []);
+    ae(this, "context");
+    this.context = e;
+  }
+  /**
+   * Registers a set of plugins and triggers their initialization.
+   */
+  registerPlugins(e) {
+    this.plugins = e, this.plugins.forEach((n) => {
+      n.onInit && n.onInit(this.context);
+    });
+  }
+  /**
+   * Cleans up all plugins and triggers their destruction hooks.
+   */
+  destroy() {
+    this.plugins.forEach((e) => {
+      e.onDestroy && e.onDestroy(this.context);
+    }), this.plugins = [];
+  }
+  /**
+   * Notifies plugins when a pane is added.
+   */
+  onPaneAdd(e) {
+    this.plugins.forEach((n) => {
+      n.onPaneAdd && n.onPaneAdd(e, this.context);
+    });
+  }
+  /**
+   * Notifies plugins when a pane is removed.
+   */
+  onPaneRemove(e) {
+    this.plugins.forEach((n) => {
+      n.onPaneRemove && n.onPaneRemove(e, this.context);
+    });
+  }
+  /**
+   * Notifies plugins when a pane is collapsed.
+   */
+  onPaneCollapse(e) {
+    this.plugins.forEach((n) => {
+      n.onPaneCollapse && n.onPaneCollapse(e, this.context);
+    });
+  }
+  /**
+   * Notifies plugins when a pane is expanded.
+   */
+  onPaneExpand(e) {
+    this.plugins.forEach((n) => {
+      n.onPaneExpand && n.onPaneExpand(e, this.context);
+    });
+  }
+  /**
+   * Notifies plugins when a drag operation begins.
+   */
+  onDragStart(e) {
+    this.plugins.forEach((n) => {
+      n.onDragStart && n.onDragStart(e, this.context);
+    });
+  }
+  /**
+   * Notifies plugins during drag movement.
+   * Plugins can return false to cancel the default drag behavior.
+   */
+  onDragMove(e) {
+    let n = !0;
+    for (const i of this.plugins)
+      i.onDragMove && i.onDragMove(e, this.context) === !1 && (n = !1);
+    return n;
+  }
+  /**
+   * Notifies plugins when a drag operation ends.
+   */
+  onDragEnd(e) {
+    this.plugins.forEach((n) => {
+      n.onDragEnd && n.onDragEnd(e, this.context);
+    });
+  }
+  /**
+   * Notifies plugins when the split container is resized.
+   */
+  onResize(e) {
+    this.plugins.forEach((n) => {
+      n.onResize && n.onResize(e, this.context);
+    });
+  }
+  /**
+   * Allows plugins to provide a custom handlebar renderer.
+   * Returns the first valid renderer found.
+   */
+  renderHandle(e) {
+    for (const n of this.plugins)
+      if (n.renderHandle) {
+        const i = n.renderHandle(e, this.context);
+        if (i)
+          return i;
+      }
+    return null;
+  }
+  /**
+   * Allows plugins to provide a custom pane wrapper.
+   * Returns the first valid renderer found.
+   */
+  renderPane(e) {
+    for (const n of this.plugins)
+      if (n.renderPane) {
+        const i = n.renderPane(e, this.context);
+        if (i)
+          return i;
+      }
+    return null;
+  }
+  /**
+   * Retrieves all registered plugins.
+   */
+  getPlugins() {
+    return this.plugins;
+  }
+  /**
+   * Retrieves a specific plugin by its unique name.
+   */
+  getPlugin(e) {
+    return this.plugins.find((n) => n.name === e);
+  }
+  /**
+   * Checks if a plugin with the given name is currently registered.
+   */
+  hasPlugin(e) {
+    return this.plugins.some((n) => n.name === e);
+  }
+}
+const at = qe((t, e) => {
+  const {
+    id: n,
+    mode: i = "horizontal",
+    initialSizes: a = [],
+    minSizes: z = [],
+    maxSizes: f = [],
+    collapsed: S = [],
+    disable: P = !1,
+    visible: x = !0,
+    lineBar: b = !1,
+    renderBar: u,
+    plugins: y = [],
+    enableSessionStorage: p = !1,
+    width: $ = null,
+    height: F = null,
+    className: A = "",
+    style: R = {},
+    fixClass: L = !1,
+    children: l,
+    onDragging: g,
+    onDragEnd: h,
+    onLayoutChange: r
+  } = t, s = G(`split-${Math.random().toString(36).slice(2, 11)}`), o = n || s.current, c = G(null), m = G(null), C = Ce(), T = !L && C > 2;
+  O(() => {
+    var v, w;
+    if (typeof globalThis < "u" && // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ((w = (v = globalThis.process) == null ? void 0 : v.env) == null ? void 0 : w.NODE_ENV) !== "production") {
+      if (a.length > 0) {
+        const E = q.Children.toArray(l);
+        a.length !== E.length && console.warn(`[Split] initialSizes length (${a.length}) doesn't match children count (${E.length})`), a.forEach((N, B) => {
+          if (typeof N == "string") {
+            const K = parseFloat(N);
+            if (isNaN(K) && console.warn(`[Split] Invalid size at index ${B}: "${N}". Expected format: "50%", "100px", etc.`), N.includes("%")) {
+              const ee = parseFloat(N);
+              (ee < 0 || ee > 100) && console.warn(`[Split] Size at index ${B} is out of range: "${N}". Percentage should be 0-100.`);
+            }
+          }
+        });
+        const H = a.reduce((N, B) => typeof B == "string" && B.includes("%") ? N + parseFloat(B) : N, 0);
+        H > 100 && console.warn(`[Split] Total percentage (${H}%) exceeds 100%. Sizes will be normalized.`);
+      }
+      if ((z.length > 0 || f.length > 0) && (z.forEach((E, H) => {
+        const N = f[H];
+        N !== void 0 && E > N && console.warn(`[Split] minSize (${E}) is greater than maxSize (${N}) at index ${H}`), (E < 0 || E > 100) && console.warn(`[Split] minSize at index ${H} is out of range: ${E}. Should be 0-100.`);
+      }), f.forEach((E, H) => {
+        (E < 0 || E > 100) && console.warn(`[Split] maxSize at index ${H} is out of range: ${E}. Should be 0-100.`);
+      })), S.length > 0) {
+        const E = q.Children.toArray(l);
+        S.length !== E.length && console.warn(`[Split] collapsed length (${S.length}) doesn't match children count (${E.length})`);
+      }
+    }
+  }, [a, z, f, S, l]);
+  const { panes: I, addPane: V, removePane: j, togglePane: Y, setPaneSize: _, getPaneState: ue, removePanes: de, swapPanes: fe, collapsePane: U, expandPane: Z, resizePane: he } = Je(
+    l,
+    a,
+    S,
+    z,
+    f,
+    o
+  ), [M, pe] = te(null);
+  O(() => (M && M.active ? (document.body.classList.add("a-split-body-dragging"), document.body.classList.add(i === "horizontal" ? "a-split-body-dragging-horizontal" : "a-split-body-dragging-vertical")) : (document.body.classList.remove("a-split-body-dragging"), document.body.classList.remove("a-split-body-dragging-horizontal"), document.body.classList.remove("a-split-body-dragging-vertical")), () => {
+    document.body.classList.remove("a-split-body-dragging"), document.body.classList.remove("a-split-body-dragging-horizontal"), document.body.classList.remove("a-split-body-dragging-vertical");
+  }), [M, i]);
+  const ke = D(() => ({
+    panes: I,
+    mode: i,
+    dragState: M
+  }), [I, i, M]), Te = D(
+    (d) => {
+      switch (d.type) {
+        case "ADD_PANE":
+          V(d.payload);
+          break;
+        case "REMOVE_PANE":
+          j(d.payload);
+          break;
+        case "TOGGLE_PANE":
+          Y(d.payload);
+          break;
+        case "SET_PANE_SIZE":
+          _(d.payload.index, d.payload.size);
+          break;
+        case "RESTORE_STATE":
+          d.payload.panes.forEach((v, w) => {
+            _(w, v.size), v.collapsed && Y(w);
+          });
+          break;
+        case "ADJUST_PANE_SIZE":
+          if (d.payload && (M == null ? void 0 : M.paneIndex) != null) {
+            const v = M.paneIndex, w = I[v];
+            if (w) {
+              const E = parseFloat(w.size), H = d.payload.direction === "grow" ? d.payload.amount : -d.payload.amount, N = Math.max(w.minSize || 0, Math.min(w.maxSize || 100, E + H));
+              _(v, `${N}%`);
+            }
+          }
+          break;
+      }
+    },
+    [V, j, Y, _, I, M]
+  ), ge = nt(o, ke, Te, c);
+  O(() => {
+    if (y.length > 0)
+      return m.current = new ot(ge), m.current.registerPlugins(y), () => {
+        var d;
+        (d = m.current) == null || d.destroy(), m.current = null;
+      };
+  }, [y, ge]);
+  const ie = tt(p, `split-state-${o}`, i);
+  O(() => {
+    const d = ie.load();
+    d && d.length === I.length && d.forEach((v, w) => {
+      I[w] && v.id === I[w].id && (_(w, v.size), v.collapsed !== I[w].collapsed && Y(w));
+    });
+  }, []), O(() => {
+    ie.save(I);
+  }, [I, ie]);
+  const me = G(!0), Se = G(q.Children.count(l)), se = G(a);
+  O(() => {
+    if (!c.current || a.length === 0) return;
+    const d = q.Children.count(l), v = d !== Se.current, w = a.length !== se.current.length || a.some((E, H) => E !== se.current[H]);
+    (me.current || v || w) && (a.forEach((E, H) => {
+      _(H, E);
+    }), me.current = !1, Se.current = d, se.current = a);
+  }, [l, a]);
+  const oe = G(S);
+  O(() => {
+    !c.current || !S.some((v, w) => v !== oe.current[w]) && oe.current.length === S.length || (oe.current = S, S.forEach((v, w) => {
+      const E = I[w];
+      E && E.collapsed !== v && (v ? U(w) : Z(w));
+    }));
+  }, [S, I, U, Z]), O(() => {
+    c.current && I.forEach((d, v) => {
+      var E;
+      const w = (E = c.current) == null ? void 0 : E.querySelector(`[data-pane-id="${d.id}"]`);
+      if (w) {
+        const H = z[v], N = f[v];
+        H !== void 0 && w.setAttribute("data-min-size", String(z[v])), N !== void 0 && w.setAttribute("data-max-size", String(f[v]));
+      }
+    });
+  }, [z, f, I]), O(() => {
+    if (!c.current) return;
+    c.current.querySelectorAll(".a-split-handlebar").forEach((v, w) => {
+      const E = v, H = w + 1;
+      $e(H, P) ? (E.classList.add("a-split-handlebar-disabled"), E.style.cursor = "default") : (E.classList.remove("a-split-handlebar-disabled"), E.style.cursor = i === "horizontal" ? "col-resize" : "row-resize");
+      const B = Ee(H, x);
+      E.style.display = B ? "" : "none", Ie(H, b) ? E.classList.add("a-split-handlebar-line") : E.classList.remove("a-split-handlebar-line");
+    });
+  }, [P, x, b, i]);
+  const { handleMouseDown: ze } = et(c, i, {
+    onDragStart: (d) => {
+      var w;
+      pe({ active: !0, paneIndex: d.paneIndex }), (w = m.current) == null || w.onDragStart(d);
+      const v = I[d.paneIndex];
+      v && (r == null || r(d.paneIndex, v.id, "dragging", null));
+    },
+    onDragMove: (d) => {
+      var w;
+      (((w = m.current) == null ? void 0 : w.onDragMove(d)) ?? !0) && (g == null || g(d.prevSize, d.nextSize, d.paneIndex));
+    },
+    onDragEnd: (d) => {
+      var w;
+      _(d.paneIndex - 1, `${d.prevSize}%`), _(d.paneIndex, `${d.nextSize}%`), pe(null), (w = m.current) == null || w.onDragEnd(d), h == null || h(d.prevSize, d.nextSize, d.paneIndex);
+      const v = I[d.paneIndex];
+      v && (r == null || r(d.paneIndex, v.id, "dragged", null));
+    }
+  }), Re = D(
+    (d, v) => {
+      var E;
+      const w = v === "left" ? d - 1 : d;
+      if (w >= 0 && w < I.length) {
+        U(w, { direction: v });
+        const H = I[w];
+        H && ((E = m.current) == null || E.onPaneCollapse({ pane: H, index: w, direction: v }), r == null || r(w, H.id, "close", v));
+      }
+    },
+    [I, U, r]
+  ), Me = D(
+    (d, v) => {
+      var E;
+      const w = v === "left" ? d - 1 : d;
+      if (w >= 0 && w < I.length) {
+        Z(w, { direction: v });
+        const H = I[w];
+        H && ((E = m.current) == null || E.onPaneExpand({ pane: H, index: w, direction: v }), r == null || r(w, H.id, "open", v));
+      }
+    },
+    [I, Z, r]
+  );
+  je(
+    e,
+    () => ({
+      addPane: V,
+      removePane: j,
+      togglePane: Y,
+      setPaneSize: _,
+      getPaneState: ue,
+      removePanes: de,
+      swapPanes: fe,
+      collapsePane: U,
+      expandPane: Z,
+      resizePane: he,
+      getSnapshot: () => {
+        const d = c.current, v = d ? i === "horizontal" ? d.offsetWidth : d.offsetHeight : 0;
+        return {
+          panes: I.map((w) => ({ ...w })),
+          totalSize: v,
+          mode: i,
+          timestamp: Date.now()
+        };
+      },
+      restore: (d) => {
+        if (d.mode !== i) {
+          console.warn(`Cannot restore snapshot with different mode. Current: ${i}, Snapshot: ${d.mode}`);
+          return;
+        }
+        d.panes.forEach((v, w) => {
+          I[w] && (_(w, v.size), v.collapsed !== I[w].collapsed && Y(w));
+        });
+      }
+    }),
+    [V, j, Y, _, ue, de, fe, U, Z, he, I, i]
+  );
+  const Ge = X(() => ({
+    display: "flex",
+    flexDirection: i === "horizontal" ? "row" : "column",
+    width: $ || "100%",
+    height: F || "100%",
+    overflow: "hidden",
+    ...R
+  }), [i, $, F, R]), Ve = X(() => {
+    const d = ["a-split-container"];
+    return i === "vertical" && d.push("a-split-vertical"), (L || T) && d.push("a-split-fix"), M != null && M.active && d.push("a-split-dragging"), A && d.push(A), d.join(" ");
+  }, [i, L, T, A, M == null ? void 0 : M.active]);
+  return /* @__PURE__ */ k("div", { ref: c, id: o, className: Ve, style: Ge, children: (() => {
+    const d = [];
+    return I.forEach((v, w) => {
+      var H;
+      const E = /* @__PURE__ */ k(ce, { level: C + 1, children: v.content });
+      if (d.push(
+        /* @__PURE__ */ k(
+          De,
+          {
+            id: v.id,
+            size: v.size,
+            collapsed: v.collapsed,
+            minSize: v.minSize,
+            maxSize: v.maxSize,
+            mode: i,
+            content: E,
+            flexGrow: v.flexGrow
+          },
+          v.id
+        )
+      ), w < I.length - 1) {
+        const N = w + 1, B = I[w + 1];
+        if (!B) return;
+        const K = We(), ee = Ee(N, x), we = Ie(N, b), ye = v.collapsed || !1, ve = B.collapsed || !1, xe = $e(N, P), be = xe || ye || ve;
+        if (ee && K) {
+          const Pe = (H = m.current) == null ? void 0 : H.renderHandle({
+            index: N,
+            mode: i,
+            disabled: be,
+            lineBar: we,
+            onMouseDown: (W) => ze(N, W)
+          });
+          Pe ? d.push(/* @__PURE__ */ k(q.Fragment, { children: Pe }, `handlebar-${N}`)) : d.push(
+            /* @__PURE__ */ k(
+              Fe,
+              {
+                index: N,
+                mode: i,
+                disabled: be,
+                lineBar: we,
+                explicitlyDisabled: xe,
+                onMouseDown: (W) => ze(N, W),
+                onCollapse: (W) => Re(N, W),
+                onExpand: (W) => Me(N, W),
+                renderCustom: u,
+                leftPaneCollapsed: ye,
+                rightPaneCollapsed: ve
+              },
+              `handlebar-${N}`
+            )
+          );
+        }
+      }
+    }), d;
+  })() });
+});
+at.displayName = "Split";
+function Vt(t = {}) {
+  const {
+    mode: e = "horizontal",
+    initialPanes: n = [],
+    initialSizes: i = [],
+    minSizes: a = [],
+    maxSizes: z = [],
+    onPaneChange: f
+  } = t, [S, P] = te(() => n.length > 0 ? n : i.map((r, s) => ({
+    id: `pane-${s}`,
+    size: r,
+    collapsed: !1,
+    minSize: a[s] || 0,
+    maxSize: z[s] || 100,
+    content: null
+  }))), [x] = te(!1), b = G(!1), u = D(
+    (r) => {
+      P((s) => {
+        const o = typeof r == "function" ? r(s) : r;
+        return !b.current && f && f(o), o;
+      });
+    },
+    [f]
+  ), y = D(
+    (r) => {
+      u((s) => {
+        const o = r.position ?? s.length, c = {
+          id: `pane-${Date.now()}`,
+          size: r.size,
+          collapsed: r.collapsed || !1,
+          minSize: r.minSize || 0,
+          maxSize: r.maxSize || 100,
+          content: r.content
+        }, m = [...s];
+        return m.splice(o, 0, c), m;
+      });
+    },
+    [u]
+  ), p = D(
+    (r) => {
+      u((s) => {
+        if (r < 0 || r >= s.length) return s;
+        const o = [...s], c = o.splice(r, 1)[0];
+        if (c && o.length > 0) {
+          const C = (parseFloat(c.size) || 0) / o.length;
+          return o.map((T) => ({
+            ...T,
+            size: `${(parseFloat(T.size) || 0) + C}%`
+          }));
+        }
+        return o;
+      });
+    },
+    [u]
+  ), $ = D(
+    (r) => {
+      u((s) => {
+        const o = [...r].sort((C, T) => T - C);
+        let c = [...s], m = 0;
+        if (o.forEach((C) => {
+          if (C >= 0 && C < c.length) {
+            const T = c.splice(C, 1)[0];
+            T && (m += parseFloat(T.size) || 0);
+          }
+        }), c.length > 0 && m > 0) {
+          const C = m / c.length;
+          c = c.map((T) => ({
+            ...T,
+            size: `${(parseFloat(T.size) || 0) + C}%`
+          }));
+        }
+        return c;
+      });
+    },
+    [u]
+  ), F = D(
+    (r) => {
+      u((s) => {
+        if (r < 0 || r >= s.length) return s;
+        const o = s[r];
+        if (!o) return s;
+        const c = [...s];
+        return c[r] = {
+          ...o,
+          collapsed: !o.collapsed
+        }, c;
+      });
+    },
+    [u]
+  ), A = D(
+    (r) => {
+      u((s) => {
+        if (r < 0 || r >= s.length) return s;
+        const o = s[r];
+        if (!o || o.collapsed) return s;
+        const c = [...s];
+        return c[r] = { ...o, collapsed: !0 }, c;
+      });
+    },
+    [u]
+  ), R = D(
+    (r) => {
+      u((s) => {
+        if (r < 0 || r >= s.length) return s;
+        const o = s[r];
+        if (!o || !o.collapsed) return s;
+        const c = [...s];
+        return c[r] = { ...o, collapsed: !1 }, c;
+      });
+    },
+    [u]
+  ), L = D(
+    (r, s, o) => {
+      u((c) => {
+        if (r < 0 || r >= c.length) return c;
+        const m = c[r];
+        if (!m) return c;
+        const C = [...c];
+        return C[r] = { ...m, size: s }, C;
+      });
+    },
+    [u]
+  ), l = D(
+    (r, s) => {
+      u((o) => {
+        if (r < 0 || r >= o.length || s < 0 || s >= o.length || r === s)
+          return o;
+        const c = [...o], m = c[r];
+        return c[r] = c[s], c[s] = m, c;
+      });
+    },
+    [u]
+  ), g = D(() => ({
+    panes: S.map((r) => ({ ...r })),
+    totalSize: 0,
+    mode: e,
+    timestamp: Date.now()
+  }), [S, e]), h = D(
+    (r) => {
+      if (r.mode !== e) {
+        console.warn(
+          `Cannot restore snapshot with different mode. Current: ${e}, Snapshot: ${r.mode}`
+        );
+        return;
+      }
+      b.current = !0, u(
+        (s) => r.panes.map((o, c) => {
+          const m = s.find((C) => C.id === o.id) || s[c];
+          return {
+            id: o.id,
+            size: o.size,
+            collapsed: o.collapsed,
+            // Preserve existing values, or use defaults if no matching pane found
+            minSize: (m == null ? void 0 : m.minSize) ?? 0,
+            maxSize: (m == null ? void 0 : m.maxSize) ?? 100,
+            content: (m == null ? void 0 : m.content) ?? null
+          };
+        })
+      ), b.current = !1, f && P((s) => (f(s), s));
+    },
+    [e, u, f]
+  );
+  return X(
+    () => ({
+      panes: S,
+      mode: e,
+      isDragging: x,
+      addPane: y,
+      removePane: p,
+      removePanes: $,
+      togglePane: F,
+      collapsePane: A,
+      expandPane: R,
+      setPaneSize: L,
+      swapPanes: l,
+      setPanes: u,
+      getSnapshot: g,
+      restore: h
+    }),
+    [
+      S,
+      e,
+      x,
+      y,
+      p,
+      $,
+      F,
+      A,
+      R,
+      L,
+      l,
+      u,
+      g,
+      h
+    ]
+  );
+}
+function _t(t) {
+  return t;
+}
+function Bt(t = {}) {
+  const {
+    storage: e = "localStorage",
+    key: n,
+    debounceDelay: i = 300
+  } = t;
+  let a = null;
+  const z = (b) => n || `a-multilayout-splitter:${b}`, f = () => typeof window > "u" ? null : e === "localStorage" ? window.localStorage : window.sessionStorage, S = (b, u) => {
+    const y = f();
+    if (y)
+      try {
+        const p = z(b), $ = JSON.stringify({
+          panes: u.panes.map((F) => ({
+            id: F.id,
+            size: F.size,
+            collapsed: F.collapsed
+          })),
+          mode: u.mode,
+          timestamp: Date.now()
+        });
+        y.setItem(p, $);
+      } catch (p) {
+        console.error("Failed to save split state:", p);
+      }
+  }, P = (b) => {
+    const u = f();
+    if (!u) return null;
+    try {
+      const y = z(b), p = u.getItem(y);
+      return p ? JSON.parse(p) : null;
+    } catch (y) {
+      return console.error("Failed to load split state:", y), null;
+    }
+  }, x = (b, u) => {
+    a && clearTimeout(a), a = setTimeout(() => {
+      S(b, u), a = null;
+    }, i);
+  };
+  return {
+    name: "persistence",
+    version: "1.0.0",
+    onInit(b) {
+      const u = P(b.splitId), y = u == null ? void 0 : u.panes;
+      y && y.length > 0 ? setTimeout(() => {
+        b.getState().panes.length === y.length && b.dispatch({
+          type: "RESTORE_STATE",
+          payload: { panes: y }
+        });
+      }, 0) : setTimeout(() => {
+        const p = b.getState();
+        S(b.splitId, p);
+      }, 0);
+    },
+    onDragEnd(b, u) {
+      setTimeout(() => {
+        const y = u.getState();
+        x(u.splitId, y);
+      }, 0);
+    },
+    onPaneAdd(b, u) {
+      setTimeout(() => {
+        const y = u.getState();
+        x(u.splitId, y);
+      }, 0);
+    },
+    onPaneRemove(b, u) {
+      setTimeout(() => {
+        const y = u.getState();
+        x(u.splitId, y);
+      }, 0);
+    },
+    onPaneCollapse(b, u) {
+      setTimeout(() => {
+        const y = u.getState();
+        x(u.splitId, y);
+      }, 0);
+    },
+    onPaneExpand(b, u) {
+      setTimeout(() => {
+        const y = u.getState();
+        x(u.splitId, y);
+      }, 0);
+    },
+    onDestroy() {
+      a && (clearTimeout(a), a = null);
+    }
+  };
+}
+function Ot(t, e = "localStorage") {
+  const n = e === "localStorage" ? window.localStorage : window.sessionStorage;
+  try {
+    const i = `a-multilayout-splitter:${t}`;
+    n.removeItem(i);
+  } catch (i) {
+    console.error("Failed to clear persisted state:", i);
+  }
+}
+function qt(t = {}) {
+  const {
+    enableArrowKeys: e = !0,
+    enableNumberKeys: n = !0,
+    stepSize: i = 5,
+    enableTabNavigation: a = !0
+  } = t;
+  let z = 0, f = null;
+  const S = (P, x) => {
+    if (!P) return;
+    const u = P.querySelectorAll(".a-split-pane")[x];
+    u && (u.focus(), u.setAttribute("tabindex", "0"), z = x);
+  };
+  return {
+    name: "keyboard",
+    version: "1.0.0",
+    onInit(P) {
+      const x = P.getElement();
+      if (!x) return;
+      x.setAttribute("tabindex", "0"), x.querySelectorAll(".a-split-pane").forEach((u, y) => {
+        u.setAttribute("tabindex", y === 0 ? "0" : "-1");
+      }), f = (u) => {
+        const y = P.getState(), p = y.panes;
+        if (e && (u.key === "ArrowLeft" || u.key === "ArrowRight" || u.key === "ArrowUp" || u.key === "ArrowDown")) {
+          u.preventDefault();
+          const $ = y.mode === "horizontal", F = $ && u.key === "ArrowRight" || !$ && u.key === "ArrowDown", A = z, R = p[A], L = A < p.length - 1 ? A + 1 : A - 1, l = p[L];
+          if (!R || !l) return;
+          const g = parseFloat(R.size), h = parseFloat(l.size), r = F ? i : -i;
+          let s = g + r, o = h - r;
+          const c = R.minSize || 0, m = R.maxSize || 100, C = l.minSize || 0, T = l.maxSize || 100;
+          s = Math.max(c, Math.min(m, s)), o = Math.max(C, Math.min(T, o));
+          const I = g + h;
+          s + o !== I && (s === c || s === m ? o = I - s : s = I - o), P.dispatch({
+            type: "SET_PANE_SIZE",
+            payload: { index: A, size: `${s}%` }
+          }), P.dispatch({
+            type: "SET_PANE_SIZE",
+            payload: { index: L, size: `${o}%` }
+          });
+        }
+        if (n) {
+          const $ = parseInt(u.key, 10);
+          if (!isNaN($) && $ >= 1 && $ <= 9) {
+            const F = $ - 1;
+            F < p.length && S(x, F);
+          }
+        }
+        if (a && u.key === "Tab") {
+          u.preventDefault();
+          let $ = u.shiftKey ? z - 1 : z + 1;
+          $ < 0 ? $ = p.length - 1 : $ >= p.length && ($ = 0), S(x, $);
+        }
+      }, x.addEventListener("keydown", f);
+    },
+    onDestroy(P) {
+      const x = P.getElement();
+      x && f && (x.removeEventListener("keydown", f), f = null);
+    }
+  };
+}
+function jt(t, e) {
+  return {
+    name: "custom-handle",
+    version: "1.0.0",
+    renderHandle(n) {
+      return q.createElement(t, {
+        ...n,
+        ...e
+      });
+    }
+  };
+}
+function Xt(t) {
+  return {
+    name: "custom-handle-render",
+    version: "1.0.0",
+    renderHandle(e) {
+      return t(e);
+    }
+  };
+}
+const He = ne(null), Ne = ne(null), Le = ne(null);
+function Yt({
+  id: t,
+  mode: e = "horizontal",
+  enableSessionStorage: n = !1,
+  storageKey: i = `split-state-${t}`,
+  children: a,
+  _panes: z = [],
+  _addPane: f,
+  _removePane: S,
+  _togglePane: P,
+  _setPaneSize: x,
+  _getPaneState: b
+}) {
+  const u = G({ isDragging: !1, activeHandlebar: null }), y = X(
+    () => ({
+      id: t,
+      mode: e,
+      enableSessionStorage: n,
+      storageKey: i
+    }),
+    [t, e, n, i]
+  ), p = X(
+    () => ({
+      panes: z,
+      isDragging: u.current.isDragging,
+      activeHandlebar: u.current.activeHandlebar
+    }),
+    [z, u.current.isDragging, u.current.activeHandlebar]
+  ), $ = X(
+    () => ({
+      addPane: f || (() => console.warn("addPane not available")),
+      removePane: S || (() => console.warn("removePane not available")),
+      togglePane: P || (() => console.warn("togglePane not available")),
+      setPaneSize: x || (() => console.warn("setPaneSize not available")),
+      getPaneState: b || (() => []),
+      setDragging: (F, A) => {
+        u.current.isDragging = F, u.current.activeHandlebar = A ?? null;
+      }
+    }),
+    [f, S, P, x, b]
+  );
+  return /* @__PURE__ */ k(He.Provider, { value: y, children: /* @__PURE__ */ k(Ne.Provider, { value: p, children: /* @__PURE__ */ k(Le.Provider, { value: $, children: a }) }) });
+}
+function lt() {
+  const t = re(He);
+  if (!t)
+    throw new Error("useSplitConfig must be used within SplitProvider");
+  return t;
+}
+function Q() {
+  const t = re(Ne);
+  if (!t)
+    throw new Error("useSplitState must be used within SplitProvider");
+  return t;
+}
+function ct() {
+  return re(Le);
+}
+function Wt() {
+  const t = ct();
+  if (!t)
+    throw new Error("useSplit must be used within SplitProvider");
+  return {
+    config: lt(),
+    state: Q(),
+    actions: t
+  };
+}
+function ut(t) {
+  const { panes: e } = Q();
+  return e[t];
+}
+function Jt() {
+  const { panes: t } = Q();
+  return t.length;
+}
+function Ut() {
+  const { isDragging: t } = Q();
+  return t;
+}
+function Zt(t) {
+  const e = ut(t);
+  return (e == null ? void 0 : e.collapsed) ?? !1;
+}
+function Qt() {
+  const { panes: t } = Q();
+  return X(() => t.filter((e) => !e.collapsed), [t]);
+}
+export {
+  Fe as DragHandle,
+  ce as NestingProvider,
+  De as PaneComponent,
+  ot as PluginManager,
+  at as Split,
+  Yt as SplitProvider,
+  Xe as animatePaneSize,
+  gt as applyCollapseState,
+  bt as batchUpdatePanes,
+  rt as calculateFlexBasis,
+  it as calculateFlexValues,
+  Lt as calculateHandlebarPosition,
+  Ht as calculateTotalSize,
+  Rt as canResize,
+  Dt as clampSize,
+  Ot as clearPersistedState,
+  yt as constrainSize,
+  vt as createPane,
+  _t as createPlugin,
+  jt as customHandlePlugin,
+  Xt as customHandleRenderPlugin,
+  Ke as debounce,
+  at as default,
+  St as findPaneIndex,
+  Mt as getAxisProperty,
+  kt as getContainerDimensions,
+  Gt as getCoordinateProperty,
+  wt as getPaneElement,
+  zt as getVisiblePanes,
+  Ft as haveSameUnit,
+  $e as isHandlebarDisabled,
+  Ee as isHandlebarVisible,
+  Ie as isLineBarStyle,
+  Ye as isPaneVisible,
+  qt as keyboardPlugin,
+  Tt as normalizePaneSizes,
+  Ct as normalizeSize,
+  J as parseSize,
+  It as percentageToPixel,
+  Bt as persistencePlugin,
+  At as pixelToPercentage,
+  Pt as restorePaneState,
+  $t as serializePaneState,
+  We as shouldShowHandlebar,
+  Qe as throttle,
+  mt as togglePaneCollapse,
+  xt as updatePaneSize,
+  et as useDragHandler,
+  Zt as useIsCollapsed,
+  Ut as useIsDragging,
+  Ce as useNestingLevel,
+  ut as usePane,
+  Jt as usePaneCount,
+  Je as usePaneManager,
+  tt as usePersistence,
+  nt as usePluginContext,
+  Wt as useSplit,
+  ct as useSplitActions,
+  lt as useSplitConfig,
+  Vt as useSplitController,
+  Q as useSplitState,
+  Qt as useVisiblePanes,
+  Nt as validatePaneSizes,
+  Et as withNesting
+};
+//# sourceMappingURL=index.js.map