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

package/cssm/desktop/components/side-modal/side-modal.js

@@ -32,13 +32,13 @@ var SideModal = React.forwardRef(function (props, ref) {
     }), handleWheel = _g.handleWheel, scrollableContainerRef = _g.scrollableContainerRef;
     var _h = getFullSizeModalTransitions.getFullSizeModalTransitions({ verticalAlign: verticalAlign, width: width, height: height }), isFullSizeModal = _h.isFullSizeModal, fullSizeModalContentTransitions = _h.componentTransitions, fullSizeModalBackdropTransitions = _h.backdropTransitions;
     var withoutOverlay = !overlay;
-    return (React__default.default.createElement(cssm.BaseModal, tslib.__assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, contentElementRef: contentRef, scrollHandler: 'content', disableBlockingScroll: withoutOverlay, wrapperClassName: cn__default.default(styles__default.default.wrapper, styles__default.default.baseModalContainer, (_a = {},
+    return (React__default.default.createElement(cssm.BaseModal, tslib.__assign({}, restProps, { open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, contentElementRef: contentRef, scrollHandler: 'content', scrollLock: overlay, wrapperClassName: cn__default.default(styles__default.default.wrapper, styles__default.default.baseModalContainer, (_a = {},
             _a[styles__default.default.wrapperAlignStart] = horizontalAlign === 'start',
             _a[styles__default.default.wrapperAlignEnd] = horizontalAlign === 'end',
             _a[styles__default.default.wrapperJustifyCenter] = verticalAlign === 'center',
             _a[styles__default.default.wrapperJustifyEnd] = verticalAlign === 'bottom',
             _a[styles__default.default.withoutOverlay] = withoutOverlay,
-            _a)), className: cn__default.default(styles__default.default.component, className, styles__default.default.baseModalComponent, tslib.__assign({}, getMarginStyles.getMarginStyles({ styles: styles__default.default, margin: margin }))), contentClassName: styles__default.default.content, transitionProps: tslib.__assign(tslib.__assign(tslib.__assign({}, getDefaultTransitionProps.getDefaultTransitionProps({
+            _a)), className: cn__default.default(styles__default.default.component, className, styles__default.default.baseModalComponent, tslib.__assign({}, getMarginStyles.getMarginStyles({ styles: styles__default.default, margin: margin, height: height }))), contentClassName: styles__default.default.content, transitionProps: tslib.__assign(tslib.__assign(tslib.__assign({}, getDefaultTransitionProps.getDefaultTransitionProps({
             horizontalAlign: horizontalAlign,
             margin: margin,
         })), (isFullSizeModal && fullSizeModalContentTransitions)), restProps.transitionProps), backdropProps: tslib.__assign(tslib.__assign({ shouldRender: overlay }, (isFullSizeModal && fullSizeModalBackdropTransitions)), restProps.backdropProps), componentDivProps: {

package/cssm/desktop/components/side-modal/side-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-modal.js","sources":["../../../../src/desktop/components/side-modal/side-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport { getDefaultTransitionProps } from './get-default-transition-props';\n\nimport styles from './index.module.css';\n\nexport const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        width = 500,\n        height = 'fullHeight',\n        horizontalAlign = 'center',\n        verticalAlign = 'center',\n        overlay = true,\n        open,\n        dataTestId,\n        className,\n        children,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        ...restProps\n    } = props;\n    const componentRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            contentElementRef={contentRef}\n            scrollHandler='content'\n            disableBlockingScroll={withoutOverlay}\n            wrapperClassName={cn(styles.wrapper, styles.baseModalContainer, {\n                [styles.wrapperAlignStart]: horizontalAlign === 'start',\n                [styles.wrapperAlignEnd]: horizontalAlign === 'end',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(styles.component, className, styles.baseModalComponent, {\n                ...getMarginStyles({ styles, margin }),\n            })}\n            contentClassName={styles.content}\n            transitionProps={{\n                ...getDefaultTransitionProps({\n                    horizontalAlign,\n                    margin,\n                }),\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    ...getHeightStyle(height, margin),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":["forwardRef","__rest","useRef","useScrollableContainerRef","getFullSizeModalTransitions","React","BaseModal","__assign","cn","styles","getMarginStyles","getDefaultTransitionProps","getWidthStyle","getHeightStyle","ModalContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAiBa,SAAS,GAAGA,gBAAU,CAA6C,UAAC,KAAK,EAAE,GAAG,EAAA;;AAEnF,IAAA,IAAA,KAaA,KAAK,CAAA,KAbM,EAAX,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EACX,EAYA,GAAA,KAAK,OAZgB,EAArB,MAAM,mBAAG,YAAY,GAAA,EAAA,EACrB,EAWA,GAAA,KAAK,CAXqB,eAAA,EAA1B,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EAC1B,EAAA,GAUA,KAAK,CAVmB,aAAA,EAAxB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,KAAA,EACxB,EAAA,GASA,KAAK,CATS,OAAA,EAAd,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EACd,IAAI,GAQJ,KAAK,KARD,EACJ,UAAU,GAOV,KAAK,CAAA,UAPK,EACV,SAAS,GAMT,KAAK,CAAA,SANI,EACT,QAAQ,GAKR,KAAK,CALG,QAAA,EACR,MAAM,GAIN,KAAK,CAJC,MAAA,EACkB,0BAA0B,GAGlD,KAAK,uBAH6C,EAClD,OAAO,GAEP,KAAK,CAAA,OAFE,EACJ,SAAS,GAAAC,YAAA,CACZ,KAAK,EAdH,CAAA,OAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,SAAA,EAAA,MAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,SAAA,CAcL,CADe;AAEhB,IAAA,IAAM,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC;IACzC,IAAA,EAAA,GAA0CC,mDAAyB,CAAC;AACtE,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,SAAS,EAAE,0BAA0B;AACxC,KAAA,CAAC,EAHM,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,sBAAsB,4BAGzC;IAEI,IAAA,EAAA,GAIFC,uDAA2B,CAAC,EAAE,aAAa,EAAA,aAAA,EAAE,KAAK,EAAA,KAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAH7D,eAAe,GAAA,EAAA,CAAA,eAAA,EACO,+BAA+B,GAAA,EAAA,CAAA,oBAAA,EAChC,gCAAgC,GAAA,EAAA,CAAA,mBACQ;AAEjE,IAAA,IAAM,cAAc,GAAG,CAAC,OAAO;IAE/B,QACIC,qCAACC,cAAS,EAAAC,cAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,UAAU,EAC7B,aAAa,EAAC,SAAS,EACvB,qBAAqB,EAAE,cAAc,EACrC,gBAAgB,EAAEC,mBAAE,CAACC,uBAAM,CAAC,OAAO,EAAEA,uBAAM,CAAC,kBAAkB,GAAA,EAAA,GAAA,EAAA;AAC1D,YAAA,EAAA,CAACA,uBAAM,CAAC,iBAAiB,CAAG,GAAA,eAAe,KAAK,OAAO;AACvD,YAAA,EAAA,CAACA,uBAAM,CAAC,eAAe,CAAG,GAAA,eAAe,KAAK,KAAK;AACnD,YAAA,EAAA,CAACA,uBAAM,CAAC,oBAAoB,CAAG,GAAA,aAAa,KAAK,QAAQ;AACzD,YAAA,EAAA,CAACA,uBAAM,CAAC,iBAAiB,CAAG,GAAA,aAAa,KAAK,QAAQ;AACtD,YAAA,EAAA,CAACA,uBAAM,CAAC,cAAc,CAAA,GAAG,cAAc;AACzC,YAAA,EAAA,EAAA,EACF,SAAS,EAAED,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,EAAEA,uBAAM,CAAC,kBAAkB,EAAAF,cAAA,CAAA,EAAA,EAC7DG,+BAAe,CAAC,EAAE,MAAM,EAAAD,uBAAA,EAAE,MAAM,EAAA,MAAA,EAAE,CAAC,EACxC,EACF,gBAAgB,EAAEA,uBAAM,CAAC,OAAO,EAChC,eAAe,EAAAF,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACRI,mDAAyB,CAAC;AACzB,YAAA,eAAe,EAAA,eAAA;AACf,YAAA,MAAM,EAAA,MAAA;AACT,SAAA,CAAC,CACC,GAAC,eAAe,IAAI,+BAA+B,EACnD,EAAA,SAAS,CAAC,eAAe,CAEhC,EAAA,aAAa,EACTJ,cAAA,CAAAA,cAAA,CAAA,EAAA,YAAY,EAAE,OAAO,EAClB,GAAC,eAAe,IAAI,gCAAgC,EACpD,EAAA,SAAS,CAAC,aAAa,CAE9B,EAAA,iBAAiB,EAAE;AACf,YAAA,KAAK,mBACD,KAAK,EAAEK,2BAAa,CAAC,KAAK,EAAE,MAAM,CAAC,EAAA,EAChCC,6BAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CACpC;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA,CAAA;AAEhB,QAAAR,sBAAA,CAAA,aAAA,CAACS,yBAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,sBAAsB,EACvE,EAAA,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}
+{"version":3,"file":"side-modal.js","sources":["../../../../src/desktop/components/side-modal/side-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { useScrollableContainerRef } from '../../hooks/use-scrollable-container-ref';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport { getDefaultTransitionProps } from './get-default-transition-props';\n\nimport styles from './index.module.css';\n\nexport const SideModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        width = 500,\n        height = 'fullHeight',\n        horizontalAlign = 'center',\n        verticalAlign = 'center',\n        overlay = true,\n        open,\n        dataTestId,\n        className,\n        children,\n        margin,\n        scrollableContainerRef: scrollableContainerRefProp,\n        onClose,\n        ...restProps\n    } = props;\n    const componentRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { handleWheel, scrollableContainerRef } = useScrollableContainerRef({\n        overlay,\n        refObject: scrollableContainerRefProp,\n    });\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    const withoutOverlay = !overlay;\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            contentElementRef={contentRef}\n            scrollHandler='content'\n            scrollLock={overlay}\n            wrapperClassName={cn(styles.wrapper, styles.baseModalContainer, {\n                [styles.wrapperAlignStart]: horizontalAlign === 'start',\n                [styles.wrapperAlignEnd]: horizontalAlign === 'end',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n                [styles.withoutOverlay]: withoutOverlay,\n            })}\n            className={cn(styles.component, className, styles.baseModalComponent, {\n                ...getMarginStyles({ styles, margin, height }),\n            })}\n            contentClassName={styles.content}\n            transitionProps={{\n                ...getDefaultTransitionProps({\n                    horizontalAlign,\n                    margin,\n                }),\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                shouldRender: overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    ...getHeightStyle(height, margin),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent height={height} scrollableContainerRef={scrollableContainerRef}>\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":["forwardRef","__rest","useRef","useScrollableContainerRef","getFullSizeModalTransitions","React","BaseModal","__assign","cn","styles","getMarginStyles","getDefaultTransitionProps","getWidthStyle","getHeightStyle","ModalContent"],"mappings":"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"}

package/cssm/desktop/index.d.ts

@@ -1,8 +1,5 @@
 export { UniversalModalDesktop, UniversalModalDesktopComponent } from './Component.desktop';
 export type { UniversalModalDesktopProps } from './types/props';
-export { HeaderDesktop } from '../components/header';
-export type { HeaderDesktopProps } from '../components/header';
-export { FooterDesktop } from '../components/footer';
-export type { FooterDesktopProps } from '../components/footer';
-export { ContentDesktop } from '../components/content';
-export type { ContentDesktopProps } from '../components/content';
+export { HeaderDesktop, type HeaderDesktopProps } from './components/header';
+export { FooterDesktop, type FooterDesktopProps } from './components/footer';
+export { ContentDesktop, type ContentDesktopProps } from './components/content';

package/cssm/desktop/index.js

@@ -3,31 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_desktop = require('./Component.desktop.js');
-require('../components/header/responsive/Component.responsive.js');
-var Component_desktop$1 = require('../components/header/desktop/Component.desktop.js');
-require('tslib');
-require('react');
-require('classnames');
-require('@alfalab/core-components-navigation-bar-private/cssm');
-require('@alfalab/core-components-shared/cssm');
-require('@alfalab/core-components-base-modal/cssm');
-require('../components/header/base-header/index.module.css');
-require('../components/header/mobile/mobile.module.css');
-require('../components/footer/responsive/Component.responsive.js');
-var Component_desktop$2 = require('../components/footer/desktop/Component.desktop.js');
-require('../components/footer/base-footer/base-footer.js');
-require('../components/footer/mobile/layout.mobile.module.css');
-require('../components/footer/mobile/mobile.module.css');
-require('@alfalab/core-components-mq/cssm');
-var Component_desktop$3 = require('../components/content/desktop/Component.desktop.js');
-require('../components/content/base-content/index.module.css');
-require('../components/content/mobile/mobile.module.css');
+var index = require('./components/header/index.js');
+var index$1 = require('./components/footer/index.js');
+var index$2 = require('./components/content/index.js');
 
 
 
 exports.UniversalModalDesktop = Component_desktop.UniversalModalDesktop;
 exports.UniversalModalDesktopComponent = Component_desktop.UniversalModalDesktopComponent;
-exports.HeaderDesktop = Component_desktop$1.HeaderDesktop;
-exports.FooterDesktop = Component_desktop$2.FooterDesktop;
-exports.ContentDesktop = Component_desktop$3.ContentDesktop;
+exports.HeaderDesktop = index.HeaderDesktop;
+exports.FooterDesktop = index$1.FooterDesktop;
+exports.ContentDesktop = index$2.ContentDesktop;
 //# sourceMappingURL=index.js.map

package/cssm/desktop/index.js.map

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

package/cssm/desktop/utils/get-height-style.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var cssm = require('@alfalab/core-components-shared/cssm');
-var getMaxHeightStyle = require('./get-max-height-style.js');
 
 /**
  * Передает высоту компонента для нескольких кейсов
@@ -13,7 +12,7 @@ var getMaxHeightStyle = require('./get-max-height-style.js');
  */
 var getHeightStyle = function (height, margin) {
     if (height === 'hugContent') {
-        return { maxHeight: getMaxHeightStyle.getMaxHeightStyle(margin) };
+        return {};
     }
     var viewportHeight = 0;
     if (cssm.isClient()) {

package/cssm/desktop/utils/get-height-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-height-style.js","sources":["../../../src/desktop/utils/get-height-style.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\n\nimport { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\nimport { getMaxHeightStyle } from './get-max-height-style';\n\n/**\n * Передает высоту компонента для нескольких кейсов\n * 1. Высота строится по контенту;\n * 2. Высота строится по размеру viewport;\n * 3. Высота строится по переданному параметру.\n */\nexport const getHeightStyle = (\n    height: Exclude<UniversalModalDesktopProps['height'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n): Pick<CSSProperties, 'height' | 'maxHeight'> => {\n    if (height === 'hugContent') {\n        return { maxHeight: getMaxHeightStyle(margin) };\n    }\n\n    let viewportHeight = 0;\n\n    if (isClient()) {\n        viewportHeight = Math.max(\n            document.documentElement.clientHeight || 0,\n            window.innerHeight || 0,\n        );\n    }\n\n    if (height === 'fullHeight' || height > viewportHeight) {\n        const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n        const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n        return { height: `calc(100% - ${marginTop}px - ${marginBottom}px)` };\n    }\n\n    return { height };\n};\n"],"names":["getMaxHeightStyle","isClient","hasOwnProperty"],"mappings":";;;;;;;AAQA;;;;;AAKG;AACU,IAAA,cAAc,GAAG,UAC1B,MAAgE,EAChE,MAA4C,EAAA;AAE5C,IAAA,IAAI,MAAM,KAAK,YAAY,EAAE;QACzB,OAAO,EAAE,SAAS,EAAEA,mCAAiB,CAAC,MAAM,CAAC,EAAE;;IAGnD,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAIC,aAAQ,EAAE,EAAE;AACZ,QAAA,cAAc,GAAG,IAAI,CAAC,GAAG,CACrB,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CAC1B;;IAGL,IAAI,MAAM,KAAK,YAAY,IAAI,MAAM,GAAG,cAAc,EAAE;AACpD,QAAA,IAAM,SAAS,GAAG,CAAC,MAAM,IAAIC,mBAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,IAAM,YAAY,GAAG,CAAC,MAAM,IAAIA,mBAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAEvF,OAAO,EAAE,MAAM,EAAE,cAAA,CAAA,MAAA,CAAe,SAAS,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,YAAY,EAAK,KAAA,CAAA,EAAE;;AAGxE,IAAA,OAAO,EAAE,MAAM,EAAA,MAAA,EAAE;AACrB;;;;"}
+{"version":3,"file":"get-height-style.js","sources":["../../../src/desktop/utils/get-height-style.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\n\nimport { hasOwnProperty, isClient } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\n/**\n * Передает высоту компонента для нескольких кейсов\n * 1. Высота строится по контенту;\n * 2. Высота строится по размеру viewport;\n * 3. Высота строится по переданному параметру.\n */\nexport const getHeightStyle = (\n    height: Exclude<UniversalModalDesktopProps['height'], undefined>,\n    margin: UniversalModalDesktopProps['margin'],\n): Pick<CSSProperties, 'height' | 'maxHeight'> => {\n    if (height === 'hugContent') {\n        return {};\n    }\n\n    let viewportHeight = 0;\n\n    if (isClient()) {\n        viewportHeight = Math.max(\n            document.documentElement.clientHeight || 0,\n            window.innerHeight || 0,\n        );\n    }\n\n    if (height === 'fullHeight' || height > viewportHeight) {\n        const marginTop = (margin && hasOwnProperty(margin, 'top') && margin.top) || 0;\n        const marginBottom = (margin && hasOwnProperty(margin, 'bottom') && margin.bottom) || 0;\n\n        return { height: `calc(100% - ${marginTop}px - ${marginBottom}px)` };\n    }\n\n    return { height };\n};\n"],"names":["isClient","hasOwnProperty"],"mappings":";;;;;;AAMA;;;;;AAKG;AACU,IAAA,cAAc,GAAG,UAC1B,MAAgE,EAChE,MAA4C,EAAA;AAE5C,IAAA,IAAI,MAAM,KAAK,YAAY,EAAE;AACzB,QAAA,OAAO,EAAE;;IAGb,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAIA,aAAQ,EAAE,EAAE;AACZ,QAAA,cAAc,GAAG,IAAI,CAAC,GAAG,CACrB,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CAC1B;;IAGL,IAAI,MAAM,KAAK,YAAY,IAAI,MAAM,GAAG,cAAc,EAAE;AACpD,QAAA,IAAM,SAAS,GAAG,CAAC,MAAM,IAAIC,mBAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,IAAM,YAAY,GAAG,CAAC,MAAM,IAAIA,mBAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAEvF,OAAO,EAAE,MAAM,EAAE,cAAA,CAAA,MAAA,CAAe,SAAS,EAAQ,OAAA,CAAA,CAAA,MAAA,CAAA,YAAY,EAAK,KAAA,CAAA,EAAE;;AAGxE,IAAA,OAAO,EAAE,MAAM,EAAA,MAAA,EAAE;AACrB;;;;"}

package/cssm/desktop/utils/get-margin-styles.d.ts

@@ -2,6 +2,7 @@ import { type UniversalModalDesktopProps } from '../types/props';
 interface Params {
     styles: Record<string, string>;
     margin: UniversalModalDesktopProps['margin'];
+    height: NonNullable<UniversalModalDesktopProps['height']>;
 }
 export declare const getMarginStyles: (params: Params) => Record<string, boolean>;
 export {};

package/cssm/desktop/utils/get-margin-styles.js

@@ -6,13 +6,17 @@ var cssm = require('@alfalab/core-components-shared/cssm');
 
 var getMarginStyles = function (params) {
     var _a;
-    var margin = params.margin, styles = params.styles;
+    var margin = params.margin, styles = params.styles, height = params.height;
     if (margin) {
+        var isHugContent = height === 'hugContent';
         return _a = {},
             _a[styles["marginTop-".concat(margin.top)]] = cssm.hasOwnProperty(margin, 'top'),
             _a[styles["marginRight-".concat(margin.right)]] = cssm.hasOwnProperty(margin, 'right'),
             _a[styles["marginBottom-".concat(margin.bottom)]] = cssm.hasOwnProperty(margin, 'bottom'),
             _a[styles["marginLeft-".concat(margin.left)]] = cssm.hasOwnProperty(margin, 'left'),
+            _a[styles.hugContent] = isHugContent,
+            _a[styles["topGap-".concat(margin.top)]] = isHugContent && cssm.hasOwnProperty(margin, 'top'),
+            _a[styles["bottomGap-".concat(margin.bottom)]] = isHugContent && cssm.hasOwnProperty(margin, 'bottom'),
             _a;
     }
     return {};

package/cssm/desktop/utils/get-margin-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-margin-styles.js","sources":["../../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n}\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles } = params;\n\n    if (margin) {\n        return {\n            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),\n            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),\n            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),\n            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),\n        };\n    }\n\n    return {};\n};\n"],"names":["hasOwnProperty"],"mappings":";;;;;;AASO,IAAM,eAAe,GAAG,UAAC,MAAc,EAAA;;IAClC,IAAA,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,CAAA,MAAX;IAEtB,IAAI,MAAM,EAAE;AACR,QAAA,OAAA,EAAA,GAAA,EAAA;AACI,YAAA,EAAA,CAAC,MAAM,CAAC,YAAa,CAAA,MAAA,CAAA,MAAM,CAAC,GAAG,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,EAAA,CAAC,MAAM,CAAC,cAAe,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,EAAA,CAAC,MAAM,CAAC,eAAgB,CAAA,MAAA,CAAA,MAAM,CAAC,MAAM,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,EAAA,CAAC,MAAM,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAC,IAAI,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACvE,YAAA,EAAA;;AAGN,IAAA,OAAO,EAAE;AACb;;;;"}
+{"version":3,"file":"get-margin-styles.js","sources":["../../../src/desktop/utils/get-margin-styles.ts"],"sourcesContent":["import { hasOwnProperty } from '@alfalab/core-components-shared';\n\nimport { type UniversalModalDesktopProps } from '../types/props';\n\ninterface Params {\n    styles: Record<string, string>;\n    margin: UniversalModalDesktopProps['margin'];\n    height: NonNullable<UniversalModalDesktopProps['height']>;\n}\n\nexport const getMarginStyles = (params: Params): Record<string, boolean> => {\n    const { margin, styles, height } = params;\n\n    if (margin) {\n        const isHugContent = height === 'hugContent';\n\n        return {\n            [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),\n            [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),\n            [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),\n            [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),\n            [styles.hugContent]: isHugContent,\n            [styles[`topGap-${margin.top}`]]: isHugContent && hasOwnProperty(margin, 'top'),\n            [styles[`bottomGap-${margin.bottom}`]]:\n                isHugContent && hasOwnProperty(margin, 'bottom'),\n        };\n    }\n\n    return {};\n};\n"],"names":["hasOwnProperty"],"mappings":";;;;;;AAUO,IAAM,eAAe,GAAG,UAAC,MAAc,EAAA;;AAClC,IAAA,IAAA,MAAM,GAAqB,MAAM,CAAA,MAA3B,EAAE,MAAM,GAAa,MAAM,CAAA,MAAnB,EAAE,MAAM,GAAK,MAAM,OAAX;IAE9B,IAAI,MAAM,EAAE;AACR,QAAA,IAAM,YAAY,GAAG,MAAM,KAAK,YAAY;AAE5C,QAAA,OAAA,EAAA,GAAA,EAAA;AACI,YAAA,EAAA,CAAC,MAAM,CAAC,YAAa,CAAA,MAAA,CAAA,MAAM,CAAC,GAAG,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,EAAA,CAAC,MAAM,CAAC,cAAe,CAAA,MAAA,CAAA,MAAM,CAAC,KAAK,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,EAAA,CAAC,MAAM,CAAC,eAAgB,CAAA,MAAA,CAAA,MAAM,CAAC,MAAM,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,EAAA,CAAC,MAAM,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAC,IAAI,CAAE,CAAC,CAAA,GAAGA,mBAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACrE,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,YAAY;AACjC,YAAA,EAAA,CAAC,MAAM,CAAC,SAAA,CAAA,MAAA,CAAU,MAAM,CAAC,GAAG,CAAE,CAAC,CAAG,GAAA,YAAY,IAAIA,mBAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAC/E,YAAA,EAAA,CAAC,MAAM,CAAC,YAAA,CAAA,MAAA,CAAa,MAAM,CAAC,MAAM,CAAE,CAAC,CACjC,GAAA,YAAY,IAAIA,mBAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AACtD,YAAA,EAAA;;AAGN,IAAA,OAAO,EAAE;AACb;;;;"}

package/cssm/desktop/utils/set-footer-and-header-refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-footer-and-header-refs.js","sources":["../../../src/desktop/utils/set-footer-and-header-refs.ts"],"sourcesContent":["import {\n    Children,\n    cloneElement,\n    isValidElement,\n    type ReactElement,\n    type ReactNode,\n    type RefAttributes,\n    type RefObject,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\n\nimport { type FooterDesktop } from '../../components/footer';\nimport { type HeaderDesktop } from '../../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ninterface Params {\n    children: ReactNode;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n}\n\n/** Устанавливает рефы в хедер и футер если они переданы в модалку (необходимы для дальнейшего расчета высоты кастомного скроллбара) */\nexport const setFooterAndHeaderRefs = (params: Params) => {\n    const { children, headerElementRef, footerElementRef } = params;\n\n    const enhancedChildren = Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const { displayName } = child.type as typeof HeaderDesktop | typeof FooterDesktop;\n\n        if (displayName && isHeaderNode(displayName)) {\n            const existingRef = child as ReactElement & RefAttributes<HTMLDivElement>;\n\n            return cloneElement(child, {\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-expect-error\n                ref: mergeRefs([existingRef.ref ?? null, headerElementRef]),\n            });\n        }\n\n        if (displayName && isFooterNode(displayName)) {\n            const existingRef = child as ReactElement & RefAttributes<HTMLDivElement>;\n\n            return cloneElement(child, {\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-expect-error\n                ref: mergeRefs([existingRef.ref, footerElementRef]),\n            });\n        }\n\n        return child;\n    });\n\n    return { enhancedChildren };\n};\n"],"names":["Children","isValidElement","isHeaderNode","cloneElement","mergeRefs","isFooterNode"],"mappings":";;;;;;;;;;;;;AAuBA;AACO,IAAM,sBAAsB,GAAG,UAAC,MAAc,EAAA;AACzC,IAAA,IAAA,QAAQ,GAAyC,MAAM,CAAA,QAA/C,EAAE,gBAAgB,GAAuB,MAAM,CAAA,gBAA7B,EAAE,gBAAgB,GAAK,MAAM,iBAAX;IAEpD,IAAM,gBAAgB,GAAGA,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;;AAClD,QAAA,IAAI,CAACC,oBAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;;AAGR,QAAA,IAAA,WAAW,GAAK,KAAK,CAAC,IAAmD,YAA9D;AAEnB,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,KAAqD;YAEzE,OAAOC,kBAAY,CAAC,KAAK,EAAE;;;AAGvB,gBAAA,GAAG,EAAEC,0BAAS,CAAC,CAAC,CAAA,EAAA,GAAA,WAAW,CAAC,GAAG,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAC9D,aAAA,CAAC;;AAGN,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,KAAqD;YAEzE,OAAOF,kBAAY,CAAC,KAAK,EAAE;;;gBAGvB,GAAG,EAAEC,0BAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;AACtD,aAAA,CAAC;;AAGN,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,gBAAgB,EAAA,gBAAA,EAAE;AAC/B;;;;"}
+{"version":3,"file":"set-footer-and-header-refs.js","sources":["../../../src/desktop/utils/set-footer-and-header-refs.ts"],"sourcesContent":["import {\n    Children,\n    cloneElement,\n    isValidElement,\n    type ReactElement,\n    type ReactNode,\n    type RefAttributes,\n    type RefObject,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\n\nimport { type FooterDesktop } from '../components/footer';\nimport { type HeaderDesktop } from '../components/header';\n\nimport { isFooterNode } from './isFooterNode';\nimport { isHeaderNode } from './isHeaderNode';\n\ninterface Params {\n    children: ReactNode;\n    headerElementRef: RefObject<HTMLDivElement>;\n    footerElementRef: RefObject<HTMLDivElement>;\n}\n\n/** Устанавливает рефы в хедер и футер если они переданы в модалку (необходимы для дальнейшего расчета высоты кастомного скроллбара) */\nexport const setFooterAndHeaderRefs = (params: Params) => {\n    const { children, headerElementRef, footerElementRef } = params;\n\n    const enhancedChildren = Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const { displayName } = child.type as typeof HeaderDesktop | typeof FooterDesktop;\n\n        if (displayName && isHeaderNode(displayName)) {\n            const existingRef = child as ReactElement & RefAttributes<HTMLDivElement>;\n\n            return cloneElement(child, {\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-expect-error\n                ref: mergeRefs([existingRef.ref ?? null, headerElementRef]),\n            });\n        }\n\n        if (displayName && isFooterNode(displayName)) {\n            const existingRef = child as ReactElement & RefAttributes<HTMLDivElement>;\n\n            return cloneElement(child, {\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-expect-error\n                ref: mergeRefs([existingRef.ref, footerElementRef]),\n            });\n        }\n\n        return child;\n    });\n\n    return { enhancedChildren };\n};\n"],"names":["Children","isValidElement","isHeaderNode","cloneElement","mergeRefs","isFooterNode"],"mappings":";;;;;;;;;;;;;AAuBA;AACO,IAAM,sBAAsB,GAAG,UAAC,MAAc,EAAA;AACzC,IAAA,IAAA,QAAQ,GAAyC,MAAM,CAAA,QAA/C,EAAE,gBAAgB,GAAuB,MAAM,CAAA,gBAA7B,EAAE,gBAAgB,GAAK,MAAM,iBAAX;IAEpD,IAAM,gBAAgB,GAAGA,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;;AAClD,QAAA,IAAI,CAACC,oBAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;;AAGR,QAAA,IAAA,WAAW,GAAK,KAAK,CAAC,IAAmD,YAA9D;AAEnB,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,KAAqD;YAEzE,OAAOC,kBAAY,CAAC,KAAK,EAAE;;;AAGvB,gBAAA,GAAG,EAAEC,0BAAS,CAAC,CAAC,CAAA,EAAA,GAAA,WAAW,CAAC,GAAG,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAC9D,aAAA,CAAC;;AAGN,QAAA,IAAI,WAAW,IAAIC,yBAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,IAAM,WAAW,GAAG,KAAqD;YAEzE,OAAOF,kBAAY,CAAC,KAAK,EAAE;;;gBAGvB,GAAG,EAAEC,0BAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;AACtD,aAAA,CAAC;;AAGN,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,gBAAgB,EAAA,gBAAA,EAAE;AAC/B;;;;"}

package/cssm/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/cssm/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/cssm');
-require('@alfalab/core-components-shared/cssm');
-require('./components/content/base-content/index.module.css');
-require('./components/content/desktop/desktop.module.css');
-require('./components/content/mobile/mobile.module.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/cssm');
-require('./components/header/base-header/index.module.css');
-require('./components/header/mobile/mobile.module.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.module.css');
-require('./components/footer/mobile/mobile.module.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/cssm/index.js.map

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

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

@@ -6,17 +6,9 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var cssm = require('@alfalab/core-components-base-modal/cssm');
-require('@alfalab/core-components-mq/cssm');
-require('@alfalab/core-components-shared/cssm');
-require('../components/content/base-content/index.module.css');
-require('../components/content/desktop/desktop.module.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 styles = require('./mobile.module.css');
 var rightSideTransitions = require('./transitions/right-side-transitions.mobile.module.css');
 var transitions = require('./transitions/transitions.mobile.module.css');
@@ -34,9 +26,9 @@ var UniversalModalMobileComponent = React.forwardRef(function (props, ref) {
     return (React__default.default.createElement(cssm.BaseModal, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: ref, transitionProps: tslib.__assign({ timeout: appearance === 'right' ? 360 : 200, classNames: appearance === 'right' ? rightSideTransitions__default.default : transitions__default.default }, restProps.transitionProps), className: cn__default.default(className, styles__default.default.component), scrollHandler: 'content', contentClassName: styles__default.default.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/cssm/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,cAAS,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,qCAAoB,GAAGC,4BAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,uBAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAEA,uBAAM,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,cAAS,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,qCAAoB,GAAGC,4BAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,uBAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAEA,uBAAM,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/{esm/components/content/mobile/Component.mobile.d.ts → cssm/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/cssm/{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 styles = require('./mobile.module.css');
+var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -19,11 +19,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(styles__default.default.content, className, (_b = {},
+    return (React__default.default.createElement(index.BaseContent, tslib.__assign({ className: cn__default.default(styles__default.default.content, className, (_b = {},
             _b[styles__default.default.withHeader] = hasHeader,
             _b[styles__default.default.withFooter] = hasFooter,
             _b)) }, restProps)));
 };
 
 exports.ContentMobile = ContentMobile;
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/cssm/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,uBAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAACA,uBAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAACA,uBAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}

package/cssm/{components/content/desktop/desktop.module.css → mobile/components/content/index.module.css}

@@ -1,5 +1,10 @@
 :root {
+    --gap-l: 20px;
     --gap-0: 0px;
+    --gap-20: var(--gap-l);
+}
+.content {
+    padding: var(--gap-20);
 }
 .content.withHeader {
         padding-top: var(--gap-0);

package/cssm/{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/cssm/{components/footer/mobile/Component.mobile.js → mobile/components/footer/index.js}

@@ -5,26 +5,26 @@ 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 styles = require('./index.module.css');
 var layoutStylesMobile = require('./layout.mobile.module.css');
-var styles = require('./mobile.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var layoutStylesMobile__default = /*#__PURE__*/_interopDefaultCompat(layoutStylesMobile);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var layoutStylesMobile__default = /*#__PURE__*/_interopDefaultCompat(layoutStylesMobile);
 
 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(styles__default.default.footer, layoutStylesMobile__default.default[layout], className, (_b = {},
+    return (React__default.default.createElement(index.BaseFooter, tslib.__assign({ className: cn__default.default(styles__default.default.footer, layoutStylesMobile__default.default[layout], className, (_b = {},
             _b[styles__default.default.sticky] = sticky,
             _b)), sticky: sticky, layout: layout, isHighlighted: footerHighlighted }, restProps)));
 };
 
 exports.FooterMobile = FooterMobile;
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/cssm/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,uBAAM,CAAC,MAAM,EAAEC,mCAAkB,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC9D,YAAA,EAAA,CAACD,uBAAM,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/cssm/{components/footer/mobile/mobile.module.css → mobile/components/footer/index.module.css}

@@ -1,10 +1,10 @@
 :root {
-    --gap-m: 16px;
+    --gap-l: 20px;
     --gap-0: 0px;
-    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
 }
 .footer {
-    padding: var(--gap-16);
+    padding: var(--gap-20);
 }
 .sticky {
     bottom: var(--gap-0);

package/cssm/{components/footer/mobile → mobile/components/footer}/layout.mobile.module.css

@@ -1,11 +1,9 @@
 :root {
-    --gap-m: 16px;
-    --gap-16: var(--gap-m);
+    --gap-xs: 8px;
+    --gap-8: var(--gap-xs);
 }
 .column {
-    display: flex;
     flex-direction: column;
-    gap: var(--gap-16);
 }
 .start {
     justify-content: flex-start;
@@ -21,7 +19,8 @@
     }
 .start,
 .center,
-.space-between {
+.space-between,
+.column {
     display: flex;
-    gap: var(--gap-16);
+    gap: var(--gap-8);
 }

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

@@ -7,9 +7,9 @@ var React = require('react');
 var cn = require('classnames');
 var cssm = require('@alfalab/core-components-navigation-bar-private/cssm');
 var cssm$1 = require('@alfalab/core-components-shared/cssm');
-var useBaseHeader = require('../base-header/useBaseHeader.js');
-var styles = require('../base-header/index.module.css');
-var mobileStyles = require('./mobile.module.css');
+var useBaseHeader = require('../../../components/base-header/useBaseHeader.js');
+var styles = require('../../../components/base-header/index.module.css');
+var mobileStyles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -36,4 +36,4 @@ var HeaderMobile = function (props) {
 };
 
 exports.HeaderMobile = HeaderMobile;
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/cssm/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,yBAAoB,EACbC,cAAA,CAAA,EAAA,EAAA,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAEC,oBAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,MAAM,EAAEC,6BAAY,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACvD,EAAC,CAAAD,uBAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACA,uBAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AACjC,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAED,mBAAE,CAACE,6BAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAEF,mBAAE,CAACE,6BAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B;;;;"}

package/cssm/mobile/index.d.ts

@@ -1,8 +1,5 @@
 export { UniversalModalMobile, UniversalModalMobileComponent } from './Component.mobile';
 export type { UniversalModalMobileProps } from './types/props';
-export { HeaderMobile } from '../components/header';
-export type { HeaderMobileProps } from '../components/header';
-export { FooterMobile } from '../components/footer';
-export type { FooterMobileProps } from '../components/footer';
-export { ContentMobile } from '../components/content';
-export type { ContentMobileProps } from '../components/content';
+export { HeaderMobile, type HeaderMobileProps } from './components/header';
+export { FooterMobile, type FooterMobileProps } from './components/footer';
+export { ContentMobile, type ContentMobileProps } from './components/content';

package/cssm/mobile/index.js

@@ -3,27 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_mobile = require('./Component.mobile.js');
-require('../components/header/responsive/Component.responsive.js');
-require('../components/header/desktop/Component.desktop.js');
-var Component_mobile$1 = require('../components/header/mobile/Component.mobile.js');
-require('../components/footer/responsive/Component.responsive.js');
-require('../components/footer/desktop/Component.desktop.js');
-var Component_mobile$2 = require('../components/footer/mobile/Component.mobile.js');
-require('tslib');
-require('react');
-require('@alfalab/core-components-mq/cssm');
-require('classnames');
-require('@alfalab/core-components-base-modal/cssm');
-require('@alfalab/core-components-shared/cssm');
-require('../components/content/base-content/index.module.css');
-require('../components/content/desktop/desktop.module.css');
-var Component_mobile$3 = require('../components/content/mobile/Component.mobile.js');
+var index = require('./components/header/index.js');
+var index$1 = require('./components/footer/index.js');
+var index$2 = require('./components/content/index.js');
 
 
 
 exports.UniversalModalMobile = Component_mobile.UniversalModalMobile;
 exports.UniversalModalMobileComponent = Component_mobile.UniversalModalMobileComponent;
-exports.HeaderMobile = Component_mobile$1.HeaderMobile;
-exports.FooterMobile = Component_mobile$2.FooterMobile;
-exports.ContentMobile = Component_mobile$3.ContentMobile;
+exports.HeaderMobile = index.HeaderMobile;
+exports.FooterMobile = index$1.FooterMobile;
+exports.ContentMobile = index$2.ContentMobile;
 //# sourceMappingURL=index.js.map

package/cssm/mobile/index.js.map

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

package/{Component.responsive.d.ts → cssm/responsive/Component.responsive.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type UniversalModalResponsiveProps } from './typings';
+import { type UniversalModalResponsiveProps } from '../typings';
 export declare const UniversalModal: React.ForwardRefExoticComponent<UniversalModalResponsiveProps & React.RefAttributes<HTMLDivElement>>;
 export declare const UniversalModalResponsive: React.ForwardRefExoticComponent<UniversalModalResponsiveProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<import("./components/header").HeaderResponsiveProps & React.RefAttributes<HTMLDivElement>>;