@alfadocs/ui-kit 1.58.0 → 1.60.0

package/dist/_chunks/sidebar-DhePV1hE.js

@@ -0,0 +1,2563 @@
+import { jsx as r, jsxs as h, Fragment as Ie } from "react/jsx-runtime";
+import { useId as ve, useState as J, useRef as U, useCallback as F, useEffect as te, useMemo as xe, createContext as ie, useContext as re, forwardRef as $, isValidElement as ds } from "react";
+import * as be from "@radix-ui/react-dialog";
+import * as Ee from "@radix-ui/react-collapsible";
+import * as Ne from "@radix-ui/react-accordion";
+import * as y from "@radix-ui/react-tooltip";
+import { a as ls } from "./accordion-Ch3xp0mX.js";
+import { S as cs } from "./scroll-area-CY5SLYNw.js";
+import { Slot as Ue, Slottable as us } from "@radix-ui/react-slot";
+import { c as ne } from "./index-D2ZczOXr.js";
+import { 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 we } 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 = () => re(Ae), Ye = ie(null), fe = (e, s) => e.sectionId === s.sectionId && e.index === s.index, Ve = "[data-sidebar-item-id]", Ge = "[data-sidebar-section-id]";
+function he(e, s) {
+  var i;
+  const t = (i = e.parentElement) == null ? void 0 : i.closest(Ge);
+  return t && s.contains(t) ? t.dataset.sidebarSectionId ?? null : null;
+}
+function Ps(e, s) {
+  var p;
+  const t = e.querySelector("[data-sidebar-body]") ?? e, i = Array.from(
+    t.querySelectorAll(`${Ge},${Ve}`)
+  ), d = /* @__PURE__ */ new Map([[null, []]]), a = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+  let u = null;
+  for (const v of i) {
+    const g = v.dataset.sidebarSectionId;
+    if (g !== void 0) {
+      d.set(g, []), a.set(g, v.dataset.sidebarSectionOpen !== "false"), n.set(g, v.dataset.sidebarSectionLabel ?? "");
+      continue;
+    }
+    if (v.dataset.sidebarItemId === s) {
+      u = v;
+      continue;
+    }
+    const w = he(v, t);
+    (p = d.get(w)) == null || p.push(v);
+  }
+  if (!u) return null;
+  const c = (v) => {
+    var g;
+    return (((g = d.get(v)) == null ? void 0 : g.length) ?? 0) + 1;
+  }, l = [], x = d.get(null) ?? [], C = x.length === 0 && he(u, t) === null;
+  for (const v of i) {
+    const g = v.dataset.sidebarSectionId;
+    if (g !== void 0) {
+      const z = d.get(g) ?? [];
+      (!a.get(g) || z.length === 0) && l.push({
+        sectionId: g,
+        index: z.length,
+        total: c(g),
+        indicator: { kind: "section", sectionId: g }
+      });
+      continue;
+    }
+    if (v === u) {
+      C && l.push({
+        sectionId: null,
+        index: 0,
+        total: 1,
+        indicator: { kind: "item", itemId: s, edge: "before" }
+      });
+      continue;
+    }
+    const w = he(v, t);
+    if (w !== null && !a.get(w)) continue;
+    const P = d.get(w) ?? [], _ = P.indexOf(v), j = v.dataset.sidebarItemId ?? "";
+    l.push({
+      sectionId: w,
+      index: _,
+      total: c(w),
+      indicator: { kind: "item", itemId: j, edge: "before" }
+    }), _ === P.length - 1 && l.push({
+      sectionId: w,
+      index: _ + 1,
+      total: c(w),
+      indicator: { kind: "item", itemId: j, edge: "after" }
+    });
+  }
+  x.length === 0 && !C && l.push({
+    sectionId: null,
+    index: 0,
+    total: 1,
+    indicator: { kind: "list" }
+  });
+  const S = he(u, t), A = (d.get(S) ?? []).filter(
+    (v) => v.compareDocumentPosition(u) & Node.DOCUMENT_POSITION_FOLLOWING
+  ).length;
+  return {
+    places: l,
+    originIndex: l.findIndex(
+      (v) => fe(v, { sectionId: S, index: A })
+    ),
+    emptySectionIds: [...d.entries()].filter(([v, g]) => v !== null && a.get(v) && !g.length).map(([v]) => v),
+    listEmpty: x.length === 0 && !C,
+    sectionLabels: n
+  };
+}
+function _s(e, s) {
+  const t = e.querySelector("[data-sidebar-body]") ?? e, i = he(s, t), d = Array.from(t.querySelectorAll(Ve)).filter(
+    (a) => a !== s && he(a, t) === i && a.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_FOLLOWING
+  ).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] = J(null), c = U(null), l = U([]), x = U(/* @__PURE__ */ new Map()), C = U(/* @__PURE__ */ new Map()), S = U(null), A = U(e);
+  A.current = e;
+  const p = U(null), v = U(null), g = F((o) => {
+    c.current = o, u(o);
+  }, []), [w, P] = J(""), _ = U(!1), j = F((o) => {
+    _.current = !_.current, P(_.current ? o : `${o}​`);
+  }, []), z = F(
+    (o) => o.sectionId === null ? d("navigation.sidebar.move.inList", {
+      position: o.index + 1,
+      total: o.total
+    }) : d("navigation.sidebar.move.inSection", {
+      section: x.current.get(o.sectionId) ?? "",
+      position: o.index + 1,
+      total: o.total
+    }),
+    [d]
+  ), L = F(
+    (o, N, T) => {
+      var B;
+      const m = t.current;
+      if (!m) return !1;
+      const f = Ps(m, o);
+      if (!f || f.originIndex < 0) return !1;
+      l.current = f.places, x.current = f.sectionLabels;
+      const I = f.places[f.originIndex], O = T.getAttribute("aria-label") ?? ((B = T.textContent) == null ? void 0 : B.trim()) ?? "";
+      return g({
+        itemId: o,
+        label: O,
+        via: N,
+        origin: I,
+        target: I,
+        emptySectionIds: f.emptySectionIds,
+        listEmpty: f.listEmpty
+      }), j(
+        d("navigation.sidebar.move.pickedUp", {
+          item: O,
+          place: z(I)
+        })
+      ), !0;
+    },
+    [t, g, j, d, z]
+  ), K = F(
+    (o, N) => {
+      const T = c.current;
+      !T || fe(T.target, o) || (g({ ...T, target: o }), N && (j(z(o)), requestAnimationFrame(() => {
+        var f, I;
+        const m = t.current;
+        m && ((I = (f = qe(m, o)) == null ? void 0 : f.scrollIntoView) == null || I.call(f, { block: "nearest" }));
+      })));
+    },
+    [g, j, z, t]
+  ), R = F(() => {
+    var I, O;
+    const o = c.current;
+    if (!o) return;
+    g(null), l.current = [];
+    const { itemId: N, origin: T, target: m, label: f } = o;
+    fe(T, m) || (S.current = {
+      itemId: N,
+      sectionId: m.sectionId,
+      index: m.index,
+      until: Date.now() + Bs
+    }, m.sectionId !== null && ((I = C.current.get(m.sectionId)) == null || I()), (O = A.current) == null || O.call(A, {
+      itemId: N,
+      toSectionId: m.sectionId,
+      index: m.index
+    })), j(
+      d("navigation.sidebar.move.dropped", {
+        item: f,
+        place: z(m)
+      })
+    );
+  }, [g, j, d, z]), M = F(() => {
+    const o = c.current;
+    o && (g(null), l.current = [], j(
+      d("navigation.sidebar.move.cancelled", {
+        item: o.label,
+        place: z(o.origin)
+      })
+    ));
+  }, [g, j, d, z]), k = F(
+    (o, N) => {
+      const T = c.current, m = !o.altKey && !o.ctrlKey && !o.metaKey && !o.shiftKey;
+      if (!T) {
+        o.key === " " && m && !o.repeat && (o.preventDefault(), L(N, "keyboard", o.currentTarget));
+        return;
+      }
+      if (T.itemId !== N || T.via !== "keyboard") return;
+      const f = l.current, I = f.findIndex((B) => fe(B, T.target)), O = (B) => {
+        const Y = f[Math.max(0, Math.min(f.length - 1, B))];
+        Y && K(Y, !0);
+      };
+      switch (o.key) {
+        case "ArrowDown":
+          o.preventDefault(), O(I + 1);
+          break;
+        case "ArrowUp":
+          o.preventDefault(), O(I - 1);
+          break;
+        case "Home":
+          o.preventDefault(), O(0);
+          break;
+        case "End":
+          o.preventDefault(), O(f.length - 1);
+          break;
+        case " ":
+        case "Enter":
+          o.preventDefault(), o.repeat || R();
+          break;
+        case "Escape":
+          o.preventDefault(), o.stopPropagation(), M();
+          break;
+        case "Tab":
+          M();
+          break;
+      }
+    },
+    [L, K, R, M]
+  ), D = F(
+    (o) => {
+      const N = c.current;
+      (N == null ? void 0 : N.via) === "keyboard" && N.itemId === o && M();
+    },
+    [M]
+  ), b = F(() => {
+    var N;
+    const o = p.current;
+    o != null && o.timer && clearTimeout(o.timer), o != null && o.frame && cancelAnimationFrame(o.frame), p.current = null, (N = v.current) == null || N.call(v), v.current = null;
+  }, []), H = F(
+    (o, N) => {
+      if (c.current || p.current || !o.isPrimary || o.button !== 0) return;
+      const T = o.pointerType === "touch", m = {
+        pointerId: o.pointerId,
+        itemId: N,
+        node: o.currentTarget,
+        touch: T,
+        startX: o.clientX,
+        startY: o.clientY,
+        dragging: !1,
+        timer: null,
+        lastY: o.clientY,
+        frame: 0
+      };
+      p.current = m;
+      const f = () => {
+        var E, Z;
+        if (!L(m.itemId, "pointer", m.node)) {
+          b();
+          return;
+        }
+        m.dragging = !0, (Z = (E = window.getSelection) == null ? void 0 : E.call(window)) == null || Z.removeAllRanges();
+      }, I = (E) => {
+        const Z = t.current;
+        if (!Z) return;
+        let Q = null, ye = Number.POSITIVE_INFINITY;
+        for (const ce of l.current) {
+          const ue = Math.abs(Rs(Z, ce) - E);
+          ue < ye && (Q = ce, ye = ue);
+        }
+        Q && K(Q, !1);
+      }, O = () => {
+        var _e, Re;
+        if (m.frame = 0, !m.dragging) return;
+        const E = (Re = (_e = t.current) == null ? void 0 : _e.querySelector("[data-sidebar-body]")) == null ? void 0 : Re.closest("[data-radix-scroll-area-viewport]");
+        if (!E) return;
+        const Z = E.getBoundingClientRect(), Q = Z.top + je - m.lastY, ye = m.lastY - (Z.bottom - je), ce = Math.max(Q, ye);
+        if (ce <= 0) return;
+        const ue = Math.ceil(Fs * Math.min(1, ce / je)), Se = E.scrollTop;
+        E.scrollTop += Q > 0 ? -ue : ue, E.scrollTop !== Se && (I(m.lastY), m.frame = requestAnimationFrame(O));
+      }, B = (E) => {
+        if (E.pointerId === m.pointerId) {
+          if (!m.dragging) {
+            if (Math.hypot(
+              E.clientX - m.startX,
+              E.clientY - m.startY
+            ) < Ms) return;
+            if (m.touch) {
+              b();
+              return;
+            }
+            if (f(), !m.dragging) return;
+          }
+          m.lastY = E.clientY, I(E.clientY), m.frame || (m.frame = requestAnimationFrame(O));
+        }
+      }, Y = (E) => {
+        var ue;
+        if (E.pointerId !== m.pointerId) return;
+        const Z = m.dragging;
+        if (b(), !Z) return;
+        const Q = (ue = t.current) == null ? void 0 : ue.getBoundingClientRect();
+        if (!Q || E.clientX < Q.left || E.clientX > Q.right || E.clientY < Q.top || E.clientY > Q.bottom) {
+          M();
+          return;
+        }
+        R();
+        const ce = (Se) => {
+          Se.preventDefault(), Se.stopPropagation();
+        };
+        window.addEventListener("click", ce, {
+          capture: !0,
+          once: !0
+        }), setTimeout(() => window.removeEventListener("click", ce, !0), 0);
+      }, pe = (E) => {
+        if (E.pointerId !== m.pointerId) return;
+        const Z = m.dragging;
+        b(), Z && M();
+      }, ae = (E) => E.preventDefault(), ge = (E) => {
+        E.key !== "Escape" || !m.dragging || (E.preventDefault(), b(), M());
+      };
+      window.addEventListener("pointermove", B), window.addEventListener("pointerup", Y), window.addEventListener("pointercancel", pe), window.addEventListener("keydown", ge, !0), T && (window.addEventListener("contextmenu", ae, !0), m.timer = setTimeout(() => {
+        m.timer = null, f();
+      }, Ls)), v.current = () => {
+        window.removeEventListener("pointermove", B), window.removeEventListener("pointerup", Y), window.removeEventListener("pointercancel", pe), window.removeEventListener("keydown", ge, !0), window.removeEventListener("contextmenu", ae, !0);
+      };
+    },
+    [L, K, R, M, b, t]
+  );
+  te(() => b, [b]);
+  const G = U(null), q = F((o) => {
+    var N;
+    (N = p.current) != null && N.dragging && o.preventDefault();
+  }, []), W = F(
+    (o) => {
+      var N;
+      G.current !== o && ((N = G.current) == null || N.removeEventListener("touchmove", q), G.current = o, o == null || o.addEventListener("touchmove", q, { passive: !1 }));
+    },
+    [q]
+  ), X = U(s);
+  X.current = s;
+  const oe = F(
+    (o) => W(o && X.current ? o : null),
+    [W]
+  );
+  te(() => {
+    W(s ? t.current : null);
+  }, [s, W, t]), te(() => () => W(null), [W]), te(() => {
+    !s && c.current && M();
+  }, [s, M]);
+  const ee = F((o, N) => (C.current.set(o, N), () => {
+    C.current.get(o) === N && C.current.delete(o);
+  }), []), se = F(() => {
+    const o = S.current, N = t.current;
+    if (!o || !N) return;
+    if (Date.now() > o.until) {
+      S.current = null;
+      return;
+    }
+    const T = N.querySelector(
+      `[data-sidebar-item-id="${CSS.escape(o.itemId)}"]`
+    );
+    if (!T) return;
+    const m = document.activeElement, f = m !== null && m !== document.body && m !== T;
+    if (!fe(_s(N, T), o)) {
+      f && (S.current = null);
+      return;
+    }
+    S.current = null, !(m === T || f) && (i.current = !0, T.focus(), i.current = !1);
+  }, [t, i]);
+  return {
+    context: xe(
+      () => s ? {
+        enabled: s,
+        instructionsId: a,
+        move: n,
+        onItemKeyDown: k,
+        onItemPointerDown: H,
+        onItemBlur: D,
+        registerSection: ee
+      } : { enabled: !1, move: null, registerSection: ee },
+      [
+        s,
+        a,
+        n,
+        k,
+        H,
+        D,
+        ee
+      ]
+    ),
+    message: w,
+    instructionsId: a,
+    restoreFocus: se,
+    touchGuardRef: oe,
+    /** True while any move runs: Escape cancels it, not the drawer. */
+    cancelIfMoving: () => c.current ? (M(), !0) : !1
+  };
+}
+const De = ie({
+  mode: "expanded",
+  density: "default"
+}), V = () => re(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, x) => {
+        const C = l.element(), S = x.element();
+        return !C || !S ? 0 : C.compareDocumentPosition(S) & 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 = ne(
+  [
+    "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: x,
+    children: C,
+    id: S,
+    ...A
+  }, p) => {
+    const v = U(c);
+    v.current = c;
+    const [g] = J(() => $s(v)), w = /* @__PURE__ */ r(Oe.Provider, { value: g, children: C }), { t: P } = de("ui"), _ = e !== void 0, [j, z] = J(
+      () => Ks(s)
+    ), L = _ ? e : j;
+    te(() => {
+      _ || Ys(j);
+    }, [j, _]);
+    const K = F(
+      (f) => {
+        _ || z(f), t == null || t(f);
+      },
+      [_, t]
+    ), R = l ?? P("navigation.sidebar.label"), M = ve(), k = S ?? M, D = U(L);
+    te(() => {
+      D.current = L;
+    }, [L]);
+    const b = xe(
+      () => ({
+        getIsCollapsed: () => D.current !== "expanded",
+        toggleCollapsed: () => {
+          const f = D.current === "expanded" ? "icon" : "expanded";
+          K(f);
+        },
+        getAnySectionOpen: () => g.getSnapshot().open > 0,
+        setAllSectionsOpen: (f) => g.setAll(f)
+      }),
+      [K, g]
+    );
+    fs(Os, b, S);
+    const H = U(null), G = U(null), q = U(!1), [W, X] = J(0), oe = F(() => (X((f) => f + 1), () => X((f) => f - 1)), []), { separatorProps: ee, isResizing: se } = ms({
+      edge: "inline-end",
+      targetRef: H,
+      cssProperty: "--sidebar-modern-expanded-size",
+      minSize: Vs,
+      maxSize: Gs,
+      defaultSize: qs,
+      disabled: !n || L !== "expanded"
+    }), le = n && L === "expanded", o = Us({
+      onMoveItem: u,
+      enabled: u !== void 0 && L !== "icon",
+      rootRef: H,
+      quietFocusRef: q
+    }), { touchGuardRef: N } = o, T = xe(
+      () => $e(p, H, N),
+      [p, N]
+    );
+    we(() => 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 L === "overlay" ? /* @__PURE__ */ r(
+      De.Provider,
+      {
+        value: {
+          mode: "overlay",
+          density: i,
+          transitionTo: K,
+          navElementId: k,
+          quietFocusRef: q
+        },
+        children: /* @__PURE__ */ r(y.Provider, { delayDuration: 300, children: /* @__PURE__ */ r(be.Root, { open: d, onOpenChange: a, children: /* @__PURE__ */ h(be.Portal, { children: [
+          /* @__PURE__ */ r(
+            be.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(
+            be.Content,
+            {
+              onOpenAutoFocus: (f) => {
+                var O, B;
+                G.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+                const I = ((O = H.current) == null ? void 0 : O.querySelector(
+                  '[aria-current="page"]'
+                )) ?? ((B = H.current) == null ? void 0 : B.querySelector(
+                  'a[href], button:not([disabled]), input:not([disabled]), [tabindex="0"]'
+                ));
+                q.current = !0, I == null || I.focus(), q.current = !1, I && document.activeElement === I && f.preventDefault();
+              },
+              onCloseAutoFocus: (f) => {
+                var O;
+                const I = document.activeElement;
+                I && I !== document.body || (O = G.current) != null && O.isConnected && (f.preventDefault(), G.current.focus());
+              },
+              onEscapeKeyDown: (f) => {
+                o.cancelIfMoving() && f.preventDefault();
+              },
+              "aria-label": R,
+              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",
+                x ?? ""
+              ].filter(Boolean).join(" "),
+              children: [
+                /* @__PURE__ */ h(
+                  "nav",
+                  {
+                    ref: T,
+                    id: k,
+                    "aria-label": R,
+                    "data-component": "sidebar",
+                    "data-component-id": S,
+                    className: "ds:flex ds:flex-col ds:h-full",
+                    ...A,
+                    children: [
+                      /* @__PURE__ */ r(Ae.Provider, { value: o.context, children: /* @__PURE__ */ r(
+                        We.Provider,
+                        {
+                          value: oe,
+                          children: w
+                        }
+                      ) }),
+                      m
+                    ]
+                  }
+                ),
+                W === 0 ? /* @__PURE__ */ r(be.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: L,
+          density: i,
+          transitionTo: K,
+          navElementId: k,
+          quietFocusRef: q
+        },
+        children: /* @__PURE__ */ r(y.Provider, { delayDuration: 300, children: /* @__PURE__ */ h(
+          "nav",
+          {
+            ref: T,
+            id: k,
+            "aria-label": R,
+            "data-component": "sidebar",
+            "data-component-id": S,
+            "data-mode": L,
+            "data-density": i,
+            "data-resizing": se ? "" : void 0,
+            className: [
+              Le({ mode: L, density: i }),
+              i === "compact" ? "ds:density-compact" : "",
+              x ?? ""
+            ].filter(Boolean).join(" "),
+            ...A,
+            children: [
+              /* @__PURE__ */ r(Ae.Provider, { value: o.context, children: w }),
+              m,
+              le ? /* @__PURE__ */ r(
+                "div",
+                {
+                  ...ee,
+                  "aria-label": P("navigation.sidebar.resize"),
+                  "data-resizing": se ? "" : void 0,
+                  className: Ws
+                }
+              ) : null
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+Xs.displayName = "Sidebar";
+const Zs = $(({ className: e, ...s }, t) => {
+  const { mode: i } = V();
+  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 = ne(
+  [
+    "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 } = V(), { 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 } = V();
+  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 = ne(
+  "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 } = V(), { 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,
+    className: c,
+    children: l,
+    ...x
+  }, C) => {
+    const { t: S } = de("ui"), { mode: A } = V(), p = A === "icon", v = ve(), g = ve(), w = U(null), [P, _] = J(
+      () => /* @__PURE__ */ new Set()
+    ), j = F((Y, pe) => {
+      _((ae) => {
+        if (ae.has(Y) === pe) return ae;
+        const ge = new Set(ae);
+        return pe ? ge.add(Y) : ge.delete(Y), ge;
+      });
+    }, []), z = t && !p && !!e, [L, K] = J(i), R = d ?? L, M = U(R);
+    M.current = R;
+    const k = F(
+      (Y) => {
+        d === void 0 && K(Y), a == null || a(Y);
+      },
+      [d, a]
+    ), D = re(Oe), b = ve(), H = U(null), G = xe(
+      () => $e(C, H),
+      [C]
+    ), q = t && !!e;
+    we(() => {
+      if (!(!D || !q))
+        return () => D.remove(b);
+    }, [D, b, q]), we(() => {
+      !D || !q || D.set(b, {
+        open: R,
+        sectionId: n,
+        controlled: d !== void 0,
+        setOpen: k,
+        setInner: K,
+        element: () => H.current
+      });
+    }, [D, b, q, R, n, d, k]);
+    const { enabled: W, move: X, registerSection: oe } = Te(), ee = re(es);
+    te(() => {
+      W && n === void 0 && !ee && bs() && console.warn(
+        `SidebarSection "${e ?? ""}": moves are on but it has no sectionId, so its items cannot move.`
+      );
+    }, [W, n, ee, e]), te(() => {
+      if (!(n === void 0 || !oe))
+        return oe(n, () => {
+          M.current || k(!0);
+        });
+    }, [n, oe, k]);
+    const se = W && X !== null && n !== void 0, le = se && X.target.indicator.kind === "section" && X.target.indicator.sectionId === n && !fe(X.target, X.origin), o = se && X.emptySectionIds.includes(n) ? /* @__PURE__ */ r(
+      "div",
+      {
+        "aria-hidden": "true",
+        "data-sidebar-drop-zone": n,
+        className: Je({ active: le })
+      }
+    ) : null, N = n !== void 0 ? {
+      "data-sidebar-section-id": n,
+      "data-sidebar-section-label": e ?? "",
+      "data-sidebar-section-open": String(!z || R)
+    } : {}, T = u && !p ? /* @__PURE__ */ r(
+      "span",
+      {
+        role: "group",
+        "aria-label": e ? S("navigation.sidebar.sectionActions", { section: e }) : void 0,
+        className: st,
+        children: u
+      }
+    ) : null, m = z && !R && P.size > 0, f = e && !p ? /* @__PURE__ */ r("p", { "data-sidebar-section-empty": "", className: tt, children: S(W && n !== void 0 ? "navigation.sidebar.section.emptyMove" : "navigation.sidebar.section.empty") }) : null, I = /* @__PURE__ */ r(Ye.Provider, { value: { sectionId: n }, children: /* @__PURE__ */ h(Qe.Provider, { value: j, children: [
+      /* @__PURE__ */ r("div", { "data-sidebar-section-items": "", className: "ds:contents", children: l }),
+      f,
+      o
+    ] }) }), O = [
+      "ds:flex ds:flex-col",
+      "ds:gap-[var(--spacing-xs)]",
+      "ds:mt-[var(--spacing-sm)]",
+      rt,
+      c ?? ""
+    ].filter(Boolean).join(" ");
+    if (!z) {
+      const Y = !!e || !!s, pe = e ? { role: "group", "aria-labelledby": v } : {}, ae = Y ? /* @__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)]",
+            T ? "ds:min-w-0 ds:flex-1" : "",
+            p && !s ? "ds:sr-only" : ""
+          ].filter(Boolean).join(" "),
+          children: [
+            s ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Me, children: s }) : null,
+            e ? /* @__PURE__ */ r("span", { id: v, className: p ? "ds:sr-only" : "", children: e }) : null
+          ]
+        }
+      ) : null;
+      return /* @__PURE__ */ h(
+        "div",
+        {
+          ref: G,
+          className: O,
+          ...pe,
+          ...N,
+          ...x,
+          children: [
+            T ? /* @__PURE__ */ h(
+              "div",
+              {
+                "data-sidebar-section-heading": "",
+                className: Be(),
+                children: [
+                  ae,
+                  T
+                ]
+              }
+            ) : ae,
+            I
+          ]
+        }
+      );
+    }
+    const B = "section";
+    return /* @__PURE__ */ r(
+      Ne.Root,
+      {
+        type: "single",
+        collapsible: !0,
+        value: R ? B : "",
+        onValueChange: (Y) => k(Y === B),
+        asChild: !0,
+        children: /* @__PURE__ */ r(
+          "div",
+          {
+            ref: G,
+            className: O,
+            ...N,
+            ...x,
+            children: /* @__PURE__ */ h(Ne.Item, { value: B, children: [
+              /* @__PURE__ */ h(
+                "div",
+                {
+                  "data-sidebar-section-heading": "",
+                  className: Be({
+                    dropInto: le && !R
+                  }),
+                  children: [
+                    /* @__PURE__ */ r(at, { name: e ?? "", nameRef: w, children: /* @__PURE__ */ r("div", { className: "ds:flex ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ r(Ne.Header, { className: "ds:flex ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ h(
+                      Ne.Trigger,
+                      {
+                        className: et,
+                        "data-holds-current": m ? "" : void 0,
+                        "aria-describedby": m ? g : void 0,
+                        children: [
+                          s ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Me, children: s }) : null,
+                          /* @__PURE__ */ r(
+                            "span",
+                            {
+                              ref: w,
+                              className: `ds:flex-1 ds:text-start ${ot}`,
+                              children: e
+                            }
+                          ),
+                          m ? /* @__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"
+                            }
+                          )
+                        ]
+                      }
+                    ) }) }) }),
+                    T,
+                    m ? (
+                      // Hidden, yet still the fold button's description.
+                      /* @__PURE__ */ r("span", { id: g, hidden: !0, children: S("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: I
+                }
+              )
+            ] })
+          }
+        )
+      }
+    );
+  }
+);
+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 } = V();
+    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 = ne(
+  [
+    // 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 = ne("", {
+  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: x,
+    onPointerDown: C,
+    onBlur: S,
+    ...A
+  }, p) => {
+    const { mode: v, density: g, quietFocusRef: w, navElementId: P } = V(), _ = e ? Ue : "a", j = d !== void 0 && v !== "icon", z = Te(), L = re(Ye), K = re(Qe), R = ve(), M = s || A["aria-current"] === "page";
+    te(() => {
+      if (K)
+        return K(R, M), () => K(R, !1);
+    }, [K, R, M]);
+    const k = z.enabled && v !== "icon" && t !== void 0 && (L === null || L.sectionId !== void 0) ? t : void 0, D = z.move, b = D && !fe(D.target, D.origin) ? D.target : null, H = k !== void 0 && (b == null ? void 0 : b.indicator.kind) === "item" && b.indicator.itemId === k ? b.indicator.edge : "none", G = k !== void 0 ? {
+      "data-sidebar-item-id": k,
+      "data-moving": (D == null ? void 0 : D.itemId) === k ? "" : void 0,
+      // A link would otherwise start the browser's own link drag.
+      draggable: !1,
+      "aria-describedby": [l, z.instructionsId].filter(Boolean).join(" "),
+      // An image inside the item would start its own native drag.
+      onDragStart: (f) => f.preventDefault(),
+      onKeyDown: (f) => {
+        var O, B;
+        x == null || x(f);
+        const I = f.key === "Escape" && ((O = z.move) == null ? void 0 : O.itemId) === k;
+        (!f.defaultPrevented || I) && ((B = z.onItemKeyDown) == null || B.call(z, f, k));
+      },
+      onPointerDown: (f) => {
+        var I;
+        C == null || C(f), (I = z.onItemPointerDown) == null || I.call(z, f, k);
+      },
+      onBlur: (f) => {
+        var I;
+        S == null || S(f), (I = z.onItemBlur) == null || I.call(z, k);
+      }
+    } : {
+      // Keys left out when unset: an undefined one would override the
+      // tooltip's own description through Slot.
+      ...l !== void 0 ? { "aria-describedby": l } : {},
+      ...x ? { onKeyDown: x } : {},
+      ...C ? { onPointerDown: C } : {},
+      ...S ? { onBlur: S } : {}
+    }, q = ct({
+      movable: k !== void 0,
+      moving: D !== null && D.itemId === k,
+      drop: H
+    }), [W, X] = J(null), oe = v === "icon" && c != null && W ? `${c}, ${W}` : c, ee = /* @__PURE__ */ r(
+      _,
+      {
+        ref: p,
+        "aria-current": s ? "page" : void 0,
+        "aria-label": oe,
+        "data-nav-id": t,
+        "data-sidebar-item": j ? void 0 : "",
+        className: lt({
+          mode: v,
+          density: g,
+          isActive: s,
+          className: [j ? "ds:flex-1 ds:min-w-0" : n, q].filter(Boolean).join(" ")
+        }),
+        ...G,
+        ...A,
+        children: u
+      }
+    ), se = j ? /* @__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, N] = J(), T = (f) => {
+      var B, Y;
+      const I = (B = le.current) == null ? void 0 : B.querySelector(
+        "[data-sidebar-item-label]"
+      );
+      if (!(I != null && I.scrollWidth > I.clientWidth) || w != null && w.current || z.move !== null) {
+        f.preventDefault();
+        return;
+      }
+      N(((Y = I.textContent) == null ? void 0 : Y.trim()) || void 0);
+    }, m = v !== "icon" && P !== void 0 ? /* @__PURE__ */ h(y.Root, { children: [
+      /* @__PURE__ */ r(
+        y.Trigger,
+        {
+          asChild: !0,
+          ref: le,
+          onPointerMove: T,
+          onFocus: T,
+          children: se
+        }
+      ),
+      /* @__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)]" })
+          ]
+        }
+      ) })
+    ] }) : v === "icon" && c ? /* @__PURE__ */ h(y.Root, { children: [
+      /* @__PURE__ */ r(y.Trigger, { asChild: !0, children: se }),
+      /* @__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)]" })
+          ]
+        }
+      ) })
+    ] }) : se;
+    return /* @__PURE__ */ r(ts.Provider, { value: X, 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 } = V();
+  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 } = V(), a = d === "icon", n = re(ts);
+  return te(() => {
+    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 = ne(
+  [
+    "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 } = V(), 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 = ne(
+  [
+    "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,
+    ...x
+  }, C) => {
+    const { mode: S } = V(), A = S !== "icon", p = os({
+      asChild: i,
+      disabled: a,
+      children: u,
+      onClickCapture: c,
+      onAuxClickCapture: l
+    }), { Comp: v } = p, g = /* @__PURE__ */ r(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "ds:inline-flex ds:size-4 ds:items-center ds:justify-center",
+        children: e
+      }
+    ), w = A ? /* @__PURE__ */ h(Ie, { children: [
+      /* @__PURE__ */ r("span", { "data-sidebar-primary-label": "", className: "ds:truncate", children: s }),
+      t && !a ? /* @__PURE__ */ r("kbd", { className: "ds:ms-auto ds:text-[length:var(--font-size-xs)] ds:font-[family-name:var(--font-mono)] ds:opacity-80", children: t }) : null
+    ] }) : null, P = /* @__PURE__ */ h(
+      v,
+      {
+        ref: C,
+        ...p.props,
+        "aria-label": s,
+        "aria-keyshortcuts": a ? void 0 : Ke(t),
+        "aria-current": d ? "page" : void 0,
+        className: [
+          gt({ mode: S }),
+          p.hostClassName,
+          n
+        ].filter(Boolean).join(" "),
+        ...x,
+        children: [
+          g,
+          p.slot,
+          w
+        ]
+      }
+    );
+    return A ? 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,
+    ...x
+  }, C) => {
+    const { mode: S, navElementId: A, quietFocusRef: p } = V(), v = os({
+      asChild: i,
+      disabled: a,
+      children: u,
+      onClickCapture: c,
+      onAuxClickCapture: l
+    }), { Comp: g } = v, w = /* @__PURE__ */ h(y.Root, { children: [
+      /* @__PURE__ */ r(
+        y.Trigger,
+        {
+          asChild: !0,
+          onFocus: (P) => {
+            p != null && p.current && P.preventDefault();
+          },
+          children: /* @__PURE__ */ h(
+            g,
+            {
+              ref: C,
+              "data-component": "sidebar-header-action",
+              ...v.props,
+              "aria-label": s,
+              "aria-keyshortcuts": a ? void 0 : Ke(t),
+              "aria-current": d ? "page" : void 0,
+              className: [ht, v.hostClassName, n].filter(Boolean).join(" "),
+              ...x,
+              children: [
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:inline-flex ds:size-4 ds:items-center ds:justify-center",
+                    children: e
+                  }
+                ),
+                v.slot
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(y.Portal, { children: /* @__PURE__ */ h(
+        y.Content,
+        {
+          side: S === "icon" ? "right" : "bottom",
+          sideOffset: 6,
+          className: me,
+          children: [
+            s,
+            t ? ` (${t})` : null,
+            /* @__PURE__ */ r(y.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          ]
+        }
+      ) })
+    ] });
+    return A !== void 0 ? w : /* @__PURE__ */ r(y.Provider, { delayDuration: 300, children: w });
+  }
+);
+as.displayName = "SidebarHeaderAction";
+const yt = $(({ onClick: e, disabled: s = !1, ...t }, i) => {
+  const { t: d } = de("ui"), { mode: a } = V(), n = re(Oe), [{ total: u, open: c }, l] = J(
+    () => (n == null ? void 0 : n.getSnapshot()) ?? Hs
+  );
+  if (we(() => {
+    if (n)
+      return l(n.getSnapshot()), n.subscribe(() => l(n.getSnapshot()));
+  }, [n]), !n || u === 0) return null;
+  const x = c > 0;
+  return /* @__PURE__ */ r(
+    as,
+    {
+      ref: i,
+      icon: x ? /* @__PURE__ */ r(Ss, { "aria-hidden": "true", className: "ds:size-4" }) : /* @__PURE__ */ r(Is, { "aria-hidden": "true", className: "ds:size-4" }),
+      label: d(
+        x ? "navigation.sidebar.collapseAllSections" : "navigation.sidebar.expandAllSections"
+      ),
+      "aria-expanded": x,
+      "data-sidebar-sections-toggle": "",
+      disabled: a === "icon" || s,
+      onClick: (C) => {
+        e == null || e(C), C.defaultPrevented || n.setAll(!x);
+      },
+      ...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 } = V();
+    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: (x) => {
+          x.preventDefault(), x.stopPropagation(), s == null || s(!e), d == null || d(x);
+        },
+        ...a,
+        children: /* @__PURE__ */ r(
+          ys,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-4",
+            fill: e ? "currentColor" : "none"
+          }
+        )
+      }
+    );
+  }
+);
+Pe.displayName = "SidebarPinButton";
+const is = ie(null), wt = () => re(is), St = $(
+  ({ heading: e, emptyMessage: s, onReorder: t, className: i, children: d, ...a }, n) => {
+    const { t: u } = de("ui"), c = e ?? u("navigation.sidebar.favorites", "Favourites"), l = Array.isArray(d) ? d.filter(Boolean) : d ? [d] : [], x = l.length, C = x > 0, [S, A] = J(null), [p, v] = J(""), g = U(!1), w = F((_) => {
+      g.current = !g.current, v(g.current ? _ : `${_}​`);
+    }, []), P = xe(
+      () => ({ onReorder: t, count: x, dragSource: S, setDragSource: A, announce: w }),
+      [t, x, S, w]
+    );
+    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: p })
+        ]
+      }
+    ) }) });
+  }
+);
+St.displayName = "SidebarFavorites";
+const Nt = ne(
+  [
+    "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,
+    ...x
+  }, C) => {
+    const { t: S } = de("ui"), { mode: A } = V(), p = wt(), [v, g] = J(!1), w = !!(p != null && p.onReorder) && A !== "icon", P = i ?? u ?? "", _ = ve(), j = (b, H) => {
+      if (!(p != null && p.onReorder)) return;
+      const G = Math.max(0, Math.min(p.count - 1, H));
+      G !== b && (p.onReorder(b, G), p.announce(
+        S(
+          "navigation.sidebar.reorderAnnounce",
+          "{{label}} moved to position {{to}} of {{total}}",
+          { label: P, to: G + 1, total: p.count }
+        )
+      ));
+    }, z = (b) => {
+      w && (b.altKey && b.key === "ArrowUp" ? (b.preventDefault(), j(e, e - 1)) : b.altKey && b.key === "ArrowDown" ? (b.preventDefault(), j(e, e + 1)) : b.key === "Home" && b.altKey ? (b.preventDefault(), j(e, 0)) : b.key === "End" && b.altKey && (b.preventDefault(), j(e, p.count - 1)));
+    }, L = (b) => {
+      w && (p == null || p.setDragSource(e), b.dataTransfer && (b.dataTransfer.effectAllowed = "move", b.dataTransfer.setData("ds:text/plain", String(e))));
+    }, K = () => {
+      p == null || p.setDragSource(null), g(!1);
+    }, R = (b) => {
+      !w || (p == null ? void 0 : p.dragSource) === null || (b.preventDefault(), b.dataTransfer && (b.dataTransfer.dropEffect = "move"), g(!0));
+    }, M = () => g(!1), k = (b) => {
+      if (!w) return;
+      b.preventDefault();
+      const H = p == null ? void 0 : p.dragSource;
+      g(!1), !(H == null || H === e) && j(H, e);
+    }, D = (p == null ? void 0 : p.dragSource) === e;
+    return /* @__PURE__ */ h(
+      "div",
+      {
+        className: Nt({
+          dragging: D,
+          dropTarget: v && !D
+        }),
+        draggable: w || void 0,
+        onDragStart: w ? L : void 0,
+        onDragEnd: w ? K : void 0,
+        onDragOver: R,
+        onDragLeave: M,
+        onDrop: k,
+        children: [
+          /* @__PURE__ */ r(
+            rs,
+            {
+              ref: C,
+              isActive: s,
+              asChild: t,
+              "aria-label": u,
+              "aria-describedby": w ? _ : void 0,
+              draggable: w ? !1 : void 0,
+              className: [w ? "ds:flex-1 ds:min-w-0" : "", c ?? ""].filter(Boolean).join(" "),
+              ...x,
+              children: l
+            }
+          ),
+          w ? /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              id: _,
+              "aria-label": S(
+                "navigation.sidebar.reorderHandle",
+                "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
+                { label: P }
+              ),
+              className: It,
+              onKeyDown: z,
+              children: /* @__PURE__ */ r(hs, { "aria-hidden": "true", className: "ds:size-4" })
+            }
+          ) : null,
+          a && A !== "icon" ? /* @__PURE__ */ r(
+            Pe,
+            {
+              isPinned: d,
+              label: n ?? u ?? "",
+              onPinChange: a
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Ct.displayName = "SidebarFavoriteItem";
+const zt = ne(
+  [
+    "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 } = V(), 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 } = V();
+  if (n === "overlay") return null;
+  const l = n === "expanded", x = l ? [
+    "ds:justify-start",
+    u === "compact" ? "ds:ps-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-sm)]"
+  ].join(" ") : "ds:justify-center", C = s ?? (l ? a("navigation.sidebar.collapse", "Collapse sidebar") : a("navigation.sidebar.expand", "Expand sidebar")), S = /* @__PURE__ */ r(
+    "button",
+    {
+      ref: d,
+      type: "button",
+      "aria-label": C,
+      "aria-expanded": l,
+      onClick: (A) => {
+        c == null || c(l ? "icon" : "expanded"), t == null || t(A);
+      },
+      className: [ns, x, 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: S }),
+    /* @__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 } = V(), n = re(We), u = d === "overlay" && n !== null;
+  if (we(() => {
+    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(be.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 = ne(
+  [
+    "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 } = V(), 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,
+  V as v
+};
+//# sourceMappingURL=sidebar-DhePV1hE.js.map