@alfalab/core-components-tabs 8.1.3 → 8.1.5

package/components/secondary-tablist/mobile.css

@@ -1,4 +1,4 @@
-/* hash: rg0gn */
+/* hash: 1v9sg */
 :root {
 }/* deprecated */:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 }:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -51,30 +51,30 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-}.tabs__component_1kvbz {
+}.tabs__component_o2nwu {
     position: relative;
     display: inline-flex;
-}.tabs__fullWidthScroll_1kvbz {
+}.tabs__fullWidthScroll_o2nwu {
     margin: 0 var(--gap-m);
-}.tabs__container_1kvbz {
+}.tabs__container_o2nwu {
     overflow: hidden;
 
     /* focus-outline fix */
     margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
     padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
-}.tabs__title_1kvbz {
+}.tabs__title_o2nwu {
     white-space: nowrap;
-}/* sizes */.tabs__xxs_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
+}/* sizes */.tabs__xxs_o2nwu .tabs__title_o2nwu + .tabs__title_o2nwu {
     margin-left: var(--secondary-tablist-xxs-gaps);
-}.tabs__xs_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
+}.tabs__xs_o2nwu .tabs__title_o2nwu + .tabs__title_o2nwu {
     margin-left: var(--secondary-tablist-xs-gaps);
-}.tabs__s_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
+}.tabs__s_o2nwu .tabs__title_o2nwu + .tabs__title_o2nwu {
     margin-left: var(--secondary-tablist-s-gaps);
-}.tabs__m_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
+}.tabs__m_o2nwu .tabs__title_o2nwu + .tabs__title_o2nwu {
     margin-left: var(--secondary-tablist-m-gaps);
-}.tabs__l_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
+}.tabs__l_o2nwu .tabs__title_o2nwu + .tabs__title_o2nwu {
     margin-left: var(--secondary-tablist-l-gaps);
-}.tabs__xl_1kvbz .tabs__title_1kvbz + .tabs__title_1kvbz {
+}.tabs__xl_o2nwu .tabs__title_o2nwu + .tabs__title_o2nwu {
     margin-left: var(--secondary-tablist-xl-gaps);
 } :root {
     --color-dark-indigo: #0b1f35;
@@ -979,7 +979,7 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-} .tabs__title_106yx {
-} .tabs__mobile_106yx .tabs__title_106yx + .tabs__title_106yx {
+} .tabs__title_yk169 {
+} .tabs__mobile_yk169 .tabs__title_yk169 + .tabs__title_yk169 {
         margin-left: var(--secondary-tablist-mobile-gaps);
     }

