@hero-design/rn 7.5.0 → 7.6.1-alpha.0

package/lib/index.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ReactNative = require('react-native');
+var reactNative = require('react-native');
 var React = require('react');
+var reactNativeVectorIcons = require('react-native-vector-icons');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
+var PagerView = require('react-native-pager-view');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,9 +28,9 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var ReactNative__default = /*#__PURE__*/_interopDefaultLegacy(ReactNative);
-var ReactNative__namespace = /*#__PURE__*/_interopNamespace(ReactNative);
+var reactNative__namespace = /*#__PURE__*/_interopNamespace(reactNative);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PagerView__default = /*#__PURE__*/_interopDefaultLegacy(PagerView);
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -47,7 +49,7 @@ function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
     i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty$2(target, key, source[key]);
+      _defineProperty(target, key, source[key]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
@@ -56,42 +58,17 @@ function _objectSpread2(target) {
   return target;
 }
 
-function _typeof$2(obj) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
     return typeof obj;
   } : function (obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$2(obj);
+  }, _typeof(obj);
 }
 
-function _classCallCheck$1(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-function _defineProperties$1(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-
-function _createClass$1(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties$1(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-
-function _defineProperty$2(obj, key, value) {
+function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -106,8 +83,8 @@ function _defineProperty$2(obj, key, value) {
   return obj;
 }
 
-function _extends$3() {
-  _extends$3 = Object.assign || function (target) {
+function _extends$1() {
+  _extends$1 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -121,57 +98,10 @@ function _extends$3() {
     return target;
   };
 
-  return _extends$3.apply(this, arguments);
-}
-
-function _inherits$1(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
-  if (superClass) _setPrototypeOf$1(subClass, superClass);
-}
-
-function _getPrototypeOf$1(o) {
-  _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf$1(o);
-}
-
-function _setPrototypeOf$1(o, p) {
-  _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf$1(o, p);
-}
-
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
+  return _extends$1.apply(this, arguments);
 }
 
-function _objectWithoutPropertiesLoose$1(source, excluded) {
+function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -186,10 +116,10 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   return target;
 }
 
-function _objectWithoutProperties$1(source, excluded) {
+function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
 
-  var target = _objectWithoutPropertiesLoose$1(source, excluded);
+  var target = _objectWithoutPropertiesLoose(source, excluded);
 
   var key, i;
 
@@ -207,52 +137,15 @@ function _objectWithoutProperties$1(source, excluded) {
   return target;
 }
 
-function _assertThisInitialized$1(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return self;
-}
-
-function _possibleConstructorReturn$1(self, call) {
-  if (call && (typeof call === "object" || typeof call === "function")) {
-    return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
-  }
-
-  return _assertThisInitialized$1(self);
-}
-
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf$1(Derived),
-        result;
-
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf$1(this).constructor;
-
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-
-    return _possibleConstructorReturn$1(this, result);
-  };
-}
-
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function _toConsumableArray$1(arr) {
-  return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread$1();
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-function _arrayWithoutHoles$1(arr) {
+function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 
@@ -260,7 +153,7 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArray$1(iter) {
+function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
@@ -311,7 +204,7 @@ function _arrayLikeToArray(arr, len) {
   return arr2;
 }
 
-function _nonIterableSpread$1() {
+function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
@@ -1558,8 +1451,8 @@ var createCache = function createCache(options) {
   return cache;
 };
 
-function _extends$2() {
-  _extends$2 = Object.assign ? Object.assign.bind() : function (target) {
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -1572,7 +1465,7 @@ function _extends$2() {
 
     return target;
   };
-  return _extends$2.apply(this, arguments);
+  return _extends.apply(this, arguments);
 }
 
 var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
@@ -1589,7 +1482,7 @@ EmotionCacheContext.Provider;
 
 var ThemeContext = /* #__PURE__ */React.createContext({});
 
-var useTheme = function useTheme() {
+var useTheme$1 = function useTheme() {
   return React.useContext(ThemeContext);
 };
 
@@ -1600,7 +1493,7 @@ var getTheme$1 = function getTheme(outerTheme, theme) {
     return mergedTheme;
   }
 
-  return _extends$2({}, outerTheme, theme);
+  return _extends({}, outerTheme, theme);
 };
 
 var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
@@ -1609,7 +1502,7 @@ var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
   });
 });
 
-var ThemeProvider = function ThemeProvider(props) {
+var ThemeProvider$1 = function ThemeProvider(props) {
   var theme = React.useContext(ThemeContext);
 
   if (props.theme !== theme) {
@@ -1750,13 +1643,14 @@ var systemPalette = {
   invertedText: palette.white,
   outline: palette.greyLight60,
   archived: palette.greyLight45,
-  black: palette.black
+  black: palette.black,
+  inactiveBackground: palette.greyDark30
 };
 
 var BASE_WIDTH = 390; // Based on iPhone 13's viewport size
 
 var horizontalScale = function horizontalScale(size) {
-  var _Dimensions$get = ReactNative.Dimensions.get('window'),
+  var _Dimensions$get = reactNative.Dimensions.get('window'),
       width = _Dimensions$get.width,
       height = _Dimensions$get.height;
 
@@ -2257,25 +2151,6 @@ var getProgressTheme = function getProgressTheme(theme) {
   };
 };
 
-var getSpinnerTheme = function getSpinnerTheme(theme) {
-  var color = {
-    "default": theme.colors.primary
-  };
-  var space = {
-    spinnerDot: theme.space.medium,
-    spinnerDotPadding: theme.space.small,
-    spinnerTextPaddingTop: theme.space.small
-  };
-  var radii = {
-    "default": theme.radii.medium
-  };
-  return {
-    color: color,
-    space: space,
-    radii: radii
-  };
-};
-
 var getRadioTheme = function getRadioTheme(theme) {
   var colors = {
     circle: theme.colors.black,
@@ -2307,6 +2182,102 @@ var getRadioTheme = function getRadioTheme(theme) {
   };
 };
 
+var getSectionHeadingTheme = function getSectionHeadingTheme(theme) {
+  var colors = {
+    background: theme.colors.outline
+  };
+  var space = {
+    headingVerticalPadding: theme.space.small,
+    headingHorizontalPadding: theme.space.medium,
+    headingMarginBottom: theme.space.medium,
+    iconMarginRight: theme.space.small
+  };
+  return {
+    colors: colors,
+    space: space
+  };
+};
+
+var getSelectTheme = function getSelectTheme(theme) {
+  var colors = {
+    option: theme.colors.platformBackground,
+    checkedOption: theme.colors.primaryBackground,
+    footerText: theme.colors.primary
+  };
+  var space = {
+    optionPadding: theme.space.medium,
+    optionListPadding: theme.space.medium,
+    optionListSpacing: theme.space.xsmall
+  };
+  var radii = {
+    option: theme.radii.base
+  };
+  return {
+    space: space,
+    colors: colors,
+    radii: radii
+  };
+};
+
+var getSpinnerTheme = function getSpinnerTheme(theme) {
+  var color = {
+    "default": theme.colors.primary
+  };
+  var space = {
+    spinnerDot: theme.space.medium,
+    spinnerDotPadding: theme.space.small,
+    spinnerTextPaddingTop: theme.space.small
+  };
+  var radii = {
+    "default": theme.radii.medium
+  };
+  return {
+    color: color,
+    space: space,
+    radii: radii
+  };
+};
+
+var getSwitchTheme = function getSwitchTheme(theme) {
+  var colors = {
+    thumb: theme.colors.platformBackground,
+    active: theme.colors.primary,
+    inactive: theme.colors.inactiveBackground
+  };
+  var thumbSizes = {
+    small: theme.space.medium,
+    medium: theme.space.medium * 1.3
+  };
+  var widths = {
+    small: theme.space.xxxlarge,
+    medium: theme.space.xxxxlarge
+  };
+  var heights = {
+    small: theme.space.large,
+    medium: theme.space.large * 1.2
+  };
+  var spaces = {
+    small: theme.space.xsmall,
+    medium: theme.space.xsmall,
+    inactive: 0
+  };
+  var radii = {
+    rounded: theme.radii.rounded
+  };
+  var borderWidths = {
+    "default": theme.borderWidths.base
+  };
+  return {
+    colors: colors,
+    thumbSizes: thumbSizes,
+    widths: widths,
+    heights: heights,
+    spaces: spaces,
+    radii: radii,
+    borderWidths: borderWidths
+  };
+};
+
 var getTabsTheme = function getTabsTheme(theme) {
   var colors = {
     active: theme.colors.primary,
@@ -2387,7 +2358,7 @@ var getTextInputTheme = function getTextInputTheme(theme) {
     labelLeft: theme.space.medium,
     labelTop: theme.lineHeights.small / -2,
     labelHorizontalPadding: theme.space.xsmall,
-    prefixMarginRight: theme.space.small
+    inputHorizontalMargin: theme.space.small
   };
   var fontSizes = {
     text: theme.fontSizes.large
@@ -2456,9 +2427,12 @@ var getTheme = function getTheme() {
       drawer: getDrawerTheme(globalTheme),
       fab: getFABTheme(globalTheme),
       icon: getIconTheme(globalTheme),
-      spinner: getSpinnerTheme(globalTheme),
       progress: getProgressTheme(globalTheme),
       radio: getRadioTheme(globalTheme),
+      sectionHeading: getSectionHeadingTheme(globalTheme),
+      select: getSelectTheme(globalTheme),
+      spinner: getSpinnerTheme(globalTheme),
+      "switch": getSwitchTheme(globalTheme),
       tabs: getTabsTheme(globalTheme),
       tag: getTagTheme(globalTheme),
       textInput: getTextInputTheme(globalTheme),
@@ -2468,2075 +2442,114 @@ var getTheme = function getTheme() {
 };
 
 var theme = getTheme();
+var ThemeProvider = ThemeProvider$1;
+var useTheme = useTheme$1;
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-var dist = {};
-
-function _interopRequireDefault$5(obj) {
-  return obj && obj.__esModule ? obj : {
-    "default": obj
-  };
-}
-
-var interopRequireDefault = _interopRequireDefault$5;
-
-var createIconSet$1 = {};
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
-      arr2[i] = arr[i];
-    }
-
-    return arr2;
-  }
-}
-
-var arrayWithoutHoles$1 = _arrayWithoutHoles;
-
-function _iterableToArray(iter) {
-  if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
-}
-
-var iterableToArray$1 = _iterableToArray;
+var cssToReactNative = {};
 
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance");
-}
+var openParentheses = "(".charCodeAt(0);
+var closeParentheses = ")".charCodeAt(0);
+var singleQuote = "'".charCodeAt(0);
+var doubleQuote = '"'.charCodeAt(0);
+var backslash = "\\".charCodeAt(0);
+var slash = "/".charCodeAt(0);
+var comma = ",".charCodeAt(0);
+var colon = ":".charCodeAt(0);
+var star = "*".charCodeAt(0);
+var uLower = "u".charCodeAt(0);
+var uUpper = "U".charCodeAt(0);
+var plus$1 = "+".charCodeAt(0);
+var isUnicodeRange = /^[a-f0-9?-]+$/i;
 
-var nonIterableSpread$1 = _nonIterableSpread;
+var parse$1 = function parse(input) {
+  var tokens = [];
+  var value = input;
+  var next, quote, prev, token, escape, escapePos, whitespacePos, parenthesesOpenPos;
+  var pos = 0;
+  var code = value.charCodeAt(pos);
+  var max = value.length;
+  var stack = [{
+    nodes: tokens
+  }];
+  var balanced = 0;
+  var parent;
+  var name = "";
+  var before = "";
+  var after = "";
 
-var arrayWithoutHoles = arrayWithoutHoles$1;
-var iterableToArray = iterableToArray$1;
-var nonIterableSpread = nonIterableSpread$1;
+  while (pos < max) {
+    // Whitespaces
+    if (code <= 32) {
+      next = pos;
 
-function _toConsumableArray(arr) {
-  return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();
-}
+      do {
+        next += 1;
+        code = value.charCodeAt(next);
+      } while (code <= 32);
 
-var toConsumableArray = _toConsumableArray;
+      token = value.slice(pos, next);
+      prev = tokens[tokens.length - 1];
 
-var runtime = {exports: {}};
+      if (code === closeParentheses && balanced) {
+        after = token;
+      } else if (prev && prev.type === "div") {
+        prev.after = token;
+      } else if (code === comma || code === colon || code === slash && value.charCodeAt(next + 1) !== star && (!parent || parent && parent.type === "function" && parent.value !== "calc")) {
+        before = token;
+      } else {
+        tokens.push({
+          type: "space",
+          sourceIndex: pos,
+          value: token
+        });
+      }
 
-(function (module) {
-  var runtime = function (exports) {
+      pos = next; // Quotes
+    } else if (code === singleQuote || code === doubleQuote) {
+      next = pos;
+      quote = code === singleQuote ? "'" : '"';
+      token = {
+        type: "string",
+        sourceIndex: pos,
+        quote: quote
+      };
 
-    var Op = Object.prototype;
-    var hasOwn = Op.hasOwnProperty;
-    var undefined$1; // More compressible than void 0.
+      do {
+        escape = false;
+        next = value.indexOf(quote, next + 1);
 
-    var $Symbol = typeof Symbol === "function" ? Symbol : {};
-    var iteratorSymbol = $Symbol.iterator || "@@iterator";
-    var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
-    var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+        if (~next) {
+          escapePos = next;
 
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-      // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
-      var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
-      var generator = Object.create(protoGenerator.prototype);
-      var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,
-      // .throw, and .return methods.
+          while (value.charCodeAt(escapePos - 1) === backslash) {
+            escapePos -= 1;
+            escape = !escape;
+          }
+        } else {
+          value += quote;
+          next = value.length - 1;
+          token.unclosed = true;
+        }
+      } while (escape);
 
-      generator._invoke = makeInvokeMethod(innerFn, self, context);
-      return generator;
-    }
+      token.value = value.slice(pos + 1, next);
+      tokens.push(token);
+      pos = next + 1;
+      code = value.charCodeAt(pos); // Comments
+    } else if (code === slash && value.charCodeAt(pos + 1) === star) {
+      token = {
+        type: "comment",
+        sourceIndex: pos
+      };
+      next = value.indexOf("*/", pos);
 
-    exports.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion
-    // record like context.tryEntries[i].completion. This interface could
-    // have been (and was previously) designed to take a closure to be
-    // invoked without arguments, but in all the cases we care about we
-    // already have an existing method we want to call, so there's no need
-    // to create a new function object. We can even get away with assuming
-    // the method takes exactly one argument, since that happens to be true
-    // in every case, so we don't have to touch the arguments object. The
-    // only additional allocation required is the completion record, which
-    // has a stable shape and so hopefully should be cheap to allocate.
-
-    function tryCatch(fn, obj, arg) {
-      try {
-        return {
-          type: "normal",
-          arg: fn.call(obj, arg)
-        };
-      } catch (err) {
-        return {
-          type: "throw",
-          arg: err
-        };
-      }
-    }
-
-    var GenStateSuspendedStart = "suspendedStart";
-    var GenStateSuspendedYield = "suspendedYield";
-    var GenStateExecuting = "executing";
-    var GenStateCompleted = "completed"; // Returning this object from the innerFn has the same effect as
-    // breaking out of the dispatch switch statement.
-
-    var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and
-    // .constructor.prototype properties for functions that return Generator
-    // objects. For full spec compliance, you may wish to configure your
-    // minifier not to mangle the names of these two functions.
-
-    function Generator() {}
-
-    function GeneratorFunction() {}
-
-    function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that
-    // don't natively support it.
-
-
-    var IteratorPrototype = {};
-
-    IteratorPrototype[iteratorSymbol] = function () {
-      return this;
-    };
-
-    var getProto = Object.getPrototypeOf;
-    var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-
-    if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
-      // This environment has a native %IteratorPrototype%; use it instead
-      // of the polyfill.
-      IteratorPrototype = NativeIteratorPrototype;
-    }
-
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
-    GeneratorFunctionPrototype.constructor = GeneratorFunction;
-    GeneratorFunctionPrototype[toStringTagSymbol] = GeneratorFunction.displayName = "GeneratorFunction"; // Helper for defining the .next, .throw, and .return methods of the
-    // Iterator interface in terms of a single ._invoke method.
-
-    function defineIteratorMethods(prototype) {
-      ["next", "throw", "return"].forEach(function (method) {
-        prototype[method] = function (arg) {
-          return this._invoke(method, arg);
-        };
-      });
-    }
-
-    exports.isGeneratorFunction = function (genFun) {
-      var ctor = typeof genFun === "function" && genFun.constructor;
-      return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can
-      // do is to check its .name property.
-      (ctor.displayName || ctor.name) === "GeneratorFunction" : false;
-    };
-
-    exports.mark = function (genFun) {
-      if (Object.setPrototypeOf) {
-        Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
-      } else {
-        genFun.__proto__ = GeneratorFunctionPrototype;
-
-        if (!(toStringTagSymbol in genFun)) {
-          genFun[toStringTagSymbol] = "GeneratorFunction";
-        }
-      }
-
-      genFun.prototype = Object.create(Gp);
-      return genFun;
-    }; // Within the body of any async function, `await x` is transformed to
-    // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
-    // `hasOwn.call(value, "__await")` to determine if the yielded value is
-    // meant to be awaited.
-
-
-    exports.awrap = function (arg) {
-      return {
-        __await: arg
-      };
-    };
-
-    function AsyncIterator(generator) {
-      function invoke(method, arg, resolve, reject) {
-        var record = tryCatch(generator[method], generator, arg);
-
-        if (record.type === "throw") {
-          reject(record.arg);
-        } else {
-          var result = record.arg;
-          var value = result.value;
-
-          if (value && _typeof$2(value) === "object" && hasOwn.call(value, "__await")) {
-            return Promise.resolve(value.__await).then(function (value) {
-              invoke("next", value, resolve, reject);
-            }, function (err) {
-              invoke("throw", err, resolve, reject);
-            });
-          }
-
-          return Promise.resolve(value).then(function (unwrapped) {
-            // When a yielded Promise is resolved, its final value becomes
-            // the .value of the Promise<{value,done}> result for the
-            // current iteration.
-            result.value = unwrapped;
-            resolve(result);
-          }, function (error) {
-            // If a rejected Promise was yielded, throw the rejection back
-            // into the async generator function so it can be handled there.
-            return invoke("throw", error, resolve, reject);
-          });
-        }
-      }
-
-      var previousPromise;
-
-      function enqueue(method, arg) {
-        function callInvokeWithMethodAndArg() {
-          return new Promise(function (resolve, reject) {
-            invoke(method, arg, resolve, reject);
-          });
-        }
-
-        return previousPromise = // If enqueue has been called before, then we want to wait until
-        // all previous Promises have been resolved before calling invoke,
-        // so that results are always delivered in the correct order. If
-        // enqueue has not been called before, then it is important to
-        // call invoke immediately, without waiting on a callback to fire,
-        // so that the async generator function has the opportunity to do
-        // any necessary setup in a predictable way. This predictability
-        // is why the Promise constructor synchronously invokes its
-        // executor callback, and why async functions synchronously
-        // execute code before the first await. Since we implement simple
-        // async functions in terms of async generators, it is especially
-        // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later
-        // invocations of the iterator.
-        callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      } // Define the unified helper method that is used to implement .next,
-      // .throw, and .return (see defineIteratorMethods).
-
-
-      this._invoke = enqueue;
-    }
-
-    defineIteratorMethods(AsyncIterator.prototype);
-
-    AsyncIterator.prototype[asyncIteratorSymbol] = function () {
-      return this;
-    };
-
-    exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
-    // AsyncIterator objects; they just return a Promise for the value of
-    // the final result produced by the iterator.
-
-    exports.async = function (innerFn, outerFn, self, tryLocsList) {
-      var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList));
-      return exports.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator.
-      : iter.next().then(function (result) {
-        return result.done ? result.value : iter.next();
-      });
-    };
-
-    function makeInvokeMethod(innerFn, self, context) {
-      var state = GenStateSuspendedStart;
-      return function invoke(method, arg) {
-        if (state === GenStateExecuting) {
-          throw new Error("Generator is already running");
-        }
-
-        if (state === GenStateCompleted) {
-          if (method === "throw") {
-            throw arg;
-          } // Be forgiving, per 25.3.3.3.3 of the spec:
-          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-
-
-          return doneResult();
-        }
-
-        context.method = method;
-        context.arg = arg;
-
-        while (true) {
-          var delegate = context.delegate;
-
-          if (delegate) {
-            var delegateResult = maybeInvokeDelegate(delegate, context);
-
-            if (delegateResult) {
-              if (delegateResult === ContinueSentinel) continue;
-              return delegateResult;
-            }
-          }
-
-          if (context.method === "next") {
-            // Setting context._sent for legacy support of Babel's
-            // function.sent implementation.
-            context.sent = context._sent = context.arg;
-          } else if (context.method === "throw") {
-            if (state === GenStateSuspendedStart) {
-              state = GenStateCompleted;
-              throw context.arg;
-            }
-
-            context.dispatchException(context.arg);
-          } else if (context.method === "return") {
-            context.abrupt("return", context.arg);
-          }
-
-          state = GenStateExecuting;
-          var record = tryCatch(innerFn, self, context);
-
-          if (record.type === "normal") {
-            // If an exception is thrown from innerFn, we leave state ===
-            // GenStateExecuting and loop back for another invocation.
-            state = context.done ? GenStateCompleted : GenStateSuspendedYield;
-
-            if (record.arg === ContinueSentinel) {
-              continue;
-            }
-
-            return {
-              value: record.arg,
-              done: context.done
-            };
-          } else if (record.type === "throw") {
-            state = GenStateCompleted; // Dispatch the exception by looping back around to the
-            // context.dispatchException(context.arg) call above.
-
-            context.method = "throw";
-            context.arg = record.arg;
-          }
-        }
-      };
-    } // Call delegate.iterator[context.method](context.arg) and handle the
-    // result, either by returning a { value, done } result from the
-    // delegate iterator, or by modifying context.method and context.arg,
-    // setting context.delegate to null, and returning the ContinueSentinel.
-
-
-    function maybeInvokeDelegate(delegate, context) {
-      var method = delegate.iterator[context.method];
-
-      if (method === undefined$1) {
-        // A .throw or .return when the delegate iterator has no .throw
-        // method always terminates the yield* loop.
-        context.delegate = null;
-
-        if (context.method === "throw") {
-          // Note: ["return"] must be used for ES3 parsing compatibility.
-          if (delegate.iterator["return"]) {
-            // If the delegate iterator has a return method, give it a
-            // chance to clean up.
-            context.method = "return";
-            context.arg = undefined$1;
-            maybeInvokeDelegate(delegate, context);
-
-            if (context.method === "throw") {
-              // If maybeInvokeDelegate(context) changed context.method from
-              // "return" to "throw", let that override the TypeError below.
-              return ContinueSentinel;
-            }
-          }
-
-          context.method = "throw";
-          context.arg = new TypeError("The iterator does not provide a 'throw' method");
-        }
-
-        return ContinueSentinel;
-      }
-
-      var record = tryCatch(method, delegate.iterator, context.arg);
-
-      if (record.type === "throw") {
-        context.method = "throw";
-        context.arg = record.arg;
-        context.delegate = null;
-        return ContinueSentinel;
-      }
-
-      var info = record.arg;
-
-      if (!info) {
-        context.method = "throw";
-        context.arg = new TypeError("iterator result is not an object");
-        context.delegate = null;
-        return ContinueSentinel;
-      }
-
-      if (info.done) {
-        // Assign the result of the finished delegate to the temporary
-        // variable specified by delegate.resultName (see delegateYield).
-        context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).
-
-        context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the
-        // exception, let the outer generator proceed normally. If
-        // context.method was "next", forget context.arg since it has been
-        // "consumed" by the delegate iterator. If context.method was
-        // "return", allow the original .return call to continue in the
-        // outer generator.
-
-        if (context.method !== "return") {
-          context.method = "next";
-          context.arg = undefined$1;
-        }
-      } else {
-        // Re-yield the result returned by the delegate method.
-        return info;
-      } // The delegate iterator is finished, so forget it and continue with
-      // the outer generator.
-
-
-      context.delegate = null;
-      return ContinueSentinel;
-    } // Define Generator.prototype.{next,throw,return} in terms of the
-    // unified ._invoke helper method.
-
-
-    defineIteratorMethods(Gp);
-    Gp[toStringTagSymbol] = "Generator"; // A Generator should always return itself as the iterator object when the
-    // @@iterator function is called on it. Some browsers' implementations of the
-    // iterator prototype chain incorrectly implement this, causing the Generator
-    // object to not be returned from this call. This ensures that doesn't happen.
-    // See https://github.com/facebook/regenerator/issues/274 for more details.
-
-    Gp[iteratorSymbol] = function () {
-      return this;
-    };
-
-    Gp.toString = function () {
-      return "[object Generator]";
-    };
-
-    function pushTryEntry(locs) {
-      var entry = {
-        tryLoc: locs[0]
-      };
-
-      if (1 in locs) {
-        entry.catchLoc = locs[1];
-      }
-
-      if (2 in locs) {
-        entry.finallyLoc = locs[2];
-        entry.afterLoc = locs[3];
-      }
-
-      this.tryEntries.push(entry);
-    }
-
-    function resetTryEntry(entry) {
-      var record = entry.completion || {};
-      record.type = "normal";
-      delete record.arg;
-      entry.completion = record;
-    }
-
-    function Context(tryLocsList) {
-      // The root entry object (effectively a try statement without a catch
-      // or a finally block) gives us a place to store values thrown from
-      // locations where there is no enclosing try statement.
-      this.tryEntries = [{
-        tryLoc: "root"
-      }];
-      tryLocsList.forEach(pushTryEntry, this);
-      this.reset(true);
-    }
-
-    exports.keys = function (object) {
-      var keys = [];
-
-      for (var key in object) {
-        keys.push(key);
-      }
-
-      keys.reverse(); // Rather than returning an object with a next method, we keep
-      // things simple and return the next function itself.
-
-      return function next() {
-        while (keys.length) {
-          var key = keys.pop();
-
-          if (key in object) {
-            next.value = key;
-            next.done = false;
-            return next;
-          }
-        } // To avoid creating an additional object, we just hang the .value
-        // and .done properties off the next function object itself. This
-        // also ensures that the minifier will not anonymize the function.
-
-
-        next.done = true;
-        return next;
-      };
-    };
-
-    function values(iterable) {
-      if (iterable) {
-        var iteratorMethod = iterable[iteratorSymbol];
-
-        if (iteratorMethod) {
-          return iteratorMethod.call(iterable);
-        }
-
-        if (typeof iterable.next === "function") {
-          return iterable;
-        }
-
-        if (!isNaN(iterable.length)) {
-          var i = -1,
-              next = function next() {
-            while (++i < iterable.length) {
-              if (hasOwn.call(iterable, i)) {
-                next.value = iterable[i];
-                next.done = false;
-                return next;
-              }
-            }
-
-            next.value = undefined$1;
-            next.done = true;
-            return next;
-          };
-
-          return next.next = next;
-        }
-      } // Return an iterator with no values.
-
-
-      return {
-        next: doneResult
-      };
-    }
-
-    exports.values = values;
-
-    function doneResult() {
-      return {
-        value: undefined$1,
-        done: true
-      };
-    }
-
-    Context.prototype = {
-      constructor: Context,
-      reset: function reset(skipTempReset) {
-        this.prev = 0;
-        this.next = 0; // Resetting context._sent for legacy support of Babel's
-        // function.sent implementation.
-
-        this.sent = this._sent = undefined$1;
-        this.done = false;
-        this.delegate = null;
-        this.method = "next";
-        this.arg = undefined$1;
-        this.tryEntries.forEach(resetTryEntry);
-
-        if (!skipTempReset) {
-          for (var name in this) {
-            // Not sure about the optimal order of these conditions:
-            if (name.charAt(0) === "t" && hasOwn.call(this, name) && !isNaN(+name.slice(1))) {
-              this[name] = undefined$1;
-            }
-          }
-        }
-      },
-      stop: function stop() {
-        this.done = true;
-        var rootEntry = this.tryEntries[0];
-        var rootRecord = rootEntry.completion;
-
-        if (rootRecord.type === "throw") {
-          throw rootRecord.arg;
-        }
-
-        return this.rval;
-      },
-      dispatchException: function dispatchException(exception) {
-        if (this.done) {
-          throw exception;
-        }
-
-        var context = this;
-
-        function handle(loc, caught) {
-          record.type = "throw";
-          record.arg = exception;
-          context.next = loc;
-
-          if (caught) {
-            // If the dispatched exception was caught by a catch block,
-            // then let that catch block handle the exception normally.
-            context.method = "next";
-            context.arg = undefined$1;
-          }
-
-          return !!caught;
-        }
-
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          var record = entry.completion;
-
-          if (entry.tryLoc === "root") {
-            // Exception thrown outside of any try block that could handle
-            // it, so set the completion value of the entire function to
-            // throw the exception.
-            return handle("end");
-          }
-
-          if (entry.tryLoc <= this.prev) {
-            var hasCatch = hasOwn.call(entry, "catchLoc");
-            var hasFinally = hasOwn.call(entry, "finallyLoc");
-
-            if (hasCatch && hasFinally) {
-              if (this.prev < entry.catchLoc) {
-                return handle(entry.catchLoc, true);
-              } else if (this.prev < entry.finallyLoc) {
-                return handle(entry.finallyLoc);
-              }
-            } else if (hasCatch) {
-              if (this.prev < entry.catchLoc) {
-                return handle(entry.catchLoc, true);
-              }
-            } else if (hasFinally) {
-              if (this.prev < entry.finallyLoc) {
-                return handle(entry.finallyLoc);
-              }
-            } else {
-              throw new Error("try statement without catch or finally");
-            }
-          }
-        }
-      },
-      abrupt: function abrupt(type, arg) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-
-          if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-            var finallyEntry = entry;
-            break;
-          }
-        }
-
-        if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {
-          // Ignore the finally entry if control is not jumping to a
-          // location outside the try/catch block.
-          finallyEntry = null;
-        }
-
-        var record = finallyEntry ? finallyEntry.completion : {};
-        record.type = type;
-        record.arg = arg;
-
-        if (finallyEntry) {
-          this.method = "next";
-          this.next = finallyEntry.finallyLoc;
-          return ContinueSentinel;
-        }
-
-        return this.complete(record);
-      },
-      complete: function complete(record, afterLoc) {
-        if (record.type === "throw") {
-          throw record.arg;
-        }
-
-        if (record.type === "break" || record.type === "continue") {
-          this.next = record.arg;
-        } else if (record.type === "return") {
-          this.rval = this.arg = record.arg;
-          this.method = "return";
-          this.next = "end";
-        } else if (record.type === "normal" && afterLoc) {
-          this.next = afterLoc;
-        }
-
-        return ContinueSentinel;
-      },
-      finish: function finish(finallyLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-
-          if (entry.finallyLoc === finallyLoc) {
-            this.complete(entry.completion, entry.afterLoc);
-            resetTryEntry(entry);
-            return ContinueSentinel;
-          }
-        }
-      },
-      "catch": function _catch(tryLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-
-          if (entry.tryLoc === tryLoc) {
-            var record = entry.completion;
-
-            if (record.type === "throw") {
-              var thrown = record.arg;
-              resetTryEntry(entry);
-            }
-
-            return thrown;
-          }
-        } // The context.catch method must only be called with a location
-        // argument that corresponds to a known catch block.
-
-
-        throw new Error("illegal catch attempt");
-      },
-      delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-        this.delegate = {
-          iterator: values(iterable),
-          resultName: resultName,
-          nextLoc: nextLoc
-        };
-
-        if (this.method === "next") {
-          // Deliberately forget the last sent value so that we don't
-          // accidentally pass it on to the delegate.
-          this.arg = undefined$1;
-        }
-
-        return ContinueSentinel;
-      }
-    }; // Regardless of whether this script is executing as a CommonJS module
-    // or not, return the runtime object so that we can declare the variable
-    // regeneratorRuntime in the outer scope, which allows this module to be
-    // injected easily by `bin/regenerator --include-runtime script.js`.
-
-    return exports;
-  }( // If this script is executing as a CommonJS module, use module.exports
-  // as the regeneratorRuntime namespace. Otherwise create a new empty
-  // object. Either way, the resulting object will be used to initialize
-  // the regeneratorRuntime variable at the top of this file.
-  module.exports );
-
-  try {
-    regeneratorRuntime = runtime;
-  } catch (accidentalStrictMode) {
-    // This module should not be running in strict mode, so the above
-    // assignment should always work unless something is misconfigured. Just
-    // in case runtime.js accidentally runs in strict mode, we can escape
-    // strict mode using a global Function call. This could conceivably fail
-    // if a Content Security Policy forbids using Function, but in that case
-    // the proper solution is to fix the accidental strict mode problem. If
-    // you've misconfigured your bundler to force strict mode and applied a
-    // CSP to forbid Function, and you're not willing to fix either of those
-    // problems, please detail your unique predicament in a GitHub issue.
-    Function("r", "regeneratorRuntime = r")(runtime);
-  }
-})(runtime);
-
-var regenerator = runtime.exports;
-
-function _extends$1() {
-  _extends_1 = _extends$1 = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends$1.apply(this, arguments);
-}
-
-var _extends_1 = _extends$1;
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-var objectWithoutPropertiesLoose$1 = _objectWithoutPropertiesLoose;
-
-var objectWithoutPropertiesLoose = objectWithoutPropertiesLoose$1;
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-var objectWithoutProperties = _objectWithoutProperties;
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-var classCallCheck = _classCallCheck;
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  return Constructor;
-}
-
-var createClass = _createClass;
-
-function _typeof2(obj) {
-  if (typeof Symbol === "function" && _typeof$2(Symbol.iterator) === "symbol") {
-    _typeof2 = function _typeof2(obj) {
-      return _typeof$2(obj);
-    };
-  } else {
-    _typeof2 = function _typeof2(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof$2(obj);
-    };
-  }
-
-  return _typeof2(obj);
-}
-
-function _typeof$1(obj) {
-  if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") {
-    _typeof_1 = _typeof$1 = function _typeof(obj) {
-      return _typeof2(obj);
-    };
-  } else {
-    _typeof_1 = _typeof$1 = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj);
-    };
-  }
-
-  return _typeof$1(obj);
-}
-
-var _typeof_1 = _typeof$1;
-
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return self;
-}
-
-var assertThisInitialized$1 = _assertThisInitialized;
-
-var _typeof = _typeof_1;
-var assertThisInitialized = assertThisInitialized$1;
-
-function _possibleConstructorReturn(self, call) {
-  if (call && (_typeof(call) === "object" || typeof call === "function")) {
-    return call;
-  }
-
-  return assertThisInitialized(self);
-}
-
-var possibleConstructorReturn = _possibleConstructorReturn;
-
-function _getPrototypeOf(o) {
-  getPrototypeOf = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-
-var getPrototypeOf = _getPrototypeOf;
-
-function _setPrototypeOf(o, p) {
-  setPrototypeOf$1 = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
-var setPrototypeOf$1 = _setPrototypeOf;
-
-var setPrototypeOf = setPrototypeOf$1;
-
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) setPrototypeOf(subClass, superClass);
-}
-
-var inherits = _inherits;
-
-var propTypes = {exports: {}};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
-
-function emptyFunction() {}
-
-function emptyFunctionWithReset() {}
-
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-
-var factoryWithThrowingShims = function factoryWithThrowingShims() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      // It is still safe when called from React.
-      return;
-    }
-
-    var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
-    err.name = 'Invariant Violation';
-    throw err;
-  }
-  shim.isRequired = shim;
-
-  function getShim() {
-    return shim;
-  }
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-
-  var ReactPropTypes = {
-    array: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-  ReactPropTypes.PropTypes = ReactPropTypes;
-  return ReactPropTypes;
-};
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-{
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  propTypes.exports = factoryWithThrowingShims();
-}
-
-var ensureNativeModuleAvailable$1 = {};
-
-Object.defineProperty(ensureNativeModuleAvailable$1, "__esModule", {
-  value: true
-});
-
-ensureNativeModuleAvailable$1["default"] = ensureNativeModuleAvailable;
-
-var _reactNative$2 = ReactNative__default["default"];
-var NativeIconAPI$1 = _reactNative$2.NativeModules.RNVectorIconsManager || _reactNative$2.NativeModules.RNVectorIconsModule;
-
-function ensureNativeModuleAvailable() {
-  if (!NativeIconAPI$1) {
-    if (_reactNative$2.Platform.OS === 'android') {
-      throw new Error('RNVectorIconsModule not available, did you properly integrate the module? Try running `react-native link react-native-vector-icons` and recompiling.');
-    }
-
-    throw new Error('RNVectorIconsManager not available, did you add the library to your project and link with libRNVectorIcons.a? Try running `react-native link react-native-vector-icons` and recompiling.');
-  }
-}
-
-var createIconSourceCache$1 = {};
-
-Object.defineProperty(createIconSourceCache$1, "__esModule", {
-  value: true
-});
-
-createIconSourceCache$1["default"] = createIconSourceCache;
-
-var TYPE_VALUE = 'value';
-var TYPE_ERROR = 'error';
-
-function createIconSourceCache() {
-  var cache = new Map();
-
-  var setValue = function setValue(key, value) {
-    return cache.set(key, {
-      type: TYPE_VALUE,
-      data: value
-    });
-  };
-
-  var setError = function setError(key, error) {
-    return cache.set(key, {
-      type: TYPE_ERROR,
-      data: error
-    });
-  };
-
-  var has = function has(key) {
-    return cache.has(key);
-  };
-
-  var get = function get(key) {
-    if (!cache.has(key)) {
-      return undefined;
-    }
-
-    var _cache$get = cache.get(key),
-        type = _cache$get.type,
-        data = _cache$get.data;
-
-    if (type === TYPE_ERROR) {
-      throw data;
-    }
-
-    return data;
-  };
-
-  return {
-    setValue: setValue,
-    setError: setError,
-    has: has,
-    get: get
-  };
-}
-
-var iconButton = {};
-
-var pick = function pick(obj) {
-  for (var _len = arguments.length, keys = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    keys[_key - 1] = arguments[_key];
-  }
-
-  return keys.flat().filter(function (key) {
-    return Object.prototype.hasOwnProperty.call(obj, key);
-  }).reduce(function (acc, key) {
-    acc[key] = obj[key];
-    return acc;
-  }, {});
-};
-
-var omit = function omit(obj) {
-  for (var _len2 = arguments.length, keysToOmit = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-    keysToOmit[_key2 - 1] = arguments[_key2];
-  }
-
-  var keysToOmitSet = new Set(keysToOmit.flat());
-  return Object.getOwnPropertyNames(obj).filter(function (key) {
-    return !keysToOmitSet.has(key);
-  }).reduce(function (acc, key) {
-    acc[key] = obj[key];
-    return acc;
-  }, {});
-};
-
-var objectUtils = {
-  pick: pick,
-  omit: omit
-};
-
-var _interopRequireDefault$4 = interopRequireDefault;
-Object.defineProperty(iconButton, "__esModule", {
-  value: true
-});
-
-iconButton["default"] = createIconButtonComponent;
-
-var _extends2$2 = _interopRequireDefault$4(_extends_1);
-
-var _objectWithoutProperties2$1 = _interopRequireDefault$4(objectWithoutProperties);
-
-var _classCallCheck2$2 = _interopRequireDefault$4(classCallCheck);
-
-var _createClass2$2 = _interopRequireDefault$4(createClass);
-
-var _possibleConstructorReturn2$2 = _interopRequireDefault$4(possibleConstructorReturn);
-
-var _getPrototypeOf2$1 = _interopRequireDefault$4(getPrototypeOf);
-
-var _inherits2$2 = _interopRequireDefault$4(inherits);
-
-var _react$2 = _interopRequireWildcard$2(React__default["default"]);
-
-var _propTypes$2 = _interopRequireDefault$4(propTypes.exports);
-
-var _reactNative$1 = ReactNative__default["default"];
-var _objectUtils = objectUtils;
-var _jsxFileName$2 = "/home/runner/work/react-native-vector-icons/react-native-vector-icons/lib/icon-button.js";
-
-function _getRequireWildcardCache$2(nodeInterop) {
-  if (typeof WeakMap !== "function") return null;
-  var cacheBabelInterop = new WeakMap();
-  var cacheNodeInterop = new WeakMap();
-  return (_getRequireWildcardCache$2 = function _getRequireWildcardCache(nodeInterop) {
-    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-  })(nodeInterop);
-}
-
-function _interopRequireWildcard$2(obj, nodeInterop) {
-  if (!nodeInterop && obj && obj.__esModule) {
-    return obj;
-  }
-
-  if (obj === null || _typeof$2(obj) !== "object" && typeof obj !== "function") {
-    return {
-      "default": obj
-    };
-  }
-
-  var cache = _getRequireWildcardCache$2(nodeInterop);
-
-  if (cache && cache.has(obj)) {
-    return cache.get(obj);
-  }
-
-  var newObj = {};
-  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-  for (var key in obj) {
-    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-      if (desc && (desc.get || desc.set)) {
-        Object.defineProperty(newObj, key, desc);
-      } else {
-        newObj[key] = obj[key];
-      }
-    }
-  }
-
-  newObj["default"] = obj;
-
-  if (cache) {
-    cache.set(obj, newObj);
-  }
-
-  return newObj;
-}
-
-var styles$1 = _reactNative$1.StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    padding: 8
-  },
-  touchable: {
-    overflow: 'hidden'
-  },
-  icon: {
-    marginRight: 10
-  },
-  text: {
-    fontWeight: '600',
-    backgroundColor: 'transparent'
-  }
-});
-
-var IOS7_BLUE = '#007AFF';
-var TEXT_PROP_NAMES = ['ellipsizeMode', 'numberOfLines', 'textBreakStrategy', 'selectable', 'suppressHighlighting', 'allowFontScaling', 'adjustsFontSizeToFit', 'minimumFontScale'];
-var TOUCHABLE_PROP_NAMES = ['accessible', 'accessibilityLabel', 'accessibilityHint', 'accessibilityComponentType', 'accessibilityRole', 'accessibilityStates', 'accessibilityTraits', 'onFocus', 'onBlur', 'disabled', 'onPress', 'onPressIn', 'onPressOut', 'onLayout', 'onLongPress', 'nativeID', 'testID', 'delayPressIn', 'delayPressOut', 'delayLongPress', 'activeOpacity', 'underlayColor', 'selectionColor', 'onShowUnderlay', 'onHideUnderlay', 'hasTVPreferredFocus', 'tvParallaxProperties'];
-
-function createIconButtonComponent(Icon) {
-  var _class, _temp;
-
-  return _temp = _class = function (_PureComponent) {
-    (0, _inherits2$2["default"])(IconButton, _PureComponent);
-
-    function IconButton() {
-      (0, _classCallCheck2$2["default"])(this, IconButton);
-      return (0, _possibleConstructorReturn2$2["default"])(this, (0, _getPrototypeOf2$1["default"])(IconButton).apply(this, arguments));
-    }
-
-    (0, _createClass2$2["default"])(IconButton, [{
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-            style = _this$props.style,
-            iconStyle = _this$props.iconStyle,
-            children = _this$props.children,
-            restProps = (0, _objectWithoutProperties2$1["default"])(_this$props, ["style", "iconStyle", "children"]);
-        var iconProps = (0, _objectUtils.pick)(restProps, TEXT_PROP_NAMES, 'style', 'name', 'size', 'color');
-        var touchableProps = (0, _objectUtils.pick)(restProps, TOUCHABLE_PROP_NAMES);
-        var props = (0, _objectUtils.omit)(restProps, Object.keys(iconProps), Object.keys(touchableProps), 'iconStyle', 'borderRadius', 'backgroundColor');
-        iconProps.style = iconStyle ? [styles$1.icon, iconStyle] : styles$1.icon;
-        var colorStyle = (0, _objectUtils.pick)(this.props, 'color');
-        var blockStyle = (0, _objectUtils.pick)(this.props, 'backgroundColor', 'borderRadius');
-        return _react$2["default"].createElement(_reactNative$1.TouchableHighlight, (0, _extends2$2["default"])({
-          style: [styles$1.touchable, blockStyle]
-        }, touchableProps, {
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$2,
-            lineNumber: 116
-          }
-        }), _react$2["default"].createElement(_reactNative$1.View, (0, _extends2$2["default"])({
-          style: [styles$1.container, blockStyle, style]
-        }, props, {
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$2,
-            lineNumber: 120
-          }
-        }), _react$2["default"].createElement(Icon, (0, _extends2$2["default"])({}, iconProps, {
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$2,
-            lineNumber: 121
-          }
-        })), typeof children === 'string' ? _react$2["default"].createElement(_reactNative$1.Text, {
-          style: [styles$1.text, colorStyle],
-          selectable: false,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$2,
-            lineNumber: 123
-          }
-        }, children) : children));
-      }
-    }]);
-    return IconButton;
-  }(_react$2.PureComponent), _class.propTypes = {
-    backgroundColor: _propTypes$2["default"].oneOfType([_propTypes$2["default"].string, _propTypes$2["default"].number]),
-    borderRadius: _propTypes$2["default"].number,
-    color: _propTypes$2["default"].any,
-    size: _propTypes$2["default"].number,
-    iconStyle: _propTypes$2["default"].any,
-    style: _propTypes$2["default"].any,
-    children: _propTypes$2["default"].node
-  }, _class.defaultProps = {
-    backgroundColor: IOS7_BLUE,
-    borderRadius: 5,
-    color: 'white',
-    size: 20
-  }, _temp;
-}
-
-var _interopRequireDefault$3 = interopRequireDefault;
-Object.defineProperty(createIconSet$1, "__esModule", {
-  value: true
-});
-createIconSet$1.NativeIconAPI = createIconSet$1.DEFAULT_ICON_SIZE = createIconSet$1.DEFAULT_ICON_COLOR = void 0;
-
-createIconSet$1["default"] = createIconSet;
-
-var _toConsumableArray2 = _interopRequireDefault$3(toConsumableArray);
-
-var _regenerator = _interopRequireDefault$3(regenerator);
-
-var _extends2$1 = _interopRequireDefault$3(_extends_1);
-
-var _objectWithoutProperties2 = _interopRequireDefault$3(objectWithoutProperties);
-
-var _classCallCheck2$1 = _interopRequireDefault$3(classCallCheck);
-
-var _createClass2$1 = _interopRequireDefault$3(createClass);
-
-var _possibleConstructorReturn2$1 = _interopRequireDefault$3(possibleConstructorReturn);
-
-var _getPrototypeOf3 = _interopRequireDefault$3(getPrototypeOf);
-
-var _inherits2$1 = _interopRequireDefault$3(inherits);
-
-var _react$1 = _interopRequireWildcard$1(React__default["default"]);
-
-var _propTypes$1 = _interopRequireDefault$3(propTypes.exports);
-
-var _reactNative = ReactNative__default["default"];
-
-var _ensureNativeModuleAvailable = _interopRequireDefault$3(ensureNativeModuleAvailable$1);
-
-var _createIconSourceCache = _interopRequireDefault$3(createIconSourceCache$1);
-
-var _iconButton = _interopRequireDefault$3(iconButton);
-
-var _jsxFileName$1 = "/home/runner/work/react-native-vector-icons/react-native-vector-icons/lib/create-icon-set.js";
-
-function _getRequireWildcardCache$1(nodeInterop) {
-  if (typeof WeakMap !== "function") return null;
-  var cacheBabelInterop = new WeakMap();
-  var cacheNodeInterop = new WeakMap();
-  return (_getRequireWildcardCache$1 = function _getRequireWildcardCache(nodeInterop) {
-    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-  })(nodeInterop);
-}
-
-function _interopRequireWildcard$1(obj, nodeInterop) {
-  if (!nodeInterop && obj && obj.__esModule) {
-    return obj;
-  }
-
-  if (obj === null || _typeof$2(obj) !== "object" && typeof obj !== "function") {
-    return {
-      "default": obj
-    };
-  }
-
-  var cache = _getRequireWildcardCache$1(nodeInterop);
-
-  if (cache && cache.has(obj)) {
-    return cache.get(obj);
-  }
-
-  var newObj = {};
-  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-  for (var key in obj) {
-    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-      if (desc && (desc.get || desc.set)) {
-        Object.defineProperty(newObj, key, desc);
-      } else {
-        newObj[key] = obj[key];
-      }
-    }
-  }
-
-  newObj["default"] = obj;
-
-  if (cache) {
-    cache.set(obj, newObj);
-  }
-
-  return newObj;
-}
-
-var NativeIconAPI = _reactNative.NativeModules.RNVectorIconsManager || _reactNative.NativeModules.RNVectorIconsModule;
-createIconSet$1.NativeIconAPI = NativeIconAPI;
-var DEFAULT_ICON_SIZE = 12;
-createIconSet$1.DEFAULT_ICON_SIZE = DEFAULT_ICON_SIZE;
-var DEFAULT_ICON_COLOR = 'black';
-createIconSet$1.DEFAULT_ICON_COLOR = DEFAULT_ICON_COLOR;
-
-function createIconSet(glyphMap, fontFamily, fontFile, fontStyle) {
-  var fontBasename = fontFile ? fontFile.replace(/\.(otf|ttf)$/, '') : fontFamily;
-
-  var fontReference = _reactNative.Platform.select({
-    windows: "/Assets/" + fontFile + "#" + fontFamily,
-    android: fontBasename,
-    web: fontBasename,
-    "default": fontFamily
-  });
-
-  var IconNamePropType = _propTypes$1["default"].oneOf(Object.keys(glyphMap));
-
-  var Icon = function (_PureComponent) {
-    (0, _inherits2$1["default"])(Icon, _PureComponent);
-
-    function Icon() {
-      var _getPrototypeOf2;
-
-      var _this;
-
-      (0, _classCallCheck2$1["default"])(this, Icon);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this = (0, _possibleConstructorReturn2$1["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(Icon)).call.apply(_getPrototypeOf2, [this].concat(args)));
-      _this.root = null;
-
-      _this.handleRef = function (ref) {
-        _this.root = ref;
-      };
-
-      return _this;
-    }
-
-    (0, _createClass2$1["default"])(Icon, [{
-      key: "setNativeProps",
-      value: function setNativeProps(nativeProps) {
-        if (this.root) {
-          this.root.setNativeProps(nativeProps);
-        }
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-            name = _this$props.name,
-            size = _this$props.size,
-            color = _this$props.color,
-            style = _this$props.style,
-            children = _this$props.children,
-            props = (0, _objectWithoutProperties2["default"])(_this$props, ["name", "size", "color", "style", "children"]);
-        var glyph = name ? glyphMap[name] || '?' : '';
-
-        if (typeof glyph === 'number') {
-          glyph = String.fromCodePoint(glyph);
-        }
-
-        var styleDefaults = {
-          fontSize: size,
-          color: color
-        };
-        var styleOverrides = {
-          fontFamily: fontReference,
-          fontWeight: 'normal',
-          fontStyle: 'normal'
-        };
-        props.style = [styleDefaults, style, styleOverrides, fontStyle || {}];
-        props.ref = this.handleRef;
-        return _react$1["default"].createElement(_reactNative.Text, (0, _extends2$1["default"])({
-          selectable: false
-        }, props, {
-          __self: this,
-          __source: {
-            fileName: _jsxFileName$1,
-            lineNumber: 91
-          }
-        }), glyph, children);
-      }
-    }]);
-    return Icon;
-  }(_react$1.PureComponent);
-
-  Icon.propTypes = {
-    allowFontScaling: _propTypes$1["default"].bool,
-    name: IconNamePropType,
-    size: _propTypes$1["default"].number,
-    color: _propTypes$1["default"].any,
-    children: _propTypes$1["default"].node,
-    style: _propTypes$1["default"].any
-  };
-  Icon.defaultProps = {
-    size: DEFAULT_ICON_SIZE,
-    allowFontScaling: false
-  };
-  var imageSourceCache = (0, _createIconSourceCache["default"])();
-
-  function resolveGlyph(name) {
-    var glyph = glyphMap[name] || '?';
-
-    if (typeof glyph === 'number') {
-      return String.fromCodePoint(glyph);
-    }
-
-    return glyph;
-  }
-
-  function getImageSourceSync(name) {
-    var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_ICON_SIZE;
-    var color = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_ICON_COLOR;
-    (0, _ensureNativeModuleAvailable["default"])();
-    var glyph = resolveGlyph(name);
-    var processedColor = (0, _reactNative.processColor)(color);
-    var cacheKey = glyph + ":" + size + ":" + processedColor;
-
-    if (imageSourceCache.has(cacheKey)) {
-      return imageSourceCache.get(cacheKey);
-    }
-
-    try {
-      var imagePath = NativeIconAPI.getImageForFontSync(fontReference, glyph, size, processedColor);
-      var value = {
-        uri: imagePath,
-        scale: _reactNative.PixelRatio.get()
-      };
-      imageSourceCache.setValue(cacheKey, value);
-      return value;
-    } catch (error) {
-      imageSourceCache.setError(cacheKey, error);
-      throw error;
-    }
-  }
-
-  function getImageSource(name) {
-    var size,
-        color,
-        glyph,
-        processedColor,
-        cacheKey,
-        imagePath,
-        value,
-        _args = arguments;
-    return _regenerator["default"].async(function getImageSource$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            size = _args.length > 1 && _args[1] !== undefined ? _args[1] : DEFAULT_ICON_SIZE;
-            color = _args.length > 2 && _args[2] !== undefined ? _args[2] : DEFAULT_ICON_COLOR;
-            (0, _ensureNativeModuleAvailable["default"])();
-            glyph = resolveGlyph(name);
-            processedColor = (0, _reactNative.processColor)(color);
-            cacheKey = glyph + ":" + size + ":" + processedColor;
-
-            if (!imageSourceCache.has(cacheKey)) {
-              _context.next = 8;
-              break;
-            }
-
-            return _context.abrupt("return", imageSourceCache.get(cacheKey));
-
-          case 8:
-            _context.prev = 8;
-            _context.next = 11;
-            return _regenerator["default"].awrap(NativeIconAPI.getImageForFont(fontReference, glyph, size, processedColor));
-
-          case 11:
-            imagePath = _context.sent;
-            value = {
-              uri: imagePath,
-              scale: _reactNative.PixelRatio.get()
-            };
-            imageSourceCache.setValue(cacheKey, value);
-            return _context.abrupt("return", value);
-
-          case 17:
-            _context.prev = 17;
-            _context.t0 = _context["catch"](8);
-            imageSourceCache.setError(cacheKey, _context.t0);
-            throw _context.t0;
-
-          case 21:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, null, null, [[8, 17]]);
-  }
-
-  function loadFont() {
-    var file,
-        _args2 = arguments;
-    return _regenerator["default"].async(function loadFont$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            file = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : fontFile;
-
-            if (!(_reactNative.Platform.OS === 'ios')) {
-              _context2.next = 7;
-              break;
-            }
-
-            (0, _ensureNativeModuleAvailable["default"])();
-
-            if (file) {
-              _context2.next = 5;
-              break;
-            }
-
-            throw new Error('Unable to load font, because no file was specified. ');
-
-          case 5:
-            _context2.next = 7;
-            return _regenerator["default"].awrap(NativeIconAPI.loadFontWithFileName.apply(NativeIconAPI, (0, _toConsumableArray2["default"])(file.split('.'))));
-
-          case 7:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    });
-  }
-
-  function hasIcon(name) {
-    return Object.prototype.hasOwnProperty.call(glyphMap, name);
-  }
-
-  function getRawGlyphMap() {
-    return glyphMap;
-  }
-
-  function getFontFamily() {
-    return fontReference;
-  }
-
-  Icon.Button = (0, _iconButton["default"])(Icon);
-  Icon.getImageSource = getImageSource;
-  Icon.getImageSourceSync = getImageSourceSync;
-  Icon.loadFont = loadFont;
-  Icon.hasIcon = hasIcon;
-  Icon.getRawGlyphMap = getRawGlyphMap;
-  Icon.getFontFamily = getFontFamily;
-  return Icon;
-}
-
-var createMultiStyleIconSet$1 = {};
-
-function _defineProperty$1(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-var defineProperty = _defineProperty$1;
-
-var _interopRequireDefault$2 = interopRequireDefault;
-Object.defineProperty(createMultiStyleIconSet$1, "__esModule", {
-  value: true
-});
-
-createMultiStyleIconSet$1["default"] = createMultiStyleIconSet;
-
-var _classCallCheck2 = _interopRequireDefault$2(classCallCheck);
-
-var _createClass2 = _interopRequireDefault$2(createClass);
-
-var _possibleConstructorReturn2 = _interopRequireDefault$2(possibleConstructorReturn);
-
-var _getPrototypeOf2 = _interopRequireDefault$2(getPrototypeOf);
-
-var _inherits2 = _interopRequireDefault$2(inherits);
-
-var _defineProperty2 = _interopRequireDefault$2(defineProperty);
-
-var _extends2 = _interopRequireDefault$2(_extends_1);
-
-var _react = _interopRequireWildcard(React__default["default"]);
-
-var _propTypes = _interopRequireDefault$2(propTypes.exports);
-
-var _createIconSet$2 = _interopRequireWildcard(createIconSet$1);
-
-var _jsxFileName = "/home/runner/work/react-native-vector-icons/react-native-vector-icons/lib/create-multi-style-icon-set.js";
-
-function _getRequireWildcardCache(nodeInterop) {
-  if (typeof WeakMap !== "function") return null;
-  var cacheBabelInterop = new WeakMap();
-  var cacheNodeInterop = new WeakMap();
-  return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {
-    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-  })(nodeInterop);
-}
-
-function _interopRequireWildcard(obj, nodeInterop) {
-  if (!nodeInterop && obj && obj.__esModule) {
-    return obj;
-  }
-
-  if (obj === null || _typeof$2(obj) !== "object" && typeof obj !== "function") {
-    return {
-      "default": obj
-    };
-  }
-
-  var cache = _getRequireWildcardCache(nodeInterop);
-
-  if (cache && cache.has(obj)) {
-    return cache.get(obj);
-  }
-
-  var newObj = {};
-  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-  for (var key in obj) {
-    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-      if (desc && (desc.get || desc.set)) {
-        Object.defineProperty(newObj, key, desc);
-      } else {
-        newObj[key] = obj[key];
-      }
-    }
-  }
-
-  newObj["default"] = obj;
-
-  if (cache) {
-    cache.set(obj, newObj);
-  }
-
-  return newObj;
-}
-
-function createMultiStyleIconSet(styles) {
-  var optionsInput = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var styleNames = Object.keys(styles);
-
-  if (styleNames.length === 0) {
-    throw new Error('You need to add at least one style');
-  }
-
-  var options = (0, _extends2["default"])({
-    defaultStyle: styleNames[0],
-    fallbackFamily: function fallbackFamily() {
-      return styleNames[0];
-    },
-    glyphValidator: function glyphValidator() {
-      return true;
-    }
-  }, optionsInput);
-  var iconSets = styleNames.reduce(function (acc, name) {
-    var style = styles[name];
-    acc[name] = (0, _createIconSet$2["default"])(style.glyphMap || {}, style.fontFamily || '', style.fontFile || '', style.fontStyle || {});
-    return acc;
-  }, {});
-
-  function styleFromProps(props) {
-    return Object.keys(props).reduce(function (result, propName) {
-      return styleNames.indexOf(propName) !== -1 && props[propName] === true ? propName : result;
-    }, options.defaultStyle);
-  }
-
-  function getIconSetForProps(props) {
-    var name = props.name;
-    var style = styleFromProps(props);
-    if (options.glyphValidator(name, style)) return iconSets[style];
-    var family = options.fallbackFamily(name);
-
-    if (styleNames.indexOf(family) === -1) {
-      return options.defaultStyle;
-    }
-
-    return iconSets[family];
-  }
-
-  function selectIconClass(iconSet, iconClass) {
-    return iconClass.length > 0 ? iconSet[iconClass] : iconSet;
-  }
-
-  function reduceProps(props) {
-    return Object.keys(props).reduce(function (acc, prop) {
-      if (styleNames.indexOf(prop) === -1) {
-        acc[prop] = props[prop];
-      }
-
-      return acc;
-    }, {});
-  }
-
-  function getStyledIconSet(style) {
-    var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-
-    if (styleNames.indexOf(style) === -1) {
-      return iconSets[options.defaultStyle];
-    }
-
-    return !name ? iconSets[styleFromProps((0, _defineProperty2["default"])({}, style, true))] : getIconSetForProps((0, _defineProperty2["default"])({
-      name: name
-    }, style, true));
-  }
-
-  function getImageSource(name) {
-    var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _createIconSet$2.DEFAULT_ICON_SIZE;
-    var color = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _createIconSet$2.DEFAULT_ICON_COLOR;
-    var style = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : options.defaultStyle;
-    return getStyledIconSet(style, name).getImageSource(name, size, color);
-  }
-
-  function getFontFamily() {
-    var style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : options.defaultStyle;
-    return getStyledIconSet(style).getFontFamily();
-  }
-
-  function getRawGlyphMap() {
-    var style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : options.defaultStyle;
-    return getStyledIconSet(style).getRawGlyphMap();
-  }
-
-  function hasIcon(name) {
-    var style = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : options.defaultStyle;
-    return options.glyphValidator(name, style);
-  }
-
-  function createStyledIconClass() {
-    var selectClass = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
-    var IconClass = function (_PureComponent) {
-      (0, _inherits2["default"])(IconClass, _PureComponent);
-
-      function IconClass() {
-        (0, _classCallCheck2["default"])(this, IconClass);
-        return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(IconClass).apply(this, arguments));
-      }
-
-      (0, _createClass2["default"])(IconClass, [{
-        key: "render",
-        value: function render() {
-          var selectedIconSet = getIconSetForProps(this.props);
-          var SelectedIconClass = selectIconClass(selectedIconSet, selectClass);
-          var props = reduceProps(this.props);
-          return _react["default"].createElement(SelectedIconClass, (0, _extends2["default"])({}, props, {
-            __self: this,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 123
-            }
-          }));
-        }
-      }]);
-      return IconClass;
-    }(_react.PureComponent);
-
-    IconClass.propTypes = styleNames.reduce(function (acc, name) {
-      acc[name] = _propTypes["default"].bool;
-      return acc;
-    }, {});
-    IconClass.defaultProps = styleNames.reduce(function (acc, name) {
-      acc[name] = false;
-      return acc;
-    }, {});
-    return IconClass;
-  }
-
-  var Icon = createStyledIconClass();
-  Icon.Button = createStyledIconClass('Button');
-  Icon.getStyledIconSet = getStyledIconSet;
-  Icon.getImageSource = getImageSource;
-  Icon.getFontFamily = getFontFamily;
-  Icon.getRawGlyphMap = getRawGlyphMap;
-  Icon.hasIcon = hasIcon;
-  return Icon;
-}
-
-var createIconSetFromFontello$1 = {};
-
-var _interopRequireDefault$1 = interopRequireDefault;
-Object.defineProperty(createIconSetFromFontello$1, "__esModule", {
-  value: true
-});
-
-createIconSetFromFontello$1["default"] = createIconSetFromFontello;
-
-var _createIconSet$1 = _interopRequireDefault$1(createIconSet$1);
-
-function createIconSetFromFontello(config, fontFamilyArg, fontFile) {
-  var glyphMap = {};
-  config.glyphs.forEach(function (glyph) {
-    glyphMap[glyph.css] = glyph.code;
-  });
-  var fontFamily = fontFamilyArg || config.name || 'fontello';
-  return (0, _createIconSet$1["default"])(glyphMap, fontFamily, fontFile || fontFamily + ".ttf");
-}
-
-var createIconSetFromIcomoon = {};
-
-var _interopRequireDefault = interopRequireDefault;
-Object.defineProperty(createIconSetFromIcomoon, "__esModule", {
-  value: true
-});
-
-createIconSetFromIcomoon["default"] = createIconSetFromIcoMoon;
-
-var _createIconSet = _interopRequireDefault(createIconSet$1);
-
-function createIconSetFromIcoMoon(config, fontFamilyArg, fontFile) {
-  var glyphMap = {};
-  config.icons.forEach(function (icon) {
-    icon.properties.name.split(/\s*,\s*/g).forEach(function (name) {
-      glyphMap[name] = icon.properties.code;
-    });
-  });
-  var fontFamily = fontFamilyArg || config.preferences.fontPref.metadata.fontFamily;
-  return (0, _createIconSet["default"])(glyphMap, fontFamily, fontFile || fontFamily + ".ttf");
-}
-
-(function (exports) {
-  var _interopRequireDefault = interopRequireDefault;
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  Object.defineProperty(exports, "createIconSet", {
-    enumerable: true,
-    get: function get() {
-      return _createIconSet["default"];
-    }
-  });
-  Object.defineProperty(exports, "createIconSetFromFontello", {
-    enumerable: true,
-    get: function get() {
-      return _createIconSetFromFontello["default"];
-    }
-  });
-  Object.defineProperty(exports, "createIconSetFromIcoMoon", {
-    enumerable: true,
-    get: function get() {
-      return _createIconSetFromIcomoon["default"];
-    }
-  });
-  Object.defineProperty(exports, "createMultiStyleIconSet", {
-    enumerable: true,
-    get: function get() {
-      return _createMultiStyleIconSet["default"];
-    }
-  });
-
-  var _createIconSet = _interopRequireDefault(createIconSet$1);
-
-  var _createMultiStyleIconSet = _interopRequireDefault(createMultiStyleIconSet$1);
-
-  var _createIconSetFromFontello = _interopRequireDefault(createIconSetFromFontello$1);
-
-  var _createIconSetFromIcomoon = _interopRequireDefault(createIconSetFromIcomoon);
-})(dist);
-
-var cssToReactNative = {};
-
-var openParentheses = "(".charCodeAt(0);
-var closeParentheses = ")".charCodeAt(0);
-var singleQuote = "'".charCodeAt(0);
-var doubleQuote = '"'.charCodeAt(0);
-var backslash = "\\".charCodeAt(0);
-var slash = "/".charCodeAt(0);
-var comma = ",".charCodeAt(0);
-var colon = ":".charCodeAt(0);
-var star = "*".charCodeAt(0);
-var uLower = "u".charCodeAt(0);
-var uUpper = "U".charCodeAt(0);
-var plus$1 = "+".charCodeAt(0);
-var isUnicodeRange = /^[a-f0-9?-]+$/i;
-
-var parse$1 = function parse(input) {
-  var tokens = [];
-  var value = input;
-  var next, quote, prev, token, escape, escapePos, whitespacePos, parenthesesOpenPos;
-  var pos = 0;
-  var code = value.charCodeAt(pos);
-  var max = value.length;
-  var stack = [{
-    nodes: tokens
-  }];
-  var balanced = 0;
-  var parent;
-  var name = "";
-  var before = "";
-  var after = "";
-
-  while (pos < max) {
-    // Whitespaces
-    if (code <= 32) {
-      next = pos;
-
-      do {
-        next += 1;
-        code = value.charCodeAt(next);
-      } while (code <= 32);
-
-      token = value.slice(pos, next);
-      prev = tokens[tokens.length - 1];
-
-      if (code === closeParentheses && balanced) {
-        after = token;
-      } else if (prev && prev.type === "div") {
-        prev.after = token;
-      } else if (code === comma || code === colon || code === slash && value.charCodeAt(next + 1) !== star && (!parent || parent && parent.type === "function" && parent.value !== "calc")) {
-        before = token;
-      } else {
-        tokens.push({
-          type: "space",
-          sourceIndex: pos,
-          value: token
-        });
-      }
-
-      pos = next; // Quotes
-    } else if (code === singleQuote || code === doubleQuote) {
-      next = pos;
-      quote = code === singleQuote ? "'" : '"';
-      token = {
-        type: "string",
-        sourceIndex: pos,
-        quote: quote
-      };
-
-      do {
-        escape = false;
-        next = value.indexOf(quote, next + 1);
-
-        if (~next) {
-          escapePos = next;
-
-          while (value.charCodeAt(escapePos - 1) === backslash) {
-            escapePos -= 1;
-            escape = !escape;
-          }
-        } else {
-          value += quote;
-          next = value.length - 1;
-          token.unclosed = true;
-        }
-      } while (escape);
-
-      token.value = value.slice(pos + 1, next);
-      tokens.push(token);
-      pos = next + 1;
-      code = value.charCodeAt(pos); // Comments
-    } else if (code === slash && value.charCodeAt(pos + 1) === star) {
-      token = {
-        type: "comment",
-        sourceIndex: pos
-      };
-      next = value.indexOf("*/", pos);
-
-      if (next === -1) {
-        token.unclosed = true;
-        next = value.length;
+      if (next === -1) {
+        token.unclosed = true;
+        next = value.length;
       }
 
       token.value = value.slice(pos + 2, next);
@@ -4915,7 +2928,7 @@ var camelize = function camelize(obj) {
 };
 
 function walk(obj) {
-  if (!obj || _typeof$2(obj) !== 'object') return obj;
+  if (!obj || _typeof(obj) !== 'object') return obj;
   if (isDate(obj) || isRegex(obj)) return obj;
   if (isArray(obj)) return map(obj, walk);
   return reduce(objectKeys(obj), function (acc, key) {
@@ -5280,7 +3293,7 @@ var cssColorKeywords = require$$0;
   });
 
   function _interopDefault(ex) {
-    return ex && _typeof$2(ex) === 'object' && 'default' in ex ? ex['default'] : ex;
+    return ex && _typeof(ex) === 'object' && 'default' in ex ? ex['default'] : ex;
   }
 
   var parse = lib;
@@ -6135,7 +4148,7 @@ var buffer = '';
 var lastType;
 
 function handleInterpolation(interpolation, i, arr) {
-  var type = _typeof$2(interpolation);
+  var type = _typeof(interpolation);
 
   if (type === 'string') {
     // strip comments
@@ -6350,14 +4363,14 @@ var getDisplayName = function getDisplayName(primitive) {
  * a function that returns a styled component which render styles in React Native
  */
 
-var styled = createStyled(ReactNative.StyleSheet);
+var styled = createStyled(reactNative.StyleSheet);
 var components = ['ActivityIndicator', 'Button', 'DatePickerIOS', 'DrawerLayoutAndroid', 'FlatList', 'Image', 'ImageBackground', 'KeyboardAvoidingView', 'ListView', 'Modal', 'NavigatorIOS', 'Picker', 'PickerIOS', 'Pressable', 'ProgressBarAndroid', 'ProgressViewIOS', 'RecyclerViewBackedScrollView', 'RefreshControl', 'SafeAreaView', 'ScrollView', 'SectionList', 'SegmentedControlIOS', 'Slider', 'SnapshotViewIOS', 'StatusBar', 'SwipeableListView', 'Switch', 'SwitchIOS', 'TabBarIOS', 'Text', 'TextInput', 'ToolbarAndroid', 'TouchableHighlight', 'TouchableNativeFeedback', 'TouchableOpacity', 'TouchableWithoutFeedback', 'View', 'ViewPagerAndroid'];
 var index$2 = components.reduce(function (acc, comp) {
   return Object.defineProperty(acc, comp, {
     enumerable: true,
     configurable: false,
     get: function get() {
-      return styled(ReactNative__namespace[comp]);
+      return styled(reactNative__namespace[comp]);
     }
   });
 }, styled);
@@ -14281,7 +12294,7 @@ var heroIconConfig = {
 	preferences: preferences
 };
 
-var HeroIcon = dist.createIconSetFromIcoMoon(heroIconConfig, 'hero-icons', 'hero-icons.ttf');
+var HeroIcon = reactNativeVectorIcons.createIconSetFromIcoMoon(heroIconConfig, 'hero-icons', 'hero-icons.ttf');
 var COLOR_INTENTS = {
   text: 'text',
   primary: 'primary',
@@ -14323,7 +12336,7 @@ var FONTWEIGHT_MAP = {
   regular: 'regular',
   'semi-bold': 'semiBold'
 };
-var StyledText$3 = index$2(ReactNative.Text)(function (_ref) {
+var StyledText$3 = index$2(reactNative.Text)(function (_ref) {
   var themeFontSize = _ref.themeFontSize,
       themeFontWeight = _ref.themeFontWeight,
       themeIntent = _ref.themeIntent,
@@ -14349,9 +12362,9 @@ var Text = function Text(_ref) {
       fontWeight = _ref$fontWeight === void 0 ? 'regular' : _ref$fontWeight,
       _ref$intent = _ref.intent,
       intent = _ref$intent === void 0 ? 'body' : _ref$intent,
-      nativeProps = _objectWithoutProperties$1(_ref, _excluded$c);
+      nativeProps = _objectWithoutProperties(_ref, _excluded$c);
 
-  return /*#__PURE__*/React__default["default"].createElement(StyledText$3, _extends$3({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledText$3, _extends$1({}, nativeProps, {
     themeFontSize: fontSize,
     themeFontWeight: fontWeight,
     themeIntent: intent
@@ -14362,7 +12375,7 @@ var Typography = {
   Text: Text
 };
 
-var Container$1 = index$2(ReactNative.View)(function (_ref) {
+var Container$1 = index$2(reactNative.View)(function (_ref) {
   var theme = _ref.theme,
       _ref$themeVariant = _ref.themeVariant,
       themeVariant = _ref$themeVariant === void 0 ? 'default' : _ref$themeVariant,
@@ -14374,21 +12387,21 @@ var Container$1 = index$2(ReactNative.View)(function (_ref) {
     flexDirection: 'row'
   };
 });
-var IconContainer = index$2(ReactNative.View)(function (_ref2) {
+var IconContainer = index$2(reactNative.View)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     alignItems: 'center',
     paddingLeft: theme.__hd__.alert.space.padding
   };
 });
-var TextContainer = index$2(ReactNative.View)(function (_ref3) {
+var TextContainer = index$2(reactNative.View)(function (_ref3) {
   var theme = _ref3.theme;
   return {
     paddingHorizontal: theme.__hd__.alert.space.padding,
     flex: 1
   };
 });
-var ContentContainer = index$2(ReactNative.View)(function (_ref4) {
+var ContentContainer = index$2(reactNative.View)(function (_ref4) {
   var theme = _ref4.theme,
       showDivider = _ref4.showDivider;
   return {
@@ -14399,7 +12412,7 @@ var ContentContainer = index$2(ReactNative.View)(function (_ref4) {
     flexDirection: 'row'
   };
 });
-var CTAWrapper = index$2(ReactNative.TouchableOpacity)(function (_ref5) {
+var CTAWrapper = index$2(reactNative.TouchableOpacity)(function (_ref5) {
   var theme = _ref5.theme;
   return {
     paddingHorizontal: theme.__hd__.alert.space.padding,
@@ -14457,7 +12470,7 @@ var Alert = function Alert(_ref) {
   })) : null);
 };
 
-var StyledPressable = index$2(ReactNative.TouchableOpacity)(function (_ref) {
+var StyledPressable = index$2(reactNative.TouchableOpacity)(function (_ref) {
   var themeSize = _ref.themeSize,
       themeIntent = _ref.themeIntent,
       theme = _ref.theme;
@@ -14470,7 +12483,7 @@ var StyledPressable = index$2(ReactNative.TouchableOpacity)(function (_ref) {
     overflow: 'hidden'
   };
 });
-var StyledView$3 = index$2(ReactNative.View)(function (_ref2) {
+var StyledView$3 = index$2(reactNative.View)(function (_ref2) {
   var themeSize = _ref2.themeSize,
       themeIntent = _ref2.themeIntent,
       theme = _ref2.theme;
@@ -14483,7 +12496,7 @@ var StyledView$3 = index$2(ReactNative.View)(function (_ref2) {
     overflow: 'hidden'
   };
 });
-var StyledTextWrapper = index$2(ReactNative.View)(function () {
+var StyledTextWrapper = index$2(reactNative.View)(function () {
   return {
     alignItems: 'center',
     justifyContent: 'center',
@@ -14492,7 +12505,7 @@ var StyledTextWrapper = index$2(ReactNative.View)(function () {
     height: '100%'
   };
 });
-var StyledText$2 = index$2(ReactNative.Text)(function (_ref3) {
+var StyledText$2 = index$2(reactNative.Text)(function (_ref3) {
   var themeSize = _ref3.themeSize,
       themeIntent = _ref3.themeIntent,
       theme = _ref3.theme;
@@ -14502,7 +12515,7 @@ var StyledText$2 = index$2(ReactNative.Text)(function (_ref3) {
     overflow: 'hidden'
   };
 });
-var StyledImage = index$2(ReactNative.Image)(function (_ref4) {
+var StyledImage = index$2(reactNative.Image)(function (_ref4) {
   var themeSize = _ref4.themeSize,
       theme = _ref4.theme;
   return {
@@ -14538,7 +12551,7 @@ var Avatar = function Avatar(_ref) {
   })) : null;
 };
 
-var StyledView$2 = index$2(ReactNative.Animated.View)(function (_ref) {
+var StyledView$2 = index$2(reactNative.Animated.View)(function (_ref) {
   var themeIntent = _ref.themeIntent,
       themePadding = _ref.themePadding,
       theme = _ref.theme;
@@ -14552,7 +12565,7 @@ var StyledView$2 = index$2(ReactNative.Animated.View)(function (_ref) {
     paddingHorizontal: themePadding === 'wideContent' ? theme.__hd__.badge.space.horizontalPadding : undefined
   };
 });
-var StyledText$1 = index$2(ReactNative.Text)(function (_ref2) {
+var StyledText$1 = index$2(reactNative.Text)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     fontFamily: theme.__hd__.badge.fonts["default"],
@@ -14563,7 +12576,7 @@ var StyledText$1 = index$2(ReactNative.Text)(function (_ref2) {
     textAlign: 'center'
   };
 });
-var StyledStatus = index$2(ReactNative.Animated.View)(function (_ref3) {
+var StyledStatus = index$2(reactNative.Animated.View)(function (_ref3) {
   var themeIntent = _ref3.themeIntent,
       theme = _ref3.theme;
   return {
@@ -14587,9 +12600,9 @@ var Status = function Status(_ref) {
       intent = _ref$intent === void 0 ? 'danger' : _ref$intent,
       style = _ref.style,
       testID = _ref.testID,
-      nativeProps = _objectWithoutProperties$1(_ref, _excluded$b);
+      nativeProps = _objectWithoutProperties(_ref, _excluded$b);
 
-  var _React$useRef = React__default["default"].useRef(new ReactNative.Animated.Value(visible ? 1 : 0)),
+  var _React$useRef = React__default["default"].useRef(new reactNative.Animated.Value(visible ? 1 : 0)),
       opacity = _React$useRef.current;
 
   var isFirstRendering = React__default["default"].useRef(true);
@@ -14600,13 +12613,13 @@ var Status = function Status(_ref) {
       return;
     }
 
-    ReactNative.Animated.timing(opacity, {
+    reactNative.Animated.timing(opacity, {
       toValue: visible ? 1 : 0,
       duration: 150,
       useNativeDriver: true
     }).start();
   }, [visible, opacity]);
-  return /*#__PURE__*/React__default["default"].createElement(ReactNative.View, _extends$3({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, _extends$1({}, nativeProps, {
     style: style,
     testID: testID
   }), children, /*#__PURE__*/React__default["default"].createElement(StyledStatus, {
@@ -14640,9 +12653,9 @@ var Badge = function Badge(_ref) {
       intent = _ref$intent === void 0 ? 'danger' : _ref$intent,
       style = _ref.style,
       testID = _ref.testID,
-      nativeProps = _objectWithoutProperties$1(_ref, _excluded$a);
+      nativeProps = _objectWithoutProperties(_ref, _excluded$a);
 
-  var _React$useRef = React__default["default"].useRef(new ReactNative.Animated.Value(visible ? 1 : 0)),
+  var _React$useRef = React__default["default"].useRef(new reactNative.Animated.Value(visible ? 1 : 0)),
       opacity = _React$useRef.current;
 
   var isFirstRendering = React__default["default"].useRef(true);
@@ -14653,14 +12666,14 @@ var Badge = function Badge(_ref) {
       return;
     }
 
-    ReactNative.Animated.timing(opacity, {
+    reactNative.Animated.timing(opacity, {
       toValue: visible ? 1 : 0,
       duration: 150,
       useNativeDriver: true
     }).start();
   }, [visible, opacity]);
   var content = typeof originalContent === 'number' && originalContent > max ? "".concat(max, "+") : String(originalContent);
-  return /*#__PURE__*/React__default["default"].createElement(StyledView$2, _extends$3({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledView$2, _extends$1({}, nativeProps, {
     themeIntent: intent,
     themePadding: getPaddingState(content),
     style: [{
@@ -14686,21 +12699,21 @@ var isHeroIcon = function isHeroIcon(x) {
   return IconList.includes(x);
 };
 
-var BottomNavigationTab = index$2(ReactNative.View)(function (_ref) {
+var BottomNavigationTab = index$2(reactNative.View)(function (_ref) {
   var themeVisibility = _ref.themeVisibility;
   return {
     flex: 1,
     display: themeVisibility === false ? 'none' : 'flex'
   };
 });
-var BottomNavigationContainer = index$2(ReactNative.View)({
+var BottomNavigationContainer = index$2(reactNative.View)({
   flex: 1,
   overflow: 'hidden'
 });
-var ContentWrapper$2 = index$2(ReactNative.View)({
+var ContentWrapper$2 = index$2(reactNative.View)({
   flex: 1
 });
-var BottomBarWrapper = index$2(ReactNative.View)(function (_ref2) {
+var BottomBarWrapper = index$2(reactNative.View)(function (_ref2) {
   var themeInsets = _ref2.themeInsets,
       theme = _ref2.theme;
   return {
@@ -14716,13 +12729,13 @@ var BottomBarWrapper = index$2(ReactNative.View)(function (_ref2) {
     elevation: theme.__hd__.bottomNavigation.shadows.elevation
   };
 });
-var BottomBar = index$2(ReactNative.View)({
+var BottomBar = index$2(reactNative.View)({
   flex: 1,
   flexDirection: 'row',
   overflow: 'hidden',
   alignItems: 'center'
 });
-var BottomBarItem = index$2(ReactNative.View)({
+var BottomBarItem = index$2(reactNative.View)({
   flex: 1,
   alignItems: 'center'
 });
@@ -14733,8 +12746,8 @@ var StyledBottomBarText = index$2(Typography.Text)(function (_ref3) {
   };
 });
 
-var isIOS = ReactNative.Platform.OS === 'ios';
-ReactNative.Platform.OS === 'android';
+var isIOS = reactNative.Platform.OS === 'ios';
+reactNative.Platform.OS === 'android';
 
 var _excluded$9 = ["onTabPress", "renderActiveTabOnly", "selectedTabKey", "tabs"];
 
@@ -14749,7 +12762,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
       renderActiveTabOnly = _ref$renderActiveTabO === void 0 ? false : _ref$renderActiveTabO,
       selectedTabKey = _ref.selectedTabKey,
       tabs = _ref.tabs,
-      nativeProps = _objectWithoutProperties$1(_ref, _excluded$9);
+      nativeProps = _objectWithoutProperties(_ref, _excluded$9);
 
   var insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   /**
@@ -14764,7 +12777,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
   if (!loaded.includes(selectedTabKey)) {
     // Set the current tab to be loaded if it was not loaded before
     setLoaded(function (loadedState) {
-      return [].concat(_toConsumableArray$1(loadedState), [selectedTabKey]);
+      return [].concat(_toConsumableArray(loadedState), [selectedTabKey]);
     });
   }
 
@@ -14804,7 +12817,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
         testID = tab.testID;
     var active = selectedTabKey === key;
     var inactiveIcon = getInactiveIcon(icon);
-    return /*#__PURE__*/React__default["default"].createElement(ReactNative.TouchableWithoutFeedback, {
+    return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableWithoutFeedback, {
       key: key,
       onPress: function onPress() {
         return onTabPress(key);
@@ -14823,7 +12836,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
   }))));
 };
 
-var StyledDivider = index$2(ReactNative.View)(function (_ref) {
+var StyledDivider = index$2(reactNative.View)(function (_ref) {
   var themeMarginHorizontal = _ref.themeMarginHorizontal,
       themeMarginVertical = _ref.themeMarginVertical,
       theme = _ref.theme;
@@ -14847,9 +12860,9 @@ var Divider = function Divider(_ref) {
       marginVertical = _ref.marginVertical,
       style = _ref.style,
       testID = _ref.testID,
-      nativeProps = _objectWithoutProperties$1(_ref, _excluded$8);
+      nativeProps = _objectWithoutProperties(_ref, _excluded$8);
 
-  return /*#__PURE__*/React__default["default"].createElement(StyledDivider, _extends$3({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledDivider, _extends$1({}, nativeProps, {
     themeMarginHorizontal: marginHorizontal,
     themeMarginVertical: marginVertical,
     style: style,
@@ -14857,11 +12870,11 @@ var Divider = function Divider(_ref) {
   }));
 };
 
-var AnimatedPressable$1 = ReactNative.Animated.createAnimatedComponent(ReactNative.Pressable);
-var StyledWrapper$3 = index$2(ReactNative.View)(_objectSpread2(_objectSpread2({}, ReactNative.StyleSheet.absoluteFillObject), {}, {
+var AnimatedPressable$1 = reactNative.Animated.createAnimatedComponent(reactNative.Pressable);
+var StyledWrapper$4 = index$2(reactNative.View)(_objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
   flexDirection: 'column-reverse'
 }));
-var StyledBottomSheet = index$2(ReactNative.Animated.View)(function (_ref) {
+var StyledBottomSheet = index$2(reactNative.Animated.View)(function (_ref) {
   var theme = _ref.theme;
   return {
     borderTopLeftRadius: theme.__hd__.bottomSheet.radii["default"],
@@ -14878,19 +12891,19 @@ var StyledBottomSheet = index$2(ReactNative.Animated.View)(function (_ref) {
 });
 var StyledBackdrop$2 = index$2(AnimatedPressable$1)(function (_ref2) {
   var theme = _ref2.theme;
-  return _objectSpread2(_objectSpread2({}, ReactNative.StyleSheet.absoluteFillObject), {}, {
+  return _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
     backgroundColor: theme.__hd__.bottomSheet.colors.backdrop,
     opacity: 0.48
   });
 });
-var StyledHeaderWrapper = index$2(ReactNative.View)(function (_ref3) {
+var StyledHeaderWrapper = index$2(reactNative.View)(function (_ref3) {
   var theme = _ref3.theme;
   return {
     minHeight: theme.__hd__.bottomSheet.sizes.sectionHeight,
     flexDirection: 'row'
   };
 });
-var StyledHeader = index$2(ReactNative.View)(function (_ref4) {
+var StyledHeader = index$2(reactNative.View)(function (_ref4) {
   var theme = _ref4.theme,
       adjacentIcon = _ref4.adjacentIcon;
   return {
@@ -14901,7 +12914,7 @@ var StyledHeader = index$2(ReactNative.View)(function (_ref4) {
     justifyContent: 'center'
   };
 });
-var StyledFooter = index$2(ReactNative.View)(function (_ref5) {
+var StyledFooter = index$2(reactNative.View)(function (_ref5) {
   var theme = _ref5.theme;
   return {
     paddingHorizontal: theme.__hd__.bottomSheet.space.horizontalPadding,
@@ -14912,7 +12925,7 @@ var StyledFooter = index$2(ReactNative.View)(function (_ref5) {
     flexDirection: 'row'
   };
 });
-var StyledIconWrapper$1 = index$2(ReactNative.View)(function (_ref6) {
+var StyledIconWrapper$1 = index$2(reactNative.View)(function (_ref6) {
   var theme = _ref6.theme;
   return {
     alignItems: 'center',
@@ -14921,10 +12934,10 @@ var StyledIconWrapper$1 = index$2(ReactNative.View)(function (_ref6) {
   };
 });
 
-var Footer = function Footer(_ref) {
+var Footer$1 = function Footer(_ref) {
   var children = _ref.children,
       showDivider = _ref.showDivider;
-  return /*#__PURE__*/React__default["default"].createElement(ReactNative.View, null, showDivider ? /*#__PURE__*/React__default["default"].createElement(Divider, null) : null, /*#__PURE__*/React__default["default"].createElement(StyledFooter, null, children));
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, null, showDivider ? /*#__PURE__*/React__default["default"].createElement(Divider, null) : null, /*#__PURE__*/React__default["default"].createElement(StyledFooter, null, children));
 };
 
 var genLoadingIndicatorStyles = function genLoadingIndicatorStyles(theme, intent) {
@@ -14933,7 +12946,7 @@ var genLoadingIndicatorStyles = function genLoadingIndicatorStyles(theme, intent
   };
 };
 
-var StyledLoadingIndicatorWrapper = index$2(ReactNative.View)(function (_ref) {
+var StyledLoadingIndicatorWrapper = index$2(reactNative.View)(function (_ref) {
   var theme = _ref.theme;
   return {
     flexDirection: 'row',
@@ -14942,7 +12955,7 @@ var StyledLoadingIndicatorWrapper = index$2(ReactNative.View)(function (_ref) {
     paddingVertical: theme.space.xxsmall
   };
 });
-var StyledLoadingDot = index$2(ReactNative.View)(function (_ref2) {
+var StyledLoadingDot = index$2(reactNative.View)(function (_ref2) {
   var _ref2$size = _ref2.size,
       size = _ref2$size === void 0 ? 12 : _ref2$size,
       themeVariant = _ref2.themeVariant,
@@ -14976,8 +12989,8 @@ var StyledLoadingDot = index$2(ReactNative.View)(function (_ref2) {
 });
 
 var _excluded$7 = ["count", "size", "testID", "themeVariant"];
-var AnimatedLoadingIndicatorWrapper = ReactNative.Animated.createAnimatedComponent(StyledLoadingIndicatorWrapper);
-var AnimatedLoadingDot = ReactNative.Animated.createAnimatedComponent(StyledLoadingDot);
+var AnimatedLoadingIndicatorWrapper = reactNative.Animated.createAnimatedComponent(StyledLoadingIndicatorWrapper);
+var AnimatedLoadingDot = reactNative.Animated.createAnimatedComponent(StyledLoadingDot);
 
 var renderDotComponent = function renderDotComponent(_ref) {
   var index = _ref.index,
@@ -14989,8 +13002,8 @@ 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__default["default"].createElement(ReactNative.Animated.View, {
-    style: ReactNative.StyleSheet.flatten([{
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
+    style: reactNative.StyleSheet.flatten([{
       transform: [{
         scale: interpolatedProgressAnimation
       }]
@@ -15009,14 +13022,14 @@ var LoadingIndicator = function LoadingIndicator(_ref2) {
       size = _ref2$size === void 0 ? 12 : _ref2$size,
       testID = _ref2.testID,
       themeVariant = _ref2.themeVariant,
-      nativeProps = _objectWithoutProperties$1(_ref2, _excluded$7);
+      nativeProps = _objectWithoutProperties(_ref2, _excluded$7);
 
-  var progressAnimation = React.useRef(new ReactNative.Animated.Value(0));
+  var progressAnimation = React.useRef(new reactNative.Animated.Value(0));
   React.useEffect(function () {
-    var animation = ReactNative.Animated.loop(ReactNative.Animated.timing(progressAnimation.current, {
+    var animation = reactNative.Animated.loop(reactNative.Animated.timing(progressAnimation.current, {
       toValue: 1,
       duration: 1200,
-      easing: ReactNative.Easing.linear,
+      easing: reactNative.Easing.linear,
       useNativeDriver: true
     }));
     animation.start();
@@ -15039,7 +13052,7 @@ var LoadingIndicator = function LoadingIndicator(_ref2) {
     return null;
   };
 
-  return /*#__PURE__*/React__default["default"].createElement(AnimatedLoadingIndicatorWrapper, _extends$3({
+  return /*#__PURE__*/React__default["default"].createElement(AnimatedLoadingIndicatorWrapper, _extends$1({
     testID: testID
   }, nativeProps), Array.from(new Array(count), renderLoadingDot, themeVariant));
 };
@@ -15160,7 +13173,7 @@ var genOutlineTextStyles = function genOutlineTextStyles(theme, intent, pressed,
   }, textColorStyling());
 };
 
-var StyledButtonContainer = index$2(ReactNative.View)(function (_ref) {
+var StyledButtonContainer = index$2(reactNative.View)(function (_ref) {
   var _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       _ref$pressed = _ref.pressed,
@@ -15222,7 +13235,7 @@ var StyledButtonText = index$2(Typography.Text)(function (_ref2) {
     fontFamily: theme.__hd__.button.fonts["default"]
   }, themeStyling());
 });
-var StyledButtonIconWrapper = index$2(ReactNative.View)(function (_ref3) {
+var StyledButtonIconWrapper = index$2(reactNative.View)(function (_ref3) {
   var themePosition = _ref3.themePosition,
       theme = _ref3.theme;
 
@@ -15308,7 +13321,7 @@ var Button = function Button(_ref) {
       text = _ref.text,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'filled' : _ref$variant;
-  return /*#__PURE__*/React__default["default"].createElement(ReactNative.Pressable, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Pressable, {
     accessibilityHint: accessibilityHint,
     accessibilityLabel: accessibilityLabel,
     disabled: disabled || loading,
@@ -15359,7 +13372,7 @@ var IconButton = function IconButton(_ref) {
       style = _ref.style,
       size = _ref.size,
       intent = _ref.intent;
-  return /*#__PURE__*/React__default["default"].createElement(ReactNative.TouchableOpacity, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
     style: style,
     onPress: onPress,
     testID: testID,
@@ -15384,9 +13397,9 @@ var Header = function Header(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledHeaderWrapper, null, typeof content === 'string' ? /*#__PURE__*/React__default["default"].createElement(StyledHeader, {
     adjacentIcon: showCloseButton
   }, /*#__PURE__*/React__default["default"].createElement(Typography.Text, {
-    fontSize: "xlarge",
+    fontSize: "large",
     fontWeight: "semi-bold"
-  }, content)) : /*#__PURE__*/React__default["default"].createElement(ReactNative.View, {
+  }, content)) : /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: {
       flex: 1
     }
@@ -15405,6 +13418,7 @@ var BottomSheet = function BottomSheet(_ref) {
       children = _ref.children,
       onOpen = _ref.onOpen,
       onRequestClose = _ref.onRequestClose,
+      onDismiss = _ref.onDismiss,
       _ref$showCloseButton = _ref.showCloseButton,
       showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
       _ref$hasBackdrop = _ref.hasBackdrop,
@@ -15425,7 +13439,7 @@ var BottomSheet = function BottomSheet(_ref) {
       visible = _useState4[0],
       setVisibility = _useState4[1];
 
-  var animatedValue = React.useRef(new ReactNative.Animated.Value(open ? 0 : 1));
+  var animatedValue = React.useRef(new reactNative.Animated.Value(open ? 0 : 1));
   React.useEffect(function () {
     // Show the modal before the open animation start
     if (open && !visible) {
@@ -15440,6 +13454,7 @@ var BottomSheet = function BottomSheet(_ref) {
 
       if (endValueOfTransition === 0 && value === endValueOfTransition) {
         setVisibility(false);
+        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
       }
     });
     return function () {
@@ -15448,9 +13463,9 @@ var BottomSheet = function BottomSheet(_ref) {
   }, [open]); // Animation
 
   React.useEffect(function () {
-    var animation = ReactNative.Animated.timing(animatedValue.current, {
+    var animation = reactNative.Animated.timing(animatedValue.current, {
       toValue: open ? 1 : 0,
-      easing: ReactNative.Easing.inOut(ReactNative.Easing.cubic),
+      easing: reactNative.Easing.inOut(reactNative.Easing.cubic),
       useNativeDriver: true
     });
     animation.start();
@@ -15467,13 +13482,13 @@ var BottomSheet = function BottomSheet(_ref) {
     inputRange: [0, 1],
     outputRange: [0, 0.48]
   }) : 0;
-  return /*#__PURE__*/React__default["default"].createElement(ReactNative.Modal, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Modal, {
     visible: visible,
     onRequestClose: onRequestClose,
     transparent: true,
     testID: testID,
     onShow: onOpen
-  }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper$3, {
+  }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper$4, {
     pointerEvents: "box-none"
   }, /*#__PURE__*/React__default["default"].createElement(StyledBackdrop$2, {
     style: {
@@ -15497,12 +13512,12 @@ var BottomSheet = function BottomSheet(_ref) {
     showDivider: showDivider,
     onRequestClose: onRequestClose,
     showCloseButton: showCloseButton
-  }) : null, children, footer ? /*#__PURE__*/React__default["default"].createElement(Footer, {
+  }) : null, children, footer ? /*#__PURE__*/React__default["default"].createElement(Footer$1, {
     showDivider: showDivider
   }, footer) : null)));
 };
 
-var StyledCard = index$2(ReactNative.View)(function (_ref) {
+var StyledCard = index$2(reactNative.View)(function (_ref) {
   var themeVariant = _ref.themeVariant,
       theme = _ref.theme;
   var sharedStyles = {
@@ -15522,7 +13537,7 @@ var StyledCard = index$2(ReactNative.View)(function (_ref) {
       return _objectSpread2(_objectSpread2({}, sharedStyles), dataStyles);
   }
 });
-var LeftDataCard = index$2(ReactNative.View)(function (_ref2) {
+var LeftDataCard = index$2(reactNative.View)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     backgroundColor: theme.__hd__.card.colors.dataCardIndicator,
@@ -15537,16 +13552,16 @@ var Card = function Card(_ref) {
   var _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'basic' : _ref$variant,
       children = _ref.children,
-      nativeProps = _objectWithoutProperties$1(_ref, _excluded$6);
+      nativeProps = _objectWithoutProperties(_ref, _excluded$6);
 
-  return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends$3({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends$1({}, nativeProps, {
     themeVariant: variant
   }), variant === 'data' && /*#__PURE__*/React__default["default"].createElement(LeftDataCard, {
     testID: "data-card-indicator"
   }), children);
 };
 
-var StyledWrapper$2 = index$2(ReactNative.Animated.View)(function () {
+var StyledWrapper$3 = index$2(reactNative.Animated.View)(function () {
   return {
     margin: 0,
     padding: 0,
@@ -15559,12 +13574,12 @@ var StyledWrapper$2 = index$2(ReactNative.Animated.View)(function () {
  * to use with Animated.timing
  */
 
-var StyledHiddenWrapper = index$2(ReactNative.View)(function () {
+var StyledHiddenWrapper = index$2(reactNative.View)(function () {
   return {
-    height: ReactNative.Dimensions.get('window').height
+    height: reactNative.Dimensions.get('window').height
   };
 });
-var StyledChildWrapper = index$2(ReactNative.View)(function () {
+var StyledChildWrapper = index$2(reactNative.View)(function () {
   return {
     margin: 0,
     padding: 0
@@ -15585,7 +13600,7 @@ var Collapse = function Collapse(_ref) {
       children = _ref.children,
       testID = _ref.testID,
       style = _ref.style;
-  var collapseAnim = React__default["default"].useRef(new ReactNative.Animated.Value(0)).current;
+  var collapseAnim = React__default["default"].useRef(new reactNative.Animated.Value(0)).current;
 
   var _React$useState = React__default["default"].useState(0),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -15595,9 +13610,9 @@ var Collapse = function Collapse(_ref) {
   var previousOpenState = usePrevious(open);
   React.useEffect(function () {
     if (open !== previousOpenState && previousOpenState !== undefined) {
-      ReactNative.Animated.timing(collapseAnim, {
+      reactNative.Animated.timing(collapseAnim, {
         toValue: open ? contentHeight : 0,
-        easing: ReactNative.Easing.inOut(ReactNative.Easing.ease),
+        easing: reactNative.Easing.inOut(reactNative.Easing.ease),
         useNativeDriver: false
       }).start();
     }
@@ -15606,7 +13621,7 @@ var Collapse = function Collapse(_ref) {
     var height = _ref2.height;
     setContentHeight(height);
   }, [contentHeight]);
-  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$2, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$3, {
     style: [style, {
       height: collapseAnim
     }],
@@ -15618,7 +13633,7 @@ var Collapse = function Collapse(_ref) {
   }, children)));
 };
 
-var Wrapper$1 = index$2(ReactNative.View)(function () {
+var Wrapper$1 = index$2(reactNative.View)(function () {
   return {
     flex: 1,
     flexDirection: 'row',
@@ -15660,11 +13675,11 @@ function ContentNavigator(_ref) {
   }));
 }
 
-var AnimatedPressable = ReactNative.Animated.createAnimatedComponent(ReactNative.Pressable);
-var StyledContainer$1 = index$2(ReactNative.View)(function (_ref) {
+var AnimatedPressable = reactNative.Animated.createAnimatedComponent(reactNative.Pressable);
+var StyledContainer$1 = index$2(reactNative.View)(function (_ref) {
   var theme = _ref.theme,
       enableShadow = _ref.enableShadow;
-  return _objectSpread2(_objectSpread2({}, ReactNative.StyleSheet.absoluteFillObject), {}, {
+  return _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
     shadowColor: enableShadow ? theme.__hd__.drawer.colors.shadow : 'transparent',
     shadowOffset: theme.__hd__.drawer.shadows.offset,
     shadowOpacity: theme.__hd__.drawer.shadows.opacity,
@@ -15676,11 +13691,11 @@ var StyledContainer$1 = index$2(ReactNative.View)(function (_ref) {
 });
 var StyledBackdrop$1 = index$2(AnimatedPressable)(function (_ref2) {
   var theme = _ref2.theme;
-  return _objectSpread2(_objectSpread2({}, ReactNative.StyleSheet.absoluteFillObject), {}, {
+  return _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
     backgroundColor: theme.__hd__.drawer.colors.backdrop
   });
 });
-var StyledDrawerContainer = index$2(ReactNative.Animated.View)(function (_ref3) {
+var StyledDrawerContainer = index$2(reactNative.Animated.View)(function (_ref3) {
   var theme = _ref3.theme,
       enableShadow = _ref3.enableShadow;
   return {
@@ -15699,7 +13714,7 @@ var Drawer = function Drawer(_ref) {
       hasBackdrop = _ref$hasBackdrop === void 0 ? true : _ref$hasBackdrop,
       onDismiss = _ref.onDismiss,
       testID = _ref.testID;
-  var animatedValue = React.useRef(new ReactNative.Animated.Value(visible ? 1 : 0)).current;
+  var animatedValue = React.useRef(new reactNative.Animated.Value(visible ? 1 : 0)).current;
 
   var _useState = React.useState(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -15716,9 +13731,9 @@ var Drawer = function Drawer(_ref) {
     outputRange: [0, 0.35]
   }) : 0;
   React.useEffect(function () {
-    var animation = ReactNative.Animated.timing(animatedValue, {
+    var animation = reactNative.Animated.timing(animatedValue, {
       toValue: visible ? 1 : 0,
-      easing: ReactNative.Easing.inOut(ReactNative.Easing.cubic),
+      easing: reactNative.Easing.inOut(reactNative.Easing.cubic),
       useNativeDriver: true
     });
     animation.start();
@@ -15750,7 +13765,7 @@ var Drawer = function Drawer(_ref) {
   }, children));
 };
 
-var StyledFABContainer = index$2(ReactNative.TouchableHighlight)(function (_ref) {
+var StyledFABContainer = index$2(reactNative.TouchableHighlight)(function (_ref) {
   var theme = _ref.theme;
   return {
     backgroundColor: theme.__hd__.fab.colors.buttonBackground,
@@ -15773,7 +13788,7 @@ var StyledFABIcon = index$2(Icon)(function (_ref2) {
     textAlign: 'center'
   };
 });
-var StyledFABText = index$2(ReactNative.Text)(function (_ref3) {
+var StyledFABText = index$2(reactNative.Text)(function (_ref3) {
   var theme = _ref3.theme;
   return {
     fontFamily: theme.__hd__.fab.fonts.title,
@@ -15787,15 +13802,15 @@ var StyledFABText = index$2(ReactNative.Text)(function (_ref3) {
 });
 
 var _excluded$5 = ["active"];
-var AnimatedIcons = ReactNative.Animated.createAnimatedComponent(StyledFABIcon);
+var AnimatedIcons = reactNative.Animated.createAnimatedComponent(StyledFABIcon);
 
 var AnimatedFABIcon = function AnimatedFABIcon(_ref) {
   var active = _ref.active,
-      iconProps = _objectWithoutProperties$1(_ref, _excluded$5);
+      iconProps = _objectWithoutProperties(_ref, _excluded$5);
 
-  var rotateAnimation = React.useRef(new ReactNative.Animated.Value(active ? 1 : 0));
+  var rotateAnimation = React.useRef(new reactNative.Animated.Value(active ? 1 : 0));
   React.useEffect(function () {
-    var animation = ReactNative.Animated.timing(rotateAnimation.current, {
+    var animation = reactNative.Animated.timing(rotateAnimation.current, {
       toValue: active ? 1 : 0,
       useNativeDriver: true
     });
@@ -15808,8 +13823,8 @@ var AnimatedFABIcon = function AnimatedFABIcon(_ref) {
     inputRange: [0, 1],
     outputRange: ['0deg', '-45deg']
   });
-  return /*#__PURE__*/React__default["default"].createElement(ReactNative.Animated.View, {
-    style: ReactNative.StyleSheet.flatten([{
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
+    style: reactNative.StyleSheet.flatten([{
       transform: [{
         rotate: interpolatedRotateAnimation
       }]
@@ -15870,7 +13885,7 @@ var FAB = function FAB(_ref3) {
   }));
 };
 
-var StyledActionItem = index$2(ReactNative.TouchableOpacity)(function (_ref) {
+var StyledActionItem = index$2(reactNative.TouchableOpacity)(function (_ref) {
   var theme = _ref.theme;
   return {
     paddingLeft: theme.__hd__.fab.space.actionItemPaddingLeft,
@@ -15912,7 +13927,7 @@ var ActionItem = function ActionItem(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement(StyledActionItemText, null, title));
 };
 
-var StyledContainer = index$2(ReactNative.View)({
+var StyledContainer = index$2(reactNative.View)({
   position: 'absolute',
   left: 0,
   right: 0,
@@ -15921,7 +13936,7 @@ var StyledContainer = index$2(ReactNative.View)({
   alignItems: 'flex-end',
   justifyContent: 'flex-end'
 });
-var StyledActionGroupContainer = index$2(ReactNative.Animated.View)({
+var StyledActionGroupContainer = index$2(reactNative.Animated.View)({
   alignItems: 'flex-end',
   justifyContent: 'flex-end',
   width: '70%'
@@ -15934,7 +13949,7 @@ var StyledFAB = index$2(FAB)(function (_ref) {
     alignSelf: 'flex-end'
   };
 });
-var StyledBackdrop = index$2(ReactNative.Animated.View)(function (_ref2) {
+var StyledBackdrop = index$2(reactNative.Animated.View)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     position: 'absolute',
@@ -15960,10 +13975,10 @@ var StyledHeaderText = index$2(Typography.Text)(function (_ref3) {
 var ActionItemsListComponent = function ActionItemsListComponent(_ref) {
   var style = _ref.style,
       items = _ref.items;
-  return /*#__PURE__*/React__default["default"].createElement(ReactNative.View, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: style
   }, items === null || items === void 0 ? void 0 : items.map(function (itemProp) {
-    return /*#__PURE__*/React__default["default"].createElement(ActionItem, _extends$3({
+    return /*#__PURE__*/React__default["default"].createElement(ActionItem, _extends$1({
       key: itemProp.icon
     }, itemProp));
   }));
@@ -15977,9 +13992,9 @@ var ActionGroup = function ActionGroup(_ref2) {
       items = _ref2.items,
       testID = _ref2.testID,
       fabTitle = _ref2.fabTitle;
-  var tranlateXAnimation = React.useRef(new ReactNative.Animated.Value(active ? 1 : 0));
+  var tranlateXAnimation = React.useRef(new reactNative.Animated.Value(active ? 1 : 0));
   React.useEffect(function () {
-    var animation = ReactNative.Animated.timing(tranlateXAnimation.current, {
+    var animation = reactNative.Animated.timing(tranlateXAnimation.current, {
       toValue: active ? 1 : 0,
       useNativeDriver: true
     });
@@ -16028,7 +14043,7 @@ var index$1 = Object.assign(FAB, {
   ActionGroup: ActionGroup
 });
 
-var HalfCircleWrapper = index$2(ReactNative.View)(function (_ref) {
+var HalfCircleWrapper = index$2(reactNative.View)(function (_ref) {
   var theme = _ref.theme;
   return {
     width: theme.__hd__.progress.sizes.radius,
@@ -16036,7 +14051,7 @@ var HalfCircleWrapper = index$2(ReactNative.View)(function (_ref) {
     overflow: 'hidden'
   };
 });
-var HalfCircleInnerFG = index$2(ReactNative.View)(function (_ref2) {
+var HalfCircleInnerFG = index$2(reactNative.View)(function (_ref2) {
   var theme = _ref2.theme,
       themeIntent = _ref2.themeIntent;
   return {
@@ -16046,7 +14061,7 @@ var HalfCircleInnerFG = index$2(ReactNative.View)(function (_ref2) {
     borderRadius: theme.__hd__.progress.radii["default"]
   };
 });
-var HalfCircleInnerBG = index$2(ReactNative.View)(function (_ref3) {
+var HalfCircleInnerBG = index$2(reactNative.View)(function (_ref3) {
   var theme = _ref3.theme;
   return {
     width: theme.__hd__.progress.sizes.radius * 2,
@@ -16055,7 +14070,7 @@ var HalfCircleInnerBG = index$2(ReactNative.View)(function (_ref3) {
     borderRadius: theme.__hd__.progress.radii["default"]
   };
 });
-var DonutCircle = index$2(ReactNative.View)(function (_ref4) {
+var DonutCircle = index$2(reactNative.View)(function (_ref4) {
   var theme = _ref4.theme;
   return {
     position: 'absolute',
@@ -16070,7 +14085,7 @@ var DonutCircle = index$2(ReactNative.View)(function (_ref4) {
     justifyContent: 'center'
   };
 });
-var StrokeEnd = index$2(ReactNative.View)(function (_ref5) {
+var StrokeEnd = index$2(reactNative.View)(function (_ref5) {
   var theme = _ref5.theme,
       themeIntent = _ref5.themeIntent;
   return {
@@ -16102,13 +14117,13 @@ var ProgressCircle = function ProgressCircle(_ref2) {
       intent = _ref2$intent === void 0 ? 'primary' : _ref2$intent,
       style = _ref2.style,
       testID = _ref2.testID,
-      nativeProps = _objectWithoutProperties$1(_ref2, _excluded$4);
+      nativeProps = _objectWithoutProperties(_ref2, _excluded$4);
 
-  var theme = useTheme();
+  var theme = useTheme$1();
   var radius = theme.__hd__.progress.sizes.radius;
-  var progressAnimatedValue = React.useRef(new ReactNative.Animated.Value(0));
+  var progressAnimatedValue = React.useRef(new reactNative.Animated.Value(0));
   React.useEffect(function () {
-    var animation = ReactNative.Animated.timing(progressAnimatedValue.current, {
+    var animation = reactNative.Animated.timing(progressAnimatedValue.current, {
       toValue: value,
       useNativeDriver: true
     });
@@ -16140,18 +14155,18 @@ var ProgressCircle = function ProgressCircle(_ref2) {
     outputRange: ['0deg', '360deg'],
     extrapolate: 'clamp'
   });
-  return /*#__PURE__*/React__default["default"].createElement(ReactNative.View, _extends$3({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, _extends$1({}, nativeProps, {
     testID: testID,
     style: style
-  }), /*#__PURE__*/React__default["default"].createElement(ReactNative.View, {
+  }), /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: {
       flexDirection: 'row'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(ReactNative.View, null, /*#__PURE__*/React__default["default"].createElement(HalfCircle, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, null, /*#__PURE__*/React__default["default"].createElement(HalfCircle, {
     type: "foreground",
     themeIntent: intent
-  }), /*#__PURE__*/React__default["default"].createElement(ReactNative.Animated.View, {
-    style: _objectSpread2(_objectSpread2({}, ReactNative.StyleSheet.absoluteFillObject), {}, {
+  }), /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
+    style: _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
       transform: [{
         translateX: radius / 2
       }, {
@@ -16162,7 +14177,7 @@ var ProgressCircle = function ProgressCircle(_ref2) {
     })
   }, /*#__PURE__*/React__default["default"].createElement(HalfCircle, {
     type: "background"
-  }))), /*#__PURE__*/React__default["default"].createElement(ReactNative.View, {
+  }))), /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: {
       transform: [{
         rotate: '180deg'
@@ -16172,8 +14187,8 @@ var ProgressCircle = function ProgressCircle(_ref2) {
   }, /*#__PURE__*/React__default["default"].createElement(HalfCircle, {
     type: "foreground",
     themeIntent: intent
-  }), /*#__PURE__*/React__default["default"].createElement(ReactNative.Animated.View, {
-    style: _objectSpread2(_objectSpread2({}, ReactNative.StyleSheet.absoluteFillObject), {}, {
+  }), /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
+    style: _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
       transform: [{
         translateX: radius / 2
       }, {
@@ -16187,8 +14202,8 @@ var ProgressCircle = function ProgressCircle(_ref2) {
     type: "background"
   }))), /*#__PURE__*/React__default["default"].createElement(StrokeEnd, {
     themeIntent: intent
-  }), /*#__PURE__*/React__default["default"].createElement(ReactNative.Animated.View, {
-    style: _objectSpread2(_objectSpread2({}, ReactNative.StyleSheet.absoluteFillObject), {}, {
+  }), /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
+    style: _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
       zIndex: 2,
       transform: [{
         rotate: interpolateDotRotate
@@ -16201,7 +14216,7 @@ var ProgressCircle = function ProgressCircle(_ref2) {
   }, "".concat(value, "%")))));
 };
 
-var StyledWrapper$1 = index$2(ReactNative.View)(function (_ref) {
+var StyledWrapper$2 = index$2(reactNative.View)(function (_ref) {
   var theme = _ref.theme;
   return {
     height: theme.__hd__.progress.sizes.barHeight,
@@ -16210,7 +14225,7 @@ var StyledWrapper$1 = index$2(ReactNative.View)(function (_ref) {
     overflow: 'hidden'
   };
 });
-var StyledInner = index$2(ReactNative.Animated.View)(function (_ref2) {
+var StyledInner = index$2(reactNative.Animated.View)(function (_ref2) {
   var theme = _ref2.theme,
       themeIntent = _ref2.themeIntent;
   return {
@@ -16228,16 +14243,16 @@ var ProgressBar = function ProgressBar(_ref) {
       intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
       style = _ref.style,
       testID = _ref.testID,
-      nativeProps = _objectWithoutProperties$1(_ref, _excluded$3);
+      nativeProps = _objectWithoutProperties(_ref, _excluded$3);
 
   var _useState = React.useState(0),
       _useState2 = _slicedToArray(_useState, 2),
       width = _useState2[0],
       setWidth = _useState2[1];
 
-  var progressAnimatedValue = React.useRef(new ReactNative.Animated.Value(0));
+  var progressAnimatedValue = React.useRef(new reactNative.Animated.Value(0));
   React.useEffect(function () {
-    var animation = ReactNative.Animated.timing(progressAnimatedValue.current, {
+    var animation = reactNative.Animated.timing(progressAnimatedValue.current, {
       toValue: value,
       useNativeDriver: true
     });
@@ -16256,7 +14271,7 @@ var ProgressBar = function ProgressBar(_ref) {
     outputRange: [999, 0],
     extrapolate: 'clamp'
   });
-  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$1, _extends$3({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$2, _extends$1({}, nativeProps, {
     testID: testID,
     style: style
   }), /*#__PURE__*/React__default["default"].createElement(StyledInner, {
@@ -16280,13 +14295,13 @@ var Progress = {
   Bar: ProgressBar
 };
 
-var StyledView$1 = index$2(ReactNative.View)();
-var StyledSpinnerContainer = index$2(ReactNative.View)({
+var StyledView$1 = index$2(reactNative.View)();
+var StyledSpinnerContainer = index$2(reactNative.View)({
   height: '100%',
   justifyContent: 'center',
   alignItems: 'center'
 });
-var StyledSpinnerRow = index$2(ReactNative.View)(function (_ref) {
+var StyledSpinnerRow = index$2(reactNative.View)(function (_ref) {
   var themePosition = _ref.themePosition,
       theme = _ref.theme;
   return {
@@ -16294,7 +14309,7 @@ var StyledSpinnerRow = index$2(ReactNative.View)(function (_ref) {
     marginBottom: themePosition === 'top' ? theme.__hd__.spinner.space.spinnerDotPadding : 0
   };
 });
-var StyledSpinnerDot = index$2(ReactNative.View)(function (_ref2) {
+var StyledSpinnerDot = index$2(reactNative.View)(function (_ref2) {
   var themePosition = _ref2.themePosition,
       theme = _ref2.theme;
 
@@ -16332,16 +14347,16 @@ var StyledSpinnerDot = index$2(ReactNative.View)(function (_ref2) {
   }, themeStyling());
 });
 
-var AnimatedRow = ReactNative.Animated.createAnimatedComponent(StyledSpinnerRow);
-var AnimatedDot = ReactNative.Animated.createAnimatedComponent(StyledSpinnerDot);
+var AnimatedRow = reactNative.Animated.createAnimatedComponent(StyledSpinnerRow);
+var AnimatedDot = reactNative.Animated.createAnimatedComponent(StyledSpinnerDot);
 
 var AnimatedSpinner = function AnimatedSpinner() {
-  var rotateAnimation = React.useRef(new ReactNative.Animated.Value(0));
+  var rotateAnimation = React.useRef(new reactNative.Animated.Value(0));
   React.useEffect(function () {
-    var animation = ReactNative.Animated.loop(ReactNative.Animated.timing(rotateAnimation.current, {
+    var animation = reactNative.Animated.loop(reactNative.Animated.timing(rotateAnimation.current, {
       toValue: 1,
       duration: 1200,
-      easing: ReactNative.Easing.linear,
+      easing: reactNative.Easing.linear,
       useNativeDriver: true
     }));
     animation.start();
@@ -16353,8 +14368,8 @@ var AnimatedSpinner = function AnimatedSpinner() {
     inputRange: [0, 1],
     outputRange: ['0deg', '360deg']
   });
-  return /*#__PURE__*/React__default["default"].createElement(ReactNative.Animated.View, {
-    style: ReactNative.StyleSheet.flatten([{
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.Animated.View, {
+    style: reactNative.StyleSheet.flatten([{
       transform: [{
         rotate: interpolatedRotateAnimation
       }]
@@ -16378,14 +14393,14 @@ var _excluded$2 = ["testID"];
 
 var Spinner = function Spinner(_ref) {
   var testID = _ref.testID,
-      nativeProps = _objectWithoutProperties$1(_ref, _excluded$2);
+      nativeProps = _objectWithoutProperties(_ref, _excluded$2);
 
   return /*#__PURE__*/React__default["default"].createElement(StyledView$1, nativeProps, /*#__PURE__*/React__default["default"].createElement(StyledSpinnerContainer, {
     testID: testID
   }, /*#__PURE__*/React__default["default"].createElement(AnimatedSpinner, null)));
 };
 
-var Wrapper = index$2(ReactNative.TouchableOpacity)(function (_ref) {
+var Wrapper = index$2(reactNative.TouchableOpacity)(function (_ref) {
   var theme = _ref.theme,
       themeChecked = _ref.themeChecked;
   return {
@@ -16397,7 +14412,7 @@ var Wrapper = index$2(ReactNative.TouchableOpacity)(function (_ref) {
     backgroundColor: themeChecked ? theme.__hd__.radio.colors.checkedWrapper : theme.__hd__.radio.colors.wrapper
   };
 });
-var Circle = index$2(ReactNative.View)(function (_ref2) {
+var Circle = index$2(reactNative.View)(function (_ref2) {
   var theme = _ref2.theme,
       themeChecked = _ref2.themeChecked;
   return {
@@ -16410,7 +14425,7 @@ var Circle = index$2(ReactNative.View)(function (_ref2) {
     justifyContent: 'center'
   };
 });
-var InnerCircle = index$2(ReactNative.View)(function (_ref3) {
+var InnerCircle = index$2(reactNative.View)(function (_ref3) {
   var theme = _ref3.theme;
   return {
     height: theme.__hd__.radio.sizes.innerCircle,
@@ -16419,7 +14434,7 @@ var InnerCircle = index$2(ReactNative.View)(function (_ref3) {
     backgroundColor: theme.__hd__.radio.colors.checkedCircle
   };
 });
-var Spacer = index$2(ReactNative.View)(function (_ref4) {
+var Spacer$1 = index$2(reactNative.View)(function (_ref4) {
   var theme = _ref4.theme;
   return {
     marginTop: theme.__hd__.radio.space.groupTopMargin
@@ -16438,7 +14453,7 @@ var Radio = function Radio(_ref) {
     themeChecked: checked,
     style: style,
     testID: testID
-  }, /*#__PURE__*/React__default["default"].createElement(ReactNative.View, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: {
       flex: 1
     }
@@ -16451,19 +14466,34 @@ var Radio = function Radio(_ref) {
   })));
 };
 
+function getKey$1(option, index, keyExtractor) {
+  var key = '';
+
+  if (keyExtractor !== undefined) {
+    key = keyExtractor(option, index);
+  } else if (option.key !== undefined) {
+    key = option.key;
+  } else {
+    key = index;
+  }
+
+  return key;
+}
+
 var RadioGroup = function RadioGroup(_ref) {
   var value = _ref.value,
       _onPress = _ref.onPress,
       options = _ref.options,
+      keyExtractor = _ref.keyExtractor,
       style = _ref.style,
       testID = _ref.testID;
-  return /*#__PURE__*/React__default["default"].createElement(ReactNative.View, {
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: style,
     testID: testID
   }, options.map(function (option, index) {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-      key: option.value
-    }, index !== 0 && /*#__PURE__*/React__default["default"].createElement(Spacer, null), /*#__PURE__*/React__default["default"].createElement(Radio, {
+      key: getKey$1(option, index, keyExtractor)
+    }, index !== 0 && /*#__PURE__*/React__default["default"].createElement(Spacer$1, null), /*#__PURE__*/React__default["default"].createElement(Radio, {
       text: option.text,
       checked: option.value === value,
       onPress: function onPress() {
@@ -16473,280 +14503,411 @@ var RadioGroup = function RadioGroup(_ref) {
   }));
 };
 
-var CompoundRadio = {
-  Group: RadioGroup
-};
-
-var StyledHeading = index$2(ReactNative.View)(function (_ref) {
-  var theme = _ref.theme;
+var CompoundRadio = {
+  Group: RadioGroup
+};
+
+var StyledHeading = index$2(reactNative.View)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    paddingVertical: theme.__hd__.sectionHeading.space.headingVerticalPadding,
+    paddingHorizontal: theme.__hd__.sectionHeading.space.headingHorizontalPadding,
+    backgroundColor: theme.__hd__.sectionHeading.colors.background,
+    marginBottom: theme.__hd__.sectionHeading.space.headingMarginBottom,
+    display: 'flex',
+    flexDirection: 'row',
+    alignContent: 'center',
+    justifyContent: 'space-between'
+  };
+});
+var StyledIconWrapper = index$2(reactNative.View)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    marginRight: theme.__hd__.sectionHeading.space.iconMarginRight
+  };
+});
+var StyledWrapper$1 = index$2(reactNative.View)(function () {
+  return {
+    display: 'flex',
+    flexDirection: 'row'
+  };
+});
+
+var ICON_SIZE_MAP = {
+  small: 'small',
+  medium: 'medium',
+  large: 'medium',
+  xlarge: 'large'
+};
+var ICON_INTENT_MAP = {
+  body: 'text',
+  subdued: 'text',
+  primary: 'primary'
+};
+
+var SectionHeading = function SectionHeading(_ref) {
+  var icon = _ref.icon,
+      text = _ref.text,
+      rightChildren = _ref.rightChildren,
+      _ref$fontSize = _ref.fontSize,
+      fontSize = _ref$fontSize === void 0 ? 'large' : _ref$fontSize,
+      _ref$intent = _ref.intent,
+      intent = _ref$intent === void 0 ? 'body' : _ref$intent,
+      _ref$fontWeight = _ref.fontWeight,
+      fontWeight = _ref$fontWeight === void 0 ? 'regular' : _ref$fontWeight,
+      style = _ref.style,
+      testID = _ref.testID;
+  return /*#__PURE__*/React__default["default"].createElement(StyledHeading, {
+    style: style,
+    testID: testID
+  }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper$1, null, /*#__PURE__*/React__default["default"].createElement(StyledIconWrapper, null, icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
+    icon: icon,
+    size: ICON_SIZE_MAP[fontSize],
+    intent: ICON_INTENT_MAP[intent]
+  })), /*#__PURE__*/React__default["default"].createElement(Typography.Text, {
+    fontSize: fontSize,
+    intent: intent,
+    fontWeight: fontWeight
+  }, text)), rightChildren);
+};
+
+var Container = index$2(reactNative.View)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    position: 'relative',
+    width: '100%',
+    borderWidth: theme.__hd__.textInput.borderWidths.container,
+    borderRadius: theme.__hd__.textInput.radii.container,
+    padding: theme.__hd__.textInput.space.containerPadding,
+    flexDirection: 'row',
+    alignItems: 'center'
+  };
+});
+var Label = index$2(Typography.Text)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    position: 'absolute',
+    left: theme.__hd__.textInput.space.labelLeft,
+    top: theme.__hd__.textInput.space.labelTop,
+    backgroundColor: theme.__hd__.textInput.colors.labelBackground,
+    zIndex: 1,
+    paddingHorizontal: theme.__hd__.textInput.space.labelHorizontalPadding
+  };
+});
+var StyledTextInput = index$2(reactNative.TextInput)(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    flex: 1,
+    fontSize: theme.__hd__.textInput.fontSizes.text,
+    marginHorizontal: theme.__hd__.textInput.space.inputHorizontalMargin
+  };
+});
+
+var _excluded$1 = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy"];
+
+var TextInput = function TextInput(_ref) {
+  var label = _ref.label,
+      prefix = _ref.prefix,
+      suffix = _ref.suffix,
+      style = _ref.style,
+      textStyle = _ref.textStyle,
+      testID = _ref.testID,
+      accessibilityLabelledBy = _ref.accessibilityLabelledBy,
+      nativeProps = _objectWithoutProperties(_ref, _excluded$1);
+
+  return /*#__PURE__*/React__default["default"].createElement(Container, {
+    style: style,
+    testID: testID
+  }, label && /*#__PURE__*/React__default["default"].createElement(Label, {
+    nativeID: accessibilityLabelledBy,
+    testID: "input-label",
+    fontSize: "small"
+  }, label), prefix && /*#__PURE__*/React__default["default"].createElement(Icon, {
+    testID: "input-prefix",
+    icon: prefix,
+    size: "xsmall"
+  }), /*#__PURE__*/React__default["default"].createElement(StyledTextInput, _extends$1({
+    style: textStyle,
+    testID: "text-input" // @ts-ignore
+    ,
+    accessibilityLabelledBy: accessibilityLabelledBy
+  }, nativeProps)), suffix && /*#__PURE__*/React__default["default"].createElement(Icon, {
+    testID: "input-suffix",
+    icon: suffix,
+    size: "xsmall"
+  }));
+};
+
+var OptionWrapper = index$2(reactNative.TouchableOpacity)(function (_ref) {
+  var theme = _ref.theme,
+      themeSelected = _ref.themeSelected;
   return {
-    paddingVertical: theme.space.small,
-    paddingHorizontal: theme.space.medium,
-    backgroundColor: theme.colors.outline,
-    marginBottom: theme.space.medium,
-    display: 'flex',
     flexDirection: 'row',
-    alignContent: 'center',
-    justifyContent: 'space-between'
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    borderRadius: theme.__hd__.select.radii.option,
+    padding: theme.__hd__.select.space.optionPadding,
+    backgroundColor: themeSelected ? theme.__hd__.select.colors.checkedOption : theme.__hd__.select.colors.option
   };
 });
-var StyledIconWrapper = index$2(ReactNative.View)(function (_ref2) {
+var OptionListWrapper = index$2(reactNative.View)(function (_ref2) {
   var theme = _ref2.theme;
   return {
-    marginRight: theme.space.small
+    padding: theme.__hd__.select.space.optionListPadding
   };
 });
-var StyledWrapper = index$2(ReactNative.View)(function () {
+var Spacer = index$2(reactNative.View)(function (_ref3) {
+  var theme = _ref3.theme;
   return {
-    display: 'flex',
-    flexDirection: 'row'
+    marginTop: theme.__hd__.select.space.optionListSpacing
+  };
+});
+var FooterText = index$2(Typography.Text)(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    color: theme.__hd__.select.colors.footerText
   };
 });
 
-var ICON_SIZE_MAP = {
-  small: 'small',
-  medium: 'medium',
-  large: 'medium',
-  xlarge: 'large'
-};
-var ICON_INTENT_MAP = {
-  body: 'text',
-  subdued: 'text',
-  primary: 'primary'
-};
-
-var SectionHeading = function SectionHeading(_ref) {
-  var icon = _ref.icon,
-      text = _ref.text,
-      rightChildren = _ref.rightChildren,
-      _ref$fontSize = _ref.fontSize,
-      fontSize = _ref$fontSize === void 0 ? 'large' : _ref$fontSize,
-      _ref$intent = _ref.intent,
-      intent = _ref$intent === void 0 ? 'body' : _ref$intent,
-      _ref$fontWeight = _ref.fontWeight,
-      fontWeight = _ref$fontWeight === void 0 ? 'regular' : _ref$fontWeight,
-      style = _ref.style,
-      testID = _ref.testID;
-  return /*#__PURE__*/React__default["default"].createElement(StyledHeading, {
-    style: style,
-    testID: testID
-  }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper, null, /*#__PURE__*/React__default["default"].createElement(StyledIconWrapper, null, icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
-    icon: icon,
-    size: ICON_SIZE_MAP[fontSize],
-    intent: ICON_INTENT_MAP[intent]
-  })), /*#__PURE__*/React__default["default"].createElement(Typography.Text, {
-    fontSize: fontSize,
-    intent: intent,
-    fontWeight: fontWeight
-  }, text)), rightChildren);
-};
-
-var childrenWithOverriddenStyle = function childrenWithOverriddenStyle(children) {
-  return React.Children.map(children, function (child) {
-    var element = child;
-    return (
-      /*#__PURE__*/
-      // Add a wrapper to ensure layout is calculated correctly
-      React__default["default"].createElement(ReactNative.View, {
-        style: ReactNative.StyleSheet.absoluteFill,
-        collapsable: false
-      }, /*#__PURE__*/React__default["default"].cloneElement(element, _objectSpread2(_objectSpread2({}, element.props), {}, {
-        // Override styles so that each page will fill the parent.
-        style: [element.props.style, ReactNative.StyleSheet.absoluteFill]
-      })))
-    );
-  });
-};
-
-var VIEW_MANAGER_NAME = 'RNCViewPager';
-var PagerViewViewManager = ReactNative.requireNativeComponent(VIEW_MANAGER_NAME);
-function getViewManagerConfig() {
-  var viewManagerName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : VIEW_MANAGER_NAME;
-  return ReactNative.UIManager.getViewManagerConfig(viewManagerName);
+function Footer(_ref) {
+  var label = _ref.label,
+      onPress = _ref.onPress;
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
+    onPress: onPress
+  }, /*#__PURE__*/React__default["default"].createElement(FooterText, {
+    fontSize: "large",
+    fontWeight: "semi-bold"
+  }, label));
 }
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+function Option(_ref) {
+  var text = _ref.text,
+      selected = _ref.selected,
+      onPress = _ref.onPress;
+  return /*#__PURE__*/React__default["default"].createElement(OptionWrapper, {
+    themeSelected: selected,
+    onPress: onPress
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
+    style: {
+      flex: 1
     }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
+  }, /*#__PURE__*/React__default["default"].createElement(Typography.Text, {
+    fontSize: "large"
+  }, text)), selected && /*#__PURE__*/React__default["default"].createElement(Icon, {
+    icon: "checkmark",
+    size: "small"
+  }));
 }
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
+function getKey(option, index, keyExtractor) {
+  var key = '';
+
+  if (keyExtractor !== undefined) {
+    key = keyExtractor(option, index);
+  } else if (option.key !== undefined) {
+    key = option.key;
   } else {
-    obj[key] = value;
+    key = index;
   }
 
-  return obj;
+  return key;
 }
-/**
- * Container that allows to flip left and right between child views. Each
- * child view of the `PagerView` will be treated as a separate page
- * and will be stretched to fill the `PagerView`.
- *
- * It is important all children are `<View>`s and not composite components.
- * You can set style properties like `padding` or `backgroundColor` for each
- * child. It is also important that each child have a `key` prop.
- *
- * Example:
- *
- * ```
- * render: function() {
- *   return (
- *     <PagerView
- *       style={styles.PagerView}
- *       initialPage={0}>
- *       <View style={styles.pageStyle} key="1">
- *         <Text>First page</Text>
- *       </View>
- *       <View style={styles.pageStyle} key="2">
- *         <Text>Second page</Text>
- *       </View>
- *     </PagerView>
- *   );
- * }
- *
- * ...
- *
- * var styles = {
- *   ...
- *   PagerView: {
- *     flex: 1
- *   },
- *   pageStyle: {
- *     alignItems: 'center',
- *     padding: 20,
- *   }
- * }
- * ```
- */
-
-var PagerView = /*#__PURE__*/function (_React$Component) {
-  _inherits$1(PagerView, _React$Component);
-
-  var _super = _createSuper(PagerView);
-
-  function PagerView() {
-    var _this;
-
-    _classCallCheck$1(this, PagerView);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
 
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized$1(_this), "isScrolling", false);
-
-    _defineProperty(_assertThisInitialized$1(_this), "PagerView", /*#__PURE__*/React__default["default"].createRef());
-
-    _defineProperty(_assertThisInitialized$1(_this), "getInnerViewNode", function () {
-      return _this.PagerView.current.getInnerViewNode();
-    });
-
-    _defineProperty(_assertThisInitialized$1(_this), "_onPageScroll", function (e) {
-      if (_this.props.onPageScroll) {
-        _this.props.onPageScroll(e);
-      } // Not implemented on iOS yet
-
-
-      if (ReactNative.Platform.OS === 'android') {
-        if (_this.props.keyboardDismissMode === 'on-drag') {
-          ReactNative.Keyboard.dismiss();
+function OptionList(_ref2) {
+  var value = _ref2.value,
+      options = _ref2.options,
+      _onPress = _ref2.onPress,
+      keyExtractor = _ref2.keyExtractor;
+  return /*#__PURE__*/React__default["default"].createElement(OptionListWrapper, null, options.map(function (opt, index) {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
+      key: getKey(opt, index, keyExtractor)
+    }, index !== 0 && /*#__PURE__*/React__default["default"].createElement(Spacer, null), /*#__PURE__*/React__default["default"].createElement(Option, {
+      text: opt.text,
+      selected: value.includes(opt.value),
+      onPress: function onPress() {
+        if (value.includes(opt.value)) {
+          _onPress(value.filter(function (val) {
+            return val !== opt.value;
+          }));
+        } else {
+          _onPress([].concat(_toConsumableArray(value), [opt.value]));
         }
       }
-    });
-
-    _defineProperty(_assertThisInitialized$1(_this), "_onPageScrollStateChanged", function (e) {
-      if (_this.props.onPageScrollStateChanged) {
-        _this.props.onPageScrollStateChanged(e);
-      }
+    }));
+  }));
+}
 
-      _this.isScrolling = e.nativeEvent.pageScrollState === 'dragging';
-    });
+function MultiSelect(_ref) {
+  var options = _ref.options,
+      value = _ref.value,
+      testID = _ref.testID,
+      style = _ref.style,
+      label = _ref.label,
+      footerLabel = _ref.footerLabel,
+      _onPress = _ref.onPress;
+  var theme = useTheme$1();
 
-    _defineProperty(_assertThisInitialized$1(_this), "_onPageSelected", function (e) {
-      if (_this.props.onPageSelected) {
-        _this.props.onPageSelected(e);
-      }
-    });
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
 
-    _defineProperty(_assertThisInitialized$1(_this), "setPage", function (selectedPage) {
-      ReactNative.UIManager.dispatchViewManagerCommand(ReactNative__default["default"].findNodeHandle(_assertThisInitialized$1(_this)), getViewManagerConfig().Commands.setPage, [selectedPage]);
-    });
+  var _useState3 = React.useState(value),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectingValue = _useState4[0],
+      setSelectingValue = _useState4[1];
+
+  var displayedValue = options.filter(function (opt) {
+    return value.includes(opt.value);
+  }).map(function (opt) {
+    return opt.text;
+  }).join(', ');
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableOpacity, {
+    onPress: function onPress() {
+      return setOpen(true);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(TextInput, {
+    label: label,
+    value: displayedValue,
+    onPressIn: function onPressIn() {
+      return setOpen(true);
+    },
+    editable: false // when input is not editable on Android, the text color is gray
+    // hence, adding this to make the text color the same as iOS
+    ,
+    textStyle: {
+      color: theme.colors.text
+    },
+    suffix: "arrow-down",
+    multiline: true,
+    style: style,
+    testID: testID
+  }), /*#__PURE__*/React__default["default"].createElement(BottomSheet, {
+    open: open,
+    onRequestClose: function onRequestClose() {
+      return setOpen(false);
+    },
+    onDismiss: function onDismiss() {
+      return setSelectingValue(value);
+    },
+    header: label,
+    footer: /*#__PURE__*/React__default["default"].createElement(Footer, {
+      label: footerLabel,
+      onPress: function onPress() {
+        setOpen(false);
 
-    _defineProperty(_assertThisInitialized$1(_this), "setPageWithoutAnimation", function (selectedPage) {
-      ReactNative.UIManager.dispatchViewManagerCommand(ReactNative__default["default"].findNodeHandle(_assertThisInitialized$1(_this)), getViewManagerConfig().Commands.setPageWithoutAnimation, [selectedPage]);
-    });
+        _onPress(selectingValue);
+      }
+    })
+  }, /*#__PURE__*/React__default["default"].createElement(OptionList, {
+    options: options,
+    value: selectingValue,
+    onPress: setSelectingValue
+  })));
+}
 
-    _defineProperty(_assertThisInitialized$1(_this), "setScrollEnabled", function (scrollEnabled) {
-      ReactNative.UIManager.dispatchViewManagerCommand(ReactNative__default["default"].findNodeHandle(_assertThisInitialized$1(_this)), getViewManagerConfig().Commands.setScrollEnabled, [scrollEnabled]);
-    });
+var CompoundSelect = {
+  Multi: MultiSelect
+};
 
-    _defineProperty(_assertThisInitialized$1(_this), "_onMoveShouldSetResponderCapture", function () {
-      return _this.isScrolling;
-    });
+var StyledWrapper = index$2(reactNative.View)(function (_ref) {
+  var theme = _ref.theme,
+      themeChecked = _ref.themeChecked,
+      themeSize = _ref.themeSize;
+  return {
+    height: theme.__hd__["switch"].heights[themeSize],
+    width: theme.__hd__["switch"].widths[themeSize],
+    paddingHorizontal: theme.__hd__["switch"].spaces[themeSize],
+    borderRadius: theme.__hd__["switch"].radii.rounded,
+    backgroundColor: themeChecked ? theme.__hd__["switch"].colors.active : theme.__hd__["switch"].colors.inactive
+  };
+});
+var StyledDisabledWrapper = index$2(reactNative.View)(function (_ref2) {
+  var theme = _ref2.theme,
+      themeSize = _ref2.themeSize;
+  return {
+    position: 'absolute',
+    height: theme.__hd__["switch"].heights[themeSize],
+    width: theme.__hd__["switch"].widths[themeSize],
+    borderRadius: theme.__hd__["switch"].radii.rounded,
+    backgroundColor: theme.__hd__["switch"].colors.thumb,
+    zIndex: 9999,
+    opacity: 0.8
+  };
+});
+var StyledThumbWrapper = index$2(reactNative.View)(function (_ref3) {
+  var theme = _ref3.theme,
+      themeSize = _ref3.themeSize;
+  return {
+    height: theme.__hd__["switch"].heights[themeSize],
+    width: theme.__hd__["switch"].widths[themeSize],
+    borderRadius: theme.__hd__["switch"].radii.rounded,
+    display: 'flex',
+    justifyContent: 'center'
+  };
+});
+var StyledKnot = index$2(reactNative.Animated.View)(function (_ref4) {
+  var theme = _ref4.theme,
+      themeSize = _ref4.themeSize;
+  return {
+    width: theme.__hd__["switch"].thumbSizes[themeSize],
+    height: theme.__hd__["switch"].thumbSizes[themeSize],
+    backgroundColor: theme.__hd__["switch"].colors.thumb,
+    borderRadius: theme.__hd__["switch"].radii.rounded
+  };
+});
 
-    return _this;
-  }
+var Switch = function Switch(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'medium' : _ref$size,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      checked = _ref.checked,
+      onPress = _ref.onPress,
+      style = _ref.style,
+      testID = _ref.testID;
+  var theme = useTheme$1();
+  var offset = checked ? theme.__hd__["switch"].widths[size] - theme.__hd__["switch"].thumbSizes[size] - theme.__hd__["switch"].spaces[size] * 2 : theme.__hd__["switch"].spaces.inactive;
 
-  _createClass$1(PagerView, [{
-    key: "deducedLayoutDirection",
-    get: function get() {
-      var shouldUseDeviceRtlSetup = !this.props.layoutDirection || this.props.layoutDirection === 'locale';
+  var _useState = React.useState(function () {
+    return new reactNative.Animated.Value(offset);
+  }),
+      _useState2 = _slicedToArray(_useState, 1),
+      animatedOffset = _useState2[0];
 
-      if (shouldUseDeviceRtlSetup) {
-        return ReactNative.I18nManager.isRTL ? 'rtl' : 'ltr';
-      } else {
-        return this.props.layoutDirection;
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React__default["default"].createElement(PagerViewViewManager, _extends({}, this.props, {
-        ref: this.PagerView
-        /** TODO: Fix ref type */
-        ,
-        style: this.props.style,
-        layoutDirection: this.deducedLayoutDirection,
-        onPageScroll: this._onPageScroll,
-        onPageScrollStateChanged: this._onPageScrollStateChanged,
-        onPageSelected: this._onPageSelected,
-        onMoveShouldSetResponderCapture: this._onMoveShouldSetResponderCapture,
-        children: childrenWithOverriddenStyle(this.props.children)
-      }));
+  React.useEffect(function () {
+    reactNative.Animated.timing(animatedOffset, {
+      toValue: offset,
+      easing: reactNative.Easing.inOut(reactNative.Easing.cubic),
+      useNativeDriver: false
+    }).start();
+  }, [checked]);
+  return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableWithoutFeedback, {
+    testID: testID,
+    onPress: onPress,
+    disabled: disabled
+  }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
+    themeChecked: checked,
+    themeSize: size,
+    style: style
+  }, disabled && /*#__PURE__*/React__default["default"].createElement(StyledDisabledWrapper, {
+    themeSize: size
+  }), /*#__PURE__*/React__default["default"].createElement(StyledThumbWrapper, {
+    themeSize: size
+  }, /*#__PURE__*/React__default["default"].createElement(StyledKnot, {
+    themeSize: size,
+    style: {
+      left: animatedOffset
     }
-  }]);
-
-  return PagerView;
-}(React__default["default"].Component);
+  }))));
+};
 
-var AnimatedPagerView = ReactNative.Animated.createAnimatedComponent(PagerView);
-var TabContainer$1 = index$2(ReactNative.View)({
+var AnimatedPagerView = reactNative.Animated.createAnimatedComponent(PagerView__default["default"]);
+var TabContainer$1 = index$2(reactNative.View)({
   flex: 1,
   overflow: 'hidden'
 });
-var HeaderTabWrapper$1 = index$2(ReactNative.View)(function (_ref) {
+var HeaderTabWrapper$1 = index$2(reactNative.View)(function (_ref) {
   var theme = _ref.theme,
       themeInsets = _ref.themeInsets;
   return {
@@ -16755,10 +14916,10 @@ var HeaderTabWrapper$1 = index$2(ReactNative.View)(function (_ref) {
     borderBottomWidth: theme.__hd__.tabs.borderWidths.headerBottom
   };
 });
-var HeaderTab = index$2(ReactNative.View)({
+var HeaderTab = index$2(reactNative.View)({
   flexDirection: 'row'
 });
-var HeaderTabItem$1 = index$2(ReactNative.View)(function (_ref2) {
+var HeaderTabItem$1 = index$2(reactNative.View)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     flex: 1,
@@ -16769,10 +14930,10 @@ var HeaderTabItem$1 = index$2(ReactNative.View)(function (_ref2) {
 var ContentWrapper$1 = index$2(AnimatedPagerView)({
   flex: 1
 });
-var TabScreen$1 = index$2(ReactNative.View)({
+var TabScreen$1 = index$2(reactNative.View)({
   flex: 1
 });
-var StyledIndicator = index$2(ReactNative.Animated.View)(function (_ref3) {
+var StyledIndicator = index$2(reactNative.Animated.View)(function (_ref3) {
   var theme = _ref3.theme,
       themeWidth = _ref3.themeWidth;
   return {
@@ -16791,7 +14952,7 @@ var ActiveTabIndicator = function ActiveTabIndicator(_ref) {
       tabsWidth = _ref.tabsWidth;
   var inputRange = [0, tabsLength];
   var indicatorWidth = tabsWidth / tabsLength;
-  var translateX = ReactNative.Animated.add(scrollOffsetAnimatedValue, positionAnimatedValue).interpolate({
+  var translateX = reactNative.Animated.add(scrollOffsetAnimatedValue, positionAnimatedValue).interpolate({
     inputRange: inputRange,
     outputRange: [0, tabsLength * indicatorWidth]
   });
@@ -16805,17 +14966,17 @@ var ActiveTabIndicator = function ActiveTabIndicator(_ref) {
   });
 };
 
-var TabScreen = index$2(ReactNative.View)({
+var TabScreen = index$2(reactNative.View)({
   flex: 1
 });
-var TabContainer = index$2(ReactNative.View)({
+var TabContainer = index$2(reactNative.View)({
   flex: 1,
   overflow: 'hidden'
 });
-var ContentWrapper = index$2(PagerView)({
+var ContentWrapper = index$2(PagerView__default["default"])({
   flex: 1
 });
-var HeaderTabWrapper = index$2(ReactNative.View)(function (_ref) {
+var HeaderTabWrapper = index$2(reactNative.View)(function (_ref) {
   var theme = _ref.theme,
       themeInsets = _ref.themeInsets;
   return {
@@ -16824,21 +14985,21 @@ var HeaderTabWrapper = index$2(ReactNative.View)(function (_ref) {
     borderBottomWidth: theme.__hd__.tabs.borderWidths.headerBottom
   };
 });
-var HeaderTabItem = index$2(ReactNative.Animated.View)(function (_ref2) {
+var HeaderTabItem = index$2(reactNative.Animated.View)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     paddingHorizontal: theme.__hd__.tabs.space.itemHorizontalPadding,
     paddingVertical: theme.__hd__.tabs.space.itemVerticalPadding
   };
 });
-var HeaderTabItemOutlineWrapper = index$2(ReactNative.View)(function (_ref3) {
+var HeaderTabItemOutlineWrapper = index$2(reactNative.View)(function (_ref3) {
   var theme = _ref3.theme;
   return _objectSpread2({
     paddingHorizontal: theme.__hd__.tabs.space.itemHorizontalPadding,
     paddingVertical: theme.__hd__.tabs.space.itemVerticalPadding
-  }, ReactNative.StyleSheet.absoluteFillObject);
+  }, reactNative.StyleSheet.absoluteFillObject);
 });
-var HeaderTabItemOutline = index$2(ReactNative.Animated.View)(function (_ref4) {
+var HeaderTabItemOutline = index$2(reactNative.Animated.View)(function (_ref4) {
   var theme = _ref4.theme,
       themeActive = _ref4.themeActive;
   return {
@@ -16846,7 +15007,7 @@ var HeaderTabItemOutline = index$2(ReactNative.Animated.View)(function (_ref4) {
     backgroundColor: themeActive ? theme.__hd__.tabs.colors.activeBackground : undefined
   };
 });
-var HeaderTabItemWrapper = index$2(ReactNative.View)(function (_ref5) {
+var HeaderTabItemWrapper = index$2(reactNative.View)(function (_ref5) {
   var theme = _ref5.theme;
   return {
     paddingHorizontal: theme.__hd__.tabs.space.outlineHorizontalPadding,
@@ -16860,7 +15021,7 @@ var useAnimatedValueArray = function useAnimatedValueArray(initialValues) {
   initialValues.forEach(function (initialValue, i) {
     var _refs$current$i;
 
-    refs.current[i] = (_refs$current$i = refs.current[i]) !== null && _refs$current$i !== void 0 ? _refs$current$i : new ReactNative.Animated.Value(initialValue);
+    refs.current[i] = (_refs$current$i = refs.current[i]) !== null && _refs$current$i !== void 0 ? _refs$current$i : new reactNative.Animated.Value(initialValue);
   });
   return refs.current;
 };
@@ -16907,7 +15068,7 @@ var ScrollableTab = function ScrollableTab(_ref2) {
   var flatListRef = React__default["default"].useRef(null);
   var pagerViewRef = React__default["default"].useRef(null);
   var insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  var theme = useTheme();
+  var theme = useTheme$1();
   var selectedTabIndex = tabs.findIndex(function (item) {
     return item.key === selectedTabKey;
   });
@@ -16924,8 +15085,8 @@ var ScrollableTab = function ScrollableTab(_ref2) {
       });
     }
 
-    var animation = ReactNative.Animated.parallel(_toConsumableArray$1(tabs.map(function (_, i) {
-      return ReactNative.Animated.timing(tabsAnims[i], {
+    var animation = reactNative.Animated.parallel(_toConsumableArray(tabs.map(function (_, i) {
+      return reactNative.Animated.timing(tabsAnims[i], {
         toValue: i === selectedTabIndex ? 1 : 0,
         duration: 150,
         useNativeDriver: true
@@ -16941,7 +15102,7 @@ var ScrollableTab = function ScrollableTab(_ref2) {
   }, /*#__PURE__*/React__default["default"].createElement(HeaderTabWrapper, {
     themeInsets: insets,
     style: barStyle
-  }, /*#__PURE__*/React__default["default"].createElement(ReactNative.FlatList, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.FlatList, {
     ref: flatListRef,
     horizontal: true,
     data: tabs,
@@ -16984,7 +15145,7 @@ var ScrollableTab = function ScrollableTab(_ref2) {
         color: active ? theme.__hd__.tabs.colors.active : theme.__hd__.tabs.colors.inactive,
         active: active
       });
-      return /*#__PURE__*/React__default["default"].createElement(ReactNative.TouchableWithoutFeedback, {
+      return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableWithoutFeedback, {
         key: key,
         onPress: function onPress() {
           var _pagerViewRef$current;
@@ -17063,14 +15224,14 @@ var Tabs = function Tabs(_ref2) {
       lazy = _ref2$lazy === void 0 ? false : _ref2$lazy,
       _ref2$lazyPreloadDist = _ref2.lazyPreloadDistance,
       lazyPreloadDistance = _ref2$lazyPreloadDist === void 0 ? 1 : _ref2$lazyPreloadDist;
-  var theme = useTheme();
+  var theme = useTheme$1();
   var insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   var pagerViewRef = React__default["default"].useRef(null);
   var selectedTabIndex = tabs.findIndex(function (item) {
     return item.key === selectedTabKey;
   });
-  var scrollOffsetAnimatedValue = React__default["default"].useRef(new ReactNative.Animated.Value(0)).current;
-  var positionAnimatedValue = React__default["default"].useRef(new ReactNative.Animated.Value(0)).current;
+  var scrollOffsetAnimatedValue = React__default["default"].useRef(new reactNative.Animated.Value(0)).current;
+  var positionAnimatedValue = React__default["default"].useRef(new reactNative.Animated.Value(0)).current;
 
   var _React$useState = React__default["default"].useState(0),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -17082,7 +15243,7 @@ var Tabs = function Tabs(_ref2) {
   }, /*#__PURE__*/React__default["default"].createElement(HeaderTabWrapper$1, {
     themeInsets: insets,
     style: barStyle
-  }, /*#__PURE__*/React__default["default"].createElement(ReactNative.View, null, /*#__PURE__*/React__default["default"].createElement(HeaderTab, {
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.View, null, /*#__PURE__*/React__default["default"].createElement(HeaderTab, {
     onLayout: function onLayout(e) {
       var width = e.nativeEvent.layout.width;
 
@@ -17104,7 +15265,7 @@ var Tabs = function Tabs(_ref2) {
       color: theme.__hd__.tabs.colors.text,
       active: active
     });
-    return /*#__PURE__*/React__default["default"].createElement(ReactNative.TouchableWithoutFeedback, {
+    return /*#__PURE__*/React__default["default"].createElement(reactNative.TouchableWithoutFeedback, {
       key: key,
       onPress: function onPress() {
         var _pagerViewRef$current;
@@ -17132,7 +15293,7 @@ var Tabs = function Tabs(_ref2) {
         onTabPress(selectedItem.key);
       }
     },
-    onPageScroll: ReactNative.Animated.event([{
+    onPageScroll: reactNative.Animated.event([{
       nativeEvent: {
         offset: scrollOffsetAnimatedValue,
         position: positionAnimatedValue
@@ -17167,7 +15328,7 @@ var BACKGROUND_INTENTS = {
   danger: 'dangerBackground',
   info: 'infoBackground'
 };
-var StyledView = index$2(ReactNative.View)(function (_ref) {
+var StyledView = index$2(reactNative.View)(function (_ref) {
   var themeIntent = _ref.themeIntent,
       theme = _ref.theme;
   return {
@@ -17179,7 +15340,7 @@ var StyledView = index$2(ReactNative.View)(function (_ref) {
     backgroundColor: theme.__hd__.tag.colors[BACKGROUND_INTENTS[themeIntent]]
   };
 });
-var StyledText = index$2(ReactNative.Text)(function (_ref2) {
+var StyledText = index$2(reactNative.Text)(function (_ref2) {
   var themeIntent = _ref2.themeIntent,
       theme = _ref2.theme;
   return {
@@ -17192,7 +15353,7 @@ var StyledText = index$2(ReactNative.Text)(function (_ref2) {
   };
 });
 
-var _excluded$1 = ["content", "intent", "style", "testID"];
+var _excluded = ["content", "intent", "style", "testID"];
 
 var Tag = function Tag(_ref) {
   var content = _ref.content,
@@ -17200,9 +15361,9 @@ var Tag = function Tag(_ref) {
       intent = _ref$intent === void 0 ? 'info' : _ref$intent,
       style = _ref.style,
       testID = _ref.testID,
-      nativeProps = _objectWithoutProperties$1(_ref, _excluded$1);
+      nativeProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React__default["default"].createElement(StyledView, _extends$3({}, nativeProps, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledView, _extends$1({}, nativeProps, {
     themeIntent: intent,
     style: style,
     testID: testID
@@ -17211,71 +15372,6 @@ var Tag = function Tag(_ref) {
   }, content));
 };
 
-var Container = index$2(ReactNative.View)(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    position: 'relative',
-    width: '100%',
-    borderWidth: theme.__hd__.textInput.borderWidths.container,
-    borderRadius: theme.__hd__.textInput.radii.container,
-    padding: theme.__hd__.textInput.space.containerPadding,
-    flexDirection: 'row',
-    alignItems: 'center'
-  };
-});
-var Label = index$2(Typography.Text)(function (_ref2) {
-  var theme = _ref2.theme;
-  return {
-    position: 'absolute',
-    left: theme.__hd__.textInput.space.labelLeft,
-    top: theme.__hd__.textInput.space.labelTop,
-    backgroundColor: theme.__hd__.textInput.colors.labelBackground,
-    zIndex: 1,
-    paddingHorizontal: theme.__hd__.textInput.space.labelHorizontalPadding
-  };
-});
-var Prefix = index$2(Icon)(function (_ref3) {
-  var theme = _ref3.theme;
-  return {
-    marginRight: theme.__hd__.textInput.space.prefixMarginRight
-  };
-});
-var StyledTextInput = index$2(ReactNative.TextInput)(function (_ref4) {
-  var theme = _ref4.theme;
-  return {
-    flex: 1,
-    fontSize: theme.__hd__.textInput.fontSizes.text
-  };
-});
-
-var _excluded = ["label", "prefix", "style", "testID", "accessibilityLabelledBy"];
-
-var TextInput = function TextInput(_ref) {
-  var label = _ref.label,
-      prefix = _ref.prefix,
-      style = _ref.style,
-      testID = _ref.testID,
-      accessibilityLabelledBy = _ref.accessibilityLabelledBy,
-      nativeProps = _objectWithoutProperties$1(_ref, _excluded);
-
-  return /*#__PURE__*/React__default["default"].createElement(Container, {
-    style: style,
-    testID: testID
-  }, label && /*#__PURE__*/React__default["default"].createElement(Label, {
-    nativeID: accessibilityLabelledBy,
-    testID: "input-label",
-    fontSize: "small"
-  }, label), prefix && /*#__PURE__*/React__default["default"].createElement(Prefix, {
-    testID: "input-prefix",
-    icon: prefix,
-    size: "xsmall"
-  }), /*#__PURE__*/React__default["default"].createElement(StyledTextInput, _extends$3({
-    testID: "text-input" // @ts-ignore
-    ,
-    accessibilityLabelledBy: accessibilityLabelledBy
-  }, nativeProps)));
-};
-
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge$1;
@@ -17292,7 +15388,9 @@ exports.Icon = Icon;
 exports.Progress = Progress;
 exports.Radio = CompoundRadio;
 exports.SectionHeading = SectionHeading;
+exports.Select = CompoundSelect;
 exports.Spinner = Spinner;
+exports.Switch = Switch;
 exports.Tabs = index;
 exports.Tag = Tag;
 exports.TextInput = TextInput;