@alfalab/core-components-tabs 7.2.6 → 7.2.7

package/esm/components/scrollable-container/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wlue */
+/* hash: ejpz7 */
 :root {
 
     /* Hard */
@@ -36,19 +36,19 @@
 
     /* size xl */
 }
-.tabs__container_2n0dr {
+.tabs__container_1enjq {
     position: relative;
     overflow-x: auto;
     overflow-y: hidden;
     scroll-behavior: smooth;
     scrollbar-width: none
 }
-.tabs__container_2n0dr::-webkit-scrollbar {
+.tabs__container_1enjq::-webkit-scrollbar {
         display: none;
     }
-.tabs__container_2n0dr > * {
+.tabs__container_1enjq > * {
         flex-shrink: 0;
     }
-.tabs__fullWidthScroll_2n0dr {
+.tabs__fullWidthScroll_1enjq {
     margin: 0 var(--gap-m-neg);
 }

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

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fd2adbbc.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-6282fefa.js';
 import React from 'react';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-2661cbbc.js';
+import { c as commonStyles } from '../../index.module-d597f34c.js';
 import 'classnames';
 import '@alfalab/core-components-tag/esm';
 import '../../hooks/use-tabs.js';

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

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-fd2adbbc.js';
+import { a as __assign } from '../../tslib.es6-6282fefa.js';
 import React from 'react';
 import cn from 'classnames';
 import { Tag } from '@alfalab/core-components-tag/esm';

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

@@ -1,14 +1,14 @@
-import { a as __assign, _ as __rest } from '../../tslib.es6-fd2adbbc.js';
+import { a as __assign, _ as __rest } from '../../tslib.es6-6282fefa.js';
 import React from 'react';
 import cn from 'classnames';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-2661cbbc.js';
+import { c as commonStyles } from '../../index.module-d597f34c.js';
 import '@alfalab/core-components-tag/esm';
 import '../../hooks/use-tabs.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 
-var mobileStyles = {"title":"tabs__title_1jie6 tabs__title_9ds1d","mobile":"tabs__mobile_1jie6"};
+var mobileStyles = {"title":"tabs__title_180nt tabs__title_1hare","mobile":"tabs__mobile_180nt"};
 require('./mobile.css')
 
 var styles = __assign(__assign({}, commonStyles), mobileStyles);

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fd2adbbc.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-6282fefa.js';
 import React from 'react';
 import { useMedia } from '@alfalab/hooks';
 import { SecondaryTabListDesktop } from './Component.desktop.js';
@@ -9,7 +9,7 @@ import '@alfalab/core-components-tag/esm';
 import '../../hooks/use-tabs.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-2661cbbc.js';
+import '../../index.module-d597f34c.js';
 
 var SecondaryTabListResponsive = function (_a) {
     var size = _a.size, _b = _a.defaultMatch, defaultMatch = _b === void 0 ? 'desktop' : _b, fullWidthScroll = _a.fullWidthScroll, restProps = __rest(_a, ["size", "defaultMatch", "fullWidthScroll"]);

package/esm/components/secondary-tablist/index.css

@@ -1,4 +1,4 @@
-/* hash: 1b98h */
+/* hash: 1oe7a */
 :root {
 
     /* Hard */
@@ -44,35 +44,35 @@
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
 }
-.tabs__component_9ds1d {
+.tabs__component_1hare {
     position: relative;
     display: inline-flex;
 }
-.tabs__fullWidthScroll_9ds1d {
+.tabs__fullWidthScroll_1hare {
     margin: 0 var(--gap-m);
 }
-.tabs__container_9ds1d {
+.tabs__container_1hare {
     overflow: hidden;
 }
-.tabs__title_9ds1d {
+.tabs__title_1hare {
     white-space: nowrap;
 }
 /* sizes */
-.tabs__xxs_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+.tabs__xxs_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-xxs-gaps);
 }
-.tabs__xs_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+.tabs__xs_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-xs-gaps);
 }
-.tabs__s_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+.tabs__s_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-s-gaps);
 }
-.tabs__m_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+.tabs__m_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-m-gaps);
 }
-.tabs__l_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+.tabs__l_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-l-gaps);
 }
-.tabs__xl_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+.tabs__xl_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-xl-gaps);
 }

