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

package/select/modern/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-b4894f9d.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-ce6666bb.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';

package/select/modern/presets/useSelectWithApply/hook.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'deep-equal';
 import '../../../../shared/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-b4894f9d.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-ce6666bb.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-b4894f9d.js';
+export { O as OptionsListWithApply } from '../../../hook-ce6666bb.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-b4894f9d";
+export * from "../../../hook-ce6666bb";

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-b4894f9d.js';
+export { O as OptionsListWithApply } from '../../../hook-ce6666bb.js';
 import 'react';
 import 'deep-equal';
 import '../../../utils.js';

package/select/modern/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-b4894f9d.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-ce6666bb.js';
 export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';

package/select/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-651940a4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-98585197.js');
 
 
 

package/select/presets/useSelectWithApply/hook.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('deep-equal');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-651940a4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-98585197.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-651940a4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-98585197.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 

package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-651940a4";
+export * from "../../../hook-98585197";

package/select/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-651940a4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-98585197.js');
 
 
 

package/select/shared/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-651940a4.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-98585197.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');

package/select-with-tags/Component.responsive.js

@@ -7,7 +7,6 @@ var desktop = require('../form-control/desktop');
 var mobile = require('../form-control/mobile');
 var coreComponentsMq = require('../mq');
 var coreComponentsPopover = require('../popover');
-var coreComponentsShared = require('../shared');
 var components_baseSelectWithTags_Component = require('./components/base-select-with-tags/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -15,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SelectWithTags = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseSelectWithTags_Component.BaseSelectWithTags, tslib.__assign({}, restProps, { ref: ref, view: isDesktop ? 'desktop' : 'mobile', Popover: coreComponentsPopover.Popover, BottomSheet: coreComponentsBottomSheet.BottomSheet, FormControlComponent: isDesktop ? desktop.FormControlDesktop : mobile.FormControlMobile })));
 });

package/select-with-tags/cssm/Component.responsive.js

@@ -7,7 +7,6 @@ var desktop = require('../../form-control/cssm/desktop');
 var mobile = require('../../form-control/cssm/mobile');
 var coreComponentsMq = require('../../mq/cssm');
 var coreComponentsPopover = require('../../popover/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var components_baseSelectWithTags_Component = require('./components/base-select-with-tags/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -15,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SelectWithTags = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseSelectWithTags_Component.BaseSelectWithTags, tslib.__assign({}, restProps, { ref: ref, view: isDesktop ? 'desktop' : 'mobile', Popover: coreComponentsPopover.Popover, BottomSheet: coreComponentsBottomSheet.BottomSheet, FormControlComponent: isDesktop ? desktop.FormControlDesktop : mobile.FormControlMobile })));
 });

package/select-with-tags/esm/Component.responsive.js

@@ -5,7 +5,6 @@ import { FormControlDesktop } from '../../form-control/esm/desktop';
 import { FormControlMobile } from '../../form-control/esm/mobile';
 import { useMatchMedia } from '../../mq/esm';
 import { Popover } from '../../popover/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { BaseSelectWithTags } from './components/base-select-with-tags/Component.js';
 import 'react-merge-refs';
 import '../../select/esm/shared';
@@ -19,7 +18,7 @@ import '../../tag/esm/desktop';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 
 var SelectWithTags = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(BaseSelectWithTags, __assign({}, restProps, { ref: ref, view: isDesktop ? 'desktop' : 'mobile', Popover: Popover, BottomSheet: BottomSheet, FormControlComponent: isDesktop ? FormControlDesktop : FormControlMobile })));
 });

package/select-with-tags/esm/index.js

@@ -6,7 +6,6 @@ import '../../form-control/esm/desktop';
 import '../../form-control/esm/mobile';
 import '../../mq/esm';
 import '../../popover/esm';
-import '../../shared/esm';
 import './components/base-select-with-tags/Component.js';
 import 'react-merge-refs';
 import '../../select/esm/shared';

package/select-with-tags/modern/Component.responsive.js

@@ -4,7 +4,6 @@ import { FormControlDesktop } from '../../form-control/modern/desktop';
 import { FormControlMobile } from '../../form-control/modern/mobile';
 import { useMatchMedia } from '../../mq/modern';
 import { Popover } from '../../popover/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { BaseSelectWithTags } from './components/base-select-with-tags/Component.js';
 import 'react-merge-refs';
 import '../../select/modern/shared';
@@ -17,7 +16,7 @@ import './components/tag/component.js';
 import '../../tag/modern/desktop';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 
-const SelectWithTags = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, ...restProps }, ref) => {
+const SelectWithTags = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(BaseSelectWithTags, { ...restProps, ref: ref, view: isDesktop ? 'desktop' : 'mobile', Popover: Popover, BottomSheet: BottomSheet, FormControlComponent: isDesktop ? FormControlDesktop : FormControlMobile }));
 });

package/select-with-tags/modern/index.js

@@ -5,7 +5,6 @@ import '../../form-control/modern/desktop';
 import '../../form-control/modern/mobile';
 import '../../mq/modern';
 import '../../popover/modern';
-import '../../shared/modern';
 import './components/base-select-with-tags/Component.js';
 import 'react-merge-refs';
 import '../../select/modern/shared';

package/shared/cssm/index.d.ts

@@ -10,4 +10,3 @@ export * from "./os";
 export * from "./dom";
 export * from "./exhaustiveCheck";
 export * from "./context/PortalContext/index";
-export * from "./getComponentBreakpoint/index";

package/shared/cssm/index.js

@@ -12,7 +12,6 @@ var os = require('./os.js');
 var dom = require('./dom.js');
 var exhaustiveCheck = require('./exhaustiveCheck.js');
 var context_PortalContext_PortalContext = require('./context/PortalContext/PortalContext.js');
-var getComponentBreakpoint_getComponentBreakpoint = require('./getComponentBreakpoint/getComponentBreakpoint.js');
 
 
 
@@ -28,4 +27,3 @@ exports.os = os.os;
 exports.dom = dom.dom;
 exports.exhaustiveCheck = exhaustiveCheck.exhaustiveCheck;
 exports.PortalContext = context_PortalContext_PortalContext.PortalContext;
-exports.getComponentBreakpoint = getComponentBreakpoint_getComponentBreakpoint.getComponentBreakpoint;

package/shared/esm/index.d.ts

@@ -10,4 +10,3 @@ export * from "./os";
 export * from "./dom";
 export * from "./exhaustiveCheck";
 export * from "./context/PortalContext/index";
-export * from "./getComponentBreakpoint/index";

package/shared/esm/index.js

@@ -10,7 +10,6 @@ export { os } from './os.js';
 export { dom } from './dom.js';
 export { exhaustiveCheck } from './exhaustiveCheck.js';
 export { PortalContext } from './context/PortalContext/PortalContext.js';
-export { getComponentBreakpoint } from './getComponentBreakpoint/getComponentBreakpoint.js';
 import './hooks/useCustomWebkitScrollbar.js';
 import 'react';
 import '@alfalab/hooks';

package/shared/index.d.ts

@@ -10,4 +10,3 @@ export * from "./os";
 export * from "./dom";
 export * from "./exhaustiveCheck";
 export * from "./context/PortalContext/index";
-export * from "./getComponentBreakpoint/index";

package/shared/index.js

@@ -12,7 +12,6 @@ var os = require('./os.js');
 var dom = require('./dom.js');
 var exhaustiveCheck = require('./exhaustiveCheck.js');
 var context_PortalContext_PortalContext = require('./context/PortalContext/PortalContext.js');
-var getComponentBreakpoint_getComponentBreakpoint = require('./getComponentBreakpoint/getComponentBreakpoint.js');
 
 
 
