@alfalab/core-components 42.13.0-beta.0 → 42.14.0

package/select/modern/mobile.js

@@ -31,7 +31,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-2d4246ef.js';
+import './hook-5e1db0b0.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

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-2d4246ef.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-5e1db0b0.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';

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

@@ -1,5 +1,5 @@
 import 'react';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-2d4246ef.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-5e1db0b0.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';
 import 'classnames';

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-2d4246ef.js';
+export { O as OptionsListWithApply } from '../../../hook-5e1db0b0.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-2d4246ef";
+export * from "../../../hook-5e1db0b0";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-2d4246ef.js';
+export { O as OptionsListWithApply } from '../../../hook-5e1db0b0.js';
 import 'react';
 import '../../../components/options-list/Component.js';
 import 'react-merge-refs';

package/select/modern/shared.js

@@ -9,7 +9,7 @@ export { BaseOption } from './components/base-option/Component.js';
 export { Search } from './components/search/Component.js';
 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-2d4246ef.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from './hook-5e1db0b0.js';
 export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
 import 'react';
 import 'classnames';

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-77cb9499.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-74d61833.js');
 require('tslib');
 require('react');
 require('../../skeleton');

package/select/presets/useSelectWithApply/hook.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-77cb9499.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-74d61833.js');
 require('../../components/options-list/Component.js');
 require('react-merge-refs');
 require('classnames');

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-77cb9499.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-74d61833.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 require('react-merge-refs');

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

@@ -1 +1 @@
-export * from "../../../hook-77cb9499";
+export * from "../../../hook-74d61833";

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-77cb9499.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-74d61833.js');
 require('tslib');
 require('react');
 require('../../../utils.js');

package/select/shared.js

