import type { CreateHoloCardOptions, CssVars, HoloLayerOptions, MaskOptions } from "./types.js";
export declare const CLASS: {
    readonly root: "holo-card";
    readonly translater: "holo-card__translater";
    readonly rotator: "holo-card__rotator";
    readonly front: "holo-card__front";
    readonly back: "holo-card__back";
    readonly image: "holo-card__image";
    readonly content: "holo-card__content";
    readonly layers: "holo-card__layers";
    readonly layer: "holo-card__layer";
    readonly overlay: "holo-card__overlay";
    readonly shine: "holo-card__shine";
    readonly glare: "holo-card__glare";
    readonly interactive: "holo-card--interactive";
    readonly active: "holo-card--active";
    readonly interacting: "holo-card--interacting";
    readonly loading: "holo-card--loading";
    readonly masked: "holo-card--masked";
    readonly maskCard: "holo-card--mask-card";
    readonly depth: "holo-card--depth";
    readonly customGlare: "holo-card--custom-glare";
    readonly overlayInteractive: "holo-card__overlay--interactive";
};
export declare const applyVars: (element: HTMLElement, vars: CssVars | undefined) => void;
export declare const cssUrl: (value: string) => string;
export interface ResolvedMask {
    image: string | undefined;
    size: string | undefined;
    position: string | undefined;
    repeat: string | undefined;
    mode: NonNullable<MaskOptions["mode"]>;
}
export declare const normalizeMask: (mask: string | MaskOptions | undefined) => ResolvedMask | null;
export declare const buildLayerElement: (doc: Document, layer: HoloLayerOptions) => HTMLElement;
export declare const buildHoloCardElement: (options: CreateHoloCardOptions) => HTMLElement;
//# sourceMappingURL=dom.d.ts.map