@alfalab/core-components-select 13.2.13 → 13.2.15

package/modern/index-ebda875c.d.ts

@@ -0,0 +1,74 @@
+/// <reference types="react" />
+import React from "react";
+import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes } from "react";
+import { ButtonProps } from "@alfalab/core-components-button";
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Вид компонента
+     */
+    view: "desktop" | "mobile";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Позиция крестика
+     */
+    align?: "left" | "right";
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Коллбэк закрытия.
+     */
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+}
+declare const Closer: FC<CloserProps>;
+type IconButtonProps = {
+    /**
+     * Компонент иконки
+     */
+    icon: ElementType<{
+        className?: string;
+    }>;
+    /**
+     * Тип кнопки
+     */
+    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
+    /**
+     * Размер компонента
+     */
+    size?: "xxs" | "xs" | "s";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
+declare const IconButton: React.ForwardRefExoticComponent<{
+    icon: ElementType<{
+        className?: string;
+    }>;
+    view?: "negative" | "tertiary" | "secondary" | "primary" | "transparent" | undefined;
+    size?: "s" | "xs" | "xxs" | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    colors?: "default" | "inverted" | undefined;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+export { CloserProps, Closer, IconButtonProps, IconButton };

package/modern/index.js

@@ -1,7 +1,7 @@
 export { Select } from './Component.js';
 export { Arrow } from './components/arrow/Component.js';
-export { B as BaseSelect } from './Component-c2743e76.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-629f202b.js';
+export { B as BaseSelect } from './Component-77e84ddc.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-d9a7d67e.js';
 export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
 export { Option } from './components/option/Component.js';
@@ -32,7 +32,7 @@ import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import './intersection-observer-12c920c6.js';
+import './intersection-observer-6d12bd0a.js';
 import '@alfalab/core-components-button/modern';
 import './components/base-checkmark/Component.js';
 import './components/base-select-mobile/options-list/Component.js';

package/modern/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-629f202b.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-d9a7d67e.js';
 import 'react';
 import '@alfalab/core-components-skeleton/modern';
 import '../components/option/Component.js';
@@ -11,7 +11,7 @@ import '../components/checkmark/Component.js';
 import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '../intersection-observer-12c920c6.js';
+import '../intersection-observer-6d12bd0a.js';
 import '../components/arrow/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
@@ -19,7 +19,7 @@ import 'downshift';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import '../Component.js';
-import '../Component-c2743e76.js';
+import '../Component-77e84ddc.js';
 import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import '@alfalab/hooks';

package/modern/presets/useLazyLoading/hook.js

@@ -1,7 +1,7 @@
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '@alfalab/core-components-skeleton/modern';
 import { Option } from '../../components/option/Component.js';
-import '../../intersection-observer-12c920c6.js';
+import '../../intersection-observer-6d12bd0a.js';
 import 'classnames';
 import '../../components/base-select-mobile/checkmark/Component.js';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
@@ -10,7 +10,7 @@ import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 
-const styles = {"skeleton":"select__skeleton_1fzuw"};
+const styles = {"skeleton":"select__skeleton_17j75"};
 require('./index.css')
 
 const DEBOUNCE_TIMEOUT = 300;
@@ -132,8 +132,8 @@ function useLazyLoading({ limit = 10, initialOffset = 0, optionsFetcher, skeleto
              * Таким образом, загрузка следующей "страницы" начнется когда юзер доскроллит список
              * до верхнего края последней опции, что обеспечивает плавность
              */
-            const options = listRef.current?.querySelectorAll('[role="option"]');
-            const lastOption = options?.[options.length - 1];
+            const optionList = listRef.current?.querySelectorAll('[role="option"]');
+            const lastOption = optionList?.[optionList.length - 1];
             if (lastOption) {
                 observer.observe(lastOption);
             }

package/modern/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1mbe1 */
-.select__skeleton_1fzuw {
+/* hash: 1b2n0 */
+.select__skeleton_17j75 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/presets/useSelectWithApply/hook.js

@@ -2,8 +2,8 @@ import 'react';
 import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../Component-c2743e76.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-629f202b.js';
+import '../../Component-77e84ddc.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-d9a7d67e.js';
 import '@alfalab/core-components-form-control/modern';
 import '@alfalab/hooks';
 import '../../utils.js';
@@ -15,7 +15,7 @@ import '../../components/options-list/Component.js';
 import 'react-virtual';
 import '@alfalab/core-components-scrollbar/modern';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-12c920c6.js';
+import '../../intersection-observer-6d12bd0a.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';

package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -2,8 +2,8 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-button/modern';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../../Component-c2743e76.js';
-export { O as OptionsListWithApply } from '../../../Component-629f202b.js';
+import '../../../Component-77e84ddc.js';
+export { O as OptionsListWithApply } from '../../../Component-d9a7d67e.js';
 import '@alfalab/core-components-form-control/modern';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
@@ -31,7 +31,7 @@ import '../../../components/checkmark/Component.js';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '@alfalab/core-components-skeleton/modern';
-import '../../../intersection-observer-12c920c6.js';
+import '../../../intersection-observer-6d12bd0a.js';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '@alfalab/core-components-base-modal/modern';
 import '../../../components/base-select-mobile/virtual-options-list/Component.js';

package/modern/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -1,4 +1,4 @@
-/* hash: onzmt */
+/* hash: 1tyxn */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -27,12 +27,12 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_l8orr {
+} .select__footer_4wfri {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_l8orr > * + * {
+} .select__footer_4wfri > * + * {
         margin-left: var(--gap-xs);
-    } .select__withBorder_l8orr {
+    } .select__withBorder_4wfri {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-629f202b";
+export * from "../../../Component-d9a7d67e";

package/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../Component-629f202b.js';
+export { O as OptionsListWithApply } from '../../../Component-d9a7d67e.js';
 import 'react';
 import '../../../components/arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import '../../../Component.js';
-import '../../../Component-c2743e76.js';
+import '../../../Component-77e84ddc.js';
 import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import '@alfalab/hooks';
@@ -30,7 +30,7 @@ import 'react-virtual';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '@alfalab/core-components-skeleton/modern';
-import '../../../intersection-observer-12c920c6.js';
+import '../../../intersection-observer-6d12bd0a.js';
 import '@alfalab/core-components-button/modern';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '@alfalab/core-components-base-modal/modern';

package/modern/presets/useSelectWithLoading/hook.js

@@ -9,7 +9,7 @@ import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 
-const styles = {"skeleton":"select__skeleton_1ed5p"};
+const styles = {"skeleton":"select__skeleton_12h6e"};
 require('./index.css')
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {

package/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 10v04 */
-.select__skeleton_1ed5p {
+/* hash: 18j07 */
+.select__skeleton_12h6e {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/responsive.js

@@ -5,7 +5,7 @@ import './Component.js';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-c2743e76.js';
+import './Component-77e84ddc.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
@@ -24,14 +24,14 @@ import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import './components/options-list/Component.js';
 import '@alfalab/core-components-scrollbar/modern';
-import './Component-629f202b.js';
+import './Component-d9a7d67e.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
 import 'react-virtual';
 import './components/base-option/Component.js';
 import './components/base-checkmark/Component.js';
 import '@alfalab/core-components-skeleton/modern';
-import './intersection-observer-12c920c6.js';
+import './intersection-observer-6d12bd0a.js';
 import '@alfalab/core-components-button/modern';
 import './components/base-select-mobile/options-list/Component.js';
 import '@alfalab/core-components-base-modal/modern';

package/modern/types-ebda875c.d.ts

@@ -0,0 +1,113 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+import { CloserProps } from "./index-ebda875c";
+type NavigationBarProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Подзаголовок (доступен только в мобильной версии)
+     */
+    subtitle?: string;
+    /**
+     * Размер заголовка (compact доступен только в мобильной версии)
+     */
+    titleSize?: 'default' | 'compact';
+    /**
+     * Доп. класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Дополнительный класс для closer
+     */
+    closerClassName?: string;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие кнопки "Назад"
+     */
+    hasBackButton?: boolean;
+    /**
+     * Дополнительный класс для правого аддона
+     */
+    backButtonClassName?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительный класс для нижнего аддона
+     */
+    bottomAddonsClassName?: string;
+    /**
+     * Выравнивание заголовка
+     */
+    align?: 'left' | 'center';
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Фоновое изображение
+     */
+    imageUrl?: string;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: React.ElementType;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: CloserProps['onClose'];
+    /**
+     * обработчик клика по кнопке "назад"
+     */
+    onBack?: () => void;
+    /**
+     * Вид шапки - мобильный или десктоп
+     */
+    view: 'desktop' | 'mobile';
+    /**
+     * Ссылка на родительскую ноду overflow: auto
+     */
+    scrollableParentRef?: React.RefObject<HTMLDivElement>;
+};
+type ContentParams = {
+    extraClassName?: string;
+    ref?: React.RefObject<HTMLDivElement>;
+    style?: React.CSSProperties;
+    hidden?: boolean;
+};
+export { NavigationBarProps, ContentParams };

package/modern/typings.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes } from 'react';
+import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes, SVGProps } from 'react';
 import { InputProps } from "@alfalab/core-components-input";
 import { PopoverProps } from "@alfalab/core-components-popover";
+type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
      * Текстовое представление пункта
@@ -325,7 +325,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-} & Record<string, any>;
+} & AnyObject;
 type ArrowProps = {
     /**
      * Дополнительный класс
@@ -545,6 +545,6 @@ type CheckmarkProps = {
     /**
      * Иконка выбранного пункта
      */
-    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    icon?: FC<SVGProps<SVGSVGElement>>;
 };
-export { OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
+export { AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "13.2.13",
+    "version": "13.2.15",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -19,13 +19,13 @@
     },
     "dependencies": {
         "@alfalab/core-components-badge": "^5.0.1",
-        "@alfalab/core-components-base-modal": "^5.1.0",
-        "@alfalab/core-components-bottom-sheet": "^6.0.0",
-        "@alfalab/core-components-button": "^7.1.0",
+        "@alfalab/core-components-base-modal": "^5.1.1",
+        "@alfalab/core-components-bottom-sheet": "^6.0.2",
+        "@alfalab/core-components-button": "^7.1.1",
         "@alfalab/core-components-checkbox": "^3.1.1",
         "@alfalab/core-components-form-control": "^9.0.3",
-        "@alfalab/core-components-input": "^11.1.7",
-        "@alfalab/core-components-modal": "^7.0.0",
+        "@alfalab/core-components-input": "^11.1.8",
+        "@alfalab/core-components-modal": "^7.0.2",
         "@alfalab/core-components-popover": "^6.0.7",
         "@alfalab/core-components-scrollbar": "^2.1.3",
         "@alfalab/core-components-skeleton": "^4.0.4",

package/presets/index.js

@@ -2,7 +2,7 @@
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-088caba2.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-71240601.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-skeleton');
@@ -14,7 +14,7 @@ require('../components/checkmark/Component.js');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('../intersection-observer-31caed5c.js');
+require('../intersection-observer-dd747820.js');
 require('../components/arrow/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('react-merge-refs');
@@ -22,7 +22,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('../Component.js');
-require('../Component-ca307b80.js');
+require('../Component-001db41f.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');

package/presets/useLazyLoading/hook.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
 var components_option_Component = require('../../components/option/Component.js');
-require('../../intersection-observer-31caed5c.js');
+require('../../intersection-observer-dd747820.js');
 require('classnames');
 require('../../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_1fzuw"};
+var styles = {"skeleton":"select__skeleton_17j75"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;
@@ -120,8 +120,8 @@ function useLazyLoading(_a) {
              * Таким образом, загрузка следующей "страницы" начнется когда юзер доскроллит список
              * до верхнего края последней опции, что обеспечивает плавность
              */
-            var options_1 = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="option"]');
-            var lastOption = options_1 === null || options_1 === void 0 ? void 0 : options_1[options_1.length - 1];
+            var optionList = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="option"]');
+            var lastOption = optionList === null || optionList === void 0 ? void 0 : optionList[optionList.length - 1];
             if (lastOption) {
                 observer.observe(lastOption);
             }

package/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1mbe1 */
-.select__skeleton_1fzuw {
+/* hash: 1b2n0 */
+.select__skeleton_17j75 {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/presets/useSelectWithApply/hook.js

@@ -5,8 +5,8 @@ require('react');
 require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../Component-ca307b80.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-088caba2.js');
+require('../../Component-001db41f.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-71240601.js');
 require('@alfalab/core-components-form-control');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -18,7 +18,7 @@ require('../../components/options-list/Component.js');
 require('react-virtual');
 require('@alfalab/core-components-scrollbar');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-31caed5c.js');
+require('../../intersection-observer-dd747820.js');
 require('../../components/arrow/Component.js');
 require('../../components/field/Component.js');
 require('../../components/optgroup/Component.js');

package/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -5,8 +5,8 @@ require('react');
 require('classnames');
 require('@alfalab/core-components-button');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../../Component-ca307b80.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-088caba2.js');
+require('../../../Component-001db41f.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-71240601.js');
 require('@alfalab/core-components-form-control');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
@@ -34,7 +34,7 @@ require('../../../components/checkmark/Component.js');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-31caed5c.js');
+require('../../../intersection-observer-dd747820.js');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');
 require('../../../components/base-select-mobile/virtual-options-list/Component.js');

package/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -1,4 +1,4 @@
-/* hash: onzmt */
+/* hash: 1tyxn */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -27,12 +27,12 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_l8orr {
+} .select__footer_4wfri {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_l8orr > * + * {
+} .select__footer_4wfri > * + * {
         margin-left: var(--gap-xs);
-    } .select__withBorder_l8orr {
+    } .select__withBorder_4wfri {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

package/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-088caba2";
+export * from "../../../Component-71240601";

package/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-088caba2.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-71240601.js');
 require('tslib');
 require('react');
 require('../../../components/arrow/Component.js');
@@ -11,7 +11,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('../../../Component.js');
-require('../../../Component-ca307b80.js');
+require('../../../Component-001db41f.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
@@ -33,7 +33,7 @@ require('react-virtual');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-31caed5c.js');
+require('../../../intersection-observer-dd747820.js');
 require('@alfalab/core-components-button');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');

package/presets/useSelectWithLoading/hook.js

@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_1ed5p"};
+var styles = {"skeleton":"select__skeleton_12h6e"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {