@alkimi.org/ui-kit 0.8.6 → 0.8.8

package/dist/chunk-25PBXFF5.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+var _chunkRRAIGAHUjs = require('./chunk-RRAIGAHU.js');var _chunk7SOZ6MOVjs = require('./chunk-7SOZ6MOV.js');var _chunk752ERCMUjs = require('./chunk-752ERCMU.js');var _chunk5L5DM2X5js = require('./chunk-5L5DM2X5.js');var _chunkK4GMCVHOjs = require('./chunk-K4GMCVHO.js');var _chunk7T4BNCXLjs = require('./chunk-7T4BNCXL.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var e = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _classvarianceauthority = require('class-variance-authority');var _lucidereact = require('lucide-react');var _jsxruntime = require('react/jsx-runtime');var ce="sidebar_state",pe=3600*24*7,ue="16.75rem",ee="23rem",be="calc(3rem + 0.75rem)",fe="b",ae=e.createContext(null),te=e.createContext(!1);function E(){let a=e.useContext(ae);if(!a)throw new Error("useSidebar must be used within a SidebarProvider.");return a}var me=e.forwardRef(({defaultOpen:a=!0,open:t,onOpenChange:n,className:i,style:s,children:c,...p},l)=>{let[R,g]=e.useState(!1),[f,v]=e.useState(a),[w,y]=e.useState(!1),[P,x]=e.useState(a),S=_nullishCoalesce(t, () => (P)),h=e.useCallback(d=>{let u=typeof d=="function"?d(S):d;n?n(u):x(u),document.cookie=`${ce}=${u}; path=/; max-age=${pe}`},[n,S]),m=e.useCallback(()=>{h(d=>!d)},[h]),_=e.useCallback(()=>{g(d=>!d)},[g]);e.useEffect(()=>{let d=u=>{u.key===fe&&(u.metaKey||u.ctrlKey)&&(u.preventDefault(),m())};return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[m]);let k=S?"expanded":"collapsed",[H,A]=e.useState(0),O=e.useRef(null),B=e.useRef([]),F=e.Children.toArray(c),C=F.filter(d=>e.isValidElement(d)&&_optionalChain([d, 'access', _2 => _2.type, 'optionalAccess', _3 => _3.displayName])==="SidebarBanner"),ne=F.filter(d=>!e.isValidElement(d)||_optionalChain([d, 'access', _4 => _4.type, 'optionalAccess', _5 => _5.displayName])!=="SidebarBanner");C.length>0&&(B.current=C);let N=C.length>0,M=!N&&B.current.length>0,G=N||M,oe=e.useMemo(()=>({state:k,isOpen:f,setOpen:h,openMobile:R,setOpenMobile:g,toggleSidebar:m,toggleMobileSidebar:_,setIsFullyOpen:v,isAnimating:w,setIsAnimating:y,isBannerClosing:M}),[k,f,h,R,g,m,_,v,w,y,M]);return e.useEffect(()=>{let d=O.current;if(!d){A(0);return}let u=()=>{A(d.offsetHeight)};u();let V=new ResizeObserver(u);return V.observe(d),()=>V.disconnect()},[C.length]),_jsxruntime.jsx.call(void 0, ae.Provider,{value:oe,children:_jsxruntime.jsx.call(void 0, _chunkRRAIGAHUjs.a,{delayDuration:0,children:_jsxruntime.jsx.call(void 0, "div",{style:{"--sidebar-width":ue,"--sidebar-width-icon":be,"--sidebar-top":N?`${H}px`:"0px",...s},className:_chunkFUYXCJOQjs.a.call(void 0, "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",G&&"flex-col",i),ref:l,...p,children:G?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "div",{className:"relative overflow-hidden transition-[height] duration-200 ease-linear",style:{height:M?"0px":H>0?`${H}px`:"auto"},children:_jsxruntime.jsx.call(void 0, "div",{ref:O,className:"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full","data-state":N?"open":"closed",onTransitionEnd:()=>{M&&(B.current=[])},children:N?C:B.current})}),_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-1",children:ne})]}):c})})})});me.displayName="SidebarProvider";var ge=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"banner",className:_chunkFUYXCJOQjs.a.call(void 0, "w-full",a),...t}));ge.displayName="SidebarBanner";var ve=e.forwardRef(({side:a="left",variant:t="sidebar",collapsible:n="offcanvas",className:i,children:s,...c},p)=>{let{state:l,openMobile:R,setOpenMobile:g,setIsFullyOpen:f,setIsAnimating:v,isBannerClosing:w}=E(),y=e.useRef(null),P=e.useRef(!0);return e.useEffect(()=>{let x=y.current;if(!x)return;if(P.current){P.current=!1,f(l==="expanded"),v(!1);return}v(!0);let S=setTimeout(()=>{f(l==="expanded"),v(!1)},300),h=m=>{m.target===x&&(m.propertyName==="left"||m.propertyName==="right"||m.propertyName==="width")&&(clearTimeout(S),f(l==="expanded"),v(!1))};return x.addEventListener("transitionend",h),()=>{x.removeEventListener("transitionend",h),clearTimeout(S)}},[l,f,v]),n==="none"?_jsxruntime.jsx.call(void 0, "aside",{className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",i),ref:p,...c,children:s}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunk752ERCMUjs.a,{open:R,onOpenChange:g,children:_jsxruntime.jsxs.call(void 0, _chunk752ERCMUjs.f,{"data-sidebar":"sidebar","data-mobile":"true",className:"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",style:{width:ee,maxWidth:ee},side:a,children:[_jsxruntime.jsxs.call(void 0, _chunk752ERCMUjs.g,{className:"sr-only",children:[_jsxruntime.jsx.call(void 0, _chunk752ERCMUjs.i,{children:"Sidebar"}),_jsxruntime.jsx.call(void 0, _chunk752ERCMUjs.j,{children:"Displays the mobile sidebar."})]}),_jsxruntime.jsx.call(void 0, te.Provider,{value:!0,children:_jsxruntime.jsx.call(void 0, "div",{className:"flex h-full w-full flex-col",children:s})})]})}),_jsxruntime.jsxs.call(void 0, "aside",{ref:p,className:"group peer hidden text-sidebar-foreground md:block","data-state":l,"data-collapsible":l==="collapsed"?n:"","data-variant":t,"data-side":a,children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunkFUYXCJOQjs.a.call(void 0, "w-(--sidebar-width) transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0",t==="floating"||t==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),_jsxruntime.jsx.call(void 0, "div",{ref:y,"data-banner-closing":w,className:_chunkFUYXCJOQjs.a.call(void 0, "fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",w&&"transition-[left,right,width,top,height]","top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]",a==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",t==="floating"||t==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)",i),...c,children:_jsxruntime.jsx.call(void 0, "div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0",children:s})})})]})]})});ve.displayName="Sidebar";var re=e.forwardRef(({className:a,onClick:t,...n},i)=>{let{toggleSidebar:s,toggleMobileSidebar:c,openMobile:p}=E();return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, _chunk7T4BNCXLjs.b,{"data-sidebar":"trigger",variant:"ghost",size:"icon",className:_chunkFUYXCJOQjs.a.call(void 0, "md:hidden bg-transparent hover:bg-transparent",a),onClick:l=>{_optionalChain([t, 'optionalCall', _6 => _6(l)]),c()},...n,children:[p?_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, _chunk7T4BNCXLjs.a.call(void 0, {variant:"secondary",size:"icon"})),children:_jsxruntime.jsx.call(void 0, _lucidereact.X,{size:16})}):_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, _chunk7T4BNCXLjs.a.call(void 0, {variant:"outline",size:"icon"})),children:_jsxruntime.jsx.call(void 0, _lucidereact.Menu,{size:16})}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Toggle Sidebar"})]}),_jsxruntime.jsxs.call(void 0, _chunk7T4BNCXLjs.b,{ref:i,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:_chunkFUYXCJOQjs.a.call(void 0, "hidden md:inline-flex h-7 w-7",a),onClick:l=>{_optionalChain([t, 'optionalCall', _7 => _7(l)]),s()},...n,children:[_jsxruntime.jsx.call(void 0, "span",{className:"rounded-full p-2",children:_jsxruntime.jsx.call(void 0, _lucidereact.PanelLeft,{size:16})}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Toggle Sidebar"})]})]})});re.displayName="SidebarTrigger";var he=e.forwardRef(({className:a,...t},n)=>{let{toggleSidebar:i}=E();return _jsxruntime.jsx.call(void 0, "button",{ref:n,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:i,title:"Toggle Sidebar",className:_chunkFUYXCJOQjs.a.call(void 0, "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",a),...t})});he.displayName="SidebarRail";var Re=e.memo(e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "main",{ref:n,className:_chunkFUYXCJOQjs.a.call(void 0, "relative flex min-w-0 w-full flex-1 flex-col","md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",a),...t})));Re.displayName="SidebarInset";var xe=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, _chunkK4GMCVHOjs.a,{ref:n,"data-sidebar":"input",className:_chunkFUYXCJOQjs.a.call(void 0, "h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",a),...t}));xe.displayName="SidebarInput";var Se=e.forwardRef(({className:a,showTrigger:t=!1,children:n,...i},s)=>{let{state:c}=E(),p=e.useContext(te),l=c==="collapsed"&&!p;return _jsxruntime.jsxs.call(void 0, "div",{ref:s,"data-sidebar":"header",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full gap-2 p-2 items-center",l?"justify-center items-center":"justify-between items-start",a),...i,children:[!l&&_jsxruntime.jsx.call(void 0, "div",{className:"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden",children:_jsxruntime.jsx.call(void 0, "div",{className:"whitespace-nowrap",children:n})}),t&&_jsxruntime.jsx.call(void 0, re,{})]})});Se.displayName="SidebarHeader";var we=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"footer",className:_chunkFUYXCJOQjs.a.call(void 0, "flex flex-col gap-2 p-2",a),...t}));we.displayName="SidebarFooter";var ye=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, _chunk7SOZ6MOVjs.a,{ref:n,"data-sidebar":"separator",className:_chunkFUYXCJOQjs.a.call(void 0, "mx-2 w-auto bg-border",a),...t}));ye.displayName="SidebarSeparator";var Ce=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"content",className:_chunkFUYXCJOQjs.a.call(void 0, "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",a),...t}));Ce.displayName="SidebarContent";var Ne=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"group",className:_chunkFUYXCJOQjs.a.call(void 0, "relative flex w-full min-w-0 flex-col","group-data-[collapsible=icon]:p-0",a),...t}));Ne.displayName="SidebarGroup";var Me=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>_jsxruntime.jsx.call(void 0, t?_reactslot.Slot:"div",{ref:i,"data-sidebar":"group-label",className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",a),...n}));Me.displayName="SidebarGroupLabel";var Te=e.forwardRef(({className:a,asChild:t=!1,...n},i)=>_jsxruntime.jsx.call(void 0, t?_reactslot.Slot:"button",{ref:i,"data-sidebar":"group-action",className:_chunkFUYXCJOQjs.a.call(void 0, "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",a),...n}));Te.displayName="SidebarGroupAction";var Ee=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"group-content",className:_chunkFUYXCJOQjs.a.call(void 0, "w-full text-sm",a),...t}));Ee.displayName="SidebarGroupContent";var Pe=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "ul",{ref:n,"data-sidebar":"menu",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full min-w-0 flex-col gap-1",a),...t}));Pe.displayName="SidebarMenu";var Be=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "li",{ref:n,"data-sidebar":"menu-item",className:_chunkFUYXCJOQjs.a.call(void 0, "group/menu-item relative",a),...t}));Be.displayName="SidebarMenuItem";var He=_classvarianceauthority.cva.call(void 0, "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",{variants:{variant:{default:"hover:bg-sidebar-accent/20 hover:text-sidebar-accent-foreground",outline:"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:!p-0"}},defaultVariants:{variant:"default",size:"default"}}),Le= exports.s =e.forwardRef(({asChild:a=!1,isActive:t=!1,variant:n="default",size:i="default",tooltip:s,className:c,...p},l)=>{let R=a?_reactslot.Slot:"button",{state:g}=E(),f=_jsxruntime.jsx.call(void 0, R,{ref:l,"data-sidebar":"menu-button","data-size":i,"data-active":t,className:_chunkFUYXCJOQjs.a.call(void 0, He({variant:n,size:i}),c),...p});return s?(typeof s=="string"&&(s={children:s}),_jsxruntime.jsxs.call(void 0, _chunkRRAIGAHUjs.b,{children:[_jsxruntime.jsx.call(void 0, _chunkRRAIGAHUjs.c,{asChild:!0,children:f}),_jsxruntime.jsx.call(void 0, _chunkRRAIGAHUjs.d,{side:"right",align:"center",hidden:g!=="collapsed",...s})]})):f});Le.displayName="SidebarMenuButton";var Ie=e.forwardRef(({className:a,asChild:t=!1,showOnHover:n=!1,...i},s)=>_jsxruntime.jsx.call(void 0, t?_reactslot.Slot:"button",{ref:s,"data-sidebar":"menu-action",className:_chunkFUYXCJOQjs.a.call(void 0, "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",n&&"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0",a),...i}));Ie.displayName="SidebarMenuAction";var ze=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,"data-sidebar":"menu-badge",className:_chunkFUYXCJOQjs.a.call(void 0, "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground","peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",a),...t}));ze.displayName="SidebarMenuBadge";var De=e.forwardRef(({className:a,showIcon:t=!1,...n},i)=>{let s=e.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return _jsxruntime.jsxs.call(void 0, "div",{ref:i,"data-sidebar":"menu-skeleton",className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-8 items-center gap-2 rounded-md px-2",a),...n,children:[t&&_jsxruntime.jsx.call(void 0, _chunk5L5DM2X5js.a,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),_jsxruntime.jsx.call(void 0, _chunk5L5DM2X5js.a,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})});De.displayName="SidebarMenuSkeleton";var _e=e.forwardRef(({className:a,...t},n)=>_jsxruntime.jsx.call(void 0, "ul",{ref:n,"data-sidebar":"menu-sub",className:_chunkFUYXCJOQjs.a.call(void 0, "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",a),...t}));_e.displayName="SidebarMenuSub";var ke=e.forwardRef(({...a},t)=>_jsxruntime.jsx.call(void 0, "li",{ref:t,...a}));ke.displayName="SidebarMenuSubItem";var Ae=e.forwardRef(({asChild:a=!1,size:t="md",isActive:n,className:i,...s},c)=>_jsxruntime.jsx.call(void 0, a?_reactslot.Slot:"a",{ref:c,"data-sidebar":"menu-sub-button","data-size":t,"data-active":n,className:_chunkFUYXCJOQjs.a.call(void 0, "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",t==="sm"&&"text-xs",t==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",i),...s}));Ae.displayName="SidebarMenuSubButton";exports.a = E; exports.b = me; exports.c = ge; exports.d = ve; exports.e = re; exports.f = he; exports.g = Re; exports.h = xe; exports.i = Se; exports.j = we; exports.k = ye; exports.l = Ce; exports.m = Ne; exports.n = Me; exports.o = Te; exports.p = Ee; exports.q = Pe; exports.r = Be; exports.s = Le; exports.t = Ie; exports.u = ze; exports.v = De; exports.w = _e; exports.x = ke; exports.y = Ae;
+//# sourceMappingURL=chunk-25PBXFF5.js.map

package/dist/chunk-25PBXFF5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-25PBXFF5.js","../src/components/sidebar.tsx"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","SidebarMobileContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","openMobile","setOpenMobile","isFullyOpen","setIsFullyOpen","isAnimating","setIsAnimating","_open","_setOpen","open","setOpen","value","openState"],"mappings":"AAAA,+8BAAY;AACZ,sDAA4D,sDAAwC,sDAAoE,sDAAwC,sDAAwC,sDAA+C,sDAAwC,uECCxT,iDACF,kEACkB,2CACJ,+CAwNrB,IAnMRA,EAAAA,CAAsB,eAAA,CACtBC,EAAAA,CAAyB,IAAA,CAAU,EAAA,CAAK,CAAA,CACxCC,EAAAA,CAAgB,UAAA,CAChBC,EAAAA,CAAuB,OAAA,CACvBC,EAAAA,CAAqB,sBAAA,CACrBC,EAAAA,CAA4B,GAAA,CAgB5BC,EAAAA,CAAuB,CAAA,CAAA,aAAA,CAA0C,IAAI,CAAA,CACrEC,EAAAA,CAA6B,CAAA,CAAA,aAAA,CAAc,CAAA,CAAK,CAAA,CAEtD,SAASC,CAAAA,CAAAA,CAAa,CACpB,IAAMC,CAAAA,CAAgB,CAAA,CAAA,UAAA,CAAWH,EAAc,CAAA,CAC/C,EAAA,CAAI,CAACG,CAAAA,CACH,MAAM,IAAI,KAAA,CAAM,mDAAmD,CAAA,CAGrE,OAAOA,CACT,CAEA,IAAMC,EAAAA,CAAwB,CAAA,CAAA,UAAA,CAQ5B,CACE,CACE,WAAA,CAAAC,CAAAA,CAAc,CAAA,CAAA,CACd,IAAA,CAAMC,CAAAA,CACN,YAAA,CAAcC,CAAAA,CACd,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,GAAM,CAACC,CAAAA,CAAYC,CAAa,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAClD,CAACC,CAAAA,CAAaC,CAAc,CAAA,CAAU,CAAA,CAAA,QAAA,CAASX,CAAW,CAAA,CAC1D,CAACY,CAAAA,CAAaC,CAAc,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAEpD,CAACC,CAAAA,CAAOC,CAAQ,CAAA,CAAU,CAAA,CAAA,QAAA,CAASf,CAAW,CAAA,CAC9CgB,CAAAA,kBAAOf,CAAAA,SAAYa,GAAAA,CACnBG,CAAAA,CAAgB,CAAA,CAAA,WAAA,CACnBC,CAAAA,EAAmD,CAClD,IAAMC,CAAAA,CAAY,OAAOD,CAAAA,EAAU,UAAA,CAAaA,CAAAA,CAAMF,CAAI,CAAA,CAAIE,CAAAA,CAC1DhB,CAAAA,CACFA,CAAAA,CAAYiB,CAAS,CAAA,CAErBJ,CAAAA,CAASI,CAAS,CAAA,CAGpB,QAAA,CAAS,MAAA,CAAS,CAAA,EAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-25PBXFF5.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft, X, Menu } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Separator } from \"@/components/separator\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16.75rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"calc(3rem + 0.75rem)\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  isOpen: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  toggleSidebar: () => void\n  toggleMobileSidebar: () => void\n  setIsFullyOpen: (open: boolean) => void\n  isAnimating: boolean\n  setIsAnimating: (animating: boolean) => void\n  isBannerClosing: boolean\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\nconst SidebarMobileContext = React.createContext(false)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n  }\n\n  return context\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    defaultOpen?: boolean\n    open?: boolean\n    onOpenChange?: (open: boolean) => void\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [openMobile, setOpenMobile] = React.useState(false)\n    const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    const toggleSidebar = React.useCallback(() => {\n      setOpen((open) => !open)\n    }, [setOpen])\n\n    const toggleMobileSidebar = React.useCallback(() => {\n      setOpenMobile((open) => !open)\n    }, [setOpenMobile])\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n          (event.metaKey || event.ctrlKey)\n        ) {\n          event.preventDefault()\n          toggleSidebar()\n        }\n      }\n\n      window.addEventListener(\"keydown\", handleKeyDown)\n      return () => window.removeEventListener(\"keydown\", handleKeyDown)\n    }, [toggleSidebar])\n\n    const state = open ? \"expanded\" : \"collapsed\"\n\n    const [bannerHeight, setBannerHeight] = React.useState(0)\n    const bannerRef = React.useRef<HTMLDivElement>(null)\n    const previousBannerChildrenRef = React.useRef<React.ReactNode[]>([])\n\n    // Separate banner children (SidebarBanner) from layout children (Sidebar, SidebarInset)\n    const childArray = React.Children.toArray(children)\n    const bannerChildren = childArray.filter(\n      (child) =>\n        React.isValidElement(child) &&\n        (child.type as React.FC & { displayName?: string })?.displayName ===\n          \"SidebarBanner\"\n    )\n    const layoutChildren = childArray.filter(\n      (child) =>\n        !React.isValidElement(child) ||\n        (child.type as React.FC & { displayName?: string })?.displayName !==\n          \"SidebarBanner\"\n    )\n\n    // Store previous banner children for closing animation\n    if (bannerChildren.length > 0) {\n      previousBannerChildrenRef.current = bannerChildren\n    }\n\n    const hasBanner = bannerChildren.length > 0\n    const isClosing = !hasBanner && previousBannerChildrenRef.current.length > 0\n    const displayBanner = hasBanner || isClosing\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        isOpen: isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n        isBannerClosing: isClosing,\n      }),\n      [\n        state,\n        isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n        isClosing,\n      ]\n    )\n\n    // Measure banner height\n    React.useEffect(() => {\n      const banner = bannerRef.current\n      if (!banner) {\n        setBannerHeight(0)\n        return\n      }\n\n      const updateHeight = () => {\n        setBannerHeight(banner.offsetHeight)\n      }\n\n      updateHeight()\n      const resizeObserver = new ResizeObserver(updateHeight)\n      resizeObserver.observe(banner)\n\n      return () => resizeObserver.disconnect()\n    }, [bannerChildren.length])\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delayDuration={0}>\n          <div\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH,\n                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n                \"--sidebar-top\": hasBanner ? `${bannerHeight}px` : \"0px\",\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n              displayBanner && \"flex-col\",\n              className\n            )}\n            ref={ref}\n            {...props}\n          >\n            {displayBanner ? (\n              <>\n                <div\n                  className=\"relative overflow-hidden transition-[height] duration-200 ease-linear\"\n                  style={\n                    {\n                      height: isClosing\n                        ? \"0px\"\n                        : bannerHeight > 0\n                          ? `${bannerHeight}px`\n                          : \"auto\",\n                    } as React.CSSProperties\n                  }\n                >\n                  <div\n                    ref={bannerRef}\n                    className=\"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full\"\n                    data-state={hasBanner ? \"open\" : \"closed\"}\n                    onTransitionEnd={() => {\n                      if (isClosing) {\n                        previousBannerChildrenRef.current = []\n                      }\n                    }}\n                  >\n                    {hasBanner\n                      ? bannerChildren\n                      : previousBannerChildrenRef.current}\n                  </div>\n                </div>\n                <div className=\"flex flex-1\">{layoutChildren}</div>\n              </>\n            ) : (\n              children\n            )}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    )\n  }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst SidebarBanner = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"banner\"\n      className={cn(\"w-full\", className)}\n      {...props}\n    />\n  )\n})\nSidebarBanner.displayName = \"SidebarBanner\"\n\nconst Sidebar = React.forwardRef<\n  HTMLElement,\n  React.ComponentProps<\"aside\"> & {\n    side?: \"left\" | \"right\"\n    variant?: \"sidebar\" | \"floating\" | \"inset\"\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n  }\n>(\n  (\n    {\n      side = \"left\",\n      variant = \"sidebar\",\n      collapsible = \"offcanvas\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const {\n      state,\n      openMobile,\n      setOpenMobile,\n      setIsFullyOpen,\n      setIsAnimating,\n      isBannerClosing,\n    } = useSidebar()\n    const sidebarRef = React.useRef<HTMLDivElement>(null)\n    const isFirstRenderRef = React.useRef(true)\n\n    // Track when the sidebar animation completes\n    React.useEffect(() => {\n      const sidebar = sidebarRef.current\n      if (!sidebar) return\n\n      // On first render, set isFullyOpen immediately without waiting for animation\n      if (isFirstRenderRef.current) {\n        isFirstRenderRef.current = false\n        setIsFullyOpen(state === \"expanded\")\n        setIsAnimating(false)\n        return\n      }\n\n      // Mark as animating when state changes\n      setIsAnimating(true)\n\n      // Fallback timeout in case transitionend doesn't fire\n      const fallbackTimeout = setTimeout(() => {\n        setIsFullyOpen(state === \"expanded\")\n        setIsAnimating(false)\n      }, 300) // Slightly longer than the 200ms transition duration\n\n      const handleTransitionEnd = (event: TransitionEvent) => {\n        // Only respond to transitions on the sidebar itself, not children\n        if (event.target !== sidebar) return\n\n        // Check if we're transitioning width, left, or right properties\n        if (\n          event.propertyName === \"left\" ||\n          event.propertyName === \"right\" ||\n          event.propertyName === \"width\"\n        ) {\n          clearTimeout(fallbackTimeout)\n          setIsFullyOpen(state === \"expanded\")\n          setIsAnimating(false)\n        }\n      }\n\n      sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n      return () => {\n        sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n        clearTimeout(fallbackTimeout)\n      }\n    }, [state, setIsFullyOpen, setIsAnimating])\n\n    if (collapsible === \"none\") {\n      return (\n        <aside\n          className={cn(\n            \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </aside>\n      )\n    }\n\n    return (\n      <>\n        {/* Mobile Sheet - visible only on mobile (< md) */}\n        <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                width: SIDEBAR_WIDTH_MOBILE,\n                maxWidth: SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <SidebarMobileContext.Provider value={true}>\n              <div className=\"flex h-full w-full flex-col\">{children}</div>\n            </SidebarMobileContext.Provider>\n          </SheetContent>\n        </Sheet>\n\n        {/* Desktop Sidebar - visible only on desktop (md+) */}\n        <aside\n          ref={ref}\n          className=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state}\n          data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n          data-variant={variant}\n          data-side={side}\n        >\n          {/* Spacer to reserve horizontal space */}\n          <div\n            className={cn(\n              \"w-(--sidebar-width) transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n            )}\n          />\n          {/* Fixed sidebar */}\n          <div\n            ref={sidebarRef}\n            data-banner-closing={isBannerClosing}\n            className={cn(\n              \"fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n              isBannerClosing && \"transition-[left,right,width,top,height]\",\n              \"top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]\",\n              side === \"left\"\n                ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n                : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n              className\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              className=\"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n            >\n              <div className=\"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </aside>\n      </>\n    )\n  }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n  return (\n    <>\n      {/* Mobile trigger - visible below md */}\n      <Button\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\"md:hidden bg-transparent hover:bg-transparent\", className)}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleMobileSidebar()\n        }}\n        {...props}\n      >\n        {openMobile ? (\n          <span\n            className={cn(\n              buttonVariants({ variant: \"secondary\", size: \"icon\" })\n            )}\n          >\n            <X size={16} />\n          </span>\n        ) : (\n          <span\n            className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n          >\n            <Menu size={16} />\n          </span>\n        )}\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n\n      {/* Desktop trigger - visible at md+ */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\"hidden md:inline-flex h-7 w-7\", className)}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleSidebar()\n        }}\n        {...props}\n      >\n        <span className=\"rounded-full p-2\">\n          <PanelLeft size={16} />\n        </span>\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n    </>\n  )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.memo(\n  React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n    ({ className, ...props }, ref) => {\n      return (\n        <main\n          ref={ref}\n          className={cn(\n            \"relative flex min-w-0 w-full flex-1 flex-col\",\n            \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n            className\n          )}\n          {...props}\n        />\n      )\n    }\n  )\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <Input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        \"h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showTrigger?: boolean\n  }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n  const { state } = useSidebar()\n  const isMobile = React.useContext(SidebarMobileContext)\n\n  const isCollapsed = state === \"collapsed\" && !isMobile\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\n        \"flex w-full gap-2 p-2 items-center\",\n        isCollapsed\n          ? \"justify-center items-center\"\n          : \"justify-between items-start\",\n        className\n      )}\n      {...props}\n    >\n      {!isCollapsed && (\n        <div className=\"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden\">\n          <div className=\"whitespace-nowrap\">{children}</div>\n        </div>\n      )}\n\n      {showTrigger && <SidebarTrigger />}\n    </div>\n  )\n})\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"footer\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  )\n})\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n  React.ElementRef<typeof Separator>,\n  React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n  return (\n    <Separator\n      ref={ref}\n      data-sidebar=\"separator\"\n      className={cn(\"mx-2 w-auto bg-border\", className)}\n      {...props}\n    />\n  )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"content\"\n      className={cn(\n        \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"group\"\n      className={cn(\n        \"relative flex w-full min-w-0 flex-col\",\n        \"group-data-[collapsible=icon]:p-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"div\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"group-content\"\n    className={cn(\"w-full text-sm\", className)}\n    {...props}\n  />\n))\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu\"\n    className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n    {...props}\n  />\n))\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-sidebar=\"menu-item\"\n    className={cn(\"group/menu-item relative\", className)}\n    {...props}\n  />\n))\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nconst sidebarMenuButtonVariants = cva(\n  \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"hover:bg-sidebar-accent/20 hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    isActive?: boolean\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = \"default\",\n      size = \"default\",\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    const { state } = useSidebar()\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    )\n\n    if (!tooltip) {\n      return button\n    }\n\n    if (typeof tooltip === \"string\") {\n      tooltip = {\n        children: tooltip,\n      }\n    }\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== \"collapsed\"}\n          {...tooltip}\n        />\n      </Tooltip>\n    )\n  }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    showOnHover?: boolean\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"menu-badge\"\n    className={cn(\n      \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n      \"peer-data-[size=sm]/menu-button:top-1\",\n      \"peer-data-[size=default]/menu-button:top-1.5\",\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showIcon?: boolean\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-[--skeleton-width] flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu-sub\"\n    className={cn(\n      \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & {\n    asChild?: boolean\n    size?: \"sm\" | \"md\"\n    isActive?: boolean\n  }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n  Sidebar,\n  SidebarBanner,\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-77IL3EAP.js → chunk-BWPUNSDD.js}

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
-var _chunkRJMIOBXZjs = require('./chunk-RJMIOBXZ.js');var _chunk3BVMHDYAjs = require('./chunk-3BVMHDYA.js');var _chunk7T4BNCXLjs = require('./chunk-7T4BNCXL.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _lucidereact = require('lucide-react');var _vaul = require('vaul');var _jsxruntime = require('react/jsx-runtime');var R="24rem",v=a.createContext(null);function h(){let e=a.useContext(v);if(!e)throw new Error("useDrawer must be used within a Drawer component.");return e}var y=a.forwardRef(({isOpen:e,onClose:o,width:t=R,children:s,...n},c)=>{let u=a.useRef(null),m=_chunk3BVMHDYAjs.a.call(void 0, "lg"),b=a.useMemo(()=>({isOpen:e,onClose:o,width:t}),[e,o,t]);return _jsxruntime.jsxs.call(void 0, v.Provider,{value:b,children:[!m&&_jsxruntime.jsx.call(void 0, _vaul.Drawer.Root,{open:e,onOpenChange:D=>{D||o()},direction:"left",children:_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Portal,{children:[_jsxruntime.jsx.call(void 0, _vaul.Drawer.Overlay,{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm"}),_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Content,{className:"fixed inset-y-0 left-0 z-50 flex h-full w-[85vw] max-w-md flex-col bg-sidebar border-r border-sidebar-border text-primary-accent shadow-lg outline-none","aria-describedby":void 0,children:[_jsxruntime.jsx.call(void 0, _vaul.Drawer.Title,{className:"sr-only",children:"Drawer"}),s]})]})}),m&&_jsxruntime.jsxs.call(void 0, "div",{ref:c,className:"group/drawer peer","data-state":e?"open":"closed",...n,children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunkFUYXCJOQjs.a.call(void 0, "relative bg-sidebar transition-[width] duration-200 ease-linear",e?"":"w-0"),style:{width:e?t:"0"}}),_jsxruntime.jsx.call(void 0, "div",{ref:u,className:_chunkFUYXCJOQjs.a.call(void 0, "fixed right-0 z-40 transition-[right,width] duration-200 ease-linear flex","top-(--sidebar-top,0px) h-[calc(100svh-var(--sidebar-top,0px))]",e?"right-0":"right-[calc(var(--drawer-width)*-1)]"),style:{"--drawer-width":t,width:t},children:_jsxruntime.jsx.call(void 0, "div",{"data-drawer":"drawer",className:"flex h-full w-full flex-col",children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col my-2.5 mr-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-[calc(100%-1.25rem)] shadow",children:s})})})]})]})});y.displayName="Drawer";var C=a.forwardRef(({className:e,showCloseButton:o=!0,children:t,...s},n)=>{let{onClose:c}=h();return _jsxruntime.jsxs.call(void 0, "div",{ref:n,"data-drawer":"header",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full items-start justify-between gap-2 p-4 border-b border-sidebar-border",e),...s,children:[_jsxruntime.jsx.call(void 0, "div",{className:"flex-1",children:t}),o&&_jsxruntime.jsxs.call(void 0, _chunk7T4BNCXLjs.b,{variant:"secondary",size:"icon",onClick:c,className:"h-8 w-8 shrink-0 rounded-full",children:[_jsxruntime.jsx.call(void 0, _lucidereact.X,{size:16}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close drawer"})]})]})});C.displayName="DrawerHeader";var N=a.forwardRef(({className:e,...o},t)=>_jsxruntime.jsx.call(void 0, "h2",{ref:t,className:_chunkFUYXCJOQjs.a.call(void 0, "text-lg font-semibold text-primary-accent",e),...o}));N.displayName="DrawerTitle";var g=a.forwardRef(({className:e,children:o,...t},s)=>_jsxruntime.jsx.call(void 0, _chunkRJMIOBXZjs.a,{className:"flex-1",ref:s,children:_jsxruntime.jsx.call(void 0, "div",{"data-drawer":"body",className:_chunkFUYXCJOQjs.a.call(void 0, "p-4",e),...t,children:o})}));g.displayName="DrawerBody";var P=a.forwardRef(({className:e,...o},t)=>_jsxruntime.jsx.call(void 0, "div",{ref:t,"data-drawer":"footer",className:_chunkFUYXCJOQjs.a.call(void 0, "flex flex-col gap-2 p-4 border-t border-sidebar-border",e),...o}));P.displayName="DrawerFooter";exports.a = h; exports.b = y; exports.c = C; exports.d = N; exports.e = g; exports.f = P;
-//# sourceMappingURL=chunk-77IL3EAP.js.map
+var _chunkRJMIOBXZjs = require('./chunk-RJMIOBXZ.js');var _chunk3BVMHDYAjs = require('./chunk-3BVMHDYA.js');var _chunk7T4BNCXLjs = require('./chunk-7T4BNCXL.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _lucidereact = require('lucide-react');var _vaul = require('vaul');var _jsxruntime = require('react/jsx-runtime');var R="24rem",v=a.createContext(null);function h(){let e=a.useContext(v);if(!e)throw new Error("useDrawer must be used within a Drawer component.");return e}var y=a.forwardRef(({isOpen:e,onClose:o,width:t=R,children:s,...n},c)=>{let u=a.useRef(null),m=_chunk3BVMHDYAjs.a.call(void 0, "lg"),b=a.useMemo(()=>({isOpen:e,onClose:o,width:t}),[e,o,t]);return _jsxruntime.jsxs.call(void 0, v.Provider,{value:b,children:[!m&&_jsxruntime.jsx.call(void 0, _vaul.Drawer.Root,{open:e,onOpenChange:D=>{D||o()},direction:"left",children:_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Portal,{children:[_jsxruntime.jsx.call(void 0, _vaul.Drawer.Overlay,{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm"}),_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Content,{className:"fixed inset-y-0 left-0 z-50 flex h-full w-[85vw] max-w-md flex-col bg-sidebar border-r border-sidebar-border text-primary-accent shadow-lg outline-none","aria-describedby":void 0,children:[_jsxruntime.jsx.call(void 0, _vaul.Drawer.Title,{className:"sr-only",children:"Drawer"}),s]})]})}),m&&_jsxruntime.jsxs.call(void 0, "div",{ref:c,className:"group/drawer peer","data-state":e?"open":"closed",...n,children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunkFUYXCJOQjs.a.call(void 0, "relative bg-sidebar transition-[width] duration-200 ease-linear",e?"":"w-0"),style:{width:e?t:"0"}}),_jsxruntime.jsx.call(void 0, "div",{ref:u,className:_chunkFUYXCJOQjs.a.call(void 0, "fixed right-0 z-40 transition-[right,width,top,height] duration-200 ease-linear flex","top-(--sidebar-top,0px) h-[calc(100svh-var(--sidebar-top,0px))]",e?"right-0":"right-[calc(var(--drawer-width)*-1)]"),style:{"--drawer-width":t,width:t},children:_jsxruntime.jsx.call(void 0, "div",{"data-drawer":"drawer",className:"flex h-full w-full flex-col",children:_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col my-2.5 mr-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-[calc(100%-1.25rem)] shadow",children:s})})})]})]})});y.displayName="Drawer";var C=a.forwardRef(({className:e,showCloseButton:o=!0,children:t,...s},n)=>{let{onClose:c}=h();return _jsxruntime.jsxs.call(void 0, "div",{ref:n,"data-drawer":"header",className:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full items-start justify-between gap-2 p-4 border-b border-sidebar-border",e),...s,children:[_jsxruntime.jsx.call(void 0, "div",{className:"flex-1",children:t}),o&&_jsxruntime.jsxs.call(void 0, _chunk7T4BNCXLjs.b,{variant:"secondary",size:"icon",onClick:c,className:"h-8 w-8 shrink-0 rounded-full",children:[_jsxruntime.jsx.call(void 0, _lucidereact.X,{size:16}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close drawer"})]})]})});C.displayName="DrawerHeader";var N=a.forwardRef(({className:e,...o},t)=>_jsxruntime.jsx.call(void 0, "h2",{ref:t,className:_chunkFUYXCJOQjs.a.call(void 0, "text-lg font-semibold text-primary-accent",e),...o}));N.displayName="DrawerTitle";var g=a.forwardRef(({className:e,children:o,...t},s)=>_jsxruntime.jsx.call(void 0, _chunkRJMIOBXZjs.a,{className:"flex-1",ref:s,children:_jsxruntime.jsx.call(void 0, "div",{"data-drawer":"body",className:_chunkFUYXCJOQjs.a.call(void 0, "p-4",e),...t,children:o})}));g.displayName="DrawerBody";var P=a.forwardRef(({className:e,...o},t)=>_jsxruntime.jsx.call(void 0, "div",{ref:t,"data-drawer":"footer",className:_chunkFUYXCJOQjs.a.call(void 0, "flex flex-col gap-2 p-4 border-t border-sidebar-border",e),...o}));P.displayName="DrawerFooter";exports.a = h; exports.b = y; exports.c = C; exports.d = N; exports.e = g; exports.f = P;
+//# sourceMappingURL=chunk-BWPUNSDD.js.map

package/dist/{chunk-77IL3EAP.js.map → chunk-BWPUNSDD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-77IL3EAP.js","../src/components/drawer.tsx"],"names":["DRAWER_WIDTH","DrawerContext","useDrawer","context","Drawer","isOpen","onClose","width","children","props","ref","drawerRef","isDesktop","useMediaQuery","contextValue","jsxs","jsx","DrawerPrimitive","open","cn","DrawerHeader","className","showCloseButton","Button","X","DrawerTitle","DrawerBody","ScrollArea","DrawerFooter"],"mappings":"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","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-77IL3EAP.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { X } from \"lucide-react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/button\"\nimport { ScrollArea } from \"@/components/scroll-area\"\nimport { useMediaQuery } from \"@/lib/use-media-query\"\n\nconst DRAWER_WIDTH = \"24rem\"\n\n// Drawer Context\ntype DrawerContextProps = {\n  isOpen: boolean\n  onClose: () => void\n  width?: string\n}\n\nconst DrawerContext = React.createContext<DrawerContextProps | null>(null)\n\nfunction useDrawer() {\n  const context = React.useContext(DrawerContext)\n  if (!context) {\n    throw new Error(\"useDrawer must be used within a Drawer component.\")\n  }\n  return context\n}\n\n// Main Unified Drawer Component (Responsive)\nconst Drawer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    isOpen: boolean\n    onClose: () => void\n    width?: string\n  }\n>(({ isOpen, onClose, width = DRAWER_WIDTH, children, ...props }, ref) => {\n  const drawerRef = React.useRef<HTMLDivElement>(null)\n  const isDesktop = useMediaQuery(\"lg\")\n\n  const contextValue = React.useMemo<DrawerContextProps>(\n    () => ({\n      isOpen,\n      onClose,\n      width,\n    }),\n    [isOpen, onClose, width]\n  )\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      {/* Mobile Drawer: visible < md breakpoint */}\n      {!isDesktop && (\n        <DrawerPrimitive.Root\n          open={isOpen}\n          onOpenChange={(open) => {\n            if (!open) onClose()\n          }}\n          direction=\"left\"\n        >\n          <DrawerPrimitive.Portal>\n            <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm\" />\n            <DrawerPrimitive.Content\n              className=\"fixed inset-y-0 left-0 z-50 flex h-full w-[85vw] max-w-md flex-col bg-sidebar border-r border-sidebar-border text-primary-accent shadow-lg outline-none\"\n              aria-describedby={undefined}\n            >\n              <DrawerPrimitive.Title className=\"sr-only\">\n                Drawer\n              </DrawerPrimitive.Title>\n              {children}\n            </DrawerPrimitive.Content>\n          </DrawerPrimitive.Portal>\n        </DrawerPrimitive.Root>\n      )}\n\n      {/* Desktop Drawer: visible >= md breakpoint */}\n      {isDesktop && (\n        <div\n          ref={ref}\n          className=\"group/drawer peer\"\n          data-state={isOpen ? \"open\" : \"closed\"}\n          {...props}\n        >\n          {/* Spacer to push content */}\n          <div\n            className={cn(\n              \"relative bg-sidebar transition-[width] duration-200 ease-linear\",\n              isOpen ? \"\" : \"w-0\"\n            )}\n            style={\n              {\n                width: isOpen ? width : \"0\",\n              } as React.CSSProperties\n            }\n          />\n\n          {/* Fixed drawer panel */}\n          <div\n            ref={drawerRef}\n            className={cn(\n              \"fixed right-0 z-40 transition-[right,width] duration-200 ease-linear flex\",\n              \"top-(--sidebar-top,0px) h-[calc(100svh-var(--sidebar-top,0px))]\",\n              isOpen ? \"right-0\" : \"right-[calc(var(--drawer-width)*-1)]\"\n            )}\n            style={\n              {\n                \"--drawer-width\": width,\n                width: width,\n              } as React.CSSProperties\n            }\n          >\n            <div data-drawer=\"drawer\" className=\"flex h-full w-full flex-col\">\n              <div className=\"flex flex-col my-2.5 mr-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-[calc(100%-1.25rem)] shadow\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </DrawerContext.Provider>\n  )\n})\nDrawer.displayName = \"Drawer\"\n\n// Drawer Header\nconst DrawerHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showCloseButton?: boolean\n  }\n>(({ className, showCloseButton = true, children, ...props }, ref) => {\n  const { onClose } = useDrawer()\n\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"header\"\n      className={cn(\n        \"flex w-full items-start justify-between gap-2 p-4 border-b border-sidebar-border\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex-1\">{children}</div>\n      {showCloseButton && (\n        <Button\n          variant=\"secondary\"\n          size=\"icon\"\n          onClick={onClose}\n          className=\"h-8 w-8 shrink-0 rounded-full\"\n        >\n          <X size={16} />\n          <span className=\"sr-only\">Close drawer</span>\n        </Button>\n      )}\n    </div>\n  )\n})\nDrawerHeader.displayName = \"DrawerHeader\"\n\n// Drawer Title\nconst DrawerTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<\"h2\">\n>(({ className, ...props }, ref) => {\n  return (\n    <h2\n      ref={ref}\n      className={cn(\"text-lg font-semibold text-primary-accent\", className)}\n      {...props}\n    />\n  )\n})\nDrawerTitle.displayName = \"DrawerTitle\"\n\n// Drawer Body/Content\nconst DrawerBody = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <ScrollArea className=\"flex-1\" ref={ref}>\n      <div\n        data-drawer=\"body\"\n        className={cn(\"p-4\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </ScrollArea>\n  )\n})\nDrawerBody.displayName = \"DrawerBody\"\n\n// Drawer Footer\nconst DrawerFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"footer\"\n      className={cn(\n        \"flex flex-col gap-2 p-4 border-t border-sidebar-border\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDrawerFooter.displayName = \"DrawerFooter\"\n\nexport {\n  Drawer,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerBody,\n  DrawerFooter,\n  useDrawer,\n}\n"]}
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-BWPUNSDD.js","../src/components/drawer.tsx"],"names":["DRAWER_WIDTH","DrawerContext","useDrawer","context","Drawer","isOpen","onClose","width","children","props","ref","drawerRef","isDesktop","useMediaQuery","contextValue","jsxs","jsx","DrawerPrimitive","open","cn","DrawerHeader","className","showCloseButton","Button","X","DrawerTitle","DrawerBody","ScrollArea","DrawerFooter"],"mappings":"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","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-BWPUNSDD.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { X } from \"lucide-react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/button\"\nimport { ScrollArea } from \"@/components/scroll-area\"\nimport { useMediaQuery } from \"@/lib/use-media-query\"\n\nconst DRAWER_WIDTH = \"24rem\"\n\n// Drawer Context\ntype DrawerContextProps = {\n  isOpen: boolean\n  onClose: () => void\n  width?: string\n}\n\nconst DrawerContext = React.createContext<DrawerContextProps | null>(null)\n\nfunction useDrawer() {\n  const context = React.useContext(DrawerContext)\n  if (!context) {\n    throw new Error(\"useDrawer must be used within a Drawer component.\")\n  }\n  return context\n}\n\n// Main Unified Drawer Component (Responsive)\nconst Drawer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    isOpen: boolean\n    onClose: () => void\n    width?: string\n  }\n>(({ isOpen, onClose, width = DRAWER_WIDTH, children, ...props }, ref) => {\n  const drawerRef = React.useRef<HTMLDivElement>(null)\n  const isDesktop = useMediaQuery(\"lg\")\n\n  const contextValue = React.useMemo<DrawerContextProps>(\n    () => ({\n      isOpen,\n      onClose,\n      width,\n    }),\n    [isOpen, onClose, width]\n  )\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      {/* Mobile Drawer: visible < md breakpoint */}\n      {!isDesktop && (\n        <DrawerPrimitive.Root\n          open={isOpen}\n          onOpenChange={(open) => {\n            if (!open) onClose()\n          }}\n          direction=\"left\"\n        >\n          <DrawerPrimitive.Portal>\n            <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm\" />\n            <DrawerPrimitive.Content\n              className=\"fixed inset-y-0 left-0 z-50 flex h-full w-[85vw] max-w-md flex-col bg-sidebar border-r border-sidebar-border text-primary-accent shadow-lg outline-none\"\n              aria-describedby={undefined}\n            >\n              <DrawerPrimitive.Title className=\"sr-only\">\n                Drawer\n              </DrawerPrimitive.Title>\n              {children}\n            </DrawerPrimitive.Content>\n          </DrawerPrimitive.Portal>\n        </DrawerPrimitive.Root>\n      )}\n\n      {/* Desktop Drawer: visible >= md breakpoint */}\n      {isDesktop && (\n        <div\n          ref={ref}\n          className=\"group/drawer peer\"\n          data-state={isOpen ? \"open\" : \"closed\"}\n          {...props}\n        >\n          {/* Spacer to push content */}\n          <div\n            className={cn(\n              \"relative bg-sidebar transition-[width] duration-200 ease-linear\",\n              isOpen ? \"\" : \"w-0\"\n            )}\n            style={\n              {\n                width: isOpen ? width : \"0\",\n              } as React.CSSProperties\n            }\n          />\n\n          {/* Fixed drawer panel */}\n          <div\n            ref={drawerRef}\n            className={cn(\n              \"fixed right-0 z-40 transition-[right,width,top,height] duration-200 ease-linear flex\",\n              \"top-(--sidebar-top,0px) h-[calc(100svh-var(--sidebar-top,0px))]\",\n              isOpen ? \"right-0\" : \"right-[calc(var(--drawer-width)*-1)]\"\n            )}\n            style={\n              {\n                \"--drawer-width\": width,\n                width: width,\n              } as React.CSSProperties\n            }\n          >\n            <div data-drawer=\"drawer\" className=\"flex h-full w-full flex-col\">\n              <div className=\"flex flex-col my-2.5 mr-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-[calc(100%-1.25rem)] shadow\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </DrawerContext.Provider>\n  )\n})\nDrawer.displayName = \"Drawer\"\n\n// Drawer Header\nconst DrawerHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showCloseButton?: boolean\n  }\n>(({ className, showCloseButton = true, children, ...props }, ref) => {\n  const { onClose } = useDrawer()\n\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"header\"\n      className={cn(\n        \"flex w-full items-start justify-between gap-2 p-4 border-b border-sidebar-border\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex-1\">{children}</div>\n      {showCloseButton && (\n        <Button\n          variant=\"secondary\"\n          size=\"icon\"\n          onClick={onClose}\n          className=\"h-8 w-8 shrink-0 rounded-full\"\n        >\n          <X size={16} />\n          <span className=\"sr-only\">Close drawer</span>\n        </Button>\n      )}\n    </div>\n  )\n})\nDrawerHeader.displayName = \"DrawerHeader\"\n\n// Drawer Title\nconst DrawerTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<\"h2\">\n>(({ className, ...props }, ref) => {\n  return (\n    <h2\n      ref={ref}\n      className={cn(\"text-lg font-semibold text-primary-accent\", className)}\n      {...props}\n    />\n  )\n})\nDrawerTitle.displayName = \"DrawerTitle\"\n\n// Drawer Body/Content\nconst DrawerBody = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <ScrollArea className=\"flex-1\" ref={ref}>\n      <div\n        data-drawer=\"body\"\n        className={cn(\"p-4\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </ScrollArea>\n  )\n})\nDrawerBody.displayName = \"DrawerBody\"\n\n// Drawer Footer\nconst DrawerFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"footer\"\n      className={cn(\n        \"flex flex-col gap-2 p-4 border-t border-sidebar-border\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDrawerFooter.displayName = \"DrawerFooter\"\n\nexport {\n  Drawer,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerBody,\n  DrawerFooter,\n  useDrawer,\n}\n"]}

