@codefast/ui 0.2.27 → 0.2.29

package/dist/chunk-YCCLSFED.js

@@ -0,0 +1,2 @@
+import{a}from"./chunk-OKUFCFYT.js";import*as t from"@radix-ui/react-hover-card";import{jsx as o}from"react/jsx-runtime";function s({...e}){return o(t.Root,{"data-slot":"hover-card",...e})}function m({...e}){return o(t.Trigger,{"data-slot":"hover-card-trigger",...e})}function p({align:e="center",className:r,sideOffset:d=4,...i}){return o(t.Portal,{children:o(t.Content,{align:e,className:a("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-lg border p-4 shadow-lg",r),"data-slot":"hover-card-content",sideOffset:d,...i})})}function l({className:e,...r}){return o(t.Arrow,{className:a("fill-popover",e),"data-slot":"hover-card-arrow",...r})}export{s as a,m as b,p as c,l as d};
+//# sourceMappingURL=chunk-YCCLSFED.js.map

package/dist/chunk-YCCLSFED.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hover-card.tsx"],"names":["HoverCardPrimitive","jsx","HoverCard","props","HoverCardTrigger","HoverCardContent","align","className","sideOffset","cn","HoverCardArrow"],"mappings":"mCAEA,UAAYA,MAAwB,6BAS3B,cAAAC,MAAA,oBADT,SAASC,EAAU,CAAE,GAAGC,CAAM,EAAgE,CAC5F,OAAOF,EAAoB,OAAnB,CAAwB,YAAU,aAAc,GAAGE,EAAO,CACpE,CAMA,SAASC,EAAiB,CAAE,GAAGD,CAAM,EAAmE,CACtG,OAAOF,EAAoB,UAAnB,CAA2B,YAAU,qBAAsB,GAAGE,EAAO,CAC/E,CAMA,SAASE,EAAiB,CACxB,MAAAC,EAAQ,SACR,UAAAC,EACA,WAAAC,EAAa,EACb,GAAGL,CACL,EAAmE,CACjE,OACEF,EAAoB,SAAnB,CACC,SAAAA,EAAoB,UAAnB,CACC,MAAOK,EACP,UAAWG,EACT,otBACAF,CACF,EACA,YAAU,qBACV,WAAYC,EACX,GAAGL,EACN,EACF,CAEJ,CAMA,SAASO,EAAe,CAAE,UAAAH,EAAW,GAAGJ,CAAM,EAAiE,CAC7G,OAAOF,EAAoB,QAAnB,CAAyB,UAAWQ,EAAG,eAAgBF,CAAS,EAAG,YAAU,mBAAoB,GAAGJ,EAAO,CACrH","sourcesContent":["import type { ComponentProps, JSX } from 'react';\n\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\nfunction HoverCard({ ...props }: ComponentProps<typeof HoverCardPrimitive.Root>): JSX.Element {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\nfunction HoverCardTrigger({ ...props }: ComponentProps<typeof HoverCardPrimitive.Trigger>): JSX.Element {\n  return <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\nfunction HoverCardContent({\n  align = 'center',\n  className,\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof HoverCardPrimitive.Content>): JSX.Element {\n  return (\n    <HoverCardPrimitive.Portal>\n      <HoverCardPrimitive.Content\n        align={align}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-lg border p-4 shadow-lg',\n          className,\n        )}\n        data-slot=\"hover-card-content\"\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\nfunction HoverCardArrow({ className, ...props }: ComponentProps<typeof HoverCardPrimitive.Arrow>): JSX.Element {\n  return <HoverCardPrimitive.Arrow className={cn('fill-popover', className)} data-slot=\"hover-card-arrow\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger };\n"]}

package/dist/chunk-YF2ZZY4W.js

@@ -0,0 +1,2 @@
+"use client";import{a as J,b as z,c as I,d as T}from"./chunk-SSNF4WDW.js";import{a as N,c as M,d as k,g as X,h as _}from"./chunk-KFORL4OH.js";import{a as w}from"./chunk-HODP3L6K.js";import{a as P}from"./chunk-MKTUHVAW.js";import{b as E}from"./chunk-B74UCONC.js";import{b as y}from"./chunk-ZFCLI44C.js";import{a as o}from"./chunk-OKUFCFYT.js";import{useIsMobile as K}from"@codefast/hooks";import{Slot as g}from"@radix-ui/react-slot";import{PanelLeftIcon as V}from"lucide-react";import{createContext as G,useCallback as O,useContext as L,useEffect as $,useMemo as D,useState as B}from"react";import{tv as W}from"tailwind-variants";import{jsx as a,jsxs as p}from"react/jsx-runtime";var j="sidebar_state",q=60*60*24*7,F="16rem",U="18rem",Y="3rem",Q="b",A=G(null);function S(){let t=L(A);if(!t)throw new Error("useSidebar must be used within a SidebarProvider.");return t}function ce({defaultOpen:t=!0,open:e,onOpenChange:n,className:r,style:i,children:l,...m}){let d=K(),[c,b]=B(!1),[v,R]=B(t),f=e??v,h=O(s=>{let u=typeof s=="function"?s(f):s;n?n(u):R(u),document.cookie=`${j}=${u}; path=/; max-age=${q}`},[n,f]),x=O(()=>{d?b(s=>!s):h(s=>!s)},[d,h,b]);$(()=>{let s=u=>{u.key===Q&&(u.metaKey||u.ctrlKey)&&(u.preventDefault(),x())};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[x]);let C=f?"expanded":"collapsed",H=D(()=>({state:C,open:f,setOpen:h,isMobile:d,openMobile:c,setOpenMobile:b,toggleSidebar:x}),[C,f,h,d,c,b,x]);return a(A.Provider,{value:H,children:a(J,{delayDuration:0,children:a("div",{className:o("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",r),"data-slot":"sidebar-wrapper",style:{"--sidebar-width":F,"--sidebar-width-icon":Y,...i},...m,children:l})})})}function pe({side:t="left",variant:e="sidebar",collapsible:n="offcanvas",className:r,children:i,...l}){let{isMobile:m,state:d,openMobile:c,setOpenMobile:b}=S();return n==="none"?a("div",{className:o("bg-sidebar text-sidebar-foreground w-(--sidebar-width) flex h-full flex-col",r),"data-slot":"sidebar",...l,children:i}):m?a(N,{open:c,onOpenChange:b,...l,children:p(M,{className:"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden","data-mobile":"true","data-sidebar":"sidebar","data-slot":"sidebar",side:t,style:{"--sidebar-width":U},children:[p(k,{className:"sr-only",children:[a(X,{children:"Sidebar"}),a(_,{children:"Displays the mobile sidebar."})]}),a("div",{className:"flex h-full w-full flex-col",children:i})]})}):p("div",{className:o("text-sidebar-foreground group peer hidden md:block",r),"data-collapsible":d==="collapsed"?n:"","data-side":t,"data-slot":"sidebar","data-state":d,"data-variant":e,children:[a("div",{className:o("w-(--sidebar-width) relative bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180",e==="floating"||e==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)"),"data-slot":"sidebar-gap"}),a("div",{className:o("w-(--sidebar-width) fixed inset-y-0 z-10 hidden h-svh transition-[left,right,width] duration-200 ease-linear md:flex",t==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",e==="floating"||e==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",r),"data-slot":"sidebar-container",...l,children:a("div",{className:"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm","data-sidebar":"sidebar","data-slot":"sidebar-inner",children:i})})]})}function me({className:t,onClick:e,...n}){let{toggleSidebar:r}=S();return p(y,{className:o("size-7",t),"data-sidebar":"trigger","data-slot":"sidebar-trigger",size:"icon",variant:"ghost",onClick:i=>{e?.(i),r()},...n,children:[a(V,{}),a("span",{className:"sr-only",children:"Toggle Sidebar"})]})}function fe({className:t,...e}){let{toggleSidebar:n}=S();return a("button",{className:o("hover:after:bg-sidebar-border in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize hover:group-data-[collapsible=offcanvas]:bg-sidebar 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] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full sm:flex [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-collapsible=offcanvas]_&]:-left-2 [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",t),"data-sidebar":"rail","data-slot":"sidebar-rail",title:"Toggle Sidebar",type:"button",onClick:n,...e})}function ge({className:t,...e}){return a("main",{className:o("bg-background relative flex w-full flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",t),"data-slot":"sidebar-inset",...e})}function ve({className:t,...e}){return a(E,{className:o("bg-background h-8 w-full shadow-none",t),"data-sidebar":"input","data-slot":"sidebar-input",...e})}function he({className:t,...e}){return a("div",{className:o("flex flex-col gap-2 p-2",t),"data-sidebar":"header","data-slot":"sidebar-header",...e})}function xe({className:t,...e}){return a("div",{className:o("flex flex-col gap-2 p-2",t),"data-sidebar":"footer","data-slot":"sidebar-footer",...e})}function Se({className:t,...e}){return a(P,{className:o("bg-sidebar-border mx-2 w-auto",t),"data-sidebar":"separator","data-slot":"sidebar-separator",...e})}function we({className:t,...e}){return a("div",{className:o("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",t),"data-sidebar":"content","data-slot":"sidebar-content",...e})}function Ce({className:t,...e}){return a("div",{className:o("relative flex w-full min-w-0 flex-col p-2",t),"data-sidebar":"group","data-slot":"sidebar-group",...e})}function ye({className:t,asChild:e=!1,...n}){return a(e?g:"div",{className:o("text-sidebar-foreground/70 ring-sidebar-ring outline-hidden focus-visible:ring-3 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 [&>svg]:size-4 [&>svg]:shrink-0",t),"data-sidebar":"group-label","data-slot":"sidebar-group-label",...n})}function Ee({className:t,asChild:e=!1,...n}){return a(e?g:"button",{className:o("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",t),"data-sidebar":"group-action","data-slot":"sidebar-group-action",...n})}function Pe({className:t,...e}){return a("div",{className:o("w-full text-sm",t),"data-sidebar":"group-content","data-slot":"sidebar-group-content",...e})}function Ne({className:t,...e}){return a("ul",{className:o("flex w-full min-w-0 flex-col gap-1",t),"data-sidebar":"menu","data-slot":"sidebar-menu",...e})}function Me({className:t,...e}){return a("li",{className:o("group/menu-item relative",t),"data-sidebar":"menu-item","data-slot":"sidebar-menu-item",...e})}var Z=W({base:"peer/menu-button outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground group-has-data-[sidebar=menu-action]/menu-item:pr-8 data-[active=true]:bg-sidebar-accent 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! focus-visible:ring-3 flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm transition-[width,height,padding] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",variants:{variant:{default:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"},size:{sm:"h-7 text-xs",md:"h-8 text-sm",lg:"group-data-[collapsible=icon]:p-0! h-12 text-sm"}},defaultVariants:{variant:"default",size:"md"}});function ke({asChild:t=!1,isActive:e=!1,variant:n="default",size:r="md",tooltip:i,className:l,...m}){let d=t?g:"button",{isMobile:c,state:b}=S(),v=a(d,{className:o(Z({variant:n,size:r}),l),"data-active":e,"data-sidebar":"menu-button","data-size":r,"data-slot":"sidebar-menu-button",...m});return i?(typeof i=="string"&&(i={children:i}),p(z,{children:[a(I,{asChild:!0,children:v}),a(T,{align:"center",hidden:b!=="collapsed"||c,side:"right",...i})]})):v}function Xe({className:t,asChild:e=!1,showOnHover:n=!1,...r}){return a(e?g:"button",{className:o("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",n&&"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",t),"data-sidebar":"menu-action","data-slot":"sidebar-menu-action",...r})}function _e({className:t,...e}){return a("div",{className:o("text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground 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 group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1",t),"data-sidebar":"menu-badge","data-slot":"sidebar-menu-badge",...e})}function Je({className:t,showIcon:e=!1,...n}){let r=D(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return p("div",{className:o("flex h-8 items-center gap-2 rounded-md px-2",t),"data-sidebar":"menu-skeleton","data-slot":"sidebar-menu-skeleton",...n,children:[e?a(w,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}):null,a(w,{className:"max-w-(--skeleton-width) h-4 flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":r}})]})}function ze({className:t,...e}){return a("ul",{className:o("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden",t),"data-sidebar":"menu-sub","data-slot":"sidebar-menu-sub",...e})}function Ie({className:t,...e}){return a("li",{className:o("group/menu-sub-item relative",t),"data-sidebar":"menu-sub-item","data-slot":"sidebar-menu-sub-item",...e})}function Te({asChild:t=!1,size:e="md",isActive:n=!1,className:r,...i}){return a(t?g:"a",{className:o("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",e==="sm"&&"text-xs",e==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",r),"data-active":n,"data-sidebar":"menu-sub-button","data-size":e,"data-slot":"sidebar-menu-sub-button",...i})}export{S as a,ce as b,pe as c,me as d,fe as e,ge as f,ve as g,he as h,xe as i,Se as j,we as k,Ce as l,ye as m,Ee as n,Pe as o,Ne as p,Me as q,ke as r,Xe as s,_e as t,Je as u,ze as v,Ie as w,Te as x};
+//# sourceMappingURL=chunk-YF2ZZY4W.js.map

package/dist/chunk-YF2ZZY4W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar.tsx"],"names":["useIsMobile","Slot","PanelLeftIcon","createContext","useCallback","useContext","useEffect","useMemo","useState","tv","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","isMobile","openMobile","setOpenMobile","isOpen","setIsOpen","open","setOpen","value","openState","toggleSidebar","currentValue","handleKeyDown","event","state","contextValue","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","SidebarMenuButton","isActive","size","tooltip","Component","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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","sourcesContent":["'use client';\n\nimport type { ComponentProps, CSSProperties, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { useIsMobile } from '@codefast/hooks';\nimport { Slot } from '@radix-ui/react-slot';\nimport { PanelLeftIcon } from 'lucide-react';\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';\nimport { tv } from 'tailwind-variants';\n\nimport { Button } from '@/components/button';\nimport { Input } from '@/components/input';\nimport { Separator } from '@/components/separator';\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@/components/sheet';\nimport { Skeleton } from '@/components/skeleton';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/tooltip';\nimport { cn } from '@/lib/utils';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '16rem';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\ninterface SidebarContextProps {\n  isMobile: boolean;\n  open: boolean;\n  openMobile: boolean;\n  setOpen: (open: boolean) => void;\n  setOpenMobile: (open: boolean) => void;\n  state: 'collapsed' | 'expanded';\n  toggleSidebar: () => void;\n}\n\nconst SidebarContext = createContext<null | SidebarContextProps>(null);\n\nfunction useSidebar(): SidebarContextProps {\n  const context = useContext(SidebarContext);\n\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n\n  return context;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarProvider\n * -------------------------------------------------------------------------- */\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  open?: boolean;\n}): JSX.Element {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = useState(false);\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  const open = openProp ?? isOpen;\n  const setOpen = useCallback(\n    (value: ((value: boolean) => boolean) | boolean) => {\n      const openState = typeof value === 'function' ? value(open) : value;\n\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        setIsOpen(openState);\n      }\n\n      // eslint-disable-next-line unicorn/no-document-cookie -- This sets the cookie to keep the sidebar state.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n    },\n    [setOpenProp, open],\n  );\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) {\n      setOpenMobile((currentValue) => !currentValue);\n    } else {\n      setOpen((currentValue) => !currentValue);\n    }\n  }, [isMobile, setOpen, setOpenMobile]);\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  useEffect(() => {\n    const handleKeyDown: (event: KeyboardEvent) => void = (event: KeyboardEvent) => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [toggleSidebar]);\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? 'expanded' : 'collapsed';\n\n  const contextValue = useMemo<SidebarContextProps>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n    }),\n    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar],\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <TooltipProvider delayDuration={0}>\n        <div\n          className={cn('group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full', className)}\n          data-slot=\"sidebar-wrapper\"\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH,\n              '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n              ...style,\n            } as CSSProperties\n          }\n          {...props}\n        >\n          {children}\n        </div>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: Sidebar\n * -------------------------------------------------------------------------- */\n\nfunction Sidebar({\n  side = 'left',\n  variant = 'sidebar',\n  collapsible = 'offcanvas',\n  className,\n  children,\n  ...props\n}: ComponentProps<'div'> & {\n  collapsible?: 'icon' | 'none' | 'offcanvas';\n  side?: 'left' | 'right';\n  variant?: 'floating' | 'inset' | 'sidebar';\n}): JSX.Element {\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n  if (collapsible === 'none') {\n    return (\n      <div\n        className={cn('bg-sidebar text-sidebar-foreground w-(--sidebar-width) flex h-full flex-col', className)}\n        data-slot=\"sidebar\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetContent\n          className=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n          data-mobile=\"true\"\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          side={side}\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n            } as CSSProperties\n          }\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  }\n\n  return (\n    <div\n      className={cn('text-sidebar-foreground group peer hidden md:block', className)}\n      data-collapsible={state === 'collapsed' ? collapsible : ''}\n      data-side={side}\n      data-slot=\"sidebar\"\n      data-state={state}\n      data-variant={variant}\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div\n        className={cn(\n          'w-(--sidebar-width) relative bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 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        data-slot=\"sidebar-gap\"\n      />\n      <div\n        className={cn(\n          'w-(--sidebar-width) fixed inset-y-0 z-10 hidden h-svh 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          // Adjust the padding for floating and inset variants.\n          variant === 'floating' || variant === 'inset'\n            ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'\n            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n          className,\n        )}\n        data-slot=\"sidebar-container\"\n        {...props}\n      >\n        <div\n          className=\"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm\"\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarTrigger\n * -------------------------------------------------------------------------- */\n\nfunction SidebarTrigger({ className, onClick, ...props }: ComponentProps<typeof Button>): JSX.Element {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <Button\n      className={cn('size-7', className)}\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      size=\"icon\"\n      variant=\"ghost\"\n      onClick={(event) => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <PanelLeftIcon />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarRail\n * -------------------------------------------------------------------------- */\n\nfunction SidebarRail({ className, ...props }: ComponentProps<'button'>): JSX.Element {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      className={cn(\n        'hover:after:bg-sidebar-border in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize hover:group-data-[collapsible=offcanvas]:bg-sidebar 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] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full sm:flex [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-collapsible=offcanvas]_&]:-left-2 [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        className,\n      )}\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      title=\"Toggle Sidebar\"\n      type=\"button\"\n      onClick={toggleSidebar}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarInset\n * -------------------------------------------------------------------------- */\n\nfunction SidebarInset({ className, ...props }: ComponentProps<'main'>): JSX.Element {\n  return (\n    <main\n      className={cn(\n        'bg-background relative flex w-full flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm',\n        className,\n      )}\n      data-slot=\"sidebar-inset\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarInput\n * -------------------------------------------------------------------------- */\n\nfunction SidebarInput({ className, ...props }: ComponentProps<typeof Input>): JSX.Element {\n  return (\n    <Input\n      className={cn('bg-background h-8 w-full shadow-none', className)}\n      data-sidebar=\"input\"\n      data-slot=\"sidebar-input\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarHeader\n * -------------------------------------------------------------------------- */\n\nfunction SidebarHeader({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('flex flex-col gap-2 p-2', className)}\n      data-sidebar=\"header\"\n      data-slot=\"sidebar-header\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarFooter\n * -------------------------------------------------------------------------- */\n\nfunction SidebarFooter({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('flex flex-col gap-2 p-2', className)}\n      data-sidebar=\"footer\"\n      data-slot=\"sidebar-footer\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarSeparator\n * -------------------------------------------------------------------------- */\n\nfunction SidebarSeparator({ className, ...props }: ComponentProps<typeof Separator>): JSX.Element {\n  return (\n    <Separator\n      className={cn('bg-sidebar-border mx-2 w-auto', className)}\n      data-sidebar=\"separator\"\n      data-slot=\"sidebar-separator\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarContent\n * -------------------------------------------------------------------------- */\n\nfunction SidebarContent({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn(\n        'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n        className,\n      )}\n      data-sidebar=\"content\"\n      data-slot=\"sidebar-content\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroup\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroup({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('relative flex w-full min-w-0 flex-col p-2', className)}\n      data-sidebar=\"group\"\n      data-slot=\"sidebar-group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroupLabel\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroupLabel({\n  className,\n  asChild = false,\n  ...props\n}: ComponentProps<'div'> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component\n      className={cn(\n        'text-sidebar-foreground/70 ring-sidebar-ring outline-hidden focus-visible:ring-3 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 [&>svg]:size-4 [&>svg]:shrink-0',\n        className,\n      )}\n      data-sidebar=\"group-label\"\n      data-slot=\"sidebar-group-label\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroupAction\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroupAction({\n  className,\n  asChild = false,\n  ...props\n}: ComponentProps<'button'> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : 'button';\n\n  return (\n    <Component\n      className={cn(\n        'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0',\n        className,\n      )}\n      data-sidebar=\"group-action\"\n      data-slot=\"sidebar-group-action\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroupContent\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroupContent({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('w-full text-sm', className)}\n      data-sidebar=\"group-content\"\n      data-slot=\"sidebar-group-content\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenu\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenu({ className, ...props }: ComponentProps<'ul'>): JSX.Element {\n  return (\n    <ul\n      className={cn('flex w-full min-w-0 flex-col gap-1', className)}\n      data-sidebar=\"menu\"\n      data-slot=\"sidebar-menu\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuItem\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuItem({ className, ...props }: ComponentProps<'li'>): JSX.Element {\n  return (\n    <li\n      className={cn('group/menu-item relative', className)}\n      data-sidebar=\"menu-item\"\n      data-slot=\"sidebar-menu-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Variant: SidebarMenuButton\n * -------------------------------------------------------------------------- */\n\nconst sidebarMenuButtonVariants = tv({\n  base: 'peer/menu-button outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground group-has-data-[sidebar=menu-action]/menu-item:pr-8 data-[active=true]:bg-sidebar-accent 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! focus-visible:ring-3 flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm transition-[width,height,padding] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n  variants: {\n    variant: {\n      default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n      outline:\n        'bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n    },\n    size: {\n      sm: 'h-7 text-xs',\n      md: 'h-8 text-sm',\n      lg: 'group-data-[collapsible=icon]:p-0! h-12 text-sm',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuButton\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = 'default',\n  size = 'md',\n  tooltip,\n  className,\n  ...props\n}: ComponentProps<'button'> &\n  VariantProps<typeof sidebarMenuButtonVariants> & {\n    asChild?: boolean;\n    isActive?: boolean;\n    tooltip?: ComponentProps<typeof TooltipContent> | string;\n  }): JSX.Element {\n  const Component = asChild ? Slot : 'button';\n  const { isMobile, state } = useSidebar();\n\n  const button = (\n    <Component\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      data-active={isActive}\n      data-sidebar=\"menu-button\"\n      data-size={size}\n      data-slot=\"sidebar-menu-button\"\n      {...props}\n    />\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  if (typeof tooltip === 'string') {\n    // eslint-disable-next-line no-param-reassign -- convert it to an object with default properties\n    tooltip = {\n      children: tooltip,\n    };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent align=\"center\" hidden={state !== 'collapsed' || isMobile} side=\"right\" {...tooltip} />\n    </Tooltip>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuAction\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuAction({\n  className,\n  asChild = false,\n  showOnHover = false,\n  ...props\n}: ComponentProps<'button'> & {\n  asChild?: boolean;\n  showOnHover?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : 'button';\n\n  return (\n    <Component\n      className={cn(\n        'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0',\n        showOnHover &&\n          'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0',\n        className,\n      )}\n      data-sidebar=\"menu-action\"\n      data-slot=\"sidebar-menu-action\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuBadge\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuBadge({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn(\n        'text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground 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 group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1',\n        className,\n      )}\n      data-sidebar=\"menu-badge\"\n      data-slot=\"sidebar-menu-badge\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSkeleton\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: ComponentProps<'div'> & {\n  showIcon?: boolean;\n}): JSX.Element {\n  // Random width between 50 to 90%.\n  const width = useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`;\n  }, []);\n\n  return (\n    <div\n      className={cn('flex h-8 items-center gap-2 rounded-md px-2', className)}\n      data-sidebar=\"menu-skeleton\"\n      data-slot=\"sidebar-menu-skeleton\"\n      {...props}\n    >\n      {showIcon ? <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" /> : null}\n      <Skeleton\n        className=\"max-w-(--skeleton-width) h-4 flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            '--skeleton-width': width,\n          } as CSSProperties\n        }\n      />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSub\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSub({ className, ...props }: ComponentProps<'ul'>): JSX.Element {\n  return (\n    <ul\n      className={cn(\n        'border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden',\n        className,\n      )}\n      data-sidebar=\"menu-sub\"\n      data-slot=\"sidebar-menu-sub\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSubItem\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSubItem({ className, ...props }: ComponentProps<'li'>): JSX.Element {\n  return (\n    <li\n      className={cn('group/menu-sub-item relative', className)}\n      data-sidebar=\"menu-sub-item\"\n      data-slot=\"sidebar-menu-sub-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSubButton\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSubButton({\n  asChild = false,\n  size = 'md',\n  isActive = false,\n  className,\n  ...props\n}: ComponentProps<'a'> & {\n  asChild?: boolean;\n  isActive?: boolean;\n  size?: 'md' | 'sm';\n}): JSX.Element {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn(\n        'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n        size === 'sm' && 'text-xs',\n        size === 'md' && 'text-sm',\n        'group-data-[collapsible=icon]:hidden',\n        className,\n      )}\n      data-active={isActive}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-slot=\"sidebar-menu-sub-button\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\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"]}

package/dist/chunk-YNN7KJQN.js

@@ -0,0 +1,2 @@
+import{a as o}from"./chunk-OKUFCFYT.js";import{Slot as m}from"@radix-ui/react-slot";import{jsx as r}from"react/jsx-runtime";function l({asChild:e,className:t,...n}){return r(e?m:"kbd",{className:o("bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded-sm border px-1.5 font-mono text-xs font-medium",t),"data-slot":"kbd",...n})}export{l as a};
+//# sourceMappingURL=chunk-YNN7KJQN.js.map

package/dist/chunk-YNN7KJQN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/kbd.tsx"],"names":["Slot","jsx","Kbd","asChild","className","props","cn"],"mappings":"wCAEA,OAAS,QAAAA,MAAY,uBAkBjB,cAAAC,MAAA,oBAVJ,SAASC,EAAI,CACX,QAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAEgB,CAGd,OACEJ,EAHgBE,EAAUH,EAAO,MAGhC,CACC,UAAWM,EACT,uIACAF,CACF,EACA,YAAU,MACT,GAAGC,EACN,CAEJ","sourcesContent":["import type { ComponentProps, JSX } from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Kbd\n * -------------------------------------------------------------------------- */\n\nfunction Kbd({\n  asChild,\n  className,\n  ...props\n}: ComponentProps<'kbd'> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : 'kbd';\n\n  return (\n    <Component\n      className={cn(\n        'bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded-sm border px-1.5 font-mono text-xs font-medium',\n        className,\n      )}\n      data-slot=\"kbd\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Kbd };\n"]}

package/dist/chunk-ZA36F2BJ.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _reactslot = require('@radix-ui/react-slot');var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var o=_tailwindvariants.tv.call(void 0, {base:"focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden inline-flex w-fit shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md border px-1.5 py-0.5 text-xs font-medium transition [&>svg]:size-3 [&>svg]:shrink-0",variants:{variant:{default:"bg-primary [a&]:hover:bg-primary/80 text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 border-transparent",secondary:"bg-secondary [a&]:hover:bg-secondary/80 text-secondary-foreground border-transparent",destructive:"bg-destructive dark:bg-destructive/60 [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 border-transparent text-white",outline:"bg-background border-input [a&]:hover:bg-accent [a&]:hover:text-accent-foreground focus-visible:border-ring"}},defaultVariants:{variant:"default"}});function b({className:r,asChild:e,variant:t,...i}){return _jsxruntime.jsx.call(void 0, e?_reactslot.Slot:"span",{className:o({className:r,variant:t}),"data-slot":"badge",...i})}exports.a = o; exports.b = b;
+//# sourceMappingURL=chunk-ZA36F2BJ.cjs.map

package/dist/chunk-ZA36F2BJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/badge.tsx"],"names":["badgeVariants","tv","Badge","className","asChild","variant","props","jsx","Slot"],"mappings":"AAGA,0HAAqB,qDACF,+CAuCV,IAjCHA,CAAAA,CAAgBC,kCAAAA,CACpB,IAAA,CAAM,8OAAA,CACN,QAAA,CAAU,CACR,OAAA,CAAS,CACP,OAAA,CACE,iJAAA,CACF,SAAA,CAAW,sFAAA,CACX,WAAA,CACE,2KAAA,CACF,OAAA,CACE,6GACJ,CACF,CAAA,CACA,eAAA,CAAiB,CACf,OAAA,CAAS,SACX,CACF,CAAC,CAAA,CAMD,SAASC,CAAAA,CAAM,CACb,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAGkB,CAGhB,OAAOC,6BAAAA,CAFWH,CAAUI,eAAAA,CAAO,MAAA,CAE3B,CAAU,SAAA,CAAWR,CAAAA,CAAc,CAAE,SAAA,CAAAG,CAAAA,CAAW,OAAA,CAAAE,CAAQ,CAAC,CAAA,CAAG,WAAA,CAAU,OAAA,CAAS,GAAGC,CAAAA,CAAO,CACnG,CAAA,6BAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/chunk-ZA36F2BJ.cjs","sourcesContent":["import type { ComponentProps, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { tv } from 'tailwind-variants';\n\n/* -----------------------------------------------------------------------------\n * Variant: Badge\n * -------------------------------------------------------------------------- */\n\nconst badgeVariants = tv({\n  base: 'focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden inline-flex w-fit shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md border px-1.5 py-0.5 text-xs font-medium transition [&>svg]:size-3 [&>svg]:shrink-0',\n  variants: {\n    variant: {\n      default:\n        'bg-primary [a&]:hover:bg-primary/80 text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 border-transparent',\n      secondary: 'bg-secondary [a&]:hover:bg-secondary/80 text-secondary-foreground border-transparent',\n      destructive:\n        'bg-destructive dark:bg-destructive/60 [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 border-transparent text-white',\n      outline:\n        'bg-background border-input [a&]:hover:bg-accent [a&]:hover:text-accent-foreground focus-visible:border-ring',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Badge\n * -------------------------------------------------------------------------- */\n\nfunction Badge({\n  className,\n  asChild,\n  variant,\n  ...props\n}: ComponentProps<'span'> &\n  VariantProps<typeof badgeVariants> & {\n    asChild?: boolean;\n  }): JSX.Element {\n  const Component = asChild ? Slot : 'span';\n\n  return <Component className={badgeVariants({ className, variant })} data-slot=\"badge\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Badge, badgeVariants };\n"]}

package/dist/chunk-ZESL6WID.cjs

@@ -0,0 +1,4 @@
+"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 _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 _chunkSMJEDCFPcjs = require('./chunk-SMJEDCFP.cjs');var _react = require('react');var _recharts = require('recharts'); var p = _interopRequireWildcard(_recharts);var _jsxruntime = require('react/jsx-runtime');var N={dark:".dark",light:""},_=_react.createContext.call(void 0, null);function w(){let e=_react.useContext.call(void 0, _);if(!e)throw new Error("useChart must be used within a <ChartContainer />");return e}function J({id:e,children:t,className:n,config:o,...c}){let a=_react.useId.call(void 0, ),i=`chart-${e||a}`;return _jsxruntime.jsx.call(void 0, _.Provider,{value:{config:o},children:_jsxruntime.jsxs.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent",n),"data-chart":i,"data-slot":"chart",...c,children:[_jsxruntime.jsx.call(void 0, $,{config:o,id:i}),_jsxruntime.jsx.call(void 0, p.ResponsiveContainer,{children:t})]})})}function $({id:e,config:t}){let n=_react.useMemo.call(void 0, ()=>M(e,t),[e,t]);return _jsxruntime.jsx.call(void 0, "style",{dangerouslySetInnerHTML:{__html:n}})}var X=p.Tooltip;function q({active:e,className:t,color:n,formatter:o,hideIndicator:c=!1,hideLabel:a=!1,indicator:i="dot",label:d,labelClassName:u,labelFormatter:v,labelKey:b,nameKey:L,payload:f}){let{config:C}=w(),P=_react.useMemo.call(void 0, ()=>{if(a||!_optionalChain([f, 'optionalAccess', _2 => _2.length]))return null;let[r]=f,y=`${b||r.dataKey||r.name||"value"}`,x=k(C,r,y),g=!b&&typeof d=="string"?_optionalChain([C, 'access', _3 => _3[d], 'optionalAccess', _4 => _4.label])||d:_optionalChain([x, 'optionalAccess', _5 => _5.label]);return v?_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "font-medium",u),children:v(g,f)}):g?_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "font-medium",u),children:g}):null},[C,a,d,u,v,b,f]);if(!e||!_optionalChain([f, 'optionalAccess', _6 => _6.length]))return null;let m=f.length===1&&i!=="dot";return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",t),children:[m?null:P,_jsxruntime.jsx.call(void 0, "div",{className:"grid gap-1.5",children:f.map((r,y)=>{let x=`${L||r.name||r.dataKey||"value"}`,g=k(C,r,x),R=n||r.payload.fill||r.color;return _jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5",i==="dot"&&"items-center"),children:o&&r.value!==void 0&&r.name?o(r.value,r.name,r,y,r.payload):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_optionalChain([g, 'optionalAccess', _7 => _7.icon])?_jsxruntime.jsx.call(void 0, g.icon,{}):!c&&_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "border-(--color-border) bg-(--color-bg) rounded-xs shrink-0",{"h-2.5 w-2.5":i==="dot","my-0.5":m&&i==="dashed","w-0 border border-dashed bg-transparent":i==="dashed","w-1":i==="line"}),style:{"--color-bg":R,"--color-border":R}}),_jsxruntime.jsxs.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex flex-1 justify-between leading-none",m?"items-end":"items-center"),children:[_jsxruntime.jsxs.call(void 0, "div",{className:"grid gap-1.5",children:[m?P:null,_jsxruntime.jsx.call(void 0, "span",{className:"text-muted-foreground",children:_optionalChain([g, 'optionalAccess', _8 => _8.label])||r.name})]}),r.value?_jsxruntime.jsx.call(void 0, "span",{className:"text-foreground font-mono font-medium tabular-nums",children:r.value.toLocaleString()}):null]})]})},r.dataKey)})})]})}var A=p.Legend;function D({className:e,hideIcon:t=!1,nameKey:n,payload:o,verticalAlign:c="bottom"}){let{config:a}=w();return _optionalChain([o, 'optionalAccess', _9 => _9.length])?_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex items-center justify-center gap-4",c==="top"?"pb-3":"pt-3",e),children:o.map(i=>{let d="value";n?d=n:i.dataKey&&(d=String(i.dataKey));let u=k(a,i,d);return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3"),children:[_optionalChain([u, 'optionalAccess', _10 => _10.icon])&&!t?_jsxruntime.jsx.call(void 0, u.icon,{}):_jsxruntime.jsx.call(void 0, "div",{className:"size-2 shrink-0 rounded-md",style:{backgroundColor:i.color}}),_optionalChain([u, 'optionalAccess', _11 => _11.label])]},String(i.value))})}):null}function k(e,t,n){if(!T(t))return;let o="payload"in t&&T(t.payload)?t.payload:void 0,c=E(t,o,n);return c in e?e[c]:e[n]}function T(e){return typeof e=="object"&&e!==null}function E(e,t,n){return n in e&&typeof e[n]=="string"?e[n]:t&&n in t&&typeof t[n]=="string"?t[n]:n}function O(e,t,n){let o=[];o.push(`${N[e]} [data-chart=${t}] {`);for(let[c,a]of n){let i=_optionalChain([a, 'optionalAccess', _12 => _12.theme, 'optionalAccess', _13 => _13[e]])||_optionalChain([a, 'optionalAccess', _14 => _14.color]);i&&o.push(`  --color-${c}: ${i};`)}return o.push("}"),o.join(`
+`)}function M(e,t){let n=Object.entries(t).filter(([c,a])=>_optionalChain([a, 'optionalAccess', _15 => _15.theme])||_optionalChain([a, 'optionalAccess', _16 => _16.color])),o=[];for(let c of Object.keys(N)){let a=O(c,e,n);o.push(a)}return o.join(`
+`)}exports.a = J; exports.b = $; exports.c = X; exports.d = q; exports.e = A; exports.f = D;
+//# sourceMappingURL=chunk-ZESL6WID.cjs.map

package/dist/chunk-ZESL6WID.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/chunk-ZESL6WID.cjs","../src/components/chart.tsx"],"names":["RechartsPrimitive","createContext","useChart","children","className","props","uniqueId","useId","chartId","id","jsx","ChartContext"],"mappings":"AAAA,22BAAY,CAAC,wDCKJ,8BACGA,gFAkLI,+CA7KR,IAAA,CAAA,CAAA,CACN,IAAA,CAAA,OA4BmBC,CAAAA,KAA4C,CAAA,EAEjE,CAAA,CAAA,CAAA,CAAA,kCAAA,IAASC,CAA8B,CACrC,SAAuC,CAAA,CAEvC,CAAA,CAAA,IACE,CAAA,CAAA,+BAAA,CAAA,CAAM,CAAA,EAAA,CAAI,CAAA,CAAA,CAAA,MAAM,IAAA,KAAA,CAAA,mDAUpB,CAAA,CAAA,OAAwB,CACtB,CAAA,SACA,CAAA,CAAA,CAAA,EAAAC,CACA,CAAA,CAAA,QAAAC,CAAAA,CACA,CAAA,SACA,CAAA,CAAGC,CACL,MAIE,CAAMC,CAAAA,CAAWC,GAAM,CACjBC,CAAAA,CAAU,CAAA,IAAA,CAAA,CAAA,0BAAA,CAASC,CAAAA,CAAMH,CAAQ,CAAA,MAEvC,EAAA,CACEI,EAACC,CAAAA,CAAa,CAAA;AAmVK;AACvB","file":"/home/runner/work/codefast/codefast/packages/ui/dist/chunk-ZESL6WID.cjs","sourcesContent":[null,"'use client';\n\nimport type { ComponentProps, ComponentType, CSSProperties, JSX, ReactNode } from 'react';\nimport type { NameType, Payload, ValueType } from 'recharts/types/component/DefaultTooltipContent';\n\nimport { createContext, useContext, useId, useMemo } from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { cn } from '@/lib/utils';\n\nconst THEMES = {\n  dark: '.dark',\n  light: '',\n} as const;\n\ntype Theme = keyof typeof THEMES;\n\ninterface IconLabelConfig {\n  icon?: ComponentType;\n  label?: ReactNode;\n}\n\ninterface ColorConfig {\n  color?: string;\n  theme?: never;\n}\n\ninterface ThemeConfig {\n  theme: Record<Theme, string>;\n  color?: never;\n}\n\ntype ChartConfigItem = (ColorConfig | ThemeConfig) & IconLabelConfig;\n\ntype ChartConfig = Record<string, ChartConfigItem | undefined>;\n\ninterface ChartContextProps {\n  config: ChartConfig;\n}\n\nconst ChartContext = createContext<ChartContextProps | null>(null);\n\nfunction useChart(): ChartContextProps {\n  const context = useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: Chart\n * -------------------------------------------------------------------------- */\n\nfunction ChartContainer({\n  id,\n  children,\n  className,\n  config,\n  ...props\n}: ComponentProps<'div'> & {\n  children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n  config: ChartConfig;\n}): JSX.Element {\n  const uniqueId = useId();\n  const chartId = `chart-${id || uniqueId}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        className={cn(\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n          className,\n        )}\n        data-chart={chartId}\n        data-slot=\"chart\"\n        {...props}\n      >\n        <ChartStyle config={config} id={chartId} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartStyle\n * -------------------------------------------------------------------------- */\n\nfunction ChartStyle({ id, config }: { config: ChartConfig; id: string }): ReactNode {\n  const cssString = useMemo(() => generateCSS(id, config), [id, config]);\n\n  return <style dangerouslySetInnerHTML={{ __html: cssString }} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartTooltip\n * -------------------------------------------------------------------------- */\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\n/* -----------------------------------------------------------------------------\n * Component: ChartTooltipContent\n * -------------------------------------------------------------------------- */\n\nfunction ChartTooltipContent({\n  active,\n  className,\n  color,\n  formatter,\n  hideIndicator = false,\n  hideLabel = false,\n  indicator = 'dot',\n  label,\n  labelClassName,\n  labelFormatter,\n  labelKey,\n  nameKey,\n  payload,\n}: ComponentProps<typeof RechartsPrimitive.Tooltip> &\n  Omit<ComponentProps<'div'>, 'content'> & {\n    hideIndicator?: boolean;\n    hideLabel?: boolean;\n    indicator?: 'dashed' | 'dot' | 'line';\n    labelKey?: string;\n    nameKey?: string;\n  }): ReactNode {\n  const { config } = useChart();\n\n  const tooltipLabel = useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n\n    const key = `${labelKey || item.dataKey || item.name || 'value'}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value = !labelKey && typeof label === 'string' ? config[label]?.label || label : itemConfig?.label;\n\n    if (labelFormatter) {\n      return <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>;\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n  }, [config, hideLabel, label, labelClassName, labelFormatter, labelKey, payload]);\n\n  if (!active || !payload?.length) {\n    return null;\n  }\n\n  const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n  return (\n    <div\n      className={cn(\n        'bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl',\n        className,\n      )}\n    >\n      {nestLabel ? null : tooltipLabel}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const indicatorColor = color || (item.payload as { fill?: string }).fill || item.color;\n\n          return (\n            <div\n              key={item.dataKey}\n              className={cn(\n                '[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5',\n                indicator === 'dot' && 'items-center',\n              )}\n            >\n              {formatter && item.value !== undefined && item.name ? (\n                formatter(item.value, item.name, item, index, item.payload as Payload<ValueType, NameType>[])\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn('border-(--color-border) bg-(--color-bg) rounded-xs shrink-0', {\n                          'h-2.5 w-2.5': indicator === 'dot',\n                          'my-0.5': nestLabel && indicator === 'dashed',\n                          'w-0 border border-dashed bg-transparent': indicator === 'dashed',\n                          'w-1': indicator === 'line',\n                        })}\n                        style={\n                          {\n                            '--color-bg': indicatorColor,\n                            '--color-border': indicatorColor,\n                          } as CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div\n                    className={cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center')}\n                  >\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted-foreground\">{itemConfig?.label || item.name}</span>\n                    </div>\n                    {item.value ? (\n                      <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                        {item.value.toLocaleString()}\n                      </span>\n                    ) : null}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartLegend\n * -------------------------------------------------------------------------- */\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\n/* -----------------------------------------------------------------------------\n * Component: ChartLegendContent\n * -------------------------------------------------------------------------- */\n\nfunction ChartLegendContent({\n  className,\n  hideIcon = false,\n  nameKey,\n  payload,\n  verticalAlign = 'bottom',\n}: ComponentProps<'div'> &\n  Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {\n    hideIcon?: boolean;\n    nameKey?: string;\n  }): ReactNode {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div className={cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className)}>\n      {payload.map((item) => {\n        let key = 'value';\n\n        if (nameKey) {\n          key = nameKey;\n        } else if (item.dataKey) {\n          key = String(item.dataKey);\n        }\n\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={String(item.value)}\n            className={cn('[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3')}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"size-2 shrink-0 rounded-md\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Helpers\n * -------------------------------------------------------------------------- */\n\n/**\n * Extracts and returns the appropriate configuration object from\n * the payload based on the specified key.\n *\n * @param config - The chart configuration object that contains various\n *   settings.\n * @param payload - The payload object that might contain nested payload data.\n * @param key - The key used to retrieve the specific configuration from the\n *   chart config.\n * @returns Returns a configuration object with optional properties `icon`,\n *   `label`, `color` or `theme`, or `undefined` if the payload is invalid or\n *   no configuration is found for the provided key.\n */\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ChartConfigItem | undefined {\n  if (!isValidObject(payload)) {\n    return undefined;\n  }\n\n  const nestedPayload = 'payload' in payload && isValidObject(payload.payload) ? payload.payload : undefined;\n\n  const configLabelKey = getConfigLabelKey(payload, nestedPayload, key);\n\n  return configLabelKey in config ? config[configLabelKey] : config[key];\n}\n\n/**\n * Checks if the provided value is a valid object.\n *\n * @param obj - The value to check.\n * @returns - Returns true if the value is an object and not null, false\n *   otherwise.\n */\nfunction isValidObject(obj: unknown): obj is Record<string, unknown> {\n  return typeof obj === 'object' && obj !== null;\n}\n\n/**\n * Retrieves the configuration label key from either the payload or\n * nestedPayload. If the key exists in the payload and is a string, the\n * corresponding value is returned. Otherwise, if the key exists in the\n * nestedPayload and is a string, its value is returned. If the key is not\n * found as a string in either object, the key itself is returned.\n *\n * @param payload - The primary payload containing key-value pairs.\n * @param nestedPayload - An optional nested payload containing additional\n *   key-value pairs.\n * @param key - The key to search for within the payload and nestedPayload.\n *\n * @returns The string value associated with the key if found; otherwise, the\n *   key itself.\n */\nfunction getConfigLabelKey(\n  payload: Record<string, unknown>,\n  nestedPayload: Record<string, unknown> | undefined,\n  key: string,\n): string {\n  if (key in payload && typeof payload[key] === 'string') {\n    return payload[key];\n  }\n\n  if (nestedPayload && key in nestedPayload && typeof nestedPayload[key] === 'string') {\n    return nestedPayload[key];\n  }\n\n  return key;\n}\n\n/**\n * Generates CSS for a specified theme and chart configuration.\n *\n * @param theme - The theme to be used (for example, 'light', 'dark').\n * @param id - The unique identifier of the chart.\n * @param configEntries - A list of configuration entries, each containing a\n *   key and a chart configuration.\n * @returns The generated CSS as a string.\n */\nfunction generateThemeCSS(theme: Theme, id: string, configEntries: [string, ChartConfig[string]][]): string {\n  const rules: string[] = [];\n\n  rules.push(`${THEMES[theme]} [data-chart=${id}] {`);\n\n  for (const [key, itemConfig] of configEntries) {\n    const color = itemConfig?.theme?.[theme] || itemConfig?.color;\n\n    if (color) {\n      rules.push(`  --color-${key}: ${color};`);\n    }\n  }\n\n  rules.push('}');\n\n  return rules.join('\\n');\n}\n\n/**\n * Generates CSS styles for a chart based on the provided configuration and\n * themes.\n *\n * @param id - The unique identifier for the chart element.\n * @param config - Configuration object for the chart. This includes theme and\n *   color settings.\n * @returns A string containing the generated CSS rules.\n */\nfunction generateCSS(id: string, config: ChartConfig): string {\n  const themeOrColorConfig = Object.entries(config).filter(([_, itemConfig]) => itemConfig?.theme || itemConfig?.color);\n\n  const allRules: string[] = [];\n\n  for (const theme of Object.keys(THEMES)) {\n    const themeCSS = generateThemeCSS(theme as Theme, id, themeOrColorConfig);\n\n    allRules.push(themeCSS);\n  }\n\n  return allRules.join('\\n');\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport type { ChartConfig };\nexport { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };\n"]}

package/dist/chunk-ZFCLI44C.js

@@ -0,0 +1,2 @@
+import{a as i}from"./chunk-FR7P352M.js";import{tv as l}from"tailwind-variants";import{jsx as n,jsxs as g}from"react/jsx-runtime";var f=l({base:"focus-visible:ring-3 outline-hidden inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",variants:{size:{sm:"h-8 px-3 has-[>svg]:px-2.5",md:"h-9 px-4 has-[>svg]:px-3",lg:"h-10 px-6 has-[>svg]:px-4",icon:"size-9"},variant:{default:"bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 hover:not-disabled:bg-primary/80",secondary:"bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50",destructive:"bg-destructive dark:bg-destructive/60 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 hover:not-disabled:bg-destructive/90 text-white",outline:"border-input shadow-xs hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 focus-visible:border-ring aria-invalid:border-destructive dark:aria-invalid:border-destructive/70 hover:not-disabled:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 border",ghost:"hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",link:"text-primary hover:not-disabled:underline focus-visible:ring-ring/50 underline-offset-4"}},defaultVariants:{size:"md",variant:"default"}});function m({children:s,className:a,disabled:d,loaderPosition:r="prefix",loading:e,prefix:u,size:b,spinner:t,suffix:v,variant:o,...c}){return g("button",{className:f({className:a,size:b,variant:o}),"data-slot":"button","data-variant":o,disabled:e||d,type:"button",...c,children:[e&&r==="prefix"?t||n(i,{}):u,s,e&&r==="suffix"?t||n(i,{}):v]})}export{f as a,m as b};
+//# sourceMappingURL=chunk-ZFCLI44C.js.map

package/dist/chunk-ZFCLI44C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button.tsx"],"names":["tv","jsx","jsxs","buttonVariants","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","props","Spinner"],"mappings":"wCAGA,OAAS,MAAAA,MAAU,oBA6Df,OAQuD,OAAAC,EARvD,QAAAC,MAAA,oBArDJ,IAAMC,EAAiBH,EAAG,CACxB,KAAM,+OACN,SAAU,CACR,KAAM,CACJ,GAAI,6BACJ,GAAI,2BACJ,GAAI,4BACJ,KAAM,QACR,EACA,QAAS,CACP,QACE,uIACF,UAAW,uGACX,YACE,iKACF,QACE,sbACF,MACE,kJACF,KAAM,yFACR,CACF,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,SACX,CACF,CAAC,EAMD,SAASI,EAAO,CACd,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,eAAAC,EAAiB,SACjB,QAAAC,EACA,OAAAC,EACA,KAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAOkB,CAChB,OACEb,EAAC,UACC,UAAWC,EAAe,CAAE,UAAAG,EAAW,KAAAK,EAAM,QAAAG,CAAQ,CAAC,EACtD,YAAU,SACV,eAAcA,EACd,SAAUL,GAAWF,EACrB,KAAK,SACJ,GAAGQ,EAEH,UAAAN,GAAWD,IAAmB,SAAWI,GAAWX,EAACe,EAAA,EAAQ,EAAKN,EAClEL,EACAI,GAAWD,IAAmB,SAAWI,GAAWX,EAACe,EAAA,EAAQ,EAAKH,GACrE,CAEJ","sourcesContent":["import type { ComponentProps, JSX, ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { tv } from 'tailwind-variants';\n\nimport { Spinner } from '@/components/spinner';\n\n/* -----------------------------------------------------------------------------\n * Variant: Button\n * -------------------------------------------------------------------------- */\n\nconst buttonVariants = tv({\n  base: \"focus-visible:ring-3 outline-hidden inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n  variants: {\n    size: {\n      sm: 'h-8 px-3 has-[>svg]:px-2.5', // 32px\n      md: 'h-9 px-4 has-[>svg]:px-3', // 36px\n      lg: 'h-10 px-6 has-[>svg]:px-4', // 40px\n      icon: 'size-9',\n    },\n    variant: {\n      default:\n        'bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 hover:not-disabled:bg-primary/80',\n      secondary: 'bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50',\n      destructive:\n        'bg-destructive dark:bg-destructive/60 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 hover:not-disabled:bg-destructive/90 text-white',\n      outline:\n        'border-input shadow-xs hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 focus-visible:border-ring aria-invalid:border-destructive dark:aria-invalid:border-destructive/70 hover:not-disabled:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 border',\n      ghost:\n        'hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50',\n      link: 'text-primary hover:not-disabled:underline focus-visible:ring-ring/50 underline-offset-4',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\nfunction Button({\n  children,\n  className,\n  disabled,\n  loaderPosition = 'prefix',\n  loading,\n  prefix,\n  size,\n  spinner,\n  suffix,\n  variant,\n  ...props\n}: Omit<ComponentProps<'button'>, 'prefix'> &\n  VariantProps<typeof buttonVariants> & {\n    loaderPosition?: 'prefix' | 'suffix';\n    loading?: boolean;\n    prefix?: ReactNode;\n    spinner?: ReactNode;\n    suffix?: ReactNode;\n  }): JSX.Element {\n  return (\n    <button\n      className={buttonVariants({ className, size, variant })}\n      data-slot=\"button\"\n      data-variant={variant}\n      disabled={loading || disabled}\n      type=\"button\"\n      {...props}\n    >\n      {loading && loaderPosition === 'prefix' ? spinner || <Spinner /> : prefix}\n      {children}\n      {loading && loaderPosition === 'suffix' ? spinner || <Spinner /> : suffix}\n    </button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button, buttonVariants };\n"]}

package/dist/chunk-ZIIE5XVL.js

@@ -0,0 +1,2 @@
+import{a as n}from"./chunk-OKUFCFYT.js";import*as o from"@radix-ui/react-accordion";import{Slot as c}from"@radix-ui/react-slot";import{ChevronDownIcon as a}from"lucide-react";import{jsx as i}from"react/jsx-runtime";function p({...t}){return i(o.Root,{"data-slot":"accordion",...t})}function f({className:t,...e}){return i(o.Item,{className:n("border-b last:border-b-0",t),"data-slot":"accordion-item",...e})}function g({asChild:t,className:e,...r}){return i(t?c:a,{"aria-hidden":!0,className:n("text-muted-foreground size-4 shrink-0 translate-y-0.5 transition-transform duration-200",e),"data-slot":"accordion-icon",...r})}function u({className:t,children:e,...r}){return i(o.Header,{className:"flex","data-slot":"accordion-trigger-wrapper",children:i(o.Trigger,{className:n("focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden hover:not-disabled:underline group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",t),"data-slot":"accordion-trigger",...r,children:e})})}function v({children:t,className:e,...r}){return i(o.Content,{className:"data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden","data-slot":"accordion-content",...r,children:i("div",{className:n("pb-4 pt-0 text-sm",e),children:t})})}export{p as a,f as b,g as c,u as d,v as e};
+//# sourceMappingURL=chunk-ZIIE5XVL.js.map

package/dist/chunk-ZIIE5XVL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/accordion.tsx"],"names":["AccordionPrimitive","Slot","ChevronDownIcon","jsx","Accordion","props","AccordionItem","className","cn","AccordionIcon","asChild","AccordionTrigger","children","AccordionContent"],"mappings":"wCAEA,UAAYA,MAAwB,4BACpC,OAAS,QAAAC,MAAY,uBACrB,OAAS,mBAAAC,MAAuB,eASvB,cAAAC,MAAA,oBADT,SAASC,EAAU,CAAE,GAAGC,CAAM,EAAgE,CAC5F,OAAOF,EAAoB,OAAnB,CAAwB,YAAU,YAAa,GAAGE,EAAO,CACnE,CAMA,SAASC,EAAc,CAAE,UAAAC,EAAW,GAAGF,CAAM,EAAgE,CAC3G,OACEF,EAAoB,OAAnB,CACC,UAAWK,EAAG,2BAA4BD,CAAS,EACnD,YAAU,iBACT,GAAGF,EACN,CAEJ,CAMA,SAASI,EAAc,CACrB,QAAAC,EACA,UAAAH,EACA,GAAGF,CACL,EAGgB,CAGd,OACEF,EAHiBO,EAAUT,EAAOC,EAGjC,CACC,cAAW,GACX,UAAWM,EACT,0FACAD,CACF,EACA,YAAU,iBACT,GAAGF,EACN,CAEJ,CAMA,SAASM,EAAiB,CACxB,UAAAJ,EACA,SAAAK,EACA,GAAGP,CACL,EAAmE,CACjE,OACEF,EAAoB,SAAnB,CAA0B,UAAU,OAAO,YAAU,4BACpD,SAAAA,EAAoB,UAAnB,CACC,UAAWK,EACT,wQACAD,CACF,EACA,YAAU,oBACT,GAAGF,EAEH,SAAAO,EACH,EACF,CAEJ,CAMA,SAASC,EAAiB,CACxB,SAAAD,EACA,UAAAL,EACA,GAAGF,CACL,EAAmE,CACjE,OACEF,EAAoB,UAAnB,CACC,UAAU,wGACV,YAAU,oBACT,GAAGE,EAEJ,SAAAF,EAAC,OAAI,UAAWK,EAAG,oBAAqBD,CAAS,EAAI,SAAAK,EAAS,EAChE,CAEJ","sourcesContent":["import type { ComponentProps, JSX } from 'react';\n\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Accordion\n * -------------------------------------------------------------------------- */\n\nfunction Accordion({ ...props }: ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionItem\n * -------------------------------------------------------------------------- */\n\nfunction AccordionItem({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element {\n  return (\n    <AccordionPrimitive.Item\n      className={cn('border-b last:border-b-0', className)}\n      data-slot=\"accordion-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionIcon\n * -------------------------------------------------------------------------- */\n\nfunction AccordionIcon({\n  asChild,\n  className,\n  ...props\n}: ComponentProps<typeof Slot> & {\n  asChild?: boolean;\n  className?: string;\n}): JSX.Element {\n  const Component = (asChild ? Slot : ChevronDownIcon) as typeof Slot;\n\n  return (\n    <Component\n      aria-hidden\n      className={cn(\n        'text-muted-foreground size-4 shrink-0 translate-y-0.5 transition-transform duration-200',\n        className,\n      )}\n      data-slot=\"accordion-icon\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionTrigger\n * -------------------------------------------------------------------------- */\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element {\n  return (\n    <AccordionPrimitive.Header className=\"flex\" data-slot=\"accordion-trigger-wrapper\">\n      <AccordionPrimitive.Trigger\n        className={cn(\n          'focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden hover:not-disabled:underline group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',\n          className,\n        )}\n        data-slot=\"accordion-trigger\"\n        {...props}\n      >\n        {children}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionContent\n * -------------------------------------------------------------------------- */\n\nfunction AccordionContent({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element {\n  return (\n    <AccordionPrimitive.Content\n      className=\"data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden\"\n      data-slot=\"accordion-content\"\n      {...props}\n    >\n      <div className={cn('pb-4 pt-0 text-sm', className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };\n"]}

package/dist/chunk-ZNSIVYMA.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkIDELSFHCcjs = require('./chunk-IDELSFHC.cjs');var _chunkJM2VJEQFcjs = require('./chunk-JM2VJEQF.cjs');var _chunkX5CR4RILcjs = require('./chunk-X5CR4RIL.cjs');var _chunkSRP463XHcjs = require('./chunk-SRP463XH.cjs');var _chunkPOJOZ7HMcjs = require('./chunk-POJOZ7HM.cjs');var _chunkTNP6NVCRcjs = require('./chunk-TNP6NVCR.cjs');var _chunkSMJEDCFPcjs = require('./chunk-SMJEDCFP.cjs');var _hooks = require('@codefast/hooks');var _reactslot = require('@radix-ui/react-slot');var _lucidereact = require('lucide-react');var _react = require('react');var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var j="sidebar_state",q=60*60*24*7,F="16rem",U="18rem",Y="3rem",Q="b",A=_react.createContext.call(void 0, null);function S(){let t=_react.useContext.call(void 0, A);if(!t)throw new Error("useSidebar must be used within a SidebarProvider.");return t}function ce({defaultOpen:t=!0,open:e,onOpenChange:n,className:r,style:i,children:l,...m}){let d=_hooks.useIsMobile.call(void 0, ),[c,b]=_react.useState.call(void 0, !1),[v,R]=_react.useState.call(void 0, t),f=_nullishCoalesce(e, () => (v)),h=_react.useCallback.call(void 0, s=>{let u=typeof s=="function"?s(f):s;n?n(u):R(u),document.cookie=`${j}=${u}; path=/; max-age=${q}`},[n,f]),x=_react.useCallback.call(void 0, ()=>{d?b(s=>!s):h(s=>!s)},[d,h,b]);_react.useEffect.call(void 0, ()=>{let s=u=>{u.key===Q&&(u.metaKey||u.ctrlKey)&&(u.preventDefault(),x())};return window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}},[x]);let C=f?"expanded":"collapsed",H=_react.useMemo.call(void 0, ()=>({state:C,open:f,setOpen:h,isMobile:d,openMobile:c,setOpenMobile:b,toggleSidebar:x}),[C,f,h,d,c,b,x]);return _jsxruntime.jsx.call(void 0, A.Provider,{value:H,children:_jsxruntime.jsx.call(void 0, _chunkIDELSFHCcjs.a,{delayDuration:0,children:_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",r),"data-slot":"sidebar-wrapper",style:{"--sidebar-width":F,"--sidebar-width-icon":Y,...i},...m,children:l})})})}function pe({side:t="left",variant:e="sidebar",collapsible:n="offcanvas",className:r,children:i,...l}){let{isMobile:m,state:d,openMobile:c,setOpenMobile:b}=S();return n==="none"?_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "bg-sidebar text-sidebar-foreground w-(--sidebar-width) flex h-full flex-col",r),"data-slot":"sidebar",...l,children:i}):m?_jsxruntime.jsx.call(void 0, _chunkJM2VJEQFcjs.a,{open:c,onOpenChange:b,...l,children:_jsxruntime.jsxs.call(void 0, _chunkJM2VJEQFcjs.c,{className:"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden","data-mobile":"true","data-sidebar":"sidebar","data-slot":"sidebar",side:t,style:{"--sidebar-width":U},children:[_jsxruntime.jsxs.call(void 0, _chunkJM2VJEQFcjs.d,{className:"sr-only",children:[_jsxruntime.jsx.call(void 0, _chunkJM2VJEQFcjs.g,{children:"Sidebar"}),_jsxruntime.jsx.call(void 0, _chunkJM2VJEQFcjs.h,{children:"Displays the mobile sidebar."})]}),_jsxruntime.jsx.call(void 0, "div",{className:"flex h-full w-full flex-col",children:i})]})}):_jsxruntime.jsxs.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-sidebar-foreground group peer hidden md:block",r),"data-collapsible":d==="collapsed"?n:"","data-side":t,"data-slot":"sidebar","data-state":d,"data-variant":e,children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "w-(--sidebar-width) relative bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180",e==="floating"||e==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)"),"data-slot":"sidebar-gap"}),_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "w-(--sidebar-width) fixed inset-y-0 z-10 hidden h-svh transition-[left,right,width] duration-200 ease-linear md:flex",t==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",e==="floating"||e==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",r),"data-slot":"sidebar-container",...l,children:_jsxruntime.jsx.call(void 0, "div",{className:"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm","data-sidebar":"sidebar","data-slot":"sidebar-inner",children:i})})]})}function me({className:t,onClick:e,...n}){let{toggleSidebar:r}=S();return _jsxruntime.jsxs.call(void 0, _chunkTNP6NVCRcjs.b,{className:_chunkSMJEDCFPcjs.a.call(void 0, "size-7",t),"data-sidebar":"trigger","data-slot":"sidebar-trigger",size:"icon",variant:"ghost",onClick:i=>{_optionalChain([e, 'optionalCall', _2 => _2(i)]),r()},...n,children:[_jsxruntime.jsx.call(void 0, _lucidereact.PanelLeftIcon,{}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Toggle Sidebar"})]})}function fe({className:t,...e}){let{toggleSidebar:n}=S();return _jsxruntime.jsx.call(void 0, "button",{className:_chunkSMJEDCFPcjs.a.call(void 0, "hover:after:bg-sidebar-border in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize hover:group-data-[collapsible=offcanvas]:bg-sidebar 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] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full sm:flex [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-collapsible=offcanvas]_&]:-left-2 [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",t),"data-sidebar":"rail","data-slot":"sidebar-rail",title:"Toggle Sidebar",type:"button",onClick:n,...e})}function ge({className:t,...e}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunkSMJEDCFPcjs.a.call(void 0, "bg-background relative flex w-full flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",t),"data-slot":"sidebar-inset",...e})}function ve({className:t,...e}){return _jsxruntime.jsx.call(void 0, _chunkPOJOZ7HMcjs.b,{className:_chunkSMJEDCFPcjs.a.call(void 0, "bg-background h-8 w-full shadow-none",t),"data-sidebar":"input","data-slot":"sidebar-input",...e})}function he({className:t,...e}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex flex-col gap-2 p-2",t),"data-sidebar":"header","data-slot":"sidebar-header",...e})}function xe({className:t,...e}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex flex-col gap-2 p-2",t),"data-sidebar":"footer","data-slot":"sidebar-footer",...e})}function Se({className:t,...e}){return _jsxruntime.jsx.call(void 0, _chunkSRP463XHcjs.a,{className:_chunkSMJEDCFPcjs.a.call(void 0, "bg-sidebar-border mx-2 w-auto",t),"data-sidebar":"separator","data-slot":"sidebar-separator",...e})}function we({className:t,...e}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",t),"data-sidebar":"content","data-slot":"sidebar-content",...e})}function Ce({className:t,...e}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "relative flex w-full min-w-0 flex-col p-2",t),"data-sidebar":"group","data-slot":"sidebar-group",...e})}function ye({className:t,asChild:e=!1,...n}){return _jsxruntime.jsx.call(void 0, e?_reactslot.Slot:"div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-sidebar-foreground/70 ring-sidebar-ring outline-hidden focus-visible:ring-3 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 [&>svg]:size-4 [&>svg]:shrink-0",t),"data-sidebar":"group-label","data-slot":"sidebar-group-label",...n})}function Ee({className:t,asChild:e=!1,...n}){return _jsxruntime.jsx.call(void 0, e?_reactslot.Slot:"button",{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",t),"data-sidebar":"group-action","data-slot":"sidebar-group-action",...n})}function Pe({className:t,...e}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "w-full text-sm",t),"data-sidebar":"group-content","data-slot":"sidebar-group-content",...e})}function Ne({className:t,...e}){return _jsxruntime.jsx.call(void 0, "ul",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex w-full min-w-0 flex-col gap-1",t),"data-sidebar":"menu","data-slot":"sidebar-menu",...e})}function Me({className:t,...e}){return _jsxruntime.jsx.call(void 0, "li",{className:_chunkSMJEDCFPcjs.a.call(void 0, "group/menu-item relative",t),"data-sidebar":"menu-item","data-slot":"sidebar-menu-item",...e})}var Z=_tailwindvariants.tv.call(void 0, {base:"peer/menu-button outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground group-has-data-[sidebar=menu-action]/menu-item:pr-8 data-[active=true]:bg-sidebar-accent 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! focus-visible:ring-3 flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm transition-[width,height,padding] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",variants:{variant:{default:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"},size:{sm:"h-7 text-xs",md:"h-8 text-sm",lg:"group-data-[collapsible=icon]:p-0! h-12 text-sm"}},defaultVariants:{variant:"default",size:"md"}});function ke({asChild:t=!1,isActive:e=!1,variant:n="default",size:r="md",tooltip:i,className:l,...m}){let d=t?_reactslot.Slot:"button",{isMobile:c,state:b}=S(),v=_jsxruntime.jsx.call(void 0, d,{className:_chunkSMJEDCFPcjs.a.call(void 0, Z({variant:n,size:r}),l),"data-active":e,"data-sidebar":"menu-button","data-size":r,"data-slot":"sidebar-menu-button",...m});return i?(typeof i=="string"&&(i={children:i}),_jsxruntime.jsxs.call(void 0, _chunkIDELSFHCcjs.b,{children:[_jsxruntime.jsx.call(void 0, _chunkIDELSFHCcjs.c,{asChild:!0,children:v}),_jsxruntime.jsx.call(void 0, _chunkIDELSFHCcjs.d,{align:"center",hidden:b!=="collapsed"||c,side:"right",...i})]})):v}function Xe({className:t,asChild:e=!1,showOnHover:n=!1,...r}){return _jsxruntime.jsx.call(void 0, e?_reactslot.Slot:"button",{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",n&&"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",t),"data-sidebar":"menu-action","data-slot":"sidebar-menu-action",...r})}function _e({className:t,...e}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground 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 group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1",t),"data-sidebar":"menu-badge","data-slot":"sidebar-menu-badge",...e})}function Je({className:t,showIcon:e=!1,...n}){let r=_react.useMemo.call(void 0, ()=>`${Math.floor(Math.random()*40)+50}%`,[]);return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex h-8 items-center gap-2 rounded-md px-2",t),"data-sidebar":"menu-skeleton","data-slot":"sidebar-menu-skeleton",...n,children:[e?_jsxruntime.jsx.call(void 0, _chunkX5CR4RILcjs.a,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}):null,_jsxruntime.jsx.call(void 0, _chunkX5CR4RILcjs.a,{className:"max-w-(--skeleton-width) h-4 flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":r}})]})}function ze({className:t,...e}){return _jsxruntime.jsx.call(void 0, "ul",{className:_chunkSMJEDCFPcjs.a.call(void 0, "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden",t),"data-sidebar":"menu-sub","data-slot":"sidebar-menu-sub",...e})}function Ie({className:t,...e}){return _jsxruntime.jsx.call(void 0, "li",{className:_chunkSMJEDCFPcjs.a.call(void 0, "group/menu-sub-item relative",t),"data-sidebar":"menu-sub-item","data-slot":"sidebar-menu-sub-item",...e})}function Te({asChild:t=!1,size:e="md",isActive:n=!1,className:r,...i}){return _jsxruntime.jsx.call(void 0, t?_reactslot.Slot:"a",{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",e==="sm"&&"text-xs",e==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",r),"data-active":n,"data-sidebar":"menu-sub-button","data-size":e,"data-slot":"sidebar-menu-sub-button",...i})}exports.a = S; exports.b = ce; exports.c = pe; exports.d = me; exports.e = fe; exports.f = ge; exports.g = ve; exports.h = he; exports.i = xe; exports.j = Se; exports.k = we; exports.l = Ce; exports.m = ye; exports.n = Ee; exports.o = Pe; exports.p = Ne; exports.q = Me; exports.r = ke; exports.s = Xe; exports.t = _e; exports.u = Je; exports.v = ze; exports.w = Ie; exports.x = Te;
+//# sourceMappingURL=chunk-ZNSIVYMA.cjs.map

package/dist/chunk-ZNSIVYMA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/chunk-ZNSIVYMA.cjs","../src/components/sidebar.tsx"],"names":["SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SidebarContext","useSidebar","SidebarProvider","defaultOpen","setOpenProp","className","children","isMobile","useIsMobile","openMobile","setOpenMobile","useState","isOpen","setIsOpen","open","openProp","setOpen","useCallback","value","openState"],"mappings":"AAAA,6rBAAY,CAAC,wDAA6D,wDAAqE,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDCK1S,wCACA,iDACA,2CACA,8BACA,qDA4HD,+CAlHoB,IAAA,CAAA,CAAA,eACkB,CACxCA,CAAAA,CAAgB,EAAA,CAAA,EAAA,CAAA,EAChBC,CAAAA,CAAuB,CAAA,CAAA,CAAA,OACF,CAAA,CAAA,CAAA,OACO,CAAA,CAAA,CAY5BC,MAA2D,CAAA,CAAI,CAAA,GAErE,CAAA,CAAA,CAAA,kCAAA,IAASC,CAAkC,CACzC,SAAyC,CAAA,CAEzC,CAAA,CAAA,IACE,CAAA,CAAA,+BAAA,CAAA,CAAM,CAAA,EAAA,CAAI,CAAA,CAAA,CAAA,MAAM,IAAA,KAAA,CAAA,mDAUpB,CAAA,CAAA,OAASC,CAAgB,CACvB,SAAA,EAAA,CAAAC,CAAAA,WAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAcC,YACdC,CAAAA,CACA,CAAA,SACA,CAAA,CAAA,CAAA,KAAAC,CACA,CAAA,CAAA,QAMA,CAAMC,CAAAA,CAAWC,GAAY,CACvB,CAACC,CAAAA,CAAYC,IAAiBC,CAAS,CAAA,gCAAK,CAI5C,CAACC,CAAAA,CAAQC,CAAS,CAAA,CAAIF,CAAAA,6BAASR,CAAW,CAC1CW,CAAAA,CAAOC,CAAAA,CAAAA,CAAYH,CAAAA,CACnBI,CAAAA,6BAAUC,CACbC,CAAAA,CAAAA,CAAmD,kBAClD,CAAA,SAAA,GAAMC,CAAAA,CAAY,CAAA,gCAAA,CAAA,EAAA,CAAOD,IAAU,CAAA,CAAA,OAAA,CAAaA,EAAMJ,UAG/B,CAAA,CAErBD,CAAAA,CAAUM,CAAS,CAAA,CAIrB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,QAA+B,CAAA,MAAa,CAAA,CAAA,EAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/chunk-ZNSIVYMA.cjs","sourcesContent":[null,"'use client';\n\nimport type { ComponentProps, CSSProperties, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { useIsMobile } from '@codefast/hooks';\nimport { Slot } from '@radix-ui/react-slot';\nimport { PanelLeftIcon } from 'lucide-react';\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';\nimport { tv } from 'tailwind-variants';\n\nimport { Button } from '@/components/button';\nimport { Input } from '@/components/input';\nimport { Separator } from '@/components/separator';\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@/components/sheet';\nimport { Skeleton } from '@/components/skeleton';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/tooltip';\nimport { cn } from '@/lib/utils';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '16rem';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\ninterface SidebarContextProps {\n  isMobile: boolean;\n  open: boolean;\n  openMobile: boolean;\n  setOpen: (open: boolean) => void;\n  setOpenMobile: (open: boolean) => void;\n  state: 'collapsed' | 'expanded';\n  toggleSidebar: () => void;\n}\n\nconst SidebarContext = createContext<null | SidebarContextProps>(null);\n\nfunction useSidebar(): SidebarContextProps {\n  const context = useContext(SidebarContext);\n\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n\n  return context;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarProvider\n * -------------------------------------------------------------------------- */\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  open?: boolean;\n}): JSX.Element {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = useState(false);\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  const open = openProp ?? isOpen;\n  const setOpen = useCallback(\n    (value: ((value: boolean) => boolean) | boolean) => {\n      const openState = typeof value === 'function' ? value(open) : value;\n\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        setIsOpen(openState);\n      }\n\n      // eslint-disable-next-line unicorn/no-document-cookie -- This sets the cookie to keep the sidebar state.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n    },\n    [setOpenProp, open],\n  );\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) {\n      setOpenMobile((currentValue) => !currentValue);\n    } else {\n      setOpen((currentValue) => !currentValue);\n    }\n  }, [isMobile, setOpen, setOpenMobile]);\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  useEffect(() => {\n    const handleKeyDown: (event: KeyboardEvent) => void = (event: KeyboardEvent) => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [toggleSidebar]);\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? 'expanded' : 'collapsed';\n\n  const contextValue = useMemo<SidebarContextProps>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n    }),\n    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar],\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <TooltipProvider delayDuration={0}>\n        <div\n          className={cn('group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full', className)}\n          data-slot=\"sidebar-wrapper\"\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH,\n              '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n              ...style,\n            } as CSSProperties\n          }\n          {...props}\n        >\n          {children}\n        </div>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: Sidebar\n * -------------------------------------------------------------------------- */\n\nfunction Sidebar({\n  side = 'left',\n  variant = 'sidebar',\n  collapsible = 'offcanvas',\n  className,\n  children,\n  ...props\n}: ComponentProps<'div'> & {\n  collapsible?: 'icon' | 'none' | 'offcanvas';\n  side?: 'left' | 'right';\n  variant?: 'floating' | 'inset' | 'sidebar';\n}): JSX.Element {\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n  if (collapsible === 'none') {\n    return (\n      <div\n        className={cn('bg-sidebar text-sidebar-foreground w-(--sidebar-width) flex h-full flex-col', className)}\n        data-slot=\"sidebar\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetContent\n          className=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n          data-mobile=\"true\"\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          side={side}\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n            } as CSSProperties\n          }\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  }\n\n  return (\n    <div\n      className={cn('text-sidebar-foreground group peer hidden md:block', className)}\n      data-collapsible={state === 'collapsed' ? collapsible : ''}\n      data-side={side}\n      data-slot=\"sidebar\"\n      data-state={state}\n      data-variant={variant}\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div\n        className={cn(\n          'w-(--sidebar-width) relative bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 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        data-slot=\"sidebar-gap\"\n      />\n      <div\n        className={cn(\n          'w-(--sidebar-width) fixed inset-y-0 z-10 hidden h-svh 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          // Adjust the padding for floating and inset variants.\n          variant === 'floating' || variant === 'inset'\n            ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'\n            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n          className,\n        )}\n        data-slot=\"sidebar-container\"\n        {...props}\n      >\n        <div\n          className=\"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm\"\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarTrigger\n * -------------------------------------------------------------------------- */\n\nfunction SidebarTrigger({ className, onClick, ...props }: ComponentProps<typeof Button>): JSX.Element {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <Button\n      className={cn('size-7', className)}\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      size=\"icon\"\n      variant=\"ghost\"\n      onClick={(event) => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <PanelLeftIcon />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarRail\n * -------------------------------------------------------------------------- */\n\nfunction SidebarRail({ className, ...props }: ComponentProps<'button'>): JSX.Element {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      className={cn(\n        'hover:after:bg-sidebar-border in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize hover:group-data-[collapsible=offcanvas]:bg-sidebar 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] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full sm:flex [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-collapsible=offcanvas]_&]:-left-2 [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        className,\n      )}\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      title=\"Toggle Sidebar\"\n      type=\"button\"\n      onClick={toggleSidebar}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarInset\n * -------------------------------------------------------------------------- */\n\nfunction SidebarInset({ className, ...props }: ComponentProps<'main'>): JSX.Element {\n  return (\n    <main\n      className={cn(\n        'bg-background relative flex w-full flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm',\n        className,\n      )}\n      data-slot=\"sidebar-inset\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarInput\n * -------------------------------------------------------------------------- */\n\nfunction SidebarInput({ className, ...props }: ComponentProps<typeof Input>): JSX.Element {\n  return (\n    <Input\n      className={cn('bg-background h-8 w-full shadow-none', className)}\n      data-sidebar=\"input\"\n      data-slot=\"sidebar-input\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarHeader\n * -------------------------------------------------------------------------- */\n\nfunction SidebarHeader({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('flex flex-col gap-2 p-2', className)}\n      data-sidebar=\"header\"\n      data-slot=\"sidebar-header\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarFooter\n * -------------------------------------------------------------------------- */\n\nfunction SidebarFooter({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('flex flex-col gap-2 p-2', className)}\n      data-sidebar=\"footer\"\n      data-slot=\"sidebar-footer\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarSeparator\n * -------------------------------------------------------------------------- */\n\nfunction SidebarSeparator({ className, ...props }: ComponentProps<typeof Separator>): JSX.Element {\n  return (\n    <Separator\n      className={cn('bg-sidebar-border mx-2 w-auto', className)}\n      data-sidebar=\"separator\"\n      data-slot=\"sidebar-separator\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarContent\n * -------------------------------------------------------------------------- */\n\nfunction SidebarContent({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn(\n        'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n        className,\n      )}\n      data-sidebar=\"content\"\n      data-slot=\"sidebar-content\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroup\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroup({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('relative flex w-full min-w-0 flex-col p-2', className)}\n      data-sidebar=\"group\"\n      data-slot=\"sidebar-group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroupLabel\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroupLabel({\n  className,\n  asChild = false,\n  ...props\n}: ComponentProps<'div'> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component\n      className={cn(\n        'text-sidebar-foreground/70 ring-sidebar-ring outline-hidden focus-visible:ring-3 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 [&>svg]:size-4 [&>svg]:shrink-0',\n        className,\n      )}\n      data-sidebar=\"group-label\"\n      data-slot=\"sidebar-group-label\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroupAction\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroupAction({\n  className,\n  asChild = false,\n  ...props\n}: ComponentProps<'button'> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : 'button';\n\n  return (\n    <Component\n      className={cn(\n        'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0',\n        className,\n      )}\n      data-sidebar=\"group-action\"\n      data-slot=\"sidebar-group-action\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarGroupContent\n * -------------------------------------------------------------------------- */\n\nfunction SidebarGroupContent({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('w-full text-sm', className)}\n      data-sidebar=\"group-content\"\n      data-slot=\"sidebar-group-content\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenu\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenu({ className, ...props }: ComponentProps<'ul'>): JSX.Element {\n  return (\n    <ul\n      className={cn('flex w-full min-w-0 flex-col gap-1', className)}\n      data-sidebar=\"menu\"\n      data-slot=\"sidebar-menu\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuItem\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuItem({ className, ...props }: ComponentProps<'li'>): JSX.Element {\n  return (\n    <li\n      className={cn('group/menu-item relative', className)}\n      data-sidebar=\"menu-item\"\n      data-slot=\"sidebar-menu-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Variant: SidebarMenuButton\n * -------------------------------------------------------------------------- */\n\nconst sidebarMenuButtonVariants = tv({\n  base: 'peer/menu-button outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground group-has-data-[sidebar=menu-action]/menu-item:pr-8 data-[active=true]:bg-sidebar-accent 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! focus-visible:ring-3 flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm transition-[width,height,padding] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n  variants: {\n    variant: {\n      default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n      outline:\n        'bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n    },\n    size: {\n      sm: 'h-7 text-xs',\n      md: 'h-8 text-sm',\n      lg: 'group-data-[collapsible=icon]:p-0! h-12 text-sm',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuButton\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = 'default',\n  size = 'md',\n  tooltip,\n  className,\n  ...props\n}: ComponentProps<'button'> &\n  VariantProps<typeof sidebarMenuButtonVariants> & {\n    asChild?: boolean;\n    isActive?: boolean;\n    tooltip?: ComponentProps<typeof TooltipContent> | string;\n  }): JSX.Element {\n  const Component = asChild ? Slot : 'button';\n  const { isMobile, state } = useSidebar();\n\n  const button = (\n    <Component\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      data-active={isActive}\n      data-sidebar=\"menu-button\"\n      data-size={size}\n      data-slot=\"sidebar-menu-button\"\n      {...props}\n    />\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  if (typeof tooltip === 'string') {\n    // eslint-disable-next-line no-param-reassign -- convert it to an object with default properties\n    tooltip = {\n      children: tooltip,\n    };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent align=\"center\" hidden={state !== 'collapsed' || isMobile} side=\"right\" {...tooltip} />\n    </Tooltip>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuAction\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuAction({\n  className,\n  asChild = false,\n  showOnHover = false,\n  ...props\n}: ComponentProps<'button'> & {\n  asChild?: boolean;\n  showOnHover?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : 'button';\n\n  return (\n    <Component\n      className={cn(\n        'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 transition-transform after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0',\n        showOnHover &&\n          'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0',\n        className,\n      )}\n      data-sidebar=\"menu-action\"\n      data-slot=\"sidebar-menu-action\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuBadge\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuBadge({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn(\n        'text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground 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 group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1',\n        className,\n      )}\n      data-sidebar=\"menu-badge\"\n      data-slot=\"sidebar-menu-badge\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSkeleton\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: ComponentProps<'div'> & {\n  showIcon?: boolean;\n}): JSX.Element {\n  // Random width between 50 to 90%.\n  const width = useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`;\n  }, []);\n\n  return (\n    <div\n      className={cn('flex h-8 items-center gap-2 rounded-md px-2', className)}\n      data-sidebar=\"menu-skeleton\"\n      data-slot=\"sidebar-menu-skeleton\"\n      {...props}\n    >\n      {showIcon ? <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" /> : null}\n      <Skeleton\n        className=\"max-w-(--skeleton-width) h-4 flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            '--skeleton-width': width,\n          } as CSSProperties\n        }\n      />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSub\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSub({ className, ...props }: ComponentProps<'ul'>): JSX.Element {\n  return (\n    <ul\n      className={cn(\n        'border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden',\n        className,\n      )}\n      data-sidebar=\"menu-sub\"\n      data-slot=\"sidebar-menu-sub\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSubItem\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSubItem({ className, ...props }: ComponentProps<'li'>): JSX.Element {\n  return (\n    <li\n      className={cn('group/menu-sub-item relative', className)}\n      data-sidebar=\"menu-sub-item\"\n      data-slot=\"sidebar-menu-sub-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SidebarMenuSubButton\n * -------------------------------------------------------------------------- */\n\nfunction SidebarMenuSubButton({\n  asChild = false,\n  size = 'md',\n  isActive = false,\n  className,\n  ...props\n}: ComponentProps<'a'> & {\n  asChild?: boolean;\n  isActive?: boolean;\n  size?: 'md' | 'sm';\n}): JSX.Element {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn(\n        'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground outline-hidden focus-visible:ring-3 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',\n        size === 'sm' && 'text-xs',\n        size === 'md' && 'text-sm',\n        'group-data-[collapsible=icon]:hidden',\n        className,\n      )}\n      data-active={isActive}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-slot=\"sidebar-menu-sub-button\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\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"]}

