ics-ui-kit 0.1.6 → 0.1.8

package/dist/components/resizable.js

@@ -1,7 +1,7 @@
-import { jsx as we } from "react/jsx-runtime";
+import { jsx as ce } from "react/jsx-runtime";
 import * as Rn from "react";
-import { forwardRef as nn, createElement as de, useRef as F, useEffect as te, useContext as tn, createContext as Ln, useState as ce, useLayoutEffect as An, useImperativeHandle as rn, useCallback as B, useMemo as kn } from "react";
-import { T as on } from "../index-BVqs-uqP.js";
+import { forwardRef as tn, createElement as fe, useRef as F, useEffect as te, useContext as rn, createContext as Ln, useState as ue, useLayoutEffect as An, useImperativeHandle as on, useCallback as B, useMemo as kn } from "react";
+import { T as Fe } from "../index-BVqs-uqP.js";
 import { I as Dn } from "../Icon-DH3ev9GK.js";
 import { c as Hn } from "../createLucideIcon-DwBrHnj9.js";
 /**
@@ -32,9 +32,9 @@ const A = {
   resizeHandleEnabled: "data-panel-resize-handle-enabled",
   resizeHandleId: "data-panel-resize-handle-id",
   resizeHandleState: "data-resize-handle-state"
-}, Fe = 10, re = An, Oe = Rn.useId, Nn = typeof Oe == "function" ? Oe : () => null;
+}, Ve = 10, re = An, qe = Rn.useId, Nn = typeof qe == "function" ? qe : () => null;
 let $n = 0;
-function Ve(e = null) {
+function We(e = null) {
   const n = Nn(), t = F(e || n || null);
   return t.current === null && (t.current = "" + $n++), e ?? t.current;
 }
@@ -49,15 +49,15 @@ function ln({
   maxSize: a,
   minSize: s,
   onCollapse: m,
-  onExpand: P,
+  onExpand: w,
   onResize: f,
   order: c,
   style: x,
-  tagName: y = "div",
+  tagName: h = "div",
   ...I
 }) {
-  const w = tn(Re);
-  if (w === null)
+  const P = rn(Re);
+  if (P === null)
     throw Error("Panel components must be rendered within a PanelGroup container");
   const {
     collapsePanel: b,
@@ -67,13 +67,13 @@ function ln({
     groupId: O,
     isPanelCollapsed: C,
     reevaluatePanelConstraints: S,
-    registerPanel: K,
+    registerPanel: j,
     resizePanel: J,
     unregisterPanel: V
-  } = w, _ = Ve(l), k = F({
+  } = P, _ = We(l), k = F({
     callbacks: {
       onCollapse: m,
-      onExpand: P,
+      onExpand: w,
       onResize: f
     },
     constraints: {
@@ -96,13 +96,13 @@ function ln({
     } = k.current, G = {
       ...N
     };
-    k.current.id = _, k.current.idIsFromProps = l !== void 0, k.current.order = c, $.onCollapse = m, $.onExpand = P, $.onResize = f, N.collapsedSize = t, N.collapsible = r, N.defaultSize = i, N.maxSize = a, N.minSize = s, (G.collapsedSize !== N.collapsedSize || G.collapsible !== N.collapsible || G.maxSize !== N.maxSize || G.minSize !== N.minSize) && S(k.current, G);
+    k.current.id = _, k.current.idIsFromProps = l !== void 0, k.current.order = c, $.onCollapse = m, $.onExpand = w, $.onResize = f, N.collapsedSize = t, N.collapsible = r, N.defaultSize = i, N.maxSize = a, N.minSize = s, (G.collapsedSize !== N.collapsedSize || G.collapsible !== N.collapsible || G.maxSize !== N.maxSize || G.minSize !== N.minSize) && S(k.current, G);
   }), re(() => {
     const $ = k.current;
-    return K($), () => {
+    return j($), () => {
       V($);
     };
-  }, [c, _, K, V]), rn(o, () => ({
+  }, [c, _, j, V]), on(o, () => ({
     collapse: () => {
       b(k.current);
     },
@@ -126,7 +126,7 @@ function ln({
     }
   }), [b, R, D, C, _, J]);
   const ee = M(k.current, i);
-  return de(y, {
+  return fe(h, {
     ...I,
     children: e,
     className: n,
@@ -143,7 +143,7 @@ function ln({
     [A.panelSize]: parseFloat("" + ee.flexGrow).toFixed(1)
   });
 }
-const an = nn((e, n) => de(ln, {
+const an = tn((e, n) => fe(ln, {
   ...e,
   forwardedRef: n
 }));
@@ -221,16 +221,16 @@ function Bn(e, n, t) {
 function Fn(e, n) {
   if (e === n) throw new Error("Cannot compare node with itself");
   const t = {
-    a: Je(e),
-    b: Je(n)
+    a: Ye(e),
+    b: Ye(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");
   const i = {
-    a: Xe(qe(t.a)),
-    b: Xe(qe(t.b))
+    a: Je(Xe(t.a)),
+    b: Je(Xe(t.b))
   };
   if (i.a === i.b) {
     const o = r.childNodes, l = {
@@ -252,22 +252,22 @@ function Wn(e) {
   const t = getComputedStyle((n = dn(e)) !== null && n !== void 0 ? n : e).display;
   return t === "flex" || t === "inline-flex";
 }
-function Kn(e) {
+function jn(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");
 }
-function qe(e) {
+function Xe(e) {
   let n = e.length;
   for (; n--; ) {
     const t = e[n];
-    if (z(t, "Missing node"), Kn(t)) return t;
+    if (z(t, "Missing node"), jn(t)) return t;
   }
   return null;
 }
-function Xe(e) {
+function Je(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function Je(e) {
+function Ye(e) {
   const n = [];
   for (; e; )
     n.push(e), e = dn(e);
@@ -279,10 +279,10 @@ function dn(e) {
   } = e;
   return n && n instanceof ShadowRoot ? n.host : n;
 }
-const fn = 1, pn = 2, gn = 4, mn = 8, Un = Tn() === "coarse";
-let j = [], ue = !1, Q = /* @__PURE__ */ new Map(), Ae = /* @__PURE__ */ new Map();
-const ve = /* @__PURE__ */ new Set();
-function jn(e, n, t, r, i) {
+const fn = 1, pn = 2, gn = 4, mn = 8, Kn = Tn() === "coarse";
+let U = [], de = !1, Q = /* @__PURE__ */ new Map(), Ae = /* @__PURE__ */ new Map();
+const be = /* @__PURE__ */ new Set();
+function Un(e, n, t, r, i) {
   var o;
   const {
     ownerDocument: l
@@ -292,13 +292,13 @@ function jn(e, n, t, r, i) {
     hitAreaMargins: r,
     setResizeHandlerState: i
   }, s = (o = Q.get(l)) !== null && o !== void 0 ? o : 0;
-  return Q.set(l, s + 1), ve.add(a), Ee(), function() {
-    var P;
-    Ae.delete(e), ve.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), ke(), i("up", !0, null);
+  return Q.set(l, s + 1), be.add(a), Ee(), function() {
+    var w;
+    Ae.delete(e), be.delete(a);
+    const f = (w = Q.get(l)) !== null && w !== void 0 ? w : 1;
+    if (Q.set(l, f - 1), Ee(), f === 1 && Q.delete(l), U.includes(a)) {
+      const c = U.indexOf(a);
+      c >= 0 && U.splice(c, 1), ke(), i("up", !0, null);
     }
   };
 }
@@ -309,29 +309,29 @@ function On(e) {
     x: t,
     y: r
   } = Le(e);
-  ue = !0, We({
+  de = !0, je({
     target: n,
     x: t,
     y: r
-  }), Ee(), j.length > 0 && (Ce("down", e), ke(), e.preventDefault(), yn(n) || e.stopImmediatePropagation());
+  }), Ee(), U.length > 0 && (Ce("down", e), ke(), e.preventDefault(), hn(n) || e.stopImmediatePropagation());
 }
 function $e(e) {
   const {
     x: n,
     y: t
   } = Le(e);
-  if (ue && // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
-  e.type !== "pointerleave" && e.buttons === 0 && (ue = !1, Ce("up", e)), !ue) {
+  if (de && // Skip this check for "pointerleave" events, else Firefox triggers a false positive (see #514)
+  e.type !== "pointerleave" && e.buttons === 0 && (de = !1, Ce("up", e)), !de) {
     const {
       target: r
     } = e;
-    We({
+    je({
       target: r,
       x: n,
       y: t
     });
   }
-  Ce("move", e), ke(), j.length > 0 && e.preventDefault();
+  Ce("move", e), ke(), U.length > 0 && e.preventDefault();
 }
 function _e(e) {
   const {
@@ -340,13 +340,13 @@ function _e(e) {
     x: t,
     y: r
   } = Le(e);
-  Ae.clear(), ue = !1, j.length > 0 && (e.preventDefault(), yn(n) || e.stopImmediatePropagation()), Ce("up", e), We({
+  Ae.clear(), de = !1, U.length > 0 && (e.preventDefault(), hn(n) || e.stopImmediatePropagation()), Ce("up", e), je({
     target: n,
     x: t,
     y: r
   }), ke(), Ee();
 }
-function yn(e) {
+function hn(e) {
   let n = e;
   for (; n; ) {
     if (n.hasAttribute(A.resizeHandle))
@@ -355,40 +355,40 @@ function yn(e) {
   }
   return !1;
 }
-function We({
+function je({
   target: e,
   x: n,
   y: t
 }) {
-  j.splice(0);
+  U.splice(0);
   let r = null;
-  (e instanceof HTMLElement || e instanceof SVGElement) && (r = e), ve.forEach((i) => {
+  (e instanceof HTMLElement || e instanceof SVGElement) && (r = e), be.forEach((i) => {
     const {
       element: o,
       hitAreaMargins: l
     } = i, a = o.getBoundingClientRect(), {
       bottom: s,
       left: m,
-      right: P,
+      right: w,
       top: f
-    } = a, c = Un ? l.coarse : l.fine;
-    if (n >= m - c && n <= P + c && t >= f - c && t <= s + c) {
+    } = a, c = Kn ? l.coarse : l.fine;
+    if (n >= m - c && n <= w + c && t >= f - c && t <= s + c) {
       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)) {
+        let h = r, I = !1;
+        for (; h && !h.contains(o); ) {
+          if (Bn(h.getBoundingClientRect(), a)) {
             I = !0;
             break;
           }
-          y = y.parentElement;
+          h = h.parentElement;
         }
         if (I)
           return;
       }
-      j.push(i);
+      U.push(i);
     }
   });
 }
@@ -397,7 +397,7 @@ function Ge(e, n) {
 }
 function ke() {
   let e = !1, n = !1;
-  j.forEach((r) => {
+  U.forEach((r) => {
     const {
       direction: i
     } = r;
@@ -416,7 +416,7 @@ function Ee() {
     capture: !0,
     signal: Te.signal
   };
-  ve.size && (ue ? (j.length > 0 && Q.forEach((t, r) => {
+  be.size && (de ? (U.length > 0 && Q.forEach((t, r) => {
     const {
       body: i
     } = r;
@@ -434,25 +434,25 @@ function Ee() {
   }));
 }
 function Ce(e, n) {
-  ve.forEach((t) => {
+  be.forEach((t) => {
     const {
       setResizeHandlerState: r
-    } = t, i = j.includes(t);
+    } = t, i = U.includes(t);
     r(e, i, n);
   });
 }
 function qn() {
-  const [e, n] = ce(0);
+  const [e, n] = ue(0);
   return B(() => n((t) => t + 1), []);
 }
 function z(e, n) {
   if (!e)
     throw console.error(n), Error(n);
 }
-function oe(e, n, t = Fe) {
+function oe(e, n, t = Ve) {
   return e.toFixed(t) === n.toFixed(t) ? 0 : e > n ? 1 : -1;
 }
-function Y(e, n, t = Fe) {
+function Y(e, n, t = Ve) {
   return oe(e, n, t) === 0;
 }
 function W(e, n, t) {
@@ -487,9 +487,9 @@ function se({
       oe(t, s) < 0 ? t = i : t = a;
     } else
       t = a;
-  return t = Math.min(l, t), t = parseFloat(t.toFixed(Fe)), t;
+  return t = Math.min(l, t), t = parseFloat(t.toFixed(Ve)), t;
 }
-function ze({
+function xe({
   delta: e,
   initialLayout: n,
   panelConstraints: t,
@@ -508,13 +508,13 @@ function ze({
       z(c, `Panel constraints not found for index ${f}`);
       const {
         collapsedSize: x = 0,
-        collapsible: y,
+        collapsible: h,
         minSize: I = 0
       } = c;
-      if (y) {
-        const w = n[f];
-        if (z(w != null, `Previous layout not found for panel index ${f}`), W(w, x)) {
-          const b = I - w;
+      if (h) {
+        const P = n[f];
+        if (z(P != null, `Previous layout not found for panel index ${f}`), W(P, x)) {
+          const b = I - P;
           oe(b, Math.abs(e)) > 0 && (e = e < 0 ? 0 - b : b);
         }
       }
@@ -524,13 +524,13 @@ function ze({
       z(c, `No panel constraints found for index ${f}`);
       const {
         collapsedSize: x = 0,
-        collapsible: y,
+        collapsible: h,
         minSize: I = 0
       } = c;
-      if (y) {
-        const w = n[f];
-        if (z(w != null, `Previous layout not found for panel index ${f}`), W(w, I)) {
-          const b = w - x;
+      if (h) {
+        const P = n[f];
+        if (z(P != null, `Previous layout not found for panel index ${f}`), W(P, I)) {
+          const b = P - x;
           oe(b, Math.abs(e)) > 0 && (e = e < 0 ? 0 - b : b);
         }
       }
@@ -550,20 +550,20 @@ function ze({
       if (x += b, c += f, c < 0 || c >= 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({
+      const x = Math.abs(e) - Math.abs(m), h = n[c];
+      z(h != null, `Previous layout not found for panel index ${c}`);
+      const I = h - x, P = se({
         panelConstraints: t,
         panelIndex: c,
         size: I
       });
-      if (!W(y, w) && (m += y - w, l[c] = w, m.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!W(h, P) && (m += h - P, l[c] = P, m.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
@@ -575,13 +575,13 @@ function ze({
   {
     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 x = c + m, h = se({
       panelConstraints: t,
       panelIndex: f,
       size: x
     });
-    if (l[f] = y, !W(y, x)) {
-      let I = x - y, b = e < 0 ? s : a;
+    if (l[f] = h, !W(h, x)) {
+      let I = x - h, b = e < 0 ? s : a;
       for (; b >= 0 && b < t.length; ) {
         const R = l[b];
         z(R != null, `Previous layout not found for panel index ${b}`);
@@ -596,8 +596,8 @@ function ze({
       }
     }
   }
-  const P = l.reduce((f, c) => c + f, 0);
-  return W(P, 100) ? l : i;
+  const w = l.reduce((f, c) => c + f, 0);
+  return W(w, 100) ? l : i;
 }
 function Jn({
   layout: e,
@@ -610,27 +610,27 @@ function Jn({
     const {
       constraints: x
     } = f, {
-      maxSize: y = 100,
+      maxSize: h = 100,
       minSize: I = 0
     } = x;
-    c === a ? (r = I, i = y) : (o += I, l += y);
+    c === 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];
+  const s = Math.min(i, 100 - o), m = Math.max(r, 100 - l), w = e[a];
   return {
     valueMax: s,
     valueMin: m,
-    valueNow: P
+    valueNow: w
   };
 }
-function be(e, n = document) {
+function Se(e, n = document) {
   return Array.from(n.querySelectorAll(`[${A.resizeHandleId}][data-panel-group-id="${e}"]`));
 }
-function hn(e, n, t = document) {
-  const i = be(e, t).findIndex((o) => o.getAttribute(A.resizeHandleId) === n);
+function yn(e, n, t = document) {
+  const i = Se(e, t).findIndex((o) => o.getAttribute(A.resizeHandleId) === n);
   return i ?? null;
 }
 function zn(e, n, t) {
-  const r = hn(e, n, t);
+  const r = yn(e, n, t);
   return r != null ? [r, r + 1] : [-1, -1];
 }
 function Yn(e) {
@@ -648,7 +648,7 @@ function De(e, n = document) {
 }
 function Zn(e, n, t, r = document) {
   var i, o, l, a;
-  const s = De(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;
+  const s = De(n, r), m = Se(e, r), w = s ? m.indexOf(s) : -1, f = (i = (o = t[w]) === null || o === void 0 ? void 0 : o.id) !== null && i !== void 0 ? i : null, c = (l = (a = t[w + 1]) === null || a === void 0 ? void 0 : a.id) !== null && l !== void 0 ? l : null;
   return [f, c];
 }
 function Qn({
@@ -665,11 +665,11 @@ function Qn({
   }), re(() => {
     if (!o)
       return;
-    const a = be(t, o);
+    const a = Se(t, o);
     for (let s = 0; s < i.length - 1; s++) {
       const {
         valueMax: m,
-        valueMin: P,
+        valueMin: w,
         valueNow: f
       } = Jn({
         layout: r,
@@ -678,7 +678,7 @@ function Qn({
       }), c = a[s];
       if (c != 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) : "");
+        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(w)), c.setAttribute("aria-valuenow", f != null ? "" + Math.round(f) : "");
       }
     }
     return () => {
@@ -695,21 +695,21 @@ function Qn({
       panelDataArray: s
     } = a, m = xn(t, o);
     z(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 w = Se(t, o);
+    z(w, `No resize handles found for group id "${t}"`);
+    const f = w.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)
+      const [h, I] = Zn(t, x, s, o);
+      if (h == null || I == null)
         return () => {
         };
-      const w = (b) => {
+      const P = (b) => {
         if (!b.defaultPrevented)
           switch (b.key) {
             case "Enter": {
               b.preventDefault();
-              const R = s.findIndex((D) => D.id === y);
+              const R = s.findIndex((D) => D.id === h);
               if (R >= 0) {
                 const D = s[R];
                 z(D, `No panel data found for index ${R}`);
@@ -719,7 +719,7 @@ function Qn({
                   minSize: S = 0
                 } = D.constraints;
                 if (M != null && C) {
-                  const K = ze({
+                  const j = xe({
                     delta: W(M, O) ? S - O : O - M,
                     initialLayout: r,
                     panelConstraints: s.map((J) => J.constraints),
@@ -727,15 +727,15 @@ function Qn({
                     prevLayout: r,
                     trigger: "keyboard"
                   });
-                  r !== K && l(K);
+                  r !== j && l(j);
                 }
               }
               break;
             }
           }
       };
-      return c.addEventListener("keydown", w), () => {
-        c.removeEventListener("keydown", w);
+      return c.addEventListener("keydown", P), () => {
+        c.removeEventListener("keydown", P);
       };
     });
     return () => {
@@ -743,7 +743,7 @@ function Qn({
     };
   }, [o, e, n, t, r, i, l]);
 }
-function Ye(e, n) {
+function Ze(e, n) {
   if (e.length !== n.length)
     return !1;
   for (let t = 0; t < e.length; t++)
@@ -766,9 +766,9 @@ function et(e, n, t, r, i) {
   let {
     initialCursorPosition: s
   } = r;
-  const m = vn(t, e), P = xn(a, i);
-  z(P, `No group element found for id "${a}"`);
-  const f = P.getBoundingClientRect(), c = o ? f.width : f.height;
+  const m = vn(t, e), w = xn(a, i);
+  z(w, `No group element found for id "${a}"`);
+  const f = w.getBoundingClientRect(), c = o ? f.width : f.height;
   return (m - s) / c * 100;
 }
 function nt(e, n, t, r, i, o) {
@@ -837,16 +837,16 @@ function le(e, n, t) {
       id: s
     } = o, {
       collapsedSize: m = 0,
-      collapsible: P
+      collapsible: w
     } = a, f = t[s];
     if (f == null || r !== f) {
       t[s] = r;
       const {
         onCollapse: c,
         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), w && (c || x) && (x && (f == null || Y(f, m)) && !Y(r, m) && x(), c && (f == null || !Y(f, m)) && Y(r, m) && c());
     }
   });
 }
@@ -887,7 +887,7 @@ function ot(e, n = 10) {
     }, n);
   };
 }
-function Ze(e) {
+function Qe(e) {
   try {
     if (typeof localStorage < "u")
       e.getItem = (n) => localStorage.getItem(n), e.setItem = (n, t) => {
@@ -914,7 +914,7 @@ function Sn(e) {
     return i ? r : o ? `${o}:${JSON.stringify(t)}` : JSON.stringify(t);
   }).sort((n, t) => n.localeCompare(t)).join(",");
 }
-function Pn(e, n) {
+function wn(e, n) {
   try {
     const t = bn(e), r = n.getItem(t);
     if (r) {
@@ -928,12 +928,12 @@ function Pn(e, n) {
 }
 function it(e, n, t) {
   var r, i;
-  const o = (r = Pn(e, t)) !== null && r !== void 0 ? r : {}, l = Sn(n);
+  const o = (r = wn(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) {
   var o;
-  const l = bn(e), a = Sn(n), s = (o = Pn(e, i)) !== null && o !== void 0 ? o : {};
+  const l = bn(e), a = Sn(n), s = (o = wn(e, i)) !== null && o !== void 0 ? o : {};
   s[a] = {
     expandToSizes: Object.fromEntries(t.entries()),
     layout: r
@@ -944,7 +944,7 @@ function lt(e, n, t, r, i) {
     console.error(m);
   }
 }
-function Qe({
+function en({
   layout: e,
   panelConstraints: n
 }) {
@@ -983,13 +983,13 @@ function Qe({
     }
   return t;
 }
-const at = 100, xe = {
-  getItem: (e) => (Ze(xe), xe.getItem(e)),
+const at = 100, ve = {
+  getItem: (e) => (Qe(ve), ve.getItem(e)),
   setItem: (e, n) => {
-    Ze(xe), xe.setItem(e, n);
+    Qe(ve), ve.setItem(e, n);
   }
-}, en = {};
-function wn({
+}, nn = {};
+function Pn({
   autoSaveId: e = null,
   children: n,
   className: t = "",
@@ -998,21 +998,21 @@ function wn({
   id: o = null,
   onLayout: l = null,
   keyboardResizeBy: a = null,
-  storage: s = xe,
+  storage: s = ve,
   style: m,
-  tagName: P = "div",
+  tagName: w = "div",
   ...f
 }) {
-  const c = Ve(o), x = F(null), [y, I] = ce(null), [w, b] = ce([]), R = qn(), D = F({}), M = F(/* @__PURE__ */ new Map()), O = F(0), C = F({
+  const c = We(o), x = F(null), [h, I] = ue(null), [P, b] = ue([]), R = qn(), D = F({}), M = F(/* @__PURE__ */ new Map()), O = F(0), C = F({
     autoSaveId: e,
     direction: r,
-    dragState: y,
+    dragState: h,
     id: c,
     keyboardResizeBy: a,
     onLayout: l,
     storage: s
   }), S = F({
-    layout: w,
+    layout: P,
     panelDataArray: [],
     panelDataArrayChanged: !1
   });
@@ -1020,7 +1020,7 @@ function wn({
     didLogIdAndOrderWarning: !1,
     didLogPanelConstraintsWarning: !1,
     prevPanelIds: []
-  }), rn(i, () => ({
+  }), on(i, () => ({
     getId: () => C.current.id,
     getLayout: () => {
       const {
@@ -1034,19 +1034,19 @@ function wn({
       } = C.current, {
         layout: v,
         panelDataArray: p
-      } = S.current, d = Qe({
+      } = S.current, d = en({
         layout: u,
-        panelConstraints: p.map((h) => h.constraints)
+        panelConstraints: p.map((y) => y.constraints)
       });
-      Ye(v, d) || (b(d), S.current.layout = d, g && g(d), le(p, d, D.current));
+      Ze(v, d) || (b(d), S.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;
+    C.current.autoSaveId = e, C.current.direction = r, C.current.dragState = h, C.current.id = c, C.current.onLayout = l, C.current.storage = s;
   }), Qn({
     committedValuesRef: C,
     eagerValuesRef: S,
     groupId: c,
-    layout: w,
+    layout: P,
     panelDataArray: S.current.panelDataArray,
     setLayout: b,
     panelGroupElement: x.current
@@ -1055,16 +1055,16 @@ function wn({
       panelDataArray: u
     } = S.current;
     if (e) {
-      if (w.length === 0 || w.length !== u.length)
+      if (P.length === 0 || P.length !== u.length)
         return;
-      let g = en[e];
-      g == null && (g = ot(lt, at), en[e] = g);
+      let g = nn[e];
+      g == null && (g = ot(lt, at), nn[e] = g);
       const v = [...u], p = new Map(M.current);
-      g(e, v, p, w, s);
+      g(e, v, p, P, s);
     }
-  }, [e, w, s]), te(() => {
+  }, [e, P, s]), te(() => {
   });
-  const K = B((u) => {
+  const j = B((u) => {
     const {
       onLayout: g
     } = C.current, {
@@ -1073,13 +1073,13 @@ function wn({
     } = S.current;
     if (u.constraints.collapsible) {
       const d = p.map((q) => q.constraints), {
-        collapsedSize: h = 0,
+        collapsedSize: y = 0,
         panelSize: E,
         pivotIndices: H
       } = ne(p, u, v);
-      if (z(E != null, `Panel size not found for panel "${u.id}"`), !Y(E, h)) {
+      if (z(E != null, `Panel size not found for panel "${u.id}"`), !Y(E, y)) {
         M.current.set(u.id, E);
-        const X = ae(p, u) === p.length - 1 ? E - h : h - E, L = ze({
+        const X = ae(p, u) === p.length - 1 ? E - y : y - E, L = xe({
           delta: X,
           initialLayout: v,
           panelConstraints: d,
@@ -1098,17 +1098,17 @@ function wn({
       panelDataArray: d
     } = S.current;
     if (u.constraints.collapsible) {
-      const h = d.map((U) => U.constraints), {
+      const y = d.map((K) => K.constraints), {
         collapsedSize: E = 0,
         panelSize: H = 0,
         minSize: q = 0,
         pivotIndices: X
       } = ne(d, u, p), L = g ?? q;
       if (Y(H, E)) {
-        const U = M.current.get(u.id), ye = U != null && U >= L ? U : L, Me = ae(d, u) === d.length - 1 ? H - ye : ye - H, T = ze({
+        const K = M.current.get(u.id), ye = K != null && K >= L ? K : L, Me = ae(d, u) === d.length - 1 ? H - ye : ye - H, T = xe({
           delta: Me,
           initialLayout: p,
-          panelConstraints: h,
+          panelConstraints: y,
           pivotIndices: X,
           prevLayout: p,
           trigger: "imperative-api"
@@ -1130,21 +1130,21 @@ function wn({
     } = S.current, p = ae(v, u);
     return rt({
       defaultSize: g,
-      dragState: y,
-      layout: w,
+      dragState: h,
+      layout: P,
       panelData: v,
       panelIndex: p
     });
-  }, [y, w]), k = B((u) => {
+  }, [h, P]), k = B((u) => {
     const {
       layout: g,
       panelDataArray: v
     } = S.current, {
       collapsedSize: p = 0,
       collapsible: d,
-      panelSize: h
+      panelSize: y
     } = ne(v, u, g);
-    return z(h != null, `Panel size not found for panel "${u.id}"`), d === !0 && Y(h, p);
+    return z(y != null, `Panel size not found for panel "${u.id}"`), d === !0 && Y(y, p);
   }, []), ee = B((u) => {
     const {
       layout: g,
@@ -1152,16 +1152,16 @@ function wn({
     } = S.current, {
       collapsedSize: p = 0,
       collapsible: d,
-      panelSize: h
+      panelSize: y
     } = ne(v, u, g);
-    return z(h != null, `Panel size not found for panel "${u.id}"`), !d || oe(h, p) > 0;
+    return z(y != null, `Panel size not found for panel "${u.id}"`), !d || oe(y, p) > 0;
   }, []), $ = B((u) => {
     const {
       panelDataArray: g
     } = S.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;
+      const d = v.order, y = p.order;
+      return d == null && y == null ? 0 : d == null ? -1 : y == null ? 1 : d - y;
     }), S.current.panelDataArrayChanged = !0, R();
   }, [R]);
   re(() => {
@@ -1175,19 +1175,19 @@ function wn({
         layout: p,
         panelDataArray: d
       } = S.current;
-      let h = null;
+      let y = null;
       if (u) {
         const H = it(u, d, v);
-        H && (M.current = new Map(Object.entries(H.expandToSizes)), h = H.layout);
+        H && (M.current = new Map(Object.entries(H.expandToSizes)), y = H.layout);
       }
-      h == null && (h = tt({
+      y == null && (y = tt({
         panelDataArray: d
       }));
-      const E = Qe({
-        layout: h,
+      const E = en({
+        layout: y,
         panelConstraints: d.map((H) => H.constraints)
       });
-      Ye(p, E) || (b(E), S.current.layout = E, g && g(E), le(d, E, D.current));
+      Ze(p, E) || (b(E), S.current.layout = E, g && g(E), le(d, E, D.current));
     }
   }), re(() => {
     const u = S.current;
@@ -1200,8 +1200,8 @@ function wn({
     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 y = x.current;
+      if (!y)
         return () => null;
       const {
         direction: E,
@@ -1210,23 +1210,23 @@ function wn({
         keyboardResizeBy: X,
         onLayout: L
       } = C.current, {
-        layout: U,
+        layout: K,
         panelDataArray: ye
       } = S.current, {
-        initialLayout: Se
-      } = H ?? {}, Me = zn(q, u, h);
-      let T = nt(d, u, E, H, X, h);
+        initialLayout: we
+      } = H ?? {}, Me = zn(q, u, y);
+      let T = nt(d, u, E, H, X, y);
       const Ue = E === "horizontal";
       Ue && g && (T = -T);
-      const En = ye.map((Cn) => Cn.constraints), he = ze({
+      const En = ye.map((Cn) => Cn.constraints), ze = xe({
         delta: T,
-        initialLayout: Se ?? U,
+        initialLayout: we ?? K,
         panelConstraints: En,
         pivotIndices: Me,
-        prevLayout: U,
+        prevLayout: K,
         trigger: sn(d) ? "keyboard" : "mouse-or-touch"
-      }), je = !Pe(U, he);
-      (cn(d) || un(d)) && O.current != T && (O.current = T, !je && T !== 0 ? Ue ? Ge(u, T < 0 ? fn : pn) : Ge(u, T < 0 ? gn : mn) : Ge(u, 0)), je && (b(he), S.current.layout = he, L && L(he), le(ye, he, D.current));
+      }), Oe = !Pe(K, ze);
+      (cn(d) || un(d)) && O.current != T && (O.current = T, !Oe && T !== 0 ? Ue ? Ge(u, T < 0 ? fn : pn) : Ge(u, T < 0 ? gn : mn) : Ge(u, 0)), Oe && (b(ze), S.current.layout = ze, L && L(ze), le(ye, ze, D.current));
     };
   }, []), G = B((u, g) => {
     const {
@@ -1234,27 +1234,27 @@ function wn({
     } = C.current, {
       layout: p,
       panelDataArray: d
-    } = S.current, h = d.map((U) => U.constraints), {
+    } = S.current, y = d.map((K) => K.constraints), {
       panelSize: E,
       pivotIndices: H
     } = 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({
+    const X = ae(d, u) === d.length - 1 ? E - g : g - E, L = xe({
       delta: X,
       initialLayout: p,
-      panelConstraints: h,
+      panelConstraints: y,
       pivotIndices: H,
       prevLayout: p,
       trigger: "imperative-api"
     });
     Pe(p, L) || (b(L), S.current.layout = L, v && v(L), le(d, L, D.current));
-  }, []), fe = B((u, g) => {
+  }, []), pe = B((u, g) => {
     const {
       layout: v,
       panelDataArray: p
     } = S.current, {
       collapsedSize: d = 0,
-      collapsible: h
+      collapsible: y
     } = g, {
       collapsedSize: E = 0,
       collapsible: H,
@@ -1263,8 +1263,8 @@ function wn({
     } = u.constraints, {
       panelSize: L
     } = ne(p, u, v);
-    L != null && (h && H && Y(L, d) ? Y(d, E) || G(u, E) : L < X ? G(u, X) : L > q && G(u, q));
-  }, [G]), pe = B((u, g) => {
+    L != null && (y && H && Y(L, d) ? Y(d, E) || G(u, E) : L < X ? G(u, X) : L > q && G(u, q));
+  }, [G]), ge = B((u, g) => {
     const {
       direction: v
     } = C.current, {
@@ -1274,14 +1274,14 @@ function wn({
       return;
     const d = De(u, x.current);
     z(d, `Drag handle element not found for id "${u}"`);
-    const h = vn(v, g);
+    const y = vn(v, g);
     I({
       dragHandleId: u,
       dragHandleRect: d.getBoundingClientRect(),
-      initialCursorPosition: h,
+      initialCursorPosition: y,
       initialLayout: p
     });
-  }, []), ge = B(() => {
+  }, []), me = B(() => {
     I(null);
   }, []), He = B((u) => {
     const {
@@ -1289,40 +1289,40 @@ function wn({
     } = S.current, v = ae(g, u);
     v >= 0 && (g.splice(v, 1), delete D.current[u.id], S.current.panelDataArrayChanged = !0, R());
   }, [R]), ie = kn(() => ({
-    collapsePanel: K,
+    collapsePanel: j,
     direction: r,
-    dragState: y,
+    dragState: h,
     expandPanel: J,
     getPanelSize: V,
     getPanelStyle: _,
     groupId: c,
     isPanelCollapsed: k,
     isPanelExpanded: ee,
-    reevaluatePanelConstraints: fe,
+    reevaluatePanelConstraints: pe,
     registerPanel: $,
     registerResizeHandle: N,
     resizePanel: G,
-    startDragging: pe,
-    stopDragging: ge,
+    startDragging: ge,
+    stopDragging: me,
     unregisterPanel: He,
     panelGroupElement: x.current
-  }), [K, y, r, J, V, _, c, k, ee, fe, $, N, G, pe, ge, He]), me = {
+  }), [j, h, r, J, V, _, c, k, ee, pe, $, N, G, ge, me, He]), he = {
     display: "flex",
     flexDirection: r === "horizontal" ? "row" : "column",
     height: "100%",
     overflow: "hidden",
     width: "100%"
   };
-  return de(Re.Provider, {
+  return fe(Re.Provider, {
     value: ie
-  }, de(P, {
+  }, fe(w, {
     ...f,
     children: n,
     className: t,
     id: o,
     ref: x,
     style: {
-      ...me,
+      ...he,
       ...m
     },
     // CSS selectors
@@ -1331,11 +1331,11 @@ function wn({
     [A.groupId]: c
   }));
 }
-const In = nn((e, n) => de(wn, {
+const In = tn((e, n) => fe(Pn, {
   ...e,
   forwardedRef: n
 }));
-wn.displayName = "PanelGroup";
+Pn.displayName = "PanelGroup";
 In.displayName = "forwardRef(PanelGroup)";
 function ae(e, n) {
   return e.findIndex((t) => t === n || t.id === n.id);
@@ -1376,10 +1376,10 @@ function st({
             l.preventDefault();
             const a = i.getAttribute(A.groupId);
             z(a, `No group element found for id "${a}"`);
-            const s = be(a, r), m = hn(a, n, r);
+            const s = Se(a, r), m = yn(a, n, r);
             z(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();
+            const w = l.shiftKey ? m > 0 ? m - 1 : s.length - 1 : m + 1 < s.length ? m + 1 : 0;
+            s[w].focus();
             break;
           }
         }
@@ -1400,23 +1400,23 @@ function Ke({
   onDragging: a,
   onFocus: s,
   onPointerDown: m,
-  onPointerUp: P,
+  onPointerUp: w,
   style: f = {},
   tabIndex: c = 0,
   tagName: x = "div",
-  ...y
+  ...h
 }) {
-  var I, w;
+  var I, P;
   const b = F(null), R = F({
     onClick: l,
     onDragging: a,
     onPointerDown: m,
-    onPointerUp: P
+    onPointerUp: w
   });
   te(() => {
-    R.current.onClick = l, R.current.onDragging = a, R.current.onPointerDown = m, R.current.onPointerUp = P;
+    R.current.onClick = l, R.current.onDragging = a, R.current.onPointerDown = m, R.current.onPointerUp = w;
   });
-  const D = tn(Re);
+  const D = rn(Re);
   if (D === null)
     throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");
   const {
@@ -1424,13 +1424,13 @@ function Ke({
     groupId: O,
     registerResizeHandle: C,
     startDragging: S,
-    stopDragging: K,
+    stopDragging: j,
     panelGroupElement: J
-  } = D, V = Ve(i), [_, k] = ce("inactive"), [ee, $] = ce(!1), [N, G] = ce(null), fe = F({
+  } = D, V = We(i), [_, k] = ue("inactive"), [ee, $] = ue(!1), [N, G] = ue(null), pe = F({
     state: _
   });
   re(() => {
-    fe.current.state = _;
+    pe.current.state = _;
   }), te(() => {
     if (t)
       G(null);
@@ -1439,16 +1439,16 @@ function Ke({
       G(() => ie);
     }
   }, [t, V, C]);
-  const pe = (I = r?.coarse) !== null && I !== void 0 ? I : 15, ge = (w = r?.fine) !== null && w !== void 0 ? w : 5;
+  const ge = (I = r?.coarse) !== null && I !== void 0 ? I : 15, me = (P = r?.fine) !== null && P !== void 0 ? P : 5;
   return te(() => {
     if (t || N == null)
       return;
     const ie = b.current;
     z(ie, "Element ref not attached");
-    let me = !1;
-    return jn(V, ie, M, {
-      coarse: pe,
-      fine: ge
+    let he = !1;
+    return Un(V, ie, M, {
+      coarse: ge,
+      fine: me
     }, (g, v, p) => {
       if (!v) {
         k("inactive");
@@ -1456,40 +1456,40 @@ function Ke({
       }
       switch (g) {
         case "down": {
-          k("drag"), me = !1, z(p, 'Expected event to be defined for "down" action'), S(V, p);
+          k("drag"), he = !1, z(p, 'Expected event to be defined for "down" action'), S(V, p);
           const {
             onDragging: d,
-            onPointerDown: h
+            onPointerDown: y
           } = R.current;
-          d?.(!0), h?.();
+          d?.(!0), y?.();
           break;
         }
         case "move": {
           const {
             state: d
-          } = fe.current;
-          me = !0, d !== "drag" && k("hover"), z(p, 'Expected event to be defined for "move" action'), N(p);
+          } = pe.current;
+          he = !0, d !== "drag" && k("hover"), z(p, 'Expected event to be defined for "move" action'), N(p);
           break;
         }
         case "up": {
-          k("hover"), K();
+          k("hover"), j();
           const {
             onClick: d,
-            onDragging: h,
+            onDragging: y,
             onPointerUp: E
           } = R.current;
-          h?.(!1), E?.(), me || d?.();
+          y?.(!1), E?.(), he || d?.();
           break;
         }
       }
     });
-  }, [pe, M, t, ge, C, V, N, S, K]), st({
+  }, [ge, M, t, me, C, V, N, S, j]), st({
     disabled: t,
     handleId: V,
     resizeHandler: N,
     panelGroupElement: J
-  }), de(x, {
-    ...y,
+  }), fe(x, {
+    ...h,
     children: e,
     className: n,
     id: i,
@@ -1520,12 +1520,12 @@ function Ke({
   });
 }
 Ke.displayName = "PanelResizeHandle";
-const ct = on({
+const ct = Fe({
   base: "flex h-full w-full data-[panel-group-direction=vertical]:flex-col"
 }), yt = ({
   className: e,
   ...n
-}) => /* @__PURE__ */ we(In, { className: ct({ className: e }), ...n }), ht = an, zt = Ke, ut = on({
+}) => /* @__PURE__ */ ce(In, { className: ct({ className: e }), ...n }), zt = an, xt = Ke, ut = Fe({
   slots: {
     wrapper: [
       "relative flex w-px items-center justify-center bg-secondary-border hover:bg-primary-border",
@@ -1536,18 +1536,41 @@ const ct = on({
     handle: "z-10 flex h-4 w-2.5 items-center justify-center rounded-sm border border-secondary-border bg-secondary-border hover:border-primary-border hover:bg-primary-border",
     icon: "h-2.5 w-2.5"
   }
-}), xt = ({
+}), vt = ({
   withHandle: e,
   className: n,
   ...t
 }) => {
   const r = ut();
-  return /* @__PURE__ */ we(Ke, { className: r.wrapper({ className: n }), ...t, children: e && /* @__PURE__ */ we("div", { className: r.handle(), children: /* @__PURE__ */ we(Dn, { icon: Mn, className: r.icon() }) }) });
-};
+  return /* @__PURE__ */ ce(Ke, { className: r.wrapper({ className: n }), ...t, children: e && /* @__PURE__ */ ce("div", { className: r.handle(), children: /* @__PURE__ */ ce(Dn, { icon: Mn, className: r.icon() }) }) });
+}, dt = Fe({
+  base: "pointer-events-none text-muted"
+}), bt = ({ className: e }) => /* @__PURE__ */ ce(
+  "svg",
+  {
+    className: dt({ className: e }),
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "12",
+    height: "11",
+    viewBox: "0 0 12 11",
+    fill: "none",
+    children: /* @__PURE__ */ ce(
+      "path",
+      {
+        d: "M10.4517 0.738281C9.64307 2.85547 8.59048 4.66724 6.65088 6.54297C5.08973 8.05271 2.94628 9.35933 0.73877 10.009",
+        stroke: "currentColor",
+        strokeWidth: "1",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
 export {
-  xt as ResizableHandle,
-  zt as ResizableHandlePrimitive,
-  ht as ResizablePanel,
+  bt as ResizableCornerIcon,
+  vt as ResizableHandle,
+  xt as ResizableHandlePrimitive,
+  zt as ResizablePanel,
   yt as ResizablePanelGroup
 };
 //# sourceMappingURL=resizable.js.map