import type { CheckableProps, ComponentSize, ThemeColor } from '../../types';
export type OreSwitchEvents = {
change: Event;
input: Event;
};
export type OreSwitchProps = CheckableProps & {
/** Theme color */
color?: ThemeColor;
/** Disable interaction */
disabled?: boolean;
/** Error message (marks field as invalid) */
error?: string;
/** Helper text displayed below the switch */
helper?: string;
/** Component size */
size?: ComponentSize;
};
/**
* A toggle switch component for binary on/off states.
*
* @element ore-switch
*
* @attr {boolean} checked - Checked/on state
* @attr {boolean} disabled - Disable switch interaction
* @attr {string} value - Field value
* @attr {string} name - Form field name
* @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
* @attr {string} size - Switch size: 'sm' | 'md' | 'lg'
* @attr {string} error - Error message (marks field as invalid)
* @attr {string} helper - Helper text displayed below the switch
*
* @fires input - Emitted when switch is toggled.
* @fires change - Emitted when switch is toggled.
*
* @slot - Switch label text
*
* @cssprop --switch-width - Track width
* @cssprop --switch-height - Track height
* @cssprop --switch-track-bg - Inactive track background color
* @cssprop --switch-checked-bg - Active/checked track background color
* @cssprop --switch-thumb-bg - Thumb background color
* @cssprop --switch-font-size - Label font size
* @part switch - The switch wrapper element
* @part track - The switch track element
* @part thumb - The switch thumb element
* @part label - The label element
* @part helper-text - The helper/error text element
*
* @example
* ```html
* Enable notifications
* Dark mode
* Admin only
* ```
*/
export declare const SWITCH_TAG: "ore-switch";
//# sourceMappingURL=switch.d.ts.map