laif-ds 0.1.34 → 0.1.36

package/dist/node_modules/react-resizable-panels/dist/react-resizable-panels.browser.esm.js

@@ -1,147 +1,149 @@
 "use client";
-import * as Ye from "react";
-const {
-  createElement: de,
-  createContext: Sn,
-  forwardRef: Ze,
-  useCallback: G,
-  useContext: Qe,
-  useEffect: te,
-  useImperativeHandle: en,
-  useLayoutEffect: Pn,
-  useMemo: bn,
-  useRef: B,
-  useState: ue
-} = Ye, Ke = Ye[`useId${Math.random()}`.slice(0, 5)], wn = Pn, Ee = Sn(null);
-Ee.displayName = "PanelGroupContext";
-const oe = wn, En = typeof Ke == "function" ? Ke : () => null;
-let Cn = 0;
-function _e(e = null) {
-  const n = En(), t = B(e || n || null);
-  return t.current === null && (t.current = "" + Cn++), e ?? t.current;
-}
-function nn({
+import * as Pn from "react";
+import { forwardRef as Qe, useRef as F, useEffect as te, useContext as en, createContext as wn, useState as ue, useLayoutEffect as In, createElement as de, useImperativeHandle as nn, useCallback as T, useMemo as En } from "react";
+const Ce = wn(null);
+Ce.displayName = "PanelGroupContext";
+const A = {
+  group: "data-panel-group",
+  groupDirection: "data-panel-group-direction",
+  groupId: "data-panel-group-id",
+  panel: "data-panel",
+  panelCollapsible: "data-panel-collapsible",
+  panelId: "data-panel-id",
+  panelSize: "data-panel-size",
+  resizeHandle: "data-resize-handle",
+  resizeHandleActive: "data-resize-handle-active",
+  resizeHandleEnabled: "data-panel-resize-handle-enabled",
+  resizeHandleId: "data-panel-resize-handle-id",
+  resizeHandleState: "data-resize-handle-state"
+}, Be = 10, re = In, Ve = Pn.useId, Cn = typeof Ve == "function" ? Ve : () => null;
+let Rn = 0;
+function Te(e = null) {
+  const n = Cn(), t = F(e || n || null);
+  return t.current === null && (t.current = "" + Rn++), e ?? t.current;
+}
+function tn({
   children: e,
   className: n = "",
   collapsedSize: t,
-  collapsible: o,
+  collapsible: r,
   defaultSize: i,
-  forwardedRef: r,
+  forwardedRef: o,
   id: l,
   maxSize: s,
   minSize: a,
-  onCollapse: g,
-  onExpand: b,
+  onCollapse: m,
+  onExpand: P,
   onResize: f,
-  order: c,
-  style: m,
-  tagName: p = "div",
-  ...E
+  order: u,
+  style: x,
+  tagName: h = "div",
+  ...I
 }) {
-  const w = Qe(Ee);
+  const w = en(Ce);
   if (w === null)
     throw Error("Panel components must be rendered within a PanelGroup container");
   const {
-    collapsePanel: v,
-    expandPanel: $,
-    getPanelSize: R,
-    getPanelStyle: D,
-    groupId: W,
+    collapsePanel: S,
+    expandPanel: R,
+    getPanelSize: M,
+    getPanelStyle: H,
+    groupId: q,
     isPanelCollapsed: C,
-    reevaluatePanelConstraints: h,
-    registerPanel: T,
-    resizePanel: K,
-    unregisterPanel: Z
-  } = w, V = _e(l), A = B({
+    reevaluatePanelConstraints: b,
+    registerPanel: U,
+    resizePanel: j,
+    unregisterPanel: W
+  } = w, _ = Te(l), D = F({
     callbacks: {
-      onCollapse: g,
-      onExpand: b,
+      onCollapse: m,
+      onExpand: P,
       onResize: f
     },
     constraints: {
       collapsedSize: t,
-      collapsible: o,
+      collapsible: r,
       defaultSize: i,
       maxSize: s,
       minSize: a
     },
-    id: V,
+    id: _,
     idIsFromProps: l !== void 0,
-    order: c
+    order: u
   });
-  B({
+  F({
     didLogMissingDefaultSizeWarning: !1
-  }), oe(() => {
+  }), re(() => {
     const {
       callbacks: N,
       constraints: k
-    } = A.current, _ = {
+    } = D.current, G = {
       ...k
     };
-    A.current.id = V, A.current.idIsFromProps = l !== void 0, A.current.order = c, N.onCollapse = g, N.onExpand = b, N.onResize = f, k.collapsedSize = t, k.collapsible = o, k.defaultSize = i, k.maxSize = s, k.minSize = a, (_.collapsedSize !== k.collapsedSize || _.collapsible !== k.collapsible || _.maxSize !== k.maxSize || _.minSize !== k.minSize) && h(A.current, _);
-  }), oe(() => {
-    const N = A.current;
-    return T(N), () => {
-      Z(N);
+    D.current.id = _, D.current.idIsFromProps = l !== void 0, D.current.order = u, N.onCollapse = m, N.onExpand = P, N.onResize = f, k.collapsedSize = t, k.collapsible = r, k.defaultSize = i, k.maxSize = s, k.minSize = a, (G.collapsedSize !== k.collapsedSize || G.collapsible !== k.collapsible || G.maxSize !== k.maxSize || G.minSize !== k.minSize) && b(D.current, G);
+  }), re(() => {
+    const N = D.current;
+    return U(N), () => {
+      W(N);
     };
-  }, [c, V, T, Z]), en(r, () => ({
+  }, [u, _, U, W]), nn(o, () => ({
     collapse: () => {
-      v(A.current);
+      S(D.current);
     },
     expand: (N) => {
-      $(A.current, N);
+      R(D.current, N);
     },
     getId() {
-      return V;
+      return _;
     },
     getSize() {
-      return R(A.current);
+      return M(D.current);
     },
     isCollapsed() {
-      return C(A.current);
+      return C(D.current);
     },
     isExpanded() {
-      return !C(A.current);
+      return !C(D.current);
     },
     resize: (N) => {
-      K(A.current, N);
+      j(D.current, N);
     }
-  }), [v, $, R, C, V, K]);
-  const j = D(A.current, i);
-  return de(p, {
-    ...E,
+  }), [S, R, M, C, _, j]);
+  const Q = H(D.current, i);
+  return de(h, {
+    ...I,
     children: e,
     className: n,
-    id: l,
+    id: _,
     style: {
-      ...j,
-      ...m
+      ...Q,
+      ...x
     },
     // CSS selectors
-    "data-panel": "",
-    "data-panel-collapsible": o || void 0,
-    "data-panel-group-id": W,
-    "data-panel-id": V,
-    "data-panel-size": parseFloat("" + j.flexGrow).toFixed(1)
+    [A.groupId]: q,
+    [A.panel]: "",
+    [A.panelCollapsible]: r || void 0,
+    [A.panelId]: _,
+    [A.panelSize]: parseFloat("" + Q.flexGrow).toFixed(1)
   });
 }
-const Ln = Ze((e, n) => de(nn, {
+const Ln = Qe((e, n) => de(tn, {
   ...e,
   forwardedRef: n
 }));
-nn.displayName = "Panel";
+tn.displayName = "Panel";
 Ln.displayName = "forwardRef(Panel)";
-let ke = null, ne = null;
-function In(e, n) {
+let Ge = null, we = -1, Z = null;
+function An(e, n) {
   if (n) {
-    const t = (n & sn) !== 0, o = (n & an) !== 0, i = (n & cn) !== 0, r = (n & un) !== 0;
+    const t = (n & an) !== 0, r = (n & un) !== 0, i = (n & cn) !== 0, o = (n & dn) !== 0;
     if (t)
-      return i ? "se-resize" : r ? "ne-resize" : "e-resize";
-    if (o)
-      return i ? "sw-resize" : r ? "nw-resize" : "w-resize";
+      return i ? "se-resize" : o ? "ne-resize" : "e-resize";
+    if (r)
+      return i ? "sw-resize" : o ? "nw-resize" : "w-resize";
     if (i)
       return "s-resize";
-    if (r)
+    if (o)
       return "n-resize";
   }
   switch (e) {
@@ -153,30 +155,37 @@ function In(e, n) {
       return "ns-resize";
   }
 }
-function Rn() {
-  ne !== null && (document.head.removeChild(ne), ke = null, ne = null);
+function Dn() {
+  Z !== null && (document.head.removeChild(Z), Ge = null, Z = null, we = -1);
 }
-function De(e, n) {
-  const t = In(e, n);
-  ke !== t && (ke = t, ne === null && (ne = document.createElement("style"), document.head.appendChild(ne)), ne.innerHTML = `*{cursor: ${t}!important;}`);
+function $e(e, n) {
+  var t, r;
+  const i = An(e, n);
+  if (Ge !== i) {
+    if (Ge = i, Z === null && (Z = document.createElement("style"), document.head.appendChild(Z)), we >= 0) {
+      var o;
+      (o = Z.sheet) === null || o === void 0 || o.removeRule(we);
+    }
+    we = (t = (r = Z.sheet) === null || r === void 0 ? void 0 : r.insertRule(`*{cursor: ${i} !important;}`)) !== null && t !== void 0 ? t : -1;
+  }
 }
-function tn(e) {
+function rn(e) {
   return e.type === "keydown";
 }
 function on(e) {
   return e.type.startsWith("pointer");
 }
-function rn(e) {
+function ln(e) {
   return e.type.startsWith("mouse");
 }
-function Ce(e) {
+function Re(e) {
   if (on(e)) {
     if (e.isPrimary)
       return {
         x: e.clientX,
         y: e.clientY
       };
-  } else if (rn(e))
+  } else if (ln(e))
     return {
       x: e.clientX,
       y: e.clientY
@@ -186,171 +195,180 @@ function Ce(e) {
     y: 1 / 0
   };
 }
-function An() {
+function Mn() {
   if (typeof matchMedia == "function")
     return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
 }
-function Mn(e, n, t) {
+function $n(e, n, t) {
   return e.x < n.x + n.width && e.x + e.width > n.x && e.y < n.y + n.height && e.y + e.height > n.y;
 }
-function $n(e, n) {
+function Hn(e, n) {
   if (e === n) throw new Error("Cannot compare node with itself");
   const t = {
-    a: Ue(e),
-    b: Ue(n)
+    a: Xe(e),
+    b: Xe(n)
   };
-  let o;
+  let r;
   for (; t.a.at(-1) === t.b.at(-1); )
-    e = t.a.pop(), n = t.b.pop(), o = e;
-  z(o, "Stacking order can only be calculated for elements with a common ancestor");
+    e = t.a.pop(), n = t.b.pop(), r = e;
+  y(r, "Stacking order can only be calculated for elements with a common ancestor");
   const i = {
-    a: We(Ve(t.a)),
-    b: We(Ve(t.b))
+    a: qe(Oe(t.a)),
+    b: qe(Oe(t.b))
   };
   if (i.a === i.b) {
-    const r = o.childNodes, l = {
+    const o = r.childNodes, l = {
       a: t.a.at(-1),
       b: t.b.at(-1)
     };
-    let s = r.length;
+    let s = o.length;
     for (; s--; ) {
-      const a = r[s];
+      const a = o[s];
       if (a === l.a) return 1;
       if (a === l.b) return -1;
     }
   }
   return Math.sign(i.a - i.b);
 }
-const Dn = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+const kn = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 function Nn(e) {
   var n;
-  const t = getComputedStyle((n = ln(e)) !== null && n !== void 0 ? n : e).display;
+  const t = getComputedStyle((n = sn(e)) !== null && n !== void 0 ? n : e).display;
   return t === "flex" || t === "inline-flex";
 }
-function kn(e) {
+function _n(e) {
   const n = getComputedStyle(e);
-  return !!(n.position === "fixed" || n.zIndex !== "auto" && (n.position !== "static" || Nn(e)) || +n.opacity < 1 || "transform" in n && n.transform !== "none" || "webkitTransform" in n && n.webkitTransform !== "none" || "mixBlendMode" in n && n.mixBlendMode !== "normal" || "filter" in n && n.filter !== "none" || "webkitFilter" in n && n.webkitFilter !== "none" || "isolation" in n && n.isolation === "isolate" || Dn.test(n.willChange) || n.webkitOverflowScrolling === "touch");
+  return !!(n.position === "fixed" || n.zIndex !== "auto" && (n.position !== "static" || Nn(e)) || +n.opacity < 1 || "transform" in n && n.transform !== "none" || "webkitTransform" in n && n.webkitTransform !== "none" || "mixBlendMode" in n && n.mixBlendMode !== "normal" || "filter" in n && n.filter !== "none" || "webkitFilter" in n && n.webkitFilter !== "none" || "isolation" in n && n.isolation === "isolate" || kn.test(n.willChange) || n.webkitOverflowScrolling === "touch");
 }
-function Ve(e) {
+function Oe(e) {
   let n = e.length;
   for (; n--; ) {
     const t = e[n];
-    if (z(t, "Missing node"), kn(t)) return t;
+    if (y(t, "Missing node"), _n(t)) return t;
   }
   return null;
 }
-function We(e) {
+function qe(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function Ue(e) {
+function Xe(e) {
   const n = [];
   for (; e; )
-    n.push(e), e = ln(e);
+    n.push(e), e = sn(e);
   return n;
 }
-function ln(e) {
+function sn(e) {
   const {
     parentNode: n
   } = e;
   return n && n instanceof ShadowRoot ? n.host : n;
 }
-const sn = 1, an = 2, cn = 4, un = 8, _n = An() === "coarse";
-let O = [], fe = !1, Y = /* @__PURE__ */ new Map(), Le = /* @__PURE__ */ new Map();
-const ze = /* @__PURE__ */ new Set();
-function Hn(e, n, t, o, i) {
-  var r;
+const an = 1, un = 2, cn = 4, dn = 8, Gn = Mn() === "coarse";
+let O = [], ce = !1, ne = /* @__PURE__ */ new Map(), Le = /* @__PURE__ */ new Map();
+const ve = /* @__PURE__ */ new Set();
+function Bn(e, n, t, r, i) {
+  var o;
   const {
     ownerDocument: l
   } = n, s = {
     direction: t,
     element: n,
-    hitAreaMargins: o,
+    hitAreaMargins: r,
     setResizeHandlerState: i
-  }, a = (r = Y.get(l)) !== null && r !== void 0 ? r : 0;
-  return Y.set(l, a + 1), ze.add(s), be(), function() {
-    var b;
-    Le.delete(e), ze.delete(s);
-    const f = (b = Y.get(l)) !== null && b !== void 0 ? b : 1;
-    if (Y.set(l, f - 1), be(), f === 1 && Y.delete(l), O.includes(s)) {
-      const c = O.indexOf(s);
-      c >= 0 && O.splice(c, 1), Ge(), i("up", !0, null);
+  }, a = (o = ne.get(l)) !== null && o !== void 0 ? o : 0;
+  return ne.set(l, a + 1), ve.add(s), Ie(), function() {
+    var P;
+    Le.delete(e), ve.delete(s);
+    const f = (P = ne.get(l)) !== null && P !== void 0 ? P : 1;
+    if (ne.set(l, f - 1), Ie(), f === 1 && ne.delete(l), O.includes(s)) {
+      const u = O.indexOf(s);
+      u >= 0 && O.splice(u, 1), We(), i("up", !0, null);
     }
   };
 }
-function Oe(e) {
+function Tn(e) {
   const {
     target: n
   } = e, {
     x: t,
-    y: o
-  } = Ce(e);
-  fe = !0, He({
+    y: r
+  } = Re(e);
+  ce = !0, Fe({
     target: n,
     x: t,
-    y: o
-  }), be(), O.length > 0 && (we("down", e), e.preventDefault(), e.stopPropagation());
+    y: r
+  }), Ie(), O.length > 0 && (Ee("down", e), e.preventDefault(), fn(n) || e.stopImmediatePropagation());
 }
-function me(e) {
+function He(e) {
   const {
     x: n,
     y: t
-  } = Ce(e);
-  if (fe && e.buttons === 0 && (fe = !1, we("up", e)), !fe) {
+  } = Re(e);
+  if (ce && e.buttons === 0 && (ce = !1, Ee("up", e)), !ce) {
     const {
-      target: o
+      target: r
     } = e;
-    He({
-      target: o,
+    Fe({
+      target: r,
       x: n,
       y: t
     });
   }
-  we("move", e), Ge(), O.length > 0 && e.preventDefault();
+  Ee("move", e), We(), O.length > 0 && e.preventDefault();
 }
-function le(e) {
+function ke(e) {
   const {
     target: n
   } = e, {
     x: t,
-    y: o
-  } = Ce(e);
-  Le.clear(), fe = !1, O.length > 0 && e.preventDefault(), we("up", e), He({
+    y: r
+  } = Re(e);
+  Le.clear(), ce = !1, O.length > 0 && (e.preventDefault(), fn(n) || e.stopImmediatePropagation()), Ee("up", e), Fe({
     target: n,
     x: t,
-    y: o
-  }), Ge(), be();
+    y: r
+  }), We(), Ie();
+}
+function fn(e) {
+  let n = e;
+  for (; n; ) {
+    if (n.hasAttribute(A.resizeHandle))
+      return !0;
+    n = n.parentElement;
+  }
+  return !1;
 }
-function He({
+function Fe({
   target: e,
   x: n,
   y: t
 }) {
   O.splice(0);
-  let o = null;
-  (e instanceof HTMLElement || e instanceof SVGElement) && (o = e), ze.forEach((i) => {
+  let r = null;
+  (e instanceof HTMLElement || e instanceof SVGElement) && (r = e), ve.forEach((i) => {
     const {
-      element: r,
+      element: o,
       hitAreaMargins: l
-    } = i, s = r.getBoundingClientRect(), {
+    } = i, s = o.getBoundingClientRect(), {
       bottom: a,
-      left: g,
-      right: b,
+      left: m,
+      right: P,
       top: f
-    } = s, c = _n ? l.coarse : l.fine;
-    if (n >= g - c && n <= b + c && t >= f - c && t <= a + c) {
-      if (o !== null && document.contains(o) && r !== o && !r.contains(o) && !o.contains(r) && // Calculating stacking order has a cost, so we should avoid it if possible
+    } = s, u = Gn ? l.coarse : l.fine;
+    if (n >= m - u && n <= P + u && t >= f - u && t <= a + u) {
+      if (r !== null && document.contains(r) && o !== r && !o.contains(r) && !r.contains(o) && // Calculating stacking order has a cost, so we should avoid it if possible
       // That is why we only check potentially intersecting handles,
       // and why we skip if the event target is within the handle's DOM
-      $n(o, r) > 0) {
-        let p = o, E = !1;
-        for (; p && !p.contains(r); ) {
-          if (Mn(p.getBoundingClientRect(), s)) {
-            E = !0;
+      Hn(r, o) > 0) {
+        let h = r, I = !1;
+        for (; h && !h.contains(o); ) {
+          if ($n(h.getBoundingClientRect(), s)) {
+            I = !0;
             break;
           }
-          p = p.parentElement;
+          h = h.parentElement;
         }
-        if (E)
+        if (I)
           return;
       }
       O.push(i);
@@ -360,349 +378,347 @@ function He({
 function Ne(e, n) {
   Le.set(e, n);
 }
-function Ge() {
+function We() {
   let e = !1, n = !1;
-  O.forEach((o) => {
+  O.forEach((r) => {
     const {
       direction: i
-    } = o;
+    } = r;
     i === "horizontal" ? e = !0 : n = !0;
   });
   let t = 0;
-  Le.forEach((o) => {
-    t |= o;
-  }), e && n ? De("intersection", t) : e ? De("horizontal", t) : n ? De("vertical", t) : Rn();
-}
-function be() {
-  Y.forEach((e, n) => {
-    const {
-      body: t
-    } = n;
-    t.removeEventListener("contextmenu", le), t.removeEventListener("pointerdown", Oe), t.removeEventListener("pointerleave", me), t.removeEventListener("pointermove", me);
-  }), window.removeEventListener("pointerup", le), window.removeEventListener("pointercancel", le), ze.size > 0 && (fe ? (O.length > 0 && Y.forEach((e, n) => {
+  Le.forEach((r) => {
+    t |= r;
+  }), e && n ? $e("intersection", t) : e ? $e("horizontal", t) : n ? $e("vertical", t) : Dn();
+}
+let _e = new AbortController();
+function Ie() {
+  _e.abort(), _e = new AbortController();
+  const e = {
+    capture: !0,
+    signal: _e.signal
+  };
+  ve.size && (ce ? (O.length > 0 && ne.forEach((n, t) => {
     const {
-      body: t
-    } = n;
-    e > 0 && (t.addEventListener("contextmenu", le), t.addEventListener("pointerleave", me), t.addEventListener("pointermove", me));
-  }), window.addEventListener("pointerup", le), window.addEventListener("pointercancel", le)) : Y.forEach((e, n) => {
+      body: r
+    } = t;
+    n > 0 && (r.addEventListener("contextmenu", ke, e), r.addEventListener("pointerleave", He, e), r.addEventListener("pointermove", He, e));
+  }), window.addEventListener("pointerup", ke, e), window.addEventListener("pointercancel", ke, e)) : ne.forEach((n, t) => {
     const {
-      body: t
-    } = n;
-    e > 0 && (t.addEventListener("pointerdown", Oe, {
-      capture: !0
-    }), t.addEventListener("pointermove", me));
+      body: r
+    } = t;
+    n > 0 && (r.addEventListener("pointerdown", Tn, e), r.addEventListener("pointermove", He, e));
   }));
 }
-function we(e, n) {
-  ze.forEach((t) => {
+function Ee(e, n) {
+  ve.forEach((t) => {
     const {
-      setResizeHandlerState: o
+      setResizeHandlerState: r
     } = t, i = O.includes(t);
-    o(e, i, n);
+    r(e, i, n);
   });
 }
-function Gn() {
+function Fn() {
   const [e, n] = ue(0);
-  return G(() => n((t) => t + 1), []);
+  return T(() => n((t) => t + 1), []);
 }
-function z(e, n) {
+function y(e, n) {
   if (!e)
     throw console.error(n), Error(n);
 }
-const Be = 10;
-function re(e, n, t = Be) {
+function oe(e, n, t = Be) {
   return e.toFixed(t) === n.toFixed(t) ? 0 : e > n ? 1 : -1;
 }
-function J(e, n, t = Be) {
-  return re(e, n, t) === 0;
+function Y(e, n, t = Be) {
+  return oe(e, n, t) === 0;
 }
-function F(e, n, t) {
-  return re(e, n, t) === 0;
+function K(e, n, t) {
+  return oe(e, n, t) === 0;
 }
-function Bn(e, n, t) {
+function Wn(e, n, t) {
   if (e.length !== n.length)
     return !1;
-  for (let o = 0; o < e.length; o++) {
-    const i = e[o], r = n[o];
-    if (!F(i, r, t))
+  for (let r = 0; r < e.length; r++) {
+    const i = e[r], o = n[r];
+    if (!K(i, o, t))
       return !1;
   }
   return !0;
 }
-function ce({
+function ae({
   panelConstraints: e,
   panelIndex: n,
   size: t
 }) {
-  const o = e[n];
-  z(o != null, `Panel constraints not found for index ${n}`);
+  const r = e[n];
+  y(r != null, `Panel constraints not found for index ${n}`);
   let {
     collapsedSize: i = 0,
-    collapsible: r,
+    collapsible: o,
     maxSize: l = 100,
     minSize: s = 0
-  } = o;
-  if (re(t, s) < 0)
-    if (r) {
+  } = r;
+  if (oe(t, s) < 0)
+    if (o) {
       const a = (i + s) / 2;
-      re(t, a) < 0 ? t = i : t = s;
+      oe(t, a) < 0 ? t = i : t = s;
     } else
       t = s;
   return t = Math.min(l, t), t = parseFloat(t.toFixed(Be)), t;
 }
-function he({
+function ye({
   delta: e,
   initialLayout: n,
   panelConstraints: t,
-  pivotIndices: o,
+  pivotIndices: r,
   prevLayout: i,
-  trigger: r
+  trigger: o
 }) {
-  if (F(e, 0))
+  if (K(e, 0))
     return n;
-  const l = [...n], [s, a] = o;
-  z(s != null, "Invalid first pivot index"), z(a != null, "Invalid second pivot index");
-  let g = 0;
-  if (r === "keyboard") {
+  const l = [...n], [s, a] = r;
+  y(s != null, "Invalid first pivot index"), y(a != null, "Invalid second pivot index");
+  let m = 0;
+  if (o === "keyboard") {
     {
-      const f = e < 0 ? a : s, c = t[f];
-      z(c, `Panel constraints not found for index ${f}`);
+      const f = e < 0 ? a : s, u = t[f];
+      y(u, `Panel constraints not found for index ${f}`);
       const {
-        collapsedSize: m = 0,
-        collapsible: p,
-        minSize: E = 0
-      } = c;
-      if (p) {
+        collapsedSize: x = 0,
+        collapsible: h,
+        minSize: I = 0
+      } = u;
+      if (h) {
         const w = n[f];
-        if (z(w != null, `Previous layout not found for panel index ${f}`), F(w, m)) {
-          const v = E - w;
-          re(v, Math.abs(e)) > 0 && (e = e < 0 ? 0 - v : v);
+        if (y(w != null, `Previous layout not found for panel index ${f}`), K(w, x)) {
+          const S = I - w;
+          oe(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
         }
       }
     }
     {
-      const f = e < 0 ? s : a, c = t[f];
-      z(c, `No panel constraints found for index ${f}`);
+      const f = e < 0 ? s : a, u = t[f];
+      y(u, `No panel constraints found for index ${f}`);
       const {
-        collapsedSize: m = 0,
-        collapsible: p,
-        minSize: E = 0
-      } = c;
-      if (p) {
+        collapsedSize: x = 0,
+        collapsible: h,
+        minSize: I = 0
+      } = u;
+      if (h) {
         const w = n[f];
-        if (z(w != null, `Previous layout not found for panel index ${f}`), F(w, E)) {
-          const v = w - m;
-          re(v, Math.abs(e)) > 0 && (e = e < 0 ? 0 - v : v);
+        if (y(w != null, `Previous layout not found for panel index ${f}`), K(w, I)) {
+          const S = w - x;
+          oe(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
         }
       }
     }
   }
   {
     const f = e < 0 ? 1 : -1;
-    let c = e < 0 ? a : s, m = 0;
+    let u = e < 0 ? a : s, x = 0;
     for (; ; ) {
-      const E = n[c];
-      z(E != null, `Previous layout not found for panel index ${c}`);
-      const v = ce({
+      const I = n[u];
+      y(I != null, `Previous layout not found for panel index ${u}`);
+      const S = ae({
         panelConstraints: t,
-        panelIndex: c,
+        panelIndex: u,
         size: 100
-      }) - E;
-      if (m += v, c += f, c < 0 || c >= t.length)
+      }) - I;
+      if (x += S, u += f, u < 0 || u >= t.length)
         break;
     }
-    const p = Math.min(Math.abs(e), Math.abs(m));
-    e = e < 0 ? 0 - p : p;
+    const h = Math.min(Math.abs(e), Math.abs(x));
+    e = e < 0 ? 0 - h : h;
   }
   {
-    let c = e < 0 ? s : a;
-    for (; c >= 0 && c < t.length; ) {
-      const m = Math.abs(e) - Math.abs(g), p = n[c];
-      z(p != null, `Previous layout not found for panel index ${c}`);
-      const E = p - m, w = ce({
+    let u = e < 0 ? s : a;
+    for (; u >= 0 && u < t.length; ) {
+      const x = Math.abs(e) - Math.abs(m), h = n[u];
+      y(h != null, `Previous layout not found for panel index ${u}`);
+      const I = h - x, w = ae({
         panelConstraints: t,
-        panelIndex: c,
-        size: E
+        panelIndex: u,
+        size: I
       });
-      if (!F(p, w) && (g += p - w, l[c] = w, g.toPrecision(3).localeCompare(Math.abs(e).toPrecision(3), void 0, {
+      if (!K(h, w) && (m += h - w, l[u] = w, m.toPrecision(3).localeCompare(Math.abs(e).toPrecision(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
-      e < 0 ? c-- : c++;
+      e < 0 ? u-- : u++;
     }
   }
-  if (Bn(i, l))
+  if (Wn(i, l))
     return i;
   {
-    const f = e < 0 ? a : s, c = n[f];
-    z(c != null, `Previous layout not found for panel index ${f}`);
-    const m = c + g, p = ce({
+    const f = e < 0 ? a : s, u = n[f];
+    y(u != null, `Previous layout not found for panel index ${f}`);
+    const x = u + m, h = ae({
       panelConstraints: t,
       panelIndex: f,
-      size: m
+      size: x
     });
-    if (l[f] = p, !F(p, m)) {
-      let E = m - p, v = e < 0 ? a : s;
-      for (; v >= 0 && v < t.length; ) {
-        const $ = l[v];
-        z($ != null, `Previous layout not found for panel index ${v}`);
-        const R = $ + E, D = ce({
+    if (l[f] = h, !K(h, x)) {
+      let I = x - h, S = e < 0 ? a : s;
+      for (; S >= 0 && S < t.length; ) {
+        const R = l[S];
+        y(R != null, `Previous layout not found for panel index ${S}`);
+        const M = R + I, H = ae({
           panelConstraints: t,
-          panelIndex: v,
-          size: R
+          panelIndex: S,
+          size: M
         });
-        if (F($, D) || (E -= D - $, l[v] = D), F(E, 0))
+        if (K(R, H) || (I -= H - R, l[S] = H), K(I, 0))
           break;
-        e > 0 ? v-- : v++;
+        e > 0 ? S-- : S++;
       }
     }
   }
-  const b = l.reduce((f, c) => c + f, 0);
-  return F(b, 100) ? l : i;
+  const P = l.reduce((f, u) => u + f, 0);
+  return K(P, 100) ? l : i;
 }
-function Tn({
+function Kn({
   layout: e,
   panelsArray: n,
   pivotIndices: t
 }) {
-  let o = 0, i = 100, r = 0, l = 0;
+  let r = 0, i = 100, o = 0, l = 0;
   const s = t[0];
-  z(s != null, "No pivot index found"), n.forEach((f, c) => {
+  y(s != null, "No pivot index found"), n.forEach((f, u) => {
     const {
-      constraints: m
+      constraints: x
     } = f, {
-      maxSize: p = 100,
-      minSize: E = 0
-    } = m;
-    c === s ? (o = E, i = p) : (r += E, l += p);
+      maxSize: h = 100,
+      minSize: I = 0
+    } = x;
+    u === s ? (r = I, i = h) : (o += I, l += h);
   });
-  const a = Math.min(i, 100 - r), g = Math.max(o, 100 - l), b = e[s];
+  const a = Math.min(i, 100 - o), m = Math.max(r, 100 - l), P = e[s];
   return {
     valueMax: a,
-    valueMin: g,
-    valueNow: b
+    valueMin: m,
+    valueNow: P
   };
 }
-function xe(e, n = document) {
-  return Array.from(n.querySelectorAll(`[data-panel-resize-handle-id][data-panel-group-id="${e}"]`));
+function Se(e, n = document) {
+  return Array.from(n.querySelectorAll(`[${A.resizeHandleId}][data-panel-group-id="${e}"]`));
 }
-function fn(e, n, t = document) {
-  const i = xe(e, t).findIndex((r) => r.getAttribute("data-panel-resize-handle-id") === n);
+function pn(e, n, t = document) {
+  const i = Se(e, t).findIndex((o) => o.getAttribute(A.resizeHandleId) === n);
   return i ?? null;
 }
-function dn(e, n, t) {
-  const o = fn(e, n, t);
-  return o != null ? [o, o + 1] : [-1, -1];
+function gn(e, n, t) {
+  const r = pn(e, n, t);
+  return r != null ? [r, r + 1] : [-1, -1];
 }
-function pn(e, n = document) {
+function mn(e, n = document) {
   var t;
   if (n instanceof HTMLElement && (n == null || (t = n.dataset) === null || t === void 0 ? void 0 : t.panelGroupId) == e)
     return n;
-  const o = n.querySelector(`[data-panel-group][data-panel-group-id="${e}"]`);
-  return o || null;
+  const r = n.querySelector(`[data-panel-group][data-panel-group-id="${e}"]`);
+  return r || null;
 }
-function Ie(e, n = document) {
-  const t = n.querySelector(`[data-panel-resize-handle-id="${e}"]`);
+function Ae(e, n = document) {
+  const t = n.querySelector(`[${A.resizeHandleId}="${e}"]`);
   return t || null;
 }
-function Fn(e, n, t, o = document) {
-  var i, r, l, s;
-  const a = Ie(n, o), g = xe(e, o), b = a ? g.indexOf(a) : -1, f = (i = (r = t[b]) === null || r === void 0 ? void 0 : r.id) !== null && i !== void 0 ? i : null, c = (l = (s = t[b + 1]) === null || s === void 0 ? void 0 : s.id) !== null && l !== void 0 ? l : null;
-  return [f, c];
+function Un(e, n, t, r = document) {
+  var i, o, l, s;
+  const a = Ae(n, r), m = Se(e, r), P = a ? m.indexOf(a) : -1, f = (i = (o = t[P]) === null || o === void 0 ? void 0 : o.id) !== null && i !== void 0 ? i : null, u = (l = (s = t[P + 1]) === null || s === void 0 ? void 0 : s.id) !== null && l !== void 0 ? l : null;
+  return [f, u];
 }
-function Kn({
+function Vn({
   committedValuesRef: e,
   eagerValuesRef: n,
   groupId: t,
-  layout: o,
+  layout: r,
   panelDataArray: i,
-  panelGroupElement: r,
+  panelGroupElement: o,
   setLayout: l
 }) {
-  B({
+  F({
     didWarnAboutMissingResizeHandle: !1
-  }), oe(() => {
-    if (!r)
+  }), re(() => {
+    if (!o)
       return;
-    const s = xe(t, r);
+    const s = Se(t, o);
     for (let a = 0; a < i.length - 1; a++) {
       const {
-        valueMax: g,
-        valueMin: b,
+        valueMax: m,
+        valueMin: P,
         valueNow: f
-      } = Tn({
-        layout: o,
+      } = Kn({
+        layout: r,
         panelsArray: i,
         pivotIndices: [a, a + 1]
-      }), c = s[a];
-      if (c != null) {
-        const m = i[a];
-        z(m, `No panel data found for index "${a}"`), c.setAttribute("aria-controls", m.id), c.setAttribute("aria-valuemax", "" + Math.round(g)), c.setAttribute("aria-valuemin", "" + Math.round(b)), c.setAttribute("aria-valuenow", f != null ? "" + Math.round(f) : "");
+      }), u = s[a];
+      if (u != null) {
+        const x = i[a];
+        y(x, `No panel data found for index "${a}"`), u.setAttribute("aria-controls", x.id), u.setAttribute("aria-valuemax", "" + Math.round(m)), u.setAttribute("aria-valuemin", "" + Math.round(P)), u.setAttribute("aria-valuenow", f != null ? "" + Math.round(f) : "");
       }
     }
     return () => {
-      s.forEach((a, g) => {
+      s.forEach((a, m) => {
         a.removeAttribute("aria-controls"), a.removeAttribute("aria-valuemax"), a.removeAttribute("aria-valuemin"), a.removeAttribute("aria-valuenow");
       });
     };
-  }, [t, o, i, r]), te(() => {
-    if (!r)
+  }, [t, r, i, o]), te(() => {
+    if (!o)
       return;
     const s = n.current;
-    z(s, "Eager values not found");
+    y(s, "Eager values not found");
     const {
       panelDataArray: a
-    } = s, g = pn(t, r);
-    z(g != null, `No group found for id "${t}"`);
-    const b = xe(t, r);
-    z(b, `No resize handles found for group id "${t}"`);
-    const f = b.map((c) => {
-      const m = c.getAttribute("data-panel-resize-handle-id");
-      z(m, "Resize handle element has no handle id attribute");
-      const [p, E] = Fn(t, m, a, r);
-      if (p == null || E == null)
+    } = s, m = mn(t, o);
+    y(m != null, `No group found for id "${t}"`);
+    const P = Se(t, o);
+    y(P, `No resize handles found for group id "${t}"`);
+    const f = P.map((u) => {
+      const x = u.getAttribute(A.resizeHandleId);
+      y(x, "Resize handle element has no handle id attribute");
+      const [h, I] = Un(t, x, a, o);
+      if (h == null || I == null)
         return () => {
         };
-      const w = (v) => {
-        if (!v.defaultPrevented)
-          switch (v.key) {
+      const w = (S) => {
+        if (!S.defaultPrevented)
+          switch (S.key) {
             case "Enter": {
-              v.preventDefault();
-              const $ = a.findIndex((R) => R.id === p);
-              if ($ >= 0) {
-                const R = a[$];
-                z(R, `No panel data found for index ${$}`);
-                const D = o[$], {
-                  collapsedSize: W = 0,
+              S.preventDefault();
+              const R = a.findIndex((M) => M.id === h);
+              if (R >= 0) {
+                const M = a[R];
+                y(M, `No panel data found for index ${R}`);
+                const H = r[R], {
+                  collapsedSize: q = 0,
                   collapsible: C,
-                  minSize: h = 0
-                } = R.constraints;
-                if (D != null && C) {
-                  const T = he({
-                    delta: F(D, W) ? h - W : W - D,
-                    initialLayout: o,
-                    panelConstraints: a.map((K) => K.constraints),
-                    pivotIndices: dn(t, m, r),
-                    prevLayout: o,
+                  minSize: b = 0
+                } = M.constraints;
+                if (H != null && C) {
+                  const U = ye({
+                    delta: K(H, q) ? b - q : q - H,
+                    initialLayout: r,
+                    panelConstraints: a.map((j) => j.constraints),
+                    pivotIndices: gn(t, x, o),
+                    prevLayout: r,
                     trigger: "keyboard"
                   });
-                  o !== T && l(T);
+                  r !== U && l(U);
                 }
               }
               break;
             }
           }
       };
-      return c.addEventListener("keydown", w), () => {
-        c.removeEventListener("keydown", w);
+      return u.addEventListener("keydown", w), () => {
+        u.removeEventListener("keydown", w);
       };
     });
     return () => {
-      f.forEach((c) => c());
+      f.forEach((u) => u());
     };
-  }, [r, e, n, t, o, i, l]);
+  }, [o, e, n, t, r, i, l]);
 }
-function qe(e, n) {
+function Je(e, n) {
   if (e.length !== n.length)
     return !1;
   for (let t = 0; t < e.length; t++)
@@ -710,28 +726,28 @@ function qe(e, n) {
       return !1;
   return !0;
 }
-function gn(e, n) {
+function hn(e, n) {
   const t = e === "horizontal", {
-    x: o,
+    x: r,
     y: i
-  } = Ce(n);
-  return t ? o : i;
-}
-function Vn(e, n, t, o, i) {
-  const r = t === "horizontal", l = Ie(n, i);
-  z(l, `No resize handle element found for id "${n}"`);
-  const s = l.getAttribute("data-panel-group-id");
-  z(s, "Resize handle element has no group id attribute");
+  } = Re(n);
+  return t ? r : i;
+}
+function On(e, n, t, r, i) {
+  const o = t === "horizontal", l = Ae(n, i);
+  y(l, `No resize handle element found for id "${n}"`);
+  const s = l.getAttribute(A.groupId);
+  y(s, "Resize handle element has no group id attribute");
   let {
     initialCursorPosition: a
-  } = o;
-  const g = gn(t, e), b = pn(s, i);
-  z(b, `No group element found for id "${s}"`);
-  const f = b.getBoundingClientRect(), c = r ? f.width : f.height;
-  return (g - a) / c * 100;
-}
-function Wn(e, n, t, o, i, r) {
-  if (tn(e)) {
+  } = r;
+  const m = hn(t, e), P = mn(s, i);
+  y(P, `No group element found for id "${s}"`);
+  const f = P.getBoundingClientRect(), u = o ? f.width : f.height;
+  return (m - a) / u * 100;
+}
+function qn(e, n, t, r, i, o) {
+  if (rn(e)) {
     const l = t === "horizontal";
     let s = 0;
     e.shiftKey ? s = 100 : i != null ? s = i : s = 10;
@@ -758,54 +774,54 @@ function Wn(e, n, t, o, i, r) {
     }
     return a;
   } else
-    return o == null ? 0 : Vn(e, n, t, o, r);
+    return r == null ? 0 : On(e, n, t, r, o);
 }
-function Un({
+function Xn({
   panelDataArray: e
 }) {
-  const n = Array(e.length), t = e.map((r) => r.constraints);
-  let o = 0, i = 100;
-  for (let r = 0; r < e.length; r++) {
-    const l = t[r];
-    z(l, `Panel constraints not found for index ${r}`);
+  const n = Array(e.length), t = e.map((o) => o.constraints);
+  let r = 0, i = 100;
+  for (let o = 0; o < e.length; o++) {
+    const l = t[o];
+    y(l, `Panel constraints not found for index ${o}`);
     const {
       defaultSize: s
     } = l;
-    s != null && (o++, n[r] = s, i -= s);
+    s != null && (r++, n[o] = s, i -= s);
   }
-  for (let r = 0; r < e.length; r++) {
-    const l = t[r];
-    z(l, `Panel constraints not found for index ${r}`);
+  for (let o = 0; o < e.length; o++) {
+    const l = t[o];
+    y(l, `Panel constraints not found for index ${o}`);
     const {
       defaultSize: s
     } = l;
     if (s != null)
       continue;
-    const a = e.length - o, g = i / a;
-    o++, n[r] = g, i -= g;
+    const a = e.length - r, m = i / a;
+    r++, n[o] = m, i -= m;
   }
   return n;
 }
-function se(e, n, t) {
-  n.forEach((o, i) => {
-    const r = e[i];
-    z(r, `Panel data not found for index ${i}`);
+function le(e, n, t) {
+  n.forEach((r, i) => {
+    const o = e[i];
+    y(o, `Panel data not found for index ${i}`);
     const {
       callbacks: l,
       constraints: s,
       id: a
-    } = r, {
-      collapsedSize: g = 0,
-      collapsible: b
+    } = o, {
+      collapsedSize: m = 0,
+      collapsible: P
     } = s, f = t[a];
-    if (f == null || o !== f) {
-      t[a] = o;
+    if (f == null || r !== f) {
+      t[a] = r;
       const {
-        onCollapse: c,
-        onExpand: m,
-        onResize: p
+        onCollapse: u,
+        onExpand: x,
+        onResize: h
       } = l;
-      p && p(o, f), b && (c || m) && (m && (f == null || J(f, g)) && !J(o, g) && m(), c && (f == null || !J(f, g)) && J(o, g) && c());
+      h && h(r, f), P && (u || x) && (x && (f == null || Y(f, m)) && !Y(r, m) && x(), u && (f == null || !Y(f, m)) && Y(r, m) && u());
     }
   });
 }
@@ -817,17 +833,17 @@ function Pe(e, n) {
       return !1;
   return !0;
 }
-function On({
+function Jn({
   defaultSize: e,
   dragState: n,
   layout: t,
-  panelData: o,
+  panelData: r,
   panelIndex: i,
-  precision: r = 3
+  precision: o = 3
 }) {
   const l = t[i];
   let s;
-  return l == null ? s = e != null ? e.toPrecision(r) : "1" : o.length === 1 ? s = "1" : s = l.toPrecision(r), {
+  return l == null ? s = e != null ? e.toPrecision(o) : "1" : r.length === 1 ? s = "1" : s = l.toPrecision(o), {
     flexBasis: 0,
     flexGrow: s,
     flexShrink: 1,
@@ -838,7 +854,7 @@ function On({
     pointerEvents: n !== null ? "none" : void 0
   };
 }
-function qn(e, n = 10) {
+function jn(e, n = 10) {
   let t = null;
   return (...i) => {
     t !== null && clearTimeout(t), t = setTimeout(() => {
@@ -846,7 +862,7 @@ function qn(e, n = 10) {
     }, n);
   };
 }
-function Xe(e) {
+function je(e) {
   try {
     if (typeof localStorage < "u")
       e.getItem = (n) => localStorage.getItem(n), e.setItem = (n, t) => {
@@ -859,25 +875,25 @@ function Xe(e) {
     };
   }
 }
-function mn(e) {
+function zn(e) {
   return `react-resizable-panels:${e}`;
 }
-function hn(e) {
+function yn(e) {
   return e.map((n) => {
     const {
       constraints: t,
-      id: o,
+      id: r,
       idIsFromProps: i,
-      order: r
+      order: o
     } = n;
-    return i ? o : r ? `${r}:${JSON.stringify(t)}` : JSON.stringify(t);
+    return i ? r : o ? `${o}:${JSON.stringify(t)}` : JSON.stringify(t);
   }).sort((n, t) => n.localeCompare(t)).join(",");
 }
-function yn(e, n) {
+function xn(e, n) {
   try {
-    const t = mn(e), o = n.getItem(t);
-    if (o) {
-      const i = JSON.parse(o);
+    const t = zn(e), r = n.getItem(t);
+    if (r) {
+      const i = JSON.parse(r);
       if (typeof i == "object" && i != null)
         return i;
     }
@@ -885,441 +901,441 @@ function yn(e, n) {
   }
   return null;
 }
-function Xn(e, n, t) {
-  var o, i;
-  const r = (o = yn(e, t)) !== null && o !== void 0 ? o : {}, l = hn(n);
-  return (i = r[l]) !== null && i !== void 0 ? i : null;
+function Yn(e, n, t) {
+  var r, i;
+  const o = (r = xn(e, t)) !== null && r !== void 0 ? r : {}, l = yn(n);
+  return (i = o[l]) !== null && i !== void 0 ? i : null;
 }
-function Jn(e, n, t, o, i) {
-  var r;
-  const l = mn(e), s = hn(n), a = (r = yn(e, i)) !== null && r !== void 0 ? r : {};
+function Zn(e, n, t, r, i) {
+  var o;
+  const l = zn(e), s = yn(n), a = (o = xn(e, i)) !== null && o !== void 0 ? o : {};
   a[s] = {
     expandToSizes: Object.fromEntries(t.entries()),
-    layout: o
+    layout: r
   };
   try {
     i.setItem(l, JSON.stringify(a));
-  } catch (g) {
-    console.error(g);
+  } catch (m) {
+    console.error(m);
   }
 }
-function Je({
+function Ye({
   layout: e,
   panelConstraints: n
 }) {
-  const t = [...e], o = t.reduce((r, l) => r + l, 0);
+  const t = [...e], r = t.reduce((o, l) => o + l, 0);
   if (t.length !== n.length)
-    throw Error(`Invalid ${n.length} panel layout: ${t.map((r) => `${r}%`).join(", ")}`);
-  if (!F(o, 100) && t.length > 0)
-    for (let r = 0; r < n.length; r++) {
-      const l = t[r];
-      z(l != null, `No layout data found for index ${r}`);
-      const s = 100 / o * l;
-      t[r] = s;
+    throw Error(`Invalid ${n.length} panel layout: ${t.map((o) => `${o}%`).join(", ")}`);
+  if (!K(r, 100) && t.length > 0)
+    for (let o = 0; o < n.length; o++) {
+      const l = t[o];
+      y(l != null, `No layout data found for index ${o}`);
+      const s = 100 / r * l;
+      t[o] = s;
     }
   let i = 0;
-  for (let r = 0; r < n.length; r++) {
-    const l = t[r];
-    z(l != null, `No layout data found for index ${r}`);
-    const s = ce({
+  for (let o = 0; o < n.length; o++) {
+    const l = t[o];
+    y(l != null, `No layout data found for index ${o}`);
+    const s = ae({
       panelConstraints: n,
-      panelIndex: r,
+      panelIndex: o,
       size: l
     });
-    l != s && (i += l - s, t[r] = s);
+    l != s && (i += l - s, t[o] = s);
   }
-  if (!F(i, 0))
-    for (let r = 0; r < n.length; r++) {
-      const l = t[r];
-      z(l != null, `No layout data found for index ${r}`);
-      const s = l + i, a = ce({
+  if (!K(i, 0))
+    for (let o = 0; o < n.length; o++) {
+      const l = t[o];
+      y(l != null, `No layout data found for index ${o}`);
+      const s = l + i, a = ae({
         panelConstraints: n,
-        panelIndex: r,
+        panelIndex: o,
         size: s
       });
-      if (l !== a && (i -= a - l, t[r] = a, F(i, 0)))
+      if (l !== a && (i -= a - l, t[o] = a, K(i, 0)))
         break;
     }
   return t;
 }
-const jn = 100, ye = {
-  getItem: (e) => (Xe(ye), ye.getItem(e)),
+const Qn = 100, xe = {
+  getItem: (e) => (je(xe), xe.getItem(e)),
   setItem: (e, n) => {
-    Xe(ye), ye.setItem(e, n);
+    je(xe), xe.setItem(e, n);
   }
-}, je = {};
-function zn({
+}, Ze = {};
+function vn({
   autoSaveId: e = null,
   children: n,
   className: t = "",
-  direction: o,
+  direction: r,
   forwardedRef: i,
-  id: r = null,
+  id: o = null,
   onLayout: l = null,
   keyboardResizeBy: s = null,
-  storage: a = ye,
-  style: g,
-  tagName: b = "div",
+  storage: a = xe,
+  style: m,
+  tagName: P = "div",
   ...f
 }) {
-  const c = _e(r), m = B(null), [p, E] = ue(null), [w, v] = ue([]), $ = Gn(), R = B({}), D = B(/* @__PURE__ */ new Map()), W = B(0), C = B({
+  const u = Te(o), x = F(null), [h, I] = ue(null), [w, S] = ue([]), R = Fn(), M = F({}), H = F(/* @__PURE__ */ new Map()), q = F(0), C = F({
     autoSaveId: e,
-    direction: o,
-    dragState: p,
-    id: c,
+    direction: r,
+    dragState: h,
+    id: u,
     keyboardResizeBy: s,
     onLayout: l,
     storage: a
-  }), h = B({
+  }), b = F({
     layout: w,
     panelDataArray: [],
     panelDataArrayChanged: !1
   });
-  B({
+  F({
     didLogIdAndOrderWarning: !1,
     didLogPanelConstraintsWarning: !1,
     prevPanelIds: []
-  }), en(i, () => ({
+  }), nn(i, () => ({
     getId: () => C.current.id,
     getLayout: () => {
       const {
-        layout: u
-      } = h.current;
-      return u;
+        layout: c
+      } = b.current;
+      return c;
     },
-    setLayout: (u) => {
+    setLayout: (c) => {
       const {
-        onLayout: y
+        onLayout: g
       } = C.current, {
-        layout: S,
-        panelDataArray: x
-      } = h.current, d = Je({
-        layout: u,
-        panelConstraints: x.map((P) => P.constraints)
+        layout: v,
+        panelDataArray: p
+      } = b.current, d = Ye({
+        layout: c,
+        panelConstraints: p.map((z) => z.constraints)
       });
-      qe(S, d) || (v(d), h.current.layout = d, y && y(d), se(x, d, R.current));
+      Je(v, d) || (S(d), b.current.layout = d, g && g(d), le(p, d, M.current));
     }
-  }), []), oe(() => {
-    C.current.autoSaveId = e, C.current.direction = o, C.current.dragState = p, C.current.id = c, C.current.onLayout = l, C.current.storage = a;
-  }), Kn({
+  }), []), re(() => {
+    C.current.autoSaveId = e, C.current.direction = r, C.current.dragState = h, C.current.id = u, C.current.onLayout = l, C.current.storage = a;
+  }), Vn({
     committedValuesRef: C,
-    eagerValuesRef: h,
-    groupId: c,
+    eagerValuesRef: b,
+    groupId: u,
     layout: w,
-    panelDataArray: h.current.panelDataArray,
-    setLayout: v,
-    panelGroupElement: m.current
+    panelDataArray: b.current.panelDataArray,
+    setLayout: S,
+    panelGroupElement: x.current
   }), te(() => {
     const {
-      panelDataArray: u
-    } = h.current;
+      panelDataArray: c
+    } = b.current;
     if (e) {
-      if (w.length === 0 || w.length !== u.length)
+      if (w.length === 0 || w.length !== c.length)
         return;
-      let y = je[e];
-      y == null && (y = qn(Jn, jn), je[e] = y);
-      const S = [...u], x = new Map(D.current);
-      y(e, S, x, w, a);
+      let g = Ze[e];
+      g == null && (g = jn(Zn, Qn), Ze[e] = g);
+      const v = [...c], p = new Map(H.current);
+      g(e, v, p, w, a);
     }
   }, [e, w, a]), te(() => {
   });
-  const T = G((u) => {
+  const U = T((c) => {
     const {
-      onLayout: y
+      onLayout: g
     } = C.current, {
-      layout: S,
-      panelDataArray: x
-    } = h.current;
-    if (u.constraints.collapsible) {
-      const d = x.map((q) => q.constraints), {
-        collapsedSize: P = 0,
-        panelSize: L,
-        pivotIndices: M
-      } = ee(x, u, S);
-      if (z(L != null, `Panel size not found for panel "${u.id}"`), !J(L, P)) {
-        D.current.set(u.id, L);
-        const X = ae(x, u) === x.length - 1 ? L - P : P - L, I = he({
-          delta: X,
-          initialLayout: S,
+      layout: v,
+      panelDataArray: p
+    } = b.current;
+    if (c.constraints.collapsible) {
+      const d = p.map((X) => X.constraints), {
+        collapsedSize: z = 0,
+        panelSize: E,
+        pivotIndices: $
+      } = ee(p, c, v);
+      if (y(E != null, `Panel size not found for panel "${c.id}"`), !Y(E, z)) {
+        H.current.set(c.id, E);
+        const J = se(p, c) === p.length - 1 ? E - z : z - E, L = ye({
+          delta: J,
+          initialLayout: v,
           panelConstraints: d,
-          pivotIndices: M,
-          prevLayout: S,
+          pivotIndices: $,
+          prevLayout: v,
           trigger: "imperative-api"
         });
-        Pe(S, I) || (v(I), h.current.layout = I, y && y(I), se(x, I, R.current));
+        Pe(v, L) || (S(L), b.current.layout = L, g && g(L), le(p, L, M.current));
       }
     }
-  }, []), K = G((u, y) => {
+  }, []), j = T((c, g) => {
     const {
-      onLayout: S
+      onLayout: v
     } = C.current, {
-      layout: x,
+      layout: p,
       panelDataArray: d
-    } = h.current;
-    if (u.constraints.collapsible) {
-      const P = d.map((U) => U.constraints), {
-        collapsedSize: L = 0,
-        panelSize: M = 0,
-        minSize: q = 0,
-        pivotIndices: X
-      } = ee(d, u, x), I = y ?? q;
-      if (J(M, L)) {
-        const U = D.current.get(u.id), pe = U != null && U >= I ? U : I, $e = ae(d, u) === d.length - 1 ? M - pe : pe - M, H = he({
-          delta: $e,
-          initialLayout: x,
-          panelConstraints: P,
-          pivotIndices: X,
-          prevLayout: x,
+    } = b.current;
+    if (c.constraints.collapsible) {
+      const z = d.map((V) => V.constraints), {
+        collapsedSize: E = 0,
+        panelSize: $ = 0,
+        minSize: X = 0,
+        pivotIndices: J
+      } = ee(d, c, p), L = g ?? X;
+      if (Y($, E)) {
+        const V = H.current.get(c.id), he = V != null && V >= L ? V : L, Me = se(d, c) === d.length - 1 ? $ - he : he - $, B = ye({
+          delta: Me,
+          initialLayout: p,
+          panelConstraints: z,
+          pivotIndices: J,
+          prevLayout: p,
           trigger: "imperative-api"
         });
-        Pe(x, H) || (v(H), h.current.layout = H, S && S(H), se(d, H, R.current));
+        Pe(p, B) || (S(B), b.current.layout = B, v && v(B), le(d, B, M.current));
       }
     }
-  }, []), Z = G((u) => {
+  }, []), W = T((c) => {
     const {
-      layout: y,
-      panelDataArray: S
-    } = h.current, {
-      panelSize: x
-    } = ee(S, u, y);
-    return z(x != null, `Panel size not found for panel "${u.id}"`), x;
-  }, []), V = G((u, y) => {
+      layout: g,
+      panelDataArray: v
+    } = b.current, {
+      panelSize: p
+    } = ee(v, c, g);
+    return y(p != null, `Panel size not found for panel "${c.id}"`), p;
+  }, []), _ = T((c, g) => {
     const {
-      panelDataArray: S
-    } = h.current, x = ae(S, u);
-    return On({
-      defaultSize: y,
-      dragState: p,
+      panelDataArray: v
+    } = b.current, p = se(v, c);
+    return Jn({
+      defaultSize: g,
+      dragState: h,
       layout: w,
-      panelData: S,
-      panelIndex: x
+      panelData: v,
+      panelIndex: p
     });
-  }, [p, w]), A = G((u) => {
+  }, [h, w]), D = T((c) => {
     const {
-      layout: y,
-      panelDataArray: S
-    } = h.current, {
-      collapsedSize: x = 0,
+      layout: g,
+      panelDataArray: v
+    } = b.current, {
+      collapsedSize: p = 0,
       collapsible: d,
-      panelSize: P
-    } = ee(S, u, y);
-    return z(P != null, `Panel size not found for panel "${u.id}"`), d === !0 && J(P, x);
-  }, []), j = G((u) => {
+      panelSize: z
+    } = ee(v, c, g);
+    return y(z != null, `Panel size not found for panel "${c.id}"`), d === !0 && Y(z, p);
+  }, []), Q = T((c) => {
     const {
-      layout: y,
-      panelDataArray: S
-    } = h.current, {
-      collapsedSize: x = 0,
+      layout: g,
+      panelDataArray: v
+    } = b.current, {
+      collapsedSize: p = 0,
       collapsible: d,
-      panelSize: P
-    } = ee(S, u, y);
-    return z(P != null, `Panel size not found for panel "${u.id}"`), !d || re(P, x) > 0;
-  }, []), N = G((u) => {
+      panelSize: z
+    } = ee(v, c, g);
+    return y(z != null, `Panel size not found for panel "${c.id}"`), !d || oe(z, p) > 0;
+  }, []), N = T((c) => {
     const {
-      panelDataArray: y
-    } = h.current;
-    y.push(u), y.sort((S, x) => {
-      const d = S.order, P = x.order;
-      return d == null && P == null ? 0 : d == null ? -1 : P == null ? 1 : d - P;
-    }), h.current.panelDataArrayChanged = !0, $();
-  }, [$]);
-  oe(() => {
-    if (h.current.panelDataArrayChanged) {
-      h.current.panelDataArrayChanged = !1;
+      panelDataArray: g
+    } = b.current;
+    g.push(c), g.sort((v, p) => {
+      const d = v.order, z = p.order;
+      return d == null && z == null ? 0 : d == null ? -1 : z == null ? 1 : d - z;
+    }), b.current.panelDataArrayChanged = !0, R();
+  }, [R]);
+  re(() => {
+    if (b.current.panelDataArrayChanged) {
+      b.current.panelDataArrayChanged = !1;
       const {
-        autoSaveId: u,
-        onLayout: y,
-        storage: S
+        autoSaveId: c,
+        onLayout: g,
+        storage: v
       } = C.current, {
-        layout: x,
+        layout: p,
         panelDataArray: d
-      } = h.current;
-      let P = null;
-      if (u) {
-        const M = Xn(u, d, S);
-        M && (D.current = new Map(Object.entries(M.expandToSizes)), P = M.layout);
+      } = b.current;
+      let z = null;
+      if (c) {
+        const $ = Yn(c, d, v);
+        $ && (H.current = new Map(Object.entries($.expandToSizes)), z = $.layout);
       }
-      P == null && (P = Un({
+      z == null && (z = Xn({
         panelDataArray: d
       }));
-      const L = Je({
-        layout: P,
-        panelConstraints: d.map((M) => M.constraints)
+      const E = Ye({
+        layout: z,
+        panelConstraints: d.map(($) => $.constraints)
       });
-      qe(x, L) || (v(L), h.current.layout = L, y && y(L), se(d, L, R.current));
+      Je(p, E) || (S(E), b.current.layout = E, g && g(E), le(d, E, M.current));
     }
-  }), oe(() => {
-    const u = h.current;
+  }), re(() => {
+    const c = b.current;
     return () => {
-      u.layout = [];
+      c.layout = [];
     };
   }, []);
-  const k = G((u) => {
-    let y = !1;
-    const S = m.current;
-    return S && window.getComputedStyle(S, null).getPropertyValue("direction") === "rtl" && (y = !0), function(d) {
+  const k = T((c) => {
+    let g = !1;
+    const v = x.current;
+    return v && window.getComputedStyle(v, null).getPropertyValue("direction") === "rtl" && (g = !0), function(d) {
       d.preventDefault();
-      const P = m.current;
-      if (!P)
+      const z = x.current;
+      if (!z)
         return () => null;
       const {
-        direction: L,
-        dragState: M,
-        id: q,
-        keyboardResizeBy: X,
-        onLayout: I
+        direction: E,
+        dragState: $,
+        id: X,
+        keyboardResizeBy: J,
+        onLayout: L
       } = C.current, {
-        layout: U,
-        panelDataArray: pe
-      } = h.current, {
-        initialLayout: Se
-      } = M ?? {}, $e = dn(q, u, P);
-      let H = Wn(d, u, L, M, X, P);
-      const Te = L === "horizontal";
-      Te && y && (H = -H);
-      const xn = pe.map((vn) => vn.constraints), ge = he({
-        delta: H,
-        initialLayout: Se ?? U,
-        panelConstraints: xn,
-        pivotIndices: $e,
-        prevLayout: U,
-        trigger: tn(d) ? "keyboard" : "mouse-or-touch"
-      }), Fe = !Pe(U, ge);
-      (on(d) || rn(d)) && W.current != H && (W.current = H, !Fe && H !== 0 ? Te ? Ne(u, H < 0 ? sn : an) : Ne(u, H < 0 ? cn : un) : Ne(u, 0)), Fe && (v(ge), h.current.layout = ge, I && I(ge), se(pe, ge, R.current));
+        layout: V,
+        panelDataArray: he
+      } = b.current, {
+        initialLayout: be
+      } = $ ?? {}, Me = gn(X, c, z);
+      let B = qn(d, c, E, $, J, z);
+      const Ke = E === "horizontal";
+      Ke && g && (B = -B);
+      const Sn = he.map((bn) => bn.constraints), ze = ye({
+        delta: B,
+        initialLayout: be ?? V,
+        panelConstraints: Sn,
+        pivotIndices: Me,
+        prevLayout: V,
+        trigger: rn(d) ? "keyboard" : "mouse-or-touch"
+      }), Ue = !Pe(V, ze);
+      (on(d) || ln(d)) && q.current != B && (q.current = B, !Ue && B !== 0 ? Ke ? Ne(c, B < 0 ? an : un) : Ne(c, B < 0 ? cn : dn) : Ne(c, 0)), Ue && (S(ze), b.current.layout = ze, L && L(ze), le(he, ze, M.current));
     };
-  }, []), _ = G((u, y) => {
+  }, []), G = T((c, g) => {
     const {
-      onLayout: S
+      onLayout: v
     } = C.current, {
-      layout: x,
+      layout: p,
       panelDataArray: d
-    } = h.current, P = d.map((U) => U.constraints), {
-      panelSize: L,
-      pivotIndices: M
-    } = ee(d, u, x);
-    z(L != null, `Panel size not found for panel "${u.id}"`);
-    const X = ae(d, u) === d.length - 1 ? L - y : y - L, I = he({
-      delta: X,
-      initialLayout: x,
-      panelConstraints: P,
-      pivotIndices: M,
-      prevLayout: x,
+    } = b.current, z = d.map((V) => V.constraints), {
+      panelSize: E,
+      pivotIndices: $
+    } = ee(d, c, p);
+    y(E != null, `Panel size not found for panel "${c.id}"`);
+    const J = se(d, c) === d.length - 1 ? E - g : g - E, L = ye({
+      delta: J,
+      initialLayout: p,
+      panelConstraints: z,
+      pivotIndices: $,
+      prevLayout: p,
       trigger: "imperative-api"
     });
-    Pe(x, I) || (v(I), h.current.layout = I, S && S(I), se(d, I, R.current));
-  }, []), Re = G((u, y) => {
+    Pe(p, L) || (S(L), b.current.layout = L, v && v(L), le(d, L, M.current));
+  }, []), fe = T((c, g) => {
     const {
-      layout: S,
-      panelDataArray: x
-    } = h.current, {
+      layout: v,
+      panelDataArray: p
+    } = b.current, {
       collapsedSize: d = 0,
-      collapsible: P
-    } = y, {
-      collapsedSize: L = 0,
-      collapsible: M,
-      maxSize: q = 100,
-      minSize: X = 0
-    } = u.constraints, {
-      panelSize: I
-    } = ee(x, u, S);
-    I != null && (P && M && J(I, d) ? J(d, L) || _(u, L) : I < X ? _(u, X) : I > q && _(u, q));
-  }, [_]), Q = G((u, y) => {
+      collapsible: z
+    } = g, {
+      collapsedSize: E = 0,
+      collapsible: $,
+      maxSize: X = 100,
+      minSize: J = 0
+    } = c.constraints, {
+      panelSize: L
+    } = ee(p, c, v);
+    L != null && (z && $ && Y(L, d) ? Y(d, E) || G(c, E) : L < J ? G(c, J) : L > X && G(c, X));
+  }, [G]), pe = T((c, g) => {
     const {
-      direction: S
+      direction: v
     } = C.current, {
-      layout: x
-    } = h.current;
-    if (!m.current)
+      layout: p
+    } = b.current;
+    if (!x.current)
       return;
-    const d = Ie(u, m.current);
-    z(d, `Drag handle element not found for id "${u}"`);
-    const P = gn(S, y);
-    E({
-      dragHandleId: u,
+    const d = Ae(c, x.current);
+    y(d, `Drag handle element not found for id "${c}"`);
+    const z = hn(v, g);
+    I({
+      dragHandleId: c,
       dragHandleRect: d.getBoundingClientRect(),
-      initialCursorPosition: P,
-      initialLayout: x
+      initialCursorPosition: z,
+      initialLayout: p
     });
-  }, []), Ae = G(() => {
-    E(null);
-  }, []), ve = G((u) => {
+  }, []), ge = T(() => {
+    I(null);
+  }, []), De = T((c) => {
     const {
-      panelDataArray: y
-    } = h.current, S = ae(y, u);
-    S >= 0 && (y.splice(S, 1), delete R.current[u.id], h.current.panelDataArrayChanged = !0, $());
-  }, [$]), Me = bn(() => ({
-    collapsePanel: T,
-    direction: o,
-    dragState: p,
-    expandPanel: K,
-    getPanelSize: Z,
-    getPanelStyle: V,
-    groupId: c,
-    isPanelCollapsed: A,
-    isPanelExpanded: j,
-    reevaluatePanelConstraints: Re,
+      panelDataArray: g
+    } = b.current, v = se(g, c);
+    v >= 0 && (g.splice(v, 1), delete M.current[c.id], b.current.panelDataArrayChanged = !0, R());
+  }, [R]), ie = En(() => ({
+    collapsePanel: U,
+    direction: r,
+    dragState: h,
+    expandPanel: j,
+    getPanelSize: W,
+    getPanelStyle: _,
+    groupId: u,
+    isPanelCollapsed: D,
+    isPanelExpanded: Q,
+    reevaluatePanelConstraints: fe,
     registerPanel: N,
     registerResizeHandle: k,
-    resizePanel: _,
-    startDragging: Q,
-    stopDragging: Ae,
-    unregisterPanel: ve,
-    panelGroupElement: m.current
-  }), [T, p, o, K, Z, V, c, A, j, Re, N, k, _, Q, Ae, ve]), ie = {
+    resizePanel: G,
+    startDragging: pe,
+    stopDragging: ge,
+    unregisterPanel: De,
+    panelGroupElement: x.current
+  }), [U, h, r, j, W, _, u, D, Q, fe, N, k, G, pe, ge, De]), me = {
     display: "flex",
-    flexDirection: o === "horizontal" ? "row" : "column",
+    flexDirection: r === "horizontal" ? "row" : "column",
     height: "100%",
     overflow: "hidden",
     width: "100%"
   };
-  return de(Ee.Provider, {
-    value: Me
-  }, de(b, {
+  return de(Ce.Provider, {
+    value: ie
+  }, de(P, {
     ...f,
     children: n,
     className: t,
-    id: r,
-    ref: m,
+    id: o,
+    ref: x,
     style: {
-      ...ie,
-      ...g
+      ...me,
+      ...m
     },
     // CSS selectors
-    "data-panel-group": "",
-    "data-panel-group-direction": o,
-    "data-panel-group-id": c
+    [A.group]: "",
+    [A.groupDirection]: r,
+    [A.groupId]: u
   }));
 }
-const Yn = Ze((e, n) => de(zn, {
+const et = Qe((e, n) => de(vn, {
   ...e,
   forwardedRef: n
 }));
-zn.displayName = "PanelGroup";
-Yn.displayName = "forwardRef(PanelGroup)";
-function ae(e, n) {
+vn.displayName = "PanelGroup";
+et.displayName = "forwardRef(PanelGroup)";
+function se(e, n) {
   return e.findIndex((t) => t === n || t.id === n.id);
 }
 function ee(e, n, t) {
-  const o = ae(e, n), r = o === e.length - 1 ? [o - 1, o] : [o, o + 1], l = t[o];
+  const r = se(e, n), o = r === e.length - 1 ? [r - 1, r] : [r, r + 1], l = t[r];
   return {
     ...n.constraints,
     panelSize: l,
-    pivotIndices: r
+    pivotIndices: o
   };
 }
-function Zn({
+function nt({
   disabled: e,
   handleId: n,
   resizeHandler: t,
-  panelGroupElement: o
+  panelGroupElement: r
 }) {
   te(() => {
-    if (e || t == null || o == null)
+    if (e || t == null || r == null)
       return;
-    const i = Ie(n, o);
+    const i = Ae(n, r);
     if (i == null)
       return;
-    const r = (l) => {
+    const o = (l) => {
       if (!l.defaultPrevented)
         switch (l.key) {
           case "ArrowDown":
@@ -1333,149 +1349,162 @@ function Zn({
           }
           case "F6": {
             l.preventDefault();
-            const s = i.getAttribute("data-panel-group-id");
-            z(s, `No group element found for id "${s}"`);
-            const a = xe(s, o), g = fn(s, n, o);
-            z(g !== null, `No resize element found for id "${n}"`);
-            const b = l.shiftKey ? g > 0 ? g - 1 : a.length - 1 : g + 1 < a.length ? g + 1 : 0;
-            a[b].focus();
+            const s = i.getAttribute(A.groupId);
+            y(s, `No group element found for id "${s}"`);
+            const a = Se(s, r), m = pn(s, n, r);
+            y(m !== null, `No resize element found for id "${n}"`);
+            const P = l.shiftKey ? m > 0 ? m - 1 : a.length - 1 : m + 1 < a.length ? m + 1 : 0;
+            a[P].focus();
             break;
           }
         }
     };
-    return i.addEventListener("keydown", r), () => {
-      i.removeEventListener("keydown", r);
+    return i.addEventListener("keydown", o), () => {
+      i.removeEventListener("keydown", o);
     };
-  }, [o, e, n, t]);
+  }, [r, e, n, t]);
 }
-function Qn({
+function tt({
   children: e = null,
   className: n = "",
   disabled: t = !1,
-  hitAreaMargins: o,
+  hitAreaMargins: r,
   id: i,
-  onBlur: r,
-  onDragging: l,
-  onFocus: s,
-  style: a = {},
-  tabIndex: g = 0,
-  tagName: b = "div",
-  ...f
+  onBlur: o,
+  onClick: l,
+  onDragging: s,
+  onFocus: a,
+  onPointerDown: m,
+  onPointerUp: P,
+  style: f = {},
+  tabIndex: u = 0,
+  tagName: x = "div",
+  ...h
 }) {
-  var c, m;
-  const p = B(null), E = B({
-    onDragging: l
+  var I, w;
+  const S = F(null), R = F({
+    onClick: l,
+    onDragging: s,
+    onPointerDown: m,
+    onPointerUp: P
   });
   te(() => {
-    E.current.onDragging = l;
+    R.current.onClick = l, R.current.onDragging = s, R.current.onPointerDown = m, R.current.onPointerUp = P;
   });
-  const w = Qe(Ee);
-  if (w === null)
+  const M = en(Ce);
+  if (M === null)
     throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");
   const {
-    direction: v,
-    groupId: $,
-    registerResizeHandle: R,
-    startDragging: D,
-    stopDragging: W,
-    panelGroupElement: C
-  } = w, h = _e(i), [T, K] = ue("inactive"), [Z, V] = ue(!1), [A, j] = ue(null), N = B({
-    state: T
+    direction: H,
+    groupId: q,
+    registerResizeHandle: C,
+    startDragging: b,
+    stopDragging: U,
+    panelGroupElement: j
+  } = M, W = Te(i), [_, D] = ue("inactive"), [Q, N] = ue(!1), [k, G] = ue(null), fe = F({
+    state: _
   });
-  oe(() => {
-    N.current.state = T;
+  re(() => {
+    fe.current.state = _;
   }), te(() => {
     if (t)
-      j(null);
+      G(null);
     else {
-      const Q = R(h);
-      j(() => Q);
+      const ie = C(W);
+      G(() => ie);
     }
-  }, [t, h, R]);
-  const k = (c = o == null ? void 0 : o.coarse) !== null && c !== void 0 ? c : 15, _ = (m = o == null ? void 0 : o.fine) !== null && m !== void 0 ? m : 5;
+  }, [t, W, C]);
+  const pe = (I = r == null ? void 0 : r.coarse) !== null && I !== void 0 ? I : 15, ge = (w = r == null ? void 0 : r.fine) !== null && w !== void 0 ? w : 5;
   return te(() => {
-    if (t || A == null)
+    if (t || k == null)
       return;
-    const Q = p.current;
-    return z(Q, "Element ref not attached"), Hn(h, Q, v, {
-      coarse: k,
-      fine: _
-    }, (ve, Me, ie) => {
-      if (Me)
-        switch (ve) {
-          case "down": {
-            K("drag"), z(ie, 'Expected event to be defined for "down" action'), D(h, ie);
-            const {
-              onDragging: u
-            } = E.current;
-            u && u(!0);
-            break;
-          }
-          case "move": {
-            const {
-              state: u
-            } = N.current;
-            u !== "drag" && K("hover"), z(ie, 'Expected event to be defined for "move" action'), A(ie);
-            break;
-          }
-          case "up": {
-            K("hover"), W();
-            const {
-              onDragging: u
-            } = E.current;
-            u && u(!1);
-            break;
-          }
+    const ie = S.current;
+    y(ie, "Element ref not attached");
+    let me = !1;
+    return Bn(W, ie, H, {
+      coarse: pe,
+      fine: ge
+    }, (g, v, p) => {
+      if (!v) {
+        D("inactive");
+        return;
+      }
+      switch (g) {
+        case "down": {
+          D("drag"), me = !1, y(p, 'Expected event to be defined for "down" action'), b(W, p);
+          const {
+            onDragging: d,
+            onPointerDown: z
+          } = R.current;
+          d == null || d(!0), z == null || z();
+          break;
+        }
+        case "move": {
+          const {
+            state: d
+          } = fe.current;
+          me = !0, d !== "drag" && D("hover"), y(p, 'Expected event to be defined for "move" action'), k(p);
+          break;
         }
-      else
-        K("inactive");
+        case "up": {
+          D("hover"), U();
+          const {
+            onClick: d,
+            onDragging: z,
+            onPointerUp: E
+          } = R.current;
+          z == null || z(!1), E == null || E(), me || d == null || d();
+          break;
+        }
+      }
     });
-  }, [k, v, t, _, R, h, A, D, W]), Zn({
+  }, [pe, H, t, ge, C, W, k, b, U]), nt({
     disabled: t,
-    handleId: h,
-    resizeHandler: A,
-    panelGroupElement: C
-  }), de(b, {
-    ...f,
+    handleId: W,
+    resizeHandler: k,
+    panelGroupElement: j
+  }), de(x, {
+    ...h,
     children: e,
     className: n,
     id: i,
     onBlur: () => {
-      V(!1), r == null || r();
+      N(!1), o == null || o();
     },
     onFocus: () => {
-      V(!0), s == null || s();
+      N(!0), a == null || a();
     },
-    ref: p,
+    ref: S,
     role: "separator",
     style: {
       ...{
         touchAction: "none",
         userSelect: "none"
       },
-      ...a
+      ...f
     },
-    tabIndex: g,
+    tabIndex: u,
     // CSS selectors
-    "data-panel-group-direction": v,
-    "data-panel-group-id": $,
-    "data-resize-handle": "",
-    "data-resize-handle-active": T === "drag" ? "pointer" : Z ? "keyboard" : void 0,
-    "data-resize-handle-state": T,
-    "data-panel-resize-handle-enabled": !t,
-    "data-panel-resize-handle-id": h
+    [A.groupDirection]: H,
+    [A.groupId]: q,
+    [A.resizeHandle]: "",
+    [A.resizeHandleActive]: _ === "drag" ? "pointer" : Q ? "keyboard" : void 0,
+    [A.resizeHandleEnabled]: !t,
+    [A.resizeHandleId]: W,
+    [A.resizeHandleState]: _
   });
 }
-Qn.displayName = "PanelResizeHandle";
+tt.displayName = "PanelResizeHandle";
 export {
+  A as DATA_ATTRIBUTES,
   Ln as Panel,
-  Yn as PanelGroup,
-  Qn as PanelResizeHandle,
-  z as assert,
-  pn as getPanelGroupElement,
-  Ie as getResizeHandleElement,
-  fn as getResizeHandleElementIndex,
-  xe as getResizeHandleElementsForGroup,
-  Fn as getResizeHandlePanelIds,
-  Mn as intersects
+  et as PanelGroup,
+  tt as PanelResizeHandle,
+  y as assert,
+  mn as getPanelGroupElement,
+  Ae as getResizeHandleElement,
+  pn as getResizeHandleElementIndex,
+  Se as getResizeHandleElementsForGroup,
+  Un as getResizeHandlePanelIds,
+  $n as intersects
 };