@alfadocs/ui-kit 0.1.4 → 0.1.5

package/dist/_chunks/{sidebar-Dc2ffrbf.js → sidebar-OVzwN3jE.js}

@@ -1,14 +1,14 @@
 import { jsx as a, jsxs as f, Fragment as O } from "react/jsx-runtime";
-import { forwardRef as g, useState as D, useEffect as $, useCallback as K, useId as re, useRef as ie, useMemo as ne, useContext as G, createContext as q } from "react";
+import { forwardRef as g, useState as D, useEffect as $, useCallback as K, useId as rs, useRef as is, useMemo as ds, useContext as G, createContext as q } from "react";
 import * as B from "@radix-ui/react-dialog";
 import * as F from "@radix-ui/react-collapsible";
 import * as A from "@radix-ui/react-accordion";
 import * as S from "@radix-ui/react-tooltip";
-import { a as te } from "./accordion-B6fyINUk.js";
-import { Slot as oe } from "@radix-ui/react-slot";
+import { a as ns } from "./accordion-B6fyINUk.js";
+import { Slot as ts } from "@radix-ui/react-slot";
 import { c as k } from "./index-D2ZczOXr.js";
 import { useTranslation as I } from "react-i18next";
-import { X as de } from "./x-CCcI3eJp.js";
+import { X as os } from "./x-CCcI3eJp.js";
 import { c as R } from "./createLucideIcon-CrFbzy84.js";
 import { C as L } from "./chevron-right-BrpYejk0.js";
 /**
@@ -17,43 +17,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 le = [
+const ls = [
   ["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" }]
-], ce = R("grip-vertical", le);
+], cs = R("grip-vertical", ls);
 /**
  * @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 ue = [
+const us = [
   ["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" }]
-], me = R("panel-left-close", ue);
+], ms = R("panel-left-close", us);
 /**
  * @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 fe = [
+const fs = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
-], ve = R("panel-left-open", fe);
+], vs = R("panel-left-open", 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 pe = [
+const ps = [
   [
     "path",
     {
@@ -61,44 +61,44 @@ const pe = [
       key: "r04s7s"
     }
   ]
-], ge = R("star", pe), H = q({
+], gs = R("star", ps), H = q({
   mode: "expanded",
   density: "default"
 }), w = () => G(H), U = "ui.sidebar.state";
-function be(e) {
-  if (typeof window > "u") return e;
+function bs(s) {
+  if (typeof window > "u") return s;
   try {
-    const s = window.localStorage.getItem(U);
-    if (s === "expanded" || s === "icon" || s === "overlay") return s;
+    const e = window.localStorage.getItem(U);
+    if (e === "expanded" || e === "icon" || e === "overlay") return e;
   } catch {
   }
-  return e;
+  return s;
 }
-function he(e) {
+function hs(s) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(U, e);
+      window.localStorage.setItem(U, s);
     } catch {
     }
 }
-function Ze(e, s) {
+function Zs(s, e) {
   const [r, i] = D(() => {
     if (typeof window > "u")
-      return typeof s == "function" ? s() : s;
+      return typeof e == "function" ? e() : e;
     try {
-      const t = window.localStorage.getItem(e);
-      if (t !== null) return JSON.parse(t);
+      const n = window.localStorage.getItem(s);
+      if (n !== null) return JSON.parse(n);
     } catch {
     }
-    return typeof s == "function" ? s() : s;
+    return typeof e == "function" ? e() : e;
   });
   return $(() => {
     if (!(typeof window > "u"))
       try {
-        window.localStorage.setItem(e, JSON.stringify(r));
+        window.localStorage.setItem(s, JSON.stringify(r));
       } catch {
       }
-  }, [e, r]), [r, i];
+  }, [s, r]), [r, i];
 }
 const V = k(
   [
@@ -140,32 +140,32 @@ const V = k(
     },
     defaultVariants: { mode: "expanded", density: "default" }
   }
-), xe = g(
+), xs = g(
   ({
-    state: e,
-    defaultState: s = "expanded",
+    state: s,
+    defaultState: e = "expanded",
     onStateChange: r,
     density: i = "default",
-    open: t,
-    onOpenChange: d,
+    open: n,
+    onOpenChange: o,
     "aria-label": c,
-    className: o,
+    className: t,
     children: m,
     ...u
   }, v) => {
-    const { t: h } = I(), b = e !== void 0, [x, n] = D(
-      () => b ? e : be(s)
-    ), y = b ? e : x;
+    const { t: h } = I(), b = s !== void 0, [x, d] = D(
+      () => b ? s : bs(e)
+    ), y = b ? s : x;
     $(() => {
-      b || he(x);
+      b || hs(x);
     }, [x, b]);
     const N = K(
       (j) => {
-        b || n(j), r == null || r(j);
+        b || d(j), r == null || r(j);
       },
       [b, r]
     ), p = c ?? h("ui.navigation.sidebar.label");
-    return y === "overlay" ? /* @__PURE__ */ a(H.Provider, { value: { mode: "overlay", density: i, transitionTo: N }, children: /* @__PURE__ */ a(B.Root, { open: t, onOpenChange: d, children: /* @__PURE__ */ f(B.Portal, { children: [
+    return y === "overlay" ? /* @__PURE__ */ a(H.Provider, { value: { mode: "overlay", density: i, transitionTo: N }, children: /* @__PURE__ */ a(B.Root, { open: n, onOpenChange: o, children: /* @__PURE__ */ f(B.Portal, { children: [
       /* @__PURE__ */ a(
         B.Overlay,
         {
@@ -193,7 +193,7 @@ const V = k(
             "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",
-            o ?? ""
+            t ?? ""
           ].filter(Boolean).join(" "),
           children: [
             /* @__PURE__ */ a("nav", { ref: v, "aria-label": p, "data-component": "sidebar", className: "ds:flex ds:flex-col ds:h-full", ...u, children: m }),
@@ -211,7 +211,7 @@ const V = 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__ */ a(de, { "aria-hidden": "true", className: "ds:size-4" })
+                children: /* @__PURE__ */ a(os, { "aria-hidden": "true", className: "ds:size-4" })
               }
             ) })
           ]
@@ -228,7 +228,7 @@ const V = k(
         className: [
           V({ mode: y, density: i }),
           i === "compact" ? "ds:density-compact" : "",
-          o ?? ""
+          t ?? ""
         ].filter(Boolean).join(" "),
         ...u,
         children: m
@@ -236,9 +236,9 @@ const V = k(
     ) }) });
   }
 );
-xe.displayName = "Sidebar";
-const ye = g(
-  ({ className: e, ...s }, r) => {
+xs.displayName = "Sidebar";
+const ys = g(
+  ({ className: s, ...e }, r) => {
     const { mode: i } = w();
     return /* @__PURE__ */ a(
       "div",
@@ -255,16 +255,16 @@ const ye = g(
           // sticky top band above the scrolling body.
           "ds:border-block-end ds:border-[var(--border)]",
           "ds:shadow-[var(--shadow-chrome-down)]",
-          e ?? ""
+          s ?? ""
         ].filter(Boolean).join(" "),
-        ...s
+        ...e
       }
     );
   }
 );
-ye.displayName = "SidebarHeader";
-const we = g(
-  ({ className: e, ...s }, r) => /* @__PURE__ */ a(
+ys.displayName = "SidebarHeader";
+const ws = g(
+  ({ className: s, ...e }, r) => /* @__PURE__ */ a(
     "div",
     {
       ref: r,
@@ -272,15 +272,15 @@ const we = g(
         "ds:flex-1 ds:overflow-auto",
         "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
         "ds:py-[var(--spacing-sm)]",
-        e ?? ""
+        s ?? ""
       ].filter(Boolean).join(" "),
-      ...s
+      ...e
     }
   )
 );
-we.displayName = "SidebarBody";
-const Ne = g(
-  ({ className: e, ...s }, r) => {
+ws.displayName = "SidebarBody";
+const Ns = g(
+  ({ className: s, ...e }, r) => {
     const { mode: i } = w();
     return /* @__PURE__ */ a(
       "div",
@@ -297,50 +297,50 @@ const Ne = g(
           // sticky bottom band below the scrolling body.
           "ds:border-block-start ds:border-[var(--border)]",
           "ds:shadow-[var(--shadow-chrome-up)]",
-          e ?? ""
+          s ?? ""
         ].filter(Boolean).join(" "),
-        ...s
+        ...e
       }
     );
   }
 );
-Ne.displayName = "SidebarFooter";
-const Se = [
-  "group/section-label flex w-full items-center",
+Ns.displayName = "SidebarFooter";
+const Ss = [
+  "ds:group/section-label ds:flex ds:w-full ds:items-center",
   "type-eyebrow",
-  "text-[var(--muted-foreground)]",
-  "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-  "py-[var(--spacing-xs)]",
-  "hover:text-[var(--foreground)]",
-  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none"
+  "ds:text-[var(--muted-foreground)]",
+  "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+  "ds:py-[var(--spacing-xs)]",
+  "ds:hover:text-[var(--foreground)]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
 ].join(" "), M = [
-  "inline-flex shrink-0 items-center justify-center",
-  "size-4",
-  "text-[var(--accent)]",
-  "me-[var(--spacing-xs)]"
+  "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(
   ({
-    label: e,
-    icon: s,
+    label: s,
+    icon: e,
     collapsible: r = !0,
     defaultOpen: i = !0,
-    open: t,
-    onOpenChange: d,
+    open: n,
+    onOpenChange: o,
     className: c,
-    children: o,
+    children: t,
     ...m
   }, u) => {
-    const { mode: v } = w(), h = v === "icon", b = r && !h && !!e, x = [
-      "flex flex-col",
-      "gap-[var(--spacing-xs)]",
-      "mt-[var(--spacing-sm)]",
+    const { mode: v } = w(), h = v === "icon", b = r && !h && !!s, x = [
+      "ds:flex ds:flex-col",
+      "ds:gap-[var(--spacing-xs)]",
+      "ds:mt-[var(--spacing-sm)]",
       c ?? ""
     ].filter(Boolean).join(" ");
     if (!b)
       return /* @__PURE__ */ f("div", { ref: u, className: x, ...m, children: [
-        !!e || !!s ? /* @__PURE__ */ f(
+        !!s || !!e ? /* @__PURE__ */ f(
           "span",
           {
             className: [
@@ -349,30 +349,30 @@ const Se = [
               "ds:text-[var(--muted-foreground)]",
               "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
               "ds:py-[var(--spacing-xs)]",
-              h && !s ? "ds:sr-only" : ""
+              h && !e ? "ds:sr-only" : ""
             ].filter(Boolean).join(" "),
             children: [
-              s ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: M, children: s }) : null,
-              e ? /* @__PURE__ */ a("span", { className: h ? "ds:sr-only" : "", children: e }) : null
+              e ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: M, children: e }) : null,
+              s ? /* @__PURE__ */ a("span", { className: h ? "ds:sr-only" : "", children: s }) : null
             ]
           }
         ) : null,
-        o
+        t
       ] });
-    const n = "section";
+    const d = "section";
     return /* @__PURE__ */ a(
       A.Root,
       {
         type: "single",
         collapsible: !0,
-        defaultValue: t === void 0 && i ? n : void 0,
-        value: t === void 0 ? void 0 : t ? n : "",
-        onValueChange: d ? (y) => d(y === n) : void 0,
+        defaultValue: n === void 0 && i ? d : void 0,
+        value: n === void 0 ? void 0 : n ? d : "",
+        onValueChange: o ? (y) => o(y === d) : void 0,
         asChild: !0,
-        children: /* @__PURE__ */ a("div", { ref: u, className: x, ...m, children: /* @__PURE__ */ f(A.Item, { value: n, children: [
-          /* @__PURE__ */ a(A.Header, { className: "ds:flex", children: /* @__PURE__ */ f(A.Trigger, { className: Se, children: [
-            s ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: M, children: s }) : null,
-            /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:text-start", children: e }),
+        children: /* @__PURE__ */ a("div", { ref: u, className: x, ...m, children: /* @__PURE__ */ f(A.Item, { value: d, 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,
+            /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:text-start", children: s }),
             /* @__PURE__ */ a(
               L,
               {
@@ -382,11 +382,11 @@ const Se = [
             )
           ] }) }),
           /* @__PURE__ */ a(
-            te,
+            ns,
             {
-              "aria-label": e,
+              "aria-label": s,
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:[&>div]:contents",
-              children: o
+              children: t
             }
           )
         ] }) })
@@ -395,37 +395,37 @@ const Se = [
   }
 );
 J.displayName = "SidebarSection";
-const je = [
-  "group flex w-full items-center gap-[var(--spacing-sm)]",
-  "min-h-[var(--min-target-size)]",
-  "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-  "rounded-[var(--radius-sm)]",
-  "text-[var(--foreground)] text-[var(--font-size-sm)]",
-  "font-[var(--font-weight-medium)]",
-  "hover:bg-[var(--muted)]/20",
-  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none"
-].join(" "), ze = g(
-  ({ label: e, icon: s, children: r, className: i, defaultOpen: t, open: d, onOpenChange: c, ...o }, m) => {
+const js = [
+  "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)]",
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:text-[var(--foreground)] ds:text-[var(--font-size-sm)]",
+  "ds:font-[var(--font-weight-medium)]",
+  "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)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), zs = g(
+  ({ label: s, icon: e, children: r, className: i, defaultOpen: n, open: o, onOpenChange: c, ...t }, m) => {
     const { mode: u } = w();
     return /* @__PURE__ */ f(
       F.Root,
       {
         ref: m,
-        defaultOpen: t,
-        open: d,
+        defaultOpen: n,
+        open: o,
         onOpenChange: c,
         className: i,
-        ...o,
+        ...t,
         children: [
-          /* @__PURE__ */ f(F.Trigger, { className: je, children: [
-            s ? /* @__PURE__ */ a(
+          /* @__PURE__ */ f(F.Trigger, { className: js, children: [
+            e ? /* @__PURE__ */ a(
               "span",
               {
                 "aria-hidden": "true",
                 className: "ds:inline-flex ds:items-center ds:text-[var(--accent)]",
-                children: s
+                children: e
               }
             ) : null,
             /* @__PURE__ */ a(
@@ -435,7 +435,7 @@ const je = [
                   "ds:flex-1 ds:text-start",
                   u === "icon" ? "ds:sr-only" : ""
                 ].join(" "),
-                children: e
+                children: s
               }
             ),
             u !== "icon" ? /* @__PURE__ */ a(
@@ -463,8 +463,8 @@ const je = [
     );
   }
 );
-ze.displayName = "SidebarGroup";
-const ke = k(
+zs.displayName = "SidebarGroup";
+const ks = k(
   [
     // Every row is a pin-hover parent so inline pin / reorder affordances can
     // fade in on hover of the whole row — keep `group/item` on this selector.
@@ -527,27 +527,27 @@ const ke = k(
   }
 ), W = g(
   ({
-    asChild: e = !1,
-    isActive: s = !1,
+    asChild: s = !1,
+    isActive: e = !1,
     isPinned: r = !1,
     onPinChange: i,
-    pinLabel: t,
-    className: d,
+    pinLabel: n,
+    className: o,
     children: c,
-    "aria-label": o,
+    "aria-label": t,
     ...m
   }, u) => {
-    const { mode: v, density: h } = w(), b = e ? oe : "a", x = i !== void 0 && v !== "icon", n = /* @__PURE__ */ a(
+    const { mode: v, density: h } = w(), b = s ? ts : "a", x = i !== void 0 && v !== "icon", d = /* @__PURE__ */ a(
       b,
       {
         ref: u,
-        "aria-current": s ? "page" : void 0,
-        "aria-label": o,
-        className: ke({
+        "aria-current": e ? "page" : void 0,
+        "aria-label": t,
+        className: ks({
           mode: v,
           density: h,
-          isActive: s,
-          className: x ? "flex-1 min-w-0" : d
+          isActive: e,
+          className: x ? "ds:flex-1 ds:min-w-0" : o
         }),
         ...m,
         children: c
@@ -557,22 +557,22 @@ const ke = k(
       {
         className: [
           "ds:group/item ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
-          d ?? ""
+          o ?? ""
         ].filter(Boolean).join(" "),
         children: [
-          n,
+          d,
           /* @__PURE__ */ a(
             _,
             {
               isPinned: r,
-              label: t ?? o ?? "",
+              label: n ?? t ?? "",
               onPinChange: i
             }
           )
         ]
       }
-    ) : n;
-    return v === "icon" && o ? /* @__PURE__ */ f(S.Root, { children: [
+    ) : d;
+    return v === "icon" && t ? /* @__PURE__ */ f(S.Root, { children: [
       /* @__PURE__ */ a(S.Trigger, { asChild: !0, children: y }),
       /* @__PURE__ */ a(S.Portal, { children: /* @__PURE__ */ f(
         S.Content,
@@ -587,7 +587,7 @@ const ke = k(
             "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
           ].join(" "),
           children: [
-            o,
+            t,
             /* @__PURE__ */ a(S.Arrow, { className: "ds:fill-[var(--foreground)]" })
           ]
         }
@@ -596,8 +596,8 @@ const ke = k(
   }
 );
 W.displayName = "SidebarItem";
-const Ce = g(
-  ({ className: e, children: s, ...r }, i) => /* @__PURE__ */ a(
+const Cs = g(
+  ({ className: s, children: e, ...r }, i) => /* @__PURE__ */ a(
     "span",
     {
       ref: i,
@@ -612,17 +612,17 @@ const Ce = g(
         // pill — keeping it readable on the primary background.
         "ds:text-[var(--accent)]",
         "ds:group-aria-[current=page]/item:text-[var(--primary-foreground)]",
-        e ?? ""
+        s ?? ""
       ].filter(Boolean).join(" "),
       ...r,
-      children: s
+      children: e
     }
   )
 );
-Ce.displayName = "SidebarItemIcon";
-const Te = g(
-  ({ className: e, children: s, ...r }, i) => {
-    const { mode: t } = w();
+Cs.displayName = "SidebarItemIcon";
+const Ts = g(
+  ({ className: s, children: e, ...r }, i) => {
+    const { mode: n } = w();
     return /* @__PURE__ */ a(
       "span",
       {
@@ -631,28 +631,28 @@ const Te = g(
           "ds:flex-1",
           "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal",
           "ds:text-start",
-          t === "icon" ? "ds:sr-only" : "",
-          e ?? ""
+          n === "icon" ? "ds:sr-only" : "",
+          s ?? ""
         ].filter(Boolean).join(" "),
         ...r,
-        children: s
+        children: e
       }
     );
   }
 );
-Te.displayName = "SidebarItemLabel";
-const Be = g(
-  ({ className: e, children: s, ...r }, i) => {
-    const { mode: t } = w(), d = t === "icon";
+Ts.displayName = "SidebarItemLabel";
+const Bs = g(
+  ({ className: s, children: e, ...r }, i) => {
+    const { mode: n } = w(), o = n === "icon";
     return /* @__PURE__ */ a(
       "span",
       {
         ref: i,
-        "aria-hidden": d ? "true" : void 0,
+        "aria-hidden": o ? "true" : void 0,
         className: [
           "ds:inline-flex ds:items-center ds:justify-center",
           "ds:font-[var(--font-weight-semibold)]",
-          d ? [
+          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)]",
@@ -666,16 +666,16 @@ const Be = g(
             "ds:text-[length:var(--font-size-xs)]",
             "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]"
           ].join(" "),
-          e ?? ""
+          s ?? ""
         ].filter(Boolean).join(" "),
         ...r,
-        children: s
+        children: e
       }
     );
   }
 );
-Be.displayName = "SidebarItemBadge";
-const De = k(
+Bs.displayName = "SidebarItemBadge";
+const Ds = k(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -688,24 +688,24 @@ const De = k(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), Ie = g(({ logo: e, name: s, showChevron: r = !0, className: i, ...t }, d) => {
-  const { mode: c } = w(), o = c !== "icon";
+), Is = g(({ logo: s, name: e, showChevron: r = !0, className: i, ...n }, o) => {
+  const { mode: c } = w(), t = c !== "icon";
   return /* @__PURE__ */ f(
     "button",
     {
-      ref: d,
+      ref: o,
       type: "button",
-      "aria-label": s,
-      className: [De(), i].filter(Boolean).join(" "),
-      ...t,
+      "aria-label": e,
+      className: [Ds(), i].filter(Boolean).join(" "),
+      ...n,
       children: [
-        /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "ds:inline-flex ds:items-center ds:shrink-0", children: e }),
-        o ? /* @__PURE__ */ f(O, { 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: s
+              children: e
             }
           ),
           r ? /* @__PURE__ */ a(
@@ -720,8 +720,8 @@ const De = k(
     }
   );
 });
-Ie.displayName = "SidebarWorkspaceSwitcher";
-const Ae = k(
+Is.displayName = "SidebarWorkspaceSwitcher";
+const As = k(
   [
     "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -744,64 +744,64 @@ const Ae = k(
     },
     defaultVariants: { mode: "expanded" }
   }
-), Re = g(({ icon: e, label: s, shortcut: r, className: i, ...t }, d) => {
-  const { mode: c } = w(), o = c !== "icon";
+), Rs = g(({ icon: s, label: e, shortcut: r, className: i, ...n }, o) => {
+  const { mode: c } = w(), t = c !== "icon";
   return /* @__PURE__ */ f(
     "button",
     {
-      ref: d,
+      ref: o,
       type: "button",
-      "aria-label": s,
+      "aria-label": e,
       "aria-keyshortcuts": r,
-      className: [Ae({ mode: c }), i].filter(Boolean).join(" "),
-      ...t,
+      className: [As({ mode: c }), i].filter(Boolean).join(" "),
+      ...n,
       children: [
-        /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "ds:inline-flex ds:size-4 ds:items-center ds:justify-center", children: e }),
-        o ? /* @__PURE__ */ f(O, { children: [
-          /* @__PURE__ */ a("span", { className: "ds:truncate", children: s }),
+        /* @__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", { 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
       ]
     }
   );
 });
-Re.displayName = "SidebarPrimaryAction";
-const Pe = [
-  "inline-flex items-center justify-center shrink-0",
-  "size-6 rounded-[var(--radius-sm)]",
+Rs.displayName = "SidebarPrimaryAction";
+const Ps = [
+  "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.
   // Stays quiet via opacity — reveals only on row hover / focus.
-  "text-[var(--accent)]",
-  "opacity-0 group-hover/item:opacity-100 focus-visible:opacity-100",
-  "hover:bg-[var(--muted)]/20",
-  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "forced-colors:focus-visible:outline-[CanvasText]",
-  "transition-[color,opacity,background-color] duration-[var(--animation-duration)]",
-  "motion-reduce:transition-none"
+  "ds:text-[var(--accent)]",
+  "ds:opacity-0 ds:group-hover/item:opacity-100 ds:focus-visible:opacity-100",
+  "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)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]",
+  "ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)]",
+  "ds:motion-reduce:transition-none"
 ].join(" "), _ = g(
-  ({ isPinned: e, onPinChange: s, label: r, className: i, onClick: t, ...d }, c) => {
-    const { t: o } = I(), { mode: m } = w();
+  ({ isPinned: s, onPinChange: e, label: r, className: i, onClick: n, ...o }, c) => {
+    const { t } = I(), { mode: m } = w();
     if (m === "icon") return null;
-    const u = e ? o("ui.navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : o("ui.navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
+    const u = s ? t("ui.navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : t("ui.navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
     return /* @__PURE__ */ a(
       "button",
       {
         ref: c,
         type: "button",
         "aria-label": u,
-        "aria-pressed": e,
-        className: [Pe, i].filter(Boolean).join(" "),
+        "aria-pressed": s,
+        className: [Ps, i].filter(Boolean).join(" "),
         onClick: (v) => {
-          v.preventDefault(), v.stopPropagation(), s == null || s(!e), t == null || t(v);
+          v.preventDefault(), v.stopPropagation(), e == null || e(!s), n == null || n(v);
         },
-        ...d,
+        ...o,
         children: /* @__PURE__ */ a(
-          ge,
+          gs,
           {
             "aria-hidden": "true",
             className: "ds:size-4",
-            fill: e ? "currentColor" : "none"
+            fill: s ? "currentColor" : "none"
           }
         )
       }
@@ -809,33 +809,33 @@ const Pe = [
   }
 );
 _.displayName = "SidebarPinButton";
-const X = q(null), Fe = () => G(X), He = g(
-  ({ heading: e, emptyMessage: s, onReorder: r, className: i, children: t, ...d }, c) => {
-    const { t: o } = I(), m = e ?? o("ui.navigation.sidebar.favorites", "Favourites"), u = Array.isArray(t) ? t.filter(Boolean) : t ? [t] : [], v = u.length, h = v > 0, [b, x] = D(null), [n, y] = D(""), N = ie(!1), p = K((C) => {
+const X = q(null), Fs = () => G(X), Hs = g(
+  ({ heading: s, emptyMessage: e, onReorder: r, className: i, children: n, ...o }, c) => {
+    const { t } = I(), m = s ?? t("ui.navigation.sidebar.favorites", "Favourites"), u = Array.isArray(n) ? n.filter(Boolean) : n ? [n] : [], v = u.length, h = v > 0, [b, x] = D(null), [d, y] = D(""), N = is(!1), p = K((C) => {
       N.current = !N.current, y(
         N.current ? C : `${C}​`
       );
-    }, []), j = ne(
+    }, []), j = ds(
       () => ({ onReorder: r, count: v, dragSource: b, setDragSource: x, announce: p }),
       [r, v, b, p]
     );
-    return !h && !s ? null : /* @__PURE__ */ a(X.Provider, { value: j, children: /* @__PURE__ */ f(
+    return !h && !e ? null : /* @__PURE__ */ a(X.Provider, { value: j, children: /* @__PURE__ */ f(
       J,
       {
         ref: c,
         label: m,
         className: i,
-        ...d,
+        ...o,
         children: [
-          h ? u : /* @__PURE__ */ a("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: s }),
-          /* @__PURE__ */ a("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: n })
+          h ? u : /* @__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: d })
         ]
       }
     ) });
   }
 );
-He.displayName = "SidebarFavorites";
-const Le = k(
+Hs.displayName = "SidebarFavorites";
+const Ls = k(
   [
     "ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -854,79 +854,79 @@ const Le = k(
     },
     defaultVariants: { dragging: !1, dropTarget: !1 }
   }
-), _e = [
-  "inline-flex items-center justify-center shrink-0",
-  "size-6 rounded-[var(--radius-sm)]",
-  "cursor-grab active:cursor-grabbing",
-  "text-[var(--muted-foreground)]",
+), _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",
+  "ds:text-[var(--muted-foreground)]",
   // Quiet chrome — only reveal the grip when the row is hovered or the
   // handle itself is focused (keyboard / AT). Matches the pin-star's
   // reveal-on-hover behaviour so the two siblings appear together.
-  "opacity-0 group-hover/item:opacity-100 focus-visible:opacity-100",
-  "hover:bg-[var(--muted)]/20 hover:text-[var(--foreground)]",
-  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "forced-colors:focus-visible:outline-[CanvasText]",
-  "transition-[color,opacity,background-color] duration-[var(--animation-duration)] motion-reduce:transition-none"
-].join(" "), Ee = g(
+  "ds:opacity-0 ds:group-hover/item:opacity-100 ds:focus-visible:opacity-100",
+  "ds:hover:bg-[var(--muted)]/20 ds:hover:text-[var(--foreground)]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]",
+  "ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), Es = g(
   ({
-    index: e,
-    isActive: s = !1,
+    index: s,
+    isActive: e = !1,
     asChild: r = !1,
     reorderLabel: i,
-    isPinned: t = !1,
-    onPinChange: d,
+    isPinned: n = !1,
+    onPinChange: o,
     pinLabel: c,
-    "aria-label": o,
+    "aria-label": t,
     className: m,
     children: u,
     ...v
   }, h) => {
-    const { t: b } = I(), { mode: x } = w(), n = Fe(), [y, N] = D(!1), p = !!(n != null && n.onReorder) && x !== "icon", j = i ?? o ?? "", C = re(), T = (l, z) => {
-      if (!(n != null && n.onReorder)) return;
-      const P = Math.max(0, Math.min(n.count - 1, z));
-      P !== l && (n.onReorder(l, P), n.announce(
+    const { t: b } = I(), { mode: x } = w(), d = Fs(), [y, N] = D(!1), p = !!(d != null && d.onReorder) && x !== "icon", j = i ?? t ?? "", C = rs(), T = (l, z) => {
+      if (!(d != null && d.onReorder)) return;
+      const P = Math.max(0, Math.min(d.count - 1, z));
+      P !== l && (d.onReorder(l, P), d.announce(
         b(
           "ui.navigation.sidebar.reorderAnnounce",
           "{{label}} moved to position {{to}} of {{total}}",
-          { label: j, to: P + 1, total: n.count }
+          { label: j, to: P + 1, total: d.count }
         )
       ));
     }, Y = (l) => {
-      p && (l.altKey && l.key === "ArrowUp" ? (l.preventDefault(), T(e, e - 1)) : l.altKey && l.key === "ArrowDown" ? (l.preventDefault(), T(e, e + 1)) : l.key === "Home" && l.altKey ? (l.preventDefault(), T(e, 0)) : l.key === "End" && l.altKey && (l.preventDefault(), T(e, n.count - 1)));
+      p && (l.altKey && l.key === "ArrowUp" ? (l.preventDefault(), T(s, s - 1)) : l.altKey && l.key === "ArrowDown" ? (l.preventDefault(), T(s, s + 1)) : l.key === "Home" && l.altKey ? (l.preventDefault(), T(s, 0)) : l.key === "End" && l.altKey && (l.preventDefault(), T(s, d.count - 1)));
     }, Q = (l) => {
-      p && (n == null || n.setDragSource(e), l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", String(e))));
+      p && (d == null || d.setDragSource(s), l.dataTransfer && (l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("ds:text/plain", String(s))));
     }, Z = () => {
-      n == null || n.setDragSource(null), N(!1);
-    }, ee = (l) => {
-      !p || (n == null ? void 0 : n.dragSource) === null || (l.preventDefault(), l.dataTransfer && (l.dataTransfer.dropEffect = "move"), N(!0));
-    }, se = () => N(!1), ae = (l) => {
+      d == null || d.setDragSource(null), N(!1);
+    }, ss = (l) => {
+      !p || (d == null ? void 0 : d.dragSource) === null || (l.preventDefault(), l.dataTransfer && (l.dataTransfer.dropEffect = "move"), N(!0));
+    }, es = () => N(!1), as = (l) => {
       if (!p) return;
       l.preventDefault();
-      const z = n == null ? void 0 : n.dragSource;
-      N(!1), !(z == null || z === e) && T(z, e);
-    }, E = (n == null ? void 0 : n.dragSource) === e;
+      const z = d == null ? void 0 : d.dragSource;
+      N(!1), !(z == null || z === s) && T(z, s);
+    }, E = (d == null ? void 0 : d.dragSource) === s;
     return /* @__PURE__ */ f(
       "div",
       {
-        className: Le({
+        className: Ls({
           dragging: E,
           dropTarget: y && !E
         }),
         draggable: p || void 0,
         onDragStart: p ? Q : void 0,
         onDragEnd: p ? Z : void 0,
-        onDragOver: ee,
-        onDragLeave: se,
-        onDrop: ae,
+        onDragOver: ss,
+        onDragLeave: es,
+        onDrop: as,
         children: [
           /* @__PURE__ */ a(
             W,
             {
               ref: h,
-              isActive: s,
+              isActive: e,
               asChild: r,
-              "aria-label": o,
+              "aria-label": t,
               "aria-describedby": p ? C : void 0,
               draggable: p ? !1 : void 0,
               className: [
@@ -947,17 +947,17 @@ const Le = k(
                 "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
                 { label: j }
               ),
-              className: _e,
+              className: _s,
               onKeyDown: Y,
-              children: /* @__PURE__ */ a(ce, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ a(cs, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
-          d && x !== "icon" ? /* @__PURE__ */ a(
+          o && x !== "icon" ? /* @__PURE__ */ a(
             _,
             {
-              isPinned: t,
-              label: c ?? o ?? "",
-              onPinChange: d
+              isPinned: n,
+              label: c ?? t ?? "",
+              onPinChange: o
             }
           ) : null
         ]
@@ -965,8 +965,8 @@ const Le = k(
     );
   }
 );
-Ee.displayName = "SidebarFavoriteItem";
-const Ve = k(
+Es.displayName = "SidebarFavoriteItem";
+const Vs = k(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -979,54 +979,54 @@ const Ve = k(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), Me = g(({ avatar: e, name: s, subtitle: r, subtitleLabel: i, className: t, ...d }, c) => {
-  const { mode: o } = w(), m = o !== "icon", u = typeof r == "string" ? r : i;
+), Ms = g(({ avatar: s, name: e, subtitle: r, subtitleLabel: i, className: n, ...o }, c) => {
+  const { mode: t } = w(), m = t !== "icon", u = typeof r == "string" ? r : i;
   return /* @__PURE__ */ f(
     "button",
     {
       ref: c,
       type: "button",
-      "aria-label": u ? `${s}, ${u}` : s,
-      className: [Ve(), t].filter(Boolean).join(" "),
-      ...d,
+      "aria-label": u ? `${e}, ${u}` : e,
+      className: [Vs(), n].filter(Boolean).join(" "),
+      ...o,
       children: [
-        /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "ds:inline-flex ds:items-center ds:shrink-0", children: e }),
+        /* @__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: s }),
+          /* @__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
         ] }) : null
       ]
     }
   );
 });
-Me.displayName = "SidebarProfilePill";
-const Oe = [
-  "inline-flex items-center justify-center shrink-0",
-  "min-w-[var(--min-target-size)] min-h-[var(--min-target-size)]",
-  "rounded-[var(--radius-sm)]",
-  "text-[var(--muted-foreground)]",
-  "hover:bg-[var(--muted)]/20 hover:text-[var(--foreground)]",
-  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "forced-colors:focus-visible:outline-[CanvasText]",
-  "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none"
-].join(" "), $e = g(
-  ({ className: e, "aria-label": s, onClick: r, ...i }, t) => {
-    const { t: d } = I(), { mode: c, transitionTo: o } = w();
+Ms.displayName = "SidebarProfilePill";
+const Os = [
+  "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+  "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]",
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:text-[var(--muted-foreground)]",
+  "ds:hover:bg-[var(--muted)]/20 ds:hover:text-[var(--foreground)]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), $s = g(
+  ({ className: s, "aria-label": e, onClick: r, ...i }, n) => {
+    const { t: o } = I(), { mode: c, transitionTo: t } = w();
     if (c === "overlay") return null;
-    const m = c === "expanded", u = s ?? (m ? d("ui.navigation.sidebar.collapse", "Collapse sidebar") : d("ui.navigation.sidebar.expand", "Expand sidebar")), v = /* @__PURE__ */ a(
+    const m = c === "expanded", u = e ?? (m ? o("ui.navigation.sidebar.collapse", "Collapse sidebar") : o("ui.navigation.sidebar.expand", "Expand sidebar")), v = /* @__PURE__ */ a(
       "button",
       {
-        ref: t,
+        ref: n,
         type: "button",
         "aria-label": u,
         "aria-expanded": m,
         onClick: (h) => {
-          o == null || o(m ? "icon" : "expanded"), r == null || r(h);
+          t == null || t(m ? "icon" : "expanded"), r == null || r(h);
         },
-        className: [Oe, e].filter(Boolean).join(" "),
+        className: [Os, s].filter(Boolean).join(" "),
         ...i,
-        children: m ? /* @__PURE__ */ a(me, { "aria-hidden": "true", className: "ds:size-4 ds:rtl:-scale-x-100" }) : /* @__PURE__ */ a(ve, { "aria-hidden": "true", className: "ds:size-4 ds:rtl:-scale-x-100" })
+        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: [
@@ -1052,26 +1052,26 @@ const Oe = [
     ] });
   }
 );
-$e.displayName = "SidebarCollapseTrigger";
+$s.displayName = "SidebarCollapseTrigger";
 export {
-  xe as S,
-  we as a,
-  $e as b,
-  Ee as c,
-  He as d,
-  Ne as e,
-  ze as f,
-  ye as g,
+  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,
-  Be as i,
-  Ce as j,
-  Te as k,
+  Bs as i,
+  Cs as j,
+  Ts as k,
   _ as l,
-  Re as m,
-  Me as n,
+  Rs as m,
+  Ms as n,
   J as o,
-  Ie as p,
+  Is as p,
   w as q,
-  Ze as u
+  Zs as u
 };
-//# sourceMappingURL=sidebar-Dc2ffrbf.js.map
+//# sourceMappingURL=sidebar-OVzwN3jE.js.map