@astral/ui 4.18.3 → 4.18.5

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.d.ts

@@ -19,7 +19,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         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;
         lang?: string | undefined;
         nonce?: string | undefined;
@@ -27,7 +27,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         about?: string | undefined;
         content?: string | undefined;
@@ -61,7 +61,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         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;
@@ -71,7 +71,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         "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;
@@ -81,7 +81,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         "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;
@@ -98,7 +98,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         "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;

package/components/Checkbox/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useMemo, useState } from 'react';
-import { useUpdateEffect } from '../../hooks';
-import { classNames } from '../../utils';
+import { useUpdateEffect } from '../../hooks/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/CheckboxField/styles.js

@@ -1,4 +1,5 @@
-import { formControlLabelClasses, stackClasses } from '@mui/material';
+import { formControlLabelClasses } from '@mui/material/FormControlLabel';
+import { stackClasses } from '@mui/material/Stack';
 import { FormControlLabel } from '../FormControlLabel';
 import { FormHelperText } from '../FormHelperText';
 import { styled } from '../styled';

package/components/Chevron/Chevron.d.ts

@@ -1,6 +1,6 @@
-import { type SvgIconProps } from '@mui/material';
+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/Chevron/styles.js

@@ -1,4 +1,4 @@
-import { ChevronDOutlineMd } from '../../icons';
+import { ChevronDOutlineMd } from '../../icons/ChevronDOutlineMd';
 import { styled } from '../styled';
 import { UpDownTransition } from '../styled/mixins';
 export const ChevronIcon = styled(ChevronDOutlineMd, {

package/components/ClickAwayListener/ClickAwayListener.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import { type UseClickAwayListenerOptions } from '../hooks';
+import { type UseClickAwayListenerOptions } from '../hooks/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';
+import { useClickAwayEffect, } from '../hooks/useClickAwayEffect';
 /**
  * компонент предоставляющий обертку для работы с хуком useClickAwayEffect
  */

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

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

package/components/CodeField/styles.d.ts

@@ -17,17 +17,11 @@ export declare const Digit: import("../styled").StyledComponent<{
 } & {
     $isError?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const FieldLabel: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const FieldLabel: 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" | "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/components/CollapsableAlert/CollapsableAlert.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type AccordionProps } from '../Accordion';
 import { type AlertProps } from '../Alert';
-export declare const CollapsableAlert: import("react").ForwardRefExoticComponent<Pick<AlertProps, "icon" | "display" | "severity" | "actions"> & Omit<AccordionProps, "summary" | "onChange" | "startAdornment"> & {
+export declare const CollapsableAlert: import("react").ForwardRefExoticComponent<Pick<AlertProps, "display" | "icon" | "actions" | "severity"> & Omit<AccordionProps, "onChange" | "summary" | "startAdornment"> & {
     title: AccordionProps['summary'];
     onExpandedChange?: AccordionProps['onChange'];
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/Collapse/Collapse.d.ts

@@ -1,4 +1,4 @@
-import { type CollapseProps as MuiCollapseProps } from '@mui/material';
-import { type WithoutEmotionSpecific } from '../types';
+import { type CollapseProps as MuiCollapseProps } from '@mui/material/Collapse';
+import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type CollapseProps = WithoutEmotionSpecific<MuiCollapseProps>;
 export declare const Collapse: (props: CollapseProps) => import("react/jsx-runtime").JSX.Element;

package/components/Collapse/Collapse.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Collapse as MuiCollapse, } from '@mui/material';
+import MuiCollapse from '@mui/material/Collapse';
 export const Collapse = (props) => _jsx(MuiCollapse, { ...props });

package/components/CollapsibleTypography/CollapsibleTypography.d.ts

@@ -23,17 +23,11 @@ export type CollapsibleTypographyProps = PropsWithChildren<CollapsibleProps & Ty
 /**
  * Компонент даёт возможность скрывать часть текста по строкам, и показывать их при нажатии на кнопку
  */
-export declare const CollapsibleTypography: import("react").ForwardRefExoticComponent<CollapsibleProps & {
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const CollapsibleTypography: import("react").ForwardRefExoticComponent<CollapsibleProps & 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> & {
     children?: import("react").ReactNode;

package/components/CollapsibleTypography/styles.d.ts

@@ -8,25 +8,19 @@ export declare const CollapsibleWrapper: import("../styled").StyledComponent<{
     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 Wrapper: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const Wrapper: 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" | "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;
 } & CollapsibleTypographyWrapperProps, {}, {}>;
-export declare const StyledButton: import("../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("../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/components/ComplianceStatus/styles.js

@@ -1,4 +1,6 @@
-import { CircleErrorFillSm, DotOutlineSm, SuccessFillSm } from '../../icons';
+import { CircleErrorFillSm } from '../../icons/CircleErrorFillSm';
+import { DotOutlineSm } from '../../icons/DotOutlineSm';
+import { SuccessFillSm } from '../../icons/SuccessFillSm';
 import { Loader } from '../Loader';
 import { keyframes, styled } from '../styled';
 import { listContainer } from '../styled/mixins';

package/components/ConfigProvider/ConfigProvider.d.ts

@@ -1,6 +1,6 @@
 import { type ReactElement, type ReactNode } from 'react';
 import { type LanguageMap } from '../DatePicker/types';
-import { type PlaceholderImageProps } from '../placeholders';
+import { type PlaceholderImageProps } from '../placeholders/Placeholder/Image';
 import { type NextFeatureFlagsContextProps } from './NextFeatureFlagsContext';
 type Language = 'ru';
 type ImagesMap = {

package/components/ConfigProvider/ConfigProvider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useEffect, } from 'react';
-import { russianMap } from '../DatePicker';
+import { russianMap } from '../DatePicker/constants';
 import { NextFeatureFlagsContext, } from './NextFeatureFlagsContext';
 const imagesMapDefault = {
     noDataImgSrc: '',

package/components/ConfirmAction/ConfirmAction.d.ts

@@ -1,38 +1,2 @@
-import { type ReactNode, type SyntheticEvent } from 'react';
-import { type PopoverProps } from '../Popover';
-export type ActionComponentParams = {
-    onClick: (event: SyntheticEvent) => void;
-};
-export type ConfirmActionProps = {
-    /**
-     * Поясняющий текст
-     */
-    text?: string;
-    /**
-     * Параметры кнопки подтверждения действия
-     */
-    confirmButtonProps?: {
-        /**
-         * Текст кнопки
-         */
-        text?: string;
-        /**
-         * Если `true`, кнопка будет иметь акцент на критичность действия. Стоит использовать для важных действий, например при удалении.
-         * @default 'false'
-         */
-        isAccented?: boolean;
-    };
-    /**
-     * Параметры всплывающего окна
-     */
-    popoverProps?: Pick<PopoverProps, 'anchorOrigin' | 'transformOrigin'>;
-    /**
-     * Кнопка, действие которой необходимо подтвердить
-     */
-    actionComponent: (params: ActionComponentParams) => ReactNode;
-    /**
-     * Целевое действие, которое должно произойти после подтверждения
-     */
-    onConfirm: () => void;
-};
+import { type ConfirmActionProps } from './types';
 export declare const ConfirmAction: (props: ConfirmActionProps) => import("react/jsx-runtime").JSX.Element;

package/components/ConfirmAction/constants.js

@@ -1,4 +1,4 @@
-import { createUIKitClassname } from '../utils';
+import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const DEFAULT_ANCHOR_ORIGIN = {
     vertical: 'bottom',
     horizontal: 'right',

package/components/ConfirmAction/index.d.ts

@@ -1,2 +1,3 @@
-export { ConfirmAction, type ConfirmActionProps, type ActionComponentParams, } from './ConfirmAction';
+export { ConfirmAction } from './ConfirmAction';
 export { confirmActionClassnames } from './constants';
+export type { ConfirmActionProps, ActionComponentParams } from './types';

package/components/ConfirmAction/index.js

@@ -1,2 +1,2 @@
-export { ConfirmAction, } from './ConfirmAction';
+export { ConfirmAction } from './ConfirmAction';
 export { confirmActionClassnames } from './constants';

package/components/ConfirmAction/public.d.ts

@@ -1,2 +1,3 @@
-export { ConfirmAction, type ConfirmActionProps, } from './ConfirmAction';
+export { ConfirmAction } from './ConfirmAction';
 export { confirmActionClassnames } from './constants';
+export type { ActionComponentParams, ConfirmActionProps } from './types';

package/components/ConfirmAction/public.js

@@ -1,2 +1,2 @@
-export { ConfirmAction, } from './ConfirmAction';
+export { ConfirmAction } from './ConfirmAction';
 export { confirmActionClassnames } from './constants';

package/components/ConfirmAction/styles.d.ts

@@ -3,17 +3,11 @@ export declare const Wrapper: import("../styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTypography: import("../styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "inherit" | "left" | "right" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
+export declare const StyledTypography: 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" | "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/components/ConfirmAction/types.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode, type SyntheticEvent } from 'react';
+import { type PopoverProps } from '../Popover';
+export type ActionComponentParams = {
+    onClick: (event: SyntheticEvent) => void;
+};
+export type ConfirmActionProps = {
+    /**
+     * Поясняющий текст
+     */
+    text?: string;
+    /**
+     * Параметры кнопки подтверждения действия
+     */
+    confirmButtonProps?: {
+        /**
+         * Текст кнопки
+         */
+        text?: string;
+        /**
+         * Если `true`, кнопка будет иметь акцент на критичность действия. Стоит использовать для важных действий, например при удалении.
+         * @default 'false'
+         */
+        isAccented?: boolean;
+    };
+    /**
+     * Параметры всплывающего окна
+     */
+    popoverProps?: Pick<PopoverProps, 'anchorOrigin' | 'transformOrigin'>;
+    /**
+     * Кнопка, действие которой необходимо подтвердить
+     */
+    actionComponent: (params: ActionComponentParams) => ReactNode;
+    /**
+     * Целевое действие, которое должно произойти после подтверждения
+     */
+    onConfirm: () => void;
+};

package/components/ConfirmAction/types.js

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

package/components/ConfirmAction/useLogic/useLogic.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonColors, ButtonVariants } from '../../Button';
-import { type ConfirmActionProps } from '../ConfirmAction';
+import { type ConfirmActionProps } from '../types';
 type UseLogicParams = ConfirmActionProps;
 export declare const useLogic: ({ confirmButtonProps: externalConfirmButtonProps, onConfirm, }: UseLogicParams) => {
     actionComponentProps: {
@@ -11,7 +11,7 @@ export declare const useLogic: ({ confirmButtonProps: externalConfirmButtonProps
     };
     popoverProps: {
         open: boolean;
-        anchorEl: import("../../hooks").AnchorType;
+        anchorEl: import("../../hooks/usePopover").AnchorType;
         onClose: () => void;
     };
     cancelButtonProps: {

package/components/ConfirmAction/useLogic/useLogic.js

@@ -1,5 +1,5 @@
 import { ButtonColors, ButtonVariants } from '../../Button';
-import { usePopover } from '../../hooks';
+import { usePopover } from '../../hooks/usePopover';
 import { confirmActionClassnames } from '../constants';
 export const useLogic = ({ confirmButtonProps: externalConfirmButtonProps, onConfirm, }) => {
     const { isOpen, anchor, actions } = usePopover();

package/components/ConfirmDialog/ConfirmDialog.d.ts

@@ -1,37 +1,2 @@
-import { type ReactNode } from 'react';
-import { type ButtonProps } from '../Button';
-import { type DialogProps } from '../Dialog';
-export type ConfirmDialogProps = {
-    /**
-     * Заголовок диалога
-     */
-    title: string;
-    /**
-     * Вспомогательный текст
-     */
-    description?: ReactNode;
-    /**
-     * Функция для закрытия диалога
-     */
-    onClose: () => void;
-    /**
-     * Параметры кнопок действий
-     */
-    actions: {
-        /**
-         * Параметры кнопки подтверждения
-         * @example <ConfirmDialog actions={{ confirm: { text: 'Название кнопки' }}}
-         */
-        confirm: ButtonProps & {
-            text: string;
-        };
-        /**
-         * Параметры кнопки отмены. В качестве действия onClick по-умолчанию используется пропс onClose
-         * @example <ConfirmDialog actions={{ cancel: { text: 'Название кнопки' }}}
-         */
-        cancel?: ButtonProps & {
-            text: string;
-        };
-    };
-} & Pick<DialogProps, 'aria-labelledby' | 'aria-describedby' | 'disableBackdropClick' | 'disablePortal' | 'disableScrollLock' | 'hideBackdrop' | 'keepMounted' | 'open'>;
+import { type ConfirmDialogProps } from './types';
 export declare const ConfirmDialog: (props: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;

package/components/ConfirmDialog/index.d.ts

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

package/components/ConfirmDialog/public.d.ts

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

package/components/ConfirmDialog/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare const CancelButton: import("../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 CancelButton: import("../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/components/ConfirmDialog/types.d.ts

@@ -0,0 +1,36 @@
+import { type ReactNode } from 'react';
+import { type ButtonProps } from '../Button';
+import { type DialogProps } from '../Dialog';
+export type ConfirmDialogProps = {
+    /**
+     * Заголовок диалога
+     */
+    title: string;
+    /**
+     * Вспомогательный текст
+     */
+    description?: ReactNode;
+    /**
+     * Функция для закрытия диалога
+     */
+    onClose: () => void;
+    /**
+     * Параметры кнопок действий
+     */
+    actions: {
+        /**
+         * Параметры кнопки подтверждения
+         * @example <ConfirmDialog actions={{ confirm: { text: 'Название кнопки' }}}
+         */
+        confirm: ButtonProps & {
+            text: string;
+        };
+        /**
+         * Параметры кнопки отмены. В качестве действия onClick по-умолчанию используется пропс onClose
+         * @example <ConfirmDialog actions={{ cancel: { text: 'Название кнопки' }}}
+         */
+        cancel?: ButtonProps & {
+            text: string;
+        };
+    };
+} & Pick<DialogProps, 'aria-labelledby' | 'aria-describedby' | 'disableBackdropClick' | 'disablePortal' | 'disableScrollLock' | 'hideBackdrop' | 'keepMounted' | 'open'>;

package/components/ConfirmDialog/types.js

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

package/components/ConfirmDialog/useLogic/useLogic.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { type ConfirmDialogProps } from '../ConfirmDialog';
+import { type ConfirmDialogProps } from '../types';
 type UseLogicParams = ConfirmDialogProps;
 export declare const useLogic: ({ actions, onClose }: UseLogicParams) => {
     isShowCancelButton: boolean;
     cancelButtonProps: {
-        variant: "light" | "link" | "outlined" | "text" | "contained";
+        variant: "light" | "link" | "text" | "contained" | "outlined";
         onClick: import("react").MouseEventHandler<HTMLButtonElement>;
     };
 };

package/components/ConfirmDialog/useLogic/useLogic.js

@@ -1,4 +1,4 @@
-import { useViewportType } from '../../hooks';
+import { useViewportType } from '../../hooks/useViewportType';
 export const useLogic = ({ actions, onClose }) => {
     const { isMobile } = useViewportType();
     const { cancel } = actions;

package/components/ContentState/ContentState.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '../Button';
 import { ErrorBoundary } from '../ErrorBoundary';
-import { LoadingPlaceholder, Placeholder } from '../placeholders';
+import { LoadingPlaceholder } from '../placeholders/LoadingPlaceholder';
+import { Placeholder } from '../placeholders/Placeholder';
 import { Typography } from '../Typography';
 import { useLogic } from './useLogic';
 export const ContentState = ({ isLoading, isError, isCustom, errorState, customState, children, loadingContent, loadingTitle, placeholderSize, isSmoothLoading, }) => {

package/components/ContentState/types.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { PlaceholderProps } from '../placeholders';
+import type { PlaceholderProps } from '../placeholders/Placeholder';
 export type ContentStateErrorProps = {
     /**
      * Название ошибки

package/components/ContentState/useLogic/useLogic.js

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
 import { ConfigContext } from '../../ConfigProvider';
-import { useLoadingState } from '../../hooks';
+import { useLoadingState } from '../../hooks/useLoadingState';
 export const useLogic = ({ isSmoothLoading: propsIsSmoothLoading, isLoading, }) => {
     const { imagesMap, components } = useContext(ConfigContext);
     const isSmoothLoading = propsIsSmoothLoading ??