import { BoxColumnType, BoxSpacingType, BoxShadowSizeType } from '../../utils/types';
export declare class PdsBox {
    /**
     * Defines how items within the box are aligned.
     * @defaultValue stretch
    */
    alignItems?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * Defines how items within the box are aligned at the XS breakpoint.
     * @defaultValue stretch
    */
    alignItemsXs?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * Defines how items within the box are aligned at the SM breakpoint.
     * @defaultValue stretch
    */
    alignItemsSm?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * Defines how items within the box are aligned at the MD breakpoint.
     * @defaultValue stretch
    */
    alignItemsMd?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * Defines how items within the box are aligned at the LG breakpoint.
     * @defaultValue stretch
    */
    alignItemsLg?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * Defines how items within the box are aligned at the XL breakpoint.
     * @defaultValue stretch
    */
    alignItemsXl?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * Defines how the box is aligned within its container.
     * @defaultValue stretch
    */
    alignSelf?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * Defines how the box is aligned within its container at the XS breakpoint.
     *
    */
    alignSelfXs?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * Defines how the box is aligned within its container at the SM breakpoint.
     *
    */
    alignSelfSm?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * Defines how the box is aligned within its container at the MD breakpoint.
     *
    */
    alignSelfMd?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * Defines how the box is aligned within its container at the LG breakpoint.
     *
    */
    alignSelfLg?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * Defines how the box is aligned within its container at the XL breakpoint.
     *
    */
    alignSelfXl?: `start` | `center` | `end` | `baseline` | `stretch`;
    /**
     * If `true`, the box will be sized to fit its contents.
     */
    auto?: boolean;
    /**
     * If `true`, the box will be sized to fit its contents at the XS breakpoint.
     */
    autoXs?: boolean;
    /**
     * If `true`, the box will be sized to fit its contents at the SM breakpoint.
     */
    autoSm?: boolean;
    /**
     * If `true`, the box will be sized to fit its contents at the MD breakpoint.
     */
    autoMd?: boolean;
    /**
     * If `true`, the box will be sized to fit its contents at the LG breakpoint.
     */
    autoLg?: boolean;
    /**
     * If `true`, the box will be sized to fit its contents at the XL breakpoint.
     */
    autoXl?: boolean;
    /**
     *  Defines the background-color of the box.
     */
    backgroundColor?: string;
    /**
     * If `true`, the box will have a border.
     */
    border?: boolean;
    /**
     *  Defines the border color of the box.
     */
    borderColor?: string;
    /**
     * Defines how rounded the box corners are.
     * @defaultValue none
     */
    borderRadius?: `none` | `xs` | `sm` | `md` | `lg` | `circle`;
    /**
     * Defines the orientation of the box items.
     * @defaultValue row
     */
    direction?: `row` | `column`;
    /**
     * Defines the display style of the box.
     * @defaultValue flex
    */
    display?: `flex` | `inline-flex` | `block` | `inline-block`;
    /**
     * If `true`, sets the box `max-width` to `100%`.
     */
    fit?: boolean;
    /**
     * If `true`, sets the box `max-width` to `100%` at the XS breakpoint.
     */
    fitXs?: boolean;
    /**
     * If `true`, sets the box `max-width` to `100%` at the SM breakpoint.
     */
    fitSm?: boolean;
    /**
     * If `true`, sets the box `max-width` to `100%` at the MD breakpoint.
     */
    fitMd?: boolean;
    /**
     * If `true`, sets the box `max-width` to `100%` at the LG breakpoint.
     */
    fitLg?: boolean;
    /**
     * If `true`, sets the box `max-width` to `100%` at the XL breakpoint.
     */
    fitXl?: boolean;
    /**
     * Defines the spacing between the box items.
     * @defaultValue none
    */
    gap?: BoxSpacingType;
    /**
     * Defines the spacing between the box items at the XS breakpoint.
     * @defaultValue none
    */
    gapXs?: BoxSpacingType;
    /**
     * Defines the spacing between the box items at the SM breakpoint.
     * @defaultValue none
    */
    gapSm?: BoxSpacingType;
    /**
     * Defines the spacing between the box items at the MD breakpoint.
     * @defaultValue none
    */
    gapMd?: BoxSpacingType;
    /**
     * Defines the spacing between the box items at the LG breakpoint.
     * @defaultValue none
    */
    gapLg?: BoxSpacingType;
    /**
     * Defines the spacing between the box items at the XL breakpoint.
     * @defaultValue none
    */
    gapXl?: BoxSpacingType;
    /**
     * Defines whether flex items are forced onto one line or can wrap onto multiple lines.
     * @defaultValue false
     */
    wrap?: boolean;
    /**
     * Defines whether flex items can wrap onto multiple lines at the XS breakpoint.
     * @defaultValue false
     */
    wrapXs?: boolean;
    /**
     * Defines whether flex items can wrap onto multiple lines at the SM breakpoint.
     * @defaultValue false
     */
    wrapSm?: boolean;
    /**
     * Defines whether flex items can wrap onto multiple lines at the MD breakpoint.
     * @defaultValue false
     */
    wrapMd?: boolean;
    /**
     * Defines whether flex items can wrap onto multiple lines at the LG breakpoint.
     * @defaultValue false
     */
    wrapLg?: boolean;
    /**
     * Defines whether flex items can wrap onto multiple lines at the XL breakpoint.
     * @defaultValue false
     */
    wrapXl?: boolean;
    /**
     * Defines how a box will grow or shrink to fit the space available in its container.
     * Can be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').
     * @defaultValue none
     */
    flex?: `none` | `grow` | `shrink` | string;
    /**
     * Defines the horizontal alignment of the box items.
     * @defaultValue start
    */
    justifyContent?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
    /**
     * Defines the horizontal alignment of the box items at the XS breakpoint.
     * @defaultValue start
    */
    justifyContentXs?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
    /**
     * Defines the horizontal alignment of the box items at the SM breakpoint.
     * @defaultValue start
    */
    justifyContentSm?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
    /**
     * Defines the horizontal alignment of the box items at the MD breakpoint.
     * @defaultValue start
    */
    justifyContentMd?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
    /**
     * Defines the horizontal alignment of the box items at the LG breakpoint.
     * @defaultValue start
    */
    justifyContentLg?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
    /**
     * Defines the horizontal alignment of the box items at the XL breakpoint.
     * @defaultValue start
    */
    justifyContentXl?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
    /**
     * Defines the box's outer top spacing.
     * @defaultValue none
    */
    marginBlockStart?: BoxSpacingType;
    /**
     * Defines the box's outer top spacing at the XS breakpoint.
     * @defaultValue none
    */
    marginBlockStartXs?: BoxSpacingType;
    /**
     * Defines the box's outer top spacing at the SM breakpoint.
     * @defaultValue none
    */
    marginBlockStartSm?: BoxSpacingType;
    /**
     * Defines the box's outer top spacing at the MD breakpoint.
     * @defaultValue none
    */
    marginBlockStartMd?: BoxSpacingType;
    /**
     * Defines the box's outer top spacing at the LG breakpoint.
     * @defaultValue none
    */
    marginBlockStartLg?: BoxSpacingType;
    /**
     * Defines the box's outer top spacing at the XL breakpoint.
     * @defaultValue none
    */
    marginBlockStartXl?: BoxSpacingType;
    /**
     * Defines the box's outer left spacing.
     * @defaultValue none
    */
    marginInlineStart?: BoxSpacingType;
    /**
     * Defines the box's outer left spacing at the XS breakpoint.
     * @defaultValue none
    */
    marginInlineStartXs?: BoxSpacingType;
    /**
     * Defines the box's outer left spacing at the SM breakpoint.
     * @defaultValue none
    */
    marginInlineStartSm?: BoxSpacingType;
    /**
     * Defines the box's outer left spacing at the MD breakpoint.
     * @defaultValue none
    */
    marginInlineStartMd?: BoxSpacingType;
    /**
     * Defines the box's outer left spacing at the LG breakpoint.
     * @defaultValue none
    */
    marginInlineStartLg?: BoxSpacingType;
    /**
     * Defines the box's outer left spacing at the XL breakpoint.
     * @defaultValue none
    */
    marginInlineStartXl?: BoxSpacingType;
    /**
     * Defines the box's outer right spacing.
     * @defaultValue none
    */
    marginInlineEnd?: BoxSpacingType;
    /**
     * Defines the box's outer right spacing at the XS breakpoint.
     * @defaultValue none
    */
    marginInlineEndXs?: BoxSpacingType;
    /**
     * Defines the box's outer right spacing at the SM breakpoint.
     * @defaultValue none
    */
    marginInlineEndSm?: BoxSpacingType;
    /**
     * Defines the box's outer right spacing at the MD breakpoint.
     * @defaultValue none
    */
    marginInlineEndMd?: BoxSpacingType;
    /**
     * Defines the box's outer right spacing at the LG breakpoint.
     * @defaultValue none
    */
    marginInlineEndLg?: BoxSpacingType;
    /**
     * Defines the box's outer right spacing at the XL breakpoint.
     * @defaultValue none
    */
    marginInlineEndXl?: BoxSpacingType;
    /**
     * Defines the box's outer bottom spacing.
     * @defaultValue none
    */
    marginBlockEnd?: BoxSpacingType;
    /**
     * Defines the box's outer bottom spacing at the XS breakpoint.
     * @defaultValue none
    */
    marginBlockEndXs?: BoxSpacingType;
    /**
     * Defines the box's outer bottom spacing at the SM breakpoint.
     * @defaultValue none
    */
    marginBlockEndSm?: BoxSpacingType;
    /**
     * Defines the box's outer bottom spacing at the MD breakpoint.
     * @defaultValue none
    */
    marginBlockEndMd?: BoxSpacingType;
    /**
     * Defines the box's outer bottom spacing at the LG breakpoint.
     * @defaultValue none
    */
    marginBlockEndLg?: BoxSpacingType;
    /**
     * Defines the box's outer bottom spacing at the XL breakpoint.
     * @defaultValue none
    */
    marginBlockEndXl?: BoxSpacingType;
    /**
     * The minimum height of the row. Used in conjunction with alignment props
     */
    minHeight?: string;
    /**
     * The minimum width of the row. Used in conjunction with alignment props
     */
    minWidth?: string;
    /**
     * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.
     */
    offset?: BoxColumnType;
    /**
     * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.
    */
    offsetXs?: BoxColumnType;
    /**
     * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.
    */
    offsetSm?: BoxColumnType;
    /**
     * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.
    */
    offsetMd?: BoxColumnType;
    /**
     * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.
    */
    offsetLg?: BoxColumnType;
    /**
     * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.
    */
    offsetXl?: BoxColumnType;
    /**
     * Defines the spacing between the box items.
     * @defaultValue none
    */
    padding?: BoxSpacingType;
    /**
     * Defines the spacing between the box items at the XS breakpoint.
     * @defaultValue none
    */
    paddingXs?: BoxSpacingType;
    /**
     * Defines the spacing between the box items at the SM breakpoint.
     * @defaultValue none
    */
    paddingSm?: BoxSpacingType;
    /**
     * Defines the spacing between the box items at the MD breakpoint.
     * @defaultValue none
    */
    paddingMd?: BoxSpacingType;
    /**
     * Defines the spacing between the box items at the LG breakpoint.
     * @defaultValue none
    */
    paddingLg?: BoxSpacingType;
    /**
     * Defines the spacing between the box items at the XL breakpoint.
     * @defaultValue none
    */
    paddingXl?: BoxSpacingType;
    /**
     * Defines the top spacing.
     * @defaultValue none
    */
    paddingBlockStart?: BoxSpacingType;
    /**
     * Defines the top spacing at the XS breakpoint.
     * @defaultValue none
    */
    paddingBlockStartXs?: BoxSpacingType;
    /**
     * Defines the top spacing at the SM breakpoint.
     * @defaultValue none
    */
    paddingBlockStartSm?: BoxSpacingType;
    /**
     * Defines the top spacing at the MD breakpoint.
     * @defaultValue none
    */
    paddingBlockStartMd?: BoxSpacingType;
    /**
     * Defines the top spacing at the LG breakpoint.
     * @defaultValue none
    */
    paddingBlockStartLg?: BoxSpacingType;
    /**
     * Defines the top spacing at the XL breakpoint.
     * @defaultValue none
    */
    paddingBlockStartXl?: BoxSpacingType;
    /**
     * Defines the bottom spacing.
     * @defaultValue none
    */
    paddingBlockEnd?: BoxSpacingType;
    /**
     * Defines the bottom spacing at the XS breakpoint.
     * @defaultValue none
    */
    paddingBlockEndXs?: BoxSpacingType;
    /**
     * Defines the bottom spacing at the SM breakpoint.
     * @defaultValue none
    */
    paddingBlockEndSm?: BoxSpacingType;
    /**
     * Defines the bottom spacing at the MD breakpoint.
     * @defaultValue none
    */
    paddingBlockEndMd?: BoxSpacingType;
    /**
     * Defines the bottom spacing at the LG breakpoint.
     * @defaultValue none
    */
    paddingBlockEndLg?: BoxSpacingType;
    /**
     * Defines the bottom spacing at the XL breakpoint.
     * @defaultValue none
    */
    paddingBlockEndXl?: BoxSpacingType;
    /**
     * Defines the left spacing.
     * @defaultValue none
    */
    paddingInlineStart?: BoxSpacingType;
    /**
     * Defines the left spacing at the XS breakpoint.
     * @defaultValue none
    */
    paddingInlineStartXs?: BoxSpacingType;
    /**
     * Defines the left spacing at the SM breakpoint.
     * @defaultValue none
    */
    paddingInlineStartSm?: BoxSpacingType;
    /**
     * Defines the left spacing at the MD breakpoint.
     * @defaultValue none
    */
    paddingInlineStartMd?: BoxSpacingType;
    /**
     * Defines the left spacing at the LG breakpoint.
     * @defaultValue none
    */
    paddingInlineStartLg?: BoxSpacingType;
    /**
     * Defines the left spacing at the XL breakpoint.
     * @defaultValue none
    */
    paddingInlineStartXl?: BoxSpacingType;
    /**
     * Defines the right spacing.
     * @defaultValue none
    */
    paddingInlineEnd?: BoxSpacingType;
    /**
     * Defines the right spacing at the XS breakpoint.
     * @defaultValue none
    */
    paddingInlineEndXs?: BoxSpacingType;
    /**
     * Defines the right spacing at the SM breakpoint.
     * @defaultValue none
    */
    paddingInlineEndSm?: BoxSpacingType;
    /**
     * Defines the right spacing at the MD breakpoint.
     * @defaultValue none
    */
    paddingInlineEndMd?: BoxSpacingType;
    /**
     * Defines the right spacing at the LG breakpoint.
     * @defaultValue none
    */
    paddingInlineEndLg?: BoxSpacingType;
    /**
     * Defines the right spacing at the XL breakpoint.
     * @defaultValue none
    */
    paddingInlineEndXl?: BoxSpacingType;
    /**
     * Defines the box shadow.
     * @defaultValue none
    */
    shadow?: BoxShadowSizeType;
    /**
     * Sets the default column width for the component. This value applies from the smallest screen size (XS) upwards, unless overridden by a breakpoint-specific size prop at that breakpoint or larger.
     */
    size?: BoxColumnType;
    /**
     * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.
     */
    sizeXs?: BoxColumnType;
    /**
     * At screen sizes from the SM breakpoint and larger (576px and up), this will take the specified number of columns. This overrides any value set by size or sizeXs.
     */
    sizeSm?: BoxColumnType;
    /**
     * At screen sizes from the MD breakpoint and larger (768px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.
     */
    sizeMd?: BoxColumnType;
    /**
     * At screen sizes from the LG breakpoint and larger (992px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.
     */
    sizeLg?: BoxColumnType;
    /**
     * At screen sizes from the XL breakpoint and larger (1200px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.
     */
    sizeXl?: BoxColumnType;
    render(): any;
}
