@humain/ui 2.2.2 → 2.2.3

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

@@ -1,17 +1,17 @@
-import { a as xn } from "./rolldown-runtime.js";
-import { i as Sn, t as zn } from "./vendor/react.js";
-import { n as X } from "./utils.js";
-import { i as wn, l as dt, o as Cn, t as Pn, u as Ln } from "./_shared.js";
+import { a as Sn } from "./rolldown-runtime.js";
+import { i as zn, t as wn } from "./vendor/react.js";
+import { n as Y } from "./utils.js";
+import { i as Cn, l as dt, o as Pn, t as Ln, u as Rn } from "./_shared.js";
 import { t as jt } from "./createLucideIcon.js";
-import { _ as Rn, i as En, v as kn, y as Mn } from "./sidebar.js";
-import { a as At, i as Dn, n as ct, r as In, t as Nn } from "./AppShellContent.js";
-var jn = [["path", {
+import { b as En, n as kn, o as Mn, t as ct, x as Dn, y as In } from "./AppSidebar.constants.js";
+import { a as Tt, i as An, n as pt, r as Nn, t as jn } from "./AppShellContent.js";
+var Tn = [["path", {
   d: "m9 7-5 5 5 5",
   key: "j5w590"
 }], ["path", {
   d: "m15 7 5 5-5 5",
   key: "1bl6da"
-}]], An = jt("chevrons-left-right", jn), Tn = [
+}]], On = jt("chevrons-left-right", Tn), Fn = [
   ["path", {
     d: "M4 5h16",
     key: "1tepv9"
@@ -24,22 +24,22 @@ var jn = [["path", {
     d: "M4 19h16",
     key: "1djgab"
   }]
-], On = jt("menu", Tn), C = zn(), v = /* @__PURE__ */ xn(Sn(), 1);
-function Fn(e, t) {
+], _n = jt("menu", Fn), C = wn(), v = /* @__PURE__ */ Sn(zn(), 1);
+function $n(e, t) {
   const n = getComputedStyle(e);
   return t * parseFloat(n.fontSize);
 }
-function $n(e, t) {
+function Bn(e, t) {
   const n = getComputedStyle(e.ownerDocument.documentElement);
   return t * parseFloat(n.fontSize);
 }
-function _n(e) {
+function Wn(e) {
   return e / 100 * window.innerHeight;
 }
-function Bn(e) {
+function Gn(e) {
   return e / 100 * window.innerWidth;
 }
-function Gn(e) {
+function Hn(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -51,7 +51,7 @@ function Gn(e) {
 }
 function Se({ groupSize: e, panelElement: t, styleProp: n }) {
   let r;
-  const [a, o] = Gn(n);
+  const [a, o] = Hn(n);
   switch (o) {
     case "%":
       r = a / 100 * e;
@@ -60,16 +60,16 @@ function Se({ groupSize: e, panelElement: t, styleProp: n }) {
       r = a;
       break;
     case "rem":
-      r = $n(t, a);
+      r = Bn(t, a);
       break;
     case "em":
-      r = Fn(t, a);
+      r = $n(t, a);
       break;
     case "vh":
-      r = _n(a);
+      r = Wn(a);
       break;
     case "vw":
-      r = Bn(a);
+      r = Gn(a);
       break;
   }
   return r;
@@ -133,43 +133,43 @@ function D(e, t = "Assertion error") {
   if (!e) throw Error(t);
 }
 function Oe(e, t) {
-  return Array.from(t).sort(e === "horizontal" ? Wn : Hn);
+  return Array.from(t).sort(e === "horizontal" ? Vn : Un);
 }
-function Wn(e, t) {
+function Vn(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function Hn(e, t) {
+function Un(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function Tt(e) {
+function Ot(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function Ot(e, t) {
+function Ft(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 Vn({ orientation: e, rects: t, targetRect: n }) {
+function qn({ 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 } = Ot(r, c), d = e === "horizontal" ? i : s;
+    const { x: i, y: s } = Ft(r, c), d = e === "horizontal" ? i : s;
     d < o && (o = d, a = c);
   }
   return D(a, "No rect found"), a;
 }
 var ke;
-function Un() {
+function Xn() {
   return ke === void 0 && (typeof matchMedia == "function" ? ke = !!matchMedia("(pointer:coarse)").matches : ke = !1), ke;
 }
-function Ft(e) {
-  const { element: t, orientation: n, panels: r, separators: a } = e, o = Oe(n, Array.from(t.children).filter(Tt).map((h) => ({ element: h }))).map(({ element: h }) => h), c = [];
+function _t(e) {
+  const { element: t, orientation: n, panels: r, separators: a } = e, o = Oe(n, Array.from(t.children).filter(Ot).map((h) => ({ element: h }))).map(({ element: h }) => h), c = [];
   let i = !1, s = !1, d = -1, l = -1, u = 0, m, f = [];
   {
     let h = -1;
@@ -192,7 +192,7 @@ function Ft(e) {
                 break;
               case 1: {
                 const k = f[0];
-                z = [k, Vn({
+                z = [k, qn({
                   orientation: n,
                   rects: [g, y],
                   targetRect: k.element.getBoundingClientRect()
@@ -206,14 +206,14 @@ function Ft(e) {
           } else f.length ? z = f : z = [n === "horizontal" ? new DOMRect(g.right, y.top, y.left - g.right, y.height) : new DOMRect(y.left, g.bottom, y.width, y.top - g.bottom)];
           for (const w of z) {
             let S = "width" in w ? w : w.element.getBoundingClientRect();
-            const k = Un() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
+            const k = Xn() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
             if (S.width < k) {
-              const j = k - S.width;
-              S = new DOMRect(S.x - j / 2, S.y, S.width + j, 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 j = k - S.height;
-              S = new DOMRect(S.x, S.y - j / 2, S.width, S.height + j);
+              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,
@@ -272,33 +272,33 @@ var $t = class {
 }, ve = {
   cursorFlags: 0,
   state: "inactive"
-}, We = new $t();
+}, Ge = new $t();
 function se() {
   return ve;
 }
-function qn(e) {
-  return We.addListener("change", e);
-}
 function Yn(e) {
+  return Ge.addListener("change", e);
+}
+function Kn(e) {
   const t = ve, n = { ...ve };
-  n.cursorFlags = e, ve = n, We.emit("change", {
+  n.cursorFlags = e, ve = n, Ge.emit("change", {
     prev: t,
     next: n
   });
 }
 function be(e) {
   const t = ve;
-  ve = e, We.emit("change", {
+  ve = e, Ge.emit("change", {
     prev: t,
     next: e
   });
 }
-var Xn = (e) => e, je = () => {
-}, _t = 1, Bt = 2, Gt = 4, Wt = 8, pt = 3, ft = 12, Me;
-function ht() {
+var Jn = (e) => e, Ne = () => {
+}, Bt = 1, Wt = 2, Gt = 4, Ht = 8, ft = 3, ht = 12, Me;
+function vt() {
   return Me === void 0 && (Me = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Me = !0)), Me;
 }
-function Kn({ cursorFlags: e, groups: t, state: n }) {
+function Zn({ cursorFlags: e, groups: t, state: n }) {
   let r = 0, a = 0;
   switch (n) {
     case "active":
@@ -317,8 +317,8 @@ function Kn({ cursorFlags: e, groups: t, state: n }) {
   if (!(r === 0 && a === 0)) {
     switch (n) {
       case "active":
-        if (e && ht()) {
-          const o = (e & _t) !== 0, c = (e & Bt) !== 0, i = (e & Gt) !== 0, s = (e & Wt) !== 0;
+        if (e && vt()) {
+          const o = (e & Bt) !== 0, c = (e & Wt) !== 0, i = (e & Gt) !== 0, s = (e & Ht) !== 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 Kn({ cursorFlags: e, groups: t, state: n }) {
         }
         break;
     }
-    return ht() ? r > 0 && a > 0 ? "move" : r > 0 ? "ew-resize" : "ns-resize" : r > 0 && a > 0 ? "grab" : r > 0 ? "col-resize" : "row-resize";
+    return vt() ? r > 0 && a > 0 ? "move" : r > 0 ? "ew-resize" : "ns-resize" : r > 0 && a > 0 ? "grab" : r > 0 ? "col-resize" : "row-resize";
   }
 }
-var vt = /* @__PURE__ */ new WeakMap();
+var bt = /* @__PURE__ */ new WeakMap();
 function He(e) {
   if (e.defaultView === null || e.defaultView === void 0) return;
-  let { prevStyle: t, styleSheet: n } = vt.get(e) ?? {};
+  let { prevStyle: t, styleSheet: n } = bt.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 = se();
   switch (r.state) {
     case "active":
     case "hover": {
-      const a = Kn({
+      const a = Zn({
         cursorFlags: r.cursorFlags,
         groups: r.hitRegions.map((c) => c.group),
         state: r.state
@@ -351,16 +351,16 @@ function He(e) {
       t = void 0, n.cssRules.length === 1 && n.deleteRule(0);
       break;
   }
-  vt.set(e, {
+  bt.set(e, {
     prevStyle: t,
     styleSheet: n
   });
 }
-var Z = /* @__PURE__ */ new Map(), Ht = new $t();
-function Jn(e) {
+var Z = /* @__PURE__ */ new Map(), Vt = new $t();
+function Qn(e) {
   Z = new Map(Z), Z.delete(e);
 }
-function bt(e, t) {
+function gt(e, t) {
   for (const [n] of Z) if (n.id === e) return n;
 }
 function ae(e, t) {
@@ -371,20 +371,20 @@ function de() {
   return Z;
 }
 function Ve(e, t) {
-  return Ht.addListener("groupChange", (n) => {
+  return Vt.addListener("groupChange", (n) => {
     n.group.id === e && t(n);
   });
 }
 function ne(e, t, n) {
   const r = Z.get(e);
-  Z = new Map(Z), Z.set(e, t), Ht.emit("groupChange", {
+  Z = new Map(Z), Z.set(e, t), Vt.emit("groupChange", {
     group: e,
     isUserInteraction: n?.isUserInteraction === !0,
     prev: r,
     next: t
   });
 }
-function Vt(e) {
+function Ut(e) {
   const t = se();
   let n = !1;
   return t.state === "active" && (be({
@@ -395,16 +395,16 @@ function Vt(e) {
     ne(r.group, a, { isUserInteraction: !0 });
   }))), n;
 }
-function gt(e) {
-  e.defaultPrevented || Vt(e.currentTarget);
+function mt(e) {
+  e.defaultPrevented || Ut(e.currentTarget);
 }
-function Zn(e, t, n) {
+function er(e, t, n) {
   let r, a = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const o of t) {
-    const c = Ot(n, o.rect);
+    const c = Ft(n, o.rect);
     switch (e) {
       case "horizontal":
         c.x <= a.x && (r = o, a = c);
@@ -419,21 +419,21 @@ function Zn(e, t, n) {
     hitRegion: r
   } : void 0;
 }
-function Qn(e) {
+function tr(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function er(e, t) {
+function nr(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: xt(e),
-    b: xt(t)
+    a: St(e),
+    b: St(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: yt(mt(n.a)),
-    b: yt(mt(n.b))
+    a: xt(yt(n.a)),
+    b: xt(yt(n.b))
   };
   if (a.a === a.b) {
     const o = r.childNodes, c = {
@@ -449,45 +449,45 @@ function er(e, t) {
   }
   return Math.sign(a.a - a.b);
 }
-var tr = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function nr(e) {
-  const t = getComputedStyle(Ut(e) ?? e).display;
+var rr = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function ar(e) {
+  const t = getComputedStyle(qt(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function rr(e) {
+function or(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || nr(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" || tr.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || ar(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" || rr.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function mt(e) {
+function yt(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (D(n, "Missing node"), rr(n)) return n;
+    if (D(n, "Missing node"), or(n)) return n;
   }
   return null;
 }
-function yt(e) {
+function xt(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function xt(e) {
+function St(e) {
   const t = [];
-  for (; e; ) t.push(e), e = Ut(e);
+  for (; e; ) t.push(e), e = qt(e);
   return t;
 }
-function Ut(e) {
+function qt(e) {
   const { parentNode: t } = e;
-  return Qn(t) ? t.host : t;
+  return tr(t) ? t.host : t;
 }
-function ar(e, t) {
+function ir(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 or({ groupElement: e, hitRegion: t, pointerEventTarget: n }) {
-  if (!Tt(n) || n.contains(e) || e.contains(n)) return !0;
-  if (er(n, e) > 0) {
+function sr({ groupElement: e, hitRegion: t, pointerEventTarget: n }) {
+  if (!Ot(n) || n.contains(e) || e.contains(n)) return !0;
+  if (nr(n, e) > 0) {
     let r = n;
     for (; r; ) {
       if (r.contains(e)) return !0;
-      if (ar(r.getBoundingClientRect(), t)) return !1;
+      if (ir(r.getBoundingClientRect(), t)) return !1;
       r = r.parentElement;
     }
   }
@@ -497,18 +497,18 @@ function Ue(e, t) {
   const n = [];
   return t.forEach((r, a) => {
     if (a.disabled) return;
-    const o = Ft(a), c = Zn(a.orientation, o, {
+    const o = _t(a), c = er(a.orientation, o, {
       x: e.clientX,
       y: e.clientY
     });
-    c && c.distance.x <= 0 && c.distance.y <= 0 && or({
+    c && c.distance.x <= 0 && c.distance.y <= 0 && sr({
       groupElement: a.element,
       hitRegion: c.hitRegion.rect,
       pointerEventTarget: e.target
     }) && n.push(c.hitRegion);
   }), n;
 }
-function ir(e, t) {
+function lr(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;
@@ -606,7 +606,7 @@ function we({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: r,
       e < 0 ? h-- : h++;
     }
   }
-  if (ir(s, d)) return a;
+  if (lr(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 ue({ 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 Xt({ groupId: e, panelId: t }) {
   const n = () => {
     const s = de();
     for (const [d, { defaultLayoutDeferred: l, derivedPanelConstraints: u, layout: m, groupSize: f, separatorToPanels: h }] of s) if (d.id === e) return {
@@ -772,12 +772,12 @@ function qt({ groupId: e, panelId: t }) {
     }
   };
 }
-function St(e) {
+function zt(e) {
   e.defaultPrevented || Ue(e, de()).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 = Xt({
           groupId: t.group.id,
           panelId: n.id
         });
@@ -844,7 +844,7 @@ function ie(e, t) {
     separatorToPanels: r.separatorToPanels
   }, { isUserInteraction: !0 });
 }
-function zt(e) {
+function wt(e) {
   if (e.defaultPrevented) return;
   const t = e.currentTarget, n = De(t);
   if (!n.disabled) switch (e.key) {
@@ -887,7 +887,7 @@ function zt(e) {
       break;
   }
 }
-function wt(e) {
+function Ct(e) {
   if (e.defaultPrevented || e.pointerType === "mouse" && e.button > 0) return;
   const t = de(), n = Ue(e, t), r = /* @__PURE__ */ new Map();
   let a = !1;
@@ -909,7 +909,7 @@ function wt(e) {
     state: "active"
   }), n.length && e.preventDefault();
 }
-function Xt({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mountedGroups: a, pointerDownAtPoint: o, prevCursorFlags: c }) {
+function Kt({ 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: m, panels: f } = l, { disableCursor: h } = l.mutableState;
@@ -919,38 +919,38 @@ function Xt({ document: e, event: t, hitRegions: n, initialLayoutMap: r, mounted
     if (!b || !g) return;
     const { defaultLayoutDeferred: y, derivedPanelConstraints: z, groupSize: w, layout: S, separatorToPanels: k } = g;
     if (z && S && k) {
-      const j = we({
+      const N = we({
         delta: p,
         initialLayout: b,
         panelConstraints: z,
-        pivotIndices: d.panels.map((A) => f.indexOf(A)),
+        pivotIndices: d.panels.map((j) => f.indexOf(j)),
         prevLayout: S,
         trigger: "mouse-or-touch"
       });
-      if (le(j, S)) {
+      if (le(N, S)) {
         if (p !== 0 && !h) switch (m) {
           case "horizontal":
-            i |= p < 0 ? _t : Bt;
+            i |= p < 0 ? Bt : Wt;
             break;
           case "vertical":
-            i |= p < 0 ? Gt : Wt;
+            i |= p < 0 ? Gt : Ht;
             break;
         }
       } else ne(d.group, {
         defaultLayoutDeferred: y,
         derivedPanelConstraints: z,
         groupSize: w,
-        layout: j,
+        layout: N,
         separatorToPanels: k
       });
     }
   });
   let s = 0;
-  t.movementX === 0 ? s |= c & pt : s |= i & pt, t.movementY === 0 ? s |= c & ft : s |= i & ft, Yn(s), He(e);
+  t.movementX === 0 ? s |= c & ft : s |= i & ft, t.movementY === 0 ? s |= c & ht : s |= i & ht, Kn(s), He(e);
 }
-function Ct(e) {
+function Pt(e) {
   const t = de(), n = se();
-  n.state === "active" && Xt({
+  n.state === "active" && Kt({
     document: e.currentTarget,
     event: e,
     hitRegions: n.hitRegions,
@@ -959,7 +959,7 @@ function Ct(e) {
     prevCursorFlags: n.cursorFlags
   });
 }
-function Pt(e) {
+function Lt(e) {
   if (e.defaultPrevented) return;
   const t = se(), n = de();
   switch (t.state) {
@@ -978,7 +978,7 @@ function Pt(e) {
         const { element: a } = r.separator;
         a.hasPointerCapture?.(e.pointerId) || a.setPointerCapture?.(e.pointerId);
       }
-      Xt({
+      Kt({
         document: e.currentTarget,
         event: e,
         hitRegions: t.hitRegions,
@@ -1002,16 +1002,16 @@ function Pt(e) {
     }
   }
 }
-function Lt(e) {
+function Rt(e) {
   e.relatedTarget instanceof HTMLIFrameElement && se().state === "hover" && be({
     cursorFlags: 0,
     state: "inactive"
   });
 }
-function Rt(e) {
-  e.defaultPrevented || e.pointerType === "mouse" && e.button > 0 || Vt(e.currentTarget) && e.preventDefault();
-}
 function Et(e) {
+  e.defaultPrevented || e.pointerType === "mouse" && e.button > 0 || Ut(e.currentTarget) && e.preventDefault();
+}
+function kt(e) {
   let t = 0, n = 0;
   const r = {};
   for (const o of e) if (o.defaultSize !== void 0) {
@@ -1026,7 +1026,7 @@ function Et(e) {
   }
   return r;
 }
-function sr(e, t, n) {
+function ur(e, t, n) {
   if (!n[0]) return;
   const r = e.panels.find((s) => s.element === t);
   if (!r || !r.onResize) return;
@@ -1036,12 +1036,12 @@ function sr(e, t, n) {
   };
   r.mutableValues.prevSize = i, r.onResize(i, r.id, c);
 }
-function lr(e, t) {
+function dr(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 ur({ group: e, nextGroupSize: t, prevGroupSize: n, prevLayout: r }) {
+function cr({ 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 = [];
@@ -1065,14 +1065,14 @@ function ur({ group: e, nextGroupSize: t, prevGroupSize: n, prevLayout: r }) {
   }
   return l;
 }
-function dr(e, t) {
+function pr(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 fe = /* @__PURE__ */ new Map();
-function cr(e) {
+function fr(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 cr(e) {
           if (g === 0) return;
           const y = ae(e.id);
           if (!y) return;
-          const z = Te(e), w = y.defaultLayoutDeferred ? Et(z) : y.layout, S = ue({
-            layout: ur({
+          const z = Te(e), w = y.defaultLayoutDeferred ? kt(z) : y.layout, S = ue({
+            layout: cr({
               group: e,
               nextGroupSize: g,
               prevGroupSize: y.groupSize,
@@ -1093,7 +1093,7 @@ function cr(e) {
             }),
             panelConstraints: z
           });
-          if (!y.defaultLayoutDeferred && le(y.layout, S) && lr(y.derivedPanelConstraints, z) && y.groupSize === g) return;
+          if (!y.defaultLayoutDeferred && le(y.layout, S) && dr(y.derivedPanelConstraints, z) && y.groupSize === g) return;
           ne(e, {
             defaultLayoutDeferred: !1,
             derivedPanelConstraints: z,
@@ -1102,7 +1102,7 @@ function cr(e) {
             separatorToPanels: y.separatorToPanels
           });
         }
-      } else sr(e, b, p);
+      } else ur(e, b, p);
     }
   });
   o.observe(e.element), e.panels.forEach((f) => {
@@ -1110,14 +1110,14 @@ function cr(e) {
   });
   const c = ge({ group: e }), i = Te(e), s = e.panels.map(({ id: f }) => f).join(",");
   let d = e.mutableState.defaultLayout;
-  d && (dr(e.panels, d) || (d = void 0));
+  d && (pr(e.panels, d) || (d = void 0));
   const l = ue({
-    layout: e.mutableState.layouts[s] ?? d ?? Et(i),
+    layout: e.mutableState.layouts[s] ?? d ?? kt(i),
     panelConstraints: i
   }), u = e.element.ownerDocument;
   fe.set(u, (fe.get(u) ?? 0) + 1);
   const m = /* @__PURE__ */ new Map();
-  return Ft(e).forEach((f) => {
+  return _t(e).forEach((f) => {
     f.separator && m.set(f.separator, f.panels);
   }), ne(e, {
     defaultLayoutDeferred: c === 0,
@@ -1126,14 +1126,14 @@ function cr(e) {
     layout: l,
     separatorToPanels: m
   }), 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", zt);
-  }), fe.get(u) === 1 && (u.addEventListener("contextmenu", gt, !0), u.addEventListener("dblclick", St, !0), u.addEventListener("pointerdown", wt, !0), u.addEventListener("pointerleave", Ct), u.addEventListener("pointermove", Pt), u.addEventListener("pointerout", Lt), u.addEventListener("pointerup", Rt, !0)), function() {
-    t = !1, fe.set(u, Math.max(0, (fe.get(u) ?? 0) - 1)), Jn(e), e.separators.forEach((f) => {
-      f.element.removeEventListener("keydown", zt);
-    }), fe.get(u) || (u.removeEventListener("contextmenu", gt, !0), u.removeEventListener("dblclick", St, !0), u.removeEventListener("pointerdown", wt, !0), u.removeEventListener("pointerleave", Ct), u.removeEventListener("pointermove", Pt), u.removeEventListener("pointerout", Lt), u.removeEventListener("pointerup", Rt, !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", wt);
+  }), fe.get(u) === 1 && (u.addEventListener("contextmenu", mt, !0), u.addEventListener("dblclick", zt, !0), u.addEventListener("pointerdown", Ct, !0), u.addEventListener("pointerleave", Pt), u.addEventListener("pointermove", Lt), u.addEventListener("pointerout", Rt), u.addEventListener("pointerup", Et, !0)), function() {
+    t = !1, fe.set(u, Math.max(0, (fe.get(u) ?? 0) - 1)), Qn(e), e.separators.forEach((f) => {
+      f.element.removeEventListener("keydown", wt);
+    }), fe.get(u) || (u.removeEventListener("contextmenu", mt, !0), u.removeEventListener("dblclick", zt, !0), u.removeEventListener("pointerdown", Ct, !0), u.removeEventListener("pointerleave", Pt), u.removeEventListener("pointermove", Lt), u.removeEventListener("pointerout", Rt), u.removeEventListener("pointerup", Et, !0)), o.disconnect();
   };
 }
-function pr() {
+function hr() {
   const [e, t] = (0, v.useState)({});
   return [e, (0, v.useCallback)(() => t({}), [])];
 }
@@ -1148,7 +1148,7 @@ function ze(e) {
     t.current = e;
   }, [e]), (0, v.useCallback)((...n) => t.current?.(...n), [t]);
 }
-function Ye(...e) {
+function Xe(...e) {
   return ze((t) => {
     e.forEach((n) => {
       if (n) switch (typeof n) {
@@ -1162,23 +1162,23 @@ function Ye(...e) {
     });
   });
 }
-function Xe(e) {
+function Ye(e) {
   const t = (0, v.useRef)({ ...e });
   return ce(() => {
     for (const n in e) t.current[n] = e[n];
   }, [e]), t.current;
 }
-var Kt = (0, v.createContext)(null);
-function fr(e, t) {
+var Jt = (0, v.createContext)(null);
+function vr(e, t) {
   const n = (0, v.useRef)({
     getLayout: () => ({}),
-    setLayout: Xn
+    setLayout: Jn
   });
   (0, v.useImperativeHandle)(t, () => n.current, []), ce(() => {
     Object.assign(n.current, Yt({ groupId: e }));
   });
 }
-function Jt({ 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 Zt({ 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: m, ...f }) {
@@ -1189,32 +1189,32 @@ function Jt({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
     le(h.current.onLayoutChange, P) || (h.current.onLayoutChange = P, s?.(P));
   }), b = ze((P, L) => {
     le(h.current.onLayoutChanged, P) || (h.current.onLayoutChanged = P, d?.(P, { isUserInteraction: L }));
-  }), g = qe(i), y = (0, v.useRef)(null), [z, w] = pr(), S = (0, v.useRef)({
+  }), g = qe(i), y = (0, v.useRef)(null), [z, w] = hr(), S = (0, v.useRef)({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     resizeTargetMinimumSize: u,
     separators: []
-  }), k = Ye(y, o);
-  fr(g, c);
-  const j = ze((P, L) => {
-    const I = se(), R = bt(P), N = ae(P);
-    if (N) {
-      let $ = !1;
-      return I.state === "active" && ($ = I.hitRegions.some((oe) => oe.group === R)), {
-        flexGrow: N.layout[L] ?? 1,
-        pointerEvents: $ ? "none" : void 0
+  }), k = Xe(y, o);
+  vr(g, c);
+  const N = ze((P, L) => {
+    const I = se(), R = gt(P), A = ae(P);
+    if (A) {
+      let _ = !1;
+      return I.state === "active" && (_ = I.hitRegions.some((oe) => oe.group === R)), {
+        flexGrow: A.layout[L] ?? 1,
+        pointerEvents: _ ? "none" : void 0
       };
     }
     if (n?.[L]) return { flexGrow: n?.[L] };
-  }), A = Xe({
+  }), j = Ye({
     defaultLayout: n,
     disableCursor: r
-  }), G = (0, v.useMemo)(() => ({
+  }), W = (0, v.useMemo)(() => ({
     get disableCursor() {
-      return !!A.disableCursor;
+      return !!j.disableCursor;
     },
-    getPanelStyles: j,
+    getPanelStyles: N,
     id: g,
     orientation: l,
     registerPanel: (P) => {
@@ -1230,34 +1230,34 @@ function Jt({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
       };
     },
     updatePanelProps: (P, { disabled: L }) => {
-      const I = S.current.panels.find(($) => $.id === P);
+      const I = S.current.panels.find((_) => _.id === P);
       I && (I.panelConstraints.disabled = L);
-      const R = bt(g), N = ae(g);
-      R && N && ne(R, {
-        ...N,
+      const R = gt(g), A = ae(g);
+      R && A && ne(R, {
+        ...A,
         derivedPanelConstraints: Te(R)
       });
     },
     updateSeparatorProps: (P, { disabled: L, disableDoubleClick: I }) => {
-      const R = S.current.separators.find((N) => N.id === P);
+      const R = S.current.separators.find((A) => A.id === P);
       R && (R.disabled = L, R.disableDoubleClick = I);
     }
   }), [
-    j,
+    N,
     g,
     w,
     l,
-    A
+    j
   ]), H = (0, v.useRef)(null);
   return ce(() => {
     const P = y.current;
     if (P === null) return;
     const L = S.current;
     let I;
-    if (A.defaultLayout !== void 0 && Object.keys(A.defaultLayout).length === L.panels.length) {
+    if (j.defaultLayout !== void 0 && Object.keys(j.defaultLayout).length === L.panels.length) {
       I = {};
       for (const T of L.panels) {
-        const V = A.defaultLayout[T.id];
+        const V = j.defaultLayout[T.id];
         V !== void 0 && (I[T.id] = V);
       }
     }
@@ -1267,7 +1267,7 @@ function Jt({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
       id: g,
       mutableState: {
         defaultLayout: I,
-        disableCursor: !!A.disableCursor,
+        disableCursor: !!j.disableCursor,
         expandedPanelSizes: S.current.lastExpandedPanelSizes,
         layouts: S.current.layouts
       },
@@ -1277,8 +1277,8 @@ function Jt({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
       separators: L.separators
     };
     H.current = R;
-    const N = cr(R), { defaultLayoutDeferred: $, derivedPanelConstraints: oe, layout: pe } = ae(R.id, !0);
-    !$ && oe.length > 0 && (p(pe), b(pe, !1));
+    const A = fr(R), { defaultLayoutDeferred: _, derivedPanelConstraints: oe, layout: pe } = ae(R.id, !0);
+    !_ && oe.length > 0 && (p(pe), b(pe, !1));
     const Q = Ve(g, (T) => {
       const { defaultLayoutDeferred: V, derivedPanelConstraints: U, layout: ee } = T.next;
       if (V || U.length === 0) return;
@@ -1287,8 +1287,8 @@ function Jt({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
         if (q.collapsible) {
           const { layout: te } = T.prev ?? {};
           if (te) {
-            const re = F(q.collapsedSize, ee[q.panelId]), _ = F(q.collapsedSize, te[q.panelId]);
-            re && !_ && (R.mutableState.expandedPanelSizes[q.panelId] = te[q.panelId]);
+            const re = F(q.collapsedSize, ee[q.panelId]), $ = F(q.collapsedSize, te[q.panelId]);
+            re && !$ && (R.mutableState.expandedPanelSizes[q.panelId] = te[q.panelId]);
           }
         }
       });
@@ -1296,7 +1296,7 @@ function Jt({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
       p(ee), Ie && b(ee, T.isUserInteraction);
     });
     return () => {
-      H.current = null, N(), Q();
+      H.current = null, A(), Q();
     };
   }, [
     a,
@@ -1305,12 +1305,12 @@ function Jt({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
     p,
     l,
     z,
-    A
+    j
   ]), (0, v.useEffect)(() => {
     const P = H.current;
     P && (P.mutableState.defaultLayout = n, P.mutableState.disableCursor = !!r);
-  }), /* @__PURE__ */ (0, C.jsx)(Kt.Provider, {
-    value: G,
+  }), /* @__PURE__ */ (0, C.jsx)(Jt.Provider, {
+    value: W,
     children: /* @__PURE__ */ (0, C.jsx)("div", {
       ...f,
       className: t,
@@ -1332,37 +1332,37 @@ function Jt({ children: e, className: t, defaultLayout: n, disableCursor: r, dis
     })
   });
 }
-Jt.displayName = "Group";
+Zt.displayName = "Group";
 function Ke() {
-  const e = (0, v.useContext)(Kt);
+  const e = (0, v.useContext)(Jt);
   return D(e, "Group Context not found; did you render a Panel or Separator outside of a Group?"), e;
 }
-function hr(e, t) {
+function br(e, t) {
   const { id: n } = Ke(), r = (0, v.useRef)({
-    collapse: je,
-    expand: je,
+    collapse: Ne,
+    expand: Ne,
     getSize: () => ({
       asPercentage: 0,
       inPixels: 0
     }),
     isCollapsed: () => !1,
-    resize: je
+    resize: Ne
   });
   (0, v.useImperativeHandle)(t, () => r.current, []), ce(() => {
-    Object.assign(r.current, qt({
+    Object.assign(r.current, Xt({
       groupId: n,
       panelId: e
     }));
   });
 }
-function Zt({ 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: m, style: f, ...h }) {
-  const p = !!s, b = qe(s), g = Xe({ disabled: o }), y = (0, v.useRef)(null), z = Ye(y, c), { getPanelStyles: w, id: S, orientation: k, registerPanel: j, updatePanelProps: A } = Ke(), G = u !== null, H = ze((R, N, $) => {
-    u?.(R, s, $);
+function Qt({ 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: m, style: f, ...h }) {
+  const p = !!s, b = qe(s), g = Ye({ disabled: o }), y = (0, v.useRef)(null), z = Xe(y, c), { getPanelStyles: w, id: S, orientation: k, registerPanel: N, updatePanelProps: j } = Ke(), W = u !== null, H = ze((R, A, _) => {
+    u?.(R, s, _);
   });
   ce(() => {
     const R = y.current;
     if (R !== null) {
-      const N = {
+      const A = {
         element: R,
         id: b,
         idIsStable: p,
@@ -1370,7 +1370,7 @@ function Zt({ children: e, className: t, collapsedSize: n = "0%", collapsible: r
           expandToSize: void 0,
           prevSize: void 0
         },
-        onResize: G ? H : void 0,
+        onResize: W ? H : void 0,
         panelConstraints: {
           groupResizeBehavior: i,
           collapsedSize: n,
@@ -1381,28 +1381,28 @@ function Zt({ children: e, className: t, collapsedSize: n = "0%", collapsible: r
           minSize: l
         }
       };
-      return j(N);
+      return N(A);
     }
   }, [
     i,
     n,
     r,
     a,
-    G,
+    W,
     b,
     p,
     d,
     l,
     H,
-    j,
+    N,
     g
   ]), (0, v.useEffect)(() => {
-    A(b, { disabled: o });
+    j(b, { disabled: o });
   }, [
     o,
     b,
-    A
-  ]), hr(b, m);
+    j
+  ]), br(b, m);
   const P = () => {
     const R = w(S, b);
     if (R) return JSON.stringify(R);
@@ -1420,7 +1420,7 @@ function Zt({ children: e, className: t, collapsedSize: n = "0%", collapsible: r
     id: b,
     ref: z,
     style: {
-      ...vr,
+      ...gr,
       display: "flex",
       flexBasis: 0,
       flexShrink: 1,
@@ -1441,8 +1441,8 @@ function Zt({ children: e, className: t, collapsedSize: n = "0%", collapsible: r
     })
   });
 }
-Zt.displayName = "Panel";
-var vr = {
+Qt.displayName = "Panel";
+var gr = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -1454,7 +1454,7 @@ var vr = {
   padding: 0,
   margin: 0
 };
-function br({ layout: e, panelConstraints: t, panelId: n, panelIndex: r }) {
+function mr({ 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 br({ layout: e, panelConstraints: t, panelId: n, panelIndex: r }) {
     valueNow: c
   };
 }
-function Qt({ children: e, className: t, disabled: n, disableDoubleClick: r, elementRef: a, id: o, style: c, ...i }) {
-  const s = qe(o), d = Xe({
+function en({ children: e, className: t, disabled: n, disableDoubleClick: r, elementRef: a, id: o, style: c, ...i }) {
+  const s = qe(o), d = Ye({
     disabled: n,
     disableDoubleClick: r
-  }), [l, u] = (0, v.useState)({}), [m, f] = (0, v.useState)("inactive"), [h, p] = (0, v.useState)(!1), b = (0, v.useRef)(null), g = Ye(b, a), { disableCursor: y, id: z, orientation: w, registerSeparator: S, updateSeparatorProps: k } = Ke(), j = w === "horizontal" ? "vertical" : "horizontal";
+  }), [l, u] = (0, v.useState)({}), [m, f] = (0, v.useState)("inactive"), [h, p] = (0, v.useState)(!1), b = (0, v.useRef)(null), g = Xe(b, a), { disableCursor: y, id: z, orientation: w, registerSeparator: S, updateSeparatorProps: k } = Ke(), N = w === "horizontal" ? "vertical" : "horizontal";
   ce(() => {
     const H = b.current;
     if (H !== null) {
@@ -1499,15 +1499,15 @@ function Qt({ children: e, className: t, disabled: n, disableDoubleClick: r, ele
         disableDoubleClick: d.disableDoubleClick,
         element: H,
         id: s
-      }, L = S(P), I = qn((N) => {
-        f(N.next.state !== "inactive" && N.next.hitRegions.some(($) => $.separator === P) ? N.next.state : "inactive");
-      }), R = Ve(z, (N) => {
-        const { derivedPanelConstraints: $, layout: oe, separatorToPanels: pe } = N.next, Q = pe.get(P);
+      }, L = S(P), I = Yn((A) => {
+        f(A.next.state !== "inactive" && A.next.hitRegions.some((_) => _.separator === P) ? A.next.state : "inactive");
+      }), R = Ve(z, (A) => {
+        const { derivedPanelConstraints: _, layout: oe, separatorToPanels: pe } = A.next, Q = pe.get(P);
         if (Q) {
           const T = Q[0], V = Q.indexOf(T);
-          u(br({
+          u(mr({
             layout: oe,
-            panelConstraints: $,
+            panelConstraints: _,
             panelId: T.id,
             panelIndex: V
           }));
@@ -1533,20 +1533,20 @@ function Qt({ children: e, className: t, disabled: n, disableDoubleClick: r, ele
     s,
     k
   ]);
-  let A;
-  n && !y && (A = "not-allowed");
-  let G;
-  return n ? G = "disabled" : m === "active" ? G = "active" : h ? G = "focus" : G = m, /* @__PURE__ */ (0, C.jsx)("div", {
+  let j;
+  n && !y && (j = "not-allowed");
+  let W;
+  return n ? W = "disabled" : m === "active" ? W = "active" : h ? W = "focus" : W = m, /* @__PURE__ */ (0, C.jsx)("div", {
     ...i,
     "aria-controls": l.valueControls,
     "aria-disabled": n || void 0,
-    "aria-orientation": j,
+    "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),
@@ -1555,7 +1555,7 @@ function Qt({ children: e, className: t, disabled: n, disableDoubleClick: r, ele
     role: "separator",
     style: {
       flexBasis: "auto",
-      cursor: A,
+      cursor: j,
       ...c,
       flexGrow: 0,
       flexShrink: 0,
@@ -1564,39 +1564,39 @@ function Qt({ children: e, className: t, disabled: n, disableDoubleClick: r, ele
     tabIndex: n ? void 0 : 0
   });
 }
-Qt.displayName = "Separator";
-function en({ className: e, ...t }) {
-  return /* @__PURE__ */ (0, C.jsx)(Jt, {
+en.displayName = "Separator";
+function tn({ className: e, ...t }) {
+  return /* @__PURE__ */ (0, C.jsx)(Zt, {
     "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 Fe({ ...e }) {
-  return /* @__PURE__ */ (0, C.jsx)(Zt, {
+  return /* @__PURE__ */ (0, C.jsx)(Qt, {
     "data-slot": "resizable-panel",
     ...e
   });
 }
-function tn({ withHandle: e, className: t, ...n }) {
-  return /* @__PURE__ */ (0, C.jsx)(Qt, {
+function nn({ withHandle: e, className: t, ...n }) {
+  return /* @__PURE__ */ (0, C.jsx)(en, {
     "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__ */ (0, C.jsx)("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__ */ (0, C.jsx)(An, {
+      children: /* @__PURE__ */ (0, C.jsx)(On, {
         size: 20,
         className: "text-secondary-foreground transition-colors motion-reduce:transition-none hover:text-accent-foreground"
       })
     })
   });
 }
-en.displayName = "ResizablePanelGroup";
+tn.displayName = "ResizablePanelGroup";
 Fe.displayName = "ResizablePanel";
-tn.displayName = "ResizableHandle";
-var $e = v.forwardRef(({ background: e, height: t, padding: n, mobilePadding: r, gap: a, connected: o, className: c, style: i, children: s, ...d }, l) => {
+nn.displayName = "ResizableHandle";
+var _e = v.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__ */ (0, C.jsx)("div", {
     ref: l,
@@ -1606,16 +1606,16 @@ var $e = v.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
   });
 });
-$e.displayName = "AppShell";
-function gr(e, t) {
+_e.displayName = "AppShell";
+function yr(e, t) {
   return e.key ?? e.label ?? t;
 }
-function nn({ panels: e, activeIndex: t, onActiveChange: n, onSidebarOpen: r, baseId: a }) {
+function rn({ panels: e, activeIndex: t, onActiveChange: n, onSidebarOpen: r, baseId: a }) {
   const o = v.useRef(null), c = v.useCallback((l) => {
     let u = null;
     switch (l.key) {
@@ -1656,9 +1656,9 @@ function nn({ panels: e, activeIndex: t, onActiveChange: n, onSidebarOpen: r, ba
   const d = r ? /* @__PURE__ */ (0, C.jsx)("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__ */ (0, C.jsx)(On, { className: "size-5" })
+    children: /* @__PURE__ */ (0, C.jsx)(_n, { className: "size-5" })
   }) : null;
   return e.length <= 1 ? d ? /* @__PURE__ */ (0, C.jsx)("div", {
     "data-slot": "app-shell-mobile-tab-bar",
@@ -1673,7 +1673,7 @@ function nn({ panels: e, activeIndex: t, onActiveChange: n, onSidebarOpen: r, ba
       className: "relative flex gap-1",
       onKeyDown: c,
       children: [i && /* @__PURE__ */ (0, C.jsx)("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 nn({ 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: m
-        }, gr(l, m));
+        }, yr(l, m));
       })]
     })]
   });
 }
-nn.displayName = "AppShellMobileTabBar";
-var mr = "AppShell.Panel";
-function yr({ width: e, flex: t, minWidth: n, expanded: r = !1, onExpandedChange: a, label: o, className: c, style: i, children: s, ...d }) {
-  const l = v.useContext(At), u = l.expanded ?? r, m = l.onExpandedChange ?? a, f = v.useMemo(() => ({
+rn.displayName = "AppShellMobileTabBar";
+var xr = "AppShell.Panel";
+function Sr({ width: e, flex: t, minWidth: n, expanded: r = !1, onExpandedChange: a, label: o, className: c, style: i, children: s, ...d }) {
+  const l = v.useContext(Tt), u = l.expanded ?? r, m = l.onExpandedChange ?? a, f = v.useMemo(() => ({
     expanded: u,
     onExpandedChange: m
   }), [u, m]), h = v.useMemo(() => {
@@ -1743,7 +1743,7 @@ function yr({ width: e, flex: t, minWidth: n, expanded: r = !1, onExpandedChange
     n,
     i
   ]), p = !l.visible && !l.isMobile;
-  return /* @__PURE__ */ (0, C.jsx)(In.Provider, {
+  return /* @__PURE__ */ (0, C.jsx)(Nn.Provider, {
     value: f,
     children: /* @__PURE__ */ (0, C.jsx)("div", {
       "data-slot": "app-shell-panel",
@@ -1755,52 +1755,52 @@ function yr({ 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 xr = Object.assign(yr, {
+var zr = Object.assign(Sr, {
   displayName: "AppShell.Panel",
-  __appShellType: mr
-}), kt = [35, 65];
-function Mt(e) {
+  __appShellType: xr
+}), Mt = [35, 65];
+function Dt(e) {
   return Number.isFinite(e) && e > 0;
 }
-function _e(e) {
-  if (!e) return kt;
+function $e(e) {
+  if (!e) return Mt;
   const [t, n] = e;
-  if (!Mt(t) || !Mt(n)) return kt;
+  if (!Dt(t) || !Dt(n)) return Mt;
   const r = t + n;
   return [Number((t / r * 100).toFixed(4)), Number((n / r * 100).toFixed(4))];
 }
-function Dt(e) {
+function It(e) {
   return String(e);
 }
-function It(e) {
+function At(e) {
   if (e !== void 0)
     return typeof e == "number" ? `${e}px` : e;
 }
 function Nt(e) {
-  return _e([e.panel0, e.panel1]);
+  return $e([e.panel0, e.panel1]);
 }
-function Sr(e, t = 85) {
+function wr(e, t = 85) {
   const n = e.panel0, r = e.panel1;
   return n >= t ? 0 : r >= t ? 1 : null;
 }
-var rn = "var(--app-background)";
-function zr(e) {
+var an = "var(--app-background)";
+function Cr(e) {
   return typeof e == "function" && e.__appShellType === "AppShell.Panel";
 }
-function wr(e) {
-  return v.isValidElement(e) && zr(e.type);
+function Pr(e) {
+  return v.isValidElement(e) && Cr(e.type);
 }
-function Cr(e, t, n) {
+function Lr(e, t, n) {
   return e.key ?? e.props.label ?? `${t}-panel-${n}`;
 }
-function Ae({ panel: e, visible: t, index: n, overrides: r = {}, isMobile: a, activePanel: o, hasExpanded: c, hasTabBar: i, ariaBaseId: s, rootExpansionActive: d, firstExpandedIndex: l, onExpandedPanelChange: u }) {
+function je({ panel: e, visible: t, index: n, overrides: r = {}, isMobile: a, activePanel: o, hasExpanded: c, hasTabBar: i, ariaBaseId: s, rootExpansionActive: d, firstExpandedIndex: l, onExpandedPanelChange: u }) {
   if (a && n !== o) return null;
   const m = {
     visible: a ? !0 : t,
@@ -1812,53 +1812,53 @@ function Ae({ panel: e, visible: t, index: n, overrides: r = {}, isMobile: a, ac
     onExpandedChange: d ? (f) => u(f ? n : null) : void 0,
     ...r
   };
-  return /* @__PURE__ */ (0, C.jsx)(Dn.Provider, {
+  return /* @__PURE__ */ (0, C.jsx)(An.Provider, {
     value: n,
-    children: /* @__PURE__ */ (0, C.jsx)(At.Provider, {
+    children: /* @__PURE__ */ (0, C.jsx)(Tt.Provider, {
       value: m,
       children: e
     })
   });
 }
-function Be({ background: e = rn, 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: m, resizablePanels: f, defaultPanelSizes: h, panelSizes: p, onPanelSizesChange: b, expandThreshold: g = 85, className: y, children: z, ...w }) {
-  const S = Rn(), k = v.useId(), [j, A] = v.useState(d), [G, H] = v.useState(u ?? null), [P, L] = v.useState(() => _e(h)), [I, R] = v.useState(!1), [N, $] = v.useState(!1), [oe, pe] = v.useState(!1), Q = v.useRef(null), T = v.useRef(null), V = v.useRef(!1), U = v.useRef(!1), ee = v.useRef(!1), K = i ?? j, Ie = v.useCallback((x) => {
-    i === void 0 && A((E) => E === x ? E : x), s?.(x);
-  }, [i, s]), q = l !== void 0 || u !== void 0 || m !== void 0, te = l !== void 0 ? l : G, re = v.useCallback((x) => {
+function Be({ background: e = an, 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: m, resizablePanels: f, defaultPanelSizes: h, panelSizes: p, onPanelSizesChange: b, expandThreshold: g = 85, className: y, children: z, ...w }) {
+  const S = In(), k = v.useId(), [N, j] = v.useState(d), [W, H] = v.useState(u ?? null), [P, L] = v.useState(() => $e(h)), [I, R] = v.useState(!1), [A, _] = v.useState(!1), [oe, pe] = v.useState(!1), Q = v.useRef(null), T = v.useRef(null), V = v.useRef(!1), U = v.useRef(!1), ee = v.useRef(!1), K = i ?? N, Ie = v.useCallback((x) => {
+    i === void 0 && j((E) => E === x ? E : x), s?.(x);
+  }, [i, s]), q = l !== void 0 || u !== void 0 || m !== void 0, te = l !== void 0 ? l : W, re = v.useCallback((x) => {
     l === void 0 && H(x), m?.(x);
-  }, [l, m]), { panels: _, panelInfos: Ne, sidebarChild: Ce, otherChildren: Ze } = v.useMemo(() => {
+  }, [l, m]), { panels: $, panelInfos: Ae, sidebarChild: Ce, otherChildren: Ze } = v.useMemo(() => {
     const x = [], E = [];
-    let W = null;
+    let G = null;
     const Ee = [];
-    return v.Children.forEach(z, (Y) => {
-      if (wr(Y)) {
+    return v.Children.forEach(z, (X) => {
+      if (Pr(X)) {
         E.push({
-          key: Y.key ?? Y.props.label,
-          label: Y.props.label
-        }), x.push(Y);
+          key: X.key ?? X.props.label,
+          label: X.props.label
+        }), x.push(X);
         return;
       }
-      v.isValidElement(Y) && (Y.type === Je ? W = Y : Ee.push(Y));
+      v.isValidElement(X) && (X.type === Je ? G = X : Ee.push(X));
     }), {
       panels: x,
       panelInfos: E,
-      sidebarChild: W,
+      sidebarChild: G,
       otherChildren: Ee
     };
-  }, [z]), sn = f ?? !0, ln = _.findIndex((x) => x.props.expanded), un = _.some((x) => x.props.expanded !== void 0 || x.props.onExpandedChange !== void 0), Qe = sn && !o && !S && _.length === 2 && (f !== void 0 || !un), me = q || Qe, dn = typeof te == "number" && Number.isInteger(te) && te >= 0 && te < _.length ? te : null;
-  let O = ln;
-  me && (O = dn);
-  const M = O !== -1 && O !== null, Pe = M ? 1 : Math.min(_.length, 2), ye = Qe, et = v.useMemo(() => _e(p ?? P), [p, P]), Le = v.useMemo(() => M && O === 0 ? [100, 0] : M && O === 1 ? [0, 100] : et, [
+  }, [z]), ln = f ?? !0, un = $.findIndex((x) => x.props.expanded), dn = $.some((x) => x.props.expanded !== void 0 || x.props.onExpandedChange !== void 0), Qe = ln && !o && !S && $.length === 2 && (f !== void 0 || !dn), me = q || Qe, cn = typeof te == "number" && Number.isInteger(te) && te >= 0 && te < $.length ? te : null;
+  let O = un;
+  me && (O = cn);
+  const M = O !== -1 && O !== null, Pe = M ? 1 : Math.min($.length, 2), ye = Qe, et = v.useMemo(() => $e(p ?? P), [p, P]), Le = v.useMemo(() => M && O === 0 ? [100, 0] : M && O === 1 ? [0, 100] : et, [
     O,
     M,
     et
-  ]), tt = M || N || !M && ee.current, cn = v.useCallback((x) => {
+  ]), tt = M || A || !M && ee.current, pn = v.useCallback((x) => {
     M || U.current || p === void 0 && L(Nt(x));
-  }, [M, p]), pn = v.useCallback((x) => {
+  }, [M, p]), fn = v.useCallback((x) => {
     if (M || !V.current || U.current) return;
     const E = Nt(x);
     p === void 0 && L(E), b?.(E);
-    const W = Sr(x, g);
-    W !== null && re(W);
+    const G = wr(x, g);
+    G !== null && re(G);
   }, [
     g,
     re,
@@ -1878,23 +1878,23 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
       U.current = !1;
       return;
     }
-    let W;
-    const [Ee, Y] = Le;
-    E && !M && (W = x.requestAnimationFrame(() => {
-      $(!0);
+    let G;
+    const [Ee, X] = Le;
+    E && !M && (G = x.requestAnimationFrame(() => {
+      _(!0);
     })), U.current = !0;
     const ut = {
       panel0: Ee,
-      panel1: Y
+      panel1: X
     };
     Q.current?.setLayout(ut);
-    const mn = x.requestAnimationFrame(() => {
+    const yn = x.requestAnimationFrame(() => {
       Q.current?.setLayout(ut);
-    }), yn = x.setTimeout(() => {
+    }), xn = x.setTimeout(() => {
       U.current = !1;
     }, 350);
     return () => {
-      W !== void 0 && x.cancelAnimationFrame(W), x.cancelAnimationFrame(mn), x.clearTimeout(yn), U.current = !1;
+      G !== void 0 && x.cancelAnimationFrame(G), x.cancelAnimationFrame(yn), x.clearTimeout(xn), U.current = !1;
     };
   }, [
     ye,
@@ -1902,14 +1902,14 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
     p,
     Le
   ]), v.useEffect(() => {
-    if (!N) return;
+    if (!A) return;
     const x = T.current?.ownerDocument.defaultView;
     if (!x) return;
     const E = x.setTimeout(() => {
-      $(!1);
+      _(!1);
     }, 350);
     return () => x.clearTimeout(E);
-  }, [N]), v.useEffect(() => {
+  }, [A]), v.useEffect(() => {
     if (!ye) {
       V.current = !1, U.current = !1;
       return;
@@ -1931,22 +1931,22 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
       x.removeEventListener("pointerup", E), x.removeEventListener("pointercancel", E);
     };
   }, [I]);
-  const fn = v.useCallback((x) => {
+  const hn = v.useCallback((x) => {
     const E = x.target;
     E instanceof Element && E.closest('[data-slot="resizable-handle"]') && R(!0);
-  }, []), nt = v.useMemo(() => M ? _.map((x, E) => ({
+  }, []), nt = v.useMemo(() => M ? $.map((x, E) => ({
     panel: x,
     visible: E === O,
     index: E
-  })) : _.map((x, E) => ({
+  })) : $.map((x, E) => ({
     panel: x,
     visible: E < 2,
     index: E
   })), [
-    _,
+    $,
     M,
     O
-  ]), xe = S && _.length > 1, rt = v.useCallback((x) => Pe === 1 ? "only" : M ? x === O ? "only" : "last" : x === 0 ? "first" : "last", [
+  ]), xe = S && $.length > 1, rt = v.useCallback((x) => Pe === 1 ? "only" : M ? x === O ? "only" : "last" : x === 0 ? "first" : "last", [
     Pe,
     M,
     O
@@ -1958,18 +1958,18 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
     o,
     Pe,
     rt
-  ]), ot = v.useContext(En), hn = ot?.openMobile ?? oe, Re = ot?.setOpenMobile ?? pe, vn = v.useCallback(() => {
+  ]), ot = v.useContext(Mn), vn = ot?.openMobile ?? oe, Re = ot?.setOpenMobile ?? pe, bn = v.useCallback(() => {
     Re(!0);
-  }, [Re]), bn = v.useCallback((x) => {
+  }, [Re]), gn = v.useCallback((x) => {
     Re(x);
   }, [Re]), it = c ? /* @__PURE__ */ (0, C.jsx)("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, st = v.useMemo(() => nt.map(({ panel: x, visible: E, index: W }) => /* @__PURE__ */ (0, C.jsx)(Ae, {
+  }) : null, st = v.useMemo(() => nt.map(({ panel: x, visible: E, index: G }) => /* @__PURE__ */ (0, C.jsx)(je, {
     panel: x,
     visible: E,
-    index: W,
+    index: G,
     isMobile: S,
     activePanel: K,
     hasExpanded: M,
@@ -1978,7 +1978,7 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
     rootExpansionActive: me,
     firstExpandedIndex: O,
     onExpandedPanelChange: re
-  }, Cr(x, k, W))), [
+  }, Lr(x, k, G))), [
     nt,
     k,
     S,
@@ -1988,21 +1988,21 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
     me,
     O,
     re
-  ]), gn = ye ? /* @__PURE__ */ (0, C.jsxs)(en, {
+  ]), mn = ye ? /* @__PURE__ */ (0, C.jsxs)(tn, {
     orientation: "horizontal",
     disabled: M,
     groupRef: Q,
-    onLayoutChange: cn,
-    onLayoutChanged: pn,
-    onPointerDownCapture: fn,
-    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: pn,
+    onLayoutChanged: fn,
+    onPointerDownCapture: hn,
+    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__ */ (0, C.jsx)(Fe, {
         id: "panel0",
-        defaultSize: Dt(Le[0]),
-        minSize: tt ? 0 : It(_[0].props.minWidth),
-        children: /* @__PURE__ */ (0, C.jsx)(Ae, {
-          panel: _[0],
+        defaultSize: It(Le[0]),
+        minSize: tt ? 0 : At($[0].props.minWidth),
+        children: /* @__PURE__ */ (0, C.jsx)(je, {
+          panel: $[0],
           visible: !M || O === 0,
           index: 0,
           overrides: { sizeManagedByRoot: !0 },
@@ -2016,16 +2016,16 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
           onExpandedPanelChange: re
         })
       }),
-      /* @__PURE__ */ (0, C.jsx)(tn, {
+      /* @__PURE__ */ (0, C.jsx)(nn, {
         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__ */ (0, C.jsx)(Fe, {
         id: "panel1",
-        defaultSize: Dt(Le[1]),
-        minSize: tt ? 0 : It(_[1].props.minWidth),
-        children: /* @__PURE__ */ (0, C.jsx)(Ae, {
-          panel: _[1],
+        defaultSize: It(Le[1]),
+        minSize: tt ? 0 : At($[1].props.minWidth),
+        children: /* @__PURE__ */ (0, C.jsx)(je, {
+          panel: $[1],
           visible: !M || O === 1,
           index: 1,
           overrides: { sizeManagedByRoot: !0 },
@@ -2040,10 +2040,10 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
         })
       })
     ]
-  }) : null, lt = xe && Ne[K] ? Ne[K].label || `Panel ${K + 1}` : null;
-  return S ? /* @__PURE__ */ (0, C.jsx)(ct, {
+  }) : null, lt = xe && Ae[K] ? Ae[K].label || `Panel ${K + 1}` : null;
+  return S ? /* @__PURE__ */ (0, C.jsx)(pt, {
     value: at,
-    children: /* @__PURE__ */ (0, C.jsxs)($e, {
+    children: /* @__PURE__ */ (0, C.jsxs)(_e, {
       ref: T,
       background: e,
       height: t,
@@ -2055,10 +2055,10 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
       ...w,
       children: [
         it,
-        Ce && /* @__PURE__ */ (0, C.jsx)(Mn, {
-          open: hn,
-          onOpenChange: bn,
-          children: /* @__PURE__ */ (0, C.jsx)(kn, {
+        Ce && /* @__PURE__ */ (0, C.jsx)(Dn, {
+          open: vn,
+          onOpenChange: gn,
+          children: /* @__PURE__ */ (0, C.jsx)(En, {
             side: "left",
             showCloseButton: !1,
             className: "w-[280px] p-0",
@@ -2068,11 +2068,11 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
         }),
         /* @__PURE__ */ (0, C.jsxs)("div", {
           className: "flex h-full min-w-0 flex-1 flex-col overflow-clip",
-          children: [/* @__PURE__ */ (0, C.jsx)(nn, {
-            panels: Ne,
+          children: [/* @__PURE__ */ (0, C.jsx)(rn, {
+            panels: Ae,
             activeIndex: K,
             onActiveChange: Ie,
-            onSidebarOpen: Ce ? vn : void 0,
+            onSidebarOpen: Ce ? bn : void 0,
             baseId: k
           }), /* @__PURE__ */ (0, C.jsx)("div", {
             className: "flex min-h-0 flex-1",
@@ -2088,9 +2088,9 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
         Ze
       ]
     })
-  }) : /* @__PURE__ */ (0, C.jsx)(ct, {
+  }) : /* @__PURE__ */ (0, C.jsx)(pt, {
     value: at,
-    children: /* @__PURE__ */ (0, C.jsxs)($e, {
+    children: /* @__PURE__ */ (0, C.jsxs)(_e, {
       ref: T,
       background: e,
       height: t,
@@ -2103,67 +2103,70 @@ function Be({ background: e = rn, height: t = "100dvh", padding: n = 16, mobileP
       children: [
         it,
         Ce,
-        gn ?? st,
+        mn ?? st,
         Ze
       ]
     })
   });
 }
 Be.displayName = "AppShell";
-function Je({ width: e, expandedWidth: t = "280px", collapsedWidth: n = "116px", className: r, style: a, children: o, ...c }) {
-  const i = !e;
+function Je({ width: e, expandedWidth: t = kn, collapsedWidth: n = ct, className: r, style: a, children: o, ...c }) {
+  const i = e === void 0;
   return /* @__PURE__ */ (0, C.jsx)("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: ct
+      },
       ...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
   });
 }
 Je.displayName = "AppShell.Sidebar";
-function an({ className: e, children: t, ...n }) {
+function on({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ (0, C.jsx)("div", {
     "data-slot": "app-shell-header",
-    className: X("shrink-0", e),
+    className: Y("shrink-0", e),
     ...n,
     children: t
   });
 }
-an.displayName = "AppShell.Header";
-var Pr = {
+on.displayName = "AppShell.Header";
+var Rr = {
   transparent: "transparent",
-  appBg: rn,
+  appBg: an,
   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%)"
-}, Lr = Object.assign(Be, {
+}, Er = Object.assign(Be, {
   Root: Be,
   Sidebar: Je,
-  Header: an,
-  Panel: xr,
-  Content: Nn
-}), Ge = {
+  Header: on,
+  Panel: zr,
+  Content: jn
+}), We = {
   background: "string",
   height: "string",
   padding: "string",
   mobilePadding: "string",
   gap: "string",
   connected: "boolean"
-}, on = class extends Pn {
+}, sn = class extends Ln {
   get propDefs() {
-    return Ge;
+    return We;
   }
   static get observedAttributes() {
-    return Object.keys(Ge).map(wn);
+    return Object.keys(We).map(Cn);
   }
   _renderReact() {
     const e = this._readAllProps(), t = this._getSlot("sidebar"), n = this._getSlot("content") || this._getDefaultSlot(), r = [];
@@ -2177,8 +2180,8 @@ var Pr = {
         }
       }
     };
-    return v.createElement(Lr, {
-      background: e.background || Pr.appBg,
+    return v.createElement(Er, {
+      background: e.background || Rr.appBg,
       height: e.height || "100vh",
       padding: a(e.padding) ?? 16,
       mobilePadding: a(e.mobilePadding),
@@ -2187,11 +2190,11 @@ var Pr = {
     }, ...r);
   }
 };
-Cn(on, Ge);
-Ln("hf-app-shell", on);
+Pn(sn, We);
+Rn("hf-app-shell", sn);
 export {
-  on as AppShellWC,
-  on as default
+  sn as AppShellWC,
+  sn as default
 };
 
 //# sourceMappingURL=hf-app-shell.js.map