@oneplatformdev/ui 0.1.10-5 → 0.1.10-50

package/Sidebar/Sidebar.js

@@ -1,16 +1,16 @@
 import { jsx as r, jsxs as S } from "react/jsx-runtime";
+import { Input as _ } from "../Input/Input.js";
+import { Separator as I } from "../Separator/Separator.js";
+import { Sheet as z, SheetContent as B } from "../Sheet/Sheet.js";
+import { Skeleton as M } from "../Skeleton/Skeleton.js";
+import { Slot as g } from "@radix-ui/react-slot";
+import { cva as E } from "class-variance-authority";
+import { PanelLeft as T } from "lucide-react";
 import * as i from "react";
-import { Slot as h } from "@radix-ui/react-slot";
-import { cva as _ } from "class-variance-authority";
-import { PanelLeft as I } from "lucide-react";
-import { useIsMobile as z } from "../hooks/dist/useIsMobile/useIsMobile.js";
-import { cn as d } from "@oneplatformdev/utils";
-import { Button as B } from "../Button/Button.js";
+import { cn as o } from "@oneplatformdev/utils";
+import { useIsMobile as A } from "../hooks/dist/useIsMobile/useIsMobile.js";
+import { Button as D } from "../Button/Button.js";
 import "../Button/buttonVariants.js";
-import { Input as E } from "../Input/Input.js";
-import { Separator as T } from "../Separator/Separator.js";
-import { Sheet as A, SheetContent as D } from "../Sheet/Sheet.js";
-import { Skeleton as M } from "../Skeleton/Skeleton.js";
 import { TooltipProvider as O, TooltipTrigger as G, TooltipContent as H } from "../Tooltip/TooltipRoot.js";
 import { Tooltip as K } from "../Tooltip/Tooltip.js";
 const L = "sidebar:state", j = 3600 * 24 * 7, P = "16rem", $ = "18rem", V = "3rem", W = "b", R = i.createContext(null);
