@cloudscape-design/components-themeable 3.0.56 → 3.0.58

package/lib/internal/scss/calendar/styles.scss

@@ -0,0 +1,170 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+@use '../internal/styles/index' as styles;
+@use '../internal/styles/tokens' as awsui;
+@use '../internal/hooks/focus-visible' as focus-visible;
+@use '../internal/styles/typography/index' as typographyConstants;
+@use './motion';
+
+$calendar-header-color: awsui.$color-text-dropdown-item-default;
+$calendar-grid-border-color: awsui.$color-border-calendar-grid;
+$calendar-grid-day-color: awsui.$color-text-dropdown-item-default;
+$calendar-grid-day-name-color: awsui.$color-text-calendar-month;
+$calendar-grid-disabled-day-color: awsui.$color-text-dropdown-item-disabled;
+$calendar-grid-nonmonth-day-color: awsui.$color-text-dropdown-item-secondary;
+$calendar-grid-hover-background-color: awsui.$color-background-dropdown-item-hover;
+$calendar-grid-hover-border-color: awsui.$color-border-dropdown-item-hover;
+$calendar-grid-today-background-color: awsui.$color-background-calendar-today;
+$calendar-grid-selected-background-color: awsui.$color-background-dropdown-item-selected;
+$calendar-grid-selected-border-color: awsui.$color-border-dropdown-item-selected;
+$calendar-grid-border: 1px solid $calendar-grid-border-color;
+
+.root {
+  /* used in test-utils */
+}
+
+.calendar {
+  display: block;
+  // IE11 does not calculate the height correctly when in nested flex containers (@see https://github.com/philipwalton/flexbugs#flexbug-3)
+  width: 234px;
+  overflow: auto;
+
+  &-inner {
+    margin: awsui.$space-xs;
+  }
+
+  &-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  &-header-month {
+    @include styles.font-body-m;
+    font-weight: typographyConstants.$font-weight-bold;
+    color: $calendar-header-color;
+  }
+
+  &-next-month-btn {
+    /* used for identifying element */
+  }
+
+  &-prev-month-btn {
+    /* used for identifying element */
+  }
+
+  &-day-names {
+    display: flex;
+    justify-content: stretch;
+  }
+
+  &-day-name {
+    flex: 1 1 0%;
+    width: 0;
+    word-break: break-word;
+    text-align: center;
+    padding: awsui.$space-s 0 awsui.$space-xxs;
+    color: $calendar-grid-day-name-color;
+    @include styles.font-body-s;
+  }
+
+  &-dates {
+    border: $calendar-grid-border;
+  }
+  &-week {
+    display: flex;
+    justify-content: stretch;
+  }
+
+  &-day {
+    flex: 1 1 0%;
+    width: 0;
+    word-break: break-word;
+    text-align: center;
+    border-bottom: $calendar-grid-border;
+    border-right: $calendar-grid-border;
+    border-radius: awsui.$border-radius-item;
+    padding: awsui.$space-xxs 0;
+    color: $calendar-grid-disabled-day-color;
+    position: relative;
+
+    &:last-child {
+      border-right: none;
+    }
+
+    &-in-last-week {
+      border-bottom: none;
+    }
+
+    &-focusable {
+      /* used for identifying element */
+    }
+
+    &-enabled {
+      cursor: pointer;
+      color: $calendar-grid-nonmonth-day-color;
+
+      &.calendar-day-current-month {
+        color: $calendar-grid-day-color;
+        &:hover {
+          color: awsui.$color-text-calendar-day-hover;
+          background-color: $calendar-grid-hover-background-color;
+          &:not(.calendar-day-selected) {
+            &::after {
+              border: awsui.$border-item-width solid $calendar-grid-hover-border-color;
+              border-radius: awsui.$border-radius-item;
+            }
+          }
+        }
+      }
+    }
+
+    &-today {
+      background-color: $calendar-grid-today-background-color;
+    }
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: -1px;
+      left: -1px;
+      bottom: -1px;
+      right: -1px;
+      background-color: transparent;
+    }
+    > .day-inner {
+      position: relative;
+      z-index: 1;
+    }
+
+    &:focus {
+      outline: none;
+      @include styles.focus-highlight(
+        awsui.$space-calendar-grid-focus-outline-gutter,
+        awsui.$border-radius-calendar-day-focus-ring
+      );
+      &::before {
+        z-index: 2;
+      }
+    }
+
+    &-selected {
+      border-color: transparent;
+      position: relative;
+      &::after {
+        background-color: $calendar-grid-selected-background-color;
+        border: awsui.$border-item-width solid $calendar-grid-selected-border-color;
+        border-radius: awsui.$border-radius-item;
+      }
+      > .day-inner {
+        color: awsui.$color-text-calendar-day-selected;
+        position: relative;
+      }
+    }
+  }
+
+  @include styles.styles-reset;
+}

