@alfalab/core-components-universal-modal 3.1.1 → 3.1.2

package/esm/{Component.responsive.js → responsive/Component.responsive.js}

@@ -1,25 +1,24 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useIsDesktop } from '@alfalab/core-components-mq/esm';
-import { ContentResponsive } from './components/content/responsive/Component.responsive.js';
+import { UniversalModalDesktop } from '../desktop/Component.desktop.js';
+import '../desktop/components/header/index.js';
+import '../desktop/components/footer/index.js';
 import 'classnames';
-import '@alfalab/core-components-base-modal/esm';
 import '@alfalab/core-components-shared/esm';
-import './components/content/base-content/index.css';
-import './components/content/desktop/desktop.css';
-import './components/content/mobile/mobile.css';
-import { FooterResponsive } from './components/footer/responsive/Component.responsive.js';
-import './components/footer/desktop/Component.desktop.js';
-import './components/footer/base-footer/base-footer.js';
-import './components/footer/mobile/layout.mobile.css';
-import './components/footer/mobile/mobile.css';
-import { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
-import './components/header/desktop/Component.desktop.js';
+import '@alfalab/core-components-base-modal/esm';
+import '../components/base-content/index.css';
+import { UniversalModalMobile } from '../mobile/Component.mobile.js';
 import '@alfalab/core-components-navigation-bar-private/esm';
-import './components/header/base-header/index.css';
-import './components/header/mobile/mobile.css';
-import { UniversalModalDesktop } from './desktop/Component.desktop.js';
-import { UniversalModalMobile } from './mobile/Component.mobile.js';
+import '../components/base-header/index.css';
+import '../mobile/components/header/index.css';
+import '../components/base-footer/index.js';
+import '../mobile/components/footer/index.css';
+import '../mobile/components/footer/layout.mobile.css';
+import '../mobile/components/content/index.css';
+import { ContentResponsive } from './components/content/index.js';
+import { FooterResponsive } from './components/footer/index.js';
+import { HeaderResponsive } from './components/header/index.js';
 
 var UniversalModal = forwardRef(function (_a, ref) {
     var children = _a.children, breakpoint = _a.breakpoint, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "breakpoint", "defaultMatchMediaValue", "dataTestId"]);

package/esm/responsive/Component.responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.responsive.js","sources":["../../src/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { UniversalModalDesktop } from '../desktop';\nimport { UniversalModalMobile } from '../mobile';\nimport { type UniversalModalResponsiveProps } from '../typings';\n\nimport { ContentResponsive } from './components/content';\nimport { FooterResponsive } from './components/footer';\nimport { HeaderResponsive } from './components/header';\n\nexport const UniversalModal = forwardRef<HTMLDivElement, UniversalModalResponsiveProps>(\n    ({ children, breakpoint, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        const Component = isDesktop ? UniversalModalDesktop : UniversalModalMobile;\n\n        return (\n            <Component ref={ref} dataTestId={dataTestId} {...restProps}>\n                {children}\n            </Component>\n        );\n    },\n);\n\nexport const UniversalModalResponsive = Object.assign(UniversalModal, {\n    Header: HeaderResponsive,\n    Content: ContentResponsive,\n    Footer: FooterResponsive,\n});\n\nUniversalModalResponsive.displayName = 'UniversalModalResponsive';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAYa,cAAc,GAAG,UAAU,CACpC,UAAC,EAA0E,EAAE,GAAG,EAAA;AAA7E,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,gBAAA,EAAE,sBAAsB,GAAA,EAAA,CAAA,sBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAxE,kEAA0E,CAAF;IACrE,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,IAAM,SAAS,GAAG,SAAS,GAAG,qBAAqB,GAAG,oBAAoB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,EAAA,SAAS,GACrD,QAAQ,CACD;AAEpB,CAAC;IAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAE,gBAAgB;AACxB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,MAAM,EAAE,gBAAgB;AAC3B,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/{cssm/components/content/responsive/Component.responsive.d.ts → esm/responsive/components/content/index.d.ts}

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
-import { type ContentDesktopProps } from '../desktop/Component.desktop';
-import { type ContentMobileProps } from '../mobile/Component.mobile';
+import { type ContentDesktopProps } from '../../../desktop';
+import { type ContentMobileProps } from '../../../mobile';
 export interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {
 }
 export declare const ContentResponsive: FC<ContentResponsiveProps>;

package/esm/responsive/components/content/index.js

@@ -0,0 +1,30 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { useIsDesktop } from '@alfalab/core-components-mq/esm';
+import '../../../desktop/Component.desktop.js';
+import '../../../desktop/components/header/index.js';
+import '../../../desktop/components/footer/index.js';
+import { ContentDesktop } from '../../../desktop/components/content/index.js';
+import '../../../mobile/Component.mobile.js';
+import 'classnames';
+import '@alfalab/core-components-navigation-bar-private/esm';
+import '@alfalab/core-components-shared/esm';
+import '@alfalab/core-components-base-modal/esm';
+import '../../../components/base-header/index.css';
+import '../../../mobile/components/header/index.css';
+import '../../../components/base-footer/index.js';
+import '../../../mobile/components/footer/index.css';
+import '../../../mobile/components/footer/layout.mobile.css';
+import { ContentMobile } from '../../../mobile/components/content/index.js';
+
+var ContentResponsive = function (_a) {
+    var restProps = __rest(_a, []);
+    var isDesktop = useIsDesktop();
+    if (isDesktop) {
+        return React.createElement(ContentDesktop, __assign({}, restProps));
+    }
+    return React.createElement(ContentMobile, __assign({}, restProps));
+};
+
+export { ContentResponsive };
+//# sourceMappingURL=index.js.map

package/esm/responsive/components/content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/responsive/components/content/index.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentDesktop, type ContentDesktopProps } from '../../../desktop';\nimport { ContentMobile, type ContentMobileProps } from '../../../mobile';\n\nexport interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {}\n\nexport const ContentResponsive: FC<ContentResponsiveProps> = ({ ...restProps }) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <ContentDesktop {...restProps} />;\n    }\n\n    return <ContentMobile {...restProps} />;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AASO,IAAM,iBAAiB,GAA+B,UAAC,EAAgB,EAAA;QAAX,SAAS,GAAA,MAAA,CAAA,EAAA,EAAd,EAAgB,CAAF;AACxE,IAAA,IAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;AACX,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,cAAc,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,EAAI;;AAG5C,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,aAAa,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAC3C;;;;"}

