@arcadeai/design-system 0.7.4 → 0.7.5

package/dist/components/ui/atoms/resizable.js

@@ -1,22 +1,9 @@
 import { jsx as ve } from "react/jsx-runtime";
-import * as Rn from "react";
-import { createContext as Ln, forwardRef as en, createElement as de, useContext as nn, useRef as F, useLayoutEffect as An, useImperativeHandle as tn, useState as ce, useEffect as te, useCallback as B, useMemo as kn } from "react";
+import { GripVerticalIcon as Rn } from "lucide-react";
+import * as Ln from "react";
+import { createContext as An, forwardRef as en, createElement as de, useContext as nn, useRef as F, useLayoutEffect as Mn, useImperativeHandle as tn, useState as ue, useEffect as te, useCallback as B, useMemo as Dn } from "react";
 import { c as rn } from "../../../utils-CRiPKpXj.js";
-import { c as Mn } from "../../../createLucideIcon-XRdN60yz.js";
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Nn = [
-  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
-  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
-  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
-  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
-  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
-  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
-], Dn = Mn("grip-vertical", Nn), Re = Ln(null);
+const Re = An(null);
 Re.displayName = "PanelGroupContext";
 const A = {
   group: "data-panel-group",
@@ -31,11 +18,11 @@ const A = {
   resizeHandleEnabled: "data-panel-resize-handle-enabled",
   resizeHandleId: "data-panel-resize-handle-id",
   resizeHandleState: "data-resize-handle-state"
-}, Be = 10, re = An, je = Rn.useId, Hn = typeof je == "function" ? je : () => null;
-let $n = 0;
+}, Be = 10, re = Mn, Oe = Ln.useId, Hn = typeof Oe == "function" ? Oe : () => null;
+let Nn = 0;
 function Fe(e = null) {
   const n = Hn(), t = F(e || n || null);
-  return t.current === null && (t.current = "" + $n++), e ?? t.current;
+  return t.current === null && (t.current = "" + Nn++), e ?? t.current;
 }
 function on({
   children: e,
@@ -50,9 +37,9 @@ function on({
   onCollapse: m,
   onExpand: P,
   onResize: f,
-  order: c,
+  order: u,
   style: x,
-  tagName: y = "div",
+  tagName: h = "div",
   ...I
 }) {
   const w = nn(Re);
@@ -61,15 +48,15 @@ function on({
   const {
     collapsePanel: S,
     expandPanel: R,
-    getPanelSize: M,
-    getPanelStyle: D,
-    groupId: O,
+    getPanelSize: D,
+    getPanelStyle: N,
+    groupId: q,
     isPanelCollapsed: C,
     reevaluatePanelConstraints: b,
     registerPanel: K,
     resizePanel: J,
     unregisterPanel: V
-  } = w, _ = Fe(l), k = F({
+  } = w, _ = Fe(l), M = F({
     callbacks: {
       onCollapse: m,
       onExpand: P,
@@ -84,48 +71,48 @@ function on({
     },
     id: _,
     idIsFromProps: l !== void 0,
-    order: c
+    order: u
   });
   F({
     didLogMissingDefaultSizeWarning: !1
   }), re(() => {
     const {
-      callbacks: $,
-      constraints: H
-    } = k.current, G = {
-      ...H
+      callbacks: k,
+      constraints: $
+    } = M.current, G = {
+      ...$
     };
-    k.current.id = _, k.current.idIsFromProps = l !== void 0, k.current.order = c, $.onCollapse = m, $.onExpand = P, $.onResize = f, H.collapsedSize = t, H.collapsible = r, H.defaultSize = i, H.maxSize = a, H.minSize = s, (G.collapsedSize !== H.collapsedSize || G.collapsible !== H.collapsible || G.maxSize !== H.maxSize || G.minSize !== H.minSize) && b(k.current, G);
+    M.current.id = _, M.current.idIsFromProps = l !== void 0, M.current.order = u, k.onCollapse = m, k.onExpand = P, k.onResize = f, $.collapsedSize = t, $.collapsible = r, $.defaultSize = i, $.maxSize = a, $.minSize = s, (G.collapsedSize !== $.collapsedSize || G.collapsible !== $.collapsible || G.maxSize !== $.maxSize || G.minSize !== $.minSize) && b(M.current, G);
   }), re(() => {
-    const $ = k.current;
-    return K($), () => {
-      V($);
+    const k = M.current;
+    return K(k), () => {
+      V(k);
     };
-  }, [c, _, K, V]), tn(o, () => ({
+  }, [u, _, K, V]), tn(o, () => ({
     collapse: () => {
-      S(k.current);
+      S(M.current);
     },
-    expand: ($) => {
-      R(k.current, $);
+    expand: (k) => {
+      R(M.current, k);
     },
     getId() {
       return _;
     },
     getSize() {
-      return M(k.current);
+      return D(M.current);
     },
     isCollapsed() {
-      return C(k.current);
+      return C(M.current);
     },
     isExpanded() {
-      return !C(k.current);
+      return !C(M.current);
     },
-    resize: ($) => {
-      J(k.current, $);
+    resize: (k) => {
+      J(M.current, k);
     }
-  }), [S, R, M, C, _, J]);
-  const ee = D(k.current, i);
-  return de(y, {
+  }), [S, R, D, C, _, J]);
+  const ee = N(M.current, i);
+  return de(h, {
     ...I,
     children: e,
     className: n,
@@ -135,7 +122,7 @@ function on({
       ...x
     },
     // CSS selectors
-    [A.groupId]: O,
+    [A.groupId]: q,
     [A.panel]: "",
     [A.panelCollapsible]: r || void 0,
     [A.panelId]: _,
@@ -149,7 +136,7 @@ const ln = en((e, n) => de(on, {
 on.displayName = "Panel";
 ln.displayName = "forwardRef(Panel)";
 let Te = null, Ie = -1, Z = null;
-function _n(e, n) {
+function $n(e, n) {
   if (n) {
     const t = (n & dn) !== 0, r = (n & fn) !== 0, i = (n & pn) !== 0, o = (n & gn) !== 0;
     if (t)
@@ -170,12 +157,12 @@ function _n(e, n) {
       return "ns-resize";
   }
 }
-function Gn() {
+function kn() {
   Z !== null && (document.head.removeChild(Z), Te = null, Z = null, Ie = -1);
 }
-function De(e, n) {
+function Ne(e, n) {
   var t, r;
-  const i = _n(e, n);
+  const i = $n(e, n);
   if (Te !== i) {
     if (Te = i, Z === null && (Z = document.createElement("style"), document.head.appendChild(Z)), Ie >= 0) {
       var o;
@@ -190,7 +177,7 @@ function an(e) {
 function sn(e) {
   return e.type.startsWith("pointer");
 }
-function cn(e) {
+function un(e) {
   return e.type.startsWith("mouse");
 }
 function Le(e) {
@@ -200,7 +187,7 @@ function Le(e) {
         x: e.clientX,
         y: e.clientY
       };
-  } else if (cn(e))
+  } else if (un(e))
     return {
       x: e.clientX,
       y: e.clientY
@@ -210,26 +197,26 @@ function Le(e) {
     y: 1 / 0
   };
 }
-function Tn() {
+function _n() {
   if (typeof matchMedia == "function")
     return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
 }
-function Bn(e, n, t) {
+function Gn(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 Fn(e, n) {
+function Tn(e, n) {
   if (e === n) throw new Error("Cannot compare node with itself");
   const t = {
-    a: Xe(e),
-    b: Xe(n)
+    a: je(e),
+    b: je(n)
   };
   let r;
   for (; t.a.at(-1) === t.b.at(-1); )
     e = t.a.pop(), n = t.b.pop(), r = e;
-  z(r, "Stacking order can only be calculated for elements with a common ancestor");
+  y(r, "Stacking order can only be calculated for elements with a common ancestor");
   const i = {
-    a: qe(Oe(t.a)),
-    b: qe(Oe(t.b))
+    a: Xe(qe(t.a)),
+    b: Xe(qe(t.b))
   };
   if (i.a === i.b) {
     const o = r.childNodes, l = {
@@ -245,43 +232,43 @@ function Fn(e, n) {
   }
   return Math.sign(i.a - i.b);
 }
-const Vn = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function Wn(e) {
+const Bn = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function Fn(e) {
   var n;
-  const t = getComputedStyle((n = un(e)) !== null && n !== void 0 ? n : e).display;
+  const t = getComputedStyle((n = cn(e)) !== null && n !== void 0 ? n : e).display;
   return t === "flex" || t === "inline-flex";
 }
-function Kn(e) {
+function Vn(e) {
   const n = getComputedStyle(e);
-  return !!(n.position === "fixed" || n.zIndex !== "auto" && (n.position !== "static" || Wn(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" || Vn.test(n.willChange) || n.webkitOverflowScrolling === "touch");
+  return !!(n.position === "fixed" || n.zIndex !== "auto" && (n.position !== "static" || Fn(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" || Bn.test(n.willChange) || n.webkitOverflowScrolling === "touch");
 }
-function Oe(e) {
+function qe(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"), Vn(t)) return t;
   }
   return null;
 }
-function qe(e) {
+function Xe(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function Xe(e) {
+function je(e) {
   const n = [];
   for (; e; )
-    n.push(e), e = un(e);
+    n.push(e), e = cn(e);
   return n;
 }
-function un(e) {
+function cn(e) {
   const {
     parentNode: n
   } = e;
   return n && n instanceof ShadowRoot ? n.host : n;
 }
-const dn = 1, fn = 2, pn = 4, gn = 8, Un = Tn() === "coarse";
-let j = [], ue = !1, Q = /* @__PURE__ */ new Map(), Ae = /* @__PURE__ */ new Map();
+const dn = 1, fn = 2, pn = 4, gn = 8, Wn = _n() === "coarse";
+let O = [], ce = !1, Q = /* @__PURE__ */ new Map(), Ae = /* @__PURE__ */ new Map();
 const Se = /* @__PURE__ */ new Set();
-function jn(e, n, t, r, i) {
+function Kn(e, n, t, r, i) {
   var o;
   const {
     ownerDocument: l
@@ -295,31 +282,31 @@ function jn(e, n, t, r, i) {
     var P;
     Ae.delete(e), Se.delete(a);
     const f = (P = Q.get(l)) !== null && P !== void 0 ? P : 1;
-    if (Q.set(l, f - 1), Ee(), f === 1 && Q.delete(l), j.includes(a)) {
-      const c = j.indexOf(a);
-      c >= 0 && j.splice(c, 1), We(), i("up", !0, null);
+    if (Q.set(l, f - 1), Ee(), f === 1 && Q.delete(l), O.includes(a)) {
+      const u = O.indexOf(a);
+      u >= 0 && O.splice(u, 1), We(), i("up", !0, null);
     }
   };
 }
-function On(e) {
+function Un(e) {
   const {
     target: n
   } = e, {
     x: t,
     y: r
   } = Le(e);
-  ue = !0, Ve({
+  ce = !0, Ve({
     target: n,
     x: t,
     y: r
-  }), Ee(), j.length > 0 && (Ce("down", e), e.preventDefault(), mn(n) || e.stopImmediatePropagation());
+  }), Ee(), O.length > 0 && (Ce("down", e), e.preventDefault(), mn(n) || e.stopImmediatePropagation());
 }
-function He(e) {
+function $e(e) {
   const {
     x: n,
     y: t
   } = Le(e);
-  if (ue && e.buttons === 0 && (ue = !1, Ce("up", e)), !ue) {
+  if (ce && e.buttons === 0 && (ce = !1, Ce("up", e)), !ce) {
     const {
       target: r
     } = e;
@@ -329,16 +316,16 @@ function He(e) {
       y: t
     });
   }
-  Ce("move", e), We(), j.length > 0 && e.preventDefault();
+  Ce("move", e), We(), O.length > 0 && e.preventDefault();
 }
-function $e(e) {
+function ke(e) {
   const {
     target: n
   } = e, {
     x: t,
     y: r
   } = Le(e);
-  Ae.clear(), ue = !1, j.length > 0 && (e.preventDefault(), mn(n) || e.stopImmediatePropagation()), Ce("up", e), Ve({
+  Ae.clear(), ce = !1, O.length > 0 && (e.preventDefault(), mn(n) || e.stopImmediatePropagation()), Ce("up", e), Ve({
     target: n,
     x: t,
     y: r
@@ -358,7 +345,7 @@ function Ve({
   x: n,
   y: t
 }) {
-  j.splice(0);
+  O.splice(0);
   let r = null;
   (e instanceof HTMLElement || e instanceof SVGElement) && (r = e), Se.forEach((i) => {
     const {
@@ -369,24 +356,24 @@ function Ve({
       left: m,
       right: P,
       top: f
-    } = a, c = Un ? l.coarse : l.fine;
-    if (n >= m - c && n <= P + c && t >= f - c && t <= s + c) {
+    } = a, u = Wn ? l.coarse : l.fine;
+    if (n >= m - u && n <= P + u && t >= f - u && t <= s + 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
-      Fn(r, o) > 0) {
-        let y = r, I = !1;
-        for (; y && !y.contains(o); ) {
-          if (Bn(y.getBoundingClientRect(), a)) {
+      Tn(r, o) > 0) {
+        let h = r, I = !1;
+        for (; h && !h.contains(o); ) {
+          if (Gn(h.getBoundingClientRect(), a)) {
             I = !0;
             break;
           }
-          y = y.parentElement;
+          h = h.parentElement;
         }
         if (I)
           return;
       }
-      j.push(i);
+      O.push(i);
     }
   });
 }
@@ -395,7 +382,7 @@ function _e(e, n) {
 }
 function We() {
   let e = !1, n = !1;
-  j.forEach((r) => {
+  O.forEach((r) => {
     const {
       direction: i
     } = r;
@@ -404,7 +391,7 @@ function We() {
   let t = 0;
   Ae.forEach((r) => {
     t |= r;
-  }), e && n ? De("intersection", t) : e ? De("horizontal", t) : n ? De("vertical", t) : Gn();
+  }), e && n ? Ne("intersection", t) : e ? Ne("horizontal", t) : n ? Ne("vertical", t) : kn();
 }
 let Ge;
 function Ee() {
@@ -414,36 +401,36 @@ function Ee() {
     capture: !0,
     signal: Ge.signal
   };
-  Se.size && (ue ? (j.length > 0 && Q.forEach((t, r) => {
+  Se.size && (ce ? (O.length > 0 && Q.forEach((t, r) => {
     const {
       body: i
     } = r;
-    t > 0 && (i.addEventListener("contextmenu", $e, n), i.addEventListener("pointerleave", He, n), i.addEventListener("pointermove", He, n));
+    t > 0 && (i.addEventListener("contextmenu", ke, n), i.addEventListener("pointerleave", $e, n), i.addEventListener("pointermove", $e, n));
   }), Q.forEach((t, r) => {
     const {
       body: i
     } = r;
-    i.addEventListener("pointerup", $e, n), i.addEventListener("pointercancel", $e, n);
+    i.addEventListener("pointerup", ke, n), i.addEventListener("pointercancel", ke, n);
   })) : Q.forEach((t, r) => {
     const {
       body: i
     } = r;
-    t > 0 && (i.addEventListener("pointerdown", On, n), i.addEventListener("pointermove", He, n));
+    t > 0 && (i.addEventListener("pointerdown", Un, n), i.addEventListener("pointermove", $e, n));
   }));
 }
 function Ce(e, n) {
   Se.forEach((t) => {
     const {
       setResizeHandlerState: r
-    } = t, i = j.includes(t);
+    } = t, i = O.includes(t);
     r(e, i, n);
   });
 }
-function qn() {
-  const [e, n] = ce(0);
+function On() {
+  const [e, n] = ue(0);
   return B(() => n((t) => t + 1), []);
 }
-function z(e, n) {
+function y(e, n) {
   if (!e)
     throw console.error(n), Error(n);
 }
@@ -456,7 +443,7 @@ function Y(e, n, t = Be) {
 function W(e, n, t) {
   return oe(e, n, t) === 0;
 }
-function Xn(e, n, t) {
+function qn(e, n, t) {
   if (e.length !== n.length)
     return !1;
   for (let r = 0; r < e.length; r++) {
@@ -472,7 +459,7 @@ function se({
   size: t
 }) {
   const r = e[n];
-  z(r != null, `Panel constraints not found for index ${n}`);
+  y(r != null, `Panel constraints not found for index ${n}`);
   let {
     collapsedSize: i = 0,
     collapsible: o,
@@ -487,7 +474,7 @@ function se({
       t = a;
   return t = Math.min(l, t), t = parseFloat(t.toFixed(Be)), t;
 }
-function ze({
+function ye({
   delta: e,
   initialLayout: n,
   panelConstraints: t,
@@ -498,36 +485,36 @@ function ze({
   if (W(e, 0))
     return n;
   const l = [...n], [a, s] = r;
-  z(a != null, "Invalid first pivot index"), z(s != null, "Invalid second pivot index");
+  y(a != null, "Invalid first pivot index"), y(s != null, "Invalid second pivot index");
   let m = 0;
   if (o === "keyboard") {
     {
-      const f = e < 0 ? s : a, c = t[f];
-      z(c, `Panel constraints not found for index ${f}`);
+      const f = e < 0 ? s : a, u = t[f];
+      y(u, `Panel constraints not found for index ${f}`);
       const {
         collapsedSize: x = 0,
-        collapsible: y,
+        collapsible: h,
         minSize: I = 0
-      } = c;
-      if (y) {
+      } = u;
+      if (h) {
         const w = n[f];
-        if (z(w != null, `Previous layout not found for panel index ${f}`), W(w, x)) {
+        if (y(w != null, `Previous layout not found for panel index ${f}`), W(w, x)) {
           const S = I - w;
           oe(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
         }
       }
     }
     {
-      const f = e < 0 ? a : s, c = t[f];
-      z(c, `No panel constraints found for index ${f}`);
+      const f = e < 0 ? a : s, u = t[f];
+      y(u, `No panel constraints found for index ${f}`);
       const {
         collapsedSize: x = 0,
-        collapsible: y,
+        collapsible: h,
         minSize: I = 0
-      } = c;
-      if (y) {
+      } = u;
+      if (h) {
         const w = n[f];
-        if (z(w != null, `Previous layout not found for panel index ${f}`), W(w, I)) {
+        if (y(w != null, `Previous layout not found for panel index ${f}`), W(w, I)) {
           const S = w - x;
           oe(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
         }
@@ -536,82 +523,82 @@ function ze({
   }
   {
     const f = e < 0 ? 1 : -1;
-    let c = e < 0 ? s : a, x = 0;
+    let u = e < 0 ? s : a, x = 0;
     for (; ; ) {
-      const I = n[c];
-      z(I != null, `Previous layout not found for panel index ${c}`);
+      const I = n[u];
+      y(I != null, `Previous layout not found for panel index ${u}`);
       const S = se({
         panelConstraints: t,
-        panelIndex: c,
+        panelIndex: u,
         size: 100
       }) - I;
-      if (x += S, c += f, c < 0 || c >= t.length)
+      if (x += S, u += f, u < 0 || u >= t.length)
         break;
     }
-    const y = Math.min(Math.abs(e), Math.abs(x));
-    e = e < 0 ? 0 - y : y;
+    const h = Math.min(Math.abs(e), Math.abs(x));
+    e = e < 0 ? 0 - h : h;
   }
   {
-    let c = e < 0 ? a : s;
-    for (; c >= 0 && c < t.length; ) {
-      const x = Math.abs(e) - Math.abs(m), y = n[c];
-      z(y != null, `Previous layout not found for panel index ${c}`);
-      const I = y - x, w = se({
+    let u = e < 0 ? a : s;
+    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 = se({
         panelConstraints: t,
-        panelIndex: c,
+        panelIndex: u,
         size: I
       });
-      if (!W(y, w) && (m += y - w, l[c] = w, m.toPrecision(3).localeCompare(Math.abs(e).toPrecision(3), void 0, {
+      if (!W(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 (Xn(i, l))
+  if (qn(i, l))
     return i;
   {
-    const f = e < 0 ? s : a, c = n[f];
-    z(c != null, `Previous layout not found for panel index ${f}`);
-    const x = c + m, y = se({
+    const f = e < 0 ? s : a, u = n[f];
+    y(u != null, `Previous layout not found for panel index ${f}`);
+    const x = u + m, h = se({
       panelConstraints: t,
       panelIndex: f,
       size: x
     });
-    if (l[f] = y, !W(y, x)) {
-      let I = x - y, S = e < 0 ? s : a;
+    if (l[f] = h, !W(h, x)) {
+      let I = x - h, S = e < 0 ? s : a;
       for (; S >= 0 && S < t.length; ) {
         const R = l[S];
-        z(R != null, `Previous layout not found for panel index ${S}`);
-        const M = R + I, D = se({
+        y(R != null, `Previous layout not found for panel index ${S}`);
+        const D = R + I, N = se({
           panelConstraints: t,
           panelIndex: S,
-          size: M
+          size: D
         });
-        if (W(R, D) || (I -= D - R, l[S] = D), W(I, 0))
+        if (W(R, N) || (I -= N - R, l[S] = N), W(I, 0))
           break;
         e > 0 ? S-- : S++;
       }
     }
   }
-  const P = l.reduce((f, c) => c + f, 0);
+  const P = l.reduce((f, u) => u + f, 0);
   return W(P, 100) ? l : i;
 }
-function Jn({
+function Xn({
   layout: e,
   panelsArray: n,
   pivotIndices: t
 }) {
   let r = 0, i = 100, o = 0, l = 0;
   const a = t[0];
-  z(a != null, "No pivot index found"), n.forEach((f, c) => {
+  y(a != null, "No pivot index found"), n.forEach((f, u) => {
     const {
       constraints: x
     } = f, {
-      maxSize: y = 100,
+      maxSize: h = 100,
       minSize: I = 0
     } = x;
-    c === a ? (r = I, i = y) : (o += I, l += y);
+    u === a ? (r = I, i = h) : (o += I, l += h);
   });
   const s = Math.min(i, 100 - o), m = Math.max(r, 100 - l), P = e[a];
   return {
@@ -623,33 +610,33 @@ function Jn({
 function be(e, n = document) {
   return Array.from(n.querySelectorAll(`[${A.resizeHandleId}][data-panel-group-id="${e}"]`));
 }
-function yn(e, n, t = document) {
+function hn(e, n, t = document) {
   const i = be(e, t).findIndex((o) => o.getAttribute(A.resizeHandleId) === n);
   return i ?? null;
 }
-function hn(e, n, t) {
-  const r = yn(e, n, t);
+function zn(e, n, t) {
+  const r = hn(e, n, t);
   return r != null ? [r, r + 1] : [-1, -1];
 }
-function Yn(e) {
+function jn(e) {
   return e instanceof HTMLElement ? !0 : typeof e == "object" && e !== null && "tagName" in e && "getAttribute" in e;
 }
-function zn(e, n = document) {
-  if (Yn(n) && n.dataset.panelGroupId == e)
+function yn(e, n = document) {
+  if (jn(n) && n.dataset.panelGroupId == e)
     return n;
   const t = n.querySelector(`[data-panel-group][data-panel-group-id="${e}"]`);
   return t || null;
 }
-function ke(e, n = document) {
+function Me(e, n = document) {
   const t = n.querySelector(`[${A.resizeHandleId}="${e}"]`);
   return t || null;
 }
-function Zn(e, n, t, r = document) {
+function Jn(e, n, t, r = document) {
   var i, o, l, a;
-  const s = ke(n, r), m = be(e, r), P = s ? m.indexOf(s) : -1, f = (i = (o = t[P]) === null || o === void 0 ? void 0 : o.id) !== null && i !== void 0 ? i : null, c = (l = (a = t[P + 1]) === null || a === void 0 ? void 0 : a.id) !== null && l !== void 0 ? l : null;
-  return [f, c];
+  const s = Me(n, r), m = be(e, r), P = s ? m.indexOf(s) : -1, f = (i = (o = t[P]) === null || o === void 0 ? void 0 : o.id) !== null && i !== void 0 ? i : null, u = (l = (a = t[P + 1]) === null || a === void 0 ? void 0 : a.id) !== null && l !== void 0 ? l : null;
+  return [f, u];
 }
-function Qn({
+function Yn({
   committedValuesRef: e,
   eagerValuesRef: n,
   groupId: t,
@@ -669,14 +656,14 @@ function Qn({
         valueMax: m,
         valueMin: P,
         valueNow: f
-      } = Jn({
+      } = Xn({
         layout: r,
         panelsArray: i,
         pivotIndices: [s, s + 1]
-      }), c = a[s];
-      if (c != null) {
+      }), u = a[s];
+      if (u != null) {
         const x = i[s];
-        z(x, `No panel data found for index "${s}"`), c.setAttribute("aria-controls", x.id), c.setAttribute("aria-valuemax", "" + Math.round(m)), c.setAttribute("aria-valuemin", "" + Math.round(P)), c.setAttribute("aria-valuenow", f != null ? "" + Math.round(f) : "");
+        y(x, `No panel data found for index "${s}"`), 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 () => {
@@ -688,18 +675,18 @@ function Qn({
     if (!o)
       return;
     const a = n.current;
-    z(a, "Eager values not found");
+    y(a, "Eager values not found");
     const {
       panelDataArray: s
-    } = a, m = zn(t, o);
-    z(m != null, `No group found for id "${t}"`);
+    } = a, m = yn(t, o);
+    y(m != null, `No group found for id "${t}"`);
     const P = be(t, o);
-    z(P, `No resize handles found for group id "${t}"`);
-    const f = P.map((c) => {
-      const x = c.getAttribute(A.resizeHandleId);
-      z(x, "Resize handle element has no handle id attribute");
-      const [y, I] = Zn(t, x, s, o);
-      if (y == null || I == null)
+    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] = Jn(t, x, s, o);
+      if (h == null || I == null)
         return () => {
         };
       const w = (S) => {
@@ -707,21 +694,21 @@ function Qn({
           switch (S.key) {
             case "Enter": {
               S.preventDefault();
-              const R = s.findIndex((M) => M.id === y);
+              const R = s.findIndex((D) => D.id === h);
               if (R >= 0) {
-                const M = s[R];
-                z(M, `No panel data found for index ${R}`);
-                const D = r[R], {
-                  collapsedSize: O = 0,
+                const D = s[R];
+                y(D, `No panel data found for index ${R}`);
+                const N = r[R], {
+                  collapsedSize: q = 0,
                   collapsible: C,
                   minSize: b = 0
-                } = M.constraints;
-                if (D != null && C) {
-                  const K = ze({
-                    delta: W(D, O) ? b - O : O - D,
+                } = D.constraints;
+                if (N != null && C) {
+                  const K = ye({
+                    delta: W(N, q) ? b - q : q - N,
                     initialLayout: r,
                     panelConstraints: s.map((J) => J.constraints),
-                    pivotIndices: hn(t, x, o),
+                    pivotIndices: zn(t, x, o),
                     prevLayout: r,
                     trigger: "keyboard"
                   });
@@ -732,12 +719,12 @@ function Qn({
             }
           }
       };
-      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());
     };
   }, [o, e, n, t, r, i, l]);
 }
@@ -756,20 +743,20 @@ function xn(e, n) {
   } = Le(n);
   return t ? r : i;
 }
-function et(e, n, t, r, i) {
-  const o = t === "horizontal", l = ke(n, i);
-  z(l, `No resize handle element found for id "${n}"`);
+function Zn(e, n, t, r, i) {
+  const o = t === "horizontal", l = Me(n, i);
+  y(l, `No resize handle element found for id "${n}"`);
   const a = l.getAttribute(A.groupId);
-  z(a, "Resize handle element has no group id attribute");
+  y(a, "Resize handle element has no group id attribute");
   let {
     initialCursorPosition: s
   } = r;
-  const m = xn(t, e), P = zn(a, i);
-  z(P, `No group element found for id "${a}"`);
-  const f = P.getBoundingClientRect(), c = o ? f.width : f.height;
-  return (m - s) / c * 100;
+  const m = xn(t, e), P = yn(a, i);
+  y(P, `No group element found for id "${a}"`);
+  const f = P.getBoundingClientRect(), u = o ? f.width : f.height;
+  return (m - s) / u * 100;
 }
-function nt(e, n, t, r, i, o) {
+function Qn(e, n, t, r, i, o) {
   if (an(e)) {
     const l = t === "horizontal";
     let a = 0;
@@ -797,16 +784,16 @@ function nt(e, n, t, r, i, o) {
     }
     return s;
   } else
-    return r == null ? 0 : et(e, n, t, r, o);
+    return r == null ? 0 : Zn(e, n, t, r, o);
 }
-function tt({
+function et({
   panelDataArray: e
 }) {
   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];
-    z(l, `Panel constraints not found for index ${o}`);
+    y(l, `Panel constraints not found for index ${o}`);
     const {
       defaultSize: a
     } = l;
@@ -814,7 +801,7 @@ function tt({
   }
   for (let o = 0; o < e.length; o++) {
     const l = t[o];
-    z(l, `Panel constraints not found for index ${o}`);
+    y(l, `Panel constraints not found for index ${o}`);
     const {
       defaultSize: a
     } = l;
@@ -828,7 +815,7 @@ function tt({
 function le(e, n, t) {
   n.forEach((r, i) => {
     const o = e[i];
-    z(o, `Panel data not found for index ${i}`);
+    y(o, `Panel data not found for index ${i}`);
     const {
       callbacks: l,
       constraints: a,
@@ -840,11 +827,11 @@ function le(e, n, t) {
     if (f == null || r !== f) {
       t[s] = r;
       const {
-        onCollapse: c,
+        onCollapse: u,
         onExpand: x,
-        onResize: y
+        onResize: h
       } = l;
-      y && y(r, f), P && (c || x) && (x && (f == null || Y(f, m)) && !Y(r, m) && x(), c && (f == null || !Y(f, m)) && Y(r, m) && 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());
     }
   });
 }
@@ -856,7 +843,7 @@ function we(e, n) {
       return !1;
   return !0;
 }
-function rt({
+function nt({
   defaultSize: e,
   dragState: n,
   layout: t,
@@ -877,7 +864,7 @@ function rt({
     pointerEvents: n !== null ? "none" : void 0
   };
 }
-function ot(e, n = 10) {
+function tt(e, n = 10) {
   let t = null;
   return (...i) => {
     t !== null && clearTimeout(t), t = setTimeout(() => {
@@ -924,12 +911,12 @@ function bn(e, n) {
   }
   return null;
 }
-function it(e, n, t) {
+function rt(e, n, t) {
   var r, i;
   const o = (r = bn(e, t)) !== null && r !== void 0 ? r : {}, l = Sn(n);
   return (i = o[l]) !== null && i !== void 0 ? i : null;
 }
-function lt(e, n, t, r, i) {
+function ot(e, n, t, r, i) {
   var o;
   const l = vn(e), a = Sn(n), s = (o = bn(e, i)) !== null && o !== void 0 ? o : {};
   s[a] = {
@@ -952,14 +939,14 @@ function Ze({
   if (!W(r, 100) && t.length > 0)
     for (let o = 0; o < n.length; o++) {
       const l = t[o];
-      z(l != null, `No layout data found for index ${o}`);
+      y(l != null, `No layout data found for index ${o}`);
       const a = 100 / r * l;
       t[o] = a;
     }
   let i = 0;
   for (let o = 0; o < n.length; o++) {
     const l = t[o];
-    z(l != null, `No layout data found for index ${o}`);
+    y(l != null, `No layout data found for index ${o}`);
     const a = se({
       panelConstraints: n,
       panelIndex: o,
@@ -970,7 +957,7 @@ function Ze({
   if (!W(i, 0))
     for (let o = 0; o < n.length; o++) {
       const l = t[o];
-      z(l != null, `No layout data found for index ${o}`);
+      y(l != null, `No layout data found for index ${o}`);
       const a = l + i, s = se({
         panelConstraints: n,
         panelIndex: o,
@@ -981,7 +968,7 @@ function Ze({
     }
   return t;
 }
-const at = 100, xe = {
+const it = 100, xe = {
   getItem: (e) => (Ye(xe), xe.getItem(e)),
   setItem: (e, n) => {
     Ye(xe), xe.setItem(e, n);
@@ -1001,11 +988,11 @@ function Pn({
   tagName: P = "div",
   ...f
 }) {
-  const c = Fe(o), x = F(null), [y, I] = ce(null), [w, S] = ce([]), R = qn(), M = F({}), D = F(/* @__PURE__ */ new Map()), O = F(0), C = F({
+  const u = Fe(o), x = F(null), [h, I] = ue(null), [w, S] = ue([]), R = On(), D = F({}), N = F(/* @__PURE__ */ new Map()), q = F(0), C = F({
     autoSaveId: e,
     direction: r,
-    dragState: y,
-    id: c,
+    dragState: h,
+    id: u,
     keyboardResizeBy: a,
     onLayout: l,
     storage: s
@@ -1022,247 +1009,247 @@ function Pn({
     getId: () => C.current.id,
     getLayout: () => {
       const {
-        layout: u
+        layout: c
       } = b.current;
-      return u;
+      return c;
     },
-    setLayout: (u) => {
+    setLayout: (c) => {
       const {
         onLayout: g
       } = C.current, {
         layout: v,
         panelDataArray: p
       } = b.current, d = Ze({
-        layout: u,
-        panelConstraints: p.map((h) => h.constraints)
+        layout: c,
+        panelConstraints: p.map((z) => z.constraints)
       });
-      Je(v, d) || (S(d), b.current.layout = d, g && g(d), le(p, d, M.current));
+      Je(v, d) || (S(d), b.current.layout = d, g && g(d), le(p, d, D.current));
     }
   }), []), re(() => {
-    C.current.autoSaveId = e, C.current.direction = r, C.current.dragState = y, C.current.id = c, C.current.onLayout = l, C.current.storage = s;
-  }), Qn({
+    C.current.autoSaveId = e, C.current.direction = r, C.current.dragState = h, C.current.id = u, C.current.onLayout = l, C.current.storage = s;
+  }), Yn({
     committedValuesRef: C,
     eagerValuesRef: b,
-    groupId: c,
+    groupId: u,
     layout: w,
     panelDataArray: b.current.panelDataArray,
     setLayout: S,
     panelGroupElement: x.current
   }), te(() => {
     const {
-      panelDataArray: u
+      panelDataArray: c
     } = b.current;
     if (e) {
-      if (w.length === 0 || w.length !== u.length)
+      if (w.length === 0 || w.length !== c.length)
         return;
       let g = Qe[e];
-      g == null && (g = ot(lt, at), Qe[e] = g);
-      const v = [...u], p = new Map(D.current);
+      g == null && (g = tt(ot, it), Qe[e] = g);
+      const v = [...c], p = new Map(N.current);
       g(e, v, p, w, s);
     }
   }, [e, w, s]), te(() => {
   });
-  const K = B((u) => {
+  const K = B((c) => {
     const {
       onLayout: g
     } = C.current, {
       layout: v,
       panelDataArray: p
     } = b.current;
-    if (u.constraints.collapsible) {
-      const d = p.map((q) => q.constraints), {
-        collapsedSize: h = 0,
+    if (c.constraints.collapsible) {
+      const d = p.map((X) => X.constraints), {
+        collapsedSize: z = 0,
         panelSize: E,
-        pivotIndices: N
-      } = ne(p, u, v);
-      if (z(E != null, `Panel size not found for panel "${u.id}"`), !Y(E, h)) {
-        D.current.set(u.id, E);
-        const X = ae(p, u) === p.length - 1 ? E - h : h - E, L = ze({
-          delta: X,
+        pivotIndices: H
+      } = ne(p, c, v);
+      if (y(E != null, `Panel size not found for panel "${c.id}"`), !Y(E, z)) {
+        N.current.set(c.id, E);
+        const j = ae(p, c) === p.length - 1 ? E - z : z - E, L = ye({
+          delta: j,
           initialLayout: v,
           panelConstraints: d,
-          pivotIndices: N,
+          pivotIndices: H,
           prevLayout: v,
           trigger: "imperative-api"
         });
-        we(v, L) || (S(L), b.current.layout = L, g && g(L), le(p, L, M.current));
+        we(v, L) || (S(L), b.current.layout = L, g && g(L), le(p, L, D.current));
       }
     }
-  }, []), J = B((u, g) => {
+  }, []), J = B((c, g) => {
     const {
       onLayout: v
     } = C.current, {
       layout: p,
       panelDataArray: d
     } = b.current;
-    if (u.constraints.collapsible) {
-      const h = d.map((U) => U.constraints), {
+    if (c.constraints.collapsible) {
+      const z = d.map((U) => U.constraints), {
         collapsedSize: E = 0,
-        panelSize: N = 0,
-        minSize: q = 0,
-        pivotIndices: X
-      } = ne(d, u, p), L = g ?? q;
-      if (Y(N, E)) {
-        const U = D.current.get(u.id), ye = U != null && U >= L ? U : L, Ne = ae(d, u) === d.length - 1 ? N - ye : ye - N, T = ze({
-          delta: Ne,
+        panelSize: H = 0,
+        minSize: X = 0,
+        pivotIndices: j
+      } = ne(d, c, p), L = g ?? X;
+      if (Y(H, E)) {
+        const U = N.current.get(c.id), he = U != null && U >= L ? U : L, He = ae(d, c) === d.length - 1 ? H - he : he - H, T = ye({
+          delta: He,
           initialLayout: p,
-          panelConstraints: h,
-          pivotIndices: X,
+          panelConstraints: z,
+          pivotIndices: j,
           prevLayout: p,
           trigger: "imperative-api"
         });
-        we(p, T) || (S(T), b.current.layout = T, v && v(T), le(d, T, M.current));
+        we(p, T) || (S(T), b.current.layout = T, v && v(T), le(d, T, D.current));
       }
     }
-  }, []), V = B((u) => {
+  }, []), V = B((c) => {
     const {
       layout: g,
       panelDataArray: v
     } = b.current, {
       panelSize: p
-    } = ne(v, u, g);
-    return z(p != null, `Panel size not found for panel "${u.id}"`), p;
-  }, []), _ = B((u, g) => {
+    } = ne(v, c, g);
+    return y(p != null, `Panel size not found for panel "${c.id}"`), p;
+  }, []), _ = B((c, g) => {
     const {
       panelDataArray: v
-    } = b.current, p = ae(v, u);
-    return rt({
+    } = b.current, p = ae(v, c);
+    return nt({
       defaultSize: g,
-      dragState: y,
+      dragState: h,
       layout: w,
       panelData: v,
       panelIndex: p
     });
-  }, [y, w]), k = B((u) => {
+  }, [h, w]), M = B((c) => {
     const {
       layout: g,
       panelDataArray: v
     } = b.current, {
       collapsedSize: p = 0,
       collapsible: d,
-      panelSize: h
-    } = ne(v, u, g);
-    return z(h != null, `Panel size not found for panel "${u.id}"`), d === !0 && Y(h, p);
-  }, []), ee = B((u) => {
+      panelSize: z
+    } = ne(v, c, g);
+    return y(z != null, `Panel size not found for panel "${c.id}"`), d === !0 && Y(z, p);
+  }, []), ee = B((c) => {
     const {
       layout: g,
       panelDataArray: v
     } = b.current, {
       collapsedSize: p = 0,
       collapsible: d,
-      panelSize: h
-    } = ne(v, u, g);
-    return z(h != null, `Panel size not found for panel "${u.id}"`), !d || oe(h, p) > 0;
-  }, []), $ = B((u) => {
+      panelSize: z
+    } = ne(v, c, g);
+    return y(z != null, `Panel size not found for panel "${c.id}"`), !d || oe(z, p) > 0;
+  }, []), k = B((c) => {
     const {
       panelDataArray: g
     } = b.current;
-    g.push(u), g.sort((v, p) => {
-      const d = v.order, h = p.order;
-      return d == null && h == null ? 0 : d == null ? -1 : h == null ? 1 : d - h;
+    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,
+        autoSaveId: c,
         onLayout: g,
         storage: v
       } = C.current, {
         layout: p,
         panelDataArray: d
       } = b.current;
-      let h = null;
-      if (u) {
-        const N = it(u, d, v);
-        N && (D.current = new Map(Object.entries(N.expandToSizes)), h = N.layout);
+      let z = null;
+      if (c) {
+        const H = rt(c, d, v);
+        H && (N.current = new Map(Object.entries(H.expandToSizes)), z = H.layout);
       }
-      h == null && (h = tt({
+      z == null && (z = et({
         panelDataArray: d
       }));
       const E = Ze({
-        layout: h,
-        panelConstraints: d.map((N) => N.constraints)
+        layout: z,
+        panelConstraints: d.map((H) => H.constraints)
       });
-      Je(p, E) || (S(E), b.current.layout = E, g && g(E), le(d, E, M.current));
+      Je(p, E) || (S(E), b.current.layout = E, g && g(E), le(d, E, D.current));
     }
   }), re(() => {
-    const u = b.current;
+    const c = b.current;
     return () => {
-      u.layout = [];
+      c.layout = [];
     };
   }, []);
-  const H = B((u) => {
+  const $ = B((c) => {
     let g = !1;
     const v = x.current;
     return v && window.getComputedStyle(v, null).getPropertyValue("direction") === "rtl" && (g = !0), function(d) {
       d.preventDefault();
-      const h = x.current;
-      if (!h)
+      const z = x.current;
+      if (!z)
         return () => null;
       const {
         direction: E,
-        dragState: N,
-        id: q,
-        keyboardResizeBy: X,
+        dragState: H,
+        id: X,
+        keyboardResizeBy: j,
         onLayout: L
       } = C.current, {
         layout: U,
-        panelDataArray: ye
+        panelDataArray: he
       } = b.current, {
         initialLayout: Pe
-      } = N ?? {}, Ne = hn(q, u, h);
-      let T = nt(d, u, E, N, X, h);
+      } = H ?? {}, He = zn(X, c, z);
+      let T = Qn(d, c, E, H, j, z);
       const Ke = E === "horizontal";
       Ke && g && (T = -T);
-      const En = ye.map((Cn) => Cn.constraints), he = ze({
+      const En = he.map((Cn) => Cn.constraints), ze = ye({
         delta: T,
         initialLayout: Pe ?? U,
         panelConstraints: En,
-        pivotIndices: Ne,
+        pivotIndices: He,
         prevLayout: U,
         trigger: an(d) ? "keyboard" : "mouse-or-touch"
-      }), Ue = !we(U, he);
-      (sn(d) || cn(d)) && O.current != T && (O.current = T, !Ue && T !== 0 ? Ke ? _e(u, T < 0 ? dn : fn) : _e(u, T < 0 ? pn : gn) : _e(u, 0)), Ue && (S(he), b.current.layout = he, L && L(he), le(ye, he, M.current));
+      }), Ue = !we(U, ze);
+      (sn(d) || un(d)) && q.current != T && (q.current = T, !Ue && T !== 0 ? Ke ? _e(c, T < 0 ? dn : fn) : _e(c, T < 0 ? pn : gn) : _e(c, 0)), Ue && (S(ze), b.current.layout = ze, L && L(ze), le(he, ze, D.current));
     };
-  }, []), G = B((u, g) => {
+  }, []), G = B((c, g) => {
     const {
       onLayout: v
     } = C.current, {
       layout: p,
       panelDataArray: d
-    } = b.current, h = d.map((U) => U.constraints), {
+    } = b.current, z = d.map((U) => U.constraints), {
       panelSize: E,
-      pivotIndices: N
-    } = ne(d, u, p);
-    z(E != null, `Panel size not found for panel "${u.id}"`);
-    const X = ae(d, u) === d.length - 1 ? E - g : g - E, L = ze({
-      delta: X,
+      pivotIndices: H
+    } = ne(d, c, p);
+    y(E != null, `Panel size not found for panel "${c.id}"`);
+    const j = ae(d, c) === d.length - 1 ? E - g : g - E, L = ye({
+      delta: j,
       initialLayout: p,
-      panelConstraints: h,
-      pivotIndices: N,
+      panelConstraints: z,
+      pivotIndices: H,
       prevLayout: p,
       trigger: "imperative-api"
     });
-    we(p, L) || (S(L), b.current.layout = L, v && v(L), le(d, L, M.current));
-  }, []), fe = B((u, g) => {
+    we(p, L) || (S(L), b.current.layout = L, v && v(L), le(d, L, D.current));
+  }, []), fe = B((c, g) => {
     const {
       layout: v,
       panelDataArray: p
     } = b.current, {
       collapsedSize: d = 0,
-      collapsible: h
+      collapsible: z
     } = g, {
       collapsedSize: E = 0,
-      collapsible: N,
-      maxSize: q = 100,
-      minSize: X = 0
-    } = u.constraints, {
+      collapsible: H,
+      maxSize: X = 100,
+      minSize: j = 0
+    } = c.constraints, {
       panelSize: L
-    } = ne(p, u, v);
-    L != null && (h && N && Y(L, d) ? Y(d, E) || G(u, E) : L < X ? G(u, X) : L > q && G(u, q));
-  }, [G]), pe = B((u, g) => {
+    } = ne(p, c, v);
+    L != null && (z && H && Y(L, d) ? Y(d, E) || G(c, E) : L < j ? G(c, j) : L > X && G(c, X));
+  }, [G]), pe = B((c, g) => {
     const {
       direction: v
     } = C.current, {
@@ -1270,41 +1257,41 @@ function Pn({
     } = b.current;
     if (!x.current)
       return;
-    const d = ke(u, x.current);
-    z(d, `Drag handle element not found for id "${u}"`);
-    const h = xn(v, g);
+    const d = Me(c, x.current);
+    y(d, `Drag handle element not found for id "${c}"`);
+    const z = xn(v, g);
     I({
-      dragHandleId: u,
+      dragHandleId: c,
       dragHandleRect: d.getBoundingClientRect(),
-      initialCursorPosition: h,
+      initialCursorPosition: z,
       initialLayout: p
     });
   }, []), ge = B(() => {
     I(null);
-  }, []), Me = B((u) => {
+  }, []), De = B((c) => {
     const {
       panelDataArray: g
-    } = b.current, v = ae(g, u);
-    v >= 0 && (g.splice(v, 1), delete M.current[u.id], b.current.panelDataArrayChanged = !0, R());
-  }, [R]), ie = kn(() => ({
+    } = b.current, v = ae(g, c);
+    v >= 0 && (g.splice(v, 1), delete D.current[c.id], b.current.panelDataArrayChanged = !0, R());
+  }, [R]), ie = Dn(() => ({
     collapsePanel: K,
     direction: r,
-    dragState: y,
+    dragState: h,
     expandPanel: J,
     getPanelSize: V,
     getPanelStyle: _,
-    groupId: c,
-    isPanelCollapsed: k,
+    groupId: u,
+    isPanelCollapsed: M,
     isPanelExpanded: ee,
     reevaluatePanelConstraints: fe,
-    registerPanel: $,
-    registerResizeHandle: H,
+    registerPanel: k,
+    registerResizeHandle: $,
     resizePanel: G,
     startDragging: pe,
     stopDragging: ge,
-    unregisterPanel: Me,
+    unregisterPanel: De,
     panelGroupElement: x.current
-  }), [K, y, r, J, V, _, c, k, ee, fe, $, H, G, pe, ge, Me]), me = {
+  }), [K, h, r, J, V, _, u, M, ee, fe, k, $, G, pe, ge, De]), me = {
     display: "flex",
     flexDirection: r === "horizontal" ? "row" : "column",
     height: "100%",
@@ -1326,7 +1313,7 @@ function Pn({
     // CSS selectors
     [A.group]: "",
     [A.groupDirection]: r,
-    [A.groupId]: c
+    [A.groupId]: u
   }));
 }
 const wn = en((e, n) => de(Pn, {
@@ -1346,7 +1333,7 @@ function ne(e, n, t) {
     pivotIndices: o
   };
 }
-function st({
+function lt({
   disabled: e,
   handleId: n,
   resizeHandler: t,
@@ -1355,7 +1342,7 @@ function st({
   te(() => {
     if (e || t == null || r == null)
       return;
-    const i = ke(n, r);
+    const i = Me(n, r);
     if (i == null)
       return;
     const o = (l) => {
@@ -1373,9 +1360,9 @@ function st({
           case "F6": {
             l.preventDefault();
             const a = i.getAttribute(A.groupId);
-            z(a, `No group element found for id "${a}"`);
-            const s = be(a, r), m = yn(a, n, r);
-            z(m !== null, `No resize element found for id "${n}"`);
+            y(a, `No group element found for id "${a}"`);
+            const s = be(a, r), m = hn(a, n, r);
+            y(m !== null, `No resize element found for id "${n}"`);
             const P = l.shiftKey ? m > 0 ? m - 1 : s.length - 1 : m + 1 < s.length ? m + 1 : 0;
             s[P].focus();
             break;
@@ -1400,9 +1387,9 @@ function In({
   onPointerDown: m,
   onPointerUp: P,
   style: f = {},
-  tabIndex: c = 0,
+  tabIndex: u = 0,
   tagName: x = "div",
-  ...y
+  ...h
 }) {
   var I, w;
   const S = F(null), R = F({
@@ -1414,17 +1401,17 @@ function In({
   te(() => {
     R.current.onClick = l, R.current.onDragging = a, R.current.onPointerDown = m, R.current.onPointerUp = P;
   });
-  const M = nn(Re);
-  if (M === null)
+  const D = nn(Re);
+  if (D === null)
     throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");
   const {
-    direction: D,
-    groupId: O,
+    direction: N,
+    groupId: q,
     registerResizeHandle: C,
     startDragging: b,
     stopDragging: K,
     panelGroupElement: J
-  } = M, V = Fe(i), [_, k] = ce("inactive"), [ee, $] = ce(!1), [H, G] = ce(null), fe = F({
+  } = D, V = Fe(i), [_, M] = ue("inactive"), [ee, k] = ue(!1), [$, G] = ue(null), fe = F({
     state: _
   });
   re(() => {
@@ -1439,63 +1426,63 @@ function In({
   }, [t, V, C]);
   const pe = (I = r?.coarse) !== null && I !== void 0 ? I : 15, ge = (w = r?.fine) !== null && w !== void 0 ? w : 5;
   return te(() => {
-    if (t || H == null)
+    if (t || $ == null)
       return;
     const ie = S.current;
-    z(ie, "Element ref not attached");
+    y(ie, "Element ref not attached");
     let me = !1;
-    return jn(V, ie, D, {
+    return Kn(V, ie, N, {
       coarse: pe,
       fine: ge
     }, (g, v, p) => {
       if (!v) {
-        k("inactive");
+        M("inactive");
         return;
       }
       switch (g) {
         case "down": {
-          k("drag"), me = !1, z(p, 'Expected event to be defined for "down" action'), b(V, p);
+          M("drag"), me = !1, y(p, 'Expected event to be defined for "down" action'), b(V, p);
           const {
             onDragging: d,
-            onPointerDown: h
+            onPointerDown: z
           } = R.current;
-          d?.(!0), h?.();
+          d?.(!0), z?.();
           break;
         }
         case "move": {
           const {
             state: d
           } = fe.current;
-          me = !0, d !== "drag" && k("hover"), z(p, 'Expected event to be defined for "move" action'), H(p);
+          me = !0, d !== "drag" && M("hover"), y(p, 'Expected event to be defined for "move" action'), $(p);
           break;
         }
         case "up": {
-          k("hover"), K();
+          M("hover"), K();
           const {
             onClick: d,
-            onDragging: h,
+            onDragging: z,
             onPointerUp: E
           } = R.current;
-          h?.(!1), E?.(), me || d?.();
+          z?.(!1), E?.(), me || d?.();
           break;
         }
       }
     });
-  }, [pe, D, t, ge, C, V, H, b, K]), st({
+  }, [pe, N, t, ge, C, V, $, b, K]), lt({
     disabled: t,
     handleId: V,
-    resizeHandler: H,
+    resizeHandler: $,
     panelGroupElement: J
   }), de(x, {
-    ...y,
+    ...h,
     children: e,
     className: n,
     id: i,
     onBlur: () => {
-      $(!1), o?.();
+      k(!1), o?.();
     },
     onFocus: () => {
-      $(!0), s?.();
+      k(!0), s?.();
     },
     ref: S,
     role: "separator",
@@ -1506,10 +1493,10 @@ function In({
       },
       ...f
     },
-    tabIndex: c,
+    tabIndex: u,
     // CSS selectors
-    [A.groupDirection]: D,
-    [A.groupId]: O,
+    [A.groupDirection]: N,
+    [A.groupId]: q,
     [A.resizeHandle]: "",
     [A.resizeHandleActive]: _ === "drag" ? "pointer" : ee ? "keyboard" : void 0,
     [A.resizeHandleEnabled]: !t,
@@ -1518,7 +1505,7 @@ function In({
   });
 }
 In.displayName = "PanelResizeHandle";
-function pt({
+function dt({
   className: e,
   ...n
 }) {
@@ -1534,12 +1521,12 @@ function pt({
     }
   );
 }
-function gt({
+function ft({
   ...e
 }) {
   return /* @__PURE__ */ ve(ln, { "data-slot": "resizable-panel", ...e });
 }
-function mt({
+function pt({
   withHandle: e,
   className: n,
   ...t
@@ -1553,12 +1540,12 @@ function mt({
       ),
       "data-slot": "resizable-handle",
       ...t,
-      children: e && /* @__PURE__ */ ve("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ ve(Dn, { className: "size-2.5" }) })
+      children: e && /* @__PURE__ */ ve("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: /* @__PURE__ */ ve(Rn, { className: "size-2.5" }) })
     }
   );
 }
 export {
-  mt as ResizableHandle,
-  gt as ResizablePanel,
-  pt as ResizablePanelGroup
+  pt as ResizableHandle,
+  ft as ResizablePanel,
+  dt as ResizablePanelGroup
 };