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

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 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.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

@@ -872,6 +872,107 @@ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11c0V4dGVuZGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDZ0MiLCJmaWxlIjoiQW5pbXVzRXh0ZW5kZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnQGVtb3Rpb24vaXMtcHJvcC12YWxpZCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5pbXBvcnQgeyBjcmVhdGVQYXJzZXIgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVQYXJzZXInO1xyXG5pbXBvcnQgeyBjcmVhdGVTdHlsaXN0IH0gZnJvbSAnLi9zdHlsZXMvY3JlYXRlU3R5bGlzdCc7XHJcbmV4cG9ydCBjbGFzcyBBbmltdXNFeHRlbmRlZCB7XHJcbiAgICBwcm9wUmVnaXN0cnkgPSB7fTtcclxuICAgIGdyb3VwUmVnaXN0cnkgPSB7fTtcclxuICAgIHBhcnNlciA9IHt9O1xyXG4gICAgYmFzZVN0eWxlcyA9IHt9O1xyXG4gICAgc3RhdGVzQ29uZmlnID0ge307XHJcbiAgICB2YXJpYW50cyA9IHt9O1xyXG4gICAgYWN0aXZlR3JvdXBzID0ge307XHJcbiAgICBjdXN0b20gPSB7fTtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCBjdXN0b20pIHtcclxuICAgICAgICB0aGlzLnByb3BSZWdpc3RyeSA9IHByb3BzO1xyXG4gICAgICAgIHRoaXMuZ3JvdXBSZWdpc3RyeSA9IGdyb3VwcztcclxuICAgICAgICB0aGlzLnBhcnNlciA9IHBhcnNlcjtcclxuICAgICAgICB0aGlzLmJhc2VTdHlsZXMgPSBiYXNlO1xyXG4gICAgICAgIHRoaXMudmFyaWFudHMgPSB2YXJpYW50cztcclxuICAgICAgICB0aGlzLnN0YXRlc0NvbmZpZyA9IHN0YXRlcztcclxuICAgICAgICB0aGlzLmFjdGl2ZUdyb3VwcyA9IGFjdGl2ZUdyb3VwcztcclxuICAgICAgICB0aGlzLmN1c3RvbSA9IGN1c3RvbTtcclxuICAgIH1cclxuICAgIGV4dGVuZCgpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c0V4dGVuZGVkKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3R5bGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIG1lcmdlKHt9LCB0aGlzLmJhc2VTdHlsZXMsIGNvbmZpZyksIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh7fSwgdGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSksIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3RhdGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgbWVyZ2Uoe30sIHRoaXMuc3RhdGVzQ29uZmlnLCBjb25maWcpLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIG1lcmdlKHt9LCB0aGlzLmFjdGl2ZUdyb3VwcywgY29uZmlnKSwgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgcHJvcHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIG1lcmdlKHt9LCB0aGlzLmN1c3RvbSwgY29uZmlnKSk7XHJcbiAgICB9XHJcbiAgICBhc0VsZW1lbnQoY29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChjb21wb25lbnQsIHtcclxuICAgICAgICAgICAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiAhcHJvcE5hbWVzLmluY2x1ZGVzKHByb3ApLFxyXG4gICAgICAgIH0pKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGFzQ29tcG9uZW50KEFzQ29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgU3R5bGVkQ29tcG9uZW50ID0gc3R5bGVkKEFzQ29tcG9uZW50KSh0aGlzLmJ1aWxkKCkpO1xyXG4gICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKFN0eWxlZENvbXBvbmVudCwgeyBleHRlbmQ6IHRoaXMuZXh0ZW5kLmJpbmQodGhpcykgfSk7XHJcbiAgICB9XHJcbiAgICBidWlsZCgpIHtcclxuICAgICAgICBjb25zdCBoYW5kbGVyID0gY3JlYXRlU3R5bGlzdChjcmVhdGVQYXJzZXIoeyAuLi50aGlzLnBhcnNlci5jb25maWcsIC4uLnRoaXMuY3VzdG9tIH0sIFtcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy52YXJpYW50cyksXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMuc3RhdGVzQ29uZmlnKSxcclxuICAgICAgICBdKSwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZyk7XHJcbiAgICAgICAgcmV0dXJuIGhhbmRsZXI7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5pbXVzRXh0ZW5kZWQuanMubWFwIl19 */");
+
+      return Object.assign(StyledComponent, {
+        extend: this.extend.bind(this)
+      });
+    }
+  }, {
+    key: "asComponent",
+    value: function asComponent(AsComponent) {
+      var StyledComponent = /*#__PURE__*/_styled(AsComponent, {
+        target: "e1np124q0",
+        label: "AnimusExtended"
+      })(this.build(), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11c0V4dGVuZGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1EZ0MiLCJmaWxlIjoiQW5pbXVzRXh0ZW5kZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSAnQGVtb3Rpb24vaXMtcHJvcC12YWxpZCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5pbXBvcnQgeyBjcmVhdGVQYXJzZXIgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVQYXJzZXInO1xyXG5pbXBvcnQgeyBjcmVhdGVTdHlsaXN0IH0gZnJvbSAnLi9zdHlsZXMvY3JlYXRlU3R5bGlzdCc7XHJcbmV4cG9ydCBjbGFzcyBBbmltdXNFeHRlbmRlZCB7XHJcbiAgICBwcm9wUmVnaXN0cnkgPSB7fTtcclxuICAgIGdyb3VwUmVnaXN0cnkgPSB7fTtcclxuICAgIHBhcnNlciA9IHt9O1xyXG4gICAgYmFzZVN0eWxlcyA9IHt9O1xyXG4gICAgc3RhdGVzQ29uZmlnID0ge307XHJcbiAgICB2YXJpYW50cyA9IHt9O1xyXG4gICAgYWN0aXZlR3JvdXBzID0ge307XHJcbiAgICBjdXN0b20gPSB7fTtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCBjdXN0b20pIHtcclxuICAgICAgICB0aGlzLnByb3BSZWdpc3RyeSA9IHByb3BzO1xyXG4gICAgICAgIHRoaXMuZ3JvdXBSZWdpc3RyeSA9IGdyb3VwcztcclxuICAgICAgICB0aGlzLnBhcnNlciA9IHBhcnNlcjtcclxuICAgICAgICB0aGlzLmJhc2VTdHlsZXMgPSBiYXNlO1xyXG4gICAgICAgIHRoaXMudmFyaWFudHMgPSB2YXJpYW50cztcclxuICAgICAgICB0aGlzLnN0YXRlc0NvbmZpZyA9IHN0YXRlcztcclxuICAgICAgICB0aGlzLmFjdGl2ZUdyb3VwcyA9IGFjdGl2ZUdyb3VwcztcclxuICAgICAgICB0aGlzLmN1c3RvbSA9IGN1c3RvbTtcclxuICAgIH1cclxuICAgIGV4dGVuZCgpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c0V4dGVuZGVkKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3R5bGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIG1lcmdlKHt9LCB0aGlzLmJhc2VTdHlsZXMsIGNvbmZpZyksIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgdmFyaWFudChvcHRpb25zKSB7XHJcbiAgICAgICAgY29uc3QgcHJvcCA9IG9wdGlvbnMucHJvcCB8fCAndmFyaWFudCc7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh7fSwgdGhpcy52YXJpYW50cywgeyBbcHJvcF06IG9wdGlvbnMgfSksIHRoaXMuc3RhdGVzQ29uZmlnLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgc3RhdGVzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgbWVyZ2Uoe30sIHRoaXMuc3RhdGVzQ29uZmlnLCBjb25maWcpLCB0aGlzLmFjdGl2ZUdyb3VwcywgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzRXh0ZW5kZWQodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIG1lcmdlKHt9LCB0aGlzLmFjdGl2ZUdyb3VwcywgY29uZmlnKSwgdGhpcy5jdXN0b20pO1xyXG4gICAgfVxyXG4gICAgcHJvcHMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIG1lcmdlKHt9LCB0aGlzLmN1c3RvbSwgY29uZmlnKSk7XHJcbiAgICB9XHJcbiAgICBhc0VsZW1lbnQoY29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgcHJvcE5hbWVzID0gT2JqZWN0LmtleXModGhpcy5wcm9wUmVnaXN0cnkpO1xyXG4gICAgICAgIGNvbnN0IFN0eWxlZENvbXBvbmVudCA9IHN0eWxlZChjb21wb25lbnQsIHtcclxuICAgICAgICAgICAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiAhcHJvcE5hbWVzLmluY2x1ZGVzKHByb3ApLFxyXG4gICAgICAgIH0pKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGFzQ29tcG9uZW50KEFzQ29tcG9uZW50KSB7XHJcbiAgICAgICAgY29uc3QgU3R5bGVkQ29tcG9uZW50ID0gc3R5bGVkKEFzQ29tcG9uZW50KSh0aGlzLmJ1aWxkKCkpO1xyXG4gICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKFN0eWxlZENvbXBvbmVudCwgeyBleHRlbmQ6IHRoaXMuZXh0ZW5kLmJpbmQodGhpcykgfSk7XHJcbiAgICB9XHJcbiAgICBidWlsZCgpIHtcclxuICAgICAgICBjb25zdCBoYW5kbGVyID0gY3JlYXRlU3R5bGlzdChjcmVhdGVQYXJzZXIoeyAuLi50aGlzLnBhcnNlci5jb25maWcsIC4uLnRoaXMuY3VzdG9tIH0sIFtcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy52YXJpYW50cyksXHJcbiAgICAgICAgICAgIC4uLk9iamVjdC5rZXlzKHRoaXMuc3RhdGVzQ29uZmlnKSxcclxuICAgICAgICBdKSwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZyk7XHJcbiAgICAgICAgcmV0dXJuIGhhbmRsZXI7XHJcbiAgICB9XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5pbXVzRXh0ZW5kZWQuanMubWFwIl19 */");
+
+      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 +1004,38 @@ 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+IGlzUHJvcFZhbGlkKHByb3ApICYmICFwcm9wTmFtZXMuaW5jbHVkZXMocHJvcCksXHJcbiAgICAgICAgfSkodGhpcy5idWlsZCgpKTtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihDb21wb25lbnQsIHsgZXh0ZW5kOiB0aGlzLmV4dGVuZC5iaW5kKHRoaXMpIH0pO1xyXG4gICAgfVxyXG4gICAgYXNDb21wb25lbnQoQXNDb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBTdHlsZWRDb21wb25lbnQgPSBzdHlsZWQoQXNDb21wb25lbnQpKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGJ1aWxkKCkge1xyXG4gICAgICAgIGNvbnN0IGhhbmRsZXIgPSBjcmVhdGVTdHlsaXN0KGNyZWF0ZVBhcnNlcih7IC4uLnRoaXMucGFyc2VyLmNvbmZpZywgLi4udGhpcy5jdXN0b20gfSwgW1xyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnZhcmlhbnRzKSxcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy5zdGF0ZXNDb25maWcpLFxyXG4gICAgICAgIF0pLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnKTtcclxuICAgICAgICByZXR1cm4gaGFuZGxlcjtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoU3lzdGVtIGV4dGVuZHMgQW5pbXVzV2l0aEFsbCB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3Vwcykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCB7fSk7XHJcbiAgICB9XHJcbiAgICBwcm9wcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhBbGwodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIHRoaXMuYWN0aXZlR3JvdXBzLCBjb25maWcpO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhTdGF0ZXMgZXh0ZW5kcyBBbmltdXNXaXRoU3lzdGVtIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywge30pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFN5c3RlbSh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgY29uZmlnKTtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoVmFyaWFudHMgZXh0ZW5kcyBBbmltdXNXaXRoU3RhdGVzIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCB7fSk7XHJcbiAgICB9XHJcbiAgICBzdGF0ZXMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoU3RhdGVzKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIGNvbmZpZyk7XHJcbiAgICB9XHJcbiAgICB2YXJpYW50KG9wdGlvbnMpIHtcclxuICAgICAgICBjb25zdCBwcm9wID0gb3B0aW9ucy5wcm9wIHx8ICd2YXJpYW50JztcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhWYXJpYW50cyh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh0aGlzLnZhcmlhbnRzLCB7IFtwcm9wXTogb3B0aW9ucyB9KSk7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aEJhc2UgZXh0ZW5kcyBBbmltdXNXaXRoVmFyaWFudHMge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB7fSk7XHJcbiAgICB9XHJcbiAgICB2YXJpYW50KG9wdGlvbnMpIHtcclxuICAgICAgICBjb25zdCBwcm9wID0gb3B0aW9ucy5wcm9wIHx8ICd2YXJpYW50JztcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhWYXJpYW50cyh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh0aGlzLnZhcmlhbnRzLCB7IFtwcm9wXTogb3B0aW9ucyB9KSk7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGNsYXNzIEFuaW11cyBleHRlbmRzIEFuaW11c1dpdGhCYXNlIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBjcmVhdGVQYXJzZXIocHJvcHMpLCB7fSk7XHJcbiAgICB9XHJcbiAgICBzdHlsZXMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoQmFzZSh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgY29uZmlnKTtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmltdXMuanMubWFwIl19 */");
+
+      return Object.assign(Component, {
+        extend: this.extend.bind(this)
+      });
+    }
+  }, {
+    key: "asComponent",
+    value: function asComponent(AsComponent) {
+      var StyledComponent = /*#__PURE__*/_styled(AsComponent, {
         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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuaW11cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ2dDIiwiZmlsZSI6IkFuaW11cy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBpc1Byb3BWYWxpZCBmcm9tICdAZW1vdGlvbi9pcy1wcm9wLXZhbGlkJztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ2xvZGFzaCc7XHJcbmltcG9ydCB7IEFuaW11c0V4dGVuZGVkIH0gZnJvbSAnLi9BbmltdXNFeHRlbmRlZCc7XHJcbmltcG9ydCB7IGNyZWF0ZVBhcnNlciB9IGZyb20gJy4vc3R5bGVzL2NyZWF0ZVBhcnNlcic7XHJcbmltcG9ydCB7IGNyZWF0ZVN0eWxpc3QgfSBmcm9tICcuL3N0eWxlcy9jcmVhdGVTdHlsaXN0JztcclxuZXhwb3J0IGNsYXNzIEFuaW11c1dpdGhBbGwge1xyXG4gICAgcHJvcFJlZ2lzdHJ5ID0ge307XHJcbiAgICBncm91cFJlZ2lzdHJ5ID0ge307XHJcbiAgICBwYXJzZXIgPSB7fTtcclxuICAgIGJhc2VTdHlsZXMgPSB7fTtcclxuICAgIHN0YXRlc0NvbmZpZyA9IHt9O1xyXG4gICAgdmFyaWFudHMgPSB7fTtcclxuICAgIGFjdGl2ZUdyb3VwcyA9IHt9O1xyXG4gICAgY3VzdG9tID0ge307XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3VwcywgY3VzdG9tKSB7XHJcbiAgICAgICAgdGhpcy5wcm9wUmVnaXN0cnkgPSBwcm9wcztcclxuICAgICAgICB0aGlzLmdyb3VwUmVnaXN0cnkgPSBncm91cHM7XHJcbiAgICAgICAgdGhpcy5wYXJzZXIgPSBwYXJzZXI7XHJcbiAgICAgICAgdGhpcy5iYXNlU3R5bGVzID0gYmFzZTtcclxuICAgICAgICB0aGlzLnZhcmlhbnRzID0gdmFyaWFudHM7XHJcbiAgICAgICAgdGhpcy5zdGF0ZXNDb25maWcgPSBzdGF0ZXM7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVHcm91cHMgPSBhY3RpdmVHcm91cHM7XHJcbiAgICAgICAgdGhpcy5jdXN0b20gPSBjdXN0b207XHJcbiAgICB9XHJcbiAgICBleHRlbmQoKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNFeHRlbmRlZCh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgdGhpcy5hY3RpdmVHcm91cHMsIHRoaXMuY3VzdG9tKTtcclxuICAgIH1cclxuICAgIGFzRWxlbWVudChjb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBwcm9wTmFtZXMgPSBPYmplY3Qua2V5cyh0aGlzLnByb3BSZWdpc3RyeSk7XHJcbiAgICAgICAgY29uc3QgQ29tcG9uZW50ID0gc3R5bGVkKGNvbXBvbmVudCwge1xyXG4gICAgICAgICAgICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IGlzUHJvcFZhbGlkKHByb3ApICYmICFwcm9wTmFtZXMuaW5jbHVkZXMocHJvcCksXHJcbiAgICAgICAgfSkodGhpcy5idWlsZCgpKTtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihDb21wb25lbnQsIHsgZXh0ZW5kOiB0aGlzLmV4dGVuZC5iaW5kKHRoaXMpIH0pO1xyXG4gICAgfVxyXG4gICAgYXNDb21wb25lbnQoQXNDb21wb25lbnQpIHtcclxuICAgICAgICBjb25zdCBTdHlsZWRDb21wb25lbnQgPSBzdHlsZWQoQXNDb21wb25lbnQpKHRoaXMuYnVpbGQoKSk7XHJcbiAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oU3R5bGVkQ29tcG9uZW50LCB7IGV4dGVuZDogdGhpcy5leHRlbmQuYmluZCh0aGlzKSB9KTtcclxuICAgIH1cclxuICAgIGJ1aWxkKCkge1xyXG4gICAgICAgIGNvbnN0IGhhbmRsZXIgPSBjcmVhdGVTdHlsaXN0KGNyZWF0ZVBhcnNlcih7IC4uLnRoaXMucGFyc2VyLmNvbmZpZywgLi4udGhpcy5jdXN0b20gfSwgW1xyXG4gICAgICAgICAgICAuLi5PYmplY3Qua2V5cyh0aGlzLnZhcmlhbnRzKSxcclxuICAgICAgICAgICAgLi4uT2JqZWN0LmtleXModGhpcy5zdGF0ZXNDb25maWcpLFxyXG4gICAgICAgIF0pLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIHRoaXMuc3RhdGVzQ29uZmlnKTtcclxuICAgICAgICByZXR1cm4gaGFuZGxlcjtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoU3lzdGVtIGV4dGVuZHMgQW5pbXVzV2l0aEFsbCB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCBzdGF0ZXMsIGFjdGl2ZUdyb3Vwcykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywgYWN0aXZlR3JvdXBzLCB7fSk7XHJcbiAgICB9XHJcbiAgICBwcm9wcyhjb25maWcpIHtcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhBbGwodGhpcy5wcm9wUmVnaXN0cnksIHRoaXMuZ3JvdXBSZWdpc3RyeSwgdGhpcy5wYXJzZXIsIHRoaXMuYmFzZVN0eWxlcywgdGhpcy52YXJpYW50cywgdGhpcy5zdGF0ZXNDb25maWcsIHRoaXMuYWN0aXZlR3JvdXBzLCBjb25maWcpO1xyXG4gICAgfVxyXG59XHJcbmNsYXNzIEFuaW11c1dpdGhTdGF0ZXMgZXh0ZW5kcyBBbmltdXNXaXRoU3lzdGVtIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcykge1xyXG4gICAgICAgIHN1cGVyKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMsIHN0YXRlcywge30pO1xyXG4gICAgfVxyXG4gICAgZ3JvdXBzKGNvbmZpZykge1xyXG4gICAgICAgIHJldHVybiBuZXcgQW5pbXVzV2l0aFN5c3RlbSh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCB0aGlzLnZhcmlhbnRzLCB0aGlzLnN0YXRlc0NvbmZpZywgY29uZmlnKTtcclxuICAgIH1cclxufVxyXG5jbGFzcyBBbmltdXNXaXRoVmFyaWFudHMgZXh0ZW5kcyBBbmltdXNXaXRoU3RhdGVzIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMsIHBhcnNlciwgYmFzZSwgdmFyaWFudHMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBwYXJzZXIsIGJhc2UsIHZhcmlhbnRzLCB7fSk7XHJcbiAgICB9XHJcbiAgICBzdGF0ZXMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoU3RhdGVzKHRoaXMucHJvcFJlZ2lzdHJ5LCB0aGlzLmdyb3VwUmVnaXN0cnksIHRoaXMucGFyc2VyLCB0aGlzLmJhc2VTdHlsZXMsIHRoaXMudmFyaWFudHMsIGNvbmZpZyk7XHJcbiAgICB9XHJcbiAgICB2YXJpYW50KG9wdGlvbnMpIHtcclxuICAgICAgICBjb25zdCBwcm9wID0gb3B0aW9ucy5wcm9wIHx8ICd2YXJpYW50JztcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhWYXJpYW50cyh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh0aGlzLnZhcmlhbnRzLCB7IFtwcm9wXTogb3B0aW9ucyB9KSk7XHJcbiAgICB9XHJcbn1cclxuY2xhc3MgQW5pbXVzV2l0aEJhc2UgZXh0ZW5kcyBBbmltdXNXaXRoVmFyaWFudHMge1xyXG4gICAgY29uc3RydWN0b3IocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMsIGdyb3VwcywgcGFyc2VyLCBiYXNlLCB7fSk7XHJcbiAgICB9XHJcbiAgICB2YXJpYW50KG9wdGlvbnMpIHtcclxuICAgICAgICBjb25zdCBwcm9wID0gb3B0aW9ucy5wcm9wIHx8ICd2YXJpYW50JztcclxuICAgICAgICByZXR1cm4gbmV3IEFuaW11c1dpdGhWYXJpYW50cyh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgdGhpcy5iYXNlU3R5bGVzLCBtZXJnZSh0aGlzLnZhcmlhbnRzLCB7IFtwcm9wXTogb3B0aW9ucyB9KSk7XHJcbiAgICB9XHJcbn1cclxuZXhwb3J0IGNsYXNzIEFuaW11cyBleHRlbmRzIEFuaW11c1dpdGhCYXNlIHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzLCBncm91cHMpIHtcclxuICAgICAgICBzdXBlcihwcm9wcywgZ3JvdXBzLCBjcmVhdGVQYXJzZXIocHJvcHMpLCB7fSk7XHJcbiAgICB9XHJcbiAgICBzdHlsZXMoY29uZmlnKSB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBBbmltdXNXaXRoQmFzZSh0aGlzLnByb3BSZWdpc3RyeSwgdGhpcy5ncm91cFJlZ2lzdHJ5LCB0aGlzLnBhcnNlciwgY29uZmlnKTtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmltdXMuanMubWFwIl19 */");
+
+      return Object.assign(StyledComponent, {
+        extend: this.extend.bind(this)
+      });
     }
   }, {
     key: "build",

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.21",
   "keywords": [
     "emotion",
     "css",
@@ -36,5 +36,5 @@
     "@emotion/is-prop-valid": "^1.1.1",
     "csstype": "^3.0.7"
   },
-  "gitHead": "455851bb4c07c9f3d7799ee339dd590792a919c5"
+  "gitHead": "53751c58349dc7d5848465fe539552ea2f285954"
 }