import { S as StateChangeEventDetail } from './index-qZoNKsHn.js';
import 'lit-html';

/**
 * JSX type declarations for @easemate/web-kit
 *
 * Import this module to get JSX IntrinsicElements type support:
 * ```ts
 * import '@easemate/web-kit/react/jsx';
 * ```
 */

interface TabChangeEventDetail {
    index: number;
    id: string;
    event: Event;
}
interface ControlEventDetail<T = unknown> {
    name?: string;
    value: T;
    event: Event;
}
type RefCallback<T> = (instance: T | null) => void;
type RefObject<T> = {
    current: T | null;
};
type Ref<T> = RefCallback<T> | RefObject<T> | null;
type CustomEventHandler<T = unknown> = (event: CustomEvent<T>) => void;
interface BaseHTMLAttributes {
    key?: string | number | null;
    id?: string;
    class?: string;
    className?: string;
    style?: string | Partial<CSSStyleDeclaration>;
    slot?: string;
    hidden?: boolean;
    tabIndex?: number;
    title?: string;
    name?: string;
    'aria-label'?: string;
    'aria-labelledby'?: string;
    'aria-describedby'?: string;
    'aria-hidden'?: boolean | 'true' | 'false';
    'aria-disabled'?: boolean | 'true' | 'false';
    'data-testid'?: string;
    onClick?: (event: MouseEvent) => void;
    onFocus?: (event: FocusEvent) => void;
    onBlur?: (event: FocusEvent) => void;
    onKeyDown?: (event: KeyboardEvent) => void;
    onKeyUp?: (event: KeyboardEvent) => void;
    children?: unknown;
}
interface StateElement extends HTMLElement {
    getState(): Record<string, unknown>;
    get(name: string): unknown;
    set(name: string, value: unknown): void;
    reset(): void;
}
interface PanelElement extends HTMLElement {
    collapsed?: boolean;
    setActiveTab(indexOrId: number | string): void;
    getActiveTab(): {
        index: number;
        id: string;
    } | null;
}
interface SliderElement extends HTMLElement {
    value?: number | null;
    min?: number | null;
    max?: number | null;
    step?: number | null;
    disabled?: boolean;
}
interface ToggleElement extends HTMLElement {
    checked?: boolean;
    disabled?: boolean;
}
interface CheckboxElement extends HTMLElement {
    checked?: boolean;
    disabled?: boolean;
    indeterminate?: boolean;
}
interface InputElement extends HTMLElement {
    value?: string | null;
    placeholder?: string;
    disabled?: boolean;
    type?: string;
    focus(): void;
    blur(): void;
}
interface NumberInputElement extends HTMLElement {
    value?: number | null;
    min?: number | null;
    max?: number | null;
    step?: number | null;
    disabled?: boolean;
}
interface ColorInputElement extends HTMLElement {
    value?: string;
    disabled?: boolean;
}
interface DropdownElement extends HTMLElement {
    value?: string;
    disabled?: boolean;
    open?: boolean;
}
interface ButtonElement extends HTMLElement {
    disabled?: boolean;
    type?: string;
    variant?: string;
}
interface FieldElement extends HTMLElement {
    label?: string;
}
interface TooltipElement extends HTMLElement {
    content?: string;
    placement?: string;
}
interface PopoverElement extends HTMLElement {
    open?: boolean;
    placement?: string;
}
interface OriginElement extends HTMLElement {
    value?: string;
    disabled?: boolean;
}
interface RadioGroupElement extends HTMLElement {
    value?: string;
}
interface CurveElement extends HTMLElement {
    name?: string;
    easingType?: 'cubic-bezier' | 'linear';
    showGrid?: boolean;
    snapToGrid?: boolean;
}
interface FolderElement extends HTMLElement {
    open?: boolean;
    maxHeight?: string;
    toggle(): void;
}
interface FolderToggleEventDetail {
    open: boolean;
    event: Event;
}
interface StateProps extends BaseHTMLAttributes {
    ref?: Ref<StateElement>;
    onStateChange?: CustomEventHandler<StateChangeEventDetail>;
}
interface PanelProps extends BaseHTMLAttributes {
    ref?: Ref<PanelElement>;
    collapsed?: boolean;
    'max-height'?: string;
    maxHeight?: string;
    onTabChange?: CustomEventHandler<TabChangeEventDetail>;
}
interface FolderProps extends BaseHTMLAttributes {
    ref?: Ref<FolderElement>;
    open?: boolean;
    'max-height'?: string;
    maxHeight?: string;
    onFolderToggle?: CustomEventHandler<FolderToggleEventDetail>;
}
interface SliderProps extends BaseHTMLAttributes {
    ref?: Ref<SliderElement>;
    value?: number | string;
    min?: number | string;
    max?: number | string;
    step?: number | string;
    disabled?: boolean;
    onInput?: CustomEventHandler<ControlEventDetail<number>>;
    onChange?: CustomEventHandler<ControlEventDetail<number>>;
}
interface ToggleProps extends BaseHTMLAttributes {
    ref?: Ref<ToggleElement>;
    checked?: boolean;
    disabled?: boolean;
    onToggle?: CustomEventHandler<ControlEventDetail<boolean>>;
    onChange?: CustomEventHandler<ControlEventDetail<boolean>>;
}
interface CheckboxProps extends BaseHTMLAttributes {
    ref?: Ref<CheckboxElement>;
    checked?: boolean;
    disabled?: boolean;
    indeterminate?: boolean;
    onChange?: CustomEventHandler<ControlEventDetail<boolean>>;
}
interface InputProps extends BaseHTMLAttributes {
    ref?: Ref<InputElement>;
    value?: string;
    placeholder?: string;
    disabled?: boolean;
    type?: string;
    onInput?: CustomEventHandler<ControlEventDetail<string>>;
    onChange?: CustomEventHandler<ControlEventDetail<string>>;
}
interface NumberInputProps extends BaseHTMLAttributes {
    ref?: Ref<NumberInputElement>;
    value?: number | string;
    min?: number | string;
    max?: number | string;
    step?: number | string;
    disabled?: boolean;
    onInput?: CustomEventHandler<ControlEventDetail<number>>;
    onChange?: CustomEventHandler<ControlEventDetail<number>>;
}
interface ColorInputProps extends BaseHTMLAttributes {
    ref?: Ref<ColorInputElement>;
    value?: string;
    disabled?: boolean;
    onInput?: CustomEventHandler<ControlEventDetail<string>>;
    onChange?: CustomEventHandler<ControlEventDetail<string>>;
}
interface DropdownProps extends BaseHTMLAttributes {
    ref?: Ref<DropdownElement>;
    value?: string;
    disabled?: boolean;
    open?: boolean;
    placement?: string;
    onChange?: CustomEventHandler<ControlEventDetail<string>>;
}
interface ButtonProps extends BaseHTMLAttributes {
    ref?: Ref<ButtonElement>;
    disabled?: boolean;
    type?: 'button' | 'submit' | 'reset';
    variant?: 'primary' | 'secondary' | 'ghost';
    pill?: boolean;
    block?: string;
    fullWidth?: boolean;
}
interface FieldProps extends BaseHTMLAttributes {
    ref?: Ref<FieldElement>;
    label?: string;
    inline?: boolean;
}
interface TooltipProps extends BaseHTMLAttributes {
    ref?: Ref<TooltipElement>;
    content?: string;
    placement?: string;
    delay?: number | string;
}
interface PopoverProps extends BaseHTMLAttributes {
    ref?: Ref<PopoverElement>;
    open?: boolean;
    placement?: string;
}
interface OriginProps extends BaseHTMLAttributes {
    ref?: Ref<OriginElement>;
    value?: string;
    disabled?: boolean;
    onChange?: CustomEventHandler<ControlEventDetail<string>>;
}
interface RadioGroupProps extends BaseHTMLAttributes {
    ref?: Ref<RadioGroupElement>;
    value?: string;
    onChange?: CustomEventHandler<ControlEventDetail<string>>;
}
interface RadioInputProps extends BaseHTMLAttributes {
    value?: string;
    checked?: boolean;
    disabled?: boolean;
}
interface CurveProps extends BaseHTMLAttributes {
    ref?: Ref<CurveElement>;
    name?: string;
    easingType?: 'cubic-bezier' | 'linear';
    'easing-type'?: 'cubic-bezier' | 'linear';
    showGrid?: boolean;
    'show-grid'?: boolean;
    snapToGrid?: boolean;
    'snap-to-grid'?: boolean;
    gridSize?: number | string;
    'grid-size'?: number | string;
}
interface CodeProps extends BaseHTMLAttributes {
    language?: string;
}
interface MonitorProps extends BaseHTMLAttributes {
}
interface MonitorFpsProps extends BaseHTMLAttributes {
    interval?: number | string;
}
interface LogoLoaderProps extends BaseHTMLAttributes {
    intro?: 'wave' | 'particle';
    loading?: boolean;
    size?: number | string;
}
interface ColorPickerProps extends BaseHTMLAttributes {
    ref?: Ref<ColorInputElement>;
    value?: string;
    disabled?: boolean;
    onInput?: CustomEventHandler<ControlEventDetail<string>>;
    onChange?: CustomEventHandler<ControlEventDetail<string>>;
}
interface IconProps extends BaseHTMLAttributes {
}
interface EaseElements {
    'ease-state': StateProps;
    'ease-panel': PanelProps;
    'ease-folder': FolderProps;
    'ease-field': FieldProps;
    'ease-popover': PopoverProps;
    'ease-tooltip': TooltipProps;
    'ease-slider': SliderProps;
    'ease-toggle': ToggleProps;
    'ease-checkbox': CheckboxProps;
    'ease-input': InputProps;
    'ease-number-input': NumberInputProps;
    'ease-color-input': ColorInputProps;
    'ease-color-picker': ColorPickerProps;
    'ease-dropdown': DropdownProps;
    'ease-button': ButtonProps;
    'ease-origin': OriginProps;
    'ease-radio-group': RadioGroupProps;
    'ease-radio-input': RadioInputProps;
    'ease-curve': CurveProps;
    'ease-code': CodeProps;
    'ease-monitor': MonitorProps;
    'ease-monitor-fps': MonitorFpsProps;
    'ease-logo-loader': LogoLoaderProps;
    'ease-icon-anchor-add': IconProps;
    'ease-icon-anchor-remove': IconProps;
    'ease-icon-arrow-up': IconProps;
    'ease-icon-arrows-vertical': IconProps;
    'ease-icon-bezier': IconProps;
    'ease-icon-bezier-angle': IconProps;
    'ease-icon-bezier-distribute': IconProps;
    'ease-icon-bezier-length': IconProps;
    'ease-icon-bezier-mirror': IconProps;
    'ease-icon-check': IconProps;
    'ease-icon-circle-arrow-left': IconProps;
    'ease-icon-circle-arrow-right': IconProps;
    'ease-icon-code': IconProps;
    'ease-icon-dots': IconProps;
    'ease-icon-mention': IconProps;
    'ease-icon-minus': IconProps;
    'ease-icon-picker': IconProps;
    'ease-icon-plus': IconProps;
    'ease-icon-settings': IconProps;
    'ease-icon-chevron': IconProps;
    'ease-icon-clear': IconProps;
    'ease-icon-folder': IconProps;
    'ease-icon-grid': IconProps;
    'ease-icon-loading': IconProps;
    'ease-icon-snap': IconProps;
}
declare global {
    namespace JSX {
        interface IntrinsicElements extends EaseElements {
        }
    }
}
declare module 'react' {
    namespace JSX {
        interface IntrinsicElements extends EaseElements {
        }
    }
}
declare module 'react/jsx-runtime' {
    namespace JSX {
        interface IntrinsicElements extends EaseElements {
        }
    }
}
declare module 'react/jsx-dev-runtime' {
    namespace JSX {
        interface IntrinsicElements extends EaseElements {
        }
    }
}
declare const __JSX_TYPES_LOADED__ = true;

export { type ButtonElement, type ButtonProps, type CheckboxElement, type CheckboxProps, type CodeProps, type ColorInputElement, type ColorInputProps, type ColorPickerProps, type ControlEventDetail, type CurveElement, type CurveProps, type DropdownElement, type DropdownProps, type EaseElements, type FieldElement, type FieldProps, type FolderElement, type FolderProps, type FolderToggleEventDetail, type IconProps, type InputElement, type InputProps, type LogoLoaderProps, type MonitorFpsProps, type MonitorProps, type NumberInputElement, type NumberInputProps, type OriginElement, type OriginProps, type PanelElement, type PanelProps, type PopoverElement, type PopoverProps, type RadioGroupElement, type RadioGroupProps, type RadioInputProps, type SliderElement, type SliderProps, StateChangeEventDetail, type StateElement, type StateProps, type TabChangeEventDetail, type ToggleElement, type ToggleProps, type TooltipElement, type TooltipProps, __JSX_TYPES_LOADED__ };