package/components/tab/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"tabs__component_gayns","hidden":"tabs__hidden_gayns"};
+var styles = {"component":"tabs__component_hxwfi","hidden":"tabs__hidden_hxwfi"};
 require('./index.css')
 
 var Tab = function (_a) {

package/components/tab/index.css

@@ -1,8 +1,8 @@
-/* hash: 1m7bd */
-.tabs__component_gayns {
+/* hash: 1z2f8 */
+.tabs__component_hxwfi {
     outline: none;
 }
 
-.tabs__hidden_gayns {
+.tabs__hidden_hxwfi {
     display: none;
 }

package/components/tabs/Component.collapsible.js

@@ -19,7 +19,7 @@ require('../../hooks/use-tabs.js');
 require('@alfalab/core-components-shared');
 require('../../synthetic-events.js');
 require('../title/Component.js');
-require('../../index.module-43b6c98c.js');
+require('../../index.module-869888c7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/components/tabs/Component.desktop.js

@@ -21,10 +21,10 @@ require('@alfalab/icons-glyph/ChevronLeftMIcon');
 require('@alfalab/icons-glyph/ChevronRightMIcon');
 require('../scroll-controls/utils.js');
 require('../title/Component.js');
-require('../../index.module-43b6c98c.js');
+require('../../index.module-869888c7.js');
 require('@alfalab/core-components-tag/desktop');
 require('../secondary-tablist/Component.js');
-require('../../index.module-7b796643.js');
+require('../../index.module-d1432e9e.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/components/tabs/Component.mobile.js

@@ -21,10 +21,10 @@ require('@alfalab/icons-glyph/ChevronLeftMIcon');
 require('@alfalab/icons-glyph/ChevronRightMIcon');
 require('../scroll-controls/utils.js');
 require('../title/Component.js');
-require('../../index.module-43b6c98c.js');
+require('../../index.module-869888c7.js');
 require('@alfalab/core-components-tag/mobile');
 require('../secondary-tablist/Component.js');
-require('../../index.module-7b796643.js');
+require('../../index.module-d1432e9e.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/components/tabs/Component.responsive.js

@@ -23,12 +23,12 @@ require('@alfalab/icons-glyph/ChevronLeftMIcon');
 require('@alfalab/icons-glyph/ChevronRightMIcon');
 require('../scroll-controls/utils.js');
 require('../title/Component.js');
-require('../../index.module-43b6c98c.js');
+require('../../index.module-869888c7.js');
 require('../primary-tablist/Component.mobile.js');
 require('../secondary-tablist/Component.desktop.js');
 require('@alfalab/core-components-tag/desktop');
 require('../secondary-tablist/Component.js');
-require('../../index.module-7b796643.js');
+require('../../index.module-d1432e9e.js');
 require('../secondary-tablist/Component.mobile.js');
 require('@alfalab/core-components-tag/mobile');
 

package/{esm/Component-dd8ca091.d.ts → cssm/Component-0f4b9bed.d.ts}

@@ -3,7 +3,7 @@ import React from "react";
 import { FC, ReactNode } from "react";
 import { ModalMobileProps, ContentProps } from "./typings-bdb4c6b9";
 import { BottomSheetProps } from "./index-f12ee135";
-import { BaseSelectProps } from "./typings-dd8ca091";
+import { BaseSelectProps } from "./typings-0f4b9bed";
 type FooterProps = {
     /**
      * Контент футера

package/{Component-9211a437.d.ts → cssm/Component-89f0cb07.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { BaseButtonProps } from "./typings-9211a437";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента
@@ -34,5 +34,5 @@ declare const Spinner: FC<SpinnerProps>;
  * чтобы при быстрых ответах от сервера кнопка не «моргала».
  */
 declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
-declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/cssm/Component-8b2c2707.d.ts

@@ -3,7 +3,7 @@ import React from "react";
 import { FC, SVGProps } from "react";
 import { PickerButtonSize, PickerButtonVariant } from "./types-4480ac4f";
 import { ButtonProps } from "./index-8b2c2707";
-import { FieldProps as BaseFieldProps } from "./typings-dd8ca091";
+import { FieldProps as BaseFieldProps } from "./typings-0f4b9bed";
 declare const getIcon: (variant: PickerButtonVariant, size: PickerButtonSize) => FC<SVGProps<SVGSVGElement>>;
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/cssm/Component.desktop-0aa4e915.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktop };

package/cssm/Component.mobile-16b1285a.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobile };

package/cssm/components/primary-tablist/index.module.css

@@ -119,7 +119,6 @@
     box-shadow: none;
     -webkit-user-select: none;
             user-select: none;
-    cursor: pointer;
     outline: none
 } .title:not(.disabled):hover {
         color: var(--primary-tablist-hover-color);

package/cssm/desktop-89f0cb07.d.ts

@@ -0,0 +1,2 @@
+export { ButtonDesktop } from "./Component.desktop-0aa4e915";
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/cssm/hook-8abfea97.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseSelectProps, OptionShape } from "./typings-dd8ca091";
+import { BaseSelectProps, OptionShape } from "./typings-0f4b9bed";
 type UseSelectWithApplyProps = {
     /**
      * Список выбранных пунктов
@@ -44,20 +44,20 @@ type UseSelectWithApplyProps = {
 };
 declare const SELECT_ALL_KEY = "select_all";
 declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
-    OptionsList: import("react").ForwardRefExoticComponent<import("./typings-dd8ca091").OptionsListProps & {
+    OptionsList: import("react").ForwardRefExoticComponent<import("./typings-0f4b9bed").OptionsListProps & {
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined; /**
          * Компонент выпадающего меню
          */
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./Component-dd8ca091").FooterProps> | undefined;
+        OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-0f4b9bed").FooterProps> | undefined;
         Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
         headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
         showHeaderWithSelectAll?: boolean | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
-        OptionsList: import("react").FC<import("./typings-dd8ca091").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        OptionsList: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
         showClear: boolean;
         onClear: () => void;
         onApply: () => void;
@@ -72,11 +72,11 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
     };
     allowUnselect: boolean;
     multiple: boolean;
-    options: (OptionShape | import("./typings-dd8ca091").GroupShape | {
+    options: (OptionShape | import("./typings-0f4b9bed").GroupShape | {
         key: string;
         content: string;
     })[];
-    onChange: (payload: import("./typings-dd8ca091").BaseSelectChangePayload) => void;
+    onChange: (payload: import("./typings-0f4b9bed").BaseSelectChangePayload) => void;
     selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
     showSearch: boolean | undefined;
     searchProps: {
@@ -86,5 +86,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         accessor?: ((option: OptionShape) => string) | undefined;
     } | undefined;
 };
-export * from "./Component-dd8ca091";
+export * from "./Component-0f4b9bed";
 export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

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

@@ -40,9 +40,8 @@ var useCollapsibleElements = function (selectors, deps) {
                 collapseElements(inlineSize);
             }
             else {
-                // firefox v69-91 compatibility. See https://caniuse.com/mdn-api_resizeobserverentry_contentboxsize
-                var inlineSize = entries[0].contentBoxSize.inlineSize;
-                collapseElements(inlineSize);
+                // old browser compatibility. See https://caniuse.com/mdn-api_resizeobserverentry_contentboxsize
+                collapseElements(entries[0].contentRect.width);
             }
         };
         var ResizeObserver = window.ResizeObserver || resizeObserver.ResizeObserver;

package/cssm/index-8b2c2707.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
-import { ButtonProps } from "./typings-9211a437";
+import { ButtonProps } from "./typings-89f0cb07";
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { Button };
-export type { ButtonProps } from "./typings-9211a437";
+export type { ButtonProps } from "./typings-89f0cb07";

package/cssm/index-c76d6398.d.ts

@@ -136,5 +136,5 @@ type NavigationBarProps = {
 };
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export { NavigationBar };
-export * from "./Component-63dec22f";
+export * from "./Component-69921c40";
 export type { NavigationBarProps };

package/cssm/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/cssm/mobile-89f0cb07.d.ts

@@ -0,0 +1,2 @@
+export { ButtonMobile } from "./Component.mobile-16b1285a";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";

package/cssm/shared-4cd3936b.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { ReactNode } from "react";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-dd8ca091";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
 import { BottomSheetProps } from "./index-f12ee135";
 import { UseSelectWithApplyProps } from "./hook-8abfea97";
 // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -100,8 +100,8 @@ type FooterProps = {
 };
 declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
 export * from "./index-ebda875c";
-export * from "./Component-dd8ca091";
+export * from "./Component-0f4b9bed";
 export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, FooterProps, Footer };
 export * from "./hook-8abfea97";
-export * from "./typings-dd8ca091";
-export * from "./utils-dd8ca091";
+export * from "./typings-0f4b9bed";
+export * from "./utils-0f4b9bed";

package/cssm/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts}

@@ -459,6 +459,10 @@ type OptionsListProps = {
      * Обработчик отмены изменений
      */
     onClear?: () => void;
+    /**
+     * Указать индекс пункта для hover состояния
+     */
+    setHighlightedIndex?: (index: number) => void;
 };
 type OptgroupProps = {
     /**

package/{esm/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts}

@@ -69,6 +69,8 @@ type ComponentProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+};
+type PrivateButtonProps = {
     /**
      * Основные стили компонента.
      */
@@ -80,16 +82,12 @@ type ComponentProps = {
      */
     colorStylesMap: StyleColors;
 };
-type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
-type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/{esm/utils-dd8ca091.d.ts → cssm/utils-0f4b9bed.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-dd8ca091";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0f4b9bed";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/desktop-89f0cb07.d.ts

@@ -0,0 +1,2 @@
+export { ButtonDesktop } from "./Component.desktop-0aa4e915";
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/desktop.js

@@ -22,10 +22,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-43b6c98c.js');
+require('./index.module-869888c7.js');
 require('@alfalab/core-components-tag/desktop');
 require('./components/secondary-tablist/Component.js');
-require('./index.module-7b796643.js');
+require('./index.module-d1432e9e.js');
 require('./components/tabs/Component.js');
 
 

package/{Component-dd8ca091.d.ts → esm/Component-0f4b9bed.d.ts}

@@ -3,7 +3,7 @@ import React from "react";
 import { FC, ReactNode } from "react";
 import { ModalMobileProps, ContentProps } from "./typings-bdb4c6b9";
 import { BottomSheetProps } from "./index-f12ee135";
-import { BaseSelectProps } from "./typings-dd8ca091";
+import { BaseSelectProps } from "./typings-0f4b9bed";
 type FooterProps = {
     /**
      * Контент футера

package/{modern/Component-9211a437.d.ts → esm/Component-89f0cb07.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { BaseButtonProps } from "./typings-9211a437";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента
@@ -34,5 +34,5 @@ declare const Spinner: FC<SpinnerProps>;
  * чтобы при быстрых ответах от сервера кнопка не «моргала».
  */
 declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
-declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/esm/Component-8b2c2707.d.ts

@@ -3,7 +3,7 @@ import React from "react";
 import { FC, SVGProps } from "react";
 import { PickerButtonSize, PickerButtonVariant } from "./types-4480ac4f";
 import { ButtonProps } from "./index-8b2c2707";
-import { FieldProps as BaseFieldProps } from "./typings-dd8ca091";
+import { FieldProps as BaseFieldProps } from "./typings-0f4b9bed";
 declare const getIcon: (variant: PickerButtonVariant, size: PickerButtonSize) => FC<SVGProps<SVGSVGElement>>;
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/esm/Component.desktop-0aa4e915.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktop };

package/esm/Component.mobile-16b1285a.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobile };

package/esm/Component.mobile-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseTagProps } from "./index-ebda875c";
+type TagMobileProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'>;
+declare const TagMobile: React.ForwardRefExoticComponent<TagMobileProps & React.RefAttributes<HTMLButtonElement>>;
+export { TagMobileProps, TagMobile };

package/esm/collapsible.js

@@ -16,5 +16,5 @@ import './hooks/use-tabs.js';
 import '@alfalab/core-components-shared/esm';
 import './synthetic-events.js';
 import './components/title/Component.js';
-import './index.module-2f7a3bd7.js';
+import './index.module-55063a9a.js';
 import './components/tabs/Component.js';

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

@@ -7,7 +7,7 @@ import { PickerButtonDesktop } from '@alfalab/core-components-picker-button/esm/
 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-2f7a3bd7.js';
+import { c as commonStyles } from '../../index.module-55063a9a.js';
 import '@alfalab/core-components-mq/esm';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

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

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-2f7a3bd7.js';
+import { c as commonStyles } from '../../index.module-55063a9a.js';
 import 'classnames';
 import '@alfalab/core-components-keyboard-focusable/esm';
 import '../../hooks/use-tabs.js';

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

@@ -2,7 +2,7 @@ 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-2f7a3bd7.js';
+import { c as commonStyles } from '../../index.module-55063a9a.js';
 import '@alfalab/core-components-keyboard-focusable/esm';
 import '../../hooks/use-tabs.js';
 import '@alfalab/core-components-shared/esm';
@@ -16,7 +16,7 @@ import '@alfalab/icons-glyph/ChevronRightMIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 
-var mobileStyles = {"title":"tabs__title_1mlff tabs__title_9r6x8","mobile":"tabs__mobile_1mlff"};
+var mobileStyles = {"title":"tabs__title_psrdh tabs__title_1sfro","mobile":"tabs__mobile_psrdh"};
 require('./mobile.css')
 
 var styles = __assign(__assign({}, commonStyles), mobileStyles);

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

@@ -17,7 +17,7 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-2f7a3bd7.js';
+import '../../index.module-55063a9a.js';
 
 var PrimaryTabListResponsive = function (_a) {
     var size = _a.size, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, fullWidthScroll = _a.fullWidthScroll, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["size", "breakpoint", "fullWidthScroll", "defaultMatchMediaValue"]);