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

package/esm/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":[],"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    type 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":[],"mappings":";;;;;;;;;;IA2Ba,aAAa,GAAG,UAAU,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,GAAA,MAAA,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,GAAkD,UAAU,CAAC,YAAY,CAAC,EAAxE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAW,oBAAoB,GAAA,EAAA,CAAA,OAA6B;AACxE,IAAA,IAAA,sBAAsB,GAAK,UAAU,CAAC,qBAAqB,CAAC,uBAAtC;AAE9B,IAAA,IAAM,QAAQ,GAAG,MAAM,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,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,eACb,SAAS,EAAA,EACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,QAAQ,EAAC,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YAClC,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,sBAAsB,IAAI,UAAU;AACpE,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AAC/B,YAAA,EAAA,CAAC,aAAa,CAAC,MAAM,CAAA,GAAG,MAAM;AAChC,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAE,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC7D,qBAAqB,EAAE,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,qBAAqB,GAAA,EAAA,GAAA,EAAA;AACvE,YAAA,EAAA,CAAC,aAAa,CAAC,MAAM,CAAA,GAAG,QAAQ;AAClC,YAAA,EAAA,EAAA,EACF,mBAAmB,EAAE,YAAY,EACjC,cAAc,EAAE,EAAE,CAAC,aAAa,CAAC,WAAW,EAAE,cAAc,GAAA,EAAA,GAAA,EAAA;AACxD,YAAA,EAAA,CAAC,aAAa,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;;;;"}

package/esm/components/header/desktop/desktop.css

@@ -5,29 +5,29 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 } :root {
     --universal-modal-header-desktop-font-weight: bold;
     --universal-modal-header-desktop-font-family: var(--font-family-system);
-} .universal-modal__content_5v1e0 {
+} .universal-modal__content_1u5kt {
     font-weight: var(--universal-modal-header-desktop-font-weight);
     font-family: var(--universal-modal-header-desktop-font-family);
-} .universal-modal__sticky_5v1e0 {
+} .universal-modal__sticky_1u5kt {
     top: var(--gap-0);
-} .universal-modal__bottomAddons_5v1e0,
-.universal-modal__headerTitle_5v1e0 {
+} .universal-modal__bottomAddons_1u5kt,
+.universal-modal__headerTitle_1u5kt {
     font-size: 22px;
     line-height: 26px;
-    font-weight: 700
-} .universal-modal__bottomAddons_5v1e0.universal-modal__medium_5v1e0, .universal-modal__headerTitle_5v1e0.universal-modal__medium_5v1e0 {
+    font-weight: 700;
+} .universal-modal__bottomAddons_1u5kt.universal-modal__medium_1u5kt, .universal-modal__headerTitle_1u5kt.universal-modal__medium_1u5kt {
         font-size: 30px;
         line-height: 36px;
         font-weight: 700;
-    } .universal-modal__headerTitle_5v1e0 {
-    padding: 11px var(--gap-12)
-} .universal-modal__headerTitle_5v1e0.universal-modal__medium_5v1e0 {
+    } .universal-modal__headerTitle_1u5kt {
+    padding: 11px var(--gap-12);
+} .universal-modal__headerTitle_1u5kt.universal-modal__medium_1u5kt {
         padding: 6px var(--gap-12) var(--gap-16);
-    } .universal-modal__bottomAddons_5v1e0 {
+    } .universal-modal__bottomAddons_1u5kt {
     padding: 6px var(--gap-12) var(--gap-16);
 }

package/esm/components/header/desktop/desktop.module.css.js

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-var desktopStyles = {"content":"universal-modal__content_5v1e0","sticky":"universal-modal__sticky_5v1e0","bottomAddons":"universal-modal__bottomAddons_5v1e0","headerTitle":"universal-modal__headerTitle_5v1e0","medium":"universal-modal__medium_5v1e0"};
+var desktopStyles = {"content":"universal-modal__content_1u5kt","sticky":"universal-modal__sticky_1u5kt","bottomAddons":"universal-modal__bottomAddons_1u5kt","headerTitle":"universal-modal__headerTitle_1u5kt","medium":"universal-modal__medium_1u5kt"};
 
 export { desktopStyles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/esm/components/header/mobile/Component.mobile.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private/esm';
+import { type FC } from 'react';
+import { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private/esm';
 export declare type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
 export declare const HeaderMobile: FC<HeaderMobileProps>;

package/esm/components/header/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/header/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { FC, useContext, useEffect, 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';\n\nimport styles from '../base-header/index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const HeaderMobile: FC<HeaderMobileProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    dataTestId,\n    bottomAddonsClassName,\n    onClose,\n    ...restProps\n}) => {\n    const {\n        setHasHeader,\n        headerHighlighted,\n        componentRef,\n        onClose: handleCloseByContext,\n    } = useContext(ModalContext);\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    useEffect(() => {\n        setHasHeader(true);\n\n        return () => {\n            setHasHeader(false);\n        };\n    }, [setHasHeader]);\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            view='mobile'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, mobileStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [mobileStyles.sticky]: sticky,\n            })}\n            contentClassName={cn(mobileStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(mobileStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO,IAAM,YAAY,GAA0B,UAAC,EAUnD,EAAA;;IATG,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,qBAAqB,GAAA,EAAA,CAAA,qBAAA,EACrB,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAToC,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAUnD,CADe;AAEN,IAAA,IAAA,KAKF,UAAU,CAAC,YAAY,CAAC,EAJxB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,iBAAiB,uBAAA,EACjB,YAAY,kBAAA,EACH,oBAAoB,aACL;AAE5B,IAAA,IAAM,QAAQ,GAAG,MAAM,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,SAAS,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,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,EACb,QAAA,CAAA,EAAA,EAAA,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACvD,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AAC/B,YAAA,EAAA,CAAC,YAAY,CAAC,MAAM,CAAA,GAAG,MAAM;AAC/B,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../../../src/components/header/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type FC, useContext, useEffect, useRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { ModalContext } from '../../../Context';\n\nimport styles from '../base-header/index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const HeaderMobile: FC<HeaderMobileProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    dataTestId,\n    bottomAddonsClassName,\n    onClose,\n    ...restProps\n}) => {\n    const {\n        setHasHeader,\n        headerHighlighted,\n        componentRef,\n        onClose: handleCloseByContext,\n    } = useContext(ModalContext);\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    useEffect(() => {\n        setHasHeader(true);\n\n        return () => {\n            setHasHeader(false);\n        };\n    }, [setHasHeader]);\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            view='mobile'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, mobileStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [mobileStyles.sticky]: sticky,\n            })}\n            contentClassName={cn(mobileStyles.content, contentClassName)}\n            bottomAddonsClassName={cn(mobileStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO,IAAM,YAAY,GAA0B,UAAC,EAUnD,EAAA;;IATG,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,qBAAqB,GAAA,EAAA,CAAA,qBAAA,EACrB,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAToC,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAUnD,CADe;AAEN,IAAA,IAAA,KAKF,UAAU,CAAC,YAAY,CAAC,EAJxB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,iBAAiB,uBAAA,EACjB,YAAY,kBAAA,EACH,oBAAoB,aACL;AAE5B,IAAA,IAAM,QAAQ,GAAG,MAAM,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,SAAS,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,QACI,KAAC,CAAA,aAAA,CAAA,oBAAoB,EACb,QAAA,CAAA,EAAA,EAAA,SAAS,IACb,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACvD,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AAC/B,YAAA,EAAA,CAAC,YAAY,CAAC,MAAM,CAAA,GAAG,MAAM;AAC/B,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5D,qBAAqB,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC3E,mBAAmB,EAAE,YAAY,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B;;;;"}

package/esm/components/header/mobile/mobile.css

@@ -9,18 +9,18 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 } :root {
     --universal-modal-header-mobile-font-size: 20px;
     --universal-modal-header-mobile-line-height: 28px;
     --universal-modal-header-mobile-font-family: var(--font-family-system);
     --universal-modal-header-mobile-font-weight: 600;
-} .universal-modal__header_169g5 {
+} .universal-modal__header_19wd5 {
     padding: var(--gap-8) var(--gap-4);
-} .universal-modal__sticky_169g5 {
+} .universal-modal__sticky_19wd5 {
     top: var(--gap-0);
-} .universal-modal__content_169g5 {
+} .universal-modal__content_19wd5 {
     font-size: var(--universal-modal-header-mobile-font-size);
     line-height: var(--universal-modal-header-mobile-line-height);
     font-family: var(--universal-modal-header-mobile-font-family);
@@ -28,7 +28,7 @@
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
-} .universal-modal__bottomAddons_169g5 {
+} .universal-modal__bottomAddons_19wd5 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var mobileStyles = {"header":"universal-modal__header_169g5","sticky":"universal-modal__sticky_169g5","content":"universal-modal__content_169g5","bottomAddons":"universal-modal__bottomAddons_169g5"};
+var mobileStyles = {"header":"universal-modal__header_19wd5","sticky":"universal-modal__sticky_19wd5","content":"universal-modal__content_19wd5","bottomAddons":"universal-modal__bottomAddons_19wd5"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

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

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

package/esm/components/header/responsive/Component.responsive.d.ts

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

package/esm/components/header/responsive/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/header/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { HeaderDesktop, HeaderDesktopProps } from '../desktop/Component.desktop';\nimport { HeaderMobile, HeaderMobileProps } from '../mobile/Component.mobile';\n\nexport type HeaderResponsiveProps = HeaderDesktopProps | HeaderMobileProps;\n\nexport const HeaderResponsive = forwardRef<HTMLDivElement, HeaderResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <HeaderDesktop ref={ref} {...props} />;\n    }\n\n    return <HeaderMobile {...props} />;\n});\n\nHeaderResponsive.displayName = 'HeaderResponsive';\n"],"names":[],"mappings":";;;;;;IASa,gBAAgB,GAAG,UAAU,CAAwC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzF,IAAA,IAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;AAChD;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/header/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { HeaderDesktop, type HeaderDesktopProps } from '../desktop/Component.desktop';\nimport { HeaderMobile, type HeaderMobileProps } from '../mobile/Component.mobile';\n\nexport interface HeaderResponsiveProps extends HeaderDesktopProps, HeaderMobileProps {}\n\nexport const HeaderResponsive = forwardRef<HTMLDivElement, HeaderResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <HeaderDesktop ref={ref} {...props} />;\n    }\n\n    return <HeaderMobile {...props} />;\n});\n\nHeaderResponsive.displayName = 'HeaderResponsive';\n"],"names":[],"mappings":";;;;;;IASa,gBAAgB,GAAG,UAAU,CAAwC,UAAC,KAAK,EAAE,GAAG,EAAA;AACzF,IAAA,IAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;AAChD;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,EAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/esm/context/universal-modal-context.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { UniversalModalContextType } from '../typings';
+import { type UniversalModalContextType } from '../typings';
 export declare const UniversalModalContext: import("react").Context<UniversalModalContextType>;

