@alfalab/core-components-tabs 7.2.4 → 7.2.6

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

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-c7045249.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-fd2adbbc.js';
 import React from 'react';
+import { SecondaryTabList } from './Component.js';
+import { c as commonStyles } from '../../index.module-2661cbbc.js';
 import 'classnames';
+import '@alfalab/core-components-tag/esm';
 import '../../hooks/use-tabs.js';
-import 'compute-scroll-into-view';
 import '../scrollable-container/Component.js';
-import '@alfalab/core-components-tag/esm';
-import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-464ce309.js';
+import 'compute-scroll-into-view';
 
 var SecondaryTabListDesktop = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 's' : _b, restProps = __rest(_a, ["size"]);

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

@@ -1,10 +1,10 @@
-import { a as __assign } from '../../tslib.es6-c7045249.js';
+import { a as __assign } from '../../tslib.es6-fd2adbbc.js';
 import React from 'react';
 import cn from 'classnames';
+import { Tag } from '@alfalab/core-components-tag/esm';
 import { useTabs } from '../../hooks/use-tabs.js';
-import 'compute-scroll-into-view';
 import { ScrollableContainer } from '../scrollable-container/Component.js';
-import { Tag } from '@alfalab/core-components-tag/esm';
+import 'compute-scroll-into-view';
 
 var SecondaryTabList = function (_a) {
     var _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, fullWidthScroll = _a.fullWidthScroll, _f = _a.tagSize, tagSize = _f === void 0 ? 'xs' : _f, onChange = _a.onChange, dataTestId = _a.dataTestId;

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

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

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

@@ -1,15 +1,15 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-c7045249.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-fd2adbbc.js';
 import React from 'react';
-import 'classnames';
 import { useMedia } from '@alfalab/hooks';
-import '../../hooks/use-tabs.js';
-import 'compute-scroll-into-view';
-import '../scrollable-container/Component.js';
-import '@alfalab/core-components-tag/esm';
-import './Component.js';
-import '../../index.module-464ce309.js';
 import { SecondaryTabListDesktop } from './Component.desktop.js';
 import { SecondaryTabListMobile } from './Component.mobile.js';
+import './Component.js';
+import 'classnames';
+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';
 
 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: 5p70f */
+/* hash: 1b98h */
 :root {
 
     /* Hard */
@@ -44,35 +44,35 @@
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
 }
-.tabs__component_quf9b {
+.tabs__component_9ds1d {
     position: relative;
     display: inline-flex;
 }
-.tabs__fullWidthScroll_quf9b {
+.tabs__fullWidthScroll_9ds1d {
     margin: 0 var(--gap-m);
 }
-.tabs__container_quf9b {
+.tabs__container_9ds1d {
     overflow: hidden;
 }
-.tabs__title_quf9b {
+.tabs__title_9ds1d {
     white-space: nowrap;
 }
 /* sizes */
-.tabs__xxs_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+.tabs__xxs_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-xxs-gaps);
 }
-.tabs__xs_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+.tabs__xs_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-xs-gaps);
 }
-.tabs__s_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+.tabs__s_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-s-gaps);
 }
-.tabs__m_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+.tabs__m_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-m-gaps);
 }
-.tabs__l_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+.tabs__l_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-l-gaps);
 }
-.tabs__xl_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+.tabs__xl_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-xl-gaps);
 }

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

@@ -1,4 +1,4 @@
-/* hash: 1srp7 */
+/* hash: 1ln9l */
 :root {
 }:root {
 }:root {
@@ -49,26 +49,26 @@
 
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
-}.tabs__component_quf9b {
+}.tabs__component_9ds1d {
     position: relative;
     display: inline-flex;
-}.tabs__fullWidthScroll_quf9b {
+}.tabs__fullWidthScroll_9ds1d {
     margin: 0 var(--gap-m);
-}.tabs__container_quf9b {
+}.tabs__container_9ds1d {
     overflow: hidden;
-}.tabs__title_quf9b {
+}.tabs__title_9ds1d {
     white-space: nowrap;
-}/* sizes */.tabs__xxs_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+}/* sizes */.tabs__xxs_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-xxs-gaps);
-}.tabs__xs_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+}.tabs__xs_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-xs-gaps);
-}.tabs__s_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+}.tabs__s_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-s-gaps);
-}.tabs__m_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+}.tabs__m_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-m-gaps);
-}.tabs__l_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+}.tabs__l_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-l-gaps);
-}.tabs__xl_quf9b .tabs__title_quf9b + .tabs__title_quf9b {
+}.tabs__xl_9ds1d .tabs__title_9ds1d + .tabs__title_9ds1d {
     margin-left: var(--secondary-tablist-xl-gaps);
 }
 :root {
@@ -885,8 +885,8 @@
     /* size xl */
     --secondary-tablist-xl-gaps: var(--gap-m);
 }