@@ -28,4 +27,3 @@ exports.os = os.os;
 exports.dom = dom.dom;
 exports.exhaustiveCheck = exhaustiveCheck.exhaustiveCheck;
 exports.PortalContext = context_PortalContext_PortalContext.PortalContext;
-exports.getComponentBreakpoint = getComponentBreakpoint_getComponentBreakpoint.getComponentBreakpoint;

package/shared/modern/index.d.ts

@@ -10,4 +10,3 @@ export * from "./os";
 export * from "./dom";
 export * from "./exhaustiveCheck";
 export * from "./context/PortalContext/index";
-export * from "./getComponentBreakpoint/index";

package/shared/modern/index.js

@@ -10,7 +10,6 @@ export { os } from './os.js';
 export { dom } from './dom.js';
 export { exhaustiveCheck } from './exhaustiveCheck.js';
 export { PortalContext } from './context/PortalContext/PortalContext.js';
-export { getComponentBreakpoint } from './getComponentBreakpoint/getComponentBreakpoint.js';
 import './hooks/useCustomWebkitScrollbar.js';
 import 'react';
 import '@alfalab/hooks';

package/side-panel/Component.responsive.js

@@ -24,7 +24,7 @@ function createResponsive(desktop, mobile) {
     return ResponsiveChild;
 }
 var SidePanelResponsiveComponent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

package/side-panel/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-7463f5ff.js');
+var layout_module = require('../../layout.module-89adb1fa.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/components/footer/Component.js

@@ -5,7 +5,7 @@ var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-7463f5ff.js');
+var layout_module = require('../../layout.module-89adb1fa.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/cssm/Component.responsive.js

@@ -24,7 +24,7 @@ function createResponsive(desktop, mobile) {
     return ResponsiveChild;
 }
 var SidePanelResponsiveComponent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

package/side-panel/esm/Component.responsive.js

@@ -1,14 +1,14 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useMemo, useContext } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint, isClient } from '../../shared/esm';
+import { isClient } from '../../shared/esm';
 import { Controls } from './components/controls/Component.js';
 import { Header } from './components/header/Component.js';
 import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-94ec7499.js';
+import './layout.module-f3177b22.js';
 import '../../navigation-bar-private/esm';
 import './consts.js';
 import './Context.js';
@@ -32,7 +32,7 @@ function createResponsive(desktop, mobile) {
     return ResponsiveChild;
 }
 var SidePanelResponsiveComponent = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

package/side-panel/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-94ec7499.js';
+import { l as layoutStyles } from '../../layout.module-f3177b22.js';
 
 var styles = {"component":"side-panel__component_18div"};
 require('./index.css');

package/side-panel/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-94ec7499.js';
+import '../../layout.module-f3177b22.js';

package/side-panel/esm/components/footer/Component.desktop.js

@@ -7,7 +7,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-94ec7499.js';
+import '../../layout.module-f3177b22.js';
 
 var styles = {"sticky":"side-panel__sticky_i96qt","size-500":"side-panel__size-500_i96qt"};
 require('./desktop.css');

package/side-panel/esm/components/footer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-94ec7499.js';
+import { l as layoutStyles } from '../../layout.module-f3177b22.js';
 import '../../../../base-modal/esm';
 
 var styles = {"footer":"side-panel__footer_fpzva","sticky":"side-panel__sticky_fpzva","highlighted":"side-panel__highlighted_fpzva"};

package/side-panel/esm/components/footer/Component.mobile.js

@@ -6,7 +6,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-94ec7499.js';
+import '../../layout.module-f3177b22.js';
 
 var styles = {"footer":"side-panel__footer_y49i1","sticky":"side-panel__sticky_y49i1"};
 require('./mobile.css');

package/side-panel/esm/desktop/Component.desktop.js

@@ -13,7 +13,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../../../base-modal/esm';
-import '../layout.module-94ec7499.js';
+import '../layout.module-f3177b22.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/esm';
 

package/side-panel/esm/desktop/index.js

