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

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

@@ -3,6 +3,7 @@ import React from 'react';
 import { useMatchMedia } from '../../../../mq/esm';
 import { PrimaryTabListDesktop } from './Component.desktop.js';
 import { PrimaryTabListMobile } from './Component.mobile.js';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';
 import '../../../../shared/esm';
@@ -14,7 +15,7 @@ import 'lodash.debounce';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import '../../index.module-f81c66bd.js';
+import '../../index.module-072f7a03.js';
 import './Component.js';
 import '../../hooks/use-tabs.js';
 import '../scroll-controls/utils.js';

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

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { TagDesktop } from '../../../../tag/esm/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-e596240d.js';
+import { c as commonStyles } from '../../index.module-64994e8d.js';
 import 'classnames';
 import '../../../../shared/esm';
 import '../scrollable-container/Component.js';

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

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/esm/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-e596240d.js';
+import { c as commonStyles } from '../../index.module-64994e8d.js';
 import '../../../../shared/esm';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';

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

@@ -13,7 +13,7 @@ import 'lodash.debounce';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import '../../index.module-e596240d.js';
+import '../../index.module-64994e8d.js';
 import '../../../../tag/esm/mobile';
 import './Component.js';
 import '../../hooks/use-tabs.js';

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

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

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

@@ -3,6 +3,7 @@ import React from 'react';
 import { PrimaryTabListDesktop } from '../primary-tablist/Component.desktop.js';
 import { SecondaryTabListDesktop } from '../secondary-tablist/Component.desktop.js';
 import { Tabs } from './Component.js';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';
 import '../../../../shared/esm';
@@ -14,9 +15,9 @@ import 'lodash.debounce';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import '../../index.module-f81c66bd.js';
+import '../../index.module-072f7a03.js';
 import '../../../../tag/esm/desktop';
-import '../../index.module-e596240d.js';
+import '../../index.module-64994e8d.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tabs.js';
 import '../scroll-controls/utils.js';

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

@@ -4,6 +4,7 @@ import { PrimaryTabListMobile } from '../primary-tablist/Component.mobile.js';
 import { SecondaryTabListMobile } from '../secondary-tablist/Component.mobile.js';
 import { Tabs } from './Component.js';
 import 'classnames';
+import '@juggle/resize-observer';
 import '../../../../keyboard-focusable/esm';
 import '../../../../shared/esm';
 import '../scrollable-container/Component.js';
@@ -14,9 +15,9 @@ import 'lodash.debounce';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import '../../index.module-f81c66bd.js';
+import '../../index.module-072f7a03.js';
 import '../../../../tag/esm/mobile';
-import '../../index.module-e596240d.js';
+import '../../index.module-64994e8d.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tabs.js';
 import '../scroll-controls/utils.js';

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

@@ -4,6 +4,7 @@ import { PrimaryTabListResponsive } from '../primary-tablist/Component.responsiv
 import { SecondaryTabListResponsive } from '../secondary-tablist/Component.responsive.js';
 import { Tabs } from './Component.js';
 import '../../../../mq/esm';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';
 import '../../../../shared/esm';
@@ -15,10 +16,10 @@ import 'lodash.debounce';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import '../../index.module-f81c66bd.js';
+import '../../index.module-072f7a03.js';
 import '../primary-tablist/Component.mobile.js';
 import '../../../../tag/esm/desktop';
-import '../../index.module-e596240d.js';
+import '../../index.module-64994e8d.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/esm/mobile';
 import '../primary-tablist/Component.desktop.js';

package/tabs/esm/desktop.js

@@ -4,6 +4,7 @@ export { Tab } from './components/tab/Component.js';
 export { TabsDesktop } from './components/tabs/Component.desktop.js';
 import 'tslib';
 import 'react';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../keyboard-focusable/esm';
 import '../../shared/esm';
@@ -15,9 +16,9 @@ import 'lodash.debounce';
 import '../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import './index.module-f81c66bd.js';
+import './index.module-072f7a03.js';
 import '../../tag/esm/desktop';
-import './index.module-e596240d.js';
+import './index.module-64994e8d.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tabs.js';
 import './components/secondary-tablist/Component.js';

package/tabs/esm/index.js

@@ -5,6 +5,7 @@ export { TabsResponsive as Tabs } from './components/tabs/Component.responsive.j
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../keyboard-focusable/esm';
 import '../../shared/esm';
@@ -16,10 +17,10 @@ import 'lodash.debounce';
 import '../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import './index.module-f81c66bd.js';
+import './index.module-072f7a03.js';
 import './components/primary-tablist/Component.mobile.js';
 import '../../tag/esm/desktop';
