@alfalab/core-components 23.10.0 → 23.12.0

package/list/esm/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_uxzxi {
+.list__list_ppccs {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_uxzxi {
+.list__orderedList_ppccs {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_uxzxi {
+.list__lowerAlpha_ppccs {
     list-style-type: lower-alpha;
 }
-.list__decimal_uxzxi {
+.list__decimal_ppccs {
     list-style-type: decimal;
 }
-.list__item_uxzxi {
+.list__item_ppccs {
     margin-top: var(--list-item-margin)
 }
-.list__item_uxzxi:first-child {
+.list__item_ppccs:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_uxzxi {
+.list__unorderedItem_ppccs {
     display: flex;
 }
-.list__orderedItem_uxzxi {
+.list__orderedItem_ppccs {
     padding-left: var(--gap-2xs);
 }
-.list__slot_uxzxi {
+.list__slot_ppccs {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_uxzxi {
+.list__list_ppccs {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_uxzxi {
+.list__orderedList_ppccs {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_uxzxi {
+.list__lowerAlpha_ppccs {
     list-style-type: lower-alpha;
 }
-.list__decimal_uxzxi {
+.list__decimal_ppccs {
     list-style-type: decimal;
 }
-.list__item_uxzxi {
+.list__item_ppccs {
     margin-top: var(--list-item-margin)
 }
-.list__item_uxzxi:first-child {
+.list__item_ppccs:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_uxzxi {
+.list__unorderedItem_ppccs {
     display: flex;
 }
-.list__orderedItem_uxzxi {
+.list__orderedItem_ppccs {
     padding-left: var(--gap-2xs);
 }
-.list__slot_uxzxi {
+.list__slot_ppccs {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/modern/Component.js

@@ -1,7 +1,7 @@
 import cn from 'classnames';
 import React, { Children } from 'react';
 
-var styles = {"list":"list__list_uxzxi","orderedList":"list__orderedList_uxzxi","lowerAlpha":"list__lowerAlpha_uxzxi","decimal":"list__decimal_uxzxi","item":"list__item_uxzxi","unorderedItem":"list__unorderedItem_uxzxi","orderedItem":"list__orderedItem_uxzxi","slot":"list__slot_uxzxi"};
+var styles = {"list":"list__list_ppccs","orderedList":"list__orderedList_ppccs","lowerAlpha":"list__lowerAlpha_ppccs","decimal":"list__decimal_ppccs","item":"list__item_ppccs","unorderedItem":"list__unorderedItem_ppccs","orderedItem":"list__orderedItem_ppccs","slot":"list__slot_ppccs"};
 require('./index.css');
 
 const List = ({ tag: Component = 'ul', marker, className, dataTestId, children, }) => {

package/list/modern/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_uxzxi {
+.list__list_ppccs {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_uxzxi {
+.list__orderedList_ppccs {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_uxzxi {
+.list__lowerAlpha_ppccs {
     list-style-type: lower-alpha;
 }
-.list__decimal_uxzxi {
+.list__decimal_ppccs {
     list-style-type: decimal;
 }
-.list__item_uxzxi {
+.list__item_ppccs {
     margin-top: var(--list-item-margin)
 }
-.list__item_uxzxi:first-child {
+.list__item_ppccs:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_uxzxi {
+.list__unorderedItem_ppccs {
     display: flex;
 }
-.list__orderedItem_uxzxi {
+.list__orderedItem_ppccs {
     padding-left: var(--gap-2xs);
 }
-.list__slot_uxzxi {
+.list__slot_ppccs {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list-header/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"list-header__component_13ktf","description":"list-header__description_13ktf","filled":"list-header__filled_13ktf"};
+var styles = {"component":"list-header__component_i5iig","description":"list-header__description_i5iig","filled":"list-header__filled_i5iig"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/esm';
 
-var styles = {"component":"list-header__component_13ktf","description":"list-header__description_13ktf","filled":"list-header__filled_13ktf"};
+var styles = {"component":"list-header__component_i5iig","description":"list-header__description_i5iig","filled":"list-header__filled_i5iig"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/index.css

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_13ktf {
+.list-header__component_i5iig {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_13ktf {
+.list-header__description_i5iig {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_13ktf {
+.list-header__filled_i5iig {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/index.css

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_13ktf {
+.list-header__component_i5iig {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_13ktf {
+.list-header__description_i5iig {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_13ktf {
+.list-header__filled_i5iig {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/modern';
 
-var styles = {"component":"list-header__component_13ktf","description":"list-header__description_13ktf","filled":"list-header__filled_13ktf"};
+var styles = {"component":"list-header__component_i5iig","description":"list-header__description_i5iig","filled":"list-header__filled_i5iig"};
 require('./index.css');
 
 const ListHeader = ({ title, description, filled = true, className, dataTestId, }) => (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, { [styles.filled]: filled }, className) },

package/list-header/modern/index.css

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_13ktf {
+.list-header__component_i5iig {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_13ktf {
+.list-header__description_i5iig {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_13ktf {
+.list-header__filled_i5iig {
     background-color: var(--color-light-specialbg-component);
 }

package/loader/Component.js

@@ -8,15 +8,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"loader__component_ol031","blink":"loader__blink_ol031"};
+var styles = {"component":"loader__component_1iqzx","blink":"loader__blink_1iqzx"};
 require('./index.css');
 
 var Loader = function (_a) {
     var className = _a.className, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("svg", { height: '24', width: '24', viewBox: '0 0 24 24', className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
-        React__default['default'].createElement("circle", { cx: '4', cy: '12', r: '2' }),
-        React__default['default'].createElement("circle", { cx: '12', cy: '12', r: '2' }),
-        React__default['default'].createElement("circle", { cx: '20', cy: '12', r: '2' })));
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
+        React__default['default'].createElement("div", null),
+        React__default['default'].createElement("div", null),
+        React__default['default'].createElement("div", null)));
 };
 
 exports.Loader = Loader;

package/loader/cssm/Component.js

@@ -12,10 +12,10 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Loader = function (_a) {
     var className = _a.className, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("svg", { height: '24', width: '24', viewBox: '0 0 24 24', className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
-        React__default['default'].createElement("circle", { cx: '4', cy: '12', r: '2' }),
-        React__default['default'].createElement("circle", { cx: '12', cy: '12', r: '2' }),
-        React__default['default'].createElement("circle", { cx: '20', cy: '12', r: '2' })));
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
+        React__default['default'].createElement("div", null),
+        React__default['default'].createElement("div", null),
+        React__default['default'].createElement("div", null)));
 };
 
 exports.Loader = Loader;

package/loader/cssm/index.module.css

@@ -1,8 +1,17 @@
 .component {
-    fill: currentColor
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center
 }
 
-.component circle {
+.component div {
+        height: 4px;
+        width: 4px;
+        margin-right: 4px;
+        border-radius: 100%;
+        background-color: currentColor;
         animation-name: blink;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
@@ -10,17 +19,17 @@
         transform: scale(0);
     }
 
-.component circle:nth-child(1) {
+.component div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.component circle:nth-child(2) {
+.component div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.component circle:nth-child(3) {
+.component div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }

package/loader/esm/Component.js

@@ -1,15 +1,15 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"loader__component_ol031","blink":"loader__blink_ol031"};
+var styles = {"component":"loader__component_1iqzx","blink":"loader__blink_1iqzx"};
 require('./index.css');
 
 var Loader = function (_a) {
     var className = _a.className, dataTestId = _a.dataTestId;
-    return (React.createElement("svg", { height: '24', width: '24', viewBox: '0 0 24 24', className: cn(styles.component, className), "data-test-id": dataTestId },
-        React.createElement("circle", { cx: '4', cy: '12', r: '2' }),
-        React.createElement("circle", { cx: '12', cy: '12', r: '2' }),
-        React.createElement("circle", { cx: '20', cy: '12', r: '2' })));
+    return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
+        React.createElement("div", null),
+        React.createElement("div", null),
+        React.createElement("div", null)));
 };
 
 export { Loader };

package/loader/esm/index.css

@@ -1,32 +1,41 @@
-/* hash: 1076g */
-.loader__component_ol031 {
-    fill: currentColor
+/* hash: 138b9 */
+.loader__component_1iqzx {
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center
 }
 
-.loader__component_ol031 circle {
-        animation-name: loader__blink_ol031;
+.loader__component_1iqzx div {
+        height: 4px;
+        width: 4px;
+        margin-right: 4px;
+        border-radius: 100%;
+        background-color: currentColor;
+        animation-name: loader__blink_1iqzx;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_ol031 circle:nth-child(1) {
+.loader__component_1iqzx div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_ol031 circle:nth-child(2) {
+.loader__component_1iqzx div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_ol031 circle:nth-child(3) {
+.loader__component_1iqzx div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }
 
-@keyframes loader__blink_ol031 {
+@keyframes loader__blink_1iqzx {
     21% {
         transform: scale(1);
     }

package/loader/index.css

@@ -1,32 +1,41 @@
-/* hash: 1076g */
-.loader__component_ol031 {
-    fill: currentColor
+/* hash: 138b9 */
+.loader__component_1iqzx {
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center
 }
 
-.loader__component_ol031 circle {
-        animation-name: loader__blink_ol031;
+.loader__component_1iqzx div {
+        height: 4px;
+        width: 4px;
+        margin-right: 4px;
+        border-radius: 100%;
+        background-color: currentColor;
+        animation-name: loader__blink_1iqzx;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_ol031 circle:nth-child(1) {
+.loader__component_1iqzx div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_ol031 circle:nth-child(2) {
+.loader__component_1iqzx div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_ol031 circle:nth-child(3) {
+.loader__component_1iqzx div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }
 
-@keyframes loader__blink_ol031 {
+@keyframes loader__blink_1iqzx {
     21% {
         transform: scale(1);
     }

package/loader/modern/Component.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"loader__component_ol031","blink":"loader__blink_ol031"};
+var styles = {"component":"loader__component_1iqzx","blink":"loader__blink_1iqzx"};
 require('./index.css');
 
-const Loader = ({ className, dataTestId }) => (React.createElement("svg", { height: '24', width: '24', viewBox: '0 0 24 24', className: cn(styles.component, className), "data-test-id": dataTestId },
-    React.createElement("circle", { cx: '4', cy: '12', r: '2' }),
-    React.createElement("circle", { cx: '12', cy: '12', r: '2' }),
-    React.createElement("circle", { cx: '20', cy: '12', r: '2' })));
+const Loader = ({ className, dataTestId }) => (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
+    React.createElement("div", null),
+    React.createElement("div", null),
+    React.createElement("div", null)));
 
 export { Loader };

package/loader/modern/index.css

@@ -1,32 +1,41 @@
-/* hash: 1076g */
-.loader__component_ol031 {
-    fill: currentColor
+/* hash: 138b9 */
+.loader__component_1iqzx {
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center
 }
 
-.loader__component_ol031 circle {
-        animation-name: loader__blink_ol031;
+.loader__component_1iqzx div {
+        height: 4px;
+        width: 4px;
+        margin-right: 4px;
+        border-radius: 100%;
+        background-color: currentColor;
+        animation-name: loader__blink_1iqzx;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_ol031 circle:nth-child(1) {
+.loader__component_1iqzx div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_ol031 circle:nth-child(2) {
+.loader__component_1iqzx div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_ol031 circle:nth-child(3) {
+.loader__component_1iqzx div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }
 
-@keyframes loader__blink_ol031 {
+@keyframes loader__blink_1iqzx {
     21% {
         transform: scale(1);
     }

package/masked-input/Component.js

@@ -51,7 +51,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textHidden":"masked-input__textHidden_1e1c7"};
+var styles = {"textHidden":"masked-input__textHidden_zdtst"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/Component.js

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textHidden":"masked-input__textHidden_1e1c7"};
+var styles = {"textHidden":"masked-input__textHidden_zdtst"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1nm3e */
-.masked-input__textHidden_1e1c7 input {
+/* hash: hd3wh */
+.masked-input__textHidden_zdtst input {
     opacity: 0;
 }

package/masked-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1nm3e */
-.masked-input__textHidden_1e1c7 input {
+/* hash: hd3wh */
+.masked-input__textHidden_zdtst input {
     opacity: 0;
 }

package/masked-input/modern/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import { createTextMaskInputElement } from 'text-mask-core';
 import { Input } from '../../input/modern';
 
-var styles = {"textHidden":"masked-input__textHidden_1e1c7"};
+var styles = {"textHidden":"masked-input__textHidden_zdtst"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1nm3e */
-.masked-input__textHidden_1e1c7 input {
+/* hash: hd3wh */
+.masked-input__textHidden_zdtst input {
     opacity: 0;
 }

package/modal/Component.desktop.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a1add9a7.js');
+var tslib_es6 = require('./tslib.es6-4580f410.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -14,7 +14,7 @@ require('./components/content/Component.js');
 var components_content_Component_desktop = require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
-var transitions_module = require('./transitions.module-93050b58.js');
+var transitions_module = require('./transitions.module-c3a97687.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,7 +22,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var styles = {"wrapper":"modal__wrapper_19ee7","component":"modal__component_19ee7","fullscreen":"modal__fullscreen_19ee7","s":"modal__s_19ee7","m":"modal__m_19ee7","l":"modal__l_19ee7"};
+var styles = {"wrapper":"modal__wrapper_10yuv","component":"modal__component_10yuv","fullscreen":"modal__fullscreen_10yuv","s":"modal__s_10yuv","m":"modal__m_10yuv","l":"modal__l_10yuv"};
 require('./desktop.css');
 
 var ModalDesktopComponent = React.forwardRef(function (_a, ref) {

package/modal/Component.mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a1add9a7.js');
+var tslib_es6 = require('./tslib.es6-4580f410.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -10,7 +10,7 @@ var components_closer_Component = require('./components/closer/Component.js');
 require('./components/header/Component.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.js');
-var transitions_module = require('./transitions.module-93050b58.js');
+var transitions_module = require('./transitions.module-c3a97687.js');
 var hooks = require('@alfalab/hooks');
 var components_header_Component_mobile = require('./components/header/Component.mobile.js');
 var components_content_Component_mobile = require('./components/content/Component.mobile.js');
@@ -21,7 +21,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"modal__component_yovf0"};
+var styles = {"component":"modal__component_9iy5l"};
 require('./mobile.css');
 
 var ModalMobileComponent = React.forwardRef(function (_a, ref) {

package/modal/Component.responsive.d.ts

@@ -11,9 +11,9 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("packages/
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("./components/header/Component").HeaderProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
-    Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
-    Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
+    Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component").HeaderProps>;
+    Content: React.FC<import("./components/content/Component.desktop").ContentDesktopProps> | React.FC<import("./components/content/Component").ContentProps>;
+    Footer: React.FC<import("./components/footer/Component.desktop").FooterDesktopProps> | React.FC<import("./components/footer/Component").FooterProps>;
     Closer: React.FC<import("./components/closer/Component").CloserProps>;
 };
 export { ModalResponsiveProps, ModalResponsive };