@alfalab/core-components 46.3.0-beta.1 → 46.3.1-beta.0

package/toast-plate/modern/Component.responsive.js

@@ -1,18 +1,19 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { ToastPlateDesktop } from './desktop/Component.desktop.js';
 import { ToastPlateMobile } from './mobile/Component.mobile.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
 import '../../icon-button/modern';
+import './getDataTestId-72c08d00.js';
+import '@alfalab/hooks';
 import '../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './components/base-toast-plate/hooks/useCustomIcons.js';
 import './components/base-toast-plate/hooks/useDeprecatedBadge.js';
 import './components/base-toast-plate/utils/isUnsafeBadge.js';
 
-const ToastPlate = forwardRef(({ children, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const ToastPlate = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? ToastPlateDesktop : ToastPlateMobile;

package/toast-plate/modern/browser-a216f694.d.ts

@@ -0,0 +1,6 @@
+declare function isWebkitBased(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+};
+export { browser };

package/toast-plate/modern/components/base-toast-plate/component.js

@@ -1,7 +1,8 @@
 import React, { forwardRef, useCallback } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/modern';
-import { getDataTestId } from '../../../../shared/modern';
+import { g as getDataTestId } from '../../getDataTestId-72c08d00.js';
+import '@alfalab/hooks';
 import { StatusBadge } from '../../../../status-badge/modern';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { useCustomIcons } from './hooks/useCustomIcons.js';

package/toast-plate/modern/components/base-toast-plate/hooks/useDeprecatedBadge.js

@@ -1,4 +1,7 @@
-import { exhaustiveCheck } from '../../../../../shared/modern';
+import 'react';
+import '@alfalab/hooks';
+
+const exhaustiveCheck = (value) => value;
 
 const useDeprecatedBadge = () => {
     const transformDeprecatedBadge = (unsafeBadge) => {

package/toast-plate/modern/components/base-toast-plate/index.js

@@ -2,7 +2,8 @@ export { BaseToastPlate } from './component.js';
 import 'react';
 import 'classnames';
 import '../../../../icon-button/modern';
-import '../../../../shared/modern';
+import '../../getDataTestId-72c08d00.js';
+import '@alfalab/hooks';
 import '../../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './hooks/useCustomIcons.js';

package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js

@@ -1,4 +1,6 @@
-import { getDataTestId } from '../../../../../shared/modern';
+import { g as getDataTestId } from '../../../getDataTestId-72c08d00.js';
+import 'react';
+import '@alfalab/hooks';
 
 function getBaseToastPlateTestIds(dataTestId) {
     return {

package/toast-plate/modern/desktop/Component.desktop.js

@@ -2,7 +2,8 @@ import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../../../shared/modern';
+import '../getDataTestId-72c08d00.js';
+import '@alfalab/hooks';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';

package/toast-plate/modern/desktop/index.js

@@ -3,7 +3,8 @@ import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../../../shared/modern';
+import '../getDataTestId-72c08d00.js';
+import '@alfalab/hooks';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';

package/toast-plate/modern/getDataTestId-72c08d00.d.ts

@@ -0,0 +1,3 @@
+declare function getDataTestId(dataTestId: string, element: string): string;
+declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
+export { getDataTestId };

package/toast-plate/modern/getDataTestId-72c08d00.js

@@ -0,0 +1,6 @@
+function getDataTestId(dataTestId, element) {
+    const elementPart = element ? `-${element.toLowerCase()}` : '';
+    return dataTestId ? `${dataTestId}${elementPart}` : undefined;
+}
+
+export { getDataTestId as g };

package/toast-plate/modern/index-307da6d7.d.ts

@@ -0,0 +1,71 @@
+/// <reference types="react" />
+import React from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+import { useCustomWebkitScrollbar } from "./useCustomWebkitScrollbar-a216f694";
+declare const isClient: () => boolean;
+declare function isApplePlatform(): boolean;
+declare function isIOS(): boolean;
+declare const os: {
+    isIOS: typeof isIOS;
+    isApplePlatform: typeof isApplePlatform;
+};
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+declare const hooks: {
+    useCustomWebkitScrollbar: typeof useCustomWebkitScrollbar;
+};
+declare function preventDefault(e: React.UIEvent): void;
+declare const dom: {
+    preventDefault: typeof preventDefault;
+};
+export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
+export * from "./getDataTestId-72c08d00";
+export * from "./browser-a216f694";
+export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";

package/toast-plate/modern/index.js

@@ -1,11 +1,12 @@
 export { ToastPlate } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
 import '../../icon-button/modern';
+import './getDataTestId-72c08d00.js';
+import '@alfalab/hooks';
 import '../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './components/base-toast-plate/hooks/useCustomIcons.js';

package/toast-plate/modern/mobile/Component.mobile.js

@@ -2,7 +2,8 @@ import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../../../shared/modern';
+import '../getDataTestId-72c08d00.js';
+import '@alfalab/hooks';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';

package/toast-plate/modern/mobile/index.js

@@ -3,7 +3,8 @@ import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../../../shared/modern';
+import '../getDataTestId-72c08d00.js';
+import '@alfalab/hooks';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';

package/toast-plate/modern/useCustomWebkitScrollbar-a216f694.d.ts

@@ -0,0 +1,2 @@
+declare function useCustomWebkitScrollbar(): boolean;
+export { useCustomWebkitScrollbar };

package/toast-plate/useCustomWebkitScrollbar-a216f694.d.ts

@@ -0,0 +1,2 @@
+declare function useCustomWebkitScrollbar(): boolean;
+export { useCustomWebkitScrollbar };

package/tooltip/Component.responsive.js

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

package/tooltip/cssm/Component.responsive.js

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

package/tooltip/esm/Component.responsive.js

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { TooltipDesktop } from './desktop/Component.desktop.js';
 import { TooltipMobile } from './mobile/Component.mobile.js';
 import 'react-merge-refs';
@@ -11,7 +10,7 @@ import '../../bottom-sheet/esm';
 import '../../button/esm/mobile';
 
 var TooltipResponsive = function (_a) {
-    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
+    var defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, actionButtonTitle = _a.actionButtonTitle, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["defaultMatchMediaValue", "children", "actionButtonTitle", "bottomSheetProps", "breakpoint"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React.createElement(TooltipDesktop, __assign({}, restProps), children)) : (React.createElement(TooltipMobile, __assign({}, restProps, bottomSheetProps, { actionButtonTitle: actionButtonTitle }), children));
 };

package/tooltip/esm/index.js

@@ -2,7 +2,6 @@ export { TooltipResponsive as Tooltip } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import 'react-merge-refs';
 import 'classnames';

package/tooltip/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { TooltipDesktop } from './desktop/Component.desktop.js';
 import { TooltipMobile } from './mobile/Component.mobile.js';
 import 'react-merge-refs';
@@ -9,7 +8,7 @@ import '../../popover/modern';
 import '../../bottom-sheet/modern';
 import '../../button/modern/mobile';
 
-const TooltipResponsive = ({ defaultMatchMediaValue, children, actionButtonTitle, bottomSheetProps, breakpoint = getComponentBreakpoint(), ...restProps }) => {
+const TooltipResponsive = ({ defaultMatchMediaValue, children, actionButtonTitle, bottomSheetProps, breakpoint = 1024, ...restProps }) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return isDesktop ? (React.createElement(TooltipDesktop, { ...restProps }, children)) : (React.createElement(TooltipMobile, { ...restProps, ...bottomSheetProps, actionButtonTitle: actionButtonTitle }, children));
 };

package/tooltip/modern/index.js

@@ -1,7 +1,6 @@
 export { TooltipResponsive as Tooltip } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import 'react-merge-refs';
 import 'classnames';

package/universal-date-input/Component.responsive.js

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

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

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

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

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -22,6 +21,7 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
+import '../../shared/esm';
 import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
@@ -34,7 +34,7 @@ import './components/month-input/Component.js';
 import './components/time-input/Component.js';
 
 var UniversalDateInput = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(BaseUniversalDateInput, __assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });

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

@@ -2,7 +2,6 @@ export { UniversalDateInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -23,6 +22,7 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
+import '../../shared/esm';
 import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';

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

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -21,6 +20,7 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
+import '../../shared/modern';
 import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';
@@ -32,7 +32,7 @@ import 'date-fns/startOfMonth';
 import './components/month-input/Component.js';
 import './components/time-input/Component.js';
 
-const UniversalDateInput = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, view, ...restProps }, ref) => {
+const UniversalDateInput = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, view, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(BaseUniversalDateInput, { ...restProps, ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' }));
 });

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

@@ -1,7 +1,6 @@
 export { UniversalDateInput } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -22,6 +21,7 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
+import '../../shared/modern';
 import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';

package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.d.ts

@@ -1,2 +0,0 @@
-declare function getComponentBreakpoint(): number;
-export { getComponentBreakpoint };

package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.js

@@ -1,18 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var defaultComponentBreakpoint = 1024;
-var getCustomBreakpoint = function () {
-    var _a;
-    var breakpoint = typeof window !== 'undefined' &&
-        ((_a = window === null || window === void 0 ? void 0 : window.getComputedStyle(document.documentElement)) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--global-breakpoint-desktop'));
-    return breakpoint ? parseFloat(breakpoint) : null;
-};
-function getComponentBreakpoint() {
-    var customBreakpoint = getCustomBreakpoint();
-    if (customBreakpoint) {
-        return customBreakpoint;
-    }
-    return defaultComponentBreakpoint;
-}
-
-exports.getComponentBreakpoint = getComponentBreakpoint;

package/shared/cssm/getComponentBreakpoint/index.d.ts

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from "./getComponentBreakpoint";

package/shared/cssm/getComponentBreakpoint/index.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var getComponentBreakpoint_getComponentBreakpoint = require('./getComponentBreakpoint.js');
-
-
-
-exports.getComponentBreakpoint = getComponentBreakpoint_getComponentBreakpoint.getComponentBreakpoint;

package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.d.ts

@@ -1,2 +0,0 @@
-declare function getComponentBreakpoint(): number;
-export { getComponentBreakpoint };

package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.js

@@ -1,16 +0,0 @@
-var defaultComponentBreakpoint = 1024;
-var getCustomBreakpoint = function () {
-    var _a;
-    var breakpoint = typeof window !== 'undefined' &&
-        ((_a = window === null || window === void 0 ? void 0 : window.getComputedStyle(document.documentElement)) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--global-breakpoint-desktop'));
-    return breakpoint ? parseFloat(breakpoint) : null;
-};
-function getComponentBreakpoint() {
-    var customBreakpoint = getCustomBreakpoint();
-    if (customBreakpoint) {
-        return customBreakpoint;
-    }
-    return defaultComponentBreakpoint;
-}
-
-export { getComponentBreakpoint };

package/shared/esm/getComponentBreakpoint/index.d.ts

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from "./getComponentBreakpoint";

package/shared/esm/getComponentBreakpoint/index.js

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from './getComponentBreakpoint.js';

package/shared/getComponentBreakpoint/getComponentBreakpoint.d.ts

@@ -1,2 +0,0 @@
-declare function getComponentBreakpoint(): number;
-export { getComponentBreakpoint };

package/shared/getComponentBreakpoint/getComponentBreakpoint.js

@@ -1,18 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var defaultComponentBreakpoint = 1024;
-var getCustomBreakpoint = function () {
-    var _a;
-    var breakpoint = typeof window !== 'undefined' &&
-        ((_a = window === null || window === void 0 ? void 0 : window.getComputedStyle(document.documentElement)) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--global-breakpoint-desktop'));
-    return breakpoint ? parseFloat(breakpoint) : null;
-};
-function getComponentBreakpoint() {
-    var customBreakpoint = getCustomBreakpoint();
-    if (customBreakpoint) {
-        return customBreakpoint;
-    }
-    return defaultComponentBreakpoint;
-}
-
-exports.getComponentBreakpoint = getComponentBreakpoint;

package/shared/getComponentBreakpoint/index.d.ts

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from "./getComponentBreakpoint";

package/shared/getComponentBreakpoint/index.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var getComponentBreakpoint_getComponentBreakpoint = require('./getComponentBreakpoint.js');
-
-
-
-exports.getComponentBreakpoint = getComponentBreakpoint_getComponentBreakpoint.getComponentBreakpoint;

package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.d.ts

@@ -1,2 +0,0 @@
-declare function getComponentBreakpoint(): number;
-export { getComponentBreakpoint };

package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.js

@@ -1,17 +0,0 @@
-const defaultComponentBreakpoint = 1024;
-const getCustomBreakpoint = () => {
-    const breakpoint = typeof window !== 'undefined' &&
-        window
-            ?.getComputedStyle(document.documentElement)
-            ?.getPropertyValue('--global-breakpoint-desktop');
-    return breakpoint ? parseFloat(breakpoint) : null;
-};
-function getComponentBreakpoint() {
-    const customBreakpoint = getCustomBreakpoint();
-    if (customBreakpoint) {
-        return customBreakpoint;
-    }
-    return defaultComponentBreakpoint;
-}
-
-export { getComponentBreakpoint };

package/shared/modern/getComponentBreakpoint/index.d.ts

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from "./getComponentBreakpoint";

package/shared/modern/getComponentBreakpoint/index.js

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from './getComponentBreakpoint.js';

package/themes/breakpoints/breakpoint-768.css

@@ -1,3 +0,0 @@
-:root {
-    --global-breakpoint-desktop: 768;
-}