@idea-fragments/react-components-zendesk 0.1.6 → 0.1.7

package/dist/styles.js

@@ -2,7 +2,11 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 
+require('react');
+
 var styledComponents = require('styled-components');
+
+var jsxRuntime = require('react/jsx-runtime');
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -3525,8 +3529,8 @@ var defineProperty$1 = function () {
   } catch (e) {}
 }();
 
-var _defineProperty = defineProperty$1;
-var defineProperty = _defineProperty;
+var _defineProperty$1 = defineProperty$1;
+var defineProperty = _defineProperty$1;
 /**
  * The base implementation of `assignValue` and `assignMergeValue` without
  * value checks.
@@ -5214,260 +5218,1970 @@ light2.styles = __assign(__assign({}, light2.styles), {
     shadow: "#00000014 0 6px 14px 0"
   })
 });
-var XXS = ".8rem";
-var XS = ".9rem";
-var SM = "1rem";
-var MD = "1.3rem";
-var LG = "1.7rem";
-var XL = "2.3rem";
-var XXL = "3.3rem"; // h1
-
-var XXXL = "4rem";
-var XXXXL = "5rem";
-var XXXXXL = "6rem";
-var THIN = "100";
-var LIGHT = "300";
-var REGULAR = "400";
-var MEDIUM = "500";
-var BOLD = "700";
-var BLACK = "800";
-var H1 = "h1";
-var H2 = "h2";
-var H3 = "h3";
-var H4 = "h4";
-var H5 = "h5";
-var H6 = "h6";
-var P = "p";
-var SPAN = "span";
-var DIV = "div";
-var FONT_TAGS = {
-  H1: H1,
-  H2: H2,
-  H3: H3,
-  H4: H4,
-  H5: H5,
-  H6: H6,
-  P: P,
-  SPAN: SPAN,
-  DIV: DIV
-};
-var FONT_SIZES = {
-  XXS: XXS,
-  XS: XS,
-  SM: SM,
-  MD: MD,
-  LG: LG,
-  XL: XL,
-  XXL: XXL,
-  XXXL: XXXL,
-  XXXXL: XXXXL,
-  XXXXXL: XXXXXL
+var propTypes = {
+  exports: {}
 };
-var FONT_SIZES_EM = Object.freeze({
-  XXS: XXS.replace("r", ""),
-  XS: XS.replace("r", ""),
-  SM: SM.replace("r", ""),
-  MD: MD.replace("r", ""),
-  LG: LG.replace("r", ""),
-  XL: XL.replace("r", ""),
-  XXL: XXL.replace("r", ""),
-  XXXL: XXXL.replace("r", ""),
-  XXXXL: XXXXL.replace("r", ""),
-  XXXXXL: XXXXXL.replace("r", "")
-});
-var FONT_WEIGHTS = {
-  THIN: THIN,
-  LIGHT: LIGHT,
-  REGULAR: REGULAR,
-  MEDIUM: MEDIUM,
-  BOLD: BOLD,
-  BLACK: BLACK
+var reactIs = {
+  exports: {}
 };
-var backgroundPrimaryWithText = styledComponents.css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  background: ", ";\n  color: ", ";\n"], ["\n  background: ", ";\n  color: ", ";\n"])), function (_a) {
-  var theme = _a.theme;
-  return theme.styles.colorPrimary;
-}, function (_a) {
-  var theme = _a.theme;
-  var _b = theme.styles,
-      getTextColorForBackground = _b.getTextColorForBackground,
-      colorPrimary = _b.colorPrimary;
-  return getTextColorForBackground({
-    color: colorPrimary,
-    theme: theme
-  });
-});
-var textColorForBackground = styledComponents.css(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (props) {
-  return props.theme.styles.getTextColorForBackground(props);
-});
-var textColorPrimary = styledComponents.css(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
-  var theme = _a.theme;
-  return theme.styles.textColorPrimary;
-});
-var textWithColor = styledComponents.css(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
-  var color = _a.color;
-  return color === COLORS.YELLOW ? darker(color) : color;
-});
-var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4$1; // @flow
+var reactIs_production_min = {};
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
-/* Size key name represents all devices with a pixel width up to the number
-specified */
+var hasRequiredReactIs_production_min;
+
+function requireReactIs_production_min() {
+  if (hasRequiredReactIs_production_min) return reactIs_production_min;
+  hasRequiredReactIs_production_min = 1;
+  var b = "function" === typeof Symbol && Symbol.for,
+      c = b ? Symbol.for("react.element") : 60103,
+      d = b ? Symbol.for("react.portal") : 60106,
+      e = b ? Symbol.for("react.fragment") : 60107,
+      f = b ? Symbol.for("react.strict_mode") : 60108,
+      g = b ? Symbol.for("react.profiler") : 60114,
+      h = b ? Symbol.for("react.provider") : 60109,
+      k = b ? Symbol.for("react.context") : 60110,
+      l = b ? Symbol.for("react.async_mode") : 60111,
+      m = b ? Symbol.for("react.concurrent_mode") : 60111,
+      n = b ? Symbol.for("react.forward_ref") : 60112,
+      p = b ? Symbol.for("react.suspense") : 60113,
+      q = b ? Symbol.for("react.suspense_list") : 60120,
+      r = b ? Symbol.for("react.memo") : 60115,
+      t = b ? Symbol.for("react.lazy") : 60116,
+      v = b ? Symbol.for("react.block") : 60121,
+      w = b ? Symbol.for("react.fundamental") : 60117,
+      x = b ? Symbol.for("react.responder") : 60118,
+      y = b ? Symbol.for("react.scope") : 60119;
+
+  function z(a) {
+    if ("object" === typeof a && null !== a) {
+      var u = a.$$typeof;
+
+      switch (u) {
+        case c:
+          switch (a = a.type, a) {
+            case l:
+            case m:
+            case e:
+            case g:
+            case f:
+            case p:
+              return a;
+
+            default:
+              switch (a = a && a.$$typeof, a) {
+                case k:
+                case n:
+                case t:
+                case r:
+                case h:
+                  return a;
+
+                default:
+                  return u;
+              }
 
-var REGULAR_SIZES = {
-  phoneSize: 575,
-  tabletSize: 767,
-  largeTabletSize: 991,
-  smallComputerSize: 1199
-};
-var WIDE_SIZES = {
-  phoneSize: 560,
-  tabletSize: 840,
-  largeTabletSize: 991,
-  smallComputerSize: 1350
-};
+          }
 
-var deviseSizes = function (wideLayout) {
-  if (wideLayout === void 0) {
-    wideLayout = false;
+        case d:
+          return u;
+      }
+    }
   }
 
-  return wideLayout ? WIDE_SIZES : REGULAR_SIZES;
-};
+  function A(a) {
+    return z(a) === m;
+  }
 
-var PHONE_SIZE = 560;
-var TABLET_SIZE = 840;
+  reactIs_production_min.AsyncMode = l;
+  reactIs_production_min.ConcurrentMode = m;
+  reactIs_production_min.ContextConsumer = k;
+  reactIs_production_min.ContextProvider = h;
+  reactIs_production_min.Element = c;
+  reactIs_production_min.ForwardRef = n;
+  reactIs_production_min.Fragment = e;
+  reactIs_production_min.Lazy = t;
+  reactIs_production_min.Memo = r;
+  reactIs_production_min.Portal = d;
+  reactIs_production_min.Profiler = g;
+  reactIs_production_min.StrictMode = f;
+  reactIs_production_min.Suspense = p;
+
+  reactIs_production_min.isAsyncMode = function (a) {
+    return A(a) || z(a) === l;
+  };
 
-var forPhones = function (styles) {
-  return "\n    @media screen and (max-width: ".concat(unit(PHONE_SIZE), ") {\n        ").concat(styles, "\n    }\n");
-};
+  reactIs_production_min.isConcurrentMode = A;
 
-var forTablets = function (styles) {
-  return "\n    @media screen and (max-width: ".concat(unit(TABLET_SIZE), ") {\n        ").concat(styles, "\n    }\n");
-};
+  reactIs_production_min.isContextConsumer = function (a) {
+    return z(a) === k;
+  };
 
-var mediaQueries = function (wideLayout) {
-  var _a = deviseSizes(wideLayout),
-      phoneSize = _a.phoneSize,
-      tabletSize = _a.tabletSize,
-      largeTabletSize = _a.largeTabletSize,
-      smallComputerSize = _a.smallComputerSize;
+  reactIs_production_min.isContextProvider = function (a) {
+    return z(a) === h;
+  };
 
-  return {
-    forPhones: function (styles) {
-      return styledComponents.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      @media screen and (max-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media screen and (max-width: ", ") {\n        ", "\n      }\n    "])), unit(phoneSize), styles);
-    },
-    forTablets: function (styles) {
-      return styledComponents.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      @media screen and (max-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media screen and (max-width: ", ") {\n        ", "\n      }\n    "])), unit(tabletSize), styles);
-    },
-    forTabletsAndUp: function (styles) {
-      return styledComponents.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "])), unit(phoneSize + 1), styles);
-    },
-    forLargeTabletsAndUp: function (styles) {
-      return styledComponents.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      @media (min-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media (min-width: ", ") {\n        ", "\n      }\n    "])), unit(tabletSize + 1), styles);
-    },
-    forSmallComputersAndUp: function (styles) {
-      return styledComponents.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "])), unit(largeTabletSize + 1), styles);
-    },
-    forLargeComputers: function (styles) {
-      return styledComponents.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "])), unit(smallComputerSize + 1), styles);
-    }
+  reactIs_production_min.isElement = function (a) {
+    return "object" === typeof a && null !== a && a.$$typeof === c;
   };
-};
 
-var rem = function (px) {
-  return "".concat(px / remSize(), "rem");
-};
+  reactIs_production_min.isForwardRef = function (a) {
+    return z(a) === n;
+  };
 
-var unit = function (px) {
-  return "".concat(px, "px");
-};
+  reactIs_production_min.isFragment = function (a) {
+    return z(a) === e;
+  };
 
-var remSize = function (e) {
-  if (e === void 0) {
-    e = document.documentElement;
-  }
+  reactIs_production_min.isLazy = function (a) {
+    return z(a) === t;
+  };
 
-  return Number(window.getComputedStyle(e, null).fontSize.replace(/[A-z]/g, ""));
-};
+  reactIs_production_min.isMemo = function (a) {
+    return z(a) === r;
+  };
 
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6; // @flow
+  reactIs_production_min.isPortal = function (a) {
+    return z(a) === d;
+  };
 
-function newIdGenerator() {
-  var id;
-  return __generator(this, function (_a) {
-    switch (_a.label) {
-      case 0:
-        id = 0;
-        _a.label = 1;
+  reactIs_production_min.isProfiler = function (a) {
+    return z(a) === g;
+  };
 
-      case 1:
-        return [4
-        /*yield*/
-        , id++];
+  reactIs_production_min.isStrictMode = function (a) {
+    return z(a) === f;
+  };
 
-      case 2:
-        _a.sent();
+  reactIs_production_min.isSuspense = function (a) {
+    return z(a) === p;
+  };
 
-        return [3
-        /*break*/
-        , 1];
+  reactIs_production_min.isValidElementType = function (a) {
+    return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
+  };
 
-      case 3:
-        return [2
-        /*return*/
-        ];
-    }
-  });
+  reactIs_production_min.typeOf = z;
+  return reactIs_production_min;
 }
 
-var nextId = function (generator) {
-  return generator.next().value;
-};
-
-var LEVEL_STYLES = {
-  info: "background: #499cc8; color: white;",
-  error: "background: #c14a4f; color: white;",
-  warn: "background: #e0a270; color: black;"
-};
+var reactIs_development = {};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 
-var Logger =
-/** @class */
-function () {
-  function Logger(moduleName) {
-    var _this = this;
+var hasRequiredReactIs_development;
+
+function requireReactIs_development() {
+  if (hasRequiredReactIs_development) return reactIs_development;
+  hasRequiredReactIs_development = 1;
+
+  if (process.env.NODE_ENV !== "production") {
+    (function () {
+      // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+      // nor polyfill, then a plain number is used for performance.
+      var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+      var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+      var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+      var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+      var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+      var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+      var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+      var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+      // (unstable) APIs that have been removed. Can we remove the symbols?
+
+      var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
+      var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+      var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+      var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+      var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
+      var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+      var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+      var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
+      var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+      var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+      var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
+
+      function isValidElementType(type) {
+        return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+        type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+      }
 
-    this.log = function (level) {
-      return function () {
-        var args = [];
+      function typeOf(object) {
+        if (typeof object === 'object' && object !== null) {
+          var $$typeof = object.$$typeof;
+
+          switch ($$typeof) {
+            case REACT_ELEMENT_TYPE:
+              var type = object.type;
+
+              switch (type) {
+                case REACT_ASYNC_MODE_TYPE:
+                case REACT_CONCURRENT_MODE_TYPE:
+                case REACT_FRAGMENT_TYPE:
+                case REACT_PROFILER_TYPE:
+                case REACT_STRICT_MODE_TYPE:
+                case REACT_SUSPENSE_TYPE:
+                  return type;
+
+                default:
+                  var $$typeofType = type && type.$$typeof;
+
+                  switch ($$typeofType) {
+                    case REACT_CONTEXT_TYPE:
+                    case REACT_FORWARD_REF_TYPE:
+                    case REACT_LAZY_TYPE:
+                    case REACT_MEMO_TYPE:
+                    case REACT_PROVIDER_TYPE:
+                      return $$typeofType;
+
+                    default:
+                      return $$typeof;
+                  }
+
+              }
+
+            case REACT_PORTAL_TYPE:
+              return $$typeof;
+          }
+        }
 
-        for (var _i = 0; _i < arguments.length; _i++) {
-          args[_i] = arguments[_i];
+        return undefined;
+      } // AsyncMode is deprecated along with isAsyncMode
+
+
+      var AsyncMode = REACT_ASYNC_MODE_TYPE;
+      var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+      var ContextConsumer = REACT_CONTEXT_TYPE;
+      var ContextProvider = REACT_PROVIDER_TYPE;
+      var Element = REACT_ELEMENT_TYPE;
+      var ForwardRef = REACT_FORWARD_REF_TYPE;
+      var Fragment = REACT_FRAGMENT_TYPE;
+      var Lazy = REACT_LAZY_TYPE;
+      var Memo = REACT_MEMO_TYPE;
+      var Portal = REACT_PORTAL_TYPE;
+      var Profiler = REACT_PROFILER_TYPE;
+      var StrictMode = REACT_STRICT_MODE_TYPE;
+      var Suspense = REACT_SUSPENSE_TYPE;
+      var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
+
+      function isAsyncMode(object) {
+        {
+          if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+            hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
+
+            console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
+          }
         }
+        return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+      }
 
-        if (typeof window === "undefined" || !window.DEBUG_MODULES.has(_this.moduleName)) return;
-        console[level].apply(console, __spreadArray(["%c".concat(_this.moduleName), "".concat(LEVEL_STYLES[level], " padding: 2px 6px;")], __read(args), false));
-      };
-    };
+      function isConcurrentMode(object) {
+        return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+      }
 
-    this.writeInfo = this.log("info");
-    this.writeError = this.log("error");
-    this.writeWarning = this.log("warn");
-    this.moduleName = moduleName;
-  }
+      function isContextConsumer(object) {
+        return typeOf(object) === REACT_CONTEXT_TYPE;
+      }
 
-  return Logger;
-}();
+      function isContextProvider(object) {
+        return typeOf(object) === REACT_PROVIDER_TYPE;
+      }
 
-if (typeof window !== "undefined") {
-  window.DEBUG_MODULES = new Set();
-}
+      function isElement(object) {
+        return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+      }
 
-var DEVICES = {
-  phone: 0,
-  tablet: 1,
-  largeTablet: 2,
-  smallComputer: 3,
-  largeComputer: 4
-};
+      function isForwardRef(object) {
+        return typeOf(object) === REACT_FORWARD_REF_TYPE;
+      }
+
+      function isFragment(object) {
+        return typeOf(object) === REACT_FRAGMENT_TYPE;
+      }
+
+      function isLazy(object) {
+        return typeOf(object) === REACT_LAZY_TYPE;
+      }
+
+      function isMemo(object) {
+        return typeOf(object) === REACT_MEMO_TYPE;
+      }
+
+      function isPortal(object) {
+        return typeOf(object) === REACT_PORTAL_TYPE;
+      }
+
+      function isProfiler(object) {
+        return typeOf(object) === REACT_PROFILER_TYPE;
+      }
+
+      function isStrictMode(object) {
+        return typeOf(object) === REACT_STRICT_MODE_TYPE;
+      }
+
+      function isSuspense(object) {
+        return typeOf(object) === REACT_SUSPENSE_TYPE;
+      }
+
+      reactIs_development.AsyncMode = AsyncMode;
+      reactIs_development.ConcurrentMode = ConcurrentMode;
+      reactIs_development.ContextConsumer = ContextConsumer;
+      reactIs_development.ContextProvider = ContextProvider;
+      reactIs_development.Element = Element;
+      reactIs_development.ForwardRef = ForwardRef;
+      reactIs_development.Fragment = Fragment;
+      reactIs_development.Lazy = Lazy;
+      reactIs_development.Memo = Memo;
+      reactIs_development.Portal = Portal;
+      reactIs_development.Profiler = Profiler;
+      reactIs_development.StrictMode = StrictMode;
+      reactIs_development.Suspense = Suspense;
+      reactIs_development.isAsyncMode = isAsyncMode;
+      reactIs_development.isConcurrentMode = isConcurrentMode;
+      reactIs_development.isContextConsumer = isContextConsumer;
+      reactIs_development.isContextProvider = isContextProvider;
+      reactIs_development.isElement = isElement;
+      reactIs_development.isForwardRef = isForwardRef;
+      reactIs_development.isFragment = isFragment;
+      reactIs_development.isLazy = isLazy;
+      reactIs_development.isMemo = isMemo;
+      reactIs_development.isPortal = isPortal;
+      reactIs_development.isProfiler = isProfiler;
+      reactIs_development.isStrictMode = isStrictMode;
+      reactIs_development.isSuspense = isSuspense;
+      reactIs_development.isValidElementType = isValidElementType;
+      reactIs_development.typeOf = typeOf;
+    })();
+  }
+
+  return reactIs_development;
+}
+
+var hasRequiredReactIs;
+
+function requireReactIs() {
+  if (hasRequiredReactIs) return reactIs.exports;
+  hasRequiredReactIs = 1;
+
+  (function (module) {
+    if (process.env.NODE_ENV === 'production') {
+      module.exports = requireReactIs_production_min();
+    } else {
+      module.exports = requireReactIs_development();
+    }
+  })(reactIs);
+
+  return reactIs.exports;
+}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+
+var objectAssign;
+var hasRequiredObjectAssign;
+
+function requireObjectAssign() {
+  if (hasRequiredObjectAssign) return objectAssign;
+  hasRequiredObjectAssign = 1;
+  /* eslint-disable no-unused-vars */
+
+  var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+  var hasOwnProperty = Object.prototype.hasOwnProperty;
+  var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+
+  function toObject(val) {
+    if (val === null || val === undefined) {
+      throw new TypeError('Object.assign cannot be called with null or undefined');
+    }
+
+    return Object(val);
+  }
+
+  function shouldUseNative() {
+    try {
+      if (!Object.assign) {
+        return false;
+      } // Detect buggy property enumeration order in older V8 versions.
+      // https://bugs.chromium.org/p/v8/issues/detail?id=4118
+
+
+      var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
+
+      test1[5] = 'de';
+
+      if (Object.getOwnPropertyNames(test1)[0] === '5') {
+        return false;
+      } // https://bugs.chromium.org/p/v8/issues/detail?id=3056
+
+
+      var test2 = {};
+
+      for (var i = 0; i < 10; i++) {
+        test2['_' + String.fromCharCode(i)] = i;
+      }
+
+      var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+        return test2[n];
+      });
+
+      if (order2.join('') !== '0123456789') {
+        return false;
+      } // https://bugs.chromium.org/p/v8/issues/detail?id=3056
+
+
+      var test3 = {};
+      'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+        test3[letter] = letter;
+      });
+
+      if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
+        return false;
+      }
+
+      return true;
+    } catch (err) {
+      // We don't expect any of the above to throw, but better to be safe.
+      return false;
+    }
+  }
+
+  objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
+    var from;
+    var to = toObject(target);
+    var symbols;
+
+    for (var s = 1; s < arguments.length; s++) {
+      from = Object(arguments[s]);
+
+      for (var key in from) {
+        if (hasOwnProperty.call(from, key)) {
+          to[key] = from[key];
+        }
+      }
+
+      if (getOwnPropertySymbols) {
+        symbols = getOwnPropertySymbols(from);
+
+        for (var i = 0; i < symbols.length; i++) {
+          if (propIsEnumerable.call(from, symbols[i])) {
+            to[symbols[i]] = from[symbols[i]];
+          }
+        }
+      }
+    }
+
+    return to;
+  };
+  return objectAssign;
+}
+/**
+ * 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;
+var hasRequiredReactPropTypesSecret;
+
+function requireReactPropTypesSecret() {
+  if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
+  hasRequiredReactPropTypesSecret = 1;
+  var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+  ReactPropTypesSecret_1 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1;
+}
+
+var has;
+var hasRequiredHas;
+
+function requireHas() {
+  if (hasRequiredHas) return has;
+  hasRequiredHas = 1;
+  has = Function.call.bind(Object.prototype.hasOwnProperty);
+  return has;
+}
+/**
+ * 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 checkPropTypes_1;
+var hasRequiredCheckPropTypes;
+
+function requireCheckPropTypes() {
+  if (hasRequiredCheckPropTypes) return checkPropTypes_1;
+  hasRequiredCheckPropTypes = 1;
+
+  var printWarning = function () {};
+
+  if (process.env.NODE_ENV !== 'production') {
+    var ReactPropTypesSecret = requireReactPropTypesSecret();
+    var loggedTypeFailures = {};
+    var has = requireHas();
+
+    printWarning = function (text) {
+      var message = 'Warning: ' + text;
+
+      if (typeof console !== 'undefined') {
+        console.error(message);
+      }
+
+      try {
+        // --- Welcome to debugging React ---
+        // This error was thrown as a convenience so that you can use this stack
+        // to find the callsite that caused this warning to fire.
+        throw new Error(message);
+      } catch (x) {
+        /**/
+      }
+    };
+  }
+  /**
+   * Assert that the values match with the type specs.
+   * Error messages are memorized and will only be shown once.
+   *
+   * @param {object} typeSpecs Map of name to a ReactPropType
+   * @param {object} values Runtime values that need to be type-checked
+   * @param {string} location e.g. "prop", "context", "child context"
+   * @param {string} componentName Name of the component for error messages.
+   * @param {?Function} getStack Returns the component stack.
+   * @private
+   */
+
+
+  function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+    if (process.env.NODE_ENV !== 'production') {
+      for (var typeSpecName in typeSpecs) {
+        if (has(typeSpecs, typeSpecName)) {
+          var error; // Prop type validation may throw. In case they do, we don't want to
+          // fail the render phase where it didn't fail before. So we log it.
+          // After these have been cleaned up, we'll let them throw.
+
+          try {
+            // This is intentionally an invariant that gets caught. It's the same
+            // behavior as without this statement except with a better message.
+            if (typeof typeSpecs[typeSpecName] !== 'function') {
+              var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
+              err.name = 'Invariant Violation';
+              throw err;
+            }
+
+            error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+          } catch (ex) {
+            error = ex;
+          }
+
+          if (error && !(error instanceof Error)) {
+            printWarning((componentName || 'React class') + ': type specification of ' + location + ' `' + typeSpecName + '` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a ' + typeof error + '. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).');
+          }
+
+          if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+            // Only monitor this failure once because there tends to be a lot of the
+            // same error.
+            loggedTypeFailures[error.message] = true;
+            var stack = getStack ? getStack() : '';
+            printWarning('Failed ' + location + ' type: ' + error.message + (stack != null ? stack : ''));
+          }
+        }
+      }
+    }
+  }
+  /**
+   * Resets warning cache when testing.
+   *
+   * @private
+   */
+
+
+  checkPropTypes.resetWarningCache = function () {
+    if (process.env.NODE_ENV !== 'production') {
+      loggedTypeFailures = {};
+    }
+  };
+
+  checkPropTypes_1 = checkPropTypes;
+  return checkPropTypes_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 factoryWithTypeCheckers;
+var hasRequiredFactoryWithTypeCheckers;
+
+function requireFactoryWithTypeCheckers() {
+  if (hasRequiredFactoryWithTypeCheckers) return factoryWithTypeCheckers;
+  hasRequiredFactoryWithTypeCheckers = 1;
+  var ReactIs = requireReactIs();
+  var assign = requireObjectAssign();
+  var ReactPropTypesSecret = requireReactPropTypesSecret();
+  var has = requireHas();
+  var checkPropTypes = requireCheckPropTypes();
+
+  var printWarning = function () {};
+
+  if (process.env.NODE_ENV !== 'production') {
+    printWarning = function (text) {
+      var message = 'Warning: ' + text;
+
+      if (typeof console !== 'undefined') {
+        console.error(message);
+      }
+
+      try {
+        // --- Welcome to debugging React ---
+        // This error was thrown as a convenience so that you can use this stack
+        // to find the callsite that caused this warning to fire.
+        throw new Error(message);
+      } catch (x) {}
+    };
+  }
+
+  function emptyFunctionThatReturnsNull() {
+    return null;
+  }
+
+  factoryWithTypeCheckers = function (isValidElement, throwOnDirectAccess) {
+    /* global Symbol */
+    var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+    var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
+
+    /**
+     * Returns the iterator method function contained on the iterable object.
+     *
+     * Be sure to invoke the function with the iterable as context:
+     *
+     *     var iteratorFn = getIteratorFn(myIterable);
+     *     if (iteratorFn) {
+     *       var iterator = iteratorFn.call(myIterable);
+     *       ...
+     *     }
+     *
+     * @param {?object} maybeIterable
+     * @return {?function}
+     */
+
+    function getIteratorFn(maybeIterable) {
+      var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+
+      if (typeof iteratorFn === 'function') {
+        return iteratorFn;
+      }
+    }
+    /**
+     * Collection of methods that allow declaration and validation of props that are
+     * supplied to React components. Example usage:
+     *
+     *   var Props = require('ReactPropTypes');
+     *   var MyArticle = React.createClass({
+     *     propTypes: {
+     *       // An optional string prop named "description".
+     *       description: Props.string,
+     *
+     *       // A required enum prop named "category".
+     *       category: Props.oneOf(['News','Photos']).isRequired,
+     *
+     *       // A prop named "dialog" that requires an instance of Dialog.
+     *       dialog: Props.instanceOf(Dialog).isRequired
+     *     },
+     *     render: function() { ... }
+     *   });
+     *
+     * A more formal specification of how these methods are used:
+     *
+     *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
+     *   decl := ReactPropTypes.{type}(.isRequired)?
+     *
+     * Each and every declaration produces a function with the same signature. This
+     * allows the creation of custom validation functions. For example:
+     *
+     *  var MyLink = React.createClass({
+     *    propTypes: {
+     *      // An optional string or URI prop named "href".
+     *      href: function(props, propName, componentName) {
+     *        var propValue = props[propName];
+     *        if (propValue != null && typeof propValue !== 'string' &&
+     *            !(propValue instanceof URI)) {
+     *          return new Error(
+     *            'Expected a string or an URI for ' + propName + ' in ' +
+     *            componentName
+     *          );
+     *        }
+     *      }
+     *    },
+     *    render: function() {...}
+     *  });
+     *
+     * @internal
+     */
+
+
+    var ANONYMOUS = '<<anonymous>>'; // Important!
+    // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
+
+    var ReactPropTypes = {
+      array: createPrimitiveTypeChecker('array'),
+      bigint: createPrimitiveTypeChecker('bigint'),
+      bool: createPrimitiveTypeChecker('boolean'),
+      func: createPrimitiveTypeChecker('function'),
+      number: createPrimitiveTypeChecker('number'),
+      object: createPrimitiveTypeChecker('object'),
+      string: createPrimitiveTypeChecker('string'),
+      symbol: createPrimitiveTypeChecker('symbol'),
+      any: createAnyTypeChecker(),
+      arrayOf: createArrayOfTypeChecker,
+      element: createElementTypeChecker(),
+      elementType: createElementTypeTypeChecker(),
+      instanceOf: createInstanceTypeChecker,
+      node: createNodeChecker(),
+      objectOf: createObjectOfTypeChecker,
+      oneOf: createEnumTypeChecker,
+      oneOfType: createUnionTypeChecker,
+      shape: createShapeTypeChecker,
+      exact: createStrictShapeTypeChecker
+    };
+    /**
+     * inlined Object.is polyfill to avoid requiring consumers ship their own
+     * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+     */
+
+    /*eslint-disable no-self-compare*/
+
+    function is(x, y) {
+      // SameValue algorithm
+      if (x === y) {
+        // Steps 1-5, 7-10
+        // Steps 6.b-6.e: +0 != -0
+        return x !== 0 || 1 / x === 1 / y;
+      } else {
+        // Step 6.a: NaN == NaN
+        return x !== x && y !== y;
+      }
+    }
+    /*eslint-enable no-self-compare*/
+
+    /**
+     * We use an Error-like object for backward compatibility as people may call
+     * PropTypes directly and inspect their output. However, we don't use real
+     * Errors anymore. We don't inspect their stack anyway, and creating them
+     * is prohibitively expensive if they are created too often, such as what
+     * happens in oneOfType() for any type before the one that matched.
+     */
+
+
+    function PropTypeError(message, data) {
+      this.message = message;
+      this.data = data && typeof data === 'object' ? data : {};
+      this.stack = '';
+    } // Make `instanceof Error` still work for returned errors.
+
+
+    PropTypeError.prototype = Error.prototype;
+
+    function createChainableTypeChecker(validate) {
+      if (process.env.NODE_ENV !== 'production') {
+        var manualPropTypeCallCache = {};
+        var manualPropTypeWarningCount = 0;
+      }
+
+      function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+        componentName = componentName || ANONYMOUS;
+        propFullName = propFullName || propName;
+
+        if (secret !== ReactPropTypesSecret) {
+          if (throwOnDirectAccess) {
+            // New behavior only for users of `prop-types` package
+            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;
+          } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
+            // Old behavior for people using React.PropTypes
+            var cacheKey = componentName + ':' + propName;
+
+            if (!manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors
+            manualPropTypeWarningCount < 3) {
+              printWarning('You are manually calling a React.PropTypes validation ' + 'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.');
+              manualPropTypeCallCache[cacheKey] = true;
+              manualPropTypeWarningCount++;
+            }
+          }
+        }
+
+        if (props[propName] == null) {
+          if (isRequired) {
+            if (props[propName] === null) {
+              return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
+            }
+
+            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
+          }
+
+          return null;
+        } else {
+          return validate(props, propName, componentName, location, propFullName);
+        }
+      }
+
+      var chainedCheckType = checkType.bind(null, false);
+      chainedCheckType.isRequired = checkType.bind(null, true);
+      return chainedCheckType;
+    }
+
+    function createPrimitiveTypeChecker(expectedType) {
+      function validate(props, propName, componentName, location, propFullName, secret) {
+        var propValue = props[propName];
+        var propType = getPropType(propValue);
+
+        if (propType !== expectedType) {
+          // `propValue` being instance of, say, date/regexp, pass the 'object'
+          // check, but we can offer a more precise error message here rather than
+          // 'of type `object`'.
+          var preciseType = getPreciseType(propValue);
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'), {
+            expectedType: expectedType
+          });
+        }
+
+        return null;
+      }
+
+      return createChainableTypeChecker(validate);
+    }
+
+    function createAnyTypeChecker() {
+      return createChainableTypeChecker(emptyFunctionThatReturnsNull);
+    }
+
+    function createArrayOfTypeChecker(typeChecker) {
+      function validate(props, propName, componentName, location, propFullName) {
+        if (typeof typeChecker !== 'function') {
+          return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
+        }
+
+        var propValue = props[propName];
+
+        if (!Array.isArray(propValue)) {
+          var propType = getPropType(propValue);
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
+        }
+
+        for (var i = 0; i < propValue.length; i++) {
+          var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
+
+          if (error instanceof Error) {
+            return error;
+          }
+        }
+
+        return null;
+      }
+
+      return createChainableTypeChecker(validate);
+    }
+
+    function createElementTypeChecker() {
+      function validate(props, propName, componentName, location, propFullName) {
+        var propValue = props[propName];
+
+        if (!isValidElement(propValue)) {
+          var propType = getPropType(propValue);
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
+        }
+
+        return null;
+      }
+
+      return createChainableTypeChecker(validate);
+    }
+
+    function createElementTypeTypeChecker() {
+      function validate(props, propName, componentName, location, propFullName) {
+        var propValue = props[propName];
+
+        if (!ReactIs.isValidElementType(propValue)) {
+          var propType = getPropType(propValue);
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
+        }
+
+        return null;
+      }
+
+      return createChainableTypeChecker(validate);
+    }
+
+    function createInstanceTypeChecker(expectedClass) {
+      function validate(props, propName, componentName, location, propFullName) {
+        if (!(props[propName] instanceof expectedClass)) {
+          var expectedClassName = expectedClass.name || ANONYMOUS;
+          var actualClassName = getClassName(props[propName]);
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
+        }
+
+        return null;
+      }
+
+      return createChainableTypeChecker(validate);
+    }
+
+    function createEnumTypeChecker(expectedValues) {
+      if (!Array.isArray(expectedValues)) {
+        if (process.env.NODE_ENV !== 'production') {
+          if (arguments.length > 1) {
+            printWarning('Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' + 'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).');
+          } else {
+            printWarning('Invalid argument supplied to oneOf, expected an array.');
+          }
+        }
+
+        return emptyFunctionThatReturnsNull;
+      }
+
+      function validate(props, propName, componentName, location, propFullName) {
+        var propValue = props[propName];
+
+        for (var i = 0; i < expectedValues.length; i++) {
+          if (is(propValue, expectedValues[i])) {
+            return null;
+          }
+        }
+
+        var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
+          var type = getPreciseType(value);
+
+          if (type === 'symbol') {
+            return String(value);
+          }
+
+          return value;
+        });
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
+      }
+
+      return createChainableTypeChecker(validate);
+    }
+
+    function createObjectOfTypeChecker(typeChecker) {
+      function validate(props, propName, componentName, location, propFullName) {
+        if (typeof typeChecker !== 'function') {
+          return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
+        }
+
+        var propValue = props[propName];
+        var propType = getPropType(propValue);
+
+        if (propType !== 'object') {
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
+        }
+
+        for (var key in propValue) {
+          if (has(propValue, key)) {
+            var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+
+            if (error instanceof Error) {
+              return error;
+            }
+          }
+        }
+
+        return null;
+      }
+
+      return createChainableTypeChecker(validate);
+    }
+
+    function createUnionTypeChecker(arrayOfTypeCheckers) {
+      if (!Array.isArray(arrayOfTypeCheckers)) {
+        process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
+        return emptyFunctionThatReturnsNull;
+      }
+
+      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+        var checker = arrayOfTypeCheckers[i];
+
+        if (typeof checker !== 'function') {
+          printWarning('Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.');
+          return emptyFunctionThatReturnsNull;
+        }
+      }
+
+      function validate(props, propName, componentName, location, propFullName) {
+        var expectedTypes = [];
+
+        for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+          var checker = arrayOfTypeCheckers[i];
+          var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
+
+          if (checkerResult == null) {
+            return null;
+          }
+
+          if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
+            expectedTypes.push(checkerResult.data.expectedType);
+          }
+        }
+
+        var expectedTypesMessage = expectedTypes.length > 0 ? ', expected one of type [' + expectedTypes.join(', ') + ']' : '';
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
+      }
+
+      return createChainableTypeChecker(validate);
+    }
+
+    function createNodeChecker() {
+      function validate(props, propName, componentName, location, propFullName) {
+        if (!isNode(props[propName])) {
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+        }
+
+        return null;
+      }
+
+      return createChainableTypeChecker(validate);
+    }
+
+    function invalidValidatorError(componentName, location, propFullName, key, type) {
+      return new PropTypeError((componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + type + '`.');
+    }
+
+    function createShapeTypeChecker(shapeTypes) {
+      function validate(props, propName, componentName, location, propFullName) {
+        var propValue = props[propName];
+        var propType = getPropType(propValue);
+
+        if (propType !== 'object') {
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+        }
+
+        for (var key in shapeTypes) {
+          var checker = shapeTypes[key];
+
+          if (typeof checker !== 'function') {
+            return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+          }
+
+          var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+
+          if (error) {
+            return error;
+          }
+        }
+
+        return null;
+      }
+
+      return createChainableTypeChecker(validate);
+    }
+
+    function createStrictShapeTypeChecker(shapeTypes) {
+      function validate(props, propName, componentName, location, propFullName) {
+        var propValue = props[propName];
+        var propType = getPropType(propValue);
+
+        if (propType !== 'object') {
+          return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+        } // We need to check all keys in case some are required but missing from props.
+
+
+        var allKeys = assign({}, props[propName], shapeTypes);
+
+        for (var key in allKeys) {
+          var checker = shapeTypes[key];
+
+          if (has(shapeTypes, key) && typeof checker !== 'function') {
+            return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+          }
+
+          if (!checker) {
+            return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' + '\nBad object: ' + JSON.stringify(props[propName], null, '  ') + '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  '));
+          }
+
+          var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+
+          if (error) {
+            return error;
+          }
+        }
+
+        return null;
+      }
+
+      return createChainableTypeChecker(validate);
+    }
+
+    function isNode(propValue) {
+      switch (typeof propValue) {
+        case 'number':
+        case 'string':
+        case 'undefined':
+          return true;
+
+        case 'boolean':
+          return !propValue;
+
+        case 'object':
+          if (Array.isArray(propValue)) {
+            return propValue.every(isNode);
+          }
+
+          if (propValue === null || isValidElement(propValue)) {
+            return true;
+          }
+
+          var iteratorFn = getIteratorFn(propValue);
+
+          if (iteratorFn) {
+            var iterator = iteratorFn.call(propValue);
+            var step;
+
+            if (iteratorFn !== propValue.entries) {
+              while (!(step = iterator.next()).done) {
+                if (!isNode(step.value)) {
+                  return false;
+                }
+              }
+            } else {
+              // Iterator will provide entry [k,v] tuples rather than values.
+              while (!(step = iterator.next()).done) {
+                var entry = step.value;
+
+                if (entry) {
+                  if (!isNode(entry[1])) {
+                    return false;
+                  }
+                }
+              }
+            }
+          } else {
+            return false;
+          }
+
+          return true;
+
+        default:
+          return false;
+      }
+    }
+
+    function isSymbol(propType, propValue) {
+      // Native Symbol.
+      if (propType === 'symbol') {
+        return true;
+      } // falsy value can't be a Symbol
+
+
+      if (!propValue) {
+        return false;
+      } // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
+
+
+      if (propValue['@@toStringTag'] === 'Symbol') {
+        return true;
+      } // Fallback for non-spec compliant Symbols which are polyfilled.
+
+
+      if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+        return true;
+      }
+
+      return false;
+    } // Equivalent of `typeof` but with special handling for array and regexp.
+
+
+    function getPropType(propValue) {
+      var propType = typeof propValue;
+
+      if (Array.isArray(propValue)) {
+        return 'array';
+      }
+
+      if (propValue instanceof RegExp) {
+        // Old webkits (at least until Android 4.0) return 'function' rather than
+        // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
+        // passes PropTypes.object.
+        return 'object';
+      }
+
+      if (isSymbol(propType, propValue)) {
+        return 'symbol';
+      }
+
+      return propType;
+    } // This handles more types than `getPropType`. Only used for error messages.
+    // See `createPrimitiveTypeChecker`.
+
+
+    function getPreciseType(propValue) {
+      if (typeof propValue === 'undefined' || propValue === null) {
+        return '' + propValue;
+      }
+
+      var propType = getPropType(propValue);
+
+      if (propType === 'object') {
+        if (propValue instanceof Date) {
+          return 'date';
+        } else if (propValue instanceof RegExp) {
+          return 'regexp';
+        }
+      }
+
+      return propType;
+    } // Returns a string that is postfixed to a warning about an invalid type.
+    // For example, "undefined" or "of type array"
+
+
+    function getPostfixForTypeWarning(value) {
+      var type = getPreciseType(value);
+
+      switch (type) {
+        case 'array':
+        case 'object':
+          return 'an ' + type;
+
+        case 'boolean':
+        case 'date':
+        case 'regexp':
+          return 'a ' + type;
+
+        default:
+          return type;
+      }
+    } // Returns class name of the object, if any.
+
+
+    function getClassName(propValue) {
+      if (!propValue.constructor || !propValue.constructor.name) {
+        return ANONYMOUS;
+      }
+
+      return propValue.constructor.name;
+    }
+
+    ReactPropTypes.checkPropTypes = checkPropTypes;
+    ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
+    ReactPropTypes.PropTypes = ReactPropTypes;
+    return ReactPropTypes;
+  };
+
+  return factoryWithTypeCheckers;
+}
+/**
+ * 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 factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+
+function requireFactoryWithThrowingShims() {
+  if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
+  hasRequiredFactoryWithThrowingShims = 1;
+  var ReactPropTypesSecret = requireReactPropTypesSecret();
+
+  function emptyFunction() {}
+
+  function emptyFunctionWithReset() {}
+
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+
+  factoryWithThrowingShims = function () {
+    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;
+    } // Important!
+    // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+
+
+    var ReactPropTypes = {
+      array: shim,
+      bigint: 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;
+  };
+
+  return factoryWithThrowingShims;
+}
+/**
+ * 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.
+ */
+
+
+if (process.env.NODE_ENV !== 'production') {
+  var ReactIs = requireReactIs(); // By explicitly using `prop-types` you are opting into new development behavior.
+  // http://fb.me/prop-types-in-prod
+
+  var throwOnDirectAccess = true;
+  propTypes.exports = requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
+} else {
+  // By explicitly using `prop-types` you are opting into new production behavior.
+  // http://fb.me/prop-types-in-prod
+  propTypes.exports = requireFactoryWithThrowingShims()();
+}
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+
+
+({
+  children: propTypes.exports.func,
+  render: propTypes.exports.func,
+  relativeDocument: propTypes.exports.object,
+  className: propTypes.exports.string,
+  dataAttribute: propTypes.exports.string
+});
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+
+var DocumentPosition;
+
+(function (DocumentPosition) {
+  DocumentPosition[DocumentPosition["DISCONNECTED"] = 1] = "DISCONNECTED";
+  DocumentPosition[DocumentPosition["PRECEDING"] = 2] = "PRECEDING";
+  DocumentPosition[DocumentPosition["FOLLOWING"] = 4] = "FOLLOWING";
+  DocumentPosition[DocumentPosition["CONTAINS"] = 8] = "CONTAINS";
+  DocumentPosition[DocumentPosition["CONTAINED_BY"] = 16] = "CONTAINED_BY";
+  DocumentPosition[DocumentPosition["IMPLEMENTATION_SPECIFIC"] = 32] = "IMPLEMENTATION_SPECIFIC";
+})(DocumentPosition || (DocumentPosition = {}));
+
+var ContainerOrientation;
+
+(function (ContainerOrientation) {
+  ContainerOrientation["HORIZONTAL"] = "horizontal";
+  ContainerOrientation["VERTICAL"] = "vertical";
+})(ContainerOrientation || (ContainerOrientation = {}));
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+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(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));
+    });
+  }
+
+  return target;
+}
+
+function _defineProperty(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 PALETTE = {
+  black: '#000',
+  white: '#fff',
+  product: {
+    support: '#00a656',
+    message: '#37b8af',
+    explore: '#30aabc',
+    gather: '#f6c8be',
+    guide: '#ff6224',
+    connect: '#ff6224',
+    chat: '#f79a3e',
+    talk: '#efc93d',
+    sell: '#c38f00'
+  },
+  grey: {
+    100: '#f8f9f9',
+    200: '#e9ebed',
+    300: '#d8dcde',
+    400: '#c2c8cc',
+    500: '#87929d',
+    600: '#68737d',
+    700: '#49545c',
+    800: '#2f3941'
+  },
+  blue: {
+    100: '#edf7ff',
+    200: '#cee2f2',
+    300: '#adcce4',
+    400: '#5293c7',
+    500: '#337fbd',
+    600: '#1f73b7',
+    700: '#144a75',
+    800: '#0f3554'
+  },
+  red: {
+    100: '#fff0f1',
+    200: '#f5d5d8',
+    300: '#f5b5ba',
+    400: '#e35b66',
+    500: '#d93f4c',
+    600: '#cc3340',
+    700: '#8c232c',
+    800: '#681219'
+  },
+  yellow: {
+    100: '#fff7ed',
+    200: '#ffeedb',
+    300: '#fed6a8',
+    400: '#ffb057',
+    500: '#f79a3e',
+    600: '#ed8f1c',
+    700: '#ad5918',
+    800: '#703815'
+  },
+  green: {
+    100: '#edf8f4',
+    200: '#d1e8df',
+    300: '#aecfc2',
+    400: '#5eae91',
+    500: '#228f67',
+    600: '#038153',
+    700: '#186146',
+    800: '#0b3b29'
+  },
+  kale: {
+    100: '#f5fcfc',
+    200: '#daeded',
+    300: '#bdd9d7',
+    400: '#90bbbb',
+    500: '#467b7c',
+    600: '#17494d',
+    700: '#03363d',
+    800: '#012b30'
+  },
+  fuschia: {
+    400: '#d653c2',
+    600: '#a81897',
+    M400: '#cf62a8',
+    M600: '#a8458c'
+  },
+  pink: {
+    400: '#ec4d63',
+    600: '#d42054',
+    M400: '#d57287',
+    M600: '#b23a5d'
+  },
+  crimson: {
+    400: '#e34f32',
+    600: '#c72a1c',
+    M400: '#cc6c5b',
+    M600: '#b24a3c'
+  },
+  orange: {
+    400: '#de701d',
+    600: '#bf5000',
+    M400: '#d4772c',
+    M600: '#b35827'
+  },
+  lemon: {
+    400: '#ffd424',
+    600: '#ffbb10',
+    M400: '#e7a500',
+    M600: '#c38f00'
+  },
+  lime: {
+    400: '#43b324',
+    600: '#2e8200',
+    M400: '#519e2d',
+    M600: '#47782c'
+  },
+  mint: {
+    400: '#00a656',
+    600: '#058541',
+    M400: '#299c66',
+    M600: '#2e8057'
+  },
+  teal: {
+    400: '#02a191',
+    600: '#028079',
+    M400: '#2d9e8f',
+    M600: '#3c7873'
+  },
+  azure: {
+    400: '#3091ec',
+    600: '#1371d6',
+    M400: '#5f8dcf',
+    M600: '#3a70b2'
+  },
+  royal: {
+    400: '#5d7df5',
+    600: '#3353e2',
+    M400: '#7986d8',
+    M600: '#4b61c3'
+  },
+  purple: {
+    400: '#b552e2',
+    600: '#6a27b8',
+    M400: '#b072cc',
+    M600: '#9358b0'
+  }
+};
+var BASE = 4;
+var borderRadii = {
+  sm: "".concat(BASE / 2, "px"),
+  md: "".concat(BASE, "px")
+};
+var borderStyles = {
+  solid: 'solid'
+};
+var borderWidths = {
+  sm: '1px',
+  md: '3px'
+};
+var borders = {
+  sm: "".concat(borderWidths.sm, " ").concat(borderStyles.solid),
+  md: "".concat(borderWidths.md, " ").concat(borderStyles.solid)
+};
+var breakpoints = {
+  xs: '0px',
+  sm: "".concat(BASE * 144, "px"),
+  md: "".concat(BASE * 192, "px"),
+  lg: "".concat(BASE * 248, "px"),
+  xl: "".concat(BASE * 300, "px")
+};
+var colors = {
+  background: PALETTE.white,
+  foreground: PALETTE.grey[800],
+  primaryHue: 'blue',
+  dangerHue: 'red',
+  warningHue: 'yellow',
+  successHue: 'green',
+  neutralHue: 'grey',
+  chromeHue: 'kale'
+};
+var fonts = {
+  mono: ['SFMono-Regular', 'Consolas', '"Liberation Mono"', 'Menlo', 'Courier', 'monospace'].join(','),
+  system: ['system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', '"Helvetica Neue"', 'Arial', 'sans-serif'].join(',')
+};
+var fontSizes = {
+  xs: '10px',
+  sm: '12px',
+  md: '14px',
+  lg: '18px',
+  xl: '22px',
+  xxl: '26px',
+  xxxl: '36px'
+};
+var fontWeights = {
+  thin: 100,
+  extralight: 200,
+  light: 300,
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700,
+  extrabold: 800,
+  black: 900
+};
+var iconSizes = {
+  sm: '12px',
+  md: '16px',
+  lg: '26px'
+};
+var lineHeights = {
+  sm: "".concat(BASE * 4, "px"),
+  md: "".concat(BASE * 5, "px"),
+  lg: "".concat(BASE * 6, "px"),
+  xl: "".concat(BASE * 7, "px"),
+  xxl: "".concat(BASE * 8, "px"),
+  xxxl: "".concat(BASE * 11, "px")
+};
+
+var palette = _objectSpread2({}, PALETTE);
+
+delete palette.product;
+var shadowWidths = {
+  sm: '2px',
+  md: '3px'
+};
+var shadows = {
+  sm: function sm(color) {
+    return "0 0 0 ".concat(shadowWidths.sm, " ").concat(color);
+  },
+  md: function md(color) {
+    return "0 0 0 ".concat(shadowWidths.md, " ").concat(color);
+  },
+  lg: function lg(offsetY, blurRadius, color) {
+    return "0 ".concat(offsetY, " ").concat(blurRadius, " 0 ").concat(color);
+  }
+};
+var space = {
+  base: BASE,
+  xxs: "".concat(BASE, "px"),
+  xs: "".concat(BASE * 2, "px"),
+  sm: "".concat(BASE * 3, "px"),
+  md: "".concat(BASE * 5, "px"),
+  lg: "".concat(BASE * 8, "px"),
+  xl: "".concat(BASE * 10, "px"),
+  xxl: "".concat(BASE * 12, "px")
+};
+var DEFAULT_THEME = {
+  borders: borders,
+  borderRadii: borderRadii,
+  borderStyles: borderStyles,
+  borderWidths: borderWidths,
+  breakpoints: breakpoints,
+  colors: _objectSpread2({
+    base: 'light'
+  }, colors),
+  components: {},
+  fonts: fonts,
+  fontSizes: fontSizes,
+  fontWeights: fontWeights,
+  iconSizes: iconSizes,
+  lineHeights: lineHeights,
+  palette: palette,
+  rtl: false,
+  shadowWidths: shadowWidths,
+  shadows: shadows,
+  space: space
+};
+var XXS = ".8rem";
+var XS = ".9rem";
+var SM = "1rem";
+var MD = "1.3rem";
+var LG = "1.7rem";
+var XL = "2.3rem";
+var XXL = "3.3rem"; // h1
+
+var XXXL = "4rem";
+var XXXXL = "5rem";
+var XXXXXL = "6rem";
+var THIN = "100";
+var LIGHT = "300";
+var REGULAR = "400";
+var MEDIUM = "500";
+var BOLD = "700";
+var BLACK = "800";
+var H1 = "h1";
+var H2 = "h2";
+var H3 = "h3";
+var H4 = "h4";
+var H5 = "h5";
+var H6 = "h6";
+var P = "p";
+var SPAN = "span";
+var DIV = "div";
+var FONT_TAGS = {
+  H1: H1,
+  H2: H2,
+  H3: H3,
+  H4: H4,
+  H5: H5,
+  H6: H6,
+  P: P,
+  SPAN: SPAN,
+  DIV: DIV
+};
+var FONT_SIZES = {
+  XXS: XXS,
+  XS: XS,
+  SM: SM,
+  MD: MD,
+  LG: LG,
+  XL: XL,
+  XXL: XXL,
+  XXXL: XXXL,
+  XXXXL: XXXXL,
+  XXXXXL: XXXXXL
+};
+var FONT_SIZES_EM = Object.freeze({
+  XXS: XXS.replace("r", ""),
+  XS: XS.replace("r", ""),
+  SM: SM.replace("r", ""),
+  MD: MD.replace("r", ""),
+  LG: LG.replace("r", ""),
+  XL: XL.replace("r", ""),
+  XXL: XXL.replace("r", ""),
+  XXXL: XXXL.replace("r", ""),
+  XXXXL: XXXXL.replace("r", ""),
+  XXXXXL: XXXXXL.replace("r", "")
+});
+var FONT_WEIGHTS = {
+  THIN: THIN,
+  LIGHT: LIGHT,
+  REGULAR: REGULAR,
+  MEDIUM: MEDIUM,
+  BOLD: BOLD,
+  BLACK: BLACK
+};
+var backgroundPrimaryWithText = styledComponents.css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  background: ", ";\n  color: ", ";\n"], ["\n  background: ", ";\n  color: ", ";\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.styles.colorPrimary;
+}, function (_a) {
+  var theme = _a.theme;
+  var _b = theme.styles,
+      getTextColorForBackground = _b.getTextColorForBackground,
+      colorPrimary = _b.colorPrimary;
+  return getTextColorForBackground({
+    color: colorPrimary,
+    theme: theme
+  });
+});
+var textColorForBackground = styledComponents.css(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (props) {
+  return props.theme.styles.getTextColorForBackground(props);
+});
+var textColorPrimary = styledComponents.css(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+  var theme = _a.theme;
+  return theme.styles.textColorPrimary;
+});
+var textWithColor = styledComponents.css(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+  var color = _a.color;
+  return color === COLORS.YELLOW ? darker(color) : color;
+});
+var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4$1; // @flow
+
+/* Size key name represents all devices with a pixel width up to the number
+specified */
+
+var REGULAR_SIZES = {
+  phoneSize: 575,
+  tabletSize: 767,
+  largeTabletSize: 991,
+  smallComputerSize: 1199
+};
+var WIDE_SIZES = {
+  phoneSize: 560,
+  tabletSize: 840,
+  largeTabletSize: 991,
+  smallComputerSize: 1350
+};
+
+var deviseSizes = function (wideLayout) {
+  if (wideLayout === void 0) {
+    wideLayout = false;
+  }
+
+  return wideLayout ? WIDE_SIZES : REGULAR_SIZES;
+};
+
+var PHONE_SIZE = 560;
+var TABLET_SIZE = 840;
+
+var forPhones = function (styles) {
+  return "\n    @media screen and (max-width: ".concat(unit(PHONE_SIZE), ") {\n        ").concat(styles, "\n    }\n");
+};
+
+var forTablets = function (styles) {
+  return "\n    @media screen and (max-width: ".concat(unit(TABLET_SIZE), ") {\n        ").concat(styles, "\n    }\n");
+};
+
+var mediaQueries = function (wideLayout) {
+  var _a = deviseSizes(wideLayout),
+      phoneSize = _a.phoneSize,
+      tabletSize = _a.tabletSize,
+      largeTabletSize = _a.largeTabletSize,
+      smallComputerSize = _a.smallComputerSize;
+
+  return {
+    forPhones: function (styles) {
+      return styledComponents.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      @media screen and (max-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media screen and (max-width: ", ") {\n        ", "\n      }\n    "])), unit(phoneSize), styles);
+    },
+    forTablets: function (styles) {
+      return styledComponents.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      @media screen and (max-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media screen and (max-width: ", ") {\n        ", "\n      }\n    "])), unit(tabletSize), styles);
+    },
+    forTabletsAndUp: function (styles) {
+      return styledComponents.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "])), unit(phoneSize + 1), styles);
+    },
+    forLargeTabletsAndUp: function (styles) {
+      return styledComponents.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      @media (min-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media (min-width: ", ") {\n        ", "\n      }\n    "])), unit(tabletSize + 1), styles);
+    },
+    forSmallComputersAndUp: function (styles) {
+      return styledComponents.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "])), unit(largeTabletSize + 1), styles);
+    },
+    forLargeComputers: function (styles) {
+      return styledComponents.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "], ["\n      @media screen and (min-width: ", ") {\n        ", "\n      }\n    "])), unit(smallComputerSize + 1), styles);
+    }
+  };
+};
+
+var rem = function (px) {
+  return "".concat(px / remSize(), "rem");
+};
+
+var unit = function (px) {
+  return "".concat(px, "px");
+};
+
+var remSize = function (e) {
+  if (e === void 0) {
+    e = document.documentElement;
+  }
+
+  return Number(window.getComputedStyle(e, null).fontSize.replace(/[A-z]/g, ""));
+};
+
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6; // @flow
+
+function newIdGenerator() {
+  var id;
+  return __generator(this, function (_a) {
+    switch (_a.label) {
+      case 0:
+        id = 0;
+        _a.label = 1;
+
+      case 1:
+        return [4
+        /*yield*/
+        , id++];
+
+      case 2:
+        _a.sent();
+
+        return [3
+        /*break*/
+        , 1];
+
+      case 3:
+        return [2
+        /*return*/
+        ];
+    }
+  });
+}
+
+var nextId = function (generator) {
+  return generator.next().value;
+};
+
+var LEVEL_STYLES = {
+  info: "background: #499cc8; color: white;",
+  error: "background: #c14a4f; color: white;",
+  warn: "background: #e0a270; color: black;"
+};
+
+var Logger =
+/** @class */
+function () {
+  function Logger(moduleName) {
+    var _this = this;
+
+    this.log = function (level) {
+      return function () {
+        var args = [];
+
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+
+        if (typeof window === "undefined" || !window.DEBUG_MODULES.has(_this.moduleName)) return;
+        console[level].apply(console, __spreadArray(["%c".concat(_this.moduleName), "".concat(LEVEL_STYLES[level], " padding: 2px 6px;")], __read(args), false));
+      };
+    };
+
+    this.writeInfo = this.log("info");
+    this.writeError = this.log("error");
+    this.writeWarning = this.log("warn");
+    this.moduleName = moduleName;
+  }
+
+  return Logger;
+}();
+
+if (typeof window !== "undefined") {
+  window.DEBUG_MODULES = new Set();
+}
+
+var DEVICES = {
+  phone: 0,
+  tablet: 1,
+  largeTablet: 2,
+  smallComputer: 3,
+  largeComputer: 4
+};
 
 var deviceQueries = function (isSkinnyLayout) {
   var _a;
@@ -5585,13 +7299,77 @@ function () {
 }();
 
 var deviceSizeWatcher = new DeviceSizeWatcher();
+const GlobalStyle = styledComponents.createGlobalStyle`
+  @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&family=Karla:wght@200;400;500;600;700&display=swap');
+
+  html {
+    font-family: Karla,
+    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+    font-size: 14px;
+
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    //scroll-behavior: smooth;
+
+    *::selection {
+      background: ${({
+  theme
+}) => theme.styles.colorPrimary};
+      color: ${({
+  theme
+}) => theme.styles.getTextColorForBackground({
+  color: theme.styles.colorPrimary,
+  theme
+})};
+    }
+  }
+
+  body {
+    margin: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    color: ${({
+  theme
+}) => theme.styles.textColorPrimary};
+  }
+
+  *, *:before, *:after {
+    font-family: inherit;
+    -webkit-box-sizing: inherit;
+    -moz-box-sizing: inherit;
+    box-sizing: inherit;
+    outline: none;
+  }
+`;
+
+var ThemeProvider = function (_a) {
+  var children = _a.children,
+      theme = _a.theme;
+  return jsxRuntime.jsxs(styledComponents.ThemeProvider, __assign({
+    theme: __assign(__assign(__assign({}, DEFAULT_THEME), theme), {
+      zendeskThemeKeys: Object.keys(DEFAULT_THEME)
+    })
+  }, {
+    children: [jsxRuntime.jsx(GlobalStyle, {}), children]
+  }));
+};
+
 const THEMES = {
   light,
   light2,
-  dark
-}; // export * from "styles/theme/ThemeProvider"
+  dark,
+  ZENDESK_DEFAULT_THEME__: DEFAULT_THEME,
+  __ZENDESK_DEFAULT_THEME__: DEFAULT_THEME,
+  ZENDESK_DEFAULT_THEME: DEFAULT_THEME,
+  __my_other_crap: 324,
+  _mymycrap: 333
+}; // export const ThemeProvider = Provider
 
-const ThemeProvider = styledComponents.ThemeProvider;
 exports.COLORS = COLORS;
 exports.FONT_SIZES = FONT_SIZES;
 exports.FONT_SIZES_EM = FONT_SIZES_EM;