@alfadocs/ui-kit 1.60.0 → 1.62.0

package/dist/_chunks/{sidebar-DhePV1hE.js → sidebar-BS24EnYd.js}

@@ -1,19 +1,19 @@
 import { jsx as r, jsxs as h, Fragment as Ie } from "react/jsx-runtime";
-import { useId as ve, useState as J, useRef as U, useCallback as F, useEffect as te, useMemo as xe, createContext as ie, useContext as re, forwardRef as $, isValidElement as ds } from "react";
-import * as be from "@radix-ui/react-dialog";
+import { useId as ve, useState as Z, useRef as U, useCallback as F, useEffect as ne, useMemo as ye, createContext as ie, useContext as oe, forwardRef as $, isValidElement as ds } from "react";
+import * as ge from "@radix-ui/react-dialog";
 import * as Ee from "@radix-ui/react-collapsible";
 import * as Ne from "@radix-ui/react-accordion";
 import * as y from "@radix-ui/react-tooltip";
 import { a as ls } from "./accordion-Ch3xp0mX.js";
 import { S as cs } from "./scroll-area-CY5SLYNw.js";
 import { Slot as Ue, Slottable as us } from "@radix-ui/react-slot";
-import { c as ne } from "./index-D2ZczOXr.js";
+import { c as ae } from "./index-D2ZczOXr.js";
 import { useTranslation as de } from "react-i18next";
 import { u as fs } from "./registry-DvAUVLHh.js";
-import { u as ms } from "./use-edge-resize-DHbyQwu8.js";
+import { u as ms } from "./use-edge-resize-CBtem0j2.js";
 import { c as $e } from "./compose-refs-C0k0tdqF.js";
 import { a as ps, b as vs, d as gs } from "./input-surface-iBmxVBfr.js";
-import { u as we } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as xe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { i as bs } from "./is-development-CLUAnsU7.js";
 import { X as He } from "./x-B5YnXwCz.js";
 import { c as Ce } from "./createLucideIcon-DhHxpK9K.js";
@@ -212,49 +212,49 @@ const Os = {
 }, Ae = ie({
   enabled: !1,
   move: null
-}), Te = () => re(Ae), Ye = ie(null), fe = (e, s) => e.sectionId === s.sectionId && e.index === s.index, Ve = "[data-sidebar-item-id]", Ge = "[data-sidebar-section-id]";
-function he(e, s) {
+}), Te = () => oe(Ae), Ye = ie(null), fe = (e, s) => e.sectionId === s.sectionId && e.index === s.index, Ve = "[data-sidebar-item-id]", Ge = "[data-sidebar-section-id]";
+function be(e, s) {
   var i;
   const t = (i = e.parentElement) == null ? void 0 : i.closest(Ge);
   return t && s.contains(t) ? t.dataset.sidebarSectionId ?? null : null;
 }
 function Ps(e, s) {
-  var p;
+  var v;
   const t = e.querySelector("[data-sidebar-body]") ?? e, i = Array.from(
     t.querySelectorAll(`${Ge},${Ve}`)
   ), d = /* @__PURE__ */ new Map([[null, []]]), a = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
   let u = null;
-  for (const v of i) {
-    const g = v.dataset.sidebarSectionId;
-    if (g !== void 0) {
-      d.set(g, []), a.set(g, v.dataset.sidebarSectionOpen !== "false"), n.set(g, v.dataset.sidebarSectionLabel ?? "");
+  for (const p of i) {
+    const b = p.dataset.sidebarSectionId;
+    if (b !== void 0) {
+      d.set(b, []), a.set(b, p.dataset.sidebarSectionOpen !== "false"), n.set(b, p.dataset.sidebarSectionLabel ?? "");
       continue;
     }
-    if (v.dataset.sidebarItemId === s) {
-      u = v;
+    if (p.dataset.sidebarItemId === s) {
+      u = p;
       continue;
     }
-    const w = he(v, t);
-    (p = d.get(w)) == null || p.push(v);
+    const x = be(p, t);
+    (v = d.get(x)) == null || v.push(p);
   }
   if (!u) return null;
-  const c = (v) => {
-    var g;
-    return (((g = d.get(v)) == null ? void 0 : g.length) ?? 0) + 1;
-  }, l = [], x = d.get(null) ?? [], C = x.length === 0 && he(u, t) === null;
-  for (const v of i) {
-    const g = v.dataset.sidebarSectionId;
-    if (g !== void 0) {
-      const z = d.get(g) ?? [];
-      (!a.get(g) || z.length === 0) && l.push({
-        sectionId: g,
-        index: z.length,
-        total: c(g),
-        indicator: { kind: "section", sectionId: g }
+  const c = (p) => {
+    var b;
+    return (((b = d.get(p)) == null ? void 0 : b.length) ?? 0) + 1;
+  }, l = [], w = d.get(null) ?? [], C = w.length === 0 && be(u, t) === null;
+  for (const p of i) {
+    const b = p.dataset.sidebarSectionId;
+    if (b !== void 0) {
+      const T = d.get(b) ?? [];
+      (!a.get(b) || T.length === 0) && l.push({
+        sectionId: b,
+        index: T.length,
+        total: c(b),
+        indicator: { kind: "section", sectionId: b }
       });
       continue;
     }
-    if (v === u) {
+    if (p === u) {
       C && l.push({
         sectionId: null,
         index: 0,
@@ -263,43 +263,43 @@ function Ps(e, s) {
       });
       continue;
     }
-    const w = he(v, t);
-    if (w !== null && !a.get(w)) continue;
-    const P = d.get(w) ?? [], _ = P.indexOf(v), j = v.dataset.sidebarItemId ?? "";
+    const x = be(p, t);
+    if (x !== null && !a.get(x)) continue;
+    const P = d.get(x) ?? [], L = P.indexOf(p), A = p.dataset.sidebarItemId ?? "";
     l.push({
-      sectionId: w,
-      index: _,
-      total: c(w),
-      indicator: { kind: "item", itemId: j, edge: "before" }
-    }), _ === P.length - 1 && l.push({
-      sectionId: w,
-      index: _ + 1,
-      total: c(w),
-      indicator: { kind: "item", itemId: j, edge: "after" }
+      sectionId: x,
+      index: L,
+      total: c(x),
+      indicator: { kind: "item", itemId: A, edge: "before" }
+    }), L === P.length - 1 && l.push({
+      sectionId: x,
+      index: L + 1,
+      total: c(x),
+      indicator: { kind: "item", itemId: A, edge: "after" }
     });
   }
-  x.length === 0 && !C && l.push({
+  w.length === 0 && !C && l.push({
     sectionId: null,
     index: 0,
     total: 1,
     indicator: { kind: "list" }
   });
-  const S = he(u, t), A = (d.get(S) ?? []).filter(
-    (v) => v.compareDocumentPosition(u) & Node.DOCUMENT_POSITION_FOLLOWING
+  const I = be(u, t), j = (d.get(I) ?? []).filter(
+    (p) => p.compareDocumentPosition(u) & Node.DOCUMENT_POSITION_FOLLOWING
   ).length;
   return {
     places: l,
     originIndex: l.findIndex(
-      (v) => fe(v, { sectionId: S, index: A })
+      (p) => fe(p, { sectionId: I, index: j })
     ),
-    emptySectionIds: [...d.entries()].filter(([v, g]) => v !== null && a.get(v) && !g.length).map(([v]) => v),
-    listEmpty: x.length === 0 && !C,
+    emptySectionIds: [...d.entries()].filter(([p, b]) => p !== null && a.get(p) && !b.length).map(([p]) => p),
+    listEmpty: w.length === 0 && !C,
     sectionLabels: n
   };
 }
 function _s(e, s) {
-  const t = e.querySelector("[data-sidebar-body]") ?? e, i = he(s, t), d = Array.from(t.querySelectorAll(Ve)).filter(
-    (a) => a !== s && he(a, t) === i && a.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_FOLLOWING
+  const t = e.querySelector("[data-sidebar-body]") ?? e, i = be(s, t), d = Array.from(t.querySelectorAll(Ve)).filter(
+    (a) => a !== s && be(a, t) === i && a.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_FOLLOWING
   ).length;
   return { sectionId: i, index: d };
 }
@@ -326,142 +326,142 @@ function Us({
   rootRef: t,
   quietFocusRef: i
 }) {
-  const { t: d } = de("ui"), a = ve(), [n, u] = J(null), c = U(null), l = U([]), x = U(/* @__PURE__ */ new Map()), C = U(/* @__PURE__ */ new Map()), S = U(null), A = U(e);
-  A.current = e;
-  const p = U(null), v = U(null), g = F((o) => {
+  const { t: d } = de("ui"), a = ve(), [n, u] = Z(null), c = U(null), l = U([]), w = U(/* @__PURE__ */ new Map()), C = U(/* @__PURE__ */ new Map()), I = U(null), j = U(e);
+  j.current = e;
+  const v = U(null), p = U(null), b = F((o) => {
     c.current = o, u(o);
-  }, []), [w, P] = J(""), _ = U(!1), j = F((o) => {
-    _.current = !_.current, P(_.current ? o : `${o}​`);
-  }, []), z = F(
+  }, []), [x, P] = Z(""), L = U(!1), A = F((o) => {
+    L.current = !L.current, P(L.current ? o : `${o}​`);
+  }, []), T = F(
     (o) => o.sectionId === null ? d("navigation.sidebar.move.inList", {
       position: o.index + 1,
       total: o.total
     }) : d("navigation.sidebar.move.inSection", {
-      section: x.current.get(o.sectionId) ?? "",
+      section: w.current.get(o.sectionId) ?? "",
       position: o.index + 1,
       total: o.total
     }),
     [d]
-  ), L = F(
-    (o, N, T) => {
+  ), _ = F(
+    (o, S, E) => {
       var B;
       const m = t.current;
       if (!m) return !1;
       const f = Ps(m, o);
       if (!f || f.originIndex < 0) return !1;
-      l.current = f.places, x.current = f.sectionLabels;
-      const I = f.places[f.originIndex], O = T.getAttribute("aria-label") ?? ((B = T.textContent) == null ? void 0 : B.trim()) ?? "";
-      return g({
+      l.current = f.places, w.current = f.sectionLabels;
+      const N = f.places[f.originIndex], D = E.getAttribute("aria-label") ?? ((B = E.textContent) == null ? void 0 : B.trim()) ?? "";
+      return b({
         itemId: o,
-        label: O,
-        via: N,
-        origin: I,
-        target: I,
+        label: D,
+        via: S,
+        origin: N,
+        target: N,
         emptySectionIds: f.emptySectionIds,
         listEmpty: f.listEmpty
-      }), j(
+      }), A(
         d("navigation.sidebar.move.pickedUp", {
-          item: O,
-          place: z(I)
+          item: D,
+          place: T(N)
         })
       ), !0;
     },
-    [t, g, j, d, z]
+    [t, b, A, d, T]
   ), K = F(
-    (o, N) => {
-      const T = c.current;
-      !T || fe(T.target, o) || (g({ ...T, target: o }), N && (j(z(o)), requestAnimationFrame(() => {
-        var f, I;
+    (o, S) => {
+      const E = c.current;
+      !E || fe(E.target, o) || (b({ ...E, target: o }), S && (A(T(o)), requestAnimationFrame(() => {
+        var f, N;
         const m = t.current;
-        m && ((I = (f = qe(m, o)) == null ? void 0 : f.scrollIntoView) == null || I.call(f, { block: "nearest" }));
+        m && ((N = (f = qe(m, o)) == null ? void 0 : f.scrollIntoView) == null || N.call(f, { block: "nearest" }));
       })));
     },
-    [g, j, z, t]
-  ), R = F(() => {
-    var I, O;
+    [b, A, T, t]
+  ), Y = F(() => {
+    var N, D;
     const o = c.current;
     if (!o) return;
-    g(null), l.current = [];
-    const { itemId: N, origin: T, target: m, label: f } = o;
-    fe(T, m) || (S.current = {
-      itemId: N,
+    b(null), l.current = [];
+    const { itemId: S, origin: E, target: m, label: f } = o;
+    fe(E, m) || (I.current = {
+      itemId: S,
       sectionId: m.sectionId,
       index: m.index,
       until: Date.now() + Bs
-    }, m.sectionId !== null && ((I = C.current.get(m.sectionId)) == null || I()), (O = A.current) == null || O.call(A, {
-      itemId: N,
+    }, m.sectionId !== null && ((N = C.current.get(m.sectionId)) == null || N()), (D = j.current) == null || D.call(j, {
+      itemId: S,
       toSectionId: m.sectionId,
       index: m.index
-    })), j(
+    })), A(
       d("navigation.sidebar.move.dropped", {
         item: f,
-        place: z(m)
+        place: T(m)
       })
     );
-  }, [g, j, d, z]), M = F(() => {
+  }, [b, A, d, T]), k = F(() => {
     const o = c.current;
-    o && (g(null), l.current = [], j(
+    o && (b(null), l.current = [], A(
       d("navigation.sidebar.move.cancelled", {
         item: o.label,
-        place: z(o.origin)
+        place: T(o.origin)
       })
     ));
-  }, [g, j, d, z]), k = F(
-    (o, N) => {
-      const T = c.current, m = !o.altKey && !o.ctrlKey && !o.metaKey && !o.shiftKey;
-      if (!T) {
-        o.key === " " && m && !o.repeat && (o.preventDefault(), L(N, "keyboard", o.currentTarget));
+  }, [b, A, d, T]), R = F(
+    (o, S) => {
+      const E = c.current, m = !o.altKey && !o.ctrlKey && !o.metaKey && !o.shiftKey;
+      if (!E) {
+        o.key === " " && m && !o.repeat && (o.preventDefault(), _(S, "keyboard", o.currentTarget));
         return;
       }
-      if (T.itemId !== N || T.via !== "keyboard") return;
-      const f = l.current, I = f.findIndex((B) => fe(B, T.target)), O = (B) => {
-        const Y = f[Math.max(0, Math.min(f.length - 1, B))];
-        Y && K(Y, !0);
+      if (E.itemId !== S || E.via !== "keyboard") return;
+      const f = l.current, N = f.findIndex((B) => fe(B, E.target)), D = (B) => {
+        const se = f[Math.max(0, Math.min(f.length - 1, B))];
+        se && K(se, !0);
       };
       switch (o.key) {
         case "ArrowDown":
-          o.preventDefault(), O(I + 1);
+          o.preventDefault(), D(N + 1);
           break;
         case "ArrowUp":
-          o.preventDefault(), O(I - 1);
+          o.preventDefault(), D(N - 1);
           break;
         case "Home":
-          o.preventDefault(), O(0);
+          o.preventDefault(), D(0);
           break;
         case "End":
-          o.preventDefault(), O(f.length - 1);
+          o.preventDefault(), D(f.length - 1);
           break;
         case " ":
         case "Enter":
-          o.preventDefault(), o.repeat || R();
+          o.preventDefault(), o.repeat || Y();
           break;
         case "Escape":
-          o.preventDefault(), o.stopPropagation(), M();
+          o.preventDefault(), o.stopPropagation(), k();
           break;
         case "Tab":
-          M();
+          k();
           break;
       }
     },
-    [L, K, R, M]
-  ), D = F(
+    [_, K, Y, k]
+  ), O = F(
     (o) => {
-      const N = c.current;
-      (N == null ? void 0 : N.via) === "keyboard" && N.itemId === o && M();
+      const S = c.current;
+      (S == null ? void 0 : S.via) === "keyboard" && S.itemId === o && k();
     },
-    [M]
-  ), b = F(() => {
-    var N;
-    const o = p.current;
-    o != null && o.timer && clearTimeout(o.timer), o != null && o.frame && cancelAnimationFrame(o.frame), p.current = null, (N = v.current) == null || N.call(v), v.current = null;
-  }, []), H = F(
-    (o, N) => {
-      if (c.current || p.current || !o.isPrimary || o.button !== 0) return;
-      const T = o.pointerType === "touch", m = {
+    [k]
+  ), g = F(() => {
+    var S;
+    const o = v.current;
+    o != null && o.timer && clearTimeout(o.timer), o != null && o.frame && cancelAnimationFrame(o.frame), v.current = null, (S = p.current) == null || S.call(p), p.current = null;
+  }, []), M = F(
+    (o, S) => {
+      if (c.current || v.current || !o.isPrimary || o.button !== 0) return;
+      const E = o.pointerType === "touch", m = {
         pointerId: o.pointerId,
-        itemId: N,
+        itemId: S,
         node: o.currentTarget,
-        touch: T,
+        touch: E,
         startX: o.clientX,
         startY: o.clientY,
         dragging: !1,
@@ -469,58 +469,58 @@ function Us({
         lastY: o.clientY,
         frame: 0
       };
-      p.current = m;
+      v.current = m;
       const f = () => {
-        var E, Z;
-        if (!L(m.itemId, "pointer", m.node)) {
-          b();
+        var z, V;
+        if (!_(m.itemId, "pointer", m.node)) {
+          g();
           return;
         }
-        m.dragging = !0, (Z = (E = window.getSelection) == null ? void 0 : E.call(window)) == null || Z.removeAllRanges();
-      }, I = (E) => {
-        const Z = t.current;
-        if (!Z) return;
-        let Q = null, ye = Number.POSITIVE_INFINITY;
+        m.dragging = !0, (V = (z = window.getSelection) == null ? void 0 : z.call(window)) == null || V.removeAllRanges();
+      }, N = (z) => {
+        const V = t.current;
+        if (!V) return;
+        let te = null, he = Number.POSITIVE_INFINITY;
         for (const ce of l.current) {
-          const ue = Math.abs(Rs(Z, ce) - E);
-          ue < ye && (Q = ce, ye = ue);
+          const ue = Math.abs(Rs(V, ce) - z);
+          ue < he && (te = ce, he = ue);
         }
-        Q && K(Q, !1);
-      }, O = () => {
+        te && K(te, !1);
+      }, D = () => {
         var _e, Re;
         if (m.frame = 0, !m.dragging) return;
-        const E = (Re = (_e = t.current) == null ? void 0 : _e.querySelector("[data-sidebar-body]")) == null ? void 0 : Re.closest("[data-radix-scroll-area-viewport]");
-        if (!E) return;
-        const Z = E.getBoundingClientRect(), Q = Z.top + je - m.lastY, ye = m.lastY - (Z.bottom - je), ce = Math.max(Q, ye);
+        const z = (Re = (_e = t.current) == null ? void 0 : _e.querySelector("[data-sidebar-body]")) == null ? void 0 : Re.closest("[data-radix-scroll-area-viewport]");
+        if (!z) return;
+        const V = z.getBoundingClientRect(), te = V.top + je - m.lastY, he = m.lastY - (V.bottom - je), ce = Math.max(te, he);
         if (ce <= 0) return;
-        const ue = Math.ceil(Fs * Math.min(1, ce / je)), Se = E.scrollTop;
-        E.scrollTop += Q > 0 ? -ue : ue, E.scrollTop !== Se && (I(m.lastY), m.frame = requestAnimationFrame(O));
-      }, B = (E) => {
-        if (E.pointerId === m.pointerId) {
+        const ue = Math.ceil(Fs * Math.min(1, ce / je)), Se = z.scrollTop;
+        z.scrollTop += te > 0 ? -ue : ue, z.scrollTop !== Se && (N(m.lastY), m.frame = requestAnimationFrame(D));
+      }, B = (z) => {
+        if (z.pointerId === m.pointerId) {
           if (!m.dragging) {
             if (Math.hypot(
-              E.clientX - m.startX,
-              E.clientY - m.startY
+              z.clientX - m.startX,
+              z.clientY - m.startY
             ) < Ms) return;
             if (m.touch) {
-              b();
+              g();
               return;
             }
             if (f(), !m.dragging) return;
           }
-          m.lastY = E.clientY, I(E.clientY), m.frame || (m.frame = requestAnimationFrame(O));
+          m.lastY = z.clientY, N(z.clientY), m.frame || (m.frame = requestAnimationFrame(D));
         }
-      }, Y = (E) => {
+      }, se = (z) => {
         var ue;
-        if (E.pointerId !== m.pointerId) return;
-        const Z = m.dragging;
-        if (b(), !Z) return;
-        const Q = (ue = t.current) == null ? void 0 : ue.getBoundingClientRect();
-        if (!Q || E.clientX < Q.left || E.clientX > Q.right || E.clientY < Q.top || E.clientY > Q.bottom) {
-          M();
+        if (z.pointerId !== m.pointerId) return;
+        const V = m.dragging;
+        if (g(), !V) return;
+        const te = (ue = t.current) == null ? void 0 : ue.getBoundingClientRect();
+        if (!te || z.clientX < te.left || z.clientX > te.right || z.clientY < te.top || z.clientY > te.bottom) {
+          k();
           return;
         }
-        R();
+        Y();
         const ce = (Se) => {
           Se.preventDefault(), Se.stopPropagation();
         };
@@ -528,95 +528,95 @@ function Us({
           capture: !0,
           once: !0
         }), setTimeout(() => window.removeEventListener("click", ce, !0), 0);
-      }, pe = (E) => {
-        if (E.pointerId !== m.pointerId) return;
-        const Z = m.dragging;
-        b(), Z && M();
-      }, ae = (E) => E.preventDefault(), ge = (E) => {
-        E.key !== "Escape" || !m.dragging || (E.preventDefault(), b(), M());
+      }, we = (z) => {
+        if (z.pointerId !== m.pointerId) return;
+        const V = m.dragging;
+        g(), V && k();
+      }, X = (z) => z.preventDefault(), pe = (z) => {
+        z.key !== "Escape" || !m.dragging || (z.preventDefault(), g(), k());
       };
-      window.addEventListener("pointermove", B), window.addEventListener("pointerup", Y), window.addEventListener("pointercancel", pe), window.addEventListener("keydown", ge, !0), T && (window.addEventListener("contextmenu", ae, !0), m.timer = setTimeout(() => {
+      window.addEventListener("pointermove", B), window.addEventListener("pointerup", se), window.addEventListener("pointercancel", we), window.addEventListener("keydown", pe, !0), E && (window.addEventListener("contextmenu", X, !0), m.timer = setTimeout(() => {
         m.timer = null, f();
-      }, Ls)), v.current = () => {
-        window.removeEventListener("pointermove", B), window.removeEventListener("pointerup", Y), window.removeEventListener("pointercancel", pe), window.removeEventListener("keydown", ge, !0), window.removeEventListener("contextmenu", ae, !0);
+      }, Ls)), p.current = () => {
+        window.removeEventListener("pointermove", B), window.removeEventListener("pointerup", se), window.removeEventListener("pointercancel", we), window.removeEventListener("keydown", pe, !0), window.removeEventListener("contextmenu", X, !0);
       };
     },
-    [L, K, R, M, b, t]
+    [_, K, Y, k, g, t]
   );
-  te(() => b, [b]);
-  const G = U(null), q = F((o) => {
-    var N;
-    (N = p.current) != null && N.dragging && o.preventDefault();
-  }, []), W = F(
+  ne(() => g, [g]);
+  const G = U(null), W = F((o) => {
+    var S;
+    (S = v.current) != null && S.dragging && o.preventDefault();
+  }, []), q = F(
     (o) => {
-      var N;
-      G.current !== o && ((N = G.current) == null || N.removeEventListener("touchmove", q), G.current = o, o == null || o.addEventListener("touchmove", q, { passive: !1 }));
+      var S;
+      G.current !== o && ((S = G.current) == null || S.removeEventListener("touchmove", W), G.current = o, o == null || o.addEventListener("touchmove", W, { passive: !1 }));
     },
-    [q]
-  ), X = U(s);
-  X.current = s;
-  const oe = F(
-    (o) => W(o && X.current ? o : null),
     [W]
+  ), J = U(s);
+  J.current = s;
+  const Q = F(
+    (o) => q(o && J.current ? o : null),
+    [q]
   );
-  te(() => {
-    W(s ? t.current : null);
-  }, [s, W, t]), te(() => () => W(null), [W]), te(() => {
-    !s && c.current && M();
-  }, [s, M]);
-  const ee = F((o, N) => (C.current.set(o, N), () => {
-    C.current.get(o) === N && C.current.delete(o);
-  }), []), se = F(() => {
-    const o = S.current, N = t.current;
-    if (!o || !N) return;
+  ne(() => {
+    q(s ? t.current : null);
+  }, [s, q, t]), ne(() => () => q(null), [q]), ne(() => {
+    !s && c.current && k();
+  }, [s, k]);
+  const ee = F((o, S) => (C.current.set(o, S), () => {
+    C.current.get(o) === S && C.current.delete(o);
+  }), []), re = F(() => {
+    const o = I.current, S = t.current;
+    if (!o || !S) return;
     if (Date.now() > o.until) {
-      S.current = null;
+      I.current = null;
       return;
     }
-    const T = N.querySelector(
+    const E = S.querySelector(
       `[data-sidebar-item-id="${CSS.escape(o.itemId)}"]`
     );
-    if (!T) return;
-    const m = document.activeElement, f = m !== null && m !== document.body && m !== T;
-    if (!fe(_s(N, T), o)) {
-      f && (S.current = null);
+    if (!E) return;
+    const m = document.activeElement, f = m !== null && m !== document.body && m !== E;
+    if (!fe(_s(S, E), o)) {
+      f && (I.current = null);
       return;
     }
-    S.current = null, !(m === T || f) && (i.current = !0, T.focus(), i.current = !1);
+    I.current = null, !(m === E || f) && (i.current = !0, E.focus(), i.current = !1);
   }, [t, i]);
   return {
-    context: xe(
+    context: ye(
       () => s ? {
         enabled: s,
         instructionsId: a,
         move: n,
-        onItemKeyDown: k,
-        onItemPointerDown: H,
-        onItemBlur: D,
+        onItemKeyDown: R,
+        onItemPointerDown: M,
+        onItemBlur: O,
         registerSection: ee
       } : { enabled: !1, move: null, registerSection: ee },
       [
         s,
         a,
         n,
-        k,
-        H,
-        D,
+        R,
+        M,
+        O,
         ee
       ]
     ),
-    message: w,
+    message: x,
     instructionsId: a,
-    restoreFocus: se,
-    touchGuardRef: oe,
+    restoreFocus: re,
+    touchGuardRef: Q,
     /** True while any move runs: Escape cancels it, not the drawer. */
-    cancelIfMoving: () => c.current ? (M(), !0) : !1
+    cancelIfMoving: () => c.current ? (k(), !0) : !1
   };
 }
 const De = ie({
   mode: "expanded",
   density: "default"
-}), V = () => re(De), We = ie(null);
+}), H = () => oe(De), We = ie(null);
 function $s(e) {
   const s = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
   let i = { total: 0, open: 0 };
@@ -642,9 +642,9 @@ function $s(e) {
         n.filter((l) => l.open !== a).forEach((l) => l.setOpen(a));
         return;
       }
-      n.sort((l, x) => {
-        const C = l.element(), S = x.element();
-        return !C || !S ? 0 : C.compareDocumentPosition(S) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+      n.sort((l, w) => {
+        const C = l.element(), I = w.element();
+        return !C || !I ? 0 : C.compareDocumentPosition(I) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
       });
       const c = [];
       for (const l of n)
@@ -684,7 +684,7 @@ function Ys(e) {
     } catch {
     }
 }
-const Le = ne(
+const Le = ae(
   [
     "ds:flex ds:flex-col",
     // `--sidebar-surface`: the page background in light mode (white-on-white
@@ -752,59 +752,59 @@ const Le = ne(
     onMoveItem: u,
     onSetAllSectionsOpen: c,
     "aria-label": l,
-    className: x,
+    className: w,
     children: C,
-    id: S,
-    ...A
-  }, p) => {
-    const v = U(c);
-    v.current = c;
-    const [g] = J(() => $s(v)), w = /* @__PURE__ */ r(Oe.Provider, { value: g, children: C }), { t: P } = de("ui"), _ = e !== void 0, [j, z] = J(
+    id: I,
+    ...j
+  }, v) => {
+    const p = U(c);
+    p.current = c;
+    const [b] = Z(() => $s(p)), x = /* @__PURE__ */ r(Oe.Provider, { value: b, children: C }), { t: P } = de("ui"), L = e !== void 0, [A, T] = Z(
       () => Ks(s)
-    ), L = _ ? e : j;
-    te(() => {
-      _ || Ys(j);
-    }, [j, _]);
+    ), _ = L ? e : A;
+    ne(() => {
+      L || Ys(A);
+    }, [A, L]);
     const K = F(
       (f) => {
-        _ || z(f), t == null || t(f);
+        L || T(f), t == null || t(f);
       },
-      [_, t]
-    ), R = l ?? P("navigation.sidebar.label"), M = ve(), k = S ?? M, D = U(L);
-    te(() => {
-      D.current = L;
-    }, [L]);
-    const b = xe(
+      [L, t]
+    ), Y = l ?? P("navigation.sidebar.label"), k = ve(), R = I ?? k, O = U(_);
+    ne(() => {
+      O.current = _;
+    }, [_]);
+    const g = ye(
       () => ({
-        getIsCollapsed: () => D.current !== "expanded",
+        getIsCollapsed: () => O.current !== "expanded",
         toggleCollapsed: () => {
-          const f = D.current === "expanded" ? "icon" : "expanded";
+          const f = O.current === "expanded" ? "icon" : "expanded";
           K(f);
         },
-        getAnySectionOpen: () => g.getSnapshot().open > 0,
-        setAllSectionsOpen: (f) => g.setAll(f)
+        getAnySectionOpen: () => b.getSnapshot().open > 0,
+        setAllSectionsOpen: (f) => b.setAll(f)
       }),
-      [K, g]
+      [K, b]
     );
-    fs(Os, b, S);
-    const H = U(null), G = U(null), q = U(!1), [W, X] = J(0), oe = F(() => (X((f) => f + 1), () => X((f) => f - 1)), []), { separatorProps: ee, isResizing: se } = ms({
+    fs(Os, g, I);
+    const M = U(null), G = U(null), W = U(!1), [q, J] = Z(0), Q = F(() => (J((f) => f + 1), () => J((f) => f - 1)), []), { separatorProps: ee, isResizing: re } = ms({
       edge: "inline-end",
-      targetRef: H,
+      targetRef: M,
       cssProperty: "--sidebar-modern-expanded-size",
       minSize: Vs,
       maxSize: Gs,
       defaultSize: qs,
-      disabled: !n || L !== "expanded"
-    }), le = n && L === "expanded", o = Us({
+      disabled: !n || _ !== "expanded"
+    }), le = n && _ === "expanded", o = Us({
       onMoveItem: u,
-      enabled: u !== void 0 && L !== "icon",
-      rootRef: H,
-      quietFocusRef: q
-    }), { touchGuardRef: N } = o, T = xe(
-      () => $e(p, H, N),
-      [p, N]
+      enabled: u !== void 0 && _ !== "icon",
+      rootRef: M,
+      quietFocusRef: W
+    }), { touchGuardRef: S } = o, E = ye(
+      () => $e(v, M, S),
+      [v, S]
     );
-    we(() => o.restoreFocus());
+    xe(() => o.restoreFocus());
     const m = u !== void 0 ? /* @__PURE__ */ h(Ie, { children: [
       /* @__PURE__ */ r("span", { id: o.instructionsId, hidden: !0, children: P("navigation.sidebar.move.instructions") }),
       /* @__PURE__ */ r(
@@ -818,19 +818,19 @@ const Le = ne(
         }
       )
     ] }) : null;
-    return L === "overlay" ? /* @__PURE__ */ r(
+    return _ === "overlay" ? /* @__PURE__ */ r(
       De.Provider,
       {
         value: {
           mode: "overlay",
           density: i,
           transitionTo: K,
-          navElementId: k,
-          quietFocusRef: q
+          navElementId: R,
+          quietFocusRef: W
         },
-        children: /* @__PURE__ */ r(y.Provider, { delayDuration: 300, children: /* @__PURE__ */ r(be.Root, { open: d, onOpenChange: a, children: /* @__PURE__ */ h(be.Portal, { children: [
+        children: /* @__PURE__ */ r(y.Provider, { delayDuration: 300, children: /* @__PURE__ */ r(ge.Root, { open: d, onOpenChange: a, children: /* @__PURE__ */ h(ge.Portal, { children: [
           /* @__PURE__ */ r(
-            be.Overlay,
+            ge.Overlay,
             {
               className: [
                 "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
@@ -842,27 +842,27 @@ const Le = ne(
             }
           ),
           /* @__PURE__ */ h(
-            be.Content,
+            ge.Content,
             {
               onOpenAutoFocus: (f) => {
-                var O, B;
+                var D, B;
                 G.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-                const I = ((O = H.current) == null ? void 0 : O.querySelector(
+                const N = ((D = M.current) == null ? void 0 : D.querySelector(
                   '[aria-current="page"]'
-                )) ?? ((B = H.current) == null ? void 0 : B.querySelector(
+                )) ?? ((B = M.current) == null ? void 0 : B.querySelector(
                   'a[href], button:not([disabled]), input:not([disabled]), [tabindex="0"]'
                 ));
-                q.current = !0, I == null || I.focus(), q.current = !1, I && document.activeElement === I && f.preventDefault();
+                W.current = !0, N == null || N.focus(), W.current = !1, N && document.activeElement === N && f.preventDefault();
               },
               onCloseAutoFocus: (f) => {
-                var O;
-                const I = document.activeElement;
-                I && I !== document.body || (O = G.current) != null && O.isConnected && (f.preventDefault(), G.current.focus());
+                var D;
+                const N = document.activeElement;
+                N && N !== document.body || (D = G.current) != null && D.isConnected && (f.preventDefault(), G.current.focus());
               },
               onEscapeKeyDown: (f) => {
                 o.cancelIfMoving() && f.preventDefault();
               },
-              "aria-label": R,
+              "aria-label": Y,
               className: [
                 "ds:fixed ds:z-[var(--z-modal)]",
                 // `start-0`/`top-0` — the `inset-inline-start-0` /
@@ -876,32 +876,32 @@ const Le = ne(
                 "ds:rtl:data-[state=open]:slide-in-from-right ds:rtl:data-[state=closed]:slide-out-to-right",
                 "ds:motion-reduce:animate-none",
                 "ds:focus:outline-none",
-                x ?? ""
+                w ?? ""
               ].filter(Boolean).join(" "),
               children: [
                 /* @__PURE__ */ h(
                   "nav",
                   {
-                    ref: T,
-                    id: k,
-                    "aria-label": R,
+                    ref: E,
+                    id: R,
+                    "aria-label": Y,
                     "data-component": "sidebar",
-                    "data-component-id": S,
+                    "data-component-id": I,
                     className: "ds:flex ds:flex-col ds:h-full",
-                    ...A,
+                    ...j,
                     children: [
                       /* @__PURE__ */ r(Ae.Provider, { value: o.context, children: /* @__PURE__ */ r(
                         We.Provider,
                         {
-                          value: oe,
-                          children: w
+                          value: Q,
+                          children: x
                         }
                       ) }),
                       m
                     ]
                   }
                 ),
-                W === 0 ? /* @__PURE__ */ r(be.Close, { asChild: !0, children: /* @__PURE__ */ r(
+                q === 0 ? /* @__PURE__ */ r(ge.Close, { asChild: !0, children: /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
@@ -919,38 +919,38 @@ const Le = ne(
       De.Provider,
       {
         value: {
-          mode: L,
+          mode: _,
           density: i,
           transitionTo: K,
-          navElementId: k,
-          quietFocusRef: q
+          navElementId: R,
+          quietFocusRef: W
         },
         children: /* @__PURE__ */ r(y.Provider, { delayDuration: 300, children: /* @__PURE__ */ h(
           "nav",
           {
-            ref: T,
-            id: k,
-            "aria-label": R,
+            ref: E,
+            id: R,
+            "aria-label": Y,
             "data-component": "sidebar",
-            "data-component-id": S,
-            "data-mode": L,
+            "data-component-id": I,
+            "data-mode": _,
             "data-density": i,
-            "data-resizing": se ? "" : void 0,
+            "data-resizing": re ? "" : void 0,
             className: [
-              Le({ mode: L, density: i }),
+              Le({ mode: _, density: i }),
               i === "compact" ? "ds:density-compact" : "",
-              x ?? ""
+              w ?? ""
             ].filter(Boolean).join(" "),
-            ...A,
+            ...j,
             children: [
-              /* @__PURE__ */ r(Ae.Provider, { value: o.context, children: w }),
+              /* @__PURE__ */ r(Ae.Provider, { value: o.context, children: x }),
               m,
               le ? /* @__PURE__ */ r(
                 "div",
                 {
                   ...ee,
                   "aria-label": P("navigation.sidebar.resize"),
-                  "data-resizing": se ? "" : void 0,
+                  "data-resizing": re ? "" : void 0,
                   className: Ws
                 }
               ) : null
@@ -963,7 +963,7 @@ const Le = ne(
 );
 Xs.displayName = "Sidebar";
 const Zs = $(({ className: e, ...s }, t) => {
-  const { mode: i } = V();
+  const { mode: i } = H();
   return /* @__PURE__ */ r(
     "div",
     {
@@ -991,7 +991,7 @@ const Zs = $(({ className: e, ...s }, t) => {
   );
 });
 Zs.displayName = "SidebarHeader";
-const Je = ne(
+const Je = ae(
   [
     "ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]",
     "ds:border ds:border-dashed ds:border-[color:var(--border)]"
@@ -1007,7 +1007,7 @@ const Je = ne(
   }
 ), Js = $(
   ({ className: e, children: s, ...t }, i) => {
-    const { navElementId: d } = V(), { enabled: a, move: n } = Te(), u = a && (n != null && n.listEmpty) ? /* @__PURE__ */ r(
+    const { navElementId: d } = H(), { enabled: a, move: n } = Te(), u = a && (n != null && n.listEmpty) ? /* @__PURE__ */ r(
       "div",
       {
         "aria-hidden": "true",
@@ -1050,7 +1050,7 @@ const Je = ne(
 );
 Js.displayName = "SidebarBody";
 const Qs = $(({ className: e, ...s }, t) => {
-  const { mode: i } = V();
+  const { mode: i } = H();
   return /* @__PURE__ */ r(
     "div",
     {
@@ -1091,7 +1091,7 @@ const et = [
   "ds:size-4",
   "ds:text-[var(--accent)]",
   "ds:me-[var(--spacing-xs)]"
-].join(" "), Be = ne(
+].join(" "), Be = ae(
   "ds:flex ds:items-center ds:rounded-[var(--radius-sm)]",
   {
     variants: {
@@ -1121,7 +1121,7 @@ function at({
   nameRef: s,
   children: t
 }) {
-  const { navElementId: i, quietFocusRef: d } = V(), { move: a } = Te();
+  const { navElementId: i, quietFocusRef: d } = H(), { move: a } = Te();
   if (i === void 0) return t;
   const n = (u) => {
     const c = s.current;
@@ -1161,85 +1161,86 @@ const es = ie(!1), ss = $(
     onOpenChange: a,
     sectionId: n,
     actions: u,
-    className: c,
-    children: l,
-    ...x
-  }, C) => {
-    const { t: S } = de("ui"), { mode: A } = V(), p = A === "icon", v = ve(), g = ve(), w = U(null), [P, _] = J(
+    headingLevel: c = 3,
+    className: l,
+    children: w,
+    ...C
+  }, I) => {
+    const { t: j } = de("ui"), { mode: v } = H(), p = v === "icon", b = ve(), x = ve(), P = U(null), [L, A] = Z(
       () => /* @__PURE__ */ new Set()
-    ), j = F((Y, pe) => {
-      _((ae) => {
-        if (ae.has(Y) === pe) return ae;
-        const ge = new Set(ae);
-        return pe ? ge.add(Y) : ge.delete(Y), ge;
+    ), T = F((X, pe) => {
+      A((z) => {
+        if (z.has(X) === pe) return z;
+        const V = new Set(z);
+        return pe ? V.add(X) : V.delete(X), V;
       });
-    }, []), z = t && !p && !!e, [L, K] = J(i), R = d ?? L, M = U(R);
-    M.current = R;
-    const k = F(
-      (Y) => {
-        d === void 0 && K(Y), a == null || a(Y);
+    }, []), _ = t && !p && !!e, [K, Y] = Z(i), k = d ?? K, R = U(k);
+    R.current = k;
+    const O = F(
+      (X) => {
+        d === void 0 && Y(X), a == null || a(X);
       },
       [d, a]
-    ), D = re(Oe), b = ve(), H = U(null), G = xe(
-      () => $e(C, H),
-      [C]
+    ), g = oe(Oe), M = ve(), G = U(null), W = ye(
+      () => $e(I, G),
+      [I]
     ), q = t && !!e;
-    we(() => {
-      if (!(!D || !q))
-        return () => D.remove(b);
-    }, [D, b, q]), we(() => {
-      !D || !q || D.set(b, {
-        open: R,
+    xe(() => {
+      if (!(!g || !q))
+        return () => g.remove(M);
+    }, [g, M, q]), xe(() => {
+      !g || !q || g.set(M, {
+        open: k,
         sectionId: n,
         controlled: d !== void 0,
-        setOpen: k,
-        setInner: K,
-        element: () => H.current
+        setOpen: O,
+        setInner: Y,
+        element: () => G.current
       });
-    }, [D, b, q, R, n, d, k]);
-    const { enabled: W, move: X, registerSection: oe } = Te(), ee = re(es);
-    te(() => {
-      W && n === void 0 && !ee && bs() && console.warn(
+    }, [g, M, q, k, n, d, O]);
+    const { enabled: J, move: Q, registerSection: ee } = Te(), re = oe(es);
+    ne(() => {
+      J && n === void 0 && !re && bs() && console.warn(
         `SidebarSection "${e ?? ""}": moves are on but it has no sectionId, so its items cannot move.`
       );
-    }, [W, n, ee, e]), te(() => {
-      if (!(n === void 0 || !oe))
-        return oe(n, () => {
-          M.current || k(!0);
+    }, [J, n, re, e]), ne(() => {
+      if (!(n === void 0 || !ee))
+        return ee(n, () => {
+          R.current || O(!0);
         });
-    }, [n, oe, k]);
-    const se = W && X !== null && n !== void 0, le = se && X.target.indicator.kind === "section" && X.target.indicator.sectionId === n && !fe(X.target, X.origin), o = se && X.emptySectionIds.includes(n) ? /* @__PURE__ */ r(
+    }, [n, ee, O]);
+    const le = J && Q !== null && n !== void 0, o = le && Q.target.indicator.kind === "section" && Q.target.indicator.sectionId === n && !fe(Q.target, Q.origin), S = le && Q.emptySectionIds.includes(n) ? /* @__PURE__ */ r(
       "div",
       {
         "aria-hidden": "true",
         "data-sidebar-drop-zone": n,
-        className: Je({ active: le })
+        className: Je({ active: o })
       }
-    ) : null, N = n !== void 0 ? {
+    ) : null, E = n !== void 0 ? {
       "data-sidebar-section-id": n,
       "data-sidebar-section-label": e ?? "",
-      "data-sidebar-section-open": String(!z || R)
-    } : {}, T = u && !p ? /* @__PURE__ */ r(
+      "data-sidebar-section-open": String(!_ || k)
+    } : {}, m = u && !p ? /* @__PURE__ */ r(
       "span",
       {
         role: "group",
-        "aria-label": e ? S("navigation.sidebar.sectionActions", { section: e }) : void 0,
+        "aria-label": e ? j("navigation.sidebar.sectionActions", { section: e }) : void 0,
         className: st,
         children: u
       }
-    ) : null, m = z && !R && P.size > 0, f = e && !p ? /* @__PURE__ */ r("p", { "data-sidebar-section-empty": "", className: tt, children: S(W && n !== void 0 ? "navigation.sidebar.section.emptyMove" : "navigation.sidebar.section.empty") }) : null, I = /* @__PURE__ */ r(Ye.Provider, { value: { sectionId: n }, children: /* @__PURE__ */ h(Qe.Provider, { value: j, children: [
-      /* @__PURE__ */ r("div", { "data-sidebar-section-items": "", className: "ds:contents", children: l }),
-      f,
-      o
-    ] }) }), O = [
+    ) : null, f = _ && !k && L.size > 0, N = e && !p ? /* @__PURE__ */ r("p", { "data-sidebar-section-empty": "", className: tt, children: j(J && n !== void 0 ? "navigation.sidebar.section.emptyMove" : "navigation.sidebar.section.empty") }) : null, D = /* @__PURE__ */ r(Ye.Provider, { value: { sectionId: n }, children: /* @__PURE__ */ h(Qe.Provider, { value: T, children: [
+      /* @__PURE__ */ r("div", { "data-sidebar-section-items": "", className: "ds:contents", children: w }),
+      N,
+      S
+    ] }) }), B = [
       "ds:flex ds:flex-col",
       "ds:gap-[var(--spacing-xs)]",
       "ds:mt-[var(--spacing-sm)]",
       rt,
-      c ?? ""
+      l ?? ""
     ].filter(Boolean).join(" ");
-    if (!z) {
-      const Y = !!e || !!s, pe = e ? { role: "group", "aria-labelledby": v } : {}, ae = Y ? /* @__PURE__ */ h(
+    if (!_) {
+      const X = !!e || !!s, pe = e ? { role: "group", "aria-labelledby": b } : {}, z = X ? /* @__PURE__ */ h(
         "span",
         {
           className: [
@@ -1248,82 +1249,89 @@ const es = ie(!1), ss = $(
             "ds:text-[var(--muted-foreground)]",
             "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
             "ds:py-[var(--spacing-xs)]",
-            T ? "ds:min-w-0 ds:flex-1" : "",
+            m ? "ds:min-w-0 ds:flex-1" : "",
             p && !s ? "ds:sr-only" : ""
           ].filter(Boolean).join(" "),
           children: [
             s ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Me, children: s }) : null,
-            e ? /* @__PURE__ */ r("span", { id: v, className: p ? "ds:sr-only" : "", children: e }) : null
+            e ? /* @__PURE__ */ r("span", { id: b, className: p ? "ds:sr-only" : "", children: e }) : null
           ]
         }
       ) : null;
       return /* @__PURE__ */ h(
         "div",
         {
-          ref: G,
-          className: O,
+          ref: W,
+          className: B,
           ...pe,
-          ...N,
-          ...x,
+          ...E,
+          ...C,
           children: [
-            T ? /* @__PURE__ */ h(
+            m ? /* @__PURE__ */ h(
               "div",
               {
                 "data-sidebar-section-heading": "",
                 className: Be(),
                 children: [
-                  ae,
-                  T
+                  z,
+                  m
                 ]
               }
-            ) : ae,
-            I
+            ) : z,
+            D
           ]
         }
       );
     }
-    const B = "section";
+    const se = "section", we = c === !1 ? "div" : `h${c}`;
     return /* @__PURE__ */ r(
       Ne.Root,
       {
         type: "single",
         collapsible: !0,
-        value: R ? B : "",
-        onValueChange: (Y) => k(Y === B),
+        value: k ? se : "",
+        onValueChange: (X) => O(X === se),
         asChild: !0,
         children: /* @__PURE__ */ r(
           "div",
           {
-            ref: G,
-            className: O,
-            ...N,
-            ...x,
-            children: /* @__PURE__ */ h(Ne.Item, { value: B, children: [
+            ref: W,
+            className: B,
+            ...E,
+            ...C,
+            children: /* @__PURE__ */ h(Ne.Item, { value: se, children: [
               /* @__PURE__ */ h(
                 "div",
                 {
                   "data-sidebar-section-heading": "",
                   className: Be({
-                    dropInto: le && !R
+                    dropInto: o && !k
                   }),
                   children: [
-                    /* @__PURE__ */ r(at, { name: e ?? "", nameRef: w, children: /* @__PURE__ */ r("div", { className: "ds:flex ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ r(Ne.Header, { className: "ds:flex ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ h(
+                    /* @__PURE__ */ r(at, { name: e ?? "", nameRef: P, children: /* @__PURE__ */ r("div", { className: "ds:flex ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ r(Ne.Header, { asChild: !0, children: /* @__PURE__ */ r(we, { className: "ds:flex ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ h(
                       Ne.Trigger,
                       {
                         className: et,
-                        "data-holds-current": m ? "" : void 0,
-                        "aria-describedby": m ? g : void 0,
+                        "data-holds-current": f ? "" : void 0,
+                        "aria-describedby": f ? x : void 0,
                         children: [
-                          s ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Me, children: s }) : null,
+                          s ? /* @__PURE__ */ r(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              className: Me,
+                              children: s
+                            }
+                          ) : null,
                           /* @__PURE__ */ r(
                             "span",
                             {
-                              ref: w,
+                              ref: P,
                               className: `ds:flex-1 ds:text-start ${ot}`,
                               children: e
                             }
                           ),
-                          m ? /* @__PURE__ */ r(
+                          f ? /* @__PURE__ */ r(
                             "span",
                             {
                               "aria-hidden": "true",
@@ -1340,11 +1348,11 @@ const es = ie(!1), ss = $(
                           )
                         ]
                       }
-                    ) }) }) }),
-                    T,
-                    m ? (
+                    ) }) }) }) }),
+                    m,
+                    f ? (
                       // Hidden, yet still the fold button's description.
-                      /* @__PURE__ */ r("span", { id: g, hidden: !0, children: S("navigation.sidebar.section.containsCurrent") })
+                      /* @__PURE__ */ r("span", { id: x, hidden: !0, children: j("navigation.sidebar.section.containsCurrent") })
                     ) : null
                   ]
                 }
@@ -1360,7 +1368,7 @@ const es = ie(!1), ss = $(
                     // Force-mounted content is never hidden by Radix: do it here.
                     "ds:data-[state=closed]:hidden"
                   ].join(" "),
-                  children: I
+                  children: D
                 }
               )
             ] })
@@ -1393,7 +1401,7 @@ const it = [
     onOpenChange: n,
     ...u
   }, c) => {
-    const { mode: l } = V();
+    const { mode: l } = H();
     return /* @__PURE__ */ h(
       Ee.Root,
       {
@@ -1455,7 +1463,7 @@ const me = [
   "ds:bg-[var(--foreground)] ds:text-[var(--background)]",
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:text-[length:var(--font-size-xs)]",
   "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
-].join(" "), lt = ne(
+].join(" "), lt = ae(
   [
     // Every row is a pin-hover parent so inline pin / reorder affordances can
     // fade in on hover of the whole row — keep `group/item` on this selector.
@@ -1521,7 +1529,7 @@ const me = [
   "ds:before:h-[length:var(--focus-ring-width)] ds:before:content-['']",
   "ds:before:rounded-[var(--radius-full)] ds:before:bg-[var(--primary)]",
   "ds:forced-colors:before:bg-[CanvasText]"
-].join(" "), ct = ne("", {
+].join(" "), ct = ae("", {
   variants: {
     movable: {
       true: "ds:select-none ds:[-webkit-touch-callout:none]",
@@ -1547,68 +1555,68 @@ const me = [
     children: u,
     "aria-label": c,
     "aria-describedby": l,
-    onKeyDown: x,
+    onKeyDown: w,
     onPointerDown: C,
-    onBlur: S,
-    ...A
-  }, p) => {
-    const { mode: v, density: g, quietFocusRef: w, navElementId: P } = V(), _ = e ? Ue : "a", j = d !== void 0 && v !== "icon", z = Te(), L = re(Ye), K = re(Qe), R = ve(), M = s || A["aria-current"] === "page";
-    te(() => {
+    onBlur: I,
+    ...j
+  }, v) => {
+    const { mode: p, density: b, quietFocusRef: x, navElementId: P } = H(), L = e ? Ue : "a", A = d !== void 0 && p !== "icon", T = Te(), _ = oe(Ye), K = oe(Qe), Y = ve(), k = s || j["aria-current"] === "page";
+    ne(() => {
       if (K)
-        return K(R, M), () => K(R, !1);
-    }, [K, R, M]);
-    const k = z.enabled && v !== "icon" && t !== void 0 && (L === null || L.sectionId !== void 0) ? t : void 0, D = z.move, b = D && !fe(D.target, D.origin) ? D.target : null, H = k !== void 0 && (b == null ? void 0 : b.indicator.kind) === "item" && b.indicator.itemId === k ? b.indicator.edge : "none", G = k !== void 0 ? {
-      "data-sidebar-item-id": k,
-      "data-moving": (D == null ? void 0 : D.itemId) === k ? "" : void 0,
+        return K(Y, k), () => K(Y, !1);
+    }, [K, Y, k]);
+    const R = T.enabled && p !== "icon" && t !== void 0 && (_ === null || _.sectionId !== void 0) ? t : void 0, O = T.move, g = O && !fe(O.target, O.origin) ? O.target : null, M = R !== void 0 && (g == null ? void 0 : g.indicator.kind) === "item" && g.indicator.itemId === R ? g.indicator.edge : "none", G = R !== void 0 ? {
+      "data-sidebar-item-id": R,
+      "data-moving": (O == null ? void 0 : O.itemId) === R ? "" : void 0,
       // A link would otherwise start the browser's own link drag.
       draggable: !1,
-      "aria-describedby": [l, z.instructionsId].filter(Boolean).join(" "),
+      "aria-describedby": [l, T.instructionsId].filter(Boolean).join(" "),
       // An image inside the item would start its own native drag.
       onDragStart: (f) => f.preventDefault(),
       onKeyDown: (f) => {
-        var O, B;
-        x == null || x(f);
-        const I = f.key === "Escape" && ((O = z.move) == null ? void 0 : O.itemId) === k;
-        (!f.defaultPrevented || I) && ((B = z.onItemKeyDown) == null || B.call(z, f, k));
+        var D, B;
+        w == null || w(f);
+        const N = f.key === "Escape" && ((D = T.move) == null ? void 0 : D.itemId) === R;
+        (!f.defaultPrevented || N) && ((B = T.onItemKeyDown) == null || B.call(T, f, R));
       },
       onPointerDown: (f) => {
-        var I;
-        C == null || C(f), (I = z.onItemPointerDown) == null || I.call(z, f, k);
+        var N;
+        C == null || C(f), (N = T.onItemPointerDown) == null || N.call(T, f, R);
       },
       onBlur: (f) => {
-        var I;
-        S == null || S(f), (I = z.onItemBlur) == null || I.call(z, k);
+        var N;
+        I == null || I(f), (N = T.onItemBlur) == null || N.call(T, R);
       }
     } : {
       // Keys left out when unset: an undefined one would override the
       // tooltip's own description through Slot.
       ...l !== void 0 ? { "aria-describedby": l } : {},
-      ...x ? { onKeyDown: x } : {},
+      ...w ? { onKeyDown: w } : {},
       ...C ? { onPointerDown: C } : {},
-      ...S ? { onBlur: S } : {}
-    }, q = ct({
-      movable: k !== void 0,
-      moving: D !== null && D.itemId === k,
-      drop: H
-    }), [W, X] = J(null), oe = v === "icon" && c != null && W ? `${c}, ${W}` : c, ee = /* @__PURE__ */ r(
-      _,
+      ...I ? { onBlur: I } : {}
+    }, W = ct({
+      movable: R !== void 0,
+      moving: O !== null && O.itemId === R,
+      drop: M
+    }), [q, J] = Z(null), Q = p === "icon" && c != null && q ? `${c}, ${q}` : c, ee = /* @__PURE__ */ r(
+      L,
       {
-        ref: p,
+        ref: v,
         "aria-current": s ? "page" : void 0,
-        "aria-label": oe,
+        "aria-label": Q,
         "data-nav-id": t,
-        "data-sidebar-item": j ? void 0 : "",
+        "data-sidebar-item": A ? void 0 : "",
         className: lt({
-          mode: v,
-          density: g,
+          mode: p,
+          density: b,
           isActive: s,
-          className: [j ? "ds:flex-1 ds:min-w-0" : n, q].filter(Boolean).join(" ")
+          className: [A ? "ds:flex-1 ds:min-w-0" : n, W].filter(Boolean).join(" ")
         }),
         ...G,
-        ...A,
+        ...j,
         children: u
       }
-    ), se = j ? /* @__PURE__ */ h(
+    ), re = A ? /* @__PURE__ */ h(
       "div",
       {
         "data-sidebar-item": "",
@@ -1628,25 +1636,25 @@ const me = [
           )
         ]
       }
-    ) : ee, le = U(null), [o, N] = J(), T = (f) => {
-      var B, Y;
-      const I = (B = le.current) == null ? void 0 : B.querySelector(
+    ) : ee, le = U(null), [o, S] = Z(), E = (f) => {
+      var B, se;
+      const N = (B = le.current) == null ? void 0 : B.querySelector(
         "[data-sidebar-item-label]"
       );
-      if (!(I != null && I.scrollWidth > I.clientWidth) || w != null && w.current || z.move !== null) {
+      if (!(N != null && N.scrollWidth > N.clientWidth) || x != null && x.current || T.move !== null) {
         f.preventDefault();
         return;
       }
-      N(((Y = I.textContent) == null ? void 0 : Y.trim()) || void 0);
-    }, m = v !== "icon" && P !== void 0 ? /* @__PURE__ */ h(y.Root, { children: [
+      S(((se = N.textContent) == null ? void 0 : se.trim()) || void 0);
+    }, m = p !== "icon" && P !== void 0 ? /* @__PURE__ */ h(y.Root, { children: [
       /* @__PURE__ */ r(
         y.Trigger,
         {
           asChild: !0,
           ref: le,
-          onPointerMove: T,
-          onFocus: T,
-          children: se
+          onPointerMove: E,
+          onFocus: E,
+          children: re
         }
       ),
       /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
@@ -1661,8 +1669,8 @@ const me = [
           ]
         }
       ) })
-    ] }) : v === "icon" && c ? /* @__PURE__ */ h(y.Root, { children: [
-      /* @__PURE__ */ r(y.Trigger, { asChild: !0, children: se }),
+    ] }) : p === "icon" && c ? /* @__PURE__ */ h(y.Root, { children: [
+      /* @__PURE__ */ r(y.Trigger, { asChild: !0, children: re }),
       /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
         y.Content,
         {
@@ -1675,8 +1683,8 @@ const me = [
           ]
         }
       ) })
-    ] }) : se;
-    return /* @__PURE__ */ r(ts.Provider, { value: X, children: m });
+    ] }) : re;
+    return /* @__PURE__ */ r(ts.Provider, { value: J, children: m });
   }
 );
 rs.displayName = "SidebarItem";
@@ -1703,7 +1711,7 @@ const ut = $(({ className: e, children: s, ...t }, i) => /* @__PURE__ */ r(
 ));
 ut.displayName = "SidebarItemIcon";
 const ft = $(({ className: e, children: s, ...t }, i) => {
-  const { mode: d } = V();
+  const { mode: d } = H();
   return /* @__PURE__ */ r(
     "span",
     {
@@ -1723,8 +1731,8 @@ const ft = $(({ className: e, children: s, ...t }, i) => {
 });
 ft.displayName = "SidebarItemLabel";
 const mt = $(({ className: e, children: s, ...t }, i) => {
-  const { mode: d } = V(), a = d === "icon", n = re(ts);
-  return te(() => {
+  const { mode: d } = H(), a = d === "icon", n = oe(ts);
+  return ne(() => {
     if (!n || !a) return;
     const u = s == null || s === !1 ? null : String(s).trim() || null;
     return n(u), () => n(null);
@@ -1758,7 +1766,7 @@ const mt = $(({ className: e, children: s, ...t }, i) => {
   );
 });
 mt.displayName = "SidebarItemBadge";
-const pt = ne(
+const pt = ae(
   [
     "ds:flex ds:items-center",
     "ds:text-[var(--foreground)]",
@@ -1808,7 +1816,7 @@ const pt = ne(
   }
 ), vt = $(
   ({ logo: e, name: s, showChevron: t = !0, variant: i = "ghost", className: d, ...a }, n) => {
-    const { mode: u } = V(), c = u !== "icon";
+    const { mode: u } = H(), c = u !== "icon";
     return /* @__PURE__ */ h(
       "button",
       {
@@ -1887,7 +1895,7 @@ function os({
     slot: e && !s ? /* @__PURE__ */ r(us, { children: t }) : null
   };
 }
-const gt = ne(
+const gt = ae(
   [
     "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1933,46 +1941,46 @@ const gt = ne(
     children: u,
     onClickCapture: c,
     onAuxClickCapture: l,
-    ...x
+    ...w
   }, C) => {
-    const { mode: S } = V(), A = S !== "icon", p = os({
+    const { mode: I } = H(), j = I !== "icon", v = os({
       asChild: i,
       disabled: a,
       children: u,
       onClickCapture: c,
       onAuxClickCapture: l
-    }), { Comp: v } = p, g = /* @__PURE__ */ r(
+    }), { Comp: p } = v, b = /* @__PURE__ */ r(
       "span",
       {
         "aria-hidden": "true",
         className: "ds:inline-flex ds:size-4 ds:items-center ds:justify-center",
         children: e
       }
-    ), w = A ? /* @__PURE__ */ h(Ie, { children: [
+    ), x = j ? /* @__PURE__ */ h(Ie, { children: [
       /* @__PURE__ */ r("span", { "data-sidebar-primary-label": "", className: "ds:truncate", children: s }),
       t && !a ? /* @__PURE__ */ r("kbd", { className: "ds:ms-auto ds:text-[length:var(--font-size-xs)] ds:font-[family-name:var(--font-mono)] ds:opacity-80", children: t }) : null
     ] }) : null, P = /* @__PURE__ */ h(
-      v,
+      p,
       {
         ref: C,
-        ...p.props,
+        ...v.props,
         "aria-label": s,
         "aria-keyshortcuts": a ? void 0 : Ke(t),
         "aria-current": d ? "page" : void 0,
         className: [
-          gt({ mode: S }),
-          p.hostClassName,
+          gt({ mode: I }),
+          v.hostClassName,
           n
         ].filter(Boolean).join(" "),
-        ...x,
+        ...w,
         children: [
-          g,
-          p.slot,
-          w
+          b,
+          v.slot,
+          x
         ]
       }
     );
-    return A ? P : /* @__PURE__ */ h(y.Root, { children: [
+    return j ? P : /* @__PURE__ */ h(y.Root, { children: [
       /* @__PURE__ */ r(y.Trigger, { asChild: !0, children: P }),
       /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
         y.Content,
@@ -2013,33 +2021,33 @@ const ht = [
     children: u,
     onClickCapture: c,
     onAuxClickCapture: l,
-    ...x
+    ...w
   }, C) => {
-    const { mode: S, navElementId: A, quietFocusRef: p } = V(), v = os({
+    const { mode: I, navElementId: j, quietFocusRef: v } = H(), p = os({
       asChild: i,
       disabled: a,
       children: u,
       onClickCapture: c,
       onAuxClickCapture: l
-    }), { Comp: g } = v, w = /* @__PURE__ */ h(y.Root, { children: [
+    }), { Comp: b } = p, x = /* @__PURE__ */ h(y.Root, { children: [
       /* @__PURE__ */ r(
         y.Trigger,
         {
           asChild: !0,
           onFocus: (P) => {
-            p != null && p.current && P.preventDefault();
+            v != null && v.current && P.preventDefault();
           },
           children: /* @__PURE__ */ h(
-            g,
+            b,
             {
               ref: C,
               "data-component": "sidebar-header-action",
-              ...v.props,
+              ...p.props,
               "aria-label": s,
               "aria-keyshortcuts": a ? void 0 : Ke(t),
               "aria-current": d ? "page" : void 0,
-              className: [ht, v.hostClassName, n].filter(Boolean).join(" "),
-              ...x,
+              className: [ht, p.hostClassName, n].filter(Boolean).join(" "),
+              ...w,
               children: [
                 /* @__PURE__ */ r(
                   "span",
@@ -2049,7 +2057,7 @@ const ht = [
                     children: e
                   }
                 ),
-                v.slot
+                p.slot
               ]
             }
           )
@@ -2058,7 +2066,7 @@ const ht = [
       /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
         y.Content,
         {
-          side: S === "icon" ? "right" : "bottom",
+          side: I === "icon" ? "right" : "bottom",
           sideOffset: 6,
           className: me,
           children: [
@@ -2069,32 +2077,32 @@ const ht = [
         }
       ) })
     ] });
-    return A !== void 0 ? w : /* @__PURE__ */ r(y.Provider, { delayDuration: 300, children: w });
+    return j !== void 0 ? x : /* @__PURE__ */ r(y.Provider, { delayDuration: 300, children: x });
   }
 );
 as.displayName = "SidebarHeaderAction";
 const yt = $(({ onClick: e, disabled: s = !1, ...t }, i) => {
-  const { t: d } = de("ui"), { mode: a } = V(), n = re(Oe), [{ total: u, open: c }, l] = J(
+  const { t: d } = de("ui"), { mode: a } = H(), n = oe(Oe), [{ total: u, open: c }, l] = Z(
     () => (n == null ? void 0 : n.getSnapshot()) ?? Hs
   );
-  if (we(() => {
+  if (xe(() => {
     if (n)
       return l(n.getSnapshot()), n.subscribe(() => l(n.getSnapshot()));
   }, [n]), !n || u === 0) return null;
-  const x = c > 0;
+  const w = c > 0;
   return /* @__PURE__ */ r(
     as,
     {
       ref: i,
-      icon: x ? /* @__PURE__ */ r(Ss, { "aria-hidden": "true", className: "ds:size-4" }) : /* @__PURE__ */ r(Is, { "aria-hidden": "true", className: "ds:size-4" }),
+      icon: w ? /* @__PURE__ */ r(Ss, { "aria-hidden": "true", className: "ds:size-4" }) : /* @__PURE__ */ r(Is, { "aria-hidden": "true", className: "ds:size-4" }),
       label: d(
-        x ? "navigation.sidebar.collapseAllSections" : "navigation.sidebar.expandAllSections"
+        w ? "navigation.sidebar.collapseAllSections" : "navigation.sidebar.expandAllSections"
       ),
-      "aria-expanded": x,
+      "aria-expanded": w,
       "data-sidebar-sections-toggle": "",
       disabled: a === "icon" || s,
       onClick: (C) => {
-        e == null || e(C), C.defaultPrevented || n.setAll(!x);
+        e == null || e(C), C.defaultPrevented || n.setAll(!w);
       },
       ...t
     }
@@ -2127,7 +2135,7 @@ const xt = [
   "ds:motion-reduce:transition-none"
 ].join(" "), Pe = $(
   ({ isPinned: e, onPinChange: s, label: t, className: i, onClick: d, ...a }, n) => {
-    const { t: u } = de("ui"), { mode: c } = V();
+    const { t: u } = de("ui"), { mode: c } = H();
     if (c === "icon") return null;
     const l = e ? u("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: t }) : u("navigation.sidebar.pinItem", "Pin {{label}}", { label: t });
     return /* @__PURE__ */ r(
@@ -2138,8 +2146,8 @@ const xt = [
         "aria-label": l,
         "aria-pressed": e,
         className: [xt, i].filter(Boolean).join(" "),
-        onClick: (x) => {
-          x.preventDefault(), x.stopPropagation(), s == null || s(!e), d == null || d(x);
+        onClick: (w) => {
+          w.preventDefault(), w.stopPropagation(), s == null || s(!e), d == null || d(w);
         },
         ...a,
         children: /* @__PURE__ */ r(
@@ -2155,13 +2163,13 @@ const xt = [
   }
 );
 Pe.displayName = "SidebarPinButton";
-const is = ie(null), wt = () => re(is), St = $(
+const is = ie(null), wt = () => oe(is), St = $(
   ({ heading: e, emptyMessage: s, onReorder: t, className: i, children: d, ...a }, n) => {
-    const { t: u } = de("ui"), c = e ?? u("navigation.sidebar.favorites", "Favourites"), l = Array.isArray(d) ? d.filter(Boolean) : d ? [d] : [], x = l.length, C = x > 0, [S, A] = J(null), [p, v] = J(""), g = U(!1), w = F((_) => {
-      g.current = !g.current, v(g.current ? _ : `${_}​`);
-    }, []), P = xe(
-      () => ({ onReorder: t, count: x, dragSource: S, setDragSource: A, announce: w }),
-      [t, x, S, w]
+    const { t: u } = de("ui"), c = e ?? u("navigation.sidebar.favorites", "Favourites"), l = Array.isArray(d) ? d.filter(Boolean) : d ? [d] : [], w = l.length, C = w > 0, [I, j] = Z(null), [v, p] = Z(""), b = U(!1), x = F((L) => {
+      b.current = !b.current, p(b.current ? L : `${L}​`);
+    }, []), P = ye(
+      () => ({ onReorder: t, count: w, dragSource: I, setDragSource: j, announce: x }),
+      [t, w, I, x]
     );
     return !C && !s ? null : /* @__PURE__ */ r(is.Provider, { value: P, children: /* @__PURE__ */ r(es.Provider, { value: !0, children: /* @__PURE__ */ h(
       ss,
@@ -2172,14 +2180,14 @@ const is = ie(null), wt = () => re(is), St = $(
         ...a,
         children: [
           C ? l : /* @__PURE__ */ r("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: s }),
-          /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: p })
+          /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: v })
         ]
       }
     ) }) });
   }
 );
 St.displayName = "SidebarFavorites";
-const Nt = ne(
+const Nt = ae(
   [
     "ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -2224,45 +2232,45 @@ const Nt = ne(
     "aria-label": u,
     className: c,
     children: l,
-    ...x
+    ...w
   }, C) => {
-    const { t: S } = de("ui"), { mode: A } = V(), p = wt(), [v, g] = J(!1), w = !!(p != null && p.onReorder) && A !== "icon", P = i ?? u ?? "", _ = ve(), j = (b, H) => {
-      if (!(p != null && p.onReorder)) return;
-      const G = Math.max(0, Math.min(p.count - 1, H));
-      G !== b && (p.onReorder(b, G), p.announce(
-        S(
+    const { t: I } = de("ui"), { mode: j } = H(), v = wt(), [p, b] = Z(!1), x = !!(v != null && v.onReorder) && j !== "icon", P = i ?? u ?? "", L = ve(), A = (g, M) => {
+      if (!(v != null && v.onReorder)) return;
+      const G = Math.max(0, Math.min(v.count - 1, M));
+      G !== g && (v.onReorder(g, G), v.announce(
+        I(
           "navigation.sidebar.reorderAnnounce",
           "{{label}} moved to position {{to}} of {{total}}",
-          { label: P, to: G + 1, total: p.count }
+          { label: P, to: G + 1, total: v.count }
         )
       ));
-    }, z = (b) => {
-      w && (b.altKey && b.key === "ArrowUp" ? (b.preventDefault(), j(e, e - 1)) : b.altKey && b.key === "ArrowDown" ? (b.preventDefault(), j(e, e + 1)) : b.key === "Home" && b.altKey ? (b.preventDefault(), j(e, 0)) : b.key === "End" && b.altKey && (b.preventDefault(), j(e, p.count - 1)));
-    }, L = (b) => {
-      w && (p == null || p.setDragSource(e), b.dataTransfer && (b.dataTransfer.effectAllowed = "move", b.dataTransfer.setData("ds:text/plain", String(e))));
+    }, T = (g) => {
+      x && (g.altKey && g.key === "ArrowUp" ? (g.preventDefault(), A(e, e - 1)) : g.altKey && g.key === "ArrowDown" ? (g.preventDefault(), A(e, e + 1)) : g.key === "Home" && g.altKey ? (g.preventDefault(), A(e, 0)) : g.key === "End" && g.altKey && (g.preventDefault(), A(e, v.count - 1)));
+    }, _ = (g) => {
+      x && (v == null || v.setDragSource(e), g.dataTransfer && (g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("ds:text/plain", String(e))));
     }, K = () => {
-      p == null || p.setDragSource(null), g(!1);
-    }, R = (b) => {
-      !w || (p == null ? void 0 : p.dragSource) === null || (b.preventDefault(), b.dataTransfer && (b.dataTransfer.dropEffect = "move"), g(!0));
-    }, M = () => g(!1), k = (b) => {
-      if (!w) return;
-      b.preventDefault();
-      const H = p == null ? void 0 : p.dragSource;
-      g(!1), !(H == null || H === e) && j(H, e);
-    }, D = (p == null ? void 0 : p.dragSource) === e;
+      v == null || v.setDragSource(null), b(!1);
+    }, Y = (g) => {
+      !x || (v == null ? void 0 : v.dragSource) === null || (g.preventDefault(), g.dataTransfer && (g.dataTransfer.dropEffect = "move"), b(!0));
+    }, k = () => b(!1), R = (g) => {
+      if (!x) return;
+      g.preventDefault();
+      const M = v == null ? void 0 : v.dragSource;
+      b(!1), !(M == null || M === e) && A(M, e);
+    }, O = (v == null ? void 0 : v.dragSource) === e;
     return /* @__PURE__ */ h(
       "div",
       {
         className: Nt({
-          dragging: D,
-          dropTarget: v && !D
+          dragging: O,
+          dropTarget: p && !O
         }),
-        draggable: w || void 0,
-        onDragStart: w ? L : void 0,
-        onDragEnd: w ? K : void 0,
-        onDragOver: R,
-        onDragLeave: M,
-        onDrop: k,
+        draggable: x || void 0,
+        onDragStart: x ? _ : void 0,
+        onDragEnd: x ? K : void 0,
+        onDragOver: Y,
+        onDragLeave: k,
+        onDrop: R,
         children: [
           /* @__PURE__ */ r(
             rs,
@@ -2271,29 +2279,29 @@ const Nt = ne(
               isActive: s,
               asChild: t,
               "aria-label": u,
-              "aria-describedby": w ? _ : void 0,
-              draggable: w ? !1 : void 0,
-              className: [w ? "ds:flex-1 ds:min-w-0" : "", c ?? ""].filter(Boolean).join(" "),
-              ...x,
+              "aria-describedby": x ? L : void 0,
+              draggable: x ? !1 : void 0,
+              className: [x ? "ds:flex-1 ds:min-w-0" : "", c ?? ""].filter(Boolean).join(" "),
+              ...w,
               children: l
             }
           ),
-          w ? /* @__PURE__ */ r(
+          x ? /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              id: _,
-              "aria-label": S(
+              id: L,
+              "aria-label": I(
                 "navigation.sidebar.reorderHandle",
                 "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
                 { label: P }
               ),
               className: It,
-              onKeyDown: z,
+              onKeyDown: T,
               children: /* @__PURE__ */ r(hs, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
-          a && A !== "icon" ? /* @__PURE__ */ r(
+          a && j !== "icon" ? /* @__PURE__ */ r(
             Pe,
             {
               isPinned: d,
@@ -2307,7 +2315,7 @@ const Nt = ne(
   }
 );
 Ct.displayName = "SidebarFavoriteItem";
-const zt = ne(
+const zt = ae(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -2321,7 +2329,7 @@ const zt = ne(
     "ds:no-underline"
   ].join(" ")
 ), Tt = $(({ avatar: e, name: s, subtitle: t, subtitleLabel: i, className: d, ...a }, n) => {
-  const { mode: u } = V(), c = u !== "icon", l = typeof t == "string" ? t : i;
+  const { mode: u } = H(), c = u !== "icon", l = typeof t == "string" ? t : i;
   return /* @__PURE__ */ h(
     "button",
     {
@@ -2349,22 +2357,22 @@ const zt = ne(
 });
 Tt.displayName = "SidebarProfilePill";
 const Et = $(({ className: e, "aria-label": s, onClick: t, ...i }, d) => {
-  const { t: a } = de("ui"), { mode: n, density: u, transitionTo: c } = V();
+  const { t: a } = de("ui"), { mode: n, density: u, transitionTo: c } = H();
   if (n === "overlay") return null;
-  const l = n === "expanded", x = l ? [
+  const l = n === "expanded", w = l ? [
     "ds:justify-start",
     u === "compact" ? "ds:ps-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-sm)]"
-  ].join(" ") : "ds:justify-center", C = s ?? (l ? a("navigation.sidebar.collapse", "Collapse sidebar") : a("navigation.sidebar.expand", "Expand sidebar")), S = /* @__PURE__ */ r(
+  ].join(" ") : "ds:justify-center", C = s ?? (l ? a("navigation.sidebar.collapse", "Collapse sidebar") : a("navigation.sidebar.expand", "Expand sidebar")), I = /* @__PURE__ */ r(
     "button",
     {
       ref: d,
       type: "button",
       "aria-label": C,
       "aria-expanded": l,
-      onClick: (A) => {
-        c == null || c(l ? "icon" : "expanded"), t == null || t(A);
+      onClick: (j) => {
+        c == null || c(l ? "icon" : "expanded"), t == null || t(j);
       },
-      className: [ns, x, e].filter(Boolean).join(" "),
+      className: [ns, w, e].filter(Boolean).join(" "),
       ...i,
       children: /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:size-5 ds:shrink-0 ds:items-center ds:justify-center", children: l ? /* @__PURE__ */ r(
         zs,
@@ -2382,7 +2390,7 @@ const Et = $(({ className: e, "aria-label": s, onClick: t, ...i }, d) => {
     }
   );
   return /* @__PURE__ */ h(y.Root, { children: [
-    /* @__PURE__ */ r(y.Trigger, { asChild: !0, children: S }),
+    /* @__PURE__ */ r(y.Trigger, { asChild: !0, children: I }),
     /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
       y.Content,
       {
@@ -2399,8 +2407,8 @@ const Et = $(({ className: e, "aria-label": s, onClick: t, ...i }, d) => {
 });
 Et.displayName = "SidebarCollapseTrigger";
 const jt = $(({ className: e, ...s }, t) => {
-  const { t: i } = de("ui"), { mode: d, quietFocusRef: a } = V(), n = re(We), u = d === "overlay" && n !== null;
-  if (we(() => {
+  const { t: i } = de("ui"), { mode: d, quietFocusRef: a } = H(), n = oe(We), u = d === "overlay" && n !== null;
+  if (xe(() => {
     if (!(!u || !n))
       return n();
   }, [u, n]), !u) return null;
@@ -2413,7 +2421,7 @@ const jt = $(({ className: e, ...s }, t) => {
         onFocus: (l) => {
           a != null && a.current && l.preventDefault();
         },
-        children: /* @__PURE__ */ r(be.Close, { asChild: !0, children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r(ge.Close, { asChild: !0, children: /* @__PURE__ */ r(
           "button",
           {
             ref: t,
@@ -2441,7 +2449,7 @@ const jt = $(({ className: e, ...s }, t) => {
   ] });
 });
 jt.displayName = "SidebarCloseTrigger";
-const kt = ne(
+const kt = ae(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)]",
@@ -2473,7 +2481,7 @@ const kt = ne(
     defaultVariants: { mode: "expanded" }
   }
 ), At = $(({ title: e, description: s, icon: t, className: i, ...d }, a) => {
-  const { mode: n } = V(), u = n === "icon", c = (
+  const { mode: n } = H(), u = n === "icon", c = (
     // aria-label only in icon mode (where the copy is hidden) — in
     // expanded mode the accessible name comes from the visible contents
     // so the description isn't excluded from it.
@@ -2558,6 +2566,6 @@ export {
   At as s,
   vt as t,
   Os as u,
-  V as v
+  H as v
 };
-//# sourceMappingURL=sidebar-DhePV1hE.js.map
+//# sourceMappingURL=sidebar-BS24EnYd.js.map