@abgov/react-components 3.4.0-beta.2 → 3.4.0-beta.23

package/experimental/badge/badge.component.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+export declare type GoABadgeType = 'information' | 'success' | 'warning' | 'emergency' | 'dark' | 'midtone' | 'light' | 'inactive';
+interface GoABadgeProps {
+    type: GoABadgeType;
+    icon?: ReactNode;
+    content?: string;
+    testId?: string;
+}
+export declare const GoABadge: FC<GoABadgeProps>;
+export {};

package/experimental/common.d.ts

@@ -0,0 +1,3 @@
+export interface TestProps {
+    testId?: string;
+}

package/experimental/form/form.actions.component.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const GoAFormActions: FC;
+export default GoAFormActions;

package/experimental/form/form.component.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+import { GoAFormItem } from './form.item.component';
+import { GoAFormActions } from './form.actions.component';
+import './form.scss';
+export declare const GoAForm: FC;
+declare const _default: {
+    GoAForm: React.FC<{}>;
+};
+export default _default;
+export { GoAFormItem, GoAFormActions };

package/experimental/form/form.item.component.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface GoAFormItemProps {
+    helpText?: string;
+    error?: string;
+}
+export declare const GoAFormItem: FC<GoAFormItemProps>;
+export default GoAFormItem;

package/experimental/icons/icon.component.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TestProps } from '../common';
+import './icons.css';
+export declare type IconType = 'close' | 'barChart' | 'build' | 'checkmarkCircle' | 'closeCircle' | 'create' | 'download' | 'eyeOff' | 'eye' | 'file' | 'fitness' | 'helpCircle' | 'home' | 'hourGlass' | 'logout' | 'megaphone' | 'menu' | 'options' | 'pencil' | 'pauseCircle' | 'personCircle' | 'playCircle' | 'pulse' | 'receipt' | 'trash' | 'settings';
+export declare type IconSize = 'small' | 'medium' | 'large';
+export declare type IconVariant = 'simple' | 'goa';
+interface Props extends TestProps {
+    type: IconType;
+    size?: IconSize;
+}
+export declare function GoAIcon({ type, size }: Props): JSX.Element;
+export {};

package/experimental/icons/iconButton.component.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TestProps } from '../common';
+import { IconSize, IconType, IconVariant } from './icon.component';
+import './icons.css';
+interface Props extends TestProps {
+    type: IconType;
+    size?: IconSize;
+    variant?: IconVariant;
+    title?: string;
+    onClick: () => void;
+}
+export declare function GoAIconButton({ type, variant, onClick, size, title, testId }: Props & TestProps): JSX.Element;
+export {};

package/experimental/icons/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icon.component';
+export * from './iconButton.component';

package/experimental/index.d.ts

@@ -0,0 +1,8 @@
+import { GoABadge } from './badge/badge.component';
+import { GoAIcon, GoAIconButton } from './icons';
+import { GoAInput } from './input/input.component';
+import { GoAModal, GoAModalActions, GoAModalContent, GoAModalTitle } from './modal/modal.component';
+import { GoAScrollable } from './scrollable/scrollable.component';
+import { GoAFormItem, GoAFormActions, GoAForm } from './form/form.component';
+import { GoATransition, GoATransitionSequence } from './transitions';
+export { GoABadge, GoAForm, GoAFormActions, GoAFormItem, GoAIcon, GoAIconButton, GoAInput, GoAModal, GoAModalActions, GoAModalContent, GoAModalTitle, GoAScrollable, GoATransition, GoATransitionSequence };

package/experimental/modal/modal.component.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { TestProps } from '../common';
+import './modal.css';
+/**
+ * Modal - Main Component
+ */
+interface ModalProps {
+    isOpen?: boolean;
+    onClose?: () => void;
+}
+interface ModalTestProps extends TestProps {
+    backgroundTestId?: string;
+}
+export declare const GoAModal: FC<ModalProps & ModalTestProps>;
+export default GoAModal;
+export declare const GoAModalActions: FC;
+export declare const GoAModalContent: FC<TestProps>;
+export declare const GoAModalTitle: FC<TestProps>;

package/experimental/react-components.esm.js

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, Children, useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 
 function styleInject(css, ref) {
@@ -28,17 +28,19 @@ function styleInject(css, ref) {
   }
 }
 
-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  margin: 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 css_248z = "/* Palette */\n/* Semantic usages */\n.goa-badge-icon {\n  font-size: 14px; }\n\n.badge-module_goa-badge__3F6Ve {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 4px;\n  padding: 0 0.5rem;\n  gap: 2px; }\n\n.badge-module_goa-badge-content__3UN-3 {\n  font-size: 14px;\n  font-weight: 400; }\n\n.badge-module_goa-badge__3F6Ve.badge-module_badge-information__2r_Eq {\n  background-color: #f1f1f1;\n  color: #005DAA; }\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: #333;\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;
+      icon = _ref.icon,
+      testId = _ref.testId;
   return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId,
     className: classnames(styles['goa-badge'], styles["badge-".concat(type)])
-  }, icon, /*#__PURE__*/React.createElement("span", {
+  }, icon, /*#__PURE__*/React.createElement("div", {
     className: classnames(styles['goa-badge-content'])
   }, content));
 };
@@ -46,1680 +48,1705 @@ 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]];
-				}
-			}
-		}
-	}
+var css_248z$1 = ".goa-icon {\n  display: inline-block;\n}\n\n.goa-icon-button {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* GoA */\n.goa-icon-button-goa {\n  padding: 0.25rem;\n  border: 2px solid var(--color-button-tertiary);\n  border-radius: 0.5rem;\n  color: var(--color-primary);\n  fill: var(--color-primary);\n}\n\n.goa-icon-button-goa:hover {\n  background-color: var(--color-button-tertiary);\n}\n\n/* Simple */\n.goa-icon-button-simple {\n  padding: 0.4rem;\n  border-radius: 999px;\n  transition: background 200ms ease-in;\n}\n\n.goa-icon-button-simple:hover {\n  background: rgba(0, 0, 0, 0.1);\n}\n";
+styleInject(css_248z$1);
 
