@alfalab/core-components-universal-modal 3.0.2 → 3.0.3-alfasans

package/desktop/hooks/use-modal-highlighted.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var universalModalContext = require('../../context/universal-modal-context.js');
+var Context = require('../../Context.js');
 
 /**
  * Расчет overlap состояния
@@ -11,7 +11,7 @@ var universalModalContext = require('../../context/universal-modal-context.js');
  */
 var useModalHighlighted = function (params) {
     var scrollbarContentNodeRef = params.scrollbarContentNodeRef, scrollableNodeRef = params.scrollableNodeRef;
-    var _a = React.useContext(universalModalContext.UniversalModalContext), setModalHeaderHighlighted = _a.setModalHeaderHighlighted, setModalFooterHighlighted = _a.setModalFooterHighlighted;
+    var _a = React.useContext(Context.ModalContext), setModalHeaderHighlighted = _a.setHeaderHighlighted, setModalFooterHighlighted = _a.setFooterHighlighted;
     var handleScroll = function (e) {
         var target = e.target;
         var scrollTop = target.scrollTop, scrollHeight = target.scrollHeight, clientHeight = target.clientHeight;

package/desktop/hooks/use-modal-highlighted.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal-highlighted.js","sources":["../../src/desktop/hooks/use-modal-highlighted.ts"],"sourcesContent":["import { type RefObject, useContext, useEffect } from 'react';\n\nimport { type ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { UniversalModalContext } from '../../context/universal-modal-context';\n\ninterface Params {\n    scrollbarContentNodeRef: RefObject<HTMLDivElement>;\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n}\n\n/**\n * Расчет overlap состояния\n * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную\n */\nexport const useModalHighlighted = (params: Params) => {\n    const { scrollbarContentNodeRef, scrollableNodeRef } = params;\n\n    const { setModalHeaderHighlighted, setModalFooterHighlighted } =\n        useContext(UniversalModalContext);\n\n    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {\n        const target = e.target as HTMLDivElement;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;\n\n        if (setModalHeaderHighlighted) {\n            setModalHeaderHighlighted(scrollTop > 0);\n        }\n\n        if (setModalFooterHighlighted) {\n            setModalFooterHighlighted(!isElementFullScrolled);\n        }\n    };\n\n    // Очищаем overlap значения в контексте\n    useEffect(\n        () => () => {\n            if (setModalHeaderHighlighted) {\n                setModalHeaderHighlighted(false);\n            }\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(false);\n            }\n        },\n        [setModalHeaderHighlighted, setModalFooterHighlighted],\n    );\n\n    // Расчет overlap футера при resize событии\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;\n            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(contentHeight > wrapperHeight);\n            }\n        });\n\n        if (scrollbarContentNodeRef.current) {\n            resizeObserver.observe(scrollbarContentNodeRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [setModalFooterHighlighted]);\n\n    return { handleScroll };\n};\n"],"names":["useContext","UniversalModalContext","useEffect"],"mappings":";;;;;;;AAWA;;;AAGG;AACI,IAAM,mBAAmB,GAAG,UAAC,MAAc,EAAA;IACtC,IAAA,uBAAuB,GAAwB,MAAM,CAAA,uBAA9B,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;IAE5C,IAAA,EAAA,GACFA,gBAAU,CAACC,2CAAqB,CAAC,EAD7B,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,yBACvB;IAErC,IAAM,YAAY,GAAsC,UAAC,CAAC,EAAA;AACtD,QAAA,IAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;AACjC,QAAA,IAAA,SAAS,GAAiC,MAAM,CAAA,SAAvC,EAAE,YAAY,GAAmB,MAAM,CAAA,YAAzB,EAAE,YAAY,GAAK,MAAM,aAAX;AAE7C,QAAA,IAAM,qBAAqB,GAAG,YAAY,GAAG,SAAS,KAAK,YAAY;AAEvE,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;AAC3C;AAED,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;AACpD;AACL,KAAC;;IAGDC,eAAS,CACL,cAAM,OAAA,YAAA;AACF,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AAED,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;KACJ,CAAA,EAAA,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;AAGD,IAAAA,eAAS,CAAC,YAAA;AACN,QAAA,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAA;;YACtC,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YACxE,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;AAElE,YAAA,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;AAC3D;AACL,SAAC,CAAC;QAEF,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;AAC1D;QAED,OAAO,YAAA;YACH,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAE/B,IAAA,OAAO,EAAE,YAAY,EAAA,YAAA,EAAE;AAC3B;;;;"}
+{"version":3,"file":"use-modal-highlighted.js","sources":["../../src/desktop/hooks/use-modal-highlighted.ts"],"sourcesContent":["import { type RefObject, useContext, useEffect } from 'react';\n\nimport { type ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { ModalContext } from '../../Context';\n\ninterface Params {\n    scrollbarContentNodeRef: RefObject<HTMLDivElement>;\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n}\n\n/**\n * Расчет overlap состояния\n * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную\n */\nexport const useModalHighlighted = (params: Params) => {\n    const { scrollbarContentNodeRef, scrollableNodeRef } = params;\n\n    const {\n        setHeaderHighlighted: setModalHeaderHighlighted,\n        setFooterHighlighted: setModalFooterHighlighted,\n    } = useContext(ModalContext);\n\n    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {\n        const target = e.target as HTMLDivElement;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;\n\n        if (setModalHeaderHighlighted) {\n            setModalHeaderHighlighted(scrollTop > 0);\n        }\n\n        if (setModalFooterHighlighted) {\n            setModalFooterHighlighted(!isElementFullScrolled);\n        }\n    };\n\n    // Очищаем overlap значения в контексте\n    useEffect(\n        () => () => {\n            if (setModalHeaderHighlighted) {\n                setModalHeaderHighlighted(false);\n            }\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(false);\n            }\n        },\n        [setModalHeaderHighlighted, setModalFooterHighlighted],\n    );\n\n    // Расчет overlap футера при resize событии\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;\n            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(contentHeight > wrapperHeight);\n            }\n        });\n\n        if (scrollbarContentNodeRef.current) {\n            resizeObserver.observe(scrollbarContentNodeRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [setModalFooterHighlighted]);\n\n    return { handleScroll };\n};\n"],"names":["useContext","ModalContext","useEffect"],"mappings":";;;;;;;AAWA;;;AAGG;AACI,IAAM,mBAAmB,GAAG,UAAC,MAAc,EAAA;IACtC,IAAA,uBAAuB,GAAwB,MAAM,CAAA,uBAA9B,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;IAE5C,IAAA,EAAA,GAGFA,gBAAU,CAACC,oBAAY,CAAC,EAFF,yBAAyB,GAAA,EAAA,CAAA,oBAAA,EACzB,yBAAyB,GAAA,EAAA,CAAA,oBACvB;IAE5B,IAAM,YAAY,GAAsC,UAAC,CAAC,EAAA;AACtD,QAAA,IAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;AACjC,QAAA,IAAA,SAAS,GAAiC,MAAM,CAAA,SAAvC,EAAE,YAAY,GAAmB,MAAM,CAAA,YAAzB,EAAE,YAAY,GAAK,MAAM,aAAX;AAE7C,QAAA,IAAM,qBAAqB,GAAG,YAAY,GAAG,SAAS,KAAK,YAAY;AAEvE,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;AAC3C;AAED,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;AACpD;AACL,KAAC;;IAGDC,eAAS,CACL,cAAM,OAAA,YAAA;AACF,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AAED,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;KACJ,CAAA,EAAA,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;AAGD,IAAAA,eAAS,CAAC,YAAA;AACN,QAAA,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAA;;YACtC,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YACxE,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;AAElE,YAAA,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;AAC3D;AACL,SAAC,CAAC;QAEF,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;AAC1D;QAED,OAAO,YAAA;YACH,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAE/B,IAAA,OAAO,EAAE,YAAY,EAAA,YAAA,EAAE;AAC3B;;;;"}

package/desktop/styles/transitions/full-size-backdrop-transitions.css

@@ -5,7 +5,7 @@
     --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
     --universal-modal-backdrop-hidden-background: transparent;
 }
-@keyframes universal-modal__step_1_1dz84 {
+@keyframes universal-modal__step_1_12lyl {
     0% {
         opacity: 1;
     }
@@ -13,7 +13,7 @@
         opacity: 0.5;
     }
 }
-@keyframes universal-modal__step_2_1dz84 {
+@keyframes universal-modal__step_2_12lyl {
     0% {
         opacity: 0.5;
     }
@@ -22,26 +22,26 @@
         background-color: var(--universal-modal-backdrop-hidden-background);
     }
 }
-.universal-modal__appear_1dz84,
-.universal-modal__enter_1dz84 {
+.universal-modal__appear_12lyl,
+.universal-modal__enter_12lyl {
     background-color: var(--universal-modal-backdrop-hidden-background);
 }
-.universal-modal__appearActive_1dz84,
-.universal-modal__enterActive_1dz84,
-.universal-modal__appearDone_1dz84,
-.universal-modal__enterDone_1dz84 {
+.universal-modal__appearActive_12lyl,
+.universal-modal__enterActive_12lyl,
+.universal-modal__appearDone_12lyl,
+.universal-modal__enterDone_12lyl {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exit_1dz84 {
+.universal-modal__exit_12lyl {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exitActive_1dz84 {
+.universal-modal__exitActive_12lyl {
     opacity: 1;
     animation:
-        universal-modal__step_1_1dz84 200ms cubic-bezier(0, 0, 1, 0),
-        universal-modal__step_2_1dz84 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+        universal-modal__step_1_12lyl 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_12lyl 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
 }
-.universal-modal__exitDone_1dz84 {
+.universal-modal__exitDone_12lyl {
     opacity: 0;
     background-color: var(--universal-modal-backdrop-hidden-background);
 }

package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js

@@ -2,7 +2,7 @@
 
 require('./full-size-backdrop-transitions.css');
 
-var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1dz84","enter":"universal-modal__enter_1dz84","appearActive":"universal-modal__appearActive_1dz84","enterActive":"universal-modal__enterActive_1dz84","appearDone":"universal-modal__appearDone_1dz84","enterDone":"universal-modal__enterDone_1dz84","exit":"universal-modal__exit_1dz84","exitActive":"universal-modal__exitActive_1dz84","step_1":"universal-modal__step_1_1dz84","step_2":"universal-modal__step_2_1dz84","exitDone":"universal-modal__exitDone_1dz84"};
+var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_12lyl","enter":"universal-modal__enter_12lyl","appearActive":"universal-modal__appearActive_12lyl","enterActive":"universal-modal__enterActive_12lyl","appearDone":"universal-modal__appearDone_12lyl","enterDone":"universal-modal__enterDone_12lyl","exit":"universal-modal__exit_12lyl","exitActive":"universal-modal__exitActive_12lyl","step_1":"universal-modal__step_1_12lyl","step_2":"universal-modal__step_2_12lyl","exitDone":"universal-modal__exitDone_12lyl"};
 
 module.exports = fullSizeBackdropTransitions;
 //# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map

package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_u98ck,
-.universal-modal__enter_u98ck {
+.universal-modal__appear_qreup,
+.universal-modal__enter_qreup {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_u98ck,
-.universal-modal__enterActive_u98ck {
+.universal-modal__appearActive_qreup,
+.universal-modal__enterActive_qreup {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_u98ck {
+.universal-modal__exit_qreup {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_u98ck,
-.universal-modal__exitDone_u98ck {
+.universal-modal__exitActive_qreup,
+.universal-modal__exitDone_qreup {
     opacity: 0;
     transform: translateY(40px);
     transition:

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

@@ -2,7 +2,7 @@
 
 require('./full-size-vertical-bottom-transitions.css');
 
-var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_u98ck","enter":"universal-modal__enter_u98ck","appearActive":"universal-modal__appearActive_u98ck","enterActive":"universal-modal__enterActive_u98ck","exit":"universal-modal__exit_u98ck","exitActive":"universal-modal__exitActive_u98ck","exitDone":"universal-modal__exitDone_u98ck"};
+var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_qreup","enter":"universal-modal__enter_qreup","appearActive":"universal-modal__appearActive_qreup","enterActive":"universal-modal__enterActive_qreup","exit":"universal-modal__exit_qreup","exitActive":"universal-modal__exitActive_qreup","exitDone":"universal-modal__exitDone_qreup"};
 
 module.exports = fullSizeVerticalBottomTransitions;
 //# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map

package/desktop/styles/transitions/full-size-vertical-center-transitions.css

@@ -1,20 +1,20 @@
-.universal-modal__appear_achws,
-.universal-modal__enter_achws {
+.universal-modal__appear_w9hl2,
+.universal-modal__enter_w9hl2 {
     opacity: 0;
 }
 
-.universal-modal__appearActive_achws,
-.universal-modal__enterActive_achws {
+.universal-modal__appearActive_w9hl2,
+.universal-modal__enterActive_w9hl2 {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_achws {
+.universal-modal__exit_w9hl2 {
     opacity: 1;
 }
 
-.universal-modal__exitActive_achws,
-.universal-modal__exitDone_achws {
+.universal-modal__exitActive_w9hl2,
+.universal-modal__exitDone_w9hl2 {
     opacity: 0;
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
 }

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

@@ -2,7 +2,7 @@
 
 require('./full-size-vertical-center-transitions.css');
 
-var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_achws","enter":"universal-modal__enter_achws","appearActive":"universal-modal__appearActive_achws","enterActive":"universal-modal__enterActive_achws","exit":"universal-modal__exit_achws","exitActive":"universal-modal__exitActive_achws","exitDone":"universal-modal__exitDone_achws"};
+var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_w9hl2","enter":"universal-modal__enter_w9hl2","appearActive":"universal-modal__appearActive_w9hl2","enterActive":"universal-modal__enterActive_w9hl2","exit":"universal-modal__exit_w9hl2","exitActive":"universal-modal__exitActive_w9hl2","exitDone":"universal-modal__exitDone_w9hl2"};
 
 module.exports = fullSizeVerticalCenterTransitions;
 //# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map

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

@@ -1,11 +1,11 @@
-.universal-modal__appear_s4lvz,
-.universal-modal__enter_s4lvz {
+.universal-modal__appear_8deim,
+.universal-modal__enter_8deim {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_s4lvz,
-.universal-modal__enterActive_s4lvz {
+.universal-modal__appearActive_8deim,
+.universal-modal__enterActive_8deim {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_s4lvz {
+.universal-modal__exit_8deim {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_s4lvz,
-.universal-modal__exitDone_s4lvz {
+.universal-modal__exitActive_8deim,
+.universal-modal__exitDone_8deim {
     opacity: 0;
     transform: translateY(-40px);
     transition:

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

@@ -2,7 +2,7 @@
 
 require('./full-size-vertical-top-transitions.css');
 
-var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_s4lvz","enter":"universal-modal__enter_s4lvz","appearActive":"universal-modal__appearActive_s4lvz","enterActive":"universal-modal__enterActive_s4lvz","exit":"universal-modal__exit_s4lvz","exitActive":"universal-modal__exitActive_s4lvz","exitDone":"universal-modal__exitDone_s4lvz"};
+var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_8deim","enter":"universal-modal__enter_8deim","appearActive":"universal-modal__appearActive_8deim","enterActive":"universal-modal__enterActive_8deim","exit":"universal-modal__exit_8deim","exitActive":"universal-modal__exitActive_8deim","exitDone":"universal-modal__exitDone_8deim"};
 
 module.exports = fullSizeVerticalTopTransitions;
 //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map

package/desktop/types/context.d.ts

@@ -0,0 +1,2 @@
+import { type UniversalModalDesktopProps } from './props';
+export declare type UniversalModalContextType = Required<Pick<UniversalModalDesktopProps, 'width'>>;

package/desktop/types/context.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=context.js.map

package/desktop/types/context.js.map

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

package/esm/Component.responsive.js

@@ -3,9 +3,8 @@ import React, { forwardRef } from 'react';
 import { useIsDesktop } from '@alfalab/core-components-mq/esm';
 import { ContentResponsive } from './components/content/responsive/Component.responsive.js';
 import 'classnames';
-import './context/universal-modal-context.js';
-import '@alfalab/core-components-shared/esm';
 import '@alfalab/core-components-base-modal/esm';
+import '@alfalab/core-components-shared/esm';
 import './components/content/base-content/index.css';
 import './components/content/desktop/desktop.css';
 import './components/content/mobile/mobile.css';

package/esm/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":";;;;;;;;;;;;;;;;;;;;;;;;IAWa,cAAc,GAAG,UAAU,CACpC,UAAC,EAA0E,EAAE,GAAG,EAAA;AAA7E,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,gBAAA,EAAE,sBAAsB,GAAA,EAAA,CAAA,sBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAxE,kEAA0E,CAAF;IACrE,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,IAAM,SAAS,GAAG,SAAS,GAAG,qBAAqB,GAAG,oBAAoB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,EAAA,SAAS,GACrD,QAAQ,CACD;AAEpB,CAAC;IAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,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":";;;;;;;;;;;;;;;;;;;;;;;IAWa,cAAc,GAAG,UAAU,CACpC,UAAC,EAA0E,EAAE,GAAG,EAAA;AAA7E,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,gBAAA,EAAE,sBAAsB,GAAA,EAAA,CAAA,sBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAxE,kEAA0E,CAAF;IACrE,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,IAAM,SAAS,GAAG,SAAS,GAAG,qBAAqB,GAAG,oBAAoB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAM,EAAA,SAAS,GACrD,QAAQ,CACD;AAEpB,CAAC;IAGQ,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;AAClE,IAAA,MAAM,EAAE,gBAAgB;AACxB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,MAAM,EAAE,gBAAgB;AAC3B,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/esm/Context.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
 import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
+/**
+ * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ */
 export declare const ModalContext: import("react").Context<BaseModalContext>;

package/esm/Context.js

@@ -1,5 +1,8 @@
 import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
 
+/**
+ * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента
+ */
 var ModalContext = BaseModalContext;
 
 export { ModalContext };

package/esm/Context.js.map

@@ -1 +1 @@
-{"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,IAAM,YAAY,GAAG;;;;"}
+{"version":3,"file":"Context.js","sources":["../src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\n/**\n * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента\n */\nexport const ModalContext = BaseModalContext;\n"],"names":[],"mappings":";;AAEA;;AAEG;AACI,IAAM,YAAY,GAAG;;;;"}

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

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

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

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

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

@@ -1,14 +1,14 @@
 import { __rest, __assign } from 'tslib';
 import React, { useContext } from 'react';
 import cn from 'classnames';
-import { UniversalModalContext } from '../../../context/universal-modal-context.js';
+import { ModalContext } from '../../../Context.js';
 import { BaseContent } from '../base-content/base-content.js';
 import styles from './desktop.module.css.js';
 
 var ContentDesktop = function (_a) {
     var _b;
     var className = _a.className, restProps = __rest(_a, ["className"]);
-    var _c = useContext(UniversalModalContext), hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
+    var _c = useContext(ModalContext), hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
     return (React.createElement(BaseContent, __assign({ className: cn(styles.content, className, (_b = {},
             _b[styles.withHeader] = hasHeader,
             _b[styles.withFooter] = hasFooter,

package/esm/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, { 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,IAAM,cAAc,GAA4B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACvE,IAAA,EAAA,GAA2B,UAAU,CAAC,qBAAqB,CAAC,EAA1D,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAsC;AAElE,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}
+{"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 { ModalContext } from '../../../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(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":";;;;;;;AAeO,IAAM,cAAc,GAA4B,UAAC,EAA2B,EAAA;;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IACvE,IAAA,EAAA,GAA2B,UAAU,CAAC,YAAY,CAAC,EAAjD,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAA6B;AAEzD,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACnC,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,SAAS;AAC9B,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,SAAS;gBAChC,EACE,EAAA,SAAS,CACf,CAAA;AAEV;;;;"}

package/esm/components/content/desktop/desktop.css

@@ -1,9 +1,9 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__content_1hga6.universal-modal__withHeader_1hga6 {
+.universal-modal__content_1yhc9.universal-modal__withHeader_1yhc9 {
         padding-top: var(--gap-0);
     }
-.universal-modal__content_1hga6.universal-modal__withFooter_1hga6 {
+.universal-modal__content_1yhc9.universal-modal__withFooter_1yhc9 {
         padding-bottom: var(--gap-0);
     }

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

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-var styles = {"content":"universal-modal__content_1hga6","withHeader":"universal-modal__withHeader_1hga6","withFooter":"universal-modal__withFooter_1hga6"};
+var styles = {"content":"universal-modal__content_1yhc9","withHeader":"universal-modal__withHeader_1yhc9","withFooter":"universal-modal__withFooter_1yhc9"};
 
 export { styles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/esm/components/content/mobile/mobile.css

@@ -5,12 +5,12 @@
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
 }
-.universal-modal__content_6km1b {
+.universal-modal__content_zd9ai {
     padding: var(--gap-16);
 }
-.universal-modal__content_6km1b.universal-modal__withHeader_6km1b {
+.universal-modal__content_zd9ai.universal-modal__withHeader_zd9ai {
         padding-top: var(--gap-0);
     }
-.universal-modal__content_6km1b.universal-modal__withFooter_6km1b {
+.universal-modal__content_zd9ai.universal-modal__withFooter_zd9ai {
         padding-bottom: var(--gap-20);
     }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var styles = {"content":"universal-modal__content_6km1b","withHeader":"universal-modal__withHeader_6km1b","withFooter":"universal-modal__withFooter_6km1b"};
+var styles = {"content":"universal-modal__content_zd9ai","withHeader":"universal-modal__withHeader_zd9ai","withFooter":"universal-modal__withFooter_zd9ai"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

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

@@ -13,7 +13,7 @@
     --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
 }
-.universal-modal__footer_1drio {
+.universal-modal__footer_y8wvo {
     width: 100%;
     box-sizing: border-box;
     transition:
@@ -21,12 +21,12 @@
         background 0.2s ease;
     padding: var(--gap-16) var(--gap-32) var(--gap-32);
 }
-.universal-modal__sticky_1drio {
+.universal-modal__sticky_y8wvo {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
 }
-.universal-modal__highlighted_1drio {
+.universal-modal__highlighted_y8wvo {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"footer":"universal-modal__footer_1drio","sticky":"universal-modal__sticky_1drio","highlighted":"universal-modal__highlighted_1drio"};
+var styles = {"footer":"universal-modal__footer_y8wvo","sticky":"universal-modal__sticky_y8wvo","highlighted":"universal-modal__highlighted_y8wvo"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1,8 +1,9 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useContext } from 'react';
 import cn from 'classnames';
-import { UniversalModalContext } from '../../../context/universal-modal-context.js';
+import { ModalContext } from '../../../Context.js';
 import { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/constants/index.js';
+import { UniversalModalContext } from '../../../desktop/context/index.js';
 import { BaseFooter } from '../base-footer/base-footer.js';
 import styles from './desktop.module.css.js';
 import layoutStyles from './layout.module.css.js';
@@ -10,7 +11,8 @@ import layoutStyles from './layout.module.css.js';
 var FooterDesktop = forwardRef(function (props, ref) {
     var _a;
     var className = props.className, sticky = props.sticky, _b = props.layout, layout = _b === void 0 ? 'start' : _b, restProps = __rest(props, ["className", "sticky", "layout"]);
-    var _c = useContext(UniversalModalContext), _d = _c.modalWidth, modalWidth = _d === void 0 ? 500 : _d, modalFooterHighlighted = _c.modalFooterHighlighted;
+    var modalWidth = useContext(UniversalModalContext).width;
+    var modalFooterHighlighted = useContext(ModalContext).footerHighlighted;
     var isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;
     return (React.createElement(BaseFooter, __assign({ ref: ref, className: cn(layoutStyles[layout], className, (_a = {},
             _a[styles.sticky] = sticky,

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

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

package/esm/components/footer/desktop/desktop.css

@@ -1,6 +1,6 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__sticky_mpls5 {
+.universal-modal__sticky_kegr7 {
     bottom: var(--gap-0);
 }

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

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-var styles = {"sticky":"universal-modal__sticky_mpls5"};
+var styles = {"sticky":"universal-modal__sticky_kegr7"};
 
 export { styles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/esm/components/footer/desktop/layout.css

@@ -6,29 +6,29 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.universal-modal__column_mfxnq {
+.universal-modal__column_1a0s7 {
     display: flex;
     flex-direction: column;
     gap: var(--gap-8);
 }
-.universal-modal__column_mfxnq.universal-modal__middle_mfxnq {
+.universal-modal__column_1a0s7.universal-modal__middle_1a0s7 {
         gap: var(--gap-12);
     }
-.universal-modal__start_mfxnq {
+.universal-modal__start_1a0s7 {
     justify-content: flex-start;
 }
-.universal-modal__center_mfxnq {
+.universal-modal__center_1a0s7 {
     justify-content: center;
 }
-.universal-modal__space-between_mfxnq {
+.universal-modal__space-between_1a0s7 {
     justify-content: space-between;
 }
-.universal-modal__space-between_mfxnq > * {
+.universal-modal__space-between_1a0s7 > * {
         flex: 1;
     }
-.universal-modal__start_mfxnq,
-.universal-modal__center_mfxnq,
-.universal-modal__space-between_mfxnq {
+.universal-modal__start_1a0s7,
+.universal-modal__center_1a0s7,
+.universal-modal__space-between_1a0s7 {
     display: flex;
     gap: var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './layout.css';
 
-var layoutStyles = {"column":"universal-modal__column_mfxnq","middle":"universal-modal__middle_mfxnq","start":"universal-modal__start_mfxnq","center":"universal-modal__center_mfxnq","space-between":"universal-modal__space-between_mfxnq"};
+var layoutStyles = {"column":"universal-modal__column_1a0s7","middle":"universal-modal__middle_1a0s7","start":"universal-modal__start_1a0s7","center":"universal-modal__center_1a0s7","space-between":"universal-modal__space-between_1a0s7"};
 
 export { layoutStyles as default };
 //# sourceMappingURL=layout.module.css.js.map

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

@@ -2,26 +2,26 @@
     --gap-m: 16px;
     --gap-16: var(--gap-m);
 }
-.universal-modal__column_1081g {
+.universal-modal__column_hbwst {
     display: flex;
     flex-direction: column;
     gap: var(--gap-16);
 }
-.universal-modal__start_1081g {
+.universal-modal__start_hbwst {
     justify-content: flex-start;
 }
-.universal-modal__center_1081g {
+.universal-modal__center_hbwst {
     justify-content: center;
 }
-.universal-modal__space-between_1081g {
+.universal-modal__space-between_hbwst {
     justify-content: space-between;
 }
-.universal-modal__space-between_1081g > * {
+.universal-modal__space-between_hbwst > * {
         flex: 1;
     }
-.universal-modal__start_1081g,
-.universal-modal__center_1081g,
-.universal-modal__space-between_1081g {
+.universal-modal__start_hbwst,
+.universal-modal__center_hbwst,
+.universal-modal__space-between_hbwst {
     display: flex;
     gap: var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './layout.mobile.css';
 
-var layoutStylesMobile = {"column":"universal-modal__column_1081g","start":"universal-modal__start_1081g","center":"universal-modal__center_1081g","space-between":"universal-modal__space-between_1081g"};
+var layoutStylesMobile = {"column":"universal-modal__column_hbwst","start":"universal-modal__start_hbwst","center":"universal-modal__center_hbwst","space-between":"universal-modal__space-between_hbwst"};
 
 export { layoutStylesMobile as default };
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/esm/components/footer/mobile/mobile.css

@@ -3,9 +3,9 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.universal-modal__footer_ufu28 {
+.universal-modal__footer_1edx8 {
     padding: var(--gap-16);
 }
-.universal-modal__sticky_ufu28 {
+.universal-modal__sticky_1edx8 {
     bottom: var(--gap-0);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var styles = {"footer":"universal-modal__footer_ufu28","sticky":"universal-modal__sticky_ufu28"};
+var styles = {"footer":"universal-modal__footer_1edx8","sticky":"universal-modal__sticky_1edx8"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map