@hero-design/rn 8.61.1 → 8.61.2

package/es/index.js

@@ -1,6 +1,7 @@
 import * as reactNative from 'react-native';
 import { Platform, Dimensions, StyleSheet as StyleSheet$1, Animated, View, UIManager, LayoutAnimation, TouchableOpacity, Text as Text$1, Easing, Image as Image$1, TouchableWithoutFeedback, Pressable, SafeAreaView, KeyboardAvoidingView, TouchableHighlight, ScrollView, Modal as Modal$1, FlatList, TextInput as TextInput$1, PanResponder, BackHandler, InteractionManager, useWindowDimensions, Keyboard, SectionList, RefreshControl as RefreshControl$1 } from 'react-native';
-import React, { useContext, createContext, createElement, useMemo, forwardRef, useEffect, useCallback, useRef, useState, memo, useReducer, useLayoutEffect, useImperativeHandle, isValidElement } from 'react';
+import * as React from 'react';
+import React__default, { useMemo, useEffect, useCallback, useRef, useState, createContext, useContext, forwardRef, memo, useReducer, useLayoutEffect, useImperativeHandle, isValidElement } from 'react';
 import { createIconSet } from 'react-native-vector-icons';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { MonthYearPickerViewIOS, MonthYearPickerDialogueAndroid } from '@hero-design/react-native-month-year-picker';
@@ -3840,6 +3841,7 @@ var RULESET = 'rule';
 var DECLARATION = 'decl';
 var IMPORT = '@import';
 var KEYFRAMES = '@keyframes';
+var LAYER = '@layer';
 
 /**
  * @param {number}
@@ -3865,7 +3867,7 @@ var assign = Object.assign;
  * @return {number}
  */
 function hash(value, length) {
-  return (((length << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3);
+  return charat(value, 0) ^ 45 ? (((length << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
 }
 
 /**
@@ -4219,7 +4221,7 @@ function parse$2(value, root, parent, rule, rules, rulesets, pseudo, points, dec
   while (scanning) switch (previous = character, character = next()) {
     // (
     case 40:
-      if (previous != 108 && characters.charCodeAt(length - 1) == 58) {
+      if (previous != 108 && charat(characters, length - 1) == 58) {
         if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f') != -1) ampersand = -1;
         break;
       }
@@ -4265,6 +4267,7 @@ function parse$2(value, root, parent, rule, rules, rulesets, pseudo, points, dec
           scanning = 0;
         // ;
         case 59 + offset:
+          if (ampersand == -1) characters = replace(characters, /\f/g, '');
           if (property > 0 && strlen(characters) - length) append(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations);
           break;
         // @ ;
@@ -4273,9 +4276,10 @@ function parse$2(value, root, parent, rule, rules, rulesets, pseudo, points, dec
         // { rule/at-rule
         default:
           append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets);
-          if (character === 123) if (offset === 0) parse$2(characters, root, reference, reference, props, rulesets, length, points, children);else switch (atrule) {
-            // d m s
+          if (character === 123) if (offset === 0) parse$2(characters, root, reference, reference, props, rulesets, length, points, children);else switch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {
+            // d l m s
             case 100:
+            case 108:
             case 109:
             case 115:
               parse$2(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children);
@@ -4357,157 +4361,6 @@ function declaration(value, root, parent, length) {
   return node$1(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length);
 }
 
-/**
- * @param {string} value
- * @param {number} length
- * @return {string}
- */
-function prefix(value, length) {
-  switch (hash(value, length)) {
-    // color-adjust
-    case 5103:
-      return WEBKIT + 'print-' + value + value;
-    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
-    case 5737:
-    case 4201:
-    case 3177:
-    case 3433:
-    case 1641:
-    case 4457:
-    case 2921:
-    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
-    case 5572:
-    case 6356:
-    case 5844:
-    case 3191:
-    case 6645:
-    case 3005:
-    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
-    case 6391:
-    case 5879:
-    case 5623:
-    case 6135:
-    case 4599:
-    case 4855:
-    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
-    case 4215:
-    case 6389:
-    case 5109:
-    case 5365:
-    case 5621:
-    case 3829:
-      return WEBKIT + value + value;
-    // appearance, user-select, transform, hyphens, text-size-adjust
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return WEBKIT + value + MOZ + value + MS + value + value;
-    // flex, flex-direction
-    case 6828:
-    case 4268:
-      return WEBKIT + value + MS + value + value;
-    // order
-    case 6165:
-      return WEBKIT + value + MS + 'flex-' + value + value;
-    // align-items
-    case 5187:
-      return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value;
-    // align-self
-    case 5443:
-      return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value;
-    // align-content
-    case 4675:
-      return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value;
-    // flex-shrink
-    case 5548:
-      return WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value;
-    // flex-basis
-    case 5292:
-      return WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value;
-    // flex-grow
-    case 6060:
-      return WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value;
-    // transition
-    case 4554:
-      return WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value;
-    // cursor
-    case 6187:
-      return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value;
-    // background, background-image
-    case 5495:
-    case 3959:
-      return replace(value, /(image-set\([^]*)/, WEBKIT + '$1' + '$`$1');
-    // justify-content
-    case 4968:
-      return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value;
-    // (margin|padding)-inline-(start|end)
-    case 4095:
-    case 3583:
-    case 4068:
-    case 2532:
-      return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value;
-    // (min|max)?(width|height|inline-size|block-size)
-    case 8116:
-    case 7059:
-    case 5753:
-    case 5535:
-    case 5445:
-    case 5701:
-    case 4933:
-    case 4677:
-    case 5533:
-    case 5789:
-    case 5021:
-    case 4765:
-      // stretch, max-content, min-content, fill-available
-      if (strlen(value) - 1 - length > 6) switch (charat(value, length + 1)) {
-        // (m)ax-content, (m)in-content
-        case 109:
-          // -
-          if (charat(value, length + 4) !== 45) break;
-        // (f)ill-available, (f)it-content
-        case 102:
-          return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
-        // (s)tretch
-        case 115:
-          return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value;
-      }
-      break;
-    // position: sticky
-    case 4949:
-      // (s)ticky?
-      if (charat(value, length + 1) !== 115) break;
-    // display: (flex|inline-flex)
-    case 6444:
-      switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
-        // stic(k)y
-        case 107:
-          return replace(value, ':', ':' + WEBKIT) + value;
-        // (inline-)?fl(e)x
-        case 101:
-          return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value;
-      }
-      break;
-    // writing-mode
-    case 5936:
-      switch (charat(value, length + 11)) {
-        // vertical-l(r)
-        case 114:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
-        // vertical-r(l)
-        case 108:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
-        // horizontal(-)tb
-        case 45:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
-      }
-      return WEBKIT + value + MS + value + value;
-  }
-  return value;
-}
-
 /**
  * @param {object[]} children
  * @param {function} callback
@@ -4529,6 +4382,8 @@ function serialize(children, callback) {
  */
 function stringify$2(element, index, children, callback) {
   switch (element.type) {
+    case LAYER:
+      if (element.children.length) break;
     case IMPORT:
     case DECLARATION:
       return element["return"] = element["return"] || element.value;
@@ -4565,45 +4420,6 @@ function rulesheet(callback) {
   };
 }
 
-/**
- * @param {object} element
- * @param {number} index
- * @param {object[]} children
- * @param {function} callback
- */
-function prefixer(element, index, children, callback) {
-  if (element.length > -1) if (!element["return"]) switch (element.type) {
-    case DECLARATION:
-      element["return"] = prefix(element.value, element.length);
-      break;
-    case KEYFRAMES:
-      return serialize([copy(element, {
-        value: replace(element.value, '@', '@' + WEBKIT)
-      })], callback);
-    case RULESET:
-      if (element.length) return combine(element.props, function (value) {
-        switch (match$2(value, /(::plac\w+|:read-\w+)/)) {
-          // :read-(only|write)
-          case ':read-only':
-          case ':read-write':
-            return serialize([copy(element, {
-              props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]
-            })], callback);
-          // :placeholder
-          case '::placeholder':
-            return serialize([copy(element, {
-              props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]
-            }), copy(element, {
-              props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]
-            }), copy(element, {
-              props: [replace(value, /:(plac\w+)/, MS + 'input-$1')]
-            })], callback);
-        }
-        return '';
-      });
-  }
-}
-
 var weakMemoize = function weakMemoize(func) {
   // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps
   var cache = new WeakMap();
@@ -4725,6 +4541,211 @@ var removeLabel = function removeLabel(element) {
     }
   }
 };
+
+/* eslint-disable no-fallthrough */
+
+function prefix(value, length) {
+  switch (hash(value, length)) {
+    // color-adjust
+    case 5103:
+      return WEBKIT + 'print-' + value + value;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921: // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005: // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
+
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855: // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return WEBKIT + value + value;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return WEBKIT + value + MOZ + value + MS + value + value;
+    // flex, flex-direction
+
+    case 6828:
+    case 4268:
+      return WEBKIT + value + MS + value + value;
+    // order
+
+    case 6165:
+      return WEBKIT + value + MS + 'flex-' + value + value;
+    // align-items
+
+    case 5187:
+      return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value;
+    // align-self
+
+    case 5443:
+      return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value;
+    // align-content
+
+    case 4675:
+      return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value;
+    // flex-shrink
+
+    case 5548:
+      return WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value;
+    // flex-basis
+
+    case 5292:
+      return WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value;
+    // flex-grow
+
+    case 6060:
+      return WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value;
+    // transition
+
+    case 4554:
+      return WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value;
+    // cursor
+
+    case 6187:
+      return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value;
+    // background, background-image
+
+    case 5495:
+    case 3959:
+      return replace(value, /(image-set\([^]*)/, WEBKIT + '$1' + '$`$1');
+    // justify-content
+
+    case 4968:
+      return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value;
+    // (margin|padding)-inline-(start|end)
+
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value;
+    // (min|max)?(width|height|inline-size|block-size)
+
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      // stretch, max-content, min-content, fill-available
+      if (strlen(value) - 1 - length > 6) switch (charat(value, length + 1)) {
+        // (m)ax-content, (m)in-content
+        case 109:
+          // -
+          if (charat(value, length + 4) !== 45) break;
+        // (f)ill-available, (f)it-content
+
+        case 102:
+          return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
+        // (s)tretch
+
+        case 115:
+          return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value;
+      }
+      break;
+    // position: sticky
+
+    case 4949:
+      // (s)ticky?
+      if (charat(value, length + 1) !== 115) break;
+    // display: (flex|inline-flex)
+
+    case 6444:
+      switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
+        // stic(k)y
+        case 107:
+          return replace(value, ':', ':' + WEBKIT) + value;
+        // (inline-)?fl(e)x
+
+        case 101:
+          return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value;
+      }
+      break;
+    // writing-mode
+
+    case 5936:
+      switch (charat(value, length + 11)) {
+        // vertical-l(r)
+        case 114:
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
+        // vertical-r(l)
+
+        case 108:
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
+        // horizontal(-)tb
+
+        case 45:
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
+      }
+      return WEBKIT + value + MS + value + value;
+  }
+  return value;
+}
+var prefixer = function prefixer(element, index, children, callback) {
+  if (element.length > -1) if (!element["return"]) switch (element.type) {
+    case DECLARATION:
+      element["return"] = prefix(element.value, element.length);
+      break;
+    case KEYFRAMES:
+      return serialize([copy(element, {
+        value: replace(element.value, '@', '@' + WEBKIT)
+      })], callback);
+    case RULESET:
+      if (element.length) return combine(element.props, function (value) {
+        switch (match$2(value, /(::plac\w+|:read-\w+)/)) {
+          // :read-(only|write)
+          case ':read-only':
+          case ':read-write':
+            return serialize([copy(element, {
+              props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]
+            })], callback);
+          // :placeholder
+
+          case '::placeholder':
+            return serialize([copy(element, {
+              props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]
+            }), copy(element, {
+              props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]
+            }), copy(element, {
+              props: [replace(value, /:(plac\w+)/, MS + 'input-$1')]
+            })], callback);
+        }
+        return '';
+      });
+  }
+};
 var defaultStylisPlugins = [prefixer];
 var createCache = function createCache(options) {
   var key = options.key;
@@ -4820,7 +4841,7 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var EmotionCacheContext = /* #__PURE__ */createContext(
+var EmotionCacheContext = /* #__PURE__ */React.createContext(
 // we're doing this to avoid preconstruct's dead code elimination in this one case
 // because this module is primarily intended for the browser and node
 // but it's also required in react native and similar environments sometimes
@@ -4831,9 +4852,9 @@ typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({
   key: 'css'
 }) : null);
 EmotionCacheContext.Provider;
-var ThemeContext = /* #__PURE__ */createContext({});
+var ThemeContext = /* #__PURE__ */React.createContext({});
 var useTheme$1 = function useTheme() {
-  return useContext(ThemeContext);
+  return React.useContext(ThemeContext);
 };
 var getTheme = function getTheme(outerTheme, theme) {
   if (typeof theme === 'function') {
@@ -4848,11 +4869,11 @@ var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
   });
 });
 var ThemeProvider$1 = function ThemeProvider(props) {
-  var theme = useContext(ThemeContext);
+  var theme = React.useContext(ThemeContext);
   if (props.theme !== theme) {
     theme = createCacheWithTheme(theme)(props.theme);
   }
-  return /*#__PURE__*/createElement(ThemeContext.Provider, {
+  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
     value: theme
   }, props.children);
 };
@@ -4880,15 +4901,15 @@ var ThemeSwitcher = function ThemeSwitcher(_ref) {
         return getTheme$1(scale$1, swagDarkSystemPalette);
     }
   }, [name]);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
   }, children);
 };
 var withTheme = function withTheme(C, themeName) {
   return function (props) {
-    return /*#__PURE__*/React.createElement(ThemeSwitcher, {
+    return /*#__PURE__*/React__default.createElement(ThemeSwitcher, {
       name: themeName
-    }, /*#__PURE__*/React.createElement(C, props));
+    }, /*#__PURE__*/React__default.createElement(C, props));
   };
 };
 
@@ -6518,7 +6539,7 @@ function createStyled(StyleSheet, _temp) {
       } // do we really want to use the same infra as the web since it only really uses theming?
       // $FlowFixMe
 
