@alfadocs/ui-kit-debug 1.39.0 → 1.41.0

package/dist/_chunks/{sidebar-C-Gr2LL-.js → sidebar-ClTY9lLI.js}

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as u, Fragment as X } from "react/jsx-runtime";
-import { forwardRef as b, useState as B, useEffect as L, useCallback as ss, useRef as G, useMemo as $, useId as ds, useContext as q, createContext as Z } from "react";
+import { forwardRef as b, useState as B, useEffect as L, useCallback as Q, useRef as G, useMemo as O, useId as ns, useContext as q, createContext as Z } from "react";
 import * as R from "@radix-ui/react-dialog";
-import * as K from "@radix-ui/react-collapsible";
+import * as M from "@radix-ui/react-collapsible";
 import * as E from "@radix-ui/react-accordion";
 import * as h from "@radix-ui/react-tooltip";
 import { a as ts } from "./accordion-C11v9ouP.js";
@@ -14,42 +14,33 @@ import { u as us } from "./use-edge-resize-ZnGG7gyO.js";
 import { c as ms } from "./compose-refs-C0k0tdqF.js";
 import { a as vs, b as ps, d as fs } from "./input-surface-xyERuLU_.js";
 import { X as gs } from "./x-B5YnXwCz.js";
-import { c as W } from "./createLucideIcon-DhHxpK9K.js";
+import { c as ss } from "./createLucideIcon-DhHxpK9K.js";
 import { G as bs } from "./grip-vertical-onSb1JXO.js";
 import { C as H } from "./chevron-right-I9AeSxH2.js";
 import { S as hs } 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 xs = [
+const ys = [
   ["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" }]
-], ys = W("panel-left-close", xs);
+], Ns = ss("panel-left-close", ys);
 /**
  * @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 = [
+const ws = [
   ["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" }]
-], ws = W("panel-left-open", 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 zs = [
-  ["path", { d: "M16 7h6v6", key: "box55l" }],
-  ["path", { d: "m22 7-8.5 8.5-5-5L2 17", key: "1t1m79" }]
-], Ss = W("trending-up", zs), js = {
+], zs = ss("panel-left-open", ws), Ss = {
   id: "sidebar",
   capabilities: ["expand"],
   state: {
@@ -84,11 +75,11 @@ const zs = [
       description: "Each Sidebar.Item emits its `navId` prop as data-nav-id. Agents activate a nav item via native click on the matching anchor."
     }
   }
-}, O = Z({
+}, $ = Z({
   mode: "expanded",
   density: "default"
-}), N = () => q(O), es = "ui.sidebar.state";
-function Cs(e) {
+}), N = () => q($), es = "ui.sidebar.state";
+function js(e) {
   if (typeof window > "u") return e;
   try {
     const a = window.localStorage.getItem(es);
@@ -97,14 +88,14 @@ function Cs(e) {
   }
   return e;
 }
-function ks(e) {
+function Cs(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(es, e);
     } catch {
     }
 }
-const J = T(
+const Y = T(
   [
     "ds:flex ds:flex-col",
     // Sidebar sits at the page background in light mode (white-on-white
@@ -150,7 +141,7 @@ const J = T(
     },
     defaultVariants: { mode: "expanded", density: "default" }
   }
-), Ts = 192, Is = 384, Rs = 248, Bs = [
+), ks = 192, Ts = 384, Is = 248, Rs = [
   "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",
@@ -164,13 +155,13 @@ 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(" "), As = b(
+].join(" "), Bs = b(
   ({
     state: e,
     defaultState: a = "expanded",
     onStateChange: r,
-    density: n = "default",
-    open: d,
+    density: d = "default",
+    open: n,
     onOpenChange: o,
     resizable: t = !1,
     "aria-label": l,
@@ -180,12 +171,12 @@ const J = T(
     ...g
   }, y) => {
     const { t: x } = A(), i = e !== void 0, [w, z] = B(
-      () => i ? e : Cs(a)
+      () => i ? e : js(a)
     ), v = i ? e : w;
     L(() => {
-      i || ks(w);
+      i || Cs(w);
     }, [w, i]);
-    const S = ss(
+    const S = Q(
       (k) => {
         i || z(k), r == null || r(k);
       },
@@ -194,7 +185,7 @@ const J = T(
     L(() => {
       C.current = v;
     }, [v]);
-    const F = $(
+    const F = O(
       () => ({
         getIsCollapsed: () => C.current !== "expanded",
         toggleCollapsed: () => {
@@ -204,21 +195,21 @@ const J = T(
       }),
       [S]
     );
-    cs(js, F, f);
-    const D = G(null), _ = $(() => ms(y, D), [y]), { separatorProps: U, isResizing: P } = us({
+    cs(Ss, F, f);
+    const D = G(null), _ = O(() => ms(y, D), [y]), { separatorProps: U, isResizing: P } = us({
       edge: "inline-end",
       targetRef: D,
       cssProperty: "--sidebar-modern-expanded-size",
-      minSize: Ts,
-      maxSize: Is,
-      defaultSize: Rs,
+      minSize: ks,
+      maxSize: Ts,
+      defaultSize: Is,
       disabled: !t || v !== "expanded"
-    }), M = t && v === "expanded";
+    }), V = t && v === "expanded";
     return v === "overlay" ? /* @__PURE__ */ s(
-      O.Provider,
+      $.Provider,
       {
-        value: { mode: "overlay", density: n, transitionTo: S },
-        children: /* @__PURE__ */ s(R.Root, { open: d, onOpenChange: o, children: /* @__PURE__ */ u(R.Portal, { children: [
+        value: { mode: "overlay", density: d, transitionTo: S },
+        children: /* @__PURE__ */ s(R.Root, { open: n, onOpenChange: o, children: /* @__PURE__ */ u(R.Portal, { children: [
           /* @__PURE__ */ s(
             R.Overlay,
             {
@@ -242,7 +233,7 @@ const J = T(
                 // utilities and compiled to nothing.
                 "ds:start-0 ds:top-0",
                 "ds:h-dvh",
-                J({ mode: "overlay", density: n }),
+                Y({ mode: "overlay", density: d }),
                 "ds:shadow-[var(--shadow-xl)]",
                 "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",
@@ -288,9 +279,9 @@ const J = T(
         ] }) })
       }
     ) : /* @__PURE__ */ s(
-      O.Provider,
+      $.Provider,
       {
-        value: { mode: v, density: n, transitionTo: S },
+        value: { mode: v, density: d, transitionTo: S },
         children: /* @__PURE__ */ s(h.Provider, { delayDuration: 300, children: /* @__PURE__ */ u(
           "nav",
           {
@@ -300,23 +291,23 @@ const J = T(
             "data-component": "sidebar",
             "data-component-id": f,
             "data-mode": v,
-            "data-density": n,
+            "data-density": d,
             "data-resizing": P ? "" : void 0,
             className: [
-              J({ mode: v, density: n }),
-              n === "compact" ? "ds:density-compact" : "",
+              Y({ mode: v, density: d }),
+              d === "compact" ? "ds:density-compact" : "",
               c ?? ""
             ].filter(Boolean).join(" "),
             ...g,
             children: [
               m,
-              M ? /* @__PURE__ */ s(
+              V ? /* @__PURE__ */ s(
                 "div",
                 {
                   ...U,
                   "aria-label": x("navigation.sidebar.resize"),
                   "data-resizing": P ? "" : void 0,
-                  className: Bs
+                  className: Rs
                 }
               ) : null
             ]
@@ -326,9 +317,9 @@ const J = T(
     );
   }
 );
-As.displayName = "Sidebar";
-const Ds = b(({ className: e, ...a }, r) => {
-  const { mode: n } = N();
+Bs.displayName = "Sidebar";
+const As = b(({ className: e, ...a }, r) => {
+  const { mode: d } = N();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -343,7 +334,7 @@ const Ds = b(({ className: e, ...a }, r) => {
         // `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.
-        n === "icon" ? "ds:justify-center ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
+        d === "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.
@@ -355,9 +346,9 @@ const Ds = b(({ className: e, ...a }, r) => {
     }
   );
 });
-Ds.displayName = "SidebarHeader";
-const _s = b(
-  ({ className: e, children: a, ...r }, n) => (
+As.displayName = "SidebarHeader";
+const Ds = b(
+  ({ className: e, children: a, ...r }, d) => (
     // 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`
@@ -372,7 +363,7 @@ const _s = b(
         children: /* @__PURE__ */ s(
           "div",
           {
-            ref: n,
+            ref: d,
             className: "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:py-[var(--spacing-sm)]",
             ...r,
             children: a
@@ -382,9 +373,9 @@ const _s = b(
     )
   )
 );
-_s.displayName = "SidebarBody";
-const Ps = b(({ className: e, ...a }, r) => {
-  const { mode: n } = N();
+Ds.displayName = "SidebarBody";
+const _s = b(({ className: e, ...a }, r) => {
+  const { mode: d } = N();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -393,7 +384,7 @@ const Ps = b(({ className: e, ...a }, r) => {
         "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.
-        n === "icon" ? "ds:flex-col ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        d === "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
@@ -406,8 +397,8 @@ const Ps = b(({ className: e, ...a }, r) => {
     }
   );
 });
-Ps.displayName = "SidebarFooter";
-const Es = [
+_s.displayName = "SidebarFooter";
+const Ps = [
   "ds:group/section-label ds:flex ds:w-full ds:items-center",
   "type-eyebrow",
   "ds:text-[var(--muted-foreground)]",
@@ -417,7 +408,7 @@ const Es = [
   "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(" "), Q = [
+].join(" "), J = [
   "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
   "ds:size-4",
   "ds:text-[var(--accent)]",
@@ -427,8 +418,8 @@ const Es = [
     label: e,
     icon: a,
     collapsible: r = !0,
-    defaultOpen: n = !0,
-    open: d,
+    defaultOpen: d = !0,
+    open: n,
     onOpenChange: o,
     className: t,
     children: l,
@@ -454,7 +445,7 @@ const Es = [
               g && !a ? "ds:sr-only" : ""
             ].filter(Boolean).join(" "),
             children: [
-              a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: Q, children: a }) : null,
+              a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: J, children: a }) : null,
               e ? /* @__PURE__ */ s("span", { className: g ? "ds:sr-only" : "", children: e }) : null
             ]
           }
@@ -467,13 +458,13 @@ const Es = [
       {
         type: "single",
         collapsible: !0,
-        defaultValue: d === void 0 && n ? i : void 0,
-        value: d === void 0 ? void 0 : d ? i : "",
+        defaultValue: n === void 0 && d ? i : void 0,
+        value: n === void 0 ? void 0 : n ? i : "",
         onValueChange: o ? (w) => o(w === i) : void 0,
         asChild: !0,
         children: /* @__PURE__ */ s("div", { ref: m, className: x, ...c, children: /* @__PURE__ */ u(E.Item, { value: i, children: [
-          /* @__PURE__ */ s(E.Header, { className: "ds:flex", children: /* @__PURE__ */ u(E.Trigger, { className: Es, children: [
-            a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: Q, children: a }) : null,
+          /* @__PURE__ */ s(E.Header, { className: "ds:flex", children: /* @__PURE__ */ u(E.Trigger, { className: Ps, children: [
+            a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: J, children: a }) : null,
             /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:text-start", children: e }),
             /* @__PURE__ */ s(
               H,
@@ -497,7 +488,7 @@ const Es = [
   }
 );
 as.displayName = "SidebarSection";
-const Hs = [
+const Es = [
   "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)]",
@@ -508,29 +499,29 @@ const Hs = [
   "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(" "), Fs = b(
+].join(" "), Hs = b(
   ({
     label: e,
     icon: a,
     children: r,
-    className: n,
-    defaultOpen: d,
+    className: d,
+    defaultOpen: n,
     open: o,
     onOpenChange: t,
     ...l
   }, c) => {
     const { mode: m } = N();
     return /* @__PURE__ */ u(
-      K.Root,
+      M.Root,
       {
         ref: c,
-        defaultOpen: d,
+        defaultOpen: n,
         open: o,
         onOpenChange: t,
-        className: n,
+        className: d,
         ...l,
         children: [
-          /* @__PURE__ */ u(K.Trigger, { className: Hs, children: [
+          /* @__PURE__ */ u(M.Trigger, { className: Es, children: [
             a ? /* @__PURE__ */ s(
               "span",
               {
@@ -558,7 +549,7 @@ const Hs = [
             ) : null
           ] }),
           /* @__PURE__ */ s(
-            K.Content,
+            M.Content,
             {
               className: [
                 "ds:overflow-hidden",
@@ -574,8 +565,8 @@ const Hs = [
     );
   }
 );
-Fs.displayName = "SidebarGroup";
-const Us = T(
+Hs.displayName = "SidebarGroup";
+const Fs = T(
   [
     // 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.
@@ -641,22 +632,22 @@ const Us = T(
     asChild: e = !1,
     isActive: a = !1,
     navId: r,
-    isPinned: n = !1,
-    onPinChange: d,
+    isPinned: d = !1,
+    onPinChange: n,
     pinLabel: o,
     className: t,
     children: l,
     "aria-label": c,
     ...m
   }, f) => {
-    const { mode: g, density: y } = N(), x = e ? ls : "a", i = d !== void 0 && g !== "icon", [w, z] = B(null), v = g === "icon" && c != null && w ? `${c}, ${w}` : c, S = /* @__PURE__ */ s(
+    const { mode: g, density: y } = N(), x = e ? ls : "a", i = n !== void 0 && g !== "icon", [w, z] = B(null), v = g === "icon" && c != null && w ? `${c}, ${w}` : c, S = /* @__PURE__ */ s(
       x,
       {
         ref: f,
         "aria-current": a ? "page" : void 0,
         "aria-label": v,
         "data-nav-id": r,
-        className: Us({
+        className: Fs({
           mode: g,
           density: y,
           isActive: a,
@@ -675,11 +666,11 @@ const Us = T(
         children: [
           S,
           /* @__PURE__ */ s(
-            Y,
+            W,
             {
-              isPinned: n,
+              isPinned: d,
               label: o ?? c ?? "",
-              onPinChange: d
+              onPinChange: n
             }
           )
         ]
@@ -709,10 +700,10 @@ const Us = T(
   }
 );
 is.displayName = "SidebarItem";
-const Ms = b(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(
+const Us = b(({ className: e, children: a, ...r }, d) => /* @__PURE__ */ s(
   "span",
   {
-    ref: n,
+    ref: d,
     "aria-hidden": "true",
     className: [
       "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
@@ -730,18 +721,18 @@ const Ms = b(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(
     children: a
   }
 ));
-Ms.displayName = "SidebarItemIcon";
-const Vs = b(({ className: e, children: a, ...r }, n) => {
-  const { mode: d } = N();
+Us.displayName = "SidebarItemIcon";
+const Vs = b(({ className: e, children: a, ...r }, d) => {
+  const { mode: n } = N();
   return /* @__PURE__ */ s(
     "span",
     {
-      ref: n,
+      ref: d,
       className: [
         "ds:flex-1",
         "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal",
         "ds:text-start",
-        d === "icon" ? "ds:sr-only" : "",
+        n === "icon" ? "ds:sr-only" : "",
         e ?? ""
       ].filter(Boolean).join(" "),
       ...r,
@@ -750,8 +741,8 @@ const Vs = b(({ className: e, children: a, ...r }, n) => {
   );
 });
 Vs.displayName = "SidebarItemLabel";
-const Ks = b(({ className: e, children: a, ...r }, n) => {
-  const { mode: d } = N(), o = d === "icon", t = q(rs);
+const Ks = b(({ className: e, children: a, ...r }, d) => {
+  const { mode: n } = N(), o = n === "icon", t = q(rs);
   return L(() => {
     if (!t || !o) return;
     const l = a == null || a === !1 ? null : String(a).trim() || null;
@@ -759,7 +750,7 @@ const Ks = b(({ className: e, children: a, ...r }, n) => {
   }, [t, a, o]), /* @__PURE__ */ s(
     "span",
     {
-      ref: n,
+      ref: d,
       "aria-hidden": o ? "true" : void 0,
       className: [
         "ds:inline-flex ds:items-center ds:justify-center",
@@ -786,7 +777,7 @@ const Ks = b(({ className: e, children: a, ...r }, n) => {
   );
 });
 Ks.displayName = "SidebarItemBadge";
-const Ls = T(
+const Ms = T(
   [
     "ds:flex ds:items-center",
     "ds:text-[var(--foreground)]",
@@ -833,8 +824,8 @@ const Ls = T(
     },
     defaultVariants: { variant: "ghost" }
   }
-), Gs = b(
-  ({ logo: e, name: a, showChevron: r = !0, variant: n = "ghost", className: d, ...o }, t) => {
+), Ls = b(
+  ({ logo: e, name: a, showChevron: r = !0, variant: d = "ghost", className: n, ...o }, t) => {
     const { mode: l } = N(), c = l !== "icon";
     return /* @__PURE__ */ u(
       "button",
@@ -842,7 +833,7 @@ const Ls = T(
         ref: t,
         type: "button",
         "aria-label": a,
-        className: [Ls({ variant: n }), d].filter(Boolean).join(" "),
+        className: [Ms({ variant: d }), n].filter(Boolean).join(" "),
         ...o,
         children: [
           /* @__PURE__ */ s(
@@ -868,8 +859,8 @@ const Ls = T(
     );
   }
 );
-Gs.displayName = "SidebarWorkspaceSwitcher";
-const $s = T(
+Ls.displayName = "SidebarWorkspaceSwitcher";
+const Gs = T(
   [
     "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -892,7 +883,7 @@ const $s = T(
     },
     defaultVariants: { mode: "expanded" }
   }
-), Os = b(({ icon: e, label: a, shortcut: r, className: n, ...d }, o) => {
+), Os = b(({ icon: e, label: a, shortcut: r, className: d, ...n }, o) => {
   const { mode: t } = N(), l = t !== "icon";
   return /* @__PURE__ */ u(
     "button",
@@ -901,8 +892,8 @@ const $s = T(
       type: "button",
       "aria-label": a,
       "aria-keyshortcuts": r,
-      className: [$s({ mode: t }), n].filter(Boolean).join(" "),
-      ...d,
+      className: [Gs({ mode: t }), d].filter(Boolean).join(" "),
+      ...n,
       children: [
         /* @__PURE__ */ s(
           "span",
@@ -921,7 +912,7 @@ const $s = T(
   );
 });
 Os.displayName = "SidebarPrimaryAction";
-const Xs = [
+const $s = [
   "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`,
@@ -945,8 +936,8 @@ const Xs = [
   "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 = b(
-  ({ isPinned: e, onPinChange: a, label: r, className: n, onClick: d, ...o }, t) => {
+].join(" "), W = b(
+  ({ isPinned: e, onPinChange: a, label: r, className: d, onClick: n, ...o }, t) => {
     const { t: l } = A(), { mode: c } = N();
     if (c === "icon") return null;
     const m = e ? l("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : l("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
@@ -957,9 +948,9 @@ const Xs = [
         type: "button",
         "aria-label": m,
         "aria-pressed": e,
-        className: [Xs, n].filter(Boolean).join(" "),
+        className: [$s, d].filter(Boolean).join(" "),
         onClick: (f) => {
-          f.preventDefault(), f.stopPropagation(), a == null || a(!e), d == null || d(f);
+          f.preventDefault(), f.stopPropagation(), a == null || a(!e), n == null || n(f);
         },
         ...o,
         children: /* @__PURE__ */ s(
@@ -974,21 +965,21 @@ const Xs = [
     );
   }
 );
-Y.displayName = "SidebarPinButton";
-const ns = Z(null), qs = () => q(ns), Zs = b(
-  ({ heading: e, emptyMessage: a, onReorder: r, className: n, children: d, ...o }, t) => {
-    const { t: l } = A(), c = e ?? l("navigation.sidebar.favorites", "Favourites"), m = Array.isArray(d) ? d.filter(Boolean) : d ? [d] : [], f = m.length, g = f > 0, [y, x] = B(null), [i, w] = B(""), z = G(!1), v = ss((j) => {
+W.displayName = "SidebarPinButton";
+const ds = Z(null), Xs = () => q(ds), qs = b(
+  ({ heading: e, emptyMessage: a, onReorder: r, className: d, children: n, ...o }, t) => {
+    const { t: l } = A(), c = e ?? l("navigation.sidebar.favorites", "Favourites"), m = Array.isArray(n) ? n.filter(Boolean) : n ? [n] : [], f = m.length, g = f > 0, [y, x] = B(null), [i, w] = B(""), z = G(!1), v = Q((j) => {
       z.current = !z.current, w(z.current ? j : `${j}​`);
-    }, []), S = $(
+    }, []), S = O(
       () => ({ onReorder: r, count: f, dragSource: y, setDragSource: x, announce: v }),
       [r, f, y, v]
     );
-    return !g && !a ? null : /* @__PURE__ */ s(ns.Provider, { value: S, children: /* @__PURE__ */ u(
+    return !g && !a ? null : /* @__PURE__ */ s(ds.Provider, { value: S, children: /* @__PURE__ */ u(
       as,
       {
         ref: t,
         label: c,
-        className: n,
+        className: d,
         ...o,
         children: [
           g ? m : /* @__PURE__ */ s("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: a }),
@@ -998,8 +989,8 @@ const ns = Z(null), qs = () => q(ns), Zs = b(
     ) });
   }
 );
-Zs.displayName = "SidebarFavorites";
-const Ws = T(
+qs.displayName = "SidebarFavorites";
+const Zs = T(
   [
     "ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -1018,7 +1009,7 @@ const Ws = T(
     },
     defaultVariants: { dragging: !1, dropTarget: !1 }
   }
-), Ys = [
+), Ws = [
   "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",
@@ -1032,13 +1023,13 @@ const Ws = 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(" "), Js = b(
+].join(" "), Ys = b(
   ({
     index: e,
     isActive: a = !1,
     asChild: r = !1,
-    reorderLabel: n,
-    isPinned: d = !1,
+    reorderLabel: d,
+    isPinned: n = !1,
     onPinChange: o,
     pinLabel: t,
     "aria-label": l,
@@ -1046,14 +1037,14 @@ const Ws = T(
     children: m,
     ...f
   }, g) => {
-    const { t: y } = A(), { mode: x } = N(), i = qs(), [w, z] = B(!1), v = !!(i != null && i.onReorder) && x !== "icon", S = n ?? l ?? "", j = ds(), C = (p, I) => {
+    const { t: y } = A(), { mode: x } = N(), i = Xs(), [w, z] = B(!1), v = !!(i != null && i.onReorder) && x !== "icon", S = d ?? l ?? "", j = ns(), C = (p, I) => {
       if (!(i != null && i.onReorder)) return;
-      const V = Math.max(0, Math.min(i.count - 1, I));
-      V !== p && (i.onReorder(p, V), i.announce(
+      const K = Math.max(0, Math.min(i.count - 1, I));
+      K !== p && (i.onReorder(p, K), i.announce(
         y(
           "navigation.sidebar.reorderAnnounce",
           "{{label}} moved to position {{to}} of {{total}}",
-          { label: S, to: V + 1, total: i.count }
+          { label: S, to: K + 1, total: i.count }
         )
       ));
     }, F = (p) => {
@@ -1064,7 +1055,7 @@ const Ws = T(
       i == null || i.setDragSource(null), z(!1);
     }, U = (p) => {
       !v || (i == null ? void 0 : i.dragSource) === null || (p.preventDefault(), p.dataTransfer && (p.dataTransfer.dropEffect = "move"), z(!0));
-    }, P = () => z(!1), M = (p) => {
+    }, P = () => z(!1), V = (p) => {
       if (!v) return;
       p.preventDefault();
       const I = i == null ? void 0 : i.dragSource;
@@ -1073,7 +1064,7 @@ const Ws = T(
     return /* @__PURE__ */ u(
       "div",
       {
-        className: Ws({
+        className: Zs({
           dragging: k,
           dropTarget: w && !k
         }),
@@ -1082,7 +1073,7 @@ const Ws = T(
         onDragEnd: v ? _ : void 0,
         onDragOver: U,
         onDragLeave: P,
-        onDrop: M,
+        onDrop: V,
         children: [
           /* @__PURE__ */ s(
             is,
@@ -1108,15 +1099,15 @@ const Ws = T(
                 "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
                 { label: S }
               ),
-              className: Ys,
+              className: Ws,
               onKeyDown: F,
               children: /* @__PURE__ */ s(bs, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
           o && x !== "icon" ? /* @__PURE__ */ s(
-            Y,
+            W,
             {
-              isPinned: d,
+              isPinned: n,
               label: t ?? l ?? "",
               onPinChange: o
             }
@@ -1126,8 +1117,8 @@ const Ws = T(
     );
   }
 );
-Js.displayName = "SidebarFavoriteItem";
-const Qs = T(
+Ys.displayName = "SidebarFavoriteItem";
+const Js = T(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1140,15 +1131,15 @@ const Qs = T(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), se = b(({ avatar: e, name: a, subtitle: r, subtitleLabel: n, className: d, ...o }, t) => {
-  const { mode: l } = N(), c = l !== "icon", m = typeof r == "string" ? r : n;
+), Qs = b(({ avatar: e, name: a, subtitle: r, subtitleLabel: d, className: n, ...o }, t) => {
+  const { mode: l } = N(), c = l !== "icon", m = typeof r == "string" ? r : d;
   return /* @__PURE__ */ u(
     "button",
     {
       ref: t,
       type: "button",
       "aria-label": m ? `${a}, ${m}` : a,
-      className: [Qs(), d].filter(Boolean).join(" "),
+      className: [Js(), n].filter(Boolean).join(" "),
       ...o,
       children: [
         /* @__PURE__ */ s(
@@ -1167,8 +1158,8 @@ const Qs = T(
     }
   );
 });
-se.displayName = "SidebarProfilePill";
-const ee = [
+Qs.displayName = "SidebarProfilePill";
+const se = [
   "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)]",
@@ -1178,7 +1169,7 @@ const ee = [
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), ae = b(({ className: e, "aria-label": a, onClick: r, ...n }, d) => {
+].join(" "), ee = b(({ className: e, "aria-label": a, onClick: r, ...d }, n) => {
   const { t: o } = A(), { mode: t, density: l, transitionTo: c } = N();
   if (t === "overlay") return null;
   const m = t === "expanded", f = m ? [
@@ -1187,23 +1178,23 @@ const ee = [
   ].join(" ") : "ds:justify-center", g = a ?? (m ? o("navigation.sidebar.collapse", "Collapse sidebar") : o("navigation.sidebar.expand", "Expand sidebar")), y = /* @__PURE__ */ s(
     "button",
     {
-      ref: d,
+      ref: n,
       type: "button",
       "aria-label": g,
       "aria-expanded": m,
       onClick: (x) => {
         c == null || c(m ? "icon" : "expanded"), r == null || r(x);
       },
-      className: [ee, f, e].filter(Boolean).join(" "),
-      ...n,
+      className: [se, f, e].filter(Boolean).join(" "),
+      ...d,
       children: /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:size-5 ds:shrink-0 ds:items-center ds:justify-center", children: m ? /* @__PURE__ */ s(
-        ys,
+        Ns,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
         }
       ) : /* @__PURE__ */ s(
-        ws,
+        zs,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
@@ -1233,8 +1224,8 @@ const ee = [
     ) })
   ] });
 });
-ae.displayName = "SidebarCollapseTrigger";
-const re = T(
+ee.displayName = "SidebarCollapseTrigger";
+const ae = T(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)]",
@@ -1265,7 +1256,7 @@ const re = T(
     },
     defaultVariants: { mode: "expanded" }
   }
-), ie = b(({ title: e, description: a, icon: r, className: n, ...d }, o) => {
+), re = b(({ title: e, description: a, icon: r, className: d, ...n }, o) => {
   const { mode: t } = N(), l = 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
@@ -1275,8 +1266,8 @@ const re = T(
       {
         ref: o,
         "aria-label": l ? e : void 0,
-        className: re({ mode: t, className: n }),
-        ...d,
+        className: ae({ mode: t, className: d }),
+        ...n,
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1287,7 +1278,7 @@ const re = T(
                 "ds:rounded-[var(--radius-sm)]",
                 "ds:bg-[var(--accent)] ds:text-[var(--accent-foreground)]"
               ].join(" "),
-              children: r ?? /* @__PURE__ */ s(Ss, { className: "ds:size-4" })
+              children: r ?? /* @__PURE__ */ s(xs, { className: "ds:size-4" })
             }
           ),
           l ? null : /* @__PURE__ */ u(X, { children: [
@@ -1333,27 +1324,27 @@ const re = T(
     ) })
   ] }) : c;
 });
-ie.displayName = "SidebarUpgradeChip";
+re.displayName = "SidebarUpgradeChip";
 export {
-  As as S,
-  _s as a,
-  ae as b,
-  Js as c,
-  Zs as d,
-  Ps as e,
-  Fs as f,
-  Ds as g,
+  Bs as S,
+  Ds as a,
+  ee as b,
+  Ys as c,
+  qs as d,
+  _s as e,
+  Hs as f,
+  As as g,
   is as h,
   Ks as i,
-  Ms as j,
+  Us as j,
   Vs as k,
-  Y as l,
+  W as l,
   Os as m,
-  se as n,
+  Qs as n,
   as as o,
-  ie as p,
-  Gs as q,
-  js as s,
+  re as p,
+  Ls as q,
+  Ss as s,
   N as u
 };
-//# sourceMappingURL=sidebar-C-Gr2LL-.js.map
+//# sourceMappingURL=sidebar-ClTY9lLI.js.map