@alfalab/core-components 48.6.0-beta.1 → 48.7.0

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

@@ -16,12 +16,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-31bbff94.js';
+import '../list-popover-desktop-dd9395b6.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-ce19a0bb.js';
+import '../mobile.module-64428fbc.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/field/Component.js';
 import '../components/clear-button/Component.js';
@@ -47,7 +47,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-b57d5769.js';
+import '../hook-07c71261.js';
 import 'react-fast-compare';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';

package/select/modern/mobile/index.js

@@ -17,12 +17,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-31bbff94.js';
+import '../list-popover-desktop-dd9395b6.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-ce19a0bb.js';
+import '../mobile.module-64428fbc.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/field/Component.js';
 import '../components/clear-button/Component.js';
@@ -48,7 +48,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-b57d5769.js';
+import '../hook-07c71261.js';
 import 'react-fast-compare';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';

package/select/modern/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-b57d5769.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-07c71261.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';

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

@@ -1,7 +1,7 @@
 import 'react';
 import 'react-fast-compare';
 import '../../../../shared/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-b57d5769.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-07c71261.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

package/select/modern/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-b57d5769.js';
+export { O as OptionsListWithApply } from '../../../hook-07c71261.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

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

@@ -1 +1 @@
-export * from "../../../hook-b57d5769";
+export * from "../../../hook-07c71261";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-b57d5769.js';
+export { O as OptionsListWithApply } from '../../../hook-07c71261.js';
 import 'react';
 import 'react-fast-compare';
 import '../../../utils.js';

package/select/modern/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-b57d5769.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-07c71261.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';
@@ -43,12 +43,12 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-31bbff94.js';
+import '../list-popover-desktop-dd9395b6.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-ce19a0bb.js';
+import '../mobile.module-64428fbc.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../../../base-modal/modern';
 import '../../../button/modern/mobile';

package/select/moderncssm/components/virtual-options-list/Component.js

