@animus-ui/core 0.1.1-beta.20 → 0.1.1-beta.22

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1-beta.22](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.21...@animus-ui/core@0.1.1-beta.22) (2023-03-13)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.21](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.20...@animus-ui/core@0.1.1-beta.21) (2022-03-25)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
 ## [0.1.1-beta.20](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.19...@animus-ui/core@0.1.1-beta.20) (2022-02-14)
 
 **Note:** Version bump only for package @animus-ui/core

package/dist/Animus.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { AnimusExtended } from './AnimusExtended';
 import { CSSPropMap, CSSProps, Parser, Prop, SystemProps, VariantConfig } from './types/config';
 import { AbstractProps, ThemeProps } from './types/props';
 import { CSSObject } from './types/shared';
@@ -13,13 +14,23 @@ export declare class AnimusWithAll<PropRegistry extends Record<string, Prop>, Gr
     activeGroups: ActiveGroups;
     custom: CustomProps;
     constructor(props: PropRegistry, groups: GroupRegistry, parser: BaseParser, base: BaseStyles, variants: Variants, states: States, activeGroups: ActiveGroups, custom: CustomProps);
-    asComponent<T extends keyof JSX.IntrinsicElements>(component: T): import("@emotion/styled").StyledComponent<{
+    extend(): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    asElement<T extends keyof JSX.IntrinsicElements>(component: T): import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
         as?: import("react").ElementType<any> | undefined;
-    } & Omit<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; }, "theme" | keyof CustomProps | keyof Variants | keyof States> & { [K_1 in keyof Variants]?: keyof Variants[K_1]["variants"] | undefined; } & { [K_2 in keyof States]?: boolean | undefined; } & { [K_3 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_3]; } & {
+    } & Omit<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; }, "theme" | keyof Variants | keyof States | keyof CustomProps> & { [K_1 in keyof Variants]?: keyof Variants[K_1]["variants"] | undefined; } & { [K_2 in keyof States]?: boolean | undefined; } & { [K_3 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_3]; } & {
         theme?: import("@emotion/react").Theme | undefined;
-    }, JSX.IntrinsicElements[T], {}>;
-    build(): (props: ThemeProps<Omit<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; }, "theme" | keyof CustomProps | keyof Variants | keyof States> & { [K_1 in keyof Variants]?: keyof Variants[K_1]["variants"] | undefined; } & { [K_2 in keyof States]?: boolean | undefined; } & { [K_3 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_3]; }>) => CSSObject;
+    }, JSX.IntrinsicElements[T], {}> & {
+        extend: () => AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    };
+    asComponent<T extends (props: {
+        className?: string;
+    }) => any>(AsComponent: T): import("@emotion/styled").StyledComponent<JSX.LibraryManagedAttributes<T, import("react").ComponentProps<T>> & {
+        theme?: import("@emotion/react").Theme | undefined;
+    } & Omit<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; }, "theme" | keyof Variants | keyof States | keyof CustomProps> & { [K_1 in keyof Variants]?: keyof Variants[K_1]["variants"] | undefined; } & { [K_2 in keyof States]?: boolean | undefined; } & { [K_3 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_3]; }, {}, {}> & {
+        extend: () => AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    };
+    build(): (props: ThemeProps<Omit<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; }, "theme" | keyof Variants | keyof States | keyof CustomProps> & { [K_1 in keyof Variants]?: keyof Variants[K_1]["variants"] | undefined; } & { [K_2 in keyof States]?: boolean | undefined; } & { [K_3 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_3]; }>) => CSSObject;
 }
 declare class AnimusWithSystem<PropRegistry extends Record<string, Prop>, GroupRegistry extends Record<string, (keyof PropRegistry)[]>, BaseParser extends Parser<PropRegistry>, BaseStyles extends CSSProps<AbstractProps, SystemProps<BaseParser>>, Variants extends Record<string, VariantConfig>, States extends CSSPropMap<AbstractProps, SystemProps<BaseParser>>, ActiveGroups extends Record<string, true>> extends AnimusWithAll<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, {}> {
     constructor(props: PropRegistry, groups: GroupRegistry, parser: BaseParser, base: BaseStyles, variants: Variants, states: States, activeGroups: ActiveGroups);

package/dist/AnimusExtended.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import { CSSPropMap, CSSProps, Parser, Prop, SystemProps, VariantConfig } from './types/config';
+import { AbstractProps, ThemeProps } from './types/props';
+import { CSSObject } from './types/shared';
+import { Arg } from './types/utils';
+export declare class AnimusExtended<PropRegistry extends Record<string, Prop>, GroupRegistry extends Record<string, (keyof PropRegistry)[]>, BaseParser extends Parser<PropRegistry>, BaseStyles extends CSSProps<AbstractProps, SystemProps<BaseParser>>, Variants extends Record<string, VariantConfig>, States extends CSSPropMap<AbstractProps, SystemProps<BaseParser>>, ActiveGroups extends Record<string, true>, CustomProps extends Record<string, Prop>> {
+    propRegistry: PropRegistry;
+    groupRegistry: GroupRegistry;
+    parser: BaseParser;
+    baseStyles: BaseStyles;
+    statesConfig: States;
+    variants: Variants;
+    activeGroups: ActiveGroups;
+    custom: CustomProps;
+    constructor(props: PropRegistry, groups: GroupRegistry, parser: BaseParser, base: BaseStyles, variants: Variants, states: States, activeGroups: ActiveGroups, custom: CustomProps);
+    extend(): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    styles<Props extends AbstractProps>(config: CSSProps<Props, SystemProps<BaseParser>>): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles & CSSProps<Props, SystemProps<BaseParser, Omit<Arg<BaseParser>, "theme">>>, Variants, States, ActiveGroups, CustomProps>;
+    variant<Keys extends keyof Props, Base extends AbstractProps, Props extends Record<Keys, AbstractProps>, PropKey extends Readonly<string> = 'variant'>(options: {
+        prop?: PropKey;
+        defaultVariant?: keyof Props;
+        base?: CSSProps<Base, SystemProps<BaseParser>>;
+        variants: CSSPropMap<Props, SystemProps<BaseParser>>;
+    }): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants & Record<PropKey, {
+        prop?: PropKey | undefined;
+        defaultVariant?: keyof Props | undefined;
+        base?: CSSProps<Base, SystemProps<BaseParser, Omit<Arg<BaseParser>, "theme">>> | undefined;
+        variants: CSSPropMap<Props, SystemProps<BaseParser>>;
+    }>, States, ActiveGroups, CustomProps>;
+    states<Props extends AbstractProps>(config: CSSPropMap<Props, SystemProps<BaseParser>>): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States & CSSPropMap<Props, SystemProps<BaseParser, Omit<Arg<BaseParser>, "theme">>>, ActiveGroups, CustomProps>;
+    groups<PickedGroups extends keyof GroupRegistry>(config: Record<PickedGroups, true>): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups & Record<PickedGroups, true>, CustomProps>;
+    props<CustomProps extends Record<string, Prop>>(config: CustomProps): AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, {} & CustomProps & CustomProps>;
+    asElement<T extends keyof JSX.IntrinsicElements>(component: T): import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    } & Omit<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; }, "theme" | keyof Variants | keyof States | keyof CustomProps> & { [K_1 in keyof Variants]?: keyof Variants[K_1]["variants"] | undefined; } & { [K_2 in keyof States]?: boolean | undefined; } & { [K_3 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_3]; } & {
+        theme?: import("@emotion/react").Theme | undefined;
+    }, JSX.IntrinsicElements[T], {}> & {
+        extend: () => AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    };
+    asComponent<T extends (props: {
+        className?: string;
+    }) => any>(AsComponent: T): import("@emotion/styled").StyledComponent<JSX.LibraryManagedAttributes<T, import("react").ComponentProps<T>> & {
+        theme?: import("@emotion/react").Theme | undefined;
+    } & Omit<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; }, "theme" | keyof Variants | keyof States | keyof CustomProps> & { [K_1 in keyof Variants]?: keyof Variants[K_1]["variants"] | undefined; } & { [K_2 in keyof States]?: boolean | undefined; } & { [K_3 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_3]; }, {}, {}> & {
+        extend: () => AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    };
+    build(): (props: ThemeProps<Omit<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; }, "theme" | keyof Variants | keyof States | keyof CustomProps> & { [K_1 in keyof Variants]?: keyof Variants[K_1]["variants"] | undefined; } & { [K_2 in keyof States]?: boolean | undefined; } & { [K_3 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_3]; }>) => CSSObject;
+}

