@humain/ui 2.2.2 → 2.2.3

package/dist/wc-react/hf-app-shell.js

@@ -1,17 +1,17 @@
-import { f as X, i as Ln, l as ht, o as Rn, t as En, u as kn } from "./_shared.js";
-import { t as $t } from "./createLucideIcon.js";
-import { _ as Mn, i as Dn, v as In, y as Nn } from "./sidebar.js";
-import { a as Bt, i as An, n as vt, r as Tn, t as On } from "./AppShellContent.js";
+import { f as Y, i as En, l as ht, o as Rn, t as kn, u as Mn } from "./_shared.js";
+import { t as Bt } from "./createLucideIcon.js";
+import { b as Dn, n as In, o as An, t as vt, x as Nn, y as Tn } from "./AppSidebar.constants.js";
+import { a as _t, i as On, n as bt, r as Fn, t as $n } from "./AppShellContent.js";
 import * as w from "react";
-import Fn, { createContext as $n, useCallback as jt, useContext as Bn, useEffect as Te, useId as jn, useImperativeHandle as _t, useLayoutEffect as _n, useMemo as Gn, useRef as Z, useState as Ne, useSyncExternalStore as Wn } from "react";
+import Bn, { createContext as _n, useCallback as jt, useContext as jn, useEffect as Te, useId as Wn, useImperativeHandle as Wt, useLayoutEffect as Gn, useMemo as Hn, useRef as Z, useState as Ae, useSyncExternalStore as Vn } from "react";
 import { jsx as P, jsxs as le } from "react/jsx-runtime";
