import type { CheckableProps, ComponentSize, ThemeColor } from '../../types';
import '../../content/icon/icon';
export type OreCheckboxEvents = {
    change: Event;
    input: Event;
};
export type OreCheckboxProps = CheckableProps & {
    /** Theme color */
    color?: ThemeColor;
    /** Disable interaction */
    disabled?: boolean;
    /** Error message (marks field as invalid) */
    error?: string;
    /** Helper text displayed below the checkbox */
    helper?: string;
    /** Indeterminate state (partially checked) */
    indeterminate?: boolean;
    /** Require this checkbox to be checked for native form validation (e.g. a consent checkbox) */
    required?: boolean;
    /** Component size */
    size?: ComponentSize;
};
/**
 * A customizable checkbox component with theme colors, sizes, and indeterminate state support.
 *
 * @element ore-checkbox
 *
 * @attr {boolean} checked - Checked state
 * @attr {boolean} disabled - Disable checkbox interaction
 * @attr {boolean} indeterminate - Indeterminate (partially checked) state
 * @attr {boolean} required - Require this checkbox to be checked for native form validation
 * @attr {string} value - Field value submitted with forms
 * @attr {string} name - Form field name
 * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
 * @attr {string} size - Checkbox size: 'sm' | 'md' | 'lg'
 * @attr {string} error - Error message (marks field as invalid)
 * @attr {string} helper - Helper text displayed below the checkbox
 *
 * @fires input - Emitted when checkbox is toggled.
 * @fires change - Emitted when checkbox is toggled.
 *
 * @slot - Checkbox label text
 *
 * @cssprop --checkbox-size - Control size (width and height)
 * @cssprop --checkbox-radius - Control border radius
 * @cssprop --checkbox-bg - Unchecked background color
 * @cssprop --checkbox-border-color - Unchecked border color
 * @cssprop --checkbox-checked-bg - Checked/indeterminate background color
 * @cssprop --checkbox-color - Checkmark icon color
 * @cssprop --checkbox-font-size - Label font size
 * @part checkbox - The checkbox wrapper element
 * @part box - The visual checkbox box
 * @part label - The label element
 * @part helper-text - The helper/error text element
 *
 * @example
 * ```html
 * <ore-checkbox name="agree" required>I agree to the terms</ore-checkbox>
 * <ore-checkbox checked color="primary" size="lg">Enabled by default</ore-checkbox>
 * <ore-checkbox error="This field is required" helper="Check to continue">Accept</ore-checkbox>
 * ```
 */
export declare const CHECKBOX_TAG: "ore-checkbox";
//# sourceMappingURL=checkbox.d.ts.map