@alfalab/core-components-tabs 8.1.2 → 8.1.4

package/modern/index-c44170fe.d.ts

@@ -1,6 +1,119 @@
 /// <reference types="react" />
 import React from "react";
-type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+import { HTMLAttributes, ReactNode } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl";
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer";
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
+};
+type FormControlProps = Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -11,13 +124,8 @@ type InputProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> &
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-type InputDesktopProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles">;
-declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
-type InputMobileProps = Omit<BaseInputProps, "FormControlComponent" | "colorStyles">;
-declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
-export { InputProps, Input, InputDesktopProps, InputDesktop, InputMobileProps, InputMobile };
-export * from "./Component.desktop-785df74d";
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

package/modern/index-c76d6398.d.ts

@@ -44,7 +44,7 @@ type NavigationBarProps = {
     /**
      * Подзаголовок (доступен только в мобильной версии)
      */
-    subtitle?: string;
+    subtitle?: ReactNode;
     /**
      * Размер заголовка (compact доступен только в мобильной версии)
      */
@@ -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/modern/index-f12ee135.d.ts

@@ -263,7 +263,7 @@ type BottomSheetProps = {
     /**
      * Вызывается после окончания анимации притягивания
      */
-    onMagnetizeEnd?: () => void;
+    onMagnetizeEnd?: (index: number) => void;
     /**
      * Вызывается при изменении положения шторки
      */

package/modern/index.js

@@ -19,12 +19,12 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
-import './index.module-ba38ee10.js';
+import './index.module-446f354e.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '@alfalab/core-components-tag/modern/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-9374bba1.js';
+import './index.module-361f7c8f.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '@alfalab/core-components-tag/modern/mobile';
 import './components/tabs/Component.js';

package/modern/index.module-361f7c8f.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_6o1gl","fullWidthScroll":"tabs__fullWidthScroll_6o1gl","container":"tabs__container_6o1gl","title":"tabs__title_6o1gl","xxs":"tabs__xxs_6o1gl","xs":"tabs__xs_6o1gl","s":"tabs__s_6o1gl","m":"tabs__m_6o1gl","l":"tabs__l_6o1gl","xl":"tabs__xl_6o1gl"};
+require('./components/secondary-tablist/index.css')
+
+export { commonStyles as c };

package/modern/index.module-446f354e.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_vtb9t","fullWidthScroll":"tabs__fullWidthScroll_vtb9t","container":"tabs__container_vtb9t","title":"tabs__title_vtb9t","disabled":"tabs__disabled_vtb9t","focused":"tabs__focused_vtb9t","collapsed":"tabs__collapsed_vtb9t","selected":"tabs__selected_vtb9t","line":"tabs__line_vtb9t","option":"tabs__option_vtb9t","s":"tabs__s_vtb9t","xs":"tabs__xs_vtb9t","xxs":"tabs__xxs_vtb9t","pickerWrapper":"tabs__pickerWrapper_vtb9t","m":"tabs__m_vtb9t","l":"tabs__l_vtb9t","xl":"tabs__xl_vtb9t","rightAddons":"tabs__rightAddons_vtb9t"};
+require('./components/primary-tablist/index.css')
+
+export { commonStyles as c };

package/modern/mobile-89f0cb07.d.ts

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

package/modern/mobile.js

@@ -17,8 +17,8 @@ import '@alfalab/icons-glyph/ChevronLeftMIcon';
 import '@alfalab/icons-glyph/ChevronRightMIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
-import './index.module-ba38ee10.js';
+import './index.module-446f354e.js';
 import '@alfalab/core-components-tag/modern/mobile';
 import './components/secondary-tablist/Component.js';
-import './index.module-9374bba1.js';
+import './index.module-361f7c8f.js';
 import './components/tabs/Component.js';

package/modern/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/modern/{typings-dd8ca091.d.ts → typings-0f4b9bed.d.ts}

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

package/{cssm/typings-9211a437.d.ts → modern/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/modern/{utils-dd8ca091.d.ts → 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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-tabs",
-    "version": "8.1.2",
+    "version": "8.1.4",
     "description": "Tabs components",
     "keywords": [],
     "license": "MIT",
@@ -44,12 +44,12 @@
     "dependencies": {
         "@alfalab/core-components-keyboard-focusable": "^4.1.0",
         "@alfalab/core-components-tag": "^6.0.1",
-        "@alfalab/core-components-picker-button": "^11.1.6",
+        "@alfalab/core-components-picker-button": "^11.1.8",
         "@alfalab/core-components-badge": "^5.2.0",
         "@alfalab/core-components-mq": "^4.2.0",
         "@alfalab/hooks": "^1.13.0",
-        "@alfalab/core-components-shared": "^0.5.0",
-        "@alfalab/core-components-icon-button": "^6.2.5",
+        "@alfalab/core-components-shared": "^0.6.0",
+        "@alfalab/core-components-icon-button": "^6.3.1",
         "@alfalab/icons-glyph": "^2.108.0",
         "classnames": "^2.3.1",
         "compute-scroll-into-view": "^1.0.20",

package/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/src/components/primary-tablist/index.module.css

@@ -45,7 +45,6 @@
     white-space: nowrap;
     box-shadow: none;
     user-select: none;
-    cursor: pointer;
     outline: none;
 
     &:not(.disabled):hover {

package/src/hooks/use-collapsible-elements.ts

@@ -50,12 +50,8 @@ export const useCollapsibleElements = <
 
                 collapseElements(inlineSize);
             } else {
-                // firefox v69-91 compatibility. See https://caniuse.com/mdn-api_resizeobserverentry_contentboxsize
-                const { inlineSize } = entries[0].contentBoxSize as unknown as {
-                    inlineSize: number;
-                };
-
-                collapseElements(inlineSize);
+                // old browser compatibility. See https://caniuse.com/mdn-api_resizeobserverentry_contentboxsize
+                collapseElements(entries[0].contentRect.width);
             }
         };
 

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

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

package/{typings-9211a437.d.ts → 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/{utils-dd8ca091.d.ts → 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/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/Component.responsive-785df74d.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };

package/cssm/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/cssm/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/cssm/Component.responsive-785df74d.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };

package/cssm/desktop-2e2b2125.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.desktop-2e2b2125";
-export {};

package/cssm/mobile-755fbaa3.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.mobile-755fbaa3";
-export {};

package/desktop-2e2b2125.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.desktop-2e2b2125";
-export {};

package/esm/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/esm/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/esm/Component.responsive-785df74d.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };

package/esm/desktop-2e2b2125.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.desktop-2e2b2125";
-export {};

package/esm/index.module-b71c96ac.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_14rm8","fullWidthScroll":"tabs__fullWidthScroll_14rm8","container":"tabs__container_14rm8","title":"tabs__title_14rm8","disabled":"tabs__disabled_14rm8","focused":"tabs__focused_14rm8","collapsed":"tabs__collapsed_14rm8","selected":"tabs__selected_14rm8","line":"tabs__line_14rm8","option":"tabs__option_14rm8","s":"tabs__s_14rm8","xs":"tabs__xs_14rm8","xxs":"tabs__xxs_14rm8","pickerWrapper":"tabs__pickerWrapper_14rm8","m":"tabs__m_14rm8","l":"tabs__l_14rm8","xl":"tabs__xl_14rm8","rightAddons":"tabs__rightAddons_14rm8"};
-require('./components/primary-tablist/index.css')
-
-export { commonStyles as c };

package/esm/index.module-e27d67ec.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_bvdbq","fullWidthScroll":"tabs__fullWidthScroll_bvdbq","container":"tabs__container_bvdbq","title":"tabs__title_bvdbq","xxs":"tabs__xxs_bvdbq","xs":"tabs__xs_bvdbq","s":"tabs__s_bvdbq","m":"tabs__m_bvdbq","l":"tabs__l_bvdbq","xl":"tabs__xl_bvdbq"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

package/esm/mobile-755fbaa3.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.mobile-755fbaa3";
-export {};

package/index.module-22089ba7.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_bvdbq","fullWidthScroll":"tabs__fullWidthScroll_bvdbq","container":"tabs__container_bvdbq","title":"tabs__title_bvdbq","xxs":"tabs__xxs_bvdbq","xs":"tabs__xs_bvdbq","s":"tabs__s_bvdbq","m":"tabs__m_bvdbq","l":"tabs__l_bvdbq","xl":"tabs__xl_bvdbq"};
-require('./components/secondary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/index.module-ad26a796.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_14rm8","fullWidthScroll":"tabs__fullWidthScroll_14rm8","container":"tabs__container_14rm8","title":"tabs__title_14rm8","disabled":"tabs__disabled_14rm8","focused":"tabs__focused_14rm8","collapsed":"tabs__collapsed_14rm8","selected":"tabs__selected_14rm8","line":"tabs__line_14rm8","option":"tabs__option_14rm8","s":"tabs__s_14rm8","xs":"tabs__xs_14rm8","xxs":"tabs__xxs_14rm8","pickerWrapper":"tabs__pickerWrapper_14rm8","m":"tabs__m_14rm8","l":"tabs__l_14rm8","xl":"tabs__xl_14rm8","rightAddons":"tabs__rightAddons_14rm8"};
-require('./components/primary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/mobile-755fbaa3.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.mobile-755fbaa3";
-export {};

package/modern/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/modern/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/modern/Component.responsive-785df74d.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };