@solfacil/girassol 0.1.10 → 0.2.1

package/dist/theme/solfacil/colors.d.ts

@@ -1,38 +1,62 @@
 declare const _default: {
     brand: {
         primary: {
+            pure: string;
             light: string;
             medium: string;
+            dark: string;
+        };
+        secondary: {
+            medium: string;
+            light: string;
             pure: string;
+            dark: string;
         };
     };
+    highlight: {
+        pure: string;
+        light: string;
+        medium: string;
+        dark: string;
+    };
     neutral: {
         low: {
+            pure: string;
             light: string;
             medium: string;
-            pure: string;
+            dark: string;
         };
         high: {
+            pure: string;
             light: string;
             medium: string;
-            pure: string;
+            dark: string;
         };
     };
     feedback: {
         positive: {
+            pure: string;
             light: string;
             medium: string;
+            dark: string;
+        };
+        warning: {
             pure: string;
+            light: string;
+            medium: string;
+            dark: string;
         };
         informative: {
+            pure: string;
             light: string;
             medium: string;
-            pure: string;
+            dark: string;
         };
         negative: {
+            pure: string;
             light: string;
             medium: string;
-            pure: string;
+            dark: string;
         };
     };
 };

package/dist/theme/solfacil/effects.d.ts

@@ -1,14 +1,16 @@
 declare const _default: {
     opacity: {
         DEFAULT: number;
-        strong: number;
-        moderate: number;
-        weak: number;
+        semiopaque: number;
+        intense: number;
+        medium: number;
+        light: number;
     };
     boxShadow: {
-        soft: string;
-        medium: string;
-        large: string;
+        weak: string;
+        moderate: string;
+        intense: string;
+        strong: string;
     };
 };
 export default _default;

package/dist/theme/solfacil/index.d.ts

@@ -6,6 +6,7 @@ import effects from './effects';
 import misc from './miscs';
 export { colors, typography, spacing, borders, effects, misc, };
 export declare const utilities: {
+    componentTypos: import("windicss/types/interfaces").PluginOutput;
     outlinesForFocus: import("windicss/types/interfaces").PluginOutput;
     maxLines: import("windicss/types/interfaces").PluginOutput;
     debug: import("windicss/types/interfaces").PluginOutput;

package/dist/theme/solfacil/spacing.d.ts

@@ -12,6 +12,7 @@ declare const _default: {
         '2xl': string;
         '3xl': string;
         mega: string;
+        huge: string;
         giga: string;
     };
     padding: {
@@ -27,6 +28,7 @@ declare const _default: {
         '2xl': string;
         '3xl': string;
         mega: string;
+        huge: string;
         giga: string;
     };
     margin: {
@@ -42,6 +44,7 @@ declare const _default: {
         '2xl': string;
         '3xl': string;
         mega: string;
+        huge: string;
         giga: string;
     };
 };

package/dist/theme/solfacil/typography.d.ts

@@ -3,7 +3,6 @@ declare const _default: {
         sans: string[];
         base: string[];
         highlight: string[];
-        code: string[];
     };
     fontSize: {
         micro: string;
@@ -16,6 +15,7 @@ declare const _default: {
         xl: string;
         '2xl': string;
         '3xl': string;
+        huge: string;
         mega: string;
         giga: string;
     };

package/dist/theme/solfacil/utilities.d.ts

@@ -1,3 +1,4 @@
+export declare const componentTypos: import("windicss/types/interfaces").PluginOutput;
 export declare const outlinesForFocus: import("windicss/types/interfaces").PluginOutput;
 export declare const maxLines: import("windicss/types/interfaces").PluginOutput;
 export declare const debug: import("windicss/types/interfaces").PluginOutput;

package/dist/types/components/accordion/Accordion.vue.d.ts

@@ -0,0 +1,97 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            title: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            id: string;
+            title?: string | undefined;
+            invert?: boolean | undefined;
+            disabled?: boolean | undefined;
+        }>, {
+            title: string;
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            id: string;
+            title?: string | undefined;
+            invert?: boolean | undefined;
+            disabled?: boolean | undefined;
+        }>, {
+            title: string;
+        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            title: string;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        id: string;
+        title?: string | undefined;
+        invert?: boolean | undefined;
+        disabled?: boolean | undefined;
+    }>, {
+        title: string;
+    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    id: string;
+    title?: string | undefined;
+    invert?: boolean | undefined;
+    disabled?: boolean | undefined;
+}>, {
+    title: string;
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    title: string;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title: (_: {}) => any;
+        default: (_: {}) => any;
+    };
+});
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/dist/types/components/accordion/accordion.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/components/accordion/index.d.ts

@@ -0,0 +1,2 @@
+import SolAccordion from './Accordion.vue';
+export { SolAccordion, };

package/dist/types/components/dropdown/Dropdown.vue.d.ts

@@ -1,4 +1,151 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            loading: boolean;
+            searchable: boolean;
+            closeOnSelect: boolean;
+            fetchOnSearch: boolean;
+            options: (string | {
+                name: string;
+                value: string;
+            })[];
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            id: string;
+            label?: string | undefined;
+            ariaLabel?: string | undefined;
+            smallerWidth?: boolean | undefined;
+            disabled?: boolean | undefined;
+            loading?: boolean | undefined;
+            searchable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
+            fetchOnSearch?: boolean | undefined;
+            isMultipleSelect?: boolean | undefined;
+            searchPlaceholder?: string | undefined;
+            selected?: string | string[] | undefined;
+            options: (string | {
+                name: string;
+                value: string;
+            })[];
+        }>, {
+            loading: boolean;
+            closeOnSelect: boolean;
+            fetchOnSearch: boolean;
+            searchable: boolean;
+            options: () => never[];
+        }>>> & {
+            onSearch?: ((value: string) => any) | undefined;
+            onCloseDropdown?: (() => any) | undefined;
+            "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "searchable" | "closeOnSelect" | "fetchOnSearch" | "options">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: ((event: "search", value: string) => void) & ((event: "closeDropdown") => void) & ((event: "update:selected", value: string | string[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            id: string;
+            label?: string | undefined;
+            ariaLabel?: string | undefined;
+            smallerWidth?: boolean | undefined;
+            disabled?: boolean | undefined;
+            loading?: boolean | undefined;
+            searchable?: boolean | undefined;
+            closeOnSelect?: boolean | undefined;
+            fetchOnSearch?: boolean | undefined;
+            isMultipleSelect?: boolean | undefined;
+            searchPlaceholder?: string | undefined;
+            selected?: string | string[] | undefined;
+            options: (string | {
+                name: string;
+                value: string;
+            })[];
+        }>, {
+            loading: boolean;
+            closeOnSelect: boolean;
+            fetchOnSearch: boolean;
+            searchable: boolean;
+            options: () => never[];
+        }>>> & {
+            onSearch?: ((value: string) => any) | undefined;
+            onCloseDropdown?: (() => any) | undefined;
+            "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            closeDropdown: () => void;
+        } & {
+            search: (value: string) => void;
+        } & {
+            "update:selected": (value: string | string[]) => void;
+        }, string, {
+            loading: boolean;
+            searchable: boolean;
+            closeOnSelect: boolean;
+            fetchOnSearch: boolean;
+            options: (string | {
+                name: string;
+                value: string;
+            })[];
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        id: string;
+        label?: string | undefined;
+        ariaLabel?: string | undefined;
+        smallerWidth?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        searchable?: boolean | undefined;
+        closeOnSelect?: boolean | undefined;
+        fetchOnSearch?: boolean | undefined;
+        isMultipleSelect?: boolean | undefined;
+        searchPlaceholder?: string | undefined;
+        selected?: string | string[] | undefined;
+        options: (string | {
+            name: string;
+            value: string;
+        })[];
+    }>, {
+        loading: boolean;
+        closeOnSelect: boolean;
+        fetchOnSearch: boolean;
+        searchable: boolean;
+        options: () => never[];
+    }>>> & {
+        onSearch?: ((value: string) => any) | undefined;
+        onCloseDropdown?: (() => any) | undefined;
+        "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     id: string;
     label?: string | undefined;
     ariaLabel?: string | undefined;
@@ -21,40 +168,17 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     fetchOnSearch: boolean;
     searchable: boolean;
     options: () => never[];
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>> & {
+    onSearch?: ((value: string) => any) | undefined;
+    onCloseDropdown?: (() => any) | undefined;
+    "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     closeDropdown: () => void;
 } & {
     search: (value: string) => void;
 } & {
     "update:selected": (value: string | string[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    id: string;
-    label?: string | undefined;
-    ariaLabel?: string | undefined;
-    smallerWidth?: boolean | undefined;
-    disabled?: boolean | undefined;
-    loading?: boolean | undefined;
-    searchable?: boolean | undefined;
-    closeOnSelect?: boolean | undefined;
-    fetchOnSearch?: boolean | undefined;
-    isMultipleSelect?: boolean | undefined;
-    searchPlaceholder?: string | undefined;
-    selected?: string | string[] | undefined;
-    options: (string | {
-        name: string;
-        value: string;
-    })[];
-}>, {
-    loading: boolean;
-    closeOnSelect: boolean;
-    fetchOnSearch: boolean;
-    searchable: boolean;
-    options: () => never[];
-}>>> & {
-    onSearch?: ((value: string) => any) | undefined;
-    onCloseDropdown?: (() => any) | undefined;
-    "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
-}, {
+}, string, {
     loading: boolean;
     searchable: boolean;
     closeOnSelect: boolean;
@@ -63,7 +187,40 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         name: string;
         value: string;
     })[];
-}>;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        label: (_: {}) => any;
+        'toggle-dropdown': (_: {
+            toggle: {
+                open: () => void;
+                close: () => void;
+                toggleDropdown: () => void;
+            };
+            isOpen: boolean;
+            select: (selected: string | {
+                name: string;
+                value: string;
+            }) => void;
+            selectedSanitized: string | undefined;
+            selected: string | string[] | undefined;
+        }) => any;
+        search: (_: {
+            filter: string;
+        }) => any;
+        default: (_: {
+            text: string;
+            option: string | {
+                name: string;
+                value: string;
+            };
+            isSelect: (option: string | {
+                name: string;
+                value: string;
+            }) => boolean;
+        }) => any;
+        'no-data': (_: {}) => any;
+    };
+});
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/types/components/forms/button/Button.vue.d.ts