@@ -11,7 +11,7 @@ var components_baseOption_Component = require('./components/base-option/Componen
 var components_search_Component = require('./components/search/Component.js');
 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-77cb9499.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./hook-74d61833.js');
 var utils = require('./utils.js');
 require('react');
 require('classnames');

package/tabs/collapsible.js

@@ -18,7 +18,7 @@ require('./hooks/use-tabs.js');
 require('../shared');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
-require('./index.module-f5167fdf.js');
+require('./index.module-5f6b14c2.js');
 require('./components/tabs/Component.js');
 
 

package/tabs/components/primary-tablist/Component.collapsible.js

@@ -9,7 +9,7 @@ var desktop = require('../../../picker-button/desktop');
 var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
 var syntheticEvents = require('../../synthetic-events.js');
 var components_title_Component = require('../title/Component.js');
-var index_module = require('../../index.module-f5167fdf.js');
+var index_module = require('../../index.module-5f6b14c2.js');
 require('../../../mq');
 require('../../hooks/use-collapsible-elements.js');
 require('@juggle/resize-observer');

package/tabs/components/primary-tablist/Component.desktop.js

@@ -3,11 +3,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-f5167fdf.js');
+var index_module = require('../../index.module-5f6b14c2.js');
+require('@juggle/resize-observer');
 require('classnames');
 require('../../../keyboard-focusable');
-require('../../hooks/use-tabs.js');
 require('../../../shared');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');

package/tabs/components/primary-tablist/Component.js

@@ -2,12 +2,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var resizeObserver = require('@juggle/resize-observer');
 var cn = require('classnames');
 var coreComponentsKeyboardFocusable = require('../../../keyboard-focusable');
+var coreComponentsShared = require('../../../shared');
 var hooks_useTabs = require('../../hooks/use-tabs.js');
 var components_scrollableContainer_Component = require('../scrollable-container/Component.js');
 var components_title_Component = require('../title/Component.js');
-require('../../../shared');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');
 require('lodash.debounce');
@@ -30,10 +31,19 @@ var PrimaryTabList = function (_a) {
         onChange: onChange,
     }), selectedTab = _f.selectedTab, focusedTab = _f.focusedTab, getTabListItemProps = _f.getTabListItemProps;
     React.useEffect(function () {
-        if (selectedTab && lineRef.current) {
-            lineRef.current.style.width = "".concat(selectedTab.offsetWidth, "px");
-            lineRef.current.style.transform = "translateX(".concat(selectedTab.offsetLeft, "px)");
+        if (selectedTab) {
+            var updateLineWidth = function () {
+                if (lineRef.current) {
+                    lineRef.current.style.width = "".concat(selectedTab.offsetWidth, "px");
+                    lineRef.current.style.transform = "translateX(".concat(selectedTab.offsetLeft, "px)");
+                }
+            };
+            var ResizeObserver_1 = window.ResizeObserver || resizeObserver.ResizeObserver;
+            var observer_1 = new ResizeObserver_1(updateLineWidth);
+            observer_1.observe(selectedTab);
+            return function () { return observer_1.disconnect(); };
         }
+        return coreComponentsShared.fnUtils.noop;
     }, [selectedTab]);
     var renderContent = function () {
         var _a;

package/tabs/components/primary-tablist/Component.mobile.js

@@ -4,10 +4,11 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-f5167fdf.js');
+var index_module = require('../../index.module-5f6b14c2.js');
+require('@juggle/resize-observer');
 require('../../../keyboard-focusable');
-require('../../hooks/use-tabs.js');
 require('../../../shared');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');

package/tabs/components/primary-tablist/Component.responsive.js

@@ -6,10 +6,11 @@ var coreComponentsMq = require('../../../mq');
 var components_primaryTablist_Component_desktop = require('./Component.desktop.js');
 var components_primaryTablist_Component_mobile = require('./Component.mobile.js');
 require('./Component.js');
+require('@juggle/resize-observer');
 require('classnames');
 require('../../../keyboard-focusable');
-require('../../hooks/use-tabs.js');
 require('../../../shared');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');
@@ -19,7 +20,7 @@ require('@alfalab/icons-glyph/ChevronLeftMIcon');
 require('@alfalab/icons-glyph/ChevronRightMIcon');
 require('../scroll-controls/utils.js');
 require('../title/Component.js');
-require('../../index.module-f5167fdf.js');
+require('../../index.module-5f6b14c2.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/secondary-tablist/Component.desktop.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var desktop = require('../../../tag/desktop');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-aaabe4b6.js');
+var index_module = require('../../index.module-e4f107c7.js');
 require('classnames');
 require('../../hooks/use-tabs.js');
 require('../../../shared');

package/tabs/components/secondary-tablist/Component.mobile.js

@@ -5,7 +5,7 @@ var React = require('react');
 var cn = require('classnames');
 var mobile = require('../../../tag/mobile');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-aaabe4b6.js');
+var index_module = require('../../index.module-e4f107c7.js');
 require('../../hooks/use-tabs.js');
 require('../../../shared');
 require('../scrollable-container/Component.js');

package/tabs/components/secondary-tablist/Component.responsive.js

@@ -18,7 +18,7 @@ require('../../../icon-button');
 require('@alfalab/icons-glyph/ChevronLeftMIcon');
 require('@alfalab/icons-glyph/ChevronRightMIcon');
 require('../scroll-controls/utils.js');
-require('../../index.module-aaabe4b6.js');
+require('../../index.module-e4f107c7.js');
 require('../../../tag/mobile');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/tabs/components/tabs/Component.collapsible.js

@@ -17,7 +17,7 @@ require('../../hooks/use-tabs.js');
 require('../../../shared');
 require('../../synthetic-events.js');
 require('../title/Component.js');
-require('../../index.module-f5167fdf.js');
+require('../../index.module-5f6b14c2.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/tabs/Component.desktop.js

@@ -6,10 +6,11 @@ var components_primaryTablist_Component_desktop = require('../primary-tablist/Co
 var components_secondaryTablist_Component_desktop = require('../secondary-tablist/Component.desktop.js');
 var components_tabs_Component = require('./Component.js');
 require('../primary-tablist/Component.js');
+require('@juggle/resize-observer');
 require('classnames');
 require('../../../keyboard-focusable');
-require('../../hooks/use-tabs.js');
 require('../../../shared');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');
@@ -19,10 +20,10 @@ require('@alfalab/icons-glyph/ChevronLeftMIcon');
 require('@alfalab/icons-glyph/ChevronRightMIcon');
 require('../scroll-controls/utils.js');
 require('../title/Component.js');
-require('../../index.module-f5167fdf.js');
+require('../../index.module-5f6b14c2.js');
 require('../../../tag/desktop');
 require('../secondary-tablist/Component.js');
-require('../../index.module-aaabe4b6.js');
+require('../../index.module-e4f107c7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/tabs/Component.mobile.js

@@ -7,9 +7,10 @@ var components_secondaryTablist_Component_mobile = require('../secondary-tablist
 var components_tabs_Component = require('./Component.js');
 require('classnames');
 require('../primary-tablist/Component.js');
+require('@juggle/resize-observer');
 require('../../../keyboard-focusable');
-require('../../hooks/use-tabs.js');
 require('../../../shared');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');
@@ -19,10 +20,10 @@ require('@alfalab/icons-glyph/ChevronLeftMIcon');
 require('@alfalab/icons-glyph/ChevronRightMIcon');
 require('../scroll-controls/utils.js');
 require('../title/Component.js');
-require('../../index.module-f5167fdf.js');
+require('../../index.module-5f6b14c2.js');
 require('../../../tag/mobile');
 require('../secondary-tablist/Component.js');
-require('../../index.module-aaabe4b6.js');
+require('../../index.module-e4f107c7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/tabs/Component.responsive.js

@@ -8,10 +8,11 @@ var components_tabs_Component = require('./Component.js');
 require('../../../mq');
 require('../primary-tablist/Component.desktop.js');
 require('../primary-tablist/Component.js');
+require('@juggle/resize-observer');
 require('classnames');
 require('../../../keyboard-focusable');
-require('../../hooks/use-tabs.js');
 require('../../../shared');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');
@@ -21,12 +22,12 @@ require('@alfalab/icons-glyph/ChevronLeftMIcon');
 require('@alfalab/icons-glyph/ChevronRightMIcon');
 require('../scroll-controls/utils.js');
 require('../title/Component.js');
-require('../../index.module-f5167fdf.js');
+require('../../index.module-5f6b14c2.js');
 require('../primary-tablist/Component.mobile.js');
 require('../secondary-tablist/Component.desktop.js');
 require('../../../tag/desktop');
 require('../secondary-tablist/Component.js');
-require('../../index.module-aaabe4b6.js');
+require('../../index.module-e4f107c7.js');
 require('../secondary-tablist/Component.mobile.js');
 require('../../../tag/mobile');
 

package/tabs/cssm/components/primary-tablist/Component.desktop.js

@@ -4,10 +4,11 @@ var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
 var styles = require('./index.module.css');
+require('@juggle/resize-observer');
 require('classnames');
 require('../../../../keyboard-focusable/cssm');
-require('../../hooks/use-tabs.js');
 require('../../../../shared/cssm');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');

package/tabs/cssm/components/primary-tablist/Component.js

@@ -2,12 +2,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
+var resizeObserver = require('@juggle/resize-observer');
 var cn = require('classnames');
 var coreComponentsKeyboardFocusable = require('../../../../keyboard-focusable/cssm');
+var coreComponentsShared = require('../../../../shared/cssm');
 var hooks_useTabs = require('../../hooks/use-tabs.js');
 var components_scrollableContainer_Component = require('../scrollable-container/Component.js');
 var components_title_Component = require('../title/Component.js');
-require('../../../../shared/cssm');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');
 require('lodash.debounce');
@@ -32,10 +33,19 @@ var PrimaryTabList = function (_a) {
         onChange: onChange,
     }), selectedTab = _f.selectedTab, focusedTab = _f.focusedTab, getTabListItemProps = _f.getTabListItemProps;
     React.useEffect(function () {
-        if (selectedTab && lineRef.current) {
-            lineRef.current.style.width = "".concat(selectedTab.offsetWidth, "px");
-            lineRef.current.style.transform = "translateX(".concat(selectedTab.offsetLeft, "px)");
+        if (selectedTab) {
+            var updateLineWidth = function () {
+                if (lineRef.current) {
+                    lineRef.current.style.width = "".concat(selectedTab.offsetWidth, "px");
+                    lineRef.current.style.transform = "translateX(".concat(selectedTab.offsetLeft, "px)");
+                }
+            };
+            var ResizeObserver_1 = window.ResizeObserver || resizeObserver.ResizeObserver;
+            var observer_1 = new ResizeObserver_1(updateLineWidth);
+            observer_1.observe(selectedTab);
+            return function () { return observer_1.disconnect(); };
         }
+        return coreComponentsShared.fnUtils.noop;
     }, [selectedTab]);
     var renderContent = function () {
         var _a;

package/tabs/cssm/components/primary-tablist/Component.mobile.js

@@ -6,9 +6,10 @@ var cn = require('classnames');
 var components_primaryTablist_Component = require('./Component.js');
 var styles$1 = require('./index.module.css');
 var mobileStyles = require('./mobile.module.css');
+require('@juggle/resize-observer');
 require('../../../../keyboard-focusable/cssm');
-require('../../hooks/use-tabs.js');
 require('../../../../shared/cssm');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');

package/tabs/cssm/components/primary-tablist/Component.responsive.js

@@ -6,10 +6,11 @@ var coreComponentsMq = require('../../../../mq/cssm');
 var components_primaryTablist_Component_desktop = require('./Component.desktop.js');
 var components_primaryTablist_Component_mobile = require('./Component.mobile.js');
 require('./Component.js');
+require('@juggle/resize-observer');
 require('classnames');
 require('../../../../keyboard-focusable/cssm');
-require('../../hooks/use-tabs.js');
 require('../../../../shared/cssm');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');

package/tabs/cssm/components/tabs/Component.desktop.js

@@ -6,10 +6,11 @@ var components_primaryTablist_Component_desktop = require('../primary-tablist/Co
 var components_secondaryTablist_Component_desktop = require('../secondary-tablist/Component.desktop.js');
 var components_tabs_Component = require('./Component.js');
 require('../primary-tablist/Component.js');
+require('@juggle/resize-observer');
 require('classnames');
 require('../../../../keyboard-focusable/cssm');
-require('../../hooks/use-tabs.js');
 require('../../../../shared/cssm');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');

package/tabs/cssm/components/tabs/Component.mobile.js

@@ -7,9 +7,10 @@ var components_secondaryTablist_Component_mobile = require('../secondary-tablist
 var components_tabs_Component = require('./Component.js');
 require('classnames');
 require('../primary-tablist/Component.js');
+require('@juggle/resize-observer');
 require('../../../../keyboard-focusable/cssm');
-require('../../hooks/use-tabs.js');
 require('../../../../shared/cssm');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');

package/tabs/cssm/components/tabs/Component.responsive.js

@@ -8,10 +8,11 @@ var components_tabs_Component = require('./Component.js');
 require('../../../../mq/cssm');
 require('../primary-tablist/Component.desktop.js');
 require('../primary-tablist/Component.js');
+require('@juggle/resize-observer');
 require('classnames');
 require('../../../../keyboard-focusable/cssm');
-require('../../hooks/use-tabs.js');
 require('../../../../shared/cssm');
+require('../../hooks/use-tabs.js');
 require('../scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('../scroll-controls/Component.js');

package/tabs/cssm/desktop.js

@@ -7,10 +7,11 @@ var components_tabs_Component_desktop = require('./components/tabs/Component.des
 require('tslib');
 require('react');
 require('./components/primary-tablist/Component.js');
+require('@juggle/resize-observer');
 require('classnames');
 require('../../keyboard-focusable/cssm');
-require('./hooks/use-tabs.js');
 require('../../shared/cssm');
+require('./hooks/use-tabs.js');
 require('./components/scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('./components/scroll-controls/Component.js');

package/tabs/cssm/index.js

@@ -9,10 +9,11 @@ require('react');
 require('../../mq/cssm');
 require('./components/primary-tablist/Component.desktop.js');
 require('./components/primary-tablist/Component.js');
+require('@juggle/resize-observer');
 require('classnames');
 require('../../keyboard-focusable/cssm');
-require('./hooks/use-tabs.js');
 require('../../shared/cssm');
+require('./hooks/use-tabs.js');
 require('./components/scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('./components/scroll-controls/Component.js');

package/tabs/cssm/mobile.js

@@ -8,9 +8,10 @@ require('tslib');
 require('react');
 require('classnames');
 require('./components/primary-tablist/Component.js');
+require('@juggle/resize-observer');
 require('../../keyboard-focusable/cssm');
-require('./hooks/use-tabs.js');
 require('../../shared/cssm');
+require('./hooks/use-tabs.js');
 require('./components/scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('./components/scroll-controls/Component.js');

package/tabs/desktop.js

@@ -7,10 +7,11 @@ var components_tabs_Component_desktop = require('./components/tabs/Component.des
 require('tslib');
 require('react');
 require('./components/primary-tablist/Component.js');
+require('@juggle/resize-observer');
 require('classnames');
 require('../keyboard-focusable');
-require('./hooks/use-tabs.js');
 require('../shared');
+require('./hooks/use-tabs.js');
 require('./components/scrollable-container/Component.js');
 require('compute-scroll-into-view');
 require('./components/scroll-controls/Component.js');
@@ -20,10 +21,10 @@ require('@alfalab/icons-glyph/ChevronLeftMIcon');
 require('@alfalab/icons-glyph/ChevronRightMIcon');
 require('./components/scroll-controls/utils.js');
 require('./components/title/Component.js');
-require('./index.module-f5167fdf.js');
+require('./index.module-5f6b14c2.js');
 require('../tag/desktop');
 require('./components/secondary-tablist/Component.js');
-require('./index.module-aaabe4b6.js');
+require('./index.module-e4f107c7.js');
 require('./components/tabs/Component.js');
 
 

package/tabs/esm/collapsible.js

@@ -11,7 +11,7 @@ import '@juggle/resize-observer';
 import '@alfalab/hooks';
 import '../../shared/esm';
 import './components/title/Component.js';
-import './index.module-f81c66bd.js';
+import './index.module-072f7a03.js';
 import './components/primary-tablist/Component.collapsible.js';
 import './hooks/use-tablist-titles.js';
 import './hooks/use-collapsible-elements.js';

package/tabs/esm/components/primary-tablist/Component.collapsible.js

@@ -7,7 +7,7 @@ import { PickerButtonDesktop } from '../../../../picker-button/esm/desktop';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { c as commonStyles } from '../../index.module-f81c66bd.js';
+import { c as commonStyles } from '../../index.module-072f7a03.js';
 import '../../../../mq/esm';
 import '@juggle/resize-observer';
 import '@alfalab/hooks';

package/tabs/esm/components/primary-tablist/Component.desktop.js

@@ -1,7 +1,8 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-f81c66bd.js';
+import { c as commonStyles } from '../../index.module-072f7a03.js';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';
 import '../../../../shared/esm';

package/tabs/esm/components/primary-tablist/Component.js

@@ -1,11 +1,12 @@
 import { __rest, __assign } from 'tslib';
 import React, { useRef, useEffect } from 'react';
+import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import { KeyboardFocusable } from '../../../../keyboard-focusable/esm';
+import { fnUtils } from '../../../../shared/esm';
 import { useTabs } from '../../hooks/use-tabs.js';
 import { ScrollableContainer } from '../scrollable-container/Component.js';
 import { Title } from '../title/Component.js';
-import '../../../../shared/esm';
 import 'compute-scroll-into-view';
 import '../scroll-controls/Component.js';
 import 'lodash.debounce';
@@ -23,10 +24,19 @@ var PrimaryTabList = function (_a) {
         onChange: onChange,
     }), selectedTab = _f.selectedTab, focusedTab = _f.focusedTab, getTabListItemProps = _f.getTabListItemProps;
     useEffect(function () {
-        if (selectedTab && lineRef.current) {
-            lineRef.current.style.width = "".concat(selectedTab.offsetWidth, "px");
-            lineRef.current.style.transform = "translateX(".concat(selectedTab.offsetLeft, "px)");
+        if (selectedTab) {
+            var updateLineWidth = function () {
+                if (lineRef.current) {
+                    lineRef.current.style.width = "".concat(selectedTab.offsetWidth, "px");
+                    lineRef.current.style.transform = "translateX(".concat(selectedTab.offsetLeft, "px)");
+                }
+            };
+            var ResizeObserver_1 = window.ResizeObserver || ResizeObserver;
+            var observer_1 = new ResizeObserver_1(updateLineWidth);
+            observer_1.observe(selectedTab);
+            return function () { return observer_1.disconnect(); };
         }
+        return fnUtils.noop;
     }, [selectedTab]);
     var renderContent = function () {
         var _a;

package/tabs/esm/components/primary-tablist/Component.mobile.js

@@ -2,7 +2,8 @@ import { __assign, __rest } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-f81c66bd.js';
+import { c as commonStyles } from '../../index.module-072f7a03.js';
+import '@juggle/resize-observer';
 import '../../../../keyboard-focusable/esm';
 import '../../../../shared/esm';
 import '../scrollable-container/Component.js';