@@ -25,35 +25,38 @@ const q = i.forwardRef(
     defaultOpen: a = !0,
     open: e,
     onOpenChange: t,
-    className: o,
+    className: d,
     style: n,
     children: s,
-    ...f
+    ...c
   }, m) => {
-    const c = z(), [p, u] = i.useState(!1), [v, C] = i.useState(a), g = e ?? v, x = i.useCallback(
+    const u = A(), [f, b] = i.useState(!1), [h, C] = i.useState(a), p = e ?? h, v = i.useCallback(
       (l) => {
-        const b = typeof l == "function" ? l(g) : l;
-        t ? t(b) : C(b), document.cookie = `${L}=${b}; path=/; max-age=${j}`;
+        if (t)
+          return t?.(
+            typeof l == "function" ? l(p) : l
+          );
+        C(l), document.cookie = `${L}=${p}; path=/; max-age=${j}`;
       },
-      [t, g]
-    ), w = i.useCallback(() => c ? u((l) => !l) : x((l) => !l), [c, x, u]);
+      [t, p]
+    ), x = i.useCallback(() => u ? b((l) => !l) : v((l) => !l), [u, v, b]);
     i.useEffect(() => {
-      const l = (b) => {
-        b.key === W && (b.metaKey || b.ctrlKey) && (b.preventDefault(), w());
+      const l = (w) => {
+        w.key === W && (w.metaKey || w.ctrlKey) && (w.preventDefault(), x());
       };
       return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
-    }, [w]);
-    const y = g ? "expanded" : "collapsed", k = i.useMemo(
+    }, [x]);
+    const y = p ? "expanded" : "collapsed", k = i.useMemo(
       () => ({
         state: y,
-        open: g,
-        setOpen: x,
-        isMobile: c,
-        openMobile: p,
-        setOpenMobile: u,
-        toggleSidebar: w
+        open: p,
+        setOpen: v,
+        isMobile: u,
+        openMobile: f,
+        setOpenMobile: b,
+        toggleSidebar: x
       }),
-      [y, g, x, c, p, u, w]
+      [y, p, v, u, f, b, x]
     );
     return /* @__PURE__ */ r(R.Provider, { value: k, children: /* @__PURE__ */ r(O, { delayDuration: 0, children: /* @__PURE__ */ r(
       "div",
@@ -63,12 +66,12 @@ const q = i.forwardRef(
           "--sidebar-width-icon": V,
           ...n
         },
-        className: d(
-          "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",
-          o
+        className: o(
+          "group/sidebar-wrapper flex max-h-svh w-full h-full has-data-[variant=inset]:bg-sidebar",
+          d
         ),
         ref: m,
-        ...f,
+        ...c,
         children: s
       }
     ) }) });
@@ -80,24 +83,24 @@ const F = i.forwardRef(
     side: a = "left",
     variant: e = "sidebar",
     collapsible: t = "offcanvas",
-    className: o,
+    className: d,
     children: n,
     ...s
-  }, f) => {
-    const { isMobile: m, state: c, openMobile: p, setOpenMobile: u } = N();
+  }, c) => {
+    const { isMobile: m, state: u, openMobile: f, setOpenMobile: b } = N();
     return t === "none" ? /* @__PURE__ */ r(
       "div",
       {
-        className: d(
+        className: o(
           "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
-          o
+          d
         ),
-        ref: f,
+        ref: c,
         ...s,
         children: n
       }
-    ) : m ? /* @__PURE__ */ r(A, { open: p, onOpenChange: u, ...s, children: /* @__PURE__ */ r(
-      D,
+    ) : m ? /* @__PURE__ */ r(z, { open: f, onOpenChange: b, ...s, children: /* @__PURE__ */ r(
+      B,
       {
         "data-sidebar": "sidebar",
         "data-mobile": "true",
@@ -111,17 +114,17 @@ const F = i.forwardRef(
     ) }) : /* @__PURE__ */ S(
       "div",
       {
-        ref: f,
+        ref: c,
         className: "group peer hidden md:block text-sidebar-foreground",
-        "data-state": c,
-        "data-collapsible": c === "collapsed" ? t : "",
+        "data-state": u,
+        "data-collapsible": u === "collapsed" ? t : "",
         "data-variant": e,
         "data-side": a,
         children: [
           /* @__PURE__ */ r(
             "div",
             {
-              className: d(
+              className: o(
                 "duration-200 relative h-svh w-(--sidebar-width) bg-transparent transition-[width] ease-linear",
                 "group-data-[collapsible=offcanvas]:w-0",
                 "group-data-[side=right]:rotate-180",
@@ -132,19 +135,19 @@ const F = i.forwardRef(
           /* @__PURE__ */ r(
             "div",
             {
-              className: d(
+              className: o(
                 "duration-200 fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] ease-linear md:flex",
                 a === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
                 // Adjust the padding for floating and inset variants.
                 e === "floating" || e === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
-                o
+                d
               ),
               ...s,
               children: /* @__PURE__ */ r(
                 "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-sm",
+                  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: n
                 }
               )
@@ -156,22 +159,22 @@ const F = i.forwardRef(
   }
 );
 F.displayName = "Sidebar";
-const U = i.forwardRef(({ className: a, onClick: e, ...t }, o) => {
-  const { toggleSidebar: n } = N();
+const U = i.forwardRef(({ className: a, onClick: e, children: t, ...d }, n) => {
+  const { toggleSidebar: s } = N();
   return /* @__PURE__ */ S(
-    B,
+    D,
     {
-      ref: o,
+      ref: n,
       "data-sidebar": "trigger",
       variant: "ghost",
       size: "icon",
-      className: d("h-7 w-7", a),
-      onClick: (s) => {
-        e?.(s), n();
+      className: o("h-7 w-7", a),
+      onClick: (c) => {
+        e?.(c), s();
       },
-      ...t,
+      ...d,
       children: [
-        /* @__PURE__ */ r(I, {}),
+        t || /* @__PURE__ */ r(T, {}),
         /* @__PURE__ */ r("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
@@ -179,7 +182,7 @@ const U = i.forwardRef(({ className: a, onClick: e, ...t }, o) => {
 });
 U.displayName = "SidebarTrigger";
 const X = i.forwardRef(({ className: a, ...e }, t) => {
-  const { toggleSidebar: o } = N();
+  const { toggleSidebar: d } = N();
   return /* @__PURE__ */ r(
     "button",
     {
@@ -187,13 +190,13 @@ const X = i.forwardRef(({ className: a, ...e }, t) => {
       "data-sidebar": "rail",
       "aria-label": "Toggle Sidebar",
       tabIndex: -1,
-      onClick: o,
+      onClick: d,
       title: "Toggle Sidebar",
-      className: d(
+      className: o(
         "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",
         "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
         "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
-        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar",
+        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
         "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
         "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
         a
@@ -207,9 +210,9 @@ const Y = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "main",
   {
     ref: t,
-    className: d(
-      "relative flex min-h-svh flex-1 flex-col bg-background",
-      "peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))] md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",
+    className: o(
+      "relative flex flex-1 flex-col grow w-full min-h-full max-h-full bg-background overflow-hidden",
+      "peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
       a
     ),
     ...e
@@ -217,11 +220,11 @@ const Y = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
 ));
 Y.displayName = "SidebarInset";
 const J = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  E,
+  _,
   {
     ref: t,
     "data-sidebar": "input",
-    className: d(
+    className: o(
       "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
       a
     ),
@@ -234,7 +237,7 @@ const Q = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   {
     ref: t,
     "data-sidebar": "header",
-    className: d("flex flex-col gap-2 p-2", a),
+    className: o("flex flex-col gap-2 p-2", a),
     ...e
   }
 ));
@@ -244,17 +247,17 @@ const Z = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   {
     ref: t,
     "data-sidebar": "footer",
-    className: d("flex flex-col gap-2 p-2", a),
+    className: o("flex flex-col gap-2 p-2", a),
     ...e
   }
 ));
 Z.displayName = "SidebarFooter";
 const ee = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  T,
+  I,
   {
     ref: t,
     "data-sidebar": "separator",
-    className: d("mx-2 w-auto bg-sidebar-border", a),
+    className: o("mx-2 w-auto bg-sidebar-border", a),
     ...e
   }
 ));
@@ -264,7 +267,7 @@ const ae = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   {
     ref: t,
     "data-sidebar": "content",
-    className: d(
+    className: o(
       "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
       a
     ),
@@ -277,18 +280,18 @@ const te = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   {
     ref: t,
     "data-sidebar": "group",
-    className: d("relative flex w-full min-w-0 flex-col p-2", a),
+    className: o("relative flex w-full min-w-0 flex-col p-2", a),
     ...e
   }
 ));
 te.displayName = "SidebarGroup";
-const re = i.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
-  e ? h : "div",
+const re = i.forwardRef(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ r(
+  e ? g : "div",
   {
-    ref: o,
+    ref: d,
     "data-sidebar": "group-label",
-    className: d(
-      "duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-hidden ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+    className: o(
+      "duration-200 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,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
       "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
       a
     ),
@@ -296,15 +299,15 @@ const re = i.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PU
   }
 ));
 re.displayName = "SidebarGroupLabel";
-const ie = i.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
-  e ? h : "button",
+const ie = i.forwardRef(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ r(
+  e ? g : "button",
   {
-    ref: o,
+    ref: d,
     "data-sidebar": "group-action",
-    className: d(
-      "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-hidden ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+    className: o(
+      "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",
       // Increases the hit area of the button on mobile.
-      "after:absolute after:-inset-2 md:after:hidden",
+      "after:absolute after:-inset-2 after:md:hidden",
       "group-data-[collapsible=icon]:hidden",
       a
     ),
@@ -312,38 +315,38 @@ const ie = i.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PU
   }
 ));
 ie.displayName = "SidebarGroupAction";
-const de = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+const oe = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "div",
   {
     ref: t,
     "data-sidebar": "group-content",
-    className: d("w-full text-sm", a),
+    className: o("w-full text-sm", a),
     ...e
   }
 ));
-de.displayName = "SidebarGroupContent";
-const oe = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+oe.displayName = "SidebarGroupContent";
+const de = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "ul",
   {
     ref: t,
     "data-sidebar": "menu",
-    className: d("flex w-full min-w-0 flex-col gap-1", a),
+    className: o("flex w-full min-w-0 flex-col gap-1", a),
     ...e
   }
 ));
-oe.displayName = "SidebarMenu";
+de.displayName = "SidebarMenu";
 const ne = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   "li",
   {
     ref: t,
     "data-sidebar": "menu-item",
-    className: d("group/menu-item relative", a),
+    className: o("group/menu-item relative", a),
     ...e
   }
 ));
 ne.displayName = "SidebarMenuItem";
-const se = _(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+const se = E(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -366,48 +369,48 @@ const se = _(
     asChild: a = !1,
     isActive: e = !1,
     variant: t = "default",
-    size: o = "default",
+    size: d = "default",
     tooltip: n,
     className: s,
-    ...f
+    ...c
   }, m) => {
-    const c = a ? h : "button", { isMobile: p, state: u } = N(), v = /* @__PURE__ */ r(
-      c,
+    const u = a ? g : "button", { isMobile: f, state: b } = N(), h = /* @__PURE__ */ r(
+      u,
       {
         ref: m,
         "data-sidebar": "menu-button",
-        "data-size": o,
+        "data-size": d,
         "data-active": e,
-        className: d(se({ variant: t, size: o }), s),
-        ...f
+        className: o(se({ variant: t, size: d }), s),
+        ...c
       }
     );
     return n ? (typeof n == "string" && (n = {
       children: n
     }), /* @__PURE__ */ S(K, { children: [
-      /* @__PURE__ */ r(G, { asChild: !0, children: v }),
+      /* @__PURE__ */ r(G, { asChild: !0, children: h }),
       /* @__PURE__ */ r(
         H,
         {
           side: "right",
           align: "center",
-          hidden: u !== "collapsed" || p,
+          hidden: b !== "collapsed" || f,
           ...n
         }
       )
-    ] })) : v;
+    ] })) : h;
   }
 );
 le.displayName = "SidebarMenuButton";
-const ce = i.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...o }, n) => /* @__PURE__ */ r(
-  e ? h : "button",
+const ce = i.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...d }, n) => /* @__PURE__ */ r(
+  e ? g : "button",
   {
     ref: n,
     "data-sidebar": "menu-action",
-    className: d(
-      "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-hidden 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",
+    className: o(
+      "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",
       // Increases the hit area of the button on mobile.
-      "after:absolute after:-inset-2 md:after:hidden",
+      "after:absolute after:-inset-2 after:md:hidden",
       "peer-data-[size=sm]/menu-button:top-1",
       "peer-data-[size=default]/menu-button:top-1.5",
       "peer-data-[size=lg]/menu-button:top-2.5",
@@ -415,7 +418,7 @@ const ce = i.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, .
       t && "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
     ),
-    ...o
+    ...d
   }
 ));
 ce.displayName = "SidebarMenuAction";
@@ -424,7 +427,7 @@ const ue = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   {
     ref: t,
     "data-sidebar": "menu-badge",
-    className: d(
+    className: o(
       "absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none pointer-events-none",
       "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
       "peer-data-[size=sm]/menu-button:top-1",
@@ -437,14 +440,14 @@ const ue = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   }
 ));
 ue.displayName = "SidebarMenuBadge";
-const be = i.forwardRef(({ className: a, showIcon: e = !1, ...t }, o) => {
+const be = i.forwardRef(({ className: a, showIcon: e = !1, ...t }, d) => {
   const n = i.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
   return /* @__PURE__ */ S(
     "div",
     {
-      ref: o,
+      ref: d,
       "data-sidebar": "menu-skeleton",
-      className: d("rounded-md h-8 flex gap-2 px-2 items-center", a),
+      className: o("rounded-md h-8 flex gap-2 px-2 items-center", a),
       ...t,
       children: [
         e && /* @__PURE__ */ r(
@@ -474,8 +477,8 @@ const fe = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
   {
     ref: t,
     "data-sidebar": "menu-sub",
-    className: d(
-      "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
+    className: o(
+      "ml-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border pl-2.5 pr-0.5 py-0.5",
       "group-data-[collapsible=icon]:hidden",
       a
     ),
@@ -485,20 +488,20 @@ const fe = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
 fe.displayName = "SidebarMenuSub";
 const pe = i.forwardRef(({ ...a }, e) => /* @__PURE__ */ r("li", { ref: e, ...a }));
 pe.displayName = "SidebarMenuSubItem";
-const me = i.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: o, ...n }, s) => /* @__PURE__ */ r(
-  a ? h : "a",
+const me = i.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: d, ...n }, s) => /* @__PURE__ */ r(
+  a ? g : "a",
   {
     ref: s,
     "data-sidebar": "menu-sub-button",
     "data-size": e,
     "data-active": t,
-    className: d(
-      "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+    className: o(
+      "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
       "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
       e === "sm" && "text-xs",
       e === "md" && "text-sm",
       "group-data-[collapsible=icon]:hidden",
-      o
+      d
     ),
     ...n
   }
@@ -510,12 +513,12 @@ export {
   Z as SidebarFooter,
   te as SidebarGroup,
   ie as SidebarGroupAction,
-  de as SidebarGroupContent,
+  oe as SidebarGroupContent,
   re as SidebarGroupLabel,
   Q as SidebarHeader,
   J as SidebarInput,
   Y as SidebarInset,
-  oe as SidebarMenu,
+  de as SidebarMenu,
   ce as SidebarMenuAction,
   ue as SidebarMenuBadge,
   le as SidebarMenuButton,
@@ -530,3 +533,4 @@ export {
   U as SidebarTrigger,
   N as useSidebar
 };
+//# sourceMappingURL=Sidebar.js.map

package/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../src/Sidebar/Sidebar.tsx"],"sourcesContent":["import { Input } from \"../Input\";\nimport { Separator } from \"../Separator\";\nimport { Sheet, SheetContent } from \"..//Sheet\";\nimport { Skeleton } from \"../Skeleton\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { PanelLeft } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport { useIsMobile } from \"@oneplatformdev/hooks/useIsMobile\";\n\nimport { Button } from \"../Button\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../Tooltip\";\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar:state\";\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\n\ntype SidebarContext = {\n  state: \"expanded\" | \"collapsed\"\n  open: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  isMobile: boolean\n  toggleSidebar: () => void\n}\n\nconst SidebarContext = React.createContext<SidebarContext | null>(null);\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n  }\n\n  return context;\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n  defaultOpen?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = React.useState(false);\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = React.useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        if (setOpenProp) {\n          return setOpenProp?.(\n            typeof value === \"function\" ? value(open) : value\n          );\n        }\n\n        _setOpen(value);\n\n        // This sets the cookie to keep the sidebar state.\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${open}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n      },\n      [setOpenProp, open]\n    );\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = React.useCallback(() => {\n      return isMobile\n        ? setOpenMobile((open) => !open)\n        : setOpen((open) => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n          (event.metaKey || event.ctrlKey)\n        ) {\n          event.preventDefault();\n          toggleSidebar();\n        }\n      };\n\n      window.addEventListener(\"keydown\", handleKeyDown);\n      return () => window.removeEventListener(\"keydown\", handleKeyDown);\n    }, [toggleSidebar]);\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? \"expanded\" : \"collapsed\";\n\n    const contextValue = React.useMemo<SidebarContext>(\n      () => ({\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n      }),\n      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    );\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delayDuration={0}>\n          <div\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH,\n                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              \"group/sidebar-wrapper flex max-h-svh w-full h-full has-data-[variant=inset]:bg-sidebar\",\n              className\n            )}\n            ref={ref}\n            {...props}\n          >\n            {children}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    );\n  }\n);\nSidebarProvider.displayName = \"SidebarProvider\";\n\nconst Sidebar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n  side?: \"left\" | \"right\"\n  variant?: \"sidebar\" | \"floating\" | \"inset\"\n  collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n}\n>(\n  (\n    {\n      side = \"left\",\n      variant = \"sidebar\",\n      collapsible = \"offcanvas\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n    if (collapsible === \"none\") {\n      return (\n        <div\n          className={cn(\n            \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </div>\n      );\n    }\n\n    if (isMobile) {\n      return (\n        <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </SheetContent>\n        </Sheet>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className=\"group peer hidden md:block text-sidebar-foreground\"\n        data-state={state}\n        data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n        data-variant={variant}\n        data-side={side}\n      >\n        {/* This is what handles the sidebar gap on desktop */}\n        <div\n          className={cn(\n            \"duration-200 relative h-svh w-(--sidebar-width) bg-transparent transition-[width] ease-linear\",\n            \"group-data-[collapsible=offcanvas]:w-0\",\n            \"group-data-[side=right]:rotate-180\",\n            variant === \"floating\" || variant === \"inset\"\n              ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n          )}\n        />\n        <div\n          className={cn(\n            \"duration-200 fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] ease-linear md:flex\",\n            side === \"left\"\n              ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n              : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n            // Adjust the padding for floating and inset variants.\n            variant === \"floating\" || variant === \"inset\"\n              ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n            className\n          )}\n          {...props}\n        >\n          <div\n            data-sidebar=\"sidebar\"\n            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\"\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\nSidebar.displayName = \"Sidebar\";\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, children, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <Button\n      ref={ref}\n      data-sidebar=\"trigger\"\n      variant=\"ghost\"\n      size=\"icon\"\n      className={cn(\"h-7 w-7\", className)}\n      onClick={(event) => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      {children ? children : <PanelLeft />}\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n});\nSidebarTrigger.displayName = \"SidebarTrigger\";\n\nconst SidebarRail = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"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\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarRail.displayName = \"SidebarRail\";\n\nconst SidebarInset = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"main\">\n>(({ className, ...props }, ref) => {\n  return (\n    <main\n      ref={ref}\n      className={cn(\n        \"relative flex flex-1 flex-col grow w-full min-h-full max-h-full bg-background overflow-hidden\",\n        \"peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarInset.displayName = \"SidebarInset\";\n\nconst SidebarInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <Input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        \"h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarInput.displayName = \"SidebarInput\";\n\nconst SidebarHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  );\n});\nSidebarHeader.displayName = \"SidebarHeader\";\n\nconst SidebarFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"footer\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  );\n});\nSidebarFooter.displayName = \"SidebarFooter\";\n\nconst SidebarSeparator = React.forwardRef<\n  React.ElementRef<typeof Separator>,\n  React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n  return (\n    <Separator\n      ref={ref}\n      data-sidebar=\"separator\"\n      className={cn(\"mx-2 w-auto bg-sidebar-border\", className)}\n      {...props}\n    />\n  );\n});\nSidebarSeparator.displayName = \"SidebarSeparator\";\n\nconst SidebarContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"content\"\n      className={cn(\n        \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarContent.displayName = \"SidebarContent\";\n\nconst SidebarGroup = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"group\"\n      className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n      {...props}\n    />\n  );\n});\nSidebarGroup.displayName = \"SidebarGroup\";\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"duration-200 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,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\n\nconst SidebarGroupAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"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\",\n        // Increases the hit area of the button on mobile.\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\n\nconst SidebarGroupContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"group-content\"\n    className={cn(\"w-full text-sm\", className)}\n    {...props}\n  />\n));\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\n\nconst SidebarMenu = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu\"\n    className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n    {...props}\n  />\n));\nSidebarMenu.displayName = \"SidebarMenu\";\n\nconst SidebarMenuItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-sidebar=\"menu-item\"\n    className={cn(\"group/menu-item relative\", className)}\n    {...props}\n  />\n));\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nconst sidebarMenuButtonVariants = cva(\n  \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n  asChild?: boolean\n  isActive?: boolean\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>\n} & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = \"default\",\n      size = \"default\",\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const { isMobile, state } = useSidebar();\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    );\n\n    if (!tooltip) {\n      return button;\n    }\n\n    if (typeof tooltip === \"string\") {\n      tooltip = {\n        children: tooltip,\n      };\n    }\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== \"collapsed\" || isMobile}\n          {...tooltip}\n        />\n      </Tooltip>\n    );\n  }\n);\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n  asChild?: boolean\n  showOnHover?: boolean\n}\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"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\",\n        // Increases the hit area of the button on mobile.\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\n\nconst SidebarMenuBadge = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"menu-badge\"\n    className={cn(\n      \"absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none pointer-events-none\",\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n      \"peer-data-[size=sm]/menu-button:top-1\",\n      \"peer-data-[size=default]/menu-button:top-1.5\",\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n));\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n  showIcon?: boolean\n}\n>(({ className, showIcon = false, ...props }, ref) => {\n  // Random width between 50 to 90%.\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`;\n  }, []);\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"rounded-md h-8 flex gap-2 px-2 items-center\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 flex-1 max-w-(--skeleton-width)\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n});\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\n\nconst SidebarMenuSub = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu-sub\"\n    className={cn(\n      \"ml-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border pl-2.5 pr-0.5 py-0.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n));\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\n\nconst SidebarMenuSubItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />);\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & {\n  asChild?: boolean\n  size?: \"sm\" | \"md\"\n  isActive?: boolean\n}\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n};\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","toggleSidebar","handleKeyDown","event","state","contextValue","jsx","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","SheetContent","jsxs","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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"}

package/Sidebar/index.js

@@ -25,3 +25,4 @@ export {
   k as SidebarTrigger,
   v as useSidebar
 };
+//# sourceMappingURL=index.js.map