@redneckz/wildless-cms-uni-blocks 0.5.5 → 0.5.7

package/src/components/SafeDepositRental/useYandexMaps.ts

@@ -0,0 +1,13 @@
+import ymaps from 'yandex-maps';
+import { useExternalNS } from '../../hooks/useExternalNS';
+import { projectSettings } from '../../ProjectSettings';
+
+const YMAPS_NAMESPACE = 'ymaps';
+
+export const useYandexMaps = () => {
+  const url = `https://api-maps.yandex.ru/2.1/?apikey=${projectSettings.YANDEX_MAP_API_KEY}&lang=ru_RU`;
+
+  const yandexMaps = useExternalNS<typeof ymaps>(YMAPS_NAMESPACE, url);
+
+  return yandexMaps;
+};

package/src/components/StepsBlock/StepsBlockContent.ts

@@ -1,40 +1,23 @@
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { Picture } from '../../model/Picture';
+import type { IconProps } from '../../model/Picture';
 import type { SizeVersion } from '../../model/SizeVersion';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { DescriptionProps, HeadlineCommonProps, LabelProps } from '../../model/HeadlineType';
 
 /**
  * @title Шаг
  */
-export interface Step {
-  /** @title Название */
-  label?: string;
-  /** @title Описание */
-  description?: string;
-  /**
-   *  @title Иконка
-   *  @default
-   * {
-   *   "size": {
-   *     "width": 48,
-   *     "height": 48
-   *   },
-   *   "format": "webp"
-   * }
-   */
-  icon?: Picture;
-  /** @title Кнопка */
-  button?: ButtonWithIconProps;
-}
+export type Step = DescriptionProps &
+  LabelProps &
+  IconProps & {
+    /** @title Кнопка */
+    button?: ButtonWithIconProps;
+  };
 
 /**
  * @title Блок шаги
  */
-export interface StepsBlockContent {
-  /** @title Заголовок */
-  title?: string;
-  /** @title Описание */
-  description?: string; // TODO: mobile content
+export type StepsBlockContent = HeadlineCommonProps & {
   /**
    * @title Линии
    * @default true
@@ -54,4 +37,4 @@ export interface StepsBlockContent {
    */
   size?: SizeVersion; // TODO: mobile content
   version?: BlockVersion;
-}
+};

package/src/components/Tabs/TabsContent.ts

@@ -1,26 +1,29 @@
 import type { LinkProps } from '../../model/LinkProps';
+import type { TitleProps } from '../../model/HeadlineType';
 
 /**
  * @title Группа
  */
-export interface GroupTab {
+export type GroupTab = TitleProps & {
+  /** @default group */
   type: 'group';
   /** @title Тег */
   ref?: string;
-  /** @title Название */
-  title?: string;
-}
+};
 
 /**
  * @title Ссылка
  */
 export type LinkTab = LinkProps & {
+  /** @default link */
   type: 'link';
 };
 
 /**
  * @title Таб
- * @default {"type": "group"}
+ * @default {
+ *    "type": "group"
+ * }
  */
 export type Tab = GroupTab | LinkTab;
 

package/src/components/TariffsTable/EmbeddableCellData.mobile.tsx

@@ -7,10 +7,6 @@ import type { ListProps } from '../../ui-kit/List/ListProps';
 import type { LabelDescriptionCell } from './TariffsTableContent';
 import { getButtonAriaLabel } from './utils/getButtonAriaLabel';
 
-export interface LabelProps {
-  label?: string;
-}
-
 export type EmbeddableCellDataType =
   | ButtonContent
   | LabelDescriptionCell

package/src/components/TariffsTable/TariffsTableContent.ts

@@ -1,10 +1,9 @@
 import type { EmptyOption } from '../../model/EmptyOptionType';
-import type { DescriptionProps } from '../../model/HeadlineType';
+import type { DescriptionProps, LabelProps } from '../../model/HeadlineType';
 import type { ListOrientation } from '../../model/ListOrientation';
 import type { Picture } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
 import type { HeadingProps } from '../../ui-kit/Heading/HeadingProps';
-import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import type { ListProps } from '../../ui-kit/List/ListProps';
 
@@ -18,71 +17,57 @@ export interface TariffsTableCellIndexProps {
 }
 
 /**
- * @title Параметр
+ * @hidden
  */