-var Hn = [["path", {
+var Un = [["path", {
   d: "m9 7-5 5 5 5",
   key: "j5w590"
 }], ["path", {
   d: "m15 7 5 5-5 5",
   key: "1bl6da"
-}]], Vn = $t("chevrons-left-right", Hn), Un = [
+}]], qn = Bt("chevrons-left-right", Un), Xn = [
   ["path", {
     d: "M4 5h16",
     key: "1tepv9"
@@ -24,22 +24,22 @@ var Hn = [["path", {
     d: "M4 19h16",
     key: "1djgab"
   }]
-], qn = $t("menu", Un);
-function Yn(e, t) {
+], Yn = Bt("menu", Xn);
+function Kn(e, t) {
   const n = getComputedStyle(e);
   return t * parseFloat(n.fontSize);
 }
-function Xn(e, t) {
+function Jn(e, t) {
   const n = getComputedStyle(e.ownerDocument.documentElement);
   return t * parseFloat(n.fontSize);
 }
-function Kn(e) {
+function Zn(e) {
   return e / 100 * window.innerHeight;
 }
-function Jn(e) {
+function Qn(e) {
   return e / 100 * window.innerWidth;
 }
-function Zn(e) {
+function er(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -51,7 +51,7 @@ function Zn(e) {
 }
 function we({ groupSize: e, panelElement: t, styleProp: n }) {
   let r;
-  const [a, o] = Zn(n);
+  const [a, o] = er(n);
   switch (o) {
     case "%":
       r = a / 100 * e;
@@ -60,28 +60,28 @@ function we({ groupSize: e, panelElement: t, styleProp: n }) {
       r = a;
       break;
     case "rem":
-      r = Xn(t, a);
+      r = Jn(t, a);
       break;
     case "em":
-      r = Yn(t, a);
+      r = Kn(t, a);
       break;
     case "vh":
-      r = Kn(a);
+      r = Zn(a);
       break;
     case "vw":
-      r = Jn(a);
+      r = Qn(a);
       break;
   }
   return r;
 }
-function _(e) {
+function j(e) {
   return parseFloat(e.toFixed(3));
 }
 function ye({ group: e }) {
   const { orientation: t, panels: n } = e;
   return n.reduce((r, a) => (r += t === "horizontal" ? a.element.offsetWidth : a.element.offsetHeight, r), 0);
 }
-function je(e) {
+function _e(e) {
   const { panels: t } = e, n = ye({ group: e });
   return n === 0 ? t.map((r) => ({
     groupResizeBehavior: r.panelConstraints.groupResizeBehavior,
@@ -95,25 +95,25 @@ function je(e) {
   })) : t.map((r) => {
     const { element: a, panelConstraints: o } = r;
     let c = 0;
-    o.collapsedSize !== void 0 && (c = _(we({
+    o.collapsedSize !== void 0 && (c = j(we({
       groupSize: n,
       panelElement: a,
       styleProp: o.collapsedSize
     }) / n * 100));
     let i;
-    o.defaultSize !== void 0 && (i = _(we({
+    o.defaultSize !== void 0 && (i = j(we({
       groupSize: n,
       panelElement: a,
       styleProp: o.defaultSize
     }) / n * 100));
     let s = 0;
-    o.minSize !== void 0 && (s = _(we({
+    o.minSize !== void 0 && (s = j(we({
       groupSize: n,
       panelElement: a,
       styleProp: o.minSize
     }) / n * 100));
     let d = 100;
-    return o.maxSize !== void 0 && (d = _(we({
+    return o.maxSize !== void 0 && (d = j(we({
       groupSize: n,
       panelElement: a,
       styleProp: o.maxSize
@@ -132,44 +132,44 @@ function je(e) {
 function D(e, t = "Assertion error") {
   if (!e) throw Error(t);
 }
-function _e(e, t) {
-  return Array.from(t).sort(e === "horizontal" ? Qn : er);
+function je(e, t) {
+  return Array.from(t).sort(e === "horizontal" ? tr : nr);
 }
-function Qn(e, t) {
+function tr(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function er(e, t) {
+function nr(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
 function Gt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function Wt(e, t) {
+function Ht(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(Math.abs(e.x - t.left), Math.abs(e.x - t.right)),
     y: e.y >= t.top && e.y <= t.bottom ? 0 : Math.min(Math.abs(e.y - t.top), Math.abs(e.y - t.bottom))
   };
 }
-function tr({ orientation: e, rects: t, targetRect: n }) {
+function rr({ orientation: e, rects: t, targetRect: n }) {
   const r = {
     x: n.x + n.width / 2,
     y: n.y + n.height / 2
   };
   let a, o = Number.MAX_VALUE;
   for (const c of t) {
-    const { x: i, y: s } = Wt(r, c), d = e === "horizontal" ? i : s;
+    const { x: i, y: s } = Ht(r, c), d = e === "horizontal" ? i : s;
     d < o && (o = d, a = c);
   }
   return D(a, "No rect found"), a;
 }
 var De;
-function nr() {
+function ar() {
   return De === void 0 && (typeof matchMedia == "function" ? De = !!matchMedia("(pointer:coarse)").matches : De = !1), De;
 }
-function Ht(e) {
-  const { element: t, orientation: n, panels: r, separators: a } = e, o = _e(n, Array.from(t.children).filter(Gt).map((h) => ({ element: h }))).map(({ element: h }) => h), c = [];
+function Vt(e) {
+  const { element: t, orientation: n, panels: r, separators: a } = e, o = je(n, Array.from(t.children).filter(Gt).map((h) => ({ element: h }))).map(({ element: h }) => h), c = [];
   let i = !1, s = !1, d = -1, l = -1, u = 0, g, f = [];
   {
     let h = -1;
@@ -192,7 +192,7 @@ function Ht(e) {
                 break;
               case 1: {
                 const k = f[0];
-                z = [k, tr({
+                z = [k, rr({
                   orientation: n,
                   rects: [b, m],
                   targetRect: k.element.getBoundingClientRect()
@@ -206,14 +206,14 @@ function Ht(e) {
           } else f.length ? z = f : z = [n === "horizontal" ? new DOMRect(b.right, m.top, m.left - b.right, m.height) : new DOMRect(m.left, b.bottom, m.width, m.top - b.bottom)];
           for (const x of z) {
             let S = "width" in x ? x : x.element.getBoundingClientRect();
-            const k = nr() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
+            const k = ar() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
             if (S.width < k) {
-              const A = k - S.width;
-              S = new DOMRect(S.x - A / 2, S.y, S.width + A, S.height);
+              const N = k - S.width;
+              S = new DOMRect(S.x - N / 2, S.y, S.width + N, S.height);
             }
             if (S.height < k) {
-              const A = k - S.height;
-              S = new DOMRect(S.x, S.y - A / 2, S.width, S.height + A);
+              const N = k - S.height;
+              S = new DOMRect(S.x, S.y - N / 2, S.width, S.height + N);
             }
             !i && !(h <= d || h > l) && c.push({
               group: e,
@@ -234,7 +234,7 @@ function Ht(e) {
   }
   return c;
 }
-var Vt = class {
+var Ut = class {
   #e = {};
   addListener(e, t) {
     const n = this.#e[e];
@@ -272,14 +272,14 @@ var Vt = class {
 }, ge = {
   cursorFlags: 0,
   state: "inactive"
-}, qe = new Vt();
+}, qe = new Ut();
 function ue() {
   return ge;
 }
-function rr(e) {
+function or(e) {
   return qe.addListener("change", e);
 }
-function ar(e) {
+function ir(e) {
   const t = ge, n = { ...ge };
   n.cursorFlags = e, ge = n, qe.emit("change", {
     prev: t,
@@ -293,12 +293,12 @@ function me(e) {
     next: e
   });
 }
-var or = (e) => e, $e = () => {
-}, Ut = 1, qt = 2, Yt = 4, Xt = 8, bt = 3, gt = 12, Ie;
-function mt() {
+var sr = (e) => e, $e = () => {
+}, qt = 1, Xt = 2, Yt = 4, Kt = 8, gt = 3, mt = 12, Ie;
+function yt() {
   return Ie === void 0 && (Ie = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Ie = !0)), Ie;
 }
-function ir({ cursorFlags: e, groups: t, state: n }) {
+function lr({ cursorFlags: e, groups: t, state: n }) {
   let r = 0, a = 0;
   switch (n) {
     case "active":
@@ -317,8 +317,8 @@ function ir({ cursorFlags: e, groups: t, state: n }) {
   if (!(r === 0 && a === 0)) {
     switch (n) {
       case "active":
-        if (e && mt()) {
-          const o = (e & Ut) !== 0, c = (e & qt) !== 0, i = (e & Yt) !== 0, s = (e & Xt) !== 0;
+        if (e && yt()) {
+          const o = (e & qt) !== 0, c = (e & Xt) !== 0, i = (e & Yt) !== 0, s = (e & Kt) !== 0;
           if (o) return i ? "se-resize" : s ? "ne-resize" : "e-resize";
           if (c) return i ? "sw-resize" : s ? "nw-resize" : "w-resize";
           if (i) return "s-resize";
@@ -326,19 +326,19 @@ function ir({ cursorFlags: e, groups: t, state: n }) {
         }
         break;
     }
-    return mt() ? r > 0 && a > 0 ? "move" : r > 0 ? "ew-resize" : "ns-resize" : r > 0 && a > 0 ? "grab" : r > 0 ? "col-resize" : "row-resize";
+    return yt() ? r > 0 && a > 0 ? "move" : r > 0 ? "ew-resize" : "ns-resize" : r > 0 && a > 0 ? "grab" : r > 0 ? "col-resize" : "row-resize";
   }
 }
-var yt = /* @__PURE__ */ new WeakMap();
-function Ye(e) {
+var St = /* @__PURE__ */ new WeakMap();
+function Xe(e) {
   if (e.defaultView === null || e.defaultView === void 0) return;
-  let { prevStyle: t, styleSheet: n } = yt.get(e) ?? {};
+  let { prevStyle: t, styleSheet: n } = St.get(e) ?? {};
   n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets && (Object.isExtensible(e.adoptedStyleSheets) ? e.adoptedStyleSheets.push(n) : e.adoptedStyleSheets = [...e.adoptedStyleSheets, n]));
   const r = ue();
   switch (r.state) {
     case "active":
     case "hover": {
-      const a = ir({
+      const a = lr({
         cursorFlags: r.cursorFlags,
         groups: r.hitRegions.map((c) => c.group),
         state: r.state
@@ -351,16 +351,16 @@ function Ye(e) {
       t = void 0, n.cssRules.length === 1 && n.deleteRule(0);
       break;
   }
-  yt.set(e, {
+  St.set(e, {
     prevStyle: t,
     styleSheet: n
   });
 }
-var Q = /* @__PURE__ */ new Map(), Kt = new Vt();
-function sr(e) {
+var Q = /* @__PURE__ */ new Map(), Jt = new Ut();
+function ur(e) {
   Q = new Map(Q), Q.delete(e);
 }
-function St(e, t) {
+function zt(e, t) {
   for (const [n] of Q) if (n.id === e) return n;
 }
 function oe(e, t) {
@@ -370,41 +370,41 @@ function oe(e, t) {
 function pe() {
   return Q;
 }
-function Xe(e, t) {
-  return Kt.addListener("groupChange", (n) => {
+function Ye(e, t) {
+  return Jt.addListener("groupChange", (n) => {
     n.group.id === e && t(n);
   });
 }
 function re(e, t, n) {
   const r = Q.get(e);
-  Q = new Map(Q), Q.set(e, t), Kt.emit("groupChange", {
+  Q = new Map(Q), Q.set(e, t), Jt.emit("groupChange", {
     group: e,
     isUserInteraction: n?.isUserInteraction === !0,
     prev: r,
     next: t
   });
 }
-function Jt(e) {
+function Zt(e) {
   const t = ue();
   let n = !1;
   return t.state === "active" && (me({
     cursorFlags: 0,
     state: "inactive"
-  }), t.hitRegions.length > 0 && (Ye(e), n = !0, t.hitRegions.forEach((r) => {
+  }), t.hitRegions.length > 0 && (Xe(e), n = !0, t.hitRegions.forEach((r) => {
     const a = oe(r.group.id, !0);
     re(r.group, a, { isUserInteraction: !0 });
   }))), n;
 }
-function zt(e) {
-  e.defaultPrevented || Jt(e.currentTarget);
+function xt(e) {
+  e.defaultPrevented || Zt(e.currentTarget);
 }
-function lr(e, t, n) {
+function dr(e, t, n) {
   let r, a = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const o of t) {
-    const c = Wt(n, o.rect);
+    const c = Ht(n, o.rect);
     switch (e) {
       case "horizontal":
         c.x <= a.x && (r = o, a = c);
@@ -419,21 +419,21 @@ function lr(e, t, n) {
     hitRegion: r
   } : void 0;
 }
-function ur(e) {
+function cr(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function dr(e, t) {
+function pr(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: Ct(e),
-    b: Ct(t)
+    a: Pt(e),
+    b: Pt(t)
   };
   let r;
   for (; n.a.at(-1) === n.b.at(-1); ) r = n.a.pop(), n.b.pop();
   D(r, "Stacking order can only be calculated for elements with a common ancestor");
   const a = {
-    a: wt(xt(n.a)),
-    b: wt(xt(n.b))
+    a: Ct(wt(n.a)),
+    b: Ct(wt(n.b))
   };
   if (a.a === a.b) {
     const o = r.childNodes, c = {
@@ -449,45 +449,45 @@ function dr(e, t) {
   }
   return Math.sign(a.a - a.b);
 }
-var cr = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function pr(e) {
-  const t = getComputedStyle(Zt(e) ?? e).display;
+var fr = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function hr(e) {
+  const t = getComputedStyle(Qt(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function fr(e) {
+function vr(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || pr(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || cr.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || hr(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || fr.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function xt(e) {
+function wt(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (D(n, "Missing node"), fr(n)) return n;
+    if (D(n, "Missing node"), vr(n)) return n;
   }
   return null;
 }
-function wt(e) {
+function Ct(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function Ct(e) {
+function Pt(e) {
   const t = [];
-  for (; e; ) t.push(e), e = Zt(e);
+  for (; e; ) t.push(e), e = Qt(e);
   return t;
 }
-function Zt(e) {
+function Qt(e) {
   const { parentNode: t } = e;
-  return ur(t) ? t.host : t;
+  return cr(t) ? t.host : t;
 }
-function hr(e, t) {
+function br(e, t) {
   return e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y;
 }
-function vr({ groupElement: e, hitRegion: t, pointerEventTarget: n }) {
+function gr({ groupElement: e, hitRegion: t, pointerEventTarget: n }) {
   if (!Gt(n) || n.contains(e) || e.contains(n)) return !0;
-  if (dr(n, e) > 0) {
+  if (pr(n, e) > 0) {
     let r = n;
     for (; r; ) {
       if (r.contains(e)) return !0;
-      if (hr(r.getBoundingClientRect(), t)) return !1;
+      if (br(r.getBoundingClientRect(), t)) return !1;
       r = r.parentElement;
     }
   }
@@ -497,24 +497,24 @@ function Ke(e, t) {
   const n = [];
   return t.forEach((r, a) => {
     if (a.disabled) return;
-    const o = Ht(a), c = lr(a.orientation, o, {
+    const o = Vt(a), c = dr(a.orientation, o, {
       x: e.clientX,
       y: e.clientY
     });
-    c && c.distance.x <= 0 && c.distance.y <= 0 && vr({
+    c && c.distance.x <= 0 && c.distance.y <= 0 && gr({
       groupElement: a.element,
       hitRegion: c.hitRegion.rect,
       pointerEventTarget: e.target
     }) && n.push(c.hitRegion);
   }), n;
 }
-function br(e, t) {
+function mr(e, t) {
   if (e.length !== t.length) return !1;
   for (let n = 0; n < e.length; n++) if (e[n] != t[n]) return !1;
   return !0;
 }
 function $(e, t, n = 0) {
-  return Math.abs(_(e) - _(t)) <= n;
+  return Math.abs(j(e) - j(t)) <= n;
 }
 function J(e, t) {
   return $(e, t) ? 0 : e > t ? 1 : -1;
@@ -526,7 +526,7 @@ function be({ overrideDisabledPanels: e, panelConstraints: t, prevSize: n, size:
     const d = (a + s) / 2;
     J(r, d) < 0 ? r = a : r = s;
   } else r = s;
-  return r = Math.min(i, r), r = _(r), r;
+  return r = Math.min(i, r), r = j(r), r;
 }
 function Pe({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: r, prevLayout: a, trigger: o }) {
   if ($(e, 0)) return t;
@@ -606,7 +606,7 @@ function Pe({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: r,
       e < 0 ? h-- : h++;
     }
   }
-  if (br(s, d)) return a;
+  if (mr(s, d)) return a;
   {
     const h = e < 0 ? u : l, p = i[h];
     D(p != null, `Previous layout not found for panel index ${h}`);
@@ -676,7 +676,7 @@ function ce({ layout: e, panelConstraints: t }) {
   const c = Object.keys(e);
   return r.reduce((i, s, d) => (i[c[d]] = s, i), {});
 }
-function Qt({ groupId: e, panelId: t }) {
+function en({ groupId: e, panelId: t }) {
   const n = () => {
     const s = pe();
     for (const [d, { defaultLayoutDeferred: l, derivedPanelConstraints: u, layout: g, groupSize: f, separatorToPanels: h }] of s) if (d.id === e) return {
@@ -709,7 +709,7 @@ function Qt({ groupId: e, panelId: t }) {
       const v = d.slice(0, f).reduce((b, m) => b + l[m.id], 0);
       return {
         ...l,
-        [t]: _(100 - v)
+        [t]: j(100 - v)
       };
     }
     return Pe({
@@ -763,7 +763,7 @@ function Qt({ groupId: e, panelId: t }) {
       return s && $(d, l);
     },
     resize: (s) => {
-      const { group: d } = n(), { element: l } = a(), u = ye({ group: d }), g = _(we({
+      const { group: d } = n(), { element: l } = a(), u = ye({ group: d }), g = j(we({
         groupSize: u,
         panelElement: l,
         styleProp: s
@@ -772,12 +772,12 @@ function Qt({ groupId: e, panelId: t }) {
     }
   };
 }
-function Pt(e) {
+function Lt(e) {
   e.defaultPrevented || Ke(e, pe()).forEach((t) => {
     if (t.separator && !t.separator.disableDoubleClick) {
       const n = t.panels.find((r) => r.panelConstraints.defaultSize !== void 0);
       if (n) {
-        const r = n.panelConstraints.defaultSize, a = Qt({
+        const r = n.panelConstraints.defaultSize, a = en({
           groupId: t.group.id,
           panelId: n.id
         });
@@ -786,12 +786,12 @@ function Pt(e) {
     }
   });
 }
-function Ae(e) {
+function Ne(e) {
   const t = pe();
   for (const [n] of t) if (n.separators.some((r) => r.element === e)) return n;
   throw Error("Could not find parent Group for separator element");
 }
-function en({ groupId: e }) {
+function tn({ groupId: e }) {
   const t = () => {
     const n = pe();
     for (const [r, a] of n) if (r.id === e) return {
@@ -821,11 +821,11 @@ function en({ groupId: e }) {
   };
 }
 function se(e, t) {
-  const n = Ae(e), r = oe(n.id, !0), a = n.separators.find((d) => d.element === e);
+  const n = Ne(e), r = oe(n.id, !0), a = n.separators.find((d) => d.element === e);
   D(a, "Matching separator not found");
   const o = r.separatorToPanels.get(a);
   D(o, "Matching panels not found");
-  const c = o.map((d) => n.panels.indexOf(d)), i = en({ groupId: n.id }).getLayout(), s = ce({
+  const c = o.map((d) => n.panels.indexOf(d)), i = tn({ groupId: n.id }).getLayout(), s = ce({
     layout: Pe({
       delta: t,
       initialLayout: i,
@@ -844,9 +844,9 @@ function se(e, t) {
     separatorToPanels: r.separatorToPanels
   }, { isUserInteraction: !0 });
 }
-function Lt(e) {
+function Et(e) {
   if (e.defaultPrevented) return;
-  const t = e.currentTarget, n = Ae(t);
+  const t = e.currentTarget, n = Ne(t);
   if (!n.disabled) switch (e.key) {
     case "ArrowDown":
       e.preventDefault(), n.orientation === "vertical" && se(t, 5);
@@ -865,7 +865,7 @@ function Lt(e) {
       break;
     case "Enter": {
       e.preventDefault();
-      const r = Ae(t), { derivedPanelConstraints: a, layout: o, separatorToPanels: c } = oe(r.id, !0), i = r.separators.find((u) => u.element === t);
+      const r = Ne(t), { derivedPanelConstraints: a, layout: o, separatorToPanels: c } = oe(r.id, !0), i = r.separators.find((u) => u.element === t);
       D(i, "Matching separator not found");
       const s = c.get(i);
       D(s, "Matching panels not found");
@@ -878,7 +878,7 @@ function Lt(e) {
     }
     case "F6": {
       e.preventDefault();
-      const r = Ae(t).separators.map((o) => o.element), a = Array.from(r).findIndex((o) => o === e.currentTarget);
+      const r = Ne(t).separators.map((o) => o.element), a = Array.from(r).findIndex((o) => o === e.currentTarget);
       D(a !== null, "Index not found"), r[e.shiftKey ? a > 0 ? a - 1 : r.length - 1 : a + 1 < r.length ? a + 1 : 0].focus({ preventScroll: !0 });
       break;
     }
@@ -909,7 +909,7 @@ function Rt(e) {
     state: "active"
   }), n.length && e.preventDefault();
 }
-function tn({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mountedGroups: a, pointerDownAtPoint: o, prevCursorFlags: c }) {
+function nn({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mountedGroups: a, pointerDownAtPoint: o, prevCursorFlags: c }) {
   let i = 0;
   n.forEach((d) => {
     const { group: l, groupSize: u } = d, { orientation: g, panels: f } = l, { disableCursor: h } = l.mutableState;
@@ -919,7 +919,7 @@ function tn({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mounted
     if (!v || !b) return;
     const { defaultLayoutDeferred: m, derivedPanelConstraints: z, groupSize: x, layout: S, separatorToPanels: k } = b;
     if (z && S && k) {
-      const A = Pe({
+      const N = Pe({
         delta: p,
         initialLayout: v,
         panelConstraints: z,
@@ -927,30 +927,30 @@ function tn({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mounted
         prevLayout: S,
         trigger: "mouse-or-touch"
       });
-      if (de(A, S)) {
+      if (de(N, S)) {
         if (p !== 0 && !h) switch (g) {
           case "horizontal":
-            i |= p < 0 ? Ut : qt;
+            i |= p < 0 ? qt : Xt;
             break;
           case "vertical":
-            i |= p < 0 ? Yt : Xt;
+            i |= p < 0 ? Yt : Kt;
             break;
         }
       } else re(d.group, {
         defaultLayoutDeferred: m,
         derivedPanelConstraints: z,
         groupSize: x,
-        layout: A,
+        layout: N,
         separatorToPanels: k
       });
     }
   });
   let s = 0;
-  t.movementX === 0 ? s |= c & bt : s |= i & bt, t.movementY === 0 ? s |= c & gt : s |= i & gt, ar(s), Ye(e);
+  t.movementX === 0 ? s |= c & gt : s |= i & gt, t.movementY === 0 ? s |= c & mt : s |= i & mt, ir(s), Xe(e);
 }
-function Et(e) {
+function kt(e) {
   const t = pe(), n = ue();
-  n.state === "active" && tn({
+  n.state === "active" && nn({
     document: e.currentTarget,
     event: e,
     hitRegions: n.hitRegions,
@@ -959,7 +959,7 @@ function Et(e) {
     prevCursorFlags: n.cursorFlags
   });
 }
-function kt(e) {
+function Mt(e) {
   if (e.defaultPrevented) return;
   const t = ue(), n = pe();
   switch (t.state) {
@@ -978,7 +978,7 @@ function kt(e) {
         const { element: a } = r.separator;
         a.hasPointerCapture?.(e.pointerId) || a.setPointerCapture?.(e.pointerId);
       }
-      tn({
+      nn({
         document: e.currentTarget,
         event: e,
         hitRegions: t.hitRegions,
@@ -997,51 +997,51 @@ function kt(e) {
         cursorFlags: 0,
         hitRegions: r,
         state: "hover"
-      }), Ye(e.currentTarget);
+      }), Xe(e.currentTarget);
       break;
     }
   }
 }
-function Mt(e) {
+function Dt(e) {
   e.relatedTarget instanceof HTMLIFrameElement && ue().state === "hover" && me({
     cursorFlags: 0,
     state: "inactive"
   });
 }
-function Dt(e) {
-  e.defaultPrevented || e.pointerType === "mouse" && e.button > 0 || Jt(e.currentTarget) && e.preventDefault();
-}
 function It(e) {
+  e.defaultPrevented || e.pointerType === "mouse" && e.button > 0 || Zt(e.currentTarget) && e.preventDefault();
+}
+function At(e) {
   let t = 0, n = 0;
   const r = {};
   for (const o of e) if (o.defaultSize !== void 0) {
     t++;
-    const c = _(o.defaultSize);
+    const c = j(o.defaultSize);
     n += c, r[o.panelId] = c;
   } else r[o.panelId] = void 0;
   const a = e.length - t;
   if (a !== 0) {
-    const o = _((100 - n) / a);
+    const o = j((100 - n) / a);
     for (const c of e) c.defaultSize === void 0 && (r[c.panelId] = o);
   }
   return r;
 }
-function gr(e, t, n) {
+function yr(e, t, n) {
   if (!n[0]) return;
   const r = e.panels.find((s) => s.element === t);
   if (!r || !r.onResize) return;
   const a = ye({ group: e }), o = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, c = r.mutableValues.prevSize, i = {
-    asPercentage: _(o / a * 100),
+    asPercentage: j(o / a * 100),
     inPixels: o
   };
   r.mutableValues.prevSize = i, r.onResize(i, r.id, c);
 }
-function mr(e, t) {
+function Sr(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length) return !1;
   for (const n in e) if (e[n] !== t[n]) return !1;
   return !0;
 }
-function yr({ group: e, nextGroupSize: t, prevGroupSize: n, prevLayout: r }) {
+function zr({ group: e, nextGroupSize: t, prevGroupSize: n, prevLayout: r }) {
   if (n <= 0 || t <= 0 || n === t) return r;
   let a = 0, o = 0, c = !1;
   const i = /* @__PURE__ */ new Map(), s = [];
@@ -1049,7 +1049,7 @@ function yr({ group: e, nextGroupSize: t, prevGroupSize: n, prevLayout: r }) {
     const g = r[u.id] ?? 0;
     if (u.panelConstraints.groupResizeBehavior === "preserve-pixel-size") {
       c = !0;
-      const f = _(g / 100 * n / t * 100);
+      const f = j(g / 100 * n / t * 100);
       i.set(u.id, f), a += f;
     } else
       s.push(u.id), o += g;
@@ -1058,21 +1058,21 @@ function yr({ group: e, nextGroupSize: t, prevGroupSize: n, prevLayout: r }) {
   const d = 100 - a, l = { ...r };
   if (i.forEach((u, g) => {
     l[g] = u;
-  }), o > 0) for (const u of s) l[u] = _((r[u] ?? 0) / o * d);
+  }), o > 0) for (const u of s) l[u] = j((r[u] ?? 0) / o * d);
   else {
-    const u = _(d / s.length);
+    const u = j(d / s.length);
     for (const g of s) l[g] = u;
   }
   return l;
 }
-function Sr(e, t) {
+function xr(e, t) {
   const n = e.map((a) => a.id), r = Object.keys(t);
   if (n.length !== r.length) return !1;
   for (const a of n) if (!r.includes(a)) return !1;
   return !0;
 }
 var ve = /* @__PURE__ */ new Map();
-function zr(e) {
+function wr(e) {
   let t = !0;
   D(e.element.ownerDocument.defaultView, "Cannot register an unmounted Group");
   const n = e.element.ownerDocument.defaultView.ResizeObserver, r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = new n((f) => {
@@ -1084,8 +1084,8 @@ function zr(e) {
           if (b === 0) return;
           const m = oe(e.id);
           if (!m) return;
-          const z = je(e), x = m.defaultLayoutDeferred ? It(z) : m.layout, S = ce({
-            layout: yr({
+          const z = _e(e), x = m.defaultLayoutDeferred ? At(z) : m.layout, S = ce({
+            layout: zr({
               group: e,
               nextGroupSize: b,
               prevGroupSize: m.groupSize,
@@ -1093,7 +1093,7 @@ function zr(e) {
             }),
             panelConstraints: z
           });
-          if (!m.defaultLayoutDeferred && de(m.layout, S) && mr(m.derivedPanelConstraints, z) && m.groupSize === b) return;
+          if (!m.defaultLayoutDeferred && de(m.layout, S) && Sr(m.derivedPanelConstraints, z) && m.groupSize === b) return;
           re(e, {
             defaultLayoutDeferred: !1,
             derivedPanelConstraints: z,
@@ -1102,22 +1102,22 @@ function zr(e) {
             separatorToPanels: m.separatorToPanels
           });
         }
-      } else gr(e, v, p);
+      } else yr(e, v, p);
     }
   });
   o.observe(e.element), e.panels.forEach((f) => {
     D(!r.has(f.id), `Panel ids must be unique; id "${f.id}" was used more than once`), r.add(f.id), f.onResize && o.observe(f.element);
   });
-  const c = ye({ group: e }), i = je(e), s = e.panels.map(({ id: f }) => f).join(",");
+  const c = ye({ group: e }), i = _e(e), s = e.panels.map(({ id: f }) => f).join(",");
   let d = e.mutableState.defaultLayout;
-  d && (Sr(e.panels, d) || (d = void 0));
+  d && (xr(e.panels, d) || (d = void 0));
   const l = ce({
-    layout: e.mutableState.layouts[s] ?? d ?? It(i),
+    layout: e.mutableState.layouts[s] ?? d ?? At(i),
     panelConstraints: i
   }), u = e.element.ownerDocument;
   ve.set(u, (ve.get(u) ?? 0) + 1);
   const g = /* @__PURE__ */ new Map();
-  return Ht(e).forEach((f) => {
+  return Vt(e).forEach((f) => {
     f.separator && g.set(f.separator, f.panels);
   }), re(e, {
     defaultLayoutDeferred: c === 0,
@@ -1126,22 +1126,22 @@ function zr(e) {
     layout: l,
     separatorToPanels: g
   }), e.separators.forEach((f) => {
-    D(!a.has(f.id), `Separator ids must be unique; id "${f.id}" was used more than once`), a.add(f.id), f.element.addEventListener("keydown", Lt);
-  }), ve.get(u) === 1 && (u.addEventListener("contextmenu", zt, !0), u.addEventListener("dblclick", Pt, !0), u.addEventListener("pointerdown", Rt, !0), u.addEventListener("pointerleave", Et), u.addEventListener("pointermove", kt), u.addEventListener("pointerout", Mt), u.addEventListener("pointerup", Dt, !0)), function() {
-    t = !1, ve.set(u, Math.max(0, (ve.get(u) ?? 0) - 1)), sr(e), e.separators.forEach((f) => {
-      f.element.removeEventListener("keydown", Lt);
-    }), ve.get(u) || (u.removeEventListener("contextmenu", zt, !0), u.removeEventListener("dblclick", Pt, !0), u.removeEventListener("pointerdown", Rt, !0), u.removeEventListener("pointerleave", Et), u.removeEventListener("pointermove", kt), u.removeEventListener("pointerout", Mt), u.removeEventListener("pointerup", Dt, !0)), o.disconnect();
+    D(!a.has(f.id), `Separator ids must be unique; id "${f.id}" was used more than once`), a.add(f.id), f.element.addEventListener("keydown", Et);
+  }), ve.get(u) === 1 && (u.addEventListener("contextmenu", xt, !0), u.addEventListener("dblclick", Lt, !0), u.addEventListener("pointerdown", Rt, !0), u.addEventListener("pointerleave", kt), u.addEventListener("pointermove", Mt), u.addEventListener("pointerout", Dt), u.addEventListener("pointerup", It, !0)), function() {
+    t = !1, ve.set(u, Math.max(0, (ve.get(u) ?? 0) - 1)), ur(e), e.separators.forEach((f) => {
+      f.element.removeEventListener("keydown", Et);
+    }), ve.get(u) || (u.removeEventListener("contextmenu", xt, !0), u.removeEventListener("dblclick", Lt, !0), u.removeEventListener("pointerdown", Rt, !0), u.removeEventListener("pointerleave", kt), u.removeEventListener("pointermove", Mt), u.removeEventListener("pointerout", Dt), u.removeEventListener("pointerup", It, !0)), o.disconnect();
   };
 }
-function xr() {
-  const [e, t] = Ne({});
+function Cr() {
+  const [e, t] = Ae({});
   return [e, jt(() => t({}), [])];
 }
 function Je(e) {
-  const t = jn();
+  const t = Wn();
   return `${e ?? t}`;
 }
-var fe = typeof window < "u" ? _n : Te;
+var fe = typeof window < "u" ? Gn : Te;
 function Ce(e) {
   const t = Z(e);
   return fe(() => {
@@ -1168,17 +1168,17 @@ function Qe(e) {
     for (const n in e) t.current[n] = e[n];
   }, [e]), t.current;
 }
-var nn = $n(null);
-function wr(e, t) {
+var rn = _n(null);
+function Pr(e, t) {
   const n = Z({
     getLayout: () => ({}),
-    setLayout: or
+    setLayout: sr
   });
-  _t(t, () => n.current, []), fe(() => {
-    Object.assign(n.current, en({ groupId: e }));
+  Wt(t, () => n.current, []), fe(() => {
+    Object.assign(n.current, tn({ groupId: e }));
   });
 }
-function rn({ children: e, className: t, defaultLayout: n, disableCursor: r, disabled: a, elementRef: o, groupRef: c, id: i, onLayoutChange: s, onLayoutChanged: d, orientation: l = "horizontal", resizeTargetMinimumSize: u = {
+function an({ children: e, className: t, defaultLayout: n, disableCursor: r, disabled: a, elementRef: o, groupRef: c, id: i, onLayoutChange: s, onLayoutChanged: d, orientation: l = "horizontal", resizeTargetMinimumSize: u = {
   coarse: 20,
   fine: 10
 }, style: g, ...f }) {
@@ -1189,20 +1189,20 @@ function rn({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
     de(h.current.onLayoutChange, C) || (h.current.onLayoutChange = C, s?.(C));
   }), v = Ce((C, L) => {
     de(h.current.onLayoutChanged, C) || (h.current.onLayoutChanged = C, d?.(C, { isUserInteraction: L }));
-  }), b = Je(i), m = Z(null), [z, x] = xr(), S = Z({
+  }), b = Je(i), m = Z(null), [z, x] = Cr(), S = Z({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     resizeTargetMinimumSize: u,
     separators: []
   }), k = Ze(m, o);
-  wr(b, c);
-  const A = Ce((C, L) => {
-    const I = ue(), R = St(C), N = oe(C);
-    if (N) {
+  Pr(b, c);
+  const N = Ce((C, L) => {
+    const I = ue(), E = zt(C), A = oe(C);
+    if (A) {
       let B = !1;
-      return I.state === "active" && (B = I.hitRegions.some((ie) => ie.group === R)), {
-        flexGrow: N.layout[L] ?? 1,
+      return I.state === "active" && (B = I.hitRegions.some((ie) => ie.group === E)), {
+        flexGrow: A.layout[L] ?? 1,
         pointerEvents: B ? "none" : void 0
       };
     }
@@ -1210,40 +1210,40 @@ function rn({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
   }), T = Qe({
     defaultLayout: n,
     disableCursor: r
-  }), G = Gn(() => ({
+  }), W = Hn(() => ({
     get disableCursor() {
       return !!T.disableCursor;
     },
-    getPanelStyles: A,
+    getPanelStyles: N,
     id: b,
     orientation: l,
     registerPanel: (C) => {
       const L = S.current;
-      return L.panels = _e(l, [...L.panels, C]), x(), () => {
+      return L.panels = je(l, [...L.panels, C]), x(), () => {
         L.panels = L.panels.filter((I) => I !== C), x();
       };
     },
     registerSeparator: (C) => {
       const L = S.current;
-      return L.separators = _e(l, [...L.separators, C]), x(), () => {
+      return L.separators = je(l, [...L.separators, C]), x(), () => {
         L.separators = L.separators.filter((I) => I !== C), x();
       };
     },
     updatePanelProps: (C, { disabled: L }) => {
       const I = S.current.panels.find((B) => B.id === C);
       I && (I.panelConstraints.disabled = L);
-      const R = St(b), N = oe(b);
-      R && N && re(R, {
-        ...N,
-        derivedPanelConstraints: je(R)
+      const E = zt(b), A = oe(b);
+      E && A && re(E, {
+        ...A,
+        derivedPanelConstraints: _e(E)
       });
     },
     updateSeparatorProps: (C, { disabled: L, disableDoubleClick: I }) => {
-      const R = S.current.separators.find((N) => N.id === C);
-      R && (R.disabled = L, R.disableDoubleClick = I);
+      const E = S.current.separators.find((A) => A.id === C);
+      E && (E.disabled = L, E.disableDoubleClick = I);
     }
   }), [
-    A,
+    N,
     b,
     x,
     l,
@@ -1261,7 +1261,7 @@ function rn({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
         V !== void 0 && (I[O.id] = V);
       }
     }
-    const R = {
+    const E = {
       disabled: !!a,
       element: C,
       id: b,
@@ -1276,19 +1276,19 @@ function rn({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
       resizeTargetMinimumSize: L.resizeTargetMinimumSize,
       separators: L.separators
     };
-    H.current = R;
-    const N = zr(R), { defaultLayoutDeferred: B, derivedPanelConstraints: ie, layout: he } = oe(R.id, !0);
+    H.current = E;
+    const A = wr(E), { defaultLayoutDeferred: B, derivedPanelConstraints: ie, layout: he } = oe(E.id, !0);
     !B && ie.length > 0 && (p(he), v(he, !1));
-    const ee = Xe(b, (O) => {
+    const ee = Ye(b, (O) => {
       const { defaultLayoutDeferred: V, derivedPanelConstraints: U, layout: te } = O.next;
       if (V || U.length === 0) return;
-      const K = R.panels.map(({ id: q }) => q).join(",");
-      R.mutableState.layouts[K] = te, U.forEach((q) => {
+      const K = E.panels.map(({ id: q }) => q).join(",");
+      E.mutableState.layouts[K] = te, U.forEach((q) => {
         if (q.collapsible) {
           const { layout: ne } = O.prev ?? {};
           if (ne) {
-            const ae = $(q.collapsedSize, te[q.panelId]), j = $(q.collapsedSize, ne[q.panelId]);
-            ae && !j && (R.mutableState.expandedPanelSizes[q.panelId] = ne[q.panelId]);
+            const ae = $(q.collapsedSize, te[q.panelId]), _ = $(q.collapsedSize, ne[q.panelId]);
+            ae && !_ && (E.mutableState.expandedPanelSizes[q.panelId] = ne[q.panelId]);
           }
         }
       });
@@ -1296,7 +1296,7 @@ function rn({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
       p(te), Oe && v(te, O.isUserInteraction);
     });
     return () => {
-      H.current = null, N(), ee();
+      H.current = null, A(), ee();
     };
   }, [
     a,
@@ -1309,8 +1309,8 @@ function rn({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
   ]), Te(() => {
     const C = H.current;
     C && (C.mutableState.defaultLayout = n, C.mutableState.disableCursor = !!r);
-  }), /* @__PURE__ */ P(nn.Provider, {
-    value: G,
+  }), /* @__PURE__ */ P(rn.Provider, {
+    value: W,
     children: /* @__PURE__ */ P("div", {
       ...f,
       className: t,
@@ -1332,12 +1332,12 @@ function rn({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
     })
   });
 }
-rn.displayName = "Group";
+an.displayName = "Group";
 function et() {
-  const e = Bn(nn);
+  const e = jn(rn);
   return D(e, "Group Context not found; did you render a Panel or Separator outside of a Group?"), e;
 }
-function Cr(e, t) {
+function Lr(e, t) {
   const { id: n } = et(), r = Z({
     collapse: $e,
     expand: $e,
@@ -1348,29 +1348,29 @@ function Cr(e, t) {
     isCollapsed: () => !1,
     resize: $e
   });
-  _t(t, () => r.current, []), fe(() => {
-    Object.assign(r.current, Qt({
+  Wt(t, () => r.current, []), fe(() => {
+    Object.assign(r.current, en({
       groupId: n,
       panelId: e
     }));
   });
 }
-function an({ children: e, className: t, collapsedSize: n = "0%", collapsible: r = !1, defaultSize: a, disabled: o, elementRef: c, groupResizeBehavior: i = "preserve-relative-size", id: s, maxSize: d = "100%", minSize: l = "0%", onResize: u, panelRef: g, style: f, ...h }) {
-  const p = !!s, v = Je(s), b = Qe({ disabled: o }), m = Z(null), z = Ze(m, c), { getPanelStyles: x, id: S, orientation: k, registerPanel: A, updatePanelProps: T } = et(), G = u !== null, H = Ce((R, N, B) => {
-    u?.(R, s, B);
+function on({ children: e, className: t, collapsedSize: n = "0%", collapsible: r = !1, defaultSize: a, disabled: o, elementRef: c, groupResizeBehavior: i = "preserve-relative-size", id: s, maxSize: d = "100%", minSize: l = "0%", onResize: u, panelRef: g, style: f, ...h }) {
+  const p = !!s, v = Je(s), b = Qe({ disabled: o }), m = Z(null), z = Ze(m, c), { getPanelStyles: x, id: S, orientation: k, registerPanel: N, updatePanelProps: T } = et(), W = u !== null, H = Ce((E, A, B) => {
+    u?.(E, s, B);
   });
   fe(() => {
-    const R = m.current;
-    if (R !== null) {
-      const N = {
-        element: R,
+    const E = m.current;
+    if (E !== null) {
+      const A = {
+        element: E,
         id: v,
         idIsStable: p,
         mutableValues: {
           expandToSize: void 0,
           prevSize: void 0
         },
-        onResize: G ? H : void 0,
+        onResize: W ? H : void 0,
         panelConstraints: {
           groupResizeBehavior: i,
           collapsedSize: n,
@@ -1381,20 +1381,20 @@ function an({ children: e, className: t, collapsedSize: n = "0%", collapsible: r
           minSize: l
         }
       };
-      return A(N);
+      return N(A);
     }
   }, [
     i,
     n,
     r,
     a,
-    G,
+    W,
     v,
     p,
     d,
     l,
     H,
-    A,
+    N,
     b
   ]), Te(() => {
     T(v, { disabled: o });
@@ -1402,11 +1402,11 @@ function an({ children: e, className: t, collapsedSize: n = "0%", collapsible: r
     o,
     v,
     T
-  ]), Cr(v, g);
+  ]), Lr(v, g);
   const C = () => {
-    const R = x(S, v);
-    if (R) return JSON.stringify(R);
-  }, L = Wn((R) => Xe(S, R), C, C);
+    const E = x(S, v);
+    if (E) return JSON.stringify(E);
+  }, L = Vn((E) => Ye(S, E), C, C);
   let I;
   return L ? I = JSON.parse(L) : a !== void 0 ? I = {
     flexGrow: void 0,
@@ -1420,7 +1420,7 @@ function an({ children: e, className: t, collapsedSize: n = "0%", collapsible: r
     id: v,
     ref: z,
     style: {
-      ...Pr,
+      ...Er,
       display: "flex",
       flexBasis: 0,
       flexShrink: 1,
@@ -1441,8 +1441,8 @@ function an({ children: e, className: t, collapsedSize: n = "0%", collapsible: r
     })
   });
 }
-an.displayName = "Panel";
-var Pr = {
+on.displayName = "Panel";
+var Er = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -1454,7 +1454,7 @@ var Pr = {
   padding: 0,
   margin: 0
 };
-function Lr({ layout: e, panelConstraints: t, panelId: n, panelIndex: r }) {
+function Rr({ layout: e, panelConstraints: t, panelId: n, panelIndex: r }) {
   let a, o;
   const c = e[n], i = t.find((s) => s.panelId === n);
   if (i) {
@@ -1486,11 +1486,11 @@ function Lr({ layout: e, panelConstraints: t, panelId: n, panelIndex: r }) {
     valueNow: c
   };
 }
-function on({ children: e, className: t, disabled: n, disableDoubleClick: r, elementRef: a, id: o, style: c, ...i }) {
+function sn({ children: e, className: t, disabled: n, disableDoubleClick: r, elementRef: a, id: o, style: c, ...i }) {
   const s = Je(o), d = Qe({
     disabled: n,
     disableDoubleClick: r
-  }), [l, u] = Ne({}), [g, f] = Ne("inactive"), [h, p] = Ne(!1), v = Z(null), b = Ze(v, a), { disableCursor: m, id: z, orientation: x, registerSeparator: S, updateSeparatorProps: k } = et(), A = x === "horizontal" ? "vertical" : "horizontal";
+  }), [l, u] = Ae({}), [g, f] = Ae("inactive"), [h, p] = Ae(!1), v = Z(null), b = Ze(v, a), { disableCursor: m, id: z, orientation: x, registerSeparator: S, updateSeparatorProps: k } = et(), N = x === "horizontal" ? "vertical" : "horizontal";
   fe(() => {
     const H = v.current;
     if (H !== null) {
@@ -1499,13 +1499,13 @@ function on({ children: e, className: t, disabled: n, disableDoubleClick: r, ele
         disableDoubleClick: d.disableDoubleClick,
         element: H,
         id: s
-      }, L = S(C), I = rr((N) => {
-        f(N.next.state !== "inactive" && N.next.hitRegions.some((B) => B.separator === C) ? N.next.state : "inactive");
-      }), R = Xe(z, (N) => {
-        const { derivedPanelConstraints: B, layout: ie, separatorToPanels: he } = N.next, ee = he.get(C);
+      }, L = S(C), I = or((A) => {
+        f(A.next.state !== "inactive" && A.next.hitRegions.some((B) => B.separator === C) ? A.next.state : "inactive");
+      }), E = Ye(z, (A) => {
+        const { derivedPanelConstraints: B, layout: ie, separatorToPanels: he } = A.next, ee = he.get(C);
         if (ee) {
           const O = ee[0], V = ee.indexOf(O);
-          u(Lr({
+          u(Rr({
             layout: ie,
             panelConstraints: B,
             panelId: O.id,
@@ -1514,7 +1514,7 @@ function on({ children: e, className: t, disabled: n, disableDoubleClick: r, ele
         }
       });
       return () => {
-        I(), R(), L();
+        I(), E(), L();
       };
     }
   }, [
@@ -1535,18 +1535,18 @@ function on({ children: e, className: t, disabled: n, disableDoubleClick: r, ele
   ]);
   let T;
   n && !m && (T = "not-allowed");
-  let G;
-  return n ? G = "disabled" : g === "active" ? G = "active" : h ? G = "focus" : G = g, /* @__PURE__ */ P("div", {
+  let W;
+  return n ? W = "disabled" : g === "active" ? W = "active" : h ? W = "focus" : W = g, /* @__PURE__ */ P("div", {
     ...i,
     "aria-controls": l.valueControls,
     "aria-disabled": n || void 0,
-    "aria-orientation": A,
+    "aria-orientation": N,
     "aria-valuemax": l.valueMax,
     "aria-valuemin": l.valueMin,
     "aria-valuenow": l.valueNow,
     children: e,
     className: t,
-    "data-separator": G,
+    "data-separator": W,
     "data-testid": s,
     id: s,
     onBlur: () => p(!1),
@@ -1564,39 +1564,39 @@ function on({ children: e, className: t, disabled: n, disableDoubleClick: r, ele
     tabIndex: n ? void 0 : 0
   });
 }
-on.displayName = "Separator";
-function sn({ className: e, ...t }) {
-  return /* @__PURE__ */ P(rn, {
+sn.displayName = "Separator";
+function ln({ className: e, ...t }) {
+  return /* @__PURE__ */ P(an, {
     "data-slot": "resizable-panel-group",
-    className: X("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", e),
+    className: Y("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", e),
     ...t
   });
 }
-function Ge({ ...e }) {
-  return /* @__PURE__ */ P(an, {
+function We({ ...e }) {
+  return /* @__PURE__ */ P(on, {
     "data-slot": "resizable-panel",
     ...e
   });
 }
-function ln({ withHandle: e, className: t, ...n }) {
-  return /* @__PURE__ */ P(on, {
+function un({ withHandle: e, className: t, ...n }) {
+  return /* @__PURE__ */ P(sn, {
     "data-slot": "resizable-handle",
     "aria-label": "Resize panels",
-    className: X("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden motion-reduce:after:transition-none 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]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90 hover:bg-border/80 transition-colors motion-reduce:transition-none", t),
+    className: Y("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden motion-reduce:after:transition-none 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]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90 hover:bg-border/80 transition-colors motion-reduce:transition-none", t),
     ...n,
     children: e && /* @__PURE__ */ P("div", {
       className: "z-10 flex shrink-0 items-center justify-center rounded-3xl border border-border bg-muted px-0.5 py-5 transition-all motion-reduce:transition-none hover:bg-accent hover:border-accent-foreground/20",
-      children: /* @__PURE__ */ P(Vn, {
+      children: /* @__PURE__ */ P(qn, {
         size: 20,
         className: "text-secondary-foreground transition-colors motion-reduce:transition-none hover:text-accent-foreground"
       })
     })
   });
 }
-sn.displayName = "ResizablePanelGroup";
-Ge.displayName = "ResizablePanel";
-ln.displayName = "ResizableHandle";
-var We = w.forwardRef(({ background: e, height: t, padding: n, mobilePadding: r, gap: a, connected: o, className: c, style: i, children: s, ...d }, l) => {
+ln.displayName = "ResizablePanelGroup";
+We.displayName = "ResizablePanel";
+un.displayName = "ResizableHandle";
+var Ge = w.forwardRef(({ background: e, height: t, padding: n, mobilePadding: r, gap: a, connected: o, className: c, style: i, children: s, ...d }, l) => {
   const u = {};
   return e !== void 0 && (u["--app-shell-background"] = e), t !== void 0 && (u["--app-shell-height"] = t), n !== void 0 && (u["--app-shell-padding"] = typeof n == "number" ? `${n}px` : n), r !== void 0 && (u["--app-shell-mobile-padding"] = typeof r == "number" ? `${r}px` : r), a !== void 0 && (u["--app-shell-gap"] = typeof a == "number" ? `${a}px` : a), /* @__PURE__ */ P("div", {
     ref: l,
@@ -1606,16 +1606,16 @@ var We = w.forwardRef(({ background: e, height: t, padding: n, mobilePadding: r,
       ...u,
       ...i
     },
-    className: X("flex h-[var(--app-shell-height,100dvh)] w-full", "gap-[var(--app-shell-gap,0px)]", "p-[var(--app-shell-mobile-padding,0.5rem)] md:p-[var(--app-shell-padding,1rem)]", "bg-app-shell", "transition-[gap] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none", c),
+    className: Y("flex h-[var(--app-shell-height,100dvh)] w-full", "gap-[var(--app-shell-gap,0px)]", "p-[var(--app-shell-mobile-padding,0.5rem)] md:p-[var(--app-shell-padding,1rem)]", "bg-app-shell", "transition-[gap] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none", c),
     ...d,
     children: s
   });
 });
-We.displayName = "AppShell";
-function Rr(e, t) {
+Ge.displayName = "AppShell";
+function kr(e, t) {
   return e.key ?? e.label ?? t;
 }
-function un({ panels: e, activeIndex: t, onActiveChange: n, onSidebarOpen: r, baseId: a }) {
+function dn({ panels: e, activeIndex: t, onActiveChange: n, onSidebarOpen: r, baseId: a }) {
   const o = w.useRef(null), c = w.useCallback((l) => {
     let u = null;
     switch (l.key) {
@@ -1656,9 +1656,9 @@ function un({ panels: e, activeIndex: t, onActiveChange: n, onSidebarOpen: r, ba
   const d = r ? /* @__PURE__ */ P("button", {
     type: "button",
     onClick: r,
-    className: X("flex min-h-11 min-w-11 items-center justify-center rounded-lg", "text-secondary-foreground hover:bg-accent", "active:scale-[0.95]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "transition-colors motion-reduce:transition-none"),
+    className: Y("flex min-h-11 min-w-11 items-center justify-center rounded-lg", "text-secondary-foreground hover:bg-accent", "active:scale-[0.95]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "transition-colors motion-reduce:transition-none"),
     "aria-label": "Open sidebar",
-    children: /* @__PURE__ */ P(qn, { className: "size-5" })
+    children: /* @__PURE__ */ P(Yn, { className: "size-5" })
   }) : null;
   return e.length <= 1 ? d ? /* @__PURE__ */ P("div", {
     "data-slot": "app-shell-mobile-tab-bar",
@@ -1673,7 +1673,7 @@ function un({ panels: e, activeIndex: t, onActiveChange: n, onSidebarOpen: r, ba
       className: "relative flex gap-1",
       onKeyDown: c,
       children: [i && /* @__PURE__ */ P("div", {
-        className: X("absolute top-1/2 -translate-y-1/2 h-9 rounded-lg bg-accent", "transition-[left,width] duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]", "motion-reduce:transition-none"),
+        className: Y("absolute top-1/2 -translate-y-1/2 h-9 rounded-lg bg-accent", "transition-[left,width] duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]", "motion-reduce:transition-none"),
         style: {
           left: i.left,
           width: i.width
@@ -1689,17 +1689,17 @@ function un({ panels: e, activeIndex: t, onActiveChange: n, onSidebarOpen: r, ba
           "aria-controls": a ? `${a}-tabpanel-${u}` : void 0,
           tabIndex: f ? 0 : -1,
           onClick: () => n(u),
-          className: X("relative z-10 rounded-lg px-3 min-h-9 text-sm font-medium", "transition-colors duration-150 motion-reduce:transition-none", "active:scale-[0.97]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", f ? "text-foreground" : "text-secondary-foreground hover:text-foreground"),
+          className: Y("relative z-10 rounded-lg px-3 min-h-9 text-sm font-medium", "transition-colors duration-150 motion-reduce:transition-none", "active:scale-[0.97]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", f ? "text-foreground" : "text-secondary-foreground hover:text-foreground"),
           children: g
-        }, Rr(l, g));
+        }, kr(l, g));
       })]
     })]
   });
 }
-un.displayName = "AppShellMobileTabBar";
-var Er = "AppShell.Panel";
-function kr({ width: e, flex: t, minWidth: n, expanded: r = !1, onExpandedChange: a, label: o, className: c, style: i, children: s, ...d }) {
-  const l = w.useContext(Bt), u = l.expanded ?? r, g = l.onExpandedChange ?? a, f = w.useMemo(() => ({
+dn.displayName = "AppShellMobileTabBar";
+var Mr = "AppShell.Panel";
+function Dr({ width: e, flex: t, minWidth: n, expanded: r = !1, onExpandedChange: a, label: o, className: c, style: i, children: s, ...d }) {
+  const l = w.useContext(_t), u = l.expanded ?? r, g = l.onExpandedChange ?? a, f = w.useMemo(() => ({
     expanded: u,
     onExpandedChange: g
   }), [u, g]), h = w.useMemo(() => {
@@ -1743,7 +1743,7 @@ function kr({ width: e, flex: t, minWidth: n, expanded: r = !1, onExpandedChange
     n,
     i
   ]), p = !l.visible && !l.isMobile;
-  return /* @__PURE__ */ P(Tn.Provider, {
+  return /* @__PURE__ */ P(Fn.Provider, {
     value: f,
     children: /* @__PURE__ */ P("div", {
       "data-slot": "app-shell-panel",
@@ -1755,49 +1755,49 @@ function kr({ width: e, flex: t, minWidth: n, expanded: r = !1, onExpandedChange
         id: l.panelId,
         "aria-labelledby": l.tabId
       } : {},
-      className: X("flex h-full min-w-0 flex-col", p && "overflow-clip", e !== void 0 && !u && !p && !l.isMobile && !l.sizeManagedByRoot && "shrink-0", l.isMobile && "animate-[delight-fade-in_150ms_ease-out_both]", l.isMobile && "motion-reduce:animate-none", "transition-[flex,width,opacity] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]", "motion-reduce:transition-none", c),
+      className: Y("flex h-full min-w-0 flex-col", p && "overflow-clip", e !== void 0 && !u && !p && !l.isMobile && !l.sizeManagedByRoot && "shrink-0", l.isMobile && "animate-[delight-fade-in_150ms_ease-out_both]", l.isMobile && "motion-reduce:animate-none", "transition-[flex,width,opacity] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]", "motion-reduce:transition-none", c),
       style: h,
       ...d,
       children: s
     })
   });
 }
-var Mr = Object.assign(kr, {
+var Ir = Object.assign(Dr, {
   displayName: "AppShell.Panel",
-  __appShellType: Er
+  __appShellType: Mr
 }), Nt = [35, 65];
-function At(e) {
+function Tt(e) {
   return Number.isFinite(e) && e > 0;
 }
 function He(e) {
   if (!e) return Nt;
   const [t, n] = e;
-  if (!At(t) || !At(n)) return Nt;
+  if (!Tt(t) || !Tt(n)) return Nt;
   const r = t + n;
   return [Number((t / r * 100).toFixed(4)), Number((n / r * 100).toFixed(4))];
 }
-function Tt(e) {
+function Ot(e) {
   return String(e);
 }
-function Ot(e) {
+function Ft(e) {
   if (e !== void 0)
     return typeof e == "number" ? `${e}px` : e;
 }
-function Ft(e) {
+function $t(e) {
   return He([e.panel0, e.panel1]);
 }
-function Dr(e, t = 85) {
+function Ar(e, t = 85) {
   const n = e.panel0, r = e.panel1;
   return n >= t ? 0 : r >= t ? 1 : null;
 }
-var dn = "var(--app-background)";
-function Ir(e) {
+var cn = "var(--app-background)";
+function Nr(e) {
   return typeof e == "function" && e.__appShellType === "AppShell.Panel";
 }
-function Nr(e) {
-  return w.isValidElement(e) && Ir(e.type);
+function Tr(e) {
+  return w.isValidElement(e) && Nr(e.type);
 }
-function Ar(e, t, n) {
+function Or(e, t, n) {
   return e.key ?? e.props.label ?? `${t}-panel-${n}`;
 }
 function Be({ panel: e, visible: t, index: n, overrides: r = {}, isMobile: a, activePanel: o, hasExpanded: c, hasTabBar: i, ariaBaseId: s, rootExpansionActive: d, firstExpandedIndex: l, onExpandedPanelChange: u }) {
@@ -1812,53 +1812,53 @@ function Be({ panel: e, visible: t, index: n, overrides: r = {}, isMobile: a, ac
     onExpandedChange: d ? (f) => u(f ? n : null) : void 0,
     ...r
   };
-  return /* @__PURE__ */ P(An.Provider, {
+  return /* @__PURE__ */ P(On.Provider, {
     value: n,
-    children: /* @__PURE__ */ P(Bt.Provider, {
+    children: /* @__PURE__ */ P(_t.Provider, {
       value: g,
       children: e
     })
   });
 }
-function Ve({ background: e = dn, height: t = "100dvh", padding: n = 16, mobilePadding: r, gap: a = 12, connected: o = !1, skipToId: c, activePanel: i, onActivePanelChange: s, defaultActivePanel: d = 0, expandedPanel: l, defaultExpandedPanel: u, onExpandedPanelChange: g, resizablePanels: f, defaultPanelSizes: h, panelSizes: p, onPanelSizesChange: v, expandThreshold: b = 85, className: m, children: z, ...x }) {
-  const S = Mn(), k = w.useId(), [A, T] = w.useState(d), [G, H] = w.useState(u ?? null), [C, L] = w.useState(() => He(h)), [I, R] = w.useState(!1), [N, B] = w.useState(!1), [ie, he] = w.useState(!1), ee = w.useRef(null), O = w.useRef(null), V = w.useRef(!1), U = w.useRef(!1), te = w.useRef(!1), K = i ?? A, Oe = w.useCallback((y) => {
-    i === void 0 && T((E) => E === y ? E : y), s?.(y);
-  }, [i, s]), q = l !== void 0 || u !== void 0 || g !== void 0, ne = l !== void 0 ? l : G, ae = w.useCallback((y) => {
+function Ve({ background: e = cn, height: t = "100dvh", padding: n = 16, mobilePadding: r, gap: a = 12, connected: o = !1, skipToId: c, activePanel: i, onActivePanelChange: s, defaultActivePanel: d = 0, expandedPanel: l, defaultExpandedPanel: u, onExpandedPanelChange: g, resizablePanels: f, defaultPanelSizes: h, panelSizes: p, onPanelSizesChange: v, expandThreshold: b = 85, className: m, children: z, ...x }) {
+  const S = Tn(), k = w.useId(), [N, T] = w.useState(d), [W, H] = w.useState(u ?? null), [C, L] = w.useState(() => He(h)), [I, E] = w.useState(!1), [A, B] = w.useState(!1), [ie, he] = w.useState(!1), ee = w.useRef(null), O = w.useRef(null), V = w.useRef(!1), U = w.useRef(!1), te = w.useRef(!1), K = i ?? N, Oe = w.useCallback((y) => {
+    i === void 0 && T((R) => R === y ? R : y), s?.(y);
+  }, [i, s]), q = l !== void 0 || u !== void 0 || g !== void 0, ne = l !== void 0 ? l : W, ae = w.useCallback((y) => {
     l === void 0 && H(y), g?.(y);
-  }, [l, g]), { panels: j, panelInfos: Fe, sidebarChild: Le, otherChildren: nt } = w.useMemo(() => {
-    const y = [], E = [];
-    let W = null;
+  }, [l, g]), { panels: _, panelInfos: Fe, sidebarChild: Le, otherChildren: nt } = w.useMemo(() => {
+    const y = [], R = [];
+    let G = null;
     const Me = [];
-    return w.Children.forEach(z, (Y) => {
-      if (Nr(Y)) {
-        E.push({
-          key: Y.key ?? Y.props.label,
-          label: Y.props.label
-        }), y.push(Y);
+    return w.Children.forEach(z, (X) => {
+      if (Tr(X)) {
+        R.push({
+          key: X.key ?? X.props.label,
+          label: X.props.label
+        }), y.push(X);
         return;
       }
-      w.isValidElement(Y) && (Y.type === tt ? W = Y : Me.push(Y));
+      w.isValidElement(X) && (X.type === tt ? G = X : Me.push(X));
     }), {
       panels: y,
-      panelInfos: E,
-      sidebarChild: W,
+      panelInfos: R,
+      sidebarChild: G,
       otherChildren: Me
     };
-  }, [z]), fn = f ?? !0, hn = j.findIndex((y) => y.props.expanded), vn = j.some((y) => y.props.expanded !== void 0 || y.props.onExpandedChange !== void 0), rt = fn && !o && !S && j.length === 2 && (f !== void 0 || !vn), Se = q || rt, bn = typeof ne == "number" && Number.isInteger(ne) && ne >= 0 && ne < j.length ? ne : null;
-  let F = hn;
-  Se && (F = bn);
-  const M = F !== -1 && F !== null, Re = M ? 1 : Math.min(j.length, 2), ze = rt, at = w.useMemo(() => He(p ?? C), [p, C]), Ee = w.useMemo(() => M && F === 0 ? [100, 0] : M && F === 1 ? [0, 100] : at, [
+  }, [z]), hn = f ?? !0, vn = _.findIndex((y) => y.props.expanded), bn = _.some((y) => y.props.expanded !== void 0 || y.props.onExpandedChange !== void 0), rt = hn && !o && !S && _.length === 2 && (f !== void 0 || !bn), Se = q || rt, gn = typeof ne == "number" && Number.isInteger(ne) && ne >= 0 && ne < _.length ? ne : null;
+  let F = vn;
+  Se && (F = gn);
+  const M = F !== -1 && F !== null, Ee = M ? 1 : Math.min(_.length, 2), ze = rt, at = w.useMemo(() => He(p ?? C), [p, C]), Re = w.useMemo(() => M && F === 0 ? [100, 0] : M && F === 1 ? [0, 100] : at, [
     F,
     M,
     at
-  ]), ot = M || N || !M && te.current, gn = w.useCallback((y) => {
-    M || U.current || p === void 0 && L(Ft(y));
-  }, [M, p]), mn = w.useCallback((y) => {
+  ]), ot = M || A || !M && te.current, mn = w.useCallback((y) => {
+    M || U.current || p === void 0 && L($t(y));
+  }, [M, p]), yn = w.useCallback((y) => {
     if (M || !V.current || U.current) return;
-    const E = Ft(y);
-    p === void 0 && L(E), v?.(E);
-    const W = Dr(y, b);
-    W !== null && ae(W);
+    const R = $t(y);
+    p === void 0 && L(R), v?.(R);
+    const G = Ar(y, b);
+    G !== null && ae(G);
   }, [
     b,
     ae,
@@ -1873,103 +1873,103 @@ function Ve({ background: e = dn, height: t = "100dvh", padding: n = 16, mobileP
     }
     const y = O.current?.ownerDocument.defaultView;
     if (!y) return;
-    const E = te.current;
-    if (te.current = M, !(M || E || p !== void 0)) {
+    const R = te.current;
+    if (te.current = M, !(M || R || p !== void 0)) {
       U.current = !1;
       return;
     }
-    let W;
-    const [Me, Y] = Ee;
-    E && !M && (W = y.requestAnimationFrame(() => {
+    let G;
+    const [Me, X] = Re;
+    R && !M && (G = y.requestAnimationFrame(() => {
       B(!0);
     })), U.current = !0;
     const ft = {
       panel0: Me,
-      panel1: Y
+      panel1: X
     };
     ee.current?.setLayout(ft);
-    const Cn = y.requestAnimationFrame(() => {
+    const Pn = y.requestAnimationFrame(() => {
       ee.current?.setLayout(ft);
-    }), Pn = y.setTimeout(() => {
+    }), Ln = y.setTimeout(() => {
       U.current = !1;
     }, 350);
     return () => {
-      W !== void 0 && y.cancelAnimationFrame(W), y.cancelAnimationFrame(Cn), y.clearTimeout(Pn), U.current = !1;
+      G !== void 0 && y.cancelAnimationFrame(G), y.cancelAnimationFrame(Pn), y.clearTimeout(Ln), U.current = !1;
     };
   }, [
     ze,
     M,
     p,
-    Ee
+    Re
   ]), w.useEffect(() => {
-    if (!N) return;
+    if (!A) return;
     const y = O.current?.ownerDocument.defaultView;
     if (!y) return;
-    const E = y.setTimeout(() => {
+    const R = y.setTimeout(() => {
       B(!1);
     }, 350);
-    return () => y.clearTimeout(E);
-  }, [N]), w.useEffect(() => {
+    return () => y.clearTimeout(R);
+  }, [A]), w.useEffect(() => {
     if (!ze) {
       V.current = !1, U.current = !1;
       return;
     }
     const y = O.current?.ownerDocument.defaultView;
     if (!y) return;
-    const E = y.requestAnimationFrame(() => {
+    const R = y.requestAnimationFrame(() => {
       V.current = !0;
     });
     return () => {
-      y.cancelAnimationFrame(E), V.current = !1;
+      y.cancelAnimationFrame(R), V.current = !1;
     };
   }, [ze]), w.useEffect(() => {
     if (!I) return;
     const y = O.current?.ownerDocument.defaultView;
     if (!y) return;
-    const E = () => R(!1);
-    return y.addEventListener("pointerup", E), y.addEventListener("pointercancel", E), () => {
-      y.removeEventListener("pointerup", E), y.removeEventListener("pointercancel", E);
+    const R = () => E(!1);
+    return y.addEventListener("pointerup", R), y.addEventListener("pointercancel", R), () => {
+      y.removeEventListener("pointerup", R), y.removeEventListener("pointercancel", R);
     };
   }, [I]);
-  const yn = w.useCallback((y) => {
-    const E = y.target;
-    E instanceof Element && E.closest('[data-slot="resizable-handle"]') && R(!0);
-  }, []), it = w.useMemo(() => M ? j.map((y, E) => ({
+  const Sn = w.useCallback((y) => {
+    const R = y.target;
+    R instanceof Element && R.closest('[data-slot="resizable-handle"]') && E(!0);
+  }, []), it = w.useMemo(() => M ? _.map((y, R) => ({
     panel: y,
-    visible: E === F,
-    index: E
-  })) : j.map((y, E) => ({
+    visible: R === F,
+    index: R
+  })) : _.map((y, R) => ({
     panel: y,
-    visible: E < 2,
-    index: E
+    visible: R < 2,
+    index: R
   })), [
-    j,
+    _,
     M,
     F
-  ]), xe = S && j.length > 1, st = w.useCallback((y) => Re === 1 ? "only" : M ? y === F ? "only" : "last" : y === 0 ? "first" : "last", [
-    Re,
+  ]), xe = S && _.length > 1, st = w.useCallback((y) => Ee === 1 ? "only" : M ? y === F ? "only" : "last" : y === 0 ? "first" : "last", [
+    Ee,
     M,
     F
   ]), lt = w.useMemo(() => ({
     connected: o,
-    panelCount: Re,
+    panelCount: Ee,
     getPanelPosition: st
   }), [
     o,
-    Re,
+    Ee,
     st
-  ]), ut = w.useContext(Dn), Sn = ut?.openMobile ?? ie, ke = ut?.setOpenMobile ?? he, zn = w.useCallback(() => {
+  ]), ut = w.useContext(An), zn = ut?.openMobile ?? ie, ke = ut?.setOpenMobile ?? he, xn = w.useCallback(() => {
     ke(!0);
-  }, [ke]), xn = w.useCallback((y) => {
+  }, [ke]), wn = w.useCallback((y) => {
     ke(y);
   }, [ke]), dt = c ? /* @__PURE__ */ P("a", {
     href: `#${c}`,
     className: "sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-50 focus:rounded-md focus:bg-background focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-foreground focus:shadow-sm focus:ring-2 focus:ring-ring",
     children: "Skip to content"
-  }) : null, ct = w.useMemo(() => it.map(({ panel: y, visible: E, index: W }) => /* @__PURE__ */ P(Be, {
+  }) : null, ct = w.useMemo(() => it.map(({ panel: y, visible: R, index: G }) => /* @__PURE__ */ P(Be, {
     panel: y,
-    visible: E,
-    index: W,
+    visible: R,
+    index: G,
     isMobile: S,
     activePanel: K,
     hasExpanded: M,
@@ -1978,7 +1978,7 @@ function Ve({ background: e = dn, height: t = "100dvh", padding: n = 16, mobileP
     rootExpansionActive: Se,
     firstExpandedIndex: F,
     onExpandedPanelChange: ae
-  }, Ar(y, k, W))), [
+  }, Or(y, k, G))), [
     it,
     k,
     S,
@@ -1988,21 +1988,21 @@ function Ve({ background: e = dn, height: t = "100dvh", padding: n = 16, mobileP
     Se,
     F,
     ae
-  ]), wn = ze ? /* @__PURE__ */ le(sn, {
+  ]), Cn = ze ? /* @__PURE__ */ le(ln, {
     orientation: "horizontal",
     disabled: M,
     groupRef: ee,
-    onLayoutChange: gn,
-    onLayoutChanged: mn,
-    onPointerDownCapture: yn,
-    className: X("min-h-0 min-w-0 flex-1", !I && "[&>[data-slot=resizable-panel]]:transition-[flex-grow] [&>[data-slot=resizable-panel]]:duration-300 [&>[data-slot=resizable-panel]]:ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:[&>[data-slot=resizable-panel]]:transition-none"),
+    onLayoutChange: mn,
+    onLayoutChanged: yn,
+    onPointerDownCapture: Sn,
+    className: Y("min-h-0 min-w-0 flex-1", !I && "[&>[data-slot=resizable-panel]]:transition-[flex-grow] [&>[data-slot=resizable-panel]]:duration-300 [&>[data-slot=resizable-panel]]:ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:[&>[data-slot=resizable-panel]]:transition-none"),
     children: [
-      /* @__PURE__ */ P(Ge, {
+      /* @__PURE__ */ P(We, {
         id: "panel0",
-        defaultSize: Tt(Ee[0]),
-        minSize: ot ? 0 : Ot(j[0].props.minWidth),
+        defaultSize: Ot(Re[0]),
+        minSize: ot ? 0 : Ft(_[0].props.minWidth),
         children: /* @__PURE__ */ P(Be, {
-          panel: j[0],
+          panel: _[0],
           visible: !M || F === 0,
           index: 0,
           overrides: { sizeManagedByRoot: !0 },
@@ -2016,16 +2016,16 @@ function Ve({ background: e = dn, height: t = "100dvh", padding: n = 16, mobileP
           onExpandedPanelChange: ae
         })
       }),
-      /* @__PURE__ */ P(ln, {
+      /* @__PURE__ */ P(un, {
         disabled: M,
-        className: X("z-10 min-w-2 shrink-0 cursor-col-resize w-[var(--app-shell-gap,0px)] bg-transparent after:w-2 hover:bg-transparent", "transition-[width,min-width,opacity,background-color] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none", M && "min-w-0 w-0 opacity-0 after:w-0 pointer-events-none")
+        className: Y("z-10 min-w-2 shrink-0 cursor-col-resize w-[var(--app-shell-gap,0px)] bg-transparent after:w-2 hover:bg-transparent", "transition-[width,min-width,opacity,background-color] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none", M && "min-w-0 w-0 opacity-0 after:w-0 pointer-events-none")
       }),
-      /* @__PURE__ */ P(Ge, {
+      /* @__PURE__ */ P(We, {
         id: "panel1",
-        defaultSize: Tt(Ee[1]),
-        minSize: ot ? 0 : Ot(j[1].props.minWidth),
+        defaultSize: Ot(Re[1]),
+        minSize: ot ? 0 : Ft(_[1].props.minWidth),
         children: /* @__PURE__ */ P(Be, {
-          panel: j[1],
+          panel: _[1],
           visible: !M || F === 1,
           index: 1,
           overrides: { sizeManagedByRoot: !0 },
@@ -2041,9 +2041,9 @@ function Ve({ background: e = dn, height: t = "100dvh", padding: n = 16, mobileP
       })
     ]
   }) : null, pt = xe && Fe[K] ? Fe[K].label || `Panel ${K + 1}` : null;
-  return S ? /* @__PURE__ */ P(vt, {
+  return S ? /* @__PURE__ */ P(bt, {
     value: lt,
-    children: /* @__PURE__ */ le(We, {
+    children: /* @__PURE__ */ le(Ge, {
       ref: O,
       background: e,
       height: t,
@@ -2056,9 +2056,9 @@ function Ve({ background: e = dn, height: t = "100dvh", padding: n = 16, mobileP
       children: [
         dt,
         Le && /* @__PURE__ */ P(Nn, {
-          open: Sn,
-          onOpenChange: xn,
-          children: /* @__PURE__ */ P(In, {
+          open: zn,
+          onOpenChange: wn,
+          children: /* @__PURE__ */ P(Dn, {
             side: "left",
             showCloseButton: !1,
             className: "w-[280px] p-0",
@@ -2068,11 +2068,11 @@ function Ve({ background: e = dn, height: t = "100dvh", padding: n = 16, mobileP
         }),
         /* @__PURE__ */ le("div", {
           className: "flex h-full min-w-0 flex-1 flex-col overflow-clip",
-          children: [/* @__PURE__ */ P(un, {
+          children: [/* @__PURE__ */ P(dn, {
             panels: Fe,
             activeIndex: K,
             onActiveChange: Oe,
-            onSidebarOpen: Le ? zn : void 0,
+            onSidebarOpen: Le ? xn : void 0,
             baseId: k
           }), /* @__PURE__ */ P("div", {
             className: "flex min-h-0 flex-1",
@@ -2088,9 +2088,9 @@ function Ve({ background: e = dn, height: t = "100dvh", padding: n = 16, mobileP
         nt
       ]
     })
-  }) : /* @__PURE__ */ P(vt, {
+  }) : /* @__PURE__ */ P(bt, {
     value: lt,
-    children: /* @__PURE__ */ le(We, {
+    children: /* @__PURE__ */ le(Ge, {
       ref: O,
       background: e,
       height: t,
@@ -2103,54 +2103,57 @@ function Ve({ background: e = dn, height: t = "100dvh", padding: n = 16, mobileP
       children: [
         dt,
         Le,
-        wn ?? ct,
+        Cn ?? ct,
         nt
       ]
     })
   });
 }
 Ve.displayName = "AppShell";
-function tt({ width: e, expandedWidth: t = "280px", collapsedWidth: n = "116px", className: r, style: a, children: o, ...c }) {
-  const i = !e;
+function tt({ width: e, expandedWidth: t = In, collapsedWidth: n = vt, className: r, style: a, children: o, ...c }) {
+  const i = e === void 0;
   return /* @__PURE__ */ P("div", {
     "data-slot": "app-shell-sidebar",
     style: {
       ...i ? {
         "--app-shell-sidebar-collapsed": n,
         "--app-shell-sidebar-expanded": t
-      } : { "--app-shell-sidebar-width": e },
+      } : {
+        "--app-shell-sidebar-width": e,
+        minWidth: vt
+      },
       ...a
     },
-    className: X("flex h-full shrink-0 flex-col overflow-clip", "transition-[width] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]", "motion-reduce:transition-none", i ? ["w-[var(--app-shell-sidebar-collapsed,116px)]", "[&:has([data-state=expanded])]:w-[var(--app-shell-sidebar-expanded,280px)]"] : "w-[var(--app-shell-sidebar-width,116px)]", r),
+    className: Y("flex h-full shrink-0 flex-col overflow-clip", "transition-[width] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]", "motion-reduce:transition-none", i ? ["w-[var(--app-shell-sidebar-collapsed)]", "[&:has([data-state=expanded])]:w-[var(--app-shell-sidebar-expanded)]"] : "w-[var(--app-shell-sidebar-width)]", r),
     ...c,
     children: o
   });
 }
 tt.displayName = "AppShell.Sidebar";
-function cn({ className: e, children: t, ...n }) {
+function pn({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ P("div", {
     "data-slot": "app-shell-header",
-    className: X("shrink-0", e),
+    className: Y("shrink-0", e),
     ...n,
     children: t
   });
 }
-cn.displayName = "AppShell.Header";
-var Tr = {
+pn.displayName = "AppShell.Header";
+var Fr = {
   transparent: "transparent",
-  appBg: dn,
+  appBg: cn,
   neutral: "var(--muted)",
   brandSubtle: "linear-gradient(135deg, var(--air-50) 0%, var(--air-100) 100%)",
   brand: "linear-gradient(135deg, var(--air-400) 0%, var(--primary) 100%)",
   brandDeep: "linear-gradient(135deg, var(--primary) 0%, var(--air-900) 100%)",
   desertMidnight: "linear-gradient(135deg, var(--slate-500) 0%, var(--slate-700) 100%)",
   aqua: "linear-gradient(135deg, var(--air-400) 0%, var(--air-600) 100%)"
-}, Or = Object.assign(Ve, {
+}, $r = Object.assign(Ve, {
   Root: Ve,
   Sidebar: tt,
-  Header: cn,
-  Panel: Mr,
-  Content: On
+  Header: pn,
+  Panel: Ir,
+  Content: $n
 }), Ue = {
   background: "string",
   height: "string",
@@ -2158,12 +2161,12 @@ var Tr = {
   mobilePadding: "string",
   gap: "string",
   connected: "boolean"
-}, pn = class extends En {
+}, fn = class extends kn {
   get propDefs() {
     return Ue;
   }
   static get observedAttributes() {
-    return Object.keys(Ue).map(Ln);
+    return Object.keys(Ue).map(En);
   }
   _renderReact() {
     const e = this._readAllProps(), t = this._getSlot("sidebar"), n = this._getSlot("content") || this._getDefaultSlot(), r = [];
@@ -2177,8 +2180,8 @@ var Tr = {
         }
       }
     };
-    return Fn.createElement(Or, {
-      background: e.background || Tr.appBg,
+    return Bn.createElement($r, {
+      background: e.background || Fr.appBg,
       height: e.height || "100vh",
       padding: a(e.padding) ?? 16,
       mobilePadding: a(e.mobilePadding),
@@ -2187,11 +2190,11 @@ var Tr = {
     }, ...r);
   }
 };
-Rn(pn, Ue);
-kn("hf-app-shell", pn);
+Rn(fn, Ue);
+Mn("hf-app-shell", fn);
 export {
-  pn as AppShellWC,
-  pn as default
+  fn as AppShellWC,
+  fn as default
 };
 
 //# sourceMappingURL=hf-app-shell.js.map