package/{components/footer/responsive/Component.responsive.d.ts → esm/responsive/components/footer/index.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type FooterDesktopProps } from '../desktop/Component.desktop';
-import { type FooterMobileProps } from '../mobile/Component.mobile';
+import { type FooterDesktopProps } from '../../../desktop';
+import { type FooterMobileProps } from '../../../mobile';
 export interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {
 }
 export declare const FooterResponsive: React.ForwardRefExoticComponent<FooterResponsiveProps & React.RefAttributes<HTMLDivElement>>;

package/esm/responsive/components/footer/index.js

@@ -0,0 +1,28 @@
+import { __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { useIsDesktop } from '@alfalab/core-components-mq/esm';
+import '../../../desktop/Component.desktop.js';
+import '../../../desktop/components/header/index.js';
+import { FooterDesktop } from '../../../desktop/components/footer/index.js';
+import 'classnames';
+import '@alfalab/core-components-shared/esm';
+import '@alfalab/core-components-base-modal/esm';
+import '../../../components/base-content/index.css';
+import '../../../mobile/Component.mobile.js';
+import '@alfalab/core-components-navigation-bar-private/esm';
+import '../../../components/base-header/index.css';
+import '../../../mobile/components/header/index.css';
+import { FooterMobile } from '../../../mobile/components/footer/index.js';
+import '../../../mobile/components/content/index.css';
+
+var FooterResponsive = forwardRef(function (props, ref) {
+    var isDesktop = useIsDesktop();
+    if (isDesktop) {
+        return React.createElement(FooterDesktop, __assign({ ref: ref }, props));
+    }
+    return React.createElement(FooterMobile, __assign({}, props));
+});
+FooterResponsive.displayName = 'FooterResponsive';
+
+export { FooterResponsive };
+//# sourceMappingURL=index.js.map

package/esm/responsive/components/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/responsive/components/footer/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { FooterDesktop, type FooterDesktopProps } from '../../../desktop';\nimport { FooterMobile, type FooterMobileProps } from '../../../mobile';\n\nexport interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {}\n\nexport const FooterResponsive = forwardRef<HTMLDivElement, FooterResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <FooterDesktop ref={ref} {...props} />;\n    }\n\n    return <FooterMobile {...props} />;\n});\n\nFooterResponsive.displayName = 'FooterResponsive';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;IASa,gBAAgB,GAAG,UAAU,CAAwC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzF,IAAA,IAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;;AAGjD,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/{modern/components/header/responsive/Component.responsive.d.ts → esm/responsive/components/header/index.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type HeaderDesktopProps } from '../desktop/Component.desktop';
-import { type HeaderMobileProps } from '../mobile/Component.mobile';
+import { type HeaderDesktopProps } from '../../../desktop';
+import { type HeaderMobileProps } from '../../../mobile';
 export interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {
 }
 export declare const HeaderResponsive: React.ForwardRefExoticComponent<HeaderResponsiveProps & React.RefAttributes<HTMLDivElement>>;