-import './index.module-e596240d.js';
+import './index.module-64994e8d.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/esm/mobile';
 import './components/primary-tablist/Component.desktop.js';

package/tabs/esm/mobile.js

@@ -5,6 +5,7 @@ export { TabsMobile } from './components/tabs/Component.mobile.js';
 import 'tslib';
 import 'react';
 import 'classnames';
+import '@juggle/resize-observer';
 import '../../keyboard-focusable/esm';
 import '../../shared/esm';
 import './components/scrollable-container/Component.js';
@@ -15,9 +16,9 @@ import 'lodash.debounce';
 import '../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import './index.module-f81c66bd.js';
+import './index.module-072f7a03.js';
 import '../../tag/esm/mobile';
-import './index.module-e596240d.js';
+import './index.module-64994e8d.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tabs.js';
 import './components/secondary-tablist/Component.js';

package/tabs/index-ebda875c.d.ts

@@ -1,105 +1,40 @@
-/// <reference types="react" />
 /// <reference types="react-transition-group" />
+/// <reference types="react" />
 import React from "react";
-import { ButtonHTMLAttributes, ReactNode, RefObject } from "react";
-type StyleColors = {
-    default: {
-        [key: string]: string;
-    };
-    inverted: {
-        [key: string]: string;
-    };
-};
-type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseTagProps = Omit<NativeProps, "onClick"> & {
+import { MouseEvent, ReactNode } from "react";
+import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
+import { TransitionProps } from "react-transition-group/Transition";
+type BackdropProps = Partial<TransitionProps> & {
     /**
-     * Отображение кнопки в отмеченном (зажатом) состоянии
+     * Прозрачный бэкдроп
      */
-    checked?: boolean;
+    invisible?: boolean;
     /**
-     * Размер компонента
-     */
-    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
-    /**
-     * Дочерние элементы.
+     * Управляет видимостью компонента
      */
-    children?: ReactNode;
+    open: boolean;
     /**
-     * Дополнительный класс для обёртки children
+     * Обработчик клика по бэкдропу
      */
-    childrenClassName?: string;
+    onClose?: (event: MouseEvent<HTMLElement>) => void;
     /**
-     * Слот слева
+     * Дополнительный класс
      */
-    leftAddons?: ReactNode;
+    className?: string;
     /**
-     * Слот справа
+     * Классы анимации
+     *
+     * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
      */
-    rightAddons?: ReactNode;
+    transitionClassNames?: string | CSSTransitionClassNames;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
     /**
-     * Обработчик нажатия
-     */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
-        checked: boolean;
-        name?: string;
-    }) => void;
-    /**
-     * ref на children
-     */
-    childrenRef?: RefObject<HTMLSpanElement>;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Используйте props shape и view
-     * Вариант тега
-     */
-    variant?: "default" | "alt";
-    /**
-     * Форма тега
-     */
-    shape?: "rounded" | "rectangular";
-    /**
-     * Стиль тега
-     */
-    view?: "outlined" | "filled";
-    /**
-     * Основные стили компонента.
-     */
-    styles?: {
-        [key: string]: string;
-    };
-    /**
-     * Стили компонента для default и inverted режима.
+     * Дочерние элементы.
      */
-    colorStylesMap?: StyleColors;
-};
-declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClick"> & {
-    checked?: boolean | undefined;
-    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | undefined;
     children?: ReactNode;
-    childrenClassName?: string | undefined;
-    leftAddons?: ReactNode;
-    rightAddons?: ReactNode;
-    dataTestId?: string | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
-        checked: boolean;
-        name?: string;
-    }) => void) | undefined;
-    childrenRef?: React.RefObject<HTMLSpanElement> | undefined;
-    colors?: "default" | "inverted" | undefined;
-    variant?: "default" | "alt" | undefined;
-    shape?: "rounded" | "rectangular" | undefined;
-    view?: "outlined" | "filled" | undefined;
-    styles?: {
-        [key: string]: string;
-    } | undefined;
-    colorStylesMap?: StyleColors | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
-export { StyleColors, NativeProps, BaseTagProps, BaseTag };
+};
+declare const Backdrop: React.FC<BackdropProps>;
+export { BackdropProps, Backdrop };

package/tabs/index.js

@@ -9,10 +9,11 @@ require('react');
 require('../mq');
 require('./components/primary-tablist/Component.desktop.js');
 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');
@@ -22,12 +23,12 @@ 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('./components/primary-tablist/Component.mobile.js');
 require('./components/secondary-tablist/Component.desktop.js');
 require('../tag/desktop');
 require('./components/secondary-tablist/Component.js');
