import { Ref } from 'vue';
import { CLColors, CLColorVariants, CLPalette } from '../../index.ts';
interface ThemeContext {
    colors: Ref<CLPalette>;
    darkMode: Ref<boolean | undefined>;
}
interface ThemeProps {
    color: CLColors;
    component?: string;
    disabled?: boolean;
    readonly?: boolean;
    variant?: CLColorVariants.Outline | CLColorVariants.Ghost;
    theme?: ThemeContext;
}
export declare const checkboxTheme: ({ color, variant, theme }: ThemeProps) => {
    '--clll-checkbox-bg': string;
    '--clll-checkbox-border': string;
    '--clll-checkbox-disabled-border': string;
    '--clll-checkbox-disabled-bg': string;
    '--clll-checkbox-checked-bg': string;
    '--clll-checkbox-focus-border': string;
    '--clll-checkbox-focus-shadow': string;
    '--clll-checkbox-icon-color': string;
    '--clll-checkbox-disabled-icon-color': string;
    '--clll-checkbox-indicator-color': string;
    '--clll-checkbox-disabled-indicator-color': string;
    '--clll-checkbox-theme-radius': string;
    '--clll-checkbox-outline-width': string;
    '--clll-checkbox-required-asterisk-color': string;
};
export declare const inputTheme: ({ color, variant, theme }: ThemeProps) => {
    '--clll-input-bg': string;
    '--clll-input-border': string;
    '--clll-input-disabled-border': string;
    '--clll-input-disabled-bg': string;
    '--clll-input-readonly-border': string;
    '--clll-input-readonly-bg': string;
    '--clll-input-focus-border': string;
    '--clll-input-focus-shadow': string;
    '--clll-input-text': string;
    '--clll-input-text-placeholder': string;
    '--clll-input-grouped-bg': string;
    '--clll-input-prefix-suffix-color': string;
    '--clll-input-theme-radius': string;
    '--clll-input-ghost-padding': string | undefined;
    '--clll-input-required-asterisk-color': string;
};
export declare const inputMessagesTheme: ({ color, theme }: ThemeProps) => {
    '--clll-input-message-color': string;
};
export declare const selectTheme: ({ color, variant, theme }: ThemeProps) => {
    '--clll-select-bg': string;
    '--clll-select-border': string;
    '--clll-select-disabled-border': string;
    '--clll-select-disabled-bg': string;
    '--clll-select-focus-border': string;
    '--clll-select-focus-shadow': string;
    '--clll-select-text': string;
    '--clll-select-text-placeholder': string;
    '--clll-select-icon-color': string;
    '--clll-select-disabled-icon-color': string;
    '--clll-select-theme-radius': string;
    '--clll-select-ghost-padding': string | undefined;
    '--clll-select-required-asterisk-color': string;
};
export declare const calendarTheme: (theme?: ThemeContext) => {
    '--clll-calendar-content-bg': string;
};
export {};