package/esm/responsive/components/header/index.js

@@ -0,0 +1,28 @@
+import { __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { useIsDesktop } from '@alfalab/core-components-mq/esm';
+import '../../../desktop/Component.desktop.js';
+import { HeaderDesktop } from '../../../desktop/components/header/index.js';
+import '../../../desktop/components/footer/index.js';
+import 'classnames';
+import '@alfalab/core-components-shared/esm';
+import '@alfalab/core-components-base-modal/esm';
+import '../../../components/base-content/index.css';
+import '../../../mobile/Component.mobile.js';
+import { HeaderMobile } from '../../../mobile/components/header/index.js';
+import '../../../components/base-footer/index.js';
+import '../../../mobile/components/footer/index.css';
+import '../../../mobile/components/footer/layout.mobile.css';
+import '../../../mobile/components/content/index.css';
+
+var HeaderResponsive = forwardRef(function (props, ref) {
+    var isDesktop = useIsDesktop();
+    if (isDesktop) {
+        return React.createElement(HeaderDesktop, __assign({ ref: ref }, props));
+    }
+    return React.createElement(HeaderMobile, __assign({}, props));
+});
+HeaderResponsive.displayName = 'HeaderResponsive';
+
+export { HeaderResponsive };
+//# sourceMappingURL=index.js.map

package/esm/responsive/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/responsive/components/header/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { HeaderDesktop, type HeaderDesktopProps } from '../../../desktop';\nimport { HeaderMobile, type HeaderMobileProps } from '../../../mobile';\n\nexport interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {}\n\nexport const HeaderResponsive = forwardRef<HTMLDivElement, HeaderResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <HeaderDesktop ref={ref} {...props} />;\n    }\n\n    return <HeaderMobile {...props} />;\n});\n\nHeaderResponsive.displayName = 'HeaderResponsive';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;IASa,gBAAgB,GAAG,UAAU,CAAwC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzF,IAAA,IAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;;AAGjD,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/esm/responsive/index.d.ts

@@ -0,0 +1,4 @@
+export { HeaderResponsive, type HeaderResponsiveProps } from './components/header';
+export { ContentResponsive, type ContentResponsiveProps } from './components/content';
+export { FooterResponsive, type FooterResponsiveProps } from './components/footer';
+export { UniversalModalResponsive, UniversalModal } from './Component.responsive';

package/esm/responsive/index.js

@@ -0,0 +1,5 @@
+export { HeaderResponsive } from './components/header/index.js';
+export { ContentResponsive } from './components/content/index.js';
+export { FooterResponsive } from './components/footer/index.js';
+export { UniversalModal, UniversalModalResponsive } from './Component.responsive.js';
+//# sourceMappingURL=index.js.map

package/esm/{components/content → responsive}/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/index.d.ts

@@ -1,8 +1,5 @@
-export { UniversalModalResponsive, UniversalModal } from './Component.responsive';
+export { UniversalModalResponsive, UniversalModal } from './responsive';
 export type { UniversalModalResponsiveProps } from './typings';
-export { ContentResponsive } from './components/content';
-export type { ContentResponsiveProps } from './components/content';
-export { HeaderResponsive } from './components/header';
-export type { HeaderResponsiveProps } from './components/header';
-export { FooterResponsive } from './components/footer';
-export type { FooterResponsiveProps } from './components/footer';
+export { ContentResponsive, type ContentResponsiveProps } from './responsive';
+export { HeaderResponsive, type HeaderResponsiveProps } from './responsive';
+export { FooterResponsive, type FooterResponsiveProps } from './responsive';

package/index.js

