@react-spectrum/s2 0.11.2 → 0.12.0

package/dist/Calendar.css.map

@@ -1 +1 @@
-{"mappings":"ACqEuB;EAAA;;;;EAAA;;;;EAAA;;;;EAeD;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAQF;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EASK;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAeN;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA8BK;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAuGE;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAWE;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA2DH;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA2BR;;;;EAAA;;;;EAAA;;;;EAkEa;;;;EACA;;;;EAAA;;;;EAetB;;;;EAAA;;;;EAAA;;;;EA8ES;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AA9ZG;EASK;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA6CD;;;;EAAA;;;;;AAtDJ;EASK;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA6CD;;;;;AAtDJ;EASK;;;;EAAA;;;;EAAA;;;;EA6CD;;;;;AAtDJ;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAsDI;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAkHI;;;;IAAA","sources":["2295035483c3fe80","packages/@react-spectrum/s2/src/Calendar.tsx"],"sourcesContent":["@import \"a4515f5bffb5f062\";\n@import \"92a594e88a8aef1b\";\n@import \"690c8ff771746c3e\";\n@import \"61eae6535d6fcdf4\";\n@import \"45a026ed74f55e85\";\n@import \"948f79e4cbbbc206\";\n@import \"6fbf78b81e66a464\";\n@import \"98b3aa52e9389b9d\";\n@import \"b5160d992ac49c4a\";\n@import \"84221aa63b6aa322\";\n@import \"898fc73cd9eb6ae4\";\n@import \"b3de9a7ca57d6dcd\";\n@import \"630d2c7b496b99dc\";\n@import \"4ba51db32e5676ac\";\n@import \"956185cd03a3f917\";\n@import \"b1221915ab95cea2\";\n","/*\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, Header, HeaderContext, Heading, HeadingContext, pressScale} from './';\nimport {\n  Calendar as AriaCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarProps as AriaCalendarProps,\n  ButtonProps,\n  CalendarCellProps,\n  CalendarCellRenderProps,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCellProps,\n  CalendarState,\n  CalendarStateContext,\n  ContextValue,\n  DateValue,\n  Provider,\n  RangeCalendarState,\n  RangeCalendarStateContext,\n  Text\n} from 'react-aria-components';\nimport {AriaCalendarGridProps} from '@react-aria/calendar';\nimport {baseColor, focusRing, lightDark, style} from '../style' with {type: 'macro'};\nimport {\n  CalendarDate,\n  getDayOfWeek,\n  startOfMonth\n} 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 {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {helpTextStyles} from './Field';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {createContext, CSSProperties, ForwardedRef, forwardRef, Fragment, PropsWithChildren, ReactElement, ReactNode, useContext, useMemo, useRef} from 'react';\nimport {useDateFormatter, useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface CalendarProps<T extends DateValue>\n  extends Omit<AriaCalendarProps<T>, 'visibleDuration' | 'style' | 'className' | 'styles' | keyof GlobalDOMAttributes>,\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   * @default 1\n   */\n  visibleMonths?: number\n}\n\nexport const CalendarContext = createContext<ContextValue<Partial<CalendarProps<any>>, HTMLDivElement>>(null);\n\nconst calendarStyles = style({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 24,\n  width: 'fit',\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst headerStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  width: 'full'\n});\n\nconst headingStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  margin: 0,\n  width: 'full'\n});\n\nconst titleStyles = style({\n  font: 'title-lg',\n  textAlign: 'center',\n  flexGrow: 1,\n  flexShrink: 0,\n  flexBasis: '0%',\n  minWidth: 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  '--cell-gap': {\n    type: 'paddingStart',\n    value: 4\n  },\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: 2,\n  position: 'relative',\n  width: 32,\n  height: 32,\n  display: {\n    default: 'flex',\n    isOutsideMonth: 'none'\n  },\n  alignItems: 'center',\n  justifyContent: 'center'\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    isToday: 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: 32,\n  borderRadius: 'full',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  forcedColorAdjust: 'none',\n  backgroundColor: {\n    default: 'transparent',\n    isHovered: 'gray-100',\n    isPressed: 'gray-100',\n    isDisabled: 'transparent',\n    isToday: {\n      default: baseColor('gray-300'),\n      isDisabled: 'disabled'\n    },\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        },\n        range: {\n          isHovered: 'blue-500'\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    },\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    },\n    isUnavailable: 'transparent',\n    forcedColors: {\n      default: 'transparent',\n      isToday: 'ButtonFace',\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      isToday: 'ButtonFace',\n      isSelected: 'HighlightText',\n      isSelectionStart: 'HighlightText',\n      isSelectionEnd: 'HighlightText',\n      isDisabled: 'GrayText'\n    }\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 selectionSpanStyles = style({\n  position: 'absolute',\n  zIndex: -1,\n  top: 0,\n  insetStart: 'calc(-1 * var(--selection-span) * (var(--cell-width) + var(--cell-gap) + var(--cell-gap)))',\n  insetEnd: 0,\n  bottom: 0,\n  borderWidth: 2,\n  borderStyle: 'dashed',\n  borderColor: {\n    default: 'blue-800', // focus-indicator-color\n    forcedColors: {\n      default: 'ButtonText'\n    }\n  },\n  borderStartRadius: 'full',\n  borderEndRadius: 'full',\n  backgroundColor: {\n    default: 'blue-subtle',\n    forcedColors: {\n      default: 'Highlight'\n    }\n  },\n  forcedColorAdjust: 'none'\n});\n\nexport const Calendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function Calendar<T extends DateValue>(props: CalendarProps<T>, 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  return (\n    <AriaCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + calendarStyles(null, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <Header styles={headerStyles}>\n                <CalendarButton slot=\"previous\"><ChevronLeftIcon /></CalendarButton>\n                <CalendarHeading />\n                <CalendarButton slot=\"next\"><ChevronRightIcon /></CalendarButton>\n              </Header>\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 months={i} key={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text slot=\"errorMessage\" className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage || stringFormatter.format('calendar.invalidSelection', {selectedCount: 1})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaCalendar>\n  );\n});\n\nexport const CalendarGrid = (props: Omit<AriaCalendarGridProps, 'children'> & PropsWithChildren & {months: number}): ReactElement => {\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>\n        {(day) => (\n          <CalendarHeaderCell>\n            {day}\n          </CalendarHeaderCell>\n        )}\n      </CalendarGridHeader>\n      <CalendarGridBody>\n        {(date) => (\n          <CalendarCell date={date} firstDayOfWeek={props.firstDayOfWeek} />\n        )}\n      </CalendarGridBody>\n    </AriaCalendarGrid>\n  );\n};\n\n// Ordinarily the heading is a formatted date range, ie January 2025 - February 2025.\n// However, we want to show each month individually.\nexport const CalendarHeading = (): ReactElement => {\n  let calendarStateContext = useContext(CalendarStateContext);\n  let rangeCalendarStateContext = useContext(RangeCalendarStateContext);\n  let {visibleRange, timeZone} = calendarStateContext ?? rangeCalendarStateContext ?? {};\n  let currentMonth = visibleRange?.start ?? visibleRange?.end;\n  let monthFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era: currentMonth && currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC' ? 'short' : undefined,\n    calendar: visibleRange?.start.calendar.identifier,\n    timeZone\n  });\n  let months = useMemo(() => {\n    if (!visibleRange) {\n      return [];\n    }\n    let months: string[] = [];\n    for (let i = visibleRange.start; i.compare(visibleRange.end) <= 0; i = i.add({months: 1})) {\n      // TODO: account for the first week possibly overlapping, like with a custom 454 calendar.\n      // there has to be a better way to do this...\n      if (i.month === visibleRange.start.month) {\n        i = i.add({weeks: 1});\n      }\n      months.push(monthFormatter.format(i.toDate(timeZone!)));\n    }\n    return months;\n  }, [visibleRange, monthFormatter, timeZone]);\n\n  return (\n    <Heading styles={headingStyles}>\n      {months.map((month, i) => {\n        if (i === 0) {\n          return (\n            <Fragment key={month}>\n              <div className={titleStyles}>{month}</div>\n            </Fragment>\n          );\n        } else {\n          return (\n            <Fragment key={month}>\n              {/* Spacers to account for Next/Previous buttons and gap, spelled out to show the math */}\n              <div className={style({visibility: 'hidden', width: 32})} />\n              <div className={style({visibility: 'hidden', width: 24})} />\n              <div className={style({visibility: 'hidden', width: 32})} />\n              <div className={titleStyles}>{month}</div>\n            </Fragment>\n          );\n        }\n      })}\n    </Heading>\n  );\n};\n\nexport const CalendarButton = (props: Omit<ButtonProps, 'children'> & {children: ReactNode}): ReactElement => {\n  let {direction} = useLocale();\n  return (\n    <div\n      className={\n        style({\n          scale: {\n            direction: {\n              rtl: -1\n            }\n          }\n        })({direction})\n      }>\n      <ActionButton\n        {...props}\n        isQuiet>\n        {props.children}\n      </ActionButton>\n    </div>\n  );\n};\n\nconst CalendarHeaderCell = (props: Omit<CalendarHeaderCellProps, 'children'> & PropsWithChildren): ReactElement => {\n  return (\n    <AriaCalendarHeaderCell className={headerCellStyles}>\n      {props.children}\n    </AriaCalendarHeaderCell>\n  );\n};\n\nconst CalendarCell = (props: Omit<CalendarCellProps, 'children'> & {firstDayOfWeek: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat' | undefined}): 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} = useWeekAndDayIndices(props.date, locale, firstDayOfWeek);\n\n  let calendarStateContext = useContext(CalendarStateContext);\n  let rangeCalendarStateContext = useContext(RangeCalendarStateContext);\n  let state = (calendarStateContext ?? rangeCalendarStateContext)!;\n\n  let isFirstWeek = weekIndex === 0;\n  let isFirstChild = dayIndex === 0;\n  let isLastChild = dayIndex === 6;\n  return (\n    <AriaCalendarCell\n      date={props.date}\n      className={(renderProps) => cellStyles({...renderProps, isFirstChild, isLastChild, isFirstWeek})}>\n      {(renderProps) => <CalendarCellInner {...props} weekIndex={weekIndex} dayIndex={dayIndex} state={state} isRangeSelection={!!rangeCalendarStateContext} renderProps={renderProps} />}\n    </AriaCalendarCell>\n  );\n};\n\nconst CalendarCellInner = (props: Omit<CalendarCellProps, 'children'> & {isRangeSelection: boolean, state: CalendarState | RangeCalendarState, weekIndex: number, dayIndex: number, renderProps?: CalendarCellRenderProps, date: DateValue}): ReactElement => {\n  let {weekIndex, dayIndex, date, renderProps, state, isRangeSelection} = props;\n  let {getDatesInWeek} = state;\n  let ref = useRef<HTMLDivElement>(null);\n  let {isUnavailable, formattedDate, isSelected} = renderProps!;\n  let startDate = startOfMonth(date);\n  let datesInWeek = getDatesInWeek(weekIndex, startDate);\n\n  // Starting from the current day, find the first day before it in the current week that is not selected.\n  // Then, the span of selected days is the current day minus the first unselected day.\n  let firstUnselectedInRangeInWeek = datesInWeek.slice(0, dayIndex + 1).reverse().findIndex((date, i) => {\n    return date && i > 0 && (!state.isSelected(date) || date.month !== props.date.month);\n  });\n  let selectionSpan = -1;\n  if (firstUnselectedInRangeInWeek > -1 && isSelected) {\n    selectionSpan = firstUnselectedInRangeInWeek - 1;\n  } else if (isSelected) {\n    selectionSpan = dayIndex;\n  }\n\n  let prevDay = date.subtract({days: 1});\n  let nextDay = date.add({days: 1});\n  let isBackgroundStyleApplied = (\n    isSelected\n    && isRangeSelection\n    && (state.isSelected(prevDay)\n      || (nextDay.month === date.month && state.isSelected(nextDay)))\n    );\n\n  return (\n    <div\n      className={style({\n        position: 'relative',\n        width: 32,\n        '--cell-width': {\n          type: 'width',\n          value: '[self(width)]'\n        }\n      })}>\n      <div\n        ref={ref}\n        style={pressScale(ref, {})(renderProps!)}\n        className={cellInnerStyles({...renderProps!, selectionMode: isRangeSelection ? 'range' : 'single'})}>\n        <div>\n          {formattedDate}\n        </div>\n        {isUnavailable && <div className={unavailableStyles} role=\"presentation\" />}\n      </div>\n      {isBackgroundStyleApplied && <div style={{'--selection-span': selectionSpan} as CSSProperties} className={selectionSpanStyles} role=\"presentation\" />}\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 calendar.\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', etc.).\n * @returns Object with weekIndex and dayIndex.\n */\nfunction useWeekAndDayIndices(\n  date: CalendarDate,\n  locale: string,\n  firstDayOfWeek?: DayOfWeek\n) {\n  let {dayIndex, weekIndex} = 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\n    return {\n      weekIndex,\n      dayIndex\n    };\n  }, [date, locale, firstDayOfWeek]);\n\n  return {dayIndex, weekIndex};\n}\n"],"names":[],"version":3,"file":"Calendar.css.map"}
+{"mappings":"ACqEuB;EAAA;;;;EAAA;;;;EAAA;;;;EAeD;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAQF;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EASK;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAeN;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA8BK;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAuGE;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAWE;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA8DH;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA2BR;;;;EAAA;;;;EAAA;;;;EAkEa;;;;EACA;;;;EAAA;;;;EAetB;;;;EAAA;;;;EAAA;;;;EA8ES;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAjaG;EASK;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA6CD;;;;EAAA;;;;;AAtDJ;EASK;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA6CD;;;;;AAtDJ;EASK;;;;EAAA;;;;EAAA;;;;EA6CD;;;;;AAtDJ;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAsDI;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAkHI;;;;IAAA","sources":["2295035483c3fe80","packages/@react-spectrum/s2/src/Calendar.tsx"],"sourcesContent":["@import \"a4515f5bffb5f062\";\n@import \"92a594e88a8aef1b\";\n@import \"690c8ff771746c3e\";\n@import \"61eae6535d6fcdf4\";\n@import \"45a026ed74f55e85\";\n@import \"948f79e4cbbbc206\";\n@import \"6fbf78b81e66a464\";\n@import \"98b3aa52e9389b9d\";\n@import \"b5160d992ac49c4a\";\n@import \"84221aa63b6aa322\";\n@import \"898fc73cd9eb6ae4\";\n@import \"b3de9a7ca57d6dcd\";\n@import \"630d2c7b496b99dc\";\n@import \"4ba51db32e5676ac\";\n@import \"956185cd03a3f917\";\n@import \"b1221915ab95cea2\";\n","/*\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, Header, HeaderContext, Heading, HeadingContext, pressScale} from './';\nimport {\n  Calendar as AriaCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarProps as AriaCalendarProps,\n  ButtonProps,\n  CalendarCellProps,\n  CalendarCellRenderProps,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCellProps,\n  CalendarState,\n  CalendarStateContext,\n  ContextValue,\n  DateValue,\n  Provider,\n  RangeCalendarState,\n  RangeCalendarStateContext,\n  Text\n} from 'react-aria-components';\nimport {AriaCalendarGridProps} from '@react-aria/calendar';\nimport {baseColor, focusRing, lightDark, style} from '../style' with {type: 'macro'};\nimport {\n  CalendarDate,\n  getDayOfWeek,\n  startOfMonth\n} 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 {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {helpTextStyles} from './Field';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {createContext, CSSProperties, ForwardedRef, forwardRef, Fragment, PropsWithChildren, ReactElement, ReactNode, useContext, useMemo, useRef} from 'react';\nimport {useDateFormatter, useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface CalendarProps<T extends DateValue>\n  extends Omit<AriaCalendarProps<T>, 'visibleDuration' | 'style' | 'className' | 'styles' | keyof GlobalDOMAttributes>,\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   * @default 1\n   */\n  visibleMonths?: number\n}\n\nexport const CalendarContext = createContext<ContextValue<Partial<CalendarProps<any>>, HTMLDivElement>>(null);\n\nconst calendarStyles = style({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 24,\n  width: 'fit',\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst headerStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  width: 'full'\n});\n\nconst headingStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  margin: 0,\n  width: 'full'\n});\n\nconst titleStyles = style({\n  font: 'title-lg',\n  textAlign: 'center',\n  flexGrow: 1,\n  flexShrink: 0,\n  flexBasis: '0%',\n  minWidth: 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  '--cell-gap': {\n    type: 'paddingStart',\n    value: 4\n  },\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: 2,\n  position: 'relative',\n  width: 32,\n  height: 32,\n  display: {\n    default: 'flex',\n    isOutsideMonth: 'none'\n  },\n  alignItems: 'center',\n  justifyContent: 'center'\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    isToday: 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: 32,\n  borderRadius: 'full',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  forcedColorAdjust: 'none',\n  backgroundColor: {\n    default: 'transparent',\n    isHovered: 'gray-100',\n    isPressed: 'gray-100',\n    isDisabled: 'transparent',\n    isToday: {\n      default: baseColor('gray-300'),\n      isDisabled: 'disabled'\n    },\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        },\n        range: {\n          isHovered: 'blue-500'\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    },\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    },\n    isUnavailable: 'transparent',\n    forcedColors: {\n      default: 'transparent',\n      isToday: 'ButtonFace',\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      isToday: 'ButtonFace',\n      isSelected: 'HighlightText',\n      isSelectionStart: 'HighlightText',\n      isSelectionEnd: 'HighlightText',\n      isDisabled: 'GrayText'\n    }\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 selectionSpanStyles = style({\n  position: 'absolute',\n  zIndex: -1,\n  top: 0,\n  insetStart: 'calc(-1 * var(--selection-span) * (var(--cell-width) + var(--cell-gap) + var(--cell-gap)))',\n  insetEnd: 0,\n  bottom: 0,\n  borderWidth: 2,\n  borderStyle: 'dashed',\n  borderColor: {\n    default: 'blue-800', // focus-indicator-color\n    forcedColors: {\n      default: 'ButtonText'\n    }\n  },\n  borderStartRadius: 'full',\n  borderEndRadius: 'full',\n  backgroundColor: {\n    default: 'blue-subtle',\n    forcedColors: {\n      default: 'Highlight'\n    }\n  },\n  forcedColorAdjust: 'none'\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<T extends DateValue>(props: CalendarProps<T>, 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  return (\n    <AriaCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + calendarStyles(null, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <Header styles={headerStyles}>\n                <CalendarButton slot=\"previous\"><ChevronLeftIcon /></CalendarButton>\n                <CalendarHeading />\n                <CalendarButton slot=\"next\"><ChevronRightIcon /></CalendarButton>\n              </Header>\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 months={i} key={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text slot=\"errorMessage\" className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage || stringFormatter.format('calendar.invalidSelection', {selectedCount: 1})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaCalendar>\n  );\n});\n\nexport const CalendarGrid = (props: Omit<AriaCalendarGridProps, 'children'> & PropsWithChildren & {months: number}): ReactElement => {\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>\n        {(day) => (\n          <CalendarHeaderCell>\n            {day}\n          </CalendarHeaderCell>\n        )}\n      </CalendarGridHeader>\n      <CalendarGridBody>\n        {(date) => (\n          <CalendarCell date={date} firstDayOfWeek={props.firstDayOfWeek} />\n        )}\n      </CalendarGridBody>\n    </AriaCalendarGrid>\n  );\n};\n\n// Ordinarily the heading is a formatted date range, ie January 2025 - February 2025.\n// However, we want to show each month individually.\nexport const CalendarHeading = (): ReactElement => {\n  let calendarStateContext = useContext(CalendarStateContext);\n  let rangeCalendarStateContext = useContext(RangeCalendarStateContext);\n  let {visibleRange, timeZone} = calendarStateContext ?? rangeCalendarStateContext ?? {};\n  let currentMonth = visibleRange?.start ?? visibleRange?.end;\n  let monthFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era: currentMonth && currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC' ? 'short' : undefined,\n    calendar: visibleRange?.start.calendar.identifier,\n    timeZone\n  });\n  let months = useMemo(() => {\n    if (!visibleRange) {\n      return [];\n    }\n    let months: string[] = [];\n    for (let i = visibleRange.start; i.compare(visibleRange.end) <= 0; i = i.add({months: 1})) {\n      // TODO: account for the first week possibly overlapping, like with a custom 454 calendar.\n      // there has to be a better way to do this...\n      if (i.month === visibleRange.start.month) {\n        i = i.add({weeks: 1});\n      }\n      months.push(monthFormatter.format(i.toDate(timeZone!)));\n    }\n    return months;\n  }, [visibleRange, monthFormatter, timeZone]);\n\n  return (\n    <Heading styles={headingStyles}>\n      {months.map((month, i) => {\n        if (i === 0) {\n          return (\n            <Fragment key={month}>\n              <div className={titleStyles}>{month}</div>\n            </Fragment>\n          );\n        } else {\n          return (\n            <Fragment key={month}>\n              {/* Spacers to account for Next/Previous buttons and gap, spelled out to show the math */}\n              <div className={style({visibility: 'hidden', width: 32})} />\n              <div className={style({visibility: 'hidden', width: 24})} />\n              <div className={style({visibility: 'hidden', width: 32})} />\n              <div className={titleStyles}>{month}</div>\n            </Fragment>\n          );\n        }\n      })}\n    </Heading>\n  );\n};\n\nexport const CalendarButton = (props: Omit<ButtonProps, 'children'> & {children: ReactNode}): ReactElement => {\n  let {direction} = useLocale();\n  return (\n    <div\n      className={\n        style({\n          scale: {\n            direction: {\n              rtl: -1\n            }\n          }\n        })({direction})\n      }>\n      <ActionButton\n        {...props}\n        isQuiet>\n        {props.children}\n      </ActionButton>\n    </div>\n  );\n};\n\nconst CalendarHeaderCell = (props: Omit<CalendarHeaderCellProps, 'children'> & PropsWithChildren): ReactElement => {\n  return (\n    <AriaCalendarHeaderCell className={headerCellStyles}>\n      {props.children}\n    </AriaCalendarHeaderCell>\n  );\n};\n\nconst CalendarCell = (props: Omit<CalendarCellProps, 'children'> & {firstDayOfWeek: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat' | undefined}): 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} = useWeekAndDayIndices(props.date, locale, firstDayOfWeek);\n\n  let calendarStateContext = useContext(CalendarStateContext);\n  let rangeCalendarStateContext = useContext(RangeCalendarStateContext);\n  let state = (calendarStateContext ?? rangeCalendarStateContext)!;\n\n  let isFirstWeek = weekIndex === 0;\n  let isFirstChild = dayIndex === 0;\n  let isLastChild = dayIndex === 6;\n  return (\n    <AriaCalendarCell\n      date={props.date}\n      className={(renderProps) => cellStyles({...renderProps, isFirstChild, isLastChild, isFirstWeek})}>\n      {(renderProps) => <CalendarCellInner {...props} weekIndex={weekIndex} dayIndex={dayIndex} state={state} isRangeSelection={!!rangeCalendarStateContext} renderProps={renderProps} />}\n    </AriaCalendarCell>\n  );\n};\n\nconst CalendarCellInner = (props: Omit<CalendarCellProps, 'children'> & {isRangeSelection: boolean, state: CalendarState | RangeCalendarState, weekIndex: number, dayIndex: number, renderProps?: CalendarCellRenderProps, date: DateValue}): ReactElement => {\n  let {weekIndex, dayIndex, date, renderProps, state, isRangeSelection} = props;\n  let {getDatesInWeek} = state;\n  let ref = useRef<HTMLDivElement>(null);\n  let {isUnavailable, formattedDate, isSelected} = renderProps!;\n  let startDate = startOfMonth(date);\n  let datesInWeek = getDatesInWeek(weekIndex, startDate);\n\n  // Starting from the current day, find the first day before it in the current week that is not selected.\n  // Then, the span of selected days is the current day minus the first unselected day.\n  let firstUnselectedInRangeInWeek = datesInWeek.slice(0, dayIndex + 1).reverse().findIndex((date, i) => {\n    return date && i > 0 && (!state.isSelected(date) || date.month !== props.date.month);\n  });\n  let selectionSpan = -1;\n  if (firstUnselectedInRangeInWeek > -1 && isSelected) {\n    selectionSpan = firstUnselectedInRangeInWeek - 1;\n  } else if (isSelected) {\n    selectionSpan = dayIndex;\n  }\n\n  let prevDay = date.subtract({days: 1});\n  let nextDay = date.add({days: 1});\n  let isBackgroundStyleApplied = (\n    isSelected\n    && isRangeSelection\n    && (state.isSelected(prevDay)\n      || (nextDay.month === date.month && state.isSelected(nextDay)))\n    );\n\n  return (\n    <div\n      className={style({\n        position: 'relative',\n        width: 32,\n        '--cell-width': {\n          type: 'width',\n          value: '[self(width)]'\n        }\n      })}>\n      <div\n        ref={ref}\n        style={pressScale(ref, {})(renderProps!)}\n        className={cellInnerStyles({...renderProps!, selectionMode: isRangeSelection ? 'range' : 'single'})}>\n        <div>\n          {formattedDate}\n        </div>\n        {isUnavailable && <div className={unavailableStyles} role=\"presentation\" />}\n      </div>\n      {isBackgroundStyleApplied && <div style={{'--selection-span': selectionSpan} as CSSProperties} className={selectionSpanStyles} role=\"presentation\" />}\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 calendar.\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', etc.).\n * @returns Object with weekIndex and dayIndex.\n */\nfunction useWeekAndDayIndices(\n  date: CalendarDate,\n  locale: string,\n  firstDayOfWeek?: DayOfWeek\n) {\n  let {dayIndex, weekIndex} = 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\n    return {\n      weekIndex,\n      dayIndex\n    };\n  }, [date, locale, firstDayOfWeek]);\n\n  return {dayIndex, weekIndex};\n}\n"],"names":[],"version":3,"file":"Calendar.css.map"}

