@alfadocs/ui-kit 1.59.0 → 1.61.0

package/dist/_chunks/sidebar-C9Zof0z1.js

@@ -0,0 +1,2571 @@
+import { jsx as r, jsxs as h, Fragment as Ie } from "react/jsx-runtime";
+import { useId as ve, useState as Z, useRef as U, useCallback as F, useEffect as ne, useMemo as ye, createContext as ie, useContext as oe, forwardRef as $, isValidElement as ds } from "react";
+import * as ge from "@radix-ui/react-dialog";
+import * as Ee from "@radix-ui/react-collapsible";
+import * as Ne from "@radix-ui/react-accordion";
+import * as y from "@radix-ui/react-tooltip";
+import { a as ls } from "./accordion-Ch3xp0mX.js";
+import { S as cs } from "./scroll-area-CY5SLYNw.js";
+import { Slot as Ue, Slottable as us } from "@radix-ui/react-slot";
+import { c as ae } from "./index-D2ZczOXr.js";
+import { useTranslation as de } from "react-i18next";
+import { u as fs } from "./registry-DvAUVLHh.js";
+import { u as ms } from "./use-edge-resize-DHbyQwu8.js";
+import { c as $e } from "./compose-refs-C0k0tdqF.js";
+import { a as ps, b as vs, d as gs } from "./input-surface-iBmxVBfr.js";
+import { u as xe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { i as bs } from "./is-development-CLUAnsU7.js";
+import { X as He } from "./x-B5YnXwCz.js";
+import { c as Ce } from "./createLucideIcon-DhHxpK9K.js";
+import { G as hs } from "./grip-vertical-onSb1JXO.js";
+import { C as ze } from "./chevron-right-I9AeSxH2.js";
+import { S as ys } from "./star-Bf9L2Uot.js";
+import { T as xs } 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 ws = [
+  ["path", { d: "m7 20 5-5 5 5", key: "13a0gw" }],
+  ["path", { d: "m7 4 5 5 5-5", key: "1kwcof" }]
+], Ss = Ce("chevrons-down-up", ws);
+/**
+ * @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 Ns = [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+], Is = Ce("chevrons-up-down", Ns);
+/**
+ * @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 = [
+  ["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" }]
+], zs = Ce("panel-left-close", Cs);
+/**
+ * @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 Ts = [
+  ["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" }]
+], Es = Ce("panel-left-open", Ts), ke = {
+  "⌘": "Meta",
+  cmd: "Meta",
+  command: "Meta",
+  meta: "Meta",
+  "⌃": "Control",
+  ctrl: "Control",
+  control: "Control",
+  "⌥": "Alt",
+  alt: "Alt",
+  opt: "Alt",
+  option: "Alt",
+  "⇧": "Shift",
+  shift: "Shift"
+}, js = {
+  "+": "Plus",
+  plus: "Plus",
+  esc: "Escape",
+  escape: "Escape",
+  enter: "Enter",
+  return: "Enter",
+  "⏎": "Enter",
+  "↵": "Enter",
+  tab: "Tab",
+  "⇥": "Tab",
+  space: "Space",
+  del: "Delete",
+  delete: "Delete",
+  "⌦": "Delete",
+  backspace: "Backspace",
+  "⌫": "Backspace",
+  home: "Home",
+  end: "End",
+  pageup: "PageUp",
+  pagedown: "PageDown",
+  "↑": "ArrowUp",
+  up: "ArrowUp",
+  arrowup: "ArrowUp",
+  "↓": "ArrowDown",
+  down: "ArrowDown",
+  arrowdown: "ArrowDown",
+  "←": "ArrowLeft",
+  left: "ArrowLeft",
+  arrowleft: "ArrowLeft",
+  "→": "ArrowRight",
+  right: "ArrowRight",
+  arrowright: "ArrowRight"
+}, ks = ["Control", "Alt", "Shift", "Meta"];
+function As(e) {
+  const s = js[e.toLowerCase()];
+  if (s) return s;
+  if (/^f([1-9]|1\d|2[0-4])$/i.test(e) || [...e].length === 1 && /^\S$/u.test(e))
+    return e.toUpperCase();
+}
+function Ds(e) {
+  const s = e.replace(/([⌘⌃⌥⇧])(?!\+)/g, "$1+");
+  let t, i;
+  if (s === "+")
+    t = [], i = "+";
+  else if (s.endsWith("++")) {
+    const n = s.slice(0, -2);
+    if (!n) return;
+    t = n.split("+"), i = "+";
+  } else
+    t = s.split("+"), i = t.pop() ?? "";
+  if (!i || t.some((n) => !n)) return;
+  const d = /* @__PURE__ */ new Set();
+  for (const n of t) {
+    const u = ke[n.toLowerCase()];
+    if (!u) return;
+    d.add(u);
+  }
+  if (ke[i.toLowerCase()]) return;
+  const a = As(i);
+  if (a)
+    return [...ks.filter((n) => d.has(n)), a].join("+");
+}
+function Ke(e) {
+  if (!(e != null && e.trim())) return;
+  const s = e.trim().replace(/\s*\+\s*/g, "+").replace(/([⌘⌃⌥⇧])\s+/g, "$1").split(/\s+/), t = [];
+  let i = "";
+  for (const a of s) {
+    const n = i ? `${i}+${a}` : a;
+    n.split("+").every((c) => c !== "" && ke[c.toLowerCase()]) ? i = n : (t.push(n), i = "");
+  }
+  if (i) return;
+  const d = t.map(Ds);
+  if (!d.some((a) => a === void 0))
+    return d.join(" ");
+}
+const Os = {
+  id: "sidebar",
+  capabilities: ["expand"],
+  state: {
+    isCollapsed: {
+      type: "boolean",
+      descriptionKey: "ui.agent.sidebar.state.isCollapsed",
+      description: "True when the sidebar is in its collapsed (rail) state.",
+      read: (e) => e.getIsCollapsed()
+    },
+    anySectionOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.sidebar.state.anySectionOpen",
+      description: "True while any foldable section is open.",
+      read: (e) => e.getAnySectionOpen()
+    }
+  },
+  actions: {
+    toggle_collapsed: {
+      // Pure ephemeral chrome state — toggling the rail loses no data.
+      safety: "read",
+      descriptionKey: "ui.agent.sidebar.actions.toggleCollapsed",
+      description: "Toggle the sidebar between collapsed and expanded.",
+      invoke: (e) => {
+        e.toggleCollapsed();
+      }
+    },
+    set_all_sections_open: {
+      // Ephemeral chrome state, as the sections toggle sets it: no data lost.
+      safety: "read",
+      argsType: "{ open: boolean }",
+      argsSchema: {
+        type: "object",
+        properties: { open: { type: "boolean" } },
+        required: ["open"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.sidebar.actions.setAllSectionsOpen",
+      description: "Fold (false) or unfold (true) every foldable section, as the sections toggle does.",
+      invoke: (e, s) => {
+        e.setAllSectionsOpen(s.open);
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "sidebar" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-nav-id",
+      sourceProp: "navId",
+      description: "Each Sidebar.Item emits its `navId` prop as data-nav-id. Agents activate a nav item via native click on the matching anchor."
+    }
+  }
+}, Ae = ie({
+  enabled: !1,
+  move: null
+}), Te = () => oe(Ae), Ye = ie(null), fe = (e, s) => e.sectionId === s.sectionId && e.index === s.index, Ve = "[data-sidebar-item-id]", Ge = "[data-sidebar-section-id]";
+function be(e, s) {
+  var i;
+  const t = (i = e.parentElement) == null ? void 0 : i.closest(Ge);
+  return t && s.contains(t) ? t.dataset.sidebarSectionId ?? null : null;
+}
+function Ps(e, s) {
+  var v;
+  const t = e.querySelector("[data-sidebar-body]") ?? e, i = Array.from(
+    t.querySelectorAll(`${Ge},${Ve}`)
+  ), d = /* @__PURE__ */ new Map([[null, []]]), a = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+  let u = null;
+  for (const p of i) {
+    const b = p.dataset.sidebarSectionId;
+    if (b !== void 0) {
+      d.set(b, []), a.set(b, p.dataset.sidebarSectionOpen !== "false"), n.set(b, p.dataset.sidebarSectionLabel ?? "");
+      continue;
+    }
+    if (p.dataset.sidebarItemId === s) {
+      u = p;
+      continue;
+    }
+    const x = be(p, t);
+    (v = d.get(x)) == null || v.push(p);
+  }
+  if (!u) return null;
+  const c = (p) => {
+    var b;
+    return (((b = d.get(p)) == null ? void 0 : b.length) ?? 0) + 1;
+  }, l = [], w = d.get(null) ?? [], C = w.length === 0 && be(u, t) === null;
+  for (const p of i) {
+    const b = p.dataset.sidebarSectionId;
+    if (b !== void 0) {
+      const T = d.get(b) ?? [];
+      (!a.get(b) || T.length === 0) && l.push({
+        sectionId: b,
+        index: T.length,
+        total: c(b),
+        indicator: { kind: "section", sectionId: b }
+      });
+      continue;
+    }
+    if (p === u) {
+      C && l.push({
+        sectionId: null,
+        index: 0,
+        total: 1,
+        indicator: { kind: "item", itemId: s, edge: "before" }
+      });
+      continue;
+    }
+    const x = be(p, t);
+    if (x !== null && !a.get(x)) continue;
+    const P = d.get(x) ?? [], L = P.indexOf(p), A = p.dataset.sidebarItemId ?? "";
+    l.push({
+      sectionId: x,
+      index: L,
+      total: c(x),
+      indicator: { kind: "item", itemId: A, edge: "before" }
+    }), L === P.length - 1 && l.push({
+      sectionId: x,
+      index: L + 1,
+      total: c(x),
+      indicator: { kind: "item", itemId: A, edge: "after" }
+    });
+  }
+  w.length === 0 && !C && l.push({
+    sectionId: null,
+    index: 0,
+    total: 1,
+    indicator: { kind: "list" }
+  });
+  const I = be(u, t), j = (d.get(I) ?? []).filter(
+    (p) => p.compareDocumentPosition(u) & Node.DOCUMENT_POSITION_FOLLOWING
+  ).length;
+  return {
+    places: l,
+    originIndex: l.findIndex(
+      (p) => fe(p, { sectionId: I, index: j })
+    ),
+    emptySectionIds: [...d.entries()].filter(([p, b]) => p !== null && a.get(p) && !b.length).map(([p]) => p),
+    listEmpty: w.length === 0 && !C,
+    sectionLabels: n
+  };
+}
+function _s(e, s) {
+  const t = e.querySelector("[data-sidebar-body]") ?? e, i = be(s, t), d = Array.from(t.querySelectorAll(Ve)).filter(
+    (a) => a !== s && be(a, t) === i && a.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_FOLLOWING
+  ).length;
+  return { sectionId: i, index: d };
+}
+function qe(e, s) {
+  var i;
+  const { indicator: t } = s;
+  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)}"]`
+  ) ?? ((i = e.querySelector(
+    `[data-sidebar-section-id="${CSS.escape(t.sectionId)}"]`
+  )) == null ? void 0 : i.querySelector("[data-sidebar-section-heading]")) ?? null;
+}
+function Rs(e, s) {
+  var i;
+  const t = (i = qe(e, s)) == null ? void 0 : i.getBoundingClientRect();
+  return t ? s.indicator.kind === "item" ? s.indicator.edge === "before" ? t.top : t.bottom : t.top + t.height / 2 : s.indicator.kind === "item" ? Number.POSITIVE_INFINITY : e.getBoundingClientRect().bottom;
+}
+const Ls = 450, Ms = 6, Bs = 5e3, je = 48, Fs = 14;
+function Us({
+  onMoveItem: e,
+  enabled: s,
+  rootRef: t,
+  quietFocusRef: i
+}) {
+  const { t: d } = de("ui"), a = ve(), [n, u] = Z(null), c = U(null), l = U([]), w = U(/* @__PURE__ */ new Map()), C = U(/* @__PURE__ */ new Map()), I = U(null), j = U(e);
+  j.current = e;
+  const v = U(null), p = U(null), b = F((o) => {
+    c.current = o, u(o);
+  }, []), [x, P] = Z(""), L = U(!1), A = F((o) => {
+    L.current = !L.current, P(L.current ? o : `${o}​`);
+  }, []), T = F(
+    (o) => o.sectionId === null ? d("navigation.sidebar.move.inList", {
+      position: o.index + 1,
+      total: o.total
+    }) : d("navigation.sidebar.move.inSection", {
+      section: w.current.get(o.sectionId) ?? "",
+      position: o.index + 1,
+      total: o.total
+    }),
+    [d]
+  ), _ = F(
+    (o, S, E) => {
+      var B;
+      const m = t.current;
+      if (!m) return !1;
+      const f = Ps(m, o);
+      if (!f || f.originIndex < 0) return !1;
+      l.current = f.places, w.current = f.sectionLabels;
+      const N = f.places[f.originIndex], D = E.getAttribute("aria-label") ?? ((B = E.textContent) == null ? void 0 : B.trim()) ?? "";
+      return b({
+        itemId: o,
+        label: D,
+        via: S,
+        origin: N,
+        target: N,
+        emptySectionIds: f.emptySectionIds,
+        listEmpty: f.listEmpty
+      }), A(
+        d("navigation.sidebar.move.pickedUp", {
+          item: D,
+          place: T(N)
+        })
+      ), !0;
+    },
+    [t, b, A, d, T]
+  ), K = F(
+    (o, S) => {
+      const E = c.current;
+      !E || fe(E.target, o) || (b({ ...E, target: o }), S && (A(T(o)), requestAnimationFrame(() => {
+        var f, N;
+        const m = t.current;
+        m && ((N = (f = qe(m, o)) == null ? void 0 : f.scrollIntoView) == null || N.call(f, { block: "nearest" }));
+      })));
+    },
+    [b, A, T, t]
+  ), Y = F(() => {
+    var N, D;
+    const o = c.current;
+    if (!o) return;
+    b(null), l.current = [];
+    const { itemId: S, origin: E, target: m, label: f } = o;
+    fe(E, m) || (I.current = {
+      itemId: S,
+      sectionId: m.sectionId,
+      index: m.index,
+      until: Date.now() + Bs
+    }, m.sectionId !== null && ((N = C.current.get(m.sectionId)) == null || N()), (D = j.current) == null || D.call(j, {
+      itemId: S,
+      toSectionId: m.sectionId,
+      index: m.index
+    })), A(
+      d("navigation.sidebar.move.dropped", {
+        item: f,
+        place: T(m)
+      })
+    );
+  }, [b, A, d, T]), k = F(() => {
+    const o = c.current;
+    o && (b(null), l.current = [], A(
+      d("navigation.sidebar.move.cancelled", {
+        item: o.label,
+        place: T(o.origin)
+      })
+    ));
+  }, [b, A, d, T]), R = F(
+    (o, S) => {
+      const E = c.current, m = !o.altKey && !o.ctrlKey && !o.metaKey && !o.shiftKey;
+      if (!E) {
+        o.key === " " && m && !o.repeat && (o.preventDefault(), _(S, "keyboard", o.currentTarget));
+        return;
+      }
+      if (E.itemId !== S || E.via !== "keyboard") return;
+      const f = l.current, N = f.findIndex((B) => fe(B, E.target)), D = (B) => {
+        const se = f[Math.max(0, Math.min(f.length - 1, B))];
+        se && K(se, !0);
+      };
+      switch (o.key) {
+        case "ArrowDown":
+          o.preventDefault(), D(N + 1);
+          break;
+        case "ArrowUp":
+          o.preventDefault(), D(N - 1);
+          break;
+        case "Home":
+          o.preventDefault(), D(0);
+          break;
+        case "End":
+          o.preventDefault(), D(f.length - 1);
+          break;
+        case " ":
+        case "Enter":
+          o.preventDefault(), o.repeat || Y();
+          break;
+        case "Escape":
+          o.preventDefault(), o.stopPropagation(), k();
+          break;
+        case "Tab":
+          k();
+          break;
+      }
+    },
+    [_, K, Y, k]
+  ), O = F(
+    (o) => {
+      const S = c.current;
+      (S == null ? void 0 : S.via) === "keyboard" && S.itemId === o && k();
+    },
+    [k]
+  ), g = F(() => {
+    var S;
+    const o = v.current;
+    o != null && o.timer && clearTimeout(o.timer), o != null && o.frame && cancelAnimationFrame(o.frame), v.current = null, (S = p.current) == null || S.call(p), p.current = null;
+  }, []), M = F(
+    (o, S) => {
+      if (c.current || v.current || !o.isPrimary || o.button !== 0) return;
+      const E = o.pointerType === "touch", m = {
+        pointerId: o.pointerId,
+        itemId: S,
+        node: o.currentTarget,
+        touch: E,
+        startX: o.clientX,
+        startY: o.clientY,
+        dragging: !1,
+        timer: null,
+        lastY: o.clientY,
+        frame: 0
+      };
+      v.current = m;
+      const f = () => {
+        var z, V;
+        if (!_(m.itemId, "pointer", m.node)) {
+          g();
+          return;
+        }
+        m.dragging = !0, (V = (z = window.getSelection) == null ? void 0 : z.call(window)) == null || V.removeAllRanges();
+      }, N = (z) => {
+        const V = t.current;
+        if (!V) return;
+        let te = null, he = Number.POSITIVE_INFINITY;
+        for (const ce of l.current) {
+          const ue = Math.abs(Rs(V, ce) - z);
+          ue < he && (te = ce, he = ue);
+        }
+        te && K(te, !1);
+      }, D = () => {
+        var _e, Re;
+        if (m.frame = 0, !m.dragging) return;
+        const z = (Re = (_e = t.current) == null ? void 0 : _e.querySelector("[data-sidebar-body]")) == null ? void 0 : Re.closest("[data-radix-scroll-area-viewport]");
+        if (!z) return;
+        const V = z.getBoundingClientRect(), te = V.top + je - m.lastY, he = m.lastY - (V.bottom - je), ce = Math.max(te, he);
+        if (ce <= 0) return;
+        const ue = Math.ceil(Fs * Math.min(1, ce / je)), Se = z.scrollTop;
+        z.scrollTop += te > 0 ? -ue : ue, z.scrollTop !== Se && (N(m.lastY), m.frame = requestAnimationFrame(D));
+      }, B = (z) => {
+        if (z.pointerId === m.pointerId) {
+          if (!m.dragging) {
+            if (Math.hypot(
+              z.clientX - m.startX,
+              z.clientY - m.startY
+            ) < Ms) return;
+            if (m.touch) {
+              g();
+              return;
+            }
+            if (f(), !m.dragging) return;
+          }
+          m.lastY = z.clientY, N(z.clientY), m.frame || (m.frame = requestAnimationFrame(D));
+        }
+      }, se = (z) => {
+        var ue;
+        if (z.pointerId !== m.pointerId) return;
+        const V = m.dragging;
+        if (g(), !V) return;
+        const te = (ue = t.current) == null ? void 0 : ue.getBoundingClientRect();
+        if (!te || z.clientX < te.left || z.clientX > te.right || z.clientY < te.top || z.clientY > te.bottom) {
+          k();
+          return;
+        }
+        Y();
+        const ce = (Se) => {
+          Se.preventDefault(), Se.stopPropagation();
+        };
+        window.addEventListener("click", ce, {
+          capture: !0,
+          once: !0
+        }), setTimeout(() => window.removeEventListener("click", ce, !0), 0);
+      }, we = (z) => {
+        if (z.pointerId !== m.pointerId) return;
+        const V = m.dragging;
+        g(), V && k();
+      }, X = (z) => z.preventDefault(), pe = (z) => {
+        z.key !== "Escape" || !m.dragging || (z.preventDefault(), g(), k());
+      };
+      window.addEventListener("pointermove", B), window.addEventListener("pointerup", se), window.addEventListener("pointercancel", we), window.addEventListener("keydown", pe, !0), E && (window.addEventListener("contextmenu", X, !0), m.timer = setTimeout(() => {
+        m.timer = null, f();
+      }, Ls)), p.current = () => {
+        window.removeEventListener("pointermove", B), window.removeEventListener("pointerup", se), window.removeEventListener("pointercancel", we), window.removeEventListener("keydown", pe, !0), window.removeEventListener("contextmenu", X, !0);
+      };
+    },
+    [_, K, Y, k, g, t]
+  );
+  ne(() => g, [g]);
+  const G = U(null), W = F((o) => {
+    var S;
+    (S = v.current) != null && S.dragging && o.preventDefault();
+  }, []), q = F(
+    (o) => {
+      var S;
+      G.current !== o && ((S = G.current) == null || S.removeEventListener("touchmove", W), G.current = o, o == null || o.addEventListener("touchmove", W, { passive: !1 }));
+    },
+    [W]
+  ), J = U(s);
+  J.current = s;
+  const Q = F(
+    (o) => q(o && J.current ? o : null),
+    [q]
+  );
+  ne(() => {
+    q(s ? t.current : null);
+  }, [s, q, t]), ne(() => () => q(null), [q]), ne(() => {
+    !s && c.current && k();
+  }, [s, k]);
+  const ee = F((o, S) => (C.current.set(o, S), () => {
+    C.current.get(o) === S && C.current.delete(o);
+  }), []), re = F(() => {
+    const o = I.current, S = t.current;
+    if (!o || !S) return;
+    if (Date.now() > o.until) {
+      I.current = null;
+      return;
+    }
+    const E = S.querySelector(
+      `[data-sidebar-item-id="${CSS.escape(o.itemId)}"]`
+    );
+    if (!E) return;
+    const m = document.activeElement, f = m !== null && m !== document.body && m !== E;
+    if (!fe(_s(S, E), o)) {
+      f && (I.current = null);
+      return;
+    }
+    I.current = null, !(m === E || f) && (i.current = !0, E.focus(), i.current = !1);
+  }, [t, i]);
+  return {
+    context: ye(
+      () => s ? {
+        enabled: s,
+        instructionsId: a,
+        move: n,
+        onItemKeyDown: R,
+        onItemPointerDown: M,
+        onItemBlur: O,
+        registerSection: ee
+      } : { enabled: !1, move: null, registerSection: ee },
+      [
+        s,
+        a,
+        n,
+        R,
+        M,
+        O,
+        ee
+      ]
+    ),
+    message: x,
+    instructionsId: a,
+    restoreFocus: re,
+    touchGuardRef: Q,
+    /** True while any move runs: Escape cancels it, not the drawer. */
+    cancelIfMoving: () => c.current ? (k(), !0) : !1
+  };
+}
+const De = ie({
+  mode: "expanded",
+  density: "default"
+}), H = () => oe(De), We = ie(null);
+function $s(e) {
+  const s = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
+  let i = { total: 0, open: 0 };
+  const d = () => {
+    let a = 0;
+    s.forEach((n) => {
+      n.open && (a += 1);
+    }), (i.total !== s.size || i.open !== a) && (i = { total: s.size, open: a }, t.forEach((n) => n()));
+  };
+  return {
+    set(a, n) {
+      s.set(a, n), d();
+    },
+    remove(a) {
+      s.delete(a), d();
+    },
+    // With the host's batch callback, one call carries every section that has
+    // a sectionId; uncontrolled ones also set their own state. Without it,
+    // each section changes as its own fold button would change it.
+    setAll(a) {
+      const n = [...s.values()], u = e.current;
+      if (!u) {
+        n.filter((l) => l.open !== a).forEach((l) => l.setOpen(a));
+        return;
+      }
+      n.sort((l, w) => {
+        const C = l.element(), I = w.element();
+        return !C || !I ? 0 : C.compareDocumentPosition(I) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+      });
+      const c = [];
+      for (const l of n)
+        l.sectionId !== void 0 ? (c.push(l.sectionId), !l.controlled && l.open !== a && l.setInner(a)) : l.open !== a && l.setOpen(a);
+      c.length > 0 && u(a, c);
+    },
+    subscribe(a) {
+      return t.add(a), () => {
+        t.delete(a);
+      };
+    },
+    getSnapshot: () => i
+  };
+}
+const Oe = ie(null), Hs = { total: 0, open: 0 }, Xe = [
+  "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
+  "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]",
+  "ds:rounded-[var(--radius-sm)] ds:text-[var(--muted-foreground)]",
+  "ds:hover:bg-[var(--muted)]/20 ds:hover: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)]"
+].join(" "), Ze = "ui.sidebar.state";
+function Ks(e) {
+  if (typeof window > "u") return e;
+  try {
+    const s = window.localStorage.getItem(Ze);
+    if (s === "expanded" || s === "icon" || s === "overlay") return s;
+  } catch {
+  }
+  return e;
+}
+function Ys(e) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(Ze, e);
+    } catch {
+    }
+}
+const Le = ae(
+  [
+    "ds:flex ds:flex-col",
+    // `--sidebar-surface`: the page background in light mode (white-on-white
+    // chrome separated by --shadow-md). In dark mode the Header already
+    // blends with --background, so the token steps the sidebar one layer
+    // down (blue-600) to keep it visually distinct from the header band —
+    // matches the PDF dark mockups' "flat Dark Blue surface with subtle
+    // depth via layering" recipe. A token, so a light sidebar nested in a
+    // dark page stays light.
+    "ds:bg-[var(--sidebar-surface,var(--background))] ds:text-[var(--foreground)]",
+    // The inline-end hairline is drawn in the accessible themes only
+    // (--accessible-edge-width is 0 elsewhere).
+    "ds:[:where(&)]:border-e-[length:var(--accessible-edge-width,0px)] ds:border-[var(--border)]",
+    // Elevation is set per mode below. Forced colours strip shadows, so
+    // there only the accessible themes' `border-e` separates the rail.
+    "ds:transition-[inline-size] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    // While the resize handle is dragging, the width must track the
+    // pointer 1:1 — the data attribute suppresses the width transition.
+    "ds:data-[resizing]:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      // Tokenised widths (Linear / Jira proportions) and one elevation per
+      // mode: chrome `--shadow-md` docked, `--shadow-xl` for the drawer, none
+      // in the accessible themes. `[:where(&)]` lets a className shadow win.
+      mode: {
+        // Docked, `relative z-[1]` lifts the rail over a sibling that paints
+        // a background (AppFrame's <main>), which would cover its shadow. The
+        // drawer must never get them: they beat its `fixed` and `h-dvh`.
+        expanded: "ds:relative ds:z-[1] ds:h-full ds:w-[var(--sidebar-modern-expanded-size)] ds:[:where(&)]:[box-shadow:var(--accessible-off,var(--shadow-md))]",
+        icon: "ds:relative ds:z-[1] ds:h-full ds:w-[var(--sidebar-modern-icon-size)] ds:[:where(&)]:[box-shadow:var(--accessible-off,var(--shadow-md))]",
+        overlay: "ds:w-[var(--sidebar-modern-expanded-size)] ds:[:where(&)]:[box-shadow:var(--accessible-off,var(--shadow-xl))]"
+      },
+      density: {
+        default: "",
+        compact: ""
+      }
+    },
+    defaultVariants: { mode: "expanded", density: "default" }
+  }
+), Vs = 192, Gs = 384, qs = 248, Ws = [
+  "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",
+  "ds:hover:bg-[var(--accent)] ds:focus-visible:bg-[var(--accent)]",
+  "ds:data-[resizing]:bg-[var(--accent)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] 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:before:absolute ds:before:content-['']",
+  "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(" "), Xs = $(
+  ({
+    state: e,
+    defaultState: s = "expanded",
+    onStateChange: t,
+    density: i = "default",
+    open: d,
+    onOpenChange: a,
+    resizable: n = !1,
+    onMoveItem: u,
+    onSetAllSectionsOpen: c,
+    "aria-label": l,
+    className: w,
+    children: C,
+    id: I,
+    ...j
+  }, v) => {
+    const p = U(c);
+    p.current = c;
+    const [b] = Z(() => $s(p)), x = /* @__PURE__ */ r(Oe.Provider, { value: b, children: C }), { t: P } = de("ui"), L = e !== void 0, [A, T] = Z(
+      () => Ks(s)
+    ), _ = L ? e : A;
+    ne(() => {
+      L || Ys(A);
+    }, [A, L]);
+    const K = F(
+      (f) => {
+        L || T(f), t == null || t(f);
+      },
+      [L, t]
+    ), Y = l ?? P("navigation.sidebar.label"), k = ve(), R = I ?? k, O = U(_);
+    ne(() => {
+      O.current = _;
+    }, [_]);
+    const g = ye(
+      () => ({
+        getIsCollapsed: () => O.current !== "expanded",
+        toggleCollapsed: () => {
+          const f = O.current === "expanded" ? "icon" : "expanded";
+          K(f);
+        },
+        getAnySectionOpen: () => b.getSnapshot().open > 0,
+        setAllSectionsOpen: (f) => b.setAll(f)
+      }),
+      [K, b]
+    );
+    fs(Os, g, I);
+    const M = U(null), G = U(null), W = U(!1), [q, J] = Z(0), Q = F(() => (J((f) => f + 1), () => J((f) => f - 1)), []), { separatorProps: ee, isResizing: re } = ms({
+      edge: "inline-end",
+      targetRef: M,
+      cssProperty: "--sidebar-modern-expanded-size",
+      minSize: Vs,
+      maxSize: Gs,
+      defaultSize: qs,
+      disabled: !n || _ !== "expanded"
+    }), le = n && _ === "expanded", o = Us({
+      onMoveItem: u,
+      enabled: u !== void 0 && _ !== "icon",
+      rootRef: M,
+      quietFocusRef: W
+    }), { touchGuardRef: S } = o, E = ye(
+      () => $e(v, M, S),
+      [v, S]
+    );
+    xe(() => o.restoreFocus());
+    const m = u !== void 0 ? /* @__PURE__ */ h(Ie, { children: [
+      /* @__PURE__ */ r("span", { id: o.instructionsId, hidden: !0, children: P("navigation.sidebar.move.instructions") }),
+      /* @__PURE__ */ r(
+        "span",
+        {
+          role: "status",
+          "aria-live": "polite",
+          "data-sidebar-move-status": "",
+          className: "ds:sr-only",
+          children: o.message
+        }
+      )
+    ] }) : null;
+    return _ === "overlay" ? /* @__PURE__ */ r(
+      De.Provider,
+      {
+        value: {
+          mode: "overlay",
+          density: i,
+          transitionTo: K,
+          navElementId: R,
+          quietFocusRef: W
+        },
+        children: /* @__PURE__ */ r(y.Provider, { delayDuration: 300, children: /* @__PURE__ */ r(ge.Root, { open: d, onOpenChange: a, children: /* @__PURE__ */ h(ge.Portal, { children: [
+          /* @__PURE__ */ r(
+            ge.Overlay,
+            {
+              className: [
+                "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+                "ds:bg-[var(--foreground)]/20 ds:backdrop-blur-sm",
+                "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in",
+                "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
+                "ds:motion-reduce:animate-none"
+              ].join(" ")
+            }
+          ),
+          /* @__PURE__ */ h(
+            ge.Content,
+            {
+              onOpenAutoFocus: (f) => {
+                var D, B;
+                G.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+                const N = ((D = M.current) == null ? void 0 : D.querySelector(
+                  '[aria-current="page"]'
+                )) ?? ((B = M.current) == null ? void 0 : B.querySelector(
+                  'a[href], button:not([disabled]), input:not([disabled]), [tabindex="0"]'
+                ));
+                W.current = !0, N == null || N.focus(), W.current = !1, N && document.activeElement === N && f.preventDefault();
+              },
+              onCloseAutoFocus: (f) => {
+                var D;
+                const N = document.activeElement;
+                N && N !== document.body || (D = G.current) != null && D.isConnected && (f.preventDefault(), G.current.focus());
+              },
+              onEscapeKeyDown: (f) => {
+                o.cancelIfMoving() && f.preventDefault();
+              },
+              "aria-label": Y,
+              className: [
+                "ds:fixed ds:z-[var(--z-modal)]",
+                // `start-0`/`top-0` — the `inset-inline-start-0` /
+                // `inset-block-start-0` spellings are not Tailwind
+                // utilities and compiled to nothing.
+                "ds:start-0 ds:top-0",
+                "ds:h-dvh",
+                Le({ mode: "overlay", density: i }),
+                "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",
+                w ?? ""
+              ].filter(Boolean).join(" "),
+              children: [
+                /* @__PURE__ */ h(
+                  "nav",
+                  {
+                    ref: E,
+                    id: R,
+                    "aria-label": Y,
+                    "data-component": "sidebar",
+                    "data-component-id": I,
+                    className: "ds:flex ds:flex-col ds:h-full",
+                    ...j,
+                    children: [
+                      /* @__PURE__ */ r(Ae.Provider, { value: o.context, children: /* @__PURE__ */ r(
+                        We.Provider,
+                        {
+                          value: Q,
+                          children: x
+                        }
+                      ) }),
+                      m
+                    ]
+                  }
+                ),
+                q === 0 ? /* @__PURE__ */ r(ge.Close, { asChild: !0, children: /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": P("navigation.sidebar.close"),
+                    className: `ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)] ${Xe}`,
+                    children: /* @__PURE__ */ r(He, { "aria-hidden": "true", className: "ds:size-4" })
+                  }
+                ) }) : null
+              ]
+            }
+          )
+        ] }) }) })
+      }
+    ) : /* @__PURE__ */ r(
+      De.Provider,
+      {
+        value: {
+          mode: _,
+          density: i,
+          transitionTo: K,
+          navElementId: R,
+          quietFocusRef: W
+        },
+        children: /* @__PURE__ */ r(y.Provider, { delayDuration: 300, children: /* @__PURE__ */ h(
+          "nav",
+          {
+            ref: E,
+            id: R,
+            "aria-label": Y,
+            "data-component": "sidebar",
+            "data-component-id": I,
+            "data-mode": _,
+            "data-density": i,
+            "data-resizing": re ? "" : void 0,
+            className: [
+              Le({ mode: _, density: i }),
+              i === "compact" ? "ds:density-compact" : "",
+              w ?? ""
+            ].filter(Boolean).join(" "),
+            ...j,
+            children: [
+              /* @__PURE__ */ r(Ae.Provider, { value: o.context, children: x }),
+              m,
+              le ? /* @__PURE__ */ r(
+                "div",
+                {
+                  ...ee,
+                  "aria-label": P("navigation.sidebar.resize"),
+                  "data-resizing": re ? "" : void 0,
+                  className: Ws
+                }
+              ) : null
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+Xs.displayName = "Sidebar";
+const Zs = $(({ className: e, ...s }, t) => {
+  const { mode: i } = H();
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      className: [
+        "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+        "ds:min-h-[var(--min-target-size)]",
+        // Expanded uses the SAME inline padding as `SidebarBody`, so the
+        // header's first control starts on the nav items' left edge and its
+        // icon can land on the nav icon column (the trigger adds the item's
+        // own `ps` on top — see `SidebarCollapseTrigger`). In the rail,
+        // `justify-center` centres the control exactly as the nav icons
+        // centre. Header content therefore tracks the nav column in both
+        // modes instead of sitting on its own axis.
+        i === "icon" ? "ds:justify-center ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
+        "ds:py-[var(--spacing-sm)]",
+        // Hairline border + downward chrome shadow cast the header as a
+        // sticky top band above the scrolling body.
+        "ds:border-block-end ds:border-[var(--border)]",
+        "ds:shadow-[var(--shadow-chrome-down)]",
+        e ?? ""
+      ].filter(Boolean).join(" "),
+      ...s
+    }
+  );
+});
+Zs.displayName = "SidebarHeader";
+const Je = ae(
+  [
+    "ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:border-dashed ds:border-[color:var(--border)]"
+  ].join(" "),
+  {
+    variants: {
+      active: {
+        true: "ds:border-[color:var(--primary)] ds:bg-[var(--muted)]/20 ds:forced-colors:border-[Highlight]",
+        false: ""
+      }
+    },
+    defaultVariants: { active: !1 }
+  }
+), Js = $(
+  ({ className: e, children: s, ...t }, i) => {
+    const { navElementId: d } = H(), { enabled: a, move: n } = Te(), u = a && (n != null && n.listEmpty) ? /* @__PURE__ */ r(
+      "div",
+      {
+        "aria-hidden": "true",
+        "data-sidebar-drop-zone-list": "",
+        className: Je({
+          active: n.target.indicator.kind === "list" && !fe(n.target, n.origin)
+        })
+      }
+    ) : null;
+    return (
+      // Scroll the nav sections through the kit `ScrollArea` (8px tokenised
+      // scrollbar) instead of native `overflow-auto` (the OS scrollbar), so the
+      // sidebar matches the Control Room rail and the kit's trays. `flex-1 min-h-0`
+      // 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(
+        cs,
+        {
+          orientation: "vertical",
+          ...d ? { role: "group", "aria-labelledby": d } : {},
+          className: ["ds:flex-1 ds:min-h-0", e ?? ""].filter(Boolean).join(" "),
+          children: /* @__PURE__ */ h(
+            "div",
+            {
+              ref: i,
+              "data-sidebar-body": "",
+              className: "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:py-[var(--spacing-sm)]",
+              ...t,
+              children: [
+                s,
+                u
+              ]
+            }
+          )
+        }
+      )
+    );
+  }
+);
+Js.displayName = "SidebarBody";
+const Qs = $(({ className: e, ...s }, t) => {
+  const { mode: i } = H();
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      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,
+        // so switch to a vertical stack and let each row self-centre.
+        i === "icon" ? "ds:flex-col ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        "ds:min-h-[var(--min-target-size)]",
+        "ds:py-[var(--spacing-sm)]",
+        // Hairline border + upward chrome shadow cast the footer as a
+        // sticky bottom band below the scrolling body.
+        "ds:border-block-start ds:border-[var(--border)]",
+        "ds:shadow-[var(--shadow-chrome-up)]",
+        e ?? ""
+      ].filter(Boolean).join(" "),
+      ...s
+    }
+  );
+});
+Qs.displayName = "SidebarFooter";
+const et = [
+  "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: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(" "), Me = [
+  "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(" "), Be = ae(
+  "ds:flex ds:items-center ds:rounded-[var(--radius-sm)]",
+  {
+    variants: {
+      dropInto: {
+        true: "ds:outline-[length:var(--focus-ring-width)] ds:outline-dashed ds:outline-[color:var(--primary)] ds:forced-colors:outline-[CanvasText]",
+        false: ""
+      }
+    },
+    defaultVariants: { dropInto: !1 }
+  }
+), st = [
+  "ds:flex ds:shrink-0 ds:items-center",
+  "ds:[&>*]:min-w-[var(--min-target-size)] ds:[&>*]:min-h-[var(--min-target-size)]"
+].join(" "), tt = [
+  "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(" "), rt = [
+  "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(" "), Qe = ie(null), nt = [
+  "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(" "), ot = "ds:min-w-0 ds:line-clamp-2 ds:[overflow-wrap:anywhere]";
+function at({
+  name: e,
+  nameRef: s,
+  children: t
+}) {
+  const { navElementId: i, quietFocusRef: d } = H(), { move: a } = Te();
+  if (i === void 0) return t;
+  const n = (u) => {
+    const c = s.current;
+    (!(c != null && c.scrollHeight > c.clientHeight) || d != null && d.current || a !== null) && u.preventDefault();
+  };
+  return /* @__PURE__ */ h(y.Root, { children: [
+    /* @__PURE__ */ r(
+      y.Trigger,
+      {
+        asChild: !0,
+        onPointerMove: n,
+        onFocus: n,
+        children: t
+      }
+    ),
+    /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
+      y.Content,
+      {
+        side: "right",
+        sideOffset: 6,
+        className: me,
+        children: [
+          e,
+          /* @__PURE__ */ r(y.Arrow, { className: "ds:fill-[var(--foreground)]" })
+        ]
+      }
+    ) })
+  ] });
+}
+const es = ie(!1), ss = $(
+  ({
+    label: e,
+    icon: s,
+    collapsible: t = !0,
+    defaultOpen: i = !0,
+    open: d,
+    onOpenChange: a,
+    sectionId: n,
+    actions: u,
+    headingLevel: c = 3,
+    className: l,
+    children: w,
+    ...C
+  }, I) => {
+    const { t: j } = de("ui"), { mode: v } = H(), p = v === "icon", b = ve(), x = ve(), P = U(null), [L, A] = Z(
+      () => /* @__PURE__ */ new Set()
+    ), T = F((X, pe) => {
+      A((z) => {
+        if (z.has(X) === pe) return z;
+        const V = new Set(z);
+        return pe ? V.add(X) : V.delete(X), V;
+      });
+    }, []), _ = t && !p && !!e, [K, Y] = Z(i), k = d ?? K, R = U(k);
+    R.current = k;
+    const O = F(
+      (X) => {
+        d === void 0 && Y(X), a == null || a(X);
+      },
+      [d, a]
+    ), g = oe(Oe), M = ve(), G = U(null), W = ye(
+      () => $e(I, G),
+      [I]
+    ), q = t && !!e;
+    xe(() => {
+      if (!(!g || !q))
+        return () => g.remove(M);
+    }, [g, M, q]), xe(() => {
+      !g || !q || g.set(M, {
+        open: k,
+        sectionId: n,
+        controlled: d !== void 0,
+        setOpen: O,
+        setInner: Y,
+        element: () => G.current
+      });
+    }, [g, M, q, k, n, d, O]);
+    const { enabled: J, move: Q, registerSection: ee } = Te(), re = oe(es);
+    ne(() => {
+      J && n === void 0 && !re && bs() && console.warn(
+        `SidebarSection "${e ?? ""}": moves are on but it has no sectionId, so its items cannot move.`
+      );
+    }, [J, n, re, e]), ne(() => {
+      if (!(n === void 0 || !ee))
+        return ee(n, () => {
+          R.current || O(!0);
+        });
+    }, [n, ee, O]);
+    const le = J && Q !== null && n !== void 0, o = le && Q.target.indicator.kind === "section" && Q.target.indicator.sectionId === n && !fe(Q.target, Q.origin), S = le && Q.emptySectionIds.includes(n) ? /* @__PURE__ */ r(
+      "div",
+      {
+        "aria-hidden": "true",
+        "data-sidebar-drop-zone": n,
+        className: Je({ active: o })
+      }
+    ) : null, E = n !== void 0 ? {
+      "data-sidebar-section-id": n,
+      "data-sidebar-section-label": e ?? "",
+      "data-sidebar-section-open": String(!_ || k)
+    } : {}, m = u && !p ? /* @__PURE__ */ r(
+      "span",
+      {
+        role: "group",
+        "aria-label": e ? j("navigation.sidebar.sectionActions", { section: e }) : void 0,
+        className: st,
+        children: u
+      }
+    ) : null, f = _ && !k && L.size > 0, N = e && !p ? /* @__PURE__ */ r("p", { "data-sidebar-section-empty": "", className: tt, children: j(J && n !== void 0 ? "navigation.sidebar.section.emptyMove" : "navigation.sidebar.section.empty") }) : null, D = /* @__PURE__ */ r(Ye.Provider, { value: { sectionId: n }, children: /* @__PURE__ */ h(Qe.Provider, { value: T, children: [
+      /* @__PURE__ */ r("div", { "data-sidebar-section-items": "", className: "ds:contents", children: w }),
+      N,
+      S
+    ] }) }), B = [
+      "ds:flex ds:flex-col",
+      "ds:gap-[var(--spacing-xs)]",
+      "ds:mt-[var(--spacing-sm)]",
+      rt,
+      l ?? ""
+    ].filter(Boolean).join(" ");
+    if (!_) {
+      const X = !!e || !!s, pe = e ? { role: "group", "aria-labelledby": b } : {}, z = X ? /* @__PURE__ */ h(
+        "span",
+        {
+          className: [
+            "ds:flex ds:items-center",
+            "type-eyebrow",
+            "ds:text-[var(--muted-foreground)]",
+            "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+            "ds:py-[var(--spacing-xs)]",
+            m ? "ds:min-w-0 ds:flex-1" : "",
+            p && !s ? "ds:sr-only" : ""
+          ].filter(Boolean).join(" "),
+          children: [
+            s ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Me, children: s }) : null,
+            e ? /* @__PURE__ */ r("span", { id: b, className: p ? "ds:sr-only" : "", children: e }) : null
+          ]
+        }
+      ) : null;
+      return /* @__PURE__ */ h(
+        "div",
+        {
+          ref: W,
+          className: B,
+          ...pe,
+          ...E,
+          ...C,
+          children: [
+            m ? /* @__PURE__ */ h(
+              "div",
+              {
+                "data-sidebar-section-heading": "",
+                className: Be(),
+                children: [
+                  z,
+                  m
+                ]
+              }
+            ) : z,
+            D
+          ]
+        }
+      );
+    }
+    const se = "section", we = c === !1 ? "div" : `h${c}`;
+    return /* @__PURE__ */ r(
+      Ne.Root,
+      {
+        type: "single",
+        collapsible: !0,
+        value: k ? se : "",
+        onValueChange: (X) => O(X === se),
+        asChild: !0,
+        children: /* @__PURE__ */ r(
+          "div",
+          {
+            ref: W,
+            className: B,
+            ...E,
+            ...C,
+            children: /* @__PURE__ */ h(Ne.Item, { value: se, children: [
+              /* @__PURE__ */ h(
+                "div",
+                {
+                  "data-sidebar-section-heading": "",
+                  className: Be({
+                    dropInto: o && !k
+                  }),
+                  children: [
+                    /* @__PURE__ */ r(at, { name: e ?? "", nameRef: P, children: /* @__PURE__ */ r("div", { className: "ds:flex ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ r(Ne.Header, { asChild: !0, children: /* @__PURE__ */ r(we, { className: "ds:flex ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ h(
+                      Ne.Trigger,
+                      {
+                        className: et,
+                        "data-holds-current": f ? "" : void 0,
+                        "aria-describedby": f ? x : void 0,
+                        children: [
+                          s ? /* @__PURE__ */ r(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              className: Me,
+                              children: s
+                            }
+                          ) : null,
+                          /* @__PURE__ */ r(
+                            "span",
+                            {
+                              ref: P,
+                              className: `ds:flex-1 ds:text-start ${ot}`,
+                              children: e
+                            }
+                          ),
+                          f ? /* @__PURE__ */ r(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              "data-sidebar-section-current": "",
+                              className: nt
+                            }
+                          ) : null,
+                          /* @__PURE__ */ r(
+                            ze,
+                            {
+                              "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"
+                            }
+                          )
+                        ]
+                      }
+                    ) }) }) }) }),
+                    m,
+                    f ? (
+                      // Hidden, yet still the fold button's description.
+                      /* @__PURE__ */ r("span", { id: x, hidden: !0, children: j("navigation.sidebar.section.containsCurrent") })
+                    ) : null
+                  ]
+                }
+              ),
+              /* @__PURE__ */ r(
+                ls,
+                {
+                  role: "group",
+                  "aria-label": e,
+                  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.
+                    "ds:data-[state=closed]:hidden"
+                  ].join(" "),
+                  children: D
+                }
+              )
+            ] })
+          }
+        )
+      }
+    );
+  }
+);
+ss.displayName = "SidebarSection";
+const it = [
+  "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)]",
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:text-[var(--foreground)] ds:text-[var(--font-size-sm)]",
+  "ds:font-[var(--font-weight-medium)]",
+  "ds:hover:bg-[var(--muted)]/20",
+  "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(" "), dt = $(
+  ({
+    label: e,
+    icon: s,
+    children: t,
+    className: i,
+    defaultOpen: d,
+    open: a,
+    onOpenChange: n,
+    ...u
+  }, c) => {
+    const { mode: l } = H();
+    return /* @__PURE__ */ h(
+      Ee.Root,
+      {
+        ref: c,
+        defaultOpen: d,
+        open: a,
+        onOpenChange: n,
+        className: i,
+        ...u,
+        children: [
+          /* @__PURE__ */ h(Ee.Trigger, { className: it, children: [
+            s ? /* @__PURE__ */ r(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:inline-flex ds:items-center ds:text-[var(--accent)]",
+                children: s
+              }
+            ) : null,
+            /* @__PURE__ */ r(
+              "span",
+              {
+                className: [
+                  "ds:flex-1 ds:text-start",
+                  l === "icon" ? "ds:sr-only" : ""
+                ].join(" "),
+                children: e
+              }
+            ),
+            l !== "icon" ? /* @__PURE__ */ r(
+              ze,
+              {
+                "aria-hidden": "true",
+                className: "ds:size-4 ds:transition-transform ds:group-data-[state=open]:rotate-90 ds:rtl:-scale-x-100 ds:motion-reduce:transition-none"
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ r(
+            Ee.Content,
+            {
+              className: [
+                "ds:overflow-hidden",
+                "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+                "ds:motion-reduce:animate-none",
+                "ds:ps-[var(--spacing-md)]"
+              ].join(" "),
+              children: t
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+dt.displayName = "SidebarGroup";
+const me = [
+  "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(" "), lt = ae(
+  [
+    // Every row is a pin-hover parent so inline pin / reorder affordances can
+    // fade in on hover of the whole row — keep `group/item` on this selector.
+    // `!text-[var(--foreground)]` forces the label colour over the browser's
+    // default `<a>` link colour (blue-violet) and any inherited hue. The
+    // active variant also uses `!text-*` so it still wins when needed.
+    "ds:group/item ds:relative ds:flex ds:items-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:no-underline ds:!text-[var(--foreground)] ds:text-[length:var(--font-size-sm)]",
+    "ds:hover:bg-[var(--muted)]/12",
+    "ds:transition-colors ds:duration-[var(--animation-duration)]",
+    "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]"
+  ].join(" "),
+  {
+    variants: {
+      mode: {
+        expanded: [
+          "ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]",
+          "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]"
+        ].join(" "),
+        // Icon-only: each item is a 44×44 pill tile centered in the rail.
+        // The active / hover background fills just the tile rather than the
+        // whole row — matching Linear / Asana chrome.
+        icon: [
+          "ds:justify-center ds:ms-auto ds:me-auto",
+          "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
+          "ds:ps-0 ds:pe-0 ds:rounded-[var(--radius-md)]"
+        ].join(" "),
+        overlay: [
+          "ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]",
+          "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]"
+        ].join(" ")
+      },
+      density: {
+        default: "",
+        compact: "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]"
+      },
+      isActive: {
+        // Filled pill — multi-carrier (bg + text + weight + aria-current at
+        // render time) so colour is never the sole identifier. `!text-*`
+        // forces the foreground over any inherited / base rule so the icon
+        // and label read clearly against the primary fill in every theme.
+        true: [
+          "ds:bg-[var(--primary)] ds:!text-[var(--primary-foreground)]",
+          "ds:font-[var(--font-weight-semibold)]",
+          // Keep hover from dimming the active fill.
+          "ds:hover:bg-[var(--primary)]"
+        ].join(" "),
+        false: ""
+      }
+    },
+    defaultVariants: {
+      mode: "expanded",
+      density: "default",
+      isActive: !1
+    }
+  }
+), Fe = [
+  "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(" "), ct = ae("", {
+  variants: {
+    movable: {
+      true: "ds:select-none ds:[-webkit-touch-callout:none]",
+      false: ""
+    },
+    moving: { true: "ds:opacity-60", false: "" },
+    drop: {
+      before: `${Fe} ds:before:top-[calc(var(--spacing-xs)/-2)] ds:before:-translate-y-1/2`,
+      after: `${Fe} ds:before:bottom-[calc(var(--spacing-xs)/-2)] ds:before:translate-y-1/2`,
+      none: ""
+    }
+  },
+  defaultVariants: { movable: !1, moving: !1, drop: "none" }
+}), ts = ie(null), rs = $(
+  ({
+    asChild: e = !1,
+    isActive: s = !1,
+    navId: t,
+    isPinned: i = !1,
+    onPinChange: d,
+    pinLabel: a,
+    className: n,
+    children: u,
+    "aria-label": c,
+    "aria-describedby": l,
+    onKeyDown: w,
+    onPointerDown: C,
+    onBlur: I,
+    ...j
+  }, v) => {
+    const { mode: p, density: b, quietFocusRef: x, navElementId: P } = H(), L = e ? Ue : "a", A = d !== void 0 && p !== "icon", T = Te(), _ = oe(Ye), K = oe(Qe), Y = ve(), k = s || j["aria-current"] === "page";
+    ne(() => {
+      if (K)
+        return K(Y, k), () => K(Y, !1);
+    }, [K, Y, k]);
+    const R = T.enabled && p !== "icon" && t !== void 0 && (_ === null || _.sectionId !== void 0) ? t : void 0, O = T.move, g = O && !fe(O.target, O.origin) ? O.target : null, M = R !== void 0 && (g == null ? void 0 : g.indicator.kind) === "item" && g.indicator.itemId === R ? g.indicator.edge : "none", G = R !== void 0 ? {
+      "data-sidebar-item-id": R,
+      "data-moving": (O == null ? void 0 : O.itemId) === R ? "" : void 0,
+      // A link would otherwise start the browser's own link drag.
+      draggable: !1,
+      "aria-describedby": [l, T.instructionsId].filter(Boolean).join(" "),
+      // An image inside the item would start its own native drag.
+      onDragStart: (f) => f.preventDefault(),
+      onKeyDown: (f) => {
+        var D, B;
+        w == null || w(f);
+        const N = f.key === "Escape" && ((D = T.move) == null ? void 0 : D.itemId) === R;
+        (!f.defaultPrevented || N) && ((B = T.onItemKeyDown) == null || B.call(T, f, R));
+      },
+      onPointerDown: (f) => {
+        var N;
+        C == null || C(f), (N = T.onItemPointerDown) == null || N.call(T, f, R);
+      },
+      onBlur: (f) => {
+        var N;
+        I == null || I(f), (N = T.onItemBlur) == null || N.call(T, R);
+      }
+    } : {
+      // Keys left out when unset: an undefined one would override the
+      // tooltip's own description through Slot.
+      ...l !== void 0 ? { "aria-describedby": l } : {},
+      ...w ? { onKeyDown: w } : {},
+      ...C ? { onPointerDown: C } : {},
+      ...I ? { onBlur: I } : {}
+    }, W = ct({
+      movable: R !== void 0,
+      moving: O !== null && O.itemId === R,
+      drop: M
+    }), [q, J] = Z(null), Q = p === "icon" && c != null && q ? `${c}, ${q}` : c, ee = /* @__PURE__ */ r(
+      L,
+      {
+        ref: v,
+        "aria-current": s ? "page" : void 0,
+        "aria-label": Q,
+        "data-nav-id": t,
+        "data-sidebar-item": A ? void 0 : "",
+        className: lt({
+          mode: p,
+          density: b,
+          isActive: s,
+          className: [A ? "ds:flex-1 ds:min-w-0" : n, W].filter(Boolean).join(" ")
+        }),
+        ...G,
+        ...j,
+        children: u
+      }
+    ), re = A ? /* @__PURE__ */ h(
+      "div",
+      {
+        "data-sidebar-item": "",
+        className: [
+          "ds:group/item ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
+          n ?? ""
+        ].filter(Boolean).join(" "),
+        children: [
+          ee,
+          /* @__PURE__ */ r(
+            Pe,
+            {
+              isPinned: i,
+              label: a ?? c ?? "",
+              onPinChange: d
+            }
+          )
+        ]
+      }
+    ) : ee, le = U(null), [o, S] = Z(), E = (f) => {
+      var B, se;
+      const N = (B = le.current) == null ? void 0 : B.querySelector(
+        "[data-sidebar-item-label]"
+      );
+      if (!(N != null && N.scrollWidth > N.clientWidth) || x != null && x.current || T.move !== null) {
+        f.preventDefault();
+        return;
+      }
+      S(((se = N.textContent) == null ? void 0 : se.trim()) || void 0);
+    }, m = p !== "icon" && P !== void 0 ? /* @__PURE__ */ h(y.Root, { children: [
+      /* @__PURE__ */ r(
+        y.Trigger,
+        {
+          asChild: !0,
+          ref: le,
+          onPointerMove: E,
+          onFocus: E,
+          children: re
+        }
+      ),
+      /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
+        y.Content,
+        {
+          side: "right",
+          sideOffset: 6,
+          className: me,
+          children: [
+            c ?? o,
+            /* @__PURE__ */ r(y.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          ]
+        }
+      ) })
+    ] }) : p === "icon" && c ? /* @__PURE__ */ h(y.Root, { children: [
+      /* @__PURE__ */ r(y.Trigger, { asChild: !0, children: re }),
+      /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
+        y.Content,
+        {
+          side: "right",
+          sideOffset: 6,
+          className: me,
+          children: [
+            c,
+            /* @__PURE__ */ r(y.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          ]
+        }
+      ) })
+    ] }) : re;
+    return /* @__PURE__ */ r(ts.Provider, { value: J, children: m });
+  }
+);
+rs.displayName = "SidebarItem";
+const ut = $(({ className: e, children: s, ...t }, i) => /* @__PURE__ */ r(
+  "span",
+  {
+    ref: i,
+    "aria-hidden": "true",
+    className: [
+      "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
+      "ds:size-5",
+      // Icons carry the accent tint by default so the rail reads less
+      // monotone against the violet active pill. The active row sets
+      // `aria-current="page"` on the anchor (which is `group/item`), so
+      // the icon flips to the primary-foreground (white) on the filled
+      // pill — keeping it readable on the primary background.
+      "ds:text-[var(--accent)]",
+      "ds:group-aria-[current=page]/item:text-[var(--primary-foreground)]",
+      e ?? ""
+    ].filter(Boolean).join(" "),
+    ...t,
+    children: s
+  }
+));
+ut.displayName = "SidebarItemIcon";
+const ft = $(({ className: e, children: s, ...t }, i) => {
+  const { mode: d } = H();
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      ref: i,
+      "data-sidebar-item-label": "",
+      className: [
+        "ds:flex-1",
+        "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal",
+        "ds:text-start",
+        d === "icon" ? "ds:sr-only" : "",
+        e ?? ""
+      ].filter(Boolean).join(" "),
+      ...t,
+      children: s
+    }
+  );
+});
+ft.displayName = "SidebarItemLabel";
+const mt = $(({ className: e, children: s, ...t }, i) => {
+  const { mode: d } = H(), a = d === "icon", n = oe(ts);
+  return ne(() => {
+    if (!n || !a) return;
+    const u = s == null || s === !1 ? null : String(s).trim() || null;
+    return n(u), () => n(null);
+  }, [n, s, a]), /* @__PURE__ */ r(
+    "span",
+    {
+      ref: i,
+      "aria-hidden": a ? "true" : void 0,
+      className: [
+        "ds:inline-flex ds:items-center ds:justify-center",
+        "ds:font-[var(--font-weight-semibold)]",
+        a ? [
+          "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)]",
+          "ds:bg-[var(--primary)] ds:text-transparent",
+          "ds:ring-2 ds:ring-[var(--background)]",
+          "ds:pointer-events-none"
+        ].join(" ") : [
+          "ds:min-w-[var(--spacing-lg)] ds:h-[var(--spacing-lg)]",
+          "ds:rounded-[var(--radius-full)]",
+          "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
+          "ds:text-[length:var(--font-size-xs)]",
+          "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]"
+        ].join(" "),
+        e ?? ""
+      ].filter(Boolean).join(" "),
+      ...t,
+      children: s
+    }
+  );
+});
+mt.displayName = "SidebarItemBadge";
+const pt = ae(
+  [
+    "ds:flex ds:items-center",
+    "ds:text-[var(--foreground)]",
+    "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:no-underline"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        // Borderless (Linear / Notion style): transparent at rest with a
+        // muted hover fill, a 44px tap target, roomier radius, and the dense
+        // `--font-size-sm` label. The historical default.
+        ghost: [
+          "ds:min-h-[var(--min-target-size)]",
+          "ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+          "ds:text-[length:var(--font-size-sm)]",
+          "ds:rounded-[var(--radius-md)]",
+          "ds:hover:bg-[var(--muted)]/20"
+        ].join(" "),
+        // Input-field look: consumes the SAME shared input-surface tokens as
+        // <TextInput size="sm"> — height, text size and horizontal inset — so
+        // a practice / workspace selector stacked directly above the sidebar
+        // <SearchBar size="sm"> renders as a genuinely matched pair (identical
+        // 32px box and label size) and stays in lockstep if that surface
+        // evolves. `gap-3` + the shared `ps-3` line the pin glyph and label up
+        // with the search input's icon and text below. The 3:1
+        // `--control-border` edge and the `--input`/`--shadow-input`/
+        // `--radius-sm` chrome mirror the input's resting surface; opaque
+        // hover keeps the fill solid over a brand-tinted parent. 32px clears
+        // WCAG 2.5.8 (24px AA).
+        field: [
+          ps.sm,
+          vs.sm,
+          gs.sm,
+          "ds:gap-3",
+          "ds:rounded-[var(--radius-sm)]",
+          "ds:border ds:border-[color:var(--control-border)] ds:bg-[var(--input)]",
+          "ds:shadow-[var(--shadow-input)]",
+          "ds:hover:bg-[color-mix(in_srgb,var(--muted)_20%,var(--input))]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { variant: "ghost" }
+  }
+), vt = $(
+  ({ logo: e, name: s, showChevron: t = !0, variant: i = "ghost", className: d, ...a }, n) => {
+    const { mode: u } = H(), c = u !== "icon";
+    return /* @__PURE__ */ h(
+      "button",
+      {
+        ref: n,
+        type: "button",
+        "aria-label": s,
+        className: [pt({ variant: i }), d].filter(Boolean).join(" "),
+        ...a,
+        children: [
+          /* @__PURE__ */ r(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:inline-flex ds:items-center ds:shrink-0",
+              children: e
+            }
+          ),
+          c ? /* @__PURE__ */ h(Ie, { children: [
+            /* @__PURE__ */ r("span", { className: "ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]", children: s }),
+            t ? /* @__PURE__ */ r(
+              ze,
+              {
+                "aria-hidden": "true",
+                className: "ds:size-4 ds:shrink-0 ds:rotate-90"
+              }
+            ) : null
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+vt.displayName = "SidebarWorkspaceSwitcher";
+const ns = [
+  "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)]",
+  "ds:text-[var(--muted-foreground)]",
+  "ds:hover:bg-[var(--muted)]/20 ds:hover: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:forced-colors:focus-visible:outline-[CanvasText]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" ");
+function os({
+  asChild: e,
+  disabled: s,
+  children: t,
+  onClickCapture: i,
+  onAuxClickCapture: d
+}) {
+  const a = e && s, n = a && ds(t) ? t.props : {}, u = (l) => {
+    s && (l.preventDefault(), l.stopPropagation());
+  };
+  return {
+    Comp: a ? "a" : e ? Ue : "button",
+    props: {
+      ...a ? { role: "link", tabIndex: 0 } : e ? {} : { type: "button" },
+      ...Object.fromEntries(
+        Object.entries(n).filter(([l]) => l.startsWith("data-"))
+      ),
+      "aria-disabled": s ? !0 : void 0,
+      // Disabled: block first, so no host handler can run the action.
+      onClickCapture: (l) => {
+        if (s) return u(l);
+        i == null || i(l);
+      },
+      onAuxClickCapture: (l) => {
+        if (s) return u(l);
+        d == null || d(l);
+      }
+    },
+    hostClassName: typeof n.className == "string" ? n.className : "",
+    // Separate children, not one fragment: Slot moves the kit's icon and
+    // label into the host's link around its own children.
+    slot: e && !s ? /* @__PURE__ */ r(us, { children: t }) : null
+  };
+}
+const gt = ae(
+  [
+    "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: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]",
+    // 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: {
+      mode: {
+        expanded: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        // A full target-size tile, like the rail's items: 44px, 48px in the
+        // accessible themes.
+        icon: "ds:ps-0 ds:pe-0 ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)] ds:ms-auto ds:me-auto",
+        overlay: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
+      }
+    },
+    defaultVariants: { mode: "expanded" }
+  }
+), bt = $(
+  ({
+    icon: e,
+    label: s,
+    shortcut: t,
+    asChild: i = !1,
+    isActive: d = !1,
+    disabled: a = !1,
+    className: n,
+    children: u,
+    onClickCapture: c,
+    onAuxClickCapture: l,
+    ...w
+  }, C) => {
+    const { mode: I } = H(), j = I !== "icon", v = os({
+      asChild: i,
+      disabled: a,
+      children: u,
+      onClickCapture: c,
+      onAuxClickCapture: l
+    }), { Comp: p } = v, b = /* @__PURE__ */ r(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "ds:inline-flex ds:size-4 ds:items-center ds:justify-center",
+        children: e
+      }
+    ), x = j ? /* @__PURE__ */ h(Ie, { children: [
+      /* @__PURE__ */ r("span", { "data-sidebar-primary-label": "", className: "ds:truncate", children: s }),
+      t && !a ? /* @__PURE__ */ r("kbd", { className: "ds:ms-auto ds:text-[length:var(--font-size-xs)] ds:font-[family-name:var(--font-mono)] ds:opacity-80", children: t }) : null
+    ] }) : null, P = /* @__PURE__ */ h(
+      p,
+      {
+        ref: C,
+        ...v.props,
+        "aria-label": s,
+        "aria-keyshortcuts": a ? void 0 : Ke(t),
+        "aria-current": d ? "page" : void 0,
+        className: [
+          gt({ mode: I }),
+          v.hostClassName,
+          n
+        ].filter(Boolean).join(" "),
+        ...w,
+        children: [
+          b,
+          v.slot,
+          x
+        ]
+      }
+    );
+    return j ? P : /* @__PURE__ */ h(y.Root, { children: [
+      /* @__PURE__ */ r(y.Trigger, { asChild: !0, children: P }),
+      /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
+        y.Content,
+        {
+          side: "right",
+          sideOffset: 6,
+          className: me,
+          children: [
+            s,
+            /* @__PURE__ */ r(y.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+bt.displayName = "SidebarPrimaryAction";
+const ht = [
+  ns,
+  "ds:relative ds:no-underline",
+  // Disabled: the icon fades, not the focus ring; no hover; still focusable.
+  "ds:aria-disabled:cursor-not-allowed ds:aria-disabled:[&>*]:opacity-50",
+  "ds:aria-disabled:hover:bg-transparent ds:aria-disabled:hover:text-[var(--muted-foreground)]",
+  "ds:forced-colors:aria-disabled:!text-[GrayText]",
+  // The current page: an inner ring (a border in forced colours, which drop
+  // shadows) and full-strength ink.
+  "ds:aria-[current=page]:text-[var(--foreground)] ds:aria-[current=page]:shadow-[inset_0_0_0_var(--border-width-md)_var(--primary)]",
+  "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]"
+].join(" "), as = $(
+  ({
+    icon: e,
+    label: s,
+    shortcut: t,
+    asChild: i = !1,
+    isActive: d = !1,
+    disabled: a = !1,
+    className: n,
+    children: u,
+    onClickCapture: c,
+    onAuxClickCapture: l,
+    ...w
+  }, C) => {
+    const { mode: I, navElementId: j, quietFocusRef: v } = H(), p = os({
+      asChild: i,
+      disabled: a,
+      children: u,
+      onClickCapture: c,
+      onAuxClickCapture: l
+    }), { Comp: b } = p, x = /* @__PURE__ */ h(y.Root, { children: [
+      /* @__PURE__ */ r(
+        y.Trigger,
+        {
+          asChild: !0,
+          onFocus: (P) => {
+            v != null && v.current && P.preventDefault();
+          },
+          children: /* @__PURE__ */ h(
+            b,
+            {
+              ref: C,
+              "data-component": "sidebar-header-action",
+              ...p.props,
+              "aria-label": s,
+              "aria-keyshortcuts": a ? void 0 : Ke(t),
+              "aria-current": d ? "page" : void 0,
+              className: [ht, p.hostClassName, n].filter(Boolean).join(" "),
+              ...w,
+              children: [
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:inline-flex ds:size-4 ds:items-center ds:justify-center",
+                    children: e
+                  }
+                ),
+                p.slot
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
+        y.Content,
+        {
+          side: I === "icon" ? "right" : "bottom",
+          sideOffset: 6,
+          className: me,
+          children: [
+            s,
+            t ? ` (${t})` : null,
+            /* @__PURE__ */ r(y.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          ]
+        }
+      ) })
+    ] });
+    return j !== void 0 ? x : /* @__PURE__ */ r(y.Provider, { delayDuration: 300, children: x });
+  }
+);
+as.displayName = "SidebarHeaderAction";
+const yt = $(({ onClick: e, disabled: s = !1, ...t }, i) => {
+  const { t: d } = de("ui"), { mode: a } = H(), n = oe(Oe), [{ total: u, open: c }, l] = Z(
+    () => (n == null ? void 0 : n.getSnapshot()) ?? Hs
+  );
+  if (xe(() => {
+    if (n)
+      return l(n.getSnapshot()), n.subscribe(() => l(n.getSnapshot()));
+  }, [n]), !n || u === 0) return null;
+  const w = c > 0;
+  return /* @__PURE__ */ r(
+    as,
+    {
+      ref: i,
+      icon: w ? /* @__PURE__ */ r(Ss, { "aria-hidden": "true", className: "ds:size-4" }) : /* @__PURE__ */ r(Is, { "aria-hidden": "true", className: "ds:size-4" }),
+      label: d(
+        w ? "navigation.sidebar.collapseAllSections" : "navigation.sidebar.expandAllSections"
+      ),
+      "aria-expanded": w,
+      "data-sidebar-sections-toggle": "",
+      disabled: a === "icon" || s,
+      onClick: (C) => {
+        e == null || e(C), C.defaultPrevented || n.setAll(!w);
+      },
+      ...t
+    }
+  );
+});
+yt.displayName = "SidebarSectionsToggle";
+const xt = [
+  "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`,
+  // that handle's ::before hit-area reaches ~--min-target-size/2 inward from
+  // the inline-end edge — exactly where these end-aligned pin stars sit — so
+  // without a higher stacking order the separator swallows the click and
+  // pinning silently fails. Pointer-events stay off until the row is hovered
+  // or the star is focused, so the handle is still fully grabbable at rest
+  // (including touch, where the star never reveals). On a NON-resizable
+  // sidebar there's no handle to clear, but the same gating is inert — the
+  // star reveals and accepts clicks on hover/focus exactly as before.
+  "ds:relative ds:z-[3]",
+  "ds:pointer-events-none ds:group-hover/item:pointer-events-auto ds:focus-visible:pointer-events-auto",
+  // Pin stars carry the accent tint to match every other icon in the rail.
+  // Stays quiet via opacity — reveals only on row hover / focus.
+  "ds:text-[var(--accent)]",
+  "ds:opacity-0 ds:group-hover/item:opacity-100 ds:focus-visible:opacity-100",
+  "ds:hover:bg-[var(--muted)]/20",
+  "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:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)]",
+  "ds:motion-reduce:transition-none"
+].join(" "), Pe = $(
+  ({ isPinned: e, onPinChange: s, label: t, className: i, onClick: d, ...a }, n) => {
+    const { t: u } = de("ui"), { mode: c } = H();
+    if (c === "icon") return null;
+    const l = e ? u("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: t }) : u("navigation.sidebar.pinItem", "Pin {{label}}", { label: t });
+    return /* @__PURE__ */ r(
+      "button",
+      {
+        ref: n,
+        type: "button",
+        "aria-label": l,
+        "aria-pressed": e,
+        className: [xt, i].filter(Boolean).join(" "),
+        onClick: (w) => {
+          w.preventDefault(), w.stopPropagation(), s == null || s(!e), d == null || d(w);
+        },
+        ...a,
+        children: /* @__PURE__ */ r(
+          ys,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-4",
+            fill: e ? "currentColor" : "none"
+          }
+        )
+      }
+    );
+  }
+);
+Pe.displayName = "SidebarPinButton";
+const is = ie(null), wt = () => oe(is), St = $(
+  ({ heading: e, emptyMessage: s, onReorder: t, className: i, children: d, ...a }, n) => {
+    const { t: u } = de("ui"), c = e ?? u("navigation.sidebar.favorites", "Favourites"), l = Array.isArray(d) ? d.filter(Boolean) : d ? [d] : [], w = l.length, C = w > 0, [I, j] = Z(null), [v, p] = Z(""), b = U(!1), x = F((L) => {
+      b.current = !b.current, p(b.current ? L : `${L}​`);
+    }, []), P = ye(
+      () => ({ onReorder: t, count: w, dragSource: I, setDragSource: j, announce: x }),
+      [t, w, I, x]
+    );
+    return !C && !s ? null : /* @__PURE__ */ r(is.Provider, { value: P, children: /* @__PURE__ */ r(es.Provider, { value: !0, children: /* @__PURE__ */ h(
+      ss,
+      {
+        ref: n,
+        label: c,
+        className: i,
+        ...a,
+        children: [
+          C ? l : /* @__PURE__ */ r("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: s }),
+          /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: v })
+        ]
+      }
+    ) }) });
+  }
+);
+St.displayName = "SidebarFavorites";
+const Nt = ae(
+  [
+    "ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      dragging: {
+        true: "ds:opacity-60",
+        false: ""
+      },
+      dropTarget: {
+        true: "ds:outline-[length:var(--focus-ring-width)] ds:outline-dashed ds:outline-[var(--primary)] ds:outline-offset-[-2px]",
+        false: ""
+      }
+    },
+    defaultVariants: { dragging: !1, dropTarget: !1 }
+  }
+), It = [
+  "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",
+  "ds:text-[var(--muted-foreground)]",
+  // Quiet chrome — only reveal the grip when the row is hovered or the
+  // handle itself is focused (keyboard / AT). Matches the pin-star's
+  // reveal-on-hover behaviour so the two siblings appear together.
+  "ds:opacity-0 ds:group-hover/item:opacity-100 ds:focus-visible:opacity-100",
+  "ds:hover:bg-[var(--muted)]/20 ds:hover: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:forced-colors:focus-visible:outline-[CanvasText]",
+  "ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), Ct = $(
+  ({
+    index: e,
+    isActive: s = !1,
+    asChild: t = !1,
+    reorderLabel: i,
+    isPinned: d = !1,
+    onPinChange: a,
+    pinLabel: n,
+    "aria-label": u,
+    className: c,
+    children: l,
+    ...w
+  }, C) => {
+    const { t: I } = de("ui"), { mode: j } = H(), v = wt(), [p, b] = Z(!1), x = !!(v != null && v.onReorder) && j !== "icon", P = i ?? u ?? "", L = ve(), A = (g, M) => {
+      if (!(v != null && v.onReorder)) return;
+      const G = Math.max(0, Math.min(v.count - 1, M));
+      G !== g && (v.onReorder(g, G), v.announce(
+        I(
+          "navigation.sidebar.reorderAnnounce",
+          "{{label}} moved to position {{to}} of {{total}}",
+          { label: P, to: G + 1, total: v.count }
+        )
+      ));
+    }, T = (g) => {
+      x && (g.altKey && g.key === "ArrowUp" ? (g.preventDefault(), A(e, e - 1)) : g.altKey && g.key === "ArrowDown" ? (g.preventDefault(), A(e, e + 1)) : g.key === "Home" && g.altKey ? (g.preventDefault(), A(e, 0)) : g.key === "End" && g.altKey && (g.preventDefault(), A(e, v.count - 1)));
+    }, _ = (g) => {
+      x && (v == null || v.setDragSource(e), g.dataTransfer && (g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("ds:text/plain", String(e))));
+    }, K = () => {
+      v == null || v.setDragSource(null), b(!1);
+    }, Y = (g) => {
+      !x || (v == null ? void 0 : v.dragSource) === null || (g.preventDefault(), g.dataTransfer && (g.dataTransfer.dropEffect = "move"), b(!0));
+    }, k = () => b(!1), R = (g) => {
+      if (!x) return;
+      g.preventDefault();
+      const M = v == null ? void 0 : v.dragSource;
+      b(!1), !(M == null || M === e) && A(M, e);
+    }, O = (v == null ? void 0 : v.dragSource) === e;
+    return /* @__PURE__ */ h(
+      "div",
+      {
+        className: Nt({
+          dragging: O,
+          dropTarget: p && !O
+        }),
+        draggable: x || void 0,
+        onDragStart: x ? _ : void 0,
+        onDragEnd: x ? K : void 0,
+        onDragOver: Y,
+        onDragLeave: k,
+        onDrop: R,
+        children: [
+          /* @__PURE__ */ r(
+            rs,
+            {
+              ref: C,
+              isActive: s,
+              asChild: t,
+              "aria-label": u,
+              "aria-describedby": x ? L : void 0,
+              draggable: x ? !1 : void 0,
+              className: [x ? "ds:flex-1 ds:min-w-0" : "", c ?? ""].filter(Boolean).join(" "),
+              ...w,
+              children: l
+            }
+          ),
+          x ? /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              id: L,
+              "aria-label": I(
+                "navigation.sidebar.reorderHandle",
+                "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
+                { label: P }
+              ),
+              className: It,
+              onKeyDown: T,
+              children: /* @__PURE__ */ r(hs, { "aria-hidden": "true", className: "ds:size-4" })
+            }
+          ) : null,
+          a && j !== "icon" ? /* @__PURE__ */ r(
+            Pe,
+            {
+              isPinned: d,
+              label: n ?? u ?? "",
+              onPinChange: a
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Ct.displayName = "SidebarFavoriteItem";
+const zt = ae(
+  [
+    "ds:flex 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)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:text-[var(--foreground)] ds:text-[length:var(--font-size-sm)]",
+    "ds:hover:bg-[var(--muted)]/20",
+    "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:no-underline"
+  ].join(" ")
+), Tt = $(({ avatar: e, name: s, subtitle: t, subtitleLabel: i, className: d, ...a }, n) => {
+  const { mode: u } = H(), c = u !== "icon", l = typeof t == "string" ? t : i;
+  return /* @__PURE__ */ h(
+    "button",
+    {
+      ref: n,
+      type: "button",
+      "aria-label": l ? `${s}, ${l}` : s,
+      className: [zt(), d].filter(Boolean).join(" "),
+      ...a,
+      children: [
+        /* @__PURE__ */ r(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:inline-flex ds:items-center ds:shrink-0",
+            children: e
+          }
+        ),
+        c ? /* @__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: s }),
+          t ? typeof t == "string" ? /* @__PURE__ */ r("span", { className: "ds:block ds:truncate type-meta ds:text-[color:var(--muted-foreground)]", children: t }) : /* @__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: t }) : null
+        ] }) : null
+      ]
+    }
+  );
+});
+Tt.displayName = "SidebarProfilePill";
+const Et = $(({ className: e, "aria-label": s, onClick: t, ...i }, d) => {
+  const { t: a } = de("ui"), { mode: n, density: u, transitionTo: c } = H();
+  if (n === "overlay") return null;
+  const l = n === "expanded", w = l ? [
+    "ds:justify-start",
+    u === "compact" ? "ds:ps-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-sm)]"
+  ].join(" ") : "ds:justify-center", C = s ?? (l ? a("navigation.sidebar.collapse", "Collapse sidebar") : a("navigation.sidebar.expand", "Expand sidebar")), I = /* @__PURE__ */ r(
+    "button",
+    {
+      ref: d,
+      type: "button",
+      "aria-label": C,
+      "aria-expanded": l,
+      onClick: (j) => {
+        c == null || c(l ? "icon" : "expanded"), t == null || t(j);
+      },
+      className: [ns, w, e].filter(Boolean).join(" "),
+      ...i,
+      children: /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:size-5 ds:shrink-0 ds:items-center ds:justify-center", children: l ? /* @__PURE__ */ r(
+        zs,
+        {
+          "aria-hidden": "true",
+          className: "ds:size-4 ds:rtl:-scale-x-100"
+        }
+      ) : /* @__PURE__ */ r(
+        Es,
+        {
+          "aria-hidden": "true",
+          className: "ds:size-4 ds:rtl:-scale-x-100"
+        }
+      ) })
+    }
+  );
+  return /* @__PURE__ */ h(y.Root, { children: [
+    /* @__PURE__ */ r(y.Trigger, { asChild: !0, children: I }),
+    /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
+      y.Content,
+      {
+        side: n === "icon" ? "right" : "top",
+        sideOffset: 6,
+        className: me,
+        children: [
+          C,
+          /* @__PURE__ */ r(y.Arrow, { className: "ds:fill-[var(--foreground)]" })
+        ]
+      }
+    ) })
+  ] });
+});
+Et.displayName = "SidebarCollapseTrigger";
+const jt = $(({ className: e, ...s }, t) => {
+  const { t: i } = de("ui"), { mode: d, quietFocusRef: a } = H(), n = oe(We), u = d === "overlay" && n !== null;
+  if (xe(() => {
+    if (!(!u || !n))
+      return n();
+  }, [u, n]), !u) return null;
+  const c = i("navigation.sidebar.close");
+  return /* @__PURE__ */ h(y.Root, { children: [
+    /* @__PURE__ */ r(
+      y.Trigger,
+      {
+        asChild: !0,
+        onFocus: (l) => {
+          a != null && a.current && l.preventDefault();
+        },
+        children: /* @__PURE__ */ r(ge.Close, { asChild: !0, children: /* @__PURE__ */ r(
+          "button",
+          {
+            ref: t,
+            type: "button",
+            "aria-label": c,
+            className: [Xe, e].filter(Boolean).join(" "),
+            ...s,
+            children: /* @__PURE__ */ r(He, { "aria-hidden": "true", className: "ds:size-4" })
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
+      y.Content,
+      {
+        side: "bottom",
+        sideOffset: 6,
+        className: me,
+        children: [
+          c,
+          /* @__PURE__ */ r(y.Arrow, { className: "ds:fill-[var(--foreground)]" })
+        ]
+      }
+    ) })
+  ] });
+});
+jt.displayName = "SidebarCloseTrigger";
+const kt = ae(
+  [
+    "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:border ds:border-[var(--border)]",
+    "ds:bg-[image:var(--gradient-surface-subtle-accent)]",
+    "ds:no-underline ds:!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:forced-colors:focus-visible:outline-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      mode: {
+        expanded: [
+          "ds:min-h-[var(--min-target-size)]",
+          "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]"
+        ].join(" "),
+        icon: [
+          "ds:justify-center",
+          "ds:w-[var(--min-target-size)] ds:h-[var(--min-target-size)]",
+          "ds:ms-auto ds:me-auto ds:ps-0 ds:pe-0"
+        ].join(" "),
+        overlay: [
+          "ds:min-h-[var(--min-target-size)]",
+          "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { mode: "expanded" }
+  }
+), At = $(({ title: e, description: s, icon: t, className: i, ...d }, a) => {
+  const { mode: n } = H(), u = n === "icon", c = (
+    // aria-label only in icon mode (where the copy is hidden) — in
+    // expanded mode the accessible name comes from the visible contents
+    // so the description isn't excluded from it.
+    /* @__PURE__ */ h(
+      "a",
+      {
+        ref: a,
+        "aria-label": u ? e : void 0,
+        className: kt({ mode: n, className: i }),
+        ...d,
+        children: [
+          /* @__PURE__ */ r(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: [
+                "ds:inline-flex ds:size-8 ds:shrink-0 ds:items-center ds:justify-center",
+                "ds:rounded-[var(--radius-sm)]",
+                "ds:bg-[var(--accent)] ds:text-[var(--accent-foreground)]"
+              ].join(" "),
+              children: t ?? /* @__PURE__ */ r(xs, { className: "ds:size-4" })
+            }
+          ),
+          u ? null : /* @__PURE__ */ h(Ie, { 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 }),
+              s ? (
+                // 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: s })
+              ) : null
+            ] }),
+            /* @__PURE__ */ r(
+              ze,
+              {
+                "aria-hidden": "true",
+                className: "ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  );
+  return u ? /* @__PURE__ */ h(y.Root, { children: [
+    /* @__PURE__ */ r(y.Trigger, { asChild: !0, children: c }),
+    /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
+      y.Content,
+      {
+        side: "right",
+        sideOffset: 6,
+        className: me,
+        children: [
+          e,
+          /* @__PURE__ */ r(y.Arrow, { className: "ds:fill-[var(--foreground)]" })
+        ]
+      }
+    ) })
+  ] }) : c;
+});
+At.displayName = "SidebarUpgradeChip";
+export {
+  Xs as S,
+  Js as a,
+  jt as b,
+  Et as c,
+  Ct as d,
+  St as e,
+  Qs as f,
+  dt as g,
+  Zs as h,
+  as as i,
+  rs as j,
+  mt as k,
+  ut as l,
+  ft as m,
+  Pe as n,
+  bt as o,
+  Tt as p,
+  ss as q,
+  yt as r,
+  At as s,
+  vt as t,
+  Os as u,
+  H as v
+};
+//# sourceMappingURL=sidebar-C9Zof0z1.js.map