package/lib/internal/scss/date-picker/styles.scss

@@ -7,25 +7,24 @@
 @use '../internal/styles/tokens' as awsui;
 @use '../internal/hooks/focus-visible' as focus-visible;
 @use '../internal/styles/typography/index' as typographyConstants;
-@use './motion';
-
-$calendar-header-color: awsui.$color-text-dropdown-item-default;
-$calendar-grid-border-color: awsui.$color-border-calendar-grid;
-$calendar-grid-day-color: awsui.$color-text-dropdown-item-default;
-$calendar-grid-day-name-color: awsui.$color-text-calendar-month;
-$calendar-grid-disabled-day-color: awsui.$color-text-dropdown-item-disabled;
-$calendar-grid-nonmonth-day-color: awsui.$color-text-dropdown-item-secondary;
-$calendar-grid-hover-background-color: awsui.$color-background-dropdown-item-hover;
-$calendar-grid-hover-border-color: awsui.$color-border-dropdown-item-hover;
-$calendar-grid-today-background-color: awsui.$color-background-calendar-today;
-$calendar-grid-selected-background-color: awsui.$color-background-dropdown-item-selected;
-$calendar-grid-selected-border-color: awsui.$color-border-dropdown-item-selected;
-$calendar-grid-border: 1px solid $calendar-grid-border-color;
 
 .root {
   @include styles.styles-reset;
 }
 