-      var Styled = /*#__PURE__*/forwardRef(function (props, ref) {
+      var Styled = /*#__PURE__*/React.forwardRef(function (props, ref) {
         var finalTag = shouldUseAs && props.as || component;
         var mergedProps = props;
         if (props.theme == null) {
@@ -6526,7 +6547,7 @@ function createStyled(StyleSheet, _temp) {
           for (var key in props) {
             mergedProps[key] = props[key];
           }
-          mergedProps.theme = useContext(ThemeContext);
+          mergedProps.theme = React.useContext(ThemeContext);
         }
         var finalShouldForwardProp = shouldUseAs && shouldForwardProp === undefined ? getShouldForwardProp(finalTag) : defaultShouldForwardProp;
         var newProps = {};
@@ -6539,7 +6560,7 @@ function createStyled(StyleSheet, _temp) {
         newProps.style = [css.apply(mergedProps, styles), props.style];
         newProps.ref = ref; // $FlowFixMe
 
-        return /*#__PURE__*/createElement(finalTag, newProps);
+        return /*#__PURE__*/React.createElement(finalTag, newProps);
       }); // $FlowFixMe
 
       Styled.withComponent = function (newComponent) {
@@ -6572,14 +6593,14 @@ var index$9 = components.reduce(function (acc, comp) {
 
 // Get previous state value
 var usePrevious = function usePrevious(value) {
-  var ref = React.useRef();
-  React.useEffect(function () {
+  var ref = React__default.useRef();
+  React__default.useEffect(function () {
     ref.current = value;
   }, [value]);
   return ref.current;
 };
 function usePropsOrInternalState(initialState, state, setState) {
-  var _React$useState = React.useState(initialState),
+  var _React$useState = React__default.useState(initialState),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     internalState = _React$useState2[0],
     setInternalState = _React$useState2[1];
@@ -6627,11 +6648,11 @@ var Collapse = function Collapse(_ref) {
     testID = _ref.testID,
     style = _ref.style,
     onLayout = _ref.onLayout;
-  var _React$useState = React.useState(0),
+  var _React$useState = React__default.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     contentHeight = _React$useState2[0],
     setContentHeight = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
+  var _React$useState3 = React__default.useState(false),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     componentMounted = _React$useState4[0],
     setComponentMounted = _React$useState4[1];
@@ -6649,13 +6670,13 @@ var Collapse = function Collapse(_ref) {
     setComponentMounted(true);
     onLayout === null || onLayout === void 0 || onLayout(e);
   }, []);
-  return /*#__PURE__*/React.createElement(StyledWrapper$d, {
+  return /*#__PURE__*/React__default.createElement(StyledWrapper$d, {
     style: {
       height: open ? contentHeight : 0
     },
     onLayout: onCollapseLayout,
     testID: testID
-  }, /*#__PURE__*/React.createElement(StyledHiddenWrapper, null, /*#__PURE__*/React.createElement(StyledChildWrapper, {
+  }, /*#__PURE__*/React__default.createElement(StyledHiddenWrapper, null, /*#__PURE__*/React__default.createElement(StyledChildWrapper, {
     onLayout: function onLayout(event) {
       return fetchMaxHeight(event.nativeEvent.layout);
     },
@@ -6731,7 +6752,7 @@ var Text = function Text(_ref) {
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
     nativeProps = _objectWithoutProperties(_ref, _excluded$D);
   useDeprecation('Typography.Text is deprecated and will be removed in the next major release, please refer to https://design.employmenthero.com/mobile/Components/typography for the appropriate alternatives.');
-  return /*#__PURE__*/React.createElement(StyledText$3, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(StyledText$3, _extends$1({}, nativeProps, {
     themeFontSize: fontSize,
     themeFontWeight: fontWeight,
     themeIntent: intent,
@@ -6769,7 +6790,7 @@ var Caption = function Caption(_ref) {
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
     nativeProps = _objectWithoutProperties(_ref, _excluded$C);
-  return /*#__PURE__*/React.createElement(StyledCaption, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(StyledCaption, _extends$1({}, nativeProps, {
     themeFontWeight: fontWeight,
     themeIntent: intent,
     allowFontScaling: allowFontScaling
@@ -6795,7 +6816,7 @@ var Label = function Label(_ref) {
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
     nativeProps = _objectWithoutProperties(_ref, _excluded$B);
-  return /*#__PURE__*/React.createElement(StyledLabel$1, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(StyledLabel$1, _extends$1({}, nativeProps, {
     themeIntent: intent,
     allowFontScaling: allowFontScaling
   }), children);
@@ -6827,7 +6848,7 @@ var Title = function Title(_ref) {
     _ref$typeface = _ref.typeface,
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
     nativeProps = _objectWithoutProperties(_ref, _excluded$A);
-  return /*#__PURE__*/React.createElement(StyledTitle$1, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(StyledTitle$1, _extends$1({}, nativeProps, {
     themeLevel: level,
     themeTypeface: typeface,
     themeIntent: intent,
@@ -6873,7 +6894,7 @@ var Body = function Body(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'regular' : _ref$variant,
     nativeProps = _objectWithoutProperties(_ref, _excluded$z);
-  return /*#__PURE__*/React.createElement(StyledBody, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(StyledBody, _extends$1({}, nativeProps, {
     themeTypeface: typeface,
     themeIntent: intent,
     themeVariant: variant,
@@ -7455,13 +7476,13 @@ var AnimatedIcon = function AnimatedIcon(_ref) {
     inputRange: [0, 1],
     outputRange: ['0deg', '360deg']
   });
-  return /*#__PURE__*/React.createElement(Animated.View, {
+  return /*#__PURE__*/React__default.createElement(Animated.View, {
     style: [{
       transform: [{
         rotate: interpolatedRotateAnimation
       }]
     }, style]
-  }, /*#__PURE__*/React.createElement(StyledHeroIcon, otherProps));
+  }, /*#__PURE__*/React__default.createElement(StyledHeroIcon, otherProps));
 };
 
 var Icon = function Icon(_ref) {
@@ -7499,13 +7520,13 @@ var Icon = function Icon(_ref) {
     accessibilityViewIsModal: accessibilityViewIsModal,
     accessibilityActions: accessibilityActions
   };
-  return spin ? /*#__PURE__*/React.createElement(AnimatedIcon, _extends$1({
+  return spin ? /*#__PURE__*/React__default.createElement(AnimatedIcon, _extends$1({
     name: icon,
     themeIntent: intent,
     themeSize: size,
     style: style,
     testID: testID
-  }, accessibilityProps)) : /*#__PURE__*/React.createElement(StyledHeroIcon, _extends$1({
+  }, accessibilityProps)) : /*#__PURE__*/React__default.createElement(StyledHeroIcon, _extends$1({
     name: icon,
     themeIntent: intent,
     themeSize: size,
@@ -7525,19 +7546,19 @@ var AccordionItem = function AccordionItem(_ref) {
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     style = _ref.style,
     testID = _ref.testID;
-  return /*#__PURE__*/React.createElement(StyledItemWrapper$1, {
+  return /*#__PURE__*/React__default.createElement(StyledItemWrapper$1, {
     themeVariant: variant,
     style: style,
     testID: testID
-  }, /*#__PURE__*/React.createElement(StyledHeaderWrapper$1, {
+  }, /*#__PURE__*/React__default.createElement(StyledHeaderWrapper$1, {
     onPress: onPress
-  }, typeof header === 'string' ? /*#__PURE__*/React.createElement(Typography.Body, {
+  }, typeof header === 'string' ? /*#__PURE__*/React__default.createElement(Typography.Body, {
     variant: "regular-bold"
-  }, header) : header, /*#__PURE__*/React.createElement(Icon, {
+  }, header) : header, /*#__PURE__*/React__default.createElement(Icon, {
     icon: open ? 'arrow-up' : 'arrow-down',
     intent: "secondary",
     size: "small"
-  })), /*#__PURE__*/React.createElement(StyledCollapse, {
+  })), /*#__PURE__*/React__default.createElement(StyledCollapse, {
     open: open
   }, content));
 };
@@ -7558,18 +7579,18 @@ var Accordion = function Accordion(_ref) {
     _usePropsOrInternalSt2 = _slicedToArray(_usePropsOrInternalSt, 2),
     _activeItemKey = _usePropsOrInternalSt2[0],
     _onItemPress = _usePropsOrInternalSt2[1];
-  return /*#__PURE__*/React.createElement(StyledWrapper$c, {
+  return /*#__PURE__*/React__default.createElement(StyledWrapper$c, {
     style: style,
     testID: testID
   }, items.map(function (_ref2, index) {
     var key = _ref2.key,
       props = _objectWithoutProperties(_ref2, _excluded$x);
     var open = _activeItemKey === key;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: key
-    }, variant === 'card' && index !== 0 && /*#__PURE__*/React.createElement(Spacer$1, {
+    }, variant === 'card' && index !== 0 && /*#__PURE__*/React__default.createElement(Spacer$1, {
       testID: "accordion-spacer"
-    }), /*#__PURE__*/React.createElement(AccordionItem, _extends$1({}, props, {
+    }), /*#__PURE__*/React__default.createElement(AccordionItem, _extends$1({}, props, {
       open: open,
       onPress: function onPress() {
         return _onItemPress(open ? defaultValue : key);
@@ -7640,9 +7661,9 @@ var getIntentIcon$1 = function getIntentIcon(intent) {
 };
 var AlertIcon = function AlertIcon(_ref) {
   var icon = _ref.icon;
-  return icon ? /*#__PURE__*/React.createElement(IconContainer$1, {
+  return icon ? /*#__PURE__*/React__default.createElement(IconContainer$1, {
     testID: "alert-left-icon"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(Icon, {
     icon: icon,
     size: "small"
   })) : null;
@@ -7659,23 +7680,23 @@ var Alert = function Alert(_ref2) {
     style = _ref2.style,
     testID = _ref2.testID;
   useDeprecation("Alert's notification intent is deprecated and will be removed in the next major release. Please use other intents instead.", intent === 'notification');
-  return /*#__PURE__*/React.createElement(Container$1, {
+  return /*#__PURE__*/React__default.createElement(Container$1, {
     themeVariant: variant,
     themeIntent: intent,
     style: style,
     testID: testID
-  }, /*#__PURE__*/React.createElement(ContentContainer$1, {
+  }, /*#__PURE__*/React__default.createElement(ContentContainer$1, {
     showDivider: !!onClose
-  }, icon !== null ? /*#__PURE__*/React.createElement(AlertIcon, {
+  }, icon !== null ? /*#__PURE__*/React__default.createElement(AlertIcon, {
     icon: icon || getIntentIcon$1(intent)
-  }) : null, /*#__PURE__*/React.createElement(TextContainer$1, null, typeof title === 'string' ? /*#__PURE__*/React.createElement(Typography.Body, {
+  }) : null, /*#__PURE__*/React__default.createElement(TextContainer$1, null, typeof title === 'string' ? /*#__PURE__*/React__default.createElement(Typography.Body, {
     variant: "small-bold"
-  }, title) : title, typeof content === 'string' ? /*#__PURE__*/React.createElement(Typography.Body, {
+  }, title) : title, typeof content === 'string' ? /*#__PURE__*/React__default.createElement(Typography.Body, {
     variant: "small"
-  }, content) : content)), onClose ? /*#__PURE__*/React.createElement(CTAWrapper$1, {
+  }, content) : content)), onClose ? /*#__PURE__*/React__default.createElement(CTAWrapper$1, {
     onPress: onClose,
     testID: "alert-close-icon"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(Icon, {
     icon: "cancel",
     size: "small"
   })) : null);
@@ -7723,26 +7744,26 @@ var Attachment = function Attachment(_ref) {
     backgroundHighlighted = _ref$backgroundHighli === void 0 ? false : _ref$backgroundHighli,
     style = _ref.style,
     testID = _ref.testID;
-  return /*#__PURE__*/React.createElement(StyledContainer$6, {
+  return /*#__PURE__*/React__default.createElement(StyledContainer$6, {
     testID: testID,
     style: style
-  }, /*#__PURE__*/React.createElement(StyledContentContainer$1, {
+  }, /*#__PURE__*/React__default.createElement(StyledContentContainer$1, {
     themeHighlighted: backgroundHighlighted
-  }, previewElement, filename ? /*#__PURE__*/React.createElement(StyledTextContainer, {
+  }, previewElement, filename ? /*#__PURE__*/React__default.createElement(StyledTextContainer, {
     testID: "attachment-content"
-  }, /*#__PURE__*/React.createElement(Typography.Body, {
+  }, /*#__PURE__*/React__default.createElement(Typography.Body, {
     variant: "small",
     numberOfLines: 1
-  }, filename)) : null), onDownload ? /*#__PURE__*/React.createElement(StyledCTAWrapper, {
+  }, filename)) : null), onDownload ? /*#__PURE__*/React__default.createElement(StyledCTAWrapper, {
     onPress: onDownload,
     testID: "attachment-download-icon"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(Icon, {
     icon: "download-outlined",
     size: "small"
-  })) : null, onRemove ? /*#__PURE__*/React.createElement(StyledCTAWrapper, {
+  })) : null, onRemove ? /*#__PURE__*/React__default.createElement(StyledCTAWrapper, {
     onPress: onRemove,
     testID: "attachment-remove-icon"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(Icon, {
     icon: "trash-bin-outlined",
     size: "small",
     intent: "danger"
@@ -7818,16 +7839,16 @@ var Avatar = function Avatar(_ref) {
     hasImageError = _useState2[0],
     setHasImageError = _useState2[1];
   if (title === undefined && source === undefined) return null;
-  return /*#__PURE__*/React.createElement(StyledWrapper$b, {
+  return /*#__PURE__*/React__default.createElement(StyledWrapper$b, {
     testID: testID,
     onPress: onPress,
     disabled: onPress === undefined,
     themeIntent: intent,
     themeSize: size,
     style: style
-  }, (source === undefined || hasImageError) && /*#__PURE__*/React.createElement(StyledTextWrapper$1, null, /*#__PURE__*/React.createElement(StyledText$2, {
+  }, (source === undefined || hasImageError) && /*#__PURE__*/React__default.createElement(StyledTextWrapper$1, null, /*#__PURE__*/React__default.createElement(StyledText$2, {
     themeSize: size
-  }, title)), source !== undefined && /*#__PURE__*/React.createElement(StyledImage, {
+  }, title)), source !== undefined && /*#__PURE__*/React__default.createElement(StyledImage, {
     resizeMode: "cover",
     source: source,
     themeSize: size,
@@ -8072,7 +8093,7 @@ var Box = function Box(_ref) {
     style = _ref.style,
     testID = _ref.testID,
     otherProps = _objectWithoutProperties(_ref, _excluded$v);
-  return /*#__PURE__*/React.createElement(StyledBox, _extends$1({}, otherProps, {
+  return /*#__PURE__*/React__default.createElement(StyledBox, _extends$1({}, otherProps, {
     style: style,
     testID: testID
   }), children);
@@ -8171,7 +8192,7 @@ var Surplus = function Surplus(_ref) {
     backgroundColor = _ref.backgroundColor;
   if (value > 0) {
     if (renderSurplus) {
-      return /*#__PURE__*/React.createElement(StyledSurplusContainer, {
+      return /*#__PURE__*/React__default.createElement(StyledSurplusContainer, {
         testID: "surplus-container",
         themeSize: size,
         themeVariant: variant,
@@ -8181,7 +8202,7 @@ var Surplus = function Surplus(_ref) {
         }
       }, renderSurplus(value));
     }
-    return /*#__PURE__*/React.createElement(StyledAvatar, {
+    return /*#__PURE__*/React__default.createElement(StyledAvatar, {
       testID: "surplus-container",
       themeVariant: variant,
       title: "+".concat(value),
@@ -8217,7 +8238,7 @@ var AvatarStack = function AvatarStack(_ref2) {
     }
     return remain;
   }();
-  return /*#__PURE__*/React.createElement(StyledWrapper$a, {
+  return /*#__PURE__*/React__default.createElement(StyledWrapper$a, {
     themeSize: size,
     themeAvatarCount: avatars.length,
     themeHasSurplus: remainingAvatar > 0,
@@ -8225,7 +8246,7 @@ var AvatarStack = function AvatarStack(_ref2) {
     testID: testID,
     themeVariant: variant
   }, avatars.map(function (avt, index) {
-    return /*#__PURE__*/React.createElement(StyledAvatar, _extends$1({
+    return /*#__PURE__*/React__default.createElement(StyledAvatar, _extends$1({
       themeVariant: variant
     }, avt.props, {
       size: size,
@@ -8234,7 +8255,7 @@ var AvatarStack = function AvatarStack(_ref2) {
         backgroundColor: colors[index % colors.length]
       }
     }));
-  }), /*#__PURE__*/React.createElement(Surplus, {
+  }), /*#__PURE__*/React__default.createElement(Surplus, {
     value: remainingAvatar,
     index: avatars.length,
     size: size,
@@ -8295,10 +8316,10 @@ var Status = function Status(_ref) {
     style = _ref.style,
     testID = _ref.testID,
     nativeProps = _objectWithoutProperties(_ref, _excluded$u);
-  var _React$useRef = React.useRef(new Animated.Value(visible ? 1 : 0)),
+  var _React$useRef = React__default.useRef(new Animated.Value(visible ? 1 : 0)),
     opacity = _React$useRef.current;
-  var isFirstRendering = React.useRef(true);
-  React.useEffect(function () {
+  var isFirstRendering = React__default.useRef(true);
+  React__default.useEffect(function () {
     // Do not run animation on very first rendering
     if (isFirstRendering.current) {
       isFirstRendering.current = false;
@@ -8310,10 +8331,10 @@ var Status = function Status(_ref) {
       useNativeDriver: true
     }).start();
   }, [visible, opacity]);
-  return /*#__PURE__*/React.createElement(View, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(View, _extends$1({}, nativeProps, {
     style: style,
     testID: testID
-  }), children, /*#__PURE__*/React.createElement(StyledStatus, {
+  }), children, /*#__PURE__*/React__default.createElement(StyledStatus, {
     style: {
       opacity: opacity,
       transform: [{
@@ -8343,10 +8364,10 @@ var Badge = function Badge(_ref) {
     style = _ref.style,
     testID = _ref.testID,
     nativeProps = _objectWithoutProperties(_ref, _excluded$t);
-  var _React$useRef = React.useRef(new Animated.Value(visible ? 1 : 0)),
+  var _React$useRef = React__default.useRef(new Animated.Value(visible ? 1 : 0)),
     opacity = _React$useRef.current;
-  var isFirstRendering = React.useRef(true);
-  React.useEffect(function () {
+  var isFirstRendering = React__default.useRef(true);
+  React__default.useEffect(function () {
     // Do not run animation on very first rendering
     if (isFirstRendering.current) {
       isFirstRendering.current = false;
@@ -8359,7 +8380,7 @@ var Badge = function Badge(_ref) {
     }).start();
   }, [visible, opacity]);
   var content = typeof originalContent === 'number' && originalContent > max ? "".concat(max, "+") : String(originalContent);
-  return /*#__PURE__*/React.createElement(StyledView$2, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(StyledView$2, _extends$1({}, nativeProps, {
     themeIntent: intent,
     themePadding: getPaddingState(content),
     style: [{
@@ -8372,7 +8393,7 @@ var Badge = function Badge(_ref) {
       }]
     }, style],
     testID: testID
-  }), /*#__PURE__*/React.createElement(StyledText$1, null, content));
+  }), /*#__PURE__*/React__default.createElement(StyledText$1, null, content));
 };
 var Badge$1 = Object.assign(Badge, {
   Status: Status
@@ -8446,7 +8467,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
   /**
    * List of loaded tabs, tabs will be loaded when navigated to.
    */
-  var _React$useState = React.useState([selectedTabKey]),
+  var _React$useState = React__default.useState([selectedTabKey]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     loaded = _React$useState2[0],
     setLoaded = _React$useState2[1];
@@ -8456,7 +8477,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
       return [].concat(_toConsumableArray(loadedState), [selectedTabKey]);
     });
   }
-  return /*#__PURE__*/React.createElement(BottomNavigationContainer, nativeProps, /*#__PURE__*/React.createElement(ContentWrapper$2, null, tabs.map(function (tab) {
+  return /*#__PURE__*/React__default.createElement(BottomNavigationContainer, nativeProps, /*#__PURE__*/React__default.createElement(ContentWrapper$2, null, tabs.map(function (tab) {
     var key = tab.key,
       component = tab.component,
       testID = tab.testID;
@@ -8468,7 +8489,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
       // Don't render a screen if we've never navigated to it
       return null;
     }
-    return /*#__PURE__*/React.createElement(BottomNavigationTab, {
+    return /*#__PURE__*/React__default.createElement(BottomNavigationTab, {
       key: key,
       testID: testID ? "route-screen-".concat(testID) : undefined,
       pointerEvents: active ? 'auto' : 'none',
@@ -8481,26 +8502,26 @@ var BottomNavigation = function BottomNavigation(_ref) {
       isIOS ? selectedTabKey !== key : true,
       themeVisibility: active
     }, component);
-  })), /*#__PURE__*/React.createElement(BottomBarWrapper, {
+  })), /*#__PURE__*/React__default.createElement(BottomBarWrapper, {
     themeInsets: insets
-  }, /*#__PURE__*/React.createElement(BottomBar, null, tabs.map(function (tab) {
+  }, /*#__PURE__*/React__default.createElement(BottomBar, null, tabs.map(function (tab) {
     var key = tab.key,
       icon = tab.icon,
       title = tab.title,
       testID = tab.testID;
     var active = selectedTabKey === key;
     var inactiveIcon = getInactiveIcon(icon);
-    return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    return /*#__PURE__*/React__default.createElement(TouchableWithoutFeedback, {
       key: key,
       onPress: function onPress() {
         return onTabPress(key);
       },
       testID: testID
-    }, /*#__PURE__*/React.createElement(BottomBarItem, null, /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/React__default.createElement(BottomBarItem, null, /*#__PURE__*/React__default.createElement(Icon, {
       icon: active ? icon : inactiveIcon,
       intent: active ? 'primary' : 'text',
       testID: "hero-icon-".concat(icon)
-    }), !!title && /*#__PURE__*/React.createElement(StyledBottomBarText, {
+    }), !!title && /*#__PURE__*/React__default.createElement(StyledBottomBarText, {
       fontWeight: "semi-bold",
       intent: active ? 'primary' : 'body',
       numberOfLines: 1
@@ -8534,7 +8555,7 @@ var Divider = function Divider(_ref) {
     style = _ref.style,
     testID = _ref.testID,
     nativeProps = _objectWithoutProperties(_ref, _excluded$r);
-  return /*#__PURE__*/React.createElement(StyledDivider, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(StyledDivider, _extends$1({}, nativeProps, {
     themeMarginHorizontal: marginHorizontal,
     themeMarginVertical: marginVertical,
     style: style,
@@ -8611,7 +8632,7 @@ var StyledIconWrapper$4 = index$9(View)(function (_ref5) {
 var Footer$1 = function Footer(_ref) {
   var children = _ref.children,
     showDivider = _ref.showDivider;
-  return /*#__PURE__*/React.createElement(View, null, showDivider ? /*#__PURE__*/React.createElement(Divider, null) : null, /*#__PURE__*/React.createElement(StyledFooter, null, children));
+  return /*#__PURE__*/React__default.createElement(View, null, showDivider ? /*#__PURE__*/React__default.createElement(Divider, null) : null, /*#__PURE__*/React__default.createElement(StyledFooter, null, children));
 };
 
 var genLoadingIndicatorStyles = function genLoadingIndicatorStyles(theme, intent) {
@@ -8670,14 +8691,14 @@ var renderDotComponent = function renderDotComponent(_ref) {
     inputRange: [0.0, (index + 0.5) / (count + 1), (index + 1.0) / (count + 1), (index + 1.5) / (count + 1), 1.0],
     outputRange: [1.0, 1.36, 1.56, 1.06, 1.0]
   });
-  return /*#__PURE__*/React.createElement(Animated.View, {
+  return /*#__PURE__*/React__default.createElement(Animated.View, {
     style: StyleSheet$1.flatten([{
       transform: [{
         scale: interpolatedProgressAnimation
       }]
     }]),
     key: index
-  }, /*#__PURE__*/React.createElement(AnimatedLoadingDot, {
+  }, /*#__PURE__*/React__default.createElement(AnimatedLoadingDot, {
     size: size,
     themeVariant: themeVariant
   }));
@@ -8715,7 +8736,7 @@ var LoadingIndicator = function LoadingIndicator(_ref2) {
     }
     return null;
   };
-  return /*#__PURE__*/React.createElement(AnimatedLoadingIndicatorWrapper, _extends$1({
+  return /*#__PURE__*/React__default.createElement(AnimatedLoadingIndicatorWrapper, _extends$1({
     testID: testID
   }, nativeProps), Array.from(new Array(count), renderLoadingDot, themeVariant));
 };
@@ -8982,7 +9003,7 @@ var Button = function Button(_ref) {
     return getUnderlayColor(theme, themeVariant);
   }, [theme, themeVariant]);
   useDeprecation("Button variant ".concat(deprecatedVariants.join(', '), " are deprecated."), deprecatedVariants.includes(themeVariant));
-  return /*#__PURE__*/React.createElement(StyledButtonContainer, {
+  return /*#__PURE__*/React__default.createElement(StyledButtonContainer, {
     accessibilityHint: accessibilityHint,
     accessibilityLabel: accessibilityLabel,
     disabled: disabled || loading,
@@ -8992,31 +9013,31 @@ var Button = function Button(_ref) {
     themeButtonVariant: themeVariant,
     style: style,
     underlayColor: underlayColor
-  }, loading === true ? /*#__PURE__*/React.createElement(LoadingIndicator, {
+  }, loading === true ? /*#__PURE__*/React__default.createElement(LoadingIndicator, {
     testID: "".concat(testID, "-loading-indicator"),
     themeVariant: themeVariant
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, icon !== undefined && /*#__PURE__*/React.createElement(StyledButtonIconWrapper, {
+  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, icon !== undefined && /*#__PURE__*/React__default.createElement(StyledButtonIconWrapper, {
     themePosition: "left"
-  }, isIconName(icon) ? /*#__PURE__*/React.createElement(StyledButtonIcon, {
+  }, isIconName(icon) ? /*#__PURE__*/React__default.createElement(StyledButtonIcon, {
     disabled: disabled,
     icon: icon,
     testID: "".concat(testID, "-left-icon"),
     themeButtonVariant: themeVariant
-  }) : icon), isTextVariant(themeVariant) ? /*#__PURE__*/React.createElement(StyledButtonTitleOfVariantText, {
+  }) : icon), isTextVariant(themeVariant) ? /*#__PURE__*/React__default.createElement(StyledButtonTitleOfVariantText, {
     variant: "regular-bold",
     ellipsizeMode: "tail",
     numberOfLines: 1,
     disabled: disabled,
     themeButtonVariant: themeVariant
-  }, text) : /*#__PURE__*/React.createElement(StyledButtonText, {
+  }, text) : /*#__PURE__*/React__default.createElement(StyledButtonText, {
     level: "h5",
     ellipsizeMode: "tail",
     numberOfLines: 1,
     disabled: disabled,
     themeButtonVariant: themeVariant
-  }, text), rightIcon !== undefined && /*#__PURE__*/React.createElement(StyledButtonIconWrapper, {
+  }, text), rightIcon !== undefined && /*#__PURE__*/React__default.createElement(StyledButtonIconWrapper, {
     themePosition: "right"
-  }, isIconName(rightIcon) ? /*#__PURE__*/React.createElement(StyledButtonIcon, {
+  }, isIconName(rightIcon) ? /*#__PURE__*/React__default.createElement(StyledButtonIcon, {
     disabled: disabled,
     icon: rightIcon,
     testID: "".concat(testID, "-right-icon"),
@@ -9033,13 +9054,13 @@ var IconButton = function IconButton(_ref) {
     style = _ref.style,
     size = _ref.size,
     intent = _ref.intent;
-  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+  return /*#__PURE__*/React__default.createElement(TouchableOpacity, {
     style: style,
     onPress: onPress,
     testID: testID,
     hitSlop: hitSlop,
     disabled: disabled
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(Icon, {
     icon: icon,
     size: size,
     intent: disabled ? 'disabled-text' : intent
@@ -9082,16 +9103,16 @@ var UtilityButton = function UtilityButton(_ref) {
     intent = _ref$intent === void 0 ? 'text' : _ref$intent,
     style = _ref.style,
     hitSlop = _ref.hitSlop;
-  return /*#__PURE__*/React.createElement(ButtonContainer, {
+  return /*#__PURE__*/React__default.createElement(ButtonContainer, {
     style: style,
     onPress: onPress,
     testID: testID,
     hitSlop: hitSlop
-  }, /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(IconWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
     icon: icon,
     intent: intent,
     testID: "".concat(testID, "-icon")
-  })), /*#__PURE__*/React.createElement(ButtonText, {
+  })), /*#__PURE__*/React__default.createElement(ButtonText, {
     intent: TEXT_INTENTS[intent]
   }, text));
 };
@@ -9109,19 +9130,19 @@ var Header = function Header(_ref) {
     _ref$onRequestClose = _ref.onRequestClose,
     onRequestClose = _ref$onRequestClose === void 0 ? noop$1 : _ref$onRequestClose,
     showCloseButton = _ref.showCloseButton;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderWrapper, null, typeof content === 'string' ? /*#__PURE__*/React.createElement(StyledHeader, null, /*#__PURE__*/React.createElement(Typography.Body, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledHeaderWrapper, null, typeof content === 'string' ? /*#__PURE__*/React__default.createElement(StyledHeader, null, /*#__PURE__*/React__default.createElement(Typography.Body, {
     variant: "regular-bold"
-  }, content)) : /*#__PURE__*/React.createElement(View, {
+  }, content)) : /*#__PURE__*/React__default.createElement(View, {
     style: {
       flex: 1
     }
-  }, content), showCloseButton ? /*#__PURE__*/React.createElement(StyledIconWrapper$4, null, /*#__PURE__*/React.createElement(CompoundButton.Icon, {
+  }, content), showCloseButton ? /*#__PURE__*/React__default.createElement(StyledIconWrapper$4, null, /*#__PURE__*/React__default.createElement(CompoundButton.Icon, {
     icon: "cancel",
     onPress: onRequestClose,
     intent: "text",
     testID: "bottom-sheet-close-icon",
     size: "xsmall"
-  })) : null), showDivider ? /*#__PURE__*/React.createElement(Divider, null) : null);
+  })) : null), showDivider ? /*#__PURE__*/React__default.createElement(Divider, null) : null);
 };
 
 var _excluded$p = ["scrollEventThrottle"];
@@ -9146,7 +9167,7 @@ var BottomSheetScrollView = function BottomSheetScrollView(_ref) {
     setInternalShowDivider(false);
     props === null || props === void 0 || (_props$onMomentumScro2 = props.onMomentumScrollEnd) === null || _props$onMomentumScro2 === void 0 || _props$onMomentumScro2.call(props, e);
   }, []);
-  return /*#__PURE__*/React.createElement(ScrollView, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(ScrollView, _extends$1({}, props, {
     onScrollBeginDrag: onScrollBeginDrag,
     onMomentumScrollBegin: onMomentumScrollBegin,
     onMomentumScrollEnd: onMomentumScrollEnd,
@@ -9230,22 +9251,22 @@ var BottomSheet = function BottomSheet(_ref) {
       setInternalShowDivider: setInternalShowDivider
     };
   }, [setInternalShowDivider]);
-  return /*#__PURE__*/React.createElement(Modal$1, {
+  return /*#__PURE__*/React__default.createElement(Modal$1, {
     visible: visible,
     onRequestClose: onRequestClose,
     transparent: true,
     testID: testID,
     onShow: onOpen
-  }, /*#__PURE__*/React.createElement(StyledWrapper$9, {
+  }, /*#__PURE__*/React__default.createElement(StyledWrapper$9, {
     pointerEvents: "box-none"
-  }, /*#__PURE__*/React.createElement(StyledKeyboardAvoidingView, _extends$1({
+  }, /*#__PURE__*/React__default.createElement(StyledKeyboardAvoidingView, _extends$1({
     behavior: Platform.OS === 'ios' ? 'padding' : 'height'
-  }, keyboardAvoidingViewProps), /*#__PURE__*/React.createElement(StyledBackdrop$2, {
+  }, keyboardAvoidingViewProps), /*#__PURE__*/React__default.createElement(StyledBackdrop$2, {
     style: {
       opacity: interpolateOpacity
     },
     onPress: onRequestClose
-  }), /*#__PURE__*/React.createElement(StyledBottomSheet, {
+  }), /*#__PURE__*/React__default.createElement(StyledBottomSheet, {
     style: [style, {
       transform: [{
         scaleY: height > 0 ? 1 : 0
@@ -9253,14 +9274,14 @@ var BottomSheet = function BottomSheet(_ref) {
         translateY: interpolateY
       }]
     }]
-  }, header !== undefined ? /*#__PURE__*/React.createElement(Header, {
+  }, header !== undefined ? /*#__PURE__*/React__default.createElement(Header, {
     content: header,
     showDivider: internalShowDivider,
     onRequestClose: onRequestClose,
     showCloseButton: showCloseButton
-  }) : null, /*#__PURE__*/React.createElement(BottomSheetContext.Provider, {
+  }) : null, /*#__PURE__*/React__default.createElement(BottomSheetContext.Provider, {
     value: BottomSheetContextValue
-  }, children), footer ? /*#__PURE__*/React.createElement(Footer$1, {
+  }, children), footer ? /*#__PURE__*/React__default.createElement(Footer$1, {
     showDivider: showDivider
   }, footer) : null))));
 };
@@ -11561,29 +11582,29 @@ function ContentNavigator(_ref) {
     testID = _ref.testID,
     style = _ref.style;
   var theme = useTheme();
-  return /*#__PURE__*/React.createElement(Wrapper, {
+  return /*#__PURE__*/React__default.createElement(Wrapper, {
     testID: testID,
     style: style
-  }, /*#__PURE__*/React.createElement(CompoundButton.Icon, {
+  }, /*#__PURE__*/React__default.createElement(CompoundButton.Icon, {
     icon: "arrow-left",
     onPress: onPreviousPress,
     disabled: previousDisabled,
     testID: "previous-icon-button"
-  }), fontSize === 'medium' ? /*#__PURE__*/React.createElement(Typography.Body, {
+  }), fontSize === 'medium' ? /*#__PURE__*/React__default.createElement(Typography.Body, {
     style: {
       paddingHorizontal: theme.__hd__.contentNavigator.space.valueHorizontalPadding
     },
     variant: "small-bold",
     onPress: onPress,
     testID: "content-navigator-value"
-  }, value) : /*#__PURE__*/React.createElement(Typography.Title, {
+  }, value) : /*#__PURE__*/React__default.createElement(Typography.Title, {
     style: {
       paddingHorizontal: theme.__hd__.contentNavigator.space.valueHorizontalPadding
     },
     level: "h5",
     onPress: onPress,
     testID: "content-navigator-value"
-  }, value), /*#__PURE__*/React.createElement(CompoundButton.Icon, {
+  }, value), /*#__PURE__*/React__default.createElement(CompoundButton.Icon, {
     icon: "arrow-right",
     onPress: onNextPress,
     disabled: nextDisabled,
@@ -11640,7 +11661,7 @@ var StyledCalendarRow = index$9(View)(function (_ref5) {
 var StyledCalendarRowItem = index$9(View)(function (_ref6) {
   var theme = _ref6.theme;
   return {
-    flexBasis: "".concat(Math.floor(100.0 / 7.0).toString(), "%"),
+    flexBasis: "".concat(Math.floor(100.0 / 7.0), "%"),
     alignItems: 'center',
     width: theme.__hd__.calendar.sizes.cellWidth,
     height: theme.__hd__.calendar.sizes.cellHeight,
@@ -11650,7 +11671,7 @@ var StyledCalendarRowItem = index$9(View)(function (_ref6) {
 var StyledDisabledCalendarRowItem = index$9(View)(function (_ref7) {
   var theme = _ref7.theme;
   return {
-    flexBasis: "".concat(Math.floor(100.0 / 7.0).toString(), "%"),
+    flexBasis: "".concat(Math.floor(100.0 / 7.0), "%"),
     alignItems: 'center',
     width: theme.__hd__.calendar.sizes.cellWidth,
     height: theme.__hd__.calendar.sizes.cellHeight
@@ -11686,15 +11707,15 @@ var CalendarRowItem = function CalendarRowItem(_ref) {
     textIntent = _ref$textIntent === void 0 ? 'body' : _ref$textIntent,
     _ref$marked = _ref.marked,
     marked = _ref$marked === void 0 ? false : _ref$marked;
-  return /*#__PURE__*/React.createElement(StyledCalendarRowItem, {
+  return /*#__PURE__*/React__default.createElement(StyledCalendarRowItem, {
     testID: "calendar-date-cell"
-  }, /*#__PURE__*/React.createElement(StyledCalendarCell, {
+  }, /*#__PURE__*/React__default.createElement(StyledCalendarCell, {
     variant: getCellVariant(isSelected, isCurrent),
     onPress: onPress
-  }, /*#__PURE__*/React.createElement(Typography.Body, {
+  }, /*#__PURE__*/React__default.createElement(Typography.Body, {
     variant: "small",
     intent: isSelected ? 'inverted' : textIntent
-  }, date ? date.getDate() : ''), marked ? /*#__PURE__*/React.createElement(StyledMark, {
+  }, date ? date.getDate() : ''), marked ? /*#__PURE__*/React__default.createElement(StyledMark, {
     testID: "calendar-date-mark",
     variant: isSelected ? 'inverted' : 'primary'
   }) : null));
@@ -11759,11 +11780,11 @@ var Calendar = function Calendar(_ref) {
   var parsedMaskedDate = markedDates.reduce(function (current, markedDate) {
     return _objectSpread2(_objectSpread2({}, current), {}, _defineProperty({}, markedDate.toDateString(), true));
   }, {});
-  var _React$useState = React.useState(false),
+  var _React$useState = React__default.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     monthPickerVisible = _React$useState2[0],
     setMonthPickerVisible = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
+  var _React$useState3 = React__default.useState(0),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     contentHeight = _React$useState4[0],
     setContentHeight = _React$useState4[1];
@@ -11792,26 +11813,26 @@ var Calendar = function Calendar(_ref) {
   var disableNextButton = maxDate === undefined ? false : !daysOfNextMonth.some(function (date) {
     return date !== undefined;
   }) || maxDate <= lastDateOfMonth;
-  return /*#__PURE__*/React.createElement(StyledContainer$5, {
+  return /*#__PURE__*/React__default.createElement(StyledContainer$5, {
     testID: testID
-  }, /*#__PURE__*/React.createElement(StyledCalendarHeader, null, /*#__PURE__*/React.createElement(ContentNavigator, {
-    value: !useMonthPicker ? formatTime('MMMM yyyy', visibleDate) : /*#__PURE__*/React.createElement(TouchableOpacity, {
+  }, /*#__PURE__*/React__default.createElement(StyledCalendarHeader, null, /*#__PURE__*/React__default.createElement(ContentNavigator, {
+    value: !useMonthPicker ? formatTime('MMMM yyyy', visibleDate) : /*#__PURE__*/React__default.createElement(TouchableOpacity, {
       testID: "calendar-month-picker",
       onPress: function onPress() {
         onToggleMonthPicker === null || onToggleMonthPicker === void 0 || onToggleMonthPicker(!monthPickerVisible);
         setMonthPickerVisible(!monthPickerVisible);
       }
-    }, /*#__PURE__*/React.createElement(Box, {
+    }, /*#__PURE__*/React__default.createElement(Box, {
       flexDirection: "row",
       justifyContent: "center",
       alignItems: "center"
-    }, /*#__PURE__*/React.createElement(Typography.Title, {
+    }, /*#__PURE__*/React__default.createElement(Typography.Title, {
       level: "h5",
       style: {
         textAlign: 'center',
         marginRight: theme.__hd__.calendar.space.headerMarginRight
       }
-    }, formatTime('MMMM yyyy', visibleDate)), /*#__PURE__*/React.createElement(Icon, {
+    }, formatTime('MMMM yyyy', visibleDate)), /*#__PURE__*/React__default.createElement(Icon, {
       icon: monthPickerVisible ? 'arrow-up' : 'arrow-down',
       size: "small"
     }))),
@@ -11821,11 +11842,11 @@ var Calendar = function Calendar(_ref) {
     previousDisabled: disablePrevButton,
     nextDisabled: disableNextButton,
     fontSize: "large"
-  })), Platform.OS === 'ios' && monthPickerVisible ? /*#__PURE__*/React.createElement(Box, {
+  })), Platform.OS === 'ios' && monthPickerVisible ? /*#__PURE__*/React__default.createElement(Box, {
     style: {
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React.createElement(MonthYearPickerViewIOS, {
+  }, /*#__PURE__*/React__default.createElement(MonthYearPickerViewIOS, {
     value: value,
     minimumDate: minDate,
     maximumDate: maxDate,
@@ -11834,18 +11855,18 @@ var Calendar = function Calendar(_ref) {
       height: contentHeight + theme.__hd__.calendar.space.iosPickerMarginVertical * 2,
       marginVertical: -theme.__hd__.calendar.space.iosPickerMarginVertical
     }
-  })) : /*#__PURE__*/React.createElement(Box, {
+  })) : /*#__PURE__*/React__default.createElement(Box, {
     onLayout: Platform.OS === 'ios' ? function (e) {
       return setContentHeight(e.nativeEvent.layout.height);
     } : undefined
-  }, /*#__PURE__*/React.createElement(StyledCalendarRow, null, DAYS_OF_WEEK.map(function (day) {
-    return /*#__PURE__*/React.createElement(StyledCalendarRowItem, {
+  }, /*#__PURE__*/React__default.createElement(StyledCalendarRow, null, DAYS_OF_WEEK.map(function (day) {
+    return /*#__PURE__*/React__default.createElement(StyledCalendarRowItem, {
       key: day
-    }, /*#__PURE__*/React.createElement(StyledCalendarDayNameCell, null, /*#__PURE__*/React.createElement(Typography.Body, {
+    }, /*#__PURE__*/React__default.createElement(StyledCalendarDayNameCell, null, /*#__PURE__*/React__default.createElement(Typography.Body, {
       variant: "small"
     }, day)));
-  })), /*#__PURE__*/React.createElement(StyledCalendarRow, null, daysOfPreviousMonth.map(function (date) {
-    return date ? /*#__PURE__*/React.createElement(CalendarRowItem, {
+  })), /*#__PURE__*/React__default.createElement(StyledCalendarRow, null, daysOfPreviousMonth.map(function (date) {
+    return date ? /*#__PURE__*/React__default.createElement(CalendarRowItem, {
       key: date.toDateString(),
       date: date,
       isCurrent: isEqDate(now, date),
@@ -11855,11 +11876,11 @@ var Calendar = function Calendar(_ref) {
       },
       textIntent: "subdued",
       marked: parsedMaskedDate[date.toDateString()]
-    }) : /*#__PURE__*/React.createElement(StyledDisabledCalendarRowItem, {
+    }) : /*#__PURE__*/React__default.createElement(StyledDisabledCalendarRowItem, {
       testID: "calendar-disabled-cell"
     });
   }), daysOfCurrentMonth.map(function (date) {
-    return date ? /*#__PURE__*/React.createElement(CalendarRowItem, {
+    return date ? /*#__PURE__*/React__default.createElement(CalendarRowItem, {
       key: date.toDateString(),
       date: date,
       isCurrent: isEqDate(now, date),
@@ -11868,11 +11889,11 @@ var Calendar = function Calendar(_ref) {
         return onChange === null || onChange === void 0 ? void 0 : onChange(date);
       },
       marked: parsedMaskedDate[date.toDateString()]
-    }) : /*#__PURE__*/React.createElement(StyledDisabledCalendarRowItem, {
+    }) : /*#__PURE__*/React__default.createElement(StyledDisabledCalendarRowItem, {
       testID: "calendar-disabled-cell"
     });
   }), daysOfNextMonth.map(function (date) {
-    return date ? /*#__PURE__*/React.createElement(CalendarRowItem, {
+    return date ? /*#__PURE__*/React__default.createElement(CalendarRowItem, {
       key: date.toDateString(),
       date: date,
       isCurrent: isEqDate(now, date),
@@ -11882,10 +11903,10 @@ var Calendar = function Calendar(_ref) {
       },
       textIntent: "subdued",
       marked: parsedMaskedDate[date.toDateString()]
-    }) : /*#__PURE__*/React.createElement(StyledDisabledCalendarRowItem, {
+    }) : /*#__PURE__*/React__default.createElement(StyledDisabledCalendarRowItem, {
       testID: "calendar-disabled-cell"
     });
-  })), Platform.OS === 'android' && monthPickerVisible && /*#__PURE__*/React.createElement(MonthYearPickerDialogueAndroid, {
+  })), Platform.OS === 'android' && monthPickerVisible && /*#__PURE__*/React__default.createElement(MonthYearPickerDialogueAndroid, {
     doneButtonLabel: monthPickerConfirmLabel,
     cancelButtonLabel: monthPickerCancelLabel,
     value: value,
@@ -11925,7 +11946,7 @@ var DataCard = function DataCard(_ref) {
     intent = _ref$intent === void 0 ? 'info' : _ref$intent,
     children = _ref.children,
     nativeProps = _objectWithoutProperties(_ref, _excluded$o);
-  return /*#__PURE__*/React.createElement(StyledDataCard, nativeProps, /*#__PURE__*/React.createElement(Indicator, {
+  return /*#__PURE__*/React__default.createElement(StyledDataCard, nativeProps, /*#__PURE__*/React__default.createElement(Indicator, {
     themeIntent: intent,
     testID: "data-card-indicator"
   }), children);
@@ -11947,7 +11968,7 @@ var Card = function Card(_ref) {
   var intent = _ref.intent,
     children = _ref.children,
     nativeProps = _objectWithoutProperties(_ref, _excluded$n);
-  return /*#__PURE__*/React.createElement(StyledCard$1, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(StyledCard$1, _extends$1({}, nativeProps, {
     themeIntent: intent
   }), children);
 };
@@ -11979,14 +12000,14 @@ var PageControl = function PageControl(_ref) {
     testID = _ref.testID,
     style = _ref.style;
   var theme = useTheme();
-  var animatedValue = React.useRef(new Animated.Value(currentPage)).current;
-  React.useEffect(function () {
+  var animatedValue = React__default.useRef(new Animated.Value(currentPage)).current;
+  React__default.useEffect(function () {
     Animated.spring(animatedValue, {
       toValue: currentPage,
       useNativeDriver: false // Native driver does not support animating width, it will cause the app to crash if set to true
     }).start();
   }, [currentPage]);
-  return /*#__PURE__*/React.createElement(StyledPageControl$2, {
+  return /*#__PURE__*/React__default.createElement(StyledPageControl$2, {
     testID: testID,
     style: style
   }, new Array(numberOfPages).fill('').map(function (_, index) {
@@ -12001,7 +12022,7 @@ var PageControl = function PageControl(_ref) {
       outputRange: [0.5, 1, 0.5],
       extrapolate: 'clamp'
     });
-    return /*#__PURE__*/React.createElement(StyledPageControlAnimatedView, {
+    return /*#__PURE__*/React__default.createElement(StyledPageControlAnimatedView, {
       accessibilityState: {
         selected: index === currentPage
       },
@@ -12099,7 +12120,7 @@ var CardCarousel = /*#__PURE__*/forwardRef(function (_ref, ref) {
       viewPosition: viewPosition
     });
   }, [currentIndex, items.length, viewPosition]);
-  React.useImperativeHandle(ref, function () {
+  React__default.useImperativeHandle(ref, function () {
     return {
       snapToIndex: function snapToIndex(index) {
         _snapToIndex(index);
@@ -12145,17 +12166,17 @@ var CardCarousel = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, [setFlatListWidth, onLayout]);
   var renderItem = useCallback(function (_ref3) {
     var item = _ref3.item;
-    return /*#__PURE__*/React.createElement(StyledItemWrapper, {
+    return /*#__PURE__*/React__default.createElement(StyledItemWrapper, {
       style: {
         width: itemWidth
       }
-    }, /*#__PURE__*/React.createElement(StyledCard, null, item));
+    }, /*#__PURE__*/React__default.createElement(StyledCard, null, item));
   }, [itemWidth]);
   var contentContainerPaddingHorizontal = theme.__hd__.cardCarousel.space.contentContainerPaddingHorizontal;
-  return /*#__PURE__*/React.createElement(StyledWrapper$8, {
+  return /*#__PURE__*/React__default.createElement(StyledWrapper$8, {
     style: style,
     testID: testID
-  }, /*#__PURE__*/React.createElement(FlatList, {
+  }, /*#__PURE__*/React__default.createElement(FlatList, {
     contentInset: {
       top: 0,
       left: contentContainerPaddingHorizontal,
@@ -12163,14 +12184,14 @@ var CardCarousel = /*#__PURE__*/forwardRef(function (_ref, ref) {
       right: contentContainerPaddingHorizontal
     },
     ListHeaderComponent: Platform.select({
-      android: /*#__PURE__*/React.createElement(View, {
+      android: /*#__PURE__*/React__default.createElement(View, {
         style: {
           width: contentContainerPaddingHorizontal
         }
       })
     }),
     ListFooterComponent: Platform.select({
-      android: /*#__PURE__*/React.createElement(View, {
+      android: /*#__PURE__*/React__default.createElement(View, {
         style: {
           width: contentContainerPaddingHorizontal
         }
@@ -12199,7 +12220,7 @@ var CardCarousel = /*#__PURE__*/forwardRef(function (_ref, ref) {
     viewabilityConfig: {
       itemVisiblePercentThreshold: 80
     }
-  }), !hidePageControl && /*#__PURE__*/React.createElement(StyledPageControl$1, {
+  }), !hidePageControl && /*#__PURE__*/React__default.createElement(StyledPageControl$1, {
     testID: "pageControl",
     currentPage: currentIndex,
     numberOfPages: items.length
@@ -12218,7 +12239,7 @@ var Image = function Image(_ref) {
     imageNativeProps = _objectWithoutProperties(_ref, _excluded$m);
   var theme = useTheme();
   var imageSize = theme.__hd__.image.sizes[size];
-  return /*#__PURE__*/React.createElement(Image$1, _extends$1({
+  return /*#__PURE__*/React__default.createElement(Image$1, _extends$1({
     testID: testID,
     style: [{
       width: imageSize,
@@ -12260,15 +12281,15 @@ var StyledCarouselImage = index$9(Image)(function () {
   };
 });
 var StyledCustomSizeCarouselImage = index$9(Image)(function (_ref3) {
-  var height = _ref3.height,
-    _ref3$resizeMode = _ref3.resizeMode,
-    resizeMode = _ref3$resizeMode === void 0 ? 'contain' : _ref3$resizeMode,
-    width = _ref3.width;
+  var themeHeight = _ref3.themeHeight,
+    _ref3$themeResizeMode = _ref3.themeResizeMode,
+    themeResizeMode = _ref3$themeResizeMode === void 0 ? 'contain' : _ref3$themeResizeMode,
+    themeWidth = _ref3.themeWidth;
   return {
     alignSelf: 'center',
-    width: width,
-    height: height,
-    resizeMode: resizeMode
+    width: themeWidth,
+    height: themeHeight,
+    resizeMode: themeResizeMode
   };
 });
 var StyledCarouselContentWrapper = index$9(Box)(function (_ref4) {
@@ -12312,20 +12333,20 @@ var CarouselItem = function CarouselItem(_ref) {
     heading = _ref.heading,
     body = _ref.body;
   var theme = useTheme$1();
-  var ImageComponent = React.useMemo(function () {
+  var ImageComponent = React__default.useMemo(function () {
     if (image) {
       if (isCarouselImageProps(image)) {
-        return /*#__PURE__*/React.createElement(StyledCustomSizeCarouselImage, {
+        return /*#__PURE__*/React__default.createElement(StyledCustomSizeCarouselImage, {
           source: image,
-          height: image.height,
-          width: image.width,
-          resizeMode: image.resizeMode,
+          themeHeight: image.height,
+          themeWidth: image.width,
+          themeResizeMode: image.resizeMode,
           style: {
             marginBottom: theme.space.medium
           }
         });
       }
-      return /*#__PURE__*/React.createElement(StyledCarouselImage, {
+      return /*#__PURE__*/React__default.createElement(StyledCarouselImage, {
         source: typeof image === 'string' ? {
           uri: image
         } : image,
@@ -12336,17 +12357,17 @@ var CarouselItem = function CarouselItem(_ref) {
     }
     return null;
   }, [image]);
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React__default.createElement(Box, {
     style: {
       width: width
     }
-  }, ImageComponent, /*#__PURE__*/React.createElement(StyledCarouselContentWrapper, {
+  }, ImageComponent, /*#__PURE__*/React__default.createElement(StyledCarouselContentWrapper, {
     paddingHorizontal: "medium",
     width: width
-  }, content, !!heading && /*#__PURE__*/React.createElement(StyledCarouselHeading, {
+  }, content, !!heading && /*#__PURE__*/React__default.createElement(StyledCarouselHeading, {
     level: "h1",
     typeface: "playful"
-  }, heading), !!body && /*#__PURE__*/React.createElement(Typography.Body, null, body)));
+  }, heading), !!body && /*#__PURE__*/React__default.createElement(Typography.Body, null, body)));
 };
 
 var _excluded$l = ["items", "onItemIndexChange", "renderActions", "selectedItemIndex", "style", "shouldShowPagination", "testID", "pageControlPosition"];
@@ -12427,15 +12448,15 @@ var Carousel = function Carousel(_ref) {
       internalOnItemIndexChange(firstVisibleItem.index || 0);
     }
   });
-  return /*#__PURE__*/React.createElement(View, _extends$1({
+  return /*#__PURE__*/React__default.createElement(View, _extends$1({
     style: style,
     testID: testID
-  }, nativeProps), /*#__PURE__*/React.createElement(StyledBackDrop, {
+  }, nativeProps), /*#__PURE__*/React__default.createElement(StyledBackDrop, {
     themeSlideBackground: ((_items$currentSlideIn = items[currentSlideIndex]) === null || _items$currentSlideIn === void 0 ? void 0 : _items$currentSlideIn.background) || theme.colors.defaultGlobalSurface
-  }), /*#__PURE__*/React.createElement(StyledPageControlWrapper, null, pageControlPosition === 'top' && shouldRenderPagination && /*#__PURE__*/React.createElement(StyledPageControl, {
+  }), /*#__PURE__*/React__default.createElement(StyledPageControlWrapper, null, pageControlPosition === 'top' && shouldRenderPagination && /*#__PURE__*/React__default.createElement(StyledPageControl, {
     numberOfPages: items.length,
     currentPage: currentSlideIndex
-  })), /*#__PURE__*/React.createElement(StyledCarouselView, null, /*#__PURE__*/React.createElement(FlatList, {
+  })), /*#__PURE__*/React__default.createElement(StyledCarouselView, null, /*#__PURE__*/React__default.createElement(FlatList, {
     onLayout: flatListOnLayout,
     testID: testID ? "".concat(testID, "_flatlist") : undefined,
     horizontal: true,
@@ -12463,7 +12484,7 @@ var Carousel = function Carousel(_ref) {
         heading = item.heading,
         body = item.body,
         content = item.content;
-      return /*#__PURE__*/React.createElement(CarouselItem, {
+      return /*#__PURE__*/React__default.createElement(CarouselItem, {
         image: image,
         heading: heading,
         body: body,
@@ -12478,7 +12499,7 @@ var Carousel = function Carousel(_ref) {
         index: index
       };
     }
-  }), /*#__PURE__*/React.createElement(StyledCarouselFooterWrapper, null, renderActions && renderActions(currentSlideIndex), pageControlPosition === 'bottom' && shouldRenderPagination && /*#__PURE__*/React.createElement(StyledPageControl, {
+  }), /*#__PURE__*/React__default.createElement(StyledCarouselFooterWrapper, null, renderActions && renderActions(currentSlideIndex), pageControlPosition === 'bottom' && shouldRenderPagination && /*#__PURE__*/React__default.createElement(StyledPageControl, {
     numberOfPages: items.length,
     currentPage: currentSlideIndex
   }))));
@@ -12596,7 +12617,7 @@ var Chip = function Chip(_ref) {
     icon = _ref.icon,
     onPress = _ref.onPress,
     otherProps = _objectWithoutProperties(_ref, _excluded$k);
-  var internalIcon = React.useMemo(function () {
+  var internalIcon = React__default.useMemo(function () {
     if (icon && variant === 'filled') {
       return icon;
     }
@@ -12605,17 +12626,17 @@ var Chip = function Chip(_ref) {
     }
     return undefined;
   }, [icon, selected, variant]);
-  return /*#__PURE__*/React.createElement(StyledChipWrapper, _extends$1({
+  return /*#__PURE__*/React__default.createElement(StyledChipWrapper, _extends$1({
     onPress: onPress,
     themeVariant: variant,
     themeSelected: selected
-  }, otherProps), internalIcon && /*#__PURE__*/React.createElement(StyledIconWrapper$3, null, /*#__PURE__*/React.createElement(StyledIcon$1, {
+  }, otherProps), internalIcon && /*#__PURE__*/React__default.createElement(StyledIconWrapper$3, null, /*#__PURE__*/React__default.createElement(StyledIcon$1, {
     size: "xsmall",
     icon: internalIcon,
     themeSelected: selected,
     themeVariant: variant,
     testID: "chip-icon-".concat(internalIcon)
-  })), /*#__PURE__*/React.createElement(StyledLabel, {
+  })), /*#__PURE__*/React__default.createElement(StyledLabel, {
     variant: "small",
     themeVariant: variant,
     themeSelected: selected
@@ -12696,20 +12717,20 @@ var Checkbox = function Checkbox(_ref2) {
     disabled: disabled,
     readonly: readonly
   });
-  return /*#__PURE__*/React.createElement(StyledWrapper$7, {
+  return /*#__PURE__*/React__default.createElement(StyledWrapper$7, {
     onPress: onPress,
     disabled: disabled || readonly,
     themeState: themeState,
     style: style,
     testID: testID
-  }, !!description && /*#__PURE__*/React.createElement(StyledDescription$1, {
+  }, !!description && /*#__PURE__*/React__default.createElement(StyledDescription$1, {
     intent: disabled ? 'subdued' : 'body',
     variant: "small"
-  }, description), /*#__PURE__*/React.createElement(StyledCheckboxContainer, null, checked && /*#__PURE__*/React.createElement(StyledCheckMark, {
+  }, description), /*#__PURE__*/React__default.createElement(StyledCheckboxContainer, null, checked && /*#__PURE__*/React__default.createElement(StyledCheckMark, {
     icon: "box-check",
     testID: "check-mark",
     themeState: themeState
-  }), /*#__PURE__*/React.createElement(StyledCheckbox, {
+  }), /*#__PURE__*/React__default.createElement(StyledCheckbox, {
     themeState: themeState
   })));
 };
@@ -12870,21 +12891,21 @@ var LABEL_ANIMATION_DURATION = 150;
 var renderErrorOrHelpText = function renderErrorOrHelpText(_ref2) {
   var error = _ref2.error,
     helpText = _ref2.helpText;
-  return error ? /*#__PURE__*/React.createElement(StyledErrorContainer$2, null, /*#__PURE__*/React.createElement(Icon, {
+  return error ? /*#__PURE__*/React__default.createElement(StyledErrorContainer$2, null, /*#__PURE__*/React__default.createElement(Icon, {
     testID: "input-error-icon",
     icon: "circle-info",
     size: "xsmall",
     intent: "danger"
-  }), /*#__PURE__*/React.createElement(StyledError, {
+  }), /*#__PURE__*/React__default.createElement(StyledError, {
     testID: "input-error-message"
-  }, error)) : !!helpText && /*#__PURE__*/React.createElement(StyledHelperText, null, helpText);
+  }, error)) : !!helpText && /*#__PURE__*/React__default.createElement(StyledHelperText, null, helpText);
 };
 var renderInput = function renderInput(_ref3) {
   var variant = _ref3.variant,
     nativeInputProps = _ref3.nativeInputProps,
     renderInputValue = _ref3.renderInputValue,
     ref = _ref3.ref;
-  return renderInputValue ? renderInputValue(nativeInputProps) : /*#__PURE__*/React.createElement(StyledTextInput, _extends$1({}, nativeInputProps, {
+  return renderInputValue ? renderInputValue(nativeInputProps) : /*#__PURE__*/React__default.createElement(StyledTextInput, _extends$1({}, nativeInputProps, {
     themeVariant: variant,
     multiline: variant === 'textarea' || nativeInputProps.multiline,
     ref: ref
@@ -12895,7 +12916,7 @@ var renderSuffix = function renderSuffix(_ref4) {
     loading = _ref4.loading,
     suffix = _ref4.suffix;
   var actualSuffix = loading ? 'loading' : suffix;
-  return typeof actualSuffix === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+  return typeof actualSuffix === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
     intent: state === 'disabled' ? 'disabled-text' : 'text',
     testID: "input-suffix",
     icon: actualSuffix,
@@ -12906,7 +12927,7 @@ var renderSuffix = function renderSuffix(_ref4) {
 var renderPrefix = function renderPrefix(_ref5) {
   var state = _ref5.state,
     prefix = _ref5.prefix;
-  return typeof prefix === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+  return typeof prefix === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
     intent: state === 'disabled' ? 'disabled-text' : 'text',
     testID: "input-prefix",
     icon: prefix,
@@ -12919,7 +12940,7 @@ var renderMaxLengthMessage = function renderMaxLengthMessage(_ref6) {
     currentLength = _ref6.currentLength,
     hideCharacterCount = _ref6.hideCharacterCount;
   var shouldShowMaxLength = maxLength !== undefined && !hideCharacterCount;
-  return shouldShowMaxLength && /*#__PURE__*/React.createElement(StyledMaxLengthMessage, {
+  return shouldShowMaxLength && /*#__PURE__*/React__default.createElement(StyledMaxLengthMessage, {
     themeState: state
   }, currentLength, "/", maxLength);
 };
@@ -12957,22 +12978,22 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref8, ref) {
     nativeProps = _objectWithoutProperties(_ref8, _excluded$j);
   var displayText = getDisplayText(value, defaultValue);
   var isEmptyValue = displayText.length === 0;
-  var _React$useState = React.useState({
+  var _React$useState = React__default.useState({
       height: 0,
       width: 0
     }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     inputSize = _React$useState2[0],
     setInputSize = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
+  var _React$useState3 = React__default.useState(0),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     labelWidth = _React$useState4[0],
     setLabelWidth = _React$useState4[1];
-  var _React$useState5 = React.useState(0),
+  var _React$useState5 = React__default.useState(0),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     prefixWidth = _React$useState6[0],
     setPrefixWidth = _React$useState6[1];
-  var _React$useState7 = React.useState(false),
+  var _React$useState7 = React__default.useState(false),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     isFocused = _React$useState8[0],
     setIsFocused = _React$useState8[1];
@@ -13013,8 +13034,8 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref8, ref) {
     var width = event.nativeEvent.layout.width;
     setLabelWidth(width);
   }, []);
-  var innerTextInput = React.useRef();
-  React.useImperativeHandle(ref, function () {
+  var innerTextInput = React__default.useRef();
+  React__default.useImperativeHandle(ref, function () {
     return {
       // we don't expose this method, it's for testing https://medium.com/developer-rants/how-to-test-useref-without-mocking-useref-699165f4994e
       getNativeTextInputRef: function getNativeTextInputRef() {
@@ -13106,25 +13127,25 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref8, ref) {
     defaultValue: defaultValue,
     placeholder: isFocused || label === undefined ? nativeProps.placeholder : EMPTY_PLACEHOLDER_VALUE
   });
-  return /*#__PURE__*/React.createElement(StyledContainer$4, {
+  return /*#__PURE__*/React__default.createElement(StyledContainer$4, {
     style: styleWithoutBackgroundColor,
     pointerEvents: state === 'disabled' || state === 'readonly' ? 'none' : 'auto',
     testID: testID
-  }, /*#__PURE__*/React.createElement(StyledTextInputContainer, {
+  }, /*#__PURE__*/React__default.createElement(StyledTextInputContainer, {
     onLayout: onLayout
-  }, /*#__PURE__*/React.createElement(StyledBorderBackDrop, {
+  }, /*#__PURE__*/React__default.createElement(StyledBorderBackDrop, {
     themeFocused: isFocused,
     themeState: state,
     testID: "text-input-border",
     style: [{
       backgroundColor: backgroundColor
     }, borderStyle]
-  }), /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React__default.createElement(View, {
     onLayout: onPrefixLayout
   }, renderPrefix({
     state: state,
     prefix: prefix
-  })), /*#__PURE__*/React.createElement(StyledLabelContainerInsideTextInput, {
+  })), /*#__PURE__*/React__default.createElement(StyledLabelContainerInsideTextInput, {
     themeVariant: variant,
     pointerEvents: "none",
     style: [{
@@ -13147,13 +13168,13 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref8, ref) {
         })
       }]
     }]
-  }, required && /*#__PURE__*/React.createElement(StyledAsteriskLabelInsideTextInput, {
+  }, required && /*#__PURE__*/React__default.createElement(StyledAsteriskLabelInsideTextInput, {
     style: {
       backgroundColor: backgroundColor
     },
     themeState: state,
     testID: "input-label-asterisk"
-  }, "*"), !!label && /*#__PURE__*/React.createElement(StyledLabelInsideTextInput, {
+  }, "*"), !!label && /*#__PURE__*/React__default.createElement(StyledLabelInsideTextInput, {
     style: {
       backgroundColor: backgroundColor
     },
@@ -13161,7 +13182,7 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref8, ref) {
     testID: "input-label",
     themeState: state,
     onLayout: onLabelLayout
-  }, label)), /*#__PURE__*/React.createElement(StyledTextInputAndLabelContainer, null, renderInput({
+  }, label)), /*#__PURE__*/React__default.createElement(StyledTextInputAndLabelContainer, null, renderInput({
     variant: variant,
     nativeInputProps: nativeInputProps,
     renderInputValue: renderInputValue,
@@ -13172,7 +13193,7 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref8, ref) {
     state: state,
     loading: loading,
     suffix: suffix
-  })), /*#__PURE__*/React.createElement(StyledErrorAndHelpTextContainer, null, /*#__PURE__*/React.createElement(StyledErrorAndMaxLengthContainer, null, renderErrorOrHelpText({
+  })), /*#__PURE__*/React__default.createElement(StyledErrorAndHelpTextContainer, null, /*#__PURE__*/React__default.createElement(StyledErrorAndMaxLengthContainer, null, renderErrorOrHelpText({
     error: error,
     helpText: helpText
   }), renderMaxLengthMessage({
@@ -13233,15 +13254,15 @@ var DatePickerAndroid = function DatePickerAndroid(_ref) {
     onChange: _onChange,
     value: value
   });
-  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+  return /*#__PURE__*/React__default.createElement(TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     },
     disabled: disabled
-  }, /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React__default.createElement(View, {
     pointerEvents: "none",
     testID: "datePickerInputAndroid"
-  }, /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React__default.createElement(TextInput, {
     label: label,
     value: displayValue,
     suffix: "calendar-dates-outlined",
@@ -13252,7 +13273,7 @@ var DatePickerAndroid = function DatePickerAndroid(_ref) {
     helpText: helpText,
     style: style,
     testID: testID
-  })), open ? /*#__PURE__*/React.createElement(DateTimePicker, {
+  })), open ? /*#__PURE__*/React__default.createElement(DateTimePicker, {
     testID: "datePickerAndroid",
     mode: "date",
     value: pickerInitValue,
@@ -13284,7 +13305,7 @@ var InternalCalendar = function InternalCalendar(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectingDate = _useState4[0],
     setSelectingDate = _useState4[1];
-  return /*#__PURE__*/React.createElement(Calendar, {
+  return /*#__PURE__*/React__default.createElement(Calendar, {
     testID: "calendar",
     value: selectingDate,
     visibleDate: visibleDate,
@@ -13351,15 +13372,15 @@ var DatePickerCalendar = function DatePickerCalendar(_ref2) {
     onChange: onChange,
     value: value
   });
-  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+  return /*#__PURE__*/React__default.createElement(TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     },
     disabled: disabled
-  }, /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React__default.createElement(View, {
     pointerEvents: "none",
     testID: "datePickerCalendar"
-  }, /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React__default.createElement(TextInput, {
     label: label,
     value: displayValue,
     suffix: "calendar-dates-outlined",
@@ -13370,13 +13391,13 @@ var DatePickerCalendar = function DatePickerCalendar(_ref2) {
     helpText: helpText,
     testID: testID,
     style: style
-  })), /*#__PURE__*/React.createElement(BottomSheet$1, {
+  })), /*#__PURE__*/React__default.createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       return setOpen(false);
     },
     header: label,
-    footer: shouldHideToolbar ? undefined : /*#__PURE__*/React.createElement(CompoundButton, {
+    footer: shouldHideToolbar ? undefined : /*#__PURE__*/React__default.createElement(CompoundButton, {
       variant: "text",
       text: confirmLabel,
       onPress: function onPress() {
@@ -13386,7 +13407,7 @@ var DatePickerCalendar = function DatePickerCalendar(_ref2) {
         setOpen(false);
       }
     })
-  }, /*#__PURE__*/React.createElement(InternalCalendar, {
+  }, /*#__PURE__*/React__default.createElement(InternalCalendar, {
     minDate: minDate,
     maxDate: maxDate,
     value: value,
@@ -13439,15 +13460,15 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     onChange: onChange,
     value: value
   });
-  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+  return /*#__PURE__*/React__default.createElement(TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     },
     disabled: disabled
-  }, /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React__default.createElement(View, {
     pointerEvents: "none",
     testID: "datePickerInputIOS"
-  }, /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React__default.createElement(TextInput, {
     label: label,
     value: displayValue,
     suffix: "calendar-dates-outlined",
@@ -13458,13 +13479,13 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
     helpText: helpText,
     testID: testID,
     style: style
-  })), /*#__PURE__*/React.createElement(BottomSheet$1, {
+  })), /*#__PURE__*/React__default.createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       return setOpen(false);
     },
     header: label,
-    footer: /*#__PURE__*/React.createElement(CompoundButton, {
+    footer: /*#__PURE__*/React__default.createElement(CompoundButton, {
       variant: "text",
       text: confirmLabel,
       onPress: function onPress() {
@@ -13474,7 +13495,7 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
         setOpen(false);
       }
     })
-  }, /*#__PURE__*/React.createElement(StyledPickerWrapper$1, null, /*#__PURE__*/React.createElement(DateTimePicker, {
+  }, /*#__PURE__*/React__default.createElement(StyledPickerWrapper$1, null, /*#__PURE__*/React__default.createElement(DateTimePicker, {
     testID: "datePickerIOS",
     value: selectingDate,
     minimumDate: minDate,
@@ -13499,12 +13520,12 @@ var DatePicker = function DatePicker(_ref) {
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     props = _objectWithoutProperties(_ref, _excluded$i);
   if (variant === 'calendar') {
-    return /*#__PURE__*/React.createElement(DatePickerCalendar, props);
+    return /*#__PURE__*/React__default.createElement(DatePickerCalendar, props);
   }
   if (Platform.OS === 'ios') {
-    return /*#__PURE__*/React.createElement(DatePickerIOS, props);
+    return /*#__PURE__*/React__default.createElement(DatePickerIOS, props);
   }
-  return /*#__PURE__*/React.createElement(DatePickerAndroid, props);
+  return /*#__PURE__*/React__default.createElement(DatePickerAndroid, props);
 };
 
 var AnimatedPressable$1 = Animated.createAnimatedComponent(Pressable);
@@ -13715,11 +13736,11 @@ var DragableDrawer = function DragableDrawer(_ref) {
       setAnimatedToValue(animatedValue);
     }
   })).current;
-  return /*#__PURE__*/React.createElement(StyledDragableContainer, {
+  return /*#__PURE__*/React__default.createElement(StyledDragableContainer, {
     testID: testID,
     enableShadow: true,
     pointerEvents: "box-none"
-  }, /*#__PURE__*/React.createElement(StyledDragableDrawerContainer, {
+  }, /*#__PURE__*/React__default.createElement(StyledDragableDrawerContainer, {
     enableShadow: true,
     style: {
       transform: [{
@@ -13732,7 +13753,7 @@ var DragableDrawer = function DragableDrawer(_ref) {
       var nativeEvent = _ref3.nativeEvent;
       setHeight(nativeEvent.layout.height);
     }
-  }, /*#__PURE__*/React.createElement(StyledHandlerContainer, panResponder.panHandlers, /*#__PURE__*/React.createElement(StyledHandler, null)), children));
+  }, /*#__PURE__*/React__default.createElement(StyledHandlerContainer, panResponder.panHandlers, /*#__PURE__*/React__default.createElement(StyledHandler, null)), children));
 };
 
 var Drawer = function Drawer(_ref) {
@@ -13767,17 +13788,17 @@ var Drawer = function Drawer(_ref) {
       return animation.stop();
     };
   }, [visible]);
-  return /*#__PURE__*/React.createElement(StyledContainer$3, {
+  return /*#__PURE__*/React__default.createElement(StyledContainer$3, {
     testID: testID,
     enableShadow: enableShadow,
     pointerEvents: "box-none"
-  }, /*#__PURE__*/React.createElement(StyledBackdrop$1, {
+  }, /*#__PURE__*/React__default.createElement(StyledBackdrop$1, {
     pointerEvents: visible ? 'auto' : 'box-none',
     onPress: onDismiss,
     style: {
       opacity: interpolateBackdropOpacity
     }
-  }), /*#__PURE__*/React.createElement(StyledDrawerContainer, {
+  }), /*#__PURE__*/React__default.createElement(StyledDrawerContainer, {
     enableShadow: enableShadow,
     onLayout: function onLayout(_ref2) {
       var nativeEvent = _ref2.nativeEvent;
@@ -13832,18 +13853,18 @@ var Empty = function Empty(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'light' : _ref$variant;
   var theme = useTheme();
-  return /*#__PURE__*/React.createElement(StyledWrapper$6, {
+  return /*#__PURE__*/React__default.createElement(StyledWrapper$6, {
     style: style,
     testID: testID
-  }, image !== undefined && /*#__PURE__*/React.cloneElement(image, _objectSpread2(_objectSpread2({}, image.props), {}, {
+  }, image !== undefined && /*#__PURE__*/React__default.cloneElement(image, _objectSpread2(_objectSpread2({}, image.props), {}, {
     style: [{
       marginBottom: theme.__hd__.empty.space.imageMargin
     }, image.props.style]
-  })), /*#__PURE__*/React.createElement(StyledTitle, {
+  })), /*#__PURE__*/React__default.createElement(StyledTitle, {
     themeVariant: variant,
     level: "h4",
     typeface: "playful"
-  }, title), !!description && /*#__PURE__*/React.createElement(StyledDescription, {
+  }, title), !!description && /*#__PURE__*/React__default.createElement(StyledDescription, {
     themeVariant: variant,
     typeface: "playful"
   }, description));
@@ -13936,7 +13957,7 @@ var PortalHostComponent = function PortalHostComponent(_ref) {
       deregisterHost();
     };
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, state.map(function (item) {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, state.map(function (item) {
     return item.node;
   }));
 };
@@ -14004,11 +14025,11 @@ var PortalProviderComponent = function PortalProviderComponent(_ref) {
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
-  return /*#__PURE__*/React.createElement(PortalDispatchContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(PortalDispatchContext.Provider, {
     value: dispatch
-  }, /*#__PURE__*/React.createElement(PortalStateContext.Provider, {
+  }, /*#__PURE__*/React__default.createElement(PortalStateContext.Provider, {
     value: state
-  }, children, /*#__PURE__*/React.createElement(PortalHost, {
+  }, children, /*#__PURE__*/React__default.createElement(PortalHost, {
     name: rootHostName
   })));
 };
@@ -14029,7 +14050,7 @@ var PortalComponent = function PortalComponent(_ref) {
     return name || nanoid();
   }, [name]);
   var ChildrenComponent = useMemo(function () {
-    return /*#__PURE__*/React.createElement(ThemeProvider, {
+    return /*#__PURE__*/React__default.createElement(ThemeProvider, {
       theme: theme || defaultTheme
     }, children);
   }, [theme, children, defaultTheme]);
@@ -14129,12 +14150,12 @@ var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return backHandler.remove();
     };
   }, [onRequestClose]);
-  return /*#__PURE__*/React.createElement(Portal$1, null, /*#__PURE__*/React.createElement(Animated.View, {
+  return /*#__PURE__*/React__default.createElement(Portal$1, null, /*#__PURE__*/React__default.createElement(Animated.View, {
     style: _objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
       backgroundColor: transparent ? 'transparent' : theme.colors.overlayGlobalSurface,
       opacity: animationType !== 'none' ? backdropOpacityAnimation : DEFAULT_BACKDROP_OPACITY
     })
-  }), /*#__PURE__*/React.createElement(Animated.View, {
+  }), /*#__PURE__*/React__default.createElement(Animated.View, {
     testID: testID,
     style: _objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
       opacity: animationType === 'fade' ? modalAnimation : 1,
@@ -14170,7 +14191,7 @@ var ModalWrapper = function ModalWrapper(_ref3) {
       (_modalRef$current2 = modalRef.current) === null || _modalRef$current2 === void 0 || _modalRef$current2.show();
     }
   }, [internalVisible]);
-  return internalVisible ? /*#__PURE__*/React.createElement(Modal, _extends$1({
+  return internalVisible ? /*#__PURE__*/React__default.createElement(Modal, _extends$1({
     ref: modalRef
   }, props)) : null;
 };
@@ -14261,11 +14282,11 @@ var _excluded$g = ["variant", "title", "description", "image", "testID", "ctaTex
   _excluded2 = ["visible", "variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"];
 var renderImage$1 = function renderImage(image) {
   if ( /*#__PURE__*/isValidElement(image)) {
-    return /*#__PURE__*/React.cloneElement(image, {
+    return /*#__PURE__*/React__default.cloneElement(image, {
       testID: 'error-image'
     });
   }
-  return /*#__PURE__*/React.createElement(StyledErrorImage, {
+  return /*#__PURE__*/React__default.createElement(StyledErrorImage, {
     source: typeof image === 'string' ? {
       uri: image
     } : image,
@@ -14287,19 +14308,19 @@ var ErrorPage = function ErrorPage(_ref) {
   var showCta = ctaText && onCtaPress !== undefined;
   var showSecondaryCta = secondaryCtaText && onSecondaryCtaPress !== undefined;
   var showButtonContainer = showCta || showSecondaryCta;
-  return /*#__PURE__*/React.createElement(StyledErrorContainer$1, _extends$1({
+  return /*#__PURE__*/React__default.createElement(StyledErrorContainer$1, _extends$1({
     testID: testID,
     themeVariant: variant
-  }, nativeProps), /*#__PURE__*/React.createElement(StyledErrorContent, null, image && /*#__PURE__*/React.createElement(StyledErrorImageContainer, null, renderImage$1(image)), /*#__PURE__*/React.createElement(StyledErrorTitle, {
+  }, nativeProps), /*#__PURE__*/React__default.createElement(StyledErrorContent, null, image && /*#__PURE__*/React__default.createElement(StyledErrorImageContainer, null, renderImage$1(image)), /*#__PURE__*/React__default.createElement(StyledErrorTitle, {
     level: "h4",
     typeface: "playful"
-  }, title), description && /*#__PURE__*/React.createElement(StyledErrorDescription, {
+  }, title), description && /*#__PURE__*/React__default.createElement(StyledErrorDescription, {
     typeface: "playful"
-  }, description)), showButtonContainer && /*#__PURE__*/React.createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React.createElement(StyledErrorButtonPrimary, {
+  }, description)), showButtonContainer && /*#__PURE__*/React__default.createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React__default.createElement(StyledErrorButtonPrimary, {
     variant: "filled",
     text: ctaText,
     onPress: onCtaPress
-  }), showSecondaryCta && /*#__PURE__*/React.createElement(StyledErrorButtonSecondary, {
+  }), showSecondaryCta && /*#__PURE__*/React__default.createElement(StyledErrorButtonSecondary, {
     variant: "text",
     text: secondaryCtaText,
     onPress: onSecondaryCtaPress
@@ -14358,7 +14379,7 @@ var Error$1 = function Error(_ref2) {
     }
   }, [isVisible, onCloseModal]);
   if (variant === 'full-screen') {
-    return /*#__PURE__*/React.createElement(StyledErrorModal, {
+    return /*#__PURE__*/React__default.createElement(StyledErrorModal, {
       visible: isVisible,
       onRequestClose: function onRequestClose() {
         return setIsVisible(false);
@@ -14367,7 +14388,7 @@ var Error$1 = function Error(_ref2) {
         return setIsVisible(false);
       },
       animationType: "slide"
-    }, /*#__PURE__*/React.createElement(ErrorPage, _extends$1({
+    }, /*#__PURE__*/React__default.createElement(ErrorPage, _extends$1({
       variant: variant,
       title: title,
       description: description,
@@ -14383,7 +14404,7 @@ var Error$1 = function Error(_ref2) {
       }
     }, nativeProps)));
   }
-  return /*#__PURE__*/React.createElement(ErrorPage, _extends$1({
+  return /*#__PURE__*/React__default.createElement(ErrorPage, _extends$1({
     variant: variant,
     title: title,
     description: description,
@@ -14464,13 +14485,13 @@ var AnimatedFABIcon = function AnimatedFABIcon(_ref) {
     inputRange: [0, 1],
     outputRange: ['0deg', '-45deg']
   });
-  return /*#__PURE__*/React.createElement(Animated.View, {
+  return /*#__PURE__*/React__default.createElement(Animated.View, {
     style: StyleSheet$1.flatten([{
       transform: [{
         rotate: interpolatedRotateAnimation
       }]
     }])
-  }, /*#__PURE__*/React.createElement(AnimatedIcons, _extends$1({
+  }, /*#__PURE__*/React__default.createElement(AnimatedIcons, _extends$1({
     size: "xsmall"
   }, iconProps)));
 };
@@ -14485,13 +14506,13 @@ var IconOnlyContent = function IconOnlyContent(_ref) {
     animated = _ref.animated,
     active = _ref.active;
   if (animated) {
-    return /*#__PURE__*/React.createElement(StyledIconContainer, null, /*#__PURE__*/React.createElement(AnimatedFABIcon, {
+    return /*#__PURE__*/React__default.createElement(StyledIconContainer, null, /*#__PURE__*/React__default.createElement(AnimatedFABIcon, {
       active: active,
       icon: icon,
       testID: "animated-fab-icon"
     }));
   }
-  return /*#__PURE__*/React.createElement(StyledFABIcon, {
+  return /*#__PURE__*/React__default.createElement(StyledFABIcon, {
     icon: icon,
     testID: "styled-fab-icon"
   });
@@ -14499,11 +14520,11 @@ var IconOnlyContent = function IconOnlyContent(_ref) {
 var IconWithTextContent = function IconWithTextContent(_ref2) {
   var icon = _ref2.icon,
     title = _ref2.title;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledIconContainer, null, /*#__PURE__*/React.createElement(StyledFABIcon, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledIconContainer, null, /*#__PURE__*/React__default.createElement(StyledFABIcon, {
     size: "xsmall",
     icon: icon,
     testID: "styled-fab-icon"
-  })), /*#__PURE__*/React.createElement(StyledFABText, null, title));
+  })), /*#__PURE__*/React__default.createElement(StyledFABText, null, title));
 };
 var animateWidth = function animateWidth() {
   LayoutAnimation.configureNext({
@@ -14524,7 +14545,7 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     active = _ref3.active,
     style = _ref3.style;
   var theme = useTheme();
-  var _React$useState = React.useState({
+  var _React$useState = React__default.useState({
       hideTitle: false,
       hideButton: false
     }),
@@ -14533,17 +14554,17 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     setDisplayState = _React$useState2[1];
   var isIconOnly = displayState.hideTitle || active || !title;
   var animatedValues = {
-    opacity: React.useRef(new Animated.Value(1)).current,
-    width: React.useRef(new Animated.Value(1)).current,
-    translateY: React.useRef(new Animated.Value(0)).current
+    opacity: React__default.useRef(new Animated.Value(1)).current,
+    width: React__default.useRef(new Animated.Value(1)).current,
+    translateY: React__default.useRef(new Animated.Value(0)).current
   };
   var marginBottom = Number((_StyleSheet$flatten = StyleSheet$1.flatten(style)) === null || _StyleSheet$flatten === void 0 ? void 0 : _StyleSheet$flatten.marginBottom) || 0;
-  var _React$useState3 = React.useState(0),
+  var _React$useState3 = React__default.useState(0),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     buttonWidth = _React$useState4[0],
     setButtonWidth = _React$useState4[1];
   var hasSetButtonWidth = buttonWidth > 0;
-  React.useImperativeHandle(ref, function () {
+  React__default.useImperativeHandle(ref, function () {
     return {
       show: function show() {
         Animated.spring(animatedValues.translateY, {
@@ -14592,7 +14613,7 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
       }
     };
   }, []);
-  return /*#__PURE__*/React.createElement(StyledFAB$1, {
+  return /*#__PURE__*/React__default.createElement(StyledFAB$1, {
     onLayout: function onLayout(event) {
       return !hasSetButtonWidth && !active && setButtonWidth(event.nativeEvent.layout.width);
     },
@@ -14609,7 +14630,7 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     }],
     testID: testID,
     themeActive: active
-  }, /*#__PURE__*/React.createElement(Animated.View, {
+  }, /*#__PURE__*/React__default.createElement(Animated.View, {
     style: {
       flexDirection: 'row',
       opacity: animatedValues.opacity.interpolate({
@@ -14617,11 +14638,11 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
         outputRange: [0, 1]
       })
     }
-  }, isIconOnly ? /*#__PURE__*/React.createElement(IconOnlyContent, {
+  }, isIconOnly ? /*#__PURE__*/React__default.createElement(IconOnlyContent, {
     animated: animated,
     active: active,
     icon: active ? 'add' : icon
-  }) : /*#__PURE__*/React.createElement(IconWithTextContent, {
+  }) : /*#__PURE__*/React__default.createElement(IconWithTextContent, {
     icon: icon,
     title: title
   })));
@@ -14665,12 +14686,12 @@ var ActionItem = function ActionItem(_ref) {
     _ref$active = _ref.active,
     active = _ref$active === void 0 ? false : _ref$active;
   var theme = useTheme();
-  var animatedValue = React.useRef(new Animated.Value(0));
+  var animatedValue = React__default.useRef(new Animated.Value(0));
   var translateY = animatedValue.current.interpolate({
     inputRange: [0, 1],
     outputRange: [50, 0]
   });
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     Animated.spring(animatedValue.current, {
       toValue: active ? 1 : 0,
       useNativeDriver: Platform.OS !== 'web',
@@ -14679,21 +14700,21 @@ var ActionItem = function ActionItem(_ref) {
       bounciness: 10
     }).start();
   }, [active, index]);
-  return /*#__PURE__*/React.createElement(Animated.View, {
+  return /*#__PURE__*/React__default.createElement(Animated.View, {
     style: {
       transform: [{
         translateY: translateY
       }]
     }
-  }, /*#__PURE__*/React.createElement(StyledActionItem, {
+  }, /*#__PURE__*/React__default.createElement(StyledActionItem, {
     underlayColor: theme.__hd__.fab.colors.actionItemPressedBackground,
     style: style,
     onPress: onPress,
     testID: testID
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledIconContainer, null, /*#__PURE__*/React.createElement(StyledIcon, {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledIconContainer, null, /*#__PURE__*/React__default.createElement(StyledIcon, {
     size: "xsmall",
     icon: icon
-  })), /*#__PURE__*/React.createElement(StyledActionItemText, null, title))));
+  })), /*#__PURE__*/React__default.createElement(StyledActionItemText, null, title))));
 };
 
 var StyledContainer$2 = index$9(View)({
@@ -14756,7 +14777,7 @@ var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var theme = useTheme();
   var fabRef = useRef(null);
   var animatedValue = useRef(new Animated.Value(active ? 1 : 0));
-  React.useImperativeHandle(ref, function () {
+  React__default.useImperativeHandle(ref, function () {
     return {
       showFAB: function showFAB() {
         var _fabRef$current;
@@ -14772,7 +14793,7 @@ var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
     };
   }, [fabRef]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     Animated.spring(animatedValue.current, {
       toValue: active ? 1 : 0,
       delay: 100,
@@ -14790,11 +14811,11 @@ var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
     inputRange: [0, 1],
     outputRange: [0, 1]
   });
-  return /*#__PURE__*/React.createElement(StyledContainer$2, {
+  return /*#__PURE__*/React__default.createElement(StyledContainer$2, {
     testID: testID,
     pointerEvents: "box-none",
     style: style
-  }, /*#__PURE__*/React.createElement(Animated.View, null, /*#__PURE__*/React.createElement(StyledFAB, {
+  }, /*#__PURE__*/React__default.createElement(Animated.View, null, /*#__PURE__*/React__default.createElement(StyledFAB, {
     key: "fab",
     testID: "fab",
     icon: fabIcon,
@@ -14803,35 +14824,35 @@ var ActionGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
     active: active,
     title: fabTitle,
     ref: fabRef
-  })), /*#__PURE__*/React.createElement(Modal$1, {
+  })), /*#__PURE__*/React__default.createElement(Modal$1, {
     visible: active,
     animationType: "fade",
     transparent: true,
     statusBarTranslucent: true
-  }, /*#__PURE__*/React.createElement(StyledContainerInModal, {
+  }, /*#__PURE__*/React__default.createElement(StyledContainerInModal, {
     testID: testID,
     style: [style]
-  }, /*#__PURE__*/React.createElement(StyledBackdrop, {
+  }, /*#__PURE__*/React__default.createElement(StyledBackdrop, {
     testID: "back-drop",
     onPress: onBackdropPress
-  }), /*#__PURE__*/React.createElement(StyledActionGroupContainer, {
+  }), /*#__PURE__*/React__default.createElement(StyledActionGroupContainer, {
     testID: "action-group",
     pointerEvents: "box-none",
     style: {
       opacity: actionGroupOpacity
     }
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React__default.createElement(Box, {
     style: [style, {
       paddingBottom: 0
     }]
   }, items === null || items === void 0 ? void 0 : items.map(function (itemProp, index) {
-    return /*#__PURE__*/React.createElement(ActionItem, _extends$1({
+    return /*#__PURE__*/React__default.createElement(ActionItem, _extends$1({
       key: itemProp.key || "".concat(itemProp.icon, "_").concat(itemProp.title)
     }, itemProp, {
       index: active ? index : items.length - index,
       active: active
     }));
-  }))), active && /*#__PURE__*/React.createElement(StyledFAB
+  }))), active && /*#__PURE__*/React__default.createElement(StyledFAB
   // This FAB is moved up a bit compared to the original FAB,
   // set marginBottom to negative value to compensate for it
   , {
@@ -14955,9 +14976,9 @@ var getIntentIcon = function getIntentIcon(intent) {
 var ToastIcon = function ToastIcon(_ref) {
   var themeIntent = _ref.themeIntent,
     icon = _ref.icon;
-  return icon ? /*#__PURE__*/React.createElement(IconContainer, {
+  return icon ? /*#__PURE__*/React__default.createElement(IconContainer, {
     testID: "toast-left-icon"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(Icon, {
     icon: icon,
     size: "small",
     intent: themeIntent === 'snackbar' ? 'text-inverted' : 'text'
@@ -15009,7 +15030,7 @@ var Toast$1 = function Toast(_ref2) {
     inputRange: [0, 1],
     outputRange: toastConfig.position === 'top' ? [-20, distance] : [20, -distance]
   });
-  return /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/React__default.createElement(Container, {
     themeVariant: variant,
     themeIntent: intent,
     style: [style, {
@@ -15018,21 +15039,21 @@ var Toast$1 = function Toast(_ref2) {
         translateY: interpolateY
       }]
     }]
-  }, /*#__PURE__*/React.createElement(ContentContainer, {
+  }, /*#__PURE__*/React__default.createElement(ContentContainer, {
     showDivider: !!actionLabel
-  }, icon !== null ? /*#__PURE__*/React.createElement(ToastIcon, {
+  }, icon !== null ? /*#__PURE__*/React__default.createElement(ToastIcon, {
     themeIntent: intent,
     icon: icon || getIntentIcon(intent)
-  }) : null, /*#__PURE__*/React.createElement(TextContainer, null, typeof content === 'string' ? /*#__PURE__*/React.createElement(Typography.Body, {
+  }) : null, /*#__PURE__*/React__default.createElement(TextContainer, null, typeof content === 'string' ? /*#__PURE__*/React__default.createElement(Typography.Body, {
     variant: "small",
     intent: intent === 'snackbar' ? 'inverted' : 'body'
-  }, content) : content)), actionLabel ? /*#__PURE__*/React.createElement(CTAWrapper, {
+  }, content) : content)), actionLabel ? /*#__PURE__*/React__default.createElement(CTAWrapper, {
     testID: "toast-action-button",
     onPress: function onPress() {
       onAction === null || onAction === void 0 || onAction();
       onDismiss === null || onDismiss === void 0 || onDismiss();
     }
-  }, typeof actionLabel === 'string' ? /*#__PURE__*/React.createElement(Typography.Body, {
+  }, typeof actionLabel === 'string' ? /*#__PURE__*/React__default.createElement(Typography.Body, {
     variant: "small-bold",
     intent: intent === 'snackbar' ? 'inverted' : 'body'
   }, actionLabel) : actionLabel) : null);
@@ -15046,7 +15067,7 @@ var SingleToastDisplay = function SingleToastDisplay(_ref) {
     setToastList = _ref.setToastList;
   var theme = useTheme$1();
   var toast = toastList[toastList.length - 1];
-  return toast ? /*#__PURE__*/React.createElement(Toast$1, _extends$1({}, toast.props, {
+  return toast ? /*#__PURE__*/React__default.createElement(Toast$1, _extends$1({}, toast.props, {
     key: toast.id,
     style: {
       marginBottom: theme.space.small
@@ -15062,7 +15083,7 @@ var SingleToastDisplay = function SingleToastDisplay(_ref) {
     }
   })) : null;
 };
-var ToastContainer = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+var ToastContainer = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
   var _ref2$displayType = _ref2.displayType,
     displayType = _ref2$displayType === void 0 ? 'single' : _ref2$displayType,
     _ref2$position = _ref2.position,
@@ -15097,17 +15118,17 @@ var ToastContainer = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       }
     };
   });
-  return /*#__PURE__*/React.createElement(ToastContainerWrapper, {
+  return /*#__PURE__*/React__default.createElement(ToastContainerWrapper, {
     pointerEvents: "box-none",
     position: position,
     style: style
-  }, displayType === 'single' ? /*#__PURE__*/React.createElement(SingleToastDisplay, {
+  }, displayType === 'single' ? /*#__PURE__*/React__default.createElement(SingleToastDisplay, {
     toastList: toastList,
     setToastList: setToastList
   }) : toastList.map(function (_ref3) {
     var id = _ref3.id,
       props = _ref3.props;
-    return /*#__PURE__*/React.createElement(Toast$1, _extends$1({}, props, {
+    return /*#__PURE__*/React__default.createElement(Toast$1, _extends$1({}, props, {
       key: id,
       style: {
         marginBottom: theme.space.small
@@ -15149,15 +15170,15 @@ var ToastProvider = function ToastProvider(_ref) {
       position: position
     };
   }, [displayType, position]);
-  return /*#__PURE__*/React.createElement(ToastContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(ToastContext.Provider, {
     value: refState || fallbackToastControlContext
-  }, /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React__default.createElement(View, {
     style: {
       flex: 1
     }
-  }, refState ? children : null, /*#__PURE__*/React.createElement(ToastConfigContext.Provider, {
+  }, refState ? children : null, /*#__PURE__*/React__default.createElement(ToastConfigContext.Provider, {
     value: config
-  }, /*#__PURE__*/React.createElement(ToastContainer, {
+  }, /*#__PURE__*/React__default.createElement(ToastContainer, {
     ref: toastRef,
     displayType: displayType,
     position: position
@@ -15173,9 +15194,9 @@ var Toast = {
 var HeroDesignProvider = function HeroDesignProvider(_ref) {
   var theme = _ref.theme,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(Toast.Provider, null, /*#__PURE__*/React.createElement(Portal$1.Provider, null, children)));
+  }, /*#__PURE__*/React__default.createElement(Toast.Provider, null, /*#__PURE__*/React__default.createElement(Portal$1.Provider, null, children)));
 };
 
 var StyledListItemContainer$1 = index$9(TouchableHighlight)(function (_ref) {
@@ -15265,7 +15286,7 @@ var ListItem = function ListItem(_ref) {
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var theme = useTheme();
-  return /*#__PURE__*/React.createElement(StyledListItemContainer$1, {
+  return /*#__PURE__*/React__default.createElement(StyledListItemContainer$1, {
     style: style,
     testID: testID,
     themeSelected: selected,
@@ -15273,26 +15294,26 @@ var ListItem = function ListItem(_ref) {
     onPress: onPress,
     disabled: disabled,
     underlayColor: theme.__hd__.list.colors.checkedListItemContainerBackground
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, leadingStatus && /*#__PURE__*/React.createElement(StyledLeadingStatus, {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, leadingStatus && /*#__PURE__*/React__default.createElement(StyledLeadingStatus, {
     themeLeadingStatusIntent: leadingStatus,
     testID: "leadingStatus"
-  }), /*#__PURE__*/React.createElement(StyledContentContainer, null, /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React__default.createElement(StyledContentContainer, null, /*#__PURE__*/React__default.createElement(View, {
     style: {
       flexDirection: 'row',
       alignItems: 'center'
     }
-  }, prefix && /*#__PURE__*/React.createElement(StyledPrefixContainer$1, null, typeof prefix === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+  }, prefix && /*#__PURE__*/React__default.createElement(StyledPrefixContainer$1, null, typeof prefix === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
     icon: prefix,
     intent: disabled ? 'disabled-text' : 'primary'
-  }) : prefix), /*#__PURE__*/React.createElement(StyledTitleContainer$1, null, typeof title === 'string' ? /*#__PURE__*/React.createElement(Typography.Body, {
+  }) : prefix), /*#__PURE__*/React__default.createElement(StyledTitleContainer$1, null, typeof title === 'string' ? /*#__PURE__*/React__default.createElement(Typography.Body, {
     intent: "body"
-  }, title) : title, !!subtitle && /*#__PURE__*/React.createElement(Typography.Caption, {
+  }, title) : title, !!subtitle && /*#__PURE__*/React__default.createElement(Typography.Caption, {
     intent: "subdued"
-  }, subtitle)), suffix && /*#__PURE__*/React.createElement(StyledSuffixContainer$1, null, typeof suffix === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+  }, subtitle)), suffix && /*#__PURE__*/React__default.createElement(StyledSuffixContainer$1, null, typeof suffix === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
     icon: suffix,
     intent: disabled ? 'disabled-text' : 'primary',
     size: "small"
-  }) : suffix)), children && /*#__PURE__*/React.createElement(StyledChildrenContainer, null, children))));
+  }) : suffix)), children && /*#__PURE__*/React__default.createElement(StyledChildrenContainer, null, children))));
 };
 
 var StyledPrefixContainer = index$9(View)(function (_ref) {
@@ -15339,7 +15360,7 @@ var BasicListItem = function BasicListItem(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     onPress = _ref.onPress;
   var theme = useTheme();
-  return /*#__PURE__*/React.createElement(StyledListItemContainer, {
+  return /*#__PURE__*/React__default.createElement(StyledListItemContainer, {
     style: style,
     testID: testID,
     themeSelected: selected,
@@ -15347,14 +15368,14 @@ var BasicListItem = function BasicListItem(_ref) {
     onPress: onPress,
     disabled: disabled,
     underlayColor: theme.__hd__.list.colors.checkedListItemContainerBackground
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, prefix && /*#__PURE__*/React.createElement(StyledPrefixContainer, null, typeof prefix === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, prefix && /*#__PURE__*/React__default.createElement(StyledPrefixContainer, null, typeof prefix === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
     icon: prefix,
     intent: disabled ? 'disabled-text' : 'primary'
-  }) : prefix), /*#__PURE__*/React.createElement(StyledTitleContainer, null, typeof title === 'string' ? /*#__PURE__*/React.createElement(Typography.Body, {
+  }) : prefix), /*#__PURE__*/React__default.createElement(StyledTitleContainer, null, typeof title === 'string' ? /*#__PURE__*/React__default.createElement(Typography.Body, {
     intent: "body"
-  }, title) : title, subtitle && /*#__PURE__*/React.createElement(Typography.Caption, {
+  }, title) : title, subtitle && /*#__PURE__*/React__default.createElement(Typography.Caption, {
     intent: "subdued"
-  }, subtitle)), suffix && /*#__PURE__*/React.createElement(StyledSuffixContainer, null, typeof suffix === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+  }, subtitle)), suffix && /*#__PURE__*/React__default.createElement(StyledSuffixContainer, null, typeof suffix === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
     icon: suffix,
     size: "small",
     intent: disabled ? 'disabled-text' : 'primary'
@@ -15464,16 +15485,16 @@ function PinCell(_ref) {
     focused = _ref$focused === void 0 ? false : _ref$focused,
     _ref$state = _ref.state,
     state = _ref$state === void 0 ? 'default' : _ref$state;
-  return /*#__PURE__*/React.createElement(StyledCell, {
+  return /*#__PURE__*/React__default.createElement(StyledCell, {
     themeFocused: focused,
     themeState: state
-  }, value === '' && /*#__PURE__*/React.createElement(StyledMask, {
+  }, value === '' && /*#__PURE__*/React__default.createElement(StyledMask, {
     themeState: state,
     testID: "pin-cell-mask"
-  }), value !== '' && secure && /*#__PURE__*/React.createElement(StyledFilledMask, {
+  }), value !== '' && secure && /*#__PURE__*/React__default.createElement(StyledFilledMask, {
     themeState: state,
     testID: "pin-cell-filled-mask"
-  }), value !== '' && !secure && /*#__PURE__*/React.createElement(StyledCellText, {
+  }), value !== '' && !secure && /*#__PURE__*/React__default.createElement(StyledCellText, {
     themeState: state,
     level: "h3"
   }, value));
@@ -15546,24 +15567,24 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       blur: blur
     };
   });
-  return /*#__PURE__*/React.createElement(StyledWrapper$5, {
+  return /*#__PURE__*/React__default.createElement(StyledWrapper$5, {
     style: style,
     testID: testID
-  }, /*#__PURE__*/React.createElement(StyledPinWrapper, null, _toConsumableArray(Array(length).keys()).map(function (index) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
+  }, /*#__PURE__*/React__default.createElement(StyledPinWrapper, null, _toConsumableArray(Array(length).keys()).map(function (index) {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: index
-    }, index !== 0 && /*#__PURE__*/React.createElement(StyledSpacer, null), /*#__PURE__*/React.createElement(PinCell, {
+    }, index !== 0 && /*#__PURE__*/React__default.createElement(StyledSpacer, null), /*#__PURE__*/React__default.createElement(PinCell, {
       value: value.charAt(index),
       secure: secure,
       focused: focused && index === value.length,
       state: state
     }));
-  })), state === 'error' && /*#__PURE__*/React.createElement(StyledErrorContainer, null, /*#__PURE__*/React.createElement(Icon, {
+  })), state === 'error' && /*#__PURE__*/React__default.createElement(StyledErrorContainer, null, /*#__PURE__*/React__default.createElement(Icon, {
     icon: "circle-info",
     size: "xsmall",
     intent: "danger",
     testID: "pin-error-icon"
-  }), /*#__PURE__*/React.createElement(StyledErrorMessage, null, error)), /*#__PURE__*/React.createElement(StyledHiddenInput, {
+  }), /*#__PURE__*/React__default.createElement(StyledErrorMessage, null, error)), /*#__PURE__*/React__default.createElement(StyledHiddenInput, {
     themePinLength: length,
     ref: inputRef,
     value: value,
@@ -15668,9 +15689,9 @@ var _excluded$e = ["value", "renderValue", "intent", "style", "testID"];
 var HalfCircle = function HalfCircle(_ref) {
   var type = _ref.type,
     themeIntent = _ref.themeIntent;
-  return /*#__PURE__*/React.createElement(StyledHalfCircleWrapper, null, type === 'background' ? /*#__PURE__*/React.createElement(StyledHalfCircleInnerBG, {
+  return /*#__PURE__*/React__default.createElement(StyledHalfCircleWrapper, null, type === 'background' ? /*#__PURE__*/React__default.createElement(StyledHalfCircleInnerBG, {
     themeIntent: themeIntent
-  }) : /*#__PURE__*/React.createElement(StyledHalfCircleInnerFG, {
+  }) : /*#__PURE__*/React__default.createElement(StyledHalfCircleInnerFG, {
     themeIntent: themeIntent
   }));
 };
@@ -15722,13 +15743,13 @@ var ProgressCircle = function ProgressCircle(_ref2) {
     outputRange: ['0deg', '360deg'],
     extrapolate: 'clamp'
   });
-  return /*#__PURE__*/React.createElement(View, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(View, _extends$1({}, nativeProps, {
     testID: testID,
     style: style
-  }), /*#__PURE__*/React.createElement(StyledContainer$1, null, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(HalfCircle, {
+  }), /*#__PURE__*/React__default.createElement(StyledContainer$1, null, /*#__PURE__*/React__default.createElement(View, null, /*#__PURE__*/React__default.createElement(HalfCircle, {
     type: "foreground",
     themeIntent: intent
-  }), /*#__PURE__*/React.createElement(Animated.View, {
+  }), /*#__PURE__*/React__default.createElement(Animated.View, {
     style: _objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
       transform: [{
         translateX: radius / 2
@@ -15738,10 +15759,10 @@ var ProgressCircle = function ProgressCircle(_ref2) {
         translateX: -radius / 2
       }]
     })
-  }, /*#__PURE__*/React.createElement(HalfCircle, {
+  }, /*#__PURE__*/React__default.createElement(HalfCircle, {
     type: "background",
     themeIntent: intent
-  }))), /*#__PURE__*/React.createElement(View, {
+  }))), /*#__PURE__*/React__default.createElement(View, {
     style: {
       transform: [{
         rotate: '180deg'
@@ -15749,10 +15770,10 @@ var ProgressCircle = function ProgressCircle(_ref2) {
       zIndex: 1,
       marginLeft: -0.1
     }
-  }, /*#__PURE__*/React.createElement(HalfCircle, {
+  }, /*#__PURE__*/React__default.createElement(HalfCircle, {
     type: "foreground",
     themeIntent: intent
-  }), /*#__PURE__*/React.createElement(Animated.View, {
+  }), /*#__PURE__*/React__default.createElement(Animated.View, {
     style: _objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
       transform: [{
         translateX: radius / 2
@@ -15763,21 +15784,21 @@ var ProgressCircle = function ProgressCircle(_ref2) {
       }],
       opacity: interpolateOpacityRightHalf
     })
-  }, /*#__PURE__*/React.createElement(HalfCircle, {
+  }, /*#__PURE__*/React__default.createElement(HalfCircle, {
     type: "background",
     themeIntent: intent
-  }))), /*#__PURE__*/React.createElement(StyledStrokeEnd, {
+  }))), /*#__PURE__*/React__default.createElement(StyledStrokeEnd, {
     themeIntent: intent
-  }), /*#__PURE__*/React.createElement(Animated.View, {
+  }), /*#__PURE__*/React__default.createElement(Animated.View, {
     style: _objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
       zIndex: 2,
       transform: [{
         rotate: interpolateDotRotate
       }]
     })
-  }, /*#__PURE__*/React.createElement(StyledStrokeEnd, {
+  }, /*#__PURE__*/React__default.createElement(StyledStrokeEnd, {
     themeIntent: intent
-  })), /*#__PURE__*/React.createElement(StyledDonutCircle, null, /*#__PURE__*/React.createElement(Typography.Body, null, renderValue(value)))));
+  })), /*#__PURE__*/React__default.createElement(StyledDonutCircle, null, /*#__PURE__*/React__default.createElement(Typography.Body, null, renderValue(value)))));
 };
 
 var StyledWrapper$4 = index$9(View)(function (_ref) {
@@ -15834,11 +15855,11 @@ var ProgressBar = function ProgressBar(_ref) {
     outputRange: [999, 0],
     extrapolate: 'clamp'
   });
-  return /*#__PURE__*/React.createElement(StyledWrapper$4, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(StyledWrapper$4, _extends$1({}, nativeProps, {
     testID: testID,
     style: style,
     themeIntent: intent
-  }), /*#__PURE__*/React.createElement(StyledInner, {
+  }), /*#__PURE__*/React__default.createElement(StyledInner, {
     themeIntent: intent,
     onLayout: function onLayout(_ref2) {
       var nativeEvent = _ref2.nativeEvent;
@@ -15876,7 +15897,7 @@ var Slider = function Slider(_ref) {
     style = _ref.style,
     testID = _ref.testID;
   var theme = useTheme();
-  return /*#__PURE__*/React.createElement(RnSlider, {
+  return /*#__PURE__*/React__default.createElement(RnSlider, {
     minimumValue: minimumValue,
     maximumValue: maximumValue,
     step: step,
@@ -15978,23 +15999,23 @@ var AnimatedSpinner = function AnimatedSpinner(_ref) {
     themeSize: size,
     themeIntent: intent
   };
-  return /*#__PURE__*/React.createElement(Animated.View, {
+  return /*#__PURE__*/React__default.createElement(Animated.View, {
     style: StyleSheet$1.flatten([{
       transform: [{
         rotate: interpolatedRotateAnimation
       }]
     }])
-  }, /*#__PURE__*/React.createElement(AnimatedRow, _extends$1({
+  }, /*#__PURE__*/React__default.createElement(AnimatedRow, _extends$1({
     themePosition: "top"
-  }, rowProps), /*#__PURE__*/React.createElement(AnimatedDot, _extends$1({
+  }, rowProps), /*#__PURE__*/React__default.createElement(AnimatedDot, _extends$1({
     themePosition: "topLeft"
-  }, dotProps)), /*#__PURE__*/React.createElement(AnimatedDot, _extends$1({
+  }, dotProps)), /*#__PURE__*/React__default.createElement(AnimatedDot, _extends$1({
     themePosition: "topRight"
-  }, dotProps))), /*#__PURE__*/React.createElement(AnimatedRow, _extends$1({
+  }, dotProps))), /*#__PURE__*/React__default.createElement(AnimatedRow, _extends$1({
     themePosition: "bottom"
-  }, rowProps), /*#__PURE__*/React.createElement(AnimatedDot, _extends$1({
+  }, rowProps), /*#__PURE__*/React__default.createElement(AnimatedDot, _extends$1({
     themePosition: "bottomLeft"
-  }, dotProps)), /*#__PURE__*/React.createElement(AnimatedDot, _extends$1({
+  }, dotProps)), /*#__PURE__*/React__default.createElement(AnimatedDot, _extends$1({
     themePosition: "bottomRight"
   }, dotProps))));
 };
@@ -16007,9 +16028,9 @@ var Spinner = function Spinner(_ref) {
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
     nativeProps = _objectWithoutProperties(_ref, _excluded$c);
-  return /*#__PURE__*/React.createElement(StyledView$1, nativeProps, /*#__PURE__*/React.createElement(StyledSpinnerContainer, {
+  return /*#__PURE__*/React__default.createElement(StyledView$1, nativeProps, /*#__PURE__*/React__default.createElement(StyledSpinnerContainer, {
     testID: testID
-  }, /*#__PURE__*/React.createElement(AnimatedSpinner, {
+  }, /*#__PURE__*/React__default.createElement(AnimatedSpinner, {
     size: size,
     intent: intent
   })));
@@ -16031,7 +16052,7 @@ var SwipeableAction = function SwipeableAction(_ref) {
     style = _ref.style,
     children = _ref.children,
     testID = _ref.testID;
-  return /*#__PURE__*/React.createElement(StyledRectButton, {
+  return /*#__PURE__*/React__default.createElement(StyledRectButton, {
     onPress: onPress,
     themeIntent: intent,
     style: style,
@@ -16046,7 +16067,7 @@ var renderActions = function renderActions(actions, width, progress, direction)
     outputRange: direction === 'left' ? [-width, 0] : [width, 0],
     extrapolate: 'clamp'
   });
-  return /*#__PURE__*/React.createElement(Animated.View, {
+  return /*#__PURE__*/React__default.createElement(Animated.View, {
     style: {
       width: width,
       flexDirection: 'row',
@@ -16073,7 +16094,7 @@ var Swipeable = function Swipeable(_ref) {
   var _useWindowDimensions = useWindowDimensions(),
     width = _useWindowDimensions.width;
   var swipeableRef = useRef(null);
-  var _React$useState = React.useState(0),
+  var _React$useState = React__default.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     containerWidth = _React$useState2[0],
     setContainerWidth = _React$useState2[1];
@@ -16097,11 +16118,11 @@ var Swipeable = function Swipeable(_ref) {
         break;
     }
   }, [state]);
-  return /*#__PURE__*/React.createElement(GestureHandlerRootView, null, /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/React__default.createElement(GestureHandlerRootView, null, /*#__PURE__*/React__default.createElement(Box, {
     onLayout: function onLayout(e) {
       return setContainerWidth(e.nativeEvent.layout.width);
     }
-  }, /*#__PURE__*/React.createElement(Swipeable$1, _extends$1({}, swipeableProps, {
+  }, /*#__PURE__*/React__default.createElement(Swipeable$1, _extends$1({}, swipeableProps, {
     ref: swipeableRef
   }, leftActions !== undefined && {
     renderLeftActions: renderLeftActions
@@ -16173,7 +16194,7 @@ var StyledRadio = index$9(List.Item)(function (_ref4) {
 var RadioCircle = function RadioCircle(_ref) {
   var checked = _ref.checked,
     text = _ref.text;
-  return /*#__PURE__*/React.createElement(Circle, null, checked && /*#__PURE__*/React.createElement(InnerCircle, {
+  return /*#__PURE__*/React__default.createElement(Circle, null, checked && /*#__PURE__*/React__default.createElement(InnerCircle, {
     testID: "".concat(text, "-selected-circle")
   }));
 };
@@ -16187,12 +16208,12 @@ var Radio = function Radio(_ref2) {
     testID = _ref2.testID,
     _ref2$inactiveIntent = _ref2.inactiveIntent,
     inactiveIntent = _ref2$inactiveIntent === void 0 ? 'light' : _ref2$inactiveIntent;
-  return /*#__PURE__*/React.createElement(StyledRadio, {
+  return /*#__PURE__*/React__default.createElement(StyledRadio, {
     onPress: onPress,
     selected: checked,
     title: text,
     subtitle: subText,
-    suffix: /*#__PURE__*/React.createElement(RadioCircle, {
+    suffix: /*#__PURE__*/React__default.createElement(RadioCircle, {
       checked: checked,
       text: text
     }),
@@ -16223,15 +16244,15 @@ var RadioGroup = function RadioGroup(_ref) {
     testID = _ref.testID,
     _ref$inactiveIntent = _ref.inactiveIntent,
     inactiveIntent = _ref$inactiveIntent === void 0 ? 'light' : _ref$inactiveIntent;
-  return /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React__default.createElement(View, {
     style: style,
     testID: testID
   }, options.map(function (option, index) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: getKey(option, index, keyExtractor)
-    }, index !== 0 && /*#__PURE__*/React.createElement(Spacer, {
+    }, index !== 0 && /*#__PURE__*/React__default.createElement(Spacer, {
       themeIntent: inactiveIntent
-    }), /*#__PURE__*/React.createElement(Radio, {
+    }), /*#__PURE__*/React__default.createElement(Radio, {
       text: option.text,
       subText: option.subText,
       checked: option.value === value,
@@ -16300,20 +16321,20 @@ var SectionHeading = function SectionHeading(_ref) {
     testID = _ref.testID;
   useDeprecation("SectionHeading's fontSize prop is deprecated and will be removed in the next major release, please remove it.", fontSize !== undefined);
   useDeprecation("SectionHeading's fontWeight prop is deprecated and will be removed in the next major release, please remove it.", fontWeight !== undefined);
-  return /*#__PURE__*/React.createElement(StyledHeading, {
+  return /*#__PURE__*/React__default.createElement(StyledHeading, {
     themeSize: size,
     style: style,
     testID: testID
-  }, /*#__PURE__*/React.createElement(StyledWrapper$3, null, /*#__PURE__*/React.createElement(StyledIconWrapper$2, null, icon !== undefined && (typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(StyledWrapper$3, null, /*#__PURE__*/React__default.createElement(StyledIconWrapper$2, null, icon !== undefined && (typeof icon === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
     icon: icon,
     size: ICON_SIZE_MAP[size],
     intent: ICON_INTENT_MAP[intent]
-  }) : /*#__PURE__*/React.cloneElement(icon, _objectSpread2({
+  }) : /*#__PURE__*/React__default.cloneElement(icon, _objectSpread2({
     size: ICON_SIZE_MAP[size],
     intent: ICON_INTENT_MAP[intent]
-  }, icon.props)))), size === 'small' ? /*#__PURE__*/React.createElement(Typography.Caption, {
+  }, icon.props)))), size === 'small' ? /*#__PURE__*/React__default.createElement(Typography.Caption, {
     intent: intent
-  }, text) : /*#__PURE__*/React.createElement(Typography.Body, {
+  }, text) : /*#__PURE__*/React__default.createElement(Typography.Body, {
     variant: "small",
     intent: intent
   }, text)), rightChildren);
@@ -16322,7 +16343,7 @@ var SectionHeading = function SectionHeading(_ref) {
 var Footer = function Footer(_ref) {
   var label = _ref.label,
     onPress = _ref.onPress;
-  return /*#__PURE__*/React.createElement(CompoundButton, {
+  return /*#__PURE__*/React__default.createElement(CompoundButton, {
     variant: "text",
     text: label,
     onPress: onPress
@@ -16433,7 +16454,7 @@ var BaseOptionList = function BaseOptionList(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     onEndReachedCalled = _useState2[0],
     setOnEndReachedCalled = _useState2[1];
-  return /*#__PURE__*/React.createElement(StyledSectionList, _extends$1({
+  return /*#__PURE__*/React__default.createElement(StyledSectionList, _extends$1({
     ref: sectionListRef,
     style: _objectSpread2({}, onQueryChange ? {
       height: Dimensions.get('screen').height
@@ -16448,16 +16469,16 @@ var BaseOptionList = function BaseOptionList(_ref) {
       if (onEndReached && onEndReachedCalled && !loading) onEndReached();
       setOnEndReachedCalled(false);
     },
-    ListFooterComponent: loading ? /*#__PURE__*/React.createElement(View, {
+    ListFooterComponent: loading ? /*#__PURE__*/React__default.createElement(View, {
       style: {
         display: 'flex',
         alignItems: 'center',
         height: theme.space.xxxxlarge
       }
-    }, /*#__PURE__*/React.createElement(Spinner, null)) : null,
+    }, /*#__PURE__*/React__default.createElement(Spinner, null)) : null,
     renderSectionHeader: function renderSectionHeader(_ref2) {
       var category = _ref2.section.category;
-      return category !== '' ? /*#__PURE__*/React.createElement(SectionHeading, {
+      return category !== '' ? /*#__PURE__*/React__default.createElement(SectionHeading, {
         text: category,
         style: {
           marginBottom: 0
@@ -16484,7 +16505,7 @@ var Option$2 = function Option(_ref) {
     disabled: disabled,
     onPress: onPress,
     title: text,
-    suffix: selected === true ? /*#__PURE__*/React.createElement(Icon, {
+    suffix: selected === true ? /*#__PURE__*/React__default.createElement(Icon, {
       testID: typeof text === 'string' ? "selected-icon-".concat(text) : undefined,
       icon: "checkmark",
       intent: disabled ? 'disabled-text' : 'primary',
@@ -16494,7 +16515,7 @@ var Option$2 = function Option(_ref) {
       }
     }) : undefined
   };
-  return highlighted === true ? /*#__PURE__*/React.createElement(List.Item, props) : /*#__PURE__*/React.createElement(List.BasicItem, props);
+  return highlighted === true ? /*#__PURE__*/React__default.createElement(List.Item, props) : /*#__PURE__*/React__default.createElement(List.BasicItem, props);
 };
 
 var _excluded$9 = ["keyExtractor", "loading", "onEndReached", "onPress", "onQueryChange", "sections", "renderOption", "value", "sectionListRef"];
@@ -16524,7 +16545,7 @@ var OptionList$1 = function OptionList(_ref) {
     return renderOption ? renderOption(_objectSpread2(_objectSpread2({}, info), {}, {
       selected: selected,
       onPress: onItemPress
-    })) : /*#__PURE__*/React.createElement(Option$2, {
+    })) : /*#__PURE__*/React__default.createElement(Option$2, {
       selected: selected,
       text: item.text,
       disabled: item.disabled,
@@ -16532,7 +16553,7 @@ var OptionList$1 = function OptionList(_ref) {
       highlighted: item.highlighted
     });
   };
-  return /*#__PURE__*/React.createElement(BaseOptionList, _extends$1({
+  return /*#__PURE__*/React__default.createElement(BaseOptionList, _extends$1({
     keyExtractor: keyExtractor,
     loading: loading,
     onEndReached: onEndReached,
@@ -16589,15 +16610,15 @@ function MultiSelect(_ref) {
   useEffect(function () {
     setSelectingValue(value);
   }, [open, value]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(View, {
     pointerEvents: !editable || disabled || inputProps !== null && inputProps !== void 0 && inputProps.loading ? 'none' : 'auto'
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+  }, /*#__PURE__*/React__default.createElement(TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     }
-  }, /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React__default.createElement(View, {
     pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(TextInput, _extends$1({}, inputProps, {
+  }, /*#__PURE__*/React__default.createElement(TextInput, _extends$1({}, inputProps, {
     label: label,
     value: renderSelectedValue ? rawValue : displayedValue,
     suffix: "arrow-down",
@@ -16612,7 +16633,7 @@ function MultiSelect(_ref) {
     renderInputValue: renderSelectedValue !== undefined && (rawValue === null || rawValue === void 0 ? void 0 : rawValue.length) > 0 ? function (props) {
       return renderSelectedValue(value, props);
     } : undefined
-  }))))), /*#__PURE__*/React.createElement(BottomSheet$1, {
+  }))))), /*#__PURE__*/React__default.createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       onDismiss === null || onDismiss === void 0 || onDismiss();
@@ -16622,13 +16643,13 @@ function MultiSelect(_ref) {
     style: {
       paddingBottom: isKeyboardVisible ? keyboardHeight : 0
     },
-    footer: typeof footerLabel === 'string' ? /*#__PURE__*/React.createElement(Footer, {
+    footer: typeof footerLabel === 'string' ? /*#__PURE__*/React__default.createElement(Footer, {
       label: footerLabel,
       onPress: function onPress() {
         setOpen(false);
         onConfirm(selectingValue);
       }
-    }) : /*#__PURE__*/React.createElement(Box, {
+    }) : /*#__PURE__*/React__default.createElement(Box, {
       flex: 1,
       flexDirection: "row",
       justifyContent: "flex-end"
@@ -16645,13 +16666,13 @@ function MultiSelect(_ref) {
         (_sectionListRef$curre = sectionListRef.current) === null || _sectionListRef$curre === void 0 || _sectionListRef$curre.scrollToLocation(scrollParams);
       }
     }
-  }, onQueryChange && /*#__PURE__*/React.createElement(StyledSearchBar, null, /*#__PURE__*/React.createElement(TextInput, {
+  }, onQueryChange && /*#__PURE__*/React__default.createElement(StyledSearchBar, null, /*#__PURE__*/React__default.createElement(TextInput, {
     editable: true,
     placeholder: "Search",
     suffix: "search-outlined",
     onChangeText: onQueryChange,
     value: query
-  })), /*#__PURE__*/React.createElement(OptionList$1, {
+  })), /*#__PURE__*/React__default.createElement(OptionList$1, {
     onQueryChange: onQueryChange,
     onEndReached: onEndReached,
     loading: loading,
@@ -16686,7 +16707,7 @@ var Option$1 = function Option(_ref) {
     onPress: onPress,
     title: text
   };
-  return highlighted === true ? /*#__PURE__*/React.createElement(List.Item, props) : /*#__PURE__*/React.createElement(List.BasicItem, props);
+  return highlighted === true ? /*#__PURE__*/React__default.createElement(List.Item, props) : /*#__PURE__*/React__default.createElement(List.BasicItem, props);
 };
 
 var StyledOptionList = index$9(BaseOptionList)(function (_ref) {
@@ -16721,7 +16742,7 @@ var OptionList = function OptionList(_ref) {
     return renderOption ? renderOption(_objectSpread2(_objectSpread2({}, info), {}, {
       selected: selected,
       onPress: onItemPress
-    })) : /*#__PURE__*/React.createElement(Option$1, {
+    })) : /*#__PURE__*/React__default.createElement(Option$1, {
       selected: selected,
       text: item.text,
       disabled: item.disabled,
@@ -16729,7 +16750,7 @@ var OptionList = function OptionList(_ref) {
       highlighted: item.highlighted
     });
   };
-  return /*#__PURE__*/React.createElement(StyledOptionList, _extends$1({
+  return /*#__PURE__*/React__default.createElement(StyledOptionList, _extends$1({
     keyExtractor: keyExtractor,
     loading: loading,
     onEndReached: onEndReached,
@@ -16780,15 +16801,15 @@ var SingleSelect = function SingleSelect(_ref) {
     return value === opt.value;
   })) === null || _flatOptions$find === void 0 ? void 0 : _flatOptions$find.text;
   var rawValue = value ? String(value) : undefined;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(View, {
     pointerEvents: !editable || disabled || inputProps !== null && inputProps !== void 0 && inputProps.loading ? 'none' : 'auto'
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+  }, /*#__PURE__*/React__default.createElement(TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     }
-  }, /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React__default.createElement(View, {
     pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(TextInput, _extends$1({}, inputProps, {
+  }, /*#__PURE__*/React__default.createElement(TextInput, _extends$1({}, inputProps, {
     label: label,
     value: renderSelectedValue ? rawValue : displayedValue,
     suffix: "arrow-down",
@@ -16803,7 +16824,7 @@ var SingleSelect = function SingleSelect(_ref) {
     renderInputValue: renderSelectedValue !== undefined && !!rawValue ? function (props) {
       return renderSelectedValue(value, props);
     } : undefined
-  }))))), /*#__PURE__*/React.createElement(BottomSheet$1, {
+  }))))), /*#__PURE__*/React__default.createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       onDismiss === null || onDismiss === void 0 || onDismiss();
@@ -16820,13 +16841,13 @@ var SingleSelect = function SingleSelect(_ref) {
         (_sectionListRef$curre = sectionListRef.current) === null || _sectionListRef$curre === void 0 || _sectionListRef$curre.scrollToLocation(scrollParams);
       }
     }
-  }, onQueryChange && /*#__PURE__*/React.createElement(StyledSearchBar, null, /*#__PURE__*/React.createElement(TextInput, {
+  }, onQueryChange && /*#__PURE__*/React__default.createElement(StyledSearchBar, null, /*#__PURE__*/React__default.createElement(TextInput, {
     editable: true,
     placeholder: "Search",
     suffix: "search-outlined",
     onChangeText: onQueryChange,
     value: query
-  })), /*#__PURE__*/React.createElement(OptionList, {
+  })), /*#__PURE__*/React__default.createElement(OptionList, {
     onQueryChange: onQueryChange,
     onEndReached: onEndReached,
     loading: loading,
@@ -16940,14 +16961,14 @@ var Skeleton = function Skeleton(_ref) {
     }
     onLayout === null || onLayout === void 0 || onLayout(e);
   }, []);
-  return /*#__PURE__*/React.createElement(StyledContainer, _extends$1({
+  return /*#__PURE__*/React__default.createElement(StyledContainer, _extends$1({
     style: style,
     themeVariant: variant,
     themeIntent: intent,
     onLayout: onContainerLayout
-  }, props), /*#__PURE__*/React.createElement(StyledGradientContainer, {
+  }, props), /*#__PURE__*/React__default.createElement(StyledGradientContainer, {
     themeVariant: variant
-  }, /*#__PURE__*/React.createElement(AnimatedLinearGradient, {
+  }, /*#__PURE__*/React__default.createElement(AnimatedLinearGradient, {
     start: gradientPositions.start,
     end: gradientPositions.end,
     style: {
@@ -17039,11 +17060,11 @@ var StyledSuccessModal = index$9(ModalWrapper)({
 var _excluded$6 = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"];
 var renderImage = function renderImage(image) {
   if ( /*#__PURE__*/isValidElement(image)) {
-    return /*#__PURE__*/React.cloneElement(image, {
+    return /*#__PURE__*/React__default.cloneElement(image, {
       testID: 'success-image'
     });
   }
-  return /*#__PURE__*/React.createElement(StyledSuccessImage, {
+  return /*#__PURE__*/React__default.createElement(StyledSuccessImage, {
     source: typeof image === 'string' ? {
       uri: image
     } : image,
@@ -17064,16 +17085,16 @@ var SuccessPage = function SuccessPage(_ref) {
     onSecondaryCtaPress = _ref.onSecondaryCtaPress,
     nativeProps = _objectWithoutProperties(_ref, _excluded$6);
   var showSecondaryButton = secondaryCtaText && onSecondaryCtaPress;
-  return /*#__PURE__*/React.createElement(StyledSuccessContainer, _extends$1({
+  return /*#__PURE__*/React__default.createElement(StyledSuccessContainer, _extends$1({
     testID: testID,
     themeVariant: variant
-  }, nativeProps), /*#__PURE__*/React.createElement(StyledSuccessContent, null, !!image && /*#__PURE__*/React.createElement(StyledSuccessImageContainer, null, renderImage(image)), /*#__PURE__*/React.createElement(StyledSuccessTitle, {
+  }, nativeProps), /*#__PURE__*/React__default.createElement(StyledSuccessContent, null, !!image && /*#__PURE__*/React__default.createElement(StyledSuccessImageContainer, null, renderImage(image)), /*#__PURE__*/React__default.createElement(StyledSuccessTitle, {
     level: "h4",
     typeface: "playful"
-  }, title), !!description && /*#__PURE__*/React.createElement(StyledSuccessDescription, null, description)), !!ctaText && /*#__PURE__*/React.createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React.createElement(StyledSuccessButtonPrimary, {
+  }, title), !!description && /*#__PURE__*/React__default.createElement(StyledSuccessDescription, null, description)), !!ctaText && /*#__PURE__*/React__default.createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React__default.createElement(StyledSuccessButtonPrimary, {
     text: ctaText,
     onPress: onCtaPress
-  }), !!showSecondaryButton && /*#__PURE__*/React.createElement(StyledSuccessButtonPrimary, {
+  }), !!showSecondaryButton && /*#__PURE__*/React__default.createElement(StyledSuccessButtonPrimary, {
     variant: "text",
     text: secondaryCtaText,
     onPress: onSecondaryCtaPress
@@ -17088,11 +17109,11 @@ var SuccessPage = function SuccessPage(_ref) {
 var Success = function Success(props) {
   var variant = props.variant;
   if (variant === 'full-screen') {
-    return /*#__PURE__*/React.createElement(StyledSuccessModal, {
+    return /*#__PURE__*/React__default.createElement(StyledSuccessModal, {
       animationType: "slide"
-    }, /*#__PURE__*/React.createElement(SuccessPage, props));
+    }, /*#__PURE__*/React__default.createElement(SuccessPage, props));
   }
-  return /*#__PURE__*/React.createElement(SuccessPage, props);
+  return /*#__PURE__*/React__default.createElement(SuccessPage, props);
 };
 
 var AnimatedView = Animated.createAnimatedComponent(View);
@@ -17143,7 +17164,7 @@ var OptionContent = function OptionContent(_ref) {
     return content;
   }
   if (badge.type === 'status') {
-    return /*#__PURE__*/React.createElement(Badge$1.Status, {
+    return /*#__PURE__*/React__default.createElement(Badge$1.Status, {
       visible: true,
       style: {
         paddingHorizontal: theme.space.small
@@ -17175,27 +17196,27 @@ var Option = function Option(_ref2) {
     }).start();
   }, [selected]);
   if (selected) {
-    return /*#__PURE__*/React.createElement(StyledTextWrapper, {
+    return /*#__PURE__*/React__default.createElement(StyledTextWrapper, {
       style: {
         transform: [{
           translateX: translateX
         }]
       },
       onLayout: onLayout
-    }, /*#__PURE__*/React.createElement(OptionContent, {
-      content: /*#__PURE__*/React.createElement(Typography.Body, null, text),
+    }, /*#__PURE__*/React__default.createElement(OptionContent, {
+      content: /*#__PURE__*/React__default.createElement(Typography.Body, null, text),
       badge: badge
     }));
   }
-  return /*#__PURE__*/React.createElement(StyledIconWrapper$1, {
+  return /*#__PURE__*/React__default.createElement(StyledIconWrapper$1, {
     style: {
       transform: [{
         translateX: translateX
       }]
     },
     onLayout: onLayout
-  }, /*#__PURE__*/React.createElement(OptionContent, {
-    content: /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(OptionContent, {
+    content: /*#__PURE__*/React__default.createElement(Icon, {
       icon: icon
     }),
     badge: badge
@@ -17237,16 +17258,16 @@ var SelectorSwitch = function SelectorSwitch(_ref) {
       setKnotWidth(e.nativeEvent.layout.width);
     }
   }, [value]);
-  return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+  return /*#__PURE__*/React__default.createElement(TouchableWithoutFeedback, {
     onPress: function onPress() {
       return _onPress === null || _onPress === void 0 ? void 0 : _onPress(value);
     },
     testID: testID
-  }, /*#__PURE__*/React.createElement(StyledWrapper$2, {
+  }, /*#__PURE__*/React__default.createElement(StyledWrapper$2, {
     onLayout: onContainerLayout,
     style: style
   }, options.map(function (opt, index) {
-    return /*#__PURE__*/React.createElement(Option, _extends$1({}, opt, {
+    return /*#__PURE__*/React__default.createElement(Option, _extends$1({}, opt, {
       selected: opt.value === value
       // eslint-disable-next-line react/no-array-index-key
       ,
@@ -17256,7 +17277,7 @@ var SelectorSwitch = function SelectorSwitch(_ref) {
       },
       index: index
     }));
-  }), /*#__PURE__*/React.createElement(StyledKnot$1, {
+  }), /*#__PURE__*/React__default.createElement(StyledKnot$1, {
     style: {
       width: knotWidth,
       transform: [{
@@ -17324,14 +17345,14 @@ var Switch = function Switch(_ref2) {
       useNativeDriver: false
     }).start();
   }, [checked]);
-  return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+  return /*#__PURE__*/React__default.createElement(TouchableWithoutFeedback, {
     testID: testID,
     onPress: onPress,
     disabled: disabled
-  }, /*#__PURE__*/React.createElement(StyledWrapper$1, {
+  }, /*#__PURE__*/React__default.createElement(StyledWrapper$1, {
     themeVariant: variant,
     style: style
-  }, /*#__PURE__*/React.createElement(StyledKnot, {
+  }, /*#__PURE__*/React__default.createElement(StyledKnot, {
     style: {
       left: animatedOffset
     }
@@ -17399,7 +17420,7 @@ var ActiveTabIndicator = function ActiveTabIndicator(_ref) {
     inputRange: inputRange,
     outputRange: [0, tabsLength * indicatorWidth]
   });
-  return /*#__PURE__*/React.createElement(StyledIndicator, {
+  return /*#__PURE__*/React__default.createElement(StyledIndicator, {
     themeWidth: indicatorWidth,
     style: {
       transform: [{
@@ -17478,18 +17499,18 @@ var SceneView = function SceneView(_ref) {
     index = _ref.index,
     selectedIndex = _ref.selectedIndex,
     testID = _ref.testID;
-  var _React$useState = React.useState(Math.abs(selectedIndex - index) > lazyPreloadDistance),
+  var _React$useState = React__default.useState(Math.abs(selectedIndex - index) > lazyPreloadDistance),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isLoading = _React$useState2[0],
     setIsLoading = _React$useState2[1];
   var focused = index === selectedIndex;
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     if (isLoading && Math.abs(selectedIndex - index) <= lazyPreloadDistance) {
       // Always render the route when it becomes focused
       setIsLoading(false);
     }
   }, [isLoading, index, selectedIndex, lazyPreloadDistance]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     var timer;
     if (!lazy && isLoading) {
       // If lazy mode is not enabled, render the scene with a delay if not loaded already
@@ -17504,7 +17525,7 @@ var SceneView = function SceneView(_ref) {
       }
     };
   }, [index, isLoading, lazy, focused]);
-  return /*#__PURE__*/React.createElement(TabScreen, {
+  return /*#__PURE__*/React__default.createElement(TabScreen, {
     accessibilityElementsHidden: !focused,
     importantForAccessibility: focused ? 'auto' : 'no-hide-descendants',
     style: [{
@@ -17519,9 +17540,9 @@ var TabWithBadge = function TabWithBadge(_ref) {
   var config = _ref.config,
     tabItem = _ref.tabItem;
   var theme = useTheme$1();
-  if (!config) return /*#__PURE__*/React.createElement(View, null, tabItem);
+  if (!config) return /*#__PURE__*/React__default.createElement(View, null, tabItem);
   if (config.type === 'status') {
-    return /*#__PURE__*/React.createElement(Badge$1.Status, {
+    return /*#__PURE__*/React__default.createElement(Badge$1.Status, {
       visible: true,
       style: {
         paddingHorizontal: theme.space.xsmall
@@ -17529,7 +17550,7 @@ var TabWithBadge = function TabWithBadge(_ref) {
     }, tabItem);
   }
   if (config.type === 'counter') {
-    return /*#__PURE__*/React.createElement(StyledBadgeWrapper, null, tabItem, /*#__PURE__*/React.createElement(Badge$1, {
+    return /*#__PURE__*/React__default.createElement(StyledBadgeWrapper, null, tabItem, /*#__PURE__*/React__default.createElement(Badge$1, {
       content: config.value,
       max: config.max,
       intent: "info",
@@ -17538,11 +17559,11 @@ var TabWithBadge = function TabWithBadge(_ref) {
       }
     }));
   }
-  return /*#__PURE__*/React.createElement(View, null, tabItem);
+  return /*#__PURE__*/React__default.createElement(View, null, tabItem);
 };
 
 var useAnimatedValueArray = function useAnimatedValueArray(initialValues) {
-  var refs = React.useRef([]);
+  var refs = React__default.useRef([]);
   refs.current.length = initialValues.length;
   initialValues.forEach(function (initialValue, i) {
     var _refs$current$i;
@@ -17561,7 +17582,7 @@ var useInitHighlightedAnimation = function useInitHighlightedAnimation(_ref) {
   }).map(function (_, i) {
     return i === selectedIndex ? 1 : 0;
   }));
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     if (variant !== 'highlighted') {
       return;
     }
@@ -17604,7 +17625,7 @@ var useInitUnderlinedAnimation = function useInitUnderlinedAnimation(_ref) {
     _ref$selectedIndex = _ref.selectedIndex,
     selectedIndex = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex,
     variant = _ref.variant;
-  var previousIndex = React.useRef(0);
+  var previousIndex = React__default.useRef(0);
   var translateXAnims = useAnimatedValueArray(Array.from({
     length: tabsLength
   }).map(function () {
@@ -17627,7 +17648,7 @@ var useInitUnderlinedAnimation = function useInitUnderlinedAnimation(_ref) {
       outputRange: [0, 1]
     });
   });
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     if (variant === 'underlined' && selectedIndex !== undefined && previousIndex.current !== selectedIndex) {
       // Prepare for translateX into the right position.
       if (selectedIndex > previousIndex.current) {
@@ -17652,7 +17673,7 @@ var getTabItem$1 = function getTabItem(_ref) {
     color = _ref.color,
     active = _ref.active;
   if (isHeroIcon(item)) {
-    return /*#__PURE__*/React.createElement(Icon, {
+    return /*#__PURE__*/React__default.createElement(Icon, {
       icon: item,
       testID: "hero-icon-".concat(item),
       size: "small",
@@ -17662,7 +17683,7 @@ var getTabItem$1 = function getTabItem(_ref) {
     });
   }
   if (typeof item === 'string') {
-    return /*#__PURE__*/React.createElement(Typography.Body, {
+    return /*#__PURE__*/React__default.createElement(Typography.Body, {
       variant: active ? 'regular-bold' : 'regular',
       numberOfLines: 1,
       style: {
@@ -17690,7 +17711,7 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
     _ref2$variant = _ref2.variant,
     variant = _ref2$variant === void 0 ? 'highlighted' : _ref2$variant;
   var theme = useTheme$1();
-  var flatListRef = React.useRef(null);
+  var flatListRef = React__default.useRef(null);
   // Init underlined animation data
   var _useInitUnderlinedAni = useInitUnderlinedAnimation({
       tabsLength: tabs.length,
@@ -17706,7 +17727,7 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
       variant: variant
     }),
     tabsAnims = _useInitHighlightedAn.tabsAnims;
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     if (selectedIndex !== undefined && selectedIndex !== -1) {
       var _flatListRef$current;
       (_flatListRef$current = flatListRef.current) === null || _flatListRef$current === void 0 || _flatListRef$current.scrollToIndex({
@@ -17717,10 +17738,10 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
     return function () {
     };
   }, [selectedIndex]);
-  return /*#__PURE__*/React.createElement(HeaderTabWrapper, {
+  return /*#__PURE__*/React__default.createElement(HeaderTabWrapper, {
     themeInsets: insets,
     style: barStyle
-  }, /*#__PURE__*/React.createElement(FlatList, {
+  }, /*#__PURE__*/React__default.createElement(FlatList, {
     testID: testID,
     ref: flatListRef,
     horizontal: true,
@@ -17769,15 +17790,15 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
         color: active ? theme.__hd__.tabs.colors.active : theme.__hd__.tabs.colors.inactive,
         active: active
       });
-      return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      return /*#__PURE__*/React__default.createElement(TouchableWithoutFeedback, {
         key: key,
         onPress: function onPress() {
           onTabPress(key);
         },
         testID: tabItemTestID
-      }, /*#__PURE__*/React.createElement(HeaderTabItem, {
+      }, /*#__PURE__*/React__default.createElement(HeaderTabItem, {
         isFirstItem: index === 0
-      }, variant === 'highlighted' && /*#__PURE__*/React.createElement(HeaderTabItemOutlineWrapper, null, /*#__PURE__*/React.createElement(HeaderTabItemOutline, {
+      }, variant === 'highlighted' && /*#__PURE__*/React__default.createElement(HeaderTabItemOutlineWrapper, null, /*#__PURE__*/React__default.createElement(HeaderTabItemOutline, {
         themeActive: active,
         style: {
           flex: 1,
@@ -17785,10 +17806,10 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
             scaleX: outlineScale
           }]
         }
-      })), /*#__PURE__*/React.createElement(HeaderTabItemWrapper, null, /*#__PURE__*/React.createElement(TabWithBadge, {
+      })), /*#__PURE__*/React__default.createElement(HeaderTabItemWrapper, null, /*#__PURE__*/React__default.createElement(TabWithBadge, {
         config: badge,
         tabItem: tabItem
-      })), variant === 'underlined' && /*#__PURE__*/React.createElement(HeaderTabItemIndicator, {
+      })), variant === 'underlined' && /*#__PURE__*/React__default.createElement(HeaderTabItemIndicator, {
         style: {
           opacity: underlinedOpacity[index],
           transform: [{
@@ -17800,11 +17821,11 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
   }));
 };
 
-var TabContext = /*#__PURE__*/React.createContext(null);
-var ScreenContext = /*#__PURE__*/React.createContext(null);
+var TabContext = /*#__PURE__*/React__default.createContext(null);
+var ScreenContext = /*#__PURE__*/React__default.createContext(null);
 var useIsFocused = function useIsFocused() {
-  var context = React.useContext(TabContext);
-  var key = React.useContext(ScreenContext);
+  var context = React__default.useContext(TabContext);
+  var key = React__default.useContext(ScreenContext);
   if (!context || !key) {
     return;
   }
@@ -17827,14 +17848,14 @@ var ScrollableTab = function ScrollableTab(_ref) {
     componentTestID = _ref.testID,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'highlighted' : _ref$variant;
-  var pagerViewRef = React.useRef(null);
+  var pagerViewRef = React__default.useRef(null);
   var insets = useSafeAreaInsets();
   var selectedTabIndex = tabs.findIndex(function (item) {
     return item.key === selectedTabKey;
   });
   // Used as a flag to prevent calling onTabPress on initial render
   var hasScrolled = useRef(false);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     var timeoutHandle;
     if (selectedTabIndex !== -1) {
       // If the selected tab is changed too quickly, the setPage is crashed and not work anymore
@@ -17851,17 +17872,17 @@ var ScrollableTab = function ScrollableTab(_ref) {
       }
     };
   }, [selectedTabIndex, pagerViewRef]);
-  var tabContextProviderValue = React.useMemo(function () {
+  var tabContextProviderValue = React__default.useMemo(function () {
     return {
       selectedTabKey: selectedTabKey
     };
   }, [selectedTabKey]);
-  return /*#__PURE__*/React.createElement(TabContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(TabContext.Provider, {
     value: tabContextProviderValue
-  }, /*#__PURE__*/React.createElement(TabContainer, {
+  }, /*#__PURE__*/React__default.createElement(TabContainer, {
     style: containerStyle,
     testID: componentTestID
-  }, /*#__PURE__*/React.createElement(ScrollableTabHeader, {
+  }, /*#__PURE__*/React__default.createElement(ScrollableTabHeader, {
     tabs: tabs,
     selectedIndex: selectedTabIndex,
     onTabPress: onTabPress,
@@ -17869,7 +17890,7 @@ var ScrollableTab = function ScrollableTab(_ref) {
     insets: insets,
     testID: componentTestID ? "".concat(componentTestID, "-tab-bar") : undefined,
     variant: variant
-  }), /*#__PURE__*/React.createElement(ContentWrapper, {
+  }), /*#__PURE__*/React__default.createElement(ContentWrapper, {
     initialPage: selectedTabIndex,
     ref: pagerViewRef,
     onPageScrollStateChanged: function onPageScrollStateChanged(e) {
@@ -17891,10 +17912,10 @@ var ScrollableTab = function ScrollableTab(_ref) {
     var key = tab.key,
       component = tab.component,
       testID = tab.testID;
-    return /*#__PURE__*/React.createElement(ScreenContext.Provider, {
+    return /*#__PURE__*/React__default.createElement(ScreenContext.Provider, {
       value: key,
       key: key
-    }, /*#__PURE__*/React.createElement(SceneView, {
+    }, /*#__PURE__*/React__default.createElement(SceneView, {
       testID: testID,
       index: index,
       selectedIndex: selectedTabIndex,
@@ -17909,7 +17930,7 @@ var getTabItem = function getTabItem(_ref) {
     color = _ref.color,
     active = _ref.active;
   if (typeof item === 'string') {
-    return /*#__PURE__*/React.createElement(Typography.Body, {
+    return /*#__PURE__*/React__default.createElement(Typography.Body, {
       variant: active ? 'small-bold' : 'small',
       numberOfLines: 1,
       style: {
@@ -17936,13 +17957,13 @@ var Tabs = function Tabs(_ref2) {
     componentTestID = _ref2.testID;
   var theme = useTheme$1();
   var insets = useSafeAreaInsets();
-  var pagerViewRef = React.useRef(null);
+  var pagerViewRef = React__default.useRef(null);
   var selectedTabIndex = tabs.findIndex(function (item) {
     return item.key === selectedTabKey;
   });
-  var scrollOffsetAnimatedValue = React.useRef(new Animated.Value(0)).current;
-  var positionAnimatedValue = React.useRef(new Animated.Value(0)).current;
-  var _React$useState = React.useState(0),
+  var scrollOffsetAnimatedValue = React__default.useRef(new Animated.Value(0)).current;
+  var positionAnimatedValue = React__default.useRef(new Animated.Value(0)).current;
+  var _React$useState = React__default.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     tabsWidth = _React$useState2[0],
     setTabsWidth = _React$useState2[1];
@@ -17952,21 +17973,21 @@ var Tabs = function Tabs(_ref2) {
       (_pagerViewRef$current = pagerViewRef.current) === null || _pagerViewRef$current === void 0 || _pagerViewRef$current.setPage(selectedTabIndex);
     }
   }, [selectedTabIndex]);
-  var tabContextProviderValue = React.useMemo(function () {
+  var tabContextProviderValue = React__default.useMemo(function () {
     return {
       selectedTabKey: selectedTabKey
     };
   }, [selectedTabKey]);
-  return /*#__PURE__*/React.createElement(TabContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(TabContext.Provider, {
     value: tabContextProviderValue
-  }, /*#__PURE__*/React.createElement(TabContainer$1, {
+  }, /*#__PURE__*/React__default.createElement(TabContainer$1, {
     style: containerStyle,
     testID: componentTestID
-  }, /*#__PURE__*/React.createElement(HeaderTabWrapper$1, {
+  }, /*#__PURE__*/React__default.createElement(HeaderTabWrapper$1, {
     themeInsets: insets,
     style: barStyle,
     testID: componentTestID ? "".concat(componentTestID, "-tab-bar") : undefined
-  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(HeaderTab, {
+  }, /*#__PURE__*/React__default.createElement(View, null, /*#__PURE__*/React__default.createElement(HeaderTab, {
     onLayout: function onLayout(e) {
       var width = e.nativeEvent.layout.width;
       if (tabsWidth !== width) {
@@ -17986,22 +18007,22 @@ var Tabs = function Tabs(_ref2) {
       color: theme.__hd__.tabs.colors.text,
       active: active
     });
-    return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    return /*#__PURE__*/React__default.createElement(TouchableWithoutFeedback, {
       key: key,
       onPress: function onPress() {
         onTabPress(key);
       },
       testID: testID
-    }, /*#__PURE__*/React.createElement(HeaderTabItem$1, null, /*#__PURE__*/React.createElement(TabWithBadge, {
+    }, /*#__PURE__*/React__default.createElement(HeaderTabItem$1, null, /*#__PURE__*/React__default.createElement(TabWithBadge, {
       config: badge,
       tabItem: tabItem
     })));
-  })), /*#__PURE__*/React.createElement(ActiveTabIndicator, {
+  })), /*#__PURE__*/React__default.createElement(ActiveTabIndicator, {
     positionAnimatedValue: positionAnimatedValue,
     scrollOffsetAnimatedValue: scrollOffsetAnimatedValue,
     tabsLength: tabs.length,
     tabsWidth: tabsWidth
-  }))), /*#__PURE__*/React.createElement(ContentWrapper$1, {
+  }))), /*#__PURE__*/React__default.createElement(ContentWrapper$1, {
     initialPage: selectedTabIndex,
     ref: pagerViewRef,
     onPageSelected: function onPageSelected(e) {
@@ -18024,10 +18045,10 @@ var Tabs = function Tabs(_ref2) {
     var key = tab.key,
       component = tab.component,
       testID = tab.testID;
-    return /*#__PURE__*/React.createElement(ScreenContext.Provider, {
+    return /*#__PURE__*/React__default.createElement(ScreenContext.Provider, {
       value: key,
       key: key
-    }, /*#__PURE__*/React.createElement(SceneView, {
+    }, /*#__PURE__*/React__default.createElement(SceneView, {
       testID: testID,
       key: key,
       index: index,
@@ -18074,11 +18095,11 @@ var Tag = function Tag(_ref) {
     testID = _ref.testID,
     nativeProps = _objectWithoutProperties(_ref, _excluded$5);
   useDeprecation("Tag's variant prop is deprecated and will be removed in the next major release. Please remove it.", variant !== undefined);
-  return /*#__PURE__*/React.createElement(StyledView, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React__default.createElement(StyledView, _extends$1({}, nativeProps, {
     themeIntent: intent,
     style: style,
     testID: testID
-  }), typeof content === 'string' ? /*#__PURE__*/React.createElement(StyledText, {
+  }), typeof content === 'string' ? /*#__PURE__*/React__default.createElement(StyledText, {
     themeIntent: intent,
     fontWeight: "semi-bold"
   }, content) : content);
@@ -18107,15 +18128,15 @@ var TimePickerAndroid = function TimePickerAndroid(_ref) {
   var is12Hour = displayFormat.includes('hh');
   var displayValue = value ? formatTime(displayFormat, value) : '';
   var pickerInitValue = value || new Date();
-  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+  return /*#__PURE__*/React__default.createElement(TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     },
     disabled: disabled
-  }, /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React__default.createElement(View, {
     pointerEvents: "none",
     testID: "timePickerInputAndroid"
-  }, /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React__default.createElement(TextInput, {
     label: label,
     value: displayValue,
     suffix: showSuffix ? 'clock-3' : undefined,
@@ -18126,7 +18147,7 @@ var TimePickerAndroid = function TimePickerAndroid(_ref) {
     helpText: helpText,
     style: style,
     testID: testID
-  })), open ? /*#__PURE__*/React.createElement(DateTimePicker, {
+  })), open ? /*#__PURE__*/React__default.createElement(DateTimePicker, {
     testID: "timePickerAndroid",
     mode: "time",
     value: pickerInitValue,
@@ -18176,15 +18197,15 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
   var is12Hour = displayFormat.includes('hh');
   var displayValue = value ? formatTime(displayFormat, value) : '';
   var theme = useTheme();
-  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+  return /*#__PURE__*/React__default.createElement(TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);
     },
     disabled: disabled
-  }, /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React__default.createElement(View, {
     pointerEvents: "none",
     testID: "timePickerInputIOS"
-  }, /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React__default.createElement(TextInput, {
     label: label,
     value: displayValue,
     suffix: showSuffix ? 'clock-3' : undefined,
@@ -18195,13 +18216,13 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
     helpText: helpText,
     testID: testID,
     style: style
-  })), /*#__PURE__*/React.createElement(BottomSheet$1, {
+  })), /*#__PURE__*/React__default.createElement(BottomSheet$1, {
     open: open,
     onRequestClose: function onRequestClose() {
       return setOpen(false);
     },
     header: label,
-    footer: /*#__PURE__*/React.createElement(CompoundButton, {
+    footer: /*#__PURE__*/React__default.createElement(CompoundButton, {
       variant: "text",
       text: confirmLabel,
       onPress: function onPress() {
@@ -18211,7 +18232,7 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
         setOpen(false);
       }
     })
-  }, /*#__PURE__*/React.createElement(StyledPickerWrapper, null, /*#__PURE__*/React.createElement(DateTimePicker, {
+  }, /*#__PURE__*/React__default.createElement(StyledPickerWrapper, null, /*#__PURE__*/React__default.createElement(DateTimePicker, {
     testID: "timePickerIOS",
     value: selectingDate,
     mode: "time"
@@ -18234,9 +18255,9 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
 
 var TimePicker = function TimePicker(props) {
   if (Platform.OS === 'ios') {
-    return /*#__PURE__*/React.createElement(TimePickerIOS, props);
+    return /*#__PURE__*/React__default.createElement(TimePickerIOS, props);
   }
-  return /*#__PURE__*/React.createElement(TimePickerAndroid, props);
+  return /*#__PURE__*/React__default.createElement(TimePickerAndroid, props);
 };
 
 var ToolbarWrapper = index$9(View)(function (_ref) {
@@ -18304,12 +18325,12 @@ var IconItem = function IconItem(_ref) {
     intent = _ref.intent,
     disabled = _ref.disabled,
     label = _ref.label;
-  return /*#__PURE__*/React.createElement(IconButtonWrapper, null, /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/React__default.createElement(IconButtonWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
     icon: icon,
     size: "medium",
     intent: disabled ? 'disabled-text' : intent,
     testID: "toolbar-item-icon-".concat(icon)
-  }), label ? /*#__PURE__*/React.createElement(IconButtonLabel, {
+  }), label ? /*#__PURE__*/React__default.createElement(IconButtonLabel, {
     variant: "regular-bold",
     intent: disabled ? 'subdued' : intent,
     allowFontScaling: false,
@@ -18324,7 +18345,7 @@ var ToolbarItemContent = function ToolbarItemContent(_ref2) {
     _ref2$disabled = _ref2.disabled,
     disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
   if (icon) {
-    return /*#__PURE__*/React.createElement(IconItem, {
+    return /*#__PURE__*/React__default.createElement(IconItem, {
       icon: icon,
       intent: intent,
       disabled: disabled,
@@ -18332,7 +18353,7 @@ var ToolbarItemContent = function ToolbarItemContent(_ref2) {
     });
   }
   if (label) {
-    return /*#__PURE__*/React.createElement(Typography.Body, {
+    return /*#__PURE__*/React__default.createElement(Typography.Body, {
       variant: "regular-bold",
       intent: disabled ? 'disabled' : intent,
       allowFontScaling: false,
@@ -18350,11 +18371,11 @@ var ToolbarItem = function ToolbarItem(_ref3) {
     _ref3$disabled = _ref3.disabled,
     disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
     style = _ref3.style;
-  return /*#__PURE__*/React.createElement(ToolbarItemWrapper, {
+  return /*#__PURE__*/React__default.createElement(ToolbarItemWrapper, {
     onPress: onPress,
     disabled: disabled,
     style: style
-  }, /*#__PURE__*/React.createElement(ToolbarItemContent, {
+  }, /*#__PURE__*/React__default.createElement(ToolbarItemContent, {
     icon: icon,
     label: label,
     intent: intent,
@@ -18368,7 +18389,7 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
     _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items;
   useDeprecation("Toolbar's align prop is deprecated", align !== 'right');
-  return /*#__PURE__*/React.createElement(ToolbarGroupWrapper, {
+  return /*#__PURE__*/React__default.createElement(ToolbarGroupWrapper, {
     align: align
   }, items.map(function (_ref2) {
     var label = _ref2.label,
@@ -18376,7 +18397,7 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
       onPress = _ref2.onPress,
       disabled = _ref2.disabled,
       intent = _ref2.intent;
-    return /*#__PURE__*/React.createElement(ToolbarItem, {
+    return /*#__PURE__*/React__default.createElement(ToolbarItem, {
       key: "".concat(label, "-").concat(icon),
       label: label,
       icon: icon,
@@ -18391,7 +18412,7 @@ var _excluded$4 = ["children"];
 var Toolbar = function Toolbar(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded$4);
-  return /*#__PURE__*/React.createElement(ToolbarWrapper, rest, children);
+  return /*#__PURE__*/React__default.createElement(ToolbarWrapper, rest, children);
 };
 var index$1 = Object.assign(Toolbar, {
   Group: ToolbarGroup
@@ -18436,21 +18457,21 @@ var Rate = function Rate(_ref) {
       useNativeDriver: Platform.OS !== 'web'
     }).start();
   }, [value, animatedValue]);
-  return /*#__PURE__*/React.createElement(StyledWrapper, otherProps, options.length > 0 && options.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React__default.createElement(StyledWrapper, otherProps, options.length > 0 && options.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement(Pressable, {
       key: item.value,
       disabled: disabled || readonly,
       onPress: function onPress() {
         return onChange === null || onChange === void 0 ? void 0 : onChange(item.value);
       },
       testID: item.value.toString()
-    }, /*#__PURE__*/React.createElement(StyledIconWrapper, {
+    }, /*#__PURE__*/React__default.createElement(StyledIconWrapper, {
       style: valueIndex === index && {
         transform: [{
           scale: scale
         }]
       }
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/React__default.createElement(Icon, {
       icon: index <= valueIndex ? 'star' : 'star-outlined',
       intent: disabled ? 'disabled-text' : 'primary'
     })));
@@ -18460,7 +18481,7 @@ var Rate = function Rate(_ref) {
 var RefreshControl = function RefreshControl(_ref) {
   var props = _extends$1({}, (_objectDestructuringEmpty(_ref), _ref));
   var theme = useTheme();
-  return /*#__PURE__*/React.createElement(RefreshControl$1, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(RefreshControl$1, _extends$1({}, props, {
     colors: [theme.__hd__.refreshControl.colors.indicator],
     tintColor: theme.__hd__.refreshControl.colors.indicator
   }));
@@ -18529,11 +18550,11 @@ var ToolbarButton = function ToolbarButton(_ref) {
     onPress = _ref.onPress,
     testID = _ref.testID,
     selected = _ref.selected;
-  return /*#__PURE__*/React.createElement(StyledToolbarButton, {
+  return /*#__PURE__*/React__default.createElement(StyledToolbarButton, {
     selected: selected,
     onPress: onPress,
     testID: testID
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(Icon, {
     size: "small",
     icon: icon
   }));
@@ -18631,13 +18652,13 @@ var EditorToolbar = function EditorToolbar(_ref2) {
   var toolbarButtons = useMemo(function () {
     return toolbarButtonArray.map(function (button) {
       if (button.buttonName === '|') {
-        return /*#__PURE__*/React.createElement(StyledSeparator, {
+        return /*#__PURE__*/React__default.createElement(StyledSeparator, {
           key: button.id
         });
       }
       var config = buttonConfigs[button.buttonName];
       if (config) {
-        return /*#__PURE__*/React.createElement(ToolbarButton, {
+        return /*#__PURE__*/React__default.createElement(ToolbarButton, {
           key: button.id,
           testID: config.icon,
           icon: config.icon,
@@ -18652,7 +18673,7 @@ var EditorToolbar = function EditorToolbar(_ref2) {
     });
   }, [toolbarButtonArray]);
   if (show) {
-    return /*#__PURE__*/React.createElement(StyledToolbar, {
+    return /*#__PURE__*/React__default.createElement(StyledToolbar, {
       testID: testID
     }, toolbarButtons);
   }
@@ -18691,7 +18712,7 @@ var MentionList = function MentionList(_ref) {
   if (isEmptyString(search)) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(View, null, render(search, function (id, name) {
+  return /*#__PURE__*/React__default.createElement(View, null, render(search, function (id, name) {
     var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
       highlighted: false
     };
@@ -18980,7 +19001,7 @@ var scheduler_production_min = {};
   scheduler.exports = scheduler_production_min;
 }
 
-var aa = React,
+var aa = React__default,
   ca = scheduler.exports;
 function p(a) {
   for (var b = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, c = 1; c < arguments.length; c++) b += "&args[]=" + encodeURIComponent(arguments[c]);
@@ -26123,7 +26144,7 @@ function checkDCE() {
 
 (function (module, exports) {
   !function (e, t) {
-    module.exports = t(React, reactDom.exports);
+    module.exports = t(React__default, reactDom.exports);
   }(window, function (e, t) {
     return function (e) {
       var t = {};
@@ -35429,14 +35450,14 @@ var RichTextEditor = function RichTextEditor(_ref) {
       postMessage(webview.current, message);
     }
   };
-  var _React$useState = React.useState({
+  var _React$useState = React__default.useState({
       height: 0,
       width: 0
     }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     inputSize = _React$useState2[0],
     setInputSize = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
+  var _React$useState3 = React__default.useState(0),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     labelWidth = _React$useState4[0],
     setLabelWidth = _React$useState4[1];
@@ -35551,9 +35572,9 @@ var RichTextEditor = function RichTextEditor(_ref) {
         break;
     }
   }, []);
-  return /*#__PURE__*/React.createElement(StyledContainer$4, {
+  return /*#__PURE__*/React__default.createElement(StyledContainer$4, {
     testID: testID
-  }, /*#__PURE__*/React.createElement(StyledLabelContainerInsideTextInput, {
+  }, /*#__PURE__*/React__default.createElement(StyledLabelContainerInsideTextInput, {
     themeVariant: "text",
     pointerEvents: "none",
     testID: "input-label-container",
@@ -35577,28 +35598,28 @@ var RichTextEditor = function RichTextEditor(_ref) {
         })
       }]
     }]
-  }, required && /*#__PURE__*/React.createElement(StyledAsteriskLabelInsideTextInput, {
+  }, required && /*#__PURE__*/React__default.createElement(StyledAsteriskLabelInsideTextInput, {
     style: {
       backgroundColor: theme.__hd__.textInput.colors.labelBackground
     },
     themeState: state
-  }, "*"), !!label && /*#__PURE__*/React.createElement(StyledLabelInsideTextInput, {
+  }, "*"), !!label && /*#__PURE__*/React__default.createElement(StyledLabelInsideTextInput, {
     style: {
       backgroundColor: theme.__hd__.textInput.colors.labelBackground
     },
     testID: "input-label",
     themeState: state,
     onLayout: onLabelLayout
-  }, label)), /*#__PURE__*/React.createElement(StyledTextInputContainer, {
+  }, label)), /*#__PURE__*/React__default.createElement(StyledTextInputContainer, {
     onLayout: onLayout
-  }, /*#__PURE__*/React.createElement(StyledBorderBackDrop, {
+  }, /*#__PURE__*/React__default.createElement(StyledBorderBackDrop, {
     themeState: state,
     themeFocused: isFocused
-  }), /*#__PURE__*/React.createElement(StyledTextInputAndLabelContainer, null, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+  }), /*#__PURE__*/React__default.createElement(StyledTextInputAndLabelContainer, null, /*#__PURE__*/React__default.createElement(TouchableWithoutFeedback, {
     onPress: function onPress(e) {
       return e.stopPropagation();
     }
-  }, /*#__PURE__*/React.createElement(StyledWebView, {
+  }, /*#__PURE__*/React__default.createElement(StyledWebView, {
     ref: webview,
     testID: "webview",
     style: style,
@@ -35611,17 +35632,17 @@ var RichTextEditor = function RichTextEditor(_ref) {
     hideKeyboardAccessoryView: true,
     keyboardDisplayRequiresUserAction: false,
     height: webviewHeight
-  })))), /*#__PURE__*/React.createElement(StyledErrorAndHelpTextContainer, null, /*#__PURE__*/React.createElement(StyledErrorAndMaxLengthContainer, null, error ? /*#__PURE__*/React.createElement(StyledErrorContainer$2, null, /*#__PURE__*/React.createElement(Icon, {
+  })))), /*#__PURE__*/React__default.createElement(StyledErrorAndHelpTextContainer, null, /*#__PURE__*/React__default.createElement(StyledErrorAndMaxLengthContainer, null, error ? /*#__PURE__*/React__default.createElement(StyledErrorContainer$2, null, /*#__PURE__*/React__default.createElement(Icon, {
     testID: "input-error-icon",
     icon: "circle-info",
     size: "xsmall",
     intent: "danger"
-  }), /*#__PURE__*/React.createElement(StyledError, {
+  }), /*#__PURE__*/React__default.createElement(StyledError, {
     testID: "input-error-message"
-  }, error)) : !!helpText && /*#__PURE__*/React.createElement(StyledHelperText, null, helpText))));
+  }, error)) : !!helpText && /*#__PURE__*/React__default.createElement(StyledHelperText, null, helpText))));
 };
 var RichTextEditorWithRef = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(RichTextEditor, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(RichTextEditor, _extends$1({}, props, {
     forwardedRef: ref
   }));
 });
@@ -35653,18 +35674,18 @@ var AnimatedFAB = function AnimatedFAB(_ref) {
     contentHeight = _ref.contentHeight,
     layoutHeight = _ref.layoutHeight;
   var component = 'items' in fabProps ? 'ActionGroup' : 'FAB';
-  var ref = React.useRef(null);
-  var currentContentHeight = React.useRef(0);
-  var currentLayoutHeight = React.useRef(0);
+  var ref = React__default.useRef(null);
+  var currentContentHeight = React__default.useRef(0);
+  var currentLayoutHeight = React__default.useRef(0);
   /** fabState is used to avoid calling duplicated animations. */
-  var fabState = React.useRef('show');
+  var fabState = React__default.useRef('show');
   /** remainingScrollOffset determines whether to animate the FAB. */
-  var remainingScrollOffset = React.useRef(MAX_ANIMATABLE_SCROLL_DISTANCE);
+  var remainingScrollOffset = React__default.useRef(MAX_ANIMATABLE_SCROLL_DISTANCE);
   /** currentScrollDirection is used to determine the scroll direction. */
-  var currentScrollDirection = React.useRef('down');
+  var currentScrollDirection = React__default.useRef('down');
   /** lastScrollY is the scrollY from the preview scroll event. */
-  var lastScrollY = React.useRef(0);
-  var animateFab = React.useCallback(function (newState) {
+  var lastScrollY = React__default.useRef(0);
+  var animateFab = React__default.useCallback(function (newState) {
     if (fabState.current !== newState) {
       if (newState === 'show') {
         var _ref$current;
@@ -35679,7 +35700,7 @@ var AnimatedFAB = function AnimatedFAB(_ref) {
       fabState.current = newState;
     }
   }, [component]);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     contentHeight.addListener(function (_ref2) {
       var value = _ref2.value;
       if (value > 0 && value !== currentContentHeight.current) {
@@ -35734,9 +35755,9 @@ var AnimatedFAB = function AnimatedFAB(_ref) {
       layoutHeight.removeAllListeners();
     };
   }, [contentHeight, contentOffsetY, layoutHeight]);
-  return component === 'FAB' ? /*#__PURE__*/React.createElement(FAB, _extends$1({
+  return component === 'FAB' ? /*#__PURE__*/React__default.createElement(FAB, _extends$1({
     ref: ref
-  }, fabProps)) : /*#__PURE__*/React.createElement(ActionGroup, _extends$1({
+  }, fabProps)) : /*#__PURE__*/React__default.createElement(ActionGroup, _extends$1({
     ref: ref
   }, fabProps));
 };
@@ -35744,14 +35765,14 @@ var AnimatedFAB = function AnimatedFAB(_ref) {
 function AnimatedScroller(_ref) {
   var ScrollComponent = _ref.ScrollComponent,
     fabProps = _ref.fabProps;
-  var contentOffsetY = React.useRef(new Animated.Value(0)).current;
-  var contentHeight = React.useRef(new Animated.Value(0)).current;
-  var layoutHeight = React.useRef(new Animated.Value(0)).current;
+  var contentOffsetY = React__default.useRef(new Animated.Value(0)).current;
+  var contentHeight = React__default.useRef(new Animated.Value(0)).current;
+  var layoutHeight = React__default.useRef(new Animated.Value(0)).current;
   // Common props for all ScrollView, FlatList and SectionList.
   var _ScrollComponent$prop = ScrollComponent.props,
     onScroll = _ScrollComponent$prop.onScroll,
     scrollEventThrottle = _ScrollComponent$prop.scrollEventThrottle;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(ScrollComponent, _objectSpread2(_objectSpread2({}, ScrollComponent.props), {}, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.cloneElement(ScrollComponent, _objectSpread2(_objectSpread2({}, ScrollComponent.props), {}, {
     scrollEventThrottle: scrollEventThrottle || 100,
     onScroll: Animated.event([{
       nativeEvent: {
@@ -35769,7 +35790,7 @@ function AnimatedScroller(_ref) {
       useNativeDriver: false,
       listener: onScroll
     })
-  })), !!fabProps && /*#__PURE__*/React.createElement(AnimatedFAB, {
+  })), !!fabProps && /*#__PURE__*/React__default.createElement(AnimatedFAB, {
     fabProps: fabProps,
     contentOffsetY: contentOffsetY,
     contentHeight: contentHeight,
@@ -35781,8 +35802,8 @@ var _excluded$2 = ["fabProps"];
 var ScrollViewWithFAB = function ScrollViewWithFAB(_ref) {
   var fabProps = _ref.fabProps,
     props = _objectWithoutProperties(_ref, _excluded$2);
-  return /*#__PURE__*/React.createElement(AnimatedScroller, {
-    ScrollComponent: /*#__PURE__*/React.createElement(ScrollView, props),
+  return /*#__PURE__*/React__default.createElement(AnimatedScroller, {
+    ScrollComponent: /*#__PURE__*/React__default.createElement(ScrollView, props),
     fabProps: fabProps
   });
 };
@@ -35791,8 +35812,8 @@ var _excluded$1 = ["fabProps"];
 function FlatListWithFAB(_ref) {
   var fabProps = _ref.fabProps,
     props = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React.createElement(AnimatedScroller, {
-    ScrollComponent: /*#__PURE__*/React.createElement(FlatList, props),
+  return /*#__PURE__*/React__default.createElement(AnimatedScroller, {
+    ScrollComponent: /*#__PURE__*/React__default.createElement(FlatList, props),
     fabProps: fabProps
   });
 }
@@ -35801,8 +35822,8 @@ var _excluded = ["fabProps"];
 function SectionListWithFAB(_ref) {
   var fabProps = _ref.fabProps,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(AnimatedScroller, {
-    ScrollComponent: /*#__PURE__*/React.createElement(SectionList, props),
+  return /*#__PURE__*/React__default.createElement(AnimatedScroller, {
+    ScrollComponent: /*#__PURE__*/React__default.createElement(SectionList, props),
     fabProps: fabProps
   });
 }