@max-ts/components 0.0.2

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @max-ts/components
+
+## 0.0.2
+
+### Patch Changes
+
+- init

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,39 @@
+import React, { type PropsWithChildren } from 'react';
+export type AccordionProps = PropsWithChildren<{
+    /**
+     *  Заголовок
+     */
+    summary: React.ReactElement | string;
+    /**
+     *  Элемент, отображаемый перед заголовком
+     */
+    startAdorment?: React.ReactNode;
+    /**
+     *  Управляет состоянием аккордеона
+     */
+    isExpanded?: boolean;
+    /**
+     *  Обработчик, вызываемый при клике по хедеру
+     */
+    onChange?: (isExpanded: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}>;
+export declare const Accordion: React.ForwardRefExoticComponent<{
+    /**
+     *  Заголовок
+     */
+    summary: React.ReactElement | string;
+    /**
+     *  Элемент, отображаемый перед заголовком
+     */
+    startAdorment?: React.ReactNode;
+    /**
+     *  Управляет состоянием аккордеона
+     */
+    isExpanded?: boolean;
+    /**
+     *  Обработчик, вызываемый при клике по хедеру
+     */
+    onChange?: (isExpanded: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1 @@
+export * from './Accordion';

package/dist/components/Accordion/styles.d.ts

@@ -0,0 +1,21 @@
+export declare const Header: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    withStartAdornment: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    withStartAdorment: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Summary: import("@emotion/styled").StyledComponent<{
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
+    children?: import("react").ReactNode;
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    color?: import("../Typography").TypographyColor;
+    variant?: import("../Typography").TypographyVariant;
+    colorIntensity?: import("../Typography").Intensity;
+    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import("react").ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    isUpperCase?: boolean;
+} & import("react").HTMLAttributes<HTMLParagraphElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ChevronWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/ActionCell/ActionCell.d.ts

@@ -0,0 +1,24 @@
+import type { TooltipProps } from '../Tooltip';
+import type { MainActionKind, SecondaryActionKind } from './types';
+export type Actions<T> = {
+    /**
+     * Основные действия
+     */
+    main: MainActionKind<T>[];
+    /**
+     * Второстепенные действия
+     */
+    secondary?: SecondaryActionKind<T>[];
+};
+export type ActionsCellProps<T> = {
+    actions: Actions<T>;
+    /**
+     * Данные строки из DataGrid
+     */
+    row: T;
+    /**
+     * @deprecated Положение тултипа инкапсулировано внутри ActionCell
+     */
+    tooltipPlacement?: TooltipProps['placement'];
+};
+export declare const ActionCell: <T>(props: ActionsCellProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ActionCell/MainAction/MainAction.d.ts

@@ -0,0 +1,13 @@
+import { type TooltipProps } from '../../Tooltip';
+import type { ActionCellHandler, MainActionKind } from '../types';
+type MainActionProps<T> = {
+    action: MainActionKind<T>;
+    onActionClick: ActionCellHandler<T>;
+    tooltipPlacement: TooltipProps['placement'];
+    /**
+     *  Если true, action не доступен
+     */
+    isDisabled?: boolean;
+};
+export declare const MainAction: <T>({ action, onActionClick, tooltipPlacement, isDisabled, }: MainActionProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ActionCell/MainAction/index.d.ts

@@ -0,0 +1 @@
+export * from './MainAction';

package/dist/components/ActionCell/SecondaryAction/SecondaryActions.d.ts

@@ -0,0 +1,13 @@
+import type { TooltipProps } from '../../Tooltip';
+import type { ActionCellHandler, SecondaryActionKind } from '../types';
+type SecondaryActionsProps<T> = {
+    actions: SecondaryActionKind<T>[];
+    onActionClick: ActionCellHandler<T>;
+    tooltipPlacement: TooltipProps['placement'];
+    /**
+     *  Если true, action не доступен
+     */
+    isDisabled?: boolean;
+};
+export declare const SecondaryActions: <T>({ actions, onActionClick, tooltipPlacement, isDisabled, }: SecondaryActionsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ActionCell/SecondaryAction/index.d.ts

@@ -0,0 +1 @@
+export * from './SecondaryActions';

package/dist/components/ActionCell/index.d.ts

@@ -0,0 +1 @@
+export * from './ActionCell';

package/dist/components/ActionCell/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/ActionCell/types.d.ts

@@ -0,0 +1,66 @@
+import type { MouseEventHandler, ReactNode } from 'react';
+import type { IconButtonProps } from '../IconButton';
+import type { MenuItemProps } from '../MenuItem';
+import type { TooltipProps } from '../Tooltip';
+export type SecondaryActionKind<T> = MenuItemProps & SingleAction<T> & {
+    /**
+     * Причина блокировки
+     */
+    disabledReason?: TooltipProps['title'];
+};
+export type NestedAction<T> = MenuItemProps & {
+    /**
+     * Обработчик действия
+     */
+    onClick?: (row: T) => void;
+    /**
+     * Название действия
+     */
+    name: string;
+};
+export type SingleAction<T> = {
+    /**
+     * Причина блокировки
+     */
+    disabledReason?: TooltipProps['title'];
+    /**
+     * Иконка действия
+     */
+    icon?: ReactNode;
+    /**
+     * Обработчик действия
+     */
+    onClick?: (row: T) => void;
+    /**
+     * Название действия
+     */
+    name: string;
+    /**
+     * Флаг показа выпадающего списка при клике
+     */
+    nested?: false;
+    /**
+     * Если true, блокирует взаимодействие с actions
+     */
+    isBlockingOperation?: boolean;
+};
+export type MultipleAction<T> = MenuItemProps & {
+    /**
+     * Иконка действия
+     */
+    icon: ReactNode;
+    /**
+     * Список действий для выпадающего списка
+     */
+    actions: Array<NestedAction<T>>;
+    /**
+     * Флаг показа выпадающего списка при клике
+     */
+    nested: true;
+    /**
+     * Название действия
+     */
+    name: string;
+};
+export type ActionCellHandler<T> = (onClick: SingleAction<T>['onClick'] | NestedAction<T>['onClick']) => MouseEventHandler<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement> | undefined;
+export type MainActionKind<T> = (IconButtonProps<'button'> & SingleAction<T>) | MultipleAction<T>;

package/dist/components/ActionCell/useLogic/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogic';

package/dist/components/ActionCell/useLogic/useLogic.d.ts

@@ -0,0 +1,11 @@
+import { type MouseEventHandler } from 'react';
+import type { ActionsCellProps } from '../ActionCell';
+import type { NestedAction, SingleAction } from '../types';
+type UseLogicParams<TRowData> = ActionsCellProps<TRowData>;
+export declare const useLogic: <TRowData>({ actions, row, }: UseLogicParams<TRowData>) => {
+    isSecondaryActionsAvailable: boolean | undefined;
+    handleActionClick: (onClick: SingleAction<TRowData>["onClick"] | NestedAction<TRowData>["onClick"]) => () => void;
+    handleWrapperClick: MouseEventHandler<HTMLDivElement>;
+    isDisabledAction: boolean;
+};
+export {};

package/dist/components/AsyncAutocomplete/AsyncAutocomplete.d.ts

@@ -0,0 +1,61 @@
+import { type AutocompleteProps } from '../Autocomplete';
+export type AsyncAutocompleteProps<TOptions, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false> = Omit<AutocompleteProps<TOptions, Multiple, DisableClearable, FreeSolo>, 'inputValue' | 'loading' | 'disabled' | 'fullWidth' | 'error' | 'required' | 'success' | 'options'> & {
+    /**
+     * Если `true`, будет показан индикатор загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Если `true`, компонент будет не доступен для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Если `true`, компонент растянется на всю ширину
+     */
+    isFullWidth?: boolean;
+    /**
+     * Если `true`, компонент будет отображаться в состоянии ошибки
+     */
+    isError?: boolean;
+    /**
+     * Если `true`, компонент будет помечен как обязательный
+     */
+    isRequired?: boolean;
+    /**
+     * Если `true`, компонент будет отображаться в состоянии успеха
+     */
+    isSuccess?: boolean;
+    /**
+     * Задержка для fetchOptions
+     * @default 300
+     */
+    fetchDelayMs?: number;
+    /**
+     * Функция для асинхронной загрузки опций на основе поискового запроса
+     *
+     * @param search - Строка поиска, введенная пользователем. На основе этой
+     *   строки функция должна вернуть подходящие опции.
+     * @param signal - Объект `AbortSignal`, который позволяет отменить запрос,
+     *   если пользователь изменил поисковый запрос или закрыл компонент.
+     *
+     * @returns Promise<TOptions[]> Промис, который разрешается массивом опций
+     *   (`TOptions[]`). Эти опции будут отображены в выпадающем списке.
+     *
+     * @example
+     * ```typescript
+     * const fetchOptions = async (search: string, signal: AbortSignal) => {
+     *   const response = await fetch(`/api/search?query=${search}`, { signal });
+     *   const data = await response.json();
+     *   return data.results;
+     * };
+     *
+     * <AsyncAutocomplete fetchOptions={fetchOptions} />
+     * ```
+     */
+    fetchOptions: (search: string, signal?: AbortSignal) => Promise<TOptions[]>;
+    /**
+     * Минимальное количество символов для выполнения запроса
+     * @default 0
+     */
+    minSymbolsToFetch?: number;
+};
+export declare const AsyncAutocomplete: <TOptions, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false>(props: AsyncAutocompleteProps<TOptions, Multiple, DisableClearable, FreeSolo>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AsyncAutocomplete/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_MIN_SEARCH_CHARACTERS = 0;
+export declare const DEFAULT_DELAY_MS = 300;
+export declare const DEFAULT_EMPTY_OPTIONS_TEXT = "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0430\u0439\u0442\u0435 \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u0434\u043B\u044F \u043F\u043E\u0438\u0441\u043A\u0430";
+export declare const DEFAULT_NO_OPTIONS_TEXT = "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445";

package/dist/components/AsyncAutocomplete/index.d.ts

@@ -0,0 +1 @@
+export * from './AsyncAutocomplete';

package/dist/components/AsyncAutocomplete/useLogic/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogic';

package/dist/components/AsyncAutocomplete/useLogic/useLogic.d.ts

@@ -0,0 +1,12 @@
+import { type SyntheticEvent } from 'react';
+import { type AutocompleteInputChangeReason } from '@mui/material';
+import type { AsyncAutocompleteProps } from '../AsyncAutocomplete';
+type UseLogicParams<TOptions, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean> = AsyncAutocompleteProps<TOptions, Multiple, DisableClearable, FreeSolo>;
+export declare const useLogic: <TOptions, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean>({ fetchOptions, fetchDelayMs, minSymbolsToFetch, defaultValue, getOptionLabel, noOptionsText, onOpen, onInputChange, }: UseLogicParams<TOptions, Multiple, DisableClearable, FreeSolo>) => {
+    handleOpen: (event: SyntheticEvent) => void;
+    handleInputChange: (event: SyntheticEvent, search: string, reason: AutocompleteInputChangeReason) => void;
+    options: TOptions[];
+    isLoadingData: boolean;
+    emptyOptionsText: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
+};
+export {};

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,47 @@
+import { type AutocompleteRenderInputParams, type AutocompleteProps as MuiAutocompleteProps } from '@mui/material';
+import { type ReactNode } from 'react';
+import { type OverflowedElementProps } from '../OverflowTypography';
+import { type TextFieldProps } from '../TextField';
+import type { WithoutEmotionSpecific } from '../types';
+import type { AutocompleteSizes } from './enums';
+export type AutocompleteSize = `${AutocompleteSizes}`;
+export type AutocompleteProps<AutocompleteValueProps, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean> = Omit<WithoutEmotionSpecific<MuiAutocompleteProps<AutocompleteValueProps, Multiple, DisableClearable, FreeSolo>>, 'size' | 'renderInput' | 'noOptionsText' | 'closeText' | 'openText' | 'clearText'> & Pick<TextFieldProps, 'error' | 'success' | 'helperText' | 'label' | 'required' | 'inputRef' | 'placeholder'> & {
+    renderInput?: (props: TextFieldProps & Omit<AutocompleteRenderInputParams, 'size'>) => ReactNode;
+    size?: AutocompleteSize;
+    /**
+     * Опции для OverflowTypography, который оборачивает содержимое item
+     */
+    overflowOption?: OverflowedElementProps;
+    /**
+     * Текст ошибки, который будет отображаться в меню автокомплита
+     * Пример использования: информирование пользователя о том, что АПИ
+     * используемого сервиса в текущий момент недоступно
+     */
+    loadedDataError?: string;
+    /**
+     * Если true, будет отображено сообщение об ошибке при загрузке данных
+     * в меню автокомплита
+     */
+    isLoadedDataError?: boolean;
+    /**
+     * Текст для отображения, когда нет данных
+     * @default Нет данных
+     */
+    noOptionsText?: ReactNode;
+    /**
+     * Переопределяет текст для кнопки закрытия всплывающего окна
+     * @default Закрыть
+     */
+    closeText?: string;
+    /**
+     * Переопределяет текст для кнопки открытия всплывающего окна
+     * @default Открыть
+     */
+    openText?: string;
+    /**
+     * Переопределяет текст для кнопки отчистки поля
+     * @default Очистить
+     */
+    clearText?: string;
+};
+export declare const Autocomplete: <AutocompleteValueProps, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean>(props: AutocompleteProps<AutocompleteValueProps, Multiple, DisableClearable, FreeSolo>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Autocomplete/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT = 2;
+export declare const DEFAULT_PLACEHOLDER = "\u041D\u0430\u0447\u043D\u0438\u0442\u0435 \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u0434\u043B\u044F \u043F\u043E\u0438\u0441\u043A\u0430";

package/dist/components/Autocomplete/enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum AutocompleteSizes {
+    medium = "medium",
+    small = "small"
+}

package/dist/components/Autocomplete/index.d.ts

@@ -0,0 +1 @@
+export * from './Autocomplete';

package/dist/components/Autocomplete/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("../types").WithoutEmotionSpecific<import("@mui/material").MenuItemProps<import("react").ElementType, object>> & {
+    disabledReason?: string;
+    note?: string;
+    tooltipPlacement?: import("..").TooltipProps["placement"];
+    component?: import("react").ElementType | undefined;
+    href?: string;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/Autocomplete/useLogic/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogic';

package/dist/components/Autocomplete/useLogic/useLogic.d.ts

@@ -0,0 +1,15 @@
+import type { AutocompleteInputChangeReason } from '@mui/material';
+import { type SyntheticEvent } from 'react';
+import type { AutocompleteProps } from '../Autocomplete';
+type UseLogicParams<AutocompleteValueProps, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean> = AutocompleteProps<AutocompleteValueProps, Multiple, DisableClearable, FreeSolo>;
+export declare const useLogic: <AutocompleteValueProps, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean>({ value, isOptionEqualToValue: externalOptionEqualToValue, autoHighlight, freeSolo, options, loading, isLoadedDataError, loadedDataError, noOptionsText, onInputChange, }: UseLogicParams<AutocompleteValueProps, Multiple, DisableClearable, FreeSolo>) => {
+    isValueEmpty: boolean;
+    isPopperVisible: boolean | undefined;
+    autocompleteProps: {
+        isOptionEqualToValue: (option: AutocompleteValueProps, currentValue: AutocompleteValueProps) => boolean;
+        autoHighlight: boolean;
+        noOptionsText: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
+        onInputChange: (event: SyntheticEvent, currentValue: string, reason: AutocompleteInputChangeReason) => void;
+    };
+};
+export {};

package/dist/components/Autocomplete/useLogic/utils/checkIsInputEmpty/checkIsInputEmpty.d.ts

@@ -0,0 +1 @@
+export declare const checkIsInputEmpty: (value: unknown) => boolean;

package/dist/components/Autocomplete/useLogic/utils/checkIsInputEmpty/index.d.ts

@@ -0,0 +1 @@
+export * from './checkIsInputEmpty';

package/dist/components/Autocomplete/useLogic/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './checkIsInputEmpty';

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,18 @@
+import type { BadgeProps as MuiBadgeProps } from '@mui/material/Badge/Badge';
+import type { WithoutEmotionSpecific } from '../types';
+import type { BadgeColor, BadgeVariantsColor } from './types';
+export type BadgeProps = Omit<WithoutEmotionSpecific<MuiBadgeProps>, 'color'> & {
+    /**
+     * Цвет фона
+     */
+    color: BadgeColor;
+    /**
+     * Наличие белой рамки
+     */
+    withBorder?: boolean;
+    /**
+     * Группа цвета
+     */
+    variantColor?: BadgeVariantsColor;
+};
+export declare const Badge: ({ children, color, max, withBorder, variantColor, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Badge';
+export * from './types';

package/dist/components/Badge/styles.d.ts

@@ -0,0 +1,8 @@
+import type { BadgeColor, BadgeVariantsColor } from './types';
+type StyledBadgeProps = {
+    $customColor: BadgeColor;
+    $withBorder?: boolean;
+    $variantColor: BadgeVariantsColor;
+};
+export declare const StyledBadge: import("@emotion/styled").StyledComponent<import("@mui/material").BadgeOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "className" | "color" | "max" | "style" | "children" | "classes" | "variant" | "components" | "componentsProps" | "slots" | "slotProps" | "invisible" | "anchorOrigin" | "badgeContent" | "overlap" | "showZero"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledBadgeProps, {}, {}>;
+export {};

package/dist/components/Badge/types.d.ts

@@ -0,0 +1,2 @@
+export type BadgeColor = 'primary' | 'grey' | 'white' | 'warning' | 'error' | 'success';
+export type BadgeVariantsColor = 'contained' | 'light';

package/dist/components/BottomDrawer/BottomDrawer.d.ts

@@ -0,0 +1,15 @@
+import type { DrawerProps as MuiDrawerProps } from '@mui/material';
+import type { ReactNode } from 'react';
+import type { WithoutEmotionSpecific } from '../types';
+export type BottomDrawerProps = {
+    /**
+     * Заголовок
+     */
+    title?: ReactNode | ReactNode[] | string;
+    /**
+     * Высота шапки компонента
+     * * @default 56
+     */
+    drawerHeaderHeight?: number;
+} & WithoutEmotionSpecific<Omit<MuiDrawerProps, 'anchor' | 'variant' | 'title'>>;
+export declare const BottomDrawer: ({ title, drawerHeaderHeight, children, onClose, ...props }: BottomDrawerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/BottomDrawer/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const OFFSET_TOP_SCREEN = "16px";
+export declare const DEFAULT_HEADER_HEIGHT = 56;

package/dist/components/BottomDrawer/index.d.ts

@@ -0,0 +1 @@
+export * from './BottomDrawer';

package/dist/components/BottomDrawer/styles.d.ts

@@ -0,0 +1,20 @@
+import { type DrawerProps } from '@mui/material';
+export declare const StyledDrawer: import("@emotion/styled").StyledComponent<DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Header: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    drawerHeaderHeight: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const HeaderTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "className" | "color" | "height" | "style" | "width" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "children" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
+    children?: import("react").ReactNode;
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    color?: import("../Typography").TypographyColor;
+    variant?: import("../Typography").TypographyVariant;
+    colorIntensity?: import("../Typography").Intensity;
+    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import("react").ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    isUpperCase?: boolean;
+} & import("react").HTMLAttributes<HTMLParagraphElement>, {}, {}>;
+export declare const Body: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,35 @@
+import type { ButtonProps as MuiButtonProps } from '@mui/material';
+import type { ReactNode } from 'react';
+import type { WithoutEmotionSpecific } from '../types';
+import { ButtonColors, ButtonVariants } from './enums';
+export type ButtonProps<RootComponent extends React.ElementType, AdditionalProps = object> = Omit<WithoutEmotionSpecific<MuiButtonProps<RootComponent, AdditionalProps>>, 'variant' | 'color'> & {
+    /**
+     * Тип кнопки
+     */
+    variant?: `${ButtonVariants}`;
+    /**
+     * Если `true`, появляется loader внутри кнопки
+     */
+    loading?: boolean;
+    /**
+     * @deprecated Не поддерживается, используется стандартный индикатор загрузки
+     */
+    loadingIndicator?: ReactNode;
+    /**
+     * @deprecated Не поддерживается, используется стандартное положение индикатора загрузки `center`
+     */
+    loadingPosition?: 'start' | 'end' | 'center';
+    /**
+     * Цвет текста кнопки
+     */
+    color?: `${ButtonColors}`;
+    /**
+     * Тип html-элемента
+     */
+    component?: RootComponent;
+    /**
+     * Состояние кнопки - selected
+     */
+    selected?: boolean;
+};
+export declare const Button: <RootComponent extends React.ElementType, AdditionalProps>(props: ButtonProps<RootComponent, AdditionalProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/constants.d.ts

@@ -0,0 +1 @@
+export declare const LOADING_BUTTON_CLASSNAME = "astral-button-loading";

package/dist/components/Button/enums.d.ts

@@ -0,0 +1,23 @@
+export declare enum ButtonColors {
+    Error = "error",
+    Success = "success",
+    Warning = "warning",
+    Primary = "primary"
+}
+export declare enum ButtonVariants {
+    Contained = "contained",
+    Light = "light",
+    Text = "text",
+    Link = "link"
+}
+export declare enum ButtonSizes {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export declare enum ButtonStates {
+    Default = "default",
+    Active = "active",
+    Focus = "focus",
+    Hover = "hover"
+}

package/dist/components/Button/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Button';
+export * from './types';
+export * from './enums';
+export * from './constants';

package/dist/components/Button/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "sx" | "className" | "color" | "style" | "tabIndex" | "href" | "children" | "size" | "classes" | "action" | "disabled" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledCircularProgress: import("@emotion/styled").StyledComponent<import("../types").WithoutEmotionSpecific<Omit<import("../types").WithoutEmotionSpecific<import("@mui/material").CircularProgressProps>, "color" | "size">> & {
+    color?: "primary" | "inverted";
+    size?: "small" | "medium";
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/Button/types.d.ts

@@ -0,0 +1,19 @@
+import type { ButtonColors, ButtonSizes, ButtonStates, ButtonVariants } from './enums';
+declare module '@mui/material/Button' {
+    interface ButtonPropsVariantOverrides {
+        contained: true;
+        light: true;
+        text: true;
+        link: true;
+    }
+    interface ButtonPropsColorVariantOverrides {
+        primary: true;
+        success: true;
+        warning: true;
+        error: true;
+    }
+}
+export type ButtonColor = `${ButtonColors}`;
+export type ButtonVariant = `${ButtonVariants}`;
+export type ButtonSize = `${ButtonSizes}`;
+export type ButtonState = `${ButtonStates}`;

package/dist/components/Button/useLogic/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogic';