@astral/ui 4.18.3 → 4.18.5

package/hook-form/FormPageLayout/FormPageFooter/SecondaryActions/styles.d.ts

@@ -1,17 +1,17 @@
 /// <reference types="react" />
-export declare const StyledButton: import("../../../../components/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const StyledButton: import("../../../../components/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledMobileButton: import("../../../../components/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const StyledMobileButton: import("../../../../components/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

package/hook-form/FormPageLayout/FormPageFooter/styles.d.ts

@@ -5,10 +5,10 @@ export declare const ActionsWrapper: import("../../../components/styled").Styled
 } & {
     $isShowMoreButton?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ShowMoreButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const ShowMoreButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

package/hook-form/FormPageLayout/FormPageLayout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { classNames } from '../../components/utils';
+import { classNames } from '../../components/utils/classNames';
 import { Form } from '../Form';
 import { FormPageLayoutBase, formPageContentClassnames, } from '../FormPageLayoutBase';
 import { FormPageFooter } from './FormPageFooter';

package/hook-form/FormPageLayoutBase/FormMobileActions/FormMobileActions.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMainActions, } from '../../../components/ActionGroup';
 import { MenuItem } from '../../../components/MenuItem';
-import { DotsVOutlineMd } from '../../../icons';
+import { DotsVOutlineMd } from '../../../icons/DotsVOutlineMd';
 import { StyledButton, StyledDropdownButton, StyledIconDropDownButton, } from './styles';
 export const FormMobileActions = ({ actions, }) => {
     const mainActions = useMainActions({

package/hook-form/FormPageLayoutBase/FormMobileActions/styles.d.ts

@@ -2,10 +2,10 @@
 export declare const StyledIconDropDownButton: import("../../../components/styled").StyledComponent<Omit<import("../../../components/IconDropdownButton").IconDropdownButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const StyledButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

package/hook-form/FormPageLayoutBase/FormPageLayoutBase.d.ts

@@ -1,7 +1,7 @@
 import { type ElementType, type ReactNode } from 'react';
 import { type PageLayoutProps } from '../../components/PageLayout';
 import type { SecondaryAction } from '../FormPageLayoutBase';
-import { type UseFormReturn } from '../hooks';
+import { type UseFormReturn } from '../hooks/useForm';
 type FormPageProps<TFormValues extends Record<string, unknown>> = {
     form: UseFormReturn<TFormValues> | null;
     /**

package/hook-form/FormPageLayoutBase/FormPageLayoutBase.js

@@ -3,7 +3,7 @@ import { isValidElement } from 'react';
 import { PageAside } from '../../components/PageAside';
 import { PageContextProvider } from '../../components/PageContext';
 import { PageLayoutContainer } from '../../components/PageLayoutContainer';
-import { classNames } from '../../components/utils';
+import { classNames } from '../../components/utils/classNames';
 import { FormMobileActions } from './FormMobileActions';
 import { DesktopAlertWrapper, MobileAlertWrapper, StyledPageContent, StyledPageHeader, } from './styles';
 import { useLogic } from './useLogic';

package/hook-form/FormPageLayoutBase/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../../components/utils';
+import { createUIKitClassname } from '../../components/utils/createUIKitClassname';
 export const formPageLayoutClassnames = {
     pageHeaderActions: createUIKitClassname('form-page-layout__header__actions'),
     footerShadow: createUIKitClassname('form-page-layout__footer_shadow'),

package/hook-form/FormPageLayoutBase/useLogic/useLogic.d.ts

@@ -12,7 +12,7 @@ export declare const useLogic: <TFormValues extends Record<string, unknown>>({ a
         isLoading?: boolean | undefined;
         shouldUpdateDocumentTitle?: boolean | undefined;
         htmlTitle?: string | undefined;
-        backButton?: (Omit<import("../../..").ButtonProps, "children" | "variant" | "component"> & {
+        backButton?: (Omit<import("../../..").ButtonProps, "children" | "component" | "variant"> & {
             component?: import("react").ElementType | undefined;
             theme?: import("../../..").Theme | undefined;
         } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>) | undefined;

package/hook-form/FormPasswordField/FormPasswordField.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PasswordField, } from '../../components/PasswordField';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * Адаптер для PasswordField
  */

package/hook-form/FormPreviewFileUploader/FormPreviewFileUploader.d.ts

@@ -1,9 +1,9 @@
 import type { ForwardedRef } from 'react';
-import { type PreviewFileUploaderProps } from '../../components/fileUploading';
+import { type PreviewFileUploaderProps } from '../../components/fileUploading/PreviewFileUploader';
 import { type WithFormFieldProps } from '../types';
 export type FormPreviewFileUploaderProps<TFieldValues extends object> = WithFormFieldProps<Omit<PreviewFileUploaderProps, 'value' | 'onChange'>, TFieldValues>;
 /**
  * PreviewFileUploader для формы
  */
 export declare const FormPreviewFileUploaderInner: <TFieldValues extends object>(props: FormPreviewFileUploaderProps<TFieldValues>, ref: ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const FormPreviewFileUploader: <TFieldValues extends object>(props: Omit<Omit<import("../../components/fileUploading").UsePreviewFileUploaderParams, "onChange" | "value">, "error" | "name"> & Omit<import("react-hook-form").UseControllerProps<TFieldValues>, "rules"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export declare const FormPreviewFileUploader: <TFieldValues extends object>(props: Omit<Omit<import("../..").UsePreviewFileUploaderParams, "onChange" | "value">, "error" | "name"> & Omit<import("react-hook-form").UseControllerProps<TFieldValues>, "rules"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/hook-form/FormPreviewFileUploader/FormPreviewFileUploader.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PreviewFileUploader, } from '../../components/fileUploading';
+import { PreviewFileUploader, } from '../../components/fileUploading/PreviewFileUploader';
 import { forwardRefWithGeneric } from '../../components/forwardRefWithGeneric';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * PreviewFileUploader для формы
  */

package/hook-form/FormRadioGroup/FormRadioGroup.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRefWithGeneric } from '../../components/forwardRefWithGeneric';
 import { RadioGroup } from '../../components/RadioGroup';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * Адаптер RadioGroup для формы
  */

package/hook-form/FormSelect/FormSelect.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Select } from '../../components/Select';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * Адаптер для Select
  */

package/hook-form/FormSubmitButton/FormSubmitButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '../../components/Button';
-import { useFormContext } from '../hooks';
+import { useFormContext } from '../hooks/useFormContext';
 /**
  * Используется для форм, отображает состояние загрузки, когда форма isSubmitting
  */

package/hook-form/FormTextArea/FormTextArea.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TextArea } from '../../components/TextArea';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * Адаптер для TextArea
  */

package/hook-form/FormTextField/FormTextField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRefWithGeneric } from '../../components/forwardRefWithGeneric';
 import { TextField } from '../../components/TextField';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * Адаптер для TextField
  */

package/hook-form/FormToggleButtonGroup/FormToggleButtonGroup.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ToggleButtonGroup, } from '../../components/ToggleButtonGroup';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 export const FormToggleButtonGroup = (props) => {
     const { isError, onChange, errorText, color: colorToggleButton, isDisabledErrorText, ...restProps } = props;
     const { error, children, helperText, onChange: fieldPropsOnChange, ...fieldProps } = useFormFieldProps({

package/hook-form/FormTreeAsyncAutocomplete/FormTreeAsyncAutocomplete.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TreeAsyncAutocomplete, } from '../../components/TreeAsyncAutocomplete';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * FormTreeAsyncAutocomplete для формы
  */

package/hook-form/FormTreeAutocomplete/FormTreeAutocomplete.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TreeAutocomplete, } from '../../components/TreeAutocomplete';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * FormTreeAutocomplete для формы
  */

package/hook-form/FormTreeLikeAsyncAutocomplete/FormTreeLikeAsyncAutocomplete.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TreeLikeAsyncAutocomplete, } from '../../components/TreeLikeAsyncAutocomplete';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * Обертка TreeLikeAsyncAutocomplete для формы
  */

package/hook-form/FormTreeLikeAutocomplete/FormTreeLikeAutocomplete.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TreeLikeAutocomplete, } from '../../components/TreeLikeAutocomplete';
-import { useFormFieldProps } from '../hooks';
+import { useFormFieldProps } from '../hooks/useFormFieldProps';
 /**
  * FormTreeAutocomplete для формы
  */

package/hook-form/FormWizard/Footer/Footer.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowLOutlineMd, ArrowROutlineMd } from '../../../icons';
+import { ArrowLOutlineMd } from '../../../icons/ArrowLOutlineMd';
+import { ArrowROutlineMd } from '../../../icons/ArrowROutlineMd';
 import { FormSubmitButton } from '../../FormSubmitButton';
 import { PrevButton, Wrapper } from './styles';
 export const Footer = (props) => {

package/hook-form/FormWizard/Footer/styles.d.ts

@@ -3,10 +3,10 @@ export declare const Wrapper: import("../../../components/styled").StyledCompone
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const PrevButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const PrevButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

package/hook-form/FormWizard/FormWizard.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { type FieldErrors } from 'react-hook-form';
-import { type UseFormReturn } from '../hooks';
+import { type UseFormReturn } from '../hooks/useForm';
 import type { WizardFooterProps, WizardStep, WizardStepId } from './types';
 export type FormWizardProps<TFormValues extends Record<string, unknown>> = {
     /**

package/hook-form/FormWizardPageLayout/FormWizardFooter/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const PrevButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const PrevButton: import("../../../components/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

package/hook-form/FormWizardPageLayout/FormWizardFooter/styles.js

@@ -1,6 +1,7 @@
 import { Button } from '../../../components/Button';
 import { styled } from '../../../components/styled';
-import { ArrowLOutlineMd, ArrowROutlineMd } from '../../../icons';
+import { ArrowLOutlineMd } from '../../../icons/ArrowLOutlineMd';
+import { ArrowROutlineMd } from '../../../icons/ArrowROutlineMd';
 export const PrevButton = styled(Button) `
   margin-right: auto;
 

package/hook-form/FormWizardPageLayout/FormWizardPageLayout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from '../../components/utils';
+import { classNames } from '../../components/utils/classNames';
 import { FormPageLayoutBase, formPageContentClassnames, } from '../FormPageLayoutBase';
 import { FormWizard, } from '../FormWizard';
 import { FormWizardFooter } from './FormWizardFooter';

package/hook-form/hooks/useFormFieldProps/useFormFieldProps.js

@@ -1,5 +1,5 @@
 import { useController, } from 'react-hook-form';
-import { useForwardedRef } from '../../../components/hooks';
+import { useForwardedRef } from '../../../components/hooks/useForwardedRef';
 import { useFormFieldErrorProps, } from '../useFormFieldErrorProps';
 import { useFormInputProps, } from '../useFormInputProps';
 /**

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

@@ -19,17 +19,11 @@ export declare const ContentWrapper: import("@emotion/styled/dist/declarations/s
     $withStartAdornment: boolean;
     $hasSubtitle?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Summary: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Summary: import("@emotion/styled/dist/declarations/src/types").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" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "br" | "canvas" | "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" | "label" | "legend" | "li" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "big" | "center" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "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" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | 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/node/components/Accordion/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chevron = exports.Wrapper = exports.ChevronWrapper = exports.Summary = exports.ContentWrapper = exports.SubtitleWrapper = exports.Header = void 0;
-const icons_1 = require("../../icons");
+const DownOutlineMd_1 = require("../../icons/DownOutlineMd");
 const SvgIcon_1 = require("../SvgIcon");
 const styled_1 = require("../styled");
 const mixins_1 = require("../styled/mixins");
@@ -64,7 +64,7 @@ exports.Wrapper = styled_1.styled.div `
     outline: 2px solid ${({ theme }) => theme.palette.components.focused};
   }
 `;
-exports.Chevron = (0, styled_1.styled)(icons_1.DownOutlineMd, {
+exports.Chevron = (0, styled_1.styled)(DownOutlineMd_1.DownOutlineMd, {
     shouldForwardProp: (prop) => !['$isActive'].includes(prop),
 }) `
   ${({ $isActive }) => (0, mixins_1.UpDownTransition)($isActive)}

package/node/components/ActionCellBase/SecondaryAction/SecondaryAction.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SecondaryActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const DotsVOutlineMd_1 = require("../../../icons/DotsVOutlineMd");
 const IconDropdownButton_1 = require("../../IconDropdownButton");
 const MenuItem_1 = require("../../MenuItem");
 const SecondaryActions = ({ actions, onActionClick, isDisabled, }) => {
-    return ((0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, { "aria-label": "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F", icon: (0, jsx_runtime_1.jsx)(icons_1.DotsVOutlineMd, {}), variant: "text", disabled: isDisabled, children: actions.map((action) => {
+    return ((0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, { "aria-label": "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F", icon: (0, jsx_runtime_1.jsx)(DotsVOutlineMd_1.DotsVOutlineMd, {}), variant: "text", disabled: isDisabled, children: actions.map((action) => {
             const { onClick, name } = action;
             return ((0, react_1.createElement)(MenuItem_1.MenuItem, { ...action, key: name, tooltipPlacement: "left", onClick: onActionClick(onClick) }, name));
         }) }));

package/node/components/ActionGroup/MainActions/hooks/useMainActions/useMainActions.d.ts

@@ -6,7 +6,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         title: string | undefined;
         withoutContainer: boolean;
     };
-    buttonProps: Omit<MultipleAction<TMainActionComponent>, "text" | "disabled" | "note" | "actions" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
+    buttonProps: Omit<MultipleAction<TMainActionComponent>, "text" | "note" | "disabled" | "disabledReason" | "isNested" | "actions" | "isBlockingOperation"> & {
         disabled: boolean | undefined;
         name: string;
         size: "large" | "medium";
@@ -14,19 +14,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
     isNested: true;
     nestedActions: {
         text: string;
-        slot?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title?: string | undefined;
-        inert?: boolean | undefined;
-        action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-        color?: string | undefined;
-        content?: string | undefined;
-        translate?: "no" | "yes" | undefined;
         classes?: (Partial<import("@mui/material").MenuItemClasses> & Partial<import("@mui/material").ClassNameMap<never>>) | undefined;
-        className?: string | undefined;
-        children?: import("react").ReactNode;
-        ref?: import("react").Ref<HTMLLIElement> | undefined;
-        key: import("react").Key | null;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -34,20 +22,26 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         accessKey?: string | undefined;
         autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
         autoFocus?: boolean | undefined;
+        className?: string | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+        enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
+        slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: import("react").CSSProperties | undefined;
         tabIndex?: number | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
@@ -59,6 +53,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         vocab?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
+        color?: string | undefined;
         itemProp?: string | undefined;
         itemScope?: boolean | undefined;
         itemType?: string | undefined;
@@ -70,13 +65,14 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         popover?: "" | "auto" | "manual" | "hint" | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
         popoverTarget?: string | undefined;
+        inert?: boolean | undefined;
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -86,7 +82,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -96,7 +92,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
@@ -113,7 +109,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -127,6 +123,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;
         "aria-valuetext"?: string | undefined;
+        children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -298,7 +295,10 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
         onTransitionStart?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+        ref?: import("react").Ref<HTMLLIElement> | undefined;
         disabled?: boolean | undefined;
+        key: import("react").Key | null;
+        action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
         centerRipple?: boolean | undefined;
         disableRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
@@ -311,11 +311,11 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         value?: string | number | readonly string[] | undefined;
         selected?: boolean | undefined;
         dense?: boolean | undefined;
-        divider?: boolean | undefined;
         disableGutters?: boolean | undefined;
+        divider?: boolean | undefined;
         disabledReason?: string | undefined;
         note?: string | undefined;
-        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+        tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | undefined;
         component?: ElementType | undefined;
         href?: string | undefined;
         css?: import("@emotion/serialize").Interpolation<import("@emotion/react").Theme>;
@@ -327,7 +327,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         withoutContainer: boolean;
     };
     isNested: false | undefined;
-    buttonProps: Omit<SingleAction<TMainActionComponent>, "text" | "disabled" | "note" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
+    buttonProps: Omit<SingleAction<TMainActionComponent>, "text" | "note" | "disabled" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
         disabled: boolean | undefined;
         children: string;
         size: "large" | "medium";

package/node/components/ActionGroup/MainActions/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {

package/node/components/ActionGroup/SecondaryActions/SecondaryActions.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SecondaryActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const icons_1 = require("../../../icons");
+const DotsOutlineMd_1 = require("../../../icons/DotsOutlineMd");
 const IconDropdownButton_1 = require("../../IconDropdownButton");
 const ListItemButton_1 = require("../../ListItemButton");
 const ListItemText_1 = require("../../ListItemText");
@@ -12,7 +12,7 @@ const SecondaryActions = ({ actions, isDisabled, className, size, }) => {
     if (!actions.length) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, { disabled: isDisabled, icon: (0, jsx_runtime_1.jsx)(icons_1.DotsOutlineMd, {}), variant: "outlined", color: "grey", size: size, className: className, children: actions.map(({ text, ...secondaryProps }) => ((0, react_1.createElement)(ListItemButton_1.ListItemButton, { tooltipPlacement: TOOLTIP_PLACEMENT, ...secondaryProps, key: text },
+    return ((0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, { disabled: isDisabled, icon: (0, jsx_runtime_1.jsx)(DotsOutlineMd_1.DotsOutlineMd, {}), variant: "outlined", color: "grey", size: size, className: className, children: actions.map(({ text, ...secondaryProps }) => ((0, react_1.createElement)(ListItemButton_1.ListItemButton, { tooltipPlacement: TOOLTIP_PLACEMENT, ...secondaryProps, key: text },
             (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: text })))) }));
 };
 exports.SecondaryActions = SecondaryActions;

package/node/components/ActionGroup/SecondaryVisibleActions/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "variant" | "component" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "outlined" | "text" | "contained" | undefined;
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {