@alfadocs/ui-kit 1.58.0 → 1.59.0

package/dist/_chunks/{sidebar-D4Wllqfz.js → sidebar-D_S2-SXH.js}

@@ -1,48 +1,48 @@
-import { jsxs as h, Fragment as xe, jsx as r } from "react/jsx-runtime";
-import { useId as ye, useState as re, useRef as F, useCallback as L, useEffect as ne, useMemo as he, createContext as ce, useContext as ue, forwardRef as H } from "react";
-import * as pe from "@radix-ui/react-dialog";
-import * as Se from "@radix-ui/react-collapsible";
-import * as be from "@radix-ui/react-accordion";
-import * as E from "@radix-ui/react-tooltip";
-import { a as Xe } from "./accordion-Ch3xp0mX.js";
-import { S as We } from "./scroll-area-CY5SLYNw.js";
-import { Slot as Ze } from "@radix-ui/react-slot";
-import { c as ee } from "./index-D2ZczOXr.js";
-import { useTranslation as de } from "react-i18next";
-import { u as Je } from "./registry-DvAUVLHh.js";
-import { u as Qe } from "./use-edge-resize-DHbyQwu8.js";
-import { c as es } from "./compose-refs-C0k0tdqF.js";
-import { a as ss, b as ts, d as ns } from "./input-surface-iBmxVBfr.js";
-import { u as rs } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { i as as } from "./is-development-CLUAnsU7.js";
-import { X as is } from "./x-B5YnXwCz.js";
+import { jsxs as x, Fragment as ye, jsx as s } from "react/jsx-runtime";
+import { useId as fe, useState as se, useRef as V, useCallback as B, useEffect as ee, useMemo as xe, createContext as le, useContext as ce, forwardRef as $, isValidElement as Ze } from "react";
+import * as ge from "@radix-ui/react-dialog";
+import * as Ne from "@radix-ui/react-collapsible";
+import * as he from "@radix-ui/react-accordion";
+import * as C from "@radix-ui/react-tooltip";
+import { a as Je } from "./accordion-Ch3xp0mX.js";
+import { S as Qe } from "./scroll-area-CY5SLYNw.js";
+import { Slot as Le, Slottable as es } from "@radix-ui/react-slot";
+import { c as te } from "./index-D2ZczOXr.js";
+import { useTranslation as ue } from "react-i18next";
+import { u as ss } from "./registry-DvAUVLHh.js";
+import { u as ts } from "./use-edge-resize-DHbyQwu8.js";
+import { c as rs } from "./compose-refs-C0k0tdqF.js";
+import { a as ns, b as as, d as is } from "./input-surface-iBmxVBfr.js";
+import { u as os } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { i as ds } from "./is-development-CLUAnsU7.js";
+import { X as cs } from "./x-B5YnXwCz.js";
 import { c as Me } from "./createLucideIcon-DhHxpK9K.js";
-import { G as os } from "./grip-vertical-onSb1JXO.js";
+import { G as ls } from "./grip-vertical-onSb1JXO.js";
 import { C as we } from "./chevron-right-I9AeSxH2.js";
-import { S as ds } from "./star-Bf9L2Uot.js";
-import { T as ls } from "./trending-up-C_luYBzS.js";
+import { S as us } from "./star-Bf9L2Uot.js";
+import { T as ms } from "./trending-up-C_luYBzS.js";
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const cs = [
+const fs = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
-], us = Me("panel-left-close", cs);
+], ps = Me("panel-left-close", fs);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ms = [
+const vs = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
-], fs = Me("panel-left-open", ms), ps = {
+], gs = Me("panel-left-open", vs), bs = {
   id: "sidebar",
   capabilities: ["expand"],
   state: {
@@ -77,130 +77,130 @@ const ms = [
       description: "Each Sidebar.Item emits its `navId` prop as data-nav-id. Agents activate a nav item via native click on the matching anchor."
     }
   }
-}, Ne = ce({
+}, ze = le({
   enabled: !1,
   move: null
-}), Ce = () => ue(Ne), _e = ce(null), oe = (e, t) => e.sectionId === t.sectionId && e.index === t.index, Be = "[data-sidebar-item-id]", Fe = "[data-sidebar-section-id]";
-function le(e, t) {
+}), Se = () => ce(ze), Be = le(null), de = (e, r) => e.sectionId === r.sectionId && e.index === r.index, Fe = "[data-sidebar-item-id]", He = "[data-sidebar-section-id]";
+function me(e, r) {
   var a;
-  const s = (a = e.parentElement) == null ? void 0 : a.closest(Fe);
-  return s && t.contains(s) ? s.dataset.sidebarSectionId ?? null : null;
+  const t = (a = e.parentElement) == null ? void 0 : a.closest(He);
+  return t && r.contains(t) ? t.dataset.sidebarSectionId ?? null : null;
 }