@@ -96,9 +96,9 @@ const VirtualOptionsList = forwardRef(({ size = 48, flatOptions = [], highlighte
             const group = options[groupStartIndexes[virtualRow.index]];
             if (!group)
                 return null;
-            const groupSelectedItems = selectedItems?.filter(({ key: selectedItemKey }) => group.options.some((option) => option.key === selectedItemKey));
+            const groupSelectedItems = selectedItems?.filter((item) => group.options.includes(item));
             const handleSelectedItems = (items) => {
-                setSelectedItems((selectedItems?.filter(({ key: selectedItemKey }) => !group.options.some((option) => option.key === selectedItemKey)) ?? []).concat(items));
+                setSelectedItems((selectedItems?.filter((item) => !group.options.includes(item)) ?? []).concat(items));
             };
             return (React.createElement(Optgroup$1, { label: group.label, size: size, className: optionGroupClassName, options: group.options, selectedItems: groupSelectedItems, setSelectedItems: handleSelectedItems, search: search, multiple: multiple, ...groupOptionProps }));
         };

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-7f76d0ec.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-d32fd6d1.js');
 
 
 

package/select/presets/useSelectWithApply/hook.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('react-fast-compare');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-7f76d0ec.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-d32fd6d1.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-7f76d0ec.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-d32fd6d1.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 

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

@@ -1 +1 @@
-export * from "../../../hook-7f76d0ec";
+export * from "../../../hook-d32fd6d1";

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-7f76d0ec.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-d32fd6d1.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-7f76d0ec.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-d32fd6d1.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-with-tags/Component.responsive.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-declare const SelectWithTags: React.ForwardRefExoticComponent<Omit<import("../select/typings").BaseSelectProps, "multiple" | "onChange" | "selected" | "autocomplete" | "nativeSelect" | "Field"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Omit<import("../select/typings").BaseSelectProps, "onChange" | "autocomplete" | "multiple" | "selected" | "nativeSelect" | "Field"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | import("../select/typings").OptionShape)[] | undefined;

package/select-with-tags/components/base-select-with-tags/Component.d.ts

@@ -5,7 +5,7 @@ import { BottomSheetProps } from "../../../bottom-sheet";
 import { FormControlProps } from "../../../form-control";
 import { PopoverProps } from "../../../popover";
 import { BaseSelectProps, OptionShape } from "../../../select/shared";
-declare const BaseSelectWithTags: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "multiple" | "onChange" | "selected" | "autocomplete" | "nativeSelect" | "Field"> & {
+declare const BaseSelectWithTags: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onChange" | "autocomplete" | "multiple" | "selected" | "nativeSelect" | "Field"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | OptionShape)[] | undefined;

package/side-panel/Component.responsive.d.ts

@@ -2,6 +2,8 @@
 import React from 'react';
 import { BaseModalProps } from "../base-modal";
 import { DrawerProps } from "../drawer";
+import { Controls } from "./components/controls/index";
+import { Header } from "./components/header/Component";
 type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTransitionProps' | 'placement' | 'nativeScrollbar'> & {
     /**
      * Ширина модального окна
@@ -28,6 +30,35 @@ type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTrans
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
+declare const SidePanelResponsiveComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+    /**
+     * Ширина модального окна
+     * @default "s"
+     */
+    size?: "s" | 500 | undefined;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean | undefined;
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile" | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     * @deprecated Используйте client
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContentResponsive: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
+declare const FooterResponsive: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
+/** Респонсив компаунд */
 declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
     /**
      * Ширина модального окна
@@ -59,4 +90,4 @@ declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProp
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
     Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
 };
-export { SidePanelResponsiveProps, SidePanelResponsive };
+export { SidePanelResponsiveProps, SidePanelResponsive, SidePanelResponsiveComponent as SidePanelComponentResponsive, Header as HeaderResponsive, Controls as ControlsResponsive, ContentResponsive, FooterResponsive };

package/side-panel/Component.responsive.js

@@ -31,12 +31,20 @@ var SidePanelResponsiveComponent = React.forwardRef(function (_a, ref) {
     return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue },
         React__default.default.createElement(Component, tslib.__assign({ ref: ref, size: size, dataTestId: dataTestId }, restProps), children)));
 });
+var ContentResponsive = createResponsive(desktop_Component_desktop.SidePanelDesktop.Content, mobile_Component_mobile.SidePanelMobile.Content);
+var FooterResponsive = createResponsive(desktop_Component_desktop.SidePanelDesktop.Footer, mobile_Component_mobile.SidePanelMobile.Footer);
+/** Респонсив компаунд */
 var SidePanelResponsive = Object.assign(SidePanelResponsiveComponent, {
     Header: components_header_Component.Header,
     Controls: components_controls_Component.Controls,
-    Content: createResponsive(desktop_Component_desktop.SidePanelDesktop.Content, mobile_Component_mobile.SidePanelMobile.Content),
-    Footer: createResponsive(desktop_Component_desktop.SidePanelDesktop.Footer, mobile_Component_mobile.SidePanelMobile.Footer),
+    Content: ContentResponsive,
+    Footer: FooterResponsive,
 });
 SidePanelResponsiveComponent.displayName = 'SidePanelResponsiveComponent';
 
+exports.ControlsResponsive = components_controls_Component.Controls;
+exports.HeaderResponsive = components_header_Component.Header;
+exports.ContentResponsive = ContentResponsive;
+exports.FooterResponsive = FooterResponsive;
+exports.SidePanelComponentResponsive = SidePanelResponsiveComponent;
 exports.SidePanelResponsive = SidePanelResponsive;

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-837c5604.js');
+var layout_module = require('../../layout.module-6dca0f1d.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-837c5604.js');
+var layout_module = require('../../layout.module-6dca0f1d.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/cssm/Component.responsive.d.ts

@@ -2,6 +2,8 @@
 import React from 'react';
 import { BaseModalProps } from "../../base-modal";
 import { DrawerProps } from "../../drawer";
+import { Controls } from "./components/controls/index";
+import { Header } from "./components/header/Component";
 type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTransitionProps' | 'placement' | 'nativeScrollbar'> & {
     /**
      * Ширина модального окна
@@ -28,6 +30,35 @@ type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTrans
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
+declare const SidePanelResponsiveComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+    /**
+     * Ширина модального окна
+     * @default "s"
+     */
+    size?: "s" | 500 | undefined;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean | undefined;
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile" | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     * @deprecated Используйте client
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContentResponsive: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
+declare const FooterResponsive: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
+/** Респонсив компаунд */
 declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
     /**
      * Ширина модального окна
@@ -59,4 +90,4 @@ declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProp
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
     Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
 };
-export { SidePanelResponsiveProps, SidePanelResponsive };
+export { SidePanelResponsiveProps, SidePanelResponsive, SidePanelResponsiveComponent as SidePanelComponentResponsive, Header as HeaderResponsive, Controls as ControlsResponsive, ContentResponsive, FooterResponsive };

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

@@ -31,12 +31,20 @@ var SidePanelResponsiveComponent = React.forwardRef(function (_a, ref) {
     return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue },
         React__default.default.createElement(Component, tslib.__assign({ ref: ref, size: size, dataTestId: dataTestId }, restProps), children)));
 });
+var ContentResponsive = createResponsive(desktop_Component_desktop.SidePanelDesktop.Content, mobile_Component_mobile.SidePanelMobile.Content);
+var FooterResponsive = createResponsive(desktop_Component_desktop.SidePanelDesktop.Footer, mobile_Component_mobile.SidePanelMobile.Footer);
+/** Респонсив компаунд */
 var SidePanelResponsive = Object.assign(SidePanelResponsiveComponent, {
     Header: components_header_Component.Header,
     Controls: components_controls_Component.Controls,
-    Content: createResponsive(desktop_Component_desktop.SidePanelDesktop.Content, mobile_Component_mobile.SidePanelMobile.Content),
-    Footer: createResponsive(desktop_Component_desktop.SidePanelDesktop.Footer, mobile_Component_mobile.SidePanelMobile.Footer),
+    Content: ContentResponsive,
+    Footer: FooterResponsive,
 });
 SidePanelResponsiveComponent.displayName = 'SidePanelResponsiveComponent';
 
+exports.ControlsResponsive = components_controls_Component.Controls;
+exports.HeaderResponsive = components_header_Component.Header;
+exports.ContentResponsive = ContentResponsive;
+exports.FooterResponsive = FooterResponsive;
+exports.SidePanelComponentResponsive = SidePanelResponsiveComponent;
 exports.SidePanelResponsive = SidePanelResponsive;

package/side-panel/cssm/desktop/Component.desktop.d.ts

@@ -2,7 +2,9 @@
 import React from 'react';
 import { BaseModalProps } from "../../../base-modal";
 import { DrawerProps } from "../../../drawer";
+import { ContentDesktop } from "../components/content/Component.desktop";
 import { ControlsProps } from "../components/controls/index";
+import { FooterDesktop } from "../components/footer/Component.desktop";
 import { HeaderProps } from "../components/header/Component";
 type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {
     /**
@@ -16,6 +18,20 @@ type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'n
      */
     hasCloser?: boolean;
 };
+declare const SidePanelDesktopComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+    /**
+     * Ширина модального окна
+     * @default "s"
+     */
+    size?: "s" | 500 | undefined;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const HeaderDesktop: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;
+declare const ControlsDesktop: React.FC<Omit<ControlsProps, "mobileLayout">>;
 declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
     /**
      * Ширина модального окна
@@ -33,4 +49,4 @@ declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps &
     Footer: React.FC<import("../components/footer/Component.desktop").FooterDesktopProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { SidePanelDesktopProps, SidePanelDesktop };
+export { SidePanelDesktopProps, SidePanelDesktop, SidePanelDesktopComponent as SidePanelComponentDesktop, ContentDesktop, HeaderDesktop, FooterDesktop, ControlsDesktop };

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

@@ -50,11 +50,18 @@ var SidePanelDesktopComponent = React.forwardRef(function (_a, ref) {
     var renderWithContext = function () { return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue }, renderContent())); };
     return responsiveContext ? renderContent() : renderWithContext();
 });
+var HeaderDesktop = components_header_Component.Header;
+var ControlsDesktop = components_controls_Component.Controls;
 var SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {
     Content: components_content_Component_desktop.ContentDesktop,
-    Header: components_header_Component.Header,
+    Header: HeaderDesktop,
     Footer: components_footer_Component_desktop.FooterDesktop,
-    Controls: components_controls_Component.Controls,
+    Controls: ControlsDesktop,
 });
 
+exports.ContentDesktop = components_content_Component_desktop.ContentDesktop;
+exports.FooterDesktop = components_footer_Component_desktop.FooterDesktop;
+exports.ControlsDesktop = ControlsDesktop;
+exports.HeaderDesktop = HeaderDesktop;
+exports.SidePanelComponentDesktop = SidePanelDesktopComponent;
 exports.SidePanelDesktop = SidePanelDesktop;

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

@@ -1,7 +1,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var desktop_Component_desktop = require('./Component.desktop.js');
+var components_content_Component_desktop = require('../components/content/Component.desktop.js');
+var components_footer_Component_desktop = require('../components/footer/Component.desktop.js');
 
 
 
+exports.ControlsDesktop = desktop_Component_desktop.ControlsDesktop;
+exports.HeaderDesktop = desktop_Component_desktop.HeaderDesktop;
+exports.SidePanelComponentDesktop = desktop_Component_desktop.SidePanelComponentDesktop;
 exports.SidePanelDesktop = desktop_Component_desktop.SidePanelDesktop;
+exports.ContentDesktop = components_content_Component_desktop.ContentDesktop;
+exports.FooterDesktop = components_footer_Component_desktop.FooterDesktop;

package/side-panel/cssm/index.d.ts

@@ -1,2 +1,3 @@
-export { SidePanelResponsive as SidePanel, SidePanelResponsiveProps as SidePanelProps } from "./Component.responsive";
-export {};
+export * from "./desktop/index";
+export * from "./mobile/index";
+export { SidePanelResponsive as SidePanel, SidePanelResponsive, SidePanelResponsiveProps as SidePanelProps, SidePanelComponentResponsive, HeaderResponsive, ControlsResponsive, ContentResponsive, FooterResponsive } from "./Component.responsive";

package/side-panel/cssm/index.js

@@ -1,7 +1,33 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 var Component_responsive = require('./Component.responsive.js');
+var components_header_Component = require('./components/header/Component.js');
+var components_controls_Component = require('./components/controls/Component.js');
+var components_content_Component_desktop = require('./components/content/Component.desktop.js');
+var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
+var components_content_Component_mobile = require('./components/content/Component.mobile.js');
+var components_footer_Component_mobile = require('./components/footer/Component.mobile.js');
 
 
 
+exports.ControlsDesktop = desktop_Component_desktop.ControlsDesktop;
+exports.HeaderDesktop = desktop_Component_desktop.HeaderDesktop;
+exports.SidePanelComponentDesktop = desktop_Component_desktop.SidePanelComponentDesktop;
+exports.SidePanelDesktop = desktop_Component_desktop.SidePanelDesktop;
+exports.ControlsMobile = mobile_Component_mobile.ControlsMobile;
+exports.SidePanelComponentMobile = mobile_Component_mobile.SidePanelComponentMobile;
+exports.SidePanelMobile = mobile_Component_mobile.SidePanelMobile;
+exports.ContentResponsive = Component_responsive.ContentResponsive;
+exports.FooterResponsive = Component_responsive.FooterResponsive;
 exports.SidePanel = Component_responsive.SidePanelResponsive;
+exports.SidePanelComponentResponsive = Component_responsive.SidePanelComponentResponsive;
+exports.SidePanelResponsive = Component_responsive.SidePanelResponsive;
+exports.HeaderMobile = components_header_Component.Header;
+exports.HeaderResponsive = components_header_Component.Header;
+exports.ControlsResponsive = components_controls_Component.Controls;
+exports.ContentDesktop = components_content_Component_desktop.ContentDesktop;
+exports.FooterDesktop = components_footer_Component_desktop.FooterDesktop;
+exports.ContentMobile = components_content_Component_mobile.ContentMobile;
+exports.FooterMobile = components_footer_Component_mobile.FooterMobile;

package/side-panel/cssm/mobile/Component.mobile.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseModalProps } from "../../../base-modal";
+import { ContentMobile } from "../components/content/Component.mobile";
 import { ControlsProps } from "../components/controls/index";
+import { FooterMobile } from "../components/footer/Component.mobile";
+import { Header } from "../components/header/Component";
 type SidePanelMobileProps = BaseModalProps & {
     /**
      * Управление наличием закрывающего крестика
@@ -9,6 +12,14 @@ type SidePanelMobileProps = BaseModalProps & {
      */
     hasCloser?: boolean;
 };
+declare const SidePanelMobileComponent: React.ForwardRefExoticComponent<BaseModalProps & {
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ControlsMobile: React.FC<Omit<ControlsProps, "mobileLayout">>;
 declare const SidePanelMobile: React.ForwardRefExoticComponent<BaseModalProps & {
     /**
      * Управление наличием закрывающего крестика
@@ -21,4 +32,4 @@ declare const SidePanelMobile: React.ForwardRefExoticComponent<BaseModalProps &
     Footer: React.FC<import("../components/footer/Component").FooterProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { SidePanelMobileProps, SidePanelMobile };
+export { SidePanelMobileProps, SidePanelMobile, SidePanelMobileComponent as SidePanelComponentMobile, ContentMobile, Header as HeaderMobile, FooterMobile, ControlsMobile };

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

@@ -28,11 +28,17 @@ var SidePanelMobileComponent = React.forwardRef(function (_a, ref) {
     var renderWithContext = function () { return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue }, renderContent())); };
     return responsiveContext ? renderContent() : renderWithContext();
 });
+var ControlsMobile = components_controls_Component.Controls;
 var SidePanelMobile = Object.assign(SidePanelMobileComponent, {
     Content: components_content_Component_mobile.ContentMobile,
     Header: components_header_Component.Header,
     Footer: components_footer_Component_mobile.FooterMobile,
-    Controls: components_controls_Component.Controls,
+    Controls: ControlsMobile,
 });
 
+exports.ContentMobile = components_content_Component_mobile.ContentMobile;
+exports.FooterMobile = components_footer_Component_mobile.FooterMobile;
+exports.HeaderMobile = components_header_Component.Header;
+exports.ControlsMobile = ControlsMobile;
+exports.SidePanelComponentMobile = SidePanelMobileComponent;
 exports.SidePanelMobile = SidePanelMobile;

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

@@ -1,7 +1,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var mobile_Component_mobile = require('./Component.mobile.js');
+var components_content_Component_mobile = require('../components/content/Component.mobile.js');
+var components_header_Component = require('../components/header/Component.js');
+var components_footer_Component_mobile = require('../components/footer/Component.mobile.js');
 
 
 
+exports.ControlsMobile = mobile_Component_mobile.ControlsMobile;
+exports.SidePanelComponentMobile = mobile_Component_mobile.SidePanelComponentMobile;
 exports.SidePanelMobile = mobile_Component_mobile.SidePanelMobile;
+exports.ContentMobile = components_content_Component_mobile.ContentMobile;
+exports.HeaderMobile = components_header_Component.Header;
+exports.FooterMobile = components_footer_Component_mobile.FooterMobile;

package/side-panel/desktop/Component.desktop.d.ts

@@ -2,7 +2,9 @@
 import React from 'react';
 import { BaseModalProps } from "../../base-modal";
 import { DrawerProps } from "../../drawer";
+import { ContentDesktop } from "../components/content/Component.desktop";
 import { ControlsProps } from "../components/controls/index";
+import { FooterDesktop } from "../components/footer/Component.desktop";
 import { HeaderProps } from "../components/header/Component";
 type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {
     /**
@@ -16,6 +18,20 @@ type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'n
      */
     hasCloser?: boolean;
 };
+declare const SidePanelDesktopComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+    /**
+     * Ширина модального окна
+     * @default "s"
+     */
+    size?: "s" | 500 | undefined;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const HeaderDesktop: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;
+declare const ControlsDesktop: React.FC<Omit<ControlsProps, "mobileLayout">>;
 declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
     /**
      * Ширина модального окна
@@ -33,4 +49,4 @@ declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps &
     Footer: React.FC<import("../components/footer/Component.desktop").FooterDesktopProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { SidePanelDesktopProps, SidePanelDesktop };
+export { SidePanelDesktopProps, SidePanelDesktop, SidePanelDesktopComponent as SidePanelComponentDesktop, ContentDesktop, HeaderDesktop, FooterDesktop, ControlsDesktop };

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

@@ -52,11 +52,18 @@ var SidePanelDesktopComponent = React.forwardRef(function (_a, ref) {
     var renderWithContext = function () { return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue }, renderContent())); };
     return responsiveContext ? renderContent() : renderWithContext();
 });
+var HeaderDesktop = components_header_Component.Header;
+var ControlsDesktop = components_controls_Component.Controls;
 var SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {
     Content: components_content_Component_desktop.ContentDesktop,
-    Header: components_header_Component.Header,
+    Header: HeaderDesktop,
     Footer: components_footer_Component_desktop.FooterDesktop,
-    Controls: components_controls_Component.Controls,
+    Controls: ControlsDesktop,
 });
 
+exports.ContentDesktop = components_content_Component_desktop.ContentDesktop;
+exports.FooterDesktop = components_footer_Component_desktop.FooterDesktop;
+exports.ControlsDesktop = ControlsDesktop;
+exports.HeaderDesktop = HeaderDesktop;
+exports.SidePanelComponentDesktop = SidePanelDesktopComponent;
 exports.SidePanelDesktop = SidePanelDesktop;