-.tabs__title_9tim9 {
+.tabs__title_1jie6 {
 }
-.tabs__mobile_9tim9 .tabs__title_9tim9 + .tabs__title_9tim9 {
+.tabs__mobile_1jie6 .tabs__title_1jie6 + .tabs__title_1jie6 {
         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_aq3ap","hidden":"tabs__hidden_aq3ap"};
+var styles = {"component":"tabs__component_102bs","hidden":"tabs__hidden_102bs"};
 require('./index.css')
 
 var Tab = function (_a) {

package/esm/components/tab/index.css

@@ -1,8 +1,8 @@
-/* hash: 1xeky */
-.tabs__component_aq3ap {
+/* hash: 180xi */
+.tabs__component_102bs {
     outline: none;
 }
 
-.tabs__hidden_aq3ap {
+.tabs__hidden_102bs {
     display: none;
 }

package/esm/components/tab/index.js

@@ -1,3 +1,3 @@
+export { Tab } from './Component.js';
 import 'react';
 import 'classnames';
-export { Tab } from './Component.js';

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

@@ -1,26 +1,26 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-c7045249.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-fd2adbbc.js';
 import React from 'react';
+import { PrimaryTabListDesktop } from '../primary-tablist/Component.desktop.js';
+import { SecondaryTabListDesktop } from '../secondary-tablist/Component.desktop.js';
+import { Tabs } from './Component.js';
+import '../primary-tablist/Component.js';
 import 'classnames';
-import '@alfalab/core-components/picker-button/desktop';
 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/hooks';
-import '@juggle/resize-observer';
 import '../../hooks/use-collapsible-elements.js';
+import '@juggle/resize-observer';
 import '../../hooks/use-tabs.js';
-import '../../hooks/use-tablist-titles.js';
 import '../../synthetic-events.js';
-import 'compute-scroll-into-view';
 import '../scrollable-container/Component.js';
+import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../primary-tablist/Component.js';
-import '../../index.module-0d5bb957.js';
-import { PrimaryTabListDesktop } from '../primary-tablist/Component.desktop.js';
-import '@alfalab/core-components-tag/esm';
+import '../../index.module-8fe5adc6.js';
 import '../secondary-tablist/Component.js';
-import '../../index.module-464ce309.js';
-import { SecondaryTabListDesktop } from '../secondary-tablist/Component.desktop.js';
-import { Tabs } from './Component.js';
+import '@alfalab/core-components-tag/esm';
+import '../../index.module-2661cbbc.js';
 
 var views = {
     primary: PrimaryTabListDesktop,

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

@@ -1,26 +1,26 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-c7045249.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-fd2adbbc.js';
 import React from 'react';
+import { PrimaryTabListMobile } from '../primary-tablist/Component.mobile.js';
+import { SecondaryTabListMobile } from '../secondary-tablist/Component.mobile.js';
+import { Tabs } from './Component.js';
 import 'classnames';
-import '@alfalab/core-components/picker-button/desktop';
+import '../primary-tablist/Component.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/hooks';
-import '@juggle/resize-observer';
 import '../../hooks/use-collapsible-elements.js';
+import '@juggle/resize-observer';
 import '../../hooks/use-tabs.js';
-import '../../hooks/use-tablist-titles.js';
 import '../../synthetic-events.js';
-import 'compute-scroll-into-view';
 import '../scrollable-container/Component.js';
+import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../primary-tablist/Component.js';
-import '../../index.module-0d5bb957.js';
-import '@alfalab/core-components-tag/esm';
+import '../../index.module-8fe5adc6.js';
 import '../secondary-tablist/Component.js';
-import '../../index.module-464ce309.js';
-import { Tabs } from './Component.js';
-import { PrimaryTabListMobile } from '../primary-tablist/Component.mobile.js';
-import { SecondaryTabListMobile } from '../secondary-tablist/Component.mobile.js';
+import '@alfalab/core-components-tag/esm';
+import '../../index.module-2661cbbc.js';
 
 var views = {
     primary: PrimaryTabListMobile,

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

@@ -1,30 +1,30 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-c7045249.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-fd2adbbc.js';
 import React from 'react';
+import { PrimaryTabListResponsive } from '../primary-tablist/Component.responsive.js';
+import { SecondaryTabListResponsive } from '../secondary-tablist/Component.responsive.js';
+import { Tabs } from './Component.js';
+import '@alfalab/hooks';
+import '../primary-tablist/Component.desktop.js';
+import '../primary-tablist/Component.js';
 import 'classnames';
-import '@alfalab/core-components/picker-button/desktop';
 import '@alfalab/core-components-badge/esm';
 import '@alfalab/core-components-keyboard-focusable/esm';
-import '@alfalab/hooks';
-import '@juggle/resize-observer';
+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 '../../hooks/use-tabs.js';
-import '../../hooks/use-tablist-titles.js';
 import '../../synthetic-events.js';
-import 'compute-scroll-into-view';
 import '../scrollable-container/Component.js';
+import 'compute-scroll-into-view';
 import '../title/Component.js';
-import '../primary-tablist/Component.js';
-import '../../index.module-0d5bb957.js';
-import '../primary-tablist/Component.desktop.js';
-import '@alfalab/core-components-tag/esm';
-import '../secondary-tablist/Component.js';
-import '../../index.module-464ce309.js';
-import '../secondary-tablist/Component.desktop.js';
-import { Tabs } from './Component.js';
+import '../../index.module-8fe5adc6.js';
 import '../primary-tablist/Component.mobile.js';
-import { PrimaryTabListResponsive } from '../primary-tablist/Component.responsive.js';
+import '../secondary-tablist/Component.desktop.js';
+import '../secondary-tablist/Component.js';
+import '@alfalab/core-components-tag/esm';
+import '../../index.module-2661cbbc.js';
 import '../secondary-tablist/Component.mobile.js';
-import { SecondaryTabListResponsive } from '../secondary-tablist/Component.responsive.js';
 
 var views = {
     primary: PrimaryTabListResponsive,

package/esm/components/title/Component.js

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

package/esm/components/title/index.js

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

package/esm/desktop.js

@@ -1,25 +1,25 @@
-import './tslib.es6-c7045249.js';
+export { PrimaryTabListDesktop } from './components/primary-tablist/Component.desktop.js';
+export { ScrollableContainer } from './components/scrollable-container/Component.js';
+export { SecondaryTabListDesktop } from './components/secondary-tablist/Component.desktop.js';
+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 'react';
+import './components/primary-tablist/Component.js';
 import 'classnames';
-import '@alfalab/core-components/picker-button/desktop';
 import '@alfalab/core-components-badge/esm';
 import '@alfalab/core-components-keyboard-focusable/esm';
-import '@alfalab/hooks';
-import '@juggle/resize-observer';
-export { useCollapsibleElements } from './hooks/use-collapsible-elements.js';
-export { useTabs } from './hooks/use-tabs.js';
+import '@alfalab/core-components-picker-button/esm/desktop';
 import './hooks/use-tablist-titles.js';
+import '@alfalab/hooks';
 import './synthetic-events.js';
-import 'compute-scroll-into-view';
-export { ScrollableContainer } from './components/scrollable-container/Component.js';
 import './components/title/Component.js';
-import './components/primary-tablist/Component.js';
-import './index.module-0d5bb957.js';
-export { PrimaryTabListDesktop } from './components/primary-tablist/Component.desktop.js';
-import '@alfalab/core-components-tag/esm';
+import './index.module-8fe5adc6.js';
+import 'compute-scroll-into-view';
 import './components/secondary-tablist/Component.js';
-import './index.module-464ce309.js';
-export { SecondaryTabListDesktop } from './components/secondary-tablist/Component.desktop.js';
-export { Tab } from './components/tab/Component.js';
+import '@alfalab/core-components-tag/esm';
+import './index.module-2661cbbc.js';
 import './components/tabs/Component.js';
-export { TabsDesktop } from './components/tabs/Component.desktop.js';
+import '@juggle/resize-observer';

package/esm/getDataTestId-3fe0d3e6.d.ts

@@ -0,0 +1,2 @@
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+export { getDataTestId };

package/esm/hook-edac5428.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import { BaseSelectProps, OptionShape } from "./index-3e68f8db";
+type useSelectWithApplyProps = {
+    /**
+     * Список выбранных пунктов
+     */
+    selected: BaseSelectProps['selected'];
+    /**
+     * Список вариантов выбора
+     */
+    options: BaseSelectProps['options'];
+    /**
+     * Обработчик выбора
+     */
+    onChange: BaseSelectProps['onChange'];
+    /**
+     * Компонент выпадающего меню
+     */
+    OptionsList?: BaseSelectProps['OptionsList'];
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: boolean;
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: boolean;
+};
+declare const SELECT_ALL_KEY = "select_all";
+declare function useSelectWithApply({ options, selected, onChange, OptionsList, showClear, showSelectAll, }: useSelectWithApplyProps): {
+    OptionsList: import("react").ForwardRefExoticComponent<import("./index-3e68f8db").OptionsListProps & {
+        showClear?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        selectedDraft?: OptionShape[] | undefined;
+        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<unknown>> | undefined;
+    } & import("react").RefAttributes<unknown>>;
+    optionsListProps: {
+        OptionsList: import("react").FC<import("./index-3e68f8db").OptionsListProps> | undefined;
+        showClear: boolean;
+        onClear: () => void;
+        onApply: () => void;
+        onClose: () => void;
+        selectedDraft: OptionShape[];
+    };
+    allowUnselect: boolean;
+    multiple: boolean;
+    options: (OptionShape | import("./index-3e68f8db").GroupShape | {
+        key: string;
+        content: string;
+    })[];
+    onChange: (payload: import("./index-3e68f8db").BaseSelectChangePayload) => void;
+    selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
+};
+export { SELECT_ALL_KEY, useSelectWithApply };

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

@@ -1,7 +1,7 @@
-import { b as __spreadArray } from '../tslib.es6-c7045249.js';
+import { b as __spreadArray } from '../tslib.es6-fd2adbbc.js';
 import { useState, useRef } from 'react';
-import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ResizeObserver } from '@juggle/resize-observer';
+import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 
 var useCollapsibleElements = function (selectors, deps) {
     if (deps === void 0) { deps = []; }

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

@@ -1,14 +1,14 @@
-import { a as __assign } from '../tslib.es6-c7045249.js';
+import { a as __assign } from '../tslib.es6-fd2adbbc.js';
 import { useMemo } from 'react';
 import { useMedia } from '@alfalab/hooks';
-import '@juggle/resize-observer';
 import { useCollapsibleElements } from './use-collapsible-elements.js';
 import { useTabs } from './use-tabs.js';
+import '@juggle/resize-observer';
 
 var useTablistTitles = function (_a) {
     var _b = _a.titles, titles = _b === void 0 ? [] : _b, selectedId = _a.selectedId, collapsible = _a.collapsible, breakpoint = _a.breakpoint, onChange = _a.onChange;
     var _c = useCollapsibleElements('[role=tab]', [titles]), containerRef = _c.containerRef, addonRef = _c.addonRef, idsCollapsedElements = _c.idsCollapsedElements;
-    var view = useMedia([['desktop', "(min-width: " + breakpoint + "px)"]], 'desktop')[0];
+    var view = useMedia([['desktop', "(min-width: ".concat(breakpoint, "px)")]], 'desktop')[0];
     var tablistTitles = useMemo(function () {
         var idsCollapsedTitles = [];
         if (view === 'desktop' && collapsible) {

package/esm/hooks/use-tabs.d.ts

@@ -1,14 +1,14 @@
 import { KeyboardEvent, MouseEvent, MutableRefObject } from 'react';
 import { UseTabsProps } from "../typings";
 declare function useTabs({ titles, selectedId, onChange }: UseTabsProps): {
-    getTabListItemProps: (index: number, outerRef?: MutableRefObject<HTMLElement> | undefined) => {
+    getTabListItemProps: (index: number, outerRef?: MutableRefObject<HTMLElement>) => {
         role: string;
         tabIndex: number;
         'aria-selected': boolean;
         disabled: boolean | undefined;
         ref: (node: HTMLButtonElement) => void;
         onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;
-        onClick: (event?: MouseEvent<Element, globalThis.MouseEvent> | undefined) => void;
+        onClick: (event?: MouseEvent) => void;
     };
     selectedTab: HTMLButtonElement | null;
     focusedTab: HTMLButtonElement | null;

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

@@ -0,0 +1,27 @@
+/// <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";

package/esm/index-136acbb1.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { FC, ReactNode } from "react";
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    FOCUSED: number;
+    DEFAULT: number;
+    POPOVER: number;
+    MODAL: number;
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+export { stackingOrder, StackingContext, StackProps, Stack };