@astral/ui 4.18.4 → 4.18.6

package/components/Autocomplete/Autocomplete.d.ts

@@ -1,92 +1,21 @@
-import { type ReactNode } from 'react';
-import { type OverflowedElementProps } from '../OverflowTypography';
-import { type TextFieldProps } from '../TextField';
-import type { WithoutEmotionSpecific } from '../types';
-import { type AutocompleteRenderInputParams, type MuiAutocompleteProps } from './types';
-export type AutocompleteSize = 'small' | 'medium';
-export type AutocompleteProps<TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean> = Omit<WithoutEmotionSpecific<MuiAutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>>, 'size' | 'renderInput' | 'noOptionsText' | 'closeText' | 'openText' | 'clearText'> & Pick<TextFieldProps, 'error' | 'success' | 'helperText' | 'label' | 'required' | 'inputRef' | 'placeholder' | 'inputProps'> & {
-    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;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
-    hideHelperText?: boolean;
-};
-export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<WithoutEmotionSpecific<MuiAutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "clearText" | "closeText" | "noOptionsText" | "openText" | "renderInput"> & Pick<TextFieldProps, "label" | "success" | "error" | "inputRef" | "required" | "helperText" | "inputProps" | "placeholder"> & {
-    renderInput?: ((props: TextFieldProps & Omit<AutocompleteRenderInputParams, 'size'>) => ReactNode) | undefined;
-    size?: AutocompleteSize | undefined;
-    /**
-     * Опции для OverflowTypography, который оборачивает содержимое item
-     */
-    overflowOption?: OverflowedElementProps | undefined;
-    /**
-     * Текст ошибки, который будет отображаться в меню автокомплита
-     * Пример использования: информирование пользователя о том, что АПИ
-     * используемого сервиса в текущий момент недоступно
-     */
+/// <reference types="react" />
+import { type AutocompleteRenderInputParams } from './types';
+export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material/Autocomplete/Autocomplete").AutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "clearText" | "closeText" | "noOptionsText" | "openText" | "renderInput"> & Pick<import("../TextField").TextFieldProps, "label" | "success" | "error" | "inputRef" | "required" | "helperText" | "inputProps" | "placeholder"> & {
+    renderInput?: ((props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").TextFieldProps>, "color" | "select" | "margin" | "variant" | "multiline" | "SelectProps"> & {
+        success?: boolean | undefined;
+        startAdornment?: import("react").ReactNode;
+        endAdornment?: import("react").ReactNode;
+        maxLength?: number | undefined;
+        trimmed?: boolean | undefined;
+        hideHelperText?: boolean | undefined;
+    } & Omit<AutocompleteRenderInputParams, "size">) => import("react").ReactNode) | undefined;
+    size?: import("./types").AutocompleteSize | undefined;
+    overflowOption?: import("../OverflowTypography").OverflowedElementProps | undefined;
     loadedDataError?: string | undefined;
-    /**
-     * Если true, будет отображено сообщение об ошибке при загрузке данных
-     * в меню автокомплита
-     */
     isLoadedDataError?: boolean | undefined;
-    /**
-     * Текст для отображения, когда нет данных
-     * @default Нет данных
-     */
-    noOptionsText?: ReactNode;
-    /**
-     * Переопределяет текст для кнопки закрытия всплывающего окна
-     * @default Закрыть
-     */
+    noOptionsText?: import("react").ReactNode;
     closeText?: string | undefined;
-    /**
-     * Переопределяет текст для кнопки открытия всплывающего окна
-     * @default Открыть
-     */
     openText?: string | undefined;
-    /**
-     * Переопределяет текст для кнопки отчистки поля
-     * @default Очистить
-     */
     clearText?: string | undefined;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
     hideHelperText?: boolean | undefined;
 } & import("react").RefAttributes<unknown>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/components/Autocomplete/Autocomplete.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ListItemIcon from '@mui/material/ListItemIcon';
 import MuiPopper from '@mui/material/Popper';
