@alfalab/core-components 47.3.0-beta.1 → 47.4.0

package/calendar/modern/Component.responsive.js

@@ -70,8 +70,8 @@ import 'date-fns/startOfQuarter';
 import './components/years-table/Component.js';
 import 'date-fns/isThisYear';
 
-const CalendarResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`);
+const CalendarResponsive = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
+    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return isDesktop ? (React.createElement(CalendarDesktop, { ...restProps, ref: ref })) : (React.createElement(CalendarMobile, { ...restProps, ref: ref }));
 });
 CalendarResponsive.displayName = 'CalendarResponsive';

package/checkbox-group/Component.responsive.d.ts

@@ -6,6 +6,10 @@ type CheckboxGroupProps = Omit<BaseCheckboxGroupProps, 'styles'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const CheckboxGroup: FC<CheckboxGroupProps>;
 export { CheckboxGroupProps, CheckboxGroup };

package/checkbox-group/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var CheckboxGroup = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.CheckboxGroupDesktop : mobile_Component_mobile.CheckboxGroupMobile;
     return React__default.default.createElement(Component, tslib.__assign({}, restProps));
 };

package/checkbox-group/cssm/Component.responsive.d.ts

@@ -6,6 +6,10 @@ type CheckboxGroupProps = Omit<BaseCheckboxGroupProps, 'styles'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const CheckboxGroup: FC<CheckboxGroupProps>;
 export { CheckboxGroupProps, CheckboxGroup };

package/checkbox-group/cssm/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var CheckboxGroup = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.CheckboxGroupDesktop : mobile_Component_mobile.CheckboxGroupMobile;
     return React__default.default.createElement(Component, tslib.__assign({}, restProps));
 };

package/checkbox-group/esm/Component.responsive.d.ts

@@ -6,6 +6,10 @@ type CheckboxGroupProps = Omit<BaseCheckboxGroupProps, 'styles'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const CheckboxGroup: FC<CheckboxGroupProps>;
 export { CheckboxGroupProps, CheckboxGroup };

package/checkbox-group/esm/Component.responsive.js

@@ -7,9 +7,9 @@ import './components/base-checkbox-group/Component.js';
 import 'classnames';
 
 var CheckboxGroup = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = useMatchMedia(query)[0];
+    var isDesktop = useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? CheckboxGroupDesktop : CheckboxGroupMobile;
     return React.createElement(Component, __assign({}, restProps));
 };

package/checkbox-group/modern/Component.responsive.d.ts

@@ -6,6 +6,10 @@ type CheckboxGroupProps = Omit<BaseCheckboxGroupProps, 'styles'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const CheckboxGroup: FC<CheckboxGroupProps>;
 export { CheckboxGroupProps, CheckboxGroup };

package/checkbox-group/modern/Component.responsive.js

@@ -5,9 +5,9 @@ import { CheckboxGroupMobile } from './mobile/Component.mobile.js';
 import './components/base-checkbox-group/Component.js';
 import 'classnames';
 
-const CheckboxGroup = ({ breakpoint = 1024, ...restProps }) => {
+const CheckboxGroup = ({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }) => {
     const query = `(min-width: ${breakpoint}px)`;
-    const [isDesktop] = useMatchMedia(query);
+    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
     const Component = isDesktop ? CheckboxGroupDesktop : CheckboxGroupMobile;
     return React.createElement(Component, { ...restProps });
 };

package/code-input/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type CodeInputProps = Omit<BaseCodeInputProps, 'stylesInput'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const CodeInput: React.ForwardRefExoticComponent<Omit<BaseCodeInputProps, "stylesInput"> & {
     /**
@@ -14,5 +18,9 @@ declare const CodeInput: React.ForwardRefExoticComponent<Omit<BaseCodeInputProps
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<CustomInputRef>>;
 export { CodeInputProps, CodeInput };

package/code-input/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var CodeInput = 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 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.CodeInputDesktop : mobile_Component_mobile.CodeInputMobile;
     return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });

package/code-input/cssm/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type CodeInputProps = Omit<BaseCodeInputProps, 'stylesInput'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const CodeInput: React.ForwardRefExoticComponent<Omit<BaseCodeInputProps, "stylesInput"> & {
     /**
@@ -14,5 +18,9 @@ declare const CodeInput: React.ForwardRefExoticComponent<Omit<BaseCodeInputProps
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<CustomInputRef>>;
 export { CodeInputProps, CodeInput };

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

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var CodeInput = 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 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.CodeInputDesktop : mobile_Component_mobile.CodeInputMobile;
     return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });

package/code-input/esm/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type CodeInputProps = Omit<BaseCodeInputProps, 'stylesInput'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const CodeInput: React.ForwardRefExoticComponent<Omit<BaseCodeInputProps, "stylesInput"> & {
     /**
@@ -14,5 +18,9 @@ declare const CodeInput: React.ForwardRefExoticComponent<Omit<BaseCodeInputProps
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<CustomInputRef>>;
 export { CodeInputProps, CodeInput };

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

@@ -8,9 +8,9 @@ import 'classnames';
 import './components/input/component.js';
 
 var CodeInput = 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 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = useMatchMedia(query)[0];
+    var isDesktop = useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? CodeInputDesktop : CodeInputMobile;
     return React.createElement(Component, __assign({ ref: ref }, restProps));
 });

package/code-input/modern/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type CodeInputProps = Omit<BaseCodeInputProps, 'stylesInput'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const CodeInput: React.ForwardRefExoticComponent<Omit<BaseCodeInputProps, "stylesInput"> & {
     /**
@@ -14,5 +18,9 @@ declare const CodeInput: React.ForwardRefExoticComponent<Omit<BaseCodeInputProps
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<CustomInputRef>>;
 export { CodeInputProps, CodeInput };

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

@@ -6,9 +6,9 @@ import './components/base-code-input/component.js';
 import 'classnames';
 import './components/input/component.js';
 
-const CodeInput = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
+const CodeInput = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
-    const [isDesktop] = useMatchMedia(query);
+    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
     const Component = isDesktop ? CodeInputDesktop : CodeInputMobile;
     return React.createElement(Component, { ref: ref, ...restProps });
 });

package/confirmation/component.responsive.d.ts

@@ -6,6 +6,10 @@ type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens'
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const ConfirmationResponsive: FC<ResponsiveConfirmationProps>;
 export { ResponsiveConfirmationProps, ConfirmationResponsive };

package/confirmation/component.responsive.js

@@ -11,8 +11,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ConfirmationResponsive = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
-    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), true)[0];
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, 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.ConfirmationDesktop, tslib.__assign({}, restProps))) : (React__default.default.createElement(mobile_component_mobile.ConfirmationMobile, tslib.__assign({ breakpoint: breakpoint }, restProps)));
 };
 

package/confirmation/components/screens/initial/component.js

@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-b97a2d28.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-917473e6.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/confirmation/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../spinner');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-b97a2d28.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-917473e6.js');
 
 
 

package/confirmation/cssm/component.responsive.d.ts

@@ -6,6 +6,10 @@ type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens'
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const ConfirmationResponsive: FC<ResponsiveConfirmationProps>;
 export { ResponsiveConfirmationProps, ConfirmationResponsive };

package/confirmation/cssm/component.responsive.js

@@ -11,8 +11,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ConfirmationResponsive = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
-    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), true)[0];
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, 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.ConfirmationDesktop, tslib.__assign({}, restProps))) : (React__default.default.createElement(mobile_component_mobile.ConfirmationMobile, tslib.__assign({ breakpoint: breakpoint }, restProps)));
 };
 

package/confirmation/esm/component.responsive.d.ts

@@ -6,6 +6,10 @@ type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens'
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const ConfirmationResponsive: FC<ResponsiveConfirmationProps>;
 export { ResponsiveConfirmationProps, ConfirmationResponsive };

package/confirmation/esm/component.responsive.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-a223c6f2.js';
+import './countdown-section-53c5fb8d.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';
@@ -25,8 +25,8 @@ import './components/screens/temp-block/component.js';
 import './components/countdown-loader/component.js';
 
 var ConfirmationResponsive = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
-    var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), true)[0];
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React.createElement(ConfirmationDesktop, __assign({}, restProps))) : (React.createElement(ConfirmationMobile, __assign({ breakpoint: breakpoint }, restProps)));
 };
 

package/confirmation/esm/components/base-confirmation/component.js

@@ -15,7 +15,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-a223c6f2.js';
+import '../../countdown-section-53c5fb8d.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/base-confirmation/index.js

@@ -13,7 +13,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-a223c6f2.js';
+import '../../countdown-section-53c5fb8d.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../screens/hint/component.js';

package/confirmation/esm/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-a223c6f2.js';
+import '../countdown-section-53c5fb8d.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/esm/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-a223c6f2.js';
+import '../../countdown-section-53c5fb8d.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/esm';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-a223c6f2.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-53c5fb8d.js';
 import '../../../utils.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../spinner/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-a223c6f2.js';
+export { C as CountdownSection } from '../../../countdown-section-53c5fb8d.js';
 import '../../../utils.js';

package/confirmation/esm/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-a223c6f2.js';
+import '../../../countdown-section-53c5fb8d.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/desktop/component.desktop.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-a223c6f2.js';
+import '../countdown-section-53c5fb8d.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/desktop/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-a223c6f2.js';
+import '../countdown-section-53c5fb8d.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/index.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-a223c6f2.js';
+import './countdown-section-53c5fb8d.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/mobile/component.mobile.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-a223c6f2.js';
+import '../countdown-section-53c5fb8d.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/mobile/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-a223c6f2.js';
+import '../countdown-section-53c5fb8d.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/esm';
 import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-a223c6f2.js';
+import '../countdown-section-53c5fb8d.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/modern/component.responsive.d.ts

@@ -6,6 +6,10 @@ type ResponsiveConfirmationProps = Omit<ConfirmationProps, 'confirmationScreens'
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const ConfirmationResponsive: FC<ResponsiveConfirmationProps>;
 export { ResponsiveConfirmationProps, ConfirmationResponsive };

package/confirmation/modern/component.responsive.js

@@ -15,7 +15,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-20854026.js';
+import './countdown-section-2725d6e5.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';
@@ -23,8 +23,8 @@ import './components/screens/fatal-error/component.js';
 import './components/screens/temp-block/component.js';
 import './components/countdown-loader/component.js';
 
-const ConfirmationResponsive = ({ breakpoint = 1024, ...restProps }) => {
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, true);
+const ConfirmationResponsive = ({ breakpoint = 1024, defaultMatchMediaValue = true, ...restProps }) => {
+    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return isDesktop ? (React.createElement(ConfirmationDesktop, { ...restProps })) : (React.createElement(ConfirmationMobile, { breakpoint: breakpoint, ...restProps }));
 };
 

package/confirmation/modern/components/base-confirmation/component.js

@@ -14,7 +14,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-20854026.js';
+import '../../countdown-section-2725d6e5.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/base-confirmation/index.js

@@ -12,7 +12,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-20854026.js';
+import '../../countdown-section-2725d6e5.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../screens/hint/component.js';

package/confirmation/modern/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-20854026.js';
+import '../countdown-section-2725d6e5.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/confirmation/modern/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-20854026.js';
+import '../../countdown-section-2725d6e5.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-20854026.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-2725d6e5.js';
 import '../../../utils.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

package/confirmation/modern/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../spinner/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-20854026.js';
+export { C as CountdownSection } from '../../../countdown-section-2725d6e5.js';
 import '../../../utils.js';

package/confirmation/modern/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-20854026.js';
+import '../../../countdown-section-2725d6e5.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

package/confirmation/modern/desktop/component.desktop.js

@@ -12,7 +12,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-20854026.js';
+import '../countdown-section-2725d6e5.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/desktop/index.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-20854026.js';
+import '../countdown-section-2725d6e5.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';