package/dist/chunk-ZO2D5OMQ.js

@@ -0,0 +1,2 @@
+"use client";import{a as p}from"./chunk-B74UCONC.js";import{b as n}from"./chunk-ZFCLI44C.js";import{a as r}from"./chunk-FR7P352M.js";import*as o from"@codefast-ui/input";import{EyeIcon as v,EyeOffIcon as I}from"lucide-react";import{useCallback as b,useState as g}from"react";import{jsx as t,jsxs as S}from"react/jsx-runtime";var{input:C,root:E}=p();function x({className:a,disabled:s,loaderPosition:m,loading:l,prefix:d,readOnly:u,spinner:f,suffix:e,...c}){let[i,w]=g("password"),P=b(()=>{w(y=>y==="password"?"text":"password")},[]);return S(o.Root,{className:E({className:[!e&&"pr-1.5",a]}),"data-slot":"input-password",disabled:s,loaderPosition:m,loading:l,prefix:d,readOnly:u,spinner:f||t(r,{}),suffix:e,children:[t(o.Item,{autoCapitalize:"none",className:C(),"data-slot":"input-password-item",type:i,...c}),t(n,{"aria-label":i==="password"?"Show password":"Hide password",className:"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0","data-slot":"input-password-toggle",disabled:s,prefix:i==="password"?t(I,{}):t(v,{}),size:"icon",variant:"ghost",onClick:P})]})}var O=x;export{x as a,O as b};
+//# sourceMappingURL=chunk-ZO2D5OMQ.js.map

