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

package/esm/mobile/components/buttons/cross-button/cross-button.css

@@ -1,9 +1,9 @@
 :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-} .universal-modal__button_1n81a.universal-modal__button_1n81a {
+} .universal-modal__button_qidjg.universal-modal__button_qidjg {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_1n81a {
+} .universal-modal__icon_qidjg {
     fill: var(--color-light-neutral-translucent-700);
 }

package/esm/mobile/components/buttons/cross-button/cross-button.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 interface CrossButtonProps {
     onClick?: () => void;
 }

package/esm/mobile/components/buttons/cross-button/cross-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"cross-button.js","sources":["../../../../../src/mobile/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n    onClick?: () => void;\n}\n\nexport const CrossButtonMobile: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            leftAddons={<CrossMIcon className={styles.icon} />}\n            size={32}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWO,IAAM,iBAAiB,GAAyB,UAAC,KAAK,EAAA;AACjD,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV;AAEf,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,UAAU,EAAE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,EAClD,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}
+{"version":3,"file":"cross-button.js","sources":["../../../../../src/mobile/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n    onClick?: () => void;\n}\n\nexport const CrossButtonMobile: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            leftAddons={<CrossMIcon className={styles.icon} />}\n            size={32}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWO,IAAM,iBAAiB,GAAyB,UAAC,KAAK,EAAA;AACjD,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV;AAEf,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACT,UAAU,EAAE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI,EAClD,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}

package/esm/mobile/components/buttons/cross-button/cross-button.module.css.js

@@ -1,6 +1,6 @@
 import './cross-button.css';
 
-var styles = {"button":"universal-modal__button_1n81a","icon":"universal-modal__icon_1n81a"};
+var styles = {"button":"universal-modal__button_qidjg","icon":"universal-modal__icon_qidjg"};
 
 export { styles as default };
 //# sourceMappingURL=cross-button.module.css.js.map

package/esm/mobile/components/buttons/cross-button/cross-button.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"cross-button.module.css.js","sources":["../../../../src/mobile/components/buttons/cross-button/cross-button.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.button.button {\n    padding: 0 7px;\n    width: 24px;\n    height: 24px;\n}\n\n.icon {\n    fill: var(--color-light-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,MAAM,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"cross-button.module.css.js","sources":["../../../../src/mobile/components/buttons/cross-button/cross-button.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.button.button {\n    padding: 0 7px;\n    width: 24px;\n    height: 24px;\n}\n\n.icon {\n    fill: var(--color-light-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,MAAM,CAAC,6BAA6B,CAAC;;;;"}

package/esm/mobile/mobile.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__component_1smbt {
+} .universal-modal__component_ifelu {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -8,10 +8,10 @@
     overflow-y: auto;
     max-width: 600px;
     display: flex;
-    flex-direction: column
-} .universal-modal__component_1smbt .universal-modal__content_1smbt {
+    flex-direction: column;
+} .universal-modal__component_ifelu .universal-modal__content_ifelu {
         height: auto;
-    } .universal-modal__component_1smbt.universal-modal__component_1smbt {
+    } .universal-modal__component_ifelu.universal-modal__component_ifelu {
     position: fixed;
     flex: 1;
 }

package/esm/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var styles = {"component":"universal-modal__component_1smbt","content":"universal-modal__content_1smbt"};
+var styles = {"component":"universal-modal__component_ifelu","content":"universal-modal__content_ifelu"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/esm/mobile/mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    top: var(--gap-0);\n    height: 100%;\n    width: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-width: 600px;\n    display: flex;\n    flex-direction: column;\n\n    & .content {\n        height: auto;\n    }\n}\n\n.component.component {\n    position: fixed;\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,SAAS,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    top: var(--gap-0);\n    height: 100%;\n    width: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-width: 600px;\n    display: flex;\n    flex-direction: column;\n\n    & .content {\n        height: auto;\n    }\n}\n\n.component.component {\n    position: fixed;\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,SAAS,CAAC,gCAAgC,CAAC;;;;"}

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

@@ -1,15 +1,15 @@
-.universal-modal__appear_bfrbf,
-.universal-modal__enter_bfrbf {
+.universal-modal__appear_1acqq,
+.universal-modal__enter_1acqq {
     transform: translateX(100%);
-} .universal-modal__appearActive_bfrbf,
-.universal-modal__enterActive_bfrbf {
+} .universal-modal__appearActive_1acqq,
+.universal-modal__enterActive_1acqq {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .universal-modal__exit_bfrbf {
+} .universal-modal__exit_1acqq {
     transform: translateX(0);
-} .universal-modal__exitActive_bfrbf,
-.universal-modal__exitDone_bfrbf {
+} .universal-modal__exitActive_1acqq,
+.universal-modal__exitDone_1acqq {
     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_bfrbf","enter":"universal-modal__enter_bfrbf","appearActive":"universal-modal__appearActive_bfrbf","enterActive":"universal-modal__enterActive_bfrbf","exit":"universal-modal__exit_bfrbf","exitActive":"universal-modal__exitActive_bfrbf","exitDone":"universal-modal__exitDone_bfrbf"};
+var rightSideTransitions = {"appear":"universal-modal__appear_1acqq","enter":"universal-modal__enter_1acqq","appearActive":"universal-modal__appearActive_1acqq","enterActive":"universal-modal__enterActive_1acqq","exit":"universal-modal__exit_1acqq","exitActive":"universal-modal__exitActive_1acqq","exitDone":"universal-modal__exitDone_1acqq"};
 
 export { rightSideTransitions as default };
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"right-side-transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/right-side-transitions.mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.appear,\n.enter {\n    transform: translateX(100%);\n}\n\n.appearActive,\n.enterActive {\n    transform: translateX(0);\n    transition: transform 280ms ease-in-out;\n    transition-delay: 80ms;\n}\n\n.exit {\n    transform: translateX(0);\n}\n\n.exitActive,\n.exitDone {\n    transform: translateX(100%);\n    transition: transform 280ms ease-in-out;\n}\n"],"names":[],"mappings":";;AAEgB,2BAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"right-side-transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/right-side-transitions.mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.appear,\n.enter {\n    transform: translateX(100%);\n}\n\n.appearActive,\n.enterActive {\n    transform: translateX(0);\n    transition: transform 280ms ease-in-out;\n    transition-delay: 80ms;\n}\n\n.exit {\n    transform: translateX(0);\n}\n\n.exitActive,\n.exitDone {\n    transform: translateX(100%);\n    transition: transform 280ms ease-in-out;\n}\n"],"names":[],"mappings":";;AAEgB,2BAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}

package/esm/mobile/transitions/transitions.mobile.css

@@ -1,24 +1,28 @@
-.universal-modal__appear_o40lp,
-.universal-modal__enter_o40lp {
+.universal-modal__appear_1cy7f,
+.universal-modal__enter_1cy7f {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_o40lp,
-.universal-modal__enterActive_o40lp {
+.universal-modal__appearActive_1cy7f,
+.universal-modal__enterActive_1cy7f {
     opacity: 1;
     transform: translateY(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
+    transition:
+        opacity 200ms ease-in,
+        transform 200ms ease-in;
 }
 
-.universal-modal__exit_o40lp {
+.universal-modal__exit_1cy7f {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_o40lp,
-.universal-modal__exitDone_o40lp {
+.universal-modal__exitActive_1cy7f,
+.universal-modal__exitDone_1cy7f {
     opacity: 0;
     transform: translateY(15px);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+        opacity 200ms ease-out,
+        transform 200ms ease-out;
 }

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

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-var transitions = {"appear":"universal-modal__appear_o40lp","enter":"universal-modal__enter_o40lp","appearActive":"universal-modal__appearActive_o40lp","enterActive":"universal-modal__enterActive_o40lp","exit":"universal-modal__exit_o40lp","exitActive":"universal-modal__exitActive_o40lp","exitDone":"universal-modal__exitDone_o40lp"};
+var transitions = {"appear":"universal-modal__appear_1cy7f","enter":"universal-modal__enter_1cy7f","appearActive":"universal-modal__appearActive_1cy7f","enterActive":"universal-modal__enterActive_1cy7f","exit":"universal-modal__exit_1cy7f","exitActive":"universal-modal__exitActive_1cy7f","exitDone":"universal-modal__exitDone_1cy7f"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/esm/mobile/transitions/transitions.mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/transitions.mobile.module.css"],"sourcesContent":[".appear,\n.enter {\n    opacity: 0;\n    transform: translateY(15px);\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transform: translateY(0);\n    transition: opacity 200ms ease-in, transform 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transform: translateY(15px);\n    transition: opacity 200ms ease-out, transform 200ms ease-out;\n}\n"],"names":[],"mappings":";;AAEgB,kBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/transitions.mobile.module.css"],"sourcesContent":[".appear,\n.enter {\n    opacity: 0;\n    transform: translateY(15px);\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n        opacity 200ms ease-in,\n        transform 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transform: translateY(15px);\n    transition:\n        opacity 200ms ease-out,\n        transform 200ms ease-out;\n}\n"],"names":[],"mappings":";;AAEgB,kBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}

package/esm/mobile/types/props.d.ts

@@ -1,7 +1,7 @@
-import { BaseModalProps } from '@alfalab/core-components-base-modal/esm';
+import { type BaseModalProps } from '@alfalab/core-components-base-modal/esm';
 export interface BaseUniversalModalMobileProps {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 }
-export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose'>> {
+export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose' | 'disableFocusLock'>> {
 }

package/esm/typings/index.d.ts

@@ -1,5 +1,5 @@
-import { UniversalModalDesktopProps } from '../desktop';
-import { UniversalModalMobileProps } from '../mobile';
+import { type UniversalModalDesktopProps } from '../desktop';
+import { type UniversalModalMobileProps } from '../mobile';
 export interface UniversalModalContextType {
     modalWidth: UniversalModalDesktopProps['width'];
     modalHeaderHighlighted?: boolean;

package/mobile/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { UniversalModalMobileProps } from './types/props';
+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>;

package/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content';\nimport { FooterMobile } from '../components/footer';\nimport { HeaderMobile } from '../components/header';\n\nimport type { UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":["forwardRef","__rest","React","BaseModal","__assign","rightSideTransitions","transitions","cn","styles","HeaderMobile","ContentMobile","FooterMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAea,6BAA6B,GAAGA,gBAAU,CACnD,UAAC,KAAK,EAAE,GAAG,EAAA;AACC,IAAA,IAAA,QAAQ,GAAiE,KAAK,CAAA,QAAtE,EAAE,SAAS,GAAsD,KAAK,CAA3D,SAAA,EAAE,UAAU,GAA0C,KAAK,CAA/C,UAAA,EAAE,EAAwC,GAAA,KAAK,CAAxB,UAAA,EAArB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAKC,YAAA,CAAA,KAAK,EAAhF,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAwE,CAAF;AAE5E,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,iCAAS,EAAAC,cAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EACXA,cAAA,CAAA,EAAA,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,EAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAGC,kCAAoB,GAAGC,yBAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,aAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAEA,aAAM,CAAC,OAAO,EAAA,CAAA,EAE/B,QAAQ,CACD;AAEpB,CAAC;IAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAEC,+BAAY;AACpB,IAAA,OAAO,EAAEC,gCAAa;AACtB,IAAA,MAAM,EAAEC,6BAAY;AACvB,CAAA;;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content';\nimport { FooterMobile } from '../components/footer';\nimport { HeaderMobile } from '../components/header';\n\nimport { type UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":["forwardRef","__rest","React","BaseModal","__assign","rightSideTransitions","transitions","cn","styles","HeaderMobile","ContentMobile","FooterMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAea,6BAA6B,GAAGA,gBAAU,CACnD,UAAC,KAAK,EAAE,GAAG,EAAA;AACC,IAAA,IAAA,QAAQ,GAAiE,KAAK,CAAA,QAAtE,EAAE,SAAS,GAAsD,KAAK,CAA3D,SAAA,EAAE,UAAU,GAA0C,KAAK,CAA/C,UAAA,EAAE,EAAwC,GAAA,KAAK,CAAxB,UAAA,EAArB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAKC,YAAA,CAAA,KAAK,EAAhF,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAwE,CAAF;AAE5E,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,iCAAS,EAAAC,cAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EACXA,cAAA,CAAA,EAAA,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,EAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAGC,kCAAoB,GAAGC,yBAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,aAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAEA,aAAM,CAAC,OAAO,EAAA,CAAA,EAE/B,QAAQ,CACD;AAEpB,CAAC;IAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAEC,+BAAY;AACpB,IAAA,OAAO,EAAEC,gCAAa;AACtB,IAAA,MAAM,EAAEC,6BAAY;AACvB,CAAA;;;;;"}

package/mobile/components/buttons/arrow-button/arrow-button.css

@@ -1,9 +1,9 @@
 :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-} .universal-modal__button_fqp7z.universal-modal__button_fqp7z {
+} .universal-modal__button_1pxmf.universal-modal__button_1pxmf {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_fqp7z {
+} .universal-modal__icon_1pxmf {
     fill: var(--color-light-neutral-translucent-700);
 }

package/mobile/components/buttons/arrow-button/arrow-button.d.ts

@@ -1,4 +1,4 @@
-import { FC, MouseEvent } from 'react';
+import { type FC, type MouseEvent } from 'react';
 interface ArrowButtonDesktopProps {
     onClick?: (e: MouseEvent) => void;
 }

package/mobile/components/buttons/arrow-button/arrow-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-button.js","sources":["../../../../src/mobile/components/buttons/arrow-button/arrow-button.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';\n\nimport styles from './arrow-button.module.css';\n\ninterface ArrowButtonDesktopProps {\n    onClick?: (e: MouseEvent) => void;\n}\n\nexport const ArrowButtonMobile: FC<ArrowButtonDesktopProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            shape='rounded'\n            size={32}\n            leftAddons={<ChevronLeftMIcon className={styles.icon} />}\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":["React","ButtonMobile","ChevronLeftMIcon","styles"],"mappings":";;;;;;;;;;;;;AAWO,IAAM,iBAAiB,GAAgC,UAAC,KAAK,EAAA;AACxD,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV;AAEf,IAAA,QACIA,sBAAA,CAAA,aAAA,CAACC,mBAAY,EAAA,EACT,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,EAAE,EACR,UAAU,EAAED,qCAACE,iCAAgB,EAAA,EAAC,SAAS,EAAEC,kBAAM,CAAC,IAAI,EAAI,CAAA,EACxD,SAAS,EAAEA,kBAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}
+{"version":3,"file":"arrow-button.js","sources":["../../../../src/mobile/components/buttons/arrow-button/arrow-button.tsx"],"sourcesContent":["import React, { type FC, type MouseEvent } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { ChevronLeftMIcon } from '@alfalab/icons-glyph/ChevronLeftMIcon';\n\nimport styles from './arrow-button.module.css';\n\ninterface ArrowButtonDesktopProps {\n    onClick?: (e: MouseEvent) => void;\n}\n\nexport const ArrowButtonMobile: FC<ArrowButtonDesktopProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            shape='rounded'\n            size={32}\n            leftAddons={<ChevronLeftMIcon className={styles.icon} />}\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":["React","ButtonMobile","ChevronLeftMIcon","styles"],"mappings":";;;;;;;;;;;;;AAWO,IAAM,iBAAiB,GAAgC,UAAC,KAAK,EAAA;AACxD,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV;AAEf,IAAA,QACIA,sBAAA,CAAA,aAAA,CAACC,mBAAY,EAAA,EACT,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,EAAE,EACR,UAAU,EAAED,qCAACE,iCAAgB,EAAA,EAAC,SAAS,EAAEC,kBAAM,CAAC,IAAI,EAAI,CAAA,EACxD,SAAS,EAAEA,kBAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}

package/mobile/components/buttons/arrow-button/arrow-button.module.css.js

@@ -2,7 +2,7 @@
 
 require('./arrow-button.css');
 
-var styles = {"button":"universal-modal__button_fqp7z","icon":"universal-modal__icon_fqp7z"};
+var styles = {"button":"universal-modal__button_1pxmf","icon":"universal-modal__icon_1pxmf"};
 
 module.exports = styles;
 //# sourceMappingURL=arrow-button.module.css.js.map

package/mobile/components/buttons/arrow-button/arrow-button.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-button.module.css.js","sources":["../../../../src/mobile/components/buttons/arrow-button/arrow-button.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.button.button {\n    padding: 0 7px;\n    width: 24px;\n    height: 24px;\n}\n\n.icon {\n    fill: var(--color-light-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,MAAM,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"arrow-button.module.css.js","sources":["../../../../src/mobile/components/buttons/arrow-button/arrow-button.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.button.button {\n    padding: 0 7px;\n    width: 24px;\n    height: 24px;\n}\n\n.icon {\n    fill: var(--color-light-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,MAAM,CAAC,6BAA6B,CAAC;;;;"}

package/mobile/components/buttons/cross-button/cross-button.css

@@ -1,9 +1,9 @@
 :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
-} .universal-modal__button_1n81a.universal-modal__button_1n81a {
+} .universal-modal__button_qidjg.universal-modal__button_qidjg {
     padding: 0 7px;
     width: 24px;
     height: 24px;
-} .universal-modal__icon_1n81a {
+} .universal-modal__icon_qidjg {
     fill: var(--color-light-neutral-translucent-700);
 }

package/mobile/components/buttons/cross-button/cross-button.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 interface CrossButtonProps {
     onClick?: () => void;
 }

package/mobile/components/buttons/cross-button/cross-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"cross-button.js","sources":["../../../../src/mobile/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n    onClick?: () => void;\n}\n\nexport const CrossButtonMobile: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            leftAddons={<CrossMIcon className={styles.icon} />}\n            size={32}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":["React","ButtonMobile","CrossMIcon","styles"],"mappings":";;;;;;;;;;;;;AAWO,IAAM,iBAAiB,GAAyB,UAAC,KAAK,EAAA;AACjD,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV;AAEf,IAAA,QACIA,sBAAA,CAAA,aAAA,CAACC,mBAAY,EAAA,EACT,UAAU,EAAED,sBAAA,CAAA,aAAA,CAACE,qBAAU,EAAA,EAAC,SAAS,EAAEC,kBAAM,CAAC,IAAI,GAAI,EAClD,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAEA,kBAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}
+{"version":3,"file":"cross-button.js","sources":["../../../../src/mobile/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n    onClick?: () => void;\n}\n\nexport const CrossButtonMobile: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonMobile\n            leftAddons={<CrossMIcon className={styles.icon} />}\n            size={32}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":["React","ButtonMobile","CrossMIcon","styles"],"mappings":";;;;;;;;;;;;;AAWO,IAAM,iBAAiB,GAAyB,UAAC,KAAK,EAAA;AACjD,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV;AAEf,IAAA,QACIA,sBAAA,CAAA,aAAA,CAACC,mBAAY,EAAA,EACT,UAAU,EAAED,sBAAA,CAAA,aAAA,CAACE,qBAAU,EAAA,EAAC,SAAS,EAAEC,kBAAM,CAAC,IAAI,GAAI,EAClD,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAEA,kBAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}

package/mobile/components/buttons/cross-button/cross-button.module.css.js

@@ -2,7 +2,7 @@
 
 require('./cross-button.css');
 
-var styles = {"button":"universal-modal__button_1n81a","icon":"universal-modal__icon_1n81a"};
+var styles = {"button":"universal-modal__button_qidjg","icon":"universal-modal__icon_qidjg"};
 
 module.exports = styles;
 //# sourceMappingURL=cross-button.module.css.js.map

package/mobile/components/buttons/cross-button/cross-button.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"cross-button.module.css.js","sources":["../../../../src/mobile/components/buttons/cross-button/cross-button.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.button.button {\n    padding: 0 7px;\n    width: 24px;\n    height: 24px;\n}\n\n.icon {\n    fill: var(--color-light-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,MAAM,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"cross-button.module.css.js","sources":["../../../../src/mobile/components/buttons/cross-button/cross-button.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.button.button {\n    padding: 0 7px;\n    width: 24px;\n    height: 24px;\n}\n\n.icon {\n    fill: var(--color-light-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,MAAM,CAAC,6BAA6B,CAAC;;;;"}

package/mobile/mobile.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
-} .universal-modal__component_1smbt {
+} .universal-modal__component_ifelu {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -8,10 +8,10 @@
     overflow-y: auto;
     max-width: 600px;
     display: flex;
-    flex-direction: column
-} .universal-modal__component_1smbt .universal-modal__content_1smbt {
+    flex-direction: column;
+} .universal-modal__component_ifelu .universal-modal__content_ifelu {
         height: auto;
-    } .universal-modal__component_1smbt.universal-modal__component_1smbt {
+    } .universal-modal__component_ifelu.universal-modal__component_ifelu {
     position: fixed;
     flex: 1;
 }

package/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"component":"universal-modal__component_1smbt","content":"universal-modal__content_1smbt"};
+var styles = {"component":"universal-modal__component_ifelu","content":"universal-modal__content_ifelu"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/mobile/mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    top: var(--gap-0);\n    height: 100%;\n    width: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-width: 600px;\n    display: flex;\n    flex-direction: column;\n\n    & .content {\n        height: auto;\n    }\n}\n\n.component.component {\n    position: fixed;\n    flex: 1;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,SAAS,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    top: var(--gap-0);\n    height: 100%;\n    width: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-width: 600px;\n    display: flex;\n    flex-direction: column;\n\n    & .content {\n        height: auto;\n    }\n}\n\n.component.component {\n    position: fixed;\n    flex: 1;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,SAAS,CAAC,gCAAgC,CAAC;;;;"}

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

@@ -1,15 +1,15 @@
-.universal-modal__appear_bfrbf,
-.universal-modal__enter_bfrbf {
+.universal-modal__appear_1acqq,
+.universal-modal__enter_1acqq {
     transform: translateX(100%);
-} .universal-modal__appearActive_bfrbf,
-.universal-modal__enterActive_bfrbf {
+} .universal-modal__appearActive_1acqq,
+.universal-modal__enterActive_1acqq {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .universal-modal__exit_bfrbf {
+} .universal-modal__exit_1acqq {
     transform: translateX(0);
-} .universal-modal__exitActive_bfrbf,
-.universal-modal__exitDone_bfrbf {
+} .universal-modal__exitActive_1acqq,
+.universal-modal__exitDone_1acqq {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

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

@@ -2,7 +2,7 @@
 
 require('./right-side-transitions.mobile.css');
 
-var rightSideTransitions = {"appear":"universal-modal__appear_bfrbf","enter":"universal-modal__enter_bfrbf","appearActive":"universal-modal__appearActive_bfrbf","enterActive":"universal-modal__enterActive_bfrbf","exit":"universal-modal__exit_bfrbf","exitActive":"universal-modal__exitActive_bfrbf","exitDone":"universal-modal__exitDone_bfrbf"};
+var rightSideTransitions = {"appear":"universal-modal__appear_1acqq","enter":"universal-modal__enter_1acqq","appearActive":"universal-modal__appearActive_1acqq","enterActive":"universal-modal__enterActive_1acqq","exit":"universal-modal__exit_1acqq","exitActive":"universal-modal__exitActive_1acqq","exitDone":"universal-modal__exitDone_1acqq"};
 
 module.exports = rightSideTransitions;
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"right-side-transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/right-side-transitions.mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.appear,\n.enter {\n    transform: translateX(100%);\n}\n\n.appearActive,\n.enterActive {\n    transform: translateX(0);\n    transition: transform 280ms ease-in-out;\n    transition-delay: 80ms;\n}\n\n.exit {\n    transform: translateX(0);\n}\n\n.exitActive,\n.exitDone {\n    transform: translateX(100%);\n    transition: transform 280ms ease-in-out;\n}\n"],"names":[],"mappings":";;;;AAEgB,2BAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"right-side-transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/right-side-transitions.mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.appear,\n.enter {\n    transform: translateX(100%);\n}\n\n.appearActive,\n.enterActive {\n    transform: translateX(0);\n    transition: transform 280ms ease-in-out;\n    transition-delay: 80ms;\n}\n\n.exit {\n    transform: translateX(0);\n}\n\n.exitActive,\n.exitDone {\n    transform: translateX(100%);\n    transition: transform 280ms ease-in-out;\n}\n"],"names":[],"mappings":";;;;AAEgB,2BAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}

package/mobile/transitions/transitions.mobile.css

@@ -1,24 +1,28 @@
-.universal-modal__appear_o40lp,
-.universal-modal__enter_o40lp {
+.universal-modal__appear_1cy7f,
+.universal-modal__enter_1cy7f {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_o40lp,
-.universal-modal__enterActive_o40lp {
+.universal-modal__appearActive_1cy7f,
+.universal-modal__enterActive_1cy7f {
     opacity: 1;
     transform: translateY(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
+    transition:
+        opacity 200ms ease-in,
+        transform 200ms ease-in;
 }
 
-.universal-modal__exit_o40lp {
+.universal-modal__exit_1cy7f {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_o40lp,
-.universal-modal__exitDone_o40lp {
+.universal-modal__exitActive_1cy7f,
+.universal-modal__exitDone_1cy7f {
     opacity: 0;
     transform: translateY(15px);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+        opacity 200ms ease-out,
+        transform 200ms ease-out;
 }

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

@@ -2,7 +2,7 @@
 
 require('./transitions.mobile.css');
 
-var transitions = {"appear":"universal-modal__appear_o40lp","enter":"universal-modal__enter_o40lp","appearActive":"universal-modal__appearActive_o40lp","enterActive":"universal-modal__enterActive_o40lp","exit":"universal-modal__exit_o40lp","exitActive":"universal-modal__exitActive_o40lp","exitDone":"universal-modal__exitDone_o40lp"};
+var transitions = {"appear":"universal-modal__appear_1cy7f","enter":"universal-modal__enter_1cy7f","appearActive":"universal-modal__appearActive_1cy7f","enterActive":"universal-modal__enterActive_1cy7f","exit":"universal-modal__exit_1cy7f","exitActive":"universal-modal__exitActive_1cy7f","exitDone":"universal-modal__exitDone_1cy7f"};
 
 module.exports = transitions;
 //# sourceMappingURL=transitions.mobile.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/transitions.mobile.module.css"],"sourcesContent":[".appear,\n.enter {\n    opacity: 0;\n    transform: translateY(15px);\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transform: translateY(0);\n    transition: opacity 200ms ease-in, transform 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transform: translateY(15px);\n    transition: opacity 200ms ease-out, transform 200ms ease-out;\n}\n"],"names":[],"mappings":";;;;AAEgB,kBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"transitions.mobile.module.css.js","sources":["../../src/mobile/transitions/transitions.mobile.module.css"],"sourcesContent":[".appear,\n.enter {\n    opacity: 0;\n    transform: translateY(15px);\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n        opacity 200ms ease-in,\n        transform 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transform: translateY(15px);\n    transition:\n        opacity 200ms ease-out,\n        transform 200ms ease-out;\n}\n"],"names":[],"mappings":";;;;AAEgB,kBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC,aAAa,CAAC,oCAAoC,CAAC,MAAM,CAAC,6BAA6B,CAAC,YAAY,CAAC,mCAAmC,CAAC,UAAU,CAAC,iCAAiC,CAAC;;;;"}

package/mobile/types/props.d.ts

@@ -1,7 +1,7 @@
-import { BaseModalProps } from '@alfalab/core-components-base-modal';
+import { type BaseModalProps } from '@alfalab/core-components-base-modal';
 export interface BaseUniversalModalMobileProps {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 }
-export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose'>> {
+export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose' | 'disableFocusLock'>> {
 }

package/modern/Component.responsive.d.ts

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

package/modern/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 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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAWa,cAAc,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAChF,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,MAAM,SAAS,GAAG,SAAS,GAAG,qBAAqB,GAAG,oBAAoB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,GAAA,SAAS,IACrD,QAAQ,CACD;AAEpB,CAAC;MAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAE,gBAAgB;AACxB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,MAAM,EAAE,gBAAgB;AAC3B,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,0BAA0B;;;;"}
+{"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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAWa,cAAc,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAChF,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,MAAM,SAAS,GAAG,SAAS,GAAG,qBAAqB,GAAG,oBAAoB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,GAAA,SAAS,IACrD,QAAQ,CACD;AAEpB,CAAC;MAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAE,gBAAgB;AACxB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,MAAM,EAAE,gBAAgB;AAC3B,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/modern/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../src/Context.tsx"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\nexport const ModalContext = BaseModalContext;\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG;;;;"}
+{"version":3,"file":"Context.js","sources":["../src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\nexport const ModalContext = BaseModalContext;\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG;;;;"}

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

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 export interface ContentProps {
     /**
      * Контент

package/modern/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 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":[],"mappings":";;;;;;AA0BO,MAAM,WAAW,GAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAI;IACjF,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAE/C,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,UAAiC,EAAA,cAAA,EACxB,aAAa,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, { type FC, type ReactNode, type 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":[],"mappings":";;;;;;AA0BO,MAAM,WAAW,GAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAI;IACjF,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAE/C,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACxC,GAAG,EAAE,UAAiC,EAAA,cAAA,EACxB,aAAa,CAAC,UAAU,EAAE,SAAS,CAAC,EAEjD,EAAA,QAAQ,CACP;AAEd;;;;"}

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

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

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"content":"universal-modal__content_1bpdq"};
+const styles = {"content":"universal-modal__content_3ps79"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ContentProps } from '../base-content/base-content';
+import { type FC } from 'react';
+import { type ContentProps } from '../base-content/base-content';
 export interface ContentDesktopProps extends ContentProps {
     /**
      * Размер (только для desktop версии компонента)

package/modern/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 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":[],"mappings":";;;;;;AAeO,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,KAAI;IACnF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAElE,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AAC9B,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACE,GAAA,SAAS,EACf,CAAA;AAEV;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../../../src/components/content/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { UniversalModalContext } from '../../../context/universal-modal-context';\nimport { BaseContent, type 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":[],"mappings":";;;;;;AAeO,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,KAAI;IACnF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC;AAElE,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AAC9B,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACE,GAAA,SAAS,EACf,CAAA;AAEV;;;;"}

package/modern/components/content/desktop/desktop.css

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

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

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-const styles = {"content":"universal-modal__content_1e9sb","withHeader":"universal-modal__withHeader_1e9sb","withFooter":"universal-modal__withFooter_1e9sb"};
+const styles = {"content":"universal-modal__content_n89t2","withHeader":"universal-modal__withHeader_n89t2","withFooter":"universal-modal__withFooter_n89t2"};
 
 export { styles as default };
 //# sourceMappingURL=desktop.module.css.js.map

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

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

package/modern/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 { 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":[],"mappings":";;;;;;AAUO,MAAM,aAAa,GAA2B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,KAAI;IACjF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEzD,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AAC9B,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACE,GAAA,SAAS,EACf,CAAA;AAEV;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/content/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { ModalContext } from '../../../Context';\nimport { BaseContent, type 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":[],"mappings":";;;;;;AAUO,MAAM,aAAa,GAA2B,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,KAAI;IACjF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEzD,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AAC9B,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS;AACjC,SAAA,CAAC,EACE,GAAA,SAAS,EACf,CAAA;AAEV;;;;"}