package/dist/Calendar.mjs

@@ -42,150 +42,150 @@ const $f06f4d5597ad704c$export$3b805cea1f178355 = /*#__PURE__*/ (0, $gwkOZ$creat
 const $f06f4d5597ad704c$var$calendarStyles = function anonymous(props, overrides) {
     let rules = " ";
     let width = false;
-    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g);
+    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
     for (let p of matches){
         if (p[1] === "Z") width = true;
         rules += p[0];
     }
-    rules += ' sd112';
-    rules += ' _ta112';
-    rules += ' Uj112';
-    rules += ' qj112';
-    if (!width) rules += ' ZJ112';
-    rules += ' __ca112';
+    rules += ' sd12';
+    rules += ' _ta12';
+    rules += ' Uj12';
+    rules += ' qj12';
+    if (!width) rules += ' ZJ12';
+    rules += ' __ca12';
     return rules;
 };
-const $f06f4d5597ad704c$var$headerStyles = " sd112 eb112 _Ce112 Za112";
-const $f06f4d5597ad704c$var$headingStyles = " sd112 eb112 _Ce112 Jy112 Gy112 Iy112 Hy112 Za112";
-const $f06f4d5597ad704c$var$titleStyles = " uk112 uch112 udi112 uea112 ugb112 uhd112 uje112 u2NhKxcl112 uic112 -_6BNtrc-e112 vx112 wd112 xd112 _xa112 wX0cczbc112 xX0cczbc112 _xX0cczba112 wfd112 xfd112 _xfa112 wfX0cczbc112 xfX0cczbc112 _xfX0cczba112 _Fd112 _FezxGHba112 _FnuYUweb112 po112 _Wa112 _ub112 _va112 _sa112 Na112";
-const $f06f4d5597ad704c$var$headerCellStyles = " uk112 uch112 udi112 uea112 ugb112 uhd112 uje112 u2NhKxcl112 uic112 -_6BNtrc-c112 vx112 wd112 xd112 _xa112 wX0cczbc112 xX0cczbc112 _xX0cczba112 wfd112 xfd112 _xfa112 wfX0cczbc112 xfX0cczbc112 _xfX0cczba112 _Fd112 _FezxGHba112 _FnuYUweb112 po112 ri112 _Wa112 Sp112 Sbd112 Rp112 Rkd112 Qe112";
+const $f06f4d5597ad704c$var$headerStyles = " sd12 eb12 _Ce12 Za12";
+const $f06f4d5597ad704c$var$headingStyles = " sd12 eb12 _Ce12 Jy12 Gy12 Iy12 Hy12 Za12";
+const $f06f4d5597ad704c$var$titleStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-e12 vx12 wd12 xd12 _xa12 wX0cczbc12 xX0cczbc12 _xX0cczba12 wfd12 xfd12 _xfa12 wfX0cczbc12 xfX0cczbc12 _xfX0cczba12 _Fd12 _FezxGHba12 _FnuYUweb12 po12 _Wa12 _ub12 _va12 _sa12 Na12";
+const $f06f4d5597ad704c$var$headerCellStyles = " uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 wd12 xd12 _xa12 wX0cczbc12 xX0cczbc12 _xX0cczba12 wfd12 xfd12 _xfa12 wfX0cczbc12 xfX0cczbc12 _xfX0cczba12 _Fd12 _FezxGHba12 _FnuYUweb12 po12 ri12 _Wa12 Sp12 Sbd12 Rp12 Rkd12 Qe12";
 const $f06f4d5597ad704c$var$cellStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' _Le112';
