import { IntrinsicElementAttributes, Component } from 'vue';
import { SupportedHTMLElements, StyledFunctionArg, Variants, ExtractVariantsProps } from '@pinceau/style';

interface PinceauVueOptions {
}
type PinceauStyledComponent<Type extends SupportedHTMLElements, Props extends {} = {}, Attrs extends {} = {}> = (Type extends keyof IntrinsicElementAttributes ? Component<Props, IntrinsicElementAttributes[Type] | Attrs> : Component<Props, Attrs>);
interface VueStyledComponentFactory<Type extends SupportedHTMLElements, OuterProps extends {} = {}, OuterAttrs extends {} = {}> {
    <Props extends {} = {}>(declaration: StyledFunctionArg<Props>): (PinceauStyledComponent<Type, Props & OuterProps, OuterAttrs> & ({
        withVariants: <VariantsContent extends Variants>(variants: VariantsContent) => WithVariants<VariantsContent, Type, OuterProps & Props, OuterAttrs>;
        withAttrs: <AttrsContent extends {
            [key: string]: string;
        }>(attrs: AttrsContent) => WithAttrs<AttrsContent, Type, OuterProps & Props, OuterAttrs>;
    }));
}
type WithAttrs<AttrsContent extends {
    [key: string]: string;
}, Type extends SupportedHTMLElements, OuterProps extends {} = {}, OuterAttrs extends {} = {}> = PinceauStyledComponent<Type, OuterProps, AttrsContent & OuterAttrs> & {
    withVariants: <VariantsContent extends Variants>(variants: VariantsContent) => WithVariants<VariantsContent, Type, OuterProps, OuterAttrs & AttrsContent>;
};
type WithVariants<VariantsContent extends Variants, Type extends SupportedHTMLElements, OuterProps extends {} = {}, OuterAttrs extends {} = {}> = (PinceauStyledComponent<Type, OuterProps & ExtractVariantsProps<VariantsContent>, OuterAttrs> & {
    withAttrs: <AttrsContent extends {
        [key: string]: string;
    }>(attrs: AttrsContent) => WithAttrs<AttrsContent, Type, OuterProps & ExtractVariantsProps<VariantsContent>, OuterAttrs>;
});

const version = "1.0.0-beta.29";

declare module '@pinceau/core' {
    interface PinceauPluginsOptions {
        /**
         * Pinceau Vue options.
         *
         * Using `true` will use default options for Vue transforms.
         *
         * Using `false` will completely disable Vue support.
         */
        vue: PinceauVueOptions | boolean;
    }
}

export { type PinceauStyledComponent, type PinceauVueOptions, type VueStyledComponentFactory, type WithAttrs, type WithVariants, version };