@codefast/ui 0.2.36 → 0.2.38

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @codefast/ui
 
+## 0.2.38
+
+### Patch Changes
+
+- Updated dependencies [[`aabe705`](https://github.com/codefastlabs/codefast/commit/aabe70572669ed17aa5a4c4ecd701c549456d13a)]:
+  - @codefast-ui/progress-circle@0.2.37
+  - @codefast-ui/checkbox-group@0.2.37
+  - @codefast-ui/input-number@0.2.37
+  - @codefast-ui/input@0.2.37
+  - @codefast/hooks@0.2.37
+
+## 0.2.37
+
+### Patch Changes
+
+- [`eda67fa`](https://github.com/codefastlabs/codefast/commit/eda67fa85bd40b0972f97c7e9951d045282f9cd8) Thanks [@thevuong](https://github.com/thevuong)! - refactor(context): improve naming consistency and update types
+
+- [`0195abd`](https://github.com/codefastlabs/codefast/commit/0195abdc354c5239917a4ec300bad6a40c0f03c2) Thanks [@thevuong](https://github.com/thevuong)! - fix: correct usage of OTPInputContext and update demo layout
+
+- [`1a41b21`](https://github.com/codefastlabs/codefast/commit/1a41b213802212fa4172c8ae58b1700f0bf7c851) Thanks [@thevuong](https://github.com/thevuong)! - feat(chart): integrate Radix context for scoping support
+
+- [`79f3ff6`](https://github.com/codefastlabs/codefast/commit/79f3ff65d20740058a93ee2612cc4629f2a9b17e) Thanks [@thevuong](https://github.com/thevuong)! - refactor(sidebar): introduce named context for useSidebar
+
+- Updated dependencies [[`eda67fa`](https://github.com/codefastlabs/codefast/commit/eda67fa85bd40b0972f97c7e9951d045282f9cd8), [`0195abd`](https://github.com/codefastlabs/codefast/commit/0195abdc354c5239917a4ec300bad6a40c0f03c2), [`1a41b21`](https://github.com/codefastlabs/codefast/commit/1a41b213802212fa4172c8ae58b1700f0bf7c851), [`79f3ff6`](https://github.com/codefastlabs/codefast/commit/79f3ff65d20740058a93ee2612cc4629f2a9b17e)]:
+  - @codefast/hooks@0.2.36
+  - @codefast-ui/checkbox-group@0.2.36
+  - @codefast-ui/input@0.2.36
+  - @codefast-ui/input-number@0.2.36
+  - @codefast-ui/progress-circle@0.2.36
+
 ## 0.2.36
 
 ### Patch Changes

package/README.md

@@ -136,7 +136,7 @@ To enable **@codefast/ui**, import the required styles into your global CSS file
 
 To optimize importing packages, you need to update the `next.config.ts` file in your project. Add the following configuration:
 
-```typescript
+```ts
 experimental: {
   optimizePackageImports: ['@codefast/ui'],
 },
@@ -146,7 +146,7 @@ experimental: {
 
 Below is an example of a complete `next.config.ts` file:
 
-```typescript
+```ts
 // next.config.ts
 const nextConfig = {
   reactStrictMode: true,
@@ -166,7 +166,7 @@ This configuration improves performance by optimizing the import process of libr
 
 Example usage of the **Button** component:
 
-```tsx
+```ts
 import type { JSX } from 'react';
 
 import { Button } from '@codefast/ui';

package/dist/chunk-BROQJJQQ.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkSMJEDCFPcjs = require('./chunk-SMJEDCFP.cjs');var _inputotp = require('input-otp');var _lucidereact = require('lucide-react');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');function b({className:t,containerClassName:a,...i}){return _jsxruntime.jsx.call(void 0, _inputotp.OTPInput,{"aria-label":"One-time password",className:_chunkSMJEDCFPcjs.a.call(void 0, t),containerClassName:_chunkSMJEDCFPcjs.a.call(void 0, "flex items-center gap-2 has-disabled:opacity-50",a),"data-slot":"input-otp",...i})}function x({className:t,...a}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex items-center -space-x-px",t),"data-slot":"input-otp-group",role:"group",...a})}function I({className:t,index:a,...i}){let n=_react.use.call(void 0, _inputotp.OTPInputContext),{isActive:o,char:s,hasFakeCaret:d}=n.slots[a];return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "border-input data-[active=true]:ring-3 data-[active=true]:border-ring data-[active=true]:ring-ring/50 not-has-disabled:shadow-xs outline-hidden data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm transition-all first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10",t),"data-active":o,"data-slot":"input-otp-slot",...i,children:[s,d?_jsxruntime.jsx.call(void 0, "div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:_jsxruntime.jsx.call(void 0, "div",{className:"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"})}):null]})}function O({...t}){return _jsxruntime.jsx.call(void 0, "div",{"data-slot":"input-otp-separator",role:"separator",...t,children:_jsxruntime.jsx.call(void 0, _lucidereact.MinusIcon,{})})}exports.a = b; exports.b = x; exports.c = I; exports.d = O; exports.e = _inputotp.REGEXP_ONLY_CHARS; exports.f = _inputotp.REGEXP_ONLY_DIGITS; exports.g = _inputotp.REGEXP_ONLY_DIGITS_AND_CHARS;
+//# sourceMappingURL=chunk-BROQJJQQ.cjs.map

package/dist/chunk-BROQJJQQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/chunk-BROQJJQQ.cjs","../src/components/input-otp.tsx"],"names":["className","OTPInput","InputOTPGroup","cn","props","InputOTPSlot","inputOTPContext","use","isActive","hasFakeCaret","char","InputOTPSeparator","MinusIcon"],"mappings":"AAAA,qFAAY,CAAC,wDCIJ,qCACA,2CACA,8BAqFA,+CA7EW,SAAAA,CAAAA,CAAW,CAAA,SAAA,CAAA,CAAA,CAAA,kBAC7B,CAAA,CAAA,CAAA,GACGC,CAAAA,CAAA,CACC,CAAA,OAAA,6BAAA,kBAAA,CAAA,CAAW,YAAA,CAAA,mBACGD,CAAS,SACvB,CAAA,iCAAA,CAAA,CAAA,CAAA,kBAAuB,CAAA,iCAAA,iDACvB,CAAA,CAAA,CAAU,CAAA,WACT,CAAA,WASP,CAAA,GAASE,CAAAA,CAAc,CAAE,CAAA,SAAAF,CAAAA,CAAW,CAAA,SAClC,CAAA,CAAA,CAAA,GACG,CAAA,CAAA,CAAA,CAAA,OACC,6BAAA,KAAWG,CAAG,CAAA,SAAA,CAAA,iCAAA,+BACd,CAAA,CAAA,CAAU,CAAA,WAAA,CAAA,iBACL,CACJ,IAAGC,CACN,OAQJ,CAAA,GAASC,CAAAA,CAAa,CACpB,CAAA,SAAAL,CAAAA,CACA,CAAA,SACA,CAAGI,CACL,CAAA,KAGE,CAAME,CAAAA,CAAkBC,GAAmB,CAAA,CACrC,CAAE,CAAA,IAAA,CAAA,CAAA,wBAAA,yBAAAC,CAAU,CAAA,CAAA,QAAM,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAAC,YAA4C,CAAA,CAEpE,CAAA,CAAA,CAAA,CAAA,KACG,CAAA,CAAA,CAAA,CAAA,OACC,8BAAA,KAAWN,CACT,CAAA,SAAA,CAAA,iCAAA,8eAGF,CAAA,CAAA,CAAA,CAAA,aACA,CAAA,CAAU,CAAA,WAAA,CAAA,gBAGT,CAAA,GAAAO,CACAD,CAAAA,QACE,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,6BAAA,KAAU,CAAA,CAAA,SAAA,CAAA,uEACZ,CAAA,QAAI,CAAA,6BAAA,KAAU,CAAA,CAAA,SAAA,CAAA,oEAWzB,CAAA,CAAA,CAAA,CAAA,CAAA,IAASE,CAAAA,CAAkB,CAAE,CAAA,SAC3B,CAAA,CAAA,CAAA,GACG,CAAA,CAAA,CAAA,CAAA,OAAI,6BAAA,KAAA,CAAU,CAAA,WAAA,CAAA,qBAA2B,CAAA,IAAa,CAAA,WACrD,CAAA,GAACC,CAAAA,CAAA,QAGP,CAAA,6BAAA,sBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,kMAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/chunk-BROQJJQQ.cjs","sourcesContent":[null,"'use client';\n\nimport type { ComponentProps, JSX } from 'react';\n\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { MinusIcon } from 'lucide-react';\nimport { use } from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\nfunction InputOTP({ className, containerClassName, ...props }: ComponentProps<typeof OTPInput>): JSX.Element {\n  return (\n    <OTPInput\n      aria-label=\"One-time password\"\n      className={cn(className)}\n      containerClassName={cn('flex items-center gap-2 has-disabled:opacity-50', containerClassName)}\n      data-slot=\"input-otp\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPGroup({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('flex items-center -space-x-px', className)}\n      data-slot=\"input-otp-group\"\n      role=\"group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPSlot({\n  className,\n  index,\n  ...props\n}: ComponentProps<'div'> & {\n  index: number;\n}): JSX.Element {\n  const inputOTPContext = use(OTPInputContext);\n  const { isActive, char, hasFakeCaret } = inputOTPContext.slots[index];\n\n  return (\n    <div\n      className={cn(\n        'border-input data-[active=true]:ring-3 data-[active=true]:border-ring data-[active=true]:ring-ring/50 not-has-disabled:shadow-xs outline-hidden data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm transition-all first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10',\n        className,\n      )}\n      data-active={isActive}\n      data-slot=\"input-otp-slot\"\n      {...props}\n    >\n      {char}\n      {hasFakeCaret ? (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px\" />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPSeparator({ ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"]}

package/dist/chunk-BUUK5B4I.js

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

package/dist/chunk-BUUK5B4I.js.map

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

package/dist/chunk-MKBJXYE2.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunkSMJEDCFPcjs = require('./chunk-SMJEDCFP.cjs');var _reactcontext = require('@radix-ui/react-context');var _react = require('react');var _recharts = require('recharts'); var C = _interopRequireWildcard(_recharts);var _jsxruntime = require('react/jsx-runtime');var k="ChartProvider",L={dark:".dark",light:""},[j,G]=_reactcontext.createContextScope.call(void 0, k),[A,w]=j(k);function B({__scopeChart:e,id:t,children:r,className:o,config:i,...c}){let l=_react.useId.call(void 0, ),s=`chart-${t||l}`;return _jsxruntime.jsx.call(void 0, A,{config:i,scope:e,children:_jsxruntime.jsxs.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent",o),"data-chart":s,"data-slot":"chart",...c,children:[_jsxruntime.jsx.call(void 0, K,{config:i,id:s}),_jsxruntime.jsx.call(void 0, C.ResponsiveContainer,{children:r})]})})}function K({id:e,config:t}){let r=_react.useMemo.call(void 0, ()=>z(e,t),[e,t]);return _jsxruntime.jsx.call(void 0, "style",{dangerouslySetInnerHTML:{__html:r}})}var Q=C.Tooltip,$="ChartTooltipContent";function U({__scopeChart:e,active:t,className:r,color:o,formatter:i,hideIndicator:c=!1,hideLabel:l=!1,indicator:s="dot",label:f,labelClassName:u,labelFormatter:y,labelKey:b,nameKey:I,payload:g}){let{config:m}=w($,e),_=_react.useMemo.call(void 0, ()=>{if(l||!_optionalChain([g, 'optionalAccess', _2 => _2.length]))return null;let[n]=g,P=`${b||n.dataKey||n.name||"value"}`,T=x(m,n,P),h=!b&&typeof f=="string"?_optionalChain([m, 'access', _3 => _3[f], 'optionalAccess', _4 => _4.label])||f:_optionalChain([T, 'optionalAccess', _5 => _5.label]);return y?_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "font-medium",u),children:y(h,g)}):h?_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "font-medium",u),children:h}):null},[m,l,f,u,y,b,g]);if(!t||!_optionalChain([g, 'optionalAccess', _6 => _6.length]))return null;let v=g.length===1&&s!=="dot";return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",r),children:[v?null:_,_jsxruntime.jsx.call(void 0, "div",{className:"grid gap-1.5",children:g.map((n,P)=>{let T=`${I||n.name||n.dataKey||"value"}`,h=x(m,n,T),R=o||n.payload.fill||n.color;return _jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5",s==="dot"&&"items-center"),children:i&&n.value!==void 0&&n.name?i(n.value,n.name,n,P,n.payload):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_optionalChain([h, 'optionalAccess', _7 => _7.icon])?_jsxruntime.jsx.call(void 0, h.icon,{}):!c&&_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "border-(--color-border) bg-(--color-bg) rounded-xs shrink-0",{"h-2.5 w-2.5":s==="dot","my-0.5":v&&s==="dashed","w-0 border border-dashed bg-transparent":s==="dashed","w-1":s==="line"}),style:{"--color-bg":R,"--color-border":R}}),_jsxruntime.jsxs.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex flex-1 justify-between leading-none",v?"items-end":"items-center"),children:[_jsxruntime.jsxs.call(void 0, "div",{className:"grid gap-1.5",children:[v?_:null,_jsxruntime.jsx.call(void 0, "span",{className:"text-muted-foreground",children:_optionalChain([h, 'optionalAccess', _8 => _8.label])||n.name})]}),n.value?_jsxruntime.jsx.call(void 0, "span",{className:"text-foreground font-mono font-medium tabular-nums",children:n.value.toLocaleString()}):null]})]})},n.dataKey)})})]})}var W=C.Legend,M="ChartLegendContent";function Y({__scopeChart:e,className:t,hideIcon:r=!1,nameKey:o,payload:i,verticalAlign:c="bottom"}){let{config:l}=w(M,e);return _optionalChain([i, 'optionalAccess', _9 => _9.length])?_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex items-center justify-center gap-4",c==="top"?"pb-3":"pt-3",t),children:i.map(s=>{let f="value";o?f=o:s.dataKey&&(f=String(s.dataKey));let u=x(l,s,f);return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3"),children:[_optionalChain([u, 'optionalAccess', _10 => _10.icon])&&!r?_jsxruntime.jsx.call(void 0, u.icon,{}):_jsxruntime.jsx.call(void 0, "div",{className:"size-2 shrink-0 rounded-md",style:{backgroundColor:s.color}}),_optionalChain([u, 'optionalAccess', _11 => _11.label])]},String(s.value))})}):null}function x(e,t,r){if(!N(t))return;let o="payload"in t&&N(t.payload)?t.payload:void 0,i=V(t,o,r);return i in e?e[i]:e[r]}function N(e){return typeof e=="object"&&e!==null}function V(e,t,r){return r in e&&typeof e[r]=="string"?e[r]:t&&r in t&&typeof t[r]=="string"?t[r]:r}function H(e,t,r){let o=[];o.push(`${L[e]} [data-chart=${t}] {`);for(let[i,c]of r){let l=_optionalChain([c, 'optionalAccess', _12 => _12.theme, 'optionalAccess', _13 => _13[e]])||_optionalChain([c, 'optionalAccess', _14 => _14.color]);l&&o.push(`  --color-${i}: ${l};`)}return o.push("}"),o.join(`
+`)}function z(e,t){let r=Object.entries(t).filter(([i,c])=>_optionalChain([c, 'optionalAccess', _15 => _15.theme])||_optionalChain([c, 'optionalAccess', _16 => _16.color])),o=[];for(let i of Object.keys(L)){let c=H(i,e,r);o.push(c)}return o.join(`
+`)}exports.a = G; exports.b = B; exports.c = K; exports.d = Q; exports.e = U; exports.f = W; exports.g = Y;
+//# sourceMappingURL=chunk-MKBJXYE2.cjs.map

