@alfalab/core-components-tabs 8.0.8 → 8.1.1

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

@@ -1,26 +0,0 @@
-import { __assign, __rest } from 'tslib';
-import React from 'react';
-import cn from 'classnames';
-import { CollapsiblePrimaryTabList } from './Component.collapsible.js';
-import { c as commonStyles } from '../../index.module-511c86f3.js';
-import { m as mobileStyles } from '../../mobile.module-34deaa77.js';
-import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-keyboard-focusable/esm';
-import '@alfalab/core-components-picker-button/esm/desktop';
-import '../../hooks/use-tablist-titles.js';
-import '@alfalab/core-components-mq/esm';
-import '../../hooks/use-collapsible-elements.js';
-import '@juggle/resize-observer';
-import '@alfalab/hooks';
-import '../../hooks/use-tabs.js';
-import '@alfalab/core-components-shared/esm';
-import '../../synthetic-events.js';
-import '../title/Component.js';
-
-var styles = __assign(__assign({}, commonStyles), mobileStyles);
-var CollapsiblePrimaryTabListMobile = function (_a) {
-    var className = _a.className, restProps = __rest(_a, ["className"]);
-    return (React.createElement(CollapsiblePrimaryTabList, __assign({}, restProps, { styles: styles, className: cn(className, styles.mobile) })));
-};
-
-export { CollapsiblePrimaryTabListMobile };

package/esm/components/primary-tablist/Component.collapsible.responsive.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-declare const CollapsiblePrimaryTabListResponsive: ({ size, fullWidthScroll, breakpoint, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListResponsive };

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

@@ -1,28 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { useMatchMedia } from '@alfalab/core-components-mq/esm';
-import { CollapsiblePrimaryTabListDesktop } from './Component.collapsible.desktop.js';
-import { CollapsiblePrimaryTabListMobile } from './Component.collapsible.mobile.js';
-import './Component.collapsible.js';
-import 'classnames';
-import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-keyboard-focusable/esm';
-import '@alfalab/core-components-picker-button/esm/desktop';
-import '../../hooks/use-tablist-titles.js';
-import '../../hooks/use-collapsible-elements.js';
-import '@juggle/resize-observer';
-import '@alfalab/hooks';
-import '../../hooks/use-tabs.js';
-import '@alfalab/core-components-shared/esm';
-import '../../synthetic-events.js';
-import '../title/Component.js';
-import '../../index.module-511c86f3.js';
-import '../../mobile.module-34deaa77.js';
-
-var CollapsiblePrimaryTabListResponsive = function (_a) {
-    var size = _a.size, fullWidthScroll = _a.fullWidthScroll, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["size", "fullWidthScroll", "breakpoint", "defaultMatchMediaValue"]);
-    var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
-    return isDesktop ? (React.createElement(CollapsiblePrimaryTabListDesktop, __assign({ size: size, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint }, restProps))) : (React.createElement(CollapsiblePrimaryTabListMobile, __assign({ fullWidthScroll: fullWidthScroll, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint }, restProps)));
-};
-
-export { CollapsiblePrimaryTabListResponsive };

package/esm/components/tabs/Component.collabsible.desktop.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleDesktopProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll' | 'scrollable' | 'view'>;
-declare const TabsCollapsibleDesktop: ({ ...restProps }: TabsCollapsibleDesktopProps) => React.JSX.Element;
-export { TabsCollapsibleDesktopProps, TabsCollapsibleDesktop };

package/esm/components/tabs/Component.collapsible.mobile.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleMobileProps = Omit<TabsProps, 'TabList' | 'scrollable' | 'view' | 'size'>;
-declare const TabsCollapsibleMobile: ({ ...restProps }: TabsCollapsibleMobileProps) => React.JSX.Element;
-export { TabsCollapsibleMobileProps, TabsCollapsibleMobile };

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

