impact-nova 1.3.0 → 1.5.2

package/dist/components/ui/sidebar.js

@@ -1,106 +1,107 @@
-import { jsx as t, jsxs as g, Fragment as k } from "react/jsx-runtime";
+import { jsx as t, jsxs as h, Fragment as M } from "react/jsx-runtime";
 import * as i from "react";
-import * as M from "@radix-ui/react-collapsible";
+import * as z from "@radix-ui/react-collapsible";
 import { Slot as C } from "@radix-ui/react-slot";
 import { cva as G } from "class-variance-authority";
-import { ChevronRight as I, HamburgerClosed as H, HamburgerOpen as j } from "../../icons/index.js";
+import { ChevronRight as A, HamburgerClosed as H, HamburgerOpen as j } from "../../icons/index.js";
 import { cn as l } from "../../lib/utils.js";
 import { Button as K } from "./button.js";
-import { Input as L } from "./input.js";
-import { Separator as P } from "./separator.js";
-import { Skeleton as _ } from "./skeleton.js";
-import { Tooltip as V, TooltipTrigger as W, TooltipContent as $, TooltipProvider as F } from "./tooltip.js";
-const q = "sidebar_state", U = 3600 * 24 * 7, X = "280px", Y = "64px", J = "b", A = i.createContext(null), z = i.createContext(null);
+import { Input as P } from "./input.js";
+import { Separator as W } from "./separator.js";
+import { Skeleton as I } from "./skeleton.js";
+import { Tooltip as $, TooltipTrigger as F, TooltipContent as q, TooltipProvider as V } from "./tooltip.js";
+import { useImpactNovaI18n as N } from "../../i18n/ImpactNovaI18nContext.js";
+const U = "sidebar_state", X = 3600 * 24 * 7, Y = "280px", J = "64px", Q = "b", B = i.createContext(null), _ = i.createContext(null);
 function y() {
-  const a = i.useContext(A);
+  const a = i.useContext(B);
   if (!a)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return a;
 }