-	return to;
+var Icons = {
+  barChart: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Bar Chart"), /*#__PURE__*/React.createElement("path", {
+    d: "M32 32v432a16 16 0 0016 16h432",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "96",
+    y: "224",
+    width: "80",
+    height: "192",
+    rx: "20",
+    ry: "20",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "240",
+    y: "176",
+    width: "80",
+    height: "240",
+    rx: "20",
+    ry: "20",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "383.64",
+    y: "112",
+    width: "80",
+    height: "304",
+    rx: "20",
+    ry: "20",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  })),
+  build: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Build"), /*#__PURE__*/React.createElement("path", {
+    d: "M393.87 190a32.1 32.1 0 01-45.25 0l-26.57-26.57a32.09 32.09 0 010-45.26L382.19 58a1 1 0 00-.3-1.64c-38.82-16.64-89.15-8.16-121.11 23.57-30.58 30.35-32.32 76-21.12 115.84a31.93 31.93 0 01-9.06 32.08L64 380a48.17 48.17 0 1068 68l153.86-167a31.93 31.93 0 0131.6-9.13c39.54 10.59 84.54 8.6 114.72-21.19 32.49-32 39.5-88.56 23.75-120.93a1 1 0 00-1.6-.26z",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeMiterlimit: "10",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "96",
+    cy: "416",
+    r: "16"
+  })),
+  checkmarkCircle: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Checkmark Circle"), /*#__PURE__*/React.createElement("path", {
+    d: "M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z",
+    fill: "none",
+    stroke: "currentColor",
+    strokeMiterlimit: "10",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32",
+    d: "M352 176L217.6 336 160 272"
+  })),
+  close: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Close"), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32",
+    d: "M368 368L144 144M368 144L144 368"
+  })),
+  closeCircle: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Close Circle"), /*#__PURE__*/React.createElement("path", {
+    d: "M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z",
+    fill: "none",
+    stroke: "currentColor",
+    strokeMiterlimit: "10",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32",
+    d: "M320 320L192 192M192 320l128-128"
+  })),
+  create: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Create"), /*#__PURE__*/React.createElement("path", {
+    d: "M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z"
+  })),
+  download: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Download"), /*#__PURE__*/React.createElement("path", {
+    d: "M336 176h40a40 40 0 0140 40v208a40 40 0 01-40 40H136a40 40 0 01-40-40V216a40 40 0 0140-40h40",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32",
+    d: "M176 272l80 80 80-80M256 48v288"
+  })),
+  pencil: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Pencil"), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32",
+    d: "M364.13 125.25L87 403l-23 45 44.99-23 277.76-277.13-22.62-22.62zM420.69 68.69l-22.62 22.62 22.62 22.63 22.62-22.63a16 16 0 000-22.62h0a16 16 0 00-22.62 0z"
+  })),
+  eye: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Eye"), /*#__PURE__*/React.createElement("path", {
+    d: "M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "256",
+    cy: "256",
+    r: "80",
+    fill: "none",
+    stroke: "currentColor",
+    strokeMiterlimit: "10",
+    strokeWidth: "32"
+  })),
+  eyeOff: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Eye Off"), /*#__PURE__*/React.createElement("path", {
+    d: "M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM255.66 384c-41.49 0-81.5-12.28-118.92-36.5-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 00.14-2.94L93.5 161.38a2 2 0 00-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0075.8-12.58 2 2 0 00.77-3.31l-21.58-21.58a4 4 0 00-3.83-1 204.8 204.8 0 01-51.16 6.47zM490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 00-74.89 12.83 2 2 0 00-.75 3.31l21.55 21.55a4 4 0 003.88 1 192.82 192.82 0 0150.21-6.69c40.69 0 80.58 12.43 118.55 37 34.71 22.4 65.74 53.88 89.76 91a.13.13 0 010 .16 310.72 310.72 0 01-64.12 72.73 2 2 0 00-.15 2.95l19.9 19.89a2 2 0 002.7.13 343.49 343.49 0 0068.64-78.48 32.2 32.2 0 00-.1-34.78z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M256 160a95.88 95.88 0 00-21.37 2.4 2 2 0 00-1 3.38l112.59 112.56a2 2 0 003.38-1A96 96 0 00256 160zM165.78 233.66a2 2 0 00-3.38 1 96 96 0 00115 115 2 2 0 001-3.38z"
+  })),
+  file: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Document"), /*#__PURE__*/React.createElement("path", {
+    d: "M416 221.25V416a48 48 0 01-48 48H144a48 48 0 01-48-48V96a48 48 0 0148-48h98.75a32 32 0 0122.62 9.37l141.26 141.26a32 32 0 019.37 22.62z",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M256 56v120a32 32 0 0032 32h120",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  })),
+  fitness: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Fitness"), /*#__PURE__*/React.createElement("path", {
+    d: "M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32",
+    d: "M48 256h112l48-96 48 160 48-96 32 64h128"
+  })),
+  helpCircle: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Help Circle"), /*#__PURE__*/React.createElement("path", {
+    d: "M256 80a176 176 0 10176 176A176 176 0 00256 80z",
+    fill: "none",
+    stroke: "currentColor",
+    strokeMiterlimit: "10",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45 10 4.76 29.47 16.38 29.47 41.09 0 26-17 37.81-36.37 50.8S251 281.43 251 296",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeMiterlimit: "10",
+    strokeWidth: "28"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "250",
+    cy: "348",
+    r: "20"
+  })),
+  home: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Home"), /*#__PURE__*/React.createElement("path", {
+    d: "M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V64h-48v69",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  })),
+  hourGlass: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Hourglass"), /*#__PURE__*/React.createElement("path", {
+    d: "M145.61 464h220.78c19.8 0 35.55-16.29 33.42-35.06C386.06 308 304 310 304 256s83.11-51 95.8-172.94c2-18.78-13.61-35.06-33.41-35.06H145.61c-19.8 0-35.37 16.28-33.41 35.06C124.89 205 208 201 208 256s-82.06 52-95.8 172.94c-2.14 18.77 13.61 35.06 33.41 35.06z",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.23 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87 9.95 12.04 6.47 29.13-9.1 29.13z"
+  })),
+  logout: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Log Out"), /*#__PURE__*/React.createElement("path", {
+    d: "M304 336v40a40 40 0 01-40 40H104a40 40 0 01-40-40V136a40 40 0 0140-40h152c22.09 0 48 17.91 48 40v40M368 336l80-80-80-80M176 256h256",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  })),
+  megaphone: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Megaphone"), /*#__PURE__*/React.createElement("path", {
+    d: "M407.94 52.22S321.3 160 240 160H80a16 16 0 00-16 16v96a16 16 0 0016 16h160c81.3 0 167.94 108.23 167.94 108.23 6.06 8 24.06 2.52 24.06-9.83V62c0-12.31-17-18.82-24.06-9.78zM64 256s-16-6-16-32 16-32 16-32M448 246s16-4.33 16-22-16-22-16-22M256 160v128M112 160v128",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M144 288v168a8 8 0 008 8h53a16 16 0 0015.29-20.73C211.91 416.39 192 386.08 192 336h16a16 16 0 0016-16v-16a16 16 0 00-16-16h-16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  })),
+  menu: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Menu"), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeMiterlimit: "10",
+    strokeWidth: "32",
+    d: "M80 160h352M80 256h352M80 352h352"
+  })),
+  options: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Options"), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32",
+    d: "M368 128h80M64 128h240M368 384h80M64 384h240M208 256h240M64 256h80"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "336",
+    cy: "128",
+    r: "32",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "176",
+    cy: "256",
+    r: "32",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "336",
+    cy: "384",
+    r: "32",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  })),
+  pauseCircle: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Pause Circle"), /*#__PURE__*/React.createElement("path", {
+    d: "M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z",
+    fill: "none",
+    stroke: "currentColor",
+    strokeMiterlimit: "10",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeMiterlimit: "10",
+    strokeWidth: "32",
+    d: "M208 192v128M304 192v128"
+  })),
+  personCircle: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Person Circle"), /*#__PURE__*/React.createElement("path", {
+    d: "M258.9 48C141.92 46.42 46.42 141.92 48 258.9c1.56 112.19 92.91 203.54 205.1 205.1 117 1.6 212.48-93.9 210.88-210.88C462.44 140.91 371.09 49.56 258.9 48zm126.42 327.25a4 4 0 01-6.14-.32 124.27 124.27 0 00-32.35-29.59C321.37 329 289.11 320 256 320s-65.37 9-90.83 25.34a124.24 124.24 0 00-32.35 29.58 4 4 0 01-6.14.32A175.32 175.32 0 0180 259c-1.63-97.31 78.22-178.76 175.57-179S432 158.81 432 256a175.32 175.32 0 01-46.68 119.25z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M256 144c-19.72 0-37.55 7.39-50.22 20.82s-19 32-17.57 51.93C191.11 256 221.52 288 256 288s64.83-32 67.79-71.24c1.48-19.74-4.8-38.14-17.68-51.82C293.39 151.44 275.59 144 256 144z"
+  })),
+  playCircle: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Play Circle"), /*#__PURE__*/React.createElement("path", {
+    d: "M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z",
+    fill: "none",
+    stroke: "currentColor",
+    strokeMiterlimit: "10",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M216.32 334.44l114.45-69.14a10.89 10.89 0 000-18.6l-114.45-69.14a10.78 10.78 0 00-16.32 9.31v138.26a10.78 10.78 0 0016.32 9.31z"
+  })),
+  pulse: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Pulse"), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32",
+    d: "M48 320h64l64-256 64 384 64-224 32 96h64"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "432",
+    cy: "320",
+    r: "32",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  })),
+  receipt: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Receipt"), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinejoin: "round",
+    strokeWidth: "32",
+    d: "M160 336V48l32 16 32-16 31.94 16 32.37-16L320 64l31.79-16 31.93 16L416 48l32.01 16L480 48v224"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M480 272v112a80 80 0 01-80 80h0a80 80 0 01-80-80v-48H48a15.86 15.86 0 00-16 16c0 64 6.74 112 80 112h288",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32",
+    d: "M224 144h192M288 224h128"
+  })),
+  settings: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Settings"), /*#__PURE__*/React.createElement("path", {
+    d: "M262.29 192.31a64 64 0 1057.4 57.4 64.13 64.13 0 00-57.4-57.4zM416.39 256a154.34 154.34 0 01-1.53 20.79l45.21 35.46a10.81 10.81 0 012.45 13.75l-42.77 74a10.81 10.81 0 01-13.14 4.59l-44.9-18.08a16.11 16.11 0 00-15.17 1.75A164.48 164.48 0 01325 400.8a15.94 15.94 0 00-8.82 12.14l-6.73 47.89a11.08 11.08 0 01-10.68 9.17h-85.54a11.11 11.11 0 01-10.69-8.87l-6.72-47.82a16.07 16.07 0 00-9-12.22 155.3 155.3 0 01-21.46-12.57 16 16 0 00-15.11-1.71l-44.89 18.07a10.81 10.81 0 01-13.14-4.58l-42.77-74a10.8 10.8 0 012.45-13.75l38.21-30a16.05 16.05 0 006-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 00-6.07-13.94l-38.19-30A10.81 10.81 0 0149.48 186l42.77-74a10.81 10.81 0 0113.14-4.59l44.9 18.08a16.11 16.11 0 0015.17-1.75A164.48 164.48 0 01187 111.2a15.94 15.94 0 008.82-12.14l6.73-47.89A11.08 11.08 0 01213.23 42h85.54a11.11 11.11 0 0110.69 8.87l6.72 47.82a16.07 16.07 0 009 12.22 155.3 155.3 0 0121.46 12.57 16 16 0 0015.11 1.71l44.89-18.07a10.81 10.81 0 0113.14 4.58l42.77 74a10.8 10.8 0 01-2.45 13.75l-38.21 30a16.05 16.05 0 00-6.05 14.08c.33 4.14.55 8.3.55 12.47z",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  })),
+  trash: /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "ionicon",
+    viewBox: "0 0 512 512"
+  }, /*#__PURE__*/React.createElement("title", null, "Trash"), /*#__PURE__*/React.createElement("path", {
+    d: "M112 112l20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }), /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeMiterlimit: "10",
+    strokeWidth: "32",
+    d: "M80 112h352"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M192 112V72h0a23.93 23.93 0 0124-24h80a23.93 23.93 0 0124 24h0v40M256 176v224M184 176l8 224M328 176l-8 224",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "32"
+  }))
 };
-
-/**
- * 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) {}
+function GoAIcon(_ref) {
+  var type = _ref.type,
+      _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.createElement("div", {
+    className: "goa-icon",
+    style: styles,
+    "data-testid": "icon-".concat(type)
+  }, Icons[type]);
 }
 
-/**
- * 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;
+function getSize(size) {
+  switch (size) {
+    case 'small':
+      return 24;
 
-          var stack = getStack ? getStack() : '';
+    case 'medium':
+      return 32;
 
-          printWarning(
-            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
-          );
-        }
-      }
-    }
+    case 'large':
+      return 48;
   }
 }
 
-/**
- * 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 GoAIconButton(_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,
+      title = _ref.title,
+      testId = _ref.testId;
+  return /*#__PURE__*/React.createElement("div", {
+    title: title,
+    className: "goa-icon-button goa-icon-button-".concat(variant),
+    "data-testid": testId,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(GoAIcon, {
+    type: type,
+    size: size
+  }));
 }
 