@@ -12,7 +12,7 @@ import '../Context.js';
 import '../../../base-modal/esm';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-94ec7499.js';
+import '../layout.module-f3177b22.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/esm/index.js

@@ -6,7 +6,7 @@ import '../../shared/esm';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-94ec7499.js';
+import './layout.module-f3177b22.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';
 import './consts.js';

package/side-panel/esm/mobile/Component.mobile.js

@@ -10,7 +10,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-94ec7499.js';
+import '../layout.module-f3177b22.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/esm';
 import '../consts.js';

package/side-panel/esm/mobile/index.js

@@ -9,7 +9,7 @@ import '../../../shared/esm';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-94ec7499.js';
+import '../layout.module-f3177b22.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/modern/Component.responsive.js

@@ -1,13 +1,13 @@
 import React, { forwardRef, useMemo, useContext } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint, isClient } from '../../shared/modern';
+import { isClient } from '../../shared/modern';
 import { Controls } from './components/controls/Component.js';
 import { Header } from './components/header/Component.js';
 import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-607bcf54.js';
+import './layout.module-c526db33.js';
 import '../../navigation-bar-private/modern';
 import './consts.js';
 import './Context.js';
@@ -30,7 +30,7 @@ function createResponsive(desktop, mobile) {
     }
     return ResponsiveChild;
 }
-const SidePanelResponsiveComponent = forwardRef(({ children, breakpoint = getComponentBreakpoint(), size = 500, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {
+const SidePanelResponsiveComponent = forwardRef(({ children, breakpoint = 1024, size = 500, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const getDefaultValue = () => (isClient() ? window.matchMedia(query).matches : false);
     const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue ?? getDefaultValue);

package/side-panel/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-607bcf54.js';
+import { l as layoutStyles } from '../../layout.module-c526db33.js';
 
 const styles = {"component":"side-panel__component_18div"};
 require('./index.css');

package/side-panel/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-607bcf54.js';
+import '../../layout.module-c526db33.js';

package/side-panel/modern/components/footer/Component.desktop.js

@@ -6,7 +6,7 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-607bcf54.js';
+import '../../layout.module-c526db33.js';
 
 const styles = {"sticky":"side-panel__sticky_i96qt","size-500":"side-panel__size-500_i96qt"};
 require('./desktop.css');

package/side-panel/modern/components/footer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-607bcf54.js';
+import { l as layoutStyles } from '../../layout.module-c526db33.js';
 import '../../../../base-modal/modern';
 
 const styles = {"footer":"side-panel__footer_fpzva","sticky":"side-panel__sticky_fpzva","highlighted":"side-panel__highlighted_fpzva"};

package/side-panel/modern/components/footer/Component.mobile.js

@@ -5,7 +5,7 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-607bcf54.js';
+import '../../layout.module-c526db33.js';
 
 const styles = {"footer":"side-panel__footer_y49i1","sticky":"side-panel__sticky_y49i1"};
 require('./mobile.css');

package/side-panel/modern/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../../../base-modal/modern';
-import '../layout.module-607bcf54.js';
+import '../layout.module-c526db33.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 

package/side-panel/modern/desktop/index.js

@@ -11,7 +11,7 @@ import '../Context.js';
 import '../../../base-modal/modern';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-607bcf54.js';
+import '../layout.module-c526db33.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/modern/index.js

@@ -5,7 +5,7 @@ import '../../shared/modern';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-607bcf54.js';
+import './layout.module-c526db33.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';
 import './consts.js';

package/side-panel/modern/mobile/Component.mobile.js

@@ -9,7 +9,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-607bcf54.js';
+import '../layout.module-c526db33.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';

package/side-panel/modern/mobile/index.js

@@ -8,7 +8,7 @@ import '../../../shared/modern';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-607bcf54.js';
+import '../layout.module-c526db33.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/system-message/Components.responsive.js

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

package/system-message/cssm/Components.responsive.js

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