-export type TariffsTableRowHeader = HeadingProps & {
-  /**
-   * @default { "format": "webp", "size": { "width": 24, "height": 24 } }
-   */
-  icon?: Picture;
+export type Data = {
+  header: TariffsTableRowHeader;
+  data: CellDef[][];
 };
 
 /**
- * @title Ряд
+ * @title Параметр
  */
-export type Data = {
-  header: TariffsTableRowHeader;
-  data: CellDef[][];
+export type TariffsTableRowHeader = HeadingProps & {
+  /** @default { "format": "webp", "size": { "width": 24, "height": 24 } } */
+  icon?: Picture;
 };
 
 /**
  * @title Изображение
- * @default { "image": { "format": "webp", "size": { "width": 24, "height": 24 } } }
  */
-export type ImageCellDef = ImageContent & {
-  /**
-   * @default Img
-   */
+export type ImageCellDef = {
+  /** @default Img */
   tableCellType: 'Img';
+  /** @default { "format": "webp", "size": { "width": 24, "height": 24 } } */
+  image?: Picture;
 };
 
 /**
  * @title Кнопки
  */
 export type ButtonsCellDef = ButtonContent & {
-  /**
-   * @default Buttons
-   */
+  /** @default Buttons */
   tableCellType: 'Buttons';
 };
 
 /**
  * @title Заголовок и описание
  */
-export interface LabelDescriptionCell {
-  /** @title Заголовок */
-  label?: string;
-  /** @title Описание */
-  description?: string;
-}
+export type LabelDescriptionCell = LabelProps & DescriptionProps;
 
 /**
  * @title Заголовок и описание
  */
 export type LabelDescriptionCellDef = LabelDescriptionCell & {
-  /**
-   * @default LabelDescription
-   */
+  /** @default LabelDescription */
   tableCellType: 'LabelDescription';
 };
 
 /**
  * @title Список
  */
-export type ListBlockDef = ListProps & {
-  /**
-   * @default List
-   */
+export type ListBlockDef = Omit<ListProps, 'listItemSize' | 'version'> & {
+  /** @default List */
   tableCellType: 'List';
 };
 
@@ -90,9 +75,7 @@ export type ListBlockDef = ListProps & {
  * @title Таблица
  */
 export type InnerTableBlockDef = TariffsTableInnerContent & {
-  /**
-   * @default Table
-   */
+  /** @default Table */
   tableCellType: 'Table';
 };
 

package/src/components/TariffsTable/TariffsTableRow.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { UniBlockProps } from '../../types';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { TableCarouselContainer } from '../ComparisonTable/TableCarouselContainer';
 import { COLUMN_WIDTH, DIVIDER_CLASSES, FIRST_CELL_CLASSES } from './constants';
@@ -33,7 +34,9 @@ export const TariffsTableRow = JSX<TariffsTableRowProps>(
                 asSVG
               />
             ) : null}
-            {header?.title}
+            {header?.title ? (
+              <Heading headingType={header?.headingType || 'h6'} as="h6" title={header?.title} />
+            ) : null}
           </div>
         </div>
         {data?.length ? (

package/src/components/TextBlock/TextBlockContent.ts

@@ -1,4 +1,5 @@
 import type { Picture } from '../../model/Picture';
+import type { HeadlineCommonProps } from '../../model/HeadlineType';
 
 /**
  * @title Цвет блока
@@ -15,11 +16,7 @@ export type TextBlockIconVersion = 'none' | 'small' | 'big';
 /**
  * @title Текстовый блок
  */
-export interface TextBlockContent {
-  /** @title Заголовок */
-  title?: string;
-  /** @title Описание */
-  description?: string;
+export type TextBlockContent = HeadlineCommonProps & {
   iconVersion?: TextBlockIconVersion;
   image?: Picture;
   blockVersion?: TextBlockVersion;
@@ -27,4 +24,4 @@ export interface TextBlockContent {
   isDotted?: boolean;
   /** @title Список (моб.) */ // TODO: mobile prop
   items?: string[];
-}
+};

package/src/components/Tile/TileContent.ts

@@ -1,8 +1,8 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { DescriptionProps } from '../../model/HeadlineType';
+import type { Picture } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
 import type { HeadingCommonProps } from '../../ui-kit/Heading/HeadingProps';
-import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
 import type { ListItemSize } from '../../ui-kit/List/ListProps';
 
@@ -12,8 +12,22 @@ import type { ListItemSize } from '../../ui-kit/List/ListProps';
 export type TileContent = HeadingCommonProps &
   DescriptionProps &
   ListContent &
-  ButtonContent &
-  ImageContent & {
+  ButtonContent & {
+    /**
+     * @default {
+     *   "format": "webp",
+     *   "size": {
+     *       "width": 320
+     *   },
+     *   "sources": [{
+     *       "media": 1279,
+     *	     "width": 192,
+     *       "format": "webp",
+     *       "alignment": "southeast"
+     *   }]
+     * }
+     */
+    image?: Picture;
     /**
      *  @title Буллиты
      *  @default true

package/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -31,7 +31,7 @@ exports[`Blocks Bonus should render block "Bonus" without content 1`] = `
 
 exports[`Blocks BonusBenefitsBlock should render block "BonusBenefitsBlock" without content 1`] = `
 <section
-  class="font-sans text-primary-text bg-white p-50 flex flex-col text-center "
+  class="font-sans text-primary-text bg-white p-[50px] flex flex-col text-center "
 >
   <section
     class="font-sans flex flex-col p-[50px] gap-3 bg-transparent !p-0"
@@ -98,7 +98,7 @@ exports[`Blocks CardTransfer should render block "CardTransfer" without content
       </div>
     </div>
     <button
-      class="inline-block text-center font-sans select-none bg-secondary-dark text-secondary-text rounded-md w-full h-[56px] px-9 mt-6"
+      class="inline-block text-center font-sans select-none bg-main-divider text-main-disabled rounded-md w-full h-[56px] px-9 mt-6"
       disabled=""
       type="submit"
     >
@@ -325,7 +325,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
         value=""
       />
       <a
-        class="text-center font-sans select-none border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md invisible peer-focus:visible absolute top-1 right-1"
+        class="text-center font-sans select-none border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md invisible peer-focus:visible absolute top-[3px] right-1"
         role="button"
       >
         <div
@@ -455,7 +455,7 @@ exports[`Blocks GracePeriod should render block "GracePeriod" without content 1`
 
 exports[`Blocks Header should render block "Header" without content 1`] = `
 <header
-  class="pt-6 pb-5 px-20 bg-white "
+  class="pt-6 px-20 bg-white  pb-5"
 >
   <div
     class="container"
@@ -671,16 +671,6 @@ exports[`Blocks MobileAppTile should render block "MobileAppTile" without conten
 </section>
 `;
 
-exports[`Blocks Navigation should render block "Navigation" without content 1`] = `
-<section
-  class="font-sans text-primary-text flex items-center justify-between "
->
-  <h2
-    class="text-xl font-medium m-0"
-  />
-</section>
-`;
-
 exports[`Blocks OfficeServicesBlock should render block "OfficeServicesBlock" without content 1`] = `
 <section
   class="font-sans bg-white p-8 flex flex-col "
@@ -695,7 +685,7 @@ exports[`Blocks OtherProducts should render block "OtherProducts" without conten
 
 exports[`Blocks PictureText should render block "PictureText" without content 1`] = `
 <section
-  class="relative font-sans py-12 px-28 bg-white text-primary-text "
+  class="relative font-sans py-12 px-24 bg-white text-primary-text "
 >
   <section
     class="font-sans flex flex-col p-[50px] gap-3 bg-white !p-0"
@@ -798,13 +788,15 @@ exports[`Blocks ProductGallery should render block "ProductGallery" without cont
 
 exports[`Blocks ProductTile should render block "ProductTile" without content 1`] = `
 <section
-  class="overflow-hidden font-sans p-9 box-border relative justify-between grid  bg-white text-primary-text pr-[9.4rem] min-h-[360px]"
+  class="overflow-hidden font-sans p-9 box-border relative justify-between grid min-h-[364px]
+           bg-white text-primary-text pr-[9.4rem]"
 >
   <section
     class="font-sans flex flex-col p-[50px] gap-2 bg-white !p-0 !bg-transparent z-10 "
   />
   <div
-    class="z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline max-w-[calc(100%-186px)]"
+    class="z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline 
+        100%"
   />
 </section>
 `;
@@ -941,7 +933,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
             >
               <input
                 class="m-0 mt-2 font-sans text-h3 w-full h-14 border border-solid border-main-stroke rounded-md
-                        outline-none p-0 pl-4 box-border text-primary-text hover:border-primary-hover focus:border-primary-focus disabled:border-main-stroke disabled:bg-main-divider"
+            outline-none p-0 pl-4 box-border text-primary-text hover:border-primary-hover focus:border-primary-focus disabled:border-main-stroke disabled:bg-main-divider"
                 value="26"
               />
               <div
@@ -1040,7 +1032,8 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
                 class="flex items-center relative cursor-pointer"
               >
                 <input
-                  class="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
+                  class="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border-2 border-primary-main
+        rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
                   name="contractType"
                   type="radio"
                   value="option1"
@@ -1058,7 +1051,8 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               >
                 <input
                   checked=""
-                  class="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
+                  class="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border-2 border-primary-main
+        rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
                   name="contractType"
                   type="radio"
                   value="option2"
@@ -1137,10 +1131,10 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
             width="290"
           >
             <title>
-              Иконка PackA4Icon
+              Иконка Пачка бумаги А4
             </title>
             <desc>
-              Иконка PackA4Icon
+              Иконка Пачка бумаги А4
             </desc>
             <use
               class="text-primary-main "

package/src/hooks/useExternalNS.ts

@@ -0,0 +1,44 @@
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+
+export const getNS = <NS>(_: string): NS | undefined => (globalThis as any)[_];
+
+export function useExternalNS<NS>(namespaceName: string, url: string): NS | undefined {
+  const [externalNS, setExternalNS] = useState<NS>();
+
+  const setNS = useCallback(() => setExternalNS(getNS<NS>(namespaceName)), [namespaceName]);
+
+  useEffect(() => {
+    const script = document.getElementById(url);
+
+    if (script) {
+      if (getNS<NS>(namespaceName)) {
+        setNS();
+      } else {
+        script.addEventListener('load', setNS);
+
+        return () => {
+          script.removeEventListener('load', setNS);
+        };
+      }
+    } else {
+      const newScript = document.createElement('script');
+
+      newScript.src = url;
+      newScript.async = true;
+      newScript.id = url;
+      newScript.addEventListener('load', setNS);
+
+      document.head.appendChild(newScript);
+
+      return () => {
+        document.head.removeChild(newScript);
+
+        setExternalNS(undefined);
+      };
+    }
+
+    return undefined;
+  }, [namespaceName, url]);
+
+  return externalNS;
+}

package/src/icons/AirPlaneIcon.svg

@@ -1,98 +1 @@
-<svg title="Самолет" width="180" height="160" viewBox="0 0 180 160" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_10079_21576949)">
-<rect width="180" height="160" fill="white"/>
-<path d="M180.889 122.222L184.607 119.51H180.005H38.5658H38.0768L37.6818 119.798L0.162936 147.164L-3.55505 149.876H1.04688H142.486H142.975L143.37 149.588L180.889 122.222Z" fill="#42AB44" stroke="white" stroke-width="3"/>
-<path d="M180.889 113.598L184.607 110.886H180.005H38.5658H38.0768L37.6818 111.174L0.162936 138.54L-3.55505 141.252H1.04688H142.486H142.975L143.37 140.964L180.889 113.598Z" fill="#42AB44" stroke="white" stroke-width="3"/>
-<path d="M180.889 105.487L184.607 102.775H180.005H38.5658H38.0768L37.6818 103.063L0.162936 130.43L-3.55505 133.141H1.04688H142.486H142.975L143.37 132.853L180.889 105.487Z" fill="#42AB44" stroke="white" stroke-width="3"/>
-<mask id="mask0_10079_21576949" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="104" width="180" height="28">
-<path d="M180.005 104.275H38.5658L1.04688 131.641H142.486L180.005 104.275Z" fill="#42AB44"/>
-</mask>
-<g mask="url(#mask0_10079_21576949)">
-<path d="M189.438 107.538H4.41406L0.327716 110.055H185.352L189.438 107.538Z" fill="url(#paint0_linear_10079_21576949)"/>
-<path d="M176.657 115.412H-8.36719L-12.4535 117.928H172.571L176.657 115.412Z" fill="url(#paint1_linear_10079_21576949)"/>
-<path d="M103.318 123.31H-21.1875L-25.2739 125.826H99.2314L103.318 123.31Z" fill="url(#paint2_linear_10079_21576949)"/>
-<path d="M169.403 125.801H123.763C118.058 125.801 111.66 126.848 109.597 128.118C107.533 129.389 110.532 130.436 116.237 130.436H161.878C167.583 130.436 173.981 129.389 176.044 128.118C178.108 126.848 175.22 125.801 169.403 125.801Z" fill="url(#paint3_linear_10079_21576949)" stroke="#1D1D1B" stroke-miterlimit="10"/>
-<path d="M-2.09375 111.55H181.029" stroke="#1D1D1B" stroke-miterlimit="10"/>
-<path d="M-15.3281 119.697H167.794" stroke="#1D1D1B" stroke-miterlimit="10"/>
-</g>
-<g filter="url(#filter0_f_10079_21576949)">
-<path d="M162.499 116.992C162.591 116.965 162.682 116.91 162.773 116.883C162.804 116.856 162.864 116.829 162.895 116.829C162.956 116.802 163.017 116.774 163.077 116.72C163.138 116.666 163.199 116.639 163.26 116.612C164.081 116.041 163.625 115.525 163.442 115.118C163.442 115.091 163.412 115.036 163.412 115.009C163.29 114.466 163.321 113.326 154.65 113.76C150.422 113.977 133.507 114.873 114.098 115.878L112.759 114.004L111.208 104.282L106.553 104.499L104.393 108.03L102.598 108.41L97.9435 114.955L94.658 116.91C80.2378 117.671 66.2741 118.404 56.5998 118.92C55.2308 119.001 53.9227 119.056 52.6449 119.137C51.8235 118.974 51.063 118.703 50.6067 118.241C49.2377 116.802 50.485 114.249 49.2072 114.004C47.9599 113.733 43.6704 114.004 43.6704 114.004L37.5556 117.1C37.5251 117.046 37.4947 116.965 37.4034 116.937C36.6733 116.503 33.5702 116.747 33.5702 116.747L30.528 120.739L30.1325 120.929C23.896 121.636 21.736 122.152 21.736 122.152L19.4848 122.966C19.4848 122.966 18.3287 123.319 25.4475 123.781L17.2031 126.85L21.1276 126.632L31.6232 124.134C35.9128 124.324 40.2631 124.433 44.6439 124.433C50.0895 124.433 55.6263 124.297 61.3761 124.053C62.8059 123.998 64.5096 123.917 66.3349 123.835C68.069 123.754 69.9552 123.672 71.9022 123.564C71.9022 123.564 74.7314 123.971 82.915 123.727C82.8541 123.808 82.7933 123.944 82.702 124.107C82.337 124.731 79.6294 126.388 77.1348 127.311C74.6402 128.235 66.0915 131.222 66.0915 131.222H66.8825L64.1404 131.575L70.3161 131.222L105.884 122.477C106.705 122.423 107.527 122.369 108.348 122.287C111.907 122.016 114.645 121.5 116.045 121.201C123.042 120.821 130.891 120.359 136.641 120.06C140.291 119.87 143.698 119.626 146.771 119.327C147.106 119.3 147.44 119.273 147.775 119.246C155.107 118.54 160.4 117.671 162.104 117.128C162.256 117.1 162.378 117.046 162.499 116.992Z" fill="url(#paint4_linear_10079_21576949)"/>
-</g>
-<path d="M105.712 60.6897L98.1481 55.9093L65.3234 31.3604L60.5781 31.9354L69.2838 40.8492L68.3918 41.8197L83.7695 58.3534L86.3384 63.7807L105.712 60.6897Z" fill="url(#paint5_linear_10079_21576949)"/>
-<mask id="mask1_10079_21576949" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="17" y="55" width="149" height="28">
-<path d="M17.3021 76.5044C17.3021 76.5044 20.2991 71.9756 47.8433 68.3095C75.3875 64.6433 137.79 56.4124 146.531 55.2982C155.273 54.1839 158.876 57.0953 160.732 58.4252C162.587 59.7551 166.298 61.7679 165.977 63.8526C165.691 65.9372 158.52 69.6034 145.497 71.2927C132.474 72.982 108.926 76.5044 108.926 76.5044C108.926 76.5044 81.7741 80.0627 69.8573 81.3207C57.9405 82.5787 45.5242 82.6506 31.2169 81.177C16.9096 79.7033 17.2664 78.5891 17.2664 78.5891V76.5044H17.3021Z" fill="#88BBFB"/>
-</mask>
-<g mask="url(#mask1_10079_21576949)">
-<path d="M17.3021 76.5044C17.3021 76.5044 20.2991 71.9756 47.8433 68.3095C75.3875 64.6433 137.79 56.4124 146.531 55.2982C155.273 54.1839 158.876 57.0953 160.732 58.4252C162.587 59.7551 166.298 61.7679 165.977 63.8526C165.691 65.9372 158.52 69.6034 145.497 71.2927C132.474 72.982 108.926 76.5044 108.926 76.5044C108.926 76.5044 81.7741 80.0627 69.8573 81.3207C57.9405 82.5787 45.5242 82.6506 31.2169 81.177C16.9096 79.7033 17.2664 78.5891 17.2664 78.5891V76.5044H17.3021Z" fill="url(#paint6_linear_10079_21576949)"/>
-<g filter="url(#filter1_f_10079_21576949)">
-<path d="M31.2501 81.1768C45.5217 82.6504 57.9737 82.5785 69.8904 81.3205C81.8072 80.0625 108.959 76.5042 108.959 76.5042C108.959 76.5042 132.507 73.0537 145.53 71.3285C158.553 69.6032 165.724 65.973 166.01 63.8883C166.295 61.8036 162.62 59.7908 160.765 58.4609C158.446 64.3915 110.386 66.7278 66.2155 72.9459C22.0449 79.164 17.3352 76.5402 17.3352 76.5402V78.6248C17.2996 78.5889 16.9428 79.7031 31.2501 81.1768Z" fill="url(#paint7_linear_10079_21576949)"/>
-</g>
-</g>
-<path d="M23.0781 72.9097L14.0156 62.8817C14.0156 62.8817 16.9413 62.3066 19.1534 63.3849C21.3655 64.4632 27.2882 70.7172 27.2882 70.7172L23.0781 72.9097Z" fill="#88BBFB"/>
-<path d="M26.9297 78.5889H37.2766L30.8544 87.8621L26.9297 88.4012V78.5889Z" fill="#2168DA"/>
-<path d="M23.5078 74.132C23.5078 74.132 30.3225 73.5569 35.8884 76.9714C41.4544 80.386 67.286 78.4091 59.722 74.096C52.1581 69.7829 48.9113 69.3516 48.9113 69.3516L31.2858 72.0473L23.5078 74.132Z" fill="url(#paint8_linear_10079_21576949)"/>
-<path d="M23.5092 74.1318L17.0156 55.8729C17.0156 55.8729 21.1901 55.1899 23.5092 55.8729C25.7927 56.5198 32.429 62.9176 38.6371 66.5838C44.8453 70.25 48.877 69.3155 48.877 69.3155C48.877 69.3155 43.6679 71.7236 35.319 72.8378C27.0058 73.988 23.5092 74.1318 23.5092 74.1318Z" fill="url(#paint9_linear_10079_21576949)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M94.1275 80.5028C85.2718 81.1308 80.6328 80.0984 80.6328 80.0984C81.7389 78.0137 91.1581 76.2165 104.074 74.671C116.99 73.1255 125.339 73.5927 125.339 73.5927C125.339 73.5927 124.233 75.9649 119.38 76.9354C118.609 77.0897 117.846 77.2404 117.062 77.3902L104.644 104.612L98.5073 105.474L99.1138 99.3998H98.1862C98.1862 99.3998 98.6857 91.8519 98.6857 89.5156C98.6857 87.1793 96.6163 83.0099 95.0464 81.4285L94.1275 80.5028Z" fill="url(#paint10_linear_10079_21576949)"/>
-</g>
-<defs>
-<filter id="filter0_f_10079_21576949" x="15.2031" y="102.282" width="150.531" height="31.293" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_10079_21576949"/>
-</filter>
-<filter id="filter1_f_10079_21576949" x="13.3281" y="54.4609" width="156.695" height="31.8125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_10079_21576949"/>
-</filter>
-<linearGradient id="paint0_linear_10079_21576949" x1="-0.132592" y1="110.338" x2="0.0246983" y2="104.849" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EFBD6C"/>
-<stop offset="1" stop-color="#FFF48E"/>
-</linearGradient>
-<linearGradient id="paint1_linear_10079_21576949" x1="-12.9138" y1="118.212" x2="-12.7566" y2="112.722" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EFBD6C"/>
-<stop offset="1" stop-color="#FFF48E"/>
-</linearGradient>
-<linearGradient id="paint2_linear_10079_21576949" x1="-25.7342" y1="126.11" x2="-25.4897" y2="120.499" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EFBD6C"/>
-<stop offset="1" stop-color="#FFF48E"/>
-</linearGradient>
-<linearGradient id="paint3_linear_10079_21576949" x1="104.986" y1="130.958" x2="107.191" y2="118.836" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EFBD6C"/>
-<stop offset="1" stop-color="#FFF48E"/>
-</linearGradient>
-<linearGradient id="paint4_linear_10079_21576949" x1="49.3746" y1="93.46" x2="126.589" y2="143.452" gradientUnits="userSpaceOnUse">
-<stop/>
-<stop offset="1" stop-color="#0357CA"/>
-</linearGradient>
-<linearGradient id="paint5_linear_10079_21576949" x1="83.1451" y1="31.3604" x2="83.1451" y2="63.7807" gradientUnits="userSpaceOnUse">
-<stop stop-color="#88BBFB"/>
-<stop offset="1" stop-color="#88BBFB" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint6_linear_10079_21576949" x1="91.6309" y1="55.0493" x2="91.6309" y2="71.2281" gradientUnits="userSpaceOnUse">
-<stop stop-color="#88BBFB"/>
-<stop offset="1" stop-color="#88BBFB" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint7_linear_10079_21576949" x1="91.6777" y1="48.6423" x2="91.6865" y2="82.2732" gradientUnits="userSpaceOnUse">
-<stop/>
-<stop offset="1" stop-color="#0357CA"/>
-</linearGradient>
-<linearGradient id="paint8_linear_10079_21576949" x1="42.3029" y1="69.3516" x2="43.765" y2="78.7064" gradientUnits="userSpaceOnUse">
-<stop stop-color="#0C57D4"/>
-<stop offset="1" stop-color="#0C57D4" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint9_linear_10079_21576949" x1="27.5225" y1="53.2286" x2="16.247" y2="72.3394" gradientUnits="userSpaceOnUse">
-<stop stop-color="#88BBFB"/>
-<stop offset="0.671447" stop-color="#063C87"/>
-<stop offset="1" stop-color="#88BBFB"/>
-</linearGradient>
-<linearGradient id="paint10_linear_10079_21576949" x1="95.3754" y1="69.4978" x2="116.948" y2="79.6987" gradientUnits="userSpaceOnUse">
-<stop stop-color="#88BBFB"/>
-<stop offset="0.671447" stop-color="#063C87"/>
-<stop offset="1" stop-color="#88BBFB"/>
-</linearGradient>
-<clipPath id="clip0_10079_21576949">
-<rect width="180" height="160" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<svg title="Самолёт" viewBox="0 0 180 160" xmlns="http://www.w3.org/2000/svg" fill="none"><g clip-path="url(#a)"><path fill="#42AB44" stroke="#fff" stroke-width="3" d="m180.889 123.222 3.718-2.712H38.077l-.395.288-37.52 27.366-3.717 2.712h146.53l.395-.288 37.519-27.366Z"/><path fill="#42AB44" stroke="#fff" stroke-width="3" d="m180.889 114.598 3.718-2.712H38.077l-.395.288L.162 139.54l-3.717 2.712h146.53l.395-.288 37.519-27.366Z"/><path fill="#42AB44" stroke="#fff" stroke-width="3" d="m180.889 106.487 3.718-2.712H38.077l-.395.288L.162 131.43l-3.717 2.711h146.53l.395-.288 37.519-27.366Z"/><mask id="b" width="180" height="28" x="1" y="105" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#42AB44" d="M180.005 105.275H38.565L1.048 132.641h141.439l37.519-27.366Z"/></mask><g mask="url(#b)"><path fill="url(#c)" d="M189.438 108.538H4.414l-4.086 2.517h185.024l4.086-2.517Z"/><path fill="url(#d)" d="M176.657 116.412H-8.367l-4.086 2.516H172.57l4.086-2.516Z"/><path fill="url(#e)" d="M103.318 124.31H-21.187l-4.087 2.516H99.231l4.087-2.516Z"/><path fill="url(#f)" stroke="#1D1D1B" stroke-miterlimit="10" d="M169.403 126.801h-45.64c-5.705 0-12.103 1.047-14.166 2.317-2.064 1.271.935 2.318 6.64 2.318h45.641c5.705 0 12.103-1.047 14.166-2.318 2.064-1.27-.824-2.317-6.641-2.317Z"/><path stroke="#1D1D1B" stroke-miterlimit="10" d="M-2.094 112.55H181.03M-15.328 120.697h183.122"/></g><g filter="url(#g)"><path fill="url(#h)" d="M162.499 117.992c.092-.027.183-.082.274-.109a.244.244 0 0 1 .122-.054.637.637 0 0 0 .182-.109c.061-.054.122-.081.183-.108.821-.571.365-1.087.182-1.494 0-.027-.03-.082-.03-.109-.122-.543-.091-1.683-8.762-1.249-4.228.217-21.143 1.113-40.552 2.118l-1.339-1.874-1.551-9.722-4.655.217-2.16 3.531-1.795.38-4.654 6.545-3.286 1.955c-14.42.761-28.384 1.494-38.058 2.01-1.37.081-2.677.136-3.955.217-.822-.163-1.582-.434-2.038-.896-1.37-1.439-.122-3.992-1.4-4.237-1.247-.271-5.537 0-5.537 0l-6.114 3.096c-.03-.054-.061-.135-.153-.163-.73-.434-3.833-.19-3.833-.19l-3.042 3.992-.395.19c-6.237.707-8.397 1.223-8.397 1.223l-2.251.814s-1.156.353 5.963.815l-8.245 3.069 3.925-.218 10.495-2.498c4.29.19 8.64.299 13.02.299 5.447 0 10.983-.136 16.733-.38 1.43-.055 3.134-.136 4.959-.218 1.734-.081 3.62-.163 5.567-.271 0 0 2.83.407 11.013.163-.06.081-.122.217-.213.38-.365.624-3.073 2.281-5.567 3.204-2.495.924-11.044 3.911-11.044 3.911h.791l-2.742.353 6.176-.353 35.568-8.745c.821-.054 1.643-.108 2.464-.19a58.627 58.627 0 0 0 7.697-1.086c6.997-.38 14.846-.842 20.596-1.141 3.65-.19 7.057-.434 10.13-.733l1.004-.081c7.332-.706 12.625-1.575 14.329-2.118.152-.028.274-.082.395-.136Z"/></g><path fill="url(#i)" d="m105.712 61.69-7.564-4.78-32.825-24.55-4.745.575 8.706 8.914-.892.97 15.377 16.534 2.57 5.428 19.373-3.091Z"/><mask id="j" width="149" height="28" x="17" y="56" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#88BBFB" d="M17.302 77.504s2.997-4.528 30.541-8.195c27.544-3.666 89.947-11.897 98.688-13.01 8.742-1.115 12.345 1.796 14.201 3.126 1.855 1.33 5.566 3.343 5.245 5.428-.286 2.084-7.457 5.75-20.48 7.44-13.023 1.689-36.571 5.211-36.571 5.211s-27.152 3.559-39.069 4.817c-11.916 1.258-24.333 1.33-38.64-.144-14.307-1.474-13.95-2.588-13.95-2.588v-2.085h.035Z"/></mask><g mask="url(#j)"><path fill="url(#k)" d="M17.302 77.504s2.997-4.528 30.541-8.195c27.544-3.666 89.947-11.897 98.688-13.01 8.742-1.115 12.345 1.796 14.201 3.126 1.855 1.33 5.566 3.343 5.245 5.428-.286 2.084-7.457 5.75-20.48 7.44-13.023 1.689-36.571 5.211-36.571 5.211s-27.152 3.559-39.069 4.817c-11.916 1.258-24.333 1.33-38.64-.144-14.307-1.474-13.95-2.588-13.95-2.588v-2.085h.035Z"/><g filter="url(#l)"><path fill="url(#m)" d="M31.25 82.177c14.272 1.473 26.724 1.401 38.64.143 11.917-1.257 39.069-4.816 39.069-4.816s23.548-3.45 36.571-5.175c13.023-1.726 20.194-5.356 20.48-7.44.285-2.085-3.39-4.098-5.245-5.428-2.319 5.93-50.379 8.267-94.55 14.485-44.17 6.218-48.88 3.594-48.88 3.594v2.085c-.035-.036-.392 1.078 13.915 2.552Z"/></g></g><path fill="#88BBFB" d="m23.078 73.91-9.062-10.028s2.925-.575 5.137.503c2.213 1.078 8.135 7.332 8.135 7.332l-4.21 2.193Z"/><path fill="#2168DA" d="M26.93 79.589h10.347l-6.423 9.273-3.924.54v-9.813Z"/><path fill="url(#n)" d="M23.508 75.132s6.815-.575 12.38 2.84c5.566 3.414 31.398 1.437 23.834-2.876s-10.81-4.744-10.81-4.744l-17.626 2.695-7.778 2.085Z"/><path fill="url(#o)" d="m23.51 75.132-6.494-18.26s4.174-.682 6.493 0c2.284.648 8.92 7.046 15.128 10.712 6.208 3.666 10.24 2.731 10.24 2.731s-5.21 2.409-13.558 3.523c-8.313 1.15-11.81 1.294-11.81 1.294Z"/><path fill="url(#p)" fill-rule="evenodd" d="M94.127 81.503c-8.855.628-13.494-.405-13.494-.405 1.106-2.084 10.525-3.882 23.441-5.427 12.916-1.546 21.265-1.078 21.265-1.078s-1.106 2.372-5.959 3.342c-.771.155-1.534.305-2.318.455l-12.418 27.222-6.137.862.607-6.074h-.928s.5-7.548.5-9.884c0-2.337-2.07-6.506-3.64-8.088l-.919-.925Z" clip-rule="evenodd"/></g><defs><linearGradient id="c" x1="-.133" x2=".025" y1="111.338" y2="105.849" gradientUnits="userSpaceOnUse"><stop stop-color="#EFBD6C"/><stop offset="1" stop-color="#FFF48E"/></linearGradient><linearGradient id="d" x1="-12.914" x2="-12.757" y1="119.212" y2="113.722" gradientUnits="userSpaceOnUse"><stop stop-color="#EFBD6C"/><stop offset="1" stop-color="#FFF48E"/></linearGradient><linearGradient id="e" x1="-25.734" x2="-25.49" y1="127.11" y2="121.499" gradientUnits="userSpaceOnUse"><stop stop-color="#EFBD6C"/><stop offset="1" stop-color="#FFF48E"/></linearGradient><linearGradient id="f" x1="104.986" x2="107.191" y1="131.958" y2="119.836" gradientUnits="userSpaceOnUse"><stop stop-color="#EFBD6C"/><stop offset="1" stop-color="#FFF48E"/></linearGradient><linearGradient id="h" x1="49.375" x2="126.589" y1="94.46" y2="144.452" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-color="#0357CA"/></linearGradient><linearGradient id="i" x1="83.145" x2="83.145" y1="32.36" y2="64.781" gradientUnits="userSpaceOnUse"><stop stop-color="#88BBFB"/><stop offset="1" stop-color="#88BBFB" stop-opacity="0"/></linearGradient><linearGradient id="k" x1="91.631" x2="91.631" y1="56.049" y2="72.228" gradientUnits="userSpaceOnUse"><stop stop-color="#88BBFB"/><stop offset="1" stop-color="#88BBFB" stop-opacity="0"/></linearGradient><linearGradient id="m" x1="91.678" x2="91.686" y1="49.642" y2="83.273" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-color="#0357CA"/></linearGradient><linearGradient id="n" x1="42.303" x2="43.765" y1="70.352" y2="79.706" gradientUnits="userSpaceOnUse"><stop stop-color="#0C57D4"/><stop offset="1" stop-color="#0C57D4" stop-opacity="0"/></linearGradient><linearGradient id="o" x1="27.523" x2="16.247" y1="54.229" y2="73.339" gradientUnits="userSpaceOnUse"><stop stop-color="#88BBFB"/><stop offset=".671" stop-color="#063C87"/><stop offset="1" stop-color="#88BBFB"/></linearGradient><linearGradient id="p" x1="95.375" x2="116.948" y1="70.498" y2="80.699" gradientUnits="userSpaceOnUse"><stop stop-color="#88BBFB"/><stop offset=".671" stop-color="#063C87"/><stop offset="1" stop-color="#88BBFB"/></linearGradient><filter id="g" width="150.531" height="31.293" x="15.203" y="103.282" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_8300_220615" stdDeviation="1"/></filter><filter id="l" width="156.695" height="31.813" x="13.328" y="55.461" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_8300_220615" stdDeviation="2"/></filter><clipPath id="a"><path fill="#fff" d="M0 1h180v160H0z"/></clipPath></defs></svg>

package/src/icons/ArrowDownIcon.svg

@@ -1,4 +1,4 @@
-<svg title="Стрелка 'Вниз'" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg title="Стрелка 'Вниз'" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.8416 10.709L11.6582 12.8923C11.0166 13.534 9.96657 13.534 9.3249 12.8923L3.8999 7.45898" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M17.1001 7.45898L16.2334 8.32565" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/icons/ArrowUpIcon.svg

@@ -1,4 +1,4 @@
-<svg title="Стрелка вверх" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg title="Стрелка вверх" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.3416 9.29163L11.1582 7.10829C10.5166 6.46662 9.46657 6.46662 8.8249 7.10829L3.3999 12.5416" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M16.6001 12.5416L15.7334 11.675" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/src/icons/BuildingIcon.svg

@@ -0,0 +1,10 @@
+<svg title="Здание с деревом" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M1 22H23" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M19.7793 22.0108V17.5508" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M19.7996 10.8906C18.5796 10.8906 17.5996 11.8706 17.5996 13.0906V15.3606C17.5996 16.5806 18.5796 17.5606 19.7996 17.5606C21.0196 17.5606 21.9996 16.5806 21.9996 15.3606V13.0906C21.9996 11.8706 21.0196 10.8906 19.7996 10.8906Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M2.09961 6.02002C2.09961 4.01002 3.09966 3 5.08966 3H11.3196C13.3096 3 14.2996 4.01002 14.2996 6.02002V22" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M2.09961 21.9998V10.0098" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5.80078 8.25H10.7508" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5.80078 12H10.7508" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M8.25 22V18.25" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>