@alfadocs/ui-kit-debug 0.70.0 → 0.71.0

package/dist/_chunks/{sidebar-DY9jGjgt.js → sidebar-QCp9wHNP.js}

@@ -5,49 +5,50 @@ import * as V from "@radix-ui/react-collapsible";
 import * as E from "@radix-ui/react-accordion";
 import * as h from "@radix-ui/react-tooltip";
 import { a as ts } from "./accordion-DnIa7OHX.js";
-import { Slot as os } from "@radix-ui/react-slot";
+import { S as os } from "./scroll-area-BZOvUhwQ.js";
+import { Slot as ls } from "@radix-ui/react-slot";
 import { c as I } from "./index-D2ZczOXr.js";
 import { useTranslation as D } from "react-i18next";
-import { u as ls } from "./registry-DvAUVLHh.js";
-import { u as cs } from "./use-edge-resize-ZnGG7gyO.js";
-import { c as us } from "./compose-refs-C0k0tdqF.js";
-import { X as ms } from "./x-CCcI3eJp.js";
+import { u as cs } from "./registry-DvAUVLHh.js";
+import { u as us } from "./use-edge-resize-ZnGG7gyO.js";
+import { c as ms } from "./compose-refs-C0k0tdqF.js";
+import { X as vs } from "./x-CCcI3eJp.js";
 import { c as X } from "./createLucideIcon-CrFbzy84.js";
-import { G as vs } from "./grip-vertical-Dlg0_k5C.js";
+import { G as ps } from "./grip-vertical-Dlg0_k5C.js";
 import { C as H } from "./chevron-right-BrpYejk0.js";
-import { S as ps } from "./star-vav0SJ9e.js";
+import { S as fs } from "./star-vav0SJ9e.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fs = [
+const gs = [
   ["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" }]
-], gs = X("panel-left-close", fs);
+], bs = X("panel-left-close", gs);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bs = [
+const hs = [
   ["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" }]
-], hs = X("panel-left-open", bs);
+], xs = X("panel-left-open", hs);
 /**
  * @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 xs = [
+const ys = [
   ["path", { d: "M16 7h6v6", key: "box55l" }],
   ["path", { d: "m22 7-8.5 8.5-5-5L2 17", key: "1t1m79" }]
-], ys = X("trending-up", xs), ws = {
+], ws = X("trending-up", ys), Ns = {
   id: "sidebar",
   capabilities: ["expand"],
   state: {
@@ -86,7 +87,7 @@ const xs = [
   mode: "expanded",
   density: "default"
 }), x = () => Z(G), es = "ui.sidebar.state";
-function Ns(e) {
+function zs(e) {
   if (typeof window > "u") return e;
   try {
     const a = window.localStorage.getItem(es);
@@ -95,7 +96,7 @@ function Ns(e) {
   }
   return e;
 }
-function zs(e) {
+function Ss(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(es, e);
@@ -148,7 +149,7 @@ const J = I(
     },
     defaultVariants: { mode: "expanded", density: "default" }
   }
-), Ss = 192, js = 384, Cs = 248, ks = [
+), js = 192, Cs = 384, ks = 248, Is = [
   "ds:absolute ds:[inset-block:0] ds:end-0 ds:z-[2]",
   "ds:w-[var(--resizable-handle-size)]",
   "ds:cursor-col-resize ds:select-none ds:touch-none",
@@ -162,7 +163,7 @@ const J = I(
   "ds:before:[inset-block:0]",
   "ds:before:[inline-size:var(--min-target-size)]",
   "ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
-].join(" "), Is = b(
+].join(" "), Ts = b(
   ({
     state: e,
     defaultState: a = "expanded",
@@ -178,10 +179,10 @@ const J = I(
     ...g
   }, N) => {
     const { t: y } = D(), i = e !== void 0, [w, z] = R(
-      () => i ? e : Ns(a)
+      () => i ? e : zs(a)
     ), m = i ? e : w;
     U(() => {
-      i || zs(w);
+      i || Ss(w);
     }, [w, i]);
     const S = ss(
       (k) => {
@@ -202,14 +203,14 @@ const J = I(
       }),
       [S]
     );
-    ls(ws, F, f);
-    const A = $(null), P = O(() => us(N, A), [N]), { separatorProps: M, isResizing: _ } = cs({
+    cs(Ns, F, f);
+    const A = $(null), P = O(() => ms(N, A), [N]), { separatorProps: M, isResizing: _ } = us({
       edge: "inline-end",
       targetRef: A,
       cssProperty: "--sidebar-modern-expanded-size",
-      minSize: Ss,
-      maxSize: js,
-      defaultSize: Cs,
+      minSize: js,
+      maxSize: Cs,
+      defaultSize: ks,
       disabled: !t || m !== "expanded"
     }), K = t && m === "expanded";
     return m === "overlay" ? /* @__PURE__ */ s(
@@ -274,7 +275,7 @@ const J = 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__ */ s(ms, { "aria-hidden": "true", className: "ds:size-4" })
+                    children: /* @__PURE__ */ s(vs, { "aria-hidden": "true", className: "ds:size-4" })
                   }
                 ) })
               ]
