@max-ts/components 0.0.2

package/dist/components/NavMenu/Item/List/List.d.ts

@@ -0,0 +1,13 @@
+import type { ElementType, ReactNode } from 'react';
+export type ListProps = {
+    collapsedIn: boolean;
+    items: Array<[
+        key: string,
+        value: {
+            text: ReactNode;
+            active: boolean;
+            component: ElementType;
+        }
+    ]>;
+};
+export declare const List: (props: ListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/NavMenu/Item/List/index.d.ts

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

package/dist/components/NavMenu/Item/index.d.ts

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

package/dist/components/NavMenu/NavMenu.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentProps, ElementType } from 'react';
+import { type ItemProps } from './Item';
+export type NavMenuProps<TComponent extends ElementType = ElementType> = {
+    /**
+     * Состояние свернуто/развернуто меню по горизонтали
+     */
+    collapsedIn?: boolean;
+    items: [
+        key: ItemProps['item'][0],
+        value: ItemProps['item'][1] & {
+            component?: TComponent;
+        } & Omit<ComponentProps<ElementType extends TComponent ? 'button' : TComponent>, ''>
+    ][];
+};
+export declare const NavMenu: <TComponent extends ElementType>(props: NavMenuProps<TComponent>) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/OutdatedReleasePlaceholder/OutdatedReleasePlaceholder.d.ts

