@alfadocs/ui-kit 0.1.10 → 0.2.0

package/dist/_chunks/{sidebar-CHF5xr_P.js → sidebar-Bx3wCDyy.js}

@@ -1,15 +1,16 @@
-import { jsx as a, jsxs as f, Fragment as O } from "react/jsx-runtime";
-import { forwardRef as b, useState as D, useEffect as $, useCallback as K, useId as rs, useRef as is, useMemo as ns, useContext as G, createContext as q } from "react";
+import { jsx as a, jsxs as f, Fragment as K } from "react/jsx-runtime";
+import { forwardRef as b, useState as D, useEffect as _, useCallback as G, useRef as q, useMemo as U, useId as ds, useContext as J, 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 R from "@radix-ui/react-accordion";
 import * as S from "@radix-ui/react-tooltip";
-import { a as ds } from "./accordion-BEnrZmAn.js";
-import { Slot as ts } from "@radix-ui/react-slot";
-import { c as C } from "./index-D2ZczOXr.js";
-import { useTranslation as I } from "react-i18next";
-import { X as os } from "./x-CCcI3eJp.js";
-import { c as R } from "./createLucideIcon-CrFbzy84.js";
+import { a as is } from "./accordion-DOmxGEWU.js";
+import { Slot as ns } from "@radix-ui/react-slot";
+import { c as I } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
+import { u as os } from "./registry-C9nwlNyL.js";
+import { X as ls } from "./x-CCcI3eJp.js";
+import { c as P } from "./createLucideIcon-CrFbzy84.js";
 import { C as L } from "./chevron-right-BrpYejk0.js";
 /**
  * @license lucide-react v1.8.0 - ISC
@@ -17,43 +18,43 @@ import { C as L } from "./chevron-right-BrpYejk0.js";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ls = [
+const cs = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
   ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
-], cs = R("grip-vertical", ls);
+], us = P("grip-vertical", cs);
 /**
  * @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 us = [
+const ms = [
   ["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" }]
-], ms = R("panel-left-close", us);
+], fs = P("panel-left-close", ms);
 /**
  * @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 ps = [
   ["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" }]
-], vs = R("panel-left-open", fs);
+], vs = P("panel-left-open", ps);
 /**
  * @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 gs = [
   [
     "path",
     {
@@ -61,46 +62,77 @@ const ps = [
       key: "r04s7s"
     }
   ]
-], gs = R("star", ps), H = q({
+], bs = P("star", gs), hs = {
+  id: "sidebar",
+  capabilities: ["expand"],
+  state: {
+    isCollapsed: {
+      type: "boolean",
+      description: "True when the sidebar is in its collapsed (rail) state.",
+      read: (s) => s.getIsCollapsed()
+    }
+  },
+  actions: {
+    toggle_collapsed: {
+      safety: "read",
+      description: "Toggle the sidebar between collapsed and expanded.",
+      invoke: (s) => {
+        s.toggleCollapsed();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "sidebar" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-nav-id",
+      description: "Each Sidebar.Item emits its key as data-nav-id."
+    }
+  }
+}, E = W({
   mode: "expanded",
   density: "default"
-}), y = () => G(H), U = "ui.sidebar.state";
-function bs(s) {
+}), y = () => J(E), X = "ui.sidebar.state";
+function xs(s) {
   if (typeof window > "u") return s;
   try {
-    const e = window.localStorage.getItem(U);
+    const e = window.localStorage.getItem(X);
     if (e === "expanded" || e === "icon" || e === "overlay") return e;
   } catch {
   }
   return s;
 }
-function hs(s) {
+function ys(s) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(U, s);
+      window.localStorage.setItem(X, s);
     } catch {
     }
 }
-function Zs(s, e) {
-  const [r, n] = D(() => {
+function ae(s, e) {
+  const [r, d] = D(() => {
     if (typeof window > "u")
       return typeof e == "function" ? e() : e;
     try {
-      const d = window.localStorage.getItem(s);
-      if (d !== null) return JSON.parse(d);
+      const i = window.localStorage.getItem(s);
+      if (i !== null) return JSON.parse(i);
     } catch {
     }
     return typeof e == "function" ? e() : e;
   });
-  return $(() => {
+  return _(() => {
     if (!(typeof window > "u"))
       try {
         window.localStorage.setItem(s, JSON.stringify(r));
       } catch {
       }
-  }, [s, r]), [r, n];
+  }, [s, r]), [r, d];
 }
-const V = C(
+const O = I(
   [
     "ds:flex ds:flex-col",
     // Sidebar sits at the page background in light mode (white-on-white
@@ -140,133 +172,168 @@ const V = C(
     },
     defaultVariants: { mode: "expanded", density: "default" }
   }
-), xs = b(
+), ws = b(
   ({
     state: s,
     defaultState: e = "expanded",
     onStateChange: r,
-    density: n = "default",
-    open: d,
+    density: d = "default",
+    open: i,
     onOpenChange: o,
     "aria-label": u,
-    className: t,
+    className: n,
     children: m,
     id: l,
-    ...v
-  }, h) => {
-    const { t: w } = I(), p = s !== void 0, [i, N] = D(
-      () => p ? s : bs(e)
-    ), x = p ? s : i;
-    $(() => {
-      p || hs(i);
-    }, [i, p]);
-    const g = K(
-      (z) => {
-        p || N(z), r == null || r(z);
+    ...p
+  }, x) => {
+    const { t: w } = A(), g = s !== void 0, [t, N] = D(
+      () => g ? s : xs(e)
+    ), h = g ? s : t;
+    _(() => {
+      g || ys(t);
+    }, [t, g]);
+    const v = G(
+      (C) => {
+        g || N(C), r == null || r(C);
       },
-      [p, r]
-    ), j = u ?? w("ui.navigation.sidebar.label");
-    return x === "overlay" ? /* @__PURE__ */ a(H.Provider, { value: { mode: "overlay", density: n, transitionTo: g }, children: /* @__PURE__ */ a(B.Root, { open: d, onOpenChange: o, children: /* @__PURE__ */ f(B.Portal, { children: [
-      /* @__PURE__ */ a(
-        B.Overlay,
-        {
-          className: [
-            "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
-            "ds:bg-[var(--foreground)]/20 ds:backdrop-blur-sm",
-            "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in",
-            "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
-            "ds:motion-reduce:animate-none"
-          ].join(" ")
+      [g, r]
+    ), z = u ?? w("ui.navigation.sidebar.label"), j = q(h);
+    _(() => {
+      j.current = h;
+    }, [h]);
+    const k = U(
+      () => ({
+        getIsCollapsed: () => j.current !== "expanded",
+        toggleCollapsed: () => {
+          const C = j.current === "expanded" ? "icon" : "expanded";
+          v(C);
         }
-      ),
-      /* @__PURE__ */ f(
-        B.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",
-            V({ mode: "overlay", density: n }),
-            "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",
-            t ?? ""
-          ].filter(Boolean).join(" "),
-          children: [
-            /* @__PURE__ */ a("nav", { ref: h, id: l, "aria-label": j, "data-component": "sidebar", "data-component-id": l, className: "ds:flex ds:flex-col ds:h-full", ...v, children: m }),
-            /* @__PURE__ */ a(B.Close, { asChild: !0, children: /* @__PURE__ */ a(
-              "button",
-              {
-                type: "button",
-                "aria-label": w("ui.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",
-                  "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]",
-                  "ds:rounded-[var(--radius-sm)] ds:text-[var(--muted-foreground)]",
-                  "ds:hover:bg-[var(--muted)]/20 ds:focus-visible:outline-[length:var(--focus-ring-width)]",
-                  "ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)]",
-                  "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
-                ].join(" "),
-                children: /* @__PURE__ */ a(os, { "aria-hidden": "true", className: "ds:size-4" })
-              }
-            ) })
-          ]
-        }
-      )
-    ] }) }) }) : /* @__PURE__ */ a(H.Provider, { value: { mode: x, density: n, transitionTo: g }, children: /* @__PURE__ */ a(S.Provider, { delayDuration: 300, children: /* @__PURE__ */ a(
-      "nav",
+      }),
+      [v]
+    );
+    return os(hs, k, l), h === "overlay" ? /* @__PURE__ */ a(
+      E.Provider,
       {
-        ref: h,
-        id: l,
-        "aria-label": j,
-        "data-component": "sidebar",
-        "data-component-id": l,
-        "data-mode": x,
-        "data-density": n,
-        className: [
-          V({ mode: x, density: n }),
-          n === "compact" ? "ds:density-compact" : "",
-          t ?? ""
-        ].filter(Boolean).join(" "),
-        ...v,
-        children: m
+        value: { mode: "overlay", density: d, transitionTo: v },
+        children: /* @__PURE__ */ a(B.Root, { open: i, onOpenChange: o, children: /* @__PURE__ */ f(B.Portal, { children: [
+          /* @__PURE__ */ a(
+            B.Overlay,
+            {
+              className: [
+                "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+                "ds:bg-[var(--foreground)]/20 ds:backdrop-blur-sm",
+                "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in",
+                "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
+                "ds:motion-reduce:animate-none"
+              ].join(" ")
+            }
+          ),
+          /* @__PURE__ */ f(
+            B.Content,
+            {
+              "aria-label": z,
+              className: [
+                "ds:fixed ds:z-[var(--z-modal)]",
+                "ds:inset-inline-start-0 ds:inset-block-start-0",
+                "ds:h-dvh",
+                O({ mode: "overlay", density: d }),
+                "ds:shadow-[var(--shadow-xl)]",
+                "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+                "ds:data-[state=open]:slide-in-from-left ds:data-[state=closed]:slide-out-to-left",
+                "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 ?? ""
+              ].filter(Boolean).join(" "),
+              children: [
+                /* @__PURE__ */ a(
+                  "nav",
+                  {
+                    ref: x,
+                    id: l,
+                    "aria-label": z,
+                    "data-component": "sidebar",
+                    "data-component-id": l,
+                    className: "ds:flex ds:flex-col ds:h-full",
+                    ...p,
+                    children: m
+                  }
+                ),
+                /* @__PURE__ */ a(B.Close, { asChild: !0, children: /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": w("ui.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",
+                      "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]",
+                      "ds:rounded-[var(--radius-sm)] ds:text-[var(--muted-foreground)]",
+                      "ds:hover:bg-[var(--muted)]/20 ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+                      "ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)]",
+                      "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+                    ].join(" "),
+                    children: /* @__PURE__ */ a(ls, { "aria-hidden": "true", className: "ds:size-4" })
+                  }
+                ) })
+              ]
+            }
+          )
+        ] }) })
       }
-    ) }) });
-  }
-);
-xs.displayName = "Sidebar";
-const ys = b(
-  ({ className: s, ...e }, r) => {
-    const { mode: n } = y();
-    return /* @__PURE__ */ a(
-      "div",
+    ) : /* @__PURE__ */ a(
+      E.Provider,
       {
-        ref: r,
-        className: [
-          "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
-          "ds:min-h-[var(--min-target-size)]",
-          // Icon-rail is 64px — shrink horizontal padding so a 44×44
-          // control fits centred inside the header.
-          n === "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 ?? ""
-        ].filter(Boolean).join(" "),
-        ...e
+        value: { mode: h, density: d, transitionTo: v },
+        children: /* @__PURE__ */ a(S.Provider, { delayDuration: 300, children: /* @__PURE__ */ a(
+          "nav",
+          {
+            ref: x,
+            id: l,
+            "aria-label": z,
+            "data-component": "sidebar",
+            "data-component-id": l,
+            "data-mode": h,
+            "data-density": d,
+            className: [
+              O({ mode: h, density: d }),
+              d === "compact" ? "ds:density-compact" : "",
+              n ?? ""
+            ].filter(Boolean).join(" "),
+            ...p,
+            children: m
+          }
+        ) })
       }
     );
   }
 );