-function emptyFunctionThatReturnsNull() {
-  return null;
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-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'),
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
 
-    any: createAnyTypeChecker(),
-    arrayOf: createArrayOfTypeChecker,
-    element: createElementTypeChecker(),
-    elementType: createElementTypeTypeChecker(),
-    instanceOf: createInstanceTypeChecker,
-    node: createNodeChecker(),
-    objectOf: createObjectOfTypeChecker,
-    oneOf: createEnumTypeChecker,
-    oneOfType: createUnionTypeChecker,
-    shape: createShapeTypeChecker,
-    exact: createStrictShapeTypeChecker,
-  };
+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;
 
-  /**
-   * 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;
+  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;
     }
   }
-  /*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;
+  return _arr;
+}
 
-  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;
+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);
+}
 
-      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);
-      }
-    }
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
 
-    var chainedCheckType = checkType.bind(null, false);
-    chainedCheckType.isRequired = checkType.bind(null, true);
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
 
-    return chainedCheckType;
-  }
+  return arr2;
+}
 
-  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);
+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.");
+}
 
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
-      }
-      return null;
-    }
-    return createChainableTypeChecker(validate);
-  }
+function createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
 
-  function createAnyTypeChecker() {
-    return createChainableTypeChecker(emptyFunctionThatReturnsNull);
-  }
+/** @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;
 
-  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);
-  }
+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;
 
-  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);
-  }
+    switch ($$typeof) {
+      case REACT_ELEMENT_TYPE:
+        var type = object.type;
 
-  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);
-  }
+        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;
 
-  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);
-  }
+          default:
+            var $$typeofType = type && type.$$typeof;
 
-  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;
-    }
+            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;
 
-    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;
-        }
-      }
+              default:
+                return $$typeof;
+            }
 
-      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;
+      case REACT_PORTAL_TYPE:
+        return $$typeof;
     }
-    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;
-    }
+  return undefined;
+} // AsyncMode is deprecated along with isAsyncMode
 
-    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;
-      }
-    }
+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 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;
-        }
-      }
+function isAsyncMode(object) {
+  {
+    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
 
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+      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 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);
-  }
+  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;
+}
 
-  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);
-  }
+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;
 
-  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;
-    }
+var reactIs = createCommonjsModule(function (module) {
 
-    return createChainableTypeChecker(validate);
-  }
+if (process.env.NODE_ENV === 'production') {
+  module.exports = reactIs_production_min;
+} else {
+  module.exports = reactIs_development;
+}
+});
 
-  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;
-        }
+/*
+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;
 
-        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;
-        }
+function toObject(val) {
+	if (val === null || val === undefined) {
+		throw new TypeError('Object.assign cannot be called with null or undefined');
+	}
 
-        return true;
-      default:
-        return false;
-    }
-  }
+	return Object(val);
+}
 
-  function isSymbol(propType, propValue) {
-    // Native Symbol.
-    if (propType === 'symbol') {
-      return true;
-    }
+function shouldUseNative() {
+	try {
+		if (!Object.assign) {
+			return false;
+		}
 
-    // falsy value can't be a Symbol
-    if (!propValue) {
-      return false;
-    }
+		// Detect buggy property enumeration order in older V8 versions.
 
-    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
-    if (propValue['@@toStringTag'] === 'Symbol') {
-      return true;
-    }
+		// 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;
+		}
 
-    // Fallback for non-spec compliant Symbols which are polyfilled.
-    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
-      return true;
-    }
+		// 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;
+		}
 
-    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;
+		}
 
-  // 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;
-  }
+		return true;
+	} catch (err) {
+		// We don't expect any of the above to throw, but better to be safe.
+		return false;
+	}
+}
 
-  // 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;
-  }
+var objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
+	var from;
+	var to = toObject(target);
+	var symbols;
 
-  // 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;
-    }
-  }
+	for (var s = 1; s < arguments.length; s++) {
+		from = Object(arguments[s]);
 
-  // Returns class name of the object, if any.
-  function getClassName(propValue) {
-    if (!propValue.constructor || !propValue.constructor.name) {
-      return ANONYMOUS;
-    }
-    return propValue.constructor.name;
-  }
+		for (var key in from) {
+			if (hasOwnProperty.call(from, key)) {
+				to[key] = from[key];
+			}
+		}
 
-  ReactPropTypes.checkPropTypes = checkPropTypes_1;
-  ReactPropTypes.resetWarningCache = checkPropTypes_1.resetWarningCache;
-  ReactPropTypes.PropTypes = ReactPropTypes;
+		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 ReactPropTypes;
+	return to;
 };
 
-function emptyFunction() {}
-function emptyFunctionWithReset() {}
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
+/**
+ * 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 = 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,
+var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
+var ReactPropTypesSecret_1 = ReactPropTypesSecret;
 
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
+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) {}
   };
+}
 
-  ReactPropTypes.PropTypes = ReactPropTypes;
+/**
+ * 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;
 
-  return ReactPropTypes;
-};
+          var stack = getStack ? getStack() : '';
+
+          printWarning(
+            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
+          );
+        }
+      }
+    }
+  }
+}
 
-var propTypes = createCommonjsModule(function (module) {
 /**
- * Copyright (c) 2013-present, Facebook, Inc.
+ * Resets warning cache when testing.
  *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * @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') {
-  var ReactIs = reactIs;
+  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) {}
+  };
+}
 
-  // 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();
+function emptyFunctionThatReturnsNull() {
+  return null;
 }
-});
 
-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 factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
+  /* global Symbol */
+  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
 
-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;
+  /**
+   * 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'),
 
-  var boxView = function boxView() {
-    return "0 0 ".concat(diameter, " ").concat(diameter);
+    any: createAnyTypeChecker(),
+    arrayOf: createArrayOfTypeChecker,
+    element: createElementTypeChecker(),
+    elementType: createElementTypeTypeChecker(),
+    instanceOf: createInstanceTypeChecker,
+    node: createNodeChecker(),
+    objectOf: createObjectOfTypeChecker,
+    oneOf: createEnumTypeChecker,
+    oneOfType: createUnionTypeChecker,
+    shape: createShapeTypeChecker,
+    exact: createStrictShapeTypeChecker,
   };
+
   /**
-   * 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.
+   * 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
    */
-
-
-  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);
+  /*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*/
 
-  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.
+   * 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 _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;
+  function PropTypeError(message) {
+    this.message = message;
+    this.stack = '';
   }
+  // Make `instanceof Error` still work for returned errors.
+  PropTypeError.prototype = Error.prototype;
 
-  return visible && /*#__PURE__*/React.createElement("svg", {
-    className: "circular-loader",
-    fill: "none",
-    viewBox: boxView(),
-    width: "".concat(size),
-    height: "".concat(size),
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: "".concat(radius),
-    cy: "".concat(radius),
-    stroke: "".concat(baseColour),
-    strokeWidth: "7",
-    r: "".concat(radius - 7 / 2)
-  }), /*#__PURE__*/React.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 _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
+  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;
 
-  return obj;
-}
+      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);
+      }
+    }
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+    var chainedCheckType = checkType.bind(null, false);
+    chainedCheckType.isRequired = checkType.bind(null, true);
 
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
-    keys.push.apply(keys, symbols);
+    return chainedCheckType;
   }
 
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
+  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);
 
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
+        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+      }
+      return null;
     }
+    return createChainableTypeChecker(validate);
   }
 
-  return target;
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+  function createAnyTypeChecker() {
+    return createChainableTypeChecker(emptyFunctionThatReturnsNull);
   }
 
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
+  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);
   }
 
-  return target;
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
-}
-
-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;
+  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);
   }
 
-  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 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 _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
+  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);
+  }
 
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  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;
+    }
 
-  return arr2;
-}
+    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;
+        }
+      }
 
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
+      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 _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.");
-}
+  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);
+  }
 
-var css_248z$2 = "/* Palette */\n/* Semantic usages */\n.goa-form {\n  margin: auto;\n  width: 40.25rem; }\n\n.goa-form-container {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: stretch;\n  -moz-column-gap: 1rem;\n       column-gap: 1rem; }\n\n.goa-form-container > div {\n  margin: 0;\n  flex: 1;\n  width: 100%; }\n\n.goa-form-container > div + div {\n  margin-left: 1rem; }\n\n@media (max-width: 640px) {\n  .goa-form {\n    margin: auto;\n    width: 95%; }\n  .goa-form-container > div {\n    min-width: 100%; }\n  .goa-form-container > div + div {\n    margin-left: 0rem; } }\n\n.goa-form-items {\n  margin-bottom: 0.5rem;\n  margin-top: 0.5rem; }\n  .goa-form-items label {\n    display: block;\n    font-weight: bold;\n    color: #333; }\n  .goa-form-items input,\n  .goa-form-items textarea {\n    display: block;\n    width: 100%;\n    padding: 0.5rem; }\n\n.goa-form-button {\n  margin-top: 2rem; }\n  @media (min-width: 640px) {\n    .goa-form-button {\n      display: flex;\n      justify-content: flex-end;\n      align-items: flex-end; }\n      .goa-form-button button {\n        min-width: 6rem; }\n      .goa-form-button button + button,\n      .goa-form-button button + .goa-link-button,\n      .goa-form-button .goa-link-button + button,\n      .goa-form-button .goa-link-button + .goa-link-button {\n        margin-left: 0.5rem; } }\n  .goa-form-button button {\n    margin: 0; }\n";
-styleInject(css_248z$2);
+  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;
+    }
 
