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

package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-top-transitions.css';
 
-const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_14ji8","enter":"universal-modal__enter_14ji8","appearActive":"universal-modal__appearActive_14ji8","enterActive":"universal-modal__enterActive_14ji8","exit":"universal-modal__exit_14ji8","exitActive":"universal-modal__exitActive_14ji8","exitDone":"universal-modal__exitDone_14ji8"};
+const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_nngrr","enter":"universal-modal__enter_nngrr","appearActive":"universal-modal__appearActive_nngrr","enterActive":"universal-modal__enterActive_nngrr","exit":"universal-modal__exit_nngrr","exitActive":"universal-modal__exitActive_nngrr","exitDone":"universal-modal__exitDone_nngrr"};
 
 export { fullSizeVerticalTopTransitions as default };
 //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map

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

@@ -1,5 +1,4 @@
 import { isClient, hasOwnProperty } from '@alfalab/core-components-shared/modern';
-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/modern/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/modern/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/modern/desktop/utils/get-margin-styles.js

@@ -1,13 +1,17 @@
 import { hasOwnProperty } from '@alfalab/core-components-shared/modern';
 
 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/modern/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/modern/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/modern/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/modern/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/modern';
-import '@alfalab/core-components-shared/modern';
-import './components/content/base-content/index.css';
-import './components/content/desktop/desktop.css';
-import './components/content/mobile/mobile.css';
-export { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
-import './components/header/desktop/Component.desktop.js';
-import '@alfalab/core-components-navigation-bar-private/modern';
-import './components/header/base-header/index.css';
-import './components/header/mobile/mobile.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.css';
-import './components/footer/mobile/mobile.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/modern/index.js.map

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

package/modern/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/modern/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/modern';
-import '@alfalab/core-components-mq/modern';
-import '@alfalab/core-components-shared/modern';
-import '../components/content/base-content/index.css';
-import '../components/content/desktop/desktop.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.js';
 import rightSideTransitions from './transitions/right-side-transitions.mobile.module.css.js';
 import transitions from './transitions/transitions.mobile.module.css.js';

package/modern/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/modern/mobile/components/content/index.css

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

package/{cssm/components/content/mobile/Component.mobile.d.ts → modern/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/modern/{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.js';
+import styles from './index.module.css.js';
 
 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/modern/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/modern/mobile/components/content/index.module.css.js

@@ -0,0 +1,6 @@
+import './index.css';
+
+const styles = {"content":"universal-modal__content_1nb5a","withHeader":"universal-modal__withHeader_1nb5a","withFooter":"universal-modal__withFooter_1nb5a"};
+
+export { styles as default };
+//# sourceMappingURL=index.module.css.js.map

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

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

package/modern/mobile/components/footer/index.css

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

package/modern/{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/modern/{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.js';
 import layoutStylesMobile from './layout.mobile.module.css.js';
-import styles from './mobile.module.css.js';
 
 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/modern/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/modern/mobile/components/footer/index.module.css.js

@@ -0,0 +1,6 @@
+import './index.css';
+
+const styles = {"footer":"universal-modal__footer_1ik6k","sticky":"universal-modal__sticky_1ik6k"};
+
+export { styles as default };
+//# sourceMappingURL=index.module.css.js.map

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

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

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

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

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

@@ -0,0 +1,6 @@
+import './layout.mobile.css';
+
+const layoutStylesMobile = {"column":"universal-modal__column_1kg5a","start":"universal-modal__start_1kg5a","center":"universal-modal__center_1kg5a","space-between":"universal-modal__space-between_1kg5a"};
+
+export { layoutStylesMobile as default };
+//# sourceMappingURL=layout.mobile.module.css.js.map

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

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

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

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

package/modern/{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/modern';
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
-import { useBaseHeader } from '../base-header/useBaseHeader.js';
-import styles from '../base-header/index.module.css.js';
-import mobileStyles from './mobile.module.css.js';
+import { useBaseHeader } from '../../../components/base-header/useBaseHeader.js';
+import styles from '../../../components/base-header/index.module.css.js';
+import mobileStyles from './index.module.css.js';
 
 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/modern/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/modern/mobile/components/header/index.module.css.js

@@ -0,0 +1,6 @@
+import './index.css';
+
+const mobileStyles = {"header":"universal-modal__header_13pf0","content":"universal-modal__content_13pf0","bottomAddons":"universal-modal__bottomAddons_13pf0"};
+
+export { mobileStyles as default };
+//# sourceMappingURL=index.module.css.js.map

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

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

package/modern/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/modern/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/modern';
-import 'classnames';
-import '@alfalab/core-components-base-modal/modern';
-import '@alfalab/core-components-shared/modern';
-import '../components/content/base-content/index.css';
-import '../components/content/desktop/desktop.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/modern/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/modern/mobile/mobile.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__component_17ftt {
+.universal-modal__component_1xg75 {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -11,10 +11,10 @@
     display: flex;
     flex-direction: column;
 }
-.universal-modal__component_17ftt .universal-modal__content_17ftt {
+.universal-modal__component_1xg75 .universal-modal__content_1xg75 {
         height: auto;
     }
-.universal-modal__component_17ftt.universal-modal__component_17ftt {
+.universal-modal__component_1xg75.universal-modal__component_1xg75 {
     position: fixed;
     flex: 1;
 }

package/modern/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"component":"universal-modal__component_17ftt","content":"universal-modal__content_17ftt"};
+const styles = {"component":"universal-modal__component_1xg75","content":"universal-modal__content_1xg75"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/mobile/transitions/right-side-transitions.mobile.css

@@ -1,18 +1,18 @@
-.universal-modal__appear_1itdr,
-.universal-modal__enter_1itdr {
+.universal-modal__appear_g9mnm,
+.universal-modal__enter_g9mnm {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_1itdr,
-.universal-modal__enterActive_1itdr {
+.universal-modal__appearActive_g9mnm,
+.universal-modal__enterActive_g9mnm {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_1itdr {
+.universal-modal__exit_g9mnm {
     transform: translateX(0);
 }
-.universal-modal__exitActive_1itdr,
-.universal-modal__exitDone_1itdr {
+.universal-modal__exitActive_g9mnm,
+.universal-modal__exitDone_g9mnm {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './right-side-transitions.mobile.css';
 
-const rightSideTransitions = {"appear":"universal-modal__appear_1itdr","enter":"universal-modal__enter_1itdr","appearActive":"universal-modal__appearActive_1itdr","enterActive":"universal-modal__enterActive_1itdr","exit":"universal-modal__exit_1itdr","exitActive":"universal-modal__exitActive_1itdr","exitDone":"universal-modal__exitDone_1itdr"};
+const rightSideTransitions = {"appear":"universal-modal__appear_g9mnm","enter":"universal-modal__enter_g9mnm","appearActive":"universal-modal__appearActive_g9mnm","enterActive":"universal-modal__enterActive_g9mnm","exit":"universal-modal__exit_g9mnm","exitActive":"universal-modal__exitActive_g9mnm","exitDone":"universal-modal__exitDone_g9mnm"};
 
 export { rightSideTransitions as default };
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/modern/mobile/transitions/transitions.mobile.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_qq9ne,
-.universal-modal__enter_qq9ne {
+.universal-modal__appear_ja59i,
+.universal-modal__enter_ja59i {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_qq9ne,
-.universal-modal__enterActive_qq9ne {
+.universal-modal__appearActive_ja59i,
+.universal-modal__enterActive_ja59i {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_qq9ne {
+.universal-modal__exit_ja59i {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_qq9ne,
-.universal-modal__exitDone_qq9ne {
+.universal-modal__exitActive_ja59i,
+.universal-modal__exitDone_ja59i {
     opacity: 0;
     transform: translateY(15px);
     transition:

package/modern/mobile/transitions/transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-const transitions = {"appear":"universal-modal__appear_qq9ne","enter":"universal-modal__enter_qq9ne","appearActive":"universal-modal__appearActive_qq9ne","enterActive":"universal-modal__enterActive_qq9ne","exit":"universal-modal__exit_qq9ne","exitActive":"universal-modal__exitActive_qq9ne","exitDone":"universal-modal__exitDone_qq9ne"};
+const transitions = {"appear":"universal-modal__appear_ja59i","enter":"universal-modal__enter_ja59i","appearActive":"universal-modal__appearActive_ja59i","enterActive":"universal-modal__enterActive_ja59i","exit":"universal-modal__exit_ja59i","exitActive":"universal-modal__exitActive_ja59i","exitDone":"universal-modal__exitDone_ja59i"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

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