import type { GetCrystalResponse } from '../types/index.js';
import { RoxyDataElement } from '../utils/base-element.js';
/**
 * Single-crystal detail card. Renders /crystals/{id}: the stone's photo, description, and full metaphysical profile (spiritual / emotional / physical meaning, governing chakras, zodiac signs, planet, elements, colours, Mohs hardness, numerical vibration, birthstone month), plus its affirmation and the crystals it pairs with. This is the detail view; roxy-crystal-grid is the gallery.
 */
export declare class RoxyCrystalCard extends RoxyDataElement<GetCrystalResponse> {
    static styles: import("lit").CSSResult[];
    protected renderEmpty(): import("lit").TemplateResult<1>;
    protected renderData(d: GetCrystalResponse): import("lit").TemplateResult<1>;
    private attr;
    private list;
    private renderMeaning;
}
declare global {
    interface HTMLElementTagNameMap {
        'roxy-crystal-card': RoxyCrystalCard;
    }
}
//# sourceMappingURL=crystal-card.d.ts.map