@alfalab/core-components-universal-modal 2.0.1 → 2.0.2

package/Component.responsive.d.ts

@@ -1,16 +1,7 @@
 import React from 'react';
-export declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick" | "onClose">> & {
-    scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
-} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & {
-    breakpoint?: number | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick" | "onClose">> & {
-    scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
-} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & {
-    breakpoint?: number | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>> & {
+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>>;
     Content: React.FC<import("./components/content").ContentResponsiveProps>;
     Footer: React.ForwardRefExoticComponent<import("./components/footer").FooterResponsiveProps & React.RefAttributes<HTMLDivElement>>;

package/Component.responsive.js.map

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

package/components/content/base-content/base-content.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-export declare type ContentProps = {
+export interface ContentProps {
     /**
      * Контент
      */
@@ -12,5 +12,5 @@ export declare type ContentProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-};
+}
 export declare const BaseContent: FC<ContentProps>;

package/components/content/base-content/base-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-content.js","sources":["../../../src/components/content/base-content/base-content.tsx"],"sourcesContent":["import React, { FC, ReactNode, Ref, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from './index.module.css';\n\nexport type ContentProps = {\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const BaseContent: FC<ContentProps> = ({ children, className, dataTestId }) => {\n    const { contentRef } = useContext(ModalContext);\n\n    return (\n        <div\n            className={cn(styles.content, className)}\n            ref={contentRef as Ref<HTMLDivElement>}\n            data-test-id={getDataTestId(dataTestId, 'content')}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":["useContext","ModalContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AA0BO,IAAM,WAAW,GAAqB,UAAC,EAAmC,EAAA;AAAjC,IAAA,IAAA,QAAQ,cAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;AACnE,IAAA,IAAA,UAAU,GAAKA,gBAAU,CAACC,oBAAY,CAAC,WAA7B;IAElB,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,UAAiC,EAAA,cAAA,EACxBC,kCAAa,CAAC,UAAU,EAAE,SAAS,CAAC,EAEjD,EAAA,QAAQ,CACP;AAEd;;;;"}
+{"version":3,"file":"base-content.js","sources":["../../../src/components/content/base-content/base-content.tsx"],"sourcesContent":["import React, { FC, ReactNode, Ref, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from './index.module.css';\n\nexport interface ContentProps {\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n}\n\nexport const BaseContent: FC<ContentProps> = ({ children, className, dataTestId }) => {\n    const { contentRef } = useContext(ModalContext);\n\n    return (\n        <div\n            className={cn(styles.content, className)}\n            ref={contentRef as Ref<HTMLDivElement>}\n            data-test-id={getDataTestId(dataTestId, 'content')}\n        >\n            {children}\n        </div>\n    );\n};\n"],"names":["useContext","ModalContext","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;AA0BO,IAAM,WAAW,GAAqB,UAAC,EAAmC,EAAA;AAAjC,IAAA,IAAA,QAAQ,cAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;AACnE,IAAA,IAAA,UAAU,GAAKA,gBAAU,CAACC,oBAAY,CAAC,WAA7B;IAElB,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,UAAiC,EAAA,cAAA,EACxBC,kCAAa,CAAC,UAAU,EAAE,SAAS,CAAC,EAEjD,EAAA,QAAQ,CACP;AAEd;;;;"}

package/components/content/base-content/index.css

@@ -1,7 +1,7 @@
 :root {
     --gap-2xl: 32px;
     --gap-32: var(--gap-2xl);
-} .universal-modal__content_xems2 {
+} .universal-modal__content_1bpdq {
     position: relative;
     box-sizing: border-box;
     width: 100%;

package/components/content/base-content/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"content":"universal-modal__content_xems2"};
+var styles = {"content":"universal-modal__content_1bpdq"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/content/desktop/Component.desktop.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
 import { ContentProps } from '../base-content/base-content';
-export declare type ContentDesktopProps = ContentProps & {
+export interface ContentDesktopProps extends ContentProps {
     /**
      * Размер (только для desktop версии компонента)
      */
     size?: 's' | 500;
-};
+}
 export declare const ContentDesktop: FC<ContentDesktopProps>;

package/components/content/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/content/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\nimport { BaseContent, ContentProps } from '../base-content/base-content';\n\nimport styles from './desktop.module.css';\n\nexport type ContentDesktopProps = ContentProps & {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n};\n\nexport const ContentDesktop: FC<ContentDesktopProps> = ({ className, ...restProps }) => {\n    const { hasHeader, hasFooter } = useContext(UniversalModalContext);\n\n    return (\n        <BaseContent\n            className={cn(styles.content, className, {\n                [styles.withHeader]: hasHeader,\n                [styles.withFooter]: hasFooter,\n            })}\n            {...restProps}\n        />\n    );\n};\n"],"names":["__rest","useContext","UniversalModalContext","React","BaseContent","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AAeO,IAAM,cAAc,GAA4B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACvE,IAAA,EAAA,GAA2BC,gBAAU,CAACC,2CAAqB,CAAC,EAA1D,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAsC;AAElE,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,uBAAW,EAAAC,cAAA,CAAA,EACR,SAAS,EAAEC,mBAAE,CAACC,cAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/content/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\nimport { BaseContent, ContentProps } from '../base-content/base-content';\n\nimport styles from './desktop.module.css';\n\nexport interface ContentDesktopProps extends ContentProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const ContentDesktop: FC<ContentDesktopProps> = ({ className, ...restProps }) => {\n    const { hasHeader, hasFooter } = useContext(UniversalModalContext);\n\n    return (\n        <BaseContent\n            className={cn(styles.content, className, {\n                [styles.withHeader]: hasHeader,\n                [styles.withFooter]: hasFooter,\n            })}\n            {...restProps}\n        />\n    );\n};\n"],"names":["__rest","useContext","UniversalModalContext","React","BaseContent","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;AAeO,IAAM,cAAc,GAA4B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACvE,IAAA,EAAA,GAA2BC,gBAAU,CAACC,2CAAqB,CAAC,EAA1D,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAsC;AAElE,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,uBAAW,EAAAC,cAAA,CAAA,EACR,SAAS,EAAEC,mBAAE,CAACC,cAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAACA,cAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}

package/components/content/desktop/desktop.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__content_1skja.universal-modal__withHeader_1skja {
+} .universal-modal__content_1e9sb.universal-modal__withHeader_1e9sb {
         padding-top: var(--gap-0);
-    } .universal-modal__content_1skja.universal-modal__withFooter_1skja {
+    } .universal-modal__content_1e9sb.universal-modal__withFooter_1e9sb {
         padding-bottom: var(--gap-0);
     }

package/components/content/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"content":"universal-modal__content_1skja","withHeader":"universal-modal__withHeader_1skja","withFooter":"universal-modal__withFooter_1skja"};
+var styles = {"content":"universal-modal__content_1e9sb","withHeader":"universal-modal__withHeader_1e9sb","withFooter":"universal-modal__withFooter_1e9sb"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/content/mobile/Component.mobile.d.ts

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

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

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

package/components/content/mobile/mobile.css

@@ -4,10 +4,10 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
-} .universal-modal__content_9ygok {
+} .universal-modal__content_c62z2 {
     padding: var(--gap-16)
-} .universal-modal__content_9ygok.universal-modal__withHeader_9ygok {
+} .universal-modal__content_c62z2.universal-modal__withHeader_c62z2 {
         padding-top: var(--gap-0);
-    } .universal-modal__content_9ygok.universal-modal__withFooter_9ygok {
+    } .universal-modal__content_c62z2.universal-modal__withFooter_c62z2 {
         padding-bottom: var(--gap-20);
     }

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

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"content":"universal-modal__content_9ygok","withHeader":"universal-modal__withHeader_9ygok","withFooter":"universal-modal__withFooter_9ygok"};
+var styles = {"content":"universal-modal__content_c62z2","withHeader":"universal-modal__withHeader_c62z2","withFooter":"universal-modal__withFooter_c62z2"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/content/responsive/Component.responsive.d.ts

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

package/components/content/responsive/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../../../src/components/content/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentDesktop, ContentDesktopProps } from '../desktop/Component.desktop';\nimport { ContentMobile, ContentMobileProps } from '../mobile/Component.mobile';\n\nexport type ContentResponsiveProps = ContentDesktopProps | ContentMobileProps;\n\nexport const ContentResponsive: FC<ContentResponsiveProps> = ({ ...restProps }) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <ContentDesktop {...restProps} />;\n    }\n\n    return <ContentMobile {...restProps} />;\n};\n"],"names":["__rest","useIsDesktop","React","ContentDesktop","__assign","ContentMobile"],"mappings":";;;;;;;;;;;;;;AASO,IAAM,iBAAiB,GAA+B,UAAC,EAAgB,EAAA;QAAX,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAd,EAAgB,CAAF;AACxE,IAAA,IAAM,SAAS,GAAGC,6BAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,OAAOC,sBAAC,CAAA,aAAA,CAAAC,gCAAc,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAC3C;AAED,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,8BAAa,EAAKD,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAC3C;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../../../src/components/content/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { type ContentDesktopProps, ContentDesktop } from '../desktop/Component.desktop';\nimport { type ContentMobileProps, ContentMobile } from '../mobile/Component.mobile';\n\nexport interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {}\n\nexport const ContentResponsive: FC<ContentResponsiveProps> = ({ ...restProps }) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <ContentDesktop {...restProps} />;\n    }\n\n    return <ContentMobile {...restProps} />;\n};\n"],"names":["__rest","useIsDesktop","React","ContentDesktop","__assign","ContentMobile"],"mappings":";;;;;;;;;;;;;;AASO,IAAM,iBAAiB,GAA+B,UAAC,EAAgB,EAAA;QAAX,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAd,EAAgB,CAAF;AACxE,IAAA,IAAM,SAAS,GAAGC,6BAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,OAAOC,sBAAC,CAAA,aAAA,CAAAC,gCAAc,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAC3C;AAED,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,8BAAa,EAAKD,cAAA,CAAA,EAAA,EAAA,SAAS,EAAI;AAC3C;;;;"}

package/components/footer/base-footer/base-footer.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type FooterProps = {
+export interface FooterProps {
     /**
      * Контент футера
      */
@@ -24,5 +24,5 @@ export declare type FooterProps = {
      * Отбивка бордером
      */
     isHighlighted?: boolean;
-};
+}
 export declare const BaseFooter: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;

package/components/footer/base-footer/base-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-footer.js","sources":["../../../src/components/footer/base-footer/base-footer.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from './index.module.css';\n\nexport type FooterProps = {\n    /**\n     * Контент футера\n     */\n    children?: ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Фиксирует футер\n     */\n    sticky?: boolean;\n\n    /**\n     * Выравнивание элементов футера\n     */\n    layout?: 'start' | 'center' | 'space-between' | 'column';\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Отбивка бордером\n     */\n    isHighlighted?: boolean;\n};\n\nexport const BaseFooter = forwardRef<HTMLDivElement, FooterProps>((props, ref) => {\n    const { children, className, sticky, dataTestId, isHighlighted } = props;\n    const { setHasFooter } = useContext(ModalContext);\n\n    useEffect(() => {\n        setHasFooter(true);\n\n        return () => {\n            setHasFooter(false);\n        };\n    }, [setHasFooter]);\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.footer, className, {\n                [styles.highlighted]: sticky && isHighlighted,\n                [styles.sticky]: sticky,\n            })}\n            data-test-id={getDataTestId(dataTestId, 'footer')}\n            data-name='modalFooterDesktop'\n        >\n            {children}\n        </div>\n    );\n});\n"],"names":["forwardRef","useContext","ModalContext","useEffect","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;IAyCa,UAAU,GAAGA,gBAAU,CAA8B,UAAC,KAAK,EAAE,GAAG,EAAA;;IACjE,IAAA,QAAQ,GAAmD,KAAK,CAAxD,QAAA,EAAE,SAAS,GAAwC,KAAK,CAA7C,SAAA,EAAE,MAAM,GAAgC,KAAK,CAArC,MAAA,EAAE,UAAU,GAAoB,KAAK,CAAA,UAAzB,EAAE,aAAa,GAAK,KAAK,CAAA,aAAV;AACtD,IAAA,IAAA,YAAY,GAAKC,gBAAU,CAACC,oBAAY,CAAC,aAA7B;AAEpB,IAAAC,eAAS,CAAC,YAAA;QACN,YAAY,CAAC,IAAI,CAAC;QAElB,OAAO,YAAA;YACH,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAG,GAAA,MAAM,IAAI,aAAa;AAC7C,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA,cAAA,EACYC,kCAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EACvC,WAAA,EAAA,oBAAoB,EAE7B,EAAA,QAAQ,CACP;AAEd,CAAC;;;;"}
+{"version":3,"file":"base-footer.js","sources":["../../../src/components/footer/base-footer/base-footer.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from './index.module.css';\n\nexport interface FooterProps {\n    /**\n     * Контент футера\n     */\n    children?: ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Фиксирует футер\n     */\n    sticky?: boolean;\n\n    /**\n     * Выравнивание элементов футера\n     */\n    layout?: 'start' | 'center' | 'space-between' | 'column';\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Отбивка бордером\n     */\n    isHighlighted?: boolean;\n}\n\nexport const BaseFooter = forwardRef<HTMLDivElement, FooterProps>((props, ref) => {\n    const { children, className, sticky, dataTestId, isHighlighted } = props;\n    const { setHasFooter } = useContext(ModalContext);\n\n    useEffect(() => {\n        setHasFooter(true);\n\n        return () => {\n            setHasFooter(false);\n        };\n    }, [setHasFooter]);\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.footer, className, {\n                [styles.highlighted]: sticky && isHighlighted,\n                [styles.sticky]: sticky,\n            })}\n            data-test-id={getDataTestId(dataTestId, 'footer')}\n            data-name='modalFooterDesktop'\n        >\n            {children}\n        </div>\n    );\n});\n"],"names":["forwardRef","useContext","ModalContext","useEffect","React","cn","styles","getDataTestId"],"mappings":";;;;;;;;;;;;;;;IAyCa,UAAU,GAAGA,gBAAU,CAA8B,UAAC,KAAK,EAAE,GAAG,EAAA;;IACjE,IAAA,QAAQ,GAAmD,KAAK,CAAxD,QAAA,EAAE,SAAS,GAAwC,KAAK,CAA7C,SAAA,EAAE,MAAM,GAAgC,KAAK,CAArC,MAAA,EAAE,UAAU,GAAoB,KAAK,CAAA,UAAzB,EAAE,aAAa,GAAK,KAAK,CAAA,aAAV;AACtD,IAAA,IAAA,YAAY,GAAKC,gBAAU,CAACC,oBAAY,CAAC,aAA7B;AAEpB,IAAAC,eAAS,CAAC,YAAA;QACN,YAAY,CAAC,IAAI,CAAC;QAElB,OAAO,YAAA;YACH,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAACA,YAAM,CAAC,WAAW,CAAG,GAAA,MAAM,IAAI,aAAa;AAC7C,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA,cAAA,EACYC,kCAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EACvC,WAAA,EAAA,oBAAoB,EAE7B,EAAA,QAAQ,CACP;AAEd,CAAC;;;;"}

