@cryptlex/web-components 2.0.2 → 3.0.0

package/dist/components/ui/sidebar.es.js

@@ -1,24 +1,23 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import { Slot as h } from "@radix-ui/react-slot";
-import { cva as I } from "class-variance-authority";
-import { Menu as k, ChevronLeft as z, ChevronRight as B } from "lucide-react";
+import { Root as h } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.2.2_@types_react@18.3.21_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.es.js";
+import { cva as k } from "class-variance-authority";
+import { Menu as z, ChevronLeft as I, ChevronRight as B } from "lucide-react";
 import * as i from "react";
 import { Button as E } from "./button.es.js";
-import { Input as T } from "./input.es.js";
-import { Separator as A } from "./separator.es.js";
-import { Sheet as D, SheetContent as G, SheetHeader as O, SheetTitle as H, SheetDescription as K } from "./sheet.es.js";
+import { Separator as T } from "./separator.es.js";
+import { Sheet as A, SheetContent as D, SheetHeader as G, SheetTitle as O, SheetDescription as H } from "./sheet.es.js";
 import { Skeleton as M } from "./skeleton.es.js";
-import { TooltipProvider as L, Tooltip as j, TooltipTrigger as $, TooltipContent as V } from "./tooltip.es.js";
-import { useIsMobile as W } from "../../hooks/use-mobile.es.js";
+import { Tooltip as K, TooltipTrigger as L, TooltipContent as j, TooltipProvider as $ } from "./tooltip.es.js";
+import { useIsMobile as V } from "../../hooks/use-mobile.es.js";
 import { cn as d } from "../../utils/index.es.js";
-const q = "sidebar:state", F = 60 * 60 * 24 * 7, U = "16rem", X = "18rem", Y = "3rem", J = "b", R = i.createContext(null);
+const W = "sidebar:state", q = 60 * 60 * 24 * 7, F = "16rem", U = "18rem", X = "3rem", Y = "b", R = i.createContext(null);
 function y() {
   const a = i.useContext(R);
   if (!a)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return a;
 }
