@dynamix-layout/solid 1.0.1 → 1.0.2

package/dist/index.es.js

@@ -1,15 +1,15 @@
-import { spread as _, mergeProps as k, insert as R, memo as xe, effect as Pe, template as F, createComponent as N, use as We } from "solid-js/web";
-import { DynamixLayoutCore as P, Node as C } from "@dynamix-layout/core";
-import { splitProps as Ie, createMemo as ve, createSignal as Z, onMount as Le, onCleanup as _e, For as ee } from "solid-js";
-var X = F("<div>"), ke = F("<div><div>"), Ae = F('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="lucide lucide-grip-vertical size-2.5"><circle cx=9 cy=12 r=1></circle><circle cx=9 cy=5 r=1></circle><circle cx=9 cy=19 r=1></circle><circle cx=15 cy=12 r=1></circle><circle cx=15 cy=5 r=1></circle><circle cx=15 cy=19 r=1>'), Be = F('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=9 cy=12 r=1></circle><circle cx=9 cy=5 r=1></circle><circle cx=9 cy=19 r=1></circle><circle cx=15 cy=12 r=1></circle><circle cx=15 cy=5 r=1></circle><circle cx=15 cy=19 r=1>');
-const Me = (n) => (() => {
-  var o = X();
-  return _(o, k(n, {
+import { spread as T, mergeProps as $, insert as y, memo as ie, effect as Ee, setStyleProperty as De, template as H, createComponent as v, use as Te } from "solid-js/web";
+import { DynamixLayoutCore as D, Node as x, setElementRect as Y, createFrameScheduler as $e, getTabBodyRect as Se, getNavbarDropPreview as Ne, getRootSplitPreview as Re, isSameDropPreview as ze, getTabsetDropPreview as Oe } from "@dynamix-layout/core";
+import { splitProps as He, createMemo as se, createSignal as W, onMount as Pe, onCleanup as Ce, For as L } from "solid-js";
+var P = H("<div>"), _e = H("<div><div style=display:flex;align-items:center;gap:4px;height:100%>"), Ie = H('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="lucide lucide-grip-vertical size-2.5"><circle cx=9 cy=12 r=1></circle><circle cx=9 cy=5 r=1></circle><circle cx=9 cy=19 r=1></circle><circle cx=15 cy=12 r=1></circle><circle cx=15 cy=5 r=1></circle><circle cx=15 cy=19 r=1>'), We = H('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round style=transform:rotate(90deg)><circle cx=9 cy=12 r=1></circle><circle cx=9 cy=5 r=1></circle><circle cx=9 cy=19 r=1></circle><circle cx=15 cy=12 r=1></circle><circle cx=15 cy=5 r=1></circle><circle cx=15 cy=19 r=1>');
+const Le = (e) => (() => {
+  var a = P();
+  return T(a, $(e, {
     get class() {
-      return `DefaultWrapTabLabel ${n.class || ""}`;
+      return `DefaultWrapTabLabel ${e.class || ""}`;
     },
     get "data-state"() {
-      return n.active ? "active" : "inactive";
+      return e.active ? "active" : "inactive";
     },
     get style() {
       return {
@@ -18,15 +18,15 @@ const Me = (n) => (() => {
         "box-sizing": "border-box",
         "font-size": "14px",
         "border-radius": "4px",
-        ...n.style
+        ...e.style
       };
     }
-  }), !1, !0), R(o, () => n.children), o;
-})(), je = (n) => (() => {
-  var o = X();
-  return _(o, k(n, {
+  }), !1, !0), y(a, () => e.children), a;
+})(), ke = (e) => (() => {
+  var a = P();
+  return T(a, $(e, {
     get class() {
-      return `DefaultWrapTabBody hide-scrollbar ${n.class || ""}`;
+      return `DefaultWrapTabBody hide-scrollbar ${e.class || ""}`;
     },
     get style() {
       return {
@@ -37,15 +37,15 @@ const Me = (n) => (() => {
         overflow: "auto",
         "scrollbar-width": "none",
         "-ms-overflow-style": "none",
-        ...n.style
+        ...e.style
       };
     }
-  }), !1, !0), R(o, () => n.children), o;
-})(), Ue = (n) => (() => {
-  var o = X();
-  return _(o, k(n, {
+  }), !1, !0), y(a, () => e.children), a;
+})(), Be = (e) => (() => {
+  var a = P();
+  return T(a, $(e, {
     get class() {
-      return `DefaultWrapTabHead hide-scrollbar ${n.class || ""}`;
+      return `DefaultWrapTabHead hide-scrollbar ${e.class || ""}`;
     },
     get style() {
       return {
@@ -63,15 +63,15 @@ const Me = (n) => (() => {
         "background-color": "#dfdfdf",
         "scrollbar-width": "none",
         "-ms-overflow-style": "none",
-        ...n.style
+        ...e.style
       };
     }
-  }), !1, !0), R(o, () => n.children), o;
-})(), Fe = (n) => (() => {
-  var o = X();
-  return _(o, k(n, {
+  }), !1, !0), y(a, () => e.children), a;
+})(), Me = (e) => (() => {
+  var a = P();
+  return T(a, $(e, {
     get class() {
-      return `DefaultWrapTabPanel ${n.class || ""}`;
+      return `DefaultWrapTabPanel ${e.class || ""}`;
     },
     get style() {
       return {
@@ -81,15 +81,15 @@ const Me = (n) => (() => {
         "box-sizing": "border-box",
         position: "absolute",
         "border-radius": "8px",
-        ...n.style
+        ...e.style
       };
     }
-  }), !1, !0), R(o, () => n.children), o;
-})(), Xe = (n) => (() => {
-  var o = X();
-  return _(o, k(n, {
+  }), !1, !0), y(a, () => e.children), a;
+})(), Ae = (e) => (() => {
+  var a = P();
+  return T(a, $(e, {
     get class() {
-      return `DefaultHoverElement ${n.class || ""}`;
+      return `DefaultHoverElement ${e.class || ""}`;
     },
     get style() {
       return {
@@ -105,15 +105,15 @@ const Me = (n) => (() => {
         "border-radius": "10px",
         transition: "all 0.2s ease",
         border: "2px dashed rgb(0, 196, 42)",
-        ...n.style
+        ...e.style
       };
     }
-  }), !1, !0), R(o, () => n.children), o;
-})(), qe = (n) => (() => {
-  var o = ke(), m = o.firstChild;
-  return _(o, k(n, {
+  }), !1, !0), y(a, () => e.children), a;
+})(), je = (e) => (() => {
+  var a = _e(), h = a.firstChild;
+  return T(a, $(e, {
     get class() {
-      return `DefaultSliderElement ${n.class || ""}`;
+      return `DefaultSliderElement ${e.class || ""}`;
     },
     get style() {
       return {
@@ -124,53 +124,50 @@ const Me = (n) => (() => {
         "background-color": "white",
         "z-index": 9,
         cursor: "grab",
-        ...n.style
+        ...e.style
       };
     }
-  }), !1, !0), m.style.setProperty("display", "flex"), m.style.setProperty("align-items", "center"), m.style.setProperty("gap", "4px"), m.style.setProperty("height", "100%"), R(m, (() => {
-    var y = xe(() => !n.direction);
-    return () => y() ? Ae() : (() => {
-      var d = Be();
-      return d.style.setProperty("transform", "rotate(90deg)"), d;
-    })();
-  })()), R(o, () => n.children, null), Pe((y) => (y = n.direction ? "column" : "row") != null ? m.style.setProperty("flex-direction", y) : m.style.removeProperty("flex-direction")), o;
-})(), Ye = (n) => {
-  const [o, m] = Ie(n, ["area", "size", "gap", "class", "style", "children"]), y = ve(() => {
-    const d = o.size || {
+  }), !1, !0), y(h, (() => {
+    var g = ie(() => !e.direction);
+    return () => g() ? Ie() : We();
+  })()), y(a, () => e.children, null), Ee((g) => De(h, "flex-direction", e.direction ? "column" : "row")), a;
+})(), Fe = (e) => {
+  const [a, h] = He(e, ["area", "size", "gap", "class", "style", "children"]), g = se(() => {
+    const s = a.size || {
       h: "20%",
       w: "6px"
-    }, E = o.gap || "0px", h = {};
-    return o.area === "left" ? (Object.assign(h, {
+    }, b = a.gap || "0px", u = {};
+    return a.area === "left" ? (Object.assign(u, {
       "border-top-right-radius": "16px",
       "border-bottom-right-radius": "16px",
-      height: d.h,
-      left: E,
-      width: d.w
-    }), h.top = `calc(50% - ${d.h} / 2)`) : o.area === "top" ? (Object.assign(h, {
+      height: s.h,
+      left: b,
+      width: s.w
+    }), u.top = `calc(50% - ${s.h} / 2)`) : a.area === "top" ? (Object.assign(u, {
       "border-bottom-left-radius": "16px",
       "border-bottom-right-radius": "16px",
-      width: d.h,
-      top: E,
-      height: d.w
-    }), h.left = `calc(50% - ${d.h} / 2)`) : o.area === "right" ? (Object.assign(h, {
+      width: s.h,
+      top: b,
+      height: s.w
+    }), u.left = `calc(50% - ${s.h} / 2)`) : a.area === "right" ? (Object.assign(u, {
       "border-top-left-radius": "16px",
       "border-bottom-left-radius": "16px",
-      height: d.h,
-      right: E,
-      width: d.w
-    }), h.top = `calc(50% - ${d.h} / 2)`) : o.area === "bottom" && (Object.assign(h, {
+      height: s.h,
+      right: b,
+      width: s.w
+    }), u.top = `calc(50% - ${s.h} / 2)`) : a.area === "bottom" && (Object.assign(u, {
       "border-top-left-radius": "16px",
       "border-top-right-radius": "16px",
-      width: d.h,
-      bottom: E,
-      height: d.w
-    }), h.left = `calc(50% - ${d.h} / 2)`), h;
+      width: s.h,
+      bottom: b,
+      height: s.w
+    }), u.left = `calc(50% - ${s.h} / 2)`), u;
   });
   return (() => {
-    var d = X();
-    return _(d, k(m, {
+    var s = P();
+    return T(s, $(h, {
       get class() {
-        return `RootSplitterHoverEl ${o.class || ""}`;
+        return `RootSplitterHoverEl ${a.class || ""}`;
       },
       get style() {
         return {
@@ -180,382 +177,359 @@ const Me = (n) => (() => {
           "box-sizing": "border-box",
           "background-color": "#0081f9",
           cursor: "grab",
-          ...o.style,
-          ...y()
+          ...a.style,
+          ...g()
         };
       }
-    }), !1, !0), R(d, () => o.children), d;
+    }), !1, !0), y(s, () => a.children), s;
   })();
-}, Je = ({
-  tabOutput: n,
-  rootId: o,
-  layoutTree: m,
-  updateJSON: y,
-  dimensions: d,
-  tabHeadHeight: E,
-  enableTabbar: h,
-  bondWidth: se,
-  minTabHeight: le,
-  minTabWidth: M,
-  sliderUpdateTimeout: de,
-  windowResizeTimeout: te,
-  disableSliderTimeout: q,
-  disableResizeTimeout: Y
+}, Ue = ({
+  tabOutput: e,
+  rootId: a,
+  layoutTree: h,
+  updateJSON: g,
+  dimensions: s,
+  tabHeadHeight: b,
+  enableTabbar: u,
+  bondWidth: J,
+  minTabHeight: k,
+  minTabWidth: R,
+  sliderUpdateTimeout: K,
+  windowResizeTimeout: B,
+  disableSliderTimeout: C,
+  disableResizeTimeout: _
 }) => {
-  const j = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Map(), z = { current: void 0 }, K = [], [re, ce] = Z(
-    m
-  ), [ae, A] = Z(
+  const z = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), w = { current: void 0 }, I = [], [j, G] = W(
+    h
+  ), [F, S] = W(
     /* @__PURE__ */ new Map()
-  ), [ue, oe] = Z(
+  ), [Q, U] = W(
     /* @__PURE__ */ new Map()
-  ), [ge, H] = Z(!1);
-  let O = null;
-  const [fe, w] = Z(!1), i = {
+  ), [V, p] = W(!1);
+  let E = null;
+  const [Z, m] = W(!1), o = {
     src: void 0,
     des: void 0,
     area: void 0,
     drag: !1
-  }, a = {
+  }, n = {
     sliderId: void 0,
     isSliding: !1
-  }, c = new P({
-    tabs: n.keys,
-    tree: re(),
-    minW: M,
-    minH: le,
-    bond: se,
-    uqid: o,
-    tabsIds: n.name
-  }), p = (r) => {
-    const e = new Map(r);
-    A(e);
-  }, me = (r) => {
-    const e = new Map(r);
-    oe(e);
-  }, G = () => {
-    C.cache.tabOpts.get().forEach((e, s) => {
-      const t = ne.get(s);
-      t && (t.style.width = `${e.nodDims.w}px`, t.style.height = h ? `${e.nodDims.h - E}px` : `${e.nodDims.h}px`, t.style.left = `${e.nodDims.x}px`, t.style.top = h ? `${e.nodDims.y + E}px` : `${e.nodDims.y}px`, t.style.display = e.nodOpen ? "block" : "none");
+  }, d = u ? Math.max(k, b) : k, c = new D({
+    tabs: e.keys,
+    tree: j(),
+    minW: R,
+    minH: d,
+    bond: J,
+    uqid: a,
+    tabsIds: e.name
+  }), ne = (t) => {
+    const r = new Map(t);
+    S(r);
+  }, ae = (t) => {
+    const r = new Map(t);
+    U(r);
+  }, q = () => {
+    const t = u ? b : 0;
+    x.cache.tabOpts.get().forEach((r, l) => {
+      const i = A.get(l);
+      if (!i) return;
+      const f = Se(r.nodDims, t);
+      Y(i, f), i.style.display = r.nodOpen && f.h > 0 ? "block" : "none";
     });
-  }, we = () => {
-    C.cache.bndOpts.get().forEach((e, s) => {
-      const t = J.get(s);
-      t && (t.style.width = `${e.nodDims.w}px`, t.style.height = `${e.nodDims.h}px`, t.style.left = `${e.nodDims.x}px`, t.style.top = `${e.nodDims.y}px`);
-    });
-  };
-  C.cache.nodOpts.onChange((r) => {
-    r.forEach((e, s) => {
-      const t = U.get(s);
-      t && (t.style.width = `${e.nodDims.w}px`, t.style.height = `${e.nodDims.h}px`, t.style.left = `${e.nodDims.x}px`, t.style.top = `${e.nodDims.y}px`);
-      const l = j.get(s);
-      l && h && (l.style.width = `${e.nodDims.w}px`, l.style.height = h ? `${E}px` : "0px", l.style.left = `${e.nodDims.x}px`, l.style.top = `${e.nodDims.y}px`);
-    });
-  }), C.cache.bndOpts.onChange((r) => {
-    r.forEach((e, s) => {
-      const t = J.get(s);
-      t && (t.style.width = `${e.nodDims.w}px`, t.style.height = `${e.nodDims.h}px`, t.style.left = `${e.nodDims.x}px`, t.style.top = `${e.nodDims.y}px`);
-    });
-  });
-  const ye = (r) => {
-    a.isSliding && (c.updateSlider(
-      a.sliderId,
-      {
-        x: r.clientX,
-        y: r.clientY
-      },
-      q,
-      de
-    ), we(), G());
-  }, ie = (r) => {
-    if (!a.isSliding) return;
-    const e = r.currentTarget;
-    a.isSliding = !1, a.sliderId = void 0, y && y(P._root.toJSON()), e.releasePointerCapture(r.pointerId), e.removeEventListener("pointermove", ye), e.removeEventListener("pointerup", ie), e.removeEventListener("pointercancel", ie);
-  }, De = (r) => {
-    r.preventDefault();
-    const e = r.currentTarget;
-    a.isSliding = !0, a.sliderId = e.id, e.setPointerCapture(r.pointerId), e.addEventListener("pointermove", ye), e.addEventListener("pointerup", ie), e.addEventListener("pointercancel", ie);
-  }, f = {}, Te = (r, e, s) => {
-    if (!z.current || !i || !s)
-      return null;
-    i.des = s;
-    const t = s.getBoundingClientRect();
-    if (!t) return null;
-    const l = t.width, u = t.height, g = r - t.left, x = e - t.top;
-    let b, D, $, v, S;
-    g < l / 3 ? (b = "left", D = t.left, $ = t.top, v = l / 2, S = u) : g > 2 * l / 3 ? (b = "right", D = t.left + l / 2, $ = t.top, v = l / 2, S = u) : x < u / 3 ? (b = "top", D = t.left, $ = t.top, v = l, S = u / 2) : x > 2 * u / 3 ? (b = "bottom", D = t.left, $ = t.top + u / 2, v = l, S = u / 2) : (b = "contain", D = t.left + l * 0.1, $ = t.top + u * 0.1, v = l * 0.8, S = u * 0.8), (f.area !== b || f.left !== D || f.top !== $ || f.width !== v || f.height !== S) && (V(D, $, v, S, b), f.area = b, f.left = D, f.top = $, f.width = v, f.height = S), i.area = b;
-  }, Ee = (r) => {
-    r.preventDefault(), r.stopPropagation(), r.dataTransfer && (r.dataTransfer.dropEffect = "move");
-    const e = r.currentTarget, s = Array.from(
-      e.childNodes
-    ), t = r.clientX, l = r.clientY;
-    if (!z.current || !i || s.length === 0)
-      return;
-    const u = s[0].parentElement;
-    if (!u) return;
-    const g = u.getBoundingClientRect(), x = s[0], b = s[s.length - 1], D = x.getBoundingClientRect(), $ = b.getBoundingClientRect();
-    let v = 6;
-    if (l < g.top || l > g.bottom) return;
-    if (t > $.right) {
-      const T = $.right + 1, W = $.top, I = v - 2, L = $.height, B = "right";
-      V(T, W, I, L, B), i.des = b, i.area = B;
-      return;
-    }
-    if (t < D.left) {
-      const T = D.left - v + 1, W = D.top, I = v - 2, L = D.height, B = "left";
-      V(T, W, I, L, B), i.des = x, i.area = B;
-      return;
-    }
-    let S = null, pe = 1 / 0, Q = !1, he = 0;
-    for (let T = 0; T < s.length; T++) {
-      const W = s[T].getBoundingClientRect(), I = W.left + W.width / 2, L = Math.abs(t - I);
-      L < pe && (pe = L, S = s[T], Q = t < I, he = T);
+  }, le = x.cache.nodOpts.onChange(
+    (t) => {
+      t.forEach((r, l) => {
+        const i = O.get(l);
+        i && Y(i, r.nodDims);
+        const f = z.get(l);
+        f && u && Y(f, {
+          ...r.nodDims,
+          h: b
+        });
+      });
     }
-    if (s.length > 1 && (Q && he > 0 || !Q && he < s.length - 1) && (v = s[1].getBoundingClientRect().left - D.right), S) {
-      const T = S.getBoundingClientRect(), W = Q ? T.left - v + 1 : T.right + 1, I = T.top, L = v - 2, B = T.height, be = Q ? "left" : "right";
-      V(W, I, L, B, be), i.des = S, i.area = be;
+  ), de = x.cache.tabOpts.onChange(() => q()), ce = x.cache.bndOpts.onChange(
+    (t) => {
+      t.forEach((r, l) => {
+        const i = M.get(l);
+        i && Y(i, r.nodDims);
+      });
     }
-  }, $e = (r) => {
-    r.preventDefault(), r.stopPropagation(), r.dataTransfer && (r.dataTransfer.dropEffect = "move");
-    const e = r.currentTarget.dataset.area, s = r.currentTarget.dataset.uid;
-    if (!e || !s || !z.current || !i)
+  ), ee = $e(
+    ({ id: t, point: r }) => c.updateSlider(
+      t,
+      r,
+      C,
+      K
+    )
+  ), oe = (t) => {
+    const r = n.sliderId;
+    !n.isSliding || !r || ee.schedule({ id: r, point: { x: t.clientX, y: t.clientY } });
+  }, X = (t) => {
+    if (!n.isSliding) return;
+    ee.flush();
+    const r = t.currentTarget;
+    n.isSliding = !1, n.sliderId = void 0, p(!1), g && g(D._root.toJSON()), r.releasePointerCapture(t.pointerId), r.removeEventListener("pointermove", oe), r.removeEventListener("pointerup", X), r.removeEventListener("pointercancel", X);
+  }, ue = (t) => {
+    t.preventDefault();
+    const r = t.currentTarget;
+    n.isSliding = !0, n.sliderId = r.id, p(!0), r.setPointerCapture(t.pointerId), r.addEventListener("pointermove", oe), r.addEventListener("pointerup", X), r.addEventListener("pointercancel", X);
+  };
+  let te = {};
+  const ge = (t, r, l) => {
+    if (!w.current || !o || !l)
+      return null;
+    const i = Oe(
+      l.getBoundingClientRect(),
+      t,
+      r
+    );
+    re(i), o.des = l, o.area = i.area;
+  }, fe = (t) => {
+    t.preventDefault(), t.stopPropagation(), t.dataTransfer && (t.dataTransfer.dropEffect = "move");
+    const r = t.currentTarget, l = Array.from(
+      r.childNodes
+    );
+    if (!w.current || !o) return;
+    const i = Ne(
+      r.getBoundingClientRect(),
+      l.map((f) => f.getBoundingClientRect()),
+      t.clientX,
+      t.clientY
+    );
+    i && (re(i), o.des = l[i.index], o.area = i.area);
+  }, me = (t) => {
+    t.preventDefault(), t.stopPropagation(), t.dataTransfer && (t.dataTransfer.dropEffect = "move");
+    const r = t.currentTarget, { area: l, uid: i } = r.dataset;
+    if (!l || !i || !w.current || !o)
       return;
-    i.des = r.currentTarget, i.area = e;
-    const t = d();
-    let l = t.x, u = t.y, g = t.w, x = t.h;
-    e === "left" ? (l = t.x, u = t.y, g = t.w / 2, x = t.h) : e === "right" ? (l = t.x + t.w / 2, u = t.y, g = t.w / 2, x = t.h) : e === "top" ? (l = t.x, u = t.y, g = t.w, x = t.h / 2) : e === "bottom" && (l = t.x, u = t.y + t.h / 2, g = t.w, x = t.h / 2), V(l, u, g, x, e);
-  }, V = (r, e, s, t, l) => {
-    if (f.area !== l || f.left !== r || f.top !== e || f.width !== s || f.height !== t) {
-      const u = z.current;
-      if (u) {
-        const g = {};
-        for (let x = 0; x < u.style.length; x++) {
-          const b = u.style[x];
-          b && (g[b] = u.style.getPropertyValue(b));
-        }
-        Object.assign(u.style, g, {
-          left: `${r}px`,
-          top: `${e}px`,
-          width: `${s}px`,
-          height: `${t}px`,
-          display: "block",
-          "z-index": "100"
-        }), f.area = l, f.left = r, f.top = e, f.width = s, f.height = t;
-      }
-    }
-  }, Se = (r) => {
-    if (r.stopPropagation(), H(!0), document.body.style.cursor = "move", r.currentTarget) {
-      if (r.dataTransfer) {
-        r.dataTransfer.effectAllowed = "move";
-        const e = document.createElement("div");
-        e.style.width = "1px", e.style.height = "1px", e.style.backgroundColor = "transparent", e.style.position = "absolute", e.style.top = "-1000px", document.body.appendChild(e), r.dataTransfer.setDragImage(e, 0, 0), setTimeout(() => {
-          e.parentNode && e.parentNode.removeChild(e);
+    const f = l;
+    o.des = r, o.area = f, re(Re(s(), f));
+  }, re = (t) => {
+    const r = w.current;
+    !r || ze(te, t) || (Object.assign(r.style, {
+      left: `${t.left}px`,
+      top: `${t.top}px`,
+      width: `${t.width}px`,
+      height: `${t.height}px`,
+      display: "block",
+      zIndex: "100"
+    }), te = t);
+  }, he = (t) => {
+    if (t.stopPropagation(), p(!0), document.body.style.cursor = "move", t.currentTarget) {
+      if (t.dataTransfer) {
+        t.dataTransfer.effectAllowed = "move";
+        const r = document.createElement("div");
+        r.style.width = "1px", r.style.height = "1px", r.style.backgroundColor = "transparent", r.style.position = "absolute", r.style.top = "-1000px", document.body.appendChild(r), t.dataTransfer.setDragImage(r, 0, 0), setTimeout(() => {
+          r.parentNode && r.parentNode.removeChild(r);
         }, 0);
       }
-      K.forEach((e) => {
-        e && (e.style.display = "block", e.style.zIndex = "99");
-      }), U.forEach((e) => {
-        e && (e.style.display = "block", e.style.zIndex = "95");
-      }), i.src = r.currentTarget, i.drag = !0;
+      I.forEach((r) => {
+        r && (r.style.display = "block", r.style.zIndex = "99");
+      }), O.forEach((r) => {
+        r && (r.style.display = "block", r.style.zIndex = "95");
+      }), o.src = t.currentTarget, o.drag = !0;
     }
-  }, Re = (r) => {
-    if (r.preventDefault(), r.stopPropagation(), document.body.style.cursor = "move", r.dataTransfer && (r.dataTransfer.dropEffect = "move"), !i?.src)
+  }, be = (t) => {
+    if (t.preventDefault(), t.stopPropagation(), document.body.style.cursor = "move", t.dataTransfer && (t.dataTransfer.dropEffect = "move"), !o?.src)
       return;
-    const e = r.currentTarget, s = r.clientX, t = r.clientY;
-    O && cancelAnimationFrame(O), O = requestAnimationFrame(() => {
-      Te(s, t, e);
+    const r = t.currentTarget, l = t.clientX, i = t.clientY;
+    E && cancelAnimationFrame(E), E = requestAnimationFrame(() => {
+      ge(l, i, r);
     });
-  }, Ne = (r) => {
-    if (document.body.style.cursor = "default", K.forEach((e) => {
-      e && (e.style.display = "none", e.style.zIndex = "-1");
-    }), O && (cancelAnimationFrame(O), O = null), z.current && (z.current.style.display = "none", z.current.style.zIndex = "-1"), Object.assign(f, {}), i.drag = !1, !i?.src || !i?.des) {
-      i.area = void 0, i.src = void 0, i.des = void 0, H(!1);
+  }, ye = () => {
+    if (document.body.style.cursor = "default", I.forEach((t) => {
+      t && (t.style.display = "none", t.style.zIndex = "-1");
+    }), E && (cancelAnimationFrame(E), E = null), w.current && (w.current.style.display = "none", w.current.style.zIndex = "-1"), te = {}, o.drag = !1, !o?.src || !o?.des) {
+      o.area = void 0, o.src = void 0, o.des = void 0, p(!1);
       return;
     }
-    if (i.src === i.des) {
-      i.area = void 0, i.src = void 0, i.des = void 0, H(!1);
+    if (o.src === o.des) {
+      o.area = void 0, o.src = void 0, o.des = void 0, p(!1);
       return;
     }
-    if (i.src && i.des) {
-      if (!i.area) {
-        console.warn("No area specified for drag and drop"), H(!1);
+    if (o.src && o.des) {
+      if (!o.area) {
+        console.warn("No area specified for drag and drop"), p(!1);
         return;
       }
       if (!c.updateTree(
-        i.src.dataset.uid,
-        i.des.dataset.uid,
-        i.area || "contain"
+        o.src.dataset.uid,
+        o.des.dataset.uid,
+        o.area || "contain"
       )) {
-        console.warn("Failed to update layout tree"), H(!1);
+        console.warn("Failed to update layout tree"), p(!1);
         return;
       }
       requestAnimationFrame(() => {
-        p(C.cache.nodOpts.get()), me(C.cache.bndOpts.get()), G(), y && y(P._root.toJSON());
+        ne(x.cache.nodOpts.get()), ae(x.cache.bndOpts.get()), q(), g && g(D._root.toJSON());
       });
     }
-    i.area = void 0, i.src = void 0, i.des = void 0, H(!1);
-  }, Ce = (r) => {
-    r.preventDefault(), r.stopPropagation(), r.dataTransfer && (r.dataTransfer.dropEffect = "move");
-  }, ze = (r) => {
-    r.preventDefault(), r.stopPropagation();
-  }, Oe = (r) => {
-    r.preventDefault(), r.stopPropagation(), r.dataTransfer && r.dataTransfer.getData("text/plain");
-  }, He = (r) => {
-    const e = r.currentTarget, s = e.dataset.uid;
-    if (!s) return;
-    const t = C.cache.mapElem.get(s);
-    if (!(t instanceof C)) {
-      console.warn(`Element with uid ${s} is not a Node instance`);
+    o.area = void 0, o.src = void 0, o.des = void 0, p(!1);
+  }, ve = (t) => {
+    t.preventDefault(), t.stopPropagation(), t.dataTransfer && (t.dataTransfer.dropEffect = "move");
+  }, pe = (t) => {
+    t.preventDefault(), t.stopPropagation();
+  }, xe = (t) => {
+    t.preventDefault(), t.stopPropagation(), t.dataTransfer && t.dataTransfer.getData("text/plain");
+  }, we = (t) => {
+    const r = t.currentTarget, l = r.dataset.uid;
+    if (!l) return;
+    const i = x.cache.mapElem.get(l);
+    if (!(i instanceof x)) {
+      console.warn(`Element with uid ${l} is not a Node instance`);
       return;
     }
-    if (!t || !t.host || !t.host.unId) {
-      console.warn(`Node with uid ${s} not found in mapNode`);
+    if (!i || !i.host || !i.host.unId) {
+      console.warn(`Node with uid ${l} not found in mapNode`);
       return;
     }
-    if (t.host.open == t.name) {
-      console.warn(`Node ${t.name} is already open`);
+    if (i.host.open == i.name) {
+      console.warn(`Node ${i.name} is already open`);
       return;
     }
-    const l = C.cache.nodOpts.get().get(t.host.unId);
-    if (!l || l.nodOpen && t?.open)
+    const f = x.cache.nodOpts.get().get(i.host.unId);
+    if (!f || f.nodOpen && i?.open)
       return;
-    t.host.open = t.name, l.nodOpen = t.name, l.nodKids?.forEach((g) => {
-      g.nodOpen = g.nodName === t.name;
-    }), e?.parentElement?.childNodes?.forEach((g) => {
-      g instanceof HTMLDivElement && g.dataset.uid !== s ? g.dataset.state = "inactive" : g.dataset.state = "active";
-    }), G();
+    i.host.open = i.name, f.nodOpen = i.name, f.nodKids?.forEach((N) => {
+      N.nodOpen = N.nodName === i.name;
+    }), r?.parentElement?.childNodes?.forEach((N) => {
+      N instanceof HTMLDivElement && N.dataset.uid !== l ? N.dataset.state = "inactive" : N.dataset.state = "active";
+    }), q();
   };
-  return Le(() => {
-    const r = (s) => {
+  return Pe(() => {
+    const t = (l) => {
       c.updateDimension(
-        d(),
-        s,
-        te
-      ), G();
+        s(),
+        l,
+        B
+      );
     };
-    r(!0);
-    const e = () => r(Y ?? !1);
-    window.addEventListener("resize", e), p(C.cache.nodOpts.get()), me(C.cache.bndOpts.get()), G(), y && y(P._root.toJSON()), _e(() => {
-      window.removeEventListener("resize", e), O && cancelAnimationFrame(O);
+    t(!0);
+    const r = () => t(_ ?? !1);
+    window.addEventListener("resize", r), ne(x.cache.nodOpts.get()), ae(x.cache.bndOpts.get()), q(), g && g(D._root.toJSON()), Ce(() => {
+      window.removeEventListener("resize", r), le(), ce(), de(), ee.cancel(), E && cancelAnimationFrame(E);
     });
   }), {
-    tabsets: ae,
-    sliders: ue,
-    tabsetsRef: j,
-    panelsRef: U,
-    tabsRef: ne,
-    slidersRef: J,
-    layoutJSON: re,
+    tabsets: F,
+    sliders: Q,
+    tabsetsRef: z,
+    panelsRef: O,
+    tabsRef: A,
+    slidersRef: M,
+    layoutJSON: j,
     layoutInstance: c,
-    hoverElementRef: z,
-    rootSplitHoverEl: K,
-    dragging: ge,
-    isUpdating: fe,
-    setIsUpdating: w,
-    setDragging: H,
-    setTabsets: A,
-    setSliders: oe,
-    setLayoutJSON: ce,
-    onDragStart: Se,
-    onDragOver: Re,
-    onDragEnd: Ne,
-    onDragEnter: Ce,
-    onDragLeave: ze,
-    onDrop: Oe,
-    onPointerDown: De,
-    updateActiveTab: He,
-    handleRootSplit: $e,
-    handleNavbarDragOver: Ee
+    hoverElementRef: w,
+    rootSplitHoverEl: I,
+    dragging: V,
+    isUpdating: Z,
+    setIsUpdating: m,
+    setDragging: p,
+    setTabsets: S,
+    setSliders: U,
+    setLayoutJSON: G,
+    onDragStart: he,
+    onDragOver: be,
+    onDragEnd: ye,
+    onDragEnter: ve,
+    onDragLeave: pe,
+    onDrop: xe,
+    onPointerDown: ue,
+    updateActiveTab: we,
+    handleRootSplit: me,
+    handleNavbarDragOver: fe
   };
 };
-var Ke = F("<div>"), Ge = F('<div class="flex items-center justify-center h-full"><span class=text-gray-500>No content');
-const Ve = (n) => {
-  const o = [], m = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map();
-  for (const [d, E] of n) {
-    const h = crypto.randomUUID();
-    o.push(d), m.set(d, {
-      uqid: h,
-      name: d,
-      node: E
-    }), y.set(d, h);
+var qe = H("<div>"), Xe = H('<div class="flex items-center justify-center h-full"><span class=text-gray-500>No content');
+const Ye = (e) => {
+  const a = [], h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
+  for (const [s, b] of e) {
+    const u = crypto.randomUUID();
+    a.push(s), h.set(s, {
+      uqid: u,
+      name: s,
+      node: b
+    }), g.set(s, u);
   }
   return {
-    keys: o,
-    maps: m,
-    name: y
+    keys: a,
+    maps: h,
+    name: g
   };
-}, tt = (n) => {
-  const o = ve(() => Ve(n.tabs));
-  let m;
-  const y = () => {
-    const w = m;
-    if (!w) return {
+}, Ve = (e) => {
+  const a = se(() => Ye(e.tabs));
+  let h;
+  const g = () => {
+    const m = h;
+    if (!m) return {
       w: 0,
       h: 0,
       x: 0,
       y: 0
     };
-    const i = w.getBoundingClientRect(), a = n.pad || {
+    const o = m.getBoundingClientRect(), n = e.pad || {
       t: 0,
       b: 0,
       l: 0,
       r: 0
     };
     return {
-      w: i.width - (a.l + a.r),
-      h: i.height - (a.t + a.b),
-      x: i.left + a.l,
-      y: i.top + a.t
+      w: o.width - (n.l + n.r),
+      h: o.height - (n.t + n.b),
+      x: o.left + n.l,
+      y: o.top + n.t
     };
   }, {
-    tabsetsRef: d,
-    slidersRef: E,
-    sliders: h,
-    tabsets: se,
-    hoverElementRef: le,
-    onDragEnd: M,
-    onDragOver: de,
-    onDragStart: te,
-    onDragEnter: q,
-    onDragLeave: Y,
-    onDrop: j,
-    dragging: J,
-    panelsRef: U,
-    onPointerDown: ne,
-    handleNavbarDragOver: z,
-    updateActiveTab: K,
-    rootSplitHoverEl: re,
-    handleRootSplit: ce,
-    tabsRef: ae,
-    isUpdating: A
-  } = Je({
-    tabOutput: o(),
-    rootId: n.rootId || "dynamix-layout-root",
-    updateJSON: n.updateJSON,
-    enableTabbar: n.enableTabbar === void 0 ? !0 : n.enableTabbar,
-    layoutTree: n.layoutTree,
-    tabHeadHeight: n.tabHeadHeight || P._minH,
-    dimensions: y,
-    sliderUpdateTimeout: n.sliderUpdateTimeout || 2,
-    windowResizeTimeout: n.windowResizeTimeout || 2,
-    bondWidth: n.bondWidth || P._bond,
-    minTabHeight: n.minTabHeight || P._minH,
-    minTabWidth: n.minTabWidth || P._minW,
-    disableSliderTimeout: n.disableSliderTimeout === void 0 ? !0 : n.disableSliderTimeout,
-    disableResizeTimeout: n.disableResizeTimeout === void 0 ? !0 : n.disableResizeTimeout,
-    hoverElementStyles: n.hoverElementStyles
-  }), ue = n.WrapTabPanel || Fe, oe = n.WrapTabHead || Ue, ge = n.WrapTabLabel || Me, H = n.WrapTabBody || je, O = n.SliderElement || qe, fe = n.HoverElement || Xe;
+    tabsetsRef: s,
+    slidersRef: b,
+    sliders: u,
+    tabsets: J,
+    hoverElementRef: k,
+    onDragEnd: R,
+    onDragOver: K,
+    onDragStart: B,
+    onDragEnter: C,
+    onDragLeave: _,
+    onDrop: z,
+    dragging: M,
+    panelsRef: O,
+    onPointerDown: A,
+    handleNavbarDragOver: w,
+    updateActiveTab: I,
+    rootSplitHoverEl: j,
+    handleRootSplit: G,
+    tabsRef: F,
+    isUpdating: S
+  } = Ue({
+    tabOutput: a(),
+    rootId: e.rootId || "dynamix-layout-root",
+    updateJSON: e.updateJSON,
+    enableTabbar: e.enableTabbar === void 0 ? !0 : e.enableTabbar,
+    layoutTree: e.layoutTree,
+    tabHeadHeight: e.tabHeadHeight || D._minH,
+    dimensions: g,
+    sliderUpdateTimeout: e.sliderUpdateTimeout || 2,
+    windowResizeTimeout: e.windowResizeTimeout || 2,
+    bondWidth: e.bondWidth || D._bond,
+    minTabHeight: e.minTabHeight || D._minH,
+    minTabWidth: e.minTabWidth || D._minW,
+    disableSliderTimeout: e.disableSliderTimeout === void 0 ? !0 : e.disableSliderTimeout,
+    disableResizeTimeout: e.disableResizeTimeout === void 0 ? !0 : e.disableResizeTimeout,
+    hoverElementStyles: e.hoverElementStyles
+  }), Q = e.WrapTabPanel || Me, U = e.WrapTabHead || Be, V = e.WrapTabLabel || Le, p = e.WrapTabBody || ke, E = e.SliderElement || je, Z = e.HoverElement || Ae;
   return (() => {
-    var w = Ke(), i = m;
-    return typeof i == "function" ? We(i, w) : m = w, _(w, k({
+    var m = qe(), o = h;
+    return typeof o == "function" ? Te(o, m) : h = m, T(m, $({
       get id() {
-        return n.rootId || "dynamix-layout-root";
+        return e.rootId || "dynamix-layout-root";
       }
-    }, n, {
+    }, e, {
       get "data-testid"() {
-        return n.rootId || "dynamix-layout-root";
+        return e.rootId || "dynamix-layout-root";
       },
       get class() {
-        return J() ? "is-dragging" : "";
+        return M() ? "is-dragging" : "";
       },
       get style() {
         return {
@@ -563,224 +537,224 @@ const Ve = (n) => {
           width: "100%",
           height: "100%",
           overflow: "hidden",
-          ...n.style
+          ...e.style
         };
       }
-    }), !1, !0), R(w, N(ee, {
+    }), !1, !0), y(m, v(L, {
       get each() {
-        return Array.from(se().values());
+        return Array.from(J().values());
       },
-      children: (a) => [N(ue, {
-        ref: (c) => {
-          const p = a.uidNode;
-          c ? U.set(p, c) : U.delete(p);
+      children: (n) => [v(Q, {
+        ref: (d) => {
+          const c = n.uidNode;
+          d ? O.set(c, d) : O.delete(c);
         },
-        onDragEnd: M,
-        onDragOver: de,
-        onDragEnter: q,
-        onDragLeave: Y,
-        onDrop: j,
+        onDragEnd: R,
+        onDragOver: K,
+        onDragEnter: C,
+        onDragLeave: _,
+        onDrop: z,
         get "data-uid"() {
-          return a.uidNode;
+          return n.uidNode;
         },
         get "data-type"() {
-          return a.typNode;
+          return n.typNode;
         },
         get class() {
-          return "hide-scrollbar DefaultWrapTabPanel " + (n.tabPanelElementClass || "");
+          return "hide-scrollbar DefaultWrapTabPanel " + (e.tabPanelElementClass || "");
         },
         get style() {
           return {
             position: "absolute",
-            ...n.tabPanelElementStyles,
-            width: `${a.nodDims.w}px`,
-            height: `${a.nodDims.h}px`,
-            left: `${a.nodDims.x}px`,
-            top: `${a.nodDims.y}px`,
+            ...e.tabPanelElementStyles,
+            width: `${n.nodDims.w}px`,
+            height: `${n.nodDims.h}px`,
+            left: `${n.nodDims.x}px`,
+            top: `${n.nodDims.y}px`,
             "background-color": "transparent"
           };
         }
-      }), N(oe, {
+      }), v(U, {
         get draggable() {
-          return !A();
+          return !S();
         },
         get "data-uid"() {
-          return a.uidNode;
+          return n.uidNode;
         },
         "data-type": "tabset",
-        onDragOver: z,
-        onDragStart: te,
-        onDragEnd: M,
-        onDragEnter: q,
-        onDragLeave: Y,
-        onDrop: j,
-        ref: (c) => {
-          const p = a.uidNode;
-          c ? d.set(p, c) : d.delete(p);
+        onDragOver: w,
+        onDragStart: B,
+        onDragEnd: R,
+        onDragEnter: C,
+        onDragLeave: _,
+        onDrop: z,
+        ref: (d) => {
+          const c = n.uidNode;
+          d ? s.set(c, d) : s.delete(c);
         },
         get class() {
-          return "hide-scrollbar " + (n.tabHeadElementClass || "");
+          return "hide-scrollbar " + (e.tabHeadElementClass || "");
         },
         get style() {
           return {
-            ...n.tabHeadElementStyles,
+            ...e.tabHeadElementStyles,
             position: "absolute",
             "z-index": 99,
-            width: `${a.nodDims.w}px`,
-            height: `${n.tabHeadHeight || P._minH}px`,
-            left: `${a.nodDims.x}px`,
-            top: `${a.nodDims.y}px`,
-            cursor: A() ? "wait" : "pointer"
+            width: `${n.nodDims.w}px`,
+            height: `${e.tabHeadHeight || D._minH}px`,
+            left: `${n.nodDims.x}px`,
+            top: `${n.nodDims.y}px`,
+            cursor: S() ? "wait" : "pointer"
           };
         },
         get children() {
-          return N(ee, {
+          return v(L, {
             get each() {
-              return a.nodKids;
+              return n.nodKids;
             },
-            children: (c) => N(ge, {
+            children: (d) => v(V, {
               get "data-uid"() {
-                return c.uidNode;
+                return d.uidNode;
               },
               "data-type": "tab",
-              onDragStart: te,
-              onDragEnd: M,
+              onDragStart: B,
+              onDragEnd: R,
               get draggable() {
-                return !A();
+                return !S();
               },
               get active() {
-                return !!c.nodOpen;
+                return !!d.nodOpen;
               },
               get class() {
-                return "hide-scrollbar " + (n.tabLabelElementClass || "");
+                return "hide-scrollbar " + (e.tabLabelElementClass || "");
               },
               get style() {
                 return {
-                  cursor: A() ? "wait" : "pointer",
-                  ...n.tabLabelElementStyles
+                  cursor: S() ? "wait" : "pointer",
+                  ...e.tabLabelElementStyles
                 };
               },
-              onClick: K,
+              onClick: I,
               get children() {
-                return xe(() => !!n.tabNames)() && n.tabNames.get(c.nodName) || c.nodName;
+                return ie(() => !!e.tabNames)() && e.tabNames.get(d.nodName) || d.nodName;
               }
             })
           });
         }
       })]
-    }), null), R(w, N(ee, {
+    }), null), y(m, v(L, {
       get each() {
-        return o().keys;
+        return a().keys;
       },
-      children: (a) => {
-        const c = o().maps.get(a)?.uqid;
-        return N(H, {
-          id: c,
+      children: (n) => {
+        const d = a().maps.get(n)?.uqid;
+        return v(p, {
+          id: d,
           draggable: !1,
-          "data-uid": c,
+          "data-uid": d,
           get class() {
-            return "hide-scrollbar " + (n.tabBodyElementClass || "");
+            return "hide-scrollbar " + (e.tabBodyElementClass || "");
           },
           get style() {
             return {
               position: "absolute",
               "z-index": 90,
               "overscroll-behavior": "contain",
-              ...n.tabBodyElementStyles
+              ...e.tabBodyElementStyles
             };
           },
-          ref: (p) => {
-            c && (p ? ae.set(c, p) : ae.delete(c));
+          ref: (c) => {
+            d && (c ? F.set(d, c) : F.delete(d));
           },
           get children() {
-            return o().maps.get(a)?.node || Ge();
+            return a().maps.get(n)?.node || Xe();
           }
         });
       }
-    }), null), R(w, N(ee, {
+    }), null), y(m, v(L, {
       get each() {
-        return Array.from(h().values());
+        return Array.from(u().values());
       },
-      children: (a) => N(O, {
+      children: (n) => v(E, {
         get id() {
-          return a.uidNode;
+          return n.uidNode;
         },
         get "data-uid"() {
-          return a.uidNode;
+          return n.uidNode;
         },
         get direction() {
-          return a.nodeDir;
+          return n.nodeDir;
         },
-        onPointerDown: ne,
+        onPointerDown: A,
         get class() {
-          return "hide-scrollbar " + (n.sliderElementClass || "");
+          return "hide-scrollbar " + (e.sliderElementClass || "");
         },
-        ref: (c) => {
-          const p = a.uidNode;
-          c ? E.set(p, c) : E.delete(p);
+        ref: (d) => {
+          const c = n.uidNode;
+          d ? b.set(c, d) : b.delete(c);
         },
         get style() {
           return {
-            width: `${a.nodDims.w}px`,
-            height: `${a.nodDims.h}px`,
-            left: `${a.nodDims.x}px`,
-            top: `${a.nodDims.y}px`,
-            cursor: a.nodeDir ? "ns-resize" : "ew-resize",
-            ...n.sliderElementStyles
+            width: `${n.nodDims.w}px`,
+            height: `${n.nodDims.h}px`,
+            left: `${n.nodDims.x}px`,
+            top: `${n.nodDims.y}px`,
+            cursor: n.nodeDir ? "ns-resize" : "ew-resize",
+            ...e.sliderElementStyles
           };
         }
       })
-    }), null), R(w, N(fe, {
+    }), null), y(m, v(Z, {
       get class() {
-        return "hide-scrollbar " + (n.hoverElementClass || "");
+        return "hide-scrollbar " + (e.hoverElementClass || "");
       },
       get style() {
         return {
-          ...n.hoverElementStyles
+          ...e.hoverElementStyles
         };
       },
-      ref: (a) => le.current = a
-    }), null), R(w, N(ee, {
+      ref: (n) => k.current = n
+    }), null), y(m, v(L, {
       each: ["left", "right", "top", "bottom"],
-      children: (a, c) => N(Ye, {
-        onDragOver: ce,
-        onDragEnd: M,
-        onDragEnter: q,
-        onDragLeave: Y,
-        onDrop: j,
+      children: (n, d) => v(Fe, {
+        onDragOver: G,
+        onDragEnd: R,
+        onDragEnter: C,
+        onDragLeave: _,
+        onDrop: z,
         get "data-uid"() {
-          return n.rootId || "dynamix-layout-root";
+          return e.rootId || "dynamix-layout-root";
         },
-        "data-area": a,
+        "data-area": n,
         get class() {
-          return "hide-scrollbar " + (n.RootSplitterHoverElClass || "");
+          return "hide-scrollbar " + (e.RootSplitterHoverElClass || "");
         },
-        ref: (p) => {
-          p && (re[c()] = p);
+        ref: (c) => {
+          c && (j[d()] = c);
         },
         get style() {
           return {
-            ...n.RootSplitterHoverElStyles
+            ...e.RootSplitterHoverElStyles
           };
         },
-        area: a,
+        area: n,
         size: {
           h: "25%",
           w: "8px"
         }
       })
-    }), null), w;
+    }), null), m;
   })();
 };
 export {
-  Xe as DefaultHoverElement,
-  qe as DefaultSliderElement,
-  je as DefaultWrapTabBody,
-  Ue as DefaultWrapTabHead,
-  Me as DefaultWrapTabLabel,
-  Fe as DefaultWrapTabPanel,
-  tt as DynamixLayout,
-  Ye as RootSplitterHoverEl,
-  Ve as getTabOutput,
-  Je as useDynamixLayout
+  Ae as DefaultHoverElement,
+  je as DefaultSliderElement,
+  ke as DefaultWrapTabBody,
+  Be as DefaultWrapTabHead,
+  Le as DefaultWrapTabLabel,
+  Me as DefaultWrapTabPanel,
+  Ve as DynamixLayout,
+  Fe as RootSplitterHoverEl,
+  Ye as getTabOutput,
+  Ue as useDynamixLayout
 };