@animus-ui/core 0.1.1-beta.21 → 0.1.1-beta.23

package/dist/index.js

@@ -1,20 +1,44 @@
 import _styled from '@emotion/styled/base';
 import isPropValid from '@emotion/is-prop-valid';
-import { isArray, isObject, get, isString, isUndefined, identity, mapValues, omit, intersection, merge, pick, isEmpty, set, isNumber, keys } from 'lodash';
+import { isArray, isObject, get, isString, isUndefined, identity, mapValues, omit, intersection, merge, set, pick, isEmpty, isNumber, keys } from 'lodash';
 
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
-
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     enumerableOnly && (symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
     })), keys.push.apply(keys, symbols);
   }
-
   return keys;
 }
-
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -24,10 +48,8 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-
   return target;
 }
-
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -37,23 +59,20 @@ function _typeof(obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
   }, _typeof(obj);
 }
-
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
   }
 }
-
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
   }
 }
-
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
@@ -62,8 +81,8 @@ function _createClass(Constructor, protoProps, staticProps) {
   });
   return Constructor;
 }
-
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -74,15 +93,12 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
-
 function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
     throw new TypeError("Super expression must either be null or a function");
   }
-
   subClass.prototype = Object.create(superClass && superClass.prototype, {
     constructor: {
       value: subClass,
@@ -95,28 +111,23 @@ function _inherits(subClass, superClass) {
   });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
-
 function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
     return o.__proto__ || Object.getPrototypeOf(o);
   };
   return _getPrototypeOf(o);
 }
-
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
-
   return _setPrototypeOf(o, p);
 }
-
 function _isNativeReflectConstruct() {
   if (typeof Reflect === "undefined" || !Reflect.construct) return false;
   if (Reflect.construct.sham) return false;
   if (typeof Proxy === "function") return true;
-
   try {
     Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
     return true;
@@ -124,32 +135,24 @@ function _isNativeReflectConstruct() {
     return false;
   }
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
-
 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;
@@ -157,101 +160,54 @@ function _objectWithoutProperties(source, excluded) {
       target[key] = source[key];
     }
   }
-
   return target;
 }
-
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
-
   return self;
 }
-
 function _possibleConstructorReturn(self, call) {
   if (call && (typeof call === "object" || typeof call === "function")) {
     return call;
   } else if (call !== void 0) {
     throw new TypeError("Derived constructors may only return object or undefined");
   }
-
   return _assertThisInitialized(self);
 }
-
 function _createSuper(Derived) {
   var hasNativeReflectConstruct = _isNativeReflectConstruct();
-
   return function _createSuperInternal() {
     var Super = _getPrototypeOf(Derived),
-        result;
-
+      result;
     if (hasNativeReflectConstruct) {
       var NewTarget = _getPrototypeOf(this).constructor;
-
       result = Reflect.construct(Super, arguments, NewTarget);
     } else {
       result = Super.apply(this, arguments);
     }
-
     return _possibleConstructorReturn(this, result);
   };
 }
-
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-
 function _toArray(arr) {
   return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -260,53 +216,52 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Map" || n === "Set") return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
   return arr2;
 }
-
 function _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.");
 }
-
 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 _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 function _classPrivateFieldGet(receiver, privateMap) {
   var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get");
-
   return _classApplyDescriptorGet(receiver, descriptor);
 }
-
 function _classPrivateFieldSet(receiver, privateMap, value) {
   var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set");
-
   _classApplyDescriptorSet(receiver, descriptor, value);
-
   return value;
 }
-
 function _classExtractFieldDescriptor(receiver, privateMap, action) {
   if (!privateMap.has(receiver)) {
     throw new TypeError("attempted to " + action + " private field on non-instance");
   }
-
   return privateMap.get(receiver);
 }
-
 function _classApplyDescriptorGet(receiver, descriptor) {
   if (descriptor.get) {
     return descriptor.get.call(receiver);
   }
-
   return descriptor.value;
 }