@@ -1,27 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { CollapsiblePrimaryTabListMobile } from '../primary-tablist/Component.collapsible.mobile.js';
-import { Tabs } from './Component.js';
-import 'classnames';
-import '../primary-tablist/Component.collapsible.js';
-import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-keyboard-focusable/esm';
-import '@alfalab/core-components-picker-button/esm/desktop';
-import '../../hooks/use-tablist-titles.js';
-import '@alfalab/core-components-mq/esm';
-import '../../hooks/use-collapsible-elements.js';
-import '@juggle/resize-observer';
-import '@alfalab/hooks';
-import '../../hooks/use-tabs.js';
-import '@alfalab/core-components-shared/esm';
-import '../../synthetic-events.js';
-import '../title/Component.js';
-import '../../index.module-511c86f3.js';
-import '../../mobile.module-34deaa77.js';
-
-var TabsCollapsibleMobile = function (_a) {
-    var restProps = __rest(_a, []);
-    return (React.createElement(Tabs, __assign({ TabList: CollapsiblePrimaryTabListMobile }, restProps)));
-};
-
-export { TabsCollapsibleMobile };

package/esm/components/tabs/Component.collapsible.responsive.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleResponsiveProps = Omit<TabsProps, 'TabList' | 'scrollable' | 'view'>;
-declare const TabsCollapsibleResponsive: ({ ...restProps }: TabsCollapsibleResponsiveProps) => React.JSX.Element;
-export { TabsCollapsibleResponsiveProps, TabsCollapsibleResponsive };

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

@@ -1,29 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { CollapsiblePrimaryTabListResponsive } from '../primary-tablist/Component.collapsible.responsive.js';
-import { Tabs } from './Component.js';
-import '@alfalab/core-components-mq/esm';
-import '../primary-tablist/Component.collapsible.desktop.js';
-import '../primary-tablist/Component.collapsible.js';
-import 'classnames';
-import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-keyboard-focusable/esm';
-import '@alfalab/core-components-picker-button/esm/desktop';
-import '../../hooks/use-tablist-titles.js';
-import '../../hooks/use-collapsible-elements.js';
-import '@juggle/resize-observer';
-import '@alfalab/hooks';
-import '../../hooks/use-tabs.js';
-import '@alfalab/core-components-shared/esm';
-import '../../synthetic-events.js';
-import '../title/Component.js';
-import '../../index.module-511c86f3.js';
-import '../primary-tablist/Component.collapsible.mobile.js';
-import '../../mobile.module-34deaa77.js';
-
-var TabsCollapsibleResponsive = function (_a) {
-    var restProps = __rest(_a, []);
-    return (React.createElement(Tabs, __assign({ TabList: CollapsiblePrimaryTabListResponsive }, restProps)));
-};
-
-export { TabsCollapsibleResponsive };

package/esm/index.module-511c86f3.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_9vun8","fullWidthScroll":"tabs__fullWidthScroll_9vun8","container":"tabs__container_9vun8","title":"tabs__title_9vun8","disabled":"tabs__disabled_9vun8","focused":"tabs__focused_9vun8","collapsed":"tabs__collapsed_9vun8","selected":"tabs__selected_9vun8","line":"tabs__line_9vun8","s":"tabs__s_9vun8","xs":"tabs__xs_9vun8","xxs":"tabs__xxs_9vun8","pickerWrapper":"tabs__pickerWrapper_9vun8","option":"tabs__option_9vun8","m":"tabs__m_9vun8","l":"tabs__l_9vun8","xl":"tabs__xl_9vun8","rightAddons":"tabs__rightAddons_9vun8"};
-require('./components/primary-tablist/index.css')
-
-export { commonStyles as c };

package/esm/index.module-ffeeb976.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_10b3j","fullWidthScroll":"tabs__fullWidthScroll_10b3j","container":"tabs__container_10b3j","title":"tabs__title_10b3j","xxs":"tabs__xxs_10b3j","xs":"tabs__xs_10b3j","s":"tabs__s_10b3j","m":"tabs__m_10b3j","l":"tabs__l_10b3j","xl":"tabs__xl_10b3j"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

