import type { CreateBlock, EvokitProp, EvokitMediaSufix } from '@prom-ui/core/base/types';
type BoxThemes = EvokitMediaSufix<'black-50' | 'black-100' | 'black-200' | 'black-300' | 'black-400' | 'black-600' | 'black-700' | 'black-800' | 'black-900' | 'blue-50' | 'green-50' | 'green-500' | 'green-700' | 'orange-50' | 'red-100' | 'red-50' | 'red-500' | 'violet-100' | 'violet-50' | 'violet-500' | 'violet-700' | 'violet-800' | 'white' | 'yellow-100' | 'yellow-200' | 'yellow-50' | 'yellow-500'>;
type BoxBorderWidth = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
type BoxBorderStyle = EvokitMediaSufix<'solid' | 'dotted' | 'dashed'>;
type BoxAlign = EvokitMediaSufix<'none' | 'left' | 'center' | 'right'>;
type BoxDisplay = EvokitMediaSufix<'none' | 'none:empty' | 'block' | 'inline-block' | 'inline'>;
type BoxHeight = EvokitMediaSufix<'auto' | '1-1'>;
type BoxMargin = EvokitMediaSufix<'none' | 'auto' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
type BoxOpacity = EvokitMediaSufix<0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 100>;
type BoxOverflow = EvokitMediaSufix<'auto' | 'hidden' | 'scroll' | 'visible'>;
type BoxPadding = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
type BoxPlace = EvokitMediaSufix<'none' | 'top' | 'top-left' | 'top-right' | 'center' | 'center-left' | 'center-right' | 'bottom' | 'bottom-left' | 'bottom-right'>;
type BoxPosition = EvokitMediaSufix<'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'>;
type BoxRound = EvokitMediaSufix<'none' | 'full' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
type BoxWidth = EvokitMediaSufix<'auto' | `1-${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `2-${2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `3-${3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `4-${4 | 5 | 6 | 7 | 8 | 9 | 10}` | `5-${5 | 6 | 7 | 8 | 9 | 10}` | `6-${6 | 7 | 8 | 9 | 10}` | `7-${7 | 8 | 9 | 10}` | `8-${8 | 9 | 10}` | `9-${9 | 10}` | `10-10`>;
type BoxZIndex = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
export type BoxProps = {
    'box-align'?: EvokitProp<BoxAlign>;
    'box-background'?: EvokitProp<BoxThemes>;
    'box-width'?: EvokitProp<BoxWidth>;
    'box-blackhole'?: EvokitProp<'shadow-hover' | 'product-tile'>;
    'box-display'?: EvokitProp<BoxDisplay>;
    'box-height'?: EvokitProp<BoxHeight>;
    'box-opacity'?: EvokitProp<BoxOpacity>;
    'box-border'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
    /** @ignore */
    'box-border-top'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
    /** @ignore */
    'box-border-right'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
    /** @ignore */
    'box-border-bottom'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
    /** @ignore */
    'box-border-left'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
    /** @ignore */
    'box-border-color'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
    /** @ignore */
    'box-border-color-top'?: EvokitProp<BoxThemes>;
    /** @ignore */
    'box-border-color-right'?: EvokitProp<BoxThemes>;
    /** @ignore */
    'box-border-color-bottom'?: EvokitProp<BoxThemes>;
    /** @ignore */
    'box-border-color-left'?: EvokitProp<BoxThemes>;
    /** @ignore */
    'box-border-width'?: EvokitProp<BoxBorderWidth | `${BoxBorderWidth} ${string}`>;
    /** @ignore */
    'box-border-width-top'?: EvokitProp<BoxBorderWidth>;
    /** @ignore */
    'box-border-width-right'?: EvokitProp<BoxBorderWidth>;
    /** @ignore */
    'box-border-width-bottom'?: EvokitProp<BoxBorderWidth>;
    /** @ignore */
    'box-border-width-left'?: EvokitProp<BoxBorderWidth>;
    /** @ignore */
    'box-border-style'?: EvokitProp<BoxBorderStyle | `${BoxBorderStyle} ${string}`>;
    /** @ignore */
    'box-border-style-top'?: EvokitProp<BoxBorderStyle>;
    /** @ignore */
    'box-border-style-right'?: EvokitProp<BoxBorderStyle>;
    /** @ignore */
    'box-border-style-bottom'?: EvokitProp<BoxBorderStyle>;
    /** @ignore */
    'box-border-style-left'?: EvokitProp<BoxBorderStyle>;
    'box-margin'?: EvokitProp<BoxMargin | `${BoxMargin} ${string}`>;
    /** @ignore */
    'box-margin-top'?: EvokitProp<BoxMargin>;
    /** @ignore */
    'box-margin-right'?: EvokitProp<BoxMargin>;
    /** @ignore */
    'box-margin-bottom'?: EvokitProp<BoxMargin>;
    /** @ignore */
    'box-margin-left'?: EvokitProp<BoxMargin>;
    'box-padding'?: EvokitProp<BoxPadding | `${BoxPadding} ${string}`>;
    /** @ignore */
    'box-padding-top'?: EvokitProp<BoxPadding>;
    /** @ignore */
    'box-padding-right'?: EvokitProp<BoxPadding>;
    /** @ignore */
    'box-padding-bottom'?: EvokitProp<BoxPadding>;
    /** @ignore */
    'box-padding-left'?: EvokitProp<BoxPadding>;
    'box-overflow'?: EvokitProp<BoxOverflow | `${BoxOverflow} ${string}`>;
    /** @ignore */
    'box-overflow-x'?: EvokitProp<BoxOverflow>;
    /** @ignore */
    'box-overflow-y'?: EvokitProp<BoxOverflow>;
    'box-position'?: EvokitProp<BoxPosition | `${BoxPosition} ${string}`>;
    'box-place'?: EvokitProp<BoxPlace>;
    'box-zindex'?: EvokitProp<BoxZIndex>;
    'box-round'?: EvokitProp<BoxRound | `${BoxRound} ${string}`>;
    /** @ignore */
    'box-round-top-left'?: EvokitProp<BoxRound>;
    /** @ignore */
    'box-round-top-right'?: EvokitProp<BoxRound>;
    /** @ignore */
    'box-round-bottom-left'?: EvokitProp<BoxRound>;
    /** @ignore */
    'box-round-bottom-right'?: EvokitProp<BoxRound>;
};
/**
 * Компонент `Box` из библиотеки `evokit` является простым контейнером, который может
 * использоваться для размещения других элементов интерфейса.
 * Он может использоваться как самостоятельный элемент или в качестве родительского элемента для других компонентов.
 */
export declare const Box: CreateBlock<'div', 'box', BoxProps>;
export {};