-var GoAFormItem = function GoAFormItem(_ref) {
-  var name = _ref.name,
-      _ref$validators = _ref.validators,
-      validators = _ref$validators === void 0 ? [] : _ref$validators,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? null : _ref$onChange,
-      _ref$children = _ref.children,
-      children = _ref$children === void 0 ? null : _ref$children;
-
-  var _useContext = useContext(FormContext),
-      errors = _useContext.errors,
-      navigator = _useContext.navigator,
-      setFieldValue = _useContext.setFieldValue,
-      registerInput = _useContext.registerInput;
+    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;
+      }
+    }
 
-  useEffect(function () {
-    return registerInput({
-      name: name,
-      validators: validators
-    });
-  }, []);
+    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;
+        }
+      }
 
-  var handleChange = function handleChange(val) {
-    if (typeof val === 'string') {
-      setFieldValue(name, val);
-    } else {
-      setFieldValue(name, val.target.value);
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
     }
+    return createChainableTypeChecker(validate);
+  }
 
-    if (onChange) {
-      onChange(val);
+  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);
+  }
 
-  var message = errors[name] || [];
-  var navigateTo = navigator && navigator.name && navigator.name === name;
-
-  function renderChildren() {
-    return Children.map(children, function (child) {
-      if (child.props.originalType !== 'label') {
-        return React.cloneElement(child, {
-          onChange: handleChange,
-          message: message.toString(),
-          id: name,
-          navigator: navigateTo
-        });
-      } else {
-        return child;
+  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);
   }
 
-  return /*#__PURE__*/React.createElement("div", {
-    id: name,
-    className: "goa-form-items"
-  }, renderChildren());
-};
-GoAFormItem.propTypes = {
-  name: propTypes.string,
-  onChange: propTypes.func,
-  validators: propTypes.array
-};
+  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;
+    }
 
-var GoAFormButton = function GoAFormButton(_ref) {
-  var _ref$children = _ref.children,
-      children = _ref$children === void 0 ? null : _ref$children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "goa-form-button"
-  }, children);
-};
+    return createChainableTypeChecker(validate);
+  }
 
-var GoAFormContainer = function GoAFormContainer(_ref) {
-  var _ref$children = _ref.children,
-      children = _ref$children === void 0 ? null : _ref$children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "goa-form-container"
-  }, children);
-};
+  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 css_248z$3 = "/* Palette */\n/* Semantic usages */\n/* Common button colors */\n/* Primary colors */\n/* Secondary colors */\n/* Tertiary colors */\n/* This style is from the alberta design system */\nbutton.goa-button,\ninput[type='button'].goa-button,\ninput[type='submit'].goa-button {\n  box-sizing: border-box;\n  min-width: 70px;\n  padding: 12px;\n  border: 2px solid #0070c4;\n  border-radius: 4px;\n  background: #0070c4;\n  cursor: pointer;\n  color: #fff;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1em; }\n  button.goa-button.btn-small,\n  input[type='button'].goa-button.btn-small,\n  input[type='submit'].goa-button.btn-small {\n    font-size: 16px;\n    padding: 8px;\n    margin: 12px 12px 0 0; }\n  button.goa-button:last-of-type,\n  input[type='button'].goa-button:last-of-type,\n  input[type='submit'].goa-button:last-of-type {\n    margin-right: 0; }\n  button.goa-button:disabled, button.goa-button:disabled.goa--secondary, button.goa-button:disabled.goa--tertiary,\n  input[type='button'].goa-button:disabled,\n  input[type='button'].goa-button:disabled.goa--secondary,\n  input[type='button'].goa-button:disabled.goa--tertiary,\n  input[type='submit'].goa-button:disabled,\n  input[type='submit'].goa-button:disabled.goa--secondary,\n  input[type='submit'].goa-button:disabled.goa--tertiary {\n    pointer-events: none;\n    color: #666;\n    background-color: #f1f1f1;\n    border-color: #f1f1f1; }\n  button.goa-button:hover,\n  input[type='button'].goa-button:hover,\n  input[type='submit'].goa-button:hover {\n    border-color: #004f84;\n    background: #004f84; }\n  button.goa-button:focus, button.goa-button:active,\n  input[type='button'].goa-button:focus,\n  input[type='button'].goa-button:active,\n  input[type='submit'].goa-button:focus,\n  input[type='submit'].goa-button:active {\n    border-color: #004f84;\n    box-shadow: 0 0 0 3px #feba35;\n    background: #004f84;\n    outline: none; }\n  button.goa-button.goa--secondary,\n  input[type='button'].goa-button.goa--secondary,\n  input[type='submit'].goa-button.goa--secondary {\n    border: 2px solid #0070c4;\n    background: #fff;\n    color: #0070c4; }\n    button.goa-button.goa--secondary:hover,\n    input[type='button'].goa-button.goa--secondary:hover,\n    input[type='submit'].goa-button.goa--secondary:hover {\n      border-color: #004f84;\n      background: #fff;\n      color: #004f84; }\n    button.goa-button.goa--secondary:focus, button.goa-button.goa--secondary:active,\n    input[type='button'].goa-button.goa--secondary:focus,\n    input[type='button'].goa-button.goa--secondary:active,\n    input[type='submit'].goa-button.goa--secondary:focus,\n    input[type='submit'].goa-button.goa--secondary:active {\n      color: #004f84;\n      background-color: #fff;\n      border: 2px solid #004f84;\n      box-shadow: 0 0 0 3px #feba35;\n      outline: none; }\n  button.goa-button.goa--tertiary,\n  input[type='button'].goa-button.goa--tertiary,\n  input[type='submit'].goa-button.goa--tertiary {\n    border-color: #dcdcdc;\n    background: #fff;\n    color: #0070c4; }\n    button.goa-button.goa--tertiary:hover,\n    input[type='button'].goa-button.goa--tertiary:hover,\n    input[type='submit'].goa-button.goa--tertiary:hover {\n      background: #fff;\n      color: #004f84; }\n    button.goa-button.goa--tertiary:focus, button.goa-button.goa--tertiary:active,\n    input[type='button'].goa-button.goa--tertiary:focus,\n    input[type='button'].goa-button.goa--tertiary:active,\n    input[type='submit'].goa-button.goa--tertiary:focus,\n    input[type='submit'].goa-button.goa--tertiary:active {\n      border: 2px solid #004f84;\n      color: #004f84;\n      background-color: #fff;\n      box-shadow: 0 0 0 3px #feba35;\n      outline: none; }\n";
-styleInject(css_248z$3);
+        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;
+        }
 
-var GoAButton = function GoAButton(_ref) {
-  var _ref$buttonType = _ref.buttonType,
-      buttonType = _ref$buttonType === void 0 ? 'primary' : _ref$buttonType,
-      _ref$buttonSize = _ref.buttonSize,
-      buttonSize = _ref$buttonSize === void 0 ? 'normal' : _ref$buttonSize,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? null : _ref$title,
-      _ref$children = _ref.children,
-      children = _ref$children === void 0 ? null : _ref$children,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? null : _ref$onClick,
-      props = _objectWithoutProperties(_ref, ["buttonType", "buttonSize", "title", "children", "onClick"]);
-
-  var btnTypeClass = buttonType === 'primary' ? '' : "goa--".concat(buttonType);
-  var btnSize = buttonSize === 'small' ? 'btn-small' : '';
-  return /*#__PURE__*/React.createElement("button", Object.assign({
-    className: "goa-button ".concat(btnSize, " ").concat(btnTypeClass),
-    title: title,
-    onClick: onClick
-  }, props), children);
-};
-GoAButton.propTypes = {
-  buttonSize: propTypes.string,
-  buttonType: propTypes.string,
-  title: propTypes.string,
-  children: propTypes.node,
-  onClick: propTypes.func
-};
+        return true;
+      default:
+        return false;
+    }
+  }
 