-require('./index.module-aaabe4b6.js');
+require('./index.module-e4f107c7.js');
 require('./components/secondary-tablist/Component.mobile.js');
 require('../tag/mobile');
 require('./components/tabs/Component.js');

package/tabs/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');
-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/mobile');
 require('./components/secondary-tablist/Component.js');
-require('./index.module-aaabe4b6.js');
+require('./index.module-e4f107c7.js');
 require('./components/tabs/Component.js');
 
 

package/tabs/modern/collapsible.js

@@ -10,7 +10,7 @@ import '@juggle/resize-observer';
 import '@alfalab/hooks';
 import '../../shared/modern';
 import './components/title/Component.js';
-import './index.module-57137d98.js';
+import './index.module-5e57388f.js';
 import './components/primary-tablist/Component.collapsible.js';
 import './hooks/use-tablist-titles.js';
 import './hooks/use-collapsible-elements.js';

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

@@ -6,7 +6,7 @@ import { PickerButtonDesktop } from '../../../../picker-button/modern/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-57137d98.js';
+import { c as commonStyles } from '../../index.module-5e57388f.js';
 import '../../../../mq/modern';
 import '@juggle/resize-observer';
 import '@alfalab/hooks';

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-57137d98.js';
+import { c as commonStyles } from '../../index.module-5e57388f.js';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';
 import '../../../../shared/modern';

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

@@ -1,10 +1,11 @@
 import React, { useRef, useEffect } from 'react';
+import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import { KeyboardFocusable } from '../../../../keyboard-focusable/modern';
+import { fnUtils } from '../../../../shared/modern';
 import { useTabs } from '../../hooks/use-tabs.js';
 import { ScrollableContainer } from '../scrollable-container/Component.js';
 import { Title } from '../title/Component.js';
-import '../../../../shared/modern';
 import 'compute-scroll-into-view';
 import '../scroll-controls/Component.js';
 import 'lodash.debounce';
