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