package/dist/index.js

@@ -1,6 +1,6 @@
 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 ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -872,6 +872,112 @@ 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;
+    this.baseStyles = base;
+    this.variants = variants;
+    this.statesConfig = states;
+    this.activeGroups = activeGroups;
+    this.custom = custom;
+  }
+
+  _createClass(AnimusExtended, [{
+    key: "extend",
+    value: function extend() {
+      return new AnimusExtended(this.propRegistry, this.groupRegistry, this.parser, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, this.custom);
+    }
+  }, {
+    key: "styles",
+    value: function styles(config) {
+      return new AnimusExtended(this.propRegistry, this.groupRegistry, this.parser, merge({}, this.baseStyles, config), this.variants, this.statesConfig, this.activeGroups, this.custom);
+    }
+  }, {
+    key: "variant",
+    value: function variant(options) {
+      var prop = options.prop || 'variant';
+      return new AnimusExtended(this.propRegistry, this.groupRegistry, this.parser, this.baseStyles, merge({}, this.variants, _defineProperty({}, prop, options)), this.statesConfig, this.activeGroups, this.custom);
+    }
+  }, {
+    key: "states",
+    value: function states(config) {
+      return new AnimusExtended(this.propRegistry, this.groupRegistry, this.parser, this.baseStyles, this.variants, merge({}, this.statesConfig, config), this.activeGroups, this.custom);
+    }
+  }, {
+    key: "groups",
+    value: function groups(config) {
+      return new AnimusExtended(this.propRegistry, this.groupRegistry, this.parser, this.baseStyles, this.variants, this.statesConfig, merge({}, this.activeGroups, config), this.custom);
+    }
+  }, {
+    key: "props",
+    value: function props(config) {
+      return new AnimusExtended(this.propRegistry, this.groupRegistry, this.parser, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, merge({}, this.custom, config));
+    }
+  }, {
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11c0V4dGVuZGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDZ0MiLCJmaWxlIjoiQW5pbXVzRXh0ZW5kZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnQGVtb3Rpb24vaXMtcHJvcC12YWxpZCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5pbXBvcnQgeyBjcmVhdGVQYXJzZXIgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVQYXJzZXInO1xyXG5pbXBvcnQgeyBjcmVhdGVTdHlsaXN0IH0gZnJvbSAnLi9zdHlsZXMvY3JlYXRlU3R5bGlzdCc7XHJcbmV4cG9ydCBjbGFzcyBBbmltdXNFeHRlbmRlZCB7XHJcbiAgICBwcm9wUmVnaXN0cnkgPSB7fTtcclxuICAgIGdyb3VwUmVnaXN0cnkgPSB7fTtcclxuICAgIHBhcnNlciA9IHt9O1xyXG4gICAgYmFzZVN0eWxlcyA9IHt9O1xyXG4gICAgc3RhdGVzQ29uZmlnID0ge307XHJcbiAgICB2YXJpYW50cyA9IHt9O1xyXG4gICAgYWN0aXZlR3JvdXBzID0ge307XHJcbiAgICBjdXN0b20gPSB7fTtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCBjdXN0b20pIHtcclxuICAgICAgICB0aGlzLnByb3BSZWdpc3RyeSA9IHByb3BzO1xyXG4gICAgICAgIHRoaXMuZ3JvdXBSZWdpc3RyeSA9IGdyb3VwcztcclxuICAgICAgICB0aGlzLnBhcnNlciA9IHBhcnNlcjtcclxuICAgICAgICB0aGlzLmJhc2VTdHlsZXMgPSBiYXNlO1xyXG4gICAgICAgIHRoaXMudmFyaWFudHMgPSB2YXJpYW50cztcclxuICAgICAgICB0aGlzLnN0YXRlc0NvbmZpZyA9IHN0YXRlcztcclxuICAgICAgICB0aGlzLmFjdGl2ZUdyb3VwcyA9IGFjdGl2ZUdyb3VwcztcclxuICAgICAgICB0aGlzLmN1c3RvbSA9IGN1c3RvbTtcclxuICAgIH1cclxuICAgIGV4dGVuZCgpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c0V4dGVuZGVkKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3R5bGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIG1lcmdlKHt9LCB0aGlzLmJhc2VTdHlsZXMsIGNvbmZpZyksIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh7fSwgdGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSksIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3RhdGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgbWVyZ2Uoe30sIHRoaXMuc3RhdGVzQ29uZmlnLCBjb25maWcpLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIG1lcmdlKHt9LCB0aGlzLmFjdGl2ZUdyb3VwcywgY29uZmlnKSwgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgcHJvcHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIG1lcmdlKHt9LCB0aGlzLmN1c3RvbSwgY29uZmlnKSk7XHJcbiAgICB9XHJcbiAgICBhc0VsZW1lbnQoY29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChjb21wb25lbnQsIHtcclxuICAgICAgICAgICAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiAhcHJvcE5hbWVzLmluY2x1ZGVzKHByb3ApLFxyXG4gICAgICAgIH0pKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGFzQ29tcG9uZW50KEFzQ29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChBc0NvbXBvbmVudCwge1xyXG4gICAgICAgICAgICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+ICFwcm9wTmFtZXMuaW5jbHVkZXMocHJvcCksXHJcbiAgICAgICAgfSkodGhpcy5idWlsZCgpKTtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihTdHlsZWRDb21wb25lbnQsIHsgZXh0ZW5kOiB0aGlzLmV4dGVuZC5iaW5kKHRoaXMpIH0pO1xyXG4gICAgfVxyXG4gICAgYnVpbGQoKSB7XHJcbiAgICAgICAgY29uc3QgaGFuZGxlciA9IGNyZWF0ZVN0eWxpc3QoY3JlYXRlUGFyc2VyKHsgLi4udGhpcy5wYXJzZXIuY29uZmlnLCAuLi50aGlzLmN1c3RvbSB9LCBbXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMudmFyaWFudHMpLFxyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnN0YXRlc0NvbmZpZyksXHJcbiAgICAgICAgXSksIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcpO1xyXG4gICAgICAgIHJldHVybiBoYW5kbGVyO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuaW11c0V4dGVuZGVkLmpzLm1hcCJdfQ== */");
+
+      return Object.assign(StyledComponent, {
+        extend: this.extend.bind(this)
+      });
+    }
+  }, {
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11c0V4dGVuZGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EZ0MiLCJmaWxlIjoiQW5pbXVzRXh0ZW5kZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnQGVtb3Rpb24vaXMtcHJvcC12YWxpZCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5pbXBvcnQgeyBjcmVhdGVQYXJzZXIgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVQYXJzZXInO1xyXG5pbXBvcnQgeyBjcmVhdGVTdHlsaXN0IH0gZnJvbSAnLi9zdHlsZXMvY3JlYXRlU3R5bGlzdCc7XHJcbmV4cG9ydCBjbGFzcyBBbmltdXNFeHRlbmRlZCB7XHJcbiAgICBwcm9wUmVnaXN0cnkgPSB7fTtcclxuICAgIGdyb3VwUmVnaXN0cnkgPSB7fTtcclxuICAgIHBhcnNlciA9IHt9O1xyXG4gICAgYmFzZVN0eWxlcyA9IHt9O1xyXG4gICAgc3RhdGVzQ29uZmlnID0ge307XHJcbiAgICB2YXJpYW50cyA9IHt9O1xyXG4gICAgYWN0aXZlR3JvdXBzID0ge307XHJcbiAgICBjdXN0b20gPSB7fTtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCBjdXN0b20pIHtcclxuICAgICAgICB0aGlzLnByb3BSZWdpc3RyeSA9IHByb3BzO1xyXG4gICAgICAgIHRoaXMuZ3JvdXBSZWdpc3RyeSA9IGdyb3VwcztcclxuICAgICAgICB0aGlzLnBhcnNlciA9IHBhcnNlcjtcclxuICAgICAgICB0aGlzLmJhc2VTdHlsZXMgPSBiYXNlO1xyXG4gICAgICAgIHRoaXMudmFyaWFudHMgPSB2YXJpYW50cztcclxuICAgICAgICB0aGlzLnN0YXRlc0NvbmZpZyA9IHN0YXRlcztcclxuICAgICAgICB0aGlzLmFjdGl2ZUdyb3VwcyA9IGFjdGl2ZUdyb3VwcztcclxuICAgICAgICB0aGlzLmN1c3RvbSA9IGN1c3RvbTtcclxuICAgIH1cclxuICAgIGV4dGVuZCgpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c0V4dGVuZGVkKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3R5bGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIG1lcmdlKHt9LCB0aGlzLmJhc2VTdHlsZXMsIGNvbmZpZyksIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh7fSwgdGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSksIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3RhdGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgbWVyZ2Uoe30sIHRoaXMuc3RhdGVzQ29uZmlnLCBjb25maWcpLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIG1lcmdlKHt9LCB0aGlzLmFjdGl2ZUdyb3VwcywgY29uZmlnKSwgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgcHJvcHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIG1lcmdlKHt9LCB0aGlzLmN1c3RvbSwgY29uZmlnKSk7XHJcbiAgICB9XHJcbiAgICBhc0VsZW1lbnQoY29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChjb21wb25lbnQsIHtcclxuICAgICAgICAgICAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiAhcHJvcE5hbWVzLmluY2x1ZGVzKHByb3ApLFxyXG4gICAgICAgIH0pKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGFzQ29tcG9uZW50KEFzQ29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChBc0NvbXBvbmVudCwge1xyXG4gICAgICAgICAgICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+ICFwcm9wTmFtZXMuaW5jbHVkZXMocHJvcCksXHJcbiAgICAgICAgfSkodGhpcy5idWlsZCgpKTtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihTdHlsZWRDb21wb25lbnQsIHsgZXh0ZW5kOiB0aGlzLmV4dGVuZC5iaW5kKHRoaXMpIH0pO1xyXG4gICAgfVxyXG4gICAgYnVpbGQoKSB7XHJcbiAgICAgICAgY29uc3QgaGFuZGxlciA9IGNyZWF0ZVN0eWxpc3QoY3JlYXRlUGFyc2VyKHsgLi4udGhpcy5wYXJzZXIuY29uZmlnLCAuLi50aGlzLmN1c3RvbSB9LCBbXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMudmFyaWFudHMpLFxyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnN0YXRlc0NvbmZpZyksXHJcbiAgICAgICAgXSksIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcpO1xyXG4gICAgICAgIHJldHVybiBoYW5kbGVyO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuaW11c0V4dGVuZGVkLmpzLm1hcCJdfQ== */");
+
+      return Object.assign(StyledComponent, {
+        extend: this.extend.bind(this)
+      });
+    }
+  }, {
+    key: "build",
+    value: function build() {
+      var handler = createStylist(createParser$1(_objectSpread2(_objectSpread2({}, this.parser.config), this.custom), [].concat(_toConsumableArray(Object.keys(this.variants)), _toConsumableArray(Object.keys(this.statesConfig)))), this.baseStyles, this.variants, this.statesConfig);
+      return handler;
+    }
+  }]);
+
+  return AnimusExtended;
+}();
+
 var AnimusWithAll = /*#__PURE__*/function () {
   function AnimusWithAll(props, groups, parser, base, variants, states, activeGroups, custom) {
     _classCallCheck(this, AnimusWithAll);
@@ -903,17 +1009,43 @@ var AnimusWithAll = /*#__PURE__*/function () {
   }
 
   _createClass(AnimusWithAll, [{
-    key: "asComponent",
-    value: function asComponent(component) {
-      var handler = createStylist(createParser$1(_objectSpread2(_objectSpread2({}, this.parser.config), this.custom), [].concat(_toConsumableArray(Object.keys(this.variants)), _toConsumableArray(Object.keys(this.statesConfig)))), this.baseStyles, this.variants, this.statesConfig);
+    key: "extend",
+    value: function extend() {
+      return new AnimusExtended(this.propRegistry, this.groupRegistry, this.parser, this.baseStyles, this.variants, this.statesConfig, this.activeGroups, this.custom);
+    }
+  }, {
+    key: "asElement",
+    value: function asElement(component) {
       var propNames = Object.keys(this.propRegistry);
-      return /*#__PURE__*/_styled(component, {
+
+      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+IGlzUHJvcFZhbGlkKHByb3ApICYmICFwcm9wTmFtZXMuaW5jbHVkZXMocHJvcCksXHJcbiAgICAgICAgfSkodGhpcy5idWlsZCgpKTtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihDb21wb25lbnQsIHsgZXh0ZW5kOiB0aGlzLmV4dGVuZC5iaW5kKHRoaXMpIH0pO1xyXG4gICAgfVxyXG4gICAgYXNDb21wb25lbnQoQXNDb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBwcm9wTmFtZXMgPSBPYmplY3Qua2V5cyh0aGlzLnByb3BSZWdpc3RyeSk7XHJcbiAgICAgICAgY29uc3QgU3R5bGVkQ29tcG9uZW50ID0gc3R5bGVkKEFzQ29tcG9uZW50LCB7XHJcbiAgICAgICAgICAgIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gIXByb3BOYW1lcy5pbmNsdWRlcyhwcm9wKSxcclxuICAgICAgICB9KSh0aGlzLmJ1aWxkKCkpO1xyXG4gICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKFN0eWxlZENvbXBvbmVudCwgeyBleHRlbmQ6IHRoaXMuZXh0ZW5kLmJpbmQodGhpcykgfSk7XHJcbiAgICB9XHJcbiAgICBidWlsZCgpIHtcclxuICAgICAgICBjb25zdCBoYW5kbGVyID0gY3JlYXRlU3R5bGlzdChjcmVhdGVQYXJzZXIoeyAuLi50aGlzLnBhcnNlci5jb25maWcsIC4uLnRoaXMuY3VzdG9tIH0sIFtcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy52YXJpYW50cyksXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMuc3RhdGVzQ29uZmlnKSxcclxuICAgICAgICBdKSwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZyk7XHJcbiAgICAgICAgcmV0dXJuIGhhbmRsZXI7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aFN5c3RlbSBleHRlbmRzIEFuaW11c1dpdGhBbGwge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzLCBhY3RpdmVHcm91cHMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3Vwcywge30pO1xyXG4gICAgfVxyXG4gICAgcHJvcHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoQWxsKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgY29uZmlnKTtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoU3RhdGVzIGV4dGVuZHMgQW5pbXVzV2l0aFN5c3RlbSB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIHt9KTtcclxuICAgIH1cclxuICAgIGdyb3Vwcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhTeXN0ZW0odGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIGNvbmZpZyk7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aFZhcmlhbnRzIGV4dGVuZHMgQW5pbXVzV2l0aFN0YXRlcyB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywge30pO1xyXG4gICAgfVxyXG4gICAgc3RhdGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFN0YXRlcyh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCBjb25maWcpO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoVmFyaWFudHModGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgbWVyZ2UodGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSkpO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhCYXNlIGV4dGVuZHMgQW5pbXVzV2l0aFZhcmlhbnRzIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSkge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwge30pO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoVmFyaWFudHModGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgbWVyZ2UodGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSkpO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBjbGFzcyBBbmltdXMgZXh0ZW5kcyBBbmltdXNXaXRoQmFzZSB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgY3JlYXRlUGFyc2VyKHByb3BzKSwge30pO1xyXG4gICAgfVxyXG4gICAgc3R5bGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aEJhc2UodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIGNvbmZpZyk7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5pbXVzLmpzLm1hcCJdfQ== */");
+
+      return Object.assign(Component, {
+        extend: this.extend.bind(this)
+      });
+    }
+  }, {
+    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"
-      })(handler, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmUiLCJmaWxlIjoiQW5pbXVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gJ0BlbW90aW9uL2lzLXByb3AtdmFsaWQnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IG1lcmdlIH0gZnJvbSAnbG9kYXNoJztcclxuaW1wb3J0IHsgY3JlYXRlUGFyc2VyIH0gZnJvbSAnLi9zdHlsZXMvY3JlYXRlUGFyc2VyJztcclxuaW1wb3J0IHsgY3JlYXRlU3R5bGlzdCB9IGZyb20gJy4vc3R5bGVzL2NyZWF0ZVN0eWxpc3QnO1xyXG5leHBvcnQgY2xhc3MgQW5pbXVzV2l0aEFsbCB7XHJcbiAgICBwcm9wUmVnaXN0cnkgPSB7fTtcclxuICAgIGdyb3VwUmVnaXN0cnkgPSB7fTtcclxuICAgIHBhcnNlciA9IHt9O1xyXG4gICAgYmFzZVN0eWxlcyA9IHt9O1xyXG4gICAgc3RhdGVzQ29uZmlnID0ge307XHJcbiAgICB2YXJpYW50cyA9IHt9O1xyXG4gICAgYWN0aXZlR3JvdXBzID0ge307XHJcbiAgICBjdXN0b20gPSB7fTtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCBjdXN0b20pIHtcclxuICAgICAgICB0aGlzLnByb3BSZWdpc3RyeSA9IHByb3BzO1xyXG4gICAgICAgIHRoaXMuZ3JvdXBSZWdpc3RyeSA9IGdyb3VwcztcclxuICAgICAgICB0aGlzLnBhcnNlciA9IHBhcnNlcjtcclxuICAgICAgICB0aGlzLmJhc2VTdHlsZXMgPSBiYXNlO1xyXG4gICAgICAgIHRoaXMudmFyaWFudHMgPSB2YXJpYW50cztcclxuICAgICAgICB0aGlzLnN0YXRlc0NvbmZpZyA9IHN0YXRlcztcclxuICAgICAgICB0aGlzLmFjdGl2ZUdyb3VwcyA9IGFjdGl2ZUdyb3VwcztcclxuICAgICAgICB0aGlzLmN1c3RvbSA9IGN1c3RvbTtcclxuICAgIH1cclxuICAgIGFzQ29tcG9uZW50KGNvbXBvbmVudCkge1xyXG4gICAgICAgIGNvbnN0IGhhbmRsZXIgPSBjcmVhdGVTdHlsaXN0KGNyZWF0ZVBhcnNlcih7IC4uLnRoaXMucGFyc2VyLmNvbmZpZywgLi4udGhpcy5jdXN0b20gfSwgW1xyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnZhcmlhbnRzKSxcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy5zdGF0ZXNDb25maWcpLFxyXG4gICAgICAgIF0pLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnKTtcclxuICAgICAgICBjb25zdCBwcm9wTmFtZXMgPSBPYmplY3Qua2V5cyh0aGlzLnByb3BSZWdpc3RyeSk7XHJcbiAgICAgICAgcmV0dXJuIHN0eWxlZChjb21wb25lbnQsIHtcclxuICAgICAgICAgICAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiAhcHJvcE5hbWVzLmluY2x1ZGVzKHByb3ApLFxyXG4gICAgICAgIH0pKGhhbmRsZXIpO1xyXG4gICAgfVxyXG4gICAgYnVpbGQoKSB7XHJcbiAgICAgICAgY29uc3QgaGFuZGxlciA9IGNyZWF0ZVN0eWxpc3QoY3JlYXRlUGFyc2VyKHsgLi4udGhpcy5wYXJzZXIuY29uZmlnLCAuLi50aGlzLmN1c3RvbSB9LCBbXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMudmFyaWFudHMpLFxyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnN0YXRlc0NvbmZpZyksXHJcbiAgICAgICAgXSksIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcpO1xyXG4gICAgICAgIHJldHVybiBoYW5kbGVyO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhTeXN0ZW0gZXh0ZW5kcyBBbmltdXNXaXRoQWxsIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzLCBhY3RpdmVHcm91cHMsIHt9KTtcclxuICAgIH1cclxuICAgIHByb3BzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aEFsbCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIGNvbmZpZyk7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aFN0YXRlcyBleHRlbmRzIEFuaW11c1dpdGhTeXN0ZW0ge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cywgc3RhdGVzLCB7fSk7XHJcbiAgICB9XHJcbiAgICBncm91cHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoU3lzdGVtKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCBjb25maWcpO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhWYXJpYW50cyBleHRlbmRzIEFuaW11c1dpdGhTdGF0ZXMge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB2YXJpYW50cykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHt9KTtcclxuICAgIH1cclxuICAgIHN0YXRlcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhTdGF0ZXModGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgY29uZmlnKTtcclxuICAgIH1cclxuICAgIHZhcmlhbnQob3B0aW9ucykge1xyXG4gICAgICAgIGNvbnN0IHByb3AgPSBvcHRpb25zLnByb3AgfHwgJ3ZhcmlhbnQnO1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFZhcmlhbnRzKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIG1lcmdlKHRoaXMudmFyaWFudHMsIHsgW3Byb3BdOiBvcHRpb25zIH0pKTtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoQmFzZSBleHRlbmRzIEFuaW11c1dpdGhWYXJpYW50cyB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHt9KTtcclxuICAgIH1cclxuICAgIHZhcmlhbnQob3B0aW9ucykge1xyXG4gICAgICAgIGNvbnN0IHByb3AgPSBvcHRpb25zLnByb3AgfHwgJ3ZhcmlhbnQnO1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFZhcmlhbnRzKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIG1lcmdlKHRoaXMudmFyaWFudHMsIHsgW3Byb3BdOiBvcHRpb25zIH0pKTtcclxuICAgIH1cclxufVxyXG5leHBvcnQgY2xhc3MgQW5pbXVzIGV4dGVuZHMgQW5pbXVzV2l0aEJhc2Uge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3Vwcykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIGNyZWF0ZVBhcnNlcihwcm9wcyksIHt9KTtcclxuICAgIH1cclxuICAgIHN0eWxlcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhCYXNlKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCBjb25maWcpO1xyXG4gICAgfVxyXG59XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuaW11cy5qcy5tYXAiXX0= */");
+      })(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)
+      });
     }
   }, {
     key: "build",

package/dist/properties/styledOptions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Emotion will not attempt to forward all system props - so this pre filters all possible exceptions to search agains
  * props like `color` and `width`.
@@ -15,7 +14,7 @@ export declare const createStyledOptions: <T extends Record<string, any>>(props:
     forward?: readonly Forward[] | undefined;
     filter?: readonly Filter[] | undefined;
 } | undefined) => {
-    shouldForwardProp: (prop: PropertyKey) => prop is Forward | Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "mode" | "variant" | Filter | keyof T>;
+    shouldForwardProp: (prop: PropertyKey) => prop is Forward | Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, Filter | keyof T | "variant" | "mode">;
 }) & {
-    shouldForwardProp: (prop: PropertyKey) => prop is Exclude<"ref", "mode" | "variant" | keyof T> | Exclude<"key", "mode" | "variant" | keyof T> | Exclude<"color", "mode" | "variant" | keyof T> | Exclude<"translate", "mode" | "variant" | keyof T> | Exclude<"property", "mode" | "variant" | keyof T> | Exclude<"hidden", "mode" | "variant" | keyof T> | Exclude<"style", "mode" | "variant" | keyof T> | Exclude<"slot", "mode" | "variant" | keyof T> | Exclude<"title", "mode" | "variant" | keyof T> | Exclude<"className", "mode" | "variant" | keyof T> | Exclude<"id", "mode" | "variant" | keyof T> | Exclude<"prefix", "mode" | "variant" | keyof T> | Exclude<"children", "mode" | "variant" | keyof T> | Exclude<"lang", "mode" | "variant" | keyof T> | Exclude<"role", "mode" | "variant" | keyof T> | Exclude<"tabIndex", "mode" | "variant" | keyof T> | Exclude<"aria-activedescendant", "mode" | "variant" | keyof T> | Exclude<"aria-atomic", "mode" | "variant" | keyof T> | Exclude<"aria-autocomplete", "mode" | "variant" | keyof T> | Exclude<"aria-busy", "mode" | "variant" | keyof T> | Exclude<"aria-checked", "mode" | "variant" | keyof T> | Exclude<"aria-colcount", "mode" | "variant" | keyof T> | Exclude<"aria-colindex", "mode" | "variant" | keyof T> | Exclude<"aria-colspan", "mode" | "variant" | keyof T> | Exclude<"aria-controls", "mode" | "variant" | keyof T> | Exclude<"aria-current", "mode" | "variant" | keyof T> | Exclude<"aria-describedby", "mode" | "variant" | keyof T> | Exclude<"aria-details", "mode" | "variant" | keyof T> | Exclude<"aria-disabled", "mode" | "variant" | keyof T> | Exclude<"aria-dropeffect", "mode" | "variant" | keyof T> | Exclude<"aria-errormessage", "mode" | "variant" | keyof T> | Exclude<"aria-expanded", "mode" | "variant" | keyof T> | Exclude<"aria-flowto", "mode" | "variant" | keyof T> | Exclude<"aria-grabbed", "mode" | "variant" | keyof T> | Exclude<"aria-haspopup", "mode" | "variant" | keyof T> | Exclude<"aria-hidden", "mode" | "variant" | keyof T> | Exclude<"aria-invalid", "mode" | "variant" | keyof T> | Exclude<"aria-keyshortcuts", "mode" | "variant" | keyof T> | Exclude<"aria-label", "mode" | "variant" | keyof T> | Exclude<"aria-labelledby", "mode" | "variant" | keyof T> | Exclude<"aria-level", "mode" | "variant" | keyof T> | Exclude<"aria-live", "mode" | "variant" | keyof T> | Exclude<"aria-modal", "mode" | "variant" | keyof T> | Exclude<"aria-multiline", "mode" | "variant" | keyof T> | Exclude<"aria-multiselectable", "mode" | "variant" | keyof T> | Exclude<"aria-orientation", "mode" | "variant" | keyof T> | Exclude<"aria-owns", "mode" | "variant" | keyof T> | Exclude<"aria-placeholder", "mode" | "variant" | keyof T> | Exclude<"aria-posinset", "mode" | "variant" | keyof T> | Exclude<"aria-pressed", "mode" | "variant" | keyof T> | Exclude<"aria-readonly", "mode" | "variant" | keyof T> | Exclude<"aria-relevant", "mode" | "variant" | keyof T> | Exclude<"aria-required", "mode" | "variant" | keyof T> | Exclude<"aria-roledescription", "mode" | "variant" | keyof T> | Exclude<"aria-rowcount", "mode" | "variant" | keyof T> | Exclude<"aria-rowindex", "mode" | "variant" | keyof T> | Exclude<"aria-rowspan", "mode" | "variant" | keyof T> | Exclude<"aria-selected", "mode" | "variant" | keyof T> | Exclude<"aria-setsize", "mode" | "variant" | keyof T> | Exclude<"aria-sort", "mode" | "variant" | keyof T> | Exclude<"aria-valuemax", "mode" | "variant" | keyof T> | Exclude<"aria-valuemin", "mode" | "variant" | keyof T> | Exclude<"aria-valuenow", "mode" | "variant" | keyof T> | Exclude<"aria-valuetext", "mode" | "variant" | keyof T> | Exclude<"dangerouslySetInnerHTML", "mode" | "variant" | keyof T> | Exclude<"onCopy", "mode" | "variant" | keyof T> | Exclude<"onCopyCapture", "mode" | "variant" | keyof T> | Exclude<"onCut", "mode" | "variant" | keyof T> | Exclude<"onCutCapture", "mode" | "variant" | keyof T> | Exclude<"onPaste", "mode" | "variant" | keyof T> | Exclude<"onPasteCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionEnd", "mode" | "variant" | keyof T> | Exclude<"onCompositionEndCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionStart", "mode" | "variant" | keyof T> | Exclude<"onCompositionStartCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionUpdate", "mode" | "variant" | keyof T> | Exclude<"onCompositionUpdateCapture", "mode" | "variant" | keyof T> | Exclude<"onFocus", "mode" | "variant" | keyof T> | Exclude<"onFocusCapture", "mode" | "variant" | keyof T> | Exclude<"onBlur", "mode" | "variant" | keyof T> | Exclude<"onBlurCapture", "mode" | "variant" | keyof T> | Exclude<"onChange", "mode" | "variant" | keyof T> | Exclude<"onChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onBeforeInput", "mode" | "variant" | keyof T> | Exclude<"onBeforeInputCapture", "mode" | "variant" | keyof T> | Exclude<"onInput", "mode" | "variant" | keyof T> | Exclude<"onInputCapture", "mode" | "variant" | keyof T> | Exclude<"onReset", "mode" | "variant" | keyof T> | Exclude<"onResetCapture", "mode" | "variant" | keyof T> | Exclude<"onSubmit", "mode" | "variant" | keyof T> | Exclude<"onSubmitCapture", "mode" | "variant" | keyof T> | Exclude<"onInvalid", "mode" | "variant" | keyof T> | Exclude<"onInvalidCapture", "mode" | "variant" | keyof T> | Exclude<"onLoad", "mode" | "variant" | keyof T> | Exclude<"onLoadCapture", "mode" | "variant" | keyof T> | Exclude<"onError", "mode" | "variant" | keyof T> | Exclude<"onErrorCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyDown", "mode" | "variant" | keyof T> | Exclude<"onKeyDownCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyPress", "mode" | "variant" | keyof T> | Exclude<"onKeyPressCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyUp", "mode" | "variant" | keyof T> | Exclude<"onKeyUpCapture", "mode" | "variant" | keyof T> | Exclude<"onAbort", "mode" | "variant" | keyof T> | Exclude<"onAbortCapture", "mode" | "variant" | keyof T> | Exclude<"onCanPlay", "mode" | "variant" | keyof T> | Exclude<"onCanPlayCapture", "mode" | "variant" | keyof T> | Exclude<"onCanPlayThrough", "mode" | "variant" | keyof T> | Exclude<"onCanPlayThroughCapture", "mode" | "variant" | keyof T> | Exclude<"onDurationChange", "mode" | "variant" | keyof T> | Exclude<"onDurationChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onEmptied", "mode" | "variant" | keyof T> | Exclude<"onEmptiedCapture", "mode" | "variant" | keyof T> | Exclude<"onEncrypted", "mode" | "variant" | keyof T> | Exclude<"onEncryptedCapture", "mode" | "variant" | keyof T> | Exclude<"onEnded", "mode" | "variant" | keyof T> | Exclude<"onEndedCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadedData", "mode" | "variant" | keyof T> | Exclude<"onLoadedDataCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadedMetadata", "mode" | "variant" | keyof T> | Exclude<"onLoadedMetadataCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadStart", "mode" | "variant" | keyof T> | Exclude<"onLoadStartCapture", "mode" | "variant" | keyof T> | Exclude<"onPause", "mode" | "variant" | keyof T> | Exclude<"onPauseCapture", "mode" | "variant" | keyof T> | Exclude<"onPlay", "mode" | "variant" | keyof T> | Exclude<"onPlayCapture", "mode" | "variant" | keyof T> | Exclude<"onPlaying", "mode" | "variant" | keyof T> | Exclude<"onPlayingCapture", "mode" | "variant" | keyof T> | Exclude<"onProgress", "mode" | "variant" | keyof T> | Exclude<"onProgressCapture", "mode" | "variant" | keyof T> | Exclude<"onRateChange", "mode" | "variant" | keyof T> | Exclude<"onRateChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onSeeked", "mode" | "variant" | keyof T> | Exclude<"onSeekedCapture", "mode" | "variant" | keyof T> | Exclude<"onSeeking", "mode" | "variant" | keyof T> | Exclude<"onSeekingCapture", "mode" | "variant" | keyof T> | Exclude<"onStalled", "mode" | "variant" | keyof T> | Exclude<"onStalledCapture", "mode" | "variant" | keyof T> | Exclude<"onSuspend", "mode" | "variant" | keyof T> | Exclude<"onSuspendCapture", "mode" | "variant" | keyof T> | Exclude<"onTimeUpdate", "mode" | "variant" | keyof T> | Exclude<"onTimeUpdateCapture", "mode" | "variant" | keyof T> | Exclude<"onVolumeChange", "mode" | "variant" | keyof T> | Exclude<"onVolumeChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onWaiting", "mode" | "variant" | keyof T> | Exclude<"onWaitingCapture", "mode" | "variant" | keyof T> | Exclude<"onAuxClick", "mode" | "variant" | keyof T> | Exclude<"onAuxClickCapture", "mode" | "variant" | keyof T> | Exclude<"onClick", "mode" | "variant" | keyof T> | Exclude<"onClickCapture", "mode" | "variant" | keyof T> | Exclude<"onContextMenu", "mode" | "variant" | keyof T> | Exclude<"onContextMenuCapture", "mode" | "variant" | keyof T> | Exclude<"onDoubleClick", "mode" | "variant" | keyof T> | Exclude<"onDoubleClickCapture", "mode" | "variant" | keyof T> | Exclude<"onDrag", "mode" | "variant" | keyof T> | Exclude<"onDragCapture", "mode" | "variant" | keyof T> | Exclude<"onDragEnd", "mode" | "variant" | keyof T> | Exclude<"onDragEndCapture", "mode" | "variant" | keyof T> | Exclude<"onDragEnter", "mode" | "variant" | keyof T> | Exclude<"onDragEnterCapture", "mode" | "variant" | keyof T> | Exclude<"onDragExit", "mode" | "variant" | keyof T> | Exclude<"onDragExitCapture", "mode" | "variant" | keyof T> | Exclude<"onDragLeave", "mode" | "variant" | keyof T> | Exclude<"onDragLeaveCapture", "mode" | "variant" | keyof T> | Exclude<"onDragOver", "mode" | "variant" | keyof T> | Exclude<"onDragOverCapture", "mode" | "variant" | keyof T> | Exclude<"onDragStart", "mode" | "variant" | keyof T> | Exclude<"onDragStartCapture", "mode" | "variant" | keyof T> | Exclude<"onDrop", "mode" | "variant" | keyof T> | Exclude<"onDropCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseDown", "mode" | "variant" | keyof T> | Exclude<"onMouseDownCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseEnter", "mode" | "variant" | keyof T> | Exclude<"onMouseLeave", "mode" | "variant" | keyof T> | Exclude<"onMouseMove", "mode" | "variant" | keyof T> | Exclude<"onMouseMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseOut", "mode" | "variant" | keyof T> | Exclude<"onMouseOutCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseOver", "mode" | "variant" | keyof T> | Exclude<"onMouseOverCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseUp", "mode" | "variant" | keyof T> | Exclude<"onMouseUpCapture", "mode" | "variant" | keyof T> | Exclude<"onSelect", "mode" | "variant" | keyof T> | Exclude<"onSelectCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchCancel", "mode" | "variant" | keyof T> | Exclude<"onTouchCancelCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchEnd", "mode" | "variant" | keyof T> | Exclude<"onTouchEndCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchMove", "mode" | "variant" | keyof T> | Exclude<"onTouchMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchStart", "mode" | "variant" | keyof T> | Exclude<"onTouchStartCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerDown", "mode" | "variant" | keyof T> | Exclude<"onPointerDownCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerMove", "mode" | "variant" | keyof T> | Exclude<"onPointerMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerUp", "mode" | "variant" | keyof T> | Exclude<"onPointerUpCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerCancel", "mode" | "variant" | keyof T> | Exclude<"onPointerCancelCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerEnter", "mode" | "variant" | keyof T> | Exclude<"onPointerEnterCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerLeave", "mode" | "variant" | keyof T> | Exclude<"onPointerLeaveCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerOver", "mode" | "variant" | keyof T> | Exclude<"onPointerOverCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerOut", "mode" | "variant" | keyof T> | Exclude<"onPointerOutCapture", "mode" | "variant" | keyof T> | Exclude<"onGotPointerCapture", "mode" | "variant" | keyof T> | Exclude<"onGotPointerCaptureCapture", "mode" | "variant" | keyof T> | Exclude<"onLostPointerCapture", "mode" | "variant" | keyof T> | Exclude<"onLostPointerCaptureCapture", "mode" | "variant" | keyof T> | Exclude<"onScroll", "mode" | "variant" | keyof T> | Exclude<"onScrollCapture", "mode" | "variant" | keyof T> | Exclude<"onWheel", "mode" | "variant" | keyof T> | Exclude<"onWheelCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationStart", "mode" | "variant" | keyof T> | Exclude<"onAnimationStartCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationEnd", "mode" | "variant" | keyof T> | Exclude<"onAnimationEndCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationIteration", "mode" | "variant" | keyof T> | Exclude<"onAnimationIterationCapture", "mode" | "variant" | keyof T> | Exclude<"onTransitionEnd", "mode" | "variant" | keyof T> | Exclude<"onTransitionEndCapture", "mode" | "variant" | keyof T> | Exclude<"defaultChecked", "mode" | "variant" | keyof T> | Exclude<"defaultValue", "mode" | "variant" | keyof T> | Exclude<"suppressContentEditableWarning", "mode" | "variant" | keyof T> | Exclude<"suppressHydrationWarning", "mode" | "variant" | keyof T> | Exclude<"accessKey", "mode" | "variant" | keyof T> | Exclude<"contentEditable", "mode" | "variant" | keyof T> | Exclude<"contextMenu", "mode" | "variant" | keyof T> | Exclude<"dir", "mode" | "variant" | keyof T> | Exclude<"draggable", "mode" | "variant" | keyof T> | Exclude<"placeholder", "mode" | "variant" | keyof T> | Exclude<"spellCheck", "mode" | "variant" | keyof T> | Exclude<"radioGroup", "mode" | "variant" | keyof T> | Exclude<"about", "mode" | "variant" | keyof T> | Exclude<"datatype", "mode" | "variant" | keyof T> | Exclude<"inlist", "mode" | "variant" | keyof T> | Exclude<"resource", "mode" | "variant" | keyof T> | Exclude<"typeof", "mode" | "variant" | keyof T> | Exclude<"vocab", "mode" | "variant" | keyof T> | Exclude<"autoCapitalize", "mode" | "variant" | keyof T> | Exclude<"autoCorrect", "mode" | "variant" | keyof T> | Exclude<"autoSave", "mode" | "variant" | keyof T> | Exclude<"itemProp", "mode" | "variant" | keyof T> | Exclude<"itemScope", "mode" | "variant" | keyof T> | Exclude<"itemType", "mode" | "variant" | keyof T> | Exclude<"itemID", "mode" | "variant" | keyof T> | Exclude<"itemRef", "mode" | "variant" | keyof T> | Exclude<"results", "mode" | "variant" | keyof T> | Exclude<"security", "mode" | "variant" | keyof T> | Exclude<"unselectable", "mode" | "variant" | keyof T> | Exclude<"inputMode", "mode" | "variant" | keyof T> | Exclude<"is", "mode" | "variant" | keyof T>;
+    shouldForwardProp: (prop: PropertyKey) => prop is Exclude<"ref", keyof T | "variant" | "mode"> | Exclude<"key", keyof T | "variant" | "mode"> | Exclude<"slot", keyof T | "variant" | "mode"> | Exclude<"style", keyof T | "variant" | "mode"> | Exclude<"title", keyof T | "variant" | "mode"> | Exclude<"className", keyof T | "variant" | "mode"> | Exclude<"id", keyof T | "variant" | "mode"> | Exclude<"prefix", keyof T | "variant" | "mode"> | Exclude<"children", keyof T | "variant" | "mode"> | Exclude<"color", keyof T | "variant" | "mode"> | Exclude<"lang", keyof T | "variant" | "mode"> | Exclude<"role", keyof T | "variant" | "mode"> | Exclude<"tabIndex", keyof T | "variant" | "mode"> | Exclude<"aria-activedescendant", keyof T | "variant" | "mode"> | Exclude<"aria-atomic", keyof T | "variant" | "mode"> | Exclude<"aria-autocomplete", keyof T | "variant" | "mode"> | Exclude<"aria-busy", keyof T | "variant" | "mode"> | Exclude<"aria-checked", keyof T | "variant" | "mode"> | Exclude<"aria-colcount", keyof T | "variant" | "mode"> | Exclude<"aria-colindex", keyof T | "variant" | "mode"> | Exclude<"aria-colspan", keyof T | "variant" | "mode"> | Exclude<"aria-controls", keyof T | "variant" | "mode"> | Exclude<"aria-current", keyof T | "variant" | "mode"> | Exclude<"aria-describedby", keyof T | "variant" | "mode"> | Exclude<"aria-details", keyof T | "variant" | "mode"> | Exclude<"aria-disabled", keyof T | "variant" | "mode"> | Exclude<"aria-dropeffect", keyof T | "variant" | "mode"> | Exclude<"aria-errormessage", keyof T | "variant" | "mode"> | Exclude<"aria-expanded", keyof T | "variant" | "mode"> | Exclude<"aria-flowto", keyof T | "variant" | "mode"> | Exclude<"aria-grabbed", keyof T | "variant" | "mode"> | Exclude<"aria-haspopup", keyof T | "variant" | "mode"> | Exclude<"aria-hidden", keyof T | "variant" | "mode"> | Exclude<"aria-invalid", keyof T | "variant" | "mode"> | Exclude<"aria-keyshortcuts", keyof T | "variant" | "mode"> | Exclude<"aria-label", keyof T | "variant" | "mode"> | Exclude<"aria-labelledby", keyof T | "variant" | "mode"> | Exclude<"aria-level", keyof T | "variant" | "mode"> | Exclude<"aria-live", keyof T | "variant" | "mode"> | Exclude<"aria-modal", keyof T | "variant" | "mode"> | Exclude<"aria-multiline", keyof T | "variant" | "mode"> | Exclude<"aria-multiselectable", keyof T | "variant" | "mode"> | Exclude<"aria-orientation", keyof T | "variant" | "mode"> | Exclude<"aria-owns", keyof T | "variant" | "mode"> | Exclude<"aria-placeholder", keyof T | "variant" | "mode"> | Exclude<"aria-posinset", keyof T | "variant" | "mode"> | Exclude<"aria-pressed", keyof T | "variant" | "mode"> | Exclude<"aria-readonly", keyof T | "variant" | "mode"> | Exclude<"aria-relevant", keyof T | "variant" | "mode"> | Exclude<"aria-required", keyof T | "variant" | "mode"> | Exclude<"aria-roledescription", keyof T | "variant" | "mode"> | Exclude<"aria-rowcount", keyof T | "variant" | "mode"> | Exclude<"aria-rowindex", keyof T | "variant" | "mode"> | Exclude<"aria-rowspan", keyof T | "variant" | "mode"> | Exclude<"aria-selected", keyof T | "variant" | "mode"> | Exclude<"aria-setsize", keyof T | "variant" | "mode"> | Exclude<"aria-sort", keyof T | "variant" | "mode"> | Exclude<"aria-valuemax", keyof T | "variant" | "mode"> | Exclude<"aria-valuemin", keyof T | "variant" | "mode"> | Exclude<"aria-valuenow", keyof T | "variant" | "mode"> | Exclude<"aria-valuetext", keyof T | "variant" | "mode"> | Exclude<"dangerouslySetInnerHTML", keyof T | "variant" | "mode"> | Exclude<"onCopy", keyof T | "variant" | "mode"> | Exclude<"onCopyCapture", keyof T | "variant" | "mode"> | Exclude<"onCut", keyof T | "variant" | "mode"> | Exclude<"onCutCapture", keyof T | "variant" | "mode"> | Exclude<"onPaste", keyof T | "variant" | "mode"> | Exclude<"onPasteCapture", keyof T | "variant" | "mode"> | Exclude<"onCompositionEnd", keyof T | "variant" | "mode"> | Exclude<"onCompositionEndCapture", keyof T | "variant" | "mode"> | Exclude<"onCompositionStart", keyof T | "variant" | "mode"> | Exclude<"onCompositionStartCapture", keyof T | "variant" | "mode"> | Exclude<"onCompositionUpdate", keyof T | "variant" | "mode"> | Exclude<"onCompositionUpdateCapture", keyof T | "variant" | "mode"> | Exclude<"onFocus", keyof T | "variant" | "mode"> | Exclude<"onFocusCapture", keyof T | "variant" | "mode"> | Exclude<"onBlur", keyof T | "variant" | "mode"> | Exclude<"onBlurCapture", keyof T | "variant" | "mode"> | Exclude<"onChange", keyof T | "variant" | "mode"> | Exclude<"onChangeCapture", keyof T | "variant" | "mode"> | Exclude<"onBeforeInput", keyof T | "variant" | "mode"> | Exclude<"onBeforeInputCapture", keyof T | "variant" | "mode"> | Exclude<"onInput", keyof T | "variant" | "mode"> | Exclude<"onInputCapture", keyof T | "variant" | "mode"> | Exclude<"onReset", keyof T | "variant" | "mode"> | Exclude<"onResetCapture", keyof T | "variant" | "mode"> | Exclude<"onSubmit", keyof T | "variant" | "mode"> | Exclude<"onSubmitCapture", keyof T | "variant" | "mode"> | Exclude<"onInvalid", keyof T | "variant" | "mode"> | Exclude<"onInvalidCapture", keyof T | "variant" | "mode"> | Exclude<"onLoad", keyof T | "variant" | "mode"> | Exclude<"onLoadCapture", keyof T | "variant" | "mode"> | Exclude<"onError", keyof T | "variant" | "mode"> | Exclude<"onErrorCapture", keyof T | "variant" | "mode"> | Exclude<"onKeyDown", keyof T | "variant" | "mode"> | Exclude<"onKeyDownCapture", keyof T | "variant" | "mode"> | Exclude<"onKeyPress", keyof T | "variant" | "mode"> | Exclude<"onKeyPressCapture", keyof T | "variant" | "mode"> | Exclude<"onKeyUp", keyof T | "variant" | "mode"> | Exclude<"onKeyUpCapture", keyof T | "variant" | "mode"> | Exclude<"onAbort", keyof T | "variant" | "mode"> | Exclude<"onAbortCapture", keyof T | "variant" | "mode"> | Exclude<"onCanPlay", keyof T | "variant" | "mode"> | Exclude<"onCanPlayCapture", keyof T | "variant" | "mode"> | Exclude<"onCanPlayThrough", keyof T | "variant" | "mode"> | Exclude<"onCanPlayThroughCapture", keyof T | "variant" | "mode"> | Exclude<"onDurationChange", keyof T | "variant" | "mode"> | Exclude<"onDurationChangeCapture", keyof T | "variant" | "mode"> | Exclude<"onEmptied", keyof T | "variant" | "mode"> | Exclude<"onEmptiedCapture", keyof T | "variant" | "mode"> | Exclude<"onEncrypted", keyof T | "variant" | "mode"> | Exclude<"onEncryptedCapture", keyof T | "variant" | "mode"> | Exclude<"onEnded", keyof T | "variant" | "mode"> | Exclude<"onEndedCapture", keyof T | "variant" | "mode"> | Exclude<"onLoadedData", keyof T | "variant" | "mode"> | Exclude<"onLoadedDataCapture", keyof T | "variant" | "mode"> | Exclude<"onLoadedMetadata", keyof T | "variant" | "mode"> | Exclude<"onLoadedMetadataCapture", keyof T | "variant" | "mode"> | Exclude<"onLoadStart", keyof T | "variant" | "mode"> | Exclude<"onLoadStartCapture", keyof T | "variant" | "mode"> | Exclude<"onPause", keyof T | "variant" | "mode"> | Exclude<"onPauseCapture", keyof T | "variant" | "mode"> | Exclude<"onPlay", keyof T | "variant" | "mode"> | Exclude<"onPlayCapture", keyof T | "variant" | "mode"> | Exclude<"onPlaying", keyof T | "variant" | "mode"> | Exclude<"onPlayingCapture", keyof T | "variant" | "mode"> | Exclude<"onProgress", keyof T | "variant" | "mode"> | Exclude<"onProgressCapture", keyof T | "variant" | "mode"> | Exclude<"onRateChange", keyof T | "variant" | "mode"> | Exclude<"onRateChangeCapture", keyof T | "variant" | "mode"> | Exclude<"onResize", keyof T | "variant" | "mode"> | Exclude<"onResizeCapture", keyof T | "variant" | "mode"> | Exclude<"onSeeked", keyof T | "variant" | "mode"> | Exclude<"onSeekedCapture", keyof T | "variant" | "mode"> | Exclude<"onSeeking", keyof T | "variant" | "mode"> | Exclude<"onSeekingCapture", keyof T | "variant" | "mode"> | Exclude<"onStalled", keyof T | "variant" | "mode"> | Exclude<"onStalledCapture", keyof T | "variant" | "mode"> | Exclude<"onSuspend", keyof T | "variant" | "mode"> | Exclude<"onSuspendCapture", keyof T | "variant" | "mode"> | Exclude<"onTimeUpdate", keyof T | "variant" | "mode"> | Exclude<"onTimeUpdateCapture", keyof T | "variant" | "mode"> | Exclude<"onVolumeChange", keyof T | "variant" | "mode"> | Exclude<"onVolumeChangeCapture", keyof T | "variant" | "mode"> | Exclude<"onWaiting", keyof T | "variant" | "mode"> | Exclude<"onWaitingCapture", keyof T | "variant" | "mode"> | Exclude<"onAuxClick", keyof T | "variant" | "mode"> | Exclude<"onAuxClickCapture", keyof T | "variant" | "mode"> | Exclude<"onClick", keyof T | "variant" | "mode"> | Exclude<"onClickCapture", keyof T | "variant" | "mode"> | Exclude<"onContextMenu", keyof T | "variant" | "mode"> | Exclude<"onContextMenuCapture", keyof T | "variant" | "mode"> | Exclude<"onDoubleClick", keyof T | "variant" | "mode"> | Exclude<"onDoubleClickCapture", keyof T | "variant" | "mode"> | Exclude<"onDrag", keyof T | "variant" | "mode"> | Exclude<"onDragCapture", keyof T | "variant" | "mode"> | Exclude<"onDragEnd", keyof T | "variant" | "mode"> | Exclude<"onDragEndCapture", keyof T | "variant" | "mode"> | Exclude<"onDragEnter", keyof T | "variant" | "mode"> | Exclude<"onDragEnterCapture", keyof T | "variant" | "mode"> | Exclude<"onDragExit", keyof T | "variant" | "mode"> | Exclude<"onDragExitCapture", keyof T | "variant" | "mode"> | Exclude<"onDragLeave", keyof T | "variant" | "mode"> | Exclude<"onDragLeaveCapture", keyof T | "variant" | "mode"> | Exclude<"onDragOver", keyof T | "variant" | "mode"> | Exclude<"onDragOverCapture", keyof T | "variant" | "mode"> | Exclude<"onDragStart", keyof T | "variant" | "mode"> | Exclude<"onDragStartCapture", keyof T | "variant" | "mode"> | Exclude<"onDrop", keyof T | "variant" | "mode"> | Exclude<"onDropCapture", keyof T | "variant" | "mode"> | Exclude<"onMouseDown", keyof T | "variant" | "mode"> | Exclude<"onMouseDownCapture", keyof T | "variant" | "mode"> | Exclude<"onMouseEnter", keyof T | "variant" | "mode"> | Exclude<"onMouseLeave", keyof T | "variant" | "mode"> | Exclude<"onMouseMove", keyof T | "variant" | "mode"> | Exclude<"onMouseMoveCapture", keyof T | "variant" | "mode"> | Exclude<"onMouseOut", keyof T | "variant" | "mode"> | Exclude<"onMouseOutCapture", keyof T | "variant" | "mode"> | Exclude<"onMouseOver", keyof T | "variant" | "mode"> | Exclude<"onMouseOverCapture", keyof T | "variant" | "mode"> | Exclude<"onMouseUp", keyof T | "variant" | "mode"> | Exclude<"onMouseUpCapture", keyof T | "variant" | "mode"> | Exclude<"onSelect", keyof T | "variant" | "mode"> | Exclude<"onSelectCapture", keyof T | "variant" | "mode"> | Exclude<"onTouchCancel", keyof T | "variant" | "mode"> | Exclude<"onTouchCancelCapture", keyof T | "variant" | "mode"> | Exclude<"onTouchEnd", keyof T | "variant" | "mode"> | Exclude<"onTouchEndCapture", keyof T | "variant" | "mode"> | Exclude<"onTouchMove", keyof T | "variant" | "mode"> | Exclude<"onTouchMoveCapture", keyof T | "variant" | "mode"> | Exclude<"onTouchStart", keyof T | "variant" | "mode"> | Exclude<"onTouchStartCapture", keyof T | "variant" | "mode"> | Exclude<"onPointerDown", keyof T | "variant" | "mode"> | Exclude<"onPointerDownCapture", keyof T | "variant" | "mode"> | Exclude<"onPointerMove", keyof T | "variant" | "mode"> | Exclude<"onPointerMoveCapture", keyof T | "variant" | "mode"> | Exclude<"onPointerUp", keyof T | "variant" | "mode"> | Exclude<"onPointerUpCapture", keyof T | "variant" | "mode"> | Exclude<"onPointerCancel", keyof T | "variant" | "mode"> | Exclude<"onPointerCancelCapture", keyof T | "variant" | "mode"> | Exclude<"onPointerEnter", keyof T | "variant" | "mode"> | Exclude<"onPointerEnterCapture", keyof T | "variant" | "mode"> | Exclude<"onPointerLeave", keyof T | "variant" | "mode"> | Exclude<"onPointerLeaveCapture", keyof T | "variant" | "mode"> | Exclude<"onPointerOver", keyof T | "variant" | "mode"> | Exclude<"onPointerOverCapture", keyof T | "variant" | "mode"> | Exclude<"onPointerOut", keyof T | "variant" | "mode"> | Exclude<"onPointerOutCapture", keyof T | "variant" | "mode"> | Exclude<"onGotPointerCapture", keyof T | "variant" | "mode"> | Exclude<"onGotPointerCaptureCapture", keyof T | "variant" | "mode"> | Exclude<"onLostPointerCapture", keyof T | "variant" | "mode"> | Exclude<"onLostPointerCaptureCapture", keyof T | "variant" | "mode"> | Exclude<"onScroll", keyof T | "variant" | "mode"> | Exclude<"onScrollCapture", keyof T | "variant" | "mode"> | Exclude<"onWheel", keyof T | "variant" | "mode"> | Exclude<"onWheelCapture", keyof T | "variant" | "mode"> | Exclude<"onAnimationStart", keyof T | "variant" | "mode"> | Exclude<"onAnimationStartCapture", keyof T | "variant" | "mode"> | Exclude<"onAnimationEnd", keyof T | "variant" | "mode"> | Exclude<"onAnimationEndCapture", keyof T | "variant" | "mode"> | Exclude<"onAnimationIteration", keyof T | "variant" | "mode"> | Exclude<"onAnimationIterationCapture", keyof T | "variant" | "mode"> | Exclude<"onTransitionEnd", keyof T | "variant" | "mode"> | Exclude<"onTransitionEndCapture", keyof T | "variant" | "mode"> | Exclude<"defaultChecked", keyof T | "variant" | "mode"> | Exclude<"defaultValue", keyof T | "variant" | "mode"> | Exclude<"suppressContentEditableWarning", keyof T | "variant" | "mode"> | Exclude<"suppressHydrationWarning", keyof T | "variant" | "mode"> | Exclude<"accessKey", keyof T | "variant" | "mode"> | Exclude<"contentEditable", keyof T | "variant" | "mode"> | Exclude<"contextMenu", keyof T | "variant" | "mode"> | Exclude<"dir", keyof T | "variant" | "mode"> | Exclude<"draggable", keyof T | "variant" | "mode"> | Exclude<"hidden", keyof T | "variant" | "mode"> | Exclude<"nonce", keyof T | "variant" | "mode"> | Exclude<"placeholder", keyof T | "variant" | "mode"> | Exclude<"spellCheck", keyof T | "variant" | "mode"> | Exclude<"translate", keyof T | "variant" | "mode"> | Exclude<"radioGroup", keyof T | "variant" | "mode"> | Exclude<"about", keyof T | "variant" | "mode"> | Exclude<"datatype", keyof T | "variant" | "mode"> | Exclude<"inlist", keyof T | "variant" | "mode"> | Exclude<"property", keyof T | "variant" | "mode"> | Exclude<"resource", keyof T | "variant" | "mode"> | Exclude<"typeof", keyof T | "variant" | "mode"> | Exclude<"vocab", keyof T | "variant" | "mode"> | Exclude<"autoCapitalize", keyof T | "variant" | "mode"> | Exclude<"autoCorrect", keyof T | "variant" | "mode"> | Exclude<"autoSave", keyof T | "variant" | "mode"> | Exclude<"itemProp", keyof T | "variant" | "mode"> | Exclude<"itemScope", keyof T | "variant" | "mode"> | Exclude<"itemType", keyof T | "variant" | "mode"> | Exclude<"itemID", keyof T | "variant" | "mode"> | Exclude<"itemRef", keyof T | "variant" | "mode"> | Exclude<"results", keyof T | "variant" | "mode"> | Exclude<"security", keyof T | "variant" | "mode"> | Exclude<"unselectable", keyof T | "variant" | "mode"> | Exclude<"inputMode", keyof T | "variant" | "mode"> | Exclude<"is", keyof T | "variant" | "mode">;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@animus-ui/core",
   "description": "Constraint based CSS in JS Foundations",
-  "version": "0.1.1-beta.20",
+  "version": "0.1.1-beta.22",
   "keywords": [
     "emotion",
     "css",
@@ -10,8 +10,8 @@
   ],
   "author": "codecaaron <airrobb@gmail.com>",
   "license": "MIT",
-  "module": "./dist/index.js",
-  "main": "./dist/index.js",
+  "module": "dist/index.js",
+  "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "publishConfig": {
     "access": "public"
@@ -27,14 +27,14 @@
     "compile": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@emotion/react": ">=11.0.0",
-    "@emotion/styled": ">=11.0.0",
     "lodash": "*",
     "typescript": ">=4.3.5"
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.1.1",
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
     "csstype": "^3.0.7"
   },
-  "gitHead": "455851bb4c07c9f3d7799ee339dd590792a919c5"
+  "gitHead": "c6a70813a9f9af38d07742d81db71e4547acada5"
 }

package/rollup.config.js

@@ -1,3 +1,3 @@
-import config from '../../rollup.config';
+const config = require('../../rollup.config');
 
-export default config();
+module.exports = config();

package/tsconfig.json

@@ -1,9 +1,10 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "skipLibCheck": false,
+    "declaration": true,
+    "rootDir": "./src",
     "outDir": "./dist"
   },
-  "include": ["../../typings/*.d.ts", "./src/**/*.ts", "./src/**/*.tsx"],
-  "exclude": ["./**/*.test.tsx", "./**/*.test.ts"]
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["**/*.test.ts", "**/*.test.tsx"]
 }