-    rules += ' -uq4sQ-Sp112';
-    if (props.isFirstChild) rules += ' Sd112';
-    else rules += ' Sp112';
-    if (props.isLastChild) rules += ' Rd112';
-    else rules += ' Rp112';
-    if (props.isFirstWeek) rules += ' Td112';
-    else rules += ' Tj112';
-    rules += ' Qj112';
-    rules += ' _Pc112';
-    rules += ' ZC112';
-    rules += ' Fx112';
-    if (props.isOutsideMonth) rules += ' sk112';
-    else rules += ' sd112';
-    rules += ' eb112';
-    rules += ' _Ca112';
+    rules += ' _Le12';
+    rules += ' -uq4sQ-Sp12';
+    if (props.isFirstChild) rules += ' Sd12';
+    else rules += ' Sp12';
+    if (props.isLastChild) rules += ' Rd12';
+    else rules += ' Rp12';
+    if (props.isFirstWeek) rules += ' Td12';
+    else rules += ' Tj12';
+    rules += ' Qj12';
+    rules += ' _Pc12';
+    rules += ' ZC12';
+    rules += ' Fx12';
+    if (props.isOutsideMonth) rules += ' sk12';
+    else rules += ' sd12';
+    rules += ' eb12';
+    rules += ' _Ca12';
     return rules;
 };
 const $f06f4d5597ad704c$var$cellInnerStyles = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf112';
-    else rules += ' _Le112';
-    rules += ' Oh112';
-    rules += ' _Mc112';
-    if (props.isSelectionEnd) rules += ' _Kd112';
-    else if (props.isSelectionStart) rules += ' _Kd112';
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' _Mc12';
+    if (props.isSelectionEnd) rules += ' _Kd12';
+    else if (props.isSelectionStart) rules += ' _Kd12';
     else if (props.isSelected) {
-        if (props.selectionMode === "range") rules += ' _Kb112';
-        else if (props.selectionMode === "single") rules += ' _Kd112';
-    } else if (props.isToday) rules += ' _Kd112';
-    else rules += ' _Kb112';
-    rules += ' Yd112';
-    rules += ' Yle112';
-    rules += ' Xb112';
-    rules += ' Xlb112';
-    rules += ' _2b112';
-    rules += ' _2lb112';
-    rules += ' _Pc112';
-    rules += ' uk112';
-    rules += ' uch112';
-    rules += ' udi112';
-    rules += ' uea112';
-    rules += ' ugb112';
-    rules += ' uhd112';
-    rules += ' uje112';
-    rules += ' u2NhKxcl112';
-    rules += ' uic112';
-    rules += ' -_6BNtrc-c112';
-    rules += ' vx112';
-    rules += ' wb112';
-    rules += ' xb112';
-    rules += ' _xa112';
-    rules += ' _Fb112';
-    rules += ' _FnuYUwec112';
-    if (props.isDisabled) rules += ' pp112';
-    else if (props.isSelectionEnd) rules += ' px112';
-    else if (props.isSelectionStart) rules += ' px112';
+        if (props.selectionMode === "range") rules += ' _Kb12';
+        else if (props.selectionMode === "single") rules += ' _Kd12';
+    } else if (props.isToday) rules += ' _Kd12';
+    else rules += ' _Kb12';
+    rules += ' Yd12';
+    rules += ' Yle12';
+    rules += ' Xb12';
+    rules += ' Xlb12';
+    rules += ' _2b12';
+    rules += ' _2lb12';
+    rules += ' _Pc12';
+    rules += ' uk12';
+    rules += ' uch12';
+    rules += ' udi12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' -_6BNtrc-c12';
+    rules += ' vx12';
+    rules += ' wb12';
+    rules += ' xb12';
+    rules += ' _xa12';
+    rules += ' _Fb12';
+    rules += ' _FnuYUwec12';
+    if (props.isDisabled) rules += ' pp12';
+    else if (props.isSelectionEnd) rules += ' px12';
+    else if (props.isSelectionStart) rules += ' px12';
     else if (props.isSelected) {
-        if (props.selectionMode === "range") rules += ' pt112';
-        else rules += ' px112';
-    } else rules += ' pt112';
-    if (props.isDisabled) rules += ' plc112';
-    else if (props.isSelectionEnd) rules += ' ple112';
-    else if (props.isSelectionStart) rules += ' ple112';
-    else if (props.isSelected) rules += ' ple112';
-    else if (props.isToday) rules += ' pla112';
-    else rules += ' plb112';
-    rules += ' ri112';
-    rules += ' Za112';
-    rules += ' Fx112';
-    rules += ' og112';
-    rules += ' ng112';
-    rules += ' kg112';
-    rules += ' jg112';
-    rules += ' sd112';
-    rules += ' eb112';
-    rules += ' _Ca112';
-    rules += ' _yb112';
-    if (props.isUnavailable) rules += ' g9112';
+        if (props.selectionMode === "range") rules += ' pt12';
+        else rules += ' px12';
+    } else rules += ' pt12';
+    if (props.isDisabled) rules += ' plc12';
+    else if (props.isSelectionEnd) rules += ' ple12';
+    else if (props.isSelectionStart) rules += ' ple12';
+    else if (props.isSelected) rules += ' ple12';
+    else if (props.isToday) rules += ' pla12';
+    else rules += ' plb12';
+    rules += ' ri12';
+    rules += ' Za12';
+    rules += ' Fx12';
+    rules += ' og12';
+    rules += ' ng12';
+    rules += ' kg12';
+    rules += ' jg12';
+    rules += ' sd12';
+    rules += ' eb12';
+    rules += ' _Ca12';
+    rules += ' _yb12';
+    if (props.isUnavailable) rules += ' g912';
     else if (props.isSelectionEnd) {
-        if (props.isFocusVisible) rules += ' gUgARdd112';
-        else if (props.isPressed) rules += ' gUgARdd112';
-        else if (props.isHovered) rules += ' gUgARdd112';
-        else rules += ' g5qAiPc112';
+        if (props.isFocusVisible) rules += ' gUgARdd12';
+        else if (props.isPressed) rules += ' gUgARdd12';
+        else if (props.isHovered) rules += ' gUgARdd12';
+        else rules += ' g5qAiPc12';
     } else if (props.isSelectionStart) {
-        if (props.isFocusVisible) rules += ' gUgARdd112';
-        else if (props.isPressed) rules += ' gUgARdd112';
-        else if (props.isHovered) rules += ' gUgARdd112';
-        else rules += ' g5qAiPc112';
+        if (props.isFocusVisible) rules += ' gUgARdd12';
+        else if (props.isPressed) rules += ' gUgARdd12';
+        else if (props.isHovered) rules += ' gUgARdd12';
+        else rules += ' g5qAiPc12';
     } else if (props.isSelected) {
         if (props.selectionMode === "range") {
-            if (props.isHovered) rules += ' gNAacne112';
+            if (props.isHovered) rules += ' gNAacne12';
         } else if (props.selectionMode === "single") {
-            if (props.isDisabled) rules += ' g9112';
-            else if (props.isFocusVisible) rules += ' gUgARdd112';
-            else if (props.isPressed) rules += ' gUgARdd112';
-            else if (props.isHovered) rules += ' gUgARdd112';
-            else rules += ' g5qAiPc112';
+            if (props.isDisabled) rules += ' g912';
+            else if (props.isFocusVisible) rules += ' gUgARdd12';
+            else if (props.isPressed) rules += ' gUgARdd12';
+            else if (props.isHovered) rules += ' gUgARdd12';
+            else rules += ' g5qAiPc12';
         }
     } else if (props.isToday) {
-        if (props.isDisabled) rules += ' gH112';
+        if (props.isDisabled) rules += ' gH12';
         else {
-            if (props.isPressed) rules += ' gw112';
-            else if (props.isFocusVisible) rules += ' gw112';
-            else if (props.isHovered) rules += ' gw112';
-            else rules += ' gE112';
+            if (props.isPressed) rules += ' gw12';
+            else if (props.isFocusVisible) rules += ' gw12';
+            else if (props.isHovered) rules += ' gw12';
+            else rules += ' gE12';
         }
-    } else if (props.isDisabled) rules += ' g9112';
-    else if (props.isPressed) rules += ' gH112';
-    else if (props.isHovered) rules += ' gH112';
-    else rules += ' g9112';
-    if (props.isUnavailable) rules += ' gl9112';
-    else if (props.isSelectionEnd) rules += ' gle112';
-    else if (props.isSelectionStart) rules += ' gle112';
+    } else if (props.isDisabled) rules += ' g912';
+    else if (props.isPressed) rules += ' gH12';
+    else if (props.isHovered) rules += ' gH12';
+    else rules += ' g912';
+    if (props.isUnavailable) rules += ' gl912';
+    else if (props.isSelectionEnd) rules += ' gle12';
+    else if (props.isSelectionStart) rules += ' gle12';
     else if (props.isSelected) {
         if (props.selectionMode === "range") {
-            if (props.isHovered) rules += ' gle112';
-        } else if (props.selectionMode === "single") rules += ' gle112';
-    } else if (props.isHovered) rules += ' gle112';
-    else if (props.isToday) rules += ' glb112';
-    else rules += ' gl9112';
+            if (props.isHovered) rules += ' gle12';
+        } else if (props.selectionMode === "single") rules += ' gle12';
+    } else if (props.isHovered) rules += ' gle12';
+    else if (props.isToday) rules += ' glb12';
+    else rules += ' gl912';
     return rules;
 };
