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

package/side-panel/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/esm/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/esm/Component.responsive.js

@@ -8,7 +8,7 @@ import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
 import '../../shared/esm';
-import './layout.module-af536700.js';
+import './layout.module-c5def0b4.js';
 import '../../navigation-bar-private/esm';
 import './consts.js';
 import './Context.js';
@@ -40,12 +40,15 @@ var SidePanelResponsiveComponent = forwardRef(function (_a, ref) {
     return (React.createElement(ResponsiveContext.Provider, { value: contextValue },
         React.createElement(Component, __assign({ ref: ref, size: size, dataTestId: dataTestId }, restProps), children)));
 });
+var ContentResponsive = createResponsive(SidePanelDesktop.Content, SidePanelMobile.Content);
+var FooterResponsive = createResponsive(SidePanelDesktop.Footer, SidePanelMobile.Footer);
+/** Респонсив компаунд */
 var SidePanelResponsive = Object.assign(SidePanelResponsiveComponent, {
     Header: Header,
     Controls: Controls,
-    Content: createResponsive(SidePanelDesktop.Content, SidePanelMobile.Content),
-    Footer: createResponsive(SidePanelDesktop.Footer, SidePanelMobile.Footer),
+    Content: ContentResponsive,
+    Footer: FooterResponsive,
 });
 SidePanelResponsiveComponent.displayName = 'SidePanelResponsiveComponent';
 
-export { SidePanelResponsive };
+export { ContentResponsive, Controls as ControlsResponsive, FooterResponsive, Header as HeaderResponsive, SidePanelResponsiveComponent as SidePanelComponentResponsive, SidePanelResponsive };

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-af536700.js';
+import { l as layoutStyles } from '../../layout.module-c5def0b4.js';
 
 var styles = {"component":"side-panel__component_1iyxi"};
 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-af536700.js';
+import '../../layout.module-c5def0b4.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-af536700.js';
+import '../../layout.module-c5def0b4.js';
 
 var styles = {"sticky":"side-panel__sticky_1e5cu","size-500":"side-panel__size-500_1e5cu"};
 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-af536700.js';
+import { l as layoutStyles } from '../../layout.module-c5def0b4.js';
 import '../../../../base-modal/esm';
 
 var styles = {"footer":"side-panel__footer_1o20v","sticky":"side-panel__sticky_1o20v","highlighted":"side-panel__highlighted_1o20v"};

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-af536700.js';
+import '../../layout.module-c5def0b4.js';
 
 var styles = {"footer":"side-panel__footer_1rbs2","sticky":"side-panel__sticky_1rbs2"};
 require('./mobile.css');

package/side-panel/esm/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/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-af536700.js';
+import '../layout.module-c5def0b4.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/esm';
 
@@ -51,11 +51,13 @@ var SidePanelDesktopComponent = forwardRef(function (_a, ref) {
     var renderWithContext = function () { return (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent())); };
     return responsiveContext ? renderContent() : renderWithContext();
 });
+var HeaderDesktop = Header;
+var ControlsDesktop = Controls;
 var SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {
     Content: ContentDesktop,
-    Header: Header,
+    Header: HeaderDesktop,
     Footer: FooterDesktop,
-    Controls: Controls,
+    Controls: ControlsDesktop,
 });
 
-export { SidePanelDesktop };
+export { ContentDesktop, ControlsDesktop, FooterDesktop, HeaderDesktop, SidePanelDesktopComponent as SidePanelComponentDesktop, SidePanelDesktop };

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

@@ -1,19 +1,19 @@
-export { SidePanelDesktop } from './Component.desktop.js';
+export { ControlsDesktop, HeaderDesktop, SidePanelComponentDesktop, SidePanelDesktop } from './Component.desktop.js';
+export { ContentDesktop } from '../components/content/Component.desktop.js';
+export { FooterDesktop } from '../components/footer/Component.desktop.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../drawer/esm';
-import '../components/content/Component.desktop.js';
-import '../consts.js';
-import '../components/content/Component.js';
+import '../components/controls/Component.js';
 import '../../../shared/esm';
-import '../Context.js';
-import '../../../base-modal/esm';
 import '../ResponsiveContext.js';
-import '../components/controls/Component.js';
-import '../layout.module-af536700.js';
-import '../components/footer/Component.desktop.js';
-import '../components/footer/Component.js';
+import '../layout.module-c5def0b4.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';
+import '../consts.js';
+import '../Context.js';
+import '../../../base-modal/esm';
+import '../components/content/Component.js';
+import '../components/footer/Component.js';

package/side-panel/esm/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/esm/index.js

@@ -1,24 +1,24 @@
-export { SidePanelResponsive as SidePanel } from './Component.responsive.js';
+export { ControlsDesktop, HeaderDesktop, SidePanelComponentDesktop, SidePanelDesktop } from './desktop/Component.desktop.js';
+export { ControlsMobile, SidePanelComponentMobile, SidePanelMobile } from './mobile/Component.mobile.js';
+export { ContentResponsive, FooterResponsive, SidePanelResponsive as SidePanel, SidePanelComponentResponsive, SidePanelResponsive } from './Component.responsive.js';
+export { Header as HeaderMobile, Header as HeaderResponsive } from './components/header/Component.js';
+export { Controls as ControlsResponsive } from './components/controls/Component.js';
+export { ContentDesktop } from './components/content/Component.desktop.js';
+export { FooterDesktop } from './components/footer/Component.desktop.js';
+export { ContentMobile } from './components/content/Component.mobile.js';
+export { FooterMobile } from './components/footer/Component.mobile.js';
 import 'tslib';
 import 'react';
