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

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

@@ -20,14 +20,14 @@ const SideModal = forwardRef((props, ref) => {
     });
     const { isFullSizeModal, componentTransitions: fullSizeModalContentTransitions, backdropTransitions: fullSizeModalBackdropTransitions, } = getFullSizeModalTransitions({ verticalAlign, width, height });
     const withoutOverlay = !overlay;
-    return (React.createElement(BaseModal, { ...restProps, open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, contentElementRef: contentRef, scrollHandler: 'content', disableBlockingScroll: withoutOverlay, wrapperClassName: cn(styles.wrapper, styles.baseModalContainer, {
+    return (React.createElement(BaseModal, { ...restProps, open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, contentElementRef: contentRef, scrollHandler: 'content', scrollLock: overlay, wrapperClassName: cn(styles.wrapper, styles.baseModalContainer, {
             [styles.wrapperAlignStart]: horizontalAlign === 'start',
             [styles.wrapperAlignEnd]: horizontalAlign === 'end',
             [styles.wrapperJustifyCenter]: verticalAlign === 'center',
             [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',
             [styles.withoutOverlay]: withoutOverlay,
         }), className: cn(styles.component, className, styles.baseModalComponent, {
-            ...getMarginStyles({ styles, margin }),
+            ...getMarginStyles({ styles, margin, height }),
         }), contentClassName: styles.content, transitionProps: {
             ...getDefaultTransitionProps({
                 horizontalAlign,

package/moderncssm/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":[],"mappings":";;;;;;;;;;;;AAiBa,MAAA,SAAS,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC3F,IAAA,MAAM,EACF,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,eAAe,GAAG,QAAQ,EAC1B,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,IAAI,EACJ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,MAAM,EACN,sBAAsB,EAAE,0BAA0B,EAClD,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AACT,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,GAAG,yBAAyB,CAAC;QACtE,OAAO;AACP,QAAA,SAAS,EAAE,0BAA0B;AACxC,KAAA,CAAC;IAEF,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,MAAM,cAAc,GAAG,CAAC,OAAO;IAE/B,QACI,oBAAC,SAAS,EAAA,EAAA,GACF,SAAS,EACb,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,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,kBAAkB,EAAE;AAC5D,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,eAAe,KAAK,OAAO;AACvD,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,eAAe,KAAK,KAAK;AACnD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;AACtD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,cAAc;AAC1C,SAAA,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE;AAClE,YAAA,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;SACzC,CAAC,EACF,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAChC,eAAe,EAAE;AACb,YAAA,GAAG,yBAAyB,CAAC;gBACzB,eAAe;gBACf,MAAM;aACT,CAAC;AACF,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;AACX,YAAA,YAAY,EAAE,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC;AACnC,gBAAA,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACpC,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,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":[],"mappings":";;;;;;;;;;;;AAiBa,MAAA,SAAS,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,KAAI;AAC3F,IAAA,MAAM,EACF,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,YAAY,EACrB,eAAe,GAAG,QAAQ,EAC1B,aAAa,GAAG,QAAQ,EACxB,OAAO,GAAG,IAAI,EACd,IAAI,EACJ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,MAAM,EACN,sBAAsB,EAAE,0BAA0B,EAClD,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AACT,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,GAAG,yBAAyB,CAAC;QACtE,OAAO;AACP,QAAA,SAAS,EAAE,0BAA0B;AACxC,KAAA,CAAC;IAEF,MAAM,EACF,eAAe,EACf,oBAAoB,EAAE,+BAA+B,EACrD,mBAAmB,EAAE,gCAAgC,GACxD,GAAG,2BAA2B,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAEjE,IAAA,MAAM,cAAc,GAAG,CAAC,OAAO;IAE/B,QACI,oBAAC,SAAS,EAAA,EAAA,GACF,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,UAAU,EAC7B,aAAa,EAAC,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,kBAAkB,EAAE;AAC5D,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,eAAe,KAAK,OAAO;AACvD,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,eAAe,KAAK,KAAK;AACnD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,KAAK,QAAQ;AACzD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa,KAAK,QAAQ;AACtD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,cAAc;AAC1C,SAAA,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE;YAClE,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;SACjD,CAAC,EACF,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAChC,eAAe,EAAE;AACb,YAAA,GAAG,yBAAyB,CAAC;gBACzB,eAAe;gBACf,MAAM;aACT,CAAC;AACF,YAAA,IAAI,eAAe,IAAI,+BAA+B,CAAC;YACvD,GAAG,SAAS,CAAC,eAAe;AAC/B,SAAA,EACD,aAAa,EAAE;AACX,YAAA,YAAY,EAAE,OAAO;AACrB,YAAA,IAAI,eAAe,IAAI,gCAAgC,CAAC;YACxD,GAAG,SAAS,CAAC,aAAa;AAC7B,SAAA,EACD,iBAAiB,EAAE;AACf,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC;AACnC,gBAAA,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACpC,aAAA;AACJ,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,sBAAsB,EACvE,EAAA,QAAQ,CACE,CACP;AAEpB,CAAC;;;;"}

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

@@ -1,20 +1,5 @@
 export { UniversalModalDesktop, UniversalModalDesktopComponent } from './Component.desktop.js';
-import '../components/header/responsive/Component.responsive.js';
-export { HeaderDesktop } from '../components/header/desktop/Component.desktop.js';
-import 'react';
-import 'classnames';
-import '@alfalab/core-components-navigation-bar-private/moderncssm';
-import '@alfalab/core-components-shared/moderncssm';
-import '@alfalab/core-components-base-modal/moderncssm';
-import '../components/header/base-header/index.module.css';
-import '../components/header/mobile/mobile.module.css';
-import '../components/footer/responsive/Component.responsive.js';
-export { FooterDesktop } from '../components/footer/desktop/Component.desktop.js';
-import '../components/footer/base-footer/base-footer.js';
-import '../components/footer/mobile/layout.mobile.module.css';
-import '../components/footer/mobile/mobile.module.css';
-import '@alfalab/core-components-mq/moderncssm';
-export { ContentDesktop } from '../components/content/desktop/Component.desktop.js';
-import '../components/content/base-content/index.module.css';
-import '../components/content/mobile/mobile.module.css';
+export { HeaderDesktop } from './components/header/index.js';
+export { FooterDesktop } from './components/footer/index.js';
+export { ContentDesktop } from './components/content/index.js';
 //# sourceMappingURL=index.js.map

package/moderncssm/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/moderncssm/desktop/utils/get-height-style.js

@@ -1,5 +1,4 @@
 import { isClient, hasOwnProperty } from '@alfalab/core-components-shared/moderncssm';
-import { getMaxHeightStyle } from './get-max-height-style.js';
 
 /**
  * Передает высоту компонента для нескольких кейсов
@@ -9,7 +8,7 @@ import { getMaxHeightStyle } from './get-max-height-style.js';
  */
 const getHeightStyle = (height, margin) => {
     if (height === 'hugContent') {
-        return { maxHeight: getMaxHeightStyle(margin) };
+        return {};
     }
     let viewportHeight = 0;
     if (isClient()) {

package/moderncssm/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":[],"mappings":";;;AAQA;;;;;AAKG;MACU,cAAc,GAAG,CAC1B,MAAgE,EAChE,MAA4C,KACC;AAC7C,IAAA,IAAI,MAAM,KAAK,YAAY,EAAE;QACzB,OAAO,EAAE,SAAS,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAAE;;IAGnD,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAI,QAAQ,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,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAEvF,OAAO,EAAE,MAAM,EAAE,CAAA,YAAA,EAAe,SAAS,CAAQ,KAAA,EAAA,YAAY,CAAK,GAAA,CAAA,EAAE;;IAGxE,OAAO,EAAE,MAAM,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":[],"mappings":";;AAMA;;;;;AAKG;MACU,cAAc,GAAG,CAC1B,MAAgE,EAChE,MAA4C,KACC;AAC7C,IAAA,IAAI,MAAM,KAAK,YAAY,EAAE;AACzB,QAAA,OAAO,EAAE;;IAGb,IAAI,cAAc,GAAG,CAAC;IAEtB,IAAI,QAAQ,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,MAAM,SAAS,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,KAAK,CAAC;AAC9E,QAAA,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAEvF,OAAO,EAAE,MAAM,EAAE,CAAA,YAAA,EAAe,SAAS,CAAQ,KAAA,EAAA,YAAY,CAAK,GAAA,CAAA,EAAE;;IAGxE,OAAO,EAAE,MAAM,EAAE;AACrB;;;;"}

package/moderncssm/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/moderncssm/desktop/utils/get-margin-styles.js

@@ -1,13 +1,17 @@
 import { hasOwnProperty } from '@alfalab/core-components-shared/moderncssm';
 
 const getMarginStyles = (params) => {
-    const { margin, styles } = params;
+    const { margin, styles, height } = params;
     if (margin) {
+        const isHugContent = height === 'hugContent';
         return {
             [styles[`marginTop-${margin.top}`]]: hasOwnProperty(margin, 'top'),
             [styles[`marginRight-${margin.right}`]]: hasOwnProperty(margin, 'right'),
             [styles[`marginBottom-${margin.bottom}`]]: hasOwnProperty(margin, 'bottom'),
             [styles[`marginLeft-${margin.left}`]]: hasOwnProperty(margin, 'left'),
+            [styles.hugContent]: isHugContent,
+            [styles[`topGap-${margin.top}`]]: isHugContent && hasOwnProperty(margin, 'top'),
+            [styles[`bottomGap-${margin.bottom}`]]: isHugContent && hasOwnProperty(margin, 'bottom'),
         };
     }
     return {};

package/moderncssm/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":[],"mappings":";;AASa,MAAA,eAAe,GAAG,CAAC,MAAc,KAA6B;AACvE,IAAA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM;IAEjC,IAAI,MAAM,EAAE;QACR,OAAO;AACH,YAAA,CAAC,MAAM,CAAC,CAAa,UAAA,EAAA,MAAM,CAAC,GAAG,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,CAAC,MAAM,CAAC,CAAe,YAAA,EAAA,MAAM,CAAC,KAAK,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,CAAC,MAAM,CAAC,CAAgB,aAAA,EAAA,MAAM,CAAC,MAAM,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,CAAC,MAAM,CAAC,CAAc,WAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;SACxE;;AAGL,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":[],"mappings":";;AAUa,MAAA,eAAe,GAAG,CAAC,MAAc,KAA6B;IACvE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM;IAEzC,IAAI,MAAM,EAAE;AACR,QAAA,MAAM,YAAY,GAAG,MAAM,KAAK,YAAY;QAE5C,OAAO;AACH,YAAA,CAAC,MAAM,CAAC,CAAa,UAAA,EAAA,MAAM,CAAC,GAAG,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,YAAA,CAAC,MAAM,CAAC,CAAe,YAAA,EAAA,MAAM,CAAC,KAAK,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC;AACxE,YAAA,CAAC,MAAM,CAAC,CAAgB,aAAA,EAAA,MAAM,CAAC,MAAM,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;AAC3E,YAAA,CAAC,MAAM,CAAC,CAAc,WAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACrE,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,YAAY;AACjC,YAAA,CAAC,MAAM,CAAC,CAAA,OAAA,EAAU,MAAM,CAAC,GAAG,CAAE,CAAA,CAAC,GAAG,YAAY,IAAI,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC;AAC/E,YAAA,CAAC,MAAM,CAAC,CAAA,UAAA,EAAa,MAAM,CAAC,MAAM,CAAE,CAAA,CAAC,GACjC,YAAY,IAAI,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC;SACvD;;AAGL,IAAA,OAAO,EAAE;AACb;;;;"}

package/moderncssm/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":[],"mappings":";;;;;AAuBA;AACa,MAAA,sBAAsB,GAAG,CAAC,MAAc,KAAI;IACrD,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,MAAM;IAE/D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACtD,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;;AAGhB,QAAA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,IAAmD;AAEjF,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAqD;YAEzE,OAAO,YAAY,CAAC,KAAK,EAAE;;;AAGvB,gBAAA,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,IAAI,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAC9D,aAAA,CAAC;;AAGN,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAqD;YAEzE,OAAO,YAAY,CAAC,KAAK,EAAE;;;gBAGvB,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;AACtD,aAAA,CAAC;;AAGN,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;IAEF,OAAO,EAAE,gBAAgB,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":[],"mappings":";;;;;AAuBA;AACa,MAAA,sBAAsB,GAAG,CAAC,MAAc,KAAI;IACrD,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,MAAM;IAE/D,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACtD,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;;AAGhB,QAAA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,IAAmD;AAEjF,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAqD;YAEzE,OAAO,YAAY,CAAC,KAAK,EAAE;;;AAGvB,gBAAA,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,IAAI,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAC9D,aAAA,CAAC;;AAGN,QAAA,IAAI,WAAW,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;YAC1C,MAAM,WAAW,GAAG,KAAqD;YAEzE,OAAO,YAAY,CAAC,KAAK,EAAE;;;gBAGvB,GAAG,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC;AACtD,aAAA,CAAC;;AAGN,QAAA,OAAO,KAAK;AAChB,KAAC,CAAC;IAEF,OAAO,EAAE,gBAAgB,EAAE;AAC/B;;;;"}

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

@@ -1,20 +1,5 @@
-export { UniversalModal, UniversalModalResponsive } from './Component.responsive.js';
-export { ContentResponsive } from './components/content/responsive/Component.responsive.js';
-import 'react';
-import 'classnames';
-import '@alfalab/core-components-base-modal/moderncssm';
-import '@alfalab/core-components-shared/moderncssm';
-import './components/content/base-content/index.module.css';
-import './components/content/desktop/desktop.module.css';
-import './components/content/mobile/mobile.module.css';
-export { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
-import './components/header/desktop/Component.desktop.js';
-import '@alfalab/core-components-navigation-bar-private/moderncssm';
-import './components/header/base-header/index.module.css';
-import './components/header/mobile/mobile.module.css';
-export { 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.module.css';
-import './components/footer/mobile/mobile.module.css';
+export { HeaderResponsive } from './responsive/components/header/index.js';
+export { ContentResponsive } from './responsive/components/content/index.js';
+export { FooterResponsive } from './responsive/components/footer/index.js';
+export { UniversalModal, UniversalModalResponsive } from './responsive/Component.responsive.js';
 //# sourceMappingURL=index.js.map

package/moderncssm/index.js.map

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

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

@@ -1,17 +1,9 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/moderncssm';
-import '@alfalab/core-components-mq/moderncssm';
-import '@alfalab/core-components-shared/moderncssm';
-import '../components/content/base-content/index.module.css';
-import '../components/content/desktop/desktop.module.css';
-import { ContentMobile } from '../components/content/mobile/Component.mobile.js';
-import '../components/footer/responsive/Component.responsive.js';
-import '../components/footer/desktop/Component.desktop.js';
-import { FooterMobile } from '../components/footer/mobile/Component.mobile.js';
-import '../components/header/responsive/Component.responsive.js';
-import '../components/header/desktop/Component.desktop.js';
-import { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
+import { ContentMobile } from './components/content/index.js';
+import { FooterMobile } from './components/footer/index.js';
+import { HeaderMobile } from './components/header/index.js';
 import styles from './mobile.module.css';
 import rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';
 import transitions from './transitions/transitions.mobile.module.css';

package/moderncssm/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":[],"mappings":";;;;;;;;;;;;;;;;;;AAea,MAAA,6BAA6B,GAAG,UAAU,CACnD,CAAC,KAAK,EAAE,GAAG,KAAI;AACX,IAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEtF,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACF,SAAS,EACb,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE;YACb,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG;YAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,oBAAoB,GAAG,WAAW;YACvE,GAAG,SAAS,CAAC,eAAe;SAC/B,EACD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAE/B,EAAA,QAAQ,CACD;AAEpB,CAAC;MAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;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":[],"mappings":";;;;;;;;;;AAca,MAAA,6BAA6B,GAAG,UAAU,CACnD,CAAC,KAAK,EAAE,GAAG,KAAI;AACX,IAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AAEtF,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GACF,SAAS,EACb,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EAAE;YACb,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG;YAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,oBAAoB,GAAG,WAAW;YACvE,GAAG,SAAS,CAAC,eAAe;SAC/B,EACD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAE/B,EAAA,QAAQ,CACD;AAEpB,CAAC;MAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;AACvB,CAAA;;;;"}

package/moderncssm/mobile/components/content/index.d.ts

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

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

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
+import { BaseContent } from '../../../components/base-content/index.js';
 import { ModalContext } from '../../../Context.js';
-import { BaseContent } from '../base-content/base-content.js';
-import styles from './mobile.module.css';
+import styles from './index.module.css';
 
 const ContentMobile = ({ className, ...restProps }) => {
     const { hasHeader, hasFooter } = useContext(ModalContext);
@@ -13,4 +13,4 @@ const ContentMobile = ({ className, ...restProps }) => {
 };
 
 export { ContentMobile };
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/moderncssm/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":[],"mappings":";;;;;;AAUO,MAAM,aAAa,GAA2B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,KAAI;IACjF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEzD,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AAC9B,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACE,GAAA,SAAS,EACf,CAAA;AAEV;;;;"}

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

@@ -1,9 +1,11 @@
 
 
+.content {
+    padding: var(--gap-20);
+}
 .content.withHeader {
         padding-top: var(--gap-0);
     }
-
 .content.withFooter {
         padding-bottom: var(--gap-0);
     }

package/moderncssm/mobile/components/footer/index.d.ts

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

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

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
+import { BaseFooter } from '../../../components/base-footer/index.js';
 import { ModalContext } from '../../../Context.js';
-import { BaseFooter } from '../base-footer/base-footer.js';
+import styles from './index.module.css';
 import layoutStylesMobile from './layout.mobile.module.css';
-import styles from './mobile.module.css';
 
 const FooterMobile = ({ className, sticky, layout = 'start', ...restProps }) => {
     const { footerHighlighted } = useContext(ModalContext);
@@ -13,4 +13,4 @@ const FooterMobile = ({ className, sticky, layout = 'start', ...restProps }) =>
 };
 
 export { FooterMobile };
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/moderncssm/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":[],"mappings":";;;;;;;AAWa,MAAA,YAAY,GAA0B,CAAC,EAChD,SAAS,EACT,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,GAAG,SAAS,EACf,KAAI;IACD,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEtD,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,IACP,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE;AAChE,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,iBAAiB,EAAA,GAC5B,SAAS,EAAA,CACf;AAEV;;;;"}

package/moderncssm/{components/footer/mobile/mobile.module.css → mobile/components/footer/index.module.css}

@@ -1,7 +1,7 @@
 
 
 .footer {
-    padding: var(--gap-16);
+    padding: var(--gap-20);
 }
 
 .sticky {

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

@@ -1,9 +1,7 @@
 
 
 .column {
-    display: flex;
     flex-direction: column;
-    gap: var(--gap-16);
 }
 
 .start {
@@ -24,7 +22,8 @@
 
 .start,
 .center,
-.space-between {
+.space-between,
+.column {
     display: flex;
-    gap: var(--gap-16);
+    gap: var(--gap-8);
 }

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

@@ -2,9 +2,9 @@ import React from 'react';
 import cn from 'classnames';
 import { NavigationBarPrivate } from '@alfalab/core-components-navigation-bar-private/moderncssm';
 import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
-import { useBaseHeader } from '../base-header/useBaseHeader.js';
-import styles from '../base-header/index.module.css';
-import mobileStyles from './mobile.module.css';
+import { useBaseHeader } from '../../../components/base-header/useBaseHeader.js';
+import styles from '../../../components/base-header/index.module.css';
+import mobileStyles from './index.module.css';
 
 const HeaderMobile = (props) => {
     const { className, children, contentClassName, title, sticky, dataTestId, bottomAddonsClassName, onClose, ...restProps } = props;
@@ -23,4 +23,4 @@ const HeaderMobile = (props) => {
 };
 
 export { HeaderMobile };
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/moderncssm/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":[],"mappings":";;;;;;;;AAgBa,MAAA,YAAY,GAA0B,CAAC,KAAK,KAAI;IACzD,MAAM,EACF,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,UAAU,EACV,qBAAqB,EACrB,OAAO,EACP,GAAG,SAAS,EACf,GAAG,KAAK;AAET,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS;AAElC,IAAA,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC;QACzF,KAAK;QACL,QAAQ;QACR,YAAY;QACZ,OAAO;AACV,KAAA,CAAC;AAEF,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,OACb,SAAS,EACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE;YACzD,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AACvB,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU;AAClC,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACU;AAE/B;;;;"}

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

@@ -1,16 +1,5 @@
 export { UniversalModalMobile, UniversalModalMobileComponent } from './Component.mobile.js';
-import '../components/header/responsive/Component.responsive.js';
-import '../components/header/desktop/Component.desktop.js';
-export { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
-import '../components/footer/responsive/Component.responsive.js';
-import '../components/footer/desktop/Component.desktop.js';
-export { FooterMobile } from '../components/footer/mobile/Component.mobile.js';
-import 'react';
-import '@alfalab/core-components-mq/moderncssm';
-import 'classnames';
-import '@alfalab/core-components-base-modal/moderncssm';
-import '@alfalab/core-components-shared/moderncssm';
-import '../components/content/base-content/index.module.css';
-import '../components/content/desktop/desktop.module.css';
-export { ContentMobile } from '../components/content/mobile/Component.mobile.js';
+export { HeaderMobile } from './components/header/index.js';
+export { FooterMobile } from './components/footer/index.js';
+export { ContentMobile } from './components/content/index.js';
 //# sourceMappingURL=index.js.map

package/moderncssm/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/{cssm → moderncssm/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>>;

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

@@ -1,24 +1,23 @@
 import React, { forwardRef } from 'react';
 import { useIsDesktop } from '@alfalab/core-components-mq/moderncssm';
-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/moderncssm';
 import '@alfalab/core-components-shared/moderncssm';
-import './components/content/base-content/index.module.css';
-import './components/content/desktop/desktop.module.css';
-import './components/content/mobile/mobile.module.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.module.css';
-import './components/footer/mobile/mobile.module.css';
-import { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
-import './components/header/desktop/Component.desktop.js';
+import '@alfalab/core-components-base-modal/moderncssm';
+import '../components/base-content/index.module.css';
+import { UniversalModalMobile } from '../mobile/Component.mobile.js';
 import '@alfalab/core-components-navigation-bar-private/moderncssm';
-import './components/header/base-header/index.module.css';
-import './components/header/mobile/mobile.module.css';
-import { UniversalModalDesktop } from './desktop/Component.desktop.js';
-import { UniversalModalMobile } from './mobile/Component.mobile.js';
+import '../components/base-header/index.module.css';
+import '../mobile/components/header/index.module.css';
+import '../components/base-footer/index.js';
+import '../mobile/components/footer/index.module.css';
+import '../mobile/components/footer/layout.mobile.module.css';
+import '../mobile/components/content/index.module.css';
+import { ContentResponsive } from './components/content/index.js';
+import { FooterResponsive } from './components/footer/index.js';
+import { HeaderResponsive } from './components/header/index.js';
 
 const UniversalModal = forwardRef(({ children, breakpoint, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {
     const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);

package/moderncssm/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":";;;;;;;;;;;;;;;;;;;;;MAYa,cAAc,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAChF,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,MAAM,SAAS,GAAG,SAAS,GAAG,qBAAqB,GAAG,oBAAoB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,GAAA,SAAS,IACrD,QAAQ,CACD;AAEpB,CAAC;MAGQ,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/{modern/components/content/responsive/Component.responsive.d.ts → moderncssm/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/moderncssm/responsive/components/content/index.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { useIsDesktop } from '@alfalab/core-components-mq/moderncssm';
+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/moderncssm';
+import '@alfalab/core-components-shared/moderncssm';
+import '@alfalab/core-components-base-modal/moderncssm';
+import '../../../components/base-header/index.module.css';
+import '../../../mobile/components/header/index.module.css';
+import '../../../components/base-footer/index.js';
+import '../../../mobile/components/footer/index.module.css';
+import '../../../mobile/components/footer/layout.mobile.module.css';
+import { ContentMobile } from '../../../mobile/components/content/index.js';
+
+const ContentResponsive = ({ ...restProps }) => {
+    const isDesktop = useIsDesktop();
+    if (isDesktop) {
+        return React.createElement(ContentDesktop, { ...restProps });
+    }
+    return React.createElement(ContentMobile, { ...restProps });
+};
+
+export { ContentResponsive };
+//# sourceMappingURL=index.js.map

package/moderncssm/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":";;;;;;;;;;;;;;;;;;AASa,MAAA,iBAAiB,GAA+B,CAAC,EAAE,GAAG,SAAS,EAAE,KAAI;AAC9E,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;AACX,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,cAAc,EAAK,EAAA,GAAA,SAAS,GAAI;;AAG5C,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,aAAa,EAAK,EAAA,GAAA,SAAS,GAAI;AAC3C;;;;"}

package/{modern/components/footer/responsive/Component.responsive.d.ts → moderncssm/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>>;