@arcadeai/design-system 0.0.0

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

@@ -0,0 +1,1564 @@
+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 { c as rn } from "../../../utils-Dy2WjYNJ.js";
+import { c as Mn } from "../../../createLucideIcon-B6fy1GTR.js";
+/**
+ * @license lucide-react v0.522.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);
+Re.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 = An, je = Rn.useId, Hn = typeof je == "function" ? je : () => null;
+let $n = 0;
+function Fe(e = null) {
+  const n = Hn(), t = F(e || n || null);
+  return t.current === null && (t.current = "" + $n++), e ?? t.current;
+}
+function on({
+  children: e,
+  className: n = "",
+  collapsedSize: t,
+  collapsible: r,
+  defaultSize: i,
+  forwardedRef: o,
+  id: l,
+  maxSize: a,
+  minSize: s,
+  onCollapse: m,
+  onExpand: P,
+  onResize: f,
+  order: c,
+  style: x,
+  tagName: y = "div",
+  ...I
+}) {
+  const w = nn(Re);
+  if (w === null)
+    throw Error("Panel components must be rendered within a PanelGroup container");
+  const {
+    collapsePanel: S,
+    expandPanel: R,
+    getPanelSize: M,
+    getPanelStyle: D,
+    groupId: O,
+    isPanelCollapsed: C,
+    reevaluatePanelConstraints: b,
+    registerPanel: K,
+    resizePanel: J,
+    unregisterPanel: V
+  } = w, _ = Fe(l), k = F({
+    callbacks: {
+      onCollapse: m,
+      onExpand: P,
+      onResize: f
+    },
+    constraints: {
+      collapsedSize: t,
+      collapsible: r,
+      defaultSize: i,
+      maxSize: a,
+      minSize: s
+    },
+    id: _,
+    idIsFromProps: l !== void 0,
+    order: c
+  });
+  F({
+    didLogMissingDefaultSizeWarning: !1
+  }), re(() => {
+    const {
+      callbacks: $,
+      constraints: H
+    } = k.current, G = {
+      ...H
+    };
+    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);
+  }), re(() => {
+    const $ = k.current;
+    return K($), () => {
+      V($);
+    };
+  }, [c, _, K, V]), tn(o, () => ({
+    collapse: () => {
+      S(k.current);
+    },
+    expand: ($) => {
+      R(k.current, $);
+    },
+    getId() {
+      return _;
+    },
+    getSize() {
+      return M(k.current);
+    },
+    isCollapsed() {
+      return C(k.current);
+    },
+    isExpanded() {
+      return !C(k.current);
+    },
+    resize: ($) => {
+      J(k.current, $);
+    }
+  }), [S, R, M, C, _, J]);
+  const ee = D(k.current, i);
+  return de(y, {
+    ...I,
+    children: e,
+    className: n,
+    id: _,
+    style: {
+      ...ee,
+      ...x
+    },
+    // CSS selectors
+    [A.groupId]: O,
+    [A.panel]: "",
+    [A.panelCollapsible]: r || void 0,
+    [A.panelId]: _,
+    [A.panelSize]: parseFloat("" + ee.flexGrow).toFixed(1)
+  });
+}
+const ln = en((e, n) => de(on, {
+  ...e,
+  forwardedRef: n
+}));
+on.displayName = "Panel";
+ln.displayName = "forwardRef(Panel)";
+let Te = null, Ie = -1, Z = null;
+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)
+      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 (o)
+      return "n-resize";
+  }
+  switch (e) {
+    case "horizontal":
+      return "ew-resize";
+    case "intersection":
+      return "move";
+    case "vertical":
+      return "ns-resize";
+  }
+}
+function Gn() {
+  Z !== null && (document.head.removeChild(Z), Te = null, Z = null, Ie = -1);
+}
+function De(e, n) {
+  var t, r;
+  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;
+      (o = Z.sheet) === null || o === void 0 || o.removeRule(Ie);
+    }
+    Ie = (t = (r = Z.sheet) === null || r === void 0 ? void 0 : r.insertRule(`*{cursor: ${i} !important;}`)) !== null && t !== void 0 ? t : -1;
+  }
+}
+function an(e) {
+  return e.type === "keydown";
+}
+function sn(e) {
+  return e.type.startsWith("pointer");
+}
+function cn(e) {
+  return e.type.startsWith("mouse");
+}
+function Le(e) {
+  if (sn(e)) {
+    if (e.isPrimary)
+      return {
+        x: e.clientX,
+        y: e.clientY
+      };
+  } else if (cn(e))
+    return {
+      x: e.clientX,
+      y: e.clientY
+    };
+  return {
+    x: 1 / 0,
+    y: 1 / 0
+  };
+}
+function Tn() {
+  if (typeof matchMedia == "function")
+    return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
+}
+function Bn(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) {
+  if (e === n) throw new Error("Cannot compare node with itself");
+  const t = {
+    a: Xe(e),
+    b: Xe(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: qe(Oe(t.a)),
+    b: qe(Oe(t.b))
+  };
+  if (i.a === i.b) {
+    const o = r.childNodes, l = {
+      a: t.a.at(-1),
+      b: t.b.at(-1)
+    };
+    let a = o.length;
+    for (; a--; ) {
+      const s = o[a];
+      if (s === l.a) return 1;
+      if (s === l.b) return -1;
+    }
+  }
+  return Math.sign(i.a - i.b);
+}
+const Vn = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function Wn(e) {
+  var n;
+  const t = getComputedStyle((n = un(e)) !== null && n !== void 0 ? n : e).display;
+  return t === "flex" || t === "inline-flex";
+}
+function Kn(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 Oe(e) {
+  let n = e.length;
+  for (; n--; ) {
+    const t = e[n];
+    if (z(t, "Missing node"), Kn(t)) return t;
+  }
+  return null;
+}
+function qe(e) {
+  return e && Number(getComputedStyle(e).zIndex) || 0;
+}
+function Xe(e) {
+  const n = [];
+  for (; e; )
+    n.push(e), e = un(e);
+  return n;
+}
+function un(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 Se = /* @__PURE__ */ new Set();
+function jn(e, n, t, r, i) {
+  var o;
+  const {
+    ownerDocument: l
+  } = n, a = {
+    direction: t,
+    element: n,
+    hitAreaMargins: r,
+    setResizeHandlerState: i
+  }, s = (o = Q.get(l)) !== null && o !== void 0 ? o : 0;
+  return Q.set(l, s + 1), Se.add(a), Ee(), function() {
+    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);
+    }
+  };
+}
+function On(e) {
+  const {
+    target: n
+  } = e, {
+    x: t,
+    y: r
+  } = Le(e);
+  ue = !0, Ve({
+    target: n,
+    x: t,
+    y: r
+  }), Ee(), j.length > 0 && (Ce("down", e), e.preventDefault(), mn(n) || e.stopImmediatePropagation());
+}
+function He(e) {
+  const {
+    x: n,
+    y: t
+  } = Le(e);
+  if (ue && e.buttons === 0 && (ue = !1, Ce("up", e)), !ue) {
+    const {
+      target: r
+    } = e;
+    Ve({
+      target: r,
+      x: n,
+      y: t
+    });
+  }
+  Ce("move", e), We(), j.length > 0 && e.preventDefault();
+}
+function $e(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({
+    target: n,
+    x: t,
+    y: r
+  }), We(), Ee();
+}
+function mn(e) {
+  let n = e;
+  for (; n; ) {
+    if (n.hasAttribute(A.resizeHandle))
+      return !0;
+    n = n.parentElement;
+  }
+  return !1;
+}
+function Ve({
+  target: e,
+  x: n,
+  y: t
+}) {
+  j.splice(0);
+  let r = null;
+  (e instanceof HTMLElement || e instanceof SVGElement) && (r = e), Se.forEach((i) => {
+    const {
+      element: o,
+      hitAreaMargins: l
+    } = i, a = o.getBoundingClientRect(), {
+      bottom: s,
+      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) {
+      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)) {
+            I = !0;
+            break;
+          }
+          y = y.parentElement;
+        }
+        if (I)
+          return;
+      }
+      j.push(i);
+    }
+  });
+}
+function _e(e, n) {
+  Ae.set(e, n);
+}
+function We() {
+  let e = !1, n = !1;
+  j.forEach((r) => {
+    const {
+      direction: i
+    } = r;
+    i === "horizontal" ? e = !0 : n = !0;
+  });
+  let t = 0;
+  Ae.forEach((r) => {
+    t |= r;
+  }), e && n ? De("intersection", t) : e ? De("horizontal", t) : n ? De("vertical", t) : Gn();
+}
+let Ge;
+function Ee() {
+  var e;
+  (e = Ge) === null || e === void 0 || e.abort(), Ge = new AbortController();
+  const n = {
+    capture: !0,
+    signal: Ge.signal
+  };
+  Se.size && (ue ? (j.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));
+  }), Q.forEach((t, r) => {
+    const {
+      body: i
+    } = r;
+    i.addEventListener("pointerup", $e, n), i.addEventListener("pointercancel", $e, n);
+  })) : Q.forEach((t, r) => {
+    const {
+      body: i
+    } = r;
+    t > 0 && (i.addEventListener("pointerdown", On, n), i.addEventListener("pointermove", He, n));
+  }));
+}
+function Ce(e, n) {
+  Se.forEach((t) => {
+    const {
+      setResizeHandlerState: r
+    } = t, i = j.includes(t);
+    r(e, i, n);
+  });
+}
+function qn() {
+  const [e, n] = ce(0);
+  return B(() => n((t) => t + 1), []);
+}
+function z(e, n) {
+  if (!e)
+    throw console.error(n), Error(n);
+}
+function oe(e, n, t = Be) {
+  return e.toFixed(t) === n.toFixed(t) ? 0 : e > n ? 1 : -1;
+}
+function Y(e, n, t = Be) {
+  return oe(e, n, t) === 0;
+}
+function W(e, n, t) {
+  return oe(e, n, t) === 0;
+}
+function Xn(e, n, t) {
+  if (e.length !== n.length)
+    return !1;
+  for (let r = 0; r < e.length; r++) {
+    const i = e[r], o = n[r];
+    if (!W(i, o, t))
+      return !1;
+  }
+  return !0;
+}
+function se({
+  panelConstraints: e,
+  panelIndex: n,
+  size: t
+}) {
+  const r = e[n];
+  z(r != null, `Panel constraints not found for index ${n}`);
+  let {
+    collapsedSize: i = 0,
+    collapsible: o,
+    maxSize: l = 100,
+    minSize: a = 0
+  } = r;
+  if (oe(t, a) < 0)
+    if (o) {
+      const s = (i + a) / 2;
+      oe(t, s) < 0 ? t = i : t = a;
+    } else
+      t = a;
+  return t = Math.min(l, t), t = parseFloat(t.toFixed(Be)), t;
+}
+function ze({
+  delta: e,
+  initialLayout: n,
+  panelConstraints: t,
+  pivotIndices: r,
+  prevLayout: i,
+  trigger: o
+}) {
+  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");
+  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 {
+        collapsedSize: x = 0,
+        collapsible: y,
+        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 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 {
+        collapsedSize: x = 0,
+        collapsible: y,
+        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 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 ? s : a, x = 0;
+    for (; ; ) {
+      const I = n[c];
+      z(I != null, `Previous layout not found for panel index ${c}`);
+      const S = se({
+        panelConstraints: t,
+        panelIndex: c,
+        size: 100
+      }) - I;
+      if (x += S, c += f, c < 0 || c >= t.length)
+        break;
+    }
+    const y = Math.min(Math.abs(e), Math.abs(x));
+    e = e < 0 ? 0 - y : y;
+  }
+  {
+    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({
+        panelConstraints: t,
+        panelIndex: c,
+        size: I
+      });
+      if (!W(y, w) && (m += y - w, l[c] = w, m.toPrecision(3).localeCompare(Math.abs(e).toPrecision(3), void 0, {
+        numeric: !0
+      }) >= 0))
+        break;
+      e < 0 ? c-- : c++;
+    }
+  }
+  if (Xn(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({
+      panelConstraints: t,
+      panelIndex: f,
+      size: x
+    });
+    if (l[f] = y, !W(y, x)) {
+      let I = x - y, 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({
+          panelConstraints: t,
+          panelIndex: S,
+          size: M
+        });
+        if (W(R, D) || (I -= D - R, l[S] = D), W(I, 0))
+          break;
+        e > 0 ? S-- : S++;
+      }
+    }
+  }
+  const P = l.reduce((f, c) => c + f, 0);
+  return W(P, 100) ? l : i;
+}
+function Jn({
+  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) => {
+    const {
+      constraints: x
+    } = f, {
+      maxSize: y = 100,
+      minSize: I = 0
+    } = x;
+    c === a ? (r = I, i = y) : (o += I, l += y);
+  });
+  const s = Math.min(i, 100 - o), m = Math.max(r, 100 - l), P = e[a];
+  return {
+    valueMax: s,
+    valueMin: m,
+    valueNow: P
+  };
+}
+function be(e, n = document) {
+  return Array.from(n.querySelectorAll(`[${A.resizeHandleId}][data-panel-group-id="${e}"]`));
+}
+function yn(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);
+  return r != null ? [r, r + 1] : [-1, -1];
+}
+function Yn(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)
+    return n;
+  const t = n.querySelector(`[data-panel-group][data-panel-group-id="${e}"]`);
+  return t || null;
+}
+function ke(e, n = document) {
+  const t = n.querySelector(`[${A.resizeHandleId}="${e}"]`);
+  return t || null;
+}
+function Zn(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];
+}
+function Qn({
+  committedValuesRef: e,
+  eagerValuesRef: n,
+  groupId: t,
+  layout: r,
+  panelDataArray: i,
+  panelGroupElement: o,
+  setLayout: l
+}) {
+  F({
+    didWarnAboutMissingResizeHandle: !1
+  }), re(() => {
+    if (!o)
+      return;
+    const a = be(t, o);
+    for (let s = 0; s < i.length - 1; s++) {
+      const {
+        valueMax: m,
+        valueMin: P,
+        valueNow: f
+      } = Jn({
+        layout: r,
+        panelsArray: i,
+        pivotIndices: [s, s + 1]
+      }), 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) : "");
+      }
+    }
+    return () => {
+      a.forEach((s, m) => {
+        s.removeAttribute("aria-controls"), s.removeAttribute("aria-valuemax"), s.removeAttribute("aria-valuemin"), s.removeAttribute("aria-valuenow");
+      });
+    };
+  }, [t, r, i, o]), te(() => {
+    if (!o)
+      return;
+    const a = n.current;
+    z(a, "Eager values not found");
+    const {
+      panelDataArray: s
+    } = a, m = zn(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 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)
+        return () => {
+        };
+      const w = (S) => {
+        if (!S.defaultPrevented)
+          switch (S.key) {
+            case "Enter": {
+              S.preventDefault();
+              const R = s.findIndex((M) => M.id === y);
+              if (R >= 0) {
+                const M = s[R];
+                z(M, `No panel data found for index ${R}`);
+                const D = r[R], {
+                  collapsedSize: O = 0,
+                  collapsible: C,
+                  minSize: b = 0
+                } = M.constraints;
+                if (D != null && C) {
+                  const K = ze({
+                    delta: W(D, O) ? b - O : O - D,
+                    initialLayout: r,
+                    panelConstraints: s.map((J) => J.constraints),
+                    pivotIndices: hn(t, x, o),
+                    prevLayout: r,
+                    trigger: "keyboard"
+                  });
+                  r !== K && l(K);
+                }
+              }
+              break;
+            }
+          }
+      };
+      return c.addEventListener("keydown", w), () => {
+        c.removeEventListener("keydown", w);
+      };
+    });
+    return () => {
+      f.forEach((c) => c());
+    };
+  }, [o, e, n, t, r, i, l]);
+}
+function Je(e, n) {
+  if (e.length !== n.length)
+    return !1;
+  for (let t = 0; t < e.length; t++)
+    if (e[t] !== n[t])
+      return !1;
+  return !0;
+}
+function xn(e, n) {
+  const t = e === "horizontal", {
+    x: r,
+    y: i
+  } = 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}"`);
+  const a = l.getAttribute(A.groupId);
+  z(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;
+}
+function nt(e, n, t, r, i, o) {
+  if (an(e)) {
+    const l = t === "horizontal";
+    let a = 0;
+    e.shiftKey ? a = 100 : i != null ? a = i : a = 10;
+    let s = 0;
+    switch (e.key) {
+      case "ArrowDown":
+        s = l ? 0 : a;
+        break;
+      case "ArrowLeft":
+        s = l ? -a : 0;
+        break;
+      case "ArrowRight":
+        s = l ? a : 0;
+        break;
+      case "ArrowUp":
+        s = l ? 0 : -a;
+        break;
+      case "End":
+        s = 100;
+        break;
+      case "Home":
+        s = -100;
+        break;
+    }
+    return s;
+  } else
+    return r == null ? 0 : et(e, n, t, r, o);
+}
+function tt({
+  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}`);
+    const {
+      defaultSize: a
+    } = l;
+    a != null && (r++, n[o] = a, i -= a);
+  }
+  for (let o = 0; o < e.length; o++) {
+    const l = t[o];
+    z(l, `Panel constraints not found for index ${o}`);
+    const {
+      defaultSize: a
+    } = l;
+    if (a != null)
+      continue;
+    const s = e.length - r, m = i / s;
+    r++, n[o] = m, i -= m;
+  }
+  return n;
+}
+function le(e, n, t) {
+  n.forEach((r, i) => {
+    const o = e[i];
+    z(o, `Panel data not found for index ${i}`);
+    const {
+      callbacks: l,
+      constraints: a,
+      id: s
+    } = o, {
+      collapsedSize: m = 0,
+      collapsible: P
+    } = a, f = t[s];
+    if (f == null || r !== f) {
+      t[s] = r;
+      const {
+        onCollapse: c,
+        onExpand: x,
+        onResize: y
+      } = 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());
+    }
+  });
+}
+function we(e, n) {
+  if (e.length !== n.length)
+    return !1;
+  for (let t = 0; t < e.length; t++)
+    if (e[t] != n[t])
+      return !1;
+  return !0;
+}
+function rt({
+  defaultSize: e,
+  dragState: n,
+  layout: t,
+  panelData: r,
+  panelIndex: i,
+  precision: o = 3
+}) {
+  const l = t[i];
+  let a;
+  return l == null ? a = e != null ? e.toPrecision(o) : "1" : r.length === 1 ? a = "1" : a = l.toPrecision(o), {
+    flexBasis: 0,
+    flexGrow: a,
+    flexShrink: 1,
+    // Without this, Panel sizes may be unintentionally overridden by their content
+    overflow: "hidden",
+    // Disable pointer events inside of a panel during resize
+    // This avoid edge cases like nested iframes
+    pointerEvents: n !== null ? "none" : void 0
+  };
+}
+function ot(e, n = 10) {
+  let t = null;
+  return (...i) => {
+    t !== null && clearTimeout(t), t = setTimeout(() => {
+      e(...i);
+    }, n);
+  };
+}
+function Ye(e) {
+  try {
+    if (typeof localStorage < "u")
+      e.getItem = (n) => localStorage.getItem(n), e.setItem = (n, t) => {
+        localStorage.setItem(n, t);
+      };
+    else
+      throw new Error("localStorage not supported in this environment");
+  } catch (n) {
+    console.error(n), e.getItem = () => null, e.setItem = () => {
+    };
+  }
+}
+function vn(e) {
+  return `react-resizable-panels:${e}`;
+}
+function Sn(e) {
+  return e.map((n) => {
+    const {
+      constraints: t,
+      id: r,
+      idIsFromProps: i,
+      order: o
+    } = n;
+    return i ? r : o ? `${o}:${JSON.stringify(t)}` : JSON.stringify(t);
+  }).sort((n, t) => n.localeCompare(t)).join(",");
+}
+function bn(e, n) {
+  try {
+    const t = vn(e), r = n.getItem(t);
+    if (r) {
+      const i = JSON.parse(r);
+      if (typeof i == "object" && i != null)
+        return i;
+    }
+  } catch {
+  }
+  return null;
+}
+function it(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) {
+  var o;
+  const l = vn(e), a = Sn(n), s = (o = bn(e, i)) !== null && o !== void 0 ? o : {};
+  s[a] = {
+    expandToSizes: Object.fromEntries(t.entries()),
+    layout: r
+  };
+  try {
+    i.setItem(l, JSON.stringify(s));
+  } catch (m) {
+    console.error(m);
+  }
+}
+function Ze({
+  layout: e,
+  panelConstraints: n
+}) {
+  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((o) => `${o}%`).join(", ")}`);
+  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}`);
+      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}`);
+    const a = se({
+      panelConstraints: n,
+      panelIndex: o,
+      size: l
+    });
+    l != a && (i += l - a, t[o] = a);
+  }
+  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}`);
+      const a = l + i, s = se({
+        panelConstraints: n,
+        panelIndex: o,
+        size: a
+      });
+      if (l !== s && (i -= s - l, t[o] = s, W(i, 0)))
+        break;
+    }
+  return t;
+}
+const at = 100, xe = {
+  getItem: (e) => (Ye(xe), xe.getItem(e)),
+  setItem: (e, n) => {
+    Ye(xe), xe.setItem(e, n);
+  }
+}, Qe = {};
+function Pn({
+  autoSaveId: e = null,
+  children: n,
+  className: t = "",
+  direction: r,
+  forwardedRef: i,
+  id: o = null,
+  onLayout: l = null,
+  keyboardResizeBy: a = null,
+  storage: s = xe,
+  style: m,
+  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({
+    autoSaveId: e,
+    direction: r,
+    dragState: y,
+    id: c,
+    keyboardResizeBy: a,
+    onLayout: l,
+    storage: s
+  }), b = F({
+    layout: w,
+    panelDataArray: [],
+    panelDataArrayChanged: !1
+  });
+  F({
+    didLogIdAndOrderWarning: !1,
+    didLogPanelConstraintsWarning: !1,
+    prevPanelIds: []
+  }), tn(i, () => ({
+    getId: () => C.current.id,
+    getLayout: () => {
+      const {
+        layout: u
+      } = b.current;
+      return u;
+    },
+    setLayout: (u) => {
+      const {
+        onLayout: g
+      } = C.current, {
+        layout: v,
+        panelDataArray: p
+      } = b.current, d = Ze({
+        layout: u,
+        panelConstraints: p.map((h) => h.constraints)
+      });
+      Je(v, d) || (S(d), b.current.layout = d, g && g(d), le(p, d, M.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({
+    committedValuesRef: C,
+    eagerValuesRef: b,
+    groupId: c,
+    layout: w,
+    panelDataArray: b.current.panelDataArray,
+    setLayout: S,
+    panelGroupElement: x.current
+  }), te(() => {
+    const {
+      panelDataArray: u
+    } = b.current;
+    if (e) {
+      if (w.length === 0 || w.length !== u.length)
+        return;
+      let g = Qe[e];
+      g == null && (g = ot(lt, at), Qe[e] = g);
+      const v = [...u], p = new Map(D.current);
+      g(e, v, p, w, s);
+    }
+  }, [e, w, s]), te(() => {
+  });
+  const K = B((u) => {
+    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,
+        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,
+          initialLayout: v,
+          panelConstraints: d,
+          pivotIndices: N,
+          prevLayout: v,
+          trigger: "imperative-api"
+        });
+        we(v, L) || (S(L), b.current.layout = L, g && g(L), le(p, L, M.current));
+      }
+    }
+  }, []), J = B((u, g) => {
+    const {
+      onLayout: v
+    } = C.current, {
+      layout: p,
+      panelDataArray: d
+    } = b.current;
+    if (u.constraints.collapsible) {
+      const h = 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,
+          initialLayout: p,
+          panelConstraints: h,
+          pivotIndices: X,
+          prevLayout: p,
+          trigger: "imperative-api"
+        });
+        we(p, T) || (S(T), b.current.layout = T, v && v(T), le(d, T, M.current));
+      }
+    }
+  }, []), V = B((u) => {
+    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) => {
+    const {
+      panelDataArray: v
+    } = b.current, p = ae(v, u);
+    return rt({
+      defaultSize: g,
+      dragState: y,
+      layout: w,
+      panelData: v,
+      panelIndex: p
+    });
+  }, [y, w]), k = B((u) => {
+    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) => {
+    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) => {
+    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;
+    }), b.current.panelDataArrayChanged = !0, R();
+  }, [R]);
+  re(() => {
+    if (b.current.panelDataArrayChanged) {
+      b.current.panelDataArrayChanged = !1;
+      const {
+        autoSaveId: u,
+        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);
+      }
+      h == null && (h = tt({
+        panelDataArray: d
+      }));
+      const E = Ze({
+        layout: h,
+        panelConstraints: d.map((N) => N.constraints)
+      });
+      Je(p, E) || (S(E), b.current.layout = E, g && g(E), le(d, E, M.current));
+    }
+  }), re(() => {
+    const u = b.current;
+    return () => {
+      u.layout = [];
+    };
+  }, []);
+  const H = B((u) => {
+    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)
+        return () => null;
+      const {
+        direction: E,
+        dragState: N,
+        id: q,
+        keyboardResizeBy: X,
+        onLayout: L
+      } = C.current, {
+        layout: U,
+        panelDataArray: ye
+      } = b.current, {
+        initialLayout: Pe
+      } = N ?? {}, Ne = hn(q, u, h);
+      let T = nt(d, u, E, N, X, h);
+      const Ke = E === "horizontal";
+      Ke && g && (T = -T);
+      const En = ye.map((Cn) => Cn.constraints), he = ze({
+        delta: T,
+        initialLayout: Pe ?? U,
+        panelConstraints: En,
+        pivotIndices: Ne,
+        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));
+    };
+  }, []), G = B((u, g) => {
+    const {
+      onLayout: v
+    } = C.current, {
+      layout: p,
+      panelDataArray: d
+    } = b.current, h = 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,
+      initialLayout: p,
+      panelConstraints: h,
+      pivotIndices: N,
+      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) => {
+    const {
+      layout: v,
+      panelDataArray: p
+    } = b.current, {
+      collapsedSize: d = 0,
+      collapsible: h
+    } = g, {
+      collapsedSize: E = 0,
+      collapsible: N,
+      maxSize: q = 100,
+      minSize: X = 0
+    } = u.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) => {
+    const {
+      direction: v
+    } = C.current, {
+      layout: p
+    } = 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);
+    I({
+      dragHandleId: u,
+      dragHandleRect: d.getBoundingClientRect(),
+      initialCursorPosition: h,
+      initialLayout: p
+    });
+  }, []), ge = B(() => {
+    I(null);
+  }, []), Me = B((u) => {
+    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(() => ({
+    collapsePanel: K,
+    direction: r,
+    dragState: y,
+    expandPanel: J,
+    getPanelSize: V,
+    getPanelStyle: _,
+    groupId: c,
+    isPanelCollapsed: k,
+    isPanelExpanded: ee,
+    reevaluatePanelConstraints: fe,
+    registerPanel: $,
+    registerResizeHandle: H,
+    resizePanel: G,
+    startDragging: pe,
+    stopDragging: ge,
+    unregisterPanel: Me,
+    panelGroupElement: x.current
+  }), [K, y, r, J, V, _, c, k, ee, fe, $, H, G, pe, ge, Me]), me = {
+    display: "flex",
+    flexDirection: r === "horizontal" ? "row" : "column",
+    height: "100%",
+    overflow: "hidden",
+    width: "100%"
+  };
+  return de(Re.Provider, {
+    value: ie
+  }, de(P, {
+    ...f,
+    children: n,
+    className: t,
+    id: o,
+    ref: x,
+    style: {
+      ...me,
+      ...m
+    },
+    // CSS selectors
+    [A.group]: "",
+    [A.groupDirection]: r,
+    [A.groupId]: c
+  }));
+}
+const wn = en((e, n) => de(Pn, {
+  ...e,
+  forwardedRef: n
+}));
+Pn.displayName = "PanelGroup";
+wn.displayName = "forwardRef(PanelGroup)";
+function ae(e, n) {
+  return e.findIndex((t) => t === n || t.id === n.id);
+}
+function ne(e, n, t) {
+  const r = ae(e, n), o = r === e.length - 1 ? [r - 1, r] : [r, r + 1], l = t[r];
+  return {
+    ...n.constraints,
+    panelSize: l,
+    pivotIndices: o
+  };
+}
+function st({
+  disabled: e,
+  handleId: n,
+  resizeHandler: t,
+  panelGroupElement: r
+}) {
+  te(() => {
+    if (e || t == null || r == null)
+      return;
+    const i = ke(n, r);
+    if (i == null)
+      return;
+    const o = (l) => {
+      if (!l.defaultPrevented)
+        switch (l.key) {
+          case "ArrowDown":
+          case "ArrowLeft":
+          case "ArrowRight":
+          case "ArrowUp":
+          case "End":
+          case "Home": {
+            l.preventDefault(), t(l);
+            break;
+          }
+          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}"`);
+            const P = l.shiftKey ? m > 0 ? m - 1 : s.length - 1 : m + 1 < s.length ? m + 1 : 0;
+            s[P].focus();
+            break;
+          }
+        }
+    };
+    return i.addEventListener("keydown", o), () => {
+      i.removeEventListener("keydown", o);
+    };
+  }, [r, e, n, t]);
+}
+function In({
+  children: e = null,
+  className: n = "",
+  disabled: t = !1,
+  hitAreaMargins: r,
+  id: i,
+  onBlur: o,
+  onClick: l,
+  onDragging: a,
+  onFocus: s,
+  onPointerDown: m,
+  onPointerUp: P,
+  style: f = {},
+  tabIndex: c = 0,
+  tagName: x = "div",
+  ...y
+}) {
+  var I, w;
+  const S = F(null), R = F({
+    onClick: l,
+    onDragging: a,
+    onPointerDown: m,
+    onPointerUp: P
+  });
+  te(() => {
+    R.current.onClick = l, R.current.onDragging = a, R.current.onPointerDown = m, R.current.onPointerUp = P;
+  });
+  const M = nn(Re);
+  if (M === null)
+    throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");
+  const {
+    direction: D,
+    groupId: O,
+    registerResizeHandle: C,
+    startDragging: b,
+    stopDragging: K,
+    panelGroupElement: J
+  } = M, V = Fe(i), [_, k] = ce("inactive"), [ee, $] = ce(!1), [H, G] = ce(null), fe = F({
+    state: _
+  });
+  re(() => {
+    fe.current.state = _;
+  }), te(() => {
+    if (t)
+      G(null);
+    else {
+      const ie = C(V);
+      G(() => ie);
+    }
+  }, [t, V, 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 || H == null)
+      return;
+    const ie = S.current;
+    z(ie, "Element ref not attached");
+    let me = !1;
+    return jn(V, ie, D, {
+      coarse: pe,
+      fine: ge
+    }, (g, v, p) => {
+      if (!v) {
+        k("inactive");
+        return;
+      }
+      switch (g) {
+        case "down": {
+          k("drag"), me = !1, z(p, 'Expected event to be defined for "down" action'), b(V, p);
+          const {
+            onDragging: d,
+            onPointerDown: h
+          } = R.current;
+          d == null || d(!0), h == null || h();
+          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);
+          break;
+        }
+        case "up": {
+          k("hover"), K();
+          const {
+            onClick: d,
+            onDragging: h,
+            onPointerUp: E
+          } = R.current;
+          h == null || h(!1), E == null || E(), me || d == null || d();
+          break;
+        }
+      }
+    });
+  }, [pe, D, t, ge, C, V, H, b, K]), st({
+    disabled: t,
+    handleId: V,
+    resizeHandler: H,
+    panelGroupElement: J
+  }), de(x, {
+    ...y,
+    children: e,
+    className: n,
+    id: i,
+    onBlur: () => {
+      $(!1), o == null || o();
+    },
+    onFocus: () => {
+      $(!0), s == null || s();
+    },
+    ref: S,
+    role: "separator",
+    style: {
+      ...{
+        touchAction: "none",
+        userSelect: "none"
+      },
+      ...f
+    },
+    tabIndex: c,
+    // CSS selectors
+    [A.groupDirection]: D,
+    [A.groupId]: O,
+    [A.resizeHandle]: "",
+    [A.resizeHandleActive]: _ === "drag" ? "pointer" : ee ? "keyboard" : void 0,
+    [A.resizeHandleEnabled]: !t,
+    [A.resizeHandleId]: V,
+    [A.resizeHandleState]: _
+  });
+}
+In.displayName = "PanelResizeHandle";
+function pt({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ ve(
+    wn,
+    {
+      className: rn(
+        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+        e
+      ),
+      "data-slot": "resizable-panel-group",
+      ...n
+    }
+  );
+}
+function gt({
+  ...e
+}) {
+  return /* @__PURE__ */ ve(ln, { "data-slot": "resizable-panel", ...e });
+}
+function mt({
+  withHandle: e,
+  className: n,
+  ...t
+}) {
+  return /* @__PURE__ */ ve(
+    In,
+    {
+      className: rn(
+        "after:-translate-x-1/2 data-[panel-group-direction=vertical]:after:-translate-y-1/2 relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        n
+      ),
+      "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" }) })
+    }
+  );
+}
+export {
+  mt as ResizableHandle,
+  gt as ResizablePanel,
+  pt as ResizablePanelGroup
+};