import { XinStyleSheet } from './css-types';
import { ElementsProxy } from './elements-types';
import { elements } from './elements';
import { ElementCreator, ContentType, PartsMap } from './xin-types';
interface ElementCreatorOptions extends ElementDefinitionOptions {
    tag?: string;
    styleSpec?: XinStyleSheet;
}
export declare abstract class Component<T = PartsMap> extends HTMLElement {
    static elements: ElementsProxy;
    private static _elementCreator?;
    static initAttributes?: Record<string, any>;
    static formAssociated?: boolean;
    static preferredTagName?: string;
    static shadowStyleSpec?: XinStyleSheet;
    static lightStyleSpec?: XinStyleSheet;
    static extends?: string;
    internals?: ElementInternals;
    get validity(): ValidityState | undefined;
    get validationMessage(): string;
    get willValidate(): boolean;
    checkValidity(): boolean;
    reportValidity(): boolean;
    setCustomValidity(message: string): void;
    /**
     * Set validation state. Pass empty flags {} to clear validity.
     * The anchor element is used for focus when reportValidity() is called.
     */
    setValidity(flags: ValidityStateFlags, message?: string, anchor?: HTMLElement): void;
    /**
     * Set the form value. Call this when your component's value changes.
     */
    setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
    static get observedAttributes(): string[];
    instanceId: string;
    styleNode?: HTMLStyleElement;
    static styleSpec?: XinStyleSheet;
    static styleNode?: HTMLStyleElement;
    content: ContentType | ((e: typeof elements) => ContentType) | null;
    isSlotted?: boolean;
    private static _tagName;
    static get tagName(): null | string;
    [key: string]: any;
    _legacyTrackedAttrs?: Set<string>;
    private _attrValues?;
    private _valueChanged;
    private _pendingAttrOps?;
    static StyleNode(styleSpec: XinStyleSheet): HTMLStyleElement;
    static elementCreator<C = Component>(this: new () => C, options?: ElementCreatorOptions): ElementCreator<C>;
    /**
     * @deprecated Use static initAttributes instead.
     * Example:
     *   static initAttributes = { caption: '', count: 0, disabled: false }
     */
    initAttributes(...attributeNames: string[]): void;
    private initValue;
    private _parts?;
    get parts(): T;
    /**
     * Native web component callback for attribute changes.
     * Only called for attributes declared in static observedAttributes.
     */
    attributeChangedCallback(name: string, _oldValue: string | null, _newValue: string | null): void;
    constructor();
    private _installAttributeQueue;
    private _drainPendingAttrOps;
    /**
     * Sets up property accessors from static initAttributes.
     */
    private _setupAttributeAccessors;
    connectedCallback(): void;
    disconnectedCallback(): void;
    /**
     * Called when the form is reset. Override to customize reset behavior.
     * Default: resets value to defaultValue or empty string.
     */
    formResetCallback(): void;
    /**
     * Called when the form or a parent fieldset is disabled/enabled.
     * Default: syncs the disabled attribute.
     */
    formDisabledCallback(disabled: boolean): void;
    /**
     * Called when browser restores form state (back/forward navigation).
     * Default: restores the value.
     */
    formStateRestoreCallback(state: string | File | FormData | null): void;
    private _changeQueued;
    private _renderQueued;
    queueRender(triggerChangeEvent?: boolean): void;
    private _hydrated;
    private hydrate;
    render(): void;
    /**
     * Validates the current value against standard constraints (required, minlength, maxlength, pattern).
     * Called automatically in render() when value changes. Override to add custom validation.
     * Call super.validateValue() to include standard validation.
     *
     * See [web-component-validation](/form-validation/) for details.
     */
    validateValue(): void;
}
interface SlotParts extends PartsMap {
    slotty: HTMLSlotElement;
}
declare class TosiSlot extends Component<SlotParts> {
    static preferredTagName: string;
    static initAttributes: {
        name: string;
    };
    content: null;
    static replaceSlot(slot: HTMLSlotElement): void;
}
export declare const tosiSlot: ElementCreator<TosiSlot>;
declare class XinSlot extends Component<SlotParts> {
    static preferredTagName: string;
    static initAttributes: {
        name: string;
    };
    content: null;
    constructor();
    static replaceSlot: typeof TosiSlot.replaceSlot;
}
export declare const xinSlot: ElementCreator<XinSlot>;
export {};