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

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

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-72f7cd83.js';
+export { O as OptionsListWithApply } from '../../../hook-192a04eb.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

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

@@ -1 +1 @@
-export * from "../../../hook-72f7cd83";
+export * from "../../../hook-192a04eb";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-72f7cd83.js';
+export { O as OptionsListWithApply } from '../../../hook-192a04eb.js';
 import 'tslib';
 import 'react';
 import 'react-fast-compare';

package/select/esm/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-72f7cd83.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-192a04eb.js';
 export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVirtualVisibleOptions, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';
@@ -46,12 +46,12 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-17bdddb3.js';
+import '../list-popover-desktop-c320d887.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-b6ad8b0c.js';
+import '../mobile.module-019d702b.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../../../base-modal/esm';
 import '../../../button/esm/mobile';

package/select/mobile/Component.mobile.js

@@ -14,7 +14,7 @@ var components_option_Component = require('../components/option/Component.js');
 var components_optionsList_Component = require('../components/options-list/Component.js');
 var components_search_Component = require('../components/search/Component.js');
 var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-4cfb086e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-317cc673.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/select/modern/Component.responsive.js

@@ -19,12 +19,12 @@ import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
 import './components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import './list-popover-desktop-3aba7cd5.js';
+import './list-popover-desktop-7f59b7df.js';
 import './components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './components/base-select/components/list-mobile/list-mobile.js';
 import './components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import './mobile.module-4fbb824b.js';
+import './mobile.module-fa288dc0.js';
 import './components/base-select/components/list-mobile/list-modal-mobile.js';
 import './components/field/Component.js';
 import './components/clear-button/Component.js';
@@ -53,7 +53,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-4f42c86f.js';
+import './hook-096e9140.js';
 import 'react-fast-compare';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';

package/select/modern/components/base-select/Component.js

@@ -9,11 +9,11 @@ import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { defaultAccessor, defaultFilterFn, defaultGroupAccessor, processOptions, isGroup } from '../../utils.js';
 import { NativeSelect } from '../native-select/Component.js';
 import { getListPopoverDesktopProps } from './components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-3aba7cd5.js';
+import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-7f59b7df.js';
 import { getListModalMobileProps } from './components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import { getListBottomSheetMobileProps } from './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import { ListMobile } from './components/list-mobile/list-mobile.js';
-import { m as mobileStyles } from '../../mobile.module-4fbb824b.js';
+import { m as mobileStyles } from '../../mobile.module-fa288dc0.js';
 import './components/list-mobile/list-bottom-sheet-mobile.js';
 import './components/list-mobile/list-modal-mobile.js';
 

package/select/modern/components/base-select/components/list-desktop/list-popover-desktop.js

@@ -1,3 +1,3 @@
 import 'react';
 import 'classnames';
-export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-3aba7cd5.js';
+export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-7f59b7df.js';