@@ -1,26 +1,104 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    variant?: "flat" | "primary" | "secondary" | undefined;
-    dense?: boolean | undefined;
-    invert?: boolean | undefined;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            onColor: boolean;
+            size: 'small' | 'medium' | 'large';
+            variant: 'primary' | 'secondary' | 'tertiary';
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            id: string;
+            loading?: boolean | undefined;
+            onColor?: boolean | undefined;
+            size?: "small" | "large" | "medium" | undefined;
+            variant?: "primary" | "secondary" | "tertiary" | undefined;
+        }>, {
+            variant: string;
+            size: string;
+            onColor: boolean;
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "onColor" | "size" | "variant">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            id: string;
+            loading?: boolean | undefined;
+            onColor?: boolean | undefined;
+            size?: "small" | "large" | "medium" | undefined;
+            variant?: "primary" | "secondary" | "tertiary" | undefined;
+        }>, {
+            variant: string;
+            size: string;
+            onColor: boolean;
+        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            onColor: boolean;
+            size: 'small' | 'medium' | 'large';
+            variant: 'primary' | 'secondary' | 'tertiary';
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        id: string;
+        loading?: boolean | undefined;
+        onColor?: boolean | undefined;
+        size?: "small" | "large" | "medium" | undefined;
+        variant?: "primary" | "secondary" | "tertiary" | undefined;
+    }>, {
+        variant: string;
+        size: string;
+        onColor: boolean;
+    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     id: string;
+    loading?: boolean | undefined;
+    onColor?: boolean | undefined;
+    size?: "small" | "large" | "medium" | undefined;
+    variant?: "primary" | "secondary" | "tertiary" | undefined;
 }>, {
     variant: string;
-    dense: boolean;
-    invert: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    variant?: "flat" | "primary" | "secondary" | undefined;
-    dense?: boolean | undefined;
-    invert?: boolean | undefined;
-    id: string;
-}>, {
-    variant: string;
-    dense: boolean;
-    invert: boolean;
-}>>>, {
-    invert: boolean;
-    variant: 'primary' | 'secondary' | 'flat';
-    dense: boolean;
-}>;
+    size: string;
+    onColor: boolean;
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    onColor: boolean;
+    size: 'small' | 'medium' | 'large';
+    variant: 'primary' | 'secondary' | 'tertiary';
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        'icon-left': (_: {}) => any;
+        default: (_: {}) => any;
+        'icon-right': (_: {}) => any;
+    };
+});
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {