shad-m 1.0.0

package/dist/components/calendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/calendar.tsx"],"names":["currentYear","className","props"],"mappings":"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","file":"calendar.mjs","sourcesContent":["'use client';\n\nimport { Button, buttonVariants } from '@/components/button';\nimport { cn } from '@/lib/utils';\nimport { differenceInCalendarDays, format } from 'date-fns';\nimport { vi, type Locale } from 'date-fns/locale';\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport * as React from 'react';\nimport {\n  DayPicker,\n  labelNext,\n  labelPrevious,\n  useDayPicker,\n  type DayPickerProps,\n} from 'react-day-picker';\n\nexport type CalendarProps = DayPickerProps & {\n  /**\n   * In the year view, the number of years to display at once.\n   * @default 12\n   */\n  yearRange?: number;\n\n  /**\n   * Wether to show the year switcher in the caption.\n   * @default true\n   */\n  showYearSwitcher?: boolean;\n\n  /**\n   * Locale for date formatting and labels.\n   * @default vi (Vietnamese)\n   */\n  locale?: Locale;\n\n  /**\n   * Callback when the nav view changes (days, months, years)\n   */\n  onNavViewChange?: (navView: 'days' | 'months' | 'years') => void;\n\n  monthsClassName?: string;\n  monthCaptionClassName?: string;\n  weekdaysClassName?: string;\n  weekdayClassName?: string;\n  monthClassName?: string;\n  captionClassName?: string;\n  captionLabelClassName?: string;\n  buttonNextClassName?: string;\n  buttonPreviousClassName?: string;\n  navClassName?: string;\n  monthGridClassName?: string;\n  weekClassName?: string;\n  dayClassName?: string;\n  dayButtonClassName?: string;\n  rangeStartClassName?: string;\n  rangeEndClassName?: string;\n  selectedClassName?: string;\n  todayClassName?: string;\n  outsideClassName?: string;\n  disabledClassName?: string;\n  rangeMiddleClassName?: string;\n  hiddenClassName?: string;\n};\n\ntype NavView = 'days' | 'months' | 'years';\n\n/**\n * A custom calendar component built on top of react-day-picker.\n * @param props The props for the calendar.\n * @default yearRange 12\n * @returns\n */\nfunction Calendar({\n  className,\n  showOutsideDays = true,\n  showYearSwitcher = true,\n  yearRange = 12,\n  numberOfMonths,\n  components,\n  locale = vi,\n  onNavViewChange,\n  ...props\n}: CalendarProps) {\n  const { onNextClick, onPrevClick, startMonth, endMonth } = props;\n\n  const [navView, setNavView] = React.useState<NavView>('days');\n  const [currentCalendarMonth, setCurrentCalendarMonth] = React.useState<Date>(() => {\n    // Initialize to current month or defaultMonth if provided\n    return props.defaultMonth || new Date();\n  });\n\n  // Notify parent when navView changes\n  React.useEffect(() => {\n    onNavViewChange?.(navView);\n  }, [navView, onNavViewChange]);\n  const [displayYears, setDisplayYears] = React.useState<{\n    from: number;\n    to: number;\n  }>(\n    React.useMemo(() => {\n      // Use startMonth and endMonth to constrain year range if available\n      if (startMonth && endMonth) {\n        const minYear = startMonth.getFullYear();\n        const maxYear = endMonth.getFullYear();\n\n        // Center the display around current year, but constrain to valid range\n        const currentYear = new Date().getFullYear();\n        const targetCenterYear = Math.max(minYear, Math.min(maxYear, currentYear));\n\n        let from = targetCenterYear - Math.floor(yearRange / 2 - 1);\n        let to = targetCenterYear + Math.ceil(yearRange / 2);\n\n        // Ensure we don't go beyond the allowed range\n        from = Math.max(from, minYear);\n        to = Math.min(to, maxYear);\n\n        // If the range is smaller than yearRange, adjust to show exactly the valid range\n        if (to - from + 1 < yearRange) {\n          from = minYear;\n          to = maxYear;\n        }\n\n        return { from, to };\n      }\n\n      // Fallback to original behavior if no constraints\n      const currentYear = new Date().getFullYear();\n      return {\n        from: currentYear - Math.floor(yearRange / 2 - 1),\n        to: currentYear + Math.ceil(yearRange / 2),\n      };\n    }, [yearRange, startMonth, endMonth]),\n  );\n\n  const columnsDisplayed = navView === 'days' ? numberOfMonths : 1;\n  const isSingleMode = !numberOfMonths || numberOfMonths === 1;\n\n  const _monthsClassName = cn(\n    'relative flex',\n    isSingleMode ? 'w-full' : 'ml-[-4px] w-max',\n    props.monthsClassName,\n  );\n  const _monthCaptionClassName = cn(\n    'relative mx-16 flex h-7 items-center justify-center', // mx-16 for 4 buttons (<<, <, >, >>)\n    props.monthCaptionClassName,\n  );\n  const _weekdaysClassName = cn(\n    'flex flex-row gap-[2px]',\n    isSingleMode ? 'w-full' : '',\n    props.weekdaysClassName,\n  );\n  const _weekdayClassName = cn(\n    isSingleMode ? 'w-11 text-center' : 'w-8',\n    'text-sm font-medium text-muted-foreground',\n    props.weekdayClassName,\n  );\n  const _monthClassName = cn('w-full', props.monthClassName);\n  const _captionClassName = cn(\n    'relative flex items-center justify-center pt-1',\n    props.captionClassName,\n  );\n  const _captionLabelClassName = cn('truncate text-sm font-medium', props.captionLabelClassName);\n  const buttonNavClassName = buttonVariants({\n    variant: 'outline',\n    className: 'absolute h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n  });\n  const _buttonNextClassName = cn(buttonNavClassName, 'right-0', props.buttonNextClassName);\n  const _buttonPreviousClassName = cn(buttonNavClassName, 'left-0', props.buttonPreviousClassName);\n  const _navClassName = cn('flex items-start', props.navClassName);\n  const _monthGridClassName = cn(\n    'mt-4',\n    isSingleMode ? 'w-full' : 'mx-auto',\n    props.monthGridClassName,\n  );\n  const _weekClassName = cn(\n    'mt-1 flex items-start gap-[2px]',\n    isSingleMode ? 'w-full' : 'w-max',\n    props.weekClassName,\n  );\n  const _dayClassName = cn(\n    'flex items-center justify-center p-0 text-sm',\n    isSingleMode ? 'w-11 h-11' : 'size-8 flex-1',\n    props.dayClassName,\n  );\n  const _dayButtonClassName = cn(\n    buttonVariants({ variant: 'ghost' }),\n    'rounded-full p-0 font-medium transition-none aria-selected:opacity-100',\n    isSingleMode ? 'w-11 h-11' : 'size-8',\n    props.dayButtonClassName,\n  );\n  const buttonRangeClassName =\n    'bg-primary/10 [&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground';\n  const _rangeStartClassName = cn(\n    buttonRangeClassName,\n    'day-range-start rounded-s-full',\n    props.rangeStartClassName,\n  );\n  const _rangeEndClassName = cn(\n    buttonRangeClassName,\n    'day-range-end rounded-e-full',\n    props.rangeEndClassName,\n  );\n  const _rangeMiddleClassName = cn(\n    'bg-primary/10 !text-primary !font-medium [&>button]:bg-transparent [&>button]:!text-primary [&>button]:!font-medium [&>button]:hover:bg-transparent [&>button]:hover:!text-foreground',\n    props.rangeMiddleClassName,\n  );\n  const _selectedClassName = cn(\n    '[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:!bg-primary [&>button]:hover:!text-primary-foreground',\n    props.selectedClassName,\n  );\n  const _todayClassName = cn(\n    '[&>button]:bg-primary/10 [&>button]:text-accent-foreground [&>button]:hover:bg-accent [&>button]:hover:text-accent-foreground',\n    props.todayClassName,\n  );\n  const _outsideClassName = cn(\n    'day-outside text-muted-foreground opacity-50 aria-selected:bg-primary/10/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n    props.outsideClassName,\n  );\n  const _disabledClassName = cn('text-muted-foreground opacity-50', props.disabledClassName);\n  const _hiddenClassName = cn('invisible flex-1', props.hiddenClassName);\n\n  // Custom formatters để hiển thị tháng và thứ dưới dạng ngắn gọn\n  const formatters = {\n    formatCaption: (date: Date) => {\n      return `Tháng ${format(date, 'MM yyyy')}`;\n    },\n    formatWeekdayName: (date: Date) => {\n      const dayNames = ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7'];\n      return dayNames[date.getDay()] || 'CN';\n    },\n  };\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      locale={locale}\n      formatters={formatters}\n      className={cn('p-0', className)}\n      style={\n        navView === 'years'\n          ? { width: '274px' }\n          : navView === 'months'\n            ? { width: '312px' }\n            : isSingleMode\n              ? { width: '340px' }\n              : {\n                  width: 252 * (columnsDisplayed ?? 1) + 'px',\n                }\n      }\n      classNames={{\n        months: _monthsClassName,\n        month_caption: _monthCaptionClassName,\n        weekdays: _weekdaysClassName,\n        weekday: _weekdayClassName,\n        month: _monthClassName,\n        caption: _captionClassName,\n        caption_label: _captionLabelClassName,\n        button_next: _buttonNextClassName,\n        button_previous: _buttonPreviousClassName,\n        nav: _navClassName,\n        month_grid: _monthGridClassName,\n        week: _weekClassName,\n        day: _dayClassName,\n        day_button: _dayButtonClassName,\n        range_start: _rangeStartClassName,\n        range_middle: _rangeMiddleClassName,\n        range_end: _rangeEndClassName,\n        selected: _selectedClassName,\n        today: _todayClassName,\n        outside: _outsideClassName,\n        disabled: _disabledClassName,\n        hidden: _hiddenClassName,\n      }}\n      components={{\n        Chevron: ({ orientation }) => {\n          const Icon = orientation === 'left' ? ChevronLeft : ChevronRight;\n          return <Icon className=\"h-4 w-4\" />;\n        },\n        Nav: ({ className }) => (\n          <Nav\n            className={className}\n            displayYears={displayYears}\n            navView={navView}\n            setDisplayYears={setDisplayYears}\n            startMonth={startMonth}\n            endMonth={endMonth}\n            onPrevClick={onPrevClick}\n            onNextClick={onNextClick}\n            currentCalendarMonth={currentCalendarMonth}\n            setCurrentCalendarMonth={setCurrentCalendarMonth}\n          />\n        ),\n        CaptionLabel: (props) => (\n          <CaptionLabel\n            showYearSwitcher={showYearSwitcher}\n            navView={navView}\n            setNavView={setNavView}\n            displayYears={displayYears}\n            currentCalendarMonth={currentCalendarMonth}\n            {...props}\n          />\n        ),\n        MonthGrid: ({ className, children, ...props }) => (\n          <MonthGrid\n            children={children}\n            className={className}\n            displayYears={displayYears}\n            startMonth={startMonth}\n            endMonth={endMonth}\n            navView={navView}\n            setNavView={setNavView}\n            currentCalendarMonth={currentCalendarMonth}\n            setCurrentCalendarMonth={setCurrentCalendarMonth}\n            {...props}\n          />\n        ),\n        ...components,\n      }}\n      numberOfMonths={columnsDisplayed}\n      {...props}\n    />\n  );\n}\nCalendar.displayName = 'Calendar';\n\nfunction Nav({\n  className,\n  navView,\n  startMonth,\n  endMonth,\n  displayYears,\n  setDisplayYears,\n  onPrevClick,\n  onNextClick,\n  currentCalendarMonth,\n  setCurrentCalendarMonth,\n}: {\n  className?: string;\n  navView: NavView;\n  startMonth?: Date;\n  endMonth?: Date;\n  displayYears: { from: number; to: number };\n  setDisplayYears: React.Dispatch<React.SetStateAction<{ from: number; to: number }>>;\n  onPrevClick?: (date: Date) => void;\n  onNextClick?: (date: Date) => void;\n  currentCalendarMonth: Date;\n  setCurrentCalendarMonth: React.Dispatch<React.SetStateAction<Date>>;\n}) {\n  const { nextMonth, previousMonth, goToMonth } = useDayPicker();\n  const currentDate = new Date();\n\n  const isPreviousDisabled = (() => {\n    if (navView === 'months') {\n      return true; // Disable previous navigation in months view\n    }\n    if (navView === 'years') {\n      return (\n        (startMonth &&\n          differenceInCalendarDays(new Date(displayYears.from - 1, 0, 1), startMonth) < 0) ||\n        (endMonth && differenceInCalendarDays(new Date(displayYears.from - 1, 0, 1), endMonth) > 0)\n      );\n    }\n    return !previousMonth;\n  })();\n\n  const isNextDisabled = (() => {\n    if (navView === 'months') {\n      return true; // Disable next navigation in months view\n    }\n    if (navView === 'years') {\n      return (\n        (startMonth &&\n          differenceInCalendarDays(new Date(displayYears.to + 1, 0, 1), startMonth) < 0) ||\n        (endMonth && differenceInCalendarDays(new Date(displayYears.to + 1, 0, 1), endMonth) > 0)\n      );\n    }\n    return !nextMonth;\n  })();\n\n  const handlePreviousClick = React.useCallback(() => {\n    if (navView === 'months') {\n      return; // Do nothing when in months view\n    }\n    if (navView === 'years') {\n      const yearRange = displayYears.to - displayYears.from + 1;\n      const newFrom = displayYears.from - yearRange;\n      const newTo = displayYears.to - yearRange;\n\n      // Constrain to valid range if startMonth is provided\n      const minYear = startMonth?.getFullYear();\n      const constrainedFrom = minYear !== undefined ? Math.max(newFrom, minYear) : newFrom;\n      const constrainedTo =\n        minYear !== undefined ? Math.max(newTo, minYear + yearRange - 1) : newTo;\n\n      setDisplayYears({\n        from: constrainedFrom,\n        to: constrainedTo,\n      });\n\n      onPrevClick?.(new Date(constrainedFrom, 0, 1));\n      return;\n    }\n    if (!previousMonth) return;\n    setCurrentCalendarMonth(previousMonth);\n    goToMonth(previousMonth);\n    onPrevClick?.(previousMonth);\n  }, [\n    previousMonth,\n    goToMonth,\n    navView,\n    currentDate,\n    displayYears,\n    setDisplayYears,\n    onPrevClick,\n    startMonth,\n    setCurrentCalendarMonth,\n  ]);\n\n  const handleNextClick = React.useCallback(() => {\n    if (navView === 'months') {\n      return; // Do nothing when in months view\n    }\n    if (navView === 'years') {\n      const yearRange = displayYears.to - displayYears.from + 1;\n      const newFrom = displayYears.from + yearRange;\n      const newTo = displayYears.to + yearRange;\n\n      // Constrain to valid range if endMonth is provided\n      const maxYear = endMonth?.getFullYear();\n      const constrainedFrom =\n        maxYear !== undefined ? Math.min(newFrom, maxYear - yearRange + 1) : newFrom;\n      const constrainedTo = maxYear !== undefined ? Math.min(newTo, maxYear) : newTo;\n\n      setDisplayYears({\n        from: constrainedFrom,\n        to: constrainedTo,\n      });\n\n      onNextClick?.(new Date(constrainedTo, 0, 1));\n      return;\n    }\n    if (!nextMonth) return;\n    setCurrentCalendarMonth(nextMonth);\n    goToMonth(nextMonth);\n    onNextClick?.(nextMonth);\n  }, [\n    goToMonth,\n    nextMonth,\n    navView,\n    currentDate,\n    displayYears,\n    setDisplayYears,\n    onNextClick,\n    endMonth,\n    setCurrentCalendarMonth,\n  ]);\n\n  // Fast navigation: Jump 2 years\n  const handleFastPreviousClick = React.useCallback(() => {\n    if (navView !== 'years') return;\n    const yearRange = displayYears.to - displayYears.from + 1;\n    const newFrom = displayYears.from - yearRange * 2;\n    const newTo = displayYears.to - yearRange * 2;\n\n    const minYear = startMonth?.getFullYear();\n    const constrainedFrom = minYear !== undefined ? Math.max(newFrom, minYear) : newFrom;\n    const constrainedTo = minYear !== undefined ? Math.max(newTo, minYear + yearRange - 1) : newTo;\n\n    setDisplayYears({ from: constrainedFrom, to: constrainedTo });\n    onPrevClick?.(new Date(constrainedFrom, 0, 1));\n  }, [navView, displayYears, startMonth, setDisplayYears, onPrevClick]);\n\n  const handleFastNextClick = React.useCallback(() => {\n    if (navView !== 'years') return;\n    const yearRange = displayYears.to - displayYears.from + 1;\n    const newFrom = displayYears.from + yearRange * 2;\n    const newTo = displayYears.to + yearRange * 2;\n\n    const maxYear = endMonth?.getFullYear();\n    const constrainedFrom =\n      maxYear !== undefined ? Math.min(newFrom, maxYear - yearRange + 1) : newFrom;\n    const constrainedTo = maxYear !== undefined ? Math.min(newTo, maxYear) : newTo;\n\n    setDisplayYears({ from: constrainedFrom, to: constrainedTo });\n    onNextClick?.(new Date(constrainedTo, 0, 1));\n  }, [navView, displayYears, endMonth, setDisplayYears, onNextClick]);\n\n  const isFastPreviousDisabled = navView !== 'years' || isPreviousDisabled;\n  const isFastNextDisabled = navView !== 'years' || isNextDisabled;\n\n  return (\n    <nav className={cn('flex items-center justify-between', className)}>\n      {/* Fast Previous (<<) - Only in years view */}\n      {navView === 'years' && (\n        <Button\n          variant=\"outline\"\n          className=\"absolute left-0 h-7 w-7 bg-transparent p-0 opacity-80 hover:opacity-100\"\n          type=\"button\"\n          tabIndex={isFastPreviousDisabled ? undefined : -1}\n          disabled={isFastPreviousDisabled}\n          aria-label=\"Go back 2 year ranges\"\n          onClick={handleFastPreviousClick}\n        >\n          <ChevronsLeft className=\"h-4 w-4\" />\n        </Button>\n      )}\n\n      {/* Previous (<) */}\n      <Button\n        variant=\"outline\"\n        className={cn(\n          'absolute h-7 w-7 bg-transparent p-0 opacity-80 hover:opacity-100',\n          navView === 'years' ? 'left-8' : 'left-0',\n        )}\n        type=\"button\"\n        tabIndex={isPreviousDisabled ? undefined : -1}\n        disabled={isPreviousDisabled}\n        aria-label={\n          navView === 'years'\n            ? `Go to the previous ${displayYears.to - displayYears.from + 1} years`\n            : navView === 'months'\n              ? 'Go to the previous year'\n              : labelPrevious(previousMonth)\n        }\n        onClick={handlePreviousClick}\n      >\n        <ChevronLeft className=\"h-4 w-4\" />\n      </Button>\n\n      {/* Next (>) */}\n      <Button\n        variant=\"outline\"\n        className={cn(\n          'absolute h-7 w-7 bg-transparent p-0 opacity-80 hover:opacity-100',\n          navView === 'years' ? 'right-8' : 'right-0',\n        )}\n        type=\"button\"\n        tabIndex={isNextDisabled ? undefined : -1}\n        disabled={isNextDisabled}\n        aria-label={\n          navView === 'years'\n            ? `Go to the next ${displayYears.to - displayYears.from + 1} years`\n            : navView === 'months'\n              ? 'Go to the next year'\n              : labelNext(nextMonth)\n        }\n        onClick={handleNextClick}\n      >\n        <ChevronRight className=\"h-4 w-4\" />\n      </Button>\n\n      {/* Fast Next (>>) - Only in years view */}\n      {navView === 'years' && (\n        <Button\n          variant=\"outline\"\n          className=\"absolute right-0 h-7 w-7 bg-transparent p-0 opacity-80 hover:opacity-100\"\n          type=\"button\"\n          tabIndex={isFastNextDisabled ? undefined : -1}\n          disabled={isFastNextDisabled}\n          aria-label=\"Go forward 2 year ranges\"\n          onClick={handleFastNextClick}\n        >\n          <ChevronsRight className=\"h-4 w-4\" />\n        </Button>\n      )}\n    </nav>\n  );\n}\n\nfunction CaptionLabel({\n  children,\n  showYearSwitcher,\n  navView,\n  setNavView,\n  displayYears,\n  currentCalendarMonth,\n  ...props\n}: {\n  showYearSwitcher?: boolean;\n  navView: NavView;\n  setNavView: React.Dispatch<React.SetStateAction<NavView>>;\n  displayYears: { from: number; to: number };\n  currentCalendarMonth?: Date;\n} & React.HTMLAttributes<HTMLSpanElement>) {\n  const currentDate = new Date();\n\n  if (!showYearSwitcher) return <span {...props}>{children}</span>;\n\n  const handleMonthsClick = () => {\n    setNavView(navView === 'months' ? 'days' : 'months');\n  };\n\n  const handleYearsClick = () => {\n    setNavView(navView === 'years' ? 'days' : 'years');\n  };\n\n  const getDisplayText = () => {\n    switch (navView) {\n      case 'days':\n        return children;\n      case 'months':\n        return currentCalendarMonth?.getFullYear() || currentDate.getFullYear();\n      case 'years':\n        return displayYears.from + ' - ' + displayYears.to;\n      default:\n        return children;\n    }\n  };\n\n  // If we're in months or years view, show back to days button\n  if (navView === 'months' || navView === 'years') {\n    return (\n      <Button\n        className=\"h-7 w-full truncate text-sm font-medium\"\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={() => setNavView('days')}\n      >\n        {getDisplayText()}\n      </Button>\n    );\n  }\n\n  // If we're in days view, show both months and years buttons\n  const childrenStr = children?.toString() || '';\n  const parts = childrenStr.split(' ');\n\n  // Extract month and year from format \"Tháng 06 2025\"\n  const monthPart = parts.length >= 2 ? `${parts[0]} ${parts[1]}` : parts[0] || 'Tháng';\n  const yearPart =\n    parts.length >= 3 ? parts[2] : parts[parts.length - 1] || currentDate.getFullYear().toString();\n\n  return (\n    <div className=\"flex w-full gap-1\">\n      <Button\n        className=\"h-7 flex-1 truncate text-sm font-medium\"\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={handleMonthsClick}\n        title=\"Chọn tháng\"\n      >\n        {monthPart}\n      </Button>\n      <Button\n        className=\"h-7 flex-1 truncate text-sm font-medium\"\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={handleYearsClick}\n        title=\"Chọn năm\"\n      >\n        {yearPart}\n      </Button>\n    </div>\n  );\n}\n\nfunction MonthGrid({\n  className,\n  children,\n  displayYears,\n  startMonth,\n  endMonth,\n  navView,\n  setNavView,\n  currentCalendarMonth,\n  setCurrentCalendarMonth,\n  ...props\n}: {\n  className?: string;\n  children: React.ReactNode;\n  displayYears: { from: number; to: number };\n  startMonth?: Date;\n  endMonth?: Date;\n  navView: NavView;\n  setNavView: React.Dispatch<React.SetStateAction<NavView>>;\n  currentCalendarMonth: Date;\n  setCurrentCalendarMonth: React.Dispatch<React.SetStateAction<Date>>;\n} & React.TableHTMLAttributes<HTMLTableElement>) {\n  if (navView === 'years') {\n    return (\n      <YearGrid\n        displayYears={displayYears}\n        startMonth={startMonth}\n        endMonth={endMonth}\n        setNavView={setNavView}\n        navView={navView}\n        className={className}\n        currentCalendarMonth={currentCalendarMonth}\n        setCurrentCalendarMonth={setCurrentCalendarMonth}\n        {...props}\n      />\n    );\n  }\n\n  if (navView === 'months') {\n    return (\n      <MonthsGrid\n        startMonth={startMonth}\n        endMonth={endMonth}\n        setNavView={setNavView}\n        navView={navView}\n        className={className}\n        currentCalendarMonth={currentCalendarMonth}\n        setCurrentCalendarMonth={setCurrentCalendarMonth}\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <table className={className} {...props}>\n      {children}\n    </table>\n  );\n}\n\nfunction YearGrid({\n  className,\n  displayYears,\n  startMonth,\n  endMonth,\n  setNavView,\n  navView,\n  currentCalendarMonth,\n  setCurrentCalendarMonth,\n  ...props\n}: {\n  className?: string;\n  displayYears: { from: number; to: number };\n  startMonth?: Date;\n  endMonth?: Date;\n  setNavView: React.Dispatch<React.SetStateAction<NavView>>;\n  navView: NavView;\n  currentCalendarMonth: Date;\n  setCurrentCalendarMonth: React.Dispatch<React.SetStateAction<Date>>;\n} & React.HTMLAttributes<HTMLDivElement>) {\n  const { goToMonth, selected } = useDayPicker();\n\n  return (\n    <div className={cn('mx-auto grid w-full grid-cols-4 gap-1 px-3', className)} {...props}>\n      {Array.from({ length: displayYears.to - displayYears.from + 1 }, (_, i) => {\n        const isBefore =\n          differenceInCalendarDays(new Date(displayYears.from + i, 11, 31), startMonth!) < 0;\n\n        const isAfter =\n          differenceInCalendarDays(new Date(displayYears.from + i, 0, 0), endMonth!) > 0;\n\n        const isDisabled = isBefore || isAfter;\n\n        // Check if this year matches the selected date's year\n        const selectedYear = (() => {\n          try {\n            const selectedValue = selected as any;\n            if (selectedValue && typeof selectedValue.getFullYear === 'function') {\n              return selectedValue.getFullYear();\n            }\n            if (\n              selectedValue &&\n              selectedValue.from &&\n              typeof selectedValue.from.getFullYear === 'function'\n            ) {\n              return selectedValue.from.getFullYear();\n            }\n          } catch (error) {\n            // Continue with fallback\n          }\n          return null;\n        })();\n\n        const isSelectedYear = selectedYear === displayYears.from + i;\n\n        return (\n          <Button\n            key={i}\n            className={cn(\n              'text-foreground h-7 w-full text-sm font-medium',\n              isSelectedYear && 'text-accent-foreground bg-primary/10 font-medium',\n              displayYears.from + i === new Date().getFullYear() &&\n                !isSelectedYear &&\n                'text-accent-foreground bg-accent/80 font-medium',\n            )}\n            variant=\"ghost\"\n            onClick={() => {\n              setNavView('days');\n\n              // Preserve the current month from the calendar context\n              const preservedMonth = currentCalendarMonth.getMonth();\n              const newDate = new Date(displayYears.from + i, preservedMonth);\n\n              setCurrentCalendarMonth(newDate);\n              goToMonth(newDate);\n            }}\n            disabled={isDisabled}\n          >\n            {displayYears.from + i}\n          </Button>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction MonthsGrid({\n  className,\n  startMonth,\n  endMonth,\n  setNavView,\n  navView,\n  numberOfMonths,\n  currentCalendarMonth,\n  setCurrentCalendarMonth,\n  ...props\n}: {\n  className?: string;\n  startMonth?: Date;\n  endMonth?: Date;\n  setNavView: React.Dispatch<React.SetStateAction<NavView>>;\n  navView: NavView;\n  numberOfMonths?: number;\n  currentCalendarMonth: Date;\n  setCurrentCalendarMonth: React.Dispatch<React.SetStateAction<Date>>;\n} & React.HTMLAttributes<HTMLDivElement>) {\n  const { goToMonth, selected } = useDayPicker();\n  const currentDate = new Date();\n\n  // Preserve the current year from the calendar context\n  const preservedYear = currentCalendarMonth.getFullYear();\n\n  const currentMonth = currentDate.getMonth();\n\n  // Check which month is selected\n  const selectedMonth = (() => {\n    try {\n      const selectedValue = selected as any;\n      if (selectedValue && typeof selectedValue.getMonth === 'function') {\n        return selectedValue.getMonth();\n      }\n      if (\n        selectedValue &&\n        selectedValue.from &&\n        typeof selectedValue.from.getMonth === 'function'\n      ) {\n        return selectedValue.from.getMonth();\n      }\n    } catch (error) {\n      // Continue with fallback\n    }\n    return null;\n  })();\n\n  // Vietnamese month names\n  const monthNames = [\n    'Tháng 01',\n    'Tháng 02',\n    'Tháng 03',\n    'Tháng 04',\n    'Tháng 05',\n    'Tháng 06',\n    'Tháng 07',\n    'Tháng 08',\n    'Tháng 09',\n    'Tháng 10',\n    'Tháng 11',\n    'Tháng 12',\n  ];\n\n  return (\n    <div className={cn('mx-auto grid w-full grid-cols-3 gap-2 px-3', className)} {...props}>\n      {monthNames.map((monthName, i) => {\n        const monthDate = new Date(preservedYear, i, 1);\n        const isBefore =\n          startMonth && differenceInCalendarDays(new Date(preservedYear, i, 31), startMonth) < 0;\n        const isAfter =\n          endMonth && differenceInCalendarDays(new Date(preservedYear, i, 0), endMonth) > 0;\n        const isDisabled = isBefore || isAfter;\n\n        // Check if this is the selected month\n        const isSelectedMonth = selectedMonth === i;\n\n        // Check if this is the current month and year\n        const isCurrentMonth = i === currentMonth && preservedYear === currentDate.getFullYear();\n\n        return (\n          <Button\n            key={i}\n            className={cn(\n              'text-foreground h-9 w-full text-sm font-medium',\n              isSelectedMonth && 'text-accent-foreground bg-primary/10 font-medium',\n              isCurrentMonth &&\n                !isSelectedMonth &&\n                'text-accent-foreground bg-accent/80 font-medium',\n            )}\n            variant=\"ghost\"\n            onClick={() => {\n              setNavView('days');\n              const newDate = new Date(preservedYear, i);\n              setCurrentCalendarMonth(newDate);\n              goToMonth(newDate);\n            }}\n            disabled={isDisabled}\n          >\n            {monthName}\n          </Button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport { Calendar };\n"]}

package/dist/components/card.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    hover?: boolean;
+}
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GAQT,CAAC;AAGF,QAAA,MAAM,UAAU,6GAQf,CAAC;AAGF,QAAA,MAAM,SAAS,6GAQd,CAAC;AAGF,QAAA,MAAM,eAAe,6GAIpB,CAAC;AAGF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,yFAYhB,CAAC;AAGF,QAAA,MAAM,UAAU,6GAQf,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/card.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('@/lib/utils');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const Card = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn("bg-card text-card-foreground border-ink-100s rounded-lg border", className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+const CardHeader = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn("flex flex-col space-y-1.5 p-4 pb-0 md:p-6 md:py-5 md:pb-0", className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+const CardTitle = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn("text-xl font-medium leading-none tracking-tight", className),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+const CardDescription = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("text-muted-foreground text-sm", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+const CardContent = React__namespace.forwardRef(
+  ({ className, hover = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn(
+        "p-4 md:p-6 md:py-5",
+        hover && "hover:shadow-24 cursor-pointer transition-all duration-200",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+const CardFooter = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn("flex items-center gap-4 p-4 pt-0 md:p-6 md:py-5", className),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+//# sourceMappingURL=card.js.map
+//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/card.tsx"],"names":["React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,OAAOA,gBAAA,CAAM,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,QAAA,CAAG,gEAAA,EAAkE,SAAS,CAAA;AAAA,MACxF,GAAG;AAAA;AAAA;AAGV;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAEnB,MAAM,aAAaF,gBAAA,CAAM,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,QAAA,CAAG,2DAAA,EAA6D,SAAS,CAAA;AAAA,MACnF,GAAG;AAAA;AAAA;AAGV;AACA,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,MAAM,YAAYF,gBAAA,CAAM,UAAA;AAAA,EACtB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,QAAA,CAAG,iDAAA,EAAmD,SAAS,CAAA;AAAA,MACzE,GAAG;AAAA;AAAA;AAGV;AACA,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,MAAM,kBAAkBF,gBAAA,CAAM,UAAA;AAAA,EAC5B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWC,QAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAEzF;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAM9B,MAAM,cAAcF,gBAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,OAAO,GAAG,KAAA,IAAS,GAAA,qBACvCC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,QAAA;AAAA,QACT,oBAAA;AAAA,QACA,KAAA,IAAS,4DAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,MAAM,aAAaF,gBAAA,CAAM,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,QAAA,CAAG,iDAAA,EAAmD,SAAS,CAAA;AAAA,MACzE,GAAG;AAAA;AAAA;AAGV;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"card.js","sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('bg-card text-card-foreground border-ink-100s rounded-lg border', className)} //shadow-8\n      {...props}\n    />\n  ),\n);\nCard.displayName = 'Card';\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex flex-col space-y-1.5 p-4 pb-0 md:p-6 md:py-5 md:pb-0', className)}\n      {...props}\n    />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('text-xl font-medium leading-none tracking-tight', className)}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\nexport interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  hover?: boolean;\n}\n\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, hover = false, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'p-4 md:p-6 md:py-5',\n        hover && 'hover:shadow-24 cursor-pointer transition-all duration-200',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex items-center gap-4 p-4 pt-0 md:p-6 md:py-5', className)}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"]}

package/dist/components/card.mjs

@@ -0,0 +1,71 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+
+const Card = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("bg-card text-card-foreground border-ink-100s rounded-lg border", className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col space-y-1.5 p-4 pb-0 md:p-6 md:py-5 md:pb-0", className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("text-xl font-medium leading-none tracking-tight", className),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-muted-foreground text-sm", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(
+  ({ className, hover = false, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "p-4 md:p-6 md:py-5",
+        hover && "hover:shadow-24 cursor-pointer transition-all duration-200",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center gap-4 p-4 pt-0 md:p-6 md:py-5", className),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=card.mjs.map
+//# sourceMappingURL=card.mjs.map

package/dist/components/card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/card.tsx"],"names":[],"mappings":";;;;AAIA,MAAM,OAAO,KAAA,CAAM,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,gEAAA,EAAkE,SAAS,CAAA;AAAA,MACxF,GAAG;AAAA;AAAA;AAGV;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAEnB,MAAM,aAAa,KAAA,CAAM,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,2DAAA,EAA6D,SAAS,CAAA;AAAA,MACnF,GAAG;AAAA;AAAA;AAGV;AACA,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,MAAM,YAAY,KAAA,CAAM,UAAA;AAAA,EACtB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,iDAAA,EAAmD,SAAS,CAAA;AAAA,MACzE,GAAG;AAAA;AAAA;AAGV;AACA,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,MAAM,kBAAkB,KAAA,CAAM,UAAA;AAAA,EAC5B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAEzF;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAM9B,MAAM,cAAc,KAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,OAAO,GAAG,KAAA,IAAS,GAAA,qBACvC,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,oBAAA;AAAA,QACA,KAAA,IAAS,4DAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,MAAM,aAAa,KAAA,CAAM,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,iDAAA,EAAmD,SAAS,CAAA;AAAA,MACzE,GAAG;AAAA;AAAA;AAGV;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"card.mjs","sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('bg-card text-card-foreground border-ink-100s rounded-lg border', className)} //shadow-8\n      {...props}\n    />\n  ),\n);\nCard.displayName = 'Card';\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex flex-col space-y-1.5 p-4 pb-0 md:p-6 md:py-5 md:pb-0', className)}\n      {...props}\n    />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('text-xl font-medium leading-none tracking-tight', className)}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\nexport interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  hover?: boolean;\n}\n\nconst CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, hover = false, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'p-4 md:p-6 md:py-5',\n        hover && 'hover:shadow-24 cursor-pointer transition-all duration-200',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex items-center gap-4 p-4 pt-0 md:p-6 md:py-5', className)}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"]}

package/dist/components/carousel.d.ts

@@ -0,0 +1,23 @@
+import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';
+import * as React from 'react';
+import { Button } from './button';
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<'div'> & CarouselProps): import("react/jsx-runtime").JSX.Element;
+interface CarouselContentProps extends React.ComponentProps<'div'> {
+    wrapperClassName?: string;
+}
+declare function CarouselContent({ className, wrapperClassName, ...props }: CarouselContentProps): import("react/jsx-runtime").JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CarouselApi, };
+//# sourceMappingURL=carousel.d.ts.map

package/dist/components/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,EAAE,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC,CAAC;AAuBF,iBAAS,QAAQ,CAAC,EAChB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,2CAqF7C;AAED,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAevF;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAgBzE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CA4BrC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CA4BrC;AAED,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,KAAK,WAAW,GACjB,CAAC"}

package/dist/components/carousel.js

@@ -0,0 +1,237 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var useEmblaCarousel = require('embla-carousel-react');
+var lucideReact = require('lucide-react');
+var React = require('react');
+var utils = require('@/lib/utils');
+var emblaCarouselWheelGestures = require('embla-carousel-wheel-gestures');
+var button = require('./button');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const CarouselContext = React__namespace.createContext(null);
+function useCarousel() {
+  const context = React__namespace.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+function Carousel({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = useEmblaCarousel__default.default(
+    {
+      axis: orientation === "horizontal" ? "x" : "y",
+      containScroll: "trimSnaps",
+      dragFree: false,
+      watchDrag: true,
+      dragThreshold: 15,
+      ...opts
+      // Move opts to end so it can override defaults
+    },
+    [...plugins || [], emblaCarouselWheelGestures.WheelGesturesPlugin({ forceWheelAxis: "x" })]
+  );
+  const [canScrollPrev, setCanScrollPrev] = React__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React__namespace.useState(false);
+  const onSelect = React__namespace.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React__namespace.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React__namespace.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const handleKeyDown = React__namespace.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React__namespace.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React__namespace.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: utils.cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContent({ className, wrapperClassName, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: carouselRef,
+      className: utils.cn("overflow-hidden", wrapperClassName),
+      "data-slot": "carousel-content",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: utils.cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: utils.cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    button.Button,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: utils.cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        !canScrollPrev && "hidden",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        scrollPrev();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNext({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    button.Button,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: utils.cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        !canScrollNext && "hidden",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        scrollNext();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+
+exports.Carousel = Carousel;
+exports.CarouselContent = CarouselContent;
+exports.CarouselItem = CarouselItem;
+exports.CarouselNext = CarouselNext;
+exports.CarouselPrevious = CarouselPrevious;
+//# sourceMappingURL=carousel.js.map
+//# sourceMappingURL=carousel.js.map

package/dist/components/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/carousel.tsx"],"names":["React","useEmblaCarousel","WheelGesturesPlugin","api","jsx","cn","jsxs","Button","ChevronLeft","ChevronRight"],"mappings":"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","file":"carousel.js","sourcesContent":["'use client';\n\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures';\nimport { Button } from './button';\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: 'horizontal' | 'vertical';\n  setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error('useCarousel must be used within a <Carousel />');\n  }\n\n  return context;\n}\n\nfunction Carousel({\n  orientation = 'horizontal',\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & CarouselProps) {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      axis: orientation === 'horizontal' ? 'x' : 'y',\n      containScroll: 'trimSnaps',\n      dragFree: false,\n      watchDrag: true,\n      dragThreshold: 15,\n      ...opts, // Move opts to end so it can override defaults\n    },\n    [...(plugins || []), WheelGesturesPlugin({ forceWheelAxis: 'x' })],\n  );\n\n  const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n  const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n  const onSelect = React.useCallback((api: CarouselApi) => {\n    if (!api) return;\n    setCanScrollPrev(api.canScrollPrev());\n    setCanScrollNext(api.canScrollNext());\n  }, []);\n\n  const scrollPrev = React.useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = React.useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.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  React.useEffect(() => {\n    if (!api || !setApi) return;\n    setApi(api);\n  }, [api, setApi]);\n\n  React.useEffect(() => {\n    if (!api) return;\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    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div\n        onKeyDownCapture={handleKeyDown}\n        className={cn('relative', className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n}\n\ninterface CarouselContentProps extends React.ComponentProps<'div'> {\n  wrapperClassName?: string;\n}\n\nfunction CarouselContent({ className, wrapperClassName, ...props }: CarouselContentProps) {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div\n      ref={carouselRef}\n      className={cn('overflow-hidden', wrapperClassName)}\n      data-slot=\"carousel-content\"\n    >\n      <div\n        className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn(\n        'min-w-0 shrink-0 grow-0 basis-full',\n        orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CarouselPrevious({\n  className,\n  variant = 'outline',\n  size = 'icon',\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute size-8 rounded-full',\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        !canScrollPrev && 'hidden',\n        className,\n      )}\n      disabled={!canScrollPrev}\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        scrollPrev();\n      }}\n      {...props}\n    >\n      <ChevronLeft />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n}\n\nfunction CarouselNext({\n  className,\n  variant = 'outline',\n  size = 'icon',\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute size-8 rounded-full',\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        !canScrollNext && 'hidden',\n        className,\n      )}\n      disabled={!canScrollNext}\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        scrollNext();\n      }}\n      {...props}\n    >\n      <ChevronRight />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n}\n\nexport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n  type CarouselApi,\n};\n"]}