-var css_248z$4 = "/* typekit ***/\n/* This style is from the alberta design system */\n@import url(\"https://p.typekit.net/p.css?s=1&k=nur5yta&ht=tk&f=26036.26037.26044.26046.26047&a=14638192&app=typekit&e=css\");\n@font-face {\n  font-family: 'acumin-pro-semi-condensed';\n  src: url(\"https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/l?subset_id=1&fvd=n4&v=3\") format(\"woff2\"), url(\"https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/d?subset_id=1&fvd=n4&v=3\") format(\"woff\"), url(\"https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/a?subset_id=1&fvd=n4&v=3\") format(\"opentype\");\n  font-style: normal;\n  font-weight: 400; }\n\n@font-face {\n  font-family: 'acumin-pro-semi-condensed';\n  src: url(\"https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/l?subset_id=1&fvd=i4&v=3\") format(\"woff2\"), url(\"https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/d?subset_id=1&fvd=i4&v=3\") format(\"woff\"), url(\"https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/a?subset_id=1&fvd=i4&v=3\") format(\"opentype\");\n  font-style: italic;\n  font-weight: 400; }\n\n@font-face {\n  font-family: 'acumin-pro-semi-condensed';\n  src: url(\"https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/l?subset_id=1&fvd=n7&v=3\") format(\"woff2\"), url(\"https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/d?subset_id=1&fvd=n7&v=3\") format(\"woff\"), url(\"https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/a?subset_id=1&fvd=n7&v=3\") format(\"opentype\");\n  font-style: normal;\n  font-weight: 700; }\n\n@font-face {\n  font-family: 'acumin-pro-semi-condensed';\n  src: url(\"https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/l?subset_id=1&fvd=i7&v=3\") format(\"woff2\"), url(\"https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/d?subset_id=1&fvd=i7&v=3\") format(\"woff\"), url(\"https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/a?subset_id=1&fvd=i7&v=3\") format(\"opentype\");\n  font-style: italic;\n  font-weight: 700; }\n\n@font-face {\n  font-family: 'acumin-pro-semi-condensed';\n  src: url(\"https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/l?subset_id=1&fvd=n6&v=3\") format(\"woff2\"), url(\"https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/d?subset_id=1&fvd=n6&v=3\") format(\"woff\"), url(\"https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/a?subset_id=1&fvd=n6&v=3\") format(\"opentype\");\n  font-style: normal;\n  font-weight: 600; }\n\n/* This style is from the alberta design system */\nbody,\ninput,\nbutton,\ntextarea {\n  background: #fff;\n  font-family: acumin-pro-semi-condensed, sans-serif;\n  font-weight: 400;\n  font-size: 18px;\n  line-height: 28px; }\n\nh1 {\n  margin: 0;\n  padding: 0;\n  line-height: 56px;\n  font-size: 48px; }\n\nh2 {\n  margin: 24px 0 0;\n  padding: 0;\n  line-height: 44px;\n  color: #333;\n  font-size: 36px;\n  font-weight: 400; }\n\nh3 {\n  margin: 24px 0 0;\n  padding: 0;\n  line-height: 32px;\n  color: #333;\n  font-size: 24px;\n  font-weight: 400; }\n\nh4 {\n  margin: 23px 0 0;\n  padding: 0;\n  line-height: 28px;\n  color: #333;\n  font-size: 18px;\n  font-weight: 700; }\n\nh5 {\n  margin: 23px 0 0;\n  padding: 0;\n  line-height: 28px;\n  color: #333;\n  font-size: 18px;\n  font-weight: 700; }\n\nh6 {\n  margin: 23px 0 0;\n  padding: 0;\n  line-height: 28px;\n  color: #333;\n  font-size: 18px;\n  font-weight: 700; }\n\np {\n  margin: 23px 0 0;\n  font-size: 18px;\n  line-height: 28px; }\n\ndt {\n  font-weight: 700; }\n\nli {\n  margin: 13px 0 0 28px;\n  font-size: 18px;\n  line-height: 28px; }\n\nul {\n  list-style-type: disc;\n  margin-top: 28px; }\n\nul ul {\n  list-style-type: disc; }\n\na:link {\n  color: #0070c4; }\n\na:visited {\n  color: #756693; }\n\na:hover {\n  color: #004f84; }\n\na:focus {\n  outline-width: thin;\n  outline-style: solid;\n  outline-color: #004f84;\n  outline-offset: 0px; }\n\n/* anchors *******************************************************************/\nhtml:not([dir='rtl']) main a[target='_blank']:after {\n  display: inline-block;\n  width: 17px;\n  height: 16px;\n  margin: 0px 0px -2px 5px;\n  background: transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 22 20.51'%3E%3Cpath fill='%23333' d='M21,19.69a.58.58,0,0,1-.57.57H3.57A.58.58,0,0,1,3,19.69V4.31a.58.58,0,0,1,.57-.57H6.82v-2H3.57A2.58,2.58,0,0,0,1,4.31V19.69a2.58,2.58,0,0,0,2.57,2.57H20.43A2.58,2.58,0,0,0,23,19.69V16.44H21Z' transform='translate(-1 -1.74)'/%3E%3Cpath fill='%23333' d='M22,1.75H14.15a1,1,0,1,0,0,2h5.44l-7.41,7.41a1,1,0,0,0,.71,1.71,1,1,0,0,0,.7-.3L21,5.17V10.6a1,1,0,1,0,2,0V2.75A1,1,0,0,0,22,1.75Z' transform='translate(-1 -1.74)'/%3E%3C/svg%3E\") no-repeat center center;\n  content: ''; }\n\na[href$='.pdf']:after,\na[href$='.doc']:after,\na[href$='.docx']:after {\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  margin: 0px 0px -3px 5px;\n  background: transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' shape-rendering='geometricPrecision'%3E%3Cpath d='M0 16L16 16L16 14L0 14Z  M8 14L0 6L4 6L4 0L12 0L12 6L16 6Z' fill='%2336424a'/%3E%3C/svg%3E\") no-repeat center center;\n  content: ''; }\n";
-styleInject(css_248z$4);
+  function isSymbol(propType, propValue) {
+    // Native Symbol.
+    if (propType === 'symbol') {
+      return true;
+    }
 
-var css_248z$5 = "/* Palette */\n/* Semantic usages */\n.goa-callout {\n  box-sizing: border-box;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  margin: 24px 0 0;\n  padding: 23px 24px 23px 24px;\n  border-width: 0;\n  border-left-width: 48px;\n  border-style: solid;\n  border-color: #0070c4;\n  background: #f1f1f1;\n  /* variants ***/ }\n  .goa-callout *:first-child {\n    margin-top: 0; }\n  .goa-callout *:last-child {\n    margin-bottom: 0; }\n  .goa-callout.goa--important {\n    border-color: #feba35; }\n  .goa-callout.goa--emergency {\n    border-color: #EC040B; }\n  .goa-callout.goa--error {\n    border-color: #EC040B; }\n  .goa-callout.goa--success {\n    border-color: #00853f; }\n  .goa-callout:before {\n    position: absolute;\n    top: 28px;\n    left: -36px;\n    width: 24px;\n    height: 24px;\n    content: '';\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23fff' d='M15.16,15.5h-2V9a1,1,0,0,0-1-1H9.82a1,1,0,0,0,0,2h1.36V15.5h-2a1,1,0,1,0,0,2h6a1,1,0,0,0,0-2Z'/%3E%3Cpath fill='%23fff' d='M12,7.33A1.29,1.29,0,1,0,10.73,6,1.29,1.29,0,0,0,12,7.33Z'/%3E%3C/svg%3E\");\n    background-color: transparent;\n    background-repeat: no-repeat;\n    background-position: center center; }\n  .goa-callout.goa--emergency:before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11,9.41v4.52a1,1,0,0,0,2,0V9.41a1,1,0,0,0-2,0Z'/%3E%3Cpath fill='%23fff' d='M12,16.15a1.29,1.29,0,1,0,1.29,1.29A1.29,1.29,0,0,0,12,16.15Z'/%3E%3Cpath fill='%23fff' d='M22.87,20.14l-10-17.32a1,1,0,0,0-1.74,0l-10,17.32a1,1,0,0,0,0,1,1,1,0,0,0,.87.5H22a1,1,0,0,0,.87-.5A1,1,0,0,0,22.87,20.14Zm-19.14-.5L12,5.32l8.27,14.32Z'/%3E%3C/svg%3E\");\n    background-color: transparent;\n    background-repeat: no-repeat;\n    background-position: center center; }\n  .goa-callout.goa--error:before {\n    background-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><defs><style>.a{fill:none;}.b{fill:white;}</style></defs><rect class=\"a\" width=\"24\" height=\"24\"/><path class=\"b\" d=\"M48.1,23a11,11,0,1,0-11-11A10.968,10.968,0,0,0,48.1,23Zm0-20a9,9,0,1,1-9,9A8.963,8.963,0,0,1,48.1,3Z\" transform=\"translate(-36)\"/><path class=\"b\" d=\"M43.6,16.4a.967.967,0,0,0,1.4,0l3-3,3,3a.967.967,0,0,0,1.4,0,.967.967,0,0,0,0-1.4l-3-3,3-3A.99.99,0,0,0,51,7.6l-3,3-3-3A.99.99,0,0,0,43.6,9l3,3-3,3A1.2,1.2,0,0,0,43.6,16.4Z\" transform=\"translate(-36)\"/></svg>');\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center center; }\n  .goa-callout.goa--important:before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23000' d='M12,14.46a1,1,0,0,0,1-1V6.57a1,1,0,0,0-2,0v6.89A1,1,0,0,0,12,14.46Z'/%3E%3Cpath fill='%23000' d='M12,15.68A1.29,1.29,0,1,0,13.29,17,1.29,1.29,0,0,0,12,15.68Z'/%3E%3C/svg%3E\");\n    background-color: transparent;\n    background-repeat: no-repeat;\n    background-position: center center; }\n  .goa-callout.goa--event:before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.27,22.85H20.73a2.14,2.14,0,0,0,2.14-2.14V5A2.14,2.14,0,0,0,20.73,2.9h-2.1v2h2.1a.14.14,0,0,1,.14.14V8.31H3.13V5a.14.14,0,0,1,.14-.14H5.48V6.28a1,1,0,1,0,2,0V1.85a1,1,0,1,0-2,0v1H3.27A2.14,2.14,0,0,0,1.13,5V20.71A2.14,2.14,0,0,0,3.27,22.85Zm17.6-12.54v10.4a.14.14,0,0,1-.14.14H3.27a.14.14,0,0,1-.14-.14V10.31Z'/%3E%3Cpath fill='%23fff' d='M16.45,7.28a1,1,0,0,0,1-1V1.85a1,1,0,0,0-2,0v1h-1.8v2h1.8V6.28A1,1,0,0,0,16.45,7.28Z'/%3E%3Cpath fill='%23fff' d='M11.47,7.28a1,1,0,0,0,1-1V1.85a1,1,0,1,0-2,0v1H8.66v2h1.81V6.28A1,1,0,0,0,11.47,7.28Z'/%3E%3Crect fill='%23fff' x='6.67' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='11.22' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='15.77' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='3.64' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='8.19' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='12.74' y='15.83' width='2.33' height='2.33'/%3E%3C/svg%3E\");\n    background-color: transparent;\n    background-repeat: no-repeat;\n    background-position: center center; }\n  .goa-callout.goa--event:before {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.27,22.85H20.73a2.14,2.14,0,0,0,2.14-2.14V5A2.14,2.14,0,0,0,20.73,2.9h-2.1v2h2.1a.14.14,0,0,1,.14.14V8.31H3.13V5a.14.14,0,0,1,.14-.14H5.48V6.28a1,1,0,1,0,2,0V1.85a1,1,0,1,0-2,0v1H3.27A2.14,2.14,0,0,0,1.13,5V20.71A2.14,2.14,0,0,0,3.27,22.85Zm17.6-12.54v10.4a.14.14,0,0,1-.14.14H3.27a.14.14,0,0,1-.14-.14V10.31Z'/%3E%3Cpath fill='%23fff' d='M16.45,7.28a1,1,0,0,0,1-1V1.85a1,1,0,0,0-2,0v1h-1.8v2h1.8V6.28A1,1,0,0,0,16.45,7.28Z'/%3E%3Cpath fill='%23fff' d='M11.47,7.28a1,1,0,0,0,1-1V1.85a1,1,0,1,0-2,0v1H8.66v2h1.81V6.28A1,1,0,0,0,11.47,7.28Z'/%3E%3Crect fill='%23fff' x='6.67' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='11.22' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='15.77' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='3.64' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='8.19' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='12.74' y='15.83' width='2.33' height='2.33'/%3E%3C/svg%3E\");\n    background-color: transparent;\n    background-repeat: no-repeat;\n    background-position: center center; }\n  .goa-callout.goa--success:before {\n    background-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><defs><style>.a{fill:none;}.b{fill:white;}</style></defs><g transform=\"translate(-23 -68)\"><rect class=\"a\" width=\"24\" height=\"24\" transform=\"translate(23 68)\"/><path class=\"b\" d=\"M12,23A11,11,0,1,0,1,12,10.968,10.968,0,0,0,12,23ZM12,3a9,9,0,1,1-9,9A8.963,8.963,0,0,1,12,3Z\" transform=\"translate(23 68)\"/><path class=\"b\" d=\"M10.9,16.4a.908.908,0,0,0,.7.3h.1a.842.842,0,0,0,.7-.4L17.6,9a.913.913,0,0,0-.2-1.4,1,1,0,0,0-1.4.3l-4.5,6.3L8,10.5a.99.99,0,0,0-1.4,1.4Z\" transform=\"translate(23 68)\"/></g></svg>');\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center center; }\n  .goa-callout .messages {\n    margin-bottom: 0;\n    margin-top: 1em; }\n";
-styleInject(css_248z$5);
+    // falsy value can't be a Symbol
+    if (!propValue) {
+      return false;
+    }
 
-var GoACallout = function GoACallout(_ref) {
-  var title = _ref.title,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? "information" : _ref$type,
-      content = _ref.content,
-      _ref$children = _ref.children,
-      children = _ref$children === void 0 ? null : _ref$children,
-      props = _objectWithoutProperties(_ref, ["title", "type", "content", "children"]);
-
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "goa-callout goa--".concat(type)
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", {
-    "data-testid": "callout-title"
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: "messages",
-    "data-testid": "callout-content"
-  }, content || children))));
-};
-GoACallout.propTypes = {
-  title: propTypes.string,
-  type: propTypes.string.isRequired,
-  content: propTypes.string
-};
+    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
+    if (propValue['@@toStringTag'] === 'Symbol') {
+      return true;
+    }
 
