import { TemplateResult } from 'lit';
import { OmniElement } from '../core/OmniElement.js';
import '../icons/Indeterminate.icon.js';
import '../icons/Check.icon.js';
/**
 * Control that allows a selection to be made.
 *
 * @import
 * ```js
 * import '@capitec/omni-components/check';
 * ```
 *
 * @example
 * ```html
 * <omni-check
 *   label="My Toggle Value"
 *   hint="Required"
 *   error="Field level error message"
 *   checked
 *   disabled>
 * </omni-check>
 * ```
 *
 * @element omni-check
 *
 * Registry of all properties defined by the component.
 *
 * @slot - Content to render inside the component.
 * @slot indeterminate_icon - Replaces the icon for the indeterminate state
 * @slot check_icon - Replaces the icon for the checked state
 *
 * @fires {CustomEvent<{ old: Boolean; new: Boolean; }>} value-change - Dispatched when the control value is changed to either on or off.
 *
 * @cssprop --omni-check-label-font-color - Label font color.
 * @cssprop --omni-check-label-font-family - Label font family.
 * @cssprop --omni-check-label-font-size - Label font size.
 * @cssprop --omni-check-label-font-weight - Label font weight.
 * @cssprop --omni-check-label-spacing - Label spacing.
 *
 * @cssprop --omni-check-hint-label-font-color - Hint font color.
 * @cssprop --omni-check-hint-label-font-family - Hint font family.
 * @cssprop --omni-check-hint-label-font-size - Hint font size.
 * @cssprop --omni-check-hint-label-font-weight - Hint font weight.
 * @cssprop --omni-check-hint-label-padding-top - Hint top padding.
 *
 * @cssprop --omni-check-error-label-font-color - Error font color.
 * @cssprop --omni-check-error-label-font-family - Error font family.
 * @cssprop --omni-check-error-label-font-size - Error font size.
 * @cssprop --omni-check-error-label-font-weight - Error font weight.
 * @cssprop --omni-check-error-label-padding-top - Error top padding.
 *
 * @cssprop --omni-check-width - Width.
 * @cssprop --omni-check-height - Height.
 * @cssprop --omni-check-background-color - Background color.
 *
 * @cssprop --omni-check-border-width - Border width.
 * @cssprop --omni-check-border-color - Border color.
 * @cssprop --omni-check-border-radius - Border radius.
 *
 * @cssprop --omni-check-indicator-border-width - Indicator Border width.
 * @cssprop --omni-check-indicator-border-color - Indicator Border color.
 * @cssprop --omni-check-indicator-color - Indicator color.
 * @cssprop --omni-check-indicator-icon-width - Indicator icon width.
 * @cssprop --omni-check-indicator-icon-height - Indicator icon height.
 *
 * @cssprop --omni-check-checked-background-color - Checked Background color.
 * @cssprop --omni-check-indeterminate-background-color - Indeterminate Background color.
 * @cssprop --omni-check-disabled-background-color - Disabled Background color.
 * @cssprop --omni-check-disabled-border-color - Disabled border color.
 *
 * @cssprop --omni-check-hover-box-shadow - Hover box shadow.
 * @cssprop --omni-check-hover-background-color - Hover background color.
 *
 */
export declare class Check extends OmniElement {
    /**
     * Text label.
     * @attr
     */
    label?: string;
    /**
     * Data associated with the component.
     * @attr
     */
    data?: object;
    /**
     * Hint message to assist the user.
     * @attr
     */
    hint?: string;
    /**
     * An error message to guide users to correct a mistake.
     * @attr
     */
    error?: string;
    /**
     * Indicator if the component is checked or not.
     * @attr
     */
    checked?: boolean;
    /**
     * Indicator if the component is disabled.
     * @attr
     */
    disabled?: boolean;
    /**
     * Indicator if the component is in and indeterminate state.
     * @attr
     */
    indeterminate?: boolean;
    connectedCallback(): void;
    focus(): void;
    _click(e: MouseEvent): void;
    _keyDown(e: KeyboardEvent): void;
    _toggleChecked(e: MouseEvent | KeyboardEvent): void;
    static get styles(): import("lit").CSSResultGroup[];
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'omni-check': Check;
    }
}
//# sourceMappingURL=Check.d.ts.map