@transferwise/components 0.0.0-experimental-1a3a746 → 0.0.0-experimental-65c6e3a

package/build/index.mjs

@@ -15,10 +15,10 @@ import { useFloating, useDismiss, useRole, useInteractions, FloatingPortal, Floa
 import { FocusScope } from '@react-aria/focus';
 import { usePreventScroll } from '@react-aria/overlays';
 import { CSSTransition } from 'react-transition-group';
-import { isUndefined, isNumber, isEmpty, isNull } from '@transferwise/neptune-validation';
-import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
 import throttle from 'lodash.throttle';
+import { createPortal } from 'react-dom';
+import { isUndefined, isKey, isNumber, isEmpty, isNull } from '@transferwise/neptune-validation';
 import commonmark from 'commonmark';
 import { Flag, Illustration } from '@wise/art';
 import clamp$2 from 'lodash.clamp';
@@ -2665,20 +2665,11 @@ function getDayNames(locale, format = 'short') {
 
 // Makes sure that date is between min and max dates, returns a cloned min or max
 function moveToWithinRange(date, min, max) {
-  if (isWithinRange(date, min, max)) {
-    return date;
-  }
-  if (min && date < min) {
-    return new Date(min);
-  }
-  if (max && date > max) {
-    return new Date(max);
-  }
-  return null;
+  return isWithinRange(date, min, max) ? date : new Date(min && date < min ? +min : +max);
 }
 
 function isWithinRange(date, min, max) {
-  return (!min || date >= min) && (!max || date <= max);
+  return !date || (!min || date >= min) && (!max || date <= max);
 }
 
 const getMonthNames = (locale, format = 'long') => {
@@ -3202,7 +3193,7 @@ var dateTriggerMessages = defineMessages({
 
 const DateTrigger = ({
   selectedDate,
-  size = Size.MEDIUM,
+  size,
   placeholder,
   label,
   monthFormat,
@@ -3214,6 +3205,19 @@ const DateTrigger = ({
     locale,
     formatMessage
   } = useIntl();
+  const handleKeyDown = event => {
+    if (isKey({
+      keyType: 'Space',
+      event: event
+    }) || isKey({
+      keyType: 'Enter',
+      event: event
+    })) {
+      event.stopPropagation();
+      event.preventDefault();
+      onClear();
+    }
+  };
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs("button", {
       className: `btn btn-${size} btn-input np-date-trigger`,
@@ -3250,12 +3254,29 @@ const DateTrigger = ({
             event.stopPropagation();
             event.preventDefault();
             onClear();
-          }
+          },
+          onKeyPress: handleKeyDown
         })
       })]
     }) : null]
   });
 };
+DateTrigger.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  placeholder: PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired,
+  monthFormat: PropTypes.oneOf(['short', 'long']).isRequired,
+  disabled: PropTypes.bool.isRequired,
+  onClick: PropTypes.func,
+  onClear: PropTypes.func
+};
+DateTrigger.defaultProps = {
+  selectedDate: null,
+  size: Size.MEDIUM,
+  onClear: undefined
+};
+var DateTrigger$1 = DateTrigger;
 
 var messages$8 = defineMessages({
   next: {
@@ -3337,6 +3358,18 @@ const DateHeader = ({
     })]
   });
 };
+DateHeader.propTypes = {
+  label: PropTypes.string,
+  onLabelClick: PropTypes.func,
+  onPreviousClick: PropTypes.func.isRequired,
+  onNextClick: PropTypes.func.isRequired,
+  dateMode: PropTypes.string
+};
+DateHeader.defaultProps = {
+  label: null,
+  onLabelClick: () => {}
+};
+var DateHeader$1 = DateHeader;
 
 function getFocusableTime(props) {
   return props.timeSpan.find(time => props.isActive(time)) || props.timeSpan.find(time => props.isNow(time) && !props.isDisabled(time)) || props.timeSpan.find(time => !props.isDisabled(time));
@@ -3422,9 +3455,10 @@ class DayCalendarTable extends PureComponent {
     let week = [];
     const weeks = [];
     let i;
+
     // Pad first week
     for (i = 1; i < firstDayOfMonth; i += 1) {
-      week.push(-1);
+      week.push(false);
     }
     // Fill in days
     for (i = 1; i <= daysInMonth; i += 1) {
@@ -3437,7 +3471,7 @@ class DayCalendarTable extends PureComponent {
     if (week.length > 0) {
       // Pad last week
       for (i = week.length; i < 7; i += 1) {
-        week.push(-1);
+        week.push(false);
       }
       weeks.push(week);
     }
@@ -3492,10 +3526,12 @@ class DayCalendarTable extends PureComponent {
     const {
       viewMonth,
       viewYear,
-      intl
+      intl: {
+        locale
+      }
     } = this.props;
     const weeks = this.getTableStructure();
-    const autoFocusDay = this.getAutofocusDay(weeks);
+    let autoFocusDay = this.getAutofocusDay(weeks, viewMonth, viewYear);
     return /*#__PURE__*/jsxs("table", {
       className: "table table-condensed table-bordered tw-date-lookup-calendar m-b-0",
       children: [/*#__PURE__*/jsx("thead", {
@@ -3521,12 +3557,12 @@ class DayCalendarTable extends PureComponent {
         children: weeks.map((week, weekIndex) => /*#__PURE__*/jsx("tr", {
           children: week.map((day, dayIndex) => /*#__PURE__*/jsx("td", {
             className: dayIndex > 4 ? 'weekend' : '',
-            children: day !== -1 && /*#__PURE__*/jsx(TableLink, {
+            children: day && /*#__PURE__*/jsx(TableLink, {
               item: day,
               type: "day",
-              title: formatDate(new Date(viewYear, viewMonth, day), intl.locale, SHORT_DAY_FORMAT),
+              title: formatDate(new Date(viewYear, viewMonth, day), locale, SHORT_DAY_FORMAT),
               autofocus: day === autoFocusDay,
-              longTitle: formatDate(new Date(viewYear, viewMonth, day), intl.locale),
+              longTitle: formatDate(new Date(viewYear, viewMonth, day), locale),
               active: this.isActive(day),
               disabled: this.isDisabled(day),
               today: this.isToday(day),
@@ -3538,6 +3574,19 @@ class DayCalendarTable extends PureComponent {
     });
   }
 }
+DayCalendarTable.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewMonth: PropTypes.number.isRequired,
+  viewYear: PropTypes.number.isRequired,
+  onSelect: PropTypes.func.isRequired
+};
+DayCalendarTable.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
 var DayCalendarTable$1 = injectIntl(DayCalendarTable);
 
 class DayCalendar extends PureComponent {
@@ -3577,7 +3626,7 @@ class DayCalendar extends PureComponent {
       onSelect
     } = this.props;
     return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(DateHeader, {
+      children: [/*#__PURE__*/jsx(DateHeader$1, {
         label: formatDate(new Date(viewYear, viewMonth), locale, {
           month: monthFormat,
           year: 'numeric'
@@ -3597,6 +3646,22 @@ class DayCalendar extends PureComponent {
     });
   }
 }
+DayCalendar.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewMonth: PropTypes.number.isRequired,
+  viewYear: PropTypes.number.isRequired,
+  monthFormat: PropTypes.oneOf([MonthFormat.LONG, MonthFormat.SHORT]).isRequired,
+  onSelect: PropTypes.func.isRequired,
+  onLabelClick: PropTypes.func.isRequired,
+  onViewDateUpdate: PropTypes.func.isRequired
+};
+DayCalendar.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
 var DayCalendar$1 = injectIntl(DayCalendar);
 
 const ROWS$1 = 3;
@@ -3628,7 +3693,7 @@ const MonthCalendarTable = ({
     });
   };
   const isActive = month => {
-    return !!(selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear());
+    return selectedDate && month === selectedDate.getMonth() && viewYear === selectedDate.getFullYear();
   };
   const isThisMonth = month => {
     return viewYear === new Date().getFullYear() && month === new Date().getMonth();
@@ -3652,23 +3717,33 @@ const MonthCalendarTable = ({
       className: "sr-only",
       children: /*#__PURE__*/jsx("tr", {
         children: /*#__PURE__*/jsx("th", {
-          colSpan: COLS$1,
+          colSpan: "3",
           children: placeholder
         })
       })
     }), /*#__PURE__*/jsx("tbody", {
-      children: Array.from({
-        length: ROWS$1
-      }, (_, rowIndex) => /*#__PURE__*/jsx("tr", {
-        children: Array.from({
-          length: COLS$1
-        }, (_, colIndex) => /*#__PURE__*/jsx("td", {
+      children: [...new Array(ROWS$1)].map((row, rowIndex) => /*#__PURE__*/jsx("tr", {
+        children: [...new Array(COLS$1)].map((col, colIndex) => /*#__PURE__*/jsx("td", {
           children: getLink(rowIndex * COLS$1 + colIndex)
         }, colIndex))
       }, rowIndex))
     })]
   });
 };
+MonthCalendarTable.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewYear: PropTypes.number.isRequired,
+  placeholder: PropTypes.string.isRequired,
+  onSelect: PropTypes.func.isRequired
+};
+MonthCalendarTable.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
+var MonthCalendarTable$1 = MonthCalendarTable;
 
 class MonthCalendar extends PureComponent {
   onMonthSelect = month => {
@@ -3701,7 +3776,7 @@ class MonthCalendar extends PureComponent {
       onLabelClick
     } = this.props;
     return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(DateHeader, {
+      children: [/*#__PURE__*/jsx(DateHeader$1, {
         dateMode: formatMessage(messages$8.year),
         label: formatDate(new Date(viewYear, 0), locale, {
           year: 'numeric'
@@ -3709,17 +3784,32 @@ class MonthCalendar extends PureComponent {
         onLabelClick: onLabelClick,
         onPreviousClick: this.selectPreviousYear,
         onNextClick: this.selectNextYear
-      }), /*#__PURE__*/jsx(MonthCalendarTable, {
-        selectedDate: selectedDate,
-        min: min,
-        max: max,
-        viewYear: viewYear,
-        placeholder: placeholder,
+      }), /*#__PURE__*/jsx(MonthCalendarTable$1, {
+        selectedDate,
+        min,
+        max,
+        viewYear,
+        placeholder,
         onSelect: this.onMonthSelect
       })]
     });
   }
 }
+MonthCalendar.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewYear: PropTypes.number.isRequired,
+  placeholder: PropTypes.string.isRequired,
+  onSelect: PropTypes.func.isRequired,
+  onLabelClick: PropTypes.func.isRequired,
+  onViewDateUpdate: PropTypes.func.isRequired
+};
+MonthCalendar.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
 var MonthCalendar$1 = injectIntl(MonthCalendar);
 
 const ROWS = 5;
@@ -3775,23 +3865,33 @@ const YearCalendarTable = ({
       className: "sr-only",
       children: /*#__PURE__*/jsx("tr", {
         children: /*#__PURE__*/jsx("th", {
-          colSpan: COLS,
+          colSpan: "4",
           children: placeholder
         })
       })
     }), /*#__PURE__*/jsx("tbody", {
-      children: Array.from({
-        length: ROWS
-      }, (_, rowIndex) => /*#__PURE__*/jsx("tr", {
-        children: Array.from({
-          length: COLS
-        }, (_, colIndex) => /*#__PURE__*/jsx("td", {
+      children: [...new Array(ROWS)].map((row, rowIndex) => /*#__PURE__*/jsx("tr", {
+        children: [...new Array(COLS)].map((col, colIndex) => /*#__PURE__*/jsx("td", {
           children: getLink(startYear + rowIndex * COLS + colIndex)
         }, colIndex))
       }, rowIndex))
     })]
   });
 };
+YearCalendarTable.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewYear: PropTypes.number.isRequired,
+  placeholder: PropTypes.string.isRequired,
+  onSelect: PropTypes.func.isRequired
+};
+YearCalendarTable.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
+var YearCalendarTable$1 = YearCalendarTable;
 
 class YearCalendar extends PureComponent {
   onYearSelect = year => {
@@ -3822,21 +3922,35 @@ class YearCalendar extends PureComponent {
       }
     } = this.props;
     return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(DateHeader, {
+      children: [/*#__PURE__*/jsx(DateHeader$1, {
         dateMode: formatMessage(messages$8.twentyYears),
         onPreviousClick: this.selectPreviousYears,
         onNextClick: this.selectNextYears
-      }), /*#__PURE__*/jsx(YearCalendarTable, {
-        selectedDate: selectedDate,
-        min: min,
-        max: max,
-        viewYear: viewYear,
-        placeholder: placeholder || '',
+      }), /*#__PURE__*/jsx(YearCalendarTable$1, {
+        selectedDate,
+        min,
+        max,
+        viewYear,
+        placeholder,
         onSelect: this.onYearSelect
       })]
     });
   }
 }
+YearCalendar.propTypes = {
+  selectedDate: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  viewYear: PropTypes.number.isRequired,
+  placeholder: PropTypes.string.isRequired,
+  onSelect: PropTypes.func.isRequired,
+  onViewDateUpdate: PropTypes.func.isRequired
+};
+YearCalendar.defaultProps = {
+  selectedDate: null,
+  min: null,
+  max: null
+};
 var YearCalendar$1 = injectIntl(YearCalendar);
 
 const MODE = {
@@ -3845,17 +3959,6 @@ const MODE = {
   YEAR: 'year'
 };
 class DateLookup extends PureComponent {
-  static defaultProps = {
-    value: null,
-    min: null,
-    max: null,
-    size: Size.MEDIUM,
-    placeholder: '',
-    label: '',
-    monthFormat: MonthFormat.LONG,
-    disabled: false,
-    clearable: false
-  };
   element = /*#__PURE__*/createRef();
   dropdown = /*#__PURE__*/createRef();
   constructor(props) {
@@ -3863,8 +3966,8 @@ class DateLookup extends PureComponent {
     this.state = {
       selectedDate: getStartOfDay(props.value),
       originalDate: null,
-      min: getStartOfDay(props.min || null),
-      max: getStartOfDay(props.max || null),
+      min: getStartOfDay(props.min),
+      max: getStartOfDay(props.max),
       viewMonth: (props.value || new Date()).getMonth(),
       viewYear: (props.value || new Date()).getFullYear(),
       open: false,
@@ -3874,22 +3977,22 @@ class DateLookup extends PureComponent {
   }
   static getDerivedStateFromProps(props, state) {
     const propsSelected = getStartOfDay(props.value);
-    const propsMin = getStartOfDay(props.min || null);
-    const propsMax = getStartOfDay(props.max || null);
-    const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();
-    const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();
-    const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();
+    const propsMin = getStartOfDay(props.min);
+    const propsMax = getStartOfDay(props.max);
+    const hasSelectedChanged = +state.selectedDate !== +propsSelected;
+    const hasMinChanged = +state.min !== +propsMin;
+    const hasMaxChanged = +state.max !== +propsMax;
     if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {
       const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;
       const min = hasMinChanged ? propsMin : state.min;
       const max = hasMaxChanged ? propsMax : state.max;
-      if (selectedDate && !isWithinRange(selectedDate, min, max)) {
+      // make sure that selected date is within allowed range
+      if (!isWithinRange(selectedDate, min, max)) {
         props.onChange(moveToWithinRange(selectedDate, min, max));
         return null;
       }
-      const viewDateThatIsWithinRange = selectedDate || (min || max) && moveToWithinRange(new Date(), min, max) || new Date();
-      const viewMonth = viewDateThatIsWithinRange.getMonth();
-      const viewYear = viewDateThatIsWithinRange.getFullYear();
+      const viewMonth = (selectedDate || new Date()).getMonth();
+      const viewYear = (selectedDate || new Date()).getFullYear();
       return {
         selectedDate,
         min,
@@ -3901,12 +4004,12 @@ class DateLookup extends PureComponent {
     return null;
   }
   componentDidUpdate(previousProps) {
-    if (this.props.value && previousProps.value && this.props.value.getTime() !== previousProps.value.getTime() && this.state.open) {
+    if (+this.props.value !== +previousProps.value && this.state.open) {
       this.focusOn('.active');
     }
-    const mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);
+    this.mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);
     this.setState({
-      isMobile: mediaQuery.matches
+      isMobile: this.mediaQuery.matches
     });
   }
   componentWillUnmount() {
@@ -4012,15 +4115,13 @@ class DateLookup extends PureComponent {
     } else {
       date = getStartOfDay(new Date());
     }
-    if (date) {
-      date = moveToWithinRange(date, min, max);
-    }
-    if (date?.getTime() !== selectedDate?.getTime()) {
+    date = moveToWithinRange(date, min, max);
+    if (+date !== +selectedDate) {
       this.props.onChange(date);
     }
   };
   focusOn = (preferredElement, fallbackElement) => {
-    const element = this.element.current?.querySelector(preferredElement);
+    const element = this.element.current.querySelector(preferredElement);
     if (element) {
       element.focus();
     } else if (fallbackElement) {
@@ -4074,30 +4175,30 @@ class DateLookup extends PureComponent {
         'p-a-1': !isMobile
       }),
       children: [mode === MODE.DAY && /*#__PURE__*/jsx(DayCalendar$1, {
-        selectedDate: selectedDate,
-        min: min,
-        max: max,
-        viewMonth: viewMonth,
-        viewYear: viewYear,
-        monthFormat: monthFormat,
+        selectedDate,
+        min,
+        max,
+        viewMonth,
+        viewYear,
+        monthFormat,
         onSelect: this.handleSelectedDateUpdate,
         onLabelClick: this.switchToYears,
         onViewDateUpdate: this.handleViewDateUpdate
       }), mode === MODE.MONTH && /*#__PURE__*/jsx(MonthCalendar$1, {
-        selectedDate: selectedDate,
-        min: min,
-        max: max,
-        viewYear: viewYear,
-        placeholder: placeholder || '',
+        selectedDate,
+        min,
+        max,
+        viewYear,
+        placeholder,
         onSelect: this.switchToDays,
         onLabelClick: this.switchToYears,
         onViewDateUpdate: this.handleViewDateUpdate
       }), mode === MODE.YEAR && /*#__PURE__*/jsx(YearCalendar$1, {
-        selectedDate: selectedDate,
-        min: min,
-        max: max,
-        viewYear: viewYear,
-        placeholder: placeholder || '',
+        selectedDate,
+        min,
+        max,
+        viewYear,
+        placeholder,
         onSelect: this.switchToMonths,
         onViewDateUpdate: this.handleViewDateUpdate
       })]
@@ -4123,20 +4224,21 @@ class DateLookup extends PureComponent {
       value
     } = this.props;
     return /*#__PURE__*/jsxs("div", {
+      // eslint-disable-line jsx-a11y/no-static-element-interactions
       ref: this.element,
       id: this.props.id,
       "aria-labelledby": ariaLabelledBy,
       className: "input-group",
       onKeyDown: this.handleKeyDown,
-      children: [/*#__PURE__*/jsx(DateTrigger, {
-        selectedDate: selectedDate,
-        size: size,
-        placeholder: placeholder || '',
-        label: label || '',
-        monthFormat: monthFormat,
-        disabled: disabled || false,
+      children: [/*#__PURE__*/jsx(DateTrigger$1, {
+        selectedDate,
+        size,
+        placeholder,
+        label,
+        monthFormat,
+        disabled,
         onClick: this.open,
-        onClear: !disabled && clearable && value ? this.handleClear : undefined
+        onClear: !disabled && clearable && value ? this.handleClear : null
       }), /*#__PURE__*/jsx(ResponsivePanel$1, {
         anchorRef: this.element,
         open: open,
@@ -4148,6 +4250,36 @@ class DateLookup extends PureComponent {
     });
   }
 }
+DateLookup.propTypes = {
+  id: PropTypes.string,
+  value: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  placeholder: PropTypes.string,
+  label: PropTypes.string,
+  'aria-labelledby': PropTypes.string,
+  monthFormat: PropTypes.oneOf(['long', 'short']),
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  clearable: PropTypes.bool
+};
+DateLookup.defaultProps = {
+  value: null,
+  min: null,
+  max: null,
+  size: Size.MEDIUM,
+  placeholder: '',
+  label: '',
+  monthFormat: MonthFormat.LONG,
+  disabled: false,
+  onFocus: null,
+  onBlur: null,
+  clearable: false
+};
+var DateLookup$1 = DateLookup;
 
 const NavigationOption = /*#__PURE__*/forwardRef(({
   as: component = 'button',
@@ -15007,5 +15139,5 @@ const translations = {
   'zh-HK': zhHK
 };
 
-export { Accordion, ActionButton, ActionOption, Alert$1 as Alert, ArrowPosition as AlertArrowPosition, Avatar, AvatarType, AvatarWrapper, Badge, Card as BaseCard, Body, BottomSheet$2 as BottomSheet, Breakpoint, Button, Card$2 as Card, Checkbox$1 as Checkbox, CheckboxButton$1 as CheckboxButton, CheckboxOption, Chevron, Chip, Chips, CircularButton, ControlType, CriticalCommsBanner, DEFAULT_LANG, DEFAULT_LOCALE, DateInput, DateLookup, DateMode, Decision, DecisionPresentation, DecisionType, DefinitionList$1 as DefinitionList, Dimmer$1 as Dimmer, Direction, DirectionProvider, Display, Drawer$1 as Drawer, DropFade, DynamicFieldDefinitionList$1 as DynamicFieldDefinitionList, Emphasis, FileType, FlowNavigation, Header, Image, Info, InfoPresentation, InlineAlert, Input, InputGroup, InputWithDisplayFormat, InstructionsList, LanguageProvider, Layout, Link, ListItem$1 as ListItem, Loader, Logo$1 as Logo, LogoType, Markdown, MarkdownNodeType, Modal, Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput, Popover$1 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider, RTL_LANGUAGES, Radio, RadioGroup, RadioOption, SUPPORTED_LANGUAGES, Scroll, SearchInput, Section, SegmentedControl, Select, SelectInput, SelectInputOptionContent, SelectInputTriggerButton, Sentiment, Size, SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider, Status, StatusIcon, Stepper, Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat, Theme, Title, Tooltip, Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useScreenSize, useSnackbar };
+export { Accordion, ActionButton, ActionOption, Alert$1 as Alert, ArrowPosition as AlertArrowPosition, Avatar, AvatarType, AvatarWrapper, Badge, Card as BaseCard, Body, BottomSheet$2 as BottomSheet, Breakpoint, Button, Card$2 as Card, Checkbox$1 as Checkbox, CheckboxButton$1 as CheckboxButton, CheckboxOption, Chevron, Chip, Chips, CircularButton, ControlType, CriticalCommsBanner, DEFAULT_LANG, DEFAULT_LOCALE, DateInput, DateLookup$1 as DateLookup, DateMode, Decision, DecisionPresentation, DecisionType, DefinitionList$1 as DefinitionList, Dimmer$1 as Dimmer, Direction, DirectionProvider, Display, Drawer$1 as Drawer, DropFade, DynamicFieldDefinitionList$1 as DynamicFieldDefinitionList, Emphasis, FileType, FlowNavigation, Header, Image, Info, InfoPresentation, InlineAlert, Input, InputGroup, InputWithDisplayFormat, InstructionsList, LanguageProvider, Layout, Link, ListItem$1 as ListItem, Loader, Logo$1 as Logo, LogoType, Markdown, MarkdownNodeType, Modal, Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput, Popover$1 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider, RTL_LANGUAGES, Radio, RadioGroup, RadioOption, SUPPORTED_LANGUAGES, Scroll, SearchInput, Section, SegmentedControl, Select, SelectInput, SelectInputOptionContent, SelectInputTriggerButton, Sentiment, Size, SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider, Status, StatusIcon, Stepper, Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat, Theme, Title, Tooltip, Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useScreenSize, useSnackbar };
 //# sourceMappingURL=index.mjs.map