package/esm/components/secondary-tablist/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1ln9l */
+/* hash: 1o6ti */
 :root {
 }:root {
 }:root {
@@ -49,26 +49,26 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-}.tabs__component_9ds1d {
+}.tabs__component_1hare {
     position: relative;
     display: inline-flex;
-}.tabs__fullWidthScroll_9ds1d {
+}.tabs__fullWidthScroll_1hare {
     margin: 0 var(--gap-m);
-}.tabs__container_9ds1d {
+}.tabs__container_1hare {
     overflow: hidden;
-}.tabs__title_9ds1d {
+}.tabs__title_1hare {
     white-space: nowrap;
-}/* sizes */.tabs__xxs_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+}/* sizes */.tabs__xxs_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-xxs-gaps);
-}.tabs__xs_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+}.tabs__xs_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-xs-gaps);
-}.tabs__s_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+}.tabs__s_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-s-gaps);
-}.tabs__m_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+}.tabs__m_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-m-gaps);
-}.tabs__l_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+}.tabs__l_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-l-gaps);
-}.tabs__xl_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
+}.tabs__xl_1hare .tabs__title_1hare + .tabs__title_1hare {
     margin-left: var(--secondary-tablist-xl-gaps);
 }
 :root {
@@ -885,8 +885,8 @@
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
 }
