@alfadocs/ui-kit-debug 0.68.0 → 0.70.0

package/dist/_chunks/{sidebar-DaB4ulxH.js → sidebar-DY9jGjgt.js}

@@ -1,32 +1,32 @@
 import { jsx as s, jsxs as u, Fragment as q } from "react/jsx-runtime";
-import { forwardRef as g, useState as R, useEffect as U, useCallback as ss, useRef as $, useMemo as O, useId as is, useContext as Z, createContext as W } from "react";
+import { forwardRef as b, useState as R, useEffect as U, useCallback as ss, useRef as $, useMemo as O, useId as ds, useContext as Z, createContext as W } from "react";
 import * as B from "@radix-ui/react-dialog";
-import * as K from "@radix-ui/react-collapsible";
+import * as V from "@radix-ui/react-collapsible";
 import * as E from "@radix-ui/react-accordion";
-import * as b from "@radix-ui/react-tooltip";
-import { a as ts } from "./accordion-9lJSMMsZ.js";
+import * as h from "@radix-ui/react-tooltip";
+import { a as ts } from "./accordion-DnIa7OHX.js";
 import { Slot as os } from "@radix-ui/react-slot";
-import { c as T } from "./index-D2ZczOXr.js";
+import { c as I } from "./index-D2ZczOXr.js";
 import { useTranslation as D } from "react-i18next";
-import { u as ls } from "./use-edge-resize-ZnGG7gyO.js";
-import { c as cs } from "./compose-refs-C0k0tdqF.js";
-import { u as us } from "./registry-nPAVE19X.js";
+import { u as ls } from "./registry-DvAUVLHh.js";
+import { u as cs } from "./use-edge-resize-ZnGG7gyO.js";
+import { c as us } from "./compose-refs-C0k0tdqF.js";
 import { X as ms } from "./x-CCcI3eJp.js";
 import { c as X } from "./createLucideIcon-CrFbzy84.js";
 import { G as vs } from "./grip-vertical-Dlg0_k5C.js";
 import { C as H } from "./chevron-right-BrpYejk0.js";
-import { S as fs } from "./star-vav0SJ9e.js";
+import { S as ps } from "./star-vav0SJ9e.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ps = [
+const fs = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
-], gs = X("panel-left-close", ps);
+], gs = X("panel-left-close", fs);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -53,13 +53,16 @@ const xs = [
   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()
     }
   },
   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();
@@ -75,13 +78,14 @@ const xs = [
     },
     item: {
       attr: "data-nav-id",
-      description: "Each Sidebar.Item emits its key as 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."
     }
   }
 }, G = W({
   mode: "expanded",
   density: "default"
-}), y = () => Z(G), es = "ui.sidebar.state";
+}), x = () => Z(G), es = "ui.sidebar.state";
 function Ns(e) {
   if (typeof window > "u") return e;
   try {
@@ -98,7 +102,7 @@ function zs(e) {
     } catch {
     }
 }
-const J = T(
+const J = I(
   [
     "ds:flex ds:flex-col",
     // Sidebar sits at the page background in light mode (white-on-white
@@ -158,36 +162,36 @@ const J = T(
   "ds:before:[inset-block:0]",
   "ds:before:[inline-size:var(--min-target-size)]",
   "ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
-].join(" "), Ts = g(
+].join(" "), Is = b(
   ({
     state: e,
     defaultState: a = "expanded",
     onStateChange: r,
     density: n = "default",
-    open: t,
+    open: d,
     onOpenChange: l,
-    resizable: o = !1,
-    "aria-label": i,
-    className: m,
+    resizable: t = !1,
+    "aria-label": o,
+    className: c,
     children: p,
     id: f,
-    ...h
-  }, w) => {
-    const { t: x } = D(), d = e !== void 0, [N, z] = R(
-      () => d ? e : Ns(a)
-    ), c = d ? e : N;
+    ...g
+  }, N) => {
+    const { t: y } = D(), i = e !== void 0, [w, z] = R(
+      () => i ? e : Ns(a)
+    ), m = i ? e : w;
     U(() => {
-      d || zs(N);
-    }, [N, d]);
+      i || zs(w);
+    }, [w, i]);
     const S = ss(
       (k) => {
-        d || z(k), r == null || r(k);
+        i || z(k), r == null || r(k);
       },
-      [d, r]
-    ), j = i ?? x("navigation.sidebar.label"), C = $(c);
+      [i, r]
+    ), j = o ?? y("navigation.sidebar.label"), C = $(m);
     U(() => {
-      C.current = c;
-    }, [c]);
+      C.current = m;
+    }, [m]);
     const F = O(
       () => ({
         getIsCollapsed: () => C.current !== "expanded",
@@ -198,21 +202,21 @@ const J = T(
       }),
       [S]
     );
-    us(ws, F, f);
-    const A = $(null), _ = O(() => cs(w, A), [w]), { separatorProps: M, isResizing: P } = ls({
+    ls(ws, F, f);
+    const A = $(null), P = O(() => us(N, A), [N]), { separatorProps: M, isResizing: _ } = cs({
       edge: "inline-end",
       targetRef: A,
       cssProperty: "--sidebar-modern-expanded-size",
       minSize: Ss,
       maxSize: js,
       defaultSize: Cs,
-      disabled: !o || c !== "expanded"
-    }), L = o && c === "expanded";
-    return c === "overlay" ? /* @__PURE__ */ s(
+      disabled: !t || m !== "expanded"
+    }), K = t && m === "expanded";
+    return m === "overlay" ? /* @__PURE__ */ s(
       G.Provider,
       {
         value: { mode: "overlay", density: n, transitionTo: S },
-        children: /* @__PURE__ */ s(B.Root, { open: t, onOpenChange: l, children: /* @__PURE__ */ u(B.Portal, { children: [
+        children: /* @__PURE__ */ s(B.Root, { open: d, onOpenChange: l, children: /* @__PURE__ */ u(B.Portal, { children: [
           /* @__PURE__ */ s(
             B.Overlay,
             {
@@ -240,19 +244,19 @@ const J = T(
                 "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",
-                m ?? ""
+                c ?? ""
               ].filter(Boolean).join(" "),
               children: [
                 /* @__PURE__ */ s(
                   "nav",
                   {
-                    ref: _,
+                    ref: P,
                     id: f,
                     "aria-label": j,
                     "data-component": "sidebar",
                     "data-component-id": f,
                     className: "ds:flex ds:flex-col ds:h-full",
-                    ...h,
+                    ...g,
                     children: p
                   }
                 ),
@@ -260,7 +264,7 @@ const J = T(
                   "button",
                   {
                     type: "button",
-                    "aria-label": x("navigation.sidebar.close"),
+                    "aria-label": y("navigation.sidebar.close"),
                     className: [
                       "ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]",
                       "ds:inline-flex ds:items-center ds:justify-center",
@@ -281,32 +285,32 @@ const J = T(
     ) : /* @__PURE__ */ s(
       G.Provider,
       {
-        value: { mode: c, density: n, transitionTo: S },
-        children: /* @__PURE__ */ s(b.Provider, { delayDuration: 300, children: /* @__PURE__ */ u(
+        value: { mode: m, density: n, transitionTo: S },
+        children: /* @__PURE__ */ s(h.Provider, { delayDuration: 300, children: /* @__PURE__ */ u(
           "nav",
           {
-            ref: _,
+            ref: P,
             id: f,
             "aria-label": j,
             "data-component": "sidebar",
             "data-component-id": f,
-            "data-mode": c,
+            "data-mode": m,
             "data-density": n,
-            "data-resizing": P ? "" : void 0,
+            "data-resizing": _ ? "" : void 0,
             className: [
-              J({ mode: c, density: n }),
+              J({ mode: m, density: n }),
               n === "compact" ? "ds:density-compact" : "",
-              m ?? ""
+              c ?? ""
             ].filter(Boolean).join(" "),
-            ...h,
+            ...g,
             children: [
               p,
-              L ? /* @__PURE__ */ s(
+              K ? /* @__PURE__ */ s(
                 "div",
                 {
                   ...M,
-                  "aria-label": x("navigation.sidebar.resize"),
-                  "data-resizing": P ? "" : void 0,
+                  "aria-label": y("navigation.sidebar.resize"),
+                  "data-resizing": _ ? "" : void 0,
                   className: ks
                 }
               ) : null
@@ -317,9 +321,9 @@ const J = T(
     );
   }
 );
-Ts.displayName = "Sidebar";
-const Is = g(({ className: e, ...a }, r) => {
-  const { mode: n } = y();
+Is.displayName = "Sidebar";
+const Ts = b(({ className: e, ...a }, r) => {
+  const { mode: n } = x();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -341,8 +345,8 @@ const Is = g(({ className: e, ...a }, r) => {
     }
   );
 });
-Is.displayName = "SidebarHeader";
-const Bs = g(
+Ts.displayName = "SidebarHeader";
+const Bs = b(
   ({ className: e, ...a }, r) => /* @__PURE__ */ s(
     "div",
     {
@@ -358,8 +362,8 @@ const Bs = g(
   )
 );
 Bs.displayName = "SidebarBody";
-const Rs = g(({ className: e, ...a }, r) => {
-  const { mode: n } = y();
+const Rs = b(({ className: e, ...a }, r) => {
+  const { mode: n } = x();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -397,26 +401,26 @@ const Ds = [
   "ds:size-4",
   "ds:text-[var(--accent)]",
   "ds:me-[var(--spacing-xs)]"
-].join(" "), as = g(
+].join(" "), as = b(
   ({
     label: e,
     icon: a,
     collapsible: r = !0,
     defaultOpen: n = !0,
-    open: t,
+    open: d,
     onOpenChange: l,
-    className: o,
-    children: i,
-    ...m
+    className: t,
+    children: o,
+    ...c
   }, p) => {
-    const { mode: f } = y(), h = f === "icon", w = r && !h && !!e, x = [
+    const { mode: f } = x(), g = f === "icon", N = r && !g && !!e, y = [
       "ds:flex ds:flex-col",
       "ds:gap-[var(--spacing-xs)]",
       "ds:mt-[var(--spacing-sm)]",
-      o ?? ""
+      t ?? ""
     ].filter(Boolean).join(" ");
-    if (!w)
-      return /* @__PURE__ */ u("div", { ref: p, className: x, ...m, children: [
+    if (!N)
+      return /* @__PURE__ */ u("div", { ref: p, className: y, ...c, children: [
         !!e || !!a ? /* @__PURE__ */ u(
           "span",
           {
@@ -426,27 +430,27 @@ const Ds = [
               "ds:text-[var(--muted-foreground)]",
               "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
               "ds:py-[var(--spacing-xs)]",
-              h && !a ? "ds:sr-only" : ""
+              g && !a ? "ds:sr-only" : ""
             ].filter(Boolean).join(" "),
             children: [
               a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: Q, children: a }) : null,
-              e ? /* @__PURE__ */ s("span", { className: h ? "ds:sr-only" : "", children: e }) : null
+              e ? /* @__PURE__ */ s("span", { className: g ? "ds:sr-only" : "", children: e }) : null
             ]
           }
         ) : null,
-        i
+        o
       ] });
-    const d = "section";
+    const i = "section";
     return /* @__PURE__ */ s(
       E.Root,
       {
         type: "single",
         collapsible: !0,
-        defaultValue: t === void 0 && n ? d : void 0,
-        value: t === void 0 ? void 0 : t ? d : "",
-        onValueChange: l ? (N) => l(N === d) : void 0,
+        defaultValue: d === void 0 && n ? i : void 0,
+        value: d === void 0 ? void 0 : d ? i : "",
+        onValueChange: l ? (w) => l(w === i) : void 0,
         asChild: !0,
-        children: /* @__PURE__ */ s("div", { ref: p, className: x, ...m, children: /* @__PURE__ */ u(E.Item, { value: d, children: [
+        children: /* @__PURE__ */ s("div", { ref: p, className: y, ...c, children: /* @__PURE__ */ u(E.Item, { value: i, children: [
           /* @__PURE__ */ s(E.Header, { className: "ds:flex", children: /* @__PURE__ */ u(E.Trigger, { className: Ds, children: [
             a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: Q, children: a }) : null,
             /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:text-start", children: e }),
@@ -463,7 +467,7 @@ const Ds = [
             {
               "aria-label": e,
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:[&>div]:contents",
-              children: i
+              children: o
             }
           )
         ] }) })
@@ -483,29 +487,29 @@ const As = [
   "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(" "), _s = g(
+].join(" "), Ps = b(
   ({
     label: e,
     icon: a,
     children: r,
     className: n,
-    defaultOpen: t,
+    defaultOpen: d,
     open: l,
-    onOpenChange: o,
-    ...i
-  }, m) => {
-    const { mode: p } = y();
+    onOpenChange: t,
+    ...o
+  }, c) => {
+    const { mode: p } = x();
     return /* @__PURE__ */ u(
-      K.Root,
+      V.Root,
       {
-        ref: m,
-        defaultOpen: t,
+        ref: c,
+        defaultOpen: d,
         open: l,
-        onOpenChange: o,
+        onOpenChange: t,
         className: n,
-        ...i,
+        ...o,
         children: [
-          /* @__PURE__ */ u(K.Trigger, { className: As, children: [
+          /* @__PURE__ */ u(V.Trigger, { className: As, children: [
             a ? /* @__PURE__ */ s(
               "span",
               {
@@ -533,7 +537,7 @@ const As = [
             ) : null
           ] }),
           /* @__PURE__ */ s(
-            K.Content,
+            V.Content,
             {
               className: [
                 "ds:overflow-hidden",
@@ -549,8 +553,8 @@ const As = [
     );
   }
 );
-_s.displayName = "SidebarGroup";
-const Ps = T(
+Ps.displayName = "SidebarGroup";
+const _s = I(
   [
     // 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.
@@ -611,56 +615,58 @@ const Ps = T(
       isActive: !1
     }
   }
-), rs = W(null), ds = g(
+), rs = W(null), is = b(
   ({
     asChild: e = !1,
     isActive: a = !1,
-    isPinned: r = !1,
-    onPinChange: n,
-    pinLabel: t,
-    className: l,
+    navId: r,
+    isPinned: n = !1,
+    onPinChange: d,
+    pinLabel: l,
+    className: t,
     children: o,
-    "aria-label": i,
-    ...m
-  }, p) => {
-    const { mode: f, density: h } = y(), w = e ? os : "a", x = n !== void 0 && f !== "icon", [d, N] = R(null), z = f === "icon" && i != null && d ? `${i}, ${d}` : i, c = /* @__PURE__ */ s(
-      w,
+    "aria-label": c,
+    ...p
+  }, f) => {
+    const { mode: g, density: N } = x(), y = e ? os : "a", i = d !== void 0 && g !== "icon", [w, z] = R(null), m = g === "icon" && c != null && w ? `${c}, ${w}` : c, S = /* @__PURE__ */ s(
+      y,
       {
-        ref: p,
+        ref: f,
         "aria-current": a ? "page" : void 0,
-        "aria-label": z,
-        className: Ps({
-          mode: f,
-          density: h,
+        "aria-label": m,
+        "data-nav-id": r,
+        className: _s({
+          mode: g,
+          density: N,
           isActive: a,
-          className: x ? "ds:flex-1 ds:min-w-0" : l
+          className: i ? "ds:flex-1 ds:min-w-0" : t
         }),
-        ...m,
+        ...p,
         children: o
       }
-    ), S = x ? /* @__PURE__ */ u(
+    ), j = i ? /* @__PURE__ */ u(
       "div",
       {
         className: [
           "ds:group/item ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
-          l ?? ""
+          t ?? ""
         ].filter(Boolean).join(" "),
         children: [
-          c,
+          S,
           /* @__PURE__ */ s(
             Y,
             {
-              isPinned: r,
-              label: t ?? i ?? "",
-              onPinChange: n
+              isPinned: n,
+              label: l ?? c ?? "",
+              onPinChange: d
             }
           )
         ]
       }
-    ) : c, j = f === "icon" && i ? /* @__PURE__ */ u(b.Root, { children: [
-      /* @__PURE__ */ s(b.Trigger, { asChild: !0, children: S }),
-      /* @__PURE__ */ s(b.Portal, { children: /* @__PURE__ */ u(
-        b.Content,
+    ) : S, C = g === "icon" && c ? /* @__PURE__ */ u(h.Root, { children: [
+      /* @__PURE__ */ s(h.Trigger, { asChild: !0, children: j }),
+      /* @__PURE__ */ s(h.Portal, { children: /* @__PURE__ */ u(
+        h.Content,
         {
           side: "right",
           sideOffset: 6,
@@ -672,17 +678,17 @@ const Ps = T(
             "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
           ].join(" "),
           children: [
-            i,
-            /* @__PURE__ */ s(b.Arrow, { className: "ds:fill-[var(--foreground)]" })
+            c,
+            /* @__PURE__ */ s(h.Arrow, { className: "ds:fill-[var(--foreground)]" })
           ]
         }
       ) })
-    ] }) : S;
-    return /* @__PURE__ */ s(rs.Provider, { value: N, children: j });
+    ] }) : j;
+    return /* @__PURE__ */ s(rs.Provider, { value: z, children: C });
   }
 );
-ds.displayName = "SidebarItem";
-const Es = g(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(
+is.displayName = "SidebarItem";
+const Es = b(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(
   "span",
   {
     ref: n,
@@ -704,8 +710,8 @@ const Es = g(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(
   }
 ));
 Es.displayName = "SidebarItemIcon";
-const Hs = g(({ className: e, children: a, ...r }, n) => {
-  const { mode: t } = y();
+const Hs = b(({ className: e, children: a, ...r }, n) => {
+  const { mode: d } = x();
   return /* @__PURE__ */ s(
     "span",
     {
@@ -714,7 +720,7 @@ const Hs = g(({ className: e, children: a, ...r }, n) => {
         "ds:flex-1",
         "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal",
         "ds:text-start",
-        t === "icon" ? "ds:sr-only" : "",
+        d === "icon" ? "ds:sr-only" : "",
         e ?? ""
       ].filter(Boolean).join(" "),
       ...r,
@@ -723,13 +729,13 @@ const Hs = g(({ className: e, children: a, ...r }, n) => {
   );
 });
 Hs.displayName = "SidebarItemLabel";
-const Fs = g(({ className: e, children: a, ...r }, n) => {
-  const { mode: t } = y(), l = t === "icon", o = Z(rs);
+const Fs = b(({ className: e, children: a, ...r }, n) => {
+  const { mode: d } = x(), l = d === "icon", t = Z(rs);
   return U(() => {
-    if (!o || !l) return;
-    const i = a == null || a === !1 ? null : String(a).trim() || null;
-    return o(i), () => o(null);
-  }, [o, a, l]), /* @__PURE__ */ s(
+    if (!t || !l) return;
+    const o = a == null || a === !1 ? null : String(a).trim() || null;
+    return t(o), () => t(null);
+  }, [t, a, l]), /* @__PURE__ */ s(
     "span",
     {
       ref: n,
@@ -759,7 +765,7 @@ const Fs = g(({ className: e, children: a, ...r }, n) => {
   );
 });
 Fs.displayName = "SidebarItemBadge";
-const Ms = T(
+const Ms = I(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -772,8 +778,8 @@ const Ms = T(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), Ls = g(({ logo: e, name: a, showChevron: r = !0, className: n, ...t }, l) => {
-  const { mode: o } = y(), i = o !== "icon";
+), Ks = b(({ logo: e, name: a, showChevron: r = !0, className: n, ...d }, l) => {
+  const { mode: t } = x(), o = t !== "icon";
   return /* @__PURE__ */ u(
     "button",
     {
@@ -781,7 +787,7 @@ const Ms = T(
       type: "button",
       "aria-label": a,
       className: [Ms(), n].filter(Boolean).join(" "),
-      ...t,
+      ...d,
       children: [
         /* @__PURE__ */ s(
           "span",
@@ -791,7 +797,7 @@ const Ms = T(
             children: e
           }
         ),
-        i ? /* @__PURE__ */ u(q, { children: [
+        o ? /* @__PURE__ */ u(q, { children: [
           /* @__PURE__ */ s("span", { className: "ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]", children: a }),
           r ? /* @__PURE__ */ s(
             H,
@@ -805,8 +811,8 @@ const Ms = T(
     }
   );
 });
-Ls.displayName = "SidebarWorkspaceSwitcher";
-const Vs = T(
+Ks.displayName = "SidebarWorkspaceSwitcher";
+const Ls = I(
   [
     "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -829,8 +835,8 @@ const Vs = T(
     },
     defaultVariants: { mode: "expanded" }
   }
-), Ks = g(({ icon: e, label: a, shortcut: r, className: n, ...t }, l) => {
-  const { mode: o } = y(), i = o !== "icon";
+), Vs = b(({ icon: e, label: a, shortcut: r, className: n, ...d }, l) => {
+  const { mode: t } = x(), o = t !== "icon";
   return /* @__PURE__ */ u(
     "button",
     {
@@ -838,8 +844,8 @@ const Vs = T(
       type: "button",
       "aria-label": a,
       "aria-keyshortcuts": r,
-      className: [Vs({ mode: o }), n].filter(Boolean).join(" "),
-      ...t,
+      className: [Ls({ mode: t }), n].filter(Boolean).join(" "),
+      ...d,
       children: [
         /* @__PURE__ */ s(
           "span",
@@ -849,7 +855,7 @@ const Vs = T(
             children: e
           }
         ),
-        i ? /* @__PURE__ */ u(q, { children: [
+        o ? /* @__PURE__ */ u(q, { children: [
           /* @__PURE__ */ s("span", { className: "ds:truncate", children: a }),
           r ? /* @__PURE__ */ s("kbd", { className: "ds:ms-auto ds:text-[length:var(--font-size-xs)] ds:font-[family-name:var(--font-mono)] ds:opacity-80", children: r }) : null
         ] }) : null
@@ -857,7 +863,7 @@ const Vs = T(
     }
   );
 });
-Ks.displayName = "SidebarPrimaryAction";
+Vs.displayName = "SidebarPrimaryAction";
 const Us = [
   "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
   "ds:size-6 ds:rounded-[var(--radius-sm)]",
@@ -882,25 +888,25 @@ const Us = [
   "ds:forced-colors:focus-visible:outline-[CanvasText]",
   "ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)]",
   "ds:motion-reduce:transition-none"
-].join(" "), Y = g(
-  ({ isPinned: e, onPinChange: a, label: r, className: n, onClick: t, ...l }, o) => {
-    const { t: i } = D(), { mode: m } = y();
-    if (m === "icon") return null;
-    const p = e ? i("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : i("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
+].join(" "), Y = b(
+  ({ isPinned: e, onPinChange: a, label: r, className: n, onClick: d, ...l }, t) => {
+    const { t: o } = D(), { mode: c } = x();
+    if (c === "icon") return null;
+    const p = e ? o("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : o("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
     return /* @__PURE__ */ s(
       "button",
       {
-        ref: o,
+        ref: t,
         type: "button",
         "aria-label": p,
         "aria-pressed": e,
         className: [Us, n].filter(Boolean).join(" "),
         onClick: (f) => {
-          f.preventDefault(), f.stopPropagation(), a == null || a(!e), t == null || t(f);
+          f.preventDefault(), f.stopPropagation(), a == null || a(!e), d == null || d(f);
         },
         ...l,
         children: /* @__PURE__ */ s(
-          fs,
+          ps,
           {
             "aria-hidden": "true",
             className: "ds:size-4",
@@ -912,31 +918,31 @@ const Us = [
   }
 );
 Y.displayName = "SidebarPinButton";
-const ns = W(null), $s = () => Z(ns), Os = g(
-  ({ heading: e, emptyMessage: a, onReorder: r, className: n, children: t, ...l }, o) => {
-    const { t: i } = D(), m = e ?? i("navigation.sidebar.favorites", "Favourites"), p = Array.isArray(t) ? t.filter(Boolean) : t ? [t] : [], f = p.length, h = f > 0, [w, x] = R(null), [d, N] = R(""), z = $(!1), c = ss((j) => {
-      z.current = !z.current, N(z.current ? j : `${j}​`);
+const ns = W(null), $s = () => Z(ns), Os = b(
+  ({ heading: e, emptyMessage: a, onReorder: r, className: n, children: d, ...l }, t) => {
+    const { t: o } = D(), c = e ?? o("navigation.sidebar.favorites", "Favourites"), p = Array.isArray(d) ? d.filter(Boolean) : d ? [d] : [], f = p.length, g = f > 0, [N, y] = R(null), [i, w] = R(""), z = $(!1), m = ss((j) => {
+      z.current = !z.current, w(z.current ? j : `${j}​`);
     }, []), S = O(
-      () => ({ onReorder: r, count: f, dragSource: w, setDragSource: x, announce: c }),
-      [r, f, w, c]
+      () => ({ onReorder: r, count: f, dragSource: N, setDragSource: y, announce: m }),
+      [r, f, N, m]
     );
-    return !h && !a ? null : /* @__PURE__ */ s(ns.Provider, { value: S, children: /* @__PURE__ */ u(
+    return !g && !a ? null : /* @__PURE__ */ s(ns.Provider, { value: S, children: /* @__PURE__ */ u(
       as,
       {
-        ref: o,
-        label: m,
+        ref: t,
+        label: c,
         className: n,
         ...l,
         children: [
-          h ? p : /* @__PURE__ */ s("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: a }),
-          /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: d })
+          g ? p : /* @__PURE__ */ s("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: a }),
+          /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: i })
         ]
       }
     ) });
   }
 );
 Os.displayName = "SidebarFavorites";
-const Gs = T(
+const Gs = I(
   [
     "ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -969,78 +975,78 @@ const Gs = T(
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]",
   "ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), Zs = g(
+].join(" "), Zs = b(
   ({
     index: e,
     isActive: a = !1,
     asChild: r = !1,
     reorderLabel: n,
-    isPinned: t = !1,
+    isPinned: d = !1,
     onPinChange: l,
-    pinLabel: o,
-    "aria-label": i,
-    className: m,
+    pinLabel: t,
+    "aria-label": o,
+    className: c,
     children: p,
     ...f
-  }, h) => {
-    const { t: w } = D(), { mode: x } = y(), d = $s(), [N, z] = R(!1), c = !!(d != null && d.onReorder) && x !== "icon", S = n ?? i ?? "", j = is(), C = (v, I) => {
-      if (!(d != null && d.onReorder)) return;
-      const V = Math.max(0, Math.min(d.count - 1, I));
-      V !== v && (d.onReorder(v, V), d.announce(
-        w(
+  }, g) => {
+    const { t: N } = D(), { mode: y } = x(), i = $s(), [w, z] = R(!1), m = !!(i != null && i.onReorder) && y !== "icon", S = n ?? o ?? "", j = ds(), C = (v, T) => {
+      if (!(i != null && i.onReorder)) return;
+      const L = Math.max(0, Math.min(i.count - 1, T));
+      L !== v && (i.onReorder(v, L), i.announce(
+        N(
           "navigation.sidebar.reorderAnnounce",
           "{{label}} moved to position {{to}} of {{total}}",
-          { label: S, to: V + 1, total: d.count }
+          { label: S, to: L + 1, total: i.count }
         )
       ));
     }, F = (v) => {
-      c && (v.altKey && v.key === "ArrowUp" ? (v.preventDefault(), C(e, e - 1)) : v.altKey && v.key === "ArrowDown" ? (v.preventDefault(), C(e, e + 1)) : v.key === "Home" && v.altKey ? (v.preventDefault(), C(e, 0)) : v.key === "End" && v.altKey && (v.preventDefault(), C(e, d.count - 1)));
+      m && (v.altKey && v.key === "ArrowUp" ? (v.preventDefault(), C(e, e - 1)) : v.altKey && v.key === "ArrowDown" ? (v.preventDefault(), C(e, e + 1)) : v.key === "Home" && v.altKey ? (v.preventDefault(), C(e, 0)) : v.key === "End" && v.altKey && (v.preventDefault(), C(e, i.count - 1)));
     }, A = (v) => {
-      c && (d == null || d.setDragSource(e), v.dataTransfer && (v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("ds:text/plain", String(e))));
-    }, _ = () => {
-      d == null || d.setDragSource(null), z(!1);
+      m && (i == null || i.setDragSource(e), v.dataTransfer && (v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("ds:text/plain", String(e))));
+    }, P = () => {
+      i == null || i.setDragSource(null), z(!1);
     }, M = (v) => {
-      !c || (d == null ? void 0 : d.dragSource) === null || (v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move"), z(!0));
-    }, P = () => z(!1), L = (v) => {
-      if (!c) return;
+      !m || (i == null ? void 0 : i.dragSource) === null || (v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move"), z(!0));
+    }, _ = () => z(!1), K = (v) => {
+      if (!m) return;
       v.preventDefault();
-      const I = d == null ? void 0 : d.dragSource;
-      z(!1), !(I == null || I === e) && C(I, e);
-    }, k = (d == null ? void 0 : d.dragSource) === e;
+      const T = i == null ? void 0 : i.dragSource;
+      z(!1), !(T == null || T === e) && C(T, e);
+    }, k = (i == null ? void 0 : i.dragSource) === e;
     return /* @__PURE__ */ u(
       "div",
       {
         className: Gs({
           dragging: k,
-          dropTarget: N && !k
+          dropTarget: w && !k
         }),
-        draggable: c || void 0,
-        onDragStart: c ? A : void 0,
-        onDragEnd: c ? _ : void 0,
+        draggable: m || void 0,
+        onDragStart: m ? A : void 0,
+        onDragEnd: m ? P : void 0,
         onDragOver: M,
-        onDragLeave: P,
-        onDrop: L,
+        onDragLeave: _,
+        onDrop: K,
         children: [
           /* @__PURE__ */ s(
-            ds,
+            is,
             {
-              ref: h,
+              ref: g,
               isActive: a,
               asChild: r,
-              "aria-label": i,
-              "aria-describedby": c ? j : void 0,
-              draggable: c ? !1 : void 0,
-              className: [c ? "ds:flex-1 ds:min-w-0" : "", m ?? ""].filter(Boolean).join(" "),
+              "aria-label": o,
+              "aria-describedby": m ? j : void 0,
+              draggable: m ? !1 : void 0,
+              className: [m ? "ds:flex-1 ds:min-w-0" : "", c ?? ""].filter(Boolean).join(" "),
               ...f,
               children: p
             }
           ),
-          c ? /* @__PURE__ */ s(
+          m ? /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               id: j,
-              "aria-label": w(
+              "aria-label": N(
                 "navigation.sidebar.reorderHandle",
                 "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
                 { label: S }
@@ -1050,11 +1056,11 @@ const Gs = T(
               children: /* @__PURE__ */ s(vs, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
-          l && x !== "icon" ? /* @__PURE__ */ s(
+          l && y !== "icon" ? /* @__PURE__ */ s(
             Y,
             {
-              isPinned: t,
-              label: o ?? i ?? "",
+              isPinned: d,
+              label: t ?? o ?? "",
               onPinChange: l
             }
           ) : null
@@ -1064,7 +1070,7 @@ const Gs = T(
   }
 );
 Zs.displayName = "SidebarFavoriteItem";
-const Ws = T(
+const Ws = I(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1077,15 +1083,15 @@ const Ws = T(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), Xs = g(({ avatar: e, name: a, subtitle: r, subtitleLabel: n, className: t, ...l }, o) => {
-  const { mode: i } = y(), m = i !== "icon", p = typeof r == "string" ? r : n;
+), Xs = b(({ avatar: e, name: a, subtitle: r, subtitleLabel: n, className: d, ...l }, t) => {
+  const { mode: o } = x(), c = o !== "icon", p = typeof r == "string" ? r : n;
   return /* @__PURE__ */ u(
     "button",
     {
-      ref: o,
+      ref: t,
       type: "button",
       "aria-label": p ? `${a}, ${p}` : a,
-      className: [Ws(), t].filter(Boolean).join(" "),
+      className: [Ws(), d].filter(Boolean).join(" "),
       ...l,
       children: [
         /* @__PURE__ */ s(
@@ -1096,7 +1102,7 @@ const Ws = T(
             children: e
           }
         ),
-        m ? /* @__PURE__ */ u("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
+        c ? /* @__PURE__ */ u("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
           /* @__PURE__ */ s("span", { className: "ds:block ds:truncate type-label", children: a }),
           r ? typeof r == "string" ? /* @__PURE__ */ s("span", { className: "ds:block ds:truncate type-meta ds:text-[color:var(--muted-foreground)]", children: r }) : /* @__PURE__ */ s("span", { className: "ds:flex ds:items-center ds:gap-[length:var(--spacing-xs)] ds:min-w-0 type-meta ds:text-[color:var(--muted-foreground)]", children: r }) : null
         ] }) : null
@@ -1115,22 +1121,22 @@ const Ys = [
   "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(" "), Js = g(({ className: e, "aria-label": a, onClick: r, ...n }, t) => {
-  const { t: l } = D(), { mode: o, transitionTo: i } = y();
-  if (o === "overlay") return null;
-  const m = o === "expanded", p = a ?? (m ? l("navigation.sidebar.collapse", "Collapse sidebar") : l("navigation.sidebar.expand", "Expand sidebar")), f = /* @__PURE__ */ s(
+].join(" "), Js = b(({ className: e, "aria-label": a, onClick: r, ...n }, d) => {
+  const { t: l } = D(), { mode: t, transitionTo: o } = x();
+  if (t === "overlay") return null;
+  const c = t === "expanded", p = a ?? (c ? l("navigation.sidebar.collapse", "Collapse sidebar") : l("navigation.sidebar.expand", "Expand sidebar")), f = /* @__PURE__ */ s(
     "button",
     {
-      ref: t,
+      ref: d,
       type: "button",
       "aria-label": p,
-      "aria-expanded": m,
-      onClick: (h) => {
-        i == null || i(m ? "icon" : "expanded"), r == null || r(h);
+      "aria-expanded": c,
+      onClick: (g) => {
+        o == null || o(c ? "icon" : "expanded"), r == null || r(g);
       },
       className: [Ys, e].filter(Boolean).join(" "),
       ...n,
-      children: m ? /* @__PURE__ */ s(
+      children: c ? /* @__PURE__ */ s(
         gs,
         {
           "aria-hidden": "true",
@@ -1145,12 +1151,12 @@ const Ys = [
       )
     }
   );
-  return /* @__PURE__ */ u(b.Root, { children: [
-    /* @__PURE__ */ s(b.Trigger, { asChild: !0, children: f }),
-    /* @__PURE__ */ s(b.Portal, { children: /* @__PURE__ */ u(
-      b.Content,
+  return /* @__PURE__ */ u(h.Root, { children: [
+    /* @__PURE__ */ s(h.Trigger, { asChild: !0, children: f }),
+    /* @__PURE__ */ s(h.Portal, { children: /* @__PURE__ */ u(
+      h.Content,
       {
-        side: o === "icon" ? "right" : "top",
+        side: t === "icon" ? "right" : "top",
         sideOffset: 6,
         className: [
           "ds:z-[var(--z-tooltip)] ds:max-w-[16rem]",
@@ -1161,14 +1167,14 @@ const Ys = [
         ].join(" "),
         children: [
           p,
-          /* @__PURE__ */ s(b.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          /* @__PURE__ */ s(h.Arrow, { className: "ds:fill-[var(--foreground)]" })
         ]
       }
     ) })
   ] });
 });
 Js.displayName = "SidebarCollapseTrigger";
-const Qs = T(
+const Qs = I(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)]",
@@ -1199,8 +1205,8 @@ const Qs = T(
     },
     defaultVariants: { mode: "expanded" }
   }
-), se = g(({ title: e, description: a, icon: r, className: n, ...t }, l) => {
-  const { mode: o } = y(), i = o === "icon", m = (
+), se = b(({ title: e, description: a, icon: r, className: n, ...d }, l) => {
+  const { mode: t } = x(), o = t === "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.
@@ -1208,9 +1214,9 @@ const Qs = T(
       "a",
       {
         ref: l,
-        "aria-label": i ? e : void 0,
-        className: Qs({ mode: o, className: n }),
-        ...t,
+        "aria-label": o ? e : void 0,
+        className: Qs({ mode: t, className: n }),
+        ...d,
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1224,7 +1230,7 @@ const Qs = T(
               children: r ?? /* @__PURE__ */ s(ys, { className: "ds:size-4" })
             }
           ),
-          i ? null : /* @__PURE__ */ u(q, { children: [
+          o ? null : /* @__PURE__ */ u(q, { children: [
             /* @__PURE__ */ u("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
               /* @__PURE__ */ s("span", { className: "ds:block ds:line-clamp-2 type-label", children: e }),
               a ? (
@@ -1245,10 +1251,10 @@ const Qs = T(
       }
     )
   );
-  return i ? /* @__PURE__ */ u(b.Root, { children: [
-    /* @__PURE__ */ s(b.Trigger, { asChild: !0, children: m }),
-    /* @__PURE__ */ s(b.Portal, { children: /* @__PURE__ */ u(
-      b.Content,
+  return o ? /* @__PURE__ */ u(h.Root, { children: [
+    /* @__PURE__ */ s(h.Trigger, { asChild: !0, children: c }),
+    /* @__PURE__ */ s(h.Portal, { children: /* @__PURE__ */ u(
+      h.Content,
       {
         side: "right",
         sideOffset: 6,
@@ -1261,33 +1267,33 @@ const Qs = T(
         ].join(" "),
         children: [
           e,
-          /* @__PURE__ */ s(b.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          /* @__PURE__ */ s(h.Arrow, { className: "ds:fill-[var(--foreground)]" })
         ]
       }
     ) })
-  ] }) : m;
+  ] }) : c;
 });
 se.displayName = "SidebarUpgradeChip";
 export {
-  Ts as S,
+  Is as S,
   Bs as a,
   Js as b,
   Zs as c,
   Os as d,
   Rs as e,
-  _s as f,
-  Is as g,
-  ds as h,
+  Ps as f,
+  Ts as g,
+  is as h,
   Fs as i,
   Es as j,
   Hs as k,
   Y as l,
-  Ks as m,
+  Vs as m,
   Xs as n,
   as as o,
   se as p,
-  Ls as q,
+  Ks as q,
   ws as s,
-  y as u
+  x as u
 };
-//# sourceMappingURL=sidebar-DaB4ulxH.js.map
+//# sourceMappingURL=sidebar-DY9jGjgt.js.map