@fluentui/react-calendar-compat 0.4.2 → 0.4.4

package/lib/components/CalendarDayGrid/CalendarGridDayCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridDayCell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter } from '@fluentui/keyboard-keys';\nimport { getRTLSafeKey } from '@fluentui/react-utilities';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\nimport type { AvailableDateOptions } from '../../utils';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { CalendarGridRowProps } from './CalendarGridRow';\n\n/**\n * @internal\n */\nexport interface CalendarGridDayCellProps extends CalendarGridRowProps {\n  day: DayInfo;\n  dayIndex: number;\n}\n\n/**\n * @internal\n */\nexport const CalendarGridDayCell: React.FunctionComponent<CalendarGridDayCellProps> = props => {\n  'use no memo';\n\n  const {\n    navigatedDate,\n    dateTimeFormatter,\n    allFocusable,\n    strings,\n    activeDescendantId,\n    navigatedDayRef,\n    calculateRoundedStyles,\n    weeks,\n    classNames,\n    day,\n    dayIndex,\n    weekIndex,\n    weekCorners,\n    ariaHidden,\n    customDayCellRef,\n    dateRangeType,\n    daysToSelectInDayView,\n    onSelectDate,\n    restrictedDates,\n    minDate,\n    maxDate,\n    onNavigateDate,\n    getDayInfosInRangeOfDay,\n    getRefsFromDayInfos,\n  } = props;\n  const cornerStyle = weekCorners?.[weekIndex + '_' + dayIndex] ?? '';\n  const isNavigatedDate = compareDates(navigatedDate, day.originalDate);\n\n  const { dir } = useFluent_unstable();\n\n  const navigateMonthEdge = (ev: React.KeyboardEvent<HTMLElement>, date: Date): void => {\n    let targetDate: Date | undefined = undefined;\n    let direction = 1; // by default search forward\n\n    if (ev.key === ArrowUp) {\n      targetDate = addWeeks(date, -1);\n      direction = -1;\n    } else if (ev.key === ArrowDown) {\n      targetDate = addWeeks(date, 1);\n    } else if (ev.key === getRTLSafeKey(ArrowLeft, dir)) {\n      targetDate = addDays(date, -1);\n      direction = -1;\n    } else if (ev.key === getRTLSafeKey(ArrowRight, dir)) {\n      targetDate = addDays(date, 1);\n    }\n\n    if (!targetDate) {\n      // if we couldn't find a target date at all, do nothing\n      return;\n    }\n\n    const findAvailableDateOptions: AvailableDateOptions = {\n      initialDate: date,\n      targetDate,\n      direction,\n      restrictedDates,\n      minDate,\n      maxDate,\n    };\n\n    // target date is restricted, search in whatever direction until finding the next possible date,\n    // stopping at boundaries\n    let nextDate = findAvailableDate(findAvailableDateOptions);\n\n    if (!nextDate) {\n      // if no dates available in initial direction, try going backwards\n      findAvailableDateOptions.direction = -direction;\n      nextDate = findAvailableDate(findAvailableDateOptions);\n    }\n\n    // if the nextDate is still inside the same focusZone area, let the focusZone handle setting the focus so we\n    // don't jump the view unnecessarily\n    const isInCurrentView =\n      weeks &&\n      nextDate &&\n      weeks.slice(1, weeks.length - 1).some((week: DayInfo[]) => {\n        return week.some((dayToCompare: DayInfo) => {\n          return compareDates(dayToCompare.originalDate, nextDate!);\n        });\n      });\n    if (isInCurrentView) {\n      return;\n    }\n\n    // else, fire navigation on the date to change the view to show it\n    if (nextDate) {\n      onNavigateDate(nextDate, true);\n      ev.preventDefault();\n    }\n  };\n\n  const onMouseOverDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n      if (dayRef) {\n        dayRef.classList.add(extraCalendarDayGridClassNames.hoverStyle);\n        if (\n          !dayInfos[index].isSelected &&\n          dateRangeType === DateRangeType.Day &&\n          daysToSelectInDayView &&\n          daysToSelectInDayView > 1\n        ) {\n          // remove the static classes first to overwrite them\n          dayRef.classList.remove(\n            weekCornersClassNames.bottomLeftCornerDate!,\n            weekCornersClassNames.bottomRightCornerDate!,\n            weekCornersClassNames.topLeftCornerDate!,\n            weekCornersClassNames.topRightCornerDate!,\n          );\n\n          const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n          if (classNamesToAdd) {\n            dayRef.classList.add(...classNamesToAdd.trim().split(' '));\n          }\n        }\n      }\n    });\n  };\n\n  const onMouseDownDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null) => {\n      if (dayRef) {\n        dayRef.classList.add(extraCalendarDayGridClassNames.pressedStyle);\n      }\n    });\n  };\n\n  const onMouseUpDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null) => {\n      if (dayRef) {\n        dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n      }\n    });\n  };\n\n  const onMouseOutDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n      if (dayRef) {\n        dayRef.classList.remove(extraCalendarDayGridClassNames.hoverStyle);\n        dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n        if (\n          !dayInfos[index].isSelected &&\n          dateRangeType === DateRangeType.Day &&\n          daysToSelectInDayView &&\n          daysToSelectInDayView > 1\n        ) {\n          const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n          if (classNamesToAdd) {\n            dayRef.classList.remove(...classNamesToAdd.trim().split(' '));\n          }\n        }\n      }\n    });\n  };\n\n  const onDayKeyDown = (ev: React.KeyboardEvent<HTMLElement>): void => {\n    if (ev.key === Enter) {\n      onSelectDate?.(day.originalDate);\n    } else {\n      navigateMonthEdge(ev, day.originalDate);\n    }\n  };\n\n  let ariaLabel =\n    day.originalDate.getDate() +\n    ', ' +\n    strings.months[day.originalDate.getMonth()] +\n    ', ' +\n    day.originalDate.getFullYear();\n\n  if (day.isMarked) {\n    ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;\n  }\n\n  const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));\n\n  return (\n    <td\n      className={mergeClasses(\n        classNames.dayCell,\n        weekCorners && cornerStyle,\n        day.isSelected && !day.isSingleSelected && classNames.daySelected,\n        day.isSingleSelected && classNames.daySingleSelected,\n        !day.isInBounds && classNames.dayOutsideBounds,\n        !day.isInMonth && classNames.dayOutsideNavigatedMonth,\n      )}\n      ref={(element: HTMLTableCellElement) => {\n        customDayCellRef?.(element, day.originalDate, classNames);\n        day.setRef(element);\n        isNavigatedDate && (navigatedDayRef.current = element);\n      }}\n      aria-disabled={!ariaHidden && !day.isInBounds}\n      onClick={day.isInBounds && !ariaHidden ? day.onSelected : undefined}\n      onMouseOver={!ariaHidden ? onMouseOverDay : undefined}\n      onMouseDown={!ariaHidden ? onMouseDownDay : undefined}\n      onMouseUp={!ariaHidden ? onMouseUpDay : undefined}\n      onMouseOut={!ariaHidden ? onMouseOutDay : undefined}\n      onKeyDown={!ariaHidden ? onDayKeyDown : undefined}\n      role=\"gridcell\"\n      tabIndex={isNavigatedDate || isFocusable ? 0 : undefined}\n      aria-current={day.isToday ? 'date' : undefined}\n      aria-selected={day.isInBounds ? day.isSelected : undefined}\n    >\n      <button\n        key={day.key + 'button'}\n        className={mergeClasses(classNames.dayButton, day.isToday && classNames.dayIsToday)}\n        aria-label={ariaLabel}\n        id={isNavigatedDate ? activeDescendantId : undefined}\n        disabled={!ariaHidden && !day.isInBounds}\n        type=\"button\"\n        tabIndex={-1}\n      >\n        <span className={day.isToday ? mergeClasses(classNames.dayTodayMarker) : undefined}>\n          {dateTimeFormatter.formatDay(day.originalDate)}\n        </span>\n        {day.isMarked && <div aria-hidden=\"true\" className={classNames.dayMarker} />}\n      </button>\n    </td>\n  );\n};\n"],"names":["React","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Enter","getRTLSafeKey","useFluent_unstable","mergeClasses","addDays","addWeeks","compareDates","findAvailableDate","DateRangeType","weekCornersClassNames","extraCalendarDayGridClassNames","CalendarGridDayCell","props","navigatedDate","dateTimeFormatter","allFocusable","strings","activeDescendantId","navigatedDayRef","calculateRoundedStyles","weeks","classNames","day","dayIndex","weekIndex","weekCorners","ariaHidden","customDayCellRef","dateRangeType","daysToSelectInDayView","onSelectDate","restrictedDates","minDate","maxDate","onNavigateDate","getDayInfosInRangeOfDay","getRefsFromDayInfos","cornerStyle","isNavigatedDate","originalDate","dir","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","findAvailableDateOptions","initialDate","nextDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","hoverStyle","isSelected","Day","remove","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","split","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","td","className","dayCell","isSingleSelected","daySelected","daySingleSelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","setRef","current","aria-disabled","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","aria-current","isToday","aria-selected","button","dayButton","dayIsToday","aria-label","id","disabled","type","span","dayTodayMarker","formatDay","div","aria-hidden","dayMarker"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridDayCell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Enter } from '@fluentui/keyboard-keys';\nimport { getRTLSafeKey } from '@fluentui/react-utilities';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles';\nimport type { AvailableDateOptions } from '../../utils';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { CalendarGridRowProps } from './CalendarGridRow';\n\n/**\n * @internal\n */\nexport interface CalendarGridDayCellProps extends CalendarGridRowProps {\n  day: DayInfo;\n  dayIndex: number;\n}\n\n/**\n * @internal\n */\nexport const CalendarGridDayCell: React.FunctionComponent<CalendarGridDayCellProps> = props => {\n  'use no memo'; // justified: compiler would optimize unknown function — manual opt-out to preserve runtime behavior\n\n  const {\n    navigatedDate,\n    dateTimeFormatter,\n    allFocusable,\n    strings,\n    activeDescendantId,\n    navigatedDayRef,\n    calculateRoundedStyles,\n    weeks,\n    classNames,\n    day,\n    dayIndex,\n    weekIndex,\n    weekCorners,\n    ariaHidden,\n    customDayCellRef,\n    dateRangeType,\n    daysToSelectInDayView,\n    onSelectDate,\n    restrictedDates,\n    minDate,\n    maxDate,\n    onNavigateDate,\n    getDayInfosInRangeOfDay,\n    getRefsFromDayInfos,\n  } = props;\n  const cornerStyle = weekCorners?.[weekIndex + '_' + dayIndex] ?? '';\n  const isNavigatedDate = compareDates(navigatedDate, day.originalDate);\n\n  const { dir } = useFluent_unstable();\n\n  const navigateMonthEdge = (ev: React.KeyboardEvent<HTMLElement>, date: Date): void => {\n    let targetDate: Date | undefined = undefined;\n    let direction = 1; // by default search forward\n\n    if (ev.key === ArrowUp) {\n      targetDate = addWeeks(date, -1);\n      direction = -1;\n    } else if (ev.key === ArrowDown) {\n      targetDate = addWeeks(date, 1);\n    } else if (ev.key === getRTLSafeKey(ArrowLeft, dir)) {\n      targetDate = addDays(date, -1);\n      direction = -1;\n    } else if (ev.key === getRTLSafeKey(ArrowRight, dir)) {\n      targetDate = addDays(date, 1);\n    }\n\n    if (!targetDate) {\n      // if we couldn't find a target date at all, do nothing\n      return;\n    }\n\n    const findAvailableDateOptions: AvailableDateOptions = {\n      initialDate: date,\n      targetDate,\n      direction,\n      restrictedDates,\n      minDate,\n      maxDate,\n    };\n\n    // target date is restricted, search in whatever direction until finding the next possible date,\n    // stopping at boundaries\n    let nextDate = findAvailableDate(findAvailableDateOptions);\n\n    if (!nextDate) {\n      // if no dates available in initial direction, try going backwards\n      findAvailableDateOptions.direction = -direction;\n      nextDate = findAvailableDate(findAvailableDateOptions);\n    }\n\n    // if the nextDate is still inside the same focusZone area, let the focusZone handle setting the focus so we\n    // don't jump the view unnecessarily\n    const isInCurrentView =\n      weeks &&\n      nextDate &&\n      weeks.slice(1, weeks.length - 1).some((week: DayInfo[]) => {\n        return week.some((dayToCompare: DayInfo) => {\n          return compareDates(dayToCompare.originalDate, nextDate!);\n        });\n      });\n    if (isInCurrentView) {\n      return;\n    }\n\n    // else, fire navigation on the date to change the view to show it\n    if (nextDate) {\n      onNavigateDate(nextDate, true);\n      ev.preventDefault();\n    }\n  };\n\n  const onMouseOverDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n      if (dayRef) {\n        dayRef.classList.add(extraCalendarDayGridClassNames.hoverStyle);\n        if (\n          !dayInfos[index].isSelected &&\n          dateRangeType === DateRangeType.Day &&\n          daysToSelectInDayView &&\n          daysToSelectInDayView > 1\n        ) {\n          // remove the static classes first to overwrite them\n          dayRef.classList.remove(\n            weekCornersClassNames.bottomLeftCornerDate!,\n            weekCornersClassNames.bottomRightCornerDate!,\n            weekCornersClassNames.topLeftCornerDate!,\n            weekCornersClassNames.topRightCornerDate!,\n          );\n\n          const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n          if (classNamesToAdd) {\n            dayRef.classList.add(...classNamesToAdd.trim().split(' '));\n          }\n        }\n      }\n    });\n  };\n\n  const onMouseDownDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null) => {\n      if (dayRef) {\n        dayRef.classList.add(extraCalendarDayGridClassNames.pressedStyle);\n      }\n    });\n  };\n\n  const onMouseUpDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null) => {\n      if (dayRef) {\n        dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n      }\n    });\n  };\n\n  const onMouseOutDay = (ev: React.MouseEvent<HTMLElement>) => {\n    const dayInfos = getDayInfosInRangeOfDay(day);\n    const dayRefs = getRefsFromDayInfos(dayInfos);\n\n    dayRefs.forEach((dayRef: HTMLElement | null, index: number) => {\n      if (dayRef) {\n        dayRef.classList.remove(extraCalendarDayGridClassNames.hoverStyle);\n        dayRef.classList.remove(extraCalendarDayGridClassNames.pressedStyle);\n        if (\n          !dayInfos[index].isSelected &&\n          dateRangeType === DateRangeType.Day &&\n          daysToSelectInDayView &&\n          daysToSelectInDayView > 1\n        ) {\n          const classNamesToAdd = calculateRoundedStyles(false, false, index > 0, index < dayRefs.length - 1).trim();\n          if (classNamesToAdd) {\n            dayRef.classList.remove(...classNamesToAdd.trim().split(' '));\n          }\n        }\n      }\n    });\n  };\n\n  const onDayKeyDown = (ev: React.KeyboardEvent<HTMLElement>): void => {\n    if (ev.key === Enter) {\n      onSelectDate?.(day.originalDate);\n    } else {\n      navigateMonthEdge(ev, day.originalDate);\n    }\n  };\n\n  let ariaLabel =\n    day.originalDate.getDate() +\n    ', ' +\n    strings.months[day.originalDate.getMonth()] +\n    ', ' +\n    day.originalDate.getFullYear();\n\n  if (day.isMarked) {\n    ariaLabel = ariaLabel + ', ' + strings.dayMarkedAriaLabel;\n  }\n\n  const isFocusable = !ariaHidden && (allFocusable || (day.isInBounds ? true : undefined));\n\n  return (\n    <td\n      className={mergeClasses(\n        classNames.dayCell,\n        weekCorners && cornerStyle,\n        day.isSelected && !day.isSingleSelected && classNames.daySelected,\n        day.isSingleSelected && classNames.daySingleSelected,\n        !day.isInBounds && classNames.dayOutsideBounds,\n        !day.isInMonth && classNames.dayOutsideNavigatedMonth,\n      )}\n      ref={(element: HTMLTableCellElement) => {\n        customDayCellRef?.(element, day.originalDate, classNames);\n        day.setRef(element);\n        isNavigatedDate && (navigatedDayRef.current = element);\n      }}\n      aria-disabled={!ariaHidden && !day.isInBounds}\n      onClick={day.isInBounds && !ariaHidden ? day.onSelected : undefined}\n      onMouseOver={!ariaHidden ? onMouseOverDay : undefined}\n      onMouseDown={!ariaHidden ? onMouseDownDay : undefined}\n      onMouseUp={!ariaHidden ? onMouseUpDay : undefined}\n      onMouseOut={!ariaHidden ? onMouseOutDay : undefined}\n      onKeyDown={!ariaHidden ? onDayKeyDown : undefined}\n      role=\"gridcell\"\n      tabIndex={isNavigatedDate || isFocusable ? 0 : undefined}\n      aria-current={day.isToday ? 'date' : undefined}\n      aria-selected={day.isInBounds ? day.isSelected : undefined}\n    >\n      <button\n        key={day.key + 'button'}\n        className={mergeClasses(classNames.dayButton, day.isToday && classNames.dayIsToday)}\n        aria-label={ariaLabel}\n        id={isNavigatedDate ? activeDescendantId : undefined}\n        disabled={!ariaHidden && !day.isInBounds}\n        type=\"button\"\n        tabIndex={-1}\n      >\n        <span className={day.isToday ? mergeClasses(classNames.dayTodayMarker) : undefined}>\n          {dateTimeFormatter.formatDay(day.originalDate)}\n        </span>\n        {day.isMarked && <div aria-hidden=\"true\" className={classNames.dayMarker} />}\n      </button>\n    </td>\n  );\n};\n"],"names":["React","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Enter","getRTLSafeKey","useFluent_unstable","mergeClasses","addDays","addWeeks","compareDates","findAvailableDate","DateRangeType","weekCornersClassNames","extraCalendarDayGridClassNames","CalendarGridDayCell","props","navigatedDate","dateTimeFormatter","allFocusable","strings","activeDescendantId","navigatedDayRef","calculateRoundedStyles","weeks","classNames","day","dayIndex","weekIndex","weekCorners","ariaHidden","customDayCellRef","dateRangeType","daysToSelectInDayView","onSelectDate","restrictedDates","minDate","maxDate","onNavigateDate","getDayInfosInRangeOfDay","getRefsFromDayInfos","cornerStyle","isNavigatedDate","originalDate","dir","navigateMonthEdge","ev","date","targetDate","undefined","direction","key","findAvailableDateOptions","initialDate","nextDate","isInCurrentView","slice","length","some","week","dayToCompare","preventDefault","onMouseOverDay","dayInfos","dayRefs","forEach","dayRef","index","classList","add","hoverStyle","isSelected","Day","remove","bottomLeftCornerDate","bottomRightCornerDate","topLeftCornerDate","topRightCornerDate","classNamesToAdd","trim","split","onMouseDownDay","pressedStyle","onMouseUpDay","onMouseOutDay","onDayKeyDown","ariaLabel","getDate","months","getMonth","getFullYear","isMarked","dayMarkedAriaLabel","isFocusable","isInBounds","td","className","dayCell","isSingleSelected","daySelected","daySingleSelected","dayOutsideBounds","isInMonth","dayOutsideNavigatedMonth","ref","element","setRef","current","aria-disabled","onClick","onSelected","onMouseOver","onMouseDown","onMouseUp","onMouseOut","onKeyDown","role","tabIndex","aria-current","isToday","aria-selected","button","dayButton","dayIsToday","aria-label","id","disabled","type","span","dayTodayMarker","formatDay","div","aria-hidden","dayMarker"],"mappings":"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"}

package/lib/components/CalendarDayGrid/CalendarGridRow.js

@@ -1,20 +1,20 @@
+'use client';
 import * as React from 'react';
 import { getWeekNumbersInMonth } from '../../utils';
 import { CalendarGridDayCell } from './CalendarGridDayCell';
 /**
  * @internal
- */ export const CalendarGridRow = (props)=>{
+ */ export const CalendarGridRow = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const { ariaHidden, classNames, week, weeks, weekIndex, rowClassName, ariaRole, showWeekNumbers, firstDayOfWeek, firstWeekOfYear, navigatedDate, strings } = props;
     const weekNumbers = showWeekNumbers ? getWeekNumbersInMonth(weeks.length, firstDayOfWeek, firstWeekOfYear, navigatedDate) : null;
     const titleString = weekNumbers ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`) : '';
     return /*#__PURE__*/ React.createElement("tr", {
+        ref: ref,
         role: ariaRole,
         "aria-hidden": ariaHidden,
-        className: rowClassName,
-        key: weekIndex + '_' + week[0].key
+        className: rowClassName
     }, showWeekNumbers && weekNumbers && /*#__PURE__*/ React.createElement("th", {
         className: classNames.weekNumberCell,
-        key: weekIndex,
         title: titleString,
         "aria-label": titleString,
         scope: "row"
@@ -24,4 +24,5 @@ import { CalendarGridDayCell } from './CalendarGridDayCell';
             day: day,
             dayIndex: dayIndex
         })));
-};
+});
+CalendarGridRow.displayName = 'CalendarGridRow';

package/lib/components/CalendarDayGrid/CalendarGridRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getWeekNumbersInMonth } from '../../utils';\nimport { CalendarGridDayCell } from './CalendarGridDayCell';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { WeekCorners } from './useWeekCornerStyles.styles';\n\n/**\n * @internal\n */\nexport interface CalendarGridRowProps extends CalendarDayGridProps {\n  classNames: CalendarDayGridStyles;\n  weeks: DayInfo[][];\n  week: DayInfo[];\n  weekIndex: number;\n  weekCorners?: WeekCorners;\n  ariaHidden?: boolean;\n  rowClassName?: string;\n  ariaRole?: string;\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  navigatedDayRef: React.MutableRefObject<HTMLTableCellElement | null>;\n  activeDescendantId: string;\n  calculateRoundedStyles(above: boolean, below: boolean, left: boolean, right: boolean): string;\n  getDayInfosInRangeOfDay(dayToCompare: DayInfo): DayInfo[];\n  getRefsFromDayInfos(dayInfosInRange: DayInfo[]): (HTMLElement | null)[];\n}\n\n/**\n * @internal\n */\nexport const CalendarGridRow: React.FunctionComponent<CalendarGridRowProps> = props => {\n  const {\n    ariaHidden,\n    classNames,\n    week,\n    weeks,\n    weekIndex,\n    rowClassName,\n    ariaRole,\n    showWeekNumbers,\n    firstDayOfWeek,\n    firstWeekOfYear,\n    navigatedDate,\n    strings,\n  } = props;\n  const weekNumbers = showWeekNumbers\n    ? getWeekNumbersInMonth(weeks!.length, firstDayOfWeek, firstWeekOfYear, navigatedDate)\n    : null;\n\n  const titleString = weekNumbers\n    ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`)\n    : '';\n\n  return (\n    <tr role={ariaRole} aria-hidden={ariaHidden} className={rowClassName} key={weekIndex + '_' + week[0].key}>\n      {showWeekNumbers && weekNumbers && (\n        <th\n          className={classNames.weekNumberCell}\n          key={weekIndex}\n          title={titleString}\n          aria-label={titleString}\n          scope=\"row\"\n        >\n          <span>{weekNumbers[weekIndex]}</span>\n        </th>\n      )}\n      {week.map((day: DayInfo, dayIndex: number) => (\n        <CalendarGridDayCell {...props} key={day.key} day={day} dayIndex={dayIndex} />\n      ))}\n    </tr>\n  );\n};\n"],"names":["React","getWeekNumbersInMonth","CalendarGridDayCell","CalendarGridRow","props","ariaHidden","classNames","week","weeks","weekIndex","rowClassName","ariaRole","showWeekNumbers","firstDayOfWeek","firstWeekOfYear","navigatedDate","strings","weekNumbers","length","titleString","weekNumberFormatString","replace","tr","role","aria-hidden","className","key","th","weekNumberCell","title","aria-label","scope","span","map","day","dayIndex"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,cAAc;AACpD,SAASC,mBAAmB,QAAQ,wBAAwB;AAyB5D;;CAEC,GACD,OAAO,MAAMC,kBAAiEC,CAAAA;IAC5E,MAAM,EACJC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,eAAe,EACfC,cAAc,EACdC,eAAe,EACfC,aAAa,EACbC,OAAO,EACR,GAAGZ;IACJ,MAAMa,cAAcL,kBAChBX,sBAAsBO,MAAOU,MAAM,EAAEL,gBAAgBC,iBAAiBC,iBACtE;IAEJ,MAAMI,cAAcF,cAChBD,QAAQI,sBAAsB,IAAIJ,QAAQI,sBAAsB,CAACC,OAAO,CAAC,OAAO,GAAGJ,WAAW,CAACR,UAAU,EAAE,IAC3G;IAEJ,qBACE,oBAACa;QAAGC,MAAMZ;QAAUa,eAAanB;QAAYoB,WAAWf;QAAcgB,KAAKjB,YAAY,MAAMF,IAAI,CAAC,EAAE,CAACmB,GAAG;OACrGd,mBAAmBK,6BAClB,oBAACU;QACCF,WAAWnB,WAAWsB,cAAc;QACpCF,KAAKjB;QACLoB,OAAOV;QACPW,cAAYX;QACZY,OAAM;qBAEN,oBAACC,cAAMf,WAAW,CAACR,UAAU,IAGhCF,KAAK0B,GAAG,CAAC,CAACC,KAAcC,yBACvB,oBAACjC;YAAqB,GAAGE,KAAK;YAAEsB,KAAKQ,IAAIR,GAAG;YAAEQ,KAAKA;YAAKC,UAAUA;;AAI1E,EAAE"}
+{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarGridRow.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getWeekNumbersInMonth } from '../../utils';\nimport { CalendarGridDayCell } from './CalendarGridDayCell';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\nimport type { WeekCorners } from './useWeekCornerStyles.styles';\n\n/**\n * @internal\n */\nexport interface CalendarGridRowProps extends CalendarDayGridProps {\n  classNames: CalendarDayGridStyles;\n  weeks: DayInfo[][];\n  week: DayInfo[];\n  weekIndex: number;\n  weekCorners?: WeekCorners;\n  ariaHidden?: boolean;\n  rowClassName?: string;\n  ariaRole?: string;\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  navigatedDayRef: React.MutableRefObject<HTMLTableCellElement | null>;\n  activeDescendantId: string;\n  calculateRoundedStyles(above: boolean, below: boolean, left: boolean, right: boolean): string;\n  getDayInfosInRangeOfDay(dayToCompare: DayInfo): DayInfo[];\n  getRefsFromDayInfos(dayInfosInRange: DayInfo[]): (HTMLElement | null)[];\n}\n\n/**\n * @internal\n */\nexport const CalendarGridRow = React.forwardRef<HTMLTableRowElement, CalendarGridRowProps>((props, ref) => {\n  const {\n    ariaHidden,\n    classNames,\n    week,\n    weeks,\n    weekIndex,\n    rowClassName,\n    ariaRole,\n    showWeekNumbers,\n    firstDayOfWeek,\n    firstWeekOfYear,\n    navigatedDate,\n    strings,\n  } = props;\n  const weekNumbers = showWeekNumbers\n    ? getWeekNumbersInMonth(weeks!.length, firstDayOfWeek, firstWeekOfYear, navigatedDate)\n    : null;\n\n  const titleString = weekNumbers\n    ? strings.weekNumberFormatString && strings.weekNumberFormatString.replace('{0}', `${weekNumbers[weekIndex]}`)\n    : '';\n\n  return (\n    <tr ref={ref} role={ariaRole} aria-hidden={ariaHidden} className={rowClassName}>\n      {showWeekNumbers && weekNumbers && (\n        <th className={classNames.weekNumberCell} title={titleString} aria-label={titleString} scope=\"row\">\n          <span>{weekNumbers[weekIndex]}</span>\n        </th>\n      )}\n      {week.map((day: DayInfo, dayIndex: number) => (\n        <CalendarGridDayCell {...props} key={day.key} day={day} dayIndex={dayIndex} />\n      ))}\n    </tr>\n  );\n});\n\nCalendarGridRow.displayName = 'CalendarGridRow';\n"],"names":["React","getWeekNumbersInMonth","CalendarGridDayCell","CalendarGridRow","forwardRef","props","ref","ariaHidden","classNames","week","weeks","weekIndex","rowClassName","ariaRole","showWeekNumbers","firstDayOfWeek","firstWeekOfYear","navigatedDate","strings","weekNumbers","length","titleString","weekNumberFormatString","replace","tr","role","aria-hidden","className","th","weekNumberCell","title","aria-label","scope","span","map","day","dayIndex","key","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,cAAc;AACpD,SAASC,mBAAmB,QAAQ,wBAAwB;AAyB5D;;CAEC,GACD,OAAO,MAAMC,gCAAkBH,MAAMI,UAAU,CAA4C,CAACC,OAAOC;IACjG,MAAM,EACJC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,eAAe,EACfC,cAAc,EACdC,eAAe,EACfC,aAAa,EACbC,OAAO,EACR,GAAGb;IACJ,MAAMc,cAAcL,kBAChBb,sBAAsBS,MAAOU,MAAM,EAAEL,gBAAgBC,iBAAiBC,iBACtE;IAEJ,MAAMI,cAAcF,cAChBD,QAAQI,sBAAsB,IAAIJ,QAAQI,sBAAsB,CAACC,OAAO,CAAC,OAAO,GAAGJ,WAAW,CAACR,UAAU,EAAE,IAC3G;IAEJ,qBACE,oBAACa;QAAGlB,KAAKA;QAAKmB,MAAMZ;QAAUa,eAAanB;QAAYoB,WAAWf;OAC/DE,mBAAmBK,6BAClB,oBAACS;QAAGD,WAAWnB,WAAWqB,cAAc;QAAEC,OAAOT;QAAaU,cAAYV;QAAaW,OAAM;qBAC3F,oBAACC,cAAMd,WAAW,CAACR,UAAU,IAGhCF,KAAKyB,GAAG,CAAC,CAACC,KAAcC,yBACvB,oBAAClC;YAAqB,GAAGG,KAAK;YAAEgC,KAAKF,IAAIE,GAAG;YAAEF,KAAKA;YAAKC,UAAUA;;AAI1E,GAAG;AAEHjC,gBAAgBmC,WAAW,GAAG"}

package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js

@@ -1,5 +1,7 @@
 import * as React from 'react';
 import { mergeClasses } from '@griffel/react';
+import { motionTokens } from '@fluentui/react-motion';
+import { Fade } from '@fluentui/react-motion-components-preview';
 import { DAYS_IN_WEEK } from '../../utils';
 /**
  * @internal
@@ -24,13 +26,18 @@ import { DAYS_IN_WEEK } from '../../utils';
     }), dayLabels.map((val, index)=>{
         const i = (index + firstDayOfWeek) % DAYS_IN_WEEK;
         const label = strings.days[i];
-        return /*#__PURE__*/ React.createElement("th", {
+        return(// Plain list key, not a `replayKey`: day labels are stable across navigation so the fade
+        // plays once on mount. The only remount is in single-week view, when a label is swapped
+        // for a short month name.
+        /*#__PURE__*/ React.createElement(Fade.In, {
+            key: dayLabels[i] + ' ' + index,
+            duration: motionTokens.durationGentle
+        }, /*#__PURE__*/ React.createElement("th", {
             className: mergeClasses(classNames.dayCell, classNames.weekDayLabelCell),
             scope: "col",
-            key: dayLabels[i] + ' ' + index,
             title: label,
             "aria-label": label,
             tabIndex: allFocusable ? 0 : undefined
-        }, dayLabels[i]);
+        }, dayLabels[i])));
     }));
 };

package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarMonthHeaderRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { DAYS_IN_WEEK } from '../../utils';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\n\n/**\n * @internal\n */\nexport interface CalendarDayMonthHeaderRowProps extends CalendarDayGridProps {\n  weeks: DayInfo[][];\n  classNames: CalendarDayGridStyles;\n}\n\n/**\n * @internal\n */\nexport const CalendarMonthHeaderRow: React.FunctionComponent<CalendarDayMonthHeaderRowProps> = props => {\n  const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;\n  const dayLabels = strings.shortDays.slice();\n\n  let firstOfMonthIndex = -1;\n  const firstWeekOfMonth = weeks![1];\n  for (let i = 0; i < weeks![1].length; i++) {\n    if (firstWeekOfMonth[i].originalDate.getDate() === 1) {\n      firstOfMonthIndex = i;\n      break;\n    }\n  }\n\n  if (weeksToShow === 1 && firstOfMonthIndex >= 0) {\n    // if we only show one week, replace the header with short month name\n    const firstOfMonthIndexOffset = (firstOfMonthIndex + firstDayOfWeek) % DAYS_IN_WEEK;\n    dayLabels[firstOfMonthIndexOffset] = strings.shortMonths[weeks![1][firstOfMonthIndex].originalDate.getMonth()];\n  }\n\n  return (\n    <tr>\n      {showWeekNumbers && <th className={classNames.dayCell} />}\n      {dayLabels.map((val: string, index: number) => {\n        const i = (index + firstDayOfWeek) % DAYS_IN_WEEK;\n        const label = strings.days[i];\n        return (\n          <th\n            className={mergeClasses(classNames.dayCell, classNames.weekDayLabelCell)}\n            scope=\"col\"\n            key={dayLabels[i] + ' ' + index}\n            title={label}\n            aria-label={label}\n            tabIndex={allFocusable ? 0 : undefined}\n          >\n            {dayLabels[i]}\n          </th>\n        );\n      })}\n    </tr>\n  );\n};\n"],"names":["React","mergeClasses","DAYS_IN_WEEK","CalendarMonthHeaderRow","props","showWeekNumbers","strings","firstDayOfWeek","allFocusable","weeksToShow","weeks","classNames","dayLabels","shortDays","slice","firstOfMonthIndex","firstWeekOfMonth","i","length","originalDate","getDate","firstOfMonthIndexOffset","shortMonths","getMonth","tr","th","className","dayCell","map","val","index","label","days","weekDayLabelCell","scope","key","title","aria-label","tabIndex","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,YAAY,QAAQ,cAAc;AAY3C;;CAEC,GACD,OAAO,MAAMC,yBAAkFC,CAAAA;IAC7F,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAEC,WAAW,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGP;IACnG,MAAMQ,YAAYN,QAAQO,SAAS,CAACC,KAAK;IAEzC,IAAIC,oBAAoB,CAAC;IACzB,MAAMC,mBAAmBN,KAAM,CAAC,EAAE;IAClC,IAAK,IAAIO,IAAI,GAAGA,IAAIP,KAAM,CAAC,EAAE,CAACQ,MAAM,EAAED,IAAK;QACzC,IAAID,gBAAgB,CAACC,EAAE,CAACE,YAAY,CAACC,OAAO,OAAO,GAAG;YACpDL,oBAAoBE;YACpB;QACF;IACF;IAEA,IAAIR,gBAAgB,KAAKM,qBAAqB,GAAG;QAC/C,qEAAqE;QACrE,MAAMM,0BAA0B,AAACN,CAAAA,oBAAoBR,cAAa,IAAKL;QACvEU,SAAS,CAACS,wBAAwB,GAAGf,QAAQgB,WAAW,CAACZ,KAAM,CAAC,EAAE,CAACK,kBAAkB,CAACI,YAAY,CAACI,QAAQ,GAAG;IAChH;IAEA,qBACE,oBAACC,YACEnB,iCAAmB,oBAACoB;QAAGC,WAAWf,WAAWgB,OAAO;QACpDf,UAAUgB,GAAG,CAAC,CAACC,KAAaC;QAC3B,MAAMb,IAAI,AAACa,CAAAA,QAAQvB,cAAa,IAAKL;QACrC,MAAM6B,QAAQzB,QAAQ0B,IAAI,CAACf,EAAE;QAC7B,qBACE,oBAACQ;YACCC,WAAWzB,aAAaU,WAAWgB,OAAO,EAAEhB,WAAWsB,gBAAgB;YACvEC,OAAM;YACNC,KAAKvB,SAAS,CAACK,EAAE,GAAG,MAAMa;YAC1BM,OAAOL;YACPM,cAAYN;YACZO,UAAU9B,eAAe,IAAI+B;WAE5B3B,SAAS,CAACK,EAAE;IAGnB;AAGN,EAAE"}
+{"version":3,"sources":["../src/components/CalendarDayGrid/CalendarMonthHeaderRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { motionTokens } from '@fluentui/react-motion';\nimport { Fade } from '@fluentui/react-motion-components-preview';\nimport { DAYS_IN_WEEK } from '../../utils';\nimport type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types';\nimport type { DayInfo } from './CalendarDayGrid';\n\n/**\n * @internal\n */\nexport interface CalendarDayMonthHeaderRowProps extends CalendarDayGridProps {\n  weeks: DayInfo[][];\n  classNames: CalendarDayGridStyles;\n}\n\n/**\n * @internal\n */\nexport const CalendarMonthHeaderRow: React.FunctionComponent<CalendarDayMonthHeaderRowProps> = props => {\n  const { showWeekNumbers, strings, firstDayOfWeek, allFocusable, weeksToShow, weeks, classNames } = props;\n  const dayLabels = strings.shortDays.slice();\n\n  let firstOfMonthIndex = -1;\n  const firstWeekOfMonth = weeks![1];\n  for (let i = 0; i < weeks![1].length; i++) {\n    if (firstWeekOfMonth[i].originalDate.getDate() === 1) {\n      firstOfMonthIndex = i;\n      break;\n    }\n  }\n\n  if (weeksToShow === 1 && firstOfMonthIndex >= 0) {\n    // if we only show one week, replace the header with short month name\n    const firstOfMonthIndexOffset = (firstOfMonthIndex + firstDayOfWeek) % DAYS_IN_WEEK;\n    dayLabels[firstOfMonthIndexOffset] = strings.shortMonths[weeks![1][firstOfMonthIndex].originalDate.getMonth()];\n  }\n\n  return (\n    <tr>\n      {showWeekNumbers && <th className={classNames.dayCell} />}\n      {dayLabels.map((val: string, index: number) => {\n        const i = (index + firstDayOfWeek) % DAYS_IN_WEEK;\n        const label = strings.days[i];\n        return (\n          // Plain list key, not a `replayKey`: day labels are stable across navigation so the fade\n          // plays once on mount. The only remount is in single-week view, when a label is swapped\n          // for a short month name.\n          <Fade.In key={dayLabels[i] + ' ' + index} duration={motionTokens.durationGentle}>\n            <th\n              className={mergeClasses(classNames.dayCell, classNames.weekDayLabelCell)}\n              scope=\"col\"\n              title={label}\n              aria-label={label}\n              tabIndex={allFocusable ? 0 : undefined}\n            >\n              {dayLabels[i]}\n            </th>\n          </Fade.In>\n        );\n      })}\n    </tr>\n  );\n};\n"],"names":["React","mergeClasses","motionTokens","Fade","DAYS_IN_WEEK","CalendarMonthHeaderRow","props","showWeekNumbers","strings","firstDayOfWeek","allFocusable","weeksToShow","weeks","classNames","dayLabels","shortDays","slice","firstOfMonthIndex","firstWeekOfMonth","i","length","originalDate","getDate","firstOfMonthIndexOffset","shortMonths","getMonth","tr","th","className","dayCell","map","val","index","label","days","In","key","duration","durationGentle","weekDayLabelCell","scope","title","aria-label","tabIndex","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,IAAI,QAAQ,4CAA4C;AACjE,SAASC,YAAY,QAAQ,cAAc;AAY3C;;CAEC,GACD,OAAO,MAAMC,yBAAkFC,CAAAA;IAC7F,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,cAAc,EAAEC,YAAY,EAAEC,WAAW,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGP;IACnG,MAAMQ,YAAYN,QAAQO,SAAS,CAACC,KAAK;IAEzC,IAAIC,oBAAoB,CAAC;IACzB,MAAMC,mBAAmBN,KAAM,CAAC,EAAE;IAClC,IAAK,IAAIO,IAAI,GAAGA,IAAIP,KAAM,CAAC,EAAE,CAACQ,MAAM,EAAED,IAAK;QACzC,IAAID,gBAAgB,CAACC,EAAE,CAACE,YAAY,CAACC,OAAO,OAAO,GAAG;YACpDL,oBAAoBE;YACpB;QACF;IACF;IAEA,IAAIR,gBAAgB,KAAKM,qBAAqB,GAAG;QAC/C,qEAAqE;QACrE,MAAMM,0BAA0B,AAACN,CAAAA,oBAAoBR,cAAa,IAAKL;QACvEU,SAAS,CAACS,wBAAwB,GAAGf,QAAQgB,WAAW,CAACZ,KAAM,CAAC,EAAE,CAACK,kBAAkB,CAACI,YAAY,CAACI,QAAQ,GAAG;IAChH;IAEA,qBACE,oBAACC,YACEnB,iCAAmB,oBAACoB;QAAGC,WAAWf,WAAWgB,OAAO;QACpDf,UAAUgB,GAAG,CAAC,CAACC,KAAaC;QAC3B,MAAMb,IAAI,AAACa,CAAAA,QAAQvB,cAAa,IAAKL;QACrC,MAAM6B,QAAQzB,QAAQ0B,IAAI,CAACf,EAAE;QAC7B,OACE,yFAAyF;QACzF,wFAAwF;QACxF,0BAA0B;sBAC1B,oBAAChB,KAAKgC,EAAE;YAACC,KAAKtB,SAAS,CAACK,EAAE,GAAG,MAAMa;YAAOK,UAAUnC,aAAaoC,cAAc;yBAC7E,oBAACX;YACCC,WAAW3B,aAAaY,WAAWgB,OAAO,EAAEhB,WAAW0B,gBAAgB;YACvEC,OAAM;YACNC,OAAOR;YACPS,cAAYT;YACZU,UAAUjC,eAAe,IAAIkC;WAE5B9B,SAAS,CAACK,EAAE;IAIrB;AAGN,EAAE"}

package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js

@@ -2,8 +2,6 @@
 
 import { tokens } from '@fluentui/react-theme';
 import { __styles, mergeClasses, shorthands } from '@griffel/react';
-import { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';
-import { AnimationDirection } from '../Calendar/Calendar.types';
 import { weekCornersClassNames } from './useWeekCornerStyles.styles';
 import { createFocusOutlineStyle } from '@fluentui/react-tabster';
 /**
@@ -279,40 +277,17 @@ const useWeekRowStyles = /*#__PURE__*/__styles({
   base: {
     qhf8xq: "f10pi13n",
     mlyf9c: "f1gazwyt"
-  },
-  animation: {
-    vin17d: "f5f2jbu",
-    Bf5fcs: "fywypte",
-    Ezkn3b: "f1ee2ue"
-  },
-  horizontalBackward: {
-    Bv12yb3: ["f1o9w3l8", "f1kwjajc"]
-  },
-  horizontalForward: {
-    Bv12yb3: ["f1kwjajc", "f1o9w3l8"]
-  },
-  verticalBackward: {
-    Bv12yb3: "fgl3yn7"
-  },
-  verticalForward: {
-    Bv12yb3: "faiu5ye"
   }
 }, {
-  d: [".f10pi13n{position:relative;}", ".f5f2jbu{animation-duration:0.367s;}", ".fywypte{animation-fill-mode:both;}", ".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}", ".f1o9w3l8{animation-name:f5j8bii,f2lgmc3;}", ".f1kwjajc{animation-name:f5j8bii,fpktcv7;}", ".fgl3yn7{animation-name:f5j8bii,f3bv9km;}", ".faiu5ye{animation-name:f5j8bii,funtx0y;}"],
-  w: [".f1gazwyt:focus-within{z-index:1;}"],
-  k: ["@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}", "@keyframes f2lgmc3{from{pointer-events:none;transform:translate3d(-20px, 0, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}", "@keyframes fpktcv7{from{pointer-events:none;transform:translate3d(20px, 0, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}", "@keyframes f3bv9km{from{pointer-events:none;transform:translate3d(0, -20px, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}", "@keyframes funtx0y{from{pointer-events:none;transform:translate3d(0, 20px, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}"]
+  d: [".f10pi13n{position:relative;}"],
+  w: [".f1gazwyt:focus-within{z-index:1;}"]
 });
 const useWeekDayLabelCellStyles = /*#__PURE__*/__styles({
   base: {
-    famaaq: "f1xqy1su",
-    vin17d: "fhsqnsn",
-    Bf5fcs: "fywypte",
-    Bv12yb3: "f1h7u52p",
-    Ezkn3b: "fjq4c94"
+    famaaq: "f1xqy1su"
   }
 }, {
-  d: [".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;user-select:none;}", ".fhsqnsn{animation-duration:0.267s;}", ".fywypte{animation-fill-mode:both;}", ".f1h7u52p{animation-name:f5j8bii;}", ".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}"],
-  k: ["@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}"]
+  d: [".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;user-select:none;}"]
 });
 const useWeekNumberCellStyles = /*#__PURE__*/__styles({
   base: {
@@ -490,48 +465,32 @@ const useDayTodayMarkerStyles = /*#__PURE__*/__styles({
 });
 const useFirstTransitionWeekStyles = /*#__PURE__*/__styles({
   base: {
-    Bqenvij: "fniina8",
     abs64n: "fk73vx1",
     B68tc82: 0,
     Bmxbyg5: 0,
     Bpg54ce: "f1a3p1vp",
-    qhf8xq: "f1euv43f",
-    a9b677: "f3tsq5r"
-  },
-  verticalForward: {
-    vin17d: "f5f2jbu",
-    Bf5fcs: "fywypte",
-    Bv12yb3: "fupj2f5",
-    Ezkn3b: "f1ee2ue"
+    Bkecrkj: "f1aehjj5",
+    qhf8xq: "f1euv43f"
   }
 }, {
-  d: [".fniina8{height:0;}", ".fk73vx1{opacity:0;}", [".f1a3p1vp{overflow:hidden;}", {
+  d: [".fk73vx1{opacity:0;}", [".f1a3p1vp{overflow:hidden;}", {
     p: -1
-  }], ".f1euv43f{position:absolute;}", ".f3tsq5r{width:0;}", ".f5f2jbu{animation-duration:0.367s;}", ".fywypte{animation-fill-mode:both;}", ".fupj2f5{animation-name:f199e34v,f76svrd,f13agkrc;}", ".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}"],
-  k: ["@keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}", "@keyframes f76svrd{from{transform:translate3d(0, 0, 0);}to{transform:translate3d(0, -20px, 0);}}", "@keyframes f13agkrc{100%{height:0px;overflow:hidden;width:0px;}99.9%{height:28px;overflow:visible;width:100%;}0%{height:28px;overflow:visible;width:100%;}}"]
+  }], ".f1aehjj5{pointer-events:none;}", ".f1euv43f{position:absolute;}"]
 });
 const useLastTransitionWeekStyles = /*#__PURE__*/__styles({
   base: {
-    Bqenvij: "fniina8",
     B6of3ja: "flykjtj",
     abs64n: "fk73vx1",
     B68tc82: 0,
     Bmxbyg5: 0,
     Bpg54ce: "f1a3p1vp",
-    qhf8xq: "f1euv43f",
-    a9b677: "f3tsq5r"
-  },
-  verticalBackward: {
-    vin17d: "f5f2jbu",
-    Bf5fcs: "fywypte",
-    Bv12yb3: "fifoktk",
-    Ezkn3b: "f1ee2ue"
+    Bkecrkj: "f1aehjj5",
+    qhf8xq: "f1euv43f"
   }
 }, {
-  d: [".fniina8{height:0;}", ".flykjtj{margin-top:-28px;}", ".fk73vx1{opacity:0;}", [".f1a3p1vp{overflow:hidden;}", {
+  d: [".flykjtj{margin-top:-28px;}", ".fk73vx1{opacity:0;}", [".f1a3p1vp{overflow:hidden;}", {
     p: -1
-  }], ".f1euv43f{position:absolute;}", ".f3tsq5r{width:0;}", ".f5f2jbu{animation-duration:0.367s;}", ".fywypte{animation-fill-mode:both;}", ".fifoktk{animation-name:f199e34v,f18895iq,f13agkrc;}", ".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}"],
-  k: ["@keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}", "@keyframes f18895iq{from{transform:translate3d(0, 0, 0);}to{transform:translate3d(0, 20px, 0);}}", "@keyframes f13agkrc{100%{height:0px;overflow:hidden;width:0px;}99.9%{height:28px;overflow:visible;width:100%;}0%{height:28px;overflow:visible;width:100%;}}"]
+  }], ".f1aehjj5{pointer-events:none;}", ".f1euv43f{position:absolute;}"]
 });
 const useDayMarkerStyles = /*#__PURE__*/__styles({
   base: {
@@ -585,6 +544,7 @@ const useCornerBorderAndRadiusStyles = /*#__PURE__*/__styles({
 export const useCalendarDayGridStyles_unstable = props => {
   'use no memo';
 
+  // justified: compiler would optimize useCalendarDayGridStyles_unstable — manual opt-out to preserve runtime behavior
   const wrapperStyles = useWrapperStyles();
   const tableStyles = useTableStyles();
   const dayCellStyles = useDayCellStyles();
@@ -603,8 +563,6 @@ export const useCalendarDayGridStyles_unstable = props => {
   const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();
   const dayTodayMarkerStyles = useDayTodayMarkerStyles();
   const {
-    animateBackwards,
-    animationDirection,
     lightenDaysOutsideNavigatedMonth,
     showWeekNumbers
   } = props;
@@ -614,15 +572,15 @@ export const useCalendarDayGridStyles_unstable = props => {
     dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),
     daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),
     daySingleSelected: mergeClasses(calendarDayGridClassNames.daySingleSelected, daySingleSelectedStyles.base),
-    weekRow: mergeClasses(calendarDayGridClassNames.weekRow, weekRowStyles.base, animateBackwards !== undefined && weekRowStyles.animation, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),
+    weekRow: mergeClasses(calendarDayGridClassNames.weekRow, weekRowStyles.base),
     weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),
     weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),
     dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),
     dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),
     dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),
     dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),
-    firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),
-    lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),
+    firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base),
+    lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base),
     dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base),
     dayTodayMarker: mergeClasses(calendarDayGridClassNames.dayTodayMarker, dayTodayMarkerStyles.base)
   };

package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","FADE_OUT","SLIDE_DOWN_IN20","SLIDE_DOWN_OUT20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","AnimationDirection","weekCornersClassNames","createFocusOutlineStyle","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","daySingleSelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","dayTodayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","jrapky","Frg6f3","t21cq0","B74szlk","uwmqm3","z189sj","z8tnut","B0ocmuz","By8wz76","B7iucu3","cvlxnx","Bweudez","D35jaw","Ehvor9","B2d49eq","Bup3k99","opggj9","Bcb90bd","Bj67fi1","B2gfgcj","Bg8e59q","oie0zm","mf9vuf","Gyav41","tqq02e","Bua87ti","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bqhya38","Bwxa6fj","Bdhvstf","B7zbvrb","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","p","m","f","i","useDaySelectedStyles","De3pzq","Bcq6wej","Jcjdmf","sc4o1m","Bosien3","B8gzw0y","a3nq4f","Bnf3alp","pdtyat","z6f07v","Bec5aua","h","useDaySingleSelectedStyles","B2ns3jv","Bwxf4zv","Bp8cau8","Buy161k","Bpzqh5e","Fh6yq5","Bjnjwcd","Jh9m0u","k24jl4","yen2pv","isizv9","Fmkg4n","Bksmc0g","ydc5we","g36fg5","xn840g","Bvql7r5","Cmeexk","Brwjcd2","Buxuwzc","Bz06psx","B75pphk","Bkp00lz","B4k9tdm","Ba18yr8","B5fqyig","Bjrn8xn","Bkpapd2","xrravj","z0dzun","useWeekRowStyles","mlyf9c","animation","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","w","k","useWeekDayLabelCellStyles","famaaq","useWeekNumberCellStyles","h3c5rm","vrafjx","Bekrc4i","u1mtju","B7ck84d","Bqenvij","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Bx0yju7","l98f4w","Jwef8y","Btmb5he","gu71dq","B2zomw9","Fgk69s","Bw6eyry","ecr2s2","a","useDayIsTodayStyles","mc9l5x","Brf1p80","Bt984gj","kof2un","useDayTodayMarkerStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","daySingleSelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","dayTodayMarkerStyles","animateBackwards","animationDirection","undefined","Horizontal"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n/**\n * @internal\n */ export const calendarDayGridClassNames = {\n    wrapper: 'fui-CalendarDayGrid__wrapper',\n    table: 'fui-CalendarDayGrid__table',\n    dayCell: 'fui-CalendarDayGrid__dayCell',\n    daySelected: 'fui-CalendarDayGrid__daySelected',\n    daySingleSelected: 'fui-CalendarDayGrid__daySingleSelected',\n    weekRow: 'fui-CalendarDayGrid__weekRow',\n    weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n    weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n    dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n    dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n    dayButton: 'fui-CalendarDayGrid__dayButton',\n    dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n    firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n    lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n    dayMarker: 'fui-CalendarDayGrid__dayMarker',\n    dayTodayMarker: 'fui-CalendarDayGrid__dayTodayMarker'\n};\n/**\n * @internal\n */ export const extraCalendarDayGridClassNames = {\n    hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n    pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = makeStyles({\n    base: {\n        paddingBottom: '10px'\n    }\n});\nconst useTableStyles = makeStyles({\n    base: {\n        borderCollapse: 'collapse',\n        borderSpacing: 0,\n        fontSize: 'inherit',\n        marginTop: '4px',\n        paddingBottom: '10px',\n        position: 'relative',\n        tableLayout: 'fixed',\n        textAlign: 'center',\n        width: '196px'\n    },\n    showWeekNumbers: {\n        width: '226px'\n    }\n});\nconst useDayCellStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1,\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        margin: '0',\n        padding: '2px',\n        position: 'relative',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Window',\n            color: 'WindowText'\n        },\n        [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            '@media (forced-colors: active)': {\n                outline: '1px solid Highlight',\n                zIndex: 3,\n                [`& .${calendarDayGridClassNames.dayTodayMarker}`]: {\n                    backgroundColor: 'Highlight'\n                }\n            }\n        },\n        [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                ...shorthands.borderColor('Highlight'),\n                color: 'Highlight'\n            }\n        }\n    },\n    focusIndicator: createFocusOutlineStyle({\n        style: {\n            outlineWidth: tokens.strokeWidthThick,\n            ...shorthands.borderWidth(tokens.strokeWidthThick)\n        }\n    })\n});\nconst useDaySelectedStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n        color: tokens.colorNeutralForeground1Static,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Highlight',\n            ...shorthands.borderColor('Highlight'),\n            color: 'HighlightText',\n            forcedColorAdjust: 'none'\n        },\n        [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                color: 'HighlightText'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useDaySingleSelectedStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1Static,\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayButton}`]: {\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            borderRadius: tokens.borderRadiusMedium,\n            border: `1px solid ${tokens.colorBrandStroke1}`,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                ...shorthands.borderColor('Highlight'),\n                color: 'HighlightText',\n                forcedColorAdjust: 'none'\n            }\n        }\n    }\n});\nconst useWeekRowStyles = makeStyles({\n    base: {\n        position: 'relative',\n        ':focus-within': {\n            zIndex: 1\n        }\n    },\n    animation: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationTimingFunction: EASING_FUNCTION_1\n    },\n    horizontalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_RIGHT_IN20\n        ]\n    },\n    horizontalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_LEFT_IN20\n        ]\n    },\n    verticalBackward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_DOWN_IN20\n        ]\n    },\n    verticalForward: {\n        animationName: [\n            FADE_IN,\n            SLIDE_UP_IN20\n        ]\n    }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n    base: {\n        userSelect: 'none',\n        animationDuration: DURATION_2,\n        animationFillMode: 'both',\n        animationName: FADE_IN,\n        animationTimingFunction: EASING_FUNCTION_2\n    }\n});\nconst useWeekNumberCellStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralForeground4,\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        height: '28px',\n        margin: '0',\n        padding: '0',\n        width: '28px'\n    }\n});\nconst useDayOutsideBoundsStyles = makeStyles({\n    base: {\n        [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` + `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        },\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n    lightenDaysOutsideNavigatedMonth: {\n        color: tokens.colorNeutralForeground4,\n        fontWeight: tokens.fontWeightRegular,\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        border: 'none',\n        color: 'inherit',\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: 'inherit',\n        height: '24px',\n        lineHeight: '24px',\n        overflow: 'visible',\n        padding: '0',\n        width: '24px',\n        '&span': {\n            height: 'inherit',\n            lineHeight: 'inherit'\n        },\n        ':hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            borderRadius: tokens.borderRadiusMedium\n        },\n        ':active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed\n        }\n    }\n});\nconst useDayIsTodayStyles = makeStyles({\n    base: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        color: tokens.colorNeutralForegroundOnBrand,\n        fontWeight: tokens.fontWeightSemibold,\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            backgroundColor: tokens.colorNeutralForegroundOnBrand,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useDayTodayMarkerStyles = makeStyles({\n    base: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        backgroundColor: tokens.colorBrandBackground,\n        borderRadius: '100%',\n        width: '20px',\n        height: '20px',\n        lineHeight: '20px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            ...shorthands.borderColor('WindowText'),\n            color: 'Window',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useFirstTransitionWeekStyles = makeStyles({\n    base: {\n        height: 0,\n        opacity: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        width: 0\n    },\n    verticalForward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_UP_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\n    }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n    base: {\n        height: 0,\n        marginTop: '-28px',\n        opacity: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        width: 0\n    },\n    verticalBackward: {\n        animationDuration: DURATION_3,\n        animationFillMode: 'both',\n        animationName: [\n            FADE_OUT,\n            SLIDE_DOWN_OUT20,\n            TRANSITION_ROW_DISAPPEARANCE\n        ],\n        animationTimingFunction: EASING_FUNCTION_1\n    }\n});\nconst useDayMarkerStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandForeground2,\n        borderRadius: '100%',\n        bottom: '1px',\n        height: '4px',\n        left: 0,\n        margin: 'auto',\n        position: 'absolute',\n        right: 0,\n        width: '4px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useCornerBorderAndRadiusStyles = makeStyles({\n    corners: {\n        [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n            borderTopRightRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n            borderTopLeftRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n            borderBottomRightRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n            borderBottomLeftRadius: tokens.borderRadiusMedium\n        }\n    }\n});\n/**\n * Apply styling to the CalendarDayGrid slots based on the state\n *\n * @internal\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n    'use no memo';\n    const wrapperStyles = useWrapperStyles();\n    const tableStyles = useTableStyles();\n    const dayCellStyles = useDayCellStyles();\n    const daySelectedStyles = useDaySelectedStyles();\n    const daySingleSelectedStyles = useDaySingleSelectedStyles();\n    const weekRowStyles = useWeekRowStyles();\n    const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n    const weekNumberCellStyles = useWeekNumberCellStyles();\n    const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n    const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n    const dayButtonStyles = useDayButtonStyles();\n    const dayIsTodayStyles = useDayIsTodayStyles();\n    const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n    const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n    const dayMarkerStyles = useDayMarkerStyles();\n    const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n    const dayTodayMarkerStyles = useDayTodayMarkerStyles();\n    const { animateBackwards, animationDirection, lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n    return {\n        wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n        table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n        dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),\n        daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n        daySingleSelected: mergeClasses(calendarDayGridClassNames.daySingleSelected, daySingleSelectedStyles.base),\n        weekRow: mergeClasses(calendarDayGridClassNames.weekRow, weekRowStyles.base, animateBackwards !== undefined && weekRowStyles.animation, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\n        weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n        weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n        dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n        dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n        dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n        dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n        firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n        lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\n        dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base),\n        dayTodayMarker: mergeClasses(calendarDayGridClassNames.dayTodayMarker, dayTodayMarkerStyles.base)\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","weekCornersClassNames","createFocusOutlineStyle","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","daySingleSelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","dayTodayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","jrapky","Frg6f3","t21cq0","B74szlk","uwmqm3","z189sj","z8tnut","B0ocmuz","By8wz76","B7iucu3","cvlxnx","Bweudez","D35jaw","Ehvor9","B2d49eq","Bup3k99","opggj9","Bcb90bd","Bj67fi1","B2gfgcj","Bg8e59q","oie0zm","mf9vuf","Gyav41","tqq02e","Bua87ti","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bqhya38","Bwxa6fj","Bdhvstf","B7zbvrb","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","p","m","f","i","useDaySelectedStyles","De3pzq","Bcq6wej","Jcjdmf","sc4o1m","Bosien3","B8gzw0y","a3nq4f","Bnf3alp","pdtyat","z6f07v","Bec5aua","h","useDaySingleSelectedStyles","B2ns3jv","Bwxf4zv","Bp8cau8","Buy161k","Bpzqh5e","Fh6yq5","Bjnjwcd","Jh9m0u","k24jl4","yen2pv","isizv9","Fmkg4n","Bksmc0g","ydc5we","g36fg5","xn840g","Bvql7r5","Cmeexk","Brwjcd2","Buxuwzc","Bz06psx","B75pphk","Bkp00lz","B4k9tdm","Ba18yr8","B5fqyig","Bjrn8xn","Bkpapd2","xrravj","z0dzun","useWeekRowStyles","mlyf9c","w","useWeekDayLabelCellStyles","famaaq","useWeekNumberCellStyles","h3c5rm","vrafjx","Bekrc4i","u1mtju","B7ck84d","Bqenvij","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Bx0yju7","l98f4w","Jwef8y","Btmb5he","gu71dq","B2zomw9","Fgk69s","Bw6eyry","ecr2s2","a","useDayIsTodayStyles","mc9l5x","Brf1p80","Bt984gj","kof2un","useDayTodayMarkerStyles","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","useFirstTransitionWeekStyles","abs64n","Bkecrkj","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","daySingleSelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","dayTodayMarkerStyles"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["'use client';\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n/**\n * @internal\n */ export const calendarDayGridClassNames = {\n    wrapper: 'fui-CalendarDayGrid__wrapper',\n    table: 'fui-CalendarDayGrid__table',\n    dayCell: 'fui-CalendarDayGrid__dayCell',\n    daySelected: 'fui-CalendarDayGrid__daySelected',\n    daySingleSelected: 'fui-CalendarDayGrid__daySingleSelected',\n    weekRow: 'fui-CalendarDayGrid__weekRow',\n    weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n    weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n    dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n    dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n    dayButton: 'fui-CalendarDayGrid__dayButton',\n    dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n    firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n    lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n    dayMarker: 'fui-CalendarDayGrid__dayMarker',\n    dayTodayMarker: 'fui-CalendarDayGrid__dayTodayMarker'\n};\n/**\n * @internal\n */ export const extraCalendarDayGridClassNames = {\n    hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n    pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = makeStyles({\n    base: {\n        paddingBottom: '10px'\n    }\n});\nconst useTableStyles = makeStyles({\n    base: {\n        borderCollapse: 'collapse',\n        borderSpacing: 0,\n        fontSize: 'inherit',\n        marginTop: '4px',\n        paddingBottom: '10px',\n        position: 'relative',\n        tableLayout: 'fixed',\n        textAlign: 'center',\n        width: '196px'\n    },\n    showWeekNumbers: {\n        width: '226px'\n    }\n});\nconst useDayCellStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1,\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        margin: '0',\n        padding: '2px',\n        position: 'relative',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Window',\n            color: 'WindowText'\n        },\n        [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            '@media (forced-colors: active)': {\n                outline: '1px solid Highlight',\n                zIndex: 3,\n                [`& .${calendarDayGridClassNames.dayTodayMarker}`]: {\n                    backgroundColor: 'Highlight'\n                }\n            }\n        },\n        [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window',\n                ...shorthands.borderColor('Highlight'),\n                color: 'Highlight'\n            }\n        }\n    },\n    focusIndicator: createFocusOutlineStyle({\n        style: {\n            outlineWidth: tokens.strokeWidthThick,\n            ...shorthands.borderWidth(tokens.strokeWidthThick)\n        }\n    })\n});\nconst useDaySelectedStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n        color: tokens.colorNeutralForeground1Static,\n        '@media (forced-colors: active)': {\n            backgroundColor: 'Highlight',\n            ...shorthands.borderColor('Highlight'),\n            color: 'HighlightText',\n            forcedColorAdjust: 'none'\n        },\n        [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            color: tokens.colorNeutralForeground1Static,\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                color: 'HighlightText'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useDaySingleSelectedStyles = makeStyles({\n    base: {\n        color: tokens.colorNeutralForeground1Static,\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        },\n        [`& > .${calendarDayGridClassNames.dayButton}`]: {\n            backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n            borderRadius: tokens.borderRadiusMedium,\n            border: `1px solid ${tokens.colorBrandStroke1}`,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Highlight',\n                ...shorthands.borderColor('Highlight'),\n                color: 'HighlightText',\n                forcedColorAdjust: 'none'\n            }\n        }\n    }\n});\nconst useWeekRowStyles = makeStyles({\n    base: {\n        position: 'relative',\n        ':focus-within': {\n            zIndex: 1\n        }\n    }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n    base: {\n        userSelect: 'none'\n    }\n});\nconst useWeekNumberCellStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        borderRight: `1px solid ${tokens.colorNeutralStroke2}`,\n        boxSizing: 'border-box',\n        color: tokens.colorNeutralForeground4,\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: tokens.fontWeightRegular,\n        height: '28px',\n        margin: '0',\n        padding: '0',\n        width: '28px'\n    }\n});\nconst useDayOutsideBoundsStyles = makeStyles({\n    base: {\n        [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` + `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        },\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n    lightenDaysOutsideNavigatedMonth: {\n        color: tokens.colorNeutralForeground4,\n        fontWeight: tokens.fontWeightRegular,\n        '@media (forced-colors: active)': {\n            color: 'GrayText'\n        }\n    }\n});\nconst useDayButtonStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorTransparentBackground,\n        border: 'none',\n        color: 'inherit',\n        cursor: 'pointer',\n        fontSize: tokens.fontSizeBase200,\n        fontWeight: 'inherit',\n        height: '24px',\n        lineHeight: '24px',\n        overflow: 'visible',\n        padding: '0',\n        width: '24px',\n        '&span': {\n            height: 'inherit',\n            lineHeight: 'inherit'\n        },\n        ':hover': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n            borderRadius: tokens.borderRadiusMedium\n        },\n        ':active': {\n            backgroundColor: tokens.colorBrandBackgroundInvertedPressed\n        }\n    }\n});\nconst useDayIsTodayStyles = makeStyles({\n    base: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        color: tokens.colorNeutralForegroundOnBrand,\n        fontWeight: tokens.fontWeightSemibold,\n        [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n            backgroundColor: tokens.colorNeutralForegroundOnBrand,\n            '@media (forced-colors: active)': {\n                backgroundColor: 'Window'\n            }\n        }\n    }\n});\nconst useDayTodayMarkerStyles = makeStyles({\n    base: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        backgroundColor: tokens.colorBrandBackground,\n        borderRadius: '100%',\n        width: '20px',\n        height: '20px',\n        lineHeight: '20px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            ...shorthands.borderColor('WindowText'),\n            color: 'Window',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useFirstTransitionWeekStyles = makeStyles({\n    base: {\n        // Overlaid out of flow and transparent at rest; `pointerEvents: 'none'` stops the invisible\n        // overlay from intercepting clicks. `TransitionRowSlideOut` fades opacity 1 → 0, ending here.\n        opacity: 0,\n        overflow: 'hidden',\n        pointerEvents: 'none',\n        position: 'absolute'\n    }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n    base: {\n        marginTop: '-28px',\n        opacity: 0,\n        overflow: 'hidden',\n        pointerEvents: 'none',\n        position: 'absolute'\n    }\n});\nconst useDayMarkerStyles = makeStyles({\n    base: {\n        backgroundColor: tokens.colorBrandForeground2,\n        borderRadius: '100%',\n        bottom: '1px',\n        height: '4px',\n        left: 0,\n        margin: 'auto',\n        position: 'absolute',\n        right: 0,\n        width: '4px',\n        '@media (forced-colors: active)': {\n            backgroundColor: 'WindowText',\n            forcedColorAdjust: 'none'\n        }\n    }\n});\nconst useCornerBorderAndRadiusStyles = makeStyles({\n    corners: {\n        [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n            borderTopRightRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n            borderTopLeftRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n            borderBottomRightRadius: tokens.borderRadiusMedium\n        },\n        [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n            borderBottomLeftRadius: tokens.borderRadiusMedium\n        }\n    }\n});\n/**\n * Apply styling to the CalendarDayGrid slots based on the state\n *\n * @internal\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n    'use no memo'; // justified: compiler would optimize useCalendarDayGridStyles_unstable — manual opt-out to preserve runtime behavior\n    const wrapperStyles = useWrapperStyles();\n    const tableStyles = useTableStyles();\n    const dayCellStyles = useDayCellStyles();\n    const daySelectedStyles = useDaySelectedStyles();\n    const daySingleSelectedStyles = useDaySingleSelectedStyles();\n    const weekRowStyles = useWeekRowStyles();\n    const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n    const weekNumberCellStyles = useWeekNumberCellStyles();\n    const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n    const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n    const dayButtonStyles = useDayButtonStyles();\n    const dayIsTodayStyles = useDayIsTodayStyles();\n    const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n    const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n    const dayMarkerStyles = useDayMarkerStyles();\n    const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n    const dayTodayMarkerStyles = useDayTodayMarkerStyles();\n    const { lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n    return {\n        wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n        table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n        dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, dayCellStyles.focusIndicator, cornerBorderAndRadiusStyles.corners),\n        daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n        daySingleSelected: mergeClasses(calendarDayGridClassNames.daySingleSelected, daySingleSelectedStyles.base),\n        weekRow: mergeClasses(calendarDayGridClassNames.weekRow, weekRowStyles.base),\n        weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n        weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n        dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n        dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n        dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n        dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n        firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base),\n        lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base),\n        dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base),\n        dayTodayMarker: mergeClasses(calendarDayGridClassNames.dayTodayMarker, dayTodayMarkerStyles.base)\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,qBAAqB,QAAQ,8BAA8B;AACpE,SAASC,uBAAuB,QAAQ,yBAAyB;AACjE;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAG;EACzCC,OAAO,EAAE,8BAA8B;EACvCC,KAAK,EAAE,4BAA4B;EACnCC,OAAO,EAAE,8BAA8B;EACvCC,WAAW,EAAE,kCAAkC;EAC/CC,iBAAiB,EAAE,wCAAwC;EAC3DC,OAAO,EAAE,8BAA8B;EACvCC,gBAAgB,EAAE,uCAAuC;EACzDC,cAAc,EAAE,qCAAqC;EACrDC,gBAAgB,EAAE,uCAAuC;EACzDC,wBAAwB,EAAE,+CAA+C;EACzEC,SAAS,EAAE,gCAAgC;EAC3CC,UAAU,EAAE,iCAAiC;EAC7CC,mBAAmB,EAAE,0CAA0C;EAC/DC,kBAAkB,EAAE,yCAAyC;EAC7DC,SAAS,EAAE,gCAAgC;EAC3CC,cAAc,EAAE;AACpB,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,8BAA8B,GAAG;EAC9CC,UAAU,EAAE,iCAAiC;EAC7CC,YAAY,EAAE;AAClB,CAAC;AACD,MAAMC,gBAAgB,gBAAGzB,QAAA;EAAA0B,IAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAIxB,CAAC;AACF,MAAMC,cAAc,gBAAG7B,QAAA;EAAA0B,IAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAN,OAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,eAAA;IAAAD,MAAA;EAAA;AAAA;EAAAT,CAAA;AAAA,CAetB,CAAC;AACF,MAAMW,gBAAgB,gBAAGvC,QAAA;EAAA0B,IAAA;IAAAc,MAAA;IAAAC,OAAA;IAAAT,OAAA;IAAAU,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAZ,OAAA;IAAAa,OAAA;IAAAnB,OAAA;IAAAoB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAhB,MAAA;IAAAiB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAjF,CAAA;IAAAkF,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAD,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAwCxB,CAAC;AACF,MAAMC,oBAAoB,gBAAGlH,QAAA;EAAA0B,IAAA;IAAAyF,MAAA;IAAA3E,MAAA;IAAAW,OAAA;IAAAiE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAnE,OAAA;IAAAoE,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAjG,CAAA;EAAAmF,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAe,CAAA;AAAA,CAwB5B,CAAC;AACF,MAAMC,0BAA0B,gBAAG/H,QAAA;EAAA0B,IAAA;IAAAc,MAAA;IAAAqF,OAAA;IAAAG,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAjI,CAAA;IAAAkF,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAoBlC,CAAC;AACF,MAAM+C,gBAAgB,gBAAG9J,QAAA;EAAA0B,IAAA;IAAAQ,MAAA;IAAA6H,MAAA;EAAA;AAAA;EAAAnI,CAAA;EAAAoI,CAAA;AAAA,CAOxB,CAAC;AACF,MAAMC,yBAAyB,gBAAGjK,QAAA;EAAA0B,IAAA;IAAAwI,MAAA;EAAA;AAAA;EAAAtI,CAAA;AAAA,CAIjC,CAAC;AACF,MAAMuI,uBAAuB,gBAAGnK,QAAA;EAAA0B,IAAA;IAAAyF,MAAA;IAAAiD,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAhI,MAAA;IAAAR,OAAA;IAAAU,OAAA;IAAA+H,OAAA;IAAA9H,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAZ,OAAA;IAAAa,OAAA;IAAAnB,OAAA;IAAAoB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAb,MAAA;EAAA;AAAA;EAAAT,CAAA;IAAAkF,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAa/B,CAAC;AACF,MAAM4D,yBAAyB,gBAAG1K,QAAA;EAAA0B,IAAA;IAAAiJ,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAzH,OAAA;EAAA;AAAA;EAAAxB,CAAA;EAAAmF,CAAA;IAAAA,CAAA;EAAA;AAAA,CAWjC,CAAC;AACF,MAAM+D,iCAAiC,gBAAG9K,QAAA;EAAA+K,gCAAA;IAAAvI,MAAA;IAAAE,OAAA;IAAAU,OAAA;EAAA;AAAA;EAAAxB,CAAA;EAAAmF,CAAA;IAAAA,CAAA;EAAA;AAAA,CAQzC,CAAC;AACF,MAAMiE,kBAAkB,gBAAGhL,QAAA;EAAA0B,IAAA;IAAAyF,MAAA;IAAA8D,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAjB,MAAA;IAAAH,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAmB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAArJ,MAAA;IAAAC,OAAA;IAAAT,OAAA;IAAAU,OAAA;IAAA+H,OAAA;IAAAqB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAtK,OAAA;IAAAoB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAb,MAAA;IAAA6J,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAA9K,CAAA;IAAAkF,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAgB,CAAA;IAAAhB,CAAA;EAAA;EAAA6F,CAAA;AAAA,CAyB1B,CAAC;AACF,MAAMC,mBAAmB,gBAAG5M,QAAA;EAAA0B,IAAA;IAAAmL,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAvK,MAAA;IAAAE,OAAA;IAAAsK,MAAA;IAAAnF,OAAA;EAAA;AAAA;EAAAjG,CAAA;EAAAmF,CAAA;IAAAA,CAAA;EAAA;AAAA,CAc3B,CAAC;AACF,MAAMkG,uBAAuB,gBAAGjN,QAAA;EAAA0B,IAAA;IAAAmL,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA5F,MAAA;IAAA+F,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAjL,MAAA;IAAAoI,OAAA;IAAAqB,OAAA;IAAA3I,OAAA;IAAAiE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAnE,OAAA;IAAAoE,OAAA;EAAA;AAAA;EAAA5F,CAAA;IAAAkF,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAiB/B,CAAC;AACF,MAAMwG,4BAA4B,gBAAGvN,QAAA;EAAA0B,IAAA;IAAA8L,MAAA;IAAAzB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAwB,OAAA;IAAAvL,MAAA;EAAA;AAAA;EAAAN,CAAA;IAAAkF,CAAA;EAAA;AAAA,CASpC,CAAC;AACF,MAAM4G,2BAA2B,gBAAG1N,QAAA;EAAA0B,IAAA;IAAAO,OAAA;IAAAuL,MAAA;IAAAzB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAwB,OAAA;IAAAvL,MAAA;EAAA;AAAA;EAAAN,CAAA;IAAAkF,CAAA;EAAA;AAAA,CAQnC,CAAC;AACF,MAAM6G,kBAAkB,gBAAG3N,QAAA;EAAA0B,IAAA;IAAAyF,MAAA;IAAA+F,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAM,OAAA;IAAAnD,OAAA;IAAAoD,MAAA;IAAAlL,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAZ,OAAA;IAAAa,OAAA;IAAAZ,MAAA;IAAA4L,MAAA;IAAAzL,MAAA;IAAAc,OAAA;IAAAqE,OAAA;EAAA;AAAA;EAAA5F,CAAA;IAAAkF,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAgB1B,CAAC;AACF,MAAMgH,8BAA8B,gBAAG/N,QAAA;EAAAgO,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAxM,CAAA;AAAA,CAetC,CAAC;AACF;AACA;AACA;AACA;AACA;AAAI,OAAO,MAAMyM,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,aAAa;;EAAE;EACf,MAAMC,aAAa,GAAG9M,gBAAgB,CAAC,CAAC;EACxC,MAAM+M,WAAW,GAAG3M,cAAc,CAAC,CAAC;EACpC,MAAM4M,aAAa,GAAGlM,gBAAgB,CAAC,CAAC;EACxC,MAAMmM,iBAAiB,GAAGxH,oBAAoB,CAAC,CAAC;EAChD,MAAMyH,uBAAuB,GAAG5G,0BAA0B,CAAC,CAAC;EAC5D,MAAM6G,aAAa,GAAG9E,gBAAgB,CAAC,CAAC;EACxC,MAAM+E,sBAAsB,GAAG5E,yBAAyB,CAAC,CAAC;EAC1D,MAAM6E,oBAAoB,GAAG3E,uBAAuB,CAAC,CAAC;EACtD,MAAM4E,sBAAsB,GAAGrE,yBAAyB,CAAC,CAAC;EAC1D,MAAMsE,8BAA8B,GAAGlE,iCAAiC,CAAC,CAAC;EAC1E,MAAMmE,eAAe,GAAGjE,kBAAkB,CAAC,CAAC;EAC5C,MAAMkE,gBAAgB,GAAGtC,mBAAmB,CAAC,CAAC;EAC9C,MAAMuC,yBAAyB,GAAG5B,4BAA4B,CAAC,CAAC;EAChE,MAAM6B,wBAAwB,GAAG1B,2BAA2B,CAAC,CAAC;EAC9D,MAAM2B,eAAe,GAAG1B,kBAAkB,CAAC,CAAC;EAC5C,MAAM2B,2BAA2B,GAAGvB,8BAA8B,CAAC,CAAC;EACpE,MAAMwB,oBAAoB,GAAGtC,uBAAuB,CAAC,CAAC;EACtD,MAAM;IAAElC,gCAAgC;IAAEzI;EAAgB,CAAC,GAAGgM,KAAK;EACnE,OAAO;IACHhO,OAAO,EAAEL,YAAY,CAACI,yBAAyB,CAACC,OAAO,EAAEiO,aAAa,CAAC7M,IAAI,CAAC;IAC5EnB,KAAK,EAAEN,YAAY,CAACI,yBAAyB,CAACE,KAAK,EAAEiO,WAAW,CAAC9M,IAAI,EAAEY,eAAe,IAAIkM,WAAW,CAAClM,eAAe,CAAC;IACtH9B,OAAO,EAAEP,YAAY,CAACI,yBAAyB,CAACG,OAAO,EAAEiO,aAAa,CAAC/M,IAAI,EAAE+M,aAAa,CAACpK,cAAc,EAAEiL,2BAA2B,CAACtB,OAAO,CAAC;IAC/IvN,WAAW,EAAER,YAAY,CAACI,yBAAyB,CAACI,WAAW,EAAEiO,iBAAiB,CAAChN,IAAI,CAAC;IACxFhB,iBAAiB,EAAET,YAAY,CAACI,yBAAyB,CAACK,iBAAiB,EAAEiO,uBAAuB,CAACjN,IAAI,CAAC;IAC1Gf,OAAO,EAAEV,YAAY,CAACI,yBAAyB,CAACM,OAAO,EAAEiO,aAAa,CAAClN,IAAI,CAAC;IAC5Ed,gBAAgB,EAAEX,YAAY,CAACI,yBAAyB,CAACO,gBAAgB,EAAEiO,sBAAsB,CAACnN,IAAI,CAAC;IACvGb,cAAc,EAAEZ,YAAY,CAACI,yBAAyB,CAACQ,cAAc,EAAEiO,oBAAoB,CAACpN,IAAI,CAAC;IACjGZ,gBAAgB,EAAEb,YAAY,CAACI,yBAAyB,CAACS,gBAAgB,EAAEiO,sBAAsB,CAACrN,IAAI,CAAC;IACvGX,wBAAwB,EAAEd,YAAY,CAACI,yBAAyB,CAACU,wBAAwB,EAAEgK,gCAAgC,IAAIiE,8BAA8B,CAACjE,gCAAgC,CAAC;IAC/L/J,SAAS,EAAEf,YAAY,CAACI,yBAAyB,CAACW,SAAS,EAAEiO,eAAe,CAACvN,IAAI,CAAC;IAClFT,UAAU,EAAEhB,YAAY,CAACI,yBAAyB,CAACY,UAAU,EAAEiO,gBAAgB,CAACxN,IAAI,CAAC;IACrFR,mBAAmB,EAAEjB,YAAY,CAACI,yBAAyB,CAACa,mBAAmB,EAAEiO,yBAAyB,CAACzN,IAAI,CAAC;IAChHP,kBAAkB,EAAElB,YAAY,CAACI,yBAAyB,CAACc,kBAAkB,EAAEiO,wBAAwB,CAAC1N,IAAI,CAAC;IAC7GN,SAAS,EAAEnB,YAAY,CAACI,yBAAyB,CAACe,SAAS,EAAEiO,eAAe,CAAC3N,IAAI,CAAC;IAClFL,cAAc,EAAEpB,YAAY,CAACI,yBAAyB,CAACgB,cAAc,EAAEkO,oBAAoB,CAAC7N,IAAI;EACpG,CAAC;AACL,CAAC","ignoreList":[]}