import { TemplateResult } from 'lit-html';
export { M as Monitor, a as MonitorFps } from './index-31iOHBv0.js';
export { P as Panel, T as TabChangeEventDetail } from './index-BKwMPyPy.js';
import { C as ControlEventDetail } from './index-qZoNKsHn.js';
export { a as CONTROL_CHANGE_EVENT, b as State, S as StateChangeEventDetail, c as coerceNumber, d as dispatchControlEvent, r as readControlValue, s as setBooleanAttribute } from './index-qZoNKsHn.js';

declare class IconMinus extends HTMLElement {
    requestRender: () => void;
}

declare class IconPlus extends HTMLElement {
    requestRender: () => void;
}

declare class Button extends HTMLElement {
    requestRender: () => void;
    accessor disabled: boolean;
    accessor pill: boolean;
    accessor fullWidth: boolean;
    accessor type: 'submit' | 'reset' | 'button';
    accessor block: 'icon' | 'small' | 'medium' | 'large';
    accessor variant: 'default' | 'primary' | 'headless' | 'headless-muted' | 'link';
    render(): TemplateResult;
}

type Placement = 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'left-start' | 'left-center' | 'left-end' | 'right-start' | 'right-center' | 'right-end';
declare class Popover extends HTMLElement {
    #private;
    requestRender: () => void;
    accessor contentElement: HTMLElement | null;
    accessor placement: Placement;
    accessor offset: number;
    accessor open: boolean;
    handleOffsetChange(): void;
    handleOpenChange(): void;
    connectedCallback(): void;
    afterRender(): void;
    render(): TemplateResult;
}

declare class Tooltip extends HTMLElement {
    #private;
    requestRender: () => void;
    accessor open: boolean;
    accessor delay: number;
    accessor placement: Placement;
    accessor triggerElement: HTMLElement | null;
    accessor contentElement: HTMLElement | null;
    disconnectedCallback(): void;
    afterRender(): void;
    render(): TemplateResult;
    _handleOpenChange(next: boolean, previous: boolean): void;
    handleOutsideDismiss(): void;
}

declare class Checkbox extends HTMLElement {
    requestRender: () => void;
    accessor checked: boolean;
    accessor name: string | null;
    accessor value: string | null;
    accessor disabled: boolean;
    accessor control: HTMLButtonElement | null;
    private _prevChecked?;
    filterId: string;
    connectedCallback(): void;
    afterRender(): void;
    private _triggerAnimation;
    handleClick(event: MouseEvent): void;
}

type ChevronState = 'down' | 'up';
type ChevronPath = Record<ChevronState, string>;
declare class IconChevron extends HTMLElement {
    requestRender: () => void;
    accessor paths: ChevronPath;
    accessor state: ChevronState;
    render(): TemplateResult;
}

declare class Dropdown extends HTMLElement {
    #private;
    requestRender: () => void;
    accessor open: boolean;
    accessor disabled: boolean;
    accessor pill: boolean;
    accessor headless: boolean;
    accessor searchable: boolean;
    accessor block: 'small' | 'medium' | 'large';
    accessor maxHeight: string;
    accessor name: string | null;
    accessor value: string | null;
    accessor placeholder: string | null;
    accessor placement: Placement;
    accessor trigger: HTMLElement | null;
    accessor searchInput: HTMLInputElement | null;
    accessor panelContent: HTMLElement | null;
    accessor contentSlot: HTMLSlotElement | null;
    connectedCallback(): void;
    disconnectedCallback(): void;
    afterRender(): void;
    render(): TemplateResult;
    toggle(force?: boolean, originEvent?: Event): void;
    handleOpenChange(next: boolean, previous: boolean): void;
    handleOutsideDismiss(event: Event): void;
}

declare class Input extends HTMLElement {
    requestRender: () => void;
    accessor value: string | null;
    accessor placeholder: string | null;
    accessor type: string;
    accessor name: string | null;
    accessor disabled: boolean;
    accessor headless: boolean;
    accessor control: HTMLInputElement | null;
    private updatePrefixAttribute;
    private updateSuffixAttribute;
    afterRender(): void;
    onPrefixSlotChange(): void;
    onSuffixSlotChange(): void;
    handleInput(event: Event, target?: HTMLInputElement | null): void;
    handleChange(event: Event, target?: HTMLInputElement | null): void;
}

type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'hsb';

declare class IconArrowsVertical extends HTMLElement {
    requestRender: () => void;
}

declare class IconPicker extends HTMLElement {
    requestRender: () => void;
}

declare class ColorPicker extends HTMLElement {
    #private;
    requestRender: () => void;
    private hsv;
    private originalValue;
    private format;
    formatAnimating: 'out' | 'in' | 'none';
    isInternalUpdate: boolean;
    accessor saturationArea: HTMLElement | null;
    accessor hueArea: HTMLElement | null;
    accessor hexInput: HTMLInputElement | null;
    accessor value: string;
    connectedCallback(): void;
    private updateFromHex;
    readonly handleSaturationPointerDown: (event: PointerEvent) => void;
    readonly handleSaturationPointerMove: (event: PointerEvent) => void;
    readonly handleSaturationPointerUp: (event: PointerEvent) => void;
    private updateSaturationValue;
    readonly handleHuePointerDown: (event: PointerEvent) => void;
    readonly handleHuePointerMove: (event: PointerEvent) => void;
    readonly handleHuePointerUp: (event: PointerEvent) => void;
    private updateHue;
    readonly handleHexInputChange: (event: Event) => void;
    readonly handleComponentChange: (index: number, value: number | string) => void;
    readonly handleFormatChange: (format: ColorFormat) => void;
    readonly handleFormatCycle: () => void;
    readonly handleCancelButtonClick: (event: Event) => void;
    readonly handleApplyButtonClick: (event: Event) => void;
    readonly handleEyeDropperClick: (event: Event) => Promise<void>;
}

declare class ColorInput extends HTMLElement {
    #private;
    requestRender: () => void;
    accessor dropdown: (HTMLElement & {
        open: boolean;
    }) | null;
    accessor value: string;
    accessor disabled: boolean;
    accessor name: string | null;
    accessor placement: Placement;
    connectedCallback(): void;
    afterRender(): void;
    render(): TemplateResult;
}

declare class Field extends HTMLElement {
    accessor label: string | null;
    accessor fullWidth: boolean;
}

/**
 * Event detail for folder toggle events
 */
interface FolderToggleEventDetail {
    /** Whether the folder is open */
    open: boolean;
    /** The original event */
    event: Event;
}
/**
 * Folder component - collapsible container for grouping controls.
 *
 * Click on the header to toggle open/closed state.
 * Supports optional max-height with scroll fade masks.
 *
 * @tag ease-folder
 *
 * @slot headline - Folder title text
 * @slot actions - Header action buttons (displayed on the right)
 * @slot - Default slot for folder content
 *
 * @csspart section - Outer container
 * @csspart header - Clickable header row
 * @csspart headline - Title element
 * @csspart icon - Folder icon
 * @csspart chevron - Chevron icon
 * @csspart actions - Actions container
 * @csspart content - Content wrapper (handles height animations)
 * @csspart body - Inner body container (scrollable when max-height is set)
 * @csspart items - Grid container for slotted content
 *
 * @fires folder-toggle - Fired when the folder is opened or closed
 */
declare class Folder extends HTMLElement {
    #private;
    accessor open: boolean;
    accessor headline: string | null;
    accessor maxHeight: string | null;
    render(): TemplateResult;
    toggle(): void;
}

declare class IconClear extends HTMLElement {
    requestRender: () => void;
}

type FolderState = 'open' | 'close';
declare class IconFolder extends HTMLElement {
    requestRender: () => void;
    accessor state: FolderState;
    render(): TemplateResult;
}

type GridState = 'show' | 'hide';
declare class IconGrid extends HTMLElement {
    requestRender: () => void;
    accessor state: GridState;
    render(): TemplateResult;
}

declare class Loading extends HTMLElement {
    requestRender: () => void;
}

type SnapState = 'active' | 'default';
declare class Snap extends HTMLElement {
    requestRender: () => void;
    accessor state: SnapState;
    render(): TemplateResult;
}

declare class IconAnchorAdd extends HTMLElement {
    requestRender: () => void;
}

declare class IconAnchorRemove extends HTMLElement {
    requestRender: () => void;
}

declare class ArrowUp extends HTMLElement {
    requestRender: () => void;
}

declare class IconBezier extends HTMLElement {
    requestRender: () => void;
}

declare class IconBezierAngle extends HTMLElement {
    requestRender: () => void;
}

declare class IconBezierDistribute extends HTMLElement {
    requestRender: () => void;
}

declare class IconBezierLength extends HTMLElement {
    requestRender: () => void;
}

declare class IconBezierMirror extends HTMLElement {
    requestRender: () => void;
}

declare class IconCheck extends HTMLElement {
    requestRender: () => void;
}

declare class IconCircleArrowLeft extends HTMLElement {
    requestRender: () => void;
}

declare class IconCircleArrowRight extends HTMLElement {
    requestRender: () => void;
}

declare class IconCode extends HTMLElement {
    requestRender: () => void;
}

declare class IconDots extends HTMLElement {
    requestRender: () => void;
}

declare class IconMention extends HTMLElement {
    requestRender: () => void;
}

declare class Settings extends HTMLElement {
    requestRender: () => void;
}

type LogoLoaderState = 'idle' | 'intro' | 'loop' | 'exit';
type LogoIntroVariant = 'wave' | 'particle';
declare class LogoLoader extends HTMLElement {
    #private;
    requestRender: () => void;
    accessor loading: boolean;
    accessor intro: LogoIntroVariant;
    accessor size: number | null;
    accessor ariaLabel: string | null;
    get state(): LogoLoaderState;
    set state(value: LogoLoaderState);
    connectedCallback(): void;
    disconnectedCallback(): void;
    handleLoadingChange(next: boolean): void;
    playIntro(variant?: LogoIntroVariant): void;
}

declare class NumberInput extends HTMLElement {
    requestRender: () => void;
    accessor value: number | null;
    accessor min: number | null;
    accessor max: number | null;
    accessor step: number | null;
    accessor name: string | null;
    accessor disabled: boolean;
    accessor control: HTMLInputElement | null;
    afterRender(): void;
    handleInput(event: Event, target?: HTMLInputElement | null): void;
    handleChange(event: Event, target?: HTMLInputElement | null): void;
    addActiveLayer(button: HTMLButtonElement): void;
    handleDecrement(event: MouseEvent): void;
    handleIncrement(event: MouseEvent): void;
}

declare class Origin extends HTMLElement {
    requestRender: () => void;
    accessor value: string;
    accessor disabled: boolean;
    accessor control: Dropdown | null;
    accessor name: string;
    afterRender(): void;
    handleChange(event: Event, target?: Dropdown | null): void;
    handleValueChange: (event: Event) => void;
}

declare class RadioOption extends HTMLElement {
    connectedCallback(): void;
}

declare class RadioGroup extends HTMLElement {
    #private;
    requestRender: () => void;
    accessor value: string | null;
    accessor groupElement: HTMLElement | null;
    accessor contentSlot: HTMLSlotElement | null;
    connectedCallback(): void;
    disconnectedCallback(): void;
    afterRender(): void;
    updateOptionSelectionState(): void;
}

declare class RadioInput extends HTMLElement {
    requestRender: () => void;
    accessor checked: boolean;
    accessor name: string | null;
    accessor value: string | null;
    accessor disabled: boolean;
    accessor control: HTMLButtonElement | null;
    private _prevChecked?;
    private _firstRender;
    filterId: string;
    connectedCallback(): void;
    afterRender(): void;
    private _triggerAnimation;
    handleClick(event: MouseEvent): void;
}

declare class Slider extends HTMLElement {
    requestRender: () => void;
    accessor value: number | null;
    accessor min: number | null;
    accessor max: number | null;
    accessor step: number | null;
    accessor disabled: boolean;
    accessor control: HTMLInputElement | null;
    accessor valueControl: (HTMLElement & {
        value?: string | null;
    }) | null;
    afterRender(): void;
    handleRangeInput(event: Event, target?: HTMLInputElement | null): void;
    handleRangeChange(event: Event, target?: HTMLInputElement | null): void;
    handleValueInput(event: CustomEvent<ControlEventDetail<string>>): void;
    handleValueChange(event: CustomEvent<ControlEventDetail<string>>): void;
    updateProgress(): void;
}

declare class Toggle extends HTMLElement {
    requestRender: () => void;
    accessor checked: boolean;
    accessor disabled: boolean;
    accessor control: HTMLButtonElement | null;
    filterId: string;
    afterRender(): void;
    handleClick(event: MouseEvent): void;
}

export { ArrowUp, Button, Checkbox, ColorInput, ColorPicker, ControlEventDetail, Dropdown, Field, Folder, type FolderToggleEventDetail, IconAnchorAdd, IconAnchorRemove, IconArrowsVertical, IconBezier, IconBezierAngle, IconBezierDistribute, IconBezierLength, IconBezierMirror, IconCheck, IconChevron, IconCircleArrowLeft, IconCircleArrowRight, IconClear, IconCode, IconDots, IconFolder, IconGrid, IconMention, IconMinus, IconPicker, IconPlus, Input, Loading, type LogoIntroVariant, LogoLoader, NumberInput, Origin, type Placement, Popover, RadioGroup, RadioInput, RadioOption, Settings, Slider, Snap, Toggle, Tooltip };