package/esm/context/universal-modal-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"universal-modal-context.js","sources":["../../src/context/universal-modal-context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { UniversalModalContextType } from '../typings';\n\nexport const UniversalModalContext = createContext<UniversalModalContextType>({\n    modalWidth: 500,\n    hasFooter: false,\n    hasHeader: false,\n});\n"],"names":[],"mappings":";;AAIO,IAAM,qBAAqB,GAAG,aAAa,CAA4B;AAC1E,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,KAAK;AACnB,CAAA;;;;"}
+{"version":3,"file":"universal-modal-context.js","sources":["../../src/context/universal-modal-context.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { type UniversalModalContextType } from '../typings';\n\nexport const UniversalModalContext = createContext<UniversalModalContextType>({\n    modalWidth: 500,\n    hasFooter: false,\n    hasHeader: false,\n});\n"],"names":[],"mappings":";;AAIO,IAAM,qBAAqB,GAAG,aAAa,CAA4B;AAC1E,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,KAAK;AACnB,CAAA;;;;"}

package/esm/desktop/Component.desktop.d.ts

@@ -1,15 +1,8 @@
 import React from 'react';
-export declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./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;
-} & React.RefAttributes<HTMLDivElement>>;
-export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./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;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-navigation-bar-private").NavigationBarPrivateProps, "view" | "size" | "parentRef" | "titleSize" | "subtitle"> & {
-        bigTitle?: boolean | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
+import { type UniversalModalDesktopProps } from './types/props';
+export declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<import("../components/header").HeaderDesktopProps & React.RefAttributes<HTMLDivElement>>;
     Content: React.FC<import("../components/content").ContentDesktopProps>;
-    Footer: React.ForwardRefExoticComponent<import("../components/footer/base-footer/base-footer").FooterProps & {
-        size?: "s" | 500 | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<import("../components/footer").FooterDesktopProps & React.RefAttributes<HTMLDivElement>>;
 };

