import { type IconInfo } from './CSSPropertyIconResolver.js'; declare global { interface HTMLElementEventMap { 'propertyselected': PropertySelectedEvent; 'propertydeselected': PropertyDeselectedEvent; } } interface FlexEditorData { authoredProperties: Map; computedProperties: Map; } interface EditableProperty { propertyName: string; propertyValues: string[]; } export declare class PropertySelectedEvent extends Event { static readonly eventName = "propertyselected"; data: { name: string; value: string; }; constructor(name: string, value: string); } export declare class PropertyDeselectedEvent extends Event { static readonly eventName = "propertydeselected"; data: { name: string; value: string; }; constructor(name: string, value: string); } export declare class StylePropertyEditor extends HTMLElement { #private; protected readonly editableProperties: EditableProperty[]; constructor(); connectedCallback(): void; getEditableProperties(): EditableProperty[]; set data(data: FlexEditorData); protected findIcon(_query: string, _computedProperties: Map): IconInfo | null; } export declare class FlexboxEditor extends StylePropertyEditor { protected readonly editableProperties: EditableProperty[]; protected findIcon(query: string, computedProperties: Map): IconInfo | null; } declare global { interface HTMLElementTagNameMap { 'devtools-flexbox-editor': FlexboxEditor; } } export declare class GridEditor extends StylePropertyEditor { protected readonly editableProperties: EditableProperty[]; protected findIcon(query: string, computedProperties: Map): IconInfo | null; } declare global { interface HTMLElementTagNameMap { 'devtools-grid-editor': GridEditor; } } export declare const FlexboxEditableProperties: { propertyName: string; propertyValues: string[]; }[]; export declare const GridEditableProperties: { propertyName: string; propertyValues: string[]; }[]; export {};