import { LitElement } from 'lit';
import type { GalleryItem, GalleryVariant } from '../../types/index.js';
/**
 * @tag loquix-example-gallery
 * @summary Categorized grid/list of example prompts.
 *
 * @csspart item - Individual gallery item button.
 *
 * @fires {CustomEvent<LoquixGallerySelectDetail>} loquix-gallery-select - When an item is clicked.
 *
 * @cssprop [--loquix-gallery-gap] - Gap between items.
 * @cssprop [--loquix-gallery-columns] - Number of grid columns (grid variant).
 * @cssprop [--loquix-gallery-heading-font-size] - Heading font size.
 * @cssprop [--loquix-gallery-item-padding] - Item padding.
 * @cssprop [--loquix-gallery-item-border-color] - Item border color.
 * @cssprop [--loquix-gallery-item-border-radius] - Item border radius.
 * @cssprop [--loquix-gallery-item-bg] - Item background.
 */
export declare class LoquixExampleGallery extends LitElement {
    static styles: import("lit").CSSResult[];
    /** Gallery items to display. */
    items: GalleryItem[];
    /** Display variant. */
    variant: GalleryVariant;
    /** Number of grid columns (CSS custom property). */
    columns: number;
    /** Explicit category order. If omitted, derived from items. */
    categories: string[];
    /** Optional heading above the gallery. */
    heading: string;
    private _activeCategory;
    private _getCategories;
    private _getFilteredItems;
    private _handleItemClick;
    private _handleCategoryClick;
    protected render(): import("lit").TemplateResult<1>;
}
//# sourceMappingURL=loquix-example-gallery.d.ts.map