-import { useCallback, } from 'react';
+import { useCallback } from 'react';
 import { CrossOutlineMd } from '../../icons/CrossOutlineMd';
 import { DownOutlineMd } from '../../icons/DownOutlineMd';
 import { Checkbox } from '../Checkbox';
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
 import { Loader } from '../Loader';
-import { OverflowTypography, } from '../OverflowTypography';
+import { OverflowTypography } from '../OverflowTypography';
 import { Tag } from '../Tag';
 import { TextField } from '../TextField';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT, DEFAULT_PLACEHOLDER, } from './constants';
 import { StyledAutocomplete, StyledMenuItem } from './styles';
 import { useLogic } from './useLogic';

package/components/Autocomplete/index.d.ts

@@ -1,2 +1,2 @@
 export * from './Autocomplete';
-export type { AutocompleteRenderGetTagProps } from './types';
+export type { AutocompleteRenderGetTagProps, AutocompleteSize, AutocompleteProps, } from './types';

package/components/Autocomplete/public.d.ts

@@ -1,2 +1,2 @@
 export * from './Autocomplete';
-export type { AutocompleteRenderGetTagProps } from './types';
+export type { AutocompleteProps, AutocompleteRenderGetTagProps, AutocompleteSize, } from './types';

package/components/Autocomplete/types.d.ts

@@ -1,2 +1,51 @@
+import { type AutocompleteRenderInputParams, type AutocompleteProps as MuiAutocompleteProps } from '@mui/material/Autocomplete';
+import { type ReactNode } from 'react';
+import { type OverflowedElementProps } from '../OverflowTypography';
+import { type TextFieldProps } from '../TextField';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type { AutocompleteOwnerState, AutocompleteProps as MuiAutocompleteProps, AutocompleteRenderGetTagProps, AutocompleteRenderInputParams, AutocompleteRenderOptionState, } from '@mui/material/Autocomplete';
 export type { PopperProps } from '@mui/material/Popper';
+export type AutocompleteSize = 'small' | 'medium';
+export type AutocompleteProps<TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean> = Omit<WithoutEmotionSpecific<MuiAutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>>, 'size' | 'renderInput' | 'noOptionsText' | 'closeText' | 'openText' | 'clearText'> & Pick<TextFieldProps, 'error' | 'success' | 'helperText' | 'label' | 'required' | 'inputRef' | 'placeholder' | 'inputProps'> & {
+    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;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean;
+};

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

@@ -1,6 +1,6 @@
 import { type AutocompleteInputChangeReason } from '@mui/material/Autocomplete';
 import { type SyntheticEvent } from 'react';
