@cloudraker/reki 2.7.1 → 2.8.0

package/dist/chunks/{sidebar-gwfibai76tw069d4.js → sidebar-eite6uzjeerm7pz5.js}

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as r, jsxs as H, Fragment as Le } from "react/jsx-runtime";
-import _, { forwardRef as x, useState as P, useId as ze, useRef as D, useCallback as w, useMemo as Z, useContext as B, useEffect as q, createContext as $ } from "react";
-import { CaretRightIcon as De } from "@phosphor-icons/react";
-import { c as o } from "./cn-ct4n7r74mh8y0f48.js";
+import { jsx as r, jsxs as W, Fragment as De } from "react/jsx-runtime";
+import _, { forwardRef as x, useState as P, useId as Be, useRef as D, useCallback as w, useMemo as Z, useContext as B, useEffect as $, createContext as G } from "react";
+import { CaretRightIcon as Le } from "@phosphor-icons/react";
+import { c as s } from "./cn-ct4n7r74mh8y0f48.js";
 import { u as ee } from "./link-provider-bgljdgs4hs438h0u.js";
-import { a as Be, T as Oe } from "./tooltip-bkgxuz77xzg5fooc.js";
+import { a as ze, T as Oe } from "./tooltip-bkgxuz77xzg5fooc.js";
 import { bz as Fe, bA as Pe, bB as Ve, bC as We, bD as He } from "./vendor-base-ui-djdjrfuoxlb1lubi.js";
 const st = {
   variant: {
@@ -60,12 +60,12 @@ const st = {
 }, Xe = "16.25rem", Ke = "57px", Ge = "cubic-bezier(0.77, 0, 0.175, 1)", $e = 250, qe = 768, je = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function Ue(t = qe) {
   const [a, e] = P(() => typeof window > "u" ? !1 : window.matchMedia(`(max-width: ${t - 1}px)`).matches);
-  return q(() => {
-    const i = window.matchMedia(`(max-width: ${t - 1}px)`), s = () => e(i.matches);
-    return i.addEventListener("change", s), e(i.matches), () => i.removeEventListener("change", s);
+  return $(() => {
+    const i = window.matchMedia(`(max-width: ${t - 1}px)`), o = () => e(i.matches);
+    return i.addEventListener("change", o), e(i.matches), () => i.removeEventListener("change", o);
   }, [t]), a;
 }
-const te = $(null);
+const te = G(null);
 function V() {
   const t = B(te);
   if (!t)
@@ -78,93 +78,91 @@ function ae({
   open: a,
   onOpenChange: e,
   variant: i = J.variant,
-  side: s = J.side,
-  collapsible: g = J.collapsible,
-  resizable: c = !1,
+  side: o = J.side,
+  collapsible: h = J.collapsible,
+  resizable: l = !1,
   defaultWidth: u = Ye,
-  minWidth: l = Je,
+  minWidth: c = Je,
   maxWidth: d = Qe,
   onWidthChange: n,
-  contained: f = !1,
-  peekable: v = !1,
-  animationDuration: m = $e,
+  contained: m = !1,
+  peekable: f = !1,
+  animationDuration: g = $e,
   mobileBreakpoint: S,
   children: k,
-  className: R,
-  style: h
+  className: C,
+  style: v
 }) {
-  const p = Ue(S), [y, L] = P(!1), [A, T] = P(u), [N, C] = P(!1), [O, M] = P(!1), F = p && a !== void 0 ? a : y, X = w(
-    (E) => {
-      L(E), p && a !== void 0 && e?.(E);
+  const b = Ue(S), [y, T] = P(!1), [M, E] = P(u), [I, R] = P(!1), [L, N] = P(!1), z = b && a !== void 0 ? a : y, H = w(
+    (A) => {
+      T(A), b && a !== void 0 && e?.(A);
     },
-    [p, a, e]
+    [b, a, e]
   ), Q = w(
-    (E) => {
-      const K = Math.min(d, Math.max(l, E));
-      T(K), n?.(K);
+    (A) => {
+      const X = Math.min(d, Math.max(c, A));
+      E(X), n?.(X);
     },
-    [l, d, n]
-  ), [j, U] = P(t), b = a ?? j, z = w(
-    (E) => {
-      const K = typeof E == "function" ? E(b) : E;
-      e?.(K), U(K);
+    [c, d, n]
+  ), [q, j] = P(t), p = a ?? q, O = w(
+    (A) => {
+      const X = typeof A == "function" ? A(p) : A;
+      e?.(X), j(X);
     },
-    [e, b]
-  ), W = w(() => {
-    p ? X(!F) : (M(!1), z((E) => !E));
-  }, [p, F, X, z]), I = w(() => {
-    v && !b && !p && M(!0);
-  }, [v, b, p]), Ee = w(() => {
-    M(!1);
-  }, []), Y = O ? "peeking" : b ? "expanded" : "collapsed", Te = c ? `${A}px` : Xe, _e = Z(
+    [e, p]
+  ), U = w(() => {
+    b ? H(!z) : (N(!1), O((A) => !A));
+  }, [b, z, H, O]), F = w(() => {
+    f && !p && !b && N(!0);
+  }, [f, p, b]), Ee = w(() => {
+    N(!1);
+  }, []), Y = L ? "peeking" : p ? "expanded" : "collapsed", _e = l ? `${M}px` : Xe, Te = Z(
     () => ({
       state: Y,
-      open: b,
-      setOpen: z,
-      openMobile: F,
-      setOpenMobile: X,
-      isMobile: p,
-      toggleSidebar: W,
+      open: p,
+      setOpen: O,
+      openMobile: z,
+      setOpenMobile: H,
+      isMobile: b,
+      toggleSidebar: U,
       variant: i,
-      side: s,
-      collapsible: g,
-      width: A,
-      resizable: c,
-      minWidth: l,
+      side: o,
+      collapsible: h,
+      width: M,
+      resizable: l,
+      minWidth: c,
       maxWidth: d,
-      isResizing: N,
-      setIsResizing: C,
+      isResizing: I,
+      setIsResizing: R,
       setWidth: Q,
-      isPeeking: O,
-      peekable: v,
-      startPeek: I,
+      isPeeking: L,
+      peekable: f,
+      startPeek: F,
       stopPeek: Ee,
-      contained: f,
-      animationDuration: m
+      contained: m,
+      animationDuration: g
     }),
-    [Y, b, F, p, A, N, O]
+    [Y, p, z, b, M, I, L]
   );
-  return /* @__PURE__ */ r(te.Provider, { value: _e, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(te.Provider, { value: Te, children: /* @__PURE__ */ r(
     "div",
     {
       "data-sidebar-wrapper": "",
       "data-state": Y,
-      "data-side": s,
+      "data-side": o,
       style: {
-        "--sidebar-width": Te,
+        "--sidebar-width": _e,
         "--sidebar-width-icon": Ke,
-        "--sidebar-animation-duration": `${m}ms`,
+        "--sidebar-animation-duration": `${g}ms`,
         "--sidebar-easing": Ge,
-        "--sidebar-bg": "var(--color-reki-sidebar)",
-        "--sidebar-active-bg": "var(--color-reki-sidebar-active)",
-        ...h
+        ...v
       },
-      className: o(
-        "group/sidebar-wrapper relative isolate flex w-full",
-        !f && !p && "min-h-svh",
+      className: s(
+        "group/sidebar-wrapper relative isolate flex w-full [--sidebar-bg:var(--color-kumo-base)] [--sidebar-active-bg:var(--color-kumo-tint)]",
+        !m && !b && "min-h-svh",
         "has-data-[variant=inset]:bg-reki-recessed",
-        N && "select-none",
-        R
+        I && "select-none",
+        C
       ),
       children: k
     }
@@ -172,75 +170,73 @@ function ae({
 }
 ae.displayName = "Sidebar.Provider";
 const ie = x(
-  ({ className: t, contentClassName: a, children: e, ...i }, s) => {
+  ({ className: t, contentClassName: a, children: e, ...i }, o) => {
     const {
-      state: g,
-      open: c,
+      state: h,
+      open: l,
       isMobile: u,
-      openMobile: l,
+      openMobile: c,
       setOpenMobile: d,
       side: n,
-      variant: f,
-      collapsible: v,
-      isResizing: m,
+      variant: m,
+      collapsible: f,
+      isResizing: g,
       resizable: S,
       width: k,
-      isPeeking: R,
-      startPeek: h,
-      stopPeek: p,
+      isPeeking: C,
+      startPeek: v,
+      stopPeek: b,
       contained: y
-    } = V(), L = w(
-      (b) => {
-        b && (l ? b.removeAttribute("inert") : b.setAttribute("inert", ""));
+    } = V(), T = w(
+      (p) => {
+        p && (c ? p.removeAttribute("inert") : p.setAttribute("inert", ""));
       },
-      [l]
-    ), A = w(
-      (b) => {
-        L(b), typeof s == "function" ? s(b) : s && (s.current = b);
+      [c]
+    ), M = w(
+      (p) => {
+        T(p), typeof o == "function" ? o(p) : o && (o.current = p);
       },
-      [s, L]
-    ), T = D(null), N = D(null), C = D(!1);
-    q(() => {
-      if (!u || !l) return;
-      const b = N.current, z = (I) => {
-        I.key === "Escape" && (C.current = !0, d(!1));
-      }, W = (I) => {
-        b && !b.contains(I.relatedTarget) && (C.current = !1, d(!1));
+      [o, T]
+    ), E = D(null), I = D(null), R = D(!1);
+    $(() => {
+      if (!u || !c) return;
+      const p = (O) => {
+        O.key === "Escape" && (R.current = !0, d(!1));
       };
-      return document.addEventListener("keydown", z), b?.addEventListener("focusout", W), () => {
-        document.removeEventListener("keydown", z), b?.removeEventListener("focusout", W);
+      return document.addEventListener("keydown", p), () => {
+        document.removeEventListener("keydown", p);
       };
-    }, [u, l, d]), q(() => {
-      u && (l ? (T.current = document.activeElement, C.current = !1, requestAnimationFrame(() => {
-        (N.current?.querySelector(
+    }, [u, c, d]), $(() => {
+      u && (c ? (E.current = document.activeElement, R.current = !1, requestAnimationFrame(() => {
+        (I.current?.querySelector(
           je
-        ) ?? N.current)?.focus();
-      })) : C.current && T.current instanceof HTMLElement && (T.current.focus(), C.current = !1, T.current = null));
-    }, [u, l]);
-    const O = w(
-      (b) => {
-        b.currentTarget.contains(b.relatedTarget) || p();
+        ) ?? I.current)?.focus();
+      })) : R.current && E.current instanceof HTMLElement && (E.current.focus(), R.current = !1, E.current = null));
+    }, [u, c]);
+    const L = w(
+      (p) => {
+        p.currentTarget.contains(p.relatedTarget) || b();
       },
-      [p]
+      [b]
     );
-    if (v === "none")
+    if (f === "none")
       return /* @__PURE__ */ r(
         "aside",
         {
-          ref: s,
+          ref: o,
           "data-state": "expanded",
           "data-side": n,
-          "data-variant": f,
+          "data-variant": m,
           "data-sidebar": "sidebar",
           style: {
             width: "var(--sidebar-width)",
             minWidth: "var(--sidebar-width)",
             maxWidth: "var(--sidebar-width)"
           },
-          className: o(
+          className: s(
             "relative flex h-full shrink-0 grow-0 flex-col overflow-hidden bg-(--sidebar-bg) text-reki-default",
-            f === "sidebar" && (n === "left" ? "border-r border-reki-line" : "border-l border-reki-line"),
-            f === "floating" && "m-2 rounded-lg border border-reki-line shadow-lg",
+            m === "sidebar" && (n === "left" ? "border-r border-reki-line" : "border-l border-reki-line"),
+            m === "floating" && "m-2 rounded-lg border border-reki-line shadow-lg",
             t
           ),
           ...i,
@@ -248,19 +244,19 @@ const ie = x(
         }
       );
     if (u)
-      return /* @__PURE__ */ H(Le, { children: [
+      return /* @__PURE__ */ W(De, { children: [
         /* @__PURE__ */ r(
           "div",
           {
             "data-sidebar-backdrop": "",
-            className: o(
+            className: s(
               y ? "absolute inset-0 z-40 bg-reki-recessed" : "fixed inset-0 z-40 bg-reki-recessed",
               "transition-opacity duration-(--sidebar-animation-duration) ease-(--sidebar-easing)",
               "motion-reduce:transition-none",
-              l ? "opacity-80" : "opacity-0 pointer-events-none"
+              c ? "opacity-80" : "opacity-0 pointer-events-none"
             ),
             onClick: () => {
-              C.current = !0, d(!1);
+              R.current = !0, d(!1);
             },
             "aria-hidden": "true"
           }
@@ -268,27 +264,27 @@ const ie = x(
         /* @__PURE__ */ r(
           "nav",
           {
-            ref: (b) => {
-              A(b), N.current = b;
+            ref: (p) => {
+              M(p), I.current = p;
             },
             tabIndex: -1,
             "aria-label": "Navigation",
-            "aria-hidden": !l,
-            "data-state": l ? "expanded" : "collapsed",
+            "aria-hidden": !c,
+            "data-state": c ? "expanded" : "collapsed",
             "data-side": n,
-            "data-variant": f,
-            "data-collapsible": v,
+            "data-variant": m,
+            "data-collapsible": f,
             "data-sidebar": "sidebar",
             "data-mobile": "true",
-            className: o(
+            className: s(
               y ? "group/sidebar absolute inset-y-0 z-50 flex w-(--sidebar-width) flex-col overflow-hidden" : "group/sidebar fixed inset-y-0 z-50 flex w-(--sidebar-width) flex-col overflow-hidden",
               "border-r border-reki-line bg-(--sidebar-bg) text-reki-default",
               "transition-transform duration-(--sidebar-animation-duration) ease-(--sidebar-easing)",
               "motion-reduce:transition-none",
               n === "left" && "left-0",
               n === "right" && "right-0",
-              n === "left" && (l ? "translate-x-0" : "-translate-x-full"),
-              n === "right" && (l ? "translate-x-0" : "translate-x-full"),
+              n === "left" && (c ? "translate-x-0" : "-translate-x-full"),
+              n === "right" && (c ? "translate-x-0" : "translate-x-full"),
               t
             ),
             ...i,
@@ -296,54 +292,54 @@ const ie = x(
           }
         )
       ] });
-    const M = v === "icon" ? "var(--sidebar-width-icon)" : "0px", F = S ? `${k}px` : "var(--sidebar-width)", X = c ? F : M, j = c || R ? F : M, U = f === "sidebar" ? n === "left" ? "border-r border-reki-line" : "border-l border-reki-line" : f === "floating" ? "border border-reki-line" : "";
+    const N = f === "icon" ? "var(--sidebar-width-icon)" : "0px", z = S ? `${k}px` : "var(--sidebar-width)", H = l ? z : N, q = l || C ? z : N, j = m === "sidebar" ? n === "left" ? "border-r border-reki-line" : "border-l border-reki-line" : m === "floating" ? "border border-reki-line" : "";
     return /* @__PURE__ */ r(
       "aside",
       {
-        ref: s,
-        "data-state": g,
+        ref: o,
+        "data-state": h,
         "data-side": n,
-        "data-variant": f,
-        "data-collapsible": v,
+        "data-variant": m,
+        "data-collapsible": f,
         "data-sidebar": "sidebar",
-        style: { width: X },
-        className: o(
+        style: { width: H },
+        className: s(
           "group/sidebar relative h-full shrink-0 grow-0",
           "overflow-visible",
           // allow content container to overlay when peeking
           "transition-[width] duration-(--sidebar-animation-duration) ease-(--sidebar-easing)",
           "motion-reduce:transition-none",
-          m && "transition-none!",
-          f === "floating" && "m-2 rounded-lg shadow-lg",
+          g && "transition-none!",
+          m === "floating" && "m-2 rounded-lg shadow-lg",
           t
         ),
         ...i,
-        children: /* @__PURE__ */ r(Be, { children: (() => {
-          const b = _.Children.toArray(e), z = b.filter(
-            (I) => _.isValidElement(I) && I.type?.displayName === "Sidebar.Footer"
-          ), W = b.filter(
-            (I) => !_.isValidElement(I) || I.type?.displayName !== "Sidebar.Footer"
+        children: /* @__PURE__ */ r(ze, { children: (() => {
+          const p = _.Children.toArray(e), O = p.filter(
+            (F) => _.isValidElement(F) && F.type?.displayName === "Sidebar.Footer"
+          ), U = p.filter(
+            (F) => !_.isValidElement(F) || F.type?.displayName !== "Sidebar.Footer"
           );
-          return /* @__PURE__ */ H(
+          return /* @__PURE__ */ W(
             "div",
             {
               "data-sidebar": "content-container",
-              style: { width: j },
-              className: o(
+              style: { width: q },
+              className: s(
                 "flex h-full flex-col",
                 "min-w-0 overflow-hidden whitespace-nowrap",
                 "bg-(--sidebar-bg) text-reki-default",
-                U,
+                j,
                 "transition-[width] duration-(--sidebar-animation-duration) ease-(--sidebar-easing)",
                 "motion-reduce:transition-none",
-                m && "transition-none!",
-                !c && o(
+                g && "transition-none!",
+                !l && s(
                   y ? "absolute" : "fixed",
                   "inset-y-0 z-40",
                   n === "left" && "left-0",
                   n === "right" && "right-0"
                 ),
-                c && "relative",
+                l && "relative",
                 a
               ),
               children: [
@@ -352,14 +348,14 @@ const ie = x(
                   {
                     "data-sidebar": "peek-zone",
                     className: "flex flex-1 flex-col min-h-0",
-                    onMouseEnter: h,
-                    onMouseLeave: p,
-                    onFocus: h,
-                    onBlur: O,
-                    children: W
+                    onMouseEnter: v,
+                    onMouseLeave: b,
+                    onFocus: v,
+                    onBlur: L,
+                    children: U
                   }
                 ),
-                z
+                O
               ]
             }
           );
@@ -374,7 +370,7 @@ const re = x(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   {
     ref: e,
     "data-sidebar": "header",
-    className: o(
+    className: s(
       "flex h-[58px] shrink-0 items-center gap-1 border-b border-reki-line font-medium",
       "px-3 overflow-hidden",
       t
@@ -383,19 +379,19 @@ const re = x(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   }
 ));
 re.displayName = "Sidebar.Header";
-const ne = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ H(
+const ne = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ W(
   Fe,
   {
     ref: i,
     "data-sidebar": "content",
-    className: o("relative min-w-0 flex-1 overflow-hidden", t),
+    className: s("relative min-w-0 flex-1 overflow-hidden", t),
     ...e,
     children: [
       /* @__PURE__ */ r(
         Pe,
         {
           tabIndex: -1,
-          className: o(
+          className: s(
             "h-full px-[11px] py-3 group-not-data-[state=collapsed]/sidebar:px-3.5",
             "transition-[padding] duration-(--sidebar-animation-duration)",
             "overflow-x-hidden!",
@@ -409,7 +405,7 @@ const ne = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ H(
         We,
         {
           orientation: "vertical",
-          className: o(
+          className: s(
             "flex w-1.5 touch-none select-none p-px",
             "opacity-0 transition-opacity duration-150",
             "data-[scrolling]:opacity-100 data-[hovering]:opacity-100"
@@ -426,7 +422,7 @@ const se = x(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   {
     ref: e,
     "data-sidebar": "footer",
-    className: o(
+    className: s(
       "flex h-12 shrink-0 items-center gap-4 overflow-hidden whitespace-nowrap border-t border-reki-line",
       "px-[11px] group-not-data-[state=collapsed]/sidebar:px-4",
       "bg-(--sidebar-bg)",
@@ -447,7 +443,7 @@ const oe = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ r(
   {
     ref: i,
     "data-sidebar": "group",
-    className: o("flex min-w-0 flex-col gap-y-px", t),
+    className: s("flex min-w-0 flex-col gap-y-px", t),
     ...e,
     children: a
   }
@@ -458,7 +454,7 @@ const de = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ r(
   {
     ref: i,
     "data-sidebar": "group-label",
-    className: o(
+    className: s(
       // Grid-rows for smooth collapse animation
       "grid overflow-hidden",
       "transition-[grid-template-rows,margin,border-color] duration-(--sidebar-animation-duration) ease-(--sidebar-easing)",
@@ -478,7 +474,7 @@ const de = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ r(
     children: /* @__PURE__ */ r("div", { className: "min-h-0 min-w-0", children: /* @__PURE__ */ r(
       "div",
       {
-        className: o(
+        className: s(
           "truncate px-3 mt-4 mb-2 text-sm font-medium text-reki-subtle",
           // First group: less top margin
           "[[data-sidebar=group]:first-child_&]:mt-2"
@@ -489,12 +485,12 @@ const de = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ r(
   }
 ));
 de.displayName = "Sidebar.GroupLabel";
-const le = $(!1), ce = $(!1), ue = x(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+const le = G(!1), ce = G(!1), ue = x(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   "ul",
   {
     ref: e,
     "data-sidebar": "menu",
-    className: o(
+    className: s(
       "m-0 flex min-w-0 list-none flex-col items-stretch gap-y-px p-0",
       t
     ),
@@ -507,7 +503,7 @@ const be = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ r(le.Pr
   {
     ref: i,
     "data-sidebar": "menu-item",
-    className: o(
+    className: s(
       "relative group-data-[state=collapsed]/sidebar:overflow-hidden",
       t
     ),
@@ -522,25 +518,25 @@ const pe = x(
     icon: a,
     active: e = !1,
     size: i = "base",
-    href: s,
-    target: g,
-    tooltip: c,
+    href: o,
+    target: h,
+    tooltip: l,
     children: u,
-    ...l
+    ...c
   }, d) => {
-    const { state: n, peekable: f } = V(), v = ee(), m = B(le), S = a ? _.isValidElement(a) ? a : /* @__PURE__ */ r(
+    const { state: n, peekable: m } = V(), f = ee(), g = B(le), S = a ? _.isValidElement(a) ? a : /* @__PURE__ */ r(
       a,
       {
-        className: o(
+        className: s(
           "shrink-0 opacity-40",
           i === "base" ? "size-4" : "size-3.5"
         )
       }
-    ) : null, k = /* @__PURE__ */ H(
+    ) : null, k = /* @__PURE__ */ W(
       "div",
       {
-        className: o(
-          "flex flex-1 items-center min-w-0 gap-2",
+        className: s(
+          "flex flex-1 items-center min-w-0 gap-3",
           "translate-x-[-3px] group-not-data-[state=collapsed]/sidebar:translate-x-0",
           "transition-transform duration-(--sidebar-animation-duration)"
         ),
@@ -549,7 +545,7 @@ const pe = x(
           /* @__PURE__ */ r(
             "span",
             {
-              className: o(
+              className: s(
                 "flex flex-1 items-center gap-2 min-w-0 text-left overflow-hidden"
               ),
               children: _.Children.map(
@@ -560,12 +556,13 @@ const pe = x(
           )
         ]
       }
-    ), R = o(
+    ), C = s(
       // Layout
-      "group/menu-button relative flex w-full min-w-0 items-center gap-1.5 rounded-lg outline-none cursor-pointer",
+      "group/menu-button relative flex w-full min-w-0 items-center gap-2.5 rounded-lg outline-none cursor-pointer",
       "before:absolute before:inset-x-0 before:-inset-y-px",
       // Sizing
-      "min-h-7 px-2 py-0 text-sm text-tight",
+      i === "base" && "min-h-8.5 px-3 py-0 text-sm font-medium",
+      i === "sm" && "min-h-7 px-2 py-0 text-sm",
       "text-reki-default",
       "transition-[color,box-shadow,outline] duration-(--sidebar-animation-duration)",
       !e && "hover:bg-(--sidebar-active-bg)",
@@ -577,61 +574,62 @@ const pe = x(
       "focus:outline-none focus-visible:text-reki-strong focus-visible:bg-(--sidebar-active-bg)",
       t
     );
-    let h;
-    return s ? h = /* @__PURE__ */ r(
-      v,
+    let v;
+    return o ? v = /* @__PURE__ */ r(
+      f,
       {
         ref: d,
-        className: o(R, "no-underline!"),
-        href: s,
-        to: s,
-        target: g,
+        className: s(C, "no-underline!"),
+        href: o,
+        to: o,
+        target: h,
         "data-active": e || void 0,
         "data-sidebar": "menu-button",
         "data-reki-component": "Sidebar",
         "data-reki-part": "menu-button-link",
         "data-size": i,
-        onClick: l.onClick,
+        onClick: c.onClick,
         children: k
       }
-    ) : h = /* @__PURE__ */ r(
+    ) : v = /* @__PURE__ */ r(
       "button",
       {
         ref: d,
         type: "button",
-        className: R,
+        className: C,
         "data-active": e || void 0,
         "data-sidebar": "menu-button",
         "data-reki-component": "Sidebar",
         "data-reki-part": "menu-button",
         "data-size": i,
-        ...l,
+        ...c,
         children: k
       }
-    ), c && (h = /* @__PURE__ */ r(
+    ), l && (v = /* @__PURE__ */ r(
       Oe,
       {
-        content: n === "collapsed" && !f ? c : null,
+        content: l,
+        disabled: !(n === "collapsed" && !m),
         side: "right",
-        render: h
+        render: v
       }
-    )), m ? h : /* @__PURE__ */ r(
+    )), g ? v : /* @__PURE__ */ r(
       "li",
       {
         "data-sidebar": "menu-item",
         className: "relative group-data-[state=collapsed]/sidebar:overflow-hidden",
-        children: h
+        children: v
       }
     );
   }
 );
 pe.displayName = "Sidebar.MenuButton";
-const fe = x(({ className: t, ...a }, e) => /* @__PURE__ */ r(
+const me = x(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   "span",
   {
     ref: e,
     "data-sidebar": "menu-badge",
-    className: o(
+    className: s(
       "inline-flex shrink-0 items-center rounded-full border border-dashed border-reki-line",
       "select-none px-1.5 py-0.5 text-[11px]/none font-medium text-reki-strong",
       // Hidden when collapsed
@@ -641,13 +639,13 @@ const fe = x(({ className: t, ...a }, e) => /* @__PURE__ */ r(
     ...a
   }
 ));
-fe.displayName = "Sidebar.MenuBadge";
-const me = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ H(
+me.displayName = "Sidebar.MenuBadge";
+const fe = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ W(
   "ul",
   {
     ref: i,
     "data-sidebar": "menu-sub",
-    className: o(
+    className: s(
       "relative m-0 flex min-w-0 list-none flex-col gap-y-px p-0 pl-7 pr-0 overflow-hidden",
       t
     ),
@@ -658,20 +656,20 @@ const me = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ H(
     ]
   }
 ));
-me.displayName = "Sidebar.MenuSub";
+fe.displayName = "Sidebar.MenuSub";
 const ge = x(({ className: t, children: a, ...e }, i) => /* @__PURE__ */ r(ce.Provider, { value: !0, children: /* @__PURE__ */ r(
   "li",
   {
     ref: i,
     "data-sidebar": "menu-sub-item",
-    className: o("relative", t),
+    className: s("relative", t),
     ...e,
     children: a
   }
 ) }));
 ge.displayName = "Sidebar.MenuSubItem";
-const he = x(({ className: t, active: a = !1, href: e, children: i, ...s }, g) => {
-  const c = ee(), u = B(ce), l = o(
+const he = x(({ className: t, active: a = !1, href: e, target: i, children: o, ...h }, l) => {
+  const u = ee(), c = B(ce), d = s(
     "group/menu-button relative flex w-full min-w-0 items-center gap-2 rounded-lg min-h-8.5 px-3 py-0 text-sm font-medium outline-none cursor-pointer",
     "before:absolute before:inset-x-0 before:-inset-y-px",
     "text-reki-default transition-[color] duration-150",
@@ -679,39 +677,40 @@ const he = x(({ className: t, active: a = !1, href: e, children: i, ...s }, g) =
     a && "bg-(--sidebar-active-bg)",
     "focus:outline-none focus-visible:text-reki-strong focus-visible:bg-(--sidebar-active-bg)",
     t
-  ), d = /* @__PURE__ */ r("span", { className: "flex flex-1 items-center gap-2 min-w-0 text-left overflow-hidden", children: _.Children.map(
-    i,
+  ), n = /* @__PURE__ */ r("span", { className: "flex flex-1 items-center gap-2 min-w-0 text-left overflow-hidden", children: _.Children.map(
+    o,
     (f) => typeof f == "string" || typeof f == "number" ? /* @__PURE__ */ r("span", { className: "truncate", children: f }) : f
   ) });
-  let n;
-  return e ? n = /* @__PURE__ */ r(
-    c,
+  let m;
+  return e ? m = /* @__PURE__ */ r(
+    u,
     {
-      ref: g,
-      className: o(l, "no-underline!"),
+      ref: l,
+      className: s(d, "no-underline!"),
       href: e,
       to: e,
+      target: i,
       "data-active": a || void 0,
       "data-sidebar": "menu-sub-button",
       "data-reki-component": "Sidebar",
       "data-reki-part": "menu-sub-button-link",
-      onClick: s.onClick,
-      children: d
+      onClick: h.onClick,
+      children: n
     }
-  ) : n = /* @__PURE__ */ r(
+  ) : m = /* @__PURE__ */ r(
     "button",
     {
-      ref: g,
+      ref: l,
       type: "button",
-      className: l,
+      className: d,
       "data-active": a || void 0,
       "data-sidebar": "menu-sub-button",
       "data-reki-component": "Sidebar",
       "data-reki-part": "menu-sub-button",
-      ...s,
-      children: d
+      ...h,
+      children: n
     }
-  ), u ? n : /* @__PURE__ */ r("li", { "data-sidebar": "menu-sub-item", className: "relative", children: n });
+  ), c ? m : /* @__PURE__ */ r("li", { "data-sidebar": "menu-sub-item", className: "relative", children: m });
 });
 he.displayName = "Sidebar.MenuSubButton";
 const ve = x(({ className: t, ...a }, e) => /* @__PURE__ */ r(
@@ -719,7 +718,7 @@ const ve = x(({ className: t, ...a }, e) => /* @__PURE__ */ r(
   {
     ref: e,
     "data-sidebar": "separator",
-    className: o("my-3 px-2", t),
+    className: s("my-3 px-2", t),
     ...a,
     children: /* @__PURE__ */ r("div", { className: "border-b border-reki-line" })
   }
@@ -727,7 +726,7 @@ const ve = x(({ className: t, ...a }, e) => /* @__PURE__ */ r(
 ve.displayName = "Sidebar.Separator";
 function xe({ className: t }) {
   const { open: a } = V();
-  return /* @__PURE__ */ H(
+  return /* @__PURE__ */ W(
     "svg",
     {
       width: "18",
@@ -739,14 +738,14 @@ function xe({ className: t }) {
       stroke: "currentColor",
       strokeWidth: "1.5",
       strokeLinecap: "round",
-      className: o("shrink-0", t),
+      className: s("shrink-0", t),
       children: [
         /* @__PURE__ */ r("path", { d: "M21.25 6.72v10.56a2.97 2.97 0 0 1-2.97 2.97H5.72a2.97 2.97 0 0 1-2.97-2.97V6.72a2.97 2.97 0 0 1 2.97-2.97h12.56a2.97 2.97 0 0 1 2.97 2.97" }),
         /* @__PURE__ */ r(
           "path",
           {
             d: "M6.25 7.25v9.5",
-            className: o(
+            className: s(
               "transition-transform duration-(--sidebar-animation-duration) ease-(--sidebar-easing)",
               a ? "translate-x-px" : "translate-x-[10.5px]"
             )
@@ -757,26 +756,26 @@ function xe({ className: t }) {
   );
 }
 xe.displayName = "Sidebar.PanelIcon";
-const we = x(({ className: t, children: a, onClick: e, ...i }, s) => {
-  const { open: g, toggleSidebar: c } = V();
+const we = x(({ className: t, children: a, onClick: e, ...i }, o) => {
+  const { open: h, toggleSidebar: l } = V();
   return /* @__PURE__ */ r(
     "button",
     {
-      ref: s,
+      ref: o,
       type: "button",
       "data-sidebar": "trigger",
       "data-reki-component": "Sidebar",
       "data-reki-part": "trigger",
-      "aria-expanded": g,
-      "aria-label": g ? "Collapse sidebar" : "Expand sidebar",
-      className: o(
+      "aria-expanded": h,
+      "aria-label": h ? "Collapse sidebar" : "Expand sidebar",
+      className: s(
         "flex shrink-0 size-8.5 justify-center items-center rounded-lg cursor-pointer",
         "text-reki-subtle hover:text-reki-default hover:bg-(--sidebar-active-bg)",
         "focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-reki-brand",
         t
       ),
       onClick: (u) => {
-        e?.(u), c();
+        e?.(u), l();
       },
       ...i,
       children: a ?? /* @__PURE__ */ r(xe, {})
@@ -796,7 +795,7 @@ const Se = x(({ className: t, ...a }, e) => {
       "data-reki-part": "rail",
       "aria-label": "Toggle sidebar",
       tabIndex: -1,
-      className: o(
+      className: s(
         "absolute inset-y-0 z-1 hidden w-4 -translate-x-1/2 cursor-pointer transition-all",
         "after:absolute after:inset-y-0 after:left-1/2 after:w-0.5",
         "hover:after:bg-reki-brand/20",
@@ -814,48 +813,48 @@ Se.displayName = "Sidebar.Rail";
 const ye = x(({ className: t, ...a }, e) => {
   const {
     side: i,
-    resizable: s,
-    setIsResizing: g,
-    setWidth: c,
+    resizable: o,
+    setIsResizing: h,
+    setWidth: l,
     setOpen: u,
-    open: l,
+    open: c,
     minWidth: d,
     width: n,
-    maxWidth: f
-  } = V(), v = D(0), m = D(0), S = D(!1);
-  if (!s) return null;
-  const k = 10, R = (p) => {
-    p.preventDefault(), g(!0), v.current = p.clientX, S.current = !l;
-    const L = p.currentTarget.closest(
+    maxWidth: m
+  } = V(), f = D(0), g = D(0), S = D(!1);
+  if (!o) return null;
+  const k = 10, C = (b) => {
+    b.preventDefault(), h(!0), f.current = b.clientX, S.current = !c;
+    const T = b.currentTarget.closest(
       "[data-sidebar-wrapper]"
     )?.querySelector("[data-sidebar='sidebar']");
-    m.current = L?.getBoundingClientRect().width ?? 0;
-    const A = () => {
-      g(!1), document.removeEventListener("pointermove", T), document.removeEventListener("pointerup", N);
-    }, T = (C) => {
-      const O = i === "left" ? C.clientX - v.current : v.current - C.clientX, M = m.current + O;
+    g.current = T?.getBoundingClientRect().width ?? 0;
+    const M = () => {
+      h(!1), document.removeEventListener("pointermove", E), document.removeEventListener("pointerup", I);
+    }, E = (R) => {
+      const L = i === "left" ? R.clientX - f.current : f.current - R.clientX, N = g.current + L;
       if (S.current) {
-        M >= d && (S.current = !1, u(!0), c(M));
+        N >= d && (S.current = !1, u(!0), l(N));
         return;
       }
-      if (M < d) {
+      if (N < d) {
         u(!1), S.current = !0;
         return;
       }
-      c(M);
-    }, N = () => {
-      A();
+      l(N);
+    }, I = () => {
+      M();
     };
-    document.addEventListener("pointermove", T), document.addEventListener("pointerup", N);
-  }, h = (p) => {
-    const y = i === "left" ? "ArrowRight" : "ArrowLeft", L = i === "left" ? "ArrowLeft" : "ArrowRight";
-    if (p.key === y)
-      p.preventDefault(), l ? c(Math.min(n + k, f)) : (u(!0), c(d));
-    else if (p.key === L) {
-      p.preventDefault();
-      const A = n - k;
-      A < d ? u(!1) : c(A);
-    } else p.key === "Home" ? (p.preventDefault(), u(!1)) : p.key === "End" && (p.preventDefault(), u(!0), c(f));
+    document.addEventListener("pointermove", E), document.addEventListener("pointerup", I);
+  }, v = (b) => {
+    const y = i === "left" ? "ArrowRight" : "ArrowLeft", T = i === "left" ? "ArrowLeft" : "ArrowRight";
+    if (b.key === y)
+      b.preventDefault(), c ? l(Math.min(n + k, m)) : (u(!0), l(d));
+    else if (b.key === T) {
+      b.preventDefault();
+      const M = n - k;
+      M < d ? u(!1) : l(M);
+    } else b.key === "Home" ? (b.preventDefault(), u(!1)) : b.key === "End" && (b.preventDefault(), u(!0), l(m));
   };
   return /* @__PURE__ */ r(
     "button",
@@ -865,7 +864,7 @@ const ye = x(({ className: t, ...a }, e) => {
       "aria-label": "Resize sidebar",
       tabIndex: 0,
       "data-sidebar": "resize-handle",
-      className: o(
+      className: s(
         // Hit area inside the sidebar edge; thin visual line pinned to the edge via ::after
         "absolute inset-y-0 z-2 hidden w-3 cursor-col-resize sm:block",
         "after:absolute after:inset-y-0 after:w-0.5",
@@ -876,14 +875,14 @@ const ye = x(({ className: t, ...a }, e) => {
         i === "right" && "left-0 after:left-0",
         t
       ),
-      onPointerDown: R,
-      onKeyDown: h,
+      onPointerDown: C,
+      onKeyDown: v,
       ...a
     }
   );
 });
 ye.displayName = "Sidebar.ResizeHandle";
-const G = $({
+const K = G({
   contentId: "",
   isOpen: !0,
   isCollapsible: !1,
@@ -896,68 +895,68 @@ const G = $({
     open: a,
     onOpenChange: e,
     autoScrollOnOpen: i = !1,
-    className: s,
-    children: g,
-    ...c
+    className: o,
+    children: h,
+    ...l
   }, u) => {
-    const [l, d] = P(t), n = a ?? l, f = ze(), v = D(!1), m = w(() => {
-      const h = !n;
-      d(h), e?.(h), v.current = !1;
+    const [c, d] = P(t), n = a ?? c, m = Be(), f = D(!1), g = w(() => {
+      const v = !n;
+      d(v), e?.(v), f.current = !1;
     }, [n, e]), S = Z(
       () => ({
-        contentId: f,
+        contentId: m,
         isOpen: n,
         isCollapsible: !0,
         autoScrollOnOpen: i,
-        toggle: m
+        toggle: g
       }),
-      [f, n, i, m]
+      [m, n, i, g]
     ), k = w(
-      (h) => {
-        !n && h.target.matches(":focus-visible") && (v.current = !0, d(!0), e?.(!0));
+      (v) => {
+        !n && v.target.matches(":focus-visible") && (f.current = !0, d(!0), e?.(!0));
       },
       [n, e]
-    ), R = w(
-      (h) => {
-        v.current && !h.currentTarget.contains(h.relatedTarget) && !h.currentTarget.querySelector("[data-active]") && (v.current = !1, d(!1), e?.(!1));
+    ), C = w(
+      (v) => {
+        f.current && !v.currentTarget.contains(v.relatedTarget) && !v.currentTarget.querySelector("[data-active]") && (f.current = !1, d(!1), e?.(!1));
       },
       [e]
     );
-    return /* @__PURE__ */ r(G.Provider, { value: S, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(K.Provider, { value: S, children: /* @__PURE__ */ r(
       "div",
       {
         ref: u,
         "data-open": n || void 0,
-        className: o("min-w-0", s),
+        className: s("min-w-0", o),
         onFocus: k,
-        onBlur: R,
-        ...c,
-        children: g
+        onBlur: C,
+        ...l,
+        children: h
       }
     ) });
   }
 );
 ke.displayName = "Sidebar.Collapsible";
 function Ne({ render: t }) {
-  const { contentId: a, isOpen: e, toggle: i } = B(G);
+  const { contentId: a, isOpen: e, toggle: i } = B(K);
   return _.cloneElement(t, {
     "aria-expanded": e,
     "aria-controls": a,
     "data-open": e || void 0,
-    onClick: (s) => {
-      const g = t.props.onClick;
-      g?.(s), i();
+    onClick: (o) => {
+      const h = t.props.onClick;
+      h?.(o), i();
     }
   });
 }
 Ne.displayName = "Sidebar.CollapsibleTrigger";
 const Ce = x(({ className: t, children: a, ...e }, i) => {
-  const { contentId: s, isOpen: g } = B(
-    G
-  ), { state: c, animationDuration: u } = V(), { autoScrollOnOpen: l } = B(G), d = D(null), n = g && c !== "collapsed";
-  q(() => {
-    if (!n || !l) return;
-    const m = window.setTimeout(() => {
+  const { contentId: o, isOpen: h } = B(
+    K
+  ), { state: l, animationDuration: u } = V(), { autoScrollOnOpen: c } = B(K), d = D(null), n = h && l !== "collapsed";
+  $(() => {
+    if (!n || !c) return;
+    const g = window.setTimeout(() => {
       const S = window.matchMedia(
         "(prefers-reduced-motion: reduce)"
       ).matches;
@@ -966,27 +965,27 @@ const Ce = x(({ className: t, children: a, ...e }, i) => {
         behavior: S ? "auto" : "smooth"
       });
     }, u);
-    return () => window.clearTimeout(m);
-  }, [n, l, u]);
-  const f = w(
-    (m) => {
-      m && (n ? m.removeAttribute("inert") : m.setAttribute("inert", ""));
+    return () => window.clearTimeout(g);
+  }, [n, c, u]);
+  const m = w(
+    (g) => {
+      g && (n ? g.removeAttribute("inert") : g.setAttribute("inert", ""));
     },
     [n]
-  ), v = w(
-    (m) => {
-      d.current = m, f(m), typeof i == "function" ? i(m) : i && (i.current = m);
+  ), f = w(
+    (g) => {
+      d.current = g, m(g), typeof i == "function" ? i(g) : i && (i.current = g);
     },
-    [i, f]
+    [i, m]
   );
   return /* @__PURE__ */ r(
     "div",
     {
-      ref: v,
-      id: s,
+      ref: f,
+      id: o,
       role: "region",
       "aria-hidden": !n,
-      className: o(
+      className: s(
         "grid",
         "transition-[grid-template-rows] duration-(--sidebar-animation-duration) ease-(--sidebar-easing)",
         "motion-reduce:transition-none",
@@ -1000,13 +999,13 @@ const Ce = x(({ className: t, children: a, ...e }, i) => {
 });
 Ce.displayName = "Sidebar.CollapsibleContent";
 function Me({ className: t }) {
-  const { isOpen: a, isCollapsible: e } = B(G);
+  const { isOpen: a, isCollapsible: e } = B(K);
   return /* @__PURE__ */ r(
-    De,
+    Le,
     {
       size: 12,
       weight: "bold",
-      className: o(
+      className: s(
         "ml-auto shrink-0 opacity-40 group-hover/menu-button:opacity-100 transition-[transform,rotate,opacity] duration-200",
         e && a && "rotate-90",
         // Hidden when sidebar is collapsed
@@ -1017,34 +1016,34 @@ function Me({ className: t }) {
   );
 }
 Me.displayName = "Sidebar.MenuChevron";
-const Ie = $(""), Re = x(
+const Ie = G(""), Re = x(
   ({
     activeKey: t,
     direction: a = "left",
     className: e,
     children: i,
-    ...s
-  }, g) => {
+    ...o
+  }, h) => {
     const u = _.Children.toArray(i).findIndex(
       (n) => _.isValidElement(n) && n.props.value === t
-    ), l = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, d = u > 0 ? `-${u * 100}%` : "0%";
+    ), c = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, d = u > 0 ? `-${u * 100}%` : "0%";
     return /* @__PURE__ */ r(Ie.Provider, { value: t, children: /* @__PURE__ */ r(
       "div",
       {
-        ref: g,
+        ref: h,
         "data-sidebar": "sliding-views",
-        className: o(
+        className: s(
           "flex flex-1 min-h-0 max-w-(--sidebar-width) overflow-hidden",
           e
         ),
-        ...s,
+        ...o,
         children: /* @__PURE__ */ r(
           "div",
           {
             className: "flex min-h-0 w-full shrink-0",
             style: {
               transform: `translateX(${d})`,
-              transition: l ? "none" : "transform var(--sidebar-animation-duration) var(--sidebar-easing)"
+              transition: c ? "none" : "transform var(--sidebar-animation-duration) var(--sidebar-easing)"
             },
             children: i
           }
@@ -1055,28 +1054,28 @@ const Ie = $(""), Re = x(
 );
 Re.displayName = "Sidebar.SlidingViews";
 const Ae = x(
-  ({ value: t, className: a, children: e, ...i }, s) => {
-    const c = B(Ie) === t, u = w(
+  ({ value: t, className: a, children: e, ...i }, o) => {
+    const l = B(Ie) === t, u = w(
       (d) => {
-        d && (c ? d.removeAttribute("inert") : d.setAttribute("inert", ""));
+        d && (l ? d.removeAttribute("inert") : d.setAttribute("inert", ""));
       },
-      [c]
-    ), l = w(
+      [l]
+    ), c = w(
       (d) => {
-        u(d), typeof s == "function" ? s(d) : s && (s.current = d);
+        u(d), typeof o == "function" ? o(d) : o && (o.current = d);
       },
-      [s, u]
+      [o, u]
     );
     return /* @__PURE__ */ r(
       "div",
       {
-        ref: l,
+        ref: c,
         "data-sidebar": "sliding-view",
         "data-value": t,
-        "aria-hidden": !c,
-        className: o(
+        "aria-hidden": !l,
+        className: s(
           "flex w-full shrink-0 flex-col min-h-0",
-          !c && "pointer-events-none",
+          !l && "pointer-events-none",
           a
         ),
         ...i,
@@ -1096,8 +1095,8 @@ const dt = Object.assign(ie, {
   Menu: ue,
   MenuItem: be,
   MenuButton: pe,
-  MenuBadge: fe,
-  MenuSub: me,
+  MenuBadge: me,
+  MenuSub: fe,
   MenuSubItem: ge,
   MenuSubButton: he,
   Separator: ve,
@@ -1126,11 +1125,11 @@ export {
   de as i,
   re as j,
   ue as k,
-  fe as l,
+  me as l,
   pe as m,
   Me as n,
   be as o,
-  me as p,
+  fe as p,
   he as q,
   ge as r,
   ae as s,
@@ -1142,4 +1141,4 @@ export {
   Re as y,
   we as z
 };
-//# sourceMappingURL=sidebar-gwfibai76tw069d4.js.map
+//# sourceMappingURL=sidebar-eite6uzjeerm7pz5.js.map