+.calendar {
+  &:focus {
+    outline: none;
+  }
+  @include focus-visible.when-visible {
+    @include styles.container-focus(awsui.$border-radius-dropdown);
+  }
+}
+
+.screenreader-only {
+  @include styles.awsui-util-hide;
+}
+
 .date-picker-container {
   position: relative;
   max-width: 234px;
@@ -43,152 +42,3 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
 .open-calendar-button {
   /* used in test-utils */
 }
-
-.calendar {
-  display: block;
-  // IE11 does not calculate the height correctly when in nested flex containers (@see https://github.com/philipwalton/flexbugs#flexbug-3)
-  width: 234px;
-  overflow: auto;
-  &:focus {
-    outline: none;
-  }
-
-  &-inner {
-    margin: awsui.$space-xs;
-  }
-
-  &-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  &-header-month {
-    @include styles.font-body-m;
-    font-weight: typographyConstants.$font-weight-bold;
-    color: $calendar-header-color;
-  }
-
-  &-next-month-btn {
-    /* used for identifying element */
-  }
-
-  &-prev-month-btn {
-    /* used for identifying element */
-  }
-
-  &-day-names {
-    display: flex;
-    justify-content: stretch;
-  }
-
-  &-day-name {
-    flex: 1 1 0%;
-    width: 0;
-    word-break: break-word;
-    text-align: center;
-    padding: awsui.$space-s 0 awsui.$space-xxs;
-    color: $calendar-grid-day-name-color;
-    @include styles.font-body-s;
-  }
-
-  &-dates {
-    border: $calendar-grid-border;
-  }
-  &-week {
-    display: flex;
-    justify-content: stretch;
-  }
-
-  &-day {
-    flex: 1 1 0%;
-    width: 0;
-    word-break: break-word;
-    text-align: center;
-    border-bottom: $calendar-grid-border;
-    border-right: $calendar-grid-border;
-    border-radius: awsui.$border-radius-item;
-    padding: awsui.$space-xxs 0;
-    color: $calendar-grid-disabled-day-color;
-    position: relative;
-
-    &:last-child {
-      border-right: none;
-    }
-
-    &-in-last-week {
-      border-bottom: none;
-    }
-
-    &-focusable {
-      /* used for identifying element */
-    }
-
-    &-enabled {
-      cursor: pointer;
-      color: $calendar-grid-nonmonth-day-color;
-
-      &.calendar-day-current-month {
-        color: $calendar-grid-day-color;
-        &:hover {
-          color: awsui.$color-text-calendar-day-hover;
-          background-color: $calendar-grid-hover-background-color;
-          &:not(.calendar-day-selected) {
-            &::after {
-              border: awsui.$border-item-width solid $calendar-grid-hover-border-color;
-              border-radius: awsui.$border-radius-item;
-            }
-          }
-        }
-      }
-    }
-
-    &-today {
-      background-color: $calendar-grid-today-background-color;
-    }
-
-    &::after {
-      content: '';
-      position: absolute;
-      top: -1px;
-      left: -1px;
-      bottom: -1px;
-      right: -1px;
-      background-color: transparent;
-    }
-    > .day-inner {
-      position: relative;
-      z-index: 1;
-    }
-
-    &:focus {
-      outline: none;
-      @include styles.focus-highlight(
-        awsui.$space-calendar-grid-focus-outline-gutter,
-        awsui.$border-radius-calendar-day-focus-ring
-      );
-      &::before {
-        z-index: 2;
-      }
-    }
-
-    &-selected {
-      border-color: transparent;
-      position: relative;
-      &::after {
-        background-color: $calendar-grid-selected-background-color;
-        border: awsui.$border-item-width solid $calendar-grid-selected-border-color;
-        border-radius: awsui.$border-radius-item;
-      }
-      > .day-inner {
-        color: awsui.$color-text-calendar-day-selected;
-        position: relative;
-      }
-    }
-  }
-
-  @include styles.styles-reset;
-  @include focus-visible.when-visible {
-    @include styles.container-focus(awsui.$border-radius-dropdown);
-  }
-}

package/lib/internal/template/{date-picker/calendar → calendar}/grid/day/index.d.ts

@@ -1,4 +1,4 @@
-import { DatePickerProps } from '../../../interfaces';
+import { DatePickerProps } from '../../../date-picker/interfaces';
 interface GridDayProps {
     locale: string;
     baseDate: Date;

package/lib/internal/template/calendar/grid/day/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/grid/day/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKlE,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACtD,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,OAAO,0HAUV,YAAY,gBAwCd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/internal/template/{date-picker/calendar → calendar}/grid/day/index.js

@@ -2,7 +2,7 @@ import { __assign } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
-import styles from '../../../styles.css.js';
+import styles from '../../styles.css.js';
 import { isSameDay, isSameMonth } from 'date-fns';
 import { getDateLabel } from '../../utils/intl';
 import clsx from 'clsx';

package/lib/internal/template/calendar/grid/day/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/calendar/grid/day/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AAcxB,IAAM,OAAO,GAAG,UAAC,EAUF;;QATb,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,gBAAgB,sBAAA;IAEhB,IAAM,MAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAC5C,IAAM,WAAW,GAAG,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAClE,IAAM,UAAU,GAAG,CAAC,CAAC,YAAY,IAAI,SAAS,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IACnE,IAAM,SAAS,GAAG,CAAC,aAAa,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IACxD,IAAM,eAAe,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;IACpD,IAAM,kBAAkB,GAAyC,EAAE,CAAC;IACpE,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;QAC5C,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,gBAAgB;QACvD,GAAC,MAAM,CAAC,4BAA4B,CAAC,IAAG,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC;QACnE,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,SAAS;QAC3C,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,UAAU;QAC7C,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,eAAe;QAC/C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,WAAW,IAAI,SAAS;YAC5D,CAAC;IAEH,IAAI,UAAU,EAAE;QACd,kBAAkB,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;KAC7C;IAED,IAAI,eAAe,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KAC7B;IAED,IAAI,SAAS,EAAE;QACb,kBAAkB,CAAC,OAAO,GAAG,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC;QACtD,kBAAkB,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;KAClC;SAAM;QACL,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;KAC5C;IAED,IAAI,WAAW,IAAI,SAAS,EAAE;QAC5B,kBAAkB,CAAC,QAAQ,GAAG,CAAC,CAAC;KACjC;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,UAAU,gBAAc,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,QAAQ,IAAK,kBAAkB;QAC7F,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,IAAG,IAAI,CAAC,OAAO,EAAE,CAAQ,CACzD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../../styles.css.js';\nimport { DatePickerProps } from '../../../date-picker/interfaces';\nimport { isSameDay, isSameMonth } from 'date-fns';\nimport { getDateLabel } from '../../utils/intl';\nimport clsx from 'clsx';\n\ninterface GridDayProps {\n  locale: string;\n  baseDate: Date;\n  date: Date;\n  selectedDate?: Date | null;\n  focusedDate: Date | null;\n  isDateEnabled?: DatePickerProps.IsDateEnabledFunction;\n  todayAriaLabel: string;\n  onSelectDate: (date: Date) => void;\n  isDateInLastWeek: boolean;\n}\n\nconst GridDay = ({\n  locale,\n  baseDate,\n  date,\n  selectedDate,\n  focusedDate,\n  isDateEnabled,\n  todayAriaLabel,\n  onSelectDate,\n  isDateInLastWeek,\n}: GridDayProps) => {\n  const labels = [getDateLabel(locale, date)];\n  const isFocusable = !!focusedDate && isSameDay(date, focusedDate);\n  const isSelected = !!selectedDate && isSameDay(date, selectedDate);\n  const isEnabled = !isDateEnabled || isDateEnabled(date);\n  const isDateOnSameDay = isSameDay(date, new Date());\n  const computedAttributes: React.HTMLAttributes<HTMLDivElement> = {};\n  const classNames = clsx(styles['calendar-day'], {\n    [styles['calendar-day-in-last-week']]: isDateInLastWeek,\n    [styles['calendar-day-current-month']]: isSameMonth(date, baseDate),\n    [styles['calendar-day-enabled']]: isEnabled,\n    [styles['calendar-day-selected']]: isSelected,\n    [styles['calendar-day-today']]: isDateOnSameDay,\n    [styles['calendar-day-focusable']]: isFocusable && isEnabled,\n  });\n\n  if (isSelected) {\n    computedAttributes['aria-current'] = 'date';\n  }\n\n  if (isDateOnSameDay) {\n    labels.push(todayAriaLabel);\n  }\n\n  if (isEnabled) {\n    computedAttributes.onClick = () => onSelectDate(date);\n    computedAttributes.tabIndex = -1;\n  } else {\n    computedAttributes['aria-disabled'] = true;\n  }\n\n  if (isFocusable && isEnabled) {\n    computedAttributes.tabIndex = 0;\n  }\n\n  return (\n    <div className={classNames} aria-label={labels.join('. ')} role=\"button\" {...computedAttributes}>\n      <span className={styles['day-inner']}>{date.getDate()}</span>\n    </div>\n  );\n};\n\nexport default GridDay;\n"]}

package/lib/internal/template/{date-picker/calendar → calendar}/grid/index.d.ts

@@ -1,6 +1,6 @@
-import { DayIndex } from '../index';
+import { DayIndex } from '../internal';
 import { MoveFocusHandler } from '../utils/move-focus-handler';
-import { DatePickerProps } from '../../interfaces';
+import { DatePickerProps } from '../../date-picker/interfaces';
 export interface GridProps {
     locale: string;
     baseDate: Date;

package/lib/internal/template/calendar/grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/grid/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAI/D,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACrD,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,eAAe,EAAE,gBAAgB,CAAC;CACnC;AAED,QAAA,MAAM,IAAI,4JAYP,SAAS,gBAoFX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/internal/template/{date-picker/calendar → calendar}/grid/index.js

@@ -1,9 +1,9 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { useMemo } from 'react';
-import styles from '../../styles.css.js';
+import styles from '../styles.css.js';
 import GridDay from './day';
-import { KeyCode } from '../../../internal/keycode';
+import { KeyCode } from '../../internal/keycode';
 import { addDays, addWeeks, isSameMonth } from 'date-fns';
 import { getCalendarMonth } from 'mnth';
 import rotateDayIndexes from '../utils/rotate-day-indexes';

package/lib/internal/template/calendar/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/grid/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\nimport styles from '../styles.css.js';\nimport GridDay from './day';\nimport { KeyCode } from '../../internal/keycode';\nimport { addDays, addWeeks, isSameMonth } from 'date-fns';\nimport { getCalendarMonth } from 'mnth';\nimport { DayIndex } from '../internal';\nimport { MoveFocusHandler } from '../utils/move-focus-handler';\nimport { DatePickerProps } from '../../date-picker/interfaces';\nimport rotateDayIndexes from '../utils/rotate-day-indexes';\nimport { renderDayName } from '../utils/intl';\n\nexport interface GridProps {\n  locale: string;\n  baseDate: Date;\n  isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n  focusedDate: Date | null;\n  onSelectDate: (date: Date) => void;\n  onFocusDate: (date: null | Date) => void;\n  onChangeMonth: (date: Date) => void;\n  startOfWeek: DayIndex;\n  todayAriaLabel: string;\n  selectedDate: Date | null;\n  handleFocusMove: MoveFocusHandler;\n}\n\nconst Grid = ({\n  locale,\n  baseDate,\n  isDateEnabled,\n  focusedDate,\n  onSelectDate,\n  onFocusDate,\n  onChangeMonth,\n  startOfWeek,\n  todayAriaLabel,\n  selectedDate,\n  handleFocusMove,\n}: GridProps) => {\n  const onGridKeyDownHandler = (event: React.KeyboardEvent) => {\n    let updatedFocusDate;\n\n    if (focusedDate === null) {\n      return;\n    }\n\n    switch (event.keyCode) {\n      case KeyCode.enter:\n        event.preventDefault();\n        if (focusedDate) {\n          onFocusDate(null);\n          onSelectDate(focusedDate);\n        }\n        return;\n      case KeyCode.right:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addDays(date, 1));\n        break;\n      case KeyCode.left:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addDays(date, -1));\n        break;\n      case KeyCode.up:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addWeeks(date, -1));\n        break;\n      case KeyCode.down:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addWeeks(date, 1));\n        break;\n      default:\n        return;\n    }\n\n    if (!isSameMonth(updatedFocusDate, baseDate)) {\n      onChangeMonth(updatedFocusDate);\n    }\n    onFocusDate(updatedFocusDate);\n  };\n\n  const weeks = useMemo<Date[][]>(\n    () => getCalendarMonth(baseDate, { firstDayOfWeek: startOfWeek }),\n    [baseDate, startOfWeek]\n  );\n\n  return (\n    <div>\n      <div className={styles['calendar-day-names']}>\n        {rotateDayIndexes(startOfWeek).map(i => (\n          <div key={`day-name-${i}`} className={styles['calendar-day-name']}>\n            {renderDayName(locale, i)}\n          </div>\n        ))}\n      </div>\n      <div className={styles['calendar-dates']} onKeyDown={onGridKeyDownHandler}>\n        {weeks.map((week, weekIndex) => {\n          const isDateInLastWeek = weeks.length - 1 === weekIndex;\n\n          return (\n            <div key={`week-${weekIndex}`} className={styles['calendar-week']}>\n              {week.map((date, dateIndex) => {\n                return (\n                  <GridDay\n                    key={`date-${weekIndex}-${dateIndex}`}\n                    locale={locale}\n                    baseDate={baseDate}\n                    selectedDate={selectedDate}\n                    date={date}\n                    focusedDate={focusedDate}\n                    todayAriaLabel={todayAriaLabel}\n                    onSelectDate={date => onSelectDate(date)}\n                    isDateEnabled={isDateEnabled}\n                    isDateInLastWeek={isDateInLastWeek}\n                  />\n                );\n              })}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default Grid;\n"]}

package/lib/internal/template/calendar/header/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/header/button/index.tsx"],"names":[],"mappings":"AAQA,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,QAAA,MAAM,YAAY,6CAA8C,iBAAiB,gBAoBhF,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/internal/template/{date-picker/calendar → calendar}/header/button/index.js

@@ -2,8 +2,8 @@ import { __assign } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
-import { InternalButton } from '../../../../button/internal';
-import styles from '../../../styles.css.js';
+import { InternalButton } from '../../../button/internal';
+import styles from '../../styles.css.js';
 var HeaderButton = function (_a) {
     var ariaLabel = _a.ariaLabel, isPrevious = _a.isPrevious, onChangeMonth = _a.onChangeMonth;
     var iconName = isPrevious ? 'angle-left' : 'angle-right';

package/lib/internal/template/calendar/header/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/calendar/header/button/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAQzC,IAAM,YAAY,GAAG,UAAC,EAA2D;QAAzD,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,aAAa,mBAAA;IAC1D,IAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;IAC3D,IAAM,oBAAoB,GAA4C;QACpE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,yBAAyB,CAAC;KAC9F,CAAC;IAEF,IAAM,OAAO,GAAoD,UAAA,CAAC;QAChE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,eACT,oBAAoB,IACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,IAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { CancelableEventHandler } from '../../../internal/events';\nimport { ButtonProps } from '../../../button/interfaces';\nimport { InternalButton } from '../../../button/internal';\nimport styles from '../../styles.css.js';\n\ninterface HeaderButtonProps {\n  ariaLabel: string;\n  isPrevious: boolean;\n  onChangeMonth: (isPrevious: boolean) => void;\n}\n\nconst HeaderButton = ({ ariaLabel, isPrevious, onChangeMonth }: HeaderButtonProps) => {\n  const iconName = isPrevious ? 'angle-left' : 'angle-right';\n  const additionalAttributes: React.HTMLAttributes<HTMLButtonElement> = {\n    className: isPrevious ? styles['calendar-prev-month-btn'] : styles['calendar-next-month-btn'],\n  };\n\n  const onClick: CancelableEventHandler<ButtonProps.ClickDetail> = e => {\n    e.preventDefault();\n    onChangeMonth(isPrevious);\n  };\n\n  return (\n    <InternalButton\n      {...additionalAttributes}\n      iconName={iconName}\n      ariaLabel={ariaLabel}\n      variant={'icon'}\n      onClick={onClick}\n    />\n  );\n};\n\nexport default HeaderButton;\n"]}

package/lib/internal/template/{date-picker/calendar → calendar}/header/index.d.ts

@@ -1,11 +1,10 @@
 interface CalendarHeaderProps {
-    headerId: string;
     baseDate: Date;
     locale: string;
     onChangeMonth: (prev?: boolean) => void;
     previousMonthLabel: string;
     nextMonthLabel: string;
 }
-declare const CalendarHeader: ({ headerId, baseDate, locale, onChangeMonth, previousMonthLabel, nextMonthLabel, }: CalendarHeaderProps) => JSX.Element;
+declare const CalendarHeader: ({ baseDate, locale, onChangeMonth, previousMonthLabel, nextMonthLabel, }: CalendarHeaderProps) => JSX.Element;
 export default CalendarHeader;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/calendar/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/header/index.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,IAAI,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,6EAMjB,mBAAmB,gBAQrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/internal/template/{date-picker/calendar → calendar}/header/index.js

@@ -1,14 +1,14 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
-import styles from '../../styles.css.js';
+import styles from '../styles.css.js';
 import { renderMonthAndYear } from '../utils/intl';
 import HeaderButton from './button';
 var CalendarHeader = function (_a) {
-    var headerId = _a.headerId, baseDate = _a.baseDate, locale = _a.locale, onChangeMonth = _a.onChangeMonth, previousMonthLabel = _a.previousMonthLabel, nextMonthLabel = _a.nextMonthLabel;
+    var baseDate = _a.baseDate, locale = _a.locale, onChangeMonth = _a.onChangeMonth, previousMonthLabel = _a.previousMonthLabel, nextMonthLabel = _a.nextMonthLabel;
     return (React.createElement("div", { className: styles['calendar-header'] },
         React.createElement(HeaderButton, { ariaLabel: previousMonthLabel, isPrevious: true, onChangeMonth: onChangeMonth }),
-        React.createElement("div", { className: styles['calendar-header-month'], id: headerId, "aria-live": "polite" }, renderMonthAndYear(locale, baseDate)),
+        React.createElement("div", { className: styles['calendar-header-month'] }, renderMonthAndYear(locale, baseDate)),
         React.createElement(HeaderButton, { ariaLabel: nextMonthLabel, isPrevious: false, onChangeMonth: onChangeMonth })));
 };
 export default CalendarHeader;

package/lib/internal/template/calendar/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/header/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,YAAY,MAAM,UAAU,CAAC;AAUpC,IAAM,cAAc,GAAG,UAAC,EAMF;QALpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,cAAc,oBAAA;IAEd,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;QACvC,oBAAC,YAAY,IAAC,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,GAAI;QAC/F,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAAG,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAO;QAC7F,oBAAC,YAAY,IAAC,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI,CACxF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\nimport { renderMonthAndYear } from '../utils/intl';\nimport HeaderButton from './button';\n\ninterface CalendarHeaderProps {\n  baseDate: Date;\n  locale: string;\n  onChangeMonth: (prev?: boolean) => void;\n  previousMonthLabel: string;\n  nextMonthLabel: string;\n}\n\nconst CalendarHeader = ({\n  baseDate,\n  locale,\n  onChangeMonth,\n  previousMonthLabel,\n  nextMonthLabel,\n}: CalendarHeaderProps) => {\n  return (\n    <div className={styles['calendar-header']}>\n      <HeaderButton ariaLabel={previousMonthLabel} isPrevious={true} onChangeMonth={onChangeMonth} />\n      <div className={styles['calendar-header-month']}>{renderMonthAndYear(locale, baseDate)}</div>\n      <HeaderButton ariaLabel={nextMonthLabel} isPrevious={false} onChangeMonth={onChangeMonth} />\n    </div>\n  );\n};\n\nexport default CalendarHeader;\n"]}

package/lib/internal/template/calendar/index.d.ts

@@ -0,0 +1,4 @@
+import { CalendarProps } from './interfaces';
+export { CalendarProps };
+export default function Calendar({ locale, isDateEnabled, ...props }: CalendarProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,MAAW,EAAE,aAA0B,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,eAGpG"}

package/lib/internal/template/calendar/index.js

@@ -0,0 +1,14 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import useBaseComponent from '../internal/hooks/use-base-component';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import InternalCalendar from './internal';
+export default function Calendar(_a) {
+    var _b = _a.locale, locale = _b === void 0 ? '' : _b, _c = _a.isDateEnabled, isDateEnabled = _c === void 0 ? function () { return true; } : _c, props = __rest(_a, ["locale", "isDateEnabled"]);
+    var baseComponentProps = useBaseComponent('Calendar');
+    return React.createElement(InternalCalendar, __assign({}, props, baseComponentProps, { locale: locale, isDateEnabled: isDateEnabled }));
+}
+applyDisplayName(Calendar, 'Calendar');
+//# sourceMappingURL=index.js.map

package/lib/internal/template/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/calendar/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAI1C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAoE;IAAlE,IAAA,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,qBAA0B,EAA1B,aAAa,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA,EAAK,KAAK,cAAnD,2BAAqD,CAAF;IAClF,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxD,OAAO,oBAAC,gBAAgB,eAAK,KAAK,EAAM,kBAAkB,IAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,IAAI,CAAC;AAC/G,CAAC;AAED,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { CalendarProps } from './interfaces';\nimport InternalCalendar from './internal';\n\nexport { CalendarProps };\n\nexport default function Calendar({ locale = '', isDateEnabled = () => true, ...props }: CalendarProps) {\n  const baseComponentProps = useBaseComponent('Calendar');\n  return <InternalCalendar {...props} {...baseComponentProps} locale={locale} isDateEnabled={isDateEnabled} />;\n}\n\napplyDisplayName(Calendar, 'Calendar');\n"]}

package/lib/internal/template/calendar/interfaces.d.ts

@@ -0,0 +1,56 @@
+import { NonCancelableEventHandler } from '../internal/events';
+export interface CalendarProps {
+    /**
+     * The current input value, in YYYY-MM-DD format.
+     */
+    value: string;
+    /**
+     * Defines whether a particular date is enabled in the calendar or not.
+     * If you disable a date in the calendar, users can still enter this date using a keyboard.
+     * We recommend that you also validate these constraints on the client-side and server-side
+     * as you would for other form elements.
+     * @param date
+     */
+    isDateEnabled?: CalendarProps.IsDateEnabledFunction;
+    /**
+     * Specifies the locale to use to render month names and determine the starting day of the week.
+     * If you don't provide this, the locale is determined by the page and browser locales.
+     * Supported values and formats are listed in the
+     * [JavaScript Intl API specification](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation).
+     */
+    locale?: string;
+    /**
+     * Determines the starting day of the week. The values 0-6 map to Sunday-Saturday.
+     * By default the starting day of the week is defined by the locale, but you can use this property to override it.
+     */
+    startOfWeek?: number;
+    /**
+     * Used as part of the `aria-label` for today's date in the calendar.
+     */
+    todayAriaLabel: string;
+    /**
+     * Specifies an `aria-label` for the 'next month' button.
+     */
+    nextMonthAriaLabel: string;
+    /**
+     * Specifies an `aria-label` for the 'previous month' button.
+     */
+    previousMonthAriaLabel: string;
+    /**
+     * Called whenever a user changes the input value (by typing, pasting, or selecting a value).
+     * The event `detail` contains the current value of the field.
+     */
+    onChange?: NonCancelableEventHandler<CalendarProps.ChangeDetail>;
+}
+export declare namespace CalendarProps {
+    interface ChangeDetail {
+        /**
+         * The new value of this component.
+         */
+        value: string;
+    }
+    interface IsDateEnabledFunction {
+        (date: Date): boolean;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/calendar/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/calendar/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC;IAEpD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,sBAAsB,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,YAAY;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,qBAAqB;QACpC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;KACvB;CACF"}

package/lib/internal/template/calendar/interfaces.js

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export {};
+//# sourceMappingURL=interfaces.js.map

package/lib/internal/template/calendar/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/calendar/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface CalendarProps {\n  /**\n   * The current input value, in YYYY-MM-DD format.\n   */\n  value: string;\n\n  /**\n   * Defines whether a particular date is enabled in the calendar or not.\n   * If you disable a date in the calendar, users can still enter this date using a keyboard.\n   * We recommend that you also validate these constraints on the client-side and server-side\n   * as you would for other form elements.\n   * @param date\n   */\n  isDateEnabled?: CalendarProps.IsDateEnabledFunction;\n\n  /**\n   * Specifies the locale to use to render month names and determine the starting day of the week.\n   * If you don't provide this, the locale is determined by the page and browser locales.\n   * Supported values and formats are listed in the\n   * [JavaScript Intl API specification](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation).\n   */\n  locale?: string;\n\n  /**\n   * Determines the starting day of the week. The values 0-6 map to Sunday-Saturday.\n   * By default the starting day of the week is defined by the locale, but you can use this property to override it.\n   */\n  startOfWeek?: number;\n\n  /**\n   * Used as part of the `aria-label` for today's date in the calendar.\n   */\n  todayAriaLabel: string;\n\n  /**\n   * Specifies an `aria-label` for the 'next month' button.\n   */\n  nextMonthAriaLabel: string;\n\n  /**\n   * Specifies an `aria-label` for the 'previous month' button.\n   */\n  previousMonthAriaLabel: string;\n\n  /**\n   * Called whenever a user changes the input value (by typing, pasting, or selecting a value).\n   * The event `detail` contains the current value of the field.\n   */\n  onChange?: NonCancelableEventHandler<CalendarProps.ChangeDetail>;\n}\n\nexport namespace CalendarProps {\n  export interface ChangeDetail {\n    /**\n     * The new value of this component.\n     */\n    value: string;\n  }\n\n  export interface IsDateEnabledFunction {\n    (date: Date): boolean;\n  }\n}\n"]}

package/lib/internal/template/calendar/internal.d.ts

@@ -0,0 +1,4 @@
+import { CalendarProps } from './interfaces.js';
+export declare type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export default function Calendar({ value, locale, startOfWeek, isDateEnabled, todayAriaLabel, nextMonthAriaLabel, previousMonthAriaLabel, onChange, }: CalendarProps): JSX.Element;
+//# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/calendar/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/calendar/internal.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,oBAAY,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,MAAW,EACX,WAAW,EACX,aAA0B,EAC1B,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACtB,QAAQ,GACT,EAAE,aAAa,eAkHf"}