@@ -21,10 +22,19 @@ const PrimaryTabList = ({ size, styles = {}, className, containerClassName, titl
         onChange,
     });
     useEffect(() => {
-        if (selectedTab && lineRef.current) {
-            lineRef.current.style.width = `${selectedTab.offsetWidth}px`;
-            lineRef.current.style.transform = `translateX(${selectedTab.offsetLeft}px)`;
+        if (selectedTab) {
+            const updateLineWidth = () => {
+                if (lineRef.current) {
+                    lineRef.current.style.width = `${selectedTab.offsetWidth}px`;
+                    lineRef.current.style.transform = `translateX(${selectedTab.offsetLeft}px)`;
+                }
+            };
+            const ResizeObserver$1 = window.ResizeObserver || ResizeObserver;
+            const observer = new ResizeObserver$1(updateLineWidth);
+            observer.observe(selectedTab);
+            return () => observer.disconnect();
         }
+        return fnUtils.noop;
     }, [selectedTab]);
     const renderContent = () => (React.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn(styles.component, className, size && styles[size], {
             [styles.fullWidthScroll]: fullWidthScroll,

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-57137d98.js';
+import { c as commonStyles } from '../../index.module-5e57388f.js';
+import '@juggle/resize-observer';
 import '../../../../keyboard-focusable/modern';
 import '../../../../shared/modern';
 import '../scrollable-container/Component.js';

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { useMatchMedia } from '../../../../mq/modern';
 import { PrimaryTabListDesktop } from './Component.desktop.js';
 import { PrimaryTabListMobile } from './Component.mobile.js';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';
 import '../../../../shared/modern';
@@ -13,7 +14,7 @@ import 'lodash.debounce';
 import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import '../../index.module-57137d98.js';
+import '../../index.module-5e57388f.js';
 import './Component.js';
 import '../../hooks/use-tabs.js';
 import '../scroll-controls/utils.js';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TagDesktop } from '../../../../tag/modern/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-328329dc.js';
+import { c as commonStyles } from '../../index.module-633b90f6.js';
 import 'classnames';
 import '../../../../shared/modern';
 import '../scrollable-container/Component.js';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/modern/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-328329dc.js';
+import { c as commonStyles } from '../../index.module-633b90f6.js';
 import '../../../../shared/modern';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';

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

@@ -12,7 +12,7 @@ import 'lodash.debounce';
 import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import '../../index.module-328329dc.js';
+import '../../index.module-633b90f6.js';
 import '../../../../tag/modern/mobile';
 import './Component.js';
 import '../../hooks/use-tabs.js';

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

@@ -10,7 +10,7 @@ import '@juggle/resize-observer';
 import '@alfalab/hooks';
 import '../../../../shared/modern';
 import '../title/Component.js';
-import '../../index.module-57137d98.js';
+import '../../index.module-5e57388f.js';
 import '../../hooks/use-tablist-titles.js';
 import '../../hooks/use-collapsible-elements.js';
 import '../../hooks/use-tabs.js';

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { PrimaryTabListDesktop } from '../primary-tablist/Component.desktop.js';
 import { SecondaryTabListDesktop } from '../secondary-tablist/Component.desktop.js';
 import { Tabs } from './Component.js';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';
 import '../../../../shared/modern';
@@ -13,9 +14,9 @@ import 'lodash.debounce';
 import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import '../../index.module-57137d98.js';
+import '../../index.module-5e57388f.js';
 import '../../../../tag/modern/desktop';
-import '../../index.module-328329dc.js';
+import '../../index.module-633b90f6.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tabs.js';
 import '../scroll-controls/utils.js';

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

@@ -3,6 +3,7 @@ import { PrimaryTabListMobile } from '../primary-tablist/Component.mobile.js';
 import { SecondaryTabListMobile } from '../secondary-tablist/Component.mobile.js';
 import { Tabs } from './Component.js';
 import 'classnames';
+import '@juggle/resize-observer';
 import '../../../../keyboard-focusable/modern';
 import '../../../../shared/modern';
 import '../scrollable-container/Component.js';
@@ -13,9 +14,9 @@ import 'lodash.debounce';
 import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import '../../index.module-57137d98.js';
+import '../../index.module-5e57388f.js';
 import '../../../../tag/modern/mobile';
-import '../../index.module-328329dc.js';
+import '../../index.module-633b90f6.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tabs.js';
 import '../scroll-controls/utils.js';

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

@@ -3,6 +3,7 @@ import { PrimaryTabListResponsive } from '../primary-tablist/Component.responsiv
 import { SecondaryTabListResponsive } from '../secondary-tablist/Component.responsive.js';
 import { Tabs } from './Component.js';
 import '../../../../mq/modern';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';
 import '../../../../shared/modern';
@@ -14,10 +15,10 @@ import 'lodash.debounce';
 import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import '../../index.module-57137d98.js';
+import '../../index.module-5e57388f.js';
 import '../primary-tablist/Component.mobile.js';
 import '../../../../tag/modern/desktop';
-import '../../index.module-328329dc.js';
+import '../../index.module-633b90f6.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 import '../primary-tablist/Component.desktop.js';

package/tabs/modern/desktop.js

@@ -3,6 +3,7 @@ export { SecondaryTabListDesktop } from './components/secondary-tablist/Componen
 export { Tab } from './components/tab/Component.js';
 export { TabsDesktop } from './components/tabs/Component.desktop.js';
 import 'react';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../keyboard-focusable/modern';
 import '../../shared/modern';
@@ -14,9 +15,9 @@ import 'lodash.debounce';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import './index.module-57137d98.js';
+import './index.module-5e57388f.js';
 import '../../tag/modern/desktop';
-import './index.module-328329dc.js';
+import './index.module-633b90f6.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tabs.js';
 import './components/secondary-tablist/Component.js';

package/tabs/modern/index.js

@@ -4,6 +4,7 @@ export { Tab } from './components/tab/Component.js';
 export { TabsResponsive as Tabs } from './components/tabs/Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '@juggle/resize-observer';
 import 'classnames';
 import '../../keyboard-focusable/modern';
 import '../../shared/modern';
@@ -15,10 +16,10 @@ import 'lodash.debounce';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import './index.module-57137d98.js';
+import './index.module-5e57388f.js';
 import './components/primary-tablist/Component.mobile.js';
 import '../../tag/modern/desktop';
-import './index.module-328329dc.js';
+import './index.module-633b90f6.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/primary-tablist/Component.desktop.js';

package/tabs/modern/mobile.js

@@ -4,6 +4,7 @@ export { Tab } from './components/tab/Component.js';
 export { TabsMobile } from './components/tabs/Component.mobile.js';
 import 'react';
 import 'classnames';
+import '@juggle/resize-observer';
 import '../../keyboard-focusable/modern';
 import '../../shared/modern';
 import './components/scrollable-container/Component.js';
@@ -14,9 +15,9 @@ import 'lodash.debounce';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
-import './index.module-57137d98.js';
+import './index.module-5e57388f.js';
 import '../../tag/modern/mobile';
-import './index.module-328329dc.js';
+import './index.module-633b90f6.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tabs.js';
 import './components/scroll-controls/utils.js';