import { SupportedHTMLElements, StyledFunctionArg, Variants, ExtractVariantsProps } from '@pinceau/style';
import { SvelteHTMLElements } from 'svelte/elements';
import { SvelteComponent } from 'svelte';

interface PinceauSvelteOptions {
}
type PinceauStyledComponent<Type extends SupportedHTMLElements, Props extends {} = {}, Attrs extends {} = {}> = SvelteComponent<Props & SvelteHTMLElements[Type] & Attrs>;
interface SvelteStyledComponentFactory<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 Svelte options.
         *
         * Using `true` will use default options for Svelte transforms.
         *
         * Using `false` will completely disable Svelte support.
         */
        svelte: PinceauSvelteOptions | boolean;
    }
}

export { type PinceauStyledComponent, type PinceauSvelteOptions, type SvelteStyledComponentFactory, type WithAttrs, type WithVariants, version };