@codefast/ui 0.2.30 → 0.2.33

package/dist/chunk-GXYHZRFH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-GXYHZRFH.cjs","../src/components/slider.tsx"],"names":["Slider","className","defaultValue","value","min","max","props","_values","useMemo","jsxs","cn","jsx","_","index"],"mappings":"AAAA,mZAAwC,oGCAP,8BACsB,+CAyBnD,SAjBKA,CAAAA,CAAO,CACd,SAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CAAM,CAAA,CACN,GAAA,CAAAC,CAAAA,CAAM,GAAA,CACN,GAAGC,CACL,CAAA,CAA6D,CAC3D,IAAMC,CAAAA,CAAUC,4BAAAA,CAAQ,CAAA,EAClB,KAAA,CAAM,OAAA,CAAQL,CAAK,CAAA,CACdA,CAAAA,CAGF,KAAA,CAAM,OAAA,CAAQD,CAAY,CAAA,CAAIA,CAAAA,CAAe,CAACE,CAAAA,CAAKC,CAAG,CAAA,CAC5D,CAACF,CAAAA,CAAOD,CAAAA,CAAcE,CAAAA,CAAKC,CAAG,CAAC,CAAA,CAElC,OACEI,8BAAAA,CAAiB,CAAA,IAAA,CAAhB,CACC,SAAA,CAAWC,iCAAAA,mOACT,CACAT,CACF,CAAA,CACA,WAAA,CAAU,QAAA,CACV,YAAA,CAAcC,CAAAA,CACd,GAAA,CAAKG,CAAAA,CACL,GAAA,CAAKD,CAAAA,CACL,KAAA,CAAOD,CAAAA,CACN,GAAGG,CAAAA,CAEJ,QAAA,CAAA,CAAAK,6BAAAA,CAAiB,CAAA,KAAA,CAAhB,CACC,SAAA,CAAU,sMAAA,CACV,WAAA,CAAU,cAAA,CAEV,QAAA,CAAAA,6BAAAA,CAAiB,CAAA,KAAA,CAAhB,CACC,SAAA,CAAU,6FAAA,CACV,WAAA,CAAU,cAAA,CACZ,CAAA,CACF,CAAA,CAEC,KAAA,CAAM,IAAA,CAAK,CAAE,MAAA,CAAQJ,CAAAA,CAAQ,MAAO,CAAA,CAAG,CAACK,CAAAA,CAAGC,CAAAA,CAAAA,EAC1CF,6BAAAA,CAAiB,CAAA,KAAA,CAAhB,CAEC,YAAA,CAAW,QAAA,CACX,SAAA,CAAWD,iCAAAA,qUAEX,CAAA,CACA,WAAA,CAAU,cAAA,CAAA,CALLG,CAMP,CACD,CAAA,CAAA,CACH,CAEJ,CAAA,cAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-GXYHZRFH.cjs","sourcesContent":[null,"import * as SliderPrimitive from '@radix-ui/react-slider';\nimport { type ComponentProps, type JSX, useMemo } from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Slider\n * -------------------------------------------------------------------------- */\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: ComponentProps<typeof SliderPrimitive.Root>): JSX.Element {\n  const _values = useMemo(() => {\n    if (Array.isArray(value)) {\n      return value;\n    }\n\n    return Array.isArray(defaultValue) ? defaultValue : [min, max];\n  }, [value, defaultValue, min, max]);\n\n  return (\n    <SliderPrimitive.Root\n      className={cn(\n        'data-disabled:opacity-50 relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col',\n        className,\n      )}\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      max={max}\n      min={min}\n      value={value}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        className=\"bg-input relative w-full grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1\"\n        data-slot=\"slider-track\"\n      >\n        <SliderPrimitive.Range\n          className=\"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n          data-slot=\"slider-range\"\n        />\n      </SliderPrimitive.Track>\n\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          key={index}\n          aria-label=\"Volume\"\n          className={cn(\n            'border-primary bg-primary after:bg-background active:not-data-disabled:after:size-1 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 outline-hidden flex size-4 items-center justify-center rounded-full border-2 shadow-sm after:size-full after:rounded-full after:transition-[width,height] focus-visible:ring-4',\n          )}\n          data-slot=\"slider-thumb\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Slider };\n"]}

package/dist/chunk-JM2VJEQF.cjs

@@ -1,2 +0,0 @@
-"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; }var _chunkTNP6NVCRcjs = require('./chunk-TNP6NVCR.cjs');var _chunkSMJEDCFPcjs = require('./chunk-SMJEDCFP.cjs');var _reactdialog = require('@radix-ui/react-dialog'); var e = _interopRequireWildcard(_reactdialog);var _lucidereact = require('lucide-react');var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var f=_tailwindvariants.tv.call(void 0, {base:"bg-background animation-ease-in-out data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed z-50 flex flex-col overflow-auto shadow-lg",variants:{side:{bottom:"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full inset-x-0 bottom-0 max-h-[80vh] border-t",left:"data-[state=open]:slide-in-from-left-full data-[state=closed]:slide-out-to-left-full inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right-full data-[state=closed]:slide-out-to-right-full inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",top:"data-[state=open]:slide-in-from-top-full data-[state=closed]:slide-out-to-top-full inset-x-0 top-0 max-h-[80vh] border-b"}},defaultVariants:{side:"right"}});function S({children:t,...o}){return _jsxruntime.jsx.call(void 0, e.Root,{"data-slot":"sheet",...o,children:t})}function P({...t}){return _jsxruntime.jsx.call(void 0, e.Trigger,{"data-slot":"sheet-trigger",...t})}function g({children:t,className:o,classNames:n,side:s="right",...m}){return _jsxruntime.jsxs.call(void 0, e.Portal,{children:[_jsxruntime.jsx.call(void 0, e.Overlay,{className:_chunkSMJEDCFPcjs.a.call(void 0, "bg-popover-overlay data-[state=open]:animate-fade-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-fade-out data-[state=closed]:animation-duration-500 fixed inset-0 z-50 backdrop-blur-sm",_optionalChain([n, 'optionalAccess', _ => _.overlay])),"data-slot":"sheet-overlay"}),_jsxruntime.jsxs.call(void 0, e.Content,{className:f({className:[_optionalChain([n, 'optionalAccess', _2 => _2.content]),o],side:s}),"data-slot":"sheet-content",...m,children:[t,_jsxruntime.jsxs.call(void 0, e.Close,{className:_chunkTNP6NVCRcjs.a.call(void 0, {className:["absolute right-4 top-4 size-7",_optionalChain([n, 'optionalAccess', _3 => _3.close])],size:"icon",variant:"ghost"}),"data-slot":"sheet-close",children:[_jsxruntime.jsx.call(void 0, _lucidereact.XIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close"})]})]})]})}function x({className:t,...o}){return _jsxruntime.jsx.call(void 0, "header",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),"data-slot":"sheet-header",...o})}function b({className:t,...o}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunkSMJEDCFPcjs.a.call(void 0, "px-6 py-2",t),"data-slot":"sheet-body",...o})}function y({className:t,...o}){return _jsxruntime.jsx.call(void 0, "footer",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),"data-slot":"sheet-footer",...o})}function C({className:t,...o}){return _jsxruntime.jsx.call(void 0, e.Title,{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-foreground text-lg font-semibold",t),"data-slot":"sheet-title",...o})}function N({className:t,...o}){return _jsxruntime.jsx.call(void 0, e.Description,{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-muted-foreground text-sm",t),"data-slot":"sheet-description",...o})}function X({className:t,size:o,variant:n="outline",...s}){return _jsxruntime.jsx.call(void 0, e.Close,{className:_chunkTNP6NVCRcjs.a.call(void 0, {className:t,size:o,variant:n}),"data-slot":"sheet-close",...s})}exports.a = S; exports.b = P; exports.c = g; exports.d = x; exports.e = b; exports.f = y; exports.g = C; exports.h = N; exports.i = X;
-//# sourceMappingURL=chunk-JM2VJEQF.cjs.map

