@alfalab/core-components-side-panel 5.8.6 → 5.9.1

package/modern/desktop/transitions.desktop.css

@@ -1,32 +1,32 @@
-/* hash: r52me */
-.side-panel__enterRight_owf7u {
+/* hash: 1jbzp */
+.side-panel__enterRight_1uu55 {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_owf7u {
+.side-panel__enterLeft_1uu55 {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_owf7u {
+.side-panel__enterActive_1uu55 {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_owf7u {
+.side-panel__exit_1uu55 {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_owf7u {
+.side-panel__exitActiveRight_1uu55 {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_owf7u {
+.side-panel__exitActiveLeft_1uu55 {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/modern/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/modern/index.js

@@ -1 +1,9 @@
-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';

package/modern/layout.module-66d6c4d0.js

@@ -0,0 +1,4 @@
+const layoutStyles = {"column":"side-panel__column_1hsbi","gap-16":"side-panel__gap-16_1hsbi","gap-24":"side-panel__gap-24_1hsbi","gap-32":"side-panel__gap-32_1hsbi","start":"side-panel__start_1hsbi","center":"side-panel__center_1hsbi","space-between":"side-panel__space-between_1hsbi"};
+require('./components/footer/layout.css')
+
+export { layoutStyles as l };

package/modern/mobile/Component.mobile.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseModalProps } from "@alfalab/core-components-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/modern/mobile/Component.mobile.js

@@ -7,10 +7,10 @@ import { FooterMobile } from '../components/footer/Component.mobile.js';
 import { Header } from '../components/header/Component.js';
 import { ResponsiveContext } from '../ResponsiveContext.js';
 
-const styles = {"component":"side-panel__component_1f0dk","mobileContent":"side-panel__mobileContent_1f0dk"};
+const styles = {"component":"side-panel__component_ot2sw","mobileContent":"side-panel__mobileContent_ot2sw"};
 require('./mobile.css')
 
-const transitions = {"appear":"side-panel__appear_k8c2i","enter":"side-panel__enter_k8c2i","appearActive":"side-panel__appearActive_k8c2i","enterActive":"side-panel__enterActive_k8c2i","exit":"side-panel__exit_k8c2i","exitActive":"side-panel__exitActive_k8c2i","exitDone":"side-panel__exitDone_k8c2i"};
+const transitions = {"appear":"side-panel__appear_1afmu","enter":"side-panel__enter_1afmu","appearActive":"side-panel__appearActive_1afmu","enterActive":"side-panel__enterActive_1afmu","exit":"side-panel__exit_1afmu","exitActive":"side-panel__exitActive_1afmu","exitDone":"side-panel__exitDone_1afmu"};
 require('./transitions.mobile.css')
 
 const SidePanelMobileComponent = forwardRef(({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {
@@ -24,11 +24,12 @@ const SidePanelMobileComponent = forwardRef(({ children, className, transitionPr
     const renderWithContext = () => (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent()));
     return responsiveContext ? renderContent() : renderWithContext();
 });
+const ControlsMobile = Controls;
 const SidePanelMobile = Object.assign(SidePanelMobileComponent, {
     Content: ContentMobile,
     Header,
     Footer: FooterMobile,
-    Controls: Controls,
+    Controls: ControlsMobile,
 });
 
-export { SidePanelMobile };
+export { ContentMobile, ControlsMobile, FooterMobile, Header as HeaderMobile, SidePanelMobileComponent as SidePanelComponentMobile, SidePanelMobile };

package/modern/mobile/index.js

@@ -1 +1,4 @@
-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';

package/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: ui2uf */
+/* hash: 120cp */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -32,17 +32,17 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__component_1f0dk {
+} .side-panel__component_ot2sw {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     max-width: 600px;
-} .side-panel__component_1f0dk.side-panel__component_1f0dk {
+} .side-panel__component_ot2sw.side-panel__component_ot2sw {
     position: fixed;
     flex: 1;
-} .side-panel__mobileContent_1f0dk {
+} .side-panel__mobileContent_ot2sw {
     display: flex;
     flex-direction: column;
     width: 100%;

package/modern/mobile/transitions.mobile.css

@@ -1,24 +1,24 @@
-/* hash: 19259 */
-.side-panel__appear_k8c2i,
-.side-panel__enter_k8c2i {
+/* hash: 1gkf4 */
+.side-panel__appear_1afmu,
+.side-panel__enter_1afmu {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_k8c2i,
-.side-panel__enterActive_k8c2i {
+.side-panel__appearActive_1afmu,
+.side-panel__enterActive_1afmu {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_k8c2i {
+.side-panel__exit_1afmu {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_k8c2i,
-.side-panel__exitDone_k8c2i {
+.side-panel__exitActive_1afmu,
+.side-panel__exitDone_1afmu {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/moderncssm/Component.responsive.d.ts

@@ -2,6 +2,8 @@
 import React from 'react';
 import { BaseModalProps } from "@alfalab/core-components-base-modal";
 import { DrawerProps } from "@alfalab/core-components-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/moderncssm/Component.responsive.js

@@ -23,12 +23,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/moderncssm/desktop/Component.desktop.d.ts

@@ -2,7 +2,9 @@
 import React from 'react';
 import { BaseModalProps } from "@alfalab/core-components-base-modal";
 import { DrawerProps } from "@alfalab/core-components-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/moderncssm/desktop/Component.desktop.js

@@ -38,11 +38,13 @@ const SidePanelDesktopComponent = forwardRef(({ size = 500, children, className,
     const renderWithContext = () => (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent()));
     return responsiveContext ? renderContent() : renderWithContext();
 });
+const HeaderDesktop = Header;
+const ControlsDesktop = Controls;
 const 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/moderncssm/desktop/index.js

@@ -1 +1,3 @@
-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';

package/moderncssm/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/moderncssm/index.js

@@ -1 +1,9 @@
-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';

package/moderncssm/mobile/Component.mobile.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="react" />
 import React from 'react';
 import { BaseModalProps } from "@alfalab/core-components-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/moderncssm/mobile/Component.mobile.js

@@ -20,11 +20,12 @@ const SidePanelMobileComponent = forwardRef(({ children, className, transitionPr
     const renderWithContext = () => (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent()));
     return responsiveContext ? renderContent() : renderWithContext();
 });
+const ControlsMobile = Controls;
 const SidePanelMobile = Object.assign(SidePanelMobileComponent, {
     Content: ContentMobile,
     Header,
     Footer: FooterMobile,
-    Controls: Controls,
+    Controls: ControlsMobile,
 });
 
-export { SidePanelMobile };
+export { ContentMobile, ControlsMobile, FooterMobile, Header as HeaderMobile, SidePanelMobileComponent as SidePanelComponentMobile, SidePanelMobile };

package/moderncssm/mobile/index.js

@@ -1 +1,4 @@
-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';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-side-panel",
-    "version": "5.8.6",
+    "version": "5.9.1",
     "description": "SidePanel component",
     "keywords": [],
     "license": "MIT",
@@ -15,15 +15,15 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^5.8.6",
-        "@alfalab/core-components-drawer": "^5.1.6",
-        "@alfalab/core-components-mq": "^4.4.0",
-        "@alfalab/core-components-navigation-bar-private": "^0.5.5",
-        "@alfalab/core-components-shared": "^0.14.0",
+        "@alfalab/core-components-base-modal": "^5.8.8",
+        "@alfalab/core-components-drawer": "^5.1.8",
+        "@alfalab/core-components-mq": "^4.4.1",
+        "@alfalab/core-components-navigation-bar-private": "^0.5.7",
+        "@alfalab/core-components-shared": "^0.14.1",
         "classnames": "^2.5.1",
         "react-merge-refs": "^1.1.0",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.6.0",
+    "themesVersion": "13.7.0",
     "varsVersion": "9.16.0"
 }

package/src/Component.responsive.tsx

@@ -93,11 +93,24 @@ const SidePanelResponsiveComponent = forwardRef<HTMLDivElement, SidePanelRespons
     },
 );
 
-export const SidePanelResponsive = Object.assign(SidePanelResponsiveComponent, {
+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,
+    SidePanelResponsiveComponent as SidePanelComponentResponsive,
+    Header as HeaderResponsive,
+    Controls as ControlsResponsive,
+    ContentResponsive,
+    FooterResponsive,
+};

package/src/desktop/Component.desktop.tsx

@@ -102,9 +102,21 @@ const SidePanelDesktopComponent = forwardRef<HTMLDivElement, SidePanelDesktopPro
     },
 );
 
-export const SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {
+const HeaderDesktop = Header as React.FC<Omit<HeaderProps, 'titleSize' | 'subtitle'>>;
+const ControlsDesktop = Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>;
+
+const SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {
     Content: ContentDesktop,
-    Header: Header as React.FC<Omit<HeaderProps, 'titleSize' | 'subtitle'>>,
+    Header: HeaderDesktop,
     Footer: FooterDesktop,
-    Controls: Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>,
+    Controls: ControlsDesktop,
 });
+
+export {
+    SidePanelDesktop,
+    SidePanelDesktopComponent as SidePanelComponentDesktop,
+    ContentDesktop,
+    HeaderDesktop,
+    FooterDesktop,
+    ControlsDesktop,
+};

package/src/index.ts

@@ -1,4 +1,13 @@
+export * from './desktop';
+export * from './mobile';
 export {
+    // обратная совместимость
     SidePanelResponsive as SidePanel,
-    SidePanelResponsiveProps as SidePanelProps,
+    type SidePanelResponsiveProps as SidePanelProps,
+    SidePanelResponsive,
+    SidePanelComponentResponsive,
+    HeaderResponsive,
+    ControlsResponsive,
+    ContentResponsive,
+    FooterResponsive,
 } from './Component.responsive';

package/src/mobile/Component.mobile.tsx

@@ -55,9 +55,20 @@ const SidePanelMobileComponent = forwardRef<HTMLDivElement, SidePanelMobileProps
     },
 );
 
-export const SidePanelMobile = Object.assign(SidePanelMobileComponent, {
+const ControlsMobile = Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>;
+
+const SidePanelMobile = Object.assign(SidePanelMobileComponent, {
     Content: ContentMobile,
     Header,
     Footer: FooterMobile,
-    Controls: Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>,
+    Controls: ControlsMobile,
 });
+
+export {
+    SidePanelMobile,
+    SidePanelMobileComponent as SidePanelComponentMobile,
+    ContentMobile,
+    Header as HeaderMobile,
+    FooterMobile,
+    ControlsMobile,
+};

package/esm/layout.module-79fde585.js

@@ -1,4 +0,0 @@
-var layoutStyles = {"column":"side-panel__column_8yi8e","gap-16":"side-panel__gap-16_8yi8e","gap-24":"side-panel__gap-24_8yi8e","gap-32":"side-panel__gap-32_8yi8e","start":"side-panel__start_8yi8e","center":"side-panel__center_8yi8e","space-between":"side-panel__space-between_8yi8e"};
-require('./components/footer/layout.css')
-
-export { layoutStyles as l };

package/layout.module-3c5db68c.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var layoutStyles = {"column":"side-panel__column_8yi8e","gap-16":"side-panel__gap-16_8yi8e","gap-24":"side-panel__gap-24_8yi8e","gap-32":"side-panel__gap-32_8yi8e","start":"side-panel__start_8yi8e","center":"side-panel__center_8yi8e","space-between":"side-panel__space-between_8yi8e"};
-require('./components/footer/layout.css')
-
-exports.layoutStyles = layoutStyles;

package/modern/layout.module-57032b3e.js

@@ -1,4 +0,0 @@
-const layoutStyles = {"column":"side-panel__column_8yi8e","gap-16":"side-panel__gap-16_8yi8e","gap-24":"side-panel__gap-24_8yi8e","gap-32":"side-panel__gap-32_8yi8e","start":"side-panel__start_8yi8e","center":"side-panel__center_8yi8e","space-between":"side-panel__space-between_8yi8e"};
-require('./components/footer/layout.css')
-
-export { layoutStyles as l };