@micromag/core 0.3.618 → 0.3.628

package/es/components.js

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import classNames from 'classnames';
-import PropTypes$1 from 'prop-types';
+import PropTypes from 'prop-types';
 import React, { useCallback, useState, useEffect, useRef, useMemo } from 'react';
 import { Link as Link$1 } from 'wouter';
-import { PropTypes } from '@micromag/core';
+import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { FormattedMessage, defineMessages, FormattedDate, FormattedTime } from 'react-intl';
 import { isMessage, getFieldFromPath, getComponentFromName, setFieldValue, validateFields, getDisplayName, pascalCase, convertStyleToString } from '@micromag/core/utils';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -46,9 +46,9 @@ import { config, animated } from '@react-spring/web';
 
 /* eslint-disable react/jsx-props-no-spreading */
 var propTypes$T = {
-  children: PropTypes.label.isRequired,
-  isHtml: PropTypes$1.bool,
-  values: PropTypes$1.object // eslint-disable-line react/forbid-prop-types
+  children: PropTypes$1.label.isRequired,
+  isHtml: PropTypes.bool,
+  values: PropTypes.object // eslint-disable-line react/forbid-prop-types
 };
 var defaultProps$T = {
   isHtml: false,
@@ -66,40 +66,40 @@ var Label = function Label(_ref) {
 Label.propTypes = propTypes$T;
 Label.defaultProps = defaultProps$T;
 
-var styles$y = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","label":"micromag-core-buttons-button-label","withIcon":"micromag-core-buttons-button-withIcon","right":"micromag-core-buttons-button-right","withAnimations":"micromag-core-buttons-button-withAnimations","icon-right":"micromag-core-buttons-button-icon-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
+var styles$y = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","label":"micromag-core-buttons-button-label","withIcon":"micromag-core-buttons-button-withIcon","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
 
 var _excluded$c = ["type", "theme", "size", "href", "external", "direct", "target", "label", "children", "focusable", "active", "icon", "iconPosition", "disabled", "loading", "disableOnLoading", "small", "big", "withShadow", "withoutStyle", "withoutBootstrapStyles", "withoutTheme", "asLink", "outline", "onClick", "className", "iconClassName", "labelClassName", "refButton"];
 var propTypes$S = {
-  type: PropTypes$1.string,
-  theme: PropTypes.buttonTheme,
-  size: PropTypes.buttonSize,
-  href: PropTypes$1.string,
-  external: PropTypes$1.bool,
-  direct: PropTypes$1.bool,
-  target: PropTypes$1.string,
-  label: PropTypes.label,
-  children: PropTypes.label,
-  focusable: PropTypes$1.bool,
-  active: PropTypes$1.bool,
-  icon: PropTypes$1.node,
-  iconPosition: PropTypes$1.oneOf(['left', 'right', 'inline']),
-  disabled: PropTypes$1.bool,
-  loading: PropTypes$1.bool,
-  disableOnLoading: PropTypes$1.bool,
-  small: PropTypes$1.bool,
-  big: PropTypes$1.bool,
-  withShadow: PropTypes$1.bool,
-  withoutStyle: PropTypes$1.bool,
-  withoutBootstrapStyles: PropTypes$1.bool,
-  withoutTheme: PropTypes$1.bool,
-  outline: PropTypes$1.bool,
-  asLink: PropTypes$1.bool,
-  className: PropTypes$1.string,
-  iconClassName: PropTypes$1.string,
-  labelClassName: PropTypes$1.string,
-  onClick: PropTypes$1.func,
-  refButton: PropTypes$1.oneOfType([PropTypes$1.func, PropTypes$1.shape({
-    current: PropTypes$1.any // eslint-disable-line
+  type: PropTypes.string,
+  theme: PropTypes$1.buttonTheme,
+  size: PropTypes$1.buttonSize,
+  href: PropTypes.string,
+  external: PropTypes.bool,
+  direct: PropTypes.bool,
+  target: PropTypes.string,
+  label: PropTypes$1.label,
+  children: PropTypes$1.label,
+  focusable: PropTypes.bool,
+  active: PropTypes.bool,
+  icon: PropTypes.node,
+  iconPosition: PropTypes.oneOf(['left', 'right', 'inline']),
+  disabled: PropTypes.bool,
+  loading: PropTypes.bool,
+  disableOnLoading: PropTypes.bool,
+  small: PropTypes.bool,
+  big: PropTypes.bool,
+  withShadow: PropTypes.bool,
+  withoutStyle: PropTypes.bool,
+  withoutBootstrapStyles: PropTypes.bool,
+  withoutTheme: PropTypes.bool,
+  outline: PropTypes.bool,
+  asLink: PropTypes.bool,
+  className: PropTypes.string,
+  iconClassName: PropTypes.string,
+  labelClassName: PropTypes.string,
+  onClick: PropTypes.func,
+  refButton: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any // eslint-disable-line
   })])
 };
 var defaultProps$S = {
@@ -221,13 +221,13 @@ var styles$x = {};
 
 var _excluded$b = ["className", "onClick", "theme"];
 var propTypes$R = {
-  buttons: PropTypes.buttons,
-  size: PropTypes.buttonSize,
-  theme: PropTypes.buttonTheme,
-  renderButton: PropTypes$1.func,
-  onClickButton: PropTypes$1.func,
-  className: PropTypes$1.string,
-  buttonClassName: PropTypes$1.string
+  buttons: PropTypes$1.buttons,
+  size: PropTypes$1.buttonSize,
+  theme: PropTypes$1.buttonTheme,
+  renderButton: PropTypes.func,
+  onClickButton: PropTypes.func,
+  className: PropTypes.string,
+  buttonClassName: PropTypes.string
 };
 var defaultProps$R = {
   buttons: [],
@@ -278,7 +278,7 @@ Buttons.defaultProps = defaultProps$R;
 
 var _excluded$a = ["className"];
 var propTypes$Q = {
-  className: PropTypes$1.string
+  className: PropTypes.string
 };
 var defaultProps$Q = {
   className: null
@@ -302,8 +302,8 @@ var styles$w = {"container":"micromag-core-buttons-clear-container","icon":"micr
 
 var _excluded$9 = ["onClick", "className"];
 var propTypes$P = {
-  onClick: PropTypes$1.func,
-  className: PropTypes$1.string
+  onClick: PropTypes.func,
+  className: PropTypes.string
 };
 var defaultProps$P = {
   onClick: null,
@@ -328,17 +328,17 @@ ClearButton.defaultProps = defaultProps$P;
 var _excluded$8 = ["type"],
   _excluded2 = ["component", "id", "settings"];
 var propTypes$O = {
-  name: PropTypes$1.string,
+  name: PropTypes.string,
   // .isRequired,
-  value: PropTypes.component,
-  form: PropTypes$1.string,
-  formComponents: PropTypes.components,
-  fields: PropTypes.fields,
-  className: PropTypes$1.string,
-  onChange: PropTypes$1.func,
-  gotoFieldForm: PropTypes$1.func.isRequired,
-  closeFieldForm: PropTypes$1.func.isRequired,
-  fieldContext: PropTypes$1.any // eslint-disable-line react/forbid-prop-types
+  value: PropTypes$1.component,
+  form: PropTypes.string,
+  formComponents: PropTypes$1.components,
+  fields: PropTypes$1.fields,
+  className: PropTypes.string,
+  onChange: PropTypes.func,
+  gotoFieldForm: PropTypes.func.isRequired,
+  closeFieldForm: PropTypes.func.isRequired,
+  fieldContext: PropTypes.any // eslint-disable-line react/forbid-prop-types
 };
 var defaultProps$O = {
   name: null,
@@ -423,33 +423,33 @@ FieldForm.defaultProps = defaultProps$O;
 var styles$v = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
 
 var propTypes$N = {
-  action: PropTypes$1.string.isRequired,
-  method: PropTypes$1.string,
-  fields: PropTypes.formFields,
-  initialValue: PropTypes$1.object,
+  action: PropTypes.string.isRequired,
+  method: PropTypes.string,
+  fields: PropTypes$1.formFields,
+  initialValue: PropTypes.object,
   // eslint-disable-line react/forbid-prop-types
-  postForm: PropTypes$1.func,
-  submitButtonLabel: PropTypes.label,
-  submitButtonLoadingLabel: PropTypes.label,
-  submitButtonTheme: PropTypes$1.string,
-  cancelButtonTheme: PropTypes$1.string,
-  buttons: PropTypes.buttons,
-  children: PropTypes$1.node,
-  actionsAlign: PropTypes$1.oneOf(['left', 'right']),
-  withoutActions: PropTypes$1.bool,
-  withoutComplete: PropTypes$1.bool,
-  withoutBackButton: PropTypes$1.bool,
-  onComplete: PropTypes$1.func,
-  onResponse: PropTypes$1.func,
-  onMessage: PropTypes$1.func,
-  onCancel: PropTypes$1.func,
-  onCancelHref: PropTypes$1.string,
-  onOpenFieldForm: PropTypes$1.func,
-  onCloseFieldForm: PropTypes$1.func,
-  className: PropTypes$1.string,
-  fieldsClassName: PropTypes$1.string,
-  actionsClassName: PropTypes$1.string,
-  cancelClassName: PropTypes$1.string
+  postForm: PropTypes.func,
+  submitButtonLabel: PropTypes$1.label,
+  submitButtonLoadingLabel: PropTypes$1.label,
+  submitButtonTheme: PropTypes.string,
+  cancelButtonTheme: PropTypes.string,
+  buttons: PropTypes$1.buttons,
+  children: PropTypes.node,
+  actionsAlign: PropTypes.oneOf(['left', 'right']),
+  withoutActions: PropTypes.bool,
+  withoutComplete: PropTypes.bool,
+  withoutBackButton: PropTypes.bool,
+  onComplete: PropTypes.func,
+  onResponse: PropTypes.func,
+  onMessage: PropTypes.func,
+  onCancel: PropTypes.func,
+  onCancelHref: PropTypes.string,
+  onOpenFieldForm: PropTypes.func,
+  onCloseFieldForm: PropTypes.func,
+  className: PropTypes.string,
+  fieldsClassName: PropTypes.string,
+  actionsClassName: PropTypes.string,
+  cancelClassName: PropTypes.string
 };
 var defaultProps$N = {
   method: 'POST',
@@ -661,13 +661,13 @@ var styles$u = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
 
 var _excluded$7 = ["href", "external", "children", "target", "rel", "className", "withoutStyle"];
 var propTypes$M = {
-  href: PropTypes$1.string,
-  external: PropTypes$1.bool,
-  target: PropTypes$1.string,
-  children: PropTypes.label,
-  rel: PropTypes$1.string,
-  withoutStyle: PropTypes$1.bool,
-  className: PropTypes$1.string
+  href: PropTypes.string,
+  external: PropTypes.bool,
+  target: PropTypes.string,
+  children: PropTypes$1.label,
+  rel: PropTypes.string,
+  withoutStyle: PropTypes.bool,
+  className: PropTypes.string
 };
 var defaultProps$M = {
   href: '',
@@ -702,33 +702,33 @@ Link.defaultProps = defaultProps$M;
 
 var _excluded$6 = ["label", "className"];
 var propTypes$L = {
-  href: PropTypes$1.string,
-  header: PropTypes$1.node,
-  image: PropTypes$1.node,
-  imageAlt: PropTypes$1.string,
-  imageOverlay: PropTypes$1.bool,
-  beforeBody: PropTypes$1.node,
-  title: PropTypes.label,
-  subtitle: PropTypes.label,
-  children: PropTypes$1.node,
-  afterBody: PropTypes$1.node,
-  links: PropTypes$1.arrayOf(PropTypes$1.shape({
-    label: PropTypes.label,
-    href: PropTypes$1.string
+  href: PropTypes.string,
+  header: PropTypes.node,
+  image: PropTypes.node,
+  imageAlt: PropTypes.string,
+  imageOverlay: PropTypes.bool,
+  beforeBody: PropTypes.node,
+  title: PropTypes$1.label,
+  subtitle: PropTypes$1.label,
+  children: PropTypes.node,
+  afterBody: PropTypes.node,
+  links: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes$1.label,
+    href: PropTypes.string
   })),
-  linksInSameBody: PropTypes$1.bool,
-  footer: PropTypes$1.node,
-  theme: PropTypes$1.oneOf([null, 'dark', 'primary', 'light']),
-  className: PropTypes$1.string,
-  imageClassName: PropTypes$1.string,
-  headerClassName: PropTypes$1.string,
-  titleClassName: PropTypes$1.string,
-  subtitleClassName: PropTypes$1.string,
-  bodyClassName: PropTypes$1.string,
-  footerClassName: PropTypes$1.string,
-  onClick: PropTypes$1.func,
-  onClickBody: PropTypes$1.func,
-  onClickFooter: PropTypes$1.func
+  linksInSameBody: PropTypes.bool,
+  footer: PropTypes.node,
+  theme: PropTypes.oneOf([null, 'dark', 'primary', 'light']),
+  className: PropTypes.string,
+  imageClassName: PropTypes.string,
+  headerClassName: PropTypes.string,
+  titleClassName: PropTypes.string,
+  subtitleClassName: PropTypes.string,
+  bodyClassName: PropTypes.string,
+  footerClassName: PropTypes.string,
+  onClick: PropTypes.func,
+  onClickBody: PropTypes.func,
+  onClickFooter: PropTypes.func
 };
 var defaultProps$L = {
   href: null,
@@ -846,13 +846,13 @@ var Card = function Card(_ref) {
 Card.propTypes = propTypes$L;
 Card.defaultProps = defaultProps$L;
 
-var styles$t = {"container":"micromag-core-partials-spinner-container","path":"micromag-core-partials-spinner-path","animated":"micromag-core-partials-spinner-animated","rotate":"micromag-core-partials-spinner-rotate","dash":"micromag-core-partials-spinner-dash"};
+var styles$t = {"container":"micromag-core-partials-spinner-container","path":"micromag-core-partials-spinner-path","animated":"micromag-core-partials-spinner-animated"};
 
 var propTypes$K = {
-  animated: PropTypes$1.bool,
-  color: PropTypes$1.string,
-  strokeWidth: PropTypes$1.number,
-  className: PropTypes$1.string
+  animated: PropTypes.bool,
+  color: PropTypes.string,
+  strokeWidth: PropTypes.number,
+  className: PropTypes.string
 };
 var defaultProps$K = {
   animated: true,
@@ -888,10 +888,10 @@ var styles$s = {};
 
 var _excluded$5 = ["description", "loading", "children", "className"];
 var propTypes$J = {
-  description: PropTypes$1.node,
-  loading: PropTypes$1.bool,
-  children: PropTypes$1.node,
-  className: PropTypes$1.string
+  description: PropTypes.node,
+  loading: PropTypes.bool,
+  children: PropTypes.node,
+  className: PropTypes.string
 };
 var defaultProps$J = {
   description: null,
@@ -913,8 +913,8 @@ FormPanel.propTypes = propTypes$J;
 FormPanel.defaultProps = defaultProps$J;
 
 var propTypes$I = {
-  className: PropTypes$1.string,
-  color: PropTypes$1.string
+  className: PropTypes.string,
+  color: PropTypes.string
 };
 var defaultProps$I = {
   className: null,
@@ -941,8 +941,8 @@ ArrowIcon.propTypes = propTypes$I;
 ArrowIcon.defaultProps = defaultProps$I;
 
 var propTypes$H = {
-  className: PropTypes$1.string,
-  color: PropTypes$1.string
+  className: PropTypes.string,
+  color: PropTypes.string
 };
 var defaultProps$H = {
   className: null,
@@ -974,8 +974,8 @@ CloseIcon.propTypes = propTypes$H;
 CloseIcon.defaultProps = defaultProps$H;
 
 var propTypes$G = {
-  className: PropTypes$1.string,
-  color: PropTypes$1.string
+  className: PropTypes.string,
+  color: PropTypes.string
 };
 var defaultProps$G = {
   className: null,
@@ -1000,8 +1000,8 @@ FullscreenIcon.propTypes = propTypes$G;
 FullscreenIcon.defaultProps = defaultProps$G;
 
 var propTypes$F = {
-  className: PropTypes$1.string,
-  color: PropTypes$1.string
+  className: PropTypes.string,
+  color: PropTypes.string
 };
 var defaultProps$F = {
   className: null,
@@ -1035,8 +1035,8 @@ LinkIcon.propTypes = propTypes$F;
 LinkIcon.defaultProps = defaultProps$F;
 
 var propTypes$E = {
-  className: PropTypes$1.string,
-  color: PropTypes$1.string
+  className: PropTypes.string,
+  color: PropTypes.string
 };
 var defaultProps$E = {
   className: null,
@@ -1067,8 +1067,8 @@ MuteIcon.propTypes = propTypes$E;
 MuteIcon.defaultProps = defaultProps$E;
 
 var propTypes$D = {
-  className: PropTypes$1.string,
-  color: PropTypes$1.string
+  className: PropTypes.string,
+  color: PropTypes.string
 };
 var defaultProps$D = {
   className: null,
@@ -1101,8 +1101,8 @@ PauseIcon.propTypes = propTypes$D;
 PauseIcon.defaultProps = defaultProps$D;
 
 var propTypes$C = {
-  className: PropTypes$1.string,
-  color: PropTypes$1.string
+  className: PropTypes.string,
+  color: PropTypes.string
 };
 var defaultProps$C = {
   className: null,
@@ -1128,8 +1128,8 @@ PlayIcon.propTypes = propTypes$C;
 PlayIcon.defaultProps = defaultProps$C;
 
 var propTypes$B = {
-  className: PropTypes$1.string,
-  color: PropTypes$1.string
+  className: PropTypes.string,
+  color: PropTypes.string
 };
 var defaultProps$B = {
   className: null,
@@ -1161,12 +1161,12 @@ UnmuteIcon.defaultProps = defaultProps$B;
 var styles$r = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
 
 var propTypes$A = {
-  items: PropTypes.menuItems,
-  theme: PropTypes.bootstrapThemes,
-  separator: PropTypes$1.oneOf([null, 'arrow']),
-  withoutBar: PropTypes$1.bool,
-  noWrap: PropTypes$1.bool,
-  className: PropTypes$1.string
+  items: PropTypes$1.menuItems,
+  theme: PropTypes$1.bootstrapThemes,
+  separator: PropTypes.oneOf([null, 'arrow']),
+  withoutBar: PropTypes.bool,
+  noWrap: PropTypes.bool,
+  className: PropTypes.string
 };
 var defaultProps$A = {
   items: [],
@@ -1219,14 +1219,14 @@ Breadcrumb.defaultProps = defaultProps$A;
 
 var _excluded$4 = ["type", "className", "label", "children", "onClick", "active"];
 var propTypes$z = {
-  items: PropTypes.menuItems,
-  children: PropTypes$1.node,
-  visible: PropTypes$1.bool,
-  align: PropTypes.dropdownAlign,
-  className: PropTypes$1.string,
-  itemClassName: PropTypes$1.string,
-  onClickItem: PropTypes$1.func,
-  onClickOutside: PropTypes$1.func
+  items: PropTypes$1.menuItems,
+  children: PropTypes.node,
+  visible: PropTypes.bool,
+  align: PropTypes$1.dropdownAlign,
+  className: PropTypes.string,
+  itemClassName: PropTypes.string,
+  onClickItem: PropTypes.func,
+  onClickOutside: PropTypes.func
 };
 var defaultProps$z = {
   items: [],
@@ -1321,23 +1321,23 @@ Dropdown.defaultProps = defaultProps$z;
 
 var _excluded$3 = ["id", "className", "linkClassName", "href", "label", "external", "items", "dropdown", "active", "onClick"];
 var propTypes$y = {
-  items: PropTypes.menuItems,
-  tagName: PropTypes$1.string,
-  itemTagName: PropTypes$1.string,
-  children: PropTypes$1.node,
-  linkAsItem: PropTypes$1.bool,
-  className: PropTypes$1.string,
-  itemClassName: PropTypes$1.string,
-  linkClassName: PropTypes$1.string,
-  hasSubMenuClassName: PropTypes$1.string,
-  subMenuClassName: PropTypes$1.string,
-  subMenuItemClassName: PropTypes$1.string,
-  subMenuLinkClassName: PropTypes$1.string,
-  hasDropdownClassName: PropTypes$1.string,
-  dropdownClassName: PropTypes$1.string,
-  dropdownItemClassName: PropTypes$1.string,
-  dropdownLinkClassName: PropTypes$1.string,
-  dropdownAlign: PropTypes.dropdownAlign
+  items: PropTypes$1.menuItems,
+  tagName: PropTypes.string,
+  itemTagName: PropTypes.string,
+  children: PropTypes.node,
+  linkAsItem: PropTypes.bool,
+  className: PropTypes.string,
+  itemClassName: PropTypes.string,
+  linkClassName: PropTypes.string,
+  hasSubMenuClassName: PropTypes.string,
+  subMenuClassName: PropTypes.string,
+  subMenuItemClassName: PropTypes.string,
+  subMenuLinkClassName: PropTypes.string,
+  hasDropdownClassName: PropTypes.string,
+  dropdownClassName: PropTypes.string,
+  dropdownItemClassName: PropTypes.string,
+  dropdownLinkClassName: PropTypes.string,
+  dropdownAlign: PropTypes$1.dropdownAlign
 };
 var defaultProps$y = {
   items: [],
@@ -1461,20 +1461,20 @@ _Menu.defaultProps = defaultProps$y;
 var styles$q = {"collapse":"micromag-core-menus-navbar-collapse"};
 
 var propTypes$x = {
-  brand: PropTypes$1.node,
-  brandLink: PropTypes$1.string,
-  breadcrumbs: PropTypes$1.node,
-  theme: PropTypes$1.oneOf(['light', 'dark', 'primary', null]),
-  size: PropTypes$1.oneOf(['sm', 'md', 'lg']),
-  compact: PropTypes$1.bool,
-  noWrap: PropTypes$1.bool,
-  withoutCollapse: PropTypes$1.bool,
-  withoutCollapseToggle: PropTypes$1.bool,
-  children: PropTypes$1.node,
-  className: PropTypes$1.string,
-  brandClassName: PropTypes$1.string,
-  breadCrumbsClassName: PropTypes$1.string,
-  collapseClassName: PropTypes$1.string
+  brand: PropTypes.node,
+  brandLink: PropTypes.string,
+  breadcrumbs: PropTypes.node,
+  theme: PropTypes.oneOf(['light', 'dark', 'primary', null]),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  compact: PropTypes.bool,
+  noWrap: PropTypes.bool,
+  withoutCollapse: PropTypes.bool,
+  withoutCollapseToggle: PropTypes.bool,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  brandClassName: PropTypes.string,
+  breadCrumbsClassName: PropTypes.string,
+  collapseClassName: PropTypes.string
 };
 var defaultProps$x = {
   brand: null,
@@ -1568,19 +1568,19 @@ var messages = defineMessages({
   }
 });
 var propTypes$w = {
-  page: PropTypes$1.number,
-  lastPage: PropTypes$1.number,
-  maxPages: PropTypes$1.number,
-  total: PropTypes$1.number,
-  url: PropTypes$1.string,
-  query: PropTypes$1.object,
+  page: PropTypes.number,
+  lastPage: PropTypes.number,
+  maxPages: PropTypes.number,
+  total: PropTypes.number,
+  url: PropTypes.string,
+  query: PropTypes.object,
   // eslint-disable-line react/forbid-prop-types
-  withPreviousNext: PropTypes$1.bool,
-  className: PropTypes$1.string,
-  paginationClassName: PropTypes$1.string,
-  itemClassName: PropTypes$1.string,
-  linkClassName: PropTypes$1.string,
-  onClickPage: PropTypes$1.func
+  withPreviousNext: PropTypes.bool,
+  className: PropTypes.string,
+  paginationClassName: PropTypes.string,
+  itemClassName: PropTypes.string,
+  linkClassName: PropTypes.string,
+  onClickPage: PropTypes.func
 };
 var defaultProps$w = {
   page: 1,
@@ -1691,13 +1691,13 @@ PaginationMenu.defaultProps = defaultProps$w;
 var styles$o = {"container":"micromag-core-menus-tabs-container"};
 
 var propTypes$v = {
-  items: PropTypes.menuItems,
-  size: PropTypes.buttonSize,
-  theme: PropTypes.buttonTheme,
-  renderItemButton: PropTypes$1.func,
-  buttonClassName: PropTypes$1.string,
-  className: PropTypes$1.string,
-  onClickItem: PropTypes$1.func
+  items: PropTypes$1.menuItems,
+  size: PropTypes$1.buttonSize,
+  theme: PropTypes$1.buttonTheme,
+  renderItemButton: PropTypes.func,
+  buttonClassName: PropTypes.string,
+  className: PropTypes.string,
+  onClickItem: PropTypes.func
 };
 var defaultProps$v = {
   items: [],
@@ -1734,9 +1734,9 @@ TabsMenu.defaultProps = defaultProps$v;
 var styles$n = {"container":"micromag-core-modals-container","modals":"micromag-core-modals-modals","hasModals":"micromag-core-modals-hasModals"};
 
 var propTypes$u = {
-  modals: PropTypes.modals.isRequired,
-  setModalsContainer: PropTypes$1.func.isRequired,
-  className: PropTypes$1.string
+  modals: PropTypes$1.modals.isRequired,
+  setModalsContainer: PropTypes.func.isRequired,
+  className: PropTypes.string
 };
 var defaultProps$u = {
   className: null
@@ -1762,14 +1762,14 @@ var Modals = withModals(ModalsContainer);
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
 var propTypes$t = {
-  id: PropTypes$1.string,
-  data: PropTypes$1.object,
+  id: PropTypes.string,
+  data: PropTypes.object,
   // eslint-disable-line react/forbid-prop-types
-  container: PropTypes$1.object,
+  container: PropTypes.object,
   // eslint-disable-line react/forbid-prop-types
-  register: PropTypes$1.func,
-  unregister: PropTypes$1.func,
-  children: PropTypes$1.node
+  register: PropTypes.func,
+  unregister: PropTypes.func,
+  children: PropTypes.node
 };
 var defaultProps$t = {
   id: null,
@@ -1806,10 +1806,10 @@ ElementPortal.defaultProps = defaultProps$t;
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
 var propTypes$s = {
-  id: PropTypes$1.string,
-  data: PropTypes$1.object,
+  id: PropTypes.string,
+  data: PropTypes.object,
   // eslint-disable-line react/forbid-prop-types
-  children: PropTypes$1.node
+  children: PropTypes.node
 };
 var defaultProps$s = {
   id: null,
@@ -1840,10 +1840,10 @@ ModalPortal.defaultProps = defaultProps$s;
 var styles$m = {"container":"micromag-core-modals-modal-container","center":"micromag-core-modals-modal-center","inner":"micromag-core-modals-modal-inner","top":"micromag-core-modals-modal-top"};
 
 var propTypes$r = {
-  id: PropTypes$1.string,
-  title: PropTypes$1.string,
-  position: PropTypes$1.oneOf(['center', 'top']),
-  children: PropTypes$1.node
+  id: PropTypes.string,
+  title: PropTypes.string,
+  position: PropTypes.oneOf(['center', 'top']),
+  children: PropTypes.node
 };
 var defaultProps$r = {
   id: null,
@@ -1879,15 +1879,15 @@ Modal.defaultProps = defaultProps$r;
 var styles$l = {"container":"micromag-core-modals-dialog-container"};
 
 var propTypes$q = {
-  title: PropTypes.label,
-  header: PropTypes$1.node,
-  children: PropTypes$1.node,
-  footer: PropTypes$1.node,
-  size: PropTypes$1.string,
-  buttons: PropTypes.buttons,
-  onClose: PropTypes$1.func,
-  className: PropTypes$1.string,
-  bodyClassName: PropTypes$1.string
+  title: PropTypes$1.label,
+  header: PropTypes.node,
+  children: PropTypes.node,
+  footer: PropTypes.node,
+  size: PropTypes.string,
+  buttons: PropTypes$1.buttons,
+  onClose: PropTypes.func,
+  className: PropTypes.string,
+  bodyClassName: PropTypes.string
 };
 var defaultProps$q = {
   title: null,
@@ -1939,9 +1939,9 @@ ModalDialog.defaultProps = defaultProps$q;
 var styles$k = {"container":"micromag-core-panels-container"};
 
 var propTypes$p = {
-  panels: PropTypes.panels,
-  setPanelsContainer: PropTypes$1.func,
-  className: PropTypes$1.string
+  panels: PropTypes$1.panels,
+  setPanelsContainer: PropTypes.func,
+  className: PropTypes.string
 };
 var defaultProps$p = {
   panels: [],
@@ -1969,10 +1969,10 @@ var Panels = withPanels(PanelsContainer);
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
 var propTypes$o = {
-  id: PropTypes$1.string,
-  data: PropTypes$1.object,
+  id: PropTypes.string,
+  data: PropTypes.object,
   // eslint-disable-line react/forbid-prop-types
-  children: PropTypes$1.node
+  children: PropTypes.node
 };
 var defaultProps$o = {
   id: null,
@@ -2009,9 +2009,9 @@ var styles$j = {"container":"micromag-core-panels-panel-container"};
 
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
 var propTypes$n = {
-  id: PropTypes$1.string,
-  title: PropTypes$1.string,
-  children: PropTypes$1.node
+  id: PropTypes.string,
+  title: PropTypes.string,
+  children: PropTypes.node
 };
 var defaultProps$n = {
   id: null,
@@ -2043,13 +2043,13 @@ Panel.defaultProps = defaultProps$n;
 var styles$i = {"container":"micromag-core-partials-collapsable-panel-container","top":"micromag-core-partials-collapsable-panel-top","button":"micromag-core-partials-collapsable-panel-button","label":"micromag-core-partials-collapsable-panel-label","content":"micromag-core-partials-collapsable-panel-content","isOpened":"micromag-core-partials-collapsable-panel-isOpened"};
 
 var propTypes$m = {
-  title: PropTypes$1.node,
-  children: PropTypes$1.node,
-  className: PropTypes$1.string,
-  topClassName: PropTypes$1.string,
-  contentClassName: PropTypes$1.string,
-  openedClassName: PropTypes$1.string,
-  buttonClassName: PropTypes$1.string
+  title: PropTypes.node,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  topClassName: PropTypes.string,
+  contentClassName: PropTypes.string,
+  openedClassName: PropTypes.string,
+  buttonClassName: PropTypes.string
 };
 var defaultProps$m = {
   title: null,
@@ -2097,10 +2097,10 @@ CollapsablePanel.propTypes = propTypes$m;
 CollapsablePanel.defaultProps = defaultProps$m;
 
 var propTypes$l = {
-  stroke: PropTypes$1.string,
-  border: PropTypes$1.string,
-  fill: PropTypes$1.string,
-  className: PropTypes$1.string
+  stroke: PropTypes.string,
+  border: PropTypes.string,
+  fill: PropTypes.string,
+  className: PropTypes.string
 };
 var defaultProps$l = {
   stroke: 'currentColor',
@@ -2150,9 +2150,9 @@ Close.defaultProps = defaultProps$l;
 
 /* eslint-disable react/jsx-props-no-spreading */
 var propTypes$k = {
-  date: PropTypes$1.string,
-  withTime: PropTypes$1.bool,
-  timeSeparator: PropTypes$1.node
+  date: PropTypes.string,
+  withTime: PropTypes.bool,
+  timeSeparator: PropTypes.node
 };
 var defaultProps$k = {
   date: null,
@@ -2180,14 +2180,14 @@ Date$1.defaultProps = defaultProps$k;
 
 /* eslint-disable react/no-danger */
 var propTypes$j = {
-  throttleDelay: PropTypes$1.number,
-  threshold: PropTypes$1.arrayOf(PropTypes$1.number),
-  onEnter: PropTypes$1.func,
-  onLeave: PropTypes$1.func,
-  onChange: PropTypes$1.func,
-  disabled: PropTypes$1.bool,
-  children: PropTypes$1.node,
-  className: PropTypes$1.string
+  throttleDelay: PropTypes.number,
+  threshold: PropTypes.arrayOf(PropTypes.number),
+  onEnter: PropTypes.func,
+  onLeave: PropTypes.func,
+  onChange: PropTypes.func,
+  disabled: PropTypes.bool,
+  children: PropTypes.node,
+  className: PropTypes.string
 };
 var defaultProps$j = {
   throttleDelay: null,
@@ -2259,13 +2259,13 @@ Detector.defaultProps = defaultProps$j;
 var styles$h = {"container":"micromag-core-partials-placeholder-block-container","outline":"micromag-core-partials-placeholder-block-outline","withInvertedColors":"micromag-core-partials-placeholder-block-withInvertedColors","box":"micromag-core-partials-placeholder-block-box"};
 
 var propTypes$i = {
-  width: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
-  height: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
-  outline: PropTypes$1.bool,
-  className: PropTypes$1.string,
-  boxClassName: PropTypes$1.string,
-  children: PropTypes$1.node,
-  withInvertedColors: PropTypes$1.bool
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  outline: PropTypes.bool,
+  className: PropTypes.string,
+  boxClassName: PropTypes.string,
+  children: PropTypes.node,
+  withInvertedColors: PropTypes.bool
 };
 var defaultProps$i = {
   width: '100%',
@@ -2302,14 +2302,14 @@ PlaceholderBlock.defaultProps = defaultProps$i;
 // import { PropTypes as MicromagPropTypes } from '@micromag/core';
 
 var propTypes$h = {
-  name: PropTypes$1.string.isRequired,
-  components: PropTypes$1.object.isRequired,
+  name: PropTypes.string.isRequired,
+  components: PropTypes.object.isRequired,
   // eslint-disable-line
-  props: PropTypes$1.object,
+  props: PropTypes.object,
   // eslint-disable-line
-  isPlaceholder: PropTypes$1.bool,
-  className: PropTypes$1.string,
-  placeholderProps: PropTypes$1.object // eslint-disable-line
+  isPlaceholder: PropTypes.bool,
+  className: PropTypes.string,
+  placeholderProps: PropTypes.object // eslint-disable-line
 };
 var defaultProps$h = {
   props: {},
@@ -2343,13 +2343,13 @@ var ElementComponent = function ElementComponent(_ref) {
 ElementComponent.propTypes = propTypes$h;
 ElementComponent.defaultProps = defaultProps$h;
 
-var styles$g = {"container":"micromag-core-partials-empty-container","middle":"micromag-core-partials-empty-middle","withoutBorder":"micromag-core-partials-empty-withoutBorder","invertColor":"micromag-core-partials-empty-invertColor"};
+var styles$g = {"container":"micromag-core-partials-empty-container","middle":"micromag-core-partials-empty-middle","withoutBorder":"micromag-core-partials-empty-withoutBorder"};
 
 var propTypes$g = {
-  children: PropTypes$1.node,
-  withoutBorder: PropTypes$1.bool,
-  light: PropTypes$1.bool,
-  className: PropTypes$1.string
+  children: PropTypes.node,
+  withoutBorder: PropTypes.bool,
+  light: PropTypes.bool,
+  className: PropTypes.string
 };
 var defaultProps$g = {
   children: null,
@@ -2400,10 +2400,10 @@ var getUrlsFromMedia = function getUrlsFromMedia(media, formats) {
   return urls;
 };
 var propTypes$f = {
-  fonts: PropTypes.fonts,
-  formats: PropTypes$1.arrayOf(PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.shape({
-    name: PropTypes$1.string,
-    format: PropTypes$1.string
+  fonts: PropTypes$1.fonts,
+  formats: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+    name: PropTypes.string,
+    format: PropTypes.string
   })]))
 };
 var defaultProps$f = {
@@ -2456,14 +2456,14 @@ FontFaces.defaultProps = defaultProps$f;
 var styles$f = {};
 
 var propTypes$e = {
-  thumbnail: PropTypes$1.node,
-  thumbnailAlign: PropTypes$1.oneOf(['top', 'center', 'bottom']),
-  children: PropTypes$1.node,
-  title: PropTypes.label,
-  className: PropTypes$1.string,
-  thumbnailClassName: PropTypes$1.string,
-  bodyClassName: PropTypes$1.string,
-  titleClassName: PropTypes$1.string
+  thumbnail: PropTypes.node,
+  thumbnailAlign: PropTypes.oneOf(['top', 'center', 'bottom']),
+  children: PropTypes.node,
+  title: PropTypes$1.label,
+  className: PropTypes.string,
+  thumbnailClassName: PropTypes.string,
+  bodyClassName: PropTypes.string,
+  titleClassName: PropTypes.string
 };
 var defaultProps$e = {
   thumbnail: null,
@@ -2506,365 +2506,365 @@ Media.defaultProps = defaultProps$e;
 /**
  * Core
  */
-PropTypes$1.shape({
-  listen: PropTypes$1.func.isRequired,
-  push: PropTypes$1.func.isRequired
+PropTypes.shape({
+  listen: PropTypes.func.isRequired,
+  push: PropTypes.func.isRequired
 });
-PropTypes$1.shape({
-  pathname: PropTypes$1.string,
-  search: PropTypes$1.string
+PropTypes.shape({
+  pathname: PropTypes.string,
+  search: PropTypes.string
 });
-PropTypes$1.shape({
-  locale: PropTypes$1.string.isRequired,
-  formatMessage: PropTypes$1.func.isRequired
+PropTypes.shape({
+  locale: PropTypes.string.isRequired,
+  formatMessage: PropTypes.func.isRequired
 });
-var defaultMessageContent = PropTypes$1.shape({
-  type: PropTypes$1.number,
-  value: PropTypes$1.string
+var defaultMessageContent = PropTypes.shape({
+  type: PropTypes.number,
+  value: PropTypes.string
 });
-var defaultMessage = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(defaultMessageContent)]);
-var message = PropTypes$1.shape({
-  id: PropTypes$1.string,
+var defaultMessage = PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(defaultMessageContent)]);
+var message = PropTypes.shape({
+  id: PropTypes.string,
   defaultMessage: defaultMessage.isRequired,
-  description: PropTypes$1.string
+  description: PropTypes.string
 });
-var text = PropTypes$1.oneOfType([message, PropTypes$1.string]);
-var label = PropTypes$1.oneOfType([message, PropTypes$1.node]);
-PropTypes$1.oneOf([401, 403, 404, 500]);
-PropTypes$1.oneOfType([PropTypes$1.shape({
-  current: PropTypes$1.any // eslint-disable-line react/forbid-prop-types
-}), PropTypes$1.func]);
-var target = PropTypes$1.oneOf(['_blank', '_self', '_parent']);
-var interaction = PropTypes$1.oneOf(['tap', 'swipe']);
-PropTypes$1.arrayOf(interaction);
-PropTypes$1.objectOf(PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number, PropTypes$1.array]));
-PropTypes$1.shape({
-  currentTime: PropTypes$1.number,
-  duration: PropTypes$1.number
+var text = PropTypes.oneOfType([message, PropTypes.string]);
+var label = PropTypes.oneOfType([message, PropTypes.node]);
+PropTypes.oneOf([401, 403, 404, 500]);
+PropTypes.oneOfType([PropTypes.shape({
+  current: PropTypes.any // eslint-disable-line react/forbid-prop-types
+}), PropTypes.func]);
+var target = PropTypes.oneOf(['_blank', '_self', '_parent']);
+var interaction = PropTypes.oneOf(['tap', 'swipe']);
+PropTypes.arrayOf(interaction);
+PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]));
+PropTypes.shape({
+  currentTime: PropTypes.number,
+  duration: PropTypes.number
 });
 
 /**
  * Site
  */
-PropTypes$1.shape({
-  id: PropTypes$1.number,
-  firstname: PropTypes$1.string,
-  lastname: PropTypes$1.string,
-  email: PropTypes$1.string,
-  gender: PropTypes$1.string,
-  birthdate: PropTypes$1.string
+PropTypes.shape({
+  id: PropTypes.number,
+  firstname: PropTypes.string,
+  lastname: PropTypes.string,
+  email: PropTypes.string,
+  gender: PropTypes.string,
+  birthdate: PropTypes.string
 });
-var menuItem = PropTypes$1.shape({
-  id: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
+var menuItem = PropTypes.shape({
+  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   label: label,
-  url: PropTypes$1.string,
-  external: PropTypes$1.bool,
-  active: PropTypes$1.bool
+  url: PropTypes.string,
+  external: PropTypes.bool,
+  active: PropTypes.bool
 });
-PropTypes$1.arrayOf(menuItem);
-var breadcrumb = PropTypes$1.shape({
+PropTypes.arrayOf(menuItem);
+var breadcrumb = PropTypes.shape({
   label: label,
-  url: PropTypes$1.string
+  url: PropTypes.string
 });
-PropTypes$1.arrayOf(breadcrumb);
-var device = PropTypes$1.shape({
-  id: PropTypes$1.string.isRequired
+PropTypes.arrayOf(breadcrumb);
+var device = PropTypes.shape({
+  id: PropTypes.string.isRequired
 });
-PropTypes$1.arrayOf(device);
-var modal = PropTypes$1.shape({
-  id: PropTypes$1.string.isRequired
+PropTypes.arrayOf(device);
+var modal = PropTypes.shape({
+  id: PropTypes.string.isRequired
 });
-PropTypes$1.arrayOf(modal);
-var panel = PropTypes$1.shape({
-  id: PropTypes$1.string.isRequired
+PropTypes.arrayOf(modal);
+var panel = PropTypes.shape({
+  id: PropTypes.string.isRequired
 });
-PropTypes$1.arrayOf(panel);
-var button = PropTypes$1.shape({
+PropTypes.arrayOf(panel);
+var button = PropTypes.shape({
   label: label,
-  onClick: PropTypes$1.func
+  onClick: PropTypes.func
 });
-PropTypes$1.arrayOf(button);
+PropTypes.arrayOf(button);
 var bootstrapThemeStrings = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'];
-PropTypes$1.oneOf(bootstrapThemeStrings);
-PropTypes$1.oneOf([].concat(bootstrapThemeStrings, ['outline-primary', 'outline-secondary', 'outline-success', 'outline-danger', 'outline-warning', 'outline-info', 'outline-light', 'outline-dark', 'outline-link', null]));
-PropTypes$1.oneOf(['lg', 'sm', null]);
-PropTypes$1.oneOf(['lg', 'sm', null]);
-PropTypes$1.oneOf(['start', 'end']);
-var component = PropTypes$1.oneOfType([PropTypes$1.object, PropTypes$1.func]);
-PropTypes$1.objectOf(component);
+PropTypes.oneOf(bootstrapThemeStrings);
+PropTypes.oneOf([].concat(bootstrapThemeStrings, ['outline-primary', 'outline-secondary', 'outline-success', 'outline-danger', 'outline-warning', 'outline-info', 'outline-light', 'outline-dark', 'outline-link', null]));
+PropTypes.oneOf(['lg', 'sm', null]);
+PropTypes.oneOf(['lg', 'sm', null]);
+PropTypes.oneOf(['start', 'end']);
+var component = PropTypes.oneOfType([PropTypes.object, PropTypes.func]);
+PropTypes.objectOf(component);
 
 /**
  * Forms
  */
-var errors = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(PropTypes$1.string)]);
-PropTypes$1.objectOf(errors);
-var selectOption = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.shape({
-  value: PropTypes$1.any,
+var errors = PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]);
+PropTypes.objectOf(errors);
+var selectOption = PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+  value: PropTypes.any,
   // eslint-disable-line
   label: label
 })]);
-PropTypes$1.arrayOf(selectOption);
-var formField = PropTypes$1.shape({
-  name: PropTypes$1.string,
+PropTypes.arrayOf(selectOption);
+var formField = PropTypes.shape({
+  name: PropTypes.string,
   component: component
 });
-PropTypes$1.arrayOf(formField);
+PropTypes.arrayOf(formField);
 
 /**
  * Medias
  */
 var mediaMetadataShape = {
-  filename: PropTypes$1.string,
-  size: PropTypes$1.number,
-  mime: PropTypes$1.string
-};
-var mediaFile = PropTypes$1.shape({
-  id: PropTypes$1.string,
-  handle: PropTypes$1.string,
-  type: PropTypes$1.string,
-  mime: PropTypes$1.string,
-  url: PropTypes$1.string
+  filename: PropTypes.string,
+  size: PropTypes.number,
+  mime: PropTypes.string
+};
+var mediaFile = PropTypes.shape({
+  id: PropTypes.string,
+  handle: PropTypes.string,
+  type: PropTypes.string,
+  mime: PropTypes.string,
+  url: PropTypes.string
 });
 var mediaShape = {
-  id: PropTypes$1.string,
-  type: PropTypes$1.string.isRequired,
-  url: PropTypes$1.string,
+  id: PropTypes.string,
+  type: PropTypes.string.isRequired,
+  url: PropTypes.string,
   // .isRequired,
-  thumbnail_url: PropTypes$1.string,
-  name: PropTypes$1.string,
-  metadata: PropTypes$1.shape(_objectSpread({}, mediaMetadataShape)),
-  files: PropTypes$1.objectOf(mediaFile)
-};
-var media = PropTypes$1.shape(mediaShape);
-PropTypes$1.arrayOf(media);
-PropTypes$1.oneOf(['image', 'video', 'audio', 'closed-captions', 'font']);
-var imageMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
-  type: PropTypes$1.oneOf(['image', 'video']),
-  metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
-    width: PropTypes$1.number,
-    height: PropTypes$1.number
+  thumbnail_url: PropTypes.string,
+  name: PropTypes.string,
+  metadata: PropTypes.shape(_objectSpread({}, mediaMetadataShape)),
+  files: PropTypes.objectOf(mediaFile)
+};
+var media = PropTypes.shape(mediaShape);
+PropTypes.arrayOf(media);
+PropTypes.oneOf(['image', 'video', 'audio', 'closed-captions', 'font']);
+var imageMedia = PropTypes.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
+  type: PropTypes.oneOf(['image', 'video']),
+  metadata: PropTypes.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
+    width: PropTypes.number,
+    height: PropTypes.number
   }))
 }));
-PropTypes$1.arrayOf(imageMedia);
-var fontMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
-  type: PropTypes$1.oneOf(['font']),
-  metadata: PropTypes$1.shape(_objectSpread({}, mediaMetadataShape))
+PropTypes.arrayOf(imageMedia);
+var fontMedia = PropTypes.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
+  type: PropTypes.oneOf(['font']),
+  metadata: PropTypes.shape(_objectSpread({}, mediaMetadataShape))
 }));
-PropTypes$1.arrayOf(fontMedia);
-var videoMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
-  type: PropTypes$1.oneOf(['video']),
-  metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
-    width: PropTypes$1.number,
-    height: PropTypes$1.number,
-    duration: PropTypes$1.number
+PropTypes.arrayOf(fontMedia);
+var videoMedia = PropTypes.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
+  type: PropTypes.oneOf(['video']),
+  metadata: PropTypes.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
+    width: PropTypes.number,
+    height: PropTypes.number,
+    duration: PropTypes.number
   }))
 }));
-PropTypes$1.arrayOf(videoMedia);
-var audioMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
-  type: PropTypes$1.oneOf(['audio']),
-  metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
-    duration: PropTypes$1.number
+PropTypes.arrayOf(videoMedia);
+var audioMedia = PropTypes.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
+  type: PropTypes.oneOf(['audio']),
+  metadata: PropTypes.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
+    duration: PropTypes.number
   }))
 }));
-PropTypes$1.arrayOf(audioMedia);
-var closedCaptionsMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
-  type: PropTypes$1.oneOf(['closed-captions'])
+PropTypes.arrayOf(audioMedia);
+var closedCaptionsMedia = PropTypes.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
+  type: PropTypes.oneOf(['closed-captions'])
 }));
 
 /**
  * Style
  */
 
-PropTypes$1.shape({
-  type: PropTypes$1.oneOf(['system', 'google', 'custom']),
-  name: PropTypes$1.string,
+PropTypes.shape({
+  type: PropTypes.oneOf(['system', 'google', 'custom']),
+  name: PropTypes.string,
   media: fontMedia
 });
-var font = PropTypes$1.oneOfType([PropTypes$1.object, PropTypes$1.string]);
-PropTypes$1.arrayOf(font);
-var textAlign = PropTypes$1.oneOf(['left', 'right', 'center']);
-var colorObject = PropTypes$1.shape({
-  color: PropTypes$1.string,
-  alpha: PropTypes$1.number
+var font = PropTypes.oneOfType([PropTypes.object, PropTypes.string]);
+PropTypes.arrayOf(font);
+var textAlign = PropTypes.oneOf(['left', 'right', 'center']);
+var colorObject = PropTypes.shape({
+  color: PropTypes.string,
+  alpha: PropTypes.number
 });
-var color = PropTypes$1.oneOfType([colorObject, PropTypes$1.string]);
-var textStyle = PropTypes$1.shape({
+var color = PropTypes.oneOfType([colorObject, PropTypes.string]);
+var textStyle = PropTypes.shape({
   fontFamily: font,
-  fontSize: PropTypes$1.number,
-  fontStyle: PropTypes$1.shape({
-    bold: PropTypes$1.bool,
-    italic: PropTypes$1.bool,
-    underline: PropTypes$1.bool,
-    upperCase: PropTypes$1.bool
+  fontSize: PropTypes.number,
+  fontStyle: PropTypes.shape({
+    bold: PropTypes.bool,
+    italic: PropTypes.bool,
+    underline: PropTypes.bool,
+    upperCase: PropTypes.bool
   }),
   align: textAlign,
   color: color,
-  letterSpacing: PropTypes$1.number,
-  lineHeight: PropTypes$1.number
+  letterSpacing: PropTypes.number,
+  lineHeight: PropTypes.number
 });
-var borderTypes = PropTypes$1.oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
-var shadowType = PropTypes$1.shape({
-  shadowDistance: PropTypes$1.number,
-  shadowBlur: PropTypes$1.number,
+var borderTypes = PropTypes.oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
+var shadowType = PropTypes.shape({
+  shadowDistance: PropTypes.number,
+  shadowBlur: PropTypes.number,
   shadowColor: color
 });
-PropTypes$1.shape({
-  width: PropTypes$1.number,
+PropTypes.shape({
+  width: PropTypes.number,
   style: borderTypes,
-  radius: PropTypes$1.number,
+  radius: PropTypes.number,
   color: color
 });
-var boxStyle = PropTypes$1.shape({
+var boxStyle = PropTypes.shape({
   backgroundColor: color,
-  borderRadius: PropTypes$1.number,
-  borderWidth: PropTypes$1.number,
+  borderRadius: PropTypes.number,
+  borderWidth: PropTypes.number,
   borderColor: color,
   borderStyle: borderTypes,
   shadow: shadowType
 });
-PropTypes$1.shape({
-  top: PropTypes$1.number,
-  bottom: PropTypes$1.number
+PropTypes.shape({
+  top: PropTypes.number,
+  bottom: PropTypes.number
 });
-PropTypes$1.arrayOf(PropTypes$1.shape({
-  rows: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.arrayOf(PropTypes$1.number)]),
-  columns: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.arrayOf(PropTypes$1.number)])
+PropTypes.arrayOf(PropTypes.shape({
+  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),
+  columns: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])
 }));
-var objectFitSize = PropTypes$1.oneOf(['cover', 'contain', null]);
-PropTypes$1.shape({
+var objectFitSize = PropTypes.oneOf(['cover', 'contain', null]);
+PropTypes.shape({
   fit: objectFitSize,
-  horizontalPosition: PropTypes$1.oneOf(['left', 'center', 'right']),
-  verticalPosition: PropTypes$1.oneOf(['top', 'center', 'bottom'])
+  horizontalPosition: PropTypes.oneOf(['left', 'center', 'right']),
+  verticalPosition: PropTypes.oneOf(['top', 'center', 'bottom'])
 });
 
 /**
  * Elements
  */
 
-var textElement = PropTypes$1.shape({
-  body: PropTypes$1.string,
+var textElement = PropTypes.shape({
+  body: PropTypes.string,
   textStyle: textStyle
 });
 var headingElement = textElement;
-PropTypes$1.shape({
-  label: PropTypes$1.string,
+PropTypes.shape({
+  label: PropTypes.string,
   textStyle: textStyle
 });
-var imageElement = PropTypes$1.shape({
+var imageElement = PropTypes.shape({
   media: imageMedia
 });
-PropTypes$1.arrayOf(imageElement);
-PropTypes$1.shape({
+PropTypes.arrayOf(imageElement);
+PropTypes.shape({
   media: videoMedia,
-  autoPlay: PropTypes$1.bool,
-  loop: PropTypes$1.bool,
+  autoPlay: PropTypes.bool,
+  loop: PropTypes.bool,
   closedCaptions: closedCaptionsMedia,
-  withSeekBar: PropTypes$1.bool,
-  withControls: PropTypes$1.bool
+  withSeekBar: PropTypes.bool,
+  withControls: PropTypes.bool
 });
-var visualElement = PropTypes$1.shape({
+var visualElement = PropTypes.shape({
   media: imageMedia
 });
-PropTypes$1.arrayOf(visualElement);
-PropTypes$1.shape({
+PropTypes.arrayOf(visualElement);
+PropTypes.shape({
   media: audioMedia,
-  autoPlay: PropTypes$1.bool,
-  loop: PropTypes$1.bool,
+  autoPlay: PropTypes.bool,
+  loop: PropTypes.bool,
   closedCaptions: closedCaptionsMedia,
-  withPlayPause: PropTypes$1.bool
+  withPlayPause: PropTypes.bool
 });
-PropTypes$1.shape({
+PropTypes.shape({
   media: closedCaptionsMedia
 });
-var backgroundElement = PropTypes$1.shape({
+var backgroundElement = PropTypes.shape({
   color: color,
   image: imageMedia,
   video: videoMedia
 });
-var imageElementWithCaption = PropTypes$1.shape({
+var imageElementWithCaption = PropTypes.shape({
   image: imageMedia,
   caption: textElement
 });
-PropTypes$1.arrayOf(imageElementWithCaption);
-var stackDirection = PropTypes$1.oneOf(['horizontal', 'vertical']);
-var stackAlign = PropTypes$1.oneOf(['start', 'center', 'end']);
-var stackSpacing = PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.oneOf(['between', 'evenly', 'around'])]);
-PropTypes$1.shape({
+PropTypes.arrayOf(imageElementWithCaption);
+var stackDirection = PropTypes.oneOf(['horizontal', 'vertical']);
+var stackAlign = PropTypes.oneOf(['start', 'center', 'end']);
+var stackSpacing = PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(['between', 'evenly', 'around'])]);
+PropTypes.shape({
   direction: stackDirection,
   align: stackAlign,
-  width: PropTypes$1.number,
-  height: PropTypes$1.number,
+  width: PropTypes.number,
+  height: PropTypes.number,
   spacing: stackSpacing,
-  reverse: PropTypes$1.bool
+  reverse: PropTypes.bool
 });
-PropTypes$1.shape({
-  layout: PropTypes$1.arrayOf(PropTypes$1.string),
-  spacing: PropTypes$1.number
+PropTypes.shape({
+  layout: PropTypes.arrayOf(PropTypes.string),
+  spacing: PropTypes.number
 });
-var geoPosition = PropTypes$1.shape({
-  lat: PropTypes$1.number,
-  lng: PropTypes$1.number
+var geoPosition = PropTypes.shape({
+  lat: PropTypes.number,
+  lng: PropTypes.number
 });
 var markerShape = {
-  id: PropTypes$1.number,
+  id: PropTypes.number,
   geoPosition: geoPosition,
   title: headingElement,
   subtitle: headingElement,
   description: textElement
 };
-var marker = PropTypes$1.shape(_objectSpread({}, markerShape));
-PropTypes$1.arrayOf(marker);
-var markerWithImage = PropTypes$1.shape(_objectSpread(_objectSpread({}, markerShape), {}, {
+var marker = PropTypes.shape(_objectSpread({}, markerShape));
+PropTypes.arrayOf(marker);
+var markerWithImage = PropTypes.shape(_objectSpread(_objectSpread({}, markerShape), {}, {
   image: imageMedia
 }));
-PropTypes$1.arrayOf(markerWithImage);
+PropTypes.arrayOf(markerWithImage);
 var answerShape = {
-  id: PropTypes$1.string,
+  id: PropTypes.string,
   label: textElement
 };
-var answer = PropTypes$1.shape(_objectSpread({}, answerShape));
-var quizAnswer = PropTypes$1.shape(_objectSpread(_objectSpread({}, answerShape), {}, {
-  good: PropTypes$1.bool
+var answer = PropTypes.shape(_objectSpread({}, answerShape));
+var quizAnswer = PropTypes.shape(_objectSpread(_objectSpread({}, answerShape), {}, {
+  good: PropTypes.bool
 }));
-PropTypes$1.arrayOf(answer);
-PropTypes$1.arrayOf(quizAnswer);
-var callToActionTypes = PropTypes$1.oneOf(['swipe-up', 'button']);
-var callToAction = PropTypes$1.shape({
-  active: PropTypes$1.bool,
+PropTypes.arrayOf(answer);
+PropTypes.arrayOf(quizAnswer);
+var callToActionTypes = PropTypes.oneOf(['swipe-up', 'button']);
+var callToAction = PropTypes.shape({
+  active: PropTypes.bool,
   type: callToActionTypes,
-  url: PropTypes$1.string,
+  url: PropTypes.string,
   label: textElement,
   buttonStyle: boxStyle
 });
-PropTypes$1.shape({
-  active: PropTypes$1.bool,
+PropTypes.shape({
+  active: PropTypes.bool,
   label: textElement,
   boxStyle: boxStyle
 });
-PropTypes$1.shape({
-  active: PropTypes$1.bool
+PropTypes.shape({
+  active: PropTypes.bool
 });
-var speaker = PropTypes$1.shape({
-  id: PropTypes$1.string,
-  name: PropTypes$1.string,
+var speaker = PropTypes.shape({
+  id: PropTypes.string,
+  name: PropTypes.string,
   avatar: imageMedia,
-  side: PropTypes$1.oneOf(['left', 'right']),
+  side: PropTypes.oneOf(['left', 'right']),
   color: color
 });
-var speakers = PropTypes$1.arrayOf(speaker);
-var conversationMessage = PropTypes$1.shape({
-  speaker: PropTypes$1.string,
-  message: PropTypes$1.string,
+var speakers = PropTypes.arrayOf(speaker);
+var conversationMessage = PropTypes.shape({
+  speaker: PropTypes.string,
+  message: PropTypes.string,
   image: imageMedia,
   audio: audioMedia,
-  timingOverrides: PropTypes$1.shape({
-    enabled: PropTypes$1.bool,
-    appearDelay: PropTypes$1.number,
-    writingStateDuration: PropTypes$1.number
+  timingOverrides: PropTypes.shape({
+    enabled: PropTypes.bool,
+    appearDelay: PropTypes.number,
+    writingStateDuration: PropTypes.number
   })
 });
-var conversationMessages = PropTypes$1.arrayOf(conversationMessage);
-PropTypes$1.shape({
+var conversationMessages = PropTypes.arrayOf(conversationMessage);
+PropTypes.shape({
   speakers: speakers,
   textStyle: textStyle,
   messages: conversationMessages
@@ -2875,54 +2875,54 @@ PropTypes$1.shape({
  */
 
 var fieldShape = {
-  name: PropTypes$1.string,
-  type: PropTypes$1.string.isRequired,
+  name: PropTypes.string,
+  type: PropTypes.string.isRequired,
   label: text
 };
-var field = PropTypes$1.shape(_objectSpread(_objectSpread({}, fieldShape), {}, {
-  isSection: PropTypes$1.bool,
-  fields: PropTypes$1.arrayOf(PropTypes$1.shape(fieldShape))
+var field = PropTypes.shape(_objectSpread(_objectSpread({}, fieldShape), {}, {
+  isSection: PropTypes.bool,
+  fields: PropTypes.arrayOf(PropTypes.shape(fieldShape))
 }));
-var fields = PropTypes$1.arrayOf(field);
-var screenDefinition = PropTypes$1.shape({
-  id: PropTypes$1.string.isRequired,
-  type: PropTypes$1.oneOf(['screen']).isRequired,
+var fields = PropTypes.arrayOf(field);
+var screenDefinition = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  type: PropTypes.oneOf(['screen']).isRequired,
   title: text.isRequired,
-  layouts: PropTypes$1.arrayOf(PropTypes$1.string),
+  layouts: PropTypes.arrayOf(PropTypes.string),
   fields: fields
 });
-PropTypes$1.arrayOf(screenDefinition);
-var fieldDefinition = PropTypes$1.shape({
-  id: PropTypes$1.string.isRequired,
-  type: PropTypes$1.oneOf(['field']).isRequired,
+PropTypes.arrayOf(screenDefinition);
+var fieldDefinition = PropTypes.shape({
+  id: PropTypes.string.isRequired,
+  type: PropTypes.oneOf(['field']).isRequired,
   title: text.isRequired,
   fields: fields
 });
-PropTypes$1.arrayOf(fieldDefinition);
+PropTypes.arrayOf(fieldDefinition);
 
 /**
  * Components
  */
 var storyComponentShape = {
-  type: PropTypes$1.string.isRequired
+  type: PropTypes.string.isRequired
 };
-var storyComponent = PropTypes$1.shape(_objectSpread({}, storyComponentShape));
-PropTypes$1.arrayOf(storyComponent);
-var screenComponent = PropTypes$1.shape(_objectSpread({}, storyComponentShape));
-var screenComponents = PropTypes$1.arrayOf(screenComponent);
+var storyComponent = PropTypes.shape(_objectSpread({}, storyComponentShape));
+PropTypes.arrayOf(storyComponent);
+var screenComponent = PropTypes.shape(_objectSpread({}, storyComponentShape));
+var screenComponents = PropTypes.arrayOf(screenComponent);
 
 /**
  * Theme
  */
-var theme = PropTypes$1.shape({
-  id: PropTypes$1.string,
-  textStyles: PropTypes$1.objectOf(textStyle),
+var theme = PropTypes.shape({
+  id: PropTypes.string,
+  textStyles: PropTypes.objectOf(textStyle),
   // renamed to textstyles
   background: backgroundElement,
-  colors: PropTypes$1.objectOf(color),
+  colors: PropTypes.objectOf(color),
   components: screenComponents
 });
-PropTypes$1.shape(_objectSpread({
+PropTypes.shape(_objectSpread({
   logo: imageMedia
 }, theme));
 
@@ -2941,23 +2941,23 @@ PropTypes$1.shape(_objectSpread({
 /**
  * Metadata
  */
-var metadata = PropTypes$1.shape({
-  description: PropTypes$1.string,
-  shareUrl: PropTypes$1.string,
+var metadata = PropTypes.shape({
+  description: PropTypes.string,
+  shareUrl: PropTypes.string,
   shareImage: imageMedia,
   favIcon: imageMedia
 });
-var tag = PropTypes$1.shape({
-  label: PropTypes$1.string,
-  value: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string])
+var tag = PropTypes.shape({
+  label: PropTypes.string,
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 });
-PropTypes$1.arrayOf(tag);
+PropTypes.arrayOf(tag);
 
 /**
  * Story
  */
-PropTypes$1.shape({
-  id: PropTypes$1.string,
+PropTypes.shape({
+  id: PropTypes.string,
   theme: theme,
   components: screenComponents,
   metadata: metadata
@@ -2966,68 +2966,68 @@ PropTypes$1.shape({
 /**
  * Render
  */
-var deviceScreen = PropTypes$1.shape({
-  name: PropTypes$1.string.isRequired,
-  mediaQuery: PropTypes$1.string
+var deviceScreen = PropTypes.shape({
+  name: PropTypes.string.isRequired,
+  mediaQuery: PropTypes.string
 });
-PropTypes$1.arrayOf(deviceScreen);
-PropTypes$1.shape({
-  screen: PropTypes$1.string,
-  screens: PropTypes$1.arrayOf(PropTypes$1.string),
-  width: PropTypes$1.number,
-  height: PropTypes$1.number,
-  landscape: PropTypes$1.bool
+PropTypes.arrayOf(deviceScreen);
+PropTypes.shape({
+  screen: PropTypes.string,
+  screens: PropTypes.arrayOf(PropTypes.string),
+  width: PropTypes.number,
+  height: PropTypes.number,
+  landscape: PropTypes.bool
 });
-PropTypes$1.oneOf(['view', 'placeholder', 'edit', 'preview', 'static', 'capture']);
+PropTypes.oneOf(['view', 'placeholder', 'edit', 'preview', 'static', 'capture']);
 
 /**
  * Screens
  */
 
-PropTypes$1.shape({
-  width: PropTypes$1.number,
-  height: PropTypes$1.number
+PropTypes.shape({
+  width: PropTypes.number,
+  height: PropTypes.number
 });
-PropTypes$1.shape({
-  width: PropTypes$1.number,
-  height: PropTypes$1.number,
-  url: PropTypes$1.string,
+PropTypes.shape({
+  width: PropTypes.number,
+  height: PropTypes.number,
+  url: PropTypes.string,
   target: target,
-  iframe: PropTypes$1.string,
+  iframe: PropTypes.string,
   image: imageMedia
 });
-PropTypes$1.shape({
-  src: PropTypes$1.string,
-  track: PropTypes$1.string,
-  trackLng: PropTypes$1.number,
-  controls: PropTypes$1.bool
+PropTypes.shape({
+  src: PropTypes.string,
+  track: PropTypes.string,
+  trackLng: PropTypes.number,
+  controls: PropTypes.bool
 });
-var slide = PropTypes$1.shape({
+var slide = PropTypes.shape({
   image: imageMedia,
-  text: PropTypes$1.string
+  text: PropTypes.string
 });
-PropTypes$1.arrayOf(slide);
+PropTypes.arrayOf(slide);
 
 // export const imageStyle = PropTypes.shape({
 //     alt: PropTypes.string,
 //     fit: PropTypes.object,
 // });
 
-PropTypes$1.shape({});
+PropTypes.shape({});
 
 /**
  * Transitions
  */
 
-var transitionName = PropTypes$1.oneOf(['fade', 'scale', 'slide']);
+var transitionName = PropTypes.oneOf(['fade', 'scale', 'slide']);
 var transitionParams = {
-  duration: PropTypes$1.number,
-  easing: PropTypes$1.oneOf(['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear'])
+  duration: PropTypes.number,
+  easing: PropTypes.oneOf(['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear'])
 };
-var transition = PropTypes$1.oneOfType([transitionName.isRequired, PropTypes$1.shape(_objectSpread({
+var transition = PropTypes.oneOfType([transitionName.isRequired, PropTypes.shape(_objectSpread({
   name: transitionName.isRequired
 }, transitionParams))]);
-PropTypes$1.shape({
+PropTypes.shape({
   "in": transition,
   out: transition
 });
@@ -3036,65 +3036,65 @@ PropTypes$1.shape({
  * Search
  */
 
-var searchFilter = PropTypes$1.shape({
-  type: PropTypes$1.string,
-  value: PropTypes$1.oneOf([PropTypes$1.string, PropTypes$1.number])
+var searchFilter = PropTypes.shape({
+  type: PropTypes.string,
+  value: PropTypes.oneOf([PropTypes.string, PropTypes.number])
 });
-PropTypes$1.arrayOf(searchFilter);
+PropTypes.arrayOf(searchFilter);
 
 /**
  * Payments
  */
 
-var paymentItem = PropTypes$1.shape({
-  id: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
-  date: PropTypes$1.string,
-  type: PropTypes$1.string,
-  invoice_link: PropTypes$1.string,
-  amount: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number])
+var paymentItem = PropTypes.shape({
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  date: PropTypes.string,
+  type: PropTypes.string,
+  invoice_link: PropTypes.string,
+  amount: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 });
-PropTypes$1.arrayOf(paymentItem);
+PropTypes.arrayOf(paymentItem);
 
 /**
  * Page Metadada
  */
 
-var pageMetadata = PropTypes$1.shape({
-  canonical: PropTypes$1.string,
-  description: PropTypes$1.string,
-  keywords: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.array]),
-  image: PropTypes$1.shape({
-    url: PropTypes$1.string
+var pageMetadata = PropTypes.shape({
+  canonical: PropTypes.string,
+  description: PropTypes.string,
+  keywords: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  image: PropTypes.shape({
+    url: PropTypes.string
   }),
-  favicon: PropTypes$1.shape({
-    url: PropTypes$1.string
+  favicon: PropTypes.shape({
+    url: PropTypes.string
   }),
-  rssUrl: PropTypes$1.string,
-  atomUrl: PropTypes$1.string,
-  microformats: PropTypes$1.arrayOf(PropTypes$1.shape({}))
+  rssUrl: PropTypes.string,
+  atomUrl: PropTypes.string,
+  microformats: PropTypes.arrayOf(PropTypes.shape({}))
 });
-PropTypes$1.shape({
+PropTypes.shape({
   name: textElement,
-  avatar: PropTypes$1.shape({
-    url: PropTypes$1.string
+  avatar: PropTypes.shape({
+    url: PropTypes.string
   })
 });
-PropTypes$1.shape({
-  id: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
-  name: PropTypes$1.string
+PropTypes.shape({
+  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  name: PropTypes.string
 });
-var badge = PropTypes$1.shape({
+var badge = PropTypes.shape({
   label: textElement,
   buttonStyle: boxStyle
 });
-PropTypes$1.shape({
+PropTypes.shape({
   badge: badge
 });
-PropTypes$1.shape({
+PropTypes.shape({
   callToAction: callToAction
 });
-PropTypes$1.shape();
-PropTypes$1.shape({
+PropTypes.shape();
+PropTypes.shape({
   file: closedCaptionsMedia,
   textStyle: textStyle,
   boxStyle: boxStyle
@@ -3102,12 +3102,12 @@ PropTypes$1.shape({
 
 /* eslint-disable react/no-array-index-key */
 var propTypes$d = {
-  title: PropTypes$1.string,
-  url: PropTypes$1.string,
+  title: PropTypes.string,
+  url: PropTypes.string,
   metadata: pageMetadata,
-  fullTitle: PropTypes$1.string,
-  suffix: PropTypes$1.string,
-  children: PropTypes$1.node
+  fullTitle: PropTypes.string,
+  suffix: PropTypes.string,
+  children: PropTypes.node
 };
 var defaultProps$d = {
   title: null,
@@ -3231,13 +3231,13 @@ Meta.defaultProps = defaultProps$d;
 var styles$e = {"container":"micromag-core-partials-slideshow-container","items":"micromag-core-partials-slideshow-items","item":"micromag-core-partials-slideshow-item","prev":"micromag-core-partials-slideshow-prev","current":"micromag-core-partials-slideshow-current","next":"micromag-core-partials-slideshow-next"};
 
 var propTypes$c = {
-  items: PropTypes$1.arrayOf(PropTypes$1.node),
-  auto: PropTypes$1.bool,
-  delay: PropTypes$1.number,
-  width: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
-  height: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
-  className: PropTypes$1.string,
-  children: PropTypes$1.node
+  items: PropTypes.arrayOf(PropTypes.node),
+  auto: PropTypes.bool,
+  delay: PropTypes.number,
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  className: PropTypes.string,
+  children: PropTypes.node
 };
 var defaultProps$c = {
   items: [],
@@ -3348,13 +3348,13 @@ var Audio = function Audio(_ref) {
 var styles$c = {"container":"micromag-core-partials-placeholder-text-container","withInvertedColors":"micromag-core-partials-placeholder-text-withInvertedColors","line":"micromag-core-partials-placeholder-text-line"};
 
 var propTypes$b = {
-  lines: PropTypes$1.number,
-  lineMargin: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
-  width: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
-  height: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
-  fontSize: PropTypes$1.number,
-  className: PropTypes$1.string,
-  withInvertedColors: PropTypes$1.bool
+  lines: PropTypes.number,
+  lineMargin: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  fontSize: PropTypes.number,
+  className: PropTypes.string,
+  withInvertedColors: PropTypes.bool
 };
 var defaultProps$b = {
   lines: 1,
@@ -3595,13 +3595,13 @@ var styles$9 = {"container":"micromag-core-screens-screen-sizer-container","fram
 
 var devicePixelRatio = typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1;
 var propTypes$a = {
-  width: PropTypes$1.number,
-  height: PropTypes$1.number,
-  fit: PropTypes$1.oneOf([null, 'cover', 'contain']),
-  screenWidth: PropTypes$1.number,
-  screenHeight: PropTypes$1.number,
-  className: PropTypes$1.string,
-  children: PropTypes$1.node.isRequired
+  width: PropTypes.number,
+  height: PropTypes.number,
+  fit: PropTypes.oneOf([null, 'cover', 'contain']),
+  screenWidth: PropTypes.number,
+  screenHeight: PropTypes.number,
+  className: PropTypes.string,
+  children: PropTypes.node.isRequired
 };
 var defaultProps$a = {
   width: null,
@@ -3706,17 +3706,17 @@ ScreenSizer.defaultProps = defaultProps$a;
 var styles$8 = {"container":"micromag-core-screens-screen-container"};
 
 var propTypes$9 = {
-  screen: PropTypes.storyComponent.isRequired,
-  renderContext: PropTypes.renderContext,
-  screenState: PropTypes$1.string,
-  index: PropTypes$1.number,
-  active: PropTypes$1.bool,
-  preload: PropTypes$1.bool,
-  current: PropTypes$1.bool,
-  component: PropTypes$1.node,
-  components: PropTypes.components,
-  className: PropTypes$1.string,
-  mediaRef: PropTypes$1.func
+  screen: PropTypes$1.storyComponent.isRequired,
+  renderContext: PropTypes$1.renderContext,
+  screenState: PropTypes.string,
+  index: PropTypes.number,
+  active: PropTypes.bool,
+  preload: PropTypes.bool,
+  current: PropTypes.bool,
+  component: PropTypes.node,
+  components: PropTypes$1.components,
+  className: PropTypes.string,
+  mediaRef: PropTypes.func
 };
 var defaultProps$9 = {
   active: true,
@@ -3772,13 +3772,13 @@ var styles$7 = {"screen":"micromag-core-screens-screen-placeholder-screen"};
 
 var _excluded$1 = ["screen", "layout", "screenWidth", "screenHeight", "screenState", "withSize", "className"];
 var propTypes$8 = {
-  screen: PropTypes.component.isRequired,
-  layout: PropTypes$1.string,
-  screenWidth: PropTypes$1.number,
-  screenHeight: PropTypes$1.number,
-  screenState: PropTypes$1.string,
-  withSize: PropTypes$1.bool,
-  className: PropTypes$1.string
+  screen: PropTypes$1.component.isRequired,
+  layout: PropTypes.string,
+  screenWidth: PropTypes.number,
+  screenHeight: PropTypes.number,
+  screenState: PropTypes.string,
+  withSize: PropTypes.bool,
+  className: PropTypes.string
 };
 var defaultProps$8 = {
   layout: undefined,
@@ -3814,19 +3814,19 @@ ScreenPlaceholder.propTypes = propTypes$8;
 ScreenPlaceholder.defaultProps = defaultProps$8;
 var Placeholder = /*#__PURE__*/React.memo(ScreenPlaceholder);
 
-var styles$6 = {"stack":"micromag-core-screens-preview-stack","stackScreen":"micromag-core-screens-preview-stackScreen","stackItem":"micromag-core-screens-preview-stackItem","screen":"micromag-core-screens-preview-screen"};
+var styles$6 = {"screen":"micromag-core-screens-preview-screen"};
 
 var _excluded = ["screen", "screenState", "width", "height", "screenWidth", "screenHeight", "className", "withSize", "fit", "hidden"];
 var propTypes$7 = {
-  screen: PropTypes.component.isRequired,
-  screenState: PropTypes$1.string,
-  width: PropTypes$1.number,
-  height: PropTypes$1.number,
-  screenWidth: PropTypes$1.number,
-  screenHeight: PropTypes$1.number,
-  className: PropTypes$1.string,
-  withSize: PropTypes$1.bool,
-  hidden: PropTypes$1.bool
+  screen: PropTypes$1.component.isRequired,
+  screenState: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
+  screenWidth: PropTypes.number,
+  screenHeight: PropTypes.number,
+  className: PropTypes.string,
+  withSize: PropTypes.bool,
+  hidden: PropTypes.bool
 };
 var defaultProps$7 = {
   screenState: null,
@@ -3932,7 +3932,7 @@ var Answer$1 = function Answer(_ref) {
   })));
 };
 
-var styles$3 = {"container":"micromag-core-placeholders-share-options-container","box":"micromag-core-placeholders-share-options-box","icon":"micromag-core-placeholders-share-options-icon","item":"micromag-core-placeholders-share-options-item","button":"micromag-core-placeholders-share-options-button"};
+var styles$3 = {"container":"micromag-core-placeholders-share-options-container","box":"micromag-core-placeholders-share-options-box","icon":"micromag-core-placeholders-share-options-icon","item":"micromag-core-placeholders-share-options-item"};
 
 var Title = function Title(props) {
   return /*#__PURE__*/React.createElement(PlaceholderBlock, Object.assign({}, props, {
@@ -4012,15 +4012,15 @@ var Placeholders = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable react/jsx-props-no-spreading */
 var propTypes$6 = {
-  children: PropTypes$1.node,
-  placeholder: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
-  preview: PropTypes$1.node,
-  empty: PropTypes$1.node,
-  emptyLabel: PropTypes.label,
-  isEmpty: PropTypes$1.bool,
-  placeholderProps: PropTypes$1.object,
+  children: PropTypes.node,
+  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  preview: PropTypes.node,
+  empty: PropTypes.node,
+  emptyLabel: PropTypes$1.label,
+  isEmpty: PropTypes.bool,
+  placeholderProps: PropTypes.object,
   // eslint-disable-line
-  emptyClassName: PropTypes$1.string
+  emptyClassName: PropTypes.string
 };
 var defaultProps$6 = {
   children: null,
@@ -4065,9 +4065,9 @@ ScreenElement.defaultProps = defaultProps$6;
 var styles$1 = {"container":"micromag-core-screens-container","screen":"micromag-core-screens-screen","visible":"micromag-core-screens-visible"};
 
 var propTypes$5 = {
-  screens: PropTypes.storyComponents.isRequired,
-  screen: PropTypes$1.string,
-  className: PropTypes$1.string
+  screens: PropTypes$1.storyComponents.isRequired,
+  screen: PropTypes.string,
+  className: PropTypes.string
 };
 var defaultProps$5 = {
   screen: null,
@@ -4094,26 +4094,26 @@ Screens.defaultProps = defaultProps$5;
 var styles = {"container":"micromag-core-transitions-transition-container","fullscreen":"micromag-core-transitions-transition-fullscreen"};
 
 var propTypes$4 = {
-  fullscreen: PropTypes$1.bool,
-  from: PropTypes$1.objectOf(PropTypes$1.any),
+  fullscreen: PropTypes.bool,
+  from: PropTypes.objectOf(PropTypes.any),
   // eslint-disable-line react/forbid-prop-types
-  to: PropTypes$1.objectOf(PropTypes$1.any),
+  to: PropTypes.objectOf(PropTypes.any),
   // eslint-disable-line react/forbid-prop-types
-  playing: PropTypes$1.bool,
-  direction: PropTypes$1.oneOf(['in', 'out']),
-  delay: PropTypes$1.number,
-  reversible: PropTypes$1.bool,
-  duration: PropTypes$1.number,
-  easing: PropTypes$1.func,
-  config: PropTypes$1.shape({
-    mass: PropTypes$1.number,
-    friction: PropTypes$1.number,
-    tension: PropTypes$1.number
+  playing: PropTypes.bool,
+  direction: PropTypes.oneOf(['in', 'out']),
+  delay: PropTypes.number,
+  reversible: PropTypes.bool,
+  duration: PropTypes.number,
+  easing: PropTypes.func,
+  config: PropTypes.shape({
+    mass: PropTypes.number,
+    friction: PropTypes.number,
+    tension: PropTypes.number
   }),
-  children: PropTypes$1.node,
-  className: PropTypes$1.string,
-  onStart: PropTypes$1.func,
-  onComplete: PropTypes$1.func
+  children: PropTypes.node,
+  className: PropTypes.string,
+  onStart: PropTypes.func,
+  onComplete: PropTypes.func
 };
 var defaultProps$4 = {
   fullscreen: false,
@@ -4227,13 +4227,13 @@ var TransitionComponents = {
 };
 
 var propTypes$3 = {
-  fullscreen: PropTypes$1.bool,
-  playing: PropTypes$1.bool,
-  delay: PropTypes$1.number,
-  transitions: PropTypes.transitions,
-  onComplete: PropTypes$1.func,
-  disabled: PropTypes$1.bool,
-  children: PropTypes$1.node
+  fullscreen: PropTypes.bool,
+  playing: PropTypes.bool,
+  delay: PropTypes.number,
+  transitions: PropTypes$1.transitions,
+  onComplete: PropTypes.func,
+  disabled: PropTypes.bool,
+  children: PropTypes.node
 };
 var defaultProps$3 = {
   fullscreen: false,
@@ -4311,13 +4311,13 @@ Transitions.propTypes = propTypes$3;
 Transitions.defaultProps = defaultProps$3;
 
 var propTypes$2 = {
-  transitions: PropTypes.transitions,
-  stagger: PropTypes$1.number,
-  playing: PropTypes$1.bool,
-  disabled: PropTypes$1.bool,
-  delay: PropTypes$1.number,
-  fullscreen: PropTypes$1.bool,
-  children: PropTypes$1.node
+  transitions: PropTypes$1.transitions,
+  stagger: PropTypes.number,
+  playing: PropTypes.bool,
+  disabled: PropTypes.bool,
+  delay: PropTypes.number,
+  fullscreen: PropTypes.bool,
+  children: PropTypes.node
 };
 var defaultProps$2 = {
   transitions: null,
@@ -4364,9 +4364,9 @@ TransitionsStagger.propTypes = propTypes$2;
 TransitionsStagger.defaultProps = defaultProps$2;
 
 var propTypes$1 = {
-  selector: PropTypes$1.string,
-  highlightSelector: PropTypes$1.string,
-  style: PropTypes$1.objectOf(PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]))
+  selector: PropTypes.string,
+  highlightSelector: PropTypes.string,
+  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))
 };
 var defaultProps$1 = {
   selector: null,
@@ -4387,9 +4387,9 @@ HighlightStyle.propTypes = propTypes$1;
 HighlightStyle.defaultProps = defaultProps$1;
 
 var propTypes = {
-  selector: PropTypes$1.string,
-  linkSelector: PropTypes$1.string,
-  style: PropTypes$1.objectOf(PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]))
+  selector: PropTypes.string,
+  linkSelector: PropTypes.string,
+  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))
 };
 var defaultProps = {
   selector: null,