@alkimi.org/ui-kit 0.2.32 → 0.4.0

package/dist/chunk-ACGP6SRB.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as l}from"./chunk-UCGLZ5L4.mjs";import{b as f}from"./chunk-2YRLGFWP.mjs";import{a as p}from"./chunk-S5TKCF6T.mjs";import*as r from"react";import{CalendarIcon as b}from"lucide-react";import{format as d}from"date-fns";import*as o from"@radix-ui/react-popover";import{jsx as t,jsxs as c}from"react/jsx-runtime";var D=o.Root,w=o.Trigger,P=r.forwardRef(({className:e,align:a="start",sideOffset:n=4,...i},m)=>t(o.Portal,{children:t(o.Content,{ref:m,align:a,sideOffset:n,className:p("z-50 w-auto rounded-md 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})}));P.displayName=o.Content.displayName;var N=r.forwardRef(({dateRange:e,onDateRangeChange:a,placeholder:n="Pick a date range",disabled:i=!1,className:m,calendarProps:u,formatStr:s="LLL dd, y",numberOfMonths:v=2},g)=>{let[R,C]=r.useState(!1),h=()=>e?.from?e.to?`${d(e.from,s)} - ${d(e.to,s)}`:d(e.from,s):n;return c(D,{open:R,onOpenChange:C,modal:!0,children:[t(w,{asChild:!0,children:c(f,{ref:g,variant:"outline",className:p("w-full min-w-[280px] justify-start text-left font-normal",!e?.from&&"text-muted-foreground",m),disabled:i,children:[t(b,{className:"mr-2 h-4 w-4"}),h()]})}),t(P,{className:"w-auto p-0",align:"start",children:t(l,{mode:"range",selected:e,onSelect:y=>{a?.(y)},defaultMonth:e?.from,numberOfMonths:v,...u})})]})});N.displayName="DateRangePicker";export{N as a};
+//# sourceMappingURL=chunk-ACGP6SRB.mjs.map

package/dist/chunk-ACGP6SRB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-range-picker.tsx"],"sourcesContent":["\"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 { Button } from \"@/components/button\"\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-md 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<HTMLButtonElement, DateRangePickerProps>(\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            variant=\"outline\"\n            className={cn(\n              \"w-full min-w-[280px] justify-start text-left font-normal\",\n              !dateRange?.from && \"text-muted-foreground\",\n              className\n            )}\n            disabled={disabled}\n          >\n            <CalendarIcon className=\"mr-2 h-4 w-4\" />\n            {formatDisplayValue()}\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"],"mappings":";2HAEA,UAAYA,MAAW,QACvB,OAAS,gBAAAC,MAAoB,eAC7B,OAAS,UAAAC,MAAc,WACvB,UAAYC,MAAsB,0BAe9B,cAAAC,EA2DM,QAAAC,MA3DN,oBARJ,IAAMC,EAA2B,OAC3BC,EAAkC,UAElCC,EAAuB,aAG3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,QAAS,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC3DT,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKS,EACL,MAAOH,EACP,WAAYC,EACZ,UAAWG,EACT,+aACAL,CACF,EACC,GAAGG,EACN,EACF,CACD,EACDJ,EAAe,YAA+B,UAAQ,YAgBtD,IAAMO,EAAwB,aAC5B,CACE,CACE,UAAAC,EACA,kBAAAC,EACA,YAAAC,EAAc,oBACd,SAAAC,EAAW,GACX,UAAAV,EACA,cAAAW,EACA,UAAAC,EAAY,YACZ,eAAAC,EAAiB,CACnB,EACAT,IACG,CACH,GAAM,CAACU,EAAMC,CAAO,EAAU,WAAS,EAAK,EAEtCC,EAAqB,IACpBT,GAAW,KAIZA,EAAU,GACL,GAAGU,EAAOV,EAAU,KAAMK,CAAS,CAAC,MAAMK,EAAOV,EAAU,GAAIK,CAAS,CAAC,GAG3EK,EAAOV,EAAU,KAAMK,CAAS,EAP9BH,EAUX,OACEb,EAACC,EAAA,CAAQ,KAAMiB,EAAM,aAAcC,EAAS,MAAK,GAC/C,UAAApB,EAACG,EAAA,CAAe,QAAO,GACrB,SAAAF,EAACsB,EAAA,CACC,IAAKd,EACL,QAAQ,UACR,UAAWC,EACT,2DACA,CAACE,GAAW,MAAQ,wBACpBP,CACF,EACA,SAAUU,EAEV,UAAAf,EAACwB,EAAA,CAAa,UAAU,eAAe,EACtCH,EAAmB,GACtB,EACF,EACArB,EAACI,EAAA,CAAe,UAAU,aAAa,MAAM,QAC3C,SAAAJ,EAACyB,EAAA,CACC,KAAK,QACL,SAAUb,EACV,SAAWc,GAAU,CACnBb,IAAoBa,CAAK,CAC3B,EACA,aAAcd,GAAW,KACzB,eAAgBM,EACf,GAAGF,EACN,EACF,GACF,CAEJ,CACF,EAEAL,EAAgB,YAAc","names":["React","CalendarIcon","format","PopoverPrimitive","jsx","jsxs","Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","cn","DateRangePicker","dateRange","onDateRangeChange","placeholder","disabled","calendarProps","formatStr","numberOfMonths","open","setOpen","formatDisplayValue","format","Button","CalendarIcon","Calendar","range"]}

package/dist/chunk-BAZPZP3V.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 _chunkWSKRASYCjs = require('./chunk-WSKRASYC.js');var _chunkQKOZTOYUjs = require('./chunk-QKOZTOYU.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 D=o.Root,w=o.Trigger,P=r.forwardRef(({className:e,align:a="start",sideOffset:n=4,...i},m)=>_jsxruntime.jsx.call(void 0, o.Portal,{children:_jsxruntime.jsx.call(void 0, o.Content,{ref:m,align:a,sideOffset:n,className:_chunkFUYXCJOQjs.a.call(void 0, "z-50 w-auto rounded-md 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})}));P.displayName=o.Content.displayName;var N=r.forwardRef(({dateRange:e,onDateRangeChange:a,placeholder:n="Pick a date range",disabled:i=!1,className:m,calendarProps:u,formatStr:s="LLL dd, y",numberOfMonths:v=2},g)=>{let[R,C]=r.useState(!1),h=()=>_optionalChain([e, 'optionalAccess', _ => _.from])?e.to?`${_datefns.format.call(void 0, e.from,s)} - ${_datefns.format.call(void 0, e.to,s)}`:_datefns.format.call(void 0, e.from,s):n;return _jsxruntime.jsxs.call(void 0, D,{open:R,onOpenChange:C,modal:!0,children:[_jsxruntime.jsx.call(void 0, w,{asChild:!0,children:_jsxruntime.jsxs.call(void 0, _chunkQKOZTOYUjs.b,{ref:g,variant:"outline",className:_chunkFUYXCJOQjs.a.call(void 0, "w-full min-w-[280px] justify-start text-left font-normal",!_optionalChain([e, 'optionalAccess', _2 => _2.from])&&"text-muted-foreground",m),disabled:i,children:[_jsxruntime.jsx.call(void 0, _lucidereact.CalendarIcon,{className:"mr-2 h-4 w-4"}),h()]})}),_jsxruntime.jsx.call(void 0, P,{className:"w-auto p-0",align:"start",children:_jsxruntime.jsx.call(void 0, _chunkWSKRASYCjs.a,{mode:"range",selected:e,onSelect:y=>{_optionalChain([a, 'optionalCall', _3 => _3(y)])},defaultMonth:_optionalChain([e, 'optionalAccess', _4 => _4.from]),numberOfMonths:v,...u})})]})});N.displayName="DateRangePicker";exports.a = N;
+//# sourceMappingURL=chunk-BAZPZP3V.js.map

package/dist/chunk-BAZPZP3V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-BAZPZP3V.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,sDAAwC,uECChG,2CACM,mCACN,uGACW,+CAe9B,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,8aACT,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,CAC5B,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-BAZPZP3V.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 { Button } from \"@/components/button\"\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-md 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<HTMLButtonElement, DateRangePickerProps>(\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            variant=\"outline\"\n            className={cn(\n              \"w-full min-w-[280px] justify-start text-left font-normal\",\n              !dateRange?.from && \"text-muted-foreground\",\n              className\n            )}\n            disabled={disabled}\n          >\n            <CalendarIcon className=\"mr-2 h-4 w-4\" />\n            {formatDisplayValue()}\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-VEDFV5S2.mjs → chunk-EGD7XVML.mjs}

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

package/dist/chunk-FZ3NXOFK.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as e}from"./chunk-S5TKCF6T.mjs";import*as i from"react";import*as o from"@radix-ui/react-popover";import{jsx as t}from"react/jsx-runtime";var v=o.Root,P=o.Trigger,m=i.forwardRef(({className:r,align:a="center",sideOffset:n=4,...d},p)=>t(o.Portal,{children:t(o.Content,{ref:p,align:a,sideOffset:n,className:e("z-50 w-72 rounded-md border bg-popover p-4 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 origin-[--radix-popover-content-transform-origin]",r),...d})}));m.displayName=o.Content.displayName;export{v as a,P as b,m as c};
+//# sourceMappingURL=chunk-FZ3NXOFK.mjs.map

package/dist/chunk-FZ3NXOFK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/popover.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", 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-72 rounded-md border bg-popover p-4 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 origin-[--radix-popover-content-transform-origin]\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"],"mappings":";yCAAA,UAAYA,MAAW,QACvB,UAAYC,MAAsB,0BAa9B,cAAAC,MAAA,oBATJ,IAAMC,EAA2B,OAE3BC,EAAkC,UAElCC,EAAuB,aAG3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC5DR,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKQ,EACL,MAAOH,EACP,WAAYC,EACZ,UAAWG,EACT,+dACAL,CACF,EACC,GAAGG,EACN,EACF,CACD,EACDJ,EAAe,YAA+B,UAAQ","names":["React","PopoverPrimitive","jsx","Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","cn"]}

package/dist/{chunk-BI2IMPJG.js → chunk-IAXQEBHX.js}

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

package/dist/{chunk-BI2IMPJG.js.map → chunk-IAXQEBHX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-BI2IMPJG.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","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,sDAA+C,sDAAwC,sDAAwC,uECCxT,iDACF,kEACkB,2CACJ,+CAmJzB,IA9HJA,CAAAA,CAAsB,eAAA,CACtBC,CAAAA,CAAyB,IAAA,CAAU,EAAA,CAAK,CAAA,CACxCC,EAAAA,CAAgB,OAAA,CAChBC,CAAAA,CAAuB,OAAA,CACvBC,EAAAA,CAAqB,UAAA,CACrBC,EAAAA,CAA4B,GAAA,CAe5BC,CAAAA,CAAuB,CAAA,CAAA,aAAA,CAA0C,IAAI,CAAA,CAE3E,SAASC,CAAAA,CAAAA,CAAa,CACpB,IAAMC,CAAAA,CAAgB,CAAA,CAAA,UAAA,CAAWF,CAAc,CAAA,CAC/C,EAAA,CAAI,CAACE,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-BI2IMPJG.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 = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"4.625rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  isOpen: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  toggleSidebar: () => void\n  toggleMobileSidebar: () => void\n  setIsFullyOpen: (open: boolean) => void\n  isAnimating: boolean\n  setIsAnimating: (animating: boolean) => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n  }\n\n  return context\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    defaultOpen?: boolean\n    open?: boolean\n    onOpenChange?: (open: boolean) => void\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [openMobile, setOpenMobile] = React.useState(false)\n    const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    const toggleSidebar = React.useCallback(() => {\n      setOpen((open) => !open)\n    }, [setOpen])\n\n    const toggleMobileSidebar = React.useCallback(() => {\n      setOpenMobile((open) => !open)\n    }, [setOpenMobile])\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n          (event.metaKey || event.ctrlKey)\n        ) {\n          event.preventDefault()\n          toggleSidebar()\n        }\n      }\n\n      window.addEventListener(\"keydown\", handleKeyDown)\n      return () => window.removeEventListener(\"keydown\", handleKeyDown)\n    }, [toggleSidebar])\n\n    const state = open ? \"expanded\" : \"collapsed\"\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        isOpen: isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      }),\n      [\n        state,\n        isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      ]\n    )\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delayDuration={0}>\n          <div\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH,\n                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n              className\n            )}\n            ref={ref}\n            {...props}\n          >\n            {children}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    )\n  }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst Sidebar = React.forwardRef<\n  HTMLElement,\n  React.ComponentProps<\"aside\"> & {\n    side?: \"left\" | \"right\"\n    variant?: \"sidebar\" | \"floating\" | \"inset\"\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n  }\n>(\n  (\n    {\n      side = \"left\",\n      variant = \"sidebar\",\n      collapsible = \"offcanvas\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { state, openMobile, setOpenMobile, setIsFullyOpen, setIsAnimating } =\n      useSidebar()\n    const sidebarRef = React.useRef<HTMLDivElement>(null)\n    const isFirstRenderRef = React.useRef(true)\n\n    // Track when the sidebar animation completes\n    React.useEffect(() => {\n      const sidebar = sidebarRef.current\n      if (!sidebar) return\n\n      // On first render, set isFullyOpen immediately without waiting for animation\n      if (isFirstRenderRef.current) {\n        isFirstRenderRef.current = false\n        setIsFullyOpen(state === \"expanded\")\n        return\n      }\n\n      // Mark as animating when state changes\n      setIsAnimating(true)\n\n      const handleTransitionEnd = (event: TransitionEvent) => {\n        // Only respond to transitions on the sidebar itself, not children\n        if (event.target !== sidebar) return\n\n        // Check if we're transitioning width, left, or right properties\n        if (\n          event.propertyName === \"left\" ||\n          event.propertyName === \"right\" ||\n          event.propertyName === \"width\"\n        ) {\n          setIsFullyOpen(state === \"expanded\")\n          setIsAnimating(false)\n        }\n      }\n\n      sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n      return () =>\n        sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n    }, [state, setIsFullyOpen, setIsAnimating])\n\n    if (collapsible === \"none\") {\n      return (\n        <aside\n          className={cn(\n            \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </aside>\n      )\n    }\n\n    return (\n      <>\n        {/* Mobile Sheet - visible only on mobile (< md) */}\n        <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                width: SIDEBAR_WIDTH_MOBILE,\n                maxWidth: SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </SheetContent>\n        </Sheet>\n\n        {/* Desktop Sidebar - visible only on desktop (md+) */}\n        <aside\n          ref={ref}\n          className=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state}\n          data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n          data-variant={variant}\n          data-side={side}\n        >\n          <div\n            className={cn(\n              \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              \"group-data-[side=right]:rotate-180\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n            )}\n          />\n          <div\n            ref={sidebarRef}\n            className={cn(\n              \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n              side === \"left\"\n                ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n                : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n              className\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              className=\"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n            >\n              <div className=\"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-full\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </aside>\n      </>\n    )\n  }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n  return (\n    <>\n      {/* Mobile trigger - visible only on mobile (< md) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"md:hidden bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleMobileSidebar()\n        }}\n        {...props}\n      >\n        {openMobile ? (\n          <span\n            className={cn(\n              buttonVariants({ variant: \"secondary\", size: \"icon\" })\n            )}\n          >\n            <X size={16} />\n          </span>\n        ) : (\n          <span\n            className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n          >\n            <Menu size={16} />\n          </span>\n        )}\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n\n      {/* Desktop trigger - visible only on desktop (md+) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"hidden md:flex h-7 w-7 bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleSidebar()\n        }}\n        {...props}\n      >\n        <span className=\"rounded-full hover:bg-secondary p-2\">\n          <PanelLeft size={16} />\n        </span>\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n    </>\n  )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.memo(\n  React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n    ({ className, ...props }, ref) => {\n      return (\n        <main\n          ref={ref}\n          className={cn(\n            \"relative flex w-full flex-1 flex-col\",\n            \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n            className\n          )}\n          {...props}\n        />\n      )\n    }\n  )\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <Input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        \"h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showTrigger?: boolean\n  }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n  const { state } = useSidebar()\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\n        \"flex w-full gap-2 p-2\",\n        state === \"collapsed\"\n          ? \"justify-center items-center\"\n          : \"justify-between items-start\",\n        className\n      )}\n      {...props}\n    >\n      {state !== \"collapsed\" && (\n        <div className=\"transition-all duration-200 w-full 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_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    isActive?: boolean\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = \"default\",\n      size = \"default\",\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    const { state } = useSidebar()\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    )\n\n    if (!tooltip) {\n      return button\n    }\n\n    if (typeof tooltip === \"string\") {\n      tooltip = {\n        children: tooltip,\n      }\n    }\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== \"collapsed\"}\n          {...tooltip}\n        />\n      </Tooltip>\n    )\n  }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    showOnHover?: boolean\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"menu-badge\"\n    className={cn(\n      \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n      \"peer-data-[size=sm]/menu-button:top-1\",\n      \"peer-data-[size=default]/menu-button:top-1.5\",\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showIcon?: boolean\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-[--skeleton-width] flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu-sub\"\n    className={cn(\n      \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & {\n    asChild?: boolean\n    size?: \"sm\" | \"md\"\n    isActive?: boolean\n  }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n}\n"]}
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-IAXQEBHX.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","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,sDAAuC,sDAA6D,sDAAwC,sDAAwC,sDAAoE,sDAA+C,sDAAwC,uECCxT,iDACF,kEACkB,2CACJ,+CAmJzB,IA9HJA,CAAAA,CAAsB,eAAA,CACtBC,CAAAA,CAAyB,IAAA,CAAU,EAAA,CAAK,CAAA,CACxCC,EAAAA,CAAgB,OAAA,CAChBC,CAAAA,CAAuB,OAAA,CACvBC,EAAAA,CAAqB,UAAA,CACrBC,EAAAA,CAA4B,GAAA,CAe5BC,CAAAA,CAAuB,CAAA,CAAA,aAAA,CAA0C,IAAI,CAAA,CAE3E,SAASC,CAAAA,CAAAA,CAAa,CACpB,IAAMC,CAAAA,CAAgB,CAAA,CAAA,UAAA,CAAWF,CAAc,CAAA,CAC/C,EAAA,CAAI,CAACE,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-IAXQEBHX.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 = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"23rem\"\nconst SIDEBAR_WIDTH_ICON = \"4.625rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  isOpen: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  toggleSidebar: () => void\n  toggleMobileSidebar: () => void\n  setIsFullyOpen: (open: boolean) => void\n  isAnimating: boolean\n  setIsAnimating: (animating: boolean) => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n  }\n\n  return context\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    defaultOpen?: boolean\n    open?: boolean\n    onOpenChange?: (open: boolean) => void\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [openMobile, setOpenMobile] = React.useState(false)\n    const [isFullyOpen, setIsFullyOpen] = React.useState(defaultOpen)\n    const [isAnimating, setIsAnimating] = React.useState(false)\n\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    const toggleSidebar = React.useCallback(() => {\n      setOpen((open) => !open)\n    }, [setOpen])\n\n    const toggleMobileSidebar = React.useCallback(() => {\n      setOpenMobile((open) => !open)\n    }, [setOpenMobile])\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n          (event.metaKey || event.ctrlKey)\n        ) {\n          event.preventDefault()\n          toggleSidebar()\n        }\n      }\n\n      window.addEventListener(\"keydown\", handleKeyDown)\n      return () => window.removeEventListener(\"keydown\", handleKeyDown)\n    }, [toggleSidebar])\n\n    const state = open ? \"expanded\" : \"collapsed\"\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        isOpen: isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      }),\n      [\n        state,\n        isFullyOpen,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        toggleMobileSidebar,\n        setIsFullyOpen,\n        isAnimating,\n        setIsAnimating,\n      ]\n    )\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delayDuration={0}>\n          <div\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH,\n                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n              className\n            )}\n            ref={ref}\n            {...props}\n          >\n            {children}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    )\n  }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst Sidebar = React.forwardRef<\n  HTMLElement,\n  React.ComponentProps<\"aside\"> & {\n    side?: \"left\" | \"right\"\n    variant?: \"sidebar\" | \"floating\" | \"inset\"\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n  }\n>(\n  (\n    {\n      side = \"left\",\n      variant = \"sidebar\",\n      collapsible = \"offcanvas\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { state, openMobile, setOpenMobile, setIsFullyOpen, setIsAnimating } =\n      useSidebar()\n    const sidebarRef = React.useRef<HTMLDivElement>(null)\n    const isFirstRenderRef = React.useRef(true)\n\n    // Track when the sidebar animation completes\n    React.useEffect(() => {\n      const sidebar = sidebarRef.current\n      if (!sidebar) return\n\n      // On first render, set isFullyOpen immediately without waiting for animation\n      if (isFirstRenderRef.current) {\n        isFirstRenderRef.current = false\n        setIsFullyOpen(state === \"expanded\")\n        return\n      }\n\n      // Mark as animating when state changes\n      setIsAnimating(true)\n\n      const handleTransitionEnd = (event: TransitionEvent) => {\n        // Only respond to transitions on the sidebar itself, not children\n        if (event.target !== sidebar) return\n\n        // Check if we're transitioning width, left, or right properties\n        if (\n          event.propertyName === \"left\" ||\n          event.propertyName === \"right\" ||\n          event.propertyName === \"width\"\n        ) {\n          setIsFullyOpen(state === \"expanded\")\n          setIsAnimating(false)\n        }\n      }\n\n      sidebar.addEventListener(\"transitionend\", handleTransitionEnd)\n      return () =>\n        sidebar.removeEventListener(\"transitionend\", handleTransitionEnd)\n    }, [state, setIsFullyOpen, setIsAnimating])\n\n    if (collapsible === \"none\") {\n      return (\n        <aside\n          className={cn(\n            \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </aside>\n      )\n    }\n\n    return (\n      <>\n        {/* Mobile Sheet - visible only on mobile (< md) */}\n        <Sheet open={openMobile} onOpenChange={setOpenMobile}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"md:hidden bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                width: SIDEBAR_WIDTH_MOBILE,\n                maxWidth: SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </SheetContent>\n        </Sheet>\n\n        {/* Desktop Sidebar - visible only on desktop (md+) */}\n        <aside\n          ref={ref}\n          className=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state}\n          data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n          data-variant={variant}\n          data-side={side}\n        >\n          <div\n            className={cn(\n              \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              \"group-data-[side=right]:rotate-180\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n            )}\n          />\n          <div\n            ref={sidebarRef}\n            className={cn(\n              \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n              side === \"left\"\n                ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n                : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n              variant === \"floating\" || variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n              className\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              className=\"flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n            >\n              <div className=\"flex flex-col my-2.5 ml-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-full\">\n                {children}\n              </div>\n            </div>\n          </div>\n        </aside>\n      </>\n    )\n  }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar, toggleMobileSidebar, openMobile } = useSidebar()\n\n  return (\n    <>\n      {/* Mobile trigger - visible only on mobile (< md) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"md:hidden bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleMobileSidebar()\n        }}\n        {...props}\n      >\n        {openMobile ? (\n          <span\n            className={cn(\n              buttonVariants({ variant: \"secondary\", size: \"icon\" })\n            )}\n          >\n            <X size={16} />\n          </span>\n        ) : (\n          <span\n            className={cn(buttonVariants({ variant: \"outline\", size: \"icon\" }))}\n          >\n            <Menu size={16} />\n          </span>\n        )}\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n\n      {/* Desktop trigger - visible only on desktop (md+) */}\n      <Button\n        ref={ref}\n        data-sidebar=\"trigger\"\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn(\n          \"hidden md:flex h-7 w-7 bg-transparent hover:bg-transparent\",\n          className\n        )}\n        onClick={(event) => {\n          onClick?.(event)\n          toggleSidebar()\n        }}\n        {...props}\n      >\n        <span className=\"rounded-full hover:bg-secondary p-2\">\n          <PanelLeft size={16} />\n        </span>\n        <span className=\"sr-only\">Toggle Sidebar</span>\n      </Button>\n    </>\n  )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.memo(\n  React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(\n    ({ className, ...props }, ref) => {\n      return (\n        <main\n          ref={ref}\n          className={cn(\n            \"relative flex w-full flex-1 flex-col\",\n            \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n            className\n          )}\n          {...props}\n        />\n      )\n    }\n  )\n)\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <Input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        \"h-8 w-full bg-sidebar shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showTrigger?: boolean\n  }\n>(({ className, showTrigger = false, children, ...props }, ref) => {\n  const { state } = useSidebar()\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\n        \"flex w-full gap-2 p-2\",\n        state === \"collapsed\"\n          ? \"justify-center items-center\"\n          : \"justify-between items-start\",\n        className\n      )}\n      {...props}\n    >\n      {state !== \"collapsed\" && (\n        <div className=\"transition-all duration-200 w-full 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_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    isActive?: boolean\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = \"default\",\n      size = \"default\",\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    const { state } = useSidebar()\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    )\n\n    if (!tooltip) {\n      return button\n    }\n\n    if (typeof tooltip === \"string\") {\n      tooltip = {\n        children: tooltip,\n      }\n    }\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== \"collapsed\"}\n          {...tooltip}\n        />\n      </Tooltip>\n    )\n  }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    showOnHover?: boolean\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-base-accent-foreground md:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"menu-badge\"\n    className={cn(\n      \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n      \"peer-data-[size=sm]/menu-button:top-1\",\n      \"peer-data-[size=default]/menu-button:top-1.5\",\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showIcon?: boolean\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-[--skeleton-width] flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu-sub\"\n    className={cn(\n      \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & {\n    asChild?: boolean\n    size?: \"sm\" | \"md\"\n    isActive?: boolean\n  }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n}\n"]}

package/dist/chunk-IFNROIYL.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as l}from"./chunk-UCGLZ5L4.mjs";import{b as m}from"./chunk-2YRLGFWP.mjs";import{a as d}from"./chunk-S5TKCF6T.mjs";import*as a from"react";import{CalendarIcon as R}from"lucide-react";import{format as h}from"date-fns";import*as e from"@radix-ui/react-popover";import{jsx as o,jsxs as f}from"react/jsx-runtime";var N=e.Root,b=e.Trigger,P=a.forwardRef(({className:t,align:r="start",sideOffset:i=4,...n},s)=>o(e.Portal,{children:o(e.Content,{ref:s,align:r,sideOffset:i,className:d("z-50 w-auto rounded-md 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",t),...n})}));P.displayName=e.Content.displayName;var w=a.forwardRef(({date:t,onDateChange:r,placeholder:i="Pick a date",disabled:n=!1,className:s,calendarProps:c,formatStr:v="PPP"},u)=>{let[g,p]=a.useState(!1);return f(N,{open:g,onOpenChange:p,children:[o(b,{asChild:!0,children:f(m,{ref:u,variant:"outline",className:d("w-full justify-start text-left font-normal",!t&&"text-muted-foreground",s),disabled:n,children:[o(R,{className:"mr-2 h-4 w-4"}),t?h(t,v):o("span",{children:i})]})}),o(P,{className:"w-auto p-0",align:"start",children:o(l,{mode:"single",selected:t,onSelect:C=>{r?.(C),p(!1)},defaultMonth:t,...c})})]})});w.displayName="DatePicker";export{w as a};
+//# sourceMappingURL=chunk-IFNROIYL.mjs.map

package/dist/chunk-IFNROIYL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-picker.tsx"],"sourcesContent":["\"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\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/button\"\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-md 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 DatePickerProps {\n  date?: Date\n  onDateChange?: (date: Date | 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}\n\nconst DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(\n  (\n    {\n      date,\n      onDateChange,\n      placeholder = \"Pick a date\",\n      disabled = false,\n      className,\n      calendarProps,\n      formatStr = \"PPP\",\n    },\n    ref\n  ) => {\n    const [open, setOpen] = React.useState(false)\n\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            ref={ref}\n            variant=\"outline\"\n            className={cn(\n              \"w-full justify-start text-left font-normal\",\n              !date && \"text-muted-foreground\",\n              className\n            )}\n            disabled={disabled}\n          >\n            <CalendarIcon className=\"mr-2 h-4 w-4\" />\n            {date ? format(date, formatStr) : <span>{placeholder}</span>}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\n          <Calendar\n            mode=\"single\"\n            selected={date}\n            onSelect={(selectedDate) => {\n              onDateChange?.(selectedDate)\n              setOpen(false)\n            }}\n            defaultMonth={date}\n            {...calendarProps}\n          />\n        </PopoverContent>\n      </Popover>\n    )\n  }\n)\n\nDatePicker.displayName = \"DatePicker\"\n\nexport { DatePicker }\n"],"mappings":";2HAEA,UAAYA,MAAW,QACvB,OAAS,gBAAAC,MAAoB,eAC7B,OAAS,UAAAC,MAAc,WACvB,UAAYC,MAAsB,0BAc9B,cAAAC,EA6CM,QAAAC,MA7CN,oBARJ,IAAMC,EAA2B,OAC3BC,EAAkC,UAElCC,EAAuB,aAG3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,QAAS,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC3DT,EAAkB,SAAjB,CACC,SAAAA,EAAkB,UAAjB,CACC,IAAKS,EACL,MAAOH,EACP,WAAYC,EACZ,UAAWG,EACT,+aACAL,CACF,EACC,GAAGG,EACN,EACF,CACD,EACDJ,EAAe,YAA+B,UAAQ,YAetD,IAAMO,EAAmB,aACvB,CACE,CACE,KAAAC,EACA,aAAAC,EACA,YAAAC,EAAc,cACd,SAAAC,EAAW,GACX,UAAAV,EACA,cAAAW,EACA,UAAAC,EAAY,KACd,EACAR,IACG,CACH,GAAM,CAACS,EAAMC,CAAO,EAAU,WAAS,EAAK,EAE5C,OACElB,EAACC,EAAA,CAAQ,KAAMgB,EAAM,aAAcC,EACjC,UAAAnB,EAACG,EAAA,CAAe,QAAO,GACrB,SAAAF,EAACmB,EAAA,CACC,IAAKX,EACL,QAAQ,UACR,UAAWC,EACT,6CACA,CAACE,GAAQ,wBACTP,CACF,EACA,SAAUU,EAEV,UAAAf,EAACqB,EAAA,CAAa,UAAU,eAAe,EACtCT,EAAOU,EAAOV,EAAMK,CAAS,EAAIjB,EAAC,QAAM,SAAAc,EAAY,GACvD,EACF,EACAd,EAACI,EAAA,CAAe,UAAU,aAAa,MAAM,QAC3C,SAAAJ,EAACuB,EAAA,CACC,KAAK,SACL,SAAUX,EACV,SAAWY,GAAiB,CAC1BX,IAAeW,CAAY,EAC3BL,EAAQ,EAAK,CACf,EACA,aAAcP,EACb,GAAGI,EACN,EACF,GACF,CAEJ,CACF,EAEAL,EAAW,YAAc","names":["React","CalendarIcon","format","PopoverPrimitive","jsx","jsxs","Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","cn","DatePicker","date","onDateChange","placeholder","disabled","calendarProps","formatStr","open","setOpen","Button","CalendarIcon","format","Calendar","selectedDate"]}

package/dist/chunk-M7BIV4VT.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{b as u}from"./chunk-2YRLGFWP.mjs";import{a as i}from"./chunk-S5TKCF6T.mjs";import*as t from"react";import{X as R}from"lucide-react";import{Drawer as m}from"vaul";import*as f from"react";var D={content:["./src/**/*.{ts,tsx}","./stories/**/*.{ts,tsx}"],theme:{extend:{screens:{sm:"448px",md:"576px",lg:"986px",xl:"1280px","2xl":"1400px"}}}},p=D;function v(e){let[a,r]=f.useState(!1);return f.useEffect(()=>{let l=`(min-width: ${p.theme.extend.screens[e]})`,s=window.matchMedia(l),c=()=>r(s.matches);return c(),s.addEventListener("change",c),()=>s.removeEventListener("change",c)},[e]),a}import{jsx as o,jsxs as n}from"react/jsx-runtime";var y="24rem",x=t.createContext(null);function g(){let e=t.useContext(x);if(!e)throw new Error("useDrawer must be used within a Drawer component.");return e}var C=t.forwardRef(({isOpen:e,onClose:a,width:r=y,children:d,...l},s)=>{let c=t.useRef(null),w=v("lg"),b=t.useMemo(()=>({isOpen:e,onClose:a,width:r}),[e,a,r]);return n(x.Provider,{value:b,children:[!w&&o(m.Root,{open:e,onOpenChange:h=>{h||a()},direction:"left",children:n(m.Portal,{children:[o(m.Overlay,{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm"}),n(m.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:[o(m.Title,{className:"sr-only",children:"Drawer"}),d]})]})}),w&&n("div",{ref:s,className:"group/drawer peer","data-state":e?"open":"closed",...l,children:[o("div",{className:i("relative bg-sidebar transition-[width] duration-200 ease-linear",e?"":"w-0"),style:{width:e?r:"0"}}),o("div",{ref:c,className:i("fixed inset-y-0 right-0 z-40 h-svh transition-[right,width] duration-200 ease-linear flex",e?"right-0":"right-[calc(var(--drawer-width)*-1)]"),style:{"--drawer-width":r,width:r},children:o("div",{"data-drawer":"drawer",className:"flex h-full w-full flex-col",children:o("div",{className:"flex flex-col my-2.5 mr-2.5 rounded-2xl border bg-sidebar border-sidebar-border h-full shadow",children:d})})})]})]})});C.displayName="Drawer";var N=t.forwardRef(({className:e,showCloseButton:a=!0,children:r,...d},l)=>{let{onClose:s}=g();return n("div",{ref:l,"data-drawer":"header",className:i("flex w-full items-start justify-between gap-2 p-4 border-b border-sidebar-border",e),...d,children:[o("div",{className:"flex-1",children:r}),a&&n(u,{variant:"secondary",size:"icon",onClick:s,className:"h-8 w-8 shrink-0 rounded-full",children:[o(R,{size:16}),o("span",{className:"sr-only",children:"Close drawer"})]})]})});N.displayName="DrawerHeader";var P=t.forwardRef(({className:e,...a},r)=>o("h2",{ref:r,className:i("text-lg font-semibold text-primary-accent",e),...a}));P.displayName="DrawerTitle";var M=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-drawer":"body",className:i("flex-1 overflow-auto p-4",e),...a}));M.displayName="DrawerBody";var E=t.forwardRef(({className:e,...a},r)=>o("div",{ref:r,"data-drawer":"footer",className:i("flex flex-col gap-2 p-4 border-t border-sidebar-border",e),...a}));E.displayName="DrawerFooter";export{g as a,C as b,N as c,P as d,M as e,E as f};
+//# sourceMappingURL=chunk-M7BIV4VT.mjs.map

package/dist/chunk-M7BIV4VT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/drawer.tsx","../src/lib/use-media-query.ts","../tailwind.config.ts"],"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 { 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 inset-y-0 right-0 z-40 h-svh transition-[right,width] duration-200 ease-linear flex\",\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-full 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, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-drawer=\"body\"\n      className={cn(\"flex-1 overflow-auto p-4\", className)}\n      {...props}\n    />\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","\"use client\"\n\nimport * as React from \"react\"\nimport tailwindConfig from \"../../tailwind.config\"\n\n/**\n * Hook to detect if a Tailwind breakpoint is active\n * Uses the actual breakpoint values from tailwind.config.ts\n */\nexport function useMediaQuery(breakpoint: keyof typeof tailwindConfig.theme.extend.screens) {\n  const [matches, setMatches] = React.useState(false)\n\n  React.useEffect(() => {\n    const value = tailwindConfig.theme.extend.screens[breakpoint]\n    const query = `(min-width: ${value})`\n    const media = window.matchMedia(query)\n\n    const updateMatch = () => setMatches(media.matches)\n    updateMatch()\n\n    media.addEventListener(\"change\", updateMatch)\n    return () => media.removeEventListener(\"change\", updateMatch)\n  }, [breakpoint])\n\n  return matches\n}\n","import type { Config } from 'tailwindcss'\n\nconst config = {\n  content: [\n    \"./src/**/*.{ts,tsx}\",\n    \"./stories/**/*.{ts,tsx}\",\n  ],\n  theme: {\n    extend: {\n      screens: {\n        'sm': '448px',\n        'md': '576px',\n        'lg': '986px',\n        'xl': '1280px',\n        '2xl': '1400px',\n      },\n    },\n  },\n} satisfies Config\n\nexport default config\n"],"mappings":";kFAEA,UAAYA,MAAW,QACvB,OAAS,KAAAC,MAAS,eAClB,OAAS,UAAUC,MAAuB,OCF1C,UAAYC,MAAW,QCAvB,IAAMC,EAAS,CACb,QAAS,CACP,sBACA,yBACF,EACA,MAAO,CACL,OAAQ,CACN,QAAS,CACP,GAAM,QACN,GAAM,QACN,GAAM,QACN,GAAM,SACN,MAAO,QACT,CACF,CACF,CACF,EAEOC,EAAQD,EDXR,SAASE,EAAcC,EAA8D,CAC1F,GAAM,CAACC,EAASC,CAAU,EAAU,WAAS,EAAK,EAElD,OAAM,YAAU,IAAM,CAEpB,IAAMC,EAAQ,eADAC,EAAe,MAAM,OAAO,QAAQJ,CAAU,CAC1B,IAC5BK,EAAQ,OAAO,WAAWF,CAAK,EAE/BG,EAAc,IAAMJ,EAAWG,EAAM,OAAO,EAClD,OAAAC,EAAY,EAEZD,EAAM,iBAAiB,SAAUC,CAAW,EACrC,IAAMD,EAAM,oBAAoB,SAAUC,CAAW,CAC9D,EAAG,CAACN,CAAU,CAAC,EAERC,CACT,CDqCY,cAAAM,EACA,QAAAC,MADA,oBApDZ,IAAMC,EAAe,QASfC,EAAsB,gBAAyC,IAAI,EAEzE,SAASC,GAAY,CACnB,IAAMC,EAAgB,aAAWF,CAAa,EAC9C,GAAI,CAACE,EACH,MAAM,IAAI,MAAM,mDAAmD,EAErE,OAAOA,CACT,CAGA,IAAMC,EAAe,aAOnB,CAAC,CAAE,OAAAC,EAAQ,QAAAC,EAAS,MAAAC,EAAQP,EAAc,SAAAQ,EAAU,GAAGC,CAAM,EAAGC,IAAQ,CACxE,IAAMC,EAAkB,SAAuB,IAAI,EAC7CC,EAAYC,EAAc,IAAI,EAE9BC,EAAqB,UACzB,KAAO,CACL,OAAAT,EACA,QAAAC,EACA,MAAAC,CACF,GACA,CAACF,EAAQC,EAASC,CAAK,CACzB,EAEA,OACER,EAACE,EAAc,SAAd,CAAuB,MAAOa,EAE5B,WAACF,GACAd,EAACiB,EAAgB,KAAhB,CACC,KAAMV,EACN,aAAeW,GAAS,CACjBA,GAAMV,EAAQ,CACrB,EACA,UAAU,OAEV,SAAAP,EAACgB,EAAgB,OAAhB,CACC,UAAAjB,EAACiB,EAAgB,QAAhB,CAAwB,UAAU,uDAAuD,EAC1FhB,EAACgB,EAAgB,QAAhB,CACC,UAAU,0JACV,mBAAkB,OAElB,UAAAjB,EAACiB,EAAgB,MAAhB,CAAsB,UAAU,UAAU,kBAE3C,EACCP,GACH,GACF,EACF,EAIDI,GACCb,EAAC,OACC,IAAKW,EACL,UAAU,oBACV,aAAYL,EAAS,OAAS,SAC7B,GAAGI,EAGJ,UAAAX,EAAC,OACC,UAAWmB,EACT,kEACAZ,EAAS,GAAK,KAChB,EACA,MACE,CACE,MAAOA,EAASE,EAAQ,GAC1B,EAEJ,EAGAT,EAAC,OACC,IAAKa,EACL,UAAWM,EACT,4FACAZ,EAAS,UAAY,sCACvB,EACA,MACE,CACE,iBAAkBE,EAClB,MAAOA,CACT,EAGF,SAAAT,EAAC,OAAI,cAAY,SAAS,UAAU,8BAClC,SAAAA,EAAC,OAAI,UAAU,gGACZ,SAAAU,EACH,EACF,EACF,GACF,GAEJ,CAEJ,CAAC,EACDJ,EAAO,YAAc,SAGrB,IAAMc,EAAqB,aAKzB,CAAC,CAAE,UAAAC,EAAW,gBAAAC,EAAkB,GAAM,SAAAZ,EAAU,GAAGC,CAAM,EAAGC,IAAQ,CACpE,GAAM,CAAE,QAAAJ,CAAQ,EAAIJ,EAAU,EAE9B,OACEH,EAAC,OACC,IAAKW,EACL,cAAY,SACZ,UAAWO,EACT,mFACAE,CACF,EACC,GAAGV,EAEJ,UAAAX,EAAC,OAAI,UAAU,SAAU,SAAAU,EAAS,EACjCY,GACCrB,EAACsB,EAAA,CACC,QAAQ,YACR,KAAK,OACL,QAASf,EACT,UAAU,gCAEV,UAAAR,EAACwB,EAAA,CAAE,KAAM,GAAI,EACbxB,EAAC,QAAK,UAAU,UAAU,wBAAY,GACxC,GAEJ,CAEJ,CAAC,EACDoB,EAAa,YAAc,eAG3B,IAAMK,EAAoB,aAGxB,CAAC,CAAE,UAAAJ,EAAW,GAAGV,CAAM,EAAGC,IAExBZ,EAAC,MACC,IAAKY,EACL,UAAWO,EAAG,4CAA6CE,CAAS,EACnE,GAAGV,EACN,CAEH,EACDc,EAAY,YAAc,cAG1B,IAAMC,EAAmB,aAGvB,CAAC,CAAE,UAAAL,EAAW,GAAGV,CAAM,EAAGC,IAExBZ,EAAC,OACC,IAAKY,EACL,cAAY,OACZ,UAAWO,EAAG,2BAA4BE,CAAS,EAClD,GAAGV,EACN,CAEH,EACDe,EAAW,YAAc,aAGzB,IAAMC,EAAqB,aAGzB,CAAC,CAAE,UAAAN,EAAW,GAAGV,CAAM,EAAGC,IAExBZ,EAAC,OACC,IAAKY,EACL,cAAY,SACZ,UAAWO,EACT,yDACAE,CACF,EACC,GAAGV,EACN,CAEH,EACDgB,EAAa,YAAc","names":["React","X","DrawerPrimitive","React","config","tailwind_config_default","useMediaQuery","breakpoint","matches","setMatches","query","tailwind_config_default","media","updateMatch","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","DrawerFooter"]}

package/dist/chunk-UCGLZ5L4.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{a as g,b as f}from"./chunk-2YRLGFWP.mjs";import{a as e}from"./chunk-S5TKCF6T.mjs";import*as i from"react";import{DayPicker as x,getDefaultClassNames as p}from"react-day-picker";import{ChevronLeftIcon as w,ChevronRightIcon as h,ChevronDownIcon as v}from"lucide-react";import{jsx as n}from"react/jsx-runtime";function N({className:c,classNames:m,showOutsideDays:a=!0,captionLayout:u="label",buttonVariant:l="ghost",formatters:s,components:y,...b}){let t=p();return n(x,{showOutsideDays:a,className:e("p-3 bg-background text-primary-accent group/calendar rounded-lg",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,c),captionLayout:u,formatters:{formatMonthDropdown:r=>r.toLocaleString("default",{month:"short"}),...s},classNames:{root:e("w-fit",t.root),months:e("flex gap-4 flex-col md:flex-row relative",t.months),month:e("flex flex-col w-full gap-4",t.month),nav:e("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",t.nav),button_previous:e(g({variant:l}),"h-7 w-7 aria-disabled:opacity-50 p-0 select-none",t.button_previous),button_next:e(g({variant:l}),"h-7 w-7 aria-disabled:opacity-50 p-0 select-none",t.button_next),month_caption:e("flex items-center justify-center h-7 w-full",t.month_caption),dropdowns:e("w-full flex items-center text-sm font-medium justify-center h-7 gap-1.5",t.dropdowns),dropdown_root:e("relative cn-calendar-dropdown-root rounded-md",t.dropdown_root),dropdown:e("absolute bg-popover inset-0 opacity-0",t.dropdown),caption_label:e("select-none font-medium",u==="label"?"text-sm":"cn-calendar-caption-label rounded-md flex items-center gap-1 text-sm [&>svg]:text-muted-foreground [&>svg]:size-3.5",t.caption_label),table:"w-full border-collapse",weekdays:e("flex",t.weekdays),weekday:e("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",t.weekday),week:e("flex w-full mt-2",t.week),week_number_header:e("select-none w-9",t.week_number_header),week_number:e("text-[0.8rem] select-none text-muted-foreground",t.week_number),day:e("relative w-full rounded-md h-full p-0 text-center group/day aspect-square select-none",t.day),range_start:e("rounded-l-md bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:right-0 -z-0 isolate",t.range_start),range_middle:e("rounded-none",t.range_middle),range_end:e("rounded-r-md bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:left-0 -z-0 isolate",t.range_end),today:e("bg-muted text-foreground rounded-md data-[selected=true]:rounded-none",t.today),outside:e("text-muted-foreground aria-selected:text-muted-foreground",t.outside),disabled:e("text-muted-foreground opacity-50",t.disabled),hidden:e("invisible",t.hidden),...m},components:{Root:({className:r,rootRef:o,...d})=>n("div",{"data-slot":"calendar",ref:o,className:e(r),...d}),Chevron:({className:r,orientation:o,...d})=>o==="left"?n(w,{className:e("size-4",r),...d}):o==="right"?n(h,{className:e("size-4",r),...d}):n(v,{className:e("size-4",r),...d}),DayButton:_,WeekNumber:({children:r,...o})=>n("td",{...o,children:n("div",{className:"flex h-9 w-9 items-center justify-center text-center",children:r})}),...y},...b})}function _({className:c,day:m,modifiers:a,...u}){let l=p(),s=i.useRef(null);return i.useEffect(()=>{a.focused&&s.current?.focus()},[a.focused]),n(f,{ref:s,variant:"ghost",size:"icon","data-day":m.date.toLocaleDateString(),"data-selected-single":a.selected&&!a.range_start&&!a.range_end&&!a.range_middle,"data-range-start":a.range_start,"data-range-end":a.range_end,"data-range-middle":a.range_middle,className:e("rounded-md data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-foreground relative isolate z-10 flex aspect-square size-auto w-full min-w-9 flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md! data-[range-end=true]:rounded-r-md! data-[range-middle=true]:rounded-none! data-[range-start=true]:rounded-md! data-[range-start=true]:rounded-l-md! [&>span]:text-xs [&>span]:opacity-70",l.day,c),...u})}export{N as a,_ as b};
+//# sourceMappingURL=chunk-UCGLZ5L4.mjs.map

package/dist/chunk-UCGLZ5L4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/calendar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  DayPicker,\n  getDefaultClassNames,\n  type DayButton,\n} from \"react-day-picker\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/button\"\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronDownIcon,\n} from \"lucide-react\"\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  buttonVariant = \"ghost\",\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n}) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        \"p-3 bg-background text-primary-accent group/calendar rounded-lg\",\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString(\"default\", { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"w-fit\", defaultClassNames.root),\n        months: cn(\n          \"flex gap-4 flex-col md:flex-row relative\",\n          defaultClassNames.months\n        ),\n        month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n        nav: cn(\n          \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"h-7 w-7 aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"h-7 w-7 aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          \"flex items-center justify-center h-7 w-full\",\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          \"w-full flex items-center text-sm font-medium justify-center h-7 gap-1.5\",\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          \"relative cn-calendar-dropdown-root rounded-md\",\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          \"absolute bg-popover inset-0 opacity-0\",\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          \"select-none font-medium\",\n          captionLayout === \"label\"\n            ? \"text-sm\"\n            : \"cn-calendar-caption-label rounded-md flex items-center gap-1 text-sm [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n          defaultClassNames.caption_label\n        ),\n        table: \"w-full border-collapse\",\n        weekdays: cn(\"flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n          defaultClassNames.weekday\n        ),\n        week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n        week_number_header: cn(\n          \"select-none w-9\",\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          \"text-[0.8rem] select-none text-muted-foreground\",\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          \"relative w-full rounded-md h-full p-0 text-center group/day aspect-square select-none\",\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          \"rounded-l-md bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:right-0 -z-0 isolate\",\n          defaultClassNames.range_start\n        ),\n        range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n        range_end: cn(\n          \"rounded-r-md bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:left-0 -z-0 isolate\",\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          \"bg-muted text-foreground rounded-md data-[selected=true]:rounded-none\",\n          defaultClassNames.today\n        ),\n        outside: cn(\n          \"text-muted-foreground aria-selected:text-muted-foreground\",\n          defaultClassNames.outside\n        ),\n        disabled: cn(\n          \"text-muted-foreground opacity-50\",\n          defaultClassNames.disabled\n        ),\n        hidden: cn(\"invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return (\n              <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n            )\n          }\n\n          if (orientation === \"right\") {\n            return (\n              <ChevronRightIcon\n                className={cn(\"size-4\", className)}\n                {...props}\n              />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n          )\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex h-9 w-9 items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        \"rounded-md data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-foreground relative isolate z-10 flex aspect-square size-auto w-full min-w-9 flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md! data-[range-end=true]:rounded-r-md! data-[range-middle=true]:rounded-none! data-[range-start=true]:rounded-md! data-[range-start=true]:rounded-l-md! [&>span]:text-xs [&>span]:opacity-70\",\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":";yFAEA,UAAYA,MAAW,QACvB,OACE,aAAAC,EACA,wBAAAC,MAEK,mBAIP,OACE,mBAAAC,EACA,oBAAAC,EACA,mBAAAC,MACK,eAyHK,cAAAC,MAAA,oBAvHZ,SAASC,EAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,cAAAC,EAAgB,QAChB,cAAAC,EAAgB,QAChB,WAAAC,EACA,WAAAC,EACA,GAAGC,CACL,EAEG,CACD,IAAMC,EAAoBC,EAAqB,EAE/C,OACEX,EAACY,EAAA,CACC,gBAAiBR,EACjB,UAAWS,EACT,kEACA,OAAO,+CACP,OAAO,mDACPX,CACF,EACA,cAAeG,EACf,WAAY,CACV,oBAAsBS,GACpBA,EAAK,eAAe,UAAW,CAAE,MAAO,OAAQ,CAAC,EACnD,GAAGP,CACL,EACA,WAAY,CACV,KAAMM,EAAG,QAASH,EAAkB,IAAI,EACxC,OAAQG,EACN,2CACAH,EAAkB,MACpB,EACA,MAAOG,EAAG,6BAA8BH,EAAkB,KAAK,EAC/D,IAAKG,EACH,0EACAH,EAAkB,GACpB,EACA,gBAAiBG,EACfE,EAAe,CAAE,QAAST,CAAc,CAAC,EACzC,mDACAI,EAAkB,eACpB,EACA,YAAaG,EACXE,EAAe,CAAE,QAAST,CAAc,CAAC,EACzC,mDACAI,EAAkB,WACpB,EACA,cAAeG,EACb,8CACAH,EAAkB,aACpB,EACA,UAAWG,EACT,0EACAH,EAAkB,SACpB,EACA,cAAeG,EACb,gDACAH,EAAkB,aACpB,EACA,SAAUG,EACR,wCACAH,EAAkB,QACpB,EACA,cAAeG,EACb,0BACAR,IAAkB,QACd,UACA,sHACJK,EAAkB,aACpB,EACA,MAAO,yBACP,SAAUG,EAAG,OAAQH,EAAkB,QAAQ,EAC/C,QAASG,EACP,gFACAH,EAAkB,OACpB,EACA,KAAMG,EAAG,mBAAoBH,EAAkB,IAAI,EACnD,mBAAoBG,EAClB,kBACAH,EAAkB,kBACpB,EACA,YAAaG,EACX,kDACAH,EAAkB,WACpB,EACA,IAAKG,EACH,wFACAH,EAAkB,GACpB,EACA,YAAaG,EACX,oHACAH,EAAkB,WACpB,EACA,aAAcG,EAAG,eAAgBH,EAAkB,YAAY,EAC/D,UAAWG,EACT,mHACAH,EAAkB,SACpB,EACA,MAAOG,EACL,wEACAH,EAAkB,KACpB,EACA,QAASG,EACP,4DACAH,EAAkB,OACpB,EACA,SAAUG,EACR,mCACAH,EAAkB,QACpB,EACA,OAAQG,EAAG,YAAaH,EAAkB,MAAM,EAChD,GAAGP,CACL,EACA,WAAY,CACV,KAAM,CAAC,CAAE,UAAAD,EAAW,QAAAc,EAAS,GAAGP,CAAM,IAElCT,EAAC,OACC,YAAU,WACV,IAAKgB,EACL,UAAWH,EAAGX,CAAS,EACtB,GAAGO,EACN,EAGJ,QAAS,CAAC,CAAE,UAAAP,EAAW,YAAAe,EAAa,GAAGR,CAAM,IACvCQ,IAAgB,OAEhBjB,EAACH,EAAA,CAAgB,UAAWgB,EAAG,SAAUX,CAAS,EAAI,GAAGO,EAAO,EAIhEQ,IAAgB,QAEhBjB,EAACF,EAAA,CACC,UAAWe,EAAG,SAAUX,CAAS,EAChC,GAAGO,EACN,EAKFT,EAACD,EAAA,CAAgB,UAAWc,EAAG,SAAUX,CAAS,EAAI,GAAGO,EAAO,EAGpE,UAAWS,EACX,WAAY,CAAC,CAAE,SAAAC,EAAU,GAAGV,CAAM,IAE9BT,EAAC,MAAI,GAAGS,EACN,SAAAT,EAAC,OAAI,UAAU,uDACZ,SAAAmB,EACH,EACF,EAGJ,GAAGX,CACL,EACC,GAAGC,EACN,CAEJ,CAEA,SAASS,EAAkB,CACzB,UAAAhB,EACA,IAAAkB,EACA,UAAAC,EACA,GAAGZ,CACL,EAA2C,CACzC,IAAMC,EAAoBC,EAAqB,EAEzCW,EAAY,SAA0B,IAAI,EAChD,OAAM,YAAU,IAAM,CAChBD,EAAU,SAASC,EAAI,SAAS,MAAM,CAC5C,EAAG,CAACD,EAAU,OAAO,CAAC,EAGpBrB,EAACuB,EAAA,CACC,IAAKD,EACL,QAAQ,QACR,KAAK,OACL,WAAUF,EAAI,KAAK,mBAAmB,EACtC,uBACEC,EAAU,UACV,CAACA,EAAU,aACX,CAACA,EAAU,WACX,CAACA,EAAU,aAEb,mBAAkBA,EAAU,YAC5B,iBAAgBA,EAAU,UAC1B,oBAAmBA,EAAU,aAC7B,UAAWR,EACT,84BACAH,EAAkB,IAClBR,CACF,EACC,GAAGO,EACN,CAEJ","names":["React","DayPicker","getDefaultClassNames","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","jsx","Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","DayPicker","cn","date","buttonVariants","rootRef","orientation","CalendarDayButton","children","day","modifiers","ref","Button"]}

package/dist/chunk-ULIOO55I.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; } }"use client";
+var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var i = _interopRequireWildcard(_react);var _reactpopover = require('@radix-ui/react-popover'); var o = _interopRequireWildcard(_reactpopover);var _jsxruntime = require('react/jsx-runtime');var v=o.Root,P= exports.b =o.Trigger,m= exports.c =i.forwardRef(({className:r,align:a="center",sideOffset:n=4,...d},p)=>_jsxruntime.jsx.call(void 0, o.Portal,{children:_jsxruntime.jsx.call(void 0, o.Content,{ref:p,align:a,sideOffset:n,className:_chunkFUYXCJOQjs.a.call(void 0, "z-50 w-72 rounded-md border bg-popover p-4 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 origin-[--radix-popover-content-transform-origin]",r),...d})}));m.displayName=o.Content.displayName;exports.a = v; exports.b = P; exports.c = m;
+//# sourceMappingURL=chunk-ULIOO55I.js.map

package/dist/chunk-ULIOO55I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-ULIOO55I.js","../src/components/popover.tsx"],"names":["Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","jsx","cn"],"mappings":"AAAA,uWAAY;AACZ,sDAAuC,uECDhB,uGACW,+CAa9B,IATEA,CAAAA,CAA2B,CAAA,CAAA,IAAA,CAE3BC,CAAAA,aAAkC,CAAA,CAAA,OAAA,CAElCC,CAAAA,aAAuB,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAQ,QAAA,CAAU,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAG,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC5DC,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,8dACT,CACAN,CACF,CAAA,CACC,GAAGG,CAAAA,CACN,CAAA,CACF,CACD,CAAA,CACDJ,CAAAA,CAAe,WAAA,CAA+B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAAA,4CAAA","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/chunk-ULIOO55I.js","sourcesContent":[null,"import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", 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-72 rounded-md border bg-popover p-4 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 origin-[--radix-popover-content-transform-origin]\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n"]}

package/dist/chunk-WSKRASYC.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 _chunkQKOZTOYUjs = require('./chunk-QKOZTOYU.js');var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var i = _interopRequireWildcard(_react);var _reactdaypicker = require('react-day-picker');var _lucidereact = require('lucide-react');var _jsxruntime = require('react/jsx-runtime');function N({className:c,classNames:m,showOutsideDays:a=!0,captionLayout:u="label",buttonVariant:l="ghost",formatters:s,components:y,...b}){let t=_reactdaypicker.getDefaultClassNames.call(void 0, );return _jsxruntime.jsx.call(void 0, _reactdaypicker.DayPicker,{showOutsideDays:a,className:_chunkFUYXCJOQjs.a.call(void 0, "p-3 bg-background text-primary-accent group/calendar rounded-lg",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,c),captionLayout:u,formatters:{formatMonthDropdown:r=>r.toLocaleString("default",{month:"short"}),...s},classNames:{root:_chunkFUYXCJOQjs.a.call(void 0, "w-fit",t.root),months:_chunkFUYXCJOQjs.a.call(void 0, "flex gap-4 flex-col md:flex-row relative",t.months),month:_chunkFUYXCJOQjs.a.call(void 0, "flex flex-col w-full gap-4",t.month),nav:_chunkFUYXCJOQjs.a.call(void 0, "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",t.nav),button_previous:_chunkFUYXCJOQjs.a.call(void 0, _chunkQKOZTOYUjs.a.call(void 0, {variant:l}),"h-7 w-7 aria-disabled:opacity-50 p-0 select-none",t.button_previous),button_next:_chunkFUYXCJOQjs.a.call(void 0, _chunkQKOZTOYUjs.a.call(void 0, {variant:l}),"h-7 w-7 aria-disabled:opacity-50 p-0 select-none",t.button_next),month_caption:_chunkFUYXCJOQjs.a.call(void 0, "flex items-center justify-center h-7 w-full",t.month_caption),dropdowns:_chunkFUYXCJOQjs.a.call(void 0, "w-full flex items-center text-sm font-medium justify-center h-7 gap-1.5",t.dropdowns),dropdown_root:_chunkFUYXCJOQjs.a.call(void 0, "relative cn-calendar-dropdown-root rounded-md",t.dropdown_root),dropdown:_chunkFUYXCJOQjs.a.call(void 0, "absolute bg-popover inset-0 opacity-0",t.dropdown),caption_label:_chunkFUYXCJOQjs.a.call(void 0, "select-none font-medium",u==="label"?"text-sm":"cn-calendar-caption-label rounded-md flex items-center gap-1 text-sm [&>svg]:text-muted-foreground [&>svg]:size-3.5",t.caption_label),table:"w-full border-collapse",weekdays:_chunkFUYXCJOQjs.a.call(void 0, "flex",t.weekdays),weekday:_chunkFUYXCJOQjs.a.call(void 0, "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",t.weekday),week:_chunkFUYXCJOQjs.a.call(void 0, "flex w-full mt-2",t.week),week_number_header:_chunkFUYXCJOQjs.a.call(void 0, "select-none w-9",t.week_number_header),week_number:_chunkFUYXCJOQjs.a.call(void 0, "text-[0.8rem] select-none text-muted-foreground",t.week_number),day:_chunkFUYXCJOQjs.a.call(void 0, "relative w-full rounded-md h-full p-0 text-center group/day aspect-square select-none",t.day),range_start:_chunkFUYXCJOQjs.a.call(void 0, "rounded-l-md bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:right-0 -z-0 isolate",t.range_start),range_middle:_chunkFUYXCJOQjs.a.call(void 0, "rounded-none",t.range_middle),range_end:_chunkFUYXCJOQjs.a.call(void 0, "rounded-r-md bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:left-0 -z-0 isolate",t.range_end),today:_chunkFUYXCJOQjs.a.call(void 0, "bg-muted text-foreground rounded-md data-[selected=true]:rounded-none",t.today),outside:_chunkFUYXCJOQjs.a.call(void 0, "text-muted-foreground aria-selected:text-muted-foreground",t.outside),disabled:_chunkFUYXCJOQjs.a.call(void 0, "text-muted-foreground opacity-50",t.disabled),hidden:_chunkFUYXCJOQjs.a.call(void 0, "invisible",t.hidden),...m},components:{Root:({className:r,rootRef:o,...d})=>_jsxruntime.jsx.call(void 0, "div",{"data-slot":"calendar",ref:o,className:_chunkFUYXCJOQjs.a.call(void 0, r),...d}),Chevron:({className:r,orientation:o,...d})=>o==="left"?_jsxruntime.jsx.call(void 0, _lucidereact.ChevronLeftIcon,{className:_chunkFUYXCJOQjs.a.call(void 0, "size-4",r),...d}):o==="right"?_jsxruntime.jsx.call(void 0, _lucidereact.ChevronRightIcon,{className:_chunkFUYXCJOQjs.a.call(void 0, "size-4",r),...d}):_jsxruntime.jsx.call(void 0, _lucidereact.ChevronDownIcon,{className:_chunkFUYXCJOQjs.a.call(void 0, "size-4",r),...d}),DayButton:_,WeekNumber:({children:r,...o})=>_jsxruntime.jsx.call(void 0, "td",{...o,children:_jsxruntime.jsx.call(void 0, "div",{className:"flex h-9 w-9 items-center justify-center text-center",children:r})}),...y},...b})}function _({className:c,day:m,modifiers:a,...u}){let l=_reactdaypicker.getDefaultClassNames.call(void 0, ),s=i.useRef(null);return i.useEffect(()=>{a.focused&&_optionalChain([s, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.focus, 'call', _4 => _4()])},[a.focused]),_jsxruntime.jsx.call(void 0, _chunkQKOZTOYUjs.b,{ref:s,variant:"ghost",size:"icon","data-day":m.date.toLocaleDateString(),"data-selected-single":a.selected&&!a.range_start&&!a.range_end&&!a.range_middle,"data-range-start":a.range_start,"data-range-end":a.range_end,"data-range-middle":a.range_middle,className:_chunkFUYXCJOQjs.a.call(void 0, "rounded-md data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-foreground relative isolate z-10 flex aspect-square size-auto w-full min-w-9 flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md! data-[range-end=true]:rounded-r-md! data-[range-middle=true]:rounded-none! data-[range-start=true]:rounded-md! data-[range-start=true]:rounded-l-md! [&>span]:text-xs [&>span]:opacity-70",l.day,c),...u})}exports.a = N; exports.b = _;
+//# sourceMappingURL=chunk-WSKRASYC.js.map