@alfalab/core-components 47.21.0-beta.1 → 47.21.0-beta.3

package/select/moderncssm/hook-184c14eb.d.ts

@@ -0,0 +1,115 @@
+/// <reference types="react" />
+import { BaseSelectProps, OptionShape } from "./typings";
+type UseSelectWithApplyProps = {
+    /**
+     * Список выбранных пунктов
+     */
+    selected: BaseSelectProps['selected'];
+    /**
+     * Список вариантов выбора
+     */
+    options: BaseSelectProps['options'];
+    /**
+     * Обработчик выбора
+     */
+    onChange: BaseSelectProps['onChange'];
+    /**
+     * Дополнительный обработчик клика на чекбокс выбрать все
+     */
+    onSelectAllClick?: (selectedMultiple: OptionShape[]) => void;
+    /**
+     * Компонент выпадающего меню
+     */
+    OptionsList?: BaseSelectProps['OptionsList'];
+    /**
+     * Пропсы, которые будут прокинуты в компонент списка
+     */
+    optionsListProps?: BaseSelectProps['optionsListProps'];
+    /**
+     * Включает отображение поиска
+     */
+    showSearch?: BaseSelectProps['showSearch'];
+    /**
+     *  Настройки поиска
+     */
+    searchProps?: BaseSelectProps['searchProps'];
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: boolean;
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: boolean;
+    /**
+     * Показывать пункт "Выбрать все" в заголовке списка
+     */
+    showHeaderWithSelectAll?: boolean;
+};
+declare const SELECT_ALL_KEY = "select_all";
+declare function useSelectWithApply({ options, selected, onChange, onSelectAllClick, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
+    OptionsList: import("react").ForwardRefExoticComponent<import("./typings").OptionsListProps & {
+        showClear?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        /**
+         * Обработчик выбора
+         */
+        selectedDraft?: OptionShape[] | undefined;
+        OptionsList?: import("react").FC<import("./typings").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./presets/useSelectWithApply/options-list-with-apply/footer/Component").FooterProps> | undefined;
+        Header?: import("react").FC<import("./presets/useSelectWithApply/options-list-with-apply/header/Component").HeaderProps> | undefined;
+        headerProps?: import("./presets/useSelectWithApply/options-list-with-apply/header/Component").HeaderProps | undefined;
+        showHeaderWithSelectAll?: boolean | undefined;
+        setSelectedDraft?: ((selectedDraft: OptionShape[]) => void) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    optionsListProps: {
+        OptionsList: import("react").ComponentType<import("./typings").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        showClear: boolean;
+        onClear: () => void;
+        onApply: () => void;
+        onClose: () => void;
+        selectedDraft: OptionShape[];
+        setSelectedDraft: import("react").Dispatch<import("react").SetStateAction<OptionShape[]>>;
+        showHeaderWithSelectAll: boolean;
+        headerProps: any;
+    };
+    allowUnselect: boolean;
+    multiple: boolean;
+    options: (OptionShape | import("./typings").GroupShape | {
+        key: string;
+        content: string;
+    })[];
+    onChange: (payload: import("./typings").BaseSelectChangePayload) => void;
+    selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
+    showSearch: boolean;
+    searchProps: {
+        value: string;
+        onChange: ((value: string) => void) | undefined;
+        componentProps?: import("./typings").SearchProps | undefined;
+        accessor?: ((option: OptionShape) => string) | undefined;
+        filterFn?: ((optionText: string, search: string) => boolean) | undefined;
+        filterGroup?: boolean | undefined;
+        groupAccessor?: ((group: import("./typings").GroupShape) => string | undefined) | undefined;
+    } | undefined;
+    originalProps: {
+        options: (OptionShape | import("./typings").GroupShape)[];
+        selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
+        onChange: (payload: import("./typings").BaseSelectChangePayload) => void;
+        OptionsList: import("react").ComponentType<import("./typings").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        optionsListProps: unknown;
+        showClear: boolean;
+        showSelectAll: boolean;
+        showHeaderWithSelectAll: boolean;
+        showSearch: boolean;
+        searchProps: {
+            componentProps?: import("./typings").SearchProps | undefined;
+            accessor?: ((option: OptionShape) => string) | undefined;
+            filterFn?: ((optionText: string, search: string) => boolean) | undefined;
+            value?: string | undefined;
+            onChange?: ((value: string) => void) | undefined;
+            filterGroup?: boolean | undefined;
+            groupAccessor?: ((group: import("./typings").GroupShape) => string | undefined) | undefined;
+        };
+    };
+};
+export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/select/moderncssm/{hook-238eb00b.js → hook-839b1d63.js}

@@ -148,6 +148,7 @@ function useSelectWithApply({ options, selected, onChange = () => null, onSelect
             setSelectedDraft,
             showHeaderWithSelectAll,
             headerProps: {
+                ...optionsListProps?.headerProps,
                 indeterminate: !!selectedDraft.length && selectedDraft.length < flatOptions.length,
                 checked: selectedDraft.length === flatOptions.length,
                 onChange: handleToggleAll,

package/select/moderncssm/index.js

@@ -63,7 +63,7 @@ import './components/footer/index.module.css';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
 import './components/virtual-options-list/index.module.css';
-import './hook-238eb00b.js';
+import './hook-839b1d63.js';
 import 'deep-equal';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/moderncssm/desktop';

package/select/moderncssm/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-238eb00b.js';
+import { u as useSelectWithApply } from '../hook-839b1d63.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/select/moderncssm/mobile/Component.modal.mobile.js

@@ -59,7 +59,7 @@ import '../components/search/index.module.css';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '../components/virtual-options-list/index.module.css';
-import '../hook-238eb00b.js';
+import '../hook-839b1d63.js';
 import 'deep-equal';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/moderncssm/desktop';

package/select/moderncssm/mobile/index.js

@@ -60,7 +60,7 @@ import '../components/search/index.module.css';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '../components/virtual-options-list/index.module.css';
-import '../hook-238eb00b.js';
+import '../hook-839b1d63.js';
 import 'deep-equal';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/moderncssm/desktop';

package/select/moderncssm/presets/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
-export * from "../hook-7e77c1d2";
+export * from "../hook-184c14eb";

package/select/moderncssm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-238eb00b.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-839b1d63.js';
 import 'react';
 import '../../../skeleton/moderncssm';
 import '../components/option/Component.js';

package/select/moderncssm/presets/useSelectWithApply/hook.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'deep-equal';
 import '../../../../shared/moderncssm';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-238eb00b.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-839b1d63.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-238eb00b.js';
+export { O as OptionsListWithApply } from '../../../hook-839b1d63.js';
 import '../../../../../button/moderncssm/desktop';
 import '../../../../../shared/moderncssm';
 import './footer/index.module.css';

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

@@ -1,10 +1,9 @@
 import React from 'react';
 import cn from 'classnames';
 import { Checkbox } from '../../../../../../checkbox/moderncssm';
-import { getDataTestId } from '../../../../../../shared/moderncssm';
 import styles from './index.module.css';
 
 const Header = ({ onChange, checked, indeterminate, mobile, dataTestId, }) => (React.createElement("div", { className: cn({ [styles.desktop]: !mobile, [styles.mobile]: mobile }) },
-    React.createElement(Checkbox, { block: true, indeterminate: indeterminate, size: 'm', onChange: onChange, checked: checked, label: '\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435', dataTestId: getDataTestId(dataTestId, 'header-select-all') })));
+    React.createElement(Checkbox, { block: true, indeterminate: indeterminate, size: 'm', onChange: onChange, checked: checked, label: '\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435', dataTestId: dataTestId })));
 
 export { Header };

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

@@ -1 +1 @@
-export * from "../../../hook-238eb00b";
+export * from "../../../hook-839b1d63";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-238eb00b.js';
+export { O as OptionsListWithApply } from '../../../hook-839b1d63.js';
 import 'react';
 import 'deep-equal';
 import '../../../utils.js';

package/select/moderncssm/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-238eb00b.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-839b1d63.js';
 export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVirtualVisibleOptions, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';

package/select/moderncssm/typings.d.ts

@@ -6,7 +6,7 @@ import { InputProps } from "../../input";
 import { ModalProps } from "../../modal";
 import { ModalFooterProps, ModalHeaderProps } from "../../modal/shared";
 import { PopoverProps } from "../../popover";
-import { UseSelectWithApplyProps } from "./hook-7e77c1d2";
+import { UseSelectWithApplyProps } from "./hook-184c14eb";
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**

package/select/moderncssm/utils.d.ts

@@ -65,7 +65,6 @@ declare function getSelectTestIds(dataTestId: string): {
     fieldError: string;
     fieldHint: string;
     fieldClearIcon: string;
-    headerSelectAll: string;
     searchInput: string;
     searchFormControl: string;
     searchInner: string;

package/select/moderncssm/utils.js

@@ -207,7 +207,6 @@ function getSelectTestIds(dataTestId) {
         fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),
         fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),
         fieldClearIcon: getDataTestId(dataTestId, 'field-clear-icon'),
-        headerSelectAll: getDataTestId(dataTestId, 'header-select-all'),
         searchInput: getDataTestId(dataTestId, 'search'),
         searchFormControl: getDataTestId(dataTestId, 'search-form-control'),
         searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),

package/select/presets/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
-export * from "../hook-7e77c1d2";
+export * from "../hook-184c14eb";

package/select/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-a10897e5.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-59057ecb.js');
 
 
 

package/select/presets/useSelectWithApply/hook.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('deep-equal');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-a10897e5.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-59057ecb.js');
 
 
 

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

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-a10897e5.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-59057ecb.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsCheckbox = require('../../../../../checkbox');
-var coreComponentsShared = require('../../../../../shared');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -17,7 +16,7 @@ var Header = function (_a) {
     var _b;
     var onChange = _a.onChange, checked = _a.checked, indeterminate = _a.indeterminate, mobile = _a.mobile, dataTestId = _a.dataTestId;
     return (React__default.default.createElement("div", { className: cn__default.default((_b = {}, _b[styles.desktop] = !mobile, _b[styles.mobile] = mobile, _b)) },
-        React__default.default.createElement(coreComponentsCheckbox.Checkbox, { block: true, indeterminate: indeterminate, size: 'm', onChange: onChange, checked: checked, label: '\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header-select-all') })));
+        React__default.default.createElement(coreComponentsCheckbox.Checkbox, { block: true, indeterminate: indeterminate, size: 'm', onChange: onChange, checked: checked, label: '\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435', dataTestId: dataTestId })));
 };
 
 exports.Header = Header;

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

