react-panel-layout 0.5.2 → 0.6.1

package/dist/index.js

@@ -1,2010 +1,29 @@
-import { u as kt, a as Mt, b as _t, c as J, d as Ot, e as M, t as Bt, R as ot, G as st } from "./GridLayout-CJTKq7Mp.js";
-import { D as _n, f as On, F as Bn, r as Ln, g as Hn } from "./GridLayout-CJTKq7Mp.js";
-import { jsx as m, jsxs as H, Fragment as et } from "react/jsx-runtime";
-import * as u from "react";
-import { u as Lt, v as Ht, w as Nt, H as zt, z as $t, A as Ft, B as Xt, E as Yt, I as jt, J as Ut, T as Kt, K as Vt, L as Wt, M as qt, N as Zt, O as Jt, Q as Qt, S as te } from "./styles-CA2_zLZt.js";
-import { U as zn } from "./styles-CA2_zLZt.js";
-import { u as nt } from "./useIsomorphicLayoutEffect-DhmEnmZ_.js";
-import { createPortal as ee } from "react-dom";
-import { a as ne } from "./usePivot-CgQxB8rc.js";
-const re = (t) => ({
-  width: zt,
-  cursor: "col-resize",
-  position: "relative",
-  userSelect: "none",
-  backgroundColor: t === "drag" ? Lt : t === "hover" ? Ht : Nt
-}), En = ({ onResize: t, component: e, element: n }) => {
-  const { ref: r, isDragging: o, onPointerDown: s } = kt({
-    axis: "x",
-    onResize: t
-  }), [a, i] = u.useState(!1), c = {
-    ref: r,
-    style: re(o ? "drag" : a ? "hover" : "idle"),
-    role: "separator",
-    "aria-orientation": "vertical",
-    "data-dragging": o ? "true" : void 0,
-    onPointerDown: s,
-    onPointerEnter: () => i(!0),
-    onPointerLeave: () => i(!1)
-  };
-  return n ? u.cloneElement(n, c) : e ? /* @__PURE__ */ m(e, { ...c }) : /* @__PURE__ */ m("div", { ...c });
-}, Rn = () => {
-  const { layerId: t } = Mt(), { getLayerHandleProps: e } = _t();
-  return u.useMemo(() => e(t), [e, t]);
-}, it = { left: 0, top: 0 }, at = { width: 400, height: 300 }, Pn = (t) => {
-  const [e, n] = u.useState(() => {
-    const l = {};
-    return t.forEach((p) => {
-      if (p.floating) {
-        const g = p.floating;
-        l[p.id] = {
-          position: g.defaultPosition ?? it,
-          size: g.defaultSize ?? at
-        };
-      }
-    }), l;
-  }), r = u.useMemo(() => {
-    const l = /* @__PURE__ */ new Map();
-    return t.forEach((p) => l.set(p.id, p)), l;
-  }, [t]), o = u.useCallback(
-    (l) => {
-      const p = r.get(l);
-      return p?.floating?.position !== void 0 ? p.floating.position : e[l]?.position ?? it;
-    },
-    [r, e]
-  ), s = u.useCallback(
-    (l) => {
-      const p = r.get(l);
-      return p?.floating?.size !== void 0 ? p.floating.size : e[l]?.size ?? at;
-    },
-    [r, e]
-  ), a = u.useCallback(
-    (l) => r.get(l)?.floating?.zIndex,
-    [r]
-  ), i = u.useCallback(
-    (l, p) => {
-      const g = r.get(l);
-      g?.floating && (g.floating.position === void 0 && n((v) => {
-        const b = v[l];
-        return b ? {
-          ...v,
-          [l]: { ...b, position: p }
-        } : v;
-      }), g.floating.onMove?.(p));
-    },
-    [r]
-  ), c = u.useCallback(
-    (l, p) => {
-      const g = r.get(l);
-      g?.floating && (g.floating.size === void 0 && n((v) => {
-        const b = v[l];
-        return b ? {
-          ...v,
-          [l]: { ...b, size: p }
-        } : v;
-      }), g.floating.onResize?.(p));
-    },
-    [r]
-  ), d = u.useCallback(
-    (l) => {
-      r.get(l)?.floating?.onClose?.();
-    },
-    [r]
-  );
-  return {
-    getPosition: o,
-    getSize: s,
-    getZIndex: a,
-    updatePosition: i,
-    updateSize: c,
-    close: d
-  };
-}, ft = u.createContext(null), oe = () => {
-  const t = u.useContext(ft);
-  if (!t)
-    throw new Error("useKeybindings must be used within KeybindingsProvider");
-  return t;
-}, se = (t) => {
-  const e = [];
-  t.metaKey && e.push("Mod"), t.ctrlKey && e.push("Ctrl"), t.altKey && e.push("Alt"), t.shiftKey && e.push("Shift");
-  const n = t.key.length === 1 ? t.key.toUpperCase() : t.key;
-  return e.push(n), e.join("-");
-}, ie = ({ children: t, configure: e }) => {
-  const n = u.useRef({}), r = u.useCallback((a, i) => {
-    n.current = { ...n.current, [a]: i };
-  }, []), o = u.useCallback((a) => {
-    const i = { ...n.current };
-    delete i[a], n.current = i;
-  }, []);
-  u.useEffect(() => {
-    const a = (i) => {
-      const c = se(i), d = n.current[c];
-      d && d(i);
-    };
-    return window.addEventListener("keydown", a), () => {
-      window.removeEventListener("keydown", a);
-    };
-  }, []);
-  const s = u.useMemo(() => ({ register: r, unregister: o }), [r, o]);
-  return u.useEffect(() => {
-    e && e(s);
-  }, [s, e]), /* @__PURE__ */ m(ft.Provider, { value: s, children: t });
-}, ae = (t, e) => {
-  t.register("Mod-\\", (n) => {
-    n.preventDefault(), e.splitFocused("vertical");
-  }), t.register("Mod-Shift-\\", (n) => {
-    n.preventDefault(), e.splitFocused("horizontal");
-  });
-  for (const n of [1, 2, 3, 4, 5, 6, 7, 8, 9])
-    t.register(`Mod-${String(n)}`, (r) => {
-      r.preventDefault(), e.focusGroupIndex(n);
-    });
-  t.register("Alt-ArrowRight", (n) => {
-    n.preventDefault(), e.focusNextGroup();
-  }), t.register("Alt-ArrowLeft", (n) => {
-    n.preventDefault(), e.focusPrevGroup();
-  });
-}, ce = (t) => t.type === "group", gt = (t, e = { x: 0, y: 0, w: 100, h: 100 }) => {
-  const n = /* @__PURE__ */ new Map(), r = (o, s) => {
-    if (ce(o)) {
-      n.set(o.groupId, s);
-      return;
-    }
-    if (o.direction === "vertical") {
-      const c = s.w * o.ratio, d = s.w - c;
-      r(o.a, { x: s.x, y: s.y, w: c, h: s.h }), r(o.b, { x: s.x + c, y: s.y, w: d, h: s.h });
-      return;
-    }
-    const a = s.h * o.ratio, i = s.h - a;
-    r(o.a, { x: s.x, y: s.y, w: s.w, h: a }), r(o.b, { x: s.x, y: s.y + a, w: s.w, h: i });
-  };
-  return r(t, e), n;
-}, ue = (t, e) => {
-  const n = gt(t.tree), r = {
-    areas: [["root"]],
-    rows: [{ size: "1fr" }],
-    columns: [{ size: "1fr" }],
-    gap: "0px",
-    style: { position: "relative" }
-  }, o = Array.from(n.entries()).map(([s, a]) => {
-    const i = {
-      position: "absolute",
-      left: `${a.x}%`,
-      top: `${a.y}%`,
-      width: `${a.w}%`,
-      height: `${a.h}%`,
-      overflow: "hidden",
-      display: "flex",
-      flexDirection: "column"
-    };
-    return {
-      id: s,
-      positionMode: "absolute",
-      style: i,
-      component: e(s)
-    };
-  });
-  return { config: r, layers: o };
-}, le = (t, e, n) => {
-  const r = gt(t.tree), o = Array.from(new Set(Array.from(r.values()).flatMap((b) => [b.x, b.x + b.w]))).sort((b, I) => b - I), s = Array.from(new Set(Array.from(r.values()).flatMap((b) => [b.y, b.y + b.h]))).sort((b, I) => b - I), a = o.slice(1).map((b, I) => `${b - o[I]}fr`), i = s.slice(1).map((b, I) => `${b - s[I]}fr`), c = a.map((b) => ({ size: b, resizable: n })), d = i.map((b) => ({ size: b, resizable: n })), l = (b, I, w, T) => {
-    for (const [h, y] of r.entries())
-      if (b >= y.x && I <= y.x + y.w && w >= y.y && T <= y.y + y.h)
-        return h;
-    return ".";
-  }, p = [];
-  for (let b = 0; b < s.length - 1; b += 1) {
-    const I = [];
-    for (let w = 0; w < o.length - 1; w += 1)
-      I.push(l(o[w], o[w + 1], s[b], s[b + 1]));
-    p.push(I);
-  }
-  const g = {
-    areas: p,
-    rows: d,
-    columns: c,
-    gap: "0px"
-  }, v = Array.from(r.keys()).map((b) => ({
-    id: b,
-    gridArea: b,
-    component: e(b)
-  }));
-  return { config: g, layers: v };
-}, bt = u.createContext(null), de = () => {
-  const t = u.useContext(bt);
-  if (!t)
-    throw new Error("usePanelRenderContext must be used within PanelRenderProvider");
-  return t;
-}, pe = ({ value: t, children: e }) => /* @__PURE__ */ m(bt.Provider, { value: t, children: e }), ht = u.createContext(null), mt = () => {
-  const t = u.useContext(ht);
-  if (!t)
-    throw new Error("useDomRegistry must be used within DomRegistryProvider");
-  return t;
-}, fe = ({ children: t }) => {
-  const e = u.useRef(/* @__PURE__ */ new Map()), n = u.useCallback((c) => {
-    const d = e.current.get(c);
-    if (d)
-      return d;
-    const l = { group: null, tabbar: null, content: null };
-    return e.current.set(c, l), l;
-  }, []), r = u.useCallback(
-    (c, d) => {
-      const l = n(c);
-      if (l.group = d, d === null) {
-        const p = e.current.get(c);
-        (p ? p.tabbar === null && p.content === null : !1) && e.current.delete(c);
-      }
-    },
-    [n]
-  ), o = u.useCallback(
-    (c, d) => {
-      const l = n(c);
-      if (l.tabbar = d, d === null) {
-        const p = e.current.get(c);
-        (p ? p.group === null && p.content === null : !1) && e.current.delete(c);
-      }
-    },
-    [n]
-  ), s = u.useCallback(
-    (c, d) => {
-      const l = n(c);
-      if (l.content = d, d === null) {
-        const p = e.current.get(c);
-        (p ? p.group === null && p.tabbar === null : !1) && e.current.delete(c);
-      }
-    },
-    [n]
-  ), a = u.useCallback(() => e.current, []), i = u.useMemo(() => ({ setGroupEl: r, setTabbarEl: o, setContentEl: s, getAll: a }), [r, o, s, a]);
-  return /* @__PURE__ */ m(ht.Provider, { value: i, children: t });
-}, ge = {
-  display: "flex",
-  flexDirection: "column",
-  width: "100%",
-  height: "100%"
-}, be = {
-  flex: "1 1 auto",
-  minWidth: 0,
-  minHeight: 0,
-  position: "relative",
-  overflow: "hidden"
-};
-function he(t, e, n, r) {
-  return t ? u.cloneElement(t, n, r) : e ? /* @__PURE__ */ m(e, { ...n, children: r }) : /* @__PURE__ */ m("div", { ...n, children: r });
-}
-function me(t, e, n, r) {
-  return t ? u.cloneElement(t, n, r) : e ? /* @__PURE__ */ m(e, { ...n, children: r }) : /* @__PURE__ */ m("div", { ...n, children: r });
-}
-const ve = ({
-  group: t,
-  tabbar: e,
-  content: n,
-  onContentPointerDown: r,
-  groupRef: o,
-  contentRef: s,
-  component: a,
-  element: i,
-  contentComponent: c,
-  contentElement: d
-}) => {
-  const l = {
-    ref: o,
-    style: ge,
-    "data-group-id": t.id
-  }, g = he(d, c, {
-    ref: s,
-    style: be,
-    "data-dnd-zone": "content",
-    onPointerDown: r
-  }, n);
-  return me(i, a, l, /* @__PURE__ */ H(et, { children: [
-    e,
-    g
-  ] }));
-}, vt = u.memo(ve, (t, e) => t.group.id !== e.group.id || t.group.activeTabId !== e.group.activeTabId || t.group.tabs.length !== e.group.tabs.length ? !1 : t.group.tabs === e.group.tabs);
-vt.displayName = "PanelGroupView";
-const U = (t, e, n) => {
-  const r = t.left, o = t.top, s = t.width, a = t.height, i = e - r, c = n - o, d = s / 3, l = a / 3;
-  return i > d && i < s - d && c > l && c < a - l ? "center" : i < c && i < s - i && c < a - c ? "left" : s - i < c && s - i < i && c < a - c ? "right" : c < i && c < a - c && i < s - i ? "top" : "bottom";
-};
-function A(t, e) {
-  if (!e) {
-    const r = (() => ({ type: t }));
-    return Object.defineProperty(r, "type", {
-      value: t,
-      writable: !1,
-      enumerable: !0
-    }), r;
-  }
-  const n = ((...r) => {
-    const o = e(...r);
-    return typeof o > "u" ? { type: t } : { type: t, payload: o };
-  });
-  return Object.defineProperty(n, "type", {
-    value: t,
-    writable: !1,
-    enumerable: !0
-  }), n;
-}
-const Ie = (t, e) => {
-  const n = {};
-  return Object.keys(t).forEach((r) => {
-    const o = t[r];
-    n[r] = ((...s) => {
-      const a = o(...s);
-      return e(a), a;
-    });
-  }), n;
-}, It = (t, e) => {
-  const n = {};
-  return Object.keys(e).forEach((r) => {
-    const o = e[r];
-    if (!o)
-      return;
-    const s = t[r];
-    if (!s)
-      throw new Error(`Missing action creator for key "${String(r)}"`);
-    n[s.type] = o;
-  }), n;
-}, wt = { phase: { kind: "idle" }, suggest: null, pointer: null, tabbarHover: null, draggingTabElement: null }, D = {
-  startContent: A(
-    "START_CONTENT",
-    (t) => t
-  ),
-  startTab: A(
-    "START_TAB",
-    (t) => t
-  ),
-  setSuggest: A("SET_SUGGEST", (t) => t),
-  setPointer: A("SET_POINTER", (t) => t),
-  setTabbarHover: A(
-    "SET_TABBAR_HOVER",
-    (t) => t
-  ),
-  reset: A("RESET")
-}, we = It(D, {
-  startContent: (t, e) => ({
-    phase: {
-      kind: "content",
-      startX: e.payload.x,
-      startY: e.payload.y,
-      fromGroupId: e.payload.groupId,
-      tabId: e.payload.tabId,
-      cache: e.payload.cache
-    },
-    suggest: null,
-    pointer: null,
-    tabbarHover: null,
-    draggingTabElement: null
-  }),
-  startTab: (t, e) => ({
-    phase: {
-      kind: "tab",
-      startX: e.payload.x,
-      startY: e.payload.y,
-      fromGroupId: e.payload.groupId,
-      tabId: e.payload.tabId,
-      cache: e.payload.cache
-    },
-    suggest: null,
-    pointer: null,
-    tabbarHover: null,
-    draggingTabElement: e.payload.element
-  }),
-  setSuggest: (t, e) => ({ ...t, suggest: e.payload }),
-  setPointer: (t, e) => ({ ...t, pointer: e.payload }),
-  setTabbarHover: (t, e) => ({ ...t, tabbarHover: e.payload }),
-  reset: () => wt
-}), ye = (t, e) => {
-  const n = we[e.type];
-  return n ? n(t, e, void 0) : t;
-}, yt = u.createContext(null), W = () => {
-  const t = u.useContext(yt);
-  if (!t)
-    throw new Error("usePanelInteractions must be used within InteractionsProvider");
-  return t;
-}, Te = ({
-  containerRef: t,
-  dragThresholdPx: e,
-  onCommitContentDrop: n,
-  onCommitTabDrop: r,
-  isContentZoneAllowed: o,
-  children: s
-}) => {
-  const [a, i] = u.useReducer(ye, wt), c = mt(), d = u.useCallback(() => {
-    const w = Array.from(c.getAll().entries()), T = w.map(([f, S]) => ({ gid: f, el: S.content ?? S.group })).filter((f) => !!f.el).map((f) => ({ ...f, rect: f.el.getBoundingClientRect() })), h = w.map(([f, S]) => ({ gid: f, el: S.tabbar })).filter((f) => !!f.el).map((f) => ({ ...f, rect: f.el.getBoundingClientRect() })), y = w.map(([f, S]) => ({ gid: f, el: S.content ?? S.group })).filter((f) => !!f.el).map((f) => ({ ...f, rect: f.el.getBoundingClientRect() }));
-    return { groups: T, tabbars: h, contents: y };
-  }, [c]), l = J((w) => {
-    if (!t.current)
-      return;
-    const h = w.clientX, y = w.clientY, f = a.phase;
-    if (f.kind === "idle")
-      return;
-    const S = Math.abs(h - f.startX), C = Math.abs(y - f.startY);
-    if (S < e && C < e) {
-      a.phase.kind === "content" && i(D.setSuggest(null)), i(D.setPointer(null)), i(D.setTabbarHover(null));
-      return;
-    }
-    if (i(D.setPointer({ x: h, y })), f.kind === "content") {
-      const G = f.cache.groups.find(({ rect: x }) => h >= x.left && h <= x.right && y >= x.top && y <= x.bottom);
-      if (!G) {
-        i(D.setSuggest(null));
-        return;
-      }
-      const R = U(G.rect, h, y);
-      if (o && !o({ targetGroupId: G.gid, zone: R })) {
-        i(D.setSuggest(null));
-        return;
-      }
-      i(D.setSuggest({ rect: G.rect, zone: R }));
-      return;
-    }
-    if (f.kind === "tab") {
-      const G = f.cache.tabbars.find(({ rect: E }) => h >= E.left && h <= E.right && y >= E.top && y <= E.bottom);
-      if (G) {
-        const k = Array.from(G.el.querySelectorAll("[role='tab']")).map((z) => z.getBoundingClientRect()), P = k.map((z) => z.left + z.width / 2), O = P.findIndex((z) => h < z), B = O === -1 ? P.length : O, At = k.length === 0 ? G.rect.left + 8 : B === 0 ? k[0].left : B === k.length ? k[k.length - 1].right : (k[B - 1].right + k[B].left) / 2;
-        i(D.setTabbarHover({ groupId: G.gid, index: B, rect: G.rect, insertX: At }));
-      } else
-        i(D.setTabbarHover(null));
-      const R = f.cache.contents.find(({ rect: E }) => h >= E.left && h <= E.right && y >= E.top && y <= E.bottom);
-      if (!R) {
-        i(D.setSuggest(null));
-        return;
-      }
-      const x = U(R.rect, h, y);
-      if (o && !o({ targetGroupId: R.gid, zone: x })) {
-        i(D.setSuggest(null));
-        return;
-      }
-      i(D.setSuggest({ rect: R.rect, zone: x }));
-    }
-  }), p = J((w) => {
-    const T = t.current, h = a;
-    if (i(D.reset()), !T)
-      return;
-    const y = w.clientX, f = w.clientY;
-    if (h.phase.kind === "idle")
-      return;
-    const S = Math.abs(y - h.phase.startX), C = Math.abs(f - h.phase.startY);
-    if (!(S < e && C < e)) {
-      if (h.phase.kind === "content") {
-        const G = h.phase.cache.groups.find(({ rect: E }) => y >= E.left && y <= E.right && f >= E.top && f <= E.bottom);
-        if (!G)
-          return;
-        const R = G.gid ?? null;
-        if (!R)
-          return;
-        const x = U(G.rect, y, f);
-        if (o && !o({ targetGroupId: R, zone: x }))
-          return;
-        n({ fromGroupId: h.phase.fromGroupId, tabId: h.phase.tabId, targetGroupId: R, zone: x });
-        return;
-      }
-      if (h.phase.kind === "tab") {
-        const G = h.phase.cache.tabbars.find(({ rect: x }) => y >= x.left && y <= x.right && f >= x.top && f <= x.bottom);
-        if (G) {
-          const x = G.gid;
-          if (!x)
-            return;
-          const k = Array.from(G.el.querySelectorAll("[role='tab']")).map((B) => {
-            const Z = B.getBoundingClientRect();
-            return Z.left + Z.width / 2;
-          }), P = k.findIndex((B) => y < B), O = P === -1 ? k.length : P;
-          r({ fromGroupId: h.phase.fromGroupId, tabId: h.phase.tabId, targetGroupId: x, targetIndex: O });
-          return;
-        }
-        const R = h.phase.cache.contents.find(({ rect: x }) => y >= x.left && y <= x.right && f >= x.top && f <= x.bottom);
-        if (R) {
-          const x = R.gid ?? null;
-          if (!x)
-            return;
-          const E = U(R.rect, y, f);
-          if (o && !o({ targetGroupId: x, zone: E }))
-            return;
-          n({ fromGroupId: h.phase.fromGroupId, tabId: h.phase.tabId, targetGroupId: x, zone: E });
-        }
-      }
-    }
-  }), g = J(() => {
-    i(D.reset());
-  });
-  u.useEffect(() => {
-    if (a.phase.kind !== "idle")
-      return window.addEventListener("pointermove", l), window.addEventListener("pointerup", p, { once: !0 }), window.addEventListener("pointercancel", g, { once: !0 }), () => {
-        window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", g);
-      };
-  }, [a.phase.kind]);
-  const v = u.useCallback((w, T, h) => {
-    if (h.button !== 0)
-      return;
-    h.currentTarget.setPointerCapture(h.pointerId);
-    const y = d();
-    i(D.startContent({ x: h.clientX, y: h.clientY, groupId: w, tabId: T, cache: y }));
-  }, [d]), b = u.useCallback((w, T, h) => {
-    if (h.button !== 0)
-      return;
-    const y = h.currentTarget;
-    y && y.setPointerCapture(h.pointerId);
-    const f = d();
-    i(D.startTab({ x: h.clientX, y: h.clientY, groupId: T, tabId: w, cache: f, element: y }));
-  }, [d]), I = u.useMemo(() => ({
-    suggest: a.suggest,
-    isTabDragging: a.phase.kind === "tab",
-    draggingTabId: a.phase.kind === "tab" ? a.phase.tabId : null,
-    dragPointer: a.pointer,
-    tabbarHover: a.tabbarHover,
-    draggingTabElement: a.draggingTabElement,
-    onStartContentDrag: v,
-    onStartTabDrag: b
-  }), [a.suggest, a.pointer, a.tabbarHover, a.phase, a.draggingTabElement, v, b]);
-  return /* @__PURE__ */ m(yt.Provider, { value: I, children: s });
-}, ct = {
-  display: "inline-flex",
-  alignItems: "center",
-  userSelect: "none"
-}, Se = ({
-  groupId: t,
-  tab: e,
-  active: n,
-  dragging: r,
-  onClickTab: o,
-  onStartDrag: s,
-  onCloseTab: a,
-  tabComponent: i,
-  tabElement: c,
-  onDoubleClick: d
-}) => {
-  const l = u.useEffectEvent(() => {
-    o(e.id);
-  }), p = u.useEffectEvent((I) => {
-    s && I.button === 0 && s(e.id, t, I);
-  }), g = () => {
-    const I = !!a;
-    return /* @__PURE__ */ m(u.Activity, { mode: I ? "visible" : "hidden", children: /* @__PURE__ */ m(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Close tab ${e.title}`,
-        onClick: (w) => {
-          a && (w.stopPropagation(), a(t, e.id));
-        },
-        style: { marginLeft: 6 },
-        tabIndex: I ? void 0 : -1,
-        disabled: !I,
-        "aria-hidden": I ? void 0 : !0,
-        children: "×"
-      }
-    ) });
-  }, v = {
-    role: "tab",
-    "aria-selected": n,
-    tabIndex: n ? 0 : -1,
-    style: ct,
-    onClick: l,
-    onPointerDown: p,
-    onDoubleClick: d,
-    "data-tab-id": e.id,
-    "data-active": n ? "true" : "false",
-    "data-dragging": r ? "true" : "false",
-    children: /* @__PURE__ */ H(et, { children: [
-      /* @__PURE__ */ m("span", { children: e.title }),
-      g()
-    ] })
-  }, b = {
-    type: "button",
-    role: "tab",
-    "aria-selected": n,
-    tabIndex: n ? 0 : -1,
-    style: ct,
-    onClick: () => {
-      o(e.id);
-    },
-    onPointerDown: (I) => {
-      s && I.button === 0 && s(e.id, t, I);
-    },
-    onDoubleClick: d,
-    children: /* @__PURE__ */ m("span", { children: e.title })
-  };
-  return c ? c(b) : i ? /* @__PURE__ */ m(i, { ...b }) : /* @__PURE__ */ m("div", { ...v });
-}, xe = {
-  display: "flex",
-  alignItems: "center"
-}, Ge = {
-  flex: "1 1 auto",
-  alignSelf: "stretch"
-}, Ce = ({
-  group: t,
-  onClickTab: e,
-  onStartDrag: n,
-  rootRef: r,
-  component: o,
-  element: s,
-  tabComponent: a,
-  tabElement: i,
-  onAddTab: c,
-  onCloseTab: d,
-  doubleClickToAdd: l
-}) => {
-  const { isTabDragging: p, draggingTabId: g } = W(), v = u.useRef(null), b = u.useCallback(
-    (f) => {
-      if (v.current = f, !!r) {
-        if (typeof r == "function") {
-          r(f);
-          return;
-        }
-        try {
-          r.current = f;
-        } catch {
-        }
-      }
-    },
-    [r]
-  ), I = u.useEffectEvent((f) => {
-    const S = v.current ?? f.currentTarget;
-    if (!S)
-      return;
-    const C = Array.from(S.querySelectorAll('[role="tab"]'));
-    if (C.length === 0)
-      return;
-    const G = (P) => {
-      const O = Math.max(0, Math.min(P, C.length - 1)), B = C[O];
-      B && B.focus();
-    }, R = document.activeElement, x = R ? C.indexOf(R) : C.findIndex((P) => P.getAttribute("data-tab-id") === t.activeTabId);
-    if (f.key === "ArrowRight") {
-      f.preventDefault();
-      const P = x >= 0 ? x + 1 : 0;
-      G(P >= C.length ? 0 : P);
-      return;
-    }
-    if (f.key === "ArrowLeft") {
-      f.preventDefault();
-      const P = x >= 0 ? x - 1 : C.length - 1;
-      G(P < 0 ? C.length - 1 : P);
-      return;
-    }
-    if (f.key === "Home") {
-      f.preventDefault(), G(0);
-      return;
-    }
-    if (f.key === "End") {
-      f.preventDefault(), G(C.length - 1);
-      return;
-    }
-    if (f.key === "Enter" || f.key === " ") {
-      f.preventDefault();
-      const O = (x >= 0 ? C[x] : null)?.getAttribute("data-tab-id") ?? null;
-      O && e(O);
-      return;
-    }
-    if (f.key === "Delete" || f.key === "Backspace") {
-      if (d) {
-        f.preventDefault();
-        const O = (x >= 0 ? C[x] : null)?.getAttribute("data-tab-id") ?? null;
-        O && d(t.id, O);
-      }
-      return;
-    }
-    const E = (f.ctrlKey ? 1 : 0) + (f.metaKey ? 1 : 0) > 0, k = typeof f.key == "string" ? f.key.toLowerCase() : "";
-    if (E && k === "t") {
-      c && (f.preventDefault(), c(t.id));
-      return;
-    }
-  });
-  u.useEffect(() => {
-    const f = v.current;
-    if (!f)
-      return;
-    const S = f.querySelector(`[role="tab"][data-tab-id="${t.activeTabId}"]`);
-    if (S === document.activeElement)
-      return;
-    !f.contains(document.activeElement) && S && S.focus();
-  }, [t.activeTabId]);
-  const w = {
-    style: xe,
-    role: "tablist",
-    "data-tabbar": "true",
-    "data-group-id": t.id,
-    "data-dragging": p ? "true" : "false",
-    onKeyDown: I
-  }, T = Ot({
-    element: s,
-    component: o
-  }), h = () => c ? /* @__PURE__ */ m(
-    "button",
-    {
-      type: "button",
-      "aria-label": "Add tab",
-      onClick: () => {
-        c(t.id);
-      },
-      children: "+"
-    }
-  ) : null, y = u.useCallback(() => {
-    l && c && c(t.id);
-  }, [l, c, t.id]);
-  return /* @__PURE__ */ H(T, { ...w, ref: b, onDoubleClick: y, children: [
-    t.tabs.map((f, S) => /* @__PURE__ */ m(
-      Se,
-      {
-        groupId: t.id,
-        tab: f,
-        active: t.activeTabId === f.id,
-        dragging: g === f.id,
-        onClickTab: e,
-        onStartDrag: n,
-        onCloseTab: d,
-        tabComponent: a,
-        tabElement: i,
-        onDoubleClick: (C) => C.stopPropagation()
-      },
-      `${t.id}:${f.id}:${S}`
-    )),
-    /* @__PURE__ */ m("span", { style: Ge }),
-    h()
-  ] });
-}, Ee = ({ id: t, TabBarComponent: e, PanelGroupComponent: n }) => {
-  const { getGroup: r, getGroupContent: o, onClickTab: s, onAddTab: a, onCloseTab: i, onStartTabDrag: c, doubleClickToAdd: d, registerContentContainer: l } = de(), { setGroupEl: p, setTabbarEl: g, setContentEl: v } = mt(), b = u.useCallback(
-    (S) => {
-      p(t, S);
-    },
-    [t, p]
-  ), I = u.useCallback(
-    (S) => {
-      v(t, S), l(t, S);
-    },
-    [t, v, l]
-  ), w = u.useCallback(
-    (S) => {
-      g(t, S);
-    },
-    [t, g]
-  ), T = r(t);
-  if (!T)
-    return null;
-  const h = o(t);
-  return /* @__PURE__ */ m(
-    n ?? ((S) => /* @__PURE__ */ m(vt, { ...S })),
-    {
-      group: T,
-      tabbar: /* @__PURE__ */ m(
-        e ?? Ce,
-        {
-          rootRef: w,
-          group: T,
-          onClickTab: (S) => s(t, S),
-          onAddTab: a,
-          onCloseTab: i,
-          onStartDrag: (S, C, G) => c(S, C, G),
-          doubleClickToAdd: d
-        }
-      ),
-      content: h,
-      groupRef: b,
-      contentRef: I
-    }
-  );
-}, Re = (t, e) => {
-  const n = new Array(16);
-  for (let r = 0; r < 4; r++)
-    for (let o = 0; o < 4; o++)
-      n[r * 4 + o] = t[0 + o] * e[r * 4 + 0] + t[4 + o] * e[r * 4 + 1] + t[8 + o] * e[r * 4 + 2] + t[12 + o] * e[r * 4 + 3];
-  return n;
-}, K = (t) => {
-  if (t.length !== 16)
-    throw new Error("Matrix must have exactly 16 values");
-  const e = Object.freeze([...t]), n = (r) => {
-    const o = Re(e, r);
-    return K(o);
-  };
-  return Object.freeze({
-    translate: (r = 0, o = 0, s = 0) => n([
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      r,
-      o,
-      s,
-      1
-    ]),
-    translate3d: (r, o, s) => n([
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      r,
-      o,
-      s,
-      1
-    ]),
-    translateX: (r) => n([
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      r,
-      0,
-      0,
-      1
-    ]),
-    translateY: (r) => n([
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      r,
-      0,
-      1
-    ]),
-    translateZ: (r) => n([
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      r,
-      1
-    ]),
-    scale: (r = 1, o = 1, s = 1) => n([
-      r,
-      0,
-      0,
-      0,
-      0,
-      o,
-      0,
-      0,
-      0,
-      0,
-      s,
-      0,
-      0,
-      0,
-      0,
-      1
-    ]),
-    scale3d: (r, o, s) => n([
-      r,
-      0,
-      0,
-      0,
-      0,
-      o,
-      0,
-      0,
-      0,
-      0,
-      s,
-      0,
-      0,
-      0,
-      0,
-      1
-    ]),
-    scaleX: (r) => n([
-      r,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1
-    ]),
-    scaleY: (r) => n([
-      1,
-      0,
-      0,
-      0,
-      0,
-      r,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      1
-    ]),
-    scaleZ: (r) => n([
-      1,
-      0,
-      0,
-      0,
-      0,
-      1,
-      0,
-      0,
-      0,
-      0,
-      r,
-      0,
-      0,
-      0,
-      0,
-      1
-    ]),
-    rotateX: (r) => {
-      const o = Math.cos(r), s = Math.sin(r);
-      return n([
-        1,
-        0,
-        0,
-        0,
-        0,
-        o,
-        s,
-        0,
-        0,
-        -s,
-        o,
-        0,
-        0,
-        0,
-        0,
-        1
-      ]);
-    },
-    rotateY: (r) => {
-      const o = Math.cos(r), s = Math.sin(r);
-      return n([
-        o,
-        0,
-        -s,
-        0,
-        0,
-        1,
-        0,
-        0,
-        s,
-        0,
-        o,
-        0,
-        0,
-        0,
-        0,
-        1
-      ]);
-    },
-    rotateZ: (r) => {
-      const o = Math.cos(r), s = Math.sin(r);
-      return n([
-        o,
-        s,
-        0,
-        0,
-        -s,
-        o,
-        0,
-        0,
-        0,
-        0,
-        1,
-        0,
-        0,
-        0,
-        0,
-        1
-      ]);
-    },
-    rotate: (r, o, s, a) => {
-      const i = Math.sqrt(o * o + s * s + a * a);
-      if (i === 0)
-        return K(e);
-      o /= i, s /= i, a /= i;
-      const c = Math.cos(r), d = Math.sin(r), l = 1 - c;
-      return n([
-        l * o * o + c,
-        l * o * s + d * a,
-        l * o * a - d * s,
-        0,
-        l * o * s - d * a,
-        l * s * s + c,
-        l * s * a + d * o,
-        0,
-        l * o * a + d * s,
-        l * s * a - d * o,
-        l * a * a + c,
-        0,
-        0,
-        0,
-        0,
-        1
-      ]);
-    },
-    rotate3d: (r, o, s, a) => {
-      const i = Math.sqrt(r * r + o * o + s * s);
-      if (i === 0)
-        return K(e);
-      r /= i, o /= i, s /= i;
-      const c = Math.cos(a), d = Math.sin(a), l = 1 - c;
-      return n([
-        l * r * r + c,
-        l * r * o + d * s,
-        l * r * s - d * o,
-        0,
-        l * r * o - d * s,
-        l * o * o + c,
-        l * o * s + d * r,
-        0,
-        l * r * s + d * o,
-        l * o * s - d * r,
-        l * s * s + c,
-        0,
-        0,
-        0,
-        0,
-        1
-      ]);
-    },
-    skew: (r = 0, o = 0) => {
-      const s = Math.tan(r), a = Math.tan(o);
-      return n([
-        1,
-        a,
-        0,
-        0,
-        s,
-        1,
-        0,
-        0,
-        0,
-        0,
-        1,
-        0,
-        0,
-        0,
-        0,
-        1
-      ]);
-    },
-    skewX: (r) => {
-      const o = Math.tan(r);
-      return n([
-        1,
-        0,
-        0,
-        0,
-        o,
-        1,
-        0,
-        0,
-        0,
-        0,
-        1,
-        0,
-        0,
-        0,
-        0,
-        1
-      ]);
-    },
-    skewY: (r) => {
-      const o = Math.tan(r);
-      return n([
-        1,
-        o,
-        0,
-        0,
-        0,
-        1,
-        0,
-        0,
-        0,
-        0,
-        1,
-        0,
-        0,
-        0,
-        0,
-        1
-      ]);
-    },
-    perspective: (r) => {
-      if (r === 0)
-        throw new Error("Perspective distance cannot be zero");
-      return n([
-        1,
-        0,
-        0,
-        0,
-        0,
-        1,
-        0,
-        0,
-        0,
-        0,
-        1,
-        -1 / r,
-        0,
-        0,
-        0,
-        1
-      ]);
-    },
-    toCSS: () => `matrix3d(${e.join(", ")})`,
-    toArray: () => e,
-    toString: () => [
-      `[${e[0]}, ${e[4]}, ${e[8]}, ${e[12]}]`,
-      `[${e[1]}, ${e[5]}, ${e[9]}, ${e[13]}]`,
-      `[${e[2]}, ${e[6]}, ${e[10]}, ${e[14]}]`,
-      `[${e[3]}, ${e[7]}, ${e[11]}, ${e[15]}]`
-    ].join(`
-`)
-  });
-}, Pe = () => K([
-  1,
-  0,
-  0,
-  0,
-  0,
-  1,
-  0,
-  0,
-  0,
-  0,
-  1,
-  0,
-  0,
-  0,
-  0,
-  1
-]), De = {
-  position: "fixed",
-  inset: 0,
-  pointerEvents: "none",
-  zIndex: $t
-}, Ae = {
-  position: "absolute",
-  border: `${Yt} dashed ${jt}`,
-  background: Xt,
-  borderRadius: Ft,
-  transformOrigin: "top left"
-}, L = (t, e) => e <= 0 ? 0 : M(t / e, 0), ke = (t, e, n) => {
-  const { width: r, height: o } = t, s = n / 2, a = r > 0 ? r : 1, i = o > 0 ? o : 1, c = {
-    translateX: n,
-    translateY: n,
-    scaleX: L(M(r - n * 2, 0), a),
-    scaleY: L(M(o - n * 2, 0), i)
-  }, d = {
-    translateX: n,
-    translateY: n,
-    scaleX: L(M(r / 2 - n * 1.5, 0), a),
-    scaleY: L(M(o - n * 2, 0), i)
-  }, l = {
-    translateX: r / 2 + s,
-    translateY: n,
-    scaleX: L(M(r / 2 - n * 1.5, 0), a),
-    scaleY: L(M(o - n * 2, 0), i)
-  }, p = {
-    translateX: n,
-    translateY: n,
-    scaleX: L(M(r - n * 2, 0), a),
-    scaleY: L(M(o / 2 - n * 1.5, 0), i)
-  }, g = {
-    translateX: n,
-    translateY: o / 2 + s,
-    scaleX: L(M(r - n * 2, 0), a),
-    scaleY: L(M(o / 2 - n * 1.5, 0), i)
-  }, v = {
-    center: c,
-    left: d,
-    right: l,
-    top: p,
-    bottom: g
-  }, { translateX: b, translateY: I, scaleX: w, scaleY: T } = v[e];
-  return Pe().translate(b, I, 0).scale(w, T, 1).toCSS();
-}, Me = (t, e) => {
-  const n = Ut;
-  return {
-    ...Ae,
-    left: t.left,
-    top: t.top,
-    width: t.width,
-    height: t.height,
-    transform: ke(t, e, n)
-  };
-}, _e = ({ suggest: t }) => {
-  if (!t)
-    return null;
-  const { rect: e, zone: n } = t, r = Me(e, n);
-  return /* @__PURE__ */ m("div", { style: De, children: /* @__PURE__ */ m("div", { style: r }) });
-}, Oe = typeof window < "u" && typeof document < "u", Be = (t) => {
-  const [e, n] = u.useState(null), [r, o] = u.useState(null);
-  return nt(() => {
-    if (!Oe || !t) {
-      n(null), o(null);
-      return;
-    }
-    const s = t.getBoundingClientRect();
-    n({ width: s.width, height: s.height }), o(t.outerHTML);
-  }, [t]), { html: r, size: e };
-}, Le = {
-  position: "fixed",
-  inset: 0,
-  pointerEvents: "none",
-  zIndex: Qt
-}, He = {
-  position: "absolute",
-  width: Jt,
-  borderRadius: Zt,
-  background: qt,
-  boxShadow: Wt
-}, Ne = () => {
-  const { isTabDragging: t, draggingTabId: e, dragPointer: n, tabbarHover: r, draggingTabElement: o } = W(), { html: s, size: a } = Be(o), i = n !== null && e !== null, c = u.useMemo(() => {
-    if (!(!i || !n))
-      return {
-        position: "absolute",
-        left: n.x,
-        top: n.y,
-        transform: `translate(${Kt}, ${Vt})`,
-        pointerEvents: "none"
-      };
-  }, [i, n]), d = u.useMemo(() => {
-    if (!(!c || !o))
-      return a ? { ...c, width: a.width, height: a.height } : c;
-  }, [c, o, a]), l = u.useMemo(() => {
-    if (r)
-      return {
-        ...He,
-        left: r.insertX,
-        top: r.rect.top + 4,
-        height: Math.max(0, r.rect.height - 8)
-      };
-  }, [r]);
-  return t ? /* @__PURE__ */ H("div", { style: Le, children: [
-    /* @__PURE__ */ m(u.Activity, { mode: d ? "visible" : "hidden", children: /* @__PURE__ */ m("div", { style: d, children: /* @__PURE__ */ m(
-      "div",
-      {
-        style: { width: "100%", height: "100%", pointerEvents: "none" },
-        dangerouslySetInnerHTML: { __html: s ?? "" }
-      }
-    ) }) }),
-    /* @__PURE__ */ m(u.Activity, { mode: l ? "visible" : "hidden", children: /* @__PURE__ */ m("div", { style: l }) })
-  ] }) : null;
-}, _ = (t) => t.type === "group", Y = (t, e = []) => {
-  if (_(t))
-    return [...e, t.groupId];
-  const n = Y(t.a, e);
-  return Y(t.b, n);
-}, q = (t, e) => e.reduce((n, r) => _(n) ? n : n[r], t), j = (t, e, n) => {
-  if (e.length === 0)
-    return n;
-  const [r, ...o] = e;
-  return _(t) ? t : r === "a" ? { ...t, a: j(t.a, o, n) } : { ...t, b: j(t.b, o, n) };
-}, V = (t, e, n = []) => {
-  if (_(t))
-    return t.groupId === e ? { splitPath: null, side: null } : null;
-  if (_(t.a) && t.a.groupId === e)
-    return { splitPath: n, side: "a" };
-  if (_(t.b) && t.b.groupId === e)
-    return { splitPath: n, side: "b" };
-  const r = V(t.a, e, [...n, "a"]);
-  return r || V(t.b, e, [...n, "b"]);
-}, Tt = (t, e, n, r) => {
-  const o = r(), s = V(t, e), a = {
-    type: "split",
-    direction: n,
-    ratio: 0.5,
-    a: { type: "group", groupId: e },
-    b: { type: "group", groupId: o }
-  };
-  if (!s || s.splitPath === null)
-    return { tree: a, newGroupId: o };
-  const i = s.splitPath, c = q(t, i);
-  if (_(c))
-    return { tree: a, newGroupId: o };
-  const d = s.side === "a" ? { ...c, a } : { ...c, b: a };
-  return { tree: j(t, i, d), newGroupId: o };
-}, ze = (t, e) => {
-  const n = V(t, e);
-  if (!n || n.splitPath === null)
-    return { tree: t, survivorGroupId: e };
-  const r = n.splitPath, o = q(t, r);
-  if (_(o))
-    return { tree: t, survivorGroupId: e };
-  const s = n.side === "a" ? o.b : o.a, a = j(t, r, s), i = _(s) ? s.groupId : Y(s)[0] ?? null;
-  return { tree: a, survivorGroupId: i };
-}, $e = (t, e, n) => {
-  const r = q(t, e);
-  if (_(r))
-    return t;
-  const o = { ...r, ratio: M(n, 0.05, 0.95) };
-  return j(t, e, o);
-}, Q = (t) => {
-  if (Object.keys(t.groups).filter((o) => t.groups[o].tabIds.length === 0).length === 0)
-    return t;
-  const r = (o, s) => {
-    const a = o.groups[s];
-    if (!a || a.tabs.length > 0 || Object.keys(o.groups).length <= 1)
-      return o;
-    const { tree: c, survivorGroupId: d } = ze(o.tree, s), { [s]: l, ...p } = o.groups, g = Y(c), v = o.focusedGroupId === s ? d ?? g[0] ?? null : o.focusedGroupId;
-    return { ...o, tree: c, groups: p, groupOrder: g, focusedGroupId: v };
-  };
-  return t.groupOrder.reduce((o, s) => r(o, s), t);
-}, Fe = (t) => ({ id: t, tabIds: [], tabs: [], activeTabId: null }), ut = (t, e, n, r) => {
-  const o = { ...t.groups }, s = o[e];
-  if (!s)
-    throw new Error(`Group ${e} does not exist.`);
-  const a = { ...t.panels, [n.id]: n }, i = [...s.tabIds, n.id], c = r ? n.id : s.activeTabId ?? n.id, d = i.map((p) => a[p]), l = { ...s, tabIds: i, tabs: d, activeTabId: c };
-  return o[e] = l, { ...t, panels: a, groups: o };
-}, Xe = (t, e, n) => {
-  const r = { ...t.groups }, o = r[e];
-  if (!o)
-    throw new Error(`Group ${e} does not exist.`);
-  const s = o.tabIds.filter((c) => c !== n), a = s.map((c) => t.panels[c]), i = o.activeTabId === n ? s[0] ?? null : o.activeTabId;
-  return r[e] = { ...o, tabIds: s, tabs: a, activeTabId: i }, { ...t, groups: r };
-}, lt = (t, e, n, r, o) => {
-  const s = t.groups[e], a = t.groups[n];
-  if (!s || !a)
-    throw new Error("moveTab: source or target group is missing.");
-  const i = { ...t.groups }, c = s.tabIds.filter((p) => p !== r), d = [...a.tabIds.filter((p) => p !== r), r], l = s.activeTabId === r ? c[0] ?? null : s.activeTabId;
-  return i[e] = { ...s, tabIds: c, tabs: c.map((p) => t.panels[p]), activeTabId: l }, i[n] = { ...a, tabIds: d, tabs: d.map((p) => t.panels[p]), activeTabId: r }, { ...t, groups: i };
-}, St = (t, e, n) => {
-  const r = t.groups[e];
-  if (!r)
-    throw new Error(`setActiveTab: group ${e} not found.`);
-  if (!r.tabIds.some((s) => s === n))
-    throw new Error(`setActiveTab: tab ${n} not found in group ${e}.`);
-  const o = { ...t.groups, [e]: { ...r, activeTabId: n } };
-  return { ...t, groups: o, focusedGroupId: e };
-}, dt = (t, e, n, r, o) => {
-  const s = t.groups[e];
-  if (!s)
-    throw new Error(`addTabToGroupAtIndex: group ${e} not found.`);
-  const a = { ...t.panels, [n.id]: n }, i = s.tabIds.slice(), c = Math.max(0, Math.min(r, i.length));
-  i.splice(c, 0, n.id);
-  const d = i.map((g) => a[g]), l = o ? n.id : s.activeTabId ?? n.id, p = { ...t.groups, [e]: { ...s, tabIds: i, tabs: d, activeTabId: l } };
-  return { ...t, panels: a, groups: p };
-}, N = (t, e) => {
-  if (!t.groups[e])
-    throw new Error(`setFocusedGroup: group ${e} not found.`);
-  return { ...t, focusedGroupId: e };
-}, Ye = (t, e) => {
-  const n = e - 1, r = t.groupOrder[n];
-  return r ? N(t, r) : t;
-}, je = (t) => {
-  const e = t.groupOrder, n = t.focusedGroupId;
-  if (!n) {
-    const s = e[0];
-    return s ? N(t, s) : t;
-  }
-  const r = e.indexOf(n), o = e[(r + 1) % e.length];
-  return N(t, o);
-}, Ue = (t) => {
-  const e = t.groupOrder, n = t.focusedGroupId;
-  if (!n) {
-    const s = e[e.length - 1];
-    return s ? N(t, s) : t;
-  }
-  const r = e.indexOf(n), o = e[(r - 1 + e.length) % e.length];
-  return N(t, o);
-}, xt = (t, e, n, r) => {
-  const { tree: o, newGroupId: s } = Tt(t.tree, e, n, r), a = { ...t.groups, [s]: Fe(s) }, i = Y(o);
-  return { ...t, tree: o, groups: a, groupOrder: i, focusedGroupId: s };
-}, Dn = (t) => {
-  const n = { type: "group", groupId: "g_1" }, r = Object.fromEntries(t.map((i) => [i.id, i])), s = { g_1: { id: "g_1", tabIds: t.map((i) => i.id), tabs: t, activeTabId: t[0]?.id ?? null } };
-  return { tree: n, panels: r, groups: s, groupOrder: ["g_1"], focusedGroupId: "g_1" };
-}, Ke = u.createContext(null), Ve = ({ value: t, children: e }) => /* @__PURE__ */ m(Ke.Provider, { value: t, children: e }), Gt = u.createContext(null), We = () => {
-  const t = u.useContext(Gt);
-  if (!t)
-    throw new Error("useTree must be used within TreeProvider");
-  return t;
-}, qe = ({ value: t, children: e }) => /* @__PURE__ */ m(Gt.Provider, { value: t, children: e }), Ze = u.createContext(null), Je = ({ value: t, children: e }) => /* @__PURE__ */ m(Ze.Provider, { value: t, children: e }), F = (t) => {
-  const e = Bt(t, Number.POSITIVE_INFINITY);
-  return M(e, 1);
-}, Qe = (t) => typeof t == "object" && t !== null, tn = (t) => Qe(t) ? "rows" in t ? !0 : "cols" in t : !1, Ct = (t) => {
-  if (!t)
-    return {
-      rows: Number.POSITIVE_INFINITY,
-      cols: Number.POSITIVE_INFINITY
-    };
-  if (typeof t == "number") {
-    const n = F(t);
-    return { rows: n, cols: n };
-  }
-  if (tn(t))
-    return {
-      rows: F(t.rows),
-      cols: F(t.cols)
-    };
-  const e = t;
-  return {
-    rows: F(e.maxHorizontal),
-    cols: F(e.maxVertical)
-  };
-}, tt = (t) => {
-  if (_(t))
-    return { horizontal: 1, vertical: 1 };
-  const e = tt(t.a), n = tt(t.b);
-  return t.direction === "horizontal" ? { horizontal: e.horizontal + n.horizontal, vertical: Math.max(e.vertical, n.vertical) } : { horizontal: Math.max(e.horizontal, n.horizontal), vertical: e.vertical + n.vertical };
-}, en = (t, e, n) => {
-  const { tree: r } = Tt(t, e, n, () => "__preview__");
-  return r;
-}, rt = (t, e, n, r) => {
-  if (!Number.isFinite(r.rows) && !Number.isFinite(r.cols))
-    return !0;
-  const o = en(t, e, n), s = tt(o);
-  return !(s.horizontal > r.rows || s.vertical > r.cols);
-}, Et = {
-  splitFocused: A("panelState/splitFocused", (t) => ({ direction: t })),
-  focusGroupIndex: A("panelState/focusGroupIndex", (t) => ({ index1Based: t })),
-  focusNextGroup: A("panelState/focusNextGroup"),
-  focusPrevGroup: A("panelState/focusPrevGroup"),
-  setActiveTab: A("panelState/setActiveTab", (t, e) => ({ groupId: t, tabId: e })),
-  addTab: A(
-    "panelState/addTab",
-    (t) => t
-  ),
-  addNewTab: A(
-    "panelState/addNewTab",
-    (t) => t
-  ),
-  removeTab: A("panelState/removeTab", (t, e) => ({ groupId: t, tabId: e })),
-  contentDrop: A(
-    "panelState/contentDrop",
-    (t) => t
-  ),
-  tabDrop: A(
-    "panelState/tabDrop",
-    (t) => t
-  ),
-  adjustSplitRatio: A("panelState/adjustSplitRatio", (t) => t)
-}, nn = (t, e, n) => {
-  const r = t.groups[e.fromGroupId], o = t.groups[e.targetGroupId];
-  if (!r || !o || !r.tabs.find((p) => p.id === e.tabId))
-    return t;
-  if (e.zone === "center" && e.fromGroupId === e.targetGroupId)
-    return St(t, e.fromGroupId, e.tabId);
-  if (e.zone === "center") {
-    const p = lt(t, e.fromGroupId, e.targetGroupId, e.tabId);
-    return N(p, e.targetGroupId);
-  }
-  const a = e.zone === "left" || e.zone === "right" ? "vertical" : "horizontal";
-  if (!rt(t.tree, e.targetGroupId, a, n.splitLimits))
-    return t;
-  const i = n.createGroupId(), c = xt(t, e.targetGroupId, a, () => i), d = e.zone === "left" || e.zone === "top" ? e.targetGroupId : i, l = lt(c, e.fromGroupId, d, e.tabId);
-  return N(l, d);
-}, rn = (t, e) => {
-  const n = t.groups[e.fromGroupId], r = t.groups[e.targetGroupId];
-  if (!n || !r || !t.panels[e.tabId])
-    return t;
-  if (e.fromGroupId === e.targetGroupId) {
-    const g = n.tabIds.filter((T) => T !== e.tabId), v = Math.max(0, Math.min(e.targetIndex, g.length)), b = g.slice(0, v).concat([e.tabId], g.slice(v)), I = b.map((T) => t.panels[T]).filter(Boolean), w = { ...t.groups, [e.fromGroupId]: { ...n, tabIds: b, tabs: I } };
-    return { ...t, groups: w };
-  }
-  const s = { ...t.groups }, a = n.tabIds.filter((g) => g !== e.tabId), i = a.map((g) => t.panels[g]);
-  s[e.fromGroupId] = {
-    ...n,
-    tabIds: a,
-    tabs: i,
-    activeTabId: n.activeTabId === e.tabId ? i[0]?.id ?? null : n.activeTabId
-  };
-  const c = r.tabIds.filter((g) => g !== e.tabId), d = Math.max(0, Math.min(e.targetIndex, c.length)), l = c.slice(0, d).concat([e.tabId], c.slice(d)), p = l.map((g) => t.panels[g]).filter(Boolean);
-  return s[e.targetGroupId] = { ...r, tabIds: l, tabs: p, activeTabId: e.tabId }, { ...t, groups: s, focusedGroupId: e.targetGroupId };
-}, on = It(Et, {
-  splitFocused: (t, e, n) => {
-    const r = t.focusedGroupId ?? t.groupOrder[0] ?? null;
-    return !r || !rt(t.tree, r, e.payload.direction, n.splitLimits) ? t : xt(t, r, e.payload.direction, n.createGroupId);
-  },
-  focusGroupIndex: (t, e) => Ye(t, e.payload.index1Based),
-  focusNextGroup: (t) => je(t),
-  focusPrevGroup: (t) => Ue(t),
-  setActiveTab: (t, e) => St(t, e.payload.groupId, e.payload.tabId),
-  addTab: (t, e) => {
-    const { groupId: n, tab: r, index: o, makeActive: s } = e.payload;
-    return typeof o == "number" ? dt(t, n, r, o, s ?? !0) : ut(t, n, r, s ?? !0);
-  },
-  addNewTab: (t, e, n) => {
-    if (!n.createPanelId)
-      throw new Error("addNewTab requires PanelSystemProvider.createPanelId");
-    const o = { id: n.createPanelId(), title: e.payload.title, render: () => e.payload.title }, { groupId: s, index: a, makeActive: i } = e.payload;
-    return typeof a == "number" ? dt(t, s, o, a, i ?? !0) : ut(t, s, o, i ?? !0);
-  },
-  removeTab: (t, e) => Xe(t, e.payload.groupId, e.payload.tabId),
-  contentDrop: (t, e, n) => nn(t, e.payload, n),
-  tabDrop: (t, e) => rn(t, e.payload),
-  adjustSplitRatio: (t, e) => {
-    const n = q(t.tree, e.payload.path);
-    if (_(n))
-      return t;
-    const r = $e(t.tree, e.payload.path, n.ratio + e.payload.deltaRatio);
-    return { ...t, tree: r };
-  }
-}), pt = (t, e, n) => {
-  const r = on[e.type];
-  if (!r)
-    return t;
-  const o = r(t, e, n);
-  return Q(o);
-}, Rt = u.createContext(null), $ = () => {
-  const t = u.useContext(Rt);
-  if (!t)
-    throw new Error("usePanelSystem must be used within PanelSystemProvider");
-  return t;
-}, sn = ({
-  initialState: t,
-  createGroupId: e,
-  createPanelId: n,
-  state: r,
-  onStateChange: o,
-  splitLimits: s,
-  children: a
-}) => {
-  const i = u.useMemo(() => Q(t), [t]), c = u.useMemo(() => Ct(s), [s]), d = u.useRef({ createGroupId: e, splitLimits: c, createPanelId: n });
-  d.current.createGroupId = e, d.current.splitLimits = c, d.current.createPanelId = n;
-  const [l, p] = u.useReducer(
-    (S, C) => pt(S, C, d.current),
-    i
-  ), g = u.useMemo(
-    () => r ? Q(r) : l,
-    [r, l]
-  ), v = u.useRef(g);
-  v.current = g;
-  const b = r !== void 0, I = u.useCallback(
-    (S) => {
-      if (b) {
-        const C = pt(v.current, S, d.current);
-        o?.(C);
-        return;
-      }
-      p(S);
-    },
-    [b, o, p]
-  ), w = u.useMemo(() => Ie(Et, I), [I]), T = u.useMemo(
-    () => ({
-      setActiveTab: w.setActiveTab,
-      tabDrop: w.tabDrop
-    }),
-    [w]
-  ), h = u.useMemo(
-    () => ({
-      adjustSplitRatio: w.adjustSplitRatio
-    }),
-    [w]
-  ), y = u.useMemo(
-    () => ({
-      focusGroupIndex: w.focusGroupIndex,
-      focusNextGroup: w.focusNextGroup,
-      focusPrevGroup: w.focusPrevGroup
-    }),
-    [w]
-  ), f = u.useMemo(
-    () => ({
-      state: g,
-      dispatch: I,
-      actions: w
-    }),
-    [g, I, w]
-  );
-  return /* @__PURE__ */ m(Rt.Provider, { value: f, children: /* @__PURE__ */ m(Ve, { value: T, children: /* @__PURE__ */ m(qe, { value: h, children: /* @__PURE__ */ m(Je, { value: y, children: a }) }) }) });
-}, an = () => {
-  const { actions: t } = $();
-  return u.useMemo(
-    () => ({
-      splitFocused: (e) => {
-        t.splitFocused(e);
-      },
-      focusGroupIndex: (e) => {
-        t.focusGroupIndex(e);
-      },
-      focusNextGroup: () => {
-        t.focusNextGroup();
-      },
-      focusPrevGroup: () => {
-        t.focusPrevGroup();
-      },
-      closeFocusedGroup: () => {
-      }
-    }),
-    [t]
-  );
-}, cn = () => {
-  const { actions: t } = $(), e = u.useCallback(
-    ({ fromGroupId: r, tabId: o, targetGroupId: s, zone: a }) => {
-      t.contentDrop({ fromGroupId: r, tabId: o, targetGroupId: s, zone: a });
-    },
-    [t]
-  ), n = u.useCallback(
-    ({ fromGroupId: r, tabId: o, targetGroupId: s, targetIndex: a }) => {
-      t.tabDrop({ fromGroupId: r, tabId: o, targetGroupId: s, targetIndex: a });
-    },
-    [t]
-  );
-  return { onCommitContentDrop: e, onCommitTabDrop: n };
-}, un = () => {
-  const t = oe(), e = an();
-  return u.useEffect(() => {
-    ae(t, e);
-  }, [t, e]), null;
-}, Pt = u.createContext(null), ln = () => {
-  const t = u.useContext(Pt);
-  if (!t)
-    throw new Error("useContentRegistry must be used within ContentRegistryProvider");
-  return t;
-}, dn = (t) => {
-  const e = document.createElement("div");
-  return e.setAttribute("data-panel-wrapper", t), e.style.display = "contents", e;
-}, pn = (t, e, n) => {
-  const [r] = u.useState(() => dn(t));
-  return nt(() => (r.style.display = n ? "contents" : "none", e && r.parentElement !== e && e.appendChild(r), () => {
-    r.parentElement?.removeChild(r);
-  }), [r, e, n]), r;
-}, Dt = u.memo(
-  ({ panelId: t, content: e, placement: n, containerElement: r }) => {
-    const o = n?.isActive ?? !1, s = pn(t, r, o);
-    return ee(
-      /* @__PURE__ */ m(u.Activity, { mode: o ? "visible" : "hidden", children: e }),
-      s
-    );
-  }
-);
-Dt.displayName = "PanelContentHost";
-const fn = ({
-  children: t,
-  panels: e,
-  placements: n
-}) => {
-  const [r, o] = u.useState(/* @__PURE__ */ new Map()), s = u.useCallback((g, v) => {
-    o((b) => {
-      const I = new Map(b);
-      return v ? I.set(g, v) : I.delete(g), I;
-    });
-  }, []), a = u.useMemo(
-    () => ({ registerContentContainer: s }),
-    [s]
-  ), i = u.useRef(e);
-  i.current = e;
-  const c = u.useCallback((g) => {
-    const v = i.current[g];
-    return v ? v.render(v.id) : null;
-  }, []), d = u.useMemo(() => Object.keys(e), [e]), { getCachedContent: l } = ne({
-    resolveContent: c,
-    validIds: d
-  }), p = Object.keys(e);
-  return /* @__PURE__ */ H(Pt.Provider, { value: a, children: [
-    t,
-    p.map((g) => {
-      if (!e[g])
-        return null;
-      const b = n[g] ?? null, I = b ? r.get(b.groupId) ?? null : null, w = l(g);
-      return /* @__PURE__ */ m(
-        Dt,
-        {
-          panelId: g,
-          content: w,
-          placement: b,
-          containerElement: I
-        },
-        g
-      );
-    })
-  ] });
-}, gn = ({
-  children: t,
-  emptyContentComponent: e,
-  doubleClickToAdd: n
-}) => {
-  const r = W(), { state: o, actions: s } = $(), { registerContentContainer: a } = ln(), i = u.useCallback(() => u.createElement("div", { style: { color: "#888", fontSize: 12, padding: 12 } }, "No tabs"), []), c = e ?? i, d = u.useCallback(
-    (T) => {
-      const h = o.groups[T];
-      if (!h)
-        return null;
-      const y = h.tabIds.map((f) => o.panels[f]).filter(Boolean);
-      return { ...h, tabs: y };
-    },
-    [o.groups, o.panels]
-  ), l = u.useCallback(
-    (T) => {
-      const h = o.groups[T];
-      return !h || h.tabIds.length === 0 ? /* @__PURE__ */ m(c, {}) : null;
-    },
-    [o.groups, c]
-  ), p = u.useCallback((T, h) => {
-    s.setActiveTab(T, h);
-  }, [s]), g = u.useCallback((T) => {
-    s.addNewTab({ groupId: T, title: "New Tab", makeActive: !0 });
-  }, [s]), v = u.useCallback((T, h) => {
-    s.removeTab(T, h);
-  }, [s]), b = u.useCallback((T, h, y) => {
-    s.setActiveTab(h, T), r.onStartTabDrag(T, h, y);
-  }, [s, r]), I = u.useCallback((T, h) => {
-    const y = o.groups[T];
-    !y || !y.activeTabId || r.onStartContentDrag(T, y.activeTabId, h);
-  }, [o.groups, r]), w = u.useMemo(
-    () => ({ getGroup: d, getGroupContent: l, onClickTab: p, onAddTab: g, onCloseTab: v, onStartTabDrag: b, onStartContentDrag: I, doubleClickToAdd: n, registerContentContainer: a }),
-    [d, l, p, g, v, b, I, n, a]
-  );
-  return /* @__PURE__ */ m(pe, { value: w, children: t });
-}, bn = ({
-  children: t,
-  emptyContentComponent: e,
-  doubleClickToAdd: n
-}) => {
-  const { state: r } = $(), o = u.useMemo(() => {
-    const s = {};
-    for (const [a, i] of Object.entries(r.groups))
-      for (const c of i.tabIds)
-        s[c] = {
-          groupId: a,
-          isActive: c === i.activeTabId
-        };
-    return s;
-  }, [r.groups]);
-  return /* @__PURE__ */ m(fn, { panels: r.panels, placements: o, children: /* @__PURE__ */ m(gn, { emptyContentComponent: e, doubleClickToAdd: n, children: t }) });
-}, X = (t, e, n, r) => {
-  if (_(t))
-    return r;
-  const o = t.direction, s = o === "vertical" ? n.x + n.w * t.ratio : n.y + n.h * t.ratio;
-  if (r.push({ path: e, direction: o, parentRect: n, linePos: s }), o === "vertical") {
-    const c = n.w * t.ratio, d = n.w - c;
-    return X(t.a, [...e, "a"], { x: n.x, y: n.y, w: c, h: n.h }, r), X(t.b, [...e, "b"], { x: n.x + c, y: n.y, w: d, h: n.h }, r), r;
-  }
-  const a = n.h * t.ratio, i = n.h - a;
-  return X(t.a, [...e, "a"], { x: n.x, y: n.y, w: n.w, h: a }, r), X(t.b, [...e, "b"], { x: n.x, y: n.y + a, w: n.w, h: i }, r), r;
-}, hn = ({ containerRef: t }) => {
-  const { state: e } = $(), { adjustSplitRatio: n } = We(), r = u.useMemo(() => X(e.tree, [], { x: 0, y: 0, w: 100, h: 100 }, []), [e.tree]), [o, s] = u.useState(null);
-  if (nt(() => {
-    const i = t.current;
-    if (!i)
-      return;
-    const c = () => {
-      const v = i.getBoundingClientRect();
-      s({ left: v.left, top: v.top, width: v.width, height: v.height });
-    };
-    c();
-    function d() {
-      try {
-        const v = window.ResizeObserver;
-        return typeof v == "function" ? v : null;
-      } catch {
-        return null;
-      }
-    }
-    const l = d(), p = l ? new l(() => c()) : null;
-    p && p.observe(i);
-    const g = () => c();
-    return window.addEventListener("scroll", g, !0), () => {
-      window.removeEventListener("scroll", g, !0), p && p.disconnect();
-    };
-  }, [t, e.tree]), !o)
-    return null;
-  const a = (i, c) => {
-    const d = {
-      left: o.left + o.width * i.parentRect.x / 100,
-      top: o.top + o.height * i.parentRect.y / 100,
-      width: o.width * i.parentRect.w / 100,
-      height: o.height * i.parentRect.h / 100
-    }, l = te;
-    if (i.direction === "vertical") {
-      const b = d.left + d.width * (i.linePos - i.parentRect.x) / i.parentRect.w, I = {
-        position: "fixed",
-        left: `calc(${Math.round(b)}px - ${l} / 2)`,
-        top: Math.round(d.top),
-        width: l,
-        height: Math.round(d.height),
-        cursor: "col-resize",
-        pointerEvents: "auto"
-      };
-      return /* @__PURE__ */ m("div", { style: I, children: /* @__PURE__ */ m(ot, { direction: "vertical", onResize: (T) => {
-        const h = o.width * i.parentRect.w / 100, y = h === 0 ? 0 : T / h;
-        n({ path: i.path, deltaRatio: y });
-      } }) }, `split-${c}`);
-    }
-    const p = d.top + d.height * (i.linePos - i.parentRect.y) / i.parentRect.h, g = {
-      position: "fixed",
-      left: Math.round(d.left),
-      top: `calc(${Math.round(p)}px - ${l} / 2)`,
-      width: Math.round(d.width),
-      height: l,
-      cursor: "row-resize",
-      pointerEvents: "auto"
-    };
-    return /* @__PURE__ */ m("div", { style: g, children: /* @__PURE__ */ m(ot, { direction: "horizontal", onResize: (b) => {
-      const I = o.height * i.parentRect.h / 100, w = I === 0 ? 0 : b / I;
-      n({ path: i.path, deltaRatio: w });
-    } }) }, `split-${c}`);
-  };
-  return /* @__PURE__ */ m("div", { style: { position: "fixed", inset: 0, pointerEvents: "none" }, children: r.map((i, c) => a(i, c)) });
-}, mn = {
-  position: "relative",
-  display: "flex",
-  width: "100%",
-  height: "100%"
-}, vn = ({
-  state: t,
-  layoutMode: e,
-  gridTracksInteractive: n,
-  view: r,
-  tabBarComponent: o,
-  panelGroupComponent: s
-}) => {
-  const a = (c) => r ? /* @__PURE__ */ m(r, { groupId: c }) : /* @__PURE__ */ m(Ee, { id: c, TabBarComponent: o, PanelGroupComponent: s });
-  if (e === "grid") {
-    const c = le(t, a, !!n);
-    return /* @__PURE__ */ m(st, { config: c.config, layers: c.layers });
-  }
-  const i = ue(t, a);
-  return /* @__PURE__ */ m(st, { config: i.config, layers: i.layers });
-}, In = ({
-  containerRef: t,
-  layoutMode: e,
-  gridTracksInteractive: n,
-  dragThresholdPx: r,
-  view: o,
-  style: s,
-  className: a,
-  tabBarComponent: i,
-  panelGroupComponent: c,
-  splitLimits: d,
-  emptyContentComponent: l,
-  doubleClickToAdd: p
-}) => {
-  const { state: g } = $(), { onCommitContentDrop: v, onCommitTabDrop: b } = cn(), I = u.useMemo(() => ({ ...mn, ...s }), [s]), w = u.useCallback(
-    ({ targetGroupId: T, zone: h }) => {
-      if (h === "center")
-        return !0;
-      const y = h === "left" || h === "right" ? "vertical" : "horizontal";
-      return rt(g.tree, T, y, d);
-    },
-    [g.tree, d]
-  );
-  return /* @__PURE__ */ m(fe, { children: /* @__PURE__ */ H(
-    Te,
-    {
-      containerRef: t,
-      dragThresholdPx: r,
-      onCommitContentDrop: v,
-      onCommitTabDrop: b,
-      isContentZoneAllowed: w,
-      children: [
-        /* @__PURE__ */ m(bn, { emptyContentComponent: l, doubleClickToAdd: p, children: /* @__PURE__ */ m("div", { ref: t, className: a, style: I, children: /* @__PURE__ */ m(
-          vn,
-          {
-            state: g,
-            layoutMode: e,
-            gridTracksInteractive: n,
-            view: o,
-            tabBarComponent: i,
-            panelGroupComponent: c
-          }
-        ) }) }),
-        /* @__PURE__ */ m(hn, { containerRef: t }),
-        /* @__PURE__ */ m(wn, {})
-      ]
-    }
-  ) });
-}, wn = () => {
-  const t = W();
-  return /* @__PURE__ */ H(et, { children: [
-    /* @__PURE__ */ m(_e, { suggest: t.suggest }),
-    /* @__PURE__ */ m(Ne, {})
-  ] });
-}, An = ({
-  initialState: t,
-  createGroupId: e,
-  createPanelId: n,
-  layoutMode: r,
-  gridTracksInteractive: o,
-  dragThresholdPx: s,
-  view: a,
-  emptyContentComponent: i,
-  state: c,
-  onStateChange: d,
-  className: l,
-  style: p,
-  tabBarComponent: g,
-  panelGroupComponent: v,
-  splitLimits: b,
-  doubleClickToAdd: I
-}) => {
-  if (!t)
-    throw new Error("PanelSystem requires initialState.");
-  if (!e)
-    throw new Error("PanelSystem requires explicit createGroupId function.");
-  if (!r)
-    throw new Error("PanelSystem requires explicit layoutMode ('absolute' | 'grid').");
-  if (r === "grid" && o === void 0)
-    throw new Error("PanelSystem(layoutMode='grid') requires explicit 'gridTracksInteractive' flag.");
-  if (s === void 0)
-    throw new Error("PanelSystem requires explicit 'dragThresholdPx' value.");
-  const w = u.useRef(null), T = u.useMemo(() => Ct(b), [b]);
-  return /* @__PURE__ */ m(
-    sn,
-    {
-      initialState: t,
-      createGroupId: e,
-      createPanelId: n,
-      state: c,
-      onStateChange: d,
-      splitLimits: b,
-      children: /* @__PURE__ */ H(ie, { children: [
-        /* @__PURE__ */ m(un, {}),
-        /* @__PURE__ */ m(
-          In,
-          {
-            containerRef: w,
-            layoutMode: r,
-            gridTracksInteractive: o,
-            dragThresholdPx: s,
-            view: a,
-            style: p,
-            className: l,
-            tabBarComponent: g,
-            panelGroupComponent: v,
-            splitLimits: T,
-            emptyContentComponent: i,
-            doubleClickToAdd: I
-          }
-        )
-      ] })
-    }
-  );
+import { G as m } from "./GridLayout-UWNxXw77.js";
+import { a as e, u as t } from "./FloatingWindow-CUXnEtrb.js";
+import { D as l, b as d, F as f, r as x, c as y } from "./FloatingWindow-CUXnEtrb.js";
+import { H as L } from "./HorizontalDivider-DdxzfV0l.js";
+import { R as D } from "./ResizeHandle-CXjc1meV.js";
+import * as o from "react";
+import { u as R } from "./useFloatingState-tEfA_wbc.js";
+import { C as F } from "./styles-NkjuMOVS.js";
+import { P, v as w } from "./PanelSystem-BqUzNtf2.js";
+const n = () => {
+  const { layerId: r } = e(), { getLayerHandleProps: a } = t();
+  return o.useMemo(() => a(r), [a, r]);
 };
 export {
-  zn as CSS_VAR_PREFIX,
-  _n as Drawer,
-  On as DrawerLayers,
-  Bn as FloatingWindow,
-  st as GridLayout,
-  En as HorizontalDivider,
-  An as PanelSystem,
-  ot as ResizeHandle,
-  Dn as buildInitialState,
-  Ln as runTransition,
-  Pn as useFloatingState,
-  Rn as useLayerDragHandle,
-  Hn as useTransitionState
+  F as CSS_VAR_PREFIX,
+  l as Drawer,
+  d as DrawerLayers,
+  f as FloatingWindow,
+  m as GridLayout,
+  L as HorizontalDivider,
+  P as PanelSystem,
+  D as ResizeHandle,
+  w as buildInitialState,
+  x as runTransition,
+  R as useFloatingState,
+  n as useLayerDragHandle,
+  y as useTransitionState
 };
 //# sourceMappingURL=index.js.map