@@ -311,7 +312,7 @@ const J = I(
                   ...M,
                   "aria-label": y("navigation.sidebar.resize"),
                   "data-resizing": _ ? "" : void 0,
-                  className: ks
+                  className: Is
                 }
               ) : null
             ]
@@ -321,8 +322,8 @@ const J = I(
     );
   }
 );
-Is.displayName = "Sidebar";
-const Ts = b(({ className: e, ...a }, r) => {
+Ts.displayName = "Sidebar";
+const Bs = b(({ className: e, ...a }, r) => {
   const { mode: n } = x();
   return /* @__PURE__ */ s(
     "div",
@@ -345,24 +346,35 @@ const Ts = b(({ className: e, ...a }, r) => {
     }
   );
 });
-Ts.displayName = "SidebarHeader";
-const Bs = b(
-  ({ className: e, ...a }, r) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: r,
-      className: [
-        "ds:flex-1 ds:overflow-auto",
-        "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
-        "ds:py-[var(--spacing-sm)]",
-        e ?? ""
-      ].filter(Boolean).join(" "),
-      ...a
-    }
+Bs.displayName = "SidebarHeader";
+const Rs = b(
+  ({ className: e, children: a, ...r }, n) => (
+    // Scroll the nav sections through the kit `ScrollArea` (8px tokenised
+    // scrollbar) instead of native `overflow-auto` (the OS scrollbar), so the
+    // sidebar matches the Control Room rail and the kit's trays. `flex-1 min-h-0`
+    // fills the column and bounds the height; the layout `className` lands on the
+    // body box (the ScrollArea root). Padding + `ref` + div props go on the inner
+    // content div so the scrollbar sits flush at the inline-end edge.
+    /* @__PURE__ */ s(
+      os,
+      {
+        orientation: "vertical",
+        className: ["ds:flex-1 ds:min-h-0", e ?? ""].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ s(
+          "div",
+          {
+            ref: n,
+            className: "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:py-[var(--spacing-sm)]",
+            ...r,
+            children: a
+          }
+        )
+      }
+    )
   )
 );
-Bs.displayName = "SidebarBody";
-const Rs = b(({ className: e, ...a }, r) => {
+Rs.displayName = "SidebarBody";
+const Ds = b(({ className: e, ...a }, r) => {
   const { mode: n } = x();
   return /* @__PURE__ */ s(
     "div",
@@ -385,8 +397,8 @@ const Rs = b(({ className: e, ...a }, r) => {
     }
   );
 });
-Rs.displayName = "SidebarFooter";
-const Ds = [
+Ds.displayName = "SidebarFooter";
+const As = [
   "ds:group/section-label ds:flex ds:w-full ds:items-center",
   "type-eyebrow",
   "ds:text-[var(--muted-foreground)]",
@@ -451,7 +463,7 @@ const Ds = [
         onValueChange: l ? (w) => l(w === i) : void 0,
         asChild: !0,
         children: /* @__PURE__ */ s("div", { ref: p, className: y, ...c, children: /* @__PURE__ */ u(E.Item, { value: i, children: [
-          /* @__PURE__ */ s(E.Header, { className: "ds:flex", children: /* @__PURE__ */ u(E.Trigger, { className: Ds, children: [
+          /* @__PURE__ */ s(E.Header, { className: "ds:flex", children: /* @__PURE__ */ u(E.Trigger, { className: As, children: [
             a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: Q, children: a }) : null,
             /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:text-start", children: e }),
             /* @__PURE__ */ s(
@@ -476,7 +488,7 @@ const Ds = [
   }
 );
 as.displayName = "SidebarSection";
-const As = [
+const Ps = [
   "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)]",
@@ -487,7 +499,7 @@ const As = [
   "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(" "), Ps = b(
+].join(" "), _s = b(
   ({
     label: e,
     icon: a,
@@ -509,7 +521,7 @@ const As = [
         className: n,
         ...o,
         children: [
-          /* @__PURE__ */ u(V.Trigger, { className: As, children: [
+          /* @__PURE__ */ u(V.Trigger, { className: Ps, children: [
             a ? /* @__PURE__ */ s(
               "span",
               {
@@ -553,8 +565,8 @@ const As = [
     );
   }
 );
-Ps.displayName = "SidebarGroup";
-const _s = I(
+_s.displayName = "SidebarGroup";
+const Es = 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.
@@ -628,14 +640,14 @@ const _s = I(
     "aria-label": c,
     ...p
   }, f) => {
-    const { mode: g, density: N } = x(), y = e ? os : "a", i = d !== void 0 && g !== "icon", [w, z] = R(null), m = g === "icon" && c != null && w ? `${c}, ${w}` : c, S = /* @__PURE__ */ s(
+    const { mode: g, density: N } = x(), y = e ? ls : "a", i = d !== void 0 && g !== "icon", [w, z] = R(null), m = g === "icon" && c != null && w ? `${c}, ${w}` : c, S = /* @__PURE__ */ s(
       y,
       {
         ref: f,
         "aria-current": a ? "page" : void 0,
         "aria-label": m,
         "data-nav-id": r,
-        className: _s({
+        className: Es({
           mode: g,
           density: N,
           isActive: a,
@@ -688,7 +700,7 @@ const _s = I(
   }
 );
 is.displayName = "SidebarItem";
-const Es = b(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(
+const Hs = b(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(
   "span",
   {
     ref: n,
@@ -709,8 +721,8 @@ const Es = b(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ s(
     children: a
   }
 ));
-Es.displayName = "SidebarItemIcon";
-const Hs = b(({ className: e, children: a, ...r }, n) => {
+Hs.displayName = "SidebarItemIcon";
+const Fs = b(({ className: e, children: a, ...r }, n) => {
   const { mode: d } = x();
   return /* @__PURE__ */ s(
     "span",
@@ -728,8 +740,8 @@ const Hs = b(({ className: e, children: a, ...r }, n) => {
     }
   );
 });
-Hs.displayName = "SidebarItemLabel";
-const Fs = b(({ className: e, children: a, ...r }, n) => {
+Fs.displayName = "SidebarItemLabel";
+const Ms = b(({ className: e, children: a, ...r }, n) => {
   const { mode: d } = x(), l = d === "icon", t = Z(rs);
   return U(() => {
     if (!t || !l) return;
@@ -764,8 +776,8 @@ const Fs = b(({ className: e, children: a, ...r }, n) => {
     }
   );
 });
-Fs.displayName = "SidebarItemBadge";
-const Ms = I(
+Ms.displayName = "SidebarItemBadge";
+const Ks = I(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -778,7 +790,7 @@ const Ms = I(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), Ks = b(({ logo: e, name: a, showChevron: r = !0, className: n, ...d }, l) => {
+), Ls = b(({ logo: e, name: a, showChevron: r = !0, className: n, ...d }, l) => {
   const { mode: t } = x(), o = t !== "icon";
   return /* @__PURE__ */ u(
     "button",
@@ -786,7 +798,7 @@ const Ms = I(
       ref: l,
       type: "button",
       "aria-label": a,
-      className: [Ms(), n].filter(Boolean).join(" "),
+      className: [Ks(), n].filter(Boolean).join(" "),
       ...d,
       children: [
         /* @__PURE__ */ s(
@@ -811,8 +823,8 @@ const Ms = I(
     }
   );
 });
-Ks.displayName = "SidebarWorkspaceSwitcher";
-const Ls = I(
+Ls.displayName = "SidebarWorkspaceSwitcher";
+const Vs = I(
   [
     "ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -835,7 +847,7 @@ const Ls = I(
     },
     defaultVariants: { mode: "expanded" }
   }
-), Vs = b(({ icon: e, label: a, shortcut: r, className: n, ...d }, l) => {
+), Us = b(({ icon: e, label: a, shortcut: r, className: n, ...d }, l) => {
   const { mode: t } = x(), o = t !== "icon";
   return /* @__PURE__ */ u(
     "button",
@@ -844,7 +856,7 @@ const Ls = I(
       type: "button",
       "aria-label": a,
       "aria-keyshortcuts": r,
-      className: [Ls({ mode: t }), n].filter(Boolean).join(" "),
+      className: [Vs({ mode: t }), n].filter(Boolean).join(" "),
       ...d,
       children: [
         /* @__PURE__ */ s(
@@ -863,8 +875,8 @@ const Ls = I(
     }
   );
 });
-Vs.displayName = "SidebarPrimaryAction";
-const Us = [
+Us.displayName = "SidebarPrimaryAction";
+const $s = [
   "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
   "ds:size-6 ds:rounded-[var(--radius-sm)]",
   // Lift above the Sidebar's opt-in resize handle (z-[2]). When `resizable`,
@@ -900,13 +912,13 @@ const Us = [
         type: "button",
         "aria-label": p,
         "aria-pressed": e,
-        className: [Us, n].filter(Boolean).join(" "),
+        className: [$s, n].filter(Boolean).join(" "),
         onClick: (f) => {
           f.preventDefault(), f.stopPropagation(), a == null || a(!e), d == null || d(f);
         },
         ...l,
         children: /* @__PURE__ */ s(
-          ps,
+          fs,
           {
             "aria-hidden": "true",
             className: "ds:size-4",
@@ -918,7 +930,7 @@ const Us = [
   }
 );
 Y.displayName = "SidebarPinButton";
-const ns = W(null), $s = () => Z(ns), Os = b(
+const ns = W(null), Os = () => Z(ns), Gs = b(
   ({ heading: e, emptyMessage: a, onReorder: r, className: n, children: d, ...l }, t) => {
     const { t: o } = D(), c = e ?? o("navigation.sidebar.favorites", "Favourites"), p = Array.isArray(d) ? d.filter(Boolean) : d ? [d] : [], f = p.length, g = f > 0, [N, y] = R(null), [i, w] = R(""), z = $(!1), m = ss((j) => {
       z.current = !z.current, w(z.current ? j : `${j}​`);
@@ -941,8 +953,8 @@ const ns = W(null), $s = () => Z(ns), Os = b(
     ) });
   }
 );
-Os.displayName = "SidebarFavorites";
-const Gs = I(
+Gs.displayName = "SidebarFavorites";
+const qs = I(
   [
     "ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -961,7 +973,7 @@ const Gs = I(
     },
     defaultVariants: { dragging: !1, dropTarget: !1 }
   }
-), qs = [
+), Zs = [
   "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",
@@ -975,7 +987,7 @@ const Gs = 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(" "), Zs = b(
+].join(" "), Ws = b(
   ({
     index: e,
     isActive: a = !1,
@@ -989,7 +1001,7 @@ const Gs = I(
     children: p,
     ...f
   }, g) => {
-    const { t: N } = D(), { mode: y } = x(), i = $s(), [w, z] = R(!1), m = !!(i != null && i.onReorder) && y !== "icon", S = n ?? o ?? "", j = ds(), C = (v, T) => {
+    const { t: N } = D(), { mode: y } = x(), i = Os(), [w, z] = R(!1), m = !!(i != null && i.onReorder) && y !== "icon", S = n ?? o ?? "", j = ds(), C = (v, T) => {
       if (!(i != null && i.onReorder)) return;
       const L = Math.max(0, Math.min(i.count - 1, T));
       L !== v && (i.onReorder(v, L), i.announce(
@@ -1016,7 +1028,7 @@ const Gs = I(
     return /* @__PURE__ */ u(
       "div",
       {
-        className: Gs({
+        className: qs({
           dragging: k,
           dropTarget: w && !k
         }),
@@ -1051,9 +1063,9 @@ const Gs = I(
                 "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
                 { label: S }
               ),
-              className: qs,
+              className: Zs,
               onKeyDown: F,
-              children: /* @__PURE__ */ s(vs, { "aria-hidden": "true", className: "ds:size-4" })
+              children: /* @__PURE__ */ s(ps, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
           l && y !== "icon" ? /* @__PURE__ */ s(
@@ -1069,8 +1081,8 @@ const Gs = I(
     );
   }
 );
-Zs.displayName = "SidebarFavoriteItem";
-const Ws = I(
+Ws.displayName = "SidebarFavoriteItem";
+const Xs = I(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -1083,7 +1095,7 @@ const Ws = I(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), Xs = b(({ avatar: e, name: a, subtitle: r, subtitleLabel: n, className: d, ...l }, t) => {
+), Ys = b(({ avatar: e, name: a, subtitle: r, subtitleLabel: n, className: d, ...l }, t) => {
   const { mode: o } = x(), c = o !== "icon", p = typeof r == "string" ? r : n;
   return /* @__PURE__ */ u(
     "button",
@@ -1091,7 +1103,7 @@ const Ws = I(
       ref: t,
       type: "button",
       "aria-label": p ? `${a}, ${p}` : a,
-      className: [Ws(), d].filter(Boolean).join(" "),
+      className: [Xs(), d].filter(Boolean).join(" "),
       ...l,
       children: [
         /* @__PURE__ */ s(
@@ -1110,8 +1122,8 @@ const Ws = I(
     }
   );
 });
-Xs.displayName = "SidebarProfilePill";
-const Ys = [
+Ys.displayName = "SidebarProfilePill";
+const Js = [
   "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)]",
@@ -1121,7 +1133,7 @@ const Ys = [
   "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(" "), Js = b(({ className: e, "aria-label": a, onClick: r, ...n }, d) => {
+].join(" "), Qs = b(({ className: e, "aria-label": a, onClick: r, ...n }, d) => {
   const { t: l } = D(), { mode: t, transitionTo: o } = x();
   if (t === "overlay") return null;
   const c = t === "expanded", p = a ?? (c ? l("navigation.sidebar.collapse", "Collapse sidebar") : l("navigation.sidebar.expand", "Expand sidebar")), f = /* @__PURE__ */ s(
@@ -1134,16 +1146,16 @@ const Ys = [
       onClick: (g) => {
         o == null || o(c ? "icon" : "expanded"), r == null || r(g);
       },
-      className: [Ys, e].filter(Boolean).join(" "),
+      className: [Js, e].filter(Boolean).join(" "),
       ...n,
       children: c ? /* @__PURE__ */ s(
-        gs,
+        bs,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
         }
       ) : /* @__PURE__ */ s(
-        hs,
+        xs,
         {
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
@@ -1173,8 +1185,8 @@ const Ys = [
     ) })
   ] });
 });
-Js.displayName = "SidebarCollapseTrigger";
-const Qs = I(
+Qs.displayName = "SidebarCollapseTrigger";
+const se = I(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)]",
@@ -1205,7 +1217,7 @@ const Qs = I(
     },
     defaultVariants: { mode: "expanded" }
   }
-), se = b(({ title: e, description: a, icon: r, className: n, ...d }, l) => {
+), ee = b(({ title: e, description: a, icon: r, className: n, ...d }, l) => {
   const { mode: t } = x(), o = t === "icon", c = (
     // aria-label only in icon mode (where the copy is hidden) — in
     // expanded mode the accessible name comes from the visible contents
@@ -1215,7 +1227,7 @@ const Qs = I(
       {
         ref: l,
         "aria-label": o ? e : void 0,
-        className: Qs({ mode: t, className: n }),
+        className: se({ mode: t, className: n }),
         ...d,
         children: [
           /* @__PURE__ */ s(
@@ -1227,7 +1239,7 @@ const Qs = I(
                 "ds:rounded-[var(--radius-sm)]",
                 "ds:bg-[var(--accent)] ds:text-[var(--accent-foreground)]"
               ].join(" "),
-              children: r ?? /* @__PURE__ */ s(ys, { className: "ds:size-4" })
+              children: r ?? /* @__PURE__ */ s(ws, { className: "ds:size-4" })
             }
           ),
           o ? null : /* @__PURE__ */ u(q, { children: [
@@ -1273,27 +1285,27 @@ const Qs = I(
     ) })
   ] }) : c;
 });
-se.displayName = "SidebarUpgradeChip";
+ee.displayName = "SidebarUpgradeChip";
 export {
-  Is as S,
-  Bs as a,
-  Js as b,
-  Zs as c,
-  Os as d,
-  Rs as e,
-  Ps as f,
-  Ts as g,
+  Ts as S,
+  Rs as a,
+  Qs as b,
+  Ws as c,
+  Gs as d,
+  Ds as e,
+  _s as f,
+  Bs as g,
   is as h,
-  Fs as i,
-  Es as j,
-  Hs as k,
+  Ms as i,
+  Hs as j,
+  Fs as k,
   Y as l,
-  Vs as m,
-  Xs as n,
+  Us as m,
+  Ys as n,
   as as o,
-  se as p,
-  Ks as q,
-  ws as s,
+  ee as p,
+  Ls as q,
+  Ns as s,
   x as u
 };
-//# sourceMappingURL=sidebar-DY9jGjgt.js.map
+//# sourceMappingURL=sidebar-QCp9wHNP.js.map