-import '../../mq/esm';
-import './components/controls/Component.js';
+import 'react-merge-refs';
 import 'classnames';
-import '../../shared/esm';
+import '../../drawer/esm';
+import './consts.js';
 import './ResponsiveContext.js';
-import './layout.module-af536700.js';
-import './components/header/Component.js';
+import '../../base-modal/esm';
+import '../../mq/esm';
 import '../../navigation-bar-private/esm';
-import './consts.js';
+import '../../shared/esm';
 import './Context.js';
-import '../../base-modal/esm';
-import './desktop/Component.desktop.js';
-import 'react-merge-refs';
-import '../../drawer/esm';
-import './components/content/Component.desktop.js';
+import './layout.module-c5def0b4.js';
 import './components/content/Component.js';
-import './components/footer/Component.desktop.js';
 import './components/footer/Component.js';
-import './mobile/Component.mobile.js';
-import './components/content/Component.mobile.js';
-import './components/footer/Component.mobile.js';

package/side-panel/esm/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/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-af536700.js';
+import '../layout.module-c5def0b4.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/esm';
 import '../consts.js';
@@ -30,11 +30,12 @@ var SidePanelMobileComponent = forwardRef(function (_a, ref) {
     var renderWithContext = function () { return (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent())); };
     return responsiveContext ? renderContent() : renderWithContext();
 });
+var ControlsMobile = Controls;
 var SidePanelMobile = Object.assign(SidePanelMobileComponent, {
     Content: ContentMobile,
     Header: Header,
     Footer: FooterMobile,
-    Controls: Controls,
+    Controls: ControlsMobile,
 });
 
-export { SidePanelMobile };
+export { ContentMobile, ControlsMobile, FooterMobile, Header as HeaderMobile, SidePanelMobileComponent as SidePanelComponentMobile, SidePanelMobile };

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

@@ -1,17 +1,17 @@
-export { SidePanelMobile } from './Component.mobile.js';
+export { ControlsMobile, SidePanelComponentMobile, SidePanelMobile } from './Component.mobile.js';
+export { ContentMobile } from '../components/content/Component.mobile.js';
+export { Header as HeaderMobile } from '../components/header/Component.js';
+export { FooterMobile } from '../components/footer/Component.mobile.js';
 import 'tslib';
 import 'react';
 import 'classnames';
 import '../../../base-modal/esm';
-import '../components/content/Component.mobile.js';
-import '../components/content/Component.js';
+import '../components/controls/Component.js';
 import '../../../shared/esm';
-import '../Context.js';
 import '../ResponsiveContext.js';
-import '../components/controls/Component.js';
-import '../layout.module-af536700.js';
-import '../components/footer/Component.mobile.js';
+import '../layout.module-c5def0b4.js';
+import '../components/content/Component.js';
+import '../Context.js';
 import '../components/footer/Component.js';
-import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';
 import '../consts.js';

package/side-panel/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/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/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/mobile/Component.mobile.js

@@ -30,11 +30,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/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/modern/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/modern/Component.responsive.js

@@ -7,7 +7,7 @@ import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
 import '../../shared/modern';
-import './layout.module-6a50f713.js';
+import './layout.module-c6a07a4c.js';
 import '../../navigation-bar-private/modern';
 import './consts.js';
 import './Context.js';
@@ -38,12 +38,15 @@ const SidePanelResponsiveComponent = forwardRef(({ children, breakpoint, client,
     return (React.createElement(ResponsiveContext.Provider, { value: contextValue },
         React.createElement(Component, { ref: ref, size: size, dataTestId: dataTestId, ...restProps }, children)));
 });
+const ContentResponsive = createResponsive(SidePanelDesktop.Content, SidePanelMobile.Content);
+const FooterResponsive = createResponsive(SidePanelDesktop.Footer, SidePanelMobile.Footer);
+/** Респонсив компаунд */
 const SidePanelResponsive = Object.assign(SidePanelResponsiveComponent, {
     Header,
     Controls,
-    Content: createResponsive(SidePanelDesktop.Content, SidePanelMobile.Content),
-    Footer: createResponsive(SidePanelDesktop.Footer, SidePanelMobile.Footer),
+    Content: ContentResponsive,
+    Footer: FooterResponsive,
 });
 SidePanelResponsiveComponent.displayName = 'SidePanelResponsiveComponent';
 
-export { SidePanelResponsive };
+export { ContentResponsive, Controls as ControlsResponsive, FooterResponsive, Header as HeaderResponsive, SidePanelResponsiveComponent as SidePanelComponentResponsive, SidePanelResponsive };

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-6a50f713.js';
+import { l as layoutStyles } from '../../layout.module-c6a07a4c.js';
 
 const styles = {"component":"side-panel__component_1iyxi"};
 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-6a50f713.js';
+import '../../layout.module-c6a07a4c.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-6a50f713.js';
+import '../../layout.module-c6a07a4c.js';
 
 const styles = {"sticky":"side-panel__sticky_1e5cu","size-500":"side-panel__size-500_1e5cu"};
 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-6a50f713.js';
+import { l as layoutStyles } from '../../layout.module-c6a07a4c.js';
 import '../../../../base-modal/modern';
 
 const styles = {"footer":"side-panel__footer_1o20v","sticky":"side-panel__sticky_1o20v","highlighted":"side-panel__highlighted_1o20v"};

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-6a50f713.js';
+import '../../layout.module-c6a07a4c.js';
 
 const styles = {"footer":"side-panel__footer_1rbs2","sticky":"side-panel__sticky_1rbs2"};
 require('./mobile.css');