@oracle/oraclejet-preact 17.1.1 → 17.1.2

package/cjs/{MonthView-f587275e.js.map → MonthView-dea031e2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MonthView-f587275e.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.tsx","../../src/PRIVATE_MonthView/WeekNumberCell.tsx","../../src/PRIVATE_MonthView/MonthView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { formatFullCalendarDate, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useCallback } from 'preact/compat';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useFocusableCell } from '#UNSAFE_DatePicker/useFocusableCell';\nimport { useCellNavigation } from '#UNSAFE_DatePicker/useCellNavigation';\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\n\ntype NavigationDirections =\n  | 'previousDay'\n  | 'nextDay'\n  | 'previousWeek'\n  | 'nextWeek'\n  | 'previousMonth'\n  | 'nextMonth'\n  | 'previousYear'\n  | 'nextYear'\n  | 'firstDayOfMonth'\n  | 'lastDayOfMonth'\n  | 'today';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\n// These are the properties the useDayCell hook takes.\nexport type UseDayCellProps = {\n  /**\n   * Date of the day cell. This will be formatted as a full date and put in the aria-label.\n   */\n  date: CalendarDateRequired;\n  /**\n   * A function that receives a date and returns an object specifying how to format the provided date.\n   * This function is called for each date that is rendered and this can be used to control how individual\n   * dates are rendered - disabled, restricted, or enabled.\n   * @param date The date to format\n   * @returns The format options\n   */\n  dayFormatter?: (date: CalendarDateRequired) => DayFormatOptions;\n  /**\n   * Whether the day cell is in an adjacent month, not the current month.\n   */\n  isAdjacentMonth: boolean;\n  /**\n   * Whether the day cell is disabled, like if it is out of the min/max range.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the day cell is focusable, meaning it will have tabIndex 0.\n   */\n  isFocusable: boolean;\n  /**\n   * Whether the day cell has focus.\n   */\n  isFocused: boolean;\n  /**\n   * Whether the day cell is hidden. For example, days outside of the current month are hidden by default.\n   */\n  isHidden: boolean;\n  /**\n   * Whether the day cell is readonly. It is not activeable.\n   */\n  isReadonly: boolean;\n  /**\n   * Whether the day cell looks selected.\n   */\n  isSelected: boolean;\n  /**\n   * Whether the day cell's date is today.\n   */\n  isToday: boolean;\n  /**\n   * A callback that will be invoked when the user selects the date by clicking on a day cell or selecting the enter or space key on a day cell.\n   * @param payload The payload containing the date represented by this cell.\n   */\n  onAction: (payload: { date: CalendarDateRequired }) => void;\n  /**\n   * A callback that will be invoked when the user navigates.\n   */\n  onNavigation: (detail: { direction: NavigationDirections; date: CalendarDateRequired }) => void;\n};\n\n/**\n * The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.\n * These include the event handlers for keydown and click.\n */\nexport const useDayCell = ({\n  date,\n  dayFormatter = defaultDayFormatter,\n  isAdjacentMonth,\n  isDisabled,\n  isFocusable,\n  isFocused,\n  isHidden,\n  isReadonly,\n  isSelected,\n  isToday,\n  onAction,\n  onNavigation\n}: UseDayCellProps) => {\n  const { locale } = useUser();\n\n  // apply day formatting\n  const { state } = dayFormatter(date);\n  const isDisabledFormat = state === 'disabled';\n  const isRestrictedFormat = state === 'restricted';\n\n  // Focus the day cell with isFocused true when the state updates.\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  // Override onAction to not call it if disabled, readonly or restricted\n  const handleAction: UseDayCellProps['onAction'] = useCallback(\n    (payload) => {\n      if (isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat) return;\n      onAction(payload);\n    },\n    [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]\n  );\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },\n      ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },\n      ArrowDown: 'nextWeek',\n      ArrowUp: 'previousWeek',\n      PageDown: 'nextMonth',\n      PageUp: 'previousMonth',\n      Home: 'firstDayOfMonth',\n      End: 'lastDayOfMonth',\n      ShiftPageDown: 'nextYear',\n      ShiftPageUp: 'previousYear',\n      CtrlAltT: 'today'\n    },\n    payload: { date },\n    onAction: handleAction,\n    onNavigation\n  });\n\n  // For accessibility, we want a full date.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const today = translations.datePicker_today();\n  const selected = translations.datePicker_selected();\n  const restricted = translations.datePicker_restricted();\n\n  const formattedDate = formatFullCalendarDate(locale, date, 'day');\n  let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;\n  ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;\n  ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;\n  const dayOfMonth = toJSDate(date.year, date.month, date.day).getDate().toString();\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      ...((isHidden || isDisabled || isDisabledFormat || isRestrictedFormat) && {\n        'aria-disabled': true\n      }),\n      isActivable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isAdjacentMonth,\n      isDimmed: isDisabled || isDisabledFormat,\n      isHidden,\n      isHoverable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isReadonly,\n      isSelected,\n      isRestricted: isRestrictedFormat,\n      isToday,\n      label: dayOfMonth,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\n  };\n};\n\n/**\n * A default day formatter that always formats as enabled state.\n */\nconst defaultDayFormatter = () => ({ state: 'enabled' }) as DayFormatOptions;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseDayCellProps, useDayCell } from './useDayCell';\nimport { dayCellStyles } from './themes/DayCellStyles.css';\n\ntype PickedUseDayCellProps = Pick<\n  UseDayCellProps,\n  | 'date'\n  | 'dayFormatter'\n  | 'isAdjacentMonth'\n  | 'isDisabled'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isHidden'\n  | 'isReadonly'\n  | 'isSelected'\n  | 'isToday'\n  | 'onAction'\n  | 'onNavigation'\n>;\n\ntype DayCellProps = PickedUseDayCellProps;\n\n/**\n * The DayCell is the cell within the DatePicker's month view that contains the day in the month view.\n * This component will format the date for the aria-label.\n * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.\n */\nexport const DayCell = (props: DayCellProps) => {\n  const { buttonProps } = useDayCell(props);\n  // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states\n  return (\n    <div role=\"gridcell\" class={dayCellStyles}>\n      <StyledDatePickerButton {...buttonProps} />\n    </div>\n  );\n};\n","import { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { CalendarDateRequired, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { weekNumberCellStyles, weekNumberStyles } from './themes/WeekNumberCellStyle.css'; \n\ntype Props = {\n  /**\n   * startDateOfWeek is the first date of the week row\n   */\n  startDateOfWeek: CalendarDateRequired;\n};\n\n/**\n * The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.\n * https://en.wikipedia.org/wiki/ISO_week_date\n * @param date The first date of the week row to be used to calculate the week number\n * @returns the number of week in the year\n */\nconst calculateWeekNumber = (date: CalendarDateRequired) => {\n  const checkDate = toJSDate(date.year, date.month, date.day);\n  const dayNumber = checkDate.getUTCDay();\n\n  // For ISO week, we set the start of the week to Monday\n  if (dayNumber !== 1) {\n    checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n  }\n\n  // Find Thursday (day value of 4) of this week\n  checkDate.setUTCDate(checkDate.getUTCDate() + 3);\n\n  // Create the start of the year date\n  const janFirst = toJSDate(checkDate.getUTCFullYear(), 1, 1);\n\n  return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;\n};\n\n/**\n * The WeekNumberCell is the cell at the start of a week's row within the DatePicker's\n * month view that contains the week's number within the year. This displays when\n * the DatePicker's 'weekDisplay' prop is set to 'number'.\n * This component will format the week number for the aria-label.\n */\nconst WeekNumberCell = ({ startDateOfWeek }: Props) => {\n  const weekNumber = calculateWeekNumber(startDateOfWeek);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  return (\n    <div\n      aria-label={translations.datePicker_weekNum({ NUM: String(weekNumber) })}\n      class={weekNumberCellStyles}\n      role=\"rowheader\">\n      <span class={weekNumberStyles}>{weekNumber}</span>\n    </div>\n  );\n};\n\nexport { WeekNumberCell };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport {\n  getWeeksInMonth,\n  getDatesInWeek,\n  getStartOfWeek,\n  getDaysOfWeekNames,\n  WeekInMonthIndex\n} from '#utils/PRIVATE_dayUtils';\nimport { ComponentProps } from 'preact/compat';\nimport {\n  CalendarDateRequired,\n  formatFullCalendarDate,\n  isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { DayCell } from './DayCell';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport {\n  MonthViewStyles,\n  MonthViewVariantOptions\n} from '#PRIVATE_MonthView/themes/MonthViewStyles.css';\nimport { MonthViewRedwoodTheme } from '#PRIVATE_MonthView/themes/redwood/MonthViewTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { monthViewScaleVars } from '#PRIVATE_MonthView/themes/MonthViewContract.css';\nimport { WeekNumberCell } from './WeekNumberCell';\n\ntype PickedDayCellProps = Pick<\n  ComponentProps<typeof DayCell>,\n  'dayFormatter' | 'onAction' | 'onNavigation'\n>;\n\ntype MonthViewProps = TestIdProps &\n  PickedDayCellProps & {\n    /**\n     * The daysOutsideMonth property affects the day cells that are outside of the current month.\n     * If set to 'hidden', then the days outside of the current month will be hidden.\n     * If set to 'selectable', then the days outside of the current month will be visible and selectable.\n     * This defaults to 'hidden'.\n     */\n    daysOutsideMonth?: 'hidden' | 'selectable';\n    /**\n     * The MonthView renders with the month of the focusableDate.\n     * The focusableDate is the only day in the MonthView that has tabIndex: 0 on it.\n     * The focusableDate doesn't have focus until the user tabs in to the Month View.\n     * The focusableDate is never undefined.\n     */\n    focusableDate: CalendarDateRequired;\n    /**\n     * If set to true, the focusableDate will be focused and you will see the focus ring. It will be\n     * false when no date has focus.\n     * @default false\n     */\n    isFocused?: boolean;\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n    /**\n     * The maximum selectable date. The max must be greater than the min if they are both specified.\n     */\n    max?: CalendarDateRequired;\n    /**\n     * The minimum selectable date. The min must be less than the max if they are both specified.\n     */\n    min?: CalendarDateRequired;\n    /**\n     * The selected date of the MonthView, or undefined is there is no selected date. This\n     * is used to highlight the selected day cell if it is within the min/max range.\n     */\n    selectedDate?: CalendarDateRequired;\n    /**\n     * Today's date. This is used to highlight the Today day cell.\n     */\n    todaysDate: CalendarDateRequired;\n    /**\n     * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n     * ISO 8601 definition: the first week of the year contains the first Thursday of the year.\n     * This means that some days from one year may be placed into weeks 'belonging' to another year.\n     */\n    weekDisplay?: 'none' | 'number';\n  };\n\n/**\n * A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header\n * abbreviations and the days of the month. A MonthView is used inside of a DatePicker\n * along with the DatePickerHeader and the MonthGridView and YearGridView.\n */\nexport const MonthView = ({\n  dayFormatter,\n  daysOutsideMonth = 'hidden',\n  isReadonly = false,\n  max,\n  min,\n  onAction,\n  onNavigation,\n  selectedDate,\n  focusableDate,\n  isFocused = false,\n  testId,\n  todaysDate,\n  weekDisplay = 'none'\n}: MonthViewProps) => {\n  const { locale } = useUser();\n  const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n  const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions, MonthViewStyles>(\n    MonthViewRedwoodTheme,\n    {}\n  );\n  const isWeekNumberDisplayed = weekDisplay === 'number';\n  const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;\n\n  const renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n\n    return (\n      <Grid\n        role=\"row\"\n        aria-hidden=\"true\"\n        gridTemplateColumns={gridTemplateColumns}\n        gap={monthViewScaleVars.columnGap}>\n        {isWeekNumberDisplayed && <div role=\"presentation\" />}\n        {weekDays.map((day) => (\n          <div role=\"columnheader\" class={styles.dayOfTheWeek}>\n            <span>{day}</span>\n          </div>\n        ))}\n      </Grid>\n    );\n  };\n\n  const renderMonthView = () => {\n    const calendarGrid: JSX.Element[] = [];\n\n    for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {\n      const startDateOfWeek = getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);\n\n      const weekDates = getDatesInWeek(\n        weekIndex as WeekInMonthIndex,\n        startDateOfWeek.year,\n        startDateOfWeek.month,\n        startDateOfWeek.day\n      );\n\n      const weekCells = weekDates.map((dayCellDate) => {\n        // This figures out the visual state of the DayCell.\n        const isDisabled = isDateOutOfRange(dayCellDate, min, max);\n\n        // Even if the selected date is out of range, the UX design shows it as selected.\n        const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;\n        const isToday = isSameDate(dayCellDate, todaysDate);\n        const isFocusable = isSameDate(dayCellDate, focusableDate);\n        const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);\n        const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';\n\n        return (\n          <DayCell\n            key={`${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`}\n            date={dayCellDate}\n            dayFormatter={dayFormatter}\n            isAdjacentMonth={isAdjacentMonth}\n            isDisabled={isDisabled}\n            isFocusable={isFocusable}\n            isFocused={isFocusable && isFocused}\n            isHidden={isHidden}\n            isReadonly={isReadonly}\n            isSelected={isSelected}\n            isToday={isToday}\n            onAction={onAction}\n            onNavigation={onNavigation}></DayCell>\n        );\n      });\n\n      calendarGrid.push(\n        <Grid\n          key={weekIndex}\n          role=\"row\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <WeekNumberCell startDateOfWeek={weekDates[0]} />}\n          {weekCells}\n        </Grid>\n      );\n    }\n\n    return calendarGrid;\n  };\n\n  const monthViewAriaLabel = formatFullCalendarDate(locale, focusableDate, 'month');\n  return (\n    <div class={baseTheme}>\n      <Grid\n        gap={monthViewScaleVars.rowGap}\n        aria-label={monthViewAriaLabel}\n        role=\"grid\"\n        testId={testId}>\n        {renderMonthViewHeaderRow()}\n        {renderMonthView()}\n      </Grid>\n    </div>\n  );\n};\n\nfunction isSameDate(date1: CalendarDateRequired, date2: CalendarDateRequired) {\n  return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;\n}\n\nfunction isOutOfMonth(date1: CalendarDateRequired, currentMonthDate: CalendarDateRequired) {\n  return date1.month !== currentMonthDate.month;\n}\n"],"names":["useUser","useFocusableCell","useCallback","useCellNavigation","useTranslationBundle","formatFullCalendarDate","toJSDate","_jsx","dayCellStyles","StyledDatePickerButton","weekNumberCellStyles","weekNumberStyles","getWeeksInMonth","useComponentTheme","MonthViewRedwoodTheme","getDaysOfWeekNames","_jsxs","Grid","monthViewScaleVars","getStartOfWeek","getDatesInWeek","isDateOutOfRange"],"mappings":"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"}
+{"version":3,"file":"MonthView-dea031e2.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.tsx","../../src/PRIVATE_MonthView/WeekNumberCell.tsx","../../src/PRIVATE_MonthView/MonthView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { formatFullCalendarDate, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useCallback } from 'preact/compat';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useFocusableCell } from '#UNSAFE_DatePicker/useFocusableCell';\nimport { useCellNavigation } from '#UNSAFE_DatePicker/useCellNavigation';\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\n\ntype NavigationDirections =\n  | 'previousDay'\n  | 'nextDay'\n  | 'previousWeek'\n  | 'nextWeek'\n  | 'previousMonth'\n  | 'nextMonth'\n  | 'previousYear'\n  | 'nextYear'\n  | 'firstDayOfMonth'\n  | 'lastDayOfMonth'\n  | 'today';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\n// These are the properties the useDayCell hook takes.\nexport type UseDayCellProps = {\n  /**\n   * Date of the day cell. This will be formatted as a full date and put in the aria-label.\n   */\n  date: CalendarDateRequired;\n  /**\n   * A function that receives a date and returns an object specifying how to format the provided date.\n   * This function is called for each date that is rendered and this can be used to control how individual\n   * dates are rendered - disabled, restricted, or enabled.\n   * @param date The date to format\n   * @returns The format options\n   */\n  dayFormatter?: (date: CalendarDateRequired) => DayFormatOptions;\n  /**\n   * Whether the day cell is in an adjacent month, not the current month.\n   */\n  isAdjacentMonth: boolean;\n  /**\n   * Whether the day cell is disabled, like if it is out of the min/max range.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the day cell is focusable, meaning it will have tabIndex 0.\n   */\n  isFocusable: boolean;\n  /**\n   * Whether the day cell has focus.\n   */\n  isFocused: boolean;\n  /**\n   * Whether the day cell is hidden. For example, days outside of the current month are hidden by default.\n   */\n  isHidden: boolean;\n  /**\n   * Whether the day cell is readonly. It is not activeable.\n   */\n  isReadonly: boolean;\n  /**\n   * Whether the day cell looks selected.\n   */\n  isSelected: boolean;\n  /**\n   * Whether the day cell's date is today.\n   */\n  isToday: boolean;\n  /**\n   * A callback that will be invoked when the user selects the date by clicking on a day cell or selecting the enter or space key on a day cell.\n   * @param payload The payload containing the date represented by this cell.\n   */\n  onAction: (payload: { date: CalendarDateRequired }) => void;\n  /**\n   * A callback that will be invoked when the user navigates.\n   */\n  onNavigation: (detail: { direction: NavigationDirections; date: CalendarDateRequired }) => void;\n};\n\n/**\n * The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.\n * These include the event handlers for keydown and click.\n */\nexport const useDayCell = ({\n  date,\n  dayFormatter = defaultDayFormatter,\n  isAdjacentMonth,\n  isDisabled,\n  isFocusable,\n  isFocused,\n  isHidden,\n  isReadonly,\n  isSelected,\n  isToday,\n  onAction,\n  onNavigation\n}: UseDayCellProps) => {\n  const { locale } = useUser();\n\n  // apply day formatting\n  const { state } = dayFormatter(date);\n  const isDisabledFormat = state === 'disabled';\n  const isRestrictedFormat = state === 'restricted';\n\n  // Focus the day cell with isFocused true when the state updates.\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  // Override onAction to not call it if disabled, readonly or restricted\n  const handleAction: UseDayCellProps['onAction'] = useCallback(\n    (payload) => {\n      if (isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat) return;\n      onAction(payload);\n    },\n    [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]\n  );\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },\n      ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },\n      ArrowDown: 'nextWeek',\n      ArrowUp: 'previousWeek',\n      PageDown: 'nextMonth',\n      PageUp: 'previousMonth',\n      Home: 'firstDayOfMonth',\n      End: 'lastDayOfMonth',\n      ShiftPageDown: 'nextYear',\n      ShiftPageUp: 'previousYear',\n      CtrlAltT: 'today'\n    },\n    payload: { date },\n    onAction: handleAction,\n    onNavigation\n  });\n\n  // For accessibility, we want a full date.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const today = translations.datePicker_today();\n  const selected = translations.datePicker_selected();\n  const restricted = translations.datePicker_restricted();\n\n  const formattedDate = formatFullCalendarDate(locale, date, 'day');\n  let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;\n  ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;\n  ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;\n  const dayOfMonth = toJSDate(date.year, date.month, date.day).getDate().toString();\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      ...((isHidden || isDisabled || isDisabledFormat || isRestrictedFormat) && {\n        'aria-disabled': true\n      }),\n      isActivable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isAdjacentMonth,\n      isDimmed: isDisabled || isDisabledFormat,\n      isHidden,\n      isHoverable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isReadonly,\n      isSelected,\n      isRestricted: isRestrictedFormat,\n      isToday,\n      label: dayOfMonth,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\n  };\n};\n\n/**\n * A default day formatter that always formats as enabled state.\n */\nconst defaultDayFormatter = () => ({ state: 'enabled' }) as DayFormatOptions;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseDayCellProps, useDayCell } from './useDayCell';\nimport { dayCellStyles } from './themes/DayCellStyles.css';\n\ntype PickedUseDayCellProps = Pick<\n  UseDayCellProps,\n  | 'date'\n  | 'dayFormatter'\n  | 'isAdjacentMonth'\n  | 'isDisabled'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isHidden'\n  | 'isReadonly'\n  | 'isSelected'\n  | 'isToday'\n  | 'onAction'\n  | 'onNavigation'\n>;\n\ntype DayCellProps = PickedUseDayCellProps;\n\n/**\n * The DayCell is the cell within the DatePicker's month view that contains the day in the month view.\n * This component will format the date for the aria-label.\n * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.\n */\nexport const DayCell = (props: DayCellProps) => {\n  const { buttonProps } = useDayCell(props);\n  // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states\n  return (\n    <div role=\"gridcell\" class={dayCellStyles}>\n      <StyledDatePickerButton {...buttonProps} />\n    </div>\n  );\n};\n","import { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { CalendarDateRequired, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { weekNumberCellStyles, weekNumberStyles } from './themes/WeekNumberCellStyle.css'; \n\ntype Props = {\n  /**\n   * startDateOfWeek is the first date of the week row\n   */\n  startDateOfWeek: CalendarDateRequired;\n};\n\n/**\n * The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.\n * https://en.wikipedia.org/wiki/ISO_week_date\n * @param date The first date of the week row to be used to calculate the week number\n * @returns the number of week in the year\n */\nconst calculateWeekNumber = (date: CalendarDateRequired) => {\n  const checkDate = toJSDate(date.year, date.month, date.day);\n  const dayNumber = checkDate.getUTCDay();\n\n  // For ISO week, we set the start of the week to Monday\n  if (dayNumber !== 1) {\n    checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n  }\n\n  // Find Thursday (day value of 4) of this week\n  checkDate.setUTCDate(checkDate.getUTCDate() + 3);\n\n  // Create the start of the year date\n  const janFirst = toJSDate(checkDate.getUTCFullYear(), 1, 1);\n\n  return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;\n};\n\n/**\n * The WeekNumberCell is the cell at the start of a week's row within the DatePicker's\n * month view that contains the week's number within the year. This displays when\n * the DatePicker's 'weekDisplay' prop is set to 'number'.\n * This component will format the week number for the aria-label.\n */\nconst WeekNumberCell = ({ startDateOfWeek }: Props) => {\n  const weekNumber = calculateWeekNumber(startDateOfWeek);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  return (\n    <div\n      aria-label={translations.datePicker_weekNum({ NUM: String(weekNumber) })}\n      class={weekNumberCellStyles}\n      role=\"rowheader\">\n      <span class={weekNumberStyles}>{weekNumber}</span>\n    </div>\n  );\n};\n\nexport { WeekNumberCell };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport {\n  getWeeksInMonth,\n  getDatesInWeek,\n  getStartOfWeek,\n  getDaysOfWeekNames,\n  WeekInMonthIndex\n} from '#utils/PRIVATE_dayUtils';\nimport { ComponentProps } from 'preact/compat';\nimport {\n  CalendarDateRequired,\n  formatFullCalendarDate,\n  isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { DayCell } from './DayCell';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport {\n  MonthViewStyles,\n  MonthViewVariantOptions\n} from '#PRIVATE_MonthView/themes/MonthViewStyles.css';\nimport { MonthViewRedwoodTheme } from '#PRIVATE_MonthView/themes/redwood/MonthViewTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { monthViewScaleVars } from '#PRIVATE_MonthView/themes/MonthViewContract.css';\nimport { WeekNumberCell } from './WeekNumberCell';\n\ntype PickedDayCellProps = Pick<\n  ComponentProps<typeof DayCell>,\n  'dayFormatter' | 'onAction' | 'onNavigation'\n>;\n\ntype MonthViewProps = TestIdProps &\n  PickedDayCellProps & {\n    /**\n     * The daysOutsideMonth property affects the day cells that are outside of the current month.\n     * If set to 'hidden', then the days outside of the current month will be hidden.\n     * If set to 'selectable', then the days outside of the current month will be visible and selectable.\n     * This defaults to 'hidden'.\n     */\n    daysOutsideMonth?: 'hidden' | 'selectable';\n    /**\n     * The MonthView renders with the month of the focusableDate.\n     * The focusableDate is the only day in the MonthView that has tabIndex: 0 on it.\n     * The focusableDate doesn't have focus until the user tabs in to the Month View.\n     * The focusableDate is never undefined.\n     */\n    focusableDate: CalendarDateRequired;\n    /**\n     * If set to true, the focusableDate will be focused and you will see the focus ring. It will be\n     * false when no date has focus.\n     * @default false\n     */\n    isFocused?: boolean;\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n    /**\n     * The maximum selectable date. The max must be greater than the min if they are both specified.\n     */\n    max?: CalendarDateRequired;\n    /**\n     * The minimum selectable date. The min must be less than the max if they are both specified.\n     */\n    min?: CalendarDateRequired;\n    /**\n     * The selected date of the MonthView, or undefined is there is no selected date. This\n     * is used to highlight the selected day cell if it is within the min/max range.\n     */\n    selectedDate?: CalendarDateRequired;\n    /**\n     * Today's date. This is used to highlight the Today day cell.\n     */\n    todaysDate: CalendarDateRequired;\n    /**\n     * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n     * ISO 8601 definition: the first week of the year contains the first Thursday of the year.\n     * This means that some days from one year may be placed into weeks 'belonging' to another year.\n     */\n    weekDisplay?: 'none' | 'number';\n  };\n\n/**\n * A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header\n * abbreviations and the days of the month. A MonthView is used inside of a DatePicker\n * along with the DatePickerHeader and the MonthGridView and YearGridView.\n */\nexport const MonthView = ({\n  dayFormatter,\n  daysOutsideMonth = 'hidden',\n  isReadonly = false,\n  max,\n  min,\n  onAction,\n  onNavigation,\n  selectedDate,\n  focusableDate,\n  isFocused = false,\n  testId,\n  todaysDate,\n  weekDisplay = 'none'\n}: MonthViewProps) => {\n  const { locale } = useUser();\n  const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n  const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions, MonthViewStyles>(\n    MonthViewRedwoodTheme,\n    {}\n  );\n  const isWeekNumberDisplayed = weekDisplay === 'number';\n  const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;\n\n  const renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n\n    return (\n      <Grid\n        role=\"row\"\n        aria-hidden=\"true\"\n        gridTemplateColumns={gridTemplateColumns}\n        gap={monthViewScaleVars.columnGap}>\n        {isWeekNumberDisplayed && <div role=\"presentation\" />}\n        {weekDays.map((day) => (\n          <div role=\"columnheader\" class={styles.dayOfTheWeek}>\n            <span>{day}</span>\n          </div>\n        ))}\n      </Grid>\n    );\n  };\n\n  const renderMonthView = () => {\n    const calendarGrid: JSX.Element[] = [];\n\n    for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {\n      const startDateOfWeek = getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);\n\n      const weekDates = getDatesInWeek(\n        weekIndex as WeekInMonthIndex,\n        startDateOfWeek.year,\n        startDateOfWeek.month,\n        startDateOfWeek.day\n      );\n\n      const weekCells = weekDates.map((dayCellDate) => {\n        // This figures out the visual state of the DayCell.\n        const isDisabled = isDateOutOfRange(dayCellDate, min, max);\n\n        // Even if the selected date is out of range, the UX design shows it as selected.\n        const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;\n        const isToday = isSameDate(dayCellDate, todaysDate);\n        const isFocusable = isSameDate(dayCellDate, focusableDate);\n        const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);\n        const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';\n\n        return (\n          <DayCell\n            key={`${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`}\n            date={dayCellDate}\n            dayFormatter={dayFormatter}\n            isAdjacentMonth={isAdjacentMonth}\n            isDisabled={isDisabled}\n            isFocusable={isFocusable}\n            isFocused={isFocusable && isFocused}\n            isHidden={isHidden}\n            isReadonly={isReadonly}\n            isSelected={isSelected}\n            isToday={isToday}\n            onAction={onAction}\n            onNavigation={onNavigation}></DayCell>\n        );\n      });\n\n      calendarGrid.push(\n        <Grid\n          key={weekIndex}\n          role=\"row\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <WeekNumberCell startDateOfWeek={weekDates[0]} />}\n          {weekCells}\n        </Grid>\n      );\n    }\n\n    return calendarGrid;\n  };\n\n  const monthViewAriaLabel = formatFullCalendarDate(locale, focusableDate, 'month');\n  return (\n    <div class={baseTheme}>\n      <Grid\n        gap={monthViewScaleVars.rowGap}\n        aria-label={monthViewAriaLabel}\n        role=\"grid\"\n        testId={testId}>\n        {renderMonthViewHeaderRow()}\n        {renderMonthView()}\n      </Grid>\n    </div>\n  );\n};\n\nfunction isSameDate(date1: CalendarDateRequired, date2: CalendarDateRequired) {\n  return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;\n}\n\nfunction isOutOfMonth(date1: CalendarDateRequired, currentMonthDate: CalendarDateRequired) {\n  return date1.month !== currentMonthDate.month;\n}\n"],"names":["useUser","useFocusableCell","useCallback","useCellNavigation","useTranslationBundle","formatFullCalendarDate","toJSDate","_jsx","dayCellStyles","StyledDatePickerButton","weekNumberCellStyles","weekNumberStyles","getWeeksInMonth","useComponentTheme","MonthViewRedwoodTheme","getDaysOfWeekNames","_jsxs","Grid","monthViewScaleVars","getStartOfWeek","getDatesInWeek","isDateOutOfRange"],"mappings":"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"}

package/cjs/NavigationListItem-7550547a.js

@@ -9,19 +9,19 @@ var useId = require('./useId-6c0eeb27.js');
 var UNSAFE_NavigationList_themes_NavigationListStyles_css = require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
 var collectionUtils = require('./collectionUtils-1535080e.js');
 var useCollectionFocusRing = require('./useCollectionFocusRing-ca37785b.js');
-var useCurrentKey = require('./useCurrentKey-821dd4cf.js');
+var useCurrentKey = require('./useCurrentKey-3c1736a2.js');
 var compat = require('preact/compat');
-var useTestId = require('./useTestId-5e6af45d.js');
+var useTestId = require('./useTestId-e267a39d.js');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
 var BaseNavigationListItem = require('./BaseNavigationListItem-4b28f14e.js');
-require('./Flex-e7a85bef.js');
+require('./Flex-ce16a2fa.js');
 require('./logger-2b636482.js');
 require('preact');
-require('./LayerHost-a8c7f182.js');
+require('./LayerHost-7182bfaf.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-80224e2c.js');
+require('./tooltipUtils-7857f698.js');
 
 require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
 

package/cjs/NumberInputText-17d50e9d.js

@@ -11,14 +11,14 @@ var FormFieldContext = require('./FormFieldContext-8418dc68.js');
 var useTextField = require('./useTextField-3ce8f0d0.js');
 var Label = require('./Label-47446013.js');
 var PrefixSuffix = require('./PrefixSuffix-dd79bd7c.js');