package/esm/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\nimport { UniversalModalContext } from '../context/universal-modal-context';\nimport { UniversalModalContextType } from '../typings';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { UniversalModalDesktopProps } from './types/props';\nimport { checkHeaderAndFooter } from './utils/check-header-and-footer';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>(({ children, horizontalAlign = 'center', ...restProps }, ref) => {\n    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState<boolean>(false);\n    const [modalFooterHighlighted, setModalFooterHighlighted] = useState<boolean>(false);\n\n    const { hasHeader, hasFooter } = checkHeaderAndFooter(children);\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            modalWidth: restProps.width,\n            modalHeaderHighlighted,\n            modalFooterHighlighted,\n            hasHeader,\n            hasFooter,\n            setModalHeaderHighlighted,\n            setModalFooterHighlighted,\n        }),\n        [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter],\n    );\n\n    const renderModal = () => {\n        if (horizontalAlign === 'center') {\n            return (\n                <CenterModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                    {children}\n                </CenterModal>\n            );\n        }\n\n        return (\n            <SideModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                {children}\n            </SideModal>\n        );\n    };\n\n    return (\n        <UniversalModalContext.Provider value={contextValue}>\n            {renderModal()}\n        </UniversalModalContext.Provider>\n    );\n});\n\nexport const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {\n    Header: HeaderDesktop,\n    Content: ContentDesktop,\n    Footer: FooterDesktop,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAaa,8BAA8B,GAAG,UAAU,CAGtD,UAAC,EAAsD,EAAE,GAAG,EAAA;AAAzD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,eAA0B,EAA1B,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAApD,+BAAsD,CAAF;IAC7C,IAAA,EAAA,GAAsD,QAAQ,CAAU,KAAK,CAAC,EAA7E,sBAAsB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,CAAA,CAA4B;IAC9E,IAAA,EAAA,GAAsD,QAAQ,CAAU,KAAK,CAAC,EAA7E,sBAAsB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,CAAA,CAA4B;IAE9E,IAAA,EAAA,GAA2B,oBAAoB,CAAC,QAAQ,CAAC,EAAvD,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAmC;AAE/D,IAAA,IAAM,YAAY,GAAG,OAAO,CACxB,YAAA,EAAM,QAAC;QACH,UAAU,EAAE,SAAS,CAAC,KAAK;AAC3B,QAAA,sBAAsB,EAAA,sBAAA;AACtB,QAAA,sBAAsB,EAAA,sBAAA;AACtB,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,yBAAyB,EAAA,yBAAA;AACzB,QAAA,yBAAyB,EAAA,yBAAA;AAC5B,KAAA,IAAC,EACF,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,CAAC,CAC1F;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;QAChB,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KACjE,QAAQ,CACC;AAErB;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;IAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACxB,CAAA;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\nimport { UniversalModalContext } from '../context/universal-modal-context';\nimport { type UniversalModalContextType } from '../typings';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { type UniversalModalDesktopProps } from './types/props';\nimport { checkHeaderAndFooter } from './utils/check-header-and-footer';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>(({ children, horizontalAlign = 'center', ...restProps }, ref) => {\n    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState<boolean>(false);\n    const [modalFooterHighlighted, setModalFooterHighlighted] = useState<boolean>(false);\n\n    const { hasHeader, hasFooter } = checkHeaderAndFooter(children);\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            modalWidth: restProps.width,\n            modalHeaderHighlighted,\n            modalFooterHighlighted,\n            hasHeader,\n            hasFooter,\n            setModalHeaderHighlighted,\n            setModalFooterHighlighted,\n        }),\n        [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter],\n    );\n\n    const renderModal = () => {\n        if (horizontalAlign === 'center') {\n            return (\n                <CenterModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                    {children}\n                </CenterModal>\n            );\n        }\n\n        return (\n            <SideModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                {children}\n            </SideModal>\n        );\n    };\n\n    return (\n        <UniversalModalContext.Provider value={contextValue}>\n            {renderModal()}\n        </UniversalModalContext.Provider>\n    );\n});\n\nexport const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {\n    Header: HeaderDesktop,\n    Content: ContentDesktop,\n    Footer: FooterDesktop,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAaa,8BAA8B,GAAG,UAAU,CAGtD,UAAC,EAAsD,EAAE,GAAG,EAAA;AAAzD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,eAA0B,EAA1B,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAApD,+BAAsD,CAAF;IAC7C,IAAA,EAAA,GAAsD,QAAQ,CAAU,KAAK,CAAC,EAA7E,sBAAsB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,CAAA,CAA4B;IAC9E,IAAA,EAAA,GAAsD,QAAQ,CAAU,KAAK,CAAC,EAA7E,sBAAsB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,CAAA,CAA4B;IAE9E,IAAA,EAAA,GAA2B,oBAAoB,CAAC,QAAQ,CAAC,EAAvD,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAmC;AAE/D,IAAA,IAAM,YAAY,GAAG,OAAO,CACxB,YAAA,EAAM,QAAC;QACH,UAAU,EAAE,SAAS,CAAC,KAAK;AAC3B,QAAA,sBAAsB,EAAA,sBAAA;AACtB,QAAA,sBAAsB,EAAA,sBAAA;AACtB,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,yBAAyB,EAAA,yBAAA;AACzB,QAAA,yBAAyB,EAAA,yBAAA;AAC5B,KAAA,IAAC,EACF,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,CAAC,CAC1F;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;QAChB,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KACjE,QAAQ,CACC;AAErB;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,QAAA,CAAA,EAAA,EAAA,SAAS,IAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,KAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;IAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACxB,CAAA;;;;"}

package/esm/desktop/components/buttons/arrow-button/arrow-button.css

@@ -3,7 +3,7 @@
 } :root {
     --gap-s: 12px;
     --gap-12: var(--gap-s);
-} .universal-modal__button_1x3dj.universal-modal__button_1x3dj {
+} .universal-modal__button_33ns3.universal-modal__button_33ns3 {
     padding: 0 var(--gap-12);
     background-color: var(--color-light-bg-primary-alpha-40);
     -webkit-backdrop-filter: blur(10px);

package/esm/desktop/components/buttons/arrow-button/arrow-button.d.ts

@@ -1,6 +1,6 @@
-import { FC, MouseEvent } from 'react';
-declare type ArrowButtonDesktopProps = {
+import { type FC, type MouseEvent } from 'react';
+interface ArrowButtonDesktopProps {
     onClick?: (e: MouseEvent) => void;
-};
+}
 export declare const ArrowButtonDesktop: FC<ArrowButtonDesktopProps>;
 export {};

package/esm/desktop/components/buttons/arrow-button/arrow-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-button.js","sources":["../../../../../src/desktop/components/buttons/arrow-button/arrow-button.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { Typography } from '@alfalab/core-components-typography';\nimport { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';\n\nimport styles from './arrow-button.module.css';\n\ntype ArrowButtonDesktopProps = {\n    onClick?: (e: MouseEvent) => void;\n};\n\nexport const ArrowButtonDesktop: FC<ArrowButtonDesktopProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonDesktop\n            shape='rounded'\n            size={48}\n            leftAddons={<ArrowLeftMediumMIcon />}\n            className={styles.button}\n            onClick={onClick}\n        >\n            <Typography.Text view='primary-large' weight='medium'>\n                Назад\n            </Typography.Text>\n        </ButtonDesktop>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAYO,IAAM,kBAAkB,GAAgC,UAAC,KAAK,EAAA;AACzD,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV;IAEf,QACI,KAAC,CAAA,aAAA,CAAA,aAAa,EACV,EAAA,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,KAAC,CAAA,aAAA,CAAA,oBAAoB,EAAG,IAAA,CAAA,EACpC,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,MAAM,EAAC,QAAQ,EAEnC,EAAA,gCAAA,CAAA,CACN;AAExB;;;;"}
+{"version":3,"file":"arrow-button.js","sources":["../../../../../src/desktop/components/buttons/arrow-button/arrow-button.tsx"],"sourcesContent":["import React, { type FC, type MouseEvent } from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { Typography } from '@alfalab/core-components-typography';\nimport { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';\n\nimport styles from './arrow-button.module.css';\n\ninterface ArrowButtonDesktopProps {\n    onClick?: (e: MouseEvent) => void;\n}\n\nexport const ArrowButtonDesktop: FC<ArrowButtonDesktopProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonDesktop\n            shape='rounded'\n            size={48}\n            leftAddons={<ArrowLeftMediumMIcon />}\n            className={styles.button}\n            onClick={onClick}\n        >\n            <Typography.Text view='primary-large' weight='medium'>\n                Назад\n            </Typography.Text>\n        </ButtonDesktop>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAYO,IAAM,kBAAkB,GAAgC,UAAC,KAAK,EAAA;AACzD,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV;IAEf,QACI,KAAC,CAAA,aAAA,CAAA,aAAa,EACV,EAAA,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,EAAE,EACR,UAAU,EAAE,KAAC,CAAA,aAAA,CAAA,oBAAoB,EAAG,IAAA,CAAA,EACpC,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA;AAEhB,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,eAAe,EAAC,MAAM,EAAC,QAAQ,EAEnC,EAAA,gCAAA,CAAA,CACN;AAExB;;;;"}

package/esm/desktop/components/buttons/arrow-button/arrow-button.module.css.js

@@ -1,6 +1,6 @@
 import './arrow-button.css';
 
-var styles = {"button":"universal-modal__button_1x3dj"};
+var styles = {"button":"universal-modal__button_33ns3"};
 
 export { styles as default };
 //# sourceMappingURL=arrow-button.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"arrow-button.module.css.js","sources":["../../../../src/desktop/components/buttons/arrow-button/arrow-button.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.button.button {\n    padding: 0 var(--gap-12);\n    background-color: var(--color-light-bg-primary-alpha-40);\n    backdrop-filter: blur(10px);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"arrow-button.module.css.js","sources":["../../../../src/desktop/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 var(--gap-12);\n    background-color: var(--color-light-bg-primary-alpha-40);\n    backdrop-filter: blur(10px);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC;;;;"}

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

@@ -1,6 +1,6 @@
 :root {
     --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);
-} .universal-modal__button_aab0v.universal-modal__button_aab0v {
+} .universal-modal__button_1whbq.universal-modal__button_1whbq {
     background-color: var(--color-light-monochrome-white-4);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);

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

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-declare type CrossButtonProps = {
+import { type FC } from 'react';
+interface CrossButtonProps {
     onClick?: () => void;
-};
+}
 export declare const CrossButtonDesktop: FC<CrossButtonProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"cross-button.js","sources":["../../../../../src/desktop/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { CrossMediumMIcon } from '@alfalab/icons-glyph/CrossMediumMIcon';\n\nimport styles from './cross-button.module.css';\n\ntype CrossButtonProps = {\n    onClick?: () => void;\n};\n\nexport const CrossButtonDesktop: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonDesktop\n            leftAddons={<CrossMediumMIcon />}\n            size={48}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWO,IAAM,kBAAkB,GAAyB,UAAC,KAAK,EAAA;AAClD,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV;AAEf,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACV,UAAU,EAAE,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAG,IAAA,CAAA,EAChC,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/desktop/components/buttons/cross-button/cross-button.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { CrossMediumMIcon } from '@alfalab/icons-glyph/CrossMediumMIcon';\n\nimport styles from './cross-button.module.css';\n\ninterface CrossButtonProps {\n    onClick?: () => void;\n}\n\nexport const CrossButtonDesktop: FC<CrossButtonProps> = (props) => {\n    const { onClick } = props;\n\n    return (\n        <ButtonDesktop\n            leftAddons={<CrossMediumMIcon />}\n            size={48}\n            shape='rounded'\n            className={styles.button}\n            onClick={onClick}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;AAWO,IAAM,kBAAkB,GAAyB,UAAC,KAAK,EAAA;AAClD,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV;AAEf,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACV,UAAU,EAAE,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAG,IAAA,CAAA,EAChC,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,EAAA,CAClB;AAEV;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"cross-button.module.css.js","sources":["../../../../src/desktop/components/buttons/cross-button/cross-button.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '@alfalab/core-components-vars/src/colors-monochrome.css';\n\n.button.button {\n    background-color: var(--color-light-monochrome-white-4);\n    backdrop-filter: blur(10px);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"cross-button.module.css.js","sources":["../../../../src/desktop/components/buttons/cross-button/cross-button.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '@alfalab/core-components-vars/src/colors-monochrome.css';\n\n.button.button {\n    background-color: var(--color-light-monochrome-white-4);\n    backdrop-filter: blur(10px);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC;;;;"}

package/esm/desktop/components/center-modal/center-modal.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-export declare const CenterModal: React.ForwardRefExoticComponent<import("../../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;
-} & React.RefAttributes<HTMLDivElement>>;
+import { type UniversalModalDesktopProps } from '../../types/props';
+export declare const CenterModal: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>>;

package/esm/desktop/components/center-modal/center-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { browser, os } from '@alfalab/core-components-shared';\n\nimport { useModalWheel } from '../../hooks/useModalWheel';\nimport { UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getMaxHeightStyle } from '../../utils/get-max-height-style';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n// в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию\nconst transitionProps = os.isMacOS() && browser.isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'fullHeight',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef,\n        onClose,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n\n    const { wheelDeltaY, handleWheel } = useModalWheel(overlay);\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler='content'\n            disableBlockingScroll={!overlay}\n            wrapperClassName={cn({\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n            })}\n            className={cn(styles.component, className, {\n                [styles.overlayHidden]: !overlay,\n                ...getMarginStyles({ styles, margin }),\n            })}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                transparent: !overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    height: getHeightStyle(height, margin),\n                    ...(height === 'hugContent' && {\n                        maxHeight: getMaxHeightStyle(margin),\n                    }),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent\n                height={height}\n                wheelDeltaY={wheelDeltaY}\n                scrollableContainerRef={scrollableContainerRef}\n            >\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"center-modal.js","sources":["../../../../src/desktop/components/center-modal/center-modal.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\nimport { browser, os } from '@alfalab/core-components-shared';\n\nimport { useModalWheel } from '../../hooks/useModalWheel';\nimport { type UniversalModalDesktopProps } from '../../types/props';\nimport { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions';\nimport { getHeightStyle } from '../../utils/get-height-style';\nimport { getMarginStyles } from '../../utils/get-margin-styles';\nimport { getMaxHeightStyle } from '../../utils/get-max-height-style';\nimport { getWidthStyle } from '../../utils/get-width-style';\nimport { ModalContent } from '../modal-content/modal-content';\n\nimport styles from './index.module.css';\nimport safariTransitions from './transitions/safari-transitions.module.css';\nimport transitions from './transitions/transitions.module.css';\n\n// в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию\nconst transitionProps = os.isMacOS() && browser.isSafari() ? safariTransitions : transitions;\n\nexport const CenterModal = forwardRef<HTMLDivElement, UniversalModalDesktopProps>((props, ref) => {\n    const {\n        dataTestId,\n        className,\n        open,\n        children,\n        width = 500,\n        height = 'fullHeight',\n        verticalAlign = 'center',\n        overlay = true,\n        margin,\n        scrollableContainerRef,\n        onClose,\n        ...restProps\n    } = props;\n\n    const componentRef = useRef<HTMLDivElement>(null);\n\n    const { wheelDeltaY, handleWheel } = useModalWheel(overlay);\n\n    const {\n        isFullSizeModal,\n        componentTransitions: fullSizeModalContentTransitions,\n        backdropTransitions: fullSizeModalBackdropTransitions,\n    } = getFullSizeModalTransitions({ verticalAlign, width, height });\n\n    return (\n        <BaseModal\n            {...restProps}\n            open={open}\n            dataTestId={dataTestId}\n            ref={ref}\n            componentRef={componentRef}\n            scrollHandler='content'\n            disableBlockingScroll={!overlay}\n            wrapperClassName={cn({\n                [styles.wrapperJustifyStart]: verticalAlign === 'top',\n                [styles.wrapperJustifyCenter]: verticalAlign === 'center',\n                [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',\n            })}\n            className={cn(styles.component, className, {\n                [styles.overlayHidden]: !overlay,\n                ...getMarginStyles({ styles, margin }),\n            })}\n            transitionProps={{\n                classNames: transitionProps,\n                ...(isFullSizeModal && fullSizeModalContentTransitions),\n                ...restProps.transitionProps,\n            }}\n            backdropProps={{\n                transparent: !overlay,\n                ...(isFullSizeModal && fullSizeModalBackdropTransitions),\n                ...restProps.backdropProps,\n            }}\n            componentDivProps={{\n                style: {\n                    width: getWidthStyle(width, margin),\n                    height: getHeightStyle(height, margin),\n                    ...(height === 'hugContent' && {\n                        maxHeight: getMaxHeightStyle(margin),\n                    }),\n                },\n            }}\n            onWheel={handleWheel}\n            onClose={onClose}\n        >\n            <ModalContent\n                height={height}\n                wheelDeltaY={wheelDeltaY}\n                scrollableContainerRef={scrollableContainerRef}\n            >\n                {children}\n            </ModalContent>\n        </BaseModal>\n    );\n});\n"],"names":[],"mappings":"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"}