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

package/custom-button/cssm/index.js

@@ -1,5 +1,7 @@
-export { CustomButton } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../button/cssm';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.CustomButton = Component.CustomButton;

package/custom-picker-button/Component.responsive.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { CustomButtonProps } from "../custom-button";
 import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "../select/shared";
 import { CustomPickerButtonDesktopProps } from "./desktop/index";
 type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
@@ -10,7 +9,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
      */
     breakpoint?: number;
 };
-declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../picker-button/src/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024

package/custom-picker-button/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 CustomPickerButtonResponsive = React.forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CustomPickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.CustomPickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));

package/custom-picker-button/cssm/Component.responsive.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { CustomButtonProps } from "../../custom-button";
 import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "../../select/shared";
 import { CustomPickerButtonDesktopProps } from "./desktop/index";
 type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
@@ -10,7 +9,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
      */
     breakpoint?: number;
 };
-declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../../picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../../picker-button/src/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024

package/custom-picker-button/cssm/Component.responsive.js

@@ -1,19 +1,21 @@
-import React, { forwardRef } from 'react';
-import { useMatchMedia } from '../../mq/cssm';
-import { CustomPickerButtonDesktop } from './desktop/Component.desktop.js';
-import { CustomPickerButtonMobile } from './mobile/Component.mobile.js';
-import '../../picker-button/cssm/desktop';
-import './field/Component.js';
-import 'classnames';
-import '../../custom-button/cssm';
-import '../../picker-button/cssm/shared';
-import './field/index.module.css';
-import '../../picker-button/cssm/mobile';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = 1024, ...restProps }, ref) => {
-    const query = `(min-width: ${breakpoint}px)`;
-    const [isDesktop] = useMatchMedia(query);
-    return isDesktop ? (React.createElement(CustomPickerButtonDesktop, { ref: ref, OptionsList: OptionsList, onScroll: onScroll, ...restProps })) : (React.createElement(CustomPickerButtonMobile, { ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, ...restProps }));
+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');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var CustomPickerButtonResponsive = React.forwardRef(function (_a, ref) {
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CustomPickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.CustomPickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
 });
 
-export { CustomPickerButtonResponsive };
+exports.CustomPickerButtonResponsive = CustomPickerButtonResponsive;

package/custom-picker-button/cssm/desktop/Component.desktop.js

@@ -1,18 +1,24 @@
-import React, { forwardRef } from 'react';
-import { PickerButtonDesktop } from '../../../picker-button/cssm/desktop';
-import { Field } from '../field/Component.js';
-import 'classnames';
-import '../../../custom-button/cssm';
-import '../../../picker-button/cssm/shared';
-import '../field/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const DEFAULT_BUTTON_COLOR = '#FF45C3';
-const DEFAULT_CONTENT_COLOR = 'white';
-const CustomPickerButtonDesktop = forwardRef(({ backgroundColor = DEFAULT_BUTTON_COLOR, contentColor = DEFAULT_CONTENT_COLOR, stateType = 'darkening', ...restProps }, ref) => (React.createElement(PickerButtonDesktop, { ...restProps, fieldProps: {
-        backgroundColor,
-        contentColor,
-        stateType,
-        breakpoint: 1,
-    }, Field: Field, ref: ref })));
+var tslib = require('tslib');
+var React = require('react');
+var desktop = require('../../../picker-button/cssm/desktop');
+var field_Component = require('../field/Component.js');
 
-export { CustomPickerButtonDesktop };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var DEFAULT_BUTTON_COLOR = '#FF45C3';
+var DEFAULT_CONTENT_COLOR = 'white';
+var CustomPickerButtonDesktop = React.forwardRef(function (_a, ref) {
+    var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? DEFAULT_BUTTON_COLOR : _b, _c = _a.contentColor, contentColor = _c === void 0 ? DEFAULT_CONTENT_COLOR : _c, _d = _a.stateType, stateType = _d === void 0 ? 'darkening' : _d, restProps = tslib.__rest(_a, ["backgroundColor", "contentColor", "stateType"]);
+    return (React__default.default.createElement(desktop.PickerButtonDesktop, tslib.__assign({}, restProps, { fieldProps: {
+            backgroundColor: backgroundColor,
+            contentColor: contentColor,
+            stateType: stateType,
+            breakpoint: 1,
+        }, Field: field_Component.Field, ref: ref })));
+});
+
+exports.CustomPickerButtonDesktop = CustomPickerButtonDesktop;

