import { LitElement } from 'lit';
import type { Template } from '../../types/index.js';
import './define-template-card.js';
/**
 * @tag loquix-template-picker
 * @summary Modal dialog with a searchable, categorized grid of template cards.
 *
 * Uses native `<dialog>` element — no Shoelace dependency.
 *
 * @csspart dialog - The `<dialog>` element.
 * @csspart search - The search input.
 *
 * @fires {CustomEvent<LoquixTemplatePickerOpenDetail>} loquix-template-picker-open - When the dialog opens.
 * @fires {CustomEvent<LoquixTemplatePickerCloseDetail>} loquix-template-picker-close - When the dialog closes.
 * @fires {CustomEvent<LoquixTemplateSelectDetail>} loquix-template-select - When a template is selected.
 *
 * @cssprop [--loquix-picker-max-width] - Dialog max width.
 * @cssprop [--loquix-picker-border-color] - Dialog border color.
 * @cssprop [--loquix-picker-border-radius] - Dialog border radius.
 * @cssprop [--loquix-picker-bg] - Dialog background.
 * @cssprop [--loquix-picker-backdrop] - Backdrop overlay color.
 * @cssprop [--loquix-picker-gap] - Grid gap.
 * @cssprop [--loquix-picker-card-min-width] - Minimum card width in the grid.
 */
export declare class LoquixTemplatePicker extends LitElement {
    static styles: import("lit").CSSResult[];
    private _localize;
    /** Array of templates to display. */
    templates: Template[];
    /** Whether the picker dialog is open. */
    open: boolean;
    /** Dialog heading text. */
    heading?: string;
    /** Whether to show the search input. */
    searchable: boolean;
    /** Whether clicking the backdrop closes the dialog. */
    closeOnOutsideClick: boolean;
    /** Explicit category order. If omitted, derived from templates. */
    categories: string[];
    private _search;
    private _activeCategory;
    private _dialog;
    protected updated(changed: Map<PropertyKey, unknown>): void;
    /** Open the picker dialog. */
    show(): void;
    /** Close the picker dialog. */
    hide(): void;
    private _getCategories;
    private _getFilteredTemplates;
    private _handleSearch;
    private _handleCategoryClick;
    private _handleTemplateSelect;
    private _handleDialogClick;
    private _handleDialogClose;
    protected render(): import("lit").TemplateResult<1>;
}
//# sourceMappingURL=loquix-template-picker.d.ts.map