@alfalab/core-components 46.0.0-beta.7 → 46.0.0-beta.8

package/input/modern/Component.responsive.js

@@ -1,12 +1,12 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { InputDesktop } from './desktop/Component.desktop.js';
 import { InputMobile } from './mobile/Component.mobile.js';
 import '../../form-control/modern/desktop';
 import './components/base-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/modern';
 import '../../status-badge/modern';
 import '@alfalab/hooks';
 import './components/clear-button/Component.js';
@@ -14,7 +14,7 @@ import '../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '../../form-control/modern/mobile';
 
-const Input = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, ...restProps }, ref) => {
+const Input = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
     const Component = isDesktop ? InputDesktop : InputMobile;

package/input/modern/index.js

@@ -1,12 +1,12 @@
 export { Input } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../form-control/modern/desktop';
 import './components/base-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
+import '../../shared/modern';
 import '../../status-badge/modern';
 import '@alfalab/hooks';
 import './components/clear-button/Component.js';

package/input-autocomplete/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./mobile/Component.modal.mobile.js');
@@ -13,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InputAutocomplete = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
 });

package/input-autocomplete/cssm/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./mobile/Component.modal.mobile.js');
@@ -13,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InputAutocomplete = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
 });

package/input-autocomplete/esm/Component.responsive.js

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
 import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
 import './mobile/Component.modal.mobile.js';
@@ -17,11 +16,12 @@ import '../../select/esm/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm/mobile';
 import '../../input/esm/shared';
+import '../../shared/esm';
 import '@alfalab/hooks';
 import './utils.js';
 
 var InputAutocomplete = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React.createElement(InputAutocompleteDesktop, __assign({}, restProps, { ref: ref }))) : (React.createElement(InputAutocompleteMobile, __assign({}, restProps, mobileProps, { ref: ref })));
 });

package/input-autocomplete/esm/index.js

@@ -2,7 +2,6 @@ export { InputAutocomplete } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../popover/esm';
 import '../../select/esm/shared';
@@ -17,6 +16,7 @@ import '../../select/esm/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/esm/mobile';
 import '../../input/esm/shared';
+import '../../shared/esm';
 import '@alfalab/hooks';
 import './utils.js';
 import './mobile/Component.modal.mobile.js';

package/input-autocomplete/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
 import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
 import './mobile/Component.modal.mobile.js';
@@ -16,10 +15,11 @@ import '../../select/modern/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/modern/mobile';
 import '../../input/modern/shared';
+import '../../shared/modern';
 import '@alfalab/hooks';
 import './utils.js';
 
-const InputAutocomplete = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue = true, mobileProps, ...restProps }, ref) => {
+const InputAutocomplete = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue = true, mobileProps, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return isDesktop ? (React.createElement(InputAutocompleteDesktop, { ...restProps, ref: ref })) : (React.createElement(InputAutocompleteMobile, { ...restProps, ...mobileProps, ref: ref }));
 });

package/input-autocomplete/modern/index.js

@@ -1,7 +1,6 @@
 export { InputAutocomplete } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../popover/modern';
 import '../../select/modern/shared';
@@ -16,6 +15,7 @@ import '../../select/modern/mobile';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/modern/mobile';
 import '../../input/modern/shared';
+import '../../shared/modern';
 import '@alfalab/hooks';
 import './utils.js';
 import './mobile/Component.modal.mobile.js';

package/international-phone-input/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InternationalPhoneInput = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InternationalPhoneInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InternationalPhoneInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });

package/international-phone-input/cssm/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InternationalPhoneInput = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InternationalPhoneInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InternationalPhoneInputMobile, tslib.__assign({}, restProps, { ref: ref })));
 });

package/international-phone-input/cssm/typings-1fe708ea.d.ts

@@ -872,11 +872,6 @@ type IconButtonProps = {
      * Дополнительный класс
      */
     className?: string;
-    /**
-     * Включает прозрачный фон
-     * @default false
-     */
-    transparentBg?: boolean;
     /**
      * Выравнивание иконки
      * @default 'center'
@@ -898,7 +893,6 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
     size?: "s" | "xs" | 48 | 56 | 24 | 32 | 40 | "xxs" | undefined;
     className?: string | undefined;
-    transparentBg?: boolean | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;

package/international-phone-input/esm/Component.responsive.js

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { InternationalPhoneInputDesktop } from './desktop/Component.desktop.js';
 import { InternationalPhoneInputMobile } from './mobile/Component.mobile.js';
 import '../../input/esm/desktop';
@@ -13,6 +12,7 @@ import '@maskito/core';
 import '@maskito/react';
 import '../../select/esm/shared';
 import './utils/index.js';
+import '../../shared/esm';
 import './consts.js';
 import './data/country-data.js';
 import './components/country-select/Component.js';
@@ -27,7 +27,7 @@ import '../../input-autocomplete/esm/mobile';
 import '../../select/esm/mobile';
 
 var InternationalPhoneInput = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React.createElement(InternationalPhoneInputDesktop, __assign({}, restProps, { ref: ref }))) : (React.createElement(InternationalPhoneInputMobile, __assign({}, restProps, { ref: ref })));
 });

package/international-phone-input/esm/index.js

@@ -2,7 +2,6 @@ export { InternationalPhoneInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../input/esm/desktop';
 import '../../input-autocomplete/esm/desktop';
@@ -13,6 +12,7 @@ import '@maskito/core';
 import '@maskito/react';
 import '../../select/esm/shared';
 import './utils/index.js';
+import '../../shared/esm';
 import './consts.js';
 import './data/country-data.js';
 import './components/country-select/Component.js';

package/international-phone-input/esm/typings-1fe708ea.d.ts

@@ -872,11 +872,6 @@ type IconButtonProps = {
      * Дополнительный класс
      */
     className?: string;
-    /**
-     * Включает прозрачный фон
-     * @default false
-     */
-    transparentBg?: boolean;
     /**
      * Выравнивание иконки
      * @default 'center'
@@ -898,7 +893,6 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
     size?: "s" | "xs" | 48 | 56 | 24 | 32 | 40 | "xxs" | undefined;
     className?: string | undefined;
-    transparentBg?: boolean | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;

package/international-phone-input/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { InternationalPhoneInputDesktop } from './desktop/Component.desktop.js';
 import { InternationalPhoneInputMobile } from './mobile/Component.mobile.js';
 import '../../input/modern/desktop';
@@ -12,6 +11,7 @@ import '@maskito/core';
 import '@maskito/react';
 import '../../select/modern/shared';
 import './utils/index.js';
+import '../../shared/modern';
 import './consts.js';
 import './data/country-data.js';
 import './components/country-select/Component.js';
@@ -25,7 +25,7 @@ import '../../input/modern/mobile';
 import '../../input-autocomplete/modern/mobile';
 import '../../select/modern/mobile';
 
-const InternationalPhoneInput = React.forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, ...restProps }, ref) => {
+const InternationalPhoneInput = React.forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return isDesktop ? (React.createElement(InternationalPhoneInputDesktop, { ...restProps, ref: ref })) : (React.createElement(InternationalPhoneInputMobile, { ...restProps, ref: ref }));
 });

package/international-phone-input/modern/index.js

@@ -1,7 +1,6 @@
 export { InternationalPhoneInput } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../input/modern/desktop';
 import '../../input-autocomplete/modern/desktop';
@@ -12,6 +11,7 @@ import '@maskito/core';
 import '@maskito/react';
 import '../../select/modern/shared';
 import './utils/index.js';
+import '../../shared/modern';
 import './consts.js';
 import './data/country-data.js';
 import './components/country-select/Component.js';

package/international-phone-input/modern/typings-1fe708ea.d.ts

@@ -872,11 +872,6 @@ type IconButtonProps = {
      * Дополнительный класс
      */
     className?: string;
-    /**
-     * Включает прозрачный фон
-     * @default false
-     */
-    transparentBg?: boolean;
     /**
      * Выравнивание иконки
      * @default 'center'
@@ -898,7 +893,6 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
     size?: "s" | "xs" | 48 | 56 | 24 | 32 | 40 | "xxs" | undefined;
     className?: string | undefined;
-    transparentBg?: boolean | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;

package/international-phone-input/typings-1fe708ea.d.ts

@@ -872,11 +872,6 @@ type IconButtonProps = {
      * Дополнительный класс
      */
     className?: string;
-    /**
-     * Включает прозрачный фон
-     * @default false
-     */
-    transparentBg?: boolean;
     /**
      * Выравнивание иконки
      * @default 'center'
@@ -898,7 +893,6 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
     size?: "s" | "xs" | 48 | 56 | 24 | 32 | 40 | "xxs" | undefined;
     className?: string | undefined;
-    transparentBg?: boolean | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;

package/markdown/Component.responsive.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var MarkdownResponsiveComponent = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

package/markdown/cssm/Component.responsive.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var MarkdownResponsiveComponent = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

package/markdown/esm/Component.responsive.js

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint, isClient } from '../../shared/esm';
+import { isClient } from '../../shared/esm';
 import { Markdown } from './Component.js';
 import 'react-markdown';
 import 'classnames';
@@ -14,7 +14,7 @@ import 'mdast-util-gfm-strikethrough';
 import 'micromark-extension-gfm-strikethrough';
 
 var MarkdownResponsiveComponent = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

package/markdown/modern/Component.responsive.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint, isClient } from '../../shared/modern';
+import { isClient } from '../../shared/modern';
 import { Markdown } from './Component.js';
 import 'react-markdown';
 import 'classnames';
@@ -12,7 +12,7 @@ import './remark-plugins/strikethrough.js';
 import 'mdast-util-gfm-strikethrough';
 import 'micromark-extension-gfm-strikethrough';
 
-const MarkdownResponsiveComponent = ({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, children, ...restProps }) => {
+const MarkdownResponsiveComponent = ({ breakpoint = 1024, defaultMatchMediaValue, children, ...restProps }) => {
     const query = `(min-width: ${breakpoint}px)`;
     const getDefaultValue = () => (isClient() ? window.matchMedia(query).matches : false);
     const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue ?? getDefaultValue);

package/modal/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var components_content_Component = require('./components/content/Component.js');
 var components_controls_Component = require('./components/controls/Component.js');
 var components_footer_Component = require('./components/footer/Component.js');
@@ -15,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ModalResponsiveComponent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(Component.Modal, tslib.__assign({ ref: ref }, restProps, { view: isDesktop ? 'desktop' : 'mobile' }), children));
 });

package/modal/cssm/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var components_content_Component = require('./components/content/Component.js');
 var components_controls_Component = require('./components/controls/Component.js');
 var components_footer_Component = require('./components/footer/Component.js');
@@ -15,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ModalResponsiveComponent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(Component.Modal, tslib.__assign({ ref: ref }, restProps, { view: isDesktop ? 'desktop' : 'mobile' }), children));
 });

package/modal/esm/Component.responsive.js

@@ -1,13 +1,13 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { Content } from './components/content/Component.js';
 import { Controls } from './components/controls/Component.js';
 import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { Modal } from './Component.js';
 import 'classnames';
+import '../../shared/esm';
 import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
@@ -17,7 +17,7 @@ import '../../navigation-bar-private/esm';
 import 'react-merge-refs';
 
 var ModalResponsiveComponent = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = __rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = __rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(Modal, __assign({ ref: ref }, restProps, { view: isDesktop ? 'desktop' : 'mobile' }), children));
 });

package/modal/esm/index.js

@@ -2,9 +2,9 @@ export { ModalResponsive as Modal } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './components/content/Component.js';
 import 'classnames';
+import '../../shared/esm';
 import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';

package/modal/modern/Component.responsive.js

@@ -1,12 +1,12 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { Content } from './components/content/Component.js';
 import { Controls } from './components/controls/Component.js';
 import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { Modal } from './Component.js';
 import 'classnames';
+import '../../shared/modern';
 import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
@@ -15,7 +15,7 @@ import './layout.module-7b9f84d6.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 
-const ModalResponsiveComponent = forwardRef(({ children, breakpoint = getComponentBreakpoint(), defaultMatchMediaValue = true, ...restProps }, ref) => {
+const ModalResponsiveComponent = forwardRef(({ children, breakpoint = 1024, defaultMatchMediaValue = true, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(Modal, { ref: ref, ...restProps, view: isDesktop ? 'desktop' : 'mobile' }, children));
 });

package/modal/modern/index.js

@@ -1,9 +1,9 @@
 export { ModalResponsive as Modal } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './components/content/Component.js';
 import 'classnames';
+import '../../shared/modern';
 import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';

package/number-input/Component.responsive.js

@@ -4,7 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsInput = require('../input');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var components_numberInput_Component = require('./components/number-input/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var NumberInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, restProps, { Input: coreComponentsInput.Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue })));
 });

package/number-input/cssm/Component.responsive.js

@@ -4,7 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsInput = require('../../input/cssm');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var components_numberInput_Component = require('./components/number-input/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var NumberInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, restProps, { Input: coreComponentsInput.Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue })));
 });

package/number-input/esm/Component.responsive.js

@@ -2,12 +2,12 @@ import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { Input } from '../../input/esm';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { NumberInput } from './components/number-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import 'classnames';
+import '../../shared/esm';
 import './utils.js';
 import './components/steppers/Component.js';
 import '../../icon-button/esm';
@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/MinusMIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
 
 var NumberInputResponsive = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(NumberInput, __assign({}, restProps, { Input: Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue })));
 });

package/number-input/esm/index.js

@@ -3,12 +3,12 @@ import 'tslib';
 import 'react';
 import '../../input/esm';
 import '../../mq/esm';
-import '../../shared/esm';
 import './components/number-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import 'classnames';
+import '../../shared/esm';
 import './utils.js';
 import './components/steppers/Component.js';
 import '../../icon-button/esm';