package/custom-picker-button/cssm/desktop/index.js

@@ -1,8 +1,7 @@
-export { CustomPickerButtonDesktop } from './Component.desktop.js';
-import 'react';
-import '../../../picker-button/cssm/desktop';
-import '../field/Component.js';
-import 'classnames';
-import '../../../custom-button/cssm';
-import '../../../picker-button/cssm/shared';
-import '../field/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.CustomPickerButtonDesktop = desktop_Component_desktop.CustomPickerButtonDesktop;

package/custom-picker-button/cssm/field/Component.js

@@ -1,10 +1,19 @@
-import React, { Fragment } from 'react';
-import cn from 'classnames';
-import { CustomButton } from '../../../custom-button/cssm';
-import { getIcon } from '../../../picker-button/cssm/shared';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SIZE_TO_CLASSNAME_MAP = {
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsCustomButton = require('../../../custom-button/cssm');
+var shared = require('../../../picker-button/cssm/shared');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var SIZE_TO_CLASSNAME_MAP = {
     xxs: 'size-32',
     xs: 'size-40',
     s: 'size-48',
@@ -18,18 +27,17 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-const Field = ({ buttonSize = 56, buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {
-    const Icon = getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize]);
-    const buttonProps = {
-        ...restProps,
-        ...innerProps,
-    };
-    return (React.createElement(CustomButton, { ...buttonProps, rightAddons: React.createElement(Fragment, null,
-            rightAddons && (React.createElement("span", { className: cn(styles.addonsContainer, {
-                    [styles.showControlIcon]: showArrow || buttonVariant === 'compact',
-                }) }, rightAddons)),
-            (showArrow || buttonVariant === 'compact') && (React.createElement("span", { className: cn(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
-                React.createElement(Icon, { "data-test-id": 'custom-picker-button-icon' })))), block: true, size: buttonSize, backgroundColor: backgroundColor, contentColor: contentColor, stateType: stateType, className: className }, buttonVariant !== 'compact' && label));
+var Field = function (_a) {
+    var _b;
+    var _c = _a.buttonSize, buttonSize = _c === void 0 ? 56 : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? 'default' : _d, backgroundColor = _a.backgroundColor, contentColor = _a.contentColor, stateType = _a.stateType, label = _a.label, open = _a.open, rightAddons = _a.rightAddons, innerProps = _a.innerProps, className = _a.className, _e = _a.showArrow, showArrow = _e === void 0 ? true : _e, restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "backgroundColor", "contentColor", "stateType", "label", "open", "rightAddons", "innerProps", "className", "showArrow"]);
+    var Icon = shared.getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize]);
+    var buttonProps = tslib.__assign(tslib.__assign({}, restProps), innerProps);
+    return (React__default.default.createElement(coreComponentsCustomButton.CustomButton, tslib.__assign({}, buttonProps, { rightAddons: React__default.default.createElement(React.Fragment, null,
+            rightAddons && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.addonsContainer, (_b = {},
+                    _b[styles__default.default.showControlIcon] = showArrow || buttonVariant === 'compact',
+                    _b)) }, rightAddons)),
+            (showArrow || buttonVariant === 'compact') && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.iconContainer, buttonVariant !== 'compact' && open && styles__default.default.open) },
+                React__default.default.createElement(Icon, { "data-test-id": 'custom-picker-button-icon' })))), block: true, size: buttonSize, backgroundColor: backgroundColor, contentColor: contentColor, stateType: stateType, className: className }), buttonVariant !== 'compact' && label));
 };
 
-export { Field };
+exports.Field = Field;

package/custom-picker-button/cssm/field/index.js

@@ -1,6 +1,7 @@
-export { Field } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../custom-button/cssm';
-import '../../../picker-button/cssm/shared';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var field_Component = require('./Component.js');
+
+
+
+exports.Field = field_Component.Field;

package/custom-picker-button/cssm/index.js

