@animus-ui/core 0.1.1-beta.8 → 0.1.1-c5e4903f.0

package/CHANGELOG.md

@@ -3,6 +3,118 @@
 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
+
+
+
+
+
+## [0.1.1-beta.19](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.18...@animus-ui/core@0.1.1-beta.19) (2022-02-14)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.18](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.17...@animus-ui/core@0.1.1-beta.18) (2022-02-11)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.17](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.16...@animus-ui/core@0.1.1-beta.17) (2022-02-02)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.16](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.15...@animus-ui/core@0.1.1-beta.16) (2022-02-02)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.15](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.14...@animus-ui/core@0.1.1-beta.15) (2022-01-26)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.14](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.13...@animus-ui/core@0.1.1-beta.14) (2022-01-24)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.13](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.12...@animus-ui/core@0.1.1-beta.13) (2022-01-24)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.12](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.11...@animus-ui/core@0.1.1-beta.12) (2022-01-24)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.11](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.10...@animus-ui/core@0.1.1-beta.11) (2022-01-24)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.10](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.9...@animus-ui/core@0.1.1-beta.10) (2022-01-23)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.9](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.8...@animus-ui/core@0.1.1-beta.9) (2022-01-18)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
 ## [0.1.1-beta.8](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.7...@animus-ui/core@0.1.1-beta.8) (2022-01-16)
 
 **Note:** Version bump only for package @animus-ui/core

package/dist/Animus.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { AbstractProps, CSSPropMap, CSSProps, ThemeProps } from './types/props';
+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';
-import { Parser, Prop, SystemProps, VariantConfig } from './types/config';
 import { Arg } from './types/utils';
 export declare class AnimusWithAll<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;
@@ -13,11 +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;
-    } & { [K_4 in keyof ThemeProps<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; } & { [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]; }>]: ThemeProps<{ [K in keyof Arg<BaseParser> as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; } & { [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]; }>[K_4]; }, JSX.IntrinsicElements[T], {}>;
-    build(): (props: { [K in keyof ThemeProps<{ [K_1 in keyof Arg<BaseParser> as K_1 extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K_1 : never]?: Arg<BaseParser>[K_1] | undefined; } & { [K_2 in keyof Variants]?: keyof Variants[K_2]["variants"] | undefined; } & { [K_3 in keyof States]?: boolean | undefined; } & { [K_4 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_4]; }>]: ThemeProps<{ [K_1 in keyof Arg<BaseParser> as K_1 extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K_1 : never]?: Arg<BaseParser>[K_1] | undefined; } & { [K_2 in keyof Variants]?: keyof Variants[K_2]["variants"] | undefined; } & { [K_3 in keyof States]?: boolean | undefined; } & { [K_4 in keyof import("./types/config").ParserProps<CustomProps>]: import("./types/config").ParserProps<CustomProps>[K_4]; }>[K]; }) => CSSObject;
+    } & Omit<Arg<BaseParser> extends infer T_1 ? { [K in keyof T_1 as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; } : never, "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; } & (import("./types/config").ParserProps<CustomProps> extends infer T_2 ? { [K_3 in keyof T_2]: import("./types/config").ParserProps<CustomProps>[K_3]; } : never) & {
+        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<Arg<BaseParser> extends infer T_1 ? { [K in keyof T_1 as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; } : never, "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; } & (import("./types/config").ParserProps<CustomProps> extends infer T_2 ? { [K_3 in keyof T_2]: import("./types/config").ParserProps<CustomProps>[K_3]; } : never), {}, {}> & {
+        extend: () => AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    };
+    build(): (props: ThemeProps<Omit<Arg<BaseParser> extends infer T ? { [K in keyof T as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; } : never, "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; } & (import("./types/config").ParserProps<CustomProps> extends infer T_1 ? { [K_3 in keyof T_1]: import("./types/config").ParserProps<CustomProps>[K_3]; } : never)>) => 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/AnimusConfig.d.ts

@@ -1,5 +1,5 @@
-import { Prop } from './types/config';
 import { Animus } from './Animus';
+import { Prop } from './types/config';
 export declare class AnimusConfig<C extends Record<string, Prop> = {}, G extends Record<string, (keyof C)[]> = {}> {
     #private;
     constructor(config?: C, groups?: G);

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<Arg<BaseParser> extends infer T_1 ? { [K in keyof T_1 as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; } : never, "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; } & (import("./types/config").ParserProps<CustomProps> extends infer T_2 ? { [K_3 in keyof T_2]: import("./types/config").ParserProps<CustomProps>[K_3]; } : never) & {
+        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<Arg<BaseParser> extends infer T_1 ? { [K in keyof T_1 as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; } : never, "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; } & (import("./types/config").ParserProps<CustomProps> extends infer T_2 ? { [K_3 in keyof T_2]: import("./types/config").ParserProps<CustomProps>[K_3]; } : never), {}, {}> & {
+        extend: () => AnimusExtended<PropRegistry, GroupRegistry, BaseParser, BaseStyles, Variants, States, ActiveGroups, CustomProps>;
+    };
+    build(): (props: ThemeProps<Omit<Arg<BaseParser> extends infer T ? { [K in keyof T as K extends GroupRegistry[Extract<keyof ActiveGroups, keyof GroupRegistry>][number] ? K : never]?: Arg<BaseParser>[K] | undefined; } : never, "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; } & (import("./types/config").ParserProps<CustomProps> extends infer T_1 ? { [K_3 in keyof T_1]: import("./types/config").ParserProps<CustomProps>[K_3]; } : never)>) => CSSObject;
+}

package/dist/compatTheme.d.ts

@@ -1,20 +1,28 @@
 export declare const compatTheme: {
-    readonly spacing: readonly [0, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96];
-    readonly fontSize: readonly [64, 44, 34, 26, 22, 20, 18, 16, 14];
-    readonly lineHeight: {
-        readonly body: 1.5;
-        readonly heading: 1;
+    readonly breakpoints: {
+        readonly xs: 480;
+        readonly sm: 768;
+        readonly md: 1024;
+        readonly lg: 1200;
+        readonly xl: 1440;
     };
-    readonly fontWeight: readonly [400, 600, 700];
-    readonly fontFamily: {
-        readonly body: "Verdana, sans-serif";
-        readonly heading: "Verdana, Lato, sans-serif";
-        readonly monospace: "monospace";
-    };
-    readonly radii: readonly [2, 4, 6, 8];
-    readonly borders: readonly [1, 2, 3];
+    readonly space: readonly [0, 2, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96];
+    readonly fontSizes: readonly [64, 44, 34, 26, 22, 20, 18, 16, 14];
+    readonly lineHeights: ((string & {}) | (number & {}))[];
+    readonly letterSpacings: {};
+    readonly fontWeights: ((string & {}) | (number & {}))[];
+    readonly fonts: {};
+    readonly radii: ((string & {}) | (number & {}))[];
+    readonly borders: ((string & {}) | (number & {}))[];
+    readonly borderWidths: ((string & {}) | (number & {}))[];
     readonly colors: {};
+    readonly gradients: {};
+    readonly shadows: {};
     readonly modes: {};
+    readonly transitions: {};
+    readonly animations: {};
+    readonly zIndices: {};
+    readonly opacities: {};
     readonly mode: undefined;
 };
-export declare type CompatTheme = typeof compatTheme;
+export type CompatTheme = typeof compatTheme;