import type { JsxCustomElementAttributes, JsxElementProps } from '@ecopages/jsx';
import type { RuiCycleToggle as RuiCycleToggleElement, RuiCycleToggleProps } from './cycle-toggle.script';
import './cycle-toggle.script';
export type RuiCycleToggleItemProps = Omit<JsxElementProps<HTMLSpanElement>, 'id'> & {
    id: string;
    disabled?: boolean;
    /** Whether this item is selected in the initial document. */
    selected?: boolean;
};
export type RuiCycleToggleButtonProps = JsxElementProps<HTMLButtonElement> & Pick<RuiCycleToggleProps, 'disabled' | 'label' | 'size' | 'variant'>;
/**
 * One cycle option. Only the active item is visible inside the button.
 *
 * @cssclass rui-cycle-toggle__item - Cycle option row (icon + label).
 */
export declare function RuiCycleToggleItem({ id, children, class: className, disabled, selected, ...props }: RuiCycleToggleItemProps): import("@ecopages/jsx").JsxRenderable;
/**
 * Button chrome shared by cycle-toggle custom-element views.
 *
 * Composes `rui-button` with `rui-button--<variant> --<size>` (see button).
 *
 * @cssclass rui-cycle-toggle__button - Cycle toggle button root.
 */
export declare function RuiCycleToggleButton({ children, variant, size, disabled, class: className, ...props }: RuiCycleToggleButtonProps): import("@ecopages/jsx").JsxRenderable;
export declare function RuiCycleToggle({ children, variant, size, disabled, ...props }: JsxCustomElementAttributes<RuiCycleToggleElement, RuiCycleToggleProps>): import("@ecopages/jsx").JsxRenderable;