@@ -1,12 +1,7 @@
-export { CustomPickerButtonResponsive as CustomPickerButton } from './Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import './desktop/Component.desktop.js';
-import '../../picker-button/cssm/desktop';
-import './field/Component.js';
-import 'classnames';
-import '../../custom-button/cssm';
-import '../../picker-button/cssm/shared';
-import './field/index.module.css';
-import './mobile/Component.mobile.js';
-import '../../picker-button/cssm/mobile';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.CustomPickerButton = Component_responsive.CustomPickerButtonResponsive;

package/custom-picker-button/cssm/mobile/Component.mobile.js

@@ -1,17 +1,23 @@
-import React, { forwardRef } from 'react';
-import { PickerButtonMobile } from '../../../picker-button/cssm/mobile';
-import { Field } from '../field/Component.js';
-import 'classnames';
-import '../../../custom-button/cssm';
-import '../../../picker-button/cssm/shared';
-import '../field/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const DEFAULT_BUTTON_COLOR = '#FF45C3';
-const DEFAULT_CONTENT_COLOR = 'white';
-const CustomPickerButtonMobile = forwardRef(({ backgroundColor = DEFAULT_BUTTON_COLOR, contentColor = DEFAULT_CONTENT_COLOR, stateType = 'darkening', ...restProps }, ref) => (React.createElement(PickerButtonMobile, { ...restProps, fieldProps: {
-        backgroundColor,
-        contentColor,
-        stateType,
-    }, Field: Field, ref: ref })));
+var tslib = require('tslib');
+var React = require('react');
+var mobile = require('../../../picker-button/cssm/mobile');
+var field_Component = require('../field/Component.js');
 
-export { CustomPickerButtonMobile };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var DEFAULT_BUTTON_COLOR = '#FF45C3';
+var DEFAULT_CONTENT_COLOR = 'white';
+var CustomPickerButtonMobile = React.forwardRef(function (_a, ref) {
+    var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? DEFAULT_BUTTON_COLOR : _b, _c = _a.contentColor, contentColor = _c === void 0 ? DEFAULT_CONTENT_COLOR : _c, _d = _a.stateType, stateType = _d === void 0 ? 'darkening' : _d, restProps = tslib.__rest(_a, ["backgroundColor", "contentColor", "stateType"]);
+    return (React__default.default.createElement(mobile.PickerButtonMobile, tslib.__assign({}, restProps, { fieldProps: {
+            backgroundColor: backgroundColor,
+            contentColor: contentColor,
+            stateType: stateType,
+        }, Field: field_Component.Field, ref: ref })));
+});
+
+exports.CustomPickerButtonMobile = CustomPickerButtonMobile;

package/custom-picker-button/cssm/mobile/index.js

@@ -1,8 +1,7 @@
-export { CustomPickerButtonMobile } from './Component.mobile.js';
-import 'react';
-import '../../../picker-button/cssm/mobile';
-import '../field/Component.js';
-import 'classnames';
-import '../../../custom-button/cssm';
-import '../../../picker-button/cssm/shared';
-import '../field/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.CustomPickerButtonMobile = mobile_Component_mobile.CustomPickerButtonMobile;

package/custom-picker-button/esm/Component.responsive.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { CustomButtonProps } from "../../custom-button";
 import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "../../select/shared";
 import { CustomPickerButtonDesktopProps } from "./desktop/index";
 type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
@@ -10,7 +9,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
      */
     breakpoint?: number;
 };
-declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../../picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../../picker-button/src/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024

package/custom-picker-button/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 { CustomPickerButtonDesktop } from './desktop/Component.desktop.js';
 import { CustomPickerButtonMobile } from './mobile/Component.mobile.js';
 import '../../picker-button/esm/desktop';