-function vs(e, t) {
-  var c;
-  const s = e.querySelector("[data-sidebar-body]") ?? e, a = Array.from(
-    s.querySelectorAll(`${Fe},${Be}`)
-  ), i = /* @__PURE__ */ new Map([[null, []]]), u = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+function hs(e, r) {
+  var m;
+  const t = e.querySelector("[data-sidebar-body]") ?? e, a = Array.from(
+    t.querySelectorAll(`${He},${Fe}`)
+  ), i = /* @__PURE__ */ new Map([[null, []]]), c = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
   let p = null;
   for (const l of a) {
-    const v = l.dataset.sidebarSectionId;
-    if (v !== void 0) {
-      i.set(v, []), u.set(v, l.dataset.sidebarSectionOpen !== "false"), o.set(v, l.dataset.sidebarSectionLabel ?? "");
+    const g = l.dataset.sidebarSectionId;
+    if (g !== void 0) {
+      i.set(g, []), c.set(g, l.dataset.sidebarSectionOpen !== "false"), o.set(g, l.dataset.sidebarSectionLabel ?? "");
       continue;
     }
-    if (l.dataset.sidebarItemId === t) {
+    if (l.dataset.sidebarItemId === r) {
       p = l;
       continue;
     }
-    const y = le(l, s);
-    (c = i.get(y)) == null || c.push(l);
+    const h = me(l, t);
+    (m = i.get(h)) == null || m.push(l);
   }
   if (!p) return null;
-  const m = (l) => {
-    var v;
-    return (((v = i.get(l)) == null ? void 0 : v.length) ?? 0) + 1;
-  }, g = [], I = i.get(null) ?? [], N = I.length === 0 && le(p, s) === null;
+  const u = (l) => {
+    var g;
+    return (((g = i.get(l)) == null ? void 0 : g.length) ?? 0) + 1;
+  }, v = [], I = i.get(null) ?? [], z = I.length === 0 && me(p, t) === null;
   for (const l of a) {
-    const v = l.dataset.sidebarSectionId;
-    if (v !== void 0) {
-      const w = i.get(v) ?? [];
-      (!u.get(v) || w.length === 0) && g.push({
-        sectionId: v,
+    const g = l.dataset.sidebarSectionId;
+    if (g !== void 0) {
+      const w = i.get(g) ?? [];
+      (!c.get(g) || w.length === 0) && v.push({
+        sectionId: g,
         index: w.length,
-        total: m(v),
-        indicator: { kind: "section", sectionId: v }
+        total: u(g),
+        indicator: { kind: "section", sectionId: g }
       });
       continue;
     }
     if (l === p) {
-      N && g.push({
+      z && v.push({
         sectionId: null,
         index: 0,
         total: 1,
-        indicator: { kind: "item", itemId: t, edge: "before" }
+        indicator: { kind: "item", itemId: r, edge: "before" }
       });
       continue;
     }
-    const y = le(l, s);
-    if (y !== null && !u.get(y)) continue;
-    const A = i.get(y) ?? [], D = A.indexOf(l), T = l.dataset.sidebarItemId ?? "";
-    g.push({
-      sectionId: y,
-      index: D,
-      total: m(y),
-      indicator: { kind: "item", itemId: T, edge: "before" }
-    }), D === A.length - 1 && g.push({
-      sectionId: y,
-      index: D + 1,
-      total: m(y),
-      indicator: { kind: "item", itemId: T, edge: "after" }
+    const h = me(l, t);
+    if (h !== null && !c.get(h)) continue;
+    const D = i.get(h) ?? [], R = D.indexOf(l), j = l.dataset.sidebarItemId ?? "";
+    v.push({
+      sectionId: h,
+      index: R,
+      total: u(h),
+      indicator: { kind: "item", itemId: j, edge: "before" }
+    }), R === D.length - 1 && v.push({
+      sectionId: h,
+      index: R + 1,
+      total: u(h),
+      indicator: { kind: "item", itemId: j, edge: "after" }
     });
   }
-  I.length === 0 && !N && g.push({
+  I.length === 0 && !z && v.push({
     sectionId: null,
     index: 0,
     total: 1,
     indicator: { kind: "list" }
   });
-  const k = le(p, s), R = (i.get(k) ?? []).filter(
+  const N = me(p, t), A = (i.get(N) ?? []).filter(
     (l) => l.compareDocumentPosition(p) & Node.DOCUMENT_POSITION_FOLLOWING
   ).length;
   return {
-    places: g,
-    originIndex: g.findIndex(
-      (l) => oe(l, { sectionId: k, index: R })
+    places: v,
+    originIndex: v.findIndex(
+      (l) => de(l, { sectionId: N, index: A })
     ),
-    emptySectionIds: [...i.entries()].filter(([l, v]) => l !== null && u.get(l) && !v.length).map(([l]) => l),
-    listEmpty: I.length === 0 && !N,
+    emptySectionIds: [...i.entries()].filter(([l, g]) => l !== null && c.get(l) && !g.length).map(([l]) => l),
+    listEmpty: I.length === 0 && !z,
     sectionLabels: o
   };
 }
-function gs(e, t) {
-  const s = e.querySelector("[data-sidebar-body]") ?? e, a = le(t, s), i = Array.from(s.querySelectorAll(Be)).filter(
-    (u) => u !== t && le(u, s) === a && u.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING
+function xs(e, r) {
+  const t = e.querySelector("[data-sidebar-body]") ?? e, a = me(r, t), i = Array.from(t.querySelectorAll(Fe)).filter(
+    (c) => c !== r && me(c, t) === a && c.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_FOLLOWING
   ).length;
   return { sectionId: a, index: i };
 }
-function He(e, t) {
+function Ue(e, r) {
   var a;
-  const { indicator: s } = t;
-  return s.kind === "item" ? e.querySelector(
-    `[data-sidebar-item-id="${CSS.escape(s.itemId)}"]`
-  ) : s.kind === "list" ? e.querySelector("[data-sidebar-drop-zone-list]") : e.querySelector(
-    `[data-sidebar-drop-zone="${CSS.escape(s.sectionId)}"]`
+  const { indicator: t } = r;
+  return t.kind === "item" ? e.querySelector(
+    `[data-sidebar-item-id="${CSS.escape(t.itemId)}"]`
+  ) : t.kind === "list" ? e.querySelector("[data-sidebar-drop-zone-list]") : e.querySelector(
+    `[data-sidebar-drop-zone="${CSS.escape(t.sectionId)}"]`
   ) ?? ((a = e.querySelector(
-    `[data-sidebar-section-id="${CSS.escape(s.sectionId)}"]`
+    `[data-sidebar-section-id="${CSS.escape(t.sectionId)}"]`
   )) == null ? void 0 : a.querySelector("[data-sidebar-section-heading]")) ?? null;
 }
-function bs(e, t) {
+function ys(e, r) {
   var a;
-  const s = (a = He(e, t)) == null ? void 0 : a.getBoundingClientRect();
-  return s ? t.indicator.kind === "item" ? t.indicator.edge === "before" ? s.top : s.bottom : s.top + s.height / 2 : t.indicator.kind === "item" ? Number.POSITIVE_INFINITY : e.getBoundingClientRect().bottom;
+  const t = (a = Ue(e, r)) == null ? void 0 : a.getBoundingClientRect();
+  return t ? r.indicator.kind === "item" ? r.indicator.edge === "before" ? t.top : t.bottom : t.top + t.height / 2 : r.indicator.kind === "item" ? Number.POSITIVE_INFINITY : e.getBoundingClientRect().bottom;
 }
-const hs = 450, xs = 6, ys = 5e3, Ie = 48, ws = 14;
-function Ss({
+const ws = 450, Ss = 6, Ns = 5e3, Ie = 48, Is = 14;
+function zs({
   onMoveItem: e,
-  enabled: t,
-  rootRef: s,
+  enabled: r,
+  rootRef: t,
   quietFocusRef: a
 }) {
-  const { t: i } = de("ui"), u = ye(), [o, p] = re(null), m = F(null), g = F([]), I = F(/* @__PURE__ */ new Map()), N = F(/* @__PURE__ */ new Map()), k = F(null), R = F(e);
-  R.current = e;
-  const c = F(null), l = F(null), v = L((n) => {
-    m.current = n, p(n);
-  }, []), [y, A] = re(""), D = F(!1), T = L((n) => {
-    D.current = !D.current, A(D.current ? n : `${n}​`);
-  }, []), w = L(
+  const { t: i } = ue("ui"), c = fe(), [o, p] = se(null), u = V(null), v = V([]), I = V(/* @__PURE__ */ new Map()), z = V(/* @__PURE__ */ new Map()), N = V(null), A = V(e);
+  A.current = e;
+  const m = V(null), l = V(null), g = B((n) => {
+    u.current = n, p(n);
+  }, []), [h, D] = se(""), R = V(!1), j = B((n) => {
+    R.current = !R.current, D(R.current ? n : `${n}​`);
+  }, []), w = B(
     (n) => n.sectionId === null ? i("navigation.sidebar.move.inList", {
       position: n.index + 1,
       total: n.total
@@ -210,126 +210,126 @@ function Ss({
       total: n.total
     }),
     [i]
-  ), O = L(
-    (n, f, x) => {
-      var te;
-      const d = s.current;
+  ), F = B(
+    (n, y, T) => {
+      var X;
+      const d = t.current;
       if (!d) return !1;
-      const S = vs(d, n);
-      if (!S || S.originIndex < 0) return !1;
-      g.current = S.places, I.current = S.sectionLabels;
-      const B = S.places[S.originIndex], Z = x.getAttribute("aria-label") ?? ((te = x.textContent) == null ? void 0 : te.trim()) ?? "";
-      return v({
+      const b = hs(d, n);
+      if (!b || b.originIndex < 0) return !1;
+      v.current = b.places, I.current = b.sectionLabels;
+      const S = b.places[b.originIndex], M = T.getAttribute("aria-label") ?? ((X = T.textContent) == null ? void 0 : X.trim()) ?? "";
+      return g({
         itemId: n,
-        label: Z,
-        via: f,
-        origin: B,
-        target: B,
-        emptySectionIds: S.emptySectionIds,
-        listEmpty: S.listEmpty
-      }), T(
+        label: M,
+        via: y,
+        origin: S,
+        target: S,
+        emptySectionIds: b.emptySectionIds,
+        listEmpty: b.listEmpty
+      }), j(
         i("navigation.sidebar.move.pickedUp", {
-          item: Z,
-          place: w(B)
+          item: M,
+          place: w(S)
         })
       ), !0;
     },
-    [s, v, T, i, w]
-  ), z = L(
-    (n, f) => {
-      const x = m.current;
-      !x || oe(x.target, n) || (v({ ...x, target: n }), f && (T(w(n)), requestAnimationFrame(() => {
-        var S, B;
-        const d = s.current;
-        d && ((B = (S = He(d, n)) == null ? void 0 : S.scrollIntoView) == null || B.call(S, { block: "nearest" }));
+    [t, g, j, i, w]
+  ), E = B(
+    (n, y) => {
+      const T = u.current;
+      !T || de(T.target, n) || (g({ ...T, target: n }), y && (j(w(n)), requestAnimationFrame(() => {
+        var b, S;
+        const d = t.current;
+        d && ((S = (b = Ue(d, n)) == null ? void 0 : b.scrollIntoView) == null || S.call(b, { block: "nearest" }));
       })));
     },
-    [v, T, w, s]
-  ), P = L(() => {
-    var B, Z;
-    const n = m.current;
+    [g, j, w, t]
+  ), H = B(() => {
+    var S, M;
+    const n = u.current;
     if (!n) return;
-    v(null), g.current = [];
-    const { itemId: f, origin: x, target: d, label: S } = n;
-    oe(x, d) || (k.current = {
-      itemId: f,
+    g(null), v.current = [];
+    const { itemId: y, origin: T, target: d, label: b } = n;
+    de(T, d) || (N.current = {
+      itemId: y,
       sectionId: d.sectionId,
       index: d.index,
-      until: Date.now() + ys
-    }, d.sectionId !== null && ((B = N.current.get(d.sectionId)) == null || B()), (Z = R.current) == null || Z.call(R, {
-      itemId: f,
+      until: Date.now() + Ns
+    }, d.sectionId !== null && ((S = z.current.get(d.sectionId)) == null || S()), (M = A.current) == null || M.call(A, {
+      itemId: y,
       toSectionId: d.sectionId,
       index: d.index
-    })), T(
+    })), j(
       i("navigation.sidebar.move.dropped", {
-        item: S,
+        item: b,
         place: w(d)
       })
     );
-  }, [v, T, i, w]), j = L(() => {
-    const n = m.current;
-    n && (v(null), g.current = [], T(
+  }, [g, j, i, w]), O = B(() => {
+    const n = u.current;
+    n && (g(null), v.current = [], j(
       i("navigation.sidebar.move.cancelled", {
         item: n.label,
         place: w(n.origin)
       })
     ));
-  }, [v, T, i, w]), X = L(
-    (n, f) => {
-      const x = m.current, d = !n.altKey && !n.ctrlKey && !n.metaKey && !n.shiftKey;
-      if (!x) {
-        n.key === " " && d && !n.repeat && (n.preventDefault(), O(f, "keyboard", n.currentTarget));
+  }, [g, j, i, w]), _ = B(
+    (n, y) => {
+      const T = u.current, d = !n.altKey && !n.ctrlKey && !n.metaKey && !n.shiftKey;
+      if (!T) {
+        n.key === " " && d && !n.repeat && (n.preventDefault(), F(y, "keyboard", n.currentTarget));
         return;
       }
-      if (x.itemId !== f || x.via !== "keyboard") return;
-      const S = g.current, B = S.findIndex((te) => oe(te, x.target)), Z = (te) => {
-        const me = S[Math.max(0, Math.min(S.length - 1, te))];
-        me && z(me, !0);
+      if (T.itemId !== y || T.via !== "keyboard") return;
+      const b = v.current, S = b.findIndex((X) => de(X, T.target)), M = (X) => {
+        const ae = b[Math.max(0, Math.min(b.length - 1, X))];
+        ae && E(ae, !0);
       };
       switch (n.key) {
         case "ArrowDown":
-          n.preventDefault(), Z(B + 1);
+          n.preventDefault(), M(S + 1);
           break;
         case "ArrowUp":
-          n.preventDefault(), Z(B - 1);
+          n.preventDefault(), M(S - 1);
           break;
         case "Home":
-          n.preventDefault(), Z(0);
+          n.preventDefault(), M(0);
           break;
         case "End":
-          n.preventDefault(), Z(S.length - 1);
+          n.preventDefault(), M(b.length - 1);
           break;
         case " ":
         case "Enter":
-          n.preventDefault(), n.repeat || P();
+          n.preventDefault(), n.repeat || H();
           break;
         case "Escape":
-          n.preventDefault(), n.stopPropagation(), j();
+          n.preventDefault(), n.stopPropagation(), O();
           break;
         case "Tab":
-          j();
+          O();
           break;
       }
     },
-    [O, z, P, j]
-  ), U = L(
+    [F, E, H, O]
+  ), P = B(
     (n) => {
-      const f = m.current;
-      (f == null ? void 0 : f.via) === "keyboard" && f.itemId === n && j();
+      const y = u.current;
+      (y == null ? void 0 : y.via) === "keyboard" && y.itemId === n && O();
     },
-    [j]
-  ), b = L(() => {
-    var f;
-    const n = c.current;
-    n != null && n.timer && clearTimeout(n.timer), n != null && n.frame && cancelAnimationFrame(n.frame), c.current = null, (f = l.current) == null || f.call(l), l.current = null;
-  }, []), M = L(
-    (n, f) => {
-      if (m.current || c.current || !n.isPrimary || n.button !== 0) return;
-      const x = n.pointerType === "touch", d = {
+    [O]
+  ), f = B(() => {
+    var y;
+    const n = m.current;
+    n != null && n.timer && clearTimeout(n.timer), n != null && n.frame && cancelAnimationFrame(n.frame), m.current = null, (y = l.current) == null || y.call(l), l.current = null;
+  }, []), Y = B(
+    (n, y) => {
+      if (u.current || m.current || !n.isPrimary || n.button !== 0) return;
+      const T = n.pointerType === "touch", d = {
         pointerId: n.pointerId,
-        itemId: f,
+        itemId: y,
         node: n.currentTarget,
-        touch: x,
+        touch: T,
         startX: n.clientX,
         startY: n.clientY,
         dragging: !1,
@@ -337,171 +337,171 @@ function Ss({
         lastY: n.clientY,
         frame: 0
       };
-      c.current = d;
-      const S = () => {
-        var C, J;
-        if (!O(d.itemId, "pointer", d.node)) {
-          b();
+      m.current = d;
+      const b = () => {
+        var k, Z;
+        if (!F(d.itemId, "pointer", d.node)) {
+          f();
           return;
         }
-        d.dragging = !0, (J = (C = window.getSelection) == null ? void 0 : C.call(window)) == null || J.removeAllRanges();
-      }, B = (C) => {
-        const J = s.current;
-        if (!J) return;
-        let Q = null, fe = Number.POSITIVE_INFINITY;
-        for (const ae of g.current) {
-          const ie = Math.abs(bs(J, ae) - C);
-          ie < fe && (Q = ae, fe = ie);
+        d.dragging = !0, (Z = (k = window.getSelection) == null ? void 0 : k.call(window)) == null || Z.removeAllRanges();
+      }, S = (k) => {
+        const Z = t.current;
+        if (!Z) return;
+        let J = null, ve = Number.POSITIVE_INFINITY;
+        for (const ie of v.current) {
+          const oe = Math.abs(ys(Z, ie) - k);
+          oe < ve && (J = ie, ve = oe);
         }
-        Q && z(Q, !1);
-      }, Z = () => {
-        var De, Ae;
+        J && E(J, !1);
+      }, M = () => {
+        var De, Pe;
         if (d.frame = 0, !d.dragging) return;
-        const C = (Ae = (De = s.current) == null ? void 0 : De.querySelector("[data-sidebar-body]")) == null ? void 0 : Ae.closest("[data-radix-scroll-area-viewport]");
-        if (!C) return;
-        const J = C.getBoundingClientRect(), Q = J.top + Ie - d.lastY, fe = d.lastY - (J.bottom - Ie), ae = Math.max(Q, fe);
-        if (ae <= 0) return;
-        const ie = Math.ceil(ws * Math.min(1, ae / Ie)), ge = C.scrollTop;
-        C.scrollTop += Q > 0 ? -ie : ie, C.scrollTop !== ge && (B(d.lastY), d.frame = requestAnimationFrame(Z));
-      }, te = (C) => {
-        if (C.pointerId === d.pointerId) {
+        const k = (Pe = (De = t.current) == null ? void 0 : De.querySelector("[data-sidebar-body]")) == null ? void 0 : Pe.closest("[data-radix-scroll-area-viewport]");
+        if (!k) return;
+        const Z = k.getBoundingClientRect(), J = Z.top + Ie - d.lastY, ve = d.lastY - (Z.bottom - Ie), ie = Math.max(J, ve);
+        if (ie <= 0) return;
+        const oe = Math.ceil(Is * Math.min(1, ie / Ie)), be = k.scrollTop;
+        k.scrollTop += J > 0 ? -oe : oe, k.scrollTop !== be && (S(d.lastY), d.frame = requestAnimationFrame(M));
+      }, X = (k) => {
+        if (k.pointerId === d.pointerId) {
           if (!d.dragging) {
             if (Math.hypot(
-              C.clientX - d.startX,
-              C.clientY - d.startY
-            ) < xs) return;
+              k.clientX - d.startX,
+              k.clientY - d.startY
+            ) < Ss) return;
             if (d.touch) {
-              b();
+              f();
               return;
             }
-            if (S(), !d.dragging) return;
+            if (b(), !d.dragging) return;
           }
-          d.lastY = C.clientY, B(C.clientY), d.frame || (d.frame = requestAnimationFrame(Z));
+          d.lastY = k.clientY, S(k.clientY), d.frame || (d.frame = requestAnimationFrame(M));
         }
-      }, me = (C) => {
-        var ie;
-        if (C.pointerId !== d.pointerId) return;
-        const J = d.dragging;
-        if (b(), !J) return;
-        const Q = (ie = s.current) == null ? void 0 : ie.getBoundingClientRect();
-        if (!Q || C.clientX < Q.left || C.clientX > Q.right || C.clientY < Q.top || C.clientY > Q.bottom) {
-          j();
+      }, ae = (k) => {
+        var oe;
+        if (k.pointerId !== d.pointerId) return;
+        const Z = d.dragging;
+        if (f(), !Z) return;
+        const J = (oe = t.current) == null ? void 0 : oe.getBoundingClientRect();
+        if (!J || k.clientX < J.left || k.clientX > J.right || k.clientY < J.top || k.clientY > J.bottom) {
+          O();
           return;
         }
-        P();
-        const ae = (ge) => {
-          ge.preventDefault(), ge.stopPropagation();
+        H();
+        const ie = (be) => {
+          be.preventDefault(), be.stopPropagation();
         };
-        window.addEventListener("click", ae, {
+        window.addEventListener("click", ie, {
           capture: !0,
           once: !0
-        }), setTimeout(() => window.removeEventListener("click", ae, !0), 0);
-      }, ke = (C) => {
-        if (C.pointerId !== d.pointerId) return;
-        const J = d.dragging;
-        b(), J && j();
-      }, Te = (C) => C.preventDefault(), Ee = (C) => {
-        C.key !== "Escape" || !d.dragging || (C.preventDefault(), b(), j());
+        }), setTimeout(() => window.removeEventListener("click", ie, !0), 0);
+      }, Te = (k) => {
+        if (k.pointerId !== d.pointerId) return;
+        const Z = d.dragging;
+        f(), Z && O();
+      }, ke = (k) => k.preventDefault(), Ee = (k) => {
+        k.key !== "Escape" || !d.dragging || (k.preventDefault(), f(), O());
       };
-      window.addEventListener("pointermove", te), window.addEventListener("pointerup", me), window.addEventListener("pointercancel", ke), window.addEventListener("keydown", Ee, !0), x && (window.addEventListener("contextmenu", Te, !0), d.timer = setTimeout(() => {
-        d.timer = null, S();
-      }, hs)), l.current = () => {
-        window.removeEventListener("pointermove", te), window.removeEventListener("pointerup", me), window.removeEventListener("pointercancel", ke), window.removeEventListener("keydown", Ee, !0), window.removeEventListener("contextmenu", Te, !0);
+      window.addEventListener("pointermove", X), window.addEventListener("pointerup", ae), window.addEventListener("pointercancel", Te), window.addEventListener("keydown", Ee, !0), T && (window.addEventListener("contextmenu", ke, !0), d.timer = setTimeout(() => {
+        d.timer = null, b();
+      }, ws)), l.current = () => {
+        window.removeEventListener("pointermove", X), window.removeEventListener("pointerup", ae), window.removeEventListener("pointercancel", Te), window.removeEventListener("keydown", Ee, !0), window.removeEventListener("contextmenu", ke, !0);
       };
     },
-    [O, z, P, j, b, s]
+    [F, E, H, O, f, t]
   );
-  ne(() => b, [b]);
-  const Y = F(null), q = L((n) => {
-    var f;
-    (f = c.current) != null && f.dragging && n.preventDefault();
-  }, []), V = L(
+  ee(() => f, [f]);
+  const W = V(null), q = B((n) => {
+    var y;
+    (y = m.current) != null && y.dragging && n.preventDefault();
+  }, []), K = B(
     (n) => {
-      var f;
-      Y.current !== n && ((f = Y.current) == null || f.removeEventListener("touchmove", q), Y.current = n, n == null || n.addEventListener("touchmove", q, { passive: !1 }));
+      var y;
+      W.current !== n && ((y = W.current) == null || y.removeEventListener("touchmove", q), W.current = n, n == null || n.addEventListener("touchmove", q, { passive: !1 }));
     },
     [q]
-  ), W = F(t);
-  W.current = t;
-  const K = L(
-    (n) => V(n && W.current ? n : null),
-    [V]
+  ), re = V(r);
+  re.current = r;
+  const ne = B(
+    (n) => K(n && re.current ? n : null),
+    [K]
   );
-  ne(() => {
-    V(t ? s.current : null);
-  }, [t, V, s]), ne(() => () => V(null), [V]), ne(() => {
-    !t && m.current && j();
-  }, [t, j]);
-  const _ = L((n, f) => (N.current.set(n, f), () => {
-    N.current.get(n) === f && N.current.delete(n);
-  }), []), $ = L(() => {
-    const n = k.current, f = s.current;
-    if (!n || !f) return;
+  ee(() => {
+    K(r ? t.current : null);
+  }, [r, K, t]), ee(() => () => K(null), [K]), ee(() => {
+    !r && u.current && O();
+  }, [r, O]);
+  const L = B((n, y) => (z.current.set(n, y), () => {
+    z.current.get(n) === y && z.current.delete(n);
+  }), []), U = B(() => {
+    const n = N.current, y = t.current;
+    if (!n || !y) return;
     if (Date.now() > n.until) {
-      k.current = null;
+      N.current = null;
       return;
     }
-    const x = f.querySelector(
+    const T = y.querySelector(
       `[data-sidebar-item-id="${CSS.escape(n.itemId)}"]`
     );
-    if (!x) return;
-    const d = document.activeElement, S = d !== null && d !== document.body && d !== x;
-    if (!oe(gs(f, x), n)) {
-      S && (k.current = null);
+    if (!T) return;
+    const d = document.activeElement, b = d !== null && d !== document.body && d !== T;
+    if (!de(xs(y, T), n)) {
+      b && (N.current = null);
       return;
     }
-    k.current = null, !(d === x || S) && (a.current = !0, x.focus(), a.current = !1);
-  }, [s, a]);
+    N.current = null, !(d === T || b) && (a.current = !0, T.focus(), a.current = !1);
+  }, [t, a]);
   return {
-    context: he(
-      () => t ? {
-        enabled: t,
-        instructionsId: u,
+    context: xe(
+      () => r ? {
+        enabled: r,
+        instructionsId: c,
         move: o,
-        onItemKeyDown: X,
-        onItemPointerDown: M,
-        onItemBlur: U,
-        registerSection: _
-      } : { enabled: !1, move: null, registerSection: _ },
+        onItemKeyDown: _,
+        onItemPointerDown: Y,
+        onItemBlur: P,
+        registerSection: L
+      } : { enabled: !1, move: null, registerSection: L },
       [
-        t,
-        u,
+        r,
+        c,
         o,
-        X,
-        M,
-        U,
-        _
+        _,
+        Y,
+        P,
+        L
       ]
     ),
-    message: y,
-    instructionsId: u,
-    restoreFocus: $,
-    touchGuardRef: K,
+    message: h,
+    instructionsId: c,
+    restoreFocus: U,
+    touchGuardRef: ne,
     /** True while any move runs: Escape cancels it, not the drawer. */
-    cancelIfMoving: () => m.current ? (j(), !0) : !1
+    cancelIfMoving: () => u.current ? (O(), !0) : !1
   };
 }
-const ze = ce({
+const Ce = le({
   mode: "expanded",
   density: "default"
-}), G = () => ue(ze), Ue = "ui.sidebar.state";
-function Is(e) {
+}), G = () => ce(Ce), Ve = "ui.sidebar.state";
+function Cs(e) {
   if (typeof window > "u") return e;
   try {
-    const t = window.localStorage.getItem(Ue);
-    if (t === "expanded" || t === "icon" || t === "overlay") return t;
+    const r = window.localStorage.getItem(Ve);
+    if (r === "expanded" || r === "icon" || r === "overlay") return r;
   } catch {
   }
   return e;
 }
-function Ns(e) {
+function js(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Ue, e);
+      window.localStorage.setItem(Ve, e);
     } catch {
     }
 }
-const Pe = ee(
+const Oe = te(
   [
     "ds:flex ds:flex-col",
     // `--sidebar-surface`: the page background in light mode (white-on-white
@@ -543,7 +543,7 @@ const Pe = ee(
     },
     defaultVariants: { mode: "expanded", density: "default" }
   }
-), zs = 192, Cs = 384, js = 248, ks = [
+), Ts = 192, ks = 384, Es = 248, Ds = [
   "ds:absolute ds:[inset-block:0] ds:end-0 ds:z-[2]",
   "ds:w-[var(--resizable-handle-size)]",
   "ds:cursor-col-resize ds:select-none ds:touch-none",
@@ -557,69 +557,69 @@ const Pe = ee(
   "ds:before:[inset-block:0]",
   "ds:before:[inline-size:var(--min-target-size)]",
   "ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
-].join(" "), Ts = H(
+].join(" "), Ps = $(
   ({
     state: e,
-    defaultState: t = "expanded",
-    onStateChange: s,
+    defaultState: r = "expanded",
+    onStateChange: t,
     density: a = "default",
     open: i,
-    onOpenChange: u,
+    onOpenChange: c,
     resizable: o = !1,
     onMoveItem: p,
-    "aria-label": m,
-    className: g,
+    "aria-label": u,
+    className: v,
     children: I,
-    id: N,
-    ...k
-  }, R) => {
-    const { t: c } = de("ui"), l = e !== void 0, [v, y] = re(
-      () => Is(t)
-    ), A = l ? e : v;
-    ne(() => {
-      l || Ns(v);
-    }, [v, l]);
-    const D = L(
-      (_) => {
-        l || y(_), s == null || s(_);
+    id: z,
+    ...N
+  }, A) => {
+    const { t: m } = ue("ui"), l = e !== void 0, [g, h] = se(
+      () => Cs(r)
+    ), D = l ? e : g;
+    ee(() => {
+      l || js(g);
+    }, [g, l]);
+    const R = B(
+      (L) => {
+        l || h(L), t == null || t(L);
       },
-      [l, s]
-    ), T = m ?? c("navigation.sidebar.label"), w = ye(), O = N ?? w, z = F(A);
-    ne(() => {
-      z.current = A;
-    }, [A]);
-    const P = he(
+      [l, t]
+    ), j = u ?? m("navigation.sidebar.label"), w = fe(), F = z ?? w, E = V(D);
+    ee(() => {
+      E.current = D;
+    }, [D]);
+    const H = xe(
       () => ({
-        getIsCollapsed: () => z.current !== "expanded",
+        getIsCollapsed: () => E.current !== "expanded",
         toggleCollapsed: () => {
-          const _ = z.current === "expanded" ? "icon" : "expanded";
-          D(_);
+          const L = E.current === "expanded" ? "icon" : "expanded";
+          R(L);
         }
       }),
-      [D]
+      [R]
     );
-    Je(ps, P, N);
-    const j = F(null), X = F(null), U = F(!1), { separatorProps: b, isResizing: M } = Qe({
+    ss(bs, H, z);
+    const O = V(null), _ = V(null), P = V(!1), { separatorProps: f, isResizing: Y } = ts({
       edge: "inline-end",
-      targetRef: j,
+      targetRef: O,
       cssProperty: "--sidebar-modern-expanded-size",
-      minSize: zs,
-      maxSize: Cs,
-      defaultSize: js,
-      disabled: !o || A !== "expanded"
-    }), Y = o && A === "expanded", q = Ss({
+      minSize: Ts,
+      maxSize: ks,
+      defaultSize: Es,
+      disabled: !o || D !== "expanded"
+    }), W = o && D === "expanded", q = zs({
       onMoveItem: p,
-      enabled: p !== void 0 && A !== "icon",
-      rootRef: j,
-      quietFocusRef: U
-    }), { touchGuardRef: V } = q, W = he(
-      () => es(R, j, V),
-      [R, V]
+      enabled: p !== void 0 && D !== "icon",
+      rootRef: O,
+      quietFocusRef: P
+    }), { touchGuardRef: K } = q, re = xe(
+      () => rs(A, O, K),
+      [A, K]
     );
-    rs(() => q.restoreFocus());
-    const K = p !== void 0 ? /* @__PURE__ */ h(xe, { children: [
-      /* @__PURE__ */ r("span", { id: q.instructionsId, hidden: !0, children: c("navigation.sidebar.move.instructions") }),
-      /* @__PURE__ */ r(
+    os(() => q.restoreFocus());
+    const ne = p !== void 0 ? /* @__PURE__ */ x(ye, { children: [
+      /* @__PURE__ */ s("span", { id: q.instructionsId, hidden: !0, children: m("navigation.sidebar.move.instructions") }),
+      /* @__PURE__ */ s(
         "span",
         {
           role: "status",
@@ -630,19 +630,19 @@ const Pe = ee(
         }
       )
     ] }) : null;
-    return A === "overlay" ? /* @__PURE__ */ r(
-      ze.Provider,
+    return D === "overlay" ? /* @__PURE__ */ s(
+      Ce.Provider,
       {
         value: {
           mode: "overlay",
           density: a,
-          transitionTo: D,
-          navElementId: O,
-          quietFocusRef: U
+          transitionTo: R,
+          navElementId: F,
+          quietFocusRef: P
         },
-        children: /* @__PURE__ */ r(E.Provider, { delayDuration: 300, children: /* @__PURE__ */ r(pe.Root, { open: i, onOpenChange: u, children: /* @__PURE__ */ h(pe.Portal, { children: [
-          /* @__PURE__ */ r(
-            pe.Overlay,
+        children: /* @__PURE__ */ s(C.Provider, { delayDuration: 300, children: /* @__PURE__ */ s(ge.Root, { open: i, onOpenChange: c, children: /* @__PURE__ */ x(ge.Portal, { children: [
+          /* @__PURE__ */ s(
+            ge.Overlay,
             {
               className: [
                 "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
@@ -653,26 +653,26 @@ const Pe = ee(
               ].join(" ")
             }
           ),
-          /* @__PURE__ */ h(
-            pe.Content,
+          /* @__PURE__ */ x(
+            ge.Content,
             {
-              onOpenAutoFocus: (_) => {
-                var se;
-                X.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-                const $ = (se = j.current) == null ? void 0 : se.querySelector(
+              onOpenAutoFocus: (L) => {
+                var Q;
+                _.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+                const U = (Q = O.current) == null ? void 0 : Q.querySelector(
                   '[aria-current="page"]'
                 );
-                U.current = !0, $ == null || $.focus(), U.current = !1, $ && document.activeElement === $ && _.preventDefault();
+                P.current = !0, U == null || U.focus(), P.current = !1, U && document.activeElement === U && L.preventDefault();
               },
-              onCloseAutoFocus: (_) => {
-                var se;
-                const $ = document.activeElement;
-                $ && $ !== document.body || (se = X.current) != null && se.isConnected && (_.preventDefault(), X.current.focus());
+              onCloseAutoFocus: (L) => {
+                var Q;
+                const U = document.activeElement;
+                U && U !== document.body || (Q = _.current) != null && Q.isConnected && (L.preventDefault(), _.current.focus());
               },
-              onEscapeKeyDown: (_) => {
-                q.cancelIfMoving() && _.preventDefault();
+              onEscapeKeyDown: (L) => {
+                q.cancelIfMoving() && L.preventDefault();
               },
-              "aria-label": T,
+              "aria-label": j,
               className: [
                 "ds:fixed ds:z-[var(--z-modal)]",
                 // `start-0`/`top-0` — the `inset-inline-start-0` /
@@ -680,36 +680,36 @@ const Pe = ee(
                 // utilities and compiled to nothing.
                 "ds:start-0 ds:top-0",
                 "ds:h-dvh",
-                Pe({ mode: "overlay", density: a }),
+                Oe({ mode: "overlay", density: a }),
                 "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
                 "ds:data-[state=open]:slide-in-from-left ds:data-[state=closed]:slide-out-to-left",
                 "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",
-                g ?? ""
+                v ?? ""
               ].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ x(
                   "nav",
                   {
-                    ref: W,
-                    id: O,
-                    "aria-label": T,
+                    ref: re,
+                    id: F,
+                    "aria-label": j,
                     "data-component": "sidebar",
-                    "data-component-id": N,
+                    "data-component-id": z,
                     className: "ds:flex ds:flex-col ds:h-full",
-                    ...k,
+                    ...N,
                     children: [
-                      /* @__PURE__ */ r(Ne.Provider, { value: q.context, children: I }),
-                      K
+                      /* @__PURE__ */ s(ze.Provider, { value: q.context, children: I }),
+                      ne
                     ]
                   }
                 ),
-                /* @__PURE__ */ r(pe.Close, { asChild: !0, children: /* @__PURE__ */ r(
+                /* @__PURE__ */ s(ge.Close, { asChild: !0, children: /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
-                    "aria-label": c("navigation.sidebar.close"),
+                    "aria-label": m("navigation.sidebar.close"),
                     className: [
                       "ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]",
                       "ds:inline-flex ds:items-center ds:justify-center",
@@ -719,7 +719,7 @@ const Pe = ee(
                       "ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)]",
                       "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
                     ].join(" "),
-                    children: /* @__PURE__ */ r(is, { "aria-hidden": "true", className: "ds:size-4" })
+                    children: /* @__PURE__ */ s(cs, { "aria-hidden": "true", className: "ds:size-4" })
                   }
                 ) })
               ]
@@ -727,43 +727,43 @@ const Pe = ee(
           )
         ] }) }) })
       }
-    ) : /* @__PURE__ */ r(
-      ze.Provider,
+    ) : /* @__PURE__ */ s(
+      Ce.Provider,
       {
         value: {
-          mode: A,
+          mode: D,
           density: a,
-          transitionTo: D,
-          navElementId: O,
-          quietFocusRef: U
+          transitionTo: R,
+          navElementId: F,
+          quietFocusRef: P
         },
-        children: /* @__PURE__ */ r(E.Provider, { delayDuration: 300, children: /* @__PURE__ */ h(
+        children: /* @__PURE__ */ s(C.Provider, { delayDuration: 300, children: /* @__PURE__ */ x(
           "nav",
           {
-            ref: W,
-            id: O,
-            "aria-label": T,
+            ref: re,
+            id: F,
+            "aria-label": j,
             "data-component": "sidebar",
-            "data-component-id": N,
-            "data-mode": A,
+            "data-component-id": z,
+            "data-mode": D,
             "data-density": a,
-            "data-resizing": M ? "" : void 0,
+            "data-resizing": Y ? "" : void 0,
             className: [
-              Pe({ mode: A, density: a }),
+              Oe({ mode: D, density: a }),
               a === "compact" ? "ds:density-compact" : "",
-              g ?? ""
+              v ?? ""
             ].filter(Boolean).join(" "),
-            ...k,
+            ...N,
             children: [
-              /* @__PURE__ */ r(Ne.Provider, { value: q.context, children: I }),
-              K,
-              Y ? /* @__PURE__ */ r(
+              /* @__PURE__ */ s(ze.Provider, { value: q.context, children: I }),
+              ne,
+              W ? /* @__PURE__ */ s(
                 "div",
                 {
-                  ...b,
-                  "aria-label": c("navigation.sidebar.resize"),
-                  "data-resizing": M ? "" : void 0,
-                  className: ks
+                  ...f,
+                  "aria-label": m("navigation.sidebar.resize"),
+                  "data-resizing": Y ? "" : void 0,
+                  className: Ds
                 }
               ) : null
             ]
@@ -773,13 +773,13 @@ const Pe = ee(
     );
   }
 );
-Ts.displayName = "Sidebar";
-const Es = H(({ className: e, ...t }, s) => {
+Ps.displayName = "Sidebar";
+const Os = $(({ className: e, ...r }, t) => {
   const { mode: a } = G();
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     "div",
     {
-      ref: s,
+      ref: t,
       className: [
         "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
         "ds:min-h-[var(--min-target-size)]",
@@ -798,12 +798,12 @@ const Es = H(({ className: e, ...t }, s) => {
         "ds:shadow-[var(--shadow-chrome-down)]",
         e ?? ""
       ].filter(Boolean).join(" "),
-      ...t
+      ...r
     }
   );
 });
-Es.displayName = "SidebarHeader";
-const Ye = ee(
+Os.displayName = "SidebarHeader";
+const Ye = te(
   [
     "ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]",
     "ds:border ds:border-dashed ds:border-[color:var(--border)]"
@@ -817,15 +817,15 @@ const Ye = ee(
     },
     defaultVariants: { active: !1 }
   }
-), Ds = H(
-  ({ className: e, children: t, ...s }, a) => {
-    const { navElementId: i } = G(), { enabled: u, move: o } = Ce(), p = u && (o != null && o.listEmpty) ? /* @__PURE__ */ r(
+), As = $(
+  ({ className: e, children: r, ...t }, a) => {
+    const { navElementId: i } = G(), { enabled: c, move: o } = Se(), p = c && (o != null && o.listEmpty) ? /* @__PURE__ */ s(
       "div",
       {
         "aria-hidden": "true",
         "data-sidebar-drop-zone-list": "",
         className: Ye({
-          active: o.target.indicator.kind === "list" && !oe(o.target, o.origin)
+          active: o.target.indicator.kind === "list" && !de(o.target, o.origin)
         })
       }
     ) : null;
@@ -836,21 +836,21 @@ const Ye = ee(
       // fills the column and bounds the height; the layout `className` lands on the
       // body box (the ScrollArea root). Padding + `ref` + div props go on the inner
       // content div so the scrollbar sits flush at the inline-end edge.
-      /* @__PURE__ */ r(
-        We,
+      /* @__PURE__ */ s(
+        Qe,
         {
           orientation: "vertical",
           ...i ? { role: "group", "aria-labelledby": i } : {},
           className: ["ds:flex-1 ds:min-h-0", e ?? ""].filter(Boolean).join(" "),
-          children: /* @__PURE__ */ h(
+          children: /* @__PURE__ */ x(
             "div",
             {
               ref: a,
               "data-sidebar-body": "",
               className: "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:py-[var(--spacing-sm)]",
-              ...s,
+              ...t,
               children: [
-                t,
+                r,
                 p
               ]
             }
@@ -860,13 +860,13 @@ const Ye = ee(
     );
   }
 );
-Ds.displayName = "SidebarBody";
-const As = H(({ className: e, ...t }, s) => {
+As.displayName = "SidebarBody";
+const Rs = $(({ className: e, ...r }, t) => {
   const { mode: a } = G();
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     "div",
     {
-      ref: s,
+      ref: t,
       className: [
         "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
         // Icon-rail is 64px — two 44×44 controls can't sit side-by-side,
@@ -880,27 +880,30 @@ const As = H(({ className: e, ...t }, s) => {
         "ds:shadow-[var(--shadow-chrome-up)]",
         e ?? ""
       ].filter(Boolean).join(" "),
-      ...t
+      ...r
     }
   );
 });
-As.displayName = "SidebarFooter";
-const Ps = [
+Rs.displayName = "SidebarFooter";
+const _s = [
   "ds:group/section-label ds:flex ds:w-full ds:items-center",
+  // A full target, 44px (48px accessible): the row gains height, the text
+  // keeps its size, and no hit area overlaps the items around it.
+  "ds:min-h-[var(--min-target-size)]",
   "type-eyebrow",
   "ds:text-[var(--muted-foreground)]",
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
   "ds:py-[var(--spacing-xs)]",
-  "ds:hover:text-[var(--foreground)]",
+  "ds:hover:text-[var(--foreground)] ds:data-[holds-current]:text-[var(--foreground)]",
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), Re = [
+].join(" "), Ae = [
   "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
   "ds:size-4",
   "ds:text-[var(--accent)]",
   "ds:me-[var(--spacing-xs)]"
-].join(" "), Oe = ee(
+].join(" "), Re = te(
   "ds:flex ds:items-center ds:rounded-[var(--radius-sm)]",
   {
     variants: {
@@ -911,71 +914,127 @@ const Ps = [
     },
     defaultVariants: { dropInto: !1 }
   }
-), Rs = [
+), Ls = [
   "ds:flex ds:shrink-0 ds:items-center",
   "ds:[&>*]:min-w-[var(--min-target-size)] ds:[&>*]:min-h-[var(--min-target-size)]"
-].join(" "), qe = ce(!1), Ve = H(
+].join(" "), Ms = [
+  "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] type-meta ds:text-[color:var(--muted-foreground)]",
+  "ds:[[data-sidebar-section-items]:not(:empty)~&]:hidden"
+].join(" "), Bs = [
+  "ds:[&:has(+[data-sidebar-item])]:[border-block-end:var(--border-width-hairline)_solid_var(--border)]",
+  "ds:[&:has(+[data-sidebar-item])]:pb-[var(--spacing-xs)]",
+  "ds:[&:has(+[data-sidebar-item])]:mb-[var(--spacing-xs)]"
+].join(" "), $e = le(null), Fs = [
+  "ds:size-2 ds:shrink-0 ds:me-[var(--spacing-xs)] ds:rounded-[var(--radius-full)]",
+  "ds:bg-[var(--primary)] ds:border-[length:var(--border-width-sm)] ds:border-[color:var(--primary)]"
+].join(" "), Hs = "ds:min-w-0 ds:line-clamp-2 ds:[overflow-wrap:anywhere]";
+function Us({
+  name: e,
+  nameRef: r,
+  children: t
+}) {
+  const { navElementId: a, quietFocusRef: i } = G(), { move: c } = Se();
+  if (a === void 0) return t;
+  const o = (p) => {
+    const u = r.current;
+    (!(u != null && u.scrollHeight > u.clientHeight) || i != null && i.current || c !== null) && p.preventDefault();
+  };
+  return /* @__PURE__ */ x(C.Root, { children: [
+    /* @__PURE__ */ s(
+      C.Trigger,
+      {
+        asChild: !0,
+        onPointerMove: o,
+        onFocus: o,
+        children: t
+      }
+    ),
+    /* @__PURE__ */ s(C.Portal, { children: /* @__PURE__ */ x(
+      C.Content,
+      {
+        side: "right",
+        sideOffset: 6,
+        className: pe,
+        children: [
+          e,
+          /* @__PURE__ */ s(C.Arrow, { className: "ds:fill-[var(--foreground)]" })
+        ]
+      }
+    ) })
+  ] });
+}
+const qe = le(!1), Ge = $(
   ({
     label: e,
-    icon: t,
-    collapsible: s = !0,
+    icon: r,
+    collapsible: t = !0,
     defaultOpen: a = !0,
     open: i,
-    onOpenChange: u,
+    onOpenChange: c,
     sectionId: o,
     actions: p,
-    className: m,
-    children: g,
+    className: u,
+    children: v,
     ...I
-  }, N) => {
-    const { t: k } = de("ui"), { mode: R } = G(), c = R === "icon", l = ye(), v = s && !c && !!e, [y, A] = re(a), D = i ?? y, T = F(D);
-    T.current = D;
-    const w = L(
-      (K) => {
-        i === void 0 && A(K), u == null || u(K);
+  }, z) => {
+    const { t: N } = ue("ui"), { mode: A } = G(), m = A === "icon", l = fe(), g = fe(), h = V(null), [D, R] = se(
+      () => /* @__PURE__ */ new Set()
+    ), j = B((d, b) => {
+      R((S) => {
+        if (S.has(d) === b) return S;
+        const M = new Set(S);
+        return b ? M.add(d) : M.delete(d), M;
+      });
+    }, []), w = t && !m && !!e, [F, E] = se(a), H = i ?? F, O = V(H);
+    O.current = H;
+    const _ = B(
+      (d) => {
+        i === void 0 && E(d), c == null || c(d);
       },
-      [i, u]
-    ), { enabled: O, move: z, registerSection: P } = Ce(), j = ue(qe);
-    ne(() => {
-      O && o === void 0 && !j && as() && console.warn(
+      [i, c]
+    ), { enabled: P, move: f, registerSection: Y } = Se(), W = ce(qe);
+    ee(() => {
+      P && o === void 0 && !W && ds() && console.warn(
         `SidebarSection "${e ?? ""}": moves are on but it has no sectionId, so its items cannot move.`
       );
-    }, [O, o, j, e]), ne(() => {
-      if (!(o === void 0 || !P))
-        return P(o, () => {
-          T.current || w(!0);
+    }, [P, o, W, e]), ee(() => {
+      if (!(o === void 0 || !Y))
+        return Y(o, () => {
+          O.current || _(!0);
         });
-    }, [o, P, w]);
-    const X = O && z !== null && o !== void 0, U = X && z.target.indicator.kind === "section" && z.target.indicator.sectionId === o && !oe(z.target, z.origin), b = X && z.emptySectionIds.includes(o) ? /* @__PURE__ */ r(
+    }, [o, Y, _]);
+    const q = P && f !== null && o !== void 0, K = q && f.target.indicator.kind === "section" && f.target.indicator.sectionId === o && !de(f.target, f.origin), re = q && f.emptySectionIds.includes(o) ? /* @__PURE__ */ s(
       "div",
       {
         "aria-hidden": "true",
         "data-sidebar-drop-zone": o,
-        className: Ye({ active: U })
+        className: Ye({ active: K })
       }
-    ) : null, M = o !== void 0 ? {
+    ) : null, ne = o !== void 0 ? {
       "data-sidebar-section-id": o,
       "data-sidebar-section-label": e ?? "",
-      "data-sidebar-section-open": String(!v || D)
-    } : {}, Y = p && !c ? /* @__PURE__ */ r(
+      "data-sidebar-section-open": String(!w || H)
+    } : {}, L = p && !m ? /* @__PURE__ */ s(
       "span",
       {
         role: "group",
-        "aria-label": e ? k("navigation.sidebar.sectionActions", { section: e }) : void 0,
-        className: Rs,
+        "aria-label": e ? N("navigation.sidebar.sectionActions", { section: e }) : void 0,
+        className: Ls,
         children: p
       }
-    ) : null, q = /* @__PURE__ */ h(_e.Provider, { value: { sectionId: o }, children: [
-      g,
-      b
-    ] }), V = [
+    ) : null, U = w && !H && D.size > 0, Q = e && !m ? /* @__PURE__ */ s("p", { "data-sidebar-section-empty": "", className: Ms, children: N(P && o !== void 0 ? "navigation.sidebar.section.emptyMove" : "navigation.sidebar.section.empty") }) : null, n = /* @__PURE__ */ s(Be.Provider, { value: { sectionId: o }, children: /* @__PURE__ */ x($e.Provider, { value: j, children: [
+      /* @__PURE__ */ s("div", { "data-sidebar-section-items": "", className: "ds:contents", children: v }),
+      Q,
+      re
+    ] }) }), y = [
       "ds:flex ds:flex-col",
       "ds:gap-[var(--spacing-xs)]",
       "ds:mt-[var(--spacing-sm)]",
-      m ?? ""
+      Bs,
+      u ?? ""
     ].filter(Boolean).join(" ");
-    if (!v) {
-      const K = !!e || !!t, _ = e ? { role: "group", "aria-labelledby": l } : {}, $ = K ? /* @__PURE__ */ h(
+    if (!w) {
+      const d = !!e || !!r, b = e ? { role: "group", "aria-labelledby": l } : {}, S = d ? /* @__PURE__ */ x(
         "span",
         {
           className: [
@@ -984,85 +1043,112 @@ const Ps = [
             "ds:text-[var(--muted-foreground)]",
             "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
             "ds:py-[var(--spacing-xs)]",
-            Y ? "ds:min-w-0 ds:flex-1" : "",
-            c && !t ? "ds:sr-only" : ""
+            L ? "ds:min-w-0 ds:flex-1" : "",
+            m && !r ? "ds:sr-only" : ""
           ].filter(Boolean).join(" "),
           children: [
-            t ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Re, children: t }) : null,
-            e ? /* @__PURE__ */ r("span", { id: l, className: c ? "ds:sr-only" : "", children: e }) : null
+            r ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: Ae, children: r }) : null,
+            e ? /* @__PURE__ */ s("span", { id: l, className: m ? "ds:sr-only" : "", children: e }) : null
           ]
         }
       ) : null;
-      return /* @__PURE__ */ h(
+      return /* @__PURE__ */ x(
         "div",
         {
-          ref: N,
-          className: V,
-          ..._,
-          ...M,
+          ref: z,
+          className: y,
+          ...b,
+          ...ne,
           ...I,
           children: [
-            Y ? /* @__PURE__ */ h(
+            L ? /* @__PURE__ */ x(
               "div",
               {
                 "data-sidebar-section-heading": "",
-                className: Oe(),
+                className: Re(),
                 children: [
-                  $,
-                  Y
+                  S,
+                  L
                 ]
               }
-            ) : $,
-            q
+            ) : S,
+            n
           ]
         }
       );
     }
-    const W = "section";
-    return /* @__PURE__ */ r(
-      be.Root,
+    const T = "section";
+    return /* @__PURE__ */ s(
+      he.Root,
       {
         type: "single",
         collapsible: !0,
-        value: D ? W : "",
-        onValueChange: (K) => w(K === W),
+        value: H ? T : "",
+        onValueChange: (d) => _(d === T),
         asChild: !0,
-        children: /* @__PURE__ */ r("div", { ref: N, className: V, ...M, ...I, children: /* @__PURE__ */ h(be.Item, { value: W, children: [
-          /* @__PURE__ */ h(
+        children: /* @__PURE__ */ s("div", { ref: z, className: y, ...ne, ...I, children: /* @__PURE__ */ x(he.Item, { value: T, children: [
+          /* @__PURE__ */ x(
             "div",
             {
               "data-sidebar-section-heading": "",
-              className: Oe({
-                dropInto: U && !D
+              className: Re({
+                dropInto: K && !H
               }),
               children: [
-                /* @__PURE__ */ r(be.Header, { className: "ds:flex ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ h(be.Trigger, { className: Ps, children: [
-                  t ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Re, children: t }) : null,
-                  /* @__PURE__ */ r("span", { className: "ds:flex-1 ds:text-start", children: e }),
-                  /* @__PURE__ */ r(
-                    we,
-                    {
-                      "aria-hidden": "true",
-                      className: "ds:size-3 ds:transition-transform ds:group-data-[state=open]/section-label:rotate-90 ds:rtl:-scale-x-100 ds:motion-reduce:transition-none"
-                    }
-                  )
-                ] }) }),
-                Y
+                /* @__PURE__ */ s(Us, { name: e ?? "", nameRef: h, children: /* @__PURE__ */ s("div", { className: "ds:flex ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ s(he.Header, { className: "ds:flex ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ x(
+                  he.Trigger,
+                  {
+                    className: _s,
+                    "data-holds-current": U ? "" : void 0,
+                    "aria-describedby": U ? g : void 0,
+                    children: [
+                      r ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: Ae, children: r }) : null,
+                      /* @__PURE__ */ s(
+                        "span",
+                        {
+                          ref: h,
+                          className: `ds:flex-1 ds:text-start ${Hs}`,
+                          children: e
+                        }
+                      ),
+                      U ? /* @__PURE__ */ s(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          "data-sidebar-section-current": "",
+                          className: Fs
+                        }
+                      ) : null,
+                      /* @__PURE__ */ s(
+                        we,
+                        {
+                          "aria-hidden": "true",
+                          className: "ds:size-3 ds:shrink-0 ds:transition-transform ds:group-data-[state=open]/section-label:rotate-90 ds:rtl:-scale-x-100 ds:motion-reduce:transition-none"
+                        }
+                      )
+                    ]
+                  }
+                ) }) }) }),
+                L,
+                U ? (
+                  // Hidden, yet still the fold button's description.
+                  /* @__PURE__ */ s("span", { id: g, hidden: !0, children: N("navigation.sidebar.section.containsCurrent") })
+                ) : null
               ]
             }
           ),
-          /* @__PURE__ */ r(
-            Xe,
+          /* @__PURE__ */ s(
+            Je,
             {
               role: "group",
               "aria-label": e,
-              forceMount: O ? !0 : void 0,
+              forceMount: !0,
               className: [
                 "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:[&>div]:contents",
                 // Force-mounted content is never hidden by Radix: do it here.
-                O ? "ds:data-[state=closed]:hidden" : ""
-              ].filter(Boolean).join(" "),
-              children: q
+                "ds:data-[state=closed]:hidden"
+              ].join(" "),
+              children: n
             }
           )
         ] }) })
@@ -1070,8 +1156,8 @@ const Ps = [
     );
   }
 );
-Ve.displayName = "SidebarSection";
-const Os = [
+Ge.displayName = "SidebarSection";
+const Vs = [
   "ds:group ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]",
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
@@ -1082,48 +1168,48 @@ const Os = [
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), Ls = H(
+].join(" "), Ys = $(
   ({
     label: e,
-    icon: t,
-    children: s,
+    icon: r,
+    children: t,
     className: a,
     defaultOpen: i,
-    open: u,
+    open: c,
     onOpenChange: o,
     ...p
-  }, m) => {
-    const { mode: g } = G();
-    return /* @__PURE__ */ h(
-      Se.Root,
+  }, u) => {
+    const { mode: v } = G();
+    return /* @__PURE__ */ x(
+      Ne.Root,
       {
-        ref: m,
+        ref: u,
         defaultOpen: i,
-        open: u,
+        open: c,
         onOpenChange: o,
         className: a,
         ...p,
         children: [
-          /* @__PURE__ */ h(Se.Trigger, { className: Os, children: [
-            t ? /* @__PURE__ */ r(
+          /* @__PURE__ */ x(Ne.Trigger, { className: Vs, children: [
+            r ? /* @__PURE__ */ s(
               "span",
               {
                 "aria-hidden": "true",
                 className: "ds:inline-flex ds:items-center ds:text-[var(--accent)]",
-                children: t
+                children: r
               }
             ) : null,
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ s(
               "span",
               {
                 className: [
                   "ds:flex-1 ds:text-start",
-                  g === "icon" ? "ds:sr-only" : ""
+                  v === "icon" ? "ds:sr-only" : ""
                 ].join(" "),
                 children: e
               }
             ),
-            g !== "icon" ? /* @__PURE__ */ r(
+            v !== "icon" ? /* @__PURE__ */ s(
               we,
               {
                 "aria-hidden": "true",
@@ -1131,8 +1217,8 @@ const Os = [
               }
             ) : null
           ] }),
-          /* @__PURE__ */ r(
-            Se.Content,
+          /* @__PURE__ */ s(
+            Ne.Content,
             {
               className: [
                 "ds:overflow-hidden",
@@ -1140,7 +1226,7 @@ const Os = [
                 "ds:motion-reduce:animate-none",
                 "ds:ps-[var(--spacing-md)]"
               ].join(" "),
-              children: s
+              children: t
             }
           )
         ]
@@ -1148,14 +1234,14 @@ const Os = [
     );
   }
 );
-Ls.displayName = "SidebarGroup";
-const ve = [
+Ys.displayName = "SidebarGroup";
+const pe = [
   "ds:z-[var(--z-tooltip)] ds:max-w-[16rem]",
   "ds:rounded-[var(--radius-sm)]",
   "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(" "), Ms = ee(
+].join(" "), $s = te(
   [
     // 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.
@@ -1216,12 +1302,12 @@ const ve = [
       isActive: !1
     }
   }
-), Le = [
+), _e = [
   "ds:before:pointer-events-none ds:before:absolute ds:before:start-0 ds:before:end-0",
   "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(" "), _s = ee("", {
+].join(" "), qs = te("", {
   variants: {
     movable: {
       true: "ds:select-none ds:[-webkit-touch-callout:none]",
@@ -1229,151 +1315,158 @@ const ve = [
     },
     moving: { true: "ds:opacity-60", false: "" },
     drop: {
-      before: `${Le} ds:before:top-[calc(var(--spacing-xs)/-2)] ds:before:-translate-y-1/2`,
-      after: `${Le} ds:before:bottom-[calc(var(--spacing-xs)/-2)] ds:before:translate-y-1/2`,
+      before: `${_e} ds:before:top-[calc(var(--spacing-xs)/-2)] ds:before:-translate-y-1/2`,
+      after: `${_e} ds:before:bottom-[calc(var(--spacing-xs)/-2)] ds:before:translate-y-1/2`,
       none: ""
     }
   },
   defaultVariants: { movable: !1, moving: !1, drop: "none" }
-}), $e = ce(null), Ge = H(
+}), Ke = le(null), Xe = $(
   ({
     asChild: e = !1,
-    isActive: t = !1,
-    navId: s,
+    isActive: r = !1,
+    navId: t,
     isPinned: a = !1,
     onPinChange: i,
-    pinLabel: u,
+    pinLabel: c,
     className: o,
     children: p,
-    "aria-label": m,
-    "aria-describedby": g,
+    "aria-label": u,
+    "aria-describedby": v,
     onKeyDown: I,
-    onPointerDown: N,
-    onBlur: k,
-    ...R
-  }, c) => {
-    const { mode: l, density: v, quietFocusRef: y, navElementId: A } = G(), D = e ? Ze : "a", T = i !== void 0 && l !== "icon", w = Ce(), O = ue(_e), z = w.enabled && l !== "icon" && s !== void 0 && (O === null || O.sectionId !== void 0) ? s : void 0, P = w.move, j = P && !oe(P.target, P.origin) ? P.target : null, X = z !== void 0 && (j == null ? void 0 : j.indicator.kind) === "item" && j.indicator.itemId === z ? j.indicator.edge : "none", U = z !== void 0 ? {
-      "data-sidebar-item-id": z,
-      "data-moving": (P == null ? void 0 : P.itemId) === z ? "" : void 0,
+    onPointerDown: z,
+    onBlur: N,
+    ...A
+  }, m) => {
+    const { mode: l, density: g, quietFocusRef: h, navElementId: D } = G(), R = e ? Le : "a", j = i !== void 0 && l !== "icon", w = Se(), F = ce(Be), E = ce($e), H = fe(), O = r || A["aria-current"] === "page";
+    ee(() => {
+      if (E)
+        return E(H, O), () => E(H, !1);
+    }, [E, H, O]);
+    const _ = w.enabled && l !== "icon" && t !== void 0 && (F === null || F.sectionId !== void 0) ? t : void 0, P = w.move, f = P && !de(P.target, P.origin) ? P.target : null, Y = _ !== void 0 && (f == null ? void 0 : f.indicator.kind) === "item" && f.indicator.itemId === _ ? f.indicator.edge : "none", W = _ !== void 0 ? {
+      "data-sidebar-item-id": _,
+      "data-moving": (P == null ? void 0 : P.itemId) === _ ? "" : void 0,
       // A link would otherwise start the browser's own link drag.
       draggable: !1,
-      "aria-describedby": [g, w.instructionsId].filter(Boolean).join(" "),
+      "aria-describedby": [v, w.instructionsId].filter(Boolean).join(" "),
       // An image inside the item would start its own native drag.
-      onDragStart: (f) => f.preventDefault(),
-      onKeyDown: (f) => {
-        var d, S;
-        I == null || I(f);
-        const x = f.key === "Escape" && ((d = w.move) == null ? void 0 : d.itemId) === z;
-        (!f.defaultPrevented || x) && ((S = w.onItemKeyDown) == null || S.call(w, f, z));
+      onDragStart: (b) => b.preventDefault(),
+      onKeyDown: (b) => {
+        var M, X;
+        I == null || I(b);
+        const S = b.key === "Escape" && ((M = w.move) == null ? void 0 : M.itemId) === _;
+        (!b.defaultPrevented || S) && ((X = w.onItemKeyDown) == null || X.call(w, b, _));
       },
-      onPointerDown: (f) => {
-        var x;
-        N == null || N(f), (x = w.onItemPointerDown) == null || x.call(w, f, z);
+      onPointerDown: (b) => {
+        var S;
+        z == null || z(b), (S = w.onItemPointerDown) == null || S.call(w, b, _);
       },
-      onBlur: (f) => {
-        var x;
-        k == null || k(f), (x = w.onItemBlur) == null || x.call(w, z);
+      onBlur: (b) => {
+        var S;
+        N == null || N(b), (S = w.onItemBlur) == null || S.call(w, _);
       }
     } : {
       // Keys left out when unset: an undefined one would override the
       // tooltip's own description through Slot.
-      ...g !== void 0 ? { "aria-describedby": g } : {},
+      ...v !== void 0 ? { "aria-describedby": v } : {},
       ...I ? { onKeyDown: I } : {},
-      ...N ? { onPointerDown: N } : {},
-      ...k ? { onBlur: k } : {}
-    }, b = _s({
-      movable: z !== void 0,
-      moving: P !== null && P.itemId === z,
-      drop: X
-    }), [M, Y] = re(null), q = l === "icon" && m != null && M ? `${m}, ${M}` : m, V = /* @__PURE__ */ r(
-      D,
+      ...z ? { onPointerDown: z } : {},
+      ...N ? { onBlur: N } : {}
+    }, q = qs({
+      movable: _ !== void 0,
+      moving: P !== null && P.itemId === _,
+      drop: Y
+    }), [K, re] = se(null), ne = l === "icon" && u != null && K ? `${u}, ${K}` : u, L = /* @__PURE__ */ s(
+      R,
       {
-        ref: c,
-        "aria-current": t ? "page" : void 0,
-        "aria-label": q,
-        "data-nav-id": s,
-        className: Ms({
+        ref: m,
+        "aria-current": r ? "page" : void 0,
+        "aria-label": ne,
+        "data-nav-id": t,
+        "data-sidebar-item": j ? void 0 : "",
+        className: $s({
           mode: l,
-          density: v,
-          isActive: t,
-          className: [T ? "ds:flex-1 ds:min-w-0" : o, b].filter(Boolean).join(" ")
+          density: g,
+          isActive: r,
+          className: [j ? "ds:flex-1 ds:min-w-0" : o, q].filter(Boolean).join(" ")
         }),
-        ...U,
-        ...R,
+        ...W,
+        ...A,
         children: p
       }
-    ), W = T ? /* @__PURE__ */ h(
+    ), U = j ? /* @__PURE__ */ x(
       "div",
       {
+        "data-sidebar-item": "",
         className: [
           "ds:group/item ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
           o ?? ""
         ].filter(Boolean).join(" "),
         children: [
-          V,
-          /* @__PURE__ */ r(
+          L,
+          /* @__PURE__ */ s(
             je,
             {
               isPinned: a,
-              label: u ?? m ?? "",
+              label: c ?? u ?? "",
               onPinChange: i
             }
           )
         ]
       }
-    ) : V, K = F(null), [_, $] = re(), se = (f) => {
-      var S, B;
-      const x = (S = K.current) == null ? void 0 : S.querySelector(
+    ) : L, Q = V(null), [n, y] = se(), T = (b) => {
+      var X, ae;
+      const S = (X = Q.current) == null ? void 0 : X.querySelector(
         "[data-sidebar-item-label]"
       );
-      if (!(x != null && x.scrollWidth > x.clientWidth) || y != null && y.current || w.move !== null) {
-        f.preventDefault();
+      if (!(S != null && S.scrollWidth > S.clientWidth) || h != null && h.current || w.move !== null) {
+        b.preventDefault();
         return;
       }
-      $(((B = x.textContent) == null ? void 0 : B.trim()) || void 0);
-    }, n = l !== "icon" && A !== void 0 ? /* @__PURE__ */ h(E.Root, { children: [
-      /* @__PURE__ */ r(
-        E.Trigger,
+      y(((ae = S.textContent) == null ? void 0 : ae.trim()) || void 0);
+    }, d = l !== "icon" && D !== void 0 ? /* @__PURE__ */ x(C.Root, { children: [
+      /* @__PURE__ */ s(
+        C.Trigger,
         {
           asChild: !0,
-          ref: K,
-          onPointerMove: se,
-          onFocus: se,
-          children: W
+          ref: Q,
+          onPointerMove: T,
+          onFocus: T,
+          children: U
         }
       ),
-      /* @__PURE__ */ r(E.Portal, { children: /* @__PURE__ */ h(
-        E.Content,
+      /* @__PURE__ */ s(C.Portal, { children: /* @__PURE__ */ x(
+        C.Content,
         {
           side: "right",
           sideOffset: 6,
-          className: ve,
+          className: pe,
           children: [
-            m ?? _,
-            /* @__PURE__ */ r(E.Arrow, { className: "ds:fill-[var(--foreground)]" })
+            u ?? n,
+            /* @__PURE__ */ s(C.Arrow, { className: "ds:fill-[var(--foreground)]" })
           ]
         }
       ) })
-    ] }) : l === "icon" && m ? /* @__PURE__ */ h(E.Root, { children: [
-      /* @__PURE__ */ r(E.Trigger, { asChild: !0, children: W }),
-      /* @__PURE__ */ r(E.Portal, { children: /* @__PURE__ */ h(
-        E.Content,
+    ] }) : l === "icon" && u ? /* @__PURE__ */ x(C.Root, { children: [
+      /* @__PURE__ */ s(C.Trigger, { asChild: !0, children: U }),
+      /* @__PURE__ */ s(C.Portal, { children: /* @__PURE__ */ x(
+        C.Content,
         {
           side: "right",
           sideOffset: 6,
-          className: ve,
+          className: pe,
           children: [
-            m,
-            /* @__PURE__ */ r(E.Arrow, { className: "ds:fill-[var(--foreground)]" })
+            u,
+            /* @__PURE__ */ s(C.Arrow, { className: "ds:fill-[var(--foreground)]" })
           ]
         }
       ) })
-    ] }) : W;
-    return /* @__PURE__ */ r($e.Provider, { value: Y, children: n });
+    ] }) : U;
+    return /* @__PURE__ */ s(Ke.Provider, { value: re, children: d });
   }
 );
-Ge.displayName = "SidebarItem";
-const Bs = H(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ r(
+Xe.displayName = "SidebarItem";
+const Gs = $(({ className: e, children: r, ...t }, a) => /* @__PURE__ */ s(
   "span",
   {
     ref: a,
@@ -1390,14 +1483,14 @@ const Bs = H(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ r(
       "ds:group-aria-[current=page]/item:text-[var(--primary-foreground)]",
       e ?? ""
     ].filter(Boolean).join(" "),
-    ...s,
-    children: t
+    ...t,
+    children: r
   }
 ));
-Bs.displayName = "SidebarItemIcon";
-const Fs = H(({ className: e, children: t, ...s }, a) => {
+Gs.displayName = "SidebarItemIcon";
+const Ks = $(({ className: e, children: r, ...t }, a) => {
   const { mode: i } = G();
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     "span",
     {
       ref: a,
@@ -1409,27 +1502,27 @@ const Fs = H(({ className: e, children: t, ...s }, a) => {
         i === "icon" ? "ds:sr-only" : "",
         e ?? ""
       ].filter(Boolean).join(" "),
-      ...s,
-      children: t
+      ...t,
+      children: r
     }
   );
 });
-Fs.displayName = "SidebarItemLabel";
-const Hs = H(({ className: e, children: t, ...s }, a) => {
-  const { mode: i } = G(), u = i === "icon", o = ue($e);
-  return ne(() => {
-    if (!o || !u) return;
-    const p = t == null || t === !1 ? null : String(t).trim() || null;
+Ks.displayName = "SidebarItemLabel";
+const Xs = $(({ className: e, children: r, ...t }, a) => {
+  const { mode: i } = G(), c = i === "icon", o = ce(Ke);
+  return ee(() => {
+    if (!o || !c) return;
+    const p = r == null || r === !1 ? null : String(r).trim() || null;
     return o(p), () => o(null);
-  }, [o, t, u]), /* @__PURE__ */ r(
+  }, [o, r, c]), /* @__PURE__ */ s(
     "span",
     {
       ref: a,
-      "aria-hidden": u ? "true" : void 0,
+      "aria-hidden": c ? "true" : void 0,
       className: [
         "ds:inline-flex ds:items-center ds:justify-center",
         "ds:font-[var(--font-weight-semibold)]",
-        u ? [
+        c ? [
           "ds:absolute ds:top-[2px] ds:end-[2px]",
           "ds:min-w-0 ds:size-[10px] ds:ps-0 ds:pe-0",
           "ds:rounded-[var(--radius-full)]",
@@ -1445,13 +1538,13 @@ const Hs = H(({ className: e, children: t, ...s }, a) => {
         ].join(" "),
         e ?? ""
       ].filter(Boolean).join(" "),
-      ...s,
-      children: t
+      ...t,
+      children: r
     }
   );
 });
-Hs.displayName = "SidebarItemBadge";
-const Us = ee(
+Xs.displayName = "SidebarItemBadge";
+const Ws = te(
   [
     "ds:flex ds:items-center",
     "ds:text-[var(--foreground)]",
@@ -1486,9 +1579,9 @@ const Us = ee(
         // hover keeps the fill solid over a brand-tinted parent. 32px clears
         // WCAG 2.5.8 (24px AA).
         field: [
-          ss.sm,
-          ts.sm,
           ns.sm,
+          as.sm,
+          is.sm,
           "ds:gap-3",
           "ds:rounded-[var(--radius-sm)]",
           "ds:border ds:border-[color:var(--control-border)] ds:bg-[var(--input)]",
@@ -1499,19 +1592,19 @@ const Us = ee(
     },
     defaultVariants: { variant: "ghost" }
   }
-), Ys = H(
-  ({ logo: e, name: t, showChevron: s = !0, variant: a = "ghost", className: i, ...u }, o) => {
-    const { mode: p } = G(), m = p !== "icon";
-    return /* @__PURE__ */ h(
+), Zs = $(
+  ({ logo: e, name: r, showChevron: t = !0, variant: a = "ghost", className: i, ...c }, o) => {
+    const { mode: p } = G(), u = p !== "icon";
+    return /* @__PURE__ */ x(
       "button",
       {
         ref: o,
         type: "button",
-        "aria-label": t,
-        className: [Us({ variant: a }), i].filter(Boolean).join(" "),
-        ...u,
+        "aria-label": r,
+        className: [Ws({ variant: a }), i].filter(Boolean).join(" "),
+        ...c,
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             "span",
             {
               "aria-hidden": "true",
@@ -1519,9 +1612,9 @@ const Us = ee(
               children: e
             }
           ),
-          m ? /* @__PURE__ */ h(xe, { children: [
-            /* @__PURE__ */ r("span", { className: "ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]", children: t }),
-            s ? /* @__PURE__ */ r(
+          u ? /* @__PURE__ */ x(ye, { children: [
+            /* @__PURE__ */ s("span", { className: "ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]", children: r }),
+            t ? /* @__PURE__ */ s(
               we,
               {
                 "aria-hidden": "true",
@@ -1534,19 +1627,28 @@ const Us = ee(
     );
   }
 );
-Ys.displayName = "SidebarWorkspaceSwitcher";
-const qs = ee(
+Zs.displayName = "SidebarWorkspaceSwitcher";
+const Js = te(
   [
     "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
     "ds:rounded-[var(--radius-md)]",
-    "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
+    "ds:bg-[var(--primary)] ds:!text-[var(--primary-foreground)] ds:no-underline",
     "ds:font-[var(--font-weight-semibold)] ds:text-[length:var(--font-size-sm)]",
     "ds:hover:bg-[var(--primary-hover)]",
     "ds:transition-colors ds:motion-reduce:transition-none",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
     "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]"
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    // Disabled: the fill and contents fade, not the element, so its focus
+    // ring keeps full contrast. No hover; still focusable.
+    "ds:aria-disabled:bg-[var(--primary)]/50 ds:aria-disabled:hover:bg-[var(--primary)]/50 ds:aria-disabled:cursor-not-allowed ds:aria-disabled:[&>*]:opacity-50",
+    "ds:forced-colors:aria-disabled:!text-[GrayText]",
+    // The current page: an inner ring (a border in forced colours, which drop
+    // shadows) and an underlined label when shown.
+    "ds:aria-[current=page]:shadow-[inset_0_0_0_var(--border-width-md)_var(--primary-foreground)]",
+    "ds:forced-colors:aria-[current=page]:border-[length:var(--border-width-md)] ds:forced-colors:aria-[current=page]:border-solid ds:forced-colors:aria-[current=page]:border-[color:CanvasText]",
+    "ds:aria-[current=page]:[&_[data-sidebar-primary-label]]:underline ds:aria-[current=page]:[&_[data-sidebar-primary-label]]:underline-offset-[var(--spacing-xs)]"
   ].join(" "),
   {
     variants: {
@@ -1560,50 +1662,84 @@ const qs = ee(
     },
     defaultVariants: { mode: "expanded" }
   }
-), Vs = H(({ icon: e, label: t, shortcut: s, className: a, ...i }, u) => {
-  const { mode: o } = G(), p = o !== "icon", m = /* @__PURE__ */ h(
-    "button",
-    {
-      ref: u,
-      type: "button",
-      "aria-label": t,
-      "aria-keyshortcuts": s,
-      className: [qs({ mode: o }), a].filter(Boolean).join(" "),
-      ...i,
-      children: [
-        /* @__PURE__ */ r(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:inline-flex ds:size-4 ds:items-center ds:justify-center",
-            children: e
-          }
-        ),
-        p ? /* @__PURE__ */ h(xe, { children: [
-          /* @__PURE__ */ r("span", { className: "ds:truncate", children: t }),
-          s ? /* @__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: s }) : null
-        ] }) : null
-      ]
-    }
-  );
-  return p ? m : /* @__PURE__ */ h(E.Root, { children: [
-    /* @__PURE__ */ r(E.Trigger, { asChild: !0, children: m }),
-    /* @__PURE__ */ r(E.Portal, { children: /* @__PURE__ */ h(
-      E.Content,
+), Qs = $(
+  ({
+    icon: e,
+    label: r,
+    shortcut: t,
+    asChild: a = !1,
+    isActive: i = !1,
+    disabled: c = !1,
+    className: o,
+    children: p,
+    onClickCapture: u,
+    onAuxClickCapture: v,
+    ...I
+  }, z) => {
+    const { mode: N } = G(), A = N !== "icon", m = (E) => {
+      c && (E.preventDefault(), E.stopPropagation());
+    }, l = a && c, g = l ? "a" : a ? Le : "button", h = l && Ze(p) ? p.props : {}, D = Object.fromEntries(
+      Object.entries(h).filter(([E]) => E.startsWith("data-"))
+    ), R = l ? { role: "link", tabIndex: 0 } : a ? {} : { type: "button" }, j = /* @__PURE__ */ s(
+      "span",
       {
-        side: "right",
-        sideOffset: 6,
-        className: ve,
+        "aria-hidden": "true",
+        className: "ds:inline-flex ds:size-4 ds:items-center ds:justify-center",
+        children: e
+      }
+    ), w = A ? /* @__PURE__ */ x(ye, { children: [
+      /* @__PURE__ */ s("span", { "data-sidebar-primary-label": "", className: "ds:truncate", children: r }),
+      t && !c ? /* @__PURE__ */ s("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, F = /* @__PURE__ */ x(
+      g,
+      {
+        ref: z,
+        ...R,
+        ...D,
+        "aria-label": r,
+        "aria-keyshortcuts": c ? void 0 : t,
+        "aria-current": i ? "page" : void 0,
+        "aria-disabled": c ? !0 : void 0,
+        className: [
+          Js({ mode: N }),
+          typeof h.className == "string" ? h.className : "",
+          o
+        ].filter(Boolean).join(" "),
+        onClickCapture: (E) => {
+          if (c) return m(E);
+          u == null || u(E);
+        },
+        onAuxClickCapture: (E) => {
+          if (c) return m(E);
+          v == null || v(E);
+        },
+        ...I,
         children: [
-          t,
-          /* @__PURE__ */ r(E.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          j,
+          a && !c ? /* @__PURE__ */ s(es, { children: p }) : null,
+          w
         ]
       }
-    ) })
-  ] });
-});
-Vs.displayName = "SidebarPrimaryAction";
-const $s = [
+    );
+    return A ? F : /* @__PURE__ */ x(C.Root, { children: [
+      /* @__PURE__ */ s(C.Trigger, { asChild: !0, children: F }),
+      /* @__PURE__ */ s(C.Portal, { children: /* @__PURE__ */ x(
+        C.Content,
+        {
+          side: "right",
+          sideOffset: 6,
+          className: pe,
+          children: [
+            r,
+            /* @__PURE__ */ s(C.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+Qs.displayName = "SidebarPrimaryAction";
+const et = [
   "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
   "ds:size-6 ds:rounded-[var(--radius-sm)]",
   // Lift above the Sidebar's opt-in resize handle (z-[2]). When `resizable`,
@@ -1627,25 +1763,25 @@ const $s = [
   "ds:forced-colors:focus-visible:outline-[CanvasText]",
   "ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)]",
   "ds:motion-reduce:transition-none"
-].join(" "), je = H(
-  ({ isPinned: e, onPinChange: t, label: s, className: a, onClick: i, ...u }, o) => {
-    const { t: p } = de("ui"), { mode: m } = G();
-    if (m === "icon") return null;
-    const g = e ? p("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: s }) : p("navigation.sidebar.pinItem", "Pin {{label}}", { label: s });
-    return /* @__PURE__ */ r(
+].join(" "), je = $(
+  ({ isPinned: e, onPinChange: r, label: t, className: a, onClick: i, ...c }, o) => {
+    const { t: p } = ue("ui"), { mode: u } = G();
+    if (u === "icon") return null;
+    const v = e ? p("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: t }) : p("navigation.sidebar.pinItem", "Pin {{label}}", { label: t });
+    return /* @__PURE__ */ s(
       "button",
       {
         ref: o,
         type: "button",
-        "aria-label": g,
+        "aria-label": v,
         "aria-pressed": e,
-        className: [$s, a].filter(Boolean).join(" "),
+        className: [et, a].filter(Boolean).join(" "),
         onClick: (I) => {
-          I.preventDefault(), I.stopPropagation(), t == null || t(!e), i == null || i(I);
+          I.preventDefault(), I.stopPropagation(), r == null || r(!e), i == null || i(I);
         },
-        ...u,
-        children: /* @__PURE__ */ r(
-          ds,
+        ...c,
+        children: /* @__PURE__ */ s(
+          us,
           {
             "aria-hidden": "true",
             className: "ds:size-4",
@@ -1657,31 +1793,31 @@ const $s = [
   }
 );
 je.displayName = "SidebarPinButton";
-const Ke = ce(null), Gs = () => ue(Ke), Ks = H(
-  ({ heading: e, emptyMessage: t, onReorder: s, className: a, children: i, ...u }, o) => {
-    const { t: p } = de("ui"), m = e ?? p("navigation.sidebar.favorites", "Favourites"), g = Array.isArray(i) ? i.filter(Boolean) : i ? [i] : [], I = g.length, N = I > 0, [k, R] = re(null), [c, l] = re(""), v = F(!1), y = L((D) => {
-      v.current = !v.current, l(v.current ? D : `${D}​`);
-    }, []), A = he(
-      () => ({ onReorder: s, count: I, dragSource: k, setDragSource: R, announce: y }),
-      [s, I, k, y]
+const We = le(null), st = () => ce(We), tt = $(
+  ({ heading: e, emptyMessage: r, onReorder: t, className: a, children: i, ...c }, o) => {
+    const { t: p } = ue("ui"), u = e ?? p("navigation.sidebar.favorites", "Favourites"), v = Array.isArray(i) ? i.filter(Boolean) : i ? [i] : [], I = v.length, z = I > 0, [N, A] = se(null), [m, l] = se(""), g = V(!1), h = B((R) => {
+      g.current = !g.current, l(g.current ? R : `${R}​`);
+    }, []), D = xe(
+      () => ({ onReorder: t, count: I, dragSource: N, setDragSource: A, announce: h }),
+      [t, I, N, h]
     );
-    return !N && !t ? null : /* @__PURE__ */ r(Ke.Provider, { value: A, children: /* @__PURE__ */ r(qe.Provider, { value: !0, children: /* @__PURE__ */ h(
-      Ve,
+    return !z && !r ? null : /* @__PURE__ */ s(We.Provider, { value: D, children: /* @__PURE__ */ s(qe.Provider, { value: !0, children: /* @__PURE__ */ x(
+      Ge,
       {
         ref: o,
-        label: m,
+        label: u,
         className: a,
-        ...u,
+        ...c,
         children: [
-          N ? g : /* @__PURE__ */ r("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: t }),
-          /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: c })
+          z ? v : /* @__PURE__ */ s("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: r }),
+          /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: m })
         ]
       }
     ) }) });
   }
 );
-Ks.displayName = "SidebarFavorites";
-const Xs = ee(
+tt.displayName = "SidebarFavorites";
+const rt = te(
   [
     "ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -1700,7 +1836,7 @@ const Xs = ee(
     },
     defaultVariants: { dragging: !1, dropTarget: !1 }
   }
-), Ws = [
+), nt = [
   "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
   "ds:size-6 ds:rounded-[var(--radius-sm)]",
   "ds:cursor-grab ds:active:cursor-grabbing",
@@ -1714,93 +1850,93 @@ const Xs = ee(
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]",
   "ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), Zs = H(
+].join(" "), at = $(
   ({
     index: e,
-    isActive: t = !1,
-    asChild: s = !1,
+    isActive: r = !1,
+    asChild: t = !1,
     reorderLabel: a,
     isPinned: i = !1,
-    onPinChange: u,
+    onPinChange: c,
     pinLabel: o,
     "aria-label": p,
-    className: m,
-    children: g,
+    className: u,
+    children: v,
     ...I
-  }, N) => {
-    const { t: k } = de("ui"), { mode: R } = G(), c = Gs(), [l, v] = re(!1), y = !!(c != null && c.onReorder) && R !== "icon", A = a ?? p ?? "", D = ye(), T = (b, M) => {
-      if (!(c != null && c.onReorder)) return;
-      const Y = Math.max(0, Math.min(c.count - 1, M));
-      Y !== b && (c.onReorder(b, Y), c.announce(
-        k(
+  }, z) => {
+    const { t: N } = ue("ui"), { mode: A } = G(), m = st(), [l, g] = se(!1), h = !!(m != null && m.onReorder) && A !== "icon", D = a ?? p ?? "", R = fe(), j = (f, Y) => {
+      if (!(m != null && m.onReorder)) return;
+      const W = Math.max(0, Math.min(m.count - 1, Y));
+      W !== f && (m.onReorder(f, W), m.announce(
+        N(
           "navigation.sidebar.reorderAnnounce",
           "{{label}} moved to position {{to}} of {{total}}",
-          { label: A, to: Y + 1, total: c.count }
+          { label: D, to: W + 1, total: m.count }
         )
       ));
-    }, w = (b) => {
-      y && (b.altKey && b.key === "ArrowUp" ? (b.preventDefault(), T(e, e - 1)) : b.altKey && b.key === "ArrowDown" ? (b.preventDefault(), T(e, e + 1)) : b.key === "Home" && b.altKey ? (b.preventDefault(), T(e, 0)) : b.key === "End" && b.altKey && (b.preventDefault(), T(e, c.count - 1)));
-    }, O = (b) => {
-      y && (c == null || c.setDragSource(e), b.dataTransfer && (b.dataTransfer.effectAllowed = "move", b.dataTransfer.setData("ds:text/plain", String(e))));
-    }, z = () => {
-      c == null || c.setDragSource(null), v(!1);
-    }, P = (b) => {
-      !y || (c == null ? void 0 : c.dragSource) === null || (b.preventDefault(), b.dataTransfer && (b.dataTransfer.dropEffect = "move"), v(!0));
-    }, j = () => v(!1), X = (b) => {
-      if (!y) return;
-      b.preventDefault();
-      const M = c == null ? void 0 : c.dragSource;
-      v(!1), !(M == null || M === e) && T(M, e);
-    }, U = (c == null ? void 0 : c.dragSource) === e;
-    return /* @__PURE__ */ h(
+    }, w = (f) => {
+      h && (f.altKey && f.key === "ArrowUp" ? (f.preventDefault(), j(e, e - 1)) : f.altKey && f.key === "ArrowDown" ? (f.preventDefault(), j(e, e + 1)) : f.key === "Home" && f.altKey ? (f.preventDefault(), j(e, 0)) : f.key === "End" && f.altKey && (f.preventDefault(), j(e, m.count - 1)));
+    }, F = (f) => {
+      h && (m == null || m.setDragSource(e), f.dataTransfer && (f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("ds:text/plain", String(e))));
+    }, E = () => {
+      m == null || m.setDragSource(null), g(!1);
+    }, H = (f) => {
+      !h || (m == null ? void 0 : m.dragSource) === null || (f.preventDefault(), f.dataTransfer && (f.dataTransfer.dropEffect = "move"), g(!0));
+    }, O = () => g(!1), _ = (f) => {
+      if (!h) return;
+      f.preventDefault();
+      const Y = m == null ? void 0 : m.dragSource;
+      g(!1), !(Y == null || Y === e) && j(Y, e);
+    }, P = (m == null ? void 0 : m.dragSource) === e;
+    return /* @__PURE__ */ x(
       "div",
       {
-        className: Xs({
-          dragging: U,
-          dropTarget: l && !U
+        className: rt({
+          dragging: P,
+          dropTarget: l && !P
         }),
-        draggable: y || void 0,
-        onDragStart: y ? O : void 0,
-        onDragEnd: y ? z : void 0,
-        onDragOver: P,
-        onDragLeave: j,
-        onDrop: X,
+        draggable: h || void 0,
+        onDragStart: h ? F : void 0,
+        onDragEnd: h ? E : void 0,
+        onDragOver: H,
+        onDragLeave: O,
+        onDrop: _,
         children: [
-          /* @__PURE__ */ r(
-            Ge,
+          /* @__PURE__ */ s(
+            Xe,
             {
-              ref: N,
-              isActive: t,
-              asChild: s,
+              ref: z,
+              isActive: r,
+              asChild: t,
               "aria-label": p,
-              "aria-describedby": y ? D : void 0,
-              draggable: y ? !1 : void 0,
-              className: [y ? "ds:flex-1 ds:min-w-0" : "", m ?? ""].filter(Boolean).join(" "),
+              "aria-describedby": h ? R : void 0,
+              draggable: h ? !1 : void 0,
+              className: [h ? "ds:flex-1 ds:min-w-0" : "", u ?? ""].filter(Boolean).join(" "),
               ...I,
-              children: g
+              children: v
             }
           ),
-          y ? /* @__PURE__ */ r(
+          h ? /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              id: D,
-              "aria-label": k(
+              id: R,
+              "aria-label": N(
                 "navigation.sidebar.reorderHandle",
                 "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
-                { label: A }
+                { label: D }
               ),
-              className: Ws,
+              className: nt,
               onKeyDown: w,
-              children: /* @__PURE__ */ r(os, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ s(ls, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
-          u && R !== "icon" ? /* @__PURE__ */ r(
+          c && A !== "icon" ? /* @__PURE__ */ s(
             je,
             {
               isPinned: i,
               label: o ?? p ?? "",
-              onPinChange: u
+              onPinChange: c
             }
           ) : null
         ]
@@ -1808,8 +1944,8 @@ const Xs = ee(
     );
   }
 );
-Zs.displayName = "SidebarFavoriteItem";
-const Js = ee(
+at.displayName = "SidebarFavoriteItem";
+const it = te(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1822,18 +1958,18 @@ const Js = ee(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), Qs = H(({ avatar: e, name: t, subtitle: s, subtitleLabel: a, className: i, ...u }, o) => {
-  const { mode: p } = G(), m = p !== "icon", g = typeof s == "string" ? s : a;
-  return /* @__PURE__ */ h(
+), ot = $(({ avatar: e, name: r, subtitle: t, subtitleLabel: a, className: i, ...c }, o) => {
+  const { mode: p } = G(), u = p !== "icon", v = typeof t == "string" ? t : a;
+  return /* @__PURE__ */ x(
     "button",
     {
       ref: o,
       type: "button",
-      "aria-label": g ? `${t}, ${g}` : t,
-      className: [Js(), i].filter(Boolean).join(" "),
-      ...u,
+      "aria-label": v ? `${r}, ${v}` : r,
+      className: [it(), i].filter(Boolean).join(" "),
+      ...c,
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ s(
           "span",
           {
             "aria-hidden": "true",
@@ -1841,16 +1977,16 @@ const Js = ee(
             children: e
           }
         ),
-        m ? /* @__PURE__ */ h("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
-          /* @__PURE__ */ r("span", { className: "ds:block ds:truncate type-label", children: t }),
-          s ? typeof s == "string" ? /* @__PURE__ */ r("span", { className: "ds:block ds:truncate type-meta ds:text-[color:var(--muted-foreground)]", children: s }) : /* @__PURE__ */ r("span", { className: "ds:flex ds:items-center ds:gap-[length:var(--spacing-xs)] ds:min-w-0 type-meta ds:text-[color:var(--muted-foreground)]", children: s }) : null
+        u ? /* @__PURE__ */ x("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
+          /* @__PURE__ */ s("span", { className: "ds:block ds:truncate type-label", children: r }),
+          t ? typeof t == "string" ? /* @__PURE__ */ s("span", { className: "ds:block ds:truncate type-meta ds:text-[color:var(--muted-foreground)]", children: t }) : /* @__PURE__ */ s("span", { className: "ds:flex ds:items-center ds:gap-[length:var(--spacing-xs)] ds:min-w-0 type-meta ds:text-[color:var(--muted-foreground)]", children: t }) : null
         ] }) : null
       ]
     }
   );
 });
-Qs.displayName = "SidebarProfilePill";
-const et = [
+ot.displayName = "SidebarProfilePill";
+const dt = [
   "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
   "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]",
   "ds:rounded-[var(--radius-sm)]",
@@ -1860,32 +1996,32 @@ const et = [
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), st = H(({ className: e, "aria-label": t, onClick: s, ...a }, i) => {
-  const { t: u } = de("ui"), { mode: o, density: p, transitionTo: m } = G();
+].join(" "), ct = $(({ className: e, "aria-label": r, onClick: t, ...a }, i) => {
+  const { t: c } = ue("ui"), { mode: o, density: p, transitionTo: u } = G();
   if (o === "overlay") return null;
-  const g = o === "expanded", I = g ? [
+  const v = o === "expanded", I = v ? [
     "ds:justify-start",
     p === "compact" ? "ds:ps-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-sm)]"
-  ].join(" ") : "ds:justify-center", N = t ?? (g ? u("navigation.sidebar.collapse", "Collapse sidebar") : u("navigation.sidebar.expand", "Expand sidebar")), k = /* @__PURE__ */ r(
+  ].join(" ") : "ds:justify-center", z = r ?? (v ? c("navigation.sidebar.collapse", "Collapse sidebar") : c("navigation.sidebar.expand", "Expand sidebar")), N = /* @__PURE__ */ s(
     "button",
     {
       ref: i,
       type: "button",
-      "aria-label": N,
-      "aria-expanded": g,
-      onClick: (R) => {
-        m == null || m(g ? "icon" : "expanded"), s == null || s(R);
+      "aria-label": z,
+      "aria-expanded": v,
+      onClick: (A) => {
+        u == null || u(v ? "icon" : "expanded"), t == null || t(A);
       },
-      className: [et, I, e].filter(Boolean).join(" "),
+      className: [dt, I, e].filter(Boolean).join(" "),
       ...a,
-      children: /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:size-5 ds:shrink-0 ds:items-center ds:justify-center", children: g ? /* @__PURE__ */ r(
-        us,
+      children: /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:size-5 ds:shrink-0 ds:items-center ds:justify-center", children: v ? /* @__PURE__ */ s(
+        ps,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
         }
-      ) : /* @__PURE__ */ r(
-        fs,
+      ) : /* @__PURE__ */ s(
+        gs,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
@@ -1893,24 +2029,24 @@ const et = [
       ) })
     }
   );
-  return /* @__PURE__ */ h(E.Root, { children: [
-    /* @__PURE__ */ r(E.Trigger, { asChild: !0, children: k }),
-    /* @__PURE__ */ r(E.Portal, { children: /* @__PURE__ */ h(
-      E.Content,
+  return /* @__PURE__ */ x(C.Root, { children: [
+    /* @__PURE__ */ s(C.Trigger, { asChild: !0, children: N }),
+    /* @__PURE__ */ s(C.Portal, { children: /* @__PURE__ */ x(
+      C.Content,
       {
         side: o === "icon" ? "right" : "top",
         sideOffset: 6,
-        className: ve,
+        className: pe,
         children: [
-          N,
-          /* @__PURE__ */ r(E.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          z,
+          /* @__PURE__ */ s(C.Arrow, { className: "ds:fill-[var(--foreground)]" })
         ]
       }
     ) })
   ] });
 });
-st.displayName = "SidebarCollapseTrigger";
-const tt = ee(
+ct.displayName = "SidebarCollapseTrigger";
+const lt = te(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)]",
@@ -1941,20 +2077,20 @@ const tt = ee(
     },
     defaultVariants: { mode: "expanded" }
   }
-), nt = H(({ title: e, description: t, icon: s, className: a, ...i }, u) => {
-  const { mode: o } = G(), p = o === "icon", m = (
+), ut = $(({ title: e, description: r, icon: t, className: a, ...i }, c) => {
+  const { mode: o } = G(), p = o === "icon", u = (
     // 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.
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ x(
       "a",
       {
-        ref: u,
+        ref: c,
         "aria-label": p ? e : void 0,
-        className: tt({ mode: o, className: a }),
+        className: lt({ mode: o, className: a }),
         ...i,
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             "span",
             {
               "aria-hidden": "true",
@@ -1963,19 +2099,19 @@ const tt = ee(
                 "ds:rounded-[var(--radius-sm)]",
                 "ds:bg-[var(--accent)] ds:text-[var(--accent-foreground)]"
               ].join(" "),
-              children: s ?? /* @__PURE__ */ r(ls, { className: "ds:size-4" })
+              children: t ?? /* @__PURE__ */ s(ms, { className: "ds:size-4" })
             }
           ),
-          p ? null : /* @__PURE__ */ h(xe, { children: [
-            /* @__PURE__ */ h("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
-              /* @__PURE__ */ r("span", { className: "ds:block ds:line-clamp-2 type-label", children: e }),
-              t ? (
+          p ? null : /* @__PURE__ */ x(ye, { children: [
+            /* @__PURE__ */ x("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
+              /* @__PURE__ */ s("span", { className: "ds:block ds:line-clamp-2 type-label", children: e }),
+              r ? (
                 // Foreground (not muted) on the tinted surface — the gradient
                 // stops leave muted text short of AA in both colour schemes.
-                /* @__PURE__ */ r("span", { className: "ds:block ds:line-clamp-2 type-meta", children: t })
+                /* @__PURE__ */ s("span", { className: "ds:block ds:line-clamp-2 type-meta", children: r })
               ) : null
             ] }),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ s(
               we,
               {
                 "aria-hidden": "true",
@@ -1987,43 +2123,43 @@ const tt = ee(
       }
     )
   );
-  return p ? /* @__PURE__ */ h(E.Root, { children: [
-    /* @__PURE__ */ r(E.Trigger, { asChild: !0, children: m }),
-    /* @__PURE__ */ r(E.Portal, { children: /* @__PURE__ */ h(
-      E.Content,
+  return p ? /* @__PURE__ */ x(C.Root, { children: [
+    /* @__PURE__ */ s(C.Trigger, { asChild: !0, children: u }),
+    /* @__PURE__ */ s(C.Portal, { children: /* @__PURE__ */ x(
+      C.Content,
       {
         side: "right",
         sideOffset: 6,
-        className: ve,
+        className: pe,
         children: [
           e,
-          /* @__PURE__ */ r(E.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          /* @__PURE__ */ s(C.Arrow, { className: "ds:fill-[var(--foreground)]" })
         ]
       }
     ) })
-  ] }) : m;
+  ] }) : u;
 });
-nt.displayName = "SidebarUpgradeChip";
+ut.displayName = "SidebarUpgradeChip";
 export {
-  Ts as S,
-  Ds as a,
-  st as b,
-  Zs as c,
-  Ks as d,
-  As as e,
-  Ls as f,
-  Es as g,
-  Ge as h,
-  Hs as i,
-  Bs as j,
-  Fs as k,
+  Ps as S,
+  As as a,
+  ct as b,
+  at as c,
+  tt as d,
+  Rs as e,
+  Ys as f,
+  Os as g,
+  Xe as h,
+  Xs as i,
+  Gs as j,
+  Ks as k,
   je as l,
-  Vs as m,
-  Qs as n,
-  Ve as o,
-  nt as p,
-  Ys as q,
-  ps as s,
+  Qs as m,
+  ot as n,
+  Ge as o,
+  ut as p,
+  Zs as q,
+  bs as s,
   G as u
 };
-//# sourceMappingURL=sidebar-D4Wllqfz.js.map
+//# sourceMappingURL=sidebar-D_S2-SXH.js.map