package/dist/chunk-MKBJXYE2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/chunk-MKBJXYE2.cjs","../src/components/chart.tsx"],"names":["RechartsPrimitive","createChartContext","createChartScope","CHART_PROVIDER_NAME","ChartContextProvider","useChartContext","ChartContainer","__scopeChart","children","className","props","uniqueId","useId","chartId","id","jsx"],"mappings":"AAAA,22BAAY,CAAC,wDCMJ,uDACA,8BACGA,gFAsNI,+CA9MY,IAAA,CAAA,CAAA,eAapB,CAAA,CAAA,CAAA,CACN,IAAA,CAAA,OAgDKC,CAAoBC,KAAuCC,CAAmB,EAE/E,CAACC,CAAAA,CAAsBC,CAAe,CAAA,CAAIJ,CAAAA,CAAsCE,8CAAmB,CAMzG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAASG,CAAAA,CAAe,CACtB,CAAA,SAAA,CAAA,CAAA,CAAAC,YAEA,CAAA,CAAA,CAAA,EAAAC,CACA,CAAA,CAAA,QAAAC,CAAAA,CACA,CAAA,SACA,CAAA,CAAGC,CACL,MAME,CAAMC,CAAAA,CAAWC,GAAM,CACjBC,CAAAA,CAAU,CAAA,IAAA,CAAA,CAAA,0BAAA,CAASC,CAAAA,CAAMH,CAAQ,CAAA,MAEvC,EAAA,CACEI,EAACX,CAAAA,CAAA,CAAA;AA6VkB;AACvB","file":"/home/runner/work/codefast/codefast/packages/ui/dist/chunk-MKBJXYE2.cjs","sourcesContent":[null,"'use client';\n\nimport type { Scope } from '@radix-ui/react-context';\nimport type { ComponentProps, ComponentType, CSSProperties, JSX, ReactNode } from 'react';\nimport type { NameType, Payload, ValueType } from 'recharts/types/component/DefaultTooltipContent';\n\nimport { createContextScope } from '@radix-ui/react-context';\nimport { useId, useMemo } from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Context: ChartProvider\n * ---------------------------------------------------------------------------*/\n\nconst CHART_PROVIDER_NAME = 'ChartProvider';\n\ntype ScopedProps<P> = P & { __scopeChart?: Scope };\n\n/**\n * Supported themes in the application\n */\ntype Theme = 'dark' | 'light';\n\n/**\n * Mapping between themes and their corresponding CSS classes\n */\nconst THEMES: Record<Theme, string> = {\n  dark: '.dark',\n  light: '',\n};\n\n/**\n * Configuration for icon and label display in charts\n */\ninterface IconLabelConfig {\n  /** Icon to display with data */\n  icon?: ComponentType;\n  /** Label to display with data */\n  label?: ReactNode;\n}\n\n/**\n * Single color configuration for chart elements\n */\ntype ColorConfig = {\n  /** Valid CSS color (hex, rgba, etc.) */\n  color?: string;\n} & { theme?: never };\n\n/**\n * Theme-based color configuration for chart elements\n */\ntype ThemeConfig = {\n  /** Map of colors for each theme mode */\n  theme: Record<Theme, string>;\n} & { color?: never };\n\n/**\n * Complete configuration for a chart element\n */\ntype ChartConfigItem = (ColorConfig | ThemeConfig) & IconLabelConfig;\n\n/**\n * Configuration for the entire chart organized by series/data keys\n * Where keys are the names of data in the chart\n */\ntype ChartConfig = Record<string, ChartConfigItem | undefined>;\n\n/**\n * Value provided by Chart Context\n */\ninterface ChartContextValue {\n  /** Display configuration for the chart */\n  config: ChartConfig;\n}\n\nconst [createChartContext, createChartScope] = createContextScope(CHART_PROVIDER_NAME);\n\nconst [ChartContextProvider, useChartContext] = createChartContext<ChartContextValue>(CHART_PROVIDER_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Chart\n * -------------------------------------------------------------------------- */\n\nfunction ChartContainer({\n  __scopeChart,\n  id,\n  children,\n  className,\n  config,\n  ...props\n}: ScopedProps<\n  ComponentProps<'div'> & {\n    children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n    config: ChartConfig;\n  }\n>): JSX.Element {\n  const uniqueId = useId();\n  const chartId = `chart-${id || uniqueId}`;\n\n  return (\n    <ChartContextProvider config={config} scope={__scopeChart}>\n      <div\n        className={cn(\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n          className,\n        )}\n        data-chart={chartId}\n        data-slot=\"chart\"\n        {...props}\n      >\n        <ChartStyle config={config} id={chartId} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContextProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartStyle\n * -------------------------------------------------------------------------- */\n\nfunction ChartStyle({ id, config }: { config: ChartConfig; id: string }): ReactNode {\n  const cssString = useMemo(() => generateCSS(id, config), [id, config]);\n\n  return <style dangerouslySetInnerHTML={{ __html: cssString }} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartTooltip\n * -------------------------------------------------------------------------- */\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\n/* -----------------------------------------------------------------------------\n * Component: ChartTooltipContent\n * -------------------------------------------------------------------------- */\n\nconst CHART_TOOLTIP_CONTENT_NAME = 'ChartTooltipContent';\n\nfunction ChartTooltipContent({\n  __scopeChart,\n  active,\n  className,\n  color,\n  formatter,\n  hideIndicator = false,\n  hideLabel = false,\n  indicator = 'dot',\n  label,\n  labelClassName,\n  labelFormatter,\n  labelKey,\n  nameKey,\n  payload,\n}: ScopedProps<\n  ComponentProps<typeof RechartsPrimitive.Tooltip> &\n    Omit<ComponentProps<'div'>, 'content'> & {\n      hideIndicator?: boolean;\n      hideLabel?: boolean;\n      indicator?: 'dashed' | 'dot' | 'line';\n      labelKey?: string;\n      nameKey?: string;\n    }\n>): ReactNode {\n  const { config } = useChartContext(CHART_TOOLTIP_CONTENT_NAME, __scopeChart);\n\n  const tooltipLabel = useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n\n    const key = `${labelKey || item.dataKey || item.name || 'value'}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value = !labelKey && typeof label === 'string' ? config[label]?.label || label : itemConfig?.label;\n\n    if (labelFormatter) {\n      return <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>;\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n  }, [config, hideLabel, label, labelClassName, labelFormatter, labelKey, payload]);\n\n  if (!active || !payload?.length) {\n    return null;\n  }\n\n  const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n  return (\n    <div\n      className={cn(\n        'bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl',\n        className,\n      )}\n    >\n      {nestLabel ? null : tooltipLabel}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const indicatorColor = color || (item.payload as { fill?: string }).fill || item.color;\n\n          return (\n            <div\n              key={item.dataKey}\n              className={cn(\n                '[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5',\n                indicator === 'dot' && 'items-center',\n              )}\n            >\n              {formatter && item.value !== undefined && item.name ? (\n                formatter(item.value, item.name, item, index, item.payload as Payload<ValueType, NameType>[])\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn('border-(--color-border) bg-(--color-bg) rounded-xs shrink-0', {\n                          'h-2.5 w-2.5': indicator === 'dot',\n                          'my-0.5': nestLabel && indicator === 'dashed',\n                          'w-0 border border-dashed bg-transparent': indicator === 'dashed',\n                          'w-1': indicator === 'line',\n                        })}\n                        style={\n                          {\n                            '--color-bg': indicatorColor,\n                            '--color-border': indicatorColor,\n                          } as CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div\n                    className={cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center')}\n                  >\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted-foreground\">{itemConfig?.label || item.name}</span>\n                    </div>\n                    {item.value ? (\n                      <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                        {item.value.toLocaleString()}\n                      </span>\n                    ) : null}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartLegend\n * -------------------------------------------------------------------------- */\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\n/* -----------------------------------------------------------------------------\n * Component: ChartLegendContent\n * -------------------------------------------------------------------------- */\n\nconst CHART_LEGEND_CONTENT_NAME = 'ChartLegendContent';\n\nfunction ChartLegendContent({\n  __scopeChart,\n  className,\n  hideIcon = false,\n  nameKey,\n  payload,\n  verticalAlign = 'bottom',\n}: ScopedProps<\n  ComponentProps<'div'> &\n    Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {\n      hideIcon?: boolean;\n      nameKey?: string;\n    }\n>): ReactNode {\n  const { config } = useChartContext(CHART_LEGEND_CONTENT_NAME, __scopeChart);\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div className={cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className)}>\n      {payload.map((item) => {\n        let key = 'value';\n\n        if (nameKey) {\n          key = nameKey;\n        } else if (item.dataKey) {\n          key = String(item.dataKey);\n        }\n\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={String(item.value)}\n            className={cn('[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3')}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"size-2 shrink-0 rounded-md\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Helpers\n * -------------------------------------------------------------------------- */\n\n/**\n * Extracts and returns the appropriate configuration object from\n * the payload based on the specified key.\n *\n * @param config - The chart configuration object that contains various\n *   settings.\n * @param payload - The payload object that might contain nested payload data.\n * @param key - The key used to retrieve the specific configuration from the\n *   chart config.\n * @returns Returns a configuration object with optional properties `icon`,\n *   `label`, `color` or `theme`, or `undefined` if the payload is invalid or\n *   no configuration is found for the provided key.\n */\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ChartConfigItem | undefined {\n  if (!isValidObject(payload)) {\n    return undefined;\n  }\n\n  const nestedPayload = 'payload' in payload && isValidObject(payload.payload) ? payload.payload : undefined;\n\n  const configLabelKey = getConfigLabelKey(payload, nestedPayload, key);\n\n  return configLabelKey in config ? config[configLabelKey] : config[key];\n}\n\n/**\n * Checks if the provided value is a valid object.\n *\n * @param obj - The value to check.\n * @returns - Returns true if the value is an object and not null, false\n *   otherwise.\n */\nfunction isValidObject(obj: unknown): obj is Record<string, unknown> {\n  return typeof obj === 'object' && obj !== null;\n}\n\n/**\n * Retrieves the configuration label key from either the payload or\n * nestedPayload. If the key exists in the payload and is a string, the\n * corresponding value is returned. Otherwise, if the key exists in the\n * nestedPayload and is a string, its value is returned. If the key is not\n * found as a string in either object, the key itself is returned.\n *\n * @param payload - The primary payload containing key-value pairs.\n * @param nestedPayload - An optional nested payload containing additional\n *   key-value pairs.\n * @param key - The key to search for within the payload and nestedPayload.\n *\n * @returns The string value associated with the key if found; otherwise, the\n *   key itself.\n */\nfunction getConfigLabelKey(\n  payload: Record<string, unknown>,\n  nestedPayload: Record<string, unknown> | undefined,\n  key: string,\n): string {\n  if (key in payload && typeof payload[key] === 'string') {\n    return payload[key];\n  }\n\n  if (nestedPayload && key in nestedPayload && typeof nestedPayload[key] === 'string') {\n    return nestedPayload[key];\n  }\n\n  return key;\n}\n\n/**\n * Generates CSS for a specified theme and chart configuration.\n *\n * @param theme - The theme to be used (for example, 'light', 'dark').\n * @param id - The unique identifier of the chart.\n * @param configEntries - A list of configuration entries, each containing a\n *   key and a chart configuration.\n * @returns The generated CSS as a string.\n */\nfunction generateThemeCSS(theme: Theme, id: string, configEntries: [string, ChartConfig[string]][]): string {\n  const rules: string[] = [];\n\n  rules.push(`${THEMES[theme]} [data-chart=${id}] {`);\n\n  for (const [key, itemConfig] of configEntries) {\n    const color = itemConfig?.theme?.[theme] || itemConfig?.color;\n\n    if (color) {\n      rules.push(`  --color-${key}: ${color};`);\n    }\n  }\n\n  rules.push('}');\n\n  return rules.join('\\n');\n}\n\n/**\n * Generates CSS styles for a chart based on the provided configuration and\n * themes.\n *\n * @param id - The unique identifier for the chart element.\n * @param config - Configuration object for the chart. This includes theme and\n *   color settings.\n * @returns A string containing the generated CSS rules.\n */\nfunction generateCSS(id: string, config: ChartConfig): string {\n  const themeOrColorConfig = Object.entries(config).filter(([_, itemConfig]) => itemConfig?.theme || itemConfig?.color);\n\n  const allRules: string[] = [];\n\n  for (const theme of Object.keys(THEMES)) {\n    const themeCSS = generateThemeCSS(theme as Theme, id, themeOrColorConfig);\n\n    allRules.push(themeCSS);\n  }\n\n  return allRules.join('\\n');\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport type { ChartConfig };\nexport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n  ChartTooltip,\n  ChartTooltipContent,\n  createChartScope,\n};\n"]}

package/dist/chunk-OP6TXGBC.js

@@ -0,0 +1,2 @@
+"use client";import{a as r}from"./chunk-OKUFCFYT.js";import{OTPInput as p,OTPInputContext as u}from"input-otp";import{MinusIcon as l}from"lucide-react";import{use as c}from"react";import{REGEXP_ONLY_CHARS as E,REGEXP_ONLY_DIGITS as N,REGEXP_ONLY_DIGITS_AND_CHARS as T}from"input-otp";import{jsx as e,jsxs as m}from"react/jsx-runtime";function b({className:t,containerClassName:a,...i}){return e(p,{"aria-label":"One-time password",className:r(t),containerClassName:r("flex items-center gap-2 has-disabled:opacity-50",a),"data-slot":"input-otp",...i})}function x({className:t,...a}){return e("div",{className:r("flex items-center -space-x-px",t),"data-slot":"input-otp-group",role:"group",...a})}function I({className:t,index:a,...i}){let n=c(u),{isActive:o,char:s,hasFakeCaret:d}=n.slots[a];return m("div",{className:r("border-input data-[active=true]:ring-3 data-[active=true]:border-ring data-[active=true]:ring-ring/50 not-has-disabled:shadow-xs outline-hidden data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm transition-all first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10",t),"data-active":o,"data-slot":"input-otp-slot",...i,children:[s,d?e("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:e("div",{className:"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"})}):null]})}function O({...t}){return e("div",{"data-slot":"input-otp-separator",role:"separator",...t,children:e(l,{})})}export{b as a,x as b,I as c,O as d,E as e,N as f,T as g};
+//# sourceMappingURL=chunk-OP6TXGBC.js.map

package/dist/chunk-OP6TXGBC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input-otp.tsx"],"names":["OTPInput","OTPInputContext","MinusIcon","use","REGEXP_ONLY_CHARS","REGEXP_ONLY_DIGITS","REGEXP_ONLY_DIGITS_AND_CHARS","jsx","jsxs","InputOTP","className","containerClassName","props","cn","InputOTPGroup","InputOTPSlot","index","inputOTPContext","isActive","char","hasFakeCaret","InputOTPSeparator"],"mappings":"wCAIA,OAAS,YAAAA,EAAU,mBAAAC,MAAuB,YAC1C,OAAS,aAAAC,MAAiB,eAC1B,OAAS,OAAAC,MAAW,QAqFpB,OAAS,qBAAAC,EAAmB,sBAAAC,EAAoB,gCAAAC,MAAoC,YA3EhF,cAAAC,EAwCA,QAAAC,MAxCA,oBAFJ,SAASC,EAAS,CAAE,UAAAC,EAAW,mBAAAC,EAAoB,GAAGC,CAAM,EAAiD,CAC3G,OACEL,EAACP,EAAA,CACC,aAAW,oBACX,UAAWa,EAAGH,CAAS,EACvB,mBAAoBG,EAAG,kDAAmDF,CAAkB,EAC5F,YAAU,YACT,GAAGC,EACN,CAEJ,CAMA,SAASE,EAAc,CAAE,UAAAJ,EAAW,GAAGE,CAAM,EAAuC,CAClF,OACEL,EAAC,OACC,UAAWM,EAAG,gCAAiCH,CAAS,EACxD,YAAU,kBACV,KAAK,QACJ,GAAGE,EACN,CAEJ,CAMA,SAASG,EAAa,CACpB,UAAAL,EACA,MAAAM,EACA,GAAGJ,CACL,EAEgB,CACd,IAAMK,EAAkBd,EAAIF,CAAe,EACrC,CAAE,SAAAiB,EAAU,KAAAC,EAAM,aAAAC,CAAa,EAAIH,EAAgB,MAAMD,CAAK,EAEpE,OACER,EAAC,OACC,UAAWK,EACT,+eACAH,CACF,EACA,cAAaQ,EACb,YAAU,iBACT,GAAGN,EAEH,UAAAO,EACAC,EACCb,EAAC,OAAI,UAAU,wEACb,SAAAA,EAAC,OAAI,UAAU,qEAAqE,EACtF,EACE,MACN,CAEJ,CAMA,SAASc,EAAkB,CAAE,GAAGT,CAAM,EAAuC,CAC3E,OACEL,EAAC,OAAI,YAAU,sBAAsB,KAAK,YAAa,GAAGK,EACxD,SAAAL,EAACL,EAAA,EAAU,EACb,CAEJ","sourcesContent":["'use client';\n\nimport type { ComponentProps, JSX } from 'react';\n\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { MinusIcon } from 'lucide-react';\nimport { use } from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\nfunction InputOTP({ className, containerClassName, ...props }: ComponentProps<typeof OTPInput>): JSX.Element {\n  return (\n    <OTPInput\n      aria-label=\"One-time password\"\n      className={cn(className)}\n      containerClassName={cn('flex items-center gap-2 has-disabled:opacity-50', containerClassName)}\n      data-slot=\"input-otp\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPGroup({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('flex items-center -space-x-px', className)}\n      data-slot=\"input-otp-group\"\n      role=\"group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPSlot({\n  className,\n  index,\n  ...props\n}: ComponentProps<'div'> & {\n  index: number;\n}): JSX.Element {\n  const inputOTPContext = use(OTPInputContext);\n  const { isActive, char, hasFakeCaret } = inputOTPContext.slots[index];\n\n  return (\n    <div\n      className={cn(\n        'border-input data-[active=true]:ring-3 data-[active=true]:border-ring data-[active=true]:ring-ring/50 not-has-disabled:shadow-xs outline-hidden data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm transition-all first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10',\n        className,\n      )}\n      data-active={isActive}\n      data-slot=\"input-otp-slot\"\n      {...props}\n    >\n      {char}\n      {hasFakeCaret ? (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px\" />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\nfunction InputOTPSeparator({ ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from 'input-otp';\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"]}

package/dist/chunk-P5KMECT7.cjs

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

package/dist/chunk-P5KMECT7.cjs.map

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

package/dist/chunk-U7UJHUBW.js

@@ -0,0 +1,4 @@
+"use client";import{a as d}from"./chunk-OKUFCFYT.js";import{createContextScope as E}from"@radix-ui/react-context";import{useId as O,useMemo as S}from"react";import*as C from"recharts";import{Fragment as D,jsx as a,jsxs as p}from"react/jsx-runtime";var k="ChartProvider",L={dark:".dark",light:""},[j,G]=E(k),[A,w]=j(k);function B({__scopeChart:e,id:t,children:r,className:o,config:i,...c}){let l=O(),s=`chart-${t||l}`;return a(A,{config:i,scope:e,children:p("div",{className:d("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent",o),"data-chart":s,"data-slot":"chart",...c,children:[a(K,{config:i,id:s}),a(C.ResponsiveContainer,{children:r})]})})}function K({id:e,config:t}){let r=S(()=>z(e,t),[e,t]);return a("style",{dangerouslySetInnerHTML:{__html:r}})}var Q=C.Tooltip,$="ChartTooltipContent";function U({__scopeChart:e,active:t,className:r,color:o,formatter:i,hideIndicator:c=!1,hideLabel:l=!1,indicator:s="dot",label:f,labelClassName:u,labelFormatter:y,labelKey:b,nameKey:I,payload:g}){let{config:m}=w($,e),_=S(()=>{if(l||!g?.length)return null;let[n]=g,P=`${b||n.dataKey||n.name||"value"}`,T=x(m,n,P),h=!b&&typeof f=="string"?m[f]?.label||f:T?.label;return y?a("div",{className:d("font-medium",u),children:y(h,g)}):h?a("div",{className:d("font-medium",u),children:h}):null},[m,l,f,u,y,b,g]);if(!t||!g?.length)return null;let v=g.length===1&&s!=="dot";return p("div",{className:d("bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",r),children:[v?null:_,a("div",{className:"grid gap-1.5",children:g.map((n,P)=>{let T=`${I||n.name||n.dataKey||"value"}`,h=x(m,n,T),R=o||n.payload.fill||n.color;return a("div",{className:d("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5",s==="dot"&&"items-center"),children:i&&n.value!==void 0&&n.name?i(n.value,n.name,n,P,n.payload):p(D,{children:[h?.icon?a(h.icon,{}):!c&&a("div",{className:d("border-(--color-border) bg-(--color-bg) rounded-xs shrink-0",{"h-2.5 w-2.5":s==="dot","my-0.5":v&&s==="dashed","w-0 border border-dashed bg-transparent":s==="dashed","w-1":s==="line"}),style:{"--color-bg":R,"--color-border":R}}),p("div",{className:d("flex flex-1 justify-between leading-none",v?"items-end":"items-center"),children:[p("div",{className:"grid gap-1.5",children:[v?_:null,a("span",{className:"text-muted-foreground",children:h?.label||n.name})]}),n.value?a("span",{className:"text-foreground font-mono font-medium tabular-nums",children:n.value.toLocaleString()}):null]})]})},n.dataKey)})})]})}var W=C.Legend,M="ChartLegendContent";function Y({__scopeChart:e,className:t,hideIcon:r=!1,nameKey:o,payload:i,verticalAlign:c="bottom"}){let{config:l}=w(M,e);return i?.length?a("div",{className:d("flex items-center justify-center gap-4",c==="top"?"pb-3":"pt-3",t),children:i.map(s=>{let f="value";o?f=o:s.dataKey&&(f=String(s.dataKey));let u=x(l,s,f);return p("div",{className:d("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3"),children:[u?.icon&&!r?a(u.icon,{}):a("div",{className:"size-2 shrink-0 rounded-md",style:{backgroundColor:s.color}}),u?.label]},String(s.value))})}):null}function x(e,t,r){if(!N(t))return;let o="payload"in t&&N(t.payload)?t.payload:void 0,i=V(t,o,r);return i in e?e[i]:e[r]}function N(e){return typeof e=="object"&&e!==null}function V(e,t,r){return r in e&&typeof e[r]=="string"?e[r]:t&&r in t&&typeof t[r]=="string"?t[r]:r}function H(e,t,r){let o=[];o.push(`${L[e]} [data-chart=${t}] {`);for(let[i,c]of r){let l=c?.theme?.[e]||c?.color;l&&o.push(`  --color-${i}: ${l};`)}return o.push("}"),o.join(`
+`)}function z(e,t){let r=Object.entries(t).filter(([i,c])=>c?.theme||c?.color),o=[];for(let i of Object.keys(L)){let c=H(i,e,r);o.push(c)}return o.join(`
+`)}export{G as a,B as b,K as c,Q as d,U as e,W as f,Y as g};
+//# sourceMappingURL=chunk-U7UJHUBW.js.map

package/dist/chunk-U7UJHUBW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chart.tsx"],"names":["createContextScope","useId","useMemo","RechartsPrimitive","Fragment","jsx","jsxs","CHART_PROVIDER_NAME","THEMES","createChartContext","createChartScope","ChartContextProvider","useChartContext","ChartContainer","__scopeChart","id","children","className","config","props","uniqueId","chartId","cn","ChartStyle","cssString","generateCSS","ChartTooltip","CHART_TOOLTIP_CONTENT_NAME","ChartTooltipContent","active","color","formatter","hideIndicator","hideLabel","indicator","label","labelClassName","labelFormatter","labelKey","nameKey","payload","tooltipLabel","item","key","itemConfig","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","ChartLegend","CHART_LEGEND_CONTENT_NAME","ChartLegendContent","hideIcon","verticalAlign","isValidObject","nestedPayload","configLabelKey","getConfigLabelKey","obj","generateThemeCSS","theme","configEntries","rules","themeOrColorConfig","_","allRules","themeCSS"],"mappings":"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","sourcesContent":["'use client';\n\nimport type { Scope } from '@radix-ui/react-context';\nimport type { ComponentProps, ComponentType, CSSProperties, JSX, ReactNode } from 'react';\nimport type { NameType, Payload, ValueType } from 'recharts/types/component/DefaultTooltipContent';\n\nimport { createContextScope } from '@radix-ui/react-context';\nimport { useId, useMemo } from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Context: ChartProvider\n * ---------------------------------------------------------------------------*/\n\nconst CHART_PROVIDER_NAME = 'ChartProvider';\n\ntype ScopedProps<P> = P & { __scopeChart?: Scope };\n\n/**\n * Supported themes in the application\n */\ntype Theme = 'dark' | 'light';\n\n/**\n * Mapping between themes and their corresponding CSS classes\n */\nconst THEMES: Record<Theme, string> = {\n  dark: '.dark',\n  light: '',\n};\n\n/**\n * Configuration for icon and label display in charts\n */\ninterface IconLabelConfig {\n  /** Icon to display with data */\n  icon?: ComponentType;\n  /** Label to display with data */\n  label?: ReactNode;\n}\n\n/**\n * Single color configuration for chart elements\n */\ntype ColorConfig = {\n  /** Valid CSS color (hex, rgba, etc.) */\n  color?: string;\n} & { theme?: never };\n\n/**\n * Theme-based color configuration for chart elements\n */\ntype ThemeConfig = {\n  /** Map of colors for each theme mode */\n  theme: Record<Theme, string>;\n} & { color?: never };\n\n/**\n * Complete configuration for a chart element\n */\ntype ChartConfigItem = (ColorConfig | ThemeConfig) & IconLabelConfig;\n\n/**\n * Configuration for the entire chart organized by series/data keys\n * Where keys are the names of data in the chart\n */\ntype ChartConfig = Record<string, ChartConfigItem | undefined>;\n\n/**\n * Value provided by Chart Context\n */\ninterface ChartContextValue {\n  /** Display configuration for the chart */\n  config: ChartConfig;\n}\n\nconst [createChartContext, createChartScope] = createContextScope(CHART_PROVIDER_NAME);\n\nconst [ChartContextProvider, useChartContext] = createChartContext<ChartContextValue>(CHART_PROVIDER_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Chart\n * -------------------------------------------------------------------------- */\n\nfunction ChartContainer({\n  __scopeChart,\n  id,\n  children,\n  className,\n  config,\n  ...props\n}: ScopedProps<\n  ComponentProps<'div'> & {\n    children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n    config: ChartConfig;\n  }\n>): JSX.Element {\n  const uniqueId = useId();\n  const chartId = `chart-${id || uniqueId}`;\n\n  return (\n    <ChartContextProvider config={config} scope={__scopeChart}>\n      <div\n        className={cn(\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n          className,\n        )}\n        data-chart={chartId}\n        data-slot=\"chart\"\n        {...props}\n      >\n        <ChartStyle config={config} id={chartId} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContextProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartStyle\n * -------------------------------------------------------------------------- */\n\nfunction ChartStyle({ id, config }: { config: ChartConfig; id: string }): ReactNode {\n  const cssString = useMemo(() => generateCSS(id, config), [id, config]);\n\n  return <style dangerouslySetInnerHTML={{ __html: cssString }} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartTooltip\n * -------------------------------------------------------------------------- */\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\n/* -----------------------------------------------------------------------------\n * Component: ChartTooltipContent\n * -------------------------------------------------------------------------- */\n\nconst CHART_TOOLTIP_CONTENT_NAME = 'ChartTooltipContent';\n\nfunction ChartTooltipContent({\n  __scopeChart,\n  active,\n  className,\n  color,\n  formatter,\n  hideIndicator = false,\n  hideLabel = false,\n  indicator = 'dot',\n  label,\n  labelClassName,\n  labelFormatter,\n  labelKey,\n  nameKey,\n  payload,\n}: ScopedProps<\n  ComponentProps<typeof RechartsPrimitive.Tooltip> &\n    Omit<ComponentProps<'div'>, 'content'> & {\n      hideIndicator?: boolean;\n      hideLabel?: boolean;\n      indicator?: 'dashed' | 'dot' | 'line';\n      labelKey?: string;\n      nameKey?: string;\n    }\n>): ReactNode {\n  const { config } = useChartContext(CHART_TOOLTIP_CONTENT_NAME, __scopeChart);\n\n  const tooltipLabel = useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n\n    const key = `${labelKey || item.dataKey || item.name || 'value'}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value = !labelKey && typeof label === 'string' ? config[label]?.label || label : itemConfig?.label;\n\n    if (labelFormatter) {\n      return <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>;\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n  }, [config, hideLabel, label, labelClassName, labelFormatter, labelKey, payload]);\n\n  if (!active || !payload?.length) {\n    return null;\n  }\n\n  const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n  return (\n    <div\n      className={cn(\n        'bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl',\n        className,\n      )}\n    >\n      {nestLabel ? null : tooltipLabel}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const indicatorColor = color || (item.payload as { fill?: string }).fill || item.color;\n\n          return (\n            <div\n              key={item.dataKey}\n              className={cn(\n                '[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5',\n                indicator === 'dot' && 'items-center',\n              )}\n            >\n              {formatter && item.value !== undefined && item.name ? (\n                formatter(item.value, item.name, item, index, item.payload as Payload<ValueType, NameType>[])\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn('border-(--color-border) bg-(--color-bg) rounded-xs shrink-0', {\n                          'h-2.5 w-2.5': indicator === 'dot',\n                          'my-0.5': nestLabel && indicator === 'dashed',\n                          'w-0 border border-dashed bg-transparent': indicator === 'dashed',\n                          'w-1': indicator === 'line',\n                        })}\n                        style={\n                          {\n                            '--color-bg': indicatorColor,\n                            '--color-border': indicatorColor,\n                          } as CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div\n                    className={cn('flex flex-1 justify-between leading-none', nestLabel ? 'items-end' : 'items-center')}\n                  >\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted-foreground\">{itemConfig?.label || item.name}</span>\n                    </div>\n                    {item.value ? (\n                      <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                        {item.value.toLocaleString()}\n                      </span>\n                    ) : null}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ChartLegend\n * -------------------------------------------------------------------------- */\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\n/* -----------------------------------------------------------------------------\n * Component: ChartLegendContent\n * -------------------------------------------------------------------------- */\n\nconst CHART_LEGEND_CONTENT_NAME = 'ChartLegendContent';\n\nfunction ChartLegendContent({\n  __scopeChart,\n  className,\n  hideIcon = false,\n  nameKey,\n  payload,\n  verticalAlign = 'bottom',\n}: ScopedProps<\n  ComponentProps<'div'> &\n    Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {\n      hideIcon?: boolean;\n      nameKey?: string;\n    }\n>): ReactNode {\n  const { config } = useChartContext(CHART_LEGEND_CONTENT_NAME, __scopeChart);\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div className={cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className)}>\n      {payload.map((item) => {\n        let key = 'value';\n\n        if (nameKey) {\n          key = nameKey;\n        } else if (item.dataKey) {\n          key = String(item.dataKey);\n        }\n\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={String(item.value)}\n            className={cn('[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3')}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"size-2 shrink-0 rounded-md\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Helpers\n * -------------------------------------------------------------------------- */\n\n/**\n * Extracts and returns the appropriate configuration object from\n * the payload based on the specified key.\n *\n * @param config - The chart configuration object that contains various\n *   settings.\n * @param payload - The payload object that might contain nested payload data.\n * @param key - The key used to retrieve the specific configuration from the\n *   chart config.\n * @returns Returns a configuration object with optional properties `icon`,\n *   `label`, `color` or `theme`, or `undefined` if the payload is invalid or\n *   no configuration is found for the provided key.\n */\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ChartConfigItem | undefined {\n  if (!isValidObject(payload)) {\n    return undefined;\n  }\n\n  const nestedPayload = 'payload' in payload && isValidObject(payload.payload) ? payload.payload : undefined;\n\n  const configLabelKey = getConfigLabelKey(payload, nestedPayload, key);\n\n  return configLabelKey in config ? config[configLabelKey] : config[key];\n}\n\n/**\n * Checks if the provided value is a valid object.\n *\n * @param obj - The value to check.\n * @returns - Returns true if the value is an object and not null, false\n *   otherwise.\n */\nfunction isValidObject(obj: unknown): obj is Record<string, unknown> {\n  return typeof obj === 'object' && obj !== null;\n}\n\n/**\n * Retrieves the configuration label key from either the payload or\n * nestedPayload. If the key exists in the payload and is a string, the\n * corresponding value is returned. Otherwise, if the key exists in the\n * nestedPayload and is a string, its value is returned. If the key is not\n * found as a string in either object, the key itself is returned.\n *\n * @param payload - The primary payload containing key-value pairs.\n * @param nestedPayload - An optional nested payload containing additional\n *   key-value pairs.\n * @param key - The key to search for within the payload and nestedPayload.\n *\n * @returns The string value associated with the key if found; otherwise, the\n *   key itself.\n */\nfunction getConfigLabelKey(\n  payload: Record<string, unknown>,\n  nestedPayload: Record<string, unknown> | undefined,\n  key: string,\n): string {\n  if (key in payload && typeof payload[key] === 'string') {\n    return payload[key];\n  }\n\n  if (nestedPayload && key in nestedPayload && typeof nestedPayload[key] === 'string') {\n    return nestedPayload[key];\n  }\n\n  return key;\n}\n\n/**\n * Generates CSS for a specified theme and chart configuration.\n *\n * @param theme - The theme to be used (for example, 'light', 'dark').\n * @param id - The unique identifier of the chart.\n * @param configEntries - A list of configuration entries, each containing a\n *   key and a chart configuration.\n * @returns The generated CSS as a string.\n */\nfunction generateThemeCSS(theme: Theme, id: string, configEntries: [string, ChartConfig[string]][]): string {\n  const rules: string[] = [];\n\n  rules.push(`${THEMES[theme]} [data-chart=${id}] {`);\n\n  for (const [key, itemConfig] of configEntries) {\n    const color = itemConfig?.theme?.[theme] || itemConfig?.color;\n\n    if (color) {\n      rules.push(`  --color-${key}: ${color};`);\n    }\n  }\n\n  rules.push('}');\n\n  return rules.join('\\n');\n}\n\n/**\n * Generates CSS styles for a chart based on the provided configuration and\n * themes.\n *\n * @param id - The unique identifier for the chart element.\n * @param config - Configuration object for the chart. This includes theme and\n *   color settings.\n * @returns A string containing the generated CSS rules.\n */\nfunction generateCSS(id: string, config: ChartConfig): string {\n  const themeOrColorConfig = Object.entries(config).filter(([_, itemConfig]) => itemConfig?.theme || itemConfig?.color);\n\n  const allRules: string[] = [];\n\n  for (const theme of Object.keys(THEMES)) {\n    const themeCSS = generateThemeCSS(theme as Theme, id, themeOrColorConfig);\n\n    allRules.push(themeCSS);\n  }\n\n  return allRules.join('\\n');\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport type { ChartConfig };\nexport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n  ChartTooltip,\n  ChartTooltipContent,\n  createChartScope,\n};\n"]}

package/dist/components/chart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkZESL6WIDcjs = require('../chunk-ZESL6WID.cjs');require('../chunk-SMJEDCFP.cjs');exports.ChartContainer = _chunkZESL6WIDcjs.a; exports.ChartLegend = _chunkZESL6WIDcjs.e; exports.ChartLegendContent = _chunkZESL6WIDcjs.f; exports.ChartStyle = _chunkZESL6WIDcjs.b; exports.ChartTooltip = _chunkZESL6WIDcjs.c; exports.ChartTooltipContent = _chunkZESL6WIDcjs.d;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkMKBJXYE2cjs = require('../chunk-MKBJXYE2.cjs');require('../chunk-SMJEDCFP.cjs');exports.ChartContainer = _chunkMKBJXYE2cjs.b; exports.ChartLegend = _chunkMKBJXYE2cjs.f; exports.ChartLegendContent = _chunkMKBJXYE2cjs.g; exports.ChartStyle = _chunkMKBJXYE2cjs.c; exports.ChartTooltip = _chunkMKBJXYE2cjs.d; exports.ChartTooltipContent = _chunkMKBJXYE2cjs.e; exports.createChartScope = _chunkMKBJXYE2cjs.a;
 //# sourceMappingURL=chart.cjs.map

package/dist/components/chart.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/chart.cjs"],"names":[],"mappings":"AAAA,qFAAY,CAAC,yDAA8C,iCAA8B,mRAAgI","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/chart.cjs"}
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/components/chart.cjs"],"names":[],"mappings":"AAAA,qFAAY,CAAC,yDAAgD,iCAA8B,mUAAsJ","file":"/home/runner/work/codefast/codefast/packages/ui/dist/components/chart.cjs"}