@@ -11,7 +12,7 @@ import '../../picker-button/esm/shared';
 import '../../picker-button/esm/mobile';
 
 var CustomPickerButtonResponsive = forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     return isDesktop ? (React.createElement(CustomPickerButtonDesktop, __assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(CustomPickerButtonMobile, __assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));

package/custom-picker-button/esm/index.js

@@ -2,6 +2,7 @@ export { CustomPickerButtonResponsive as CustomPickerButton } from './Component.
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../picker-button/esm/desktop';
 import './field/Component.js';

package/custom-picker-button/modern/Component.responsive.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { CustomButtonProps } from "../../custom-button";
 import { AdditionalMobileProps, BottomSheetSelectMobileProps } from "../../select/shared";
 import { CustomPickerButtonDesktopProps } from "./desktop/index";
 type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & BottomSheetSelectMobileProps & {
@@ -10,7 +9,7 @@ type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & Additi
      */
     breakpoint?: number;
 };
-declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../../picker-button/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
+declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../../picker-button/src/desktop").PickerButtonDesktopProps, "view" | "colors"> & Pick<import("packages/custom-button").CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024

package/custom-picker-button/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { CustomPickerButtonDesktop } from './desktop/Component.desktop.js';
 import { CustomPickerButtonMobile } from './mobile/Component.mobile.js';
 import '../../picker-button/modern/desktop';
@@ -9,7 +10,7 @@ import '../../custom-button/modern';
 import '../../picker-button/modern/shared';
 import '../../picker-button/modern/mobile';
 
-const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = 1024, ...restProps }, ref) => {
+const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     return isDesktop ? (React.createElement(CustomPickerButtonDesktop, { ref: ref, OptionsList: OptionsList, onScroll: onScroll, ...restProps })) : (React.createElement(CustomPickerButtonMobile, { ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, ...restProps }));

package/custom-picker-button/modern/index.js

@@ -1,6 +1,7 @@
 export { CustomPickerButtonResponsive as CustomPickerButton } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../picker-button/modern/desktop';
 import './field/Component.js';

package/date-input/cssm/Component.js

@@ -1,29 +1,37 @@
-import React, { forwardRef, useRef, useState, useEffect } from 'react';
-import mergeRefs from 'react-merge-refs';
-import { Input } from '../../input/cssm';
-import { format, parseDateString, isCompleteDateInput, isValid, NATIVE_DATE_FORMAT, formatDate } from './utils/format.js';
-import { isInputDateSupported } from './utils/native-supports.js';
-import styles from './index.module.css';
-import 'date-fns/format';
-import 'date-fns/isValid';
-import 'date-fns/parse';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var coreComponentsInput = require('../../input/cssm');
+var utils_format = require('./utils/format.js');
+var utils_nativeSupports = require('./utils/native-supports.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 /**
  * @deprecated
  * use UniversalDateInput instead
  */
-const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAddons, error, value: propValue, onBlur, onChange, onComplete, ...restProps }, ref) => {
-    const inputRef = useRef(null);
-    const [shouldRenderNative, setShouldRenderNative] = useState(false);
-    const [value, setValue] = useState(propValue || defaultValue);
-    const moveCaretTo = (pos) => {
-        requestAnimationFrame(() => {
-            inputRef.current?.setSelectionRange(pos, pos);
+var DateInput = React.forwardRef(function (_a, ref) {
+    var _b = _a.mobileMode, mobileMode = _b === void 0 ? 'input' : _b, _c = _a.defaultValue, defaultValue = _c === void 0 ? '' : _c, rightAddons = _a.rightAddons, error = _a.error, propValue = _a.value, onBlur = _a.onBlur, onChange = _a.onChange, onComplete = _a.onComplete, restProps = tslib.__rest(_a, ["mobileMode", "defaultValue", "rightAddons", "error", "value", "onBlur", "onChange", "onComplete"]);
+    var inputRef = React.useRef(null);
+    var _d = React.useState(false), shouldRenderNative = _d[0], setShouldRenderNative = _d[1];
+    var _e = React.useState(propValue || defaultValue), value = _e[0], setValue = _e[1];
+    var moveCaretTo = function (pos) {
+        requestAnimationFrame(function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(pos, pos);
         });
     };
-    const handleChange = (event) => {
-        const { value: newValue } = event.target;
-        const caretPos = event.target.selectionStart || 0;
+    var handleChange = function (event) {
+        var newValue = event.target.value;
+        var caretPos = event.target.selectionStart || 0;
         // Позволяем вводить только цифры и точки
         if (/[^\d.]/.test(newValue)) {
             moveCaretTo(caretPos - 1);
@@ -35,8 +43,8 @@ const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAd
             return;
         }
         // Форматируем введенное значение (добавляем точки)
-        const formattedValue = format(newValue);
-        const date = parseDateString(formattedValue);
+        var formattedValue = utils_format.format(newValue);
+        var date = utils_format.parseDateString(formattedValue);
         // Управляем кареткой, если она находится не в конце инпута
         if (caretPos !== newValue.length) {
             if (formattedValue === value) {
@@ -52,45 +60,45 @@ const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAd
         }
         setValue(formattedValue);
         if (onChange)
-            onChange(event, { date, value: formattedValue });
-        if (isCompleteDateInput(formattedValue)) {
-            const valid = formattedValue.length > 0 && isValid(formattedValue);
+            onChange(event, { date: date, value: formattedValue });
+        if (utils_format.isCompleteDateInput(formattedValue)) {
+            var valid = formattedValue.length > 0 && utils_format.isValid(formattedValue);
             if (!valid)
                 return;
             if (onComplete)
-                onComplete(event, { date, value: formattedValue });
+                onComplete(event, { date: date, value: formattedValue });
         }
     };
-    const handleNativeInputChange = (event) => {
-        const newDate = parseDateString(event.target.value, NATIVE_DATE_FORMAT);
-        const newValue = event.target.value === '' ? '' : formatDate(newDate);
+    var handleNativeInputChange = function (event) {
+        var newDate = utils_format.parseDateString(event.target.value, utils_format.NATIVE_DATE_FORMAT);
+        var newValue = event.target.value === '' ? '' : utils_format.formatDate(newDate);
         setValue(newValue);
         if (onComplete)
             onComplete(event, { date: newDate, value: newValue });
         if (onChange)
             onChange(event, { date: newDate, value: newValue });
     };
-    const handleBlur = (event) => {
+    var handleBlur = function (event) {
         if (onBlur)
             onBlur(event);
     };
-    useEffect(() => {
-        if (mobileMode === 'native' && isInputDateSupported()) {
+    React.useEffect(function () {
+        if (mobileMode === 'native' && utils_nativeSupports.isInputDateSupported()) {
             setShouldRenderNative(true);
         }
     }, [mobileMode]);
-    useEffect(() => {
+    React.useEffect(function () {
         if (typeof propValue !== 'undefined') {
             setValue(propValue);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [propValue]);
-    return (React.createElement(Input, { ...restProps, ref: mergeRefs([ref, inputRef]), value: value, inputMode: 'decimal', pattern: '[0-9\\.]*', onChange: handleChange, onBlur: handleBlur, placeholder: '\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413', error: error, rightAddons: React.createElement(React.Fragment, null,
+    return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, inputRef]), value: value, inputMode: 'decimal', pattern: '[0-9\\.]*', onChange: handleChange, onBlur: handleBlur, placeholder: '\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413', error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
             rightAddons,
-            shouldRenderNative && (React.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: styles.nativeInput }))) }));
+            shouldRenderNative && (React__default.default.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: styles__default.default.nativeInput }))) })));
 });
 function getDotsCount(value) {
     return (value.match(/\./g) || []).length;
 }
 
-export { DateInput };
+exports.DateInput = DateInput;

package/date-input/cssm/index.js

@@ -1,10 +1,18 @@
-export { DateInput } from './Component.js';
-export { DATE_FORMAT, DATE_MASK, NATIVE_DATE_FORMAT, format, formatDate, isCompleteDateInput, isValid, parseDateString } from './utils/format.js';
-export { isInputDateSupported } from './utils/native-supports.js';
-import 'react';
-import 'react-merge-refs';
-import '../../input/cssm';
-import './index.module.css';
-import 'date-fns/format';
-import 'date-fns/isValid';
-import 'date-fns/parse';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+var utils_format = require('./utils/format.js');
+var utils_nativeSupports = require('./utils/native-supports.js');
+
+
+
+exports.DateInput = Component.DateInput;
+exports.DATE_FORMAT = utils_format.DATE_FORMAT;
+exports.DATE_MASK = utils_format.DATE_MASK;
+exports.NATIVE_DATE_FORMAT = utils_format.NATIVE_DATE_FORMAT;
+exports.format = utils_format.format;
+exports.formatDate = utils_format.formatDate;
+exports.isCompleteDateInput = utils_format.isCompleteDateInput;
+exports.isValid = utils_format.isValid;
+exports.parseDateString = utils_format.parseDateString;
+exports.isInputDateSupported = utils_nativeSupports.isInputDateSupported;