-
 function _classApplyDescriptorSet(receiver, descriptor, value) {
   if (descriptor.set) {
     descriptor.set.call(receiver, value);
@@ -314,20 +269,16 @@ function _classApplyDescriptorSet(receiver, descriptor, value) {
     if (!descriptor.writable) {
       throw new TypeError("attempted to set read only private field");
     }
-
     descriptor.value = value;
   }
 }
-
 function _checkPrivateRedeclaration(obj, privateCollection) {
   if (privateCollection.has(obj)) {
     throw new TypeError("Cannot initialize the same private elements twice on an object");
   }
 }
-
 function _classPrivateFieldInitSpec(obj, privateMap, value) {
   _checkPrivateRedeclaration(obj, privateMap);
-
   privateMap.set(obj, value);
 }
 
@@ -372,7 +323,6 @@ var SORT = {
   B_BEFORE_A: 1,
   EQUAL: 1
 };
-
 var compare = function compare(a, b) {
   if (a < b) return SORT.A_BEFORE_B;
   if (b < a) return SORT.B_BEFORE_A;
@@ -382,37 +332,30 @@ var compare = function compare(a, b) {
  * Orders all properties by the most dependent props
  * @param config
  */
-
-
 var orderPropNames = function orderPropNames(config) {
   return Object.keys(config).sort(function (a, b) {
     var aConf = config[a],
-        bConf = config[b];
+      bConf = config[b];
     var aProp = aConf.property,
-        _aConf$properties = aConf.properties,
-        aProperties = _aConf$properties === void 0 ? [] : _aConf$properties;
+      _aConf$properties = aConf.properties,
+      aProperties = _aConf$properties === void 0 ? [] : _aConf$properties;
     var bProp = bConf.property,
-        _bConf$properties = bConf.properties,
-        bProperties = _bConf$properties === void 0 ? [] : _bConf$properties;
+      _bConf$properties = bConf.properties,
+      bProperties = _bConf$properties === void 0 ? [] : _bConf$properties;
     var aIsShorthand = SHORTHAND_PROPERTIES.includes(aProp);
     var bIsShorthand = SHORTHAND_PROPERTIES.includes(bProp);
-
     if (aIsShorthand && bIsShorthand) {
       var aNum = aProperties.length;
       var bNum = bProperties.length;
-
       if (aProp !== bProp) {
         return compare(SHORTHAND_PROPERTIES.indexOf(aProp), SHORTHAND_PROPERTIES.indexOf(bProp));
       }
-
       if (aProp === bProp) {
         if (aNum === 0) return SORT.A_BEFORE_B;
         if (bNum === 0) return SORT.B_BEFORE_A;
       }
-
       return compare(bNum, aNum);
     }
-
     if (aIsShorthand) return SORT.A_BEFORE_B;
     if (bIsShorthand) return SORT.B_BEFORE_A;
     return SORT.EQUAL;
@@ -423,41 +366,34 @@ var lookupScaleValue = function lookupScaleValue(val, scale, theme) {
   if (isArray(scale)) {
     return val;
   }
-
   if (isObject(scale)) {
     return get(scale, val);
   }
-
   if (isString(scale)) {
     var usedScale = get(theme, scale, get(compatTheme, scale));
     if (!usedScale) return undefined;
     return isArray(usedScale) ? val : get(usedScale, val);
   }
-
   return undefined;
 };
 
 var createPropertyStyle = function createPropertyStyle(value, props, config) {
   var _scaleValue;
-
   var styles = {};
   var _config$transform = config.transform,
-      transform = _config$transform === void 0 ? identity : _config$transform,
-      property = config.property,
-      _config$properties = config.properties,
-      properties = _config$properties === void 0 ? [property] : _config$properties,
-      scale = config.scale,
-      variable = config.variable;
+    transform = _config$transform === void 0 ? identity : _config$transform,
+    property = config.property,
+    _config$properties = config.properties,
+    properties = _config$properties === void 0 ? [property] : _config$properties,
+    scale = config.scale,
+    variable = config.variable;
   var alwaysTransform = scale === undefined || isArray(scale);
-
   if (isUndefined(value)) {
     return styles;
   }
-
   var useTransform = false;
   var intermediateValue;
   var scaleValue;
-
   switch (_typeof(value)) {
     case 'number':
     case 'string':
@@ -465,50 +401,39 @@ var createPropertyStyle = function createPropertyStyle(value, props, config) {
       useTransform = scaleValue !== undefined || alwaysTransform;
       intermediateValue = (_scaleValue = scaleValue) !== null && _scaleValue !== void 0 ? _scaleValue : value;
       break;
-
     case 'function':
       if (props.theme) {
         intermediateValue = value(props.theme);
       }
-
       break;
-
     default:
       return styles;
-  } // for each property look up the scale value from theme if passed and apply any
+  }
+  // for each property look up the scale value from theme if passed and apply any
   // final transforms to the value
-
-
   properties.forEach(function (property) {
     var styleValue = intermediateValue;
-
     if (useTransform && !isUndefined(styleValue)) {
       styleValue = transform(styleValue, property, props);
     }
-
     switch (_typeof(styleValue)) {
       case 'number':
       case 'string':
         return styles[property] = styleValue;
-
       case 'object':
         return Object.assign(styles, styleValue);
     }
   });
-
   if (variable) {
     var styleValue = intermediateValue;
-
     if (useTransform && !isUndefined(styleValue)) {
       styleValue = transform(styleValue, property, props);
     }
-
     if (styleValue && _typeof(styleValue) !== 'object') {
       styles[variable] = styleValue;
     }
-  } // return the resulting styles object
-
-
+  }
+  // return the resulting styles object
   return styles;
 };
 
@@ -517,22 +442,18 @@ var BREAKPOINT_KEYS$1 = ['_', 'xs', 'sm', 'md', 'lg', 'xl'];
 /**
  * Destructures the themes breakpoints into an ordered structure to traverse
  */
-
 var templateMediaQuery$1 = function templateMediaQuery(breakpoint) {
   return "@media screen and (min-width: ".concat(breakpoint, "px)");
 };
-
 var createMediaQueries$1 = function createMediaQueries(breakpoints) {
   if (breakpoints === undefined) return null;
-
   var _ref = breakpoints !== null && breakpoints !== void 0 ? breakpoints : {},
-      xs = _ref.xs,
-      sm = _ref.sm,
-      md = _ref.md,
-      lg = _ref.lg,
-      xl = _ref.xl; // Ensure order for mapping
-
-
+    xs = _ref.xs,
+    sm = _ref.sm,
+    md = _ref.md,
+    lg = _ref.lg,
+    xl = _ref.xl;
+  // Ensure order for mapping
   return {
     map: mapValues(breakpoints, templateMediaQuery$1),
     array: [xs, sm, md, lg, xl].map(templateMediaQuery$1)
@@ -546,14 +467,12 @@ var isMediaMap$1 = function isMediaMap(val) {
 };
 var objectParser$1 = function objectParser(value, props, config, breakpoints) {
   var styles = {};
-
   var _ = value._,
-      rest = _objectWithoutProperties(value, _excluded$1); // the keyof 'base' is base styles
-
-
-  if (_) Object.assign(styles, createPropertyStyle(_, props, config)); // Map over remaining keys and merge the corresponding breakpoint styles
+    rest = _objectWithoutProperties(value, _excluded$1);
+  // the keyof 'base' is base styles
+  if (_) Object.assign(styles, createPropertyStyle(_, props, config));
+  // Map over remaining keys and merge the corresponding breakpoint styles
   // for that property.
-
   Object.keys(breakpoints).forEach(function (breakpointKey) {
     var bpStyles = rest[breakpointKey];
     if (typeof bpStyles === 'undefined') return;
@@ -563,15 +482,13 @@ var objectParser$1 = function objectParser(value, props, config, breakpoints) {
 };
 var arrayParser$1 = function arrayParser(value, props, config, breakpoints) {
   var styles = {};
-
   var _value = _toArray(value),
-      _ = _value[0],
-      rest = _value.slice(1); // the first index is base styles
-
-
-  if (_) Object.assign(styles, createPropertyStyle(_, props, config)); // Map over each value in the array and merge the corresponding breakpoint styles
+    _ = _value[0],
+    rest = _value.slice(1);
+  // the first index is base styles
+  if (_) Object.assign(styles, createPropertyStyle(_, props, config));
+  // Map over each value in the array and merge the corresponding breakpoint styles
   // for that property.
-
   rest.forEach(function (val, i) {
     var breakpointKey = breakpoints[i];
     if (!breakpointKey || typeof val === 'undefined') return;
@@ -591,32 +508,26 @@ var orderBreakpoints$1 = function orderBreakpoints(styles, breakpoints) {
 
 var renderPropValue$1 = function renderPropValue(styles, prop, props, property, ctx) {
   var value = get(props, prop);
-
   switch (_typeof(value)) {
     case 'string':
     case 'number':
     case 'function':
       return Object.assign(styles, createPropertyStyle(value, props, property));
     // handle any props configured with the responsive notation
-
     case 'object':
       if (!ctx.mediaQueries) {
         return;
-      } // If it is an array the order of values is smallest to largest: [_, xs, ...]
-
-
+      }
+      // If it is an array the order of values is smallest to largest: [_, xs, ...]
       if (isMediaArray$1(value)) {
         return merge(styles, arrayParser$1(value, props, property, ctx.mediaQueries.array));
-      } // Check to see if value is an object matching the responsive syntax and generate the styles.
-
-
+      }
+      // Check to see if value is an object matching the responsive syntax and generate the styles.
       if (value && isMediaMap$1(value)) {
         return merge(styles, objectParser$1(value, props, property, ctx.mediaQueries.map));
       }
-
   }
 };
-
 function createParser$1(config) {
   var omitProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var propNames = orderPropNames(config).filter(function (name) {
@@ -625,19 +536,16 @@ function createParser$1(config) {
   var ctx = {
     mediaQueries: null
   };
-
   var parser = function parser(props) {
     var isCss = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var styles = {};
-    var theme = props.theme; // Attempt to cache the breakpoints if we have not yet or if theme has become available.
-
+    var theme = props.theme;
+    // Attempt to cache the breakpoints if we have not yet or if theme has become available.
     if (ctx.mediaQueries === null) {
       var _theme$breakpoints;
-
       // Save the breakpoints if we can
       ctx.mediaQueries = createMediaQueries$1((_theme$breakpoints = theme === null || theme === void 0 ? void 0 : theme.breakpoints) !== null && _theme$breakpoints !== void 0 ? _theme$breakpoints : compatTheme.breakpoints);
     }
-
     if (!isCss) {
       // Loops over all prop names on the configured config to check for configured styles
       propNames.forEach(function (prop) {
@@ -648,7 +556,6 @@ function createParser$1(config) {
       // Loops over all prop names on the configured config to check for configured styles
       Object.keys(props).forEach(function (prop) {
         var property = config[prop];
-
         if (property) {
           renderPropValue$1(styles, prop, props, property, ctx);
         } else if (prop !== 'theme') {
@@ -656,12 +563,10 @@ function createParser$1(config) {
         }
       });
     }
-
     if (ctx.mediaQueries !== null) return orderBreakpoints$1(styles, ctx.mediaQueries.array);
     return styles;
-  }; // return the parser function with the resulting meta information for further composition
-
-
+  };
+  // return the parser function with the resulting meta information for further composition
   return Object.assign(parser, {
     propNames: propNames,
     config: config
@@ -676,9 +581,8 @@ var getSelectors = function getSelectors() {
   var rules = {};
   Object.entries(base).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
-        key = _ref2[0],
-        styles = _ref2[1];
-
+      key = _ref2[0],
+      styles = _ref2[1];
     if (!filters.includes(key) && isObject(styles)) {
       set(rules, [key, 'base'], styles);
     } else {
@@ -687,20 +591,17 @@ var getSelectors = function getSelectors() {
   });
   Object.entries(variants).forEach(function (_ref3) {
     var _ref4 = _slicedToArray(_ref3, 2),
-        key = _ref4[0],
-        variantConfig = _ref4[1].variants;
-
+      key = _ref4[0],
+      variantConfig = _ref4[1].variants;
     Object.entries(variantConfig).forEach(function (_ref5) {
       var _ref6 = _slicedToArray(_ref5, 2),
-          option = _ref6[0],
-          optionStyles = _ref6[1];
-
+        option = _ref6[0],
+        optionStyles = _ref6[1];
       var optionId = "".concat(key, "-").concat(option);
       Object.entries(optionStyles).forEach(function (_ref7) {
         var _ref8 = _slicedToArray(_ref7, 2),
-            key = _ref8[0],
-            styles = _ref8[1];
-
+          key = _ref8[0],
+          styles = _ref8[1];
         if (!filters.includes(key) && isObject(styles)) {
           set(rules, [key, optionId], styles);
         } else {
@@ -711,14 +612,12 @@ var getSelectors = function getSelectors() {
   });
   Object.entries(states).forEach(function (_ref9) {
     var _ref10 = _slicedToArray(_ref9, 2),
-        optionId = _ref10[0],
-        optionStyles = _ref10[1];
-
+      optionId = _ref10[0],
+      optionStyles = _ref10[1];
     Object.entries(optionStyles).forEach(function (_ref11) {
       var _ref12 = _slicedToArray(_ref11, 2),
-          key = _ref12[0],
-          styles = _ref12[1];
-
+        key = _ref12[0],
+        styles = _ref12[1];
       if (!filters.includes(key) && isObject(styles)) {
         set(rules, [key, optionId], styles);
       } else {
@@ -728,7 +627,6 @@ var getSelectors = function getSelectors() {
   });
   return rules;
 };
-
 var createGetActiveStyleIds = function createGetActiveStyleIds(variants, states) {
   var vIds = Object.keys(variants);
   var sIds = Object.keys(states);
@@ -747,21 +645,18 @@ var createGetActiveStyleIds = function createGetActiveStyleIds(variants, states)
     return activeIds;
   };
 };
-
 var extractBreakpointStyles = function extractBreakpointStyles(styles, medias) {
   var unscoped = {};
   var breakpoint = {};
   Object.entries(styles).forEach(function (_ref13) {
     var _ref14 = _slicedToArray(_ref13, 2),
-        rule = _ref14[0],
-        value = _ref14[1];
-
+      rule = _ref14[0],
+      value = _ref14[1];
     var target = medias.includes(rule) ? breakpoint : unscoped;
     target[rule] = value;
   });
   return [unscoped, breakpoint];
 };
-
 var applyOverride = function applyOverride() {
   var override = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var baseResult = arguments.length > 1 ? arguments[1] : undefined;
@@ -769,66 +664,54 @@ var applyOverride = function applyOverride() {
   var parser = arguments.length > 3 ? arguments[3] : undefined;
   var theme = arguments.length > 4 ? arguments[4] : undefined;
   var media = arguments.length > 5 ? arguments[5] : undefined;
-
   var _extractBreakpointSty = extractBreakpointStyles(parser(_objectSpread2(_objectSpread2({}, override), {}, {
-    theme: theme
-  }), true), media),
-      _extractBreakpointSty2 = _slicedToArray(_extractBreakpointSty, 2),
-      overrideStyles = _extractBreakpointSty2[0],
-      overrideBreakpointStyles = _extractBreakpointSty2[1];
-
+      theme: theme
+    }), true), media),
+    _extractBreakpointSty2 = _slicedToArray(_extractBreakpointSty, 2),
+    overrideStyles = _extractBreakpointSty2[0],
+    overrideBreakpointStyles = _extractBreakpointSty2[1];
   for (var rule in overrideStyles) {
     baseResult[rule] = overrideStyles[rule];
   }
-
   media.forEach(function (mq) {
     var mqOverride = overrideBreakpointStyles[mq];
     if (!mqOverride || isEmpty(mqOverride)) return;
-
     if (!breakpointResult[mq]) {
       breakpointResult[mq] = {};
     }
-
     var mqStyle = breakpointResult[mq];
-
     for (var _rule in mqOverride) {
       mqStyle[_rule] = mqOverride[_rule];
     }
   });
 };
-
 var applyStyle = function applyStyle(resultStyles, config, props, ctx) {
   var base = config.base;
   var parser = ctx.parser,
-      getMediaSelectors = ctx.getMediaSelectors,
-      getActiveOverrides = ctx.getActiveOverrides;
+    getMediaSelectors = ctx.getMediaSelectors,
+    getActiveOverrides = ctx.getActiveOverrides;
   var theme = props.theme;
   var overrides = Object.values(pick(config, getActiveOverrides(props)));
   var media = getMediaSelectors(props);
-
   var _extractBreakpointSty3 = extractBreakpointStyles(parser(_objectSpread2(_objectSpread2({}, base), {}, {
-    theme: theme
-  }), true), media),
-      _extractBreakpointSty4 = _slicedToArray(_extractBreakpointSty3, 2),
-      styles = _extractBreakpointSty4[0],
-      breakpointStyles = _extractBreakpointSty4[1];
-
+      theme: theme
+    }), true), media),
+    _extractBreakpointSty4 = _slicedToArray(_extractBreakpointSty3, 2),
+    styles = _extractBreakpointSty4[0],
+    breakpointStyles = _extractBreakpointSty4[1];
   for (var rule in styles) {
     resultStyles[rule] = styles[rule];
   }
-
   overrides.forEach(function (override) {
     applyOverride(override, resultStyles, breakpointStyles, parser, theme, media);
   });
   media.forEach(function (media) {
     var bp = breakpointStyles[media];
-
     if (!isEmpty(bp)) {
       resultStyles[media] = bp;
     }
   });
 };
-
 var createStylist = function createStylist(parser) {
   var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var variants = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -838,7 +721,6 @@ var createStylist = function createStylist(parser) {
     parser: parser,
     getMediaSelectors: function getMediaSelectors(_ref15) {
       var _theme$breakpoints;
-
       var theme = _ref15.theme;
       var breakpoints = (_theme$breakpoints = theme === null || theme === void 0 ? void 0 : theme.breakpoints) !== null && _theme$breakpoints !== void 0 ? _theme$breakpoints : compatTheme.breakpoints;
       return ['xs', 'sm', 'md', 'lg', 'xl'].map(function (key) {
@@ -849,15 +731,12 @@ var createStylist = function createStylist(parser) {
   };
   return function (props) {
     var vars = props.vars;
-
     var result = _objectSpread2({}, vars);
-
     Object.entries(selectorGroups).forEach(function (_ref16) {
       var _ref17 = _slicedToArray(_ref16, 2),
-          selectorId = _ref17[0],
-          _ref17$ = _ref17[1],
-          config = _ref17$ === void 0 ? {} : _ref17$;
-
+        selectorId = _ref17[0],
+        _ref17$ = _ref17[1],
+        config = _ref17$ === void 0 ? {} : _ref17$;
       if (selectorId === 'primary') {
         applyStyle(result, config, props, context);
       } else {
@@ -875,23 +754,14 @@ var createStylist = function createStylist(parser) {
 var AnimusExtended = /*#__PURE__*/function () {
   function AnimusExtended(props, groups, parser, base, variants, states, activeGroups, custom) {
     _classCallCheck(this, AnimusExtended);
-
     _defineProperty(this, "propRegistry", {});
-
     _defineProperty(this, "groupRegistry", {});
-
     _defineProperty(this, "parser", {});
-
     _defineProperty(this, "baseStyles", {});
-
     _defineProperty(this, "statesConfig", {});
-
     _defineProperty(this, "variants", {});
-
     _defineProperty(this, "activeGroups", {});
-
     _defineProperty(this, "custom", {});
-
     this.propRegistry = props;
     this.groupRegistry = groups;
     this.parser = parser;
@@ -901,7 +771,6 @@ var AnimusExtended = /*#__PURE__*/function () {
     this.activeGroups = activeGroups;
     this.custom = custom;
   }
-
   _createClass(AnimusExtended, [{
     key: "extend",
     value: function extend() {
@@ -937,15 +806,13 @@ var AnimusExtended = /*#__PURE__*/function () {
     key: "asElement",
     value: function asElement(component) {
       var propNames = Object.keys(this.propRegistry);
-
       var StyledComponent = /*#__PURE__*/_styled(component, {
         shouldForwardProp: function shouldForwardProp(prop) {
           return isPropValid(prop) && !propNames.includes(prop);
         },
         target: "e1np124q1",
         label: "AnimusExtended"
-      })(this.build(), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11c0V4dGVuZGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDZ0MiLCJmaWxlIjoiQW5pbXVzRXh0ZW5kZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnQGVtb3Rpb24vaXMtcHJvcC12YWxpZCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5pbXBvcnQgeyBjcmVhdGVQYXJzZXIgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVQYXJzZXInO1xyXG5pbXBvcnQgeyBjcmVhdGVTdHlsaXN0IH0gZnJvbSAnLi9zdHlsZXMvY3JlYXRlU3R5bGlzdCc7XHJcbmV4cG9ydCBjbGFzcyBBbmltdXNFeHRlbmRlZCB7XHJcbiAgICBwcm9wUmVnaXN0cnkgPSB7fTtcclxuICAgIGdyb3VwUmVnaXN0cnkgPSB7fTtcclxuICAgIHBhcnNlciA9IHt9O1xyXG4gICAgYmFzZVN0eWxlcyA9IHt9O1xyXG4gICAgc3RhdGVzQ29uZmlnID0ge307XHJcbiAgICB2YXJpYW50cyA9IHt9O1xyXG4gICAgYWN0aXZlR3JvdXBzID0ge307XHJcbiAgICBjdXN0b20gPSB7fTtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCBjdXN0b20pIHtcclxuICAgICAgICB0aGlzLnByb3BSZWdpc3RyeSA9IHByb3BzO1xyXG4gICAgICAgIHRoaXMuZ3JvdXBSZWdpc3RyeSA9IGdyb3VwcztcclxuICAgICAgICB0aGlzLnBhcnNlciA9IHBhcnNlcjtcclxuICAgICAgICB0aGlzLmJhc2VTdHlsZXMgPSBiYXNlO1xyXG4gICAgICAgIHRoaXMudmFyaWFudHMgPSB2YXJpYW50cztcclxuICAgICAgICB0aGlzLnN0YXRlc0NvbmZpZyA9IHN0YXRlcztcclxuICAgICAgICB0aGlzLmFjdGl2ZUdyb3VwcyA9IGFjdGl2ZUdyb3VwcztcclxuICAgICAgICB0aGlzLmN1c3RvbSA9IGN1c3RvbTtcclxuICAgIH1cclxuICAgIGV4dGVuZCgpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c0V4dGVuZGVkKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3R5bGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIG1lcmdlKHt9LCB0aGlzLmJhc2VTdHlsZXMsIGNvbmZpZyksIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh7fSwgdGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSksIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3RhdGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgbWVyZ2Uoe30sIHRoaXMuc3RhdGVzQ29uZmlnLCBjb25maWcpLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIG1lcmdlKHt9LCB0aGlzLmFjdGl2ZUdyb3VwcywgY29uZmlnKSwgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgcHJvcHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIG1lcmdlKHt9LCB0aGlzLmN1c3RvbSwgY29uZmlnKSk7XHJcbiAgICB9XHJcbiAgICBhc0VsZW1lbnQoY29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChjb21wb25lbnQsIHtcclxuICAgICAgICAgICAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiAhcHJvcE5hbWVzLmluY2x1ZGVzKHByb3ApLFxyXG4gICAgICAgIH0pKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGFzQ29tcG9uZW50KEFzQ29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgU3R5bGVkQ29tcG9uZW50ID0gc3R5bGVkKEFzQ29tcG9uZW50KSh0aGlzLmJ1aWxkKCkpO1xyXG4gICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKFN0eWxlZENvbXBvbmVudCwgeyBleHRlbmQ6IHRoaXMuZXh0ZW5kLmJpbmQodGhpcykgfSk7XHJcbiAgICB9XHJcbiAgICBidWlsZCgpIHtcclxuICAgICAgICBjb25zdCBoYW5kbGVyID0gY3JlYXRlU3R5bGlzdChjcmVhdGVQYXJzZXIoeyAuLi50aGlzLnBhcnNlci5jb25maWcsIC4uLnRoaXMuY3VzdG9tIH0sIFtcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy52YXJpYW50cyksXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMuc3RhdGVzQ29uZmlnKSxcclxuICAgICAgICBdKSwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZyk7XHJcbiAgICAgICAgcmV0dXJuIGhhbmRsZXI7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5pbXVzRXh0ZW5kZWQuanMubWFwIl19 */");
-
+      })(this.build(), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11c0V4dGVuZGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDZ0MiLCJmaWxlIjoiQW5pbXVzRXh0ZW5kZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnQGVtb3Rpb24vaXMtcHJvcC12YWxpZCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5pbXBvcnQgeyBjcmVhdGVQYXJzZXIgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVQYXJzZXInO1xyXG5pbXBvcnQgeyBjcmVhdGVTdHlsaXN0IH0gZnJvbSAnLi9zdHlsZXMvY3JlYXRlU3R5bGlzdCc7XHJcbmV4cG9ydCBjbGFzcyBBbmltdXNFeHRlbmRlZCB7XHJcbiAgICBwcm9wUmVnaXN0cnkgPSB7fTtcclxuICAgIGdyb3VwUmVnaXN0cnkgPSB7fTtcclxuICAgIHBhcnNlciA9IHt9O1xyXG4gICAgYmFzZVN0eWxlcyA9IHt9O1xyXG4gICAgc3RhdGVzQ29uZmlnID0ge307XHJcbiAgICB2YXJpYW50cyA9IHt9O1xyXG4gICAgYWN0aXZlR3JvdXBzID0ge307XHJcbiAgICBjdXN0b20gPSB7fTtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCBjdXN0b20pIHtcclxuICAgICAgICB0aGlzLnByb3BSZWdpc3RyeSA9IHByb3BzO1xyXG4gICAgICAgIHRoaXMuZ3JvdXBSZWdpc3RyeSA9IGdyb3VwcztcclxuICAgICAgICB0aGlzLnBhcnNlciA9IHBhcnNlcjtcclxuICAgICAgICB0aGlzLmJhc2VTdHlsZXMgPSBiYXNlO1xyXG4gICAgICAgIHRoaXMudmFyaWFudHMgPSB2YXJpYW50cztcclxuICAgICAgICB0aGlzLnN0YXRlc0NvbmZpZyA9IHN0YXRlcztcclxuICAgICAgICB0aGlzLmFjdGl2ZUdyb3VwcyA9IGFjdGl2ZUdyb3VwcztcclxuICAgICAgICB0aGlzLmN1c3RvbSA9IGN1c3RvbTtcclxuICAgIH1cclxuICAgIGV4dGVuZCgpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c0V4dGVuZGVkKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3R5bGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIG1lcmdlKHt9LCB0aGlzLmJhc2VTdHlsZXMsIGNvbmZpZyksIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh7fSwgdGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSksIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3RhdGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgbWVyZ2Uoe30sIHRoaXMuc3RhdGVzQ29uZmlnLCBjb25maWcpLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIG1lcmdlKHt9LCB0aGlzLmFjdGl2ZUdyb3VwcywgY29uZmlnKSwgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgcHJvcHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIG1lcmdlKHt9LCB0aGlzLmN1c3RvbSwgY29uZmlnKSk7XHJcbiAgICB9XHJcbiAgICBhc0VsZW1lbnQoY29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChjb21wb25lbnQsIHtcclxuICAgICAgICAgICAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiAhcHJvcE5hbWVzLmluY2x1ZGVzKHByb3ApLFxyXG4gICAgICAgIH0pKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGFzQ29tcG9uZW50KEFzQ29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChBc0NvbXBvbmVudCwge1xyXG4gICAgICAgICAgICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+ICFwcm9wTmFtZXMuaW5jbHVkZXMocHJvcCksXHJcbiAgICAgICAgfSkodGhpcy5idWlsZCgpKTtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihTdHlsZWRDb21wb25lbnQsIHsgZXh0ZW5kOiB0aGlzLmV4dGVuZC5iaW5kKHRoaXMpIH0pO1xyXG4gICAgfVxyXG4gICAgYnVpbGQoKSB7XHJcbiAgICAgICAgY29uc3QgaGFuZGxlciA9IGNyZWF0ZVN0eWxpc3QoY3JlYXRlUGFyc2VyKHsgLi4udGhpcy5wYXJzZXIuY29uZmlnLCAuLi50aGlzLmN1c3RvbSB9LCBbXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMudmFyaWFudHMpLFxyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnN0YXRlc0NvbmZpZyksXHJcbiAgICAgICAgXSksIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcpO1xyXG4gICAgICAgIHJldHVybiBoYW5kbGVyO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuaW11c0V4dGVuZGVkLmpzLm1hcCJdfQ== */");
       return Object.assign(StyledComponent, {
         extend: this.extend.bind(this)
       });
@@ -953,11 +820,14 @@ var AnimusExtended = /*#__PURE__*/function () {
   }, {
     key: "asComponent",
     value: function asComponent(AsComponent) {
+      var propNames = Object.keys(this.propRegistry);
       var StyledComponent = /*#__PURE__*/_styled(AsComponent, {
+        shouldForwardProp: function shouldForwardProp(prop) {
+          return !propNames.includes(prop);
+        },
         target: "e1np124q0",
         label: "AnimusExtended"
-      })(this.build(), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11c0V4dGVuZGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1EZ0MiLCJmaWxlIjoiQW5pbXVzRXh0ZW5kZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnQGVtb3Rpb24vaXMtcHJvcC12YWxpZCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5pbXBvcnQgeyBjcmVhdGVQYXJzZXIgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVQYXJzZXInO1xyXG5pbXBvcnQgeyBjcmVhdGVTdHlsaXN0IH0gZnJvbSAnLi9zdHlsZXMvY3JlYXRlU3R5bGlzdCc7XHJcbmV4cG9ydCBjbGFzcyBBbmltdXNFeHRlbmRlZCB7XHJcbiAgICBwcm9wUmVnaXN0cnkgPSB7fTtcclxuICAgIGdyb3VwUmVnaXN0cnkgPSB7fTtcclxuICAgIHBhcnNlciA9IHt9O1xyXG4gICAgYmFzZVN0eWxlcyA9IHt9O1xyXG4gICAgc3RhdGVzQ29uZmlnID0ge307XHJcbiAgICB2YXJpYW50cyA9IHt9O1xyXG4gICAgYWN0aXZlR3JvdXBzID0ge307XHJcbiAgICBjdXN0b20gPSB7fTtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCBjdXN0b20pIHtcclxuICAgICAgICB0aGlzLnByb3BSZWdpc3RyeSA9IHByb3BzO1xyXG4gICAgICAgIHRoaXMuZ3JvdXBSZWdpc3RyeSA9IGdyb3VwcztcclxuICAgICAgICB0aGlzLnBhcnNlciA9IHBhcnNlcjtcclxuICAgICAgICB0aGlzLmJhc2VTdHlsZXMgPSBiYXNlO1xyXG4gICAgICAgIHRoaXMudmFyaWFudHMgPSB2YXJpYW50cztcclxuICAgICAgICB0aGlzLnN0YXRlc0NvbmZpZyA9IHN0YXRlcztcclxuICAgICAgICB0aGlzLmFjdGl2ZUdyb3VwcyA9IGFjdGl2ZUdyb3VwcztcclxuICAgICAgICB0aGlzLmN1c3RvbSA9IGN1c3RvbTtcclxuICAgIH1cclxuICAgIGV4dGVuZCgpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c0V4dGVuZGVkKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3R5bGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIG1lcmdlKHt9LCB0aGlzLmJhc2VTdHlsZXMsIGNvbmZpZyksIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh7fSwgdGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSksIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3RhdGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgbWVyZ2Uoe30sIHRoaXMuc3RhdGVzQ29uZmlnLCBjb25maWcpLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIG1lcmdlKHt9LCB0aGlzLmFjdGl2ZUdyb3VwcywgY29uZmlnKSwgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgcHJvcHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIG1lcmdlKHt9LCB0aGlzLmN1c3RvbSwgY29uZmlnKSk7XHJcbiAgICB9XHJcbiAgICBhc0VsZW1lbnQoY29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChjb21wb25lbnQsIHtcclxuICAgICAgICAgICAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiAhcHJvcE5hbWVzLmluY2x1ZGVzKHByb3ApLFxyXG4gICAgICAgIH0pKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGFzQ29tcG9uZW50KEFzQ29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgU3R5bGVkQ29tcG9uZW50ID0gc3R5bGVkKEFzQ29tcG9uZW50KSh0aGlzLmJ1aWxkKCkpO1xyXG4gICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKFN0eWxlZENvbXBvbmVudCwgeyBleHRlbmQ6IHRoaXMuZXh0ZW5kLmJpbmQodGhpcykgfSk7XHJcbiAgICB9XHJcbiAgICBidWlsZCgpIHtcclxuICAgICAgICBjb25zdCBoYW5kbGVyID0gY3JlYXRlU3R5bGlzdChjcmVhdGVQYXJzZXIoeyAuLi50aGlzLnBhcnNlci5jb25maWcsIC4uLnRoaXMuY3VzdG9tIH0sIFtcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy52YXJpYW50cyksXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMuc3RhdGVzQ29uZmlnKSxcclxuICAgICAgICBdKSwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZyk7XHJcbiAgICAgICAgcmV0dXJuIGhhbmRsZXI7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5pbXVzRXh0ZW5kZWQuanMubWFwIl19 */");
-
+      })(this.build(), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11c0V4dGVuZGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EZ0MiLCJmaWxlIjoiQW5pbXVzRXh0ZW5kZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnQGVtb3Rpb24vaXMtcHJvcC12YWxpZCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5pbXBvcnQgeyBjcmVhdGVQYXJzZXIgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVQYXJzZXInO1xyXG5pbXBvcnQgeyBjcmVhdGVTdHlsaXN0IH0gZnJvbSAnLi9zdHlsZXMvY3JlYXRlU3R5bGlzdCc7XHJcbmV4cG9ydCBjbGFzcyBBbmltdXNFeHRlbmRlZCB7XHJcbiAgICBwcm9wUmVnaXN0cnkgPSB7fTtcclxuICAgIGdyb3VwUmVnaXN0cnkgPSB7fTtcclxuICAgIHBhcnNlciA9IHt9O1xyXG4gICAgYmFzZVN0eWxlcyA9IHt9O1xyXG4gICAgc3RhdGVzQ29uZmlnID0ge307XHJcbiAgICB2YXJpYW50cyA9IHt9O1xyXG4gICAgYWN0aXZlR3JvdXBzID0ge307XHJcbiAgICBjdXN0b20gPSB7fTtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCBjdXN0b20pIHtcclxuICAgICAgICB0aGlzLnByb3BSZWdpc3RyeSA9IHByb3BzO1xyXG4gICAgICAgIHRoaXMuZ3JvdXBSZWdpc3RyeSA9IGdyb3VwcztcclxuICAgICAgICB0aGlzLnBhcnNlciA9IHBhcnNlcjtcclxuICAgICAgICB0aGlzLmJhc2VTdHlsZXMgPSBiYXNlO1xyXG4gICAgICAgIHRoaXMudmFyaWFudHMgPSB2YXJpYW50cztcclxuICAgICAgICB0aGlzLnN0YXRlc0NvbmZpZyA9IHN0YXRlcztcclxuICAgICAgICB0aGlzLmFjdGl2ZUdyb3VwcyA9IGFjdGl2ZUdyb3VwcztcclxuICAgICAgICB0aGlzLmN1c3RvbSA9IGN1c3RvbTtcclxuICAgIH1cclxuICAgIGV4dGVuZCgpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c0V4dGVuZGVkKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3R5bGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIG1lcmdlKHt9LCB0aGlzLmJhc2VTdHlsZXMsIGNvbmZpZyksIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh7fSwgdGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSksIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3RhdGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgbWVyZ2Uoe30sIHRoaXMuc3RhdGVzQ29uZmlnLCBjb25maWcpLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIG1lcmdlKHt9LCB0aGlzLmFjdGl2ZUdyb3VwcywgY29uZmlnKSwgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgcHJvcHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIG1lcmdlKHt9LCB0aGlzLmN1c3RvbSwgY29uZmlnKSk7XHJcbiAgICB9XHJcbiAgICBhc0VsZW1lbnQoY29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChjb21wb25lbnQsIHtcclxuICAgICAgICAgICAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiAhcHJvcE5hbWVzLmluY2x1ZGVzKHByb3ApLFxyXG4gICAgICAgIH0pKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGFzQ29tcG9uZW50KEFzQ29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChBc0NvbXBvbmVudCwge1xyXG4gICAgICAgICAgICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+ICFwcm9wTmFtZXMuaW5jbHVkZXMocHJvcCksXHJcbiAgICAgICAgfSkodGhpcy5idWlsZCgpKTtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihTdHlsZWRDb21wb25lbnQsIHsgZXh0ZW5kOiB0aGlzLmV4dGVuZC5iaW5kKHRoaXMpIH0pO1xyXG4gICAgfVxyXG4gICAgYnVpbGQoKSB7XHJcbiAgICAgICAgY29uc3QgaGFuZGxlciA9IGNyZWF0ZVN0eWxpc3QoY3JlYXRlUGFyc2VyKHsgLi4udGhpcy5wYXJzZXIuY29uZmlnLCAuLi50aGlzLmN1c3RvbSB9LCBbXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMudmFyaWFudHMpLFxyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnN0YXRlc0NvbmZpZyksXHJcbiAgICAgICAgXSksIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcpO1xyXG4gICAgICAgIHJldHVybiBoYW5kbGVyO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuaW11c0V4dGVuZGVkLmpzLm1hcCJdfQ== */");
       return Object.assign(StyledComponent, {
         extend: this.extend.bind(this)
       });
@@ -969,30 +839,20 @@ var AnimusExtended = /*#__PURE__*/function () {
       return handler;
     }
   }]);
-
   return AnimusExtended;
 }();
 
 var AnimusWithAll = /*#__PURE__*/function () {
   function AnimusWithAll(props, groups, parser, base, variants, states, activeGroups, custom) {
     _classCallCheck(this, AnimusWithAll);
-
     _defineProperty(this, "propRegistry", {});
-
     _defineProperty(this, "groupRegistry", {});
-
     _defineProperty(this, "parser", {});
-
     _defineProperty(this, "baseStyles", {});
-
     _defineProperty(this, "statesConfig", {});
-
     _defineProperty(this, "variants", {});
-
     _defineProperty(this, "activeGroups", {});
-
     _defineProperty(this, "custom", {});
-
     this.propRegistry = props;
     this.groupRegistry = groups;
     this.parser = parser;
@@ -1002,7 +862,6 @@ var AnimusWithAll = /*#__PURE__*/function () {
     this.activeGroups = activeGroups;
     this.custom = custom;
   }
-
   _createClass(AnimusWithAll, [{
     key: "extend",
     value: function extend() {
@@ -1012,15 +871,13 @@ var AnimusWithAll = /*#__PURE__*/function () {
     key: "asElement",
     value: function asElement(component) {
       var propNames = Object.keys(this.propRegistry);
-
       var Component = /*#__PURE__*/_styled(component, {
         shouldForwardProp: function shouldForwardProp(prop) {
           return isPropValid(prop) && !propNames.includes(prop);
         },
         target: "e19x4vr1",
         label: "AnimusWithAll"
-      })(this.build(), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjBCIiwiZmlsZSI6IkFuaW11cy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBpc1Byb3BWYWxpZCBmcm9tICdAZW1vdGlvbi9pcy1wcm9wLXZhbGlkJztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ2xvZGFzaCc7XHJcbmltcG9ydCB7IEFuaW11c0V4dGVuZGVkIH0gZnJvbSAnLi9BbmltdXNFeHRlbmRlZCc7XHJcbmltcG9ydCB7IGNyZWF0ZVBhcnNlciB9IGZyb20gJy4vc3R5bGVzL2NyZWF0ZVBhcnNlcic7XHJcbmltcG9ydCB7IGNyZWF0ZVN0eWxpc3QgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVTdHlsaXN0JztcclxuZXhwb3J0IGNsYXNzIEFuaW11c1dpdGhBbGwge1xyXG4gICAgcHJvcFJlZ2lzdHJ5ID0ge307XHJcbiAgICBncm91cFJlZ2lzdHJ5ID0ge307XHJcbiAgICBwYXJzZXIgPSB7fTtcclxuICAgIGJhc2VTdHlsZXMgPSB7fTtcclxuICAgIHN0YXRlc0NvbmZpZyA9IHt9O1xyXG4gICAgdmFyaWFudHMgPSB7fTtcclxuICAgIGFjdGl2ZUdyb3VwcyA9IHt9O1xyXG4gICAgY3VzdG9tID0ge307XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3VwcywgY3VzdG9tKSB7XHJcbiAgICAgICAgdGhpcy5wcm9wUmVnaXN0cnkgPSBwcm9wcztcclxuICAgICAgICB0aGlzLmdyb3VwUmVnaXN0cnkgPSBncm91cHM7XHJcbiAgICAgICAgdGhpcy5wYXJzZXIgPSBwYXJzZXI7XHJcbiAgICAgICAgdGhpcy5iYXNlU3R5bGVzID0gYmFzZTtcclxuICAgICAgICB0aGlzLnZhcmlhbnRzID0gdmFyaWFudHM7XHJcbiAgICAgICAgdGhpcy5zdGF0ZXNDb25maWcgPSBzdGF0ZXM7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVHcm91cHMgPSBhY3RpdmVHcm91cHM7XHJcbiAgICAgICAgdGhpcy5jdXN0b20gPSBjdXN0b207XHJcbiAgICB9XHJcbiAgICBleHRlbmQoKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIHRoaXMuY3VzdG9tKTtcclxuICAgIH1cclxuICAgIGFzRWxlbWVudChjb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBwcm9wTmFtZXMgPSBPYmplY3Qua2V5cyh0aGlzLnByb3BSZWdpc3RyeSk7XHJcbiAgICAgICAgY29uc3QgQ29tcG9uZW50ID0gc3R5bGVkKGNvbXBvbmVudCwge1xyXG4gICAgICAgICAgICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IGlzUHJvcFZhbGlkKHByb3ApICYmICFwcm9wTmFtZXMuaW5jbHVkZXMocHJvcCksXHJcbiAgICAgICAgfSkodGhpcy5idWlsZCgpKTtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihDb21wb25lbnQsIHsgZXh0ZW5kOiB0aGlzLmV4dGVuZC5iaW5kKHRoaXMpIH0pO1xyXG4gICAgfVxyXG4gICAgYXNDb21wb25lbnQoQXNDb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBTdHlsZWRDb21wb25lbnQgPSBzdHlsZWQoQXNDb21wb25lbnQpKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGJ1aWxkKCkge1xyXG4gICAgICAgIGNvbnN0IGhhbmRsZXIgPSBjcmVhdGVTdHlsaXN0KGNyZWF0ZVBhcnNlcih7IC4uLnRoaXMucGFyc2VyLmNvbmZpZywgLi4udGhpcy5jdXN0b20gfSwgW1xyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnZhcmlhbnRzKSxcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy5zdGF0ZXNDb25maWcpLFxyXG4gICAgICAgIF0pLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnKTtcclxuICAgICAgICByZXR1cm4gaGFuZGxlcjtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoU3lzdGVtIGV4dGVuZHMgQW5pbXVzV2l0aEFsbCB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3Vwcykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCB7fSk7XHJcbiAgICB9XHJcbiAgICBwcm9wcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhBbGwodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIHRoaXMuYWN0aXZlR3JvdXBzLCBjb25maWcpO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhTdGF0ZXMgZXh0ZW5kcyBBbmltdXNXaXRoU3lzdGVtIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywge30pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFN5c3RlbSh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgY29uZmlnKTtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoVmFyaWFudHMgZXh0ZW5kcyBBbmltdXNXaXRoU3RhdGVzIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCB7fSk7XHJcbiAgICB9XHJcbiAgICBzdGF0ZXMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoU3RhdGVzKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIGNvbmZpZyk7XHJcbiAgICB9XHJcbiAgICB2YXJpYW50KG9wdGlvbnMpIHtcclxuICAgICAgICBjb25zdCBwcm9wID0gb3B0aW9ucy5wcm9wIHx8ICd2YXJpYW50JztcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhWYXJpYW50cyh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh0aGlzLnZhcmlhbnRzLCB7IFtwcm9wXTogb3B0aW9ucyB9KSk7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aEJhc2UgZXh0ZW5kcyBBbmltdXNXaXRoVmFyaWFudHMge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB7fSk7XHJcbiAgICB9XHJcbiAgICB2YXJpYW50KG9wdGlvbnMpIHtcclxuICAgICAgICBjb25zdCBwcm9wID0gb3B0aW9ucy5wcm9wIHx8ICd2YXJpYW50JztcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhWYXJpYW50cyh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh0aGlzLnZhcmlhbnRzLCB7IFtwcm9wXTogb3B0aW9ucyB9KSk7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGNsYXNzIEFuaW11cyBleHRlbmRzIEFuaW11c1dpdGhCYXNlIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBjcmVhdGVQYXJzZXIocHJvcHMpLCB7fSk7XHJcbiAgICB9XHJcbiAgICBzdHlsZXMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoQmFzZSh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgY29uZmlnKTtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmltdXMuanMubWFwIl19 */");
-
+      })(this.build(), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjBCIiwiZmlsZSI6IkFuaW11cy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBpc1Byb3BWYWxpZCBmcm9tICdAZW1vdGlvbi9pcy1wcm9wLXZhbGlkJztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ2xvZGFzaCc7XHJcbmltcG9ydCB7IEFuaW11c0V4dGVuZGVkIH0gZnJvbSAnLi9BbmltdXNFeHRlbmRlZCc7XHJcbmltcG9ydCB7IGNyZWF0ZVBhcnNlciB9IGZyb20gJy4vc3R5bGVzL2NyZWF0ZVBhcnNlcic7XHJcbmltcG9ydCB7IGNyZWF0ZVN0eWxpc3QgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVTdHlsaXN0JztcclxuZXhwb3J0IGNsYXNzIEFuaW11c1dpdGhBbGwge1xyXG4gICAgcHJvcFJlZ2lzdHJ5ID0ge307XHJcbiAgICBncm91cFJlZ2lzdHJ5ID0ge307XHJcbiAgICBwYXJzZXIgPSB7fTtcclxuICAgIGJhc2VTdHlsZXMgPSB7fTtcclxuICAgIHN0YXRlc0NvbmZpZyA9IHt9O1xyXG4gICAgdmFyaWFudHMgPSB7fTtcclxuICAgIGFjdGl2ZUdyb3VwcyA9IHt9O1xyXG4gICAgY3VzdG9tID0ge307XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3VwcywgY3VzdG9tKSB7XHJcbiAgICAgICAgdGhpcy5wcm9wUmVnaXN0cnkgPSBwcm9wcztcclxuICAgICAgICB0aGlzLmdyb3VwUmVnaXN0cnkgPSBncm91cHM7XHJcbiAgICAgICAgdGhpcy5wYXJzZXIgPSBwYXJzZXI7XHJcbiAgICAgICAgdGhpcy5iYXNlU3R5bGVzID0gYmFzZTtcclxuICAgICAgICB0aGlzLnZhcmlhbnRzID0gdmFyaWFudHM7XHJcbiAgICAgICAgdGhpcy5zdGF0ZXNDb25maWcgPSBzdGF0ZXM7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVHcm91cHMgPSBhY3RpdmVHcm91cHM7XHJcbiAgICAgICAgdGhpcy5jdXN0b20gPSBjdXN0b207XHJcbiAgICB9XHJcbiAgICBleHRlbmQoKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIHRoaXMuY3VzdG9tKTtcclxuICAgIH1cclxuICAgIGFzRWxlbWVudChjb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBwcm9wTmFtZXMgPSBPYmplY3Qua2V5cyh0aGlzLnByb3BSZWdpc3RyeSk7XHJcbiAgICAgICAgY29uc3QgQ29tcG9uZW50ID0gc3R5bGVkKGNvbXBvbmVudCwge1xyXG4gICAgICAgICAgICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IGlzUHJvcFZhbGlkKHByb3ApICYmICFwcm9wTmFtZXMuaW5jbHVkZXMocHJvcCksXHJcbiAgICAgICAgfSkodGhpcy5idWlsZCgpKTtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihDb21wb25lbnQsIHsgZXh0ZW5kOiB0aGlzLmV4dGVuZC5iaW5kKHRoaXMpIH0pO1xyXG4gICAgfVxyXG4gICAgYXNDb21wb25lbnQoQXNDb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBwcm9wTmFtZXMgPSBPYmplY3Qua2V5cyh0aGlzLnByb3BSZWdpc3RyeSk7XHJcbiAgICAgICAgY29uc3QgU3R5bGVkQ29tcG9uZW50ID0gc3R5bGVkKEFzQ29tcG9uZW50LCB7XHJcbiAgICAgICAgICAgIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gIXByb3BOYW1lcy5pbmNsdWRlcyhwcm9wKSxcclxuICAgICAgICB9KSh0aGlzLmJ1aWxkKCkpO1xyXG4gICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKFN0eWxlZENvbXBvbmVudCwgeyBleHRlbmQ6IHRoaXMuZXh0ZW5kLmJpbmQodGhpcykgfSk7XHJcbiAgICB9XHJcbiAgICBidWlsZCgpIHtcclxuICAgICAgICBjb25zdCBoYW5kbGVyID0gY3JlYXRlU3R5bGlzdChjcmVhdGVQYXJzZXIoeyAuLi50aGlzLnBhcnNlci5jb25maWcsIC4uLnRoaXMuY3VzdG9tIH0sIFtcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy52YXJpYW50cyksXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMuc3RhdGVzQ29uZmlnKSxcclxuICAgICAgICBdKSwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZyk7XHJcbiAgICAgICAgcmV0dXJuIGhhbmRsZXI7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aFN5c3RlbSBleHRlbmRzIEFuaW11c1dpdGhBbGwge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzLCBhY3RpdmVHcm91cHMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3Vwcywge30pO1xyXG4gICAgfVxyXG4gICAgcHJvcHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoQWxsKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgY29uZmlnKTtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoU3RhdGVzIGV4dGVuZHMgQW5pbXVzV2l0aFN5c3RlbSB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIHt9KTtcclxuICAgIH1cclxuICAgIGdyb3Vwcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhTeXN0ZW0odGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIGNvbmZpZyk7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aFZhcmlhbnRzIGV4dGVuZHMgQW5pbXVzV2l0aFN0YXRlcyB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywge30pO1xyXG4gICAgfVxyXG4gICAgc3RhdGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFN0YXRlcyh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCBjb25maWcpO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoVmFyaWFudHModGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgbWVyZ2UodGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSkpO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhCYXNlIGV4dGVuZHMgQW5pbXVzV2l0aFZhcmlhbnRzIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSkge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwge30pO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoVmFyaWFudHModGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgbWVyZ2UodGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSkpO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBjbGFzcyBBbmltdXMgZXh0ZW5kcyBBbmltdXNXaXRoQmFzZSB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgY3JlYXRlUGFyc2VyKHByb3BzKSwge30pO1xyXG4gICAgfVxyXG4gICAgc3R5bGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aEJhc2UodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIGNvbmZpZyk7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5pbXVzLmpzLm1hcCJdfQ== */");
       return Object.assign(Component, {
         extend: this.extend.bind(this)
       });
@@ -1028,11 +885,14 @@ var AnimusWithAll = /*#__PURE__*/function () {
   }, {
     key: "asComponent",
     value: function asComponent(AsComponent) {
+      var propNames = Object.keys(this.propRegistry);
       var StyledComponent = /*#__PURE__*/_styled(AsComponent, {
+        shouldForwardProp: function shouldForwardProp(prop) {
+          return !propNames.includes(prop);
+        },
         target: "e19x4vr0",
         label: "AnimusWithAll"
-      })(this.build(), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ2dDIiwiZmlsZSI6IkFuaW11cy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBpc1Byb3BWYWxpZCBmcm9tICdAZW1vdGlvbi9pcy1wcm9wLXZhbGlkJztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ2xvZGFzaCc7XHJcbmltcG9ydCB7IEFuaW11c0V4dGVuZGVkIH0gZnJvbSAnLi9BbmltdXNFeHRlbmRlZCc7XHJcbmltcG9ydCB7IGNyZWF0ZVBhcnNlciB9IGZyb20gJy4vc3R5bGVzL2NyZWF0ZVBhcnNlcic7XHJcbmltcG9ydCB7IGNyZWF0ZVN0eWxpc3QgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVTdHlsaXN0JztcclxuZXhwb3J0IGNsYXNzIEFuaW11c1dpdGhBbGwge1xyXG4gICAgcHJvcFJlZ2lzdHJ5ID0ge307XHJcbiAgICBncm91cFJlZ2lzdHJ5ID0ge307XHJcbiAgICBwYXJzZXIgPSB7fTtcclxuICAgIGJhc2VTdHlsZXMgPSB7fTtcclxuICAgIHN0YXRlc0NvbmZpZyA9IHt9O1xyXG4gICAgdmFyaWFudHMgPSB7fTtcclxuICAgIGFjdGl2ZUdyb3VwcyA9IHt9O1xyXG4gICAgY3VzdG9tID0ge307XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3VwcywgY3VzdG9tKSB7XHJcbiAgICAgICAgdGhpcy5wcm9wUmVnaXN0cnkgPSBwcm9wcztcclxuICAgICAgICB0aGlzLmdyb3VwUmVnaXN0cnkgPSBncm91cHM7XHJcbiAgICAgICAgdGhpcy5wYXJzZXIgPSBwYXJzZXI7XHJcbiAgICAgICAgdGhpcy5iYXNlU3R5bGVzID0gYmFzZTtcclxuICAgICAgICB0aGlzLnZhcmlhbnRzID0gdmFyaWFudHM7XHJcbiAgICAgICAgdGhpcy5zdGF0ZXNDb25maWcgPSBzdGF0ZXM7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVHcm91cHMgPSBhY3RpdmVHcm91cHM7XHJcbiAgICAgICAgdGhpcy5jdXN0b20gPSBjdXN0b207XHJcbiAgICB9XHJcbiAgICBleHRlbmQoKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIHRoaXMuY3VzdG9tKTtcclxuICAgIH1cclxuICAgIGFzRWxlbWVudChjb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBwcm9wTmFtZXMgPSBPYmplY3Qua2V5cyh0aGlzLnByb3BSZWdpc3RyeSk7XHJcbiAgICAgICAgY29uc3QgQ29tcG9uZW50ID0gc3R5bGVkKGNvbXBvbmVudCwge1xyXG4gICAgICAgICAgICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IGlzUHJvcFZhbGlkKHByb3ApICYmICFwcm9wTmFtZXMuaW5jbHVkZXMocHJvcCksXHJcbiAgICAgICAgfSkodGhpcy5idWlsZCgpKTtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihDb21wb25lbnQsIHsgZXh0ZW5kOiB0aGlzLmV4dGVuZC5iaW5kKHRoaXMpIH0pO1xyXG4gICAgfVxyXG4gICAgYXNDb21wb25lbnQoQXNDb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBTdHlsZWRDb21wb25lbnQgPSBzdHlsZWQoQXNDb21wb25lbnQpKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGJ1aWxkKCkge1xyXG4gICAgICAgIGNvbnN0IGhhbmRsZXIgPSBjcmVhdGVTdHlsaXN0KGNyZWF0ZVBhcnNlcih7IC4uLnRoaXMucGFyc2VyLmNvbmZpZywgLi4udGhpcy5jdXN0b20gfSwgW1xyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnZhcmlhbnRzKSxcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy5zdGF0ZXNDb25maWcpLFxyXG4gICAgICAgIF0pLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnKTtcclxuICAgICAgICByZXR1cm4gaGFuZGxlcjtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoU3lzdGVtIGV4dGVuZHMgQW5pbXVzV2l0aEFsbCB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3Vwcykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCB7fSk7XHJcbiAgICB9XHJcbiAgICBwcm9wcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhBbGwodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIHRoaXMuYWN0aXZlR3JvdXBzLCBjb25maWcpO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhTdGF0ZXMgZXh0ZW5kcyBBbmltdXNXaXRoU3lzdGVtIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywge30pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFN5c3RlbSh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgY29uZmlnKTtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoVmFyaWFudHMgZXh0ZW5kcyBBbmltdXNXaXRoU3RhdGVzIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCB7fSk7XHJcbiAgICB9XHJcbiAgICBzdGF0ZXMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoU3RhdGVzKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIGNvbmZpZyk7XHJcbiAgICB9XHJcbiAgICB2YXJpYW50KG9wdGlvbnMpIHtcclxuICAgICAgICBjb25zdCBwcm9wID0gb3B0aW9ucy5wcm9wIHx8ICd2YXJpYW50JztcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhWYXJpYW50cyh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh0aGlzLnZhcmlhbnRzLCB7IFtwcm9wXTogb3B0aW9ucyB9KSk7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aEJhc2UgZXh0ZW5kcyBBbmltdXNXaXRoVmFyaWFudHMge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB7fSk7XHJcbiAgICB9XHJcbiAgICB2YXJpYW50KG9wdGlvbnMpIHtcclxuICAgICAgICBjb25zdCBwcm9wID0gb3B0aW9ucy5wcm9wIHx8ICd2YXJpYW50JztcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhWYXJpYW50cyh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh0aGlzLnZhcmlhbnRzLCB7IFtwcm9wXTogb3B0aW9ucyB9KSk7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGNsYXNzIEFuaW11cyBleHRlbmRzIEFuaW11c1dpdGhCYXNlIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBjcmVhdGVQYXJzZXIocHJvcHMpLCB7fSk7XHJcbiAgICB9XHJcbiAgICBzdHlsZXMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoQmFzZSh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgY29uZmlnKTtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmltdXMuanMubWFwIl19 */");
-
+      })(this.build(), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ2dDIiwiZmlsZSI6IkFuaW11cy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBpc1Byb3BWYWxpZCBmcm9tICdAZW1vdGlvbi9pcy1wcm9wLXZhbGlkJztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ2xvZGFzaCc7XHJcbmltcG9ydCB7IEFuaW11c0V4dGVuZGVkIH0gZnJvbSAnLi9BbmltdXNFeHRlbmRlZCc7XHJcbmltcG9ydCB7IGNyZWF0ZVBhcnNlciB9IGZyb20gJy4vc3R5bGVzL2NyZWF0ZVBhcnNlcic7XHJcbmltcG9ydCB7IGNyZWF0ZVN0eWxpc3QgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVTdHlsaXN0JztcclxuZXhwb3J0IGNsYXNzIEFuaW11c1dpdGhBbGwge1xyXG4gICAgcHJvcFJlZ2lzdHJ5ID0ge307XHJcbiAgICBncm91cFJlZ2lzdHJ5ID0ge307XHJcbiAgICBwYXJzZXIgPSB7fTtcclxuICAgIGJhc2VTdHlsZXMgPSB7fTtcclxuICAgIHN0YXRlc0NvbmZpZyA9IHt9O1xyXG4gICAgdmFyaWFudHMgPSB7fTtcclxuICAgIGFjdGl2ZUdyb3VwcyA9IHt9O1xyXG4gICAgY3VzdG9tID0ge307XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3VwcywgY3VzdG9tKSB7XHJcbiAgICAgICAgdGhpcy5wcm9wUmVnaXN0cnkgPSBwcm9wcztcclxuICAgICAgICB0aGlzLmdyb3VwUmVnaXN0cnkgPSBncm91cHM7XHJcbiAgICAgICAgdGhpcy5wYXJzZXIgPSBwYXJzZXI7XHJcbiAgICAgICAgdGhpcy5iYXNlU3R5bGVzID0gYmFzZTtcclxuICAgICAgICB0aGlzLnZhcmlhbnRzID0gdmFyaWFudHM7XHJcbiAgICAgICAgdGhpcy5zdGF0ZXNDb25maWcgPSBzdGF0ZXM7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVHcm91cHMgPSBhY3RpdmVHcm91cHM7XHJcbiAgICAgICAgdGhpcy5jdXN0b20gPSBjdXN0b207XHJcbiAgICB9XHJcbiAgICBleHRlbmQoKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIHRoaXMuY3VzdG9tKTtcclxuICAgIH1cclxuICAgIGFzRWxlbWVudChjb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBwcm9wTmFtZXMgPSBPYmplY3Qua2V5cyh0aGlzLnByb3BSZWdpc3RyeSk7XHJcbiAgICAgICAgY29uc3QgQ29tcG9uZW50ID0gc3R5bGVkKGNvbXBvbmVudCwge1xyXG4gICAgICAgICAgICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IGlzUHJvcFZhbGlkKHByb3ApICYmICFwcm9wTmFtZXMuaW5jbHVkZXMocHJvcCksXHJcbiAgICAgICAgfSkodGhpcy5idWlsZCgpKTtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihDb21wb25lbnQsIHsgZXh0ZW5kOiB0aGlzLmV4dGVuZC5iaW5kKHRoaXMpIH0pO1xyXG4gICAgfVxyXG4gICAgYXNDb21wb25lbnQoQXNDb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBwcm9wTmFtZXMgPSBPYmplY3Qua2V5cyh0aGlzLnByb3BSZWdpc3RyeSk7XHJcbiAgICAgICAgY29uc3QgU3R5bGVkQ29tcG9uZW50ID0gc3R5bGVkKEFzQ29tcG9uZW50LCB7XHJcbiAgICAgICAgICAgIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gIXByb3BOYW1lcy5pbmNsdWRlcyhwcm9wKSxcclxuICAgICAgICB9KSh0aGlzLmJ1aWxkKCkpO1xyXG4gICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKFN0eWxlZENvbXBvbmVudCwgeyBleHRlbmQ6IHRoaXMuZXh0ZW5kLmJpbmQodGhpcykgfSk7XHJcbiAgICB9XHJcbiAgICBidWlsZCgpIHtcclxuICAgICAgICBjb25zdCBoYW5kbGVyID0gY3JlYXRlU3R5bGlzdChjcmVhdGVQYXJzZXIoeyAuLi50aGlzLnBhcnNlci5jb25maWcsIC4uLnRoaXMuY3VzdG9tIH0sIFtcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy52YXJpYW50cyksXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMuc3RhdGVzQ29uZmlnKSxcclxuICAgICAgICBdKSwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZyk7XHJcbiAgICAgICAgcmV0dXJuIGhhbmRsZXI7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aFN5c3RlbSBleHRlbmRzIEFuaW11c1dpdGhBbGwge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzLCBhY3RpdmVHcm91cHMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3Vwcywge30pO1xyXG4gICAgfVxyXG4gICAgcHJvcHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoQWxsKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgY29uZmlnKTtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoU3RhdGVzIGV4dGVuZHMgQW5pbXVzV2l0aFN5c3RlbSB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIHt9KTtcclxuICAgIH1cclxuICAgIGdyb3Vwcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhTeXN0ZW0odGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIGNvbmZpZyk7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aFZhcmlhbnRzIGV4dGVuZHMgQW5pbXVzV2l0aFN0YXRlcyB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywge30pO1xyXG4gICAgfVxyXG4gICAgc3RhdGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFN0YXRlcyh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCBjb25maWcpO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoVmFyaWFudHModGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgbWVyZ2UodGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSkpO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhCYXNlIGV4dGVuZHMgQW5pbXVzV2l0aFZhcmlhbnRzIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSkge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwge30pO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoVmFyaWFudHModGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgbWVyZ2UodGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSkpO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBjbGFzcyBBbmltdXMgZXh0ZW5kcyBBbmltdXNXaXRoQmFzZSB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgY3JlYXRlUGFyc2VyKHByb3BzKSwge30pO1xyXG4gICAgfVxyXG4gICAgc3R5bGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aEJhc2UodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIGNvbmZpZyk7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5pbXVzLmpzLm1hcCJdfQ== */");
       return Object.assign(StyledComponent, {
         extend: this.extend.bind(this)
       });
@@ -1044,63 +904,45 @@ var AnimusWithAll = /*#__PURE__*/function () {
       return handler;
     }
   }]);
-
   return AnimusWithAll;
 }();
-
 var AnimusWithSystem = /*#__PURE__*/function (_AnimusWithAll) {
   _inherits(AnimusWithSystem, _AnimusWithAll);
-
   var _super = _createSuper(AnimusWithSystem);
-
   function AnimusWithSystem(props, groups, parser, base, variants, states, activeGroups) {
     _classCallCheck(this, AnimusWithSystem);
-
     return _super.call(this, props, groups, parser, base, variants, states, activeGroups, {});
   }
-
   _createClass(AnimusWithSystem, [{
     key: "props",
     value: function props(config) {
       return new AnimusWithAll(this.propRegistry, this.groupRegistry, this.parser, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, config);
     }
   }]);
-
   return AnimusWithSystem;
 }(AnimusWithAll);
-
 var AnimusWithStates = /*#__PURE__*/function (_AnimusWithSystem) {
   _inherits(AnimusWithStates, _AnimusWithSystem);
-
   var _super2 = _createSuper(AnimusWithStates);
-
   function AnimusWithStates(props, groups, parser, base, variants, states) {
     _classCallCheck(this, AnimusWithStates);
-
     return _super2.call(this, props, groups, parser, base, variants, states, {});
   }
-
   _createClass(AnimusWithStates, [{
     key: "groups",
     value: function groups(config) {
       return new AnimusWithSystem(this.propRegistry, this.groupRegistry, this.parser, this.baseStyles, this.variants, this.statesConfig, config);
     }
   }]);
-
   return AnimusWithStates;
 }(AnimusWithSystem);
-
 var AnimusWithVariants = /*#__PURE__*/function (_AnimusWithStates) {
   _inherits(AnimusWithVariants, _AnimusWithStates);
-
   var _super3 = _createSuper(AnimusWithVariants);
-
   function AnimusWithVariants(props, groups, parser, base, variants) {
     _classCallCheck(this, AnimusWithVariants);
-
     return _super3.call(this, props, groups, parser, base, variants, {});
   }
-
   _createClass(AnimusWithVariants, [{
     key: "states",
     value: function states(config) {
@@ -1113,21 +955,15 @@ var AnimusWithVariants = /*#__PURE__*/function (_AnimusWithStates) {
       return new AnimusWithVariants(this.propRegistry, this.groupRegistry, this.parser, this.baseStyles, merge(this.variants, _defineProperty({}, prop, options)));
     }
   }]);
-
   return AnimusWithVariants;
 }(AnimusWithStates);
-
 var AnimusWithBase = /*#__PURE__*/function (_AnimusWithVariants) {
   _inherits(AnimusWithBase, _AnimusWithVariants);
-
   var _super4 = _createSuper(AnimusWithBase);
-
   function AnimusWithBase(props, groups, parser, base) {
     _classCallCheck(this, AnimusWithBase);
-
     return _super4.call(this, props, groups, parser, base, {});
   }
-
   _createClass(AnimusWithBase, [{
     key: "variant",
     value: function variant(options) {
@@ -1135,72 +971,54 @@ var AnimusWithBase = /*#__PURE__*/function (_AnimusWithVariants) {
       return new AnimusWithVariants(this.propRegistry, this.groupRegistry, this.parser, this.baseStyles, merge(this.variants, _defineProperty({}, prop, options)));
     }
   }]);
-
   return AnimusWithBase;
 }(AnimusWithVariants);
-
 var Animus = /*#__PURE__*/function (_AnimusWithBase) {
   _inherits(Animus, _AnimusWithBase);
-
   var _super5 = _createSuper(Animus);
-
   function Animus(props, groups) {
     _classCallCheck(this, Animus);
-
     return _super5.call(this, props, groups, createParser$1(props), {});
   }
-
   _createClass(Animus, [{
     key: "styles",
     value: function styles(config) {
       return new AnimusWithBase(this.propRegistry, this.groupRegistry, this.parser, config);
     }
   }]);
-
   return Animus;
 }(AnimusWithBase);
 
 var _props = /*#__PURE__*/new WeakMap();
-
 var _groups = /*#__PURE__*/new WeakMap();
-
 var AnimusConfig = /*#__PURE__*/function () {
   function AnimusConfig(config, groups) {
     _classCallCheck(this, AnimusConfig);
-
     _classPrivateFieldInitSpec(this, _props, {
       writable: true,
       value: {}
     });
-
     _classPrivateFieldInitSpec(this, _groups, {
       writable: true,
       value: {}
     });
-
     _classPrivateFieldSet(this, _props, config || {});
-
     _classPrivateFieldSet(this, _groups, groups || {});
   }
-
   _createClass(AnimusConfig, [{
     key: "addGroup",
     value: function addGroup(name, config) {
       var newGroup = _defineProperty({}, name, Object.keys(config));
-
       return new AnimusConfig(_objectSpread2(_objectSpread2({}, _classPrivateFieldGet(this, _props)), config), _objectSpread2(_objectSpread2({}, _classPrivateFieldGet(this, _groups)), newGroup));
     }
   }, {
     key: "build",
     value: function build() {
       var props = _classPrivateFieldGet(this, _props);
-
       var groups = _classPrivateFieldGet(this, _groups);
-
       return new Animus(props, groups);
     }
   }]);
-
   return AnimusConfig;
 }();
 
@@ -1212,11 +1030,9 @@ var percentageOrAbsolute = function percentageOrAbsolute(coordinate) {
   if (coordinate === 0) {
     return coordinate;
   }
-
   if (coordinate <= 1 && coordinate >= -1) {
     return "".concat(coordinate * 100, "%");
   }
-
   return "".concat(coordinate, "px");
 };
 var valueWithUnit = /(-?\d*\.?\d+)(%|\w*)/;
@@ -1224,21 +1040,17 @@ var size = function size(value) {
   if (isNumber(value)) {
     return percentageOrAbsolute(value);
   }
-
   if (value.includes('calc')) {
     return value;
   }
-
   var _ref = valueWithUnit.exec(value) || [],
-      _ref2 = _slicedToArray(_ref, 3),
-      match = _ref2[0],
-      number = _ref2[1],
-      unit = _ref2[2];
-
+    _ref2 = _slicedToArray(_ref, 3),
+    match = _ref2[0],
+    number = _ref2[1],
+    unit = _ref2[2];
   if (match === undefined) {
     return value;
   }
-
   var numericValue = parseFloat(number);
   return !unit ? percentageOrAbsolute(numericValue) : "".concat(numericValue).concat(unit);
 };
@@ -1248,11 +1060,9 @@ var gridItemMap = {
   min: 'min-content'
 };
 var unitlessNumber = new RegExp(/^[0-9]*$/);
-
 var isUnitlessNumber = function isUnitlessNumber(val) {
   return unitlessNumber.test(val);
 };
-
 var gridItem = function gridItem(item) {
   var template = isUnitlessNumber(item) ? "".concat(item, "fr") : get(gridItemMap, item, item);
   return "minmax(0, ".concat(template, ")");
@@ -1265,13 +1075,10 @@ var parseGridRatio = function parseGridRatio(val) {
   var items = val.split(':');
   var repeated = ['', 0];
   var gridStyle = '';
-
   for (var i = 0; i < items.length + 1; i += 1) {
     var _repeated;
-
     var delimiter = gridStyle.length > 0 ? ' ' : '';
     var curr = items[i];
-
     if (((_repeated = repeated) === null || _repeated === void 0 ? void 0 : _repeated[0]) !== curr) {
       if (repeated[0].length) gridStyle += delimiter + repeatGridItem.apply(void 0, _toConsumableArray(repeated));
       if (curr) repeated = [curr, 1];
@@ -1279,7 +1086,6 @@ var parseGridRatio = function parseGridRatio(val) {
       repeated[1] += 1;
     }
   }
-
   return gridStyle;
 };
 var gridItemRatio = function gridItemRatio(val) {
@@ -1525,7 +1331,6 @@ var selfAlignments = {
     property: 'gridArea'
   }
 };
-
 var alignments = _objectSpread2({
   justifyContent: {
     property: 'justifyContent'
@@ -1540,7 +1345,6 @@ var alignments = _objectSpread2({
     property: 'alignContent'
   }
 }, selfAlignments);
-
 var flexItems = {
   flexBasis: {
     property: 'flexBasis'
@@ -1874,22 +1678,18 @@ var BREAKPOINT_KEYS = ['_', 'xs', 'sm', 'md', 'lg', 'xl'];
 /**
  * Destructures the themes breakpoints into an ordered structure to traverse
  */
-
 var templateMediaQuery = function templateMediaQuery(breakpoint) {
   return "@media screen and (min-width: ".concat(breakpoint, "px)");
 };
-
 var createMediaQueries = function createMediaQueries(breakpoints) {
   if (breakpoints === undefined) return null;
-
   var _ref = breakpoints !== null && breakpoints !== void 0 ? breakpoints : {},
-      xs = _ref.xs,
-      sm = _ref.sm,
-      md = _ref.md,
-      lg = _ref.lg,
-      xl = _ref.xl; // Ensure order for mapping
-
-
+    xs = _ref.xs,
+    sm = _ref.sm,
+    md = _ref.md,
+    lg = _ref.lg,
+    xl = _ref.xl;
+  // Ensure order for mapping
   return {
     map: mapValues(breakpoints, templateMediaQuery),
     array: [xs, sm, md, lg, xl].map(templateMediaQuery)
@@ -1904,15 +1704,13 @@ var isMediaMap = function isMediaMap(val) {
 var objectParser = function objectParser(value, props, config, breakpoints) {
   var styles = {};
   var styleFn = config.styleFn,
-      prop = config.prop;
-
+    prop = config.prop;
   var _ = value._,
-      rest = _objectWithoutProperties(value, _excluded); // the keyof 'base' is base styles
-
-
-  if (_) Object.assign(styles, styleFn(_, prop, props)); // Map over remaining keys and merge the corresponding breakpoint styles
+    rest = _objectWithoutProperties(value, _excluded);
+  // the keyof 'base' is base styles
+  if (_) Object.assign(styles, styleFn(_, prop, props));
+  // Map over remaining keys and merge the corresponding breakpoint styles
   // for that property.
-
   Object.keys(breakpoints).forEach(function (breakpointKey) {
     var bpStyles = rest[breakpointKey];
     if (typeof bpStyles === 'undefined') return;
@@ -1923,16 +1721,14 @@ var objectParser = function objectParser(value, props, config, breakpoints) {
 var arrayParser = function arrayParser(value, props, config, breakpoints) {
   var styles = {};
   var styleFn = config.styleFn,
-      prop = config.prop;
-
+    prop = config.prop;
   var _value = _toArray(value),
-      _ = _value[0],
-      rest = _value.slice(1); // the first index is base styles
-
-
-  if (_) Object.assign(styles, styleFn(_, prop, props)); // Map over each value in the array and merge the corresponding breakpoint styles
+    _ = _value[0],
+    rest = _value.slice(1);
+  // the first index is base styles
+  if (_) Object.assign(styles, styleFn(_, prop, props));
+  // Map over each value in the array and merge the corresponding breakpoint styles
   // for that property.
-
   rest.forEach(function (val, i) {
     var breakpointKey = breakpoints[i];
     if (!breakpointKey || typeof val === 'undefined') return;
@@ -1952,50 +1748,41 @@ var orderBreakpoints = function orderBreakpoints(styles, breakpoints) {
 
 var renderPropValue = function renderPropValue(styles, prop, props, property, ctx) {
   var value = get(props, prop);
-
   switch (_typeof(value)) {
     case 'string':
     case 'number':
     case 'function':
       return Object.assign(styles, property.styleFn(value, prop, props));
     // handle any props configured with the responsive notation
-
     case 'object':
       if (!ctx.mediaQueries) {
         return;
-      } // If it is an array the order of values is smallest to largest: [_, xs, ...]
-
-
+      }
+      // If it is an array the order of values is smallest to largest: [_, xs, ...]
       if (isMediaArray(value)) {
         return merge(styles, arrayParser(value, props, property, ctx.mediaQueries.array));
-      } // Check to see if value is an object matching the responsive syntax and generate the styles.
-
-
+      }
+      // Check to see if value is an object matching the responsive syntax and generate the styles.
       if (value && isMediaMap(value)) {
         return merge(styles, objectParser(value, props, property, ctx.mediaQueries.map));
       }
-
   }
 };
-
 function createParser(config) {
   var propNames = orderPropNames(config);
   var ctx = {
     mediaQueries: null
   };
-
   var parser = function parser(props) {
     var isCss = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var styles = {};
-    var theme = props.theme; // Attempt to cache the breakpoints if we have not yet or if theme has become available.
-
+    var theme = props.theme;
+    // Attempt to cache the breakpoints if we have not yet or if theme has become available.
     if (ctx.mediaQueries === null) {
       var _theme$breakpoints;
-
       // Save the breakpoints if we can
       ctx.mediaQueries = createMediaQueries((_theme$breakpoints = theme === null || theme === void 0 ? void 0 : theme.breakpoints) !== null && _theme$breakpoints !== void 0 ? _theme$breakpoints : compatTheme.breakpoints);
     }
-
     if (!isCss) {
       // Loops over all prop names on the configured config to check for configured styles
       propNames.forEach(function (prop) {
@@ -2006,7 +1793,6 @@ function createParser(config) {
       // Loops over all prop names on the configured config to check for configured styles
       Object.keys(props).forEach(function (prop) {
         var property = config[prop];
-
         if (property) {
           renderPropValue(styles, prop, props, property, ctx);
         } else if (prop !== 'theme') {
@@ -2014,12 +1800,10 @@ function createParser(config) {
         }
       });
     }
-
     if (ctx.mediaQueries !== null) return orderBreakpoints(styles, ctx.mediaQueries.array);
     return styles;
-  }; // return the parser function with the resulting meta information for further composition
-
-
+  };
+  // return the parser function with the resulting meta information for further composition
   return Object.assign(parser, {
     propNames: propNames,
     config: config
@@ -2030,7 +1814,6 @@ function compose() {
   for (var _len = arguments.length, parsers = new Array(_len), _key = 0; _key < _len; _key++) {
     parsers[_key] = arguments[_key];
   }
-
   return createParser(parsers.reduce(function (carry, parser) {
     return _objectSpread2(_objectSpread2({}, carry), parser.config);
   }, {}));
@@ -2038,28 +1821,24 @@ function compose() {
 
 function createTransform(prop, config) {
   var _config$transform = config.transform,
-      transform = _config$transform === void 0 ? identity : _config$transform,
-      property = config.property,
-      _config$properties = config.properties,
-      properties = _config$properties === void 0 ? [property] : _config$properties,
-      scale = config.scale,
-      variable = config.variable;
+    transform = _config$transform === void 0 ? identity : _config$transform,
+    property = config.property,
+    _config$properties = config.properties,
+    properties = _config$properties === void 0 ? [property] : _config$properties,
+    scale = config.scale,
+    variable = config.variable;
   var alwaysTransform = scale === undefined || isArray(scale);
   return _objectSpread2(_objectSpread2({}, config), {}, {
     prop: prop,
     styleFn: function styleFn(value, prop, props) {
       var _scaleValue;
-
       var styles = {};
-
       if (isUndefined(value)) {
         return styles;
       }
-
       var useTransform = false;
       var intermediateValue;
       var scaleValue;
-
       switch (_typeof(value)) {
         case 'number':
         case 'string':
@@ -2067,50 +1846,39 @@ function createTransform(prop, config) {
           useTransform = scaleValue !== undefined || alwaysTransform;
           intermediateValue = (_scaleValue = scaleValue) !== null && _scaleValue !== void 0 ? _scaleValue : value;
           break;
-
         case 'function':
           if (props.theme) {
             intermediateValue = value(props.theme);
           }
-
           break;
-
         default:
           return styles;
-      } // for each property look up the scale value from theme if passed and apply any
+      }
+      // for each property look up the scale value from theme if passed and apply any
       // final transforms to the value
-
-
       properties.forEach(function (property) {
         var styleValue = intermediateValue;
-
         if (useTransform && !isUndefined(styleValue)) {
           styleValue = transform(styleValue, property, props);
         }
-
         switch (_typeof(styleValue)) {
           case 'number':
           case 'string':
             return styles[property] = styleValue;
-
           case 'object':
             return Object.assign(styles, styleValue);
         }
       });
-
       if (variable) {
         var styleValue = intermediateValue;
-
         if (useTransform && !isUndefined(styleValue)) {
           styleValue = transform(styleValue, property, props);
         }
-
         if (styleValue && _typeof(styleValue) !== 'object') {
           styles[variable] = styleValue;
         }
-      } // return the resulting styles object
-
-
+      }
+      // return the resulting styles object
       return styles;
     }
   });
@@ -2119,14 +1887,12 @@ function createTransform(prop, config) {
 function create(config) {
   // Create a transform function for each of the props
   var transforms = {};
-
   for (var prop in config) {
     if (typeof prop === 'string') {
       transforms[prop] = createTransform(prop, config[prop]);
     }
-  } // Create a parser that handles all the props within the config
-
-
+  }
+  // Create a parser that handles all the props within the config
   return createParser(transforms);
 }
 
@@ -2143,12 +1909,10 @@ function createCss(config) {
     var cache;
     var allKeys = Object.keys(cssProps);
     /** Any key of the CSSProps that is not a System Prop or a Static CSS Property is treated as a nested selector */
-
     var selectors = allKeys.filter(function (key) {
       return !filteredProps.includes(key) && isObject(cssProps[key]);
     });
     /** Static CSS Properties get extracted if they match neither syntax */
-
     var staticCss = getStylePropNames(cssProps, ['theme'].concat(_toConsumableArray(selectors), _toConsumableArray(filteredProps)));
     return function (_ref) {
       var theme = _ref.theme;
@@ -2158,14 +1922,12 @@ function createCss(config) {
       }));
       selectors.forEach(function (selector) {
         var _cssProps$selector;
-
         var selectorConfig = (_cssProps$selector = cssProps[selector]) !== null && _cssProps$selector !== void 0 ? _cssProps$selector : {};
         css[selector] = _objectSpread2(_objectSpread2({}, getStylePropNames(selectorConfig, filteredProps)), parser(_objectSpread2(_objectSpread2({}, selectorConfig), {}, {
           theme: theme
         })));
       });
       /** Merge the static and generated css and save it to the cache */
-
       cache = _objectSpread2(_objectSpread2({}, staticCss), css);
       return cache;
     };
@@ -2196,11 +1958,11 @@ function createVariant(config) {
   var css = createCss(config);
   return function (_ref) {
     var _ref$prop = _ref.prop,
-        prop = _ref$prop === void 0 ? 'variant' : _ref$prop,
-        defaultVariant = _ref.defaultVariant,
-        _ref$base = _ref.base,
-        base = _ref$base === void 0 ? {} : _ref$base,
-        variants = _ref.variants;
+      prop = _ref$prop === void 0 ? 'variant' : _ref$prop,
+      defaultVariant = _ref.defaultVariant,
+      _ref$base = _ref.base,
+      base = _ref$base === void 0 ? {} : _ref$base,
+      variants = _ref.variants;
     var baseFn = css(base);
     var variantFns = {};
     Object.keys(variants).forEach(function (key) {
@@ -2210,9 +1972,8 @@ function createVariant(config) {
     });
     return function (props) {
       var _variantFns$selected;
-
       var _props$prop = props[prop],
-          selected = _props$prop === void 0 ? defaultVariant : _props$prop;
+        selected = _props$prop === void 0 ? defaultVariant : _props$prop;
       var styles = {};
       if (!selected) return styles;
       return merge(styles, baseFn(props), variantFns === null || variantFns === void 0 ? void 0 : (_variantFns$selected = variantFns[selected]) === null || _variantFns$selected === void 0 ? void 0 : _variantFns$selected.call(variantFns, props));
@@ -2229,7 +1990,6 @@ var animusProps = {
 };
 
 /** Export full builder */
-
 var animus = config.build();
 
 export { AnimusConfig, animus, animusProps, borderShorthand, compatTheme, config, createAnimus, createScale, gridItem, gridItemRatio, numberToPx, numberToTemplate, numericOrStringScale, numericScale, parseGridRatio, percentageOrAbsolute, repeatGridItem, size, stringScale };