package/select/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { getDataTestId } from '../../../../../../shared/modern';
-import { m as mobileStyles } from '../../../../mobile.module-4fbb824b.js';
+import { m as mobileStyles } from '../../../../mobile.module-fa288dc0.js';
 
 const ListBottomSheetMobile = (props) => {
     const { BottomSheet, dataTestId, open, label, placeholder, footer, swipeable, showSearch, bottomSheetProps, menuRef, scrollableContainerRef, onScroll, flatOptions, closeMenu, handleEntered, renderSearch, renderOptionsList, } = props;

package/select/modern/components/base-select/components/list-mobile/list-mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { ListBottomSheetMobile } from './list-bottom-sheet-mobile.js';
 import { ListModalMobile } from './list-modal-mobile.js';
 import '../../../../../../shared/modern';
-import '../../../../mobile.module-4fbb824b.js';
+import '../../../../mobile.module-fa288dc0.js';
 import 'react-merge-refs';
 import 'classnames';
 

package/select/modern/components/base-select/components/list-mobile/list-modal-mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../../../shared/modern';
-import { m as mobileStyles } from '../../../../mobile.module-4fbb824b.js';
+import { m as mobileStyles } from '../../../../mobile.module-fa288dc0.js';
 
 const ListModalMobile = (props) => {
     const { ModalMobile, dataTestId, open, modalProps, modalHeaderProps, modalFooterProps, menuRef, scrollableContainerRef, label, placeholder, onScroll, flatOptions, closeMenu, handleEntered, renderSearch, renderOptionsList, } = props;

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

@@ -10,10 +10,10 @@ import '@alfalab/hooks';
 import '../../utils.js';
 import '../native-select/Component.js';
 import './components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../../list-popover-desktop-3aba7cd5.js';
+import '../../list-popover-desktop-7f59b7df.js';
 import './components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './components/list-mobile/list-mobile.js';
 import './components/list-mobile/list-bottom-sheet-mobile.js';
-import '../../mobile.module-4fbb824b.js';
+import '../../mobile.module-fa288dc0.js';
 import './components/list-mobile/list-modal-mobile.js';

package/select/modern/components/index.js

@@ -20,12 +20,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import './native-select/Component.js';
 import './base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-3aba7cd5.js';
+import '../list-popover-desktop-7f59b7df.js';
 import './base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './base-select/components/list-mobile/list-mobile.js';
 import './base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-4fbb824b.js';
+import '../mobile.module-fa288dc0.js';
 import './base-select/components/list-mobile/list-modal-mobile.js';
 import './clear-button/Component.js';
 import '../../../button/modern';

package/select/modern/desktop/Component.desktop.js

@@ -20,12 +20,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-3aba7cd5.js';
+import '../list-popover-desktop-7f59b7df.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-4fbb824b.js';
+import '../mobile.module-fa288dc0.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/clear-button/Component.js';
 import '../../../button/modern';

package/select/modern/desktop/index.js

@@ -16,12 +16,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-3aba7cd5.js';
+import '../list-popover-desktop-7f59b7df.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-4fbb824b.js';
+import '../mobile.module-fa288dc0.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/field/Component.js';
 import '../components/clear-button/Component.js';

package/select/modern/index.js

@@ -18,12 +18,12 @@ import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
 import './components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import './list-popover-desktop-3aba7cd5.js';
+import './list-popover-desktop-7f59b7df.js';
 import './components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './components/base-select/components/list-mobile/list-mobile.js';
 import './components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import './mobile.module-4fbb824b.js';
+import './mobile.module-fa288dc0.js';
 import './components/base-select/components/list-mobile/list-modal-mobile.js';
 import './components/field/Component.js';
 import './components/clear-button/Component.js';
@@ -53,7 +53,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-4f42c86f.js';
+import './hook-096e9140.js';
 import 'react-fast-compare';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';

package/select/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-4f42c86f.js';
+import { u as useSelectWithApply } from '../hook-096e9140.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -25,12 +25,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-3aba7cd5.js';
+import '../list-popover-desktop-7f59b7df.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-4fbb824b.js';
+import '../mobile.module-fa288dc0.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/clear-button/Component.js';
 import '../../../button/modern';

package/select/modern/mobile/Component.modal.mobile.js

@@ -17,12 +17,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-3aba7cd5.js';
+import '../list-popover-desktop-7f59b7df.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-4fbb824b.js';
+import '../mobile.module-fa288dc0.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/field/Component.js';
 import '../components/clear-button/Component.js';
@@ -49,7 +49,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-4f42c86f.js';
+import '../hook-096e9140.js';
 import 'react-fast-compare';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';

package/select/modern/mobile/index.js

@@ -18,12 +18,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-3aba7cd5.js';
+import '../list-popover-desktop-7f59b7df.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-4fbb824b.js';
+import '../mobile.module-fa288dc0.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/field/Component.js';
 import '../components/clear-button/Component.js';
@@ -50,7 +50,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-4f42c86f.js';
+import '../hook-096e9140.js';
 import 'react-fast-compare';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';

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-4f42c86f.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-096e9140.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 'react-fast-compare';
 import '../../../../shared/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-4f42c86f.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-096e9140.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-4f42c86f.js';
+export { O as OptionsListWithApply } from '../../../hook-096e9140.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-4f42c86f";
+export * from "../../../hook-096e9140";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-4f42c86f.js';
+export { O as OptionsListWithApply } from '../../../hook-096e9140.js';
 import 'react';
 import 'react-fast-compare';
 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-4f42c86f.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-096e9140.js';
 export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVirtualVisibleOptions, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';
@@ -45,12 +45,12 @@ import 'compute-scroll-into-view';
 import 'downshift';
 import '../components/native-select/Component.js';
 import '../components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-3aba7cd5.js';
+import '../list-popover-desktop-7f59b7df.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import '../components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import '../components/base-select/components/list-mobile/list-mobile.js';
 import '../components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-4fbb824b.js';
+import '../mobile.module-fa288dc0.js';
 import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../../../base-modal/modern';
 import '../../../button/modern/mobile';

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-4cfb086e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-317cc673.js');
 
 
 

package/select/presets/useSelectWithApply/hook.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('react-fast-compare');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-4cfb086e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-317cc673.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-4cfb086e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-317cc673.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-4cfb086e";
+export * from "../../../hook-317cc673";

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-4cfb086e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-317cc673.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-4cfb086e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-317cc673.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/shared/browser.d.ts

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

package/shared/browser.js

@@ -1,7 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var detectBrowser$1 = require('detect-browser');
 var isClient = require('./isClient.js');
 
+var detectBrowser = detectBrowser$1.detect();
 var getScrollbarSize = (function () {
     var cachedSize;
     return function () {
@@ -27,9 +29,16 @@ function isWebkitBased() {
         return false;
     return window.navigator.userAgent.toLowerCase().indexOf('webkit') > -1;
 }
+function isSafari() {
+    if (isClient.isClient() && detectBrowser) {
+        return detectBrowser.name === 'safari';
+    }
+    return false;
+}
 var browser = {
     getScrollbarSize: getScrollbarSize,
     isWebkitBased: isWebkitBased,
+    isSafari: isSafari,
 };
 
 exports.browser = browser;

package/shared/cssm/browser.d.ts

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

package/shared/cssm/browser.js

@@ -1,7 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var detectBrowser$1 = require('detect-browser');
 var isClient = require('./isClient.js');
 
+var detectBrowser = detectBrowser$1.detect();
 var getScrollbarSize = (function () {
     var cachedSize;
     return function () {
@@ -27,9 +29,16 @@ function isWebkitBased() {
         return false;
     return window.navigator.userAgent.toLowerCase().indexOf('webkit') > -1;
 }
+function isSafari() {
+    if (isClient.isClient() && detectBrowser) {
+        return detectBrowser.name === 'safari';
+    }
+    return false;
+}
 var browser = {
     getScrollbarSize: getScrollbarSize,
     isWebkitBased: isWebkitBased,
+    isSafari: isSafari,
 };
 
 exports.browser = browser;

package/shared/cssm/os.d.ts

@@ -1,7 +1,9 @@
 declare function isApplePlatform(): boolean;
 declare function isIOS(): boolean;
+declare function isMacOS(): boolean;
 declare const os: {
     isIOS: typeof isIOS;
     isApplePlatform: typeof isApplePlatform;
+    isMacOS: typeof isMacOS;
 };
 export { os };

package/shared/cssm/os.js

@@ -1,7 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var detectBrowser = require('detect-browser');
 var isClient = require('./isClient.js');
 
+var browser = detectBrowser.detect();
 var IOS_REG_EXP = /ipad|iphone|ipod/;
 function isApplePlatform() {
     return window.navigator.platform.startsWith('Mac') || window.navigator.platform === 'iPhone';
@@ -13,9 +15,16 @@ function isIOS() {
     }
     return false;
 }
+function isMacOS() {
+    if (isClient.isClient() && browser) {
+        return browser.os === 'Mac OS';
+    }
+    return false;
+}
 var os = {
     isIOS: isIOS,
     isApplePlatform: isApplePlatform,
+    isMacOS: isMacOS,
 };
 
 exports.os = os;

package/shared/esm/browser.d.ts

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

package/shared/esm/browser.js

@@ -1,5 +1,7 @@
+import { detect } from 'detect-browser';
 import { isClient } from './isClient.js';
 
+var detectBrowser = detect();
 var getScrollbarSize = (function () {
     var cachedSize;
     return function () {
@@ -25,9 +27,16 @@ function isWebkitBased() {
         return false;
     return window.navigator.userAgent.toLowerCase().indexOf('webkit') > -1;
 }
+function isSafari() {
+    if (isClient() && detectBrowser) {
+        return detectBrowser.name === 'safari';
+    }
+    return false;
+}
 var browser = {
     getScrollbarSize: getScrollbarSize,
     isWebkitBased: isWebkitBased,
+    isSafari: isSafari,
 };
 
 export { browser };

package/shared/esm/hooks/index.js

@@ -3,6 +3,7 @@ export { useIsMounted } from './useIsMounted.js';
 import 'react';
 import '@alfalab/hooks';
 import '../browser.js';
+import 'detect-browser';
 import '../isClient.js';
 import '../fnUtils.js';
 

package/shared/esm/hooks/useCustomWebkitScrollbar.js

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { browser } from '../browser.js';
+import 'detect-browser';
 import '../isClient.js';
 
 function useCustomWebkitScrollbar() {

package/shared/esm/index.js

@@ -13,6 +13,7 @@ export { PortalContext } from './context/PortalContext/PortalContext.js';
 export { devWarning } from './warning.js';
 export { hasOwnProperty, isObject } from './object.js';
 export { useIsMounted } from './hooks/useIsMounted.js';
+import 'detect-browser';
 import './hooks/useCustomWebkitScrollbar.js';
 import 'react';
 import '@alfalab/hooks';

package/shared/esm/os.d.ts

@@ -1,7 +1,9 @@
 declare function isApplePlatform(): boolean;
 declare function isIOS(): boolean;
+declare function isMacOS(): boolean;
 declare const os: {
     isIOS: typeof isIOS;
     isApplePlatform: typeof isApplePlatform;
+    isMacOS: typeof isMacOS;
 };
 export { os };