@alfadocs/ui-kit 0.17.1 → 0.17.3

package/dist/_chunks/{sidebar-D8Lq065m.js → sidebar-BqzlRBvC.js}

@@ -1,16 +1,16 @@
-import { jsx as a, jsxs as f, Fragment as $ } from "react/jsx-runtime";
-import { forwardRef as b, useState as D, useEffect as F, 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 { jsx as e, jsxs as f, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as b, useState as R, useEffect as K, useCallback as G, useRef as U, useMemo as q, useId as is, useContext as W, createContext as X } from "react";
+import * as I from "@radix-ui/react-dialog";
 import * as H from "@radix-ui/react-collapsible";
-import * as R from "@radix-ui/react-accordion";
+import * as A from "@radix-ui/react-accordion";
 import * as S from "@radix-ui/react-tooltip";
-import { a as ns } from "./accordion-DOmxGEWU.js";
-import { Slot as os } from "@radix-ui/react-slot";
-import { c as I } from "./index-D2ZczOXr.js";
-import { useTranslation as A } from "react-i18next";
-import { u as is } from "./registry-C9nwlNyL.js";
+import { a as ts } from "./accordion-CNcodXuO.js";
+import { Slot as ns } from "@radix-ui/react-slot";
+import { c as B } from "./index-D2ZczOXr.js";
+import { useTranslation as D } from "react-i18next";
+import { u as os } from "./registry-C9nwlNyL.js";
 import { X as ls } from "./x-CCcI3eJp.js";
-import { c as V } from "./createLucideIcon-CrFbzy84.js";
+import { c as E } from "./createLucideIcon-CrFbzy84.js";
 import { C as _ } from "./chevron-right-BrpYejk0.js";
 import { S as cs } from "./star-vav0SJ9e.js";
 /**
@@ -26,7 +26,7 @@ const us = [
   ["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" }]
-], ms = V("grip-vertical", us);
+], ms = E("grip-vertical", us);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -37,18 +37,18 @@ const fs = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
-], ps = V("panel-left-close", fs);
+], vs = E("panel-left-close", fs);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vs = [
+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" }]
-], gs = V("panel-left-open", vs), bs = {
+], gs = E("panel-left-open", ps), bs = {
   id: "sidebar",
   capabilities: ["expand"],
   state: {
@@ -79,15 +79,15 @@ const vs = [
       description: "Each Sidebar.Item emits its key as data-nav-id."
     }
   }
-}, E = W({
+}, F = X({
   mode: "expanded",
   density: "default"
-}), y = () => J(E), X = "ui.sidebar.state";
+}), y = () => W(F), Y = "ui.sidebar.state";
 function hs(s) {
   if (typeof window > "u") return s;
   try {
-    const e = window.localStorage.getItem(X);
-    if (e === "expanded" || e === "icon" || e === "overlay") return e;
+    const a = window.localStorage.getItem(Y);
+    if (a === "expanded" || a === "icon" || a === "overlay") return a;
   } catch {
   }
   return s;
@@ -95,30 +95,11 @@ function hs(s) {
 function xs(s) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(X, s);
+      window.localStorage.setItem(Y, s);
     } catch {
     }
 }
-function ae(s, e) {
-  const [r, d] = D(() => {
-    if (typeof window > "u")
-      return typeof e == "function" ? e() : e;
-    try {
-      const n = window.localStorage.getItem(s);
-      if (n !== null) return JSON.parse(n);
-    } catch {
-    }
-    return typeof e == "function" ? e() : e;
-  });
-  return F(() => {
-    if (!(typeof window > "u"))
-      try {
-        window.localStorage.setItem(s, JSON.stringify(r));
-      } catch {
-      }
-  }, [s, r]), [r, d];
-}
-const M = I(
+const M = B(
   [
     "ds:flex ds:flex-col",
     // Sidebar sits at the page background in light mode (white-on-white
@@ -161,49 +142,49 @@ const M = I(
 ), ys = b(
   ({
     state: s,
-    defaultState: e = "expanded",
+    defaultState: a = "expanded",
     onStateChange: r,
-    density: d = "default",
-    open: n,
-    onOpenChange: i,
+    density: i = "default",
+    open: t,
+    onOpenChange: o,
     "aria-label": u,
-    className: o,
+    className: n,
     children: m,
     id: l,
-    ...p
+    ...v
   }, x) => {
-    const { t: w } = A(), g = s !== void 0, [t, N] = D(
-      () => g ? s : hs(e)
-    ), h = g ? s : t;
-    F(() => {
-      g || xs(t);
-    }, [t, g]);
-    const v = G(
+    const { t: w } = D(), g = s !== void 0, [d, N] = R(
+      () => g ? s : hs(a)
+    ), h = g ? s : d;
+    K(() => {
+      g || xs(d);
+    }, [d, g]);
+    const p = G(
       (C) => {
         g || N(C), r == null || r(C);
       },
       [g, r]
-    ), z = u ?? w("navigation.sidebar.label"), j = q(h);
-    F(() => {
+    ), z = u ?? w("navigation.sidebar.label"), j = U(h);
+    K(() => {
       j.current = h;
     }, [h]);
-    const k = U(
+    const k = q(
       () => ({
         getIsCollapsed: () => j.current !== "expanded",
         toggleCollapsed: () => {
           const C = j.current === "expanded" ? "icon" : "expanded";
-          v(C);
+          p(C);
         }
       }),
-      [v]
+      [p]
     );
-    return is(bs, k, l), h === "overlay" ? /* @__PURE__ */ a(
-      E.Provider,
+    return os(bs, k, l), h === "overlay" ? /* @__PURE__ */ e(
+      F.Provider,
       {
-        value: { mode: "overlay", density: d, transitionTo: v },
-        children: /* @__PURE__ */ a(B.Root, { open: n, onOpenChange: i, children: /* @__PURE__ */ f(B.Portal, { children: [
-          /* @__PURE__ */ a(
-            B.Overlay,
+        value: { mode: "overlay", density: i, transitionTo: p },
+        children: /* @__PURE__ */ e(I.Root, { open: t, onOpenChange: o, children: /* @__PURE__ */ f(I.Portal, { children: [
+          /* @__PURE__ */ e(
+            I.Overlay,
             {
               className: [
                 "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
@@ -215,24 +196,24 @@ const M = I(
             }
           ),
           /* @__PURE__ */ f(
-            B.Content,
+            I.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",
-                M({ mode: "overlay", density: d }),
+                M({ mode: "overlay", density: i }),
                 "ds:shadow-[var(--shadow-xl)]",
                 "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
                 "ds:data-[state=open]:slide-in-from-left ds:data-[state=closed]:slide-out-to-left",
                 "ds:rtl:data-[state=open]:slide-in-from-right ds:rtl:data-[state=closed]:slide-out-to-right",
                 "ds:motion-reduce:animate-none",
                 "ds:focus:outline-none",
-                o ?? ""
+                n ?? ""
               ].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ e(
                   "nav",
                   {
                     ref: x,
@@ -241,11 +222,11 @@ const M = I(
                     "data-component": "sidebar",
                     "data-component-id": l,
                     className: "ds:flex ds:flex-col ds:h-full",
-                    ...p,
+                    ...v,
                     children: m
                   }
                 ),
-                /* @__PURE__ */ a(B.Close, { asChild: !0, children: /* @__PURE__ */ a(
+                /* @__PURE__ */ e(I.Close, { asChild: !0, children: /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
@@ -259,7 +240,7 @@ const M = I(
                       "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" })
+                    children: /* @__PURE__ */ e(ls, { "aria-hidden": "true", className: "ds:size-4" })
                   }
                 ) })
               ]
@@ -267,11 +248,11 @@ const M = I(
           )
         ] }) })
       }
-    ) : /* @__PURE__ */ a(
-      E.Provider,
+    ) : /* @__PURE__ */ e(
+      F.Provider,
       {
-        value: { mode: h, density: d, transitionTo: v },
-        children: /* @__PURE__ */ a(S.Provider, { delayDuration: 300, children: /* @__PURE__ */ a(
+        value: { mode: h, density: i, transitionTo: p },
+        children: /* @__PURE__ */ e(S.Provider, { delayDuration: 300, children: /* @__PURE__ */ e(
           "nav",
           {
             ref: x,
@@ -280,13 +261,13 @@ const M = I(
             "data-component": "sidebar",
             "data-component-id": l,
             "data-mode": h,
-            "data-density": d,
+            "data-density": i,
             className: [
-              M({ mode: h, density: d }),
-              d === "compact" ? "ds:density-compact" : "",
-              o ?? ""
+              M({ mode: h, density: i }),
+              i === "compact" ? "ds:density-compact" : "",
+              n ?? ""
             ].filter(Boolean).join(" "),
-            ...p,
+            ...v,
             children: m
           }
         ) })
@@ -295,9 +276,9 @@ const M = I(
   }
 );
 ys.displayName = "Sidebar";
-const ws = b(({ className: s, ...e }, r) => {
-  const { mode: d } = y();
-  return /* @__PURE__ */ a(
+const ws = b(({ className: s, ...a }, r) => {
+  const { mode: i } = y();
+  return /* @__PURE__ */ e(
     "div",
     {
       ref: r,
@@ -306,7 +287,7 @@ const ws = b(({ className: s, ...e }, r) => {
         "ds:min-h-[var(--min-target-size)]",
         // Icon-rail is 64px — shrink horizontal padding so a 44×44
         // control fits centred inside the header.
-        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)]",
+        i === "icon" ? "ds:justify-center ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
         "ds:py-[var(--spacing-sm)]",
         // Hairline border + downward chrome shadow cast the header as a
         // sticky top band above the scrolling body.
@@ -314,13 +295,13 @@ const ws = b(({ className: s, ...e }, r) => {
         "ds:shadow-[var(--shadow-chrome-down)]",
         s ?? ""
       ].filter(Boolean).join(" "),
-      ...e
+      ...a
     }
   );
 });
 ws.displayName = "SidebarHeader";
 const Ns = b(
-  ({ className: s, ...e }, r) => /* @__PURE__ */ a(
+  ({ className: s, ...a }, r) => /* @__PURE__ */ e(
     "div",
     {
       ref: r,
@@ -330,14 +311,14 @@ const Ns = b(
         "ds:py-[var(--spacing-sm)]",
         s ?? ""
       ].filter(Boolean).join(" "),
-      ...e
+      ...a
     }
   )
 );
 Ns.displayName = "SidebarBody";
-const Ss = b(({ className: s, ...e }, r) => {
-  const { mode: d } = y();
-  return /* @__PURE__ */ a(
+const Ss = b(({ className: s, ...a }, r) => {
+  const { mode: i } = y();
+  return /* @__PURE__ */ e(
     "div",
     {
       ref: r,
@@ -345,7 +326,7 @@ const Ss = b(({ className: s, ...e }, r) => {
         "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
         // Icon-rail is 64px — two 44×44 controls can't sit side-by-side,
         // so switch to a vertical stack and let each row self-centre.
-        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)]",
+        i === "icon" ? "ds:flex-col ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
         "ds:min-h-[var(--min-target-size)]",
         "ds:py-[var(--spacing-sm)]",
         // Hairline border + upward chrome shadow cast the footer as a
@@ -354,7 +335,7 @@ const Ss = b(({ className: s, ...e }, r) => {
         "ds:shadow-[var(--shadow-chrome-up)]",
         s ?? ""
       ].filter(Boolean).join(" "),
-      ...e
+      ...a
     }
   );
 });
@@ -369,24 +350,24 @@ 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(" "), K = [
+].join(" "), O = [
   "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
   "ds:size-4",
   "ds:text-[var(--accent)]",
   "ds:me-[var(--spacing-xs)]"
-].join(" "), Y = b(
+].join(" "), J = b(
   ({
     label: s,
-    icon: e,
+    icon: a,
     collapsible: r = !0,
-    defaultOpen: d = !0,
-    open: n,
-    onOpenChange: i,
+    defaultOpen: i = !0,
+    open: t,
+    onOpenChange: o,
     className: u,
-    children: o,
+    children: n,
     ...m
   }, l) => {
-    const { mode: p } = y(), x = p === "icon", w = r && !x && !!s, g = [
+    const { mode: v } = y(), x = v === "icon", w = r && !x && !!s, g = [
       "ds:flex ds:flex-col",
       "ds:gap-[var(--spacing-xs)]",
       "ds:mt-[var(--spacing-sm)]",
@@ -394,7 +375,7 @@ const js = [
     ].filter(Boolean).join(" ");
     if (!w)
       return /* @__PURE__ */ f("div", { ref: l, className: g, ...m, children: [
-        !!s || !!e ? /* @__PURE__ */ f(
+        !!s || !!a ? /* @__PURE__ */ f(
           "span",
           {
             className: [
@@ -403,31 +384,31 @@ const js = [
               "ds:text-[var(--muted-foreground)]",
               "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
               "ds:py-[var(--spacing-xs)]",
-              x && !e ? "ds:sr-only" : ""
+              x && !a ? "ds:sr-only" : ""
             ].filter(Boolean).join(" "),
             children: [
-              e ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: K, children: e }) : null,
-              s ? /* @__PURE__ */ a("span", { className: x ? "ds:sr-only" : "", children: s }) : null
+              a ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: O, children: a }) : null,
+              s ? /* @__PURE__ */ e("span", { className: x ? "ds:sr-only" : "", children: s }) : null
             ]
           }
         ) : null,
-        o
+        n
       ] });
-    const t = "section";
-    return /* @__PURE__ */ a(
-      R.Root,
+    const d = "section";
+    return /* @__PURE__ */ e(
+      A.Root,
       {
         type: "single",
         collapsible: !0,
-        defaultValue: n === void 0 && d ? t : void 0,
-        value: n === void 0 ? void 0 : n ? t : "",
-        onValueChange: i ? (N) => i(N === t) : void 0,
+        defaultValue: t === void 0 && i ? d : void 0,
+        value: t === void 0 ? void 0 : t ? d : "",
+        onValueChange: o ? (N) => o(N === d) : void 0,
         asChild: !0,
-        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: js, children: [
-            e ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: K, children: e }) : null,
-            /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:text-start", children: s }),
-            /* @__PURE__ */ a(
+        children: /* @__PURE__ */ e("div", { ref: l, className: g, ...m, children: /* @__PURE__ */ f(A.Item, { value: d, children: [
+          /* @__PURE__ */ e(A.Header, { className: "ds:flex", children: /* @__PURE__ */ f(A.Trigger, { className: js, children: [
+            a ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: O, children: a }) : null,
+            /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:text-start", children: s }),
+            /* @__PURE__ */ e(
               _,
               {
                 "aria-hidden": "true",
@@ -435,12 +416,12 @@ const js = [
               }
             )
           ] }) }),
-          /* @__PURE__ */ a(
-            ns,
+          /* @__PURE__ */ e(
+            ts,
             {
               "aria-label": s,
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:[&>div]:contents",
-              children: o
+              children: n
             }
           )
         ] }) })
@@ -448,7 +429,7 @@ const js = [
     );
   }
 );
-Y.displayName = "SidebarSection";
+J.displayName = "SidebarSection";
 const zs = [
   "ds:group ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]",
   "ds:min-h-[var(--min-target-size)]",
@@ -463,35 +444,35 @@ const zs = [
 ].join(" "), ks = b(
   ({
     label: s,
-    icon: e,
+    icon: a,
     children: r,
-    className: d,
-    defaultOpen: n,
-    open: i,
+    className: i,
+    defaultOpen: t,
+    open: o,
     onOpenChange: u,
-    ...o
+    ...n
   }, m) => {
     const { mode: l } = y();
     return /* @__PURE__ */ f(
       H.Root,
       {
         ref: m,
-        defaultOpen: n,
-        open: i,
+        defaultOpen: t,
+        open: o,
         onOpenChange: u,
-        className: d,
-        ...o,
+        className: i,
+        ...n,
         children: [
           /* @__PURE__ */ f(H.Trigger, { className: zs, children: [
-            e ? /* @__PURE__ */ a(
+            a ? /* @__PURE__ */ e(
               "span",
               {
                 "aria-hidden": "true",
                 className: "ds:inline-flex ds:items-center ds:text-[var(--accent)]",
-                children: e
+                children: a
               }
             ) : null,
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ e(
               "span",
               {
                 className: [
@@ -501,7 +482,7 @@ const zs = [
                 children: s
               }
             ),
-            l !== "icon" ? /* @__PURE__ */ a(
+            l !== "icon" ? /* @__PURE__ */ e(
               _,
               {
                 "aria-hidden": "true",
@@ -509,7 +490,7 @@ const zs = [
               }
             ) : null
           ] }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ e(
             H.Content,
             {
               className: [
@@ -527,7 +508,7 @@ const zs = [
   }
 );
 ks.displayName = "SidebarGroup";
-const Cs = I(
+const Cs = B(
   [
     // 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.
@@ -591,26 +572,26 @@ const Cs = I(
 ), Q = b(
   ({
     asChild: s = !1,
-    isActive: e = !1,
+    isActive: a = !1,
     isPinned: r = !1,
-    onPinChange: d,
-    pinLabel: n,
-    className: i,
+    onPinChange: i,
+    pinLabel: t,
+    className: o,
     children: u,
-    "aria-label": o,
+    "aria-label": n,
     ...m
   }, l) => {
-    const { mode: p, density: x } = y(), w = s ? os : "a", g = d !== void 0 && p !== "icon", t = /* @__PURE__ */ a(
+    const { mode: v, density: x } = y(), w = s ? ns : "a", g = i !== void 0 && v !== "icon", d = /* @__PURE__ */ e(
       w,
       {
         ref: l,
-        "aria-current": e ? "page" : void 0,
-        "aria-label": o,
+        "aria-current": a ? "page" : void 0,
+        "aria-label": n,
         className: Cs({
-          mode: p,
+          mode: v,
           density: x,
-          isActive: e,
-          className: g ? "ds:flex-1 ds:min-w-0" : i
+          isActive: a,
+          className: g ? "ds:flex-1 ds:min-w-0" : o
         }),
         ...m,
         children: u
@@ -620,24 +601,24 @@ const Cs = I(
       {
         className: [
           "ds:group/item ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
-          i ?? ""
+          o ?? ""
         ].filter(Boolean).join(" "),
         children: [
-          t,
-          /* @__PURE__ */ a(
+          d,
+          /* @__PURE__ */ e(
             L,
             {
               isPinned: r,
-              label: n ?? o ?? "",
-              onPinChange: d
+              label: t ?? n ?? "",
+              onPinChange: i
             }
           )
         ]
       }
-    ) : t;
-    return p === "icon" && o ? /* @__PURE__ */ f(S.Root, { children: [
-      /* @__PURE__ */ a(S.Trigger, { asChild: !0, children: N }),
-      /* @__PURE__ */ a(S.Portal, { children: /* @__PURE__ */ f(
+    ) : d;
+    return v === "icon" && n ? /* @__PURE__ */ f(S.Root, { children: [
+      /* @__PURE__ */ e(S.Trigger, { asChild: !0, children: N }),
+      /* @__PURE__ */ e(S.Portal, { children: /* @__PURE__ */ f(
         S.Content,
         {
           side: "right",
@@ -650,8 +631,8 @@ const Cs = I(
             "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
           ].join(" "),
           children: [
-            o,
-            /* @__PURE__ */ a(S.Arrow, { className: "ds:fill-[var(--foreground)]" })
+            n,
+            /* @__PURE__ */ e(S.Arrow, { className: "ds:fill-[var(--foreground)]" })
           ]
         }
       ) })
@@ -659,10 +640,10 @@ const Cs = I(
   }
 );
 Q.displayName = "SidebarItem";
-const Ts = b(({ className: s, children: e, ...r }, d) => /* @__PURE__ */ a(
+const Ts = b(({ className: s, children: a, ...r }, i) => /* @__PURE__ */ e(
   "span",
   {
-    ref: d,
+    ref: i,
     "aria-hidden": "true",
     className: [
       "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
@@ -677,40 +658,40 @@ const Ts = b(({ className: s, children: e, ...r }, d) => /* @__PURE__ */ a(
       s ?? ""
     ].filter(Boolean).join(" "),
     ...r,
-    children: e
+    children: a
   }
 ));
 Ts.displayName = "SidebarItemIcon";
-const Is = b(({ className: s, children: e, ...r }, d) => {
-  const { mode: n } = y();
-  return /* @__PURE__ */ a(
+const Bs = b(({ className: s, children: a, ...r }, i) => {
+  const { mode: t } = y();
+  return /* @__PURE__ */ e(
     "span",
     {
-      ref: d,
+      ref: i,
       className: [
         "ds:flex-1",
         "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal",
         "ds:text-start",
-        n === "icon" ? "ds:sr-only" : "",
+        t === "icon" ? "ds:sr-only" : "",
         s ?? ""
       ].filter(Boolean).join(" "),
       ...r,
-      children: e
+      children: a
     }
   );
 });
-Is.displayName = "SidebarItemLabel";
-const Bs = b(({ className: s, children: e, ...r }, d) => {
-  const { mode: n } = y(), i = n === "icon";
-  return /* @__PURE__ */ a(
+Bs.displayName = "SidebarItemLabel";
+const Is = b(({ className: s, children: a, ...r }, i) => {
+  const { mode: t } = y(), o = t === "icon";
+  return /* @__PURE__ */ e(
     "span",
     {
-      ref: d,
-      "aria-hidden": i ? "true" : void 0,
+      ref: i,
+      "aria-hidden": o ? "true" : void 0,
       className: [
         "ds:inline-flex ds:items-center ds:justify-center",
         "ds:font-[var(--font-weight-semibold)]",
-        i ? [
+        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)]",
@@ -727,12 +708,12 @@ const Bs = b(({ className: s, children: e, ...r }, d) => {
         s ?? ""
       ].filter(Boolean).join(" "),
       ...r,
-      children: e
+      children: a
     }
   );
 });
-Bs.displayName = "SidebarItemBadge";
-const Ds = I(
+Is.displayName = "SidebarItemBadge";
+const Ds = B(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -745,18 +726,18 @@ const Ds = I(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), As = b(({ logo: s, name: e, showChevron: r = !0, className: d, ...n }, i) => {
-  const { mode: u } = y(), o = u !== "icon";
+), As = b(({ logo: s, name: a, showChevron: r = !0, className: i, ...t }, o) => {
+  const { mode: u } = y(), n = u !== "icon";
   return /* @__PURE__ */ f(
     "button",
     {
-      ref: i,
+      ref: o,
       type: "button",
-      "aria-label": e,
-      className: [Ds(), d].filter(Boolean).join(" "),
-      ...n,
+      "aria-label": a,
+      className: [Ds(), i].filter(Boolean).join(" "),
+      ...t,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
@@ -764,9 +745,9 @@ const Ds = I(
             children: s
           }
         ),
-        o ? /* @__PURE__ */ f($, { 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(
+        n ? /* @__PURE__ */ f($, { children: [
+          /* @__PURE__ */ e("span", { className: "ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]", children: a }),
+          r ? /* @__PURE__ */ e(
             _,
             {
               "aria-hidden": "true",
@@ -779,7 +760,7 @@ const Ds = I(
   );
 });
 As.displayName = "SidebarWorkspaceSwitcher";
-const Rs = I(
+const Rs = B(
   [
     "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -802,19 +783,19 @@ const Rs = I(
     },
     defaultVariants: { mode: "expanded" }
   }
-), Ps = b(({ icon: s, label: e, shortcut: r, className: d, ...n }, i) => {
-  const { mode: u } = y(), o = u !== "icon";
+), Ps = b(({ icon: s, label: a, shortcut: r, className: i, ...t }, o) => {
+  const { mode: u } = y(), n = u !== "icon";
   return /* @__PURE__ */ f(
     "button",
     {
-      ref: i,
+      ref: o,
       type: "button",
-      "aria-label": e,
+      "aria-label": a,
       "aria-keyshortcuts": r,
-      className: [Rs({ mode: u }), d].filter(Boolean).join(" "),
-      ...n,
+      className: [Rs({ mode: u }), i].filter(Boolean).join(" "),
+      ...t,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
@@ -822,9 +803,9 @@ const Rs = I(
             children: s
           }
         ),
-        o ? /* @__PURE__ */ f($, { 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
+        n ? /* @__PURE__ */ f($, { children: [
+          /* @__PURE__ */ e("span", { className: "ds:truncate", children: a }),
+          r ? /* @__PURE__ */ e("kbd", { className: "ds:ms-auto ds:text-[length:var(--font-size-xs)] ds:font-[family-name:var(--font-mono)] ds:opacity-80", children: r }) : null
         ] }) : null
       ]
     }
@@ -845,23 +826,23 @@ const Hs = [
   "ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)]",
   "ds:motion-reduce:transition-none"
 ].join(" "), L = b(
-  ({ isPinned: s, onPinChange: e, label: r, className: d, onClick: n, ...i }, u) => {
-    const { t: o } = A(), { mode: m } = y();
+  ({ isPinned: s, onPinChange: a, label: r, className: i, onClick: t, ...o }, u) => {
+    const { t: n } = D(), { mode: m } = y();
     if (m === "icon") return null;
-    const l = s ? o("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : o("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
-    return /* @__PURE__ */ a(
+    const l = s ? n("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : n("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
+    return /* @__PURE__ */ e(
       "button",
       {
         ref: u,
         type: "button",
         "aria-label": l,
         "aria-pressed": s,
-        className: [Hs, d].filter(Boolean).join(" "),
-        onClick: (p) => {
-          p.preventDefault(), p.stopPropagation(), e == null || e(!s), n == null || n(p);
+        className: [Hs, i].filter(Boolean).join(" "),
+        onClick: (v) => {
+          v.preventDefault(), v.stopPropagation(), a == null || a(!s), t == null || t(v);
         },
-        ...i,
-        children: /* @__PURE__ */ a(
+        ...o,
+        children: /* @__PURE__ */ e(
           cs,
           {
             "aria-hidden": "true",
@@ -874,31 +855,31 @@ const Hs = [
   }
 );
 L.displayName = "SidebarPinButton";
-const Z = W(null), Fs = () => J(Z), Es = b(
-  ({ heading: s, emptyMessage: e, onReorder: r, className: d, children: n, ...i }, u) => {
-    const { t: o } = A(), m = s ?? o("navigation.sidebar.favorites", "Favourites"), l = Array.isArray(n) ? n.filter(Boolean) : n ? [n] : [], p = l.length, x = p > 0, [w, g] = D(null), [t, N] = D(""), h = q(!1), v = G((j) => {
+const Z = X(null), Fs = () => W(Z), Es = b(
+  ({ heading: s, emptyMessage: a, onReorder: r, className: i, children: t, ...o }, u) => {
+    const { t: n } = D(), m = s ?? n("navigation.sidebar.favorites", "Favourites"), l = Array.isArray(t) ? t.filter(Boolean) : t ? [t] : [], v = l.length, x = v > 0, [w, g] = R(null), [d, N] = R(""), h = U(!1), p = 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]
+    }, []), z = q(
+      () => ({ onReorder: r, count: v, dragSource: w, setDragSource: g, announce: p }),
+      [r, v, w, p]
     );
-    return !x && !e ? null : /* @__PURE__ */ a(Z.Provider, { value: z, children: /* @__PURE__ */ f(
-      Y,
+    return !x && !a ? null : /* @__PURE__ */ e(Z.Provider, { value: z, children: /* @__PURE__ */ f(
+      J,
       {
         ref: u,
         label: m,
-        className: d,
-        ...i,
+        className: i,
+        ...o,
         children: [
-          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 })
+          x ? l : /* @__PURE__ */ e("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: a }),
+          /* @__PURE__ */ e("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: d })
         ]
       }
     ) });
   }
 );
 Es.displayName = "SidebarFavorites";
-const Vs = I(
+const _s = B(
   [
     "ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -917,7 +898,7 @@ const Vs = I(
     },
     defaultVariants: { dragging: !1, dropTarget: !1 }
   }
-), _s = [
+), Ls = [
   "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",
@@ -931,73 +912,73 @@ const Vs = I(
   "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(" "), Ls = b(
+].join(" "), Vs = b(
   ({
     index: s,
-    isActive: e = !1,
+    isActive: a = !1,
     asChild: r = !1,
-    reorderLabel: d,
-    isPinned: n = !1,
-    onPinChange: i,
+    reorderLabel: i,
+    isPinned: t = !1,
+    onPinChange: o,
     pinLabel: u,
-    "aria-label": o,
+    "aria-label": n,
     className: m,
     children: l,
-    ...p
+    ...v
   }, x) => {
-    const { t: w } = A(), { mode: g } = y(), t = Fs(), [N, h] = D(!1), v = !!(t != null && t.onReorder) && g !== "icon", z = d ?? o ?? "", j = ds(), k = (c, T) => {
-      if (!(t != null && t.onReorder)) return;
-      const P = Math.max(0, Math.min(t.count - 1, T));
-      P !== c && (t.onReorder(c, P), t.announce(
+    const { t: w } = D(), { mode: g } = y(), d = Fs(), [N, h] = R(!1), p = !!(d != null && d.onReorder) && g !== "icon", z = i ?? n ?? "", j = is(), k = (c, T) => {
+      if (!(d != null && d.onReorder)) return;
+      const P = Math.max(0, Math.min(d.count - 1, T));
+      P !== c && (d.onReorder(c, P), d.announce(
         w(
           "navigation.sidebar.reorderAnnounce",
           "{{label}} moved to position {{to}} of {{total}}",
-          { label: z, to: P + 1, total: t.count }
+          { label: z, to: P + 1, total: d.count }
         )
       ));
     }, 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)));
+      p && (c.altKey && c.key === "ArrowUp" ? (c.preventDefault(), k(s, s - 1)) : c.altKey && c.key === "ArrowDown" ? (c.preventDefault(), k(s, s + 1)) : c.key === "Home" && c.altKey ? (c.preventDefault(), k(s, 0)) : c.key === "End" && c.altKey && (c.preventDefault(), k(s, d.count - 1)));
     }, ss = (c) => {
-      v && (t == null || t.setDragSource(s), c.dataTransfer && (c.dataTransfer.effectAllowed = "move", c.dataTransfer.setData("ds:text/plain", String(s))));
+      p && (d == null || d.setDragSource(s), c.dataTransfer && (c.dataTransfer.effectAllowed = "move", c.dataTransfer.setData("ds:text/plain", String(s))));
     }, es = () => {
-      t == null || t.setDragSource(null), h(!1);
+      d == null || d.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;
+      !p || (d == null ? void 0 : d.dragSource) === null || (c.preventDefault(), c.dataTransfer && (c.dataTransfer.dropEffect = "move"), h(!0));
+    }, rs = () => h(!1), ds = (c) => {
+      if (!p) return;
       c.preventDefault();
-      const T = t == null ? void 0 : t.dragSource;
+      const T = d == null ? void 0 : d.dragSource;
       h(!1), !(T == null || T === s) && k(T, s);
-    }, O = (t == null ? void 0 : t.dragSource) === s;
+    }, V = (d == null ? void 0 : d.dragSource) === s;
     return /* @__PURE__ */ f(
       "div",
       {
-        className: Vs({
-          dragging: O,
-          dropTarget: N && !O
+        className: _s({
+          dragging: V,
+          dropTarget: N && !V
         }),
-        draggable: v || void 0,
-        onDragStart: v ? ss : void 0,
-        onDragEnd: v ? es : void 0,
+        draggable: p || void 0,
+        onDragStart: p ? ss : void 0,
+        onDragEnd: p ? es : void 0,
         onDragOver: as,
         onDragLeave: rs,
-        onDrop: ts,
+        onDrop: ds,
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ e(
             Q,
             {
               ref: x,
-              isActive: e,
+              isActive: a,
               asChild: r,
-              "aria-label": o,
-              "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,
+              "aria-label": n,
+              "aria-describedby": p ? j : void 0,
+              draggable: p ? !1 : void 0,
+              className: [p ? "ds:flex-1 ds:min-w-0" : "", m ?? ""].filter(Boolean).join(" "),
+              ...v,
               children: l
             }
           ),
-          v ? /* @__PURE__ */ a(
+          p ? /* @__PURE__ */ e(
             "button",
             {
               type: "button",
@@ -1007,17 +988,17 @@ const Vs = I(
                 "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
                 { label: z }
               ),
-              className: _s,
+              className: Ls,
               onKeyDown: C,
-              children: /* @__PURE__ */ a(ms, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ e(ms, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
-          i && g !== "icon" ? /* @__PURE__ */ a(
+          o && g !== "icon" ? /* @__PURE__ */ e(
             L,
             {
-              isPinned: n,
-              label: u ?? o ?? "",
-              onPinChange: i
+              isPinned: t,
+              label: u ?? n ?? "",
+              onPinChange: o
             }
           ) : null
         ]
@@ -1025,8 +1006,8 @@ const Vs = I(
     );
   }
 );
-Ls.displayName = "SidebarFavoriteItem";
-const Os = I(
+Vs.displayName = "SidebarFavoriteItem";
+const Ks = B(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1039,18 +1020,18 @@ const Os = I(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), Ms = b(({ avatar: s, name: e, subtitle: r, subtitleLabel: d, className: n, ...i }, u) => {
-  const { mode: o } = y(), m = o !== "icon", l = typeof r == "string" ? r : d;
+), Ms = b(({ avatar: s, name: a, subtitle: r, subtitleLabel: i, className: t, ...o }, u) => {
+  const { mode: n } = y(), m = n !== "icon", l = typeof r == "string" ? r : i;
   return /* @__PURE__ */ f(
     "button",
     {
       ref: u,
       type: "button",
-      "aria-label": l ? `${e}, ${l}` : e,
-      className: [Os(), n].filter(Boolean).join(" "),
-      ...i,
+      "aria-label": l ? `${a}, ${l}` : a,
+      className: [Ks(), t].filter(Boolean).join(" "),
+      ...o,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
@@ -1059,15 +1040,15 @@ const Os = I(
           }
         ),
         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
+          /* @__PURE__ */ e("span", { className: "ds:block ds:truncate type-label", children: a }),
+          r ? typeof r == "string" ? /* @__PURE__ */ e("span", { className: "ds:block ds:truncate type-meta ds:text-[color:var(--muted-foreground)]", children: r }) : /* @__PURE__ */ e("span", { className: "ds:flex ds:items-center ds:gap-[length:var(--spacing-xs)] ds:min-w-0 type-meta ds:text-[color:var(--muted-foreground)]", children: r }) : null
         ] }) : null
       ]
     }
   );
 });
 Ms.displayName = "SidebarProfilePill";
-const Ks = [
+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)]",
@@ -1077,28 +1058,28 @@ const Ks = [
   "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, ...d }, n) => {
-  const { t: i } = A(), { mode: u, transitionTo: o } = y();
+].join(" "), $s = b(({ className: s, "aria-label": a, onClick: r, ...i }, t) => {
+  const { t: o } = D(), { mode: u, transitionTo: n } = y();
   if (u === "overlay") return null;
-  const m = u === "expanded", l = e ?? (m ? i("navigation.sidebar.collapse", "Collapse sidebar") : i("navigation.sidebar.expand", "Expand sidebar")), p = /* @__PURE__ */ a(
+  const m = u === "expanded", l = a ?? (m ? o("navigation.sidebar.collapse", "Collapse sidebar") : o("navigation.sidebar.expand", "Expand sidebar")), v = /* @__PURE__ */ e(
     "button",
     {
-      ref: n,
+      ref: t,
       type: "button",
       "aria-label": l,
       "aria-expanded": m,
       onClick: (x) => {
-        o == null || o(m ? "icon" : "expanded"), r == null || r(x);
+        n == null || n(m ? "icon" : "expanded"), r == null || r(x);
       },
-      className: [Ks, s].filter(Boolean).join(" "),
-      ...d,
-      children: m ? /* @__PURE__ */ a(
-        ps,
+      className: [Os, s].filter(Boolean).join(" "),
+      ...i,
+      children: m ? /* @__PURE__ */ e(
+        vs,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
         }
-      ) : /* @__PURE__ */ a(
+      ) : /* @__PURE__ */ e(
         gs,
         {
           "aria-hidden": "true",
@@ -1108,8 +1089,8 @@ const Ks = [
     }
   );
   return /* @__PURE__ */ f(S.Root, { children: [
-    /* @__PURE__ */ a(S.Trigger, { asChild: !0, children: p }),
-    /* @__PURE__ */ a(S.Portal, { children: /* @__PURE__ */ f(
+    /* @__PURE__ */ e(S.Trigger, { asChild: !0, children: v }),
+    /* @__PURE__ */ e(S.Portal, { children: /* @__PURE__ */ f(
       S.Content,
       {
         side: u === "icon" ? "right" : "top",
@@ -1123,7 +1104,7 @@ const Ks = [
         ].join(" "),
         children: [
           l,
-          /* @__PURE__ */ a(S.Arrow, { className: "ds:fill-[var(--foreground)]" })
+          /* @__PURE__ */ e(S.Arrow, { className: "ds:fill-[var(--foreground)]" })
         ]
       }
     ) })
@@ -1134,22 +1115,21 @@ export {
   ys as S,
   Ns as a,
   $s as b,
-  Ls as c,
+  Vs as c,
   Es as d,
   Ss as e,
   ks as f,
   ws as g,
   Q as h,
-  Bs as i,
+  Is as i,
   Ts as j,
-  Is as k,
+  Bs as k,
   L as l,
   Ps as m,
   Ms as n,
-  Y as o,
+  J as o,
   As as p,
-  y as q,
   bs as s,
-  ae as u
+  y as u
 };
-//# sourceMappingURL=sidebar-D8Lq065m.js.map
+//# sourceMappingURL=sidebar-BqzlRBvC.js.map