package/dist/chunk-JM2VJEQF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-JM2VJEQF.cjs","../src/components/sheet.tsx"],"names":["sheetContentVariants","tv","Sheet","children","props","jsx","SheetTrigger","SheetContent","className","classNames","side","jsxs","cn","buttonVariants","XIcon","SheetHeader","SheetBody","SheetFooter","SheetTitle","SheetDescription","SheetClose","size","variant"],"mappings":"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","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-JM2VJEQF.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\nimport { tv } from 'tailwind-variants';\n\nimport { buttonVariants } from '@/components/button';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst sheetContentVariants = tv({\n  base: 'bg-background animation-ease-in-out data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed z-50 flex flex-col overflow-auto shadow-lg',\n  variants: {\n    side: {\n      bottom:\n        'data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full inset-x-0 bottom-0 max-h-[80vh] border-t',\n      left: 'data-[state=open]:slide-in-from-left-full data-[state=closed]:slide-out-to-left-full inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n      right:\n        'data-[state=open]:slide-in-from-right-full data-[state=closed]:slide-out-to-right-full inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n      top: 'data-[state=open]:slide-in-from-top-full data-[state=closed]:slide-out-to-top-full inset-x-0 top-0 max-h-[80vh] border-b',\n    },\n  },\n  defaultVariants: {\n    side: 'right',\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\nfunction Sheet({ children, ...props }: ComponentProps<typeof SheetPrimitive.Root>): JSX.Element {\n  return (\n    <SheetPrimitive.Root data-slot=\"sheet\" {...props}>\n      {children}\n    </SheetPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\nfunction SheetTrigger({ ...props }: ComponentProps<typeof SheetPrimitive.Trigger>): JSX.Element {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\nfunction SheetContent({\n  children,\n  className,\n  classNames,\n  side = 'right',\n  ...props\n}: ComponentProps<typeof SheetPrimitive.Content> &\n  VariantProps<typeof sheetContentVariants> & {\n    classNames?: {\n      close?: string;\n      content?: string;\n      overlay?: string;\n    };\n  }): JSX.Element {\n  return (\n    <SheetPrimitive.Portal>\n      <SheetPrimitive.Overlay\n        className={cn(\n          'bg-popover-overlay data-[state=open]:animate-fade-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-fade-out data-[state=closed]:animation-duration-500 fixed inset-0 z-50 backdrop-blur-sm',\n          classNames?.overlay,\n        )}\n        data-slot=\"sheet-overlay\"\n      />\n      <SheetPrimitive.Content\n        className={sheetContentVariants({ className: [classNames?.content, className], side })}\n        data-slot=\"sheet-content\"\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close\n          className={buttonVariants({\n            className: ['absolute right-4 top-4 size-7', classNames?.close],\n            size: 'icon',\n            variant: 'ghost',\n          })}\n          data-slot=\"sheet-close\"\n        >\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPrimitive.Portal>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\nfunction SheetHeader({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <header\n      className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n      data-slot=\"sheet-header\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetBody\n * -------------------------------------------------------------------------- */\n\nfunction SheetBody({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return <main className={cn('px-6 py-2', className)} data-slot=\"sheet-body\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\nfunction SheetFooter({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <footer\n      className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n      data-slot=\"sheet-footer\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\nfunction SheetTitle({ className, ...props }: ComponentProps<typeof SheetPrimitive.Title>): JSX.Element {\n  return (\n    <SheetPrimitive.Title\n      className={cn('text-foreground text-lg font-semibold', className)}\n      data-slot=\"sheet-title\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\nfunction SheetDescription({ className, ...props }: ComponentProps<typeof SheetPrimitive.Description>): JSX.Element {\n  return (\n    <SheetPrimitive.Description\n      className={cn('text-muted-foreground text-sm', className)}\n      data-slot=\"sheet-description\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\nfunction SheetClose({\n  className,\n  size,\n  variant = 'outline',\n  ...props\n}: ComponentProps<typeof SheetPrimitive.Close> & {\n  size?: VariantProps<typeof buttonVariants>['size'];\n  variant?: VariantProps<typeof buttonVariants>['variant'];\n}): JSX.Element {\n  return (\n    <SheetPrimitive.Close className={buttonVariants({ className, size, variant })} data-slot=\"sheet-close\" {...props} />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n};\n"]}

package/dist/chunk-K3WFUR2W.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-K3WFUR2W.cjs","../src/components/command.tsx"],"names":["className","CommandPrimitive","cn","props","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","jsx","DialogTitle","CommandInput","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandLoading","CommandShortcut"],"mappings":"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","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-K3WFUR2W.cjs","sourcesContent":[null,"'use client';\n\nimport type { ComponentProps, JSX } from 'react';\n\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { SearchIcon } from 'lucide-react';\n\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from '@/components/dialog';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Command\n * -------------------------------------------------------------------------- */\n\nfunction Command({ className, ...props }: ComponentProps<typeof CommandPrimitive>): JSX.Element {\n  return (\n    <CommandPrimitive\n      className={cn(\n        'bg-popover text-popover-foreground outline-hidden flex flex-col overflow-hidden rounded-[inherit]',\n        className,\n      )}\n      data-slot=\"command\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandDialog\n * -------------------------------------------------------------------------- */\n\nfunction CommandDialog({ children, ...props }: ComponentProps<typeof Dialog>): JSX.Element {\n  return (\n    <Dialog data-slot=\"command-dialog\" {...props}>\n      <DialogContent className=\"rounded-t-lg sm:rounded-lg\" data-slot=\"command-dialog-content\">\n        <VisuallyHidden>\n          <DialogTitle>Search command</DialogTitle>\n          <DialogDescription>Use the search bar to find and select the desired command.</DialogDescription>\n        </VisuallyHidden>\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandInput\n * -------------------------------------------------------------------------- */\n\nfunction CommandInput({ className, ...props }: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\n  return (\n    <div className=\"flex items-center gap-2 border-b px-3\" cmdk-input-wrapper=\"\" data-slot=\"command-input-wrapper\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        className={cn(\n          'placeholder:text-muted-foreground outline-hidden flex h-10 w-full text-base disabled:opacity-50 md:text-sm',\n          className,\n        )}\n        data-slot=\"command-input\"\n        {...props}\n      />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandList\n * -------------------------------------------------------------------------- */\n\nfunction CommandList({ className, ...props }: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\n  return (\n    <CommandPrimitive.List\n      className={cn('max-h-75 overflow-y-auto overflow-x-hidden', className)}\n      data-slot=\"command-list\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandEmpty\n * -------------------------------------------------------------------------- */\n\nfunction CommandEmpty({ className, ...props }: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\n  return (\n    <CommandPrimitive.Empty\n      className={cn('py-6 text-center text-sm', className)}\n      data-slot=\"command-empty\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandGroup\n * -------------------------------------------------------------------------- */\n\nfunction CommandGroup({ className, ...props }: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\n  return (\n    <CommandPrimitive.Group\n      className={cn(\n        'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      data-slot=\"command-group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandSeparator\n * -------------------------------------------------------------------------- */\n\nfunction CommandSeparator({ className, ...props }: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\n  return (\n    <CommandPrimitive.Separator\n      className={cn('bg-border -mx-1 h-px', className)}\n      data-slot=\"command-separator\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandItem\n * -------------------------------------------------------------------------- */\n\nfunction CommandItem({ className, ...props }: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\n  return (\n    <CommandPrimitive.Item\n      className={cn(\n        \"aria-selected:bg-accent aria-selected:text-accent-foreground outline-hidden group/command-item [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n        className,\n      )}\n      data-slot=\"command-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandLoading\n * -------------------------------------------------------------------------- */\n\nfunction CommandLoading({ className, ...props }: ComponentProps<typeof CommandPrimitive.Loading>): JSX.Element {\n  return (\n    <CommandPrimitive.Loading\n      className={cn('flex justify-center p-2', className)}\n      data-slot=\"command-loading\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandShortcut\n * -------------------------------------------------------------------------- */\n\nfunction CommandShortcut({ className, ...props }: ComponentProps<'span'>): JSX.Element {\n  return (\n    <span\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest group-aria-selected/command-item:text-current',\n        className,\n      )}\n      data-slot=\"command-shortcut\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandLoading,\n  CommandSeparator,\n  CommandShortcut,\n};\n"]}

package/dist/chunk-KFORL4OH.js

@@ -1,2 +0,0 @@
-import{a as r}from"./chunk-ZFCLI44C.js";import{a as i}from"./chunk-OKUFCFYT.js";import*as e from"@radix-ui/react-dialog";import{XIcon as d}from"lucide-react";import{tv as p}from"tailwind-variants";import{jsx as a,jsxs as l}from"react/jsx-runtime";var f=p({base:"bg-background animation-ease-in-out data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed z-50 flex flex-col overflow-auto shadow-lg",variants:{side:{bottom:"data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full inset-x-0 bottom-0 max-h-[80vh] border-t",left:"data-[state=open]:slide-in-from-left-full data-[state=closed]:slide-out-to-left-full inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right-full data-[state=closed]:slide-out-to-right-full inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",top:"data-[state=open]:slide-in-from-top-full data-[state=closed]:slide-out-to-top-full inset-x-0 top-0 max-h-[80vh] border-b"}},defaultVariants:{side:"right"}});function S({children:t,...o}){return a(e.Root,{"data-slot":"sheet",...o,children:t})}function P({...t}){return a(e.Trigger,{"data-slot":"sheet-trigger",...t})}function g({children:t,className:o,classNames:n,side:s="right",...m}){return l(e.Portal,{children:[a(e.Overlay,{className:i("bg-popover-overlay data-[state=open]:animate-fade-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-fade-out data-[state=closed]:animation-duration-500 fixed inset-0 z-50 backdrop-blur-sm",n?.overlay),"data-slot":"sheet-overlay"}),l(e.Content,{className:f({className:[n?.content,o],side:s}),"data-slot":"sheet-content",...m,children:[t,l(e.Close,{className:r({className:["absolute right-4 top-4 size-7",n?.close],size:"icon",variant:"ghost"}),"data-slot":"sheet-close",children:[a(d,{className:"size-4"}),a("span",{className:"sr-only",children:"Close"})]})]})]})}function x({className:t,...o}){return a("header",{className:i("flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),"data-slot":"sheet-header",...o})}function b({className:t,...o}){return a("main",{className:i("px-6 py-2",t),"data-slot":"sheet-body",...o})}function y({className:t,...o}){return a("footer",{className:i("flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),"data-slot":"sheet-footer",...o})}function C({className:t,...o}){return a(e.Title,{className:i("text-foreground text-lg font-semibold",t),"data-slot":"sheet-title",...o})}function N({className:t,...o}){return a(e.Description,{className:i("text-muted-foreground text-sm",t),"data-slot":"sheet-description",...o})}function X({className:t,size:o,variant:n="outline",...s}){return a(e.Close,{className:r({className:t,size:o,variant:n}),"data-slot":"sheet-close",...s})}export{S as a,P as b,g as c,x as d,b as e,y as f,C as g,N as h,X as i};
-//# sourceMappingURL=chunk-KFORL4OH.js.map

package/dist/chunk-KFORL4OH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/sheet.tsx"],"names":["SheetPrimitive","XIcon","tv","jsx","jsxs","sheetContentVariants","Sheet","children","props","SheetTrigger","SheetContent","className","classNames","side","cn","buttonVariants","SheetHeader","SheetBody","SheetFooter","SheetTitle","SheetDescription","SheetClose","size","variant"],"mappings":"gFAGA,UAAYA,MAAoB,yBAChC,OAAS,SAAAC,MAAa,eACtB,OAAS,MAAAC,MAAU,oBAgCf,cAAAC,EA+CI,QAAAC,MA/CJ,oBAvBJ,IAAMC,EAAuBH,EAAG,CAC9B,KAAM,wOACN,SAAU,CACR,KAAM,CACJ,OACE,oIACF,KAAM,0IACN,MACE,6IACF,IAAK,0HACP,CACF,EACA,gBAAiB,CACf,KAAM,OACR,CACF,CAAC,EAMD,SAASI,EAAM,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAA4D,CAC9F,OACEL,EAAgB,OAAf,CAAoB,YAAU,QAAS,GAAGK,EACxC,SAAAD,EACH,CAEJ,CAMA,SAASE,EAAa,CAAE,GAAGD,CAAM,EAA+D,CAC9F,OAAOL,EAAgB,UAAf,CAAuB,YAAU,gBAAiB,GAAGK,EAAO,CACtE,CAMA,SAASE,EAAa,CACpB,SAAAH,EACA,UAAAI,EACA,WAAAC,EACA,KAAAC,EAAO,QACP,GAAGL,CACL,EAOkB,CAChB,OACEJ,EAAgB,SAAf,CACC,UAAAD,EAAgB,UAAf,CACC,UAAWW,EACT,oNACAF,GAAY,OACd,EACA,YAAU,gBACZ,EACAR,EAAgB,UAAf,CACC,UAAWC,EAAqB,CAAE,UAAW,CAACO,GAAY,QAASD,CAAS,EAAG,KAAAE,CAAK,CAAC,EACrF,YAAU,gBACT,GAAGL,EAEH,UAAAD,EACDH,EAAgB,QAAf,CACC,UAAWW,EAAe,CACxB,UAAW,CAAC,gCAAiCH,GAAY,KAAK,EAC9D,KAAM,OACN,QAAS,OACX,CAAC,EACD,YAAU,cAEV,UAAAT,EAACF,EAAA,CAAM,UAAU,SAAS,EAC1BE,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,CAMA,SAASa,EAAY,CAAE,UAAAL,EAAW,GAAGH,CAAM,EAAuC,CAChF,OACEL,EAAC,UACC,UAAWW,EAAG,yEAA0EH,CAAS,EACjG,YAAU,eACT,GAAGH,EACN,CAEJ,CAMA,SAASS,EAAU,CAAE,UAAAN,EAAW,GAAGH,CAAM,EAAuC,CAC9E,OAAOL,EAAC,QAAK,UAAWW,EAAG,YAAaH,CAAS,EAAG,YAAU,aAAc,GAAGH,EAAO,CACxF,CAMA,SAASU,EAAY,CAAE,UAAAP,EAAW,GAAGH,CAAM,EAAuC,CAChF,OACEL,EAAC,UACC,UAAWW,EAAG,iFAAkFH,CAAS,EACzG,YAAU,eACT,GAAGH,EACN,CAEJ,CAMA,SAASW,EAAW,CAAE,UAAAR,EAAW,GAAGH,CAAM,EAA6D,CACrG,OACEL,EAAgB,QAAf,CACC,UAAWW,EAAG,wCAAyCH,CAAS,EAChE,YAAU,cACT,GAAGH,EACN,CAEJ,CAMA,SAASY,EAAiB,CAAE,UAAAT,EAAW,GAAGH,CAAM,EAAmE,CACjH,OACEL,EAAgB,cAAf,CACC,UAAWW,EAAG,gCAAiCH,CAAS,EACxD,YAAU,oBACT,GAAGH,EACN,CAEJ,CAMA,SAASa,EAAW,CAClB,UAAAV,EACA,KAAAW,EACA,QAAAC,EAAU,UACV,GAAGf,CACL,EAGgB,CACd,OACEL,EAAgB,QAAf,CAAqB,UAAWY,EAAe,CAAE,UAAAJ,EAAW,KAAAW,EAAM,QAAAC,CAAQ,CAAC,EAAG,YAAU,cAAe,GAAGf,EAAO,CAEtH","sourcesContent":["import type { ComponentProps, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\nimport { tv } from 'tailwind-variants';\n\nimport { buttonVariants } from '@/components/button';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst sheetContentVariants = tv({\n  base: 'bg-background animation-ease-in-out data-[state=open]:animate-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-out data-[state=closed]:animation-duration-500 fixed z-50 flex flex-col overflow-auto shadow-lg',\n  variants: {\n    side: {\n      bottom:\n        'data-[state=open]:slide-in-from-bottom-full data-[state=closed]:slide-out-to-bottom-full inset-x-0 bottom-0 max-h-[80vh] border-t',\n      left: 'data-[state=open]:slide-in-from-left-full data-[state=closed]:slide-out-to-left-full inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n      right:\n        'data-[state=open]:slide-in-from-right-full data-[state=closed]:slide-out-to-right-full inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n      top: 'data-[state=open]:slide-in-from-top-full data-[state=closed]:slide-out-to-top-full inset-x-0 top-0 max-h-[80vh] border-b',\n    },\n  },\n  defaultVariants: {\n    side: 'right',\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\nfunction Sheet({ children, ...props }: ComponentProps<typeof SheetPrimitive.Root>): JSX.Element {\n  return (\n    <SheetPrimitive.Root data-slot=\"sheet\" {...props}>\n      {children}\n    </SheetPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\nfunction SheetTrigger({ ...props }: ComponentProps<typeof SheetPrimitive.Trigger>): JSX.Element {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\nfunction SheetContent({\n  children,\n  className,\n  classNames,\n  side = 'right',\n  ...props\n}: ComponentProps<typeof SheetPrimitive.Content> &\n  VariantProps<typeof sheetContentVariants> & {\n    classNames?: {\n      close?: string;\n      content?: string;\n      overlay?: string;\n    };\n  }): JSX.Element {\n  return (\n    <SheetPrimitive.Portal>\n      <SheetPrimitive.Overlay\n        className={cn(\n          'bg-popover-overlay data-[state=open]:animate-fade-in data-[state=open]:animation-duration-500 data-[state=closed]:animate-fade-out data-[state=closed]:animation-duration-500 fixed inset-0 z-50 backdrop-blur-sm',\n          classNames?.overlay,\n        )}\n        data-slot=\"sheet-overlay\"\n      />\n      <SheetPrimitive.Content\n        className={sheetContentVariants({ className: [classNames?.content, className], side })}\n        data-slot=\"sheet-content\"\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close\n          className={buttonVariants({\n            className: ['absolute right-4 top-4 size-7', classNames?.close],\n            size: 'icon',\n            variant: 'ghost',\n          })}\n          data-slot=\"sheet-close\"\n        >\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPrimitive.Portal>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\nfunction SheetHeader({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <header\n      className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n      data-slot=\"sheet-header\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetBody\n * -------------------------------------------------------------------------- */\n\nfunction SheetBody({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return <main className={cn('px-6 py-2', className)} data-slot=\"sheet-body\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\nfunction SheetFooter({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <footer\n      className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n      data-slot=\"sheet-footer\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\nfunction SheetTitle({ className, ...props }: ComponentProps<typeof SheetPrimitive.Title>): JSX.Element {\n  return (\n    <SheetPrimitive.Title\n      className={cn('text-foreground text-lg font-semibold', className)}\n      data-slot=\"sheet-title\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\nfunction SheetDescription({ className, ...props }: ComponentProps<typeof SheetPrimitive.Description>): JSX.Element {\n  return (\n    <SheetPrimitive.Description\n      className={cn('text-muted-foreground text-sm', className)}\n      data-slot=\"sheet-description\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\nfunction SheetClose({\n  className,\n  size,\n  variant = 'outline',\n  ...props\n}: ComponentProps<typeof SheetPrimitive.Close> & {\n  size?: VariantProps<typeof buttonVariants>['size'];\n  variant?: VariantProps<typeof buttonVariants>['variant'];\n}): JSX.Element {\n  return (\n    <SheetPrimitive.Close className={buttonVariants({ className, size, variant })} data-slot=\"sheet-close\" {...props} />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n};\n"]}

package/dist/chunk-MRIHA5JJ.js

@@ -1,2 +0,0 @@
-import{a as l}from"./chunk-ZFCLI44C.js";import{a as i}from"./chunk-OKUFCFYT.js";import*as o from"@radix-ui/react-dialog";import{XIcon as m}from"lucide-react";import{jsx as a,jsxs as s}from"react/jsx-runtime";function f({...t}){return a(o.Root,{"data-slot":"dialog",...t})}function c({...t}){return a(o.Trigger,{"data-slot":"dialog-trigger",...t})}function u({children:t,className:e,classNames:r,...n}){return s(o.Portal,{children:[a(o.Overlay,{className:i("bg-popover-overlay data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 backdrop-blur-sm",r?.overlay),"data-slot":"dialog-overlay"}),a(o.Content,{className:i("data-[state=open]:animate-in max-sm:data-[state=open]:animation-duration-500 max-sm:data-[state=open]:slide-in-from-bottom-full sm:data-[state=open]:fade-in-0 sm:data-[state=open]:zoom-in-95 data-[state=closed]:animate-out max-sm:data-[state=closed]:animation-duration-500 max-sm:data-[state=closed]:slide-out-to-bottom-full sm:data-[state=closed]:fade-out-0 sm:data-[state=closed]:zoom-out-95 fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto sm:grid-rows-[1fr_auto_3fr] sm:p-4",r?.wrapper),"data-slot":"dialog-content-wrapper",...n,children:s("div",{className:i("bg-popover text-popover-foreground relative row-start-2 flex w-full flex-col rounded-t-2xl border shadow-lg sm:max-w-lg sm:rounded-2xl",r?.content,e),"data-slot":"dialog-content",children:[t,s(o.Close,{className:l({className:["absolute right-2.5 top-2.5 size-7",r?.close],size:"icon",variant:"ghost"}),"data-slot":"dialog-close",children:[a(m,{className:"size-4"}),a("span",{className:"sr-only",children:"Close"})]})]})})]})}function v({className:t,...e}){return a("header",{className:i("flex shrink-0 flex-col gap-1.5 px-6 pb-2 pt-6 text-center sm:text-left",t),"data-slot":"dialog-header",...e})}function P({className:t,...e}){return a("main",{className:i("overflow-auto px-6 py-2",t),"data-slot":"dialog-body",...e})}function D({className:t,...e}){return a("footer",{className:i("flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-2 sm:flex-row sm:justify-end",t),"data-slot":"dialog-footer",...e})}function x({className:t,...e}){return a(o.Title,{className:i("text-lg font-semibold leading-none tracking-tight",t),"data-slot":"dialog-title",...e})}function y({className:t,...e}){return a(o.Description,{className:i("text-muted-foreground text-sm",t),"data-slot":"dialog-description",...e})}function C({className:t,size:e,variant:r="outline",...n}){return a(o.Close,{className:l({className:t,size:e,variant:r}),"data-slot":"dialog-close",...n})}export{f as a,c as b,u as c,v as d,P as e,D as f,x as g,y as h,C as i};
-//# sourceMappingURL=chunk-MRIHA5JJ.js.map

package/dist/chunk-MRIHA5JJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/dialog.tsx"],"names":["DialogPrimitive","XIcon","jsx","jsxs","Dialog","props","DialogTrigger","DialogContent","children","className","classNames","cn","buttonVariants","DialogHeader","DialogBody","DialogFooter","DialogTitle","DialogDescription","DialogClose","size","variant"],"mappings":"gFAGA,UAAYA,MAAqB,yBACjC,OAAS,SAAAC,MAAa,eAUb,cAAAC,EAsDC,QAAAC,MAtDD,oBADT,SAASC,EAAO,CAAE,GAAGC,CAAM,EAA6D,CACtF,OAAOH,EAAiB,OAAhB,CAAqB,YAAU,SAAU,GAAGG,EAAO,CAC7D,CAMA,SAASC,EAAc,CAAE,GAAGD,CAAM,EAAgE,CAChG,OAAOH,EAAiB,UAAhB,CAAwB,YAAU,iBAAkB,GAAGG,EAAO,CACxE,CAMA,SAASE,EAAc,CACrB,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGL,CACL,EAOgB,CACd,OACEF,EAAiB,SAAhB,CACC,UAAAD,EAAiB,UAAhB,CACC,UAAWS,EACT,gIACAD,GAAY,OACd,EACA,YAAU,iBACZ,EACAR,EAAiB,UAAhB,CACC,UAAWS,EACT,+fACAD,GAAY,OACd,EACA,YAAU,yBACT,GAAGL,EAEJ,SAAAF,EAAC,OACC,UAAWQ,EACT,yIACAD,GAAY,QACZD,CACF,EACA,YAAU,iBAET,UAAAD,EACDL,EAAiB,QAAhB,CACC,UAAWS,EAAe,CACxB,UAAW,CAAC,oCAAqCF,GAAY,KAAK,EAClE,KAAM,OACN,QAAS,OACX,CAAC,EACD,YAAU,eAEV,UAAAR,EAACD,EAAA,CAAM,UAAU,SAAS,EAC1BC,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,EACF,GACF,CAEJ,CAMA,SAASW,EAAa,CAAE,UAAAJ,EAAW,GAAGJ,CAAM,EAAuC,CACjF,OACEH,EAAC,UACC,UAAWS,EAAG,yEAA0EF,CAAS,EACjG,YAAU,gBACT,GAAGJ,EACN,CAEJ,CAMA,SAASS,EAAW,CAAE,UAAAL,EAAW,GAAGJ,CAAM,EAAuC,CAC/E,OAAOH,EAAC,QAAK,UAAWS,EAAG,0BAA2BF,CAAS,EAAG,YAAU,cAAe,GAAGJ,EAAO,CACvG,CAMA,SAASU,EAAa,CAAE,UAAAN,EAAW,GAAGJ,CAAM,EAAuC,CACjF,OACEH,EAAC,UACC,UAAWS,EAAG,iFAAkFF,CAAS,EACzG,YAAU,gBACT,GAAGJ,EACN,CAEJ,CAMA,SAASW,EAAY,CAAE,UAAAP,EAAW,GAAGJ,CAAM,EAA8D,CACvG,OACEH,EAAiB,QAAhB,CACC,UAAWS,EAAG,oDAAqDF,CAAS,EAC5E,YAAU,eACT,GAAGJ,EACN,CAEJ,CAMA,SAASY,EAAkB,CAAE,UAAAR,EAAW,GAAGJ,CAAM,EAAoE,CACnH,OACEH,EAAiB,cAAhB,CACC,UAAWS,EAAG,gCAAiCF,CAAS,EACxD,YAAU,qBACT,GAAGJ,EACN,CAEJ,CAMA,SAASa,EAAY,CACnB,UAAAT,EACA,KAAAU,EACA,QAAAC,EAAU,UACV,GAAGf,CACL,EAGgB,CACd,OACEH,EAAiB,QAAhB,CACC,UAAWU,EAAe,CAAE,UAAAH,EAAW,KAAAU,EAAM,QAAAC,CAAQ,CAAC,EACtD,YAAU,eACT,GAAGf,EACN,CAEJ","sourcesContent":["import type { ComponentProps, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { buttonVariants } from '@/components/button';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Dialog\n * -------------------------------------------------------------------------- */\n\nfunction Dialog({ ...props }: ComponentProps<typeof DialogPrimitive.Root>): JSX.Element {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTrigger\n * -------------------------------------------------------------------------- */\n\nfunction DialogTrigger({ ...props }: ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogContent\n * -------------------------------------------------------------------------- */\n\nfunction DialogContent({\n  children,\n  className,\n  classNames,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Content> & {\n  classNames?: {\n    close?: string;\n    content?: string;\n    overlay?: string;\n    wrapper?: string;\n  };\n}): JSX.Element {\n  return (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay\n        className={cn(\n          'bg-popover-overlay data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 backdrop-blur-sm',\n          classNames?.overlay,\n        )}\n        data-slot=\"dialog-overlay\"\n      />\n      <DialogPrimitive.Content\n        className={cn(\n          'data-[state=open]:animate-in max-sm:data-[state=open]:animation-duration-500 max-sm:data-[state=open]:slide-in-from-bottom-full sm:data-[state=open]:fade-in-0 sm:data-[state=open]:zoom-in-95 data-[state=closed]:animate-out max-sm:data-[state=closed]:animation-duration-500 max-sm:data-[state=closed]:slide-out-to-bottom-full sm:data-[state=closed]:fade-out-0 sm:data-[state=closed]:zoom-out-95 fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto sm:grid-rows-[1fr_auto_3fr] sm:p-4',\n          classNames?.wrapper,\n        )}\n        data-slot=\"dialog-content-wrapper\"\n        {...props}\n      >\n        <div\n          className={cn(\n            'bg-popover text-popover-foreground relative row-start-2 flex w-full flex-col rounded-t-2xl border shadow-lg sm:max-w-lg sm:rounded-2xl',\n            classNames?.content,\n            className,\n          )}\n          data-slot=\"dialog-content\"\n        >\n          {children}\n          <DialogPrimitive.Close\n            className={buttonVariants({\n              className: ['absolute right-2.5 top-2.5 size-7', classNames?.close],\n              size: 'icon',\n              variant: 'ghost',\n            })}\n            data-slot=\"dialog-close\"\n          >\n            <XIcon className=\"size-4\" />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        </div>\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogHeader\n * -------------------------------------------------------------------------- */\n\nfunction DialogHeader({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <header\n      className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-2 pt-6 text-center sm:text-left', className)}\n      data-slot=\"dialog-header\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogBody\n * -------------------------------------------------------------------------- */\n\nfunction DialogBody({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return <main className={cn('overflow-auto px-6 py-2', className)} data-slot=\"dialog-body\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogFooter\n * -------------------------------------------------------------------------- */\n\nfunction DialogFooter({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <footer\n      className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-2 sm:flex-row sm:justify-end', className)}\n      data-slot=\"dialog-footer\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTitle\n * -------------------------------------------------------------------------- */\n\nfunction DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>): JSX.Element {\n  return (\n    <DialogPrimitive.Title\n      className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n      data-slot=\"dialog-title\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogDescription\n * -------------------------------------------------------------------------- */\n\nfunction DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>): JSX.Element {\n  return (\n    <DialogPrimitive.Description\n      className={cn('text-muted-foreground text-sm', className)}\n      data-slot=\"dialog-description\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogClose\n * -------------------------------------------------------------------------- */\n\nfunction DialogClose({\n  className,\n  size,\n  variant = 'outline',\n  ...props\n}: Omit<ComponentProps<typeof DialogPrimitive.Close>, 'ref'> & {\n  size?: VariantProps<typeof buttonVariants>['size'];\n  variant?: VariantProps<typeof buttonVariants>['variant'];\n}): JSX.Element {\n  return (\n    <DialogPrimitive.Close\n      className={buttonVariants({ className, size, variant })}\n      data-slot=\"dialog-close\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n};\n"]}

package/dist/chunk-NUJF2BA2.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkTNP6NVCRcjs = require('./chunk-TNP6NVCR.cjs');var _chunkSMJEDCFPcjs = require('./chunk-SMJEDCFP.cjs');var _vaul = require('vaul');var _jsxruntime = require('react/jsx-runtime');function u({shouldScaleBackground:t=!0,...r}){return _jsxruntime.jsx.call(void 0, _vaul.Drawer.Root,{"data-slot":"drawer",shouldScaleBackground:t,...r})}function w({...t}){return _jsxruntime.jsx.call(void 0, _vaul.Drawer.Trigger,{"data-slot":"drawer-trigger",...t})}function c({children:t,className:r,classNames:i,...n}){return _jsxruntime.jsxs.call(void 0, _vaul.Drawer.Portal,{children:[_jsxruntime.jsx.call(void 0, _vaul.Drawer.Overlay,{className:_chunkSMJEDCFPcjs.a.call(void 0, "bg-popover-overlay fixed inset-0 z-50 backdrop-blur-sm",_optionalChain([i, 'optionalAccess', _ => _.overlay])),"data-slot":"drawer-overlay"}),_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Content,{className:_chunkSMJEDCFPcjs.a.call(void 0, "group/drawer-content bg-background fixed z-50 flex h-auto flex-col data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm",_optionalChain([i, 'optionalAccess', _2 => _2.content]),r),"data-slot":"drawer-content",...n,children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "bg-muted mx-auto mt-4 hidden h-1.5 w-12 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block",_optionalChain([i, 'optionalAccess', _3 => _3.handle]))}),t]})]})}function v({className:t,...r}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "flex flex-col gap-1.5 p-4",t),"data-slot":"drawer-header",...r})}function f({className:t,...r}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunkSMJEDCFPcjs.a.call(void 0, "overflow-auto px-4 py-2",t),"data-slot":"drawer-body",...r})}function g({className:t,...r}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkSMJEDCFPcjs.a.call(void 0, "mt-auto flex flex-col gap-2 p-4",t),"data-slot":"drawer-footer",...r})}function P({className:t,...r}){return _jsxruntime.jsx.call(void 0, _vaul.Drawer.Title,{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-foreground font-semibold",t),"data-slot":"drawer-title",...r})}function D({className:t,...r}){return _jsxruntime.jsx.call(void 0, _vaul.Drawer.Description,{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-muted-foreground text-sm",t),"data-slot":"drawer-description",...r})}function b({className:t,size:r,variant:i="outline",...n}){return _jsxruntime.jsx.call(void 0, _vaul.Drawer.Close,{className:_chunkTNP6NVCRcjs.a.call(void 0, {className:t,size:r,variant:i}),"data-slot":"drawer-close",...n})}exports.a = u; exports.b = w; exports.c = c; exports.d = v; exports.e = f; exports.f = g; exports.g = P; exports.h = D; exports.i = b;
-//# sourceMappingURL=chunk-NUJF2BA2.cjs.map