package/dist/chunk-ZO2D5OMQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input-password.tsx"],"names":["InputPrimitive","EyeIcon","EyeOffIcon","useCallback","useState","jsx","jsxs","input","root","inputVariants","InputPassword","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","props","type","setType","togglePasswordVisibility","prev","Spinner","Button","PasswordInput"],"mappings":"wHAKA,UAAYA,MAAoB,qBAChC,OAAS,WAAAC,EAAS,cAAAC,MAAkB,eACpC,OAAS,eAAAC,EAAa,YAAAC,MAAgB,QAoClC,OAQsB,OAAAC,EARtB,QAAAC,MAAA,oBA1BJ,GAAM,CAAE,MAAAC,EAAO,KAAAC,CAAK,EAAIC,EAAc,EAMtC,SAASC,EAAc,CACrB,UAAAC,EACA,SAAAC,EACA,eAAAC,EACA,QAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EAEmD,CACjD,GAAM,CAACC,EAAMC,CAAO,EAAIjB,EAA8B,UAAU,EAE1DkB,EAA2BnB,EAAkD,IAAM,CACvFkB,EAASE,GAAUA,IAAS,WAAa,OAAS,UAAW,CAC/D,EAAG,CAAC,CAAC,EAEL,OACEjB,EAAgB,OAAf,CACC,UAAWE,EAAK,CAAE,UAAW,CAAC,CAACU,GAAU,SAAUP,CAAS,CAAE,CAAC,EAC/D,YAAU,iBACV,SAAUC,EACV,eAAgBC,EAChB,QAASC,EACT,OAAQC,EACR,SAAUC,EACV,QAASC,GAAWZ,EAACmB,EAAA,EAAQ,EAC7B,OAAQN,EAER,UAAAb,EAAgB,OAAf,CACC,eAAe,OACf,UAAWE,EAAM,EACjB,YAAU,sBACV,KAAMa,EACL,GAAGD,EACN,EACAd,EAACoB,EAAA,CACC,aAAYL,IAAS,WAAa,gBAAkB,gBACpD,UAAU,+EACV,YAAU,wBACV,SAAUR,EACV,OAAQQ,IAAS,WAAaf,EAACH,EAAA,EAAW,EAAKG,EAACJ,EAAA,EAAQ,EACxD,KAAK,OACL,QAAQ,QACR,QAASqB,EACX,GACF,CAEJ,CAWA,IAAMI,EAAgBhB","sourcesContent":["'use client';\n\nimport type { ComponentProps, JSX, MouseEventHandler } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport * as InputPrimitive from '@codefast-ui/input';\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { useCallback, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { inputVariants } from '@/components/input';\nimport { Spinner } from '@/components/spinner';\n\n/* -----------------------------------------------------------------------------\n * Variant: InputPassword\n * -------------------------------------------------------------------------- */\n\nconst { input, root } = inputVariants();\n\n/* -----------------------------------------------------------------------------\n * Component: InputPassword\n * -------------------------------------------------------------------------- */\n\nfunction InputPassword({\n  className,\n  disabled,\n  loaderPosition,\n  loading,\n  prefix,\n  readOnly,\n  spinner,\n  suffix,\n  ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n  Omit<ComponentProps<typeof InputPrimitive.Item>, 'prefix' | 'type'> &\n  VariantProps<typeof inputVariants>): JSX.Element {\n  const [type, setType] = useState<'password' | 'text'>('password');\n\n  const togglePasswordVisibility = useCallback<MouseEventHandler<HTMLButtonElement>>(() => {\n    setType((prev) => (prev === 'password' ? 'text' : 'password'));\n  }, []);\n\n  return (\n    <InputPrimitive.Root\n      className={root({ className: [!suffix && 'pr-1.5', className] })}\n      data-slot=\"input-password\"\n      disabled={disabled}\n      loaderPosition={loaderPosition}\n      loading={loading}\n      prefix={prefix}\n      readOnly={readOnly}\n      spinner={spinner || <Spinner />}\n      suffix={suffix}\n    >\n      <InputPrimitive.Item\n        autoCapitalize=\"none\"\n        className={input()}\n        data-slot=\"input-password-item\"\n        type={type}\n        {...props}\n      />\n      <Button\n        aria-label={type === 'password' ? 'Show password' : 'Hide password'}\n        className=\"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0\"\n        data-slot=\"input-password-toggle\"\n        disabled={disabled}\n        prefix={type === 'password' ? <EyeOffIcon /> : <EyeIcon />}\n        size=\"icon\"\n        variant=\"ghost\"\n        onClick={togglePasswordVisibility}\n      />\n    </InputPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst PasswordInput = InputPassword;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { InputPassword, PasswordInput };\n"]}

package/dist/chunk-ZQRHXFQO.js

@@ -0,0 +1,2 @@
+import{a as o}from"./chunk-OKUFCFYT.js";import{Slot as r}from"@radix-ui/react-slot";import{jsx as m}from"react/jsx-runtime";function c({asChild:n,className:t,...e}){return m(n?r:"div",{className:o("container",t),"data-slot":"container",...e})}export{c as a};
+//# sourceMappingURL=chunk-ZQRHXFQO.js.map

package/dist/chunk-ZQRHXFQO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/container.tsx"],"names":["Slot","jsx","Container","asChild","className","props","cn"],"mappings":"wCAEA,OAAS,QAAAA,MAAY,uBAiBZ,cAAAC,MAAA,oBATT,SAASC,EAAU,CACjB,QAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAEgB,CAGd,OAAOJ,EAFWE,EAAUH,EAAO,MAE3B,CAAU,UAAWM,EAAG,YAAaF,CAAS,EAAG,YAAU,YAAa,GAAGC,EAAO,CAC5F","sourcesContent":["import type { ComponentProps, JSX } from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Container\n * -------------------------------------------------------------------------- */\n\nfunction Container({\n  asChild,\n  className,\n  ...props\n}: ComponentProps<'div'> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : 'div';\n\n  return <Component className={cn('container', className)} data-slot=\"container\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Container };\n"]}

package/dist/chunk-ZVPN2HIY.cjs

@@ -0,0 +1,2 @@
+"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; } }var _chunkSMJEDCFPcjs = require('./chunk-SMJEDCFP.cjs');var _reacttabs = require('@radix-ui/react-tabs'); var t = _interopRequireWildcard(_reacttabs);var _jsxruntime = require('react/jsx-runtime');function s({...e}){return _jsxruntime.jsx.call(void 0, t.Root,{"data-slot":"tabs",...e})}function r({className:e,...i}){return _jsxruntime.jsx.call(void 0, t.List,{className:_chunkSMJEDCFPcjs.a.call(void 0, "bg-muted text-muted-foreground inline-flex items-center justify-center gap-1 rounded-xl px-1 py-1",e),"data-slot":"tabs-list",...i})}function m({className:e,...i}){return _jsxruntime.jsx.call(void 0, t.Trigger,{className:_chunkSMJEDCFPcjs.a.call(void 0, "data-[state=active]:bg-background dark:data-[state=active]:bg-input/50 data-[state=active]:text-foreground focus-visible:ring-ring/50 focus-visible:ring-3 dark:outline-ring not-dark:outline-hidden inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-lg px-2 py-1.5 text-sm font-medium transition disabled:opacity-50 data-[state=active]:shadow-sm dark:-outline-offset-1 dark:data-[state=active]:outline-1 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",e),"data-slot":"tabs-trigger",...i})}function d({className:e,...i}){return _jsxruntime.jsx.call(void 0, t.Content,{className:_chunkSMJEDCFPcjs.a.call(void 0, "outline-ring ring-ring/50 mt-2 rounded-xl focus-visible:outline-1 focus-visible:ring-4",e),"data-slot":"tabs-content",...i})}exports.a = s; exports.b = r; exports.c = m; exports.d = d;
+//# sourceMappingURL=chunk-ZVPN2HIY.cjs.map

package/dist/chunk-ZVPN2HIY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/chunk-ZVPN2HIY.cjs","../src/components/tabs.tsx"],"names":["Tabs","props","jsx","TabsList","className","cn","TabsTrigger","TabsContent"],"mappings":"AAAA,mZAAwC,8FCET,+CAStB,SADAA,CAAAA,CAAK,CAAE,GAAGC,CAAM,CAAA,CAA2D,CAClF,OAAOC,6BAAAA,CAAe,CAAA,IAAA,CAAd,CAAmB,WAAA,CAAU,MAAA,CAAQ,GAAGD,CAAAA,CAAO,CACzD,CAMA,SAASE,CAAAA,CAAS,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGH,CAAM,CAAA,CAA2D,CACjG,OACEC,6BAAAA,CAAe,CAAA,IAAA,CAAd,CACC,SAAA,CAAWG,iCAAAA,mGACT,CACAD,CACF,CAAA,CACA,WAAA,CAAU,WAAA,CACT,GAAGH,CAAAA,CACN,CAEJ,CAMA,SAASK,CAAAA,CAAY,CAAE,SAAA,CAAAF,CAAAA,CAAW,GAAGH,CAAM,CAAA,CAA8D,CACvG,OACEC,6BAAAA,CAAe,CAAA,OAAA,CAAd,CACC,SAAA,CAAWG,iCAAAA,geACT,CACAD,CACF,CAAA,CACA,WAAA,CAAU,cAAA,CACT,GAAGH,CAAAA,CACN,CAEJ,CAMA,SAASM,CAAAA,CAAY,CAAE,SAAA,CAAAH,CAAAA,CAAW,GAAGH,CAAM,CAAA,CAA8D,CACvG,OACEC,6BAAAA,CAAe,CAAA,OAAA,CAAd,CACC,SAAA,CAAWG,iCAAAA,wFACT,CACAD,CACF,CAAA,CACA,WAAA,CAAU,cAAA,CACT,GAAGH,CAAAA,CACN,CAEJ,CAAA,2DAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/chunk-ZVPN2HIY.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Tabs\n * -------------------------------------------------------------------------- */\n\nfunction Tabs({ ...props }: ComponentProps<typeof TabsPrimitive.Root>): JSX.Element {\n  return <TabsPrimitive.Root data-slot=\"tabs\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TabsList\n * -------------------------------------------------------------------------- */\n\nfunction TabsList({ className, ...props }: ComponentProps<typeof TabsPrimitive.List>): JSX.Element {\n  return (\n    <TabsPrimitive.List\n      className={cn(\n        'bg-muted text-muted-foreground inline-flex items-center justify-center gap-1 rounded-xl px-1 py-1',\n        className,\n      )}\n      data-slot=\"tabs-list\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TabsTrigger\n * -------------------------------------------------------------------------- */\n\nfunction TabsTrigger({ className, ...props }: ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element {\n  return (\n    <TabsPrimitive.Trigger\n      className={cn(\n        \"data-[state=active]:bg-background dark:data-[state=active]:bg-input/50 data-[state=active]:text-foreground focus-visible:ring-ring/50 focus-visible:ring-3 dark:outline-ring not-dark:outline-hidden inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-lg px-2 py-1.5 text-sm font-medium transition disabled:opacity-50 data-[state=active]:shadow-sm dark:-outline-offset-1 dark:data-[state=active]:outline-1 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n        className,\n      )}\n      data-slot=\"tabs-trigger\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TabsContent\n * -------------------------------------------------------------------------- */\n\nfunction TabsContent({ className, ...props }: ComponentProps<typeof TabsPrimitive.Content>): JSX.Element {\n  return (\n    <TabsPrimitive.Content\n      className={cn(\n        'outline-ring ring-ring/50 mt-2 rounded-xl focus-visible:outline-1 focus-visible:ring-4',\n        className,\n      )}\n      data-slot=\"tabs-content\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n"]}

package/dist/components/accordion.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkPLQBG655cjs = require('../chunk-PLQBG655.cjs');require('../chunk-SMJEDCFP.cjs');exports.Accordion = _chunkPLQBG655cjs.a; exports.AccordionContent = _chunkPLQBG655cjs.e; exports.AccordionIcon = _chunkPLQBG655cjs.c; exports.AccordionItem = _chunkPLQBG655cjs.b; exports.AccordionTrigger = _chunkPLQBG655cjs.d;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkRNLUQH6Ecjs = require('../chunk-RNLUQH6E.cjs');require('../chunk-SMJEDCFP.cjs');exports.Accordion = _chunkRNLUQH6Ecjs.a; exports.AccordionContent = _chunkRNLUQH6Ecjs.e; exports.AccordionIcon = _chunkRNLUQH6Ecjs.c; exports.AccordionItem = _chunkRNLUQH6Ecjs.b; exports.AccordionTrigger = _chunkRNLUQH6Ecjs.d;
 //# sourceMappingURL=accordion.cjs.map

package/dist/components/accordion.d.cts

@@ -1,20 +1,14 @@
-import * as react from 'react';
 import { ComponentProps, JSX } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { Slot } from '@radix-ui/react-slot';
 
-type AccordionProps = ComponentProps<typeof AccordionPrimitive.Root>;
-declare const Accordion: react.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & react.RefAttributes<HTMLDivElement>>;
-type AccordionItemProps = ComponentProps<typeof AccordionPrimitive.Item>;
-declare const AccordionItem: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
-interface AccordionIconProps extends ComponentProps<typeof Slot> {
+declare function Accordion({ ...props }: ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
+declare function AccordionItem({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
+declare function AccordionIcon({ asChild, className, ...props }: ComponentProps<typeof Slot> & {
     asChild?: boolean;
     className?: string;
-}
-declare function AccordionIcon({ asChild, className, ...props }: AccordionIconProps): JSX.Element;
-type AccordionTriggerProps = ComponentProps<typeof AccordionPrimitive.Trigger>;
-declare function AccordionTrigger({ className, ...props }: AccordionTriggerProps): JSX.Element;
-type AccordionContentProps = ComponentProps<typeof AccordionPrimitive.Content>;
-declare function AccordionContent({ children, className, ...props }: AccordionContentProps): JSX.Element;
+}): JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
+declare function AccordionContent({ children, className, ...props }: ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionIcon, type AccordionIconProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };
+export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };

package/dist/components/accordion.d.ts

@@ -1,20 +1,14 @@
-import * as react from 'react';
 import { ComponentProps, JSX } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { Slot } from '@radix-ui/react-slot';
 
-type AccordionProps = ComponentProps<typeof AccordionPrimitive.Root>;
-declare const Accordion: react.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & react.RefAttributes<HTMLDivElement>>;
-type AccordionItemProps = ComponentProps<typeof AccordionPrimitive.Item>;
-declare const AccordionItem: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
-interface AccordionIconProps extends ComponentProps<typeof Slot> {
+declare function Accordion({ ...props }: ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
+declare function AccordionItem({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
+declare function AccordionIcon({ asChild, className, ...props }: ComponentProps<typeof Slot> & {
     asChild?: boolean;
     className?: string;
-}
-declare function AccordionIcon({ asChild, className, ...props }: AccordionIconProps): JSX.Element;
-type AccordionTriggerProps = ComponentProps<typeof AccordionPrimitive.Trigger>;
-declare function AccordionTrigger({ className, ...props }: AccordionTriggerProps): JSX.Element;
-type AccordionContentProps = ComponentProps<typeof AccordionPrimitive.Content>;
-declare function AccordionContent({ children, className, ...props }: AccordionContentProps): JSX.Element;
+}): JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
+declare function AccordionContent({ children, className, ...props }: ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionIcon, type AccordionIconProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };
+export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };

package/dist/components/accordion.js

@@ -1,2 +1,2 @@
-import{a,b,c,d,e}from"../chunk-V3KAJCT6.js";import"../chunk-OKUFCFYT.js";export{a as Accordion,e as AccordionContent,c as AccordionIcon,b as AccordionItem,d as AccordionTrigger};
+import{a,b,c,d,e}from"../chunk-ZIIE5XVL.js";import"../chunk-OKUFCFYT.js";export{a as Accordion,e as AccordionContent,c as AccordionIcon,b as AccordionItem,d as AccordionTrigger};
 //# sourceMappingURL=accordion.js.map

package/dist/components/alert-dialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkDM7NEO2Acjs = require('../chunk-DM7NEO2A.cjs');require('../chunk-3EIIPNVC.cjs');require('../chunk-SMJEDCFP.cjs');exports.AlertDialog = _chunkDM7NEO2Acjs.a; exports.AlertDialogAction = _chunkDM7NEO2Acjs.i; exports.AlertDialogBody = _chunkDM7NEO2Acjs.e; exports.AlertDialogCancel = _chunkDM7NEO2Acjs.j; exports.AlertDialogContent = _chunkDM7NEO2Acjs.c; exports.AlertDialogDescription = _chunkDM7NEO2Acjs.h; exports.AlertDialogFooter = _chunkDM7NEO2Acjs.f; exports.AlertDialogHeader = _chunkDM7NEO2Acjs.d; exports.AlertDialogTitle = _chunkDM7NEO2Acjs.g; exports.AlertDialogTrigger = _chunkDM7NEO2Acjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk2EVCRJIDcjs = require('../chunk-2EVCRJID.cjs');require('../chunk-TNP6NVCR.cjs');require('../chunk-XXUOW3ID.cjs');require('../chunk-SMJEDCFP.cjs');exports.AlertDialog = _chunk2EVCRJIDcjs.a; exports.AlertDialogAction = _chunk2EVCRJIDcjs.i; exports.AlertDialogBody = _chunk2EVCRJIDcjs.e; exports.AlertDialogCancel = _chunk2EVCRJIDcjs.j; exports.AlertDialogContent = _chunk2EVCRJIDcjs.c; exports.AlertDialogDescription = _chunk2EVCRJIDcjs.h; exports.AlertDialogFooter = _chunk2EVCRJIDcjs.f; exports.AlertDialogHeader = _chunk2EVCRJIDcjs.d; exports.AlertDialogTitle = _chunk2EVCRJIDcjs.g; exports.AlertDialogTrigger = _chunk2EVCRJIDcjs.b;
 //# sourceMappingURL=alert-dialog.cjs.map

package/dist/components/alert-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/alert-dialog.cjs"],"names":[],"mappings":"AAAA,kIAAsD,iCAA8B,iCAA8B,ueAA4O","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/alert-dialog.cjs"}
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/alert-dialog.cjs"],"names":[],"mappings":"AAAA,kIAAsD,iCAA8B,iCAA8B,iCAA8B,ueAA4O","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/alert-dialog.cjs"}