@diplodoc/components 5.16.3 → 5.17.2

package/build/esm/components/MobileControls/MobileControls.d.ts

@@ -1,10 +1,9 @@
 import type { ControlsProps } from '../Controls';
 import type { ControlSizes, DocSettings } from '../../models';
-import React from 'react';
 import './MobileControls.scss';
 export interface MobileControlsProps {
     controlSize: ControlSizes;
     userSettings: DocSettings & ControlsProps;
 }
-declare const MobileControls: React.MemoExoticComponent<({ controlSize, userSettings }: MobileControlsProps) => React.JSX.Element | null>;
+declare const MobileControls: import("react").MemoExoticComponent<({ controlSize, userSettings }: MobileControlsProps) => import("react").JSX.Element | null>;
 export default MobileControls;

package/build/esm/components/MobileControls/MobileControls.js

@@ -1,5 +1,5 @@
 // src/components/MobileControls/MobileControls.tsx
-import React, { memo, useMemo } from "react";
+import { memo, useMemo } from "react";
 import { Globe, Sun } from "@gravity-ui/icons";
 import block from "bem-cn-lite";
 import allLangs from "langs";
@@ -9,6 +9,7 @@ import { useTranslation } from "../../hooks";
 import { Lang, Theme } from "../../models";
 import MobileControl from "./MobileControl/MobileControl";
 import "./MobileControls.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-mobile-controls");
 var useLangControl = (t, lang, availableLangs, langs, onChangeLang) => {
   const langItems = useMemo(() => {
@@ -40,7 +41,7 @@ var useLangControl = (t, lang, availableLangs, langs, onChangeLang) => {
     return preparedLangs.length ? preparedLangs : LEGACY_LANG_ITEMS;
   }, [langs]);
   const selectedItemIndex = useMemo(() => langs ? langs.indexOf(lang) : -1, [lang, langs]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MobileControl,
     {
       name: "lang",
@@ -76,7 +77,7 @@ var useThemeControl = (t, theme, onChangeTheme) => {
     return "";
   }, [t, theme, themesItems]);
   const selectedItemIndex = useMemo(() => theme ? themes.indexOf(theme) : -1, [theme]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     MobileControl,
     {
       name: "theme",
@@ -98,7 +99,10 @@ var MobileControls = memo(({ controlSize, userSettings }) => {
   if (!onChangeTheme && !onChangeLang) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement("div", { className: b() }, /* @__PURE__ */ React.createElement(ControlsLayout, { controlClassName: b("control"), controlSize }, onChangeTheme && themeControl, onChangeLang && langControl));
+  return /* @__PURE__ */ jsx("div", { className: b(), children: /* @__PURE__ */ jsxs(ControlsLayout, { controlClassName: b("control"), controlSize, children: [
+    onChangeTheme && themeControl,
+    onChangeLang && langControl
+  ] }) });
 });
 MobileControls.displayName = "MobileControls";
 var MobileControls_default = MobileControls;

package/build/esm/components/MobileControls/MobileControls.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/MobileControls/MobileControls.tsx"],
-  "sourcesContent": ["import type {ControlsProps} from '../Controls';\nimport type {\n    AvailableLangs,\n    ControlSizes,\n    DocSettings,\n    ExtendedLang,\n    LangOptions,\n    ListItem,\n    OnChangeValue,\n    TFunction,\n} from '../../models';\n\nimport React, {memo, useMemo} from 'react';\nimport {Globe, Sun} from '@gravity-ui/icons';\nimport block from 'bem-cn-lite';\nimport allLangs from 'langs';\n\nimport {DEFAULT_LANGS, LEGACY_LANG_ITEMS} from '../../constants';\nimport {ControlsLayout} from '../Controls';\nimport {useTranslation} from '../../hooks';\nimport {Lang, Theme} from '../../models';\n\nimport MobileControl from './MobileControl/MobileControl';\nimport './MobileControls.scss';\n\nconst b = block('dc-mobile-controls');\n\nexport interface MobileControlsProps {\n    controlSize: ControlSizes;\n    userSettings: DocSettings & ControlsProps;\n}\n\nconst useLangControl = (\n    t: TFunction,\n    lang: `${Lang}` | Lang,\n    availableLangs: AvailableLangs,\n    langs?: (string | ExtendedLang)[],\n    onChangeLang?: (lang: `${Lang}` | Lang, options?: LangOptions) => void,\n) => {\n    const langItems = useMemo(() => {\n        const preparedLangs = (langs ?? DEFAULT_LANGS)\n            .map((code) => {\n                let lang: string;\n                let tld: string | undefined;\n                let href: string | undefined;\n\n                if (typeof code === 'string') {\n                    lang = code;\n                } else {\n                    lang = code.lang;\n                    tld = code.tld;\n                    href = code.href;\n                }\n\n                const locale = lang.split('-')[0];\n                const langData = allLangs.where('1', locale);\n\n                const regionNames = new Intl.DisplayNames([lang], {type: 'region'});\n                const country = tld ? regionNames.of(tld.toUpperCase()) : undefined;\n\n                return langData\n                    ? {\n                          text: langData.local,\n                          country,\n                          value: lang,\n                          options: {\n                              tld,\n                              href,\n                          },\n                      }\n                    : undefined;\n            })\n            .filter(Boolean) as ListItem[];\n\n        return preparedLangs.length ? preparedLangs : LEGACY_LANG_ITEMS;\n    }, [langs]);\n\n    const selectedItemIndex = useMemo(() => (langs ? langs.indexOf(lang) : -1), [lang, langs]);\n\n    return (\n        <MobileControl\n            name={'lang'}\n            title={t('lang-text')}\n            Icon={Globe}\n            selectedItem={lang}\n            selectedItemIndex={selectedItemIndex}\n            displayItems={langItems}\n            availableLangs={availableLangs}\n            onChangeValue={onChangeLang as OnChangeValue}\n        />\n    );\n};\nconst themes = [Theme.Light, Theme.Dark];\n\nconst useThemeControl = (t: TFunction, theme: Theme, onChangeTheme?: (theme: Theme) => void) => {\n    const themesItems = useMemo(\n        () =>\n            themes.map((value) => {\n                const text = t(`label_${value}_theme`);\n\n                return {\n                    text,\n                    value,\n                };\n            }),\n        [t],\n    );\n\n    const buttonLabel = useMemo(() => {\n        for (const item of themesItems) {\n            if (theme !== item.value) {\n                continue;\n            }\n\n            return t(`full_label_${item.value}_theme`);\n        }\n\n        return '';\n    }, [t, theme, themesItems]);\n\n    const selectedItemIndex = useMemo(() => (theme ? themes.indexOf(theme) : -1), [theme]);\n\n    return (\n        <MobileControl\n            name={'theme'}\n            title={t('label_theme')}\n            buttonLabel={buttonLabel}\n            Icon={Sun}\n            selectedItem={theme}\n            selectedItemIndex={selectedItemIndex}\n            displayItems={themesItems}\n            onChangeValue={onChangeTheme as OnChangeValue}\n        />\n    );\n};\n\nconst MobileControls = memo(({controlSize, userSettings}: MobileControlsProps) => {\n    const {t} = useTranslation('controls');\n    const {onChangeLang, lang, langs, availableLangs = [], onChangeTheme, theme} = userSettings;\n\n    const langControl = useLangControl(t, lang ?? Lang.En, availableLangs, langs, onChangeLang);\n    const themeControl = useThemeControl(t, theme ?? Theme.Light, onChangeTheme);\n\n    if (!onChangeTheme && !onChangeLang) {\n        return null;\n    }\n\n    return (\n        <div className={b()}>\n            <ControlsLayout controlClassName={b('control')} controlSize={controlSize}>\n                {onChangeTheme && themeControl}\n                {onChangeLang && langControl}\n            </ControlsLayout>\n        </div>\n    );\n});\n\nMobileControls.displayName = 'MobileControls';\n\nexport default MobileControls;\n"],
-  "mappings": ";AAYA,OAAO,SAAQ,MAAM,eAAc;AACnC,SAAQ,OAAO,WAAU;AACzB,OAAO,WAAW;AAClB,OAAO,cAAc;AAErB,SAAQ,eAAe,yBAAwB;AAC/C,SAAQ,sBAAqB;AAC7B,SAAQ,sBAAqB;AAC7B,SAAQ,MAAM,aAAY;AAE1B,OAAO,mBAAmB;AAC1B,OAAO;AAEP,IAAM,IAAI,MAAM,oBAAoB;AAOpC,IAAM,iBAAiB,CACnB,GACA,MACA,gBACA,OACA,iBACC;AACD,QAAM,YAAY,QAAQ,MAAM;AAC5B,UAAM,iBAAiB,wBAAS,eAC3B,IAAI,CAAC,SAAS;AACX,UAAIA;AACJ,UAAI;AACJ,UAAI;AAEJ,UAAI,OAAO,SAAS,UAAU;AAC1B,QAAAA,QAAO;AAAA,MACX,OAAO;AACH,QAAAA,QAAO,KAAK;AACZ,cAAM,KAAK;AACX,eAAO,KAAK;AAAA,MAChB;AAEA,YAAM,SAASA,MAAK,MAAM,GAAG,EAAE,CAAC;AAChC,YAAM,WAAW,SAAS,MAAM,KAAK,MAAM;AAE3C,YAAM,cAAc,IAAI,KAAK,aAAa,CAACA,KAAI,GAAG,EAAC,MAAM,SAAQ,CAAC;AAClE,YAAM,UAAU,MAAM,YAAY,GAAG,IAAI,YAAY,CAAC,IAAI;AAE1D,aAAO,WACD;AAAA,QACI,MAAM,SAAS;AAAA,QACf;AAAA,QACA,OAAOA;AAAA,QACP,SAAS;AAAA,UACL;AAAA,UACA;AAAA,QACJ;AAAA,MACJ,IACA;AAAA,IACV,CAAC,EACA,OAAO,OAAO;AAEnB,WAAO,cAAc,SAAS,gBAAgB;AAAA,EAClD,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,oBAAoB,QAAQ,MAAO,QAAQ,MAAM,QAAQ,IAAI,IAAI,IAAK,CAAC,MAAM,KAAK,CAAC;AAEzF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAO,EAAE,WAAW;AAAA,MACpB,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA,eAAe;AAAA;AAAA,EACnB;AAER;AACA,IAAM,SAAS,CAAC,MAAM,OAAO,MAAM,IAAI;AAEvC,IAAM,kBAAkB,CAAC,GAAc,OAAc,kBAA2C;AAC5F,QAAM,cAAc;AAAA,IAChB,MACI,OAAO,IAAI,CAAC,UAAU;AAClB,YAAM,OAAO,EAAE,SAAS,KAAK,QAAQ;AAErC,aAAO;AAAA,QACH;AAAA,QACA;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA,IACL,CAAC,CAAC;AAAA,EACN;AAEA,QAAM,cAAc,QAAQ,MAAM;AAC9B,eAAW,QAAQ,aAAa;AAC5B,UAAI,UAAU,KAAK,OAAO;AACtB;AAAA,MACJ;AAEA,aAAO,EAAE,cAAc,KAAK,KAAK,QAAQ;AAAA,IAC7C;AAEA,WAAO;AAAA,EACX,GAAG,CAAC,GAAG,OAAO,WAAW,CAAC;AAE1B,QAAM,oBAAoB,QAAQ,MAAO,QAAQ,OAAO,QAAQ,KAAK,IAAI,IAAK,CAAC,KAAK,CAAC;AAErF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAO,EAAE,aAAa;AAAA,MACtB;AAAA,MACA,MAAM;AAAA,MACN,cAAc;AAAA,MACd;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA;AAAA,EACnB;AAER;AAEA,IAAM,iBAAiB,KAAK,CAAC,EAAC,aAAa,aAAY,MAA2B;AAC9E,QAAM,EAAC,EAAC,IAAI,eAAe,UAAU;AACrC,QAAM,EAAC,cAAc,MAAM,OAAO,iBAAiB,CAAC,GAAG,eAAe,MAAK,IAAI;AAE/E,QAAM,cAAc,eAAe,GAAG,sBAAQ,KAAK,IAAI,gBAAgB,OAAO,YAAY;AAC1F,QAAM,eAAe,gBAAgB,GAAG,wBAAS,MAAM,OAAO,aAAa;AAE3E,MAAI,CAAC,iBAAiB,CAAC,cAAc;AACjC,WAAO;AAAA,EACX;AAEA,SACI,oCAAC,SAAI,WAAW,EAAE,KACd,oCAAC,kBAAe,kBAAkB,EAAE,SAAS,GAAG,eAC3C,iBAAiB,cACjB,gBAAgB,WACrB,CACJ;AAER,CAAC;AAED,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
+  "sourcesContent": ["import type {ControlsProps} from '../Controls';\nimport type {\n    AvailableLangs,\n    ControlSizes,\n    DocSettings,\n    ExtendedLang,\n    LangOptions,\n    ListItem,\n    OnChangeValue,\n    TFunction,\n} from '../../models';\n\nimport {memo, useMemo} from 'react';\nimport {Globe, Sun} from '@gravity-ui/icons';\nimport block from 'bem-cn-lite';\nimport allLangs from 'langs';\n\nimport {DEFAULT_LANGS, LEGACY_LANG_ITEMS} from '../../constants';\nimport {ControlsLayout} from '../Controls';\nimport {useTranslation} from '../../hooks';\nimport {Lang, Theme} from '../../models';\n\nimport MobileControl from './MobileControl/MobileControl';\nimport './MobileControls.scss';\n\nconst b = block('dc-mobile-controls');\n\nexport interface MobileControlsProps {\n    controlSize: ControlSizes;\n    userSettings: DocSettings & ControlsProps;\n}\n\nconst useLangControl = (\n    t: TFunction,\n    lang: `${Lang}` | Lang,\n    availableLangs: AvailableLangs,\n    langs?: (string | ExtendedLang)[],\n    onChangeLang?: (lang: `${Lang}` | Lang, options?: LangOptions) => void,\n) => {\n    const langItems = useMemo(() => {\n        const preparedLangs = (langs ?? DEFAULT_LANGS)\n            .map((code) => {\n                let lang: string;\n                let tld: string | undefined;\n                let href: string | undefined;\n\n                if (typeof code === 'string') {\n                    lang = code;\n                } else {\n                    lang = code.lang;\n                    tld = code.tld;\n                    href = code.href;\n                }\n\n                const locale = lang.split('-')[0];\n                const langData = allLangs.where('1', locale);\n\n                const regionNames = new Intl.DisplayNames([lang], {type: 'region'});\n                const country = tld ? regionNames.of(tld.toUpperCase()) : undefined;\n\n                return langData\n                    ? {\n                          text: langData.local,\n                          country,\n                          value: lang,\n                          options: {\n                              tld,\n                              href,\n                          },\n                      }\n                    : undefined;\n            })\n            .filter(Boolean) as ListItem[];\n\n        return preparedLangs.length ? preparedLangs : LEGACY_LANG_ITEMS;\n    }, [langs]);\n\n    const selectedItemIndex = useMemo(() => (langs ? langs.indexOf(lang) : -1), [lang, langs]);\n\n    return (\n        <MobileControl\n            name={'lang'}\n            title={t('lang-text')}\n            Icon={Globe}\n            selectedItem={lang}\n            selectedItemIndex={selectedItemIndex}\n            displayItems={langItems}\n            availableLangs={availableLangs}\n            onChangeValue={onChangeLang as OnChangeValue}\n        />\n    );\n};\nconst themes = [Theme.Light, Theme.Dark];\n\nconst useThemeControl = (t: TFunction, theme: Theme, onChangeTheme?: (theme: Theme) => void) => {\n    const themesItems = useMemo(\n        () =>\n            themes.map((value) => {\n                const text = t(`label_${value}_theme`);\n\n                return {\n                    text,\n                    value,\n                };\n            }),\n        [t],\n    );\n\n    const buttonLabel = useMemo(() => {\n        for (const item of themesItems) {\n            if (theme !== item.value) {\n                continue;\n            }\n\n            return t(`full_label_${item.value}_theme`);\n        }\n\n        return '';\n    }, [t, theme, themesItems]);\n\n    const selectedItemIndex = useMemo(() => (theme ? themes.indexOf(theme) : -1), [theme]);\n\n    return (\n        <MobileControl\n            name={'theme'}\n            title={t('label_theme')}\n            buttonLabel={buttonLabel}\n            Icon={Sun}\n            selectedItem={theme}\n            selectedItemIndex={selectedItemIndex}\n            displayItems={themesItems}\n            onChangeValue={onChangeTheme as OnChangeValue}\n        />\n    );\n};\n\nconst MobileControls = memo(({controlSize, userSettings}: MobileControlsProps) => {\n    const {t} = useTranslation('controls');\n    const {onChangeLang, lang, langs, availableLangs = [], onChangeTheme, theme} = userSettings;\n\n    const langControl = useLangControl(t, lang ?? Lang.En, availableLangs, langs, onChangeLang);\n    const themeControl = useThemeControl(t, theme ?? Theme.Light, onChangeTheme);\n\n    if (!onChangeTheme && !onChangeLang) {\n        return null;\n    }\n\n    return (\n        <div className={b()}>\n            <ControlsLayout controlClassName={b('control')} controlSize={controlSize}>\n                {onChangeTheme && themeControl}\n                {onChangeLang && langControl}\n            </ControlsLayout>\n        </div>\n    );\n});\n\nMobileControls.displayName = 'MobileControls';\n\nexport default MobileControls;\n"],
+  "mappings": "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",
   "names": ["lang"]
 }

package/build/esm/components/NeuroExpertModal/NeuroExpertModal.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/NeuroExpertModal/NeuroExpertModal.scss", "../../../../src/components/NeuroExpertModal/%3Cinput css xlGlDw%3E"],
+  "sources": ["../../../../src/components/NeuroExpertModal/NeuroExpertModal.scss", "../../../../src/components/NeuroExpertModal/%3Cinput css ZCisul%3E"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../styles/variables';\n\n.dc-neuro-expert-modal {\n    &__modal {\n        display: grid;\n\n        .g-modal__content {\n            border-radius: 8px;\n            width: 50vw;\n            height: 70vh;\n        }\n    }\n\n    &__header-caption {\n        display: grid;\n        align-items: center;\n        grid-template-columns: auto 1fr;\n        width: fit-content;\n        gap: 8px;\n    }\n\n    &__header {\n        display: grid;\n        justify-content: center;\n        padding-bottom: 20px;\n    }\n\n    &__body {\n        position: relative;\n        padding: 0;\n    }\n\n    &__container {\n        width: 100%;\n        height: 62vh;\n    }\n\n    &__iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n    }\n\n    &__loader {\n        position: absolute;\n        inset: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: var(--g-color-base-background);\n    }\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'xl')) {\n        &__modal {\n            .g-modal__content {\n                width: 70vw;\n            }\n        }\n    }\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md')) {\n        &__modal {\n            .g-modal__content {\n                border-radius: 0;\n                width: 100vw;\n                height: 100vh;\n            }\n        }\n\n        &__container {\n            height: 92vh;\n        }\n    }\n}\n", ".dc-neuro-expert-modal__modal {\n  display: grid;\n}\n.dc-neuro-expert-modal__modal .g-modal__content {\n  border-radius: 8px;\n  width: 50vw;\n  height: 70vh;\n}\n.dc-neuro-expert-modal__header-caption {\n  display: grid;\n  align-items: center;\n  grid-template-columns: auto 1fr;\n  width: fit-content;\n  gap: 8px;\n}\n.dc-neuro-expert-modal__header {\n  display: grid;\n  justify-content: center;\n  padding-bottom: 20px;\n}\n.dc-neuro-expert-modal__body {\n  position: relative;\n  padding: 0;\n}\n.dc-neuro-expert-modal__container {\n  width: 100%;\n  height: 62vh;\n}\n.dc-neuro-expert-modal__iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n.dc-neuro-expert-modal__loader {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--g-color-base-background);\n}\n@media (max-width: 1185px) {\n  .dc-neuro-expert-modal__modal .g-modal__content {\n    width: 70vw;\n  }\n}\n@media (max-width: 769px) {\n  .dc-neuro-expert-modal__modal .g-modal__content {\n    border-radius: 0;\n    width: 100vw;\n    height: 100vh;\n  }\n  .dc-neuro-expert-modal__container {\n    height: 92vh;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL05ldXJvRXhwZXJ0TW9kYWwiLCJzb3VyY2VzIjpbIk5ldXJvRXhwZXJ0TW9kYWwuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJSTtFQUNJOztBQUVBO0VBQ0k7RUFDQTtFQUNBOztBQUlSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBRVE7SUFDSTs7O0FBS1o7RUFFUTtJQUNJO0lBQ0E7SUFDQTs7RUFJUjtJQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5cbi5kYy1uZXVyby1leHBlcnQtbW9kYWwge1xuICAgICZfX21vZGFsIHtcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcblxuICAgICAgICAuZy1tb2RhbF9fY29udGVudCB7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgICAgICAgICB3aWR0aDogNTB2dztcbiAgICAgICAgICAgIGhlaWdodDogNzB2aDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2hlYWRlci1jYXB0aW9uIHtcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBhdXRvIDFmcjtcbiAgICAgICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgICAgICBnYXA6IDhweDtcbiAgICB9XG5cbiAgICAmX19oZWFkZXIge1xuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgcGFkZGluZy1ib3R0b206IDIwcHg7XG4gICAgfVxuXG4gICAgJl9fYm9keSB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICB9XG5cbiAgICAmX19jb250YWluZXIge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA2MnZoO1xuICAgIH1cblxuICAgICZfX2lmcmFtZSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG5cbiAgICAmX19sb2FkZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGluc2V0OiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLWJhY2tncm91bmQpO1xuICAgIH1cblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICd4bCcpKSB7XG4gICAgICAgICZfX21vZGFsIHtcbiAgICAgICAgICAgIC5nLW1vZGFsX19jb250ZW50IHtcbiAgICAgICAgICAgICAgICB3aWR0aDogNzB2dztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgICZfX21vZGFsIHtcbiAgICAgICAgICAgIC5nLW1vZGFsX19jb250ZW50IHtcbiAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxMDB2dztcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMHZoO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl9fY29udGFpbmVyIHtcbiAgICAgICAgICAgIGhlaWdodDogOTJ2aDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ== */"],
   "mappings": ";AAII,CAAA;AACI,WAAA;ACHR;ADKQ,CAHJ,6BAGI,CAAA;AACI,iBAAA;AACA,SAAA;AACA,UAAA;ACHZ;ADOI,CAAA;AACI,WAAA;AACA,eAAA;AACA,yBAAA,KAAA;AACA,SAAA;AAAA,SAAA;AACA,YAAA;AAAA,OAAA;ACLR;ADQI,CAAA;AACI,WAAA;AACA,mBAAA;AACA,kBAAA;ACNR;ADSI,CAAA;AACI,YAAA;AACA,WAAA;ACPR;ADUI,CAAA;AACI,SAAA;AACA,UAAA;ACRR;ADWI,CAAA;AACI,SAAA;AACA,UAAA;AACA,UAAA;ACTR;ADYI,CAAA;AACI,YAAA;AACA,OAAA;AAAA,SAAA;AAAA,UAAA;AAAA,QAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;AACA,cAAA,IAAA;ACVR;ADaI,QAAA,WAAA;AAEQ,GAnDR,6BAmDQ,CAhDJ;AAiDQ,WAAA;ACZd;AACF;ADgBI,QAAA,WAAA;AAEQ,GA3DR,6BA2DQ,CAxDJ;AAyDQ,mBAAA;AACA,WAAA;AACA,YAAA;ACfd;ADmBM,GArCJ;AAsCQ,YAAA;ACjBV;AACF;",
   "names": []

package/build/esm/components/NeuroExpertModal/NeuroExpertModal.js

@@ -1,11 +1,12 @@
 // src/components/NeuroExpertModal/NeuroExpertModal.tsx
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { Dialog, Loader, Text } from "@gravity-ui/uikit";
 import { useTranslation } from "react-i18next";
 import block from "bem-cn-lite";
 import { CommonAnalyticsEvent, useAnalytics } from "../../shared/libs/analytics";
 import { AiIcon } from "../SearchSuggest";
 import "./NeuroExpertModal.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var b = block("dc-neuro-expert-modal");
 var IFRAME_BASE_URL = "https://expert.yandex.ru/expert/projects";
 var IFRAME_ORIGIN = "https://expert.yandex.ru";
@@ -14,7 +15,10 @@ var IFRAME_ACTION_MAP = {
 };
 var HeaderCaption = () => {
   const { t } = useTranslation("search-suggest");
-  return /* @__PURE__ */ React.createElement("div", { className: b("header-caption") }, /* @__PURE__ */ React.createElement(AiIcon, null), /* @__PURE__ */ React.createElement(Text, { variant: "subheader-2" }, t("search-suggest_ai-chat")));
+  return /* @__PURE__ */ jsxs("div", { className: b("header-caption"), children: [
+    /* @__PURE__ */ jsx(AiIcon, {}),
+    /* @__PURE__ */ jsx(Text, { variant: "subheader-2", children: t("search-suggest_ai-chat") })
+  ] });
 };
 var NeuroExpertModal = ({ open, query, projectId, onClose }) => {
   const analytics = useAnalytics();
@@ -68,7 +72,7 @@ var NeuroExpertModal = ({ open, query, projectId, onClose }) => {
       IFRAME_ORIGIN
     );
   }, [open, loaded, query]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     Dialog,
     {
       open,
@@ -77,17 +81,22 @@ var NeuroExpertModal = ({ open, query, projectId, onClose }) => {
       keepMounted: loaded,
       className: b(),
       modalClassName: b("modal"),
-      onTransitionOutComplete: restoreBodyScroll
-    },
-    /* @__PURE__ */ React.createElement(Dialog.Header, { className: b("header"), caption: /* @__PURE__ */ React.createElement(HeaderCaption, null) }),
-    /* @__PURE__ */ React.createElement(Dialog.Body, { className: b("body") }, /* @__PURE__ */ React.createElement("div", { className: b("container") }, /* @__PURE__ */ React.createElement(
-      "iframe",
-      {
-        ref: iframeRef,
-        src: iframeSrc,
-        style: { width: "100%", height: "100%", border: "none" }
-      }
-    )), !loaded && /* @__PURE__ */ React.createElement("div", { className: b("loader") }, /* @__PURE__ */ React.createElement(Loader, { size: "l" })))
+      onTransitionOutComplete: restoreBodyScroll,
+      children: [
+        /* @__PURE__ */ jsx(Dialog.Header, { className: b("header"), caption: /* @__PURE__ */ jsx(HeaderCaption, {}) }),
+        /* @__PURE__ */ jsxs(Dialog.Body, { className: b("body"), children: [
+          /* @__PURE__ */ jsx("div", { className: b("container"), children: /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              ref: iframeRef,
+              src: iframeSrc,
+              style: { width: "100%", height: "100%", border: "none" }
+            }
+          ) }),
+          !loaded && /* @__PURE__ */ jsx("div", { className: b("loader"), children: /* @__PURE__ */ jsx(Loader, { size: "l" }) })
+        ] })
+      ]
+    }
   );
 };
 export {

package/build/esm/components/NeuroExpertModal/NeuroExpertModal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/NeuroExpertModal/NeuroExpertModal.tsx"],
-  "sourcesContent": ["import type {FC} from 'react';\n\nimport React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {Dialog, Loader, Text} from '@gravity-ui/uikit';\nimport {useTranslation} from 'react-i18next';\nimport block from 'bem-cn-lite';\n\nimport {CommonAnalyticsEvent, useAnalytics} from '../../shared/libs/analytics';\nimport {AiIcon} from '../SearchSuggest';\n\nimport './NeuroExpertModal.scss';\n\nconst b = block('dc-neuro-expert-modal');\n\nconst IFRAME_BASE_URL = 'https://expert.yandex.ru/expert/projects';\nconst IFRAME_ORIGIN = 'https://expert.yandex.ru';\n\nconst IFRAME_ACTION_MAP: Record<string, string> = {\n    'message-sent': 'message',\n};\n\nexport interface NeuroExpertModalProps {\n    open: boolean;\n    query: string;\n    projectId: string;\n    onClose: () => void;\n}\n\nconst HeaderCaption = () => {\n    const {t} = useTranslation('search-suggest');\n\n    return (\n        <div className={b('header-caption')}>\n            <AiIcon />\n            <Text variant=\"subheader-2\">{t('search-suggest_ai-chat')}</Text>\n        </div>\n    );\n};\n\nexport const NeuroExpertModal: FC<NeuroExpertModalProps> = ({open, query, projectId, onClose}) => {\n    const analytics = useAnalytics();\n    const [loaded, setLoaded] = useState<boolean>(false);\n    const iframeRef = useRef<HTMLIFrameElement>(null);\n    const iframeSrc = `${IFRAME_BASE_URL}/${projectId}/iframe`;\n\n    const restoreBodyScroll = useCallback(() => {\n        document.body.style.removeProperty('overflow');\n        document.body.style.removeProperty('padding-right');\n        document.body.style.removeProperty('--floating-ui-scrollbar-width');\n    }, []);\n\n    const trackAction = useCallback(\n        (action: string) => {\n            analytics.track(CommonAnalyticsEvent.DOCS_NEUROEXPERT_ACTION, {\n                action,\n                initType: 'search',\n            });\n        },\n        [analytics],\n    );\n\n    useEffect(() => {\n        const handleMessage = (event: MessageEvent) => {\n            if (event.source !== iframeRef.current?.contentWindow) {\n                return;\n            }\n\n            const type = event.data?.type;\n\n            if (type === 'chat-mounted' && !loaded) {\n                setLoaded(true);\n            }\n\n            const mappedAction = IFRAME_ACTION_MAP[type];\n            if (mappedAction) {\n                trackAction(mappedAction);\n            }\n        };\n\n        window.addEventListener('message', handleMessage);\n\n        return () => window.removeEventListener('message', handleMessage);\n    }, [loaded, trackAction]);\n\n    useEffect(() => {\n        if (open) {\n            trackAction('open');\n        }\n    }, [open, trackAction]);\n\n    useEffect(() => {\n        if (!open || !loaded) {\n            return;\n        }\n\n        iframeRef.current?.contentWindow?.postMessage(\n            {type: 'send-message', payload: {text: query}},\n            IFRAME_ORIGIN,\n        );\n    }, [open, loaded, query]);\n\n    return (\n        <Dialog\n            open={open}\n            onClose={onClose}\n            hasCloseButton\n            keepMounted={loaded}\n            className={b()}\n            modalClassName={b('modal')}\n            onTransitionOutComplete={restoreBodyScroll}\n        >\n            <Dialog.Header className={b('header')} caption={<HeaderCaption />} />\n            <Dialog.Body className={b('body')}>\n                <div className={b('container')}>\n                    <iframe\n                        ref={iframeRef}\n                        src={iframeSrc}\n                        style={{width: '100%', height: '100%', border: 'none'}}\n                    />\n                </div>\n                {!loaded && (\n                    <div className={b('loader')}>\n                        <Loader size=\"l\" />\n                    </div>\n                )}\n            </Dialog.Body>\n        </Dialog>\n    );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type {FC} from 'react';\n\nimport {useCallback, useEffect, useRef, useState} from 'react';\nimport {Dialog, Loader, Text} from '@gravity-ui/uikit';\nimport {useTranslation} from 'react-i18next';\nimport block from 'bem-cn-lite';\n\nimport {CommonAnalyticsEvent, useAnalytics} from '../../shared/libs/analytics';\nimport {AiIcon} from '../SearchSuggest';\n\nimport './NeuroExpertModal.scss';\n\nconst b = block('dc-neuro-expert-modal');\n\nconst IFRAME_BASE_URL = 'https://expert.yandex.ru/expert/projects';\nconst IFRAME_ORIGIN = 'https://expert.yandex.ru';\n\nconst IFRAME_ACTION_MAP: Record<string, string> = {\n    'message-sent': 'message',\n};\n\nexport interface NeuroExpertModalProps {\n    open: boolean;\n    query: string;\n    projectId: string;\n    onClose: () => void;\n}\n\nconst HeaderCaption = () => {\n    const {t} = useTranslation('search-suggest');\n\n    return (\n        <div className={b('header-caption')}>\n            <AiIcon />\n            <Text variant=\"subheader-2\">{t('search-suggest_ai-chat')}</Text>\n        </div>\n    );\n};\n\nexport const NeuroExpertModal: FC<NeuroExpertModalProps> = ({open, query, projectId, onClose}) => {\n    const analytics = useAnalytics();\n    const [loaded, setLoaded] = useState<boolean>(false);\n    const iframeRef = useRef<HTMLIFrameElement>(null);\n    const iframeSrc = `${IFRAME_BASE_URL}/${projectId}/iframe`;\n\n    const restoreBodyScroll = useCallback(() => {\n        document.body.style.removeProperty('overflow');\n        document.body.style.removeProperty('padding-right');\n        document.body.style.removeProperty('--floating-ui-scrollbar-width');\n    }, []);\n\n    const trackAction = useCallback(\n        (action: string) => {\n            analytics.track(CommonAnalyticsEvent.DOCS_NEUROEXPERT_ACTION, {\n                action,\n                initType: 'search',\n            });\n        },\n        [analytics],\n    );\n\n    useEffect(() => {\n        const handleMessage = (event: MessageEvent) => {\n            if (event.source !== iframeRef.current?.contentWindow) {\n                return;\n            }\n\n            const type = event.data?.type;\n\n            if (type === 'chat-mounted' && !loaded) {\n                setLoaded(true);\n            }\n\n            const mappedAction = IFRAME_ACTION_MAP[type];\n            if (mappedAction) {\n                trackAction(mappedAction);\n            }\n        };\n\n        window.addEventListener('message', handleMessage);\n\n        return () => window.removeEventListener('message', handleMessage);\n    }, [loaded, trackAction]);\n\n    useEffect(() => {\n        if (open) {\n            trackAction('open');\n        }\n    }, [open, trackAction]);\n\n    useEffect(() => {\n        if (!open || !loaded) {\n            return;\n        }\n\n        iframeRef.current?.contentWindow?.postMessage(\n            {type: 'send-message', payload: {text: query}},\n            IFRAME_ORIGIN,\n        );\n    }, [open, loaded, query]);\n\n    return (\n        <Dialog\n            open={open}\n            onClose={onClose}\n            hasCloseButton\n            keepMounted={loaded}\n            className={b()}\n            modalClassName={b('modal')}\n            onTransitionOutComplete={restoreBodyScroll}\n        >\n            <Dialog.Header className={b('header')} caption={<HeaderCaption />} />\n            <Dialog.Body className={b('body')}>\n                <div className={b('container')}>\n                    <iframe\n                        ref={iframeRef}\n                        src={iframeSrc}\n                        style={{width: '100%', height: '100%', border: 'none'}}\n                    />\n                </div>\n                {!loaded && (\n                    <div className={b('loader')}>\n                        <Loader size=\"l\" />\n                    </div>\n                )}\n            </Dialog.Body>\n        </Dialog>\n    );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/build/esm/components/Notification/Notification.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Notification/Notification.scss", "../../../../src/components/Notification/%3Cinput css iMnW_m%3E"],
+  "sources": ["../../../../src/components/Notification/Notification.scss", "../../../../src/components/Notification/%3Cinput css P64lzm%3E"],
   "sourcesContent": ["@use 'sass:color';\n@use 'sass:map';\n@use '../../styles/variables';\n@use '../../styles/mixins';\n\n$infoColor: #027bf3;\n$tipColor: #56bd67;\n$warningColor: #f19518;\n$importantColor: #ff4645;\n\n$infoBackgroundColor: rgba(2, 123, 243, 0.08);\n$tipBackgroundColor: rgba(63, 201, 46, 0.1);\n$warningBackgroundColor: rgba(255, 136, 0, 0.15);\n$importantBackgroundColor: rgba(235, 50, 38, 0.08);\n\n.dc-note {\n    position: relative;\n    padding: 20px 20px 20px 64px;\n    border-radius: 10px;\n\n    &__wrapper {\n        margin: 20px 36px;\n    }\n\n    &__xmark {\n        position: absolute;\n        top: 0;\n        right: 0;\n    }\n\n    &__template {\n        padding: 20px;\n        border: 1px solid var(--g-color-line-generic);\n    }\n\n    &__title {\n        font-weight: 700;\n    }\n\n    & > p {\n        margin: 0 0 10px;\n\n        &:first-child {\n            &::before {\n                box-sizing: content-box;\n                display: block;\n                width: 24px;\n                height: 24px;\n                margin-top: -2px;\n                margin-left: -44px;\n                padding-right: 20px;\n                float: left;\n            }\n        }\n\n        &:last-child {\n            margin-bottom: 0;\n        }\n    }\n\n    $colors: (\n        dc-accent-info: $infoColor,\n        dc-accent-tip: $tipColor,\n        dc-accent-alert: $importantColor,\n        dc-accent-warning: $warningColor,\n    );\n\n    @each $type, $color in $colors {\n        &.#{$type} > p:first-child::before {\n            $r: color.channel($color, 'red');\n            $g: color.channel($color, 'green');\n            $b: color.channel($color, 'blue');\n            $rgbColor: 'rgb(' + $r + ',' + $g + ',' + $b + ')';\n            content: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 16 16\"%3E%3Ccircle cx=\"8\" cy=\"8\" r=\"8\" fill=\"' + $rgbColor + '\"/%3E%3Crect width=\"1\" height=\"5\" x=\"7.5\" y=\"6.5\" stroke=\"%23fff\" rx=\".5\"/%3E%3Ccircle cx=\"8\" cy=\"4\" r=\"1\" fill=\"%23fff\"/%3E%3C/svg%3E');\n        }\n    }\n\n    $backgroundColors: (\n        dc-accent-info: $infoBackgroundColor,\n        dc-accent-tip: $tipBackgroundColor,\n        dc-accent-alert: $importantBackgroundColor,\n        dc-accent-warning: $warningBackgroundColor,\n    );\n\n    @each $type, $color in $backgroundColors {\n        &.#{$type} {\n            background: $color;\n        }\n    }\n}\n\n.pc-page-constructor__docs,\n.fullscreen-mode {\n    .dc-note__wrapper {\n        margin: 0px 0px 20px;\n    }\n}\n", ".dc-note {\n  position: relative;\n  padding: 20px 20px 20px 64px;\n  border-radius: 10px;\n}\n.dc-note__wrapper {\n  margin: 20px 36px;\n}\n.dc-note__xmark {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n.dc-note__template {\n  padding: 20px;\n  border: 1px solid var(--g-color-line-generic);\n}\n.dc-note__title {\n  font-weight: 700;\n}\n.dc-note > p {\n  margin: 0 0 10px;\n}\n.dc-note > p:first-child::before {\n  box-sizing: content-box;\n  display: block;\n  width: 24px;\n  height: 24px;\n  margin-top: -2px;\n  margin-left: -44px;\n  padding-right: 20px;\n  float: left;\n}\n.dc-note > p:last-child {\n  margin-bottom: 0;\n}\n.dc-note.dc-accent-info > p:first-child::before {\n  content: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 16 16\"%3E%3Ccircle cx=\"8\" cy=\"8\" r=\"8\" fill=\"rgb(2,123,243)\"/%3E%3Crect width=\"1\" height=\"5\" x=\"7.5\" y=\"6.5\" stroke=\"%23fff\" rx=\".5\"/%3E%3Ccircle cx=\"8\" cy=\"4\" r=\"1\" fill=\"%23fff\"/%3E%3C/svg%3E');\n}\n.dc-note.dc-accent-tip > p:first-child::before {\n  content: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 16 16\"%3E%3Ccircle cx=\"8\" cy=\"8\" r=\"8\" fill=\"rgb(86,189,103)\"/%3E%3Crect width=\"1\" height=\"5\" x=\"7.5\" y=\"6.5\" stroke=\"%23fff\" rx=\".5\"/%3E%3Ccircle cx=\"8\" cy=\"4\" r=\"1\" fill=\"%23fff\"/%3E%3C/svg%3E');\n}\n.dc-note.dc-accent-alert > p:first-child::before {\n  content: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 16 16\"%3E%3Ccircle cx=\"8\" cy=\"8\" r=\"8\" fill=\"rgb(255,70,69)\"/%3E%3Crect width=\"1\" height=\"5\" x=\"7.5\" y=\"6.5\" stroke=\"%23fff\" rx=\".5\"/%3E%3Ccircle cx=\"8\" cy=\"4\" r=\"1\" fill=\"%23fff\"/%3E%3C/svg%3E');\n}\n.dc-note.dc-accent-warning > p:first-child::before {\n  content: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 16 16\"%3E%3Ccircle cx=\"8\" cy=\"8\" r=\"8\" fill=\"rgb(241,149,24)\"/%3E%3Crect width=\"1\" height=\"5\" x=\"7.5\" y=\"6.5\" stroke=\"%23fff\" rx=\".5\"/%3E%3Ccircle cx=\"8\" cy=\"4\" r=\"1\" fill=\"%23fff\"/%3E%3C/svg%3E');\n}\n.dc-note.dc-accent-info {\n  background: rgba(2, 123, 243, 0.08);\n}\n.dc-note.dc-accent-tip {\n  background: rgba(63, 201, 46, 0.1);\n}\n.dc-note.dc-accent-alert {\n  background: rgba(235, 50, 38, 0.08);\n}\n.dc-note.dc-accent-warning {\n  background: rgba(255, 136, 0, 0.15);\n}\n\n.pc-page-constructor__docs .dc-note__wrapper,\n.fullscreen-mode .dc-note__wrapper {\n  margin: 0px 0px 20px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbiIsInNvdXJjZXMiOlsiTm90aWZpY2F0aW9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUE7RUFDSTtFQUNBO0VBQ0E7O0FBRUE7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUdJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJUjtFQUNJOztBQVlKO0VBS0k7O0FBTEo7RUFLSTs7QUFMSjtFQUtJOztBQUxKO0VBS0k7O0FBWUo7RUFDSSxZQVRXOztBQVFmO0VBQ0ksWUFUVzs7QUFRZjtFQUNJLFlBVFc7O0FBUWY7RUFDSSxZQVRXOzs7QUFnQm5CO0FBQUE7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ3Nhc3M6Y29sb3InO1xuQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AdXNlICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuJGluZm9Db2xvcjogIzAyN2JmMztcbiR0aXBDb2xvcjogIzU2YmQ2NztcbiR3YXJuaW5nQ29sb3I6ICNmMTk1MTg7XG4kaW1wb3J0YW50Q29sb3I6ICNmZjQ2NDU7XG5cbiRpbmZvQmFja2dyb3VuZENvbG9yOiByZ2JhKDIsIDEyMywgMjQzLCAwLjA4KTtcbiR0aXBCYWNrZ3JvdW5kQ29sb3I6IHJnYmEoNjMsIDIwMSwgNDYsIDAuMSk7XG4kd2FybmluZ0JhY2tncm91bmRDb2xvcjogcmdiYSgyNTUsIDEzNiwgMCwgMC4xNSk7XG4kaW1wb3J0YW50QmFja2dyb3VuZENvbG9yOiByZ2JhKDIzNSwgNTAsIDM4LCAwLjA4KTtcblxuLmRjLW5vdGUge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAyMHB4IDIwcHggMjBweCA2NHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cbiAgICAmX193cmFwcGVyIHtcbiAgICAgICAgbWFyZ2luOiAyMHB4IDM2cHg7XG4gICAgfVxuXG4gICAgJl9feG1hcmsge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgfVxuXG4gICAgJl9fdGVtcGxhdGUge1xuICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgfVxuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgIH1cblxuICAgICYgPiBwIHtcbiAgICAgICAgbWFyZ2luOiAwIDAgMTBweDtcblxuICAgICAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IC0ycHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC00NHB4O1xuICAgICAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgZmxvYXQ6IGxlZnQ7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICRjb2xvcnM6IChcbiAgICAgICAgZGMtYWNjZW50LWluZm86ICRpbmZvQ29sb3IsXG4gICAgICAgIGRjLWFjY2VudC10aXA6ICR0aXBDb2xvcixcbiAgICAgICAgZGMtYWNjZW50LWFsZXJ0OiAkaW1wb3J0YW50Q29sb3IsXG4gICAgICAgIGRjLWFjY2VudC13YXJuaW5nOiAkd2FybmluZ0NvbG9yLFxuICAgICk7XG5cbiAgICBAZWFjaCAkdHlwZSwgJGNvbG9yIGluICRjb2xvcnMge1xuICAgICAgICAmLiN7JHR5cGV9ID4gcDpmaXJzdC1jaGlsZDo6YmVmb3JlIHtcbiAgICAgICAgICAgICRyOiBjb2xvci5jaGFubmVsKCRjb2xvciwgJ3JlZCcpO1xuICAgICAgICAgICAgJGc6IGNvbG9yLmNoYW5uZWwoJGNvbG9yLCAnZ3JlZW4nKTtcbiAgICAgICAgICAgICRiOiBjb2xvci5jaGFubmVsKCRjb2xvciwgJ2JsdWUnKTtcbiAgICAgICAgICAgICRyZ2JDb2xvcjogJ3JnYignICsgJHIgKyAnLCcgKyAkZyArICcsJyArICRiICsgJyknO1xuICAgICAgICAgICAgY29udGVudDogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWwsJTNDc3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCIlM0UlM0NjaXJjbGUgY3g9XCI4XCIgY3k9XCI4XCIgcj1cIjhcIiBmaWxsPVwiJyArICRyZ2JDb2xvciArICdcIi8lM0UlM0NyZWN0IHdpZHRoPVwiMVwiIGhlaWdodD1cIjVcIiB4PVwiNy41XCIgeT1cIjYuNVwiIHN0cm9rZT1cIiUyM2ZmZlwiIHJ4PVwiLjVcIi8lM0UlM0NjaXJjbGUgY3g9XCI4XCIgY3k9XCI0XCIgcj1cIjFcIiBmaWxsPVwiJTIzZmZmXCIvJTNFJTNDL3N2ZyUzRScpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJGJhY2tncm91bmRDb2xvcnM6IChcbiAgICAgICAgZGMtYWNjZW50LWluZm86ICRpbmZvQmFja2dyb3VuZENvbG9yLFxuICAgICAgICBkYy1hY2NlbnQtdGlwOiAkdGlwQmFja2dyb3VuZENvbG9yLFxuICAgICAgICBkYy1hY2NlbnQtYWxlcnQ6ICRpbXBvcnRhbnRCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgIGRjLWFjY2VudC13YXJuaW5nOiAkd2FybmluZ0JhY2tncm91bmRDb2xvcixcbiAgICApO1xuXG4gICAgQGVhY2ggJHR5cGUsICRjb2xvciBpbiAkYmFja2dyb3VuZENvbG9ycyB7XG4gICAgICAgICYuI3skdHlwZX0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJGNvbG9yO1xuICAgICAgICB9XG4gICAgfVxufVxuXG4ucGMtcGFnZS1jb25zdHJ1Y3Rvcl9fZG9jcyxcbi5mdWxsc2NyZWVuLW1vZGUge1xuICAgIC5kYy1ub3RlX193cmFwcGVyIHtcbiAgICAgICAgbWFyZ2luOiAwcHggMHB4IDIwcHg7XG4gICAgfVxufVxuIl19 */"],
   "mappings": ";AAeA,CAAA;AACI,YAAA;AACA,WAAA,KAAA,KAAA,KAAA;AACA,iBAAA;ACdJ;ADgBI,CAAA;AACI,UAAA,KAAA;ACdR;ADiBI,CAAA;AACI,YAAA;AACA,OAAA;AACA,SAAA;ACfR;ADkBI,CAAA;AACI,WAAA;AACA,UAAA,IAAA,MAAA,IAAA;AChBR;ADmBI,CAAA;AACI,eAAA;ACjBR;ADoBI,CAxBJ,QAwBI,EAAA;AACI,UAAA,EAAA,EAAA;AClBR;ADqBY,CA5BZ,QA4BY,EAAA,CAAA,YAAA;AACI,cAAA;AACA,WAAA;AACA,SAAA;AACA,UAAA;AACA,cAAA;AACA,eAAA;AACA,iBAAA;AACA,SAAA;ACnBhB;ADuBQ,CAxCR,QAwCQ,EAAA,CAAA;AACI,iBAAA;ACrBZ;ADiCQ,CArDR,OAqDQ,CAAA,eAAA,EAAA,CAAA,YAAA;AAKI,WAAA;ACnCZ;AD8BQ,CArDR,OAqDQ,CAAA,cAAA,EAAA,CAAA,YAAA;AAKI,WAAA;AChCZ;AD2BQ,CArDR,OAqDQ,CAAA,gBAAA,EAAA,CAAA,YAAA;AAKI,WAAA;AC7BZ;ADwBQ,CArDR,OAqDQ,CAAA,kBAAA,EAAA,CAAA,YAAA;AAKI,WAAA;AC1BZ;ADsCQ,CAtER,OAsEQ,CAjBA;AAkBI,cAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA;ACpCZ;ADmCQ,CAtER,OAsEQ,CAjBA;AAkBI,cAAA,KAAA,EAAA,EAAA,GAAA,EAAA,EAAA,EAAA;ACjCZ;ADgCQ,CAtER,OAsEQ,CAjBA;AAkBI,cAAA,KAAA,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AC9BZ;AD6BQ,CAtER,OAsEQ,CAjBA;AAkBI,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,CAAA,EAAA;AC3BZ;ADkCI,CAAA,0BAAA,CAzEA;kBAAA;AA0EI,UAAA,IAAA,IAAA;AC9BR;",
   "names": []

package/build/esm/components/Notification/Notification.js

@@ -1,10 +1,11 @@
 // src/components/Notification/Notification.tsx
-import React, { useState } from "react";
+import { useState } from "react";
 import { Button, Icon } from "@gravity-ui/uikit";
 import { Xmark } from "@gravity-ui/icons";
 import block from "bem-cn-lite";
 import { HTML } from "../HTML";
 import "./Notification.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 var bNote = block("dc-note");
 var Notification = ({ notification, notificationCb }) => {
   const [showNotification, setShowNotification] = useState(true);
@@ -13,21 +14,25 @@ var Notification = ({ notification, notificationCb }) => {
   }
   const { title = "", content = "", type = "", permanent } = notification;
   const isNoteTypeCorrect = ["info", "tip", "warning", "alert"].includes(type.toLowerCase());
-  return /* @__PURE__ */ React.createElement("div", { className: bNote("wrapper") }, /* @__PURE__ */ React.createElement("div", { className: bNote({}, isNoteTypeCorrect ? `dc-accent-${type}` : bNote("template")) }, title && /* @__PURE__ */ React.createElement("p", { className: bNote("title") }, title), !permanent && /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      view: "flat",
-      className: bNote("xmark"),
-      style: { position: "absolute" },
-      onClick: () => {
-        if (notificationCb) {
-          notificationCb();
-        }
-        setShowNotification(false);
+  return /* @__PURE__ */ jsx("div", { className: bNote("wrapper"), children: /* @__PURE__ */ jsxs("div", { className: bNote({}, isNoteTypeCorrect ? `dc-accent-${type}` : bNote("template")), children: [
+    title && /* @__PURE__ */ jsx("p", { className: bNote("title"), children: title }),
+    !permanent && /* @__PURE__ */ jsx(
+      Button,
+      {
+        view: "flat",
+        className: bNote("xmark"),
+        style: { position: "absolute" },
+        onClick: () => {
+          if (notificationCb) {
+            notificationCb();
+          }
+          setShowNotification(false);
+        },
+        children: /* @__PURE__ */ jsx(Icon, { data: Xmark })
       }
-    },
-    /* @__PURE__ */ React.createElement(Icon, { data: Xmark })
-  ), content && /* @__PURE__ */ React.createElement(HTML, { className: bNote("content") }, content)));
+    ),
+    content && /* @__PURE__ */ jsx(HTML, { className: bNote("content"), children: content })
+  ] }) });
 };
 var Notification_default = Notification;
 export {

package/build/esm/components/Notification/Notification.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Notification/Notification.tsx"],
   "sourcesContent": ["import React, {useState} from 'react';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport {Xmark} from '@gravity-ui/icons';\nimport block from 'bem-cn-lite';\n\nimport {HTML} from '../HTML';\n\nimport './Notification.scss';\n\nconst bNote = block('dc-note');\n\nexport interface NotificationProps {\n    notification?: {\n        title?: string;\n        content?: string;\n        type?: string;\n        permanent?: boolean;\n    };\n    notificationCb?: () => void;\n}\n\nconst Notification: React.FC<NotificationProps> = ({notification, notificationCb}) => {\n    const [showNotification, setShowNotification] = useState(true);\n\n    if (!notification || !showNotification) {\n        return null;\n    }\n\n    const {title = '', content = '', type = '', permanent} = notification;\n    const isNoteTypeCorrect = ['info', 'tip', 'warning', 'alert'].includes(type.toLowerCase());\n\n    return (\n        <div className={bNote('wrapper')}>\n            <div className={bNote({}, isNoteTypeCorrect ? `dc-accent-${type}` : bNote('template'))}>\n                {title && <p className={bNote('title')}>{title}</p>}\n                {!permanent && (\n                    <Button\n                        view={'flat'}\n                        className={bNote('xmark')}\n                        style={{position: 'absolute'}}\n                        onClick={() => {\n                            if (notificationCb) {\n                                notificationCb();\n                            }\n                            setShowNotification(false);\n                        }}\n                    >\n                        <Icon data={Xmark} />\n                    </Button>\n                )}\n                {content && <HTML className={bNote('content')}>{content}</HTML>}\n            </div>\n        </div>\n    );\n};\n\nexport default Notification;\n"],
-  "mappings": ";AAAA,OAAO,SAAQ,gBAAe;AAC9B,SAAQ,QAAQ,YAAW;AAC3B,SAAQ,aAAY;AACpB,OAAO,WAAW;AAElB,SAAQ,YAAW;AAEnB,OAAO;AAEP,IAAM,QAAQ,MAAM,SAAS;AAY7B,IAAM,eAA4C,CAAC,EAAC,cAAc,eAAc,MAAM;AAClF,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,IAAI;AAE7D,MAAI,CAAC,gBAAgB,CAAC,kBAAkB;AACpC,WAAO;AAAA,EACX;AAEA,QAAM,EAAC,QAAQ,IAAI,UAAU,IAAI,OAAO,IAAI,UAAS,IAAI;AACzD,QAAM,oBAAoB,CAAC,QAAQ,OAAO,WAAW,OAAO,EAAE,SAAS,KAAK,YAAY,CAAC;AAEzF,SACI,oCAAC,SAAI,WAAW,MAAM,SAAS,KAC3B,oCAAC,SAAI,WAAW,MAAM,CAAC,GAAG,oBAAoB,aAAa,IAAI,KAAK,MAAM,UAAU,CAAC,KAChF,SAAS,oCAAC,OAAE,WAAW,MAAM,OAAO,KAAI,KAAM,GAC9C,CAAC,aACE;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,WAAW,MAAM,OAAO;AAAA,MACxB,OAAO,EAAC,UAAU,WAAU;AAAA,MAC5B,SAAS,MAAM;AACX,YAAI,gBAAgB;AAChB,yBAAe;AAAA,QACnB;AACA,4BAAoB,KAAK;AAAA,MAC7B;AAAA;AAAA,IAEA,oCAAC,QAAK,MAAM,OAAO;AAAA,EACvB,GAEH,WAAW,oCAAC,QAAK,WAAW,MAAM,SAAS,KAAI,OAAQ,CAC5D,CACJ;AAER;AAEA,IAAO,uBAAQ;",
+  "mappings": ";AAAA,SAAe,gBAAe;AAC9B,SAAQ,QAAQ,YAAW;AAC3B,SAAQ,aAAY;AACpB,OAAO,WAAW;AAElB,SAAQ,YAAW;AAEnB,OAAO;AA0BK,SACc,KADd;AAxBZ,IAAM,QAAQ,MAAM,SAAS;AAY7B,IAAM,eAA4C,CAAC,EAAC,cAAc,eAAc,MAAM;AAClF,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,IAAI;AAE7D,MAAI,CAAC,gBAAgB,CAAC,kBAAkB;AACpC,WAAO;AAAA,EACX;AAEA,QAAM,EAAC,QAAQ,IAAI,UAAU,IAAI,OAAO,IAAI,UAAS,IAAI;AACzD,QAAM,oBAAoB,CAAC,QAAQ,OAAO,WAAW,OAAO,EAAE,SAAS,KAAK,YAAY,CAAC;AAEzF,SACI,oBAAC,SAAI,WAAW,MAAM,SAAS,GAC3B,+BAAC,SAAI,WAAW,MAAM,CAAC,GAAG,oBAAoB,aAAa,IAAI,KAAK,MAAM,UAAU,CAAC,GAChF;AAAA,aAAS,oBAAC,OAAE,WAAW,MAAM,OAAO,GAAI,iBAAM;AAAA,IAC9C,CAAC,aACE;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,WAAW,MAAM,OAAO;AAAA,QACxB,OAAO,EAAC,UAAU,WAAU;AAAA,QAC5B,SAAS,MAAM;AACX,cAAI,gBAAgB;AAChB,2BAAe;AAAA,UACnB;AACA,8BAAoB,KAAK;AAAA,QAC7B;AAAA,QAEA,8BAAC,QAAK,MAAM,OAAO;AAAA;AAAA,IACvB;AAAA,IAEH,WAAW,oBAAC,QAAK,WAAW,MAAM,SAAS,GAAI,mBAAQ;AAAA,KAC5D,GACJ;AAER;AAEA,IAAO,uBAAQ;",
   "names": []
 }

package/build/esm/components/OutsideClick/OutsideClick.d.ts

@@ -1,12 +1,12 @@
 import type { PropsWithChildren, RefObject } from 'react';
-import type { ClassNameProps } from 'src/models';
+import type { ClassNameProps } from '../../models';
 import React from 'react';
 export interface OutsideClickProps extends ClassNameProps {
     onOutsideClick: () => void;
-    anchor?: HTMLElement | RefObject<HTMLElement> | null;
+    anchor?: HTMLElement | RefObject<HTMLElement | null> | null;
 }
 export default class OutsideClick extends React.Component<PropsWithChildren<OutsideClickProps>> {
-    ref: RefObject<HTMLDivElement>;
+    ref: RefObject<HTMLDivElement | null>;
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): React.JSX.Element;

package/build/esm/components/OutsideClick/OutsideClick.js

@@ -1,20 +1,17 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-
 // src/components/OutsideClick/OutsideClick.tsx
 import React, { createRef } from "react";
+import { jsx } from "react/jsx-runtime";
 var OutsideClick = class extends React.Component {
   constructor() {
     super(...arguments);
-    __publicField(this, "ref", createRef());
-    __publicField(this, "handleOutsideClick", (e) => {
+    this.ref = createRef();
+    this.handleOutsideClick = (e) => {
       var _a, _b, _c;
       const { onOutsideClick, anchor } = this.props;
       if (e.target && !(((_b = (_a = this.ref) == null ? void 0 : _a.current) == null ? void 0 : _b.contains(e.target)) || anchor && "contains" in anchor && anchor.contains(e.target) || anchor && "current" in anchor && ((_c = anchor.current) == null ? void 0 : _c.contains(e.target)))) {
         onOutsideClick();
       }
-    });
+    };
   }
   componentDidMount() {
     document.addEventListener("mousedown", this.handleOutsideClick);
@@ -24,7 +21,7 @@ var OutsideClick = class extends React.Component {
   }
   render() {
     const { children, className } = this.props;
-    return /* @__PURE__ */ React.createElement("div", { className, ref: this.ref }, children);
+    return /* @__PURE__ */ jsx("div", { className, ref: this.ref, children });
   }
 };
 export {

package/build/esm/components/OutsideClick/OutsideClick.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/OutsideClick/OutsideClick.tsx"],
-  "sourcesContent": ["import type {PropsWithChildren, RefObject} from 'react';\nimport type {ClassNameProps} from 'src/models';\n\nimport React, {createRef} from 'react';\n\nexport interface OutsideClickProps extends ClassNameProps {\n    onOutsideClick: () => void;\n    anchor?: HTMLElement | RefObject<HTMLElement> | null;\n}\n\nexport default class OutsideClick extends React.Component<PropsWithChildren<OutsideClickProps>> {\n    ref = createRef<HTMLDivElement>();\n\n    componentDidMount() {\n        document.addEventListener('mousedown', this.handleOutsideClick);\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('mousedown', this.handleOutsideClick);\n    }\n\n    render() {\n        const {children, className} = this.props;\n\n        return (\n            <div className={className} ref={this.ref}>\n                {children}\n            </div>\n        );\n    }\n\n    handleOutsideClick = (e: MouseEvent) => {\n        const {onOutsideClick, anchor} = this.props;\n\n        if (\n            e.target &&\n            !(\n                this.ref?.current?.contains(e.target as Node) ||\n                (anchor && 'contains' in anchor && anchor.contains(e.target as Node)) ||\n                (anchor && 'current' in anchor && anchor.current?.contains(e.target as Node))\n            )\n        ) {\n            onOutsideClick();\n        }\n    };\n}\n"],
-  "mappings": ";;;;;AAGA,OAAO,SAAQ,iBAAgB;AAO/B,IAAqB,eAArB,cAA0C,MAAM,UAAgD;AAAA,EAAhG;AAAA;AACI,+BAAM,UAA0B;AAoBhC,8CAAqB,CAAC,MAAkB;AA/B5C;AAgCQ,YAAM,EAAC,gBAAgB,OAAM,IAAI,KAAK;AAEtC,UACI,EAAE,UACF,IACI,gBAAK,QAAL,mBAAU,YAAV,mBAAmB,SAAS,EAAE,YAC7B,UAAU,cAAc,UAAU,OAAO,SAAS,EAAE,MAAc,KAClE,UAAU,aAAa,YAAU,YAAO,YAAP,mBAAgB,SAAS,EAAE,WAEnE;AACE,uBAAe;AAAA,MACnB;AAAA,IACJ;AAAA;AAAA,EA/BA,oBAAoB;AAChB,aAAS,iBAAiB,aAAa,KAAK,kBAAkB;AAAA,EAClE;AAAA,EAEA,uBAAuB;AACnB,aAAS,oBAAoB,aAAa,KAAK,kBAAkB;AAAA,EACrE;AAAA,EAEA,SAAS;AACL,UAAM,EAAC,UAAU,UAAS,IAAI,KAAK;AAEnC,WACI,oCAAC,SAAI,WAAsB,KAAK,KAAK,OAChC,QACL;AAAA,EAER;AAgBJ;",
+  "sourcesContent": ["import type {PropsWithChildren, RefObject} from 'react';\nimport type {ClassNameProps} from '../../models';\n\nimport React, {createRef} from 'react';\n\nexport interface OutsideClickProps extends ClassNameProps {\n    onOutsideClick: () => void;\n    anchor?: HTMLElement | RefObject<HTMLElement | null> | null;\n}\n\nexport default class OutsideClick extends React.Component<PropsWithChildren<OutsideClickProps>> {\n    ref = createRef<HTMLDivElement>();\n\n    componentDidMount() {\n        document.addEventListener('mousedown', this.handleOutsideClick);\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('mousedown', this.handleOutsideClick);\n    }\n\n    render() {\n        const {children, className} = this.props;\n\n        return (\n            <div className={className} ref={this.ref}>\n                {children}\n            </div>\n        );\n    }\n\n    handleOutsideClick = (e: MouseEvent) => {\n        const {onOutsideClick, anchor} = this.props;\n\n        if (\n            e.target &&\n            !(\n                this.ref?.current?.contains(e.target as Node) ||\n                (anchor && 'contains' in anchor && anchor.contains(e.target as Node)) ||\n                (anchor && 'current' in anchor && anchor.current?.contains(e.target as Node))\n            )\n        ) {\n            onOutsideClick();\n        }\n    };\n}\n"],
+  "mappings": ";AAGA,OAAO,SAAQ,iBAAgB;AAsBnB;AAfZ,IAAqB,eAArB,cAA0C,MAAM,UAAgD;AAAA,EAAhG;AAAA;AACI,eAAM,UAA0B;AAoBhC,8BAAqB,CAAC,MAAkB;AA/B5C;AAgCQ,YAAM,EAAC,gBAAgB,OAAM,IAAI,KAAK;AAEtC,UACI,EAAE,UACF,IACI,gBAAK,QAAL,mBAAU,YAAV,mBAAmB,SAAS,EAAE,YAC7B,UAAU,cAAc,UAAU,OAAO,SAAS,EAAE,MAAc,KAClE,UAAU,aAAa,YAAU,YAAO,YAAP,mBAAgB,SAAS,EAAE,WAEnE;AACE,uBAAe;AAAA,MACnB;AAAA,IACJ;AAAA;AAAA,EA/BA,oBAAoB;AAChB,aAAS,iBAAiB,aAAa,KAAK,kBAAkB;AAAA,EAClE;AAAA,EAEA,uBAAuB;AACnB,aAAS,oBAAoB,aAAa,KAAK,kBAAkB;AAAA,EACrE;AAAA,EAEA,SAAS;AACL,UAAM,EAAC,UAAU,UAAS,IAAI,KAAK;AAEnC,WACI,oBAAC,SAAI,WAAsB,KAAK,KAAK,KAChC,UACL;AAAA,EAER;AAgBJ;",
   "names": []
 }

package/build/esm/components/Paginator/Paginator.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Paginator/Paginator.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/Paginator/%3Cinput css SSovSG%3E"],
+  "sources": ["../../../../src/components/Paginator/Paginator.scss", "../../../../src/styles/mixins.scss", "../../../../src/components/Paginator/%3Cinput css PDE_ZG%3E"],
   "sourcesContent": ["@use '../../styles/variables';\n@use '../../styles/mixins';\n\n.Paginator {\n    $block: &;\n\n    @include mixins.reset-list-style();\n\n    display: flex;\n    align-items: center;\n\n    &__item {\n        $item: &;\n\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n\n        min-width: 28px;\n        min-height: 28px;\n        margin: 4px;\n\n        color: var(--g-color-text-primary);\n        @include mixins.text-size(body-1);\n\n        &_type {\n            &_prev {\n                margin: 4px 6px 4px 0;\n\n                [dir='rtl'] & {\n                    transform: rotate(180deg);\n                }\n            }\n\n            &_dots {\n                min-width: 0;\n                color: var(--g-color-text-secondary);\n            }\n\n            &_page {\n                cursor: pointer;\n                border-radius: 14px;\n\n                &:hover {\n                    background: var(--g-color-base-simple-hover);\n                }\n\n                &#{$item}_active {\n                    color: var(--g-color-text-light-primary);\n                    background: var(--g-color-base-brand);\n                    cursor: default;\n                }\n            }\n\n            &_next {\n                margin: 4px 0 4px 6px;\n\n                [dir='rtl'] & {\n                    transform: rotate(180deg);\n                }\n            }\n        }\n    }\n}\n", "@use 'sass:map';\n@use 'variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n    @if $mode == 'outline' {\n        &:focus {\n            outline: 2px solid var(--g-color-line-focus);\n            outline-offset: $offset;\n        }\n        &:focus:not(:focus-visible) {\n            outline: 0;\n        }\n    }\n\n    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n", ".Paginator {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  align-items: center;\n}\n.Paginator__item {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  min-height: 28px;\n  margin: 4px;\n  color: var(--g-color-text-primary);\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.Paginator__item_type_prev {\n  margin: 4px 6px 4px 0;\n}\n[dir=rtl] .Paginator__item_type_prev {\n  transform: rotate(180deg);\n}\n.Paginator__item_type_dots {\n  min-width: 0;\n  color: var(--g-color-text-secondary);\n}\n.Paginator__item_type_page {\n  cursor: pointer;\n  border-radius: 14px;\n}\n.Paginator__item_type_page:hover {\n  background: var(--g-color-base-simple-hover);\n}\n.Paginator__item_type_page.Paginator__item_active {\n  color: var(--g-color-text-light-primary);\n  background: var(--g-color-base-brand);\n  cursor: default;\n}\n.Paginator__item_type_next {\n  margin: 4px 0 4px 6px;\n}\n[dir=rtl] .Paginator__item_type_next {\n  transform: rotate(180deg);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1BhZ2luYXRvciIsInNvdXJjZXMiOlsiUGFnaW5hdG9yLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUNNSTtFQUNBO0VBQ0E7RURIQTtFQUNBOztBQUVBO0VBR0k7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBRUE7RUNsQko7RUFDQTs7QURxQlE7RUFDSTs7QUFFQTtFQUNJOztBQUlSO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBRUE7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFJUjtFQUNJOztBQUVBO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkB1c2UgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uUGFnaW5hdG9yIHtcbiAgICAkYmxvY2s6ICY7XG5cbiAgICBAaW5jbHVkZSBtaXhpbnMucmVzZXQtbGlzdC1zdHlsZSgpO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgJl9faXRlbSB7XG4gICAgICAgICRpdGVtOiAmO1xuXG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICAgICBtaW4td2lkdGg6IDI4cHg7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDI4cHg7XG4gICAgICAgIG1hcmdpbjogNHB4O1xuXG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtcHJpbWFyeSk7XG4gICAgICAgIEBpbmNsdWRlIG1peGlucy50ZXh0LXNpemUoYm9keS0xKTtcblxuICAgICAgICAmX3R5cGUge1xuICAgICAgICAgICAgJl9wcmV2IHtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDRweCA2cHggNHB4IDA7XG5cbiAgICAgICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfZG90cyB7XG4gICAgICAgICAgICAgICAgbWluLXdpZHRoOiAwO1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJl9wYWdlIHtcbiAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMTRweDtcblxuICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1nLWNvbG9yLWJhc2Utc2ltcGxlLWhvdmVyKTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAmI3skaXRlbX1fYWN0aXZlIHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saWdodC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLWJyYW5kKTtcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJl9uZXh0IHtcbiAgICAgICAgICAgICAgICBtYXJnaW46IDRweCAwIDRweCA2cHg7XG5cbiAgICAgICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICd2YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBmb250LXdlaWdodDogNDAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZ3Jhdml0eS11aS10ZXh0LXNpemVzKCRkZWx0YSkge1xuICAgIC0tZy10ZXh0LWJvZHktMS1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0OiAjezE4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMi1mb250LXNpemU6ICN7MTVweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0yLWxpbmUtaGVpZ2h0OiAjezIwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0zLWxpbmUtaGVpZ2h0OiAjezI0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWJvZHktc2hvcnQtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNhcHRpb24tMS1mb250LXNpemU6ICN7OXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jYXB0aW9uLTItZm9udC1zaXplOiAjezExcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWhlYWRlci0xLWZvbnQtc2l6ZTogI3syMHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1oZWFkZXItMi1mb250LXNpemU6ICN7MjRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplOiAjezEzcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZTogI3sxNXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemU6ICN7MTdweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0xLWZvbnQtc2l6ZTogI3syOHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTItZm9udC1zaXplOiAjezMycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMy1mb250LXNpemU6ICN7NDBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS00LWZvbnQtc2l6ZTogI3s0OHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTEtZm9udC1zaXplOiAjezEycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMi1mb250LXNpemU6ICN7MTRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0xLWZvbnQtc2l6ZTogI3sxMnB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0yLWZvbnQtc2l6ZTogI3sxNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLWlubGluZS0zLWZvbnQtc2l6ZTogI3sxNnB4ICsgJGRlbHRhfTtcblxuICAgIC0teWZtLWZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMi1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oMjogdmFyKC0tZy10ZXh0LWhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWgzOiB2YXIoLS1nLXRleHQtaGVhZGVyLTEtZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDQ6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMy1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNTogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg2OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTEtZm9udC1zaXplKTtcbn1cbiJdfQ== */"],
   "mappings": ";AAGA,CAAA;ACMI,UAAA;AACA,WAAA;AACA,cAAA;ADHA,WAAA;AACA,eAAA;AEHJ;AFKI,CAAA;AAGI,WAAA;AACA,eAAA;AACA,mBAAA;AAEA,aAAA;AACA,cAAA;AACA,UAAA;AAEA,SAAA,IAAA;AClBJ,aAAA,IAAA;AACA,eAAA,IAAA;ACYJ;AFSY,CAAA;AACI,UAAA,IAAA,IAAA,IAAA;AEPhB;AFSgB,CAAA,SAAA,CAHJ;AAIQ,aAAA,OAAA;AEPpB;AFWY,CAAA;AACI,aAAA;AACA,SAAA,IAAA;AEThB;AFYY,CAAA;AACI,UAAA;AACA,iBAAA;AEVhB;AFYgB,CAJJ,yBAII;AACI,cAAA,IAAA;AEVpB;AFagB,CARJ,yBAQI,CAAA;AACI,SAAA,IAAA;AACA,cAAA,IAAA;AACA,UAAA;AEXpB;AFeY,CAAA;AACI,UAAA,IAAA,EAAA,IAAA;AEbhB;AFegB,CAAA,SAAA,CAHJ;AAIQ,aAAA,OAAA;AEbpB;",
   "names": []

package/build/esm/components/Paginator/Paginator.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './Paginator.scss';
 export interface PaginatorDefaultProps {
     page: number;
@@ -14,5 +13,5 @@ export interface TotalCountItems {
     itemsPerPage?: number;
 }
 export type PaginatorProps = PaginatorExtraProps & PaginatorDefaultProps & TotalCountItems;
-declare const Paginator: ({ page, itemsPerPage, totalItems, maxPages, className, isMobile, onPageChange, }: PaginatorProps) => React.JSX.Element | null;
+declare const Paginator: ({ page, itemsPerPage, totalItems, maxPages, className, isMobile, onPageChange, }: PaginatorProps) => import("react").JSX.Element | null;
 export default Paginator;

package/build/esm/components/Paginator/Paginator.js

@@ -1,10 +1,10 @@
 // src/components/Paginator/Paginator.tsx
-import React from "react";
 import { ArrowLeft, ArrowRight } from "@gravity-ui/icons";
 import { Button } from "@gravity-ui/uikit";
 import block from "bem-cn-lite";
 import { useTranslation } from "../../hooks";
 import "./Paginator.css";
+import { jsx } from "react/jsx-runtime";
 var b = block("Paginator");
 var MOBILE_VISIBLE_PAGES = 1;
 var DESKTOP_VISIBLE_PAGES = 3;
@@ -28,15 +28,15 @@ var Paginator = ({
     return null;
   }
   const renderPaginatorItem = ({ key, mods, content, onClick }) => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "li",
       {
-        key: `page_${key}`,
         className: b("item", mods),
         onClick: onClick && onClick.bind(void 0, key),
-        "aria-current": mods.active ? "page" : void 0
+        "aria-current": mods.active ? "page" : void 0,
+        children: content
       },
-      content
+      `page_${key}`
     );
   };
   const handlePageChange = (newPage) => {
@@ -84,7 +84,7 @@ var Paginator = ({
   const arrowButton = (disable, type) => {
     const label = t(type);
     const Icon = type === "prev" ? ArrowLeft : ArrowRight;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Button,
       {
         className: b("icon"),
@@ -93,9 +93,9 @@ var Paginator = ({
         disabled: disable,
         extraProps: {
           "aria-label": label
-        }
-      },
-      /* @__PURE__ */ React.createElement(Button.Icon, null, /* @__PURE__ */ React.createElement(Icon, { width: 16, height: 16 }))
+        },
+        children: /* @__PURE__ */ jsx(Button.Icon, { children: /* @__PURE__ */ jsx(Icon, { width: 16, height: 16 }) })
+      }
     );
   };
   const pages = getPageConfigs();
@@ -111,7 +111,7 @@ var Paginator = ({
     onClick: handleArrowClick,
     content: arrowButton(page === pagesCount, "next")
   });
-  return /* @__PURE__ */ React.createElement("ul", { className: b(null, className) }, pages.map(renderPaginatorItem));
+  return /* @__PURE__ */ jsx("ul", { className: b(null, className), children: pages.map(renderPaginatorItem) });
 };
 var Paginator_default = Paginator;
 export {

package/build/esm/components/Paginator/Paginator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Paginator/Paginator.tsx"],
-  "sourcesContent": ["import type {ReactNode} from 'react';\n\nimport React from 'react';\nimport {ArrowLeft, ArrowRight} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../hooks';\n\nimport './Paginator.scss';\n\nconst b = block('Paginator');\n\nconst MOBILE_VISIBLE_PAGES = 1;\nconst DESKTOP_VISIBLE_PAGES = 3;\nconst MAX_VISIBLE_PAGES = 6;\n\nexport interface PaginatorDefaultProps {\n    page: number;\n    maxPages?: number;\n    onPageChange: (page: number) => void;\n}\n\nexport interface PaginatorExtraProps {\n    className?: string;\n    isMobile?: boolean;\n}\n\nexport interface TotalCountItems {\n    totalItems: number;\n    itemsPerPage?: number;\n}\n\nexport type PaginatorProps = PaginatorExtraProps & PaginatorDefaultProps & TotalCountItems;\n\ninterface Modifications {\n    [name: string]: string | boolean | undefined;\n}\n\ninterface PaginatorItemProps<T> {\n    key: T;\n    mods: Modifications;\n    content: ReactNode;\n    onClick?: (key: T) => void;\n}\n\nenum ArrowType {\n    Prev = 'prev',\n    Next = 'next',\n}\n\nconst Paginator = ({\n    page = 1,\n    itemsPerPage = 10,\n    totalItems,\n    maxPages = Infinity,\n    className,\n    isMobile = false,\n    onPageChange,\n}: PaginatorProps) => {\n    const {t} = useTranslation('paginator');\n\n    const getPagesCount = () => {\n        const totalPages = Math.ceil(totalItems / itemsPerPage);\n\n        return Math.min(totalPages, maxPages);\n    };\n\n    const pagesCount = getPagesCount();\n\n    if (pagesCount <= 1) {\n        return null;\n    }\n\n    const renderPaginatorItem = <T,>({key, mods, content, onClick}: PaginatorItemProps<T>) => {\n        return (\n            <li\n                key={`page_${key}`}\n                className={b('item', mods)}\n                onClick={onClick && onClick.bind(this, key)}\n                aria-current={mods.active ? 'page' : undefined}\n            >\n                {content}\n            </li>\n        );\n    };\n\n    const handlePageChange = (newPage: number) => {\n        if (onPageChange) {\n            onPageChange(newPage);\n        }\n    };\n\n    const handleArrowClick = (type: string) => {\n        let newPage = page;\n        if (type === 'prev' && page > 1) {\n            newPage = page - 1;\n        } else if (type === 'next' && page < pagesCount) {\n            newPage = page + 1;\n        }\n        if (newPage !== page) {\n            handlePageChange(newPage);\n        }\n    };\n\n    const handlePageClick = (index: number) => {\n        if (index !== page) {\n            handlePageChange(index);\n        }\n    };\n\n    const getPageConfigs = () => {\n        const visiblePages = isMobile ? MOBILE_VISIBLE_PAGES : DESKTOP_VISIBLE_PAGES;\n\n        const pages = [];\n\n        for (let i = 1; i <= pagesCount; i++) {\n            if (\n                pagesCount <= MAX_VISIBLE_PAGES ||\n                i <= visiblePages ||\n                i > pagesCount - visiblePages ||\n                (i >= page - 1 && i <= page + 1)\n            ) {\n                pages.push({\n                    key: i,\n                    mods: {type: 'page', active: page === i},\n                    onClick: handlePageClick,\n                    content: i,\n                });\n            } else if (pages.length > 0 && pages[pages.length - 1].key !== 'dots') {\n                pages.push({\n                    key: 'dots',\n                    mods: {type: 'dots'},\n                    content: '...',\n                });\n            }\n        }\n\n        return pages;\n    };\n\n    const arrowButton = (disable: boolean, type: string) => {\n        const label = t(type);\n        const Icon = type === 'prev' ? ArrowLeft : ArrowRight;\n\n        return (\n            <Button\n                className={b('icon')}\n                size=\"s\"\n                view={'flat'}\n                disabled={disable}\n                extraProps={{\n                    'aria-label': label,\n                }}\n            >\n                <Button.Icon>\n                    <Icon width={16} height={16} />\n                </Button.Icon>\n            </Button>\n        );\n    };\n\n    const pages = getPageConfigs() as PaginatorItemProps<string>[];\n\n    pages.unshift({\n        key: ArrowType.Prev,\n        mods: {type: 'prev'},\n        onClick: handleArrowClick,\n        content: arrowButton(page === 1, 'prev'),\n    });\n\n    pages.push({\n        key: ArrowType.Next,\n        mods: {type: 'next'},\n        onClick: handleArrowClick,\n        content: arrowButton(page === pagesCount, 'next'),\n    });\n\n    return <ul className={b(null, className)}>{pages.map(renderPaginatorItem)}</ul>;\n};\n\nexport default Paginator;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type {ReactNode} from 'react';\n\nimport {ArrowLeft, ArrowRight} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../hooks';\n\nimport './Paginator.scss';\n\nconst b = block('Paginator');\n\nconst MOBILE_VISIBLE_PAGES = 1;\nconst DESKTOP_VISIBLE_PAGES = 3;\nconst MAX_VISIBLE_PAGES = 6;\n\nexport interface PaginatorDefaultProps {\n    page: number;\n    maxPages?: number;\n    onPageChange: (page: number) => void;\n}\n\nexport interface PaginatorExtraProps {\n    className?: string;\n    isMobile?: boolean;\n}\n\nexport interface TotalCountItems {\n    totalItems: number;\n    itemsPerPage?: number;\n}\n\nexport type PaginatorProps = PaginatorExtraProps & PaginatorDefaultProps & TotalCountItems;\n\ninterface Modifications {\n    [name: string]: string | boolean | undefined;\n}\n\ninterface PaginatorItemProps<T> {\n    key: T;\n    mods: Modifications;\n    content: ReactNode;\n    onClick?: (key: T) => void;\n}\n\nenum ArrowType {\n    Prev = 'prev',\n    Next = 'next',\n}\n\nconst Paginator = ({\n    page = 1,\n    itemsPerPage = 10,\n    totalItems,\n    maxPages = Infinity,\n    className,\n    isMobile = false,\n    onPageChange,\n}: PaginatorProps) => {\n    const {t} = useTranslation('paginator');\n\n    const getPagesCount = () => {\n        const totalPages = Math.ceil(totalItems / itemsPerPage);\n\n        return Math.min(totalPages, maxPages);\n    };\n\n    const pagesCount = getPagesCount();\n\n    if (pagesCount <= 1) {\n        return null;\n    }\n\n    const renderPaginatorItem = <T,>({key, mods, content, onClick}: PaginatorItemProps<T>) => {\n        return (\n            <li\n                key={`page_${key}`}\n                className={b('item', mods)}\n                onClick={onClick && onClick.bind(this, key)}\n                aria-current={mods.active ? 'page' : undefined}\n            >\n                {content}\n            </li>\n        );\n    };\n\n    const handlePageChange = (newPage: number) => {\n        if (onPageChange) {\n            onPageChange(newPage);\n        }\n    };\n\n    const handleArrowClick = (type: string) => {\n        let newPage = page;\n        if (type === 'prev' && page > 1) {\n            newPage = page - 1;\n        } else if (type === 'next' && page < pagesCount) {\n            newPage = page + 1;\n        }\n        if (newPage !== page) {\n            handlePageChange(newPage);\n        }\n    };\n\n    const handlePageClick = (index: number) => {\n        if (index !== page) {\n            handlePageChange(index);\n        }\n    };\n\n    const getPageConfigs = () => {\n        const visiblePages = isMobile ? MOBILE_VISIBLE_PAGES : DESKTOP_VISIBLE_PAGES;\n\n        const pages = [];\n\n        for (let i = 1; i <= pagesCount; i++) {\n            if (\n                pagesCount <= MAX_VISIBLE_PAGES ||\n                i <= visiblePages ||\n                i > pagesCount - visiblePages ||\n                (i >= page - 1 && i <= page + 1)\n            ) {\n                pages.push({\n                    key: i,\n                    mods: {type: 'page', active: page === i},\n                    onClick: handlePageClick,\n                    content: i,\n                });\n            } else if (pages.length > 0 && pages[pages.length - 1].key !== 'dots') {\n                pages.push({\n                    key: 'dots',\n                    mods: {type: 'dots'},\n                    content: '...',\n                });\n            }\n        }\n\n        return pages;\n    };\n\n    const arrowButton = (disable: boolean, type: string) => {\n        const label = t(type);\n        const Icon = type === 'prev' ? ArrowLeft : ArrowRight;\n\n        return (\n            <Button\n                className={b('icon')}\n                size=\"s\"\n                view={'flat'}\n                disabled={disable}\n                extraProps={{\n                    'aria-label': label,\n                }}\n            >\n                <Button.Icon>\n                    <Icon width={16} height={16} />\n                </Button.Icon>\n            </Button>\n        );\n    };\n\n    const pages = getPageConfigs() as PaginatorItemProps<string>[];\n\n    pages.unshift({\n        key: ArrowType.Prev,\n        mods: {type: 'prev'},\n        onClick: handleArrowClick,\n        content: arrowButton(page === 1, 'prev'),\n    });\n\n    pages.push({\n        key: ArrowType.Next,\n        mods: {type: 'next'},\n        onClick: handleArrowClick,\n        content: arrowButton(page === pagesCount, 'next'),\n    });\n\n    return <ul className={b(null, className)}>{pages.map(renderPaginatorItem)}</ul>;\n};\n\nexport default Paginator;\n"],
+  "mappings": "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",
   "names": ["pages"]
 }

package/build/esm/components/SearchBar/SearchBar.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/SearchBar/SearchBar.scss", "../../../../src/components/SearchBar/%3Cinput css hDlizX%3E"],
+  "sources": ["../../../../src/components/SearchBar/SearchBar.scss", "../../../../src/components/SearchBar/%3Cinput css DLZtNB%3E"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../styles/variables';\n@use '../../styles/mixins';\n\n.dc-search-bar {\n    width: 100%;\n    height: 100%;\n    border-radius: 5px;\n    box-sizing: border-box;\n    box-shadow: 0px 3px 10px var(--g-color-base-generic-accent);\n    padding: 11px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    font-size: var(--g-text-body-short-font-size);\n    line-height: var(--g-text-body-short-line-height);\n\n    &__search-query-label {\n        color: var(--g-color-text-secondary);\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') + 1) {\n            display: none;\n        }\n    }\n\n    &__search-query {\n        max-width: 400px;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') + 1) {\n            display: none;\n        }\n    }\n\n    &__left {\n        width: 90%;\n        display: flex;\n        align-items: center;\n    }\n\n    &__navigation {\n        display: flex;\n        align-items: center;\n        margin-right: 11px;\n    }\n\n    &__next-arrow {\n        transform: rotate(-180deg);\n    }\n\n    &__counter {\n        margin: 0 4px;\n    }\n}\n\n$hl-class: '.dc-search-highlighted';\n\n#{$hl-class} {\n    background: var(--dc-text-highlight);\n\n    &_selected {\n        background: var(--dc-text-highlight-selected);\n    }\n}\n", ".dc-search-bar {\n  width: 100%;\n  height: 100%;\n  border-radius: 5px;\n  box-sizing: border-box;\n  box-shadow: 0px 3px 10px var(--g-color-base-generic-accent);\n  padding: 11px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: var(--g-text-body-short-font-size);\n  line-height: var(--g-text-body-short-line-height);\n}\n.dc-search-bar__search-query-label {\n  color: var(--g-color-text-secondary);\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n@media (max-width: 770px) {\n  .dc-search-bar__search-query-label {\n    display: none;\n  }\n}\n.dc-search-bar__search-query {\n  max-width: 400px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n@media (max-width: 770px) {\n  .dc-search-bar__search-query {\n    display: none;\n  }\n}\n.dc-search-bar__left {\n  width: 90%;\n  display: flex;\n  align-items: center;\n}\n.dc-search-bar__navigation {\n  display: flex;\n  align-items: center;\n  margin-right: 11px;\n}\n.dc-search-bar__next-arrow {\n  transform: rotate(-180deg);\n}\n.dc-search-bar__counter {\n  margin: 0 4px;\n}\n\n.dc-search-highlighted {\n  background: var(--dc-text-highlight);\n}\n.dc-search-highlighted_selected {\n  background: var(--dc-text-highlight-selected);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlYXJjaEJhciIsInNvdXJjZXMiOlsiU2VhcmNoQmFyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFOSjtJQU9ROzs7QUFJUjtFQUNJO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBTko7SUFPUTs7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOzs7QUFNUjtFQUNJOztBQUVBO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcbkB1c2UgJy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuXG4uZGMtc2VhcmNoLWJhciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJveC1zaGFkb3c6IDBweCAzcHggMTBweCB2YXIoLS1nLWNvbG9yLWJhc2UtZ2VuZXJpYy1hY2NlbnQpO1xuICAgIHBhZGRpbmc6IDExcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktc2hvcnQtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktc2hvcnQtbGluZS1oZWlnaHQpO1xuXG4gICAgJl9fc2VhcmNoLXF1ZXJ5LWxhYmVsIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSArIDEpIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19zZWFyY2gtcXVlcnkge1xuICAgICAgICBtYXgtd2lkdGg6IDQwMHB4O1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSArIDEpIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19sZWZ0IHtcbiAgICAgICAgd2lkdGg6IDkwJTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB9XG5cbiAgICAmX19uYXZpZ2F0aW9uIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMXB4O1xuICAgIH1cblxuICAgICZfX25leHQtYXJyb3cge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtMTgwZGVnKTtcbiAgICB9XG5cbiAgICAmX19jb3VudGVyIHtcbiAgICAgICAgbWFyZ2luOiAwIDRweDtcbiAgICB9XG59XG5cbiRobC1jbGFzczogJy5kYy1zZWFyY2gtaGlnaGxpZ2h0ZWQnO1xuXG4jeyRobC1jbGFzc30ge1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWRjLXRleHQtaGlnaGxpZ2h0KTtcblxuICAgICZfc2VsZWN0ZWQge1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1kYy10ZXh0LWhpZ2hsaWdodC1zZWxlY3RlZCk7XG4gICAgfVxufVxuIl19 */"],
   "mappings": ";AAIA,CAAA;AACI,SAAA;AACA,UAAA;AACA,iBAAA;AACA,cAAA;AACA,cAAA,IAAA,IAAA,KAAA,IAAA;AACA,WAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;AAEA,aAAA,IAAA;AACA,eAAA,IAAA;ACJJ;ADMI,CAAA;AACI,SAAA,IAAA;AACA,eAAA;AACA,iBAAA;AACA,YAAA;ACJR;ADMQ,QAAA,WAAA;AANJ,GAAA;AAOQ,aAAA;ACHV;AACF;ADMI,CAAA;AACI,aAAA;AACA,eAAA;AACA,iBAAA;AACA,YAAA;ACJR;ADMQ,QAAA,WAAA;AANJ,GAAA;AAOQ,aAAA;ACHV;AACF;ADMI,CAAA;AACI,SAAA;AACA,WAAA;AACA,eAAA;ACJR;ADOI,CAAA;AACI,WAAA;AACA,eAAA;AACA,gBAAA;ACLR;ADQI,CAAA;AACI,aAAA,OAAA;ACNR;ADSI,CAAA;AACI,UAAA,EAAA;ACPR;ADaA,CAAA;AACI,cAAA,IAAA;ACVJ;ADYI,CAAA;AACI,cAAA,IAAA;ACVR;",
   "names": []