@transferwise/components 0.0.0-experimental-9b30760 → 0.0.0-experimental-683a8ba

package/build/index.esm.js

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { forwardRef, cloneElement, useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect, createContext, useContext, createElement, Component, PureComponent, createRef, isValidElement, Children, Fragment as Fragment$1 } from 'react';
+import React__default, { forwardRef, cloneElement, useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect, createContext, useContext, createElement, Component, PureComponent, createRef, Children, Fragment as Fragment$1 } from 'react';
 import { useId } from '@radix-ui/react-id';
 import { ChevronUp, CrossCircleFill, Cross, NavigateAway, Check, Info as Info$1, Alert as Alert$2, ClockBorderless, CheckCircle, InfoCircle, Warning, CrossCircle, Clock, Briefcase, Person, ArrowLeft, QuestionMarkCircle, AlertCircle, Search, ChevronDown, CheckCircleFill, ArrowRight, Download, ClockFill, Upload as Upload$2, Document, Plus, PlusCircle, AlertCircleFill } from '@transferwise/icons';
 import { defineMessages, useIntl, injectIntl, IntlProvider } from 'react-intl';
@@ -816,7 +816,7 @@ const StatusIcon = ({
   });
 };
 
-function logActionRequired$1(message) {
+function logActionRequired$2(message) {
   if (['development', 'test'].includes(process?.env?.NODE_ENV)) {
     // eslint-disable-next-line no-console
     console.warn(message);
@@ -824,7 +824,7 @@ function logActionRequired$1(message) {
 }
 function logActionRequiredIf(message, conditional) {
   if (conditional) {
-    logActionRequired$1(message);
+    logActionRequired$2(message);
   }
 }
 
@@ -855,7 +855,7 @@ const deprecated = (validator, {
 }) => (props, propertyName, ...rest) => {
   const newPropertyMessage = newProperty ? `Please use ${newProperty} instead.` : message;
   if (props[propertyName] != null && typeof props[propertyName] !== 'undefined') {
-    logActionRequired$1(deprecatedMessage({
+    logActionRequired$2(deprecatedMessage({
       component,
       propName: propertyName,
       message: newPropertyMessage,
@@ -884,7 +884,7 @@ function Markdown({
   }
   const linkTarget = config?.link?.target ?? '_self';
   if (allowList != null && blockList != null) {
-    logActionRequired$1('Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.');
+    logActionRequired$2('Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.');
   }
   const parser = nodes => {
     const parsed = reader.parse(nodes);
@@ -1036,7 +1036,7 @@ const Alert = props => {
       ...props
     });
   }
-  logActionRequired(props);
+  logActionRequired$1(props);
   const mappedType = deprecatedTypeMap$1[type] || type;
   const Icon = iconTypeMap[mappedType];
   function generateIcon() {
@@ -1119,7 +1119,7 @@ const deprecatedTypeMapMessage$1 = {
   [Sentiment.ERROR]: 'Sentiment.NEGATIVE'
 };
 const deprecatedTypes$1 = Object.keys(deprecatedTypeMap$1);
-function logActionRequired({
+function logActionRequired$1({
   size,
   type
 }) {
@@ -1768,15 +1768,14 @@ const useLayout = () => {
 
 const EXIT_ANIMATION = 350;
 const SlidingPanel = /*#__PURE__*/forwardRef(({
-  children,
-  className,
+  position = 'left',
   open,
-  position,
   showSlidingPanelBorder,
   slidingPanelPositionFixed,
+  className,
+  children,
   ...rest
 }, reference) => {
-  /** @type {RefObject<HTMLDivElement>} */
   const localReference = useRef(null);
   return /*#__PURE__*/createElement(CSSTransition, {
     ...rest,
@@ -1789,34 +1788,15 @@ const SlidingPanel = /*#__PURE__*/forwardRef(({
       enter: 0,
       exit: EXIT_ANIMATION
     },
-    classNames: classNames(`sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, {
-      'sliding-panel--fixed': slidingPanelPositionFixed
-    }, 'sliding-panel'),
+    classNames: "sliding-panel",
     appear: true,
     unmountOnExit: true
   }, /*#__PURE__*/jsx("div", {
     ref: mergeRefs([reference, localReference]),
-    className: classNames('sliding-panel', `sliding-panel--open-${position}`, className),
+    className: classNames('sliding-panel', `sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, slidingPanelPositionFixed && 'sliding-panel--fixed', className),
     children: children
   }));
 });
-SlidingPanel.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  open: PropTypes.bool,
-  position: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
-  showSlidingPanelBorder: PropTypes.bool,
-  slidingPanelPositionFixed: PropTypes.bool
-};
-SlidingPanel.defaultProps = {
-  children: null,
-  className: undefined,
-  open: false,
-  position: 'left',
-  showSlidingPanelBorder: false,
-  slidingPanelPositionFixed: false
-};
-var SlidingPanel$1 = SlidingPanel;
 
 const Drawer = ({
   children,
@@ -1835,7 +1815,7 @@ const Drawer = ({
   return /*#__PURE__*/jsx(Dimmer$1, {
     open: open,
     onClose: onClose,
-    children: /*#__PURE__*/jsx(SlidingPanel$1, {
+    children: /*#__PURE__*/jsx(SlidingPanel, {
       open: open,
       position: isMobile ? Position.BOTTOM : position,
       children: /*#__PURE__*/jsxs("div", {
@@ -1952,15 +1932,15 @@ const BottomSheet$1 = props => {
       props.onClose(event);
     }
   }
-  const onSwipeStart = isMobile => event => {
-    initialYCoordinate.current = (isMobile ? event.touches[0] : event).clientY;
+  const onSwipeStart = event => {
+    initialYCoordinate.current = ('touches' in event ? event.touches[0] : event).clientY;
     setPressed(true);
   };
-  const onSwipeMove = isMobile => event => {
+  const onSwipeMove = event => {
     if (pressed) {
       const {
         clientY
-      } = isMobile ? event.touches[0] : event;
+      } = 'touches' in event ? event.touches[0] : event;
       const offset = calculateOffsetAfterMove(clientY);
       // check whether move is to the bottom only and content scroll position is at the top
       if (offset > INITIAL_Y_POSITION && isContentScrollPositionAtTop()) {
@@ -2029,34 +2009,37 @@ const BottomSheet$1 = props => {
     fadeContentOnEnter: true,
     fadeContentOnExit: true,
     onClose: close,
-    children: /*#__PURE__*/jsxs(SlidingPanel$1, {
+    children: /*#__PURE__*/jsx(SlidingPanel, {
       ref: bottomSheetReference,
       open: props.open,
       position: Position.BOTTOM,
       className: classNames('np-bottom-sheet', props.className),
-      role: "dialog",
-      onTouchStart: onSwipeStart(true),
-      onTouchMove: onSwipeMove(true),
-      onTouchEnd: onSwipeEnd,
-      onMouseDown: onSwipeStart(false),
-      onMouseMove: onSwipeMove(false),
-      onMouseUp: onSwipeEnd,
-      children: [/*#__PURE__*/jsxs("div", {
-        ref: topBarReference,
-        className: "np-bottom-sheet--top-bar",
-        children: [/*#__PURE__*/jsx("div", {
-          className: "np-bottom-sheet--handler"
-        }), /*#__PURE__*/jsx(CloseButton, {
-          size: "sm",
-          className: "sr-only np-bottom-sheet--close-btn",
-          onClick: close
+      children: /*#__PURE__*/jsxs("div", {
+        role: "dialog",
+        "aria-modal": true,
+        onTouchStart: onSwipeStart,
+        onTouchMove: onSwipeMove,
+        onTouchEnd: onSwipeEnd,
+        onMouseDown: onSwipeStart,
+        onMouseMove: onSwipeMove,
+        onMouseUp: onSwipeEnd,
+        children: [/*#__PURE__*/jsxs("div", {
+          ref: topBarReference,
+          className: "np-bottom-sheet--top-bar",
+          children: [/*#__PURE__*/jsx("div", {
+            className: "np-bottom-sheet--handler"
+          }), /*#__PURE__*/jsx(CloseButton, {
+            size: "sm",
+            className: "sr-only np-bottom-sheet--close-btn",
+            onClick: close
+          })]
+        }), /*#__PURE__*/jsx("div", {
+          ref: contentReference,
+          style: setContentMaxHeight(),
+          className: "np-bottom-sheet--content",
+          children: props.children
         })]
-      }), /*#__PURE__*/jsx("div", {
-        ref: contentReference,
-        style: setContentMaxHeight(),
-        className: "np-bottom-sheet--content",
-        children: props.children
-      })]
+      })
     })
   });
 };
@@ -5252,6 +5235,7 @@ const Logo = ({
   const LogoMd = svgPaths[`${type}${inverse ? '_INVERSE' : ''}`];
   return /*#__PURE__*/jsxs("span", {
     "aria-label": type === LogoType.WISE ? 'Wise' : 'Wise business',
+    role: "img",
     className: classNames(className, 'np-logo'),
     children: [/*#__PURE__*/jsx(LogoSm, {
       className: "np-logo-svg np-logo-svg--size-sm"
@@ -5775,31 +5759,17 @@ const Modal = ({
   });
 };
 
-function resolvePlacement(preferredPlacement) {
-  switch (preferredPlacement) {
-    case 'left-top':
-    case 'right-top':
-      return 'top';
-    case 'bottom-left':
-    case 'bottom-right':
-      return 'bottom';
-  }
-  return preferredPlacement;
-}
-function Popover$1({
+const Popover$1 = ({
   children,
   className,
   content,
-  preferredPlacement = Position.RIGHT,
+  preferredPlacement,
   title,
   onClose
-}) {
-  const resolvedPlacement = resolvePlacement(preferredPlacement);
-  useEffect(() => {
-    if (resolvedPlacement !== preferredPlacement) {
-      logActionRequired$1(`Popover has deprecated ${preferredPlacement} value for the 'preferredPlacement' prop. Please use ${resolvedPlacement} instead.`);
-    }
-  }, [preferredPlacement, resolvedPlacement]);
+}) => {
+  logActionRequired({
+    preferredPlacement
+  });
   const anchorReference = useRef(null);
   const [open, setOpen] = useState(false);
   const {
@@ -5814,16 +5784,18 @@ function Popover$1({
     children: [/*#__PURE__*/jsx("span", {
       ref: anchorReference,
       className: "d-inline-block",
-      children: /*#__PURE__*/isValidElement(children) ? /*#__PURE__*/cloneElement(children, {
+      children: /*#__PURE__*/cloneElement(children, {
         onClick: () => {
-          children.props.onClick?.();
-          setOpen(prevOpen => !prevOpen);
+          if (children?.props?.onClick) {
+            children.props.onClick();
+          }
+          setOpen(!open);
         }
-      }) : children
+      })
     }), /*#__PURE__*/jsx(ResponsivePanel$1, {
       open: open,
       anchorRef: anchorReference,
-      position: resolvedPlacement,
+      position: deprecatedPlacements[preferredPlacement] || preferredPlacement,
       arrow: true,
       className: "np-popover__container",
       onClose: handleOnClose,
@@ -5839,7 +5811,36 @@ function Popover$1({
       })
     })]
   });
-}
+};
+const logActionRequired = ({
+  preferredPlacement
+}) => {
+  logActionRequiredIf(`Popover has deprecated ${preferredPlacement} value for the 'preferredPlacement' prop. Please use ${deprecatedPlacements[preferredPlacement]} instead.`, deprecatedPlacements[preferredPlacement]);
+};
+Popover$1.defaultProps = {
+  className: undefined,
+  preferredPlacement: Position.RIGHT,
+  title: undefined
+};
+Popover$1.propTypes = {
+  children: PropTypes.node.isRequired,
+  className: PropTypes.string,
+  content: PropTypes.node.isRequired,
+  /**
+   * `'left-top'` / `'right-top'` are deprecated use `Position.TOP` / `'top'` instead,
+   * `'bottom-right'` / `'bottom-left'` are deprecated use `Position.BOTTOM` / `'bottom'` instead
+   */
+  preferredPlacement: PropTypes.oneOf(['top', 'right', 'bottom', 'left', 'left-top', 'right-top', 'bottom-right', 'bottom-left']),
+  onClose: PropTypes.func,
+  title: PropTypes.node
+};
+const deprecatedPlacements = {
+  [Position.BOTTOM_LEFT]: Position.BOTTOM,
+  [Position.BOTTOM_RIGHT]: Position.BOTTOM,
+  [Position.LEFT_TOP]: Position.TOP,
+  [Position.RIGHT_TOP]: Position.TOP
+};
+var Popover$2 = Popover$1;
 
 var messages$6 = defineMessages({
   ariaLabel: {
@@ -5890,7 +5891,7 @@ const Info = ({
         title: title,
         onClose: () => setOpen(false)
       })]
-    }) : /*#__PURE__*/jsx(Popover$1, {
+    }) : /*#__PURE__*/jsx(Popover$2, {
       content: content,
       preferredPlacement: preferredPlacement,
       title: title,
@@ -6946,14 +6947,13 @@ const getSymbolsInPatternWithPosition = pattern => {
   });
   return patternWithSymbolsPosition;
 };
-var getSymbolsInPatternWithPosition$1 = getSymbolsInPatternWithPosition;
 
 const formatWithPattern = (value, pattern) => {
   if (!value || value === '') {
     return '';
   }
   const valueArray = value.toString().split('');
-  const patternWithSymbolsPosition = getSymbolsInPatternWithPosition$1(pattern);
+  const patternWithSymbolsPosition = getSymbolsInPatternWithPosition(pattern);
   let patternSymbol = [];
   // valueArray.length increments during the cycle cause we are adding new elements.
   for (let index = 0; index < valueArray.length; index += 1) {
@@ -6968,7 +6968,6 @@ const formatWithPattern = (value, pattern) => {
   }
   return valueArray.join('');
 };
-var formatWithPattern$1 = formatWithPattern;
 
 const unformatWithPattern = (value, pattern) => {
   let valueArray = [''];
@@ -6979,18 +6978,16 @@ const unformatWithPattern = (value, pattern) => {
   return valueArray.join('');
 };
 const getSymbolsInPattern = pattern => pattern.split('').filter(symbol => symbol !== '*');
-var unformatWithPattern$1 = unformatWithPattern;
 
-const getCountOfSymbolsInSelection = (selectionStart, selectionEnd, pattern) => getSymbolsInPatternWithPosition$1(pattern).filter(symbol => symbol.index >= selectionStart && symbol.index < selectionEnd).length;
-var getCountOfSymbolsInSelection$1 = getCountOfSymbolsInSelection;
+const getCountOfSymbolsInSelection = (selectionStart, selectionEnd, pattern) => getSymbolsInPatternWithPosition(pattern).filter(symbol => symbol.index >= selectionStart && symbol.index < selectionEnd).length;
 
 const getDistanceToNextSymbol = (selectionStart, pattern) => {
-  const patternArray = getSymbolsInPatternWithPosition$1(pattern);
+  const patternArray = getSymbolsInPatternWithPosition(pattern);
   const applicablePattern = patternArray.filter(symbol => symbol.index >= selectionStart);
   return countConsecutiveSymbols(selectionStart, applicablePattern, 'left');
 };
 const getDistanceToPreviousSymbol = (selectionStart, pattern) => {
-  const patternArray = getSymbolsInPatternWithPosition$1(pattern);
+  const patternArray = getSymbolsInPatternWithPosition(pattern);
   const applicablePattern = patternArray.filter(symbol => symbol.index < selectionStart).reverse();
   return countConsecutiveSymbols(selectionStart, applicablePattern, 'right');
 };
@@ -7020,7 +7017,7 @@ const getCursorPositionAfterActionStroke = (action, selectionStart, selectionEnd
       }
       break;
     case 'Paste':
-      cursorPosition += pastedLength + getCountOfSymbolsInSelection$1(selectionStart, selectionStart + pastedLength, pattern) + getDistanceToNextSymbol(selectionStart + pastedLength, pattern);
+      cursorPosition += pastedLength + getCountOfSymbolsInSelection(selectionStart, selectionStart + pastedLength, pattern) + getDistanceToNextSymbol(selectionStart + pastedLength, pattern);
       break;
     case 'Cut':
     case 'Delete':
@@ -7031,7 +7028,6 @@ const getCursorPositionAfterActionStroke = (action, selectionStart, selectionEnd
   }
   return cursorPosition;
 };
-var getCursorPositionAfterKeystroke = getCursorPositionAfterActionStroke;
 
 class WithDisplayFormat extends Component {
   static defaultProps = {
@@ -7041,9 +7037,9 @@ class WithDisplayFormat extends Component {
   };
   constructor(props) {
     super(props);
-    const unformattedValue = unformatWithPattern$1(props.value ?? '', props.displayPattern);
+    const unformattedValue = unformatWithPattern(props.value ?? '', props.displayPattern);
     this.state = {
-      value: formatWithPattern$1(unformattedValue, props.displayPattern),
+      value: formatWithPattern(unformattedValue, props.displayPattern),
       historyNavigator: new HistoryNavigator$1(),
       prevDisplayPattern: props.displayPattern,
       triggerType: 'Initial',
@@ -7061,11 +7057,11 @@ class WithDisplayFormat extends Component {
     historyNavigator
   }) {
     if (prevDisplayPattern !== displayPattern) {
-      const unFormattedValue = unformatWithPattern$1(value, prevDisplayPattern);
+      const unFormattedValue = unformatWithPattern(value, prevDisplayPattern);
       historyNavigator.reset();
       return {
         prevDisplayPattern: displayPattern,
-        value: formatWithPattern$1(unFormattedValue, displayPattern),
+        value: formatWithPattern(unFormattedValue, displayPattern),
         triggerType: null,
         triggerEvent: null,
         pastedLength: 0
@@ -7095,7 +7091,7 @@ class WithDisplayFormat extends Component {
         return 'Delete';
       }
       // Android Fix.
-      if (typeof triggerEvent.key === 'undefined' && unformattedValue.length <= unformatWithPattern$1(value, displayPattern).length) {
+      if (typeof triggerEvent.key === 'undefined' && unformattedValue.length <= unformatWithPattern(value, displayPattern).length) {
         return 'Backspace';
       }
       return triggerEvent.key;
@@ -7133,13 +7129,13 @@ class WithDisplayFormat extends Component {
     // Unfortunately Undo and Redo don't trigger OnChange event so we need to handle some value logic here.
     let newFormattedValue = '';
     if (this.detectUndoRedo(event) === 'Undo') {
-      newFormattedValue = formatWithPattern$1(historyNavigator.undo(), displayPattern);
+      newFormattedValue = formatWithPattern(historyNavigator.undo(), displayPattern);
       this.setState({
         value: newFormattedValue,
         triggerType: 'Undo'
       });
     } else if (this.detectUndoRedo(event) === 'Redo') {
-      newFormattedValue = formatWithPattern$1(historyNavigator.redo(), displayPattern);
+      newFormattedValue = formatWithPattern(historyNavigator.redo(), displayPattern);
       this.setState({
         value: newFormattedValue,
         triggerType: 'Redo'
@@ -7157,7 +7153,7 @@ class WithDisplayFormat extends Component {
     const {
       displayPattern
     } = this.props;
-    const pastedLength = unformatWithPattern$1(event.clipboardData.getData('Text'), displayPattern).length;
+    const pastedLength = unformatWithPattern(event.clipboardData.getData('Text'), displayPattern).length;
     this.setState({
       triggerType: 'Paste',
       pastedLength
@@ -7187,7 +7183,7 @@ class WithDisplayFormat extends Component {
     const {
       value
     } = event.target;
-    let unformattedValue = unformatWithPattern$1(value, displayPattern);
+    let unformattedValue = unformatWithPattern(value, displayPattern);
     const action = this.getUserAction(unformattedValue);
     if (!this.isKeyAllowed(action) || triggerType === 'Undo' || triggerType === 'Redo') {
       return;
@@ -7195,7 +7191,7 @@ class WithDisplayFormat extends Component {
     if (action === 'Backspace' || action === 'Delete') {
       unformattedValue = this.handleDelete(unformattedValue, action);
     }
-    const newFormattedValue = formatWithPattern$1(unformattedValue, displayPattern);
+    const newFormattedValue = formatWithPattern(unformattedValue, displayPattern);
     historyNavigator.add(unformattedValue);
     this.handleCursorPositioning(action);
     this.setState({
@@ -7203,13 +7199,13 @@ class WithDisplayFormat extends Component {
     }, () => {
       this.resetEvent();
       if (onChange) {
-        const broadcastValue = unformatWithPattern$1(newFormattedValue, displayPattern);
+        const broadcastValue = unformatWithPattern(newFormattedValue, displayPattern);
         onChange(broadcastValue);
       }
     });
   };
   handleOnBlur = event => {
-    this.props.onBlur?.(unformatWithPattern$1(event.target.value, this.props.displayPattern));
+    this.props.onBlur?.(unformatWithPattern(event.target.value, this.props.displayPattern));
   };
   handleOnFocus = event => {
     const {
@@ -7218,7 +7214,7 @@ class WithDisplayFormat extends Component {
     } = this.props;
     if (onFocus) {
       this.handleOnChange(event);
-      onFocus(unformatWithPattern$1(event.target.value, displayPattern));
+      onFocus(unformatWithPattern(event.target.value, displayPattern));
     }
   };
   handleDelete = (unformattedValue, action) => {
@@ -7231,7 +7227,7 @@ class WithDisplayFormat extends Component {
     } = this.state;
     const newStack = [...unformattedValue];
     if (selectionStart === selectionEnd) {
-      let startPosition = selectionStart - getCountOfSymbolsInSelection$1(0, selectionStart, displayPattern);
+      let startPosition = selectionStart - getCountOfSymbolsInSelection(0, selectionStart, displayPattern);
       let toDelete = 0;
       let count = getDistanceToNextSymbol(selectionStart, displayPattern);
       if (action === 'Backspace') {
@@ -7255,7 +7251,7 @@ class WithDisplayFormat extends Component {
       selectionEnd,
       pastedLength
     } = this.state;
-    const cursorPosition = getCursorPositionAfterKeystroke(action, selectionStart, selectionEnd, displayPattern, pastedLength);
+    const cursorPosition = getCursorPositionAfterActionStroke(action, selectionStart, selectionEnd, displayPattern, pastedLength);
     setTimeout(() => {
       if (triggerEvent) {
         triggerEvent.target.setSelectionRange(cursorPosition, cursorPosition);
@@ -10968,7 +10964,7 @@ const Sticky = ({
   open,
   position,
   children
-}) => /*#__PURE__*/jsx(SlidingPanel$1, {
+}) => /*#__PURE__*/jsx(SlidingPanel, {
   open: open,
   position: position,
   slidingPanelPositionFixed: true,
@@ -15100,5 +15096,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$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$1 as Loader, Logo$1 as Logo, LogoType, Markdown, MarkdownNodeType, Modal, Money$1 as Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList$1 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$1 as Provider, RTL_LANGUAGES, Radio, RadioGroup, RadioOption, SUPPORTED_LANGUAGES, Scroll, SearchInput, Section, SegmentedControl, Select, SelectInput, SelectInputOptionContent, SelectInputTriggerButton, Sentiment, Size, SlidingPanel$1 as SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider, Status, StatusIcon, Stepper, Sticky$1 as Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat, Theme, Title, Tooltip$1 as 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$1 as Loader, Logo$1 as Logo, LogoType, Markdown, MarkdownNodeType, Modal, Money$1 as Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList$1 as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput, Popover$2 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider$1 as 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$1 as Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat, Theme, Title, Tooltip$1 as 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.esm.js.map