@codefast/ui 0.2.37 → 0.2.39

package/dist/chunk-HPWHFFV6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-HPWHFFV6.cjs","../src/components/scroll-area.tsx"],"names":["ScrollAreaPrimitive","useScrollAreaContext","createScrollAreaContext","SCROLL_AREA_NAME","ScrollArea","children","className","props","ScrollAreaProvider","size","jsxs","cn","jsx","ScrollAreaScrollbar","orientation","__scopeScrollArea","scrollAreaScrollbarVariants"],"mappings":"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","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-HPWHFFV6.cjs","sourcesContent":[null,"'use client';\n\nimport type { Scope } from '@radix-ui/react-context';\nimport type { ComponentProps, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport { tv } from 'tailwind-variants';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\nconst scrollAreaScrollbarVariants = tv({\n  base: 'flex touch-none select-none p-px transition-colors',\n  compoundVariants: [\n    {\n      className: 'w-1.5',\n      orientation: 'vertical',\n      size: 'sm',\n    },\n    {\n      className: 'w-2',\n      orientation: 'vertical',\n      size: 'md',\n    },\n    {\n      className: 'w-2.5',\n      orientation: 'vertical',\n      size: 'lg',\n    },\n    {\n      className: 'h-1.5',\n      orientation: 'horizontal',\n      size: 'sm',\n    },\n    {\n      className: 'h-2',\n      orientation: 'horizontal',\n      size: 'md',\n    },\n    {\n      className: 'h-2.5',\n      orientation: 'horizontal',\n      size: 'lg',\n    },\n  ],\n  variants: {\n    orientation: {\n      horizontal: 'w-full flex-col border-t border-t-transparent',\n      vertical: 'h-full flex-row border-l border-l-transparent',\n    },\n    size: {\n      none: '',\n      sm: '',\n      md: '',\n      lg: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    vertical: 'vertical',\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Context: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst SCROLL_AREA_NAME = 'ScrollArea';\n\ntype ScopedProps<P> = P & { __scopeScrollArea?: Scope };\n\nconst [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);\n\ntype ScrollAreaContextValue = Pick<VariantProps<typeof scrollAreaScrollbarVariants>, 'size'>;\n\nconst [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext<ScrollAreaContextValue>(SCROLL_AREA_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nfunction ScrollArea({\n  __scopeScrollArea,\n  children,\n  className,\n  size,\n  ...props\n}: ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue>): JSX.Element {\n  return (\n    <ScrollAreaProvider scope={__scopeScrollArea} size={size}>\n      <ScrollAreaPrimitive.Root className={cn('relative', className)} data-slot=\"scroll-area\" {...props}>\n        <ScrollAreaPrimitive.Viewport\n          className=\"outline-ring ring-ring/50 size-full rounded-[inherit] transition focus-visible:outline-1 focus-visible:ring-4\"\n          data-slot=\"scroll-area-viewport\"\n        >\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollAreaScrollbar orientation=\"vertical\" />\n        <ScrollAreaScrollbar orientation=\"horizontal\" />\n        <ScrollAreaPrimitive.Corner />\n      </ScrollAreaPrimitive.Root>\n    </ScrollAreaProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollAreaScrollbar\n * -------------------------------------------------------------------------- */\n\nfunction ScrollAreaScrollbar({\n  __scopeScrollArea,\n  className,\n  orientation,\n  ...props\n}: ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>>): JSX.Element {\n  const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);\n\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      className={scrollAreaScrollbarVariants({ className, orientation, size })}\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollAreaScrollbar };\n"]}

package/dist/chunk-IDELSFHC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-IDELSFHC.cjs","../src/components/tooltip.tsx"],"names":["TooltipProvider","props","jsx","Tooltip","TooltipTrigger","TooltipContent","className","children","sideOffset","jsxs","cn","TooltipArrow"],"mappings":"AAAA,mZAAmC,uGCED,+CASzB,SADAA,CAAAA,CAAgB,CAAE,GAAGC,CAAM,CAAA,CAAkE,CACpG,OAAOC,6BAAAA,CAAkB,CAAA,QAAA,CAAjB,CAA0B,WAAA,CAAU,kBAAA,CAAoB,GAAGD,CAAAA,CAAO,CAC5E,CAMA,SAASE,CAAAA,CAAQ,CAAE,GAAGF,CAAM,CAAA,CAA8D,CACxF,OAAOC,6BAAAA,CAAkB,CAAA,IAAA,CAAjB,CAAsB,WAAA,CAAU,SAAA,CAAW,GAAGD,CAAAA,CAAO,CAC/D,CAMA,SAASG,CAAAA,CAAe,CAAE,GAAGH,CAAM,CAAA,CAAiE,CAClG,OAAOC,6BAAAA,CAAkB,CAAA,OAAA,CAAjB,CAAyB,WAAA,CAAU,iBAAA,CAAmB,GAAGD,CAAAA,CAAO,CAC1E,CAMA,SAASI,CAAAA,CAAe,CACtB,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CAAa,CAAA,CACb,GAAGP,CACL,CAAA,CAAiE,CAC/D,OACEC,6BAAAA,CAAkB,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAO,8BAAAA,CAAkB,CAAA,OAAA,CAAjB,CACC,SAAA,CAAWC,iCAAAA,iwBACT,CACA,iDAAA,CACAJ,CACF,CAAA,CACA,gBAAA,CAAkB,CAAA,CAClB,WAAA,CAAU,iBAAA,CACV,UAAA,CAAYE,CAAAA,CACX,GAAGP,CAAAA,CAEH,QAAA,CAAA,CAAAM,CAAAA,CACDL,6BAAAA,CAACS,CAAA,CAAA,CAAa,CAAA,CAAA,CAChB,CAAA,CACF,CAEJ,CAMA,SAASA,CAAAA,CAAa,CAAE,SAAA,CAAAL,CAAAA,CAAW,GAAGL,CAAM,CAAA,CAA+D,CACzG,OAAOC,6BAAAA,CAAkB,CAAA,KAAA,CAAjB,CAAuB,SAAA,CAAWQ,iCAAAA,cAAG,CAAgBJ,CAAS,CAAA,CAAG,WAAA,CAAU,eAAA,CAAiB,GAAGL,CAAAA,CAAO,CAChH,CAAA,2DAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-IDELSFHC.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipProvider\n * -------------------------------------------------------------------------- */\n\nfunction TooltipProvider({ ...props }: ComponentProps<typeof TooltipPrimitive.Provider>): JSX.Element {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: Tooltip\n * -------------------------------------------------------------------------- */\n\nfunction Tooltip({ ...props }: ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipTrigger\n * -------------------------------------------------------------------------- */\n\nfunction TooltipTrigger({ ...props }: ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipContent\n * -------------------------------------------------------------------------- */\n\nfunction TooltipContent({\n  className,\n  children,\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        className={cn(\n          'bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs',\n          'max-w-(--radix-tooltip-content-available-width)',\n          className,\n        )}\n        collisionPadding={8}\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        {...props}\n      >\n        {children}\n        <TooltipArrow />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: TooltipArrow\n * -------------------------------------------------------------------------- */\n\nfunction TooltipArrow({ className, ...props }: ComponentProps<typeof TooltipPrimitive.Arrow>): JSX.Element {\n  return <TooltipPrimitive.Arrow className={cn('fill-primary', className)} data-slot=\"tooltip-arrow\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"]}

package/dist/chunk-IK76PHGB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-IK76PHGB.cjs","../src/components/label.tsx"],"names":["Label","className","props","jsx","cn"],"mappings":"AAAA,mZAAwC,iGCER,+CAU5B,SAFKA,CAAAA,CAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAA4D,CAC/F,OACEC,6BAAAA,CAAgB,CAAA,IAAA,CAAf,CACC,SAAA,CAAWC,iCAAAA,sMACT,CACAH,CACF,CAAA,CACA,WAAA,CAAU,OAAA,CACT,GAAGC,CAAAA,CACN,CAEJ,CAAA,cAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-IK76PHGB.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Label\n * -------------------------------------------------------------------------- */\n\nfunction Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>): JSX.Element {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        'peer-data-disabled:opacity-50 group-data-disabled:opacity-50 data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm font-medium leading-none peer-disabled:opacity-50',\n        className,\n      )}\n      data-slot=\"label\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Label };\n"]}

package/dist/chunk-JJW4VWZS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-JJW4VWZS.cjs","../src/components/carousel.tsx"],"names":["useEmblaCarousel","createCarouselContext","CarouselProvider","useCarouselContext","CAROUSEL_NAME","Carousel","children","className","orientation","props","carouselRef","api","opts","canScrollPrev","canScrollNext","setCanScrollNext","useState","onSelect","useCallback","carouselApi","setCanScrollPrev","event","useEffect","setApi","jsx","scrollNext","scrollPrev","classNames","cn","CAROUSEL_ITEM_NAME","CAROUSEL_PREVIOUS_NAME","Button","ArrowLeftIcon","size","ArrowRightIcon"],"mappings":"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","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-JJW4VWZS.cjs","sourcesContent":[null,"'use client';\n\nimport type { Scope } from '@radix-ui/react-context';\nimport type { ComponentProps, JSX, KeyboardEvent } from 'react';\n\nimport { createContextScope } from '@radix-ui/react-context';\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\nimport { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Context: Carousel\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NAME = 'Carousel';\n\ntype ScopedProps<P> = P & { __scopeCarousel?: Scope };\n\nconst [createCarouselContext, createCarouselScope] = createContextScope(CAROUSEL_NAME);\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface BaseCarouselProps {\n  opts?: CarouselOptions;\n  orientation?: 'horizontal' | 'vertical';\n  plugins?: CarouselPlugin;\n  setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextValue = BaseCarouselProps & {\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  canScrollNext: boolean;\n  canScrollPrev: boolean;\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  scrollNext: () => void;\n  scrollPrev: () => void;\n};\n\nconst [CarouselProvider, useCarouselContext] = createCarouselContext<CarouselContextValue>(CAROUSEL_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: Carousel\n * -------------------------------------------------------------------------- */\n\nfunction Carousel({\n  __scopeCarousel,\n  children,\n  className,\n  opts,\n  orientation,\n  plugins,\n  setApi,\n  ...props\n}: ScopedProps<BaseCarouselProps & ComponentProps<'div'>>): JSX.Element {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === 'vertical' ? 'y' : 'x',\n    },\n    plugins,\n  );\n\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const onSelect = useCallback((carouselApi: CarouselApi) => {\n    if (!carouselApi) {\n      return;\n    }\n\n    setCanScrollPrev(carouselApi.canScrollPrev());\n    setCanScrollNext(carouselApi.canScrollNext());\n  }, []);\n\n  const scrollPrev = useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === 'ArrowRight') {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext],\n  );\n\n  useEffect(() => {\n    if (!api || !setApi) {\n      return;\n    }\n\n    setApi(api);\n  }, [api, setApi]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\n    onSelect(api);\n    api.on('reInit', onSelect);\n    api.on('select', onSelect);\n\n    return () => {\n      api.off('select', onSelect);\n    };\n  }, [api, onSelect]);\n\n  return (\n    <CarouselProvider\n      api={api}\n      canScrollNext={canScrollNext}\n      canScrollPrev={canScrollPrev}\n      carouselRef={carouselRef}\n      opts={opts}\n      orientation={orientation ?? (opts?.axis === 'y' ? 'vertical' : 'horizontal')}\n      scope={__scopeCarousel}\n      scrollNext={scrollNext}\n      scrollPrev={scrollPrev}\n    >\n      <div\n        aria-roledescription=\"carousel\"\n        className={cn('relative', className)}\n        data-slot=\"carousel\"\n        role=\"region\"\n        onKeyDownCapture={handleKeyDown}\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselContent\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_CONTENT_NAME = 'CarouselContent';\n\nfunction CarouselContent({\n  __scopeCarousel,\n  className,\n  classNames,\n  ...props\n}: ScopedProps<\n  ComponentProps<'div'> & {\n    classNames?: {\n      content?: string;\n      wrapper?: string;\n    };\n  }\n>): JSX.Element {\n  const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);\n\n  return (\n    <div ref={carouselRef} className={cn('overflow-hidden', classNames?.wrapper)} data-slot=\"carousel-content\">\n      <div\n        className={cn(\n          'flex',\n          orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n          classNames?.content,\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselItem\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_ITEM_NAME = 'CarouselItem';\n\nfunction CarouselItem({ __scopeCarousel, className, ...props }: ScopedProps<ComponentProps<'div'>>): JSX.Element {\n  const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);\n\n  return (\n    <div\n      aria-roledescription=\"slide\"\n      className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n      data-slot=\"carousel-item\"\n      role=\"group\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselPrevious\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_PREVIOUS_NAME = 'CarouselPrevious';\n\nfunction CarouselPrevious({\n  __scopeCarousel,\n  className,\n  size = 'icon',\n  variant = 'outline',\n  ...props\n}: ScopedProps<ComponentProps<typeof Button>>): JSX.Element {\n  const { canScrollPrev, orientation, scrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);\n\n  return (\n    <Button\n      aria-label=\"Previous slide\"\n      className={cn(\n        'absolute size-8 shadow-none',\n        orientation === 'horizontal'\n          ? '-left-12 top-1/2 -translate-y-1/2'\n          : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n        className,\n      )}\n      data-slot=\"carousel-previous\"\n      disabled={!canScrollPrev}\n      prefix={<ArrowLeftIcon />}\n      size={size}\n      variant={variant}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CarouselNext\n * -------------------------------------------------------------------------- */\n\nconst CAROUSEL_NEXT_NAME = 'CarouselNext';\n\nfunction CarouselNext({\n  __scopeCarousel,\n  className,\n  size = 'icon',\n  variant = 'outline',\n  ...props\n}: ScopedProps<ComponentProps<typeof Button>>): JSX.Element {\n  const { canScrollNext, orientation, scrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);\n\n  return (\n    <Button\n      aria-label=\"Next slide\"\n      className={cn(\n        'absolute size-8 shadow-none',\n        orientation === 'horizontal'\n          ? '-right-12 top-1/2 -translate-y-1/2'\n          : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n        className,\n      )}\n      data-slot=\"carousel-next\"\n      disabled={!canScrollNext}\n      prefix={<ArrowRightIcon />}\n      size={size}\n      variant={variant}\n      onClick={scrollNext}\n      {...props}\n    >\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport type { CarouselApi };\nexport { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, createCarouselScope };\n"]}

package/dist/chunk-JW6C57Y5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-JW6C57Y5.cjs","../src/components/progress.tsx"],"names":["Progress","className","value","props","jsx","cn"],"mappings":"AAAA,ufAAwC,0GCEL,+CAe7B,SAPGA,CAAAA,CAAS,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAO,GAAGC,CAAM,CAAA,CAA+D,CAC5G,OACEC,6BAAAA,CAAmB,CAAA,IAAA,CAAlB,CACC,SAAA,CAAWC,iCAAAA,gEAAG,CAAkEJ,CAAS,CAAA,CACzF,WAAA,CAAU,UAAA,CACT,GAAGE,CAAAA,CAEJ,QAAA,CAAAC,6BAAAA,CAAmB,CAAA,SAAA,CAAlB,CACC,SAAA,CAAU,4CAAA,CACV,WAAA,CAAU,oBAAA,CACV,KAAA,CAAO,CACL,SAAA,CAAW,CAAA,YAAA,EAAe,MAAA,CAAO,GAAA,CAAA,kBAAOF,CAAAA,SAAS,GAAA,CAAE,CAAC,CAAA,EAAA,CACtD,CAAA,CACF,CAAA,CACF,CAEJ,CAAA,cAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-JW6C57Y5.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\n\nimport * as ProgressPrimitive from '@radix-ui/react-progress';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Progress\n * -------------------------------------------------------------------------- */\n\nfunction Progress({ className, value, ...props }: ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element {\n  return (\n    <ProgressPrimitive.Root\n      className={cn('bg-primary/20 relative h-2 w-full overflow-hidden rounded-full', className)}\n      data-slot=\"progress\"\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        className=\"bg-primary size-full flex-1 transition-all\"\n        data-slot=\"progress-indicator\"\n        style={{\n          transform: `translateX(-${String(100 - (value ?? 0))}%)`,\n        }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Progress };\n"]}

package/dist/chunk-K4Y4Y2YP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-K4Y4Y2YP.cjs","../src/components/pagination.tsx"],"names":["Pagination","className","props","jsx","cn","PaginationContent","PaginationItem","PaginationLink","children","isActive","size","buttonVariants","PaginationPrevious","jsxs","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","EllipsisIcon"],"mappings":"AAAA,iIAAwC,wDAAyC,2CCGjB,+CAW5D,SAFKA,CAAAA,CAAW,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAuC,CAC/E,OACEC,6BAAAA,KAAC,CAAA,CACC,YAAA,CAAW,YAAA,CACX,SAAA,CAAWC,iCAAAA,oCAAG,CAAsCH,CAAS,CAAA,CAC7D,WAAA,CAAU,YAAA,CACV,IAAA,CAAK,YAAA,CACJ,GAAGC,CAAAA,CACN,CAEJ,CAMA,SAASG,CAAAA,CAAkB,CAAE,SAAA,CAAAJ,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAsC,CACrF,OAAOC,6BAAAA,IAAC,CAAA,CAAG,SAAA,CAAWC,iCAAAA,kCAAG,CAAoCH,CAAS,CAAA,CAAG,WAAA,CAAU,oBAAA,CAAsB,GAAGC,CAAAA,CAAO,CACrH,CAMA,SAASI,CAAAA,CAAeJ,CAAAA,CAA0C,CAChE,OAAOC,6BAAAA,IAAC,CAAA,CAAG,WAAA,CAAU,iBAAA,CAAmB,GAAGD,CAAAA,CAAO,CACpD,CAMA,SAASK,CAAAA,CAAe,CACtB,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAP,CAAAA,CACA,QAAA,CAAAQ,CAAAA,CACA,IAAA,CAAAC,CAAAA,CAAO,MAAA,CACP,GAAGR,CACL,CAAA,CAGkB,CAChB,OACEC,6BAAAA,GAAC,CAAA,CACC,cAAA,CAAcM,CAAAA,CAAW,MAAA,CAAS,KAAA,CAAA,CAClC,SAAA,CAAWE,iCAAAA,CAAiB,SAAA,CAAAV,CAAAA,CAAW,IAAA,CAAAS,CAAAA,CAAM,OAAA,CAASD,CAAAA,CAAW,SAAA,CAAY,OAAQ,CAAC,CAAA,CACtF,WAAA,CAAU,iBAAA,CACT,GAAGP,CAAAA,CAEH,QAAA,CAAAM,CAAAA,CACH,CAEJ,CAMA,SAASI,CAAAA,CAAmB,CAC1B,GAAGV,CACL,CAAA,CAGkB,CAChB,OACEW,8BAAAA,CAACN,CAAA,CAAe,YAAA,CAAW,qBAAA,CAAsB,WAAA,CAAU,qBAAA,CAAsB,IAAA,CAAK,IAAA,CAAM,GAAGL,CAAAA,CAC7F,QAAA,CAAA,CAAAC,6BAAAA,4BAACW,CAAA,CAAgB,SAAA,CAAU,QAAA,CAAS,CAAA,CACpCX,6BAAAA,MAAC,CAAA,CAAK,QAAA,CAAA,UAAA,CAAQ,CAAA,CAAA,CAChB,CAEJ,CAMA,SAASY,CAAAA,CAAe,CACtB,GAAGb,CACL,CAAA,CAGkB,CAChB,OACEW,8BAAAA,CAACN,CAAA,CAAe,YAAA,CAAW,iBAAA,CAAkB,WAAA,CAAU,iBAAA,CAAkB,IAAA,CAAK,IAAA,CAAM,GAAGL,CAAAA,CACrF,QAAA,CAAA,CAAAC,6BAAAA,MAAC,CAAA,CAAK,QAAA,CAAA,MAAA,CAAI,CAAA,CACVA,6BAAAA,6BAACa,CAAA,CAAA,CAAiB,CAAA,CAAA,CACpB,CAEJ,CAMA,SAASC,CAAAA,CAAmB,CAAE,SAAA,CAAAhB,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAwC,CACxF,OACEW,8BAAAA,MAAC,CAAA,CACC,aAAA,CAAW,CAAA,CAAA,CACX,SAAA,CAAWT,iCAAAA,0CAAG,CAA4CH,CAAS,CAAA,CACnE,WAAA,CAAU,qBAAA,CACT,GAAGC,CAAAA,CAEJ,QAAA,CAAA,CAAAC,6BAAAA,yBAACe,CAAA,CAAa,SAAA,CAAU,QAAA,CAAS,CAAA,CACjCf,6BAAAA,MAAC,CAAA,CAAK,SAAA,CAAU,SAAA,CAAU,QAAA,CAAA,YAAA,CAAU,CAAA,CAAA,CACtC,CAEJ,CAAA,wGAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-K4Y4Y2YP.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from 'lucide-react';\n\nimport { buttonVariants } from '@/components/button';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\nfunction Pagination({ className, ...props }: ComponentProps<'nav'>): JSX.Element {\n  return (\n    <nav\n      aria-label=\"pagination\"\n      className={cn('mx-auto flex w-full justify-center', className)}\n      data-slot=\"pagination\"\n      role=\"navigation\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\nfunction PaginationContent({ className, ...props }: ComponentProps<'ul'>): JSX.Element {\n  return <ul className={cn('flex flex-row items-center gap-1', className)} data-slot=\"pagination-content\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\nfunction PaginationItem(props: ComponentProps<'li'>): JSX.Element {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\nfunction PaginationLink({\n  children,\n  className,\n  isActive,\n  size = 'icon',\n  ...props\n}: ComponentProps<'a'> &\n  Pick<VariantProps<typeof buttonVariants>, 'size'> & {\n    isActive?: boolean;\n  }): JSX.Element {\n  return (\n    <a\n      aria-current={isActive ? 'page' : undefined}\n      className={buttonVariants({ className, size, variant: isActive ? 'outline' : 'ghost' })}\n      data-slot=\"pagination-link\"\n      {...props}\n    >\n      {children}\n    </a>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\nfunction PaginationPrevious({\n  ...props\n}: ComponentProps<'a'> &\n  Pick<VariantProps<typeof buttonVariants>, 'size'> & {\n    isActive?: boolean;\n  }): JSX.Element {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" data-slot=\"pagination-previous\" size=\"md\" {...props}>\n      <ChevronLeftIcon className=\"size-4\" />\n      <span>Previous</span>\n    </PaginationLink>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\nfunction PaginationNext({\n  ...props\n}: ComponentProps<'a'> &\n  Pick<VariantProps<typeof buttonVariants>, 'size'> & {\n    isActive?: boolean;\n  }): JSX.Element {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" data-slot=\"pagination-next\" size=\"md\" {...props}>\n      <span>Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\nfunction PaginationEllipsis({ className, ...props }: ComponentProps<'span'>): JSX.Element {\n  return (\n    <span\n      aria-hidden\n      className={cn('flex size-10 items-center justify-center', className)}\n      data-slot=\"pagination-ellipsis\"\n      {...props}\n    >\n      <EllipsisIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"]}

package/dist/chunk-KOVXL4P6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-KOVXL4P6.cjs","../src/components/toggle-group.tsx"],"names":["ToggleGroupPrimitive","useToggleGroupScope","createToggleGroupScope","ToggleGroupProvider","useToggleGroupContext","createToggleGroupContext","TOGGLE_GROUP_NAME","ToggleGroup","children","className","props","toggleGroupScope","jsx","size","cn","variant","TOGGLE_GROUP_ITEM_NAME","__scopeToggleGroup","jsxs","toggleVariants","prefix"],"mappings":"AAAA,uWAAY,CAAC,wDAAwC,wDCM5C,uDACGA,oHACH,+CASiB,IAAA,CAAA,CAAA,aAIuE,CAE3FC,CAAAA,CAAsBC,CAAAA,CAAuB,8CAAA,CAE5CC,CAAAA,CAAqBC,wCAAqB,CAAA,CAC/CC,CAAAA,CAA8DC,CAAiB,sDAAA,CAMjF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAASC,CAAAA,CAAY,CACnB,CAAA,SAAA,CAAA,CAAA,CAAA,kBACAC,CACA,CAAA,CAAA,QAAAC,CAAAA,CACA,CAAA,SACA,CAAA,CAAA,CAAA,IACA,CAAA,CAAA,CAAGC,OAEH,CAAMC,CAAAA,CAAmBV,GAAsC,CAAA,CAE/D,CAAA,CAAA,IAAA,CACEW,CAAAA,CAACT,CAAAA,CAAA,CAAoB,CAAA,OAA2B,6BAAA,CAAA,CAAA,CAAMU,KAAM,CAAA,CAAA,CAAA,IAC1D,CAAA,CAAA,CAAA,OAAAD,CAAsB,CAAA,CAAA,QACpB,CAAA,6BAAA,CAAA,CAAA,IAAWE,CAAG,CAAA,SAAA,CAAA,iCAAA,mEACd,CAAA,CAAA,CAAWD,CAAAA,WACX,CAAA,CAAU,CAAA,WAAA,CAAA,cACV,CAAA,cAIC,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GACH,CAAA,CACF,QAQ2B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,iBAG7B,CAAA,SAAA,CAAA,CAAA,CAAA,kBACAL,CACA,CAAA,CAAA,QAAAC,CAAAA,CACA,CAAA,SACA,CAAA,CAAA,CAAA,MACA,CAAA,CAAGC,CACL,MAMQ,CAAE,CAAA,CAAA,GAAA,CAAA,CAAA,CAAAK,CAAAA,GAAS,CAAA,OAA+BC,CAAAA,CAAwBC,CAAkB,IACjEhB,CAAAA,CAAoBgB,CAAkB,CAAA,CAE/D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACEC,CAAAA,CAAsB,CAAA,CAAA,CAAA,CAAA,OACpB,8BAAA,CAAA,CAAA,IAAWC,CAAe,CACxB,SAAA,CAAW,iCACT,CAAA,SAAA,CAAA,CAAA,qHAIF,CAAA,CAAA,CAAA,CAAA,IACD,CAAA,CACD,CAAA,OAAA,CAAA,CAAA,CAAA,CAAU,CAAA,WAAA,CAAA,mBACV,CAAA,cAIC,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAAC,CACAZ,CAAAA,QAIP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,6BAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-KOVXL4P6.cjs","sourcesContent":[null,"'use client';\n\nimport type { Scope } from '@radix-ui/react-context';\nimport type { ComponentProps, JSX, ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { createToggleGroupScope } from '@radix-ui/react-toggle-group';\n\nimport { toggleVariants } from '@/components/toggle';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Context: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst TOGGLE_GROUP_NAME = 'ToggleGroup';\n\ntype ScopedProps<P> = P & { __scopeToggleGroup?: Scope };\n\nconst [createToggleGroupContext] = createContextScope(TOGGLE_GROUP_NAME, [createToggleGroupScope]);\n\nconst useToggleGroupScope = createToggleGroupScope();\n\nconst [ToggleGroupProvider, useToggleGroupContext] =\n  createToggleGroupContext<VariantProps<typeof toggleVariants>>(TOGGLE_GROUP_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nfunction ToggleGroup({\n  __scopeToggleGroup,\n  children,\n  className,\n  size,\n  variant,\n  ...props\n}: ScopedProps<ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>>): JSX.Element {\n  const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);\n\n  return (\n    <ToggleGroupProvider scope={__scopeToggleGroup} size={size} variant={variant}>\n      <ToggleGroupPrimitive.Root\n        className={cn('group/toggle-group flex w-fit items-center -space-x-px rounded-md', className)}\n        data-size={size}\n        data-slot=\"toggle-group\"\n        data-variant={variant}\n        {...toggleGroupScope}\n        {...props}\n      >\n        {children}\n      </ToggleGroupPrimitive.Root>\n    </ToggleGroupProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroupItem\n * -------------------------------------------------------------------------- */\n\nconst TOGGLE_GROUP_ITEM_NAME = 'ToggleGroupItem';\n\nfunction ToggleGroupItem({\n  __scopeToggleGroup,\n  children,\n  className,\n  prefix,\n  suffix,\n  ...props\n}: ScopedProps<\n  Omit<ComponentProps<typeof ToggleGroupPrimitive.Item>, 'prefix'> & {\n    prefix?: ReactNode;\n    suffix?: ReactNode;\n  }\n>): JSX.Element {\n  const { variant, size } = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);\n  const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      className={toggleVariants({\n        className: [\n          'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10',\n          className,\n        ],\n        size,\n        variant,\n      })}\n      data-slot=\"toggle-group-item\"\n      data-variant={variant}\n      {...toggleGroupScope}\n      {...props}\n    >\n      {prefix}\n      {children}\n      {suffix}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ToggleGroup, ToggleGroupItem };\n"]}

package/dist/chunk-LEHRUJ2L.js

@@ -1,2 +0,0 @@
-"use client";import{a as l}from"./chunk-B74UCONC.js";import{b as s}from"./chunk-3E3ZQIUX.js";import{a as p}from"./chunk-FR7P352M.js";import*as e from"@codefast-ui/input";import{useControllableState as C}from"@radix-ui/react-use-controllable-state";import{SearchIcon as b,XIcon as y}from"lucide-react";import{jsx as t,jsxs as x}from"react/jsx-runtime";var{input:S,root:V}=l();function N({className:u,defaultValue:m,disabled:i,loaderPosition:c,loading:f,onChange:v,prefix:d,readOnly:o,spinner:P,suffix:a,value:h,...I}){let[r,n]=C({defaultProp:m,onChange:v,prop:h});return x(e.Root,{className:V({className:[!a&&"pr-1.5",u]}),"data-slot":"input-search",disabled:i,loaderPosition:c,loading:f,prefix:d||t(b,{}),readOnly:o,spinner:P||t(p,{}),suffix:a,children:[t(e.Item,{className:S(),"data-slot":"input-search-item",type:"search",value:r??"",onChange:g=>{n(g.target.value)},...I}),r?t(s,{"aria-label":"Clear search",className:"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0","data-slot":"input-search-clear",disabled:i||o,size:"icon",suffix:t(y,{}),variant:"ghost",onClick:()=>{n("")}}):null]})}var w=N;export{N as a,w as b};
-//# sourceMappingURL=chunk-LEHRUJ2L.js.map

package/dist/chunk-MCMCMOW6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-MCMCMOW6.cjs","../src/components/container.tsx"],"names":["Container","asChild","className","props","jsx","Slot","cn"],"mappings":"AAAA,iIAAwC,iDCEnB,+CAiBZ,SATAA,CAAAA,CAAU,CACjB,OAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAEgB,CAGd,OAAOC,6BAAAA,CAFWH,CAAUI,eAAAA,CAAO,KAAA,CAE3B,CAAU,SAAA,CAAWC,iCAAAA,WAAG,CAAaJ,CAAS,CAAA,CAAG,WAAA,CAAU,WAAA,CAAa,GAAGC,CAAAA,CAAO,CAC5F,CAAA,cAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-MCMCMOW6.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Container\n * -------------------------------------------------------------------------- */\n\nfunction Container({\n  asChild,\n  className,\n  ...props\n}: ComponentProps<'div'> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : 'div';\n\n  return <Component className={cn('container', className)} data-slot=\"container\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Container };\n"]}

package/dist/chunk-MKBJXYE2.cjs.map

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

package/dist/chunk-NHKDM4JU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-NHKDM4JU.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,CACC,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-NHKDM4JU.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      {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-NJZ3TDB6.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; } }"use client";var _chunkPOJOZ7HMcjs = require('./chunk-POJOZ7HM.cjs');var _chunkOSBDYGS3cjs = require('./chunk-OSBDYGS3.cjs');var _chunkXXUOW3IDcjs = require('./chunk-XXUOW3ID.cjs');var _input = require('@codefast-ui/input'); var o = _interopRequireWildcard(_input);var _lucidereact = require('lucide-react');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var{input:C,root:E}=_chunkPOJOZ7HMcjs.a.call(void 0, );function x({className:a,disabled:s,loaderPosition:m,loading:l,prefix:d,readOnly:u,spinner:f,suffix:e,...c}){let[i,w]=_react.useState.call(void 0, "password"),P=_react.useCallback.call(void 0, ()=>{w(y=>y==="password"?"text":"password")},[]);return _jsxruntime.jsxs.call(void 0, o.Root,{className:E({className:[!e&&"pr-1.5",a]}),"data-slot":"input-password",disabled:s,loaderPosition:m,loading:l,prefix:d,readOnly:u,spinner:f||_jsxruntime.jsx.call(void 0, _chunkXXUOW3IDcjs.a,{}),suffix:e,children:[_jsxruntime.jsx.call(void 0, o.Item,{autoCapitalize:"none",className:C(),"data-slot":"input-password-item",type:i,...c}),_jsxruntime.jsx.call(void 0, _chunkOSBDYGS3cjs.b,{"aria-label":i==="password"?"Show password":"Hide password",className:"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0","data-slot":"input-password-toggle",disabled:s,prefix:i==="password"?_jsxruntime.jsx.call(void 0, _lucidereact.EyeOffIcon,{}):_jsxruntime.jsx.call(void 0, _lucidereact.EyeIcon,{}),size:"icon",variant:"ghost",onClick:P})]})}var O=x;exports.a = x; exports.b = O;
-//# sourceMappingURL=chunk-NJZ3TDB6.cjs.map

package/dist/chunk-NJZ3TDB6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-NJZ3TDB6.cjs","../src/components/input-password.tsx"],"names":["InputPrimitive","root","InputPassword","className","disabled","readOnly","props","type","setType","useState","togglePasswordVisibility","prev","jsxs","suffix","spinner","jsx","Spinner","Button","EyeOffIcon","PasswordInput"],"mappings":"AAAA,uWAAY,CAAC,wDAAwC,wDAAyC,wDCKlFA,oFACH,2CACA,8BA4CiB,+CAlCX,GAAA,CAAAC,KAAuB,CAAA,CAMtC,CAAA,IAAA,CAAA,CAAA,CAAA,CAASC,iCAAAA,CACP,CAAA,SAAAC,CAAAA,CACA,CAAA,SAAAC,CACA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,cAEA,CAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,MAAAC,CACA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,OACA,CAAA,CAAGC,CACL,MAGQ,CAACC,CAAAA,CAAMC,GAAWC,CAAAA,CAA8B,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,6BAE1DC,UACKC,CAAAA,CAAAA,CAAUA,CAAAA,gCAAAA,CAAS,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,GAAa,UAAS,CAAA,MACpD,CAAG,UAEH,CACEC,CAAAA,CAAgB,CAAA,CAAA,CAAA,CAAA,OACd,8BAAA,CAAA,CAAA,IAAWX,CAAK,CAAE,SAAA,CAAW,CAAC,CAACY,CAAAA,SAAU,CAAA,CAAUV,CAAS,CAAE,EAAC,QAC/D,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,WAAA,CAAA,gBAEV,CAAA,QAAA,CAAA,CAAA,CAAA,cAEA,CAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,MAAUE,CACV,CAAA,CAAA,QAASS,CAAWC,CAAAA,CAACC,OACrB,CAAA,CAAA,EAAA,6BAAA,mBAAQH,CAER,CAAA,CAAA,CAAA,CAAA,MAAAE,CAAAA,CAAgB,CAAA,QACd,CAAA,CAAA,6BAAA,CAAA,CAAA,IAAA,CAAA,CAAA,cACA,CAAA,MAAiB,CAAA,SACjB,CAAA,CAAA,CAAA,CAAU,CAAA,WAAA,CAAA,qBAGZ,CAAA,IACCE,CAAA,CACC,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,6BAAA,mBAAA,CAAA,CAAYV,YAAS,CAAA,CAAA,GAAa,UAAA,CAAA,eAAkB,CAAA,eAC1C,CAAA,SAAA,CAAA,8EACA,CAAA,WAAA,CAAA,uBAEV,CAAA,QAAQA,CAAS,CAAA,CAAA,MAAA,CAAA,CAAA,GAAcW,UAAiB,CAAA,6BAAQ,uBACxD,CAAA,CAAA,CAAA,CAAA,CAAK,6BAAA,oBAAA,CAAA,CAAA,CAAA,CACL,CAAA,IAAA,CAAA,MAAQ,CAAA,OACR,CAAA,OACF,CACF,OAaEC,CAAgBjB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA,6BAAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-NJZ3TDB6.cjs","sourcesContent":[null,"'use client';\n\nimport type { ComponentProps, JSX, MouseEventHandler } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport * as InputPrimitive from '@codefast-ui/input';\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { useCallback, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { inputVariants } from '@/components/input';\nimport { Spinner } from '@/components/spinner';\n\n/* -----------------------------------------------------------------------------\n * Variant: InputPassword\n * -------------------------------------------------------------------------- */\n\nconst { input, root } = inputVariants();\n\n/* -----------------------------------------------------------------------------\n * Component: InputPassword\n * -------------------------------------------------------------------------- */\n\nfunction InputPassword({\n  className,\n  disabled,\n  loaderPosition,\n  loading,\n  prefix,\n  readOnly,\n  spinner,\n  suffix,\n  ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n  Omit<ComponentProps<typeof InputPrimitive.Item>, 'prefix' | 'type'> &\n  VariantProps<typeof inputVariants>): JSX.Element {\n  const [type, setType] = useState<'password' | 'text'>('password');\n\n  const togglePasswordVisibility = useCallback<MouseEventHandler<HTMLButtonElement>>(() => {\n    setType((prev) => (prev === 'password' ? 'text' : 'password'));\n  }, []);\n\n  return (\n    <InputPrimitive.Root\n      className={root({ className: [!suffix && 'pr-1.5', className] })}\n      data-slot=\"input-password\"\n      disabled={disabled}\n      loaderPosition={loaderPosition}\n      loading={loading}\n      prefix={prefix}\n      readOnly={readOnly}\n      spinner={spinner || <Spinner />}\n      suffix={suffix}\n    >\n      <InputPrimitive.Item\n        autoCapitalize=\"none\"\n        className={input()}\n        data-slot=\"input-password-item\"\n        type={type}\n        {...props}\n      />\n      <Button\n        aria-label={type === 'password' ? 'Show password' : 'Hide password'}\n        className=\"focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0\"\n        data-slot=\"input-password-toggle\"\n        disabled={disabled}\n        prefix={type === 'password' ? <EyeOffIcon /> : <EyeIcon />}\n        size=\"icon\"\n        variant=\"ghost\"\n        onClick={togglePasswordVisibility}\n      />\n    </InputPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst PasswordInput = InputPassword;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { InputPassword, PasswordInput };\n"]}

package/dist/chunk-NOJBMCCJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-NOJBMCCJ.cjs","../src/components/form.tsx"],"names":["createFormFieldContext","FormFieldProvider","useFormFieldContext","FORM_FIELD_NAME","useFormItem","consumerName","scope","id","useFormItemContext","name","fieldState","getFieldState"],"mappings":"AAAA,ylBAAY,CAAC,wDAAwC,wDCO5C,uDACA,iDACA,8BACA,gDAyEH,+CA1DkB,IAAA,CAAA,CAAA,2BAAA,CAAA,CAIlB,CAACA,WASAC,CAAAA,CAAmBC,CAAmB,CAAA,CAAIF,CAAAA,CAA8CG,8CAAe,CAE9G,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAASC,CAAAA,CACPC,CAAAA,CACAC,SAaQ,CAAAC,CAAG,CAAA,CAAIC,CAAAA,CAAmBH,CAAAA,GAAmB,CAC/C,EAAE,CAAA,CAAA,CAAA,CAAAI,CAAK,CAAA,CAAIP,CAAAA,CAAoBG,CAAAA,CAAcC,CAAK,IAChD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aACyB,CAAA,CAAA,CAAA,CAAA,2CAAAG,CAAM,CAAA,CACjCC,CAAAA,yCAAaC,CAAcF,IAAe,CAEhD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CACL,CAAA,CAAA,CAAAF,CAAAA,CACA,CAAA,MACA,CAAA,EAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,iBAAmB,CAAA,CAAA,sBACnB,EAAA,CAAA,CAAY,CAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-NOJBMCCJ.cjs","sourcesContent":[null,"'use client';\n\nimport type { Scope } from '@radix-ui/react-context';\nimport type * as LabelPrimitive from '@radix-ui/react-label';\nimport type { ComponentProps, JSX, ReactNode } from 'react';\nimport type { ControllerProps, FieldError, FieldPath, FieldValues } from 'react-hook-form';\n\nimport { createContextScope } from '@radix-ui/react-context';\nimport { Slot } from '@radix-ui/react-slot';\nimport { useId } from 'react';\nimport { Controller, FormProvider, useFormContext, useFormState } from 'react-hook-form';\n\nimport { Label } from '@/components/label';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Form\n * -------------------------------------------------------------------------- */\n\nconst Form = FormProvider;\n\n/* -----------------------------------------------------------------------------\n * Context: FormField\n * -------------------------------------------------------------------------- */\n\nconst FORM_FIELD_NAME = 'FormField';\n\ntype ScopedProps<P> = P & { __scopeFormField?: Scope };\n\nconst [createFormFieldContext, createFormFieldScope] = createContextScope(FORM_FIELD_NAME);\n\ninterface FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  name: TName;\n}\n\nconst [FormFieldProvider, useFormFieldContext] = createFormFieldContext<FormFieldContextValue>(FORM_FIELD_NAME);\n\nfunction useFormItem(\n  consumerName: string,\n  scope: Scope,\n): {\n  formDescriptionId: string;\n  formItemId: string;\n  formMessageId: string;\n  id: string;\n  invalid: boolean;\n  isDirty: boolean;\n  isTouched: boolean;\n  isValidating: boolean;\n  name: string;\n  error?: FieldError;\n} {\n  const { id } = useFormItemContext(consumerName, scope);\n  const { name } = useFormFieldContext(consumerName, scope);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name });\n  const fieldState = getFieldState(name, formState);\n\n  return {\n    id,\n    name,\n    formDescriptionId: `form-item-description-${id}`,\n    formItemId: `form-item-${id}`,\n    formMessageId: `form-item-message-${id}`,\n    ...fieldState,\n  };\n}\n\n/* -----------------------------------------------------------------------------\n * Component: FormField\n * -------------------------------------------------------------------------- */\n\nfunction FormField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(formFieldProps: ScopedProps<ControllerProps<TFieldValues, TName>>): JSX.Element {\n  const { __scopeFormField, ...props } = formFieldProps;\n\n  return (\n    <FormFieldProvider name={props.name} scope={__scopeFormField}>\n      <Controller {...props} />\n    </FormFieldProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Context: FormItem\n * -------------------------------------------------------------------------- */\n\nconst FORM_ITEM_NAME = 'FormItem';\n\ninterface FormItemContextValue {\n  id: string;\n}\n\nconst [FormItemProvider, useFormItemContext] = createFormFieldContext<FormItemContextValue>(FORM_ITEM_NAME);\n\n/* -----------------------------------------------------------------------------\n * Component: FormItem\n * -------------------------------------------------------------------------- */\n\nfunction FormItem({ __scopeFormField, className, ...props }: ScopedProps<ComponentProps<'div'>>): JSX.Element {\n  const id = useId();\n\n  return (\n    <FormItemProvider id={id} scope={__scopeFormField}>\n      <div className={cn('grid gap-2', className)} data-slot=\"form-item\" {...props} />\n    </FormItemProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: FormLabel\n * -------------------------------------------------------------------------- */\n\nconst FORM_LABEL_NAME = 'FormLabel';\n\nfunction FormLabel({\n  __scopeFormField,\n  ...props\n}: ScopedProps<ComponentProps<typeof LabelPrimitive.Root>>): JSX.Element {\n  const { formItemId, error } = useFormItem(FORM_LABEL_NAME, __scopeFormField);\n\n  return <Label data-invalid={error ? true : undefined} data-slot=\"form-label\" htmlFor={formItemId} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: FormControl\n * -------------------------------------------------------------------------- */\n\nconst FORM_CONTROL_NAME = 'FormControl';\n\nfunction FormControl({ __scopeFormField, ...props }: ScopedProps<ComponentProps<typeof Slot>>): JSX.Element {\n  const { formDescriptionId, formItemId, formMessageId, error } = useFormItem(FORM_CONTROL_NAME, __scopeFormField);\n\n  return (\n    <Slot\n      aria-describedby={error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId}\n      aria-invalid={Boolean(error)}\n      data-slot=\"form-control\"\n      id={formItemId}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: FormDescription\n * -------------------------------------------------------------------------- */\n\nfunction FormDescription({ __scopeFormField, className, ...props }: ScopedProps<ComponentProps<'p'>>): JSX.Element {\n  const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);\n\n  return (\n    <p\n      className={cn('text-muted-foreground text-xs', className)}\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: FormMessage\n * -------------------------------------------------------------------------- */\n\nconst FORM_MESSAGE_NAME = 'FormMessage';\n\nfunction FormMessage({ __scopeFormField, children, className, ...props }: ScopedProps<ComponentProps<'p'>>): ReactNode {\n  const { formMessageId, error } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);\n  const body = error?.message ? String(error.message) : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      className={cn('text-xs', error?.message ? 'text-destructive font-medium' : 'text-muted-foreground', className)}\n      data-slot=\"form-message\"\n      id={formMessageId}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { createFormFieldScope, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage };\n"]}

package/dist/chunk-OBHL2EPC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-OBHL2EPC.cjs","../src/components/data-table.tsx"],"names":["jsxs","DropdownMenu","DropdownMenuTrigger","buttonVariants","jsx","Settings2Icon","DropdownMenuContent","DropdownMenuLabel","column","DropdownMenuCheckboxItem","DataTablePagination","className","props","pageSize","table","cn","SelectTrigger","SelectValue","size","SelectItem","Button","DataTableColumnHeader","DropdownMenuItem","ChevronUpIcon","ChevronDownIcon","DropdownMenuSeparator","EyeOffIcon","Fragment","title","SortIcon","sorted"],"mappings":"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","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-OBHL2EPC.cjs","sourcesContent":[null,"'use client';\n\nimport type * as ReactTable from '@tanstack/react-table';\nimport type { ComponentProps, JSX } from 'react';\n\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronsLeftIcon,\n  ChevronsRightIcon,\n  ChevronsUpDownIcon,\n  ChevronUpIcon,\n  EyeOffIcon,\n  Settings2Icon,\n} from 'lucide-react';\n\nimport { Button, buttonVariants } from '@/components/button';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/dropdown-menu';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/select';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableViewOptions\n * -------------------------------------------------------------------------- */\n\nfunction DataTableViewOptions<TData>({ table }: { table: ReactTable.Table<TData> }): JSX.Element {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger className={buttonVariants({ size: 'sm', variant: 'outline' })}>\n        <Settings2Icon className=\"size-4\" />\n        View\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-36\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter((column) => column.accessorFn !== undefined && column.getCanHide())\n          .map((column) => (\n            <DropdownMenuCheckboxItem\n              key={column.id}\n              checked={column.getIsVisible()}\n              className=\"capitalize\"\n              onCheckedChange={(value) => {\n                column.toggleVisibility(Boolean(value));\n              }}\n            >\n              {column.id}\n            </DropdownMenuCheckboxItem>\n          ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTablePagination\n * -------------------------------------------------------------------------- */\n\nfunction DataTablePagination<TData>({\n  className,\n  table,\n  ...props\n}: ComponentProps<'div'> & {\n  table: ReactTable.Table<TData>;\n}): JSX.Element {\n  const pageSize = table.getState().pagination.pageSize;\n\n  return (\n    <div className={cn('flex flex-wrap items-center justify-between gap-4 px-2', className)} {...props}>\n      <div className=\"text-muted-foreground min-w-max flex-1 text-sm\">\n        {table.getFilteredSelectedRowModel().rows.length} of {table.getFilteredRowModel().rows.length} row(s) selected.\n      </div>\n      <div className=\"flex grow flex-wrap items-center justify-between gap-4 md:justify-end md:gap-x-6 lg:gap-x-8\">\n        <div className=\"flex flex-wrap items-center gap-x-2 gap-y-4\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={pageSize.toString()}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"w-18 h-8\">\n              <SelectValue placeholder={pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((size) => (\n                <SelectItem key={size} value={String(size)}>\n                  {size}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex flex-wrap items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n        </div>\n        <div className=\"flex flex-wrap items-center gap-x-2 gap-y-4\">\n          <Button\n            className=\"size-8 max-md:hidden\"\n            disabled={!table.getCanPreviousPage()}\n            size=\"icon\"\n            variant=\"outline\"\n            onClick={() => {\n              table.setPageIndex(0);\n            }}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronsLeftIcon className=\"size-4\" />\n          </Button>\n          <Button\n            className=\"size-8\"\n            disabled={!table.getCanPreviousPage()}\n            size=\"icon\"\n            variant=\"outline\"\n            onClick={() => {\n              table.previousPage();\n            }}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeftIcon className=\"size-4\" />\n          </Button>\n          <Button\n            className=\"size-8\"\n            disabled={!table.getCanNextPage()}\n            size=\"icon\"\n            variant=\"outline\"\n            onClick={() => {\n              table.nextPage();\n            }}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRightIcon className=\"size-4\" />\n          </Button>\n          <Button\n            className=\"size-8 max-md:hidden\"\n            disabled={!table.getCanNextPage()}\n            size=\"icon\"\n            variant=\"outline\"\n            onClick={() => {\n              table.setPageIndex(table.getPageCount() - 1);\n            }}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronsRightIcon className=\"size-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableColumnHeader\n * -------------------------------------------------------------------------- */\n\nfunction DataTableColumnHeader<TData, TValue>({\n  column,\n  title,\n}: {\n  column: ReactTable.Column<TData, TValue>;\n  title: string;\n}): JSX.Element {\n  if (!column.getCanSort()) {\n    return <>{title}</>;\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          className={cn('hover:not-disabled:bg-initial p-0 text-sm focus-visible:ring-0')}\n          size=\"sm\"\n          suffix={<SortIcon className=\"opacity-50\" sorted={column.getIsSorted()} />}\n          variant=\"ghost\"\n        >\n          {title}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\">\n        <DropdownMenuItem\n          onClick={() => {\n            column.toggleSorting(false);\n          }}\n        >\n          <ChevronUpIcon className=\"size-4 opacity-50\" />\n          Asc\n        </DropdownMenuItem>\n        <DropdownMenuItem\n          onClick={() => {\n            column.toggleSorting(true);\n          }}\n        >\n          <ChevronDownIcon className=\"size-4 opacity-50\" />\n          Desc\n        </DropdownMenuItem>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem\n          onClick={() => {\n            column.toggleVisibility(false);\n          }}\n        >\n          <EyeOffIcon className=\"size-4 opacity-50\" />\n          Hide\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction SortIcon({\n  sorted,\n  className,\n}: {\n  sorted: false | ReactTable.SortDirection;\n  className?: string;\n}): JSX.Element {\n  switch (sorted) {\n    case 'desc': {\n      return <ChevronDownIcon className={className} />;\n    }\n\n    case 'asc': {\n      return <ChevronUpIcon className={className} />;\n    }\n\n    default: {\n      return <ChevronsUpDownIcon className={className} />;\n    }\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { DataTableColumnHeader, DataTablePagination, DataTableViewOptions };\n"]}

package/dist/chunk-OKUFCFYT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/utils.ts"],"names":["clsx","twMerge","cn","inputs"],"mappings":"AAEA,OAAS,QAAAA,MAAY,OACrB,OAAS,WAAAC,MAAe,iBAKjB,SAASC,KAAMC,EAA8B,CAClD,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B","sourcesContent":["import type { ClassValue } from 'clsx';\n\nimport { clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Returns the combined class names from the given inputs.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-OSBDYGS3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-OSBDYGS3.cjs","../src/components/button.tsx"],"names":["buttonVariants","tv","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","props","jsxs","jsx","Spinner"],"mappings":"AAAA,iIAAwC,qDCGrB,+CA6Df,IArDEA,CAAAA,CAAiBC,kCAAAA,CACrB,IAAA,CAAM,8OAAA,CACN,QAAA,CAAU,CACR,IAAA,CAAM,CACJ,EAAA,CAAI,4BAAA,CACJ,EAAA,CAAI,0BAAA,CACJ,EAAA,CAAI,2BAAA,CACJ,IAAA,CAAM,QACR,CAAA,CACA,OAAA,CAAS,CACP,OAAA,CACE,sIAAA,CACF,SAAA,CAAW,sGAAA,CACX,WAAA,CACE,gKAAA,CACF,OAAA,CACE,udAAA,CACF,KAAA,CACE,iJAAA,CACF,IAAA,CAAM,yFACR,CACF,CAAA,CACA,eAAA,CAAiB,CACf,IAAA,CAAM,IAAA,CACN,OAAA,CAAS,SACX,CACF,CAAC,CAAA,CAMD,SAASC,CAAAA,CAAO,CACd,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CAAiB,QAAA,CACjB,OAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAOkB,CAChB,OACEC,8BAAAA,QAAC,CAAA,CACC,SAAA,CAAWd,CAAAA,CAAe,CAAE,SAAA,CAAAI,CAAAA,CAAW,IAAA,CAAAK,CAAAA,CAAM,OAAA,CAAAG,CAAQ,CAAC,CAAA,CACtD,WAAA,CAAU,QAAA,CACV,cAAA,CAAcA,CAAAA,CACd,QAAA,CAAUL,CAAAA,EAAWF,CAAAA,CACrB,IAAA,CAAK,QAAA,CACJ,GAAGQ,CAAAA,CAEH,QAAA,CAAA,CAAAN,CAAAA,EAAWD,CAAAA,GAAmB,QAAA,CAAWI,CAAAA,EAAWK,6BAAAA,mBAACC,CAAA,CAAA,CAAQ,CAAA,CAAKR,CAAAA,CAClEL,CAAAA,CACAI,CAAAA,EAAWD,CAAAA,GAAmB,QAAA,CAAWI,CAAAA,EAAWK,6BAAAA,mBAACC,CAAA,CAAA,CAAQ,CAAA,CAAKL,CAAAA,CAAAA,CACrE,CAEJ,CAAA,6BAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-OSBDYGS3.cjs","sourcesContent":[null,"import type { ComponentProps, JSX, ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { tv } from 'tailwind-variants';\n\nimport { Spinner } from '@/components/spinner';\n\n/* -----------------------------------------------------------------------------\n * Variant: Button\n * -------------------------------------------------------------------------- */\n\nconst buttonVariants = tv({\n  base: \"focus-visible:ring-3 outline-hidden inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n  variants: {\n    size: {\n      sm: 'h-8 px-3 has-[>svg]:px-2.5', // 32px\n      md: 'h-9 px-4 has-[>svg]:px-3', // 36px\n      lg: 'h-10 px-6 has-[>svg]:px-4', // 40px\n      icon: 'size-9',\n    },\n    variant: {\n      default:\n        'bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 hover:not-disabled:bg-primary/80',\n      secondary: 'bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50',\n      destructive:\n        'bg-destructive dark:bg-destructive/60 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 hover:not-disabled:bg-destructive/90 text-white',\n      outline:\n        'border-input shadow-xs hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 focus-visible:border-ring aria-invalid:border-destructive dark:aria-invalid:border-destructive/70 hover:not-disabled:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 hover:not-disabled:border-ring/60 border',\n      ghost:\n        'hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50',\n      link: 'text-primary hover:not-disabled:underline focus-visible:ring-ring/50 underline-offset-4',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\nfunction Button({\n  children,\n  className,\n  disabled,\n  loaderPosition = 'prefix',\n  loading,\n  prefix,\n  size,\n  spinner,\n  suffix,\n  variant,\n  ...props\n}: Omit<ComponentProps<'button'>, 'prefix'> &\n  VariantProps<typeof buttonVariants> & {\n    loaderPosition?: 'prefix' | 'suffix';\n    loading?: boolean;\n    prefix?: ReactNode;\n    spinner?: ReactNode;\n    suffix?: ReactNode;\n  }): JSX.Element {\n  return (\n    <button\n      className={buttonVariants({ className, size, variant })}\n      data-slot=\"button\"\n      data-variant={variant}\n      disabled={loading || disabled}\n      type=\"button\"\n      {...props}\n    >\n      {loading && loaderPosition === 'prefix' ? spinner || <Spinner /> : prefix}\n      {children}\n      {loading && loaderPosition === 'suffix' ? spinner || <Spinner /> : suffix}\n    </button>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button, buttonVariants };\n"]}

package/dist/chunk-OT65LUKH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-OT65LUKH.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-OT65LUKH.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('text-muted-foreground ml-auto text-xs tracking-widest', className)}\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-P5KMECT7.cjs.map

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

package/dist/chunk-P6OP3EXT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-P6OP3EXT.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-P6OP3EXT.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', 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-2xl data-[vaul-drawer-direction=top]:rounded-b-2xl 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-POJOZ7HM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-POJOZ7HM.cjs","../src/components/input.tsx"],"names":["inputVariants","tv","input","root","Input","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","props","jsx","Spinner","TextInput"],"mappings":"AAAA,mZAAwC,oFCGR,qDACb,+CA2DO,IAnDpBA,CAAAA,CAAgBC,kCAAAA,CACpB,KAAA,CAAO,CACL,IAAA,CAAM,omBAAA,CACN,KAAA,CACE,8GACJ,CACF,CAAC,CAAA,CAEK,CAAE,KAAA,CAAAC,CAAAA,CAAO,IAAA,CAAAC,CAAK,CAAA,CAAIH,CAAAA,CAAc,CAAA,CAMtC,SAASI,CAAAA,CAAM,CACb,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAiBkB,CAChB,OACEC,6BAAAA,CAAgB,CAAA,IAAA,CAAf,CACC,SAAA,CAAWX,CAAAA,CAAK,CAAE,SAAA,CAAAE,CAAU,CAAC,CAAA,CAC7B,WAAA,CAAU,OAAA,CACV,QAAA,CAAUC,CAAAA,CACV,cAAA,CAAgBC,CAAAA,CAChB,OAAA,CAASC,CAAAA,CACT,MAAA,CAAQC,CAAAA,CACR,QAAA,CAAUC,CAAAA,CACV,OAAA,CAASC,CAAAA,EAAWG,6BAAAA,mBAACC,CAAA,CAAA,CAAQ,CAAA,CAC7B,MAAA,CAAQH,CAAAA,CAER,QAAA,CAAAE,6BAAAA,CAAgB,CAAA,IAAA,CAAf,CAAoB,SAAA,CAAWZ,CAAAA,CAAM,CAAA,CAAG,WAAA,CAAU,YAAA,CAAc,GAAGW,CAAAA,CAAO,CAAA,CAC7E,CAEJ,CAWA,IAAMG,CAAAA,CAAYZ,CAAAA,CAAAA,4CAAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-POJOZ7HM.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport * as InputPrimitive from '@codefast-ui/input';\nimport { tv } from 'tailwind-variants';\n\nimport { Spinner } from '@/components/spinner';\n\n/* -----------------------------------------------------------------------------\n * Variant: Input\n * -------------------------------------------------------------------------- */\n\nconst inputVariants = tv({\n  slots: {\n    root: \"border-input not-has-disabled:shadow-xs hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-3 has-disabled:opacity-50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 text-base transition md:text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0\",\n    input:\n      'placeholder:text-muted-foreground outline-hidden file:py-1.75 size-full file:bg-transparent file:font-medium',\n  },\n});\n\nconst { input, root } = inputVariants();\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\nfunction Input({\n  className,\n  disabled,\n  loaderPosition,\n  loading,\n  prefix,\n  readOnly,\n  spinner,\n  suffix,\n  ...props\n}: ComponentProps<typeof InputPrimitive.Root> &\n  Omit<ComponentProps<typeof InputPrimitive.Item>, 'prefix' | 'type'> &\n  VariantProps<typeof inputVariants> & {\n    type?:\n      | 'date'\n      | 'datetime-local'\n      | 'email'\n      | 'file'\n      | 'month'\n      | 'number'\n      | 'password'\n      | 'search'\n      | 'tel'\n      | 'text'\n      | 'time'\n      | 'url'\n      | 'week';\n  }): JSX.Element {\n  return (\n    <InputPrimitive.Root\n      className={root({ className })}\n      data-slot=\"input\"\n      disabled={disabled}\n      loaderPosition={loaderPosition}\n      loading={loading}\n      prefix={prefix}\n      readOnly={readOnly}\n      spinner={spinner || <Spinner />}\n      suffix={suffix}\n    >\n      <InputPrimitive.Item className={input()} data-slot=\"input-item\" {...props} />\n    </InputPrimitive.Root>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Deprecated\n * -------------------------------------------------------------------------- */\n\n/**\n * @deprecated\n * This component is an alias of the Input component.\n * Please use the Input component instead to ensure consistency.\n */\nconst TextInput = Input;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Input, inputVariants, TextInput };\n"]}

package/dist/chunk-PQPCVOZX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-PQPCVOZX.cjs","../src/components/card.tsx"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","children","CardDescription","CardContent","CardFooter","CardAction"],"mappings":"AAAA,iIAAwC,+CCUpC,SAFKA,CAAAA,CAAK,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAuC,CACzE,OACEC,6BAAAA,KAAC,CAAA,CACC,SAAA,CAAWC,iCAAAA,iGACT,CACAH,CACF,CAAA,CACA,WAAA,CAAU,MAAA,CACT,GAAGC,CAAAA,CACN,CAEJ,CAMA,SAASG,CAAAA,CAAW,CAAE,SAAA,CAAAJ,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAuC,CAC/E,OACEC,6BAAAA,KAAC,CAAA,CACC,SAAA,CAAWC,iCAAAA,4JACT,CACAH,CACF,CAAA,CACA,WAAA,CAAU,aAAA,CACT,GAAGC,CAAAA,CACN,CAEJ,CAMA,SAASI,CAAAA,CAAU,CAAE,QAAA,CAAAC,CAAAA,CAAU,SAAA,CAAAN,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAuC,CACxF,OACEC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWC,iCAAAA,4BAAG,CAA8BH,CAAS,CAAA,CAAG,WAAA,CAAU,YAAA,CAAc,GAAGC,CAAAA,CACrF,QAAA,CAAAK,CAAAA,CACH,CAEJ,CAMA,SAASC,CAAAA,CAAgB,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAuC,CACpF,OAAOC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWC,iCAAAA,+BAAG,CAAiCH,CAAS,CAAA,CAAG,WAAA,CAAU,kBAAA,CAAoB,GAAGC,CAAAA,CAAO,CACjH,CAMA,SAASO,CAAAA,CAAY,CAAE,SAAA,CAAAR,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAuC,CAChF,OAAOC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWC,iCAAAA,MAAG,CAAQH,CAAS,CAAA,CAAG,WAAA,CAAU,cAAA,CAAgB,GAAGC,CAAAA,CAAO,CACpF,CAMA,SAASQ,CAAAA,CAAW,CAAE,SAAA,CAAAT,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAuC,CAC/E,OACEC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWC,iCAAAA,yCAAG,CAA2CH,CAAS,CAAA,CAAG,WAAA,CAAU,aAAA,CAAe,GAAGC,CAAAA,CAAO,CAEjH,CAMA,SAASS,CAAAA,CAAW,CAAE,SAAA,CAAAV,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAuC,CAC/E,OACEC,6BAAAA,KAAC,CAAA,CACC,SAAA,CAAWC,iCAAAA,gEAAG,CAAkEH,CAAS,CAAA,CACzF,WAAA,CAAU,aAAA,CACT,GAAGC,CAAAA,CACN,CAEJ,CAAA,wGAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-PQPCVOZX.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Card\n * -------------------------------------------------------------------------- */\n\nfunction Card({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn(\n        'bg-card text-card-foreground flex flex-col gap-6 overflow-auto rounded-xl border py-6 shadow-sm',\n        className,\n      )}\n      data-slot=\"card\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardHeader\n * -------------------------------------------------------------------------- */\n\nfunction CardHeader({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn(\n        '@container/card-header [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-[data-slot=card-action]:grid-cols-[1fr_auto]',\n        className,\n      )}\n      data-slot=\"card-header\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardTitle\n * -------------------------------------------------------------------------- */\n\nfunction CardTitle({ children, className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div className={cn('font-semibold leading-none', className)} data-slot=\"card-title\" {...props}>\n      {children}\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardDescription\n * -------------------------------------------------------------------------- */\n\nfunction CardDescription({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return <div className={cn('text-muted-foreground text-sm', className)} data-slot=\"card-description\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardContent\n * -------------------------------------------------------------------------- */\n\nfunction CardContent({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return <div className={cn('px-6', className)} data-slot=\"card-content\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardFooter\n * -------------------------------------------------------------------------- */\n\nfunction CardFooter({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div className={cn('[.border-t]:pt-6 flex items-center px-6', className)} data-slot=\"card-footer\" {...props} />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CardAction\n * -------------------------------------------------------------------------- */\n\nfunction CardAction({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      data-slot=\"card-action\"\n      {...props}\n    />\n  );\n}\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"]}

package/dist/chunk-Q24HBDJY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-Q24HBDJY.cjs","../src/components/checkbox-group.tsx"],"names":["CheckboxGroup","className","props","jsx","cn","CheckboxGroupItem","CheckIcon"],"mappings":"AAAA,mZAAwC,6GCEA,2CACd,+CASjB,SADAA,CAAAA,CAAc,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAoE,CAC/G,OAAOC,6BAAAA,CAAwB,CAAA,IAAA,CAAvB,CAA4B,SAAA,CAAWC,iCAAAA,YAAG,CAAcH,CAAS,CAAA,CAAG,WAAA,CAAU,gBAAA,CAAkB,GAAGC,CAAAA,CAAO,CACpH,CAMA,SAASG,CAAAA,CAAkB,CAAE,SAAA,CAAAJ,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAoE,CACnH,OACEC,6BAAAA,CAAwB,CAAA,IAAA,CAAvB,CACC,SAAA,CAAWC,iCAAAA,0pBACT,CACAH,CACF,CAAA,CACA,WAAA,CAAU,qBAAA,CACT,GAAGC,CAAAA,CAEJ,QAAA,CAAAC,6BAAAA,CAAwB,CAAA,sBAAA,CAAvB,CACC,SAAA,CAAU,+DAAA,CACV,WAAA,CAAU,0BAAA,CAEV,QAAA,CAAAA,6BAAAA,sBAACG,CAAA,CAAU,SAAA,CAAU,UAAA,CAAW,CAAA,CAClC,CAAA,CACF,CAEJ,CAAA,6BAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-Q24HBDJY.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\n\nimport * as CheckboxGroupPrimitive from '@codefast-ui/checkbox-group';\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroup\n * -------------------------------------------------------------------------- */\n\nfunction CheckboxGroup({ className, ...props }: ComponentProps<typeof CheckboxGroupPrimitive.Root>): JSX.Element {\n  return <CheckboxGroupPrimitive.Root className={cn('grid gap-2', className)} data-slot=\"checkbox-group\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CheckboxGroupItem\n * -------------------------------------------------------------------------- */\n\nfunction CheckboxGroupItem({ className, ...props }: ComponentProps<typeof CheckboxGroupPrimitive.Item>): JSX.Element {\n  return (\n    <CheckboxGroupPrimitive.Item\n      className={cn(\n        'border-input text-primary-foreground shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-checked:aria-invalid:bg-destructive hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-sm border transition disabled:opacity-50',\n        className,\n      )}\n      data-slot=\"checkbox-group-item\"\n      {...props}\n    >\n      <CheckboxGroupPrimitive.CheckboxGroupIndicator\n        className=\"flex items-center justify-center text-current transition-none\"\n        data-slot=\"checkbox-group-indicator\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxGroupPrimitive.CheckboxGroupIndicator>\n    </CheckboxGroupPrimitive.Item>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { CheckboxGroup, CheckboxGroupItem };\n"]}

package/dist/chunk-QHTSSIGW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-QHTSSIGW.cjs","../src/components/alert-dialog.tsx"],"names":["AlertDialog","props","jsx","AlertDialogTrigger","AlertDialogContent","children","className","classNames","jsxs","cn","AlertDialogHeader","AlertDialogBody","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","size","variant","buttonVariants","AlertDialogCancel"],"mappings":"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","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-QHTSSIGW.cjs","sourcesContent":[null,"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',\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-RNLUQH6E.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-RNLUQH6E.cjs","../src/components/accordion.tsx"],"names":["Accordion","props","jsx","AccordionItem","className","cn","AccordionIcon","asChild","Slot","ChevronDownIcon","AccordionTrigger","children","AccordionContent"],"mappings":"AAAA,mZAAwC,6GCEJ,iDACf,2CACW,+CASvB,SADAA,CAAAA,CAAU,CAAE,GAAGC,CAAM,CAAA,CAAgE,CAC5F,OAAOC,6BAAAA,CAAoB,CAAA,IAAA,CAAnB,CAAwB,WAAA,CAAU,WAAA,CAAa,GAAGD,CAAAA,CAAO,CACnE,CAMA,SAASE,CAAAA,CAAc,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGH,CAAM,CAAA,CAAgE,CAC3G,OACEC,6BAAAA,CAAoB,CAAA,IAAA,CAAnB,CACC,SAAA,CAAWG,iCAAAA,0BAAG,CAA4BD,CAAS,CAAA,CACnD,WAAA,CAAU,gBAAA,CACT,GAAGH,CAAAA,CACN,CAEJ,CAMA,SAASK,CAAAA,CAAc,CACrB,OAAA,CAAAC,CAAAA,CACA,SAAA,CAAAH,CAAAA,CACA,GAAGH,CACL,CAAA,CAGgB,CAGd,OACEC,6BAAAA,CAHiBK,CAAUC,eAAAA,CAAOC,4BAAAA,CAGjC,CACC,aAAA,CAAW,CAAA,CAAA,CACX,SAAA,CAAWJ,iCAAAA,yFACT,CACAD,CACF,CAAA,CACA,WAAA,CAAU,gBAAA,CACT,GAAGH,CAAAA,CACN,CAEJ,CAMA,SAASS,CAAAA,CAAiB,CACxB,SAAA,CAAAN,CAAAA,CACA,QAAA,CAAAO,CAAAA,CACA,GAAGV,CACL,CAAA,CAAmE,CACjE,OACEC,6BAAAA,CAAoB,CAAA,MAAA,CAAnB,CAA0B,SAAA,CAAU,MAAA,CAAO,WAAA,CAAU,2BAAA,CACpD,QAAA,CAAAA,6BAAAA,CAAoB,CAAA,OAAA,CAAnB,CACC,SAAA,CAAWG,iCAAAA,uQACT,CACAD,CACF,CAAA,CACA,WAAA,CAAU,mBAAA,CACT,GAAGH,CAAAA,CAEH,QAAA,CAAAU,CAAAA,CACH,CAAA,CACF,CAEJ,CAMA,SAASC,CAAAA,CAAiB,CACxB,QAAA,CAAAD,CAAAA,CACA,SAAA,CAAAP,CAAAA,CACA,GAAGH,CACL,CAAA,CAAmE,CACjE,OACEC,6BAAAA,CAAoB,CAAA,OAAA,CAAnB,CACC,SAAA,CAAU,uGAAA,CACV,WAAA,CAAU,mBAAA,CACT,GAAGD,CAAAA,CAEJ,QAAA,CAAAC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWG,iCAAAA,mBAAG,CAAqBD,CAAS,CAAA,CAAI,QAAA,CAAAO,CAAAA,CAAS,CAAA,CAChE,CAEJ,CAAA,0EAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-RNLUQH6E.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\n\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Accordion\n * -------------------------------------------------------------------------- */\n\nfunction Accordion({ ...props }: ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionItem\n * -------------------------------------------------------------------------- */\n\nfunction AccordionItem({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element {\n  return (\n    <AccordionPrimitive.Item\n      className={cn('border-b last:border-b-0', className)}\n      data-slot=\"accordion-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionIcon\n * -------------------------------------------------------------------------- */\n\nfunction AccordionIcon({\n  asChild,\n  className,\n  ...props\n}: ComponentProps<typeof Slot> & {\n  asChild?: boolean;\n  className?: string;\n}): JSX.Element {\n  const Component = (asChild ? Slot : ChevronDownIcon) as typeof Slot;\n\n  return (\n    <Component\n      aria-hidden\n      className={cn(\n        'text-muted-foreground size-4 shrink-0 translate-y-0.5 transition-transform duration-200',\n        className,\n      )}\n      data-slot=\"accordion-icon\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionTrigger\n * -------------------------------------------------------------------------- */\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element {\n  return (\n    <AccordionPrimitive.Header className=\"flex\" data-slot=\"accordion-trigger-wrapper\">\n      <AccordionPrimitive.Trigger\n        className={cn(\n          'focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden hover:not-disabled:underline group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',\n          className,\n        )}\n        data-slot=\"accordion-trigger\"\n        {...props}\n      >\n        {children}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionContent\n * -------------------------------------------------------------------------- */\n\nfunction AccordionContent({\n  children,\n  className,\n  ...props\n}: ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element {\n  return (\n    <AccordionPrimitive.Content\n      className=\"data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden\"\n      data-slot=\"accordion-content\"\n      {...props}\n    >\n      <div className={cn('pb-4 pt-0 text-sm', className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };\n"]}

package/dist/chunk-SLXE24VS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-SLXE24VS.cjs","../src/components/breadcrumb.tsx"],"names":["Breadcrumb","props","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRightIcon","BreadcrumbEllipsis","jsxs","EllipsisIcon"],"mappings":"AAAA,qOAAwC,iDCEnB,2CAC0B,+CAatC,SALAA,CAAAA,CAAW,CAClB,GAAGC,CACL,CAAA,CAEgB,CACd,OAAOC,6BAAAA,KAAC,CAAA,CAAI,YAAA,CAAW,YAAA,CAAa,WAAA,CAAU,YAAA,CAAc,GAAGD,CAAAA,CAAO,CACxE,CAMA,SAASE,CAAAA,CAAe,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGH,CAAM,CAAA,CAAsC,CAClF,OACEC,6BAAAA,IAAC,CAAA,CACC,SAAA,CAAWG,iCAAAA,wFACT,CACAD,CACF,CAAA,CACA,WAAA,CAAU,iBAAA,CACT,GAAGH,CAAAA,CACN,CAEJ,CAMA,SAASK,CAAAA,CAAe,CAAE,SAAA,CAAAF,CAAAA,CAAW,GAAGH,CAAM,CAAA,CAAsC,CAClF,OAAOC,6BAAAA,IAAC,CAAA,CAAG,SAAA,CAAWG,iCAAAA,kCAAG,CAAoCD,CAAS,CAAA,CAAG,WAAA,CAAU,iBAAA,CAAmB,GAAGH,CAAAA,CAAO,CAClH,CAMA,SAASM,CAAAA,CAAe,CACtB,OAAA,CAAAC,CAAAA,CACA,SAAA,CAAAJ,CAAAA,CACA,GAAGH,CACL,CAAA,CAEgB,CAGd,OACEC,6BAAAA,CAHgBM,CAAUC,eAAAA,CAAO,GAAA,CAGhC,CACC,SAAA,CAAWJ,iCAAAA,yCAAG,CAA2CD,CAAS,CAAA,CAClE,WAAA,CAAU,iBAAA,CACT,GAAGH,CAAAA,CACN,CAEJ,CAMA,SAASS,CAAAA,CAAe,CAAE,SAAA,CAAAN,CAAAA,CAAW,GAAGH,CAAM,CAAA,CAAwC,CACpF,OACEC,6BAAAA,MAAC,CAAA,CACC,cAAA,CAAa,MAAA,CACb,eAAA,CAAc,MAAA,CACd,SAAA,CAAWG,iCAAAA,6BAAG,CAA+BD,CAAS,CAAA,CACtD,WAAA,CAAU,iBAAA,CACV,IAAA,CAAK,MAAA,CACJ,GAAGH,CAAAA,CACN,CAEJ,CAMA,SAASU,CAAAA,CAAoB,CAAE,QAAA,CAAAC,CAAAA,CAAU,GAAGX,CAAM,CAAA,CAAsC,CACtF,OACEC,6BAAAA,IAAC,CAAA,CAAG,aAAA,CAAY,MAAA,CAAO,WAAA,CAAU,sBAAA,CAAuB,IAAA,CAAK,cAAA,CAAgB,GAAGD,CAAAA,CAC7E,QAAA,kBAAAW,CAAAA,SAAYV,6BAAAA,6BAACW,CAAA,CAAiB,SAAA,CAAU,UAAA,CAAW,GAAA,CACtD,CAEJ,CAMA,SAASC,CAAAA,CAAmB,CAAE,SAAA,CAAAV,CAAAA,CAAW,GAAGH,CAAM,CAAA,CAAwC,CACxF,OACEc,8BAAAA,MAAC,CAAA,CACC,aAAA,CAAY,MAAA,CACZ,SAAA,CAAWV,iCAAAA,yCAAG,CAA2CD,CAAS,CAAA,CAClE,WAAA,CAAU,qBAAA,CACV,IAAA,CAAK,cAAA,CACJ,GAAGH,CAAAA,CAEJ,QAAA,CAAA,CAAAC,6BAAAA,yBAACc,CAAA,CAAa,SAAA,CAAU,QAAA,CAAS,CAAA,CACjCd,6BAAAA,MAAC,CAAA,CAAK,SAAA,CAAU,SAAA,CAAU,QAAA,CAAA,MAAA,CAAI,CAAA,CAAA,CAChC,CAEJ,CAAA,wGAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-SLXE24VS.cjs","sourcesContent":[null,"import type { ComponentProps, JSX, ReactNode } from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronRightIcon, EllipsisIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\nfunction Breadcrumb({\n  ...props\n}: ComponentProps<'nav'> & {\n  separator?: ReactNode;\n}): JSX.Element {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\nfunction BreadcrumbList({ className, ...props }: ComponentProps<'ol'>): JSX.Element {\n  return (\n    <ol\n      className={cn(\n        'text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2',\n        className,\n      )}\n      data-slot=\"breadcrumb-list\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\nfunction BreadcrumbItem({ className, ...props }: ComponentProps<'li'>): JSX.Element {\n  return <li className={cn('inline-flex items-center gap-1.5', className)} data-slot=\"breadcrumb-item\" {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: ComponentProps<'a'> & {\n  asChild?: boolean;\n}): JSX.Element {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={cn('hover:text-foreground transition-colors', className)}\n      data-slot=\"breadcrumb-link\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\nfunction BreadcrumbPage({ className, ...props }: ComponentProps<'span'>): JSX.Element {\n  return (\n    <span\n      aria-current=\"page\"\n      aria-disabled=\"true\"\n      className={cn('text-foreground font-normal', className)}\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\nfunction BreadcrumbSeparator({ children, ...props }: ComponentProps<'li'>): JSX.Element {\n  return (\n    <li aria-hidden=\"true\" data-slot=\"breadcrumb-separator\" role=\"presentation\" {...props}>\n      {children ?? <ChevronRightIcon className=\"size-3.5\" />}\n    </li>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\nfunction BreadcrumbEllipsis({ className, ...props }: ComponentProps<'span'>): JSX.Element {\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn('flex size-4 items-center justify-center', className)}\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      {...props}\n    >\n      <EllipsisIcon className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n"]}

package/dist/chunk-SMJEDCFP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/utils.ts"],"names":["cn","inputs","twMerge","clsx"],"mappings":"AAEA,qGAAqB,+CACG,SAKRA,CAAAA,CAAAA,GAAMC,CAAAA,CAA8B,CAClD,OAAOC,oCAAAA,wBAAQC,CAAW,CAAC,CAC7B,CAAA,cAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-SMJEDCFP.cjs","sourcesContent":["import type { ClassValue } from 'clsx';\n\nimport { clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Returns the combined class names from the given inputs.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-SRP463XH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-SRP463XH.cjs","../src/components/separator.tsx"],"names":["separatorVariants","tv","Separator","align","className","decorative","orientation","props","jsx","SeparatorItem","cn"],"mappings":"AAAA,mZAAwC,6GCGJ,qDACjB,+CAwCf,IAhCEA,CAAAA,CAAoBC,kCAAAA,CACxB,IAAA,CAAM,+CAAA,CACN,QAAA,CAAU,CACR,KAAA,CAAO,CACL,MAAA,CAAQ,gBAAA,CACR,GAAA,CAAK,aAAA,CACL,KAAA,CAAO,eACT,CAAA,CACA,WAAA,CAAa,CACX,UAAA,CAAY,aAAA,CACZ,QAAA,CAAU,sBACZ,CACF,CAAA,CACA,eAAA,CAAiB,CACf,KAAA,CAAO,QAAA,CACP,WAAA,CAAa,YACf,CACF,CAAC,CAAA,CAMD,SAASC,CAAAA,CAAU,CACjB,KAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAA,CACb,WAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAC4E,CAC1E,OACEC,6BAAAA,CAAoB,CAAA,IAAA,CAAnB,CACC,SAAA,CAAWR,CAAAA,CAAkB,CAAE,KAAA,CAAAG,CAAAA,CAAO,SAAA,CAAAC,CAAAA,CAAW,WAAA,CAAAE,CAAY,CAAC,CAAA,CAC9D,WAAA,CAAU,WAAA,CACV,UAAA,CAAYD,CAAAA,CACZ,WAAA,CAAaC,CAAAA,CACZ,GAAGC,CAAAA,CACN,CAEJ,CAMA,SAASE,CAAAA,CAAc,CAAE,SAAA,CAAAL,CAAAA,CAAW,GAAGG,CAAM,CAAA,CAAuC,CAClF,OACEC,6BAAAA,KAAC,CAAA,CACC,SAAA,CAAWE,iCAAAA,gEAAG,CAAkEN,CAAS,CAAA,CACzF,WAAA,CAAU,gBAAA,CACT,GAAGG,CAAAA,CACN,CAEJ,CAAA,6BAAA","file":"/Users/vuongphan/Projects/codefastlabs/codefast/packages/ui/dist/chunk-SRP463XH.cjs","sourcesContent":[null,"import type { ComponentProps, JSX } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { tv } from 'tailwind-variants';\n\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Variant: Separator\n * -------------------------------------------------------------------------- */\n\nconst separatorVariants = tv({\n  base: 'bg-border relative flex shrink-0 items-center',\n  variants: {\n    align: {\n      center: 'justify-center',\n      end: 'justify-end',\n      start: 'justify-start',\n    },\n    orientation: {\n      horizontal: 'h-px w-full',\n      vertical: 'h-full w-px flex-col',\n    },\n  },\n  defaultVariants: {\n    align: 'center',\n    orientation: 'horizontal',\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\nfunction Separator({\n  align,\n  className,\n  decorative = true,\n  orientation,\n  ...props\n}: ComponentProps<typeof SeparatorPrimitive.Root> &\n  Omit<VariantProps<typeof separatorVariants>, 'orientation'>): JSX.Element {\n  return (\n    <SeparatorPrimitive.Root\n      className={separatorVariants({ align, className, orientation })}\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SeparatorItem\n * -------------------------------------------------------------------------- */\n\nfunction SeparatorItem({ className, ...props }: ComponentProps<'div'>): JSX.Element {\n  return (\n    <div\n      className={cn('bg-background text-muted-foreground absolute mx-2 px-2 text-sm', className)}\n      data-slot=\"separator-item\"\n      {...props}\n    />\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator, SeparatorItem };\n"]}