/**
 * @license
 * Copyright 2023 Nuraly, Laabidi Aymen
 * SPDX-License-Identifier: MIT
 */
import { LitElement } from 'lit';
import { ColorPickerSize } from './color-picker.types.js';
/**
 * Color holder box component for displaying a color swatch.
 *
 * Renders a colored box that can be used as a color indicator or trigger.
 * Supports various sizes and can be disabled.
 *
 * @example
 * ```html
 * <nr-colorholder-box color="#3498db"></nr-colorholder-box>
 * <nr-colorholder-box color="rgb(52, 152, 219)" size="large"></nr-colorholder-box>
 * <nr-colorholder-box color="#e74c3c" disabled></nr-colorholder-box>
 * ```
 *
 * @csspart container - The color swatch div element
 */
export declare class ColorHolderBox extends LitElement {
    static styles: import("lit").CSSResult;
    static useShadowDom: boolean;
    /** The color value to display */
    color: string;
    /** Size variant (small, default, large) */
    size: ColorPickerSize;
    /** Whether the color holder is disabled */
    disabled: boolean;
    /** Show a checkered background for transparent colors */
    showTransparencyGrid: boolean;
    /** Border width in pixels */
    borderWidth: number;
    /** Whether to show a border */
    showBorder: boolean;
    /**
     * Validates if the color is valid CSS color
     */
    private isValidColor;
    /**
     * Checks if the color is transparent or has transparency
     */
    private isTransparent;
    render(): import("lit-html").TemplateResult<1>;
}
//# sourceMappingURL=color-holder.component.d.ts.map