-var usePrefixSuffix = require('./usePrefixSuffix-23341de3.js');
+var usePrefixSuffix = require('./usePrefixSuffix-1de3a724.js');
 var clientHints = require('./clientHints-9e411b6e.js');
 var TextFieldInput = require('./TextFieldInput-a2e8dd01.js');
 
 var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-af4ddced.js');
 var StyledTextField = require('./StyledTextField-c9e9ba81.js');
 var TextField = require('./TextField-bb91aeef.js');
-require('./LayerHost-a8c7f182.js');
+require('./LayerHost-7182bfaf.js');
 
 require('./logger-2b636482.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
@@ -31,10 +31,10 @@ var mergeProps = require('./mergeProps-e3da7237.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-80224e2c.js');
+require('./tooltipUtils-7857f698.js');
 require('preact');
 
-require('./Popup-5bf59d47.js');
+require('./Popup-cc742f4a.js');
 
 
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
@@ -48,8 +48,8 @@ var ChevronUp = require('./ChevronUp-e2d7cc67.js');
 var Minus = require('./Minus-7769b56d.js');
 var Plus = require('./Plus-30d41e3f.js');
 var IconButton = require('./IconButton-e120d23e.js');
-var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
-var Grid = require('./Grid-a7316edd.js');
+var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
+var Grid = require('./Grid-b8fadf4a.js');
 var useSpinning = require('./useSpinning-929c5225.js');
 var useSelectableTextField = require('./useSelectableTextField-892b62db.js');
 

package/cjs/OverflowTabBarItem-76059bad.js

@@ -4,15 +4,15 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('preact');
 var hooks = require('preact/hooks');
-var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
+var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
 var clientHints = require('./clientHints-9e411b6e.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var flexitem = require('./flexitem-fee13e26.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var Icon = require('./Icon-0420d662.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
-var Dropdown = require('./Dropdown-4554e9f9.js');
-var Sheet = require('./Sheet-d9371321.js');
+var Dropdown = require('./Dropdown-62cd15ca.js');
+var Sheet = require('./Sheet-1650f94c.js');
 var TabBarItem = require('./TabBarItem-5a7d5d03.js');
 var UNSAFE_TabBarCommon_themes_OverflowTabBarItemStyles_css = require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
 var NavigationListItem = require('./NavigationListItem-7550547a.js');

package/cjs/PRIVATE_BaseCardView.js

@@ -12,14 +12,14 @@ require('./mergeProps-e3da7237.js');
 require('./keys-a4b54295.js');
 require('./collectionUtils-1535080e.js');
 require('./clientHints-9e411b6e.js');
-require('./useCurrentKey-821dd4cf.js');
-require('./useUser-a4bfc560.js');
-require('./LayerHost-a8c7f182.js');
+require('./useCurrentKey-3c1736a2.js');
+require('./useUser-8aaad5a7.js');
+require('./LayerHost-7182bfaf.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
 require('./useCollectionFocusRing-ca37785b.js');
 require('./useTabbableModeSet-bfbdbba0.js');
-require('./useSelection-b45ea7ae.js');
+require('./useSelection-53bc100d.js');
 require('./textSelectionUtils-432ab66b.js');
 
 require('./useReorderableContext-514fa59f.js');
@@ -35,8 +35,8 @@ require('./size-37b7af59.js');
 require('./utils-7c0b6a81.js');
 require('./colorUtils-fe6f2fbf.js');
 require('./_curry1-e8f0d7ea.js');
-require('./useTooltip-f27c5cd0.js');
-require('./useTooltipControlled-31213955.js');
+require('./useTooltip-e96e07ae.js');
+require('./useTooltipControlled-24a9c567.js');
 require('./useId-6c0eeb27.js');
 require('./useHover-c099039f.js');
 require('./useToggle-3ebba7d8.js');
@@ -45,10 +45,10 @@ require('./useTouch-4dec8729.js');
 require('./useAnimation-2f7dd313.js');
 require('./useComponentTheme-082fc8e4.js');
 require('./logger-2b636482.js');
-require('./useTestId-5e6af45d.js');
-require('./useThemeInterpolations-799504a1.js');
-require('./useColorScheme-ce2a88b1.js');
-require('./useScale-a681a5cb.js');
+require('./useTestId-e267a39d.js');
+require('./useThemeInterpolations-67125573.js');
+require('./useColorScheme-e6bef5a4.js');
+require('./useScale-a47864b4.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./mergeInterpolations-6727b536.js');
@@ -64,16 +64,16 @@ require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css.js
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-80224e2c.js');
-require('./EnvironmentProvider-75eb79f3.js');
-require('./LayerManager-2d0b83ac.js');
-require('./Floating-25f4e655.js');
-require('./useFloating-f89e60f9.js');
+require('./tooltipUtils-7857f698.js');
+require('./EnvironmentProvider-bfd5febc.js');
+require('./LayerManager-db087520.js');
+require('./Floating-43033e19.js');
+require('./useFloating-2b73fcfb.js');
 require('./positionUtils-ae9279d7.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-fe4d642b.js');
+require('./useOutsideClick-cc17641a.js');
 require('./arrayUtils-7d8dcfc3.js');
-require('./Layer-06ec1119.js');
+require('./Layer-c0d7bdec.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
 require('./UNSAFE_Floating/themes/redwood/FloatingTheme.js');
@@ -120,16 +120,16 @@ require('./FocusTracker-50bcd9c6.js');
 require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 
 require('./useReorderableItem-bd9f073e.js');
-require('./useTranslationBundle-51f4c22c.js');
+require('./useTranslationBundle-6b0281a9.js');
 require('./dndUtils-21d97036.js');
 require('./hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css.js');
-require('./Grid-a7316edd.js');
+require('./Grid-b8fadf4a.js');
 require('./grid-7c06084e.js');
 require('./boxalignment-5fe0cc94.js');
 
 require('./vanilla-extract-sprinkles-createRuntimeSprinkles.esm-d68f3e0f.js');
 
-require('./Flex-e7a85bef.js');
+require('./Flex-ce16a2fa.js');
 require('./dimensions-10159104.js');
 require('./flexbox-2cae9a01.js');
 

package/cjs/PRIVATE_Chart.js

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Chart = require('./Chart-42a979a7.js');
+var Chart = require('./Chart-4eee682b.js');
 require('preact/jsx-runtime');
 require('./PRIVATE_Chart/themes/ChartStyles.css.js');
 
@@ -18,16 +18,16 @@ require('./colorUtils-fe6f2fbf.js');
 require('./_curry1-e8f0d7ea.js');
 require('./useTextDimensions-0eabedd5.js');
 require('./clientHints-9e411b6e.js');
-require('./useCssVars-bd95e715.js');
-require('./useUser-a4bfc560.js');
-require('./LayerHost-a8c7f182.js');
-require('./Common/themes/redwood/theme.js');
+require('./useCssVars-9bea15a9.js');
+require('./useUser-8aaad5a7.js');
+require('./LayerHost-7182bfaf.js');
 require('preact');
+require('./Common/themes/redwood/theme.js');
 require('preact/compat');
-require('./useTheme-8fb5546b.js');
-require('./useColorScheme-ce2a88b1.js');
-require('./useScale-a681a5cb.js');
-require('./Gridlines-b69b67fb.js');
+require('./useTheme-6cedf9c8.js');
+require('./useColorScheme-e6bef5a4.js');
+require('./useScale-a47864b4.js');
+require('./Gridlines-2dfe546a.js');
 require('./PRIVATE_PlotArea/themes/PlotAreaStyles.css.js');
 
 require('./classNames-c14c6ef3.js');
@@ -60,21 +60,18 @@ require('./stringUtils-4e4a6b2b.js');
 require('./useChartNav-e850e19e.js');
 require('./layoutUtils-56b6111c.js');
 require('./useVisHover-ad36112d.js');
-require('./ScrollBar-dc5cf205.js');
-require('./PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js');
-
-require('./useSelectDrill-46b40346.js');
+require('./useSelectDrill-fef4f69b.js');
 require('./useChartDataCursor-9c0fd81a.js');
 require('./hooks/PRIVATE_useChartDataCursor/themes/DataCursorStyles.css.js');
 
 require('./Marker-8747d07b.js');
 
-require('./useChartDatatip-95ef7e3b.js');
-require('./useDatatip-3d87ecae.js');
-require('./Layer-06ec1119.js');
+require('./useChartDatatip-bbe0ccc2.js');
+require('./useDatatip-36741e5a.js');
+require('./Layer-c0d7bdec.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('./useThemeInterpolations-799504a1.js');
+require('./useThemeInterpolations-67125573.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./mergeInterpolations-6727b536.js');
@@ -82,11 +79,11 @@ require('./mergeDeepWithKey-210b024d.js');
 require('./_curry3-18677bca.js');
 require('./_curry2-c15d89cd.js');
 require('./_isObject-28636267.js');
-require('./Floating-25f4e655.js');
-require('./useFloating-f89e60f9.js');
+require('./Floating-43033e19.js');
+require('./useFloating-2b73fcfb.js');
 require('./positionUtils-ae9279d7.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-fe4d642b.js');
+require('./useOutsideClick-cc17641a.js');
 require('./arrayUtils-7d8dcfc3.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingTheme.js');
 require('./UNSAFE_Floating/themes/FloatingStyles.css.js');
@@ -101,14 +98,14 @@ require('./hooks/PRIVATE_useDatatip/themes/useDatatip.css.js');
 require('./datatipUtils-ed3682ed.js');
 require('./clientUtils-a95299aa.js');
 require('./util-28dd0315.js');
-require('./VisTabularDatatip-eca8aa8f.js');
+require('./VisTabularDatatip-a06f4ca3.js');
 require('./PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css.js');
 
 require('./colorUtils-8e657d89.js');
 require('./useChartDrill-fefe92fb.js');
 require('./useVisDrill-85a74e60.js');
 require('./useDoubleTap-d3937fb6.js');
-require('./useSelection-c2d93034.js');
+require('./useSelection-82cc9108.js');
 require('./BaseButton-ae653e88.js');
 require('./usePress-00deca01.js');
 require('./useHover-c099039f.js');
@@ -122,17 +119,17 @@ require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
 
 require('./UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css.js');
 
-require('./useTestId-5e6af45d.js');
+require('./useTestId-e267a39d.js');
 require('./Text-aaacb6a0.js');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
 
-require('./useTranslationBundle-51f4c22c.js');
+require('./useTranslationBundle-6b0281a9.js');
 require('./hooks/PRIVATE_useVisSelection/themes/ClearSelection.css.js');
 
 require('./cssUtils-85f87580.js');
 require('./useChartContextMenu-1b415a9b.js');
 require('./useContextMenu-0b63c292.js');
-require('./Menu-f3a85f19.js');
+require('./Menu-748e93bd.js');
 require('./MenuItem-45d2edd5.js');
 require('./flexitem-fee13e26.js');
 
@@ -150,11 +147,11 @@ require('./UNSAFE_Menu/themes/MenuStyles.css.js');
 require('./UNSAFE_Menu/themes/DropdownMenuStyles.css.js');
 
 require('./useOutsideMousedown-a8c09ad9.js');
-require('./Sheet-d9371321.js');
-require('./Modal-1c5c46ca.js');
+require('./Sheet-1650f94c.js');
+require('./Modal-3a5d6576.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./WindowOverlay-06408f56.js');
+require('./WindowOverlay-de3bd373.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -178,9 +175,9 @@ require('./UNSAFE_Menu/themes/SheetMenuStyles.css.js');
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-80224e2c.js');
-require('./EnvironmentProvider-75eb79f3.js');
-require('./LayerManager-2d0b83ac.js');
+require('./tooltipUtils-7857f698.js');
+require('./EnvironmentProvider-bfd5febc.js');
+require('./LayerManager-db087520.js');
 
 require('./SelectMenuGroupContext-bbb4f7e0.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
@@ -190,8 +187,8 @@ require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 require('./UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js');
 require('./useContextMenuGesture-5ce14c87.js');
 require('./textSelectionUtils-432ab66b.js');
-require('./useTooltip-f27c5cd0.js');
-require('./useTooltipControlled-31213955.js');
+require('./useTooltip-e96e07ae.js');
+require('./useTooltipControlled-24a9c567.js');
 require('./useFocus-1b288fb9.js');
 require('./useTouch-4dec8729.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
@@ -212,7 +209,7 @@ require('./UNSAFE_ButtonSet/themes/ButtonSetStyles.css.js');
 
 require('./ButtonSetPositionContext-6a358667.js');
 require('./toggleButtonUtils-0da9d88d.js');
-require('./useRovingTabIndexContainer-1e61d935.js');
+require('./useRovingTabIndexContainer-fcf1e77b.js');
 require('./buttonUtils-1f339a8e.js');
 require('./id-86356250.js');
 require('./ButtonSetItem-e6433797.js');
@@ -234,6 +231,9 @@ require('./useButtonSetPositionContext-409e4cd6.js');
 require('./IconToggleButton-2661226f.js');
 require('./useToggleAction-e4f15550.js');
 require('./useVisTouchResponse-fb9c4e8f.js');
+require('./ScrollBar-dc5cf205.js');
+require('./PRIVATE_ChartScrollBar/themes/ScrollBarStyles.css.js');
+
 
 
 

package/cjs/PRIVATE_CheckboxControl.js

@@ -19,16 +19,16 @@ require('./classNames-c14c6ef3.js');
 require('./TabbableModeContext-e99d527e.js');
 require('./useTabbableMode-5c8fd9e5.js');
 require('./useId-6c0eeb27.js');
-require('./useTranslationBundle-51f4c22c.js');
-require('./LayerHost-a8c7f182.js');
+require('./useTranslationBundle-6b0281a9.js');
+require('./LayerHost-7182bfaf.js');
 require('./Common/themes/redwood/theme.js');
 require('./Common/themes/themeContract.css.js');
 
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 require('./vanilla-extract-recipes-createRuntimeFn.esm-d1301b2d.js');
-require('./Flex-e7a85bef.js');
-require('./useTestId-5e6af45d.js');
+require('./Flex-ce16a2fa.js');
+require('./useTestId-e267a39d.js');
 require('./boxalignment-5fe0cc94.js');
 require('./size-37b7af59.js');
 require('./utils-7c0b6a81.js');
@@ -56,21 +56,21 @@ require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
 
-require('./tooltipUtils-80224e2c.js');
-require('./EnvironmentProvider-75eb79f3.js');
-require('./LayerManager-2d0b83ac.js');
-require('./Floating-25f4e655.js');
-require('./useFloating-f89e60f9.js');
-require('./useUser-a4bfc560.js');
+require('./tooltipUtils-7857f698.js');
+require('./EnvironmentProvider-bfd5febc.js');
+require('./LayerManager-db087520.js');
+require('./Floating-43033e19.js');
+require('./useFloating-2b73fcfb.js');
+require('./useUser-8aaad5a7.js');
 require('./positionUtils-ae9279d7.js');
 require('./refUtils-915b985d.js');
-require('./useOutsideClick-fe4d642b.js');
-require('./Layer-06ec1119.js');
+require('./useOutsideClick-cc17641a.js');
+require('./Layer-c0d7bdec.js');
 require('./UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('./useThemeInterpolations-799504a1.js');
-require('./useColorScheme-ce2a88b1.js');
-require('./useScale-a681a5cb.js');
+require('./useThemeInterpolations-67125573.js');
+require('./useColorScheme-e6bef5a4.js');
+require('./useScale-a47864b4.js');
 require('./theme-dfd6a9fe.js');
 require('./Theme-f06687af.js');
 require('./UNSAFE_Floating/themes/redwood/FloatingTheme.js');
@@ -106,8 +106,8 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
-require('./useTooltip-f27c5cd0.js');
-require('./useTooltipControlled-31213955.js');
+require('./useTooltip-e96e07ae.js');
+require('./useTooltipControlled-24a9c567.js');
 require('./useTouch-4dec8729.js');
 require('./useAnimation-2f7dd313.js');
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js');
@@ -127,7 +127,7 @@ require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.j
 require('./FormContext-9452bd30.js');
 require('./FormFieldContext-8418dc68.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./Popup-5bf59d47.js');
+require('./Popup-cc742f4a.js');
 require('./tabbableUtils-ce167710.js');
 require('./head-68d0992f.js');
 require('./_arity-c228159c.js');
@@ -137,10 +137,10 @@ require('./FocusTrap-ccc17432.js');
 require('./FocusTracker-50bcd9c6.js');
 require('./PRIVATE_FocusTracker/themes/FocusTrackerStyles.css.js');
 
-require('./Modal-1c5c46ca.js');
+require('./Modal-3a5d6576.js');
 require('./UNSAFE_Modal/themes/ModalStyles.css.js');
 
-require('./WindowOverlay-06408f56.js');
+require('./WindowOverlay-de3bd373.js');
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/WindowOverlayContract.css.js');
@@ -148,7 +148,7 @@ require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js');
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css.js');
 
 require('./UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js');
-require('./usePopupAnimation-db67ce3c.js');
+require('./usePopupAnimation-c88cbb64.js');
 require('./useAnimationStatus-a3d51709.js');
 require('./popupAnimationUtils-a3dfbdfd.js');
 require('./UNSAFE_Popup/themes/PopupContract.css.js');
@@ -163,7 +163,7 @@ require('./useFocusWithin-eb7f956a.js');
 
 
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
-require('./IconUserAssistance-4728958a.js');
+require('./IconUserAssistance-9cb25135.js');
 require('./Help-24315954.js');
 require('./Icon-0420d662.js');
 require('./UNSAFE_Icon/themes/IconStyle.css.js');