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

package/modal/cssm/mobile/Component.mobile.d.ts

@@ -1,11 +1,16 @@
 /// <reference types="react" />
 import React from 'react';
+import { Content } from "../components/content/Component";
 import { ControlsProps } from "../components/controls/index";
+import { Footer } from "../components/footer/Component";
+import { Header } from "../components/header/Component";
 import { ModalMobileProps } from "../typings";
+declare const ModalMobileComponent: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>>;
+declare const ControlsMobile: React.FC<Omit<ControlsProps, "mobileLayout">>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("../typings").ContentProps>;
     Header: React.FC<import("../components/header/Component").HeaderProps>;
     Footer: React.FC<import("../components/footer/Component").FooterProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { ModalMobile };
+export { ModalMobile, ModalMobileComponent as ModalComponentMobile, Content as ContentMobile, Header as HeaderMobile, Footer as FooterMobile, ControlsMobile };

package/modal/cssm/mobile/Component.mobile.js

@@ -13,11 +13,17 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ModalMobileComponent = React.forwardRef(function (props, ref) { return (React__default.default.createElement(Component.Modal, tslib.__assign({}, props, { ref: ref, view: 'mobile' }))); });
+var ControlsMobile = components_controls_Component.Controls;
 var ModalMobile = Object.assign(ModalMobileComponent, {
     Content: components_content_Component.Content,
     Header: components_header_Component.Header,
     Footer: components_footer_Component.Footer,
-    Controls: components_controls_Component.Controls,
+    Controls: ControlsMobile,
 });
 
+exports.ContentMobile = components_content_Component.Content;
+exports.FooterMobile = components_footer_Component.Footer;
+exports.HeaderMobile = components_header_Component.Header;
+exports.ControlsMobile = ControlsMobile;
+exports.ModalComponentMobile = ModalMobileComponent;
 exports.ModalMobile = ModalMobile;

package/modal/cssm/mobile/index.js

@@ -1,7 +1,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var mobile_Component_mobile = require('./Component.mobile.js');
+var components_content_Component = require('../components/content/Component.js');
+var components_header_Component = require('../components/header/Component.js');
+var components_footer_Component = require('../components/footer/Component.js');
 
 
 
+exports.ControlsMobile = mobile_Component_mobile.ControlsMobile;
+exports.ModalComponentMobile = mobile_Component_mobile.ModalComponentMobile;
 exports.ModalMobile = mobile_Component_mobile.ModalMobile;
+exports.ContentMobile = components_content_Component.Content;
+exports.HeaderMobile = components_header_Component.Header;
+exports.FooterMobile = components_footer_Component.Footer;

package/modal/desktop/Component.desktop.d.ts

@@ -1,7 +1,18 @@
 /// <reference types="react" />
 import React from 'react';
+import { Content } from "../components/content/Component";
 import { ControlsProps } from "../components/controls/index";
+import { Footer } from "../components/footer/Component";
 import { HeaderProps } from "../components/header/Component";
+declare const ModalDesktopComponent: React.ForwardRefExoticComponent<import("../../base-modal").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const HeaderDesktop: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;
+declare const ControlsDesktop: React.FC<Omit<ControlsProps, "mobileLayout">>;
 declare const ModalDesktop: React.ForwardRefExoticComponent<import("../../base-modal").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
