import { LitElement, PropertyValues } from "lit";
declare const WarpBox_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
/**
 * Box is a layout component used for separating content areas on a page.
 *
 * [Warp component reference](https://warp-ds.github.io/docs/components/box/frameworks/elements)
 */
declare class WarpBox extends WarpBox_base {
    /**
     * Makes the box bleed to the container edge.
     * Extends the box into the horizontal gutter on narrow screens. Adds negative horizontal margins and square side corners below the small breakpoint, then restores the normal margins and rounded corners from the small breakpoint and up.
     */
    bleed: boolean;
    /**
     * Shows the box as a bordered surface.
     * Use this when the content needs a clear visual boundary from the surrounding page.
     */
    bordered: boolean;
    /**
     * Shows the box with information styling.
     * Use this for supporting informational content that should be visually separated from the surrounding page.
     */
    info: boolean;
    /**
     * Shows the box with neutral styling.
     * Use this for quiet grouped content that needs a background without strong emphasis.
     */
    neutral: boolean;
    /**
     * ARIA role for the box wrapper.
     * Defaults to a role of `region`. Set `role="none"` to override this behaviour for purely visual grouping, or set a specific role when the box has a clearer semantic purpose.
     */
    role: string;
    static styles: import("lit").CSSResult[];
    connectedCallback(): void;
    protected updated(_changedProperties: PropertyValues): void;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "w-box": WarpBox;
    }
}
export { WarpBox };