@@ -1 +1 @@
-export * from "../../../hook-a10897e5";
+export * from "../../../hook-59057ecb";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-a10897e5.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-59057ecb.js');
 
 
 

package/select/shared/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-a10897e5.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-59057ecb.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');

package/select/typings.d.ts

@@ -6,7 +6,7 @@ import { InputProps } from "../input";
 import { ModalProps } from "../modal";
 import { ModalFooterProps, ModalHeaderProps } from "../modal/shared";
 import { PopoverProps } from "../popover";
-import { UseSelectWithApplyProps } from "./hook-7e77c1d2";
+import { UseSelectWithApplyProps } from "./hook-184c14eb";
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**

package/select/utils.d.ts

@@ -65,7 +65,6 @@ declare function getSelectTestIds(dataTestId: string): {
     fieldError: string;
     fieldHint: string;
     fieldClearIcon: string;
-    headerSelectAll: string;
     searchInput: string;
     searchFormControl: string;
     searchInner: string;

package/select/utils.js

@@ -221,7 +221,6 @@ function getSelectTestIds(dataTestId) {
         fieldError: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-error-message'),
         fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-hint'),
         fieldClearIcon: coreComponentsShared.getDataTestId(dataTestId, 'field-clear-icon'),
-        headerSelectAll: coreComponentsShared.getDataTestId(dataTestId, 'header-select-all'),
         searchInput: coreComponentsShared.getDataTestId(dataTestId, 'search'),
         searchFormControl: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control'),
         searchInner: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-inner'),

package/side-panel/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-b5d98f23.js');
+var layout_module = require('../../layout.module-27205bb2.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/components/footer/Component.js

@@ -5,7 +5,7 @@ var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-b5d98f23.js');
+var layout_module = require('../../layout.module-27205bb2.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/esm/Component.responsive.js

@@ -8,7 +8,7 @@ import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-b525d06f.js';
+import './layout.module-e591f29b.js';
 import '../../navigation-bar-private/esm';
 import './consts.js';
 import './Context.js';

package/side-panel/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-b525d06f.js';
+import { l as layoutStyles } from '../../layout.module-e591f29b.js';
 
 var styles = {"component":"side-panel__component_wef7k"};
 require('./index.css');

package/side-panel/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-b525d06f.js';
+import '../../layout.module-e591f29b.js';

package/side-panel/esm/components/footer/Component.desktop.js

@@ -7,7 +7,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-b525d06f.js';
+import '../../layout.module-e591f29b.js';
 
 var styles = {"sticky":"side-panel__sticky_1e60q","size-500":"side-panel__size-500_1e60q"};
 require('./desktop.css');

package/side-panel/esm/components/footer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-b525d06f.js';
+import { l as layoutStyles } from '../../layout.module-e591f29b.js';
 import '../../../../base-modal/esm';
 
 var styles = {"footer":"side-panel__footer_15eym","sticky":"side-panel__sticky_15eym","highlighted":"side-panel__highlighted_15eym"};

package/side-panel/esm/components/footer/Component.mobile.js

@@ -6,7 +6,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-b525d06f.js';
+import '../../layout.module-e591f29b.js';
 
 var styles = {"footer":"side-panel__footer_8g6lp","sticky":"side-panel__sticky_8g6lp"};
 require('./mobile.css');

package/side-panel/esm/desktop/Component.desktop.js

@@ -13,7 +13,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../../../base-modal/esm';
-import '../layout.module-b525d06f.js';
+import '../layout.module-e591f29b.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/esm';
 

package/side-panel/esm/desktop/index.js

@@ -12,7 +12,7 @@ import '../Context.js';
 import '../../../base-modal/esm';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-b525d06f.js';
+import '../layout.module-e591f29b.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/esm/index.js

@@ -6,7 +6,7 @@ import '../../shared/esm';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-b525d06f.js';
+import './layout.module-e591f29b.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';
 import './consts.js';

package/side-panel/esm/mobile/Component.mobile.js

@@ -10,7 +10,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-b525d06f.js';
+import '../layout.module-e591f29b.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/esm';
 import '../consts.js';

package/side-panel/esm/mobile/index.js

@@ -9,7 +9,7 @@ import '../../../shared/esm';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-b525d06f.js';
+import '../layout.module-e591f29b.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/modern/Component.responsive.js

@@ -7,7 +7,7 @@ import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-88d621e2.js';
+import './layout.module-299cfa69.js';
 import '../../navigation-bar-private/modern';
 import './consts.js';
 import './Context.js';

package/side-panel/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-88d621e2.js';
+import { l as layoutStyles } from '../../layout.module-299cfa69.js';
 
 const styles = {"component":"side-panel__component_wef7k"};
 require('./index.css');

package/side-panel/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-88d621e2.js';
+import '../../layout.module-299cfa69.js';

package/side-panel/modern/components/footer/Component.desktop.js

@@ -6,7 +6,7 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-88d621e2.js';
+import '../../layout.module-299cfa69.js';
 
 const styles = {"sticky":"side-panel__sticky_1e60q","size-500":"side-panel__size-500_1e60q"};
 require('./desktop.css');

package/side-panel/modern/components/footer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-88d621e2.js';
+import { l as layoutStyles } from '../../layout.module-299cfa69.js';
 import '../../../../base-modal/modern';
 
 const styles = {"footer":"side-panel__footer_15eym","sticky":"side-panel__sticky_15eym","highlighted":"side-panel__highlighted_15eym"};

package/side-panel/modern/components/footer/Component.mobile.js

@@ -5,7 +5,7 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-88d621e2.js';
+import '../../layout.module-299cfa69.js';
 
 const styles = {"footer":"side-panel__footer_8g6lp","sticky":"side-panel__sticky_8g6lp"};
 require('./mobile.css');

package/side-panel/modern/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../../../base-modal/modern';
-import '../layout.module-88d621e2.js';
+import '../layout.module-299cfa69.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 

package/side-panel/modern/desktop/index.js

@@ -11,7 +11,7 @@ import '../Context.js';
 import '../../../base-modal/modern';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-88d621e2.js';
+import '../layout.module-299cfa69.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/modern/index.js

@@ -5,7 +5,7 @@ import '../../shared/modern';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-88d621e2.js';
+import './layout.module-299cfa69.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';
 import './consts.js';

package/side-panel/modern/mobile/Component.mobile.js

@@ -9,7 +9,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-88d621e2.js';
+import '../layout.module-299cfa69.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';

package/side-panel/modern/mobile/index.js

@@ -8,7 +8,7 @@ import '../../../shared/modern';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-88d621e2.js';
+import '../layout.module-299cfa69.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';