@@ -2,32 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_responsive = require('./Component.responsive.js');
-var Component_responsive$1 = require('./components/content/responsive/Component.responsive.js');
-require('tslib');
-require('react');
-require('classnames');
-require('@alfalab/core-components-base-modal');
-require('@alfalab/core-components-shared');
-require('./components/content/base-content/index.css');
-require('./components/content/desktop/desktop.css');
-require('./components/content/mobile/mobile.css');
-var Component_responsive$2 = require('./components/header/responsive/Component.responsive.js');
-require('./components/header/desktop/Component.desktop.js');
-require('@alfalab/core-components-navigation-bar-private');
-require('./components/header/base-header/index.css');
-require('./components/header/mobile/mobile.css');
-var Component_responsive$3 = require('./components/footer/responsive/Component.responsive.js');
-require('./components/footer/desktop/Component.desktop.js');
-require('./components/footer/base-footer/base-footer.js');
-require('./components/footer/mobile/layout.mobile.css');
-require('./components/footer/mobile/mobile.css');
+var index$1 = require('./responsive/components/header/index.js');
+var index = require('./responsive/components/content/index.js');
+var index$2 = require('./responsive/components/footer/index.js');
+var Component_responsive = require('./responsive/Component.responsive.js');
 
 
 
+exports.HeaderResponsive = index$1.HeaderResponsive;
+exports.ContentResponsive = index.ContentResponsive;
+exports.FooterResponsive = index$2.FooterResponsive;
 exports.UniversalModal = Component_responsive.UniversalModal;
 exports.UniversalModalResponsive = Component_responsive.UniversalModalResponsive;
-exports.ContentResponsive = Component_responsive$1.ContentResponsive;
-exports.HeaderResponsive = Component_responsive$2.HeaderResponsive;
-exports.FooterResponsive = Component_responsive$3.FooterResponsive;
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/mobile/Component.mobile.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type UniversalModalMobileProps } from './types/props';
 export declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<UniversalModalMobileProps & React.RefAttributes<HTMLDivElement>>;
 export declare const UniversalModalMobile: React.ForwardRefExoticComponent<UniversalModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("../components/header").HeaderMobileProps>;
-    Content: React.FC<import("../components/content/base-content/base-content").ContentProps>;
-    Footer: React.FC<import("../components/footer/base-footer/base-footer").FooterProps>;
+    Header: React.FC<import("./components/header").HeaderMobileProps>;
+    Content: React.FC<import("../components/base-content").ContentProps>;
+    Footer: React.FC<import("../components/base-footer").FooterProps>;
 };

package/mobile/Component.mobile.js

@@ -6,17 +6,9 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
-require('@alfalab/core-components-mq');
-require('@alfalab/core-components-shared');
-require('../components/content/base-content/index.css');
-require('../components/content/desktop/desktop.css');
-var Component_mobile$1 = require('../components/content/mobile/Component.mobile.js');
-require('../components/footer/responsive/Component.responsive.js');
-require('../components/footer/desktop/Component.desktop.js');
-var Component_mobile = require('../components/footer/mobile/Component.mobile.js');
-require('../components/header/responsive/Component.responsive.js');
-require('../components/header/desktop/Component.desktop.js');
-var Component_mobile$2 = require('../components/header/mobile/Component.mobile.js');
+var index$1 = require('./components/content/index.js');
+var index = require('./components/footer/index.js');
+var index$2 = require('./components/header/index.js');
 var mobile_module = require('./mobile.module.css.js');
 var rightSideTransitions_mobile_module = require('./transitions/right-side-transitions.mobile.module.css.js');
 var transitions_mobile_module = require('./transitions/transitions.mobile.module.css.js');
@@ -31,9 +23,9 @@ var UniversalModalMobileComponent = React.forwardRef(function (props, ref) {
     return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: ref, transitionProps: tslib.__assign({ timeout: appearance === 'right' ? 360 : 200, classNames: appearance === 'right' ? rightSideTransitions_mobile_module : transitions_mobile_module }, restProps.transitionProps), className: cn__default.default(className, mobile_module.component), scrollHandler: 'content', contentClassName: mobile_module.content }), children));
 });
 var UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {
-    Header: Component_mobile$2.HeaderMobile,
-    Content: Component_mobile$1.ContentMobile,
-    Footer: Component_mobile.FooterMobile,
+    Header: index$2.HeaderMobile,
+    Content: index$1.ContentMobile,
+    Footer: index.FooterMobile,
 });
 
 exports.UniversalModalMobile = UniversalModalMobile;