package/components/footer/base-footer/index.css

@@ -10,16 +10,16 @@
     --universal-modal-footer-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
-} .universal-modal__footer_12n9k {
+} .universal-modal__footer_1gy0j {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
-} .universal-modal__sticky_12n9k {
+} .universal-modal__sticky_1gy0j {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
-} .universal-modal__highlighted_12n9k {
+} .universal-modal__highlighted_1gy0j {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

package/components/footer/base-footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"universal-modal__footer_12n9k","sticky":"universal-modal__sticky_12n9k","highlighted":"universal-modal__highlighted_12n9k"};
+var styles = {"footer":"universal-modal__footer_1gy0j","sticky":"universal-modal__sticky_1gy0j","highlighted":"universal-modal__highlighted_1gy0j"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/desktop/Component.desktop.d.ts

@@ -1,14 +1,9 @@
 import React from 'react';
-import { FooterProps } from '../base-footer/base-footer';
-export declare type FooterDesktopProps = FooterProps & {
+import { type FooterProps } from '../base-footer/base-footer';
+export interface FooterDesktopProps extends FooterProps {
     /**
      * Размер (только для desktop версии компонента)
      */
     size?: 's' | 500;
-};
-export declare const FooterDesktop: React.ForwardRefExoticComponent<FooterProps & {
-    /**
-     * Размер (только для desktop версии компонента)
-     */
-    size?: "s" | 500 | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+}
+export declare const FooterDesktop: React.ForwardRefExoticComponent<FooterDesktopProps & React.RefAttributes<HTMLDivElement>>;

package/components/footer/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/footer/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\nimport { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/constants';\nimport { BaseFooter, FooterProps } from '../base-footer/base-footer';\n\nimport styles from './desktop.module.css';\nimport layoutStyles from './layout.module.css';\n\nexport type FooterDesktopProps = FooterProps & {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n};\n\nexport const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {\n    const { className, sticky, layout = 'start', ...restProps } = props;\n    const { modalWidth = 500, modalFooterHighlighted } = useContext(UniversalModalContext);\n\n    const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;\n\n    return (\n        <BaseFooter\n            ref={ref}\n            className={cn(layoutStyles[layout], className, {\n                [styles.sticky]: sticky,\n                [layoutStyles.middle]: isMiddle,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={modalFooterHighlighted}\n            {...restProps}\n        />\n    );\n});\n\nFooterDesktop.displayName = 'FooterDesktop';\n"],"names":["forwardRef","__rest","useContext","UniversalModalContext","FOOTER_MEDIUM_BREAKPOINT","React","BaseFooter","__assign","cn","layoutStyles","styles"],"mappings":";;;;;;;;;;;;;;;;;;IAiBa,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAC3E,IAAA,SAAS,GAA6C,KAAK,CAAlD,SAAA,EAAE,MAAM,GAAqC,KAAK,CAA1C,MAAA,EAAE,EAAmC,GAAA,KAAK,OAAxB,EAAhB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA7D,CAAqD,WAAA,EAAA,QAAA,EAAA,QAAA,CAAA,CAAF;AACnD,IAAA,IAAA,EAA+C,GAAAC,gBAAU,CAACC,2CAAqB,CAAC,EAA9E,EAAA,GAAA,EAAA,CAAA,UAAgB,EAAhB,UAAU,mBAAG,GAAG,GAAA,EAAA,EAAE,sBAAsB,4BAAsC;IAEtF,IAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAIC,8BAAwB;AAErF,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,qBAAU,EACPC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,aAAY,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzC,YAAA,EAAA,CAACC,cAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACD,aAAY,CAAC,MAAM,CAAA,GAAG,QAAQ;AACjC,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,EACjC,SAAS,CAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/footer/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\nimport { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/constants';\nimport { type FooterProps, BaseFooter } from '../base-footer/base-footer';\n\nimport styles from './desktop.module.css';\nimport layoutStyles from './layout.module.css';\n\nexport interface FooterDesktopProps extends FooterProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {\n    const { className, sticky, layout = 'start', ...restProps } = props;\n    const { modalWidth = 500, modalFooterHighlighted } = useContext(UniversalModalContext);\n\n    const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;\n\n    return (\n        <BaseFooter\n            ref={ref}\n            className={cn(layoutStyles[layout], className, {\n                [styles.sticky]: sticky,\n                [layoutStyles.middle]: isMiddle,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={modalFooterHighlighted}\n            {...restProps}\n        />\n    );\n});\n\nFooterDesktop.displayName = 'FooterDesktop';\n"],"names":["forwardRef","__rest","useContext","UniversalModalContext","FOOTER_MEDIUM_BREAKPOINT","React","BaseFooter","__assign","cn","layoutStyles","styles"],"mappings":";;;;;;;;;;;;;;;;;;IAiBa,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAC3E,IAAA,SAAS,GAA6C,KAAK,CAAlD,SAAA,EAAE,MAAM,GAAqC,KAAK,CAA1C,MAAA,EAAE,EAAmC,GAAA,KAAK,OAAxB,EAAhB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA7D,CAAqD,WAAA,EAAA,QAAA,EAAA,QAAA,CAAA,CAAF;AACnD,IAAA,IAAA,EAA+C,GAAAC,gBAAU,CAACC,2CAAqB,CAAC,EAA9E,EAAA,GAAA,EAAA,CAAA,UAAgB,EAAhB,UAAU,mBAAG,GAAG,GAAA,EAAA,EAAE,sBAAsB,4BAAsC;IAEtF,IAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAIC,8BAAwB;AAErF,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,qBAAU,EACPC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,aAAY,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzC,YAAA,EAAA,CAACC,cAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACD,aAAY,CAAC,MAAM,CAAA,GAAG,QAAQ;AACjC,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,EACjC,SAAS,CAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/components/footer/desktop/desktop.css

@@ -1,5 +1,5 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__sticky_9jo8p {
+} .universal-modal__sticky_1lr61 {
     bottom: var(--gap-0);
 }

package/components/footer/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"sticky":"universal-modal__sticky_9jo8p"};
+var styles = {"sticky":"universal-modal__sticky_1lr61"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/footer/desktop/layout.css

@@ -5,25 +5,25 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
-} .universal-modal__column_9a049 {
+} .universal-modal__column_1lhhw {
     display: flex;
     flex-direction: column;
     grid-gap: var(--gap-8);
     gap: var(--gap-8)
-} .universal-modal__column_9a049.universal-modal__middle_9a049 {
+} .universal-modal__column_1lhhw.universal-modal__middle_1lhhw {
         grid-gap: var(--gap-12);
         gap: var(--gap-12);
-    } .universal-modal__start_9a049 {
+    } .universal-modal__start_1lhhw {
     justify-content: flex-start;
-} .universal-modal__center_9a049 {
+} .universal-modal__center_1lhhw {
     justify-content: center;
-} .universal-modal__space-between_9a049 {
+} .universal-modal__space-between_1lhhw {
     justify-content: space-between
-} .universal-modal__space-between_9a049 > * {
+} .universal-modal__space-between_1lhhw > * {
         flex: 1;
-    } .universal-modal__start_9a049,
-.universal-modal__center_9a049,
-.universal-modal__space-between_9a049 {
+    } .universal-modal__start_1lhhw,
+.universal-modal__center_1lhhw,
+.universal-modal__space-between_1lhhw {
     display: flex;
     grid-gap: var(--gap-16);
     gap: var(--gap-16);

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

@@ -2,7 +2,7 @@
 
 require('./layout.css');
 
-var layoutStyles = {"column":"universal-modal__column_9a049","middle":"universal-modal__middle_9a049","start":"universal-modal__start_9a049","center":"universal-modal__center_9a049","space-between":"universal-modal__space-between_9a049"};
+var layoutStyles = {"column":"universal-modal__column_1lhhw","middle":"universal-modal__middle_1lhhw","start":"universal-modal__start_1lhhw","center":"universal-modal__center_1lhhw","space-between":"universal-modal__space-between_1lhhw"};
 
 module.exports = layoutStyles;
 //# sourceMappingURL=layout.module.css.js.map

package/components/footer/mobile/Component.mobile.d.ts

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

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

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

@@ -1,22 +1,22 @@
 :root {
     --gap-m: 16px;
     --gap-16: var(--gap-m);
-} .universal-modal__column_13lw3 {
+} .universal-modal__column_15tid {
     display: flex;
     flex-direction: column;
     grid-gap: var(--gap-16);
     gap: var(--gap-16);
-} .universal-modal__start_13lw3 {
+} .universal-modal__start_15tid {
     justify-content: flex-start;
-} .universal-modal__center_13lw3 {
+} .universal-modal__center_15tid {
     justify-content: center;
-} .universal-modal__space-between_13lw3 {
+} .universal-modal__space-between_15tid {
     justify-content: space-between
-} .universal-modal__space-between_13lw3 > * {
+} .universal-modal__space-between_15tid > * {
         flex: 1;
-    } .universal-modal__start_13lw3,
-.universal-modal__center_13lw3,
-.universal-modal__space-between_13lw3 {
+    } .universal-modal__start_15tid,
+.universal-modal__center_15tid,
+.universal-modal__space-between_15tid {
     display: flex;
     grid-gap: var(--gap-16);
     gap: var(--gap-16);

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

@@ -2,7 +2,7 @@
 
 require('./layout.mobile.css');
 
-var layoutStylesMobile = {"column":"universal-modal__column_13lw3","start":"universal-modal__start_13lw3","center":"universal-modal__center_13lw3","space-between":"universal-modal__space-between_13lw3"};
+var layoutStylesMobile = {"column":"universal-modal__column_15tid","start":"universal-modal__start_15tid","center":"universal-modal__center_15tid","space-between":"universal-modal__space-between_15tid"};
 
 module.exports = layoutStylesMobile;
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/components/footer/mobile/mobile.css

@@ -2,8 +2,8 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .universal-modal__footer_crjbc {
+} .universal-modal__footer_17nth {
     padding: var(--gap-16);
-} .universal-modal__sticky_crjbc {
+} .universal-modal__sticky_17nth {
     bottom: var(--gap-0);
 }

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

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"footer":"universal-modal__footer_crjbc","sticky":"universal-modal__sticky_crjbc"};
+var styles = {"footer":"universal-modal__footer_17nth","sticky":"universal-modal__sticky_17nth"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/footer/responsive/Component.responsive.d.ts

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

package/components/footer/responsive/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../../../src/components/footer/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { FooterDesktop, FooterDesktopProps } from '../desktop/Component.desktop';\nimport { FooterMobile, FooterMobileProps } from '../mobile/Component.mobile';\n\nexport type FooterResponsiveProps = FooterDesktopProps | FooterMobileProps;\n\nexport const FooterResponsive = forwardRef<HTMLDivElement, FooterResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <FooterDesktop ref={ref} {...props} />;\n    }\n\n    return <FooterMobile {...props} />;\n});\n\nFooterResponsive.displayName = 'FooterResponsive';\n"],"names":["forwardRef","useIsDesktop","React","FooterDesktop","__assign","FooterMobile"],"mappings":";;;;;;;;;;;;;;IASa,gBAAgB,GAAGA,gBAAU,CAAwC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzF,IAAA,IAAM,SAAS,GAAGC,6BAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAOC,sBAAA,CAAA,aAAA,CAACC,+BAAa,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;AAChD;AAED,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,6BAAY,EAAKD,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../../../src/components/footer/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { type FooterDesktopProps, FooterDesktop } from '../desktop/Component.desktop';\nimport { type FooterMobileProps, FooterMobile } from '../mobile/Component.mobile';\n\nexport interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {}\n\nexport const FooterResponsive = forwardRef<HTMLDivElement, FooterResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <FooterDesktop ref={ref} {...props} />;\n    }\n\n    return <FooterMobile {...props} />;\n});\n\nFooterResponsive.displayName = 'FooterResponsive';\n"],"names":["forwardRef","useIsDesktop","React","FooterDesktop","__assign","FooterMobile"],"mappings":";;;;;;;;;;;;;;IASa,gBAAgB,GAAGA,gBAAU,CAAwC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzF,IAAA,IAAM,SAAS,GAAGC,6BAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAOC,sBAAA,CAAA,aAAA,CAACC,+BAAa,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;AAChD;AAED,IAAA,OAAOF,sBAAC,CAAA,aAAA,CAAAG,6BAAY,EAAKD,cAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/components/header/base-header/index.css

