@alfadocs/ui-kit-debug 0.48.0 → 0.50.0

package/dist/_chunks/{sidebar-_vJXI9rB.js → sidebar-h78cTNLh.js}

@@ -1,30 +1,31 @@
-import { jsx as e, jsxs as v, Fragment as G } from "react/jsx-runtime";
-import { forwardRef as b, useState as R, useEffect as K, useCallback as O, useRef as $, useMemo as U, useId as ts, useContext as q, createContext as W } from "react";
-import * as I from "@radix-ui/react-dialog";
-import * as H from "@radix-ui/react-collapsible";
+import { jsx as s, jsxs as u, Fragment as V } from "react/jsx-runtime";
+import { forwardRef as g, useState as R, useEffect as M, useCallback as U, useRef as G, useMemo as $, useId as is, useContext as q, createContext as W } from "react";
+import * as B from "@radix-ui/react-dialog";
+import * as F from "@radix-ui/react-collapsible";
 import * as A from "@radix-ui/react-accordion";
-import * as S from "@radix-ui/react-tooltip";
-import { a as is } from "./accordion-9lJSMMsZ.js";
-import { Slot as ns } from "@radix-ui/react-slot";
-import { c as B } from "./index-D2ZczOXr.js";
+import * as x from "@radix-ui/react-tooltip";
+import { a as ns } from "./accordion-9lJSMMsZ.js";
+import { Slot as ts } from "@radix-ui/react-slot";
+import { c as k } from "./index-D2ZczOXr.js";
 import { useTranslation as D } from "react-i18next";
 import { u as os } from "./registry-nPAVE19X.js";
 import { X as ls } from "./x-CCcI3eJp.js";
 import { c as X } from "./createLucideIcon-CrFbzy84.js";
 import { G as cs } from "./grip-vertical-Dlg0_k5C.js";
-import { C as E } from "./chevron-right-BrpYejk0.js";
+import { C as P } from "./chevron-right-BrpYejk0.js";
 import { S as us } from "./star-vav0SJ9e.js";
+import { C as ms } from "./circle-arrow-up-CC_85SuH.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 ms = [
+const ps = [
   ["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" }]
-], vs = X("panel-left-close", ms);
+], vs = X("panel-left-close", ps);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -35,22 +36,22 @@ const fs = [
   ["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" }]
-], ps = X("panel-left-open", fs), gs = {
+], gs = X("panel-left-open", fs), bs = {
   id: "sidebar",
   capabilities: ["expand"],
   state: {
     isCollapsed: {
       type: "boolean",
       description: "True when the sidebar is in its collapsed (rail) state.",
-      read: (s) => s.getIsCollapsed()
+      read: (e) => e.getIsCollapsed()
     }
   },
   actions: {
     toggle_collapsed: {
       safety: "read",
       description: "Toggle the sidebar between collapsed and expanded.",
-      invoke: (s) => {
-        s.toggleCollapsed();
+      invoke: (e) => {
+        e.toggleCollapsed();
       }
     }
   },
@@ -66,27 +67,27 @@ const fs = [
       description: "Each Sidebar.Item emits its key as data-nav-id."
     }
   }
-}, F = W({
+}, E = W({
   mode: "expanded",
   density: "default"
-}), y = () => q(F), Y = "ui.sidebar.state";
-function bs(s) {
-  if (typeof window > "u") return s;
+}), w = () => q(E), Y = "ui.sidebar.state";
+function hs(e) {
+  if (typeof window > "u") return e;
   try {
     const a = window.localStorage.getItem(Y);
     if (a === "expanded" || a === "icon" || a === "overlay") return a;
   } catch {
   }
-  return s;
+  return e;
 }
-function hs(s) {
+function xs(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Y, s);
+      window.localStorage.setItem(Y, e);
     } catch {
     }
 }