package/esm/mobile.module-34deaa77.js

@@ -1,4 +0,0 @@
-var mobileStyles = {"title":"tabs__title_1pdf1 tabs__title_9vun8","mobile":"tabs__mobile_1pdf1"};
-require('./components/primary-tablist/mobile.css')
-
-export { mobileStyles as m };

package/index.module-0d8ea41a.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_9vun8","fullWidthScroll":"tabs__fullWidthScroll_9vun8","container":"tabs__container_9vun8","title":"tabs__title_9vun8","disabled":"tabs__disabled_9vun8","focused":"tabs__focused_9vun8","collapsed":"tabs__collapsed_9vun8","selected":"tabs__selected_9vun8","line":"tabs__line_9vun8","s":"tabs__s_9vun8","xs":"tabs__xs_9vun8","xxs":"tabs__xxs_9vun8","pickerWrapper":"tabs__pickerWrapper_9vun8","option":"tabs__option_9vun8","m":"tabs__m_9vun8","l":"tabs__l_9vun8","xl":"tabs__xl_9vun8","rightAddons":"tabs__rightAddons_9vun8"};
-require('./components/primary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/index.module-38e4686f.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_10b3j","fullWidthScroll":"tabs__fullWidthScroll_10b3j","container":"tabs__container_10b3j","title":"tabs__title_10b3j","xxs":"tabs__xxs_10b3j","xs":"tabs__xs_10b3j","s":"tabs__s_10b3j","m":"tabs__m_10b3j","l":"tabs__l_10b3j","xl":"tabs__xl_10b3j"};
-require('./components/secondary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/mobile.module-a305e8da.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var mobileStyles = {"title":"tabs__title_1pdf1 tabs__title_9vun8","mobile":"tabs__mobile_1pdf1"};
-require('./components/primary-tablist/mobile.css')
-
-exports.mobileStyles = mobileStyles;

package/modern/components/primary-tablist/Component.collapsible.desktop.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-declare const CollapsiblePrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListDesktop };

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CollapsiblePrimaryTabList } from './Component.collapsible.js';
-import { c as commonStyles } from '../../index.module-6f255828.js';
-import 'classnames';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-keyboard-focusable/modern';
-import '@alfalab/core-components-picker-button/modern/desktop';
-import '../../hooks/use-tablist-titles.js';
-import '@alfalab/core-components-mq/modern';
-import '../../hooks/use-collapsible-elements.js';
-import '@juggle/resize-observer';
-import '@alfalab/hooks';
-import '../../hooks/use-tabs.js';
-import '@alfalab/core-components-shared/modern';
-import '../../synthetic-events.js';
-import '../title/Component.js';
-
-const CollapsiblePrimaryTabListDesktop = ({ size = 'm', ...restProps }) => (React.createElement(CollapsiblePrimaryTabList, { ...restProps, size: size, styles: commonStyles }));
-
-export { CollapsiblePrimaryTabListDesktop };

package/modern/components/primary-tablist/Component.collapsible.mobile.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-type CollapsiblePrimaryTabListMobileProps = Omit<TabListProps, 'size'>;
-declare const CollapsiblePrimaryTabListMobile: ({ className, ...restProps }: CollapsiblePrimaryTabListMobileProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListMobileProps, CollapsiblePrimaryTabListMobile };

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import { CollapsiblePrimaryTabList } from './Component.collapsible.js';
-import { c as commonStyles } from '../../index.module-6f255828.js';
-import { m as mobileStyles } from '../../mobile.module-02182f0f.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-keyboard-focusable/modern';
-import '@alfalab/core-components-picker-button/modern/desktop';
-import '../../hooks/use-tablist-titles.js';
-import '@alfalab/core-components-mq/modern';
-import '../../hooks/use-collapsible-elements.js';
-import '@juggle/resize-observer';
-import '@alfalab/hooks';
-import '../../hooks/use-tabs.js';
-import '@alfalab/core-components-shared/modern';
-import '../../synthetic-events.js';
-import '../title/Component.js';
-
-const styles = {
-    ...commonStyles,
-    ...mobileStyles,
-};
-const CollapsiblePrimaryTabListMobile = ({ className, ...restProps }) => (React.createElement(CollapsiblePrimaryTabList, { ...restProps, styles: styles, className: cn(className, styles.mobile) }));
-
-export { CollapsiblePrimaryTabListMobile };

