@react-spectrum/s2 1.4.0 → 1.5.1

package/dist/private/Calendar.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Calendar.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from './ActionButton';\nimport {\n  Calendar as AriaCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarContext as AriaCalendarContext,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarProps as AriaCalendarProps,\n  CalendarCellProps,\n  CalendarCellRenderProps,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCellProps,\n  CalendarHeading,\n  CalendarSelectionMode,\n  CalendarState,\n  CalendarStateContext,\n  DateValue\n} from 'react-aria-components/Calendar';\nimport {AriaCalendarGridProps} from 'react-aria/useCalendar';\nimport {ButtonProps} from 'react-aria-components/Button';\nimport {CalendarDate, getDayOfWeek, startOfMonth} from '@internationalized/date';\nimport ChevronLeftIcon from '../s2wf-icons/S2_Icon_ChevronLeft_20_N.svg';\nimport ChevronRightIcon from '../s2wf-icons/S2_Icon_ChevronRight_20_N.svg';\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport {focusRing, lightDark, style} from '../style' with {type: 'macro'};\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Header, HeaderContext, HeadingContext} from './Content';\nimport {helpTextStyles} from './Field';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {pressScale} from './pressScale';\nimport {RangeCalendarContext, RangeCalendarStateContext} from 'react-aria-components/RangeCalendar';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n  useContext,\n  useMemo,\n  useRef\n} from 'react';\nimport {Text} from 'react-aria-components/Text';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CalendarProps<T extends DateValue, M extends CalendarSelectionMode = 'single'>\n  extends\n    Omit<\n      AriaCalendarProps<T, M>,\n      | 'visibleDuration'\n      | 'weeksInMonth'\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'styles'\n      | 'children'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  /**\n   * The error message to display when the calendar is invalid.\n   */\n  errorMessage?: ReactNode;\n  /**\n   * The number of months to display at once.\n   *\n   * @default 1\n   */\n  visibleMonths?: number;\n}\n\nexport const CalendarContext =\n  createContext<ContextValue<Partial<CalendarProps<any, CalendarSelectionMode>>, HTMLDivElement>>(\n    null\n  );\n\nconst calendarStyles = style<{isMultiMonth?: boolean}>(\n  {\n    display: 'flex',\n    containerType: {\n      default: 'inline-size',\n      isMultiMonth: 'unset'\n    },\n    flexDirection: 'column',\n    gap: 24,\n    disableTapHighlight: true,\n    '--cell-gap': {\n      type: 'paddingStart',\n      value: 4\n    },\n    '--cell-max-width': {\n      type: 'width',\n      value: 32\n    },\n    '--cell-responsive-size': {\n      type: 'width',\n      value: {\n        default: '[min(var(--cell-max-width), (100cqw - (var(--cell-gap) * 12)) / 7)]',\n        isMultiMonth: '--cell-max-width'\n      }\n    },\n    width: {\n      default: 'calc(7 * var(--cell-max-width) + var(--cell-gap) * 12)',\n      isMultiMonth: 'fit'\n    },\n    maxWidth: {\n      default: 'full',\n      isMultiMonth: 'unset'\n    }\n  },\n  getAllowedOverrides()\n);\n\nconst headerStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  columnGap: 24\n});\n\nconst headingStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  margin: 0,\n  flexGrow: 1,\n  width: 'full'\n});\n\nconst titleStyles = style({\n  font: 'title-lg',\n  textAlign: 'center',\n  flexGrow: 1,\n  flexShrink: 0,\n  marginY: 0\n});\n\nconst headerCellStyles = style({\n  font: 'title-sm',\n  cursor: 'default',\n  textAlign: 'center',\n  paddingStart: {\n    default: 4,\n    ':first-child': 0\n  },\n  paddingEnd: {\n    default: 4,\n    ':last-child': 0\n  },\n  paddingBottom: 12\n});\n\nconst cellStyles = style({\n  outlineStyle: 'none',\n  boxSizing: 'content-box',\n  paddingStart: {\n    default: 4,\n    isFirstChild: 0\n  },\n  paddingEnd: {\n    default: 4,\n    isLastChild: 0\n  },\n  paddingTop: {\n    default: 2,\n    isFirstWeek: 0\n  },\n  paddingBottom: {\n    default: 2,\n    isLastWeek: 0\n  },\n  position: 'relative',\n  display: {\n    default: 'flex',\n    isOutsideMonth: 'none'\n  },\n  alignItems: 'center',\n  justifyContent: 'center',\n  disableTapHighlight: true,\n  width: '--cell-responsive-size',\n  height: '--cell-responsive-size'\n});\n\nconst cellInnerStyles = style<CalendarCellRenderProps & {selectionMode: 'single' | 'range'}>({\n  ...focusRing(),\n  transition: {\n    default: 'default',\n    forcedColors: 'none'\n  },\n  outlineOffset: {\n    default: -2,\n    isSelected: {\n      selectionMode: {\n        single: 2,\n        range: -2\n      }\n    },\n    isSelectionStart: 2,\n    isSelectionEnd: 2\n  },\n  position: 'relative',\n  font: 'body-sm',\n  cursor: 'default',\n  width: 'full',\n  height: 'full',\n  borderRadius: 'full',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  forcedColorAdjust: 'none',\n  backgroundColor: {\n    default: 'transparent',\n    isHovered: {\n      default: 'gray-100',\n      isUnavailable: 'transparent'\n    },\n    isPressed: 'gray-100',\n    isDisabled: 'transparent',\n    isSelected: {\n      selectionMode: {\n        single: {\n          default: lightDark('accent-900', 'accent-700'),\n          isHovered: lightDark('accent-1000', 'accent-600'),\n          isPressed: lightDark('accent-1000', 'accent-600'),\n          isFocusVisible: lightDark('accent-1000', 'accent-600'),\n          isDisabled: 'transparent',\n          isInvalid: {\n            default: lightDark('negative-900', 'negative-700'),\n            isHovered: lightDark('negative-1000', 'negative-600'),\n            isPressed: lightDark('negative-1000', 'negative-600'),\n            isFocusVisible: lightDark('negative-1000', 'negative-600')\n          }\n        },\n        range: {\n          isHovered: {\n            default: 'blue-500',\n            isInvalid: {\n              default: 'negative-300',\n              isUnavailable: 'transparent'\n            }\n          }\n        }\n      }\n    },\n    isSelectionStart: {\n      default: lightDark('accent-900', 'accent-700'),\n      isHovered: lightDark('accent-1000', 'accent-600'),\n      isPressed: lightDark('accent-1000', 'accent-600'),\n      isFocusVisible: lightDark('accent-1000', 'accent-600'),\n      isDisabled: 'transparent',\n      isInvalid: {\n        default: lightDark('negative-900', 'negative-700'),\n        isHovered: {\n          default: lightDark('negative-1000', 'negative-600'),\n          isUnavailable: lightDark('negative-900', 'negative-700')\n        },\n        isPressed: lightDark('negative-1000', 'negative-600'),\n        isFocusVisible: {\n          default: lightDark('negative-1000', 'negative-600'),\n          isUnavailable: lightDark('negative-900', 'negative-700')\n        }\n      }\n    },\n    isSelectionEnd: {\n      default: lightDark('accent-900', 'accent-700'),\n      isHovered: lightDark('accent-1000', 'accent-600'),\n      isPressed: lightDark('accent-1000', 'accent-600'),\n      isFocusVisible: lightDark('accent-1000', 'accent-600'),\n      isDisabled: 'transparent',\n      isInvalid: {\n        default: lightDark('negative-900', 'negative-700'),\n        isHovered: {\n          default: lightDark('negative-1000', 'negative-600'),\n          isUnavailable: lightDark('negative-900', 'negative-700')\n        },\n        isPressed: lightDark('negative-1000', 'negative-600'),\n        isFocusVisible: {\n          default: lightDark('negative-1000', 'negative-600'),\n          isUnavailable: lightDark('negative-900', 'negative-700')\n        }\n      }\n    },\n    forcedColors: {\n      default: 'transparent',\n      isHovered: 'Highlight',\n      isSelected: {\n        selectionMode: {\n          single: 'Highlight',\n          range: {\n            isHovered: 'Highlight'\n          }\n        }\n      },\n      isSelectionStart: 'Highlight',\n      isSelectionEnd: 'Highlight',\n      isUnavailable: 'transparent'\n    }\n  },\n  color: {\n    default: 'neutral',\n    isSelected: {\n      default: 'white',\n      selectionMode: {\n        range: 'neutral'\n      }\n    },\n    isSelectionStart: 'white',\n    isSelectionEnd: 'white',\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonText',\n      isSelected: 'HighlightText',\n      isSelectionStart: 'HighlightText',\n      isSelectionEnd: 'HighlightText',\n      isDisabled: 'GrayText'\n    }\n  }\n});\n\nconst todayStyles = style({\n  position: 'absolute',\n  bottom: '12.5%',\n  left: '50%',\n  transform: 'translateX(-50%)',\n  width: 4,\n  height: 4,\n  borderRadius: 'full',\n  backgroundColor: '[currentColor]',\n  display: {\n    default: 'none',\n    isToday: 'block'\n  }\n});\n\nconst unavailableStyles = style({\n  position: 'absolute',\n  top: 'calc(50% - 1px)',\n  left: 'calc(25% - 1px)',\n  right: 'calc(25% - 1px)',\n  height: 2,\n  transform: 'rotate(-16deg)',\n  borderRadius: 'full',\n  backgroundColor: '[currentColor]'\n});\n\nconst selectionBackgroundStyles = style<{\n  isInvalid?: boolean;\n  isFirstDayInWeek?: boolean;\n  isLastDayInWeek?: boolean;\n  isSelectionStart?: boolean;\n  isSelectionEnd?: boolean;\n  isPreviousDayNotSelected?: boolean;\n  isNextDayNotSelected?: boolean;\n}>({\n  position: 'absolute',\n  zIndex: -1,\n  top: 0,\n  insetStart: {\n    default: -4,\n    isFirstDayInWeek: 0,\n    isSelectionStart: 0,\n    isPreviousDayNotSelected: 0\n  },\n  insetEnd: {\n    default: -4,\n    isLastDayInWeek: 0,\n    isSelectionEnd: 0,\n    isNextDayNotSelected: 0\n  },\n  bottom: 0,\n  borderStartRadius: {\n    default: 'none',\n    isFirstDayInWeek: 'full',\n    isSelectionStart: 'full',\n    isPreviousDayNotSelected: 'full'\n  },\n  borderEndRadius: {\n    default: 'none',\n    isLastDayInWeek: 'full',\n    isSelectionEnd: 'full',\n    isNextDayNotSelected: 'full'\n  },\n  backgroundColor: {\n    default: 'blue-subtle',\n    isInvalid: 'negative-100',\n    forcedColors: {\n      default: 'Highlight'\n    }\n  },\n  forcedColorAdjust: 'none'\n});\n\nconst selectionBorderStyles = style<{\n  isInvalid?: boolean;\n  isFirstDayInWeek?: boolean;\n  isLastDayInWeek?: boolean;\n  isSelectionStart?: boolean;\n  isSelectionEnd?: boolean;\n  isPreviousDayNotSelected?: boolean;\n  isNextDayNotSelected?: boolean;\n}>({\n  position: 'absolute',\n  zIndex: 1,\n  top: 0,\n  insetStart: {\n    default: -4,\n    isFirstDayInWeek: 0,\n    isSelectionStart: 0,\n    isPreviousDayNotSelected: 0\n  },\n  insetEnd: {\n    default: -4,\n    isLastDayInWeek: 0,\n    isSelectionEnd: 0,\n    isNextDayNotSelected: 0\n  },\n  bottom: 0,\n  borderStartWidth: {\n    default: 0,\n    isFirstDayInWeek: 1,\n    isSelectionStart: 1,\n    isPreviousDayNotSelected: 1\n  },\n  borderTopWidth: 1,\n  borderEndWidth: {\n    default: 0,\n    isLastDayInWeek: 1,\n    isSelectionEnd: 1,\n    isNextDayNotSelected: 1\n  },\n  borderBottomWidth: 1,\n  borderStyle: 'solid',\n  borderColor: {\n    default: 'blue-800', // focus-indicator-color\n    isInvalid: 'negative-900',\n    forcedColors: {\n      default: 'ButtonText'\n    }\n  },\n  borderStartRadius: {\n    default: 'none',\n    isFirstDayInWeek: 'full',\n    isSelectionStart: 'full',\n    isPreviousDayNotSelected: 'full'\n  },\n  borderEndRadius: {\n    default: 'none',\n    isLastDayInWeek: 'full',\n    isSelectionEnd: 'full',\n    isNextDayNotSelected: 'full'\n  }\n});\n/**\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n */\nexport const Calendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function Calendar<\n  T extends DateValue,\n  M extends CalendarSelectionMode = 'single'\n>(props: CalendarProps<T, M>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CalendarContext);\n  let {\n    visibleMonths = 1,\n    errorMessage,\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let isMultiMonth = visibleMonths > 1;\n  return (\n    <AriaCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + calendarStyles({isMultiMonth}, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <CalendarHeader visibleMonths={visibleMonths} />\n            </Provider>\n            <div\n              className={style({\n                display: 'flex',\n                flexDirection: 'row',\n                gap: 24,\n                width: 'full',\n                alignItems: 'start'\n              })}>\n              {Array.from({length: visibleMonths}).map((_, i) => (\n                <CalendarGrid key={i} months={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text\n                slot=\"errorMessage\"\n                className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage ||\n                  stringFormatter.format('calendar.invalidSelection', {selectedCount: 1})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaCalendar>\n  );\n});\n\nexport const CalendarHeader = ({visibleMonths}: {visibleMonths: number}): ReactElement => {\n  return (\n    <Header styles={headerStyles}>\n      {Array.from({length: visibleMonths}).map((_, i) => (\n        <div key={i} className={headingStyles}>\n          {i === 0 && (\n            <CalendarButton slot=\"previous\">\n              <ChevronLeftIcon />\n            </CalendarButton>\n          )}\n          <CalendarHeading offset={{months: i}} className={titleStyles} />\n          {i === visibleMonths - 1 && (\n            <CalendarButton slot=\"next\">\n              <ChevronRightIcon />\n            </CalendarButton>\n          )}\n        </div>\n      ))}\n    </Header>\n  );\n};\n\nexport const CalendarGrid = (\n  props: Omit<AriaCalendarGridProps, 'children'> & PropsWithChildren & {months: number}\n): ReactElement => {\n  let rangeCalendarProps = useSlottedContext(RangeCalendarContext);\n  let calendarProps = useSlottedContext(AriaCalendarContext);\n  let firstDayOfWeek = rangeCalendarProps?.firstDayOfWeek ?? calendarProps?.firstDayOfWeek;\n\n  // use isolation to start a new stacking context so that we can use zIndex -1 for the selection span.\n  return (\n    <AriaCalendarGrid\n      className={style({\n        borderCollapse: 'collapse',\n        borderSpacing: 0,\n        isolation: 'isolate'\n      })}\n      offset={{months: props.months}}>\n      <CalendarGridHeader className=\"\">\n        {day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n      </CalendarGridHeader>\n      <CalendarGridBody className=\"\">\n        {date => <CalendarCell date={date} firstDayOfWeek={firstDayOfWeek} />}\n      </CalendarGridBody>\n    </AriaCalendarGrid>\n  );\n};\n\nexport const CalendarButton = (\n  props: Omit<ButtonProps, 'children'> & {children: ReactNode}\n): ReactElement => {\n  let {direction} = useLocale();\n  return (\n    <div\n      className={style({\n        scale: {\n          direction: {\n            rtl: -1\n          }\n        }\n      })({direction})}>\n      <ActionButton {...props} isQuiet>\n        {props.children}\n      </ActionButton>\n    </div>\n  );\n};\n\nconst CalendarHeaderCell = (\n  props: Omit<CalendarHeaderCellProps, 'children'> & PropsWithChildren\n): ReactElement => {\n  return (\n    <AriaCalendarHeaderCell className={headerCellStyles}>{props.children}</AriaCalendarHeaderCell>\n  );\n};\n\nconst CalendarCell = (\n  props: Omit<CalendarCellProps, 'children'> & {\n    firstDayOfWeek: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat' | undefined;\n  }\n): ReactElement => {\n  let {locale} = useLocale();\n  let firstDayOfWeek = props.firstDayOfWeek;\n  // Calculate the day and week index based on the date.\n  let {dayIndex, weekIndex, lastWeekIndex} = useWeekAndDayIndices(\n    props.date,\n    locale,\n    firstDayOfWeek\n  );\n\n  let calendarStateContext = useContext(CalendarStateContext);\n  let rangeCalendarStateContext = useContext(RangeCalendarStateContext);\n  let state = (calendarStateContext ?? rangeCalendarStateContext)!;\n\n  let isFirstWeek = weekIndex === 0;\n  let isLastWeek = weekIndex === lastWeekIndex;\n  let isFirstChild = dayIndex === 0;\n  let isLastChild = dayIndex === 6;\n\n  return (\n    <AriaCalendarCell\n      date={props.date}\n      className={renderProps =>\n        cellStyles({...renderProps, isFirstChild, isLastChild, isFirstWeek, isLastWeek})\n      }>\n      {renderProps => (\n        <CalendarCellInner\n          {...props}\n          weekIndex={weekIndex}\n          dayIndex={dayIndex}\n          state={state}\n          isRangeSelection={!!rangeCalendarStateContext}\n          renderProps={renderProps}\n        />\n      )}\n    </AriaCalendarCell>\n  );\n};\n\nconst CalendarCellInner = (\n  props: Omit<CalendarCellProps, 'children'> & {\n    isRangeSelection: boolean;\n    state: CalendarState<CalendarSelectionMode> | RangeCalendarState;\n    weekIndex: number;\n    dayIndex: number;\n    renderProps?: CalendarCellRenderProps;\n    date: DateValue;\n  }\n): ReactElement => {\n  let {dayIndex, date, renderProps, state, isRangeSelection} = props;\n  let ref = useRef<HTMLDivElement>(null);\n  let {isUnavailable, formattedDate, isSelected, isSelectionStart, isSelectionEnd, isInvalid} =\n    renderProps!;\n  // only apply the selection start/end styles if the start/end date is actually selectable (aka not unavailable)\n  // or if the range is invalid and thus we still want to show the styles even if the start/end date is an unavailable one\n  isSelectionStart = isSelectionStart && (!isUnavailable || isInvalid);\n  isSelectionEnd = isSelectionEnd && (!isUnavailable || isInvalid);\n\n  let isDateInRange = (checkDate: CalendarDate) => {\n    if (!('highlightedRange' in state) || !state.highlightedRange) {\n      return state.isSelected(checkDate);\n    }\n    // if invalid, check if date is within the full range boundaries\n    if (isInvalid) {\n      return (\n        checkDate.compare(state.highlightedRange.start) >= 0 &&\n        checkDate.compare(state.highlightedRange.end) <= 0\n      );\n    }\n\n    return state.isSelected(checkDate);\n  };\n\n  let prevDay = date.subtract({days: 1});\n  let nextDay = date.add({days: 1});\n  let isFirstDayInWeek = dayIndex === 0;\n  let isLastDayInWeek = dayIndex === 6;\n  let isPreviousDayNotSelected =\n    !prevDay || !isDateInRange(prevDay) || prevDay.month !== props.date.month;\n  let isNextDayNotSelected =\n    !nextDay || !isDateInRange(nextDay) || nextDay.month !== props.date.month;\n\n  // when invalid, show background for all selected dates (including unavailable) to make continuous range appearance\n  // when valid, only show background for available selected dates\n  let isBackgroundStyleApplied =\n    isSelected &&\n    isRangeSelection &&\n    (isInvalid || !isUnavailable) &&\n    (isDateInRange(prevDay) || (nextDay.month === date.month && isDateInRange(nextDay)));\n\n  return (\n    <div\n      className={style({\n        position: 'relative',\n        width: 'full',\n        height: 'full'\n      })}>\n      <div\n        ref={ref}\n        style={pressScale(ref, {})(renderProps!)}\n        className={cellInnerStyles({\n          ...renderProps!,\n          isSelectionStart,\n          isSelectionEnd,\n          selectionMode: isRangeSelection ? 'range' : 'single'\n        })}>\n        <div className={todayStyles(renderProps!)} role=\"presentation\" />\n        <div>{formattedDate}</div>\n        {isUnavailable && <div className={unavailableStyles} role=\"presentation\" />}\n      </div>\n      {isBackgroundStyleApplied && (\n        <div\n          className={selectionBackgroundStyles({\n            isInvalid,\n            isFirstDayInWeek,\n            isLastDayInWeek,\n            isSelectionStart,\n            isSelectionEnd,\n            isPreviousDayNotSelected,\n            isNextDayNotSelected\n          })}\n          role=\"presentation\"\n        />\n      )}\n      {isBackgroundStyleApplied && (\n        <div\n          className={selectionBorderStyles({\n            isInvalid,\n            isFirstDayInWeek,\n            isLastDayInWeek,\n            isSelectionStart,\n            isSelectionEnd,\n            isPreviousDayNotSelected,\n            isNextDayNotSelected\n          })}\n          role=\"presentation\"\n        />\n      )}\n    </div>\n  );\n};\n\ntype DayOfWeek = 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';\n\n/**\n * Calculate the week index (0-based) and day index (0-based) for a given date within a month in a\n * calendar.\n *\n * @param date - The date to calculate indices for.\n * @param locale - The locale string (e.g., 'en-US', 'fr-FR', 'hi-IN-u-ca-indian').\n * @param firstDayOfWeek - Optional override for the first day of the week ('sun', 'mon', 'tue',\n *   etc.).\n * @returns Object with weekIndex and dayIndex.\n */\nfunction useWeekAndDayIndices(date: CalendarDate, locale: string, firstDayOfWeek?: DayOfWeek) {\n  let result = useMemo(() => {\n    // Get the day index within the week (0-6)\n    const dayIndex = getDayOfWeek(date, locale, firstDayOfWeek);\n\n    const monthStart = startOfMonth(date);\n\n    // Calculate the week index by finding which week this date falls into\n    // within the month's calendar grid\n    const monthStartDayOfWeek = getDayOfWeek(monthStart, locale, firstDayOfWeek);\n    const dayOfMonth = date.day;\n\n    const weekIndex = Math.floor((dayOfMonth + monthStartDayOfWeek - 1) / 7);\n    const lastDayOfMonth = startOfMonth(date).add({months: 1}).subtract({days: 1});\n    const lastWeekIndex = Math.floor((lastDayOfMonth.day + monthStartDayOfWeek - 1) / 7);\n\n    return {\n      weekIndex,\n      lastWeekIndex,\n      dayIndex\n    };\n  }, [date, locale, firstDayOfWeek]);\n\n  return result;\n}\n"],"names":[],"version":3,"file":"Calendar.cjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Calendar.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from './ActionButton';\nimport {\n  Calendar as AriaCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarContext as AriaCalendarContext,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarProps as AriaCalendarProps,\n  CalendarCellProps,\n  CalendarCellRenderProps,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCellProps,\n  CalendarHeading,\n  CalendarSelectionMode,\n  CalendarState,\n  CalendarStateContext,\n  DateValue\n} from 'react-aria-components/Calendar';\nimport {AriaCalendarGridProps} from 'react-aria/useCalendar';\nimport {ButtonProps} from 'react-aria-components/Button';\nimport {CalendarDate, getDayOfWeek, startOfMonth} from '@internationalized/date';\nimport ChevronLeftIcon from '../s2wf-icons/S2_Icon_ChevronLeft_20_N.svg';\nimport ChevronRightIcon from '../s2wf-icons/S2_Icon_ChevronRight_20_N.svg';\nimport {ContextValue, Provider, useSlottedContext} from 'react-aria-components/slots';\nimport {focusRing, lightDark, style} from '../style' with {type: 'macro'};\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Header, HeaderContext, HeadingContext} from './Content';\nimport {helpTextStyles} from './Field';\nimport intlMessages from '../intl/*.json';\nimport {pressScale} from './pressScale';\nimport {RangeCalendarContext, RangeCalendarStateContext} from 'react-aria-components/RangeCalendar';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n  useContext,\n  useMemo,\n  useRef\n} from 'react';\nimport {Text} from 'react-aria-components/Text';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CalendarProps<T extends DateValue, M extends CalendarSelectionMode = 'single'>\n  extends\n    Omit<\n      AriaCalendarProps<T, M>,\n      | 'visibleDuration'\n      | 'weeksInMonth'\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'styles'\n      | 'children'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  /**\n   * The error message to display when the calendar is invalid.\n   */\n  errorMessage?: ReactNode;\n  /**\n   * The number of months to display at once.\n   *\n   * @default 1\n   */\n  visibleMonths?: number;\n}\n\nexport const CalendarContext =\n  createContext<ContextValue<Partial<CalendarProps<any, CalendarSelectionMode>>, HTMLDivElement>>(\n    null\n  );\n\nconst calendarStyles = style<{isMultiMonth?: boolean}>(\n  {\n    display: 'flex',\n    containerType: {\n      default: 'inline-size',\n      isMultiMonth: 'unset'\n    },\n    flexDirection: 'column',\n    gap: 24,\n    disableTapHighlight: true,\n    '--cell-gap': {\n      type: 'paddingStart',\n      value: 4\n    },\n    '--cell-max-width': {\n      type: 'width',\n      value: 32\n    },\n    '--cell-responsive-size': {\n      type: 'width',\n      value: {\n        default: '[min(var(--cell-max-width), (100cqw - (var(--cell-gap) * 12)) / 7)]',\n        isMultiMonth: '--cell-max-width'\n      }\n    },\n    width: {\n      default: 'calc(7 * var(--cell-max-width) + var(--cell-gap) * 12)',\n      isMultiMonth: 'fit'\n    },\n    maxWidth: {\n      default: 'full',\n      isMultiMonth: 'unset'\n    }\n  },\n  getAllowedOverrides()\n);\n\nconst headerStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  columnGap: 24\n});\n\nconst headingStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  margin: 0,\n  flexGrow: 1,\n  width: 'full'\n});\n\nconst titleStyles = style({\n  font: 'title-lg',\n  textAlign: 'center',\n  flexGrow: 1,\n  flexShrink: 0,\n  marginY: 0\n});\n\nconst headerCellStyles = style({\n  font: 'title-sm',\n  cursor: 'default',\n  textAlign: 'center',\n  paddingStart: {\n    default: 4,\n    ':first-child': 0\n  },\n  paddingEnd: {\n    default: 4,\n    ':last-child': 0\n  },\n  paddingBottom: 12\n});\n\nconst cellStyles = style({\n  outlineStyle: 'none',\n  boxSizing: 'content-box',\n  paddingStart: {\n    default: 4,\n    isFirstChild: 0\n  },\n  paddingEnd: {\n    default: 4,\n    isLastChild: 0\n  },\n  paddingTop: {\n    default: 2,\n    isFirstWeek: 0\n  },\n  paddingBottom: {\n    default: 2,\n    isLastWeek: 0\n  },\n  position: 'relative',\n  display: {\n    default: 'flex',\n    isOutsideMonth: 'none'\n  },\n  alignItems: 'center',\n  justifyContent: 'center',\n  disableTapHighlight: true,\n  width: '--cell-responsive-size',\n  height: '--cell-responsive-size'\n});\n\nconst cellInnerStyles = style<CalendarCellRenderProps & {selectionMode: 'single' | 'range'}>({\n  ...focusRing(),\n  transition: {\n    default: 'default',\n    forcedColors: 'none'\n  },\n  outlineOffset: {\n    default: -2,\n    isSelected: {\n      selectionMode: {\n        single: 2,\n        range: -2\n      }\n    },\n    isSelectionStart: 2,\n    isSelectionEnd: 2\n  },\n  position: 'relative',\n  font: 'body-sm',\n  cursor: 'default',\n  width: 'full',\n  height: 'full',\n  borderRadius: 'full',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  forcedColorAdjust: 'none',\n  backgroundColor: {\n    default: 'transparent',\n    isHovered: {\n      default: 'gray-100',\n      isUnavailable: 'transparent'\n    },\n    isPressed: 'gray-100',\n    isDisabled: 'transparent',\n    isSelected: {\n      selectionMode: {\n        single: {\n          default: lightDark('accent-900', 'accent-700'),\n          isHovered: lightDark('accent-1000', 'accent-600'),\n          isPressed: lightDark('accent-1000', 'accent-600'),\n          isFocusVisible: lightDark('accent-1000', 'accent-600'),\n          isDisabled: 'transparent',\n          isInvalid: {\n            default: lightDark('negative-900', 'negative-700'),\n            isHovered: lightDark('negative-1000', 'negative-600'),\n            isPressed: lightDark('negative-1000', 'negative-600'),\n            isFocusVisible: lightDark('negative-1000', 'negative-600')\n          }\n        },\n        range: {\n          isHovered: {\n            default: 'blue-500',\n            isInvalid: {\n              default: 'negative-300',\n              isUnavailable: 'transparent'\n            }\n          }\n        }\n      }\n    },\n    isSelectionStart: {\n      default: lightDark('accent-900', 'accent-700'),\n      isHovered: lightDark('accent-1000', 'accent-600'),\n      isPressed: lightDark('accent-1000', 'accent-600'),\n      isFocusVisible: lightDark('accent-1000', 'accent-600'),\n      isDisabled: 'transparent',\n      isInvalid: {\n        default: lightDark('negative-900', 'negative-700'),\n        isHovered: {\n          default: lightDark('negative-1000', 'negative-600'),\n          isUnavailable: lightDark('negative-900', 'negative-700')\n        },\n        isPressed: lightDark('negative-1000', 'negative-600'),\n        isFocusVisible: {\n          default: lightDark('negative-1000', 'negative-600'),\n          isUnavailable: lightDark('negative-900', 'negative-700')\n        }\n      }\n    },\n    isSelectionEnd: {\n      default: lightDark('accent-900', 'accent-700'),\n      isHovered: lightDark('accent-1000', 'accent-600'),\n      isPressed: lightDark('accent-1000', 'accent-600'),\n      isFocusVisible: lightDark('accent-1000', 'accent-600'),\n      isDisabled: 'transparent',\n      isInvalid: {\n        default: lightDark('negative-900', 'negative-700'),\n        isHovered: {\n          default: lightDark('negative-1000', 'negative-600'),\n          isUnavailable: lightDark('negative-900', 'negative-700')\n        },\n        isPressed: lightDark('negative-1000', 'negative-600'),\n        isFocusVisible: {\n          default: lightDark('negative-1000', 'negative-600'),\n          isUnavailable: lightDark('negative-900', 'negative-700')\n        }\n      }\n    },\n    forcedColors: {\n      default: 'transparent',\n      isHovered: 'Highlight',\n      isSelected: {\n        selectionMode: {\n          single: 'Highlight',\n          range: {\n            isHovered: 'Highlight'\n          }\n        }\n      },\n      isSelectionStart: 'Highlight',\n      isSelectionEnd: 'Highlight',\n      isUnavailable: 'transparent'\n    }\n  },\n  color: {\n    default: 'neutral',\n    isSelected: {\n      default: 'white',\n      selectionMode: {\n        range: 'neutral'\n      }\n    },\n    isSelectionStart: 'white',\n    isSelectionEnd: 'white',\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonText',\n      isSelected: 'HighlightText',\n      isSelectionStart: 'HighlightText',\n      isSelectionEnd: 'HighlightText',\n      isDisabled: 'GrayText'\n    }\n  }\n});\n\nconst todayStyles = style({\n  position: 'absolute',\n  bottom: '12.5%',\n  left: '50%',\n  transform: 'translateX(-50%)',\n  width: 4,\n  height: 4,\n  borderRadius: 'full',\n  backgroundColor: '[currentColor]',\n  display: {\n    default: 'none',\n    isToday: 'block'\n  }\n});\n\nconst unavailableStyles = style({\n  position: 'absolute',\n  top: 'calc(50% - 1px)',\n  left: 'calc(25% - 1px)',\n  right: 'calc(25% - 1px)',\n  height: 2,\n  transform: 'rotate(-16deg)',\n  borderRadius: 'full',\n  backgroundColor: '[currentColor]'\n});\n\nconst selectionBackgroundStyles = style<{\n  isInvalid?: boolean;\n  isFirstDayInWeek?: boolean;\n  isLastDayInWeek?: boolean;\n  isSelectionStart?: boolean;\n  isSelectionEnd?: boolean;\n  isPreviousDayNotSelected?: boolean;\n  isNextDayNotSelected?: boolean;\n}>({\n  position: 'absolute',\n  zIndex: -1,\n  top: 0,\n  insetStart: {\n    default: -4,\n    isFirstDayInWeek: 0,\n    isSelectionStart: 0,\n    isPreviousDayNotSelected: 0\n  },\n  insetEnd: {\n    default: -4,\n    isLastDayInWeek: 0,\n    isSelectionEnd: 0,\n    isNextDayNotSelected: 0\n  },\n  bottom: 0,\n  borderStartRadius: {\n    default: 'none',\n    isFirstDayInWeek: 'full',\n    isSelectionStart: 'full',\n    isPreviousDayNotSelected: 'full'\n  },\n  borderEndRadius: {\n    default: 'none',\n    isLastDayInWeek: 'full',\n    isSelectionEnd: 'full',\n    isNextDayNotSelected: 'full'\n  },\n  backgroundColor: {\n    default: 'blue-subtle',\n    isInvalid: 'negative-100',\n    forcedColors: {\n      default: 'Highlight'\n    }\n  },\n  forcedColorAdjust: 'none'\n});\n\nconst selectionBorderStyles = style<{\n  isInvalid?: boolean;\n  isFirstDayInWeek?: boolean;\n  isLastDayInWeek?: boolean;\n  isSelectionStart?: boolean;\n  isSelectionEnd?: boolean;\n  isPreviousDayNotSelected?: boolean;\n  isNextDayNotSelected?: boolean;\n}>({\n  position: 'absolute',\n  zIndex: 1,\n  top: 0,\n  insetStart: {\n    default: -4,\n    isFirstDayInWeek: 0,\n    isSelectionStart: 0,\n    isPreviousDayNotSelected: 0\n  },\n  insetEnd: {\n    default: -4,\n    isLastDayInWeek: 0,\n    isSelectionEnd: 0,\n    isNextDayNotSelected: 0\n  },\n  bottom: 0,\n  borderStartWidth: {\n    default: 0,\n    isFirstDayInWeek: 1,\n    isSelectionStart: 1,\n    isPreviousDayNotSelected: 1\n  },\n  borderTopWidth: 1,\n  borderEndWidth: {\n    default: 0,\n    isLastDayInWeek: 1,\n    isSelectionEnd: 1,\n    isNextDayNotSelected: 1\n  },\n  borderBottomWidth: 1,\n  borderStyle: 'solid',\n  borderColor: {\n    default: 'blue-800', // focus-indicator-color\n    isInvalid: 'negative-900',\n    forcedColors: {\n      default: 'ButtonText'\n    }\n  },\n  borderStartRadius: {\n    default: 'none',\n    isFirstDayInWeek: 'full',\n    isSelectionStart: 'full',\n    isPreviousDayNotSelected: 'full'\n  },\n  borderEndRadius: {\n    default: 'none',\n    isLastDayInWeek: 'full',\n    isSelectionEnd: 'full',\n    isNextDayNotSelected: 'full'\n  }\n});\n/**\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n */\nexport const Calendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function Calendar<\n  T extends DateValue,\n  M extends CalendarSelectionMode = 'single'\n>(props: CalendarProps<T, M>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CalendarContext);\n  let {\n    visibleMonths = 1,\n    errorMessage,\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let isMultiMonth = visibleMonths > 1;\n  return (\n    <AriaCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + calendarStyles({isMultiMonth}, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <CalendarHeader visibleMonths={visibleMonths} />\n            </Provider>\n            <div\n              className={style({\n                display: 'flex',\n                flexDirection: 'row',\n                gap: 24,\n                width: 'full',\n                alignItems: 'start'\n              })}>\n              {Array.from({length: visibleMonths}).map((_, i) => (\n                <CalendarGrid key={i} months={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text\n                slot=\"errorMessage\"\n                className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage ||\n                  stringFormatter.format('calendar.invalidSelection', {selectedCount: 1})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaCalendar>\n  );\n});\n\nexport const CalendarHeader = ({visibleMonths}: {visibleMonths: number}): ReactElement => {\n  return (\n    <Header styles={headerStyles}>\n      {Array.from({length: visibleMonths}).map((_, i) => (\n        <div key={i} className={headingStyles}>\n          {i === 0 && (\n            <CalendarButton slot=\"previous\">\n              <ChevronLeftIcon />\n            </CalendarButton>\n          )}\n          <CalendarHeading offset={{months: i}} className={titleStyles} />\n          {i === visibleMonths - 1 && (\n            <CalendarButton slot=\"next\">\n              <ChevronRightIcon />\n            </CalendarButton>\n          )}\n        </div>\n      ))}\n    </Header>\n  );\n};\n\nexport const CalendarGrid = (\n  props: Omit<AriaCalendarGridProps, 'children'> & PropsWithChildren & {months: number}\n): ReactElement => {\n  let rangeCalendarProps = useSlottedContext(RangeCalendarContext);\n  let calendarProps = useSlottedContext(AriaCalendarContext);\n  let firstDayOfWeek = rangeCalendarProps?.firstDayOfWeek ?? calendarProps?.firstDayOfWeek;\n\n  // use isolation to start a new stacking context so that we can use zIndex -1 for the selection span.\n  return (\n    <AriaCalendarGrid\n      className={style({\n        borderCollapse: 'collapse',\n        borderSpacing: 0,\n        isolation: 'isolate'\n      })}\n      offset={{months: props.months}}>\n      <CalendarGridHeader className=\"\">\n        {day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n      </CalendarGridHeader>\n      <CalendarGridBody className=\"\">\n        {date => <CalendarCell date={date} firstDayOfWeek={firstDayOfWeek} />}\n      </CalendarGridBody>\n    </AriaCalendarGrid>\n  );\n};\n\nexport const CalendarButton = (\n  props: Omit<ButtonProps, 'children'> & {children: ReactNode}\n): ReactElement => {\n  let {direction} = useLocale();\n  return (\n    <div\n      className={style({\n        scale: {\n          direction: {\n            rtl: -1\n          }\n        }\n      })({direction})}>\n      <ActionButton {...props} isQuiet>\n        {props.children}\n      </ActionButton>\n    </div>\n  );\n};\n\nconst CalendarHeaderCell = (\n  props: Omit<CalendarHeaderCellProps, 'children'> & PropsWithChildren\n): ReactElement => {\n  return (\n    <AriaCalendarHeaderCell className={headerCellStyles}>{props.children}</AriaCalendarHeaderCell>\n  );\n};\n\nconst CalendarCell = (\n  props: Omit<CalendarCellProps, 'children'> & {\n    firstDayOfWeek: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat' | undefined;\n  }\n): ReactElement => {\n  let {locale} = useLocale();\n  let firstDayOfWeek = props.firstDayOfWeek;\n  // Calculate the day and week index based on the date.\n  let {dayIndex, weekIndex, lastWeekIndex} = useWeekAndDayIndices(\n    props.date,\n    locale,\n    firstDayOfWeek\n  );\n\n  let calendarStateContext = useContext(CalendarStateContext);\n  let rangeCalendarStateContext = useContext(RangeCalendarStateContext);\n  let state = (calendarStateContext ?? rangeCalendarStateContext)!;\n\n  let isFirstWeek = weekIndex === 0;\n  let isLastWeek = weekIndex === lastWeekIndex;\n  let isFirstChild = dayIndex === 0;\n  let isLastChild = dayIndex === 6;\n\n  return (\n    <AriaCalendarCell\n      date={props.date}\n      className={renderProps =>\n        cellStyles({...renderProps, isFirstChild, isLastChild, isFirstWeek, isLastWeek})\n      }>\n      {renderProps => (\n        <CalendarCellInner\n          {...props}\n          weekIndex={weekIndex}\n          dayIndex={dayIndex}\n          state={state}\n          isRangeSelection={!!rangeCalendarStateContext}\n          renderProps={renderProps}\n        />\n      )}\n    </AriaCalendarCell>\n  );\n};\n\nconst CalendarCellInner = (\n  props: Omit<CalendarCellProps, 'children'> & {\n    isRangeSelection: boolean;\n    state: CalendarState<CalendarSelectionMode> | RangeCalendarState;\n    weekIndex: number;\n    dayIndex: number;\n    renderProps?: CalendarCellRenderProps;\n    date: DateValue;\n  }\n): ReactElement => {\n  let {dayIndex, date, renderProps, state, isRangeSelection} = props;\n  let ref = useRef<HTMLDivElement>(null);\n  let {isUnavailable, formattedDate, isSelected, isSelectionStart, isSelectionEnd, isInvalid} =\n    renderProps!;\n  // only apply the selection start/end styles if the start/end date is actually selectable (aka not unavailable)\n  // or if the range is invalid and thus we still want to show the styles even if the start/end date is an unavailable one\n  isSelectionStart = isSelectionStart && (!isUnavailable || isInvalid);\n  isSelectionEnd = isSelectionEnd && (!isUnavailable || isInvalid);\n\n  let isDateInRange = (checkDate: CalendarDate) => {\n    if (!('highlightedRange' in state) || !state.highlightedRange) {\n      return state.isSelected(checkDate);\n    }\n    // if invalid, check if date is within the full range boundaries\n    if (isInvalid) {\n      return (\n        checkDate.compare(state.highlightedRange.start) >= 0 &&\n        checkDate.compare(state.highlightedRange.end) <= 0\n      );\n    }\n\n    return state.isSelected(checkDate);\n  };\n\n  let prevDay = date.subtract({days: 1});\n  let nextDay = date.add({days: 1});\n  let isFirstDayInWeek = dayIndex === 0;\n  let isLastDayInWeek = dayIndex === 6;\n  let isPreviousDayNotSelected =\n    !prevDay || !isDateInRange(prevDay) || prevDay.month !== props.date.month;\n  let isNextDayNotSelected =\n    !nextDay || !isDateInRange(nextDay) || nextDay.month !== props.date.month;\n\n  // when invalid, show background for all selected dates (including unavailable) to make continuous range appearance\n  // when valid, only show background for available selected dates\n  let isBackgroundStyleApplied =\n    isSelected &&\n    isRangeSelection &&\n    (isInvalid || !isUnavailable) &&\n    (isDateInRange(prevDay) || (nextDay.month === date.month && isDateInRange(nextDay)));\n\n  return (\n    <div\n      className={style({\n        position: 'relative',\n        width: 'full',\n        height: 'full'\n      })}>\n      <div\n        ref={ref}\n        style={pressScale(ref, {})(renderProps!)}\n        className={cellInnerStyles({\n          ...renderProps!,\n          isSelectionStart,\n          isSelectionEnd,\n          selectionMode: isRangeSelection ? 'range' : 'single'\n        })}>\n        <div className={todayStyles(renderProps!)} role=\"presentation\" />\n        <div>{formattedDate}</div>\n        {isUnavailable && <div className={unavailableStyles} role=\"presentation\" />}\n      </div>\n      {isBackgroundStyleApplied && (\n        <div\n          className={selectionBackgroundStyles({\n            isInvalid,\n            isFirstDayInWeek,\n            isLastDayInWeek,\n            isSelectionStart,\n            isSelectionEnd,\n            isPreviousDayNotSelected,\n            isNextDayNotSelected\n          })}\n          role=\"presentation\"\n        />\n      )}\n      {isBackgroundStyleApplied && (\n        <div\n          className={selectionBorderStyles({\n            isInvalid,\n            isFirstDayInWeek,\n            isLastDayInWeek,\n            isSelectionStart,\n            isSelectionEnd,\n            isPreviousDayNotSelected,\n            isNextDayNotSelected\n          })}\n          role=\"presentation\"\n        />\n      )}\n    </div>\n  );\n};\n\ntype DayOfWeek = 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';\n\n/**\n * Calculate the week index (0-based) and day index (0-based) for a given date within a month in a\n * calendar.\n *\n * @param date - The date to calculate indices for.\n * @param locale - The locale string (e.g., 'en-US', 'fr-FR', 'hi-IN-u-ca-indian').\n * @param firstDayOfWeek - Optional override for the first day of the week ('sun', 'mon', 'tue',\n *   etc.).\n * @returns Object with weekIndex and dayIndex.\n */\nfunction useWeekAndDayIndices(date: CalendarDate, locale: string, firstDayOfWeek?: DayOfWeek) {\n  let result = useMemo(() => {\n    // Get the day index within the week (0-6)\n    const dayIndex = getDayOfWeek(date, locale, firstDayOfWeek);\n\n    const monthStart = startOfMonth(date);\n\n    // Calculate the week index by finding which week this date falls into\n    // within the month's calendar grid\n    const monthStartDayOfWeek = getDayOfWeek(monthStart, locale, firstDayOfWeek);\n    const dayOfMonth = date.day;\n\n    const weekIndex = Math.floor((dayOfMonth + monthStartDayOfWeek - 1) / 7);\n    const lastDayOfMonth = startOfMonth(date).add({months: 1}).subtract({days: 1});\n    const lastWeekIndex = Math.floor((lastDayOfMonth.day + monthStartDayOfWeek - 1) / 7);\n\n    return {\n      weekIndex,\n      lastWeekIndex,\n      dayIndex\n    };\n  }, [date, locale, firstDayOfWeek]);\n\n  return result;\n}\n"],"names":[],"version":3,"file":"Calendar.cjs.map"}