package/dist/chunk-NUJF2BA2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-NUJF2BA2.cjs","../src/components/drawer.tsx"],"names":["DrawerPrimitive","DrawerTrigger","DrawerContent","children","className","classNames","jsx","cn","DrawerHeader","DrawerBody","DrawerFooter","DrawerTitle","DrawerDescription","DrawerClose","props","buttonVariants"],"mappings":"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","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-NUJF2BA2.cjs","sourcesContent":[null,"'use client';\n\nimport type { ComponentProps, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nimport { buttonVariants } from '@/components/button';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Drawer\n * -------------------------------------------------------------------------- */\n\nfunction Drawer({ shouldScaleBackground = true, ...props }: ComponentProps<typeof DrawerPrimitive.Root>): JSX.Element {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" shouldScaleBackground={shouldScaleBackground} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTrigger\n * -------------------------------------------------------------------------- */\n\nfunction DrawerTrigger({ ...props }: ComponentProps<typeof DrawerPrimitive.Trigger>): JSX.Element {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerContent\n * -------------------------------------------------------------------------- */\n\nfunction DrawerContent({\n  children,\n  className,\n  classNames,\n  ...props\n}: ComponentProps<typeof DrawerPrimitive.Content> & {\n  classNames?: {\n    content?: string;\n    handle?: string;\n    overlay?: string;\n  };\n}): JSX.Element {\n  return (\n    <DrawerPrimitive.Portal>\n      <DrawerPrimitive.Overlay\n        className={cn('bg-popover-overlay fixed inset-0 z-50 backdrop-blur-sm', classNames?.overlay)}\n        data-slot=\"drawer-overlay\"\n      />\n      <DrawerPrimitive.Content\n        className={cn(\n          'group/drawer-content bg-background fixed z-50 flex h-auto flex-col data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm',\n          classNames?.content,\n          className,\n        )}\n        data-slot=\"drawer-content\"\n        {...props}\n      >\n        <div\n          className={cn(\n            'bg-muted mx-auto mt-4 hidden h-1.5 w-12 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block',\n            classNames?.handle,\n          )}\n        />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPrimitive.Portal>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerHeader\n * -------------------------------------------------------------------------- */\n\nfunction DrawerHeader({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return <div className={cn('flex flex-col gap-1.5 p-4', className)} data-slot=\"drawer-header\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerBody\n * -------------------------------------------------------------------------- */\n\nfunction DrawerBody({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return <main className={cn('overflow-auto px-4 py-2', className)} data-slot=\"drawer-body\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerFooter\n * -------------------------------------------------------------------------- */\n\nfunction DrawerFooter({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return <div className={cn('mt-auto flex flex-col gap-2 p-4', className)} data-slot=\"drawer-footer\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTitle\n * -------------------------------------------------------------------------- */\n\nfunction DrawerTitle({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Title>): JSX.Element {\n  return (\n    <DrawerPrimitive.Title\n      className={cn('text-foreground font-semibold', className)}\n      data-slot=\"drawer-title\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerDescription\n * -------------------------------------------------------------------------- */\n\nfunction DrawerDescription({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Description>): JSX.Element {\n  return (\n    <DrawerPrimitive.Description\n      className={cn('text-muted-foreground text-sm', className)}\n      data-slot=\"drawer-description\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerClose\n * -------------------------------------------------------------------------- */\n\nfunction DrawerClose({\n  className,\n  size,\n  variant = 'outline',\n  ...props\n}: ComponentProps<typeof DrawerPrimitive.Close> & {\n  size?: VariantProps<typeof buttonVariants>['size'];\n  variant?: VariantProps<typeof buttonVariants>['variant'];\n}): JSX.Element {\n  return (\n    <DrawerPrimitive.Close\n      className={buttonVariants({ className, size, variant })}\n      data-slot=\"drawer-close\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n};\n"]}

