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

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

@@ -1,6 +1,6 @@
 import './full-size-vertical-top-transitions.css';
 
-var 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"};
+var 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/esm/desktop/utils/get-height-style.js

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

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

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

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

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

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

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

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

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

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

@@ -2,17 +2,9 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/esm';
-import '@alfalab/core-components-mq/esm';
-import '@alfalab/core-components-shared/esm';
-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/esm/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":";;;;;;;;;;;;;;;;;;;IAea,6BAA6B,GAAG,UAAU,CACnD,UAAC,KAAK,EAAE,GAAG,EAAA;AACC,IAAA,IAAA,QAAQ,GAAiE,KAAK,CAAA,QAAtE,EAAE,SAAS,GAAsD,KAAK,CAA3D,SAAA,EAAE,UAAU,GAA0C,KAAK,CAA/C,UAAA,EAAE,EAAwC,GAAA,KAAK,CAAxB,UAAA,EAArB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAhF,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAwE,CAAF;AAE5E,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EACX,QAAA,CAAA,EAAA,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,EAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,oBAAoB,GAAG,WAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAA,CAAA,EAE/B,QAAQ,CACD;AAEpB,CAAC;IAGQ,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":";;;;;;;;;;;IAca,6BAA6B,GAAG,UAAU,CACnD,UAAC,KAAK,EAAE,GAAG,EAAA;AACC,IAAA,IAAA,QAAQ,GAAiE,KAAK,CAAA,QAAtE,EAAE,SAAS,GAAsD,KAAK,CAA3D,SAAA,EAAE,UAAU,GAA0C,KAAK,CAA/C,UAAA,EAAE,EAAwC,GAAA,KAAK,CAAxB,UAAA,EAArB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAhF,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAwE,CAAF;AAE5E,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EACX,QAAA,CAAA,EAAA,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,EAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,oBAAoB,GAAG,WAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAA,CAAA,EAE/B,QAAQ,CACD;AAEpB,CAAC;IAGQ,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/esm/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/{modern/components/content/mobile/Component.mobile.d.ts → esm/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/esm/{components/content/mobile/Component.mobile.js → mobile/components/content/index.js}

@@ -1,9 +1,9 @@
 import { __rest, __assign } from 'tslib';
 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';
 
 var ContentMobile = function (_a) {
     var _b;
@@ -16,4 +16,4 @@ var ContentMobile = function (_a) {
 };
 
 export { ContentMobile };
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/esm/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,IAAM,aAAa,GAA2B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACrE,IAAA,EAAA,GAA2B,UAAU,CAAC,YAAY,CAAC,EAAjD,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAA6B;AAEzD,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}

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

@@ -0,0 +1,6 @@
+import './index.css';
+
+var 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/esm/mobile/components/content/index.module.css.js.map

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

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

@@ -1,10 +1,10 @@
 import { __rest, __assign } from 'tslib';
 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';
 
 var FooterMobile = function (_a) {
     var _b;
@@ -16,4 +16,4 @@ var FooterMobile = function (_a) {
 };
 
 export { FooterMobile };
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/esm/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":";;;;;;;;AAWO,IAAM,YAAY,GAA0B,UAAC,EAKnD,EAAA;;AAJG,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgB,GAAA,EAAA,CAAA,MAAA,EAAhB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACb,SAAS,GAAA,MAAA,CAAA,EAAA,EAJoC,iCAKnD,CADe;AAEJ,IAAA,IAAA,iBAAiB,GAAK,UAAU,CAAC,YAAY,CAAC,kBAA7B;AAEzB,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,EACP,QAAA,CAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC9D,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,iBAAiB,EAAA,EAC5B,SAAS,CAAA,CACf;AAEV;;;;"}

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

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

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

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

package/esm/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/esm/mobile/components/footer/layout.mobile.module.css.js

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

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

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

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

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

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

@@ -3,9 +3,9 @@ import React from 'react';
 import cn from 'classnames';
 import { NavigationBarPrivate } from '@alfalab/core-components-navigation-bar-private/esm';
 import { getDataTestId } from '@alfalab/core-components-shared/esm';
-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';
 
 var HeaderMobile = function (props) {
     var _a;
@@ -25,4 +25,4 @@ var HeaderMobile = function (props) {
 };
 
 export { HeaderMobile };
-//# sourceMappingURL=Component.mobile.js.map
+//# sourceMappingURL=index.js.map

package/esm/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":";;;;;;;;;AAgBO,IAAM,YAAY,GAA0B,UAAC,KAAK,EAAA;;IAEjD,IAAA,SAAS,GAST,KAAK,CAAA,SATI,EACT,QAAQ,GAQR,KAAK,CARG,QAAA,EACR,gBAAgB,GAOhB,KAAK,iBAPW,EAChB,KAAK,GAML,KAAK,CAAA,KANA,EACL,MAAM,GAKN,KAAK,OALC,EACN,UAAU,GAIV,KAAK,CAAA,UAJK,EACV,qBAAqB,GAGrB,KAAK,CAHgB,qBAAA,EACrB,OAAO,GAEP,KAAK,QAFE,EACJ,SAAS,UACZ,KAAK,EAVH,CAUL,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAAA,CADe;AAGR,IAAA,IAAA,YAAY,GAAK,SAAS,CAAA,YAAd;IAEd,IAAA,EAAA,GAAyE,aAAa,CAAC;AACzF,QAAA,KAAK,EAAA,KAAA;AACL,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,OAAO,EAAA,OAAA;AACV,KAAA,CAAC,EALM,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,WAAW,iBAKxE;AAEF,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,EACb,QAAA,CAAA,EAAA,EAAA,SAAS,IACb,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,GAAA,EAAA,GAAA,EAAA;YACvD,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AACjC,YAAA,EAAA,EAAA,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,KAEnB,QAAQ,CACU;AAE/B;;;;"}

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

@@ -0,0 +1,6 @@
+import './index.css';
+
+var 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/esm/mobile/components/header/index.module.css.js.map

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

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

@@ -1,17 +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 'tslib';
-import 'react';
-import '@alfalab/core-components-mq/esm';
-import 'classnames';
-import '@alfalab/core-components-base-modal/esm';
-import '@alfalab/core-components-shared/esm';
-import '../components/content/base-content/index.css';
-import '../components/content/desktop/desktop.css';
-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/esm/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/esm/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/esm/mobile/mobile.module.css.js

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

package/esm/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/esm/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './right-side-transitions.mobile.css';
 
-var 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"};
+var 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/esm/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/esm/mobile/transitions/transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-var 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"};
+var 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/esm/{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>>;