export type BoxPadding = "none" | "xxs" | "xs" | "s" | "m" | "l" | "xl";
export type BoxBackground = "none" | "1" | "2" | "3" | "4" | "5" | "6" | "7";
export type BoxBorder = "none" | "s" | "m";
export type BoxBorderColor = "1" | "2" | "3" | "4" | "5" | "6";
export type BoxLength = "0" | `${number}${"px" | "%" | "rem" | "em" | "ch" | "dvw" | "dvh"}`;
type BoxIntrinsicSize = "fit-content" | "min-content" | "max-content";
export type BoxSize = BoxLength | "auto" | BoxIntrinsicSize;
export type BoxMinSize = BoxLength | BoxIntrinsicSize;
export type BoxMaxSize = BoxLength | "none" | BoxIntrinsicSize;
/**
 * A surface primitive: a block container with token-scaled padding, background, border and radius, and no layout opinion of its own. It is a generic container to assistive technology; set `role` and `aria-*` on the host where the content has meaning.
 *
 * @slot - The content placed on the surface.
 */
export declare class Box {
    /** The space between the surface edge and its content on both axes. `paddingBlock` and `paddingInline` override it per axis. */
    padding: BoxPadding;
    /** The space on the block axis. Overrides the block value of `padding`. */
    paddingBlock?: BoxPadding;
    /** The space on the inline axis. Overrides the inline value of `padding`. */
    paddingInline?: BoxPadding;
    /** The surface colour, as a step on the surface scale. */
    background: BoxBackground;
    /** The border width. The border is always solid. */
    border: BoxBorder;
    /** The border colour, as a step on the border scale. Has no effect unless `border` is set. */
    borderColor?: BoxBorderColor;
    /** The corner radius. */
    radius: "none" | "inner" | "element" | "container" | "page" | "full";
    /** How content that overflows the surface is handled. */
    overflow?: "visible" | "hidden" | "clip" | "auto" | "scroll";
    /** Whether the surface is shown. `auto` leaves the host's own display alone; `none` hides it. */
    display: "auto" | "none";
    /** The size on the inline axis. Takes a length, `auto`, or an intrinsic keyword. */
    inlineSize?: BoxSize;
    /** The size on the block axis. Takes a length, `auto`, or an intrinsic keyword. */
    blockSize?: BoxSize;
    /** The minimum size on the inline axis. Takes a length or an intrinsic keyword. */
    minInlineSize?: BoxMinSize;
    /** The minimum size on the block axis. Takes a length or an intrinsic keyword. */
    minBlockSize?: BoxMinSize;
    /** The maximum size on the inline axis. Takes a length, `none`, or an intrinsic keyword. */
    maxInlineSize?: BoxMaxSize;
    /** The maximum size on the block axis. Takes a length, `none`, or an intrinsic keyword. */
    maxBlockSize?: BoxMaxSize;
    render(): import("@stencil/core/jsx-runtime").JSX.Element;
}
export {};