-const _ = B(
+const _ = k(
   [
     "ds:flex ds:flex-col",
     // Sidebar sits at the page background in light mode (white-on-white
@@ -126,52 +127,52 @@ const _ = B(
     },
     defaultVariants: { mode: "expanded", density: "default" }
   }
-), xs = b(
+), ys = g(
   ({
-    state: s,
+    state: e,
     defaultState: a = "expanded",
     onStateChange: r,
-    density: t = "default",
-    open: i,
+    density: i = "default",
+    open: t,
     onOpenChange: o,
-    "aria-label": u,
+    "aria-label": l,
     className: n,
     children: m,
-    id: l,
-    ...f
-  }, x) => {
-    const { t: w } = D(), g = s !== void 0, [d, N] = R(
-      () => g ? s : bs(a)
-    ), h = g ? s : d;
-    K(() => {
-      g || hs(d);
-    }, [d, g]);
-    const p = O(
-      (C) => {
-        g || N(C), r == null || r(C);
+    id: c,
+    ...v
+  }, y) => {
+    const { t: N } = D(), b = e !== void 0, [d, S] = R(
+      () => b ? e : hs(a)
+    ), h = b ? e : d;
+    M(() => {
+      b || xs(d);
+    }, [d, b]);
+    const f = U(
+      (T) => {
+        b || S(T), r == null || r(T);
       },
-      [g, r]
-    ), z = u ?? w("navigation.sidebar.label"), j = $(h);
-    K(() => {
-      j.current = h;
+      [b, r]
+    ), j = l ?? N("navigation.sidebar.label"), z = G(h);
+    M(() => {
+      z.current = h;
     }, [h]);
-    const k = U(
+    const C = $(
       () => ({
-        getIsCollapsed: () => j.current !== "expanded",
+        getIsCollapsed: () => z.current !== "expanded",
         toggleCollapsed: () => {
-          const C = j.current === "expanded" ? "icon" : "expanded";
-          p(C);
+          const T = z.current === "expanded" ? "icon" : "expanded";
+          f(T);
         }
       }),
-      [p]
+      [f]
     );
-    return os(gs, k, l), h === "overlay" ? /* @__PURE__ */ e(
-      F.Provider,
+    return os(bs, C, c), h === "overlay" ? /* @__PURE__ */ s(
+      E.Provider,
       {
-        value: { mode: "overlay", density: t, transitionTo: p },
-        children: /* @__PURE__ */ e(I.Root, { open: i, onOpenChange: o, children: /* @__PURE__ */ v(I.Portal, { children: [
-          /* @__PURE__ */ e(
-            I.Overlay,
+        value: { mode: "overlay", density: i, transitionTo: f },
+        children: /* @__PURE__ */ s(B.Root, { open: t, onOpenChange: o, children: /* @__PURE__ */ u(B.Portal, { children: [
+          /* @__PURE__ */ s(
+            B.Overlay,
             {
               className: [
                 "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
@@ -182,15 +183,15 @@ const _ = B(
               ].join(" ")
             }
           ),
-          /* @__PURE__ */ v(
-            I.Content,
+          /* @__PURE__ */ u(
+            B.Content,
             {
-              "aria-label": z,
+              "aria-label": j,
               className: [
                 "ds:fixed ds:z-[var(--z-modal)]",
                 "ds:inset-inline-start-0 ds:inset-block-start-0",
                 "ds:h-dvh",
-                _({ mode: "overlay", density: t }),
+                _({ mode: "overlay", density: i }),
                 "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",
@@ -200,24 +201,24 @@ const _ = B(
                 n ?? ""
               ].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ s(
                   "nav",
                   {
-                    ref: x,
-                    id: l,
-                    "aria-label": z,
+                    ref: y,
+                    id: c,
+                    "aria-label": j,
                     "data-component": "sidebar",
-                    "data-component-id": l,
+                    "data-component-id": c,
                     className: "ds:flex ds:flex-col ds:h-full",
-                    ...f,
+                    ...v,
                     children: m
                   }
                 ),
-                /* @__PURE__ */ e(I.Close, { asChild: !0, children: /* @__PURE__ */ e(
+                /* @__PURE__ */ s(B.Close, { asChild: !0, children: /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
-                    "aria-label": w("navigation.sidebar.close"),
+                    "aria-label": N("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",
@@ -227,7 +228,7 @@ const _ = B(
                       "ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)]",
                       "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
                     ].join(" "),
-                    children: /* @__PURE__ */ e(ls, { "aria-hidden": "true", className: "ds:size-4" })
+                    children: /* @__PURE__ */ s(ls, { "aria-hidden": "true", className: "ds:size-4" })
                   }
                 ) })
               ]
@@ -235,26 +236,26 @@ const _ = B(
           )
         ] }) })
       }
-    ) : /* @__PURE__ */ e(
-      F.Provider,
+    ) : /* @__PURE__ */ s(
+      E.Provider,
       {
-        value: { mode: h, density: t, transitionTo: p },
-        children: /* @__PURE__ */ e(S.Provider, { delayDuration: 300, children: /* @__PURE__ */ e(
+        value: { mode: h, density: i, transitionTo: f },
+        children: /* @__PURE__ */ s(x.Provider, { delayDuration: 300, children: /* @__PURE__ */ s(
           "nav",
           {
-            ref: x,
-            id: l,
-            "aria-label": z,
+            ref: y,
+            id: c,
+            "aria-label": j,
             "data-component": "sidebar",
-            "data-component-id": l,
+            "data-component-id": c,
             "data-mode": h,
-            "data-density": t,
+            "data-density": i,
             className: [
-              _({ mode: h, density: t }),
-              t === "compact" ? "ds:density-compact" : "",
+              _({ mode: h, density: i }),
+              i === "compact" ? "ds:density-compact" : "",
               n ?? ""
             ].filter(Boolean).join(" "),
-            ...f,
+            ...v,
             children: m
           }
         ) })
@@ -262,10 +263,10 @@ const _ = B(
     );
   }
 );
-xs.displayName = "Sidebar";
-const ys = b(({ className: s, ...a }, r) => {
-  const { mode: t } = y();
-  return /* @__PURE__ */ e(
+ys.displayName = "Sidebar";
+const ws = g(({ className: e, ...a }, r) => {
+  const { mode: i } = w();
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: r,
@@ -274,21 +275,21 @@ const ys = b(({ className: s, ...a }, r) => {
         "ds:min-h-[var(--min-target-size)]",
         // Icon-rail is 64px — shrink horizontal padding so a 44×44
         // control fits centred inside the header.
-        t === "icon" ? "ds:justify-center ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        i === "icon" ? "ds:justify-center ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
         "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)]",
-        s ?? ""
+        e ?? ""
       ].filter(Boolean).join(" "),
       ...a
     }
   );
 });
-ys.displayName = "SidebarHeader";
-const ws = b(
-  ({ className: s, ...a }, r) => /* @__PURE__ */ e(
+ws.displayName = "SidebarHeader";
+const Ns = g(
+  ({ className: e, ...a }, r) => /* @__PURE__ */ s(
     "div",
     {
       ref: r,
@@ -296,16 +297,16 @@ const ws = b(
         "ds:flex-1 ds:overflow-auto",
         "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
         "ds:py-[var(--spacing-sm)]",
-        s ?? ""
+        e ?? ""
       ].filter(Boolean).join(" "),
       ...a
     }
   )
 );
-ws.displayName = "SidebarBody";
-const Ns = b(({ className: s, ...a }, r) => {
-  const { mode: t } = y();
-  return /* @__PURE__ */ e(
+Ns.displayName = "SidebarBody";
+const Ss = g(({ className: e, ...a }, r) => {
+  const { mode: i } = w();
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: r,
@@ -313,21 +314,21 @@ const Ns = b(({ className: s, ...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.
-        t === "icon" ? "ds:flex-col ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        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)]",
-        s ?? ""
+        e ?? ""
       ].filter(Boolean).join(" "),
       ...a
     }
   );
 });
-Ns.displayName = "SidebarFooter";
-const Ss = [
+Ss.displayName = "SidebarFooter";
+const zs = [
   "ds:group/section-label ds:flex ds:w-full ds:items-center",
   "type-eyebrow",
   "ds:text-[var(--muted-foreground)]",
@@ -337,32 +338,32 @@ const Ss = [
   "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(" "), M = [
+].join(" "), O = [
   "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(" "), J = b(
+].join(" "), J = g(
   ({
-    label: s,
+    label: e,
     icon: a,
     collapsible: r = !0,
-    defaultOpen: t = !0,
-    open: i,
+    defaultOpen: i = !0,
+    open: t,
     onOpenChange: o,
-    className: u,
+    className: l,
     children: n,
     ...m
-  }, l) => {
-    const { mode: f } = y(), x = f === "icon", w = r && !x && !!s, g = [
+  }, c) => {
+    const { mode: v } = w(), y = v === "icon", N = r && !y && !!e, b = [
       "ds:flex ds:flex-col",
       "ds:gap-[var(--spacing-xs)]",
       "ds:mt-[var(--spacing-sm)]",
-      u ?? ""
+      l ?? ""
     ].filter(Boolean).join(" ");
-    if (!w)
-      return /* @__PURE__ */ v("div", { ref: l, className: g, ...m, children: [
-        !!s || !!a ? /* @__PURE__ */ v(
+    if (!N)
+      return /* @__PURE__ */ u("div", { ref: c, className: b, ...m, children: [
+        !!e || !!a ? /* @__PURE__ */ u(
           "span",
           {
             className: [
@@ -371,42 +372,42 @@ const Ss = [
               "ds:text-[var(--muted-foreground)]",
               "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
               "ds:py-[var(--spacing-xs)]",
-              x && !a ? "ds:sr-only" : ""
+              y && !a ? "ds:sr-only" : ""
             ].filter(Boolean).join(" "),
             children: [
-              a ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: M, children: a }) : null,
-              s ? /* @__PURE__ */ e("span", { className: x ? "ds:sr-only" : "", children: s }) : null
+              a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: O, children: a }) : null,
+              e ? /* @__PURE__ */ s("span", { className: y ? "ds:sr-only" : "", children: e }) : null
             ]
           }
         ) : null,
         n
       ] });
     const d = "section";
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ s(
       A.Root,
       {
         type: "single",
         collapsible: !0,
-        defaultValue: i === void 0 && t ? d : void 0,
-        value: i === void 0 ? void 0 : i ? d : "",
-        onValueChange: o ? (N) => o(N === d) : void 0,
+        defaultValue: t === void 0 && i ? d : void 0,
+        value: t === void 0 ? void 0 : t ? d : "",
+        onValueChange: o ? (S) => o(S === d) : void 0,
         asChild: !0,
-        children: /* @__PURE__ */ e("div", { ref: l, className: g, ...m, children: /* @__PURE__ */ v(A.Item, { value: d, children: [
-          /* @__PURE__ */ e(A.Header, { className: "ds:flex", children: /* @__PURE__ */ v(A.Trigger, { className: Ss, children: [
-            a ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: M, children: a }) : null,
-            /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:text-start", children: s }),
-            /* @__PURE__ */ e(
-              E,
+        children: /* @__PURE__ */ s("div", { ref: c, className: b, ...m, children: /* @__PURE__ */ u(A.Item, { value: d, children: [
+          /* @__PURE__ */ s(A.Header, { className: "ds:flex", children: /* @__PURE__ */ u(A.Trigger, { className: zs, children: [
+            a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: O, children: a }) : null,
+            /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:text-start", children: e }),
+            /* @__PURE__ */ s(
+              P,
               {
                 "aria-hidden": "true",
                 className: "ds:size-3 ds:transition-transform ds:group-data-[state=open]/section-label:rotate-90 ds:rtl:-scale-x-100 ds:motion-reduce:transition-none"
               }
             )
           ] }) }),
-          /* @__PURE__ */ e(
-            is,
+          /* @__PURE__ */ s(
+            ns,
             {
-              "aria-label": s,
+              "aria-label": e,
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:[&>div]:contents",
               children: n
             }
@@ -428,30 +429,30 @@ const js = [
   "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(" "), zs = b(
+].join(" "), Cs = g(
   ({
-    label: s,
+    label: e,
     icon: a,
     children: r,
-    className: t,
-    defaultOpen: i,
+    className: i,
+    defaultOpen: t,
     open: o,
-    onOpenChange: u,
+    onOpenChange: l,
     ...n
   }, m) => {
-    const { mode: l } = y();
-    return /* @__PURE__ */ v(
-      H.Root,
+    const { mode: c } = w();
+    return /* @__PURE__ */ u(
+      F.Root,
       {
         ref: m,
-        defaultOpen: i,
+        defaultOpen: t,
         open: o,
-        onOpenChange: u,
-        className: t,
+        onOpenChange: l,
+        className: i,
         ...n,
         children: [
-          /* @__PURE__ */ v(H.Trigger, { className: js, children: [
-            a ? /* @__PURE__ */ e(
+          /* @__PURE__ */ u(F.Trigger, { className: js, children: [
+            a ? /* @__PURE__ */ s(
               "span",
               {
                 "aria-hidden": "true",
@@ -459,26 +460,26 @@ const js = [
                 children: a
               }
             ) : null,
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ s(
               "span",
               {
                 className: [
                   "ds:flex-1 ds:text-start",
-                  l === "icon" ? "ds:sr-only" : ""
+                  c === "icon" ? "ds:sr-only" : ""
                 ].join(" "),
-                children: s
+                children: e
               }
             ),
-            l !== "icon" ? /* @__PURE__ */ e(
-              E,
+            c !== "icon" ? /* @__PURE__ */ s(
+              P,
               {
                 "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__ */ e(
-            H.Content,
+          /* @__PURE__ */ s(
+            F.Content,
             {
               className: [
                 "ds:overflow-hidden",
@@ -494,8 +495,8 @@ const js = [
     );
   }
 );
-zs.displayName = "SidebarGroup";
-const ks = B(
+Cs.displayName = "SidebarGroup";
+const ks = k(
   [
     // 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.
@@ -556,34 +557,34 @@ const ks = B(
       isActive: !1
     }
   }
-), Q = b(
+), Q = g(
   ({
-    asChild: s = !1,
+    asChild: e = !1,
     isActive: a = !1,
     isPinned: r = !1,
-    onPinChange: t,
-    pinLabel: i,
+    onPinChange: i,
+    pinLabel: t,
     className: o,
-    children: u,
+    children: l,
     "aria-label": n,
     ...m
-  }, l) => {
-    const { mode: f, density: x } = y(), w = s ? ns : "a", g = t !== void 0 && f !== "icon", d = /* @__PURE__ */ e(
-      w,
+  }, c) => {
+    const { mode: v, density: y } = w(), N = e ? ts : "a", b = i !== void 0 && v !== "icon", d = /* @__PURE__ */ s(
+      N,
       {
-        ref: l,
+        ref: c,
         "aria-current": a ? "page" : void 0,
         "aria-label": n,
         className: ks({
-          mode: f,
-          density: x,
+          mode: v,
+          density: y,
           isActive: a,
-          className: g ? "ds:flex-1 ds:min-w-0" : o
+          className: b ? "ds:flex-1 ds:min-w-0" : o
         }),
         ...m,
-        children: u
+        children: l
       }
-    ), N = g ? /* @__PURE__ */ v(
+    ), S = b ? /* @__PURE__ */ u(
       "div",
       {
         className: [
@@ -592,21 +593,21 @@ const ks = B(
         ].filter(Boolean).join(" "),
         children: [
           d,
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ s(
             L,
             {
               isPinned: r,
-              label: i ?? n ?? "",
-              onPinChange: t
+              label: t ?? n ?? "",
+              onPinChange: i
             }
           )
         ]
       }
     ) : d;
-    return f === "icon" && n ? /* @__PURE__ */ v(S.Root, { children: [
-      /* @__PURE__ */ e(S.Trigger, { asChild: !0, children: N }),
-      /* @__PURE__ */ e(S.Portal, { children: /* @__PURE__ */ v(
-        S.Content,
+    return v === "icon" && n ? /* @__PURE__ */ u(x.Root, { children: [
+      /* @__PURE__ */ s(x.Trigger, { asChild: !0, children: S }),
+      /* @__PURE__ */ s(x.Portal, { children: /* @__PURE__ */ u(
+        x.Content,
         {
           side: "right",
           sideOffset: 6,
@@ -619,18 +620,18 @@ const ks = B(
           ].join(" "),
           children: [
             n,
-            /* @__PURE__ */ e(S.Arrow, { className: "ds:fill-[var(--foreground)]" })
+            /* @__PURE__ */ s(x.Arrow, { className: "ds:fill-[var(--foreground)]" })
           ]
         }
       ) })
-    ] }) : N;
+    ] }) : S;
   }
 );
 Q.displayName = "SidebarItem";
-const Cs = b(({ className: s, children: a, ...r }, t) => /* @__PURE__ */ e(
+const Ts = g(({ className: e, children: a, ...r }, i) => /* @__PURE__ */ s(
   "span",
   {
-    ref: t,
+    ref: i,
     "aria-hidden": "true",
     className: [
       "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
@@ -642,38 +643,38 @@ const Cs = b(({ className: s, children: a, ...r }, t) => /* @__PURE__ */ e(
       // pill — keeping it readable on the primary background.
       "ds:text-[var(--accent)]",
       "ds:group-aria-[current=page]/item:text-[var(--primary-foreground)]",
-      s ?? ""
+      e ?? ""
     ].filter(Boolean).join(" "),
     ...r,
     children: a
   }
 ));
-Cs.displayName = "SidebarItemIcon";
-const Ts = b(({ className: s, children: a, ...r }, t) => {
-  const { mode: i } = y();
-  return /* @__PURE__ */ e(
+Ts.displayName = "SidebarItemIcon";
+const Is = g(({ className: e, children: a, ...r }, i) => {
+  const { mode: t } = w();
+  return /* @__PURE__ */ s(
     "span",
     {
-      ref: t,
+      ref: i,
       className: [
         "ds:flex-1",
         "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal",
         "ds:text-start",
-        i === "icon" ? "ds:sr-only" : "",
-        s ?? ""
+        t === "icon" ? "ds:sr-only" : "",
+        e ?? ""
       ].filter(Boolean).join(" "),
       ...r,
       children: a
     }
   );
 });
-Ts.displayName = "SidebarItemLabel";
-const Bs = b(({ className: s, children: a, ...r }, t) => {
-  const { mode: i } = y(), o = i === "icon";
-  return /* @__PURE__ */ e(
+Is.displayName = "SidebarItemLabel";
+const Bs = g(({ className: e, children: a, ...r }, i) => {
+  const { mode: t } = w(), o = t === "icon";
+  return /* @__PURE__ */ s(
     "span",
     {
-      ref: t,
+      ref: i,
       "aria-hidden": o ? "true" : void 0,
       className: [
         "ds:inline-flex ds:items-center ds:justify-center",
@@ -692,7 +693,7 @@ const Bs = b(({ className: s, children: a, ...r }, t) => {
           "ds:text-[length:var(--font-size-xs)]",
           "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]"
         ].join(" "),
-        s ?? ""
+        e ?? ""
       ].filter(Boolean).join(" "),
       ...r,
       children: a
@@ -700,7 +701,7 @@ const Bs = b(({ className: s, children: a, ...r }, t) => {
   );
 });
 Bs.displayName = "SidebarItemBadge";
-const Is = B(
+const Ds = k(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -713,29 +714,29 @@ const Is = B(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), Ds = b(({ logo: s, name: a, showChevron: r = !0, className: t, ...i }, o) => {
-  const { mode: u } = y(), n = u !== "icon";
-  return /* @__PURE__ */ v(
+), As = g(({ logo: e, name: a, showChevron: r = !0, className: i, ...t }, o) => {
+  const { mode: l } = w(), n = l !== "icon";
+  return /* @__PURE__ */ u(
     "button",
     {
       ref: o,
       type: "button",
       "aria-label": a,
-      className: [Is(), t].filter(Boolean).join(" "),
-      ...i,
+      className: [Ds(), i].filter(Boolean).join(" "),
+      ...t,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ s(
           "span",
           {
             "aria-hidden": "true",
             className: "ds:inline-flex ds:items-center ds:shrink-0",
-            children: s
+            children: e
           }
         ),
-        n ? /* @__PURE__ */ v(G, { children: [
-          /* @__PURE__ */ e("span", { className: "ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]", children: a }),
-          r ? /* @__PURE__ */ e(
-            E,
+        n ? /* @__PURE__ */ u(V, { 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(
+            P,
             {
               "aria-hidden": "true",
               className: "ds:size-4 ds:shrink-0 ds:rotate-90"
@@ -746,8 +747,8 @@ const Is = B(
     }
   );
 });
-Ds.displayName = "SidebarWorkspaceSwitcher";
-const As = B(
+As.displayName = "SidebarWorkspaceSwitcher";
+const Rs = k(
   [
     "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -770,36 +771,36 @@ const As = B(
     },
     defaultVariants: { mode: "expanded" }
   }
-), Rs = b(({ icon: s, label: a, shortcut: r, className: t, ...i }, o) => {
-  const { mode: u } = y(), n = u !== "icon";
-  return /* @__PURE__ */ v(
+), Ps = g(({ icon: e, label: a, shortcut: r, className: i, ...t }, o) => {
+  const { mode: l } = w(), n = l !== "icon";
+  return /* @__PURE__ */ u(
     "button",
     {
       ref: o,
       type: "button",
       "aria-label": a,
       "aria-keyshortcuts": r,
-      className: [As({ mode: u }), t].filter(Boolean).join(" "),
-      ...i,
+      className: [Rs({ mode: l }), i].filter(Boolean).join(" "),
+      ...t,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ s(
           "span",
           {
             "aria-hidden": "true",
             className: "ds:inline-flex ds:size-4 ds:items-center ds:justify-center",
-            children: s
+            children: e
           }
         ),
-        n ? /* @__PURE__ */ v(G, { children: [
-          /* @__PURE__ */ e("span", { className: "ds:truncate", children: a }),
-          r ? /* @__PURE__ */ e("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
+        n ? /* @__PURE__ */ u(V, { 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
       ]
     }
   );
 });
-Rs.displayName = "SidebarPrimaryAction";
-const Ps = [
+Ps.displayName = "SidebarPrimaryAction";
+const Hs = [
   "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
   "ds:size-6 ds:rounded-[var(--radius-sm)]",
   // Pin stars carry the accent tint to match every other icon in the rail.
@@ -812,29 +813,29 @@ const Ps = [
   "ds:forced-colors:focus-visible:outline-[CanvasText]",
   "ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)]",
   "ds:motion-reduce:transition-none"
-].join(" "), L = b(
-  ({ isPinned: s, onPinChange: a, label: r, className: t, onClick: i, ...o }, u) => {
-    const { t: n } = D(), { mode: m } = y();
+].join(" "), L = g(
+  ({ isPinned: e, onPinChange: a, label: r, className: i, onClick: t, ...o }, l) => {
+    const { t: n } = D(), { mode: m } = w();
     if (m === "icon") return null;
-    const l = s ? n("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : n("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
-    return /* @__PURE__ */ e(
+    const c = e ? n("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : n("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
+    return /* @__PURE__ */ s(
       "button",
       {
-        ref: u,
+        ref: l,
         type: "button",
-        "aria-label": l,
-        "aria-pressed": s,
-        className: [Ps, t].filter(Boolean).join(" "),
-        onClick: (f) => {
-          f.preventDefault(), f.stopPropagation(), a == null || a(!s), i == null || i(f);
+        "aria-label": c,
+        "aria-pressed": e,
+        className: [Hs, i].filter(Boolean).join(" "),
+        onClick: (v) => {
+          v.preventDefault(), v.stopPropagation(), a == null || a(!e), t == null || t(v);
         },
         ...o,
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ s(
           us,
           {
             "aria-hidden": "true",
             className: "ds:size-4",
-            fill: s ? "currentColor" : "none"
+            fill: e ? "currentColor" : "none"
           }
         )
       }
@@ -842,31 +843,31 @@ const Ps = [
   }
 );
 L.displayName = "SidebarPinButton";
-const Z = W(null), Hs = () => q(Z), Fs = b(
-  ({ heading: s, emptyMessage: a, onReorder: r, className: t, children: i, ...o }, u) => {
-    const { t: n } = D(), m = s ?? n("navigation.sidebar.favorites", "Favourites"), l = Array.isArray(i) ? i.filter(Boolean) : i ? [i] : [], f = l.length, x = f > 0, [w, g] = R(null), [d, N] = R(""), h = $(!1), p = O((j) => {
-      h.current = !h.current, N(h.current ? j : `${j}​`);
-    }, []), z = U(
-      () => ({ onReorder: r, count: f, dragSource: w, setDragSource: g, announce: p }),
-      [r, f, w, p]
+const Z = W(null), Fs = () => q(Z), Es = g(
+  ({ heading: e, emptyMessage: a, onReorder: r, className: i, children: t, ...o }, l) => {
+    const { t: n } = D(), m = e ?? n("navigation.sidebar.favorites", "Favourites"), c = Array.isArray(t) ? t.filter(Boolean) : t ? [t] : [], v = c.length, y = v > 0, [N, b] = R(null), [d, S] = R(""), h = G(!1), f = U((z) => {
+      h.current = !h.current, S(h.current ? z : `${z}​`);
+    }, []), j = $(
+      () => ({ onReorder: r, count: v, dragSource: N, setDragSource: b, announce: f }),
+      [r, v, N, f]
     );
-    return !x && !a ? null : /* @__PURE__ */ e(Z.Provider, { value: z, children: /* @__PURE__ */ v(
+    return !y && !a ? null : /* @__PURE__ */ s(Z.Provider, { value: j, children: /* @__PURE__ */ u(
       J,
       {
-        ref: u,
+        ref: l,
         label: m,
-        className: t,
+        className: i,
         ...o,
         children: [
-          x ? l : /* @__PURE__ */ e("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: a }),
-          /* @__PURE__ */ e("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: d })
+          y ? c : /* @__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 })
         ]
       }
     ) });
   }
 );
-Fs.displayName = "SidebarFavorites";
-const Es = B(
+Es.displayName = "SidebarFavorites";
+const Vs = k(
   [
     "ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -899,92 +900,92 @@ const Es = B(
   "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(" "), Vs = b(
+].join(" "), Ks = g(
   ({
-    index: s,
+    index: e,
     isActive: a = !1,
     asChild: r = !1,
-    reorderLabel: t,
-    isPinned: i = !1,
+    reorderLabel: i,
+    isPinned: t = !1,
     onPinChange: o,
-    pinLabel: u,
+    pinLabel: l,
     "aria-label": n,
     className: m,
-    children: l,
-    ...f
-  }, x) => {
-    const { t: w } = D(), { mode: g } = y(), d = Hs(), [N, h] = R(!1), p = !!(d != null && d.onReorder) && g !== "icon", z = t ?? n ?? "", j = ts(), k = (c, T) => {
+    children: c,
+    ...v
+  }, y) => {
+    const { t: N } = D(), { mode: b } = w(), d = Fs(), [S, h] = R(!1), f = !!(d != null && d.onReorder) && b !== "icon", j = i ?? n ?? "", z = is(), C = (p, I) => {
       if (!(d != null && d.onReorder)) return;
-      const P = Math.max(0, Math.min(d.count - 1, T));
-      P !== c && (d.onReorder(c, P), d.announce(
-        w(
+      const H = Math.max(0, Math.min(d.count - 1, I));
+      H !== p && (d.onReorder(p, H), d.announce(
+        N(
           "navigation.sidebar.reorderAnnounce",
           "{{label}} moved to position {{to}} of {{total}}",
-          { label: z, to: P + 1, total: d.count }
+          { label: j, to: H + 1, total: d.count }
         )
       ));
-    }, C = (c) => {
-      p && (c.altKey && c.key === "ArrowUp" ? (c.preventDefault(), k(s, s - 1)) : c.altKey && c.key === "ArrowDown" ? (c.preventDefault(), k(s, s + 1)) : c.key === "Home" && c.altKey ? (c.preventDefault(), k(s, 0)) : c.key === "End" && c.altKey && (c.preventDefault(), k(s, d.count - 1)));
-    }, ss = (c) => {
-      p && (d == null || d.setDragSource(s), c.dataTransfer && (c.dataTransfer.effectAllowed = "move", c.dataTransfer.setData("ds:text/plain", String(s))));
+    }, T = (p) => {
+      f && (p.altKey && p.key === "ArrowUp" ? (p.preventDefault(), C(e, e - 1)) : p.altKey && p.key === "ArrowDown" ? (p.preventDefault(), C(e, e + 1)) : p.key === "Home" && p.altKey ? (p.preventDefault(), C(e, 0)) : p.key === "End" && p.altKey && (p.preventDefault(), C(e, d.count - 1)));
+    }, ss = (p) => {
+      f && (d == null || d.setDragSource(e), p.dataTransfer && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("ds:text/plain", String(e))));
     }, es = () => {
       d == null || d.setDragSource(null), h(!1);
-    }, as = (c) => {
-      !p || (d == null ? void 0 : d.dragSource) === null || (c.preventDefault(), c.dataTransfer && (c.dataTransfer.dropEffect = "move"), h(!0));
-    }, rs = () => h(!1), ds = (c) => {
-      if (!p) return;
-      c.preventDefault();
-      const T = d == null ? void 0 : d.dragSource;
-      h(!1), !(T == null || T === s) && k(T, s);
-    }, V = (d == null ? void 0 : d.dragSource) === s;
-    return /* @__PURE__ */ v(
+    }, as = (p) => {
+      !f || (d == null ? void 0 : d.dragSource) === null || (p.preventDefault(), p.dataTransfer && (p.dataTransfer.dropEffect = "move"), h(!0));
+    }, rs = () => h(!1), ds = (p) => {
+      if (!f) return;
+      p.preventDefault();
+      const I = d == null ? void 0 : d.dragSource;
+      h(!1), !(I == null || I === e) && C(I, e);
+    }, K = (d == null ? void 0 : d.dragSource) === e;
+    return /* @__PURE__ */ u(
       "div",
       {
-        className: Es({
-          dragging: V,
-          dropTarget: N && !V
+        className: Vs({
+          dragging: K,
+          dropTarget: S && !K
         }),
-        draggable: p || void 0,
-        onDragStart: p ? ss : void 0,
-        onDragEnd: p ? es : void 0,
+        draggable: f || void 0,
+        onDragStart: f ? ss : void 0,
+        onDragEnd: f ? es : void 0,
         onDragOver: as,
         onDragLeave: rs,
         onDrop: ds,
         children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ s(
             Q,
             {
-              ref: x,
+              ref: y,
               isActive: a,
               asChild: r,
               "aria-label": n,
-              "aria-describedby": p ? j : void 0,
-              draggable: p ? !1 : void 0,
-              className: [p ? "ds:flex-1 ds:min-w-0" : "", m ?? ""].filter(Boolean).join(" "),
-              ...f,
-              children: l
+              "aria-describedby": f ? z : void 0,
+              draggable: f ? !1 : void 0,
+              className: [f ? "ds:flex-1 ds:min-w-0" : "", m ?? ""].filter(Boolean).join(" "),
+              ...v,
+              children: c
             }
           ),
-          p ? /* @__PURE__ */ e(
+          f ? /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              id: j,
-              "aria-label": w(
+              id: z,
+              "aria-label": N(
                 "navigation.sidebar.reorderHandle",
                 "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
-                { label: z }
+                { label: j }
               ),
               className: Ls,
-              onKeyDown: C,
-              children: /* @__PURE__ */ e(cs, { "aria-hidden": "true", className: "ds:size-4" })
+              onKeyDown: T,
+              children: /* @__PURE__ */ s(cs, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
-          o && g !== "icon" ? /* @__PURE__ */ e(
+          o && b !== "icon" ? /* @__PURE__ */ s(
             L,
             {
-              isPinned: i,
-              label: u ?? n ?? "",
+              isPinned: t,
+              label: l ?? n ?? "",
               onPinChange: o
             }
           ) : null
@@ -993,8 +994,8 @@ const Es = B(
     );
   }
 );
-Vs.displayName = "SidebarFavoriteItem";
-const Ks = B(
+Ks.displayName = "SidebarFavoriteItem";
+const Ms = k(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1007,35 +1008,35 @@ const Ks = B(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), _s = b(({ avatar: s, name: a, subtitle: r, subtitleLabel: t, className: i, ...o }, u) => {
-  const { mode: n } = y(), m = n !== "icon", l = typeof r == "string" ? r : t;
-  return /* @__PURE__ */ v(
+), _s = g(({ avatar: e, name: a, subtitle: r, subtitleLabel: i, className: t, ...o }, l) => {
+  const { mode: n } = w(), m = n !== "icon", c = typeof r == "string" ? r : i;
+  return /* @__PURE__ */ u(
     "button",
     {
-      ref: u,
+      ref: l,
       type: "button",
-      "aria-label": l ? `${a}, ${l}` : a,
-      className: [Ks(), i].filter(Boolean).join(" "),
+      "aria-label": c ? `${a}, ${c}` : a,
+      className: [Ms(), t].filter(Boolean).join(" "),
       ...o,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ s(
           "span",
           {
             "aria-hidden": "true",
             className: "ds:inline-flex ds:items-center ds:shrink-0",
-            children: s
+            children: e
           }
         ),
-        m ? /* @__PURE__ */ v("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
-          /* @__PURE__ */ e("span", { className: "ds:block ds:truncate type-label", children: a }),
-          r ? typeof r == "string" ? /* @__PURE__ */ e("span", { className: "ds:block ds:truncate type-meta ds:text-[color:var(--muted-foreground)]", children: r }) : /* @__PURE__ */ e("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
+        m ? /* @__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
       ]
     }
   );
 });
 _s.displayName = "SidebarProfilePill";
-const Ms = [
+const Os = [
   "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)]",
@@ -1045,29 +1046,29 @@ const Ms = [
   "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(" "), Gs = b(({ className: s, "aria-label": a, onClick: r, ...t }, i) => {
-  const { t: o } = D(), { mode: u, transitionTo: n } = y();
-  if (u === "overlay") return null;
-  const m = u === "expanded", l = a ?? (m ? o("navigation.sidebar.collapse", "Collapse sidebar") : o("navigation.sidebar.expand", "Expand sidebar")), f = /* @__PURE__ */ e(
+].join(" "), Us = g(({ className: e, "aria-label": a, onClick: r, ...i }, t) => {
+  const { t: o } = D(), { mode: l, transitionTo: n } = w();
+  if (l === "overlay") return null;
+  const m = l === "expanded", c = a ?? (m ? o("navigation.sidebar.collapse", "Collapse sidebar") : o("navigation.sidebar.expand", "Expand sidebar")), v = /* @__PURE__ */ s(
     "button",
     {
-      ref: i,
+      ref: t,
       type: "button",
-      "aria-label": l,
+      "aria-label": c,
       "aria-expanded": m,
-      onClick: (x) => {
-        n == null || n(m ? "icon" : "expanded"), r == null || r(x);
+      onClick: (y) => {
+        n == null || n(m ? "icon" : "expanded"), r == null || r(y);
       },
-      className: [Ms, s].filter(Boolean).join(" "),
-      ...t,
-      children: m ? /* @__PURE__ */ e(
+      className: [Os, e].filter(Boolean).join(" "),
+      ...i,
+      children: m ? /* @__PURE__ */ s(
         vs,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
         }
-      ) : /* @__PURE__ */ e(
-        ps,
+      ) : /* @__PURE__ */ s(
+        gs,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
@@ -1075,12 +1076,12 @@ const Ms = [
       )
     }
   );
-  return /* @__PURE__ */ v(S.Root, { children: [
-    /* @__PURE__ */ e(S.Trigger, { asChild: !0, children: f }),
-    /* @__PURE__ */ e(S.Portal, { children: /* @__PURE__ */ v(
-      S.Content,
+  return /* @__PURE__ */ u(x.Root, { children: [
+    /* @__PURE__ */ s(x.Trigger, { asChild: !0, children: v }),
+    /* @__PURE__ */ s(x.Portal, { children: /* @__PURE__ */ u(
+      x.Content,
       {
-        side: u === "icon" ? "right" : "top",
+        side: l === "icon" ? "right" : "top",
         sideOffset: 6,
         className: [
           "ds:z-[var(--z-tooltip)] ds:max-w-[16rem]",
@@ -1090,33 +1091,134 @@ const Ms = [
           "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
         ].join(" "),
         children: [
-          l,
-          /* @__PURE__ */ e(S.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          c,
+          /* @__PURE__ */ s(x.Arrow, { className: "ds:fill-[var(--foreground)]" })
         ]
       }
     ) })
   ] });
 });
-Gs.displayName = "SidebarCollapseTrigger";
+Us.displayName = "SidebarCollapseTrigger";
+const Gs = k(
+  [
+    "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" }
+  }
+), $s = g(({ title: e, description: a, icon: r, className: i, ...t }, o) => {
+  const { mode: l } = w(), n = l === "icon", m = (
+    // 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__ */ u(
+      "a",
+      {
+        ref: o,
+        "aria-label": n ? e : void 0,
+        className: Gs({ mode: l, className: i }),
+        ...t,
+        children: [
+          /* @__PURE__ */ s(
+            "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: r ?? /* @__PURE__ */ s(ms, { className: "ds:size-4" })
+            }
+          ),
+          n ? null : /* @__PURE__ */ u(V, { 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 ? (
+                // Foreground (not muted) on the tinted surface — the gradient
+                // stops leave muted text short of AA in both colour schemes.
+                /* @__PURE__ */ s("span", { className: "ds:block ds:line-clamp-2 type-meta", children: a })
+              ) : null
+            ] }),
+            /* @__PURE__ */ s(
+              P,
+              {
+                "aria-hidden": "true",
+                className: "ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  );
+  return n ? /* @__PURE__ */ u(x.Root, { children: [
+    /* @__PURE__ */ s(x.Trigger, { asChild: !0, children: m }),
+    /* @__PURE__ */ s(x.Portal, { children: /* @__PURE__ */ u(
+      x.Content,
+      {
+        side: "right",
+        sideOffset: 6,
+        className: [
+          "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(" "),
+        children: [
+          e,
+          /* @__PURE__ */ s(x.Arrow, { className: "ds:fill-[var(--foreground)]" })
+        ]
+      }
+    ) })
+  ] }) : m;
+});
+$s.displayName = "SidebarUpgradeChip";
 export {
-  xs as S,
-  ws as a,
-  Gs as b,
-  Vs as c,
-  Fs as d,
-  Ns as e,
-  zs as f,
-  ys as g,
+  ys as S,
+  Ns as a,
+  Us as b,
+  Ks as c,
+  Es as d,
+  Ss as e,
+  Cs as f,
+  ws as g,
   Q as h,
   Bs as i,
-  Cs as j,
-  Ts as k,
+  Ts as j,
+  Is as k,
   L as l,
-  Rs as m,
+  Ps as m,
   _s as n,
   J as o,
-  Ds as p,
-  gs as s,
-  y as u
+  $s as p,
+  As as q,
+  bs as s,
+  w as u
 };
-//# sourceMappingURL=sidebar-_vJXI9rB.js.map
+//# sourceMappingURL=sidebar-h78cTNLh.js.map