package/dist/chunk-PJWKQZHJ.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkSMJEDCFPcjs = require('./chunk-SMJEDCFP.cjs');var _jsxruntime = require('react/jsx-runtime');function n({className:t,...e}){return _jsxruntime.jsx.call(void 0, "div",{className:"relative w-full overflow-auto","data-slot":"table-cotainer",children:_jsxruntime.jsx.call(void 0, "table",{className:_chunkSMJEDCFPcjs.a.call(void 0, "w-full caption-bottom text-sm",t),"data-slot":"table",...e})})}function l({className:t,...e}){return _jsxruntime.jsx.call(void 0, "thead",{className:_chunkSMJEDCFPcjs.a.call(void 0, "[&>tr]:has-aria-expanded:bg-transparent [&>tr]:border-b [&>tr]:hover:bg-transparent",t),"data-slot":"table-header",...e})}function d({className:t,...e}){return _jsxruntime.jsx.call(void 0, "tbody",{className:_chunkSMJEDCFPcjs.a.call(void 0, "[&>tr:last-child]:border-0",t),"data-slot":"table-body",...e})}function s({className:t,...e}){return _jsxruntime.jsx.call(void 0, "tfoot",{className:_chunkSMJEDCFPcjs.a.call(void 0, "[&>tr]:has-aria-expanded:bg-transparent [&>tr]:border-b-0 [&>tr]:border-t [&>tr]:hover:bg-transparent",t),"data-slot":"table-footer",...e})}function m({className:t,...e}){return _jsxruntime.jsx.call(void 0, "tr",{className:_chunkSMJEDCFPcjs.a.call(void 0, "hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",t),"data-slot":"table-row",...e})}function b({className:t,...e}){return _jsxruntime.jsx.call(void 0, "th",{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-muted-foreground p-2 text-left align-middle font-medium",t),"data-slot":"table-head",...e})}function p({className:t,...e}){return _jsxruntime.jsx.call(void 0, "td",{className:_chunkSMJEDCFPcjs.a.call(void 0, "p-2 align-middle",t),"data-slot":"table-cell",...e})}function i({className:t,...e}){return _jsxruntime.jsx.call(void 0, "caption",{className:_chunkSMJEDCFPcjs.a.call(void 0, "text-muted-foreground mt-4 text-sm",t),"data-slot":"table-caption",...e})}exports.a = n; exports.b = l; exports.c = d; exports.d = s; exports.e = m; exports.f = b; exports.g = p; exports.h = i;
-//# sourceMappingURL=chunk-PJWKQZHJ.cjs.map

package/dist/chunk-PJWKQZHJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-PJWKQZHJ.cjs","../src/components/table.tsx"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"AAAA,iIAAmC,+CCW7B,SAHGA,CAAAA,CAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAyC,CAC5E,OACEC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,+BAAA,CAAgC,WAAA,CAAU,gBAAA,CACvD,QAAA,CAAAA,6BAAAA,OAAC,CAAA,CAAM,SAAA,CAAWC,iCAAAA,+BAAG,CAAiCH,CAAS,CAAA,CAAG,WAAA,CAAU,OAAA,CAAS,GAAGC,CAAAA,CAAO,CAAA,CACjG,CAEJ,CAMA,SAASG,CAAAA,CAAY,CAAE,SAAA,CAAAJ,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAyC,CAClF,OACEC,6BAAAA,OAAC,CAAA,CACC,SAAA,CAAWC,iCAAAA,qFAAG,CAAuFH,CAAS,CAAA,CAC9G,WAAA,CAAU,cAAA,CACT,GAAGC,CAAAA,CACN,CAEJ,CAMA,SAASI,CAAAA,CAAU,CAAE,SAAA,CAAAL,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAyC,CAChF,OAAOC,6BAAAA,OAAC,CAAA,CAAM,SAAA,CAAWC,iCAAAA,4BAAG,CAA8BH,CAAS,CAAA,CAAG,WAAA,CAAU,YAAA,CAAc,GAAGC,CAAAA,CAAO,CAC1G,CAMA,SAASK,CAAAA,CAAY,CAAE,SAAA,CAAAN,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAyC,CAClF,OACEC,6BAAAA,OAAC,CAAA,CACC,SAAA,CAAWC,iCAAAA,uGACT,CACAH,CACF,CAAA,CACA,WAAA,CAAU,cAAA,CACT,GAAGC,CAAAA,CACN,CAEJ,CAMA,SAASM,CAAAA,CAAS,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAsC,CAC5E,OACEC,6BAAAA,IAAC,CAAA,CACC,SAAA,CAAWC,iCAAAA,2GACT,CACAH,CACF,CAAA,CACA,WAAA,CAAU,WAAA,CACT,GAAGC,CAAAA,CACN,CAEJ,CAMA,SAASO,CAAAA,CAAU,CAAE,SAAA,CAAAR,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAsC,CAC7E,OACEC,6BAAAA,IAAC,CAAA,CACC,SAAA,CAAWC,iCAAAA,8DAAG,CAAgEH,CAAS,CAAA,CACvF,WAAA,CAAU,YAAA,CACT,GAAGC,CAAAA,CACN,CAEJ,CAMA,SAASQ,CAAAA,CAAU,CAAE,SAAA,CAAAT,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAsC,CAC7E,OAAOC,6BAAAA,IAAC,CAAA,CAAG,SAAA,CAAWC,iCAAAA,kBAAG,CAAoBH,CAAS,CAAA,CAAG,WAAA,CAAU,YAAA,CAAc,GAAGC,CAAAA,CAAO,CAC7F,CAMA,SAASS,CAAAA,CAAa,CAAE,SAAA,CAAAV,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAA2C,CACrF,OACEC,6BAAAA,SAAC,CAAA,CAAQ,SAAA,CAAWC,iCAAAA,oCAAG,CAAsCH,CAAS,CAAA,CAAG,WAAA,CAAU,eAAA,CAAiB,GAAGC,CAAAA,CAAO,CAElH,CAAA,uHAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-PJWKQZHJ.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Table\n * -------------------------------------------------------------------------- */\n\nfunction Table({ className, ...props }: ComponentProps<'table'>): JSX.Element {\n  return (\n    <div className=\"relative w-full overflow-auto\" data-slot=\"table-cotainer\">\n      <table className={cn('w-full caption-bottom text-sm', className)} data-slot=\"table\" {...props} />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TableHeader\n * -------------------------------------------------------------------------- */\n\nfunction TableHeader({ className, ...props }: ComponentProps<'thead'>): JSX.Element {\n  return (\n    <thead\n      className={cn('[&>tr]:has-aria-expanded:bg-transparent [&>tr]:border-b [&>tr]:hover:bg-transparent', className)}\n      data-slot=\"table-header\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TableBody\n * -------------------------------------------------------------------------- */\n\nfunction TableBody({ className, ...props }: ComponentProps<'tbody'>): JSX.Element {\n  return <tbody className={cn('[&>tr:last-child]:border-0', className)} data-slot=\"table-body\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TableFooter\n * -------------------------------------------------------------------------- */\n\nfunction TableFooter({ className, ...props }: ComponentProps<'tfoot'>): JSX.Element {\n  return (\n    <tfoot\n      className={cn(\n        '[&>tr]:has-aria-expanded:bg-transparent [&>tr]:border-b-0 [&>tr]:border-t [&>tr]:hover:bg-transparent',\n        className,\n      )}\n      data-slot=\"table-footer\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TableRow\n * -------------------------------------------------------------------------- */\n\nfunction TableRow({ className, ...props }: ComponentProps<'tr'>): JSX.Element {\n  return (\n    <tr\n      className={cn(\n        'hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n        className,\n      )}\n      data-slot=\"table-row\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TableHead\n * -------------------------------------------------------------------------- */\n\nfunction TableHead({ className, ...props }: ComponentProps<'th'>): JSX.Element {\n  return (\n    <th\n      className={cn('text-muted-foreground p-2 text-left align-middle font-medium', className)}\n      data-slot=\"table-head\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TableCell\n * -------------------------------------------------------------------------- */\n\nfunction TableCell({ className, ...props }: ComponentProps<'td'>): JSX.Element {\n  return <td className={cn('p-2 align-middle', className)} data-slot=\"table-cell\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TableCaption\n * -------------------------------------------------------------------------- */\n\nfunction TableCaption({ className, ...props }: ComponentProps<'caption'>): JSX.Element {\n  return (\n    <caption className={cn('text-muted-foreground mt-4 text-sm', className)} data-slot=\"table-caption\" {...props} />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };\n"]}

package/dist/chunk-UCRTI76K.js

@@ -1,2 +0,0 @@
-import{a as n}from"./chunk-ZFCLI44C.js";import{a as i}from"./chunk-OKUFCFYT.js";import*as e from"@radix-ui/react-alert-dialog";import{jsx as a,jsxs as s}from"react/jsx-runtime";function d({...t}){return a(e.Root,{"data-slot":"alert-dialog",...t})}function g({...t}){return a(e.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function f({children:t,className:o,classNames:r,...l}){return s(e.Portal,{children:[a(e.Overlay,{className:i("bg-popover-overlay data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 backdrop-blur-sm",r?.overlay),"data-slot":"alert-dialog-overlay"}),a(e.Content,{className:i("data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 sm:grid-rows-[1fr_auto_3fr] sm:p-4",r?.wrapper),"data-slot":"alert-dialog-content-wrapper",...l,children:a("div",{className:i("bg-popover text-popover-foreground relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border shadow-lg",r?.content,o),"data-slot":"alert-dialog-content",children:t})})]})}function c({className:t,...o}){return a("div",{className:i("flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),"data-slot":"alert-dialog-header",...o})}function v({className:t,...o}){return a("main",{className:i("overflow-auto px-6 py-2",t),"data-slot":"alert-dialog-body",...o})}function u({className:t,...o}){return a("div",{className:i("flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),"data-slot":"alert-dialog-footer",...o})}function P({className:t,...o}){return a(e.Title,{className:i("text-lg font-semibold leading-none tracking-tight",t),"data-slot":"alert-dialog-title",...o})}function A({className:t,...o}){return a(e.Description,{className:i("text-muted-foreground text-sm",t),"data-slot":"alert-dialog-description",...o})}function D({className:t,size:o,variant:r,...l}){return a(e.Action,{className:n({className:t,size:o,variant:r}),"data-slot":"alert-dialog-action",...l})}function y({className:t,size:o,variant:r="outline",...l}){return a(e.Cancel,{className:n({className:t,size:o,variant:r}),"data-slot":"alert-dialog-cancel",...l})}export{d as a,g as b,f as c,c as d,v as e,u as f,P as g,A as h,D as i,y as j};
-//# sourceMappingURL=chunk-UCRTI76K.js.map

package/dist/chunk-UCRTI76K.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/alert-dialog.tsx"],"names":["AlertDialogPrimitive","jsx","jsxs","AlertDialog","props","AlertDialogTrigger","AlertDialogContent","children","className","classNames","cn","AlertDialogHeader","AlertDialogBody","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","size","variant","buttonVariants","AlertDialogCancel"],"mappings":"gFAGA,UAAYA,MAA0B,+BAU7B,cAAAC,EA4BL,QAAAC,MA5BK,oBADT,SAASC,EAAY,CAAE,GAAGC,CAAM,EAAkE,CAChG,OAAOH,EAAsB,OAArB,CAA0B,YAAU,eAAgB,GAAGG,EAAO,CACxE,CAMA,SAASC,EAAmB,CAAE,GAAGD,CAAM,EAAqE,CAC1G,OAAOH,EAAsB,UAArB,CAA6B,YAAU,uBAAwB,GAAGG,EAAO,CACnF,CAMA,SAASE,EAAmB,CAC1B,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGL,CACL,EAMgB,CACd,OACEF,EAAsB,SAArB,CACC,UAAAD,EAAsB,UAArB,CACC,UAAWS,EACT,gIACAD,GAAY,OACd,EACA,YAAU,uBACZ,EACAR,EAAsB,UAArB,CACC,UAAWS,EACT,kTACAD,GAAY,OACd,EACA,YAAU,+BACT,GAAGL,EAEJ,SAAAH,EAAC,OACC,UAAWS,EACT,qHACAD,GAAY,QACZD,CACF,EACA,YAAU,uBAET,SAAAD,EACH,EACF,GACF,CAEJ,CAMA,SAASI,EAAkB,CAAE,UAAAH,EAAW,GAAGJ,CAAM,EAAuC,CACtF,OACEH,EAAC,OACC,UAAWS,EAAG,yEAA0EF,CAAS,EACjG,YAAU,sBACT,GAAGJ,EACN,CAEJ,CAMA,SAASQ,EAAgB,CAAE,UAAAJ,EAAW,GAAGJ,CAAM,EAAuC,CACpF,OAAOH,EAAC,QAAK,UAAWS,EAAG,0BAA2BF,CAAS,EAAG,YAAU,oBAAqB,GAAGJ,EAAO,CAC7G,CAMA,SAASS,EAAkB,CAAE,UAAAL,EAAW,GAAGJ,CAAM,EAAuC,CACtF,OACEH,EAAC,OACC,UAAWS,EAAG,iFAAkFF,CAAS,EACzG,YAAU,sBACT,GAAGJ,EACN,CAEJ,CAMA,SAASU,EAAiB,CAAE,UAAAN,EAAW,GAAGJ,CAAM,EAAmE,CACjH,OACEH,EAAsB,QAArB,CACC,UAAWS,EAAG,oDAAqDF,CAAS,EAC5E,YAAU,qBACT,GAAGJ,EACN,CAEJ,CAMA,SAASW,EAAuB,CAC9B,UAAAP,EACA,GAAGJ,CACL,EAAyE,CACvE,OACEH,EAAsB,cAArB,CACC,UAAWS,EAAG,gCAAiCF,CAAS,EACxD,YAAU,2BACT,GAAGJ,EACN,CAEJ,CAMA,SAASY,EAAkB,CACzB,UAAAR,EACA,KAAAS,EACA,QAAAC,EACA,GAAGd,CACL,EAGgB,CACd,OACEH,EAAsB,SAArB,CACC,UAAWkB,EAAe,CAAE,UAAAX,EAAW,KAAAS,EAAM,QAAAC,CAAQ,CAAC,EACtD,YAAU,sBACT,GAAGd,EACN,CAEJ,CAMA,SAASgB,EAAkB,CACzB,UAAAZ,EACA,KAAAS,EACA,QAAAC,EAAU,UACV,GAAGd,CACL,EAGgB,CACd,OACEH,EAAsB,SAArB,CACC,UAAWkB,EAAe,CAAE,UAAAX,EAAW,KAAAS,EAAM,QAAAC,CAAQ,CAAC,EACtD,YAAU,sBACT,GAAGd,EACN,CAEJ","sourcesContent":["import type { ComponentProps, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nimport { buttonVariants } from '@/components/button';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialog\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialog({ ...props }: ComponentProps<typeof AlertDialogPrimitive.Root>): JSX.Element {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTrigger\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogTrigger({ ...props }: ComponentProps<typeof AlertDialogPrimitive.Trigger>): JSX.Element {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogContent\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogContent({\n  children,\n  className,\n  classNames,\n  ...props\n}: ComponentProps<typeof AlertDialogPrimitive.Content> & {\n  classNames?: {\n    content?: string;\n    overlay?: string;\n    wrapper?: string;\n  };\n}): JSX.Element {\n  return (\n    <AlertDialogPrimitive.Portal>\n      <AlertDialogPrimitive.Overlay\n        className={cn(\n          'bg-popover-overlay data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 backdrop-blur-sm',\n          classNames?.overlay,\n        )}\n        data-slot=\"alert-dialog-overlay\"\n      />\n      <AlertDialogPrimitive.Content\n        className={cn(\n          'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 sm:grid-rows-[1fr_auto_3fr] sm:p-4',\n          classNames?.wrapper,\n        )}\n        data-slot=\"alert-dialog-content-wrapper\"\n        {...props}\n      >\n        <div\n          className={cn(\n            'bg-popover text-popover-foreground relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border shadow-lg',\n            classNames?.content,\n            className,\n          )}\n          data-slot=\"alert-dialog-content\"\n        >\n          {children}\n        </div>\n      </AlertDialogPrimitive.Content>\n    </AlertDialogPrimitive.Portal>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogHeader\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogHeader({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n      data-slot=\"alert-dialog-header\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogBody\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogBody({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return <main className={cn('overflow-auto px-6 py-2', className)} data-slot=\"alert-dialog-body\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogFooter\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogFooter({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n      data-slot=\"alert-dialog-footer\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTitle\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogTitle({ className, ...props }: ComponentProps<typeof AlertDialogPrimitive.Title>): JSX.Element {\n  return (\n    <AlertDialogPrimitive.Title\n      className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n      data-slot=\"alert-dialog-title\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogDescription\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: ComponentProps<typeof AlertDialogPrimitive.Description>): JSX.Element {\n  return (\n    <AlertDialogPrimitive.Description\n      className={cn('text-muted-foreground text-sm', className)}\n      data-slot=\"alert-dialog-description\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogAction\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogAction({\n  className,\n  size,\n  variant,\n  ...props\n}: ComponentProps<typeof AlertDialogPrimitive.Action> & {\n  size?: VariantProps<typeof buttonVariants>['size'];\n  variant?: VariantProps<typeof buttonVariants>['variant'];\n}): JSX.Element {\n  return (\n    <AlertDialogPrimitive.Action\n      className={buttonVariants({ className, size, variant })}\n      data-slot=\"alert-dialog-action\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogCancel\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogCancel({\n  className,\n  size,\n  variant = 'outline',\n  ...props\n}: ComponentProps<typeof AlertDialogPrimitive.Cancel> & {\n  size?: VariantProps<typeof buttonVariants>['size'];\n  variant?: VariantProps<typeof buttonVariants>['variant'];\n}): JSX.Element {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={buttonVariants({ className, size, variant })}\n      data-slot=\"alert-dialog-cancel\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogBody,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"]}

package/dist/chunk-YF2ZZY4W.js

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

package/dist/chunk-YF2ZZY4W.js.map

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

package/dist/chunk-ZNSIVYMA.cjs

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

package/dist/chunk-ZNSIVYMA.cjs.map

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

package/dist/chunk-ZVPN2HIY.cjs

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

package/dist/chunk-ZVPN2HIY.cjs.map

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