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

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

@@ -12,7 +12,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../../../base-modal/modern';
-import '../layout.module-6a50f713.js';
+import '../layout.module-c6a07a4c.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 
@@ -49,11 +49,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/side-panel/modern/desktop/index.js

@@ -1,18 +1,18 @@
-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 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../drawer/modern';
-import '../components/content/Component.desktop.js';
-import '../consts.js';
-import '../components/content/Component.js';
+import '../components/controls/Component.js';
 import '../../../shared/modern';
-import '../Context.js';
-import '../../../base-modal/modern';
 import '../ResponsiveContext.js';
-import '../components/controls/Component.js';
-import '../layout.module-6a50f713.js';
-import '../components/footer/Component.desktop.js';
-import '../components/footer/Component.js';
+import '../layout.module-c6a07a4c.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';
+import '../consts.js';
+import '../Context.js';
+import '../../../base-modal/modern';
+import '../components/content/Component.js';
+import '../components/footer/Component.js';

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

@@ -1,23 +1,23 @@
-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 'react';
-import '../../mq/modern';
-import './components/controls/Component.js';
+import 'react-merge-refs';
 import 'classnames';
-import '../../shared/modern';
+import '../../drawer/modern';
+import './consts.js';
 import './ResponsiveContext.js';
-import './layout.module-6a50f713.js';
-import './components/header/Component.js';
+import '../../base-modal/modern';
+import '../../mq/modern';
 import '../../navigation-bar-private/modern';
-import './consts.js';
+import '../../shared/modern';
 import './Context.js';
-import '../../base-modal/modern';
-import './desktop/Component.desktop.js';
-import 'react-merge-refs';
-import '../../drawer/modern';
-import './components/content/Component.desktop.js';
+import './layout.module-c6a07a4c.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/modern/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/modern/mobile/Component.mobile.js

@@ -9,7 +9,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-6a50f713.js';
+import '../layout.module-c6a07a4c.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';
@@ -31,11 +31,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/side-panel/modern/mobile/index.js

@@ -1,16 +1,16 @@
-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 'react';
 import 'classnames';
 import '../../../base-modal/modern';
-import '../components/content/Component.mobile.js';
-import '../components/content/Component.js';
+import '../components/controls/Component.js';
 import '../../../shared/modern';
-import '../Context.js';
 import '../ResponsiveContext.js';
-import '../components/controls/Component.js';
-import '../layout.module-6a50f713.js';
-import '../components/footer/Component.mobile.js';
+import '../layout.module-c6a07a4c.js';
+import '../components/content/Component.js';
+import '../Context.js';
 import '../components/footer/Component.js';
-import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';

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

@@ -52,12 +52,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/moderncssm/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/moderncssm/desktop/Component.desktop.js

@@ -53,11 +53,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/side-panel/moderncssm/desktop/index.js

@@ -1,28 +1,28 @@
-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 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../drawer/moderncssm';
-import '../components/content/Component.desktop.js';
-import '../consts.js';
-import '../components/content/Component.js';
+import '../components/controls/Component.js';
 import '../../../shared/moderncssm';
-import '../Context.js';
-import '../../../base-modal/moderncssm';
 import '../ResponsiveContext.js';
-import '../components/content/index.module.css';
-import '../components/content/desktop.module.css';
-import '../components/controls/Component.js';
 import '../components/footer/layout.module.css';
 import '../components/controls/index.module.css';
-import '../components/footer/Component.desktop.js';
-import '../components/footer/Component.js';
-import '../components/footer/index.module.css';
-import '../components/footer/desktop.module.css';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/moderncssm';
+import '../consts.js';
+import '../Context.js';
+import '../../../base-modal/moderncssm';
 import '../components/header/desktop.module.css';
 import '../components/header/index.module.css';
 import '../components/header/mobile.module.css';
 import './desktop.module.css';
 import './transitions.desktop.module.css';
+import '../components/content/Component.js';
+import '../components/content/index.module.css';
+import '../components/content/desktop.module.css';
+import '../components/footer/Component.js';
+import '../components/footer/index.module.css';
+import '../components/footer/desktop.module.css';

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

@@ -1,37 +1,37 @@
-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 'react';
-import '../../mq/moderncssm';
-import './components/controls/Component.js';
+import 'react-merge-refs';
 import 'classnames';
-import '../../shared/moderncssm';
-import './ResponsiveContext.js';
-import './components/footer/layout.module.css';
-import './components/controls/index.module.css';
-import './components/header/Component.js';
-import '../../navigation-bar-private/moderncssm';
+import '../../drawer/moderncssm';
 import './consts.js';
+import './ResponsiveContext.js';
+import './desktop/desktop.module.css';
+import './desktop/transitions.desktop.module.css';
+import './components/content/Component.js';
+import '../../shared/moderncssm';
 import './Context.js';
 import '../../base-modal/moderncssm';
-import './components/header/desktop.module.css';
-import './components/header/index.module.css';
-import './components/header/mobile.module.css';
-import './desktop/Component.desktop.js';
-import 'react-merge-refs';
-import '../../drawer/moderncssm';
-import './components/content/Component.desktop.js';
-import './components/content/Component.js';
 import './components/content/index.module.css';
 import './components/content/desktop.module.css';
-import './components/footer/Component.desktop.js';
+import './components/footer/layout.module.css';
+import './components/controls/index.module.css';
 import './components/footer/Component.js';
 import './components/footer/index.module.css';
 import './components/footer/desktop.module.css';
-import './desktop/desktop.module.css';
-import './desktop/transitions.desktop.module.css';
-import './mobile/Component.mobile.js';
-import './components/content/Component.mobile.js';
-import './components/content/mobile.module.css';
-import './components/footer/Component.mobile.js';
-import './components/footer/mobile.module.css';
+import '../../navigation-bar-private/moderncssm';
+import './components/header/desktop.module.css';
+import './components/header/index.module.css';
+import './components/header/mobile.module.css';
 import './mobile/mobile.module.css';
 import './mobile/transitions.mobile.module.css';
+import './components/content/mobile.module.css';
+import './components/footer/mobile.module.css';
+import '../../mq/moderncssm';

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

@@ -35,11 +35,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/side-panel/moderncssm/mobile/index.js

@@ -1,26 +1,26 @@
-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 'react';
 import 'classnames';
 import '../../../base-modal/moderncssm';
-import '../components/content/Component.mobile.js';
-import '../components/content/Component.js';
+import '../components/controls/Component.js';
 import '../../../shared/moderncssm';
-import '../Context.js';
 import '../ResponsiveContext.js';
-import '../components/content/index.module.css';
-import '../components/content/mobile.module.css';
-import '../components/controls/Component.js';
 import '../components/footer/layout.module.css';
 import '../components/controls/index.module.css';
-import '../components/footer/Component.mobile.js';
+import './mobile.module.css';
+import './transitions.mobile.module.css';
+import '../components/content/Component.js';
+import '../Context.js';
+import '../components/content/index.module.css';
+import '../components/content/mobile.module.css';
 import '../components/footer/Component.js';
 import '../components/footer/index.module.css';
 import '../components/footer/mobile.module.css';
-import '../components/header/Component.js';
 import '../../../navigation-bar-private/moderncssm';
 import '../consts.js';
 import '../components/header/desktop.module.css';
 import '../components/header/index.module.css';
 import '../components/header/mobile.module.css';
-import './mobile.module.css';
-import './transitions.mobile.module.css';

package/tabs/components/primary-tablist/Component.collapsible.js

@@ -9,7 +9,7 @@ var desktop = require('../../../picker-button/desktop');
 var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
 var syntheticEvents = require('../../synthetic-events.js');
 var components_title_Component = require('../title/Component.js');
-var index_module = require('../../index.module-439d7c2f.js');
+var index_module = require('../../index.module-e8478416.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/primary-tablist/Component.desktop.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-439d7c2f.js');
+var index_module = require('../../index.module-e8478416.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/primary-tablist/Component.js

@@ -38,6 +38,12 @@ var PrimaryTabList = function (_a) {
         }
         return coreComponentsShared.fnUtils.noop;
     }, [selectedTab]);
+    var handleTitleResize = React.useCallback(function () {
+        if (selectedTab && lineRef.current) {
+            lineRef.current.style.width = "".concat(selectedTab.offsetWidth, "px");
+            lineRef.current.style.transform = "translateX(".concat(selectedTab.offsetLeft, "px)");
+        }
+    }, [selectedTab]);
     var renderContent = function () {
         var _a;
         return (React__default.default.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn__default.default(styles.component, className, !textStyle && size && styles[size], (_a = {},
@@ -45,7 +51,7 @@ var PrimaryTabList = function (_a) {
                 _a)) },
             titles.map(function (_a, index) {
                 _a.dataTestId; _a.toggleRef; var restTitleProps = tslib.__rest(_a, ["dataTestId", "toggleRef"]);
-                return (React__default.default.createElement(coreComponentsKeyboardFocusable.KeyboardFocusable, { key: restTitleProps.id }, function (ref, focused) { return (React__default.default.createElement(components_title_Component.Title, tslib.__assign({}, getTabListItemProps(index, ref), restTitleProps, { focused: focused, styles: styles, showSkeleton: showSkeleton, skeletonProps: skeletonProps }))); }));
+                return (React__default.default.createElement(coreComponentsKeyboardFocusable.KeyboardFocusable, { key: restTitleProps.id }, function (ref, focused) { return (React__default.default.createElement(components_title_Component.Title, tslib.__assign({}, getTabListItemProps(index, ref), restTitleProps, { focused: focused, styles: styles, showSkeleton: showSkeleton, skeletonProps: skeletonProps, onResize: handleTitleResize }))); }));
             }),
             React__default.default.createElement("div", { className: styles.line, ref: lineRef })));
     };

package/tabs/components/primary-tablist/Component.mobile.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-439d7c2f.js');
+var index_module = require('../../index.module-e8478416.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/secondary-tablist/Component.desktop.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var desktop = require('../../../tag/desktop');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-b46623d0.js');
+var index_module = require('../../index.module-db8a0c46.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/secondary-tablist/Component.mobile.js

@@ -5,7 +5,7 @@ var React = require('react');
 var cn = require('classnames');
 var mobile = require('../../../tag/mobile');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-b46623d0.js');
+var index_module = require('../../index.module-db8a0c46.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }