import { PropertyValues } from 'lit';
import { DDSFormElement } from "../../base/index.js";
/**
 * The toggle switch component is a UI element that allows users to switch between two states, typically "on" and "off".
 * It functions similarly to a `daikin-checkbox` component but provides a more visually intuitive way to represent binary options.
 * This component is ideal for scenarios where the binary choice has a significant or immediate effect, such as enabling or disabling a feature or setting.
 * Unlike `daikin-checkbox`, this component doesn't have a label and a "indeterminate" state.
 *
 * @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.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/toggle/index.js";
 * ```
 *
 * ```html
 * <daikin-toggle name="name" value="value"></daikin-toggle>
 * ```
 */
export declare class DaikinToggle extends DDSFormElement {
    static readonly styles: import('lit').CSSResult;
    /**
     * Whether the toggle switch is turned on.
     */
    checked: boolean;
    /**
     * Specify the toggle switch disabled state.
     */
    disabled: boolean;
    private readonly _inputRef;
    /**
     * Focuses on the inner input.
     * @param options focus options
     */
    focus(options?: FocusOptions): void;
    private _updateFormValue;
    private _handleChange;
    render(): import('lit-html').TemplateResult<1>;
    updated(changedProperties: PropertyValues<this>): void;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-toggle": DaikinToggle;
    }
}