package/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content';\nimport { FooterMobile } from '../components/footer';\nimport { HeaderMobile } from '../components/header';\n\nimport { type UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":["forwardRef","__rest","React","BaseModal","__assign","rightSideTransitions","transitions","cn","styles","HeaderMobile","ContentMobile","FooterMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAea,6BAA6B,GAAGA,gBAAU,CACnD,UAAC,KAAK,EAAE,GAAG,EAAA;AACC,IAAA,IAAA,QAAQ,GAAiE,KAAK,CAAA,QAAtE,EAAE,SAAS,GAAsD,KAAK,CAA3D,SAAA,EAAE,UAAU,GAA0C,KAAK,CAA/C,UAAA,EAAE,EAAwC,GAAA,KAAK,CAAxB,UAAA,EAArB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAKC,YAAA,CAAA,KAAK,EAAhF,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAwE,CAAF;AAE5E,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,iCAAS,EAAAC,cAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EACXA,cAAA,CAAA,EAAA,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,EAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAGC,kCAAoB,GAAGC,yBAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,aAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAEA,aAAM,CAAC,OAAO,EAAA,CAAA,EAE/B,QAAQ,CACD;AAEpB,CAAC;IAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAEC,+BAAY;AACpB,IAAA,OAAO,EAAEC,gCAAa;AACtB,IAAA,MAAM,EAAEC,6BAAY;AACvB,CAAA;;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from './components/content';\nimport { FooterMobile } from './components/footer';\nimport { HeaderMobile } from './components/header';\nimport { type UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":["forwardRef","__rest","React","BaseModal","__assign","rightSideTransitions","transitions","cn","styles","HeaderMobile","ContentMobile","FooterMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;IAca,6BAA6B,GAAGA,gBAAU,CACnD,UAAC,KAAK,EAAE,GAAG,EAAA;AACC,IAAA,IAAA,QAAQ,GAAiE,KAAK,CAAA,QAAtE,EAAE,SAAS,GAAsD,KAAK,CAA3D,SAAA,EAAE,UAAU,GAA0C,KAAK,CAA/C,UAAA,EAAE,EAAwC,GAAA,KAAK,CAAxB,UAAA,EAArB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAKC,YAAA,CAAA,KAAK,EAAhF,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAwE,CAAF;AAE5E,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,iCAAS,EAAAC,cAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EACXA,cAAA,CAAA,EAAA,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,EAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAGC,kCAAoB,GAAGC,yBAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,aAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAEA,aAAM,CAAC,OAAO,EAAA,CAAA,EAE/B,QAAQ,CACD;AAEpB,CAAC;IAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAEC,oBAAY;AACpB,IAAA,OAAO,EAAEC,qBAAa;AACtB,IAAA,MAAM,EAAEC,kBAAY;AACvB,CAAA;;;;;"}

package/mobile/components/content/index.css

@@ -0,0 +1,14 @@
+:root {
+    --gap-l: 20px;
+    --gap-0: 0px;
+    --gap-20: var(--gap-l);
+}
+.universal-modal__content_1nb5a {
+    padding: var(--gap-20);
+}
+.universal-modal__content_1nb5a.universal-modal__withHeader_1nb5a {
+        padding-top: var(--gap-0);
+    }
+.universal-modal__content_1nb5a.universal-modal__withFooter_1nb5a {
+        padding-bottom: var(--gap-0);
+    }

package/{components/content/mobile/Component.mobile.d.ts → mobile/components/content/index.d.ts}

@@ -1,4 +1,4 @@
 import { type FC } from 'react';
-import { type ContentProps } from '../base-content/base-content';
+import { type ContentProps } from '../../../components/base-content';
 export type ContentMobileProps = ContentProps;
 export declare const ContentMobile: FC<ContentMobileProps>;

package/{components/content/mobile/Component.mobile.js → mobile/components/content/index.js}

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
+var index = require('../../../components/base-content/index.js');
 var Context = require('../../../Context.js');
-var baseContent = require('../base-content/base-content.js');
-var mobile_module = require('./mobile.module.css.js');
+var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -18,11 +18,11 @@ var ContentMobile = function (_a) {
     var _b;
     var className = _a.className, restProps = tslib.__rest(_a, ["className"]);
     var _c = React.useContext(Context.ModalContext), hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
-    return (React__default.default.createElement(baseContent.BaseContent, tslib.__assign({ className: cn__default.default(mobile_module.content, className, (_b = {},
-            _b[mobile_module.withHeader] = hasHeader,
-            _b[mobile_module.withFooter] = hasFooter,
+    return (React__default.default.createElement(index.BaseContent, tslib.__assign({ className: cn__default.default(index_module.content, className, (_b = {},
+            _b[index_module.withHeader] = hasHeader,
+            _b[index_module.withFooter] = hasFooter,
             _b)) }, restProps)));
 };
 
 exports.ContentMobile = ContentMobile;
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/mobile/components/content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/mobile/components/content/index.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { BaseContent, type ContentProps } from '../../../components/base-content';\nimport { ModalContext } from '../../../Context';\n\nimport styles from './index.module.css';\n\nexport type ContentMobileProps = ContentProps;\n\nexport const ContentMobile: FC<ContentMobileProps> = ({ className, ...restProps }) => {\n    const { hasHeader, hasFooter } = useContext(ModalContext);\n\n    return (\n        <BaseContent\n            className={cn(styles.content, className, {\n                [styles.withHeader]: hasHeader,\n                [styles.withFooter]: hasFooter,\n            })}\n            {...restProps}\n        />\n    );\n};\n"],"names":["__rest","useContext","ModalContext","React","BaseContent","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AAUO,IAAM,aAAa,GAA2B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACrE,IAAA,EAAA,GAA2BC,gBAAU,CAACC,oBAAY,CAAC,EAAjD,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAA6B;AAEzD,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,iBAAW,EAAAC,cAAA,CAAA,EACR,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAACA,YAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAACA,YAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}

package/mobile/components/content/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"content":"universal-modal__content_1nb5a","withHeader":"universal-modal__withHeader_1nb5a","withFooter":"universal-modal__withFooter_1nb5a"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/mobile/components/content/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../../src/mobile/components/content/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.content {\n    padding: var(--gap-20);\n\n    &.withHeader {\n        padding-top: var(--gap-0);\n    }\n\n    &.withFooter {\n        padding-bottom: var(--gap-0);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,SAAS,CAAC,gCAAgC,CAAC,YAAY,CAAC,mCAAmC,CAAC,YAAY,CAAC,mCAAmC,CAAC;;;;"}

package/mobile/components/footer/index.css

@@ -0,0 +1,11 @@
+:root {
+    --gap-l: 20px;
+    --gap-0: 0px;
+    --gap-20: var(--gap-l);
+}
+.universal-modal__footer_1ik6k {
+    padding: var(--gap-20);
+}
+.universal-modal__sticky_1ik6k {
+    bottom: var(--gap-0);
+}

package/{esm/components/footer/mobile/Component.mobile.d.ts → mobile/components/footer/index.d.ts}

@@ -1,4 +1,4 @@
 import { type FC } from 'react';
-import { type FooterProps } from '../base-footer/base-footer';
+import { type FooterProps } from '../../../components/base-footer';
 export type FooterMobileProps = FooterProps;
 export declare const FooterMobile: FC<FooterMobileProps>;

package/{components/footer/mobile/Component.mobile.js → mobile/components/footer/index.js}

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
+var index = require('../../../components/base-footer/index.js');
 var Context = require('../../../Context.js');
-var baseFooter = require('../base-footer/base-footer.js');
+var index_module = require('./index.module.css.js');
 var layout_mobile_module = require('./layout.mobile.module.css.js');
-var mobile_module = require('./mobile.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -19,10 +19,10 @@ var FooterMobile = function (_a) {
     var _b;
     var className = _a.className, sticky = _a.sticky, _c = _a.layout, layout = _c === void 0 ? 'start' : _c, restProps = tslib.__rest(_a, ["className", "sticky", "layout"]);
     var footerHighlighted = React.useContext(Context.ModalContext).footerHighlighted;
-    return (React__default.default.createElement(baseFooter.BaseFooter, tslib.__assign({ className: cn__default.default(mobile_module.footer, layout_mobile_module[layout], className, (_b = {},
-            _b[mobile_module.sticky] = sticky,
+    return (React__default.default.createElement(index.BaseFooter, tslib.__assign({ className: cn__default.default(index_module.footer, layout_mobile_module[layout], className, (_b = {},
+            _b[index_module.sticky] = sticky,
             _b)), sticky: sticky, layout: layout, isHighlighted: footerHighlighted }, restProps)));
 };
 
 exports.FooterMobile = FooterMobile;
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/mobile/components/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/mobile/components/footer/index.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { BaseFooter, type FooterProps } from '../../../components/base-footer';\nimport { ModalContext } from '../../../Context';\n\nimport styles from './index.module.css';\nimport layoutStylesMobile from './layout.mobile.module.css';\n\nexport type FooterMobileProps = FooterProps;\n\nexport const FooterMobile: FC<FooterMobileProps> = ({\n    className,\n    sticky,\n    layout = 'start',\n    ...restProps\n}) => {\n    const { footerHighlighted } = useContext(ModalContext);\n\n    return (\n        <BaseFooter\n            className={cn(styles.footer, layoutStylesMobile[layout], className, {\n                [styles.sticky]: sticky,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={footerHighlighted}\n            {...restProps}\n        />\n    );\n};\n"],"names":["__rest","useContext","ModalContext","React","BaseFooter","__assign","cn","styles","layoutStylesMobile"],"mappings":";;;;;;;;;;;;;;;;;AAWO,IAAM,YAAY,GAA0B,UAAC,EAKnD,EAAA;;AAJG,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgB,GAAA,EAAA,CAAA,MAAA,EAAhB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACb,SAAS,GAAAA,YAAA,CAAA,EAAA,EAJoC,iCAKnD,CADe;AAEJ,IAAA,IAAA,iBAAiB,GAAKC,gBAAU,CAACC,oBAAY,CAAC,kBAA7B;AAEzB,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,gBAAU,EACPC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAEC,oBAAkB,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC9D,YAAA,EAAA,CAACD,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,iBAAiB,EAAA,EAC5B,SAAS,CAAA,CACf;AAEV;;;;"}

package/mobile/components/footer/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"footer":"universal-modal__footer_1ik6k","sticky":"universal-modal__sticky_1ik6k"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/mobile/components/footer/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../../src/mobile/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.footer {\n    padding: var(--gap-20);\n}\n\n.sticky {\n    bottom: var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC;;;;"}

package/mobile/components/footer/layout.mobile.css

@@ -0,0 +1,26 @@
+:root {
+    --gap-xs: 8px;
+    --gap-8: var(--gap-xs);
+}
+.universal-modal__column_1kg5a {
+    flex-direction: column;
+}
+.universal-modal__start_1kg5a {
+    justify-content: flex-start;
+}
+.universal-modal__center_1kg5a {
+    justify-content: center;
+}
+.universal-modal__space-between_1kg5a {
+    justify-content: space-between;
+}
+.universal-modal__space-between_1kg5a > * {
+        flex: 1;
+    }
+.universal-modal__start_1kg5a,
+.universal-modal__center_1kg5a,
+.universal-modal__space-between_1kg5a,
+.universal-modal__column_1kg5a {
+    display: flex;
+    gap: var(--gap-8);
+}

package/mobile/components/footer/layout.mobile.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./layout.mobile.css');
+
+var layoutStylesMobile = {"column":"universal-modal__column_1kg5a","start":"universal-modal__start_1kg5a","center":"universal-modal__center_1kg5a","space-between":"universal-modal__space-between_1kg5a"};
+
+module.exports = layoutStylesMobile;
+//# sourceMappingURL=layout.mobile.module.css.js.map

package/mobile/components/footer/layout.mobile.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.mobile.module.css.js","sources":["../../../src/mobile/components/footer/layout.mobile.module.css"],"sourcesContent":["@import '../../../vars.css';\n\n.column {\n    flex-direction: column;\n}\n\n.start {\n    justify-content: flex-start;\n}\n\n.center {\n    justify-content: center;\n}\n\n.space-between {\n    justify-content: space-between;\n\n    & > * {\n        flex: 1;\n    }\n}\n\n.start,\n.center,\n.space-between,\n.column {\n    display: flex;\n    gap: var(--gap-8);\n}\n"],"names":[],"mappings":";;;;AAEgB,yBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,eAAe,CAAC,sCAAsC,CAAC;;;;"}

package/{modern/components/header/mobile/mobile.css → mobile/components/header/index.css}

@@ -13,10 +13,10 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.universal-modal__header_17k3f {
+.universal-modal__header_13pf0 {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_17k3f {
+.universal-modal__content_13pf0 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
@@ -25,7 +25,7 @@
     min-height: 40px;
     justify-content: center;
 }
-.universal-modal__bottomAddons_17k3f {
+.universal-modal__bottomAddons_13pf0 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;

package/{components/header/mobile/Component.mobile.js → mobile/components/header/index.js}

@@ -7,9 +7,9 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsNavigationBarPrivate = require('@alfalab/core-components-navigation-bar-private');
 var coreComponentsShared = require('@alfalab/core-components-shared');
-var useBaseHeader = require('../base-header/useBaseHeader.js');
-var index_module = require('../base-header/index.module.css.js');
-var mobile_module = require('./mobile.module.css.js');
+var useBaseHeader = require('../../../components/base-header/useBaseHeader.js');
+var index_module$1 = require('../../../components/base-header/index.module.css.js');
+var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -26,12 +26,12 @@ var HeaderMobile = function (props) {
         bottomAddons: bottomAddons,
         onClose: onClose,
     }), headerHighlighted = _b.headerHighlighted, hasContent = _b.hasContent, componentRef = _b.componentRef, titleRef = _b.titleRef, handleClose = _b.handleClose;
-    return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { view: 'mobile', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), sticky: sticky, title: title, className: cn__default.default(index_module.header, mobile_module.header, className, (_a = {},
-            _a[index_module.highlighted] = sticky && headerHighlighted && hasContent,
-            _a[index_module.sticky] = sticky,
-            _a[index_module.hasContent] = hasContent,
-            _a)), contentClassName: cn__default.default(mobile_module.content, contentClassName), bottomAddonsClassName: cn__default.default(mobile_module.bottomAddons, bottomAddonsClassName), scrollableParentRef: componentRef, titleRef: titleRef, onClose: handleClose }), children));
+    return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { view: 'mobile', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), sticky: sticky, title: title, className: cn__default.default(index_module$1.header, index_module.header, className, (_a = {},
+            _a[index_module$1.highlighted] = sticky && headerHighlighted && hasContent,
+            _a[index_module$1.sticky] = sticky,
+            _a[index_module$1.hasContent] = hasContent,
+            _a)), contentClassName: cn__default.default(index_module.content, contentClassName), bottomAddonsClassName: cn__default.default(index_module.bottomAddons, bottomAddonsClassName), scrollableParentRef: componentRef, titleRef: titleRef, onClose: handleClose }), children));
 };
 
 exports.HeaderMobile = HeaderMobile;
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/mobile/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/mobile/components/header/index.tsx"],"sourcesContent":["import React, { type FC } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { useBaseHeader } from '../../../components/base-header/useBaseHeader';\n\nimport styles from '../../../components/base-header/index.module.css';\nimport mobileStyles from './index.module.css';\n\nexport type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const HeaderMobile: FC<HeaderMobileProps> = (props) => {\n    const {\n        className,\n        children,\n        contentClassName,\n        title,\n        sticky,\n        dataTestId,\n        bottomAddonsClassName,\n        onClose,\n        ...restProps\n    } = props;\n\n    const { bottomAddons } = restProps;\n\n    const { headerHighlighted, hasContent, componentRef, titleRef, handleClose } = useBaseHeader({\n        title,\n        children,\n        bottomAddons,\n        onClose,\n    });\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            view='mobile'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, mobileStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n            })}\n            contentClassName={cn(mobileStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(mobileStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":["useBaseHeader","React","NavigationBarPrivate","__assign","getDataTestId","cn","styles","mobileStyles"],"mappings":";;;;;;;;;;;;;;;;;;AAgBO,IAAM,YAAY,GAA0B,UAAC,KAAK,EAAA;;IAEjD,IAAA,SAAS,GAST,KAAK,CAAA,SATI,EACT,QAAQ,GAQR,KAAK,CARG,QAAA,EACR,gBAAgB,GAOhB,KAAK,iBAPW,EAChB,KAAK,GAML,KAAK,CAAA,KANA,EACL,MAAM,GAKN,KAAK,OALC,EACN,UAAU,GAIV,KAAK,CAAA,UAJK,EACV,qBAAqB,GAGrB,KAAK,CAHgB,qBAAA,EACrB,OAAO,GAEP,KAAK,QAFE,EACJ,SAAS,gBACZ,KAAK,EAVH,CAUL,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAAA,CADe;AAGR,IAAA,IAAA,YAAY,GAAK,SAAS,CAAA,YAAd;IAEd,IAAA,EAAA,GAAyEA,2BAAa,CAAC;AACzF,QAAA,KAAK,EAAA,KAAA;AACL,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,OAAO,EAAA,OAAA;AACV,KAAA,CAAC,EALM,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,WAAW,iBAKxE;AAEF,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,uDAAoB,EACbC,cAAA,CAAA,EAAA,EAAA,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAEC,kCAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,mBAAE,CAACC,cAAM,CAAC,MAAM,EAAEC,YAAY,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACvD,EAAC,CAAAD,cAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAACA,cAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AACjC,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAED,mBAAE,CAACE,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAEF,mBAAE,CAACE,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B;;;;"}

package/mobile/components/header/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var mobileStyles = {"header":"universal-modal__header_13pf0","content":"universal-modal__content_13pf0","bottomAddons":"universal-modal__bottomAddons_13pf0"};
+
+module.exports = mobileStyles;
+//# sourceMappingURL=index.module.css.js.map

package/mobile/components/header/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../../src/mobile/components/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.header {\n    padding: var(--gap-8) var(--gap-4);\n}\n\n.content {\n    @mixin headline-system-mobile_small;\n    padding: 0 var(--gap-12);\n    min-height: 40px;\n    justify-content: center;\n}\n\n.bottomAddons {\n    @mixin headline-system-mobile_small;\n    padding: var(--gap-6) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,cAAc,CAAC,qCAAqC,CAAC;;;;"}