-import type { AutocompleteProps } from '../Autocomplete';
+import { type AutocompleteProps } from '../types';
 type UseLogicParams<TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean> = AutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>;
 export declare const useLogic: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>({ value, isOptionEqualToValue: externalOptionEqualToValue, autoHighlight, freeSolo, options, loading, isLoadedDataError, loadedDataError, noOptionsText, onInputChange, }: UseLogicParams<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>) => {
     isValueEmpty: boolean;

package/components/Avatar/types.d.ts

@@ -1,5 +1,5 @@
 import type { AvatarProps as MuiAvatarProps } from '@mui/material/Avatar/Avatar';
-import type { WithoutEmotionSpecific } from '../types';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type AvatarSize = 'sm' | 'md' | 'lg';
 export type AvatarProps = WithoutEmotionSpecific<MuiAvatarProps> & {
     /**

package/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,5 +1,5 @@
 import type { AvatarGroupProps as MuiAvatarGroupProps } from '@mui/material/AvatarGroup';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 import { type AvatarGroupSize } from './types';
 export type AvatarGroupProps = WithoutEmotionSpecific<MuiAvatarGroupProps> & {
     size?: AvatarGroupSize;

package/components/BackdropStack/hooks/useBackdropStackToggle/useBackdropStackToggle.d.ts

@@ -1,5 +1,5 @@
 import { type SyntheticEvent } from 'react';
-import { type CloseEventReason } from '../../../types';
+import { type CloseEventReason } from '../../../types/CloseEventReason';
 /**
  * необязательные настройки для использования хука
  */

package/components/BackdropStack/services/BackdropStackManager/BackdropStackManager.d.ts

@@ -1,4 +1,4 @@
-import { type CloseEventReason } from '../../../types';
+import { type CloseEventReason } from '../../../types/CloseEventReason';
 /**
  * айдишка модалки/поппера/тултипа
  */

package/components/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { type BadgeProps as MuiBadgeProps } from '@mui/material/Badge/Badge';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 import { type BadgeColor, type BadgeVariantsColor } from './types';
 export type BadgeProps = Omit<WithoutEmotionSpecific<MuiBadgeProps>, 'color'> & {
     /**

package/components/Banner/BannerActionButton/BannerActionButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '../../Button';
-import { useViewportType } from '../../hooks/useViewportType';
+import { useViewportType } from '../../useViewportType';
 export const BannerActionButton = ({ children, ...restProps }) => {
     const { isMobile } = useViewportType();
     return (_jsx(Button, { ...restProps, fullWidth: isMobile, size: "large", children: children }));

package/components/Banner/BannerContainer/BannerContainer.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Dialog } from '../../Dialog';
-import { useViewportType } from '../../hooks/useViewportType';
 import { BANNER_CONTAINER_ID, NOTIFY_POSITIONS, notifyClassnames, } from '../../Notification';
+import { useViewportType } from '../../useViewportType';
 import { banner } from '../Banner';
 import { BannerTemplate } from '../BannerTemplate';
 import { Inner } from './styles';

package/components/Banner/BannerTemplate/BannerTemplate.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../Button';
-import { useViewportType } from '../../hooks/useViewportType';
 import { Typography } from '../../Typography';
+import { useViewportType } from '../../useViewportType';
 import { Container, Footer, Image, Wrapper, WrapperTextContent, } from './styles';
 export const BannerTemplate = (props) => {
     const { closeToast, imageSrc, title, description, onClose, action, setIsOpenDialog, } = props;

package/components/Banner/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const bannerClassnames = {
     root: createUIKitClassname('banner'),
 };

package/components/BottomDrawer/BottomDrawer.d.ts

@@ -1,6 +1,6 @@
 import type { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
 import { type ReactElement } from 'react';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type BottomDrawerProps = {
     /**
      * Заголовок

package/components/BottomDrawer/styles.d.ts

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

package/components/BulletListItem/BulletListItem.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type TypographyProps } from '../Typography';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type BulletListItemProps = WithoutEmotionSpecific<TypographyProps>;
 /**
  * Элемент с маркерами

package/components/BulletListItem/BulletListItem.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Typography } from '../Typography';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { Icon, Wrapper } from './styles';
 /**
  * Элемент с маркерами

package/components/Button/Button.d.ts

@@ -1,49 +1,9 @@
-import type { ButtonProps as MuiButtonProps } from '@mui/material/Button';
-import { type ComponentPropsWithRef, type ElementType } from 'react';
-import type { WithoutEmotionSpecific } from '../types';
-import { ButtonColors, ButtonVariants } from './enums';
-export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps>, 'variant' | 'color' | 'centerRipple' | 'disableRipple' | 'TouchRippleProps' | 'disableTouchRipple' | 'disableFocusRipple' | 'focusRipple' | 'touchRippleRef' | 'component'> & {
-    /**
-     * Тип кнопки
-     */
-    variant?: `${ButtonVariants}`;
-    /**
-     * Если `true`, появляется loader внутри кнопки
-     */
-    loading?: boolean;
-    /**
-     * Цвет текста кнопки
-     */
-    color?: `${ButtonColors}`;
-    /**
-     * Тип html-элемента
-     */
-    component?: TComponent;
-    /**
-     * Состояние кнопки - selected
-     */
-    selected?: boolean;
-} & Omit<ComponentPropsWithRef<ElementType extends TComponent ? 'button' : TComponent>, ''>;
-export declare const Button: <TComponent extends ElementType>(props: Omit<WithoutEmotionSpecific<MuiButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    /**
-     * Тип кнопки
-     */
+import { type ElementType } from 'react';
+export declare const Button: <TComponent extends ElementType>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
-    /**
-     * Если `true`, появляется loader внутри кнопки
-     */
     loading?: boolean | undefined;
-    /**
-     * Цвет текста кнопки
-     */
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
-    /**
-     * Тип html-элемента
-     */
     component?: TComponent | undefined;
-    /**
-     * Состояние кнопки - selected
-     */
     selected?: boolean | undefined;
-} & Omit<ComponentPropsWithRef<ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+} & Omit<import("react").ComponentPropsWithRef<ElementType extends TComponent ? "button" : TComponent>, ""> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 export default Button;

package/components/Button/Button.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRefWithGeneric } from '../forwardRefWithGeneric';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { buttonClassnames } from './constants';
 import { ButtonColors, ButtonVariants } from './enums';
 import { StyledButton, StyledLoader } from './styles';

package/components/Button/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export { buttonClasses } from '@mui/material/Button';
 export const buttonClassnames = {
     loading: createUIKitClassname('button_loading'),

package/components/Button/types.d.ts

@@ -1,3 +1,6 @@
+import type { ButtonProps as MuiButtonProps } from '@mui/material/Button';
+import { type ComponentPropsWithRef, type ElementType } from 'react';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 import { type ButtonColors, type ButtonSizes, type ButtonStates, type ButtonVariants } from './enums';
 declare module '@mui/material/Button' {
     interface ButtonPropsVariantOverrides {
@@ -19,3 +22,25 @@ export type ButtonColor = `${ButtonColors}`;
 export type ButtonVariant = `${ButtonVariants}`;
 export type ButtonSize = `${ButtonSizes}`;
 export type ButtonState = `${ButtonStates}`;
+export type ButtonProps<TComponent extends ElementType = ElementType> = Omit<WithoutEmotionSpecific<MuiButtonProps>, 'variant' | 'color' | 'centerRipple' | 'disableRipple' | 'TouchRippleProps' | 'disableTouchRipple' | 'disableFocusRipple' | 'focusRipple' | 'touchRippleRef' | 'component'> & {
+    /**
+     * Тип кнопки
+     */
+    variant?: `${ButtonVariants}`;
+    /**
+     * Если `true`, появляется loader внутри кнопки
+     */
+    loading?: boolean;
+    /**
+     * Цвет текста кнопки
+     */
+    color?: `${ButtonColors}`;
+    /**
+     * Тип html-элемента
+     */
+    component?: TComponent;
+    /**
+     * Состояние кнопки - selected
+     */
+    selected?: boolean;
+} & Omit<ComponentPropsWithRef<ElementType extends TComponent ? 'button' : TComponent>, ''>;

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

@@ -1,4 +1,4 @@
-import { type ButtonProps } from '../Button';
+import { type ButtonProps } from '../types';
 type UseLogicParam = ButtonProps;
 type Color = 'primary' | 'inverted';
 export declare const useLogic: ({ variant, }: UseLogicParam) => {

package/components/CardGridInfinite/Card/SecondaryActionButton/SecondaryActionButton.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ClickAwayListener from '@mui/material/ClickAwayListener';
 import { useContext, useRef, useState } from 'react';
 import { DotsVOutlineMd } from '../../../../icons/DotsVOutlineMd';
-import { useMenu } from '../../../hooks/useMenu';
+import { useMenu } from '../../../useMenu';
 import { SecondaryActionsMenuProvider, } from '../../CardGridSecondaryAction';
 import { CardActionContext } from '../CardActionContext';
 import { StyledIconButton } from './styles';

package/components/CardGridInfinite/NoDataPlaceholder/NoDataPlaceholder.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
-import { Placeholder } from '../../placeholders';
+import { Placeholder } from '../../placeholders/Placeholder';
 import { NO_DATA_TEXT } from './constants';
 export const NoDataPlaceholder = ({ noDataImgSrc }) => {
     const { imagesMap } = useContext(ConfigContext);

package/components/CardGridInfinite/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const VIRTUOSO_CONTAINER_ID = 'virtuoso-container';
 export const OVERSCAN = 30;
 export const cardGridClassnames = {

package/components/CardGridInfinite/styles.js

@@ -1,4 +1,4 @@
-import { loadingPlaceholderClassnames } from '../placeholders';
+import { loadingPlaceholderClassnames } from '../placeholders/LoadingPlaceholder';
 import { styled } from '../styled';
 import { cardGridClassnames } from './constants';
 export const Wrapper = styled.div `

package/components/CardGridInfinite/useLogic/useLogic.js

@@ -1,9 +1,9 @@
 import { useContext, useEffect, useMemo } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
-import { useScrollManagement } from '../../hooks/useScrollManagement';
-import { useStickyButton } from '../../hooks/useStickyButton';
-import { useViewportType } from '../../hooks/useViewportType';
-import { classNames } from '../../utils';
+import { useScrollManagement } from '../../useScrollManagement';
+import { useStickyButton } from '../../useStickyButton';
+import { useViewportType } from '../../useViewportType';
+import { classNames } from '../../utils/classNames';
 import { cardGridClassnames, OVERSCAN, VIRTUOSO_CONTAINER_ID, } from '../constants';
 export const useLogic = ({ list, isLoading, isError, errorMsg, errorImgSrc, scrollRef, skeleton, onRetry, endOfScrollMsg, isEndReached, onLoadMore, noDataImgSrc, defineCard, desktopCardWidth, }) => {
     const { imagesMap } = useContext(ConfigContext);

package/components/Checkbox/Icon/Icon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SvgIcon } from '../../SvgIcon';
-import { classNames } from '../../utils';
+import { classNames } from '../../utils/classNames';
 import { checkboxClassnames } from '../constants';
 export const Icon = ({ ...props }) => (_jsxs(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [_jsx("rect", { className: checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] }));

package/components/Checkbox/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const checkboxClassnames = {
     root: createUIKitClassname('checkbox'),
     checked: createUIKitClassname('checkbox_checked'),

package/components/Checkbox/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useMemo, useState } from 'react';
-import { useUpdateEffect } from '../../hooks/useUpdateEffect';
-import { classNames } from '../../utils';
+import { useUpdateEffect } from '../../useUpdateEffect';
+import { classNames } from '../../utils/classNames';
 import { checkboxClassnames } from '../constants';
 export const useLogic = ({ checked = false, indeterminate = false, disabled = false, isError = false, defaultChecked = false, onChange: propsOnChange, className: propClassNames, role, style, name, inputRef, value, id, ...restProps }) => {
     const [isChecked, setIsChecked] = useState(defaultChecked || checked);

package/components/CheckboxField/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const checkboxFieldClassnames = {
     label: createUIKitClassname('checkbox-field__label'),
 };

package/components/Chevron/Chevron.d.ts

@@ -1,6 +1,6 @@
 import { type SvgIconProps } from '@mui/material/SvgIcon';
 import type { ReactElement } from 'react';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type ChevronProps = {
     isActive?: boolean;
     className?: string;

package/components/ClickAwayListener/ClickAwayListener.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import { type UseClickAwayListenerOptions } from '../hooks/useClickAwayEffect';
+import { type UseClickAwayListenerOptions } from '../useClickAwayEffect';
 export type ClickAwayListenerProps = Omit<UseClickAwayListenerOptions, 'ref' | 'isActive'> & {
     children: ReactElement;
     isActive?: boolean;

package/components/ClickAwayListener/ClickAwayListener.js

@@ -1,5 +1,5 @@
 import { Children, cloneElement, useRef } from 'react';
-import { useClickAwayEffect, } from '../hooks/useClickAwayEffect';
+import { useClickAwayEffect, } from '../useClickAwayEffect';
 /**
  * компонент предоставляющий обертку для работы с хуком useClickAwayEffect
  */

package/components/CodeField/Resend/320/241odeButton/Resend/320/241odeButton.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Button } from '../../Button';
-import { useSecondsCountdown } from '../../hooks/useSecondsCountDown';
 import { Typography } from '../../Typography';
+import { useSecondsCountdown } from '../../useSecondsCountDown';
 import { Wrapper } from './styles';
 const ResendCodeButton = ({ loading, disabled, resendTimeout, onResendCode, clearCodeValue, }) => {
     const { isActive, textTime: time, restart, } = useSecondsCountdown({