@abgov/react-components 3.4.0-beta.8 → 4.0.0-alpha.2

package/experimental/react-components.umd.js

@@ -1,1738 +1,8 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('classnames')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'classnames'], factory) :
-  (global = global || self, factory(global.ReactComponents = {}, global.React, global.classnames));
-}(this, (function (exports, React, classnames) { 'use strict';
+(function (factory) {
+	typeof define === 'function' && define.amd ? define(factory) :
+	factory();
+})((function () { 'use strict';
 
-  var React__default = 'default' in React ? React['default'] : React;
-  classnames = classnames && classnames.hasOwnProperty('default') ? classnames['default'] : classnames;
 
-  function styleInject(css, ref) {
-    if ( ref === void 0 ) ref = {};
-    var insertAt = ref.insertAt;
 
-    if (!css || typeof document === 'undefined') { return; }
-
-    var head = document.head || document.getElementsByTagName('head')[0];
-    var style = document.createElement('style');
-    style.type = 'text/css';
-
-    if (insertAt === 'top') {
-      if (head.firstChild) {
-        head.insertBefore(style, head.firstChild);
-      } else {
-        head.appendChild(style);
-      }
-    } else {
-      head.appendChild(style);
-    }
-
-    if (style.styleSheet) {
-      style.styleSheet.cssText = css;
-    } else {
-      style.appendChild(document.createTextNode(css));
-    }
-  }
-
-  var css_248z = "/* Palette */\n/* Semantic usages */\n.goa-badge-icon {\n  margin-left: 4px;\n  margin-right: 0px;\n  position: relative;\n  top: -5px;\n  height: 14px;\n  width: 14px;\n  font-size: 14px !important; }\n\n.badge-module_goa-badge__3F6Ve {\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 400 !important; }\n\n.badge-module_goa-badge__3F6Ve {\n  display: inline-block;\n  border-radius: 4px;\n  padding-top: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  height: 20px; }\n  .badge-module_goa-badge__3F6Ve * {\n    margin-left: 4px;\n    margin-right: 4px; }\n  .badge-module_goa-badge__3F6Ve .badge-module_goa-badge-content__3UN-3 {\n    position: relative;\n    top: -5px;\n    height: 14px;\n    display: inline; }\n  .badge-module_goa-badge__3F6Ve mat-icon {\n    margin-left: 4px;\n    margin-right: 4px;\n    position: relative;\n    top: -3px;\n    height: 14px;\n    width: 14px;\n    font-size: 14px !important; }\n\n.badge-module_goa-badge__3F6Ve.badge-module_badge-information__2r_Eq {\n  background-color: #0070c4;\n  color: #fff; }\n\n.badge-module_goa-badge__3F6Ve.badge-module_badge-success__18wcm {\n  background-color: #00853f;\n  color: #fff; }\n\n.badge-module_goa-badge__3F6Ve.badge-module_badge-warning__20BNM {\n  background-color: #feba35;\n  color: #333; }\n\n.badge-module_goa-badge__3F6Ve.badge-module_badge-emergency__E4mHn {\n  background-color: #ec040b;\n  color: #fff; }\n\n.badge-module_goa-badge__3F6Ve.badge-module_badge-dark__1thw- {\n  background-color: #0070c4;\n  color: #fff; }\n\n.badge-module_goa-badge__3F6Ve.badge-module_badge-midtone__1Gt4T {\n  background-color: #767676;\n  color: #fff; }\n\n.badge-module_goa-badge__3F6Ve.badge-module_badge-light__B8ZMt {\n  background-color: #fff;\n  color: #333; }\n\n.badge-module_goa-badge__3F6Ve.badge-module_badge-inactive__35PEw {\n  background-color: #fff;\n  color: #333; }\n";
-  var styles = {"goa-badge":"badge-module_goa-badge__3F6Ve","goa-badge-content":"badge-module_goa-badge-content__3UN-3","badge-information":"badge-module_badge-information__2r_Eq","badge-success":"badge-module_badge-success__18wcm","badge-warning":"badge-module_badge-warning__20BNM","badge-emergency":"badge-module_badge-emergency__E4mHn","badge-dark":"badge-module_badge-dark__1thw-","badge-midtone":"badge-module_badge-midtone__1Gt4T","badge-light":"badge-module_badge-light__B8ZMt","badge-inactive":"badge-module_badge-inactive__35PEw"};
-  styleInject(css_248z);
-
-  var GoABadge = function GoABadge(_ref) {
-    var type = _ref.type,
-        content = _ref.content,
-        icon = _ref.icon;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: classnames(styles['goa-badge'], styles["badge-".concat(type)])
-    }, icon, /*#__PURE__*/React__default.createElement("span", {
-      className: classnames(styles['goa-badge-content'])
-    }, content));
-  };
-  GoABadge.defaultProps = {
-    type: 'information'
-  };
-
-  function createCommonjsModule(fn, module) {
-  	return module = { exports: {} }, fn(module, module.exports), module.exports;
-  }
-
-  /** @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.
-   */
-  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}}case d:return u}}}function A(a){return z(a)===m}var AsyncMode=l;var ConcurrentMode=m;var ContextConsumer=k;var ContextProvider=h;var Element=c;var ForwardRef=n;var Fragment=e;var Lazy=t;var Memo=r;var Portal=d;
-  var Profiler=g;var StrictMode=f;var Suspense=p;var isAsyncMode=function(a){return A(a)||z(a)===l};var isConcurrentMode=A;var isContextConsumer=function(a){return z(a)===k};var isContextProvider=function(a){return z(a)===h};var isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};var isForwardRef=function(a){return z(a)===n};var isFragment=function(a){return z(a)===e};var isLazy=function(a){return z(a)===t};
-  var isMemo=function(a){return z(a)===r};var isPortal=function(a){return z(a)===d};var isProfiler=function(a){return z(a)===g};var isStrictMode=function(a){return z(a)===f};var isSuspense=function(a){return z(a)===p};
-  var 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)};var typeOf=z;
-
-  var reactIs_production_min = {
-  	AsyncMode: AsyncMode,
-  	ConcurrentMode: ConcurrentMode,
-  	ContextConsumer: ContextConsumer,
-  	ContextProvider: ContextProvider,
-  	Element: Element,
-  	ForwardRef: ForwardRef,
-  	Fragment: Fragment,
-  	Lazy: Lazy,
-  	Memo: Memo,
-  	Portal: Portal,
-  	Profiler: Profiler,
-  	StrictMode: StrictMode,
-  	Suspense: Suspense,
-  	isAsyncMode: isAsyncMode,
-  	isConcurrentMode: isConcurrentMode,
-  	isContextConsumer: isContextConsumer,
-  	isContextProvider: isContextProvider,
-  	isElement: isElement,
-  	isForwardRef: isForwardRef,
-  	isFragment: isFragment,
-  	isLazy: isLazy,
-  	isMemo: isMemo,
-  	isPortal: isPortal,
-  	isProfiler: isProfiler,
-  	isStrictMode: isStrictMode,
-  	isSuspense: isSuspense,
-  	isValidElementType: isValidElementType,
-  	typeOf: typeOf
-  };
-
-  var reactIs_development = createCommonjsModule(function (module, exports) {
-
-
-
-  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);
-  }
-
-  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;
-      }
-    }
-
-    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;
-  }
-  function isConcurrentMode(object) {
-    return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
-  }
-  function isContextConsumer(object) {
-    return typeOf(object) === REACT_CONTEXT_TYPE;
-  }
-  function isContextProvider(object) {
-    return typeOf(object) === REACT_PROVIDER_TYPE;
-  }
-  function isElement(object) {
-    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-  }
-  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;
-  }
-
-  exports.AsyncMode = AsyncMode;
-  exports.ConcurrentMode = ConcurrentMode;
-  exports.ContextConsumer = ContextConsumer;
-  exports.ContextProvider = ContextProvider;
-  exports.Element = Element;
-  exports.ForwardRef = ForwardRef;
-  exports.Fragment = Fragment;
-  exports.Lazy = Lazy;
-  exports.Memo = Memo;
-  exports.Portal = Portal;
-  exports.Profiler = Profiler;
-  exports.StrictMode = StrictMode;
-  exports.Suspense = Suspense;
-  exports.isAsyncMode = isAsyncMode;
-  exports.isConcurrentMode = isConcurrentMode;
-  exports.isContextConsumer = isContextConsumer;
-  exports.isContextProvider = isContextProvider;
-  exports.isElement = isElement;
-  exports.isForwardRef = isForwardRef;
-  exports.isFragment = isFragment;
-  exports.isLazy = isLazy;
-  exports.isMemo = isMemo;
-  exports.isPortal = isPortal;
-  exports.isProfiler = isProfiler;
-  exports.isStrictMode = isStrictMode;
-  exports.isSuspense = isSuspense;
-  exports.isValidElementType = isValidElementType;
-  exports.typeOf = typeOf;
-    })();
-  }
-  });
-  var reactIs_development_1 = reactIs_development.AsyncMode;
-  var reactIs_development_2 = reactIs_development.ConcurrentMode;
-  var reactIs_development_3 = reactIs_development.ContextConsumer;
-  var reactIs_development_4 = reactIs_development.ContextProvider;
-  var reactIs_development_5 = reactIs_development.Element;
-  var reactIs_development_6 = reactIs_development.ForwardRef;
-  var reactIs_development_7 = reactIs_development.Fragment;
-  var reactIs_development_8 = reactIs_development.Lazy;
-  var reactIs_development_9 = reactIs_development.Memo;
-  var reactIs_development_10 = reactIs_development.Portal;
-  var reactIs_development_11 = reactIs_development.Profiler;
-  var reactIs_development_12 = reactIs_development.StrictMode;
-  var reactIs_development_13 = reactIs_development.Suspense;
-  var reactIs_development_14 = reactIs_development.isAsyncMode;
-  var reactIs_development_15 = reactIs_development.isConcurrentMode;
-  var reactIs_development_16 = reactIs_development.isContextConsumer;
-  var reactIs_development_17 = reactIs_development.isContextProvider;
-  var reactIs_development_18 = reactIs_development.isElement;
-  var reactIs_development_19 = reactIs_development.isForwardRef;
-  var reactIs_development_20 = reactIs_development.isFragment;
-  var reactIs_development_21 = reactIs_development.isLazy;
-  var reactIs_development_22 = reactIs_development.isMemo;
-  var reactIs_development_23 = reactIs_development.isPortal;
-  var reactIs_development_24 = reactIs_development.isProfiler;
-  var reactIs_development_25 = reactIs_development.isStrictMode;
-  var reactIs_development_26 = reactIs_development.isSuspense;
-  var reactIs_development_27 = reactIs_development.isValidElementType;
-  var reactIs_development_28 = reactIs_development.typeOf;
-
-  var reactIs = createCommonjsModule(function (module) {
-
-  if (process.env.NODE_ENV === 'production') {
-    module.exports = reactIs_production_min;
-  } else {
-    module.exports = reactIs_development;
-  }
-  });
-
-  /*
-  object-assign
-  (c) Sindre Sorhus
-  @license MIT
-  */
-  /* 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;
-  	}
-  }
-
-  var 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;
-  };
-
-  /**
-   * 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 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
-  var ReactPropTypesSecret_1 = ReactPropTypesSecret;
-
-  var printWarning = function() {};
-
-  if (process.env.NODE_ENV !== 'production') {
-    var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
-    var loggedTypeFailures = {};
-    var has = Function.call.bind(Object.prototype.hasOwnProperty);
-
-    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] + '`.'
-              );
-              err.name = 'Invariant Violation';
-              throw err;
-            }
-            error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret$1);
-          } 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 = {};
-    }
-  };
-
-  var checkPropTypes_1 = checkPropTypes;
-
-  var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
-  var printWarning$1 = function() {};
-
-  if (process.env.NODE_ENV !== 'production') {
-    printWarning$1 = 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;
-  }
-
-  var 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'),
-      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) {
-      this.message = message;
-      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_1) {
-          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$1(
-                '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 + '`.'));
-        }
-        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_1);
-          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$1(
-              '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$1('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$1(propValue, key)) {
-            var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
-            if (error instanceof Error) {
-              return error;
-            }
-          }
-        }
-        return null;
-      }
-      return createChainableTypeChecker(validate);
-    }
-
-    function createUnionTypeChecker(arrayOfTypeCheckers) {
-      if (!Array.isArray(arrayOfTypeCheckers)) {
-        process.env.NODE_ENV !== 'production' ? printWarning$1('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$1(
-            '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) {
-        for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-          var checker = arrayOfTypeCheckers[i];
-          if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1) == null) {
-            return null;
-          }
-        }
-
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
-      }
-      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 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 (!checker) {
-            continue;
-          }
-          var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
-          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 = objectAssign({}, props[propName], shapeTypes);
-        for (var key in allKeys) {
-          var checker = shapeTypes[key];
-          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_1);
-          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_1;
-    ReactPropTypes.resetWarningCache = checkPropTypes_1.resetWarningCache;
-    ReactPropTypes.PropTypes = ReactPropTypes;
-
-    return ReactPropTypes;
-  };
-
-  function emptyFunction() {}
-  function emptyFunctionWithReset() {}
-  emptyFunctionWithReset.resetWarningCache = emptyFunction;
-
-  var factoryWithThrowingShims = function() {
-    function shim(props, propName, componentName, location, propFullName, secret) {
-      if (secret === ReactPropTypesSecret_1) {
-        // 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,
-      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;
-  };
-
-  var propTypes = createCommonjsModule(function (module) {
-  /**
-   * 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 = reactIs;
-
-    // By explicitly using `prop-types` you are opting into new development behavior.
-    // http://fb.me/prop-types-in-prod
-    var throwOnDirectAccess = true;
-    module.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
-  } else {
-    // By explicitly using `prop-types` you are opting into new production behavior.
-    // http://fb.me/prop-types-in-prod
-    module.exports = factoryWithThrowingShims();
-  }
-  });
-
-  var css_248z$1 = "/* Palette */\n/* Semantic usages */\n/* Palette */\n/* Semantic usages */\n.svg {\n  max-width: 100px; }\n\n.svg--small {\n  max-width: 65px; }\n\n@-webkit-keyframes circle-animation {\n  0% {\n    stroke-dashoffset: 75;\n    transform: rotate(0); }\n  100% {\n    stroke-dashoffset: 75;\n    transform: rotate(360deg); } }\n\n@keyframes circle-animation {\n  0% {\n    stroke-dashoffset: 75;\n    transform: rotate(0); }\n  100% {\n    stroke-dashoffset: 75;\n    transform: rotate(360deg); } }\n\n.base-circle {\n  display: block;\n  fill: transparent;\n  stroke: #c8eef9;\n  stroke-width: 7px; }\n\n.progress-circle, .progress-circle--infinite {\n  display: block;\n  fill: transparent;\n  stroke: #0070c4;\n  stroke-linecap: round;\n  stroke-dasharray: 283;\n  stroke-dashoffset: 280;\n  stroke-width: 7px;\n  transform-origin: 50% 50%; }\n  .progress-circle--infinite {\n    -webkit-animation: circle-animation 1.2s linear infinite;\n            animation: circle-animation 1.2s linear infinite; }\n\n.progress-message, .progress-message--large, .progress-message--small {\n  font-style: normal;\n  font-weight: normal; }\n  .progress-message--large {\n    margin-top: 32px;\n    font-size: 24px;\n    color: #000; }\n  .progress-message--small {\n    margin-top: 18px;\n    font-size: 18px;\n    color: #000; }\n\n.progress-container, .progress-container--small, .progress-container--large {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: white; }\n  .progress-container--large {\n    width: 100%;\n    height: 100%; }\n\n@-webkit-keyframes rotate {\n  100% {\n    transform: rotate(360deg); } }\n\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg); } }\n\n.circular-loader {\n  -webkit-animation: rotate 1s linear infinite;\n          animation: rotate 1s linear infinite; }\n";
-  styleInject(css_248z$1);
-
-  var GoAElementLoader = function GoAElementLoader(_ref) {
-    var _ref$visible = _ref.visible,
-        visible = _ref$visible === void 0 ? false : _ref$visible,
-        _ref$baseColour = _ref.baseColour,
-        baseColour = _ref$baseColour === void 0 ? '#c8eef9' : _ref$baseColour,
-        _ref$spinnerColour = _ref.spinnerColour,
-        spinnerColour = _ref$spinnerColour === void 0 ? '#0070c4' : _ref$spinnerColour,
-        _ref$size = _ref.size,
-        size = _ref$size === void 0 ? 25 : _ref$size;
-    var radius = size;
-    var diameter = radius * 2;
-
-    var boxView = function boxView() {
-      return "0 0 ".concat(diameter, " ").concat(diameter);
-    };
-    /**
-     * Generates the value for an SVG arc.
-     * @param current       Current value.
-     * @param total         Maximum value.
-     * @param pathRadius    Radius of the SVG path.
-     * @param elementRadius Radius of the SVG container.
-     * @param isSemicircle  Whether the element should be a semicircle.
-     */
-
-
-    function getArc(current, total, pathRadius, elementRadius) {
-      var isSemicircle = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-      var value = Math.max(0, Math.min(current || 0, total));
-      var maxAngle = isSemicircle ? 180 : 359.9999;
-      var percentage = total === 0 ? maxAngle : value / total * maxAngle;
-
-      var start = _polarToCartesian(elementRadius, pathRadius, percentage);
-
-      var end = _polarToCartesian(elementRadius, pathRadius, 0);
-
-      var arcSweep = percentage <= 180 ? 0 : 1;
-      return "M ".concat(start, " A ").concat(pathRadius, " ").concat(pathRadius, " 0 ").concat(arcSweep, " 0 ").concat(end);
-    }
-
-    var DEGREE_IN_RADIANS = Math.PI / 180;
-    /**
-     * Converts polar cooradinates to Cartesian.
-     * @param elementRadius  Radius of the wrapper element.
-     * @param pathRadius     Radius of the path being described.
-     * @param angleInDegrees Degree to be converted.
-     */
-
-    function _polarToCartesian(elementRadius, pathRadius, angleInDegrees) {
-      var angleInRadians = (angleInDegrees - 90) * DEGREE_IN_RADIANS;
-      var x = elementRadius + pathRadius * Math.cos(angleInRadians);
-      var y = elementRadius + pathRadius * Math.sin(angleInRadians);
-      return x + ' ' + y;
-    }
-
-    return visible && /*#__PURE__*/React__default.createElement("svg", {
-      className: "circular-loader",
-      fill: "none",
-      viewBox: boxView(),
-      width: "".concat(size),
-      height: "".concat(size),
-      xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/React__default.createElement("circle", {
-      cx: "".concat(radius),
-      cy: "".concat(radius),
-      stroke: "".concat(baseColour),
-      strokeWidth: "7",
-      r: "".concat(radius - 7 / 2)
-    }), /*#__PURE__*/React__default.createElement("path", {
-      d: getArc(75, 100, radius - 7 / 2, radius, false),
-      strokeWidth: "7",
-      stroke: "".concat(spinnerColour),
-      strokeLinecap: "round"
-    }));
-  };
-  GoAElementLoader.propTypes = {
-    visible: propTypes.bool,
-    baseColour: propTypes.string,
-    spinnerColour: propTypes.string,
-    size: propTypes.number
-  };
-
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-  }
-
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-
-  function _iterableToArrayLimit(arr, i) {
-    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _e = undefined;
-
-    try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-    return arr2;
-  }
-
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var css_248z$2 = "/* Palette */\n/* Semantic usages */\n.goa-input {\n  position: relative; }\n\n.goa-input-error-message {\n  font-size: var(--fs-sm);\n  font-weight: 300;\n  color: red;\n  margin: 0; }\n\n.goa-input-help-text-message {\n  font-size: var(--fs-sm);\n  font-weight: 200;\n  color: #333;\n  margin: 0; }\n\n.goa-input-field {\n  border: 1px solid #666666;\n  border-radius: 4px; }\n\n.goa-input-field-error {\n  border: 1px solid #ec040b;\n  border-radius: 4px; }\n\n.goa-input-highlight-error {\n  border: 4px solid #ec040b;\n  border-radius: 4px; }\n";
-  styleInject(css_248z$2);
-
-  var GoAInput = function GoAInput(_ref) {
-    var _ref$validate = _ref.validate,
-        validate = _ref$validate === void 0 ? null : _ref$validate,
-        _ref$name = _ref.name,
-        name = _ref$name === void 0 ? '' : _ref$name,
-        _ref$type = _ref.type,
-        type = _ref$type === void 0 ? '' : _ref$type,
-        _ref$message = _ref.message,
-        message = _ref$message === void 0 ? '' : _ref$message,
-        _ref$required = _ref.required,
-        required = _ref$required === void 0 ? false : _ref$required,
-        _ref$helpText = _ref.helpText,
-        helpText = _ref$helpText === void 0 ? '' : _ref$helpText,
-        _ref$multiLine = _ref.multiLine,
-        multiLine = _ref$multiLine === void 0 ? false : _ref$multiLine,
-        _ref$navigator = _ref.navigator,
-        navigator = _ref$navigator === void 0 ? false : _ref$navigator,
-        onChange = _ref.onChange;
-
-    var _useState = React.useState(true),
-        _useState2 = _slicedToArray(_useState, 2),
-        valid = _useState2[0],
-        setValid = _useState2[1];
-
-    var _useState3 = React.useState(''),
-        _useState4 = _slicedToArray(_useState3, 2),
-        value = _useState4[0],
-        setValue = _useState4[1];
-
-    var handleInput = function handleInput(e) {
-      var value = e.target.value;
-      setValue(value);
-
-      if (validate) {
-        setValid(validate(value));
-      }
-
-      onChange(value);
-    };
-
-    var inputFieldClass = !message ? 'goa-input-field' : !navigator ? 'goa-input-field-error' : 'goa-input-highlight-error';
-    return /*#__PURE__*/React__default.createElement("div", null, multiLine ? /*#__PURE__*/React__default.createElement("textarea", {
-      placeholder: name,
-      onChange: handleInput,
-      className: inputFieldClass
-    }, value) : /*#__PURE__*/React__default.createElement("input", {
-      type: type,
-      required: required,
-      name: name,
-      value: value,
-      onChange: handleInput,
-      className: inputFieldClass,
-      placeholder: name
-    }), message && /*#__PURE__*/React__default.createElement("p", {
-      className: "goa-input-error-message"
-    }, message), helpText && /*#__PURE__*/React__default.createElement("p", {
-      className: "goa-input-help-text-message"
-    }, helpText));
-  };
-  GoAInput.propTypes = {
-    validate: propTypes.func,
-    name: propTypes.string,
-    type: propTypes.string,
-    message: propTypes.string,
-    required: propTypes.bool,
-    helpText: propTypes.string,
-    multiLine: propTypes.bool,
-    navigator: propTypes.bool,
-    onChange: propTypes.func
-  };
-
-  var css_248z$3 = ".goa-scrollable {\n  overflow: hidden;\n  height: 100%;\n}\n\n.goa-scrollable > div::-webkit-scrollbar {\n  width: 6px;\n}\n\n.goa-scrollable > div::-webkit-scrollbar-track {\n  background: #f1f1f1;\n}\n\n.goa-scrollable > div::-webkit-scrollbar-thumb {\n  background: #888;\n}\n\n.goa-scrollable > div::-webkit-scrollbar-thumb:hover {\n  background: #555;\n}\n";
-  styleInject(css_248z$3);
-
-  var GoAScrollable = function GoAScrollable(_ref) {
-    var vertical = _ref.vertical,
-        horizontal = _ref.horizontal,
-        hPadding = _ref.hPadding,
-        vPadding = _ref.vPadding,
-        height = _ref.height,
-        children = _ref.children,
-        testId = _ref.testId;
-    var style = {
-      overflowY: vertical ? 'auto' : 'hidden',
-      overflowX: horizontal ? 'auto' : 'hidden',
-      height: height !== null && height !== void 0 ? height : '100%',
-      padding: "".concat(vPadding !== null && vPadding !== void 0 ? vPadding : 0, "rem ").concat(hPadding !== null && hPadding !== void 0 ? hPadding : 0, "rem")
-    };
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "goa-scrollable"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      style: style,
-      "data-testid": testId
-    }, children));
-  };
-
-  var css_248z$4 = "/* Root ============================================================================== */\n\n.modal-root {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 100vw;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n}\n\n/* Modal ============================================================================== */\n\n.modal {\n  position: relative;\n  background: #fff;\n  transition: opacity 150ms ease-in;\n  z-index: 1002;\n}\n\n@media (max-width: 639px) {\n  .modal {\n    width: 100vw;\n    height: 100vh;\n  }\n}\n\n@media (min-width: 640px) {\n  .modal {\n    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2);\n    border-radius: 4px;\n    margin: 1rem;\n    max-height: 80vh;\n    width: 600px;\n  }\n}\n@media (min-width: 1024px) {\n  .modal {\n    width: 65ch;\n  }\n}\n\n/* Modal Content ============================================================================== */\n\n.modal-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n/* Modal Actions ============================================================================== */\n\n.modal-actions {\n  text-align: right;\n  margin: 1rem;\n}\n\n@media (max-width: 639px) {\n  .modal-actions button + button {\n    margin-top: 0.5rem;\n  }\n  .modal-actions button {\n    display: block;\n    width: 100%;\n  }\n}\n\n@media (min-width: 640px) {\n  .modal-actions > button {\n    margin-right: 0;\n  }\n  .modal-actions > button + button {\n    margin-left: 0.5rem;\n  }\n}\n\n/* Modal Title ============================================================================ */\n\n.modal-title {\n  font-size: var(--fs-xl);\n  padding: 1rem;\n  margin-right: 40px; /*  close icon spacing */\n}\n\n/* Modal Background ======================================================================= */\n\n.modal-background {\n  position: fixed;\n  inset: 0;\n  opacity: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1001;\n  transition: opacity 100ms ease-in;\n}\n";
-  styleInject(css_248z$4);
-
-  var css_248z$5 = ".icon-circular {\n  padding: 0.5rem;\n  top: 0.5rem;\n  right: 0.5rem;\n  position: absolute;\n  cursor: pointer;\n  height: 1.5rem;\n  width: 1.5rem;\n  border-radius: 999px;\n  transition: background 200ms ease-in;\n}\n\n.icon-circular:hover {\n  background: rgba(0, 0, 0, 0.1);\n}\n";
-  styleInject(css_248z$5);
-
-  var Icons = {
-    close: /*#__PURE__*/React__default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 512 512"
-    }, /*#__PURE__*/React__default.createElement("title", null, "Close"), /*#__PURE__*/React__default.createElement("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "32",
-      d: "M368 368L144 144M368 144L144 368"
-    }))
-  };
-  function GoAIcon(_ref) {
-    var type = _ref.type,
-        _ref$variant = _ref.variant,
-        variant = _ref$variant === void 0 ? 'goa' : _ref$variant,
-        onClick = _ref.onClick,
-        _ref$size = _ref.size,
-        size = _ref$size === void 0 ? 'small' : _ref$size;
-    var pxSize = getSize(size);
-    var styles = {
-      width: "".concat(pxSize, "px"),
-      height: "".concat(pxSize, "px")
-    };
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "icon-".concat(variant),
-      style: styles,
-      "data-testid": "icon-".concat(type),
-      onClick: onClick
-    }, Icons[type]);
-  }
-
-  function getSize(size) {
-    switch (size) {
-      case 'small':
-        return 24;
-
-      case 'medium':
-        return 32;
-
-      case 'large':
-        return 48;
-    }
-  }
-
-  var GoAModal = function GoAModal(_ref) {
-    var children = _ref.children,
-        isOpen = _ref.isOpen,
-        onClose = _ref.onClose,
-        testId = _ref.testId,
-        backgroundTestId = _ref.backgroundTestId;
-
-    var _useState = React.useState('init'),
-        _useState2 = _slicedToArray(_useState, 2),
-        state = _useState2[0],
-        setState = _useState2[1];
-
-    var _useState3 = React.useState(false),
-        _useState4 = _slicedToArray(_useState3, 2),
-        visible = _useState4[0],
-        setVisible = _useState4[1];
-
-    React.useEffect(function () {
-      if (isOpen) {
-        show();
-      }
-
-      if (!isOpen && state === 'visible') {
-        hide();
-      }
-    }, [isOpen, state]);
-
-    function show() {
-      setVisible(true); // need to perform on the next render cycle to allow the css transitions to take place
-
-      setTimeout(function () {
-        setState('visible');
-        var scrollbarWidth = calculateScrollbarWidth();
-        document.body.style.overflow = 'hidden';
-        document.body.style.paddingRight = scrollbarWidth + 'px';
-      }, 0);
-    }
-
-    function hide() {
-      setState('hidden'); // need to perform on the next render cycle to allow the css transitions to take place
-
-      setTimeout(function () {
-        setVisible(false);
-        document.body.style.overflow = '';
-        document.body.style.paddingRight = '0';
-      }, 300); // 300ms allows for any close animations to complete
-    }
-
-    return visible && /*#__PURE__*/React__default.createElement("div", {
-      className: "modal-root",
-      "data-testid": testId
-    }, /*#__PURE__*/React__default.createElement(Content, {
-      onClick: onClose,
-      visible: state === 'visible'
-    }, children), /*#__PURE__*/React__default.createElement(Background, {
-      onClick: function onClick() {
-        return onClose === null || onClose === void 0 ? void 0 : onClose();
-      },
-      visible: state === 'visible',
-      testId: backgroundTestId
-    }));
-  };
-  // Public Child Components
-  // ******************************************************************************
-  // ***************
-  // GoAModalActions
-  // ***************
-
-  var GoAModalActions = function GoAModalActions(_ref2) {
-    var children = _ref2.children;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "modal-actions"
-    }, children);
-  }; // ***************
-  // GoAModalContent
-  // ***************
-
-  var GoAModalContent = function GoAModalContent(_ref3) {
-    var children = _ref3.children,
-        testId = _ref3.testId;
-    return /*#__PURE__*/React__default.createElement(GoAScrollable, {
-      testId: testId,
-      vertical: true,
-      hPadding: 1
-    }, children);
-  }; // *************
-  // GoAModalTitle
-  // *************
-
-  var GoAModalTitle = function GoAModalTitle(_ref4) {
-    var children = _ref4.children,
-        testId = _ref4.testId;
-    return /*#__PURE__*/React__default.createElement("div", {
-      "data-testid": testId,
-      className: "modal-title"
-    }, children);
-  }; // ******************************************************************************
-  // Private Components
-  // ******************************************************************************
-  // *************
-  // Content
-  // *************
-
-  var Content = function Content(_ref5) {
-    var children = _ref5.children,
-        onClick = _ref5.onClick,
-        visible = _ref5.visible;
-    var opacity = visible ? 1 : 0;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "modal",
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      },
-      style: {
-        opacity: opacity
-      }
-    }, onClick && /*#__PURE__*/React__default.createElement(GoAIcon, {
-      type: "close",
-      variant: "circular",
-      onClick: onClick
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: "modal-content"
-    }, children));
-  }; // ****************
-  // Background
-  // ****************
-
-
-  var Background = function Background(_ref6) {
-    var visible = _ref6.visible,
-        onClick = _ref6.onClick,
-        testId = _ref6.testId;
-    var opacity = visible ? 1 : 0;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "modal-background",
-      onClick: onClick,
-      style: {
-        opacity: opacity
-      },
-      "data-testid": testId
-    });
-  }; // *******
-  // Helpers
-  // *******
-
-  /**
-   * Based on the an invisible container and the window width it calculates the scrollbar width
-   */
-
-
-  function calculateScrollbarWidth() {
-    // no scrollbars present
-    if (document.body.clientHeight <= document.documentElement.clientHeight) {
-      return 0;
-    }
-
-    var outer = document.createElement('div');
-    outer.style.visibility = 'hidden';
-    outer.style.overflow = 'scroll';
-    document.body.appendChild(outer); // Creating inner element and placing it in the container
-
-    var inner = document.createElement('div');
-    outer.appendChild(inner); // Calculating difference between container's full width and the child width
-
-    var scrollbarWidth = outer.offsetWidth - inner.offsetWidth; // Removing temporary elements from the DOM
-
-    outer.parentNode.removeChild(outer);
-    return scrollbarWidth;
-  }
-
-  var GoAFormItem = function GoAFormItem(_ref) {
-    var children = _ref.children,
-        helpText = _ref.helpText,
-        error = _ref.error;
-    var className = error ? "goa-form-item error" : "goa-form-item";
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: className
-    }, children, error && /*#__PURE__*/React__default.createElement("div", {
-      className: "error-msg"
-    }, error), helpText && !error && /*#__PURE__*/React__default.createElement("div", {
-      id: "helpText",
-      className: "help-msg"
-    }, helpText));
-  };
-
-  var GoAFormActions = function GoAFormActions(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "goa-form-actions"
-    }, children);
-  };
-
-  var css_248z$6 = "/* Palette */\n/* Semantic usages */\n.goa-form {\n  box-sizing: border-box; }\n\n.goa-form *,\n.goa-form *:before,\n.goa-form *:after {\n  box-sizing: inherit; }\n\n.goa-form-item {\n  margin-bottom: 0.5rem; }\n  .goa-form-item label {\n    display: block;\n    font-weight: bold;\n    color: #333; }\n  .goa-form-item input,\n  .goa-form-item textarea {\n    display: block;\n    width: 100%;\n    padding: 0.5rem;\n    border-radius: 4px;\n    border: 1px solid var(--color-gray-600); }\n  .goa-form-item.error input,\n  .goa-form-item.error textarea {\n    border-color: var(--color-red-600); }\n  .goa-form-item.error .error-msg {\n    color: var(--color-red-600); }\n  .goa-form-item .help-msg {\n    font-size: var(--fs-sm);\n    font-weight: 200;\n    color: var(--color-gray-600); }\n\n.goa-form-actions {\n  margin-top: 2rem; }\n  @media (min-width: 640px) {\n    .goa-form-actions {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end; }\n      .goa-form-actions button {\n        min-width: 6rem; }\n      .goa-form-actions button + button,\n      .goa-form-actions button + .goa-link-button,\n      .goa-form-actions .goa-link-button + button,\n      .goa-form-actions .goa-link-button + .goa-link-button {\n        margin-left: 0.5rem; } }\n  .goa-form-actions button {\n    margin: 0; }\n";
-  styleInject(css_248z$6);
-
-  var GoAForm = function GoAForm(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "goa-form"
-    }, children);
-  };
-
-  var css_248z$7 = "@use '../variables/main.css';\n/* Palette */\n/* Semantic usages */\n@-webkit-keyframes pulse {\n  0% {\n    opacity: 0.5; }\n  50% {\n    opacity: 1; }\n  100% {\n    opacity: 0.5; } }\n@keyframes pulse {\n  0% {\n    opacity: 0.5; }\n  50% {\n    opacity: 1; }\n  100% {\n    opacity: 0.5; } }\n\n[data-skeleton] {\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none; }\n  [data-skeleton] * {\n    border-color: #ddd !important;\n    color: transparent !important; }\n  [data-skeleton] p,\n  [data-skeleton] a {\n    background-color: #ddd !important;\n    -webkit-animation: pulse 2s infinite ease-in-out;\n            animation: pulse 2s infinite ease-in-out;\n    display: inline;\n    line-height: 0 !important;\n    font-size: 50% !important; }\n    [data-skeleton] p::after,\n    [data-skeleton] a::after {\n      content: '' !important;\n      display: block !important;\n      margin-bottom: 1rem !important;\n      background-size: contain; }\n  [data-skeleton] h1,\n  [data-skeleton] h2,\n  [data-skeleton] h3,\n  [data-skeleton] h4,\n  [data-skeleton] h5,\n  [data-skeleton] h6 {\n    background-color: #ddd !important;\n    -webkit-animation: pulse 2s infinite ease-in-out;\n            animation: pulse 2s infinite ease-in-out;\n    margin-bottom: 1rem; }\n  [data-skeleton] h1 {\n    height: calc(0.6 * var(--fs-3xl)) !important; }\n  [data-skeleton] h2 {\n    height: calc(0.6 * var(--fs-2xl)) !important; }\n  [data-skeleton] h3 {\n    height: calc(0.6 * var(--fs-xl)) !important; }\n  [data-skeleton] h4 {\n    height: calc(0.6 * var(--fs-lg)) !important; }\n  [data-skeleton] img {\n    background-color: #ddd !important;\n    -webkit-animation: pulse 2s infinite ease-in-out;\n            animation: pulse 2s infinite ease-in-out; }\n\n/* basic styles */\n.skeleton {\n  background-color: #ddd !important;\n  -webkit-animation: pulse 2s infinite ease-in-out;\n          animation: pulse 2s infinite ease-in-out;\n  background: #dcdcdc;\n  overflow: hidden;\n  margin: 10px 0; }\n\n.skeleton.text {\n  width: 100%;\n  height: 12px;\n  border-radius: 4px; }\n\n.skeleton.paragraph {\n  width: 100%;\n  height: 70px;\n  border-radius: 4px; }\n\n.skeleton.title {\n  width: 50%;\n  height: 20px;\n  margin-bottom: 15px;\n  border-radius: 4px; }\n\n.skeleton.avatar {\n  width: 100px;\n  height: 100px;\n  border-radius: 50%; }\n\n.skeleton.thumbnail {\n  width: 100px;\n  height: 100px;\n  border-radius: 4px; }\n\n/* skeleton image text */\n.skeleton-image-content {\n  display: flex;\n  flex-direction: row;\n  gap: 30px; }\n\n.skeleton-image-content__text {\n  flex: 1 1 auto; }\n\n/* skeleton content */\n.skeleton-content {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 30px;\n  align-items: left; }\n";
-  styleInject(css_248z$7);
-
-  var GoASkeletonElement = function GoASkeletonElement(_ref) {
-    var _ref$type = _ref.type,
-        type = _ref$type === void 0 ? 'text' : _ref$type;
-    var classes = "skeleton ".concat(type);
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: classes
-    });
-  };
-
-  var GoASkeletonContent = function GoASkeletonContent(_ref) {
-    var _ref$rows = _ref.rows,
-        rows = _ref$rows === void 0 ? 1 : _ref$rows;
-    var elements = [];
-
-    for (var i = 0; i < rows; i++) {
-      elements.push( /*#__PURE__*/React__default.createElement(GoASkeletonElement, {
-        type: "text"
-      }));
-    }
-
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "skeleton-content"
-    }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(GoASkeletonElement, {
-      type: "title"
-    }), elements));
-  };
-
-  var GoASkeletonGridColumnContent = function GoASkeletonGridColumnContent(_ref) {
-    var _ref$rows = _ref.rows,
-        rows = _ref$rows === void 0 ? 1 : _ref$rows;
-    var elements = [];
-
-    for (var i = 0; i < rows; i++) {
-      elements.push( /*#__PURE__*/React__default.createElement(GoASkeletonElement, {
-        type: "text"
-      }));
-    }
-
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "skeleton-content"
-    }, /*#__PURE__*/React__default.createElement("div", null, elements));
-  };
-
-  var GoASkeletonImageContent = function GoASkeletonImageContent(_ref) {
-    var _ref$rows = _ref.rows,
-        rows = _ref$rows === void 0 ? 1 : _ref$rows;
-    var elements = [];
-
-    for (var i = 0; i < rows; i++) {
-      elements.push( /*#__PURE__*/React__default.createElement(GoASkeletonElement, {
-        type: "text"
-      }));
-    }
-
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "skeleton-image-content"
-    }, /*#__PURE__*/React__default.createElement(GoASkeletonElement, {
-      type: "thumbnail"
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: "skeleton-image-content__text"
-    }, /*#__PURE__*/React__default.createElement(GoASkeletonElement, {
-      type: "title"
-    }), elements));
-  };
-
-  exports.GoABadge = GoABadge;
-  exports.GoAElementLoader = GoAElementLoader;
-  exports.GoAForm = GoAForm;
-  exports.GoAFormActions = GoAFormActions;
-  exports.GoAFormItem = GoAFormItem;
-  exports.GoAInput = GoAInput;
-  exports.GoAModal = GoAModal;
-  exports.GoAModalActions = GoAModalActions;
-  exports.GoAModalContent = GoAModalContent;
-  exports.GoAModalTitle = GoAModalTitle;
-  exports.GoAScrollable = GoAScrollable;
-  exports.GoASkeletonContent = GoASkeletonContent;
-  exports.GoASkeletonGridColumnContent = GoASkeletonGridColumnContent;
-  exports.GoASkeletonImageContent = GoASkeletonImageContent;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
+}));