-const Q = i.forwardRef(
+const Z = i.forwardRef(
   ({
     defaultOpen: a = !1,
     open: r,
     onOpenChange: e,
-    className: n,
-    style: o,
-    children: d,
+    className: o,
+    style: n,
+    children: s,
     autoHideAfter: c,
-    ...b
-  }, v) => {
-    const [w, s] = i.useState(a), p = r ?? w, m = i.useCallback(
-      (f) => {
-        const x = typeof f == "function" ? f(p) : f;
-        e ? e(x) : s(x), document.cookie = `${q}=${x}; path=/; max-age=${U}`;
+    ...u
+  }, f) => {
+    const [v, d] = i.useState(a), p = r ?? v, g = i.useCallback(
+      (m) => {
+        const w = typeof m == "function" ? m(p) : m;
+        e ? e(w) : d(w), document.cookie = `${U}=${w}; path=/; max-age=${X}`;
       },
       [e, p]
-    ), h = i.useCallback(() => {
-      m((f) => !f);
-    }, [m]);
+    ), x = i.useCallback(() => {
+      g((m) => !m);
+    }, [g]);
     i.useEffect(() => {
-      const f = (x) => {
-        x.key === J && (x.metaKey || x.ctrlKey) && (x.preventDefault(), h());
+      const m = (w) => {
+        w.key === Q && (w.metaKey || w.ctrlKey) && (w.preventDefault(), x());
       };
-      return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
-    }, [h]);
-    const u = p ? "expanded" : "collapsed", S = i.useMemo(
+      return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
+    }, [x]);
+    const b = p ? "expanded" : "collapsed", S = i.useMemo(
       () => ({
-        state: u,
+        state: b,
         open: p,
-        setOpen: m,
-        toggleSidebar: h,
+        setOpen: g,
+        toggleSidebar: x,
         autoHideAfter: c
       }),
-      [u, p, m, h, c]
+      [b, p, g, x, c]
     );
-    return /* @__PURE__ */ t(A.Provider, { value: S, children: /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(B.Provider, { value: S, children: /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(
       "div",
       {
         style: {
-          "--sidebar-width": X,
-          "--sidebar-width-icon": Y,
-          ...o
+          "--sidebar-width": Y,
+          "--sidebar-width-icon": J,
+          ...n
         },
         className: l(
           "group/sidebar-wrapper relative flex min-h-svh has-[[data-variant=inset]]:bg-sidebar",
-          n
+          o
         ),
-        ref: v,
-        ...b,
-        children: d
+        ref: f,
+        ...u,
+        children: s
       }
     ) }) });
   }
 );
-Q.displayName = "SidebarProvider";
-const Z = i.forwardRef(
+Z.displayName = "SidebarProvider";
+const ee = i.forwardRef(
   ({
     side: a = "left",
     variant: r = "sidebar",
     collapsible: e = "offcanvas",
-    className: n,
-    children: o,
-    ...d
+    className: o,
+    children: n,
+    ...s
   }, c) => {
-    const { state: b } = y();
+    const { state: u } = y();
     return e === "none" ? /* @__PURE__ */ t(
       "div",
       {
         className: l(
           "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
-          n
+          o
         ),
         ref: c,
-        ...d,
-        children: o
+        ...s,
+        children: n
       }
-    ) : /* @__PURE__ */ g(
+    ) : /* @__PURE__ */ h(
       "div",
       {
         ref: c,
         className: "group peer hidden md:block text-sidebar-foreground",
-        "data-state": b,
-        "data-collapsible": b === "collapsed" ? e : "",
+        "data-state": u,
+        "data-collapsible": u === "collapsed" ? e : "",
         "data-variant": r,
         "data-side": a,
         children: [
@@ -119,15 +120,15 @@ const Z = i.forwardRef(
                 "absolute inset-y-0 left-0 z-[45] duration-200 ease-linear md:flex h-full w-[--sidebar-width] flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
                 "group-data-[state=collapsed]:w-[--sidebar-width-icon]",
                 a === "left" ? "border-r group-data-[variant=floating]:border-r-0" : "border-l group-data-[variant=floating]:border-l-0",
-                n
+                o
               ),
-              ...d,
+              ...s,
               children: /* @__PURE__ */ t(
                 "div",
                 {
                   "data-sidebar": "sidebar",
                   className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
-                  children: o
+                  children: n
                 }
               )
             }
@@ -137,40 +138,41 @@ const Z = i.forwardRef(
     );
   }
 );
-Z.displayName = "Sidebar";
-const ee = i.forwardRef(({ className: a, onClick: r, ...e }, n) => {
-  const { toggleSidebar: o, state: d } = y();
-  return /* @__PURE__ */ g(
+ee.displayName = "Sidebar";
+const ae = i.forwardRef(({ className: a, onClick: r, ...e }, o) => {
+  const { t: n } = N(), { toggleSidebar: s, state: c } = y(), u = n("aria.toggleSidebar");
+  return /* @__PURE__ */ h(
     K,
     {
-      ref: n,
+      ref: o,
       "data-sidebar": "trigger",
       variant: "ghost",
       size: "icon",
       className: l("rounded-lg p-0 hover:bg-transparent", a),
-      onClick: (c) => {
-        r?.(c), o();
+      onClick: (f) => {
+        r?.(f), s();
       },
+      "aria-label": u,
       ...e,
       children: [
-        d === "expanded" ? /* @__PURE__ */ t(H, { size: "3xl" }) : /* @__PURE__ */ t(j, { size: "3xl" }),
-        /* @__PURE__ */ t("span", { className: "sr-only", children: "Toggle Sidebar" })
+        c === "expanded" ? /* @__PURE__ */ t(H, { size: "3xl" }) : /* @__PURE__ */ t(j, { size: "3xl" }),
+        /* @__PURE__ */ t("span", { className: "sr-only", children: u })
       ]
     }
   );
 });
-ee.displayName = "SidebarTrigger";
-const ae = i.forwardRef(({ className: a, ...r }, e) => {
-  const { toggleSidebar: n } = y();
+ae.displayName = "SidebarTrigger";
+const te = i.forwardRef(({ className: a, ...r }, e) => {
+  const { t: o } = N(), { toggleSidebar: n } = y(), s = o("aria.toggleSidebar");
   return /* @__PURE__ */ t(
     "button",
     {
       ref: e,
       "data-sidebar": "rail",
-      "aria-label": "Toggle Sidebar",
+      "aria-label": s,
       tabIndex: -1,
       onClick: n,
-      title: "Toggle Sidebar",
+      title: s,
       className: l(
         "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
         "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
@@ -184,8 +186,8 @@ const ae = i.forwardRef(({ className: a, ...r }, e) => {
     }
   );
 });
-ae.displayName = "SidebarRail";
-const te = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
+te.displayName = "SidebarRail";
+const re = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
   "div",
   {
     ref: e,
@@ -197,9 +199,9 @@ const te = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
     ...r
   }
 ));
-te.displayName = "SidebarInset";
-const re = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  L,
+re.displayName = "SidebarInset";
+const ie = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
+  P,
   {
     ref: e,
     "data-sidebar": "input",
@@ -210,8 +212,8 @@ const re = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
     ...r
   }
 ));
-re.displayName = "SidebarInput";
-const ie = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
+ie.displayName = "SidebarInput";
+const ne = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
   "div",
   {
     ref: e,
@@ -223,8 +225,8 @@ const ie = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
     ...r
   }
 ));
-ie.displayName = "SidebarHeader";
-const ne = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
+ne.displayName = "SidebarHeader";
+const oe = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
   "div",
   {
     ref: e,
@@ -233,9 +235,9 @@ const ne = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
     ...r
   }
 ));
-ne.displayName = "SidebarFooter";
-const oe = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
-  P,
+oe.displayName = "SidebarFooter";
+const se = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
+  W,
   {
     ref: e,
     "data-sidebar": "separator",
@@ -243,86 +245,86 @@ const oe = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
     ...r
   }
 ));
-oe.displayName = "SidebarSeparator";
-const de = i.forwardRef(({ className: a, routes: r, activeValue: e, isActive: n, onNavigate: o, asLinks: d = !1, children: c, ...b }, v) => {
-  const w = r ? /* @__PURE__ */ t(B, { children: r.map((s) => {
-    const p = !!s.children, m = e === s.value || p && s.children?.some((u) => u.value === e);
-    return /* @__PURE__ */ g(
-      p ? D : N,
+se.displayName = "SidebarSeparator";
+const de = i.forwardRef(({ className: a, routes: r, activeValue: e, isActive: o, onNavigate: n, asLinks: s = !1, children: c, ...u }, f) => {
+  const v = r ? /* @__PURE__ */ t(D, { children: r.map((d) => {
+    const p = !!d.children, g = e === d.value || p && d.children?.some((b) => b.value === e);
+    return /* @__PURE__ */ h(
+      p ? E : R,
       {
-        isActive: m,
+        isActive: g,
         children: [
           /* @__PURE__ */ t(
-            R,
+            k,
             {
-              asChild: d,
-              isActive: m,
-              tooltip: s.label,
+              asChild: s,
+              isActive: g,
+              tooltip: d.label,
               onClick: () => {
-                !d && !p && !s.disabled && o?.(s.value);
+                !s && !p && !d.disabled && n?.(d.value);
               },
-              disabled: s.disabled,
-              children: d ? /* @__PURE__ */ g(
+              disabled: d.disabled,
+              children: s ? /* @__PURE__ */ h(
                 "a",
                 {
-                  href: s.url,
-                  "aria-disabled": s.disabled,
-                  className: s.disabled ? "pointer-events-none" : "",
-                  onClick: (u) => {
-                    if (s.disabled) {
-                      u.preventDefault();
+                  href: d.url,
+                  "aria-disabled": d.disabled,
+                  className: d.disabled ? "pointer-events-none" : "",
+                  onClick: (b) => {
+                    if (d.disabled) {
+                      b.preventDefault();
                       return;
                     }
                     if (p) {
-                      u.preventDefault();
+                      b.preventDefault();
                       return;
                     }
-                    u.preventDefault(), o?.(s.value);
+                    b.preventDefault(), n?.(d.value);
                   },
                   children: [
-                    s.icon,
-                    /* @__PURE__ */ t("span", { children: s.label })
+                    d.icon,
+                    /* @__PURE__ */ t("span", { children: d.label })
                   ]
                 }
-              ) : /* @__PURE__ */ g(k, { children: [
-                s.icon,
-                /* @__PURE__ */ t("span", { children: s.label })
+              ) : /* @__PURE__ */ h(M, { children: [
+                d.icon,
+                /* @__PURE__ */ t("span", { children: d.label })
               ] })
             }
           ),
-          p && s.children && /* @__PURE__ */ t(E, { children: s.children.map((u) => /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(
-            T,
+          p && d.children && /* @__PURE__ */ t(O, { children: d.children.map((b) => /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(
+            L,
             {
-              asChild: d,
-              isActive: e === u.value,
-              href: d ? u.url : void 0,
-              onClick: d ? (S) => {
-                S.preventDefault(), o?.(u.value);
-              } : () => o?.(u.value),
-              children: /* @__PURE__ */ t("span", { children: u.label })
+              asChild: s,
+              isActive: e === b.value,
+              href: s ? b.url : void 0,
+              onClick: s ? (S) => {
+                S.preventDefault(), n?.(b.value);
+              } : () => n?.(b.value),
+              children: /* @__PURE__ */ t("span", { children: b.label })
             }
-          ) }, u.value)) })
+          ) }, b.value)) })
         ]
       },
-      s.value
+      d.value
     );
   }) }) : c;
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: v,
+      ref: f,
       "data-sidebar": "content",
       className: l(
         "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden group-data-[collapsible=icon]:overflow-hidden",
         a
       ),
-      ...b,
-      children: w
+      ...u,
+      children: v
     }
   );
 });
 de.displayName = "SidebarContent";
-const se = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
+const le = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
   "div",
   {
     ref: e,
@@ -331,11 +333,11 @@ const se = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
     ...r
   }
 ));
-se.displayName = "SidebarGroup";
-const le = i.forwardRef(({ className: a, asChild: r = !1, ...e }, n) => /* @__PURE__ */ t(
+le.displayName = "SidebarGroup";
+const ce = i.forwardRef(({ className: a, asChild: r = !1, ...e }, o) => /* @__PURE__ */ t(
   r ? C : "div",
   {
-    ref: n,
+    ref: o,
     "data-sidebar": "group-label",
     className: l(
       "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
@@ -345,11 +347,11 @@ const le = i.forwardRef(({ className: a, asChild: r = !1, ...e }, n) => /* @__PU
     ...e
   }
 ));
-le.displayName = "SidebarGroupLabel";
-const ue = i.forwardRef(({ className: a, asChild: r = !1, ...e }, n) => /* @__PURE__ */ t(
+ce.displayName = "SidebarGroupLabel";
+const be = i.forwardRef(({ className: a, asChild: r = !1, ...e }, o) => /* @__PURE__ */ t(
   r ? C : "button",
   {
-    ref: n,
+    ref: o,
     "data-sidebar": "group-action",
     className: l(
       "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
@@ -361,8 +363,8 @@ const ue = i.forwardRef(({ className: a, asChild: r = !1, ...e }, n) => /* @__PU
     ...e
   }
 ));
-ue.displayName = "SidebarGroupAction";
-const ce = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
+be.displayName = "SidebarGroupAction";
+const ue = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
   "div",
   {
     ref: e,
@@ -371,72 +373,72 @@ const ce = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
     ...r
   }
 ));
-ce.displayName = "SidebarGroupContent";
-const B = i.forwardRef(({ className: a, children: r, ...e }, n) => {
-  const { autoHideAfter: o } = y(), [d, c] = i.useState(!1), b = i.Children.toArray(r);
+ue.displayName = "SidebarGroupContent";
+const D = i.forwardRef(({ className: a, children: r, ...e }, o) => {
+  const { t: n } = N(), { autoHideAfter: s } = y(), [c, u] = i.useState(!1), f = i.Children.toArray(r), v = n("sidebar.viewMore"), d = n("sidebar.viewLess");
   return /* @__PURE__ */ t(
     "ul",
     {
-      ref: n,
+      ref: o,
       "data-sidebar": "menu",
       className: l("flex w-full min-w-0 flex-col gap-1", a),
       ...e,
-      children: !o || b.length <= o + 1 ? r : /* @__PURE__ */ g(k, { children: [
-        b.slice(0, o),
-        /* @__PURE__ */ t(N, { children: /* @__PURE__ */ g(
-          R,
+      children: !s || f.length <= s + 1 ? r : /* @__PURE__ */ h(M, { children: [
+        f.slice(0, s),
+        /* @__PURE__ */ t(R, { children: /* @__PURE__ */ h(
+          k,
           {
-            onClick: () => c(!d),
+            onClick: () => u(!c),
             className: "hover:bg-transparent",
-            tooltip: d ? "View Less" : "View More",
+            tooltip: c ? d : v,
             children: [
               /* @__PURE__ */ t("div", { className: "text-[#3bb273]", children: /* @__PURE__ */ t(
-                I,
+                A,
                 {
                   size: "lg",
-                  className: l("transition-transform duration-200", d ? "-rotate-90" : "rotate-90")
+                  className: l("transition-transform duration-200", c ? "-rotate-90" : "rotate-90")
                 }
               ) }),
-              /* @__PURE__ */ t("span", { children: d ? "View Less" : "View More" })
+              /* @__PURE__ */ t("span", { children: c ? d : v })
             ]
           }
         ) }),
-        d && b.slice(o)
+        c && f.slice(s)
       ] })
     }
   );
 });
-B.displayName = "SidebarMenu";
-const N = i.forwardRef(({ className: a, isActive: r, ...e }, n) => /* @__PURE__ */ t(
+D.displayName = "SidebarMenu";
+const R = i.forwardRef(({ className: a, isActive: r, ...e }, o) => /* @__PURE__ */ t(
   "li",
   {
-    ref: n,
+    ref: o,
     "data-sidebar": "menu-item",
     className: l("group/menu-item relative", a),
     ...e
   }
 ));
-N.displayName = "SidebarMenuItem";
-const D = i.forwardRef(({ children: a, isActive: r, defaultOpen: e, open: n, onOpenChange: o, ...d }, c) => {
-  const { state: b } = y(), [v, w] = i.useState(e ?? !1), s = n !== void 0 ? n : v, p = (m) => {
-    n === void 0 && w(m), o?.(m);
+R.displayName = "SidebarMenuItem";
+const E = i.forwardRef(({ children: a, isActive: r, defaultOpen: e, open: o, onOpenChange: n, ...s }, c) => {
+  const { state: u } = y(), [f, v] = i.useState(e ?? !1), d = o !== void 0 ? o : f, p = (g) => {
+    o === void 0 && v(g), n?.(g);
   };
   return i.useEffect(() => {
-    b === "expanded" && r && !s && p(!0);
-  }, [b, r]), /* @__PURE__ */ t(z.Provider, { value: { isCollapsible: !0 }, children: /* @__PURE__ */ t(
-    M.Root,
+    u === "expanded" && r && !d && p(!0);
+  }, [u, r]), /* @__PURE__ */ t(_.Provider, { value: { isCollapsible: !0 }, children: /* @__PURE__ */ t(
+    z.Root,
     {
       ref: c,
       asChild: !0,
-      open: s,
+      open: d,
       onOpenChange: p,
-      ...d,
-      children: /* @__PURE__ */ t(N, { children: a })
+      ...s,
+      children: /* @__PURE__ */ t(R, { children: a })
     }
   ) });
 });
-D.displayName = "SidebarMenuCollapsible";
-const be = G(
+E.displayName = "SidebarMenuCollapsible";
+const pe = G(
   "peer/menu-button flex w-full items-center gap-[22px] overflow-hidden py-[14px] px-[22px] text-left text-[14px] outline-none ring-sidebar-ring transition-[width,height,padding,background-color] hover:bg-[#1f2b4d] hover:text-sidebar-accent-foreground focus-visible:ring-2 disabled:pointer-events-none disabled:text-[#7a8294] group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:text-[#7a8294] aria-disabled:opacity-50 hover:aria-disabled:bg-transparent data-[active=true]:bg-[#1f2b4d] data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground cursor-pointer group-data-[state=collapsed]:!w-[var(--sidebar-width-icon)] group-data-[state=collapsed]:!h-12 group-data-[state=collapsed]:!p-0 group-data-[state=collapsed]:!pl-[22px] [&>span:last-child]:truncate [&>svg]:size-5 [&>img]:size-5 [&>svg]:shrink-0 [&>svg]:text-inherit group-data-[state=collapsed]:[&>span]:hidden group-data-[state=collapsed]:[&>svg:not(:first-of-type)]:hidden [&>[data-sidebar=menu-button-chevron]]:ml-auto [&>[data-sidebar=menu-button-chevron]]:size-4 [&>[data-sidebar=menu-button-chevron]]:transition-transform [&>[data-sidebar=menu-button-chevron]]:duration-200 [&>[data-sidebar=menu-button-chevron]]:rotate-90 data-[state=open]:[&>[data-sidebar=menu-button-chevron]]:rotate-[270deg] before:absolute before:left-0 before:top-0 before:w-1 before:bg-[#3bb273] before:rounded-r-[4px] before:transition-[height] before:duration-200 before:linear before:z-20 data-[active=false]:before:h-0 data-[active=true]:before:h-full",
   {
     variants: {
@@ -455,89 +457,93 @@ const be = G(
       size: "default"
     }
   }
-), R = i.forwardRef(
+), k = i.forwardRef(
   ({
     asChild: a = !1,
     isActive: r = !1,
     variant: e = "default",
-    size: n = "default",
-    tooltip: o,
-    className: d,
+    size: o = "default",
+    tooltip: n,
+    className: s,
     children: c,
-    ...b
-  }, v) => {
-    const w = a ? C : "button", { state: s, setOpen: p } = y(), h = !!i.useContext(z)?.isCollapsible, u = /* @__PURE__ */ t(
-      w,
+    ...u
+  }, f) => {
+    const v = a ? C : "button", { state: d, setOpen: p } = y(), x = !!i.useContext(_)?.isCollapsible, b = /* @__PURE__ */ t(
+      v,
       {
-        ref: v,
+        ref: f,
         "data-sidebar": "menu-button",
-        "data-size": n,
+        "data-size": o,
         "data-active": r,
-        className: l("relative", be({ variant: e, size: n }), d),
-        ...b,
-        onClick: (f) => {
-          s === "collapsed" && h && (p(!0), r && (f.preventDefault(), f.stopPropagation())), b.onClick?.(f);
+        className: l("relative", pe({ variant: e, size: o }), s),
+        ...u,
+        onClick: (m) => {
+          d === "collapsed" && x && (p(!0), r && (m.preventDefault(), m.stopPropagation())), u.onClick?.(m);
         },
-        children: a ? c : /* @__PURE__ */ g(k, { children: [
+        children: a ? c : /* @__PURE__ */ h(M, { children: [
           c,
-          h && /* @__PURE__ */ t(I, { "data-sidebar": "menu-button-chevron" })
+          x && /* @__PURE__ */ t(A, { "data-sidebar": "menu-button-chevron" })
         ] })
       }
-    ), S = h ? /* @__PURE__ */ t(M.Trigger, { asChild: !0, children: u }) : u;
-    return o ? (typeof o == "string" && (o = {
-      children: o
-    }), /* @__PURE__ */ g(V, { children: [
-      /* @__PURE__ */ t(W, { asChild: !0, children: S }),
+    ), S = x ? /* @__PURE__ */ t(z.Trigger, { asChild: !0, children: b }) : b;
+    return n ? (typeof n == "string" && (n = {
+      children: n
+    }), /* @__PURE__ */ h($, { children: [
+      /* @__PURE__ */ t(F, { asChild: !0, children: S }),
       /* @__PURE__ */ t(
-        $,
+        q,
         {
           side: "right",
           align: "center",
           variant: "tertiary",
-          hidden: s !== "collapsed",
-          ...o
+          hidden: d !== "collapsed",
+          ...n
         }
       )
     ] })) : S;
   }
 );
-R.displayName = "SidebarMenuButton";
-const pe = i.forwardRef(({ className: a, isActive: r, ...e }, n) => /* @__PURE__ */ g(
-  R,
-  {
-    ref: n,
-    className: l("text-[#3bb273] hover:text-[#3bb273] hover:bg-[#30416e]", a),
-    ...e,
-    children: [
-      /* @__PURE__ */ t(
-        "svg",
-        {
-          width: "20",
-          height: "20",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ t(
-            "path",
-            {
-              d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ t("span", { children: "Logout" })
-    ]
-  }
-));
-pe.displayName = "SidebarLogout";
-const fe = i.forwardRef(({ className: a, asChild: r = !1, showOnHover: e = !1, ...n }, o) => /* @__PURE__ */ t(
+k.displayName = "SidebarMenuButton";
+const fe = i.forwardRef(({ className: a, isActive: r, ...e }, o) => {
+  const { t: n } = N(), s = n("sidebar.logout");
+  return /* @__PURE__ */ h(
+    k,
+    {
+      ref: o,
+      className: l("text-[#3bb273] hover:text-[#3bb273] hover:bg-[#30416e]", a),
+      "aria-label": s,
+      ...e,
+      children: [
+        /* @__PURE__ */ t(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ t(
+              "path",
+              {
+                d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t("span", { children: s })
+      ]
+    }
+  );
+});
+fe.displayName = "SidebarLogout";
+const me = i.forwardRef(({ className: a, asChild: r = !1, showOnHover: e = !1, ...o }, n) => /* @__PURE__ */ t(
   r ? C : "button",
   {
-    ref: o,
+    ref: n,
     "data-sidebar": "menu-action",
     className: l(
       "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
@@ -550,11 +556,11 @@ const fe = i.forwardRef(({ className: a, asChild: r = !1, showOnHover: e = !1, .
       e && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
       a
     ),
-    ...n
+    ...o
   }
 ));
-fe.displayName = "SidebarMenuAction";
-const me = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
+me.displayName = "SidebarMenuAction";
+const ge = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
   "div",
   {
     ref: e,
@@ -571,31 +577,31 @@ const me = i.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(
     ...r
   }
 ));
-me.displayName = "SidebarMenuBadge";
-const ge = i.forwardRef(({ className: a, showIcon: r = !1, ...e }, n) => {
-  const o = i.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
-  return /* @__PURE__ */ g(
+ge.displayName = "SidebarMenuBadge";
+const he = i.forwardRef(({ className: a, showIcon: r = !1, ...e }, o) => {
+  const n = i.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ h(
     "div",
     {
-      ref: n,
+      ref: o,
       "data-sidebar": "menu-skeleton",
       className: l("flex h-8 items-center gap-2 rounded-md px-2", a),
       ...e,
       children: [
         r && /* @__PURE__ */ t(
-          _,
+          I,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
         /* @__PURE__ */ t(
-          _,
+          I,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
             "data-sidebar": "menu-skeleton-text",
             style: {
-              "--skeleton-width": o
+              "--skeleton-width": n
             }
           }
         )
@@ -603,9 +609,9 @@ const ge = i.forwardRef(({ className: a, showIcon: r = !1, ...e }, n) => {
     }
   );
 });
-ge.displayName = "SidebarMenuSkeleton";
-const E = i.forwardRef(({ className: a, ...r }, e) => {
-  const o = !!i.useContext(z)?.isCollapsible, d = /* @__PURE__ */ t(
+he.displayName = "SidebarMenuSkeleton";
+const O = i.forwardRef(({ className: a, ...r }, e) => {
+  const n = !!i.useContext(_)?.isCollapsible, s = /* @__PURE__ */ t(
     "ul",
     {
       ref: e,
@@ -618,23 +624,23 @@ const E = i.forwardRef(({ className: a, ...r }, e) => {
       ...r
     }
   );
-  return o ? /* @__PURE__ */ t(M.Content, { className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down", children: d }) : d;
+  return n ? /* @__PURE__ */ t(z.Content, { className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down", children: s }) : s;
 });
-E.displayName = "SidebarMenuSub";
-const O = i.forwardRef(({ className: a, isActive: r, ...e }, n) => /* @__PURE__ */ t(
+O.displayName = "SidebarMenuSub";
+const T = i.forwardRef(({ className: a, isActive: r, ...e }, o) => /* @__PURE__ */ t(
   "li",
   {
-    ref: n,
+    ref: o,
     "data-sidebar": "menu-sub-item",
     className: l("group/menu-sub-item relative", a),
     ...e
   }
 ));
-O.displayName = "SidebarMenuSubItem";
-const T = i.forwardRef(({ asChild: a = !1, size: r = "md", isActive: e, className: n, ...o }, d) => /* @__PURE__ */ t(
+T.displayName = "SidebarMenuSubItem";
+const L = i.forwardRef(({ asChild: a = !1, size: r = "md", isActive: e, className: o, ...n }, s) => /* @__PURE__ */ t(
   a ? C : "a",
   {
-    ref: d,
+    ref: s,
     "data-sidebar": "menu-sub-button",
     "data-size": r,
     "data-active": e,
@@ -645,38 +651,38 @@ const T = i.forwardRef(({ asChild: a = !1, size: r = "md", isActive: e, classNam
       "before:absolute before:left-0 before:top-0 before:w-1 before:transition-all before:duration-200 before:h-full before:z-10",
       "group-first/menu-sub-item:before:rounded-tr-[4px] group-last/menu-sub-item:before:rounded-br-[4px]",
       e ? "before:bg-[#3bb273]" : "before:bg-[#1f2b4d]",
-      n
+      o
     ),
-    ...o,
-    children: o.children
+    ...n,
+    children: n.children
   }
 ));
-T.displayName = "SidebarMenuSubButton";
+L.displayName = "SidebarMenuSubButton";
 export {
-  Z as Sidebar,
+  ee as Sidebar,
   de as SidebarContent,
-  ne as SidebarFooter,
-  se as SidebarGroup,
-  ue as SidebarGroupAction,
-  ce as SidebarGroupContent,
-  le as SidebarGroupLabel,
-  ie as SidebarHeader,
-  re as SidebarInput,
-  te as SidebarInset,
-  pe as SidebarLogout,
-  B as SidebarMenu,
-  fe as SidebarMenuAction,
-  me as SidebarMenuBadge,
-  R as SidebarMenuButton,
-  D as SidebarMenuCollapsible,
-  N as SidebarMenuItem,
-  ge as SidebarMenuSkeleton,
-  E as SidebarMenuSub,
-  T as SidebarMenuSubButton,
-  O as SidebarMenuSubItem,
-  Q as SidebarProvider,
-  ae as SidebarRail,
-  oe as SidebarSeparator,
-  ee as SidebarTrigger,
+  oe as SidebarFooter,
+  le as SidebarGroup,
+  be as SidebarGroupAction,
+  ue as SidebarGroupContent,
+  ce as SidebarGroupLabel,
+  ne as SidebarHeader,
+  ie as SidebarInput,
+  re as SidebarInset,
+  fe as SidebarLogout,
+  D as SidebarMenu,
+  me as SidebarMenuAction,
+  ge as SidebarMenuBadge,
+  k as SidebarMenuButton,
+  E as SidebarMenuCollapsible,
+  R as SidebarMenuItem,
+  he as SidebarMenuSkeleton,
+  O as SidebarMenuSub,
+  L as SidebarMenuSubButton,
+  T as SidebarMenuSubItem,
+  Z as SidebarProvider,
+  te as SidebarRail,
+  se as SidebarSeparator,
+  ae as SidebarTrigger,
   y as useSidebar
 };