@alfalab/core-components 45.9.0-beta.1 → 45.9.0-beta.2

package/date-time-input/cssm/Component.responsive.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var coreComponentsShared = require('../../shared/cssm');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var DateTimeInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/date-time-input/esm/Component.responsive.js

@@ -1,5 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { useMedia } from '@alfalab/hooks';
 import { DateTimeInputDesktop } from './desktop/Component.desktop.js';
 import { DateTimeInputMobile } from './mobile/Component.mobile.js';
@@ -19,7 +20,7 @@ import '../../calendar/esm/mobile';
 import '../../input/esm/mobile';
 
 var DateTimeInputResponsive = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["breakpoint"]);
     var view = useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/date-time-input/esm/index.js

@@ -1,6 +1,7 @@
 export { DateTimeInputResponsive as DateTimeInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
+import '../../shared/esm';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/esm/desktop';

package/date-time-input/modern/Component.responsive.js

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { useMedia } from '@alfalab/hooks';
 import { DateTimeInputDesktop } from './desktop/Component.desktop.js';
 import { DateTimeInputMobile } from './mobile/Component.mobile.js';
@@ -17,7 +18,7 @@ import 'date-fns/parse';
 import '../../calendar/modern/mobile';
 import '../../input/modern/mobile';
 
-const DateTimeInputResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
+const DateTimeInputResponsive = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const [view] = useMedia([
         ['mobile', `(max-width: ${breakpoint - 1}px)`],
         ['desktop', `(min-width: ${breakpoint}px)`],

package/date-time-input/modern/index.js

@@ -1,5 +1,6 @@
 export { DateTimeInputResponsive as DateTimeInput } from './Component.responsive.js';
 import 'react';
+import '../../shared/modern';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/modern/desktop';

package/filter-tag/Component.responsive.js

@@ -3,6 +3,7 @@ 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');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var FilterTag = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.FilterTagDesktop : mobile_Component_mobile.FilterTagMobile;

package/filter-tag/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ 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');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var FilterTag = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.FilterTagDesktop : mobile_Component_mobile.FilterTagMobile;

package/filter-tag/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { FilterTagDesktop } from './desktop/Component.desktop.js';
 import { FilterTagMobile } from './mobile/Component.mobile.js';
 import './components/base-filter-tag/Component.js';
@@ -12,7 +13,7 @@ import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleSIcon';
 
 var FilterTag = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     var Component = isDesktop ? FilterTagDesktop : FilterTagMobile;

package/filter-tag/esm/index.js

@@ -2,6 +2,7 @@ export { FilterTag } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import './components/base-filter-tag/Component.js';
 import 'classnames';

package/filter-tag/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { FilterTagDesktop } from './desktop/Component.desktop.js';
 import { FilterTagMobile } from './mobile/Component.mobile.js';
 import './components/base-filter-tag/Component.js';
@@ -10,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleSIcon';
 
-const FilterTag = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
+const FilterTag = forwardRef(({ children, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? FilterTagDesktop : FilterTagMobile;

package/filter-tag/modern/index.js

@@ -1,6 +1,7 @@
 export { FilterTag } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-filter-tag/Component.js';
 import 'classnames';

package/form-control/Component.responsive.js

@@ -3,6 +3,7 @@ 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');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var FormControl = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.FormControlDesktop : mobile_Component_mobile.FormControlMobile;

package/form-control/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ 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');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var FormControl = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.FormControlDesktop : mobile_Component_mobile.FormControlMobile;

package/form-control/esm/Component.responsive.js

@@ -1,14 +1,14 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { FormControlDesktop } from './desktop/Component.desktop.js';
 import { FormControlMobile } from './mobile/Component.mobile.js';
 import './components/base-form-control/Component.js';
 import 'classnames';
-import '../../shared/esm';
 
 var FormControl = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? FormControlDesktop : FormControlMobile;

package/form-control/esm/index.js

@@ -2,8 +2,8 @@ export { FormControl } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import './components/base-form-control/Component.js';
 import 'classnames';
-import '../../shared/esm';
 import './mobile/Component.mobile.js';

package/form-control/modern/Component.responsive.js

@@ -1,12 +1,12 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { FormControlDesktop } from './desktop/Component.desktop.js';
 import { FormControlMobile } from './mobile/Component.mobile.js';
 import './components/base-form-control/Component.js';
 import 'classnames';
-import '../../shared/modern';
 
-const FormControl = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
+const FormControl = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
     const Component = isDesktop ? FormControlDesktop : FormControlMobile;

package/form-control/modern/index.js

@@ -1,8 +1,8 @@
 export { FormControl } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-form-control/Component.js';
 import 'classnames';
-import '../../shared/modern';
 import './mobile/Component.mobile.js';

package/input/Component.responsive.js

@@ -3,6 +3,7 @@ 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');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Input = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.InputDesktop : mobile_Component_mobile.InputMobile;

package/input/components/base-input/Component.d.ts

@@ -140,7 +140,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */

package/input/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ 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');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Input = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.InputDesktop : mobile_Component_mobile.InputMobile;

package/input/cssm/components/base-input/Component.d.ts

@@ -140,7 +140,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */

package/input/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { InputDesktop } from './desktop/Component.desktop.js';
 import { InputMobile } from './mobile/Component.mobile.js';
 import '../../form-control/esm/desktop';
@@ -8,7 +9,6 @@ import './components/base-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../badge/esm';
-import '../../shared/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/ExclamationCircleMIcon';
@@ -18,7 +18,7 @@ import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '../../form-control/esm/mobile';
 
 var Input = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? InputDesktop : InputMobile;

package/input/esm/components/base-input/Component.d.ts

@@ -140,7 +140,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */

package/input/esm/index.js

@@ -2,13 +2,13 @@ export { Input } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../form-control/esm/desktop';
 import './components/base-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../badge/esm';
-import '../../shared/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/ExclamationCircleMIcon';

package/input/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 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';
@@ -7,7 +8,6 @@ import './components/base-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../badge/modern';
-import '../../shared/modern';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/ExclamationCircleMIcon';
@@ -16,7 +16,7 @@ import '../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '../../form-control/modern/mobile';
 
-const Input = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
+const Input = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
     const Component = isDesktop ? InputDesktop : InputMobile;

package/input/modern/components/base-input/Component.d.ts

@@ -140,7 +140,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */

package/input/modern/index.js

@@ -1,13 +1,13 @@
 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 '../../badge/modern';
-import '../../shared/modern';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/ExclamationCircleMIcon';

package/input-autocomplete/Component.responsive.js

@@ -3,6 +3,7 @@ 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');
@@ -12,7 +13,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 ? 1024 : _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 ? coreComponentsShared.getComponentBreakpoint() : _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,6 +3,7 @@ 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');
@@ -12,7 +13,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 ? 1024 : _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 ? coreComponentsShared.getComponentBreakpoint() : _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,6 +1,7 @@
 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';
@@ -16,12 +17,11 @@ 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 ? 1024 : _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 ? getComponentBreakpoint() : _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,6 +2,7 @@ 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';
@@ -16,7 +17,6 @@ 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,5 +1,6 @@
 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';
@@ -15,11 +16,10 @@ 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 = 1024, defaultMatchMediaValue = true, mobileProps, ...restProps }, ref) => {
+const InputAutocomplete = forwardRef(({ breakpoint = getComponentBreakpoint(), 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,6 +1,7 @@
 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';
@@ -15,7 +16,6 @@ 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.d.ts

@@ -10,8 +10,8 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     filterFn?: ((value: string | undefined, option: import("./typings-57569e57").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     options?: undefined;
 } & Omit<import("../input/desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
@@ -29,8 +29,8 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     filterFn?: ((value: string | undefined, option: import("./typings-57569e57").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     options: (import("./typings-57569e57").OptionShape | import("./typings-57569e57").GroupShape)[];
 } & Omit<import("../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {

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

@@ -3,6 +3,7 @@ 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');
 
@@ -11,7 +12,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 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _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/components/base-international-phone-input/Component.d.ts

@@ -12,8 +12,8 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     filterFn?: ((value: string | undefined, option: import("../../typings-57569e57").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
     Input: React.FC<import("../../../input").InputProps>;
     InputAutocomplete: React.FC<InputAutocompleteProps>;

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

@@ -3,6 +3,7 @@ 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');
 
@@ -11,7 +12,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 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _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 })));
 });