@astral/ui 4.18.4 → 4.18.5

package/components/PageHeader/Title/styles.d.ts

@@ -1,15 +1,9 @@
 /// <reference types="react" />
-export declare const TitleWrapper: import("../../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const TitleWrapper: import("../../styled").StyledComponent<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> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/components/PageHeader/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const pageHeaderClassnames = {
     pageHeaderMobileTitle: createUIKitClassname('page-header__mobile-title'),
     pageHeaderActions: createUIKitClassname('page-header__actions'),

package/components/PageHeader/hooks/usePageTitle/usePageTitle.js

@@ -1,6 +1,6 @@
 import { useContext, useEffect, useRef } from 'react';
 import { ConfigContext } from '../../../ConfigProvider';
-import { getNodeText } from '../../../utils';
+import { getNodeText } from '../../../utils/getNodeText';
 export const usePageTitle = ({ shouldUpdateDocumentTitle, title, htmlTitle, }) => {
     const prevTitleRef = useRef(null);
     const { components } = useContext(ConfigContext);

package/components/PageHeader/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useContext, useMemo } from 'react';
 import { PageContext } from '../../PageContext';
-import { classNames } from '../../utils';
+import { classNames } from '../../utils/classNames';
 import { pageHeaderClassnames } from '../constants';
 import { usePageTitle } from '../hooks/usePageTitle';
 export const useLogic = ({ shouldUpdateDocumentTitle, title, actions, htmlTitle, backButton, }) => {

package/components/PageLayout/PageLayout.js

@@ -5,7 +5,7 @@ import { PageContent } from '../PageContent';
 import { PageContextProvider } from '../PageContext';
 import { PageHeader } from '../PageHeader';
 import { PageLayoutContainer } from '../PageLayoutContainer';
-import { LoadingPlaceholder } from '../placeholders';
+import { LoadingPlaceholder } from '../placeholders/LoadingPlaceholder';
 import { DesktopAlertWrapper, LoaderWrapper, MobileAlertWrapper, } from './styles';
 import { useLogic } from './useLogic';
 export const PageLayout = (props) => {

package/components/PageLayoutContainer/PageLayoutContainer.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { pageLayoutClassnames } from './constants';
 import { StylePaper, Wrapper } from './styles';
 export const PageLayoutContainer = forwardRef(({ children, className }, forwardedRef) => {

package/components/PageLayoutContainer/constants.js

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

package/components/PageLayoutLoader/PageLayoutLoader.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { LoadingPlaceholder } from '../placeholders';
+import { LoadingPlaceholder } from '../placeholders/LoadingPlaceholder';
 import { Wrapper } from './styles';
 /**
  * Легковесный компонент для отображения Suspense fallback для lazy import PageLayout

package/components/PagePinnableAside/PagePinnableAside.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MenuOnOutlineMd } from '../../icons/MenuOnOutlineMd';
 import { PinButton } from '../PinButton';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { pinnableAsideClassnames } from './constants';
 import { Aside, ChildrenWrapper, Content, Dummy, Footer } from './styles';
 import { useLogic } from './useLogic';

package/components/PagePinnableAside/constants.js

@@ -1,4 +1,5 @@
-import { createUIKitClassname, generateLocalStorageKey } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
+import { generateLocalStorageKey } from '../utils/generateLocalStorageKey';
 export const pinnableAsideClassnames = {
     content: createUIKitClassname('pinnable-aside__content'),
 };

package/components/Pagination/PaginationItem/styles.d.ts

@@ -1,15 +1,9 @@
 /// <reference types="react" />
-export declare const Ellipsis: import("../../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Ellipsis: import("../../styled").StyledComponent<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> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/components/Paper/Paper.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PaperProps as MuiPaperProps } from '@mui/material/Paper';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type PaperProps = Omit<WithoutEmotionSpecific<MuiPaperProps>, 'elevation'> & {
     /**
      * Определяет, на какой высоте над поверхностью находится элемент. Чем больше значение, тем дальше элемент визуально.

package/components/PasswordField/PasswordField.js

@@ -5,7 +5,7 @@ import { EyeOutlineMd } from '../../icons/EyeOutlineMd';
 import { IconButton } from '../IconButton';
 import { useHidePersonalData } from '../personalDataSecurity';
 import { TextField } from '../TextField';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 export const PasswordField = forwardRef(({ label, disabled = false, showSymbols = false, isHidePersonalData, inputProps, ...props }, ref) => {
     const [showPassword, setShowPassword] = useState(showSymbols);
     const handleClickShowPassword = () => setShowPassword((show) => !show);

package/components/PdfViewer/PdfDocument/PdfDocument.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from '../../utils';
+import { classNames } from '../../utils/classNames';
 import { pdfViewerClassnames } from '../constants';
 import { StyledDocument } from './styles';
 import { useLogic } from './useLogic';

package/components/PdfViewer/PdfViewer.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { pdfjs } from 'react-pdf';
 import { ContentState } from '../ContentState';
-import { LoadingPlaceholder } from '../placeholders';
+import { LoadingPlaceholder } from '../placeholders/LoadingPlaceholder';
 import { defineWithResolversPolyfill } from '../polyfills';
 import { ControlBar } from './ControlBar';
 import { PDFJS_WORKER_URL } from './constants';

package/components/PdfViewer/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const pdfViewerClassnames = {
     document: createUIKitClassname('pdf-viewer__document'),
     page: createUIKitClassname('pdf-viewer__page'),

package/components/PinButton/PinButton.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { PinOutlineMd } from '../../icons/PinOutlineMd';
 import { UnpinOutlineMd } from '../../icons/UnpinOutlineMd';
 import { Collapse } from '../Collapse';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { pinButtonClassnames } from './constants';
 import { Content, TogglerButton } from './styles';
 export const PinButton = (props) => {

package/components/PinButton/constants.js

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

package/components/PinButton/styles.d.ts

@@ -8,17 +8,11 @@ export declare const TogglerButton: import("../styled").StyledComponent<Omit<imp
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const Content: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Content: import("../styled").StyledComponent<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> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/components/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import type { PopoverProps as MuiPopoverProps } from '@mui/material/Popover';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type PopoverProps = WithoutEmotionSpecific<MuiPopoverProps> & {
     /**
      * Заголовок для отображения в мобильной версии

package/components/ProductSwitcher/Content/styles.d.ts

@@ -13,17 +13,11 @@ export declare const Logo: import("../../styled").StyledComponent<{
 export declare const TitleErrorContainer: import("../../styled").StyledComponent<Omit<import("../../Grid/GridComponent").GridComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("../../Grid/styles").StyledGridProps, {}, {}>;
-export declare const ProductName: import("../../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "center" | "left" | "right" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const ProductName: import("../../styled").StyledComponent<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> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/components/Profile/MenuList/MenuList.d.ts

@@ -1,5 +1,5 @@
 import type { MenuProps as MuiMenuProps } from '@mui/material/Menu';
-import { type WithoutEmotionSpecific } from '../../types';
+import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 import { type ProfileMenuItemData } from '../types';
 type MenuListProps = WithoutEmotionSpecific<MuiMenuProps> & {
     menuList?: ProfileMenuItemData[];

package/components/Profile/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const profileClassnames = {
     credentials: createUIKitClassname('profile__credentials'),
 };

package/components/Profile/types.d.ts

@@ -1,7 +1,8 @@
 import type { AvatarProps } from '@mui/material/Avatar';
 import type { MenuProps } from '@mui/material/Menu';
 import type { PropsWithChildren, ReactElement, ReactNode } from 'react';
-import type { SyncFunctionComponent, WithoutEmotionSpecific } from '../types';
+import type { SyncFunctionComponent } from '../types/SyncFunctionComponent';
+import type { WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type ProfileMenuItemData = {
     icon?: ReactNode;
     title: ReactNode;

package/components/Radio/constants.js

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

package/components/Radio/useLogic/useLogic.js

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

package/components/RadioCard/RadioCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import { RadioGroupContext } from '../RadioGroup';
-import { classNames } from '../utils';
+import { classNames } from '../utils/classNames';
 import { radioCardClassnames } from './constants';
 import { Content, StyledRadio, Wrapper } from './styles';
 export const RadioCard = ({ id, disabled: propsIsDisabled, className, header, children, value, ...props }) => {

package/components/RadioCard/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const radioCardClassnames = {
     root: createUIKitClassname('radio-card'),
     content: createUIKitClassname('radio-card__content'),

package/components/Select/Select.d.ts

@@ -1,87 +1,17 @@
-import type { SelectProps as MuiSelectProps } from '@mui/material/Select';
 import { type ReactNode } from 'react';
-import { type WithoutEmotionSpecific } from '../types';
-export type SelectProps<TValue> = WithoutEmotionSpecific<Omit<MuiSelectProps<TValue>, 'variant' | 'color' | 'onOpen'>> & {
-    loading?: boolean;
-    placeholder?: string;
-    getOptionLabel?: (value: string | number) => string | number;
-    /**
-     * Добавляет вспомогательный текст под селектом
-     */
-    helperText?: ReactNode;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
-    hideHelperText?: boolean;
-    /**
-     * Если `false`, кнопка сброса не отобразится
-     * @default true
-     */
-    isShowClearButton?: boolean;
-    success?: boolean;
-    error?: boolean;
-    label?: string;
-    /**
-     * Если true, то отобразится option "Выбрать все"
-     * работает только с multiple
-     */
-    isEnableAllSelection?: boolean;
-    /**
-     * Массив value, нужен для работы опции "Выбрать все"
-     */
-    valueOptions?: TValue;
-    /**
-     * Выполняется при выборе всех элементов, после нажатия 'Выбрать все'
-     */
-    onSelectAll?: () => void;
-    /**
-     * Выполняется при отмене выбора всех элементов, после нажатия 'Выбрать все'
-     */
-    onUnselectAll?: () => void;
-    /**
-     * Выполняется при открытии поповера со списком элементов
-     */
-    onOpen?: VoidFunction;
-};
-export declare const Select: <TValue>(props: WithoutEmotionSpecific<Omit<MuiSelectProps<TValue>, "color" | "variant" | "onOpen">> & {
+export declare const Select: <TValue>(props: import("..").WithoutEmotionSpecific<Omit<import("@mui/material").SelectProps<TValue>, "color" | "variant" | "onOpen">> & {
     loading?: boolean | undefined;
     placeholder?: string | undefined;
     getOptionLabel?: ((value: string | number) => string | number) | undefined;
-    /**
-     * Добавляет вспомогательный текст под селектом
-     */
     helperText?: ReactNode;
-    /**
-     * Включает/отключает резервирование места под helperText
-     */
     hideHelperText?: boolean | undefined;
-    /**
-     * Если `false`, кнопка сброса не отобразится
-     * @default true
-     */
     isShowClearButton?: boolean | undefined;
     success?: boolean | undefined;
     error?: boolean | undefined;
     label?: string | undefined;
-    /**
-     * Если true, то отобразится option "Выбрать все"
-     * работает только с multiple
-     */
     isEnableAllSelection?: boolean | undefined;
-    /**
-     * Массив value, нужен для работы опции "Выбрать все"
-     */
     valueOptions?: TValue | undefined;
-    /**
-     * Выполняется при выборе всех элементов, после нажатия 'Выбрать все'
-     */
     onSelectAll?: (() => void) | undefined;
-    /**
-     * Выполняется при отмене выбора всех элементов, после нажатия 'Выбрать все'
-     */
     onUnselectAll?: (() => void) | undefined;
-    /**
-     * Выполняется при открытии поповера со списком элементов
-     */
     onOpen?: VoidFunction | undefined;
 } & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/components/Select/index.d.ts

@@ -1 +1,2 @@
 export * from './Select';
+export type { SelectProps } from './types';

package/components/Select/public.d.ts

@@ -1 +1,2 @@
 export * from './Select';
+export type { SelectProps } from './types';

package/components/Select/types.d.ts

@@ -0,0 +1,49 @@
+import type { SelectProps as MuiSelectProps } from '@mui/material/Select';
+import { type ReactNode } from 'react';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
+export type SelectProps<TValue> = WithoutEmotionSpecific<Omit<MuiSelectProps<TValue>, 'variant' | 'color' | 'onOpen'>> & {
+    loading?: boolean;
+    placeholder?: string;
+    getOptionLabel?: (value: string | number) => string | number;
+    /**
+     * Добавляет вспомогательный текст под селектом
+     */
+    helperText?: ReactNode;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean;
+    /**
+     * Если `false`, кнопка сброса не отобразится
+     * @default true
+     */
+    isShowClearButton?: boolean;
+    success?: boolean;
+    error?: boolean;
+    label?: string;
+    /**
+     * Если true, то отобразится option "Выбрать все"
+     * работает только с multiple
+     */
+    isEnableAllSelection?: boolean;
+    /**
+     * Массив value, нужен для работы опции "Выбрать все"
+     */
+    valueOptions?: TValue;
+    /**
+     * Выполняется при выборе всех элементов, после нажатия 'Выбрать все'
+     */
+    onSelectAll?: () => void;
+    /**
+     * Выполняется при отмене выбора всех элементов, после нажатия 'Выбрать все'
+     */
+    onUnselectAll?: () => void;
+    /**
+     * Выполняется при открытии поповера со списком элементов
+     */
+    onOpen?: VoidFunction;
+};
+export type ClearButtonProps = {
+    onClick: () => void;
+    disabled?: boolean;
+};

package/components/Select/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,5 @@
 import { type ReactNode, type SyntheticEvent } from 'react';
-import { type SelectProps } from '../Select';
+import { type SelectProps } from '../types';
 export declare const useLogic: <TValue>({ value, onChange, children, open: externalIsOpened, defaultOpen, multiple, isEnableAllSelection, isShowClearButton, valueOptions, onSelectAll, onUnselectAll, name, placeholder, onClose, onOpen, loading, }: SelectProps<TValue>) => {
     isOpened: boolean;
     isNoData: boolean;

package/components/Select/useLogic/useLogic.js

@@ -1,7 +1,8 @@
 import { menuItemClasses } from '@mui/material/MenuItem';
 import { Children, isValidElement, useRef, useState, } from 'react';
 import { MenuItem } from '../../MenuItem';
-import { getNodeText, isSyncReactElement } from '../../utils';
+import { getNodeText } from '../../utils/getNodeText';
+import { isSyncReactElement } from '../../utils/isSyncReactElement';
 import { SELECT_ALL_VALUE } from '../constants';
 export const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOpen, multiple, isEnableAllSelection, isShowClearButton = true, valueOptions, onSelectAll, onUnselectAll, name, placeholder, onClose, onOpen, loading, }) => {
     const [isOpened, setOpened] = useState(!loading && (defaultOpen || externalIsOpened || false));

package/components/SideDialog/SideDialog.d.ts

@@ -1,5 +1,5 @@
 import type { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 type SideDialogSize = 'xs' | 'sm' | 'md' | 'lg';
 export type SideDialogProps = WithoutEmotionSpecific<Omit<MuiDrawerProps, 'anchor'>> & {
     title?: string;

package/components/SideDialog/styles.d.ts

@@ -1,5 +1,5 @@
 import type { DrawerProps } from '@mui/material/Drawer';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 type SideDialogSize = 'xs' | 'sm' | 'md' | 'lg';
 export declare const StyledDrawer: import("../styled").StyledComponent<DrawerProps & {
     theme?: import("@emotion/react").Theme | undefined;

package/components/SideDialogActions/types.d.ts

@@ -1,3 +1,3 @@
 import type { DialogActionsProps as MuiDialogActionsProps } from '@mui/material/DialogActions';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type SideDialogActionsProps = WithoutEmotionSpecific<MuiDialogActionsProps>;

package/components/SideDialogContent/types.d.ts

@@ -1,3 +1,3 @@
 import type { DialogContentProps as MuiDialogContentProps } from '@mui/material/DialogContent';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type SideDialogContentProps = WithoutEmotionSpecific<MuiDialogContentProps>;

package/components/SideDialogContentText/types.d.ts

@@ -1,3 +1,3 @@
 import type { DialogContentTextProps as MuiDialogContentTextProps } from '@mui/material/DialogContentText';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type SideDialogContentTextProps = WithoutEmotionSpecific<MuiDialogContentTextProps>;

package/components/SideDialogTitle/SideDialogTitle.d.ts

@@ -1,4 +1,4 @@
 import { type DialogTitleProps as MuiDialogTitleProps } from '../DialogTitle';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type SideDialogTitleProps = WithoutEmotionSpecific<MuiDialogTitleProps>;
 export declare const SideDialogTitle: (props: SideDialogTitleProps) => import("react/jsx-runtime").JSX.Element;

package/components/SideDialogTitle/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const StyledDialogTitle: import("../styled").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").DialogTitleProps> & {
-    onClose?: ((event: {}, reason: "escapeKeyDown" | "backdropClick") => void) | undefined;
+    onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/Skeleton/Skeleton.d.ts

@@ -1,6 +1,6 @@
 import type { SkeletonProps as MuiSkeletonProps } from '@mui/material/Skeleton';
 import { type ElementType } from 'react';
-import { type WithoutEmotionSpecific } from '../types';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type SkeletonProps<TComponent extends ElementType, TComponentProps = {}> = Omit<WithoutEmotionSpecific<MuiSkeletonProps<TComponent, TComponentProps>>, 'variant' | 'animation'> & {
     /**
      * Компонент, используемый для корневого узла. Либо строка для использования элемента HTML, либо компонент

package/components/StaticCalendar/StaticDaysCalendar/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../../utils';
+import { createUIKitClassname } from '../../utils/createUIKitClassname';
 export const staticDaysCalendarClassnames = {
     container: createUIKitClassname('static-days_calendar__container'),
     head: createUIKitClassname('static-days_calendar__head'),

package/components/StepSlider/StepSlider.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type SlideProps } from '../transitions';
+import { type SlideProps } from '../transitions/Slide';
 type DefaultKey = string | number | symbol;
 type Step<TKeys extends DefaultKey> = {
     id: TKeys;

package/components/StepSlider/StepSlider.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { useEffect, useRef, useState } from 'react';
 import { useId } from '../hooks/useId';
-import { Slide } from '../transitions';
+import { Slide } from '../transitions/Slide';
 import { Item, Wrapper } from './styles';
 const TO_LEFT = 'left';
 const TO_RIGHT = 'right';

package/components/Stepper/StepButton/StepButton.d.ts

@@ -1,5 +1,5 @@
 import type { StepLabelProps as MuiStepLabelProps } from '@mui/material/StepLabel';
-import type { WithoutEmotionSpecific } from '../../types';
+import type { WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 export type StepButtonProps = {
     /**
      * Если true, текущий шаг будет отображен как активный

package/components/Stepper/StepConnector/index.d.ts

@@ -1,4 +1,4 @@
 export { default as StepConnector } from '@mui/material/StepConnector';
 import type { StepConnectorProps as StepConnectorPropsMui } from '@mui/material/StepConnector';
-import { type WithoutEmotionSpecific } from '../../types';
+import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 export type StepConnectorProps = WithoutEmotionSpecific<StepConnectorPropsMui>;

package/components/Stepper/StepIcon/StepIcon.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { StepIconProps as MuiStepIconProps } from '@mui/material/StepIcon';
-import { type WithoutEmotionSpecific } from '../../types';
+import { type WithoutEmotionSpecific } from '../../types/WithoutEmotionSpecific';
 export type StepIconProps = {
     /**
      * Является ли шаг в состоянии select