export type ElementCategory = "interactive" | "static" | "form" | "navigation" | "media" | "layout" | "feedback";
export type ElementRole = "button" | "link" | "input" | "select" | "textarea" | "checkbox" | "radio" | "switch" | "slider" | "progressbar" | "tab" | "tabpanel" | "menu" | "menuitem" | "dialog" | "tooltip" | "alert" | "status" | "img" | "video" | "audio" | "canvas" | "svg" | "div" | "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "ul" | "ol" | "li" | "table" | "tr" | "td" | "th" | "form" | "label" | "fieldset" | "legend" | "article" | "section" | "header" | "footer" | "aside" | "main" | "nav";
export interface ElementInfo {
    tagName: string;
    role: ElementRole;
    category: ElementCategory;
    interactive: boolean;
    focusable: boolean;
    semantic: boolean;
    formElement: boolean;
}
export interface ElementCapabilities {
    supportsHover: boolean;
    supportsFocus: boolean;
    supportsKeyboard: boolean;
    supportsTouch: boolean;
    supportsAnimation: boolean;
    supportsBackdropFilter: boolean;
    supportsCSSGrid: boolean;
    supportsFlexbox: boolean;
}
export declare const getElementInfo: (element: Element) => ElementInfo;
export declare const detectElementCapabilities: () => ElementCapabilities;
export declare const elementBehaviors: {
    getCursor: (element: Element) => string;
    getUserSelect: (element: Element) => string;
    getPointerEvents: (element: Element) => string;
    supportsInteraction: (element: Element, interaction: "hover" | "focus" | "touch" | "keyboard") => boolean;
};
export declare const elementStyles: {
    getBaseStyles: (element: Element) => Record<string, any>;
    getGlassStyles: (element: Element) => Record<string, any>;
    getAnimationStyles: (element: Element) => Record<string, any>;
};
export declare const elementAccessibility: {
    getAriaAttributes: (element: Element) => Record<string, string>;
    isAccessible: (element: Element) => boolean;
};
//# sourceMappingURL=elementTypes.d.ts.map