@alfadocs/ui-kit-debug 0.50.1 → 0.52.0

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

@@ -1,42 +1,53 @@
-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 x from "@radix-ui/react-tooltip";
+import { jsx as s, jsxs as c, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as g, useState as _, useEffect as W, useCallback as J, useRef as U, useMemo as O, useId as is, useContext as Q, createContext as ss } from "react";
+import * as R from "@radix-ui/react-dialog";
+import * as K from "@radix-ui/react-collapsible";
+import * as P from "@radix-ui/react-accordion";
+import * as b 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 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";
+import { Slot as os } from "@radix-ui/react-slot";
+import { c as T } from "./index-D2ZczOXr.js";
+import { useTranslation as B } from "react-i18next";
+import { u as ts } from "./use-edge-resize-ZnGG7gyO.js";
+import { c as ls } from "./compose-refs-C0k0tdqF.js";
+import { u as cs } from "./registry-nPAVE19X.js";
+import { X as us } from "./x-CCcI3eJp.js";
+import { c as q } from "./createLucideIcon-CrFbzy84.js";
+import { G as ms } from "./grip-vertical-Dlg0_k5C.js";
+import { C as H } from "./chevron-right-BrpYejk0.js";
+import { S as vs } 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" }]
-], vs = X("panel-left-close", ps);
+], ps = q("panel-left-close", fs);
 /**
  * @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 fs = [
+const gs = [
   ["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" }]
-], gs = X("panel-left-open", fs), bs = {
+], bs = q("panel-left-open", gs);
+/**
+ * @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 hs = [
+  ["path", { d: "M16 7h6v6", key: "box55l" }],
+  ["path", { d: "m22 7-8.5 8.5-5-5L2 17", key: "1t1m79" }]
+], xs = q("trending-up", hs), ys = {
   id: "sidebar",
   capabilities: ["expand"],
   state: {
@@ -67,27 +78,27 @@ const fs = [
       description: "Each Sidebar.Item emits its key as data-nav-id."
     }
   }
-}, E = W({
+}, G = ss({
   mode: "expanded",
   density: "default"
-}), w = () => q(E), Y = "ui.sidebar.state";
-function hs(e) {
+}), y = () => Q(G), es = "ui.sidebar.state";
+function ws(e) {
   if (typeof window > "u") return e;
   try {
-    const a = window.localStorage.getItem(Y);
+    const a = window.localStorage.getItem(es);
     if (a === "expanded" || a === "icon" || a === "overlay") return a;
   } catch {
   }
   return e;
 }
-function xs(e) {
+function Ns(e) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(Y, e);
+      window.localStorage.setItem(es, e);
     } catch {
     }
 }
-const _ = k(
+const X = T(
   [
     "ds:flex ds:flex-col",
     // Sidebar sits at the page background in light mode (white-on-white
@@ -110,7 +121,10 @@ const _ = k(
     "ds:relative ds:z-[1] ds:shadow-[var(--shadow-md)]",
     "ds:h-full",
     "ds:transition-[inline-size] ds:duration-[var(--animation-duration)]",
-    "ds:motion-reduce:transition-none"
+    "ds:motion-reduce:transition-none",
+    // While the resize handle is dragging, the width must track the
+    // pointer 1:1 — the data attribute suppresses the width transition.
+    "ds:data-[resizing]:transition-none"
   ].join(" "),
   {
     variants: {
@@ -127,52 +141,77 @@ const _ = k(
     },
     defaultVariants: { mode: "expanded", density: "default" }
   }
-), ys = g(
+), zs = 192, Ss = 384, js = 248, ks = [
+  "ds:absolute ds:[inset-block:0] ds:end-0 ds:z-[2]",
+  "ds:w-[var(--resizable-handle-size)]",
+  "ds:cursor-col-resize ds:select-none ds:touch-none",
+  "ds:hover:bg-[var(--accent)] ds:focus-visible:bg-[var(--accent)]",
+  "ds:data-[resizing]:bg-[var(--accent)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]",
+  "ds:before:absolute ds:before:content-['']",
+  "ds:before:[inset-block:0]",
+  "ds:before:[inline-size:var(--min-target-size)]",
+  "ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
+].join(" "), Cs = g(
   ({
     state: e,
     defaultState: a = "expanded",
     onStateChange: r,
     density: i = "default",
-    open: t,
-    onOpenChange: o,
-    "aria-label": l,
-    className: n,
-    children: m,
-    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);
+    open: n,
+    onOpenChange: t,
+    resizable: l = !1,
+    "aria-label": o,
+    className: u,
+    children: f,
+    id: p,
+    ...h
+  }, N) => {
+    const { t: x } = B(), d = e !== void 0, [w, z] = _(
+      () => d ? e : ws(a)
+    ), v = d ? e : w;
+    W(() => {
+      d || Ns(w);
+    }, [w, d]);
+    const S = J(
+      (C) => {
+        d || z(C), r == null || r(C);
       },
-      [b, r]
-    ), j = l ?? N("navigation.sidebar.label"), z = G(h);
-    M(() => {
-      z.current = h;
-    }, [h]);
-    const C = $(
+      [d, r]
+    ), j = o ?? x("navigation.sidebar.label"), k = U(v);
+    W(() => {
+      k.current = v;
+    }, [v]);
+    const F = O(
       () => ({
-        getIsCollapsed: () => z.current !== "expanded",
+        getIsCollapsed: () => k.current !== "expanded",
         toggleCollapsed: () => {
-          const T = z.current === "expanded" ? "icon" : "expanded";
-          f(T);
+          const C = k.current === "expanded" ? "icon" : "expanded";
+          S(C);
         }
       }),
-      [f]
+      [S]
     );
-    return os(bs, C, c), h === "overlay" ? /* @__PURE__ */ s(
-      E.Provider,
+    cs(ys, F, p);
+    const D = U(null), A = O(() => ls(N, D), [N]), { separatorProps: L, isResizing: E } = ts({
+      edge: "inline-end",
+      targetRef: D,
+      cssProperty: "--sidebar-modern-expanded-size",
+      minSize: zs,
+      maxSize: Ss,
+      defaultSize: js,
+      disabled: !l || v !== "expanded"
+    }), M = l && v === "expanded";
+    return v === "overlay" ? /* @__PURE__ */ s(
+      G.Provider,
       {
-        value: { mode: "overlay", density: i, transitionTo: f },
-        children: /* @__PURE__ */ s(B.Root, { open: t, onOpenChange: o, children: /* @__PURE__ */ u(B.Portal, { children: [
+        value: { mode: "overlay", density: i, transitionTo: S },
+        children: /* @__PURE__ */ s(R.Root, { open: n, onOpenChange: t, children: /* @__PURE__ */ c(R.Portal, { children: [
           /* @__PURE__ */ s(
-            B.Overlay,
+            R.Overlay,
             {
               className: [
                 "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
@@ -183,42 +222,42 @@ const _ = k(
               ].join(" ")
             }
           ),
-          /* @__PURE__ */ u(
-            B.Content,
+          /* @__PURE__ */ c(
+            R.Content,
             {
               "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: i }),
+                X({ 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",
                 "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",
-                n ?? ""
+                u ?? ""
               ].filter(Boolean).join(" "),
               children: [
                 /* @__PURE__ */ s(
                   "nav",
                   {
-                    ref: y,
-                    id: c,
+                    ref: A,
+                    id: p,
                     "aria-label": j,
                     "data-component": "sidebar",
-                    "data-component-id": c,
+                    "data-component-id": p,
                     className: "ds:flex ds:flex-col ds:h-full",
-                    ...v,
-                    children: m
+                    ...h,
+                    children: f
                   }
                 ),
-                /* @__PURE__ */ s(B.Close, { asChild: !0, children: /* @__PURE__ */ s(
+                /* @__PURE__ */ s(R.Close, { asChild: !0, children: /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
-                    "aria-label": N("navigation.sidebar.close"),
+                    "aria-label": x("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",
@@ -228,7 +267,7 @@ const _ = k(
                       "ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)]",
                       "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
                     ].join(" "),
-                    children: /* @__PURE__ */ s(ls, { "aria-hidden": "true", className: "ds:size-4" })
+                    children: /* @__PURE__ */ s(us, { "aria-hidden": "true", className: "ds:size-4" })
                   }
                 ) })
               ]
@@ -237,35 +276,47 @@ const _ = k(
         ] }) })
       }
     ) : /* @__PURE__ */ s(
-      E.Provider,
+      G.Provider,
       {
-        value: { mode: h, density: i, transitionTo: f },
-        children: /* @__PURE__ */ s(x.Provider, { delayDuration: 300, children: /* @__PURE__ */ s(
+        value: { mode: v, density: i, transitionTo: S },
+        children: /* @__PURE__ */ s(b.Provider, { delayDuration: 300, children: /* @__PURE__ */ c(
           "nav",
           {
-            ref: y,
-            id: c,
+            ref: A,
+            id: p,
             "aria-label": j,
             "data-component": "sidebar",
-            "data-component-id": c,
-            "data-mode": h,
+            "data-component-id": p,
+            "data-mode": v,
             "data-density": i,
+            "data-resizing": E ? "" : void 0,
             className: [
-              _({ mode: h, density: i }),
+              X({ mode: v, density: i }),
               i === "compact" ? "ds:density-compact" : "",
-              n ?? ""
+              u ?? ""
             ].filter(Boolean).join(" "),
-            ...v,
-            children: m
+            ...h,
+            children: [
+              f,
+              M ? /* @__PURE__ */ s(
+                "div",
+                {
+                  ...L,
+                  "aria-label": x("navigation.sidebar.resize"),
+                  "data-resizing": E ? "" : void 0,
+                  className: ks
+                }
+              ) : null
+            ]
           }
         ) })
       }
     );
   }
 );
-ys.displayName = "Sidebar";
-const ws = g(({ className: e, ...a }, r) => {
-  const { mode: i } = w();
+Cs.displayName = "Sidebar";
+const Ts = g(({ className: e, ...a }, r) => {
+  const { mode: i } = y();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -287,8 +338,8 @@ const ws = g(({ className: e, ...a }, r) => {
     }
   );
 });
-ws.displayName = "SidebarHeader";
-const Ns = g(
+Ts.displayName = "SidebarHeader";
+const Is = g(
   ({ className: e, ...a }, r) => /* @__PURE__ */ s(
     "div",
     {
@@ -303,9 +354,9 @@ const Ns = g(
     }
   )
 );
-Ns.displayName = "SidebarBody";
-const Ss = g(({ className: e, ...a }, r) => {
-  const { mode: i } = w();
+Is.displayName = "SidebarBody";
+const Rs = g(({ className: e, ...a }, r) => {
+  const { mode: i } = y();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -327,8 +378,8 @@ const Ss = g(({ className: e, ...a }, r) => {
     }
   );
 });
-Ss.displayName = "SidebarFooter";
-const zs = [
+Rs.displayName = "SidebarFooter";
+const Bs = [
   "ds:group/section-label ds:flex ds:w-full ds:items-center",
   "type-eyebrow",
   "ds:text-[var(--muted-foreground)]",
@@ -338,32 +389,32 @@ const zs = [
   "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(" "), O = [
+].join(" "), Y = [
   "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 = g(
+].join(" "), as = g(
   ({
     label: e,
     icon: a,
     collapsible: r = !0,
     defaultOpen: i = !0,
-    open: t,
-    onOpenChange: o,
+    open: n,
+    onOpenChange: t,
     className: l,
-    children: n,
-    ...m
-  }, c) => {
-    const { mode: v } = w(), y = v === "icon", N = r && !y && !!e, b = [
+    children: o,
+    ...u
+  }, f) => {
+    const { mode: p } = y(), h = p === "icon", N = r && !h && !!e, x = [
       "ds:flex ds:flex-col",
       "ds:gap-[var(--spacing-xs)]",
       "ds:mt-[var(--spacing-sm)]",
       l ?? ""
     ].filter(Boolean).join(" ");
     if (!N)
-      return /* @__PURE__ */ u("div", { ref: c, className: b, ...m, children: [
-        !!e || !!a ? /* @__PURE__ */ u(
+      return /* @__PURE__ */ c("div", { ref: f, className: x, ...u, children: [
+        !!e || !!a ? /* @__PURE__ */ c(
           "span",
           {
             className: [
@@ -372,32 +423,32 @@ const zs = [
               "ds:text-[var(--muted-foreground)]",
               "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
               "ds:py-[var(--spacing-xs)]",
-              y && !a ? "ds:sr-only" : ""
+              h && !a ? "ds:sr-only" : ""
             ].filter(Boolean).join(" "),
             children: [
-              a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: O, children: a }) : null,
-              e ? /* @__PURE__ */ s("span", { className: y ? "ds:sr-only" : "", children: e }) : null
+              a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: Y, children: a }) : null,
+              e ? /* @__PURE__ */ s("span", { className: h ? "ds:sr-only" : "", children: e }) : null
             ]
           }
         ) : null,
-        n
+        o
       ] });
     const d = "section";
     return /* @__PURE__ */ s(
-      A.Root,
+      P.Root,
       {
         type: "single",
         collapsible: !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,
+        defaultValue: n === void 0 && i ? d : void 0,
+        value: n === void 0 ? void 0 : n ? d : "",
+        onValueChange: t ? (w) => t(w === d) : void 0,
         asChild: !0,
-        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,
+        children: /* @__PURE__ */ s("div", { ref: f, className: x, ...u, children: /* @__PURE__ */ c(P.Item, { value: d, children: [
+          /* @__PURE__ */ s(P.Header, { className: "ds:flex", children: /* @__PURE__ */ c(P.Trigger, { className: Bs, children: [
+            a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: Y, children: a }) : null,
             /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:text-start", children: e }),
             /* @__PURE__ */ s(
-              P,
+              H,
               {
                 "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"
@@ -409,7 +460,7 @@ const zs = [
             {
               "aria-label": e,
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:[&>div]:contents",
-              children: n
+              children: o
             }
           )
         ] }) })
@@ -417,8 +468,8 @@ const zs = [
     );
   }
 );
-J.displayName = "SidebarSection";
-const js = [
+as.displayName = "SidebarSection";
+const Ds = [
   "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)]",
@@ -429,29 +480,29 @@ 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(" "), Cs = g(
+].join(" "), As = g(
   ({
     label: e,
     icon: a,
     children: r,
     className: i,
-    defaultOpen: t,
-    open: o,
+    defaultOpen: n,
+    open: t,
     onOpenChange: l,
-    ...n
-  }, m) => {
-    const { mode: c } = w();
-    return /* @__PURE__ */ u(
-      F.Root,
+    ...o
+  }, u) => {
+    const { mode: f } = y();
+    return /* @__PURE__ */ c(
+      K.Root,
       {
-        ref: m,
-        defaultOpen: t,
-        open: o,
+        ref: u,
+        defaultOpen: n,
+        open: t,
         onOpenChange: l,
         className: i,
-        ...n,
+        ...o,
         children: [
-          /* @__PURE__ */ u(F.Trigger, { className: js, children: [
+          /* @__PURE__ */ c(K.Trigger, { className: Ds, children: [
             a ? /* @__PURE__ */ s(
               "span",
               {
@@ -465,13 +516,13 @@ const js = [
               {
                 className: [
                   "ds:flex-1 ds:text-start",
-                  c === "icon" ? "ds:sr-only" : ""
+                  f === "icon" ? "ds:sr-only" : ""
                 ].join(" "),
                 children: e
               }
             ),
-            c !== "icon" ? /* @__PURE__ */ s(
-              P,
+            f !== "icon" ? /* @__PURE__ */ s(
+              H,
               {
                 "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"
@@ -479,7 +530,7 @@ const js = [
             ) : null
           ] }),
           /* @__PURE__ */ s(
-            F.Content,
+            K.Content,
             {
               className: [
                 "ds:overflow-hidden",
@@ -495,8 +546,8 @@ const js = [
     );
   }
 );
-Cs.displayName = "SidebarGroup";
-const ks = k(
+As.displayName = "SidebarGroup";
+const Es = 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.
@@ -557,57 +608,57 @@ const ks = k(
       isActive: !1
     }
   }
-), Q = g(
+), rs = g(
   ({
     asChild: e = !1,
     isActive: a = !1,
     isPinned: r = !1,
     onPinChange: i,
-    pinLabel: t,
-    className: o,
+    pinLabel: n,
+    className: t,
     children: l,
-    "aria-label": n,
-    ...m
-  }, c) => {
-    const { mode: v, density: y } = w(), N = e ? ts : "a", b = i !== void 0 && v !== "icon", d = /* @__PURE__ */ s(
+    "aria-label": o,
+    ...u
+  }, f) => {
+    const { mode: p, density: h } = y(), N = e ? os : "a", x = i !== void 0 && p !== "icon", d = /* @__PURE__ */ s(
       N,
       {
-        ref: c,
+        ref: f,
         "aria-current": a ? "page" : void 0,
-        "aria-label": n,
-        className: ks({
-          mode: v,
-          density: y,
+        "aria-label": o,
+        className: Es({
+          mode: p,
+          density: h,
           isActive: a,
-          className: b ? "ds:flex-1 ds:min-w-0" : o
+          className: x ? "ds:flex-1 ds:min-w-0" : t
         }),
-        ...m,
+        ...u,
         children: l
       }
-    ), S = b ? /* @__PURE__ */ u(
+    ), w = x ? /* @__PURE__ */ c(
       "div",
       {
         className: [
           "ds:group/item ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
-          o ?? ""
+          t ?? ""
         ].filter(Boolean).join(" "),
         children: [
           d,
           /* @__PURE__ */ s(
-            L,
+            Z,
             {
               isPinned: r,
-              label: t ?? n ?? "",
+              label: n ?? o ?? "",
               onPinChange: i
             }
           )
         ]
       }
     ) : d;
-    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,
+    return p === "icon" && o ? /* @__PURE__ */ c(b.Root, { children: [
+      /* @__PURE__ */ s(b.Trigger, { asChild: !0, children: w }),
+      /* @__PURE__ */ s(b.Portal, { children: /* @__PURE__ */ c(
+        b.Content,
         {
           side: "right",
           sideOffset: 6,
@@ -619,16 +670,16 @@ const ks = k(
             "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
           ].join(" "),
           children: [
-            n,
-            /* @__PURE__ */ s(x.Arrow, { className: "ds:fill-[var(--foreground)]" })
+            o,
+            /* @__PURE__ */ s(b.Arrow, { className: "ds:fill-[var(--foreground)]" })
           ]
         }
       ) })
-    ] }) : S;
+    ] }) : w;
   }
 );
-Q.displayName = "SidebarItem";
-const Ts = g(({ className: e, children: a, ...r }, i) => /* @__PURE__ */ s(
+rs.displayName = "SidebarItem";
+const Ps = g(({ className: e, children: a, ...r }, i) => /* @__PURE__ */ s(
   "span",
   {
     ref: i,
@@ -649,9 +700,9 @@ const Ts = g(({ className: e, children: a, ...r }, i) => /* @__PURE__ */ s(
     children: a
   }
 ));
-Ts.displayName = "SidebarItemIcon";
-const Is = g(({ className: e, children: a, ...r }, i) => {
-  const { mode: t } = w();
+Ps.displayName = "SidebarItemIcon";
+const _s = g(({ className: e, children: a, ...r }, i) => {
+  const { mode: n } = y();
   return /* @__PURE__ */ s(
     "span",
     {
@@ -660,7 +711,7 @@ const Is = g(({ className: e, children: a, ...r }, i) => {
         "ds:flex-1",
         "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal",
         "ds:text-start",
-        t === "icon" ? "ds:sr-only" : "",
+        n === "icon" ? "ds:sr-only" : "",
         e ?? ""
       ].filter(Boolean).join(" "),
       ...r,
@@ -668,18 +719,18 @@ const Is = g(({ className: e, children: a, ...r }, i) => {
     }
   );
 });
-Is.displayName = "SidebarItemLabel";
-const Bs = g(({ className: e, children: a, ...r }, i) => {
-  const { mode: t } = w(), o = t === "icon";
+_s.displayName = "SidebarItemLabel";
+const Hs = g(({ className: e, children: a, ...r }, i) => {
+  const { mode: n } = y(), t = n === "icon";
   return /* @__PURE__ */ s(
     "span",
     {
       ref: i,
-      "aria-hidden": o ? "true" : void 0,
+      "aria-hidden": t ? "true" : void 0,
       className: [
         "ds:inline-flex ds:items-center ds:justify-center",
         "ds:font-[var(--font-weight-semibold)]",
-        o ? [
+        t ? [
           "ds:absolute ds:top-[2px] ds:end-[2px]",
           "ds:min-w-0 ds:size-[10px] ds:ps-0 ds:pe-0",
           "ds:rounded-[var(--radius-full)]",
@@ -700,8 +751,8 @@ const Bs = g(({ className: e, children: a, ...r }, i) => {
     }
   );
 });
-Bs.displayName = "SidebarItemBadge";
-const Ds = k(
+Hs.displayName = "SidebarItemBadge";
+const Fs = T(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -714,16 +765,16 @@ const Ds = k(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), As = g(({ logo: e, name: a, showChevron: r = !0, className: i, ...t }, o) => {
-  const { mode: l } = w(), n = l !== "icon";
-  return /* @__PURE__ */ u(
+), Ls = g(({ logo: e, name: a, showChevron: r = !0, className: i, ...n }, t) => {
+  const { mode: l } = y(), o = l !== "icon";
+  return /* @__PURE__ */ c(
     "button",
     {
-      ref: o,
+      ref: t,
       type: "button",
       "aria-label": a,
-      className: [Ds(), i].filter(Boolean).join(" "),
-      ...t,
+      className: [Fs(), i].filter(Boolean).join(" "),
+      ...n,
       children: [
         /* @__PURE__ */ s(
           "span",
@@ -733,10 +784,10 @@ const Ds = k(
             children: e
           }
         ),
-        n ? /* @__PURE__ */ u(V, { children: [
+        o ? /* @__PURE__ */ c($, { 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,
+            H,
             {
               "aria-hidden": "true",
               className: "ds:size-4 ds:shrink-0 ds:rotate-90"
@@ -747,8 +798,8 @@ const Ds = k(
     }
   );
 });
-As.displayName = "SidebarWorkspaceSwitcher";
-const Rs = k(
+Ls.displayName = "SidebarWorkspaceSwitcher";
+const Ms = T(
   [
     "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -771,17 +822,17 @@ const Rs = k(
     },
     defaultVariants: { mode: "expanded" }
   }
-), Ps = g(({ icon: e, label: a, shortcut: r, className: i, ...t }, o) => {
-  const { mode: l } = w(), n = l !== "icon";
-  return /* @__PURE__ */ u(
+), Vs = g(({ icon: e, label: a, shortcut: r, className: i, ...n }, t) => {
+  const { mode: l } = y(), o = l !== "icon";
+  return /* @__PURE__ */ c(
     "button",
     {
-      ref: o,
+      ref: t,
       type: "button",
       "aria-label": a,
       "aria-keyshortcuts": r,
-      className: [Rs({ mode: l }), i].filter(Boolean).join(" "),
-      ...t,
+      className: [Ms({ mode: l }), i].filter(Boolean).join(" "),
+      ...n,
       children: [
         /* @__PURE__ */ s(
           "span",
@@ -791,7 +842,7 @@ const Rs = k(
             children: e
           }
         ),
-        n ? /* @__PURE__ */ u(V, { children: [
+        o ? /* @__PURE__ */ c($, { 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
@@ -799,8 +850,8 @@ const Rs = k(
     }
   );
 });
-Ps.displayName = "SidebarPrimaryAction";
-const Hs = [
+Vs.displayName = "SidebarPrimaryAction";
+const Ks = [
   "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.
@@ -813,25 +864,25 @@ const Hs = [
   "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 = 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 c = e ? n("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : n("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
+].join(" "), Z = g(
+  ({ isPinned: e, onPinChange: a, label: r, className: i, onClick: n, ...t }, l) => {
+    const { t: o } = B(), { mode: u } = y();
+    if (u === "icon") return null;
+    const f = e ? o("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : o("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
     return /* @__PURE__ */ s(
       "button",
       {
         ref: l,
         type: "button",
-        "aria-label": c,
+        "aria-label": f,
         "aria-pressed": e,
-        className: [Hs, i].filter(Boolean).join(" "),
-        onClick: (v) => {
-          v.preventDefault(), v.stopPropagation(), a == null || a(!e), t == null || t(v);
+        className: [Ks, i].filter(Boolean).join(" "),
+        onClick: (p) => {
+          p.preventDefault(), p.stopPropagation(), a == null || a(!e), n == null || n(p);
         },
-        ...o,
+        ...t,
         children: /* @__PURE__ */ s(
-          us,
+          vs,
           {
             "aria-hidden": "true",
             className: "ds:size-4",
@@ -842,32 +893,32 @@ const Hs = [
     );
   }
 );
-L.displayName = "SidebarPinButton";
-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]
+Z.displayName = "SidebarPinButton";
+const ds = ss(null), Us = () => Q(ds), Os = g(
+  ({ heading: e, emptyMessage: a, onReorder: r, className: i, children: n, ...t }, l) => {
+    const { t: o } = B(), u = e ?? o("navigation.sidebar.favorites", "Favourites"), f = Array.isArray(n) ? n.filter(Boolean) : n ? [n] : [], p = f.length, h = p > 0, [N, x] = _(null), [d, w] = _(""), z = U(!1), v = J((j) => {
+      z.current = !z.current, w(z.current ? j : `${j}​`);
+    }, []), S = O(
+      () => ({ onReorder: r, count: p, dragSource: N, setDragSource: x, announce: v }),
+      [r, p, N, v]
     );
-    return !y && !a ? null : /* @__PURE__ */ s(Z.Provider, { value: j, children: /* @__PURE__ */ u(
-      J,
+    return !h && !a ? null : /* @__PURE__ */ s(ds.Provider, { value: S, children: /* @__PURE__ */ c(
+      as,
       {
         ref: l,
-        label: m,
+        label: u,
         className: i,
-        ...o,
+        ...t,
         children: [
-          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 }),
+          h ? f : /* @__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 })
         ]
       }
     ) });
   }
 );
-Es.displayName = "SidebarFavorites";
-const Vs = k(
+Os.displayName = "SidebarFavorites";
+const Gs = T(
   [
     "ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -886,7 +937,7 @@ const Vs = k(
     },
     defaultVariants: { dragging: !1, dropTarget: !1 }
   }
-), Ls = [
+), $s = [
   "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",
@@ -900,93 +951,93 @@ const Vs = k(
   "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(" "), Ks = g(
+].join(" "), qs = g(
   ({
     index: e,
     isActive: a = !1,
     asChild: r = !1,
     reorderLabel: i,
-    isPinned: t = !1,
-    onPinChange: o,
+    isPinned: n = !1,
+    onPinChange: t,
     pinLabel: l,
-    "aria-label": n,
-    className: m,
-    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) => {
+    "aria-label": o,
+    className: u,
+    children: f,
+    ...p
+  }, h) => {
+    const { t: N } = B(), { mode: x } = y(), d = Us(), [w, z] = _(!1), v = !!(d != null && d.onReorder) && x !== "icon", S = i ?? o ?? "", j = is(), k = (m, I) => {
       if (!(d != null && d.onReorder)) return;
-      const H = Math.max(0, Math.min(d.count - 1, I));
-      H !== p && (d.onReorder(p, H), d.announce(
+      const V = Math.max(0, Math.min(d.count - 1, I));
+      V !== m && (d.onReorder(m, V), d.announce(
         N(
           "navigation.sidebar.reorderAnnounce",
           "{{label}} moved to position {{to}} of {{total}}",
-          { label: j, to: H + 1, total: d.count }
+          { label: S, to: V + 1, total: d.count }
         )
       ));
-    }, 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 = (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();
+    }, F = (m) => {
+      v && (m.altKey && m.key === "ArrowUp" ? (m.preventDefault(), k(e, e - 1)) : m.altKey && m.key === "ArrowDown" ? (m.preventDefault(), k(e, e + 1)) : m.key === "Home" && m.altKey ? (m.preventDefault(), k(e, 0)) : m.key === "End" && m.altKey && (m.preventDefault(), k(e, d.count - 1)));
+    }, D = (m) => {
+      v && (d == null || d.setDragSource(e), m.dataTransfer && (m.dataTransfer.effectAllowed = "move", m.dataTransfer.setData("ds:text/plain", String(e))));
+    }, A = () => {
+      d == null || d.setDragSource(null), z(!1);
+    }, L = (m) => {
+      !v || (d == null ? void 0 : d.dragSource) === null || (m.preventDefault(), m.dataTransfer && (m.dataTransfer.dropEffect = "move"), z(!0));
+    }, E = () => z(!1), M = (m) => {
+      if (!v) return;
+      m.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(
+      z(!1), !(I == null || I === e) && k(I, e);
+    }, C = (d == null ? void 0 : d.dragSource) === e;
+    return /* @__PURE__ */ c(
       "div",
       {
-        className: Vs({
-          dragging: K,
-          dropTarget: S && !K
+        className: Gs({
+          dragging: C,
+          dropTarget: w && !C
         }),
-        draggable: f || void 0,
-        onDragStart: f ? ss : void 0,
-        onDragEnd: f ? es : void 0,
-        onDragOver: as,
-        onDragLeave: rs,
-        onDrop: ds,
+        draggable: v || void 0,
+        onDragStart: v ? D : void 0,
+        onDragEnd: v ? A : void 0,
+        onDragOver: L,
+        onDragLeave: E,
+        onDrop: M,
         children: [
           /* @__PURE__ */ s(
-            Q,
+            rs,
             {
-              ref: y,
+              ref: h,
               isActive: a,
               asChild: r,
-              "aria-label": n,
-              "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
+              "aria-label": o,
+              "aria-describedby": v ? j : void 0,
+              draggable: v ? !1 : void 0,
+              className: [v ? "ds:flex-1 ds:min-w-0" : "", u ?? ""].filter(Boolean).join(" "),
+              ...p,
+              children: f
             }
           ),
-          f ? /* @__PURE__ */ s(
+          v ? /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              id: z,
+              id: j,
               "aria-label": N(
                 "navigation.sidebar.reorderHandle",
                 "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
-                { label: j }
+                { label: S }
               ),
-              className: Ls,
-              onKeyDown: T,
-              children: /* @__PURE__ */ s(cs, { "aria-hidden": "true", className: "ds:size-4" })
+              className: $s,
+              onKeyDown: F,
+              children: /* @__PURE__ */ s(ms, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
-          o && b !== "icon" ? /* @__PURE__ */ s(
-            L,
+          t && x !== "icon" ? /* @__PURE__ */ s(
+            Z,
             {
-              isPinned: t,
-              label: l ?? n ?? "",
-              onPinChange: o
+              isPinned: n,
+              label: l ?? o ?? "",
+              onPinChange: t
             }
           ) : null
         ]
@@ -994,8 +1045,8 @@ const Vs = k(
     );
   }
 );
-Ks.displayName = "SidebarFavoriteItem";
-const Ms = k(
+qs.displayName = "SidebarFavoriteItem";
+const Zs = T(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1008,16 +1059,16 @@ const Ms = k(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), _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(
+), Ws = g(({ avatar: e, name: a, subtitle: r, subtitleLabel: i, className: n, ...t }, l) => {
+  const { mode: o } = y(), u = o !== "icon", f = typeof r == "string" ? r : i;
+  return /* @__PURE__ */ c(
     "button",
     {
       ref: l,
       type: "button",
-      "aria-label": c ? `${a}, ${c}` : a,
-      className: [Ms(), t].filter(Boolean).join(" "),
-      ...o,
+      "aria-label": f ? `${a}, ${f}` : a,
+      className: [Zs(), n].filter(Boolean).join(" "),
+      ...t,
       children: [
         /* @__PURE__ */ s(
           "span",
@@ -1027,7 +1078,7 @@ const Ms = k(
             children: e
           }
         ),
-        m ? /* @__PURE__ */ u("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
+        u ? /* @__PURE__ */ c("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
@@ -1035,8 +1086,8 @@ const Ms = k(
     }
   );
 });
-_s.displayName = "SidebarProfilePill";
-const Os = [
+Ws.displayName = "SidebarProfilePill";
+const Xs = [
   "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)]",
@@ -1046,29 +1097,29 @@ const Os = [
   "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(" "), Us = g(({ className: e, "aria-label": a, onClick: r, ...i }, t) => {
-  const { t: o } = D(), { mode: l, transitionTo: n } = w();
+].join(" "), Ys = g(({ className: e, "aria-label": a, onClick: r, ...i }, n) => {
+  const { t } = B(), { mode: l, transitionTo: o } = y();
   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(
+  const u = l === "expanded", f = a ?? (u ? t("navigation.sidebar.collapse", "Collapse sidebar") : t("navigation.sidebar.expand", "Expand sidebar")), p = /* @__PURE__ */ s(
     "button",
     {
-      ref: t,
+      ref: n,
       type: "button",
-      "aria-label": c,
-      "aria-expanded": m,
-      onClick: (y) => {
-        n == null || n(m ? "icon" : "expanded"), r == null || r(y);
+      "aria-label": f,
+      "aria-expanded": u,
+      onClick: (h) => {
+        o == null || o(u ? "icon" : "expanded"), r == null || r(h);
       },
-      className: [Os, e].filter(Boolean).join(" "),
+      className: [Xs, e].filter(Boolean).join(" "),
       ...i,
-      children: m ? /* @__PURE__ */ s(
-        vs,
+      children: u ? /* @__PURE__ */ s(
+        ps,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
         }
       ) : /* @__PURE__ */ s(
-        gs,
+        bs,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
@@ -1076,10 +1127,10 @@ const Os = [
       )
     }
   );
-  return /* @__PURE__ */ u(x.Root, { children: [
-    /* @__PURE__ */ s(x.Trigger, { asChild: !0, children: v }),
-    /* @__PURE__ */ s(x.Portal, { children: /* @__PURE__ */ u(
-      x.Content,
+  return /* @__PURE__ */ c(b.Root, { children: [
+    /* @__PURE__ */ s(b.Trigger, { asChild: !0, children: p }),
+    /* @__PURE__ */ s(b.Portal, { children: /* @__PURE__ */ c(
+      b.Content,
       {
         side: l === "icon" ? "right" : "top",
         sideOffset: 6,
@@ -1091,15 +1142,15 @@ const Os = [
           "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
         ].join(" "),
         children: [
-          c,
-          /* @__PURE__ */ s(x.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          f,
+          /* @__PURE__ */ s(b.Arrow, { className: "ds:fill-[var(--foreground)]" })
         ]
       }
     ) })
   ] });
 });
-Us.displayName = "SidebarCollapseTrigger";
-const Gs = k(
+Ys.displayName = "SidebarCollapseTrigger";
+const Js = T(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)]",
@@ -1130,18 +1181,18 @@ const Gs = k(
     },
     defaultVariants: { mode: "expanded" }
   }
-), $s = g(({ title: e, description: a, icon: r, className: i, ...t }, o) => {
-  const { mode: l } = w(), n = l === "icon", m = (
+), Qs = g(({ title: e, description: a, icon: r, className: i, ...n }, t) => {
+  const { mode: l } = y(), o = l === "icon", u = (
     // 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(
+    /* @__PURE__ */ c(
       "a",
       {
-        ref: o,
-        "aria-label": n ? e : void 0,
-        className: Gs({ mode: l, className: i }),
-        ...t,
+        ref: t,
+        "aria-label": o ? e : void 0,
+        className: Js({ mode: l, className: i }),
+        ...n,
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1152,11 +1203,11 @@ const Gs = k(
                 "ds:rounded-[var(--radius-sm)]",
                 "ds:bg-[var(--accent)] ds:text-[var(--accent-foreground)]"
               ].join(" "),
-              children: r ?? /* @__PURE__ */ s(ms, { className: "ds:size-4" })
+              children: r ?? /* @__PURE__ */ s(xs, { 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: [
+          o ? null : /* @__PURE__ */ c($, { children: [
+            /* @__PURE__ */ c("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
@@ -1165,7 +1216,7 @@ const Gs = k(
               ) : null
             ] }),
             /* @__PURE__ */ s(
-              P,
+              H,
               {
                 "aria-hidden": "true",
                 className: "ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
@@ -1176,10 +1227,10 @@ const Gs = k(
       }
     )
   );
-  return n ? /* @__PURE__ */ u(x.Root, { children: [
-    /* @__PURE__ */ s(x.Trigger, { asChild: !0, children: m }),
-    /* @__PURE__ */ s(x.Portal, { children: /* @__PURE__ */ u(
-      x.Content,
+  return o ? /* @__PURE__ */ c(b.Root, { children: [
+    /* @__PURE__ */ s(b.Trigger, { asChild: !0, children: u }),
+    /* @__PURE__ */ s(b.Portal, { children: /* @__PURE__ */ c(
+      b.Content,
       {
         side: "right",
         sideOffset: 6,
@@ -1192,33 +1243,33 @@ const Gs = k(
         ].join(" "),
         children: [
           e,
-          /* @__PURE__ */ s(x.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          /* @__PURE__ */ s(b.Arrow, { className: "ds:fill-[var(--foreground)]" })
         ]
       }
     ) })
-  ] }) : m;
+  ] }) : u;
 });
-$s.displayName = "SidebarUpgradeChip";
+Qs.displayName = "SidebarUpgradeChip";
 export {
-  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,
-  Ts as j,
-  Is as k,
-  L as l,
-  Ps as m,
-  _s as n,
-  J as o,
-  $s as p,
-  As as q,
-  bs as s,
-  w as u
+  Cs as S,
+  Is as a,
+  Ys as b,
+  qs as c,
+  Os as d,
+  Rs as e,
+  As as f,
+  Ts as g,
+  rs as h,
+  Hs as i,
+  Ps as j,
+  _s as k,
+  Z as l,
+  Vs as m,
+  Ws as n,
+  as as o,
+  Qs as p,
+  Ls as q,
+  ys as s,
+  y as u
 };
-//# sourceMappingURL=sidebar-h78cTNLh.js.map
+//# sourceMappingURL=sidebar-DPEHzxLZ.js.map