@alfalab/core-components-table 2.2.41 → 2.3.0

package/esm/components/tcell/Component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { TdHTMLAttributes } from 'react';
+import React from 'react';
+import { TdHTMLAttributes } from "react";
 type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
     /**
      * Дополнительный класс
@@ -14,5 +15,5 @@ type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
      */
     index?: number;
 };
-declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => JSX.Element | null;
+declare const TCell: ({ className, style, dataTestId, children, index, ...restProps }: TCellProps) => React.JSX.Element | null;
 export { TCellProps, TCell };

package/esm/components/tcell/Component.js

@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';
 
-var styles = {"component":"table__component_1yn2i","compactHorizontal":"table__compactHorizontal_1yn2i","compact":"table__compact_1yn2i"};
+var styles = {"component":"table__component_1rb17","compactHorizontal":"table__compactHorizontal_1rb17","compact":"table__compact_1rb17"};
 require('./index.css')
 
 var TCell = function (_a) {

package/esm/components/tcell/index.css

@@ -1,4 +1,4 @@
-/* hash: 1551m */
+/* hash: 1utnc */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dcdcdd;
@@ -20,7 +20,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .table__component_1yn2i {
+} .table__component_1rb17 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -31,14 +31,14 @@
     border-top: 1px solid var(--color-light-border-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1yn2i:first-child {
+} .table__component_1rb17:first-child {
         padding-left: var(--gap-m);
-    } .table__component_1yn2i:last-child {
+    } .table__component_1rb17:last-child {
         padding-right: var(--gap-m);
-    } .table__compactHorizontal_1yn2i {
+    } .table__compactHorizontal_1rb17 {
     padding-left: 6px;
     padding-right: 6px;
-} .table__compact_1yn2i {
+} .table__compact_1rb17 {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 

package/esm/components/texpandable-row/Component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ReactNode } from 'react';
+import React from 'react';
+import { ReactNode } from "react";
 import { TRowProps } from "../trow/index";
 type TExpandableRowProps = TRowProps & {
     defaultExpanded?: boolean;
@@ -7,5 +8,5 @@ type TExpandableRowProps = TRowProps & {
     onToggle?: (expanded: boolean) => void;
     renderContent: (expanded: boolean) => ReactNode;
 };
-declare const TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: TExpandableRowProps) => JSX.Element;
+declare const TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: TExpandableRowProps) => React.JSX.Element;
 export { TExpandableRowProps, TExpandableRow };

package/esm/components/texpandable-row/Component.js

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import cn from 'classnames';
 import { TRow } from '../trow/Component.js';
 
-var styles = {"row":"table__row_ef6ys","selected":"table__selected_ef6ys","expanded":"table__expanded_ef6ys","expandable":"table__expandable_ef6ys"};
+var styles = {"row":"table__row_3iagx","selected":"table__selected_3iagx","expanded":"table__expanded_3iagx","expandable":"table__expandable_3iagx"};
 require('./index.css')
 
 var TExpandableRow = function (_a) {

package/esm/components/texpandable-row/index.css

@@ -1,4 +1,4 @@
-/* hash: qkixn */
+/* hash: qf692 */
 :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 */
@@ -14,13 +14,13 @@
 } :root {
 } :root {
 } :root {
-} .table__row_ef6ys {
+} .table__row_3iagx {
     cursor: pointer;
-} .table__selected_ef6ys.table__expanded_ef6ys {
+} .table__selected_3iagx.table__expanded_3iagx {
     background-color: inherit;
-} .table__expanded_ef6ys:hover {
+} .table__expanded_3iagx:hover {
         background-color: inherit;
-    } .table__expandable_ef6ys td {
+    } .table__expandable_3iagx td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

package/esm/components/thead/Component.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"table__component_v2ssl","row":"table__row_v2ssl"};
+var styles = {"component":"table__component_1gjld","row":"table__row_1gjld"};
 require('./index.css')
 
 var THead = function (_a) {

package/esm/components/thead/index.css

@@ -1,4 +1,4 @@
-/* hash: 1p6uy */
+/* hash: 1q4jg */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-quaternary: #dcdcdd; /* 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 */
@@ -16,11 +16,11 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__component_v2ssl {
+} .table__component_1gjld {
     position: relative;
     width: 100%;
     box-sizing: border-box
-} .table__component_v2ssl th:not(:last-child):not(:empty):after {
+} .table__component_1gjld th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -31,10 +31,10 @@
         top: var(--gap-xs);
         bottom: var(--gap-xs);
         background-color: var(--color-light-graphic-quaternary);
-    } .table__component_v2ssl th:after {
+    } .table__component_1gjld th:after {
         opacity: 0;
-    } .table__component_v2ssl:hover th:after {
+    } .table__component_1gjld:hover th:after {
         opacity: 1;
-    } .table__row_v2ssl {
+    } .table__row_1gjld {
     height: 72px;
 }