@@ -14,4 +25,4 @@ declare const ModalDesktop: React.ForwardRefExoticComponent<import("../../base-m
     Footer: React.FC<import("../components/footer/Component").FooterProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { ModalDesktop };
+export { ModalDesktop, ModalDesktopComponent as ModalComponentDesktop, Content as ContentDesktop, HeaderDesktop, Footer as FooterDesktop, ControlsDesktop };

package/modal/desktop/Component.desktop.js

@@ -13,11 +13,18 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ModalDesktopComponent = React.forwardRef(function (props, ref) { return (React__default.default.createElement(Component.Modal, tslib.__assign({}, props, { ref: ref, view: 'desktop' }))); });
+var HeaderDesktop = components_header_Component.Header;
+var ControlsDesktop = components_controls_Component.Controls;
 var ModalDesktop = Object.assign(ModalDesktopComponent, {
     Content: components_content_Component.Content,
-    Header: components_header_Component.Header,
+    Header: HeaderDesktop,
     Footer: components_footer_Component.Footer,
-    Controls: components_controls_Component.Controls,
+    Controls: ControlsDesktop,
 });
 
+exports.ContentDesktop = components_content_Component.Content;
+exports.FooterDesktop = components_footer_Component.Footer;
+exports.ControlsDesktop = ControlsDesktop;
+exports.HeaderDesktop = HeaderDesktop;
+exports.ModalComponentDesktop = ModalDesktopComponent;
 exports.ModalDesktop = ModalDesktop;

package/modal/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 = require('../components/content/Component.js');
+var components_footer_Component = require('../components/footer/Component.js');
 
 
 
+exports.ControlsDesktop = desktop_Component_desktop.ControlsDesktop;
+exports.HeaderDesktop = desktop_Component_desktop.HeaderDesktop;
+exports.ModalComponentDesktop = desktop_Component_desktop.ModalComponentDesktop;
 exports.ModalDesktop = desktop_Component_desktop.ModalDesktop;
+exports.ContentDesktop = components_content_Component.Content;
+exports.FooterDesktop = components_footer_Component.Footer;

package/modal/esm/Component.responsive.d.ts

@@ -1,5 +1,20 @@
 /// <reference types="react" />
 import React from 'react';
+import { Content } from "./components/content/Component";
+import { Controls } from "./components/controls/index";
+import { Footer } from "./components/footer/Component";
+import { Header } from "./components/header/Component";
+declare const ModalResponsiveComponent: React.ForwardRefExoticComponent<import("../../base-modal").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
+} & {
+    breakpoint?: number | undefined;
+    client?: "desktop" | "mobile" | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const ModalResponsive: React.ForwardRefExoticComponent<import("../../base-modal").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
@@ -16,4 +31,4 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("../../bas
     Footer: React.FC<import("./components/footer/Component").FooterProps>;
     Controls: React.FC<import("./components/controls/index").ControlsProps>;
 };
-export { ModalResponsive };
+export { ModalResponsive, ModalResponsiveComponent as ModalComponentResponsive, Header as HeaderResponsive, Content as ContentResponsive, Footer as FooterResponsive, Controls as ControlsResponsive };

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-9299f71b.js';
+import './layout.module-4dab57e4.js';
 import '../../navigation-bar-private/esm';
 import 'react-merge-refs';
 
@@ -29,4 +29,4 @@ var ModalResponsive = Object.assign(ModalResponsiveComponent, {
 });
 ModalResponsiveComponent.displayName = 'ModalResponsiveComponent';
 
-export { ModalResponsive };
+export { Content as ContentResponsive, Controls as ControlsResponsive, Footer as FooterResponsive, Header as HeaderResponsive, ModalResponsiveComponent as ModalComponentResponsive, ModalResponsive };

package/modal/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-9299f71b.js';
+import { l as layoutStyles } from '../../layout.module-4dab57e4.js';
 
 var styles = {"component":"modal__component_1gcqn"};
 require('./index.css');

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-9299f71b.js';
+import '../../layout.module-4dab57e4.js';

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-9299f71b.js';
+import { l as layoutStyles } from '../../layout.module-4dab57e4.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_2gamk","sticky":"modal__sticky_2gamk","fullscreen":"modal__fullscreen_2gamk","size-500":"modal__size-500_2gamk","size-600":"modal__size-600_2gamk","size-800":"modal__size-800_2gamk","size-1140":"modal__size-1140_2gamk"};

package/modal/esm/desktop/Component.desktop.d.ts

@@ -1,7 +1,18 @@
 /// <reference types="react" />
 import React from 'react';
+import { Content } from "../components/content/Component";
 import { ControlsProps } from "../components/controls/index";
+import { Footer } from "../components/footer/Component";
 import { HeaderProps } from "../components/header/Component";
+declare const ModalDesktopComponent: React.ForwardRefExoticComponent<import("../../../base-modal").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const HeaderDesktop: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;
+declare const ControlsDesktop: React.FC<Omit<ControlsProps, "mobileLayout">>;
 declare const ModalDesktop: React.ForwardRefExoticComponent<import("../../../base-modal").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
@@ -14,4 +25,4 @@ declare const ModalDesktop: React.ForwardRefExoticComponent<import("../../../bas
     Footer: React.FC<import("../components/footer/Component").FooterProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { ModalDesktop };
+export { ModalDesktop, ModalDesktopComponent as ModalComponentDesktop, Content as ContentDesktop, HeaderDesktop, Footer as FooterDesktop, ControlsDesktop };

package/modal/esm/desktop/Component.desktop.js

@@ -12,15 +12,17 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-9299f71b.js';
+import '../layout.module-4dab57e4.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });
+var HeaderDesktop = Header;
+var ControlsDesktop = Controls;
 var ModalDesktop = Object.assign(ModalDesktopComponent, {
     Content: Content,
-    Header: Header,
+    Header: HeaderDesktop,
     Footer: Footer,
-    Controls: Controls,
+    Controls: ControlsDesktop,
 });
 
-export { ModalDesktop };
+export { Content as ContentDesktop, ControlsDesktop, Footer as FooterDesktop, HeaderDesktop, ModalDesktopComponent as ModalComponentDesktop, ModalDesktop };

package/modal/esm/desktop/index.js

@@ -1,4 +1,6 @@
-export { ModalDesktop } from './Component.desktop.js';
+export { ControlsDesktop, HeaderDesktop, ModalComponentDesktop, ModalDesktop } from './Component.desktop.js';
+export { Content as ContentDesktop } from '../components/content/Component.js';
+export { Footer as FooterDesktop } from '../components/footer/Component.js';
 import 'tslib';
 import 'react';
 import '../Component.js';
@@ -7,11 +9,9 @@ import 'classnames';
 import '../../../base-modal/esm';
 import '../consts.js';
 import '../ResponsiveContext.js';
-import '../components/content/Component.js';
-import '../../../shared/esm';
-import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-9299f71b.js';
-import '../components/footer/Component.js';
+import '../../../shared/esm';
+import '../layout.module-4dab57e4.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';
+import '../Context.js';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-9299f71b.js';
+import './layout.module-4dab57e4.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';

package/modal/esm/mobile/Component.mobile.d.ts

@@ -1,11 +1,16 @@
 /// <reference types="react" />
 import React from 'react';
+import { Content } from "../components/content/Component";
 import { ControlsProps } from "../components/controls/index";
+import { Footer } from "../components/footer/Component";
+import { Header } from "../components/header/Component";
 import { ModalMobileProps } from "../typings";
+declare const ModalMobileComponent: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>>;
+declare const ControlsMobile: React.FC<Omit<ControlsProps, "mobileLayout">>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("../typings").ContentProps>;
     Header: React.FC<import("../components/header/Component").HeaderProps>;
     Footer: React.FC<import("../components/footer/Component").FooterProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { ModalMobile };
+export { ModalMobile, ModalMobileComponent as ModalComponentMobile, Content as ContentMobile, Header as HeaderMobile, Footer as FooterMobile, ControlsMobile };

package/modal/esm/mobile/Component.mobile.js

@@ -12,15 +12,16 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-9299f71b.js';
+import '../layout.module-4dab57e4.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });
+var ControlsMobile = Controls;
 var ModalMobile = Object.assign(ModalMobileComponent, {
     Content: Content,
     Header: Header,
     Footer: Footer,
-    Controls: Controls,
+    Controls: ControlsMobile,
 });
 
-export { ModalMobile };
+export { Content as ContentMobile, ControlsMobile, Footer as FooterMobile, Header as HeaderMobile, ModalMobileComponent as ModalComponentMobile, ModalMobile };

package/modal/esm/mobile/index.js

@@ -1,4 +1,7 @@
-export { ModalMobile } from './Component.mobile.js';
+export { ControlsMobile, ModalComponentMobile, ModalMobile } from './Component.mobile.js';
+export { Content as ContentMobile } from '../components/content/Component.js';
+export { Header as HeaderMobile } from '../components/header/Component.js';
+export { Footer as FooterMobile } from '../components/footer/Component.js';
 import 'tslib';
 import 'react';
 import '../Component.js';
@@ -7,11 +10,8 @@ import 'classnames';
 import '../../../base-modal/esm';
 import '../consts.js';
 import '../ResponsiveContext.js';
-import '../components/content/Component.js';
+import '../components/controls/Component.js';
 import '../../../shared/esm';
+import '../layout.module-4dab57e4.js';
 import '../Context.js';
-import '../components/controls/Component.js';
-import '../layout.module-9299f71b.js';
-import '../components/footer/Component.js';
-import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/mobile/Component.mobile.d.ts

@@ -1,11 +1,16 @@
 /// <reference types="react" />
 import React from 'react';
+import { Content } from "../components/content/Component";
 import { ControlsProps } from "../components/controls/index";
+import { Footer } from "../components/footer/Component";
+import { Header } from "../components/header/Component";
 import { ModalMobileProps } from "../typings";
+declare const ModalMobileComponent: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>>;
+declare const ControlsMobile: React.FC<Omit<ControlsProps, "mobileLayout">>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("../typings").ContentProps>;
     Header: React.FC<import("../components/header/Component").HeaderProps>;
     Footer: React.FC<import("../components/footer/Component").FooterProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { ModalMobile };
+export { ModalMobile, ModalMobileComponent as ModalComponentMobile, Content as ContentMobile, Header as HeaderMobile, Footer as FooterMobile, ControlsMobile };

package/modal/mobile/Component.mobile.js

@@ -13,11 +13,17 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ModalMobileComponent = React.forwardRef(function (props, ref) { return (React__default.default.createElement(Component.Modal, tslib.__assign({}, props, { ref: ref, view: 'mobile' }))); });
+var ControlsMobile = components_controls_Component.Controls;
 var ModalMobile = Object.assign(ModalMobileComponent, {
     Content: components_content_Component.Content,
     Header: components_header_Component.Header,
     Footer: components_footer_Component.Footer,
-    Controls: components_controls_Component.Controls,
+    Controls: ControlsMobile,
 });
 
+exports.ContentMobile = components_content_Component.Content;
+exports.FooterMobile = components_footer_Component.Footer;
+exports.HeaderMobile = components_header_Component.Header;
+exports.ControlsMobile = ControlsMobile;
+exports.ModalComponentMobile = ModalMobileComponent;
 exports.ModalMobile = ModalMobile;

package/modal/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 = require('../components/content/Component.js');
+var components_header_Component = require('../components/header/Component.js');
+var components_footer_Component = require('../components/footer/Component.js');
 
 
 
+exports.ControlsMobile = mobile_Component_mobile.ControlsMobile;
+exports.ModalComponentMobile = mobile_Component_mobile.ModalComponentMobile;
 exports.ModalMobile = mobile_Component_mobile.ModalMobile;
+exports.ContentMobile = components_content_Component.Content;
+exports.HeaderMobile = components_header_Component.Header;
+exports.FooterMobile = components_footer_Component.Footer;

package/modal/modern/Component.responsive.d.ts

@@ -1,5 +1,20 @@
 /// <reference types="react" />
 import React from 'react';
+import { Content } from "./components/content/Component";
+import { Controls } from "./components/controls/index";
+import { Footer } from "./components/footer/Component";
+import { Header } from "./components/header/Component";
+declare const ModalResponsiveComponent: React.ForwardRefExoticComponent<import("../../base-modal").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
+} & {
+    breakpoint?: number | undefined;
+    client?: "desktop" | "mobile" | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const ModalResponsive: React.ForwardRefExoticComponent<import("../../base-modal").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
@@ -16,4 +31,4 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("../../bas
     Footer: React.FC<import("./components/footer/Component").FooterProps>;
     Controls: React.FC<import("./components/controls/index").ControlsProps>;
 };
-export { ModalResponsive };
+export { ModalResponsive, ModalResponsiveComponent as ModalComponentResponsive, Header as HeaderResponsive, Content as ContentResponsive, Footer as FooterResponsive, Controls as ControlsResponsive };

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-1a314c78.js';
+import './layout.module-dc6efbf4.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 
@@ -27,4 +27,4 @@ const ModalResponsive = Object.assign(ModalResponsiveComponent, {
 });
 ModalResponsiveComponent.displayName = 'ModalResponsiveComponent';
 
-export { ModalResponsive };
+export { Content as ContentResponsive, Controls as ControlsResponsive, Footer as FooterResponsive, Header as HeaderResponsive, ModalResponsiveComponent as ModalComponentResponsive, ModalResponsive };

package/modal/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-1a314c78.js';
+import { l as layoutStyles } from '../../layout.module-dc6efbf4.js';
 
 const styles = {"component":"modal__component_1gcqn"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-1a314c78.js';
+import '../../layout.module-dc6efbf4.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-1a314c78.js';
+import { l as layoutStyles } from '../../layout.module-dc6efbf4.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_2gamk","sticky":"modal__sticky_2gamk","fullscreen":"modal__fullscreen_2gamk","size-500":"modal__size-500_2gamk","size-600":"modal__size-600_2gamk","size-800":"modal__size-800_2gamk","size-1140":"modal__size-1140_2gamk"};

package/modal/modern/desktop/Component.desktop.d.ts

@@ -1,7 +1,18 @@
 /// <reference types="react" />
 import React from 'react';
+import { Content } from "../components/content/Component";
 import { ControlsProps } from "../components/controls/index";
+import { Footer } from "../components/footer/Component";
 import { HeaderProps } from "../components/header/Component";
+declare const ModalDesktopComponent: React.ForwardRefExoticComponent<import("../../../base-modal").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const HeaderDesktop: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;
+declare const ControlsDesktop: React.FC<Omit<ControlsProps, "mobileLayout">>;
 declare const ModalDesktop: React.ForwardRefExoticComponent<import("../../../base-modal").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
@@ -14,4 +25,4 @@ declare const ModalDesktop: React.ForwardRefExoticComponent<import("../../../bas
     Footer: React.FC<import("../components/footer/Component").FooterProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { ModalDesktop };
+export { ModalDesktop, ModalDesktopComponent as ModalComponentDesktop, Content as ContentDesktop, HeaderDesktop, Footer as FooterDesktop, ControlsDesktop };

package/modal/modern/desktop/Component.desktop.js

@@ -11,15 +11,17 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-1a314c78.js';
+import '../layout.module-dc6efbf4.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));
+const HeaderDesktop = Header;
+const ControlsDesktop = Controls;
 const ModalDesktop = Object.assign(ModalDesktopComponent, {
     Content,
-    Header: Header,
+    Header: HeaderDesktop,
     Footer,
-    Controls: Controls,
+    Controls: ControlsDesktop,
 });
 
-export { ModalDesktop };
+export { Content as ContentDesktop, ControlsDesktop, Footer as FooterDesktop, HeaderDesktop, ModalDesktopComponent as ModalComponentDesktop, ModalDesktop };

package/modal/modern/desktop/index.js

@@ -1,4 +1,6 @@
-export { ModalDesktop } from './Component.desktop.js';
+export { ControlsDesktop, HeaderDesktop, ModalComponentDesktop, ModalDesktop } from './Component.desktop.js';
+export { Content as ContentDesktop } from '../components/content/Component.js';
+export { Footer as FooterDesktop } from '../components/footer/Component.js';
 import 'react';
 import '../Component.js';
 import 'react-merge-refs';
@@ -6,11 +8,9 @@ import 'classnames';
 import '../../../base-modal/modern';
 import '../consts.js';
 import '../ResponsiveContext.js';
-import '../components/content/Component.js';
-import '../../../shared/modern';
-import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-1a314c78.js';
-import '../components/footer/Component.js';
+import '../../../shared/modern';
+import '../layout.module-dc6efbf4.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';
+import '../Context.js';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-1a314c78.js';
+import './layout.module-dc6efbf4.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';

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

@@ -1,11 +1,16 @@
 /// <reference types="react" />
 import React from 'react';
+import { Content } from "../components/content/Component";
 import { ControlsProps } from "../components/controls/index";
+import { Footer } from "../components/footer/Component";
+import { Header } from "../components/header/Component";
 import { ModalMobileProps } from "../typings";
+declare const ModalMobileComponent: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>>;
+declare const ControlsMobile: React.FC<Omit<ControlsProps, "mobileLayout">>;
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("../typings").ContentProps>;
     Header: React.FC<import("../components/header/Component").HeaderProps>;
     Footer: React.FC<import("../components/footer/Component").FooterProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { ModalMobile };
+export { ModalMobile, ModalMobileComponent as ModalComponentMobile, Content as ContentMobile, Header as HeaderMobile, Footer as FooterMobile, ControlsMobile };

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

@@ -11,15 +11,16 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-1a314c78.js';
+import '../layout.module-dc6efbf4.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));
+const ControlsMobile = Controls;
 const ModalMobile = Object.assign(ModalMobileComponent, {
     Content,
     Header,
     Footer,
-    Controls: Controls,
+    Controls: ControlsMobile,
 });
 
-export { ModalMobile };
+export { Content as ContentMobile, ControlsMobile, Footer as FooterMobile, Header as HeaderMobile, ModalMobileComponent as ModalComponentMobile, ModalMobile };

package/modal/modern/mobile/index.js

@@ -1,4 +1,7 @@
-export { ModalMobile } from './Component.mobile.js';
+export { ControlsMobile, ModalComponentMobile, ModalMobile } from './Component.mobile.js';
+export { Content as ContentMobile } from '../components/content/Component.js';
+export { Header as HeaderMobile } from '../components/header/Component.js';
+export { Footer as FooterMobile } from '../components/footer/Component.js';
 import 'react';
 import '../Component.js';
 import 'react-merge-refs';
@@ -6,11 +9,8 @@ import 'classnames';
 import '../../../base-modal/modern';
 import '../consts.js';
 import '../ResponsiveContext.js';
-import '../components/content/Component.js';
+import '../components/controls/Component.js';
 import '../../../shared/modern';
+import '../layout.module-dc6efbf4.js';
 import '../Context.js';
-import '../components/controls/Component.js';
-import '../layout.module-1a314c78.js';
-import '../components/footer/Component.js';
-import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';