-const $f06f4d5597ad704c$var$unavailableStyles = " _Pa112 WzErnCb112 _EjhYzGc112 _RjhYzGc112 FlAZvq112 _ZN7ydnb112 og112 ng112 kg112 jg112 g5ZbAob112";
-const $f06f4d5597ad704c$var$selectionSpanStyles = " _Pa112 _9a112 Wr112 _AOJNuv112 _zr112 _lr112 _kc112 hc112 mc112 lc112 _ja112 ix112 ilb112 og112 kg112 ng112 jg112 gG112 gle112 _yb112";
+const $f06f4d5597ad704c$var$unavailableStyles = " _Pa12 WzErnCb12 _EjhYzGc12 _RjhYzGc12 FlAZvq12 _ZN7ydnb12 og12 ng12 kg12 jg12 g5ZbAob12";
+const $f06f4d5597ad704c$var$selectionSpanStyles = " _Pa12 _9a12 Wr12 _AOJNuv12 _zr12 _lr12 _kc12 hc12 mc12 lc12 _ja12 ix12 ilb12 og12 kg12 ng12 jg12 gG12 gle12 _yb12";
 const $f06f4d5597ad704c$export$e1aef45b828286de = /*#__PURE__*/ (0, $gwkOZ$forwardRef)(function Calendar(props, ref) {
     [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $f06f4d5597ad704c$export$3b805cea1f178355);
     let { visibleMonths: visibleMonths = 1, errorMessage: errorMessage, UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className, styles: styles, ...otherProps } = props;
@@ -228,7 +228,7 @@ const $f06f4d5597ad704c$export$e1aef45b828286de = /*#__PURE__*/ (0, $gwkOZ$forwa
                         })
                     }),
                     /*#__PURE__*/ (0, $gwkOZ$jsx)("div", {
-                        className: " sd112 _tc112 Uj112 qj112 Za112 ed112",
+                        className: " sd12 _tc12 Uj12 qj12 Za12 ed12",
                         children: Array.from({
                             length: visibleMonths
                         }).map((_, i)=>/*#__PURE__*/ (0, $gwkOZ$jsx)($f06f4d5597ad704c$export$5bd780d491cfc46c, {
@@ -254,7 +254,7 @@ const $f06f4d5597ad704c$export$e1aef45b828286de = /*#__PURE__*/ (0, $gwkOZ$forwa
 const $f06f4d5597ad704c$export$5bd780d491cfc46c = (props)=>{
     // use isolation to start a new stacking context so that we can use zIndex -1 for the selection span.
     return /*#__PURE__*/ (0, $gwkOZ$jsxs)((0, $gwkOZ$CalendarGrid), {
-        className: " __na112 __oe112 _Bb112",
+        className: " __na12 __oe12 _Bb12",
         offset: {
             months: props.months
         },
@@ -316,13 +316,13 @@ const $f06f4d5597ad704c$export$77af08ed164baa7 = ()=>{
             else return /*#__PURE__*/ (0, $gwkOZ$jsxs)((0, $gwkOZ$Fragment1), {
                 children: [
                     /*#__PURE__*/ (0, $gwkOZ$jsx)("div", {
-                        className: " _6b112 ZC112"
+                        className: " _6b12 ZC12"
                     }),
                     /*#__PURE__*/ (0, $gwkOZ$jsx)("div", {
-                        className: " _6b112 Zo112"
+                        className: " _6b12 Zo12"
                     }),
                     /*#__PURE__*/ (0, $gwkOZ$jsx)("div", {
-                        className: " _6b112 ZC112"
+                        className: " _6b12 ZC12"
                     }),
                     /*#__PURE__*/ (0, $gwkOZ$jsx)("div", {
                         className: $f06f4d5597ad704c$var$titleStyles,
@@ -339,12 +339,12 @@ const $f06f4d5597ad704c$export$adb29da0ac001538 = (props1)=>{
         className: function anonymous(props) {
             let rules = " ";
             if (props.direction === "rtl") {
-                rules += ' -Z4Pn4c-a112';
-                rules += ' __Ha112';
+                rules += ' -Z4Pn4c-a12';
+                rules += ' __Ha12';
             }
             if (props.direction === "rtl") {
-                rules += ' -_04Pn4c-a112';
-                rules += ' __Ha112';
+                rules += ' -_04Pn4c-a12';
+                rules += ' __Ha12';
             }
             return rules;
         }({
@@ -415,7 +415,7 @@ const $f06f4d5597ad704c$var$CalendarCellInner = (props)=>{
     });
     let isBackgroundStyleApplied = isSelected && isRangeSelection && (state.isSelected(prevDay) || nextDay.month === date.month && state.isSelected(nextDay));
     return /*#__PURE__*/ (0, $gwkOZ$jsxs)("div", {
-        className: " _Pc112 ZvFFGYc112 -_4Isswc-ZvFFGYc112 -Z_-ZC112",
+        className: " _Pc12 ZvFFGYc12 -_4Isswc-ZvFFGYc12 -Z_-ZC12",
         children: [
             /*#__PURE__*/ (0, $gwkOZ$jsxs)("div", {
                 ref: ref,

package/dist/Calendar.mjs.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, Header, HeaderContext, Heading, HeadingContext, pressScale} from './';\nimport {\n  Calendar as AriaCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarProps as AriaCalendarProps,\n  ButtonProps,\n  CalendarCellProps,\n  CalendarCellRenderProps,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCellProps,\n  CalendarState,\n  CalendarStateContext,\n  ContextValue,\n  DateValue,\n  Provider,\n  RangeCalendarState,\n  RangeCalendarStateContext,\n  Text\n} from 'react-aria-components';\nimport {AriaCalendarGridProps} from '@react-aria/calendar';\nimport {baseColor, focusRing, lightDark, style} from '../style' with {type: 'macro'};\nimport {\n  CalendarDate,\n  getDayOfWeek,\n  startOfMonth\n} 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 {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {helpTextStyles} from './Field';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {createContext, CSSProperties, ForwardedRef, forwardRef, Fragment, PropsWithChildren, ReactElement, ReactNode, useContext, useMemo, useRef} from 'react';\nimport {useDateFormatter, useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface CalendarProps<T extends DateValue>\n  extends Omit<AriaCalendarProps<T>, 'visibleDuration' | 'style' | 'className' | 'styles' | keyof GlobalDOMAttributes>,\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   * @default 1\n   */\n  visibleMonths?: number\n}\n\nexport const CalendarContext = createContext<ContextValue<Partial<CalendarProps<any>>, HTMLDivElement>>(null);\n\nconst calendarStyles = style({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 24,\n  width: 'fit',\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst headerStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  width: 'full'\n});\n\nconst headingStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  margin: 0,\n  width: 'full'\n});\n\nconst titleStyles = style({\n  font: 'title-lg',\n  textAlign: 'center',\n  flexGrow: 1,\n  flexShrink: 0,\n  flexBasis: '0%',\n  minWidth: 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  '--cell-gap': {\n    type: 'paddingStart',\n    value: 4\n  },\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: 2,\n  position: 'relative',\n  width: 32,\n  height: 32,\n  display: {\n    default: 'flex',\n    isOutsideMonth: 'none'\n  },\n  alignItems: 'center',\n  justifyContent: 'center'\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    isToday: 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: 32,\n  borderRadius: 'full',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  forcedColorAdjust: 'none',\n  backgroundColor: {\n    default: 'transparent',\n    isHovered: 'gray-100',\n    isPressed: 'gray-100',\n    isDisabled: 'transparent',\n    isToday: {\n      default: baseColor('gray-300'),\n      isDisabled: 'disabled'\n    },\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        },\n        range: {\n          isHovered: 'blue-500'\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    },\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    },\n    isUnavailable: 'transparent',\n    forcedColors: {\n      default: 'transparent',\n      isToday: 'ButtonFace',\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      isToday: 'ButtonFace',\n      isSelected: 'HighlightText',\n      isSelectionStart: 'HighlightText',\n      isSelectionEnd: 'HighlightText',\n      isDisabled: 'GrayText'\n    }\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 selectionSpanStyles = style({\n  position: 'absolute',\n  zIndex: -1,\n  top: 0,\n  insetStart: 'calc(-1 * var(--selection-span) * (var(--cell-width) + var(--cell-gap) + var(--cell-gap)))',\n  insetEnd: 0,\n  bottom: 0,\n  borderWidth: 2,\n  borderStyle: 'dashed',\n  borderColor: {\n    default: 'blue-800', // focus-indicator-color\n    forcedColors: {\n      default: 'ButtonText'\n    }\n  },\n  borderStartRadius: 'full',\n  borderEndRadius: 'full',\n  backgroundColor: {\n    default: 'blue-subtle',\n    forcedColors: {\n      default: 'Highlight'\n    }\n  },\n  forcedColorAdjust: 'none'\n});\n\nexport const Calendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function Calendar<T extends DateValue>(props: CalendarProps<T>, 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  return (\n    <AriaCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + calendarStyles(null, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <Header styles={headerStyles}>\n                <CalendarButton slot=\"previous\"><ChevronLeftIcon /></CalendarButton>\n                <CalendarHeading />\n                <CalendarButton slot=\"next\"><ChevronRightIcon /></CalendarButton>\n              </Header>\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 months={i} key={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text slot=\"errorMessage\" className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage || stringFormatter.format('calendar.invalidSelection', {selectedCount: 1})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaCalendar>\n  );\n});\n\nexport const CalendarGrid = (props: Omit<AriaCalendarGridProps, 'children'> & PropsWithChildren & {months: number}): ReactElement => {\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>\n        {(day) => (\n          <CalendarHeaderCell>\n            {day}\n          </CalendarHeaderCell>\n        )}\n      </CalendarGridHeader>\n      <CalendarGridBody>\n        {(date) => (\n          <CalendarCell date={date} firstDayOfWeek={props.firstDayOfWeek} />\n        )}\n      </CalendarGridBody>\n    </AriaCalendarGrid>\n  );\n};\n\n// Ordinarily the heading is a formatted date range, ie January 2025 - February 2025.\n// However, we want to show each month individually.\nexport const CalendarHeading = (): ReactElement => {\n  let calendarStateContext = useContext(CalendarStateContext);\n  let rangeCalendarStateContext = useContext(RangeCalendarStateContext);\n  let {visibleRange, timeZone} = calendarStateContext ?? rangeCalendarStateContext ?? {};\n  let currentMonth = visibleRange?.start ?? visibleRange?.end;\n  let monthFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era: currentMonth && currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC' ? 'short' : undefined,\n    calendar: visibleRange?.start.calendar.identifier,\n    timeZone\n  });\n  let months = useMemo(() => {\n    if (!visibleRange) {\n      return [];\n    }\n    let months: string[] = [];\n    for (let i = visibleRange.start; i.compare(visibleRange.end) <= 0; i = i.add({months: 1})) {\n      // TODO: account for the first week possibly overlapping, like with a custom 454 calendar.\n      // there has to be a better way to do this...\n      if (i.month === visibleRange.start.month) {\n        i = i.add({weeks: 1});\n      }\n      months.push(monthFormatter.format(i.toDate(timeZone!)));\n    }\n    return months;\n  }, [visibleRange, monthFormatter, timeZone]);\n\n  return (\n    <Heading styles={headingStyles}>\n      {months.map((month, i) => {\n        if (i === 0) {\n          return (\n            <Fragment key={month}>\n              <div className={titleStyles}>{month}</div>\n            </Fragment>\n          );\n        } else {\n          return (\n            <Fragment key={month}>\n              {/* Spacers to account for Next/Previous buttons and gap, spelled out to show the math */}\n              <div className={style({visibility: 'hidden', width: 32})} />\n              <div className={style({visibility: 'hidden', width: 24})} />\n              <div className={style({visibility: 'hidden', width: 32})} />\n              <div className={titleStyles}>{month}</div>\n            </Fragment>\n          );\n        }\n      })}\n    </Heading>\n  );\n};\n\nexport const CalendarButton = (props: Omit<ButtonProps, 'children'> & {children: ReactNode}): ReactElement => {\n  let {direction} = useLocale();\n  return (\n    <div\n      className={\n        style({\n          scale: {\n            direction: {\n              rtl: -1\n            }\n          }\n        })({direction})\n      }>\n      <ActionButton\n        {...props}\n        isQuiet>\n        {props.children}\n      </ActionButton>\n    </div>\n  );\n};\n\nconst CalendarHeaderCell = (props: Omit<CalendarHeaderCellProps, 'children'> & PropsWithChildren): ReactElement => {\n  return (\n    <AriaCalendarHeaderCell className={headerCellStyles}>\n      {props.children}\n    </AriaCalendarHeaderCell>\n  );\n};\n\nconst CalendarCell = (props: Omit<CalendarCellProps, 'children'> & {firstDayOfWeek: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat' | undefined}): 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} = useWeekAndDayIndices(props.date, locale, firstDayOfWeek);\n\n  let calendarStateContext = useContext(CalendarStateContext);\n  let rangeCalendarStateContext = useContext(RangeCalendarStateContext);\n  let state = (calendarStateContext ?? rangeCalendarStateContext)!;\n\n  let isFirstWeek = weekIndex === 0;\n  let isFirstChild = dayIndex === 0;\n  let isLastChild = dayIndex === 6;\n  return (\n    <AriaCalendarCell\n      date={props.date}\n      className={(renderProps) => cellStyles({...renderProps, isFirstChild, isLastChild, isFirstWeek})}>\n      {(renderProps) => <CalendarCellInner {...props} weekIndex={weekIndex} dayIndex={dayIndex} state={state} isRangeSelection={!!rangeCalendarStateContext} renderProps={renderProps} />}\n    </AriaCalendarCell>\n  );\n};\n\nconst CalendarCellInner = (props: Omit<CalendarCellProps, 'children'> & {isRangeSelection: boolean, state: CalendarState | RangeCalendarState, weekIndex: number, dayIndex: number, renderProps?: CalendarCellRenderProps, date: DateValue}): ReactElement => {\n  let {weekIndex, dayIndex, date, renderProps, state, isRangeSelection} = props;\n  let {getDatesInWeek} = state;\n  let ref = useRef<HTMLDivElement>(null);\n  let {isUnavailable, formattedDate, isSelected} = renderProps!;\n  let startDate = startOfMonth(date);\n  let datesInWeek = getDatesInWeek(weekIndex, startDate);\n\n  // Starting from the current day, find the first day before it in the current week that is not selected.\n  // Then, the span of selected days is the current day minus the first unselected day.\n  let firstUnselectedInRangeInWeek = datesInWeek.slice(0, dayIndex + 1).reverse().findIndex((date, i) => {\n    return date && i > 0 && (!state.isSelected(date) || date.month !== props.date.month);\n  });\n  let selectionSpan = -1;\n  if (firstUnselectedInRangeInWeek > -1 && isSelected) {\n    selectionSpan = firstUnselectedInRangeInWeek - 1;\n  } else if (isSelected) {\n    selectionSpan = dayIndex;\n  }\n\n  let prevDay = date.subtract({days: 1});\n  let nextDay = date.add({days: 1});\n  let isBackgroundStyleApplied = (\n    isSelected\n    && isRangeSelection\n    && (state.isSelected(prevDay)\n      || (nextDay.month === date.month && state.isSelected(nextDay)))\n    );\n\n  return (\n    <div\n      className={style({\n        position: 'relative',\n        width: 32,\n        '--cell-width': {\n          type: 'width',\n          value: '[self(width)]'\n        }\n      })}>\n      <div\n        ref={ref}\n        style={pressScale(ref, {})(renderProps!)}\n        className={cellInnerStyles({...renderProps!, selectionMode: isRangeSelection ? 'range' : 'single'})}>\n        <div>\n          {formattedDate}\n        </div>\n        {isUnavailable && <div className={unavailableStyles} role=\"presentation\" />}\n      </div>\n      {isBackgroundStyleApplied && <div style={{'--selection-span': selectionSpan} as CSSProperties} className={selectionSpanStyles} role=\"presentation\" />}\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 calendar.\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', etc.).\n * @returns Object with weekIndex and dayIndex.\n */\nfunction useWeekAndDayIndices(\n  date: CalendarDate,\n  locale: string,\n  firstDayOfWeek?: DayOfWeek\n) {\n  let {dayIndex, weekIndex} = 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\n    return {\n      weekIndex,\n      dayIndex\n    };\n  }, [date, locale, firstDayOfWeek]);\n\n  return {dayIndex, weekIndex};\n}\n"],"names":[],"version":3,"file":"Calendar.mjs.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, Header, HeaderContext, Heading, HeadingContext, pressScale} from './';\nimport {\n  Calendar as AriaCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarProps as AriaCalendarProps,\n  ButtonProps,\n  CalendarCellProps,\n  CalendarCellRenderProps,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCellProps,\n  CalendarState,\n  CalendarStateContext,\n  ContextValue,\n  DateValue,\n  Provider,\n  RangeCalendarState,\n  RangeCalendarStateContext,\n  Text\n} from 'react-aria-components';\nimport {AriaCalendarGridProps} from '@react-aria/calendar';\nimport {baseColor, focusRing, lightDark, style} from '../style' with {type: 'macro'};\nimport {\n  CalendarDate,\n  getDayOfWeek,\n  startOfMonth\n} 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 {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {helpTextStyles} from './Field';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {createContext, CSSProperties, ForwardedRef, forwardRef, Fragment, PropsWithChildren, ReactElement, ReactNode, useContext, useMemo, useRef} from 'react';\nimport {useDateFormatter, useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface CalendarProps<T extends DateValue>\n  extends Omit<AriaCalendarProps<T>, 'visibleDuration' | 'style' | 'className' | 'styles' | keyof GlobalDOMAttributes>,\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   * @default 1\n   */\n  visibleMonths?: number\n}\n\nexport const CalendarContext = createContext<ContextValue<Partial<CalendarProps<any>>, HTMLDivElement>>(null);\n\nconst calendarStyles = style({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 24,\n  width: 'fit',\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst headerStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  width: 'full'\n});\n\nconst headingStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  margin: 0,\n  width: 'full'\n});\n\nconst titleStyles = style({\n  font: 'title-lg',\n  textAlign: 'center',\n  flexGrow: 1,\n  flexShrink: 0,\n  flexBasis: '0%',\n  minWidth: 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  '--cell-gap': {\n    type: 'paddingStart',\n    value: 4\n  },\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: 2,\n  position: 'relative',\n  width: 32,\n  height: 32,\n  display: {\n    default: 'flex',\n    isOutsideMonth: 'none'\n  },\n  alignItems: 'center',\n  justifyContent: 'center'\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    isToday: 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: 32,\n  borderRadius: 'full',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  forcedColorAdjust: 'none',\n  backgroundColor: {\n    default: 'transparent',\n    isHovered: 'gray-100',\n    isPressed: 'gray-100',\n    isDisabled: 'transparent',\n    isToday: {\n      default: baseColor('gray-300'),\n      isDisabled: 'disabled'\n    },\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        },\n        range: {\n          isHovered: 'blue-500'\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    },\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    },\n    isUnavailable: 'transparent',\n    forcedColors: {\n      default: 'transparent',\n      isToday: 'ButtonFace',\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      isToday: 'ButtonFace',\n      isSelected: 'HighlightText',\n      isSelectionStart: 'HighlightText',\n      isSelectionEnd: 'HighlightText',\n      isDisabled: 'GrayText'\n    }\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 selectionSpanStyles = style({\n  position: 'absolute',\n  zIndex: -1,\n  top: 0,\n  insetStart: 'calc(-1 * var(--selection-span) * (var(--cell-width) + var(--cell-gap) + var(--cell-gap)))',\n  insetEnd: 0,\n  bottom: 0,\n  borderWidth: 2,\n  borderStyle: 'dashed',\n  borderColor: {\n    default: 'blue-800', // focus-indicator-color\n    forcedColors: {\n      default: 'ButtonText'\n    }\n  },\n  borderStartRadius: 'full',\n  borderEndRadius: 'full',\n  backgroundColor: {\n    default: 'blue-subtle',\n    forcedColors: {\n      default: 'Highlight'\n    }\n  },\n  forcedColorAdjust: 'none'\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<T extends DateValue>(props: CalendarProps<T>, 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  return (\n    <AriaCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + calendarStyles(null, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <Header styles={headerStyles}>\n                <CalendarButton slot=\"previous\"><ChevronLeftIcon /></CalendarButton>\n                <CalendarHeading />\n                <CalendarButton slot=\"next\"><ChevronRightIcon /></CalendarButton>\n              </Header>\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 months={i} key={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text slot=\"errorMessage\" className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage || stringFormatter.format('calendar.invalidSelection', {selectedCount: 1})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaCalendar>\n  );\n});\n\nexport const CalendarGrid = (props: Omit<AriaCalendarGridProps, 'children'> & PropsWithChildren & {months: number}): ReactElement => {\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>\n        {(day) => (\n          <CalendarHeaderCell>\n            {day}\n          </CalendarHeaderCell>\n        )}\n      </CalendarGridHeader>\n      <CalendarGridBody>\n        {(date) => (\n          <CalendarCell date={date} firstDayOfWeek={props.firstDayOfWeek} />\n        )}\n      </CalendarGridBody>\n    </AriaCalendarGrid>\n  );\n};\n\n// Ordinarily the heading is a formatted date range, ie January 2025 - February 2025.\n// However, we want to show each month individually.\nexport const CalendarHeading = (): ReactElement => {\n  let calendarStateContext = useContext(CalendarStateContext);\n  let rangeCalendarStateContext = useContext(RangeCalendarStateContext);\n  let {visibleRange, timeZone} = calendarStateContext ?? rangeCalendarStateContext ?? {};\n  let currentMonth = visibleRange?.start ?? visibleRange?.end;\n  let monthFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era: currentMonth && currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC' ? 'short' : undefined,\n    calendar: visibleRange?.start.calendar.identifier,\n    timeZone\n  });\n  let months = useMemo(() => {\n    if (!visibleRange) {\n      return [];\n    }\n    let months: string[] = [];\n    for (let i = visibleRange.start; i.compare(visibleRange.end) <= 0; i = i.add({months: 1})) {\n      // TODO: account for the first week possibly overlapping, like with a custom 454 calendar.\n      // there has to be a better way to do this...\n      if (i.month === visibleRange.start.month) {\n        i = i.add({weeks: 1});\n      }\n      months.push(monthFormatter.format(i.toDate(timeZone!)));\n    }\n    return months;\n  }, [visibleRange, monthFormatter, timeZone]);\n\n  return (\n    <Heading styles={headingStyles}>\n      {months.map((month, i) => {\n        if (i === 0) {\n          return (\n            <Fragment key={month}>\n              <div className={titleStyles}>{month}</div>\n            </Fragment>\n          );\n        } else {\n          return (\n            <Fragment key={month}>\n              {/* Spacers to account for Next/Previous buttons and gap, spelled out to show the math */}\n              <div className={style({visibility: 'hidden', width: 32})} />\n              <div className={style({visibility: 'hidden', width: 24})} />\n              <div className={style({visibility: 'hidden', width: 32})} />\n              <div className={titleStyles}>{month}</div>\n            </Fragment>\n          );\n        }\n      })}\n    </Heading>\n  );\n};\n\nexport const CalendarButton = (props: Omit<ButtonProps, 'children'> & {children: ReactNode}): ReactElement => {\n  let {direction} = useLocale();\n  return (\n    <div\n      className={\n        style({\n          scale: {\n            direction: {\n              rtl: -1\n            }\n          }\n        })({direction})\n      }>\n      <ActionButton\n        {...props}\n        isQuiet>\n        {props.children}\n      </ActionButton>\n    </div>\n  );\n};\n\nconst CalendarHeaderCell = (props: Omit<CalendarHeaderCellProps, 'children'> & PropsWithChildren): ReactElement => {\n  return (\n    <AriaCalendarHeaderCell className={headerCellStyles}>\n      {props.children}\n    </AriaCalendarHeaderCell>\n  );\n};\n\nconst CalendarCell = (props: Omit<CalendarCellProps, 'children'> & {firstDayOfWeek: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat' | undefined}): 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} = useWeekAndDayIndices(props.date, locale, firstDayOfWeek);\n\n  let calendarStateContext = useContext(CalendarStateContext);\n  let rangeCalendarStateContext = useContext(RangeCalendarStateContext);\n  let state = (calendarStateContext ?? rangeCalendarStateContext)!;\n\n  let isFirstWeek = weekIndex === 0;\n  let isFirstChild = dayIndex === 0;\n  let isLastChild = dayIndex === 6;\n  return (\n    <AriaCalendarCell\n      date={props.date}\n      className={(renderProps) => cellStyles({...renderProps, isFirstChild, isLastChild, isFirstWeek})}>\n      {(renderProps) => <CalendarCellInner {...props} weekIndex={weekIndex} dayIndex={dayIndex} state={state} isRangeSelection={!!rangeCalendarStateContext} renderProps={renderProps} />}\n    </AriaCalendarCell>\n  );\n};\n\nconst CalendarCellInner = (props: Omit<CalendarCellProps, 'children'> & {isRangeSelection: boolean, state: CalendarState | RangeCalendarState, weekIndex: number, dayIndex: number, renderProps?: CalendarCellRenderProps, date: DateValue}): ReactElement => {\n  let {weekIndex, dayIndex, date, renderProps, state, isRangeSelection} = props;\n  let {getDatesInWeek} = state;\n  let ref = useRef<HTMLDivElement>(null);\n  let {isUnavailable, formattedDate, isSelected} = renderProps!;\n  let startDate = startOfMonth(date);\n  let datesInWeek = getDatesInWeek(weekIndex, startDate);\n\n  // Starting from the current day, find the first day before it in the current week that is not selected.\n  // Then, the span of selected days is the current day minus the first unselected day.\n  let firstUnselectedInRangeInWeek = datesInWeek.slice(0, dayIndex + 1).reverse().findIndex((date, i) => {\n    return date && i > 0 && (!state.isSelected(date) || date.month !== props.date.month);\n  });\n  let selectionSpan = -1;\n  if (firstUnselectedInRangeInWeek > -1 && isSelected) {\n    selectionSpan = firstUnselectedInRangeInWeek - 1;\n  } else if (isSelected) {\n    selectionSpan = dayIndex;\n  }\n\n  let prevDay = date.subtract({days: 1});\n  let nextDay = date.add({days: 1});\n  let isBackgroundStyleApplied = (\n    isSelected\n    && isRangeSelection\n    && (state.isSelected(prevDay)\n      || (nextDay.month === date.month && state.isSelected(nextDay)))\n    );\n\n  return (\n    <div\n      className={style({\n        position: 'relative',\n        width: 32,\n        '--cell-width': {\n          type: 'width',\n          value: '[self(width)]'\n        }\n      })}>\n      <div\n        ref={ref}\n        style={pressScale(ref, {})(renderProps!)}\n        className={cellInnerStyles({...renderProps!, selectionMode: isRangeSelection ? 'range' : 'single'})}>\n        <div>\n          {formattedDate}\n        </div>\n        {isUnavailable && <div className={unavailableStyles} role=\"presentation\" />}\n      </div>\n      {isBackgroundStyleApplied && <div style={{'--selection-span': selectionSpan} as CSSProperties} className={selectionSpanStyles} role=\"presentation\" />}\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 calendar.\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', etc.).\n * @returns Object with weekIndex and dayIndex.\n */\nfunction useWeekAndDayIndices(\n  date: CalendarDate,\n  locale: string,\n  firstDayOfWeek?: DayOfWeek\n) {\n  let {dayIndex, weekIndex} = 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\n    return {\n      weekIndex,\n      dayIndex\n    };\n  }, [date, locale, firstDayOfWeek]);\n\n  return {dayIndex, weekIndex};\n}\n"],"names":[],"version":3,"file":"Calendar.mjs.map"}