@@ -0,0 +1 @@
+export declare const OutdatedReleasePlaceholder: () => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/OverflowTypography/OverflowTypography.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode } from 'react';
+import type { PropsWithChildren } from 'react';
+import type { TooltipProps as BasicTooltipProps } from '../Tooltip';
+import { type TypographyProps } from '../Typography';
+type TooltipProps = Omit<BasicTooltipProps, 'ref'>;
+export type OverflowedProps = {
+    /**
+     * Максимальное количество отображаемых строк
+     * @example <OverflowTypography rowsCount={2} />
+     * @default 1
+     */
+    rowsCount?: number;
+};
+type TooltipCustomizable = {
+    /**
+     * Пропс для кастомизации тултипа
+     * @example <OverflowTypography tooltipProps={{placement: 'top-start'}} />
+     */
+    tooltipProps?: Omit<TooltipProps, 'children' | 'title'> & {
+        /**
+         * Кастомный контент внутри tooltip. Данный props перекрывает дефолтный текст,
+         * когда строка не вмещается в контейнер
+         */
+        title?: ReactNode;
+    };
+    /**
+     * Количество отображаемых после сокращения в конце символов
+     */
+    visibleLastSymbolsCount?: number;
+};
+export type OverflowedElementProps = OverflowedProps & TooltipCustomizable & TypographyProps;
+export type OverflowedTypographyProps = PropsWithChildren<OverflowedElementProps>;
+export declare const DEFAULT_ROWS_COUNT = 1;
+export declare const OverflowTypography: (props: OverflowedTypographyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/OverflowTypography/hooks/index.d.ts

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

package/dist/components/OverflowTypography/hooks/useOverflowed/index.d.ts

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

package/dist/components/OverflowTypography/hooks/useOverflowed/useOverflowed.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from 'react';
+export declare const useOverflowed: (forwardedRef?: Ref<HTMLElement>) => {
+    isOverflowed: boolean;
+    ref: import("react").RefObject<HTMLElement | null>;
+};

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

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

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

@@ -0,0 +1,35 @@
+type OverflowTypographyWrapperProps = {
+    hasMultipleRows: boolean;
+    rowsCount: number;
+};
+export declare const StyledTypography: 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> & OverflowTypographyWrapperProps, {}, {}>;
+export declare const Wrapper: 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> & {
+    $align: string;
+}, {}, {}>;
+export {};

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

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

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

@@ -0,0 +1,8 @@
+import type { OverflowedTypographyProps } from '../OverflowTypography';
+export declare const useLogic: ({ children, visibleLastSymbolsCount, ref: forwardedRef, }: OverflowedTypographyProps) => {
+    isTruncatedStringVisible: boolean | "" | 0 | 0n | null | undefined;
+    isOverflowed: boolean;
+    ref: import("react").RefObject<HTMLElement | null>;
+    firstPartLabel: string;
+    secondPartLabel: string;
+};

package/dist/components/OverflowTypography/utils/index.d.ts

@@ -0,0 +1 @@
+export { truncateString } from './truncateString';

package/dist/components/OverflowTypography/utils/truncateString/index.d.ts

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

package/dist/components/OverflowTypography/utils/truncateString/truncateString.d.ts

@@ -0,0 +1,4 @@
+export declare const truncateString: (visibleLastSymbolsCount: number, label: string) => {
+    firstPartLabel: string;
+    secondPartLabel: string;
+};

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,2 @@
+import type { PaginationProps } from './types';
+export declare const Pagination: ({ ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,3 @@
+import type { PaginationProps as MuiPaginationProps } from '@mui/material';
+import type { WithoutEmotionSpecific } from '../types';
+export type PaginationProps = Omit<WithoutEmotionSpecific<MuiPaginationProps>, 'shape' | 'showLastButton' | 'showFirstButton' | 'boundaryCount' | 'hidePrevButton' | 'hideNextButton'>;

package/dist/components/Paper/Paper.d.ts

@@ -0,0 +1,14 @@
+import { type PaperProps as MuiPaperProps } from '@mui/material';
+import type { WithoutEmotionSpecific } from '../types';
+export type PaperProps = Omit<WithoutEmotionSpecific<MuiPaperProps>, 'elevation'> & {
+    /**
+     * Определяет, на какой высоте над поверхностью находится элемент. Чем больше значение, тем дальше элемент визуально.
+     * @default elevation={1} 'Тень [200]'
+     * @example
+     * <Paper elevation={0}> = Нет тени
+     * <Paper> | <Paper elevation={1}> = Тень [200]
+     * <Paper elevation={2}> = Тень [300]
+     */
+    elevation?: 0 | 1 | 2;
+};
+export declare const Paper: (props: PaperProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Placeholder/Image/Image.d.ts

@@ -0,0 +1,21 @@
+import type { AllHTMLAttributes } from 'react';
+import type { PlaceholderSize } from '../types';
+export type ImageProps = Pick<AllHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'width' | 'height' | 'className'> & {
+    size?: PlaceholderSize;
+};
+export declare const Image: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    size?: PlaceholderSize;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const setDefaultImageStyles: {
+    <C extends import("react").ComponentClass<import("react").ComponentProps<C>, any>>(component: C): import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+        size?: PlaceholderSize;
+    } & import("react").JSX.LibraryManagedAttributes<C, import("react").ComponentProps<C>>, {}, {
+        ref?: import("react").Ref<InstanceType<C>> | undefined;
+    }>;
+    <C extends import("react").ComponentType<import("react").ComponentProps<C>>>(component: C): import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+        size?: PlaceholderSize;
+    } & import("react").JSX.LibraryManagedAttributes<C, import("react").ComponentProps<C>>, {}, {}>;
+    <Tag extends keyof import("@emotion/styled/dist/declarations/src/jsx-namespace").ReactJSXIntrinsicElements>(tag: Tag): import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+        size?: PlaceholderSize;
+    }, import("react").JSX.IntrinsicElements[Tag], {}>;
+};

package/dist/components/Placeholder/Image/index.d.ts

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

package/dist/components/Placeholder/Image/styles.d.ts

@@ -0,0 +1,4 @@
+import type { PlaceholderSize } from '../types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    size?: PlaceholderSize;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/dist/components/Placeholder/Placeholder.d.ts

@@ -0,0 +1,45 @@
+import { type ReactNode } from 'react';
+import { type ImageProps } from './Image';
+import type { PlaceholderSize } from './types';
+export type PlaceholderProps = {
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Ссылка на изображение
+     */
+    imgSrc?: string;
+    /**
+     * Описание изображения (атрибут alt)
+     */
+    imgAlt?: string;
+    /**
+     * @deprecated
+     * Ширина изображения. Причина отказа от поддержки: ширина теперь высчитывается на основе prop size
+     */
+    imgWidth?: string;
+    /**
+     * Заголовок
+     */
+    title: ReactNode | ReactNode[] | string;
+    /**
+     * Описание
+     */
+    description?: ReactNode | ReactNode[] | string;
+    /**
+     * Действия
+     */
+    Actions?: ReactNode;
+    /**
+     * Задает общий размер компонента
+     */
+    size?: PlaceholderSize;
+    /**
+     * Пропс для кастомизации компонента рендера основного изображения
+     * По умолчанию рендерится обычный img тег
+     * @example <Placeholder renderImage={(props) => <img {...props}/>} />
+     */
+    renderImage?: (props: ImageProps) => ReactNode;
+};
+export declare const Placeholder: ({ className, title, imgSrc, imgAlt, description, Actions, size, imgWidth, renderImage, }: PlaceholderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import type { PlaceholderSize } from './types';
+export declare const SIZE: Record<Capitalize<PlaceholderSize>, PlaceholderSize>;
+export declare const IMAGE_WIDTH: {
+    [x: string]: string;
+};
+export declare const IMAGE_HEIGHT: {
+    [x: string]: string;
+};
+export declare const MAX_INNER_WIDTH: {
+    [x: string]: string;
+};
+export declare const TITLE_HEADER_LEVEL: {
+    readonly [x: string]: "h3" | "h4" | "h5";
+};

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

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './Image';
+export * from './Placeholder';

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

@@ -0,0 +1,35 @@
+import type { PlaceholderSize } from './types';
+export type WithSize = {
+    $size: PlaceholderSize;
+};
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & WithSize, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InnerContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & WithSize, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Title: 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> & WithSize, {}, {}>;
+export declare const Description: 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> & WithSize, {}, {}>;
+export declare const Footer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

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

@@ -0,0 +1 @@
+export type PlaceholderSize = 'small' | 'medium' | 'large';

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,9 @@
+import { type PopoverProps as MuiPopoverProps } from '@mui/material';
+import type { WithoutEmotionSpecific } from '../types';
+export type PopoverProps = WithoutEmotionSpecific<MuiPopoverProps> & {
+    /**
+     * Заголовок для отображения в мобильной версии
+     */
+    title?: string;
+};
+export declare const Popover: ({ children, onClose, open, title, ...restProps }: PopoverProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/SearchField/SearchField.d.ts

@@ -0,0 +1,3 @@
+import type { TextFieldProps } from '../TextField';
+export type SearchFieldProps = Omit<TextFieldProps, 'startAdornment' | 'endAdornment'>;
+export declare const SearchField: import("react").ForwardRefExoticComponent<Omit<SearchFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,22 @@
+export declare const StyledSearchIcon: import("@emotion/styled").StyledComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledIconButton: import("@emotion/styled").StyledComponent<Omit<import("../types").WithoutEmotionSpecific<import("@mui/material").ButtonProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>, unknown>>, "color" | "variant"> & {
+    variant?: `${import("..").ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import("react").ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import("..").ButtonColors}`;
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & {
+    loading?: boolean;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    $isActive: boolean;
+}, {}, {}>;
+export declare const StyledTextField: import("@emotion/styled").StyledComponent<Omit<import("../types").WithoutEmotionSpecific<import("@mui/material").TextFieldProps>, "color" | "variant"> & {
+    success?: boolean;
+    startAdornment?: import("react").ReactNode;
+    endAdornment?: import("react").ReactNode;
+    maxLength?: number;
+    trimmed?: boolean;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledCloseFillSm: import("@emotion/styled").StyledComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,25 @@
+import { type SelectProps as MuiSelectProps } from '@mui/material';
+import type { ReactNode } from 'react';
+import type { WithoutEmotionSpecific } from '../types';
+export type SelectProps<Value> = WithoutEmotionSpecific<Omit<MuiSelectProps<Value>, 'variant'>> & {
+    loading?: boolean;
+    placeholder?: string;
+    getOptionLabel?: (value: string | number) => string | number;
+    /**
+     * Добавляет вспомогательный текст под селектом
+     */
+    helperText?: ReactNode;
+    /**
+     * Скрывает вспомогательный текст под селектом
+     */
+    hideHelperText?: boolean;
+    /**
+     * Если `false`, кнопка сброса не отобразится
+     * @default true
+     */
+    isShowClearButton?: boolean;
+    success?: boolean;
+    error?: boolean;
+    label?: string;
+};
+export declare const Select: <Value>({ required, getOptionLabel, placeholder, helperText, hideHelperText, loading, success, children, disabled, error, label, fullWidth, onChange: externalOnChange, isShowClearButton, ...props }: SelectProps<Value>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const CLEAR_TEXT = "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C";

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

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

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

@@ -0,0 +1,23 @@
+import { Select } from '@mui/material';
+export declare const ProgressWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Placeholder: 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>, {}, {}>;
+export declare const StyledIconButton: import("@emotion/styled").StyledComponent<Omit<import("../types").WithoutEmotionSpecific<import("@mui/material").ButtonProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>, unknown>>, "color" | "variant"> & {
+    variant?: `${import("..").ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import("react").ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import("..").ButtonColors}`;
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & {
+    loading?: boolean;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledCloseFillSm: import("@emotion/styled").StyledComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const EndAdornmentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSelect: typeof Select;

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

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

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

@@ -0,0 +1,10 @@
+import type { SelectProps } from '../Select';
+export declare function useLogic<Value>({ value, onChange, children, open: externalIsOpened, defaultOpen, multiple, isShowClearButton, }: SelectProps<Value>): {
+    isOpened: boolean;
+    isNoData: boolean;
+    isShowingClearButton: boolean;
+    resetButtonRef: import("react").RefObject<HTMLButtonElement | null>;
+    openSelect: () => void;
+    closeSelect: () => void;
+    onClearAll: () => void;
+};

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,36 @@
+import type { ChipProps as MuiTagProps } from '@mui/material';
+import { type ReactElement } from 'react';
+import type { BadgeColor } from '../Badge';
+import type { WithoutEmotionSpecific } from '../types';
+import type { TagColor, TagSize, TagVariant } from './types';
+export type TagAddonProps = {
+    color?: BadgeColor;
+};
+export type TagAddon = (props: TagAddonProps) => ReactElement | null;
+export type TagProps = Omit<WithoutEmotionSpecific<MuiTagProps>, 'color' | 'variant' | 'size'> & {
+    /**
+     * Цвет тега
+     */
+    color?: TagColor;
+    /**
+     * Тип тега
+     */
+    variant?: TagVariant;
+    /**
+     * Скругленная форма тега
+     */
+    rounded?: boolean;
+    /**
+     * Размер тега
+     */
+    size?: TagSize;
+    /**
+     * Контент слева от label
+     */
+    startAddon?: TagAddon;
+    /**
+     * Контент справа от label
+     */
+    endAddon?: TagAddon;
+};
+export declare const Tag: import("react").ForwardRefExoticComponent<Omit<TagProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,18 @@
+export declare enum TagColors {
+    DEFAULT = "default",
+    PRIMARY = "primary",
+    ERROR = "error",
+    GREY = "grey",
+    SUCCESS = "success",
+    WARNING = "warning"
+}
+export declare enum TagVariants {
+    CONTAINED = "contained",
+    LIGHT = "light",
+    TEXT = "text"
+}
+export declare enum TagStates {
+    DEFAULT = "default",
+    HOVER = "hover",
+    ACTIVE = "active"
+}

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

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

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

@@ -0,0 +1,27 @@
+import { type ChipProps } from '@mui/material';
+import type { BadgeColor } from '../Badge';
+import type React from 'react';
+import type { Theme } from '../../theme';
+import type { TagColor, TagSize, TagVariant } from './types';
+type StyledTagProps = {
+    customColor?: TagColor;
+    customVariant?: TagVariant;
+    rounded?: boolean;
+    customSize: TagSize;
+};
+type StyledTagThemeProps = StyledTagProps & {
+    theme: Theme;
+} & Pick<ChipProps, 'onDelete' | 'disabled'>;
+export declare const getBadgeColor: (args: {
+    tagColor?: TagColor;
+    variant?: TagVariant;
+    theme: Theme;
+}) => BadgeColor;
+export declare const getDeleteIconColor: ({ customVariant, customColor, theme, }: StyledTagThemeProps) => string;
+export declare const StyledTag: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | "className" | "color" | "style" | "tabIndex" | "children" | "size" | "classes" | "label" | "disabled" | "variant" | "icon" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledTagProps, {}, {}>;
+export declare const LabelContainer: import("@emotion/styled").StyledComponent<import("../Container/styles").ContainerRootProps & {
+    style?: React.CSSProperties;
+    id?: string;
+    ref?: React.Ref<HTMLDivElement>;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export {};

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

@@ -0,0 +1,5 @@
+import type { TagColors, TagStates, TagVariants } from './enums';
+export type TagColor = `${TagColors}`;
+export type TagVariant = `${TagVariants}`;
+export type TagSize = 'small' | 'medium' | 'large';
+export type TagState = `${TagStates}`;

package/dist/components/TagBadge/TagBadge.d.ts

@@ -0,0 +1,23 @@
+import type { BadgeColor, BadgeProps } from '../Badge';
+export type TagBadgeProps = Omit<BadgeProps, 'color' | 'withBorder'> & {
+    /**
+     * CheckableTag в состоянии checked
+     */
+    checked?: boolean;
+    /**
+     * CheckableTag в состоянии disabled
+     */
+    disabled?: boolean;
+    /**
+     * Кастомный цвет для состояния checked
+     */
+    checkedColor?: BadgeColor;
+    /**
+     * Цвет Badge
+     */
+    color?: BadgeColor;
+};
+/**
+ * Badge для использования внутри компонента Tag
+ */
+export declare const TagBadge: ({ color, checked, disabled, checkedColor, ...props }: TagBadgeProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,5 @@
+export declare const StyledBadge: import("@emotion/styled").StyledComponent<Omit<import("../types").WithoutEmotionSpecific<import("@mui/material").BadgeProps>, "color"> & {
+    color: import("../Badge").BadgeColor;
+    withBorder?: boolean;
+    variantColor?: import("../Badge").BadgeVariantsColor;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;