import { PropertyValues } from 'lit';
import { DDSFormElement } from "../../base/index.js";
/**
 * The checkbox component is a UI element that allows users to select one or more options from a list of choices.
 * It functions similarly to the HTML `<input type="checkbox">` tag, enabling users to toggle the selection of each option independently.
 * This component is ideal for cases where multiple selections are allowed or required.
 *
 * @attr form - The form the component belongs to.
 * @attr name - The form name, submitted as a name/value pair when submitting the form.
 * @attr value - The initial form value, submitted as a name/value pair when submitting the form.
 * @prop {String} formAttr - The form the component belongs to.
 * @prop {String} name - The form name, submitted as a name/value pair when submitting the form.
 * @prop {String} value - The form value, submitted as a name/value pair when submitting the form.
 *
 * @fires change - A cloned event of a [change event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event) emitted from the inner `<input type="checkbox">` element.
 *
 * @slot - A slot for the checkbox label content.
 *
 * @csspart label - CSS styles applied to the `label` part target the internal `<label>` element containing the checkbox. For instance, setting `cursor: pointer;` is useful when the checkbox acts as part of a larger interactive component.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/checkbox/index.js";
 * ```
 *
 * ```html
 * <daikin-checkbox label="Checkbox label" name="name" value="value"></daikin-checkbox>
 * ```
 */
export declare class DaikinCheckbox extends DDSFormElement {
    static readonly styles: import('lit').CSSResult;
    /**
     * Label text for the checkbox.
     */
    label: string;
    /**
     * Label position.
     * - `right` (default): The label will be placed to the right of the checkbox.
     * - `hidden`: The label will not be shown.
     *
     * @default "right"
     */
    labelPosition: "right" | "hidden";
    /**
     * Specify the checkbox checked state.
     *
     * @default "unchecked"
     */
    checkState: "unchecked" | "indeterminate" | "checked";
    /**
     * Specify the checkbox disabled state.
     */
    disabled: boolean;
    /**
     * Specify the checkbox disabled state controlled by the parent component.
     * Controlled by `daikin-checkbox-group`.
     *
     * @private
     */
    disabledByParent: boolean;
    private readonly _inputRef;
    /**
     * Focuses on the inner checkbox.
     * @param options focus options
     */
    focus(options?: FocusOptions): void;
    get checked(): boolean;
    private get _labelHidden();
    /**
     * A property-only accessor for `checkState` provided for convenience.
     * _Getter_: Returns `true` when `checkState` is `"checked"`, and `false` otherwise.
     * _Setter_: If `true` is set, it updates `checkState` to `"checked"`, and if `false` is set, it updates `checkState` to `"unchecked"`.
     */
    set checked(value: boolean);
    private _updateFormValue;
    private _handleClick;
    private _handleChange;
    render(): import('lit-html').TemplateResult<1>;
    updated(changedProperties: PropertyValues<this>): void;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-checkbox": DaikinCheckbox;
    }
}