import { CustomElement } from '../../../Abstracts/CustomElement';
import type { IDesignerFrameBounds, IDesignerFrameElementProps } from './IDesignerFrameElementProps';
declare const DesignerFrameElement_base: (abstract new (...args: Array<any>) => import("../../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../../Behaviors/Themeable").IThemeableCtor;
/**
 * DesignerFrame - The actual design surface rendered inside the canvas.
 *
 * @description
 * Represents the artboard-like editable region where layers are rendered.
 * Establishes the frame-local coordinate system. Does not own zoom
 * or pan behavior (those belong to the canvas).
 *
 * @name DesignerFrame
 * @element mosaik-designer-frame
 * @category Layouts
 *
 * @slot - Default slot for layer content
 *
 * @csspart bounds - The bounds overlay region for visual guides
 * @csspart surface - The visible frame surface that contains slotted content
 *
 * @cssprop {String} --designer-frame-background-color - Background color of the frame surface
 * @cssprop {String} --designer-frame-border-color - Border color of the frame
 * @cssprop {String} --designer-frame-border-width - Border width of the frame
 * @cssprop {String} --designer-frame-bounds-color - Color of the bounds overlay
 * @cssprop {String} --designer-frame-bounds-font-size - Font size for bounds labels
 * @cssprop {String} --designer-frame-font-family - The frame font family CSS custom property.
 * @cssprop {String} --designer-frame-font-letter-spacing - The frame font letter spacing CSS custom property.
 * @cssprop {String} --designer-frame-font-line-height - The frame font line height CSS custom property.
 * @cssprop {String} --designer-frame-font-size - The frame font size CSS custom property.
 * @cssprop {String} --designer-frame-font-text-decoration - The frame font text decoration CSS custom property.
 * @cssprop {String} --designer-frame-font-text-transform - The frame font text transform CSS custom property.
 * @cssprop {String} --designer-frame-font-weight - The frame font weight CSS custom property.
 * @cssprop {String} --designer-frame-gap - The frame gap CSS custom property.
 * @cssprop {String} --designer-frame-padding-bottom - The frame padding bottom CSS custom property.
 * @cssprop {String} --designer-frame-padding-left - The frame padding left CSS custom property.
 * @cssprop {String} --designer-frame-padding-right - The frame padding right CSS custom property.
 * @cssprop {String} --designer-frame-padding-top - The frame padding top CSS custom property.
 * @cssprop {String} --designer-frame-shadow - Box shadow of the frame surface
 * @cssprop {String} --designer-frame-shadow-blur - The frame shadow blur CSS custom property.
 * @cssprop {String} --designer-frame-shadow-color - The frame shadow color CSS custom property.
 * @cssprop {String} --designer-frame-shadow-offset-x - The frame shadow offset x CSS custom property.
 * @cssprop {String} --designer-frame-shadow-offset-y - The frame shadow offset y CSS custom property.
 * @cssprop {String} --designer-frame-shadow-spread - The frame shadow spread CSS custom property.
 * @cssprop {String} --designer-frame-transition-duration - Transition duration for animated state changes
 * @cssprop {String} --designer-frame-transition-mode - Transition timing function
 * @cssprop {String} --designer-frame-transition-property - Transition properties to animate
 * @cssprop {String} --designer-frame-translate - The frame translate CSS custom property.
 *
 * @example
 * Artboard surface for placing design layers:
 * ```html
 * <mosaik-designer-frame>
 *   <div>Layer content here</div>
 * </mosaik-designer-frame>
 * ```
 *
 * @example
 * Frame with visible bounds overlay for safe area guides:
 * ```html
 * <mosaik-designer-frame show-bounds></mosaik-designer-frame>
 * ```
 *
 * @public
 */
export declare class DesignerFrameElement extends DesignerFrameElement_base implements IDesignerFrameElementProps {
    private _bounds;
    private _showBounds;
    /**
     * Constructs a new instance of the {@link DesignerFrameElement} class.
     *
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     *
     * @public
     * @static
     * @readonly
     */
    static get is(): string;
    /**
     * Gets or sets the `bounds` property.
     * Defines inner frame-local bounds such as safe margins or print bounds.
     *
     * @public
     */
    get bounds(): IDesignerFrameBounds | null;
    set bounds(value: IDesignerFrameBounds | null);
    /**
     * Gets or sets the `showBounds` property.
     * Controls whether configured bounds are visually rendered.
     *
     * @public
     * @attr
     */
    get showBounds(): boolean;
    set showBounds(value: boolean);
}
/**
 * @public
 */
export declare namespace DesignerFrameElement {
    type Props = IDesignerFrameElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-designer-frame': DesignerFrameElement;
    }
}
export {};
//# sourceMappingURL=DesignerFrameElement.d.ts.map