-ys.displayName = "SidebarHeader";
-const ws = b(
+ws.displayName = "Sidebar";
+const Ns = b(({ className: s, ...e }, r) => {
+  const { mode: d } = y();
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      className: [
+        "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+        "ds:min-h-[var(--min-target-size)]",
+        // Icon-rail is 64px — shrink horizontal padding so a 44×44
+        // control fits centred inside the header.
+        d === "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 ?? ""
+      ].filter(Boolean).join(" "),
+      ...e
+    }
+  );
+});
+Ns.displayName = "SidebarHeader";
+const Ss = b(
   ({ className: s, ...e }, r) => /* @__PURE__ */ a(
     "div",
     {
@@ -281,34 +348,32 @@ const ws = b(
     }
   )
 );
-ws.displayName = "SidebarBody";
-const Ns = b(
-  ({ className: s, ...e }, r) => {
-    const { mode: n } = y();
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: r,
-        className: [
-          "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
-          // Icon-rail is 64px — two 44×44 controls can't sit side-by-side,
-          // so switch to a vertical stack and let each row self-centre.
-          n === "icon" ? "ds:flex-col ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-          "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 ?? ""
-        ].filter(Boolean).join(" "),
-        ...e
-      }
-    );
-  }
-);
-Ns.displayName = "SidebarFooter";
-const Ss = [
+Ss.displayName = "SidebarBody";
+const js = b(({ className: s, ...e }, r) => {
+  const { mode: d } = y();
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      className: [
+        "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+        // Icon-rail is 64px — two 44×44 controls can't sit side-by-side,
+        // so switch to a vertical stack and let each row self-centre.
+        d === "icon" ? "ds:flex-col ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        "ds:min-h-[var(--min-target-size)]",
+        "ds:py-[var(--spacing-sm)]",
+        // Hairline border + upward chrome shadow cast the footer as a
+        // sticky bottom band below the scrolling body.
+        "ds:border-block-start ds:border-[var(--border)]",
+        "ds:shadow-[var(--shadow-chrome-up)]",
+        s ?? ""
+      ].filter(Boolean).join(" "),
+      ...e
+    }
+  );
+});
+js.displayName = "SidebarFooter";
+const zs = [
   "ds:group/section-label ds:flex ds:w-full ds:items-center",
   "type-eyebrow",
   "ds:text-[var(--muted-foreground)]",
@@ -318,31 +383,31 @@ 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(" "), $ = [
   "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(" "), Y = b(
   ({
     label: s,
     icon: e,
     collapsible: r = !0,
-    defaultOpen: n = !0,
-    open: d,
+    defaultOpen: d = !0,
+    open: i,
     onOpenChange: o,
     className: u,
-    children: t,
+    children: n,
     ...m
   }, l) => {
-    const { mode: v } = y(), h = v === "icon", w = r && !h && !!s, p = [
+    const { mode: p } = y(), x = p === "icon", w = r && !x && !!s, g = [
       "ds:flex ds:flex-col",
       "ds:gap-[var(--spacing-xs)]",
       "ds:mt-[var(--spacing-sm)]",
       u ?? ""
     ].filter(Boolean).join(" ");
     if (!w)
-      return /* @__PURE__ */ f("div", { ref: l, className: p, ...m, children: [
+      return /* @__PURE__ */ f("div", { ref: l, className: g, ...m, children: [
         !!s || !!e ? /* @__PURE__ */ f(
           "span",
           {
@@ -352,29 +417,29 @@ const Ss = [
               "ds:text-[var(--muted-foreground)]",
               "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
               "ds:py-[var(--spacing-xs)]",
-              h && !e ? "ds:sr-only" : ""
+              x && !e ? "ds:sr-only" : ""
             ].filter(Boolean).join(" "),
             children: [
-              e ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: M, children: e }) : null,
-              s ? /* @__PURE__ */ a("span", { className: h ? "ds:sr-only" : "", children: s }) : null
+              e ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: $, children: e }) : null,
+              s ? /* @__PURE__ */ a("span", { className: x ? "ds:sr-only" : "", children: s }) : null
             ]
           }
         ) : null,
-        t
+        n
       ] });
-    const i = "section";
+    const t = "section";
     return /* @__PURE__ */ a(
-      A.Root,
+      R.Root,
       {
         type: "single",
         collapsible: !0,
-        defaultValue: d === void 0 && n ? i : void 0,
-        value: d === void 0 ? void 0 : d ? i : "",
-        onValueChange: o ? (N) => o(N === i) : void 0,
+        defaultValue: i === void 0 && d ? t : void 0,
+        value: i === void 0 ? void 0 : i ? t : "",
+        onValueChange: o ? (N) => o(N === t) : void 0,
         asChild: !0,
-        children: /* @__PURE__ */ a("div", { ref: l, className: p, ...m, children: /* @__PURE__ */ f(A.Item, { value: i, children: [
-          /* @__PURE__ */ a(A.Header, { className: "ds:flex", children: /* @__PURE__ */ f(A.Trigger, { className: Ss, children: [
-            e ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: M, children: e }) : null,
+        children: /* @__PURE__ */ a("div", { ref: l, className: g, ...m, children: /* @__PURE__ */ f(R.Item, { value: t, children: [
+          /* @__PURE__ */ a(R.Header, { className: "ds:flex", children: /* @__PURE__ */ f(R.Trigger, { className: zs, children: [
+            e ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: $, children: e }) : null,
             /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:text-start", children: s }),
             /* @__PURE__ */ a(
               L,
@@ -385,11 +450,11 @@ const Ss = [
             )
           ] }) }),
           /* @__PURE__ */ a(
-            ds,
+            is,
             {
               "aria-label": s,
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:[&>div]:contents",
-              children: t
+              children: n
             }
           )
         ] }) })
@@ -397,8 +462,8 @@ const Ss = [
     );
   }
 );
-J.displayName = "SidebarSection";
-const js = [
+Y.displayName = "SidebarSection";
+const ks = [
   "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)]",
@@ -409,20 +474,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(" "), zs = b(
-  ({ label: s, icon: e, children: r, className: n, defaultOpen: d, open: o, onOpenChange: u, ...t }, m) => {
+].join(" "), Cs = b(
+  ({
+    label: s,
+    icon: e,
+    children: r,
+    className: d,
+    defaultOpen: i,
+    open: o,
+    onOpenChange: u,
+    ...n
+  }, m) => {
     const { mode: l } = y();
     return /* @__PURE__ */ f(
       F.Root,
       {
         ref: m,
-        defaultOpen: d,
+        defaultOpen: i,
         open: o,
         onOpenChange: u,
-        className: n,
-        ...t,
+        className: d,
+        ...n,
         children: [
-          /* @__PURE__ */ f(F.Trigger, { className: js, children: [
+          /* @__PURE__ */ f(F.Trigger, { className: ks, children: [
             e ? /* @__PURE__ */ a(
               "span",
               {
@@ -466,8 +540,8 @@ const js = [
     );
   }
 );
-zs.displayName = "SidebarGroup";
-const ks = C(
+Cs.displayName = "SidebarGroup";
+const Ts = I(
   [
     // Every row is a pin-hover parent so inline pin / reorder affordances can
     // fade in on hover of the whole row — keep `group/item` on this selector.
@@ -528,34 +602,34 @@ const ks = C(
       isActive: !1
     }
   }
-), W = b(
+), Q = b(
   ({
     asChild: s = !1,
     isActive: e = !1,
     isPinned: r = !1,
-    onPinChange: n,
-    pinLabel: d,
+    onPinChange: d,
+    pinLabel: i,
     className: o,
     children: u,
-    "aria-label": t,
+    "aria-label": n,
     ...m
   }, l) => {
-    const { mode: v, density: h } = y(), w = s ? ts : "a", p = n !== void 0 && v !== "icon", i = /* @__PURE__ */ a(
+    const { mode: p, density: x } = y(), w = s ? ns : "a", g = d !== void 0 && p !== "icon", t = /* @__PURE__ */ a(
       w,
       {
         ref: l,
         "aria-current": e ? "page" : void 0,
-        "aria-label": t,
-        className: ks({
-          mode: v,
-          density: h,
+        "aria-label": n,
+        className: Ts({
+          mode: p,
+          density: x,
           isActive: e,
-          className: p ? "ds:flex-1 ds:min-w-0" : o
+          className: g ? "ds:flex-1 ds:min-w-0" : o
         }),
         ...m,
         children: u
       }
-    ), N = p ? /* @__PURE__ */ f(
+    ), N = g ? /* @__PURE__ */ f(
       "div",
       {
         className: [
@@ -563,19 +637,19 @@ const ks = C(
           o ?? ""
         ].filter(Boolean).join(" "),
         children: [
-          i,
+          t,
           /* @__PURE__ */ a(
-            _,
+            V,
             {
               isPinned: r,
-              label: d ?? t ?? "",
-              onPinChange: n
+              label: i ?? n ?? "",
+              onPinChange: d
             }
           )
         ]
       }
-    ) : i;
-    return v === "icon" && t ? /* @__PURE__ */ f(S.Root, { children: [
+    ) : t;
+    return p === "icon" && n ? /* @__PURE__ */ f(S.Root, { children: [
       /* @__PURE__ */ a(S.Trigger, { asChild: !0, children: N }),
       /* @__PURE__ */ a(S.Portal, { children: /* @__PURE__ */ f(
         S.Content,
@@ -590,7 +664,7 @@ const ks = C(
             "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
           ].join(" "),
           children: [
-            t,
+            n,
             /* @__PURE__ */ a(S.Arrow, { className: "ds:fill-[var(--foreground)]" })
           ]
         }
@@ -598,87 +672,81 @@ const ks = C(
     ] }) : N;
   }
 );
-W.displayName = "SidebarItem";
-const Cs = b(
-  ({ className: s, children: e, ...r }, n) => /* @__PURE__ */ a(
+Q.displayName = "SidebarItem";
+const Is = b(({ className: s, children: e, ...r }, d) => /* @__PURE__ */ a(
+  "span",
+  {
+    ref: d,
+    "aria-hidden": "true",
+    className: [
+      "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
+      "ds:size-5",
+      // Icons carry the accent tint by default so the rail reads less
+      // monotone against the violet active pill. The active row sets
+      // `aria-current="page"` on the anchor (which is `group/item`), so
+      // the icon flips to the primary-foreground (white) on the filled
+      // pill — keeping it readable on the primary background.
+      "ds:text-[var(--accent)]",
+      "ds:group-aria-[current=page]/item:text-[var(--primary-foreground)]",
+      s ?? ""
+    ].filter(Boolean).join(" "),
+    ...r,
+    children: e
+  }
+));
+Is.displayName = "SidebarItemIcon";
+const Bs = b(({ className: s, children: e, ...r }, d) => {
+  const { mode: i } = y();
+  return /* @__PURE__ */ a(
     "span",
     {
-      ref: n,
-      "aria-hidden": "true",
+      ref: d,
       className: [
-        "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
-        "ds:size-5",
-        // Icons carry the accent tint by default so the rail reads less
-        // monotone against the violet active pill. The active row sets
-        // `aria-current="page"` on the anchor (which is `group/item`), so
-        // the icon flips to the primary-foreground (white) on the filled
-        // pill — keeping it readable on the primary background.
-        "ds:text-[var(--accent)]",
-        "ds:group-aria-[current=page]/item:text-[var(--primary-foreground)]",
+        "ds:flex-1",
+        "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal",
+        "ds:text-start",
+        i === "icon" ? "ds:sr-only" : "",
         s ?? ""
       ].filter(Boolean).join(" "),
       ...r,
       children: e
     }
-  )
-);
-Cs.displayName = "SidebarItemIcon";
-const Ts = b(
-  ({ className: s, children: e, ...r }, n) => {
-    const { mode: d } = y();
-    return /* @__PURE__ */ a(
-      "span",
-      {
-        ref: n,
-        className: [
-          "ds:flex-1",
-          "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal",
-          "ds:text-start",
-          d === "icon" ? "ds:sr-only" : "",
-          s ?? ""
-        ].filter(Boolean).join(" "),
-        ...r,
-        children: e
-      }
-    );
-  }
-);
-Ts.displayName = "SidebarItemLabel";
-const Bs = b(
-  ({ className: s, children: e, ...r }, n) => {
-    const { mode: d } = y(), o = d === "icon";
-    return /* @__PURE__ */ a(
-      "span",
-      {
-        ref: n,
-        "aria-hidden": o ? "true" : void 0,
-        className: [
-          "ds:inline-flex ds:items-center ds:justify-center",
-          "ds:font-[var(--font-weight-semibold)]",
-          o ? [
-            "ds:absolute ds:top-[2px] ds:end-[2px]",
-            "ds:min-w-0 ds:size-[10px] ds:ps-0 ds:pe-0",
-            "ds:rounded-[var(--radius-full)]",
-            "ds:bg-[var(--primary)] ds:text-transparent",
-            "ds:ring-2 ds:ring-[var(--background)]",
-            "ds:pointer-events-none"
-          ].join(" ") : [
-            "ds:min-w-[var(--spacing-lg)] ds:h-[var(--spacing-lg)]",
-            "ds:rounded-[var(--radius-full)]",
-            "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
-            "ds:text-[length:var(--font-size-xs)]",
-            "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]"
-          ].join(" "),
-          s ?? ""
-        ].filter(Boolean).join(" "),
-        ...r,
-        children: e
-      }
-    );
-  }
-);
-Bs.displayName = "SidebarItemBadge";
-const Ds = C(
+  );
+});
+Bs.displayName = "SidebarItemLabel";
+const Ds = b(({ className: s, children: e, ...r }, d) => {
+  const { mode: i } = y(), o = i === "icon";
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      ref: d,
+      "aria-hidden": o ? "true" : void 0,
+      className: [
+        "ds:inline-flex ds:items-center ds:justify-center",
+        "ds:font-[var(--font-weight-semibold)]",
+        o ? [
+          "ds:absolute ds:top-[2px] ds:end-[2px]",
+          "ds:min-w-0 ds:size-[10px] ds:ps-0 ds:pe-0",
+          "ds:rounded-[var(--radius-full)]",
+          "ds:bg-[var(--primary)] ds:text-transparent",
+          "ds:ring-2 ds:ring-[var(--background)]",
+          "ds:pointer-events-none"
+        ].join(" ") : [
+          "ds:min-w-[var(--spacing-lg)] ds:h-[var(--spacing-lg)]",
+          "ds:rounded-[var(--radius-full)]",
+          "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
+          "ds:text-[length:var(--font-size-xs)]",
+          "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]"
+        ].join(" "),
+        s ?? ""
+      ].filter(Boolean).join(" "),
+      ...r,
+      children: e
+    }
+  );
+});
+Ds.displayName = "SidebarItemBadge";
+const As = I(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -691,26 +759,27 @@ const Ds = C(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), Is = b(({ logo: s, name: e, showChevron: r = !0, className: n, ...d }, o) => {
-  const { mode: u } = y(), t = u !== "icon";
+), Rs = b(({ logo: s, name: e, showChevron: r = !0, className: d, ...i }, o) => {
+  const { mode: u } = y(), n = u !== "icon";
   return /* @__PURE__ */ f(
     "button",
     {
       ref: o,
       type: "button",
       "aria-label": e,
-      className: [Ds(), n].filter(Boolean).join(" "),
-      ...d,
+      className: [As(), d].filter(Boolean).join(" "),
+      ...i,
       children: [
-        /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "ds:inline-flex ds:items-center ds:shrink-0", children: s }),
-        t ? /* @__PURE__ */ f(O, { children: [
-          /* @__PURE__ */ a(
-            "span",
-            {
-              className: "ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]",
-              children: e
-            }
-          ),
+        /* @__PURE__ */ a(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:inline-flex ds:items-center ds:shrink-0",
+            children: s
+          }
+        ),
+        n ? /* @__PURE__ */ f(K, { children: [
+          /* @__PURE__ */ a("span", { className: "ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]", children: e }),
           r ? /* @__PURE__ */ a(
             L,
             {
@@ -723,8 +792,8 @@ const Ds = C(
     }
   );
 });
-Is.displayName = "SidebarWorkspaceSwitcher";
-const As = C(
+Rs.displayName = "SidebarWorkspaceSwitcher";
+const Ps = I(
   [
     "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -747,8 +816,8 @@ const As = C(
     },
     defaultVariants: { mode: "expanded" }
   }
-), Rs = b(({ icon: s, label: e, shortcut: r, className: n, ...d }, o) => {
-  const { mode: u } = y(), t = u !== "icon";
+), Hs = b(({ icon: s, label: e, shortcut: r, className: d, ...i }, o) => {
+  const { mode: u } = y(), n = u !== "icon";
   return /* @__PURE__ */ f(
     "button",
     {
@@ -756,11 +825,18 @@ const As = C(
       type: "button",
       "aria-label": e,
       "aria-keyshortcuts": r,
-      className: [As({ mode: u }), n].filter(Boolean).join(" "),
-      ...d,
+      className: [Ps({ mode: u }), d].filter(Boolean).join(" "),
+      ...i,
       children: [
-        /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "ds:inline-flex ds:size-4 ds:items-center ds:justify-center", children: s }),
-        t ? /* @__PURE__ */ f(O, { children: [
+        /* @__PURE__ */ a(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:inline-flex ds:size-4 ds:items-center ds:justify-center",
+            children: s
+          }
+        ),
+        n ? /* @__PURE__ */ f(K, { children: [
           /* @__PURE__ */ a("span", { className: "ds:truncate", children: e }),
           r ? /* @__PURE__ */ a("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
@@ -768,8 +844,8 @@ const As = C(
     }
   );
 });
-Rs.displayName = "SidebarPrimaryAction";
-const Ps = [
+Hs.displayName = "SidebarPrimaryAction";
+const Fs = [
   "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.
@@ -782,11 +858,11 @@ 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(" "), _ = b(
-  ({ isPinned: s, onPinChange: e, label: r, className: n, onClick: d, ...o }, u) => {
-    const { t } = I(), { mode: m } = y();
+].join(" "), V = b(
+  ({ isPinned: s, onPinChange: e, label: r, className: d, onClick: i, ...o }, u) => {
+    const { t: n } = A(), { mode: m } = y();
     if (m === "icon") return null;
-    const l = s ? t("ui.navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : t("ui.navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
+    const l = s ? n("ui.navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : n("ui.navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
     return /* @__PURE__ */ a(
       "button",
       {
@@ -794,13 +870,13 @@ const Ps = [
         type: "button",
         "aria-label": l,
         "aria-pressed": s,
-        className: [Ps, n].filter(Boolean).join(" "),
-        onClick: (v) => {
-          v.preventDefault(), v.stopPropagation(), e == null || e(!s), d == null || d(v);
+        className: [Fs, d].filter(Boolean).join(" "),
+        onClick: (p) => {
+          p.preventDefault(), p.stopPropagation(), e == null || e(!s), i == null || i(p);
         },
         ...o,
         children: /* @__PURE__ */ a(
-          gs,
+          bs,
           {
             "aria-hidden": "true",
             className: "ds:size-4",
@@ -811,34 +887,32 @@ const Ps = [
     );
   }
 );
-_.displayName = "SidebarPinButton";
-const X = q(null), Fs = () => G(X), Hs = b(
-  ({ heading: s, emptyMessage: e, onReorder: r, className: n, children: d, ...o }, u) => {
-    const { t } = I(), m = s ?? t("ui.navigation.sidebar.favorites", "Favourites"), l = Array.isArray(d) ? d.filter(Boolean) : d ? [d] : [], v = l.length, h = v > 0, [w, p] = D(null), [i, N] = D(""), x = is(!1), g = K((z) => {
-      x.current = !x.current, N(
-        x.current ? z : `${z}​`
-      );
-    }, []), j = ns(
-      () => ({ onReorder: r, count: v, dragSource: w, setDragSource: p, announce: g }),
-      [r, v, w, g]
+V.displayName = "SidebarPinButton";
+const Z = W(null), _s = () => J(Z), Es = b(
+  ({ heading: s, emptyMessage: e, onReorder: r, className: d, children: i, ...o }, u) => {
+    const { t: n } = A(), m = s ?? n("ui.navigation.sidebar.favorites", "Favourites"), l = Array.isArray(i) ? i.filter(Boolean) : i ? [i] : [], p = l.length, x = p > 0, [w, g] = D(null), [t, N] = D(""), h = q(!1), v = G((j) => {
+      h.current = !h.current, N(h.current ? j : `${j}​`);
+    }, []), z = U(
+      () => ({ onReorder: r, count: p, dragSource: w, setDragSource: g, announce: v }),
+      [r, p, w, v]
     );
-    return !h && !e ? null : /* @__PURE__ */ a(X.Provider, { value: j, children: /* @__PURE__ */ f(
-      J,
+    return !x && !e ? null : /* @__PURE__ */ a(Z.Provider, { value: z, children: /* @__PURE__ */ f(
+      Y,
       {
         ref: u,
         label: m,
-        className: n,
+        className: d,
         ...o,
         children: [
-          h ? l : /* @__PURE__ */ a("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: e }),
-          /* @__PURE__ */ a("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: i })
+          x ? l : /* @__PURE__ */ a("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: e }),
+          /* @__PURE__ */ a("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: t })
         ]
       }
     ) });
   }
 );
-Hs.displayName = "SidebarFavorites";
-const Ls = C(
+Es.displayName = "SidebarFavorites";
+const Ls = I(
   [
     "ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -857,7 +931,7 @@ const Ls = C(
     },
     defaultVariants: { dragging: !1, dropTarget: !1 }
   }
-), _s = [
+), Vs = [
   "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",
@@ -871,95 +945,92 @@ const Ls = C(
   "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(" "), Es = b(
+].join(" "), Ms = b(
   ({
     index: s,
     isActive: e = !1,
     asChild: r = !1,
-    reorderLabel: n,
-    isPinned: d = !1,
+    reorderLabel: d,
+    isPinned: i = !1,
     onPinChange: o,
     pinLabel: u,
-    "aria-label": t,
+    "aria-label": n,
     className: m,
     children: l,
-    ...v
-  }, h) => {
-    const { t: w } = I(), { mode: p } = y(), i = Fs(), [N, x] = D(!1), g = !!(i != null && i.onReorder) && p !== "icon", j = n ?? t ?? "", z = rs(), T = (c, k) => {
-      if (!(i != null && i.onReorder)) return;
-      const P = Math.max(0, Math.min(i.count - 1, k));
-      P !== c && (i.onReorder(c, P), i.announce(
+    ...p
+  }, x) => {
+    const { t: w } = A(), { mode: g } = y(), t = _s(), [N, h] = D(!1), v = !!(t != null && t.onReorder) && g !== "icon", z = d ?? n ?? "", j = ds(), k = (c, T) => {
+      if (!(t != null && t.onReorder)) return;
+      const H = Math.max(0, Math.min(t.count - 1, T));
+      H !== c && (t.onReorder(c, H), t.announce(
         w(
           "ui.navigation.sidebar.reorderAnnounce",
           "{{label}} moved to position {{to}} of {{total}}",
-          { label: j, to: P + 1, total: i.count }
+          { label: z, to: H + 1, total: t.count }
         )
       ));
-    }, Y = (c) => {
-      g && (c.altKey && c.key === "ArrowUp" ? (c.preventDefault(), T(s, s - 1)) : c.altKey && c.key === "ArrowDown" ? (c.preventDefault(), T(s, s + 1)) : c.key === "Home" && c.altKey ? (c.preventDefault(), T(s, 0)) : c.key === "End" && c.altKey && (c.preventDefault(), T(s, i.count - 1)));
-    }, Q = (c) => {
-      g && (i == null || i.setDragSource(s), c.dataTransfer && (c.dataTransfer.effectAllowed = "move", c.dataTransfer.setData("ds:text/plain", String(s))));
-    }, Z = () => {
-      i == null || i.setDragSource(null), x(!1);
+    }, C = (c) => {
+      v && (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, t.count - 1)));
     }, ss = (c) => {
-      !g || (i == null ? void 0 : i.dragSource) === null || (c.preventDefault(), c.dataTransfer && (c.dataTransfer.dropEffect = "move"), x(!0));
-    }, es = () => x(!1), as = (c) => {
-      if (!g) return;
+      v && (t == null || t.setDragSource(s), c.dataTransfer && (c.dataTransfer.effectAllowed = "move", c.dataTransfer.setData("ds:text/plain", String(s))));
+    }, es = () => {
+      t == null || t.setDragSource(null), h(!1);
+    }, as = (c) => {
+      !v || (t == null ? void 0 : t.dragSource) === null || (c.preventDefault(), c.dataTransfer && (c.dataTransfer.dropEffect = "move"), h(!0));
+    }, rs = () => h(!1), ts = (c) => {
+      if (!v) return;
       c.preventDefault();
-      const k = i == null ? void 0 : i.dragSource;
-      x(!1), !(k == null || k === s) && T(k, s);
-    }, E = (i == null ? void 0 : i.dragSource) === s;
+      const T = t == null ? void 0 : t.dragSource;
+      h(!1), !(T == null || T === s) && k(T, s);
+    }, M = (t == null ? void 0 : t.dragSource) === s;
     return /* @__PURE__ */ f(
       "div",
       {
         className: Ls({
-          dragging: E,
-          dropTarget: N && !E
+          dragging: M,
+          dropTarget: N && !M
         }),
-        draggable: g || void 0,
-        onDragStart: g ? Q : void 0,
-        onDragEnd: g ? Z : void 0,
-        onDragOver: ss,
-        onDragLeave: es,
-        onDrop: as,
+        draggable: v || void 0,
+        onDragStart: v ? ss : void 0,
+        onDragEnd: v ? es : void 0,
+        onDragOver: as,
+        onDragLeave: rs,
+        onDrop: ts,
         children: [
           /* @__PURE__ */ a(
-            W,
+            Q,
             {
-              ref: h,
+              ref: x,
               isActive: e,
               asChild: r,
-              "aria-label": t,
-              "aria-describedby": g ? z : void 0,
-              draggable: g ? !1 : void 0,
-              className: [
-                g ? "ds:flex-1 ds:min-w-0" : "",
-                m ?? ""
-              ].filter(Boolean).join(" "),
-              ...v,
+              "aria-label": n,
+              "aria-describedby": v ? j : void 0,
+              draggable: v ? !1 : void 0,
+              className: [v ? "ds:flex-1 ds:min-w-0" : "", m ?? ""].filter(Boolean).join(" "),
+              ...p,
               children: l
             }
           ),
-          g ? /* @__PURE__ */ a(
+          v ? /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              id: z,
+              id: j,
               "aria-label": w(
                 "ui.navigation.sidebar.reorderHandle",
                 "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
-                { label: j }
+                { label: z }
               ),
-              className: _s,
-              onKeyDown: Y,
-              children: /* @__PURE__ */ a(cs, { "aria-hidden": "true", className: "ds:size-4" })
+              className: Vs,
+              onKeyDown: C,
+              children: /* @__PURE__ */ a(us, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
-          o && p !== "icon" ? /* @__PURE__ */ a(
-            _,
+          o && g !== "icon" ? /* @__PURE__ */ a(
+            V,
             {
-              isPinned: d,
-              label: u ?? t ?? "",
+              isPinned: i,
+              label: u ?? n ?? "",
               onPinChange: o
             }
           ) : null
@@ -968,8 +1039,8 @@ const Ls = C(
     );
   }
 );
-Es.displayName = "SidebarFavoriteItem";
-const Vs = C(
+Ms.displayName = "SidebarFavoriteItem";
+const Os = I(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -982,18 +1053,25 @@ const Vs = C(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), Ms = b(({ avatar: s, name: e, subtitle: r, subtitleLabel: n, className: d, ...o }, u) => {
-  const { mode: t } = y(), m = t !== "icon", l = typeof r == "string" ? r : n;
+), $s = b(({ avatar: s, name: e, subtitle: r, subtitleLabel: d, className: i, ...o }, u) => {
+  const { mode: n } = y(), m = n !== "icon", l = typeof r == "string" ? r : d;
   return /* @__PURE__ */ f(
     "button",
     {
       ref: u,
       type: "button",
       "aria-label": l ? `${e}, ${l}` : e,
-      className: [Vs(), d].filter(Boolean).join(" "),
+      className: [Os(), i].filter(Boolean).join(" "),
       ...o,
       children: [
-        /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "ds:inline-flex ds:items-center ds:shrink-0", children: s }),
+        /* @__PURE__ */ a(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:inline-flex ds:items-center ds:shrink-0",
+            children: s
+          }
+        ),
         m ? /* @__PURE__ */ f("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
           /* @__PURE__ */ a("span", { className: "ds:block ds:truncate type-label", children: e }),
           r ? typeof r == "string" ? /* @__PURE__ */ a("span", { className: "ds:block ds:truncate type-meta ds:text-[color:var(--muted-foreground)]", children: r }) : /* @__PURE__ */ a("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
@@ -1002,8 +1080,8 @@ const Vs = C(
     }
   );
 });
-Ms.displayName = "SidebarProfilePill";
-const Os = [
+$s.displayName = "SidebarProfilePill";
+const Ks = [
   "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)]",
@@ -1013,68 +1091,79 @@ 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(" "), $s = b(
-  ({ className: s, "aria-label": e, onClick: r, ...n }, d) => {
-    const { t: o } = I(), { mode: u, transitionTo: t } = y();
-    if (u === "overlay") return null;
-    const m = u === "expanded", l = e ?? (m ? o("ui.navigation.sidebar.collapse", "Collapse sidebar") : o("ui.navigation.sidebar.expand", "Expand sidebar")), v = /* @__PURE__ */ a(
-      "button",
-      {
-        ref: d,
-        type: "button",
-        "aria-label": l,
-        "aria-expanded": m,
-        onClick: (h) => {
-          t == null || t(m ? "icon" : "expanded"), r == null || r(h);
-        },
-        className: [Os, s].filter(Boolean).join(" "),
-        ...n,
-        children: m ? /* @__PURE__ */ a(ms, { "aria-hidden": "true", className: "ds:size-4 ds:rtl:-scale-x-100" }) : /* @__PURE__ */ a(vs, { "aria-hidden": "true", className: "ds:size-4 ds:rtl:-scale-x-100" })
-      }
-    );
-    return /* @__PURE__ */ f(S.Root, { children: [
-      /* @__PURE__ */ a(S.Trigger, { asChild: !0, children: v }),
-      /* @__PURE__ */ a(S.Portal, { children: /* @__PURE__ */ f(
-        S.Content,
+].join(" "), Gs = b(({ className: s, "aria-label": e, onClick: r, ...d }, i) => {
+  const { t: o } = A(), { mode: u, transitionTo: n } = y();
+  if (u === "overlay") return null;
+  const m = u === "expanded", l = e ?? (m ? o("ui.navigation.sidebar.collapse", "Collapse sidebar") : o("ui.navigation.sidebar.expand", "Expand sidebar")), p = /* @__PURE__ */ a(
+    "button",
+    {
+      ref: i,
+      type: "button",
+      "aria-label": l,
+      "aria-expanded": m,
+      onClick: (x) => {
+        n == null || n(m ? "icon" : "expanded"), r == null || r(x);
+      },
+      className: [Ks, s].filter(Boolean).join(" "),
+      ...d,
+      children: m ? /* @__PURE__ */ a(
+        fs,
         {
-          side: u === "icon" ? "right" : "top",
-          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: [
-            l,
-            /* @__PURE__ */ a(S.Arrow, { className: "ds:fill-[var(--foreground)]" })
-          ]
+          "aria-hidden": "true",
+          className: "ds:size-4 ds:rtl:-scale-x-100"
         }
-      ) })
-    ] });
-  }
-);
-$s.displayName = "SidebarCollapseTrigger";
+      ) : /* @__PURE__ */ a(
+        vs,
+        {
+          "aria-hidden": "true",
+          className: "ds:size-4 ds:rtl:-scale-x-100"
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ f(S.Root, { children: [
+    /* @__PURE__ */ a(S.Trigger, { asChild: !0, children: p }),
+    /* @__PURE__ */ a(S.Portal, { children: /* @__PURE__ */ f(
+      S.Content,
+      {
+        side: u === "icon" ? "right" : "top",
+        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: [
+          l,
+          /* @__PURE__ */ a(S.Arrow, { className: "ds:fill-[var(--foreground)]" })
+        ]
+      }
+    ) })
+  ] });
+});
+Gs.displayName = "SidebarCollapseTrigger";
 export {
-  xs as S,
-  ws as a,
-  $s as b,
-  Es as c,
-  Hs as d,
-  Ns as e,
-  zs as f,
-  ys as g,
-  W as h,
-  Bs as i,
-  Cs as j,
-  Ts as k,
-  _ as l,
-  Rs as m,
-  Ms as n,
-  J as o,
-  Is as p,
+  ws as S,
+  Ss as a,
+  Gs as b,
+  Ms as c,
+  Es as d,
+  js as e,
+  Cs as f,
+  Ns as g,
+  Q as h,
+  Ds as i,
+  Is as j,
+  Bs as k,
+  V as l,
+  Hs as m,
+  $s as n,
+  Y as o,
+  Rs as p,
   y as q,
-  Zs as u
+  hs as s,
+  ae as u
 };
-//# sourceMappingURL=sidebar-CHF5xr_P.js.map
+//# sourceMappingURL=sidebar-Bx3wCDyy.js.map