-const Q = i.forwardRef(
+const J = i.forwardRef(
   ({
     defaultOpen: a = !0,
     open: e,
@@ -28,17 +27,17 @@ const Q = i.forwardRef(
     children: s,
     ...c
   }, f) => {
-    const u = W(), [p, b] = i.useState(!1), [v, C] = i.useState(a), m = e ?? v, x = i.useCallback(
+    const b = V(), [p, u] = i.useState(!1), [v, C] = i.useState(a), m = e ?? v, x = i.useCallback(
       (l) => {
         if (t)
           return t == null ? void 0 : t(typeof l == "function" ? l(m) : l);
-        C(l), document.cookie = `${q}=${m}; path=/; max-age=${F}`;
+        C(l), document.cookie = `${W}=${m}; path=/; max-age=${q}`;
       },
       [t, m]
-    ), w = i.useCallback(() => u ? b((l) => !l) : x((l) => !l), [u, x, b]);
+    ), w = i.useCallback(() => b ? u((l) => !l) : x((l) => !l), [b, x, u]);
     i.useEffect(() => {
       const l = (S) => {
-        S.key === J && (S.metaKey || S.ctrlKey) && (S.preventDefault(), w());
+        S.key === Y && (S.metaKey || S.ctrlKey) && (S.preventDefault(), w());
       };
       return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
     }, [w]);
@@ -47,19 +46,19 @@ const Q = i.forwardRef(
         state: N,
         open: m,
         setOpen: x,
-        isMobile: u,
+        isMobile: b,
         openMobile: p,
-        setOpenMobile: b,
+        setOpenMobile: u,
         toggleSidebar: w
       }),
-      [N, m, x, u, p, b, w]
+      [N, m, x, b, p, u, w]
     );
-    return /* @__PURE__ */ r(R.Provider, { value: _, children: /* @__PURE__ */ r(L, { delayDuration: 0, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(R.Provider, { value: _, children: /* @__PURE__ */ r($, { delayDuration: 0, children: /* @__PURE__ */ r(
       "div",
       {
         style: {
-          "--sidebar-width": U,
-          "--sidebar-width-icon": Y,
+          "--sidebar-width": F,
+          "--sidebar-width-icon": X,
           ...n
         },
         className: d(
@@ -73,8 +72,8 @@ const Q = i.forwardRef(
     ) }) });
   }
 );
-Q.displayName = "SidebarProvider";
-const Z = i.forwardRef(
+J.displayName = "SidebarProvider";
+const Q = i.forwardRef(
   ({
     side: a = "left",
     variant: e = "sidebar",
@@ -83,7 +82,7 @@ const Z = i.forwardRef(
     children: n,
     ...s
   }, c) => {
-    const { isMobile: f, state: u, openMobile: p, setOpenMobile: b } = y();
+    const { isMobile: f, state: b, openMobile: p, setOpenMobile: u } = y();
     return t === "none" ? /* @__PURE__ */ r(
       "div",
       {
@@ -95,20 +94,20 @@ const Z = i.forwardRef(
         ...s,
         children: n
       }
-    ) : f ? /* @__PURE__ */ r(D, { open: p, onOpenChange: b, ...s, children: /* @__PURE__ */ g(
-      G,
+    ) : f ? /* @__PURE__ */ r(A, { open: p, onOpenChange: u, ...s, children: /* @__PURE__ */ g(
+      D,
       {
         "data-sidebar": "sidebar",
         "data-mobile": "true",
         className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
         style: {
-          "--sidebar-width": X
+          "--sidebar-width": U
         },
         side: a,
         children: [
-          /* @__PURE__ */ g(O, { children: [
-            /* @__PURE__ */ r(H, {}),
-            /* @__PURE__ */ r(K, {})
+          /* @__PURE__ */ g(G, { children: [
+            /* @__PURE__ */ r(O, {}),
+            /* @__PURE__ */ r(H, {})
           ] }),
           /* @__PURE__ */ r("div", { className: "flex h-full w-full flex-col", children: n })
         ]
@@ -118,8 +117,8 @@ const Z = i.forwardRef(
       {
         ref: c,
         className: "group peer hidden md:block text-sidebar-foreground",
-        "data-state": u,
-        "data-collapsible": u === "collapsed" ? t : "",
+        "data-state": b,
+        "data-collapsible": b === "collapsed" ? t : "",
         "data-variant": e,
         "data-side": a,
         children: [
@@ -149,7 +148,7 @@ const Z = i.forwardRef(
                 "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]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm",
                   children: n
                 }
               )
@@ -160,8 +159,8 @@ const Z = i.forwardRef(
     );
   }
 );
-Z.displayName = "Sidebar";
-const P = i.forwardRef(({ className: a, onClick: e, ...t }, o) => {
+Q.displayName = "Sidebar";
+const Z = i.forwardRef(({ className: a, onClick: e, ...t }, o) => {
   const { toggleSidebar: n, open: s, isMobile: c } = y();
   return /* @__PURE__ */ g(
     E,
@@ -175,14 +174,14 @@ const P = i.forwardRef(({ className: a, onClick: e, ...t }, o) => {
       },
       ...t,
       children: [
-        c ? /* @__PURE__ */ r(k, {}) : s ? /* @__PURE__ */ r(z, {}) : /* @__PURE__ */ r(B, {}),
+        c ? /* @__PURE__ */ r(z, {}) : s ? /* @__PURE__ */ r(I, {}) : /* @__PURE__ */ r(B, {}),
         /* @__PURE__ */ r("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 });
-P.displayName = "SidebarTrigger";
-const ee = i.forwardRef(
+Z.displayName = "SidebarTrigger";
+const P = i.forwardRef(
   ({ className: a, ...e }, t) => {
     const { toggleSidebar: o } = y();
     return /* @__PURE__ */ r(
@@ -208,36 +207,23 @@ const ee = i.forwardRef(
     );
   }
 );
-ee.displayName = "SidebarRail";
-const ae = i.forwardRef(
+P.displayName = "SidebarRail";
+const ee = 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",
+        "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]:shadow-sm",
         a
       ),
       ...e
     }
   )
 );
-ae.displayName = "SidebarInset";
-const te = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  T,
-  {
-    ref: t,
-    "data-sidebar": "input",
-    className: d(
-      "w-full bg-background shadow-none focus-visible:ring-1 focus-visible:ring-sidebar-ring",
-      a
-    ),
-    ...e
-  }
-));
-te.displayName = "SidebarInput";
-const re = i.forwardRef(
+ee.displayName = "SidebarInset";
+const ae = i.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "div",
     {
@@ -248,8 +234,8 @@ const re = i.forwardRef(
     }
   )
 );
-re.displayName = "SidebarHeader";
-const ie = i.forwardRef(
+ae.displayName = "SidebarHeader";
+const te = i.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "div",
     {
@@ -260,9 +246,9 @@ const ie = i.forwardRef(
     }
   )
 );
-ie.displayName = "SidebarFooter";
-const de = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
-  A,
+te.displayName = "SidebarFooter";
+const re = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  T,
   {
     ref: t,
     "data-sidebar": "separator",
@@ -270,8 +256,8 @@ const de = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
     ...e
   }
 ));
-de.displayName = "SidebarSeparator";
-const oe = i.forwardRef(
+re.displayName = "SidebarSeparator";
+const ie = i.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "div",
     {
@@ -285,8 +271,8 @@ const oe = i.forwardRef(
     }
   )
 );
-oe.displayName = "SidebarContent";
-const ne = i.forwardRef(
+ie.displayName = "SidebarContent";
+const de = i.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "div",
     {
@@ -297,8 +283,8 @@ const ne = i.forwardRef(
     }
   )
 );
-ne.displayName = "SidebarGroup";
-const se = i.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
+de.displayName = "SidebarGroup";
+const oe = i.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
   e ? h : "div",
   {
     ref: o,
@@ -311,8 +297,8 @@ const se = i.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PU
     ...t
   }
 ));
-se.displayName = "SidebarGroupLabel";
-const le = i.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
+oe.displayName = "SidebarGroupLabel";
+const ne = i.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PURE__ */ r(
   e ? h : "button",
   {
     ref: o,
@@ -327,8 +313,8 @@ const le = i.forwardRef(({ className: a, asChild: e = !1, ...t }, o) => /* @__PU
     ...t
   }
 ));
-le.displayName = "SidebarGroupAction";
-const ce = i.forwardRef(
+ne.displayName = "SidebarGroupAction";
+const se = i.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "div",
     {
@@ -339,8 +325,8 @@ const ce = i.forwardRef(
     }
   )
 );
-ce.displayName = "SidebarGroupContent";
-const ue = i.forwardRef(
+se.displayName = "SidebarGroupContent";
+const le = i.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "ul",
     {
@@ -351,8 +337,8 @@ const ue = i.forwardRef(
     }
   )
 );
-ue.displayName = "SidebarMenu";
-const be = i.forwardRef(
+le.displayName = "SidebarMenu";
+const ce = i.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "li",
     {
@@ -363,8 +349,8 @@ const be = i.forwardRef(
     }
   )
 );
-be.displayName = "SidebarMenuItem";
-const fe = I(
+ce.displayName = "SidebarMenuItem";
+const be = k(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left body outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-1 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: {
@@ -383,7 +369,7 @@ const fe = I(
       size: "default"
     }
   }
-), pe = i.forwardRef(
+), ue = i.forwardRef(
   ({
     asChild: a = !1,
     isActive: e = !1,
@@ -393,35 +379,35 @@ const fe = I(
     className: s,
     ...c
   }, f) => {
-    const u = a ? h : "button", { isMobile: p, state: b } = y(), v = /* @__PURE__ */ r(
-      u,
+    const b = a ? h : "button", { isMobile: p, state: u } = y(), v = /* @__PURE__ */ r(
+      b,
       {
         ref: f,
         "data-sidebar": "menu-button",
         "data-size": o,
         "data-active": e,
-        className: d(fe({ variant: t, size: o }), s),
+        className: d(be({ variant: t, size: o }), s),
         ...c
       }
     );
     return n ? (typeof n == "string" && (n = {
       children: n
-    }), /* @__PURE__ */ g(j, { children: [
-      /* @__PURE__ */ r($, { asChild: !0, children: v }),
+    }), /* @__PURE__ */ g(K, { children: [
+      /* @__PURE__ */ r(L, { asChild: !0, children: v }),
       /* @__PURE__ */ r(
-        V,
+        j,
         {
           side: "right",
           align: "center",
-          hidden: b !== "collapsed" || p,
+          hidden: u !== "collapsed" || p,
           ...n
         }
       )
     ] })) : v;
   }
 );
-pe.displayName = "SidebarMenuButton";
-const me = i.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...o }, n) => /* @__PURE__ */ r(
+ue.displayName = "SidebarMenuButton";
+const fe = i.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, ...o }, n) => /* @__PURE__ */ r(
   e ? h : "button",
   {
     ref: n,
@@ -440,8 +426,8 @@ const me = i.forwardRef(({ className: a, asChild: e = !1, showOnHover: t = !1, .
     ...o
   }
 ));
-me.displayName = "SidebarMenuAction";
-const ge = i.forwardRef(
+fe.displayName = "SidebarMenuAction";
+const pe = i.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "div",
     {
@@ -460,8 +446,8 @@ const ge = i.forwardRef(
     }
   )
 );
-ge.displayName = "SidebarMenuBadge";
-const he = i.forwardRef(({ className: a, showIcon: e = !1, ...t }, o) => {
+pe.displayName = "SidebarMenuBadge";
+const me = i.forwardRef(({ className: a, showIcon: e = !1, ...t }, o) => {
   const n = i.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
   return /* @__PURE__ */ g(
     "div",
@@ -486,8 +472,8 @@ const he = i.forwardRef(({ className: a, showIcon: e = !1, ...t }, o) => {
     }
   );
 });
-he.displayName = "SidebarMenuSkeleton";
-const ve = i.forwardRef(
+me.displayName = "SidebarMenuSkeleton";
+const ge = i.forwardRef(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "ul",
     {
@@ -502,12 +488,12 @@ const ve = i.forwardRef(
     }
   )
 );
-ve.displayName = "SidebarMenuSub";
-const xe = i.forwardRef(
+ge.displayName = "SidebarMenuSub";
+const he = i.forwardRef(
   ({ ...a }, e) => /* @__PURE__ */ r("li", { ref: e, ...a })
 );
-xe.displayName = "SidebarMenuSubItem";
-const we = i.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: o, ...n }, s) => /* @__PURE__ */ r(
+he.displayName = "SidebarMenuSubItem";
+const ve = i.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, className: o, ...n }, s) => /* @__PURE__ */ r(
   a ? h : "a",
   {
     ref: s,
@@ -525,31 +511,30 @@ const we = i.forwardRef(({ asChild: a = !1, size: e = "md", isActive: t, classNa
     ...n
   }
 ));
-we.displayName = "SidebarMenuSubButton";
+ve.displayName = "SidebarMenuSubButton";
 export {
-  Z as Sidebar,
-  oe as SidebarContent,
-  ie as SidebarFooter,
-  ne as SidebarGroup,
-  le as SidebarGroupAction,
-  ce as SidebarGroupContent,
-  se as SidebarGroupLabel,
-  re as SidebarHeader,
-  te as SidebarInput,
-  ae as SidebarInset,
-  ue as SidebarMenu,
-  me as SidebarMenuAction,
-  ge as SidebarMenuBadge,
-  pe as SidebarMenuButton,
-  be as SidebarMenuItem,
-  he as SidebarMenuSkeleton,
-  ve as SidebarMenuSub,
-  we as SidebarMenuSubButton,
-  xe as SidebarMenuSubItem,
-  Q as SidebarProvider,
-  ee as SidebarRail,
-  de as SidebarSeparator,
-  P as SidebarTrigger,
+  Q as Sidebar,
+  ie as SidebarContent,
+  te as SidebarFooter,
+  de as SidebarGroup,
+  ne as SidebarGroupAction,
+  se as SidebarGroupContent,
+  oe as SidebarGroupLabel,
+  ae as SidebarHeader,
+  ee as SidebarInset,
+  le as SidebarMenu,
+  fe as SidebarMenuAction,
+  pe as SidebarMenuBadge,
+  ue as SidebarMenuButton,
+  ce as SidebarMenuItem,
+  me as SidebarMenuSkeleton,
+  ge as SidebarMenuSub,
+  ve as SidebarMenuSubButton,
+  he as SidebarMenuSubItem,
+  J as SidebarProvider,
+  P as SidebarRail,
+  re as SidebarSeparator,
+  Z as SidebarTrigger,
   y as useSidebar
 };
 //# sourceMappingURL=sidebar.es.js.map