@alfalab/core-components-universal-modal 3.0.5 → 3.0.6-alfasans

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

@@ -1,18 +1,18 @@
-.universal-modal__appear_1ih9z,
-.universal-modal__enter_1ih9z {
+.universal-modal__appear_mjesr,
+.universal-modal__enter_mjesr {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_1ih9z,
-.universal-modal__enterActive_1ih9z {
+.universal-modal__appearActive_mjesr,
+.universal-modal__enterActive_mjesr {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_1ih9z {
+.universal-modal__exit_mjesr {
     transform: translateX(0);
 }
-.universal-modal__exitActive_1ih9z,
-.universal-modal__exitDone_1ih9z {
+.universal-modal__exitActive_mjesr,
+.universal-modal__exitDone_mjesr {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

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

@@ -2,7 +2,7 @@
 
 require('./right-side-transitions.mobile.css');
 
-var rightSideTransitions = {"appear":"universal-modal__appear_1ih9z","enter":"universal-modal__enter_1ih9z","appearActive":"universal-modal__appearActive_1ih9z","enterActive":"universal-modal__enterActive_1ih9z","exit":"universal-modal__exit_1ih9z","exitActive":"universal-modal__exitActive_1ih9z","exitDone":"universal-modal__exitDone_1ih9z"};
+var rightSideTransitions = {"appear":"universal-modal__appear_mjesr","enter":"universal-modal__enter_mjesr","appearActive":"universal-modal__appearActive_mjesr","enterActive":"universal-modal__enterActive_mjesr","exit":"universal-modal__exit_mjesr","exitActive":"universal-modal__exitActive_mjesr","exitDone":"universal-modal__exitDone_mjesr"};
 
 module.exports = rightSideTransitions;
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

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

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

package/mobile/transitions/transitions.mobile.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_14to6,
-.universal-modal__enter_14to6 {
+.universal-modal__appear_ua5qi,
+.universal-modal__enter_ua5qi {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_14to6,
-.universal-modal__enterActive_14to6 {
+.universal-modal__appearActive_ua5qi,
+.universal-modal__enterActive_ua5qi {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_14to6 {
+.universal-modal__exit_ua5qi {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_14to6,
-.universal-modal__exitDone_14to6 {
+.universal-modal__exitActive_ua5qi,
+.universal-modal__exitDone_ua5qi {
     opacity: 0;
     transform: translateY(15px);
     transition:

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

@@ -2,7 +2,7 @@
 
 require('./transitions.mobile.css');
 
-var transitions = {"appear":"universal-modal__appear_14to6","enter":"universal-modal__enter_14to6","appearActive":"universal-modal__appearActive_14to6","enterActive":"universal-modal__enterActive_14to6","exit":"universal-modal__exit_14to6","exitActive":"universal-modal__exitActive_14to6","exitDone":"universal-modal__exitDone_14to6"};
+var transitions = {"appear":"universal-modal__appear_ua5qi","enter":"universal-modal__enter_ua5qi","appearActive":"universal-modal__appearActive_ua5qi","enterActive":"universal-modal__enterActive_ua5qi","exit":"universal-modal__exit_ua5qi","exitActive":"universal-modal__exitActive_ua5qi","exitDone":"universal-modal__exitDone_ua5qi"};
 
 module.exports = transitions;
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/modern/Context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseModalContext } from '@alfalab/core-components-base-modal/modern';
 /**
  * @deprecated Некоторые параметры могут не соответствовать реальным состояниям компонента

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

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

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

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

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

@@ -1,9 +1,9 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__content_vigaj.universal-modal__withHeader_vigaj {
+.universal-modal__content_1ojb2.universal-modal__withHeader_1ojb2 {
         padding-top: var(--gap-0);
     }
-.universal-modal__content_vigaj.universal-modal__withFooter_vigaj {
+.universal-modal__content_1ojb2.universal-modal__withFooter_1ojb2 {
         padding-bottom: var(--gap-0);
     }

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

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-const styles = {"content":"universal-modal__content_vigaj","withHeader":"universal-modal__withHeader_vigaj","withFooter":"universal-modal__withFooter_vigaj"};
+const styles = {"content":"universal-modal__content_1ojb2","withHeader":"universal-modal__withHeader_1ojb2","withFooter":"universal-modal__withFooter_1ojb2"};
 
 export { styles as default };
 //# sourceMappingURL=desktop.module.css.js.map

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

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

package/modern/components/content/mobile/mobile.css

@@ -5,12 +5,12 @@
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
 }
-.universal-modal__content_145oc {
+.universal-modal__content_80qha {
     padding: var(--gap-16);
 }
-.universal-modal__content_145oc.universal-modal__withHeader_145oc {
+.universal-modal__content_80qha.universal-modal__withHeader_80qha {
         padding-top: var(--gap-0);
     }
-.universal-modal__content_145oc.universal-modal__withFooter_145oc {
+.universal-modal__content_80qha.universal-modal__withFooter_80qha {
         padding-bottom: var(--gap-20);
     }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"content":"universal-modal__content_145oc","withHeader":"universal-modal__withHeader_145oc","withFooter":"universal-modal__withFooter_145oc"};
+const styles = {"content":"universal-modal__content_80qha","withHeader":"universal-modal__withHeader_80qha","withFooter":"universal-modal__withFooter_80qha"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/content/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentDesktop, type ContentDesktopProps } from '../desktop/Component.desktop';\nimport { ContentMobile, type ContentMobileProps } from '../mobile/Component.mobile';\n\nexport interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {}\n\nexport const ContentResponsive: FC<ContentResponsiveProps> = ({ ...restProps }) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <ContentDesktop {...restProps} />;\n    }\n\n    return <ContentMobile {...restProps} />;\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,iBAAiB,GAA+B,CAAC,EAAE,GAAG,SAAS,EAAE,KAAI;AAC9E,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,cAAc,EAAK,EAAA,GAAA,SAAS,GAAI;AAC3C;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,aAAa,EAAK,EAAA,GAAA,SAAS,GAAI;AAC3C;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/content/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { ContentDesktop, type ContentDesktopProps } from '../desktop/Component.desktop';\nimport { ContentMobile, type ContentMobileProps } from '../mobile/Component.mobile';\n\nexport interface ContentResponsiveProps extends ContentDesktopProps, ContentMobileProps {}\n\nexport const ContentResponsive: FC<ContentResponsiveProps> = ({ ...restProps }) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <ContentDesktop {...restProps} />;\n    }\n\n    return <ContentMobile {...restProps} />;\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,iBAAiB,GAA+B,CAAC,EAAE,GAAG,SAAS,EAAE,KAAI;AAC9E,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;AACX,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,cAAc,EAAK,EAAA,GAAA,SAAS,GAAI;;AAG5C,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,aAAa,EAAK,EAAA,GAAA,SAAS,GAAI;AAC3C;;;;"}

package/modern/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_o8ilw {
+.universal-modal__footer_191ni {
     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_o8ilw {
+.universal-modal__sticky_191ni {
     background: var(--universal-modal-footer-background);
     position: sticky;
     z-index: 1;
 }
-.universal-modal__highlighted_o8ilw {
+.universal-modal__highlighted_191ni {
     background: var(--universal-modal-footer-highlight-background);
     box-shadow: var(--universal-modal-footer-highlight-box-shadow);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"universal-modal__footer_o8ilw","sticky":"universal-modal__sticky_o8ilw","highlighted":"universal-modal__highlighted_o8ilw"};
+const styles = {"footer":"universal-modal__footer_191ni","sticky":"universal-modal__sticky_191ni","highlighted":"universal-modal__highlighted_191ni"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../src/components/footer/base-footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../vars.css';\n\n.footer {\n    width: 100%;\n    box-sizing: border-box;\n    transition:\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n    padding: var(--gap-16) var(--gap-32) var(--gap-32);\n}\n\n.sticky {\n    background: var(--universal-modal-footer-background);\n    position: sticky;\n    z-index: 1;\n}\n\n.highlighted {\n    background: var(--universal-modal-footer-highlight-background);\n    box-shadow: var(--universal-modal-footer-highlight-box-shadow);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../../src/components/footer/base-footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../vars.css';\n\n.footer {\n    width: 100%;\n    box-sizing: border-box;\n    transition:\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n    padding: var(--gap-16) var(--gap-32) var(--gap-32);\n}\n\n.sticky {\n    background: var(--universal-modal-footer-background);\n    position: sticky;\n    z-index: 1;\n}\n\n.highlighted {\n    background: var(--universal-modal-footer-highlight-background);\n    box-shadow: var(--universal-modal-footer-highlight-box-shadow);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC;;;;"}

package/modern/components/footer/desktop/desktop.css

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

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

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

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

@@ -6,29 +6,29 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.universal-modal__column_jptmn {
+.universal-modal__column_1czcc {
     display: flex;
     flex-direction: column;
     gap: var(--gap-8);
 }
-.universal-modal__column_jptmn.universal-modal__middle_jptmn {
+.universal-modal__column_1czcc.universal-modal__middle_1czcc {
         gap: var(--gap-12);
     }
-.universal-modal__start_jptmn {
+.universal-modal__start_1czcc {
     justify-content: flex-start;
 }
-.universal-modal__center_jptmn {
+.universal-modal__center_1czcc {
     justify-content: center;
 }
-.universal-modal__space-between_jptmn {
+.universal-modal__space-between_1czcc {
     justify-content: space-between;
 }
-.universal-modal__space-between_jptmn > * {
+.universal-modal__space-between_1czcc > * {
         flex: 1;
     }
-.universal-modal__start_jptmn,
-.universal-modal__center_jptmn,
-.universal-modal__space-between_jptmn {
+.universal-modal__start_1czcc,
+.universal-modal__center_1czcc,
+.universal-modal__space-between_1czcc {
     display: flex;
     gap: var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './layout.css';
 
-const layoutStyles = {"column":"universal-modal__column_jptmn","middle":"universal-modal__middle_jptmn","start":"universal-modal__start_jptmn","center":"universal-modal__center_jptmn","space-between":"universal-modal__space-between_jptmn"};
+const layoutStyles = {"column":"universal-modal__column_1czcc","middle":"universal-modal__middle_1czcc","start":"universal-modal__start_1czcc","center":"universal-modal__center_1czcc","space-between":"universal-modal__space-between_1czcc"};
 
 export { layoutStyles as default };
 //# sourceMappingURL=layout.module.css.js.map

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

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

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

@@ -2,26 +2,26 @@
     --gap-m: 16px;
     --gap-16: var(--gap-m);
 }
-.universal-modal__column_1xt3r {
+.universal-modal__column_1p0i1 {
     display: flex;
     flex-direction: column;
     gap: var(--gap-16);
 }
-.universal-modal__start_1xt3r {
+.universal-modal__start_1p0i1 {
     justify-content: flex-start;
 }
-.universal-modal__center_1xt3r {
+.universal-modal__center_1p0i1 {
     justify-content: center;
 }
-.universal-modal__space-between_1xt3r {
+.universal-modal__space-between_1p0i1 {
     justify-content: space-between;
 }
-.universal-modal__space-between_1xt3r > * {
+.universal-modal__space-between_1p0i1 > * {
         flex: 1;
     }
-.universal-modal__start_1xt3r,
-.universal-modal__center_1xt3r,
-.universal-modal__space-between_1xt3r {
+.universal-modal__start_1p0i1,
+.universal-modal__center_1p0i1,
+.universal-modal__space-between_1p0i1 {
     display: flex;
     gap: var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './layout.mobile.css';
 
-const layoutStylesMobile = {"column":"universal-modal__column_1xt3r","start":"universal-modal__start_1xt3r","center":"universal-modal__center_1xt3r","space-between":"universal-modal__space-between_1xt3r"};
+const layoutStylesMobile = {"column":"universal-modal__column_1p0i1","start":"universal-modal__start_1p0i1","center":"universal-modal__center_1p0i1","space-between":"universal-modal__space-between_1p0i1"};
 
 export { layoutStylesMobile as default };
 //# sourceMappingURL=layout.mobile.module.css.js.map

package/modern/components/footer/mobile/mobile.css

@@ -3,9 +3,9 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.universal-modal__footer_efe0w {
+.universal-modal__footer_44pp6 {
     padding: var(--gap-16);
 }
-.universal-modal__sticky_efe0w {
+.universal-modal__sticky_44pp6 {
     bottom: var(--gap-0);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const styles = {"footer":"universal-modal__footer_efe0w","sticky":"universal-modal__sticky_efe0w"};
+const styles = {"footer":"universal-modal__footer_44pp6","sticky":"universal-modal__sticky_44pp6"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/footer/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { FooterDesktop, type FooterDesktopProps } from '../desktop/Component.desktop';\nimport { FooterMobile, type FooterMobileProps } from '../mobile/Component.mobile';\n\nexport interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {}\n\nexport const FooterResponsive = forwardRef<HTMLDivElement, FooterResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <FooterDesktop ref={ref} {...props} />;\n    }\n\n    return <FooterMobile {...props} />;\n});\n\nFooterResponsive.displayName = 'FooterResponsive';\n"],"names":[],"mappings":";;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAChD;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../../../../src/components/footer/responsive/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { FooterDesktop, type FooterDesktopProps } from '../desktop/Component.desktop';\nimport { FooterMobile, type FooterMobileProps } from '../mobile/Component.mobile';\n\nexport interface FooterResponsiveProps extends FooterDesktopProps, FooterMobileProps {}\n\nexport const FooterResponsive = forwardRef<HTMLDivElement, FooterResponsiveProps>((props, ref) => {\n    const isDesktop = useIsDesktop();\n\n    if (isDesktop) {\n        return <FooterDesktop ref={ref} {...props} />;\n    }\n\n    return <FooterMobile {...props} />;\n});\n\nFooterResponsive.displayName = 'FooterResponsive';\n"],"names":[],"mappings":";;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;;AAGjD,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

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

@@ -10,22 +10,22 @@
     --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
     --universal-modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
 }
-.universal-modal__header_1a994 {
+.universal-modal__header_5203i {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
 }
-.universal-modal__header_1a994.universal-modal__highlighted_1a994 {
+.universal-modal__header_5203i.universal-modal__highlighted_5203i {
         background: var(--universal-modal-header-highlight-background);
         box-shadow: var(--universal-modal-header-highlight-box-shadow);
     }
-.universal-modal__header_1a994.universal-modal__sticky_1a994 {
+.universal-modal__header_5203i.universal-modal__sticky_5203i {
         position: sticky;
         top: var(--gap-0);
         z-index: 1;
     }
-.universal-modal__header_1a994.universal-modal__sticky_1a994.universal-modal__hasContent_1a994 {
+.universal-modal__header_5203i.universal-modal__sticky_5203i.universal-modal__hasContent_5203i {
             background: var(--universal-modal-header-background);
         }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"header":"universal-modal__header_1a994","highlighted":"universal-modal__highlighted_1a994","sticky":"universal-modal__sticky_1a994","hasContent":"universal-modal__hasContent_1a994"};
+const styles = {"header":"universal-modal__header_5203i","highlighted":"universal-modal__highlighted_5203i","sticky":"universal-modal__sticky_5203i","hasContent":"universal-modal__hasContent_5203i"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../../src/components/header/base-header/index.module.css"],"sourcesContent":["@import '../../../vars.css';\n@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.header {\n    width: 100%;\n    box-sizing: border-box;\n    transition:\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n\n    &.highlighted {\n        background: var(--universal-modal-header-highlight-background);\n        box-shadow: var(--universal-modal-header-highlight-box-shadow);\n    }\n\n    &.sticky {\n        position: sticky;\n        top: var(--gap-0);\n        z-index: 1;\n\n        &.hasContent {\n            background: var(--universal-modal-header-background);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,YAAY,CAAC,mCAAmC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../../src/components/header/base-header/index.module.css"],"sourcesContent":["@import '../../../vars.css';\n@import '@alfalab/core-components-vars/src/index.css';\n\n.header {\n    width: 100%;\n    box-sizing: border-box;\n    transition:\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n\n    &.highlighted {\n        background: var(--universal-modal-header-highlight-background);\n        box-shadow: var(--universal-modal-header-highlight-box-shadow);\n    }\n\n    &.sticky {\n        position: sticky;\n        top: var(--gap-0);\n        z-index: 1;\n\n        &.hasContent {\n            background: var(--universal-modal-header-background);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,aAAa,CAAC,oCAAoC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,YAAY,CAAC,mCAAmC,CAAC;;;;"}

package/modern/components/header/base-header/useBaseHeader.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private/modern';
-declare type Params = Pick<NavigationBarPrivateProps, 'title' | 'children' | 'bottomAddons' | 'onClose'>;
+type Params = Pick<NavigationBarPrivateProps, 'title' | 'children' | 'bottomAddons' | 'onClose'>;
 export declare const useBaseHeader: (params: Params) => {
     headerHighlighted: boolean | undefined;
     hasContent: boolean;
     componentRef: import("react").RefObject<HTMLDivElement>;
     titleRef: import("react").RefObject<HTMLDivElement>;
-    handleClose: (event: import("react").MouseEvent<HTMLElement, MouseEvent> | import("react").KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick" | undefined) => void;
+    handleClose: (event: import("react").MouseEvent<HTMLElement> | import("react").KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 };
 export {};

package/modern/components/header/base-header/useBaseHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBaseHeader.js","sources":["../../../../src/components/header/base-header/useBaseHeader.ts"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\n\nimport { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private';\n\nimport { ModalContext } from '../../../Context';\n\ntype Params = Pick<NavigationBarPrivateProps, 'title' | 'children' | 'bottomAddons' | 'onClose'>;\n\nexport const useBaseHeader = (params: Params) => {\n    const { title, children, bottomAddons, onClose } = params;\n\n    const {\n        componentRef,\n        headerHighlighted,\n        onClose: handleCloseByContext,\n        setHasHeader,\n    } = useContext(ModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || 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 { headerHighlighted, hasContent, componentRef, titleRef, handleClose };\n};\n"],"names":[],"mappings":";;;AAQa,MAAA,aAAa,GAAG,CAAC,MAAc,KAAI;IAC5C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,MAAM;AAEzD,IAAA,MAAM,EACF,YAAY,EACZ,iBAAiB,EACjB,OAAO,EAAE,oBAAoB,EAC7B,YAAY,GACf,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,YAAY,CAAC;AAE7D,IAAA,MAAM,WAAW,GAAyC,CAAC,GAAG,IAAI,KAAI;AAClE,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC;AAC1B;AAED,QAAA,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC;AACxC,KAAC;IAED,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE;AACjF;;;;"}
+{"version":3,"file":"useBaseHeader.js","sources":["../../../../src/components/header/base-header/useBaseHeader.ts"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\n\nimport { type NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private';\n\nimport { ModalContext } from '../../../Context';\n\ntype Params = Pick<NavigationBarPrivateProps, 'title' | 'children' | 'bottomAddons' | 'onClose'>;\n\nexport const useBaseHeader = (params: Params) => {\n    const { title, children, bottomAddons, onClose } = params;\n\n    const {\n        componentRef,\n        headerHighlighted,\n        onClose: handleCloseByContext,\n        setHasHeader,\n    } = useContext(ModalContext);\n\n    const titleRef = useRef<HTMLDivElement>(null);\n\n    const hasContent = Boolean(title || children || 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 { headerHighlighted, hasContent, componentRef, titleRef, handleClose };\n};\n"],"names":[],"mappings":";;;AAQa,MAAA,aAAa,GAAG,CAAC,MAAc,KAAI;IAC5C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,MAAM;AAEzD,IAAA,MAAM,EACF,YAAY,EACZ,iBAAiB,EACjB,OAAO,EAAE,oBAAoB,EAC7B,YAAY,GACf,GAAG,UAAU,CAAC,YAAY,CAAC;AAE5B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,IAAI,YAAY,CAAC;AAE7D,IAAA,MAAM,WAAW,GAAyC,CAAC,GAAG,IAAI,KAAI;QAClE,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,OAAO,CAAC,GAAG,IAAI,CAAC;;AAG3B,QAAA,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC;AACxC,KAAC;IAED,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,KAAK,CAAC;AACvB,SAAC;AACL,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE;AACjF;;;;"}

package/modern/components/header/desktop/desktop.css

@@ -8,36 +8,41 @@
     --gap-20: var(--gap-l);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.universal-modal__header_1t30f {
+.universal-modal__header_px1xz {
     padding: var(--gap-20) var(--gap-20) 0;
 }
-.universal-modal__header_1t30f .universal-modal__headerTitle_1t30f {
+.universal-modal__header_px1xz .universal-modal__headerTitle_px1xz {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: 11px var(--gap-12);
     }
-.universal-modal__header_1t30f .universal-modal__bottomAddons_1t30f {
+.universal-modal__header_px1xz .universal-modal__bottomAddons_px1xz {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: var(--gap-6) var(--gap-12) var(--gap-16);
     }
-.universal-modal__header_1t30f.universal-modal__medium_1t30f .universal-modal__headerTitle_1t30f {
+.universal-modal__header_px1xz.universal-modal__medium_px1xz .universal-modal__headerTitle_px1xz {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
             padding: var(--gap-6) var(--gap-12) var(--gap-16);
         }
-.universal-modal__header_1t30f.universal-modal__medium_1t30f .universal-modal__bottomAddons_1t30f {
+.universal-modal__header_px1xz.universal-modal__medium_px1xz .universal-modal__bottomAddons_px1xz {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
         }

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

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-const desktopStyles = {"header":"universal-modal__header_1t30f","headerTitle":"universal-modal__headerTitle_1t30f","bottomAddons":"universal-modal__bottomAddons_1t30f","medium":"universal-modal__medium_1t30f"};
+const desktopStyles = {"header":"universal-modal__header_px1xz","headerTitle":"universal-modal__headerTitle_px1xz","bottomAddons":"universal-modal__bottomAddons_px1xz","medium":"universal-modal__medium_px1xz"};
 
 export { desktopStyles as default };
 //# sourceMappingURL=desktop.module.css.js.map

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

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

package/modern/components/header/mobile/mobile.css

@@ -10,25 +10,28 @@
     --gap-16: var(--gap-m);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
-.universal-modal__header_17xav {
+.universal-modal__header_1x68y {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_17xav {
+.universal-modal__content_1x68y {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
 }
-.universal-modal__bottomAddons_17xav {
+.universal-modal__bottomAddons_1x68y {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: var(--gap-6) var(--gap-16);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const mobileStyles = {"header":"universal-modal__header_17xav","content":"universal-modal__content_17xav","bottomAddons":"universal-modal__bottomAddons_17xav"};
+const mobileStyles = {"header":"universal-modal__header_1x68y","content":"universal-modal__content_1x68y","bottomAddons":"universal-modal__bottomAddons_1x68y"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/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/no-typography-index.css';\n\n.header {\n    padding: var(--gap-8) var(--gap-4);\n}\n\n.content {\n    @mixin headline-system-mobile_small;\n    padding: 0 var(--gap-12);\n    min-height: 40px;\n    justify-content: center;\n}\n\n.bottomAddons {\n    @mixin headline-system-mobile_small;\n    padding: var(--gap-6) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,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/index.css';\n\n.header {\n    padding: var(--gap-8) var(--gap-4);\n}\n\n.content {\n    @mixin headline-system-mobile_small;\n    padding: 0 var(--gap-12);\n    min-height: 40px;\n    justify-content: center;\n}\n\n.bottomAddons {\n    @mixin headline-system-mobile_small;\n    padding: var(--gap-6) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,cAAc,CAAC,qCAAqC,CAAC;;;;"}

package/modern/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, 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":";;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAChD;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;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":";;;;;AASa,MAAA,gBAAgB,GAAG,UAAU,CAAwC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7F,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,IAAI,SAAS,EAAE;QACX,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;;AAGjD,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,KAAK,GAAI;AACtC,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/modern/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { type UniversalModalContextType } from './types/context';\nimport { type UniversalModalDesktopProps } from './types/props';\nimport { UniversalModalContext } from './context';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>((props, ref) => {\n    const { children, horizontalAlign = 'center', ...restProps } = props;\n    const { width = 500 } = restProps;\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            width,\n        }),\n        [width],\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":";;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,8BAA8B,GAAG,UAAU,CAGtD,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACpE,IAAA,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,SAAS;AAEjC,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,KAAK;AACR,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACV;IAED,MAAM,WAAW,GAAG,MAAK;QACrB,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IACjE,QAAQ,CACC;AAErB;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IAC/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;MAEY,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 } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { type UniversalModalContextType } from './types/context';\nimport { type UniversalModalDesktopProps } from './types/props';\nimport { UniversalModalContext } from './context';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>((props, ref) => {\n    const { children, horizontalAlign = 'center', ...restProps } = props;\n    const { width = 500 } = restProps;\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            width,\n        }),\n        [width],\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":";;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,8BAA8B,GAAG,UAAU,CAGtD,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACpE,IAAA,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,SAAS;AAEjC,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,KAAK;AACR,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACV;IAED,MAAM,WAAW,GAAG,MAAK;AACrB,QAAA,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IACjE,QAAQ,CACC;;AAItB,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IAC/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;MAEY,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;;;;"}