@@ -8,41 +8,41 @@
     --universal-modal-header-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
-} .universal-modal__header_d764n {
+} .universal-modal__header_rhx3h {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
     padding: var(--gap-20) var(--gap-20) 0;
-} .universal-modal__highlighted_d764n {
+} .universal-modal__highlighted_rhx3h {
     background: var(--universal-modal-header-highlight-background);
     box-shadow: var(--universal-modal-header-highlight-box-shadow);
-} .universal-modal__sticky_d764n {
+} .universal-modal__sticky_rhx3h {
     position: sticky;
     z-index: 1
-} .universal-modal__sticky_d764n.universal-modal__hasContent_d764n {
+} .universal-modal__sticky_rhx3h.universal-modal__hasContent_rhx3h {
         background: var(--universal-modal-header-background);
-    } .universal-modal__header_d764n.universal-modal__backgroundImage_d764n {
+    } .universal-modal__header_rhx3h.universal-modal__backgroundImage_rhx3h {
     background: center no-repeat;
     background-size: cover;
-} .universal-modal__content_d764n {
+} .universal-modal__content_rhx3h {
     flex-grow: 1;
-} .universal-modal__title_d764n {
+} .universal-modal__title_rhx3h {
     word-break: break-word;
-} .universal-modal__addon_d764n {
+} .universal-modal__addon_rhx3h {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .universal-modal__closer_d764n {
+} .universal-modal__closer_rhx3h {
     margin-left: auto;
-} .universal-modal__right_d764n {
+} .universal-modal__right_rhx3h {
     justify-content: flex-end;
     text-align: right;
-} .universal-modal__trim_d764n {
+} .universal-modal__trim_rhx3h {
     overflow: hidden
-} .universal-modal__trim_d764n .universal-modal__title_d764n {
+} .universal-modal__trim_rhx3h .universal-modal__title_rhx3h {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/components/header/base-header/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"universal-modal__header_d764n","highlighted":"universal-modal__highlighted_d764n","sticky":"universal-modal__sticky_d764n","hasContent":"universal-modal__hasContent_d764n"};
+var styles = {"header":"universal-modal__header_rhx3h","highlighted":"universal-modal__highlighted_rhx3h","sticky":"universal-modal__sticky_rhx3h","hasContent":"universal-modal__hasContent_rhx3h"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header/desktop/Component.desktop.d.ts

@@ -1,16 +1,10 @@
 import React from 'react';
 import { NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private';
-export declare type HeaderDesktopProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'> & {
+export interface HeaderDesktopProps extends Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'> {
     /**
      * Заголовок в шапке крупного размера
      * @default false
      */
     bigTitle?: boolean;
-};
-export declare const HeaderDesktop: React.ForwardRefExoticComponent<Omit<NavigationBarPrivateProps, "view" | "size" | "parentRef" | "titleSize" | "subtitle"> & {
-    /**
-     * Заголовок в шапке крупного размера
-     * @default false
-     */
-    bigTitle?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+}
+export declare const HeaderDesktop: React.ForwardRefExoticComponent<HeaderDesktopProps & React.RefAttributes<HTMLDivElement>>;

package/components/header/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/header/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\n\nimport styles from '../base-header/index.module.css';\nimport desktopStyles from './desktop.module.css';\n\nexport type HeaderDesktopProps = Omit<\n    NavigationBarPrivateProps,\n    'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'\n> & {\n    /**\n     * Заголовок в шапке крупного размера\n     * @default false\n     */\n    bigTitle?: boolean;\n};\n\nexport const HeaderDesktop = forwardRef<HTMLDivElement, HeaderDesktopProps>((props, ref) => {\n    const {\n        className,\n        children,\n        contentClassName,\n        title,\n        sticky,\n        bigTitle = false,\n        titleClassName,\n        dataTestId,\n        bottomAddonsClassName,\n        onClose,\n        ...restProps\n    } = props;\n\n    const { componentRef, onClose: handleCloseByContext } = useContext(ModalContext);\n    const { modalHeaderHighlighted } = useContext(UniversalModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={ref}\n            view='desktop'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            dataName='modalHeaderDesktop'\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, className, {\n                [styles.highlighted]: sticky && modalHeaderHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.sticky]: sticky,\n            })}\n            contentClassName={cn(desktopStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(desktopStyles.bottomAddons, bottomAddonsClassName, {\n                [desktopStyles.medium]: bigTitle,\n            })}\n            scrollableParentRef={componentRef}\n            titleClassName={cn(desktopStyles.headerTitle, titleClassName, {\n                [desktopStyles.medium]: bigTitle,\n            })}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n});\n\nHeaderDesktop.displayName = 'HeaderDesktop';\n"],"names":["forwardRef","__rest","useContext","ModalContext","UniversalModalContext","useRef","React","NavigationBarPrivate","getDataTestId","cn","styles","desktopStyles"],"mappings":"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"}
+{"version":3,"file":"Component.desktop.js","sources":["../../../src/components/header/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\n\nimport styles from '../base-header/index.module.css';\nimport desktopStyles from './desktop.module.css';\n\nexport interface HeaderDesktopProps\n    extends Omit<\n        NavigationBarPrivateProps,\n        'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'\n    > {\n    /**\n     * Заголовок в шапке крупного размера\n     * @default false\n     */\n    bigTitle?: boolean;\n}\n\nexport const HeaderDesktop = forwardRef<HTMLDivElement, HeaderDesktopProps>((props, ref) => {\n    const {\n        className,\n        children,\n        contentClassName,\n        title,\n        sticky,\n        bigTitle = false,\n        titleClassName,\n        dataTestId,\n        bottomAddonsClassName,\n        onClose,\n        ...restProps\n    } = props;\n\n    const { componentRef, onClose: handleCloseByContext } = useContext(ModalContext);\n    const { modalHeaderHighlighted } = useContext(UniversalModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || restProps.bottomAddons);\n\n    const handleClose: NavigationBarPrivateProps['onClose'] = (...args) => {\n        if (onClose) {\n            return onClose(...args);\n        }\n\n        return handleCloseByContext(...args);\n    };\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={ref}\n            view='desktop'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            dataName='modalHeaderDesktop'\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, className, {\n                [styles.highlighted]: sticky && modalHeaderHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.sticky]: sticky,\n            })}\n            contentClassName={cn(desktopStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(desktopStyles.bottomAddons, bottomAddonsClassName, {\n                [desktopStyles.medium]: bigTitle,\n            })}\n            scrollableParentRef={componentRef}\n            titleClassName={cn(desktopStyles.headerTitle, titleClassName, {\n                [desktopStyles.medium]: bigTitle,\n            })}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n});\n\nHeaderDesktop.displayName = 'HeaderDesktop';\n"],"names":["forwardRef","__rest","useContext","ModalContext","UniversalModalContext","useRef","React","NavigationBarPrivate","getDataTestId","cn","styles","desktopStyles"],"mappings":";;;;;;;;;;;;;;;;;;;IA2Ba,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;AAE/E,IAAA,IAAA,SAAS,GAWT,KAAK,CAAA,SAXI,EACT,QAAQ,GAUR,KAAK,CAVG,QAAA,EACR,gBAAgB,GAShB,KAAK,CAAA,gBATW,EAChB,KAAK,GAQL,KAAK,CARA,KAAA,EACL,MAAM,GAON,KAAK,CAAA,MAPC,EACN,EAAA,GAMA,KAAK,CAAA,QANW,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EAChB,cAAc,GAKd,KAAK,CAAA,cALS,EACd,UAAU,GAIV,KAAK,CAJK,UAAA,EACV,qBAAqB,GAGrB,KAAK,CAAA,qBAHgB,EACrB,OAAO,GAEP,KAAK,CAFE,OAAA,EACJ,SAAS,GAAAC,YAAA,CACZ,KAAK,EAZH,CAYL,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAAA,CADe;IAGV,IAAA,EAAA,GAAkDC,gBAAU,CAACC,oBAAY,CAAC,EAAxE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAW,oBAAoB,GAAA,EAAA,CAAA,OAA6B;AACxE,IAAA,IAAA,sBAAsB,GAAKD,gBAAU,CAACE,2CAAqB,CAAC,uBAAtC;AAE9B,IAAA,IAAM,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAE7C,IAAA,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,SAAS,CAAC,YAAY,CAAC;AAEvE,IAAA,IAAM,WAAW,GAAyC,YAAA;QAAC,IAAO,IAAA,GAAA,EAAA;aAAP,IAAO,EAAA,GAAA,CAAA,EAAP,EAAO,GAAA,SAAA,CAAA,MAAA,EAAP,EAAO,EAAA,EAAA;YAAP,IAAO,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAC9D,QAAA,IAAI,OAAO,EAAE;YACT,OAAO,OAAO,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AAC3B;QAED,OAAO,oBAAoB,CAAI,KAAA,CAAA,MAAA,EAAA,IAAI,CAAE;AACzC,KAAC;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,uDAAoB,qBACb,SAAS,EAAA,EACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,UAAU,EAAEC,kCAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,QAAQ,EAAC,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YAClC,EAAC,CAAAA,YAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,sBAAsB,IAAI,UAAU;AACpE,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACA,YAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AAC/B,YAAA,EAAA,CAACC,cAAa,CAAC,MAAM,CAAA,GAAG,MAAM;AAChC,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAEF,mBAAE,CAACE,cAAa,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC7D,qBAAqB,EAAEF,mBAAE,CAACE,cAAa,CAAC,YAAY,EAAE,qBAAqB,GAAA,EAAA,GAAA,EAAA;AACvE,YAAA,EAAA,CAACA,cAAa,CAAC,MAAM,CAAA,GAAG,QAAQ;AAClC,YAAA,EAAA,EAAA,EACF,mBAAmB,EAAE,YAAY,EACjC,cAAc,EAAEF,mBAAE,CAACE,cAAa,CAAC,WAAW,EAAE,cAAc,GAAA,EAAA,GAAA,EAAA;AACxD,YAAA,EAAA,CAACA,cAAa,CAAC,MAAM,CAAA,GAAG,QAAQ;gBAClC,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EAEnB,CAAA,EAAA,QAAQ,CACU;AAE/B,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}