import type { ResponsiveValue, TLengthStyledSystem } from "@twilio-paste/styling-library";
import type { ThemeShape } from "@twilio-paste/theme";
import type { Properties } from "csstype";
export type WidthOptions = keyof ThemeShape["widths"] | "100%" | "100vw" | "auto" | Properties<TLengthStyledSystem>["width"];
export type MinWidthOptions = keyof ThemeShape["minWidths"] | "100%" | "100vw" | "auto" | Properties<TLengthStyledSystem>["minWidth"];
export type MaxWidthOptions = keyof ThemeShape["maxWidths"] | "100%" | "100vw" | "auto" | Properties<TLengthStyledSystem>["maxWidth"];
export type HeightOptions = keyof ThemeShape["heights"] | "100%" | "100vh" | "auto" | Properties<TLengthStyledSystem>["height"];
export type MinHeightOptions = keyof ThemeShape["minHeights"] | "100%" | "100vh" | "auto" | Properties<TLengthStyledSystem>["minHeight"];
export type MaxHeightOptions = keyof ThemeShape["maxHeights"] | "100%" | "100vh" | "auto" | Properties<TLengthStyledSystem>["maxHeight"];
export type IconSizeOptions = keyof ThemeShape["iconSizes"];
export type Width = ResponsiveValue<WidthOptions>;
export type MinWidth = ResponsiveValue<MinWidthOptions>;
export type MaxWidth = ResponsiveValue<MaxWidthOptions>;
export type Height = ResponsiveValue<HeightOptions>;
export type MinHeight = ResponsiveValue<MinHeightOptions>;
export type MaxHeight = ResponsiveValue<MaxHeightOptions>;
export type IconSize = ResponsiveValue<IconSizeOptions>;
export type Size = Width | Height;
export type DisplayOptions = Properties["display"];
export type VerticalAlignOptions = Properties["verticalAlign"];
export type OverflowOptions = Properties["overflow"];
export type OverflowXOptions = Properties["overflowX"];
export type OverflowYOptions = Properties["overflowY"];
export type Display = ResponsiveValue<DisplayOptions>;
export type VerticalAlign = ResponsiveValue<VerticalAlignOptions>;
export type Overflow = ResponsiveValue<OverflowOptions>;
export type OverflowX = ResponsiveValue<OverflowXOptions>;
export type OverflowY = ResponsiveValue<OverflowYOptions>;
export interface OverflowProps {
    overflow?: Overflow;
    overflowX?: OverflowX;
    overflowY?: OverflowY;
}
export interface LayoutProps extends OverflowProps {
    /**
     * Responsive style prop of Size Tokens for the CSS `width` property
     *
     * @type {Width}
     * @memberof LayoutProps
     */
    width?: Width;
    /**
     * Responsive style prop of Size Tokens for for the CSS `min-width` property
     *
     * @type {MinWidth}
     * @memberof LayoutProps
     */
    minWidth?: MinWidth;
    /**
     * Responsive style prop of Size Tokens for for the CSS `max-width` property
     *
     * @type {MaxWidth}
     * @memberof LayoutProps
     */
    maxWidth?: MaxWidth;
    /**
     * Responsive style prop of Size Tokens for for the CSS `height` property
     *
     * @type {Height}
     * @memberof LayoutProps
     */
    height?: Height;
    /**
     * Responsive style prop of Size Tokens for for the CSS `min-height` property
     *
     * @type {MinHeight}
     * @memberof LayoutProps
     */
    minHeight?: MinHeight;
    /**
     * Responsive style prop of Size Tokens for for the CSS `max-height` property
     *
     * @type {MaxHeight}
     * @memberof LayoutProps
     */
    maxHeight?: MaxHeight;
    /**
     * Responsive style prop of Size Tokens for for the CSS `width` and `height` properties
     *
     * @type {Size}
     * @memberof LayoutProps
     */
    size?: Size;
    /**
     * Responsive style prop for the CSS `display` property
     *
     * @type {Display}
     * @memberof LayoutProps
     */
    display?: Display;
    /**
     * Responsive style prop for the CSS `vertical-align` property
     *
     * @type {VerticalAlign}
     * @memberof LayoutProps
     */
    verticalAlign?: VerticalAlign;
}
//# sourceMappingURL=layout.d.ts.map