-.tabs__title_1jie6 {
+.tabs__title_180nt {
 }
-.tabs__mobile_1jie6 .tabs__title_1jie6 + .tabs__title_1jie6 {
+.tabs__mobile_180nt .tabs__title_180nt + .tabs__title_180nt {
         margin-left: var(--secondary-tablist-mobile-gaps);
     }

package/esm/components/tab/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"tabs__component_102bs","hidden":"tabs__hidden_102bs"};
+var styles = {"component":"tabs__component_16cu8","hidden":"tabs__hidden_16cu8"};
 require('./index.css')
 
 var Tab = function (_a) {

package/esm/components/tab/index.css

@@ -1,8 +1,8 @@
-/* hash: 180xi */
-.tabs__component_102bs {
+/* hash: 1y9di */
+.tabs__component_16cu8 {
     outline: none;
 }
 
-.tabs__hidden_102bs {
+.tabs__hidden_16cu8 {
     display: none;
 }

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fd2adbbc.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-6282fefa.js';
 import React from 'react';
 import { PrimaryTabListDesktop } from '../primary-tablist/Component.desktop.js';
 import { SecondaryTabListDesktop } from '../secondary-tablist/Component.desktop.js';
@@ -17,10 +17,10 @@ import '../../synthetic-events.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../../index.module-8fe5adc6.js';
+import '../../index.module-87e28b8e.js';
 import '../secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import '../../index.module-2661cbbc.js';
+import '../../index.module-d597f34c.js';
 
 var views = {
     primary: PrimaryTabListDesktop,

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fd2adbbc.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-6282fefa.js';
 import React from 'react';
 import { PrimaryTabListMobile } from '../primary-tablist/Component.mobile.js';
 import { SecondaryTabListMobile } from '../secondary-tablist/Component.mobile.js';
@@ -17,10 +17,10 @@ import '../../synthetic-events.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../../index.module-8fe5adc6.js';
+import '../../index.module-87e28b8e.js';
 import '../secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import '../../index.module-2661cbbc.js';
+import '../../index.module-d597f34c.js';
 
 var views = {
     primary: PrimaryTabListMobile,

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fd2adbbc.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-6282fefa.js';
 import React from 'react';
 import { PrimaryTabListResponsive } from '../primary-tablist/Component.responsive.js';
 import { SecondaryTabListResponsive } from '../secondary-tablist/Component.responsive.js';
@@ -18,12 +18,12 @@ import '../../synthetic-events.js';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../../index.module-8fe5adc6.js';
+import '../../index.module-87e28b8e.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import '../../index.module-2661cbbc.js';
+import '../../index.module-d597f34c.js';
 import '../secondary-tablist/Component.mobile.js';
 
 var views = {

package/esm/components/title/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fd2adbbc.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-6282fefa.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 

package/esm/components/title/index.js

@@ -1,4 +1,4 @@
 export { Title } from './Component.js';
-import '../../tslib.es6-fd2adbbc.js';
+import '../../tslib.es6-6282fefa.js';
 import 'react';
 import 'classnames';

package/esm/desktop.js

@@ -5,7 +5,7 @@ export { Tab } from './components/tab/Component.js';
 export { TabsDesktop } from './components/tabs/Component.desktop.js';
 export { useTabs } from './hooks/use-tabs.js';
 export { useCollapsibleElements } from './hooks/use-collapsible-elements.js';
-import './tslib.es6-fd2adbbc.js';
+import './tslib.es6-6282fefa.js';
 import 'react';
 import './components/primary-tablist/Component.js';
 import 'classnames';
@@ -16,10 +16,10 @@ import './hooks/use-tablist-titles.js';
 import '@alfalab/hooks';
 import './synthetic-events.js';
 import './components/title/Component.js';
-import './index.module-8fe5adc6.js';
+import './index.module-87e28b8e.js';
 import 'compute-scroll-into-view';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-2661cbbc.js';
+import './index.module-d597f34c.js';
 import './components/tabs/Component.js';
 import '@juggle/resize-observer';

package/esm/hooks/use-collapsible-elements.js

@@ -1,4 +1,4 @@
-import { b as __spreadArray } from '../tslib.es6-fd2adbbc.js';
+import { b as __spreadArray } from '../tslib.es6-6282fefa.js';
 import { useState, useRef } from 'react';
 import { ResizeObserver } from '@juggle/resize-observer';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';

package/esm/hooks/use-tablist-titles.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../tslib.es6-fd2adbbc.js';
+import { a as __assign } from '../tslib.es6-6282fefa.js';
 import { useMemo } from 'react';
 import { useMedia } from '@alfalab/hooks';
 import { useCollapsibleElements } from './use-collapsible-elements.js';

package/esm/index-0d7ca9a7.d.ts

@@ -1,27 +1,3 @@
-/// <reference types="react" />
-import React from "react";
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { ButtonProps } from "./index-ebda875c";
-import { AdditionalMobileProps } from "./index-3e68f8db";
-import { PickerButtonDesktopProps } from "./Component-0d7ca9a7";
-type PickerButtonMatchMedia = "desktop" | "mobile";
-type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-declare const PickerButton: React.ForwardRefExoticComponent<Omit<import("./index-3e68f8db").BaseSelectProps, "placeholder" | "onFocus" | "size" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "rightAddons" | "leftAddons" | "view" | "loading"> & {
-    options: ((import("./index-3e68f8db").OptionShape | import("./index-3e68f8db").GroupShape) & {
-        icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
-    })[];
-    size?: import("./Component-0d7ca9a7").PickerButtonSize | undefined;
-    variant?: import("./Component-0d7ca9a7").PickerButtonVariant | undefined;
-} & AdditionalMobileProps & {
-    breakpoint?: number | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
-declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
-export { PickerButtonMatchMedia, PickerButtonProps, PickerButton, PickerButtonMobileProps, PickerButtonMobile };
-export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-0d7ca9a7";
+export * from "./Component.responsive-0d7ca9a7";
+export { PickerButtonResponsive as PickerButton, PickerButtonResponsiveProps as PickerButtonProps };
+export { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-0d7ca9a7";

package/esm/index.js

@@ -4,7 +4,7 @@ export { SecondaryTabListResponsive } from './components/secondary-tablist/Compo
 export { Tab } from './components/tab/Component.js';
 export { TabsResponsive } from './components/tabs/Component.responsive.js';
 export { useTabs } from './hooks/use-tabs.js';
-import './tslib.es6-fd2adbbc.js';
+import './tslib.es6-6282fefa.js';
 import 'react';
 import '@alfalab/hooks';
 import './components/primary-tablist/Component.desktop.js';
@@ -19,11 +19,11 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-8fe5adc6.js';
+import './index.module-87e28b8e.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-2661cbbc.js';
+import './index.module-d597f34c.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';

package/esm/index.module-87e28b8e.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"tabs__component_8ensr","fullWidthScroll":"tabs__fullWidthScroll_8ensr","container":"tabs__container_8ensr","title":"tabs__title_8ensr","disabled":"tabs__disabled_8ensr","focused":"tabs__focused_8ensr","collapsed":"tabs__collapsed_8ensr","selected":"tabs__selected_8ensr","line":"tabs__line_8ensr","s":"tabs__s_8ensr","xs":"tabs__xs_8ensr","xxs":"tabs__xxs_8ensr","pickerWrapper":"tabs__pickerWrapper_8ensr","option":"tabs__option_8ensr","m":"tabs__m_8ensr","l":"tabs__l_8ensr","xl":"tabs__xl_8ensr","rightAddons":"tabs__rightAddons_8ensr"};
+require('./components/primary-tablist/index.css')
+
+export { commonStyles as c };

package/esm/index.module-d597f34c.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"tabs__component_1hare","fullWidthScroll":"tabs__fullWidthScroll_1hare","container":"tabs__container_1hare","title":"tabs__title_1hare","xxs":"tabs__xxs_1hare","xs":"tabs__xs_1hare","s":"tabs__s_1hare","m":"tabs__m_1hare","l":"tabs__l_1hare","xl":"tabs__xl_1hare"};
+require('./components/secondary-tablist/index.css')
+
+export { commonStyles as c };

package/esm/mobile.js

@@ -4,7 +4,7 @@ export { SecondaryTabListMobile } from './components/secondary-tablist/Component
 export { Tab } from './components/tab/Component.js';
 export { TabsMobile } from './components/tabs/Component.mobile.js';
 export { useTabs } from './hooks/use-tabs.js';
-import './tslib.es6-fd2adbbc.js';
+import './tslib.es6-6282fefa.js';
 import 'react';
 import 'classnames';
 import './components/primary-tablist/Component.js';
@@ -18,8 +18,8 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-8fe5adc6.js';
+import './index.module-87e28b8e.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-2661cbbc.js';
+import './index.module-d597f34c.js';
 import './components/tabs/Component.js';

package/esm/responsive.js

@@ -5,7 +5,7 @@ export { Tab } from './components/tab/Component.js';
 export { TabsResponsive } from './components/tabs/Component.responsive.js';
 export { useTabs } from './hooks/use-tabs.js';
 export { useCollapsibleElements } from './hooks/use-collapsible-elements.js';
-import './tslib.es6-fd2adbbc.js';
+import './tslib.es6-6282fefa.js';
 import 'react';
 import '@alfalab/hooks';
 import './components/primary-tablist/Component.desktop.js';
@@ -19,11 +19,11 @@ import '@juggle/resize-observer';
 import './synthetic-events.js';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-8fe5adc6.js';
+import './index.module-87e28b8e.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import './components/secondary-tablist/Component.js';
 import '@alfalab/core-components-tag/esm';
-import './index.module-2661cbbc.js';
+import './index.module-d597f34c.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/tabs/Component.js';

package/esm/synthetic-events.js

@@ -1,4 +1,4 @@
-import { a as __assign } from './tslib.es6-fd2adbbc.js';
+import { a as __assign } from './tslib.es6-6282fefa.js';
 
 var createSyntheticEvent = function (event) {
     var isDefaultPrevented = false;

package/hooks/use-collapsible-elements.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-b58bcb17.js');
+var tslib_es6 = require('../tslib.es6-97b09e77.js');
 var React = require('react');
 var resizeObserver = require('@juggle/resize-observer');
 var hooks = require('@alfalab/hooks');

package/hooks/use-tablist-titles.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-b58bcb17.js');
+var tslib_es6 = require('../tslib.es6-97b09e77.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var hooks_useCollapsibleElements = require('./use-collapsible-elements.js');

package/index-0d7ca9a7.d.ts

@@ -1,27 +1,3 @@
-/// <reference types="react" />
-import React from "react";
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { ButtonProps } from "./index-ebda875c";
-import { AdditionalMobileProps } from "./index-3e68f8db";
-import { PickerButtonDesktopProps } from "./Component-0d7ca9a7";
-type PickerButtonMatchMedia = "desktop" | "mobile";
-type PickerButtonProps = PickerButtonDesktopProps & AdditionalMobileProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-declare const PickerButton: React.ForwardRefExoticComponent<Omit<import("./index-3e68f8db").BaseSelectProps, "placeholder" | "onFocus" | "size" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "rightAddons" | "leftAddons" | "view" | "loading"> & {
-    options: ((import("./index-3e68f8db").OptionShape | import("./index-3e68f8db").GroupShape) & {
-        icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
-    })[];
-    size?: import("./Component-0d7ca9a7").PickerButtonSize | undefined;
-    variant?: import("./Component-0d7ca9a7").PickerButtonVariant | undefined;
-} & AdditionalMobileProps & {
-    breakpoint?: number | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
-declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
-export { PickerButtonMatchMedia, PickerButtonProps, PickerButton, PickerButtonMobileProps, PickerButtonMobile };
-export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-0d7ca9a7";
+export * from "./Component.responsive-0d7ca9a7";
+export { PickerButtonResponsive as PickerButton, PickerButtonResponsiveProps as PickerButtonProps };
+export { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-0d7ca9a7";

package/index.js

@@ -6,7 +6,7 @@ var components_secondaryTablist_Component_responsive = require('./components/sec
 var components_tab_Component = require('./components/tab/Component.js');
 var components_tabs_Component_responsive = require('./components/tabs/Component.responsive.js');
 var hooks_useTabs = require('./hooks/use-tabs.js');
-require('./tslib.es6-b58bcb17.js');
+require('./tslib.es6-97b09e77.js');
 require('react');
 require('@alfalab/hooks');
 require('./components/primary-tablist/Component.desktop.js');
@@ -21,12 +21,12 @@ require('@juggle/resize-observer');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
 require('compute-scroll-into-view');
-require('./index.module-401dd07b.js');
+require('./index.module-d82ed5a5.js');
 require('./components/primary-tablist/Component.mobile.js');
 require('./components/secondary-tablist/Component.desktop.js');
 require('./components/secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('./index.module-b800d019.js');
+require('./index.module-383903ec.js');
 require('./components/secondary-tablist/Component.mobile.js');
 require('./components/tabs/Component.js');
 

package/index.module-383903ec.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var commonStyles = {"component":"tabs__component_1hare","fullWidthScroll":"tabs__fullWidthScroll_1hare","container":"tabs__container_1hare","title":"tabs__title_1hare","xxs":"tabs__xxs_1hare","xs":"tabs__xs_1hare","s":"tabs__s_1hare","m":"tabs__m_1hare","l":"tabs__l_1hare","xl":"tabs__xl_1hare"};
+require('./components/secondary-tablist/index.css')
+
+exports.commonStyles = commonStyles;

package/index.module-d82ed5a5.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var commonStyles = {"component":"tabs__component_8ensr","fullWidthScroll":"tabs__fullWidthScroll_8ensr","container":"tabs__container_8ensr","title":"tabs__title_8ensr","disabled":"tabs__disabled_8ensr","focused":"tabs__focused_8ensr","collapsed":"tabs__collapsed_8ensr","selected":"tabs__selected_8ensr","line":"tabs__line_8ensr","s":"tabs__s_8ensr","xs":"tabs__xs_8ensr","xxs":"tabs__xxs_8ensr","pickerWrapper":"tabs__pickerWrapper_8ensr","option":"tabs__option_8ensr","m":"tabs__m_8ensr","l":"tabs__l_8ensr","xl":"tabs__xl_8ensr","rightAddons":"tabs__rightAddons_8ensr"};
+require('./components/primary-tablist/index.css')
+
+exports.commonStyles = commonStyles;

package/mobile.js

@@ -6,7 +6,7 @@ var components_secondaryTablist_Component_mobile = require('./components/seconda
 var components_tab_Component = require('./components/tab/Component.js');
 var components_tabs_Component_mobile = require('./components/tabs/Component.mobile.js');
 var hooks_useTabs = require('./hooks/use-tabs.js');
-require('./tslib.es6-b58bcb17.js');
+require('./tslib.es6-97b09e77.js');
 require('react');
 require('classnames');
 require('./components/primary-tablist/Component.js');
@@ -20,10 +20,10 @@ require('@juggle/resize-observer');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
 require('compute-scroll-into-view');
-require('./index.module-401dd07b.js');
+require('./index.module-d82ed5a5.js');
 require('./components/secondary-tablist/Component.js');
 require('@alfalab/core-components-tag');
-require('./index.module-b800d019.js');
+require('./index.module-383903ec.js');
 require('./components/tabs/Component.js');
 
 

package/modern/Component.responsive-0d7ca9a7.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import React from "react";
+import { AdditionalMobileProps } from "./index-3e68f8db";
+import { PickerButtonDesktopProps } from "./Component-0d7ca9a7";
+import { ButtonProps } from "./index-ebda875c";
+type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
+declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
+type PickerButtonMatchMedia = 'desktop' | 'mobile';
+type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./index-3e68f8db").BaseSelectProps, "placeholder" | "onFocus" | "size" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "rightAddons" | "leftAddons" | "view" | "loading"> & {
+    options: ((import("./index-3e68f8db").OptionShape | import("./index-3e68f8db").GroupShape) & {
+        icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
+    })[];
+    size?: import("./Component-0d7ca9a7").PickerButtonSize | undefined;
+    variant?: import("./Component-0d7ca9a7").PickerButtonVariant | undefined;
+} & AdditionalMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonMobileProps, PickerButtonMobile, PickerButtonMatchMedia, PickerButtonResponsiveProps, PickerButtonResponsive };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-b659d358.js';
+import { c as commonStyles } from '../../index.module-89b0354c.js';
 import 'classnames';
 import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-keyboard-focusable/modern';