import { Accessor } from 'solid-js';
export type TyuiDesignName = 'plain' | 'atmospheric-glass' | 'fluent-web';
export type TyuiDesignAlias = 'glass' | 'fluent';
export type TyuiDesignInput = TyuiDesignName | TyuiDesignAlias;
export type TyuiColorScheme = 'light' | 'dark' | 'auto';
export type TyuiDesignOptions = {
    target?: Element | undefined;
    colorScheme?: TyuiColorScheme | undefined;
};
export type TyuiDesignAttributes = {
    'data-design-system': TyuiDesignName;
    'data-color-scheme'?: Exclude<TyuiColorScheme, 'auto'> | undefined;
};
export declare function resolveTyuiDesignName(design: TyuiDesignInput): TyuiDesignName;
export declare function getTyuiDesignAttributes(design: TyuiDesignInput, options?: Pick<TyuiDesignOptions, 'colorScheme'>): TyuiDesignAttributes;
export declare function setTyuiDesign(design: TyuiDesignInput, options?: TyuiDesignOptions): Element | undefined;
export declare function clearTyuiDesign(target?: HTMLElement): Element | undefined;
export declare function createTyuiDesignEffect(design: Accessor<TyuiDesignInput>, options?: Omit<TyuiDesignOptions, 'colorScheme'> & {
    colorScheme?: Accessor<TyuiColorScheme | undefined> | TyuiColorScheme | undefined;
}): void;