-var initState = {
-  data: {},
-  validators: {},
-  errors: {},
-  navigator: {}
-};
-var FormContext;
+    // Fallback for non-spec compliant Symbols which are polyfilled.
+    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+      return true;
+    }
 
-var _FormContext = FormContext = React.createContext({}),
-    Provider = _FormContext.Provider;
-var GoAForm = function GoAForm(_ref) {
-  var _ref$formTitle = _ref.formTitle,
-      formTitle = _ref$formTitle === void 0 ? '' : _ref$formTitle,
-      _ref$formDescription = _ref.formDescription,
-      formDescription = _ref$formDescription === void 0 ? '' : _ref$formDescription,
-      onFormSubmit = _ref.onFormSubmit,
-      _ref$children = _ref.children,
-      children = _ref$children === void 0 ? null : _ref$children,
-      props = _objectWithoutProperties(_ref, ["formTitle", "formDescription", "onFormSubmit", "children"]);
-
-  var _useState = useState(initState),
-      _useState2 = _slicedToArray(_useState, 2),
-      formState = _useState2[0],
-      setFormState = _useState2[1];
+    return false;
+  }
 
-  var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      formErrors = _useState4[0],
-      setFormErrors = _useState4[1];
+  // 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;
+  }
 
-  var onSubmit = function onSubmit(e) {
-    e.preventDefault();
+  // 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;
+  }
 
-    if (validate()) {
-      onFormSubmit(formState.data);
+  // 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;
     }
-  };
-
-  var validate = function validate() {
-    var validators = formState.validators;
-    setFormState(function (state) {
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        errors: {}
-      });
-    });
-    var formErrors = Object.entries(validators).reduce(function (errors, _ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-          name = _ref3[0],
-          validators = _ref3[1];
-
-      var data = formState.data;
-
-      if (validators.length > 0) {
-        var messages = validators.reduce(function (result, validator) {
-          var value = data[name];
-          var err = validator(value, data);
-          return [].concat(_toConsumableArray(result), _toConsumableArray(err));
-        }, []);
-
-        if (messages.length > 0) {
-          errors[name] = "".concat(messages, " ").concat(name.toLocaleLowerCase());
-        }
+  }
 
-        var errorNames = [];
+  // Returns class name of the object, if any.
+  function getClassName(propValue) {
+    if (!propValue.constructor || !propValue.constructor.name) {
+      return ANONYMOUS;
+    }
+    return propValue.constructor.name;
+  }
 
-        for (var key in errors) {
-          if (errors[key].length > 0) {
-            errorNames.push(key);
-          }
-        }
+  ReactPropTypes.checkPropTypes = checkPropTypes_1;
+  ReactPropTypes.resetWarningCache = checkPropTypes_1.resetWarningCache;
+  ReactPropTypes.PropTypes = ReactPropTypes;
 
-        setFormErrors(errorNames);
-      }
+  return ReactPropTypes;
+};
 
-      return errors;
-    }, {});
+function emptyFunction() {}
+function emptyFunctionWithReset() {}
+emptyFunctionWithReset.resetWarningCache = emptyFunction;
 
-    if (Object.keys(formErrors).length === 0) {
-      return true;
+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,
 
-    setFormState(function (state) {
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        errors: formErrors
-      });
-    });
-    return false;
-  };
+    any: shim,
+    arrayOf: getShim,
+    element: shim,
+    elementType: shim,
+    instanceOf: getShim,
+    node: shim,
+    objectOf: getShim,
+    oneOf: getShim,
+    oneOfType: getShim,
+    shape: getShim,
+    exact: getShim,
 
-  var setFieldValue = function setFieldValue(name, value) {
-    setFormState(function (state) {
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        data: _objectSpread2(_objectSpread2({}, state.data), {}, _defineProperty({}, name, value)),
-        errors: _objectSpread2(_objectSpread2({}, state.errors), {}, _defineProperty({}, name, []))
-      });
-    });
+    checkPropTypes: emptyFunctionWithReset,
+    resetWarningCache: emptyFunction
   };
 
-  var registerInput = function registerInput(_ref4) {
-    var name = _ref4.name,
-        validators = _ref4.validators;
-    setFormState(function (state) {
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        validators: _objectSpread2(_objectSpread2({}, state.validators), {}, _defineProperty({}, name, validators || [])),
-        errors: _objectSpread2(_objectSpread2({}, state.errors), {}, _defineProperty({}, name, []))
-      });
-    });
-    return function () {
-      setFormState(function (state) {
-        var _state = _objectSpread2({}, state),
-            data = _state.data,
-            errors = _state.errors,
-            currentValidators = _state.validators,
-            navigator = _state.navigator;
-
-        delete data[name];
-        delete errors[name];
-        delete currentValidators[name];
-        delete navigator[name];
-        return {
-          data: data,
-          errors: errors,
-          validators: currentValidators,
-          navigator: navigator
-        };
-      });
-    };
-  };
+  ReactPropTypes.PropTypes = ReactPropTypes;
 
-  var formProviderValue = {
-    errors: formState.errors,
-    data: formState.data,
-    navigator: formState.navigator,
-    setFieldValue: setFieldValue,
-    registerInput: registerInput
-  };
+  return ReactPropTypes;
+};
 
-  function addNavigator(error) {
-    setFormState(function (state) {
-      return _objectSpread2(_objectSpread2({}, state), {}, {
-        navigator: {
-          name: error
-        }
-      });
-    });
-  }
+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.
+ */
 
-  var renderErrorList = function renderErrorList() {
-    return /*#__PURE__*/React.createElement(GoACallout, {
-      type: "emergency",
-      title: "Please fix following errors:"
-    }, /*#__PURE__*/React.createElement("ul", null, formErrors.map(function (error) {
-      return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
-        href: "#".concat(error),
-        onClick: function onClick() {
-          return addNavigator(error);
-        }
-      }, error));
-    })));
-  };
+if (process.env.NODE_ENV !== 'production') {
+  var ReactIs = reactIs;
 
-  return /*#__PURE__*/React.createElement(Provider, {
-    value: formProviderValue
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "goa-form"
-  }, /*#__PURE__*/React.createElement("h2", null, formTitle), /*#__PURE__*/React.createElement("p", null, formDescription), onFormSubmit ? /*#__PURE__*/React.createElement("form", {
-    onSubmit: onSubmit
-  }, children, formErrors.length > 0 && renderErrorList(), /*#__PURE__*/React.createElement(GoAFormButton, null, /*#__PURE__*/React.createElement(GoAButton, {
-    buttonType: "tertiary",
-    type: "button"
-  }, "Cancel"), /*#__PURE__*/React.createElement(GoAButton, {
-    buttonType: "primary",
-    type: "submit"
-  }, "Submit"))) : children));
-};
-GoAForm.propTypes = {
-  formTitle: propTypes.string,
-  formDescription: propTypes.string,
-  onSubmit: propTypes.func,
-  children: propTypes.node
-};
+  // 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$6 = "/* 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$6);
+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,
@@ -1792,16 +1819,17 @@ GoAInput.propTypes = {
   onChange: propTypes.func
 };
 
-var css_248z$7 = ".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$7);
+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);
 
-function GoAScrollable(_ref) {
+var GoAScrollable = function GoAScrollable(_ref) {
   var vertical = _ref.vertical,
       horizontal = _ref.horizontal,
       hPadding = _ref.hPadding,
       vPadding = _ref.vPadding,
       height = _ref.height,
-      children = _ref.children;
+      children = _ref.children,
+      testId = _ref.testId;
   var style = {
     overflowY: vertical ? 'auto' : 'hidden',
     overflowX: horizontal ? 'auto' : 'hidden',
@@ -1811,116 +1839,190 @@ function GoAScrollable(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "goa-scrollable"
   }, /*#__PURE__*/React.createElement("div", {
-    style: style
+    style: style,
+    "data-testid": testId
   }, children));
-}
-
-var css_248z$8 = "/* 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}\n\n/* Modal ============================================================================== */\n\n.modal {\n  position: relative;\n  background: #fff;\n  transition: opacity 150ms ease-in;\n  z-index: 1001;\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: 1000;\n  transition: opacity 100ms ease-in;\n}\n\n/* Modal Close ============================================================================ */\n\n.modal-close {\n  padding: 0.5rem;\n  top: 0.5rem;\n  right: 0.5rem;\n  position: absolute;\n  cursor: pointer;\n  height: 20px;\n  width: 20px;\n  border-radius: 999px;\n  transition: background 200ms ease-in;\n}\n\n.modal-close:hover {\n  background: rgba(0, 0, 0, 0.1);\n}\n";
-styleInject(css_248z$8);
+};
 
-function GoACloseIcon(_ref) {
-  var className = _ref.className,
-      onClick = _ref.onClick,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-  return /*#__PURE__*/React.createElement("svg", {
-    className: className,
-    "data-testid": "icon-close",
-    width: size,
-    height: size,
-    onClick: onClick,
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 512 512"
-  }, /*#__PURE__*/React.createElement("title", null, "Close"), /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "32",
-    d: "M368 368L144 144M368 144L144 368"
-  }));
-}
+var css_248z$4 = "/* Fade in */\n.fade-in-init {\n  display: none;\n}\n.fade-in-start {\n  display: block;\n  opacity: 0;\n  transition: opacity 200ms ease-in;\n}\n.fade-in-active {\n  opacity: 1;\n}\n\n/* Fade out */\n.fade-out-init {\n  display: block;\n}\n.fade-out-start {\n  display: block;\n  opacity: 1;\n  transition: opacity 200ms ease-in;\n}\n.fade-out-active {\n  opacity: 0;\n}\n\n/* ======= Slide in/out Up */\n\n/* Slide in up */\n.slide-in-up-init {\n  transition: translateY(0);\n  display: none;\n}\n.slide-in-up-start {\n  display: block;\n  transform: translateY(100vh);\n  transition: transform 300ms ease-out;\n}\n.slide-in-up-active {\n  transform: translateY(0);\n}\n\n/* Slide out up */\n.slide-out-up-init {\n  transform: translateY(0);\n  display: block;\n}\n.slide-out-up-start {\n  transition: transform 300ms ease-in;\n}\n.slide-out-up-active {\n  transform: translateY(-100vh);\n}\n\n/* ======= Slide in/out Down */\n\n/* Slide in down */\n.slide-in-down-init {\n  transition: translateY(0);\n  display: none;\n}\n.slide-in-down-start {\n  display: block;\n  transform: translateY(-100vh);\n  transition: transform 300ms ease-out;\n}\n.slide-in-down-active {\n  transform: translateY(0);\n}\n\n/* Slide out down */\n.slide-out-down-init {\n  transform: translateY(0);\n  display: block;\n}\n.slide-out-down-start {\n  transform: translateY(0);\n  transition: transform 300ms ease-in;\n}\n.slide-out-down-active {\n  transform: translateY(100vh);\n}\n/* ======= Slide in/out Left */\n\n/* Slide in left */\n.slide-in-left-init {\n  transition: translateX(0);\n  display: none;\n}\n.slide-in-left-start {\n  display: block;\n  transform: translateX(-100vw);\n  transition: transform 300ms ease-out;\n}\n.slide-in-left-active {\n  transform: translateX(0);\n}\n\n/* Slide out left */\n.slide-out-left-init {\n  transform: translateX(0);\n  display: block;\n}\n.slide-out-left-start {\n  transform: translateX(0);\n  transition: transform 300ms ease-in;\n}\n.slide-out-left-active {\n  transform: translateX(-100vw);\n}\n\n/* ======= Slide in/out Right */\n\n/* Slide in left */\n.slide-in-right-init {\n  transition: translateX(0);\n  display: none;\n}\n.slide-in-right-start {\n  display: block;\n  transform: translateX(100vw);\n  transition: transform 300ms ease-out;\n}\n.slide-in-right-active {\n  transform: translateX(0);\n}\n\n/* Slide out right */\n.slide-out-right-init {\n  transform: translateX(0);\n  display: block;\n}\n.slide-out-right-start {\n  transform: translateX(0);\n  transition: transform 300ms ease-in;\n}\n.slide-out-right-active {\n  transform: translateX(100vw);\n}\n";
+styleInject(css_248z$4);
 
-var GoAModal = function GoAModal(_ref) {
-  var children = _ref.children,
-      isOpen = _ref.isOpen,
-      onClose = _ref.onClose;
+var GoATransition = function GoATransition(_ref) {
+  var name = _ref.name,
+      active = _ref.active,
+      onComplete = _ref.onComplete,
+      children = _ref.children;
 
   var _useState = useState('init'),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
       setState = _useState2[1];
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      visible = _useState4[0],
-      setVisible = _useState4[1];
+  useEffect(function () {
+    if (active) {
+      setState('start');
+      setTimeout(function () {
+        return setState('active');
+      }, 100);
+      setTimeout(function () {
+        onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+      }, 500);
+    } else {
+      setState('init');
+    }
+  }, [active]); // `onComplete` in the dependencies results in an animation stutter
+
+  function getCss() {
+    switch (state) {
+      case 'init':
+        return "".concat(name, "-init");
+
+      case 'start':
+        return "".concat(name, "-start");
+
+      case 'active':
+        return "".concat(name, "-start ").concat(name, "-active");
+    }
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: getCss()
+  }, children);
+};
+
+var GoATransitionSequence = function GoATransitionSequence(props) {
+  function createTransition(props, children) {
+    return /*#__PURE__*/React.createElement(GoATransition, props, children);
+  }
+
+  return props.transitions // create components for the transitions
+  .map(function (state, index) {
+    return createTransition({
+      active: props.transitionIndex % (props.transitions.length + 1) > index,
+      name: state,
+      onComplete: function onComplete() {
+        return props === null || props === void 0 ? void 0 : props.onComplete(index, index === props.transitions.length - 1);
+      }
+    });
+  }) // on `reduce` we need to start with the innermost child
+  .reverse() // create parent/child relationship between components
+  .reduce(function (child, parent) {
+    if (!child) {
+      // the original children (user defined content to be transitioned)
+      return React.cloneElement(parent, {
+        children: props.children
+      });
+    }
+
+    return React.cloneElement(parent, {
+      children: child
+    });
+  }, null);
+};
+
+var css_248z$5 = "/* Root ============================================================================== */\n\n.modal-root {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\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  z-index: 1002;\n  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n}\n\n@media (max-width: 639px) {\n  .modal {\n    width: 90%;\n    max-height: 90%;\n  }\n}\n\n@media (min-width: 640px) {\n  .modal {\n    margin: 1rem;\n    max-height: 80%;\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  background: rgba(0, 0, 0, 0.5);\n  z-index: 1001;\n}\n\n/* Modal Close Icon ======================================================================= */\n\n.modal-close {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n}\n";
+styleInject(css_248z$5);
+
+/**
+ * Modal - Main Component
+ */
+
+var TRANSITION_INIT = 0;
+var TRANSITION_VISIBLE = 1;
+var TRANSITION_HIDDEN = 2;
+var GoAModal = function GoAModal(_ref) {
+  var children = _ref.children,
+      isOpen = _ref.isOpen,
+      onClose = _ref.onClose,
+      testId = _ref.testId,
+      backgroundTestId = _ref.backgroundTestId;
+
+  var _useState = useState(TRANSITION_INIT),
+      _useState2 = _slicedToArray(_useState, 2),
+      transitionIndex = _useState2[0],
+      setTransitionIndex = _useState2[1];
 
   useEffect(function () {
     if (isOpen) {
       show();
-    }
-
-    if (!isOpen && state === 'visible') {
+    } else if (transitionIndex !== 0) {
+      // don't hide() on the when in the init state
       hide();
     }
-  }, [isOpen, state]);
+  }, [isOpen]);
 
   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);
+    setTransitionIndex(TRANSITION_VISIBLE);
+    var scrollbarWidth = calculateScrollbarWidth();
+    document.body.style.overflow = 'hidden';
+    document.body.style.paddingRight = scrollbarWidth + 'px';
   }
 
   function hide() {
-    setState('hidden'); // need to perform on the next render cycle to allow the css transitions to take place
+    setTransitionIndex(TRANSITION_HIDDEN); // need to perform on the next render cycle to allow the css transitions to take place
 
     setTimeout(function () {
-      setVisible(false);
-      setState('hidden');
-      document.body.style.overflow = 'inherit';
+      document.body.style.overflow = '';
       document.body.style.paddingRight = '0';
     }, 300); // 300ms allows for any close animations to complete
+  } // allows the current state to be easily determined within tests
+
+
+  function getState() {
+    return ['init', 'visible', 'hidden'][transitionIndex];
   }
 
-  return visible && /*#__PURE__*/React.createElement("div", {
-    className: "modal-root"
+  return /*#__PURE__*/React.createElement(GoATransitionSequence, {
+    transitions: ['fade-in', 'fade-out'],
+    transitionIndex: transitionIndex,
+    onComplete: function onComplete(_index, done) {
+      return done && setTransitionIndex(0);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "modal-root",
+    "data-testid": testId,
+    "data-state": getState()
   }, /*#__PURE__*/React.createElement(Content, {
-    onClick: onClose,
-    visible: state === 'visible'
+    onClick: onClose
   }, children), /*#__PURE__*/React.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.createElement("div", {
-    "data-testid": "modal-actions",
     className: "modal-actions"
   }, children);
-};
+}; // ***************
+// GoAModalContent
+// ***************
+
 var GoAModalContent = function GoAModalContent(_ref3) {
-  var children = _ref3.children;
+  var children = _ref3.children,
+      testId = _ref3.testId;
   return /*#__PURE__*/React.createElement(GoAScrollable, {
+    testId: testId,
     vertical: true,
     hPadding: 1
   }, children);
-};
+}; // *************
+// GoAModalTitle
+// *************
+
 var GoAModalTitle = function GoAModalTitle(_ref4) {
-  var children = _ref4.children;
+  var children = _ref4.children,
+      testId = _ref4.testId;
   return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "modal-title",
+    "data-testid": testId,
     className: "modal-title"
   }, children);
 }; // ******************************************************************************
@@ -1932,41 +2034,34 @@ var GoAModalTitle = function GoAModalTitle(_ref4) {
 
 var Content = function Content(_ref5) {
   var children = _ref5.children,
-      onClick = _ref5.onClick,
-      visible = _ref5.visible;
-  var opacity = visible ? 1 : 0;
+      onClick = _ref5.onClick;
   return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "modal",
-    className: "modal",
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    style: {
-      opacity: opacity
-    }
-  }, onClick && /*#__PURE__*/React.createElement(GoACloseIcon, {
-    className: "modal-close",
+    className: "modal"
+  }, onClick && /*#__PURE__*/React.createElement("div", {
+    className: "modal-close"
+  }, /*#__PURE__*/React.createElement(GoAIconButton, {
+    type: "close",
+    variant: "simple",
     onClick: onClick
-  }), /*#__PURE__*/React.createElement("div", {
-    "data-testid": "modal-content",
+  })), /*#__PURE__*/React.createElement("div", {
     className: "modal-content"
-  }, children));
+  }, children), onClick && /*#__PURE__*/React.createElement("div", {
+    style: {
+      minHeight: '1rem'
+    }
+  }));
 }; // ****************
 // Background
 // ****************
 
 
 var Background = function Background(_ref6) {
-  var visible = _ref6.visible,
-      onClick = _ref6.onClick;
-  var opacity = visible ? 1 : 0;
+  var onClick = _ref6.onClick,
+      testId = _ref6.testId;
   return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "modal-background",
     className: "modal-background",
     onClick: onClick,
-    style: {
-      opacity: opacity
-    }
+    "data-testid": testId
   });
 }; // *******
 // Helpers
@@ -1978,6 +2073,11 @@ var Background = function Background(_ref6) {
 
 
 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';
@@ -1992,172 +2092,36 @@ function calculateScrollbarWidth() {
   return scrollbarWidth;
 }
 
-var css_248z$9 = "/* 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";
-styleInject(css_248z$9);
-
-var GoAPageLoader = function GoAPageLoader(_ref) {
-  var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'infinite' : _ref$type,
-      _ref$visible = _ref.visible,
-      visible = _ref$visible === void 0 ? false : _ref$visible,
-      _ref$message = _ref.message,
-      message = _ref$message === void 0 ? 'Loading...' : _ref$message,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 0 : _ref$value,
-      _ref$pagelock = _ref.pagelock,
-      pagelock = _ref$pagelock === void 0 ? true : _ref$pagelock,
-      _ref$displayType = _ref.displayType,
-      displayType = _ref$displayType === void 0 ? 'large' : _ref$displayType;
-
-  /**
-   * Set defaults
-   */
-  var progressMaxValue = 283;
-  var strokeDashoffset = 0;
-  /**
-   * Sets the progress if in progress mode.
-   * @param progress
-   * @returns
-   */
-
-  function setProgress(progress) {
-    if (type !== 'progress') {
-      return;
-    }
-
-    if (progress === 0) {
-      strokeDashoffset = progressMaxValue;
-      return;
-    }
-
-    if (progress >= 100) {
-      return;
-    }
-
-    var value = progressMaxValue - Math.round(progressMaxValue * progress / 100);
-    strokeDashoffset = value;
-  }
-
-  if (visible) {
-    if (pagelock && displayType !== 'small') {
-      document.body.style.height = '100%';
-      document.body.style.overflow = 'hidden';
-    } else {
-      document.body.style.removeProperty('height');
-      document.body.style.removeProperty('overflow');
-    }
-
-    if (type === 'progress') {
-      setProgress(value);
-    }
-
-    return /*#__PURE__*/React.createElement("div", {
-      className: "progress-container--".concat(displayType),
-      onKeyDown: function onKeyDown(event) {
-        event.preventDefault();
-      }
-    }, /*#__PURE__*/React.createElement("svg", {
-      className: "".concat(displayType === 'large' ? 'svg' : "svg--small"),
-      fill: "none",
-      viewBox: "0 0 100 100",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/React.createElement("circle", {
-      className: "base-circle",
-      cx: "50",
-      cy: "50",
-      r: "45"
-    }), /*#__PURE__*/React.createElement("circle", {
-      className: "".concat(type === 'infinite' ? 'progress-circle--infinite' : 'progress-circle'),
-      cx: "50",
-      cy: "50",
-      r: "45",
-      style: {
-        strokeDashoffset: strokeDashoffset
-      }
-    })), /*#__PURE__*/React.createElement("span", {
-      className: "progress-message--".concat(displayType)
-    }, message));
-  } else {
-    document.body.style.removeProperty('height');
-    document.body.style.removeProperty('overflow');
-    return null;
-  }
-};
-GoAPageLoader.propTypes = {
-  visible: propTypes.bool,
-  message: propTypes.string,
-  value: propTypes.number,
-  type: propTypes.string,
-  pagelock: propTypes.bool,
-  displayType: propTypes.string
-};
-
-var css_248z$a = "@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\n.skeleton.paragraph {\n  width: 100%;\n  height: 70px; }\n\n.skeleton.title {\n  width: 50%;\n  height: 20px;\n  margin-bottom: 15px; }\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\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$a);
-
-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.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.createElement(GoASkeletonElement, {
-      type: "text"
-    }));
-  }
-
+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.createElement("div", {
-    className: "skeleton-content"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(GoASkeletonElement, {
-    type: "title"
-  }), elements));
+    className: className
+  }, children, error && /*#__PURE__*/React.createElement("div", {
+    className: "error-msg"
+  }, error), helpText && !error && /*#__PURE__*/React.createElement("div", {
+    id: "helpText",
+    className: "help-msg"
+  }, helpText));
 };
 
-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.createElement(GoASkeletonElement, {
-      type: "text"
-    }));
-  }
-
+var GoAFormActions = function GoAFormActions(_ref) {
+  var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: "skeleton-content"
-  }, /*#__PURE__*/React.createElement("div", null, elements));
+    className: "goa-form-actions"
+  }, children);
 };
 
-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.createElement(GoASkeletonElement, {
-      type: "text"
-    }));
-  }
+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.createElement("div", {
-    className: "skeleton-image-content"
-  }, /*#__PURE__*/React.createElement(GoASkeletonElement, {
-    type: "thumbnail"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "skeleton-image-content__text"
-  }, /*#__PURE__*/React.createElement(GoASkeletonElement, {
-    type: "title"
-  }), elements));
+    className: "goa-form"
+  }, children);
 };
 
-export { GoABadge, GoAElementLoader, GoAForm, GoAFormButton, GoAFormContainer, GoAFormItem, GoAInput, GoAModal, GoAModalActions, GoAModalContent, GoAModalTitle, GoAPageLoader, GoAScrollable, GoASkeletonContent, GoASkeletonGridColumnContent, GoASkeletonImageContent };
+export { GoABadge, GoAForm, GoAFormActions, GoAFormItem, GoAIcon, GoAIconButton, GoAInput, GoAModal, GoAModalActions, GoAModalContent, GoAModalTitle, GoAScrollable, GoATransition, GoATransitionSequence };