package/esm/components/thead-cell/Component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ThHTMLAttributes } from 'react';
+import React from 'react';
+import { ThHTMLAttributes } from "react";
 import { TextAlignProperty } from "../../typings";
 type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
     /**
@@ -23,5 +24,5 @@ type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
      */
     dataTestId?: string;
 };
-declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => JSX.Element | null;
+declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => React.JSX.Element | null;
 export { THeadCellProps, THeadCell };

package/esm/components/thead-cell/Component.js

@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';
 
-var styles = {"component":"table__component_1v2jt","sortable":"table__sortable_1v2jt","sorted":"table__sorted_1v2jt","stickyHeader":"table__stickyHeader_1v2jt","compactHorizontal":"table__compactHorizontal_1v2jt"};
+var styles = {"component":"table__component_19lr8","stickyHeader":"table__stickyHeader_19lr8","sortable":"table__sortable_19lr8","sorted":"table__sorted_19lr8","compactHorizontal":"table__compactHorizontal_19lr8"};
 require('./index.css')
 
 var THeadCell = function (_a) {

package/esm/components/thead-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: ztmeg */
+/* hash: 1jjvr */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -21,7 +21,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_1v2jt {
+} .table__component_19lr8 {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -29,7 +29,6 @@
     text-transform: uppercase;
 
     line-height: 20px;
-    position: relative;
     text-align: left;
     color: var(--color-light-text-primary);
     padding: var(--gap-2xl) var(--gap-s) var(--gap-2xs);
@@ -37,21 +36,23 @@
     background: var(--color-light-bg-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1v2jt:first-child {
+} .table__component_19lr8:first-child {
         padding-left: var(--gap-m);
-    } .table__component_1v2jt:last-child {
+    } .table__component_19lr8:last-child {
         padding-right: var(--gap-m);
-    } .table__sortable_1v2jt {
+    } .table__component_19lr8:not(.table__stickyHeader_19lr8) {
+        position: relative;
+    } .table__sortable_19lr8 {
     cursor: pointer;
-} .table__sorted_1v2jt {
+} .table__sorted_19lr8 {
     color: var(--color-light-text-primary);
-} .table__stickyHeader_1v2jt {
+} .table__stickyHeader_19lr8 {
     top: 0;
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
-} .table__compactHorizontal_1v2jt {
+} .table__compactHorizontal_19lr8 {
     padding-left: 6px;
     padding-right: 6px;
 }

package/esm/components/trow/Component.d.ts

@@ -25,5 +25,5 @@ type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
      */
     dataTestId?: string;
 };
-declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => JSX.Element;
+declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => React.JSX.Element;
 export { TRowProps, TRow };

package/esm/components/trow/Component.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"table__component_1jdfp","withoutBorder":"table__withoutBorder_1jdfp","clickable":"table__clickable_1jdfp","selected":"table__selected_1jdfp"};
+var styles = {"component":"table__component_jb2m6","withoutBorder":"table__withoutBorder_jb2m6","clickable":"table__clickable_jb2m6","selected":"table__selected_jb2m6"};
 require('./index.css')
 
 var TRow = function (_a) {

package/esm/components/trow/index.css

@@ -1,4 +1,4 @@
-/* hash: 5olj8 */
+/* hash: vd79c */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -17,22 +17,22 @@
 } :root {
 } :root {
 } :root {
-} .table__component_1jdfp {
+} .table__component_jb2m6 {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
-} .table__component_1jdfp:first-child td {
+} .table__component_jb2m6:first-child td {
         border-top: 0;
-    } .table__withoutBorder_1jdfp td {
+    } .table__withoutBorder_jb2m6 td {
         border: none;
-    } .table__clickable_1jdfp {
+    } .table__clickable_jb2m6 {
     cursor: pointer
-} .table__clickable_1jdfp:hover {
+} .table__clickable_jb2m6:hover {
         background-color: var(--color-light-bg-secondary);
-    } .table__selected_1jdfp {
+    } .table__selected_jb2m6 {
     background-color: #f2f8ff /* нет цвета в палитре */
-} .table__selected_1jdfp:hover {
+} .table__selected_jb2m6:hover {
         background-color: var(--color-static-graphic-solitude);
     }

package/esm/components/tsortable-head-cell/Component.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
+import React from 'react';
 import { THeadCellProps } from "../thead-cell/index";
 type TSortableHeadCellProps = THeadCellProps & {
     isSortedDesc?: boolean;
     defaultIsSortedDesc?: boolean;
     onSort?: () => void;
 };
-declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => JSX.Element;
+declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => React.JSX.Element;
 export { TSortableHeadCellProps, TSortableHeadCell };

package/esm/components/tsortable-head-cell/Component.js

@@ -7,7 +7,7 @@ import { SortIconDesc } from './sort-icon-desc.js';
 import { SortIconUnset } from './sort-icon-unset.js';
 import '../table-context/index.js';
 
-var styles = {"component":"table__component_yiint","content":"table__content_yiint","icon":"table__icon_yiint","reverse":"table__reverse_yiint","sorted":"table__sorted_yiint"};
+var styles = {"content":"table__content_ni7wn","icon":"table__icon_ni7wn","reverse":"table__reverse_ni7wn","sorted":"table__sorted_ni7wn"};
 require('./index.css')
 
 var TSortableHeadCell = function (_a) {
@@ -21,7 +21,7 @@ var TSortableHeadCell = function (_a) {
             return value ? SortIconDesc : SortIconAsc;
         return SortIconUnset;
     }, [defaultIsSortedDesc, isSortedDesc]);
-    return (React.createElement(THeadCell, __assign({ className: cn(className, styles.component) }, restProps),
+    return (React.createElement(THeadCell, __assign({ className: className }, restProps),
         React.createElement("div", { className: cn(styles.content, (_b = {}, _b[styles.reverse] = textAlign === 'right', _b)) },
             children,
             React.createElement(SortIcon, { onClick: onSort, className: cn(styles.icon, (_c = {},

package/esm/components/tsortable-head-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: 17er7 */
+/* hash: 16h2p */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-link: #0072ef;
@@ -18,12 +18,10 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__component_yiint {
-    position: relative;
-} .table__content_yiint {
+} .table__content_ni7wn {
     display: flex;
     align-items: flex-start;
-} .table__icon_yiint {
+} .table__icon_ni7wn {
     cursor: pointer;
     margin-left: var(--gap-xs);
 
@@ -35,15 +33,15 @@
     color: var(--color-light-graphic-secondary);
     transition: color 0.2s ease;
     flex-shrink: 0
-} .table__icon_yiint:hover {
+} .table__icon_ni7wn:hover {
         color: var(--color-light-graphic-primary);
-    } .table__reverse_yiint {
+    } .table__reverse_ni7wn {
     flex-direction: row-reverse
-} .table__reverse_yiint .table__icon_yiint {
+} .table__reverse_ni7wn .table__icon_ni7wn {
         margin-left: 0;
         margin-right: var(--gap-xs);
-    } .table__sorted_yiint {
+    } .table__sorted_ni7wn {
     color: var(--color-light-graphic-link)
-} .table__sorted_yiint:hover {
+} .table__sorted_ni7wn:hover {
         color: var(--color-light-graphic-link);
     }

package/esm/consts-f777ba1a.d.ts

@@ -0,0 +1,2 @@
+declare const DEFAULT_VISIBLE_OPTIONS = 5;
+export { DEFAULT_VISIBLE_OPTIONS };

package/esm/desktop-63dec22f.d.ts

@@ -0,0 +1,6 @@
+/// <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/hook-5e1b8383.d.ts

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import { BaseSelectProps, OptionShape } from "./typings-5e1b8383";
+type UseSelectWithApplyProps = {
+    /**
+     * Список выбранных пунктов
+     */
+    selected: BaseSelectProps['selected'];
+    /**
+     * Список вариантов выбора
+     */
+    options: BaseSelectProps['options'];
+    /**
+     * Обработчик выбора
+     */
+    onChange: BaseSelectProps['onChange'];
+    /**
+     * Компонент выпадающего меню
+     */
+    OptionsList?: BaseSelectProps['OptionsList'];
+    /**
+     * Пропсы, которые будут прокинуты в компонент списка
+     */
+    optionsListProps?: BaseSelectProps['optionsListProps'];
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: boolean;
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: boolean;
+    /**
+     * Показывать пункт "Выбрать все" в заголовке списка
+     */
+    showHeaderWithSelectAll?: boolean;
+};
+declare const SELECT_ALL_KEY = "select_all";
+declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, }: UseSelectWithApplyProps): {
+    OptionsList: import("react").ForwardRefExoticComponent<import("./typings-5e1b8383").OptionsListProps & {
+        showClear?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        selectedDraft?: OptionShape[] | undefined;
+        OptionsList?: import("react").FC<import("./typings-5e1b8383").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-ebda875c").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-5e1b8383").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        showClear: boolean;
+        onClear: () => void;
+        onApply: () => void;
+        onClose: () => void;
+        selectedDraft: OptionShape[];
+        showHeaderWithSelectAll: boolean;
+        headerProps: {
+            indeterminate: boolean;
+            checked: boolean;
+            onChange: () => void;
+        };
+    };
+    allowUnselect: boolean;
+    multiple: boolean;
+    options: (OptionShape | import("./typings-5e1b8383").GroupShape | {
+        key: string;
+        content: string;
+    })[];
+    onChange: (payload: import("./typings-5e1b8383").BaseSelectChangePayload) => void;
+    selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
+};
+export * from "./Component-ebda875c";
+export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/esm/hook-ebda875c.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptionProps, OptionShape } from "./typings-5e1b8383";
+type OptionsFetcherResponse = {
+    options: OptionShape[];
+    hasMore: boolean;
+};
+type useLazyLoadingProps = {
+    /** Количество элементов на "странице" */
+    limit?: number;
+    /** Начальный номер "страницы" */
+    initialOffset?: number;
+    /** Скелетон загружаемых элементов */
+    skeleton?: React.ReactNode;
+    /** Компонент пункта меню */
+    Option?: React.FC<OptionProps>;
+    /**
+     * Функция-загрузчик опций.
+     * @param offset - текущая страница
+     * @param limit - количество элементов на странице
+     * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
+     * @returns Promise<{
+     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
+     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
+     * }>
+     */
+    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
+};
+declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option, }: useLazyLoadingProps): {
+    optionsProps: {
+        Option: (props: OptionProps) => React.JSX.Element;
+        options: OptionShape[];
+        optionsListProps: {
+            ref: React.RefObject<HTMLDivElement>;
+            inputProps: {
+                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
+                    value: string;
+                }) => void;
+                value: string;
+            };
+        };
+        onOpen: (payload: {
+            open?: boolean;
+        }) => void;
+    };
+    reset: () => void;
+};
+export { useLazyLoading };

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 };

package/esm/index-3109f463.d.ts

@@ -0,0 +1,62 @@
+import { FC, ReactNode } from "react";
+type MqProps = {
+    /**
+     * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+     */
+    query?: string;
+    /**
+     * Запрос на поддержку тач-событий
+     */
+    touch?: boolean;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+    /**
+     * Обработчик изменений в совпадении запросов
+     */
+    onMatchChange?: (isMatched: boolean) => void;
+};
+declare const Mq: FC<MqProps>;
+/**
+ * Хук для медиа запросов.
+ * @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+ * @param defaultValue Значение по-умолчанию.
+ */
+declare const useMatchMedia: (query: string, defaultValue?: boolean | (() => boolean)) => boolean[];
+/**
+ * Возвращает MediaQueryList для заданного media-выражения.
+ *
+ * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+ */
+declare function getMatchMedia(queryProp: string): MediaQueryList;
+/**
+ * Удаляет MediaQueryList.
+ *
+ * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+ */
+declare function releaseMatchMedia(queryProp: string): void;
+/**
+ * Возвращает `true`, если есть поддержка `Pointer Events`
+ */
+declare function isPointerEventsSupported(): boolean;
+/**
+ * Возвращает `true`, если есть поддержка `Touch Events`
+ */
+declare function isTouchSupported(): boolean;
+declare const _exports: {
+    "--mobile-xs": string;
+    "--mobile-s": string;
+    "--mobile-m": string;
+    "--mobile-l": string;
+    "--mobile": string;
+    "--tablet-s": string;
+    "--tablet-m": string;
+    "--tablet": string;
+    "--desktop-s": string;
+    "--desktop-m": string;
+    "--desktop-l": string;
+    "--desktop-xl": string;
+    "--desktop": string;
+};
+export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported };

package/esm/index-425c8522.d.ts

@@ -0,0 +1,6 @@
+type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
+type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
+type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType };

package/esm/index-89a3cf4c.d.ts

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

package/esm/index-bdb4c6b9.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component-ebda875c";
+export * from "./utils-1574ad8b";

package/esm/index-c44170fe.d.ts

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

package/esm/index-e81c389f.d.ts

@@ -0,0 +1,3 @@
+export * from "./Component-89a3cf4c";
+export * from "./index-ebda875c";
+export type { NavigationBarProps } from "./types-ebda875c";