package/dist/chunk-DG3BFKU6.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as f,b as v,c as x}from"./chunk-FZ3NXOFK.mjs";import{a as h,c as C,d as y,e as N,f as w,h as P}from"./chunk-TLWWS45Z.mjs";import{a as d}from"./chunk-S5TKCF6T.mjs";import*as k from"react";import{Check as X,ChevronDown as $,X as j}from"lucide-react";import{jsx as o,jsxs as r}from"react/jsx-runtime";function F({options:l,value:s,onValueChange:O,placeholder:m="Select option...",searchPlaceholder:S="Search...",emptyMessage:R="No option found.",disabled:D=!1,className:E,error:I=!1,multiple:i=!1,values:n=[],onValuesChange:p}){let[g,b]=k.useState(!1),u=l.find(e=>e.value===s),a=l.filter(e=>n.includes(e.value)),T=e=>{if(i){let t=n.includes(e)?n.filter(c=>c!==e):[...n,e];p?.(t)}else O?.(e===s?"":e),b(!1)},G=(e,t)=>{t.preventDefault(),t.stopPropagation();let c=n.filter(M=>M!==e);p?.(c)},L=()=>i?a.length===0?m:a.length===1?a[0].label:`${a.length} selected`:u?u.label:m;return r(f,{open:g,onOpenChange:b,children:[o(v,{asChild:!0,children:r("button",{type:"button",role:"combobox","aria-expanded":g,disabled:D,className:d("cursor-pointer flex my-2 h-9 w-full items-center justify-between rounded-3xl border border-border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",!s&&!n.length&&"text-secondary-text",I&&"border-destructive-foreground focus-visible:ring-destructive-foreground",E),children:[o("span",{className:"truncate",children:L()}),o($,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),o(x,{className:"p-0",align:"start",style:{width:"var(--radix-popover-trigger-width)"},children:r(h,{children:[o(C,{placeholder:S}),r(y,{children:[o(N,{children:R}),r(w,{children:[i&&a.length>0&&o("div",{className:"px-2 py-1.5",children:o("div",{className:"flex flex-wrap gap-1",children:a.map(e=>r("div",{className:"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs",children:[o("span",{className:"truncate",children:e.label}),o(j,{className:"h-3 w-3 cursor-pointer hover:text-destructive",onClick:t=>G(e.value,t)})]},e.value))})}),l.map(e=>{let t=i?n.includes(e.value):s===e.value;return r(P,{value:e.value,onSelect:T,children:[o(X,{className:d("mr-2 h-4 w-4",t?"opacity-100":"opacity-0")}),o("span",{className:"truncate",children:e.label})]},e.value)})]})]})]})})]})}export{F as a};
+//# sourceMappingURL=chunk-DG3BFKU6.mjs.map

package/dist/chunk-DG3BFKU6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/combobox.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Check, ChevronDown, X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/components/command\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/popover\"\n\nexport interface ComboboxOption {\n  value: string\n  label: string\n}\n\nexport interface ComboboxProps {\n  options: ComboboxOption[]\n  value?: string\n  onValueChange?: (value: string) => void\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  disabled?: boolean\n  className?: string\n  error?: boolean\n  multiple?: boolean\n  values?: string[]\n  onValuesChange?: (values: string[]) => void\n}\n\nexport function Combobox({\n  options,\n  value,\n  onValueChange,\n  placeholder = \"Select option...\",\n  searchPlaceholder = \"Search...\",\n  emptyMessage = \"No option found.\",\n  disabled = false,\n  className,\n  error = false,\n  multiple = false,\n  values = [],\n  onValuesChange,\n}: ComboboxProps) {\n  const [open, setOpen] = React.useState(false)\n\n  const selectedOption = options.find((option) => option.value === value)\n  const selectedOptions = options.filter((option) =>\n    values.includes(option.value)\n  )\n\n  const handleSelect = (currentValue: string) => {\n    if (multiple) {\n      const newValues = values.includes(currentValue)\n        ? values.filter((v) => v !== currentValue)\n        : [...values, currentValue]\n      onValuesChange?.(newValues)\n    } else {\n      onValueChange?.(currentValue === value ? \"\" : currentValue)\n      setOpen(false)\n    }\n  }\n\n  const handleRemoveValue = (valueToRemove: string, e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    const newValues = values.filter((v) => v !== valueToRemove)\n    onValuesChange?.(newValues)\n  }\n\n  const getDisplayText = () => {\n    if (multiple) {\n      if (selectedOptions.length === 0) return placeholder\n      if (selectedOptions.length === 1) return selectedOptions[0].label\n      return `${selectedOptions.length} selected`\n    }\n    return selectedOption ? selectedOption.label : placeholder\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          role=\"combobox\"\n          aria-expanded={open}\n          disabled={disabled}\n          className={cn(\n            \"cursor-pointer flex my-2 h-9 w-full items-center justify-between rounded-3xl border border-border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n            !value && !values.length && \"text-secondary-text\",\n            error &&\n              \"border-destructive-foreground focus-visible:ring-destructive-foreground\",\n            className\n          )}\n        >\n          <span className=\"truncate\">{getDisplayText()}</span>\n          <ChevronDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"p-0\"\n        align=\"start\"\n        style={{ width: \"var(--radix-popover-trigger-width)\" }}\n      >\n        <Command>\n          <CommandInput placeholder={searchPlaceholder} />\n          <CommandList>\n            <CommandEmpty>{emptyMessage}</CommandEmpty>\n            <CommandGroup>\n              {multiple && selectedOptions.length > 0 && (\n                <div className=\"px-2 py-1.5\">\n                  <div className=\"flex flex-wrap gap-1\">\n                    {selectedOptions.map((option) => (\n                      <div\n                        key={option.value}\n                        className=\"inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs\"\n                      >\n                        <span className=\"truncate\">{option.label}</span>\n                        <X\n                          className=\"h-3 w-3 cursor-pointer hover:text-destructive\"\n                          onClick={(e) => handleRemoveValue(option.value, e)}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              )}\n              {options.map((option) => {\n                const isSelected = multiple\n                  ? values.includes(option.value)\n                  : value === option.value\n\n                return (\n                  <CommandItem\n                    key={option.value}\n                    value={option.value}\n                    onSelect={handleSelect}\n                  >\n                    <Check\n                      className={cn(\n                        \"mr-2 h-4 w-4\",\n                        isSelected ? \"opacity-100\" : \"opacity-0\"\n                      )}\n                    />\n                    <span className=\"truncate\">{option.label}</span>\n                  </CommandItem>\n                )\n              })}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"mappings":"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","names":["React","Check","ChevronDown","X","jsx","jsxs","Combobox","options","value","onValueChange","placeholder","searchPlaceholder","emptyMessage","disabled","className","error","multiple","values","onValuesChange","open","setOpen","selectedOption","option","selectedOptions","handleSelect","currentValue","newValues","v","handleRemoveValue","valueToRemove","e","getDisplayText","Popover","PopoverTrigger","cn","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","X","isSelected","CommandItem","Check"]}

package/dist/chunk-JKSXSLVB.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as f}from"./chunk-5TVDBV74.mjs";import{a as p}from"./chunk-4LR7SOCY.mjs";import{b as w}from"./chunk-W65OWFZY.mjs";import{a as i}from"./chunk-S5TKCF6T.mjs";import*as a from"react";import{X as x}from"lucide-react";import{Drawer as l}from"vaul";import{jsx as r,jsxs as d}from"react/jsx-runtime";var R="24rem",v=a.createContext(null);function h(){let e=a.useContext(v);if(!e)throw new Error("useDrawer must be used within a Drawer component.");return e}var y=a.forwardRef(({isOpen:e,onClose:o,width:t=R,children:s,...n},c)=>{let u=a.useRef(null),m=p("lg"),b=a.useMemo(()=>({isOpen:e,onClose:o,width:t}),[e,o,t]);return d(v.Provider,{value:b,children:[!m&&r(l.Root,{open:e,onOpenChange:D=>{D||o()},direction:"left",children:d(l.Portal,{children:[r(l.Overlay,{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm"}),d(l.Content,{className:"fixed inset-y-0 left-0 z-50 flex h-full w-[85vw] max-w-md flex-col bg-sidebar border-r border-sidebar-border text-primary-accent shadow-lg outline-none","aria-describedby":void 0,children:[r(l.Title,{className:"sr-only",children:"Drawer"}),s]})]})}),m&&d("div",{ref:c,className:"group/drawer peer","data-state":e?"open":"closed",...n,children:[r("div",{className:i("relative bg-sidebar transition-[width] duration-200 ease-linear",e?"":"w-0"),style:{width:e?t:"0"}}),r("div",{ref:u,className:i("fixed right-0 z-40 transition-[right,width,top,height] duration-200 ease-linear flex","top-(--sidebar-top,0px) h-[calc(100svh-var(--sidebar-top,0px))]",e?"right-0":"right-[calc(var(--drawer-width)*-1)]"),style:{"--drawer-width":t,width:t},children:r("div",{"data-drawer":"drawer",className:"flex h-full w-full flex-col",children:r("div",{className:"flex flex-col my-2.5 mr-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-[calc(100%-1.25rem)] shadow",children:s})})})]})]})});y.displayName="Drawer";var C=a.forwardRef(({className:e,showCloseButton:o=!0,children:t,...s},n)=>{let{onClose:c}=h();return d("div",{ref:n,"data-drawer":"header",className:i("flex w-full items-start justify-between gap-2 p-4 border-b border-sidebar-border",e),...s,children:[r("div",{className:"flex-1",children:t}),o&&d(w,{variant:"secondary",size:"icon",onClick:c,className:"h-8 w-8 shrink-0 rounded-full",children:[r(x,{size:16}),r("span",{className:"sr-only",children:"Close drawer"})]})]})});C.displayName="DrawerHeader";var N=a.forwardRef(({className:e,...o},t)=>r("h2",{ref:t,className:i("text-lg font-semibold text-primary-accent",e),...o}));N.displayName="DrawerTitle";var g=a.forwardRef(({className:e,children:o,...t},s)=>r(f,{className:"flex-1",ref:s,children:r("div",{"data-drawer":"body",className:i("p-4",e),...t,children:o})}));g.displayName="DrawerBody";var P=a.forwardRef(({className:e,...o},t)=>r("div",{ref:t,"data-drawer":"footer",className:i("flex flex-col gap-2 p-4 border-t border-sidebar-border",e),...o}));P.displayName="DrawerFooter";export{h as a,y as b,C as c,N as d,g as e,P as f};
+//# sourceMappingURL=chunk-JKSXSLVB.mjs.map

package/dist/chunk-JKSXSLVB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { X } from \"lucide-react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/button\"\nimport { ScrollArea } from \"@/components/scroll-area\"\nimport { useMediaQuery } from \"@/lib/use-media-query\"\n\nconst DRAWER_WIDTH = \"24rem\"\n\n// Drawer Context\ntype DrawerContextProps = {\n  isOpen: boolean\n  onClose: () => void\n  width?: string\n}\n\nconst DrawerContext = React.createContext<DrawerContextProps | null>(null)\n\nfunction useDrawer() {\n  const context = React.useContext(DrawerContext)\n  if (!context) {\n    throw new Error(\"useDrawer must be used within a Drawer component.\")\n  }\n  return context\n}\n\n// Main Unified Drawer Component (Responsive)\nconst Drawer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    isOpen: boolean\n    onClose: () => void\n    width?: string\n  }\n>(({ isOpen, onClose, width = DRAWER_WIDTH, children, ...props }, ref) => {\n  const drawerRef = React.useRef<HTMLDivElement>(null)\n  const isDesktop = useMediaQuery(\"lg\")\n\n  const contextValue = React.useMemo<DrawerContextProps>(\n    () => ({\n      isOpen,\n      onClose,\n      width,\n    }),\n    [isOpen, onClose, width]\n  )\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      {/* Mobile Drawer: visible < md breakpoint */}\n      {!isDesktop && (\n        <DrawerPrimitive.Root\n          open={isOpen}\n          onOpenChange={(open) => {\n            if (!open) onClose()\n          }}\n          direction=\"left\"\n        >\n          <DrawerPrimitive.Portal>\n            <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm\" />\n            <DrawerPrimitive.Content\n              className=\"fixed inset-y-0 left-0 z-50 flex h-full w-[85vw] max-w-md flex-col bg-sidebar border-r border-sidebar-border text-primary-accent shadow-lg outline-none\"\n              aria-describedby={undefined}\n            >\n              <DrawerPrimitive.Title className=\"sr-only\">\n                Drawer\n              </DrawerPrimitive.Title>\n              {children}\n            </DrawerPrimitive.Content>\n          </DrawerPrimitive.Portal>\n        </DrawerPrimitive.Root>\n      )}\n\n      {/* Desktop Drawer: visible >= md breakpoint */}\n      {isDesktop && (\n        <div\n          ref={ref}\n          className=\"group/drawer peer\"\n          data-state={isOpen ? \"open\" : \"closed\"}\n          {...props}\n        >\n          {/* Spacer to push content */}\n          <div\n            className={cn(\n              \"relative bg-sidebar transition-[width] duration-200 ease-linear\",\n              isOpen ? \"\" : \"w-0\"\n            )}\n            style={\n              {\n                width: isOpen ? width : \"0\",\n              } as React.CSSProperties\n            }\n          />\n\n          {/* Fixed drawer panel */}\n          <div\n            ref={drawerRef}\n            className={cn(\n              \"fixed right-0 z-40 transition-[right,width,top,height] duration-200 ease-linear flex\",\n              \"top-(--sidebar-top,0px) h-[calc(100svh-var(--sidebar-top,0px))]\",\n              isOpen ? \"right-0\" : \"right-[calc(var(--drawer-width)*-1)]\"\n            )}\n            style={\n              {\n                \"--drawer-width\": width,\n                width: width,\n              } as React.CSSProperties\n            }\n          >\n            <div data-drawer=\"drawer\" className=\"flex h-full w-full flex-col\">\n              <div className=\"flex flex-col my-2.5 mr-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-[calc(100%-1.25rem)] shadow\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </DrawerContext.Provider>\n  )\n})\nDrawer.displayName = \"Drawer\"\n\n// Drawer Header\nconst DrawerHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showCloseButton?: boolean\n  }\n>(({ className, showCloseButton = true, children, ...props }, ref) => {\n  const { onClose } = useDrawer()\n\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"header\"\n      className={cn(\n        \"flex w-full items-start justify-between gap-2 p-4 border-b border-sidebar-border\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex-1\">{children}</div>\n      {showCloseButton && (\n        <Button\n          variant=\"secondary\"\n          size=\"icon\"\n          onClick={onClose}\n          className=\"h-8 w-8 shrink-0 rounded-full\"\n        >\n          <X size={16} />\n          <span className=\"sr-only\">Close drawer</span>\n        </Button>\n      )}\n    </div>\n  )\n})\nDrawerHeader.displayName = \"DrawerHeader\"\n\n// Drawer Title\nconst DrawerTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<\"h2\">\n>(({ className, ...props }, ref) => {\n  return (\n    <h2\n      ref={ref}\n      className={cn(\"text-lg font-semibold text-primary-accent\", className)}\n      {...props}\n    />\n  )\n})\nDrawerTitle.displayName = \"DrawerTitle\"\n\n// Drawer Body/Content\nconst DrawerBody = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <ScrollArea className=\"flex-1\" ref={ref}>\n      <div\n        data-drawer=\"body\"\n        className={cn(\"p-4\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </ScrollArea>\n  )\n})\nDrawerBody.displayName = \"DrawerBody\"\n\n// Drawer Footer\nconst DrawerFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"footer\"\n      className={cn(\n        \"flex flex-col gap-2 p-4 border-t border-sidebar-border\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDrawerFooter.displayName = \"DrawerFooter\"\n\nexport {\n  Drawer,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerBody,\n  DrawerFooter,\n  useDrawer,\n}\n"],"mappings":"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","names":["React","X","DrawerPrimitive","jsx","jsxs","DRAWER_WIDTH","DrawerContext","useDrawer","context","Drawer","isOpen","onClose","width","children","props","ref","drawerRef","isDesktop","useMediaQuery","contextValue","DrawerPrimitive","open","cn","DrawerHeader","className","showCloseButton","Button","X","DrawerTitle","DrawerBody","ScrollArea","DrawerFooter"]}

package/dist/chunk-MO2LRV57.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _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 _chunkRJKKQWP2js = require('./chunk-RJKKQWP2.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var r = _interopRequireWildcard(_react);var _lucidereact = require('lucide-react');var _datefns = require('date-fns');var _reactpopover = require('@radix-ui/react-popover'); var o = _interopRequireWildcard(_reactpopover);var _jsxruntime = require('react/jsx-runtime');var C=o.Root,x=o.Trigger,c=r.forwardRef(({className:e,align:a="start",sideOffset:n=4,...i},s)=>_jsxruntime.jsx.call(void 0, o.Portal,{children:_jsxruntime.jsx.call(void 0, o.Content,{ref:s,align:a,sideOffset:n,className:_chunkFUYXCJOQjs.a.call(void 0, "z-50 w-auto rounded-3xl border border-border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...i})}));c.displayName=o.Content.displayName;var k=r.forwardRef(({dateRange:e,onDateRangeChange:a,placeholder:n="Pick a date range",disabled:i=!1,className:s,calendarProps:P,formatStr:d="LLL dd, y",numberOfMonths:u=2},v)=>{let[g,b]=r.useState(!1),y=()=>_optionalChain([e, 'optionalAccess', _ => _.from])?e.to?`${_datefns.format.call(void 0, e.from,d)} - ${_datefns.format.call(void 0, e.to,d)}`:_datefns.format.call(void 0, e.from,d):n;return _jsxruntime.jsxs.call(void 0, C,{open:g,onOpenChange:b,modal:!0,children:[_jsxruntime.jsx.call(void 0, x,{asChild:!0,children:_jsxruntime.jsxs.call(void 0, "button",{ref:v,type:"button",className:_chunkFUYXCJOQjs.a.call(void 0, "flex my-2 h-9 w-full items-center rounded-3xl border border-border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",!_optionalChain([e, 'optionalAccess', _2 => _2.from])&&"text-secondary-text",s),disabled:i,children:[_jsxruntime.jsx.call(void 0, _lucidereact.CalendarIcon,{className:"mr-2 h-4 w-4 shrink-0"}),_jsxruntime.jsx.call(void 0, "span",{className:"truncate",children:y()})]})}),_jsxruntime.jsx.call(void 0, c,{className:"w-auto p-0",align:"start",children:_jsxruntime.jsx.call(void 0, _chunkRJKKQWP2js.a,{mode:"range",selected:e,onSelect:h=>{_optionalChain([a, 'optionalCall', _3 => _3(h)])},defaultMonth:_optionalChain([e, 'optionalAccess', _4 => _4.from]),numberOfMonths:u,...P})})]})});k.displayName="DateRangePicker";exports.a = k;
+//# sourceMappingURL=chunk-MO2LRV57.js.map

package/dist/chunk-MO2LRV57.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-MO2LRV57.js","../src/components/date-range-picker.tsx"],"names":["Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","jsx","cn","DateRangePicker","dateRange","onDateRangeChange","placeholder","disabled","calendarProps","formatStr","numberOfMonths","open","setOpen","formatDisplayValue"],"mappings":"AAAA,22BAAY;AACZ,sDAAuC,sDAAwC,uECCxD,2CACM,mCACN,uGACW,+CAc9B,IAREA,CAAAA,CAA2B,CAAA,CAAA,IAAA,CAC3BC,CAAAA,CAAkC,CAAA,CAAA,OAAA,CAElCC,CAAAA,CAAuB,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAQ,OAAA,CAAS,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAG,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC3DC,6BAAAA,CAAkB,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAA,6BAAAA,CAAkB,CAAA,OAAA,CAAjB,CACC,GAAA,CAAKD,CAAAA,CACL,KAAA,CAAOH,CAAAA,CACP,UAAA,CAAYC,CAAAA,CACZ,SAAA,CAAWI,gCAAAA,6bACT,CACAN,CACF,CAAA,CACC,GAAGG,CAAAA,CACN,CAAA,CACF,CACD,CAAA,CACDJ,CAAAA,CAAe,WAAA,CAA+B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAgBtD,IAAMQ,CAAAA,CAAwB,CAAA,CAAA,UAAA,CAI5B,CACE,CACE,SAAA,CAAAC,CAAAA,CACA,iBAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,mBAAA,CACd,QAAA,CAAAC,CAAAA,CAAW,CAAA,CAAA,CACX,SAAA,CAAAX,CAAAA,CACA,aAAA,CAAAY,CAAAA,CACA,SAAA,CAAAC,CAAAA,CAAY,WAAA,CACZ,cAAA,CAAAC,CAAAA,CAAiB,CACnB,CAAA,CACAV,CAAAA,CAAAA,EACG,CACH,GAAM,CAACW,CAAAA,CAAMC,CAAO,CAAA,CAAU,CAAA,CAAA,QAAA,CAAS,CAAA,CAAK,CAAA,CAEtCC,CAAAA,CAAqB,CAAA,CAAA,kBACpBT,CAAAA,2BAAW,MAAA,CAIZA,CAAAA,CAAU,EAAA,CACL,CAAA,EAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-MO2LRV57.js","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { CalendarIcon } from \"lucide-react\"\nimport { format } from \"date-fns\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\nimport type { DateRange } from \"react-day-picker\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Calendar } from \"@/components/calendar\"\n\nconst Popover = PopoverPrimitive.Root\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"start\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-auto rounded-3xl border border-border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport interface DateRangePickerProps {\n  dateRange?: DateRange\n  onDateRangeChange?: (dateRange: DateRange | undefined) => void\n  placeholder?: string\n  disabled?: boolean\n  className?: string\n  calendarProps?: Omit<\n    React.ComponentProps<typeof Calendar>,\n    \"mode\" | \"selected\" | \"onSelect\"\n  >\n  formatStr?: string\n  numberOfMonths?: number\n}\n\nconst DateRangePicker = React.forwardRef<\n  HTMLButtonElement,\n  DateRangePickerProps\n>(\n  (\n    {\n      dateRange,\n      onDateRangeChange,\n      placeholder = \"Pick a date range\",\n      disabled = false,\n      className,\n      calendarProps,\n      formatStr = \"LLL dd, y\",\n      numberOfMonths = 2,\n    },\n    ref\n  ) => {\n    const [open, setOpen] = React.useState(false)\n\n    const formatDisplayValue = () => {\n      if (!dateRange?.from) {\n        return placeholder\n      }\n\n      if (dateRange.to) {\n        return `${format(dateRange.from, formatStr)} - ${format(dateRange.to, formatStr)}`\n      }\n\n      return format(dateRange.from, formatStr)\n    }\n\n    return (\n      <Popover open={open} onOpenChange={setOpen} modal>\n        <PopoverTrigger asChild>\n          <button\n            ref={ref}\n            type=\"button\"\n            className={cn(\n              \"flex my-2 h-9 w-full items-center rounded-3xl border border-border bg-background hover:bg-secondary px-4 py-2 text-sm text-primary-accent ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n              !dateRange?.from && \"text-secondary-text\",\n              className\n            )}\n            disabled={disabled}\n          >\n            <CalendarIcon className=\"mr-2 h-4 w-4 shrink-0\" />\n            <span className=\"truncate\">{formatDisplayValue()}</span>\n          </button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\n          <Calendar\n            mode=\"range\"\n            selected={dateRange}\n            onSelect={(range) => {\n              onDateRangeChange?.(range)\n            }}\n            defaultMonth={dateRange?.from}\n            numberOfMonths={numberOfMonths}\n            {...calendarProps}\n          />\n        </PopoverContent>\n      </Popover>\n    )\n  }\n)\n\nDateRangePicker.displayName = \"DateRangePicker\"\n\nexport { DateRangePicker }\n"]}

package/dist/chunk-RFYGH7BH.mjs

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

package/dist/chunk-RFYGH7BH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft, X, Menu } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport { Input } from \"@/components/input\"\nimport { Separator } from \"@/components/separator\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16.75rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"calc(3rem + 0.75rem)\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  isOpen: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  toggleSidebar: () => void\n  toggleMobileSidebar: () => void\n  setIsFullyOpen: (open: boolean) => void\n  isAnimating: boolean\n  setIsAnimating: (animating: boolean) => void\n  isBannerClosing: boolean\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\nconst SidebarMobileContext = React.createContext(false)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n  }\n\n  return context\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    defaultOpen?: boolean\n    open?: boolean\n    onOpenChange?: (open: boolean) => void\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [openMobile, setOpenMobile] = React.useState(false)\n    const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    const toggleSidebar = React.useCallback(() => {\n      setOpen((open) => !open)\n    }, [setOpen])\n\n    const toggleMobileSidebar = React.useCallback(() => {\n      setOpenMobile((open) => !open)\n    }, [setOpenMobile])\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n          (event.metaKey || event.ctrlKey)\n        ) {\n          event.preventDefault()\n          toggleSidebar()\n        }\n      }\n\n      window.addEventListener(\"keydown\", handleKeyDown)\n      return () => window.removeEventListener(\"keydown\", handleKeyDown)\n    }, [toggleSidebar])\n\n    const state = open ? \"expanded\" : \"collapsed\"\n\n    const [bannerHeight, setBannerHeight] = React.useState(0)\n    const bannerRef = React.useRef<HTMLDivElement>(null)\n    const previousBannerChildrenRef = React.useRef<React.ReactNode[]>([])\n\n    // Separate banner children (SidebarBanner) from layout children (Sidebar, SidebarInset)\n    const childArray = React.Children.toArray(children)\n    const bannerChildren = childArray.filter(\n      (child) =>\n        React.isValidElement(child) &&\n        (child.type as React.FC & { displayName?: string })?.displayName ===\n          \"SidebarBanner\"\n    )\n    const layoutChildren = childArray.filter(\n      (child) =>\n        !React.isValidElement(child) ||\n        (child.type as React.FC & { displayName?: string })?.displayName !==\n          \"SidebarBanner\"\n    )\n\n    // Store previous banner children for closing animation\n    if (bannerChildren.length > 0) {\n      previousBannerChildrenRef.current = bannerChildren\n    }\n\n    const hasBanner = bannerChildren.length > 0\n    const isClosing = !hasBanner && previousBannerChildrenRef.current.length > 0\n    const displayBanner = hasBanner || isClosing\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        isOpen: isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n        isBannerClosing: isClosing,\n      }),\n      [\n        state,\n        isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n        isClosing,\n      ]\n    )\n\n    // Measure banner height\n    React.useEffect(() => {\n      const banner = bannerRef.current\n      if (!banner) {\n        setBannerHeight(0)\n        return\n      }\n\n      const updateHeight = () => {\n        setBannerHeight(banner.offsetHeight)\n      }\n\n      updateHeight()\n      const resizeObserver = new ResizeObserver(updateHeight)\n      resizeObserver.observe(banner)\n\n      return () => resizeObserver.disconnect()\n    }, [bannerChildren.length])\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delayDuration={0}>\n          <div\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH,\n                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n                \"--sidebar-top\": hasBanner ? `${bannerHeight}px` : \"0px\",\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n              displayBanner && \"flex-col\",\n              className\n            )}\n            ref={ref}\n            {...props}\n          >\n            {displayBanner ? (\n              <>\n                <div\n                  className=\"relative overflow-hidden transition-[height] duration-200 ease-linear\"\n                  style={\n                    {\n                      height: isClosing\n                        ? \"0px\"\n                        : bannerHeight > 0\n                          ? `${bannerHeight}px`\n                          : \"auto\",\n                    } as React.CSSProperties\n                  }\n                >\n                  <div\n                    ref={bannerRef}\n                    className=\"fixed top-0 left-0 right-0 z-20 w-full transition-transform duration-200 ease-linear data-[state=closed]:-translate-y-full\"\n                    data-state={hasBanner ? \"open\" : \"closed\"}\n                    onTransitionEnd={() => {\n                      if (isClosing) {\n                        previousBannerChildrenRef.current = []\n                      }\n                    }}\n                  >\n                    {hasBanner\n                      ? bannerChildren\n                      : previousBannerChildrenRef.current}\n                  </div>\n                </div>\n                <div className=\"flex flex-1\">{layoutChildren}</div>\n              </>\n            ) : (\n              children\n            )}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    )\n  }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst SidebarBanner = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"banner\"\n      className={cn(\"w-full\", className)}\n      {...props}\n    />\n  )\n})\nSidebarBanner.displayName = \"SidebarBanner\"\n\nconst Sidebar = React.forwardRef<\n  HTMLElement,\n  React.ComponentProps<\"aside\"> & {\n    side?: \"left\" | \"right\"\n    variant?: \"sidebar\" | \"floating\" | \"inset\"\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n  }\n>(\n  (\n    {\n      side = \"left\",\n      variant = \"sidebar\",\n      collapsible = \"offcanvas\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const {\n      state,\n      openMobile,\n      setOpenMobile,\n      setIsFullyOpen,\n      setIsAnimating,\n      isBannerClosing,\n    } = useSidebar()\n    const sidebarRef = React.useRef<HTMLDivElement>(null)\n    const isFirstRenderRef = React.useRef(true)\n\n    // Track when the sidebar animation completes\n    React.useEffect(() => {\n      const sidebar = sidebarRef.current\n      if (!sidebar) return\n\n      // On first render, set isFullyOpen immediately without waiting for animation\n      if (isFirstRenderRef.current) {\n        isFirstRenderRef.current = false\n        setIsFullyOpen(state === \"expanded\")\n        setIsAnimating(false)\n        return\n      }\n\n      // Mark as animating when state changes\n      setIsAnimating(true)\n\n      // Fallback timeout in case transitionend doesn't fire\n      const fallbackTimeout = setTimeout(() => {\n        setIsFullyOpen(state === \"expanded\")\n        setIsAnimating(false)\n      }, 300) // Slightly longer than the 200ms transition duration\n\n      const handleTransitionEnd = (event: TransitionEvent) => {\n        // Only respond to transitions on the sidebar itself, not children\n        if (event.target !== sidebar) return\n\n        // Check if we're transitioning width, left, or right properties\n        if (\n          event.propertyName === \"left\" ||\n          event.propertyName === \"right\" ||\n          event.propertyName === \"width\"\n        ) {\n          clearTimeout(fallbackTimeout)\n          setIsFullyOpen(state === \"expanded\")\n          setIsAnimating(false)\n        }\n      }\n\n      sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n      return () => {\n        sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n        clearTimeout(fallbackTimeout)\n      }\n    }, [state, setIsFullyOpen, setIsAnimating])\n\n    if (collapsible === \"none\") {\n      return (\n        <aside\n          className={cn(\n            \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </aside>\n      )\n    }\n\n    return (\n      <>\n        {/* Mobile Sheet - visible only on mobile (< md) */}\n        <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                width: SIDEBAR_WIDTH_MOBILE,\n                maxWidth: SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <SidebarMobileContext.Provider value={true}>\n              <div className=\"flex h-full w-full flex-col\">{children}</div>\n            </SidebarMobileContext.Provider>\n          </SheetContent>\n        </Sheet>\n\n        {/* Desktop Sidebar - visible only on desktop (md+) */}\n        <aside\n          ref={ref}\n          className=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state}\n          data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n          data-variant={variant}\n          data-side={side}\n        >\n          {/* Spacer to reserve horizontal space */}\n          <div\n            className={cn(\n              \"w-(--sidebar-width) transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n            )}\n          />\n          {/* Fixed sidebar */}\n          <div\n            ref={sidebarRef}\n            data-banner-closing={isBannerClosing}\n            className={cn(\n              \"fixed z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n              isBannerClosing && \"transition-[left,right,width,top,height]\",\n              \"top-(--sidebar-top) h-[calc(100svh-var(--sidebar-top))]\",\n              side === \"left\"\n                ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n                : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n              className\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              className=\"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n            >\n              <div className=\"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border flex-1 min-h-0\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </aside>\n      </>\n    )\n  }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n  return (\n    <>\n      {/* Mobile trigger - visible below md */}\n      <Button\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\"md:hidden bg-transparent hover:bg-transparent\", className)}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleMobileSidebar()\n        }}\n        {...props}\n      >\n        {openMobile ? (\n          <span\n            className={cn(\n              buttonVariants({ variant: \"secondary\", size: \"icon\" })\n            )}\n          >\n            <X size={16} />\n          </span>\n        ) : (\n          <span\n            className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n          >\n            <Menu size={16} />\n          </span>\n        )}\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n\n      {/* Desktop trigger - visible at md+ */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\"hidden md:inline-flex h-7 w-7\", className)}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleSidebar()\n        }}\n        {...props}\n      >\n        <span className=\"rounded-full p-2\">\n          <PanelLeft size={16} />\n        </span>\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n    </>\n  )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.memo(\n  React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n    ({ className, ...props }, ref) => {\n      return (\n        <main\n          ref={ref}\n          className={cn(\n            \"relative flex min-w-0 w-full flex-1 flex-col\",\n            \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n            className\n          )}\n          {...props}\n        />\n      )\n    }\n  )\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <Input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        \"h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showTrigger?: boolean\n  }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n  const { state } = useSidebar()\n  const isMobile = React.useContext(SidebarMobileContext)\n\n  const isCollapsed = state === \"collapsed\" && !isMobile\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\n        \"flex w-full gap-2 p-2 items-center\",\n        isCollapsed\n          ? \"justify-center items-center\"\n          : \"justify-between items-start\",\n        className\n      )}\n      {...props}\n    >\n      {!isCollapsed && (\n        <div className=\"transition-all duration-200 w-full h-fit flex justify-between overflow-hidden\">\n          <div className=\"whitespace-nowrap\">{children}</div>\n        </div>\n      )}\n\n      {showTrigger && <SidebarTrigger />}\n    </div>\n  )\n})\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"footer\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  )\n})\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n  React.ElementRef<typeof Separator>,\n  React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n  return (\n    <Separator\n      ref={ref}\n      data-sidebar=\"separator\"\n      className={cn(\"mx-2 w-auto bg-border\", className)}\n      {...props}\n    />\n  )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"content\"\n      className={cn(\n        \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"group\"\n      className={cn(\n        \"relative flex w-full min-w-0 flex-col\",\n        \"group-data-[collapsible=icon]:p-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"div\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"flex h-8 shrink-0 items-center rounded-md text-xs font-medium text-secondary-text outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"group-content\"\n    className={cn(\"w-full text-sm\", className)}\n    {...props}\n  />\n))\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu\"\n    className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n    {...props}\n  />\n))\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-sidebar=\"menu-item\"\n    className={cn(\"group/menu-item relative\", className)}\n    {...props}\n  />\n))\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nconst sidebarMenuButtonVariants = cva(\n  \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"hover:bg-sidebar-accent/20 hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-sidebar shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    isActive?: boolean\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = \"default\",\n      size = \"default\",\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    const { state } = useSidebar()\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    )\n\n    if (!tooltip) {\n      return button\n    }\n\n    if (typeof tooltip === \"string\") {\n      tooltip = {\n        children: tooltip,\n      }\n    }\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== \"collapsed\"}\n          {...tooltip}\n        />\n      </Tooltip>\n    )\n  }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    showOnHover?: boolean\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"menu-badge\"\n    className={cn(\n      \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n      \"peer-data-[size=sm]/menu-button:top-1\",\n      \"peer-data-[size=default]/menu-button:top-1.5\",\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showIcon?: boolean\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-[--skeleton-width] flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu-sub\"\n    className={cn(\n      \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & {\n    asChild?: boolean\n    size?: \"sm\" | \"md\"\n    isActive?: boolean\n  }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n  Sidebar,\n  SidebarBanner,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n}\n"],"mappings":"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","names":["React","Slot","cva","PanelLeft","X","Menu","Fragment","jsx","jsxs","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","SidebarMobileContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","openMobile","setOpenMobile","isFullyOpen","setIsFullyOpen","isAnimating","setIsAnimating","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","toggleMobileSidebar","handleKeyDown","event","state","bannerHeight","setBannerHeight","bannerRef","previousBannerChildrenRef","childArray","bannerChildren","child","layoutChildren","hasBanner","isClosing","displayBanner","contextValue","banner","updateHeight","resizeObserver","TooltipProvider","cn","SidebarBanner","Sidebar","side","variant","collapsible","isBannerClosing","sidebarRef","isFirstRenderRef","sidebar","fallbackTimeout","handleTransitionEnd","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","buttonVariants","X","Menu","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","showTrigger","isMobile","isCollapsed","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"]}

package/dist/{chunk-RWCTSJUM.js → chunk-RLO6XENU.js}

@@ -1,3 +1,3 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-var _chunkXYO4VLMFjs = require('./chunk-XYO4VLMF.js');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var m=14,B=1,P=5,q=(x,a)=>{if(x<a){let s=1-x/a;return s*s*(3-2*s)}return 0},v=class{constructor(a){_chunkXYO4VLMFjs.a.call(void 0, this,"x",0);_chunkXYO4VLMFjs.a.call(void 0, this,"y",0);_chunkXYO4VLMFjs.a.call(void 0, this,"anchorX",0);_chunkXYO4VLMFjs.a.call(void 0, this,"anchorY",0);_chunkXYO4VLMFjs.a.call(void 0, this,"vx",0);_chunkXYO4VLMFjs.a.call(void 0, this,"vy",0);_chunkXYO4VLMFjs.a.call(void 0, this,"nodes",[]);_chunkXYO4VLMFjs.a.call(void 0, this,"opacity",0);_chunkXYO4VLMFjs.a.call(void 0, this,"glitchZones",[]);_chunkXYO4VLMFjs.a.call(void 0, this,"maxReach",180);this.anchorX=a.x,this.anchorY=a.y,this.x=this.anchorX,this.y=this.anchorY,this.init()}init(){this.nodes=[];let a=3+Math.floor(Math.random()*3);for(let s=0;s<a;s++){let e=15+Math.random()*25,b=(Math.random()-.5)*60,u=(Math.random()-.5)*60;this.nodes.push({offsetX:b,offsetY:u,vx:(Math.random()-.5)*.1,vy:(Math.random()-.5)*.1,radius:e,t:Math.random()*100})}this.opacity=1}update(){let a=this.anchorX-this.x,s=this.anchorY-this.y,e=5e-4,b=a*e,u=s*e,g=(Math.random()-.5)*.01,r=(Math.random()-.5)*.01;if(this.vx+=b+g,this.vy+=u+r,this.vx*=.96,this.vy*=.96,this.x+=this.vx,this.y+=this.vy,this.nodes.forEach(n=>{n.t+=.005,n.offsetX+=Math.sin(n.t)*.1+n.vx,n.offsetY+=Math.cos(n.t*.9)*.1+n.vy;let d=70;(n.offsetX>d||n.offsetX<-d)&&(n.vx*=-1),(n.offsetY>d||n.offsetY<-d)&&(n.vy*=-1),n.radius+=Math.sin(n.t*2)*.1}),this.glitchZones=this.glitchZones.filter(n=>n.life>0),this.glitchZones.forEach(n=>n.life--),Math.random()<.03){let d=f=>Math.round((f-m/2)/m)*m+m/2,R=this.x+(Math.random()-.5)*80,X=this.y+(Math.random()-.5)*80,p=d(R),i=d(X);if((Math.random()>.6?"line":"dot")==="line"){let f=Math.random()>.5,y=40+Math.random()*80,t=2;this.glitchZones.push({x:f?p-t/2:p-y/2,y:f?i-y/2:i-t/2,w:f?t:y,h:f?y:t,life:8+Math.random()*12})}else this.glitchZones.push({x:p-4/2,y:i-4/2,w:4,h:4,life:6+Math.random()*10})}}},F=class{constructor(a,s){_chunkXYO4VLMFjs.a.call(void 0, this,"x");_chunkXYO4VLMFjs.a.call(void 0, this,"y");_chunkXYO4VLMFjs.a.call(void 0, this,"opacity");_chunkXYO4VLMFjs.a.call(void 0, this,"decay");_chunkXYO4VLMFjs.a.call(void 0, this,"nodes");_chunkXYO4VLMFjs.a.call(void 0, this,"maxReach",60);this.x=a,this.y=s,this.opacity=.8,this.decay=.03,this.nodes=[];let e=2;for(let b=0;b<e;b++)this.nodes.push({offsetX:(Math.random()-.5)*10,offsetY:(Math.random()-.5)*10,vx:(Math.random()-.5)*1,vy:(Math.random()-.5)*1,radius:5+Math.random()*10,t:0})}update(){this.opacity-=this.decay,this.nodes.forEach(a=>{a.offsetX+=a.vx,a.offsetY+=a.vy,a.radius*=.95})}},_=({variant:x="animated"})=>{let a=_react.useRef.call(void 0, null);return _react.useEffect.call(void 0, ()=>{let s=a.current;if(!s)return;let e=s.getContext("2d");if(!e)return;let b,u=[],g=[],r={x:-1e3,y:-1e3,lastX:-1e3,lastY:-1e3},n=()=>{u=[];let i=s.width,h=s.height;u.push(new v({x:i-i*.15,y:h*.15})),u.push(new v({x:i*.4,y:h*.4})),u.push(new v({x:i*.05+50,y:h-h*.15})),u.push(new v({x:i-i*.05-50,y:h-h*.05-50}))},d=()=>{let i=s.getBoundingClientRect();s.width=i.width,s.height=i.height,n()},R=i=>{let h=s.getBoundingClientRect();r.x=i.clientX-h.left,r.y=i.clientY-h.top,r.lastX===-1e3&&(r.lastX=r.x,r.lastY=r.y);let f=r.x-r.lastX,y=r.y-r.lastY;Math.sqrt(f*f+y*y)>20&&(g.push(new F(r.x,r.y)),r.lastX=r.x,r.lastY=r.y)},X=()=>{d()},p=()=>{let i=s.width,h=s.height;if(e.fillStyle="#050505",e.fillRect(0,0,i,h),x==="static"){for(let t=m/2;t<i;t+=m)for(let l=m/2;l<h;l+=m)e.fillStyle="rgba(255, 255, 255, 0.03)",e.fillRect(t-.5,l-.5,1,1);return}u.forEach(t=>t.update());for(let t=g.length-1;t>=0;t--)g[t].update(),g[t].opacity<=0&&g.splice(t,1);let f=[...u,...g],y=[];u.forEach(t=>y.push(...t.glitchZones));for(let t=m/2;t<i;t+=m)for(let l=m/2;l<h;l+=m){let C=!1;for(let o of y)if(t>=o.x&&t<=o.x+o.w&&l>=o.y&&l<=o.y+o.h){C=!0;break}if(C){if(e.fillStyle="rgba(182, 243, 191, 0.95)",Math.random()>.1){let o=Math.random()>.5?P*.7:B*2;e.beginPath(),e.arc(t,l,o/2,0,Math.PI*2),e.fill()}continue}let M=0,I=!1;for(let o of f)if(Math.abs(t-o.x)<o.maxReach&&Math.abs(l-o.y)<o.maxReach){I=!0;break}if(!I){e.fillStyle="rgba(255, 255, 255, 0.03)",e.fillRect(t-.5,l-.5,1,1);continue}for(let o of f){let E=t-o.x,z=l-o.y;if(Math.abs(E)>o.maxReach||Math.abs(z)>o.maxReach)continue;let w=0;for(let Y of o.nodes){let Z=E-Y.offsetX,G=z-Y.offsetY,S=Math.sqrt(Z*Z+G*G);w+=q(S,Y.radius)}w>1&&(w=1),M+=w*o.opacity}if(M>1&&(M=1),M>.01){let G=Math.floor(255+-73*M),S=Math.floor(255+-12*M),L=Math.floor(255+-64*M),A=M*.5,k=B+M*(P-B);e.fillStyle=`rgba(${G}, ${S}, ${L}, ${A})`,e.beginPath(),e.arc(t,l,k/2,0,Math.PI*2),e.fill()}else e.fillStyle="rgba(255, 255, 255, 0.03)",e.fillRect(t-.5,l-.5,1,1)}b=requestAnimationFrame(p)};return window.addEventListener("resize",X),x==="animated"&&window.addEventListener("mousemove",R),d(),p(),()=>{window.removeEventListener("resize",X),x==="animated"&&window.removeEventListener("mousemove",R),cancelAnimationFrame(b)}},[x]),_jsxruntime.jsx.call(void 0, "canvas",{ref:a,className:"fixed inset-0 -z-10 w-full h-full pointer-events-none"})},V= exports.a =_;exports.a = V;
-//# sourceMappingURL=chunk-RWCTSJUM.js.map
+var _chunkXYO4VLMFjs = require('./chunk-XYO4VLMF.js');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var m=14,B=1,P=5,q=(x,a)=>{if(x<a){let s=1-x/a;return s*s*(3-2*s)}return 0},v=class{constructor(a){_chunkXYO4VLMFjs.a.call(void 0, this,"x",0);_chunkXYO4VLMFjs.a.call(void 0, this,"y",0);_chunkXYO4VLMFjs.a.call(void 0, this,"anchorX",0);_chunkXYO4VLMFjs.a.call(void 0, this,"anchorY",0);_chunkXYO4VLMFjs.a.call(void 0, this,"vx",0);_chunkXYO4VLMFjs.a.call(void 0, this,"vy",0);_chunkXYO4VLMFjs.a.call(void 0, this,"nodes",[]);_chunkXYO4VLMFjs.a.call(void 0, this,"opacity",0);_chunkXYO4VLMFjs.a.call(void 0, this,"glitchZones",[]);_chunkXYO4VLMFjs.a.call(void 0, this,"maxReach",180);this.anchorX=a.x,this.anchorY=a.y,this.x=this.anchorX,this.y=this.anchorY,this.init()}init(){this.nodes=[];let a=3+Math.floor(Math.random()*3);for(let s=0;s<a;s++){let e=15+Math.random()*25,b=(Math.random()-.5)*60,u=(Math.random()-.5)*60;this.nodes.push({offsetX:b,offsetY:u,vx:(Math.random()-.5)*.1,vy:(Math.random()-.5)*.1,radius:e,t:Math.random()*100})}this.opacity=1}update(){let a=this.anchorX-this.x,s=this.anchorY-this.y,e=5e-4,b=a*e,u=s*e,g=(Math.random()-.5)*.01,r=(Math.random()-.5)*.01;if(this.vx+=b+g,this.vy+=u+r,this.vx*=.96,this.vy*=.96,this.x+=this.vx,this.y+=this.vy,this.nodes.forEach(n=>{n.t+=.005,n.offsetX+=Math.sin(n.t)*.1+n.vx,n.offsetY+=Math.cos(n.t*.9)*.1+n.vy;let d=70;(n.offsetX>d||n.offsetX<-d)&&(n.vx*=-1),(n.offsetY>d||n.offsetY<-d)&&(n.vy*=-1),n.radius+=Math.sin(n.t*2)*.1}),this.glitchZones=this.glitchZones.filter(n=>n.life>0),this.glitchZones.forEach(n=>n.life--),Math.random()<.03){let d=f=>Math.round((f-m/2)/m)*m+m/2,R=this.x+(Math.random()-.5)*80,X=this.y+(Math.random()-.5)*80,p=d(R),i=d(X);if((Math.random()>.6?"line":"dot")==="line"){let f=Math.random()>.5,y=40+Math.random()*80,t=2;this.glitchZones.push({x:f?p-t/2:p-y/2,y:f?i-y/2:i-t/2,w:f?t:y,h:f?y:t,life:8+Math.random()*12})}else this.glitchZones.push({x:p-4/2,y:i-4/2,w:4,h:4,life:6+Math.random()*10})}}},F=class{constructor(a,s){_chunkXYO4VLMFjs.a.call(void 0, this,"x");_chunkXYO4VLMFjs.a.call(void 0, this,"y");_chunkXYO4VLMFjs.a.call(void 0, this,"opacity");_chunkXYO4VLMFjs.a.call(void 0, this,"decay");_chunkXYO4VLMFjs.a.call(void 0, this,"nodes");_chunkXYO4VLMFjs.a.call(void 0, this,"maxReach",60);this.x=a,this.y=s,this.opacity=.8,this.decay=.03,this.nodes=[];let e=2;for(let b=0;b<e;b++)this.nodes.push({offsetX:(Math.random()-.5)*10,offsetY:(Math.random()-.5)*10,vx:(Math.random()-.5)*1,vy:(Math.random()-.5)*1,radius:5+Math.random()*10,t:0})}update(){this.opacity-=this.decay,this.nodes.forEach(a=>{a.offsetX+=a.vx,a.offsetY+=a.vy,a.radius*=.95})}},_=({variant:x="animated"})=>{let a=_react.useRef.call(void 0, null);return _react.useEffect.call(void 0, ()=>{let s=a.current;if(!s)return;let e=s.getContext("2d");if(!e)return;let b,u=[],g=[],r={x:-1e3,y:-1e3,lastX:-1e3,lastY:-1e3},n=()=>{u=[];let i=s.width,h=s.height;u.push(new v({x:i-i*.15,y:h*.15})),u.push(new v({x:i*.4,y:h*.4})),u.push(new v({x:i*.05+50,y:h-h*.15})),u.push(new v({x:i-i*.05-50,y:h-h*.05-50}))},d=()=>{let i=s.getBoundingClientRect();s.width=i.width,s.height=i.height,n()},R=i=>{let h=s.getBoundingClientRect();r.x=i.clientX-h.left,r.y=i.clientY-h.top,r.lastX===-1e3&&(r.lastX=r.x,r.lastY=r.y);let f=r.x-r.lastX,y=r.y-r.lastY;Math.sqrt(f*f+y*y)>20&&(g.push(new F(r.x,r.y)),r.lastX=r.x,r.lastY=r.y)},X=()=>{d()},p=()=>{let i=s.width,h=s.height;if(e.fillStyle="#050505",e.fillRect(0,0,i,h),x==="static"){for(let t=m/2;t<i;t+=m)for(let l=m/2;l<h;l+=m)e.fillStyle="rgba(255, 255, 255, 0.03)",e.fillRect(t-.5,l-.5,1,1);return}u.forEach(t=>t.update());for(let t=g.length-1;t>=0;t--)g[t].update(),g[t].opacity<=0&&g.splice(t,1);let f=[...u,...g],y=[];u.forEach(t=>y.push(...t.glitchZones));for(let t=m/2;t<i;t+=m)for(let l=m/2;l<h;l+=m){let C=!1;for(let o of y)if(t>=o.x&&t<=o.x+o.w&&l>=o.y&&l<=o.y+o.h){C=!0;break}if(C){if(e.fillStyle="rgba(182, 243, 191, 0.95)",Math.random()>.1){let o=Math.random()>.5?P*.7:B*2;e.beginPath(),e.arc(t,l,o/2,0,Math.PI*2),e.fill()}continue}let M=0,I=!1;for(let o of f)if(Math.abs(t-o.x)<o.maxReach&&Math.abs(l-o.y)<o.maxReach){I=!0;break}if(!I){e.fillStyle="rgba(255, 255, 255, 0.03)",e.fillRect(t-.5,l-.5,1,1);continue}for(let o of f){let E=t-o.x,z=l-o.y;if(Math.abs(E)>o.maxReach||Math.abs(z)>o.maxReach)continue;let w=0;for(let Y of o.nodes){let Z=E-Y.offsetX,G=z-Y.offsetY,S=Math.sqrt(Z*Z+G*G);w+=q(S,Y.radius)}w>1&&(w=1),M+=w*o.opacity}if(M>1&&(M=1),M>.01){let G=Math.floor(255+-73*M),S=Math.floor(255+-12*M),L=Math.floor(255+-64*M),A=M*.5,k=B+M*(P-B);e.fillStyle=`rgba(${G}, ${S}, ${L}, ${A})`,e.beginPath(),e.arc(t,l,k/2,0,Math.PI*2),e.fill()}else e.fillStyle="rgba(255, 255, 255, 0.03)",e.fillRect(t-.5,l-.5,1,1)}b=requestAnimationFrame(p)};return window.addEventListener("resize",X),x==="animated"&&window.addEventListener("mousemove",R),d(),p(),()=>{window.removeEventListener("resize",X),x==="animated"&&window.removeEventListener("mousemove",R),cancelAnimationFrame(b)}},[x]),_jsxruntime.jsx.call(void 0, "canvas",{ref:a,className:"fixed inset-0 -z-999 w-full h-full pointer-events-none"})},V= exports.a =_;exports.a = V;
+//# sourceMappingURL=chunk-RLO6XENU.js.map