@foxford/ui 2.36.0 → 2.37.0-beta-badf94e-20240808

package/dts/index.d.ts

@@ -1,4209 +0,0 @@
-/// <reference types="react" />
-import * as React$1 from 'react';
-import React__default, { CSSProperties, Component, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, PureComponent } from 'react';
-import * as styled_components from 'styled-components';
-import { DefaultTheme, FlattenSimpleInterpolation, CSSObject, Interpolation, ThemeProps, SimpleInterpolation, css, StyledProps } from 'styled-components';
-import { IconName as IconName$1 } from '@foxford/icon-pack';
-import { Props, PopperInstance, PlacementOptions, SelectorOrElement, Styles } from 'react-floater/lib/types';
-import { Classes } from 'react-modal';
-import * as rc_scrollbars_lib_Scrollbars_types from 'rc-scrollbars/lib/Scrollbars/types';
-import * as rc_scrollbars from 'rc-scrollbars';
-import { ScrollbarsProps } from 'rc-scrollbars';
-import { InputState, MaskOptions } from 'react-input-mask';
-import { ReactSelectProps } from 'react-select';
-
-declare enum DefaultColorNames {
-    white = "white",
-    black = "black",
-    tundora = "tundora",
-    paleSky = "paleSky",
-    bostonBlue = "bostonBlue",
-    atlantisBrightly = "atlantisBrightly",
-    cinnabar = "cinnabar",
-    sail = "sail",
-    bittersweet = "bittersweet",
-    turquoise = "turquoise",
-    dodgerBlue = "dodgerBlue",
-    mantis = "mantis",
-    azure = "azure",
-    bahamaBlue = "bahamaBlue",
-    shamrock = "shamrock",
-    olive = "olive",
-    copperRose = "copperRose",
-    cyan = "cyan",
-    plum = "plum",
-    hokeyPokey = "hokeyPokey",
-    monaLisa = "monaLisa",
-    mariner = "mariner",
-    heliotrope = "heliotrope",
-    dandelion = "dandelion",
-    fruitSalad = "fruitSalad",
-    fuchsiaBlue = "fuchsiaBlue",
-    persianGreen = "persianGreen",
-    watermelon = "watermelon",
-    tropaz = "tropaz",
-    lima = "lima",
-    mintTulip = "mintTulip",
-    carnationPink = "carnationPink",
-    paleRose = "paleRose",
-    deYork = "deYork",
-    peppermint = "peppermint",
-    cornflowerBlue = "cornflowerBlue",
-    colonialWhite = "colonialWhite",
-    cherokee = "cherokee",
-    supernova = "supernova",
-    picasso = "picasso",
-    bilobaFlower = "bilobaFlower",
-    linkWater = "linkWater",
-    mineShaft = "mineShaft",
-    silver = "silver",
-    alto = "alto",
-    mercury = "mercury",
-    wildSand = "wildSand",
-    whiteGray = "whiteGray",
-    alabaster = "alabaster",
-    whiteLilac = "whiteLilac",
-    atlantis = "atlantis",
-    yellowOrange = "yellowOrange",
-    mystic = "mystic",
-    pomegranate = "pomegranate",
-    oliveDrab = "oliveDrab",
-    curious = "curious",
-    orangePeel = "orangePeel",
-    nebula = "nebula",
-    seaNymph = "seaNymph",
-    chromeWhite = "chromeWhite",
-    onahau = "onahau",
-    citrineWhite = "citrineWhite",
-    coralReef = "coralReef",
-    creemBrulee = "creemBrulee",
-    frangipani = "frangipani",
-    yourPink = "yourPink",
-    periwinkleGray = "periwinkleGray",
-    baliHai = "baliHai",
-    primary = "primary",
-    accent = "accent",
-    transparent = "transparent",
-    catalinaBlue = "catalinaBlue",
-    danube = "danube",
-    midnightDeep = "midnightDeep",
-    anakiva = "anakiva",
-    azureRadiance = "azureRadiance",
-    blueMarguerite = "blueMarguerite",
-    blueViolet = "blueViolet",
-    bossanova = "bossanova",
-    capeCod = "capeCod",
-    cerulean = "cerulean",
-    congressBlue = "congressBlue",
-    congressBlueLight = "congressBlueLight",
-    creamBrulee = "creamBrulee",
-    denim = "denim",
-    earlyDawn = "earlyDawn",
-    eminence = "eminence",
-    endeavour = "endeavour",
-    fern = "fern",
-    ghost = "ghost",
-    grape = "grape",
-    gunsmoke = "gunsmoke",
-    highland = "highland",
-    honeyFlower = "honeyFlower",
-    honeyFlower2 = "honeyFlower2",
-    honeyFlower3 = "honeyFlower3",
-    jagger = "jagger",
-    jordyBlue = "jordyBlue",
-    jumbo = "jumbo",
-    mediumPurple = "mediumPurple",
-    midnightBlue = "midnightBlue",
-    moodyBlue = "moodyBlue",
-    nandor = "nandor",
-    nevada = "nevada",
-    olivine = "olivine",
-    parsley = "parsley",
-    pattensBlue = "pattensBlue",
-    pattensBlueLight = "pattensBlueLight",
-    scarletGum = "scarletGum",
-    scienceBlue = "scienceBlue",
-    scienceBlue03 = "scienceBlue03",
-    seance = "seance",
-    smalt = "smalt",
-    smaltLight = "smaltLight",
-    tarawera = "tarawera",
-    toryBlue = "toryBlue",
-    toryBlueDark = "toryBlueDark",
-    dodgerBlueDark = "dodgerBlueDark",
-    chambray = "chambray",
-    chambrayDark = "chambrayDark",
-    pomegranateDark = "pomegranateDark",
-    azureRadiance2 = "azureRadiance2",
-    curiousBlue = "curiousBlue",
-    jungleGreen = "jungleGreen",
-    violetDeep = "violetDeep",
-    stormGray = "stormGray",
-    zeus = "zeus",
-    athensGray = "athensGray",
-    marinerLight = "marinerLight",
-    royalBlue = "royalBlue",
-    melrose = "melrose",
-    zircon = "zircon",
-    veniceBlue = "veniceBlue",
-    solitude = "solitude",
-    selago = "selago",
-    coconutCream = "coconutCream",
-    cinderella = "cinderella",
-    royalBlueDark = "royalBlueDark",
-    persianBlue = "persianBlue",
-    ultramarine = "ultramarine",
-    cornflowerBlueDark = "cornflowerBlueDark",
-    jungleGreenDark = "jungleGreenDark",
-    mountainMeadow = "mountainMeadow",
-    dodgerBlueDim = "dodgerBlueDim",
-    zirconDark = "zirconDark",
-    pizazz = "pizazz",
-    madison = "madison",
-    ebony = "ebony",
-    mediumRedViolet = "mediumRedViolet",
-    fruitSaladLight = "fruitSaladLight",
-    shark = "shark",
-    azureRadianceLight = "azureRadianceLight",
-    carnation = "carnation",
-    limaGreen = "limaGreen",
-    mysin = "mysin",
-    studio = "studio",
-    athsSpecial = "athsSpecial",
-    thunderbird = "thunderbird",
-    denimDark = "denimDark",
-    puertoRico = "puertoRico",
-    lochmara = "lochmara",
-    aliceBlue = "aliceBlue",
-    perano = "perano",
-    portage = "portage",
-    royalBlueDim = "royalBlueDim",
-    sailDim = "sailDim",
-    solitaire = "solitaire",
-    capeHoney = "capeHoney",
-    fairPink = "fairPink",
-    romantic = "romantic",
-    polar = "polar",
-    cruise = "cruise",
-    selagoLight = "selagoLight",
-    moonRaker = "moonRaker",
-    pippin = "pippin",
-    yourPinkDark = "yourPinkDark",
-    peppermintLight = "peppermintLight",
-    fringyFlower = "fringyFlower",
-    heliotropeDark = "heliotropeDark",
-    pictonBlue = "pictonBlue",
-    mediumPurpleRed = "mediumPurpleRed",
-    scooter = "scooter",
-    chambrayDim = "chambrayDim",
-    dodgerBlueLight = "dodgerBlueLight",
-    selectiveYellow = "selectiveYellow",
-    scienceBlueDark = "scienceBlueDark",
-    dodgerBlueDeep = "dodgerBlueDeep",
-    kashmirBlue = "kashmirBlue",
-    turbo = "turbo",
-    denimDim = "denimDim",
-    orangeRoughy = "orangeRoughy",
-    selagoDim = "selagoDim",
-    congressBlueNight = "congressBlueNight",
-    azureRadianceMedium = "azureRadianceMedium",
-    honeyFlowerDim = "honeyFlowerDim",
-    jaguar = "jaguar",
-    kournikova = "kournikova",
-    drover = "drover",
-    flamingo = "flamingo",
-    mineShaftDim = "mineShaftDim",
-    periwinkle = "periwinkle",
-    colonialWhiteDim = "colonialWhiteDim",
-    pattensBlueDeep = "pattensBlueDeep",
-    solitudeDim = "solitudeDim",
-    periwinkleDim = "periwinkleDim",
-    rioGrande = "rioGrande",
-    kournikovaDim = "kournikovaDim"
-}
-declare enum BaseColorNames {
-    'content-onmain-primary' = "content-onmain-primary",
-    'content-onmain-secondary' = "content-onmain-secondary",
-    'content-onmain-tertiary' = "content-onmain-tertiary",
-    'content-onmain-inverse' = "content-onmain-inverse",
-    'content-oncolor-primary' = "content-oncolor-primary",
-    'content-oncolor-secondary' = "content-oncolor-secondary",
-    'content-oncolor-tertiary' = "content-oncolor-tertiary",
-    'content-oncolor-inverse' = "content-oncolor-inverse",
-    'content-oncolor-constant' = "content-oncolor-constant",
-    'content-disabled' = "content-disabled",
-    'content-oncolor-disabled' = "content-oncolor-disabled",
-    'content-oncolor-hover' = "content-oncolor-hover",
-    'content-onmain-hover' = "content-onmain-hover",
-    'content-discount' = "content-discount",
-    'content-link' = "content-link",
-    'border-onmain-default-large' = "border-onmain-default-large",
-    'border-onmain-default-small' = "border-onmain-default-small",
-    'border-onmain-contrast' = "border-onmain-contrast",
-    'border-disabled' = "border-disabled",
-    'border-focus' = "border-focus",
-    'border-oncolor-disabled' = "border-oncolor-disabled",
-    'border-oncolor-default' = "border-oncolor-default",
-    'border-oncolor-default-large' = "border-oncolor-default-large",
-    'bg-onmain-main' = "bg-onmain-main",
-    'bg-onmain-primary' = "bg-onmain-primary",
-    'bg-onmain-secondary' = "bg-onmain-secondary",
-    'bg-onmain-tertiary' = "bg-onmain-tertiary",
-    'bg-onmain-divider' = "bg-onmain-divider",
-    'bg-onmain-contrast' = "bg-onmain-contrast",
-    'bg-onmain-inverse' = "bg-onmain-inverse",
-    'bg-oncolor-primary' = "bg-oncolor-primary",
-    'bg-oncolor-secondary' = "bg-oncolor-secondary",
-    'bg-oncolor-tertiary' = "bg-oncolor-tertiary",
-    'bg-oncolor-hover' = "bg-oncolor-hover",
-    'bg-disabled-large' = "bg-disabled-large",
-    'bg-disabled-small' = "bg-disabled-small",
-    'bg-disabled-active' = "bg-disabled-active",
-    'bg-oncolor-disabled' = "bg-oncolor-disabled",
-    'bg-contrast-active' = "bg-contrast-active",
-    'bg-oncontrast-hover' = "bg-oncontrast-hover",
-    'alert-bg-success-100' = "alert-bg-success-100",
-    'alert-bg-success-200' = "alert-bg-success-200",
-    'alert-bg-success-500' = "alert-bg-success-500",
-    'alert-bg-warning-100' = "alert-bg-warning-100",
-    'alert-bg-warning-200' = "alert-bg-warning-200",
-    'alert-bg-warning-500' = "alert-bg-warning-500",
-    'alert-bg-error-100' = "alert-bg-error-100",
-    'alert-bg-error-200' = "alert-bg-error-200",
-    'alert-bg-error-500' = "alert-bg-error-500",
-    'alert-success' = "alert-success",
-    'alert-warning' = "alert-warning",
-    'alert-error' = "alert-error",
-    'product-bg-course' = "product-bg-course",
-    'product-bg-tutor' = "product-bg-tutor",
-    'product-bg-group' = "product-bg-group",
-    'product-bg-complect' = "product-bg-complect",
-    'skeleton-onmain-primary' = "skeleton-onmain-primary",
-    'skeleton-onmain-secondary' = "skeleton-onmain-secondary",
-    'skeleton-gradient-from-color-onmain' = "skeleton-gradient-from-color-onmain",
-    'skeleton-gradient-to-color-onmain' = "skeleton-gradient-to-color-onmain",
-    'skeleton-oncolor-primary' = "skeleton-oncolor-primary",
-    'skeleton-oncolor-secondary' = "skeleton-oncolor-secondary",
-    'skeleton-gradient-from-color-oncolor' = "skeleton-gradient-from-color-oncolor",
-    'skeleton-gradient-to-color-oncolor' = "skeleton-gradient-to-color-oncolor",
-    'bg-other-badge' = "bg-other-badge",
-    'bg-other-black' = "bg-other-black",
-    'alert-bg-info-100' = "alert-bg-info-100",
-    'alert-bg-info-200' = "alert-bg-info-200",
-    'alert-bg-info-500' = "alert-bg-info-500",
-    'alert-info' = "alert-info",
-    'product-content-school' = "product-content-school",
-    'product-content-group' = "product-content-group",
-    'product-content-outclass' = "product-content-outclass",
-    'product-content-course' = "product-content-course",
-    'product-content-tutor' = "product-content-tutor",
-    'product-high-school' = "product-high-school",
-    'product-high-group' = "product-high-group",
-    'product-high-outclass' = "product-high-outclass",
-    'product-high-course' = "product-high-course",
-    'product-high-tutor' = "product-high-tutor",
-    'product-low-school' = "product-low-school",
-    'product-low-group' = "product-low-group",
-    'product-low-outclass' = "product-low-outclass",
-    'product-low-course' = "product-low-course",
-    'product-low-tutor' = "product-low-tutor"
-}
-declare enum BrandColorNames {
-    'content-brand-primary' = "content-brand-primary",
-    'content-brand-secondary' = "content-brand-secondary",
-    'border-brand-primary' = "border-brand-primary",
-    'border-brand-secondary' = "border-brand-secondary",
-    'border-brand-primary-hover' = "border-brand-primary-hover",
-    'border-brand-primary-active' = "border-brand-primary-active",
-    'bg-brand-primary-basic' = "bg-brand-primary-basic",
-    'bg-brand-primary-100' = "bg-brand-primary-100",
-    'bg-brand-primary-200' = "bg-brand-primary-200",
-    'bg-brand-primary-400' = "bg-brand-primary-400",
-    'bg-brand-primary-500' = "bg-brand-primary-500",
-    'bg-brand-secondary-basic' = "bg-brand-secondary-basic",
-    'bg-brand-secondary-100' = "bg-brand-secondary-100",
-    'bg-brand-secondary-200' = "bg-brand-secondary-200",
-    'bg-brand-secondary-400' = "bg-brand-secondary-400",
-    'bg-brand-secondary-500' = "bg-brand-secondary-500",
-    'bg-brand-tertiary-100' = "bg-brand-tertiary-100",
-    'bg-brand-tertiary-200' = "bg-brand-tertiary-200",
-    'bg-brand-quaternary-100' = "bg-brand-quaternary-100",
-    'bg-brand-quaternary-200' = "bg-brand-quaternary-200",
-    'bg-brand-quaternary-400' = "bg-brand-quaternary-400",
-    'bg-brand-quaternary-500' = "bg-brand-quaternary-500",
-    'bg-brand-primary-basic-active' = "bg-brand-primary-basic-active",
-    'bg-brand-primary-100-active' = "bg-brand-primary-100-active",
-    'bg-brand-primary-100-hover' = "bg-brand-primary-100-hover"
-}
-declare enum SocialColorNames {
-    facebook = "facebook",
-    twitter = "twitter",
-    youtube = "youtube",
-    instagrammagenta = "instagrammagenta",
-    instagramblue = "instagramblue",
-    instagrampurple = "instagrampurple",
-    instagramorange = "instagramorange",
-    instagramyellow = "instagramyellow",
-    pinterest = "pinterest",
-    googleplus = "googleplus",
-    linkedin = "linkedin",
-    vimeoblue = "vimeoblue",
-    vimeogreen = "vimeogreen",
-    vimeoorange = "vimeoorange",
-    vimeopink = "vimeopink",
-    tumblr = "tumblr",
-    snapchat = "snapchat",
-    whatsappgreen = "whatsappgreen",
-    whatsappteal1 = "whatsappteal1",
-    whatsappteal2 = "whatsappteal2",
-    foursquarepink = "foursquarepink",
-    foursquareblue = "foursquareblue",
-    swarm = "swarm",
-    skypeblue = "skypeblue",
-    skypegreen = "skypegreen",
-    android = "android",
-    stumbleupon = "stumbleupon",
-    flickrpink = "flickrpink",
-    flickrblue = "flickrblue",
-    yahoo = "yahoo",
-    soundcloud = "soundcloud",
-    spotifygreen = "spotifygreen",
-    spotifydarkgreen = "spotifydarkgreen",
-    dribbble = "dribbble",
-    reddit = "reddit",
-    deviantart = "deviantart",
-    pocket = "pocket",
-    quora = "quora",
-    quorablue = "quorablue",
-    slideshareorange = "slideshareorange",
-    slideshareblue = "slideshareblue",
-    telegram = "telegram",
-    fivehundredpx = "fivehundredpx",
-    listlyorange = "listlyorange",
-    listlyblue = "listlyblue",
-    vine = "vine",
-    vk = "vk",
-    ok = "ok",
-    mailru = "mailru"
-}
-declare enum UnitColorNames {
-    profession = "profession",
-    professionDark = "professionDark",
-    camps = "camps",
-    campsDark = "campsDark",
-    courses = "courses",
-    coursesDark = "coursesDark",
-    openLesson = "openLesson",
-    openLessonDark = "openLessonDark",
-    externat = "externat",
-    externatDark = "externatDark",
-    olympiad = "olympiad",
-    olympiadDark = "olympiadDark",
-    textbook = "textbook",
-    textbookDark = "textbookDark",
-    tutors = "tutors",
-    tutorsDark = "tutorsDark",
-    training = "training",
-    trainingDark = "trainingDark",
-    mathematics = "mathematics",
-    physics = "physics",
-    informatics = "informatics",
-    chemistry = "chemistry",
-    biology = "biology",
-    english = "english",
-    russian = "russian",
-    history = "history",
-    society = "society",
-    geography = "geography",
-    developing = "developing",
-    literature = "literature",
-    intersubject = "intersubject",
-    primarySchool = "primarySchool",
-    recommended = "recommended",
-    astronomy = "astronomy",
-    ecology = "ecology",
-    technology = "technology",
-    languages = "languages",
-    art = "art",
-    physicalCulture = "physicalCulture",
-    logic = "logic",
-    businessLogic = "businessLogic",
-    rap = "rap",
-    ikt = "ikt",
-    kids = "kids",
-    fgos = "fgos",
-    blue = "blue",
-    red = "red",
-    green = "green",
-    grey = "grey",
-    darkgrey = "darkgrey",
-    lightgrey = "lightgrey",
-    superlightgrey = "superlightgrey"
-}
-declare const ColorNames: {
-    'content-brand-primary': (typeof BrandColorNames)["content-brand-primary"];
-    'content-brand-secondary': (typeof BrandColorNames)["content-brand-secondary"];
-    'border-brand-primary': (typeof BrandColorNames)["border-brand-primary"];
-    'border-brand-secondary': (typeof BrandColorNames)["border-brand-secondary"];
-    'border-brand-primary-hover': (typeof BrandColorNames)["border-brand-primary-hover"];
-    'border-brand-primary-active': (typeof BrandColorNames)["border-brand-primary-active"];
-    'bg-brand-primary-basic': (typeof BrandColorNames)["bg-brand-primary-basic"];
-    'bg-brand-primary-100': (typeof BrandColorNames)["bg-brand-primary-100"];
-    'bg-brand-primary-200': (typeof BrandColorNames)["bg-brand-primary-200"];
-    'bg-brand-primary-400': (typeof BrandColorNames)["bg-brand-primary-400"];
-    'bg-brand-primary-500': (typeof BrandColorNames)["bg-brand-primary-500"];
-    'bg-brand-secondary-basic': (typeof BrandColorNames)["bg-brand-secondary-basic"];
-    'bg-brand-secondary-100': (typeof BrandColorNames)["bg-brand-secondary-100"];
-    'bg-brand-secondary-200': (typeof BrandColorNames)["bg-brand-secondary-200"];
-    'bg-brand-secondary-400': (typeof BrandColorNames)["bg-brand-secondary-400"];
-    'bg-brand-secondary-500': (typeof BrandColorNames)["bg-brand-secondary-500"];
-    'bg-brand-tertiary-100': (typeof BrandColorNames)["bg-brand-tertiary-100"];
-    'bg-brand-tertiary-200': (typeof BrandColorNames)["bg-brand-tertiary-200"];
-    'bg-brand-quaternary-100': (typeof BrandColorNames)["bg-brand-quaternary-100"];
-    'bg-brand-quaternary-200': (typeof BrandColorNames)["bg-brand-quaternary-200"];
-    'bg-brand-quaternary-400': (typeof BrandColorNames)["bg-brand-quaternary-400"];
-    'bg-brand-quaternary-500': (typeof BrandColorNames)["bg-brand-quaternary-500"];
-    'bg-brand-primary-basic-active': (typeof BrandColorNames)["bg-brand-primary-basic-active"];
-    'bg-brand-primary-100-active': (typeof BrandColorNames)["bg-brand-primary-100-active"];
-    'bg-brand-primary-100-hover': (typeof BrandColorNames)["bg-brand-primary-100-hover"];
-    'content-onmain-primary': (typeof BaseColorNames)["content-onmain-primary"];
-    'content-onmain-secondary': (typeof BaseColorNames)["content-onmain-secondary"];
-    'content-onmain-tertiary': (typeof BaseColorNames)["content-onmain-tertiary"];
-    'content-onmain-inverse': (typeof BaseColorNames)["content-onmain-inverse"];
-    'content-oncolor-primary': (typeof BaseColorNames)["content-oncolor-primary"];
-    'content-oncolor-secondary': (typeof BaseColorNames)["content-oncolor-secondary"];
-    'content-oncolor-tertiary': (typeof BaseColorNames)["content-oncolor-tertiary"];
-    'content-oncolor-inverse': (typeof BaseColorNames)["content-oncolor-inverse"];
-    'content-oncolor-constant': (typeof BaseColorNames)["content-oncolor-constant"];
-    'content-disabled': (typeof BaseColorNames)["content-disabled"];
-    'content-oncolor-disabled': (typeof BaseColorNames)["content-oncolor-disabled"];
-    'content-oncolor-hover': (typeof BaseColorNames)["content-oncolor-hover"];
-    'content-onmain-hover': (typeof BaseColorNames)["content-onmain-hover"];
-    'content-discount': (typeof BaseColorNames)["content-discount"];
-    'content-link': (typeof BaseColorNames)["content-link"];
-    'border-onmain-default-large': (typeof BaseColorNames)["border-onmain-default-large"];
-    'border-onmain-default-small': (typeof BaseColorNames)["border-onmain-default-small"];
-    'border-onmain-contrast': (typeof BaseColorNames)["border-onmain-contrast"];
-    'border-disabled': (typeof BaseColorNames)["border-disabled"];
-    'border-focus': (typeof BaseColorNames)["border-focus"];
-    'border-oncolor-disabled': (typeof BaseColorNames)["border-oncolor-disabled"];
-    'border-oncolor-default': (typeof BaseColorNames)["border-oncolor-default"];
-    'border-oncolor-default-large': (typeof BaseColorNames)["border-oncolor-default-large"];
-    'bg-onmain-main': (typeof BaseColorNames)["bg-onmain-main"];
-    'bg-onmain-primary': (typeof BaseColorNames)["bg-onmain-primary"];
-    'bg-onmain-secondary': (typeof BaseColorNames)["bg-onmain-secondary"];
-    'bg-onmain-tertiary': (typeof BaseColorNames)["bg-onmain-tertiary"];
-    'bg-onmain-divider': (typeof BaseColorNames)["bg-onmain-divider"];
-    'bg-onmain-contrast': (typeof BaseColorNames)["bg-onmain-contrast"];
-    'bg-onmain-inverse': (typeof BaseColorNames)["bg-onmain-inverse"];
-    'bg-oncolor-primary': (typeof BaseColorNames)["bg-oncolor-primary"];
-    'bg-oncolor-secondary': (typeof BaseColorNames)["bg-oncolor-secondary"];
-    'bg-oncolor-tertiary': (typeof BaseColorNames)["bg-oncolor-tertiary"];
-    'bg-oncolor-hover': (typeof BaseColorNames)["bg-oncolor-hover"];
-    'bg-disabled-large': (typeof BaseColorNames)["bg-disabled-large"];
-    'bg-disabled-small': (typeof BaseColorNames)["bg-disabled-small"];
-    'bg-disabled-active': (typeof BaseColorNames)["bg-disabled-active"];
-    'bg-oncolor-disabled': (typeof BaseColorNames)["bg-oncolor-disabled"];
-    'bg-contrast-active': (typeof BaseColorNames)["bg-contrast-active"];
-    'bg-oncontrast-hover': (typeof BaseColorNames)["bg-oncontrast-hover"];
-    'alert-bg-success-100': (typeof BaseColorNames)["alert-bg-success-100"];
-    'alert-bg-success-200': (typeof BaseColorNames)["alert-bg-success-200"];
-    'alert-bg-success-500': (typeof BaseColorNames)["alert-bg-success-500"];
-    'alert-bg-warning-100': (typeof BaseColorNames)["alert-bg-warning-100"];
-    'alert-bg-warning-200': (typeof BaseColorNames)["alert-bg-warning-200"];
-    'alert-bg-warning-500': (typeof BaseColorNames)["alert-bg-warning-500"];
-    'alert-bg-error-100': (typeof BaseColorNames)["alert-bg-error-100"];
-    'alert-bg-error-200': (typeof BaseColorNames)["alert-bg-error-200"];
-    'alert-bg-error-500': (typeof BaseColorNames)["alert-bg-error-500"];
-    'alert-success': (typeof BaseColorNames)["alert-success"];
-    'alert-warning': (typeof BaseColorNames)["alert-warning"];
-    'alert-error': (typeof BaseColorNames)["alert-error"];
-    'product-bg-course': (typeof BaseColorNames)["product-bg-course"];
-    'product-bg-tutor': (typeof BaseColorNames)["product-bg-tutor"];
-    'product-bg-group': (typeof BaseColorNames)["product-bg-group"];
-    'product-bg-complect': (typeof BaseColorNames)["product-bg-complect"];
-    'skeleton-onmain-primary': (typeof BaseColorNames)["skeleton-onmain-primary"];
-    'skeleton-onmain-secondary': (typeof BaseColorNames)["skeleton-onmain-secondary"];
-    'skeleton-gradient-from-color-onmain': (typeof BaseColorNames)["skeleton-gradient-from-color-onmain"];
-    'skeleton-gradient-to-color-onmain': (typeof BaseColorNames)["skeleton-gradient-to-color-onmain"];
-    'skeleton-oncolor-primary': (typeof BaseColorNames)["skeleton-oncolor-primary"];
-    'skeleton-oncolor-secondary': (typeof BaseColorNames)["skeleton-oncolor-secondary"];
-    'skeleton-gradient-from-color-oncolor': (typeof BaseColorNames)["skeleton-gradient-from-color-oncolor"];
-    'skeleton-gradient-to-color-oncolor': (typeof BaseColorNames)["skeleton-gradient-to-color-oncolor"];
-    'bg-other-badge': (typeof BaseColorNames)["bg-other-badge"];
-    'bg-other-black': (typeof BaseColorNames)["bg-other-black"];
-    'alert-bg-info-100': (typeof BaseColorNames)["alert-bg-info-100"];
-    'alert-bg-info-200': (typeof BaseColorNames)["alert-bg-info-200"];
-    'alert-bg-info-500': (typeof BaseColorNames)["alert-bg-info-500"];
-    'alert-info': (typeof BaseColorNames)["alert-info"];
-    'product-content-school': (typeof BaseColorNames)["product-content-school"];
-    'product-content-group': (typeof BaseColorNames)["product-content-group"];
-    'product-content-outclass': (typeof BaseColorNames)["product-content-outclass"];
-    'product-content-course': (typeof BaseColorNames)["product-content-course"];
-    'product-content-tutor': (typeof BaseColorNames)["product-content-tutor"];
-    'product-high-school': (typeof BaseColorNames)["product-high-school"];
-    'product-high-group': (typeof BaseColorNames)["product-high-group"];
-    'product-high-outclass': (typeof BaseColorNames)["product-high-outclass"];
-    'product-high-course': (typeof BaseColorNames)["product-high-course"];
-    'product-high-tutor': (typeof BaseColorNames)["product-high-tutor"];
-    'product-low-school': (typeof BaseColorNames)["product-low-school"];
-    'product-low-group': (typeof BaseColorNames)["product-low-group"];
-    'product-low-outclass': (typeof BaseColorNames)["product-low-outclass"];
-    'product-low-course': (typeof BaseColorNames)["product-low-course"];
-    'product-low-tutor': (typeof BaseColorNames)["product-low-tutor"];
-    profession: UnitColorNames.profession;
-    professionDark: UnitColorNames.professionDark;
-    camps: UnitColorNames.camps;
-    campsDark: UnitColorNames.campsDark;
-    courses: UnitColorNames.courses;
-    coursesDark: UnitColorNames.coursesDark;
-    openLesson: UnitColorNames.openLesson;
-    openLessonDark: UnitColorNames.openLessonDark;
-    externat: UnitColorNames.externat;
-    externatDark: UnitColorNames.externatDark;
-    olympiad: UnitColorNames.olympiad;
-    olympiadDark: UnitColorNames.olympiadDark;
-    textbook: UnitColorNames.textbook;
-    textbookDark: UnitColorNames.textbookDark;
-    tutors: UnitColorNames.tutors;
-    tutorsDark: UnitColorNames.tutorsDark;
-    training: UnitColorNames.training;
-    trainingDark: UnitColorNames.trainingDark;
-    mathematics: UnitColorNames.mathematics;
-    physics: UnitColorNames.physics;
-    informatics: UnitColorNames.informatics;
-    chemistry: UnitColorNames.chemistry;
-    biology: UnitColorNames.biology;
-    english: UnitColorNames.english;
-    russian: UnitColorNames.russian;
-    history: UnitColorNames.history;
-    society: UnitColorNames.society;
-    geography: UnitColorNames.geography;
-    developing: UnitColorNames.developing;
-    literature: UnitColorNames.literature;
-    intersubject: UnitColorNames.intersubject;
-    primarySchool: UnitColorNames.primarySchool;
-    recommended: UnitColorNames.recommended;
-    astronomy: UnitColorNames.astronomy;
-    ecology: UnitColorNames.ecology;
-    technology: UnitColorNames.technology;
-    languages: UnitColorNames.languages;
-    art: UnitColorNames.art;
-    physicalCulture: UnitColorNames.physicalCulture;
-    logic: UnitColorNames.logic;
-    businessLogic: UnitColorNames.businessLogic;
-    rap: UnitColorNames.rap;
-    ikt: UnitColorNames.ikt;
-    kids: UnitColorNames.kids;
-    fgos: UnitColorNames.fgos;
-    blue: UnitColorNames.blue;
-    red: UnitColorNames.red;
-    green: UnitColorNames.green;
-    grey: UnitColorNames.grey;
-    darkgrey: UnitColorNames.darkgrey;
-    lightgrey: UnitColorNames.lightgrey;
-    superlightgrey: UnitColorNames.superlightgrey;
-    facebook: SocialColorNames.facebook;
-    twitter: SocialColorNames.twitter;
-    youtube: SocialColorNames.youtube;
-    instagrammagenta: SocialColorNames.instagrammagenta;
-    instagramblue: SocialColorNames.instagramblue;
-    instagrampurple: SocialColorNames.instagrampurple;
-    instagramorange: SocialColorNames.instagramorange;
-    instagramyellow: SocialColorNames.instagramyellow;
-    pinterest: SocialColorNames.pinterest;
-    googleplus: SocialColorNames.googleplus;
-    linkedin: SocialColorNames.linkedin;
-    vimeoblue: SocialColorNames.vimeoblue;
-    vimeogreen: SocialColorNames.vimeogreen;
-    vimeoorange: SocialColorNames.vimeoorange;
-    vimeopink: SocialColorNames.vimeopink;
-    tumblr: SocialColorNames.tumblr;
-    snapchat: SocialColorNames.snapchat;
-    whatsappgreen: SocialColorNames.whatsappgreen;
-    whatsappteal1: SocialColorNames.whatsappteal1;
-    whatsappteal2: SocialColorNames.whatsappteal2;
-    foursquarepink: SocialColorNames.foursquarepink;
-    foursquareblue: SocialColorNames.foursquareblue;
-    swarm: SocialColorNames.swarm;
-    skypeblue: SocialColorNames.skypeblue;
-    skypegreen: SocialColorNames.skypegreen;
-    android: SocialColorNames.android;
-    stumbleupon: SocialColorNames.stumbleupon;
-    flickrpink: SocialColorNames.flickrpink;
-    flickrblue: SocialColorNames.flickrblue;
-    yahoo: SocialColorNames.yahoo;
-    soundcloud: SocialColorNames.soundcloud;
-    spotifygreen: SocialColorNames.spotifygreen;
-    spotifydarkgreen: SocialColorNames.spotifydarkgreen;
-    dribbble: SocialColorNames.dribbble;
-    reddit: SocialColorNames.reddit;
-    deviantart: SocialColorNames.deviantart;
-    pocket: SocialColorNames.pocket;
-    quora: SocialColorNames.quora;
-    quorablue: SocialColorNames.quorablue;
-    slideshareorange: SocialColorNames.slideshareorange;
-    slideshareblue: SocialColorNames.slideshareblue;
-    telegram: SocialColorNames.telegram;
-    fivehundredpx: SocialColorNames.fivehundredpx;
-    listlyorange: SocialColorNames.listlyorange;
-    listlyblue: SocialColorNames.listlyblue;
-    vine: SocialColorNames.vine;
-    vk: SocialColorNames.vk;
-    ok: SocialColorNames.ok;
-    mailru: SocialColorNames.mailru;
-    white: DefaultColorNames.white;
-    black: DefaultColorNames.black;
-    tundora: DefaultColorNames.tundora;
-    paleSky: DefaultColorNames.paleSky;
-    bostonBlue: DefaultColorNames.bostonBlue;
-    atlantisBrightly: DefaultColorNames.atlantisBrightly;
-    cinnabar: DefaultColorNames.cinnabar;
-    sail: DefaultColorNames.sail;
-    bittersweet: DefaultColorNames.bittersweet;
-    turquoise: DefaultColorNames.turquoise;
-    dodgerBlue: DefaultColorNames.dodgerBlue;
-    mantis: DefaultColorNames.mantis;
-    azure: DefaultColorNames.azure;
-    bahamaBlue: DefaultColorNames.bahamaBlue;
-    shamrock: DefaultColorNames.shamrock;
-    olive: DefaultColorNames.olive;
-    copperRose: DefaultColorNames.copperRose;
-    cyan: DefaultColorNames.cyan;
-    plum: DefaultColorNames.plum;
-    hokeyPokey: DefaultColorNames.hokeyPokey;
-    monaLisa: DefaultColorNames.monaLisa;
-    mariner: DefaultColorNames.mariner;
-    heliotrope: DefaultColorNames.heliotrope;
-    dandelion: DefaultColorNames.dandelion;
-    fruitSalad: DefaultColorNames.fruitSalad;
-    fuchsiaBlue: DefaultColorNames.fuchsiaBlue;
-    persianGreen: DefaultColorNames.persianGreen;
-    watermelon: DefaultColorNames.watermelon;
-    tropaz: DefaultColorNames.tropaz;
-    lima: DefaultColorNames.lima;
-    mintTulip: DefaultColorNames.mintTulip;
-    carnationPink: DefaultColorNames.carnationPink;
-    paleRose: DefaultColorNames.paleRose;
-    deYork: DefaultColorNames.deYork;
-    peppermint: DefaultColorNames.peppermint;
-    cornflowerBlue: DefaultColorNames.cornflowerBlue;
-    colonialWhite: DefaultColorNames.colonialWhite;
-    cherokee: DefaultColorNames.cherokee;
-    supernova: DefaultColorNames.supernova;
-    picasso: DefaultColorNames.picasso;
-    bilobaFlower: DefaultColorNames.bilobaFlower;
-    linkWater: DefaultColorNames.linkWater;
-    mineShaft: DefaultColorNames.mineShaft;
-    silver: DefaultColorNames.silver;
-    alto: DefaultColorNames.alto;
-    mercury: DefaultColorNames.mercury;
-    wildSand: DefaultColorNames.wildSand;
-    whiteGray: DefaultColorNames.whiteGray;
-    alabaster: DefaultColorNames.alabaster;
-    whiteLilac: DefaultColorNames.whiteLilac;
-    atlantis: DefaultColorNames.atlantis;
-    yellowOrange: DefaultColorNames.yellowOrange;
-    mystic: DefaultColorNames.mystic;
-    pomegranate: DefaultColorNames.pomegranate;
-    oliveDrab: DefaultColorNames.oliveDrab;
-    curious: DefaultColorNames.curious;
-    orangePeel: DefaultColorNames.orangePeel;
-    nebula: DefaultColorNames.nebula;
-    seaNymph: DefaultColorNames.seaNymph;
-    chromeWhite: DefaultColorNames.chromeWhite;
-    onahau: DefaultColorNames.onahau;
-    citrineWhite: DefaultColorNames.citrineWhite;
-    coralReef: DefaultColorNames.coralReef;
-    creemBrulee: DefaultColorNames.creemBrulee;
-    frangipani: DefaultColorNames.frangipani;
-    yourPink: DefaultColorNames.yourPink;
-    periwinkleGray: DefaultColorNames.periwinkleGray;
-    baliHai: DefaultColorNames.baliHai;
-    primary: DefaultColorNames.primary;
-    accent: DefaultColorNames.accent;
-    transparent: DefaultColorNames.transparent;
-    catalinaBlue: DefaultColorNames.catalinaBlue;
-    danube: DefaultColorNames.danube;
-    midnightDeep: DefaultColorNames.midnightDeep;
-    anakiva: DefaultColorNames.anakiva;
-    azureRadiance: DefaultColorNames.azureRadiance;
-    blueMarguerite: DefaultColorNames.blueMarguerite;
-    blueViolet: DefaultColorNames.blueViolet;
-    bossanova: DefaultColorNames.bossanova;
-    capeCod: DefaultColorNames.capeCod;
-    cerulean: DefaultColorNames.cerulean;
-    congressBlue: DefaultColorNames.congressBlue;
-    congressBlueLight: DefaultColorNames.congressBlueLight;
-    creamBrulee: DefaultColorNames.creamBrulee;
-    denim: DefaultColorNames.denim;
-    earlyDawn: DefaultColorNames.earlyDawn;
-    eminence: DefaultColorNames.eminence;
-    endeavour: DefaultColorNames.endeavour;
-    fern: DefaultColorNames.fern;
-    ghost: DefaultColorNames.ghost;
-    grape: DefaultColorNames.grape;
-    gunsmoke: DefaultColorNames.gunsmoke;
-    highland: DefaultColorNames.highland;
-    honeyFlower: DefaultColorNames.honeyFlower;
-    honeyFlower2: DefaultColorNames.honeyFlower2;
-    honeyFlower3: DefaultColorNames.honeyFlower3;
-    jagger: DefaultColorNames.jagger;
-    jordyBlue: DefaultColorNames.jordyBlue;
-    jumbo: DefaultColorNames.jumbo;
-    mediumPurple: DefaultColorNames.mediumPurple;
-    midnightBlue: DefaultColorNames.midnightBlue;
-    moodyBlue: DefaultColorNames.moodyBlue;
-    nandor: DefaultColorNames.nandor;
-    nevada: DefaultColorNames.nevada;
-    olivine: DefaultColorNames.olivine;
-    parsley: DefaultColorNames.parsley;
-    pattensBlue: DefaultColorNames.pattensBlue;
-    pattensBlueLight: DefaultColorNames.pattensBlueLight;
-    scarletGum: DefaultColorNames.scarletGum;
-    scienceBlue: DefaultColorNames.scienceBlue;
-    scienceBlue03: DefaultColorNames.scienceBlue03;
-    seance: DefaultColorNames.seance;
-    smalt: DefaultColorNames.smalt;
-    smaltLight: DefaultColorNames.smaltLight;
-    tarawera: DefaultColorNames.tarawera;
-    toryBlue: DefaultColorNames.toryBlue;
-    toryBlueDark: DefaultColorNames.toryBlueDark;
-    dodgerBlueDark: DefaultColorNames.dodgerBlueDark;
-    chambray: DefaultColorNames.chambray;
-    chambrayDark: DefaultColorNames.chambrayDark;
-    pomegranateDark: DefaultColorNames.pomegranateDark;
-    azureRadiance2: DefaultColorNames.azureRadiance2;
-    curiousBlue: DefaultColorNames.curiousBlue;
-    jungleGreen: DefaultColorNames.jungleGreen;
-    violetDeep: DefaultColorNames.violetDeep;
-    stormGray: DefaultColorNames.stormGray;
-    zeus: DefaultColorNames.zeus;
-    athensGray: DefaultColorNames.athensGray;
-    marinerLight: DefaultColorNames.marinerLight;
-    royalBlue: DefaultColorNames.royalBlue;
-    melrose: DefaultColorNames.melrose;
-    zircon: DefaultColorNames.zircon;
-    veniceBlue: DefaultColorNames.veniceBlue;
-    solitude: DefaultColorNames.solitude;
-    selago: DefaultColorNames.selago;
-    coconutCream: DefaultColorNames.coconutCream;
-    cinderella: DefaultColorNames.cinderella;
-    royalBlueDark: DefaultColorNames.royalBlueDark;
-    persianBlue: DefaultColorNames.persianBlue;
-    ultramarine: DefaultColorNames.ultramarine;
-    cornflowerBlueDark: DefaultColorNames.cornflowerBlueDark;
-    jungleGreenDark: DefaultColorNames.jungleGreenDark;
-    mountainMeadow: DefaultColorNames.mountainMeadow;
-    dodgerBlueDim: DefaultColorNames.dodgerBlueDim;
-    zirconDark: DefaultColorNames.zirconDark;
-    pizazz: DefaultColorNames.pizazz;
-    madison: DefaultColorNames.madison;
-    ebony: DefaultColorNames.ebony;
-    mediumRedViolet: DefaultColorNames.mediumRedViolet;
-    fruitSaladLight: DefaultColorNames.fruitSaladLight;
-    shark: DefaultColorNames.shark;
-    azureRadianceLight: DefaultColorNames.azureRadianceLight;
-    carnation: DefaultColorNames.carnation;
-    limaGreen: DefaultColorNames.limaGreen;
-    mysin: DefaultColorNames.mysin;
-    studio: DefaultColorNames.studio;
-    athsSpecial: DefaultColorNames.athsSpecial;
-    thunderbird: DefaultColorNames.thunderbird;
-    denimDark: DefaultColorNames.denimDark;
-    puertoRico: DefaultColorNames.puertoRico;
-    lochmara: DefaultColorNames.lochmara;
-    aliceBlue: DefaultColorNames.aliceBlue;
-    perano: DefaultColorNames.perano;
-    portage: DefaultColorNames.portage;
-    royalBlueDim: DefaultColorNames.royalBlueDim;
-    sailDim: DefaultColorNames.sailDim;
-    solitaire: DefaultColorNames.solitaire;
-    capeHoney: DefaultColorNames.capeHoney;
-    fairPink: DefaultColorNames.fairPink;
-    romantic: DefaultColorNames.romantic;
-    polar: DefaultColorNames.polar;
-    cruise: DefaultColorNames.cruise;
-    selagoLight: DefaultColorNames.selagoLight;
-    moonRaker: DefaultColorNames.moonRaker;
-    pippin: DefaultColorNames.pippin;
-    yourPinkDark: DefaultColorNames.yourPinkDark;
-    peppermintLight: DefaultColorNames.peppermintLight;
-    fringyFlower: DefaultColorNames.fringyFlower;
-    heliotropeDark: DefaultColorNames.heliotropeDark;
-    pictonBlue: DefaultColorNames.pictonBlue;
-    mediumPurpleRed: DefaultColorNames.mediumPurpleRed;
-    scooter: DefaultColorNames.scooter;
-    chambrayDim: DefaultColorNames.chambrayDim;
-    dodgerBlueLight: DefaultColorNames.dodgerBlueLight;
-    selectiveYellow: DefaultColorNames.selectiveYellow;
-    scienceBlueDark: DefaultColorNames.scienceBlueDark;
-    dodgerBlueDeep: DefaultColorNames.dodgerBlueDeep;
-    kashmirBlue: DefaultColorNames.kashmirBlue;
-    turbo: DefaultColorNames.turbo;
-    denimDim: DefaultColorNames.denimDim;
-    orangeRoughy: DefaultColorNames.orangeRoughy;
-    selagoDim: DefaultColorNames.selagoDim;
-    congressBlueNight: DefaultColorNames.congressBlueNight;
-    azureRadianceMedium: DefaultColorNames.azureRadianceMedium;
-    honeyFlowerDim: DefaultColorNames.honeyFlowerDim;
-    jaguar: DefaultColorNames.jaguar;
-    kournikova: DefaultColorNames.kournikova;
-    drover: DefaultColorNames.drover;
-    flamingo: DefaultColorNames.flamingo;
-    mineShaftDim: DefaultColorNames.mineShaftDim;
-    periwinkle: DefaultColorNames.periwinkle;
-    colonialWhiteDim: DefaultColorNames.colonialWhiteDim;
-    pattensBlueDeep: DefaultColorNames.pattensBlueDeep;
-    solitudeDim: DefaultColorNames.solitudeDim;
-    periwinkleDim: DefaultColorNames.periwinkleDim;
-    rioGrande: DefaultColorNames.rioGrande;
-    kournikovaDim: DefaultColorNames.kournikovaDim;
-};
-
-declare type Nullable<T> = T | null | undefined;
-declare type HEX = `#${string}`;
-declare type RGB = `rgb(${number}, ${number}, ${number})`;
-declare type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
-declare type CSSGlobalValue = 'initial' | 'inherit' | 'unset' | 'revert' | 'revert-layer';
-declare type CSSUnit = 'px' | 'rem' | 'em' | '%';
-declare type CSSColor = RGB | RGBA | HEX | CSSGlobalValue | 'currentcolor' | 'transparent';
-declare type CSSBorderStyle = CSSGlobalValue | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
-declare type CSSVerticalAlign = CSSGlobalValue | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom';
-declare type CSSFontWeight = CSSGlobalValue | 'normal' | 'bold' | 'lighter' | 'bolder' | number;
-declare type Size = 'xxxl' | 'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs' | 'xxxs';
-declare type Breakpoint = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
-declare type Color = keyof typeof ColorNames | CSSColor;
-declare type ColorPaletteKey = 'color' | `color${string}` | `${string}Color` | `${string}Color${string}`;
-declare type Sizes = Record<Size, CSSProperties>;
-declare type ThemePreset = 'default' | 'brand';
-declare type ThemeMode = 'light' | 'dark';
-declare type ThemeName = 'mother' | 'baby' | 'teen' | 'adult';
-
-interface BaseProps {
-    preset?: ThemePreset;
-    className?: string;
-    style?: React.CSSProperties;
-}
-
-/**
- * Converts HEX color code to RGB(A) string
- *
- * @export
- * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)
- * @param {Number} alpha channel which specifies the opacity of the color
- * @returns {String} RGB(A) string
- */
-declare function hexToRgbA(hex: string, alpha?: number): string;
-/**
- * Checks if value is HEX color
- *
- * @export
- * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)
- * @returns {boolean}
- */
-declare function isHex(hex: string): boolean;
-
-interface ThemeProviderProps {
-    theme: Partial<DefaultTheme> | ((topLevelTheme: DefaultTheme) => DefaultTheme);
-    children: React.ReactNode;
-}
-declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;
-
-declare const defaultTheme: DefaultTheme;
-declare const motherLightTheme: DefaultTheme;
-declare const motherDarkTheme: DefaultTheme;
-declare const babyLightTheme: DefaultTheme;
-declare const babyDarkTheme: DefaultTheme;
-declare const teenLightTheme: DefaultTheme;
-declare const teenDarkTheme: DefaultTheme;
-declare const adultLightTheme: DefaultTheme;
-declare const adultDarkTheme: DefaultTheme;
-
-/**
- * Value for breakpoint
- */
-declare type PossibleValues = number | Size | 'auto' | 'initial' | 'inherit' | boolean;
-declare type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
-declare type CalcProperty = (_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null;
-declare type CssProperty = string | CalcProperty;
-declare type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
-declare type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = {
-    [key in `${T}${ResponsiveKeys}`]?: V;
-};
-declare type ResponsiveProperty<V = number | Size> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
-declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string, sizes?: Record<Size, number>) => () => () => FlattenSimpleInterpolation | null;
-interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
-    sizes: ResponsiveNamedProperty<T>;
-    cssProperty: CssProperty;
-    sizing?: null | string;
-    customSizeHandler?: (_value: PossibleValues) => PossibleValues;
-    sort?: (_a: string, _b: string) => number;
-    predefinedSizes?: Record<Size, number>;
-}
-/**
- * Миксин для генерации media запросов
- *
- * @param obj.sizes Объект, в качестве ключей брэйкпоинт, в качестве значений - величина
- * @param obj.cssProperty CSS свойство, может быть функцией, возвращающей css`` из styled-components
- * @param obj.sizing значение величины, по умолчанию `px`
- * @param obj.customSizeHandler функция для вычисления кастомных значений величин
- * @returns строки медиазапросов
- */
-declare const responsiveNamedProperty: <T extends PropsProperties>({ sizes, predefinedSizes, cssProperty, sizing, customSizeHandler, sort, }: ResponsiveNamedPropertyPayload<T>) => () => () => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>[];
-/**
- * Миксин для генерации media запросов
- *
- * @param propName имя пропсы
- * @param cssProperty имя css свойства
- * @param sizing значение величины, по умолчанию `px`
- * @returns строки медиазапросов
- */
-declare const responsiveProperty: (propName: string, cssProperty?: string | null, sizing?: null | string) => () => (props: any) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>> | null;
-
-declare type H = 'h1' | 'h2' | 'h3' | 'h4';
-interface TextHeadingProps extends Omit<TextProps, 'content' | 'as'> {
-    /** Default set of size, lineHeight and weight props */
-    h?: H;
-    /** Children react node */
-    children?: React.ReactNode;
-}
-
-/**
- * @visibleName Text.Heading
- */
-declare const TextHeading: {
-    (props: TextHeadingProps): JSX.Element;
-    displayName: string;
-};
-
-interface TextEllipseProps extends Omit<TextProps, 'content'> {
-    /** Toggle text for folded state */
-    moreText?: string;
-    /** Toggle text for unfolded state */
-    lessText?: string;
-    /** Classname */
-    className?: string;
-    /** Text content */
-    content: string | string[];
-    /** Characters quantity for ellipsed text */
-    chars?: number;
-    /** Wrap text in quotes */
-    quoted?: boolean;
-    /** Flag to show toggler */
-    showToggler?: boolean;
-}
-interface TextEllipseState {
-    isUnFolded: boolean;
-    isEllipsed: boolean;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`Display`](#/Миксины)
- * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
- */
-declare class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {
-    static displayName: string;
-    constructor(props: TextEllipseProps);
-    componentDidUpdate({ content }: TextEllipseProps): void;
-    getContent: (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler' | 'content'>) => "" | JSX.Element;
-    getQuted: (content: string) => string;
-    toggle: () => void;
-    render(): JSX.Element;
-}
-
-declare type ResponsivePropKey = 'size' | keyof CSSProperties;
-declare type ResponsiveProps<K extends ResponsivePropKey, V> = {
-    [key in K]?: V | [DESKTOP: V, TABLET: V, MOBILE: V] | [XL: V, L: V, M: V, S: V, XS: V, XXS: V];
-} & {
-    [key in `${K}${Breakpoint}`]?: V;
-};
-
-declare type SizeProperty = 'size';
-declare type SizeValue = Size | CSSGlobalValue | number;
-declare type ResponsiveSizeProps = ResponsiveProps<SizeProperty, SizeValue> & {
-    sizeUnits?: CSSUnit;
-    sizes?: Partial<Sizes>;
-};
-
-declare type MarginProperty = 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft';
-declare type MarginValue = CSSGlobalValue | (string & {}) | number;
-declare type ResponsiveMarginProps = ResponsiveProps<MarginProperty, MarginValue> & {
-    marginUnits?: CSSUnit;
-};
-
-declare type ColorPropertyVariants = 'color' | 'fontColor' | `${string}Color` | `color${string}`;
-declare type ColorCalcProperty = (_color: CSSColor) => FlattenSimpleInterpolation | null;
-declare type ColorCssProperty = string | ColorCalcProperty;
-declare type ColorProperty<T extends ColorPropertyVariants = 'color'> = {
-    [key in `${T}`]?: Color;
-};
-declare const color: (color?: Color | string, cssProperty?: ColorCssProperty) => () => (props: {
-    theme: DefaultTheme;
-}) => FlattenSimpleInterpolation | null;
-
-declare type Display = 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'table-cell' | 'inherit' | 'none';
-interface DisplayProperty {
-    display?: Display;
-}
-
-declare type TypographyAppearance = 'display' | 'heading' | 'subheading' | 'subheading-compact' | 'body' | 'caption';
-interface TextProps extends ResponsiveSizeProps, ResponsiveMarginProps, DisplayProperty, ColorProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color'> {
-    /** Root node polymorphic type */
-    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
-    /** Predefined styles and sizes */
-    appearance?: TypographyAppearance;
-    /** Font family */
-    fontFamily?: string;
-    /** Font weight */
-    weight?: CSSFontWeight;
-    /** White space */
-    whiteSpace?: string;
-    /** Font style */
-    fontStyle?: 'normal' | 'italic';
-    /** Text transform */
-    transform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
-    /** Underline content */
-    underline?: CSSBorderStyle | boolean;
-    /** Text align */
-    textAlign?: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end';
-    /** Line height */
-    lineHeight?: 'l' | 'm' | 's' | 'xs' | number;
-    /** React children */
-    children?: React.ReactNode;
-    /** @ignore @deprecated Use Anchor interface */
-    underlineLinks?: boolean;
-    /** @ignore @deprecated Use children */
-    content?: string;
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [TextProps](https://github.com/foxford/ui/blob/master/src/components/Text/types.ts)
- */
-declare const Text: React.ForwardRefExoticComponent<TextProps> & {
-    Heading: typeof TextHeading;
-    Ellipse: typeof TextEllipse;
-};
-
-declare type IconNameDefault = 'book' | 'blackBoard' | 'burger' | 'eye' | 'email' | 'sort' | 'unsort' | 'person' | 'diamond' | 'diamondFilled' | 'diamondSolid' | 'infoInverse' | 'list' | 'login' | 'logout' | 'fire' | 'camps' | 'cart' | 'clock' | 'clockFilled' | 'courses' | 'discount' | 'externat' | 'headphones' | 'page' | 'priceTag' | 'phone' | 'prof' | 'star' | 'settings' | 'student' | 'target' | 'textbook' | 'trophy' | 'message' | 'wallet' | 'edit' | 'copy' | 'print' | 'objective' | 'present' | 'coins' | 'calendar' | 'calendar_simple' | 'chevronDown' | 'chevronUp' | 'chevronRight' | 'chevronLeft' | 'cross' | 'dialog' | 'dropDownArrow' | 'externalLink' | 'file' | 'fileBordered' | 'lessons' | 'pencil' | 'phoneNoFill' | 'radioChecked' | 'radioNotChecked' | 'search' | 'tasks' | 'tinyCross' | 'sharpCross' | 'plus' | 'plusThin' | 'play' | 'reload' | 'checkCircle' | 'info' | 'check' | 'home' | 'questionFilled' | 'document' | 'cancel' | 'playPause' | 'video';
-declare type IconName = IconNameDefault | Uncapitalize<IconName$1>;
-interface IconProps extends ResponsiveSizeProps, Omit<React.ComponentPropsWithRef<'span'>, 'children'> {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** Icon color */
-    color?: Color;
-    /** Built-in icon name */
-    name?: IconName;
-    /** Custom icon element */
-    icon?: JSX.Element;
-    /** Value for vertical-align */
-    vAlign?: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline';
-    /** @ignore @deprecated */
-    as?: React.ElementType<any>;
-}
-
-/**
- *
- * Component accepts all \<span\> attributes.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [IconProps](https://github.com/foxford/ui/blob/master/src/components/Icon/types.ts)
- */
-declare const Icon: React.ForwardRefExoticComponent<IconProps>;
-
-declare const defaultIcons: Record<IconNameDefault, React__default.FC>;
-
-declare global {
-    // Some users of this package are don't use "dom" libs
-    interface EventTarget {}
-    interface EventListener {}
-    interface EventListenerObject {}
-}
-
-// Type definitions for history 4.7.2
-
-
-type Action = 'PUSH' | 'POP' | 'REPLACE';
-type UnregisterCallback = () => void;
-
-interface Location$1<S = LocationState> {
-    pathname: Pathname;
-    search: Search;
-    state: S;
-    hash: Hash;
-    key?: LocationKey | undefined;
-}
-
-interface LocationDescriptorObject<S = LocationState> {
-    pathname?: Pathname | undefined;
-    search?: Search | undefined;
-    state?: S | undefined;
-    hash?: Hash | undefined;
-    key?: LocationKey | undefined;
-}
-
-interface History<HistoryLocationState = LocationState> {
-    length: number;
-    action: Action;
-    location: Location$1<HistoryLocationState>;
-    push(location: Path | LocationDescriptor<HistoryLocationState>, state?: HistoryLocationState): void;
-    replace(location: Path | LocationDescriptor<HistoryLocationState>, state?: HistoryLocationState): void;
-    go(n: number): void;
-    goBack(): void;
-    goForward(): void;
-    block(prompt?: boolean | string | TransitionPromptHook<HistoryLocationState>): UnregisterCallback;
-    listen(listener: LocationListener<HistoryLocationState>): UnregisterCallback;
-    createHref(location: LocationDescriptorObject<HistoryLocationState>): Href;
-}
-
-declare namespace History {
-    export type LocationDescriptor<S = LocationState> = Path | LocationDescriptorObject<S>;
-    export type LocationKey = string;
-    export type LocationListener<S = LocationState> = (location: Location$1<S>, action: Action) => void;
-
-    export type LocationState = unknown;
-    export type Path = string;
-    export type Pathname = string;
-    export type Search = string;
-    export type TransitionHook<S = LocationState> = (location: Location$1<S>, callback: (result: any) => void) => any;
-    export type TransitionPromptHook<S = LocationState> = (
-        location: Location$1<S>,
-        action: Action,
-    ) => string | false | void;
-    export type Hash = string;
-    export type Href = string;
-}
-
-type LocationDescriptor<S = LocationState> = History.LocationDescriptor<S>;
-type LocationKey = History.LocationKey;
-type LocationListener<S = LocationState> = History.LocationListener<S>;
-type LocationState = History.LocationState;
-type Path = History.Path;
-type Pathname = History.Pathname;
-type Search = History.Search;
-type TransitionPromptHook<S = LocationState> = History.TransitionPromptHook<S>;
-type Hash = History.Hash;
-type Href = History.Href;
-
-declare type AnchorPalette = {
-    color: CSSColor;
-    colorHover: CSSColor;
-    colorDisabled: CSSColor;
-};
-interface AnchorProps extends ResponsiveSizeProps, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'a'>, 'color' | 'children'>, 
-/** @deprecated Use palette */
-ColorProperty<'color'>, 
-/** @deprecated Use children as function */
-DisplayProperty {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** React children */
-    children?: React.ReactNode | ((props: {
-        baseTextProps: Partial<TextProps>;
-        textProps: TextProps;
-        iconBaseProps: Partial<IconProps>;
-        iconProps: AnchorProps['iconProps'];
-        icon: AnchorProps['icon'];
-    }) => React.ReactNode);
-    /** Custom colors */
-    palette?: Partial<Record<keyof AnchorPalette, Color>>;
-    /** Props for text component */
-    textProps?: TextProps;
-    /** Underline text content */
-    underline?: CSSBorderStyle | boolean;
-    /** Icons before and after content */
-    icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
-    /** Props for icon components */
-    iconProps?: IconProps;
-    /** Build rel attribute with relBuilder from context */
-    autoRel?: boolean;
-    /** Link from react-router-dom will be used.
-     *  Look up [docs](https://v5.reactrouter.com/web/api/Link) */
-    to?: string | Partial<Location$1> | ((location: Location$1) => string | Partial<Location$1>);
-    /** Look up react-router-dom [docs](https://v5.reactrouter.com/web/api/Link) */
-    replace?: boolean;
-    /** Anchor disabled */
-    disabled?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Vertical alignment */
-    verticalAlign?: CSSVerticalAlign | boolean;
-    /** @ignore @deprecated Use anchor or Link interface */
-    as?: React.ElementType<any>;
-    /** @ignore @deprecated Use children */
-    content?: string;
-    /** @ignore @deprecated Use underline */
-    pseudo?: boolean;
-    /** @ignore @deprecated */
-    wrapper?: boolean;
-}
-
-/**
- *
- * Component accepts all \<a\> attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [AnchorProps](https://github.com/foxford/ui/blob/master/src/components/Anchor/types.ts)
- */
-declare const Anchor: React.ForwardRefExoticComponent<AnchorProps>;
-
-declare type ButtonPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    colorActive: CSSColor;
-    backgroundColorActive: CSSColor;
-    borderColorActive: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-    borderColorDisabled: CSSColor;
-    shadowColor: CSSColor;
-};
-interface ButtonProps extends ResponsiveSizeProps, ColorProperty, ColorProperty<'fontColor'>, ResponsiveNamedProperty<'margin'>, ResponsiveNamedProperty<'marginTop'>, ResponsiveNamedProperty<'marginRight'>, ResponsiveNamedProperty<'marginBottom'>, ResponsiveNamedProperty<'marginLeft'>, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, Omit<React.ComponentPropsWithRef<'button'>, 'color' | 'children'>, 
-/** @deprecated Use children as function or inline prop */
-DisplayProperty, 
-/** @deprecated */
-ResponsiveNamedProperty<'padding'>, 
-/** @deprecated */
-ResponsiveNamedProperty<'paddingTop'>, 
-/** @deprecated */
-ResponsiveNamedProperty<'paddingRight'>, 
-/** @deprecated */
-ResponsiveNamedProperty<'paddingBottom'>, 
-/** @deprecated */
-ResponsiveNamedProperty<'paddingLeft'>, 
-/** @deprecated Use textProps */
-ResponsiveNamedProperty<'fontSize'>, 
-/** @deprecated Use size props */
-ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** Custom colors */
-    palette?: Partial<Record<keyof ButtonPalette, Color>>;
-    /** React children */
-    children?: React.ReactNode | ((props: {
-        baseTextProps: Partial<TextProps>;
-        textProps: TextProps;
-        iconBaseProps: Partial<IconProps>;
-        iconProps: ButtonProps['iconProps'];
-        icon: ButtonProps['icon'];
-    }) => React.ReactNode);
-    /** Props for text component */
-    textProps?: TextProps;
-    /** Display inline */
-    inline?: boolean;
-    /** Icons before and after content */
-    icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
-    /** Props for icon components */
-    iconProps?: IconProps;
-    /** Border radius 50% */
-    round?: boolean;
-    /** Appearance variant */
-    success?: boolean;
-    /** Appearance variant */
-    loading?: boolean;
-    /** Appearance variant */
-    black?: boolean;
-    /** Appearance variant */
-    danger?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Appearance variant */
-    clear?: boolean;
-    /** Appearance variant */
-    base?: boolean;
-    /** Appearance variant */
-    outline?: boolean;
-    /** Link from react-router-dom will be used.
-     *  Look up [docs](https://v5.reactrouter.com/web/api/Link) */
-    to?: string | Partial<Location$1> | ((location: Location$1) => string | Partial<Location$1>);
-    /** Anchor element will be used */
-    href?: string;
-    /** Anchor attribute  */
-    target?: string;
-    /** Anchor attribute */
-    rel?: string;
-    /** Build rel attribute with relBuilder from context */
-    autoRel?: boolean;
-    /** @ignore Appearance variant */
-    primary?: boolean;
-    /** @ignore Appearance variant */
-    secondary?: boolean;
-    /** @ignore Appearance variant */
-    inverted?: boolean;
-    /** @ignore @deprecated */
-    noSpacing?: boolean;
-    /** @ignore @deprecated Use href or to props */
-    as?: React.ElementType<any>;
-    /** @ignore @deprecated Use textProps */
-    fontWeight?: TextProps['weight'];
-    /** @ignore @deprecated */
-    rounded?: boolean;
-    /** @ignore @deprecated */
-    basic?: boolean;
-    /** @ignore @deprecated Use children */
-    content?: React.ReactNode;
-    /** @ignore @deprecated Use ref */
-    innerRef?: any;
-}
-
-/**
- *
- * Component accepts all \<button\> attributes.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [ButtonProps](https://github.com/foxford/ui/blob/master/src/components/Button/types.ts)
- */
-declare const Button: React.ForwardRefExoticComponent<ButtonProps>;
-
-declare type AlertType = 'warning' | 'error' | 'info' | 'success';
-declare type AlertSize = 'l' | 's';
-interface AlertProps extends BaseProps {
-    /** Text of the timer cancellation button */
-    cancelTimerText?: string | React.ReactNode;
-    /** Children react node */
-    children?: React.ReactNode;
-    /** Use a colorless background */
-    clear?: boolean;
-    /** This method is taken from react-toastify library */
-    closeToast?(): void;
-    /** Icon name (for inner Icon component) */
-    customIcon?: IconName;
-    /** Any custom image (e.g.: img, svg, icon from @foxford/icon-pack) */
-    image?: React.ReactNode;
-    /** Use for tablet and mobile view */
-    isCompact?: boolean;
-    /** Display a hyperlink */
-    link?: {
-        content: string | React.ReactNode;
-        onClick(): void;
-    };
-    linkProps?: AnchorProps;
-    /** Use alert without icon */
-    noIcon?: boolean;
-    /** You can cancel the action if the timer has not expired yet */
-    onClickCancelTimer?(): void;
-    /** Display the action button */
-    primaryAction?: {
-        content: string | React.ReactNode;
-        onClick(): void;
-    };
-    primaryActionProps?: ButtonProps;
-    /** Display the second action button */
-    secondaryAction?: {
-        content: string | React.ReactNode;
-        onClick(): void;
-    };
-    secondaryActionProps?: ButtonProps;
-    /** Use this to change the appearance of the alert */
-    size?: AlertSize;
-    /** Use it when you need to move text to another line in alerts without a title */
-    textProps?: TextProps;
-    textWrap?: boolean;
-    /** It is used in alerts with a timer. Pass the value in seconds */
-    timer?: number;
-    /** Display a title */
-    title?: string;
-    titleProps?: TextProps;
-    type?: AlertType;
-    width?: ResponsiveProperty<string | number>;
-}
-
-declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
-
-declare type ArrowPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    colorActive: CSSColor;
-    backgroundColorActive: CSSColor;
-    borderColorActive: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-    borderColorDisabled: CSSColor;
-    shadowColor: CSSColor;
-};
-interface ArrowProps extends ResponsiveSizeProps, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** Custom colors */
-    palette?: Partial<Record<keyof ArrowPalette, Color>>;
-    /** Props for icon component */
-    iconProps?: IconProps;
-    /** Shape variant */
-    square?: boolean;
-    /** Arrow direction */
-    top?: boolean;
-    /** Arrow direction */
-    right?: boolean;
-    /** Arrow direction */
-    bottom?: boolean;
-    /** Arrow direction */
-    left?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Appearance variant */
-    outline?: boolean;
-    /** @ignore */
-    inverse?: boolean;
-}
-
-/**
- *
- * Component accepts all \<button\> attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [ArrowProps](https://github.com/foxford/ui/blob/master/src/components/Arrow/types.ts)
- */
-declare const Arrow: React.ForwardRefExoticComponent<ArrowProps>;
-
-declare type InputCheckboxPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    colorChecked: CSSColor;
-    backgroundColorChecked: CSSColor;
-    borderColorChecked: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-    borderColorDisabled: CSSColor;
-    colorDisabledChecked: CSSColor;
-    backgroundColorDisabledChecked: CSSColor;
-    borderColorDisabledChecked: CSSColor;
-};
-interface InputCheckboxProps extends ResponsiveSizeProps, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof InputCheckboxPalette, Color>>;
-    /** Display inline */
-    inline?: boolean;
-    /** Indeterminate state appearance */
-    indeterminate?: boolean;
-    /** Appearance variant */
-    error?: boolean;
-    /** Appearance variant */
-    success?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-}
-
-declare type CheckboxStaticSize = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge' | 'xs' | 's' | 'm' | 'l' | 'xl';
-declare type CheckboxSize = CheckboxStaticSize | ResponsiveProperty<`${number}rem` | number>;
-interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width' | 'value'>, BaseProps {
-    /** Checkbox value */
-    value?: string | number;
-    /** Checkbox size */
-    size?: CheckboxSize;
-    /** Display inline, default to true */
-    inline?: boolean;
-    /** Checkbox errored appearance */
-    error?: boolean;
-    /** Root label width 100% */
-    fluid?: boolean;
-    /** Root label width */
-    width?: ResponsiveProperty<number | string>;
-    /** Label content */
-    children?: React.ReactNode;
-    /** @preset {Brand} Checkbox success appearance */
-    success?: boolean;
-    /** @preset {Brand} Label with background */
-    background?: boolean;
-    /** @preset {Brand} Modifies appearance on colored background */
-    onColored?: boolean;
-    /** @deprecated Use children */
-    label?: string;
-}
-interface CheckboxGroupProps extends BaseProps {
-    inline?: boolean;
-    children: React.ReactNode;
-}
-interface CheckboxComponent extends ForwardRefExoticComponent<PropsWithoutRef<CheckboxProps> & RefAttributes<HTMLLabelElement>> {
-    Input: React.ForwardRefExoticComponent<InputCheckboxProps>;
-    Group: (props: CheckboxGroupProps) => JSX.Element;
-}
-
-declare const Checkbox: CheckboxComponent;
-
-declare enum SizeInput {
-    l = 380,
-    m = 300,
-    s = 220,
-    xs = 140
-}
-
-interface TextareaProps extends ColorProperty, ColorProperty<'placeholderColor'>, ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number>, Omit<React.ComponentPropsWithoutRef<'textarea'>, 'color'> {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** Specifies the visible max number of lines in a text area */
-    maxRows?: number;
-    /** Value */
-    value?: string;
-    /** Autosize for textarea */
-    autosize?: boolean;
-    /** Has error */
-    error?: boolean;
-    /** Take on the size of it's container */
-    fluid?: boolean;
-    /** Rounded style */
-    rounded?: boolean;
-}
-
-declare const Textarea: {
-    (props: TextareaProps): JSX.Element;
-    displayName: string;
-};
-
-interface SwitcherProps extends ColorProperty<'color'>, ColorProperty<'inactiveColor'> {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** Input id */
-    id?: string;
-    /** Class attribute */
-    className?: string;
-    /** Input name */
-    name?: string;
-    /**  Input value */
-    value?: boolean;
-    /** Switcher is disabled */
-    disabled?: boolean;
-    /** Tab index */
-    tabIndex?: number;
-    /** Switcher label */
-    children?: React.ReactNode;
-    /** onChange function */
-    onChange?(_checked: boolean, _event: React.ChangeEvent<HTMLInputElement>): void;
-}
-
-declare const Switcher: React$1.ForwardRefExoticComponent<SwitcherProps & React$1.RefAttributes<HTMLDivElement>>;
-
-declare type ArrowBadgePalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-};
-interface ArrowBadgeProps extends ResponsiveSizeProps, ResponsiveMarginProps, 
-/** @deprecated Use palette */
-ColorProperty<'color'>, 
-/** @deprecated Use palette */
-ColorProperty<'backgroundColor'>, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'> {
-    /** React children */
-    children: React.ReactNode | ((props: {
-        baseTextProps: Partial<TextProps>;
-        textProps: TextProps;
-    }) => React.ReactNode);
-    /** Custom colors */
-    palette?: Partial<Record<keyof ArrowBadgePalette, Color>>;
-    /** Props for text component */
-    textProps?: TextProps;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Appearance variant */
-    tertiary?: boolean;
-    /** Appearance variant */
-    quaternary?: boolean;
-    /** Pointed left */
-    left?: boolean;
-    /** Pointed right */
-    right?: boolean;
-    /** Fancy tail shape */
-    fancy?: boolean;
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/src/components/ArrowBadge/types.ts)
- */
-declare const ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps>;
-
-declare type TabPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-    borderColorDisabled: CSSColor;
-};
-interface TabProps extends ResponsiveSizeProps, ResponsiveMarginProps, 
-/** @deprecated Use palette */
-ColorProperty<'color'>, 
-/** @deprecated Use palette */
-ColorProperty<'borderColor'>, Omit<React.ComponentPropsWithRef<'button'>, 'color' | 'children'> {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** Custom colors */
-    palette?: Partial<Record<keyof TabPalette, Color>>;
-    /** React children */
-    children: React.ReactNode | ((props: {
-        textProps: TextProps;
-        baseTextProps: Partial<TextProps>;
-    }) => React.ReactNode);
-    /** Props for text component */
-    textProps?: TextProps;
-    /** Active appearance */
-    active?: boolean;
-    /** Appearance variant */
-    outline?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Appearance variant */
-    black?: boolean;
-    /** Pointed left */
-    left?: boolean;
-    /** Pointed right */
-    right?: boolean;
-    /** Border radius applied */
-    rounded?: boolean;
-    /** @ignore */
-    compact?: boolean;
-    /** @ignore */
-    crispy?: boolean;
-    /** @ignore */
-    crispyCompact?: boolean;
-    /** @ignore @deprecated Use button interface */
-    as?: React.ElementType<any>;
-    /** @ignore @deprecated Use compact, crispy, crispyCompact */
-    theme?: 'compact' | 'crispy' | 'crispyCompact';
-}
-
-/**
- *
- * Component accepts all \<button\> attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [TabProps](https://github.com/foxford/ui/blob/master/src/components/Tab/types.ts)
- */
-declare const Tab: React.ForwardRefExoticComponent<TabProps>;
-
-declare type BadgePalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-};
-interface BadgeProps extends ResponsiveSizeProps, ResponsiveMarginProps, 
-/** @deprecated Use palette */
-ColorProperty, 
-/** @deprecated Use children as function */
-DisplayProperty, Omit<React.ComponentPropsWithRef<'div'>, 'color' | 'children'> {
-    /** React children */
-    children?: React.ReactNode | ((props: {
-        baseTextProps: Partial<TextProps>;
-        textProps: TextProps;
-        iconBaseProps: Partial<IconProps>;
-        iconProps: BadgeProps['iconProps'];
-        icon: BadgeProps['icon'];
-    }) => React.ReactNode);
-    /** Custom colors */
-    palette?: Partial<Record<keyof BadgePalette, Color>>;
-    /** Props for text component */
-    textProps?: TextProps;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Appearance variant */
-    tertiary?: boolean;
-    /** Appearance variant */
-    quaternary?: boolean;
-    /** Appearance variant */
-    round?: boolean;
-    /** Root border radius  */
-    borderRadius?: string | number;
-    /** Icons before and after content */
-    icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
-    /** Props for icon components */
-    iconProps?: IconProps;
-    /** Don't use margin-right: 8px; */
-    resetDefaultMargin?: boolean;
-    /** @ignore @deprecated Use children */
-    content?: string | React.ReactNode;
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [BadgeProps](https://github.com/foxford/ui/blob/master/src/components/Badge/types.ts)
- */
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps>;
-
-declare type SkeletonPalette = {
-    color: CSSColor;
-    gradientColor: CSSColor;
-    gradientHighlightColor: CSSColor;
-};
-interface SkeletonProps extends ResponsiveMarginProps, React.ComponentPropsWithRef<'div'> {
-    /** Element to infer sizing */
-    children?: React.ReactNode;
-    /** Custom colors */
-    palette?: Partial<Record<keyof SkeletonPalette, Color>>;
-    /** Display 'inline-block' */
-    inline?: boolean;
-    /** Root border-radius: 50% */
-    round?: boolean;
-    /** Root border-radius */
-    borderRadius?: string | number;
-    /** Root width */
-    width?: string | number;
-    /** Root height */
-    height?: string | number;
-    /** Value (ms) to control animation speed */
-    animationDuration?: number;
-    /** Delay to animation start (ms) to avoid flicker at fast connection */
-    animationDelay?: number;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Root node type */
-    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Responsive "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)
- */
-declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps>;
-
-declare type TooltipComponentPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    shadowColor: CSSColor;
-    closeColor: CSSColor;
-    closeColorHover: CSSColor;
-    closeColorActive: CSSColor;
-    closeColorDisabled: CSSColor;
-};
-interface TooltipComponentProps extends ResponsiveSizeProps, Omit<React.ComponentPropsWithRef<'div'>, 'children' | 'title'> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof TooltipComponentPalette, Color>>;
-    /** Appearance variant */
-    black?: boolean;
-    /** Appearance variant */
-    contrast?: boolean;
-    /** Title text */
-    title?: React.ReactNode;
-    /** Props for title text component */
-    titleProps?: TextProps;
-    /** Main content text */
-    content?: React.ReactNode;
-    /** Props for content text component */
-    contentProps?: TextProps;
-    /** Footer segment */
-    footer?: React.ReactNode;
-    /** Show close button */
-    showCloseButton?: boolean;
-    /** Props for close button */
-    closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
-    /** Apply drop shadow filter */
-    elevated?: boolean;
-    /** @ignore */
-    closeFn?: () => void;
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [TooltipComponentProps](https://github.com/foxford/ui/blob/master/src/components/TooltipComponent/types.ts)
- */
-declare const TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps>;
-
-interface TooltipProps extends ResponsiveSizeProps, React.RefAttributes<HTMLDivElement> {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** Custom colors */
-    palette?: Partial<Record<keyof TooltipComponentPalette, Color>>;
-    /** Appearance variant */
-    black?: boolean;
-    /** Appearance variant */
-    contrast?: boolean;
-    /** Open automatically */
-    autoOpen?: boolean;
-    /** It will be called on state change */
-    callback?: (action: 'open' | 'close', props: Props) => void;
-    /** Default tooltip target */
-    children?: React.ReactNode;
-    /** Custom UI for tooltip */
-    component?: React.ReactElement | ((props: Pick<TooltipProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'black' | 'contrast' | 'showCloseButton' | 'closeButtonProps'> & {
-        id?: string;
-        role?: string;
-        closeFn?: () => void;
-    }) => React.ReactElement);
-    /** Tooltip content */
-    content?: React.ReactNode;
-    /** Props for content text component */
-    contentProps?: TextProps;
-    /** Debugging logs in console */
-    debug?: boolean;
-    /** Don't adjust tooltip on scroll / resize */
-    disableFlip?: boolean;
-    /** Don't convert 'hover' to 'click' event on mobile */
-    disableHoverToClick?: boolean;
-    /** Trigger event for tooltip */
-    event?: 'click' | 'hover';
-    /** Pause in 'seconds' to wait before close tooltip (valid for 'hover' event) */
-    eventDelay?: number;
-    /** Tooltip footer */
-    footer?: React.ReactNode;
-    /** Callback to get popper.js instance */
-    getPopper?: (popper: PopperInstance, origin: 'floater' | 'wrapper') => void;
-    /** Don't show tooltip arrow */
-    hideArrow?: boolean;
-    /** Distance in 'px' between tooltip and its target */
-    offset?: number;
-    /** Switch between normal and controlled modes. It will disable built in tooltip behavior */
-    open?: boolean;
-    /** Tooltip position relative to its target */
-    placement?: PlacementOptions;
-    /** CSS selector or element to render tooltips */
-    portalElement?: SelectorOrElement;
-    /** Custom styles */
-    styles?: Partial<Styles>;
-    /** Show button to close tooltip */
-    showCloseButton?: boolean;
-    /** Props for button to close tooltip */
-    closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
-    /** Tooltip target. If it's not set, 'children' will be used */
-    target?: SelectorOrElement;
-    /** Tooltip title */
-    title?: React.ReactNode;
-    /** Props for title text component */
-    titleProps?: TextProps;
-    /** Position of tooltip wrapper relative to target */
-    wrapperOptions?: {
-        offset?: number;
-        placement?: Omit<PlacementOptions, 'center'>;
-        position?: boolean;
-    };
-}
-
-/**
- *
- * Component accepts ["react-floater"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to tooltip component root.
- *
- * See full [TooltipProps](https://github.com/foxford/ui/blob/master/src/components/Tooltip/types.ts)
- */
-declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps> & {
-    Component: typeof TooltipComponent;
-};
-
-declare type PopoverComponentPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    mediaPlaceholderColor: CSSColor;
-    shadowColor: CSSColor;
-    closeColor: CSSColor;
-    closeBackgroundColor: CSSColor;
-    closeColorHover: CSSColor;
-    closeBackgroundColorHover: CSSColor;
-    closeColorActive: CSSColor;
-    closeBackgroundColorActive: CSSColor;
-    closeColorDisabled: CSSColor;
-    closeBackgroundColorDisabled: CSSColor;
-};
-interface PopoverComponentProps extends ResponsiveSizeProps, Omit<React.ComponentPropsWithRef<'div'>, 'children' | 'title'> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof PopoverComponentPalette, Color>>;
-    /** Relationship of width to height */
-    orientation?: 'portrait' | 'landscape';
-    /** Loading appearance */
-    loading?: boolean;
-    /** Badge in header */
-    badge?: {
-        text?: React.ReactNode;
-        badgeProps?: BadgeProps;
-    };
-    /** Short text in header */
-    caption?: React.ReactNode;
-    /** Props for text component in header */
-    captionProps?: TextProps;
-    /** Title text */
-    title?: React.ReactNode;
-    /** Props for title text component */
-    titleProps?: TextProps;
-    /** Main text content */
-    content?: React.ReactNode;
-    /** Props for main text component */
-    contentProps?: TextProps;
-    /** Show close button */
-    showCloseButton?: boolean;
-    /** Props for close button */
-    closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
-    /** Flex-direction for footer with buttons */
-    controlsDirection?: 'row' | 'column';
-    /** Media to display: \<img\> or \<video\> */
-    media?: {
-        imgProps?: React.ComponentPropsWithoutRef<'img'>;
-        videoProps?: React.ComponentPropsWithoutRef<'video'>;
-    };
-    /** Buttons in footer */
-    controls?: {
-        secondary?: {
-            text?: React.ReactNode;
-            buttonProps?: ButtonProps;
-        };
-        primary?: {
-            text?: React.ReactNode;
-            buttonProps?: ButtonProps;
-        };
-    };
-    /** Apply drop shadow filter */
-    elevated?: boolean;
-    /** @ignore */
-    black?: boolean;
-    /** @ignore */
-    contrast?: boolean;
-    /** @ignore */
-    closeFn?: () => void;
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)
- *
- */
-declare const PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps>;
-
-interface PopoverProps extends ResponsiveSizeProps, React.RefAttributes<HTMLDivElement> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof PopoverComponentPalette, Color>>;
-    /** Open automatically */
-    autoOpen?: boolean;
-    /** It will be called on state change */
-    callback?: (action: 'open' | 'close', props: Props) => void;
-    /** Default tooltip target */
-    children?: React.ReactNode;
-    /** Debugging logs in console */
-    debug?: boolean;
-    /** Don't adjust tooltip on scroll / resize */
-    disableFlip?: boolean;
-    /** Don't convert 'hover' to 'click' event on mobile */
-    disableHoverToClick?: boolean;
-    /** Trigger event for tooltip */
-    event?: 'click' | 'hover';
-    /** Pause in 'seconds' to wait before close tooltip (valid for 'hover' event) */
-    eventDelay?: number;
-    /** Callback to get popper.js instance */
-    getPopper?: (popper: PopperInstance, origin: 'floater' | 'wrapper') => void;
-    /** Don't show tooltip arrow */
-    hideArrow?: boolean;
-    /** Distance in 'px' between tooltip and its target */
-    offset?: number;
-    /** Switch between normal and controlled modes. It will disable built in tooltip behavior */
-    open?: boolean;
-    /** Tooltip position relative to its target */
-    placement?: PlacementOptions;
-    /** CSS selector or element to render tooltips */
-    portalElement?: SelectorOrElement;
-    /** Custom styles */
-    styles?: Partial<Styles>;
-    /** Show button to close tooltip */
-    showCloseButton?: boolean;
-    /** Props for close button */
-    closeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
-    /** Tooltip target. If it's not set, 'children' will be used */
-    target?: SelectorOrElement;
-    /** Position of tooltip wrapper relative to target */
-    wrapperOptions?: {
-        offset?: number;
-        placement?: Omit<PlacementOptions, 'center'>;
-        position?: boolean;
-    };
-    /** Relationship of width to height */
-    orientation?: 'portrait' | 'landscape';
-    /** Loading appearance */
-    loading?: boolean;
-    /** Badge in header */
-    badge?: {
-        text?: React.ReactNode;
-        badgeProps?: BadgeProps;
-    };
-    /** Short text in header */
-    caption?: React.ReactNode;
-    /** Props for text component in header */
-    captionProps?: TextProps;
-    /** Title text */
-    title?: React.ReactNode;
-    /** Props for title text component */
-    titleProps?: TextProps;
-    /** Main text content */
-    content?: React.ReactNode;
-    /** Props for main text component */
-    contentProps?: TextProps;
-    /** Flex-direction in footer */
-    controlsDirection?: 'row' | 'column';
-    /** Media to display: \<img\> or \<video\> */
-    media?: {
-        imgProps?: React.ComponentPropsWithoutRef<'img'>;
-        videoProps?: React.ComponentPropsWithoutRef<'video'>;
-    };
-    /** Buttons in footer */
-    controls?: {
-        secondary?: {
-            text?: React.ReactNode;
-            buttonProps?: ButtonProps;
-        };
-        primary?: {
-            text?: React.ReactNode;
-            buttonProps?: ButtonProps;
-        };
-    };
-    /** @ignore */
-    footer?: React.ReactNode;
-    /** @ignore */
-    black?: boolean;
-    /** @ignore */
-    contrast?: boolean;
-}
-
-/**
- *
- * Component accepts ["react-floater"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to popover component root.
- *
- * See full [PopoverProps](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts)
- */
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps> & {
-    Component: typeof PopoverComponent;
-};
-
-declare type ListItemPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    mediaPlaceholderColor: CSSColor;
-};
-interface ListItemProps extends ResponsiveSizeProps, ResponsiveMarginProps, Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type'>, Omit<React.AnchorHTMLAttributes<HTMLElement>, 'children' | 'title' | 'type' | 'media'> {
-    /** Root node type */
-    as?: React.ElementType;
-    /** Main text content or render function */
-    children?: React.ReactNode | ((props: Required<Pick<ListItemProps, 'textProps' | 'captionProps'>>) => React.ReactNode);
-    /** Control to render (checkbox, radio, button, etc.) */
-    control?: JSX.Element | ((props: Required<Pick<ListItemProps, 'size'>> & Pick<ListItemProps, 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'onColored' | 'disabled'>) => JSX.Element);
-    /** Control position on horizontal axis */
-    controlPosition?: 'left' | 'right';
-    /** Icons before and after content */
-    icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
-    /** Props for icon components */
-    iconProps?: IconProps;
-    /** Media to display */
-    media?: React.ComponentPropsWithoutRef<'img'> | JSX.Element;
-    /** Media border-radius */
-    mediaBorderRadius?: string | number;
-    /** Main text (alternative to children) */
-    text?: React.ReactNode;
-    /** Props for main text component */
-    textProps?: TextProps;
-    /** Additional text */
-    caption?: React.ReactNode;
-    /** Props for caption text component */
-    captionProps?: TextProps;
-    /** Caption position relative to main text */
-    captionPosition?: 'top' | 'bottom';
-    /** Additional components */
-    addon?: React.ReactNode;
-    /** Custom colors */
-    palette?: Partial<Record<keyof ListItemPalette, Color>>;
-    /** Root border-radius */
-    borderRadius?: string | number;
-    /** Apply text-overflow: ellipsis; to text content (default true) */
-    ellipsis?: boolean;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Appearance variant */
-    danger?: boolean;
-    /** Appearance variant */
-    active?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Appearance variant */
-    disabled?: boolean;
-    /** Appearance variant */
-    loading?: boolean;
-    /** @ignore */
-    to?: string | Partial<Location> | ((location: Location) => string | Partial<Location>);
-    /** @ignore */
-    replace?: boolean;
-    /** @ignore */
-    ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
-    /** @ignore */
-    type?: string;
-}
-
-/**
- *
- * Component accepts all root HTML attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [ListItemProps](https://github.com/foxford/ui/blob/master/src/components/ListItem/types.ts)
- */
-declare const ListItem: React.ForwardRefExoticComponent<ListItemProps>;
-
-declare type IndicatorPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    shadowColor: CSSColor;
-};
-interface IndicatorProps extends ResponsiveSizeProps, React.ComponentPropsWithRef<'span'> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof IndicatorPalette, Color>>;
-    /** Text content */
-    children?: React.ReactNode;
-    /** Text content (alternative to children) */
-    text?: React.ReactNode;
-    /** Props for text component */
-    textProps?: TextProps;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Appearance variant */
-    black?: boolean;
-    /** Appearance variant */
-    grey?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Enable pulse animation */
-    pulse?: boolean;
-    /** Pulse animation iteration count */
-    pulseIterationCount?: number;
-    /** Apply shadow styles */
-    frame?: boolean;
-}
-
-/**
- *
- * Component accepts all \<span\> attributes.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [IndicatorProps](https://github.com/foxford/ui/blob/master/src/components/Indicator/types.ts)
- */
-declare const Indicator: React.ForwardRefExoticComponent<IndicatorProps>;
-
-declare type AvatarPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    shadowColor: CSSColor;
-};
-interface AvatarProps extends Omit<ResponsiveSizeProps, 'size'>, ResponsiveMarginProps, 
-/** @deprecated Use palette */
-ColorProperty<'color'>, Omit<React.ComponentPropsWithRef<'span'>, 'color'> {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** @ignore Component size */
-    size?: ResponsiveSizeProps['size'] | 'sm';
-    /** Custom colors */
-    palette?: Partial<Record<keyof AvatarPalette, Color>>;
-    /** Text content (alternative to image) */
-    text?: string;
-    /** Props for text component */
-    textProps?: TextProps;
-    /** Avatar img url */
-    src?: string;
-    /** Apply shadow styles */
-    shadow?: boolean;
-    /** Shape variant */
-    square?: boolean;
-    /** Loading appearance */
-    loading?: boolean;
-}
-
-/**
- *
- * Component accepts all \<span\> attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [AvatarProps](https://github.com/foxford/ui/blob/master/src/components/Avatar/types.ts)
- */
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps>;
-
-declare type IconButtonPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    colorActive: CSSColor;
-    backgroundColorActive: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-};
-interface IconButtonProps extends ResponsiveSizeProps, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'button'>, 'children'> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof IconButtonPalette, Color>>;
-    /** Icon to display */
-    icon?: JSX.Element | IconName;
-    /** Props for icon component */
-    iconProps?: IconProps;
-    /** Shape variant */
-    square?: boolean;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Appearance variant */
-    contrast?: boolean;
-}
-
-/**
- *
- * Component accepts all \<button\> attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [IconButtonProps](https://github.com/foxford/ui/blob/master/src/components/IconButton/types.ts)
- */
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps>;
-
-declare type ChipPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-    borderColorDisabled: CSSColor;
-};
-interface ChipProps extends ResponsiveSizeProps, ResponsiveMarginProps, React.RefAttributes<HTMLElement>, Omit<React.ButtonHTMLAttributes<HTMLElement>, 'children'> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof ChipPalette, Color>>;
-    /** Main text content or render function */
-    children?: React.ReactNode | ((props: {
-        textProps: TextProps;
-        captionProps: TextProps;
-        discardButtonProps: IconButtonProps;
-    }) => React.ReactNode);
-    /** Main text (alternative to children) */
-    text?: React.ReactNode;
-    /** Props for main text component */
-    textProps?: TextProps;
-    /** Additional text */
-    caption?: React.ReactNode;
-    /** Props for caption text component */
-    captionProps?: TextProps;
-    /** Icons before and after content */
-    icon?: JSX.Element | IconName | [Nullable<JSX.Element | IconName>, Nullable<JSX.Element | IconName>];
-    /** Props for icon components */
-    iconProps?: IconProps;
-    /** Props for avatar component */
-    avatarProps?: AvatarProps;
-    /** Props for indicator component */
-    indicatorProps?: IndicatorProps;
-    /** Props for button with 'close' icon */
-    discardButtonProps?: IconButtonProps;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Appearance variant */
-    outline?: boolean;
-    /** Appearance variant */
-    black?: boolean;
-    /** Appearance variant */
-    contrast?: boolean;
-    /** Appearance variant */
-    active?: boolean;
-}
-
-/**
- *
- * Component accepts all root HTML attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [ChipProps](https://github.com/foxford/ui/blob/master/src/components/Chip/types.ts)
- */
-declare const Chip: React.ForwardRefExoticComponent<ChipProps>;
-
-declare type MenuComponentPalette = {
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    shadowColor: CSSColor;
-};
-interface MenuComponentProps extends ResponsiveSizeProps, Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof MenuComponentPalette, Color>>;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Apply drop shadow filter */
-    elevated?: boolean;
-    /** Value change will set focus on first focusable descendent */
-    autoFocus?: unknown;
-    /** Disable autoFocus behavior (usage discourage, unless you manage focus by yourself) */
-    disableAutoFocus?: boolean;
-    /** Root max-height */
-    maxHeight?: string | number;
-    /** Callback to call on unmount (can be used to restore focus on trigger component) */
-    onUnmount?: () => void;
-    /** Render menu view (Menu.List, Menu.Container, or custom component) */
-    children: React.ReactElement | ((props: Pick<MenuComponentProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'showCloseButton' | 'closeButtonProps'> & {
-        closeFn: () => void;
-    }) => React.ReactElement);
-    /** Show button to close menu (forward to children) */
-    showCloseButton?: boolean;
-    /** Props for close button (forward to children) */
-    closeButtonProps?: IconButtonProps;
-    /** @ignore Internal callback */
-    closeFn?: () => void;
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [MenuComponentProps](https://github.com/foxford/ui/blob/master/src/components/MenuComponent/types.ts)
- */
-declare const MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps>;
-
-interface MenuListProps extends ResponsiveSizeProps, React.ComponentPropsWithRef<'ul'> {
-    /** Menu items (React elements receive "size" props) */
-    children: React.ReactNode;
-    /** Space between list items */
-    gap?: string | number;
-}
-
-/**
- *
- * Component accepts all \<ul\> attributes.
- *
- * Responsive "size" props are forwarded to children elements.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [MenuListProps](https://github.com/foxford/ui/blob/master/src/components/MenuList/types.ts)
- */
-declare const MenuList: React.ForwardRefExoticComponent<MenuListProps>;
-
-interface MenuContainerProps extends React.ComponentPropsWithRef<'div'> {
-    /** Show button with 'close' icon */
-    showCloseButton?: boolean;
-    /** Props for close button */
-    closeButtonProps?: IconButtonProps;
-    /** @ignore Internal callback */
-    closeFn?: () => void;
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/src/components/MenuContainer/types.ts)
- */
-declare const MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps>;
-
-declare type MenuDividerPalette = {
-    color: CSSColor;
-    lineColor: CSSColor;
-};
-interface MenuDividerProps extends React.ComponentPropsWithRef<'div'> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof MenuDividerPalette, Color>>;
-    /** Text content */
-    children?: React.ReactNode;
-    /** Text content (alternative to children) */
-    text?: React.ReactNode;
-    /** Props for text component */
-    textProps?: TextProps;
-}
-
-/**
- *
- * Component accepts all \<div\> attributes.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [MenuDividerProps](https://github.com/foxford/ui/blob/master/src/components/MenuDivider/types.ts)
- */
-declare const MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps>;
-
-interface MenuProps extends ResponsiveSizeProps, React.RefAttributes<HTMLDivElement> {
-    /** Open automatically */
-    autoOpen?: boolean;
-    /** It will be called on state change */
-    callback?: (action: 'open' | 'close', props: Props) => void;
-    /** Menu trigger and its target */
-    children?: React.ReactNode;
-    /** Debugging logs in console */
-    debug?: boolean;
-    /** Don't adjust menu on scroll / resize (default true) */
-    disableFlip?: boolean;
-    /** Callback to get popper.js instance */
-    getPopper?: (popper: PopperInstance, origin: 'floater' | 'wrapper') => void;
-    /** Distance in px between menu and its target (default 8px) */
-    offset?: number;
-    /** Switch between normal and controlled modes. It will disable built in menu behavior */
-    open?: boolean;
-    /** Menu position relative to its target (default bottom-start) */
-    placement?: PlacementOptions;
-    /** CSS selector or element to render menus */
-    portalElement?: SelectorOrElement;
-    /** Custom styles */
-    styles?: Partial<Styles>;
-    /** Render menu view (Menu.List, Menu.Container, or custom component) */
-    render: React.ReactElement | ((props: Pick<MenuProps, 'size' | 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'showCloseButton' | 'closeButtonProps'> & {
-        closeFn: () => void;
-    }) => React.ReactElement);
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Custom colors */
-    palette?: Partial<Record<keyof MenuComponentPalette, Color>>;
-    /** Value change will set focus on first focusable descendent */
-    autoFocus?: unknown;
-    /** Disable autoFocus behavior (usage discourage, unless you manage focus by yourself) */
-    disableAutoFocus?: boolean;
-    /** Show button to close menu (applicable for Menu.Container, or custom component) */
-    showCloseButton?: boolean;
-    /** Props for close button */
-    closeButtonProps?: IconButtonProps;
-    /** Menu component max-height */
-    maxHeight?: string | number;
-}
-
-/**
- *
- * Component accepts ["react-floater"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.
- *
- * Responsive "size" props are supported.
- *
- * Exposed "ref" attached to menu component root.
- *
- * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)
- */
-declare const Menu: React.ForwardRefExoticComponent<MenuProps> & {
-    Component: typeof MenuComponent;
-    List: typeof MenuList;
-    Container: typeof MenuContainer;
-    Divider: typeof MenuDivider;
-};
-
-interface Theme {
-    breakpoints: Readonly<Record<Lowercase<Breakpoint>, number>>;
-    colors: Record<keyof typeof ColorNames, CSSColor>;
-    borderRadius: string;
-    textColor?: string;
-    fallbackColor?: string;
-    zIndex: {
-        modal: number;
-        tooltip: number;
-    };
-    classNamePrefix: string;
-    defaultInputControlsWidth: number | keyof typeof SizeInput | 'auto';
-    domain?: string;
-    utils?: {
-        relBuilder?: (_link?: string, _target?: string) => undefined | string;
-        hexToRgbA?: (hex: string, alpha?: number) => string;
-    };
-    mode: ThemeMode;
-    preset: ThemePreset;
-    name: ThemeName;
-    components?: {
-        Alert?: AlertProps;
-        Anchor?: AnchorProps;
-        Arrow?: ArrowProps;
-        ArrowBadge?: ArrowBadgeProps;
-        Avatar?: AvatarProps;
-        Badge?: BadgeProps;
-        Button?: ButtonProps;
-        Checkbox?: CheckboxProps;
-        Chip?: ChipProps;
-        IconButton?: IconButtonProps;
-        Indicator?: IndicatorProps;
-        ListItem?: ListItemProps;
-        Popover?: PopoverProps;
-        PopoverComponent?: PopoverComponentProps;
-        Skeleton?: SkeletonProps;
-        Switcher?: SwitcherProps;
-        Tab?: TabProps;
-        Text?: TextProps;
-        'Text.Heading'?: TextHeadingProps;
-        Textarea?: TextareaProps;
-        Tooltip?: TooltipProps;
-        TooltipComponent?: TooltipComponentProps;
-        Menu?: MenuProps;
-        MenuComponentProps?: MenuComponentProps;
-    };
-}
-
-declare type MediaQueryParams = {
-    and?: string;
-    condition?: (_props: any) => boolean;
-};
-/**
- * @return `@media screen and (min-width: 320px) and (max-width: 374px) { ...args }`
- */
-declare const screenXs: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (min-width: 375px) and (max-width: 767px) { ...args }`
- */
-declare const screenS: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (min-width: 768) and (max-width: 1023px) { ...args }`
- */
-declare const screenM: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (min-width: 1024px) and (max-width: 1279px) { ...args }`
- */
-declare const screenL: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (min-width: 1280px) and (max-width: 1439px) { ...args }`
- */
-declare const screenXl: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (max-width: 319px) { ...args }`
- */
-declare const screenMaxXxs: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (max-width: 374px) { ...args }`
- */
-declare const screenMaxXs: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (min-width: 375px) { ...args }`
- */
-declare const screenMinXs: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (max-width: 767px) { ...args }`
- */
-declare const screenMaxS: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (min-width: 768px) { ...args }`
- */
-declare const screenMinS: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (max-width: 1023px) { ...args }`
- */
-declare const screenMaxM: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (min-width: 1024px) { ...args }`
- */
-declare const screenMinM: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (max-width: 1279px) { ...args }`
- */
-declare const screenMaxL: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (min-width: 1280px) { ...args }`
- */
-declare const screenMinL: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (max-width: 1439px) { ...args }`
- */
-declare const screenMaxXl: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media screen and (min-width: 1440px) { ...args }`
- */
-declare const screenMinXl: (params?: MediaQueryParams) => <T extends object>(args_0: TemplateStringsArray | CSSObject, ...args_1: Interpolation<T & ThemeProps<DefaultTheme>>[]) => (props: ThemeProps<DefaultTheme>) => styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<T, DefaultTheme>>;
-/**
- * @return `@media -webkit-min-device-pixel-ratio: 2 and (min-resolution: 192dpi) { ...args }`
- */
-declare const screenRetina: (args_0: TemplateStringsArray | CSSObject, args_1: SimpleInterpolation) => styled_components.FlattenSimpleInterpolation;
-
-declare const vAlign: (vAlign: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline') => styled_components.FlattenSimpleInterpolation;
-
-declare function buildMediaQuery(value: number | Size | 'auto' | 'initial' | 'inherit' | boolean, property: string | ((_size: number | 'auto' | 'initial' | 'inherit' | boolean, _sizing?: null | string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing: null | string, sizes?: Record<Size, number>): ReturnType<typeof css>;
-declare const desktopFirst: (a: string, b: string) => number;
-declare const mobileFirst: (a: string, b: string) => number;
-
-interface ActionBtnProps extends BaseProps, DisplayProperty {
-    /** Icon name (for inner Icon component) */
-    icon?: IconName;
-    disabled?: boolean;
-    active?: boolean;
-    onClick?(): void;
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Display`](#/Миксины)
- */
-declare function ActionBtn({ icon, disabled, onClick, children, className, active, style }: ActionBtnProps): JSX.Element;
-declare namespace ActionBtn {
-    var displayName: string;
-}
-
-declare enum CurrencyCodes {
-    ALL = "ALL",
-    AFN = "AFN",
-    ARS = "ARS",
-    AWG = "AWG",
-    AUD = "AUD",
-    AZN = "AZN",
-    BSD = "BSD",
-    BBD = "BBD",
-    BYR = "BYR",
-    BZD = "BZD",
-    BMD = "BMD",
-    BOB = "BOB",
-    BAM = "BAM",
-    BWP = "BWP",
-    BGN = "BGN",
-    BRL = "BRL",
-    BND = "BND",
-    KHR = "KHR",
-    CAD = "CAD",
-    KYD = "KYD",
-    CLP = "CLP",
-    CNY = "CNY",
-    COP = "COP",
-    CRC = "CRC",
-    HRK = "HRK",
-    CUP = "CUP",
-    CZK = "CZK",
-    DKK = "DKK",
-    DOP = "DOP",
-    XCD = "XCD",
-    EGP = "EGP",
-    SVC = "SVC",
-    EEK = "EEK",
-    EUR = "EUR",
-    FKP = "FKP",
-    FJD = "FJD",
-    FRF = "FRF",
-    GHC = "GHC",
-    GIP = "GIP",
-    GTQ = "GTQ",
-    GGP = "GGP",
-    GYD = "GYD",
-    HNL = "HNL",
-    HKD = "HKD",
-    HUF = "HUF",
-    ISK = "ISK",
-    INR = "INR",
-    IDR = "IDR",
-    IRR = "IRR",
-    IMP = "IMP",
-    ILS = "ILS",
-    JMD = "JMD",
-    JPY = "JPY",
-    JEP = "JEP",
-    KZT = "KZT",
-    KGS = "KGS",
-    LAK = "LAK",
-    LVL = "LVL",
-    LBP = "LBP",
-    LRD = "LRD",
-    LTL = "LTL",
-    MKD = "MKD",
-    MYR = "MYR",
-    MUR = "MUR",
-    MXN = "MXN",
-    MNT = "MNT",
-    MZN = "MZN",
-    NAD = "NAD",
-    NPR = "NPR",
-    ANG = "ANG",
-    NZD = "NZD",
-    NIO = "NIO",
-    NGN = "NGN",
-    KPW = "KPW",
-    NOK = "NOK",
-    OMR = "OMR",
-    PKR = "PKR",
-    PAB = "PAB",
-    PYG = "PYG",
-    PEN = "PEN",
-    PHP = "PHP",
-    PLN = "PLN",
-    QAR = "QAR",
-    RON = "RON",
-    RUR = "RUR",
-    RUB = "RUB",
-    SHP = "SHP",
-    SAR = "SAR",
-    RSD = "RSD",
-    SCR = "SCR",
-    SGD = "SGD",
-    SBD = "SBD",
-    SOS = "SOS",
-    ZAR = "ZAR",
-    KRW = "KRW",
-    LKR = "LKR",
-    SEK = "SEK",
-    CHF = "CHF",
-    SRD = "SRD",
-    SYP = "SYP",
-    TWD = "TWD",
-    THB = "THB",
-    TTD = "TTD",
-    TRY = "TRY",
-    TRL = "TRL",
-    TVD = "TVD",
-    UAH = "UAH",
-    GBP = "GBP",
-    USD = "USD",
-    UYU = "UYU",
-    UZS = "UZS",
-    VEF = "VEF",
-    VND = "VND",
-    YER = "YER",
-    ZWD = "ZWD"
-}
-declare const CURRENCY_MAP: Readonly<Record<CurrencyCodes, string>>;
-
-interface AmountProps extends TextProps {
-    /**
-     * Value for amount
-     */
-    value?: number;
-    /**
-     * Digits after point
-     */
-    digitsAfterPoint?: number;
-    /**
-     * Show zero minor part
-     */
-    showZeroMinorPart?: boolean;
-    /**
-     * Separator of major and minor part of amount
-     */
-    separator?: string;
-    /**
-     * International code of currency.
-     */
-    currency?: keyof typeof CurrencyCodes | string;
-    /**
-     * Use Header component for display amount
-     */
-    isHeader?: boolean;
-    /**
-     * Amount is not valid and will be crossed out with ```text-decoration: line-through```
-     */
-    crossedOut?: boolean;
-    /**
-     * If need only currency symbol
-     */
-    onlyCurrency?: boolean;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
- */
-declare class Amount extends PureComponent<AmountProps> {
-    static displayName: string;
-    static defaultProps: {
-        isHeader: boolean;
-        showZeroMinorPart: boolean;
-        crossedOut: boolean;
-        digitsAfterPoint: number;
-        separator: string;
-        onlyCurrency: boolean;
-    };
-    static getCurrencySymbol(currencyCode: keyof typeof CurrencyCodes | string): any;
-    renderMinorPart(minorPart: string): JSX.Element | null;
-    renderCurrencySymbol: (currencySymbol: string) => JSX.Element;
-    render(): JSX.Element;
-}
-
-interface ContainerProps extends BaseProps, DisplayProperty, ColorProperty {
-    /**
-     * Primary content
-     */
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    /**
-     * Container has no maximum width.
-     */
-    fluid?: boolean;
-    /**
-     * Align container text.
-     */
-    textAlign?: 'left' | 'center' | 'right' | 'justified';
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`Display`](#/Миксины)
- */
-declare function Container(props: ContainerProps): JSX.Element;
-declare namespace Container {
-    var displayName: string;
-}
-
-interface ModalCloseProps {
-    className?: string;
-    onClick?: () => void;
-}
-declare function ModalClose({ className, onClick }: ModalCloseProps): JSX.Element;
-
-interface ModalProps extends BaseProps, ResponsiveNamedProperty<'width'> {
-    /**
-     * Primary content.
-     */
-    /**
-     * Boolean indicating if the overlay background should be blurred
-     */
-    blurredOverlay?: boolean;
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    /**
-     * Modal class name
-     */
-    className?: string;
-    /**
-     * Number indicating the milliseconds to wait before closing the modal.
-     */
-    closeTimeoutMS?: number;
-    /**
-     * String indicating how the content container should be announced to screenreaders
-     */
-    contentLabel?: string;
-    /**
-     * Boolean describing if the modal should be shown or not.
-     */
-    isOpen?: boolean;
-    /**
-     * Function that will be run after the modal has opened.
-     */
-    onAfterOpen?(): void;
-    /**
-     * Function that will be run when the modal is requested to be closed, prior to actually closing.
-     */
-    onRequestClose?(): void;
-    /**
-     * Custom overlay CSS class name
-     */
-    overlayClassName?: string | Classes;
-    /**
-     * String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.
-     */
-    role?: string;
-    /**
-     * Boolean indicating if the overlay should close the modal
-     */
-    shouldCloseOnOverlayClick?: boolean;
-    /**
-     * Vertical align
-     */
-    valign?: 'top' | 'center' | 'bottom';
-    /**
-     * z-index
-     */
-    zIndex?: number;
-}
-/**
- * Основан на [react-modal](https://github.com/reactjs/react-modal).
- *
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)
- */
-declare function Modal(props: ModalProps): JSX.Element;
-declare namespace Modal {
-    var defaultProps: {
-        blurredOverlay: boolean;
-        closeTimeoutMS: number;
-        zIndex: number;
-        contentLabel: string;
-        isOpen: boolean;
-        role: string;
-        shouldCloseOnOverlayClick: boolean;
-        width: string;
-        valign: string;
-        className: string;
-    };
-    var Close: typeof ModalClose;
-    var displayName: string;
-}
-
-interface SpacerProps extends BaseProps, DisplayProperty, ResponsiveNamedProperty<'top'>, ResponsiveNamedProperty<'right'>, ResponsiveNamedProperty<'bottom'>, ResponsiveNamedProperty<'left'>, ResponsiveNamedProperty<'padding'>, ResponsiveNamedProperty<'paddingTop'>, ResponsiveNamedProperty<'paddingRight'>, ResponsiveNamedProperty<'paddingBottom'>, ResponsiveNamedProperty<'paddingLeft'>, ResponsiveNamedProperty<'margin'>, ResponsiveNamedProperty<'marginTop'>, ResponsiveNamedProperty<'marginRight'>, ResponsiveNamedProperty<'marginBottom'>, ResponsiveNamedProperty<'marginLeft'> {
-    /**
-     * Primary content
-     */
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Display`](#/Миксины)
- * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)
- */
-declare function Spacer(props: SpacerProps): JSX.Element;
-declare namespace Spacer {
-    var displayName: string;
-}
-
-interface PaperProps extends SpacerProps, ColorProperty, ResponsiveNamedProperty<'padding'> {
-    /**
-     * Set to true to generate a circlular paper container
-     */
-    circle?: boolean;
-    /**
-     * Paper with rounded corners
-     */
-    rounded?: boolean;
-    /**
-     * Paper with shadow
-     */
-    shadow?: boolean;
-    /**
-     * This number represents the zDepth of the paper shadow
-     */
-    zDepth?: false | 0 | 1 | 2 | 3 | 4;
-    /**
-     * Text align
-     */
-    textAlign?: 'left' | 'center' | 'right';
-}
-/**
- * Расширен:
- * - [`SpacerProps`](#/Разметка%20и%20позиционирование/Spacer)
- * - [`Color`](#/Миксины)
- * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)
- */
-declare function Paper({ padding, rounded, shadow, className, ...props }: PaperProps): JSX.Element;
-declare namespace Paper {
-    var displayName: string;
-}
-
-interface ProgressSegmentedProps extends BaseProps, ColorProperty<'separatorColor'>, ColorProperty<'percentColor'> {
-    /**
-     * Current percent complete
-     */
-    percent?: number;
-    /**
-     * segments count
-     */
-    segments?: number;
-    /**
-     * custom class
-     */
-    className?: string;
-    /**
-     * circle in begin progress
-     */
-    haveCircle?: boolean;
-    /**
-     * active state
-     */
-    isActive?: boolean;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color<'separatorColor'>`](#/Миксины)
- * - [`Color<'percentColor'>`](#/Миксины)
- */
-declare function ProgressSegmented(props: typeof ProgressSegmented.defaultProps & ProgressSegmentedProps): JSX.Element;
-declare namespace ProgressSegmented {
-    var defaultProps: {
-        percent: number;
-        percentColor: string;
-        separatorColor: string;
-        segments: number;
-        haveCircle: boolean;
-    };
-    var displayName: string;
-}
-
-interface ProgressCircleProps extends BaseProps, ColorProperty<'resultColor'>, ColorProperty<'strokeBGColor'> {
-    /**
-     * status ['fail', 'success', 'started']
-     */
-    status?: 'fail' | 'success' | 'started';
-    /**
-     * progress percent
-     */
-    progress?: number;
-    /**
-     * width and height
-     */
-    size?: number;
-    /**
-     * React children
-     */
-    children?: React.ReactNode;
-    /**
-     * width progress line
-     */
-    strokeLineWidth?: number;
-    /**
-     * width background line
-     */
-    strokeBGWidth?: number;
-    /**
-     * start angle of progress
-     */
-    progressStartAngle?: number;
-    /**
-     * @ignore @deprecated Use children
-     */
-    content?: string | number;
-}
-interface ProgressCircleState {
-    bgAngleDiff: number;
-    describeArcProgress: string | null;
-    describeArcBg: string | null;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color<'resultColor'>`](#/Миксины)
- * - [`Color<'strokeBGColor'>`](#/Миксины)
- */
-declare class ProgressCircle extends PureComponent<typeof ProgressCircle.defaultProps & ProgressCircleProps, ProgressCircleState> {
-    static displayName: string;
-    static defaultProps: {
-        size: number;
-        progress: number;
-        strokeLineWidth: number;
-        strokeBGWidth: number;
-        resultColor: string;
-        progressStartAngle: number;
-    };
-    constructor(props: typeof ProgressCircle.defaultProps & ProgressCircleProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ProgressCircleProps): void;
-    renderSvg: () => void;
-    render(): JSX.Element;
-}
-
-interface ProgressProps extends BaseProps, ColorProperty, ColorProperty<'backgroundColor'> {
-    /**
-     * Current percent complete
-     */
-    percent?: number;
-    isLoading?: boolean;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`Color<'backgroundColor'>`](#/Миксины)
- */
-declare function Progress(props: ProgressProps): JSX.Element;
-declare namespace Progress {
-    var defaultProps: {
-        percent: number;
-        color: string;
-        backgroundColor: string;
-        isLoading: boolean;
-    };
-    var Circle: typeof ProgressCircle;
-    var Segmented: typeof ProgressSegmented;
-    var displayName: string;
-}
-
-interface ScrollableProps extends Partial<ScrollbarsProps> {
-    /**
-     * Children react node
-     */
-    children: React.ReactNode[] | React.ReactNode;
-    /**
-     * Enable auto-hide mode
-     * @see See [github docs](https://github.com/sakhnyuk/rc-scrollbars) for description
-     */
-    autoHide?: boolean;
-    /**
-     * Hide delay in ms.
-     */
-    autoHideTimeout?: number;
-    /**
-     * Duration for hide animation in ms.
-     */
-    autoHideDuration?: number;
-    /**
-     * Enable auto-height mode.
-     */
-    autoHeight?: boolean;
-    /**
-     * Set a minimum height for auto-height mode
-     */
-    autoHeightMin?: number;
-    /**
-     * Set a maximum height for auto-height mode
-     */
-    autoHeightMax?: number;
-    /**
-     * Event handler
-     */
-    onScroll?(): void;
-    /**
-     * Runs inside the animation frame.
-     */
-    onScrollFrame?(): void;
-    /**
-     * Called when scrolling starts
-     */
-    onScrollStart?(): void;
-    /**
-     * Called when scrolling stops
-     */
-    onScrollStop?(): void;
-    /**
-     * Height of shadow
-     */
-    shadowHeight?: number;
-    /**
-     * Show shadow in scrollable component
-     */
-    withShadow?: boolean;
-    /**
-     * Color of shadow from #Colors
-     */
-    shadowColor?: string;
-    /**
-     * Opacity of shadow
-     */
-    shadowOpacity?: number;
-    /**
-     * Color of thumb
-     */
-    thumbColor?: string;
-    /**
-     * Opacity of thumb
-     */
-    thumbOpacity?: number;
-    /**
-     * Border radius of thumb (px)
-     */
-    thumbBorderRadius?: number;
-    /**
-    /**
-     * Border radius of thumb (px)
-     */
-    thumbWidth?: number;
-    /**
-     * Color of track (HEX)
-     */
-    trackColor?: string;
-    /**
-     * Opacity of track
-     */
-    trackOpacity?: number;
-    /**
-     * Border radius of track (px)
-     */
-    trackBorderRadius?: number;
-    /**
-    /**
-     * Border radius of track (px)
-     */
-    trackWidth?: number;
-    /**
-     * Style for scrollable container
-     */
-    style?: object;
-    /**
-     * Classname of scrollable container
-     */
-    className?: string;
-    /**
-     * Disable scrollbar and return div
-     */
-    disabled?: boolean;
-    /**
-     * Prevent body scrolling when start|end touched
-     */
-    isolate?: boolean;
-    theme?: DefaultTheme;
-}
-declare type ScrollableState = {
-    scrollTop: number;
-    scrollHeight: number;
-    clientHeight: number;
-};
-declare class Scrollable extends PureComponent<typeof Scrollable.defaultProps & ScrollableProps, ScrollableState> {
-    static displayName: string;
-    static defaultProps: {
-        autoHide: boolean;
-        autoHideTimeout: number;
-        autoHideDuration: number;
-        autoHeight: boolean;
-        withShadow: boolean;
-        shadowHeight: number;
-        shadowOpacity: number;
-        shadowColor: string;
-        thumbColor: string;
-        thumbOpacity: number;
-        thumbBorderRadius: number;
-        thumbWidth: number;
-        trackColor: string;
-        trackOpacity: number;
-        trackBorderRadius: number;
-        trackWidth: number;
-        disabled: boolean;
-        isolate: boolean;
-    };
-    scrollable: HTMLDivElement | null;
-    ts: number;
-    state: {
-        scrollTop: number;
-        scrollHeight: number;
-        clientHeight: number;
-    };
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    handleTouchStart: (e: TouchEvent) => void;
-    handleTouchMove: (e: TouchEvent) => true | undefined;
-    handleScroll: (e: WheelEvent) => true | undefined;
-    handleUpdate: (values: ScrollableState) => void;
-    calculateShadowOffset(): number;
-    hexToRgb: (hex: string) => {
-        r: number;
-        g: number;
-        b: number;
-    } | null;
-    renderTrack: ({ style, ...props }: {
-        style: React.CSSProperties;
-    }, dir: 'vertical' | 'horizontal') => JSX.Element;
-    renderThumb: ({ style, ...scrollableProps }: {
-        style: React.CSSProperties;
-    }) => JSX.Element;
-    render(): JSX.Element;
-}
-/**
- * Scrollable component for create custom scrollable content
- *
- * Based on https://github.com/sakhnyuk/rc-scrollbars
- */
-declare const withThemeScrollable: React$1.ForwardRefExoticComponent<{
-    key?: React$1.Key | null | undefined;
-    id?: string | undefined;
-    style?: object | undefined;
-    className?: string | undefined;
-    tagName?: string | undefined;
-    children: React.ReactNode[] | React.ReactNode;
-    disabled?: boolean | undefined;
-    isolate?: boolean | undefined;
-    ref?: React$1.Ref<Scrollable> | undefined;
-    onScroll?: (() => void) | undefined;
-    shadowColor?: string | undefined;
-    autoHeight?: boolean | undefined;
-    autoHeightMax?: number | undefined;
-    autoHeightMin?: number | undefined;
-    autoHide?: boolean | undefined;
-    autoHideDuration?: number | undefined;
-    autoHideTimeout?: number | undefined;
-    classes?: Partial<rc_scrollbars.StyleClasses> | undefined;
-    disableDefaultStyles?: boolean | undefined;
-    hideTracksWhenNotNeeded?: boolean | undefined;
-    onScrollFrame?: (() => void) | undefined;
-    onScrollStart?: (() => void) | undefined;
-    onScrollStop?: (() => void) | undefined;
-    onUpdate?: ((values: rc_scrollbars.ScrollValues) => void) | undefined;
-    renderThumbHorizontal?: rc_scrollbars_lib_Scrollbars_types.CustomRenderer | undefined;
-    renderThumbVertical?: rc_scrollbars_lib_Scrollbars_types.CustomRenderer | undefined;
-    renderTrackHorizontal?: rc_scrollbars_lib_Scrollbars_types.CustomRenderer | undefined;
-    renderTrackVertical?: rc_scrollbars_lib_Scrollbars_types.CustomRenderer | undefined;
-    renderView?: rc_scrollbars_lib_Scrollbars_types.CustomRenderer | undefined;
-    thumbMinSize?: number | undefined;
-    thumbSize?: number | undefined;
-    universal?: boolean | undefined;
-    shadowHeight?: number | undefined;
-    withShadow?: boolean | undefined;
-    shadowOpacity?: number | undefined;
-    thumbColor?: string | undefined;
-    thumbOpacity?: number | undefined;
-    thumbBorderRadius?: number | undefined;
-    thumbWidth?: number | undefined;
-    trackColor?: string | undefined;
-    trackOpacity?: number | undefined;
-    trackBorderRadius?: number | undefined;
-    trackWidth?: number | undefined;
-} & {
-    theme?: DefaultTheme | undefined;
-}>;
-
-interface SectionProps extends BaseProps, DisplayProperty, ColorProperty, ResponsiveNamedProperty<'padding'> {
-    /**
-     * Paper with shadow
-     */
-    shadow?: boolean;
-    /**
-     * This number represents the zDepth of the paper shadow
-     */
-    zDepth?: 1 | 2 | 3 | 4 | 5;
-    /**
-     * Section content
-     */
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    /**
-     * Text align
-     */
-    textAlign?: 'left' | 'right' | 'center';
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`Display`](#/Миксины)
- * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)
- */
-declare function Section(props: SectionProps): JSX.Element;
-declare namespace Section {
-    var displayName: string;
-}
-
-interface SeparatorTextProps extends BaseProps, ColorProperty {
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-}
-declare function SeparatorText({ children, className, color, ...restProps }: SeparatorTextProps): JSX.Element;
-
-interface SeparatorProps extends BaseProps, ColorProperty, ResponsiveNamedProperty<'top'>, ResponsiveNamedProperty<'right'>, ResponsiveNamedProperty<'bottom'>, ResponsiveNamedProperty<'left'>, ResponsiveNamedProperty<'padding'>, ResponsiveNamedProperty<'paddingTop'>, ResponsiveNamedProperty<'paddingRight'>, ResponsiveNamedProperty<'paddingBottom'>, ResponsiveNamedProperty<'paddingLeft'>, ResponsiveNamedProperty<'margin'>, ResponsiveNamedProperty<'marginTop'>, ResponsiveNamedProperty<'marginRight'>, ResponsiveNamedProperty<'marginBottom'>, ResponsiveNamedProperty<'marginLeft'> {
-    /**
-     * Separator weight
-     */
-    weight?: 1 | 2 | 3 | 4 | 5;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`Color<'fontColor'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)
- */
-declare function Separator(props: typeof Separator.defaultProps & SeparatorProps): JSX.Element;
-declare namespace Separator {
-    var defaultProps: {
-        margin: string;
-        color: string;
-        weight: number;
-    };
-    var Text: typeof SeparatorText;
-    var displayName: string;
-}
-
-interface SpinnerProps extends BaseProps, ResponsiveNamedProperty<'size'> {
-    /**
-     * Size of spinner
-     */
-    size?: 'l' | 's' | 'm' | number;
-    /**
-     * Vertically center the spinner inside 100vh container
-     */
-    fullscreen?: boolean;
-    /**
-     * Inline. Has no top/bottom margins
-     */
-    inline?: boolean;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
- */
-declare function Spinner({ className, ...props }: typeof Spinner.defaultProps & SpinnerProps): JSX.Element;
-declare namespace Spinner {
-    var defaultProps: {
-        size: string;
-    };
-    var displayName: string;
-}
-
-interface TabsProps extends BaseProps, ColorProperty, ColorProperty<'borderColor'> {
-    /**
-     * Primary content.
-     */
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    className?: string;
-    classNameInner?: string;
-    classNameContent?: string;
-    noBorder?: boolean;
-    width?: ResponsiveProperty<number>;
-}
-/**
- *
- * Use only with default preset
- *
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`Color<'borderColor'>`](#/Миксины)
- */
-declare function Tabs(props: TabsProps): JSX.Element;
-declare namespace Tabs {
-    var defaultProps: {
-        borderColor: string;
-        color: string;
-    };
-    var Tab: React$1.ForwardRefExoticComponent<TabProps>;
-}
-
-interface TagProps extends BaseProps, DisplayProperty, ColorProperty, ResponsiveNamedProperty<'height'>, ResponsiveNamedProperty<'width'> {
-    as?: 'button' | 'div' | 'input' | 'label';
-    /**
-     * Field id
-     */
-    id?: string;
-    /**
-     * Field name
-     */
-    name?: string;
-    /**
-     * Input type
-     */
-    inputType?: 'checkbox' | 'radio';
-    /**
-     * On change handler
-     */
-    onChange?(_e: React.ChangeEvent<HTMLInputElement>): void;
-    /**
-     * On click handler
-     */
-    onClick?(_e: React.MouseEvent<HTMLInputElement>): void;
-    /**
-     * Whether or not Radio is checked
-     */
-    defaultChecked?: boolean;
-    /**
-     * Value
-     */
-    value?: string | number;
-    /** Children are placed before Text */
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    /** Inner Text content  */
-    content?: React.ReactNode;
-    /** Inner Text component props */
-    textProps?: TextProps;
-    /** Checked state */
-    checked?: boolean;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Error state */
-    error?: boolean;
-    /** If as = 'label' could provide for */
-    htmlFor?: string;
-    /**
-     * inverse
-     */
-    inverse?: boolean;
-    /**
-     * Size
-     */
-    size?: 'l' | 'm' | 's' | 'xs';
-}
-declare function TagInput(props: typeof TagInput.defaultProps & TagProps): JSX.Element;
-declare namespace TagInput {
-    var defaultProps: {
-        display: string;
-        height: number;
-    };
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - [`Display`](#/Миксины)
- * - [`Color`](#/Миксины)
- * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)
- * - [`ResponsiveNamedProperty<'height'>`](#/Миксины)
- */
-declare function Tag(props: typeof Tag.defaultProps & TagProps): JSX.Element;
-declare namespace Tag {
-    var defaultProps: {
-        display: string;
-        as: string;
-        height: number;
-    };
-    var Input: typeof TagInput;
-    var displayName: string;
-}
-
-interface MultiLevelControls {
-    cancel?: {
-        content?: string;
-        onClick?(): void;
-        color?: Color;
-    };
-    confirm?: {
-        content?: string;
-        onClick?(): void;
-        color?: Color;
-    };
-}
-interface MultiLevelItem {
-    id: string | number;
-    heading?: string;
-    subheading?: string;
-    content?: string;
-    preventClosing?: boolean;
-    config?: MultiLevelConfig;
-    items?: MultiLevelItem[];
-    controls?: MultiLevelControls;
-    level?: number;
-    active?: boolean;
-    onClick?(_item: MultiLevelItem): void;
-}
-interface MultiLevelConfig {
-    items?: MultiLevelItem[];
-    heading?: string;
-    subheading?: string;
-    controls?: MultiLevelControls;
-}
-interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {
-    /**  Menu config */
-    config?: MultiLevelConfig;
-    /** On select item callback */
-    onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void;
-}
-interface ContextMenuMultiLevelState {
-    selectedItems: (number | string)[];
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- */
-declare class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {
-    resetTimeout?: ReturnType<typeof setTimeout>;
-    static displayName: string;
-    static defaultProps: {
-        config: {};
-    };
-    constructor(props: ContextMenuMultiLevelProps);
-    componentWillUnmount(): void;
-    onSelectItem: (selectedItem: MultiLevelItem) => void;
-    getCurrentConfig: () => MultiLevelConfig | null;
-    reset: () => void;
-    itemOnClickHandler: React.MouseEventHandler<HTMLDivElement>;
-    render(): JSX.Element;
-}
-
-interface ContextMenuItemProps extends BaseProps {
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    content?: string;
-    active?: boolean;
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    id?: string | number;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- */
-declare function ContextMenuItem({ children, id, content, active, disabled, onClick, className, style, }: ContextMenuItemProps): JSX.Element;
-declare namespace ContextMenuItem {
-    var displayName: string;
-}
-
-interface ContextMenuProps extends BaseProps {
-    /**
-     * Children react node
-     */
-    children: React.ReactNode;
-    /** Indicates if button is active (e.g. when context menu is open) */
-    onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void;
-    /** Manually controled state */
-    isOpen?: boolean;
-    /** On open menu callback  */
-    onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void;
-    /** On close menu callback  */
-    onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void;
-    /** Content */
-    trigger?: React.ReactNode;
-    /** Properties for inner Tooltip component */
-    tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>;
-    /** Hide overlay for debug */
-    hideOverlay?: boolean;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- */
-declare class ContextMenu extends PureComponent<ContextMenuProps, {
-    isOpen: boolean;
-}> {
-    static Item: typeof ContextMenuItem;
-    static MultiLevel: typeof ContextMenuMultiLevel;
-    static displayName: string;
-    static defaultProps: {
-        tooltipProps: {
-            event: string;
-            placement: string;
-            offset: number;
-            showCloseButton: boolean;
-            styles: {
-                wrapper: {
-                    display: string;
-                    zIndex: number;
-                };
-                wrapperPosition: {
-                    left: number;
-                    position: string;
-                    top: number;
-                    visibility: string;
-                };
-                floater: {
-                    display: string;
-                    filter: string;
-                    WebkitFilter: string;
-                    maxWidth: number;
-                    minWidth: number;
-                    opacity: number;
-                    position: string;
-                    transition: string; /** Indicates if button is active (e.g. when context menu is open) */
-                    visibility: string;
-                    zIndex: number;
-                };
-                floaterOpening: {
-                    opacity: number;
-                    visibility: string;
-                };
-                floaterWithAnimation: {
-                    opacity: number;
-                    transition: string;
-                    visibility: string;
-                };
-                floaterClosing: {
-                    opacity: number; /** On close menu callback  */
-                    visibility: string;
-                };
-                floaterCentered: {
-                    left: string;
-                    position: string; /** Content */
-                    top: string;
-                    transform: string;
-                };
-                container: {
-                    boxSizing: string;
-                    borderRadius: number;
-                    border: string;
-                    color: string;
-                    backgroundColor: string;
-                    minHeight: number;
-                    minWidth: number;
-                    padding: string;
-                    position: string;
-                    display: string;
-                    overflow: string;
-                };
-                content: {
-                    display: string;
-                };
-                arrow: {
-                    display: string;
-                };
-            };
-        };
-        hideOverlay: boolean;
-    };
-    constructor(props: ContextMenuProps);
-    getOpen: () => boolean;
-    openMenu: (e: React.MouseEvent<HTMLDivElement>) => void;
-    closeMenu: (e: React.MouseEvent<HTMLDivElement>) => void;
-    toggleMenu: (e: React.MouseEvent<HTMLDivElement>) => boolean;
-    render(): JSX.Element;
-}
-
-interface InputPhoneProps extends InputProps {
-    /**
-     * Settings for different country codes
-     */
-    countryData?: string[][];
-    /**
-     * Default field mask that is set when none of the countryData prop matches
-     */
-    defaultMask?: string;
-    /**
-     * The default field mask when the phone field is empty is required to enable autocomplete in
-     * the browser
-     */
-    initialMask?: string;
-    /** If event should return stripped phone value (not for redux forms) */
-    stripValue?: boolean;
-}
-interface InputPhoneState {
-    mask: string;
-    regexp?: RegExp | null;
-}
-/**
- * Расширен:
- * - `InputProps`
- */
-declare class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {
-    static displayName: string;
-    static defaultProps: {
-        countryData: [string, string, string, RegExp][];
-        defaultMask: string;
-        initialMask: string;
-        placeholder: string;
-        rounded: boolean;
-        type: string;
-        color: string;
-        mask: string;
-        placeholderColor: string;
-    };
-    autocorrectOf8: boolean;
-    autocorrectOf9: boolean;
-    constructor(props: typeof InputPhone.defaultProps & InputPhoneProps);
-    componentDidUpdate(nextProps: InputPhoneProps): void;
-    getUpdates: (value: InputPhoneProps['value'], prevValue?: InputPhoneProps['value']) => {
-        mask: string;
-        numbers: string;
-        startsFrom8: boolean;
-        startsFrom9: boolean;
-        regexp: RegExp | null;
-    };
-    change: (phone: InputPhoneProps['value']) => void;
-    handleChange: React.ChangeEventHandler<HTMLInputElement>;
-    beforeMaskedValueChange: (newState: InputState, oldState: InputState) => InputState;
-    render(): JSX.Element;
-}
-
-declare type InputPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    inputColor: CSSColor;
-    inputPlaceholderColor: CSSColor;
-    inputColorDisabled: CSSColor;
-    inputPlaceholderColorDisabled: CSSColor;
-    controlsColor: CSSColor;
-    controlsBackgroundColor: CSSColor;
-    controlsSeparatorColor: CSSColor;
-    controlsColorHover: CSSColor;
-    controlsBackgroundColorHover: CSSColor;
-    controlsColorActive: CSSColor;
-    controlsBackgroundColorActive: CSSColor;
-    controlsColorDisabled: CSSColor;
-    controlsBackgroundColorDisabled: CSSColor;
-};
-interface InputProps extends ResponsiveSizeProps, ResponsiveMarginProps, Omit<React.ComponentPropsWithRef<'input'>, 'children' | 'size' | 'type' | 'value' | 'defaultValue' | 'color' | 'width'>, 
-/** @deprecated Use palette */
-ColorProperty, 
-/** @deprecated Use palette */
-ColorProperty<'placeholderColor'>, 
-/** @ignore Control width with container */
-ResponsiveNamedProperty<'width', 'auto' | keyof typeof SizeInput | number> {
-    /** UI: brand (v3), or default (v2) */
-    preset?: ThemePreset;
-    /** Custom colors */
-    palette?: Partial<Record<keyof InputPalette, Color>>;
-    /** Input mask.
-     *  Look up [docs v2.0.4](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=code) */
-    mask?: string;
-    /** Character to cover unfilled editable parts of mask.
-     *  Look up [docs v2.0.4](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=code) */
-    maskChar?: string | null;
-    /** Defines format characters with characters as keys and corresponding RegExp string as values.
-     *  Look up [docs v2.0.4](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=code) */
-    formatChars?: Record<string, string>;
-    /** Show mask in empty input without focus */
-    alwaysShowMask?: boolean;
-    /** Callback to change masked value and cursor position before it will be applied to the input.
-     *  Look up [docs v2.0.4](https://www.npmjs.com/package/react-input-mask/v/2.0.4?activeTab=code) */
-    beforeMaskedValueChange?: (newState: InputState, oldState: InputState, userInput: string, maskOptions: MaskOptions) => InputState;
-    /** Type attribute */
-    type?: 'email' | 'number' | 'password' | 'tel' | 'text' | 'url';
-    /** Value for controlled input */
-    value?: string;
-    /** Default value for uncontrolled input */
-    defaultValue?: string;
-    /** Label for input */
-    label?: React.ReactNode;
-    /** Label position */
-    labelPosition?: 'dynamic' | 'top' | 'center';
-    /** Icon before input */
-    icon?: JSX.Element | IconName;
-    /** Props for icon component */
-    iconProps?: IconProps;
-    /** Props for text component */
-    textProps?: TextProps;
-    /** Input controls */
-    controls?: {
-        additional?: {
-            icon: JSX.Element | IconName;
-            iconProps?: IconProps;
-            buttonProps?: React.ComponentPropsWithoutRef<'button'>;
-        };
-        number?: {
-            icon?: [JSX.Element | IconName, JSX.Element | IconName];
-            iconProps?: IconProps;
-            buttonProps?: React.ComponentPropsWithoutRef<'button'> | [Nullable<React.ComponentPropsWithoutRef<'button'>>, Nullable<React.ComponentPropsWithoutRef<'button'>>];
-        };
-    };
-    /** Content after input */
-    text?: React.ReactNode;
-    /** Appearance variant */
-    primary?: boolean;
-    /** Appearance variant */
-    secondary?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Appearance variant */
-    error?: boolean;
-    /** Appearance variant */
-    success?: boolean;
-    /** Display inline */
-    inline?: boolean;
-    /** @ignore */
-    fluid?: boolean;
-    /** @ignore */
-    rounded?: boolean;
-    /** @ignore @deprecated Use ref */
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-declare type StyledBaseInputProps = React.ComponentPropsWithoutRef<'input'> & Pick<InputProps, 'color' | 'placeholderColor' | 'width' | 'widthXXS' | 'widthXS' | 'widthS' | 'widthM' | 'widthL' | 'widthXL' | 'mask' | 'maskChar' | 'formatChars' | 'alwaysShowMask' | 'beforeMaskedValueChange' | 'error' | 'fluid' | 'rounded' | 'inputRef'>;
-
-/**
- *
- * Component accepts all \<input\> attributes and "react-input-mask" v2.0.4 props.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to \<input\>.
- *
- * See full [InputProps](https://github.com/foxford/ui/blob/master/src/components/Input/types.ts)
- */
-declare const Input: React.ForwardRefExoticComponent<InputProps> & {
-    Phone: typeof InputPhone;
-};
-
-declare const baseInputStyle: (props: StyledProps<Pick<StyledBaseInputProps, 'color' | 'placeholderColor' | 'disabled' | 'rounded' | 'width' | 'widthXS' | 'widthS' | 'widthM' | 'widthL' | 'widthXL' | 'fluid' | 'error'>>) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
-
-declare const INITIAL_MASK = "99999999999999999999";
-declare const DEFAULT_MASK: string;
-declare const COUNTRY_DATA: [string, string, string, RegExp][];
-
-declare type InputRadioPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    colorChecked: CSSColor;
-    backgroundColorChecked: CSSColor;
-    borderColorChecked: CSSColor;
-    colorDisabled: CSSColor;
-    backgroundColorDisabled: CSSColor;
-    borderColorDisabled: CSSColor;
-    colorDisabledChecked: CSSColor;
-    backgroundColorDisabledChecked: CSSColor;
-    borderColorDisabledChecked: CSSColor;
-};
-interface InputRadioProps extends ResponsiveSizeProps, Omit<React.ComponentPropsWithRef<'input'>, 'size' | 'children'> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof InputRadioPalette, Color>>;
-    /** Display inline */
-    inline?: boolean;
-    /** Appearance variant */
-    error?: boolean;
-    /** Appearance variant */
-    success?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-}
-
-interface RadioGroupProps extends BaseProps {
-    inline?: boolean;
-    children?: React.ReactNode;
-}
-declare function RadioGroup({ children, ...props }: RadioGroupProps): JSX.Element;
-
-declare type RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>;
-interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {
-    /**
-     * Field id
-     */
-    id?: string;
-    /**
-     * Field name
-     */
-    name?: string;
-    /**
-     * Radio label
-     */
-    label?: string;
-    /**
-     * On change handler
-     */
-    onChange?(_e: React.ChangeEvent<HTMLInputElement>): void;
-    /**
-     * Children react node
-     */
-    children?: React.ReactNode;
-    /**
-     * A Radio can appear disabled and be unable to change states
-     */
-    disabled?: boolean;
-    /**
-     * Field can show the data contains errors
-     */
-    error?: boolean;
-    /**
-     * Whether or not Radio is checked
-     */
-    checked?: boolean;
-    defaultChecked?: boolean;
-    /**
-     * Checkbox size
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Value
-     */
-    value?: string | number;
-    fluid?: boolean;
-    /**
-     * Width of label. Default is `Theme.defaultInputControlsWidth`
-     */
-    width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - `React.InputHTMLAttributes<HTMLInputElement>`
- */
-declare function Radio(props: typeof Radio.defaultProps & RadioProps): JSX.Element;
-declare namespace Radio {
-    var defaultProps: {
-        disabled: boolean;
-        size: string;
-        display: string;
-        onChange: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
-    };
-    var Input: React$1.ForwardRefExoticComponent<InputRadioProps>;
-    var Group: typeof RadioGroup;
-    var displayName: string;
-}
-
-interface SelectProps extends BaseProps, ReactSelectProps, DisplayProperty {
-    fluid?: boolean;
-    error?: boolean;
-    /**
-     * Width of select. Default is `Theme.defaultInputControlsWidth`
-     */
-    width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>;
-}
-/**
- * Расширен:
- * - [`BaseProps`](#/Миксины)
- * - `ReactSelectProps`
- */
-declare function Select(props: SelectProps): JSX.Element;
-declare namespace Select {
-    var defaultProps: {
-        allowCreate: boolean;
-        searchable: boolean;
-        clearable: boolean;
-        addLabelText: string;
-        backspaceToRemoveMessage: string;
-        clearAllText: string;
-        clearValueText: string;
-        noResultsText: string;
-        placeholder: string;
-        searchPromptText: string;
-        loadingPlaceholder: string;
-        autoload: boolean;
-        loadOptions: boolean;
-        display: string;
-    };
-    var displayName: string;
-}
-
-declare type FormLabelPalette = {
-    color: CSSColor;
-    backgroundColor: CSSColor;
-    borderColor: CSSColor;
-    colorHover: CSSColor;
-    backgroundColorHover: CSSColor;
-    borderColorHover: CSSColor;
-    hintColor: CSSColor;
-    hintBackgroundColor: CSSColor;
-    hintColorHover: CSSColor;
-    hintBackgroundColorHover: CSSColor;
-    hintColorActive: CSSColor;
-    hintBackgroundColorActive: CSSColor;
-    hintColorDisabled: CSSColor;
-    hintBackgroundColorDisabled: CSSColor;
-};
-interface FormLabelProps extends ResponsiveSizeProps, ResponsiveMarginProps, React.ComponentPropsWithRef<'label'> {
-    /** Custom colors */
-    palette?: Partial<Record<keyof FormLabelPalette, Color>>;
-    /** Render radio or checkbox input */
-    control: JSX.Element | ((props: Required<Pick<FormLabelProps, 'size'>> & Pick<FormLabelProps, 'sizeXXS' | 'sizeXS' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXL' | 'disabled' | 'error' | 'success' | 'checked' | 'onColored'>) => JSX.Element);
-    /** Props for text component */
-    textProps?: TextProps;
-    /** Text content */
-    label?: React.ReactNode;
-    /** Display inline */
-    inline?: boolean;
-    /** Disable appearance */
-    clear?: boolean;
-    /** Appearance variant */
-    disabled?: boolean;
-    /** Appearance variant */
-    error?: boolean;
-    /** Appearance variant */
-    success?: boolean;
-    /** Appearance variant */
-    checked?: boolean;
-    /** Appearance variant */
-    onColored?: boolean;
-    /** Additional elements */
-    hint?: {
-        text?: React.ReactNode;
-        textProps?: TextProps;
-        icon?: JSX.Element | IconName;
-        iconProps?: IconProps;
-        buttonProps?: React.ComponentPropsWithoutRef<'button'>;
-    };
-}
-
-/**
- *
- * Component accepts all \<label\> attributes.
- *
- * Responsive "size", "margin" props are supported.
- *
- * Exposed "ref" attached to root node.
- *
- * See full [FormLabelProps](https://github.com/foxford/ui/blob/master/src/components/FormLabel/types.ts)
- */
-declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps>;
-
-export { ActionBtn, Alert, Amount, Anchor, Arrow, ArrowBadge, Avatar, Badge, BaseProps, Breakpoint, Button, COUNTRY_DATA, CSSBorderStyle, CSSColor, CSSFontWeight, CSSGlobalValue, CSSUnit, CSSVerticalAlign, CURRENCY_MAP, Checkbox, Chip, Color, ColorNames, ColorPaletteKey, Container, ContextMenu, CurrencyCodes, DEFAULT_MASK, FormLabel, HEX, INITIAL_MASK, Icon, IconButton, Indicator, Input, ListItem, Menu, Modal, Nullable, Paper, Popover, Progress, RGB, RGBA, Radio, withThemeScrollable as Scrollable, Section, Select, Separator, Size, Sizes, Skeleton, Spacer, Spinner, Switcher, Tab, Tabs, Tag, Text, Textarea, Theme, ThemeMode, ThemeName, ThemePreset, ThemeProvider, Tooltip, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, defaultIcons, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, vAlign };