@alkimi.org/ui-kit 0.2.29 → 0.2.30

package/README.npm.md

@@ -64,19 +64,50 @@ Create your `globals.css`:
 
 /* Optional: Override library CSS variables */
 :root {
-  /* Example: Custom primary color */
+  /* Base color variables */
+  --background: oklch(0.992 0.019 155.826);
+  --foreground: oklch(0.205 0 0);
   --primary: oklch(0.992 0.019 155.826);
   --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.992 0.019 155.826);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.608 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.992 0.019 155.826);
+  --destructive: oklch(0.576 0.214 25.467);
+  --destructive-foreground: oklch(0.992 0.019 155.826);
+  --border: #3f3f46;
+  --input: #3f3f46;
+  --ring: oklch(0.992 0.019 155.826);
+  --radius: 0.625rem;
 
-  /* You can override any of these variables:
-     --secondary, --secondary-foreground
-     --background, --foreground
-     --muted, --muted-foreground
-     --accent, --accent-foreground
-     --destructive, --destructive-foreground
-     --border, --input, --ring
-     --radius (border radius)
-  */
+  /* Component-specific variables (optional - default to base variables) */
+  /* Override these to customize individual components independently */
+  --sidebar: var(--background);
+  --sidebar-foreground: var(--primary-accent);
+  --sidebar-accent: var(--base-accent);
+  --sidebar-accent-foreground: var(--base-accent-foreground);
+  --sidebar-border: var(--border);
+  --sidebar-ring: var(--ring);
+
+  --card: var(--background);
+  --card-foreground: var(--primary-accent);
+
+  --popover: var(--background);
+  --popover-foreground: var(--primary-accent);
+
+  --dialog: var(--background);
+  --dialog-foreground: var(--foreground);
+
+  --sheet: var(--background);
+  --sheet-foreground: var(--foreground);
+
+  --tooltip: var(--background);
+  --tooltip-foreground: var(--primary-accent);
+
+  --dropdown-menu: var(--background);
+  --dropdown-menu-foreground: var(--primary-accent);
 }
 ```
 
@@ -144,20 +175,20 @@ Create your `globals.css`:
 
 /* REQUIRED: Define ALL CSS variables the library needs */
 :root {
+  /* Base color variables */
   --background: oklch(0.992 0.019 155.826);
   --foreground: oklch(0.205 0 0);
-  --card: oklch(0.992 0.019 155.826);
-  --card-foreground: oklch(0.205 0 0);
-  --popover: oklch(0.992 0.019 155.826);
-  --popover-foreground: oklch(0.205 0 0);
   --primary: oklch(0.992 0.019 155.826);
   --primary-foreground: oklch(0.205 0 0);
+  --primary-accent: oklch(0.992 0.019 155.826);
   --secondary: oklch(0.269 0 0);
   --secondary-foreground: oklch(0.992 0.019 155.826);
   --muted: oklch(0.269 0 0);
   --muted-foreground: oklch(0.608 0 0);
   --accent: oklch(0.269 0 0);
   --accent-foreground: oklch(0.992 0.019 155.826);
+  --base-accent: oklch(0.269 0 0);
+  --base-accent-foreground: oklch(0.992 0.019 155.826);
   --destructive: oklch(0.576 0.214 25.467);
   --destructive-foreground: oklch(0.992 0.019 155.826);
   --border: #3f3f46;
@@ -165,6 +196,34 @@ Create your `globals.css`:
   --ring: oklch(0.992 0.019 155.826);
   --radius: 0.625rem;
   --font-family: "Helvetica Now Display", "Helvetica", sans-serif;
+
+  /* Component-specific variables (default to base variables, can be overridden) */
+  --sidebar: var(--background);
+  --sidebar-foreground: var(--primary-accent);
+  --sidebar-primary: var(--primary-accent);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: var(--base-accent);
+  --sidebar-accent-foreground: var(--base-accent-foreground);
+  --sidebar-border: var(--border);
+  --sidebar-ring: var(--ring);
+
+  --card: var(--background);
+  --card-foreground: var(--primary-accent);
+
+  --popover: var(--background);
+  --popover-foreground: var(--primary-accent);
+
+  --dialog: var(--background);
+  --dialog-foreground: var(--foreground);
+
+  --sheet: var(--background);
+  --sheet-foreground: var(--foreground);
+
+  --tooltip: var(--background);
+  --tooltip-foreground: var(--primary-accent);
+
+  --dropdown-menu: var(--background);
+  --dropdown-menu-foreground: var(--primary-accent);
 }
 
 body {
@@ -188,6 +247,56 @@ body {
 
 ---
 
+## Customizing Component Colors
+
+The library supports **component-specific color customization**. By default, all components use base color variables, but you can override individual component colors independently.
+
+### How It Works
+
+Component-specific variables (like `--sidebar`, `--card`, `--popover`, etc.) default to base variables but can be overridden:
+
+```css
+:root {
+  /* Base colors */
+  --background: oklch(0.992 0.019 155.826);
+  --primary-accent: oklch(0.992 0.019 155.826);
+
+  /* Override just the sidebar color */
+  --sidebar: oklch(0.2 0.05 200); /* Custom sidebar background */
+  --sidebar-foreground: oklch(0.9 0.02 150); /* Custom sidebar text */
+
+  /* Override card independently */
+  --card: oklch(0.95 0.02 150);
+  --card-foreground: oklch(0.1 0.05 200);
+
+  /* All other components still use --background */
+}
+```
+
+### Available Component Variables
+
+- **Sidebar**: `--sidebar`, `--sidebar-foreground`, `--sidebar-accent`, `--sidebar-accent-foreground`, `--sidebar-border`, `--sidebar-ring`
+- **Card**: `--card`, `--card-foreground`
+- **Popover**: `--popover`, `--popover-foreground`
+- **Dialog**: `--dialog`, `--dialog-foreground`
+- **Sheet**: `--sheet`, `--sheet-foreground`
+- **Tooltip**: `--tooltip`, `--tooltip-foreground`
+- **Dropdown Menu**: `--dropdown-menu`, `--dropdown-menu-foreground`
+
+### Example: Custom Sidebar Theme
+
+```css
+:root {
+  /* Custom sidebar with different colors */
+  --sidebar: oklch(0.15 0.05 250); /* Dark blue sidebar */
+  --sidebar-foreground: oklch(0.95 0.02 150); /* Light text */
+  --sidebar-accent: oklch(0.25 0.08 250); /* Hover state */
+  --sidebar-accent-foreground: oklch(0.98 0.01 150);
+}
+```
+
+---
+
 ## Typography & Sizing
 
 ### Default Font
@@ -267,9 +376,7 @@ function App() {
         <SidebarHeader showTrigger>
           <h2>My App</h2>
         </SidebarHeader>
-        <SidebarContent>
-          {/* Your sidebar content */}
-        </SidebarContent>
+        <SidebarContent>{/* Your sidebar content */}</SidebarContent>
       </Sidebar>
       <SidebarInset>
         <header>
@@ -290,6 +397,7 @@ function App() {
 Wraps your entire layout and provides sidebar context.
 
 **Props:**
+
 - `defaultOpen?: boolean` - Initial sidebar state (default: `true`)
 - `open?: boolean` - Controlled sidebar state
 - `onOpenChange?: (open: boolean) => void` - Callback when sidebar state changes
@@ -299,6 +407,7 @@ Wraps your entire layout and provides sidebar context.
 The main sidebar container.
 
 **Props:**
+
 - `side?: "left" | "right"` - Sidebar position (default: `"left"`)
 - `variant?: "sidebar" | "floating" | "inset"` - Visual style (default: `"sidebar"`)
 - `collapsible?: "offcanvas" | "icon" | "none"` - Collapse behavior (default: `"offcanvas"`)
@@ -311,6 +420,7 @@ The main sidebar container.
 Header section of the sidebar.
 
 **Props:**
+
 - `showTrigger?: boolean` - Show toggle button in header (default: `false`)
 
 ##### SidebarContent
@@ -343,7 +453,7 @@ import {
   SidebarGroupContent,
 } from "@alkimi.org/ui-kit"
 
-<SidebarGroup>
+;<SidebarGroup>
   <SidebarGroupLabel>Navigation</SidebarGroupLabel>
   <SidebarGroupContent>
     <SidebarMenu>
@@ -359,6 +469,7 @@ import {
 ```
 
 **Available Components:**
+
 - `SidebarGroup` - Groups related menu items
 - `SidebarGroupLabel` - Label for a group
 - `SidebarGroupContent` - Container for group items
@@ -406,6 +517,7 @@ function MyComponent() {
 ```
 
 **Returns:**
+
 - `state: "expanded" | "collapsed"` - Current sidebar state
 - `open: boolean` - Whether sidebar is open (desktop)
 - `setOpen: (open: boolean) => void` - Set sidebar state

package/dist/{chunk-ERH5N4LR.mjs → chunk-JFYW77F4.mjs}

@@ -1,3 +1,3 @@
 "use client";
-import{a as O,b as G,c as F,d as K}from"./chunk-BB3WNO72.mjs";import{a as z}from"./chunk-YBV4CPVD.mjs";import{a as D,f as _,g as B,i as k,j as A}from"./chunk-DMHIFNXF.mjs";import{a as P}from"./chunk-CNRZOMR4.mjs";import{a as T,b as E}from"./chunk-2YRLGFWP.mjs";import{a as H}from"./chunk-XIYQ5UXO.mjs";import{a as n}from"./chunk-S5TKCF6T.mjs";import*as t from"react";import{Slot as w}from"@radix-ui/react-slot";import{cva as q}from"class-variance-authority";import{PanelLeft as X,X as Y,Menu as J}from"lucide-react";import{Fragment as $,jsx as o,jsxs as p}from"react/jsx-runtime";var Q="sidebar_state",Z=3600*24*7,ee="16rem",V="23rem",ae="4.625rem",te="b",j=t.createContext(null);function y(){let e=t.useContext(j);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}var re=t.forwardRef(({defaultOpen:e=!0,open:a,onOpenChange:r,className:i,style:s,children:d,...b},l)=>{let[v,f]=t.useState(!1),[u,h]=t.useState(e),[x,S]=t.useState(!1),[R,C]=t.useState(e),m=a??R,N=t.useCallback(c=>{let g=typeof c=="function"?c(m):c;r?r(g):C(g),document.cookie=`${Q}=${g}; path=/; max-age=${Z}`},[r,m]),M=t.useCallback(()=>{N(c=>!c)},[N]),I=t.useCallback(()=>{f(c=>!c)},[f]);t.useEffect(()=>{let c=g=>{g.key===te&&(g.metaKey||g.ctrlKey)&&(g.preventDefault(),M())};return window.addEventListener("keydown",c),()=>window.removeEventListener("keydown",c)},[M]);let L=m?"expanded":"collapsed",U=t.useMemo(()=>({state:L,isOpen:u,setOpen:N,openMobile:v,setOpenMobile:f,toggleSidebar:M,toggleMobileSidebar:I,setIsFullyOpen:h,isAnimating:x,setIsAnimating:S}),[L,u,N,v,f,M,I,h,x,S]);return o(j.Provider,{value:U,children:o(O,{delayDuration:0,children:o("div",{style:{"--sidebar-width":ee,"--sidebar-width-icon":ae,...s},className:n("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",i),ref:l,...b,children:d})})})});re.displayName="SidebarProvider";var oe=t.forwardRef(({side:e="left",variant:a="sidebar",collapsible:r="offcanvas",className:i,children:s,...d},b)=>{let{state:l,openMobile:v,setOpenMobile:f,setIsFullyOpen:u,setIsAnimating:h}=y(),x=t.useRef(null),S=t.useRef(!0);return t.useEffect(()=>{let R=x.current;if(!R)return;if(S.current){S.current=!1,u(l==="expanded");return}h(!0);let C=m=>{m.target===R&&(m.propertyName==="left"||m.propertyName==="right"||m.propertyName==="width")&&(u(l==="expanded"),h(!1))};return R.addEventListener("transitionend",C),()=>R.removeEventListener("transitionend",C)},[l,u,h]),r==="none"?o("aside",{className:n("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",i),ref:b,...d,children:s}):p($,{children:[o(D,{open:v,onOpenChange:f,children:p(_,{"data-sidebar":"sidebar","data-mobile":"true",className:"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",style:{width:V,maxWidth:V},side:e,children:[p(B,{className:"sr-only",children:[o(k,{children:"Sidebar"}),o(A,{children:"Displays the mobile sidebar."})]}),o("div",{className:"flex h-full w-full flex-col",children:s})]})}),p("aside",{ref:b,className:"group peer hidden text-sidebar-foreground md:block","data-state":l,"data-collapsible":l==="collapsed"?r:"","data-variant":a,"data-side":e,children:[o("div",{className:n("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"||a==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),o("div",{ref:x,className:n("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="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)]",a==="floating"||a==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)",i),...d,children:o("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",children:o("div",{className:"m-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-full",children:s})})})]})]})});oe.displayName="Sidebar";var W=t.forwardRef(({className:e,onClick:a,...r},i)=>{let{toggleSidebar:s,toggleMobileSidebar:d,openMobile:b}=y();return p($,{children:[p(E,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:n("md:hidden bg-transparent hover:bg-transparent",e),onClick:l=>{a?.(l),d()},...r,children:[b?o("span",{className:n(T({variant:"secondary",size:"icon"})),children:o(Y,{size:16})}):o("span",{className:n(T({variant:"outline",size:"icon"})),children:o(J,{size:16})}),o("span",{className:"sr-only",children:"Toggle Sidebar"})]}),p(E,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:n("hidden md:flex h-7 w-7 bg-transparent hover:bg-transparent",e),onClick:l=>{a?.(l),s()},...r,children:[o("span",{className:"rounded-full hover:bg-secondary p-2",children:o(X,{size:16})}),o("span",{className:"sr-only",children:"Toggle Sidebar"})]})]})});W.displayName="SidebarTrigger";var ne=t.forwardRef(({className:e,...a},r)=>{let{toggleSidebar:i}=y();return o("button",{ref:r,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:i,title:"Toggle Sidebar",className: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-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 group-data-[collapsible=offcanvas]:hover:bg-sidebar","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",e),...a})});ne.displayName="SidebarRail";var ie=t.memo(t.forwardRef(({className:e,...a},r)=>o("main",{ref:r,className:n("relative flex w-full flex-1 flex-col","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",e),...a})));ie.displayName="SidebarInset";var se=t.forwardRef(({className:e,...a},r)=>o(H,{ref:r,"data-sidebar":"input",className:n("h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",e),...a}));se.displayName="SidebarInput";var de=t.forwardRef(({className:e,showTrigger:a=!1,children:r,...i},s)=>{let{state:d}=y();return p("div",{ref:s,"data-sidebar":"header",className:n("flex w-full gap-2 p-2",d==="collapsed"?"justify-center items-center":"justify-between items-start",e),...i,children:[d!=="collapsed"&&o("div",{className:"transition-all duration-200 w-full overflow-hidden",children:o("div",{className:"whitespace-nowrap",children:r})}),a&&o(W,{})]})});de.displayName="SidebarHeader";var le=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-sidebar":"footer",className:n("flex flex-col gap-2 p-2",e),...a}));le.displayName="SidebarFooter";var ce=t.forwardRef(({className:e,...a},r)=>o(z,{ref:r,"data-sidebar":"separator",className:n("mx-2 w-auto bg-border",e),...a}));ce.displayName="SidebarSeparator";var pe=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-sidebar":"content",className:n("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",e),...a}));pe.displayName="SidebarContent";var be=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-sidebar":"group",className:n("relative flex w-full min-w-0 flex-col","group-data-[collapsible=icon]:p-0",e),...a}));be.displayName="SidebarGroup";var ue=t.forwardRef(({className:e,asChild:a=!1,...r},i)=>o(a?w:"div",{ref:i,"data-sidebar":"group-label",className:n("flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring 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",e),...r}));ue.displayName="SidebarGroupLabel";var fe=t.forwardRef(({className:e,asChild:a=!1,...r},i)=>o(a?w:"button",{ref:i,"data-sidebar":"group-action",className: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","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",e),...r}));fe.displayName="SidebarGroupAction";var me=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-sidebar":"group-content",className:n("w-full text-sm",e),...a}));me.displayName="SidebarGroupContent";var ge=t.forwardRef(({className:e,...a},r)=>o("ul",{ref:r,"data-sidebar":"menu",className:n("flex w-full min-w-0 flex-col gap-1",e),...a}));ge.displayName="SidebarMenu";var ve=t.forwardRef(({className:e,...a},r)=>o("li",{ref:r,"data-sidebar":"menu-item",className:n("group/menu-item relative",e),...a}));ve.displayName="SidebarMenuItem";var he=q("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:{default:"hover:bg-sidebar-accent/20 hover:text-sidebar-accent-foreground",outline:"bg-sidebar shadow-[0_0_0_1px_hsl(var(--border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--base-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"}}),Re=t.forwardRef(({asChild:e=!1,isActive:a=!1,variant:r="default",size:i="default",tooltip:s,className:d,...b},l)=>{let v=e?w:"button",{state:f}=y(),u=o(v,{ref:l,"data-sidebar":"menu-button","data-size":i,"data-active":a,className:n(he({variant:r,size:i}),d),...b});return s?(typeof s=="string"&&(s={children:s}),p(G,{children:[o(F,{asChild:!0,children:u}),o(K,{side:"right",align:"center",hidden:f!=="collapsed",...s})]})):u});Re.displayName="SidebarMenuButton";var xe=t.forwardRef(({className:e,asChild:a=!1,showOnHover:r=!1,...i},s)=>o(a?w:"button",{ref:s,"data-sidebar":"menu-action",className: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","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","group-data-[collapsible=icon]:hidden",r&&"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-base-accent-foreground md:opacity-0",e),...i}));xe.displayName="SidebarMenuAction";var Se=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-sidebar":"menu-badge",className:n("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground","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",e),...a}));Se.displayName="SidebarMenuBadge";var we=t.forwardRef(({className:e,showIcon:a=!1,...r},i)=>{let s=t.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return p("div",{ref:i,"data-sidebar":"menu-skeleton",className:n("flex h-8 items-center gap-2 rounded-md px-2",e),...r,children:[a&&o(P,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),o(P,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})});we.displayName="SidebarMenuSkeleton";var ye=t.forwardRef(({className:e,...a},r)=>o("ul",{ref:r,"data-sidebar":"menu-sub",className:n("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","group-data-[collapsible=icon]:hidden",e),...a}));ye.displayName="SidebarMenuSub";var Ce=t.forwardRef(({...e},a)=>o("li",{ref:a,...e}));Ce.displayName="SidebarMenuSubItem";var Ne=t.forwardRef(({asChild:e=!1,size:a="md",isActive:r,className:i,...s},d)=>o(e?w:"a",{ref:d,"data-sidebar":"menu-sub-button","data-size":a,"data-active":r,className: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","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",a==="sm"&&"text-xs",a==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",i),...s}));Ne.displayName="SidebarMenuSubButton";export{y as a,re as b,oe as c,W as d,ne as e,ie as f,se as g,de as h,le as i,ce as j,pe as k,be as l,ue as m,fe as n,me as o,ge as p,ve as q,Re as r,xe as s,Se as t,we as u,ye as v,Ce as w,Ne as x};
-//# sourceMappingURL=chunk-ERH5N4LR.mjs.map
+import{a as O,b as G,c as F,d as K}from"./chunk-BB3WNO72.mjs";import{a as z}from"./chunk-YBV4CPVD.mjs";import{a as D,f as _,g as B,i as k,j as A}from"./chunk-DMHIFNXF.mjs";import{a as P}from"./chunk-CNRZOMR4.mjs";import{a as T,b as E}from"./chunk-2YRLGFWP.mjs";import{a as H}from"./chunk-XIYQ5UXO.mjs";import{a as n}from"./chunk-S5TKCF6T.mjs";import*as t from"react";import{Slot as w}from"@radix-ui/react-slot";import{cva as q}from"class-variance-authority";import{PanelLeft as X,X as Y,Menu as J}from"lucide-react";import{Fragment as $,jsx as o,jsxs as p}from"react/jsx-runtime";var Q="sidebar_state",Z=3600*24*7,ee="16rem",V="23rem",ae="4.625rem",te="b",j=t.createContext(null);function y(){let e=t.useContext(j);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}var re=t.forwardRef(({defaultOpen:e=!0,open:a,onOpenChange:r,className:i,style:s,children:d,...b},l)=>{let[v,f]=t.useState(!1),[u,h]=t.useState(e),[x,S]=t.useState(!1),[R,C]=t.useState(e),m=a??R,N=t.useCallback(c=>{let g=typeof c=="function"?c(m):c;r?r(g):C(g),document.cookie=`${Q}=${g}; path=/; max-age=${Z}`},[r,m]),M=t.useCallback(()=>{N(c=>!c)},[N]),I=t.useCallback(()=>{f(c=>!c)},[f]);t.useEffect(()=>{let c=g=>{g.key===te&&(g.metaKey||g.ctrlKey)&&(g.preventDefault(),M())};return window.addEventListener("keydown",c),()=>window.removeEventListener("keydown",c)},[M]);let L=m?"expanded":"collapsed",U=t.useMemo(()=>({state:L,isOpen:u,setOpen:N,openMobile:v,setOpenMobile:f,toggleSidebar:M,toggleMobileSidebar:I,setIsFullyOpen:h,isAnimating:x,setIsAnimating:S}),[L,u,N,v,f,M,I,h,x,S]);return o(j.Provider,{value:U,children:o(O,{delayDuration:0,children:o("div",{style:{"--sidebar-width":ee,"--sidebar-width-icon":ae,...s},className:n("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",i),ref:l,...b,children:d})})})});re.displayName="SidebarProvider";var oe=t.forwardRef(({side:e="left",variant:a="sidebar",collapsible:r="offcanvas",className:i,children:s,...d},b)=>{let{state:l,openMobile:v,setOpenMobile:f,setIsFullyOpen:u,setIsAnimating:h}=y(),x=t.useRef(null),S=t.useRef(!0);return t.useEffect(()=>{let R=x.current;if(!R)return;if(S.current){S.current=!1,u(l==="expanded");return}h(!0);let C=m=>{m.target===R&&(m.propertyName==="left"||m.propertyName==="right"||m.propertyName==="width")&&(u(l==="expanded"),h(!1))};return R.addEventListener("transitionend",C),()=>R.removeEventListener("transitionend",C)},[l,u,h]),r==="none"?o("aside",{className:n("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",i),ref:b,...d,children:s}):p($,{children:[o(D,{open:v,onOpenChange:f,children:p(_,{"data-sidebar":"sidebar","data-mobile":"true",className:"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",style:{width:V,maxWidth:V},side:e,children:[p(B,{className:"sr-only",children:[o(k,{children:"Sidebar"}),o(A,{children:"Displays the mobile sidebar."})]}),o("div",{className:"flex h-full w-full flex-col",children:s})]})}),p("aside",{ref:b,className:"group peer hidden text-sidebar-foreground md:block","data-state":l,"data-collapsible":l==="collapsed"?r:"","data-variant":a,"data-side":e,children:[o("div",{className:n("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"||a==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),o("div",{ref:x,className:n("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="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)]",a==="floating"||a==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)",i),...d,children:o("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",children:o("div",{className:"m-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-full",children:s})})})]})]})});oe.displayName="Sidebar";var W=t.forwardRef(({className:e,onClick:a,...r},i)=>{let{toggleSidebar:s,toggleMobileSidebar:d,openMobile:b}=y();return p($,{children:[p(E,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:n("md:hidden bg-transparent hover:bg-transparent",e),onClick:l=>{a?.(l),d()},...r,children:[b?o("span",{className:n(T({variant:"secondary",size:"icon"})),children:o(Y,{size:16})}):o("span",{className:n(T({variant:"outline",size:"icon"})),children:o(J,{size:16})}),o("span",{className:"sr-only",children:"Toggle Sidebar"})]}),p(E,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:n("hidden md:flex h-7 w-7 bg-transparent hover:bg-transparent",e),onClick:l=>{a?.(l),s()},...r,children:[o("span",{className:"rounded-full hover:bg-secondary p-2",children:o(X,{size:16})}),o("span",{className:"sr-only",children:"Toggle Sidebar"})]})]})});W.displayName="SidebarTrigger";var ne=t.forwardRef(({className:e,...a},r)=>{let{toggleSidebar:i}=y();return o("button",{ref:r,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:i,title:"Toggle Sidebar",className: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-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 group-data-[collapsible=offcanvas]:hover:bg-sidebar","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",e),...a})});ne.displayName="SidebarRail";var ie=t.memo(t.forwardRef(({className:e,...a},r)=>o("main",{ref:r,className:n("relative flex w-full flex-1 flex-col","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",e),...a})));ie.displayName="SidebarInset";var se=t.forwardRef(({className:e,...a},r)=>o(H,{ref:r,"data-sidebar":"input",className:n("h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",e),...a}));se.displayName="SidebarInput";var de=t.forwardRef(({className:e,showTrigger:a=!1,children:r,...i},s)=>{let{state:d}=y();return p("div",{ref:s,"data-sidebar":"header",className:n("flex w-full gap-2 p-2",d==="collapsed"?"justify-center items-center":"justify-between items-start",e),...i,children:[d!=="collapsed"&&o("div",{className:"transition-all duration-200 w-full overflow-hidden",children:o("div",{className:"whitespace-nowrap",children:r})}),a&&o(W,{})]})});de.displayName="SidebarHeader";var le=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-sidebar":"footer",className:n("flex flex-col gap-2 p-2",e),...a}));le.displayName="SidebarFooter";var ce=t.forwardRef(({className:e,...a},r)=>o(z,{ref:r,"data-sidebar":"separator",className:n("mx-2 w-auto bg-border",e),...a}));ce.displayName="SidebarSeparator";var pe=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-sidebar":"content",className:n("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",e),...a}));pe.displayName="SidebarContent";var be=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-sidebar":"group",className:n("relative flex w-full min-w-0 flex-col","group-data-[collapsible=icon]:p-0",e),...a}));be.displayName="SidebarGroup";var ue=t.forwardRef(({className:e,asChild:a=!1,...r},i)=>o(a?w:"div",{ref:i,"data-sidebar":"group-label",className:n("flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring 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",e),...r}));ue.displayName="SidebarGroupLabel";var fe=t.forwardRef(({className:e,asChild:a=!1,...r},i)=>o(a?w:"button",{ref:i,"data-sidebar":"group-action",className: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","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",e),...r}));fe.displayName="SidebarGroupAction";var me=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-sidebar":"group-content",className:n("w-full text-sm",e),...a}));me.displayName="SidebarGroupContent";var ge=t.forwardRef(({className:e,...a},r)=>o("ul",{ref:r,"data-sidebar":"menu",className:n("flex w-full min-w-0 flex-col gap-1",e),...a}));ge.displayName="SidebarMenu";var ve=t.forwardRef(({className:e,...a},r)=>o("li",{ref:r,"data-sidebar":"menu-item",className:n("group/menu-item relative",e),...a}));ve.displayName="SidebarMenuItem";var he=q("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:{default:"hover:bg-sidebar-accent/20 hover:text-sidebar-accent-foreground",outline:"bg-sidebar 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"}}),Re=t.forwardRef(({asChild:e=!1,isActive:a=!1,variant:r="default",size:i="default",tooltip:s,className:d,...b},l)=>{let v=e?w:"button",{state:f}=y(),u=o(v,{ref:l,"data-sidebar":"menu-button","data-size":i,"data-active":a,className:n(he({variant:r,size:i}),d),...b});return s?(typeof s=="string"&&(s={children:s}),p(G,{children:[o(F,{asChild:!0,children:u}),o(K,{side:"right",align:"center",hidden:f!=="collapsed",...s})]})):u});Re.displayName="SidebarMenuButton";var xe=t.forwardRef(({className:e,asChild:a=!1,showOnHover:r=!1,...i},s)=>o(a?w:"button",{ref:s,"data-sidebar":"menu-action",className: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","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","group-data-[collapsible=icon]:hidden",r&&"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-base-accent-foreground md:opacity-0",e),...i}));xe.displayName="SidebarMenuAction";var Se=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-sidebar":"menu-badge",className:n("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground","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",e),...a}));Se.displayName="SidebarMenuBadge";var we=t.forwardRef(({className:e,showIcon:a=!1,...r},i)=>{let s=t.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return p("div",{ref:i,"data-sidebar":"menu-skeleton",className:n("flex h-8 items-center gap-2 rounded-md px-2",e),...r,children:[a&&o(P,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),o(P,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})});we.displayName="SidebarMenuSkeleton";var ye=t.forwardRef(({className:e,...a},r)=>o("ul",{ref:r,"data-sidebar":"menu-sub",className:n("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","group-data-[collapsible=icon]:hidden",e),...a}));ye.displayName="SidebarMenuSub";var Ce=t.forwardRef(({...e},a)=>o("li",{ref:a,...e}));Ce.displayName="SidebarMenuSubItem";var Ne=t.forwardRef(({asChild:e=!1,size:a="md",isActive:r,className:i,...s},d)=>o(e?w:"a",{ref:d,"data-sidebar":"menu-sub-button","data-size":a,"data-active":r,className: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","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",a==="sm"&&"text-xs",a==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",i),...s}));Ne.displayName="SidebarMenuSubButton";export{y as a,re as b,oe as c,W as d,ne as e,ie as f,se as g,de as h,le as i,ce as j,pe as k,be as l,ue as m,fe as n,me as o,ge as p,ve as q,Re as r,xe as s,Se as t,we as u,ye as v,Ce as w,Ne as x};
+//# sourceMappingURL=chunk-JFYW77F4.mjs.map

package/dist/{chunk-ERH5N4LR.mjs.map → chunk-JFYW77F4.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/sidebar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft, X, Menu } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Separator } from \"@/components/separator\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/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 = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"4.625rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  isOpen: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  toggleSidebar: () => void\n  toggleMobileSidebar: () => void\n  setIsFullyOpen: (open: boolean) => void\n  isAnimating: boolean\n  setIsAnimating: (animating: boolean) => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | 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 [openMobile, setOpenMobile] = React.useState(false)\n    const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    const toggleSidebar = React.useCallback(() => {\n      setOpen((open) => !open)\n    }, [setOpen])\n\n    const toggleMobileSidebar = React.useCallback(() => {\n      setOpenMobile((open) => !open)\n    }, [setOpenMobile])\n\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    const state = open ? \"expanded\" : \"collapsed\"\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        isOpen: isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      }),\n      [\n        state,\n        isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      ]\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 min-h-svh w-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  HTMLElement,\n  React.ComponentProps<\"aside\"> & {\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 { state, openMobile, setOpenMobile, setIsFullyOpen, setIsAnimating } =\n      useSidebar()\n    const sidebarRef = React.useRef<HTMLDivElement>(null)\n    const isFirstRenderRef = React.useRef(true)\n\n    // Track when the sidebar animation completes\n    React.useEffect(() => {\n      const sidebar = sidebarRef.current\n      if (!sidebar) return\n\n      // On first render, set isFullyOpen immediately without waiting for animation\n      if (isFirstRenderRef.current) {\n        isFirstRenderRef.current = false\n        setIsFullyOpen(state === \"expanded\")\n        return\n      }\n\n      // Mark as animating when state changes\n      setIsAnimating(true)\n\n      const handleTransitionEnd = (event: TransitionEvent) => {\n        // Only respond to transitions on the sidebar itself, not children\n        if (event.target !== sidebar) return\n\n        // Check if we're transitioning width, left, or right properties\n        if (\n          event.propertyName === \"left\" ||\n          event.propertyName === \"right\" ||\n          event.propertyName === \"width\"\n        ) {\n          setIsFullyOpen(state === \"expanded\")\n          setIsAnimating(false)\n        }\n      }\n\n      sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n      return () =>\n        sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n    }, [state, setIsFullyOpen, setIsAnimating])\n\n    if (collapsible === \"none\") {\n      return (\n        <aside\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        </aside>\n      )\n    }\n\n    return (\n      <>\n        {/* Mobile Sheet - visible only on mobile (< md) */}\n        <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                width: SIDEBAR_WIDTH_MOBILE,\n                maxWidth: SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </SheetContent>\n        </Sheet>\n\n        {/* Desktop Sidebar - visible only on desktop (md+) */}\n        <aside\n          ref={ref}\n          className=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state}\n          data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n          data-variant={variant}\n          data-side={side}\n        >\n          <div\n            className={cn(\n              \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 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            ref={sidebarRef}\n            className={cn(\n              \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 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              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)\",\n              className\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              className=\"flex h-full w-full flex-col 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              <div className=\"m-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-full\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </aside>\n      </>\n    )\n  }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n  return (\n    <>\n      {/* Mobile trigger - visible only on mobile (< md) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"md:hidden bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleMobileSidebar()\n        }}\n        {...props}\n      >\n        {openMobile ? (\n          <span\n            className={cn(\n              buttonVariants({ variant: \"secondary\", size: \"icon\" })\n            )}\n          >\n            <X size={16} />\n          </span>\n        ) : (\n          <span\n            className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n          >\n            <Menu size={16} />\n          </span>\n        )}\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n\n      {/* Desktop trigger - visible only on desktop (md+) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"hidden md:flex h-7 w-7 bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleSidebar()\n        }}\n        {...props}\n      >\n        <span className=\"rounded-full hover:bg-secondary p-2\">\n          <PanelLeft size={16} />\n        </span>\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n    </>\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-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.memo(\n  React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n    ({ className, ...props }, ref) => {\n      return (\n        <main\n          ref={ref}\n          className={cn(\n            \"relative flex w-full flex-1 flex-col\",\n            \"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    }\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-sidebar 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    showTrigger?: boolean\n  }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n  const { state } = useSidebar()\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\n        \"flex w-full gap-2 p-2\",\n        state === \"collapsed\"\n          ? \"justify-center items-center\"\n          : \"justify-between items-start\",\n        className\n      )}\n      {...props}\n    >\n      {state !== \"collapsed\" && (\n        <div className=\"transition-all duration-200 w-full overflow-hidden\">\n          <div className=\"whitespace-nowrap\">{children}</div>\n        </div>\n      )}\n\n      {showTrigger && <SidebarTrigger />}\n    </div>\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-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 p-2\",\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(\n        \"relative flex w-full min-w-0 flex-col\",\n        \"group-data-[collapsible=icon]:p-0\",\n        className\n      )}\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        \"flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 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        \"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:\n          \"hover:bg-sidebar-accent/20 hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-sidebar shadow-[0_0_0_1px_hsl(var(--border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--base-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 { 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\"}\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        \"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-base-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      \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\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  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(\"flex h-8 items-center gap-2 rounded-md px-2\", 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 max-w-[--skeleton-width] flex-1\"\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      \"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\",\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"],"mappings":"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","names":["React","Slot","cva","PanelLeft","X","Menu","Fragment","jsx","jsxs","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","openMobile","setOpenMobile","isFullyOpen","setIsFullyOpen","isAnimating","setIsAnimating","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","toggleMobileSidebar","handleKeyDown","event","state","contextValue","TooltipProvider","cn","Sidebar","side","variant","collapsible","sidebarRef","isFirstRenderRef","sidebar","handleTransitionEnd","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","buttonVariants","X","Menu","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","showTrigger","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"]}
+{"version":3,"sources":["../src/components/sidebar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft, X, Menu } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Separator } from \"@/components/separator\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/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 = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"4.625rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  isOpen: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  toggleSidebar: () => void\n  toggleMobileSidebar: () => void\n  setIsFullyOpen: (open: boolean) => void\n  isAnimating: boolean\n  setIsAnimating: (animating: boolean) => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | 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 [openMobile, setOpenMobile] = React.useState(false)\n    const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    const toggleSidebar = React.useCallback(() => {\n      setOpen((open) => !open)\n    }, [setOpen])\n\n    const toggleMobileSidebar = React.useCallback(() => {\n      setOpenMobile((open) => !open)\n    }, [setOpenMobile])\n\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    const state = open ? \"expanded\" : \"collapsed\"\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        isOpen: isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      }),\n      [\n        state,\n        isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      ]\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 min-h-svh w-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  HTMLElement,\n  React.ComponentProps<\"aside\"> & {\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 { state, openMobile, setOpenMobile, setIsFullyOpen, setIsAnimating } =\n      useSidebar()\n    const sidebarRef = React.useRef<HTMLDivElement>(null)\n    const isFirstRenderRef = React.useRef(true)\n\n    // Track when the sidebar animation completes\n    React.useEffect(() => {\n      const sidebar = sidebarRef.current\n      if (!sidebar) return\n\n      // On first render, set isFullyOpen immediately without waiting for animation\n      if (isFirstRenderRef.current) {\n        isFirstRenderRef.current = false\n        setIsFullyOpen(state === \"expanded\")\n        return\n      }\n\n      // Mark as animating when state changes\n      setIsAnimating(true)\n\n      const handleTransitionEnd = (event: TransitionEvent) => {\n        // Only respond to transitions on the sidebar itself, not children\n        if (event.target !== sidebar) return\n\n        // Check if we're transitioning width, left, or right properties\n        if (\n          event.propertyName === \"left\" ||\n          event.propertyName === \"right\" ||\n          event.propertyName === \"width\"\n        ) {\n          setIsFullyOpen(state === \"expanded\")\n          setIsAnimating(false)\n        }\n      }\n\n      sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n      return () =>\n        sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n    }, [state, setIsFullyOpen, setIsAnimating])\n\n    if (collapsible === \"none\") {\n      return (\n        <aside\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        </aside>\n      )\n    }\n\n    return (\n      <>\n        {/* Mobile Sheet - visible only on mobile (< md) */}\n        <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                width: SIDEBAR_WIDTH_MOBILE,\n                maxWidth: SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </SheetContent>\n        </Sheet>\n\n        {/* Desktop Sidebar - visible only on desktop (md+) */}\n        <aside\n          ref={ref}\n          className=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state}\n          data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n          data-variant={variant}\n          data-side={side}\n        >\n          <div\n            className={cn(\n              \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 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            ref={sidebarRef}\n            className={cn(\n              \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 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              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)\",\n              className\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              className=\"flex h-full w-full flex-col 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              <div className=\"m-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-full\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </aside>\n      </>\n    )\n  }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n  return (\n    <>\n      {/* Mobile trigger - visible only on mobile (< md) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"md:hidden bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleMobileSidebar()\n        }}\n        {...props}\n      >\n        {openMobile ? (\n          <span\n            className={cn(\n              buttonVariants({ variant: \"secondary\", size: \"icon\" })\n            )}\n          >\n            <X size={16} />\n          </span>\n        ) : (\n          <span\n            className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n          >\n            <Menu size={16} />\n          </span>\n        )}\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n\n      {/* Desktop trigger - visible only on desktop (md+) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"hidden md:flex h-7 w-7 bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleSidebar()\n        }}\n        {...props}\n      >\n        <span className=\"rounded-full hover:bg-secondary p-2\">\n          <PanelLeft size={16} />\n        </span>\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n    </>\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-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.memo(\n  React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n    ({ className, ...props }, ref) => {\n      return (\n        <main\n          ref={ref}\n          className={cn(\n            \"relative flex w-full flex-1 flex-col\",\n            \"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    }\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-sidebar 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    showTrigger?: boolean\n  }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n  const { state } = useSidebar()\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\n        \"flex w-full gap-2 p-2\",\n        state === \"collapsed\"\n          ? \"justify-center items-center\"\n          : \"justify-between items-start\",\n        className\n      )}\n      {...props}\n    >\n      {state !== \"collapsed\" && (\n        <div className=\"transition-all duration-200 w-full overflow-hidden\">\n          <div className=\"whitespace-nowrap\">{children}</div>\n        </div>\n      )}\n\n      {showTrigger && <SidebarTrigger />}\n    </div>\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-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 p-2\",\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(\n        \"relative flex w-full min-w-0 flex-col\",\n        \"group-data-[collapsible=icon]:p-0\",\n        className\n      )}\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        \"flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 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        \"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:\n          \"hover:bg-sidebar-accent/20 hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-sidebar 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 { 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\"}\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        \"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-base-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      \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\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  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(\"flex h-8 items-center gap-2 rounded-md px-2\", 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 max-w-[--skeleton-width] flex-1\"\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      \"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\",\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"],"mappings":"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","names":["React","Slot","cva","PanelLeft","X","Menu","Fragment","jsx","jsxs","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","openMobile","setOpenMobile","isFullyOpen","setIsFullyOpen","isAnimating","setIsAnimating","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","toggleMobileSidebar","handleKeyDown","event","state","contextValue","TooltipProvider","cn","Sidebar","side","variant","collapsible","sidebarRef","isFirstRenderRef","sidebar","handleTransitionEnd","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","buttonVariants","X","Menu","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","showTrigger","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"]}

package/dist/{chunk-W33YK5OA.js → chunk-QBFPE5EO.js}

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-var _chunkB7XXLTYNjs = require('./chunk-B7XXLTYN.js');var _chunk7SOZ6MOVjs = require('./chunk-7SOZ6MOV.js');var _chunk752ERCMUjs = require('./chunk-752ERCMU.js');var _chunk5L5DM2X5js = require('./chunk-5L5DM2X5.js');var _chunkQKOZTOYUjs = require('./chunk-QKOZTOYU.js');var _chunkALULX4FPjs = require('./chunk-ALULX4FP.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var t = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _classvarianceauthority = require('class-variance-authority');var _lucidereact = require('lucide-react');var _jsxruntime = require('react/jsx-runtime');var Q="sidebar_state",Z=3600*24*7,ee="16rem",V="23rem",ae="4.625rem",te="b",j=t.createContext(null);function y(){let e=t.useContext(j);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}var re=t.forwardRef(({defaultOpen:e=!0,open:a,onOpenChange:r,className:i,style:s,children:d,...b},l)=>{let[v,f]=t.useState(!1),[u,h]=t.useState(e),[x,S]=t.useState(!1),[R,C]=t.useState(e),m=_nullishCoalesce(a, () => (R)),N=t.useCallback(c=>{let g=typeof c=="function"?c(m):c;r?r(g):C(g),document.cookie=`${Q}=${g}; path=/; max-age=${Z}`},[r,m]),M=t.useCallback(()=>{N(c=>!c)},[N]),I=t.useCallback(()=>{f(c=>!c)},[f]);t.useEffect(()=>{let c=g=>{g.key===te&&(g.metaKey||g.ctrlKey)&&(g.preventDefault(),M())};return window.addEventListener("keydown",c),()=>window.removeEventListener("keydown",c)},[M]);let L=m?"expanded":"collapsed",U=t.useMemo(()=>({state:L,isOpen:u,setOpen:N,openMobile:v,setOpenMobile:f,toggleSidebar:M,toggleMobileSidebar:I,setIsFullyOpen:h,isAnimating:x,setIsAnimating:S}),[L,u,N,v,f,M,I,h,x,S]);return _jsxruntime.jsx.call(void 0, j.Provider,{value:U,children:_jsxruntime.jsx.call(void 0, _chunkB7XXLTYNjs.a,{delayDuration:0,children:_jsxruntime.jsx.call(void 0, "div",{style:{"--sidebar-width":ee,"--sidebar-width-icon":ae,...s},className:_chunkFUYXCJOQjs.a.call(void 0, "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",i),ref:l,...b,children:d})})})});re.displayName="SidebarProvider";var oe=t.forwardRef(({side:e="left",variant:a="sidebar",collapsible:r="offcanvas",className:i,children:s,...d},b)=>{let{state:l,openMobile:v,setOpenMobile:f,setIsFullyOpen:u,setIsAnimating:h}=y(),x=t.useRef(null),S=t.useRef(!0);return t.useEffect(()=>{let R=x.current;if(!R)return;if(S.current){S.current=!1,u(l==="expanded");return}h(!0);let C=m=>{m.target===R&&(m.propertyName==="left"||m.propertyName==="right"||m.propertyName==="width")&&(u(l==="expanded"),h(!1))};return R.addEventListener("transitionend",C),()=>R.removeEventListener("transitionend",C)},[l,u,h]),r==="none"?_jsxruntime.jsx.call(void 0, "aside",{className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",i),ref:b,...d,children:s}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunk752ERCMUjs.a,{open:v,onOpenChange:f,children:_jsxruntime.jsxs.call(void 0, _chunk752ERCMUjs.f,{"data-sidebar":"sidebar","data-mobile":"true",className:"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",style:{width:V,maxWidth:V},side:e,children:[_jsxruntime.jsxs.call(void 0, _chunk752ERCMUjs.g,{className:"sr-only",children:[_jsxruntime.jsx.call(void 0, _chunk752ERCMUjs.i,{children:"Sidebar"}),_jsxruntime.jsx.call(void 0, _chunk752ERCMUjs.j,{children:"Displays the mobile sidebar."})]}),_jsxruntime.jsx.call(void 0, "div",{className:"flex h-full w-full flex-col",children:s})]})}),_jsxruntime.jsxs.call(void 0, "aside",{ref:b,className:"group peer hidden text-sidebar-foreground md:block","data-state":l,"data-collapsible":l==="collapsed"?r:"","data-variant":a,"data-side":e,children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunkFUYXCJOQjs.a.call(void 0, "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"||a==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),_jsxruntime.jsx.call(void 0, "div",{ref:x,className:_chunkFUYXCJOQjs.a.call(void 0, "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="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)]",a==="floating"||a==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)",i),...d,children:_jsxruntime.jsx.call(void 0, "div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",children:_jsxruntime.jsx.call(void 0, "div",{className:"m-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-full",children:s})})})]})]})});oe.displayName="Sidebar";var W=t.forwardRef(({className:e,onClick:a,...r},i)=>{let{toggleSidebar:s,toggleMobileSidebar:d,openMobile:b}=y();return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, _chunkQKOZTOYUjs.b,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:_chunkFUYXCJOQjs.a.call(void 0, "md:hidden bg-transparent hover:bg-transparent",e),onClick:l=>{_optionalChain([a, 'optionalCall', _2 => _2(l)]),d()},...r,children:[b?_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, _chunkQKOZTOYUjs.a.call(void 0, {variant:"secondary",size:"icon"})),children:_jsxruntime.jsx.call(void 0, _lucidereact.X,{size:16})}):_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, _chunkQKOZTOYUjs.a.call(void 0, {variant:"outline",size:"icon"})),children:_jsxruntime.jsx.call(void 0, _lucidereact.Menu,{size:16})}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Toggle Sidebar"})]}),_jsxruntime.jsxs.call(void 0, _chunkQKOZTOYUjs.b,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:_chunkFUYXCJOQjs.a.call(void 0, "hidden md:flex h-7 w-7 bg-transparent hover:bg-transparent",e),onClick:l=>{_optionalChain([a, 'optionalCall', _3 => _3(l)]),s()},...r,children:[_jsxruntime.jsx.call(void 0, "span",{className:"rounded-full hover:bg-secondary p-2",children:_jsxruntime.jsx.call(void 0, _lucidereact.PanelLeft,{size:16})}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Toggle Sidebar"})]})]})});W.displayName="SidebarTrigger";var ne=t.forwardRef(({className:e,...a},r)=>{let{toggleSidebar:i}=y();return _jsxruntime.jsx.call(void 0, "button",{ref:r,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:i,title:"Toggle Sidebar",className:_chunkFUYXCJOQjs.a.call(void 0, "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-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 group-data-[collapsible=offcanvas]:hover:bg-sidebar","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",e),...a})});ne.displayName="SidebarRail";var ie=t.memo(t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "main",{ref:r,className:_chunkFUYXCJOQjs.a.call(void 0, "relative flex w-full flex-1 flex-col","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",e),...a})));ie.displayName="SidebarInset";var se=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, _chunkALULX4FPjs.a,{ref:r,"data-sidebar":"input",className:_chunkFUYXCJOQjs.a.call(void 0, "h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",e),...a}));se.displayName="SidebarInput";var de=t.forwardRef(({className:e,showTrigger:a=!1,children:r,...i},s)=>{let{state:d}=y();return _jsxruntime.jsxs.call(void 0, "div",{ref:s,"data-sidebar":"header",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full gap-2 p-2",d==="collapsed"?"justify-center items-center":"justify-between items-start",e),...i,children:[d!=="collapsed"&&_jsxruntime.jsx.call(void 0, "div",{className:"transition-all duration-200 w-full overflow-hidden",children:_jsxruntime.jsx.call(void 0, "div",{className:"whitespace-nowrap",children:r})}),a&&_jsxruntime.jsx.call(void 0, W,{})]})});de.displayName="SidebarHeader";var le=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,"data-sidebar":"footer",className:_chunkFUYXCJOQjs.a.call(void 0, "flex flex-col gap-2 p-2",e),...a}));le.displayName="SidebarFooter";var ce=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, _chunk7SOZ6MOVjs.a,{ref:r,"data-sidebar":"separator",className:_chunkFUYXCJOQjs.a.call(void 0, "mx-2 w-auto bg-border",e),...a}));ce.displayName="SidebarSeparator";var pe=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,"data-sidebar":"content",className:_chunkFUYXCJOQjs.a.call(void 0, "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",e),...a}));pe.displayName="SidebarContent";var be=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,"data-sidebar":"group",className:_chunkFUYXCJOQjs.a.call(void 0, "relative flex w-full min-w-0 flex-col","group-data-[collapsible=icon]:p-0",e),...a}));be.displayName="SidebarGroup";var ue=t.forwardRef(({className:e,asChild:a=!1,...r},i)=>_jsxruntime.jsx.call(void 0, a?_reactslot.Slot:"div",{ref:i,"data-sidebar":"group-label",className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring 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",e),...r}));ue.displayName="SidebarGroupLabel";var fe=t.forwardRef(({className:e,asChild:a=!1,...r},i)=>_jsxruntime.jsx.call(void 0, a?_reactslot.Slot:"button",{ref:i,"data-sidebar":"group-action",className:_chunkFUYXCJOQjs.a.call(void 0, "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","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",e),...r}));fe.displayName="SidebarGroupAction";var me=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,"data-sidebar":"group-content",className:_chunkFUYXCJOQjs.a.call(void 0, "w-full text-sm",e),...a}));me.displayName="SidebarGroupContent";var ge=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "ul",{ref:r,"data-sidebar":"menu",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full min-w-0 flex-col gap-1",e),...a}));ge.displayName="SidebarMenu";var ve=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "li",{ref:r,"data-sidebar":"menu-item",className:_chunkFUYXCJOQjs.a.call(void 0, "group/menu-item relative",e),...a}));ve.displayName="SidebarMenuItem";var he=_classvarianceauthority.cva.call(void 0, "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:{default:"hover:bg-sidebar-accent/20 hover:text-sidebar-accent-foreground",outline:"bg-sidebar shadow-[0_0_0_1px_hsl(var(--border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--base-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"}}),Re= exports.r =t.forwardRef(({asChild:e=!1,isActive:a=!1,variant:r="default",size:i="default",tooltip:s,className:d,...b},l)=>{let v=e?_reactslot.Slot:"button",{state:f}=y(),u=_jsxruntime.jsx.call(void 0, v,{ref:l,"data-sidebar":"menu-button","data-size":i,"data-active":a,className:_chunkFUYXCJOQjs.a.call(void 0, he({variant:r,size:i}),d),...b});return s?(typeof s=="string"&&(s={children:s}),_jsxruntime.jsxs.call(void 0, _chunkB7XXLTYNjs.b,{children:[_jsxruntime.jsx.call(void 0, _chunkB7XXLTYNjs.c,{asChild:!0,children:u}),_jsxruntime.jsx.call(void 0, _chunkB7XXLTYNjs.d,{side:"right",align:"center",hidden:f!=="collapsed",...s})]})):u});Re.displayName="SidebarMenuButton";var xe=t.forwardRef(({className:e,asChild:a=!1,showOnHover:r=!1,...i},s)=>_jsxruntime.jsx.call(void 0, a?_reactslot.Slot:"button",{ref:s,"data-sidebar":"menu-action",className:_chunkFUYXCJOQjs.a.call(void 0, "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","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","group-data-[collapsible=icon]:hidden",r&&"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-base-accent-foreground md:opacity-0",e),...i}));xe.displayName="SidebarMenuAction";var Se=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,"data-sidebar":"menu-badge",className:_chunkFUYXCJOQjs.a.call(void 0, "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground","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",e),...a}));Se.displayName="SidebarMenuBadge";var we=t.forwardRef(({className:e,showIcon:a=!1,...r},i)=>{let s=t.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return _jsxruntime.jsxs.call(void 0, "div",{ref:i,"data-sidebar":"menu-skeleton",className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-8 items-center gap-2 rounded-md px-2",e),...r,children:[a&&_jsxruntime.jsx.call(void 0, _chunk5L5DM2X5js.a,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),_jsxruntime.jsx.call(void 0, _chunk5L5DM2X5js.a,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})});we.displayName="SidebarMenuSkeleton";var ye=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "ul",{ref:r,"data-sidebar":"menu-sub",className:_chunkFUYXCJOQjs.a.call(void 0, "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","group-data-[collapsible=icon]:hidden",e),...a}));ye.displayName="SidebarMenuSub";var Ce=t.forwardRef(({...e},a)=>_jsxruntime.jsx.call(void 0, "li",{ref:a,...e}));Ce.displayName="SidebarMenuSubItem";var Ne=t.forwardRef(({asChild:e=!1,size:a="md",isActive:r,className:i,...s},d)=>_jsxruntime.jsx.call(void 0, e?_reactslot.Slot:"a",{ref:d,"data-sidebar":"menu-sub-button","data-size":a,"data-active":r,className:_chunkFUYXCJOQjs.a.call(void 0, "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",a==="sm"&&"text-xs",a==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",i),...s}));Ne.displayName="SidebarMenuSubButton";exports.a = y; exports.b = re; exports.c = oe; exports.d = W; exports.e = ne; exports.f = ie; exports.g = se; exports.h = de; exports.i = le; exports.j = ce; exports.k = pe; exports.l = be; exports.m = ue; exports.n = fe; exports.o = me; exports.p = ge; exports.q = ve; exports.r = Re; exports.s = xe; exports.t = Se; exports.u = we; exports.v = ye; exports.w = Ce; exports.x = Ne;
-//# sourceMappingURL=chunk-W33YK5OA.js.map
+var _chunkB7XXLTYNjs = require('./chunk-B7XXLTYN.js');var _chunk7SOZ6MOVjs = require('./chunk-7SOZ6MOV.js');var _chunk752ERCMUjs = require('./chunk-752ERCMU.js');var _chunk5L5DM2X5js = require('./chunk-5L5DM2X5.js');var _chunkQKOZTOYUjs = require('./chunk-QKOZTOYU.js');var _chunkALULX4FPjs = require('./chunk-ALULX4FP.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var t = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _classvarianceauthority = require('class-variance-authority');var _lucidereact = require('lucide-react');var _jsxruntime = require('react/jsx-runtime');var Q="sidebar_state",Z=3600*24*7,ee="16rem",V="23rem",ae="4.625rem",te="b",j=t.createContext(null);function y(){let e=t.useContext(j);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}var re=t.forwardRef(({defaultOpen:e=!0,open:a,onOpenChange:r,className:i,style:s,children:d,...b},l)=>{let[v,f]=t.useState(!1),[u,h]=t.useState(e),[x,S]=t.useState(!1),[R,C]=t.useState(e),m=_nullishCoalesce(a, () => (R)),N=t.useCallback(c=>{let g=typeof c=="function"?c(m):c;r?r(g):C(g),document.cookie=`${Q}=${g}; path=/; max-age=${Z}`},[r,m]),M=t.useCallback(()=>{N(c=>!c)},[N]),I=t.useCallback(()=>{f(c=>!c)},[f]);t.useEffect(()=>{let c=g=>{g.key===te&&(g.metaKey||g.ctrlKey)&&(g.preventDefault(),M())};return window.addEventListener("keydown",c),()=>window.removeEventListener("keydown",c)},[M]);let L=m?"expanded":"collapsed",U=t.useMemo(()=>({state:L,isOpen:u,setOpen:N,openMobile:v,setOpenMobile:f,toggleSidebar:M,toggleMobileSidebar:I,setIsFullyOpen:h,isAnimating:x,setIsAnimating:S}),[L,u,N,v,f,M,I,h,x,S]);return _jsxruntime.jsx.call(void 0, j.Provider,{value:U,children:_jsxruntime.jsx.call(void 0, _chunkB7XXLTYNjs.a,{delayDuration:0,children:_jsxruntime.jsx.call(void 0, "div",{style:{"--sidebar-width":ee,"--sidebar-width-icon":ae,...s},className:_chunkFUYXCJOQjs.a.call(void 0, "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",i),ref:l,...b,children:d})})})});re.displayName="SidebarProvider";var oe=t.forwardRef(({side:e="left",variant:a="sidebar",collapsible:r="offcanvas",className:i,children:s,...d},b)=>{let{state:l,openMobile:v,setOpenMobile:f,setIsFullyOpen:u,setIsAnimating:h}=y(),x=t.useRef(null),S=t.useRef(!0);return t.useEffect(()=>{let R=x.current;if(!R)return;if(S.current){S.current=!1,u(l==="expanded");return}h(!0);let C=m=>{m.target===R&&(m.propertyName==="left"||m.propertyName==="right"||m.propertyName==="width")&&(u(l==="expanded"),h(!1))};return R.addEventListener("transitionend",C),()=>R.removeEventListener("transitionend",C)},[l,u,h]),r==="none"?_jsxruntime.jsx.call(void 0, "aside",{className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",i),ref:b,...d,children:s}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunk752ERCMUjs.a,{open:v,onOpenChange:f,children:_jsxruntime.jsxs.call(void 0, _chunk752ERCMUjs.f,{"data-sidebar":"sidebar","data-mobile":"true",className:"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",style:{width:V,maxWidth:V},side:e,children:[_jsxruntime.jsxs.call(void 0, _chunk752ERCMUjs.g,{className:"sr-only",children:[_jsxruntime.jsx.call(void 0, _chunk752ERCMUjs.i,{children:"Sidebar"}),_jsxruntime.jsx.call(void 0, _chunk752ERCMUjs.j,{children:"Displays the mobile sidebar."})]}),_jsxruntime.jsx.call(void 0, "div",{className:"flex h-full w-full flex-col",children:s})]})}),_jsxruntime.jsxs.call(void 0, "aside",{ref:b,className:"group peer hidden text-sidebar-foreground md:block","data-state":l,"data-collapsible":l==="collapsed"?r:"","data-variant":a,"data-side":e,children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunkFUYXCJOQjs.a.call(void 0, "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"||a==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),_jsxruntime.jsx.call(void 0, "div",{ref:x,className:_chunkFUYXCJOQjs.a.call(void 0, "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="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)]",a==="floating"||a==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)",i),...d,children:_jsxruntime.jsx.call(void 0, "div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",children:_jsxruntime.jsx.call(void 0, "div",{className:"m-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-full",children:s})})})]})]})});oe.displayName="Sidebar";var W=t.forwardRef(({className:e,onClick:a,...r},i)=>{let{toggleSidebar:s,toggleMobileSidebar:d,openMobile:b}=y();return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, _chunkQKOZTOYUjs.b,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:_chunkFUYXCJOQjs.a.call(void 0, "md:hidden bg-transparent hover:bg-transparent",e),onClick:l=>{_optionalChain([a, 'optionalCall', _2 => _2(l)]),d()},...r,children:[b?_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, _chunkQKOZTOYUjs.a.call(void 0, {variant:"secondary",size:"icon"})),children:_jsxruntime.jsx.call(void 0, _lucidereact.X,{size:16})}):_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, _chunkQKOZTOYUjs.a.call(void 0, {variant:"outline",size:"icon"})),children:_jsxruntime.jsx.call(void 0, _lucidereact.Menu,{size:16})}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Toggle Sidebar"})]}),_jsxruntime.jsxs.call(void 0, _chunkQKOZTOYUjs.b,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:_chunkFUYXCJOQjs.a.call(void 0, "hidden md:flex h-7 w-7 bg-transparent hover:bg-transparent",e),onClick:l=>{_optionalChain([a, 'optionalCall', _3 => _3(l)]),s()},...r,children:[_jsxruntime.jsx.call(void 0, "span",{className:"rounded-full hover:bg-secondary p-2",children:_jsxruntime.jsx.call(void 0, _lucidereact.PanelLeft,{size:16})}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Toggle Sidebar"})]})]})});W.displayName="SidebarTrigger";var ne=t.forwardRef(({className:e,...a},r)=>{let{toggleSidebar:i}=y();return _jsxruntime.jsx.call(void 0, "button",{ref:r,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:i,title:"Toggle Sidebar",className:_chunkFUYXCJOQjs.a.call(void 0, "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-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 group-data-[collapsible=offcanvas]:hover:bg-sidebar","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",e),...a})});ne.displayName="SidebarRail";var ie=t.memo(t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "main",{ref:r,className:_chunkFUYXCJOQjs.a.call(void 0, "relative flex w-full flex-1 flex-col","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",e),...a})));ie.displayName="SidebarInset";var se=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, _chunkALULX4FPjs.a,{ref:r,"data-sidebar":"input",className:_chunkFUYXCJOQjs.a.call(void 0, "h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",e),...a}));se.displayName="SidebarInput";var de=t.forwardRef(({className:e,showTrigger:a=!1,children:r,...i},s)=>{let{state:d}=y();return _jsxruntime.jsxs.call(void 0, "div",{ref:s,"data-sidebar":"header",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full gap-2 p-2",d==="collapsed"?"justify-center items-center":"justify-between items-start",e),...i,children:[d!=="collapsed"&&_jsxruntime.jsx.call(void 0, "div",{className:"transition-all duration-200 w-full overflow-hidden",children:_jsxruntime.jsx.call(void 0, "div",{className:"whitespace-nowrap",children:r})}),a&&_jsxruntime.jsx.call(void 0, W,{})]})});de.displayName="SidebarHeader";var le=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,"data-sidebar":"footer",className:_chunkFUYXCJOQjs.a.call(void 0, "flex flex-col gap-2 p-2",e),...a}));le.displayName="SidebarFooter";var ce=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, _chunk7SOZ6MOVjs.a,{ref:r,"data-sidebar":"separator",className:_chunkFUYXCJOQjs.a.call(void 0, "mx-2 w-auto bg-border",e),...a}));ce.displayName="SidebarSeparator";var pe=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,"data-sidebar":"content",className:_chunkFUYXCJOQjs.a.call(void 0, "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",e),...a}));pe.displayName="SidebarContent";var be=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,"data-sidebar":"group",className:_chunkFUYXCJOQjs.a.call(void 0, "relative flex w-full min-w-0 flex-col","group-data-[collapsible=icon]:p-0",e),...a}));be.displayName="SidebarGroup";var ue=t.forwardRef(({className:e,asChild:a=!1,...r},i)=>_jsxruntime.jsx.call(void 0, a?_reactslot.Slot:"div",{ref:i,"data-sidebar":"group-label",className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring 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",e),...r}));ue.displayName="SidebarGroupLabel";var fe=t.forwardRef(({className:e,asChild:a=!1,...r},i)=>_jsxruntime.jsx.call(void 0, a?_reactslot.Slot:"button",{ref:i,"data-sidebar":"group-action",className:_chunkFUYXCJOQjs.a.call(void 0, "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","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",e),...r}));fe.displayName="SidebarGroupAction";var me=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,"data-sidebar":"group-content",className:_chunkFUYXCJOQjs.a.call(void 0, "w-full text-sm",e),...a}));me.displayName="SidebarGroupContent";var ge=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "ul",{ref:r,"data-sidebar":"menu",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full min-w-0 flex-col gap-1",e),...a}));ge.displayName="SidebarMenu";var ve=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "li",{ref:r,"data-sidebar":"menu-item",className:_chunkFUYXCJOQjs.a.call(void 0, "group/menu-item relative",e),...a}));ve.displayName="SidebarMenuItem";var he=_classvarianceauthority.cva.call(void 0, "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:{default:"hover:bg-sidebar-accent/20 hover:text-sidebar-accent-foreground",outline:"bg-sidebar 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"}}),Re= exports.r =t.forwardRef(({asChild:e=!1,isActive:a=!1,variant:r="default",size:i="default",tooltip:s,className:d,...b},l)=>{let v=e?_reactslot.Slot:"button",{state:f}=y(),u=_jsxruntime.jsx.call(void 0, v,{ref:l,"data-sidebar":"menu-button","data-size":i,"data-active":a,className:_chunkFUYXCJOQjs.a.call(void 0, he({variant:r,size:i}),d),...b});return s?(typeof s=="string"&&(s={children:s}),_jsxruntime.jsxs.call(void 0, _chunkB7XXLTYNjs.b,{children:[_jsxruntime.jsx.call(void 0, _chunkB7XXLTYNjs.c,{asChild:!0,children:u}),_jsxruntime.jsx.call(void 0, _chunkB7XXLTYNjs.d,{side:"right",align:"center",hidden:f!=="collapsed",...s})]})):u});Re.displayName="SidebarMenuButton";var xe=t.forwardRef(({className:e,asChild:a=!1,showOnHover:r=!1,...i},s)=>_jsxruntime.jsx.call(void 0, a?_reactslot.Slot:"button",{ref:s,"data-sidebar":"menu-action",className:_chunkFUYXCJOQjs.a.call(void 0, "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","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","group-data-[collapsible=icon]:hidden",r&&"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-base-accent-foreground md:opacity-0",e),...i}));xe.displayName="SidebarMenuAction";var Se=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,"data-sidebar":"menu-badge",className:_chunkFUYXCJOQjs.a.call(void 0, "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground","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",e),...a}));Se.displayName="SidebarMenuBadge";var we=t.forwardRef(({className:e,showIcon:a=!1,...r},i)=>{let s=t.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return _jsxruntime.jsxs.call(void 0, "div",{ref:i,"data-sidebar":"menu-skeleton",className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-8 items-center gap-2 rounded-md px-2",e),...r,children:[a&&_jsxruntime.jsx.call(void 0, _chunk5L5DM2X5js.a,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),_jsxruntime.jsx.call(void 0, _chunk5L5DM2X5js.a,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})});we.displayName="SidebarMenuSkeleton";var ye=t.forwardRef(({className:e,...a},r)=>_jsxruntime.jsx.call(void 0, "ul",{ref:r,"data-sidebar":"menu-sub",className:_chunkFUYXCJOQjs.a.call(void 0, "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","group-data-[collapsible=icon]:hidden",e),...a}));ye.displayName="SidebarMenuSub";var Ce=t.forwardRef(({...e},a)=>_jsxruntime.jsx.call(void 0, "li",{ref:a,...e}));Ce.displayName="SidebarMenuSubItem";var Ne=t.forwardRef(({asChild:e=!1,size:a="md",isActive:r,className:i,...s},d)=>_jsxruntime.jsx.call(void 0, e?_reactslot.Slot:"a",{ref:d,"data-sidebar":"menu-sub-button","data-size":a,"data-active":r,className:_chunkFUYXCJOQjs.a.call(void 0, "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",a==="sm"&&"text-xs",a==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",i),...s}));Ne.displayName="SidebarMenuSubButton";exports.a = y; exports.b = re; exports.c = oe; exports.d = W; exports.e = ne; exports.f = ie; exports.g = se; exports.h = de; exports.i = le; exports.j = ce; exports.k = pe; exports.l = be; exports.m = ue; exports.n = fe; exports.o = me; exports.p = ge; exports.q = ve; exports.r = Re; exports.s = xe; exports.t = Se; exports.u = we; exports.v = ye; exports.w = Ce; exports.x = Ne;
+//# sourceMappingURL=chunk-QBFPE5EO.js.map