@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/Calendar.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;AA8DM,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAA6D;AAExG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCN,MAAM;AAMN,MAAM;AAQN,MAAM;AAON,MAAM;AAeN,MAAM;;;;;;;;;;;;;;;;;;;;;;AA+BN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwIN,MAAM;;;;;;;;;;;;;;;;;AAeN,MAAM;AAWN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDC,MAAM,4CAAyB,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,SAA8B,KAAuB,EAAE,GAAiC;IACpK,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,iBACF,gBAAgB,iBAChB,YAAY,gBACZ,YAAY,oBACZ,gBAAgB,UAChB,MAAM,EACN,GAAG,YACJ,GAAG;IACJ,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,eAAe,gBAAgB;IACnC,qBACE,gBAAC,CAAA,GAAA,eAAW;QACT,GAAG,UAAU;QACd,KAAK;QACL,iBAAiB;YAAC,QAAQ;QAAa;QACvC,OAAO;QACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,qCAAe;0BAAC;QAAY,GAAG;kBACpE,CAAC,aAAC,SAAS,cAAE,UAAU,EAAC;YACvB,qBACE;;kCACE,gBAAC,CAAA,GAAA,eAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,yCAAY;gCAAG;6BAAK;4BACrB;gCAAC,CAAA,GAAA,yCAAa;gCAAG;6BAAK;yBACvB;kCACD,cAAA,gBAAC;;kCAEH,gBAAC;wBACC,SAAS;kCAOR,MAAM,IAAI,CAAC;4BAAC,QAAQ;wBAAa,GAAG,GAAG,CAAC,CAAC,GAAG,kBAC3C,gBAAC;gCAAqB,QAAQ;+BAAX;;oBAGtB,2BACC,gBAAC,CAAA,GAAA,WAAG;wBAAE,MAAK;wBAAe,WAAW,CAAA,GAAA,yCAAa,EAAE;uCAAC;wCAAW;4BAAY,MAAM;wBAAG;kCAClF,gBAAgB,gBAAgB,MAAM,CAAC,6BAA6B;4BAAC,eAAe;wBAAC;;;;QAKhG;;AAGN;AAEO,MAAM,4CAAiB;IAC5B,qBACE,iBAAC,CAAA,GAAA,yCAAK;QAAE,QAAQ;;0BACd,gBAAC;gBAAe,MAAK;0BAAW,cAAA,gBAAC,CAAA,GAAA,wCAAc;;0BAC/C,gBAAC;0BACD,gBAAC;gBAAe,MAAK;0BAAO,cAAA,gBAAC,CAAA,GAAA,wCAAe;;;;AAGlD;AAEO,MAAM,4CAAe,CAAC;IAC3B,IAAI,qBAAqB,CAAA,GAAA,wBAAgB,EAAE,CAAA,GAAA,2BAAmB;IAC9D,IAAI,gBAAgB,CAAA,GAAA,wBAAgB,EAAE,CAAA,GAAA,sBAAkB;IACxD,IAAI,iBAAiB,oBAAoB,kBAAkB,eAAe;IAEzE,qGAAqG;IACtG,qBACE,iBAAC,CAAA,GAAA,mBAAe;QACd,SAAS;QAKT,QAAQ;YAAC,QAAQ,MAAM,MAAM;QAAA;;0BAC7B,gBAAC,CAAA,GAAA,yBAAiB;gBAAE,WAAU;0BAC3B,CAAC,oBACA,gBAAC;kCACE;;;0BAIP,gBAAC,CAAA,GAAA,uBAAe;gBAAE,WAAU;0BACzB,CAAC,qBACA,gBAAC;wBAAa,MAAM;wBAAM,gBAAgB;;;;;AAKpD;AAEA,qFAAqF;AACrF,oDAAoD;AACpD,MAAM,wCAAkB;IACtB,IAAI,uBAAuB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2BAAmB;IACzD,IAAI,4BAA4B,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gCAAwB;IACnE,IAAI,gBAAC,YAAY,YAAE,QAAQ,EAAC,GAAG,wBAAwB,6BAA6B,CAAC;IACrF,IAAI,eAAe,cAAc,SAAS,cAAc;IACxD,IAAI,iBAAiB,CAAA,GAAA,uBAAe,EAAE;QACpC,OAAO;QACP,MAAM;QACN,KAAK,gBAAgB,aAAa,QAAQ,CAAC,UAAU,KAAK,aAAa,aAAa,GAAG,KAAK,OAAO,UAAU;QAC7G,UAAU,cAAc,MAAM,SAAS;kBACvC;IACF;IACA,IAAI,SAAS,CAAA,GAAA,cAAM,EAAE;QACnB,IAAI,CAAC,cACH,OAAO,EAAE;QAEX,IAAI,SAAmB,EAAE;QACzB,IAAK,IAAI,IAAI,aAAa,KAAK,EAAE,EAAE,OAAO,CAAC,aAAa,GAAG,KAAK,GAAG,IAAI,EAAE,GAAG,CAAC;YAAC,QAAQ;QAAC,GAAI;YACzF,0FAA0F;YAC1F,6CAA6C;YAC7C,IAAI,EAAE,KAAK,KAAK,aAAa,KAAK,CAAC,KAAK,EACtC,IAAI,EAAE,GAAG,CAAC;gBAAC,OAAO;YAAC;YAErB,OAAO,IAAI,CAAC,eAAe,MAAM,CAAC,EAAE,MAAM,CAAC;QAC7C;QACA,OAAO;IACT,GAAG;QAAC;QAAc;QAAgB;KAAS;IAE3C,qBACE,gBAAC,CAAA,GAAA,yCAAM;QAAE,QAAQ;kBACd,OAAO,GAAG,CAAC,CAAC,OAAO;YAClB,IAAI,MAAM,GACR,qBACE,gBAAC,CAAA,GAAA,gBAAO;0BACN,cAAA,gBAAC;oBAAI,WAAW;8BAAc;;eADjB;iBAKjB,qBACE,iBAAC,CAAA,GAAA,gBAAO;;kCAEN,gBAAC;wBAAI,SAAS;;kCACd,gBAAC;wBAAI,SAAS;;kCACd,gBAAC;wBAAI,SAAS;;kCACd,gBAAC;wBAAI,WAAW;kCAAc;;;eALjB;QASrB;;AAGN;AAEO,MAAM,4CAAiB,CAAC;IAC7B,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAC1B,qBACE,gBAAC;QACC,WACE;;;;;;;;;;;UAMG;uBAAC;QAAS;kBAEf,cAAA,gBAAC,CAAA,GAAA,yCAAW;YACT,GAAG,MAAK;YACT,OAAO;sBACN,OAAM,QAAQ;;;AAIvB;AAEA,MAAM,2CAAqB,CAAC;IAC1B,qBACE,gBAAC,CAAA,GAAA,yBAAqB;QAAE,WAAW;kBAChC,MAAM,QAAQ;;AAGrB;AAEA,MAAM,qCAAe,CAAC;IACpB,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,iBAAiB,MAAM,cAAc;IACzC,sDAAsD;IACtD,IAAI,YAAC,QAAQ,aAAE,SAAS,iBAAE,aAAa,EAAC,GAAG,2CAAqB,MAAM,IAAI,EAAE,QAAQ;IAEpF,IAAI,uBAAuB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2BAAmB;IACzD,IAAI,4BAA4B,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gCAAwB;IACnE,IAAI,QAAS,wBAAwB;IAGrC,IAAI,cAAc,cAAc;IAChC,IAAI,aAAa,cAAc;IAC/B,IAAI,eAAe,aAAa;IAChC,IAAI,cAAc,aAAa;IAE/B,qBACE,gBAAC,CAAA,GAAA,mBAAe;QACd,MAAM,MAAM,IAAI;QAChB,WAAW,CAAC,cAAgB,iCAAW;gBAAC,GAAG,WAAW;8BAAE;6BAAc;6BAAa;4BAAa;YAAU;kBACzG,CAAC,4BAAgB,gBAAC;gBAAmB,GAAG,KAAK;gBAAE,WAAW;gBAAW,UAAU;gBAAU,OAAO;gBAAO,kBAAkB,CAAC,CAAC;gBAA2B,aAAa;;;AAG1K;AAEA,MAAM,0CAAoB,CAAC;IACzB,IAAI,YAAC,QAAQ,QAAE,IAAI,eAAE,WAAW,SAAE,KAAK,oBAAE,gBAAgB,EAAC,GAAG;IAC7D,IAAI,MAAM,CAAA,GAAA,aAAK,EAAkB;IACjC,IAAI,iBAAC,aAAa,iBAAE,aAAa,cAAE,UAAU,oBAAE,gBAAgB,kBAAE,cAAc,aAAE,SAAS,EAAC,GAAG;IAC9F,+GAA+G;IAC/G,wHAAwH;IACxH,mBAAmB,oBAAqB,CAAA,CAAC,iBAAiB,SAAQ;IAClE,iBAAiB,kBAAmB,CAAA,CAAC,iBAAiB,SAAQ;IAE9D,IAAI,gBAAgB,CAAC;QACnB,IAAI,CAAE,CAAA,sBAAsB,KAAI,KAAM,CAAC,MAAM,gBAAgB,EAC3D,OAAO,MAAM,UAAU,CAAC;QAE1B,gEAAgE;QAChE,IAAI,WACF,OAAO,UAAU,OAAO,CAAC,MAAM,gBAAgB,CAAC,KAAK,KAAK,KACnD,UAAU,OAAO,CAAC,MAAM,gBAAgB,CAAC,GAAG,KAAK;QAG1D,OAAO,MAAM,UAAU,CAAC;IAC1B;IAEA,IAAI,UAAU,KAAK,QAAQ,CAAC;QAAC,MAAM;IAAC;IACpC,IAAI,UAAU,KAAK,GAAG,CAAC;QAAC,MAAM;IAAC;IAC/B,IAAI,mBAAmB,aAAa;IACpC,IAAI,kBAAkB,aAAa;IACnC,IAAI,2BAA2B,CAAC,WAAY,CAAC,cAAc,YAAY,QAAQ,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK;IACzG,IAAI,uBAAuB,CAAC,WAAY,CAAC,cAAc,YAAY,QAAQ,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK;IAErG,mHAAmH;IACnH,gEAAgE;IAChE,IAAI,2BACF,cACG,oBACC,CAAA,aAAa,CAAC,aAAY,KAC1B,CAAA,cAAc,YACZ,QAAQ,KAAK,KAAK,KAAK,KAAK,IAAI,cAAc,QAAQ;IAG9D,qBACE,iBAAC;QACC,SAAS;;0BAKT,iBAAC;gBACC,KAAK;gBACL,OAAO,CAAA,GAAA,yCAAS,EAAE,KAAK,CAAC,GAAG;gBAC3B,WAAW,sCAAgB;oBAAC,GAAG,WAAW;sCAAG;oCAAkB;oBAAgB,eAAe,mBAAmB,UAAU;gBAAQ;;kCACnI,gBAAC;wBAAI,WAAW,kCAAY;wBAAe,MAAK;;kCAChD,gBAAC;kCACE;;oBAEF,+BAAiB,gBAAC;wBAAI,WAAW;wBAAmB,MAAK;;;;YAE3D,0CAA4B,gBAAC;gBAAI,WAAW,gDAA0B;+BAAC;sCAAW;qCAAkB;sCAAiB;oCAAkB;8CAAgB;0CAA0B;gBAAoB;gBAAI,MAAK;;YAC9M,0CAA4B,gBAAC;gBAAI,WAAW,4CAAsB;+BAAC;sCAAW;qCAAkB;sCAAiB;oCAAkB;8CAAgB;0CAA0B;gBAAoB;gBAAI,MAAK;;;;AAGjN;AAIA;;;;;;CAMC,GACD,SAAS,2CACP,IAAkB,EAClB,MAAc,EACd,cAA0B;IAE1B,IAAI,SAAS,CAAA,GAAA,cAAM,EAAE;QACnB,0CAA0C;QAC1C,MAAM,WAAW,CAAA,GAAA,mBAAW,EAAE,MAAM,QAAQ;QAE5C,MAAM,aAAa,CAAA,GAAA,mBAAW,EAAE;QAEhC,sEAAsE;QACtE,mCAAmC;QACnC,MAAM,sBAAsB,CAAA,GAAA,mBAAW,EAAE,YAAY,QAAQ;QAC7D,MAAM,aAAa,KAAK,GAAG;QAE3B,MAAM,YAAY,KAAK,KAAK,CAAC,AAAC,CAAA,aAAa,sBAAsB,CAAA,IAAK;QACtE,MAAM,iBAAiB,CAAA,GAAA,mBAAW,EAAE,MAAM,GAAG,CAAC;YAAC,QAAQ;QAAC,GAAG,QAAQ,CAAC;YAAC,MAAM;QAAC;QAC5E,MAAM,gBAAgB,KAAK,KAAK,CAAC,AAAC,CAAA,eAAe,GAAG,GAAG,sBAAsB,CAAA,IAAK;QAElF,OAAO;uBACL;2BACA;sBACA;QACF;IACF,GAAG;QAAC;QAAM;QAAQ;KAAe;IAEjC,OAAO;AACT","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';\n\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  CalendarStateContext,\n  DateValue\n} from 'react-aria-components/Calendar';\nimport {AriaCalendarGridProps} from 'react-aria/useCalendar';\nimport {ButtonProps} from 'react-aria-components/Button';\nimport {\n  CalendarDate,\n  getDayOfWeek,\n  startOfMonth\n} from '@internationalized/date';\nimport {CalendarState} from 'react-stately/useCalendarState';\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, Heading, 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, {createContext, ForwardedRef, forwardRef, Fragment, PropsWithChildren, ReactElement, ReactNode, useContext, useMemo, useRef} from 'react';\nimport {Text} from 'react-aria-components/Text';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface CalendarProps<T extends DateValue>\n  extends Omit<AriaCalendarProps<T>, 'visibleDuration' | 'style' | 'className' | 'render' | 'styles' | 'children' | 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<{isMultiMonth?: boolean}>({\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}, getAllowedOverrides());\n\nconst headerStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between'\n});\n\nconst headingStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  margin: 0,\n  flexGrow: 1\n});\n\nconst titleStyles = style({\n  font: 'title-lg',\n  textAlign: 'center',\n  flexGrow: 1,\n  flexShrink: 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<{isInvalid?: boolean, isFirstDayInWeek?: boolean, isLastDayInWeek?: boolean, isSelectionStart?: boolean, isSelectionEnd?: boolean, isPreviousDayNotSelected?: boolean, isNextDayNotSelected?: boolean}>({\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<{isInvalid?: boolean, isFirstDayInWeek?: boolean, isLastDayInWeek?: boolean, isSelectionStart?: boolean, isSelectionEnd?: boolean, isPreviousDayNotSelected?: boolean, isNextDayNotSelected?: boolean}>({\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<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  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 />\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 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 CalendarHeader = (): ReactElement => {\n  return (\n    <Header styles={headerStyles}>\n      <CalendarButton slot=\"previous\"><ChevronLeftIcon /></CalendarButton>\n      <CalendarHeading />\n      <CalendarButton slot=\"next\"><ChevronRightIcon /></CalendarButton>\n    </Header>\n  );\n};\n\nexport const CalendarGrid = (props: Omit<AriaCalendarGridProps, 'children'> & PropsWithChildren & {months: number}): 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) => (\n          <CalendarHeaderCell>\n            {day}\n          </CalendarHeaderCell>\n        )}\n      </CalendarGridHeader>\n      <CalendarGridBody className=\"\">\n        {(date) => (\n          <CalendarCell date={date} firstDayOfWeek={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.\nconst 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, lastWeekIndex} = useWeekAndDayIndices(props.date, locale, firstDayOfWeek);\n\n  let calendarStateContext = useContext(CalendarStateContext);\n  let rangeCalendarStateContext = useContext(RangeCalendarStateContext);\n  let state = (calendarStateContext ?? rangeCalendarStateContext)!;\n\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) => cellStyles({...renderProps, isFirstChild, isLastChild, isFirstWeek, isLastWeek})}>\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 {dayIndex, date, renderProps, state, isRangeSelection} = props;\n  let ref = useRef<HTMLDivElement>(null);\n  let {isUnavailable, formattedDate, isSelected, isSelectionStart, isSelectionEnd, isInvalid} = 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 checkDate.compare(state.highlightedRange.start) >= 0 &&\n             checkDate.compare(state.highlightedRange.end) <= 0;\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 = !prevDay || (!isDateInRange(prevDay) || prevDay.month !== props.date.month);\n  let isNextDayNotSelected = !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)\n      || (nextDay.month === date.month && isDateInRange(nextDay)))\n    );\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({...renderProps!, isSelectionStart, isSelectionEnd, selectionMode: isRangeSelection ? 'range' : 'single'})}>\n        <div className={todayStyles(renderProps!)} role=\"presentation\" />\n        <div>\n          {formattedDate}\n        </div>\n        {isUnavailable && <div className={unavailableStyles} role=\"presentation\" />}\n      </div>\n      {isBackgroundStyleApplied && <div className={selectionBackgroundStyles({isInvalid, isFirstDayInWeek, isLastDayInWeek, isSelectionStart, isSelectionEnd, isPreviousDayNotSelected, isNextDayNotSelected})} role=\"presentation\" />}\n      {isBackgroundStyleApplied && <div className={selectionBorderStyles({isInvalid, isFirstDayInWeek, isLastDayInWeek, isSelectionStart, isSelectionEnd, isPreviousDayNotSelected, isNextDayNotSelected})} 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 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.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} 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.mjs.map"}