fina-react-ds 1.0.40 → 1.0.42

package/dist/components/sidebar.js

@@ -1,624 +1 @@
-var z = Object.defineProperty;
-var r = (a, e) => z(a, "name", { value: e, configurable: !0 });
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
-import * as u from "react";
-import { cva as I } from "class-variance-authority";
-import { PanelLeftIcon as E } from "lucide-react";
-import { Slot as v } from "radix-ui";
-import { useIsMobile as D } from "../hooks/use-mobile.js";
-import { cn as i } from "../lib/utils.js";
-import { Button as R } from "./button.js";
-import { Input as T } from "./input.js";
-import { Separator as B } from "./separator.js";
-import { Sheet as A, SheetContent as O, SheetHeader as H, SheetTitle as K, SheetDescription as j } from "./sheet.js";
-import { Skeleton as k } from "./skeleton.js";
-import { Tooltip as G, TooltipTrigger as L, TooltipContent as $, TooltipProvider as P } from "./tooltip.js";
-const V = "sidebar_state", W = 3600 * 24 * 7, q = "16rem", F = "18rem", U = "3rem", X = "b", _ = u.createContext(null);
-function N() {
-  const a = u.useContext(_);
-  if (!a)
-    throw new Error("useSidebar must be used within a SidebarProvider.");
-  return a;
-}
-r(N, "useSidebar");
-function ce({
-  defaultOpen: a = !0,
-  open: e,
-  onOpenChange: n,
-  className: o,
-  style: d,
-  children: l,
-  ...m
-}) {
-  const c = D(), [p, b] = u.useState(!1), [x, M] = u.useState(a), h = e ?? x, w = u.useCallback(
-    (s) => {
-      const f = typeof s == "function" ? s(h) : s;
-      n ? n(f) : M(f), document.cookie = `${V}=${f}; path=/; max-age=${W}`;
-    },
-    [n, h]
-  ), S = u.useCallback(() => c ? b((s) => !s) : w((s) => !s), [c, w, b]);
-  u.useEffect(() => {
-    const s = /* @__PURE__ */ r((f) => {
-      f.key === X && (f.metaKey || f.ctrlKey) && (f.preventDefault(), S());
-    }, "handleKeyDown");
-    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
-  }, [S]);
-  const y = h ? "expanded" : "collapsed", C = u.useMemo(
-    () => ({
-      state: y,
-      open: h,
-      setOpen: w,
-      isMobile: c,
-      openMobile: p,
-      setOpenMobile: b,
-      toggleSidebar: S
-    }),
-    [y, h, w, c, p, b, S]
-  );
-  return /* @__PURE__ */ t(_.Provider, { value: C, children: /* @__PURE__ */ t(P, { delayDuration: 0, children: /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "sidebar-wrapper",
-      style: {
-        "--sidebar-width": q,
-        "--sidebar-width-icon": U,
-        ...d
-      },
-      className: i(
-        "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
-        o
-      ),
-      ...m,
-      children: l
-    }
-  ) }) });
-}
-r(ce, "SidebarProvider");
-function ue({
-  side: a = "left",
-  variant: e = "sidebar",
-  collapsible: n = "offcanvas",
-  className: o,
-  children: d,
-  ...l
-}) {
-  const { isMobile: m, state: c, openMobile: p, setOpenMobile: b } = N();
-  return n === "none" ? /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "sidebar",
-      className: i(
-        "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
-        o
-      ),
-      ...l,
-      children: d
-    }
-  ) : m ? /* @__PURE__ */ t(A, { open: p, onOpenChange: b, ...l, children: /* @__PURE__ */ g(
-    O,
-    {
-      "data-sidebar": "sidebar",
-      "data-slot": "sidebar",
-      "data-mobile": "true",
-      className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
-      style: {
-        "--sidebar-width": F
-      },
-      side: a,
-      children: [
-        /* @__PURE__ */ g(H, { className: "sr-only", children: [
-          /* @__PURE__ */ t(K, { children: "Sidebar" }),
-          /* @__PURE__ */ t(j, { children: "Displays the mobile sidebar." })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "flex h-full w-full flex-col", children: d })
-      ]
-    }
-  ) }) : /* @__PURE__ */ g(
-    "div",
-    {
-      className: "group peer text-sidebar-foreground hidden md:block",
-      "data-state": c,
-      "data-collapsible": c === "collapsed" ? n : "",
-      "data-variant": e,
-      "data-side": a,
-      "data-slot": "sidebar",
-      children: [
-        /* @__PURE__ */ t(
-          "div",
-          {
-            "data-slot": "sidebar-gap",
-            className: i(
-              "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
-              "group-data-[collapsible=offcanvas]:w-0",
-              "group-data-[side=right]:rotate-180",
-              e === "floating" || e === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
-            )
-          }
-        ),
-        /* @__PURE__ */ t(
-          "div",
-          {
-            "data-slot": "sidebar-container",
-            className: i(
-              "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 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
-            ),
-            ...l,
-            children: /* @__PURE__ */ t(
-              "div",
-              {
-                "data-sidebar": "sidebar",
-                "data-slot": "sidebar-inner",
-                className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
-                children: d
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-r(ue, "Sidebar");
-function be({
-  className: a,
-  onClick: e,
-  ...n
-}) {
-  const { toggleSidebar: o } = N();
-  return /* @__PURE__ */ g(
-    R,
-    {
-      "data-sidebar": "trigger",
-      "data-slot": "sidebar-trigger",
-      variant: "ghost",
-      color: "dark",
-      size: "icon",
-      className: i("size-7", a),
-      onClick: /* @__PURE__ */ r((d) => {
-        e?.(d), o();
-      }, "onClick"),
-      ...n,
-      children: [
-        /* @__PURE__ */ t(E, {}),
-        /* @__PURE__ */ t("span", { className: "sr-only", children: "Toggle Sidebar" })
-      ]
-    }
-  );
-}
-r(be, "SidebarTrigger");
-function fe({ className: a, ...e }) {
-  const { toggleSidebar: n } = N();
-  return /* @__PURE__ */ t(
-    "button",
-    {
-      "data-sidebar": "rail",
-      "data-slot": "sidebar-rail",
-      "aria-label": "Toggle Sidebar",
-      tabIndex: -1,
-      onClick: n,
-      title: "Toggle Sidebar",
-      className: i(
-        "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] 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",
-        "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
-        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
-        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
-        a
-      ),
-      ...e
-    }
-  );
-}
-r(fe, "SidebarRail");
-function pe({ className: a, ...e }) {
-  return /* @__PURE__ */ t(
-    "main",
-    {
-      "data-slot": "sidebar-inset",
-      className: i(
-        "bg-background relative flex w-full flex-1 flex-col",
-        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
-        a
-      ),
-      ...e
-    }
-  );
-}
-r(pe, "SidebarInset");
-function ge({
-  className: a,
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    T,
-    {
-      "data-slot": "sidebar-input",
-      "data-sidebar": "input",
-      className: i("bg-background h-8 w-full shadow-none", a),
-      ...e
-    }
-  );
-}
-r(ge, "SidebarInput");
-function me({ className: a, ...e }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "sidebar-header",
-      "data-sidebar": "header",
-      className: i("flex flex-col gap-2 p-2", a),
-      ...e
-    }
-  );
-}
-r(me, "SidebarHeader");
-function he({ className: a, ...e }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "sidebar-footer",
-      "data-sidebar": "footer",
-      className: i("flex flex-col gap-2 p-2", a),
-      ...e
-    }
-  );
-}
-r(he, "SidebarFooter");
-function ve({
-  className: a,
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    B,
-    {
-      "data-slot": "sidebar-separator",
-      "data-sidebar": "separator",
-      className: i("bg-sidebar-border mx-2 w-auto", a),
-      ...e
-    }
-  );
-}
-r(ve, "SidebarSeparator");
-function xe({ className: a, ...e }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "sidebar-content",
-      "data-sidebar": "content",
-      className: i(
-        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
-        a
-      ),
-      ...e
-    }
-  );
-}
-r(xe, "SidebarContent");
-function we({ className: a, ...e }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "sidebar-group",
-      "data-sidebar": "group",
-      className: i("relative flex w-full min-w-0 flex-col p-2", a),
-      ...e
-    }
-  );
-}
-r(we, "SidebarGroup");
-function Se({
-  className: a,
-  asChild: e = !1,
-  ...n
-}) {
-  const o = e ? v.Root : "div";
-  return /* @__PURE__ */ t(
-    o,
-    {
-      "data-slot": "sidebar-group-label",
-      "data-sidebar": "group-label",
-      className: i(
-        "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 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
-      ),
-      ...n
-    }
-  );
-}
-r(Se, "SidebarGroupLabel");
-function Ne({
-  className: a,
-  asChild: e = !1,
-  ...n
-}) {
-  const o = e ? v.Root : "button";
-  return /* @__PURE__ */ t(
-    o,
-    {
-      "data-slot": "sidebar-group-action",
-      "data-sidebar": "group-action",
-      className: i(
-        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform 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",
-        "group-data-[collapsible=icon]:hidden",
-        a
-      ),
-      ...n
-    }
-  );
-}
-r(Ne, "SidebarGroupAction");
-function ye({
-  className: a,
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "sidebar-group-content",
-      "data-sidebar": "group-content",
-      className: i("w-full text-sm", a),
-      ...e
-    }
-  );
-}
-r(ye, "SidebarGroupContent");
-function ke({ className: a, ...e }) {
-  return /* @__PURE__ */ t(
-    "ul",
-    {
-      "data-slot": "sidebar-menu",
-      "data-sidebar": "menu",
-      className: i("flex w-full min-w-0 flex-col gap-1", a),
-      ...e
-    }
-  );
-}
-r(ke, "SidebarMenu");
-function _e({ className: a, ...e }) {
-  return /* @__PURE__ */ t(
-    "li",
-    {
-      "data-slot": "sidebar-menu-item",
-      "data-sidebar": "menu-item",
-      className: i("group/menu-item relative", a),
-      ...e
-    }
-  );
-}
-r(_e, "SidebarMenuItem");
-const Y = I(
-  "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",
-  {
-    variants: {
-      variant: {
-        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-        outline: "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))]"
-      },
-      size: {
-        default: "h-8 text-sm",
-        sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Me({
-  asChild: a = !1,
-  isActive: e = !1,
-  variant: n = "default",
-  size: o = "default",
-  tooltip: d,
-  className: l,
-  ...m
-}) {
-  const c = a ? v.Root : "button", { isMobile: p, state: b } = N(), x = /* @__PURE__ */ t(
-    c,
-    {
-      "data-slot": "sidebar-menu-button",
-      "data-sidebar": "menu-button",
-      "data-size": o,
-      "data-active": e,
-      className: i(Y({ variant: n, size: o }), l),
-      ...m
-    }
-  );
-  return d ? (typeof d == "string" && (d = {
-    children: d
-  }), /* @__PURE__ */ g(G, { children: [
-    /* @__PURE__ */ t(L, { asChild: !0, children: x }),
-    /* @__PURE__ */ t(
-      $,
-      {
-        side: "right",
-        align: "center",
-        hidden: b !== "collapsed" || p,
-        ...d
-      }
-    )
-  ] })) : x;
-}
-r(Me, "SidebarMenuButton");
-function Ce({
-  className: a,
-  asChild: e = !1,
-  showOnHover: n = !1,
-  ...o
-}) {
-  const d = e ? v.Root : "button";
-  return /* @__PURE__ */ t(
-    d,
-    {
-      "data-slot": "sidebar-menu-action",
-      "data-sidebar": "menu-action",
-      className: i(
-        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform 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",
-        "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",
-        "group-data-[collapsible=icon]:hidden",
-        n && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
-        a
-      ),
-      ...o
-    }
-  );
-}
-r(Ce, "SidebarMenuAction");
-function ze({
-  className: a,
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "sidebar-menu-badge",
-      "data-sidebar": "menu-badge",
-      className: i(
-        "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-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",
-        "peer-data-[size=default]/menu-button:top-1.5",
-        "peer-data-[size=lg]/menu-button:top-2.5",
-        "group-data-[collapsible=icon]:hidden",
-        a
-      ),
-      ...e
-    }
-  );
-}
-r(ze, "SidebarMenuBadge");
-function Ie({
-  className: a,
-  showIcon: e = !1,
-  ...n
-}) {
-  const o = u.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      "data-slot": "sidebar-menu-skeleton",
-      "data-sidebar": "menu-skeleton",
-      className: i("flex h-8 items-center gap-2 rounded-md px-2", a),
-      ...n,
-      children: [
-        e && /* @__PURE__ */ t(
-          k,
-          {
-            className: "size-4 rounded-md",
-            "data-sidebar": "menu-skeleton-icon"
-          }
-        ),
-        /* @__PURE__ */ t(
-          k,
-          {
-            className: "h-4 max-w-(--skeleton-width) flex-1",
-            "data-sidebar": "menu-skeleton-text",
-            style: {
-              "--skeleton-width": o
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-r(Ie, "SidebarMenuSkeleton");
-function Ee({ className: a, ...e }) {
-  return /* @__PURE__ */ t(
-    "ul",
-    {
-      "data-slot": "sidebar-menu-sub",
-      "data-sidebar": "menu-sub",
-      className: i(
-        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
-        "group-data-[collapsible=icon]:hidden",
-        a
-      ),
-      ...e
-    }
-  );
-}
-r(Ee, "SidebarMenuSub");
-function De({
-  className: a,
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    "li",
-    {
-      "data-slot": "sidebar-menu-sub-item",
-      "data-sidebar": "menu-sub-item",
-      className: i("group/menu-sub-item relative", a),
-      ...e
-    }
-  );
-}
-r(De, "SidebarMenuSubItem");
-function Re({
-  asChild: a = !1,
-  size: e = "md",
-  isActive: n = !1,
-  className: o,
-  ...d
-}) {
-  const l = a ? v.Root : "a";
-  return /* @__PURE__ */ t(
-    l,
-    {
-      "data-slot": "sidebar-menu-sub-button",
-      "data-sidebar": "menu-sub-button",
-      "data-size": e,
-      "data-active": n,
-      className: i(
-        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 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",
-        "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
-    }
-  );
-}
-r(Re, "SidebarMenuSubButton");
-export {
-  ue as Sidebar,
-  xe as SidebarContent,
-  he as SidebarFooter,
-  we as SidebarGroup,
-  Ne as SidebarGroupAction,
-  ye as SidebarGroupContent,
-  Se as SidebarGroupLabel,
-  me as SidebarHeader,
-  ge as SidebarInput,
-  pe as SidebarInset,
-  ke as SidebarMenu,
-  Ce as SidebarMenuAction,
-  ze as SidebarMenuBadge,
-  Me as SidebarMenuButton,
-  _e as SidebarMenuItem,
-  Ie as SidebarMenuSkeleton,
-  Ee as SidebarMenuSub,
-  Re as SidebarMenuSubButton,
-  De as SidebarMenuSubItem,
-  ce as SidebarProvider,
-  fe as SidebarRail,
-  ve as SidebarSeparator,
-  be as SidebarTrigger,
-  N as useSidebar
-};
+var z=Object.defineProperty;var r=(a,e)=>z(a,"name",{value:e,configurable:!0});import{jsx as t,jsxs as g}from"react/jsx-runtime";import*as u from"react";import{cva as I}from"class-variance-authority";import{PanelLeftIcon as E}from"lucide-react";import{Slot as v}from"radix-ui";import{useIsMobile as D}from"../hooks/use-mobile.js";import{cn as i}from"../lib/utils.js";import{Button as R}from"./button.js";import{Input as T}from"./input.js";import{Separator as B}from"./separator.js";import{Sheet as A,SheetContent as O,SheetHeader as H,SheetTitle as K,SheetDescription as j}from"./sheet.js";import{Skeleton as k}from"./skeleton.js";import{Tooltip as G,TooltipTrigger as L,TooltipContent as $,TooltipProvider as P}from"./tooltip.js";const V="sidebar_state",W=3600*24*7,q="16rem",F="18rem",U="3rem",X="b",_=u.createContext(null);function N(){const a=u.useContext(_);if(!a)throw new Error("useSidebar must be used within a SidebarProvider.");return a}r(N,"useSidebar");function ce({defaultOpen:a=!0,open:e,onOpenChange:n,className:o,style:d,children:l,...m}){const c=D(),[p,b]=u.useState(!1),[x,M]=u.useState(a),h=e??x,w=u.useCallback(s=>{const f=typeof s=="function"?s(h):s;n?n(f):M(f),document.cookie=`${V}=${f}; path=/; max-age=${W}`},[n,h]),S=u.useCallback(()=>c?b(s=>!s):w(s=>!s),[c,w,b]);u.useEffect(()=>{const s=r(f=>{f.key===X&&(f.metaKey||f.ctrlKey)&&(f.preventDefault(),S())},"handleKeyDown");return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[S]);const y=h?"expanded":"collapsed",C=u.useMemo(()=>({state:y,open:h,setOpen:w,isMobile:c,openMobile:p,setOpenMobile:b,toggleSidebar:S}),[y,h,w,c,p,b,S]);return t(_.Provider,{value:C,children:t(P,{delayDuration:0,children:t("div",{"data-slot":"sidebar-wrapper",style:{"--sidebar-width":q,"--sidebar-width-icon":U,...d},className:i("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",o),...m,children:l})})})}r(ce,"SidebarProvider");function ue({side:a="left",variant:e="sidebar",collapsible:n="offcanvas",className:o,children:d,...l}){const{isMobile:m,state:c,openMobile:p,setOpenMobile:b}=N();return n==="none"?t("div",{"data-slot":"sidebar",className:i("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",o),...l,children:d}):m?t(A,{open:p,onOpenChange:b,...l,children:g(O,{"data-sidebar":"sidebar","data-slot":"sidebar","data-mobile":"true",className:"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",style:{"--sidebar-width":F},side:a,children:[g(H,{className:"sr-only",children:[t(K,{children:"Sidebar"}),t(j,{children:"Displays the mobile sidebar."})]}),t("div",{className:"flex h-full w-full flex-col",children:d})]})}):g("div",{className:"group peer text-sidebar-foreground hidden md:block","data-state":c,"data-collapsible":c==="collapsed"?n:"","data-variant":e,"data-side":a,"data-slot":"sidebar",children:[t("div",{"data-slot":"sidebar-gap",className:i("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",e==="floating"||e==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t("div",{"data-slot":"sidebar-container",className:i("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 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)]",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),...l,children:t("div",{"data-sidebar":"sidebar","data-slot":"sidebar-inner",className:"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",children:d})})]})}r(ue,"Sidebar");function be({className:a,onClick:e,...n}){const{toggleSidebar:o}=N();return g(R,{"data-sidebar":"trigger","data-slot":"sidebar-trigger",variant:"ghost",color:"dark",size:"icon",className:i("size-7",a),onClick:r(d=>{e?.(d),o()},"onClick"),...n,children:[t(E,{}),t("span",{className:"sr-only",children:"Toggle Sidebar"})]})}r(be,"SidebarTrigger");function fe({className:a,...e}){const{toggleSidebar:n}=N();return t("button",{"data-sidebar":"rail","data-slot":"sidebar-rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:n,title:"Toggle Sidebar",className:i("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] 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","hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",a),...e})}r(fe,"SidebarRail");function pe({className:a,...e}){return t("main",{"data-slot":"sidebar-inset",className:i("bg-background relative flex w-full flex-1 flex-col","md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",a),...e})}r(pe,"SidebarInset");function ge({className:a,...e}){return t(T,{"data-slot":"sidebar-input","data-sidebar":"input",className:i("bg-background h-8 w-full shadow-none",a),...e})}r(ge,"SidebarInput");function me({className:a,...e}){return t("div",{"data-slot":"sidebar-header","data-sidebar":"header",className:i("flex flex-col gap-2 p-2",a),...e})}r(me,"SidebarHeader");function he({className:a,...e}){return t("div",{"data-slot":"sidebar-footer","data-sidebar":"footer",className:i("flex flex-col gap-2 p-2",a),...e})}r(he,"SidebarFooter");function ve({className:a,...e}){return t(B,{"data-slot":"sidebar-separator","data-sidebar":"separator",className:i("bg-sidebar-border mx-2 w-auto",a),...e})}r(ve,"SidebarSeparator");function xe({className:a,...e}){return t("div",{"data-slot":"sidebar-content","data-sidebar":"content",className:i("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",a),...e})}r(xe,"SidebarContent");function we({className:a,...e}){return t("div",{"data-slot":"sidebar-group","data-sidebar":"group",className:i("relative flex w-full min-w-0 flex-col p-2",a),...e})}r(we,"SidebarGroup");function Se({className:a,asChild:e=!1,...n}){const o=e?v.Root:"div";return t(o,{"data-slot":"sidebar-group-label","data-sidebar":"group-label",className:i("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 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),...n})}r(Se,"SidebarGroupLabel");function Ne({className:a,asChild:e=!1,...n}){const o=e?v.Root:"button";return t(o,{"data-slot":"sidebar-group-action","data-sidebar":"group-action",className:i("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 md:after:hidden","group-data-[collapsible=icon]:hidden",a),...n})}r(Ne,"SidebarGroupAction");function ye({className:a,...e}){return t("div",{"data-slot":"sidebar-group-content","data-sidebar":"group-content",className:i("w-full text-sm",a),...e})}r(ye,"SidebarGroupContent");function ke({className:a,...e}){return t("ul",{"data-slot":"sidebar-menu","data-sidebar":"menu",className:i("flex w-full min-w-0 flex-col gap-1",a),...e})}r(ke,"SidebarMenu");function _e({className:a,...e}){return t("li",{"data-slot":"sidebar-menu-item","data-sidebar":"menu-item",className:i("group/menu-item relative",a),...e})}r(_e,"SidebarMenuItem");const Y=I("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",{variants:{variant:{default:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"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))]"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:p-0!"}},defaultVariants:{variant:"default",size:"default"}});function Me({asChild:a=!1,isActive:e=!1,variant:n="default",size:o="default",tooltip:d,className:l,...m}){const c=a?v.Root:"button",{isMobile:p,state:b}=N(),x=t(c,{"data-slot":"sidebar-menu-button","data-sidebar":"menu-button","data-size":o,"data-active":e,className:i(Y({variant:n,size:o}),l),...m});return d?(typeof d=="string"&&(d={children:d}),g(G,{children:[t(L,{asChild:!0,children:x}),t($,{side:"right",align:"center",hidden:b!=="collapsed"||p,...d})]})):x}r(Me,"SidebarMenuButton");function Ce({className:a,asChild:e=!1,showOnHover:n=!1,...o}){const d=e?v.Root:"button";return t(d,{"data-slot":"sidebar-menu-action","data-sidebar":"menu-action",className:i("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 md:after: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","group-data-[collapsible=icon]:hidden",n&&"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",a),...o})}r(Ce,"SidebarMenuAction");function ze({className:a,...e}){return t("div",{"data-slot":"sidebar-menu-badge","data-sidebar":"menu-badge",className:i("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-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","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",a),...e})}r(ze,"SidebarMenuBadge");function Ie({className:a,showIcon:e=!1,...n}){const o=u.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return g("div",{"data-slot":"sidebar-menu-skeleton","data-sidebar":"menu-skeleton",className:i("flex h-8 items-center gap-2 rounded-md px-2",a),...n,children:[e&&t(k,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),t(k,{className:"h-4 max-w-(--skeleton-width) flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":o}})]})}r(Ie,"SidebarMenuSkeleton");function Ee({className:a,...e}){return t("ul",{"data-slot":"sidebar-menu-sub","data-sidebar":"menu-sub",className:i("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",a),...e})}r(Ee,"SidebarMenuSub");function De({className:a,...e}){return t("li",{"data-slot":"sidebar-menu-sub-item","data-sidebar":"menu-sub-item",className:i("group/menu-sub-item relative",a),...e})}r(De,"SidebarMenuSubItem");function Re({asChild:a=!1,size:e="md",isActive:n=!1,className:o,...d}){const l=a?v.Root:"a";return t(l,{"data-slot":"sidebar-menu-sub-button","data-sidebar":"menu-sub-button","data-size":e,"data-active":n,className:i("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 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","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})}r(Re,"SidebarMenuSubButton");export{ue as Sidebar,xe as SidebarContent,he as SidebarFooter,we as SidebarGroup,Ne as SidebarGroupAction,ye as SidebarGroupContent,Se as SidebarGroupLabel,me as SidebarHeader,ge as SidebarInput,pe as SidebarInset,ke as SidebarMenu,Ce as SidebarMenuAction,ze as SidebarMenuBadge,Me as SidebarMenuButton,_e as SidebarMenuItem,Ie as SidebarMenuSkeleton,Ee as SidebarMenuSub,Re as SidebarMenuSubButton,De as SidebarMenuSubItem,ce as SidebarProvider,fe as SidebarRail,ve as SidebarSeparator,be as SidebarTrigger,N as useSidebar};