package/modern/components/primary-tablist/Component.collapsible.responsive.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-declare const CollapsiblePrimaryTabListResponsive: ({ size, fullWidthScroll, breakpoint, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListResponsive };

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import { useMatchMedia } from '@alfalab/core-components-mq/modern';
-import { CollapsiblePrimaryTabListDesktop } from './Component.collapsible.desktop.js';
-import { CollapsiblePrimaryTabListMobile } from './Component.collapsible.mobile.js';
-import './Component.collapsible.js';
-import 'classnames';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-keyboard-focusable/modern';
-import '@alfalab/core-components-picker-button/modern/desktop';
-import '../../hooks/use-tablist-titles.js';
-import '../../hooks/use-collapsible-elements.js';
-import '@juggle/resize-observer';
-import '@alfalab/hooks';
-import '../../hooks/use-tabs.js';
-import '@alfalab/core-components-shared/modern';
-import '../../synthetic-events.js';
-import '../title/Component.js';
-import '../../index.module-6f255828.js';
-import '../../mobile.module-02182f0f.js';
-
-const CollapsiblePrimaryTabListResponsive = ({ size, fullWidthScroll, breakpoint = 1024, defaultMatchMediaValue, ...restProps }) => {
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
-    return isDesktop ? (React.createElement(CollapsiblePrimaryTabListDesktop, { size: size, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint, ...restProps })) : (React.createElement(CollapsiblePrimaryTabListMobile, { fullWidthScroll: fullWidthScroll, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint, ...restProps }));
-};
-
-export { CollapsiblePrimaryTabListResponsive };

package/modern/components/tabs/Component.collabsible.desktop.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleDesktopProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll' | 'scrollable' | 'view'>;
-declare const TabsCollapsibleDesktop: ({ ...restProps }: TabsCollapsibleDesktopProps) => React.JSX.Element;
-export { TabsCollapsibleDesktopProps, TabsCollapsibleDesktop };

package/modern/components/tabs/Component.collapsible.mobile.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleMobileProps = Omit<TabsProps, 'TabList' | 'scrollable' | 'view' | 'size'>;
-declare const TabsCollapsibleMobile: ({ ...restProps }: TabsCollapsibleMobileProps) => React.JSX.Element;
-export { TabsCollapsibleMobileProps, TabsCollapsibleMobile };

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { CollapsiblePrimaryTabListMobile } from '../primary-tablist/Component.collapsible.mobile.js';
-import { Tabs } from './Component.js';
-import 'classnames';
-import '../primary-tablist/Component.collapsible.js';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-keyboard-focusable/modern';
-import '@alfalab/core-components-picker-button/modern/desktop';
-import '../../hooks/use-tablist-titles.js';
-import '@alfalab/core-components-mq/modern';
-import '../../hooks/use-collapsible-elements.js';
-import '@juggle/resize-observer';
-import '@alfalab/hooks';
-import '../../hooks/use-tabs.js';
-import '@alfalab/core-components-shared/modern';
-import '../../synthetic-events.js';
-import '../title/Component.js';
-import '../../index.module-6f255828.js';
-import '../../mobile.module-02182f0f.js';
-
-const TabsCollapsibleMobile = ({ ...restProps }) => (React.createElement(Tabs, { TabList: CollapsiblePrimaryTabListMobile, ...restProps }));
-
-export { TabsCollapsibleMobile };

package/modern/components/tabs/Component.collapsible.responsive.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleResponsiveProps = Omit<TabsProps, 'TabList' | 'scrollable' | 'view'>;
-declare const TabsCollapsibleResponsive: ({ ...restProps }: TabsCollapsibleResponsiveProps) => React.JSX.Element;
-export { TabsCollapsibleResponsiveProps, TabsCollapsibleResponsive };

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import { CollapsiblePrimaryTabListResponsive } from '../primary-tablist/Component.collapsible.responsive.js';
-import { Tabs } from './Component.js';
-import '@alfalab/core-components-mq/modern';
-import '../primary-tablist/Component.collapsible.desktop.js';
-import '../primary-tablist/Component.collapsible.js';
-import 'classnames';
-import '@alfalab/core-components-badge/modern';
-import '@alfalab/core-components-keyboard-focusable/modern';
-import '@alfalab/core-components-picker-button/modern/desktop';
-import '../../hooks/use-tablist-titles.js';
-import '../../hooks/use-collapsible-elements.js';
-import '@juggle/resize-observer';
-import '@alfalab/hooks';
-import '../../hooks/use-tabs.js';
-import '@alfalab/core-components-shared/modern';
-import '../../synthetic-events.js';
-import '../title/Component.js';
-import '../../index.module-6f255828.js';
-import '../primary-tablist/Component.collapsible.mobile.js';
-import '../../mobile.module-02182f0f.js';
-
-const TabsCollapsibleResponsive = ({ ...restProps }) => (React.createElement(Tabs, { TabList: CollapsiblePrimaryTabListResponsive, ...restProps }));
-
-export { TabsCollapsibleResponsive };

package/modern/index.module-4f82d773.js

@@ -1,4 +0,0 @@
-const commonStyles = {"component":"tabs__component_10b3j","fullWidthScroll":"tabs__fullWidthScroll_10b3j","container":"tabs__container_10b3j","title":"tabs__title_10b3j","xxs":"tabs__xxs_10b3j","xs":"tabs__xs_10b3j","s":"tabs__s_10b3j","m":"tabs__m_10b3j","l":"tabs__l_10b3j","xl":"tabs__xl_10b3j"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

package/modern/index.module-6f255828.js

@@ -1,4 +0,0 @@
-const commonStyles = {"component":"tabs__component_9vun8","fullWidthScroll":"tabs__fullWidthScroll_9vun8","container":"tabs__container_9vun8","title":"tabs__title_9vun8","disabled":"tabs__disabled_9vun8","focused":"tabs__focused_9vun8","collapsed":"tabs__collapsed_9vun8","selected":"tabs__selected_9vun8","line":"tabs__line_9vun8","s":"tabs__s_9vun8","xs":"tabs__xs_9vun8","xxs":"tabs__xxs_9vun8","pickerWrapper":"tabs__pickerWrapper_9vun8","option":"tabs__option_9vun8","m":"tabs__m_9vun8","l":"tabs__l_9vun8","xl":"tabs__xl_9vun8","rightAddons":"tabs__rightAddons_9vun8"};
-require('./components/primary-tablist/index.css')
-
-export { commonStyles as c };

package/modern/mobile.module-02182f0f.js

@@ -1,4 +0,0 @@
-const mobileStyles = {"title":"tabs__title_1pdf1 tabs__title_9vun8","mobile":"tabs__mobile_1pdf1"};
-require('./components/primary-tablist/mobile.css')
-
-export { mobileStyles as m };

package/src/components/primary-tablist/Component.collapsible.desktop.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-
-import { TabListProps } from '../../typings';
-
-import { CollapsiblePrimaryTabList } from './Component.collapsible';
-
-import styles from './index.module.css';
-
-export const CollapsiblePrimaryTabListDesktop = ({ size = 'm', ...restProps }: TabListProps) => (
-    <CollapsiblePrimaryTabList {...restProps} size={size} styles={styles} />
-);

package/src/components/primary-tablist/Component.collapsible.mobile.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-
-import { TabListProps } from '../../typings';
-
-import { CollapsiblePrimaryTabList } from './Component.collapsible';
-
-import commonStyles from './index.module.css';
-import mobileStyles from './mobile.module.css';
-
-const styles = {
-    ...commonStyles,
-    ...mobileStyles,
-};
-
-export type CollapsiblePrimaryTabListMobileProps = Omit<TabListProps, 'size'>;
-
-export const CollapsiblePrimaryTabListMobile = ({
-    className,
-    ...restProps
-}: CollapsiblePrimaryTabListMobileProps) => (
-    <CollapsiblePrimaryTabList
-        {...restProps}
-        styles={styles}
-        className={cn(className, styles.mobile)}
-    />
-);

package/src/components/primary-tablist/Component.collapsible.responsive.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-
-import { useMatchMedia } from '@alfalab/core-components-mq';
-
-import { TabListProps } from '../../typings';
-
-import { CollapsiblePrimaryTabListDesktop } from './Component.collapsible.desktop';
-import { CollapsiblePrimaryTabListMobile } from './Component.collapsible.mobile';
-
-export const CollapsiblePrimaryTabListResponsive = ({
-    size,
-    fullWidthScroll,
-    breakpoint = 1024,
-    defaultMatchMediaValue,
-    ...restProps
-}: TabListProps) => {
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
-
-    return isDesktop ? (
-        <CollapsiblePrimaryTabListDesktop
-            size={size}
-            defaultMatchMediaValue={defaultMatchMediaValue}
-            breakpoint={breakpoint}
-            {...restProps}
-        />
-    ) : (
-        <CollapsiblePrimaryTabListMobile
-            fullWidthScroll={fullWidthScroll}
-            defaultMatchMediaValue={defaultMatchMediaValue}
-            breakpoint={breakpoint}
-            {...restProps}
-        />
-    );
-};

package/src/components/tabs/Component.collabsible.desktop.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-
-import { TabsProps } from '../../typings';
-import { CollapsiblePrimaryTabListDesktop } from '../primary-tablist/Component.collapsible.desktop';
-
-import { Tabs } from './Component';
-
-export type TabsCollapsibleDesktopProps = Omit<
-    TabsProps,
-    'TabList' | 'fullWidthScroll' | 'scrollable' | 'view'
->;
-
-export const TabsCollapsibleDesktop = ({ ...restProps }: TabsCollapsibleDesktopProps) => (
-    <Tabs TabList={CollapsiblePrimaryTabListDesktop} {...restProps} />
-);

package/src/components/tabs/Component.collapsible.mobile.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-
-import { TabsProps } from '../../typings';
-import { CollapsiblePrimaryTabListMobile } from '../primary-tablist/Component.collapsible.mobile';
-
-import { Tabs } from './Component';
-
-export type TabsCollapsibleMobileProps = Omit<
-    TabsProps,
-    'TabList' | 'scrollable' | 'view' | 'size'
->;
-
-export const TabsCollapsibleMobile = ({ ...restProps }: TabsCollapsibleMobileProps) => (
-    <Tabs TabList={CollapsiblePrimaryTabListMobile} {...restProps} />
-);

package/src/components/tabs/Component.collapsible.responsive.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { TabsProps } from '../../typings';
-import { CollapsiblePrimaryTabListResponsive } from '../primary-tablist/Component.collapsible.responsive';
-
-import { Tabs } from './Component';
-
-export type TabsCollapsibleResponsiveProps = Omit<TabsProps, 'TabList' | 'scrollable' | 'view'>;
-
-export const TabsCollapsibleResponsive = ({ ...restProps }: TabsCollapsibleResponsiveProps) => (
-    <Tabs TabList={CollapsiblePrimaryTabListResponsive} {...restProps} />
-);